dt-shared-front 1.1.21 → 1.1.22

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 (8) hide show
  1. package/dist/index.d.ts +1 -0
  2. package/dist/main.css +28 -28
  3. package/dist/main.css.map +1 -1
  4. package/dist/main.js +2 -0
  5. package/dist/main.js.map +1 -0
  6. package/package.json +1 -1
  7. package/dist/index.js +0 -2
  8. package/dist/index.js.map +0 -1
package/dist/main.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["webpack://dt-shared-front/./src/components/icon/icon.module.scss","webpack://dt-shared-front/./src/styles/_variables.scss","webpack://dt-shared-front/./src/components/auto-complete/auto-complete.module.scss","webpack://dt-shared-front/./src/components/button/button.module.scss","webpack://dt-shared-front/./src/components/breadcrumbs/breadcrumbs.module.scss","webpack://dt-shared-front/./src/components/text/text.module.scss","webpack://dt-shared-front/./src/components/link/link.module.scss","webpack://dt-shared-front/./src/components/checkbox/checkbox.module.scss","webpack://dt-shared-front/./src/components/counter/counter.module.scss","webpack://dt-shared-front/./src/components/input/input.module.scss","webpack://dt-shared-front/./src/components/divider/divider.module.scss","webpack://dt-shared-front/./src/components/dropdown/dropdown.module.scss","webpack://dt-shared-front/./src/components/form-control/form-control.module.scss","webpack://dt-shared-front/./src/components/heading/heading.module.scss","webpack://dt-shared-front/./src/components/loader/loader.module.scss","webpack://dt-shared-front/./src/components/loader-line/loader-line.module.scss","webpack://dt-shared-front/./src/components/modal/modal.module.scss","webpack://dt-shared-front/./src/components/select/select.module.scss","webpack://dt-shared-front/./src/components/slider/slider.module.scss","webpack://dt-shared-front/./src/components/spoiler/spoiler.module.scss","webpack://dt-shared-front/./src/components/stacked-input/stacked-input.module.scss","webpack://dt-shared-front/./src/components/switch/switch.module.scss","webpack://dt-shared-front/./src/components/tag-box/tag-box.module.scss","webpack://dt-shared-front/./src/components/tag-button/tag-button.module.scss","webpack://dt-shared-front/./src/components/text-area/text-area.module.scss","webpack://dt-shared-front/./src/components/text-spoiler/text-spoiler.module.scss","webpack://dt-shared-front/./src/components/tooltip/tooltip.module.scss","webpack://dt-shared-front/./node_modules/swiper/swiper.scss","webpack://dt-shared-front/./node_modules/swiper/components/navigation/navigation.scss","webpack://dt-shared-front/./src/styles/_components.scss","webpack://dt-shared-front/./src/styles/_antd.scss","webpack://dt-shared-front/./src/styles/main.scss"],"names":[],"mappings":"AAEA,gDACE,aAEA,cAEA,uDACE,WACA,YCQA,yBDVF,uDAKI,WACA,aAIJ,wDACE,WACA,YCFA,iFDKE,WACA,aAIJ,uDACE,WACA,YCZA,yBDUF,uDAKI,WACA,aAIJ,yDACE,gCAEA,2DACE,kBAGF,6GACE,eACA,iRACE,uCAKN,uDACE,8BAEA,yDACE,kBAGF,2GACE,eACA,6QACE,qCAKN,uDACE,8BAEA,yDACE,kBAGF,2GACE,eACA,6QACE,qCAKN,2DACE,kCAEA,6DACE,kBAGF,+GACE,eACA,qRACE,yCAKN,wDACE,+BAEA,0DACE,kBAGF,4GACE,eACA,+QACE,sC;AE1GN,iIACE,iBACA,uIACE,cACA,+CACA,8CAEA,mMACE,wDAEF,kMACE,qDAKN,kIACE,kBACA,WACA,OACA,sBACA,uBACA,gBAIJ,oEACE,a;ACdF,oDACE,mBACA,YACA,mBACA,eACA,gBACA,kBACA,oBACA,mBACA,uBAEA,4DACE,gBACA,gBACA,eAEA,QACA,YAGF,2DACE,gBACA,iBACA,eACA,iBACA,QAGA,gHACE,YAIJ,4DACE,gBACA,kBACA,eACA,iBACA,QAEA,iHACE,aAIJ,2DACE,gBACA,kBACA,SACA,eACA,iBAEA,gHACE,aAIJ,6DACE,4CAxEmB,CAyEnB,sCAxEwB,CAyExB,6CAEA,iEACE,sCA5EsB,CA+ExB,qBACE,mEACE,mDAhFsB,CAiFtB,+CAjFsB,EAqF1B,oEACE,oDArFyB,CAsFzB,gDAtFyB,CA0F7B,+DACE,8CAxFqB,CAyFrB,wCAxF0B,CAyF1B,+CAEA,mEACE,wCA5FwB,CA+F1B,qBACE,qEACE,qDAhGwB,CAiGxB,iDAjGwB,CAkGxB,gDAEA,yEACE,iDAKN,sEACE,sDA1G2B,CA2G3B,kDA3G2B,CA4G3B,iDA4BJ,+DACE,2BAGF,gEACE,mBAGF,6DACE,sDAtJ6B,CAuJ7B,kDAvJ6B,CAwJ7B,mBAEA,uIAEE,sDA5J2B,CAkLjC,qDACE,+BAEA,YACA,uGACE,kBAIJ,kDACE,sBAEA,0DACE,WACA,YAGF,yDACE,WACA,YAGF,0DACE,WACA,YAGF,yDACE,WACA,YAGF,2DACE,sCAtNwB,CAuNxB,6DACE,kBAIJ,6DACE,wCAvN0B,CAwN1B,+DACE,kBAIJ,wDACE,SAIJ,oDACE,kBACA,QACA,SACA,gCAEA,4DACE,WACA,YAGF,2DACE,WACA,YAGF,6DACE,sCAzPwB,C;ACD5B,8DACE,aACA,QACA,mB;ACDF,iDACE,gCAEA,uDACE,6BACA,sCAGF,wDACE,6BACA,sCAOF,uDACE,6BACA,sCAUJ,wDACE,kCAGF,oDACE,gBAGF,uDACE,gCAGF,qDACE,8BAGF,yDACE,8BAGF,uDACE,kCAGF,uDACE,gC;ACxDF,gDACE,eACA,mBACA,uBACA,qBAEA,sDACE,8BAEA,4DACE,gCAIJ,wDACE,8BACA,eACA,iBAEA,8DACE,gCAIJ,uDACE,8BACA,eACA,iBAEA,6DACE,gCAIJ,mGACE,kCAEA,yGACE,gCAIJ,uDACE,6BACA,QAGF,wDACE,6BACA,sCACA,QAGF,uDACE,6BACA,sCACA,QAMA,0DACE,uCAMN,gDACE,sBAEA,uDACE,WACA,YACA,cAGF,wDACE,WACA,YACA,cAGF,uDACE,WACA,YACA,cAOF,sDACE,SAMJ,oDACE,gB;ACtGF,wDACE,kBACA,WACA,UAEA,8DACE,oBACA,mBACA,iBAEA,YACA,eAEA,sEACE,WACA,qBACA,WACA,YACA,cACA,YACA,8CACA,kBACA,kBACA,4BACA,kCACA,sBAGF,qEACE,wBAIJ,8EACE,mDACA,2DACA,yDAGF,oFACE,iDACA,yDAGF,yGACE,iDAGF,4FACE,yDACA,iDAGF,iEACE,4CAEA,uEACE,4CAGF,uFACE,4DACA,oDAIJ,0HACE,yCAGE,kIACE,oDAGF,wIACE,6Z;AC3ER,sDACE,aACA,mBAEA,2GACE,WACA,YACA,UACA,mBAGF,0GACE,eACA,kB;ACbJ,kDACE,kBACA,WAEA,wDACE,YACA,WACA,sBACA,SACA,UACA,YACA,aACA,iBACA,oBAEA,4XAIE,wBACA,SAEF,2TAIE,6BACA,wCAEF,2FACE,aAGF,wEACE,gBAIA,yFACE,aAMA,qUACE,mBAKN,iEACE,mBAKF,gEACE,mBACA,eACA,YACA,yCAEF,4GACE,UACA,+CAEA,kHACE,iBAKN,uEACE,mBAGF,wEACE,mBAIA,0GACE,8CAEF,8JACE,wDAEF,6JACE,qDAGF,8DACE,+BACA,YACA,4BACA,4BACA,UACA,gBAEA,2EACE,8CAGF,uEACE,4CAEA,oFACE,wDAUJ,iHACE,cAOJ,0GACE,OACA,+CAEA,gHACE,iBAMJ,8GACE,8CAEF,kKACE,wDAEF,iKACE,qDAGF,kEACE,wDACA,oDACA,4BACA,4BAEA,+EACE,8CAGF,2EACE,0DACA,uDAEA,wFACE,wDAIJ,4EACE,0DAEA,yFACE,wDAGJ,wEACE,wDAGF,qHACE,uDAUR,kDACE,kBACA,OACA,QAGF,kDACE,kBACA,eAEA,yDACE,WACA,YACA,WACA,QACA,2BAGF,0DACE,WACA,YACA,WACA,QACA,2BAGF,iEACE,WAGF,4DACE,8BAEA,kEACE,qCAKN,iDACE,kBACA,eAEA,wDACE,WACA,YACA,WACA,QACA,2BAGF,yDACE,WACA,YACA,WACA,QACA,2BAGF,2DACE,8BAEA,iEACE,qCAKN,mDACE,kBAEA,0DACE,WACA,YACA,WACA,QACA,2BAGF,2DACE,WACA,YACA,WACA,QACA,2BAGF,6DACE,8B;ACpRJ,uDACE,kD;ACDF,wDACE,YACA,mBACA,sCACA,kD;ACJF,yDACE,mBAIF,yDACE,kB;ACJF,sDACE,SACA,gCAEA,0DACE,iCACA,qCACA,0CZQA,yBYXF,0DAMI,iCACA,qCACA,2CAIJ,0DACE,iCACA,qCAGF,0DACE,iCACA,qCACA,0CZTA,yBYMF,0DAMI,iCACA,qCACA,2CAIJ,0DACE,iCACA,qCACA,0CAGF,0DACE,iCACA,qCAIJ,2DACE,kCAGF,6DACE,8BAGF,uDACE,gBAGF,0DACE,gCAGF,wDACE,8BAGF,2DACE,gCAGF,0DACE,gCAGF,yDACE,kB;AC5EF,oDACE,aAGF,sDACE,kBACA,WACA,YACA,sCACA,OACA,MACA,aACA,mBACA,uBACA,UAEA,0GACE,WACA,YACA,8BAIJ,mDACE,eACA,WACA,YACA,sCACA,OACA,MACA,aACA,mBACA,uBACA,YAEA,uGACE,WACA,YACA,8B;ACpCJ,8EACE,GACE,WAEF,KACE,WAGJ,6DACE,WACA,kBACA,gBACA,WACA,OACA,QACA,yCAPF,6DAUI,gBAGJ,mHACE,UACA,kBACA,WACA,kBACA,uCACA,UACA,4BAEF,2KACE,UACA,kFACA,sBACA,mCACA,sCAEF,sHACE,UAEF,8KACE,U;ACzCF,mDACE,WACA,aACA,SAEA,0DACE,OfSA,yBefJ,mDAUI,uB;ACXF,0GACE,iBACA,gHACE,cACA,+CACA,8CAEA,qKACE,wDAEF,oKACE,qDAKN,4GACE,kBACA,WACA,OACA,sBACA,uBACA,gBAIJ,4DACE,a;AC1BF,6DACE,aACA,mBACA,kBACA,WACA,YAGF,yDACE,aACA,kBAEA,qHACE,sBAIJ,4DACE,UACA,gBAEA,+GACE,UAKF,2HACE,gBACA,aAIJ,oEACE,aAGF,0DACE,eACA,cACA,kBACA,iBjB1BE,yBiBsBJ,0DAOI,cjBlCA,gDiB2BJ,0DAWI,cAGF,kEACE,aAEF,gEACE,uBACA,WACA,YAEA,sEACE,UAGJ,gEACE,uBACA,YACA,YAEA,sEACE,WAGJ,gEACE,8BACA,2BACA,0BACA,yBACA,sBACA,oBAEF,iEACE,2BACA,wBACA,uBACA,sBACA,mBAIJ,2DACE,eACA,iBACA,cACA,WACA,kBACA,YACA,UACA,SACA,oBACA,mBACA,sCACA,U;ACtGA,0GACE,kBACA,iBACA,eAEF,0GACE,kBACA,QACA,QACA,2B;ACVJ,kEACE,aAGE,8EACE,qCACA,wCACA,6BAKF,+EACE,yBACA,4B;ACdN,oDACE,yBACA,mBACA,WACA,YACA,aACA,mBACA,kBACA,eACA,mBAEA,oEACE,kBACA,OACA,WACA,YACA,yBACA,mBAEA,gBAGF,mEACE,kBACA,mBAGF,0DACE,kBACA,SACA,QACA,UACA,gBAIF,uGACE,yBAEA,uHACE,yBACA,uB;ACxCJ,4GACE,iBACA,kHACE,cACA,+CACA,8CAEA,wKACE,wDAEF,uKACE,qDAeR,6DACE,a;AC1BF,wDACE,kBACA,mBACA,gBACA,YACA,mBACA,eACA,gBACA,kBAEA,+DACE,iBACA,eAGF,iEACE,iBACA,eAGF,+DACE,kBAGF,iEACE,sBACA,sBACA,WACA,oBAEA,wEACE,yBAGF,wCACE,uEACE,WACA,yBACA,sBAKN,+DACE,cACA,oBACA,kBACA,eACA,iBACA,gBAEA,wHACE,mBACA,WAYJ,mEACE,sBACA,WACA,oBACA,0CACA,mBACA,kBAEA,0EACE,yBAGF,4HACE,yBACA,WAGF,wCACE,yEACE,WACA,0BAKN,6DACE,kCACA,8BACA,iBAEA,sHACE,gEACA,0CAGF,kEACE,eACA,iBAQJ,iEACE,wDACA,4DACA,sCACA,gBACA,WACA,kBACA,uBACA,0HACE,oEACA,8CAGF,6EACE,0BAGF,4EACE,0BAIJ,+DACE,WAEA,qEACE,cACA,oBAGF,sEACE,cAKN,yDACE,oBACA,YACA,+GACE,kBAIJ,sDACE,sBAEA,6DACE,WACA,YACA,gBAGF,8DACE,WACA,YACA,gBAGF,6DACE,WACA,YACA,iBAGF,+DACE,sCAIJ,wDACE,uCAIF,gEACE,aAEA,WACA,cAGA,sCACA,qBAEA,+FACE,yBAEF,kEACE,wBAGF,mFACE,WAGF,yFACE,WACA,+BACA,kBAGF,yFACE,+B;ACrNJ,yDACE,kBACA,WAEA,kEACE,aACA,YACA,YACA,WACA,sBACA,SACA,UACA,YACA,aACA,iBACA,oBAEA,oaAIE,wBACA,SAEF,mWAIE,6BACA,wCAEF,qGACE,aAGF,kFACE,gBAIA,mGACE,aAMA,mWACE,mBAKN,2EACE,mBAIJ,yEACE,kBACA,iBACA,6BAGF,0EACE,mBACA,kBACA,iBACA,yCAGF,yEACE,mBACA,kBACA,iBACA,wCvBjEA,gDuBoEF,kFAEI,kBACA,kBACA,8BvBnEF,yBuB+DF,kFAQI,kBACA,iBACA,8BAIJ,iFACE,mBAGF,gFACE,mBAGF,kFACE,mBAGF,iFACE,mBAMF,iFACE,oBAGF,4EACE,oCACA,oDACA,4BACA,4BAEA,qFACE,0DACA,4CAGF,yFACE,8CAEF,sFACE,0DAEF,kFACE,wDAGF,mIACE,qDACA,uDAIJ,0EACE,sDACA,kDACA,4BACA,4BAEA,uFACE,4CAGF,mFACE,wDACA,qDAEA,gGACE,sDAIJ,oFACE,wDAEA,iGACE,sDAGJ,gFACE,sDACA,8DACA,+BAGF,iIACE,qDAEA,8IACE,mDAMR,sDACE,kBACA,eACA,WACA,QACA,2BAEA,6DACE,WACA,YAGF,8DACE,WACA,YAGF,6DACE,WACA,YAGF,oEACE,WAGF,qEACE,WAGF,oEACE,WAIJ,qDACE,kBACA,eAEA,4DACE,WACA,YACA,WACA,QACA,2BAGF,6DACE,WACA,YACA,WACA,QACA,2BAGF,4DACE,WACA,YACA,WACA,QACA,2BAIJ,uDACE,kBAEA,8DACE,WACA,YACA,WACA,QACA,2BAGF,+DACE,qC;ACpQJ,+DACE,kBACA,eACA,gBACA,gBACA,uBACA,aAEA,mCAEA,qEACE,WACA,kBACA,WACA,YACA,SACA,OACA,yDxBFA,yBwBfJ,+DAqBI,gBAIJ,4DACE,YACA,cACA,kEACE,aAIJ,4DACE,eACA,qBACA,WAGA,wCACE,sEACE,2BAIJ,gEACE,cAGF,0HACE,yB;ACpDJ,sDACE,iBACA,oBACA,eACA,gBACA,aACA,sBACA,mBACA,WACA,aACA,UAGA,gCAEA,0GACE,kBACA,WACA,YAGA,kBAEA,sBAIJ,mDACE,kBAEA,uGACE,QACA,sBACA,yCAIJ,oDACE,iBAEA,wGACE,QACA,uBACA,yCAIJ,kDACE,iBAEA,sGACE,qBACA,SACA,yCAIJ,qDACE,kBAEA,yGACE,wBACA,SACA,yC;;AC7DJ,WACE,2BACA,4sEAEA,gBACA,kBAGF,MACE,8BAEF,kBACE,iBACA,kBACA,kBACA,gBACA,gBACA,UAEA,UAEF,2CACE,sBAEF,gBACE,kBACA,WACA,YACA,UACA,aACA,8BACA,uBAEF,wDAEE,iCAEF,2CACE,eAEF,kDACE,eACA,sBAEF,4CACE,oCACA,cAEF,iCACE,mBACA,2DACE,mBAGJ,cACE,cACA,WACA,YACA,kBACA,8BAEF,8BACE,kBAIA,wEAEE,YAGF,6CACE,uBACA,qCAKJ,qBACE,mBACA,+SAOE,4BAEF,8LAIE,kBACA,OACA,MACA,WACA,YACA,oBACA,WAEF,+CACE,gFAEF,gDACE,iFAEF,8CACE,+EAEF,iDACE,kFAMF,2CACE,cACA,qBACA,wBACA,8DACE,aAGJ,yDACE,8BAIF,uEACE,6BAIF,qEACE,6BCxIJ,MACE,+BAKF,wCAEE,kBACA,QACA,gDACA,qCACA,uDACA,WACA,eACA,aACA,mBACA,uBACA,gEACA,sFACE,YACA,YACA,oBAEF,oDACE,yBACA,wCACA,+BACA,iBACA,oBACA,qBACA,cAGJ,8DAKE,UACA,WAJA,0EACE,eAKJ,8DAKE,WACA,UAJA,0EACE,eASA,gFACE,mCADF,gFACE,mCAIN,oBACE,aC9DF,MAEE,qBACA,oBACA,oBACA,oBACA,qBAEA,2BACA,2BACA,2BAEA,uBACA,uBACA,uBACA,wBACA,yBAEA,wBACA,wBACA,wBACA,wBACA,wBAEA,0BACA,0BACA,0BACA,yBACA,0BAEA,+BACA,+BACA,+BAGA,8BACA,8BACA,gCACA,+BACA,8BACA,8BACA,4BACA,8BACA,8BACA,4BACA,8BAEA,2BACA,2BACA,2BACA,2BACA,8BACA,8BACA,0BACA,4BACA,4BACA,gCACA,kCAEA,4BACA,4BACA,8BACA,8BACA,8BACA,4BACA,8BACA,4BAEA,8BACA,8BACA,8BAGA,qCACA,+CACA,gCACA,wCACA,uCACA,0CAEA,uCACA,8CACA,+CACA,kCACA,0CACA,yCACA,4CAGA,oCACA,4CACA,+CACA,uDACA,sDACA,2CAEA,gCACA,wCACA,+CACA,mDAGA,8BACA,sCACA,qCAEA,8BACA,sCACA,qCAEA,4BACA,oCACA,mCAEA,4BACA,oCACA,mCAEA,gCACA,wCACA,uCAEA,6BACA,qCACA,oCAGA,0CACA,iDACA,oDAEA,yCACA,iDAEA,8BACA,qCACA,wCAEA,qCACA,+CACA,4CACA,6CAEA,4CACA,mDACA,sDAEA,2CAEA,gCACA,uCACA,0CAEA,uCACA,iDACA,8CACA,+CAEA,iCAEA,4BACA,mCACA,oCAEA,+BACA,gCACA,+BAEA,iCACA,kCACA,iCAEA,qCACA,sCACA,qCAGA,wCACA,6BAGA,uCACA,qCAGA,iCACA,0CACA,wCACA,wCACA,2CAEA,0CACA,uCAEA,8CACA,4CACA,+CACA,4CAGA,8CACA,6CAEA,kDACA,+CAEA,+CAGA,8BACA,+BACA,8BAEA,gCACA,iCACA,gCAEA,sBACA,6BACA,8BAEA,6BACA,gCAGA,0BACA,iCAGA,0DACA,qCCpOF,qBACE,0BACA,0BAGF,gDACE,UAGF,0BACE,yBACA,oBAGF,KACE,UAGF,kBACE,sBACA,kCACE,UAEF,qCACE,kBACA,cAMJ,uCACE,aACA,sBACA,WACA,wBACA,YAEA,0EACE,wBAIA,gJAEE,UAGF,2EACE,qBAGF,iFACE,cAIJ,yDACE,aACA,2BACA,WAEA,WACA,YACA,aACA,mBACA,uBAGF,yDACE,WACA,YACA,aACA,2BACA,WAGA,6DACE,8CACA,WACA,YAIJ,4DACE,YACA,oDACA,wDACA,mBAEA,8FACE,8CACA,QACA,2BACA,kBACA,yC7BhFF,yB6B2EA,8FAQI,yCAIJ,yFACE,kBACA,OAEA,+FACE,WACA,YACA,+BACA,YACA,eACA,yCACA,mB7BlGJ,yB6B2FE,+FAUI,yCAMR,4EACE,qDAEA,uGACE,iBACA,kBACA,WACA,OACA,MAIJ,kEACE,YACA,eACA,iBACA,yC7B3HA,yB6BuHF,kEAOI,yCAKF,4EACE,wDAEF,yEACE,0CAGF,kFACE,kCAIJ,2DACE,mBACA,gFACE,0DAEA,kHACE,wDAGF,2GACE,4CAIJ,iFACE,wDAKF,4FACE,gDAEF,4GACE,wDAMF,yEACE,kEAOF,0EACE,qDAKE,2HACE,yDASV,wCACE,aACA,sBACA,WACA,wBACA,YAGA,0DACE,WACA,YACA,aACA,2BACA,WAGF,0EACE,aACA,mBAEA,oFACE,uCAIJ,0DACE,WACA,YACA,aACA,2BACA,WAGA,8DACE,8CACA,WACA,YAIJ,6DACE,YACA,oDACA,wDACA,mBAEA,+FACE,8CACA,QACA,2BACA,kBACA,yC7BxPF,yB6BmPA,+FAQI,yCAIJ,0FACE,kBACA,OAEA,gGACE,WACA,YACA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","file":"main.css","sourcesContent":["@import \"styles/variables\";\n\n.icon {\n display: flex;\n\n color: inherit;\n\n &__small {\n width: 20px;\n height: 20px;\n\n @include respond(mobile) {\n width: 16px;\n height: 16px;\n }\n }\n\n &__medium {\n width: 24px;\n height: 24px;\n\n @include respond(mobile) {\n width: 20px;\n height: 20px;\n }\n }\n\n &__large {\n width: 28px;\n height: 28px;\n\n @include respond(mobile) {\n width: 24px;\n height: 24px;\n }\n }\n\n &__default {\n color: var(--icon-default-color);\n\n & > * {\n fill: currentColor;\n }\n\n &.clickable {\n cursor: pointer;\n &:hover, &.active {\n color: var(--icon-default-color--hover);\n }\n }\n }\n\n &__light {\n color: var(--icon-light-color);\n\n & > * {\n fill: currentColor;\n }\n\n &.clickable {\n cursor: pointer;\n &:hover, &.active {\n color: var(--icon-light-color--hover);\n }\n }\n }\n\n &__black {\n color: var(--icon-black-color);\n\n & > * {\n fill: currentColor;\n }\n\n &.clickable {\n cursor: pointer;\n &:hover, &.active {\n color: var(--icon-black-color--hover);\n }\n }\n }\n\n &__attention {\n color: var(--icon-attention-color);\n\n & > * {\n fill: currentColor;\n }\n\n &.clickable {\n cursor: pointer;\n &:hover, &.active {\n color: var(--icon-attention-color--hover);\n }\n }\n }\n\n &__revert {\n color: var(--icon-revert-color);\n\n & > * {\n fill: currentColor;\n }\n\n &.clickable {\n cursor: pointer;\n &:hover, &.active {\n color: var(--icon-revert-color--hover);\n }\n }\n }\n\n &__initial {\n\n }\n}\n","$minDesktop: 1024px;\n$maxTablet: 1023px;\n$minTablet: 768px;\n$maxMobile: 767px;\n\n@mixin respond($breakpoint) {\n @if $breakpoint == desktop {\n @media (min-width: $minDesktop) {\n @content;\n }\n }\n @if $breakpoint == tablet {\n @media (max-width: $maxTablet) and (min-width: $minTablet) {\n @content;\n }\n }\n @if $breakpoint == mobile {\n @media (max-width: $maxMobile) {\n @content;\n }\n }\n}\n",".autoComplete {\n .hasLabel {\n line-height: 20px;\n & > label {\n display: block;\n font-size: var(--input-label-font-size--medium);\n color: var(--input-outlined-placeholder-color);\n\n &.disabled {\n color: var(--input-outlined-placeholder-color--disabled);\n }\n &.invalid {\n color: var(--input-outlined-placeholder-color--error);\n }\n }\n }\n\n .optionText {\n position: absolute;\n width: 100%;\n left: 0;\n padding: 0 44px 0 16px;\n text-overflow: ellipsis;\n overflow: hidden;\n }\n}\n\n.hasLabel > label {\n display: none;\n}\n","$color-button-default: var(--button-default-color);\n$color-button-default-text: var(--button-default-color-text);\n$color-button-default--hover: var(--button-default-color--hover);\n$color-button-default--active: var(--button-default-color--active);\n$color-button-default--disabled: var(--button-default-color--disabled);\n\n$color-button-secondary: var(--button-secondary-color);\n$color-button-secondary-text: var(--button-secondary-color-text);\n$color-button-secondary--hover: var(--button-secondary-color--hover);\n$color-button-secondary--active: var(--button-secondary-color--active);\n$color-button-secondary--disabled: var(--button-secondary-color--disabled);\n\n$font-size-button-large: var(--size-text-l);\n\n.button {\n border-radius: 12px;\n border: none;\n white-space: nowrap;\n cursor: pointer;\n box-shadow: none;\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n\n &__smallS {\n font-weight: 400;\n padding: 4px 8px;\n font-size: 12px;\n // line-height: 16px;\n gap: 4px;\n height: 32px;\n }\n\n &__small {\n font-weight: 400;\n padding: 8px 12px;\n font-size: 14px;\n line-height: 14px;\n gap: 4px;\n\n\n &.withIcon {\n padding: 8px;\n }\n }\n\n &__medium {\n font-weight: 450;\n padding: 14px 20px;\n font-size: 16px;\n line-height: 16px;\n gap: 8px;\n\n &.withIcon {\n padding: 12px;\n }\n }\n\n &__large {\n font-weight: 600;\n padding: 15px 24px;\n gap: 12px;\n font-size: 16px;\n line-height: 22px;\n\n &.withIcon {\n padding: 18px;\n }\n }\n\n &__default {\n background-color: $color-button-default;\n color: $color-button-default-text;\n border: 2px solid $color-button-default;\n\n & > svg {\n color: $color-button-default-text;\n }\n\n @media(hover: hover) {\n &:hover {\n background-color: $color-button-default--hover;\n border-color: $color-button-default--hover;\n }\n }\n\n &:active {\n background-color: $color-button-default--active;\n border-color: $color-button-default--active;\n }\n }\n\n &__secondary {\n background-color: $color-button-secondary;\n color: $color-button-secondary-text;\n border: 2px solid $color-button-secondary;\n\n & > svg {\n color: $color-button-secondary-text;\n }\n\n @media(hover: hover) {\n &:hover {\n background-color: $color-button-secondary--hover;\n border-color: $color-button-secondary--hover;\n color: var(--button-secondary-color-text--hover);\n\n & > svg {\n color: var(--button-secondary-color-text--hover);\n }\n }\n }\n\n &:active {\n background-color: $color-button-secondary--active;\n border-color: $color-button-secondary--active;\n color: var(--button-secondary-color-text--active);\n }\n }\n\n // &__fourth {\n // background-color: $color-button-fourth;\n // color: $color-button-fourth-text;\n // border: 2px solid $color-button-fourth-text;\n\n // & > svg {\n // color: $color-button-default-text;\n // }\n\n // &:hover {\n // background-color: $color-button-fourth--hover;\n // border-color: $color-button-fourth--hover;\n\n // color: $color-button-fourth;\n // }\n\n // &:active {\n // background-color: $color-button-fourth--hover;\n // border-color: $color-button-fourth--hover;\n\n // color: $color-button-fourth;\n // }\n // }\n\n &__icon_left {\n flex-direction: row-reverse;\n }\n\n &__icon_right {\n flex-direction: row;\n }\n\n &:disabled {\n background-color: $color-button-default--disabled;\n border-color: $color-button-default--disabled;\n cursor: not-allowed;\n\n &:hover,\n &:active {\n background-color: $color-button-default--disabled;\n }\n }\n}\n\n// @media (max-width: 1023px) {\n// .button {\n// &__small {\n// padding: 8px;\n// }\n\n// &__medium {\n// padding: 10px;\n// font-size: 16px;\n// }\n\n// &__large {\n// padding: 12px;\n// }\n// }\n// }\n\n.loading {\n color: transparent !important;\n\n cursor: wait;\n & .icon {\n visibility: hidden;\n }\n}\n\n.icon {\n vertical-align: bottom;\n\n &__smallS {\n width: 16px;\n height: 16px;\n }\n\n &__small {\n width: 16px;\n height: 16px;\n }\n\n &__medium {\n width: 20px;\n height: 20px;\n }\n\n &__large {\n width: 24px;\n height: 24px;\n }\n\n &__default {\n color: $color-button-default-text;\n & > * {\n fill: currentColor;\n }\n }\n\n &__secondary {\n color: $color-button-secondary-text;\n & > * {\n fill: currentColor;\n }\n }\n\n &__only {\n margin: 0;\n }\n}\n\n.loader {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n\n &__medium {\n width: 24px;\n height: 24px;\n }\n\n &__large {\n width: 28px;\n height: 28px;\n }\n\n &__default {\n color: $color-button-default-text;\n }\n}\n",".breadcrumbs {\n display: flex;\n gap: 8px;\n align-items: center;\n}\n","@import \"styles/variables\";\n\n.text {\n color: var(--color-text-default);\n\n &__small {\n font-size: var(--size-text-s);\n line-height: var(--text-line-height-s);\n }\n\n &__medium {\n font-size: var(--size-text-m);\n line-height: var(--text-line-height-m);\n\n // @include respond(mobile) {\n // font-size: var(--size-text-s);\n // }\n }\n\n &__large {\n font-size: var(--size-text-l);\n line-height: var(--text-line-height-l);\n\n // @include respond(mobile) {\n // font-size: var(--size-text-m);\n // line-height: initial;\n // }\n }\n}\n\n\n.textAddition {\n color: var(--color-text-secondary);\n}\n\n.textBold {\n font-weight: 600;\n}\n\n.textSuccess {\n color: var(--color-text-success);\n}\n\n.textError {\n color: var(--color-text-error);\n}\n\n.textAttention {\n color: var(--color-text-brand);\n}\n\n.textThrough {\n text-decoration-line: line-through;\n}\n\n.textInverse {\n color: var(--color-text-inverse);\n}\n",".link {\n display: inline;\n align-items: center;\n justify-content: center;\n text-decoration: none;\n\n &__link {\n color: var(--color-text-brand);\n\n &:hover {\n color: var(--color-text-brand-2);\n }\n }\n\n &__action {\n color: var(--color-text-brand);\n cursor: pointer;\n user-select: none;\n\n &:hover {\n color: var(--color-text-brand-2);\n }\n }\n\n &__href {\n color: var(--color-text-brand);\n cursor: pointer;\n user-select: none;\n\n &:hover {\n color: var(--color-text-brand-2);\n }\n }\n\n &.addition {\n color: var(--color-text-secondary);\n\n &:hover {\n color: var(--color-text-brand-2);\n }\n }\n\n &__small {\n font-size: var(--size-text-s);\n gap: 4px;\n }\n\n &__medium {\n font-size: var(--size-text-m);\n line-height: var(--text-line-height-m);\n gap: 8px;\n }\n\n &__large {\n font-size: var(--size-text-l);\n line-height: var(--text-line-height-l);\n gap: 8px;\n }\n\n & svg {\n // color: var(--color-icon-default);\n\n &:hover {\n color: var(--icon-default-color--hover);\n }\n }\n}\n\n\n.icon {\n vertical-align: bottom;\n\n &__small {\n width: 16px;\n height: 16px;\n flex: 1 0 16px;\n }\n\n &__medium {\n width: 20px;\n height: 20px;\n flex: 1 0 20px;\n }\n\n &__large {\n width: 20px;\n height: 20px;\n flex: 1 0 20px;\n }\n\n // &__default {\n // color: $color-button-default-text;\n // }\n\n &__only {\n margin: 0;\n }\n}\n\n\n\n.linkBold {\n font-weight: 600;\n}\n",".checkbox {\n position: absolute;\n z-index: -1;\n opacity: 0;\n\n & + label {\n display: inline-flex;\n align-items: center;\n user-select: none;\n // height: 24px;\n padding: 2px;\n cursor: pointer;\n\n &::before {\n content: \"\";\n display: inline-block;\n width: 20px;\n height: 20px;\n flex-shrink: 0;\n flex-grow: 0;\n border: 1px solid var(--checkbox-border-color);\n border-radius: 4px;\n margin-right: 12px;\n background-repeat: no-repeat;\n background-position: center center;\n background-size: cover;\n }\n\n &::after {\n display: none !important;\n }\n }\n\n &:checked + label::before {\n border-color: var(--checkbox-border-color--checked);\n background-color: var(--checkbox-background-color--checked);\n background-image: url(\"./../icon/icons/checkbox.svg\");\n }\n\n &:checked:hover + label::before {\n border-color: var(--checkbox-border-color--hover);\n background-color: var(--checkbox-background-color--hover);\n }\n\n &:not(:disabled):not(:checked) + label:hover::before {\n border-color: var(--checkbox-border-color--hover);\n }\n\n &:not(:disabled):active + label::before {\n background-color: var(--checkbox-background-color--hover);\n border-color: var(--checkbox-border-color--hover);\n }\n\n &:disabled {\n color: var(--checkbox-label-color--disabled);\n\n & + label {\n color: var(--checkbox-label-color--disabled);\n }\n\n &:checked + label::before {\n background-color: var(--checkbox-background-color--disabled);\n border-color: var(--checkbox-border-color--disabled);\n }\n }\n\n &.error:not(:checked) {\n color: var(--checkbox-label-color--error);\n\n & + label {\n & > * {\n color: var(--checkbox-label-color--error) !important;\n }\n\n &::before {\n border-color: var(--checkbox-border-color--error);\n // background-color: var(--checkbox-background-color--error);\n }\n }\n }\n}\n",".counter {\n display: flex;\n align-items: center;\n\n .button {\n width: 28px;\n height: 28px;\n padding: 0;\n border-radius: 100%;\n }\n\n .value {\n min-width: 50px;\n text-align: center;\n }\n}\n",".input {\n position: relative;\n width: 100%;\n\n & input {\n height: 100%;\n width: 100%;\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n border: none;\n outline: none;\n user-select: text;\n font-weight: inherit;\n\n &[type=number]::-webkit-inner-spin-button,\n &[type=number]::-webkit-outer-spin-button,\n &[type=time]::-webkit-inner-spin-button,\n &[type=time]::-webkit-outer-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n &:-webkit-autofill,\n &:-webkit-autofill:hover,\n &:-webkit-autofill:focus,\n &:-internal-autofill-selected {\n -webkit-text-fill-color: none;\n -webkit-box-shadow: 0 0 200px white inset;\n }\n &::-webkit-calendar-picker-indicator {\n display: none;\n }\n\n &:-moz-ui-invalid {\n box-shadow: none;\n }\n\n &[type=time] {\n &::-webkit-clear-button {\n display: none;\n }\n\n &::-webkit-datetime-edit-second-field,\n &::-webkit-datetime-edit-minute-field,\n &::-webkit-datetime-edit-hour-field {\n &:focus {\n background: #f5caeb;\n }\n }\n }\n\n &:disabled {\n cursor: not-allowed;\n }\n }\n\n &__medium {\n input {\n border-radius: 12px;\n padding: 0 15px;\n height: 48px;\n font-size: var(--input-font-size--medium);\n }\n .label {\n left: 16px;\n font-size: var(--input-label-font-size--medium);\n\n & + input {\n padding-top: 16px;\n }\n }\n }\n\n &__action_medium input {\n padding-right: 36px;\n }\n\n &__actions_medium input {\n padding-right: 64px;\n }\n\n &__pure {\n .label {\n color: var(--input-outlined-placeholder-color);\n }\n &.disabled .label {\n color: var(--input-outlined-placeholder-color--disabled);\n }\n &.invalid .label {\n color: var(--input-outlined-placeholder-color--error);\n }\n\n input {\n background-color: transparent;\n border: none;\n background-clip: padding-box;\n transition: border-color .3s;\n padding: 0;\n border-radius: 0;\n\n &::placeholder {\n color: var(--input-outlined-placeholder-color);\n }\n\n &:disabled {\n color: var(--input-outlined-color--disabled);\n\n &::placeholder {\n color: var(--input-outlined-placeholder-color--disabled);\n }\n }\n\n // &:read-only {\n // &::placeholder {\n // color: var(--input-outlined-placeholder-color--disabled);\n // }\n // }\n\n &.invalid {\n color: inherit;\n &::placeholder {\n // color: var(--input-outlined-placeholder-color--error);\n }\n }\n }\n\n .label {\n left: 0;\n font-size: var(--input-label-font-size--medium);\n\n & + input {\n padding-top: 16px;\n }\n }\n }\n\n &__outlined {\n .label {\n color: var(--input-outlined-placeholder-color);\n }\n &.disabled .label {\n color: var(--input-outlined-placeholder-color--disabled);\n }\n &.invalid .label {\n color: var(--input-outlined-placeholder-color--error);\n }\n\n input {\n background-color: var(--input-outlined-background-color);\n border: 1px solid var(--input-outlined-border-color);\n background-clip: padding-box;\n transition: border-color .3s;\n\n &::placeholder {\n color: var(--input-outlined-placeholder-color);\n }\n\n &:disabled {\n border-color: var(--input-outlined-border-color--disabled);\n color: var(--input-outlined-color--disabled) !important;\n\n &::placeholder {\n color: var(--input-outlined-placeholder-color--disabled);\n }\n }\n\n &:read-only {\n border-color: var(--input-outlined-border-color--disabled);\n\n &::placeholder {\n color: var(--input-outlined-placeholder-color--disabled);\n }\n }\n &:focus {\n border-color: var(--input-outlined-border-color--active);\n }\n\n &.invalid {\n border-color: var(--input-outlined-border-color--error);\n\n &::placeholder {\n // color: var(--input-outlined-placeholder-color--error);\n }\n }\n }\n }\n}\n\n.label {\n position: absolute;\n left: 0;\n top: 2px;\n}\n\n.clear {\n position: absolute;\n cursor: pointer;\n\n &__large {\n width: 24px;\n height: 24px;\n right: 16px;\n top: 50%;\n transform: translateY(-50%);\n }\n\n &__medium {\n width: 20px;\n height: 20px;\n right: 16px;\n top: 50%;\n transform: translateY(-50%);\n }\n\n &__action_medium {\n right: 40px;\n }\n\n &__outlined {\n color: var(--input-icon-color);\n\n &:hover {\n color: var(--input-icon-color--hover);\n }\n }\n}\n\n.icon {\n position: absolute;\n cursor: pointer;\n\n &__large {\n width: 24px;\n height: 24px;\n right: 16px;\n top: 50%;\n transform: translateY(-50%);\n }\n\n &__medium {\n width: 24px;\n height: 24px;\n right: 16px;\n top: 50%;\n transform: translateY(-50%);\n }\n\n &__outlined {\n color: var(--input-icon-color);\n\n &:hover {\n color: var(--input-icon-color--hover);\n }\n }\n}\n\n.loader {\n position: absolute;\n\n &__large {\n width: 24px;\n height: 24px;\n right: 16px;\n top: 50%;\n transform: translateY(-50%);\n }\n\n &__medium {\n width: 24px;\n height: 24px;\n right: 16px;\n top: 50%;\n transform: translateY(-50%);\n }\n\n &__outlined {\n color: var(--input-icon-color);\n }\n}\n",".bordered {\n border-bottom: 1px solid var(--color-border-basic);\n}\n",".dropdown {\n padding: 4px;\n border-radius: 12px;\n box-shadow: var(--dropdown-box-shadow);\n background-color: var(--dropdown-background-color);\n}\n",".label {\n padding-bottom: 4px;\n}\n\n\n.error {\n position: absolute;\n}\n","@import 'styles/variables';\n\n.heading {\n margin: 0;\n color: var(--color-text-default);\n\n &__h1 {\n font-size: var(--heading-size-h1);\n font-weight: var(--heading-weight-h1);\n line-height: var(--heading-line-height-h1);\n\n @include respond(mobile) {\n font-size: var(--heading-size-h3);\n font-weight: var(--heading-weight-h3);\n line-height: var(--heading-line-height-h3);\n }\n }\n\n &__h2 {\n font-size: var(--heading-size-h2);\n font-weight: var(--heading-weight-h2);\n }\n\n &__h3 {\n font-size: var(--heading-size-h3);\n font-weight: var(--heading-weight-h3);\n line-height: var(--heading-line-height-h3);\n\n @include respond(mobile) {\n font-size: var(--heading-size-h5);\n font-weight: var(--heading-weight-h5);\n line-height: var(--heading-line-height-h5);\n }\n }\n\n &__h4 {\n font-size: var(--heading-size-h4);\n font-weight: var(--heading-weight-h4);\n line-height: var(--heading-line-height-h4);\n }\n\n &__h5 {\n font-size: var(--heading-size-h5);\n font-weight: var(--heading-weight-h5);\n }\n}\n\n.textAddition {\n color: var(--color-text-secondary);\n}\n\n.textAttention {\n color: var(--color-text-brand);\n}\n\n.textBold {\n font-weight: 600;\n}\n\n.textInverse {\n color: var(--color-text-inverse);\n}\n\n.textError {\n color: var(--color-text-error);\n}\n\n.textSuccess {\n color: var(--color-text-success);\n}\n\n.textWarning {\n color: var(--color-text-warning)\n}\n\n.centerText {\n text-align: center;\n}\n",".loader {\n display: flex;\n}\n\n.absolute {\n position: absolute;\n width: 100%;\n height: 100%;\n background-color: rgba(255, 255, 255, 0.5);\n left: 0;\n top: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 1;\n\n .loader {\n width: 40px;\n height: 40px;\n color: var(--color-icon-brand);\n }\n}\n\n.fixed {\n position: fixed;\n width: 100%;\n height: 100%;\n background-color: rgba(255, 255, 255, 0.5);\n left: 0;\n top: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 999;\n\n .loader {\n width: 64px;\n height: 64px;\n color: var(--color-icon-brand);\n }\n}\n","@import \"styles/variables\";\n\n@keyframes loader-animation {\n 0% {\n left: -100%;\n }\n 100% {\n left: 100%;\n }\n}\n.loaderLine {\n height: 5px;\n position: relative;\n overflow: hidden;\n width: 100%;\n left: 0;\n right: 0;\n margin-top: 10px;\n\n @include respond(mobile) {\n margin-top: 0px;\n }\n}\n.loaderLine .bar {\n width: 35%;\n position: absolute;\n height: 4px;\n border-radius: 2px;\n background-color: var(--color-bg-brand);\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n.loaderLine.active .bar {\n opacity: 1;\n animation-name: loader-animation;\n animation-duration: 2s;\n animation-iteration-count: infinite;\n animation-timing-function: ease-in-out;\n}\n.loaderLine .border {\n opacity: 0;\n}\n.loaderLine.active .border {\n opacity: 1;\n}\n","@import \"styles/variables\";\n\n.footer {\n width: 100%;\n display: flex;\n gap: 12px;\n\n & > button {\n flex: 1;\n }\n\n @include respond(mobile) {\n flex-direction: column;\n }\n}\n",".select {\n .hasLabel {\n line-height: 20px;\n & > label {\n display: block;\n font-size: var(--input-label-font-size--medium);\n color: var(--input-outlined-placeholder-color);\n\n &.disabled {\n color: var(--input-outlined-placeholder-color--disabled);\n }\n &.invalid {\n color: var(--input-outlined-placeholder-color--error);\n }\n }\n }\n\n .optionText {\n position: absolute;\n width: 100%;\n left: 0;\n padding: 0 44px 0 16px;\n text-overflow: ellipsis;\n overflow: hidden;\n }\n}\n\n.hasLabel > label {\n display: none;\n}\n","@import \"styles/variables\";\n\n.sliderContainer {\n display: flex;\n flex-direction: row;\n position: relative;\n width: 100%;\n height: 100%;\n}\n\n.swiperSlide {\n display: flex;\n width: max-content;\n\n &.swiperSlideAuto {\n width: auto !important;\n }\n}\n\n.sliderAutoLoop {\n opacity: 0;\n transition: 0.15s;\n\n &.ready {\n opacity: 1;\n }\n}\n\n.slider {\n .swiper-pagination-bullets {\n margin-top: 20px;\n display: none;\n }\n}\n\n.swiperPaginationHidden {\n display: none;\n}\n\n.buttonSlider {\n cursor: pointer;\n display: block;\n position: absolute;\n user-select: none;\n\n @include respond(mobile) {\n display: none;\n }\n\n @include respond(tablet) {\n display: none;\n }\n\n &__hidden {\n display: none;\n }\n &__prev {\n top: calc(50% - 75px/2);\n left: -35px;\n z-index: 999;\n\n &_inset {\n left: 10px;\n }\n }\n &__next {\n top: calc(50% - 75px/2);\n right: -35px;\n z-index: 999;\n\n &_inset {\n right: 10px;\n }\n }\n &:hover {\n -webkit-transform: scale(1.05); /* Safari and Chrome */\n -moz-transform: scale(1.05); /* Firefox */\n -ms-transform: scale(1.05); /* IE 9 */\n -o-transform: scale(1.05); /* Opera */\n transform: scale(1.05);\n transition: all 0.15s;\n }\n &:active {\n -webkit-transform: scale(1); /* Safari and Chrome */\n -moz-transform: scale(1); /* Firefox */\n -ms-transform: scale(1); /* IE 9 */\n -o-transform: scale(1); /* Opera */\n transform: scale(1);\n }\n}\n\n.sliderCounter {\n font-size: 12px;\n line-height: 16px;\n color: #242424;\n width: auto;\n position: absolute;\n bottom: 16px;\n left: 16px;\n margin: 0;\n padding: 1px 8px 2px;\n border-radius: 18px;\n background-color: rgba(255,255,255,.7);\n z-index: 1;\n}\n",".spoiler {\n .title {\n position: relative;\n user-select: none;\n cursor: pointer;\n }\n .arrow {\n position: absolute;\n right: 0;\n top: 50%;\n transform: translateY(-50%);\n }\n}\n",".stacked_input {\n display: flex;\n\n &__select {\n & > div {\n border-top-right-radius: 0 !important;\n border-bottom-right-radius: 0 !important;\n border-right: none !important;\n }\n }\n\n &__input {\n & > input {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n }\n}\n",".switch {\n background-color: #F6F6F6;\n border-radius: 58px;\n width: 48px;\n height: 18px;\n display: flex;\n align-items: center;\n position: relative;\n cursor: pointer;\n white-space: nowrap;\n\n & > div:first-child {\n position: absolute;\n left: 0;\n width: 24px;\n height: 24px;\n background-color: #D1CFD7;\n border-radius: 100%;\n\n transition: 0.15s;\n }\n\n & > div:last-child {\n padding-left: 60px;\n white-space: nowrap;\n }\n\n & > input {\n position: absolute;\n height: 0;\n width: 0;\n opacity: 0;\n overflow: hidden;\n }\n\n\n &.active {\n background-color: #EFDBFF;\n\n & > div:first-child {\n background-color: #8227C7;\n left: calc(100% - 24px);\n }\n }\n}\n",".select {\n .hasLabel {\n line-height: 20px;\n & > label {\n display: block;\n font-size: var(--input-label-font-size--medium);\n color: var(--input-outlined-placeholder-color);\n\n &.disabled {\n color: var(--input-outlined-placeholder-color--disabled);\n }\n &.invalid {\n color: var(--input-outlined-placeholder-color--error);\n }\n }\n }\n\n // .optionText {\n // position: absolute;\n // width: 100%;\n // left: 0;\n // padding: 0 12px;\n // text-overflow: ellipsis;\n // overflow: hidden;\n // }\n}\n\n.hasLabel > label {\n display: none;\n}\n","@import 'styles/variables';\n\n.button {\n padding: 15px 22px;\n border-radius: 96px;\n font-weight: 400;\n border: none;\n white-space: nowrap;\n cursor: pointer;\n box-shadow: none;\n position: relative;\n\n &__small {\n padding: 4px 12px;\n font-size: 14px;\n }\n\n &__medium {\n padding: 7px 16px;\n font-size: 16px;\n }\n\n &__large {\n padding: 22px 48px;\n }\n\n &__default {\n background-color: white;\n border: 1px solid white;\n color: black;\n transition: all 0.15s;\n\n &:active {\n background-color: #FFAE69;\n }\n\n @media(hover: hover) and (pointer: fine) {\n &:hover {\n color: white;\n background-color: rgb(234, 110, 0);\n border-color: rgb(234, 110, 0);\n }\n }\n }\n\n &__green {\n color: #8B8B8B;\n transition: all 0.15s;\n border-radius: 8px;\n font-size: 12px;\n line-height: 16px;\n padding: 4px 8px;\n\n &.selected {\n background: #5BB767;\n color: white;\n }\n\n // @media(hover: hover) and (pointer: fine) {\n // &:hover {\n // color: white;\n // background-color: rgb(234, 110, 0);\n // border-color: rgb(234, 110, 0);\n // }\n // }\n }\n\n &__secondary {\n background-color: white;\n color: black;\n transition: all 0.15s;\n box-shadow: 0px 4px 40px rgba(33, 35, 40, 0.1);\n border-radius: 12px;\n margin-right: 12px;\n\n &:active {\n background-color: #8227C7;\n }\n\n &.selected {\n background-color: #8227C7;\n color: white;\n }\n\n @media(hover: hover) and (pointer: fine) {\n &:hover {\n color: white;\n background-color: #8227C7;\n }\n }\n }\n\n &__tab {\n color: var(--tag-button-tab-color);\n border-radius: 8px 8px 0px 0px;\n padding: 5px 16px;\n\n &.selected {\n background-color: var(--tag-button-tab-background-color--active);\n color: var(--tag-button-tab-color--active);\n }\n\n & span {\n font-size: 16px;\n line-height: 20px;\n }\n }\n\n &__text {\n\n }\n\n &__tumbler {\n border: 1px solid var(--tag-button-default-border-color);\n background-color: var(--tag-button-default-background-color);\n color: var(--tag-button-default-color);\n border-radius: 0;\n width: 100%;\n text-align: center;\n justify-content: center;\n &.selected {\n background-color: var(--tag-button-default-background-color--active);\n color: var(--tag-button-default-color--active);\n }\n\n &:first-child {\n border-radius: 8px 0 0 8px;\n }\n\n &:last-child {\n border-radius: 0 8px 8px 0;\n }\n }\n\n &__icons {\n color: black;\n\n &:hover {\n color: #FB8A29;\n transition: all 0.15s;\n }\n\n &:active {\n color: #FB8A29;\n }\n }\n}\n\n.loading {\n color: transparent;\n cursor: wait;\n & .icon {\n visibility: hidden;\n }\n}\n\n.icon {\n vertical-align: bottom;\n\n &__small {\n width: 16px;\n height: 16px;\n margin-left: 4px;\n }\n\n &__medium {\n width: 20px;\n height: 20px;\n margin-left: 8px;\n }\n\n &__large {\n width: 24px;\n height: 24px;\n margin-left: 12px;\n }\n\n &__default {\n color: var(--tag-button-default-color);\n }\n}\n\n.shadow {\n box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);\n}\n\n\n.tagButtonGroup {\n display: flex;\n\n width: 100%;\n overflow: auto;\n // padding-bottom: 12px;\n // padding-top: 12px;\n scrollbar-color: #d5d5d5 transparent;\n scrollbar-width: thin;\n\n &::-webkit-scrollbar-thumb:hover {\n background: transparent;\n }\n & > * {\n scroll-snap-align: start;\n }\n\n &::-webkit-scrollbar {\n height: 0px;\n }\n\n &::-webkit-scrollbar-thumb {\n width: 60px;\n background-color: transparent;\n border-radius: 3px;\n }\n\n &::-webkit-scrollbar-track {\n background-color: transparent;\n }\n}\n","@import 'styles/variables';\n\n.textarea {\n position: relative;\n width: 100%;\n\n & textarea {\n display: flex;\n resize: none;\n height: 100%;\n width: 100%;\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n border: none;\n outline: none;\n user-select: text;\n font-weight: inherit;\n\n &[type=number]::-webkit-inner-spin-button,\n &[type=number]::-webkit-outer-spin-button,\n &[type=time]::-webkit-inner-spin-button,\n &[type=time]::-webkit-outer-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n &:-webkit-autofill,\n &:-webkit-autofill:hover,\n &:-webkit-autofill:focus,\n &:-internal-autofill-selected {\n -webkit-text-fill-color: none;\n -webkit-box-shadow: 0 0 200px white inset;\n }\n &::-webkit-calendar-picker-indicator {\n display: none;\n }\n\n &:-moz-ui-invalid {\n box-shadow: none;\n }\n\n &[type=time] {\n &::-webkit-clear-button {\n display: none;\n }\n\n &::-webkit-datetime-edit-second-field,\n &::-webkit-datetime-edit-minute-field,\n &::-webkit-datetime-edit-hour-field {\n &:focus {\n background: #f5caeb;\n }\n }\n }\n\n &:disabled {\n cursor: not-allowed;\n }\n }\n\n &__small textarea {\n border-radius: 4px;\n padding: 7px 12px;\n font-size: var(--size-text-m);\n }\n\n &__medium textarea {\n border-radius: 12px;\n padding: 12px 16px;\n line-height: 18px;\n font-size: var(--input-font-size--medium);\n }\n\n &__large textarea {\n border-radius: 12px;\n padding: 12px 16px;\n line-height: 22px;\n font-size: var(--input-font-size--large);\n }\n\n &__large_adaptive textarea {\n @include respond(tablet) {\n border-radius: 4px;\n padding: 15px 20px;\n font-size: var(--size-text-m);\n }\n\n @include respond(mobile) {\n border-radius: 4px;\n padding: 8px 12px;\n font-size: var(--size-text-m);\n }\n }\n\n &__action_medium textarea {\n padding-right: 36px;\n }\n\n &__action_large textarea {\n padding-right: 48px;\n }\n\n &__actions_medium textarea {\n padding-right: 60px;\n }\n\n &__actions_large textarea {\n padding-right: 80px;\n }\n\n &__border_normal textarea {\n }\n\n &__border_circle textarea {\n border-radius: 100px;\n }\n\n &__outlined textarea {\n background-color: var(--color-input);\n border: 1px solid var(--input-outlined-border-color);\n background-clip: padding-box;\n transition: border-color .3s;\n\n &:disabled {\n border-color: var(--input-outlined-border-color--disabled);\n color: var(--input-outlined-color--disabled);\n }\n\n &::placeholder {\n color: var(--input-outlined-placeholder-color);\n }\n &:read-only {\n border-color: var(--input-outlined-border-color--disabled);\n }\n &:focus {\n border-color: var(--input-outlined-border-color--active);\n }\n\n &.invalid {\n color: var(--input-outlined-placeholder-color--error);\n border-color: var(--input-outlined-border-color--error);\n }\n }\n\n &__filled textarea {\n background-color: var(--input-filled-background-color);\n border: 1px solid var(--input-filled-border-color);\n background-clip: padding-box;\n transition: border-color .3s;\n\n &::placeholder {\n color: var(--input-filled-placeholder-color);\n }\n\n &:disabled {\n border-color: var(--input-filled-border-color--disabled);\n color: var(--input-filled-color--disabled) !important;\n\n &::placeholder {\n color: var(--input-filled-placeholder-color--disabled);\n }\n }\n\n &:read-only {\n border-color: var(--input-filled-border-color--disabled);\n\n &::placeholder {\n color: var(--input-filled-placeholder-color--disabled);\n }\n }\n &:focus {\n border-color: var(--input-filled-border-color--active);\n background-color: var(--input-filled-background-color--active);\n background-color: transparent;\n }\n\n &.invalid {\n border-color: var(--input-filled-border-color--error);\n\n &::placeholder {\n color: var(--input-filled-placeholder-color--error);\n }\n }\n }\n}\n\n.clear {\n position: absolute;\n cursor: pointer;\n right: 16px;\n top: 50%;\n transform: translateY(-50%);\n\n &__small {\n width: 16px;\n height: 16px;\n }\n\n &__medium {\n width: 20px;\n height: 20px;\n }\n\n &__large {\n width: 24px;\n height: 24px;\n }\n\n &__action_small {\n right: 36px;\n }\n\n &__action_medium {\n right: 42px;\n }\n\n &__action_large {\n right: 48px;\n }\n}\n\n.icon {\n position: absolute;\n cursor: pointer;\n\n &__small {\n width: 16px;\n height: 16px;\n right: 16px;\n top: 50%;\n transform: translateY(-50%);\n }\n\n &__medium {\n width: 20px;\n height: 20px;\n right: 16px;\n top: 50%;\n transform: translateY(-50%);\n }\n\n &__large {\n width: 24px;\n height: 24px;\n right: 16px;\n top: 50%;\n transform: translateY(-50%);\n }\n}\n\n.loader {\n position: absolute;\n\n &__large {\n width: 24px;\n height: 24px;\n right: 16px;\n top: 50%;\n transform: translateY(-50%);\n }\n\n &__filled {\n color: var(--color-input-filled-text);\n }\n}\n","@import \"styles/variables\";\n\n.textSpoiler {\n position: relative;\n font-size: 16px;\n font-weight: 400;\n overflow: hidden;\n text-overflow: ellipsis;\n height: 130px;\n\n box-shadow: 0 -35px 35px white inset;\n\n &:after {\n content: '';\n position: absolute;\n width: 100%;\n height: 35px;\n bottom: 0;\n left: 0;\n background: linear-gradient(rgba(255,255,255,0),#fff);\n }\n\n @include respond(mobile) {\n font-size: 14px;\n }\n}\n\n.openText {\n height: 100%;\n display: block;\n &:after {\n display: none;\n }\n}\n\n.expander {\n cursor: pointer;\n padding: 20px 0 4px 0;\n width: 100%;\n\n\n @media(hover: hover) and (pointer: fine) {\n &:hover > svg {\n color: var(--color-violet);\n }\n }\n\n & > svg {\n color: #D9D9D9;\n }\n\n &.active svg {\n transform: rotate(180deg);\n }\n}\n",".tooltip {\n user-select: none;\n pointer-events: none;\n position: fixed;\n max-width: 300px;\n padding: 16px;\n background-color: black;\n border-radius: 12px;\n color: white;\n z-index: 9999;\n opacity: 0;\n // margin-top: -12px;\n\n transition: opacity 0.15s ease-in;\n\n & .arrow {\n position: absolute;\n width: 12px;\n height: 12px;\n // top: calc(100% - 8px);\n // left: 50%;\n border-radius: 2px;\n // transform: translateX(-50%) rotate(45deg);\n background-color: black;\n }\n}\n\n.left {\n margin-left: -12px;\n\n & .arrow {\n top: calc(50%);\n left: calc(100% - 8px);\n transform: translateY(-50%) rotate(45deg);\n }\n}\n\n.right {\n margin-left: 12px;\n\n & .arrow {\n top: calc(50%);\n right: calc(100% - 8px);\n transform: translateY(-50%) rotate(45deg);\n }\n}\n\n.top {\n margin-top: -12px;\n\n & .arrow {\n top: calc(100% - 8px);\n left: 50%;\n transform: translateX(-50%) rotate(45deg);\n }\n}\n\n.bottom {\n margin-left: -12px;\n\n & .arrow {\n bottom: calc(100% - 8px);\n left: 50%;\n transform: translateX(-50%) rotate(45deg);\n }\n}\n","@import 'swiper-vars.scss';\n\n@font-face {\n font-family: 'swiper-icons';\n src: url('data:application/font-woff;charset=utf-8;base64, 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')\n format('woff');\n font-weight: 400;\n font-style: normal;\n}\n\n:root {\n --swiper-theme-color: #{$themeColor};\n}\n.swiper-container {\n margin-left: auto;\n margin-right: auto;\n position: relative;\n overflow: hidden;\n list-style: none;\n padding: 0;\n /* Fix of Webkit flickering */\n z-index: 1;\n}\n.swiper-container-vertical > .swiper-wrapper {\n flex-direction: column;\n}\n.swiper-wrapper {\n position: relative;\n width: 100%;\n height: 100%;\n z-index: 1;\n display: flex;\n transition-property: transform;\n box-sizing: content-box;\n}\n.swiper-container-android .swiper-slide,\n.swiper-wrapper {\n transform: translate3d(0px, 0, 0);\n}\n.swiper-container-multirow > .swiper-wrapper {\n flex-wrap: wrap;\n}\n.swiper-container-multirow-column > .swiper-wrapper {\n flex-wrap: wrap;\n flex-direction: column;\n}\n.swiper-container-free-mode > .swiper-wrapper {\n transition-timing-function: ease-out;\n margin: 0 auto;\n}\n.swiper-container-pointer-events {\n touch-action: pan-y;\n &.swiper-container-vertical {\n touch-action: pan-x;\n }\n}\n.swiper-slide {\n flex-shrink: 0;\n width: 100%;\n height: 100%;\n position: relative;\n transition-property: transform;\n}\n.swiper-slide-invisible-blank {\n visibility: hidden;\n}\n/* Auto Height */\n.swiper-container-autoheight {\n &,\n .swiper-slide {\n height: auto;\n }\n\n .swiper-wrapper {\n align-items: flex-start;\n transition-property: transform, height;\n }\n}\n\n/* 3D Effects */\n.swiper-container-3d {\n perspective: 1200px;\n .swiper-wrapper,\n .swiper-slide,\n .swiper-slide-shadow-left,\n .swiper-slide-shadow-right,\n .swiper-slide-shadow-top,\n .swiper-slide-shadow-bottom,\n .swiper-cube-shadow {\n transform-style: preserve-3d;\n }\n .swiper-slide-shadow-left,\n .swiper-slide-shadow-right,\n .swiper-slide-shadow-top,\n .swiper-slide-shadow-bottom {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n z-index: 10;\n }\n .swiper-slide-shadow-left {\n background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n }\n .swiper-slide-shadow-right {\n background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n }\n .swiper-slide-shadow-top {\n background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n }\n .swiper-slide-shadow-bottom {\n background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n }\n}\n\n/* CSS Mode */\n.swiper-container-css-mode {\n > .swiper-wrapper {\n overflow: auto;\n scrollbar-width: none; /* For Firefox */\n -ms-overflow-style: none; /* For Internet Explorer and Edge */\n &::-webkit-scrollbar {\n display: none;\n }\n }\n > .swiper-wrapper > .swiper-slide {\n scroll-snap-align: start start;\n }\n}\n.swiper-container-horizontal.swiper-container-css-mode {\n > .swiper-wrapper {\n scroll-snap-type: x mandatory;\n }\n}\n.swiper-container-vertical.swiper-container-css-mode {\n > .swiper-wrapper {\n scroll-snap-type: y mandatory;\n }\n}\n\n\n\n","@import '../../swiper-vars.scss';\n\n:root {\n --swiper-navigation-size: 44px;\n /*\n --swiper-navigation-color: var(--swiper-theme-color);\n */\n}\n.swiper-button-prev,\n.swiper-button-next {\n position: absolute;\n top: 50%;\n width: calc(var(--swiper-navigation-size) / 44 * 27);\n height: var(--swiper-navigation-size);\n margin-top: calc(0px - (var(--swiper-navigation-size) / 2));\n z-index: 10;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--swiper-navigation-color, var(--swiper-theme-color));\n &.swiper-button-disabled {\n opacity: 0.35;\n cursor: auto;\n pointer-events: none;\n }\n &:after {\n font-family: swiper-icons;\n font-size: var(--swiper-navigation-size);\n text-transform: none !important;\n letter-spacing: 0;\n text-transform: none;\n font-variant: initial;\n line-height: 1;\n }\n}\n.swiper-button-prev,\n.swiper-container-rtl .swiper-button-next {\n &:after {\n content: 'prev';\n }\n left: 10px;\n right: auto;\n}\n.swiper-button-next,\n.swiper-container-rtl .swiper-button-prev {\n &:after {\n content: 'next';\n }\n right: 10px;\n left: auto;\n}\n\n@each $navColorName, $navColorValue in $colors {\n .swiper-button-prev,\n .swiper-button-next {\n &.swiper-button-#{'' + $navColorName} {\n --swiper-navigation-color: #{'' + $navColorValue};\n }\n }\n}\n.swiper-button-lock {\n display: none;\n}\n",":root {\n //Font sizes\n --size-text-xs: 10px;\n --size-text-s: 12px;\n --size-text-m: 14px;\n --size-text-l: 16px;\n --size-text-xl: 20px;\n\n --text-line-height-s: 16px;\n --text-line-height-m: 18px;\n --text-line-height-l: 20px;\n\n --size-heading-s: 18px;\n --size-heading-m: 24px;\n --size-heading-l: 28px;\n --size-heading-xl: 36px;\n --size-heading-xxl: 48px;\n\n --heading-size-h1: 28px;\n --heading-size-h2: 24px;\n --heading-size-h3: 18px;\n --heading-size-h4: 18px;\n --heading-size-h5: 16px;\n\n --heading-weight-h1: bold;\n --heading-weight-h2: bold;\n --heading-weight-h3: bold;\n --heading-weight-h4: 600;\n --heading-weight-h5: bold;\n\n --heading-line-height-h1: 36px;\n --heading-line-height-h3: 18px;\n --heading-line-height-h5: 20px;\n\n //Colors\n --color-text-default: #212121;\n --color-text-headers: #212121;\n --color-text-secondary: #8b8b8b;\n --color-text-disabled: #cccccc;\n --color-text-inverse: #ffffff;\n --color-text-warning: #ff8d27;\n --color-text-error: #ff4444;\n --color-text-success: #00B649;\n --color-text-default: #212121;\n --color-text-brand: #8227c7;\n --color-text-brand-2: #9d43e1;\n\n --color-bg-base-1: #ffffff;\n --color-bg-base-2: #f6f6f6;\n --color-bg-base-3: #d1cfd7;\n --color-bg-base-4: #212121;\n --color-bg-success-1: #f0f9f1;\n --color-bg-success-2: #5bb767;\n --color-bg-brand: #8227c7;\n --color-bg-brand-2: #731bb6;\n --color-bg-brand-3: #9d43e1;\n --color-bg-brand-plate: #f7f2fc;\n --color-bg-brand-plate-2: #efdbff;\n\n --color-icon-white: #ffffff;\n --color-icon-black: #212121;\n --color-icon-basic-1: #8b8b8b;\n --color-icon-basic-2: #c8c8c8;\n --color-icon-disable: #cccccc;\n --color-icon-brand: #8227c7;\n --color-icon-success: #009935;\n --color-icon-error: #f96666;\n\n --color-border-basic: #c8c8c8;\n --color-border-brand: #8227c7;\n --color-border-error: #f96666;\n\n //Button\n --button-default-color-text: #ffffff;\n --button-default-color-text--disabled: #8b8b8b;\n --button-default-color: #8227c7;\n --button-default-color--active: #731bb6;\n --button-default-color--hover: #9d43e1;\n --button-default-color--disabled: #d1cfd7;\n\n --button-secondary-color-text: #212121;\n --button-secondary-color-text--hover: #ffffff;\n --button-secondary-color-text--active: #ffffff;\n --button-secondary-color: #f8f8f8;\n --button-secondary-color--active: #731bb6;\n --button-secondary-color--hover: #9d43e1;\n --button-secondary-color--disabled: #d1cfd7;\n\n //TagButton\n --tag-button-default-color: #8227c7;\n --tag-button-default-color--active: #ffffff;\n --tag-button-default-background-color: #ffffff;\n --tag-button-default-background-color--active: #8227c7;\n --tag-button-default-background-color--hover: #9d43e1;\n --tag-button-default-border-color: #8227c7;\n\n --tag-button-tab-color: #8B8B8B;\n --tag-button-tab-color--active: #FFFFFF;\n --tag-button-tab-background-color: transparent;\n --tag-button-tab-background-color--active: #5BB767;\n\n //Icon\n --icon-default-color: #8b8b8b;\n --icon-default-color--active: #731bb6;\n --icon-default-color--hover: #9d43e1;\n\n --icon-warning-color: #ff8d27;\n --icon-warning-color--active: #ff8d27;\n --icon-warning-color--hover: #ff8d27;\n\n --icon-light-color: #C8C8C8;\n --icon-light-color--active: #731bb6;\n --icon-light-color--hover: #9d43e1;\n\n --icon-black-color: #000000;\n --icon-black-color--active: #731bb6;\n --icon-black-color--hover: #9d43e1;\n\n --icon-attention-color: #8227c7;\n --icon-attention-color--active: #731bb6;\n --icon-attention-color--hover: #9d43e1;\n\n --icon-revert-color: #ffffff;\n --icon-revert-color--active: #ffffff;\n --icon-revert-color--hover: #ffffff;\n\n //Input\n --input-filled-placeholder-color: #8b8b8b;\n --input-filled-placeholder-color--error: #ff4444;\n --input-filled-placeholder-color--disabled: #cccccc;\n\n --input-filled-background-color: #F6F6F6;\n --input-filled-background-color--active: #F6F6F6;\n\n --input-filled-color: #000000;\n --input-filled-color--error: #000000;\n --input-filled-color--disabled: #cccccc;\n\n --input-filled-border-color: #F6F6F6;\n --input-filled-border-color--disabled: #F6F6F6;\n --input-filled-border-color--error: #ff4444;\n --input-filled-border-color--active: #8227c7;\n\n --input-outlined-placeholder-color: #8b8b8b;\n --input-outlined-placeholder-color--error: #ff4444;\n --input-outlined-placeholder-color--disabled: #cccccc;\n\n --input-outlined-background-color: #ffffff;\n\n --input-outlined-color: #000000;\n --input-outlined-color--error: #000000;\n --input-outlined-color--disabled: #cccccc;\n\n --input-outlined-border-color: #c8c8c8;\n --input-outlined-border-color--disabled: #c8c8c8;\n --input-outlined-border-color--error: #ff4444;\n --input-outlined-border-color--active: #8227c7;\n\n --input-no-border-color: #ffffff;\n\n --input-icon-color: #b6b6b6;\n --input-icon-color--hover: #8b8b8b;\n --input-icon-color--active: #8b8b8b;\n\n --input-font-size--small: 14px;\n --input-font-size--medium: 16px;\n --input-font-size--large: 16px;\n\n --input-line-height--small: 20px;\n --input-line-height--medium: 20px;\n --input-line-height--large: 20px;\n\n --input-label-font-size--small: 12px;\n --input-label-font-size--medium: 12px;\n --input-label-font-size--large: 12px;\n\n // Dropdown\n --select-item-background-color: #e6d4f4;\n --select-item-color: #9d43e1;\n\n // Radio\n --radio-border-color--checked: #8227c7;\n --radio-border-color--hover: #9d43e1;\n\n // Checkbox\n --checkbox-border-color: #c8c8c8;\n --checkbox-border-color--checked: #8227c7;\n --checkbox-border-color--error: #ff4444;\n --checkbox-border-color--hover: #9d43e1;\n --checkbox-border-color--disabled: #d1cfd7;\n\n --checkbox-label-color--disabled: #cccccc;\n --checkbox-label-color--error: #ff4444;\n\n --checkbox-background-color--checked: #8227c7;\n --checkbox-background-color--hover: #9d43e1;\n --checkbox-background-color--disabled: #d1cfd7;\n --checkbox-background-color--error: #ff4444;\n\n // DatePicker\n --date-picker-label-color--attention: #8227c7;\n --date-picker-label-color--addition: #8b8b8b;\n\n --date-picker-background-color--selected: #8227c7;\n --date-picker-background-color--hover: #efdbff;\n\n --date-picker-background-color--hover: #E6D4F4;\n\n // Link\n --link-font-size--small: 12px;\n --link-font-size--medium: 14px;\n --link-font-size--large: 16px;\n\n --link-line-height--small: 16px;\n --link-line-height--medium: 18px;\n --link-line-height--large: 20px;\n\n --link-color: #8227c7;\n --link-color--hover: #9d43e1;\n --link-color--active: #9d43e1;\n\n --link-href-underline: solid;\n --link-action-underline: dashed;\n\n // Selector\n --selector-color: #8227C7;\n --selector-color--hover: #9d43e1;\n\n // Other\n --dropdown-box-shadow: 0px 4px 40px rgba(33, 35, 40, 0.1);\n --dropdown-background-color: #ffffff;\n}\n","@import \"./variables\";\n\n.ant-collapse-header {\n padding-left: 0 !important;\n padding: 20px 0 !important;\n}\n\n.ant-collapse-content > .ant-collapse-content-box {\n padding: 0;\n}\n\n.ant-collapse-content-box {\n padding-top: 0 !important;\n padding-bottom: 12px;\n}\n\nmark {\n padding: 0;\n}\n\n.modal-no-padding {\n width: auto !important;\n .ant-modal-body {\n padding: 0;\n }\n .ant-modal-content {\n width: max-content;\n margin: 0 auto;\n }\n}\n\n/* Select */\n\n.ant-select.ant-select-customize-input {\n display: flex;\n flex-direction: column;\n width: 100%;\n font-family: \"ALS Hauss\";\n height: 48px;\n\n & .ant-select-selection-search-input {\n outline: none !important;\n }\n\n &.select-stacked {\n .ant-select-arrow,\n .ant-select-clear {\n right: 4px;\n }\n\n .ant-select-selector {\n border: 12px 0 0 12px;\n }\n\n .ant-select-selection-item {\n padding: 0 8px;\n }\n }\n\n .ant-select-clear {\n margin-top: 0;\n transform: translateY(-50%);\n right: 10px;\n\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .ant-select-arrow {\n width: 24px;\n height: 24px;\n margin-top: 0;\n transform: translateY(-50%);\n right: 16px;\n\n\n & > svg {\n color: var(--input-outlined-placeholder-color);\n width: 100%;\n height: 100%;\n }\n }\n\n .ant-select-selector {\n height: 100%;\n border: 1px solid var(--input-outlined-border-color);\n background-color: var(--input-outlined-background-color);\n border-radius: 12px;\n\n & .ant-select-selection-placeholder {\n color: var(--input-outlined-placeholder-color);\n top: 50%;\n transform: translateY(-50%);\n padding-left: 16px;\n font-size: var(--input-font-size--medium);\n\n @include respond(mobile) {\n font-size: var(--input-font-size--small);\n }\n }\n\n & .ant-select-selection-search {\n position: absolute;\n left: 0;\n\n input {\n width: 100%;\n border: none;\n background-color: transparent;\n height: 100%;\n padding: 0 16px;\n font-size: var(--input-font-size--medium);\n padding-bottom: 1px;\n\n @include respond(mobile) {\n font-size: var(--input-font-size--small);\n }\n }\n }\n }\n\n &.input-no-border .ant-select-selector {\n border-color: var(--input-no-border-color) !important;\n\n .ant-select-selection-item {\n line-height: 48px;\n position: absolute;\n width: 100%;\n left: 0;\n top: 0;\n }\n }\n\n .ant-select-selection-item {\n height: 100%;\n padding: 0 16px;\n line-height: 46px;\n font-size: var(--input-font-size--medium);\n\n @include respond(mobile) {\n font-size: var(--input-font-size--small);\n }\n }\n\n &.ant-select-open {\n & .ant-select-selector {\n border-color: var(--input-outlined-border-color--active);\n }\n & .ant-select-arrow {\n transform: translateY(-50%) rotate(180deg);\n }\n\n & .ant-select-selection-item {\n color: var(--input-outlined-color)\n }\n }\n\n &.ant-select-disabled {\n cursor: not-allowed;\n .ant-select-selector {\n border-color: var(--input-outlined-border-color--disabled);\n\n .ant-select-selection-placeholder {\n color: var(--input-outlined-placeholder-color--disabled);\n }\n\n .ant-select-selection-item {\n color: var(--input-outlined-color--disabled);\n }\n }\n\n .ant-select-arrow svg {\n color: var(--input-outlined-placeholder-color--disabled);\n }\n }\n\n &:not(.ant-select-disabled):hover {\n .ant-select-selector {\n border-color: var(--input-outlined-border-color);\n }\n &.ant-select-open .ant-select-selector {\n border-color: var(--input-outlined-border-color--active);\n }\n }\n\n\n &.select-error {\n .ant-select-selector {\n border-color: var(--input-outlined-border-color--error) !important;\n\n .ant-select-selection-placeholder {\n // color: var(--input-outlined-placeholder-color--error);\n }\n }\n\n .ant-select-arrow svg {\n color: var(--input-outlined-placeholder-color--error);\n }\n\n &.input-no-border {\n .ant-select-selector {\n .ant-select-selection-placeholder {\n color: var(--input-outlined-placeholder-color) !important;\n }\n }\n }\n }\n}\n\n/* Tag-Box */\n\n.ant-select.ant-tag-box-customize-input {\n display: flex;\n flex-direction: column;\n width: 100%;\n font-family: \"ALS Hauss\";\n height: 48px;\n\n\n .ant-select-clear {\n width: 24px;\n height: 24px;\n margin-top: 0;\n transform: translateY(-50%);\n right: 16px;\n }\n\n .ant-select-selection-item-remove {\n display: flex;\n align-items: center;\n\n &:hover > svg {\n color: var(--icon-default-color--hover);\n }\n }\n\n .ant-select-arrow {\n width: 24px;\n height: 24px;\n margin-top: 0;\n transform: translateY(-50%);\n right: 16px;\n\n\n & > svg {\n color: var(--input-outlined-placeholder-color);\n width: 100%;\n height: 100%;\n }\n }\n\n .ant-select-selector {\n height: 100%;\n border: 1px solid var(--input-outlined-border-color);\n background-color: var(--input-outlined-background-color);\n border-radius: 12px;\n\n & .ant-select-selection-placeholder {\n color: var(--input-outlined-placeholder-color);\n top: 50%;\n transform: translateY(-50%);\n padding-left: 16px;\n font-size: var(--input-font-size--medium);\n\n @include respond(mobile) {\n font-size: var(--input-font-size--small);\n }\n }\n\n & .ant-select-selection-search {\n position: absolute;\n left: 0;\n\n input {\n width: 100%;\n border: none;\n background-color: transparent;\n height: 100%;\n padding: 0 16px;\n font-size: var(--input-font-size--medium);\n padding-bottom: 1px;\n\n @include respond(mobile) {\n font-size: var(--input-font-size--small);\n }\n }\n }\n }\n\n .ant-select-selection-overflow {\n gap: 8px\n }\n\n .ant-select-selection-item {\n height: 100%;\n padding: 0 8px 0 16px;\n gap: 8px;\n line-height: 32px;\n margin: 0;\n font-size: var(--input-font-size--medium);\n\n @include respond(mobile) {\n font-size: var(--input-font-size--small);\n }\n }\n\n &.ant-select-multiple .ant-select-selector {\n padding: 0 16px;\n }\n\n &.ant-select-open {\n & .ant-select-selector {\n border-color: var(--input-outlined-border-color--active);\n }\n & .ant-select-arrow {\n transform: translateY(-50%) rotate(180deg);\n }\n\n & .ant-select-selection-item {\n color: var(--input-outlined-color)\n }\n }\n\n &.ant-select-disabled {\n cursor: not-allowed;\n .ant-select-selector {\n border-color: var(--input-outlined-border-color--disabled);\n\n .ant-select-selection-placeholder {\n color: var(--input-outlined-placeholder-color--disabled);\n }\n\n .ant-select-selection-item {\n color: var(--input-outlined-color--disabled);\n }\n }\n\n .ant-select-arrow svg {\n color: var(--input-outlined-placeholder-color--disabled);\n }\n }\n\n &:not(.ant-select-disabled):hover {\n .ant-select-selector {\n border-color: var(--input-outlined-border-color);\n }\n &.ant-select-open .ant-select-selector {\n border-color: var(--input-outlined-border-color--active);\n }\n }\n\n &.select-error {\n .ant-select-selector {\n border-color: var(--input-outlined-border-color--error) !important;\n\n .ant-select-selection-placeholder {\n // color: var(--input-outlined-placeholder-color--error);\n }\n }\n\n .ant-select-arrow svg {\n color: var(--input-outlined-placeholder-color--error);\n }\n }\n\n &.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {\n box-shadow: none;\n border-color: var(--input-outlined-border-color--active);\n }\n}\n\n/* Dropdown */\n\n.ant-select-dropdown {\n padding: 4px;\n border-radius: 12px;\n box-shadow: var(--dropdown-box-shadow);\n\n .rc-virtual-list-holder-inner {\n gap: 4px;\n }\n\n .ant-select-item {\n font-size: var(--input-font-size--medium);\n padding: 8px;\n border-radius: 4px;\n }\n\n .ant-select-item.ant-select-item-option {\n transition: background-color 0.1s;\n border-radius: 8px;\n padding: 4px 8px;\n min-height: auto;\n font-size: var(--input-font-size--medium);\n line-height: var(--input-line-height--medium);\n }\n .ant-select-item-option-active:not(.ant-select-item-option-disabled) {\n background: transparent;\n color: var(--select-item-color);\n }\n .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {\n background: var(--select-item-background-color);\n font-weight: normal;\n color: var(--select-item-color);\n }\n}\n\n\n/* Radio */\n.ant-radio-group-customize {\n display: flex;\n gap: 12px;\n &.horizontal {\n flex-direction: row;\n }\n\n &.vertical {\n flex-direction: column;\n }\n}\n\n.ant-radio-customize {\n margin: 0;\n align-items: center;\n &.ant-radio-wrapper:hover .ant-radio,\n .ant-radio:not(.ant-radio-disabled):hover .ant-radio-inner,\n .ant-radio-input:focus + .ant-radio-inner {\n border-color: var(--radio-border-color--hover);\n }\n\n .ant-radio {\n top: 0;\n }\n\n .ant-radio-inner {\n border-width: 1px;\n width: 20px;\n height: 20px;\n transition: none;\n box-shadow: none !important;\n &::after {\n display: none;\n }\n }\n .ant-radio.ant-radio-checked {\n &::after {\n display: none;\n }\n .ant-radio-inner {\n border-color: var(--radio-border-color--checked);\n border-width: 6px;\n }\n }\n}\n\n\n/* Picker */\n.ant-picker-dropdown.ant-picker-dropdown-range {\n padding: 0;\n}\n\n.ant-picker.ant-picker-borderless {\n background-color: var(--input-outlined-background-color) !important;\n}\n\n.ant-picker-range-wrapper {\n @include respond(mobile) {\n min-width: auto !important;\n }\n}\n\n.ant-picker {\n border-radius: 12px;\n padding: 0 8px 0 16px;\n height: 48px;\n width: 100%;\n border: 1px solid var(--input-outlined-border-color);\n\n\n\n &.input-no-border {\n border-color: var(--input-no-border-color) !important;\n\n &.date-picker-error {\n border-color: var(--input-outlined-border-color--error) !important;\n }\n\n &:not(.ant-picker-disabled).date-picker-error:hover,\n &:not(.ant-picker-disabled).date-picker-error {\n border-color: var(--input-outlined-border-color--error);\n\n .ant-picker-input input::placeholder {\n // color: var(--input-outlined-placeholder-color) !important;\n }\n\n .ant-picker-suffix {\n & svg {\n color: var(--input-outlined-placeholder-color) !important;\n }\n }\n }\n }\n\n .ant-picker-active-bar {\n display: none;\n }\n\n .ant-picker-input > input {\n font-size: var(--input-font-size--medium);\n height: 48px;\n\n @include respond(mobile) {\n font-size: var(--input-font-size--small);\n }\n }\n\n &:not(.ant-picker-disabled):hover {\n border-color: var(--input-outlined-border-color);\n\n }\n &:not(.ant-picker-disabled).ant-picker-focused,\n &:not(.ant-picker-disabled).ant-picker-focused:hover {\n border-color: var(--input-outlined-border-color--active);\n outline: none;\n box-shadow: none;\n }\n\n &:not(.ant-picker-disabled).date-picker-error,\n &:not(.ant-picker-disabled).date-picker-error:hover {\n border-color: var(--input-outlined-border-color--error);\n\n .ant-picker-input > input::placeholder {\n // color: var(--input-outlined-placeholder-color--error);\n }\n\n .ant-picker-suffix {\n & svg {\n color: var(--input-outlined-placeholder-color--error);\n }\n }\n }\n\n .ant-picker-suffix,\n .ant-picker-clear {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n & div {\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n & svg {\n width: 24px;\n height: 24px;\n }\n\n @include respond(mobile) {\n width: 28px !important;\n height: 24px !important;\n }\n }\n}\n\n.ant-picker-panel-container {\n border-radius: 12px;\n box-shadow: var(--dropdown-box-shadow);\n\n .ant-picker-panel {\n border-bottom: none;\n }\n}\n\n.ant-picker-cell .ant-picker-cell-inner {\n &::before {\n display: none;\n }\n}\n\n.ant-picker-content {\n & thead {\n transform: translateY(-8px);\n & tr th {\n text-transform: capitalize;\n font-weight: 550;\n color: var(--date-picker-label-color--addition);\n\n &:nth-last-child(1),\n &:nth-last-child(2) {\n color: var(--date-picker-label-color--attention);\n }\n }\n }\n}\n\n.ant-picker-header {\n border-bottom: none;\n margin: 0 auto;\n}\n\n.ant-picker-footer {\n border-top: none;\n // display: none;\n}\n\n.ant-picker-header-super-next-btn,\n.ant-picker-header-super-prev-btn {\n display: none;\n}\n\n.ant-picker-prev-icon,\n.ant-picker-next-icon {\n color: var(--date-picker-label-color--attention);\n\n &::before {\n width: 8px;\n height: 8px;\n }\n}\n\n.ant-picker-date-panel .ant-picker-cell .ant-picker-cell-inner {\n border-radius: 100%;\n}\n\n.ant-picker-header-view {\n flex: none;\n color: var(--date-picker-label-color--attention);\n padding-top: 4px;\n\n & .ant-picker-month-btn,\n & .ant-picker-year-btn {\n pointer-events: none;\n user-select: none;\n }\n\n & .ant-picker-month-btn {\n text-transform: capitalize;\n }\n}\n\n.ant-picker-header-prev-btn,\n.ant-picker-header-next-btn {\n width: 40px;\n}\n\n.ant-picker-header-view button:hover {\n color: var(--date-picker-font-color)\n}\n\n.ant-picker-range .ant-picker-active-bar,\n.ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner,\n.ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner,\n.ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner,\n.ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner {\n background-color: var(--date-picker-background-color--selected) !important;\n font-weight: 500;\n}\n\n.ant-picker-cell-in-view.ant-picker-cell-range-hover-start:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after,\n.ant-picker-cell-in-view.ant-picker-cell-range-hover-end:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after,\n.ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start-single::after,\n.ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-end-near-hover::after,\n.ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-start-near-hover::after,\n.ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-end-single::after,\n.ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-in-range)::after {\n border: none !important;\n background-color: var(--date-picker-background-color--hover);\n font-weight: 500;\n right: 0;\n // border-radius: 0 20px 20px 0;\n}\n\ntr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:last-child::after,\ntr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::after,\n.ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-edge-end.ant-picker-cell-range-hover-edge-end-near-range::after,\n.ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover-edge-end-near-range)::after,\n.ant-picker-cell-in-view.ant-picker-cell-range-hover-end::after {\n border-radius: 0 20px 20px 0;\n right: 6px !important;\n}\n\ntr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:first-child::after,\ntr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child::after,\n.ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start.ant-picker-cell-range-hover-edge-start-near-range::after,\n.ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover-edge-start-near-range)::after,\n.ant-picker-cell-in-view.ant-picker-cell-range-hover-start::after {\n border-radius: 20px 0 0 20px;\n left: 6px !important;\n}\n\n.ant-picker-cell-in-view.ant-picker-cell-range-hover-start:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start-single::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-end-near-hover::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-start-near-hover::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-end-single::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-in-range)::after {\n transition: none;\n}\n\n.ant-picker-cell-range-hover-start::after,\n.ant-picker-cell-range-hover-end::after,\n.ant-picker-cell-range-hover::after {\n left: 0;\n}\n\n.ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after,\n.ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after,\n.ant-picker-cell-in-view.ant-picker-cell-in-range::before,\n.ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single)::before,\n.ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single)::before {\n background-color: var(--date-picker-background-color--hover) !important;\n}\n\n.ant-picker-cell:hover:not(.ant-picker-cell-in-view) .ant-picker-cell-inner,\n.ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end) .ant-picker-cell-inner {\n background-color: var(--date-picker-background-color--hover) !important;\n}\n\n\n@include respond(mobile) {\n .ant-picker-panels > *:first-child button.ant-picker-header-next-btn {\n visibility: visible !important;\n }\n\n .ant-picker-panels > *:first-child button.ant-picker-header-super-next-btn {\n visibility: visible !important;\n }\n\n .ant-picker-panels > *:last-child {\n display: none !important;\n }\n\n .ant-picker-panel-container, .ant-picker-footer {\n width: 280px !important;\n }\n\n .ant-picker-footer-extra > div {\n flex-wrap: wrap !important;\n }\n}\n\n/* Tooltip */\n\n.ant-tooltip-customize, .ant-slider-tooltip {\n .ant-tooltip-inner {\n border-radius: 8px;\n padding: 12px 16px;\n background-color: #212121;\n }\n\n .ant-tooltip-arrow-content {\n --antd-arrow-background-color: #212121;\n }\n}\n\n/* Slider */\n\n.ant-slider {\n margin: 10px;\n}\n\n.ant-slider-track {\n background-color: var(--selector-color);\n height: 2px;\n}\n.ant-slider-rail {\n height: 2px;\n}\n.ant-slider:hover .ant-slider-track {\n background-color: var(--selector-color--hover);\n}\n\n.ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open) {\n border-color: var(--selector-color--hover);\n}\n\n.ant-slider-handle {\n width: 20px;\n height: 20px;\n margin-top: -9px;\n border-color: var(--selector-color);\n\n &.ant-tooltip-open {\n border-color: var(--selector-color);\n }\n\n &:focus {\n border-color: var(--selector-color);\n box-shadow: none;\n }\n}\n\n\n\n/* Modal */\n.ant-modal-full {\n height: 80vh;\n\n @include respond(mobile) {\n height: 100%;\n }\n\n & .ant-modal-content {\n height: 100%;\n display: flex;\n flex-direction: column;\n\n & .ant-modal-body {\n height: 100%;\n overflow: auto;\n padding-left: 0;\n padding-right: 0;\n }\n }\n\n & .ant-modal-close {\n transform: translateY(-50%);\n top: 48px;\n right: 8px;\n\n @include respond(mobile) {\n top: 44px;\n }\n }\n}\n\n.ant-modal-sidebar {\n width: max-content;\n transform-origin: 83px 216.116px;\n top: 0;\n right: 0;\n left: auto;\n margin: initial;\n margin-left: auto;\n transform: none;\n height: 100%;\n padding-bottom: 0;\n\n & .ant-modal-content {\n border-radius: 0;\n\n display: flex;\n flex-direction: column;\n min-height: 100%;\n }\n}\n\n.ant-modal-footer-fixed {\n .ant-modal-footer {\n position: fixed;\n z-index: 9;\n bottom: 0;\n left: 0;\n width: 100%;\n padding-bottom: calc(20px + env(safe-area-inset-bottom)) !important;\n }\n\n .ant-modal-content {\n padding-bottom: calc(68px + env(safe-area-inset-bottom)) !important;\n }\n}\n\n.ant-modal-header {\n border-bottom: none;\n padding: 24px 24px 0 24px;\n\n .ant-modal-title {\n font-weight: initial;\n line-height: initial;\n }\n\n\n // @include respond(mobile) {\n // padding: 24px 12px;\n // }\n\n // @include respond(tablet) {\n // padding: 24px 20px;\n // }\n}\n\n.ant-modal-body {\n padding: 24px;\n flex: 1;\n\n // @include respond(mobile) {\n // padding-bottom: calc(24px + env(safe-area-inset-bottom)) !important;\n // }\n\n}\n\n.ant-modal-footer {\n border-top: none;\n text-align: left;\n padding: 0 24px 24px 24px;\n display: flex;\n flex-direction: row;\n gap: 16px;\n}\n\n.ant-modal-content {\n border-radius: 12px;\n overflow: hidden;\n padding-bottom: env(safe-area-inset-bottom) !important;\n}\n\n.ant-modal-close-x {\n align-items: center;\n justify-content: center;\n display: flex;\n}\n\n\n.am-modal-wrap {\n align-items: end !important;\n}\n\n.am-modal {\n @include respond(mobile) {\n height: auto !important;\n }\n}\n\n.ant-modal-footer {\n @include respond(mobile) {\n padding: 0 20px 20px;\n }\n}\n\n.am-modal-body {\n @include respond(mobile) {\n overflow: unset;\n }\n}\n\n\n.am-modal-content {\n @include respond(mobile) {\n border-radius: 8px 8px 0px 0px;\n }\n overflow: auto;\n padding: 16px;\n}\n\n.am-modal-close {\n cursor: pointer;\n}\n\n@mixin modalMobile {\n .ant-modal-wrap {\n top: auto;\n height: 100%;\n align-items: end;\n display: flex;\n border-radius: 16px 16px 0 0 !important;\n & > div {\n position: absolute;\n max-height: 100%;\n min-width: 100%;\n max-width: 100%;\n margin: 0;\n padding: 0;\n top: auto;\n bottom: 0;\n }\n\n }\n\n .ant-modal-content {\n overflow: auto;\n border-radius: 0;\n border-radius: 16px 16px 0px 0px !important;\n // display: flex;\n // flex-direction: column;\n\n }\n}\n\n@include respond(mobile) {\n @include modalMobile;\n}\n\n.am-modal-header {\n @include respond(mobile) {\n padding-left: 0;\n .am-modal-title {\n text-align: left;\n }\n }\n}\n\n\n.modal-no-padding {\n width: auto !important;\n\n @include respond(tablet) {\n width: 100% !important;\n }\n\n @include respond(mobile) {\n width: 100% !important;\n }\n\n .ant-modal-body {\n padding: 0;\n\n @include respond(tablet) {\n width: 100%;\n }\n\n @include respond(mobile) {\n width: 100%;\n }\n }\n .ant-modal-content {\n width: max-content;\n margin: 0 auto;\n\n @include respond(tablet) {\n width: 100%;\n }\n\n @include respond(mobile) {\n width: 100%;\n }\n }\n}\n\n/* Upload */\n\n.ant-upload.ant-upload-drag {\n border: 1px dashed var(--color-border-basic);\n\n &:not(.ant-upload-disabled):hover,\n &:not(.ant-upload-disabled).ant-upload-drag-hover {\n border-color: var(--color-border-brand);\n }\n}\n\n.ant-upload-list-item-name {\n color: var(--color-text-brand);\n\n &:hover {\n color: var(--color-text-brand-2);\n }\n}\n\n\n\n\n\n@keyframes react-loading-skeleton {\n 100% {\n transform: translateX(100%);\n }\n}\n\n.react-loading-skeleton {\n --base-color: #ebebeb;\n --highlight-color: #f5f5f5;\n --animation-duration: 1.5s;\n --animation-direction: normal;\n --pseudo-element-display: block; /* Enable animation */\n\n background-color: var(--base-color);\n\n width: 100%;\n border-radius: 0.25rem;\n display: inline-flex;\n line-height: 1;\n\n position: relative;\n overflow: hidden;\n z-index: 1; /* Necessary for overflow: hidden to work correctly in Safari */\n}\n\n.react-loading-skeleton::after {\n content: \" \";\n display: var(--pseudo-element-display);\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 100%;\n background-repeat: no-repeat;\n background-image: linear-gradient(90deg, var(--base-color), var(--highlight-color), var(--base-color));\n transform: translateX(-100%);\n\n animation-name: react-loading-skeleton;\n animation-direction: var(--animation-direction);\n animation-duration: var(--animation-duration);\n animation-timing-function: ease-in-out;\n animation-iteration-count: infinite;\n}\n\n/* DropdownMenu */\n\n.ant-dropdown-menu {\n background-color: white;\n // box-shadow: none;\n padding: 8px;\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.ant-dropdown-menu-item, .ant-dropdown-menu-submenu-title {\n background-color: transparent !important;\n transition: none;\n padding: 0;\n}\n\n.ant-dropdown-menu-item-selected, .ant-dropdown-menu-submenu-title-selected {\n color: var(--color-text-brand);\n}\n","@import \"node_modules/swiper/swiper.scss\";\n@import \"node_modules/swiper/components/navigation/navigation.scss\";\n\n@import \"variables\";\n@import \"components\";\n@import \"antd\";\n\n\n.horizontal-scroll {\n overflow-x: auto;\n scrollbar-color: transparent transparent;\n scrollbar-width: thin;\n}\n.horizontal-scroll::-webkit-scrollbar {\n height: 0px;\n}\n.horizontal-scroll::-webkit-scrollbar-track {\n background-color: transparent;\n}\n.horizontal-scroll::-webkit-scrollbar-thumb {\n // width: 60px;\n background-color: transparent;\n\n border-radius: 3px;\n}\n.horizontal-scroll::-webkit-scrollbar-thumb:hover {\n background-color: transparent;\n}\n.horizontal-scroll > * {\n scroll-snap-align: start;\n}\n@media (hover: none) {\n .horizontal-scroll {\n // scrollbar-width: none;\n }\n}\n"],"sourceRoot":""}
1
+ {"version":3,"sources":["webpack://dt-shared-front/./src/styles/_components.scss","webpack://dt-shared-front/./src/styles/_antd.scss","webpack://dt-shared-front/./src/styles/_variables.scss","webpack://dt-shared-front/./node_modules/swiper/swiper.scss","webpack://dt-shared-front/./node_modules/swiper/components/navigation/navigation.scss","webpack://dt-shared-front/./src/styles/main.scss","webpack://dt-shared-front/./src/components/icon/icon.module.scss","webpack://dt-shared-front/./src/components/auto-complete/auto-complete.module.scss","webpack://dt-shared-front/./src/components/button/button.module.scss","webpack://dt-shared-front/./src/components/breadcrumbs/breadcrumbs.module.scss","webpack://dt-shared-front/./src/components/text/text.module.scss","webpack://dt-shared-front/./src/components/link/link.module.scss","webpack://dt-shared-front/./src/components/checkbox/checkbox.module.scss","webpack://dt-shared-front/./src/components/counter/counter.module.scss","webpack://dt-shared-front/./src/components/input/input.module.scss","webpack://dt-shared-front/./src/components/divider/divider.module.scss","webpack://dt-shared-front/./src/components/dropdown/dropdown.module.scss","webpack://dt-shared-front/./src/components/form-control/form-control.module.scss","webpack://dt-shared-front/./src/components/heading/heading.module.scss","webpack://dt-shared-front/./src/components/loader/loader.module.scss","webpack://dt-shared-front/./src/components/loader-line/loader-line.module.scss","webpack://dt-shared-front/./src/components/modal/modal.module.scss","webpack://dt-shared-front/./src/components/select/select.module.scss","webpack://dt-shared-front/./src/components/slider/slider.module.scss","webpack://dt-shared-front/./src/components/spoiler/spoiler.module.scss","webpack://dt-shared-front/./src/components/stacked-input/stacked-input.module.scss","webpack://dt-shared-front/./src/components/switch/switch.module.scss","webpack://dt-shared-front/./src/components/tag-box/tag-box.module.scss","webpack://dt-shared-front/./src/components/tag-button/tag-button.module.scss","webpack://dt-shared-front/./src/components/text-area/text-area.module.scss","webpack://dt-shared-front/./src/components/text-spoiler/text-spoiler.module.scss","webpack://dt-shared-front/./src/components/tooltip/tooltip.module.scss"],"names":[],"mappings":"AAAA,MAEE,qBACA,oBACA,oBACA,oBACA,qBAEA,2BACA,2BACA,2BAEA,uBACA,uBACA,uBACA,wBACA,yBAEA,wBACA,wBACA,wBACA,wBACA,wBAEA,0BACA,0BACA,0BACA,yBACA,0BAEA,+BACA,+BACA,+BAGA,8BACA,8BACA,gCACA,+BACA,8BACA,8BACA,4BACA,8BACA,8BACA,4BACA,8BAEA,2BACA,2BACA,2BACA,2BACA,8BACA,8BACA,0BACA,4BACA,4BACA,gCACA,kCAEA,4BACA,4BACA,8BACA,8BACA,8BACA,4BACA,8BACA,4BAEA,8BACA,8BACA,8BAGA,qCACA,+CACA,gCACA,wCACA,uCACA,0CAEA,uCACA,8CACA,+CACA,kCACA,0CACA,yCACA,4CAGA,oCACA,4CACA,+CACA,uDACA,sDACA,2CAEA,gCACA,wCACA,+CACA,mDAGA,8BACA,sCACA,qCAEA,8BACA,sCACA,qCAEA,4BACA,oCACA,mCAEA,4BACA,oCACA,mCAEA,gCACA,wCACA,uCAEA,6BACA,qCACA,oCAGA,0CACA,iDACA,oDAEA,yCACA,iDAEA,8BACA,qCACA,wCAEA,qCACA,+CACA,4CACA,6CAEA,4CACA,mDACA,sDAEA,2CAEA,gCACA,uCACA,0CAEA,uCACA,iDACA,8CACA,+CAEA,iCAEA,4BACA,mCACA,oCAEA,+BACA,gCACA,+BAEA,iCACA,kCACA,iCAEA,qCACA,sCACA,qCAGA,wCACA,6BAGA,uCACA,qCAGA,iCACA,0CACA,wCACA,wCACA,2CAEA,0CACA,uCAEA,8CACA,4CACA,+CACA,4CAGA,8CACA,6CAEA,kDACA,+CAEA,+CAGA,8BACA,+BACA,8BAEA,gCACA,iCACA,gCAEA,sBACA,6BACA,8BAEA,6BACA,gCAGA,0BACA,iCAGA,0DACA,qCCpOF,qBACE,0BACA,0BAGF,gDACE,UAGF,0BACE,yBACA,oBAGF,KACE,UAGF,kBACE,sBACA,kCACE,UAEF,qCACE,kBACA,cAMJ,uCACE,aACA,sBACA,WACA,wBACA,YAEA,0EACE,wBAIA,gJAEE,UAGF,2EACE,qBAGF,iFACE,cAIJ,yDACE,aACA,2BACA,WAEA,WACA,YACA,aACA,mBACA,uBAGF,yDACE,WACA,YACA,aACA,2BACA,WAGA,6DACE,8CACA,WACA,YAIJ,4DACE,YACA,oDACA,wDACA,mBAEA,8FACE,8CACA,QACA,2BACA,kBACA,yCChFF,yBD2EA,8FAQI,yCAIJ,yFACE,kBACA,OAEA,+FACE,WACA,YACA,+BACA,YACA,eACA,yCACA,mBClGJ,yBD2FE,+FAUI,yCAMR,4EACE,qDAEA,uGACE,iBACA,kBACA,WACA,OACA,MAIJ,kEACE,YACA,eACA,iBACA,yCC3HA,yBDuHF,kEAOI,yCAKF,4EACE,wDAEF,yEACE,0CAGF,kFACE,kCAIJ,2DACE,mBACA,gFACE,0DAEA,kHACE,wDAGF,2GACE,4CAIJ,iFACE,wDAKF,4FACE,gDAEF,4GACE,wDAMF,yEACE,kEAOF,0EACE,qDAKE,2HACE,yDASV,wCACE,aACA,sBACA,WACA,wBACA,YAGA,0DACE,WACA,YACA,aACA,2BACA,WAGF,0EACE,aACA,mBAEA,oFACE,uCAIJ,0DACE,WACA,YACA,aACA,2BACA,WAGA,8DACE,8CACA,WACA,YAIJ,6DACE,YACA,oDACA,wDACA,mBAEA,+FACE,8CACA,QACA,2BACA,kBACA,yCCxPF,yBDmPA,+FAQI,yCAIJ,0FACE,kBACA,OAEA,gGACE,WACA,YACA,+BACA,YACA,eACA,yCACA,mBC1QJ,yBDmQE,gGAUI,yCAMR,uEACE,QAGF,mEACE,YACA,qBACA,QACA,iBACA,SACA,yCC7RA,yBDuRF,mEASI,yCAIJ,iFACE,eAIA,6EACE,wDAEF,0EACE,0CAGF,mFACE,kCAIJ,4DACE,mBACA,iFACE,0DAEA,mHACE,wDAGF,4GACE,4CAIJ,kFACE,wDAKF,6FACE,gDAEF,6GACE,wDAKF,0EACE,kEAOF,2EACE,qDAIJ,sJACE,gBACA,wDAMJ,qBACE,YACA,mBACA,sCAEA,mDACE,QAGF,sCACE,yCACA,YACA,kBAGF,6DACE,gCACA,kBACA,gBACA,gBACA,yCACA,6CAEF,0FACE,yBACA,+BAEF,4FACE,+CACA,mBACA,+BAMJ,2BACE,aACA,SACA,sCACE,mBAGF,oCACE,sBAIJ,qBACE,SACA,mBACA,qMAGE,8CAGF,gCACE,MAGF,sCACE,iBACA,WACA,YACA,gBACA,2BACA,6CACE,aAIF,yDACE,aAEF,mEACE,gDACA,iBAON,+CACE,UAGF,kCACE,mEChcE,yBDmcJ,0BAEI,2BAIJ,YACE,mBACA,qBACA,YACA,WACA,oDAIA,4BACE,qDAEA,8CACE,kEAGF,sJAEE,uDAOE,oMACE,yDAMR,mCACE,aAGF,oCACE,yCACA,YC/eA,yBD6eF,oCAKI,yCAIJ,4CACE,gDAGF,wHAEE,wDACA,aACA,gBAGF,sHAEE,uDAOE,oKACE,qDAKN,6DAEE,WACA,YACA,aACA,mBACA,uBACA,qEACE,WACA,YACA,aACA,mBACA,uBAEF,qEACE,WACA,YChiBF,yBDghBF,6DAoBI,sBACA,wBAKN,4BACE,mBACA,sCAEA,8CACE,mBAKF,gDACE,aAKF,0BACE,2BACA,gCACE,0BACA,gBACA,+CAEA,oGAEE,gDAMR,mBACE,mBACA,cAGF,mBACE,gBAIF,oEAEE,aAGF,4CAEE,gDAEA,4DACE,UACA,WAIJ,+DACE,mBAGF,wBACE,UACA,gDACA,gBAEA,2FAEE,oBACA,iBAGF,8CACE,0BAIJ,wDAEE,WAGF,qCACE,oCAGF,iVAKE,0EACA,gBAGF,+5BAOE,uBACA,4DACA,gBACA,QAIF,8dAKE,4BACA,qBAGF,0eAKE,4BACA,oBAGF,+5BACE,gBAGF,sHAGE,OAGF,khBAKE,uEAGF,ySAEE,uEC5rBE,yBDisBF,mEACE,8BAGF,yEACE,8BAGF,gCACE,wBAGF,+CACE,uBAGF,6BACE,2BAOF,iFACE,kBACA,kBACA,yBAGF,iGACE,uCAMJ,YACE,YAGF,kBACE,uCACA,WAEF,iBACE,WAEF,oCACE,8CAGF,4DACE,0CAGF,mBACE,WACA,YACA,gBACA,mCAEA,oCACE,mCAGF,yBACE,mCACA,gBAOJ,gBACE,YC7wBE,yBD4wBJ,gBAII,aAGF,mCACE,YACA,aACA,sBAEA,mDACE,YACA,cACA,eACA,gBAIJ,iCACE,2BACA,SACA,UCnyBA,yBDgyBF,iCAMI,UAKN,mBACE,kBACA,gCACA,MACA,QACA,UACA,eACA,iBACA,eACA,YACA,iBAEA,sCACE,gBAEA,aACA,sBACA,gBAKF,0CACE,eACA,UACA,SACA,OACA,WACA,mEAGF,2CACE,mEAIJ,kBACE,mBACA,yBAEA,mCACE,oBACA,oBAaJ,gBACE,aACA,OAQF,kBACE,gBACA,gBACA,yBACA,aACA,mBACA,SAGF,mBACE,mBACA,gBACA,sDAGF,mBACE,mBACA,uBACA,aAIF,eACE,2BCn4BE,yBDs4BJ,UAEI,wBCx4BA,yBD44BJ,kBAEI,qBC94BA,yBDk5BJ,eAEI,gBAKJ,kBAIE,cACA,aC95BE,yBDy5BJ,kBAEI,+BAMJ,gBACE,eCl6BE,yBDs6BF,gBACE,SACA,YACA,gBACA,aACA,uCACA,oBACE,kBACA,gBACA,eACA,eACA,SACA,UACA,SACA,SAKJ,mBACE,cACA,gBACA,4CC57BA,yBDu8BJ,iBAEI,eACA,iCACE,iBAMN,kBACE,sBCv9BE,gDDs9BJ,kBAII,uBCr9BA,yBDi9BJ,kBAQI,uBAGF,kCACE,UCl+BA,gDDi+BF,kCAII,YCh+BF,yBD49BF,kCAQI,YAGJ,qCACE,kBACA,cC9+BA,gDD4+BF,qCAKI,YC5+BF,yBDu+BF,qCASI,YAON,4BACE,4CAEA,wIAEE,uCAIJ,2BACE,8BAEA,iCACE,gCAQJ,kCACE,KACE,4BAIJ,wBACE,sBACA,2BACA,2BACA,8BACA,gCAEA,mCAEA,WACA,qBACA,oBACA,cAEA,kBACA,gBACA,UAGF,+BACE,YACA,sCACA,kBACA,MACA,OACA,QACA,YACA,4BACA,sGACA,4BAEA,sCACA,+CACA,6CACA,sCACA,mCAKF,mBACE,sBAEA,YACA,aACA,sBACA,QAGF,yDACE,0CACA,gBACA,UAGF,2EACE,8BEzlCF,WACE,2BACA,4sEAEA,gBACA,kBAGF,MACE,8BAEF,kBACE,iBACA,kBACA,kBACA,gBACA,gBACA,UAEA,UAEF,2CACE,sBAEF,gBACE,kBACA,WACA,YACA,UACA,aACA,8BACA,uBAEF,wDAEE,iCAEF,2CACE,eAEF,kDACE,eACA,sBAEF,4CACE,oCACA,cAEF,iCACE,mBACA,2DACE,mBAGJ,cACE,cACA,WACA,YACA,kBACA,8BAEF,8BACE,kBAIA,wEAEE,YAGF,6CACE,uBACA,qCAKJ,qBACE,mBACA,+SAOE,4BAEF,8LAIE,kBACA,OACA,MACA,WACA,YACA,oBACA,WAEF,+CACE,gFAEF,gDACE,iFAEF,8CACE,+EAEF,iDACE,kFAMF,2CACE,cACA,qBACA,wBACA,8DACE,aAGJ,yDACE,8BAIF,uEACE,6BAIF,qEACE,6BCxIJ,MACE,+BAKF,wCAEE,kBACA,QACA,gDACA,qCACA,uDACA,WACA,eACA,aACA,mBACA,uBACA,gEACA,sFACE,YACA,YACA,oBAEF,oDACE,yBACA,wCACA,+BACA,iBACA,oBACA,qBACA,cAGJ,8DAKE,UACA,WAJA,0EACE,eAKJ,8DAKE,WACA,UAJA,0EACE,eASA,gFACE,mCADF,gFACE,mCAIN,oBACE,aCvDF,mBACE,gBACA,4CACA,qBAEF,sCACE,WAEF,4CACE,+BAEF,4CAEE,+BAEA,kBAEF,kDACE,+BAEF,qBACE,wB;AC1BF,gDACE,aAEA,cAEA,uDACE,WACA,YJQA,yBIVF,uDAKI,WACA,aAIJ,wDACE,WACA,YJFA,iFIKE,WACA,aAIJ,uDACE,WACA,YJZA,yBIUF,uDAKI,WACA,aAIJ,yDACE,gCAEA,2DACE,kBAGF,6GACE,eACA,iRACE,uCAKN,uDACE,8BAEA,yDACE,kBAGF,2GACE,eACA,6QACE,qCAKN,uDACE,8BAEA,yDACE,kBAGF,2GACE,eACA,6QACE,qCAKN,2DACE,kCAEA,6DACE,kBAGF,+GACE,eACA,qRACE,yCAKN,wDACE,+BAEA,0DACE,kBAGF,4GACE,eACA,+QACE,sC;AC1GN,iIACE,iBACA,uIACE,cACA,+CACA,8CAEA,mMACE,wDAEF,kMACE,qDAKN,kIACE,kBACA,WACA,OACA,sBACA,uBACA,gBAIJ,oEACE,a;ACdF,oDACE,mBACA,YACA,mBACA,eACA,gBACA,kBACA,oBACA,mBACA,uBAEA,4DACE,gBACA,gBACA,eAEA,QACA,YAGF,2DACE,gBACA,iBACA,eACA,iBACA,QAGA,gHACE,YAIJ,4DACE,gBACA,kBACA,eACA,iBACA,QAEA,iHACE,aAIJ,2DACE,gBACA,kBACA,SACA,eACA,iBAEA,gHACE,aAIJ,6DACE,4CAxEmB,CAyEnB,sCAxEwB,CAyExB,6CAEA,iEACE,sCA5EsB,CA+ExB,qBACE,mEACE,mDAhFsB,CAiFtB,+CAjFsB,EAqF1B,oEACE,oDArFyB,CAsFzB,gDAtFyB,CA0F7B,+DACE,8CAxFqB,CAyFrB,wCAxF0B,CAyF1B,+CAEA,mEACE,wCA5FwB,CA+F1B,qBACE,qEACE,qDAhGwB,CAiGxB,iDAjGwB,CAkGxB,gDAEA,yEACE,iDAKN,sEACE,sDA1G2B,CA2G3B,kDA3G2B,CA4G3B,iDA4BJ,+DACE,2BAGF,gEACE,mBAGF,6DACE,sDAtJ6B,CAuJ7B,kDAvJ6B,CAwJ7B,mBAEA,uIAEE,sDA5J2B,CAkLjC,qDACE,+BAEA,YACA,uGACE,kBAIJ,kDACE,sBAEA,0DACE,WACA,YAGF,yDACE,WACA,YAGF,0DACE,WACA,YAGF,yDACE,WACA,YAGF,2DACE,sCAtNwB,CAuNxB,6DACE,kBAIJ,6DACE,wCAvN0B,CAwN1B,+DACE,kBAIJ,wDACE,SAIJ,oDACE,kBACA,QACA,SACA,gCAEA,4DACE,WACA,YAGF,2DACE,WACA,YAGF,6DACE,sCAzPwB,C;ACD5B,8DACE,aACA,QACA,mB;ACDF,iDACE,gCAEA,uDACE,6BACA,sCAGF,wDACE,6BACA,sCAOF,uDACE,6BACA,sCAUJ,wDACE,kCAGF,oDACE,gBAGF,uDACE,gCAGF,qDACE,8BAGF,yDACE,8BAGF,uDACE,kCAGF,uDACE,gC;ACxDF,gDACE,eACA,mBACA,uBACA,qBAEA,sDACE,8BAEA,4DACE,gCAIJ,wDACE,8BACA,eACA,iBAEA,8DACE,gCAIJ,uDACE,8BACA,eACA,iBAEA,6DACE,gCAIJ,mGACE,kCAEA,yGACE,gCAIJ,uDACE,6BACA,QAGF,wDACE,6BACA,sCACA,QAGF,uDACE,6BACA,sCACA,QAMA,0DACE,uCAMN,gDACE,sBAEA,uDACE,WACA,YACA,cAGF,wDACE,WACA,YACA,cAGF,uDACE,WACA,YACA,cAOF,sDACE,SAMJ,oDACE,gB;ACtGF,wDACE,kBACA,WACA,UAEA,8DACE,oBACA,mBACA,iBAEA,YACA,eAEA,sEACE,WACA,qBACA,WACA,YACA,cACA,YACA,8CACA,kBACA,kBACA,4BACA,kCACA,sBAGF,qEACE,wBAIJ,8EACE,mDACA,2DACA,yDAGF,oFACE,iDACA,yDAGF,yGACE,iDAGF,4FACE,yDACA,iDAGF,iEACE,4CAEA,uEACE,4CAGF,uFACE,4DACA,oDAIJ,0HACE,yCAGE,kIACE,oDAGF,wIACE,6Z;AC3ER,sDACE,aACA,mBAEA,2GACE,WACA,YACA,UACA,mBAGF,0GACE,eACA,kB;ACbJ,kDACE,kBACA,WAEA,wDACE,YACA,WACA,sBACA,SACA,UACA,YACA,aACA,iBACA,oBAEA,4XAIE,wBACA,SAEF,2TAIE,6BACA,wCAEF,2FACE,aAGF,wEACE,gBAIA,yFACE,aAMA,qUACE,mBAKN,iEACE,mBAKF,gEACE,mBACA,eACA,YACA,yCAEF,4GACE,UACA,+CAEA,kHACE,iBAKN,uEACE,mBAGF,wEACE,mBAIA,0GACE,8CAEF,8JACE,wDAEF,6JACE,qDAGF,8DACE,+BACA,YACA,4BACA,4BACA,UACA,gBAEA,2EACE,8CAGF,uEACE,4CAEA,oFACE,wDAUJ,iHACE,cAOJ,0GACE,OACA,+CAEA,gHACE,iBAMJ,8GACE,8CAEF,kKACE,wDAEF,iKACE,qDAGF,kEACE,wDACA,oDACA,4BACA,4BAEA,+EACE,8CAGF,2EACE,0DACA,uDAEA,wFACE,wDAIJ,4EACE,0DAEA,yFACE,wDAGJ,wEACE,wDAGF,qHACE,uDAUR,kDACE,kBACA,OACA,QAGF,kDACE,kBACA,eAEA,yDACE,WACA,YACA,WACA,QACA,2BAGF,0DACE,WACA,YACA,WACA,QACA,2BAGF,iEACE,WAGF,4DACE,8BAEA,kEACE,qCAKN,iDACE,kBACA,eAEA,wDACE,WACA,YACA,WACA,QACA,2BAGF,yDACE,WACA,YACA,WACA,QACA,2BAGF,2DACE,8BAEA,iEACE,qCAKN,mDACE,kBAEA,0DACE,WACA,YACA,WACA,QACA,2BAGF,2DACE,WACA,YACA,WACA,QACA,2BAGF,6DACE,8B;ACpRJ,uDACE,kD;ACDF,wDACE,YACA,mBACA,sCACA,kD;ACJF,yDACE,mBAIF,yDACE,kB;ACJF,sDACE,SACA,gCAEA,0DACE,iCACA,qCACA,0ChBQA,yBgBXF,0DAMI,iCACA,qCACA,2CAIJ,0DACE,iCACA,qCAGF,0DACE,iCACA,qCACA,0ChBTA,yBgBMF,0DAMI,iCACA,qCACA,2CAIJ,0DACE,iCACA,qCACA,0CAGF,0DACE,iCACA,qCAIJ,2DACE,kCAGF,6DACE,8BAGF,uDACE,gBAGF,0DACE,gCAGF,wDACE,8BAGF,2DACE,gCAGF,0DACE,gCAGF,yDACE,kB;AC5EF,oDACE,aAGF,sDACE,kBACA,WACA,YACA,sCACA,OACA,MACA,aACA,mBACA,uBACA,UAEA,0GACE,WACA,YACA,8BAIJ,mDACE,eACA,WACA,YACA,sCACA,OACA,MACA,aACA,mBACA,uBACA,YAEA,uGACE,WACA,YACA,8B;ACpCJ,8EACE,GACE,WAEF,KACE,WAGJ,6DACE,WACA,kBACA,gBACA,WACA,OACA,QACA,yCAPF,6DAUI,gBAGJ,mHACE,UACA,kBACA,WACA,kBACA,uCACA,UACA,4BAEF,2KACE,UACA,kFACA,sBACA,mCACA,sCAEF,sHACE,UAEF,8KACE,U;ACzCF,mDACE,WACA,aACA,SAEA,0DACE,OnBSA,yBmBfJ,mDAUI,uB;ACXF,0GACE,iBACA,gHACE,cACA,+CACA,8CAEA,qKACE,wDAEF,oKACE,qDAKN,4GACE,kBACA,WACA,OACA,sBACA,uBACA,gBAIJ,4DACE,a;AC1BF,6DACE,aACA,mBACA,kBACA,WACA,YAGF,yDACE,aACA,kBAEA,qHACE,sBAIJ,4DACE,UACA,gBAEA,+GACE,UAKF,2HACE,gBACA,aAIJ,oEACE,aAGF,0DACE,eACA,cACA,kBACA,iBrB1BE,yBqBsBJ,0DAOI,crBlCA,gDqB2BJ,0DAWI,cAGF,kEACE,aAEF,gEACE,uBACA,WACA,YAEA,sEACE,UAGJ,gEACE,uBACA,YACA,YAEA,sEACE,WAGJ,gEACE,8BACA,2BACA,0BACA,yBACA,sBACA,oBAEF,iEACE,2BACA,wBACA,uBACA,sBACA,mBAIJ,2DACE,eACA,iBACA,cACA,WACA,kBACA,YACA,UACA,SACA,oBACA,mBACA,sCACA,U;ACtGA,0GACE,kBACA,iBACA,eAEF,0GACE,kBACA,QACA,QACA,2B;ACVJ,kEACE,aAGE,8EACE,qCACA,wCACA,6BAKF,+EACE,yBACA,4B;ACdN,oDACE,yBACA,mBACA,WACA,YACA,aACA,mBACA,kBACA,eACA,mBAEA,oEACE,kBACA,OACA,WACA,YACA,yBACA,mBAEA,gBAGF,mEACE,kBACA,mBAGF,0DACE,kBACA,SACA,QACA,UACA,gBAIF,uGACE,yBAEA,uHACE,yBACA,uB;ACxCJ,4GACE,iBACA,kHACE,cACA,+CACA,8CAEA,wKACE,wDAEF,uKACE,qDAeR,6DACE,a;AC1BF,wDACE,kBACA,mBACA,gBACA,YACA,mBACA,eACA,gBACA,kBAEA,+DACE,iBACA,eAGF,iEACE,iBACA,eAGF,+DACE,kBAGF,iEACE,sBACA,sBACA,WACA,oBAEA,wEACE,yBAGF,wCACE,uEACE,WACA,yBACA,sBAKN,+DACE,cACA,oBACA,kBACA,eACA,iBACA,gBAEA,wHACE,mBACA,WAYJ,mEACE,sBACA,WACA,oBACA,0CACA,mBACA,kBAEA,0EACE,yBAGF,4HACE,yBACA,WAGF,wCACE,yEACE,WACA,0BAKN,6DACE,kCACA,8BACA,iBAEA,sHACE,gEACA,0CAGF,kEACE,eACA,iBAQJ,iEACE,wDACA,4DACA,sCACA,gBACA,WACA,kBACA,uBACA,0HACE,oEACA,8CAGF,6EACE,0BAGF,4EACE,0BAIJ,+DACE,WAEA,qEACE,cACA,oBAGF,sEACE,cAKN,yDACE,oBACA,YACA,+GACE,kBAIJ,sDACE,sBAEA,6DACE,WACA,YACA,gBAGF,8DACE,WACA,YACA,gBAGF,6DACE,WACA,YACA,iBAGF,+DACE,sCAIJ,wDACE,uCAIF,gEACE,aAEA,WACA,cAGA,sCACA,qBAEA,+FACE,yBAEF,kEACE,wBAGF,mFACE,WAGF,yFACE,WACA,+BACA,kBAGF,yFACE,+B;ACrNJ,yDACE,kBACA,WAEA,kEACE,aACA,YACA,YACA,WACA,sBACA,SACA,UACA,YACA,aACA,iBACA,oBAEA,oaAIE,wBACA,SAEF,mWAIE,6BACA,wCAEF,qGACE,aAGF,kFACE,gBAIA,mGACE,aAMA,mWACE,mBAKN,2EACE,mBAIJ,yEACE,kBACA,iBACA,6BAGF,0EACE,mBACA,kBACA,iBACA,yCAGF,yEACE,mBACA,kBACA,iBACA,wC3BjEA,gD2BoEF,kFAEI,kBACA,kBACA,8B3BnEF,yB2B+DF,kFAQI,kBACA,iBACA,8BAIJ,iFACE,mBAGF,gFACE,mBAGF,kFACE,mBAGF,iFACE,mBAMF,iFACE,oBAGF,4EACE,oCACA,oDACA,4BACA,4BAEA,qFACE,0DACA,4CAGF,yFACE,8CAEF,sFACE,0DAEF,kFACE,wDAGF,mIACE,qDACA,uDAIJ,0EACE,sDACA,kDACA,4BACA,4BAEA,uFACE,4CAGF,mFACE,wDACA,qDAEA,gGACE,sDAIJ,oFACE,wDAEA,iGACE,sDAGJ,gFACE,sDACA,8DACA,+BAGF,iIACE,qDAEA,8IACE,mDAMR,sDACE,kBACA,eACA,WACA,QACA,2BAEA,6DACE,WACA,YAGF,8DACE,WACA,YAGF,6DACE,WACA,YAGF,oEACE,WAGF,qEACE,WAGF,oEACE,WAIJ,qDACE,kBACA,eAEA,4DACE,WACA,YACA,WACA,QACA,2BAGF,6DACE,WACA,YACA,WACA,QACA,2BAGF,4DACE,WACA,YACA,WACA,QACA,2BAIJ,uDACE,kBAEA,8DACE,WACA,YACA,WACA,QACA,2BAGF,+DACE,qC;ACpQJ,+DACE,kBACA,eACA,gBACA,gBACA,uBACA,aAEA,mCAEA,qEACE,WACA,kBACA,WACA,YACA,SACA,OACA,yD5BFA,yB4BfJ,+DAqBI,gBAIJ,4DACE,YACA,cACA,kEACE,aAIJ,4DACE,eACA,qBACA,WAGA,wCACE,sEACE,2BAIJ,gEACE,cAGF,0HACE,yB;ACpDJ,sDACE,iBACA,oBACA,eACA,gBACA,aACA,sBACA,mBACA,WACA,aACA,UAGA,gCAEA,0GACE,kBACA,WACA,YAGA,kBAEA,sBAIJ,mDACE,kBAEA,uGACE,QACA,sBACA,yCAIJ,oDACE,iBAEA,wGACE,QACA,uBACA,yCAIJ,kDACE,iBAEA,sGACE,qBACA,SACA,yCAIJ,qDACE,kBAEA,yGACE,wBACA,SACA,yC","file":"main.css","sourcesContent":[":root {\n //Font sizes\n --size-text-xs: 10px;\n --size-text-s: 12px;\n --size-text-m: 14px;\n --size-text-l: 16px;\n --size-text-xl: 20px;\n\n --text-line-height-s: 16px;\n --text-line-height-m: 18px;\n --text-line-height-l: 20px;\n\n --size-heading-s: 18px;\n --size-heading-m: 24px;\n --size-heading-l: 28px;\n --size-heading-xl: 36px;\n --size-heading-xxl: 48px;\n\n --heading-size-h1: 28px;\n --heading-size-h2: 24px;\n --heading-size-h3: 18px;\n --heading-size-h4: 18px;\n --heading-size-h5: 16px;\n\n --heading-weight-h1: bold;\n --heading-weight-h2: bold;\n --heading-weight-h3: bold;\n --heading-weight-h4: 600;\n --heading-weight-h5: bold;\n\n --heading-line-height-h1: 36px;\n --heading-line-height-h3: 18px;\n --heading-line-height-h5: 20px;\n\n //Colors\n --color-text-default: #212121;\n --color-text-headers: #212121;\n --color-text-secondary: #8b8b8b;\n --color-text-disabled: #cccccc;\n --color-text-inverse: #ffffff;\n --color-text-warning: #ff8d27;\n --color-text-error: #ff4444;\n --color-text-success: #00B649;\n --color-text-default: #212121;\n --color-text-brand: #8227c7;\n --color-text-brand-2: #9d43e1;\n\n --color-bg-base-1: #ffffff;\n --color-bg-base-2: #f6f6f6;\n --color-bg-base-3: #d1cfd7;\n --color-bg-base-4: #212121;\n --color-bg-success-1: #f0f9f1;\n --color-bg-success-2: #5bb767;\n --color-bg-brand: #8227c7;\n --color-bg-brand-2: #731bb6;\n --color-bg-brand-3: #9d43e1;\n --color-bg-brand-plate: #f7f2fc;\n --color-bg-brand-plate-2: #efdbff;\n\n --color-icon-white: #ffffff;\n --color-icon-black: #212121;\n --color-icon-basic-1: #8b8b8b;\n --color-icon-basic-2: #c8c8c8;\n --color-icon-disable: #cccccc;\n --color-icon-brand: #8227c7;\n --color-icon-success: #009935;\n --color-icon-error: #f96666;\n\n --color-border-basic: #c8c8c8;\n --color-border-brand: #8227c7;\n --color-border-error: #f96666;\n\n //Button\n --button-default-color-text: #ffffff;\n --button-default-color-text--disabled: #8b8b8b;\n --button-default-color: #8227c7;\n --button-default-color--active: #731bb6;\n --button-default-color--hover: #9d43e1;\n --button-default-color--disabled: #d1cfd7;\n\n --button-secondary-color-text: #212121;\n --button-secondary-color-text--hover: #ffffff;\n --button-secondary-color-text--active: #ffffff;\n --button-secondary-color: #f8f8f8;\n --button-secondary-color--active: #731bb6;\n --button-secondary-color--hover: #9d43e1;\n --button-secondary-color--disabled: #d1cfd7;\n\n //TagButton\n --tag-button-default-color: #8227c7;\n --tag-button-default-color--active: #ffffff;\n --tag-button-default-background-color: #ffffff;\n --tag-button-default-background-color--active: #8227c7;\n --tag-button-default-background-color--hover: #9d43e1;\n --tag-button-default-border-color: #8227c7;\n\n --tag-button-tab-color: #8B8B8B;\n --tag-button-tab-color--active: #FFFFFF;\n --tag-button-tab-background-color: transparent;\n --tag-button-tab-background-color--active: #5BB767;\n\n //Icon\n --icon-default-color: #8b8b8b;\n --icon-default-color--active: #731bb6;\n --icon-default-color--hover: #9d43e1;\n\n --icon-warning-color: #ff8d27;\n --icon-warning-color--active: #ff8d27;\n --icon-warning-color--hover: #ff8d27;\n\n --icon-light-color: #C8C8C8;\n --icon-light-color--active: #731bb6;\n --icon-light-color--hover: #9d43e1;\n\n --icon-black-color: #000000;\n --icon-black-color--active: #731bb6;\n --icon-black-color--hover: #9d43e1;\n\n --icon-attention-color: #8227c7;\n --icon-attention-color--active: #731bb6;\n --icon-attention-color--hover: #9d43e1;\n\n --icon-revert-color: #ffffff;\n --icon-revert-color--active: #ffffff;\n --icon-revert-color--hover: #ffffff;\n\n //Input\n --input-filled-placeholder-color: #8b8b8b;\n --input-filled-placeholder-color--error: #ff4444;\n --input-filled-placeholder-color--disabled: #cccccc;\n\n --input-filled-background-color: #F6F6F6;\n --input-filled-background-color--active: #F6F6F6;\n\n --input-filled-color: #000000;\n --input-filled-color--error: #000000;\n --input-filled-color--disabled: #cccccc;\n\n --input-filled-border-color: #F6F6F6;\n --input-filled-border-color--disabled: #F6F6F6;\n --input-filled-border-color--error: #ff4444;\n --input-filled-border-color--active: #8227c7;\n\n --input-outlined-placeholder-color: #8b8b8b;\n --input-outlined-placeholder-color--error: #ff4444;\n --input-outlined-placeholder-color--disabled: #cccccc;\n\n --input-outlined-background-color: #ffffff;\n\n --input-outlined-color: #000000;\n --input-outlined-color--error: #000000;\n --input-outlined-color--disabled: #cccccc;\n\n --input-outlined-border-color: #c8c8c8;\n --input-outlined-border-color--disabled: #c8c8c8;\n --input-outlined-border-color--error: #ff4444;\n --input-outlined-border-color--active: #8227c7;\n\n --input-no-border-color: #ffffff;\n\n --input-icon-color: #b6b6b6;\n --input-icon-color--hover: #8b8b8b;\n --input-icon-color--active: #8b8b8b;\n\n --input-font-size--small: 14px;\n --input-font-size--medium: 16px;\n --input-font-size--large: 16px;\n\n --input-line-height--small: 20px;\n --input-line-height--medium: 20px;\n --input-line-height--large: 20px;\n\n --input-label-font-size--small: 12px;\n --input-label-font-size--medium: 12px;\n --input-label-font-size--large: 12px;\n\n // Dropdown\n --select-item-background-color: #e6d4f4;\n --select-item-color: #9d43e1;\n\n // Radio\n --radio-border-color--checked: #8227c7;\n --radio-border-color--hover: #9d43e1;\n\n // Checkbox\n --checkbox-border-color: #c8c8c8;\n --checkbox-border-color--checked: #8227c7;\n --checkbox-border-color--error: #ff4444;\n --checkbox-border-color--hover: #9d43e1;\n --checkbox-border-color--disabled: #d1cfd7;\n\n --checkbox-label-color--disabled: #cccccc;\n --checkbox-label-color--error: #ff4444;\n\n --checkbox-background-color--checked: #8227c7;\n --checkbox-background-color--hover: #9d43e1;\n --checkbox-background-color--disabled: #d1cfd7;\n --checkbox-background-color--error: #ff4444;\n\n // DatePicker\n --date-picker-label-color--attention: #8227c7;\n --date-picker-label-color--addition: #8b8b8b;\n\n --date-picker-background-color--selected: #8227c7;\n --date-picker-background-color--hover: #efdbff;\n\n --date-picker-background-color--hover: #E6D4F4;\n\n // Link\n --link-font-size--small: 12px;\n --link-font-size--medium: 14px;\n --link-font-size--large: 16px;\n\n --link-line-height--small: 16px;\n --link-line-height--medium: 18px;\n --link-line-height--large: 20px;\n\n --link-color: #8227c7;\n --link-color--hover: #9d43e1;\n --link-color--active: #9d43e1;\n\n --link-href-underline: solid;\n --link-action-underline: dashed;\n\n // Selector\n --selector-color: #8227C7;\n --selector-color--hover: #9d43e1;\n\n // Other\n --dropdown-box-shadow: 0px 4px 40px rgba(33, 35, 40, 0.1);\n --dropdown-background-color: #ffffff;\n}\n","@import \"./variables\";\n\n.ant-collapse-header {\n padding-left: 0 !important;\n padding: 20px 0 !important;\n}\n\n.ant-collapse-content > .ant-collapse-content-box {\n padding: 0;\n}\n\n.ant-collapse-content-box {\n padding-top: 0 !important;\n padding-bottom: 12px;\n}\n\nmark {\n padding: 0;\n}\n\n.modal-no-padding {\n width: auto !important;\n .ant-modal-body {\n padding: 0;\n }\n .ant-modal-content {\n width: max-content;\n margin: 0 auto;\n }\n}\n\n/* Select */\n\n.ant-select.ant-select-customize-input {\n display: flex;\n flex-direction: column;\n width: 100%;\n font-family: \"ALS Hauss\";\n height: 48px;\n\n & .ant-select-selection-search-input {\n outline: none !important;\n }\n\n &.select-stacked {\n .ant-select-arrow,\n .ant-select-clear {\n right: 4px;\n }\n\n .ant-select-selector {\n border: 12px 0 0 12px;\n }\n\n .ant-select-selection-item {\n padding: 0 8px;\n }\n }\n\n .ant-select-clear {\n margin-top: 0;\n transform: translateY(-50%);\n right: 10px;\n\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .ant-select-arrow {\n width: 24px;\n height: 24px;\n margin-top: 0;\n transform: translateY(-50%);\n right: 16px;\n\n\n & > svg {\n color: var(--input-outlined-placeholder-color);\n width: 100%;\n height: 100%;\n }\n }\n\n .ant-select-selector {\n height: 100%;\n border: 1px solid var(--input-outlined-border-color);\n background-color: var(--input-outlined-background-color);\n border-radius: 12px;\n\n & .ant-select-selection-placeholder {\n color: var(--input-outlined-placeholder-color);\n top: 50%;\n transform: translateY(-50%);\n padding-left: 16px;\n font-size: var(--input-font-size--medium);\n\n @include respond(mobile) {\n font-size: var(--input-font-size--small);\n }\n }\n\n & .ant-select-selection-search {\n position: absolute;\n left: 0;\n\n input {\n width: 100%;\n border: none;\n background-color: transparent;\n height: 100%;\n padding: 0 16px;\n font-size: var(--input-font-size--medium);\n padding-bottom: 1px;\n\n @include respond(mobile) {\n font-size: var(--input-font-size--small);\n }\n }\n }\n }\n\n &.input-no-border .ant-select-selector {\n border-color: var(--input-no-border-color) !important;\n\n .ant-select-selection-item {\n line-height: 48px;\n position: absolute;\n width: 100%;\n left: 0;\n top: 0;\n }\n }\n\n .ant-select-selection-item {\n height: 100%;\n padding: 0 16px;\n line-height: 46px;\n font-size: var(--input-font-size--medium);\n\n @include respond(mobile) {\n font-size: var(--input-font-size--small);\n }\n }\n\n &.ant-select-open {\n & .ant-select-selector {\n border-color: var(--input-outlined-border-color--active);\n }\n & .ant-select-arrow {\n transform: translateY(-50%) rotate(180deg);\n }\n\n & .ant-select-selection-item {\n color: var(--input-outlined-color)\n }\n }\n\n &.ant-select-disabled {\n cursor: not-allowed;\n .ant-select-selector {\n border-color: var(--input-outlined-border-color--disabled);\n\n .ant-select-selection-placeholder {\n color: var(--input-outlined-placeholder-color--disabled);\n }\n\n .ant-select-selection-item {\n color: var(--input-outlined-color--disabled);\n }\n }\n\n .ant-select-arrow svg {\n color: var(--input-outlined-placeholder-color--disabled);\n }\n }\n\n &:not(.ant-select-disabled):hover {\n .ant-select-selector {\n border-color: var(--input-outlined-border-color);\n }\n &.ant-select-open .ant-select-selector {\n border-color: var(--input-outlined-border-color--active);\n }\n }\n\n\n &.select-error {\n .ant-select-selector {\n border-color: var(--input-outlined-border-color--error) !important;\n\n .ant-select-selection-placeholder {\n // color: var(--input-outlined-placeholder-color--error);\n }\n }\n\n .ant-select-arrow svg {\n color: var(--input-outlined-placeholder-color--error);\n }\n\n &.input-no-border {\n .ant-select-selector {\n .ant-select-selection-placeholder {\n color: var(--input-outlined-placeholder-color) !important;\n }\n }\n }\n }\n}\n\n/* Tag-Box */\n\n.ant-select.ant-tag-box-customize-input {\n display: flex;\n flex-direction: column;\n width: 100%;\n font-family: \"ALS Hauss\";\n height: 48px;\n\n\n .ant-select-clear {\n width: 24px;\n height: 24px;\n margin-top: 0;\n transform: translateY(-50%);\n right: 16px;\n }\n\n .ant-select-selection-item-remove {\n display: flex;\n align-items: center;\n\n &:hover > svg {\n color: var(--icon-default-color--hover);\n }\n }\n\n .ant-select-arrow {\n width: 24px;\n height: 24px;\n margin-top: 0;\n transform: translateY(-50%);\n right: 16px;\n\n\n & > svg {\n color: var(--input-outlined-placeholder-color);\n width: 100%;\n height: 100%;\n }\n }\n\n .ant-select-selector {\n height: 100%;\n border: 1px solid var(--input-outlined-border-color);\n background-color: var(--input-outlined-background-color);\n border-radius: 12px;\n\n & .ant-select-selection-placeholder {\n color: var(--input-outlined-placeholder-color);\n top: 50%;\n transform: translateY(-50%);\n padding-left: 16px;\n font-size: var(--input-font-size--medium);\n\n @include respond(mobile) {\n font-size: var(--input-font-size--small);\n }\n }\n\n & .ant-select-selection-search {\n position: absolute;\n left: 0;\n\n input {\n width: 100%;\n border: none;\n background-color: transparent;\n height: 100%;\n padding: 0 16px;\n font-size: var(--input-font-size--medium);\n padding-bottom: 1px;\n\n @include respond(mobile) {\n font-size: var(--input-font-size--small);\n }\n }\n }\n }\n\n .ant-select-selection-overflow {\n gap: 8px\n }\n\n .ant-select-selection-item {\n height: 100%;\n padding: 0 8px 0 16px;\n gap: 8px;\n line-height: 32px;\n margin: 0;\n font-size: var(--input-font-size--medium);\n\n @include respond(mobile) {\n font-size: var(--input-font-size--small);\n }\n }\n\n &.ant-select-multiple .ant-select-selector {\n padding: 0 16px;\n }\n\n &.ant-select-open {\n & .ant-select-selector {\n border-color: var(--input-outlined-border-color--active);\n }\n & .ant-select-arrow {\n transform: translateY(-50%) rotate(180deg);\n }\n\n & .ant-select-selection-item {\n color: var(--input-outlined-color)\n }\n }\n\n &.ant-select-disabled {\n cursor: not-allowed;\n .ant-select-selector {\n border-color: var(--input-outlined-border-color--disabled);\n\n .ant-select-selection-placeholder {\n color: var(--input-outlined-placeholder-color--disabled);\n }\n\n .ant-select-selection-item {\n color: var(--input-outlined-color--disabled);\n }\n }\n\n .ant-select-arrow svg {\n color: var(--input-outlined-placeholder-color--disabled);\n }\n }\n\n &:not(.ant-select-disabled):hover {\n .ant-select-selector {\n border-color: var(--input-outlined-border-color);\n }\n &.ant-select-open .ant-select-selector {\n border-color: var(--input-outlined-border-color--active);\n }\n }\n\n &.select-error {\n .ant-select-selector {\n border-color: var(--input-outlined-border-color--error) !important;\n\n .ant-select-selection-placeholder {\n // color: var(--input-outlined-placeholder-color--error);\n }\n }\n\n .ant-select-arrow svg {\n color: var(--input-outlined-placeholder-color--error);\n }\n }\n\n &.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {\n box-shadow: none;\n border-color: var(--input-outlined-border-color--active);\n }\n}\n\n/* Dropdown */\n\n.ant-select-dropdown {\n padding: 4px;\n border-radius: 12px;\n box-shadow: var(--dropdown-box-shadow);\n\n .rc-virtual-list-holder-inner {\n gap: 4px;\n }\n\n .ant-select-item {\n font-size: var(--input-font-size--medium);\n padding: 8px;\n border-radius: 4px;\n }\n\n .ant-select-item.ant-select-item-option {\n transition: background-color 0.1s;\n border-radius: 8px;\n padding: 4px 8px;\n min-height: auto;\n font-size: var(--input-font-size--medium);\n line-height: var(--input-line-height--medium);\n }\n .ant-select-item-option-active:not(.ant-select-item-option-disabled) {\n background: transparent;\n color: var(--select-item-color);\n }\n .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {\n background: var(--select-item-background-color);\n font-weight: normal;\n color: var(--select-item-color);\n }\n}\n\n\n/* Radio */\n.ant-radio-group-customize {\n display: flex;\n gap: 12px;\n &.horizontal {\n flex-direction: row;\n }\n\n &.vertical {\n flex-direction: column;\n }\n}\n\n.ant-radio-customize {\n margin: 0;\n align-items: center;\n &.ant-radio-wrapper:hover .ant-radio,\n .ant-radio:not(.ant-radio-disabled):hover .ant-radio-inner,\n .ant-radio-input:focus + .ant-radio-inner {\n border-color: var(--radio-border-color--hover);\n }\n\n .ant-radio {\n top: 0;\n }\n\n .ant-radio-inner {\n border-width: 1px;\n width: 20px;\n height: 20px;\n transition: none;\n box-shadow: none !important;\n &::after {\n display: none;\n }\n }\n .ant-radio.ant-radio-checked {\n &::after {\n display: none;\n }\n .ant-radio-inner {\n border-color: var(--radio-border-color--checked);\n border-width: 6px;\n }\n }\n}\n\n\n/* Picker */\n.ant-picker-dropdown.ant-picker-dropdown-range {\n padding: 0;\n}\n\n.ant-picker.ant-picker-borderless {\n background-color: var(--input-outlined-background-color) !important;\n}\n\n.ant-picker-range-wrapper {\n @include respond(mobile) {\n min-width: auto !important;\n }\n}\n\n.ant-picker {\n border-radius: 12px;\n padding: 0 8px 0 16px;\n height: 48px;\n width: 100%;\n border: 1px solid var(--input-outlined-border-color);\n\n\n\n &.input-no-border {\n border-color: var(--input-no-border-color) !important;\n\n &.date-picker-error {\n border-color: var(--input-outlined-border-color--error) !important;\n }\n\n &:not(.ant-picker-disabled).date-picker-error:hover,\n &:not(.ant-picker-disabled).date-picker-error {\n border-color: var(--input-outlined-border-color--error);\n\n .ant-picker-input input::placeholder {\n // color: var(--input-outlined-placeholder-color) !important;\n }\n\n .ant-picker-suffix {\n & svg {\n color: var(--input-outlined-placeholder-color) !important;\n }\n }\n }\n }\n\n .ant-picker-active-bar {\n display: none;\n }\n\n .ant-picker-input > input {\n font-size: var(--input-font-size--medium);\n height: 48px;\n\n @include respond(mobile) {\n font-size: var(--input-font-size--small);\n }\n }\n\n &:not(.ant-picker-disabled):hover {\n border-color: var(--input-outlined-border-color);\n\n }\n &:not(.ant-picker-disabled).ant-picker-focused,\n &:not(.ant-picker-disabled).ant-picker-focused:hover {\n border-color: var(--input-outlined-border-color--active);\n outline: none;\n box-shadow: none;\n }\n\n &:not(.ant-picker-disabled).date-picker-error,\n &:not(.ant-picker-disabled).date-picker-error:hover {\n border-color: var(--input-outlined-border-color--error);\n\n .ant-picker-input > input::placeholder {\n // color: var(--input-outlined-placeholder-color--error);\n }\n\n .ant-picker-suffix {\n & svg {\n color: var(--input-outlined-placeholder-color--error);\n }\n }\n }\n\n .ant-picker-suffix,\n .ant-picker-clear {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n & div {\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n & svg {\n width: 24px;\n height: 24px;\n }\n\n @include respond(mobile) {\n width: 28px !important;\n height: 24px !important;\n }\n }\n}\n\n.ant-picker-panel-container {\n border-radius: 12px;\n box-shadow: var(--dropdown-box-shadow);\n\n .ant-picker-panel {\n border-bottom: none;\n }\n}\n\n.ant-picker-cell .ant-picker-cell-inner {\n &::before {\n display: none;\n }\n}\n\n.ant-picker-content {\n & thead {\n transform: translateY(-8px);\n & tr th {\n text-transform: capitalize;\n font-weight: 550;\n color: var(--date-picker-label-color--addition);\n\n &:nth-last-child(1),\n &:nth-last-child(2) {\n color: var(--date-picker-label-color--attention);\n }\n }\n }\n}\n\n.ant-picker-header {\n border-bottom: none;\n margin: 0 auto;\n}\n\n.ant-picker-footer {\n border-top: none;\n // display: none;\n}\n\n.ant-picker-header-super-next-btn,\n.ant-picker-header-super-prev-btn {\n display: none;\n}\n\n.ant-picker-prev-icon,\n.ant-picker-next-icon {\n color: var(--date-picker-label-color--attention);\n\n &::before {\n width: 8px;\n height: 8px;\n }\n}\n\n.ant-picker-date-panel .ant-picker-cell .ant-picker-cell-inner {\n border-radius: 100%;\n}\n\n.ant-picker-header-view {\n flex: none;\n color: var(--date-picker-label-color--attention);\n padding-top: 4px;\n\n & .ant-picker-month-btn,\n & .ant-picker-year-btn {\n pointer-events: none;\n user-select: none;\n }\n\n & .ant-picker-month-btn {\n text-transform: capitalize;\n }\n}\n\n.ant-picker-header-prev-btn,\n.ant-picker-header-next-btn {\n width: 40px;\n}\n\n.ant-picker-header-view button:hover {\n color: var(--date-picker-font-color)\n}\n\n.ant-picker-range .ant-picker-active-bar,\n.ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner,\n.ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner,\n.ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner,\n.ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner {\n background-color: var(--date-picker-background-color--selected) !important;\n font-weight: 500;\n}\n\n.ant-picker-cell-in-view.ant-picker-cell-range-hover-start:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after,\n.ant-picker-cell-in-view.ant-picker-cell-range-hover-end:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after,\n.ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start-single::after,\n.ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-end-near-hover::after,\n.ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-start-near-hover::after,\n.ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-end-single::after,\n.ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-in-range)::after {\n border: none !important;\n background-color: var(--date-picker-background-color--hover);\n font-weight: 500;\n right: 0;\n // border-radius: 0 20px 20px 0;\n}\n\ntr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:last-child::after,\ntr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::after,\n.ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-edge-end.ant-picker-cell-range-hover-edge-end-near-range::after,\n.ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover-edge-end-near-range)::after,\n.ant-picker-cell-in-view.ant-picker-cell-range-hover-end::after {\n border-radius: 0 20px 20px 0;\n right: 6px !important;\n}\n\ntr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:first-child::after,\ntr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child::after,\n.ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start.ant-picker-cell-range-hover-edge-start-near-range::after,\n.ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover-edge-start-near-range)::after,\n.ant-picker-cell-in-view.ant-picker-cell-range-hover-start::after {\n border-radius: 20px 0 0 20px;\n left: 6px !important;\n}\n\n.ant-picker-cell-in-view.ant-picker-cell-range-hover-start:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start-single::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-end-near-hover::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-start-near-hover::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-end-single::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-in-range)::after {\n transition: none;\n}\n\n.ant-picker-cell-range-hover-start::after,\n.ant-picker-cell-range-hover-end::after,\n.ant-picker-cell-range-hover::after {\n left: 0;\n}\n\n.ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after,\n.ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after,\n.ant-picker-cell-in-view.ant-picker-cell-in-range::before,\n.ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single)::before,\n.ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single)::before {\n background-color: var(--date-picker-background-color--hover) !important;\n}\n\n.ant-picker-cell:hover:not(.ant-picker-cell-in-view) .ant-picker-cell-inner,\n.ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end) .ant-picker-cell-inner {\n background-color: var(--date-picker-background-color--hover) !important;\n}\n\n\n@include respond(mobile) {\n .ant-picker-panels > *:first-child button.ant-picker-header-next-btn {\n visibility: visible !important;\n }\n\n .ant-picker-panels > *:first-child button.ant-picker-header-super-next-btn {\n visibility: visible !important;\n }\n\n .ant-picker-panels > *:last-child {\n display: none !important;\n }\n\n .ant-picker-panel-container, .ant-picker-footer {\n width: 280px !important;\n }\n\n .ant-picker-footer-extra > div {\n flex-wrap: wrap !important;\n }\n}\n\n/* Tooltip */\n\n.ant-tooltip-customize, .ant-slider-tooltip {\n .ant-tooltip-inner {\n border-radius: 8px;\n padding: 12px 16px;\n background-color: #212121;\n }\n\n .ant-tooltip-arrow-content {\n --antd-arrow-background-color: #212121;\n }\n}\n\n/* Slider */\n\n.ant-slider {\n margin: 10px;\n}\n\n.ant-slider-track {\n background-color: var(--selector-color);\n height: 2px;\n}\n.ant-slider-rail {\n height: 2px;\n}\n.ant-slider:hover .ant-slider-track {\n background-color: var(--selector-color--hover);\n}\n\n.ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open) {\n border-color: var(--selector-color--hover);\n}\n\n.ant-slider-handle {\n width: 20px;\n height: 20px;\n margin-top: -9px;\n border-color: var(--selector-color);\n\n &.ant-tooltip-open {\n border-color: var(--selector-color);\n }\n\n &:focus {\n border-color: var(--selector-color);\n box-shadow: none;\n }\n}\n\n\n\n/* Modal */\n.ant-modal-full {\n height: 80vh;\n\n @include respond(mobile) {\n height: 100%;\n }\n\n & .ant-modal-content {\n height: 100%;\n display: flex;\n flex-direction: column;\n\n & .ant-modal-body {\n height: 100%;\n overflow: auto;\n padding-left: 0;\n padding-right: 0;\n }\n }\n\n & .ant-modal-close {\n transform: translateY(-50%);\n top: 48px;\n right: 8px;\n\n @include respond(mobile) {\n top: 44px;\n }\n }\n}\n\n.ant-modal-sidebar {\n width: max-content;\n transform-origin: 83px 216.116px;\n top: 0;\n right: 0;\n left: auto;\n margin: initial;\n margin-left: auto;\n transform: none;\n height: 100%;\n padding-bottom: 0;\n\n & .ant-modal-content {\n border-radius: 0;\n\n display: flex;\n flex-direction: column;\n min-height: 100%;\n }\n}\n\n.ant-modal-footer-fixed {\n .ant-modal-footer {\n position: fixed;\n z-index: 9;\n bottom: 0;\n left: 0;\n width: 100%;\n padding-bottom: calc(20px + env(safe-area-inset-bottom)) !important;\n }\n\n .ant-modal-content {\n padding-bottom: calc(68px + env(safe-area-inset-bottom)) !important;\n }\n}\n\n.ant-modal-header {\n border-bottom: none;\n padding: 24px 24px 0 24px;\n\n .ant-modal-title {\n font-weight: initial;\n line-height: initial;\n }\n\n\n // @include respond(mobile) {\n // padding: 24px 12px;\n // }\n\n // @include respond(tablet) {\n // padding: 24px 20px;\n // }\n}\n\n.ant-modal-body {\n padding: 24px;\n flex: 1;\n\n // @include respond(mobile) {\n // padding-bottom: calc(24px + env(safe-area-inset-bottom)) !important;\n // }\n\n}\n\n.ant-modal-footer {\n border-top: none;\n text-align: left;\n padding: 0 24px 24px 24px;\n display: flex;\n flex-direction: row;\n gap: 16px;\n}\n\n.ant-modal-content {\n border-radius: 12px;\n overflow: hidden;\n padding-bottom: env(safe-area-inset-bottom) !important;\n}\n\n.ant-modal-close-x {\n align-items: center;\n justify-content: center;\n display: flex;\n}\n\n\n.am-modal-wrap {\n align-items: end !important;\n}\n\n.am-modal {\n @include respond(mobile) {\n height: auto !important;\n }\n}\n\n.ant-modal-footer {\n @include respond(mobile) {\n padding: 0 20px 20px;\n }\n}\n\n.am-modal-body {\n @include respond(mobile) {\n overflow: unset;\n }\n}\n\n\n.am-modal-content {\n @include respond(mobile) {\n border-radius: 8px 8px 0px 0px;\n }\n overflow: auto;\n padding: 16px;\n}\n\n.am-modal-close {\n cursor: pointer;\n}\n\n@mixin modalMobile {\n .ant-modal-wrap {\n top: auto;\n height: 100%;\n align-items: end;\n display: flex;\n border-radius: 16px 16px 0 0 !important;\n & > div {\n position: absolute;\n max-height: 100%;\n min-width: 100%;\n max-width: 100%;\n margin: 0;\n padding: 0;\n top: auto;\n bottom: 0;\n }\n\n }\n\n .ant-modal-content {\n overflow: auto;\n border-radius: 0;\n border-radius: 16px 16px 0px 0px !important;\n // display: flex;\n // flex-direction: column;\n\n }\n}\n\n@include respond(mobile) {\n @include modalMobile;\n}\n\n.am-modal-header {\n @include respond(mobile) {\n padding-left: 0;\n .am-modal-title {\n text-align: left;\n }\n }\n}\n\n\n.modal-no-padding {\n width: auto !important;\n\n @include respond(tablet) {\n width: 100% !important;\n }\n\n @include respond(mobile) {\n width: 100% !important;\n }\n\n .ant-modal-body {\n padding: 0;\n\n @include respond(tablet) {\n width: 100%;\n }\n\n @include respond(mobile) {\n width: 100%;\n }\n }\n .ant-modal-content {\n width: max-content;\n margin: 0 auto;\n\n @include respond(tablet) {\n width: 100%;\n }\n\n @include respond(mobile) {\n width: 100%;\n }\n }\n}\n\n/* Upload */\n\n.ant-upload.ant-upload-drag {\n border: 1px dashed var(--color-border-basic);\n\n &:not(.ant-upload-disabled):hover,\n &:not(.ant-upload-disabled).ant-upload-drag-hover {\n border-color: var(--color-border-brand);\n }\n}\n\n.ant-upload-list-item-name {\n color: var(--color-text-brand);\n\n &:hover {\n color: var(--color-text-brand-2);\n }\n}\n\n\n\n\n\n@keyframes react-loading-skeleton {\n 100% {\n transform: translateX(100%);\n }\n}\n\n.react-loading-skeleton {\n --base-color: #ebebeb;\n --highlight-color: #f5f5f5;\n --animation-duration: 1.5s;\n --animation-direction: normal;\n --pseudo-element-display: block; /* Enable animation */\n\n background-color: var(--base-color);\n\n width: 100%;\n border-radius: 0.25rem;\n display: inline-flex;\n line-height: 1;\n\n position: relative;\n overflow: hidden;\n z-index: 1; /* Necessary for overflow: hidden to work correctly in Safari */\n}\n\n.react-loading-skeleton::after {\n content: \" \";\n display: var(--pseudo-element-display);\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 100%;\n background-repeat: no-repeat;\n background-image: linear-gradient(90deg, var(--base-color), var(--highlight-color), var(--base-color));\n transform: translateX(-100%);\n\n animation-name: react-loading-skeleton;\n animation-direction: var(--animation-direction);\n animation-duration: var(--animation-duration);\n animation-timing-function: ease-in-out;\n animation-iteration-count: infinite;\n}\n\n/* DropdownMenu */\n\n.ant-dropdown-menu {\n background-color: white;\n // box-shadow: none;\n padding: 8px;\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.ant-dropdown-menu-item, .ant-dropdown-menu-submenu-title {\n background-color: transparent !important;\n transition: none;\n padding: 0;\n}\n\n.ant-dropdown-menu-item-selected, .ant-dropdown-menu-submenu-title-selected {\n color: var(--color-text-brand);\n}\n","$minDesktop: 1024px;\n$maxTablet: 1023px;\n$minTablet: 768px;\n$maxMobile: 767px;\n\n@mixin respond($breakpoint) {\n @if $breakpoint == desktop {\n @media (min-width: $minDesktop) {\n @content;\n }\n }\n @if $breakpoint == tablet {\n @media (max-width: $maxTablet) and (min-width: $minTablet) {\n @content;\n }\n }\n @if $breakpoint == mobile {\n @media (max-width: $maxMobile) {\n @content;\n }\n }\n}\n","@import 'swiper-vars.scss';\n\n@font-face {\n font-family: 'swiper-icons';\n src: url('data:application/font-woff;charset=utf-8;base64, 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')\n format('woff');\n font-weight: 400;\n font-style: normal;\n}\n\n:root {\n --swiper-theme-color: #{$themeColor};\n}\n.swiper-container {\n margin-left: auto;\n margin-right: auto;\n position: relative;\n overflow: hidden;\n list-style: none;\n padding: 0;\n /* Fix of Webkit flickering */\n z-index: 1;\n}\n.swiper-container-vertical > .swiper-wrapper {\n flex-direction: column;\n}\n.swiper-wrapper {\n position: relative;\n width: 100%;\n height: 100%;\n z-index: 1;\n display: flex;\n transition-property: transform;\n box-sizing: content-box;\n}\n.swiper-container-android .swiper-slide,\n.swiper-wrapper {\n transform: translate3d(0px, 0, 0);\n}\n.swiper-container-multirow > .swiper-wrapper {\n flex-wrap: wrap;\n}\n.swiper-container-multirow-column > .swiper-wrapper {\n flex-wrap: wrap;\n flex-direction: column;\n}\n.swiper-container-free-mode > .swiper-wrapper {\n transition-timing-function: ease-out;\n margin: 0 auto;\n}\n.swiper-container-pointer-events {\n touch-action: pan-y;\n &.swiper-container-vertical {\n touch-action: pan-x;\n }\n}\n.swiper-slide {\n flex-shrink: 0;\n width: 100%;\n height: 100%;\n position: relative;\n transition-property: transform;\n}\n.swiper-slide-invisible-blank {\n visibility: hidden;\n}\n/* Auto Height */\n.swiper-container-autoheight {\n &,\n .swiper-slide {\n height: auto;\n }\n\n .swiper-wrapper {\n align-items: flex-start;\n transition-property: transform, height;\n }\n}\n\n/* 3D Effects */\n.swiper-container-3d {\n perspective: 1200px;\n .swiper-wrapper,\n .swiper-slide,\n .swiper-slide-shadow-left,\n .swiper-slide-shadow-right,\n .swiper-slide-shadow-top,\n .swiper-slide-shadow-bottom,\n .swiper-cube-shadow {\n transform-style: preserve-3d;\n }\n .swiper-slide-shadow-left,\n .swiper-slide-shadow-right,\n .swiper-slide-shadow-top,\n .swiper-slide-shadow-bottom {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n z-index: 10;\n }\n .swiper-slide-shadow-left {\n background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n }\n .swiper-slide-shadow-right {\n background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n }\n .swiper-slide-shadow-top {\n background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n }\n .swiper-slide-shadow-bottom {\n background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n }\n}\n\n/* CSS Mode */\n.swiper-container-css-mode {\n > .swiper-wrapper {\n overflow: auto;\n scrollbar-width: none; /* For Firefox */\n -ms-overflow-style: none; /* For Internet Explorer and Edge */\n &::-webkit-scrollbar {\n display: none;\n }\n }\n > .swiper-wrapper > .swiper-slide {\n scroll-snap-align: start start;\n }\n}\n.swiper-container-horizontal.swiper-container-css-mode {\n > .swiper-wrapper {\n scroll-snap-type: x mandatory;\n }\n}\n.swiper-container-vertical.swiper-container-css-mode {\n > .swiper-wrapper {\n scroll-snap-type: y mandatory;\n }\n}\n\n\n\n","@import '../../swiper-vars.scss';\n\n:root {\n --swiper-navigation-size: 44px;\n /*\n --swiper-navigation-color: var(--swiper-theme-color);\n */\n}\n.swiper-button-prev,\n.swiper-button-next {\n position: absolute;\n top: 50%;\n width: calc(var(--swiper-navigation-size) / 44 * 27);\n height: var(--swiper-navigation-size);\n margin-top: calc(0px - (var(--swiper-navigation-size) / 2));\n z-index: 10;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--swiper-navigation-color, var(--swiper-theme-color));\n &.swiper-button-disabled {\n opacity: 0.35;\n cursor: auto;\n pointer-events: none;\n }\n &:after {\n font-family: swiper-icons;\n font-size: var(--swiper-navigation-size);\n text-transform: none !important;\n letter-spacing: 0;\n text-transform: none;\n font-variant: initial;\n line-height: 1;\n }\n}\n.swiper-button-prev,\n.swiper-container-rtl .swiper-button-next {\n &:after {\n content: 'prev';\n }\n left: 10px;\n right: auto;\n}\n.swiper-button-next,\n.swiper-container-rtl .swiper-button-prev {\n &:after {\n content: 'next';\n }\n right: 10px;\n left: auto;\n}\n\n@each $navColorName, $navColorValue in $colors {\n .swiper-button-prev,\n .swiper-button-next {\n &.swiper-button-#{'' + $navColorName} {\n --swiper-navigation-color: #{'' + $navColorValue};\n }\n }\n}\n.swiper-button-lock {\n display: none;\n}\n","@import \"variables\";\n@import \"components\";\n@import \"antd\";\n\n@import \"node_modules/swiper/swiper.scss\";\n@import \"node_modules/swiper/components/navigation/navigation.scss\";\n\n.horizontal-scroll {\n overflow-x: auto;\n scrollbar-color: transparent transparent;\n scrollbar-width: thin;\n}\n.horizontal-scroll::-webkit-scrollbar {\n height: 0px;\n}\n.horizontal-scroll::-webkit-scrollbar-track {\n background-color: transparent;\n}\n.horizontal-scroll::-webkit-scrollbar-thumb {\n // width: 60px;\n background-color: transparent;\n\n border-radius: 3px;\n}\n.horizontal-scroll::-webkit-scrollbar-thumb:hover {\n background-color: transparent;\n}\n.horizontal-scroll > * {\n scroll-snap-align: start;\n}\n@media (hover: none) {\n .horizontal-scroll {\n // scrollbar-width: none;\n }\n}\n","@import \"styles/variables\";\n\n.icon {\n display: flex;\n\n color: inherit;\n\n &__small {\n width: 20px;\n height: 20px;\n\n @include respond(mobile) {\n width: 16px;\n height: 16px;\n }\n }\n\n &__medium {\n width: 24px;\n height: 24px;\n\n @include respond(mobile) {\n width: 20px;\n height: 20px;\n }\n }\n\n &__large {\n width: 28px;\n height: 28px;\n\n @include respond(mobile) {\n width: 24px;\n height: 24px;\n }\n }\n\n &__default {\n color: var(--icon-default-color);\n\n & > * {\n fill: currentColor;\n }\n\n &.clickable {\n cursor: pointer;\n &:hover, &.active {\n color: var(--icon-default-color--hover);\n }\n }\n }\n\n &__light {\n color: var(--icon-light-color);\n\n & > * {\n fill: currentColor;\n }\n\n &.clickable {\n cursor: pointer;\n &:hover, &.active {\n color: var(--icon-light-color--hover);\n }\n }\n }\n\n &__black {\n color: var(--icon-black-color);\n\n & > * {\n fill: currentColor;\n }\n\n &.clickable {\n cursor: pointer;\n &:hover, &.active {\n color: var(--icon-black-color--hover);\n }\n }\n }\n\n &__attention {\n color: var(--icon-attention-color);\n\n & > * {\n fill: currentColor;\n }\n\n &.clickable {\n cursor: pointer;\n &:hover, &.active {\n color: var(--icon-attention-color--hover);\n }\n }\n }\n\n &__revert {\n color: var(--icon-revert-color);\n\n & > * {\n fill: currentColor;\n }\n\n &.clickable {\n cursor: pointer;\n &:hover, &.active {\n color: var(--icon-revert-color--hover);\n }\n }\n }\n\n &__initial {\n\n }\n}\n",".autoComplete {\n .hasLabel {\n line-height: 20px;\n & > label {\n display: block;\n font-size: var(--input-label-font-size--medium);\n color: var(--input-outlined-placeholder-color);\n\n &.disabled {\n color: var(--input-outlined-placeholder-color--disabled);\n }\n &.invalid {\n color: var(--input-outlined-placeholder-color--error);\n }\n }\n }\n\n .optionText {\n position: absolute;\n width: 100%;\n left: 0;\n padding: 0 44px 0 16px;\n text-overflow: ellipsis;\n overflow: hidden;\n }\n}\n\n.hasLabel > label {\n display: none;\n}\n","$color-button-default: var(--button-default-color);\n$color-button-default-text: var(--button-default-color-text);\n$color-button-default--hover: var(--button-default-color--hover);\n$color-button-default--active: var(--button-default-color--active);\n$color-button-default--disabled: var(--button-default-color--disabled);\n\n$color-button-secondary: var(--button-secondary-color);\n$color-button-secondary-text: var(--button-secondary-color-text);\n$color-button-secondary--hover: var(--button-secondary-color--hover);\n$color-button-secondary--active: var(--button-secondary-color--active);\n$color-button-secondary--disabled: var(--button-secondary-color--disabled);\n\n$font-size-button-large: var(--size-text-l);\n\n.button {\n border-radius: 12px;\n border: none;\n white-space: nowrap;\n cursor: pointer;\n box-shadow: none;\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n\n &__smallS {\n font-weight: 400;\n padding: 4px 8px;\n font-size: 12px;\n // line-height: 16px;\n gap: 4px;\n height: 32px;\n }\n\n &__small {\n font-weight: 400;\n padding: 8px 12px;\n font-size: 14px;\n line-height: 14px;\n gap: 4px;\n\n\n &.withIcon {\n padding: 8px;\n }\n }\n\n &__medium {\n font-weight: 450;\n padding: 14px 20px;\n font-size: 16px;\n line-height: 16px;\n gap: 8px;\n\n &.withIcon {\n padding: 12px;\n }\n }\n\n &__large {\n font-weight: 600;\n padding: 15px 24px;\n gap: 12px;\n font-size: 16px;\n line-height: 22px;\n\n &.withIcon {\n padding: 18px;\n }\n }\n\n &__default {\n background-color: $color-button-default;\n color: $color-button-default-text;\n border: 2px solid $color-button-default;\n\n & > svg {\n color: $color-button-default-text;\n }\n\n @media(hover: hover) {\n &:hover {\n background-color: $color-button-default--hover;\n border-color: $color-button-default--hover;\n }\n }\n\n &:active {\n background-color: $color-button-default--active;\n border-color: $color-button-default--active;\n }\n }\n\n &__secondary {\n background-color: $color-button-secondary;\n color: $color-button-secondary-text;\n border: 2px solid $color-button-secondary;\n\n & > svg {\n color: $color-button-secondary-text;\n }\n\n @media(hover: hover) {\n &:hover {\n background-color: $color-button-secondary--hover;\n border-color: $color-button-secondary--hover;\n color: var(--button-secondary-color-text--hover);\n\n & > svg {\n color: var(--button-secondary-color-text--hover);\n }\n }\n }\n\n &:active {\n background-color: $color-button-secondary--active;\n border-color: $color-button-secondary--active;\n color: var(--button-secondary-color-text--active);\n }\n }\n\n // &__fourth {\n // background-color: $color-button-fourth;\n // color: $color-button-fourth-text;\n // border: 2px solid $color-button-fourth-text;\n\n // & > svg {\n // color: $color-button-default-text;\n // }\n\n // &:hover {\n // background-color: $color-button-fourth--hover;\n // border-color: $color-button-fourth--hover;\n\n // color: $color-button-fourth;\n // }\n\n // &:active {\n // background-color: $color-button-fourth--hover;\n // border-color: $color-button-fourth--hover;\n\n // color: $color-button-fourth;\n // }\n // }\n\n &__icon_left {\n flex-direction: row-reverse;\n }\n\n &__icon_right {\n flex-direction: row;\n }\n\n &:disabled {\n background-color: $color-button-default--disabled;\n border-color: $color-button-default--disabled;\n cursor: not-allowed;\n\n &:hover,\n &:active {\n background-color: $color-button-default--disabled;\n }\n }\n}\n\n// @media (max-width: 1023px) {\n// .button {\n// &__small {\n// padding: 8px;\n// }\n\n// &__medium {\n// padding: 10px;\n// font-size: 16px;\n// }\n\n// &__large {\n// padding: 12px;\n// }\n// }\n// }\n\n.loading {\n color: transparent !important;\n\n cursor: wait;\n & .icon {\n visibility: hidden;\n }\n}\n\n.icon {\n vertical-align: bottom;\n\n &__smallS {\n width: 16px;\n height: 16px;\n }\n\n &__small {\n width: 16px;\n height: 16px;\n }\n\n &__medium {\n width: 20px;\n height: 20px;\n }\n\n &__large {\n width: 24px;\n height: 24px;\n }\n\n &__default {\n color: $color-button-default-text;\n & > * {\n fill: currentColor;\n }\n }\n\n &__secondary {\n color: $color-button-secondary-text;\n & > * {\n fill: currentColor;\n }\n }\n\n &__only {\n margin: 0;\n }\n}\n\n.loader {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n\n &__medium {\n width: 24px;\n height: 24px;\n }\n\n &__large {\n width: 28px;\n height: 28px;\n }\n\n &__default {\n color: $color-button-default-text;\n }\n}\n",".breadcrumbs {\n display: flex;\n gap: 8px;\n align-items: center;\n}\n","@import \"styles/variables\";\n\n.text {\n color: var(--color-text-default);\n\n &__small {\n font-size: var(--size-text-s);\n line-height: var(--text-line-height-s);\n }\n\n &__medium {\n font-size: var(--size-text-m);\n line-height: var(--text-line-height-m);\n\n // @include respond(mobile) {\n // font-size: var(--size-text-s);\n // }\n }\n\n &__large {\n font-size: var(--size-text-l);\n line-height: var(--text-line-height-l);\n\n // @include respond(mobile) {\n // font-size: var(--size-text-m);\n // line-height: initial;\n // }\n }\n}\n\n\n.textAddition {\n color: var(--color-text-secondary);\n}\n\n.textBold {\n font-weight: 600;\n}\n\n.textSuccess {\n color: var(--color-text-success);\n}\n\n.textError {\n color: var(--color-text-error);\n}\n\n.textAttention {\n color: var(--color-text-brand);\n}\n\n.textThrough {\n text-decoration-line: line-through;\n}\n\n.textInverse {\n color: var(--color-text-inverse);\n}\n",".link {\n display: inline;\n align-items: center;\n justify-content: center;\n text-decoration: none;\n\n &__link {\n color: var(--color-text-brand);\n\n &:hover {\n color: var(--color-text-brand-2);\n }\n }\n\n &__action {\n color: var(--color-text-brand);\n cursor: pointer;\n user-select: none;\n\n &:hover {\n color: var(--color-text-brand-2);\n }\n }\n\n &__href {\n color: var(--color-text-brand);\n cursor: pointer;\n user-select: none;\n\n &:hover {\n color: var(--color-text-brand-2);\n }\n }\n\n &.addition {\n color: var(--color-text-secondary);\n\n &:hover {\n color: var(--color-text-brand-2);\n }\n }\n\n &__small {\n font-size: var(--size-text-s);\n gap: 4px;\n }\n\n &__medium {\n font-size: var(--size-text-m);\n line-height: var(--text-line-height-m);\n gap: 8px;\n }\n\n &__large {\n font-size: var(--size-text-l);\n line-height: var(--text-line-height-l);\n gap: 8px;\n }\n\n & svg {\n // color: var(--color-icon-default);\n\n &:hover {\n color: var(--icon-default-color--hover);\n }\n }\n}\n\n\n.icon {\n vertical-align: bottom;\n\n &__small {\n width: 16px;\n height: 16px;\n flex: 1 0 16px;\n }\n\n &__medium {\n width: 20px;\n height: 20px;\n flex: 1 0 20px;\n }\n\n &__large {\n width: 20px;\n height: 20px;\n flex: 1 0 20px;\n }\n\n // &__default {\n // color: $color-button-default-text;\n // }\n\n &__only {\n margin: 0;\n }\n}\n\n\n\n.linkBold {\n font-weight: 600;\n}\n",".checkbox {\n position: absolute;\n z-index: -1;\n opacity: 0;\n\n & + label {\n display: inline-flex;\n align-items: center;\n user-select: none;\n // height: 24px;\n padding: 2px;\n cursor: pointer;\n\n &::before {\n content: \"\";\n display: inline-block;\n width: 20px;\n height: 20px;\n flex-shrink: 0;\n flex-grow: 0;\n border: 1px solid var(--checkbox-border-color);\n border-radius: 4px;\n margin-right: 12px;\n background-repeat: no-repeat;\n background-position: center center;\n background-size: cover;\n }\n\n &::after {\n display: none !important;\n }\n }\n\n &:checked + label::before {\n border-color: var(--checkbox-border-color--checked);\n background-color: var(--checkbox-background-color--checked);\n background-image: url(\"./../icon/icons/checkbox.svg\");\n }\n\n &:checked:hover + label::before {\n border-color: var(--checkbox-border-color--hover);\n background-color: var(--checkbox-background-color--hover);\n }\n\n &:not(:disabled):not(:checked) + label:hover::before {\n border-color: var(--checkbox-border-color--hover);\n }\n\n &:not(:disabled):active + label::before {\n background-color: var(--checkbox-background-color--hover);\n border-color: var(--checkbox-border-color--hover);\n }\n\n &:disabled {\n color: var(--checkbox-label-color--disabled);\n\n & + label {\n color: var(--checkbox-label-color--disabled);\n }\n\n &:checked + label::before {\n background-color: var(--checkbox-background-color--disabled);\n border-color: var(--checkbox-border-color--disabled);\n }\n }\n\n &.error:not(:checked) {\n color: var(--checkbox-label-color--error);\n\n & + label {\n & > * {\n color: var(--checkbox-label-color--error) !important;\n }\n\n &::before {\n border-color: var(--checkbox-border-color--error);\n // background-color: var(--checkbox-background-color--error);\n }\n }\n }\n}\n",".counter {\n display: flex;\n align-items: center;\n\n .button {\n width: 28px;\n height: 28px;\n padding: 0;\n border-radius: 100%;\n }\n\n .value {\n min-width: 50px;\n text-align: center;\n }\n}\n",".input {\n position: relative;\n width: 100%;\n\n & input {\n height: 100%;\n width: 100%;\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n border: none;\n outline: none;\n user-select: text;\n font-weight: inherit;\n\n &[type=number]::-webkit-inner-spin-button,\n &[type=number]::-webkit-outer-spin-button,\n &[type=time]::-webkit-inner-spin-button,\n &[type=time]::-webkit-outer-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n &:-webkit-autofill,\n &:-webkit-autofill:hover,\n &:-webkit-autofill:focus,\n &:-internal-autofill-selected {\n -webkit-text-fill-color: none;\n -webkit-box-shadow: 0 0 200px white inset;\n }\n &::-webkit-calendar-picker-indicator {\n display: none;\n }\n\n &:-moz-ui-invalid {\n box-shadow: none;\n }\n\n &[type=time] {\n &::-webkit-clear-button {\n display: none;\n }\n\n &::-webkit-datetime-edit-second-field,\n &::-webkit-datetime-edit-minute-field,\n &::-webkit-datetime-edit-hour-field {\n &:focus {\n background: #f5caeb;\n }\n }\n }\n\n &:disabled {\n cursor: not-allowed;\n }\n }\n\n &__medium {\n input {\n border-radius: 12px;\n padding: 0 15px;\n height: 48px;\n font-size: var(--input-font-size--medium);\n }\n .label {\n left: 16px;\n font-size: var(--input-label-font-size--medium);\n\n & + input {\n padding-top: 16px;\n }\n }\n }\n\n &__action_medium input {\n padding-right: 36px;\n }\n\n &__actions_medium input {\n padding-right: 64px;\n }\n\n &__pure {\n .label {\n color: var(--input-outlined-placeholder-color);\n }\n &.disabled .label {\n color: var(--input-outlined-placeholder-color--disabled);\n }\n &.invalid .label {\n color: var(--input-outlined-placeholder-color--error);\n }\n\n input {\n background-color: transparent;\n border: none;\n background-clip: padding-box;\n transition: border-color .3s;\n padding: 0;\n border-radius: 0;\n\n &::placeholder {\n color: var(--input-outlined-placeholder-color);\n }\n\n &:disabled {\n color: var(--input-outlined-color--disabled);\n\n &::placeholder {\n color: var(--input-outlined-placeholder-color--disabled);\n }\n }\n\n // &:read-only {\n // &::placeholder {\n // color: var(--input-outlined-placeholder-color--disabled);\n // }\n // }\n\n &.invalid {\n color: inherit;\n &::placeholder {\n // color: var(--input-outlined-placeholder-color--error);\n }\n }\n }\n\n .label {\n left: 0;\n font-size: var(--input-label-font-size--medium);\n\n & + input {\n padding-top: 16px;\n }\n }\n }\n\n &__outlined {\n .label {\n color: var(--input-outlined-placeholder-color);\n }\n &.disabled .label {\n color: var(--input-outlined-placeholder-color--disabled);\n }\n &.invalid .label {\n color: var(--input-outlined-placeholder-color--error);\n }\n\n input {\n background-color: var(--input-outlined-background-color);\n border: 1px solid var(--input-outlined-border-color);\n background-clip: padding-box;\n transition: border-color .3s;\n\n &::placeholder {\n color: var(--input-outlined-placeholder-color);\n }\n\n &:disabled {\n border-color: var(--input-outlined-border-color--disabled);\n color: var(--input-outlined-color--disabled) !important;\n\n &::placeholder {\n color: var(--input-outlined-placeholder-color--disabled);\n }\n }\n\n &:read-only {\n border-color: var(--input-outlined-border-color--disabled);\n\n &::placeholder {\n color: var(--input-outlined-placeholder-color--disabled);\n }\n }\n &:focus {\n border-color: var(--input-outlined-border-color--active);\n }\n\n &.invalid {\n border-color: var(--input-outlined-border-color--error);\n\n &::placeholder {\n // color: var(--input-outlined-placeholder-color--error);\n }\n }\n }\n }\n}\n\n.label {\n position: absolute;\n left: 0;\n top: 2px;\n}\n\n.clear {\n position: absolute;\n cursor: pointer;\n\n &__large {\n width: 24px;\n height: 24px;\n right: 16px;\n top: 50%;\n transform: translateY(-50%);\n }\n\n &__medium {\n width: 20px;\n height: 20px;\n right: 16px;\n top: 50%;\n transform: translateY(-50%);\n }\n\n &__action_medium {\n right: 40px;\n }\n\n &__outlined {\n color: var(--input-icon-color);\n\n &:hover {\n color: var(--input-icon-color--hover);\n }\n }\n}\n\n.icon {\n position: absolute;\n cursor: pointer;\n\n &__large {\n width: 24px;\n height: 24px;\n right: 16px;\n top: 50%;\n transform: translateY(-50%);\n }\n\n &__medium {\n width: 24px;\n height: 24px;\n right: 16px;\n top: 50%;\n transform: translateY(-50%);\n }\n\n &__outlined {\n color: var(--input-icon-color);\n\n &:hover {\n color: var(--input-icon-color--hover);\n }\n }\n}\n\n.loader {\n position: absolute;\n\n &__large {\n width: 24px;\n height: 24px;\n right: 16px;\n top: 50%;\n transform: translateY(-50%);\n }\n\n &__medium {\n width: 24px;\n height: 24px;\n right: 16px;\n top: 50%;\n transform: translateY(-50%);\n }\n\n &__outlined {\n color: var(--input-icon-color);\n }\n}\n",".bordered {\n border-bottom: 1px solid var(--color-border-basic);\n}\n",".dropdown {\n padding: 4px;\n border-radius: 12px;\n box-shadow: var(--dropdown-box-shadow);\n background-color: var(--dropdown-background-color);\n}\n",".label {\n padding-bottom: 4px;\n}\n\n\n.error {\n position: absolute;\n}\n","@import 'styles/variables';\n\n.heading {\n margin: 0;\n color: var(--color-text-default);\n\n &__h1 {\n font-size: var(--heading-size-h1);\n font-weight: var(--heading-weight-h1);\n line-height: var(--heading-line-height-h1);\n\n @include respond(mobile) {\n font-size: var(--heading-size-h3);\n font-weight: var(--heading-weight-h3);\n line-height: var(--heading-line-height-h3);\n }\n }\n\n &__h2 {\n font-size: var(--heading-size-h2);\n font-weight: var(--heading-weight-h2);\n }\n\n &__h3 {\n font-size: var(--heading-size-h3);\n font-weight: var(--heading-weight-h3);\n line-height: var(--heading-line-height-h3);\n\n @include respond(mobile) {\n font-size: var(--heading-size-h5);\n font-weight: var(--heading-weight-h5);\n line-height: var(--heading-line-height-h5);\n }\n }\n\n &__h4 {\n font-size: var(--heading-size-h4);\n font-weight: var(--heading-weight-h4);\n line-height: var(--heading-line-height-h4);\n }\n\n &__h5 {\n font-size: var(--heading-size-h5);\n font-weight: var(--heading-weight-h5);\n }\n}\n\n.textAddition {\n color: var(--color-text-secondary);\n}\n\n.textAttention {\n color: var(--color-text-brand);\n}\n\n.textBold {\n font-weight: 600;\n}\n\n.textInverse {\n color: var(--color-text-inverse);\n}\n\n.textError {\n color: var(--color-text-error);\n}\n\n.textSuccess {\n color: var(--color-text-success);\n}\n\n.textWarning {\n color: var(--color-text-warning)\n}\n\n.centerText {\n text-align: center;\n}\n",".loader {\n display: flex;\n}\n\n.absolute {\n position: absolute;\n width: 100%;\n height: 100%;\n background-color: rgba(255, 255, 255, 0.5);\n left: 0;\n top: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 1;\n\n .loader {\n width: 40px;\n height: 40px;\n color: var(--color-icon-brand);\n }\n}\n\n.fixed {\n position: fixed;\n width: 100%;\n height: 100%;\n background-color: rgba(255, 255, 255, 0.5);\n left: 0;\n top: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 999;\n\n .loader {\n width: 64px;\n height: 64px;\n color: var(--color-icon-brand);\n }\n}\n","@import \"styles/variables\";\n\n@keyframes loader-animation {\n 0% {\n left: -100%;\n }\n 100% {\n left: 100%;\n }\n}\n.loaderLine {\n height: 5px;\n position: relative;\n overflow: hidden;\n width: 100%;\n left: 0;\n right: 0;\n margin-top: 10px;\n\n @include respond(mobile) {\n margin-top: 0px;\n }\n}\n.loaderLine .bar {\n width: 35%;\n position: absolute;\n height: 4px;\n border-radius: 2px;\n background-color: var(--color-bg-brand);\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n.loaderLine.active .bar {\n opacity: 1;\n animation-name: loader-animation;\n animation-duration: 2s;\n animation-iteration-count: infinite;\n animation-timing-function: ease-in-out;\n}\n.loaderLine .border {\n opacity: 0;\n}\n.loaderLine.active .border {\n opacity: 1;\n}\n","@import \"styles/variables\";\n\n.footer {\n width: 100%;\n display: flex;\n gap: 12px;\n\n & > button {\n flex: 1;\n }\n\n @include respond(mobile) {\n flex-direction: column;\n }\n}\n",".select {\n .hasLabel {\n line-height: 20px;\n & > label {\n display: block;\n font-size: var(--input-label-font-size--medium);\n color: var(--input-outlined-placeholder-color);\n\n &.disabled {\n color: var(--input-outlined-placeholder-color--disabled);\n }\n &.invalid {\n color: var(--input-outlined-placeholder-color--error);\n }\n }\n }\n\n .optionText {\n position: absolute;\n width: 100%;\n left: 0;\n padding: 0 44px 0 16px;\n text-overflow: ellipsis;\n overflow: hidden;\n }\n}\n\n.hasLabel > label {\n display: none;\n}\n","@import \"styles/variables\";\n\n.sliderContainer {\n display: flex;\n flex-direction: row;\n position: relative;\n width: 100%;\n height: 100%;\n}\n\n.swiperSlide {\n display: flex;\n width: max-content;\n\n &.swiperSlideAuto {\n width: auto !important;\n }\n}\n\n.sliderAutoLoop {\n opacity: 0;\n transition: 0.15s;\n\n &.ready {\n opacity: 1;\n }\n}\n\n.slider {\n .swiper-pagination-bullets {\n margin-top: 20px;\n display: none;\n }\n}\n\n.swiperPaginationHidden {\n display: none;\n}\n\n.buttonSlider {\n cursor: pointer;\n display: block;\n position: absolute;\n user-select: none;\n\n @include respond(mobile) {\n display: none;\n }\n\n @include respond(tablet) {\n display: none;\n }\n\n &__hidden {\n display: none;\n }\n &__prev {\n top: calc(50% - 75px/2);\n left: -35px;\n z-index: 999;\n\n &_inset {\n left: 10px;\n }\n }\n &__next {\n top: calc(50% - 75px/2);\n right: -35px;\n z-index: 999;\n\n &_inset {\n right: 10px;\n }\n }\n &:hover {\n -webkit-transform: scale(1.05); /* Safari and Chrome */\n -moz-transform: scale(1.05); /* Firefox */\n -ms-transform: scale(1.05); /* IE 9 */\n -o-transform: scale(1.05); /* Opera */\n transform: scale(1.05);\n transition: all 0.15s;\n }\n &:active {\n -webkit-transform: scale(1); /* Safari and Chrome */\n -moz-transform: scale(1); /* Firefox */\n -ms-transform: scale(1); /* IE 9 */\n -o-transform: scale(1); /* Opera */\n transform: scale(1);\n }\n}\n\n.sliderCounter {\n font-size: 12px;\n line-height: 16px;\n color: #242424;\n width: auto;\n position: absolute;\n bottom: 16px;\n left: 16px;\n margin: 0;\n padding: 1px 8px 2px;\n border-radius: 18px;\n background-color: rgba(255,255,255,.7);\n z-index: 1;\n}\n",".spoiler {\n .title {\n position: relative;\n user-select: none;\n cursor: pointer;\n }\n .arrow {\n position: absolute;\n right: 0;\n top: 50%;\n transform: translateY(-50%);\n }\n}\n",".stacked_input {\n display: flex;\n\n &__select {\n & > div {\n border-top-right-radius: 0 !important;\n border-bottom-right-radius: 0 !important;\n border-right: none !important;\n }\n }\n\n &__input {\n & > input {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n }\n}\n",".switch {\n background-color: #F6F6F6;\n border-radius: 58px;\n width: 48px;\n height: 18px;\n display: flex;\n align-items: center;\n position: relative;\n cursor: pointer;\n white-space: nowrap;\n\n & > div:first-child {\n position: absolute;\n left: 0;\n width: 24px;\n height: 24px;\n background-color: #D1CFD7;\n border-radius: 100%;\n\n transition: 0.15s;\n }\n\n & > div:last-child {\n padding-left: 60px;\n white-space: nowrap;\n }\n\n & > input {\n position: absolute;\n height: 0;\n width: 0;\n opacity: 0;\n overflow: hidden;\n }\n\n\n &.active {\n background-color: #EFDBFF;\n\n & > div:first-child {\n background-color: #8227C7;\n left: calc(100% - 24px);\n }\n }\n}\n",".select {\n .hasLabel {\n line-height: 20px;\n & > label {\n display: block;\n font-size: var(--input-label-font-size--medium);\n color: var(--input-outlined-placeholder-color);\n\n &.disabled {\n color: var(--input-outlined-placeholder-color--disabled);\n }\n &.invalid {\n color: var(--input-outlined-placeholder-color--error);\n }\n }\n }\n\n // .optionText {\n // position: absolute;\n // width: 100%;\n // left: 0;\n // padding: 0 12px;\n // text-overflow: ellipsis;\n // overflow: hidden;\n // }\n}\n\n.hasLabel > label {\n display: none;\n}\n","@import 'styles/variables';\n\n.button {\n padding: 15px 22px;\n border-radius: 96px;\n font-weight: 400;\n border: none;\n white-space: nowrap;\n cursor: pointer;\n box-shadow: none;\n position: relative;\n\n &__small {\n padding: 4px 12px;\n font-size: 14px;\n }\n\n &__medium {\n padding: 7px 16px;\n font-size: 16px;\n }\n\n &__large {\n padding: 22px 48px;\n }\n\n &__default {\n background-color: white;\n border: 1px solid white;\n color: black;\n transition: all 0.15s;\n\n &:active {\n background-color: #FFAE69;\n }\n\n @media(hover: hover) and (pointer: fine) {\n &:hover {\n color: white;\n background-color: rgb(234, 110, 0);\n border-color: rgb(234, 110, 0);\n }\n }\n }\n\n &__green {\n color: #8B8B8B;\n transition: all 0.15s;\n border-radius: 8px;\n font-size: 12px;\n line-height: 16px;\n padding: 4px 8px;\n\n &.selected {\n background: #5BB767;\n color: white;\n }\n\n // @media(hover: hover) and (pointer: fine) {\n // &:hover {\n // color: white;\n // background-color: rgb(234, 110, 0);\n // border-color: rgb(234, 110, 0);\n // }\n // }\n }\n\n &__secondary {\n background-color: white;\n color: black;\n transition: all 0.15s;\n box-shadow: 0px 4px 40px rgba(33, 35, 40, 0.1);\n border-radius: 12px;\n margin-right: 12px;\n\n &:active {\n background-color: #8227C7;\n }\n\n &.selected {\n background-color: #8227C7;\n color: white;\n }\n\n @media(hover: hover) and (pointer: fine) {\n &:hover {\n color: white;\n background-color: #8227C7;\n }\n }\n }\n\n &__tab {\n color: var(--tag-button-tab-color);\n border-radius: 8px 8px 0px 0px;\n padding: 5px 16px;\n\n &.selected {\n background-color: var(--tag-button-tab-background-color--active);\n color: var(--tag-button-tab-color--active);\n }\n\n & span {\n font-size: 16px;\n line-height: 20px;\n }\n }\n\n &__text {\n\n }\n\n &__tumbler {\n border: 1px solid var(--tag-button-default-border-color);\n background-color: var(--tag-button-default-background-color);\n color: var(--tag-button-default-color);\n border-radius: 0;\n width: 100%;\n text-align: center;\n justify-content: center;\n &.selected {\n background-color: var(--tag-button-default-background-color--active);\n color: var(--tag-button-default-color--active);\n }\n\n &:first-child {\n border-radius: 8px 0 0 8px;\n }\n\n &:last-child {\n border-radius: 0 8px 8px 0;\n }\n }\n\n &__icons {\n color: black;\n\n &:hover {\n color: #FB8A29;\n transition: all 0.15s;\n }\n\n &:active {\n color: #FB8A29;\n }\n }\n}\n\n.loading {\n color: transparent;\n cursor: wait;\n & .icon {\n visibility: hidden;\n }\n}\n\n.icon {\n vertical-align: bottom;\n\n &__small {\n width: 16px;\n height: 16px;\n margin-left: 4px;\n }\n\n &__medium {\n width: 20px;\n height: 20px;\n margin-left: 8px;\n }\n\n &__large {\n width: 24px;\n height: 24px;\n margin-left: 12px;\n }\n\n &__default {\n color: var(--tag-button-default-color);\n }\n}\n\n.shadow {\n box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);\n}\n\n\n.tagButtonGroup {\n display: flex;\n\n width: 100%;\n overflow: auto;\n // padding-bottom: 12px;\n // padding-top: 12px;\n scrollbar-color: #d5d5d5 transparent;\n scrollbar-width: thin;\n\n &::-webkit-scrollbar-thumb:hover {\n background: transparent;\n }\n & > * {\n scroll-snap-align: start;\n }\n\n &::-webkit-scrollbar {\n height: 0px;\n }\n\n &::-webkit-scrollbar-thumb {\n width: 60px;\n background-color: transparent;\n border-radius: 3px;\n }\n\n &::-webkit-scrollbar-track {\n background-color: transparent;\n }\n}\n","@import 'styles/variables';\n\n.textarea {\n position: relative;\n width: 100%;\n\n & textarea {\n display: flex;\n resize: none;\n height: 100%;\n width: 100%;\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n border: none;\n outline: none;\n user-select: text;\n font-weight: inherit;\n\n &[type=number]::-webkit-inner-spin-button,\n &[type=number]::-webkit-outer-spin-button,\n &[type=time]::-webkit-inner-spin-button,\n &[type=time]::-webkit-outer-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n &:-webkit-autofill,\n &:-webkit-autofill:hover,\n &:-webkit-autofill:focus,\n &:-internal-autofill-selected {\n -webkit-text-fill-color: none;\n -webkit-box-shadow: 0 0 200px white inset;\n }\n &::-webkit-calendar-picker-indicator {\n display: none;\n }\n\n &:-moz-ui-invalid {\n box-shadow: none;\n }\n\n &[type=time] {\n &::-webkit-clear-button {\n display: none;\n }\n\n &::-webkit-datetime-edit-second-field,\n &::-webkit-datetime-edit-minute-field,\n &::-webkit-datetime-edit-hour-field {\n &:focus {\n background: #f5caeb;\n }\n }\n }\n\n &:disabled {\n cursor: not-allowed;\n }\n }\n\n &__small textarea {\n border-radius: 4px;\n padding: 7px 12px;\n font-size: var(--size-text-m);\n }\n\n &__medium textarea {\n border-radius: 12px;\n padding: 12px 16px;\n line-height: 18px;\n font-size: var(--input-font-size--medium);\n }\n\n &__large textarea {\n border-radius: 12px;\n padding: 12px 16px;\n line-height: 22px;\n font-size: var(--input-font-size--large);\n }\n\n &__large_adaptive textarea {\n @include respond(tablet) {\n border-radius: 4px;\n padding: 15px 20px;\n font-size: var(--size-text-m);\n }\n\n @include respond(mobile) {\n border-radius: 4px;\n padding: 8px 12px;\n font-size: var(--size-text-m);\n }\n }\n\n &__action_medium textarea {\n padding-right: 36px;\n }\n\n &__action_large textarea {\n padding-right: 48px;\n }\n\n &__actions_medium textarea {\n padding-right: 60px;\n }\n\n &__actions_large textarea {\n padding-right: 80px;\n }\n\n &__border_normal textarea {\n }\n\n &__border_circle textarea {\n border-radius: 100px;\n }\n\n &__outlined textarea {\n background-color: var(--color-input);\n border: 1px solid var(--input-outlined-border-color);\n background-clip: padding-box;\n transition: border-color .3s;\n\n &:disabled {\n border-color: var(--input-outlined-border-color--disabled);\n color: var(--input-outlined-color--disabled);\n }\n\n &::placeholder {\n color: var(--input-outlined-placeholder-color);\n }\n &:read-only {\n border-color: var(--input-outlined-border-color--disabled);\n }\n &:focus {\n border-color: var(--input-outlined-border-color--active);\n }\n\n &.invalid {\n color: var(--input-outlined-placeholder-color--error);\n border-color: var(--input-outlined-border-color--error);\n }\n }\n\n &__filled textarea {\n background-color: var(--input-filled-background-color);\n border: 1px solid var(--input-filled-border-color);\n background-clip: padding-box;\n transition: border-color .3s;\n\n &::placeholder {\n color: var(--input-filled-placeholder-color);\n }\n\n &:disabled {\n border-color: var(--input-filled-border-color--disabled);\n color: var(--input-filled-color--disabled) !important;\n\n &::placeholder {\n color: var(--input-filled-placeholder-color--disabled);\n }\n }\n\n &:read-only {\n border-color: var(--input-filled-border-color--disabled);\n\n &::placeholder {\n color: var(--input-filled-placeholder-color--disabled);\n }\n }\n &:focus {\n border-color: var(--input-filled-border-color--active);\n background-color: var(--input-filled-background-color--active);\n background-color: transparent;\n }\n\n &.invalid {\n border-color: var(--input-filled-border-color--error);\n\n &::placeholder {\n color: var(--input-filled-placeholder-color--error);\n }\n }\n }\n}\n\n.clear {\n position: absolute;\n cursor: pointer;\n right: 16px;\n top: 50%;\n transform: translateY(-50%);\n\n &__small {\n width: 16px;\n height: 16px;\n }\n\n &__medium {\n width: 20px;\n height: 20px;\n }\n\n &__large {\n width: 24px;\n height: 24px;\n }\n\n &__action_small {\n right: 36px;\n }\n\n &__action_medium {\n right: 42px;\n }\n\n &__action_large {\n right: 48px;\n }\n}\n\n.icon {\n position: absolute;\n cursor: pointer;\n\n &__small {\n width: 16px;\n height: 16px;\n right: 16px;\n top: 50%;\n transform: translateY(-50%);\n }\n\n &__medium {\n width: 20px;\n height: 20px;\n right: 16px;\n top: 50%;\n transform: translateY(-50%);\n }\n\n &__large {\n width: 24px;\n height: 24px;\n right: 16px;\n top: 50%;\n transform: translateY(-50%);\n }\n}\n\n.loader {\n position: absolute;\n\n &__large {\n width: 24px;\n height: 24px;\n right: 16px;\n top: 50%;\n transform: translateY(-50%);\n }\n\n &__filled {\n color: var(--color-input-filled-text);\n }\n}\n","@import \"styles/variables\";\n\n.textSpoiler {\n position: relative;\n font-size: 16px;\n font-weight: 400;\n overflow: hidden;\n text-overflow: ellipsis;\n height: 130px;\n\n box-shadow: 0 -35px 35px white inset;\n\n &:after {\n content: '';\n position: absolute;\n width: 100%;\n height: 35px;\n bottom: 0;\n left: 0;\n background: linear-gradient(rgba(255,255,255,0),#fff);\n }\n\n @include respond(mobile) {\n font-size: 14px;\n }\n}\n\n.openText {\n height: 100%;\n display: block;\n &:after {\n display: none;\n }\n}\n\n.expander {\n cursor: pointer;\n padding: 20px 0 4px 0;\n width: 100%;\n\n\n @media(hover: hover) and (pointer: fine) {\n &:hover > svg {\n color: var(--color-violet);\n }\n }\n\n & > svg {\n color: #D9D9D9;\n }\n\n &.active svg {\n transform: rotate(180deg);\n }\n}\n",".tooltip {\n user-select: none;\n pointer-events: none;\n position: fixed;\n max-width: 300px;\n padding: 16px;\n background-color: black;\n border-radius: 12px;\n color: white;\n z-index: 9999;\n opacity: 0;\n // margin-top: -12px;\n\n transition: opacity 0.15s ease-in;\n\n & .arrow {\n position: absolute;\n width: 12px;\n height: 12px;\n // top: calc(100% - 8px);\n // left: 50%;\n border-radius: 2px;\n // transform: translateX(-50%) rotate(45deg);\n background-color: black;\n }\n}\n\n.left {\n margin-left: -12px;\n\n & .arrow {\n top: calc(50%);\n left: calc(100% - 8px);\n transform: translateY(-50%) rotate(45deg);\n }\n}\n\n.right {\n margin-left: 12px;\n\n & .arrow {\n top: calc(50%);\n right: calc(100% - 8px);\n transform: translateY(-50%) rotate(45deg);\n }\n}\n\n.top {\n margin-top: -12px;\n\n & .arrow {\n top: calc(100% - 8px);\n left: 50%;\n transform: translateX(-50%) rotate(45deg);\n }\n}\n\n.bottom {\n margin-left: -12px;\n\n & .arrow {\n bottom: calc(100% - 8px);\n left: 50%;\n transform: translateX(-50%) rotate(45deg);\n }\n}\n"],"sourceRoot":""}