⚝
One Hat Cyber Team
⚝
Your IP:
216.73.216.74
Server IP:
41.128.143.86
Server:
Linux host.raqmix.cloud 6.8.0-1025-azure #30~22.04.1-Ubuntu SMP Wed Mar 12 15:28:20 UTC 2025 x86_64
Server Software:
Apache
PHP Version:
8.3.23
Buat File
|
Buat Folder
Eksekusi
Dir :
~
/
usr
/
local
/
psa
/
admin
/
cp
/
public
/
theme
/
css
/
View File Name :
main.css.map
{"version":3,"file":"theme/css/main.css","mappings":"AAQA,WAKI,yBAHA,cAEA,eADA,oBCFJ,CDMI,gDAEI,SCFR,CDKI,uBACI,cACA,yBCFR,CDKI,yBACI,aCFR,CDMA,6BAEI,aCJJ,CDMI,yCACI,aCHR,CDOA,iCAGI,aCLJ,CDOI,mDACI,aCHR,CDQI,4BAEI,aCNR,CDGA,qBAOQ,aCPR,CDUI,oBACI,WCRR,CDWI,mBACI,WCTR,CDYI,uBACI,eACA,kBCVR,CDcA,mCAII,yBADA,oBCXJ,CDeA,KAII,2XAFA,6BACA,4BAEA,gCAJA,iBCTJ,CDgBA,mCAOQ,oBChBR,CDmBI,mBACI,yBCjBR,CDoBI,sCAEI,eClBR,CDgBI,gDAMQ,yBADA,oBChBZ,CDuBQ,wLAII,WAIA,mBADA,uBADA,WADA,oBCdZ,CDyBA,MAGI,WAFA,6DACA,cCpBJ,CD6BA,8GAKQ,eCzBR,CDgCA,SAMI,yBADA,SAJA,WAGA,cAFA,eCxBJ,CDmCA,YACI,gBACA,WACA,gBC/BJ,CCrIA,MACI,YDuIJ,CCpIA,aACI,mBDsIJ,CCnIA,WACI,kBDqIJ,CClIA,mBACI,0BDoIJ,CCjIA,cACI,qBDmIJ,CChIA,sBACI,6BDkIJ,CC/HA,YACI,cDiIJ,CC9HA,oBACI,sBDgIJ,CC7HA,cACI,gBD+HJ,CC5HA,kBACI,0BD8HJ,CC3HA,gBACI,wBD6HJ,CC1HA,mBACI,sBD4HJ,CCzHA,oBACI,6BD2HJ,CCxHA,mBACI,4BD0HJ,CCvHA,mBACI,sBDyHJ,CCtHA,iBACI,oBDwHJ,CCrHA,oBACI,kBDuHJ,CCpHA,sBACI,oBDsHJ,CCnHA,qBACI,mBDqHJ,CClHA,qBACI,wBDoHJ,CCjHA,mBACI,sBDmHJ,CChHA,sBACI,oBDkHJ,CC/GA,uBACI,2BDiHJ,CC9GA,sBACI,0BDgHJ,CC7GA,uBACI,qBD+GJ,CC3GA,YACI,SD6GJ,CC1GA,YACI,SD4GJ,CCzGA,SACI,MD2GJ,CCxGA,YACI,aD0GJ,CCvGA,cACI,aDyGJ,CCtGA,kBACI,qBDwGJ,CCrGA,gBACI,mBDuGJ,CCpGA,mBACI,iBDsGJ,CCnGA,qBACI,mBDqGJ,CClGA,oBACI,kBDoGJ,CCjGA,aACI,QDmGJ,CChGA,YACI,QDkGJ,CEvPA,sHAIQ,YFwPR,CG1PA,yBACI,gBACI,cAEA,mBADA,UH6PN,CG/PE,iCAMQ,iBH4PV,CGlQE,uDAWQ,mBAEA,mBACA,mBAFA,SH6PV,CGzQE,uCAmBQ,kBH0PV,CG7QE,wCAwBQ,kBHyPV,CGjRE,+BA4BQ,eHwPV,CACF,CGnPA,0JAGQ,yBHoPR,CGhPA,yBACI,sEACI,UHkPN,CACF,CG/OA,2BACI,YHiPJ,CItNA,MAGI,oBACA,sBAHA,aACA,mBAGA,aACA,SJmQJ,CIzQA,YASQ,eJmQR,CI5QA,sBAaQ,cJkQR,CI/QA,sBAiBQ,cJiQR,CIlRA,sBAqBQ,eJgQR,CIrRA,sBAyBQ,eJ+PR,CIxRA,sBA6BQ,eJ8PR,CI3RA,gBAsCQ,mBAJA,qBAEA,aAHA,kBAIA,mBAFA,UJgQR,CInSA,QA2CQ,mBADA,oCJ6PR,CIvSA,wBA+CQ,YJ2PR,CI1SA,uBAmDQ,eJ0PR,CItPA,yBAtEK,qBACG,SJ+TN,CIhUG,qBACG,kBJkUN,CInUG,qBACG,SJqUN,CItUG,qBACG,SJwUN,CIzUG,qBACG,kBJ2UN,CItUG,eACG,2BJwUN,CIzUG,eACG,4BJ2UN,CI5UG,eACG,mBJ8UN,CI/UG,eACG,4BJiVN,CIlVG,eACG,4BJoVN,CIrVG,eACG,mBJuVN,CIxVG,eACG,4BJ0VN,CI3VG,eACG,4BJ6VN,CI9VG,eACG,mBJgWN,CIjWG,gBACG,4BJmWN,CIpWG,gBACG,4BJsWN,CIvWG,gBACG,oBJyWN,CACF,CItSA,yBA3EK,qBACG,SJoXN,CIrXG,qBACG,kBJuXN,CIxXG,qBACG,SJ0XN,CI3XG,qBACG,SJ6XN,CI9XG,qBACG,kBJgYN,CI3XG,eACG,2BJ6XN,CI9XG,eACG,4BJgYN,CIjYG,eACG,mBJmYN,CIpYG,eACG,4BJsYN,CIvYG,eACG,4BJyYN,CI1YG,eACG,mBJ4YN,CI7YG,eACG,4BJ+YN,CIhZG,eACG,4BJkZN,CInZG,eACG,mBJqZN,CItZG,gBACG,4BJwZN,CIzZG,gBACG,4BJ2ZN,CI5ZG,gBACG,oBJ8ZN,CACF,CItVA,yBAhFK,qBACG,SJyaN,CI1aG,qBACG,kBJ4aN,CI7aG,qBACG,SJ+aN,CIhbG,qBACG,SJkbN,CInbG,qBACG,kBJqbN,CIhbG,eACG,2BJkbN,CInbG,eACG,4BJqbN,CItbG,eACG,mBJwbN,CIzbG,eACG,4BJ2bN,CI5bG,eACG,4BJ8bN,CI/bG,eACG,mBJicN,CIlcG,eACG,4BJocN,CIrcG,eACG,4BJucN,CIxcG,eACG,mBJ0cN,CI3cG,gBACG,4BJ6cN,CI9cG,gBACG,4BJgdN,CIjdG,gBACG,oBJmdN,CACF,CItYA,0BArFK,qBACG,SJ8dN,CI/dG,qBACG,kBJieN,CIleG,qBACG,SJoeN,CIreG,qBACG,SJueN,CIxeG,qBACG,kBJ0eN,CIreG,eACG,2BJueN,CIxeG,eACG,4BJ0eN,CI3eG,eACG,mBJ6eN,CI9eG,eACG,4BJgfN,CIjfG,eACG,4BJmfN,CIpfG,eACG,mBJsfN,CIvfG,eACG,4BJyfN,CI1fG,eACG,4BJ4fN,CI7fG,eACG,mBJ+fN,CIhgBG,gBACG,4BJkgBN,CIngBG,gBACG,4BJqgBN,CItgBG,gBACG,oBJwgBN,CACF,CItbA,0BA1FK,sBACG,SJmhBN,CIphBG,sBACG,kBJshBN,CIvhBG,sBACG,SJyhBN,CI1hBG,sBACG,SJ4hBN,CI7hBG,sBACG,kBJ+hBN,CI1hBG,gBACG,2BJ4hBN,CI7hBG,gBACG,4BJ+hBN,CIhiBG,gBACG,mBJkiBN,CIniBG,gBACG,4BJqiBN,CItiBG,gBACG,4BJwiBN,CIziBG,gBACG,mBJ2iBN,CI5iBG,gBACG,4BJ8iBN,CI/iBG,gBACG,4BJijBN,CIljBG,gBACG,mBJojBN,CIrjBG,iBACG,4BJujBN,CIxjBG,iBACG,4BJ0jBN,CI3jBG,iBACG,oBJ6jBN,CACF,CIteA,0BA/FK,uBACG,SJwkBN,CIzkBG,uBACG,kBJ2kBN,CI5kBG,uBACG,SJ8kBN,CI/kBG,uBACG,SJilBN,CIllBG,uBACG,kBJolBN,CI/kBG,iBACG,2BJilBN,CIllBG,iBACG,4BJolBN,CIrlBG,iBACG,mBJulBN,CIxlBG,iBACG,4BJ0lBN,CI3lBG,iBACG,4BJ6lBN,CI9lBG,iBACG,mBJgmBN,CIjmBG,iBACG,4BJmmBN,CIpmBG,iBACG,4BJsmBN,CIvmBG,iBACG,mBJymBN,CI1mBG,kBACG,4BJ4mBN,CI7mBG,kBACG,4BJ+mBN,CIhnBG,kBACG,oBJknBN,CACF,CIpfA,uBACI,QJuhBJ,CIrhBI,6BACI,eJuhBR,CI3hBA,8CAQQ,YJshBR,CI9hBA,iCAYQ,SJqhBR,CIjiBA,yBAgBQ,8BJohBR,CIhhBA,gBACI,WJkhBJ,CInhBA,0BAIQ,WJkhBR,CIthBA,kBAQQ,kCJihBR,CI7gBA,gBACI,WJ+gBJ,CIhhBA,0BAIQ,WJ+gBR,CInhBA,kBAQQ,kCJ8gBR,CI1gBA,gBACI,YJ4gBJ,CI7gBA,0BAIQ,YJ4gBR,CIhhBA,kBAQQ,oCJ2gBR,CIvgBA,gBACI,YJygBJ,CI1gBA,0BAIQ,YJygBR,CI7gBA,kBAQQ,oCJwgBR,CIpgBA,gBACI,YJsgBJ,CIvgBA,0BAIQ,YJsgBR,CI1gBA,kBAQQ,oCJqgBR,CIjgBA,eAEI,kBJmgBJ,CIrgBA,yBAMQ,qBJmgBR,CI/fA,kBAEI,kBJigBJ,CIngBA,4BAMQ,qBJigBR,CI3eA,0BAEI,mBADA,8BAEA,qBJ8fJ,CIjgBA,4BAMQ,WJ8fR,CI/dA,6BAEI,qCADA,iBJ4fJ,CI7fA,sEAMQ,oCJ2fR,CIjgBA,6CAcQ,sBAHA,YAEA,kBAHA,kBACA,SACA,SJ4fR,CIvfI,qEACI,oBJyfR,CItfI,yBACI,gZAKI,eJwfV,CItfU,8aACI,UJ4fd,CACF,CIxfI,yBACI,gZAKI,eJ0fV,CIxfU,8aACI,UJ8fd,CACF,CI1fI,yBACI,gZAKI,eJ4fV,CI1fU,8aACI,UJggBd,CACF,CI5fI,0BACI,gZAKI,eJ8fV,CI5fU,8aACI,UJkgBd,CACF,CI9fI,0BACI,qZAKI,eJggBV,CI9fU,mbACI,UJogBd,CACF,CIhgBI,0BACI,qZAKI,eJkgBV,CIhgBU,mbACI,UJsgBd,CACF,CIhgBA,yBACI,oCJmgBJ,CIpgBA,+BAIQ,eJmgBR,CIvgBA,8DASQ,oCJkgBR,CI3gBA,0CAkBQ,sBADA,WAFA,WADA,UAEA,iBAHA,kBACA,UJqgBR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xzCA,yBACI,sBACI,cAGA,eADA,gBADA,iBN4zCN,CACF,CMvzCA,yBACI,cACI,UNyzCN,CMtzCE,kBACI,aNwzCN,CMzzCE,4EAKQ,UNwzCV,CM7zCE,mCASQ,QNuzCV,CACF,CMnzCA,yBACI,sBAIQ,WADA,eADA,WNszCV,CMxzCE,uBAQQ,iBNmzCV,CM3zCE,sBAYQ,eNkzCV,CACF,CM9yCA,+CACI,wBAEQ,aN+yCV,CM3yCE,uCAEQ,iBN4yCV,CACF,CMxyCA,+DAGQ,cACA,WAGA,eADA,kBADA,UN2yCR,CMhzCA,iEAWQ,aNyyCR,CMpyCI,wBACI,UNsyCR,CMxyCA,yDAOQ,YNqyCR,CM5yCA,wBAWQ,gBAGA,cAFA,kBNsyCR,CMlzCA,2BAiBY,kBNoyCZ,CMrzCA,0BAsBQ,kBNkyCR,CMxzCA,wBA0BQ,WACA,SACA,kBNiyCR,CM7zCA,yBAgCQ,mBACA,aNgyCR,CMxwCA,gCAGI,kBADA,qBN+xCJ,CM3xCA,UAEI,aN6xCJ,CM1xCA,mEAII,aADA,aN6xCJ,CMzxCA,wBACI,gBAGA,cAFA,kBN6xCJ,CM/xCA,2BAOQ,kBN2xCR,CMlyCA,2BAWQ,kBN0xCR,CMtxCA,oBACI,eNwxCJ,CMrxCA,uDAII,mBADA,WNwxCJ,CMttCA,oHAIQ,cNmxCR,CMvxCA,8EASQ,cACA,eACA,iBNoxCR,CM/xCA,uDAeQ,YNoxCR,CMnyCA,gKAoBQ,WACA,iBNqxCR,CMjxCA,iEAGQ,aAGA,aADA,wDNkxCR,CMvxCA,6EASY,QNkxCZ,CM7wCA,uBAEQ,gBN8wCR,CMhxCA,6BAKY,cAEA,oBN8wCZ,CMrxCA,oJAeQ,WACA,iBN4wCR,CM5xCA,kBAoBQ,cACA,iBN2wCR,CMrwCA,sCAEI,cAKA,eAFA,eAFA,gBAGA,SNywCJ,CMrwCA,kDAEI,cNuwCJ,CMpwCA,kBAGI,eADA,YNuwCJ,CMnwCA,OACI,iBNqwCJ,CMlwCA,sBAEI,aNowCJ,CMjwCA,uCACI,oBNmwCJ,CMhwCA,QACI,cACA,iBNkwCJ,CMpwCA,oBAKQ,WNkwCR,CMvwCA,qBASQ,iBNiwCR,CM7vCA,cACI,aN+vCJ,CM5vCA,8CAEI,mBACA,kBN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JK;EjB4nJH,eAAe,CiBznJL,2BjB2nJZ,CiB9nJK;EjBioJH,eAAe,CiBxnJL,+BjB0nJZ,CiBnoJK;EjBqoJH,eAAe,CiBloJL,4BjBooJZ,CiBvoJK;EjB0oJH,eAAe,CiBjoJL,gCjBmoJZ,CiB5oJK;EjB8oJH,eAAe,CiB3oJL,4BjB6oJZ,CiBhpJK;EjBmpJH,eAAe,CiB1oJL,gCjB4oJZ,CiBrpJK;EjBupJH,eAAe,CiBppJL,4BjBspJZ,CiBzpJK;EjB4pJH,eAAe,CiBnpJL,gCjBqpJZ,CiB9pJK;EjBgqJH,eAAe,CiB7pJL,4BjB+pJZ,CiBlqJK;EjBqqJH,eAAe,CiB5pJL,gCjB8pJZ,CiBvqJK;EjByqJH,eAAe,CiBtqJL,4BjBwqJZ,CiB3qJK;EjB8qJH,eAAe,CiBrqJL,gCjBuqJZ,CiBhrJK;EjBkrJH,eAAe,CiB/qJL,4BjBirJZ,CiBprJK;EjBurJH,eAAe,CiB9qJL,gCjBgrJZ,CiBzrJK;EjB2rJH,eAAe,CiBxrJL,4BjB0rJZ,CiB7rJK;EjBgsJH,eAAe,CiBvrJL,gCjByrJZ,CiBlsJK;EjBosJH,eAAe,CiBjsJL,4BjBmsJZ,CiBtsJK;EjBysJH,eAAe,CiBhsJL,gCjBksJZ,CiB3sJK;EjB6sJH,eAAe,CiB1sJL,4BjB4sJZ,CiB/sJK;EjBktJH,eAAe,CiBzsJL,gCjB2sJZ,CiBptJK;EjBstJH,eAAe,CiBntJL,4BjBqtJZ,CiBxtJK;EjB2tJH,eAAe,CiBltJL,gCjBotJZ,CiB1pJI,sEACI,qDjB4pJR,CiBvpJI,kJAGQ,qDjBwpJZ,CiBlpJI,mJAGQ,qDjBmpJZ,CiB7oJI,oBACI,aAGA,eAFA,8BACA,cjBgpJR,CkB5zJA,eACI,alB8zJJ,CkB3yJA,oBACI,clB6yJJ,CkB1yJA,sBACI,alB4yJJ,CkBzyJA,oBACI,clB2yJJ,CkBxyJA,kBACI,clB0yJJ,CkBvyJA,uBACI,eACA,elByyJJ,CkBtyJA,wBACI,eAEA,gBADA,elByyJJ,CkBjyJA,oBACI,alBmyJJ,CkBxxJA,qBACI,UlB0xJJ,CkBvxJA,mBACI,alByxJJ,CkBtxJA,yBACI,alBwxJJ,CkBrxJA,wBACI,UlBuxJJ,CkBpxJA,qBACI,UlBsxJJ,CkBnwJA,eACI,gBlBqwJJ,CkBlwJA,iBACI,kBlBowJJ,CkBjwJA,kBACI,mBlBmwJJ,CkBhwJA,gBACI,iBlBkwJJ,CkB/vJA,gBACI,gBlBiwJJ,CkB9vJA,kBACI,kBlBgwJJ,CkB7vJA,mBACI,mBlB+vJJ,CkB5vJA,iBACI,iBlB8vJJ,CmBt0JA,wBAEI,eADA,iBnBm3JJ,CmBh3JI,iDACI,kBnBm3JN,CACF,CmBh3JA,cAEI,enBk3JJ,CmBh3JI,uCAEI,sBADA,WAIA,oBAFA,WnBq3JN,CmBx3JE,mEAUQ,cADA,iBnBo3JV,CmB73JE,+BAeQ,mBADA,UnBm3JV,CmBj4JE,oCAmBQ,WnBi3JV,CACF,CmBz4JA,0BA+BQ,4CAFA,eAGA,iBnBg3JR,CmBh5JA,4BAyCQ,yBAJA,kBAUA,oCATA,WAFA,cAQA,eACA,gBAFA,iBADA,gBAFA,iBAMA,qBAEA,gCnB+2JR,CmB72JQ,oEAEI,yBAGA,oCAFA,WACA,oBnBg3JZ,CmB52JQ,sEAEI,sBAEA,qCADA,UnB+2JZ,CmB56JA,8BAkEY,iBnB62JZ,CmB/6JA,oDA2EQ,YnB02JR,CmBr7JA,yBAmFQ,yBAHA,kBACA,eACA,iBAHA,YnB62JR,CmB57JA,kCAuFY,yBZvJR,yDY2JQ,qBALA,iBnB42JZ,CmBl8JA,2BA+FY,iBnBs2JZ,CmBj2JA,oCACI,6BnBm2JJ,CmBp2JA,kDAIQ,yBnBm2JR,CmBv2JA,oDAaQ,4BADA,eADA,YAHA,kBAEA,QADA,SnBs2JR,CmB/2JA,yDA2BQ,2BADA,4BADA,+BAFA,yBACA,4BAJA,YAEA,iBALA,kBACA,QAUA,4BATA,UnB02JR,CmB73JA,8DZlII,8RY4KQ,4BACA,wBARA,qBAEA,WAEA,kBAPA,kBAEA,WADA,QAFA,2CAaA,4BARA,SnBw2JZ,CmB54JA,+EAkDQ,YACA,SAFA,KnBg2JR,CmB31JI,wHAEI,gBnB61JR,CmB/1JI,oJAKQ,iBAEA,gBADA,OnB+1JZ,CmBr2JI,sXAYQ,enB+1JZ,CmB31JI,oHAEI,enB61JR,CmBz1JA,sGAIQ,kBADA,0CnB21JR,CmB3xJA,uBAOI,4CANA,sBACA,qBAEA,mBACA,UAFA,UnB21JJ,CmBr1JI,gDACI,sBnBw1JN,CACF,CmBr1JA,aAEI,YnBu1JJ,CmBp1JA,mBAEI,gBnBs1JJ,CmBn1JA,kBAGI,gBAFA,SACA,SnBs1JJ,CmBl1JA,kBACI,kBACA,gBnBo1JJ,CmBl1JI,yBAOI,yBANA,WAIA,YADA,UAFA,kBAEA,WADA,MAKA,yBAFA,SnBs1JR,CmBj1JI,2CACI,enBo1JN,CmBl1JM,yBACI,oBnBo1JV,CACF,CmBj1JI,+BACI,wBnBm1JR,CmB32JA,qBA8BQ,eADA,kBnBm1JR,CmBh3JA,qBAkCQ,4LnBi1JR,CmB70JI,8CAEQ,SAEA,oBnB+0JV,CmBn1JE,qBASQ,4BADA,oBnB+0JV,CACF,CmB93JA,oCAoDQ,YnB60JR,CmBj4JA,wCAwDY,YADA,UnB80JZ,CmBt0JI,sEACI,qBnBy0JR,CmBr0JA,mBAKI,WAHA,cAEA,iBAHA,kBAKA,oBnBu0JJ,CmB70JA,sBASQ,iBnBu0JR,CmBp0JI,yBACI,WACA,oBnBs0JR,CmBl0JA,qCAEI,oBnBo0JJ,CmBj0JA,kBAGI,cADA,gBADA,kBnBq0JJ,CmBj0JI,uIAGI,WACA,oBnBm0JR,CmB50JA,oCAaQ,cnBk0JR,CmB9zJA,kBAII,cAHA,cACA,eACA,gBnBi0JJ,CmB7zJA,uCAGI,eACA,iBAFA,gBnBi0JJ,CmBn0JA,yDAOQ,anB+zJR,CmBtzJA,0CAHI,iBnBi0JJ,CmB9zJA,iBAEI,UnB4zJJ,CmB9zJA,4DAOQ,sBADA,qBAGA,mBADA,UnB6zJR,CmB1zJQ,kJAEI,YnB8zJZ,CmB30JA,8BAoBQ,eAFA,UnB8zJR,CmBh1JA,0CAuBY,mBnB4zJZ,CmBn1JA,kCA6BQ,cAEA,gBAHA,iBnB6zJR,CmBz1JA,4EAyCQ,cnBwzJR,CmBj2JA,0BA8CQ,eACA,SnBuzJR,CmBt2JA,6BAmDY,SADA,UnBwzJZ,CmB12JA,0CAyDQ,enBqzJR,CmB92JA,6CAgEY,WAFA,eACA,iBAHA,SACA,SnBwzJZ,CmBr3JA,mDAqEY,YAEA,mBnBmzJZ,CmB13JA,gEA8EQ,enBizJR,CmB/3JA,uBAkFQ,gBnBgzJR,CmB7yJI,yPAMQ,gBnB+yJV,CmBrzJE,yFAYQ,iBnB8yJV,CACF,CmB1yJA,yBACI,kGAGI,YnB4yJN,CmBzyJE,6JAMI,sBADA,gBnB4yJN,CACF,CmBxyJA,yBACI,8BAGQ,enByyJV,CmB5yJE,kCAOQ,YnBwyJV,CmB/yJE,oDAWQ,anBuyJV,CmBlzJE,4DAgBQ,SnBsyJV,CmBtzJE,kMAuBQ,anBqyJV,CACF,CoB54KA,aAII,eACA,iBAFA,iBAFA,WpBk5KJ,CoBn5KA,2BAYQ,wBACA,eACA,gBACA,iBANA,gBAEA,gBpBk5KR,CoB75KA,4BAoBQ,kBpB64KR,CoBj6KA,6BAwBQ,WAEA,mBpB44KR,CqBj6KA,2CAII,arBm6KJ,CqBh6KA,mLAaI,yBACA,qBAFA,kBrBo6KJ,CqB/5KA,cd1BI,wDP47KJ,CqB95KA,yBd9BI,wDPg8KJ,CqB75KA,mCdnCI,wDPo8KJ,CqB55KA,wDdxCI,wDPy8KJ,CqB35KA,sCd9CI,wDP68KJ,CqB15KA,WdnDI,yDPg9KJ,CqBz5KA,iBAGI,sDACA,iBAFA,uBrB65KJ,CqBx5KA,4BAGI,2BADA,kBrB25KJ,CqBv5KA,WACI,crBy5KJ,CqBt5KA,UAEI,crBw5KJ,CqBr5KA,aAQI,mBACA,SARA,aAGA,WAEA,YACA,gBAFA,UAHA,kBACA,SrB65KJ,CqBp5KA,2BAII,WAHA,kBAEA,UADA,SrBw5KJ,CqBn5KA,iBAII,gBACA,SACA,OAHA,WAFA,kBAKA,QADA,MAHA,YrBy5KJ,CqBl5KA,gBACI,iBrBo5KJ,CqBl5KI,uBAOI,qBANA,WAKA,YAFA,OAFA,kBACA,MAKA,uCACA,0CAJA,WAKA,YrBo5KR,CqBh5KA,oBACI,cAIA,oBAHA,gBAEA,erBm5KJ,CqB/4KA,kCAII,gBADA,gBrBk5KJ,CqB94KA,kBAEI,mBADA,arBi5KJ,CqB74KA,gBAEI,mBADA,arBg5KJ,CqB54KA,eACI,uBrB84KJ,CqB34KA,aACI,uBrB64KJ,CqB14KA,mDAEI,cACA,erB44KJ,CqB/4KA,uDAMQ,erB64KR,CqBz4KA,+FAII,kBrB24KJ,CqBx4KA,iCAEI,eACA,erB04KJ,CqBv4KA,aACI,arBy4KJ,CqBt4KA,uBAEI,cAEA,gBADA,gBAGA,kBrBw4KJ,CqBr4KA,aAEI,kBrBu4KJ,CqBp4KA,eAEI,gBrBs4KJ,CqBp4KI,kBAEI,YADA,UrBu4KR,CqB54KA,yBAUQ,kBrBq4KR,CqBj4KA,yBACI,WAEA,oBrBm4KJ,CqBh4KA,4BACI,WAEA,uBrBk4KJ,CqB/3KA,6DAEI,WAEA,YAEA,mBAHA,UrBo4KJ,CqB93KA,0SAMQ,eACA,kBrBk4KR,CqB93KA,eACI,iCrBg4KJ,CqBj4KA,8BAIQ,YACA,gCrBg4KR,CqB53KA,qBAEI,crB83KJ,CqB33KA,YAEI,kBADA,iBrB83KJ,CqB13KA,wDAEI,crB43KJ,CqBz3KA,+DAGI,WACA,iBrB23KJ,CqBx3KA,gCACI,kBrB03KJ,CqBv3KA,kBACI,crBy3KJ,CqBt3KA,kBACI,kBACA,SrBw3KJ,CqB13KA,6BAKQ,WAGA,yBAEA,gBAJA,WrB43KR,CqBr3KI,iDAGI,WADA,arBw3KR,CqBp3KI,wBACI,UrBs3KR,CqBl3KA,sBACI,qBAEA,iBADA,kBrBq3KJ,CqBl3KI,mCACI,cACA,arBo3KR,CqB33KA,gCAWQ,WAEA,gBrBm3KR,CqB/2KA,cACI,cACA,kBACA,UrBi3KJ,CqB92KA,yBAEI,sBADA,wBrBi3KJ,CqB72KA,WACI,iBrB+2KJ,CqB52KA,UACI,erB82KJ,CqB32KA,qEAII,qBrB62KJ,CqB12KA,eAII,6BAFA,kBACA,gBrB62KJ,CqBz2KA,aAEI,arB22KJ,CqBx2KA,6BAGI,YADA,UrB22KJ,CqBv2KA,SACI,cAEA,iBrBy2KJ,CqB52KA,eAMQ,WAEA,YAEA,mBAHA,UrB42KR,CqBr2KA,WAaI,yBACA,WAZA,qBAcA,eADA,gBAZA,YAQA,iBAPA,iBAEA,iBAMA,WAJA,wBAPA,kBAQA,sBACA,kBrB62KJ,CqBr2KI,kBASI,qFAHA,WADA,SAFA,UAFA,kBACA,MAEA,OrB42KR,CqBp2KI,gBAEI,iBAEA,uBrBs2KR,CqBp2KQ,uBAII,uCADA,2BADA,YADA,oBrBy2KZ,CqBl2KI,sBACI,gBrBo2KR,CqBj2KI,mCACI,kBrBm2KR,CqBh2KI,kDACI,iBrBk2KR,CqB/1KI,yCAEI,mBrBi2KR,CqB31KA,gBAGI,WAFA,WACA,arBg2KJ,CqB51KA,WACI,erB81KJ,CqB31KA,YACI,gBrB61KJ,CqB11KA,aACI,iBrB41KJ,CqBz1KA,yBAGI,4BrB21KJ,CqBx1KA,qCAII,4BrB01KJ,CqBv1KA,qBAEI,sBrBy1KJ,CqBt1KA,QACI,yBrBw1KJ,CqBr1KA,2BAEI,YrBu1KJ,CqBp1KA,SAEI,WADA,cAGA,SADA,erBu1KJ,CqBn1KA,WAEI,arBq1KJ,CqBl1KA,OACI,crBo1KJ,CqBj1KA,WACI,UrBm1KJ,CqBh1KA,YACI,WrBk1KJ,CqB/0KA,eACI,eACA,gBACA,uBACA,kBrBi1KJ,CsB/0LA,2CfJI,yDP21LJ,CsBl1LA,6EfTI,yDPg2LJ,CsBj1LA,wGffI,yDPq2LJ,CsBh1LA,qJfrBI,yDP62LJ,CsB/0LA,qKf9BI,yDPo3LJ,CsB90LA,+GftCI,yDP03LJ,CsB70LA,uBf7CI,yDP63LJ,CsB50LA,qBfjDI,yDPg4LJ,CsB30LA,yDfrDI,yDPo4LJ,CsB10LA,2Ef1DI,yDPw4LJ,CsBz0LA,oCf/DI,yDP24LJ,CsBx0LA,iCfnEI,yDP84LJ,CsBv0LA,iEfvEI,yDPk5LJ,CsBt0LA,yDf5EI,yDPs5LJ,CsBr0LA,2EfjFI,yDP05LJ,CsBp0LA,sBftFI,yDP65LJ,CsBn0LA,8Bf1FI,yDPg6LJ,CsBl0LA,kIf9FI,yDPs6LJ,CsBj0LA,yEfrGI,yDP06LJ,CsBh0LA,6Bf1GI,yDP66LJ,CsB/zLA,sBf9GI,yDPg7LJ,CsB9zLA,gCflHI,yDPm7LJ,CsB7zLA,wBftHI,yDPs7LJ,CsB5zLA,0Cf1HI,yDPy7LJ,CsB3zLA,0Bf9HI,yDP47LJ,CsB1zLA,8BflII,yDP+7LJ,CsBzzLA,iCftII,yDPk8LJ,CsBxzLA,yBf1II,yDPq8LJ,CsBvzLA,4Bf9II,yDPw8LJ,CsBtzLA,qEflJI,yDP48LJ,CsBrzLA,uBfvJI,yDP+8LJ,CsBpzLA,iEf3JI,yDPm9LJ,CsBnzLA,yBfhKI,yDPs9LJ,CsBlzLA,+BfpKI,yDPy9LJ,CsBjzLA,oHfxKI,yDP+9LJ,CsBhzLA,wJf/KI,yDPq+LJ,CsB/yLA,6DftLI,yDPy+LJ,CsB9yLA,+Cf3LI,yDP6+LJ,CsB7yLA,iEfhMI,yDPi/LJ,CsB5yLA,+CfrMI,yDPq/LJ,CsB3yLA,qBf1MI,yDPw/LJ,CsB1yLA,+Kf9MI,yDPggMJ,CsBzyLA,qFfvNI,yDPqgMJ,CsBxyLA,oDf7NI,yDPygMJ,CsBvyLA,qCflOI,yDP4gMJ,CsBtyLA,iFftOI,yDPihMJ,CsBryLA,4Gf5OI,yDPshMJ,CsBpyLA,gCflPI,yDPyhMJ,CsBnyLA,0CftPI,yDP6hMJ,CsBlyLA,wEf3PI,yDPkiMJ,CsBjyLA,oBfjQI,yDPqiMJ,CsBhyLA,kCfrQI,yDPwiMJ,CsB/xLA,6BfzQI,yDP2iMJ,CsB9xLA,sCf7QI,yDP8iMJ,CsB7xLA,yBfjRI,yDPijMJ,CsB5xLA,uBfrRI,yDPojMJ,CsB3xLA,wBfzRI,yDPujMJ,CsB1xLA,4Bf7RI,yDP0jMJ,CsBzxLA,qBfjSI,yDP6jMJ,CsBxxLA,8BfrSI,yDPgkMJ,CsBvxLA,uBfzSI,yDPmkMJ,CsBtxLA,8Bf7SI,yDPskMJ,CsBrxLA,2BfjTI,yDPykMJ,CsBpxLA,wBfrTI,yDP4kMJ,CsBnxLA,iCfzTI,yDP+kMJ,CsBlxLA,6Df7TI,yDPolMJ,CsBjxLA,wFfnUI,yDPylMJ,CsBhxLA,0BfzUI,yDP4lMJ,CsB/wLA,mBf7UI,yDP+lMJ,CsB9wLA,4BfjVI,yDPkmMJ,CsB7wLA,4GfrVI,yDPwmMJ,CsB5wLA,gJf5VI,yDP8mMJ,CsB3wLA,4BfnWI,yDPinMJ,CsB1wLA,mBfvWI,yDPonMJ,CsBzwLA,iDf3WI,yDPwnMJ,CsBxwLA,oBfhXI,yDP2nMJ,CsBvwLA,sBfpXI,yDP8nMJ,CsBtwLA,qBfxXI,yDPioMJ,CsBrwLA,+Bf5XI,yDPooMJ,CsBpwLA,iEfhYI,yDPwoMJ,CsBnwLA,oBfrYI,yDP2oMJ,CsBlwLA,6BfzYI,yDP8oMJ,CsBjwLA,kBf7YI,yDPipMJ,CsBhwLA,iBfjZI,yDPopMJ,CsB/vLA,kBfrZI,yDPupMJ,CsB9vLA,uBfzZI,yDP0pMJ,CsB7vLA,oBf7ZI,yDP6pMJ,CsB5vLA,yBfjaI,yDPgqMJ,CsB3vLA,uBfraI,yDPmqMJ,CsB1vLA,0BfzaI,0DPsqMJ,CsBzvLA,gBf7aI,0DPyqMJ,CsBxvLA,wBfjbI,yDP4qMJ,CsBvvLA,wBfrbI,0DP+qMJ,CsBtvLA,iCfzbI,0DPkrMJ,CsBrvLA,iCf7bI,0DPqrMJ,CsBpvLA,0CfjcI,0DPwrMJ,CsBnvLA,6BfrcI,0DP2rMJ,CsBlvLA,8CfzcI,0DP+rMJ,CsBjvLA,0Bf9cI,0DPksMJ,CsBhvLA,kCfldI,0DPqsMJ,CsB/uLA,2CftdI,0DPwsMJ,CsB9uLA,4Df1dI,0DP4sMJ,CsB7uLA,yBf/dI,0DP+sMJ,CsB5uLA,oBfneI,0DPktMJ,CsB3uLA,2BfveI,0DPqtMJ,CsB1uLA,mCf3eI,0DPwtMJ,CsBzuLA,sDf/eI,0DP4tMJ,CsBxuLA,oDfpfI,0DPguMJ,CsBvuLA,sEfzfI,0DPouMJ,CsBtuLA,+Bf9fI,0DPuuMJ,CsBruLA,iBflgBI,0DP0uMJ,CsBpuLA,sBftgBI,0DP6uMJ,CsBnuLA,+Bf1gBI,0DPgvMJ,CsBluLA,gBf9gBI,0DPmvMJ,CsBjuLA,yBflhBI,0DPsvMJ,CsBhuLA,wBfthBI,0DPyvMJ,CsB/tLA,4Bf1hBI,0DP4vMJ,CsB9tLA,wIf9hBI,0DPmwMJ,CsB7tLA,qLftiBI,0DP0wMJ,CsB5tLA,0Bf9iBI,0DP6wMJ,CsB3tLA,mCfljBI,0DPgxMJ,CsB1tLA,kBftjBI,0DPmxMJ,CsBztLA,iBf1jBI,0DPsxMJ,CsBxtLA,+Bf9jBI,0DPyxMJ,CsBvtLA,wCflkBI,0DP4xMJ,CsBptLA,oEf3kBI,0DPqyMJ,CsBptLA,sFfjlBI,0DP2yMJ,CsBntLA,0CfxlBI,0DP+yMJ,CsBltLA,iFf7lBI,0DPozMJ,CsBjtLA,oBfnmBI,wDPuzMJ,CsBhtLA,uBfvmBI,wDP0zMJ,CsB/sLA,6Cf3mBI,0DP8zMJ,CsB9sLA,mBfhnBI,0DPi0MJ,CsB7sLA,qBfpnBI,0DPo0MJ,CsB5sLA,yBfxnBI,0DPu0MJ,CsB3sLA,+Cf5nBI,wDP20MJ,CsB1sLA,kBfjoBI,0DP80MJ,CsBzsLA,8HfroBI,0DPq1MJ,CsBxsLA,oBf7oBI,0DPw1MJ,CsBvsLA,sBfjpBI,0DP21MJ,CsBtsLA,iBfrpBI,0DP81MJ,CsBrsLA,oBfzpBI,0DPi2MJ,CsBpsLA,mBf7pBI,0DPo2MJ,CsBnsLA,mBfjqBI,0DPu2MJ,CsBlsLA,mBfrqBI,0DP02MJ,CsBjsLA,qBfzqBI,0DP62MJ,CsBhsLA,2Bf7qBI,0DPg3MJ,CsB/rLA,0GfjrBI,0DPs3MJ,CsB9rLA,sDfxrBI,0DP03MJ,CsB7rLA,kBf7rBI,0DP63MJ,CsB5rLA,sBfjsBI,0DPg4MJ,CsB3rLA,qBfrsBI,0DPm4MJ,CsB1rLA,yBfzsBI,0DPs4MJ,CsBzrLA,wBf7sBI,0DPy4MJ,CsBxrLA,4BfjtBI,0DP44MJ,CsBvrLA,2BfrtBI,0DP+4MJ,CsBtrLA,oBfztBI,0DPk5MJ,CsBrrLA,gBf7tBI,0DPq5MJ,CsBprLA,4CfjuBI,0DPy5MJ,CsBnrLA,8CftuBI,0DP65MJ,CsBlrLA,kDf3uBI,0DPi6MJ,CsBjrLA,kBfhvBI,0DPo6MJ,CsBhrLA,iBfpvBI,0DPu6MJ,CsB/qLA,0BfxvBI,0DP06MJ,CsB9qLA,mBf5vBI,0DP66MJ,CsB7qLA,4BfhwBI,0DPg7MJ,CsB5qLA,gBfpwBI,0DPm7MJ,CsB3qLA,8EfxwBI,0DPw7MJ,CsB1qLA,qEf9wBI,0DP47MJ,CsBzqLA,sBfnxBI,0DP+7MJ,CsBxqLA,+BfvxBI,0DPk8MJ,CsBvqLA,kBf3xBI,yDPq8MJ,CsBtqLA,iBf/xBI,0DPw8MJ,CsBrqLA,mBfnyBI,0DP28MJ,CsBpqLA,4BfvyBI,0DP88MJ,CsBnqLA,4Bf3yBI,0DPi9MJ,CsBlqLA,+Bf/yBI,0DPo9MJ,CsBjqLA,+BfnzBI,0DPu9MJ,CsBhqLA,4BfvzBI,0DP09MJ,CsB/pLA,gCf3zBI,0DP69MJ,CsB9pLA,oCf/zBI,0DPg+MJ,CsB7pLA,+Bfn0BI,0DPm+MJ,CsB5pLA,4Bfv0BI,0DPs+MJ,CsB3pLA,8Bf30BI,0DPy+MJ,CsB1pLA,wBf/0BI,0DP4+MJ,CsBzpLA,yBfn1BI,0DP++MJ,CsBxpLA,wBfv1BI,0DPk/MJ,CsBvpLA,wCf31BI,0DPs/MJ,CsBtpLA,mDfh2BI,0DP0/MJ,CsBrpLA,0Bfr2BI,0DP6/MJ,CsBppLA,6Bfz2BI,0DPggNJ,CsBnpLA,wBf72BI,0DPmgNJ,CsBlpLA,2Bfj3BI,0DPsgNJ,CsBjpLA,kCfr3BI,0DPygNJ,CsBhpLA,6Bfz3BI,0DP4gNJ,CsB/oLA,oCf73BI,0DP+gNJ,CsB9oLA,2Bfj4BI,0DPkhNJ,CsB7oLA,iCfr4BI,0DPqhNJ,CsB5oLA,oBfz4BI,0DPwhNJ,CsB3oLA,oBf74BI,0DP2hNJ,CsB1oLA,4Bfj5BI,0DP8hNJ,CsBzoLA,gCfr5BI,0DPiiNJ,CsBxoLA,yBfz5BI,0DPoiNJ,CsBvoLA,yCf75BI,0DPwiNJ,CsBtoLA,kBfl6BI,0DP2iNJ,CsBroLA,qDft6BI,0DP+iNJ,CsBpoLA,wBf36BI,0DPkjNJ,CsBnoLA,qCf/6BI,0DPsjNJ,CsBloLA,uCfp7BI,0DP0jNJ,CsBjoLA,8Bfz7BI,0DP6jNJ,CsBhoLA,gCf77BI,0DPgkNJ,CsB/nLA,4Bfj8BI,0DPmkNJ,CsB9nLA,gCfr8BI,0DPskNJ,CsB7nLA,6Bfz8BI,0DPykNJ,CsB5nLA,4Bf78BI,0DP4kNJ,CsB3nLA,yBfj9BI,0DP+kNJ,CsB1nLA,4Cfr9BI,0DPmlNJ,CsBznLA,0Bf19BI,0DPslNJ,CsBxnLA,wBf99BI,0DPylNJ,CsBvnLA,0Bfl+BI,0DP4lNJ,CsBtnLA,6Bft+BI,0DP+lNJ,CsBrnLA,4Cf1+BI,0DPkmNJ,CsBpnLA,0Cf9+BI,0DPqmNJ,CsBnnLA,+Efl/BI,0DPymNJ,CsBlnLA,gEfv/BI,0DP8mNJ,CsBjnLA,gBf7/BI,0DPinNJ,CsBhnLA,2BfjgCI,0DPonNJ,CsB/mLA,gMfrgCI,0DP4nNJ,CsB9mLA,sBf9gCI,0DP+nNJ,CsB7mLA,oBflhCI,0DPkoNJ,CsB5mLA,yBfthCI,0DPqoNJ,CsB3mLA,kBf1hCI,0DPwoNJ,CsB1mLA,4Gf9hCI,0DP8oNJ,CsBzmLA,gCfriCI,0DPipNJ,CsBxmLA,yCfziCI,0DPqpNJ,CsBvmLA,iDf9iCI,0DPypNJ,CsBtmLA,iDfnjCI,0DP6pNJ,CsBrmLA,2CfxjCI,0DPiqNJ,CsBpmLA,4Df7jCI,0DPqqNJ,CsBnmLA,0DflkCI,0DPyqNJ,CsBlmLA,oBfvkCI,0DP4qNJ,CsBjmLA,gBf3kCI,0DP+qNJ,CsBhmLA,kBf/kCI,0DPkrNJ,CsB/lLA,kBfnlCI,0DPqrNJ,CsB9lLA,2BfvlCI,0DPwrNJ,CsB7lLA,uBf3lCI,0DP2rNJ,CsB5lLA,wBf/lCI,0DP8rNJ,CsB3lLA,oBfnmCI,0DPisNJ,CsB1lLA,qBfvmCI,0DPosNJ,CsBzlLA,sBf3mCI,0DPusNJ,CsBxlLA,oBf/mCI,0DP0sNJ,CsBvlLA,wBfnnCI,0DP6sNJ,CsBtlLA,qBfvnCI,0DPgtNJ,CsBrlLA,wBf3nCI,0DPmtNJ,CsBplLA,mBf/nCI,0DPstNJ,CsBnlLA,2BfnoCI,0DPytNJ,CsBllLA,kCfvoCI,0DP4tNJ,CsBjlLA,oBf3oCI,0DP+tNJ,CsBhlLA,mBf/oCI,0DPkuNJ,CsB/kLA,kBfnpCI,0DPquNJ,CsB9kLA,yBfvpCI,0DPwuNJ,CsB7kLA,yBf3pCI,0DP2uNJ,CsB5kLA,0Bf/pCI,0DP8uNJ,CsB3kLA,yBfnqCI,0DPivNJ,CsB1kLA,gCfvqCI,wDPovNJ,CsBzkLA,wBf3qCI,0DPuvNJ,CsBxkLA,gDf/qCI,0DP2vNJ,CsBvkLA,qCfprCI,0DP8vNJ,CsBtkLA,kFfxrCI,0DPmwNJ,CsBrkLA,iCf9rCI,0DPswNJ,CsBpkLA,gFflsCI,0DP2wNJ,CsBnkLA,uBfxsCI,0DP8wNJ,CsBlkLA,qCf5sCI,0DPixNJ,CsBjkLA,+CfhtCI,0DPqxNJ,CsBhkLA,iDfrtCI,0DPyxNJ,CsB/jLA,mBf1tCI,wDP4xNJ,CsB9jLA,oCf9tCI,0DP+xNJ,CsB7jLA,wCfluCI,0DPkyNJ,CsB5jLA,wDftuCI,0DPsyNJ,CsB3jLA,sDf3uCI,0DP0yNJ,CsB1jLA,4DfhvCI,0DP8yNJ,CsBzjLA,8EfrvCI,0DPmzNJ,CsBxjLA,gHf3vCI,wDPyzNJ,CsBvjLA,0BflwCI,0DP4zNJ,CsBtjLA,yBftwCI,0DP+zNJ,CsBrjLA,oBf1wCI,0DPk0NJ,CsBpjLA,0Bf9wCI,0DPq0NJ,CsBnjLA,mBflxCI,wDPw0NJ,CsBljLA,wBftxCI,0DP20NJ,CsBjjLA,wBf1xCI,0DP80NJ,CsBhjLA,wBf9xCI,0DPi1NJ,CsB7iLA,WfpyCI,0DPq1NJ,CsB7iLA,WfxyCI,0DPw1NJ,CsB5iLA,af5yCI,0DP21NJ,CsB3iLA,SfhzCI,wDP81NJ,CsB1iLA,SfpzCI,0DPi2NJ,CsBziLA,UfxzCI,0DPo2NJ,CsBxiLA,gBf5zCI,wDPu2NJ,CsBviLA,afh0CI,0DP02NJ,CsBtiLA,afp0CI,0DP62NJ,CsBriLA,efx0CI,0DPg3NJ,CsBpiLA,cf50CI,0DPm3NJ,CsBniLA,iBfh1CI,0DPs3NJ,CsBliLA,mBfp1CI,0DPy3NJ,CsBjiLA,iBfx1CI,0DP43NJ,CsBhiLA,yBf51CI,0DP+3NJ,CsB/hLA,wBfh2CI,0DPk4NJ,CsB9hLA,wBfp2CI,0DPq4NJ,CsB7hLA,0Bfx2CI,0DPw4NJ,CsB5hLA,mBf52CI,0DP24NJ,CsB3hLA,afh3CI,0DP84NJ,CsB1hLA,afp3CI,0DPi5NJ,CsBzhLA,afx3CI,0DPo5NJ,CsBxhLA,Wf53CI,0DPu5NJ,CsBvhLA,afh4CI,0DP05NJ,CsBthLA,mBfp4CI,0DP65NJ,CsBrhLA,afx4CI,wDPg6NJ,CsBphLA,mBf54CI,0DPm6NJ,CsBnhLA,gBfh5CI,0DPs6NJ,CsBlhLA,Wfp5CI,0DPy6NJ,CsBjhLA,uBfx5CI,0DP46NJ,CsBhhLA,cf55CI,0DP+6NJ,CsB/gLA,afh6CI,0DPk7NJ,CsB9gLA,efp6CI,0DPq7NJ,CsB7gLA,cfx6CI,wDPw7NJ,CsB5gLA,gBf56CI,wDP27NJ,CsB3gLA,Wfh7CI,0DP87NJ,CsB1gLA,Yfp7CI,0DPi8NJ,CsBzgLA,Wfx7CI,0DPo8NJ,CsBxgLA,iBf57CI,0DPu8NJ,CsBvgLA,cfh8CI,0DP08NJ,CsBtgLA,efp8CI,0DP68NJ,CsBrgLA,iBfx8CI,0DPg9NJ,CsBpgLA,sBf58CI,0DPm9NJ,CsBngLA,Wfh9CI,0DPs9NJ,CsBlgLA,Wfp9CI,0DPy9NJ,CsBjgLA,iBfx9CI,0DP49NJ,CsBhgLA,cf59CI,0DP+9NJ,CsB//KA,cfh+CI,0DPk+NJ,CsB9/KA,cfp+CI,0DPq+NJ,CsB7/KA,sBfx+CI,0DPw+NJ,CsB5/KA,ef5+CI,0DP2+NJ,CsB3/KA,efh/CI,0DP8+NJ,CsB3/KI,sDfn/CA,0DPk/NJ,CsBz/KA,cfz/CI,0DPq/NJ,CsBz/KI,oDf5/CA,0DPy/NJ,CsBv/KA,cflgDI,0DP4/NJ,CsBv/KI,oDfrgDA,0DPggOJ,CuBngOA,sDACI,evBqgOJ,CuBlgOA,0CACI,YvBogOJ,CwB/8NA,OAEI,uBADA,YxBq/NJ,CwBl/NI,sBAEI,cACA,uBxBo/NR,CwBj/NI,8BACI,cACA,yBxBm/NR,CwBh/NI,eACI,mBxBk/NR,CwB/+NI,eACI,cAEA,gBxBi/NR,CwB9+NI,wBAEI,gBxBg/NR,CwB7+NI,aACI,cACA,WxB++NR,CwB5+NI,sCAEI,exB8+NR,CwB3+NI,6BACI,gBxB6+NR,CwB1+NI,sCAEI,gBxB4+NR,CwBz+NI,6BACI,iBxB2+NR,CwBx+NI,sCAEI,iBxB0+NR,CwBv+NI,+BACI,iBxBy+NR,CwBt+NI,wCAEI,iBxBw+NR,CwBr+NI,eACI,kBxBu+NR,CwBn+NA,gBACI,YACA,0BxBq+NJ,CwBn+NI,sBACI,mBACA,cxBq+NR,CwBv+NI,sCAKQ,cACA,yBxBq+NZ,CwBh+NA,yBACI,mBACI,axBk+NN,CwBn+NE,kCAKQ,cxBk+NV,CACF,CyB9lOA,gBAgBI,qBAPA,yBAFA,yBACA,kBAPA,sBAUA,WADA,gEAPA,gBACA,eAFA,gBAWA,cAIA,yBAHA,kBARA,uBAMA,WAGA,oBzBynOJ,CyBxoOA,wBAyBQ,yBALA,qBAEA,WACA,oBACA,oBAHA,azB2nOR,CyBnnOA,qBACI,czBqnOJ,C0B9oOA,eAEI,sBAEA,mBADA,iB1B6qOJ,C0BxqOA,mFAHI,mBAJA,Y1BqrOJ,C0BvqOA,oBAGI,eAFA,U1B2qOJ,C0BvqOI,+BACI,Q1ByqOR,C0BrqOA,qBAOI,sBADA,kBAEA,+BAPA,sBAQA,eAJA,kBAHA,kBACA,U1B6qOJ,C0BrqOI,2BACI,yBACA,4B1BuqOR,C0BpqOI,6BACI,yBACA,e1BsqOR,C0BlqOA,0CAGI,cAFA,SACA,qB1BqqOJ,C0BjqOA,2BAGI,eACA,kBAHA,gBACA,S1BqqOJ,C0BvqOA,6FAQQ,cACA,gB1BmqOR,C0B/pOA,iBnB7FI,0DP+vOJ,C0B9pOA,enBjGI,0DPkwOJ,C0B7pOA,yBACI,eACI,kB1B+pON,C0B5pOE,kCACI,W1B8pON,C0B3pOE,oBAEI,mBAEA,iBAHA,U1BgqON,C0B1pOE,qBACI,mBACA,e1B4pON,C0B1pOM,mCAQI,yBAMA,+BAJA,YANA,WAHA,cAMA,YAIA,SAEA,mBAVA,oBADA,kBAGA,wBACA,WAGA,S1BiqOV,CACF,C0BxpOA,sCAEQ,qB1BypOR,C0B3pOA,2CAOQ,c1BwpOR,C0BtpOQ,sDACI,Q1BwpOZ,C0BlqOA,4CAeQ,c1BspOR,C0BppOQ,0DACI,Y1BspOZ,C2BxxOA,WACI,aACA,qB3BuzOJ,C2BpzOA,gBAKI,+BADA,mBADA,oBAFA,kBACA,U3ByzOJ,C2BpzOI,sBAQI,2BACA,ubACA,wBANA,SADA,WAFA,cAMA,YAFA,UAHA,kBASA,wBALA,U3B2zOR,C2BnzOI,2BACI,gB3BqzOR,C2BnzOQ,iCACI,Y3BqzOZ,C2BhzOA,qBACI,e3BkzOJ,C2B/yOA,2CAEI,iB3BizOJ,C2B9yOA,sCAEQ,WAGA,gBADA,SADA,U3BizOR,C2BpzOA,uCASQ,WACA,a3B8yOR,C2BxzOA,iFAgBQ,Y3B6yOR,C2BzyOA,0BACI,c3B2yOJ,C2BxyOA,wBACI,qBACA,wB3B0yOJ,C2BvyOA,yBACI,sBACI,UACA,a3ByyON,CACF,C2BtyOA,0BACI,WACI,kB3BwyON,C2BryOE,gBAII,kBADA,mBAFA,U3B0yON,C2BryOM,sBAEI,YACA,UAEA,6BADA,gBAFA,MADA,0C3B2yOV,C2BpyOM,2BAEI,eADA,S3BuyOV,C2BlyOE,wBACI,e3BoyON,CACF,C2BjyOA,kCAEQ,qB3BkyOR,C2BpyOA,uCAUQ,gBAFA,iBAFA,U3BqyOR,C2B/xOQ,6CACI,SAGA,YAFA,qBADA,SAIA,wBAFA,U3BmyOZ,yiN;A4B/7OA,cASI,qBAFA,0BAJA,SAEA,sBAGA,eAJA,OAHA,kBAGA,QAEA,kBAHA,MADA,YCGJ,CDLA,iCAcQ,OAFA,kBACA,QAEA,UCJR,CDXA,iCAmBQ,kBACA,QCLR,CDSA,2CACI,WCPJ,CDYA,aACI,kBCTJ,CDYA,yBACI,aAEI,qBADA,mBAEA,oBCVN,CACF,CDaA,yBACI,IACI,kBCXN,CDUE,kBAKQ,mBADA,WCVV,CDME,mCAUQ,SADA,gBCXV,CDEE,wCAeQ,gBADA,UCZV,CDFE,8CAoBQ,gBADA,WCbV,CACF,CDmBA,eAKI,gBADA,sBAFA,aACA,gBAFA,aCZJ,CDkBI,sDAEI,cChBR,CDOA,gCAcQ,WADA,iBChBR,CDqBA,oCACI,YACA,+BACA,gBCnBJ,CDsBA,uBACI,kBCpBJ,CDmBA,iCAIQ,cCpBR,CDwBA,uKAcI,yBACA,qBACA,iBCtBJ,CDyBA,arBxHI,wDsBkGJ,CD0BA,gBrB5HI,wDsBqGJ,CD2BA,crBhII,wDsBwGJ,CD4BA,WrBpII,wDsB2GJ,CD6BA,UrBxII,wDsB8GJ,CD8BA,YrB5II,wDsBiHJ,CD+BA,YrBhJI,wDsBoHJ,CDgCA,UrBpJI,wDsBuHJ,CDiCA,UrBxJI,wDsB0HJ,CDkCA,UrB5JI,wDsB6HJ,CDmCA,arBhKI,yDsBgIJ,CDoCA,UrBpKI,yDsBmIJ,CDqCA,YrBxKI,yDsBsIJ,CDsCA,crB5KI,yDsByIJ,CC3II,oCAGI,oBADA,YADA,UD+IR,CCzIA,wBACI,iBACA,gBD2IJ,CCzII,iCAEI,gBD2IR,CCxII,gCACI,gBACA,mBADA,eAGA,iBACA,cAFA,iBD4IR,CEzJA,oCAEQ,aACA,eAGA,gBAFA,SACA,SF8JR,CEnKA,uCAUQ,qBAEA,iBACA,gBAFA,UF8JR,CEzKA,qCAiBQ,sBACA,gBAEA,wBF2JR,CEzJQ,4CAQI,yBxB/BR,0DwBgCQ,qBARA,WACA,cACA,WAEA,YAEA,mBAHA,UFiKZ,CE3LA,oDxBDI,yDsB+LJ,CE9LA,4DxBDI,yDsBkMJ,CEjMA,8DxBDI,yDsBqMJ,CEpMA,yDxBDI,yDsBwMJ,CEvMA,6DxBDI,yDsB2MJ,CE1MA,+DxBDI,yDsB8MJ,CE7MA,8DxBD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BA,6OA+DY,Uf6sBZ,Ce5wBA,mhBAoEY,UfgtBZ,CepxBA,qCAuFQ,wCACA,yBAXA,YADA,sBAMA,WAGA,eAXA,cASA,eACA,gBAJA,SADA,iBANA,kBAaA,gBALA,qBANA,Uf2tBR,Ce5sBQ,sFAEI,wBf8sBZ,Ce3sBQ,2CACI,Yf6sBZ,Ce7yBA,sDAoGY,Uf4sBZ,CezsBQ,wHAEI,Sf2sBZ,CepzBA,sCAkHQ,YAFA,gBAFA,kBACA,WAEA,Sf0sBR,CevsBQ,6C5CjIJ,iS4C0IQ,4BACA,wBAJA,WAFA,WACA,gBAJA,kBACA,QASA,0BARA,SfgtBZ,Cev0BA,0I5CbI,6R6Bw1BJ,Ce30BA,oFAyIQ,wBfqsBR,Ce90BA,gCA+IY,iBADA,gBAEA,2BfmsBZ,Cen1BA,+BAoJY,iBfksBZ,Cet1BA,oFAyJY,kBfisBZ,Ce11BA,6JA+JY,SfgsBZ,Ce/1BA,uEAoKQ,sBACA,Yf8rBR,Cen2BA,uEA+KQ,qBALA,WAEA,YAEA,qBAHA,UfisBR,Ce1rBI,8CAIQ,eADA,wBf6rBV,CehsBE,+BAQQ,iBf2rBV,CensBE,oCAYQ,cACA,ef0rBV,CevsBE,oCAiBQ,efyrBV,CeprBM,oHAGQ,YfurBd,Ce1rBM,qDAOQ,WfsrBd,Ce7rBM,2DAWQ,YACA,iBfqrBd,CejsBM,4DAgBQ,eforBd,CAfF,Ce/pBA,UACI,iBfirBJ,Ce/qBI,e5ChRA,wD6Bk8BJ,Ce9qBI,kB5CpRA,wD6Bq8BJ,Ce7qBI,oB5CxRA,wD6Bw8BJ,Ce5qBI,kB5C5RA,wD6B28BJ,Ce3qBI,wB5ChSA,wD6B88BJ,Ce1qBI,wB5CpSA,wD6Bi9BJ,CezqBI,gB5CxSA,wD6Bo9BJ,CexqBI,4B5C5SA,wD6Bu9BJ,CevqBI,iB5ChTA,wD6B09BJ,CetqBI,kB5CpTA,wD6B69BJ,CerqBI,kB5CxTA,yD6Bg+BJ,CepqBI,2B5C5TA,yD6Bm+BJ,CenqBI,e5ChUA,yD6Bs+BJ,CelqBI,uB5CpUA,yD6By+BJ,CejqBI,gB5CxUA,yD6B4+BJ,CehqBI,kB5C5UA,yD6B++BJ,Ce/pBI,qB5ChVA,yD6Bk/BJ,Ce9pBI,iB5CpVA,yD6Bq/BJ,Ce7pBI,mB5CxV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","sources":["webpack:///./styles/base.less","webpack:///./styles/index.less","webpack:///./styles/flex.less","webpack:///./styles/page-layout.less","webpack:///./styles/content-layout.less","webpack:///./styles/grid.less","webpack:///./styles/type.less","webpack:///./styles/forms.less","webpack:///./styles/_mixins.less","webpack:///./styles/buttons.less","webpack:///./styles/button-groups.less","webpack:///./styles/animation.less","webpack:///./styles/icons.less","webpack:///./styles/paging.less","webpack:///./styles/label.less","webpack:///./styles/bar-chart-table.less","webpack:///./styles/dropdowns.less","webpack:///./styles/popups.less","webpack:///./styles/nps-survey.less","webpack:///./styles/helpers.less","webpack:///./styles/object-management-layout.less","webpack:///./styles/license.less","webpack:///./styles/misc.less","webpack:///./styles/icons-set.less","webpack:///./styles/collapsible-section.less","webpack:///./styles/media.less","webpack:///./styles/console-output.less","webpack:///./styles/mode-selector.less","webpack:///./styles/form-flow.less","webpack:///./app/file-manager/explorer/index.less","webpack:///./app/index.less","webpack:///./app/task-progress-bar/TaskProgressBar.less","webpack:///./app/app/apscatalog.less","webpack:///./app/app/progress.less","webpack:///./app/log-browser/browser/ProblemPanelWrapper.less","webpack:///../../../../../gen/node_modules/node_modules/react-vis/dist/style.css","webpack:///./components/layouts/Brand/index.less","webpack:///./components/index.less","webpack:///./components/layouts/AppLayout.less","webpack:///./components/layouts/CookiePolicy/Info.less","webpack:///./components/layouts/CookiePolicy/Preferences/Preferences.less","webpack:///./components/layouts/CookiePolicy/Preferences/Overlay.less","webpack:///./components/layouts/InitLayout.less","webpack:///./components/layouts/LoginLayout.less","webpack:///./components/layouts/PageLayout/LicenseStatus.less","webpack:///./components/layouts/PageLayout/PageHeader/PageHeader.less","webpack:///./components/layouts/PageLayout/PageHeader/MainHeaderNavbar.less","webpack:///./components/layouts/PageLayout/PageHeader/MainHeaderSearch/MainHeaderSearch.less","webpack:///./components/layouts/PageLayout/PageHeader/NotificationCenter/NotificationCenter.less","webpack:///./components/layouts/PageLayout/PageHeader/NotificationCenter/NotificationCenterView.less","webpack:///./components/layouts/PageLayout/PageHeader/SubscriptionSwitcher.less","webpack:///./components/layouts/PageLayout/PageHeader/DiscoMode/index.less","webpack:///./components/layouts/PageLayout/PageSidebar.less","webpack:///./components/layouts/PageLayout/PageContentHeader.less","webpack:///./components/layouts/PageLayout/PageFooter.less","webpack:///./components/layouts/PageLayout/ViewSwitcher.less","webpack:///./components/layouts/PageLayout/PageContentHeaderNav.less","webpack:///./components/sidebars/SidePanel.less","webpack:///./components/sidebars/WebSidebar/RssFeedCustomSpot.less","webpack:///./components/pages/LoginPage/LoginMobileApplicationPromotion.less","webpack:///./components/pages/LoginPage/SuggestResolvableHostname.less","webpack:///./components/pages/PhpExtensionsPage/ManagePhpExtensions.less","webpack:///./components/pages/WebsitesDiagnostic/ProblemReport/Report/DistributionOverTime/Chart.less","webpack:///./components/pages/WebsitesDiagnostic/ProblemReport/Report/ProblemDetails.less","webpack:///./components/pages/DnsSettingsPage/Records/DnsRecordFormDrawer/DnsRecordFormDrawer.less","webpack:///./components/pages/ServerAboutPage.less","webpack:///./components/forms/MassMailForm/index.less","webpack:///./components/forms/ServerMailSettingsForm/index.less","webpack:///./components/forms/ServerMailSpamFilterForm.less","webpack:///./components/common/SkeletonWrapper.less","webpack:///./views/admin/home/admin/HomePanel.less","webpack:///./views/index.less","webpack:///./views/admin/server/tools/Tools.less","webpack:///./views/admin/services/list/ServicesListPage.less","webpack:///./views/smb/statistics/details/Details.less","webpack:///./views/smb/statistics/details/Gauge.less","webpack:///./views/smb/statistics/details/Usage.less","webpack:///./views/smb/web/php-settings/PhpSupport.less","webpack:///./views/smb/web/common/SiteCard/ItemSummary.less","webpack:///./views/smb/web/common/SiteCard/Screenshot.less","webpack:///./views/smb/web/common/SiteCard/Tabs/index.less","webpack:///./views/smb/web/common/SiteCard/Tabs/GetStartedTab/index.less","webpack:///./views/smb/web/overview/index.less","webpack:///./views/smb/web/view/ActionList.less","webpack:///./views/smb/web/view/DynamicList.less","webpack:///./views/smb/account/show/AccountResources.less","webpack:///./styles/themes.less","webpack:///./components/pages/SummaryReportPage/print.less","webpack:///./jsw/tooltip.less","webpack:///./components/pages/ServerMailStatisticsPage/ServerMailStatisticsPage.less","webpack:///./jsw/status-message.less","webpack:///./jsw/hint.less","webpack:///./jsw/tool-list.less","webpack:///./jsw/modal-dialog-box.less","webpack:///./jsw/message-box.less","webpack:///./jsw/small-tools.less","webpack:///./jsw/collapsible-block.less","webpack:///./jsw/pathbar.less","webpack:///./jsw/bar.less","webpack:///./jsw/Popup.less","webpack:///./jsw/double-list-selector.less","webpack:///./jsw/enhanced-double-list-selector.less","webpack:///./jsw/dynamic-popup-hint.less","webpack:///./jsw/password-meter.less","webpack:///./jsw/list/List.less","webpack:///./jsw/active-list.less","webpack:///./jsw/file-manager/tree.less","webpack:///./jsw/object-switcher.less","webpack:///./jsw/PopupSlider.less","webpack:///./components/pages/ServerInformationPage/ServerInformationPage.less","webpack:///./components/pages/HostingSettingsPage/HostingSettingsPage.less","webpack:///./components/pages/ProtectedDirectoryListPage/ProtectedDirectoryListPage.less","webpack:///./components/pages/VirtualDirectoryPage/Protection/VirtualDirectoryPageProtectionUsers.less","webpack:///./components/common/TrafficUsage/HeaderLayout/HeaderLayout.less","webpack:///./components/lists/TrafficUsageByClientsList/TrafficUsageByClientsList.less","webpack:///./components/pages/TrafficUsageByResellerPage/TotalUsage.less","webpack:///./components/pages/TrafficUsageByDomainsPage/List.less","webpack:///./components/common/TrafficUsage/TotalUsageInfo/TotalUsageInfo.less","webpack:///./components/pages/TrafficUsageByDomainPage/TotalUsage.less","webpack:///./components/pages/DomainsResourceUsagePage/DomainsResourceUsagePage.less","webpack:///./components/layouts/StatusMessages/LicenseLimitsMessage/LicenseLimitsMessage.less","webpack:///./components/layouts/PageLayout/PageHeader/NotificationCenter/UnreadCounter.less","webpack:///./components/layouts/PageLayout/PageHeader/NotificationCenter/NotificationActions.less","webpack:///./components/layouts/PageLayout/PageHeader/NotificationCenter/NotificationCenterList/NotificationCenterList.less","webpack:///./components/layouts/PageLayout/PageHeader/NotificationCenter/NotificationToast.less","webpack:///../common/components/ErrorPage.module.css","webpack:///./components/common/LocaleSwitcher/LocaleSwitcher.less","webpack:///./components/forms/ChangeSubscriptionsOwnerFrom/ChangeSubscriptionsOwnerFrom.less","webpack:///./components/pages/ConfigureMailClientPage/Layout.less","webpack:///./components/pages/ConfigureMailClientPage/List.less","webpack:///./components/pages/ConfigureMailClientPage/content/Base.less","webpack:///./components/forms/ScheduledBackupForm/ScheduleSection/ScheduleSection.less","webpack:///./components/forms/ScheduledBackupForm/CloudPromo.less","webpack:///./components/lists/DomainsList/DomainList.less","webpack:///./components/common/ApplicationWizard/ChooseApplicationStep.less","webpack:///./components/common/ApplicationWizard/SelectedApplicationInfo.less","webpack:///./components/common/ApplicationWizard/ApplicationWizard.less","webpack:///./views/smb/file-manager/list/Editor/TextEditor.less","webpack:///./views/smb/file-manager/list/Editor/FileEditor.less","webpack:///./components/common/FilePermissions/FilePermissions.less","webpack:///./views/smb/email-address/list/EmailAddressList.less","webpack:///./components/common/ConfigureMailClient/Common/Step.less","webpack:///./components/common/ConfigureMailClient/Content.less","webpack:///./views/smb/mail-settings/edit/MailSettingsDialog.less","webpack:///./views/smb/mail-settings/edit/MailSettingsDkimHint.less","webpack:///./views/smb/web/common/SiteCard/StatisticsCard.less","webpack:///./views/smb/web/view/SiteJetBaner.less","webpack:///./views/smb/dns-zone/records-list/RecordsList.less","webpack:///./components/pages/BrandingPage.less","webpack:///./components/pages/IpAddressPage/IpAddressList.less","webpack:///./components/forms/AspDotNetSettingsForm/AspDotNetSettingsForm.less","webpack:///./components/pages/DatabasesPage/DatabaseList.less","webpack:///./components/pages/DatabasesPage/CopyDatabase.less","webpack:///./components/common/PrefixedFormElement/PrefixedFormElement.less","webpack:///./components/pages/DatabasesPage/ImportDatabase.less","webpack:///./components/pages/DatabasesPage/ExportDatabase.less","webpack:///./components/pages/BandwidthLimitingPage/BandwidthLimitingForm.less","webpack:///./components/forms/VirtualDirectoryForm/Path.less","webpack:///./components/forms/VirtualDirectoryForm/AspSection.less","webpack:///./components/forms/VirtualDirectoryForm/NewDefaultDoc.less","webpack:///./components/forms/VirtualDirectoryForm/DefaultDocsField.less","webpack:///./components/pages/VirtualDirectoryPage/MimeTypeList/MimeTypeList.less","webpack:///./components/forms/VirtualDirectoryMimeTypeForm/VirtualDirectoryMimeTypeForm.less","webpack:///./components/pages/HomePage/Promo/Promo.less","webpack:///./components/pages/HomePage/HomePage.less","webpack:///./components/pages/InfoAndStatisticsPage/InfoAndStatisticsPage.css","webpack:///./components/common/ServerMailAntivirusPromo/ServerMailAntivirusPromo.less"],"sourcesContent":["// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n@import \"_variables\";\n\n/* ========================================================================\n Base\n ========================================================================== */\n\na,\n.ui-link {\n color: @base-link-color;\n text-decoration: @base-link-text-decoration;\n cursor: pointer;\n background-color: transparent;\n\n &:active,\n &:hover {\n outline: 0;\n }\n\n &:hover {\n color: @base-link-hover-color;\n text-decoration: @base-link-hover-text-decoration;\n }\n\n &:active {\n color: @base-link-active-color;\n }\n}\n\n.ui-link--secondary,\n.link-01 {\n color: @base-secondary-link-color;\n\n &:hover {\n color: @base-secondary-link-hover-color;\n }\n}\n\n.ui-link--muted,\n.link-02,\n.more a {\n color: @base-muted-link-color;\n\n &:hover {\n color: @base-muted-link-hover-color;\n }\n}\n\n.aux-actions {\n &,\n a {\n color: @base-secondary-link-color;\n }\n\n a:hover {\n color: @base-secondary-link-hover-color;\n }\n\n &::before {\n content: \"[\";\n }\n\n &::after {\n content: \"]\";\n }\n\n &-separator {\n font-size: 10px;\n vertical-align: 1px;\n }\n}\n\n.toggler,\na.toggler,\na.toggler:hover {\n text-decoration: none;\n border-block-end: 1px dotted;\n}\n\n.ext {\n padding-inline-end: 1em;\n background-position: 100% 50%;\n background-repeat: no-repeat;\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath fill='@{base-link-color}' d='M6.5 1C6.22386 1 6 .776142 6 .5s.22386-.5.5-.5h3c.27614 0 .5.223858.5.5v3c0 .27614-.22386.5-.5.5S9 3.77614 9 3.5V1.70711L3.85355 6.85355c-.19526.19527-.51184.19527-.7071 0-.19527-.19526-.19527-.51184 0-.7071L8.29289 1H6.5zM0 1.5c0-.27614.223858-.5.5-.5H4c.27614 0 .5.22386.5.5S4.27614 2 4 2H1v7h7V6c0-.27614.22386-.5.5-.5s.5.22386.5.5v3.5c0 .27614-.22386.5-.5.5h-8c-.276142 0-.5-.22386-.5-.5v-8z'/%3E%3C/svg%3E\");\n background-size: ~\"calc(1em - 4px)\";\n}\n\n.i-link {\n &,\n &:hover {\n text-decoration: none;\n }\n\n > span {\n text-decoration: @base-link-text-decoration;\n }\n\n &:hover > span {\n text-decoration: @base-link-hover-text-decoration;\n }\n\n &.toggler,\n &.toggler:hover {\n border-block-end: 0;\n\n > span {\n text-decoration: none;\n border-block-end: 1px dotted;\n }\n }\n\n &.disabled,\n &[disabled] {\n &,\n &:hover,\n & > span,\n &:hover > span {\n color: #333;\n text-decoration: none;\n opacity: 0.5;\n filter: grayscale(100%);\n cursor: not-allowed;\n }\n }\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n.code {\n font-family: @base-code-font-family;\n font-size: @base-code-font-size;\n color: @base-code-color;\n}\n\n/* Block elements\n ========================================================================== */\n\n/* Margins */\n\n.pul-layout__main-inner,\n.b-content-main,\n.b-content-side,\n#main {\n > :last-child {\n margin-block-end: 0;\n }\n}\n\n/* Horizontal rules\n ========================================================================== */\n\n.divider {\n block-size: 1px;\n overflow: hidden;\n margin-block: @base-hr-margin-block;\n margin-inline: 0;\n border: 0;\n background-color: @base-hr-border;\n}\n\n/* Selection pseudo-element\n ========================================================================== */\n\n// stylelint-disable-next-line plugin/no-unsupported-browser-features\n::selection {\n background: @base-selection-background;\n color: @base-selection-color;\n text-shadow: none;\n}\n","/* ========================================================================\n Base\n ========================================================================== */\na,\n.ui-link {\n color: #007eb0;\n text-decoration: none;\n cursor: pointer;\n background-color: transparent;\n}\na:active,\n.ui-link:active,\na:hover,\n.ui-link:hover {\n outline: 0;\n}\na:hover,\n.ui-link:hover {\n color: #259ccc;\n text-decoration: underline;\n}\na:active,\n.ui-link:active {\n color: #2089b2;\n}\n.ui-link--secondary,\n.link-01 {\n color: #007eb0;\n}\n.ui-link--secondary:hover,\n.link-01:hover {\n color: #259ccc;\n}\n.ui-link--muted,\n.link-02,\n.more a {\n color: #007eb0;\n}\n.ui-link--muted:hover,\n.link-02:hover,\n.more a:hover {\n color: #259ccc;\n}\n.aux-actions,\n.aux-actions a {\n color: #007eb0;\n}\n.aux-actions a:hover {\n color: #259ccc;\n}\n.aux-actions::before {\n content: \"[\";\n}\n.aux-actions::after {\n content: \"]\";\n}\n.aux-actions-separator {\n font-size: 10px;\n vertical-align: 1px;\n}\n.toggler,\na.toggler,\na.toggler:hover {\n text-decoration: none;\n border-block-end: 1px dotted;\n}\n.ext {\n padding-inline-end: 1em;\n background-position: 100% 50%;\n background-repeat: no-repeat;\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath fill='#007eb0' d='M6.5 1C6.22386 1 6 .776142 6 .5s.22386-.5.5-.5h3c.27614 0 .5.223858.5.5v3c0 .27614-.22386.5-.5.5S9 3.77614 9 3.5V1.70711L3.85355 6.85355c-.19526.19527-.51184.19527-.7071 0-.19527-.19526-.19527-.51184 0-.7071L8.29289 1H6.5zM0 1.5c0-.27614.223858-.5.5-.5H4c.27614 0 .5.22386.5.5S4.27614 2 4 2H1v7h7V6c0-.27614.22386-.5.5-.5s.5.22386.5.5v3.5c0 .27614-.22386.5-.5.5h-8c-.276142 0-.5-.22386-.5-.5v-8z'/%3E%3C/svg%3E\");\n background-size: calc(1em - 4px);\n}\n.i-link,\n.i-link:hover {\n text-decoration: none;\n}\n.i-link > span {\n text-decoration: none;\n}\n.i-link:hover > span {\n text-decoration: underline;\n}\n.i-link.toggler,\n.i-link.toggler:hover {\n border-block-end: 0;\n}\n.i-link.toggler > span,\n.i-link.toggler:hover > span {\n text-decoration: none;\n border-block-end: 1px dotted;\n}\n.i-link.disabled,\n.i-link[disabled],\n.i-link.disabled:hover,\n.i-link[disabled]:hover,\n.i-link.disabled > span,\n.i-link[disabled] > span,\n.i-link.disabled:hover > span,\n.i-link[disabled]:hover > span {\n color: #333;\n text-decoration: none;\n opacity: 0.5;\n filter: grayscale(100%);\n cursor: not-allowed;\n}\n/* Text-level semantics\n ========================================================================== */\n.code {\n font-family: \"Consolas\", \"Liberation Mono\", \"Menlo\", \"Courier\", monospace;\n font-size: 12px;\n color: #d05;\n}\n/* Block elements\n ========================================================================== */\n/* Margins */\n.pul-layout__main-inner > :last-child,\n.b-content-main > :last-child,\n.b-content-side > :last-child,\n#main > :last-child {\n margin-block-end: 0;\n}\n/* Horizontal rules\n ========================================================================== */\n.divider {\n block-size: 1px;\n overflow: hidden;\n margin-block: 16px;\n margin-inline: 0;\n border: 0;\n background-color: #ececec;\n}\n/* Selection pseudo-element\n ========================================================================== */\n::selection {\n background: #39f;\n color: #fff;\n text-shadow: none;\n}\n.flex {\n display: flex;\n}\n.inline-flex {\n display: inline-flex;\n}\n.flex--row {\n flex-direction: row;\n}\n.flex--row-reverse {\n flex-direction: row-reverse;\n}\n.flex--column {\n flex-direction: column;\n}\n.flex--column-reverse {\n flex-direction: column-reverse;\n}\n.flex--wrap {\n flex-wrap: wrap;\n}\n.flex--wrap-reverse {\n flex-wrap: wrap-reverse;\n}\n.flex--nowrap {\n flex-wrap: nowrap;\n}\n.flex--main-start {\n justify-content: flex-start;\n}\n.flex--main-end {\n justify-content: flex-end;\n}\n.flex--main-center {\n justify-content: center;\n}\n.flex--main-between {\n justify-content: space-between;\n}\n.flex--main-around {\n justify-content: space-around;\n}\n.flex--cross-start {\n align-items: flex-start;\n}\n.flex--cross-end {\n align-items: flex-end;\n}\n.flex--cross-center {\n align-items: center;\n}\n.flex--cross-baseline {\n align-items: baseline;\n}\n.flex--cross-stretch {\n align-items: stretch;\n}\n.flex--content-start {\n align-content: flex-start;\n}\n.flex--content-end {\n align-content: flex-end;\n}\n.flex--content-center {\n align-content: center;\n}\n.flex--content-between {\n align-content: space-between;\n}\n.flex--content-around {\n align-content: space-around;\n}\n.flex--content-stretch {\n align-content: stretch;\n}\n.flex--none {\n flex: none;\n}\n.flex--auto {\n flex: auto;\n}\n.flex--1 {\n flex: 1;\n}\n.flex--grow {\n flex: 1 0 auto;\n}\n.flex--shrink {\n flex: 0 1 auto;\n}\n.flex--self-start {\n align-self: flex-start;\n}\n.flex--self-end {\n align-self: flex-end;\n}\n.flex--self-center {\n align-self: center;\n}\n.flex--self-baseline {\n align-self: baseline;\n}\n.flex--self-stretch {\n align-self: stretch;\n}\n.flex--first {\n order: -1;\n}\n.flex--last {\n order: 99;\n}\n.page-content-only .pul-layout__header,\n.page-content-only .pul-layout__sidebar,\n.page-content-only .pul-layout__footer {\n display: none;\n}\n@media (min-width: 768px) {\n .two-cols-block {\n display: table;\n inline-size: 100%;\n white-space: nowrap;\n }\n .two-cols-block .columns-wrapper {\n display: table-row;\n }\n .two-cols-block .first-col,\n .two-cols-block .second-col {\n display: table-cell;\n inline-size: 50%;\n vertical-align: top;\n white-space: normal;\n }\n .two-cols-block .first-col .column-box {\n padding-block: 0;\n padding-inline: 0 16px;\n }\n .two-cols-block .second-col .column-box {\n padding-block: 0;\n padding-inline: 16px 0;\n }\n .two-cols-block .gauge-wrapper {\n max-inline-size: 200px;\n }\n}\n.plesk-ext-catalog-context-promos__content-wrapper--hide .b-content-main > div,\n.plesk-ext-catalog-context-promos__content-wrapper--hide .b-content-side > div {\n position: static !important;\n}\n@media (min-width: 768px) {\n .b-content-wrap .plesk-ext-catalog-context-promos__content-side--hide {\n inset-inline-end: 24px;\n }\n}\n.b-content-side--collapsed {\n display: none;\n}\n/* doc\n---\ntitle: \"Grid\"\nname: grid\ncategory: \"Components - Grid\"\n---\n\n- [grid.less](https://git.plesk.tech/projects/PLESK/repos/plesk/browse/common/theme/less/core/grid.less)\n\n### Modifiers\n```\ngrid-(sm|md|lg|xl|xxl|xxxl)-(1-6)\ngrid-col-(sm|md|lg|xl|xxl|xxxl)-(1-12)\ngrid-gutter-(xs|sm|md|lg|xl|collapsed)\ngrid-stretched\ngrid-divided-horizontal\ngrid-divided-vertical-solid\n```\n```html_example\n<div class=\"grid grid-md-2 grid-xl-3\">\n <div class=\"grid-col\"></div>\n <div class=\"grid-col\"></div>\n <div class=\"grid-col\"></div>\n <div class=\"grid-col\"></div>\n <div class=\"grid-col\"></div>\n <div class=\"grid-col\"></div>\n</div>\n```\n### Different Width Columns\n```html_example\n<div class=\"grid\">\n <div class=\"grid-col grid-col-md-4\"></div>\n <div class=\"grid-col grid-col-md-8\"></div>\n <div class=\"grid-col grid-col-md-1\"></div>\n <div class=\"grid-col grid-col-md-2\"></div>\n <div class=\"grid-col grid-col-md-3\"></div>\n <div class=\"grid-col grid-col-md-6\"></div>\n <div class=\"grid-col grid-col-md-8\"></div>\n <div class=\"grid-col grid-col-md-2\"></div>\n <div class=\"grid-col grid-col-md-2\"></div>\n</div>\n```\n*/\n.grid {\n display: flex;\n flex-flow: row wrap;\n align-items: stretch;\n box-sizing: border-box;\n margin: -10px;\n padding: 0;\n}\n.grid + .grid {\n margin-block-start: 10px;\n}\n.grid + .grid-gutter-xs {\n margin-block-start: 1px;\n}\n.grid + .grid-gutter-sm {\n margin-block-start: 5px;\n}\n.grid + .grid-gutter-md {\n margin-block-start: 10px;\n}\n.grid + .grid-gutter-lg {\n margin-block-start: 16px;\n}\n.grid + .grid-gutter-xl {\n margin-block-start: 20px;\n}\n.grid > .grid-col {\n position: relative;\n display: inline-block;\n inline-size: 100%;\n padding: 10px;\n vertical-align: top;\n box-sizing: inherit;\n}\n.grid > * {\n padding-inline: 10px;\n box-sizing: inherit;\n}\n.grid > .grid:first-child {\n margin-block-start: 0;\n}\n.grid > .grid:last-child {\n margin-block-end: 0;\n}\n@media (min-width: 480px) {\n .grid-sm-2 > .grid-col {\n inline-size: 50%;\n }\n .grid-sm-3 > .grid-col {\n inline-size: 33.33333333%;\n }\n .grid-sm-4 > .grid-col {\n inline-size: 25%;\n }\n .grid-sm-5 > .grid-col {\n inline-size: 20%;\n }\n .grid-sm-6 > .grid-col {\n inline-size: 16.66666667%;\n }\n .grid-col-sm-1 {\n inline-size: 8.33333333% !important;\n }\n .grid-col-sm-2 {\n inline-size: 16.66666667% !important;\n }\n .grid-col-sm-3 {\n inline-size: 25% !important;\n }\n .grid-col-sm-4 {\n inline-size: 33.33333333% !important;\n }\n .grid-col-sm-5 {\n inline-size: 41.66666667% !important;\n }\n .grid-col-sm-6 {\n inline-size: 50% !important;\n }\n .grid-col-sm-7 {\n inline-size: 58.33333333% !important;\n }\n .grid-col-sm-8 {\n inline-size: 66.66666667% !important;\n }\n .grid-col-sm-9 {\n inline-size: 75% !important;\n }\n .grid-col-sm-10 {\n inline-size: 83.33333333% !important;\n }\n .grid-col-sm-11 {\n inline-size: 91.66666667% !important;\n }\n .grid-col-sm-12 {\n inline-size: 100% !important;\n }\n}\n@media (min-width: 768px) {\n .grid-md-2 > .grid-col {\n inline-size: 50%;\n }\n .grid-md-3 > .grid-col {\n inline-size: 33.33333333%;\n }\n .grid-md-4 > .grid-col {\n inline-size: 25%;\n }\n .grid-md-5 > .grid-col {\n inline-size: 20%;\n }\n .grid-md-6 > .grid-col {\n inline-size: 16.66666667%;\n }\n .grid-col-md-1 {\n inline-size: 8.33333333% !important;\n }\n .grid-col-md-2 {\n inline-size: 16.66666667% !important;\n }\n .grid-col-md-3 {\n inline-size: 25% !important;\n }\n .grid-col-md-4 {\n inline-size: 33.33333333% !important;\n }\n .grid-col-md-5 {\n inline-size: 41.66666667% !important;\n }\n .grid-col-md-6 {\n inline-size: 50% !important;\n }\n .grid-col-md-7 {\n inline-size: 58.33333333% !important;\n }\n .grid-col-md-8 {\n inline-size: 66.66666667% !important;\n }\n .grid-col-md-9 {\n inline-size: 75% !important;\n }\n .grid-col-md-10 {\n inline-size: 83.33333333% !important;\n }\n .grid-col-md-11 {\n inline-size: 91.66666667% !important;\n }\n .grid-col-md-12 {\n inline-size: 100% !important;\n }\n}\n@media (min-width: 960px) {\n .grid-lg-2 > .grid-col {\n inline-size: 50%;\n }\n .grid-lg-3 > .grid-col {\n inline-size: 33.33333333%;\n }\n .grid-lg-4 > .grid-col {\n inline-size: 25%;\n }\n .grid-lg-5 > .grid-col {\n inline-size: 20%;\n }\n .grid-lg-6 > .grid-col {\n inline-size: 16.66666667%;\n }\n .grid-col-lg-1 {\n inline-size: 8.33333333% !important;\n }\n .grid-col-lg-2 {\n inline-size: 16.66666667% !important;\n }\n .grid-col-lg-3 {\n inline-size: 25% !important;\n }\n .grid-col-lg-4 {\n inline-size: 33.33333333% !important;\n }\n .grid-col-lg-5 {\n inline-size: 41.66666667% !important;\n }\n .grid-col-lg-6 {\n inline-size: 50% !important;\n }\n .grid-col-lg-7 {\n inline-size: 58.33333333% !important;\n }\n .grid-col-lg-8 {\n inline-size: 66.66666667% !important;\n }\n .grid-col-lg-9 {\n inline-size: 75% !important;\n }\n .grid-col-lg-10 {\n inline-size: 83.33333333% !important;\n }\n .grid-col-lg-11 {\n inline-size: 91.66666667% !important;\n }\n .grid-col-lg-12 {\n inline-size: 100% !important;\n }\n}\n@media (min-width: 1220px) {\n .grid-xl-2 > .grid-col {\n inline-size: 50%;\n }\n .grid-xl-3 > .grid-col {\n inline-size: 33.33333333%;\n }\n .grid-xl-4 > .grid-col {\n inline-size: 25%;\n }\n .grid-xl-5 > .grid-col {\n inline-size: 20%;\n }\n .grid-xl-6 > .grid-col {\n inline-size: 16.66666667%;\n }\n .grid-col-xl-1 {\n inline-size: 8.33333333% !important;\n }\n .grid-col-xl-2 {\n inline-size: 16.66666667% !important;\n }\n .grid-col-xl-3 {\n inline-size: 25% !important;\n }\n .grid-col-xl-4 {\n inline-size: 33.33333333% !important;\n }\n .grid-col-xl-5 {\n inline-size: 41.66666667% !important;\n }\n .grid-col-xl-6 {\n inline-size: 50% !important;\n }\n .grid-col-xl-7 {\n inline-size: 58.33333333% !important;\n }\n .grid-col-xl-8 {\n inline-size: 66.66666667% !important;\n }\n .grid-col-xl-9 {\n inline-size: 75% !important;\n }\n .grid-col-xl-10 {\n inline-size: 83.33333333% !important;\n }\n .grid-col-xl-11 {\n inline-size: 91.66666667% !important;\n }\n .grid-col-xl-12 {\n inline-size: 100% !important;\n }\n}\n@media (min-width: 1620px) {\n .grid-xxl-2 > .grid-col {\n inline-size: 50%;\n }\n .grid-xxl-3 > .grid-col {\n inline-size: 33.33333333%;\n }\n .grid-xxl-4 > .grid-col {\n inline-size: 25%;\n }\n .grid-xxl-5 > .grid-col {\n inline-size: 20%;\n }\n .grid-xxl-6 > .grid-col {\n inline-size: 16.66666667%;\n }\n .grid-col-xxl-1 {\n inline-size: 8.33333333% !important;\n }\n .grid-col-xxl-2 {\n inline-size: 16.66666667% !important;\n }\n .grid-col-xxl-3 {\n inline-size: 25% !important;\n }\n .grid-col-xxl-4 {\n inline-size: 33.33333333% !important;\n }\n .grid-col-xxl-5 {\n inline-size: 41.66666667% !important;\n }\n .grid-col-xxl-6 {\n inline-size: 50% !important;\n }\n .grid-col-xxl-7 {\n inline-size: 58.33333333% !important;\n }\n .grid-col-xxl-8 {\n inline-size: 66.66666667% !important;\n }\n .grid-col-xxl-9 {\n inline-size: 75% !important;\n }\n .grid-col-xxl-10 {\n inline-size: 83.33333333% !important;\n }\n .grid-col-xxl-11 {\n inline-size: 91.66666667% !important;\n }\n .grid-col-xxl-12 {\n inline-size: 100% !important;\n }\n}\n@media (min-width: 1940px) {\n .grid-xxxl-2 > .grid-col {\n inline-size: 50%;\n }\n .grid-xxxl-3 > .grid-col {\n inline-size: 33.33333333%;\n }\n .grid-xxxl-4 > .grid-col {\n inline-size: 25%;\n }\n .grid-xxxl-5 > .grid-col {\n inline-size: 20%;\n }\n .grid-xxxl-6 > .grid-col {\n inline-size: 16.66666667%;\n }\n .grid-col-xxxl-1 {\n inline-size: 8.33333333% !important;\n }\n .grid-col-xxxl-2 {\n inline-size: 16.66666667% !important;\n }\n .grid-col-xxxl-3 {\n inline-size: 25% !important;\n }\n .grid-col-xxxl-4 {\n inline-size: 33.33333333% !important;\n }\n .grid-col-xxxl-5 {\n inline-size: 41.66666667% !important;\n }\n .grid-col-xxxl-6 {\n inline-size: 50% !important;\n }\n .grid-col-xxxl-7 {\n inline-size: 58.33333333% !important;\n }\n .grid-col-xxxl-8 {\n inline-size: 66.66666667% !important;\n }\n .grid-col-xxxl-9 {\n inline-size: 75% !important;\n }\n .grid-col-xxxl-10 {\n inline-size: 83.33333333% !important;\n }\n .grid-col-xxxl-11 {\n inline-size: 91.66666667% !important;\n }\n .grid-col-xxxl-12 {\n inline-size: 100% !important;\n }\n}\n/* doc\n---\ntitle: \"Grid Gutters\"\nname: grid-01\ncategory: \"Components - Grid\"\n---\n```html_example\n<div class=\"grid grid-md-2 grid-gutter-collapsed\">\n <div class=\"grid-col\"></div>\n <div class=\"grid-col\"></div>\n</div>\n<div class=\"grid grid-md-2 grid-gutter-xs\">\n <div class=\"grid-col\"></div>\n <div class=\"grid-col\"></div>\n</div>\n<div class=\"grid grid-md-2 grid-gutter-sm\">\n <div class=\"grid-col\"></div>\n <div class=\"grid-col\"></div>\n</div>\n<div class=\"grid grid-md-2 grid-gutter-md\">\n <div class=\"grid-col\"></div>\n <div class=\"grid-col\"></div>\n</div>\n<div class=\"grid grid-md-2 grid-gutter-lg\">\n <div class=\"grid-col\"></div>\n <div class=\"grid-col\"></div>\n</div>\n<div class=\"grid grid-md-2 grid-gutter-xl\">\n <div class=\"grid-col\"></div>\n <div class=\"grid-col\"></div>\n</div>\n```\n*/\n.grid-gutter-collapsed {\n margin: 0;\n}\n.grid + .grid-gutter-collapsed {\n margin-block-start: 20px;\n}\n.grid-gutter-collapsed + .grid-gutter-collapsed {\n margin-block-start: 0;\n}\n.grid-gutter-collapsed > .grid-col {\n padding: 0;\n}\n.grid-gutter-collapsed > * {\n padding-inline: 0;\n}\n.grid-gutter-xs {\n margin: -1px;\n}\n.grid-gutter-xs > .grid-col {\n padding: 1px;\n}\n.grid-gutter-xs > * {\n padding-inline: 1px;\n}\n.grid-gutter-sm {\n margin: -5px;\n}\n.grid-gutter-sm > .grid-col {\n padding: 5px;\n}\n.grid-gutter-sm > * {\n padding-inline: 5px;\n}\n.grid-gutter-md {\n margin: -10px;\n}\n.grid-gutter-md > .grid-col {\n padding: 10px;\n}\n.grid-gutter-md > * {\n padding-inline: 10px;\n}\n.grid-gutter-lg {\n margin: -16px;\n}\n.grid-gutter-lg > .grid-col {\n padding: 16px;\n}\n.grid-gutter-lg > * {\n padding-inline: 16px;\n}\n.grid-gutter-xl {\n margin: -20px;\n}\n.grid-gutter-xl > .grid-col {\n padding: 20px;\n}\n.grid-gutter-xl > * {\n padding-inline: 20px;\n}\n.grid--gutters {\n margin-block: 0;\n margin-inline: -16px 0;\n}\n.grid--gutters .grid-col {\n padding-block: 0 16px;\n padding-inline: 16px 0;\n}\n.grid--gutters-lg {\n margin-block: 0;\n margin-inline: -32px 0;\n}\n.grid--gutters-lg .grid-col {\n padding-block: 0 32px;\n padding-inline: 32px 0;\n}\n/* doc\n---\ntitle: \"Grid Stretched\"\nname: grid-02\ncategory: \"Components - Grid\"\n---\n```html_example\n<div class=\"grid grid-md-2 grid-xl-3 grid-stretched\">\n <div class=\"grid-col\"><div>1<br>2<br>3<br>4<br>5</div></div>\n <div class=\"grid-col\"><div></div></div>\n <div class=\"grid-col\"><div></div></div>\n <div class=\"grid-col\"><div></div></div>\n <div class=\"grid-col\"><div></div></div>\n <div class=\"grid-col\"><div></div></div>\n</div>\n```\n*/\n.grid-stretched > .grid-col {\n display: inline-flex !important;\n align-self: stretch;\n flex-direction: column;\n}\n.grid-stretched > .grid-col > * {\n flex-grow: 1;\n}\n/* doc\n---\ntitle: \"Grid Divided\"\nname: grid-03\ncategory: \"Components - Grid\"\n---\nIt is required to use column count classes with increase index\n\nExamples:\n\n```html_code_example\n<div class=\"grid grid-md-3 grid-lg-4 grid-xl-5 grid-divided-vertical-solid\"></div> - correct\n<div class=\"grid grid-md-4 grid-xl-3 grid-divided-vertical-solid\"></div> - incorrect\n```\n```html_example\n<div class=\"grid grid-lg-2 grid-xl-3 grid-divided-horizontal grid-divided-vertical-solid\">\n <div class=\"grid-col\"><div></div></div>\n <div class=\"grid-col\"><div></div></div>\n <div class=\"grid-col\"><div></div></div>\n <div class=\"grid-col\"><div></div></div>\n <div class=\"grid-col\"><div></div></div>\n <div class=\"grid-col\"><div></div></div>\n</div>\n```\n*/\n/* Divided vertical */\n.grid-divided-vertical-solid {\n position: relative;\n margin-inline: -15px;\n}\n.grid-divided-vertical-solid > .grid-col,\n.grid-divided-vertical-solid > * {\n padding-inline: 15px;\n}\n.grid-divided-vertical-solid > .grid-col::after {\n position: absolute;\n inset-block: 10px;\n inline-size: 1px;\n margin-inline-start: -15px;\n background-color: #ddd;\n}\n.grid-divided-vertical-solid.grid-divided-horizontal > .grid-col::after {\n inset-block: 15px;\n}\n@media (min-width: 480px) {\n .grid-divided-vertical-solid.grid-sm-2 > .grid-col:nth-child(n + 2):nth-child(-n + 2),\n .grid-divided-vertical-solid.grid-sm-3 > .grid-col:nth-child(n + 2):nth-child(-n + 3),\n .grid-divided-vertical-solid.grid-sm-4 > .grid-col:nth-child(n + 2):nth-child(-n + 4),\n .grid-divided-vertical-solid.grid-sm-5 > .grid-col:nth-child(n + 2):nth-child(-n + 5),\n .grid-divided-vertical-solid.grid-sm-6 > .grid-col:nth-child(n + 2):nth-child(-n + 6) {\n position: static;\n }\n .grid-divided-vertical-solid.grid-sm-2 > .grid-col:nth-child(n + 2):nth-child(-n + 2)::after,\n .grid-divided-vertical-solid.grid-sm-3 > .grid-col:nth-child(n + 2):nth-child(-n + 3)::after,\n .grid-divided-vertical-solid.grid-sm-4 > .grid-col:nth-child(n + 2):nth-child(-n + 4)::after,\n .grid-divided-vertical-solid.grid-sm-5 > .grid-col:nth-child(n + 2):nth-child(-n + 5)::after,\n .grid-divided-vertical-solid.grid-sm-6 > .grid-col:nth-child(n + 2):nth-child(-n + 6)::after {\n content: \"\";\n }\n}\n@media (min-width: 768px) {\n .grid-divided-vertical-solid.grid-md-2 > .grid-col:nth-child(n + 2):nth-child(-n + 2),\n .grid-divided-vertical-solid.grid-md-3 > .grid-col:nth-child(n + 2):nth-child(-n + 3),\n .grid-divided-vertical-solid.grid-md-4 > .grid-col:nth-child(n + 2):nth-child(-n + 4),\n .grid-divided-vertical-solid.grid-md-5 > .grid-col:nth-child(n + 2):nth-child(-n + 5),\n .grid-divided-vertical-solid.grid-md-6 > .grid-col:nth-child(n + 2):nth-child(-n + 6) {\n position: static;\n }\n .grid-divided-vertical-solid.grid-md-2 > .grid-col:nth-child(n + 2):nth-child(-n + 2)::after,\n .grid-divided-vertical-solid.grid-md-3 > .grid-col:nth-child(n + 2):nth-child(-n + 3)::after,\n .grid-divided-vertical-solid.grid-md-4 > .grid-col:nth-child(n + 2):nth-child(-n + 4)::after,\n .grid-divided-vertical-solid.grid-md-5 > .grid-col:nth-child(n + 2):nth-child(-n + 5)::after,\n .grid-divided-vertical-solid.grid-md-6 > .grid-col:nth-child(n + 2):nth-child(-n + 6)::after {\n content: \"\";\n }\n}\n@media (min-width: 960px) {\n .grid-divided-vertical-solid.grid-lg-2 > .grid-col:nth-child(n + 2):nth-child(-n + 2),\n .grid-divided-vertical-solid.grid-lg-3 > .grid-col:nth-child(n + 2):nth-child(-n + 3),\n .grid-divided-vertical-solid.grid-lg-4 > .grid-col:nth-child(n + 2):nth-child(-n + 4),\n .grid-divided-vertical-solid.grid-lg-5 > .grid-col:nth-child(n + 2):nth-child(-n + 5),\n .grid-divided-vertical-solid.grid-lg-6 > .grid-col:nth-child(n + 2):nth-child(-n + 6) {\n position: static;\n }\n .grid-divided-vertical-solid.grid-lg-2 > .grid-col:nth-child(n + 2):nth-child(-n + 2)::after,\n .grid-divided-vertical-solid.grid-lg-3 > .grid-col:nth-child(n + 2):nth-child(-n + 3)::after,\n .grid-divided-vertical-solid.grid-lg-4 > .grid-col:nth-child(n + 2):nth-child(-n + 4)::after,\n .grid-divided-vertical-solid.grid-lg-5 > .grid-col:nth-child(n + 2):nth-child(-n + 5)::after,\n .grid-divided-vertical-solid.grid-lg-6 > .grid-col:nth-child(n + 2):nth-child(-n + 6)::after {\n content: \"\";\n }\n}\n@media (min-width: 1220px) {\n .grid-divided-vertical-solid.grid-xl-2 > .grid-col:nth-child(n + 2):nth-child(-n + 2),\n .grid-divided-vertical-solid.grid-xl-3 > .grid-col:nth-child(n + 2):nth-child(-n + 3),\n .grid-divided-vertical-solid.grid-xl-4 > .grid-col:nth-child(n + 2):nth-child(-n + 4),\n .grid-divided-vertical-solid.grid-xl-5 > .grid-col:nth-child(n + 2):nth-child(-n + 5),\n .grid-divided-vertical-solid.grid-xl-6 > .grid-col:nth-child(n + 2):nth-child(-n + 6) {\n position: static;\n }\n .grid-divided-vertical-solid.grid-xl-2 > .grid-col:nth-child(n + 2):nth-child(-n + 2)::after,\n .grid-divided-vertical-solid.grid-xl-3 > .grid-col:nth-child(n + 2):nth-child(-n + 3)::after,\n .grid-divided-vertical-solid.grid-xl-4 > .grid-col:nth-child(n + 2):nth-child(-n + 4)::after,\n .grid-divided-vertical-solid.grid-xl-5 > .grid-col:nth-child(n + 2):nth-child(-n + 5)::after,\n .grid-divided-vertical-solid.grid-xl-6 > .grid-col:nth-child(n + 2):nth-child(-n + 6)::after {\n content: \"\";\n }\n}\n@media (min-width: 1620px) {\n .grid-divided-vertical-solid.grid-xxl-2 > .grid-col:nth-child(n + 2):nth-child(-n + 2),\n .grid-divided-vertical-solid.grid-xxl-3 > .grid-col:nth-child(n + 2):nth-child(-n + 3),\n .grid-divided-vertical-solid.grid-xxl-4 > .grid-col:nth-child(n + 2):nth-child(-n + 4),\n .grid-divided-vertical-solid.grid-xxl-5 > .grid-col:nth-child(n + 2):nth-child(-n + 5),\n .grid-divided-vertical-solid.grid-xxl-6 > .grid-col:nth-child(n + 2):nth-child(-n + 6) {\n position: static;\n }\n .grid-divided-vertical-solid.grid-xxl-2 > .grid-col:nth-child(n + 2):nth-child(-n + 2)::after,\n .grid-divided-vertical-solid.grid-xxl-3 > .grid-col:nth-child(n + 2):nth-child(-n + 3)::after,\n .grid-divided-vertical-solid.grid-xxl-4 > .grid-col:nth-child(n + 2):nth-child(-n + 4)::after,\n .grid-divided-vertical-solid.grid-xxl-5 > .grid-col:nth-child(n + 2):nth-child(-n + 5)::after,\n .grid-divided-vertical-solid.grid-xxl-6 > .grid-col:nth-child(n + 2):nth-child(-n + 6)::after {\n content: \"\";\n }\n}\n@media (min-width: 1940px) {\n .grid-divided-vertical-solid.grid-xxl-2 > .grid-col:nth-child(n + 2):nth-child(-n + 2),\n .grid-divided-vertical-solid.grid-xxl-3 > .grid-col:nth-child(n + 2):nth-child(-n + 3),\n .grid-divided-vertical-solid.grid-xxl-4 > .grid-col:nth-child(n + 2):nth-child(-n + 4),\n .grid-divided-vertical-solid.grid-xxl-5 > .grid-col:nth-child(n + 2):nth-child(-n + 5),\n .grid-divided-vertical-solid.grid-xxl-6 > .grid-col:nth-child(n + 2):nth-child(-n + 6) {\n position: static;\n }\n .grid-divided-vertical-solid.grid-xxl-2 > .grid-col:nth-child(n + 2):nth-child(-n + 2)::after,\n .grid-divided-vertical-solid.grid-xxl-3 > .grid-col:nth-child(n + 2):nth-child(-n + 3)::after,\n .grid-divided-vertical-solid.grid-xxl-4 > .grid-col:nth-child(n + 2):nth-child(-n + 4)::after,\n .grid-divided-vertical-solid.grid-xxl-5 > .grid-col:nth-child(n + 2):nth-child(-n + 5)::after,\n .grid-divided-vertical-solid.grid-xxl-6 > .grid-col:nth-child(n + 2):nth-child(-n + 6)::after {\n content: \"\";\n }\n}\n/* Divided horizontal */\n.grid-divided-horizontal {\n margin-block: -15px;\n}\n.grid-divided-horizontal + .grid {\n margin-block-start: 15px;\n}\n.grid-divided-horizontal > .grid-col,\n.grid-divided-horizontal > * {\n padding-block: 15px;\n}\n.grid-divided-horizontal > .grid-col::before {\n position: absolute;\n inset-inline: 10px;\n block-size: 1px;\n margin-block-start: -15px;\n content: \"\";\n background-color: #ddd;\n}\n.grid-divided-horizontal.grid-divided-vertical-solid > .grid-col::before {\n inset-inline: 15px;\n}\n.grid-divided-horizontal > .grid-col:first-child::before {\n display: none;\n}\n@media (min-width: 480px) {\n .grid-divided-horizontal.grid-sm-2 > .grid-col:nth-child(n + 1):nth-child(-n + 2)::before,\n .grid-divided-horizontal.grid-sm-3 > .grid-col:nth-child(n + 1):nth-child(-n + 3)::before,\n .grid-divided-horizontal.grid-sm-4 > .grid-col:nth-child(n + 1):nth-child(-n + 4)::before,\n .grid-divided-horizontal.grid-sm-5 > .grid-col:nth-child(n + 1):nth-child(-n + 5)::before,\n .grid-divided-horizontal.grid-sm-6 > .grid-col:nth-child(n + 1):nth-child(-n + 6)::before {\n display: none;\n }\n}\n@media (min-width: 768px) {\n .grid-divided-horizontal.grid-md-2 > .grid-col:nth-child(n + 1):nth-child(-n + 2)::before,\n .grid-divided-horizontal.grid-md-3 > .grid-col:nth-child(n + 1):nth-child(-n + 3)::before,\n .grid-divided-horizontal.grid-md-4 > .grid-col:nth-child(n + 1):nth-child(-n + 4)::before,\n .grid-divided-horizontal.grid-md-5 > .grid-col:nth-child(n + 1):nth-child(-n + 5)::before,\n .grid-divided-horizontal.grid-md-6 > .grid-col:nth-child(n + 1):nth-child(-n + 6)::before {\n display: none;\n }\n}\n@media (min-width: 960px) {\n .grid-divided-horizontal.grid-lg-2 > .grid-col:nth-child(n + 1):nth-child(-n + 2)::before,\n .grid-divided-horizontal.grid-lg-3 > .grid-col:nth-child(n + 1):nth-child(-n + 3)::before,\n .grid-divided-horizontal.grid-lg-4 > .grid-col:nth-child(n + 1):nth-child(-n + 4)::before,\n .grid-divided-horizontal.grid-lg-5 > .grid-col:nth-child(n + 1):nth-child(-n + 5)::before,\n .grid-divided-horizontal.grid-lg-6 > .grid-col:nth-child(n + 1):nth-child(-n + 6)::before {\n display: none;\n }\n}\n@media (min-width: 1220px) {\n .grid-divided-horizontal.grid-xl-2 > .grid-col:nth-child(n + 1):nth-child(-n + 2)::before,\n .grid-divided-horizontal.grid-xl-3 > .grid-col:nth-child(n + 1):nth-child(-n + 3)::before,\n .grid-divided-horizontal.grid-xl-4 > .grid-col:nth-child(n + 1):nth-child(-n + 4)::before,\n .grid-divided-horizontal.grid-xl-5 > .grid-col:nth-child(n + 1):nth-child(-n + 5)::before,\n .grid-divided-horizontal.grid-xl-6 > .grid-col:nth-child(n + 1):nth-child(-n + 6)::before {\n display: none;\n }\n}\n@media (min-width: 1620px) {\n .grid-divided-horizontal.grid-xxl-2 > .grid-col:nth-child(n + 1):nth-child(-n + 2)::before,\n .grid-divided-horizontal.grid-xxl-3 > .grid-col:nth-child(n + 1):nth-child(-n + 3)::before,\n .grid-divided-horizontal.grid-xxl-4 > .grid-col:nth-child(n + 1):nth-child(-n + 4)::before,\n .grid-divided-horizontal.grid-xxl-5 > .grid-col:nth-child(n + 1):nth-child(-n + 5)::before,\n .grid-divided-horizontal.grid-xxl-6 > .grid-col:nth-child(n + 1):nth-child(-n + 6)::before {\n display: none;\n }\n}\n@media (min-width: 1940px) {\n .grid-divided-horizontal.grid-xxxl-2 > .grid-col:nth-child(n + 1):nth-child(-n + 2)::before,\n .grid-divided-horizontal.grid-xxxl-3 > .grid-col:nth-child(n + 1):nth-child(-n + 3)::before,\n .grid-divided-horizontal.grid-xxxl-4 > .grid-col:nth-child(n + 1):nth-child(-n + 4)::before,\n .grid-divided-horizontal.grid-xxxl-5 > .grid-col:nth-child(n + 1):nth-child(-n + 5)::before,\n .grid-divided-horizontal.grid-xxxl-6 > .grid-col:nth-child(n + 1):nth-child(-n + 6)::before {\n display: none;\n }\n}\n.flex-grid {\n display: flex;\n flex-wrap: wrap;\n}\n.flex-grid__col {\n flex: 1;\n}\n.flex-grid--gutters {\n margin-block: 0;\n margin-inline: -16px 0;\n}\n.flex-grid--gutters .flex-grid__col {\n margin-block: 0 16px;\n margin-inline: 16px 0;\n flex: 1 0 200px;\n}\n.flex-grid--gutters-sm {\n margin-inline-start: -10px;\n}\n.flex-grid--gutters-sm .flex-grid__col {\n margin-block: 0 10px;\n margin-inline: 10px 0;\n}\n.flex-grid--gutters-md {\n margin-inline-start: -16px;\n}\n.flex-grid--gutters-md .flex-grid__col {\n margin-block: 0 16px;\n margin-inline: 16px 0;\n}\n.flex-grid--gutters-lg {\n margin-inline-start: -20px;\n}\n.flex-grid--gutters-lg .flex-grid__col {\n margin-block: 0 20px;\n margin-inline: 20px 0;\n}\n.flex-grid--gutters-xl {\n margin-inline-start: -32px;\n}\n.flex-grid--gutters-xl .flex-grid__col {\n margin-block: 0 32px;\n margin-inline: 32px 0;\n}\n.flex-grid--gutters-xl + .flex-grid--attached {\n margin-block-start: -32px;\n}\n/* - Content with Grid - */\n.b-grid-list {\n margin: 0;\n padding: 0;\n list-style: none;\n letter-spacing: -4px;\n}\n.b-grid-item {\n display: inline-block;\n inline-size: 100%;\n vertical-align: top;\n letter-spacing: 0;\n word-spacing: 0;\n}\n.b-grid-gapped .b-grid-list {\n margin-block: 0;\n margin-inline: -10px;\n}\n.b-grid-gapped .b-grid-item-wrap {\n padding-block: 0;\n padding-inline: 10px;\n}\n@media (min-width: 480px) {\n .b-grid-2 .b-grid-item,\n .b-grid-3 .b-grid-item,\n .b-grid-4 .b-grid-item {\n inline-size: 50%;\n }\n}\n@media (min-width: 768px) {\n .b-grid-3 .b-grid-item {\n inline-size: 33.333%;\n }\n .b-grid-3 .b-grid-item-2 {\n inline-size: 66.666%;\n }\n .b-grid-4 .b-grid-item {\n inline-size: 25%;\n }\n .b-grid-4 .b-grid-item-2 {\n inline-size: 50%;\n }\n .b-grid-4 .b-grid-item-3 {\n inline-size: 75%;\n }\n}\n/* doc\n---\ntitle: \"Section Title\"\nname: headings-03\ncategory: \"Components - Headings\"\n---\n```html_example\n<div class=\"tools-list-box\"> <!-- list-box, form-box -->\n <div class=\"box-area\">\n <div class=\"title\">\n <div class=\"title-area\">\n <h3><span>Section Title</span></h3>\n </div>\n </div>\n </div>\n</div>\n<br>\n<h3 class=\"section-title section-title--divider\">\n <a class=\"section-title__link\" href=\"#!\">Most Popular</a>\n</h3>\n```\n*/\n.tools-list-box .title h3,\n.list-box .title h3,\n.form-box .title h3 {\n margin-block: 0 16px;\n margin-inline: 0;\n padding: 0;\n font-size: 20px;\n font-weight: 600;\n line-height: 1.2;\n}\n.section-title {\n margin-block-end: 16px;\n font-size: 20px;\n font-weight: 600;\n line-height: 1.2;\n color: #222;\n}\n.section-title--divider {\n border: none;\n padding-block-end: 0;\n}\n.section-title__link {\n cursor: pointer;\n color: #222;\n text-decoration: none;\n}\n.section-title__link:hover {\n color: #259ccc;\n text-decoration: none;\n}\n/* doc\n---\ntitle: \"Unstyled List\"\nname: typography-05\ncategory: \"Components - Typography\"\n---\n\n- [type.less] (https://git.plesk.tech/projects/PLESK/repos/plesk/browse/common/theme/less/core/type.less)\n\n```html_example\n<ul class=\"list-unstyled\">\n <li>unstyled item</li>\n <li>unstyled item</li>\n <li>unstyled item</li>\n</ul>\n```\n*/\n.list-unstyled {\n padding-inline-start: 0;\n list-style: none;\n}\n/* doc\n---\ntitle: \"Custom Unordered List\"\nname: typography-06\ncategory: \"Components - Typography\"\n---\n\n- [type.less] (https://git.plesk.tech/projects/PLESK/repos/plesk/browse/common/theme/less/core/type.less)\n\n```html_example\n<ul class=\"list-unordered\">\n <li>unordered item</li>\n <li><i class=\"icon-lock i-bullet\"></i>unordered item with custom icon-bullet</li>\n <li>another unordered item\n <ul class=\"list-unordered\">\n <li><i class=\"icon-lock i-bullet\"></i>unordered item with custom icon-bullet</li>\n <li>another unordered item</li>\n </ul>\n </li>\n <li>yet another unordered item</li>\n</ul>\n```\n*/\n.list-unordered li {\n list-style: none;\n}\n.list-unordered li::before {\n content: \"\\00B7\";\n float: inline-start;\n inline-size: 16px;\n block-size: 16px;\n margin-block: 2px 0;\n margin-inline: -20px 0;\n font-family: Consolas, monospace, serif;\n font-size: 26px;\n line-height: 16px;\n text-align: center;\n}\n.list-unordered__item--custom::before {\n display: none;\n}\n.list-unordered .i-bullet {\n float: inline-start;\n margin-block: 2px 0;\n margin-inline: -20px 0;\n}\nbutton,\ninput,\noptgroup,\nselect,\ntextarea,\n.textarea {\n box-sizing: border-box;\n font: inherit;\n color: inherit;\n margin: 0;\n border-radius: 0;\n}\nbutton {\n overflow: visible;\n}\nbutton,\nselect {\n text-transform: none;\n}\nbutton,\nhtml input[type=\"button\"],\ninput[type=\"reset\"],\ninput[type=\"submit\"] {\n -webkit-appearance: button;\n cursor: pointer;\n}\nbutton[disabled],\nhtml input[disabled] {\n cursor: default;\n}\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner {\n border: 0;\n padding: 0;\n}\ninput {\n line-height: normal;\n}\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n appearance: none;\n margin-block: 0;\n margin-inline: 0 4px;\n inline-size: 20px;\n block-size: 20px;\n vertical-align: text-bottom;\n border: 1px solid #b5b5b5;\n border-radius: 2px;\n background-color: #fff;\n transition: border-color linear 0.2s, background-color linear 0.2s, box-shadow linear 0.2s;\n cursor: pointer;\n}\ninput[type=\"checkbox\"]:where(:hover),\ninput[type=\"radio\"]:where(:hover) {\n border-color: #28aade;\n}\ninput[type=\"checkbox\"]:where(:focus),\ninput[type=\"radio\"]:where(:focus) {\n border-color: #28aade;\n box-shadow: 0 0 0 4px rgba(40, 170, 222, 0.4);\n outline: none;\n}\ninput[type=\"checkbox\"]:where(:checked),\ninput[type=\"radio\"]:where(:checked) {\n border-color: #28aade;\n background-color: #28aade;\n}\ninput[type=\"checkbox\"]:where(:disabled),\ninput[type=\"radio\"]:where(:disabled) {\n border-color: #dedede;\n background-color: rgba(237, 237, 237, 0.4);\n cursor: not-allowed;\n}\ninput[type=\"checkbox\"]:where(:disabled:checked)::before,\ninput[type=\"radio\"]:where(:disabled:checked)::before {\n background-color: #b5b5b5;\n}\ninput[type=\"checkbox\"] {\n border-radius: 2px;\n}\ninput[type=\"radio\"] {\n display: inline-grid;\n place-items: center;\n border-radius: 50%;\n}\ninput[type=\"checkbox\"]::before {\n content: \"\";\n display: block;\n inline-size: 100%;\n block-size: 100%;\n background-position: 1px 2px;\n background-size: 16px 16px;\n background-repeat: no-repeat;\n}\ninput[type=\"radio\"]::before {\n content: \"\";\n display: block;\n inline-size: 8px;\n block-size: 8px;\n margin: auto;\n border-radius: 50%;\n}\ninput[type=\"checkbox\"]:where(:checked)::before {\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23fff' d='M13.57 1.18a1 1 0 01.25 1.39l-6.25 9a1 1 0 01-1.54.13L2.28 7.84a1 1 0 111.44-1.4l2.9 3 5.56-8.01a1 1 0 011.39-.25z'/%3E%3C/svg%3E\");\n transform: scale(1);\n}\ninput[type=\"radio\"]:where(:checked)::before {\n background-color: #fff;\n}\ninput[type=\"number\"]::-webkit-inner-spin-button,\ninput[type=\"number\"]::-webkit-outer-spin-button {\n block-size: auto;\n}\nfieldset {\n border: none;\n padding: 0;\n min-inline-size: 0;\n}\nlegend {\n inline-size: 100%;\n border: 0;\n padding-block: 0 16px;\n padding-inline: 0;\n font-size: 20px;\n font-weight: 600;\n line-height: 24px;\n}\nlegend input[type=\"checkbox\"] {\n transform: translateY(-3px);\n}\noptgroup {\n font-weight: bold;\n}\ninput:not([type=\"radio\"]):not([type=\"checkbox\"]),\nselect {\n vertical-align: middle;\n}\n.form-control,\ntextarea,\n.textarea,\ninput:not([type]),\ninput[type=\"text\"]:not(:where(.pul-select input)),\ninput[type=\"password\"],\ninput[type=\"datetime\"],\ninput[type=\"datetime-local\"],\ninput[type=\"date\"],\ninput[type=\"month\"],\ninput[type=\"time\"],\ninput[type=\"week\"],\ninput[type=\"number\"],\ninput[type=\"email\"],\ninput[type=\"url\"],\ninput[type=\"search\"],\ninput[type=\"tel\"],\ninput[type=\"color\"],\nselect {\n block-size: 28px;\n max-inline-size: 100%;\n padding: logical 4px 8px;\n border: 1px solid #b5b5b5;\n border-radius: 2px;\n background-color: #fff;\n color: #222;\n box-shadow: inset 0 2px 1px rgba(34, 34, 34, 0.07);\n transition: all linear 0.2s;\n}\n.form-control:hover,\ntextarea:hover,\n.textarea:hover,\ninput:not([type]):hover,\ninput[type=\"text\"]:not(:where(.pul-select input)):hover,\ninput[type=\"password\"]:hover,\ninput[type=\"datetime\"]:hover,\ninput[type=\"datetime-local\"]:hover,\ninput[type=\"date\"]:hover,\ninput[type=\"month\"]:hover,\ninput[type=\"time\"]:hover,\ninput[type=\"week\"]:hover,\ninput[type=\"number\"]:hover,\ninput[type=\"email\"]:hover,\ninput[type=\"url\"]:hover,\ninput[type=\"search\"]:hover,\ninput[type=\"tel\"]:hover,\ninput[type=\"color\"]:hover,\nselect:hover {\n border-color: #28aade;\n}\n.form-control:focus,\ntextarea:focus,\n.textarea:focus,\ninput:not([type]):focus,\ninput[type=\"text\"]:not(:where(.pul-select input)):focus,\ninput[type=\"password\"]:focus,\ninput[type=\"datetime\"]:focus,\ninput[type=\"datetime-local\"]:focus,\ninput[type=\"date\"]:focus,\ninput[type=\"month\"]:focus,\ninput[type=\"time\"]:focus,\ninput[type=\"week\"]:focus,\ninput[type=\"number\"]:focus,\ninput[type=\"email\"]:focus,\ninput[type=\"url\"]:focus,\ninput[type=\"search\"]:focus,\ninput[type=\"tel\"]:focus,\ninput[type=\"color\"]:focus,\nselect:focus {\n border-color: #28aade;\n background-color: #f0faff;\n color: #222;\n box-shadow: inset 0 2px 1px rgba(34, 34, 34, 0.07), 0 0 0 4px rgba(40, 170, 222, 0.4);\n outline: 0;\n}\n.form-control[readonly],\ntextarea[readonly],\n.textarea[readonly],\ninput:not([type])[readonly],\ninput[type=\"text\"]:not(:where(.pul-select input))[readonly],\ninput[type=\"password\"][readonly],\ninput[type=\"datetime\"][readonly],\ninput[type=\"datetime-local\"][readonly],\ninput[type=\"date\"][readonly],\ninput[type=\"month\"][readonly],\ninput[type=\"time\"][readonly],\ninput[type=\"week\"][readonly],\ninput[type=\"number\"][readonly],\ninput[type=\"email\"][readonly],\ninput[type=\"url\"][readonly],\ninput[type=\"search\"][readonly],\ninput[type=\"tel\"][readonly],\ninput[type=\"color\"][readonly],\nselect[readonly] {\n border-color: #b5b5b5;\n background-color: #fff;\n color: #222;\n}\n.form-control[disabled],\ntextarea[disabled],\n.textarea[disabled],\ninput:not([type])[disabled],\ninput[type=\"text\"]:not(:where(.pul-select input))[disabled],\ninput[type=\"password\"][disabled],\ninput[type=\"datetime\"][disabled],\ninput[type=\"datetime-local\"][disabled],\ninput[type=\"date\"][disabled],\ninput[type=\"month\"][disabled],\ninput[type=\"time\"][disabled],\ninput[type=\"week\"][disabled],\ninput[type=\"number\"][disabled],\ninput[type=\"email\"][disabled],\ninput[type=\"url\"][disabled],\ninput[type=\"search\"][disabled],\ninput[type=\"tel\"][disabled],\ninput[type=\"color\"][disabled],\nselect[disabled] {\n border-color: #dedede;\n background-color: rgba(237, 237, 237, 0.4);\n color: #737373;\n opacity: 1;\n box-shadow: inset 0 2px 1px rgba(34, 34, 34, 0.07);\n}\n.form-row .form-control,\n.form-row textarea,\n.form-row .textarea,\n.form-row input:not([type]),\n.form-row input[type=\"text\"]:not(:where(.pul-select input)),\n.form-row input[type=\"password\"],\n.form-row input[type=\"datetime\"],\n.form-row input[type=\"datetime-local\"],\n.form-row input[type=\"date\"],\n.form-row input[type=\"month\"],\n.form-row input[type=\"time\"],\n.form-row input[type=\"week\"],\n.form-row input[type=\"number\"],\n.form-row input[type=\"email\"],\n.form-row input[type=\"url\"],\n.form-row input[type=\"search\"],\n.form-row input[type=\"tel\"],\n.form-row input[type=\"color\"],\n.form-row select,\n.form-control .form-row .checkbox-group,\ntextarea .form-row .checkbox-group,\n.textarea .form-row .checkbox-group,\ninput:not([type]) .form-row .checkbox-group,\ninput[type=\"text\"]:not(:where(.pul-select input)) .form-row .checkbox-group,\ninput[type=\"password\"] .form-row .checkbox-group,\ninput[type=\"datetime\"] .form-row .checkbox-group,\ninput[type=\"datetime-local\"] .form-row .checkbox-group,\ninput[type=\"date\"] .form-row .checkbox-group,\ninput[type=\"month\"] .form-row .checkbox-group,\ninput[type=\"time\"] .form-row .checkbox-group,\ninput[type=\"week\"] .form-row .checkbox-group,\ninput[type=\"number\"] .form-row .checkbox-group,\ninput[type=\"email\"] .form-row .checkbox-group,\ninput[type=\"url\"] .form-row .checkbox-group,\ninput[type=\"search\"] .form-row .checkbox-group,\ninput[type=\"tel\"] .form-row .checkbox-group,\ninput[type=\"color\"] .form-row .checkbox-group,\nselect .form-row .checkbox-group {\n margin-block-end: 4px;\n}\n.error .form-control,\n.error textarea,\n.error .textarea,\n.error input:not([type]),\n.error input[type=\"text\"]:not(:where(.pul-select input)),\n.error input[type=\"password\"],\n.error input[type=\"datetime\"],\n.error input[type=\"datetime-local\"],\n.error input[type=\"date\"],\n.error input[type=\"month\"],\n.error input[type=\"time\"],\n.error input[type=\"week\"],\n.error input[type=\"number\"],\n.error input[type=\"email\"],\n.error input[type=\"url\"],\n.error input[type=\"search\"],\n.error input[type=\"tel\"],\n.error input[type=\"color\"],\n.error select {\n border-color: #b30122;\n background-color: #ffdee0;\n}\ntextarea,\n.textarea {\n block-size: auto;\n overflow: auto;\n vertical-align: top;\n}\nselect[multiple] {\n block-size: auto;\n min-block-size: 28px;\n}\n::placeholder {\n opacity: 1;\n color: #737373;\n}\n:disabled::placeholder {\n color: #737373;\n}\n/* doc\n---\ntitle: \"Text Input Single Line\"\nname: form-02\ncategory: \"Components - Form\"\n---\n```html_example\n<p><input type=\"text\" class=\"f-small-size input-text\"></p>\n<p><input type=\"text\" class=\"f-limits input-text\"></p>\n<p><input type=\"text\" class=\"f-date input-text\"> <input type=\"text\" class=\"f-date-year input-text\"></p>\n<p><input type=\"text\" class=\"input-text\"></p>\n<p><input type=\"text\" class=\"f-middle-size input-text\"></p>\n<p><input type=\"text\" class=\"f-big-size input-text\"></p>\n<p><input type=\"text\" class=\"f-large-size input-text\"></p>\n<p><input type=\"text\" class=\"f-max-size input-text\"></p>\n```\n*/\n.f-date {\n inline-size: 30px;\n}\n.f-small-size,\n.f-date-year {\n inline-size: 50px;\n}\n.f-limits {\n inline-size: 70px;\n}\n.f-middle-size {\n inline-size: 215px;\n}\n.f-big-size {\n inline-size: 260px;\n}\n.f-large-size {\n inline-size: 320px;\n}\n.f-max-size {\n inline-size: 100%;\n}\n.form-row,\n.field-value {\n box-sizing: border-box;\n min-block-size: 28px;\n}\n.form-row::after {\n content: \"\";\n display: block;\n clear: both;\n}\n.form-row img {\n max-inline-size: 16px;\n vertical-align: -3px;\n}\n.form-box,\n.form-table {\n margin-block-end: 24px;\n}\n* + .form-row {\n margin-block-start: 12px;\n}\n.form-box .single-row {\n margin-block-start: 4px;\n}\n@media (max-width: 767px) {\n .form-row .field-name {\n display: block;\n margin-block-end: 4px;\n font-weight: 400;\n font-size: 12px;\n }\n}\n@media (max-width: 479px) {\n .f-large-size {\n inline-size: 100%;\n }\n .form-row .lookup {\n display: block;\n }\n .form-row .lookup .input-group,\n .form-row .lookup .input-group .form-control {\n inline-size: 100%;\n }\n .form-row .lookup .input-group-btn {\n inline-size: 1%;\n }\n}\n@media (min-width: 768px) {\n .form-row .field-name {\n inline-size: 200px;\n margin-block-start: 4px;\n float: inline-start;\n }\n .form-row .field-value {\n margin-inline-start: 216px;\n }\n .form-row .text-value {\n padding-block-start: 3px;\n }\n}\n@media (min-width: 768px) and (max-width: 960px) {\n .no-offset .field-value {\n margin-inline-start: 0;\n }\n .form-row .field-value--reduced-offset {\n margin-inline-start: 212px;\n }\n}\n.form--vertical .field-name,\n.pul-section--vertical .field-name {\n display: block;\n float: none;\n inline-size: 100%;\n margin-block-end: 4px;\n font-size: 12px;\n}\n.form--vertical .field-value,\n.pul-section--vertical .field-value {\n margin-inline-start: 0;\n}\n.form-table.form-limits {\n inline-size: auto;\n}\n.form-table .form-row::before,\n.form-table .form-row::after {\n display: none;\n}\n.form-table > tbody > tr > td {\n min-block-size: 28px;\n vertical-align: top;\n padding-block: 4px;\n padding-inline: 0;\n}\n.form-table > tbody > tr > td + td {\n padding-inline-end: 16px;\n}\n.form-table td.field-name {\n display: table-cell;\n}\n.form-table .field-name {\n float: none;\n margin: 0;\n padding-inline-end: 16px;\n}\n.form-table .field-value {\n display: table-cell;\n padding-block-start: 0;\n}\n/* doc\n---\ntitle: \"Form Buttons Block\"\nname: form-03\ncategory: \"Components - Form\"\n---\n```html_example\n<div class=\"btns-box\">\n <div class=\"box-area\">\n <div class=\"form-row\">\n <div class=\"field-name\"><span class=\"required\">*</span> Required fields</div>\n <div class=\"field-value\">\n <button class=\"btn action\" type=\"button\">OK</button>\n <button class=\"btn\" type=\"button\">Cancel</button>\n </div>\n </div>\n </div>\n</div>\n```\n*/\n.form-row .btn,\n.form-row .s-btn {\n vertical-align: middle;\n margin-block-end: 4px;\n}\n.btns-box {\n margin-block: 24px;\n margin-inline: 0;\n}\nfieldset .formArea .buttons,\nfieldset .buttons,\nfieldset .buttons td {\n padding-block-start: 0;\n border-block-start: 0;\n}\n.formFields > tbody > tr > td {\n min-block-size: 26px;\n vertical-align: top;\n padding-block: 4px;\n padding-inline: 0;\n}\n.formFields > tbody > tr > td + td {\n padding-inline-end: 10px;\n}\n.formFields > tbody > tr > td td {\n padding-block-end: 5px;\n}\n.formFields td.name {\n min-inline-size: 200px;\n}\n.formFields td.name,\n.formFields td.nameError,\n.footnote {\n inline-size: 200px;\n padding-inline-end: 16px;\n}\n/*\n * Checkboxes and radio buttons\n */\n/* doc\n---\ntitle: \"Checkbox and Radio\"\nname: form-04\ncategory: \"Components - Form\"\n---\n```html_example\n<div class=\"form-row\">\n <label><input type=\"checkbox\"> checkbox</label> \n <label><input type=\"checkbox\"> checkbox</label>\n</div>\n<div class=\"form-row\">\n <label><input type=\"radio\" name=\"r\" id=\"r1\"> radio button</label> \n <label><input type=\"radio\" name=\"r\" id=\"r2\"> radio button</label>\n</div>\n<div class=\"form-row\">\n <div class=\"indent-box\">\n <input type=\"checkbox\" class=\"checkbox\" id=\"ch1\">\n <div class=\"indent-box-content\">\n <label for=\"ch1\">checkbox</label>\n <div class=\"hint\">description</div>\n </div>\n </div>\n</div>\n```\n*/\n/* doc\n---\ntitle: \"Set of Options\"\nname: form-05\ncategory: \"Components - Form\"\n---\n### checkbox-group\n```html_example\n<div class=\"checkbox-group\">\n <label><input type=\"checkbox\"> checkbox</label>\n <label><input type=\"checkbox\"> checkbox</label>\n</div>\n```\n### radio-group\n```html_example\n<div class=\"radio-group\">\n <label><input type=\"radio\"> checkbox</label>\n <label><input type=\"radio\"> checkbox</label>\n</div>\n```\n### multi-checkboxes\n```html_example\n<div class=\"multi-checkboxes\">\n <div class=\"checkbox-group\">\n <label><input type=\"checkbox\"> checkbox</label>\n <label><input type=\"checkbox\"> checkbox</label>\n </div>\n</div>\n```\n*/\n.checkbox-group + .checkbox-group,\n.radio-group + .checkbox-group,\n.checkbox-group + .radio-group,\n.radio-group + .radio-group {\n margin-block-start: 8px;\n}\n.checkbox-group > label,\n.radio-group > label,\n.checkbox-group > div,\n.radio-group > div {\n display: block;\n margin-block-start: 8px;\n padding-inline-start: 28px;\n}\n.checkbox-group > :first-child,\n.radio-group > :first-child {\n margin-block-start: 0;\n}\n.checkbox-group label input[type=\"checkbox\"],\n.radio-group label input[type=\"checkbox\"],\n.checkbox-group label input[type=\"radio\"],\n.radio-group label input[type=\"radio\"] {\n float: inline-start;\n margin-inline-start: -28px;\n}\n.multi-checkboxes .checkbox-group,\n.multi-checkboxes .radio-group {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 8px 16px;\n}\n.multi-checkboxes .checkbox-group label,\n.multi-checkboxes .radio-group label {\n margin: 0;\n}\n.form-box .options-set {\n padding-block-end: 0;\n}\n.form-box .options-set label {\n display: block;\n padding-block: 0 4px;\n padding-inline: 20px 0;\n}\n.form-box .options-set label input.radio,\n.form-box .options-set label input.checkbox,\n.form-box .indent input.radio,\n.form-box .indent input.checkbox {\n float: inline-start;\n margin-inline-start: -20px;\n}\n.form-box .indent {\n display: block;\n padding-inline-start: 20px;\n}\n/* Hints and errors */\n.form-row .hint,\n.form-row .error-hint {\n display: block;\n max-inline-size: 500px;\n margin-block: 0 4px;\n margin-inline: 0;\n padding: 0;\n font-size: 12px;\n}\n.f-max-size + .hint,\n.f-max-size + .field-errors + .hint {\n max-inline-size: 100%;\n}\n.formFields .hint {\n margin-block: 4px;\n margin-inline: 0;\n font-size: 12px;\n}\n.error {\n position: relative;\n}\n.error-hint,\n.required {\n color: #b30122;\n}\n.field-errors.preformatted .error-hint {\n white-space: pre-wrap;\n}\n.level1 {\n display: block;\n padding-inline-start: 28px;\n}\n.level1 .field-name {\n inline-size: 182px;\n}\n.level1 .field-value {\n margin-inline-start: 197px;\n}\n.field-limits {\n display: table;\n}\n.field-limits .limit,\n.field-limits .unlimited {\n display: table-cell;\n white-space: nowrap;\n}\n.field-limits .limit {\n inline-size: 180px;\n padding-inline-end: 5px;\n}\n.form-row .ta-compact {\n block-size: 50px;\n}\n.form-row .ta-eula {\n inline-size: 560px;\n block-size: 356px;\n}\n.form-row .sb-item-remove {\n margin-block: 0;\n margin-inline: 20px 0;\n}\n.multicolumn-list {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n.multicolumn-list > li {\n display: inline-block;\n inline-size: 255px;\n vertical-align: top;\n}\n.choice-block span {\n display: inline-block;\n margin-block: 3px;\n margin-inline: 0;\n padding-block: 1px;\n padding-inline: 5px;\n vertical-align: top;\n white-space: nowrap;\n line-height: 18px;\n}\n.choice-block .selected {\n background-color: #ddf5ce;\n}\n.choice-block .selected.no {\n background-color: #ffdee0;\n}\n.field-value .inline-buttons a + a {\n margin-inline-start: 12px;\n}\n.formButtons {\n margin-block: 5px;\n margin-inline: 0;\n padding-block-start: 5px;\n text-align: end;\n}\n.formButtons .commonButton,\n.formButtons input {\n margin-block: 0;\n margin-inline: 7px 0;\n}\n.formFields td.limit,\n.formFields td.limitDate {\n inline-size: 145px;\n padding-inline-end: 5px;\n white-space: nowrap;\n}\n.formFields td.limitDate {\n inline-size: 155px;\n}\n.formFields td td.limit {\n padding-inline-start: 0;\n}\n.formFields td.withButton {\n vertical-align: middle;\n}\n#chkProceed {\n margin-inline-start: 3px;\n}\n.recommended {\n padding-inline-start: 20px;\n background: url(\"../icons/16/plesk/aps-featured.png\") 0 0 no-repeat;\n font-weight: bold;\n line-height: 16px;\n}\n.uploadAdd {\n padding-block: 0 1px;\n padding-inline: 20px 0;\n background: url(\"../icons/16/plesk/field-add.png\") 0 0 no-repeat;\n}\n.uploadRemove {\n margin-inline-start: 15px;\n padding-block: 0 1px;\n padding-inline: 20px 0;\n background: url(\"../icons/16/plesk/field-remove.png\") 0 0 no-repeat;\n}\n.formFields .warningHint {\n display: inline-block;\n margin-block: 0;\n margin-inline: 5px 0;\n padding-block: 0 1px;\n padding-inline: 20px 0;\n vertical-align: top;\n background: url(\"../icons/16/plesk/att.png\") 0 0 no-repeat;\n}\n.form-control-group {\n position: relative;\n}\n.form-control-group .form-control {\n inline-size: 100%;\n margin: 0;\n padding-inline-end: 26px;\n}\n.form-control-group .form-control-icon {\n position: absolute;\n inset-block-start: 0;\n inset-inline-end: 0;\n block-size: 28px;\n inline-size: 26px;\n box-sizing: border-box;\n padding: 6px;\n line-height: 16px;\n}\n.form-control-group .form-control-icon-action {\n cursor: pointer;\n}\n.icon-form-control-search {\n background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A//www.w3.org/2000/svg'%20viewBox%3D'0%200%2016%2016'%3E%3Cpath%20fill%3D'%23737373'%20fill-rule%3D'evenodd'%20d%3D'M9.69%2012.165a6.5%206.5%200%201%201%202.475-2.475l3.322%203.322a1.75%201.75%200%201%201-2.475%202.475L9.69%2012.165zM12%206.5a5.5%205.5%200%201%201-11%200%205.5%205.5%200%200%201%2011%200zm-1.464%205.096l3.184%203.184a.75.75%200%200%200%201.06-1.06l-3.184-3.184a6.481%206.481%200%200%201-1.06%201.06z'%20clip-rule%3D'evenodd'/%3E%3C/svg%3E\");\n}\n.icon-form-control-clear {\n background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A//www.w3.org/2000/svg'%20viewBox%3D'-2%20-2%2016%2016'%3E%3Cpath%20fill%3D'%23737373'%20d%3D'M.146.146a.5.5%200%200%201%20.708%200L6%205.293%2011.146.146a.5.5%200%200%201%20.708.708L6.707%206l5.147%205.146a.5.5%200%200%201-.708.708L6%206.707.854%2011.854a.5.5%200%200%201-.708-.708L5.293%206%20.146.854a.5.5%200%200%201%200-.708z'/%3E%3C/svg%3E\");\n}\n.dropdown-menu .form-control {\n background-color: #fff;\n}\n/* - Combobox / Lookup - */\n.btn-group-open,\n.combobox-open,\n.lookup-open {\n z-index: 1000;\n}\n.btn-group-open .dropdown-menu,\n.combobox-open .dropdown-menu,\n.lookup-open .dropdown-menu {\n display: block;\n}\n.combobox,\n.lookup {\n position: relative;\n display: inline-block;\n vertical-align: middle;\n white-space: nowrap;\n}\n.form-row .combobox,\n.form-row .lookup {\n margin-block: 0 4px;\n margin-inline: 0;\n}\n.form-row .combobox .form-control,\n.form-row .lookup .form-control {\n margin-block-end: 0;\n}\n.combobox .dropdown-menu,\n.lookup .dropdown-menu {\n overflow: auto;\n box-sizing: border-box;\n min-inline-size: 100%;\n max-block-size: 192px;\n}\n.dropdown-menu.lookup-dropdown-menu {\n min-inline-size: 320px;\n max-inline-size: 100%;\n word-wrap: break-word;\n overflow-wrap: break-word;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.17);\n}\n@media (min-width: 480px) {\n .dropdown-menu.lookup-dropdown-menu {\n max-inline-size: 400px;\n }\n}\n@media (min-width: 768px) {\n .dropdown-menu.lookup-dropdown-menu {\n max-inline-size: 500px;\n }\n}\n.lookup .dropdown-menu.lookup-dropdown-menu {\n min-inline-size: 100%;\n}\n.dropdown-menu.lookup-dropdown-menu > li > a {\n white-space: normal;\n}\n.combobox {\n padding-inline-end: 28px;\n}\n.combobox > .combobox-input {\n margin: 0 !important;\n border-start-start-radius: 2px;\n border-start-end-radius: 0;\n border-end-end-radius: 0;\n border-end-start-radius: 2px;\n}\n.combobox > .dropdown-toggle,\n.combobox > .dropdown-toggle button {\n min-block-size: 28px;\n min-inline-size: 28px;\n padding: 4px;\n border-start-start-radius: 0;\n border-start-end-radius: 2px;\n border-end-end-radius: 2px;\n border-end-start-radius: 0;\n}\n.combobox > .dropdown-toggle .caret,\n.combobox > .dropdown-toggle button .caret {\n margin: 0;\n}\n.combobox > .dropdown-toggle {\n position: absolute;\n inset-block-start: 0;\n inset-inline-end: 0;\n margin: 0;\n}\n.combobox > .dropdown-toggle button {\n margin: -4px;\n}\n.lookup > .lookup-input {\n margin: 0 !important;\n padding-inline-end: 28px;\n}\n.lookup > .lookup-button,\n.lookup > .lookup-button button {\n min-block-size: 28px;\n min-inline-size: 28px;\n margin: 0;\n padding: 0;\n border: 0;\n box-shadow: none;\n}\n.lookup > .lookup-button,\n.lookup > .lookup-button button,\n.lookup > .lookup-button:hover,\n.lookup > .lookup-button button:hover,\n.lookup > .lookup-button:focus,\n.lookup > .lookup-button button:focus,\n.lookup > .lookup-button:active,\n.lookup > .lookup-button button:active,\n.lookup > .lookup-button.active,\n.lookup > .lookup-button button.active {\n background-color: transparent;\n box-shadow: none;\n}\n.lookup > .lookup-button {\n position: absolute;\n inset-inline-end: 0;\n inset-block-start: 0;\n}\n.lookup > .lookup-button button {\n background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A//www.w3.org/2000/svg'%20viewBox%3D'0%200%2016%2016'%3E%3Cpath%20fill%3D'%23737373'%20fill-rule%3D'evenodd'%20d%3D'M9.69%2012.165a6.5%206.5%200%201%201%202.475-2.475l3.322%203.322a1.75%201.75%200%201%201-2.475%202.475L9.69%2012.165zM12%206.5a5.5%205.5%200%201%201-11%200%205.5%205.5%200%200%201%2011%200zm-1.464%205.096l3.184%203.184a.75.75%200%200%200%201.06-1.06l-3.184-3.184a6.481%206.481%200%200%201-1.06%201.06z'%20clip-rule%3D'evenodd'/%3E%3C/svg%3E\");\n background-position: 50%;\n background-repeat: no-repeat;\n background-size: 16px;\n}\n.lookup > .lookup-button-clear button {\n background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A//www.w3.org/2000/svg'%20viewBox%3D'-2%20-2%2016%2016'%3E%3Cpath%20fill%3D'%23737373'%20d%3D'M.146.146a.5.5%200%200%201%20.708%200L6%205.293%2011.146.146a.5.5%200%200%201%20.708.708L6.707%206l5.147%205.146a.5.5%200%200%201-.708.708L6%206.707.854%2011.854a.5.5%200%200%201-.708-.708L5.293%206%20.146.854a.5.5%200%200%201%200-.708z'/%3E%3C/svg%3E\");\n}\n.lookup .lookup-note {\n margin-block: 8px 0;\n margin-inline: 0;\n padding-block: 8px 0;\n padding-inline: 8px;\n border-block-start: 1px solid #ececec;\n color: #222;\n}\n.lookup .lookup-empty {\n padding-block: 4px;\n padding-inline: 8px;\n color: #222;\n}\n.lookup input[type=\"text\"][readonly] {\n cursor: pointer;\n}\n.dropdown-menu * + .lookup {\n margin-block-start: 5px;\n}\n.input-group {\n position: relative;\n display: table;\n border-collapse: separate;\n}\n.input-group .form-control {\n position: relative;\n z-index: 2;\n float: inline-start;\n block-size: 28px;\n margin: 0 !important;\n}\n.input-group .form-control[readonly] {\n cursor: pointer;\n}\n.input-group-btn,\n.input-group .form-control {\n display: table-cell;\n}\n.input-group-btn:not(:first-child):not(:last-child),\n.input-group .form-control:not(:first-child):not(:last-child) {\n border-radius: 0;\n}\n.input-group-btn {\n position: relative;\n vertical-align: top;\n white-space: nowrap;\n font-size: 0;\n}\n.input-group-btn > .btn,\n.input-group-btn > .btn button {\n min-block-size: 28px;\n min-inline-size: 28px;\n padding: 4px;\n}\n.input-group-btn > .btn .caret,\n.input-group-btn > .btn button .caret {\n margin: 0 !important;\n}\n.input-group-btn > .btn {\n margin: 0;\n}\n.input-group-btn > .btn button {\n margin: -4px;\n}\n.input-group-btn:hover,\n.input-group-btn:focus,\n.input-group-btn:active {\n z-index: 2;\n}\n.input-group .form-control:first-child,\n.input-group-btn:first-child > .btn,\n.input-group-btn:first-child > .btn-group > .btn,\n.input-group-btn:first-child > .dropdown-toggle,\n.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),\n.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {\n border-start-end-radius: 0;\n border-end-end-radius: 0;\n}\n.input-group .form-control:last-child,\n.input-group-btn:last-child > .btn,\n.input-group-btn:last-child > .btn-group > .btn,\n.input-group-btn:last-child > .dropdown-toggle,\n.input-group-btn:first-child > .btn:not(:first-child),\n.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {\n border-start-start-radius: 0;\n border-end-start-radius: 0;\n}\n.input-group-max .form-control {\n inline-size: 100%;\n}\n.input-group-max .input-group-btn {\n inline-size: 1%;\n}\n.input-btn-group {\n display: inline-flex;\n align-items: center;\n vertical-align: middle;\n}\n.input-btn-group [class^=\"icon-\"],\n.input-btn-group [class*=\" icon-\"],\n.input-btn-group .icon {\n margin-inline-end: 5px;\n}\n.input-btn-group > .form-control,\n.input-btn-group > .btn {\n margin-block: 0 !important;\n margin-inline: 0 2px !important;\n}\n.input-btn-group > .form-control + .icon,\n.input-btn-group > .btn + .icon,\n.input-btn-group > .form-control + [class^=\"icon-\"],\n.input-btn-group > .btn + [class^=\"icon-\"],\n.input-btn-group > .form-control + [class*=\" icon-\"],\n.input-btn-group > .btn + [class*=\" icon-\"] {\n margin-inline-start: 3px;\n}\n.form-row .input-btn-group {\n margin-block-end: 4px;\n}\n.folder-selector > .btn {\n margin-block-start: 10px;\n}\n.folder-selector .tree-item .input-btn-group {\n margin-block-start: -5px;\n}\ninput[name=\"license[licenseType]\"][value=\"trial\"] ~ .pul-form-field__description {\n margin-block-start: 4px;\n padding-block: 5px;\n padding-inline: 10px;\n background-color: #d6f3ff;\n color: #000;\n}\ninput[name=\"license[licenseType]\"][value=\"trial\"]:not(:checked) ~ .pul-form-field__description {\n display: none;\n}\n/* doc\n---\ntitle: \"Buttons\"\nname: buttons\ncategory: \"Components - Buttons\"\n---\n\n- [buttons.less] (https://git.plesk.tech/projects/PLESK/repos/plesk/browse/common/theme/less/core/buttons.less)\n\n### Button tags\n```html_example\n<!-- True way -->\n<a class=\"btn\" href=\"#!\">Link</a>\n<button class=\"btn\" type=\"button\">Button</button>\n<!-- Not used -->\n<input class=\"btn\" type=\"button\" value=\"Input\">\n<input class=\"btn\" type=\"submit\" value=\"Submit\">\n<!-- Deprecated -->\n<span class=\"btn\"><button type=\"button\">Deprecated</button></span>\n```\n*/\n.btn::-moz-focus-inner,\n.btn > button::-moz-focus-inner {\n border: 0;\n padding: 0;\n}\n.btn,\n.btn > button {\n -webkit-appearance: none;\n margin: 0;\n border: none;\n border-radius: 2px;\n overflow: visible;\n font: inherit;\n color: #222;\n text-transform: none;\n display: inline-block;\n box-sizing: border-box;\n padding-block: 4px;\n padding-inline: 20px;\n background-color: #ececec;\n vertical-align: middle;\n min-block-size: 20px;\n line-height: 20px;\n font-size: 12px;\n font-weight: 600;\n box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.18);\n transition: background-color 0.18s;\n text-decoration: none;\n text-align: center;\n white-space: nowrap;\n cursor: pointer;\n}\n.btn:hover,\n.btn > button:hover,\n.btn:focus,\n.btn > button:focus {\n background-color: #dedede;\n color: #222;\n box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.18);\n outline: none;\n text-decoration: none;\n}\n.btn:focus,\n.btn > button:focus {\n box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.18), 0 0 0 4px rgba(0, 149, 255, 0.24);\n}\n.btn:active,\n.btn > button:active,\n.btn.active,\n.btn > button.active {\n background-color: #ccc;\n color: #222;\n box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.18);\n}\n.btn:active,\n.btn > button:active,\n.btn.active:focus,\n.btn > button.active:focus {\n box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.18), 0 0 0 4px rgba(0, 149, 255, 0.24);\n}\n.btn {\n margin-inline-end: 8px;\n}\n.btn.disabled,\n.btn[disabled],\n.btn.disabled > button,\n.btn.disabled:hover,\n.btn[disabled]:hover,\n.btn.disabled > button:hover,\n.btn.disabled:focus,\n.btn[disabled]:focus,\n.btn.disabled > button:focus,\n.btn.disabled:active,\n.btn[disabled]:active,\n.btn.disabled > button:active,\n.btn.disabled.active,\n.btn[disabled].active,\n.btn.disabled > button.active {\n background-color: #ececec;\n color: #222;\n box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.18);\n cursor: not-allowed;\n}\n.btn > button {\n display: block;\n margin-block: -4px;\n margin-inline: -20px;\n}\n/* doc\n---\ntitle: \"Button With Icon\"\nname: buttons-01\ncategory: \"Components - Buttons\"\n---\n\n- [buttons.less] (https://git.plesk.tech/projects/PLESK/repos/plesk/browse/common/theme/less/core/buttons.less),\n [core/icons.less] (https://git.plesk.tech/projects/PLESK/repos/plesk/browse/common/theme/less/core/icons.less),\n [theme/icons.less] (https://git.plesk.tech/projects/PLESK/repos/plesk/browse/common/theme/less/theme/icons.less)\n\n```html_example\n<button class=\"btn\" type=\"button\"><i class=\"icon-folder\"></i> Button</button>\n<button class=\"btn btn-primary\" type=\"button\"><i class=\"icon-folder\"></i> Button</button>\n<button class=\"btn disabled\" type=\"button\"><i class=\"icon-indicator\"></i> Button</button>\n<!-- Deprecated -->\n<button class=\"btn btn-waiting disabled\" type=\"button\">Button</button>\n<span class=\"btn disabled\"><button type=\"button\"><span class=\"wait\">Button</span></button></span>\n```\n### Icon Only\n```html_example\n<button class=\"btn btn-icon-only\" type=\"button\"><i class=\"icon-folder\"></i> Button</button>\n<button class=\"btn btn-icon-only btn-primary\" type=\"button\"><i class=\"icon-folder\"></i> Button</button>\n<button class=\"btn btn-icon-only disabled\" type=\"button\"><i class=\"icon-indicator\"></i> Button</button>\n```\n*/\n.btn .icon,\n.btn [class^=\"icon-\"],\n.btn [class*=\" icon-\"] {\n margin-block: 2px 0;\n margin-inline: -8px 2px;\n vertical-align: top;\n}\n.btn.btn-icon-only,\n.btn.btn-icon-only > button {\n inline-size: 28px;\n block-size: 28px;\n min-inline-size: 0;\n overflow: hidden;\n padding: 6px;\n}\n.btn.btn-icon-only [class^=\"icon-\"],\n.btn.btn-icon-only > button [class^=\"icon-\"],\n.btn.btn-icon-only [class*=\" icon-\"],\n.btn.btn-icon-only > button [class*=\" icon-\"],\n.btn.btn-icon-only .icon,\n.btn.btn-icon-only > button .icon {\n margin-block: 0;\n margin-inline: 0 20px;\n}\nspan.btn.btn-icon-only {\n overflow: visible;\n}\nspan.btn.btn-icon-only > button {\n margin: -6px;\n}\n/* doc\n---\ntitle: \"Input Button\"\nname: buttons-02\ncategory: \"Components - Buttons\"\n---\nButton height is equal to form inputs.\n\n```html_example\n<input type=\"text\"> <button class=\"btn input-btn\" type=\"button\">Button</button>\n<input type=\"text\"> <button class=\"btn input-btn btn-icon-only\" type=\"button\"><i class=\"icon-folder\"></i> Button</button>\n```\n*/\n.input-btn,\n.input-btn > button {\n min-block-size: 20px;\n padding-block: 4px;\n}\n.input-btn > button {\n margin-block: -4px;\n}\n.input-btn.btn-icon-only,\n.input-btn.btn-icon-only > button {\n inline-size: 28px;\n block-size: 28px;\n padding: 6px;\n}\n.input-btn.btn-icon-only {\n overflow: hidden;\n}\n.input-btn.btn-icon-only > button {\n margin: -6px;\n}\n/* Modifier: `btn-waiting`\n ========================================================================== */\n.btn.btn-waiting::before,\n.btn.btn-waiting > button::before,\n.btn > .wait::before,\n.btn > button > .wait::before {\n content: \"\";\n display: inline-block;\n inline-size: 1em;\n block-size: 1em;\n margin-block: 4px 0;\n margin-inline: -4px 4px;\n vertical-align: top;\n box-sizing: border-box;\n border: 1px solid;\n border-block-end-color: transparent;\n border-radius: 50%;\n animation: btn-loading-rotate 0.8s linear infinite;\n}\nspan.btn.btn-waiting::before {\n display: none;\n}\n.btn .icon-indicator,\n.btn i.icon-indicator,\n.btn span.icon-indicator {\n inline-size: 1em;\n block-size: 1em;\n margin-block-start: 4px;\n vertical-align: top;\n background: none;\n box-sizing: border-box;\n border: 1px solid;\n border-block-end-color: transparent;\n border-radius: 50%;\n animation: btn-loading-rotate 1s linear infinite;\n}\n.btn-icon-only.btn .icon-indicator,\n.btn-icon-only.btn i.icon-indicator,\n.btn-icon-only.btn span.icon-indicator {\n margin-block: 2px;\n margin-inline: 2px 20px;\n}\n@keyframes btn-loading-rotate {\n to {\n transform: rotate(360deg);\n }\n}\n/* doc\n---\ntitle: \"Form Button\"\nname: buttons-03\ncategory: \"Components - Buttons\"\n---\nForm submit buttons in `btns-box`\n\n```html_example\n<div class=\"btns-box\">\n <div class=\"form-row\">\n <div class=\"single-row\">\n <button class=\"btn btn-primary\" type=\"button\">Button</button>\n <button class=\"btn\" type=\"button\">Button</button>\n <a class=\"btn btn-primary\" href=\"#\"><i class=\"icon-folder\"></i> Button</a>\n <a class=\"btn\" href=\"#\"><i class=\"icon-folder\"></i> Button</a>\n <!-- Deprecated -->\n <span class=\"btn action\"><button type=\"button\">Button</button></span>\n <span class=\"btn\"><button type=\"button\">Button</button></span>\n </div>\n </div>\n</div>\n```\n*/\n.btns-box .btn:not(.dropdown-toggle),\n.btns-container .btn:not(.dropdown-toggle),\n.btns-box .btn:not(.dropdown-toggle) > button,\n.btns-container .btn:not(.dropdown-toggle) > button {\n min-inline-size: 90px;\n}\n.btns-box .btn,\n.btns-container .btn,\n.btns-box .btn > button,\n.btns-container .btn > button {\n padding-block: 10px;\n padding-inline: 24px;\n font-weight: 600;\n font-size: 14px;\n box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.18);\n}\n.btns-box .btn:hover,\n.btns-container .btn:hover,\n.btns-box .btn > button:hover,\n.btns-container .btn > button:hover {\n box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.18);\n}\n.btns-box .btn:focus,\n.btns-container .btn:focus,\n.btns-box .btn > button:focus,\n.btns-container .btn > button:focus {\n box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.18), 0 0 0 4px rgba(0, 149, 255, 0.24);\n}\n.btns-box .btn.active,\n.btns-container .btn.active,\n.btns-box .btn > button.active,\n.btns-container .btn > button.active {\n box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.18);\n}\n.btns-box .btn:active,\n.btns-container .btn:active,\n.btns-box .btn > button:active,\n.btns-container .btn > button:active,\n.btns-box .btn.active:focus,\n.btns-container .btn.active:focus,\n.btns-box .btn > button.active:focus,\n.btns-container .btn > button.active:focus {\n box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.18), 0 0 0 4px rgba(0, 149, 255, 0.24);\n}\n.btns-box .btn-primary,\n.btns-container .btn-primary,\n.btns-box .btn.action,\n.btns-container .btn.action,\n.btns-box .btn.action > button,\n.btns-container .btn.action > button {\n box-shadow: inset 0 -2px 0 rgba(34, 34, 34, 0.18);\n}\n.btns-box .btn-primary:hover,\n.btns-container .btn-primary:hover,\n.btns-box .btn.action:hover,\n.btns-container .btn.action:hover,\n.btns-box .btn.action > button:hover,\n.btns-container .btn.action > button:hover {\n box-shadow: inset 0 -2px 0 rgba(34, 34, 34, 0.18);\n}\n.btns-box .btn-primary:focus,\n.btns-container .btn-primary:focus,\n.btns-box .btn.action:focus,\n.btns-container .btn.action:focus,\n.btns-box .btn.action > button:focus,\n.btns-container .btn.action > button:focus {\n box-shadow: inset 0 -2px 0 rgba(34, 34, 34, 0.18), 0 0 0 4px rgba(0, 149, 255, 0.24);\n}\n.btns-box .btn-primary.active,\n.btns-container .btn-primary.active,\n.btns-box .btn.action.active,\n.btns-container .btn.action.active,\n.btns-box .btn.action > button.active,\n.btns-container .btn.action > button.active {\n box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.18);\n}\n.btns-box .btn-primary:active,\n.btns-container .btn-primary:active,\n.btns-box .btn.action:active,\n.btns-container .btn.action:active,\n.btns-box .btn.action > button:active,\n.btns-container .btn.action > button:active,\n.btns-box .btn-primary.active:focus,\n.btns-container .btn-primary.active:focus,\n.btns-box .btn.action.active:focus,\n.btns-container .btn.action.active:focus,\n.btns-box .btn.action > button.active:focus,\n.btns-container .btn.action > button.active:focus {\n box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.18), 0 0 0 4px rgba(0, 149, 255, 0.24);\n}\n.btns-box .btn > button,\n.btns-container .btn > button {\n margin-block: -10px;\n margin-inline: -24px;\n}\n.btns-box .btn,\n.btns-container .btn {\n margin-inline-end: 8px;\n}\n/* doc\n---\ntitle: \"Button Styles\"\nname: buttons-04\ncategory: \"Components - Buttons\"\n---\n```html_example\n<button class=\"btn\" type=\"button\">Default</button>\n<button class=\"btn btn-primary\" type=\"button\">Primary</button>\n<button class=\"btn btn-secondary\" type=\"button\">Secondary</button>\n<button class=\"btn btn-success\" type=\"button\">Success</button>\n<button class=\"btn btn-info\" type=\"button\">Info</button>\n<button class=\"btn btn-warning\" type=\"button\">Warning</button>\n<button class=\"btn btn-danger\" type=\"button\">Danger</button>\n<button class=\"btn disabled\" type=\"button\">Disabled</button>\n<button class=\"btn btn-link\" type=\"button\">Link</button>\n<!-- Deprecated -->\n<span class=\"btn action\"><button type=\"button\">Action</button></span>\n```\n*/\n.btn-primary,\n.btn.action,\n.btn.action > button,\n.sid-login .btns-box .btn:not(.action):not(.btn-primary),\n.sid-login .btns-box .btn:not(.action):not(.btn-primary) > button {\n background-color: #28aade;\n color: #fff;\n}\n.btn-primary:hover,\n.btn.action:hover,\n.btn.action > button:hover,\n.sid-login .btns-box .btn:not(.action):not(.btn-primary):hover,\n.sid-login .btns-box .btn:not(.action):not(.btn-primary) > button:hover,\n.btn-primary:focus,\n.btn.action:focus,\n.btn.action > button:focus,\n.sid-login .btns-box .btn:not(.action):not(.btn-primary):focus,\n.sid-login .btns-box .btn:not(.action):not(.btn-primary) > button:focus {\n background-color: #259ccc;\n color: #fff;\n}\n.btn-primary:active,\n.btn.action:active,\n.btn.action > button:active,\n.sid-login .btns-box .btn:not(.action):not(.btn-primary):active,\n.sid-login .btns-box .btn:not(.action):not(.btn-primary) > button:active,\n.btn-primary.active,\n.btn.action.active,\n.btn.action > button.active,\n.sid-login .btns-box .btn:not(.action):not(.btn-primary).active,\n.sid-login .btns-box .btn:not(.action):not(.btn-primary) > button.active {\n background-color: #2089b2;\n color: #fff;\n}\n.btn-primary.disabled,\n.btn.action.disabled,\n.sid-login .btns-box .btn:not(.action):not(.btn-primary).disabled,\n.btn-primary[disabled],\n.btn.action[disabled],\n.sid-login .btns-box .btn:not(.action):not(.btn-primary)[disabled],\n.btn-primary.disabled > button,\n.btn.action.disabled > button,\n.sid-login .btns-box .btn:not(.action):not(.btn-primary).disabled > button,\n.btn-primary.disabled:hover,\n.btn.action.disabled:hover,\n.sid-login .btns-box .btn:not(.action):not(.btn-primary).disabled:hover,\n.btn-primary[disabled]:hover,\n.btn.action[disabled]:hover,\n.sid-login .btns-box .btn:not(.action):not(.btn-primary)[disabled]:hover,\n.btn-primary.disabled > button:hover,\n.btn.action.disabled > button:hover,\n.sid-login .btns-box .btn:not(.action):not(.btn-primary).disabled > button:hover,\n.btn-primary.disabled:focus,\n.btn.action.disabled:focus,\n.sid-login .btns-box .btn:not(.action):not(.btn-primary).disabled:focus,\n.btn-primary[disabled]:focus,\n.btn.action[disabled]:focus,\n.sid-login .btns-box .btn:not(.action):not(.btn-primary)[disabled]:focus,\n.btn-primary.disabled > button:focus,\n.btn.action.disabled > button:focus,\n.sid-login .btns-box .btn:not(.action):not(.btn-primary).disabled > button:focus,\n.btn-primary.disabled:active,\n.btn.action.disabled:active,\n.sid-login .btns-box .btn:not(.action):not(.btn-primary).disabled:active,\n.btn-primary[disabled]:active,\n.btn.action[disabled]:active,\n.sid-login .btns-box .btn:not(.action):not(.btn-primary)[disabled]:active,\n.btn-primary.disabled > button:active,\n.btn.action.disabled > button:active,\n.sid-login .btns-box .btn:not(.action):not(.btn-primary).disabled > button:active,\n.btn-primary.disabled.active,\n.btn.action.disabled.active,\n.sid-login .btns-box .btn:not(.action):not(.btn-primary).disabled.active,\n.btn-primary[disabled].active,\n.btn.action[disabled].active,\n.sid-login .btns-box .btn:not(.action):not(.btn-primary)[disabled].active,\n.btn-primary.disabled > button.active,\n.btn.action.disabled > button.active,\n.sid-login .btns-box .btn:not(.action):not(.btn-primary).disabled > button.active {\n background-color: #28aade;\n color: #fff;\n}\n.btn-success,\n.btn-success.disabled,\n.btn-success[disabled],\n.btn-success.disabled > button,\n.btn-success:hover,\n.btn-success.disabled:hover,\n.btn-success[disabled]:hover,\n.btn-success.disabled > button:hover,\n.btn-success:focus,\n.btn-success.disabled:focus,\n.btn-success[disabled]:focus,\n.btn-success.disabled > button:focus,\n.btn-success:active,\n.btn-success.disabled:active,\n.btn-success[disabled]:active,\n.btn-success.disabled > button:active,\n.btn-success.active,\n.btn-success.disabled.active,\n.btn-success[disabled].active,\n.btn-success.disabled > button.active {\n background-color: #487f1e;\n color: #fff;\n}\n.btn-success:hover,\n.btn-success:focus {\n background-color: #487f1e;\n color: #fff;\n}\n.btn-success:active,\n.btn-success.active {\n background-color: #366807;\n color: #fff;\n}\n.btn-warning,\n.btn-warning.disabled,\n.btn-warning[disabled],\n.btn-warning.disabled > button,\n.btn-warning:hover,\n.btn-warning.disabled:hover,\n.btn-warning[disabled]:hover,\n.btn-warning.disabled > button:hover,\n.btn-warning:focus,\n.btn-warning.disabled:focus,\n.btn-warning[disabled]:focus,\n.btn-warning.disabled > button:focus,\n.btn-warning:active,\n.btn-warning.disabled:active,\n.btn-warning[disabled]:active,\n.btn-warning.disabled > button:active,\n.btn-warning.active,\n.btn-warning.disabled.active,\n.btn-warning[disabled].active,\n.btn-warning.disabled > button.active {\n background-color: #c84a0b;\n color: #fff;\n}\n.btn-warning:hover,\n.btn-warning:focus {\n background-color: #bd5008;\n color: #fff;\n}\n.btn-warning:active,\n.btn-warning.active {\n background-color: #ab4400;\n color: #fff;\n}\n.btn-danger,\n.btn-danger.disabled,\n.btn-danger[disabled],\n.btn-danger.disabled > button,\n.btn-danger:hover,\n.btn-danger.disabled:hover,\n.btn-danger[disabled]:hover,\n.btn-danger.disabled > button:hover,\n.btn-danger:focus,\n.btn-danger.disabled:focus,\n.btn-danger[disabled]:focus,\n.btn-danger.disabled > button:focus,\n.btn-danger:active,\n.btn-danger.disabled:active,\n.btn-danger[disabled]:active,\n.btn-danger.disabled > button:active,\n.btn-danger.active,\n.btn-danger.disabled.active,\n.btn-danger[disabled].active,\n.btn-danger.disabled > button.active {\n background-color: #b30122;\n color: #fff;\n}\n.btn-danger:hover,\n.btn-danger:focus {\n background-color: #b30122;\n color: #fff;\n}\n.btn-danger:active,\n.btn-danger.active {\n background-color: #a80022;\n color: #fff;\n}\n/* Disabled state\n * Overrides also the color modifiers\n ========================================================================== */\n/* Equal for all button types */\n.btn.disabled,\n.btn[disabled] {\n opacity: 0.47;\n}\n/* Modifier: `btn-link`\n ========================================================================== */\n.btn-link,\n.btn-link > button {\n color: #007eb0;\n background-color: transparent;\n box-shadow: none;\n}\n.btn-link:hover,\n.btn-link > button:hover,\n.btn-link:focus,\n.btn-link > button:focus,\n.btn-link:active,\n.btn-link > button:active,\n.btn-link.active,\n.btn-link > button.active {\n color: #259ccc;\n text-decoration: underline;\n background-color: transparent;\n box-shadow: none;\n}\n.btn-link:focus,\n.btn-link > button:focus {\n outline: 1px dotted;\n}\n.btn-link.disabled,\n.btn-link > button.disabled,\n.btn-link[disabled],\n.btn-link > button[disabled],\n.btn-link.disabled:hover,\n.btn-link > button.disabled:hover,\n.btn-link[disabled]:hover,\n.btn-link > button[disabled]:hover,\n.btn-link.disabled:focus,\n.btn-link > button.disabled:focus,\n.btn-link[disabled]:focus,\n.btn-link > button[disabled]:focus,\n.btn-link.disabled:active,\n.btn-link > button.disabled:active,\n.btn-link[disabled]:active,\n.btn-link > button[disabled]:active,\n.btn-link.disabled.active,\n.btn-link > button.disabled.active,\n.btn-link[disabled].active,\n.btn-link > button[disabled].active {\n color: #007eb0;\n text-decoration: none;\n background-color: transparent;\n box-shadow: none;\n opacity: 0.47;\n}\n/* doc\n---\ntitle: \"Button Dropdown\"\nname: button-dropdown\ncategory: \"Components - Button Dropdown\"\n---\n\n- [buttons.less] (https://git.plesk.tech/projects/PLESK/repos/plesk/browse/common/theme/less/core/buttons.less),\n [button-groups.less] (https://git.plesk.tech/projects/PLESK/repos/plesk/browse/common/theme/less/core/button-groups.less),\n [dropdowns.less] (https://git.plesk.tech/projects/PLESK/repos/plesk/browse/common/theme/less/core/dropdowns.less)\n\n```html_example\n<span class=\"btn-group\">\n <button class=\"btn dropdown-toggle\" type=\"button\">Button <span class=\"caret\"></span></button>\n <ul class=\"dropdown-menu\">\n <li><a href=\"#\">Dropdown Item</a></li>\n <li><a href=\"#\">Dropdown Item</a></li>\n <li><a href=\"#\">Dropdown Item</a></li>\n </ul>\n</span>\n<span class=\"btn-group dropup\">\n <button class=\"btn btn-primary dropdown-toggle\" type=\"button\">Button <span class=\"caret\"></span></button>\n <ul class=\"dropdown-menu\">\n <li><a href=\"#\">Dropdown Item</a></li>\n <li><a href=\"#\">Dropdown Item</a></li>\n <li><a href=\"#\">Dropdown Item</a></li>\n </ul>\n</span>\n<span class=\"btn-group\">\n <button class=\"btn dropdown-toggle\" type=\"button\"><i class=\"icon-folder\"></i> <span class=\"caret\"></span></button>\n <ul class=\"dropdown-menu\">\n <li><a href=\"#\">Dropdown Item</a></li>\n <li><a href=\"#\">Dropdown Item</a></li>\n <li><a href=\"#\">Dropdown Item</a></li>\n </ul>\n</span>\n```\n*/\n/* doc\n---\ntitle: \"Split Button\"\nname: button-dropdown-01\ncategory: \"Components - Button Dropdown\"\n---\n\n```html_example\n<span class=\"btn-group\">\n <button class=\"btn\" type=\"button\">Button</button>\n <button class=\"btn dropdown-toggle\" type=\"button\"><span class=\"caret\"></span></button>\n <ul class=\"dropdown-menu\">\n <li><a href=\"#\">Dropdown Item</a></li>\n <li><a href=\"#\">Dropdown Item</a></li>\n <li><a href=\"#\">Dropdown Item</a></li>\n </ul>\n</span>\n<span class=\"btn-group dropup\">\n <button class=\"btn\" type=\"button\">Button</button>\n <button class=\"btn dropdown-toggle\" type=\"button\"><span class=\"caret\"></span></button>\n <ul class=\"dropdown-menu\">\n <li><a href=\"#\">Dropdown Item</a></li>\n <li><a href=\"#\">Dropdown Item</a></li>\n <li><a href=\"#\">Dropdown Item</a></li>\n </ul>\n</span>\n```\n*/\n.btn-primary .caret,\n.btn.action .caret,\n.btn-success .caret,\n.btn-warning .caret,\n.btn-danger .caret {\n background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A//www.w3.org/2000/svg'%20viewBox%3D'3.5%203.5%206%206'%3E%3Cpath%20fill%3D'%23fff'%20d%3D'M4.145%205.145a.496.496%200%200%200%200%20.702l1.952%201.95A.499.499%200%200%200%206.5%208a.495.495%200%200%200%20.403-.202l1.952-1.951a.496.496%200%201%200-.702-.702L6.5%206.798%204.847%205.145a.496.496%200%200%200-.702%200z'/%3E%3C/svg%3E\");\n}\n.btn-group > .btn + .dropdown-toggle,\n.btn-group > .btn + .dropdown-toggle > button {\n background-color: #ececec;\n}\n.btn-group > .btn + .dropdown-toggle:hover,\n.btn-group > .btn + .dropdown-toggle > button:hover,\n.btn-group > .btn + .dropdown-toggle:focus,\n.btn-group > .btn + .dropdown-toggle > button:focus {\n background-color: #dedede;\n color: #222;\n outline: none;\n text-decoration: none;\n}\n.btn-group > .btn + .dropdown-toggle:active,\n.btn-group > .btn + .dropdown-toggle > button:active,\n.btn-group > .btn + .dropdown-toggle.active,\n.btn-group > .btn + .dropdown-toggle > button.active,\n.btn-group-open.btn-group > .btn + .dropdown-toggle,\n.btn-group-open.btn-group > .btn + .dropdown-toggle > button,\n.open.btn-group > .btn + .dropdown-toggle,\n.open.btn-group > .btn + .dropdown-toggle > button {\n background-color: #ccc;\n color: #222;\n}\n.btn-group > .btn + .dropdown-toggle .caret,\n.btn-group > .btn + .dropdown-toggle > button .caret {\n margin-inline: 0;\n}\n/* doc\n---\ntitle: \"Link Buttons\"\nname: link-buttons\ncategory: \"Components - Link Buttons\"\n---\n\n### Small Icon with Label\n```html_example\n<a class=\"s-btn sb-folder\" href=\"#\">Link Button</a>\n<a class=\"s-btn sb-waiting\" href=\"#\">Link Button</a>\n<a class=\"s-btn sb-folder disabled\" href=\"#\">Link Button</a>\n```\n```html_example\n<a class=\"s-btn\" href=\"#\"><i class=\"icon-folder\"></i> Link Button</a>\n<a class=\"s-btn\" href=\"#\"><i class=\"icon-indicator\"></i> Link Button</a>\n<a class=\"s-btn disabled\" href=\"#\"><i class=\"icon-folder\"></i> Link Button</a>\n```\n*/\n/* ========================================================================\n Link button: Text with small icon 's-btn'\n ========================================================================== */\n.s-btn,\n.sb-btn {\n white-space: nowrap;\n display: inline-block;\n margin-inline-end: 5px;\n padding-inline-start: 20px;\n line-height: 16px;\n}\n.s-btn i,\n.sb-btn i {\n font-style: normal;\n}\n.s-btn[class^=\"sb-\"]::before,\n.sb-btn[class^=\"sb-\"]::before,\n.s-btn[class*=\" sb-\"]::before,\n.sb-btn[class*=\" sb-\"]::before {\n content: \"\";\n vertical-align: -3px;\n float: inline-start;\n inline-size: 16px;\n block-size: 16px;\n margin-inline-start: -20px;\n background-repeat: no-repeat;\n background-size: 16px 16px;\n}\n.s-btn[class^=\"sb-\"]::after,\n.sb-btn[class^=\"sb-\"]::after,\n.s-btn[class*=\" sb-\"]::after,\n.sb-btn[class*=\" sb-\"]::after {\n content: \"\";\n display: inline-block;\n block-size: 16px;\n vertical-align: -3px;\n}\n.s-btn .icon,\n.sb-btn .icon,\n.s-btn [class^=\"icon-\"],\n.sb-btn [class^=\"icon-\"],\n.s-btn [class*=\" icon-\"],\n.sb-btn [class*=\" icon-\"] {\n float: inline-start;\n margin-inline-start: -20px;\n}\n/* doc\n---\ntitle: \"Link Buttons Icon Only\"\nname: link-buttons-01\ncategory: \"Components - Link Buttons\"\n---\n```html_example\n<a class=\"s-btn btn-icon-only\" href=\"#\"><i class=\"icon-folder\"></i> Link Button</a>\n<a class=\"s-btn btn-icon-only\" href=\"#\"><i class=\"icon-indicator\"></i> Link Button</a>\n<a class=\"s-btn btn-icon-only disabled\" href=\"#\"><i class=\"icon-folder\"></i> Link Button</a>\n```\n*/\n.s-btn.btn-icon-only {\n box-sizing: border-box;\n inline-size: 16px;\n padding-inline-start: 16px;\n overflow: hidden;\n vertical-align: -3px;\n}\n.s-btn.btn-icon-only[class^=\"sb-\"]::before,\n.s-btn.btn-icon-only[class*=\" sb-\"]::before,\n.s-btn.btn-icon-only .icon,\n.s-btn.btn-icon-only [class^=\"icon-\"],\n.s-btn.btn-icon-only [class*=\" icon-\"] {\n margin-inline: -16px 10px;\n}\n/* doc\n---\ntitle: \"Large Icon with Label\"\nname: link-buttons-02\ncategory: \"Components - Link Buttons\"\n---\n```html_example\n<a class=\"b-btn bb-database-webadmin\" href=\"#\"><span>Link Button</span></a>\n<a class=\"b-btn bb-database-webadmin disabled\" href=\"#\"><span>Link Button</span></a>\n```\n*/\n.b-btn {\n display: inline-block;\n margin-block: 0 12px;\n margin-inline: 0 3px;\n cursor: pointer;\n text-align: center;\n vertical-align: top;\n}\n.b-btn::before {\n content: \"\";\n display: inline-block;\n inline-size: 32px;\n block-size: 32px;\n background-repeat: no-repeat;\n background-size: 32px 32px;\n}\n.b-btn i {\n font-style: normal;\n}\n.b-btn span {\n display: block;\n inline-size: 144px;\n word-wrap: break-word;\n}\n/* Disabled state for `s-btn` and `b-btn`\n ========================================================================== */\n.s-btn.btn-disabled,\n.b-btn.btn-disabled,\n.s-btn.disabled,\n.b-btn.disabled,\n.s-btn[disabled],\n.b-btn[disabled],\n.s-btn.btn-disabled:hover,\n.b-btn.btn-disabled:hover,\n.s-btn.disabled:hover,\n.b-btn.disabled:hover,\n.s-btn[disabled]:hover,\n.b-btn[disabled]:hover {\n color: #333;\n text-decoration: none;\n opacity: 0.5;\n filter: grayscale(100%);\n cursor: not-allowed;\n}\n.disabledIcon {\n opacity: 0.5;\n}\n@media (max-width: 767px) {\n .r-visible,\n .s-btn .r-visible,\n .sb-btn .r-visible,\n .pul-button .r-visible {\n display: inline;\n white-space: normal;\n letter-spacing: 0;\n word-spacing: 0;\n }\n}\n/* ========================================================================\n Legacy Button\n ========================================================================== */\n.commonButton {\n display: inline-block;\n white-space: nowrap;\n cursor: pointer;\n margin-inline-end: 8px;\n}\nspan.commonButton {\n cursor: not-allowed;\n}\n.formArea .commonButton span,\n.formButtons .commonButton span,\n.paging .commonButton span {\n display: none;\n}\n.listArea .buttons .commonButton button,\n.reportTools .commonButton button,\n.toolsArea .commonButton button,\n.toolbar .commonButton button {\n display: none;\n}\n.listArea .buttons .commonButton span {\n display: block;\n}\n/* Button */\n.commonButton button {\n -webkit-appearance: none;\n margin: 0;\n border: none;\n border-radius: 2px;\n overflow: visible;\n font: inherit;\n color: #222;\n text-transform: none;\n display: block;\n box-sizing: border-box;\n padding-block: 4px;\n padding-inline: 20px;\n background-color: #ececec;\n min-block-size: 20px;\n line-height: 20px;\n font-size: 12px;\n font-weight: 600;\n box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.18);\n text-decoration: none;\n text-align: center;\n white-space: nowrap;\n cursor: pointer;\n}\n.commonButton button:hover,\n.commonButton button:focus {\n background-color: #dedede;\n color: #222;\n box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.18);\n outline: none;\n text-decoration: none;\n}\n.commonButton button:focus {\n box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.18), 0 0 0 4px rgba(0, 149, 255, 0.24);\n}\n.commonButton button:active {\n background-color: #ccc;\n color: #222;\n box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.18), 0 0 0 4px rgba(0, 149, 255, 0.24);\n}\n#bid-ok button,\n#bid-finish button {\n min-inline-size: 90px;\n background-color: #28aade;\n color: #fff;\n padding-block: 10px;\n padding-inline: 24px;\n font-weight: 600;\n font-size: 14px;\n box-shadow: inset 0 -2px 0 rgba(34, 34, 34, 0.18);\n}\n#bid-ok button:hover,\n#bid-finish button:hover,\n#bid-ok button:focus,\n#bid-finish button:focus {\n background-color: #259ccc;\n color: #fff;\n box-shadow: inset 0 -2px 0 rgba(34, 34, 34, 0.18);\n}\n#bid-ok button:focus,\n#bid-finish button:focus {\n box-shadow: inset 0 -2px 0 rgba(34, 34, 34, 0.18), 0 0 0 4px rgba(0, 149, 255, 0.24);\n}\n#bid-ok button:active,\n#bid-finish button:active,\n#bid-ok button.active,\n#bid-finish button.active {\n background-color: #2089b2;\n color: #fff;\n box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.18);\n}\n#bid-ok button:active,\n#bid-finish button:active,\n#bid-ok button.active:focus,\n#bid-finish button.active:focus {\n box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.18), 0 0 0 4px rgba(0, 149, 255, 0.24);\n}\n#bid-cancel button {\n min-inline-size: 90px;\n background-color: #ececec;\n color: #222;\n padding-block: 10px;\n padding-inline: 24px;\n font-weight: 600;\n font-size: 14px;\n box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.18);\n}\n#bid-cancel button:hover,\n#bid-cancel button:focus {\n background-color: #dedede;\n color: #222;\n box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.18);\n}\n#bid-cancel button:focus {\n box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.18), 0 0 0 4px rgba(0, 149, 255, 0.24);\n}\n#bid-cancel button:active,\n#bid-cancel button.active {\n background-color: #ccc;\n color: #222;\n box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.18);\n}\n#bid-cancel button:active,\n#bid-cancel button.active:focus {\n box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.18), 0 0 0 4px rgba(0, 149, 255, 0.24);\n}\n#bid-to-shared,\n#bid-to-exclusive {\n inline-size: 100%;\n}\n#bid-to-shared button,\n#bid-to-exclusive button {\n inline-size: 100%;\n}\nspan.commonButton button,\nspan#bid-ok.commonButton button,\nspan#bid-finish.commonButton button,\nspan#bid-cancel.commonButton button,\nspan.commonButton button:hover,\nspan#bid-ok.commonButton button:hover,\nspan#bid-finish.commonButton button:hover,\nspan#bid-cancel.commonButton button:hover,\nspan.commonButton button:focus,\nspan#bid-ok.commonButton button:focus,\nspan#bid-finish.commonButton button:focus,\nspan#bid-cancel.commonButton button:focus,\nspan.commonButton button:active,\nspan#bid-ok.commonButton button:active,\nspan#bid-finish.commonButton button:active,\nspan#bid-cancel.commonButton button:active {\n background-color: #ececec;\n color: #222;\n opacity: 0.47;\n cursor: not-allowed;\n}\n/* Link button: Text with small icon */\n.commonButton span {\n display: block;\n padding-inline-start: 20px;\n line-height: 16px;\n color: #007eb0;\n text-decoration: none;\n cursor: pointer;\n}\n.commonButton span::before {\n content: \"\";\n vertical-align: -3px;\n float: inline-start;\n inline-size: 16px;\n block-size: 16px;\n margin-inline-start: -20px;\n background-repeat: no-repeat;\n background-size: 16px 16px;\n}\n.commonButton span::after {\n content: \"\";\n display: inline-block;\n}\n.commonButton:hover span {\n color: #259ccc;\n text-decoration: underline;\n}\nspan.commonButton span,\nspan.commonButton span:hover {\n color: #333;\n text-decoration: none;\n opacity: 0.5;\n filter: grayscale(100%);\n cursor: not-allowed;\n}\n/* Link button: Text with big icon */\n.toolsArea .commonButton {\n margin-block: 0 12px;\n margin-inline: 0 3px;\n text-align: center;\n vertical-align: top;\n background: 50% 0 no-repeat;\n background-size: 32px 32px;\n}\n.toolsArea .commonButton::before {\n content: \"\";\n display: inline-block;\n inline-size: 32px;\n block-size: 32px;\n background-repeat: no-repeat;\n background-size: 32px 32px;\n}\n.toolsArea .commonButton span,\n.formArea .toolsArea .commonButton span {\n display: block;\n inline-size: 144px;\n padding-inline-start: 0;\n white-space: normal;\n word-wrap: break-word;\n}\n.toolsArea .commonButton span::before,\n.formArea .toolsArea .commonButton span::before {\n display: none;\n}\n.toolsArea span.commonButton:hover span {\n color: #333;\n text-decoration: none;\n}\n.toolsArea span.commonButton::before {\n opacity: 0.5;\n filter: grayscale(100%);\n cursor: not-allowed;\n}\n/* doc\n---\ntitle: \"Button Group\"\nname: button-group\ncategory: \"Components - Button Group\"\n---\n\n- [button-groups.less] (https://git.plesk.tech/projects/PLESK/repos/plesk/browse/common/theme/less/core/button-groups.less)\n\n```html_example\n<div class=\"btn-group\">\n <a class=\"btn\" href=\"#\">Link</a>\n <a class=\"btn\" href=\"#\">Link</a>\n <div class=\"btn-group\">\n <a class=\"btn\" href=\"#\">Link</a>\n </div>\n <a class=\"btn\" href=\"#\">Link</a>\n</div>\n<div class=\"btn-group\">\n <a class=\"btn\" href=\"#\"><i class=\"icon-folder\"></i> Link</a>\n <a class=\"btn\" href=\"#\"><i class=\"icon-folder\"></i> Link</a>\n <a class=\"btn\" href=\"#\"><i class=\"icon-folder\"></i> Link</a>\n</div>\n<div class=\"btn-group\">\n <a class=\"btn\" href=\"#\">Link</a>\n <a class=\"btn\" href=\"#\">Link</a>\n</div>\n<div class=\"btn-group\">\n <a class=\"btn\" href=\"#\">Link</a>\n</div>\n<div class=\"btn-group\">\n <a class=\"btn btn-icon-only\" href=\"#\"><i class=\"icon-folder\"></i> Link</a>\n <a class=\"btn btn-icon-only\" href=\"#\"><i class=\"icon-folder\"></i> Link</a>\n <a class=\"btn btn-icon-only\" href=\"#\"><i class=\"icon-folder\"></i> Link</a>\n</div>\n```\n*/\n.btn-group {\n position: relative;\n display: inline-flex;\n vertical-align: middle;\n margin-inline-end: 8px;\n}\n.btn-group > .btn:not(.dropdown-toggle) {\n flex: auto;\n}\n.btn-group > .btn {\n position: relative;\n margin: 0;\n}\n.btn-group > .btn:hover,\n.btn-group > .btn:focus,\n.btn-group > .btn:active,\n.btn-group > .btn.active {\n z-index: 2;\n}\n.btn-group .btn + .btn,\n.btn-group .btn + .btn-group,\n.btn-group .btn-group + .btn,\n.btn-group .btn-group + .btn-group {\n margin-inline-start: 1px;\n}\n.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle),\n.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) > button {\n border-radius: 0;\n}\n.btn-group > .btn:first-child {\n margin-inline-start: 0;\n}\n.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle),\n.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) > button {\n border-start-end-radius: 0;\n border-end-end-radius: 0;\n}\n.btn-group > .btn:last-child:not(:first-child),\n.btn-group > .dropdown-toggle:not(:first-child),\n.btn-group > .btn:last-child:not(:first-child) > button,\n.btn-group > .dropdown-toggle:not(:first-child) > button {\n border-start-start-radius: 0;\n border-end-start-radius: 0;\n}\n.btn-group > .btn-group {\n float: inline-start;\n margin-inline-end: 0;\n}\n.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn,\n.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn > button {\n border-radius: 0;\n}\n.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,\n.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle,\n.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child > button,\n.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle > button {\n border-start-end-radius: 0;\n border-end-end-radius: 0;\n}\n.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child,\n.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child > button {\n border-start-start-radius: 0;\n border-end-start-radius: 0;\n}\n.btn-group .dropdown-toggle:active,\n.btn-group.open .dropdown-toggle,\n.btn-group .dropdown-toggle:active > button,\n.btn-group.open .dropdown-toggle > button {\n outline: 0;\n}\n.btn-group > .btn + .dropdown-toggle {\n padding-inline: 8px;\n min-inline-size: 26px;\n}\n.btn-group > .btn + .dropdown-toggle > button {\n margin-inline: -8px;\n min-inline-size: 26px;\n}\n.btn .caret {\n margin-inline: 4px -8px;\n}\n/* doc\n---\ntitle: \"Button Group Vertical\"\nname: button-group-01\ncategory: \"Components - Button Group\"\n---\n\n```html_example\n<div class=\"btn-group btn-set-vertical\">\n <a class=\"btn\" href=\"#\">Button</a>\n <a class=\"btn\" href=\"#\">Button Button</a>\n <a class=\"btn\" href=\"#\">Button</a>\n <a class=\"btn\" href=\"#\">Button</a>\n</div>\n```\n*/\n.btn-set-vertical {\n display: inline-block;\n}\n.btn-set-vertical > .btn {\n display: block;\n margin-block: 10px 0;\n margin-inline: 0;\n inline-size: 100%;\n}\n.btn-set-vertical > .btn:first-child {\n margin-block-start: 0;\n}\n/* ========================================================================\n Animation\n ========================================================================== */\n.animation-blink {\n animation: blink 1s infinite steps(2, start);\n}\n/* Keyframes: Fade\n ========================================================================== */\n@keyframes fade {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}\n/* Keyframes: Fade with slide\n ========================================================================== */\n@keyframes fade-block-start {\n 0% {\n opacity: 0;\n transform: translateY(-100%);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n}\n@keyframes fade-block-end {\n 0% {\n opacity: 0;\n transform: translateY(100%);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n}\n@keyframes fade-inline-start {\n 0% {\n opacity: 0;\n transform: translateX(-100%);\n }\n 100% {\n opacity: 1;\n transform: translateX(0);\n }\n}\n@keyframes fade-inline-end {\n 0% {\n opacity: 0;\n transform: translateX(100%);\n }\n 100% {\n opacity: 1;\n transform: translateX(0);\n }\n}\n/* Keyframes: Fade with scale\n ========================================================================== */\n@keyframes fade-scale-02 {\n 0% {\n opacity: 0;\n transform: scale(0.2);\n }\n 100% {\n opacity: 1;\n transform: scale(1);\n }\n}\n@keyframes fade-scale-15 {\n 0% {\n opacity: 0;\n transform: scale(1.5);\n }\n 100% {\n opacity: 1;\n transform: scale(1);\n }\n}\n@keyframes fade-scale-18 {\n 0% {\n opacity: 0;\n transform: scale(1.8);\n }\n 100% {\n opacity: 1;\n transform: scale(1);\n }\n}\n/* Keyframes: Slide\n ========================================================================== */\n@keyframes slide-inline-start {\n 0% {\n transform: translateX(-100%);\n }\n 100% {\n transform: translateX(0);\n }\n}\n@keyframes slide-inline-end {\n 0% {\n transform: translateX(100%);\n }\n 100% {\n transform: translateX(0);\n }\n}\n/* Keyframes: Scale\n ========================================================================== */\n@keyframes scale-12 {\n 0% {\n transform: scale(1.2) rotate(0.02deg);\n }\n 100% {\n transform: scale(1);\n }\n}\n/* Keyframes: Rotate\n ========================================================================== */\n@keyframes rotate {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(359deg);\n }\n}\n/* Keyframes: Shake\n ========================================================================== */\n@keyframes shake {\n 0%,\n 100% {\n transform: translateX(0);\n }\n 10% {\n transform: translateX(-9px);\n }\n 20% {\n transform: translateX(8px);\n }\n 30% {\n transform: translateX(-7px);\n }\n 40% {\n transform: translateX(6px);\n }\n 50% {\n transform: translateX(-5px);\n }\n 60% {\n transform: translateX(4px);\n }\n 70% {\n transform: translateX(-3px);\n }\n 80% {\n transform: translateX(2px);\n }\n 90% {\n transform: translateX(-1px);\n }\n}\n/* Keyframes: Blink\n ========================================================================== */\n@keyframes blink {\n 80% {\n visibility: hidden;\n }\n}\n/* Keyframes: Fade with slide fixed\n ========================================================================== */\n@keyframes slide-block-start-fixed {\n 0% {\n opacity: 0;\n transform: translateY(-10px);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n}\n@keyframes slide-block-end-fixed {\n 0% {\n opacity: 0;\n transform: translateY(10px);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n}\n/* doc\n---\ntitle: \"Icons\"\nname: icons\ncategory: \"Components - Icons\"\n---\n\n- [icons.less] (https://git.plesk.tech/projects/PLESK/repos/plesk/browse/common/theme/less/core/icons.less)\n [icons.less] (https://git.plesk.tech/projects/PLESK/repos/plesk/browse/common/theme/less/theme/icons.less)\n\n```html_example\n<p><i class=\"icon\"><img src=\"theme/icons/16/plesk/file-folder.png\" alt=\"\"></i></p>\n<p><i class=\"icon-folder\"></i></p>\n<p><i class=\"icon-md\"><img src=\"theme/icons/32/plesk/file-manager.png\" alt=\"\"></i></p>\n<p><i class=\"icon-md-desktop\"></i></p>\n```\n*/\n/* = Icons =\n------------------------------------------------------------------------------ */\ni.icon,\nspan.icon,\n[class^=\"icon-\"],\n[class*=\" icon-\"],\n.btn [class^=\"icon-\"],\n.btn [class*=\" icon-\"],\n.s-btn [class^=\"icon-\"],\n.s-btn [class*=\" icon-\"] {\n display: inline-block;\n inline-size: 16px;\n block-size: 16px;\n vertical-align: -3px;\n background-repeat: no-repeat;\n background-size: contain;\n}\ni.icon img,\nspan.icon img,\n[class^=\"icon-\"] img,\n[class*=\" icon-\"] img,\ni.icon svg,\nspan.icon svg,\n[class^=\"icon-\"] svg,\n[class*=\" icon-\"] svg {\n display: block;\n inline-size: 100%;\n block-size: 100%;\n overflow: hidden;\n}\n[class^=\"icon-md-\"],\n[class*=\" icon-md-\"],\n.icon-md {\n inline-size: 32px;\n block-size: 32px;\n vertical-align: middle;\n}\n.icon-lg {\n inline-size: 48px;\n block-size: 48px;\n}\n.icon-xl {\n inline-size: 64px;\n block-size: 64px;\n}\n.icon-xxl {\n inline-size: 96px;\n block-size: 96px;\n}\n/* doc\n---\ntitle: \"Paging\"\nname: paging\ncategory: \"Components - Paging\"\n---\n\n- [paging.less] (https://git.plesk.tech/projects/PLESK/repos/plesk/browse/common/theme/less/core/paging.less)\n\n```html_example\n<div class=\"paging\">\n <div class=\"paging-area\">\n <span class=\"paging-info\">4 items total</span>\n <span class=\"paging-view\">Entries per page: <a href=\"#\">10</a> <span>25</span> <a href=\"#\">100</a> <a href=\"#\">All</a></span>\n <span class=\"paging-nav\">Pages: First <span><<</span> <span>1</span> <a href=\"#\">2</a> <a href=\"#\">>></a> <a href=\"#\">Last</a></span>\n </div>\n</div>\n```\n*/\n.paging {\n inline-size: 100%;\n font-size: 12px;\n line-height: 1.333;\n color: #737373;\n}\n.paging .paging-info {\n display: inline-block;\n margin-block: 4px;\n margin-inline: 0;\n}\n.paging .paging-view,\n.paging .paging-nav {\n display: block;\n margin-block: 4px;\n margin-inline: 0;\n}\n.paging .paging-nav {\n display: block;\n white-space: nowrap;\n}\n.objects-details .paging {\n padding: 0;\n}\n@media (max-width: 767px) {\n .list + .paging {\n display: none;\n }\n .paging {\n margin-block: 8px;\n margin-inline: 0;\n }\n .paging .paging-info {\n border-block-end: 1px dotted;\n cursor: pointer;\n }\n .paging .paging-view,\n .paging .paging-nav {\n display: none;\n }\n .r-paging-visible .paging-view,\n .r-paging-visible .paging-nav {\n display: block;\n }\n}\n@media (min-width: 768px) {\n .paging-area {\n display: inline-block;\n inline-size: 100%;\n }\n .paging .paging-info {\n float: inline-start;\n }\n .paging .paging-view {\n float: inline-end;\n }\n .paging .paging-nav {\n text-align: center;\n }\n}\n/* doc\n---\ntitle: \"Labels\"\nname: labels\ncategory: \"Components - Labels\"\n---\n\n- [label.less] (https://git.plesk.tech/projects/PLESK/repos/plesk/browse/common/theme/less/core/labels.less)\n\n```html_example\n<p>\n <span class=\"label label-default\">Default</span>\n <span class=\"label label-inactive\">Inactive</span>\n <span class=\"label label-success\">Success</span>\n <span class=\"label label-info\">Info</span>\n <span class=\"label label-warning\">Warning</span>\n <span class=\"label label-danger\">Danger</span>\n</p>\n<p>\n <a href=\"#\" class=\"label label-default\">Default</a>\n <a href=\"#\" class=\"label label-inactive\">Inactive</a>\n <a href=\"#\" class=\"label label-success\">Success</a>\n <a href=\"#\" class=\"label label-info\">Info</a>\n <a href=\"#\" class=\"label label-warning\">Warning</a>\n <a href=\"#\" class=\"label label-danger\">Danger</a>\n</p>\n```\n*/\n.label {\n display: inline-block;\n padding-block: 0;\n padding-inline: 8px;\n border-radius: 8px;\n font-size: 11px;\n font-weight: 400;\n line-height: 1.455;\n letter-spacing: 0.5px;\n text-transform: uppercase;\n color: #fff;\n text-align: center;\n background-color: #28aade;\n}\n.label[href]:hover,\n.label[href]:focus {\n background-color: #1c8bb7;\n}\na.label:hover,\na.label:focus {\n color: #fff;\n text-decoration: none;\n cursor: pointer;\n}\n.label-inactive {\n background-color: #b5b5b5;\n}\n.label-inactive[href]:hover,\n.label-inactive[href]:focus {\n background-color: #9c9c9c;\n}\n.label-success {\n background-color: #487f1e;\n}\n.label-success[href]:hover,\n.label-success[href]:focus {\n background-color: #315614;\n}\n.label-info {\n background-color: #28aade;\n}\n.label-info[href]:hover,\n.label-info[href]:focus {\n background-color: #1c8bb7;\n}\n.label-warning {\n background-color: #c84a0b;\n}\n.label-warning[href]:hover,\n.label-warning[href]:focus {\n background-color: #983808;\n}\n.label-danger {\n background-color: #b30122;\n}\n.label-danger[href]:hover,\n.label-danger[href]:focus {\n background-color: #800118;\n}\n/* doc\n---\ntitle: \"Bar Chart Table\"\nname: progress-bar-09\ncategory: \"Components - Progress Bar\"\n---\n```html_example\n<table class=\"bar-chart-table\" cellspacing=\"0\">\n <tbody>\n <tr>\n <td colspan=\"2\">Select day</td>\n <td class=\"bar-chart-table-data\">\n <select name=\"\">\n <option label=\"01\" value=\"01\">01</option>\n </select>\n <select name=\"\">\n <option label=\"January\" value=\"1\">January</option>\n </select>\n <select name=\"\">\n <option label=\"2013\" value=\"2016\" selected=\"selected\">2016</option>\n </select>\n </td>\n </tr>\n <tr class=\"bar-chart-table-separator\">\n <td colspan=\"3\"><hr></td>\n </tr>\n <tr>\n <td>HH:00</td>\n <td>###</td>\n <td class=\"bar-chart-table-data\">\n <span class=\"bar-chart-item bar-chart-item-over\"><i style=\"100%\"></i><b>### attempts</b></span>\n </td>\n </tr>\n <tr>\n <td>HH:00</td>\n <td>###</td>\n <td class=\"bar-chart-table-data\">\n <span class=\"bar-chart-item\"><i style=\"width: 75%\"></i></span>\n </td>\n </tr>\n <tr>\n <td>HH:00</td>\n <td>###</td>\n <td class=\"bar-chart-table-data\">\n <span class=\"bar-chart-item\"><i style=\"width: 55%\"></i></span>\n </td>\n </tr>\n </tbody>\n</table>\n```\n*/\n.bar-chart-table {\n inline-size: 200px;\n}\n.bar-chart-table td {\n padding-block: 2px;\n padding-inline: 10px 0;\n white-space: nowrap;\n}\n.bar-chart-table td:first-child {\n padding-inline-start: 0;\n}\n.bar-chart-table-data {\n inline-size: 100%;\n}\n.bar-chart-table .separator hr {\n margin-block: 8px;\n margin-inline: 0;\n}\n.bar-chart-item,\n.bar-chart-item i {\n display: block;\n block-size: 16px;\n border-radius: 2px;\n}\n.bar-chart-item {\n position: relative;\n display: inline-block;\n inline-size: 100%;\n min-inline-size: 160px;\n vertical-align: middle;\n background-color: #ececec;\n}\n.bar-chart-item b {\n position: absolute;\n inset-block-start: 0;\n inset-inline-start: 0;\n inline-size: 100%;\n block-size: 16px;\n text-align: center;\n line-height: 16px;\n font-weight: 400;\n font-size: 12px;\n color: #222;\n}\n.bar-chart-item i {\n background-color: #28aade;\n}\n.bar-chart-item-over i {\n inline-size: 100%;\n background-color: #b30122;\n}\n.caret {\n display: inline-block;\n inline-size: 6px;\n block-size: 6px;\n margin-inline-start: 2px;\n vertical-align: 0;\n background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A//www.w3.org/2000/svg'%20viewBox%3D'3.5%203.5%206%206'%3E%3Cpath%20fill%3D'%23737373'%20d%3D'M4.145%205.145a.496.496%200%200%200%200%20.702l1.952%201.95A.499.499%200%200%200%206.5%208a.495.495%200%200%200%20.403-.202l1.952-1.951a.496.496%200%201%200-.702-.702L6.5%206.798%204.847%205.145a.496.496%200%200%200-.702%200z'/%3E%3C/svg%3E\");\n background-repeat: no-repeat;\n background-size: contain;\n}\n.dropup .caret {\n transform: rotate(180deg);\n}\n.dropup,\n.dropdown {\n position: relative;\n}\n.dropdown-toggle:focus {\n outline: 0;\n}\n.dropdown-menu {\n position: absolute;\n inset-block-start: 100%;\n inset-inline-start: 0;\n z-index: 1040;\n display: none;\n box-sizing: border-box;\n float: inline-start;\n min-inline-size: 150px;\n padding-block: 4px;\n padding-inline: 0;\n margin-block: 4px 0;\n margin-inline: 0;\n list-style: none;\n font-size: 14px;\n text-align: start;\n line-height: normal;\n background-color: #fff;\n border-radius: 2px;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.17);\n background-clip: padding-box;\n}\n.dropdown-menu .dropdown-submenu {\n position: relative;\n}\n.dropdown-menu .dropdown-submenu > .dropdown-menu {\n inset-block-start: -4px;\n inset-inline-start: 100%;\n margin-block: 0;\n margin-inline: 4px 0;\n display: none;\n}\n.dropdown-menu .dropdown-submenu.to-left > .dropdown-menu {\n inset-inline: auto 100%;\n margin-block: 0;\n margin-inline: 0 4px;\n}\n.dropdown-menu .dropdown-submenu.open > .dropdown-menu {\n display: block;\n}\n.dropdown-menu .dropdown-submenu > a {\n padding-inline-end: 20px;\n}\n.dropdown-menu .dropdown-submenu > a::after {\n transform: scale(1) /*rtl:scale(-1)*/;\n content: \"\";\n position: absolute;\n inset-block-start: 50%;\n inset-inline-end: 8px;\n display: inline-block;\n inline-size: 8px;\n block-size: 8px;\n margin-block-start: -4px;\n background-repeat: no-repeat;\n background-size: contain;\n background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A//www.w3.org/2000/svg'%20viewBox%3D'-1.8%200%208%208'%3E%3Cpath%20fill%3D'%23737373'%20d%3D'M.146%207.854a.5.5%200%200%201%200-.708L3.293%204%20.146.854A.5.5%200%201%201%20.854.146l3.5%203.5a.5.5%200%200%201%200%20.708l-3.5%203.5a.5.5%200%200%201-.708%200z'/%3E%3C/svg%3E\");\n}\n.dropdown-menu > ul {\n box-sizing: border-box;\n min-inline-size: 150px;\n padding: 0;\n margin: 0;\n list-style: none;\n border: 0;\n}\n.dropdown-menu .divider {\n block-size: 1px;\n margin: logical 4px 0;\n background-color: #ececec;\n}\n.btn-group-open > .dropdown-menu,\n.open > .dropdown-menu {\n display: block;\n animation: fade 0.2s ease-in-out;\n transform-origin: 0 0;\n}\n.btn-group-open > a,\n.open > a {\n outline: 0;\n}\n.dropdown-menu.pull-right,\n.pull-right > .dropdown-menu,\n.dropdown-menu-flip {\n inset-inline: auto 0;\n}\n.dropup .dropdown-menu,\n.dropdown-menu-up {\n inset-block: auto 100%;\n margin-block: auto 4px;\n}\n.dropdown-menu > li > a,\n.dropdown-menu-nav > li > a,\n.dropdown-menu-list > li > a {\n display: block;\n padding-block: 8px;\n padding-inline: 16px;\n clear: both;\n font-weight: 400;\n line-height: 20px;\n color: #222;\n white-space: nowrap;\n}\n.dropdown-menu > li > a:hover,\n.dropdown-menu-nav > li > a:hover,\n.dropdown-menu-list > li > a:hover,\n.dropdown-menu > li > a:focus,\n.dropdown-menu-nav > li > a:focus,\n.dropdown-menu-list > li > a:focus {\n text-decoration: none;\n outline: 0;\n color: #222;\n background-color: #2222220d;\n}\n.dropdown-menu > li > .s-btn,\n.dropdown-menu-nav > li > .s-btn,\n.dropdown-menu-list > li > .s-btn {\n margin: 0;\n padding-inline-start: 28px;\n}\n.dropdown-menu > li > .s-btn [class^=\"icon-\"],\n.dropdown-menu-nav > li > .s-btn [class^=\"icon-\"],\n.dropdown-menu-list > li > .s-btn [class^=\"icon-\"],\n.dropdown-menu > li > .s-btn [class*=\" icon-\"],\n.dropdown-menu-nav > li > .s-btn [class*=\" icon-\"],\n.dropdown-menu-list > li > .s-btn [class*=\" icon-\"],\n.dropdown-menu > li > .s-btn .icon,\n.dropdown-menu-nav > li > .s-btn .icon,\n.dropdown-menu-list > li > .s-btn .icon,\n.dropdown-menu > li > .s-btn[class^=\"sb-\"]::before,\n.dropdown-menu-nav > li > .s-btn[class^=\"sb-\"]::before,\n.dropdown-menu-list > li > .s-btn[class^=\"sb-\"]::before,\n.dropdown-menu > li > .s-btn[class*=\" sb-\"]::before,\n.dropdown-menu-nav > li > .s-btn[class*=\" sb-\"]::before,\n.dropdown-menu-list > li > .s-btn[class*=\" sb-\"]::before {\n margin-block-start: 2px;\n}\n.dropdown-menu > .active > a,\n.dropdown-menu-nav > .active > a,\n.dropdown-menu-list > .active > a,\n.dropdown-menu > .active > a:hover,\n.dropdown-menu-nav > .active > a:hover,\n.dropdown-menu-list > .active > a:hover,\n.dropdown-menu > .active > a:focus,\n.dropdown-menu-nav > .active > a:focus,\n.dropdown-menu-list > .active > a:focus {\n text-decoration: none;\n outline: 0;\n color: #222;\n background-color: #22222217;\n}\n.dropdown-menu > .disabled > a,\n.dropdown-menu-nav > .disabled > a,\n.dropdown-menu-list > .disabled > a,\n.dropdown-menu > .disabled > a:hover,\n.dropdown-menu-nav > .disabled > a:hover,\n.dropdown-menu-list > .disabled > a:hover,\n.dropdown-menu > .disabled > a:focus,\n.dropdown-menu-nav > .disabled > a:focus,\n.dropdown-menu-list > .disabled > a:focus {\n text-decoration: none;\n color: #222;\n opacity: 0.47;\n background: none;\n cursor: not-allowed;\n}\n.dropdown-menu-content {\n padding-block: 4px;\n padding-inline: 8px;\n}\n.dropdown-header {\n display: block;\n padding-block: 12px 4px;\n padding-inline: 16px;\n font-size: 10px;\n text-transform: uppercase;\n line-height: 16px;\n color: #737373;\n white-space: nowrap;\n}\n.dropdown-header:not(:first-child) {\n margin-block-start: 0;\n}\n.dropdown-menu--full {\n inline-size: 100%;\n min-inline-size: 100%;\n}\n.dropdown-menu--full,\n.dropdown-menu--full > li > a {\n white-space: normal;\n}\n.dropdown-icon-menu > li > a,\n.dropdown-icon-menu .dropdown-menu-nav > li > a,\n.dropdown-icon-menu .dropdown-menu-list > li > a {\n padding-inline-start: 28px;\n}\n.dropdown-icon-menu > li > a [class^=\"icon-\"],\n.dropdown-icon-menu .dropdown-menu-nav > li > a [class^=\"icon-\"],\n.dropdown-icon-menu .dropdown-menu-list > li > a [class^=\"icon-\"],\n.dropdown-icon-menu > li > a [class*=\" icon-\"],\n.dropdown-icon-menu .dropdown-menu-nav > li > a [class*=\" icon-\"],\n.dropdown-icon-menu .dropdown-menu-list > li > a [class*=\" icon-\"],\n.dropdown-icon-menu > li > a .icon,\n.dropdown-icon-menu .dropdown-menu-nav > li > a .icon,\n.dropdown-icon-menu .dropdown-menu-list > li > a .icon {\n float: inline-start;\n margin-block-start: 2px;\n margin-inline-start: -20px;\n}\n.dropdown-icon-menu > li > .s-btn,\n.dropdown-icon-menu .dropdown-menu-nav > li > .s-btn,\n.dropdown-icon-menu .dropdown-menu-list > li > .s-btn {\n padding-inline-start: 28px;\n}\n.dropdown-icon-menu > li > .s-btn [class^=\"icon-\"],\n.dropdown-icon-menu .dropdown-menu-nav > li > .s-btn [class^=\"icon-\"],\n.dropdown-icon-menu .dropdown-menu-list > li > .s-btn [class^=\"icon-\"],\n.dropdown-icon-menu > li > .s-btn [class*=\" icon-\"],\n.dropdown-icon-menu .dropdown-menu-nav > li > .s-btn [class*=\" icon-\"],\n.dropdown-icon-menu .dropdown-menu-list > li > .s-btn [class*=\" icon-\"],\n.dropdown-icon-menu > li > .s-btn .icon,\n.dropdown-icon-menu .dropdown-menu-nav > li > .s-btn .icon,\n.dropdown-icon-menu .dropdown-menu-list > li > .s-btn .icon,\n.dropdown-icon-menu > li > .s-btn[class^=\"sb-\"]::before,\n.dropdown-icon-menu .dropdown-menu-nav > li > .s-btn[class^=\"sb-\"]::before,\n.dropdown-icon-menu .dropdown-menu-list > li > .s-btn[class^=\"sb-\"]::before,\n.dropdown-icon-menu > li > .s-btn[class*=\" sb-\"]::before,\n.dropdown-icon-menu .dropdown-menu-nav > li > .s-btn[class*=\" sb-\"]::before,\n.dropdown-icon-menu .dropdown-menu-list > li > .s-btn[class*=\" sb-\"]::before {\n float: inline-start;\n margin-block-start: 2px;\n margin-inline-start: -20px;\n}\n.dropdown-icon-menu .dropdown-header,\n.dropdown-icon-menu .dropdown-menu-content {\n padding-inline-start: 28px;\n}\n.dropdown-icon-menu .divider {\n margin-inline: 0;\n}\n.dropdown-icon-menu__content--only,\n.dropdown-icon-menu__content--bottom {\n position: relative;\n z-index: 1;\n background-color: #fff;\n}\n.dropdown-icon-menu__content--only {\n margin: 0;\n padding-block: 8px 0;\n padding-inline: 8px;\n}\n.dropdown-icon-menu__content--bottom {\n margin-block: 8px 0;\n margin-inline: 0;\n padding-block: 8px 0;\n padding-inline: 8px;\n border-block-start: 1px solid #ececec;\n}\n.dropdown-scrollable {\n overflow-y: auto;\n max-block-size: 200px;\n}\n/* Popup menu\n -------------------------------------------------------------------------- */\n.objects-toolbar .actions-menu {\n position: relative;\n float: inline-start;\n}\n.actions-menu .popup-box,\n.popup-menu.popup-box,\n.fm-popup-file-operations.popup-box {\n position: absolute;\n inset-block-start: 100%;\n inset-inline-start: 0;\n z-index: 1040;\n box-sizing: border-box;\n padding-block: 4px;\n padding-inline: 0;\n margin-block: 4px 0;\n margin-inline: 0;\n font-size: 14px;\n text-align: start;\n background-color: #fff;\n background-clip: padding-box;\n border-radius: 2px;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.17);\n transition: none;\n animation: fade 0.2s ease-in-out;\n transform-origin: 0 0;\n}\n.actions-menu .popup-box.collapsed,\n.popup-menu.popup-box.collapsed,\n.fm-popup-file-operations.popup-box.collapsed {\n display: none;\n}\n.actions-menu .popup-box .popup-heading,\n.popup-menu.popup-box .popup-heading,\n.fm-popup-file-operations.popup-box .popup-heading {\n display: none;\n}\n.actions-menu .popup-box .popup-wrapper,\n.popup-menu.popup-box .popup-wrapper,\n.fm-popup-file-operations.popup-box .popup-wrapper {\n inline-size: 100%;\n max-inline-size: 100%;\n}\n.actions-menu .popup-box .popup-content,\n.popup-menu.popup-box .popup-content,\n.fm-popup-file-operations.popup-box .popup-content {\n padding: 0;\n}\n.actions-menu .popup-box ul,\n.popup-menu.popup-box ul,\n.fm-popup-file-operations.popup-box ul {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n.actions-menu .popup-box ul > li > a,\n.popup-menu.popup-box ul > li > a,\n.fm-popup-file-operations.popup-box ul > li > a {\n display: block;\n padding-block: 8px;\n padding-inline: 16px;\n clear: both;\n font-weight: 400;\n line-height: 20px;\n color: #222;\n white-space: nowrap;\n}\n.actions-menu .popup-box ul > li > a:hover,\n.popup-menu.popup-box ul > li > a:hover,\n.fm-popup-file-operations.popup-box ul > li > a:hover,\n.actions-menu .popup-box ul > li > a:focus,\n.popup-menu.popup-box ul > li > a:focus,\n.fm-popup-file-operations.popup-box ul > li > a:focus {\n text-decoration: none;\n outline: 0;\n color: #222;\n background-color: #2222220d;\n}\n.actions-menu .popup-box ul > li > a:active,\n.popup-menu.popup-box ul > li > a:active,\n.fm-popup-file-operations.popup-box ul > li > a:active {\n color: #222;\n background-color: #22222217;\n}\n.actions-menu .popup-box ul > li > .s-btn,\n.popup-menu.popup-box ul > li > .s-btn,\n.fm-popup-file-operations.popup-box ul > li > .s-btn,\n.actions-menu .popup-box ul > li > .sb-btn,\n.popup-menu.popup-box ul > li > .sb-btn,\n.fm-popup-file-operations.popup-box ul > li > .sb-btn {\n margin: 0;\n}\n.actions-menu .popup-box ul > li > .s-btn [class^=\"icon-\"],\n.popup-menu.popup-box ul > li > .s-btn [class^=\"icon-\"],\n.fm-popup-file-operations.popup-box ul > li > .s-btn [class^=\"icon-\"],\n.actions-menu .popup-box ul > li > .sb-btn [class^=\"icon-\"],\n.popup-menu.popup-box ul > li > .sb-btn [class^=\"icon-\"],\n.fm-popup-file-operations.popup-box ul > li > .sb-btn [class^=\"icon-\"],\n.actions-menu .popup-box ul > li > .s-btn [class*=\" icon-\"],\n.popup-menu.popup-box ul > li > .s-btn [class*=\" icon-\"],\n.fm-popup-file-operations.popup-box ul > li > .s-btn [class*=\" icon-\"],\n.actions-menu .popup-box ul > li > .sb-btn [class*=\" icon-\"],\n.popup-menu.popup-box ul > li > .sb-btn [class*=\" icon-\"],\n.fm-popup-file-operations.popup-box ul > li > .sb-btn [class*=\" icon-\"],\n.actions-menu .popup-box ul > li > .s-btn .icon,\n.popup-menu.popup-box ul > li > .s-btn .icon,\n.fm-popup-file-operations.popup-box ul > li > .s-btn .icon,\n.actions-menu .popup-box ul > li > .sb-btn .icon,\n.popup-menu.popup-box ul > li > .sb-btn .icon,\n.fm-popup-file-operations.popup-box ul > li > .sb-btn .icon,\n.actions-menu .popup-box ul > li > .s-btn[class^=\"sb-\"]::before,\n.popup-menu.popup-box ul > li > .s-btn[class^=\"sb-\"]::before,\n.fm-popup-file-operations.popup-box ul > li > .s-btn[class^=\"sb-\"]::before,\n.actions-menu .popup-box ul > li > .sb-btn[class^=\"sb-\"]::before,\n.popup-menu.popup-box ul > li > .sb-btn[class^=\"sb-\"]::before,\n.fm-popup-file-operations.popup-box ul > li > .sb-btn[class^=\"sb-\"]::before,\n.actions-menu .popup-box ul > li > .s-btn[class*=\" sb-\"]::before,\n.popup-menu.popup-box ul > li > .s-btn[class*=\" sb-\"]::before,\n.fm-popup-file-operations.popup-box ul > li > .s-btn[class*=\" sb-\"]::before,\n.actions-menu .popup-box ul > li > .sb-btn[class*=\" sb-\"]::before,\n.popup-menu.popup-box ul > li > .sb-btn[class*=\" sb-\"]::before,\n.fm-popup-file-operations.popup-box ul > li > .sb-btn[class*=\" sb-\"]::before {\n display: none;\n}\n.actions-menu .popup-box ul > .active > a,\n.popup-menu.popup-box ul > .active > a,\n.fm-popup-file-operations.popup-box ul > .active > a,\n.actions-menu .popup-box ul > .active > a:hover,\n.popup-menu.popup-box ul > .active > a:hover,\n.fm-popup-file-operations.popup-box ul > .active > a:hover,\n.actions-menu .popup-box ul > .active > a:focus,\n.popup-menu.popup-box ul > .active > a:focus,\n.fm-popup-file-operations.popup-box ul > .active > a:focus {\n text-decoration: none;\n outline: 0;\n color: #222;\n background-color: #22222217;\n}\n.actions-menu .popup-box ul > .selected > a,\n.popup-menu.popup-box ul > .selected > a,\n.fm-popup-file-operations.popup-box ul > .selected > a,\n.actions-menu .popup-box ul > .selected > a:hover,\n.popup-menu.popup-box ul > .selected > a:hover,\n.fm-popup-file-operations.popup-box ul > .selected > a:hover,\n.actions-menu .popup-box ul > .selected > a:focus,\n.popup-menu.popup-box ul > .selected > a:focus,\n.fm-popup-file-operations.popup-box ul > .selected > a:focus {\n text-decoration: none;\n outline: 0;\n color: #222;\n background-color: #22222217;\n cursor: default;\n}\n.actions-menu .popup-box ul > .disabled > a,\n.popup-menu.popup-box ul > .disabled > a,\n.fm-popup-file-operations.popup-box ul > .disabled > a,\n.actions-menu .popup-box ul > .disabled > a:hover,\n.popup-menu.popup-box ul > .disabled > a:hover,\n.fm-popup-file-operations.popup-box ul > .disabled > a:hover,\n.actions-menu .popup-box ul > .disabled > a:focus,\n.popup-menu.popup-box ul > .disabled > a:focus,\n.fm-popup-file-operations.popup-box ul > .disabled > a:focus {\n text-decoration: none;\n color: #222;\n opacity: 0.47;\n background: none;\n cursor: not-allowed;\n}\n.actions-menu .popup-box .separator,\n.popup-menu.popup-box .separator,\n.fm-popup-file-operations.popup-box .separator {\n block-size: 1px;\n margin: logical 4px 0;\n background-color: #ececec;\n}\n.actions-menu .popup-box {\n min-inline-size: 100%;\n}\n/* = Popup Windows (sid-popup) =\n------------------------------------------------------------------------------ */\n.sid-popup .topline {\n position: relative;\n padding-block: 8px;\n padding-inline: 10px;\n text-align: center;\n border-block-end: 1px solid #c4cacd;\n background: #f3f5f6;\n}\n.sid-popup .topline::before,\n.sid-popup .topline::after {\n display: table;\n content: \"\";\n}\n.sid-popup .topline::after {\n clear: both;\n}\n.sid-popup .topline .close {\n float: inline-end;\n}\n.sid-popup .topline .navigation {\n float: inline-start;\n}\n.sid-popup .screenshots-images {\n padding: 20px;\n text-align: center;\n}\n.sid-popup .screenshots-images img {\n margin-block: 0 10px;\n margin-inline: 0;\n box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);\n}\n.sid-popup.home-dir-popup table {\n inline-size: 100%;\n border-collapse: collapse;\n}\n.sid-popup.home-dir-popup table td {\n padding: 0;\n vertical-align: top;\n}\n.sid-popup.home-dir-popup .formArea .buttons {\n margin: 0;\n border: 0;\n}\n.sid-popup.home-dir-popup .formArea .buttons td {\n padding: 10px;\n}\n.sid-popup.home-dir-popup input,\n.sid-popup.home-dir-popup select {\n inline-size: 100%;\n margin: 0;\n}\n.sid-popup.home-dir-popup input[readonly] {\n padding-block: 2px;\n padding-inline: 3px;\n border: 0;\n}\n.sid-popup.home-dir-popup .path {\n block-size: 1%;\n}\n.sid-popup.home-dir-popup .path div {\n overflow: hidden;\n}\n.sid-popup.home-dir-popup form,\n.sid-popup.home-dir-popup table,\n.sid-popup.home-dir-popup select,\n.sid-popup.home-dir-popup .path-list {\n block-size: 100%;\n}\n/* doc\n---\ntitle: \"Net Promoter Score (NPS) Survey\"\nname: nps-survey\ncategory: \"Components - Net Promoter Score (NPS) Survey\"\n---\n\n- [nps-survey.less] (https://git.plesk.tech/projects/PLESK/repos/plesk/browse/common/theme/less/components/nps-survey.less)\n\n```html_example\n<div class=\"nps-survey\">\n\n <p class=\"nps-survey__question\">How likely is it that you recommend Plesk to a friend or a collegue?</p>\n\n <div class=\"nps-survey__container nps-survey__container--block\">\n\n <div class=\"nps-survey__scores\">\n <label class=\"nps-survey__score nps-survey__score--0\">\n <input type=\"radio\" name=\"nps-survey-option\" value=\"0\" />\n <span class=\"nps-survey__score-label\"></span>\n </label>\n <label class=\"nps-survey__score nps-survey__score--1\">\n <input type=\"radio\" name=\"nps-survey-option\" value=\"1\" />\n <span class=\"nps-survey__score-label\"></span>\n </label>\n <label class=\"nps-survey__score nps-survey__score--2\">\n <input type=\"radio\" name=\"nps-survey-option\" value=\"2\" />\n <span class=\"nps-survey__score-label\"></span>\n </label>\n <label class=\"nps-survey__score nps-survey__score--3\">\n <input type=\"radio\" name=\"nps-survey-option\" value=\"3\" />\n <span class=\"nps-survey__score-label\"></span>\n </label>\n <label class=\"nps-survey__score nps-survey__score--4\">\n <input type=\"radio\" name=\"nps-survey-option\" value=\"4\" />\n <span class=\"nps-survey__score-label\"></span>\n </label>\n <label class=\"nps-survey__score nps-survey__score--5\">\n <input type=\"radio\" name=\"nps-survey-option\" value=\"5\" />\n <span class=\"nps-survey__score-label\"></span>\n </label>\n <label class=\"nps-survey__score nps-survey__score--6\">\n <input type=\"radio\" name=\"nps-survey-option\" value=\"6\" />\n <span class=\"nps-survey__score-label\"></span>\n </label>\n <label class=\"nps-survey__score nps-survey__score--7\">\n <input type=\"radio\" name=\"nps-survey-option\" value=\"7\" />\n <span class=\"nps-survey__score-label\"></span>\n </label>\n <label class=\"nps-survey__score nps-survey__score--8\">\n <input type=\"radio\" name=\"nps-survey-option\" value=\"8\" />\n <span class=\"nps-survey__score-label\"></span>\n </label>\n <label class=\"nps-survey__score nps-survey__score--9\">\n <input type=\"radio\" name=\"nps-survey-option\" value=\"9\" />\n <span class=\"nps-survey__score-label\"></span>\n </label>\n <label class=\"nps-survey__score nps-survey__score--10\">\n <input type=\"radio\" name=\"nps-survey-option\" value=\"10\" />\n <span class=\"nps-survey__score-label\"></span>\n </label>\n </div>\n\n <div class=\"nps-survey__legend\">\n <div class=\"nps-survey__legend-left\">Not likely at all</div>\n <div class=\"nps-survey__legend-right\">Extremely likely</div>\n </div>\n\n </div>\n\n</div>\n```\n*/\n.nps-survey__container {\n max-inline-size: 600px;\n}\n.nps-survey__container--block {\n padding: 12px;\n background: #fff;\n}\n.nps-survey__scores {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n margin-block: 0;\n margin-inline: -6px;\n}\n@media (min-width: 768px) {\n .nps-survey__scores {\n justify-content: space-between;\n }\n}\n.nps-survey__score {\n flex: none;\n padding-block: 4px;\n padding-inline: 6px;\n cursor: pointer;\n}\n.nps-survey__score > input[type=\"radio\"] {\n inline-size: 1px;\n block-size: 1px;\n border: 0;\n clip: rect(0 0 0 0);\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n}\n.nps-survey__score-label {\n display: block;\n inline-size: 38px;\n block-size: 38px;\n border-radius: 50%;\n background: url(\"../images/nps-survey-emoji.svg\") no-repeat;\n background-size: 538px 89px;\n transition: box-shadow 0.3s;\n}\n.nps-survey__score--0 .nps-survey__score-label {\n /* rtl:ignore */\n background-position: 0px 0;\n}\n.nps-survey__score--0 .nps-survey__score-label:hover,\n.nps-survey__score--0 > input[type=\"radio\"]:checked ~ .nps-survey__score-label {\n /* rtl:ignore */\n background-position: 0px -51px;\n}\n.nps-survey__score--1 .nps-survey__score-label {\n /* rtl:ignore */\n background-position: -50px 0;\n}\n.nps-survey__score--1 .nps-survey__score-label:hover,\n.nps-survey__score--1 > input[type=\"radio\"]:checked ~ .nps-survey__score-label {\n /* rtl:ignore */\n background-position: -50px -51px;\n}\n.nps-survey__score--2 .nps-survey__score-label {\n /* rtl:ignore */\n background-position: -100px 0;\n}\n.nps-survey__score--2 .nps-survey__score-label:hover,\n.nps-survey__score--2 > input[type=\"radio\"]:checked ~ .nps-survey__score-label {\n /* rtl:ignore */\n background-position: -100px -51px;\n}\n.nps-survey__score--3 .nps-survey__score-label {\n /* rtl:ignore */\n background-position: -150px 0;\n}\n.nps-survey__score--3 .nps-survey__score-label:hover,\n.nps-survey__score--3 > input[type=\"radio\"]:checked ~ .nps-survey__score-label {\n /* rtl:ignore */\n background-position: -150px -51px;\n}\n.nps-survey__score--4 .nps-survey__score-label {\n /* rtl:ignore */\n background-position: -200px 0;\n}\n.nps-survey__score--4 .nps-survey__score-label:hover,\n.nps-survey__score--4 > input[type=\"radio\"]:checked ~ .nps-survey__score-label {\n /* rtl:ignore */\n background-position: -200px -51px;\n}\n.nps-survey__score--5 .nps-survey__score-label {\n /* rtl:ignore */\n background-position: -250px 0;\n}\n.nps-survey__score--5 .nps-survey__score-label:hover,\n.nps-survey__score--5 > input[type=\"radio\"]:checked ~ .nps-survey__score-label {\n /* rtl:ignore */\n background-position: -250px -51px;\n}\n.nps-survey__score--6 .nps-survey__score-label {\n /* rtl:ignore */\n background-position: -300px 0;\n}\n.nps-survey__score--6 .nps-survey__score-label:hover,\n.nps-survey__score--6 > input[type=\"radio\"]:checked ~ .nps-survey__score-label {\n /* rtl:ignore */\n background-position: -300px -51px;\n}\n.nps-survey__score--7 .nps-survey__score-label {\n /* rtl:ignore */\n background-position: -350px 0;\n}\n.nps-survey__score--7 .nps-survey__score-label:hover,\n.nps-survey__score--7 > input[type=\"radio\"]:checked ~ .nps-survey__score-label {\n /* rtl:ignore */\n background-position: -350px -51px;\n}\n.nps-survey__score--8 .nps-survey__score-label {\n /* rtl:ignore */\n background-position: -400px 0;\n}\n.nps-survey__score--8 .nps-survey__score-label:hover,\n.nps-survey__score--8 > input[type=\"radio\"]:checked ~ .nps-survey__score-label {\n /* rtl:ignore */\n background-position: -400px -51px;\n}\n.nps-survey__score--9 .nps-survey__score-label {\n /* rtl:ignore */\n background-position: -450px 0;\n}\n.nps-survey__score--9 .nps-survey__score-label:hover,\n.nps-survey__score--9 > input[type=\"radio\"]:checked ~ .nps-survey__score-label {\n /* rtl:ignore */\n background-position: -450px -51px;\n}\n.nps-survey__score--10 .nps-survey__score-label {\n /* rtl:ignore */\n background-position: -500px 0;\n}\n.nps-survey__score--10 .nps-survey__score-label:hover,\n.nps-survey__score--10 > input[type=\"radio\"]:checked ~ .nps-survey__score-label {\n /* rtl:ignore */\n background-position: -500px -51px;\n}\n.nps-survey__score--11 .nps-survey__score-label {\n /* rtl:ignore */\n background-position: -550px 0;\n}\n.nps-survey__score--11 .nps-survey__score-label:hover,\n.nps-survey__score--11 > input[type=\"radio\"]:checked ~ .nps-survey__score-label {\n /* rtl:ignore */\n background-position: -550px -51px;\n}\n.nps-survey__score > input[type=\"radio\"]:checked ~ .nps-survey__score-label {\n box-shadow: inset 0 0 0 0.6px #ffaba5, 0 0 0 4px #ffaba5;\n}\n.nps-survey__score--7 > input[type=\"radio\"]:checked ~ .nps-survey__score-label,\n.nps-survey__score--8 > input[type=\"radio\"]:checked ~ .nps-survey__score-label {\n box-shadow: inset 0 0 0 0.6px #ffe092, 0 0 0 4px #ffe092;\n}\n.nps-survey__score--9 > input[type=\"radio\"]:checked ~ .nps-survey__score-label,\n.nps-survey__score--10 > input[type=\"radio\"]:checked ~ .nps-survey__score-label {\n box-shadow: inset 0 0 0 0.6px #d3f86b, 0 0 0 4px #d3f86b;\n}\n.nps-survey__legend {\n display: flex;\n justify-content: space-between;\n margin-block-start: 6px;\n font-size: 12px;\n}\n.is-scrollable {\n overflow: auto;\n}\n.text-body--default {\n font-size: 14px;\n}\n.text-body--xxx-small {\n font-size: 9px;\n}\n.text-body--x-small {\n font-size: 11px;\n}\n.text-body--small {\n font-size: 12px;\n}\n.text-heading--x-small {\n font-size: 16px;\n line-height: 1.4;\n}\n.text-heading--xx-small {\n font-size: 15px;\n line-height: 1.4;\n font-weight: 600;\n}\n.line-height--reset {\n line-height: 1;\n}\n.text-color--default {\n color: #000;\n}\n.text-color--muted {\n color: #787878;\n}\n.text-color--muted-light {\n color: #a9a9a9;\n}\n.text-color--muted-dark {\n color: #666;\n}\n.text-color--inverse {\n color: #fff;\n}\n.p-top--medium {\n padding-block-start: 16px;\n}\n.p-right--medium {\n padding-inline-end: 16px;\n}\n.p-bottom--medium {\n padding-block-end: 16px;\n}\n.p-left--medium {\n padding-inline-start: 16px;\n}\n.p-top--x-large {\n padding-block-start: 32px;\n}\n.p-right--x-large {\n padding-inline-end: 32px;\n}\n.p-bottom--x-large {\n padding-block-end: 32px;\n}\n.p-left--x-large {\n padding-inline-start: 32px;\n}\n/* doc\n---\ntitle: \"Object Management Layout\"\nname: object-mng\ncategory: \"Layout - Object Management\"\n---\n\n- [object-management-layout.less] (https://git.plesk.tech/projects/PLESK/repos/plesk/browse/common/theme/less/core/object-management-layout.less)\n\n```html_example\n<div class=\"objects-management-box objects-management-box-collapsible clearfix\">\n\n <div class=\"objects-list\">\n <div class=\"objects-content\" style=\"height: 200px;\">\n <div class=\"objects-content-area\">\n <!-- navigation -->\n </div>\n </div>\n </div> <!-- /objects-list -->\n\n <div class=\"frame-switcher\">\n <div class=\"frame-switcher-wrap\"><span></span></div>\n </div>\n\n <div class=\"objects-details\">\n <div class=\"objects-details-content\">\n <div class=\"objects-details-content-area\">\n <!-- top content -->\n <div class=\"objects-content\" style=\"height: 200px;\">\n <div class=\"objects-content-area\">\n <!-- main content -->\n </div>\n </div>\n\n </div>\n </div>\n </div>\n</div>\n```\n*/\n/* = Two column object management layout =\n------------------------------------------------------------------------------ */\n.objects-management-box {\n position: relative;\n padding-inline-start: 0;\n}\n@media (min-width: 960px) {\n .objects-management-box {\n padding-inline-start: 196px;\n }\n}\n.objects-list {\n margin-block: 0 16px;\n margin-inline: 0;\n}\n@media (min-width: 960px) {\n .objects-list {\n float: inline-start;\n box-sizing: border-box;\n inline-size: 196px;\n margin-block: 0;\n margin-inline: -196px 0;\n }\n .objects-list .objects-content,\n .objects-list .objects-content-area {\n position: relative;\n overflow: auto;\n }\n .objects-list .objects-content {\n inline-size: auto;\n margin-inline-end: -18px;\n }\n .objects-list .objects-content-area {\n inline-size: 196px;\n }\n}\n.objects-list .top-action {\n padding-block: 0;\n padding-inline: 12px;\n border: solid #dedede;\n border-width: logical 0 0 0 2px;\n text-align: center;\n}\n.objects-list .top-action > a {\n display: block;\n border-radius: 2px;\n color: #222;\n padding-block: 4px;\n padding-inline: 20px;\n background-color: #ececec;\n min-block-size: 20px;\n line-height: 20px;\n font-size: 12px;\n font-weight: 600;\n text-decoration: none;\n box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.18);\n transition: background-color 0.18s;\n}\n.objects-list .top-action > a:hover,\n.objects-list .top-action > a:focus {\n background-color: #dedede;\n color: #222;\n text-decoration: none;\n box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.18);\n}\n.objects-list .top-action > a:active,\n.objects-list .top-action > a.active {\n background-color: #ccc;\n color: #222;\n box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.18);\n}\n.objects-list .top-action > a i {\n font-style: normal;\n}\n.objects-list .top-action > a span i {\n display: none;\n}\n.objects-list hr {\n display: none;\n}\n.objects-list .hint-help {\n padding: 12px;\n border-radius: 2px;\n font-size: 12px;\n line-height: 16px;\n background-color: #f5f5f5;\n}\n.objects-list .hint-help .content {\n padding-inline-start: 22px;\n background: 0 0 no-repeat;\n background-image: url(\"../icons/16/plesk/note.png\");\n background-size: 16px;\n}\n.objects-list .hint-help p {\n margin-block-end: 4px;\n}\n.objects-management-box-collapsible {\n transition: padding 0.2s linear;\n}\n.objects-management-box-collapsible .objects-list {\n transition: all 0.2s linear;\n}\n.objects-management-box-collapsible .frame-switcher {\n position: absolute;\n z-index: 1;\n inline-size: 0;\n block-size: 100%;\n cursor: pointer;\n border-inline-end: 1px solid #ccc;\n}\n.objects-management-box-collapsible .frame-switcher-wrap {\n position: absolute;\n inset-block-start: 50%;\n inline-size: 16px;\n block-size: 88px;\n margin-block: -44px 0;\n margin-inline: 0;\n border-start-start-radius: 0;\n border-start-end-radius: 4px;\n border-end-end-radius: 4px;\n border-end-start-radius: 0;\n background-color: rgba(34, 34, 34, 0.09);\n transition: 0.25s 0.15s linear;\n}\n.objects-management-box-collapsible .frame-switcher-wrap > span {\n transform: rotate(0) /*rtl:rotate(180deg)*/;\n position: absolute;\n inset-block-start: 50%;\n inset-inline-end: auto;\n display: inline-block;\n inline-size: 8px;\n block-size: 8px;\n margin-block: -4px 0;\n margin-inline: 3px;\n background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A//www.w3.org/2000/svg'%20viewBox%3D'-1.24%200%208%208'%3E%3Cpath%20fill%3D'%23222'%20d%3D'M4.854.146a.5.5%200%200%201%200%20.708L1.707%204l3.147%203.146a.5.5%200%201%201-.708.708l-3.5-3.5a.5.5%200%200%201%200-.708l3.5-3.5a.5.5%200%200%201%20.708%200z'/%3E%3C/svg%3E\");\n background-repeat: no-repeat;\n background-size: contain;\n transition: 0.25s 0.15s linear;\n}\n.objects-management-box-collapsible .frame-switcher:hover .frame-switcher-wrap {\n inset-block-start: 0;\n block-size: 100%;\n margin: 0;\n}\n.objects-management-box-collapsible.objects-management-box-collapsed,\n.objects-management-box-collapsible.fm-hidden-tree {\n padding-inline-start: 1px;\n}\n.objects-management-box-collapsible.objects-management-box-collapsed .objects-list,\n.objects-management-box-collapsible.fm-hidden-tree .objects-list {\n margin-inline-start: -1px;\n inline-size: 0;\n overflow: hidden;\n}\n.objects-management-box-collapsible.objects-management-box-collapsed .objects-list .objects-content,\n.objects-management-box-collapsible.fm-hidden-tree .objects-list .objects-content,\n.objects-management-box-collapsible.objects-management-box-collapsed .objects-list .objects-content-area,\n.objects-management-box-collapsible.fm-hidden-tree .objects-list .objects-content-area {\n overflow: hidden;\n}\n.objects-management-box-collapsible.fm-hidden-tree,\n.objects-management-box-collapsible.fm-hidden-tree .objects-list {\n transition: none;\n}\n.objects-management-box-collapsed .frame-switcher-wrap > span,\n.fm-hidden-tree .frame-switcher-wrap > span {\n transform: rotate(180deg) /*rtl:rotate(0)*/;\n position: absolute;\n}\n/* doc\n---\ntitle: \"Sidebar Navigation\"\nname: navigation-01\ncategory: \"Components - Navigation\"\n---\n\n- [object-management-layout.less] (https://git.plesk.tech/projects/PLESK/repos/plesk/browse/common/theme/less/core/object-management-layout.less)\n\n```html_example\n<div class=\"objects-management-box clearfix\">\n <div class=\"objects-list\">\n <div class=\"objects-content\">\n <div class=\"objects-content-area\">\n\n <div class=\"objects-nav-container\">\n <div class=\"objects-nav\">\n <ul class=\"objects-nav-list\">\n <li class=\"objects-nav-item objects-nav-indent objects-nav-item-active\">\n <a href=\"#!\" class=\"objects-nav-block\">\n <span class=\"objects-nav-name\">Active Item</span>\n <span class=\"objects-nav-info\">Description</span>\n </a>\n </li>\n <li class=\"objects-nav-item\">\n <a href=\"#!\" class=\"objects-nav-block\">\n <span class=\"objects-nav-name\">Item</span>\n </a>\n </li>\n <li class=\"objects-nav-item objects-nav-item-1\">\n <a href=\"#!\" class=\"objects-nav-block\">\n <span class=\"objects-nav-name\">SubItem</span>\n </a>\n </li>\n </ul>\n </div>\n <hr>\n <div class=\"objects-nav\">\n <div class=\"objects-nav-title\"><span>Title</span></div>\n <ul class=\"objects-nav-list\">\n <li class=\"objects-nav-item objects-nav-indent\">\n <a href=\"#!\" class=\"objects-nav-block\">\n <span class=\"objects-nav-name\">Item</span>\n <span class=\"objects-nav-info\">Description</span>\n </a>\n <ul><li><a href=\"#!\">InnerItem</a></li></ul>\n </li>\n </ul>\n </div>\n </div>\n\n </div>\n </div>\n </div> <!-- /objects-list -->\n</div>\n```\n*/\n/* Object management navigation */\n.objects-nav-container {\n box-sizing: border-box;\n display: inline-block;\n inline-size: 100%;\n margin-block-end: 16px;\n padding: 0;\n border: solid #dedede;\n border-width: logical 0 0 0 2px;\n}\n@media (max-width: 959px) {\n .objects-nav-container {\n border-width: logical 0 2px 0 0;\n }\n}\n.objects-nav {\n margin-block: 4px;\n margin-inline: 0;\n}\n.objects-nav-title {\n padding-block: 6px;\n padding-inline: 12px;\n}\n.objects-nav-list {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n.objects-nav-item {\n position: relative;\n text-align: end;\n}\n.objects-nav-item::before {\n content: \"\";\n position: absolute;\n inset-block-start: 0;\n inset-inline: auto -2px;\n block-size: 100%;\n inline-size: 2px;\n background-color: transparent;\n transition: 0.18s ease-out;\n}\n@media (max-width: 959px) {\n .objects-nav-item {\n text-align: start;\n }\n .objects-nav-item::before {\n inset-inline: -2px auto;\n }\n}\n.objects-nav-item:hover::before {\n background-color: #007eb0;\n}\n.objects-nav-item ul {\n padding-block: 0 6px;\n padding-inline: 12px;\n font-size: 12px;\n}\n.objects-nav-item li {\n list-style: inside url(\"data:image/svg+xml,%3Csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0' y1='6' x2='12' y2='6' stroke-width='2' stroke='%23222222'/%3E%3C/svg%3E\");\n}\n@media (max-width: 959px) {\n .objects-nav-item ul {\n margin: 0;\n padding-block: 0 4px;\n padding-inline: 28px 0;\n }\n .objects-nav-item li {\n list-style-type: disc;\n list-style-position: outside;\n }\n}\n.objects-nav-item .objects-nav-icon {\n display: none;\n}\n.objects-nav-item .objects-nav-icon img {\n inline-size: 16px;\n block-size: 16px;\n}\n.objects-nav-item-active::before,\n.objects-nav-item-active:hover::before {\n background-color: #222;\n}\n.objects-nav-block {\n position: relative;\n display: block;\n padding-block: 6px;\n padding-inline: 12px;\n color: #222;\n text-decoration: none;\n}\n.objects-nav-block em {\n font-style: normal;\n}\n.objects-nav-block:hover {\n color: #222;\n text-decoration: none;\n}\n.objects-nav-name,\n.objects-nav-count {\n display: inline-block;\n}\n.objects-nav-name {\n vertical-align: top;\n font-weight: 600;\n color: #4b4b4b;\n}\n.objects-nav-block:hover .objects-nav-name,\n.objects-nav-item-active .objects-nav-name,\n.objects-nav-item-active:hover .objects-nav-name {\n color: #222;\n text-decoration: none;\n}\n.objects-nav-name + .objects-nav-info {\n margin-block-start: 4px;\n}\n.objects-nav-info {\n display: block;\n font-size: 12px;\n line-height: 16px;\n color: #737373;\n}\n.objects-nav-item-1 .objects-nav-block {\n padding-block: 6px;\n padding-inline: 12px;\n font-size: 12px;\n line-height: 16px;\n}\n.objects-nav-item-1 .objects-nav-block .objects-nav-name {\n color: #007eb0;\n}\n/* Object management tree navigation */\n.objects-list .tree-wrap {\n position: relative;\n}\n.objects-details {\n position: relative;\n inline-size: 100%;\n}\n.objects-details .objects-toolbar,\n.objects-details .pathbar {\n display: inline-block;\n box-sizing: border-box;\n inline-size: 100%;\n vertical-align: top;\n}\n.objects-details .objects-toolbar::before,\n.objects-details .pathbar::before,\n.objects-details .objects-toolbar::after,\n.objects-details .pathbar::after {\n display: none;\n}\n.objects-details .actions-box {\n inline-size: auto;\n margin-block: 0 8px;\n margin-inline: 0;\n}\n.objects-details .actions-box .search-box {\n padding-block-end: 16px;\n}\n.objects-details .objects-content {\n position: relative;\n overflow: auto;\n padding-block: 4px 0;\n padding-inline: 0;\n}\n.objects-details .objects-content .actions-box {\n margin-block: 0 8px;\n margin-inline: 0;\n}\n.objects-details .fm-pathbar {\n margin-block: 0 8px;\n margin-inline: 0;\n}\n.objects-details .pathbar {\n margin-block: 0 4px;\n margin-inline: 0;\n padding: 0;\n}\n.objects-details .pathbar ul {\n inline-size: auto;\n margin: 0;\n}\n.objects-details .objects-details-heading {\n margin-block: 0 16px;\n margin-inline: 0;\n}\n.objects-details .objects-details-heading h3 {\n margin: 0;\n padding: 0;\n font-size: 24px;\n line-height: 32px;\n color: #222;\n}\n.objects-details .objects-details-heading .toolbar {\n float: inline-end;\n padding-block: 2px 0;\n padding-inline: 5px 0;\n}\n.objects-details .object-details-hint,\n.objects-details .msg-box {\n margin-block: 0 16px;\n margin-inline: 0;\n}\n.objects-details .list {\n overflow: visible;\n}\n@media (min-width: 960px) {\n .objects-details .objects-details-heading,\n .objects-details .actions-box,\n .objects-details .objects-details-content-area > hr,\n .objects-details .objects-details-content-area > .object-details-hint,\n .objects-details div.ajax-loading {\n margin-inline-start: 24px;\n }\n .objects-details .objects-content,\n .objects-details .fm-pathbar,\n .objects-details .pathbar {\n padding-inline-start: 24px;\n }\n}\n@media (max-width: 959px) {\n .fm .objects-list,\n .objects-management-box-collapsible .frame-switcher,\n .popup-box.pb-dir-structure {\n display: none;\n }\n .objects-list .objects-content,\n .objects-details,\n .objects-details .objects-content,\n .objects-list .objects-content-area,\n .objects-details .objects-content-area {\n overflow: visible;\n block-size: auto !important;\n }\n}\n@media (max-width: 767px) {\n .objects-details .actions-box {\n margin-block: 0 16px;\n margin-inline: 0;\n }\n .objects-details .objects-toolbar {\n display: none;\n }\n .objects-details .r-actions-active .objects-toolbar {\n display: block;\n }\n .objects-details .pathbar,\n .objects-details .objects-content {\n padding: 0;\n }\n .objects-details .objects-details-heading,\n .objects-details .objects-details-content-area > hr,\n .objects-details .objects-details-content-area > .object-details-hint,\n .objects-details div.ajax-loading {\n margin-inline-start: 0;\n }\n}\n.licenseArea {\n inline-size: 824px;\n margin-block: 20px;\n margin-inline: auto;\n font-size: 12px;\n line-height: 16px;\n}\n.licenseArea .licenseTitle {\n margin-block: 0 10px;\n margin-inline: 0;\n padding-block: 0 10px;\n padding-inline: 0;\n border-block-end: 1px solid;\n font-size: 13px;\n font-weight: 700;\n line-height: 16px;\n}\n.licenseArea .licenseIndent {\n margin-block: 0;\n margin-inline: 2.5em 0;\n}\n.licenseArea .licenseItemNum {\n float: inline-start;\n margin-block: 0;\n margin-inline: -2.5em 0;\n}\n.text-muted,\n.hint,\n.hint-top,\n.hint-in-input {\n color: #737373;\n}\n.hint-ok,\n.hint-attention,\n.hint-warning,\n.hint-failed,\n.hint-upgrade,\n.hint-wait,\n.migration-status-success,\n.migration-status-stopped,\n.migration-status-failed,\n.ajax-loading,\n.switch-to {\n padding-block: 0;\n padding-inline: 20px 0;\n background: 0 0 no-repeat;\n background-size: 16px;\n}\n.hint-upgrade {\n background-image: url(\"../icons/16/plesk/update.png\");\n}\n.hint-wait,\n.ajax-loading {\n background-image: url(\"../icons/16/plesk/indicator.gif\");\n}\n.hint-ok,\n.migration-status-success {\n background-image: url(\"../icons/16/plesk/ok.png\");\n}\n.hint-attention,\n.hint-warning,\n.migration-status-stopped {\n background-image: url(\"../icons/16/plesk/att.png\");\n}\n.hint-failed,\n.migration-status-failed {\n background-image: url(\"../icons/16/plesk/warning.png\");\n}\n.switch-to {\n background-image: url(\"../icons/16/plesk/switch.png\");\n}\ndiv.ajax-loading {\n padding-block: 6px 10px;\n padding-inline: 25px 0;\n background-position: 5px 7px /*rtl:right 5px top 7px*/;\n line-height: 16px;\n}\n.tool-block .hint-attention {\n padding-block: 0;\n padding-inline: 0 20px;\n background-position: 100% 0;\n}\n.hint-info {\n cursor: pointer;\n}\n.hint-top {\n padding-block: 12px;\n padding-inline: 0;\n}\n.tooltipData {\n display: none;\n position: absolute;\n inline-size: 1px;\n block-size: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n.checkbox-disabled-wrapper {\n position: absolute;\n z-index: 2;\n inline-size: 1em;\n block-size: 1em;\n}\n.content-blocker {\n position: absolute;\n z-index: 1000;\n opacity: 0.4;\n background: #fff;\n inset-block: 0;\n inset-inline: 0;\n}\n.content-dimmer {\n position: relative;\n}\n.content-dimmer::before {\n content: \"\";\n position: absolute;\n inset-block-start: 0;\n inset-inline-start: 0;\n inline-size: 100%;\n block-size: 100%;\n background: rgba(255, 255, 255, 0.5);\n transition: background-color 0.5s linear;\n user-select: none;\n z-index: 1000;\n}\n.owned-subscription {\n display: block;\n min-block-size: 14px;\n padding-block: 0 2px;\n padding-inline: 0;\n line-height: inherit;\n}\n.state-bg-warning,\n.state-bg-error {\n padding-block: 3px;\n padding-inline: 10px;\n font-weight: 700;\n}\n.state-bg-warning {\n color: #c84a0b;\n background: #ffeed4;\n}\n.state-bg-error {\n color: #b30122;\n background: #ffdee0;\n}\n.state-warning {\n color: #c84a0b !important;\n}\n.state-error {\n color: #b30122 !important;\n}\n.status-overused,\n.list .status-overused .hint-info {\n color: #b30122;\n font-weight: 600;\n}\n.status-overused a,\n.list .status-overused .hint-info a {\n font-weight: 400;\n}\n.input-highlighted,\ninput.input-highlighted,\nselect.input-highlighted,\ntextarea.input-highlighted {\n background: #ffeed4;\n}\n.highlighted,\n.highlighted-simple {\n font-size: 14px;\n font-weight: 600;\n}\n.highlighted {\n color: #b30122;\n}\n.b-indent,\n.b-indent-x2 {\n display: block;\n overflow: hidden;\n min-block-size: 16px;\n padding-block: 0;\n padding-inline: 22px 0;\n}\n.b-indent-x2 {\n padding-block: 0;\n padding-inline: 44px 0;\n}\n.b-indent-icon {\n margin-block: 0;\n margin-inline: 0 3px;\n}\nimg.b-indent-icon {\n inline-size: 16px;\n block-size: 16px;\n}\n.b-indent-icon .pul-icon {\n vertical-align: top;\n}\n.b-indent .b-indent-icon {\n float: inline-start;\n margin-block: 2px 0;\n margin-inline: -22px 0;\n}\n.b-indent-x2 .b-indent-icon {\n float: inline-start;\n margin-block: 2px -2px;\n margin-inline: -44px 0;\n}\n.b-indent .b-indent-icon img,\n.b-indent-x2 .b-indent-icon img {\n float: inline-start;\n inline-size: 16px;\n block-size: 16px;\n margin-block: 2px 0;\n margin-inline: 0 5px;\n}\n.b-indent .b-indent-icon [class*=\" icon-\"],\n.b-indent-x2 .b-indent-icon [class*=\" icon-\"],\n.b-indent .b-indent-icon [class^=\"icon-\"],\n.b-indent-x2 .b-indent-icon [class^=\"icon-\"],\n.b-indent .b-indent-icon .icon,\n.b-indent-x2 .b-indent-icon .icon,\n.b-indent .b-indent-icon > img,\n.b-indent-x2 .b-indent-icon > img {\n margin-block-start: 2px;\n vertical-align: top;\n}\n.b-indent-flip {\n padding-inline: 0 22px;\n}\n.b-indent-flip .b-indent-icon {\n float: inline-end;\n margin-inline: 0 -22px;\n}\n.hint-sub,\n.b-subitem {\n margin-block-start: 4px;\n}\n.indent-box {\n position: relative;\n padding-inline-start: 28px;\n}\n.indent-box + .indent-box,\n.indent-box-content > .indent-box {\n margin-block-start: 4px;\n}\n.indent-box > .checkbox,\n.indent-box > .radio,\n.indent-box > .radiobox {\n float: inline-start;\n margin-inline-start: -28px;\n}\n.indent-box .indent-box-content {\n padding-block-end: 4px;\n}\n.indent-box .hint {\n margin-block-start: 4px;\n}\n.indent-box-thumb {\n margin-inline-start: 215px;\n padding: 0;\n}\n.indent-box-thumb .thumb-img {\n float: inline-start;\n inline-size: 200px;\n margin-block: 7px 0;\n margin-inline: -215px 15px;\n padding-block: 0 8px;\n padding-inline: 0;\n}\n.indent-box-thumb::before,\n.indent-box-thumb::after {\n display: table;\n content: \"\";\n}\n.indent-box-thumb::after {\n clear: both;\n}\n.indent-box-unlimited {\n display: inline-block;\n white-space: nowrap;\n margin-inline-start: 20px;\n}\n.popup-panel .indent-box-unlimited {\n display: block;\n margin-inline-start: 0;\n}\n.indent-box-unlimited .checkbox {\n float: none;\n margin-block: 0;\n margin-inline: 0 2px;\n}\n.scrollingBox {\n overflow: auto;\n overflow-x: hidden;\n inline-size: 100%;\n}\ntable.scrollingBoxBorder {\n border: 1px solid #787878;\n background-color: #fff;\n}\ntd.subTd a {\n padding-inline-start: 20px;\n}\n.specific {\n font-weight: 600;\n}\n.reportTools,\n.reportTools img,\n.reportTools input,\n.reportTools select {\n vertical-align: middle;\n}\n.reportSection {\n margin-block: 16px 8px;\n margin-inline: 0;\n padding-block-start: 16px;\n border-block-start: 1px solid #ececec;\n}\n.reportIndex {\n margin-block: 15px;\n margin-inline: 0;\n}\n.on-state img,\n.off-state img {\n inline-size: 16px;\n block-size: 16px;\n}\n.i-block {\n display: block;\n margin-block: 0;\n margin-inline: 20px 0;\n}\n.i-block .icon {\n float: inline-start;\n inline-size: 16px;\n block-size: 16px;\n margin-block: 0;\n margin-inline: -20px 0;\n}\n.badge-new {\n position: relative;\n display: inline-block;\n block-size: 14px;\n line-height: 14px;\n margin-block: 0;\n margin-inline: 6px 0;\n padding-block: 1px;\n padding-inline: 1px 3px;\n vertical-align: middle;\n white-space: nowrap;\n letter-spacing: 0;\n opacity: 0.9;\n background-color: #e50008;\n color: #fff;\n font-weight: 700;\n font-size: 11px;\n}\n.badge-new::before {\n position: absolute;\n inset-block-start: 0;\n inset-inline-start: -6px;\n inline-size: 0;\n block-size: 0;\n content: \"\";\n border-width: logical 8px 0 8px 6px;\n border-style: solid;\n border-color: logical transparent transparent transparent #e50008;\n}\n.badge-new.left {\n margin-block: 0;\n margin-inline: 0 6px;\n padding-block: 1px;\n padding-inline: 3px 1px;\n}\n.badge-new.left::before {\n inset-inline: auto -6px;\n float: inline-end;\n border-width: logical 8px 6px 8px 0;\n border-color: logical transparent #e50008 transparent transparent;\n}\n.tool-name .badge-new {\n margin-inline-start: 10px;\n}\n.objects-toolbar .s-btn .badge-new {\n vertical-align: top;\n}\n.objects-details .package-actions .badge-new.left {\n margin-inline-end: 10px;\n}\n.active-list .caption-toolbar .badge-new {\n margin-block: 4px 0;\n margin-inline: -5px 0;\n}\n/* = Helper classes =\n------------------------------------------------------------------------------ */\n.clearfix::after {\n content: \"\";\n display: block;\n clear: both;\n}\n.text-left {\n text-align: start;\n}\n.text-right {\n text-align: end;\n}\n.text-center {\n text-align: center;\n}\n.text-wrap,\n.wrap,\n.wrap * {\n white-space: normal !important;\n}\n.text-nowrap,\n.nowrap,\n.nowrap *,\n.nobr {\n white-space: nowrap !important;\n}\n.displayNone,\n.hidden {\n display: none !important;\n}\n.noBold {\n font-weight: normal !important;\n}\n.r-visible,\n.hideVisibility {\n display: none;\n}\n.wrapper {\n display: block;\n clear: both;\n overflow: hidden;\n block-size: 0;\n}\n.w-spacing {\n padding-block: 8px;\n padding-inline: 0;\n}\n.fixed {\n position: fixed;\n}\n.pull-left {\n float: inline-start;\n}\n.pull-right {\n float: inline-end;\n}\n.text-truncate {\n max-inline-size: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n/* ========================================================================\n Icons\n ========================================================================== */\n/* Icon modifiers for `b-btn` 32x32 */\n.bb-add-database::before,\n#bid-db-new::before {\n background-image: url(\"../icons/32/plesk/add-db.png\");\n}\n.bb-database-webadmin::before,\n#bid-configure-odbc::before,\n#bid-webadmin::before {\n background-image: url(\"../icons/32/plesk/db-configure.png\");\n}\n.bb-database-webadmin-disabled::before,\n#bid-configure-odbc-disabled::before,\n#bid-webadmin-disabled::before {\n background-image: url(\"../icons/32/plesk/db-configure-disabled.png\");\n}\n.bb-add-database-user::before,\n#bid-ftp-user-add::before,\n#bid-add-client::before,\n#bid-db-usr-new::before,\n#bid-web-user-add::before,\n#bid-pd-user-new::before {\n background-image: url(\"../icons/32/plesk/user-add.png\");\n}\n#bid-ftp-user-add-disabled::before,\n#bid-add-client-disabled::before,\n#bid-db-usr-new-disabled::before,\n#bid-web-user-add-disabled::before,\n#bid-pd-user-new-disabled::before {\n background-image: url(\"../icons/32/plesk/user-add-disabled.png\");\n}\n.bb-clone-database::before,\n#bid-database-preferences::before,\n#bid-sqlservers::before,\n#bid-database-servers::before {\n background-image: url(\"../icons/32/plesk/database-servers.png\");\n}\n#bid-statistics::before {\n background-image: url(\"../icons/32/plesk/server-statistics.png\");\n}\n#bid-key-info::before {\n background-image: url(\"../icons/32/plesk/license-management.png\");\n}\n#bid-key-update::before,\n#bid-additional-key-update::before {\n background-image: url(\"../icons/32/plesk/key-update.png\");\n}\n#bid-key-update-disabled::before,\n#bid-additional-key-update-disabled::before {\n background-image: url(\"../icons/32/plesk/key-update-disabled.png\");\n}\n#bid-additional-key-activate::before {\n background-image: url(\"../icons/32/plesk/key-additional-activate.png\");\n}\n#bid-key-buyonline-addons::before {\n background-image: url(\"../icons/32/plesk/key-buyonline-addons.png\");\n}\n#bid-key-buyonline-new::before,\n#bid-key-buyonline-upgrades::before {\n background-image: url(\"../icons/32/plesk/key-buyonline-upgrades.png\");\n}\n#bid-additional-key-revert::before,\n#bid-key-revert::before {\n background-image: url(\"../icons/32/plesk/key-revert.png\");\n}\n#bid-additional-key-revert-disabled::before,\n#bid-key-revert-disabled::before {\n background-image: url(\"../icons/32/plesk/key-revert-disabled.png\");\n}\n#bid-comp-info::before {\n background-image: url(\"../icons/32/plesk/comp-info.png\");\n}\n#bid-defaultcomponents::before {\n background-image: url(\"../icons/32/plesk/comp-default.png\");\n}\n#bid-select-mssqlwebadmin::before,\n#bid-select-mssqlwebadmin-disabled::before,\n#bid-fi-change-passwd::before,\n#bid-change-passwd::before {\n background-image: url(\"../icons/32/plesk/change-passwd.png\");\n}\n#bid-fi-change-passwd-disabled::before,\n#bid-change-passwd-disabled::before {\n background-image: url(\"../icons/32/plesk/change-passwd-disabled.png\");\n}\n#bid-restart-services::before {\n background-image: url(\"../icons/32/plesk/restart-services.png\");\n}\n#bid-databases::before {\n background-image: url(\"../icons/32/plesk/databases.png\");\n}\n#bid-database-server-add::before {\n background-image: url(\"../icons/32/plesk/database-server-add.png\");\n}\n#bid-sa-clear-db::before {\n background-image: url(\"../icons/32/plesk/db-remove.png\");\n}\n#bid-restrict-creation-of-subzones::before {\n background-image: url(\"../icons/32/plesk/dns-restrict.png\");\n}\n#bid-dns-recursion::before {\n background-image: url(\"../icons/32/plesk/dns-recursion.png\");\n}\n#bid-select-dns-server::before {\n background-image: url(\"../icons/32/plesk/dns-server.png\");\n}\n#bid-soa-records-template::before {\n background-image: url(\"../icons/32/plesk/dns-templates.png\");\n}\n#bid-dom-tmpl-add::before {\n background-image: url(\"../icons/32/plesk/domain-template-add.png\");\n}\n#bid-blocked-domains::before {\n background-image: url(\"../icons/32/plesk/domain-black-list.png\");\n}\n#bid-spamfilter-black-list-add::before,\n#bid-blocked-domain-add::before {\n background-image: url(\"../icons/32/plesk/domain-black-list-add.png\");\n}\n#bid-white-list::before {\n background-image: url(\"../icons/32/plesk/domain-white-list.png\");\n}\n#bid-spamfilter-white-list-add::before,\n#bid-white-list-add::before {\n background-image: url(\"../icons/32/plesk/domain-white-list-add.png\");\n}\n#bid-spamassassin::before {\n background-image: url(\"../icons/32/plesk/spam-filtering.png\");\n}\n#bid-spamassassin-train::before {\n background-image: url(\"../icons/32/plesk/mail-spam-training.png\");\n}\n#bid-upload::before,\n#bid-desktop-presets-upload::before,\n#bid-additional-key-upload::before,\n#bid-dbbackup-upload::before {\n background-image: url(\"../icons/32/plesk/upload.png\");\n}\n#bid-upload-disabled::before,\n#bid-desktop-presets-upload-disabled::before,\n#bid-additional-key-upload-disabled::before,\n#bid-dbbackup-upload-disabled::before {\n background-image: url(\"../icons/32/plesk/upload-disabled.png\");\n}\n#bid-upload-to-repository::before,\n#bid-upload-from-ftp::before {\n background-image: url(\"../icons/32/plesk/upload-from-ftp.png\");\n}\n#bid-key-install::before,\n#bid-key-upload::before {\n background-image: url(\"../icons/32/plesk/install.png\");\n}\n#bid-key-install-disabled::before,\n#bid-key-upload-disabled::before {\n background-image: url(\"../icons/32/plesk/install-disabled.png\");\n}\n#bid-certificates::before,\n#bid-cert-view::before {\n background-image: url(\"../icons/32/plesk/certificates.png\");\n}\n#bid-cert-add::before {\n background-image: url(\"../icons/32/plesk/certificates-add.png\");\n}\n#bid-server-preferences::before,\n#bid-preferences::before,\n#bid-domain-rename::before,\n#bid-change-version::before,\n#bid-dns-preferences::before,\n#bid-dns-zone-settings-template::before {\n background-image: url(\"../icons/32/plesk/preferences.png\");\n}\n#bid-task-scheduler-settings::before,\n#bid-crontab-win::before,\n#bid-crontab-unix::before {\n background-image: url(\"../icons/32/plesk/scheduled-tasks.png\");\n}\n#bid-cron-backup::before,\n#bid-backup-schedule::before {\n background-image: url(\"../icons/32/plesk/schedule-backup.png\");\n}\n#bid-backup-schedule-disabled::before {\n background-image: url(\"../icons/32/plesk/schedule-backup-disabled.png\");\n}\n#bid-make-dump::before,\n#bid-dbbackup-now::before,\n.toolsArea #bid-backup-now::before {\n background-image: url(\"../icons/32/plesk/create-backup.png\");\n}\n#bid-make-dump-disabled::before,\n#bid-dbbackup-now-disabled::before,\n.toolsArea #bid-backup-now-disabled::before {\n background-image: url(\"../icons/32/plesk/create-backup-disabled.png\");\n}\n#bid-dbbackup-repository::before {\n background-image: url(\"../icons/32/plesk/database-backup.png\");\n}\n#bid-new-client::before,\n#bid-extras::before {\n background-image: url(\"../icons/32/plesk/extras.png\");\n}\n#bid-enable::before,\n#bid-account-enable::before,\n#bid-domain-enable::before {\n background-image: url(\"../icons/32/plesk/enable.png\");\n}\n#bid-disable::before {\n background-image: url(\"../icons/32/plesk/disable.png\");\n}\n#bid-object-enable-disable::before {\n background-image: url(\"../icons/32/plesk/enable-disable.png\");\n}\n#bid-domain-alias-add::before {\n background-image: url(\"../icons/32/plesk/domain-alias-add.png\");\n}\n#bid-domain-alias-add-disabled::before {\n background-image: url(\"../icons/32/plesk/domain-alias-add-disabled.png\");\n}\n#bid-file-manager::before {\n background-image: url(\"../icons/32/plesk/file-manager.png\");\n}\n#bid-report-new::before {\n background-image: url(\"../icons/32/plesk/report-add.png\");\n}\n#bid-report-auto::before {\n background-image: url(\"../icons/32/plesk/report-auto.png\");\n}\n#bid-report-auto-new::before {\n background-image: url(\"../icons/32/plesk/report-auto-add.png\");\n}\n#bid-task-new::before {\n background-image: url(\"../icons/32/plesk/task-add.png\");\n}\n#bid-task-new-disabled::before {\n background-image: url(\"../icons/32/plesk/task-add-disabled.png\");\n}\n#bid-server-add::before {\n background-image: url(\"../icons/32/plesk/server-add.png\");\n}\n#bid-custom-button-new::before {\n background-image: url(\"../icons/32/plesk/custom-button-add.png\");\n}\n#bid-modules-manage::before {\n background-image: url(\"../icons/32/plesk/extension.png\");\n}\n#bid-modules-add::before {\n background-image: url(\"../icons/32/plesk/modules-add.png\");\n}\n#bid-modules-add-disabled::before {\n background-image: url(\"../icons/32/plesk/modules-add-disabled.png\");\n}\n#bid-refresh::before,\n#bid-switch::before,\n#bid-reread-ip::before {\n background-image: url(\"../icons/32/plesk/refresh.png\");\n}\n#bid-refresh-disabled::before,\n#bid-switch-disabled::before,\n#bid-reread-ip-disabled::before {\n background-image: url(\"../icons/32/plesk/refresh-disabled.png\");\n}\n#bid-anonftp-stats::before {\n background-image: url(\"../icons/32/plesk/anon-ftp-stats.png\");\n}\n#bid-ip-add::before {\n background-image: url(\"../icons/32/plesk/ip-address-add.png\");\n}\n#bid-ip-add-disabled::before {\n background-image: url(\"../icons/32/plesk/ip-address-add-disabled.png\");\n}\n#bid-download::before,\n#bid-skin-download::before,\n#bid-key-download::before,\n#bid-additional-key-download::before {\n background-image: url(\"../icons/32/plesk/download.png\");\n}\n#bid-download-disabled::before,\n#bid-skin-download-disabled::before,\n#bid-key-download-disabled::before,\n#bid-additional-key-download-disabled::before {\n background-image: url(\"../icons/32/plesk/download-disabled.png\");\n}\n#bid-traffic-history::before {\n background-image: url(\"../icons/32/plesk/traffic-history.png\");\n}\n#bid-report::before {\n background-image: url(\"../icons/32/plesk/summary-report.png\");\n}\n#bid-ftp-settings::before,\n#bid-ftp-account::before {\n background-image: url(\"../icons/32/plesk/ftp-account.png\");\n}\n#bid-protect::before {\n background-image: url(\"../icons/32/plesk/protect.png\");\n}\n#bid-unprotect::before {\n background-image: url(\"../icons/32/plesk/unprotect.png\");\n}\n#bid-rule-add::before {\n background-image: url(\"../icons/32/plesk/rule-add.png\");\n}\n#bid-group-referrer-add::before {\n background-image: url(\"../icons/32/plesk/group-referrer-add.png\");\n}\n#bid-hidden-referrer-add::before,\n#bid-ai-vendor-source-new::before {\n background-image: url(\"../icons/32/plesk/hidden-referrer-add.png\");\n}\n#bid-recycle::before {\n background-image: url(\"../icons/32/plesk/recycle.png\");\n}\n#bid-recycle-disabled::before {\n background-image: url(\"../icons/32/plesk/recycle-disabled.png\");\n}\n#bid-start::before {\n background-image: url(\"../icons/32/plesk/start.png\");\n}\n#bid-stop::before {\n background-image: url(\"../icons/32/plesk/stop.png\");\n}\n#bid-panic::before {\n background-image: url(\"../icons/32/plesk/panic.png\");\n}\n#bid-disconnect::before {\n background-image: url(\"../icons/32/plesk/disconnect.png\");\n}\n#bid-connect::before {\n background-image: url(\"../icons/32/plesk/connect.png\");\n}\n#bid-errordoc-add::before {\n background-image: url(\"../icons/32/plesk/errordoc-add.png\");\n}\n#bid-config-add::before {\n background-image: url(\"../icons/32/plesk/config-add.png\");\n}\n#bid-dnsrecord-add::before {\n background-image: url(\"../icons/32/plesk/dns-record-add.png\");\n}\n#bid-dns::before {\n background-image: url(\"../icons/32/plesk/dns.png\");\n}\n#bid-network-add::before {\n background-image: url(\"../icons/32/plesk/ip-address-add.png\");\n}\n#bid-create-file::before {\n background-image: url(\"../icons/32/plesk/file-add.png\");\n}\n#bid-create-file-disabled::before {\n background-image: url(\"../icons/32/plesk/file-add-disabled.png\");\n}\n#bid-migration-sync-agent::before {\n background-image: url(\"../icons/32/plesk/migration-sync-agent.png\");\n}\n#bid-migration-sync-agent-disabled::before {\n background-image: url(\"../icons/32/plesk/migration-sync-agent-disabled.png\");\n}\n#bid-select-antivirus::before {\n background-image: url(\"../icons/32/plesk/antivirus-select.png\");\n}\n#bid-session-cp::before,\n#bid-common-acl::before {\n background-image: url(\"../icons/32/plesk/active-session.png\");\n}\n#bid-session-setup::before {\n background-image: url(\"../icons/32/plesk/session-setup.png\");\n}\n#bid-migration-session-add::before {\n background-image: url(\"../icons/32/plesk/migration-session-add.png\");\n}\n#bid-migration-session-add-disabled::before {\n background-image: url(\"../icons/32/plesk/migration-session-add-disabled.png\");\n}\n#bid-object-remove::before,\n#bid-additional-key-remove::before {\n background-image: url(\"../icons/32/plesk/remove-selected.png\");\n}\n#bid-google-tools::before {\n background-image: url(\"../icons/32/plesk/google-tools.png\");\n}\n#bid-adsense::before {\n background-image: url(\"../icons/32/plesk/google-ad-sense.png\");\n}\n#bid-send-mass-mail::before {\n background-image: url(\"../icons/32/plesk/mail-redirects.png\");\n}\n#bid-new-mass-mail-template::before {\n background-image: url(\"../icons/32/plesk/mail-list-add.png\");\n}\n#bid-new-admin-alias::before,\n#bid-fpse-user-add::before {\n background-image: url(\"../icons/32/plesk/client-add.png\");\n}\n#bid-logrotation::before,\n#bid-restore-default::before {\n background-image: url(\"../icons/32/plesk/log-rotation.png\");\n}\n#bid-logrotation-disabled::before,\n#bid-restore-default-disabled::before {\n background-image: url(\"../icons/32/plesk/log-rotation-disabled.png\");\n}\n#bid-add-address-to-acl::before {\n background-image: url(\"../icons/32/plesk/add-to-acl.png\");\n}\n#bid-edit::before {\n background-image: url(\"../icons/32/plesk/edit.png\");\n}\n#bid-aspdotnet::before {\n background-image: url(\"../icons/32/plesk/aspdotnet.png\");\n}\n#bid-aspdotnet-disabled::before {\n background-image: url(\"../icons/32/plesk/aspdotnet-disabled.png\");\n}\n#bid-php::before {\n background-image: url(\"../icons/32/plesk/php.png\");\n}\n#bid-php-disabled::before {\n background-image: url(\"../icons/32/plesk/php-disabled.png\");\n}\n#bid-fp-webadmin::before {\n background-image: url(\"../icons/32/plesk/fp-webadmin.png\");\n}\n#bid-fp-ssl-webadmin::before {\n background-image: url(\"../icons/32/plesk/fp-ssl-webadmin.png\");\n}\n#bid-site-app-add::before,\n#bid-server-package-add::before,\n#bid-web-app-new::before,\n#bid-site-app-pkg-new::before,\n#bid-server-app-add::before {\n background-image: url(\"../icons/32/plesk/site-app-add.png\");\n}\n#bid-site-app-add-disabled::before,\n#bid-server-package-add-disabled::before,\n#bid-web-app-new-disabled::before,\n#bid-site-app-pkg-new-disabled::before,\n#bid-server-app-add-disabled::before {\n background-image: url(\"../icons/32/plesk/site-app-add-disabled.png\");\n}\n#bid-dns-zone-sync::before {\n background-image: url(\"../icons/32/plesk/dns-zone-sync.png\");\n}\n#bid-dns-zone-sync-disabled::before {\n background-image: url(\"../icons/32/plesk/dns-zone-sync-disabled.png\");\n}\n#bid-virus::before {\n background-image: url(\"../icons/32/plesk/virus.png\");\n}\n#bid-spam::before {\n background-image: url(\"../icons/32/plesk/spam.png\");\n}\n.toolsArea #bid-default::before {\n background-image: url(\"../icons/32/plesk/set-default.png\");\n}\n.toolsArea #bid-default-disabled::before {\n background-image: url(\"../icons/32/plesk/set-default-disabled.png\");\n}\n/* Icon modifiers for `s-btn` 16x16 */\n.sb-search-hide::before,\n#bid-search-hide span::before,\n.sb-hide::before {\n background-image: url(\"../icons/16/plesk/search-hide.png\");\n}\n.sb-search-show::before,\n.sb-expand::before,\n#bid-search-show span::before,\n.sb-show::before {\n background-image: url(\"../icons/16/plesk/search-show.png\");\n}\n.sb-search::before,\n#bid-search span::before {\n background-image: url(\"../icons/16/plesk/search-btn.png\");\n}\n.sb-show-all::before,\n#bid-show-all span::before,\n#bid-show-all-disabled span::before {\n background-image: url(\"../icons/16/plesk/show-all.png\");\n}\n.sb-item-add::before {\n background-image: url(\"../icons/16/plesk/field-add.png\");\n}\n.sb-item-remove::before {\n background-image: url(\"../icons/16/plesk/field-remove.png\");\n}\n.sb-uplevel::before,\n#bid-up-level span::before {\n background-image: url(\"../icons/16/plesk/uplevel.png\");\n}\n.sb-preview::before {\n background-image: url(\"../icons/16/plesk/enlarge.png\");\n}\n.sb-view-site::before {\n background-image: url(\"../icons/16/plesk/preview.png\");\n}\n.sb-check-updates::before {\n background-image: url(\"../icons/16/plesk/check-updates.png\");\n}\n.sb-upgrade::before,\n.sb-update-available::before {\n background-image: url(\"../icons/16/plesk/update.png\");\n}\n.sb-revert::before {\n background-image: url(\"../icons/16/plesk/revert.png\");\n}\n.sb-refresh::before,\n.sb-reread::before,\n#bid-dbbackup-restore span::before,\n#bid-service-auto span::before,\n#bid-refresh span::before {\n background-image: url(\"../icons/16/plesk/refresh.png\");\n}\n.sb-activate::before {\n background-image: url(\"../icons/16/plesk/activate.png\");\n}\n.sb-app-delete::before {\n background-image: url(\"../icons/16/plesk/uninstall-app.png\");\n}\n.sb-renew::before {\n background-image: url(\"../icons/16/plesk/appkey-renew.png\");\n}\n.sb-retrieve::before {\n background-image: url(\"../icons/16/plesk/appkey-retrieve.png\");\n}\n.sb-pay-all::before {\n background-image: url(\"../icons/16/plesk/pay-all.png\");\n}\n.sb-pay-now::before {\n background-image: url(\"../icons/16/plesk/pay-now.png\");\n}\n.sb-ip-pool::before {\n background-image: url(\"../icons/16/plesk/ip-pool.png\");\n}\n.sb-resources::before {\n background-image: url(\"../icons/16/plesk/resources.png\");\n}\n.sb-modify-selected::before {\n background-image: url(\"../icons/16/plesk/modify.png\");\n}\n.sb-copy-selected::before,\n.sb-copy::before,\n#bid-copy-move span::before,\n#bid-backup-copy-to-local span::before {\n background-image: url(\"../icons/16/plesk/copy.png\");\n}\n.sb-add-new::before,\n.sb-add-subservice-instance::before {\n background-image: url(\"../icons/16/plesk/add.png\");\n}\n.sb-domain::before {\n background-image: url(\"../icons/16/plesk/domain.png\");\n}\n.sb-new-domain::before {\n background-image: url(\"../icons/16/plesk/add-domain.png\");\n}\n.sb-subdomain::before {\n background-image: url(\"../icons/16/plesk/subdomain.png\");\n}\n.sb-new-subdomain::before {\n background-image: url(\"../icons/16/plesk/add-subdomain.png\");\n}\n.sb-domain-alias::before {\n background-image: url(\"../icons/16/plesk/dom-aliases.png\");\n}\n.sb-new-domain-alias::before {\n background-image: url(\"../icons/16/plesk/add-alias.png\");\n}\n.sb-register-domain::before {\n background-image: url(\"../icons/16/plesk/register-domain.png\");\n}\n.sb-app-info::before {\n background-image: url(\"../icons/16/plesk/app-info.png\");\n}\n.sb-info::before {\n background-image: url(\"../icons/16/plesk/info.png\");\n}\n.sb-install::before,\n#bid-install span::before {\n background-image: url(\"../icons/16/plesk/install.png\");\n}\n.sb-download::before,\n#bid-download span::before {\n background-image: url(\"../icons/16/plesk/download.png\");\n}\n.sb-add-folder::before,\n#bid-create-dir span::before {\n background-image: url(\"../icons/16/plesk/add-folder.png\");\n}\n.sb-folder::before {\n background-image: url(\"../icons/16/plesk/file-folder.png\");\n}\n.sb-share::before {\n background-image: url(\"../icons/16/plesk/share.png\");\n}\n.sb-share-disabled::before {\n background-image: url(\"../icons/16/plesk/share-disabled.png\");\n}\n.sb-publish::before {\n background-image: url(\"../icons/16/plesk/publish.png\");\n}\n.sb-publish-disabled::before {\n background-image: url(\"../icons/16/plesk/publish-disabled.png\");\n}\n.sb-move::before {\n background-image: url(\"../icons/16/plesk/move.png\");\n}\n.sb-delete::before,\n.sb-remove-selected::before,\n#bid-remove-selected span::before {\n background-image: url(\"../icons/16/plesk/delete.png\");\n}\n.sb-delete-disabled::before,\n#bid-remove-selected-disabled span::before {\n background-image: url(\"../icons/16/plesk/delete-disabled.png\");\n}\n.sb-email-link::before {\n background-image: url(\"../icons/16/plesk/mail.png\");\n}\n.sb-email-link-disabled::before {\n background-image: url(\"../icons/16/plesk/mail-disabled.png\");\n}\n.sb-switch::before {\n background-image: url(\"../icons/16/plesk/switch.png\");\n}\n.sb-stats::before {\n background-image: url(\"../icons/16/plesk/stats.png\");\n}\n.sb-suspend::before {\n background-image: url(\"../icons/16/plesk/suspend.png\");\n}\n.sb-add-new-customer::before {\n background-image: url(\"../icons/16/plesk/add-new-customer.png\");\n}\n.sb-add-new-reseller::before {\n background-image: url(\"../icons/16/plesk/add-new-reseller.png\");\n}\n.sb-convert-to-customer::before {\n background-image: url(\"../icons/16/plesk/convert-to-customer.png\");\n}\n.sb-convert-to-reseller::before {\n background-image: url(\"../icons/16/plesk/convert-to-reseller.png\");\n}\n.sb-assign-new-owner::before {\n background-image: url(\"../icons/16/plesk/assign-new-owner.png\");\n}\n.sb-add-new-subscription::before {\n background-image: url(\"../icons/16/plesk/add-new-subs.png\");\n}\n.sb-add-new-own-subscription::before {\n background-image: url(\"../icons/16/plesk/add-own-subs.png\");\n}\n.sb-change-subscription::before {\n background-image: url(\"../icons/16/plesk/change-subs.png\");\n}\n.sb-buy-subscription::before {\n background-image: url(\"../icons/16/plesk/buy-new-subs.png\");\n}\n.sb-renew-subscription::before {\n background-image: url(\"../icons/16/plesk/renew-subs.png\");\n}\n.sb-add-new-plan::before {\n background-image: url(\"../icons/16/plesk/add-new-plan.png\");\n}\n.sb-add-new-addon::before {\n background-image: url(\"../icons/16/plesk/add-addon.png\");\n}\n.sb-service-plan::before {\n background-image: url(\"../icons/16/plesk/service-plan.png\");\n}\n.sb-login::before,\n#bid-login span::before {\n background-image: url(\"../icons/16/plesk/login.png\");\n}\n.sb-logout::before,\n#bid-logoff-selected span::before {\n background-image: url(\"../icons/16/plesk/logout.png\");\n}\n.sb-login-as-owner::before {\n background-image: url(\"../icons/16/plesk/login-as-owner.png\");\n}\n.sb-login-as-customer::before {\n background-image: url(\"../icons/16/plesk/login-as-customer.png\");\n}\n.sb-edit-contact::before {\n background-image: url(\"../icons/16/plesk/edit-contact-info.png\");\n}\n.sb-change-password::before {\n background-image: url(\"../icons/16/plesk/change-password.png\");\n}\n.sb-switch-to-another-plan::before {\n background-image: url(\"../icons/16/plesk/switch-to-another-plan.png\");\n}\n.sb-add-remove-addons::before {\n background-image: url(\"../icons/16/plesk/add-remove-addons.png\");\n}\n.sb-manually-edit-parameters::before {\n background-image: url(\"../icons/16/plesk/manually-edit-parameters.png\");\n}\n.sb-unlock-and-sync::before {\n background-image: url(\"../icons/16/plesk/unlock-and-sync.png\");\n}\n.sb-edit-hosting-settings::before {\n background-image: url(\"../icons/16/plesk/edit-hosting-settings.png\");\n}\n.sb-add-user::before {\n background-image: url(\"../icons/16/plesk/add-user.png\");\n}\n.sb-add-role::before {\n background-image: url(\"../icons/16/plesk/add-roles.png\");\n}\n.sb-add-mail-account::before {\n background-image: url(\"../icons/16/plesk/add-mail-account.png\");\n}\n.sb-change-mail-settings::before {\n background-image: url(\"../icons/16/plesk/preferences.png\");\n}\n.sb-add-mail-list::before {\n background-image: url(\"../icons/16/plesk/add-mail-list.png\");\n}\n.sb-profile::before,\n.sb-my-profile::before {\n background-image: url(\"../icons/16/plesk/profile.png\");\n}\n.sb-backup::before {\n background-image: url(\"../icons/16/plesk/add-backup.png\");\n}\n.sb-backup-all::before,\n.sb-backup-subscription::before {\n background-image: url(\"../icons/16/plesk/backup.png\");\n}\n.sb-iis-app-pool::before {\n background-image: url(\"../icons/16/plesk/iis-app-pool.png\");\n}\n.sb-turn-on::before,\n.sb-enable::before {\n background-image: url(\"../icons/16/plesk/enable.png\");\n}\n.sb-turn-off::before,\n.sb-disable::before {\n background-image: url(\"../icons/16/plesk/disable.png\");\n}\n.sb-upload-config-file::before {\n background-image: url(\"../icons/16/plesk/upload-config-file.png\");\n}\n.sb-download-config-file::before {\n background-image: url(\"../icons/16/plesk/download-config-file.png\");\n}\n.sb-restore-defaults::before {\n background-image: url(\"../icons/16/plesk/restore-defaults.png\");\n}\n.sb-change-lock-settings::before {\n background-image: url(\"../icons/16/plesk/change-lock-settings.png\");\n}\n.sb-edit-dns-settings::before {\n background-image: url(\"../icons/16/plesk/edit-dns-settings.png\");\n}\n.sb-manage-mail-list::before {\n background-image: url(\"../icons/16/plesk/open-maillist-webpanel.png\");\n}\n.sb-custom-button::before {\n background-image: url(\"../icons/16/plesk/custom-button.png\");\n}\n.sb-clean::before,\n.sb-clean-app-cache::before {\n background-image: url(\"../icons/16/plesk/clean-app-cache.png\");\n}\n.sb-upload-new-app::before {\n background-image: url(\"../icons/16/plesk/upload-new-app.png\");\n}\n.sb-make-visible::before {\n background-image: url(\"../icons/16/plesk/make-visible.png\");\n}\n.sb-make-invisible::before {\n background-image: url(\"../icons/16/plesk/make-invisible.png\");\n}\n.sb-go-to-marketplace::before {\n background-image: url(\"../icons/16/plesk/go-to-marketplace.png\");\n}\n.sb-convert-to-multiple-subscription::before {\n background-image: url(\"../icons/16/plesk/convert-to-multiple-subs.png\");\n}\n.sb-convert-to-single-subscription::before {\n background-image: url(\"../icons/16/plesk/convert-to-single-subs.png\");\n}\n.sb-convert-subscriptions::before,\n#bid-assign-subscription-selected span::before {\n background-image: url(\"../icons/16/plesk/convert-subscriptions.png\");\n}\n.sb-manage::before,\n.sb-manage-domains::before,\n.sb-webadmin::before {\n background-image: url(\"../icons/16/plesk/manage.png\");\n}\n.sb-logs::before {\n background-image: url(\"../icons/16/plesk/logs.png\");\n}\n.sb-add-new-webmail::before {\n background-image: url(\"../icons/16/plesk/add-webmail.png\");\n}\n.sb-make-default-user::before,\n.sb-make-default-cert::before,\n#bid-sa-learn-as-nonspam span::before,\n#bid-select-app-to-download span::before,\n#bid-dbuser-default span::before,\n#bid-default span::before {\n background-image: url(\"../icons/16/plesk/default.png\");\n}\n.sb-add-new-ip::before {\n background-image: url(\"../icons/16/plesk/add-ip.png\");\n}\n.sb-firewall::before {\n background-image: url(\"../icons/16/plesk/firewall.png\");\n}\n.sb-open-webspace::before {\n background-image: url(\"../icons/16/plesk/open-webspace.png\");\n}\n.sb-export::before {\n background-image: url(\"../icons/16/plesk/export.png\");\n}\n.sb-settings::before,\n.sb-app-configure::before,\n.sb-customize-columns::before,\n.sb-subscription-customize::before {\n background-image: url(\"../icons/16/plesk/settings.png\");\n}\n.sb-add-new-service-node::before {\n background-image: url(\"../icons/16/plesk/service-node-add.png\");\n}\n.sb-upload-file::before,\n.sb-upload::before {\n background-image: url(\"../icons/16/plesk/upload-files.png\");\n}\n.sb-add-file::before,\n#bid-create-file span::before {\n background-image: url(\"../icons/16/plesk/file-add.png\");\n}\n.sb-calculate::before,\n#bid-count-size span::before {\n background-image: url(\"../icons/16/plesk/calculate.png\");\n}\n.sb-change-time::before,\n.sb-schedule::before {\n background-image: url(\"../icons/16/plesk/change-time.png\");\n}\n.sb-archive-extract::before,\n#bid-extract-archive span::before {\n background-image: url(\"../icons/16/plesk/archive-extract.png\");\n}\n.sb-archive-create::before,\n#bid-create-archive span::before {\n background-image: url(\"../icons/16/plesk/archive-create.png\");\n}\n.sb-feedback::before {\n background-image: url(\"../icons/16/plesk/feedback.png\");\n}\n.sb-help::before {\n background-image: url(\"../icons/16/plesk/help.png\");\n}\n.sb-manual::before {\n background-image: url(\"../icons/16/plesk/read-manual.png\");\n}\n.sb-add-db::before {\n background-image: url(\"../icons/16/plesk/add-database.png\");\n}\n.sb-open-in-browser::before {\n background-image: url(\"../icons/16/plesk/open-in-browser.png\");\n}\n.sb-active-list::before {\n background-image: url(\"../icons/16/plesk/list-type-active.png\");\n}\n.sb-dynamic-list::before {\n background-image: url(\"../icons/16/plesk/list-type-dynamic.png\");\n}\n.sb-add-cert::before {\n background-image: url(\"../icons/16/plesk/add-certificate.png\");\n}\n.sb-view-cert::before {\n background-image: url(\"../icons/16/plesk/ssl-cert.png\");\n}\n.sb-setup-cert::before {\n background-image: url(\"../icons/16/plesk/cert-setup.png\");\n}\n.sb-cert-csr::before {\n background-image: url(\"../icons/16/plesk/cert-csr-on.png\");\n}\n.sb-cert-pvt-key::before {\n background-image: url(\"../icons/16/plesk/cert-pvt-key-on.png\");\n}\n.sb-cert-cert::before {\n background-image: url(\"../icons/16/plesk/cert-cert-on.png\");\n}\n.sb-cert-ca-cert::before {\n background-image: url(\"../icons/16/plesk/cert-ca-cert-on.png\");\n}\n.sb-webmail::before {\n background-image: url(\"../icons/16/plesk/webmail-on.png\");\n}\n.sb-bounce-settings::before {\n background-image: url(\"../icons/16/plesk/mail-unknown.png\");\n}\n.sb-outgoing-spam-settings::before {\n background-image: url(\"../icons/16/plesk/protected.png\");\n}\n.sb-featured::before {\n background-image: url(\"../icons/16/plesk/featured.png\");\n}\n.sb-popular::before {\n background-image: url(\"../icons/16/plesk/popular.png\");\n}\n.sb-newest::before {\n background-image: url(\"../icons/16/plesk/newest.png\");\n}\n.sb-security-scan::before {\n background-image: url(\"../icons/16/plesk/security-scan.png\");\n}\n.sb-manage-themes::before {\n background-image: url(\"../icons/16/plesk/theme.png\");\n}\n.sb-manage-plugins::before {\n background-image: url(\"../icons/16/plesk/components.png\");\n}\n.sb-mysqlwebadmin::before {\n background-image: url(\"../icons/16/plesk/phpmyadmin.png\");\n}\n#bid-set-as-default span::before {\n background-image: url(\"../icons/16/plesk/aps-featured.png\");\n}\n#bid-attach span::before {\n background-image: url(\"../icons/16/plesk/attach.png\");\n}\n.sb-customize::before,\n#bid-customize span::before {\n background-image: url(\"../icons/16/plesk/customize.png\");\n}\n#bid-disconnect-selected span::before {\n background-image: url(\"../icons/16/plesk/disconnect.png\");\n}\n.sb-switch-service::before,\n#bid-on-off span::before,\n#bid-service-manual span::before {\n background-image: url(\"../icons/16/plesk/on-off.png\");\n}\n#bid-service-disable span::before {\n background-image: url(\"../icons/16/plesk/on-off-disabled.png\");\n}\n#bid-shortcut-add span::before,\n#bid-setup span::before,\n#bid-sa-forget span::before {\n background-image: url(\"../icons/16/plesk/cert-setup.png\");\n}\n#bid-touch span::before {\n background-image: url(\"../icons/16/plesk/touch.png\");\n}\n#bid-voipnow-switch-voip span::before {\n background-image: url(\"../icons/16/plesk/voipnow.png\");\n}\n#bid-enable-selected span::before,\n.sb-on::before {\n background-image: url(\"../icons/16/plesk/on.png\");\n}\n#bid-disable-selected span::before,\n.sb-off::before {\n background-image: url(\"../icons/16/plesk/off.png\");\n}\n.sb-warning::before {\n background-image: url(\"../icons/16/plesk/warning.png\");\n}\n#bid-client-to-reseller span::before {\n background-image: url(\"../icons/16/plesk/reseller.png\");\n}\n#bid-domain-admin-to-client span::before {\n background-image: url(\"../icons/16/plesk/customer.png\");\n}\n#bid-service-start span::before,\n.sb-service-start::before {\n background-image: url(\"../icons/16/plesk/start.png\");\n}\n#bid-service-stop span::before,\n.sb-service-stop::before {\n background-image: url(\"../icons/16/plesk/stop.png\");\n}\n#bid-service-restart span::before,\n.sb-service-restart::before {\n background-image: url(\"../icons/16/plesk/restart.png\");\n}\n.sb-edit::before,\n#bid-shortcut-edit span::before,\n#bid-favorite-edit span::before {\n background-image: url(\"../icons/16/plesk/modify.png\");\n}\n.sb-dns-records-changed::before,\n#bid-show-updates span::before,\n#bid-hide-updates span::before,\n.sb-attention::before {\n background-image: url(\"../icons/16/plesk/att.png\");\n}\n.sb-dns-record-add::before {\n background-image: url(\"../icons/16/plesk/dns-record-add.png\");\n}\n.sb-dns-zone-sync::before {\n background-image: url(\"../icons/16/plesk/dns-zone-sync.png\");\n}\n.sb-task-add::before {\n background-image: url(\"../icons/16/plesk/task-add.png\");\n}\n#bid-test-dsn span::before {\n background-image: url(\"../icons/16/plesk/connect.png\");\n}\n.sb-waiting::before {\n background-image: url(\"../icons/16/plesk/indicator.gif\");\n}\n.sb-ftp-settings::before {\n background-image: url(\"../icons/16/plesk/ftp-access.png\");\n}\n.sb-task-run-now::before {\n background-image: url(\"../icons/16/plesk/start.png\");\n}\n.sb-log-rotation::before {\n background-image: url(\"../icons/16/plesk/log-rotation.png\");\n}\n/* Icons 16x16 */\n.icon-edit {\n background-image: url(\"../icons/16/plesk/modify.png\");\n}\n.icon-save {\n background-image: url(\"../icons/16/plesk/save.png\");\n}\n.icon-cancel {\n background-image: url(\"../icons/16/plesk/cancel.png\");\n}\n.icon-ok {\n background-image: url(\"../icons/16/plesk/ok.png\");\n}\n.icon-on {\n background-image: url(\"../icons/16/plesk/on.png\");\n}\n.icon-off {\n background-image: url(\"../icons/16/plesk/off.png\");\n}\n.icon-indicator {\n background-image: url(\"../icons/16/plesk/indicator.gif\");\n}\n.icon-search {\n background-image: url(\"../icons/16/plesk/search.png\");\n}\n.icon-folder {\n background-image: url(\"../icons/16/plesk/file-folder.png\");\n}\n.icon-feedback {\n background-image: url(\"../icons/16/plesk/feedback.png\");\n}\n.icon-refresh {\n background-image: url(\"../icons/16/plesk/refresh.png\");\n}\n.icon-arrow-left {\n background-image: url(\"../icons/16/plesk/move-back.png\");\n}\n.icon-log-rotation {\n background-image: url(\"../icons/16/plesk/log-rotation.png\");\n}\n.icon-navigation {\n background-image: url(\"../icons/16/plesk/navigation.png\");\n}\n.icon-log-browser-client {\n background-image: url(\"../icons/16/plesk/log-browser-client.png\");\n}\n.icon-log-browser-refer {\n background-image: url(\"../icons/16/plesk/log-browser-refer.png\");\n}\n.icon-log-browser-robot {\n background-image: url(\"../icons/16/plesk/log-browser-robot.png\");\n}\n.icon-log-browser-unknown {\n background-image: url(\"../icons/16/plesk/log-browser-unknown.png\");\n}\n.icon-attention-tr {\n background-image: url(\"../icons/16/plesk/att-tr.png\");\n}\n.icon-manage {\n background-image: url(\"../icons/16/plesk/manage.png\");\n}\n.icon-delete {\n background-image: url(\"../icons/16/plesk/delete.png\");\n}\n.icon-mobile {\n background-image: url(\"../icons/16/plesk/create-mobile-site.png\");\n}\n.icon-lock {\n background-image: url(\"../icons/16/plesk/lock.png\");\n}\n.icon-unlock {\n background-image: url(\"../icons/16/plesk/unlock.png\");\n}\n.icon-unlock-muted {\n background-image: url(\"../icons/16/plesk/unlock-muted.png\");\n}\n.icon-update {\n background-image: url(\"../icons/16/plesk/update.png\");\n}\n.icon-update-light {\n background-image: url(\"../icons/16/plesk/update-light.png\");\n}\n.icon-customize {\n background-image: url(\"../icons/16/plesk/customize.png\");\n}\n.icon-logs {\n background-image: url(\"../icons/16/plesk/logs.png\");\n}\n.icon-background-tasks {\n background-image: url(\"../icons/16/plesk/background-tasks.png\");\n}\n.icon-recheck {\n background-image: url(\"../icons/16/plesk/recheck.png\");\n}\n.icon-unlink {\n background-image: url(\"../icons/16/plesk/unlink.png\");\n}\n.icon-download {\n background-image: url(\"../icons/16/plesk/download.png\");\n}\n.icon-warning {\n background-image: url(\"../icons/16/plesk/warning.png\");\n}\n.icon-attention {\n background-image: url(\"../icons/16/plesk/att.png\");\n}\n.icon-copy {\n background-image: url(\"../icons/16/plesk/copy.png\");\n}\n.icon-start {\n background-image: url(\"../icons/16/plesk/start.png\");\n}\n.icon-stop {\n background-image: url(\"../icons/16/plesk/stop.png\");\n}\n.icon-stop-muted {\n background-image: url(\"../icons/16/plesk/stop-muted.png\");\n}\n.icon-restart {\n background-image: url(\"../icons/16/plesk/restart.png\");\n}\n.icon-settings {\n background-image: url(\"../icons/16/plesk/settings.png\");\n}\n.icon-components {\n background-image: url(\"../icons/16/plesk/components.png\");\n}\n.icon-register-domain {\n background-image: url(\"../icons/16/plesk/register-domain.png\");\n}\n.icon-info {\n background-image: url(\"../icons/16/plesk/info.png\");\n}\n.icon-help {\n background-image: url(\"../icons/16/plesk/help.png\");\n}\n.icon-help-muted {\n background-image: url(\"../icons/16/plesk/help-muted.png\");\n}\n.icon-waiting {\n background-image: url(\"../icons/16/plesk/waiting.png\");\n}\n.icon-website {\n background-image: url(\"../icons/16/plesk/website.png\");\n}\n.icon-popular {\n background-image: url(\"../icons/16/plesk/popular.png\");\n}\n.icon-open-in-browser {\n background-image: url(\"../icons/16/plesk/open-in-browser.png\");\n}\n.icon-opinions {\n background-image: url(\"../icons/16/plesk/opinions.png\");\n}\n.icon--install {\n background-image: url(\"../icons/16/plesk/toolbar-install.png\");\n}\n.btn-primary .icon--install,\n.btn:hover .icon--install {\n background-image: url(\"../icons/16/plesk/toolbar-install-active.png\");\n}\n.icon--basket {\n background-image: url(\"../icons/16/plesk/toolbar-buynow.png\");\n}\n.btn-primary .icon--basket,\n.btn:hover .icon--basket {\n background-image: url(\"../icons/16/plesk/toolbar-buynow-active.png\");\n}\n.icon--update {\n background-image: url(\"../icons/16/plesk/toolbar-update.png\");\n}\n.btn-primary .icon--update,\n.btn:hover .icon--update {\n background-image: url(\"../icons/16/plesk/toolbar-update-active.png\");\n}\n.pul-section--collapsible > .pul-section-item .form-box {\n margin-block-end: 0;\n}\n.pul-section--collapsed > .pul-section-item {\n display: none;\n}\n/* doc\n---\ntitle: \"Media\"\nname: media\ncategory: \"Components - Media\"\n---\n\n- [media.less] (https://git.plesk.tech/projects/PLESK/repos/plesk/browse/common/theme/less/core/media.less)\n\n```html_example\n<div class=\"media\">\n <div class=\"media-left\">\n <i class=\"icon-md\"><img class=\"media-object\" src=\"theme/icons/32/plesk/file-manager.png\" alt=\"\"></i>\n </div>\n <div class=\"media-body\">\n <h4 class=\"media-heading\">Media Heading</h4>\n Media content\n </div>\n <div class=\"media-right\">\n <i class=\"icon-md\"><img class=\"media-object\" src=\"theme/icons/32/plesk/file-manager.png\" alt=\"\"></i>\n </div>\n</div>\n```\n```html_example\n<div class=\"media\">\n <div class=\"media-left\">\n <img class=\"media-object\" src=\"theme/icons/32/plesk/file-manager.png\" alt=\"\">\n </div>\n <div class=\"media-body\">\n <h4 class=\"media-heading\">Media Heading</h4>\n Media content\n </div>\n</div>\n```\n*/\n.media {\n display: flex;\n align-items: flex-start;\n}\na.media,\na.media:hover {\n color: inherit;\n text-decoration: inherit;\n}\na.media:hover .media__ui-link {\n color: #259ccc;\n text-decoration: underline;\n}\n.media--inline {\n display: inline-flex;\n}\n.media__figure {\n flex-shrink: 0;\n margin-block: 0;\n margin-inline: 0 6px;\n}\n.media__figure--reverse {\n margin-block: 0;\n margin-inline: 6px 0;\n}\n.media__body {\n flex: 1 1 auto;\n min-inline-size: 0;\n}\n.media__body,\n.media__body > :last-child {\n margin-block-end: 0;\n}\n.media--small .media__figure {\n margin-inline-end: 4px;\n}\n.media--small .media__figure--reverse {\n margin-block: 0;\n margin-inline: 4px 0;\n}\n.media--large .media__figure {\n margin-inline-end: 10px;\n}\n.media--large .media__figure--reverse {\n margin-block: 0;\n margin-inline: 10px 0;\n}\n.media--x-large .media__figure {\n margin-inline-end: 16px;\n}\n.media--x-large .media__figure--reverse {\n margin-block: 0;\n margin-inline: 16px 0;\n}\n.media--center {\n align-items: center;\n}\n.media--hovered {\n padding: 8px;\n transition: background 0.25s;\n}\n.media--hovered:hover {\n background: #ecf5f9;\n cursor: pointer;\n}\n.media--hovered:hover .media__ui-link {\n color: #259ccc;\n text-decoration: underline;\n}\n@media (max-width: 480px) {\n .media--responsive {\n display: block;\n }\n .media--responsive .media__figure {\n margin-block: 0 6px;\n margin-inline: 0;\n }\n}\n/* doc\n---\ntitle: \"Console Output\"\nname: console-output\ncategory: \"Components - Console Output\"\n---\n\n- [console-output.less] (https://git.plesk.tech/projects/PLESK/repos/plesk/browse/common/theme/less/core/console-output.less)\n- [Description] (https://docs.plesk.ru/display/PPP/05+-+Widgets#id-05-Widgets-ConsoleOutput)\n\n```html_example\n<pre class=\"console-output\">\nconsole-output\n...<span class=\"cursor animation-blink\"></span>\n</pre>\n```\n### Full Width Console Output\n```html_example\n<pre class=\"console-output console-output-wide\">\nconsole-output-wide...<span class=\"cursor animation-blink\"></span>\n</pre>\n```\n*/\n.console-output {\n box-sizing: border-box;\n min-block-size: 15em;\n max-block-size: 25em;\n max-inline-size: 80em;\n padding-block: 12px 16px;\n padding-inline: 16px;\n border: 1px solid #dedede;\n border-radius: 2px;\n background-color: #f5f5f5;\n font: 1em/1.143 \"Consolas\", \"Liberation Mono\", \"Menlo\", \"Courier\", monospace;\n color: #222;\n tab-size: 4;\n overflow: auto;\n overflow-x: hidden;\n white-space: pre-wrap;\n word-wrap: break-word;\n overflow-wrap: break-word;\n}\n.console-output .cursor {\n display: inline-block;\n inline-size: 0.4615em;\n block-size: 1em;\n margin-inline-start: 0.2308em;\n vertical-align: -1px;\n background-color: #737373;\n}\n.console-output-wide {\n max-inline-size: 100%;\n}\n/* doc\n---\ntitle: \"Mode Selector\"\nname: mode-selector\ncategory: \"Components - Mode Selector\"\n---\n\n- [mode-selector.less] (https://git.plesk.tech/projects/PLESK/repos/plesk/browse/common/theme/less/core/mode-selector.less)\n- [Description] (https://docs.plesk.ru/display/PPP/05+-+Widgets#id-05-Widgets-ModeSelector)\n\n```html_example\n<div class=\"mode-selector\">\n <div class=\"mode-selector-item\">\n <label class=\"mode-selector-radio checked\">\n <input type=\"radio\" name=\"some-name\" class=\"mode-selector-radio-input\" checked=\"\">\n <span class=\"mode-selector-radio-label\"><i class=\"icon-md-cloud\"></i> lorem ipsum dolor sit amet, consectetur adipiscing elit</span>\n </label>\n </div>\n <div class=\"mode-selector-item\">\n <label class=\"mode-selector-radio\">\n <input type=\"radio\" name=\"some-name\" class=\"mode-selector-radio-input\">\n <span class=\"mode-selector-radio-label\"><i class=\"icon-md-desktop\"></i> lorem ipsum dolor sit amet, consectetur adipiscing elit</span>\n </label>\n </div>\n</div>\n```\n*/\n.mode-selector {\n display: flex;\n flex-direction: column;\n position: relative;\n margin-block-end: 16px;\n align-items: center;\n}\n.mode-selector-item,\n.mode-selector-radio,\n.mode-selector-radio-label {\n display: flex;\n align-items: center;\n}\n.mode-selector-item {\n inline-size: 100%;\n margin-block: 0 4px;\n margin-inline: 0;\n}\n.mode-selector-item:last-child {\n margin: 0;\n}\n.mode-selector-radio {\n box-sizing: border-box;\n position: relative;\n inline-size: 100%;\n padding-block: 12px;\n padding-inline: 16px;\n border-radius: 2px;\n background-color: #fff;\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);\n cursor: pointer;\n}\n.mode-selector-radio:hover {\n background-color: #d6f3ff;\n box-shadow: 0 2px 6px #daebf2;\n}\n.mode-selector-radio.checked {\n background-color: #f5f5f5;\n box-shadow: none;\n}\n.mode-selector .mode-selector-radio-input {\n margin: 0;\n vertical-align: middle;\n flex: 0 0 auto;\n}\n.mode-selector-radio-label {\n margin-inline-start: 8px;\n z-index: 5;\n font-size: 12px;\n line-height: 1.333;\n}\n.mode-selector-radio-label [class^=\"icon-md-\"],\n.mode-selector-radio-label [class*=\" icon-md-\"] {\n flex: 0 0 auto;\n margin-inline-end: 8px;\n}\n.icon-md-desktop {\n background-image: url(\"../icons/32/plesk/desktop.png\");\n}\n.icon-md-cloud {\n background-image: url(\"../icons/32/plesk/cloud.png\");\n}\n@media (min-width: 768px) {\n .mode-selector {\n flex-direction: row;\n }\n .field-value .mode-selector::after {\n inset-inline-start: -215px;\n }\n .mode-selector-item {\n inline-size: auto;\n align-self: stretch;\n margin-block: 0;\n margin-inline: 0 4px;\n }\n .mode-selector-radio {\n align-self: stretch;\n max-inline-size: 290px;\n }\n .mode-selector-radio.checked::after {\n display: block;\n position: absolute;\n pointer-events: none;\n content: \"\";\n transform: rotate(45deg);\n inline-size: 20px;\n block-size: 20px;\n background-color: #f5f5f5;\n z-index: 2;\n inset-block-end: -8px;\n inset-inline-start: 50%;\n margin-block: 0;\n margin-inline: -10px 0;\n border-end-end-radius: 4px;\n }\n}\n.pul-section--vertical .mode-selector {\n flex-direction: column;\n}\n.pul-section--vertical .mode-selector-item {\n margin-block: 0 4px;\n margin-inline: 0;\n}\n.pul-section--vertical .mode-selector-item:last-child {\n margin: 0;\n}\n.pul-section--vertical .mode-selector-radio {\n max-inline-size: none;\n}\n.pul-section--vertical .mode-selector-radio.checked::after {\n display: none;\n}\n/* doc\n---\ntitle: \"Form Flow\"\nname: form-flow\ncategory: \"Components - Form Flow\"\n---\n\n- [form-flow.less] (https://git.plesk.tech/projects/PLESK/repos/plesk/browse/common/theme/less/core/form-flow.less)\n- [Description] (https://docs.plesk.ru/display/PPP/05+-+Widgets#id-05-Widgets-FormFlow)\n\n```html_example\n<div class=\"form-flow\">\n <div class=\"form-flow-item\">\n <div class=\"form-flow-item-image\"><img src=\"http://placehold.it/96x96/\" alt=\"\"></div>\n <div class=\"form-flow-item-name\">Your Website</div>\n <div class=\"form-flow-item-content\">\n <p>Description</p>\n </div>\n </div>\n <div class=\"form-flow-item\">\n <div class=\"form-flow-item-image\"><img src=\"http://placehold.it/96x96/\" alt=\"\"></div>\n <div class=\"form-flow-item-name\">Your Website</div>\n <div class=\"form-flow-item-content\">\n <p>Description</p>\n </div>\n </div>\n</div>\n```\n*/\n.form-flow {\n display: flex;\n flex-direction: column;\n}\n.form-flow-item {\n position: relative;\n inline-size: 100%;\n padding-block-end: 48px;\n margin-block-end: 16px;\n animation: fade 0.3s ease-in-out;\n}\n.form-flow-item::after {\n display: block;\n position: absolute;\n content: \"\";\n inset-block-end: 0;\n inset-inline-start: 32px;\n inline-size: 32px;\n block-size: 32px;\n background: 0 50% no-repeat;\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -2.6 32 32'%3E%3Cpath fill='%2380AF26' d='M1 11a1 1 0 0 0-1 1v2.002a1 1 0 0 0 1 1h24.342l-7.62 7.704a1.013 1.013 0 0 0 0 1.422l1.391 1.407a.987.987 0 0 0 1.407 0l11.187-11.31a1.01 1.01 0 0 0 .286-.812 1.01 1.01 0 0 0-.286-.811L20.52 1.292a.987.987 0 0 0-1.407 0l-1.392 1.407a1.013 1.013 0 0 0 0 1.422L24.525 11H1z'/%3E%3C/svg%3E\");\n background-size: contain;\n transform: rotate(90deg);\n}\n.form-flow-item:last-child {\n padding-block-end: 0;\n}\n.form-flow-item:last-child::after {\n display: none;\n}\n.form-flow-item-name {\n font-weight: 600;\n}\n.form-flow-item-image,\n.form-flow-item-name {\n margin-block-end: 4px;\n}\n.form-flow-item .form-row .field-name {\n float: none;\n inline-size: auto;\n margin: 0;\n font-weight: 400;\n}\n.form-flow-item .form-row .field-value {\n float: none;\n margin-inline-start: 0;\n}\n.form-flow-item .form-row input[type=\"text\"],\n.form-flow-item .form-row .input-text {\n margin-block: 4px;\n margin-inline: 0;\n}\n.form-flow-item-image img {\n max-inline-size: 96px;\n}\n.form-flow-item-content {\n word-wrap: break-word;\n overflow-wrap: break-word;\n}\n@media (min-width: 768px) {\n .form-flow-item::after {\n inset-inline-start: 32px;\n margin-inline-start: 0;\n }\n}\n@media (min-width: 1026px) {\n .form-flow {\n flex-flow: row wrap;\n }\n .form-flow-item {\n inline-size: auto;\n padding-block: 0;\n padding-inline: 0 64px;\n margin-inline-end: 32px;\n }\n .form-flow-item::after {\n transform: rotate(0) /*rtl:rotate(180deg)*/;\n inset-block: 0 auto;\n inset-inline-start: auto;\n margin-block-start: 98px;\n margin-inline: 0;\n }\n .form-flow-item:last-child {\n padding: 0;\n margin-inline-end: 0;\n }\n .form-flow-item-content {\n max-inline-size: 320px;\n }\n}\n.pul-section--vertical .form-flow {\n flex-direction: column;\n}\n.pul-section--vertical .form-flow-item {\n inline-size: 100%;\n padding-block: 0 48px;\n padding-inline: 0;\n margin-block: 0 16px;\n margin-inline: 0;\n}\n.pul-section--vertical .form-flow-item::after {\n inset-block: auto 0;\n inset-inline: 32px auto;\n inline-size: 32px;\n block-size: 32px;\n transform: rotate(90deg);\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n// Flexbox helpers\n\n// Flex container\n.flex {\n display: flex;\n}\n\n.inline-flex {\n display: inline-flex;\n}\n\n.flex--row {\n flex-direction: row;\n}\n\n.flex--row-reverse {\n flex-direction: row-reverse;\n}\n\n.flex--column {\n flex-direction: column;\n}\n\n.flex--column-reverse {\n flex-direction: column-reverse;\n}\n\n.flex--wrap {\n flex-wrap: wrap;\n}\n\n.flex--wrap-reverse {\n flex-wrap: wrap-reverse;\n}\n\n.flex--nowrap {\n flex-wrap: nowrap;\n}\n\n.flex--main-start {\n justify-content: flex-start;\n}\n\n.flex--main-end {\n justify-content: flex-end;\n}\n\n.flex--main-center {\n justify-content: center;\n}\n\n.flex--main-between {\n justify-content: space-between;\n}\n\n.flex--main-around {\n justify-content: space-around;\n}\n\n.flex--cross-start {\n align-items: flex-start;\n}\n\n.flex--cross-end {\n align-items: flex-end;\n}\n\n.flex--cross-center {\n align-items: center;\n}\n\n.flex--cross-baseline {\n align-items: baseline;\n}\n\n.flex--cross-stretch {\n align-items: stretch;\n}\n\n.flex--content-start {\n align-content: flex-start;\n}\n\n.flex--content-end {\n align-content: flex-end;\n}\n\n.flex--content-center {\n align-content: center;\n}\n\n.flex--content-between {\n align-content: space-between;\n}\n\n.flex--content-around {\n align-content: space-around;\n}\n\n.flex--content-stretch {\n align-content: stretch;\n}\n\n// Flex item\n.flex--none {\n flex: none; // 0 0 auto\n}\n\n.flex--auto {\n flex: auto; // 1 1 auto\n}\n\n.flex--1 {\n flex: 1; // 1 1 0%\n}\n\n.flex--grow {\n flex: 1 0 auto;\n}\n\n.flex--shrink {\n flex: 0 1 auto;\n}\n\n.flex--self-start {\n align-self: flex-start;\n}\n\n.flex--self-end {\n align-self: flex-end;\n}\n\n.flex--self-center {\n align-self: center;\n}\n\n.flex--self-baseline {\n align-self: baseline;\n}\n\n.flex--self-stretch {\n align-self: stretch;\n}\n\n.flex--first {\n order: -1;\n}\n\n.flex--last {\n order: 99;\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.page-content-only {\n .pul-layout__header,\n .pul-layout__sidebar,\n .pul-layout__footer {\n display: none;\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n@import \"_variables\";\n\n@media (min-width: @breakpoint-medium) {\n .two-cols-block {\n display: table;\n inline-size: 100%;\n white-space: nowrap;\n\n .columns-wrapper {\n display: table-row;\n }\n\n .first-col,\n .second-col {\n display: table-cell;\n inline-size: 50%;\n vertical-align: top;\n white-space: normal;\n }\n\n .first-col .column-box {\n padding-block: 0;\n padding-inline: 0 16px;\n }\n\n .second-col .column-box {\n padding-block: 0;\n padding-inline: 16px 0;\n }\n\n .gauge-wrapper {\n max-inline-size: 200px;\n }\n }\n}\n\n// TODO: Need rework context promo block in ext-catalog\n.plesk-ext-catalog-context-promos__content-wrapper--hide {\n .b-content-main > div,\n .b-content-side > div {\n position: static !important;\n }\n}\n\n@media (min-width: 768px) {\n .b-content-wrap .plesk-ext-catalog-context-promos__content-side--hide {\n inset-inline-end: 24px;\n }\n}\n\n.b-content-side--collapsed {\n display: none;\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n@import \"_variables\";\n\n/* doc\n---\ntitle: \"Grid\"\nname: grid\ncategory: \"Components - Grid\"\n---\n\n- [grid.less](https://git.plesk.tech/projects/PLESK/repos/plesk/browse/common/theme/less/core/grid.less)\n\n### Modifiers\n```\ngrid-(sm|md|lg|xl|xxl|xxxl)-(1-6)\ngrid-col-(sm|md|lg|xl|xxl|xxxl)-(1-12)\ngrid-gutter-(xs|sm|md|lg|xl|collapsed)\ngrid-stretched\ngrid-divided-horizontal\ngrid-divided-vertical-solid\n```\n```html_example\n<div class=\"grid grid-md-2 grid-xl-3\">\n <div class=\"grid-col\"></div>\n <div class=\"grid-col\"></div>\n <div class=\"grid-col\"></div>\n <div class=\"grid-col\"></div>\n <div class=\"grid-col\"></div>\n <div class=\"grid-col\"></div>\n</div>\n```\n### Different Width Columns\n```html_example\n<div class=\"grid\">\n <div class=\"grid-col grid-col-md-4\"></div>\n <div class=\"grid-col grid-col-md-8\"></div>\n <div class=\"grid-col grid-col-md-1\"></div>\n <div class=\"grid-col grid-col-md-2\"></div>\n <div class=\"grid-col grid-col-md-3\"></div>\n <div class=\"grid-col grid-col-md-6\"></div>\n <div class=\"grid-col grid-col-md-8\"></div>\n <div class=\"grid-col grid-col-md-2\"></div>\n <div class=\"grid-col grid-col-md-2\"></div>\n</div>\n```\n*/\n\n// Variables\n// ========================================================================\n@grid-columns: 12;\n@grid-gutter-inline-size: 10px;\n@grid-gutter-xs-inline-size: 1px;\n@grid-gutter-sm-inline-size: 5px;\n@grid-gutter-md-inline-size: 10px;\n@grid-gutter-lg-inline-size: 16px;\n@grid-gutter-xl-inline-size: 20px;\n@grid-gutter-collapse-inline-size: 0;\n@grid-divided-gutter-inline-size: 15px;\n@grid-divided-divider-size: 1px;\n@grid-divided-divider-color: #ddd;\n\n// Mixins\n// ========================================================================\n.generate-grid(@class, @index: 2) when (@index =< 6) {\n .grid-@{class}-@{index} > .grid-col {\n inline-size: (1 / @index * 100%);\n }\n .generate-grid(@class, @index + 1);\n}\n.generate-column(@class, @index: 1) when (@index =< @grid-columns) {\n .grid-col-@{class}-@{index} {\n inline-size: percentage((@index / @grid-columns)) !important;\n }\n .generate-column(@class, @index + 1);\n}\n\n// Grid\n// ========================================================================\n\n.grid {\n display: flex;\n flex-flow: row wrap;\n align-items: stretch;\n box-sizing: border-box;\n margin: -@grid-gutter-inline-size;\n padding: 0;\n\n + .grid {\n margin-block-start: @grid-gutter-inline-size;\n }\n\n + .grid-gutter-xs {\n margin-block-start: @grid-gutter-xs-inline-size;\n }\n\n + .grid-gutter-sm {\n margin-block-start: @grid-gutter-sm-inline-size;\n }\n\n + .grid-gutter-md {\n margin-block-start: @grid-gutter-md-inline-size;\n }\n\n + .grid-gutter-lg {\n margin-block-start: @grid-gutter-lg-inline-size;\n }\n\n + .grid-gutter-xl {\n margin-block-start: @grid-gutter-xl-inline-size;\n }\n\n > .grid-col {\n position: relative;\n display: inline-block;\n inline-size: 100%;\n padding: @grid-gutter-inline-size;\n vertical-align: top;\n box-sizing: inherit;\n }\n\n > * {\n padding-inline: @grid-gutter-inline-size;\n box-sizing: inherit;\n }\n\n > .grid:first-child {\n margin-block-start: 0;\n }\n\n > .grid:last-child {\n margin-block-end: 0;\n }\n}\n\n@media (min-width: @breakpoint-small) {\n .generate-grid(sm);\n .generate-column(sm);\n}\n\n@media (min-width: @breakpoint-medium) {\n .generate-grid(md);\n .generate-column(md);\n}\n\n@media (min-width: @breakpoint-large) {\n .generate-grid(lg);\n .generate-column(lg);\n}\n\n@media (min-width: @breakpoint-xlarge) {\n .generate-grid(xl);\n .generate-column(xl);\n}\n\n@media (min-width: @breakpoint-xxlarge) {\n .generate-grid(xxl);\n .generate-column(xxl);\n}\n\n@media (min-width: @breakpoint-xxxlarge) {\n .generate-grid(xxxl);\n .generate-column(xxxl);\n}\n\n/* doc\n---\ntitle: \"Grid Gutters\"\nname: grid-01\ncategory: \"Components - Grid\"\n---\n```html_example\n<div class=\"grid grid-md-2 grid-gutter-collapsed\">\n <div class=\"grid-col\"></div>\n <div class=\"grid-col\"></div>\n</div>\n<div class=\"grid grid-md-2 grid-gutter-xs\">\n <div class=\"grid-col\"></div>\n <div class=\"grid-col\"></div>\n</div>\n<div class=\"grid grid-md-2 grid-gutter-sm\">\n <div class=\"grid-col\"></div>\n <div class=\"grid-col\"></div>\n</div>\n<div class=\"grid grid-md-2 grid-gutter-md\">\n <div class=\"grid-col\"></div>\n <div class=\"grid-col\"></div>\n</div>\n<div class=\"grid grid-md-2 grid-gutter-lg\">\n <div class=\"grid-col\"></div>\n <div class=\"grid-col\"></div>\n</div>\n<div class=\"grid grid-md-2 grid-gutter-xl\">\n <div class=\"grid-col\"></div>\n <div class=\"grid-col\"></div>\n</div>\n```\n*/\n\n.grid-gutter-collapsed {\n margin: @grid-gutter-collapse-inline-size;\n\n .grid + & {\n margin-block-start: @grid-gutter-inline-size * 2;\n }\n\n + .grid-gutter-collapsed {\n margin-block-start: @grid-gutter-collapse-inline-size;\n }\n\n > .grid-col {\n padding: @grid-gutter-collapse-inline-size;\n }\n\n > * {\n padding-inline: @grid-gutter-collapse-inline-size;\n }\n}\n\n.grid-gutter-xs {\n margin: -@grid-gutter-xs-inline-size;\n\n > .grid-col {\n padding: @grid-gutter-xs-inline-size;\n }\n\n > * {\n padding-inline: @grid-gutter-xs-inline-size;\n }\n}\n\n.grid-gutter-sm {\n margin: -@grid-gutter-sm-inline-size;\n\n > .grid-col {\n padding: @grid-gutter-sm-inline-size;\n }\n\n > * {\n padding-inline: @grid-gutter-sm-inline-size;\n }\n}\n\n.grid-gutter-md {\n margin: -@grid-gutter-md-inline-size;\n\n > .grid-col {\n padding: @grid-gutter-md-inline-size;\n }\n\n > * {\n padding-inline: @grid-gutter-md-inline-size;\n }\n}\n\n.grid-gutter-lg {\n margin: -@grid-gutter-lg-inline-size;\n\n > .grid-col {\n padding: @grid-gutter-lg-inline-size;\n }\n\n > * {\n padding-inline: @grid-gutter-lg-inline-size;\n }\n}\n\n.grid-gutter-xl {\n margin: -@grid-gutter-xl-inline-size;\n\n > .grid-col {\n padding: @grid-gutter-xl-inline-size;\n }\n\n > * {\n padding-inline: @grid-gutter-xl-inline-size;\n }\n}\n\n.grid--gutters {\n margin-block: 0;\n margin-inline: -16px 0;\n\n .grid-col {\n padding-block: 0 16px;\n padding-inline: 16px 0;\n }\n}\n\n.grid--gutters-lg {\n margin-block: 0;\n margin-inline: -32px 0;\n\n .grid-col {\n padding-block: 0 32px;\n padding-inline: 32px 0;\n }\n}\n\n/* doc\n---\ntitle: \"Grid Stretched\"\nname: grid-02\ncategory: \"Components - Grid\"\n---\n```html_example\n<div class=\"grid grid-md-2 grid-xl-3 grid-stretched\">\n <div class=\"grid-col\"><div>1<br>2<br>3<br>4<br>5</div></div>\n <div class=\"grid-col\"><div></div></div>\n <div class=\"grid-col\"><div></div></div>\n <div class=\"grid-col\"><div></div></div>\n <div class=\"grid-col\"><div></div></div>\n <div class=\"grid-col\"><div></div></div>\n</div>\n```\n*/\n\n.grid-stretched > .grid-col {\n display: inline-flex !important;\n align-self: stretch;\n flex-direction: column;\n\n > * {\n flex-grow: 1;\n }\n}\n\n/* doc\n---\ntitle: \"Grid Divided\"\nname: grid-03\ncategory: \"Components - Grid\"\n---\nIt is required to use column count classes with increase index\n\nExamples:\n\n```html_code_example\n<div class=\"grid grid-md-3 grid-lg-4 grid-xl-5 grid-divided-vertical-solid\"></div> - correct\n<div class=\"grid grid-md-4 grid-xl-3 grid-divided-vertical-solid\"></div> - incorrect\n```\n```html_example\n<div class=\"grid grid-lg-2 grid-xl-3 grid-divided-horizontal grid-divided-vertical-solid\">\n <div class=\"grid-col\"><div></div></div>\n <div class=\"grid-col\"><div></div></div>\n <div class=\"grid-col\"><div></div></div>\n <div class=\"grid-col\"><div></div></div>\n <div class=\"grid-col\"><div></div></div>\n <div class=\"grid-col\"><div></div></div>\n</div>\n```\n*/\n\n/* Divided vertical */\n.grid-divided-vertical-solid {\n position: relative;\n margin-inline: -@grid-divided-gutter-inline-size;\n\n > .grid-col,\n > * {\n padding-inline: @grid-divided-gutter-inline-size;\n }\n\n > .grid-col::after {\n position: absolute;\n inset-block: @grid-gutter-inline-size;\n inline-size: @grid-divided-divider-size;\n margin-inline-start: -@grid-divided-gutter-inline-size;\n background-color: @grid-divided-divider-color;\n }\n\n &.grid-divided-horizontal > .grid-col::after {\n inset-block: @grid-divided-gutter-inline-size;\n }\n\n @media (min-width: @breakpoint-small) {\n &.grid-sm-2 > .grid-col:nth-child(n + 2):nth-child(-n + 2),\n &.grid-sm-3 > .grid-col:nth-child(n + 2):nth-child(-n + 3),\n &.grid-sm-4 > .grid-col:nth-child(n + 2):nth-child(-n + 4),\n &.grid-sm-5 > .grid-col:nth-child(n + 2):nth-child(-n + 5),\n &.grid-sm-6 > .grid-col:nth-child(n + 2):nth-child(-n + 6) {\n position: static;\n\n &::after {\n content: \"\";\n }\n }\n }\n\n @media (min-width: @breakpoint-medium) {\n &.grid-md-2 > .grid-col:nth-child(n + 2):nth-child(-n + 2),\n &.grid-md-3 > .grid-col:nth-child(n + 2):nth-child(-n + 3),\n &.grid-md-4 > .grid-col:nth-child(n + 2):nth-child(-n + 4),\n &.grid-md-5 > .grid-col:nth-child(n + 2):nth-child(-n + 5),\n &.grid-md-6 > .grid-col:nth-child(n + 2):nth-child(-n + 6) {\n position: static;\n\n &::after {\n content: \"\";\n }\n }\n }\n\n @media (min-width: @breakpoint-large) {\n &.grid-lg-2 > .grid-col:nth-child(n + 2):nth-child(-n + 2),\n &.grid-lg-3 > .grid-col:nth-child(n + 2):nth-child(-n + 3),\n &.grid-lg-4 > .grid-col:nth-child(n + 2):nth-child(-n + 4),\n &.grid-lg-5 > .grid-col:nth-child(n + 2):nth-child(-n + 5),\n &.grid-lg-6 > .grid-col:nth-child(n + 2):nth-child(-n + 6) {\n position: static;\n\n &::after {\n content: \"\";\n }\n }\n }\n\n @media (min-width: @breakpoint-xlarge) {\n &.grid-xl-2 > .grid-col:nth-child(n + 2):nth-child(-n + 2),\n &.grid-xl-3 > .grid-col:nth-child(n + 2):nth-child(-n + 3),\n &.grid-xl-4 > .grid-col:nth-child(n + 2):nth-child(-n + 4),\n &.grid-xl-5 > .grid-col:nth-child(n + 2):nth-child(-n + 5),\n &.grid-xl-6 > .grid-col:nth-child(n + 2):nth-child(-n + 6) {\n position: static;\n\n &::after {\n content: \"\";\n }\n }\n }\n\n @media (min-width: @breakpoint-xxlarge) {\n &.grid-xxl-2 > .grid-col:nth-child(n + 2):nth-child(-n + 2),\n &.grid-xxl-3 > .grid-col:nth-child(n + 2):nth-child(-n + 3),\n &.grid-xxl-4 > .grid-col:nth-child(n + 2):nth-child(-n + 4),\n &.grid-xxl-5 > .grid-col:nth-child(n + 2):nth-child(-n + 5),\n &.grid-xxl-6 > .grid-col:nth-child(n + 2):nth-child(-n + 6) {\n position: static;\n\n &::after {\n content: \"\";\n }\n }\n }\n\n @media (min-width: @breakpoint-xxxlarge) {\n &.grid-xxl-2 > .grid-col:nth-child(n + 2):nth-child(-n + 2),\n &.grid-xxl-3 > .grid-col:nth-child(n + 2):nth-child(-n + 3),\n &.grid-xxl-4 > .grid-col:nth-child(n + 2):nth-child(-n + 4),\n &.grid-xxl-5 > .grid-col:nth-child(n + 2):nth-child(-n + 5),\n &.grid-xxl-6 > .grid-col:nth-child(n + 2):nth-child(-n + 6) {\n position: static;\n\n &::after {\n content: \"\";\n }\n }\n }\n}\n\n/* Divided horizontal */\n.grid-divided-horizontal {\n margin-block: -@grid-divided-gutter-inline-size;\n\n + .grid {\n margin-block-start: @grid-divided-gutter-inline-size;\n }\n\n > .grid-col,\n > * {\n padding-block: @grid-divided-gutter-inline-size;\n }\n\n > .grid-col::before {\n position: absolute;\n inset-inline: @grid-gutter-inline-size;\n block-size: @grid-divided-divider-size;\n margin-block-start: -@grid-divided-gutter-inline-size;\n content: \"\";\n background-color: @grid-divided-divider-color;\n }\n\n &.grid-divided-vertical-solid > .grid-col::before {\n inset-inline: @grid-divided-gutter-inline-size;\n }\n\n > .grid-col:first-child::before {\n display: none;\n }\n\n @media (min-width: @breakpoint-small) {\n &.grid-sm-2 > .grid-col:nth-child(n + 1):nth-child(-n + 2)::before,\n &.grid-sm-3 > .grid-col:nth-child(n + 1):nth-child(-n + 3)::before,\n &.grid-sm-4 > .grid-col:nth-child(n + 1):nth-child(-n + 4)::before,\n &.grid-sm-5 > .grid-col:nth-child(n + 1):nth-child(-n + 5)::before,\n &.grid-sm-6 > .grid-col:nth-child(n + 1):nth-child(-n + 6)::before {\n display: none;\n }\n }\n\n @media (min-width: @breakpoint-medium) {\n &.grid-md-2 > .grid-col:nth-child(n + 1):nth-child(-n + 2)::before,\n &.grid-md-3 > .grid-col:nth-child(n + 1):nth-child(-n + 3)::before,\n &.grid-md-4 > .grid-col:nth-child(n + 1):nth-child(-n + 4)::before,\n &.grid-md-5 > .grid-col:nth-child(n + 1):nth-child(-n + 5)::before,\n &.grid-md-6 > .grid-col:nth-child(n + 1):nth-child(-n + 6)::before {\n display: none;\n }\n }\n\n @media (min-width: @breakpoint-large) {\n &.grid-lg-2 > .grid-col:nth-child(n + 1):nth-child(-n + 2)::before,\n &.grid-lg-3 > .grid-col:nth-child(n + 1):nth-child(-n + 3)::before,\n &.grid-lg-4 > .grid-col:nth-child(n + 1):nth-child(-n + 4)::before,\n &.grid-lg-5 > .grid-col:nth-child(n + 1):nth-child(-n + 5)::before,\n &.grid-lg-6 > .grid-col:nth-child(n + 1):nth-child(-n + 6)::before {\n display: none;\n }\n }\n\n @media (min-width: @breakpoint-xlarge) {\n &.grid-xl-2 > .grid-col:nth-child(n + 1):nth-child(-n + 2)::before,\n &.grid-xl-3 > .grid-col:nth-child(n + 1):nth-child(-n + 3)::before,\n &.grid-xl-4 > .grid-col:nth-child(n + 1):nth-child(-n + 4)::before,\n &.grid-xl-5 > .grid-col:nth-child(n + 1):nth-child(-n + 5)::before,\n &.grid-xl-6 > .grid-col:nth-child(n + 1):nth-child(-n + 6)::before {\n display: none;\n }\n }\n\n @media (min-width: @breakpoint-xxlarge) {\n &.grid-xxl-2 > .grid-col:nth-child(n + 1):nth-child(-n + 2)::before,\n &.grid-xxl-3 > .grid-col:nth-child(n + 1):nth-child(-n + 3)::before,\n &.grid-xxl-4 > .grid-col:nth-child(n + 1):nth-child(-n + 4)::before,\n &.grid-xxl-5 > .grid-col:nth-child(n + 1):nth-child(-n + 5)::before,\n &.grid-xxl-6 > .grid-col:nth-child(n + 1):nth-child(-n + 6)::before {\n display: none;\n }\n }\n\n @media (min-width: @breakpoint-xxxlarge) {\n &.grid-xxxl-2 > .grid-col:nth-child(n + 1):nth-child(-n + 2)::before,\n &.grid-xxxl-3 > .grid-col:nth-child(n + 1):nth-child(-n + 3)::before,\n &.grid-xxxl-4 > .grid-col:nth-child(n + 1):nth-child(-n + 4)::before,\n &.grid-xxxl-5 > .grid-col:nth-child(n + 1):nth-child(-n + 5)::before,\n &.grid-xxxl-6 > .grid-col:nth-child(n + 1):nth-child(-n + 6)::before {\n display: none;\n }\n }\n}\n\n.flex-grid {\n display: flex;\n flex-wrap: wrap;\n\n &__col {\n flex: 1;\n }\n}\n\n.flex-grid--gutters {\n margin-block: 0;\n margin-inline: -16px 0;\n\n .flex-grid__col {\n margin-block: 0 16px;\n margin-inline: 16px 0;\n flex: 1 0 200px;\n }\n\n &-sm {\n margin-inline-start: -10px;\n\n .flex-grid__col {\n margin-block: 0 10px;\n margin-inline: 10px 0;\n }\n }\n\n &-md {\n margin-inline-start: -16px;\n\n .flex-grid__col {\n margin-block: 0 16px;\n margin-inline: 16px 0;\n }\n }\n\n &-lg {\n margin-inline-start: -20px;\n\n .flex-grid__col {\n margin-block: 0 20px;\n margin-inline: 20px 0;\n }\n }\n\n &-xl {\n margin-inline-start: -32px;\n\n .flex-grid__col {\n margin-block: 0 32px;\n margin-inline: 32px 0;\n }\n\n + .flex-grid--attached {\n margin-block-start: -32px;\n }\n }\n}\n\n/* - Content with Grid - */\n.b-grid-list {\n margin: 0;\n padding: 0;\n list-style: none;\n letter-spacing: -4px;\n}\n\n.b-grid-item {\n display: inline-block;\n inline-size: 100%;\n vertical-align: top;\n letter-spacing: 0;\n word-spacing: 0;\n}\n\n.b-grid-gapped .b-grid-list {\n margin-block: 0;\n margin-inline: -10px;\n}\n\n.b-grid-gapped .b-grid-item-wrap {\n padding-block: 0;\n padding-inline: 10px;\n}\n\n@media (min-width: @breakpoint-small) {\n .b-grid-2 .b-grid-item,\n .b-grid-3 .b-grid-item,\n .b-grid-4 .b-grid-item {\n inline-size: 50%;\n }\n}\n\n@media (min-width: @breakpoint-medium) {\n .b-grid-3 .b-grid-item {\n inline-size: 33.333%;\n }\n\n .b-grid-3 .b-grid-item-2 {\n inline-size: 66.666%;\n }\n\n .b-grid-4 .b-grid-item {\n inline-size: 25%;\n }\n\n .b-grid-4 .b-grid-item-2 {\n inline-size: 50%;\n }\n\n .b-grid-4 .b-grid-item-3 {\n inline-size: 75%;\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n@import \"_variables\";\n@import \"_mixins\";\n\n/* doc\n---\ntitle: \"Section Title\"\nname: headings-03\ncategory: \"Components - Headings\"\n---\n```html_example\n<div class=\"tools-list-box\"> <!-- list-box, form-box -->\n <div class=\"box-area\">\n <div class=\"title\">\n <div class=\"title-area\">\n <h3><span>Section Title</span></h3>\n </div>\n </div>\n </div>\n</div>\n<br>\n<h3 class=\"section-title section-title--divider\">\n <a class=\"section-title__link\" href=\"#!\">Most Popular</a>\n</h3>\n```\n*/\n.tools-list-box,\n.list-box,\n.form-box {\n .title h3 {\n margin-block: 0 @base-margin-block;\n margin-inline: 0;\n padding: 0;\n font-size: 20px;\n font-weight: 600;\n line-height: 1.2;\n }\n}\n\n.section-title {\n margin-block-end: 16px;\n font-size: 20px;\n font-weight: 600;\n line-height: 1.2;\n color: @base-heading-color;\n\n &--divider {\n border: none;\n padding-block-end: 0;\n }\n\n &__link {\n cursor: pointer;\n color: @base-heading-color;\n text-decoration: none;\n\n &:hover {\n color: @base-link-hover-color;\n text-decoration: none;\n }\n }\n}\n\n/* doc\n---\ntitle: \"Unstyled List\"\nname: typography-05\ncategory: \"Components - Typography\"\n---\n\n- [type.less] (https://git.plesk.tech/projects/PLESK/repos/plesk/browse/common/theme/less/core/type.less)\n\n```html_example\n<ul class=\"list-unstyled\">\n <li>unstyled item</li>\n <li>unstyled item</li>\n <li>unstyled item</li>\n</ul>\n```\n*/\n.list-unstyled {\n padding-inline-start: 0;\n list-style: none;\n}\n\n/* doc\n---\ntitle: \"Custom Unordered List\"\nname: typography-06\ncategory: \"Components - Typography\"\n---\n\n- [type.less] (https://git.plesk.tech/projects/PLESK/repos/plesk/browse/common/theme/less/core/type.less)\n\n```html_example\n<ul class=\"list-unordered\">\n <li>unordered item</li>\n <li><i class=\"icon-lock i-bullet\"></i>unordered item with custom icon-bullet</li>\n <li>another unordered item\n <ul class=\"list-unordered\">\n <li><i class=\"icon-lock i-bullet\"></i>unordered item with custom icon-bullet</li>\n <li>another unordered item</li>\n </ul>\n </li>\n <li>yet another unordered item</li>\n</ul>\n```\n*/\n.list-unordered {\n li {\n list-style: none;\n }\n\n li::before {\n content: \"\\00B7\";\n float: inline-start;\n inline-size: 16px;\n block-size: 16px;\n margin-block: 2px 0;\n margin-inline: -20px 0;\n font-family: Consolas, monospace, serif;\n font-size: 26px;\n line-height: 16px;\n text-align: center;\n }\n\n &__item--custom::before {\n display: none;\n }\n\n .i-bullet {\n float: inline-start;\n margin-block: 2px 0;\n margin-inline: -20px 0;\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n@import \"_variables\";\n@import \"_mixins\";\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea,\n.textarea {\n box-sizing: border-box;\n font: inherit;\n color: inherit;\n margin: 0;\n border-radius: 0;\n}\n\nbutton {\n overflow: visible;\n}\n\nbutton,\nselect {\n text-transform: none;\n}\n\nbutton,\nhtml input[type=\"button\"],\ninput[type=\"reset\"],\ninput[type=\"submit\"] {\n -webkit-appearance: button;\n cursor: pointer;\n}\n\nbutton[disabled],\nhtml input[disabled] {\n cursor: default;\n}\n\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner {\n border: 0;\n padding: 0;\n}\n\ninput {\n line-height: normal;\n}\n\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n appearance: none;\n margin-block: 0;\n margin-inline: 0 4px;\n inline-size: 20px;\n block-size: 20px;\n vertical-align: text-bottom;\n border: 1px solid #b5b5b5;\n border-radius: 2px;\n background-color: #fff;\n transition:\n border-color linear 0.2s,\n background-color linear 0.2s,\n box-shadow linear 0.2s;\n cursor: pointer;\n\n &:where(:hover) {\n border-color: #28aade;\n }\n\n &:where(:focus) {\n border-color: #28aade;\n box-shadow: 0 0 0 4px rgb(40 170 222 / 0.4);\n outline: none;\n }\n\n &:where(:checked) {\n border-color: #28aade;\n background-color: #28aade;\n }\n\n &:where(:disabled) {\n border-color: #dedede;\n background-color: rgb(237 237 237 / 0.4);\n cursor: not-allowed;\n }\n\n &:where(:disabled:checked)::before {\n background-color: #b5b5b5;\n }\n}\n\ninput[type=\"checkbox\"] {\n border-radius: 2px;\n}\n\ninput[type=\"radio\"] {\n display: inline-grid;\n place-items: center;\n border-radius: 50%;\n}\n\ninput[type=\"checkbox\"]::before {\n content: \"\";\n display: block;\n inline-size: 100%;\n block-size: 100%;\n background-position: 1px 2px;\n background-size: 16px 16px;\n background-repeat: no-repeat;\n}\n\ninput[type=\"radio\"]::before {\n content: \"\";\n display: block;\n inline-size: 8px;\n block-size: 8px;\n margin: auto;\n border-radius: 50%;\n}\n\ninput[type=\"checkbox\"]:where(:checked)::before {\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23fff' d='M13.57 1.18a1 1 0 01.25 1.39l-6.25 9a1 1 0 01-1.54.13L2.28 7.84a1 1 0 111.44-1.4l2.9 3 5.56-8.01a1 1 0 011.39-.25z'/%3E%3C/svg%3E\");\n transform: scale(1);\n}\n\ninput[type=\"radio\"]:where(:checked)::before {\n background-color: #fff;\n}\n\ninput[type=\"number\"]::-webkit-inner-spin-button,\ninput[type=\"number\"]::-webkit-outer-spin-button {\n block-size: auto;\n}\n\nfieldset {\n border: none;\n padding: 0;\n min-inline-size: 0;\n}\n\nlegend {\n inline-size: 100%;\n border: 0;\n padding-block: 0 16px;\n padding-inline: 0;\n font-size: @form-legend-font-size;\n font-weight: 600;\n line-height: @form-legend-line-height;\n\n input[type=\"checkbox\"] {\n transform: translateY(-3px);\n }\n}\n\noptgroup {\n font-weight: bold;\n}\n\n// stylelint-disable-next-line plugin/no-unsupported-browser-features\ninput:not([type=\"radio\"]):not([type=\"checkbox\"]),\nselect {\n vertical-align: middle;\n}\n\n// Controls\n.form-control,\ntextarea,\n.textarea,\ninput:not([type]),\ninput[type=\"text\"]:not(:where(.pul-select input)),\ninput[type=\"password\"],\ninput[type=\"datetime\"],\ninput[type=\"datetime-local\"],\ninput[type=\"date\"],\ninput[type=\"month\"],\ninput[type=\"time\"],\ninput[type=\"week\"],\ninput[type=\"number\"],\ninput[type=\"email\"],\ninput[type=\"url\"],\ninput[type=\"search\"],\ninput[type=\"tel\"],\ninput[type=\"color\"],\nselect {\n block-size: @form-block-size;\n max-inline-size: 100%;\n padding: @form-padding;\n border: 1px solid @form-border;\n border-radius: 2px;\n background-color: @form-background;\n color: @form-color;\n box-shadow: @form-shadow;\n transition: all linear 0.2s;\n\n &:hover {\n border-color: @form-hover-border;\n }\n\n &:focus {\n border-color: @form-focus-border;\n background-color: @form-focus-background;\n color: @form-focus-color;\n box-shadow: @form-focus-shadow;\n outline: 0;\n }\n\n &[readonly] {\n border-color: @form-border;\n background-color: @form-background;\n color: @form-color;\n }\n\n &[disabled] {\n border-color: @form-disabled-border;\n background-color: @form-disabled-background;\n color: @form-disabled-color;\n opacity: 1;\n box-shadow: @form-shadow;\n }\n\n .form-row &,\n .form-row .checkbox-group {\n margin-block-end: 4px;\n }\n\n .error & {\n border-color: @form-error-border;\n background-color: @form-error-background;\n }\n}\n\ntextarea,\n.textarea {\n block-size: auto;\n overflow: auto;\n vertical-align: top;\n}\n\nselect[multiple] {\n block-size: auto;\n min-block-size: @form-block-size;\n}\n\n// Placeholder\n::placeholder {\n opacity: 1;\n color: @form-placeholder-color;\n}\n\n:disabled::placeholder {\n color: @form-disabled-color;\n}\n\n/* doc\n---\ntitle: \"Text Input Single Line\"\nname: form-02\ncategory: \"Components - Form\"\n---\n```html_example\n<p><input type=\"text\" class=\"f-small-size input-text\"></p>\n<p><input type=\"text\" class=\"f-limits input-text\"></p>\n<p><input type=\"text\" class=\"f-date input-text\"> <input type=\"text\" class=\"f-date-year input-text\"></p>\n<p><input type=\"text\" class=\"input-text\"></p>\n<p><input type=\"text\" class=\"f-middle-size input-text\"></p>\n<p><input type=\"text\" class=\"f-big-size input-text\"></p>\n<p><input type=\"text\" class=\"f-large-size input-text\"></p>\n<p><input type=\"text\" class=\"f-max-size input-text\"></p>\n```\n*/\n// Size sub-modifiers\n.f-date {\n inline-size: @form-mini-inline-size;\n}\n\n.f-small-size,\n.f-date-year {\n inline-size: @form-small-inline-size;\n}\n\n.f-limits {\n inline-size: @form-xsmall-inline-size;\n}\n\n.f-middle-size {\n inline-size: @form-medium-inline-size;\n}\n\n.f-big-size {\n inline-size: @form-large-inline-size;\n}\n\n.f-large-size {\n inline-size: @form-xlarge-inline-size;\n}\n\n.f-max-size {\n inline-size: @form-max-inline-size;\n}\n\n.form-row,\n.field-value {\n box-sizing: border-box;\n min-block-size: @form-row-min-block-size;\n}\n\n.form-row {\n .clearfix();\n\n img {\n max-inline-size: 16px;\n vertical-align: -3px;\n }\n}\n\n.form-box,\n.form-table {\n margin-block-end: @form-gutter;\n}\n\n* + .form-row {\n margin-block-start: @form-row-gutter;\n}\n\n.form-box .single-row {\n margin-block-start: @form-horizontal-label-margin-block-start;\n}\n\n@media (max-width: @breakpoint-small-max) {\n .form-row .field-name {\n display: block;\n margin-block-end: @form-stacked-margin-block-end;\n font-weight: @form-stacked-font-weight;\n font-size: 12px;\n }\n}\n\n@media (max-width: @breakpoint-mini-max) {\n .f-large-size {\n inline-size: 100%;\n }\n\n .form-row .lookup {\n display: block;\n\n .input-group,\n .input-group .form-control {\n inline-size: 100%;\n }\n\n .input-group-btn {\n inline-size: 1%;\n }\n }\n}\n\n@media (min-width: @breakpoint-medium) {\n .form-row {\n .field-name {\n inline-size: @form-horizontal-label-inline-size;\n margin-block-start: @form-horizontal-label-margin-block-start;\n float: inline-start;\n }\n\n .field-value {\n margin-inline-start: @form-horizontal-controls-margin-inline-start;\n }\n\n .text-value {\n padding-block-start: @form-horizontal-controls-text-padding-block-start;\n }\n }\n}\n\n@media (min-width: @breakpoint-medium) and (max-width: @breakpoint-large) {\n .no-offset {\n .field-value {\n margin-inline-start: 0;\n }\n }\n\n .form-row {\n .field-value--reduced-offset {\n margin-inline-start: @form-horizontal-controls-margin-inline-start - 4px;\n }\n }\n}\n\n.form--vertical,\n.pul-section--vertical {\n .field-name {\n display: block;\n float: none;\n inline-size: 100%;\n margin-block-end: @form-stacked-margin-block-end;\n font-size: 12px;\n }\n\n .field-value {\n margin-inline-start: 0;\n }\n}\n\n.form-table {\n &.form-limits {\n inline-size: auto;\n }\n\n .form-row::before,\n .form-row::after {\n display: none;\n }\n\n > tbody > tr > td {\n min-block-size: 28px;\n vertical-align: top;\n padding-block: 4px;\n padding-inline: 0;\n\n + td {\n padding-inline-end: 16px;\n }\n }\n\n td.field-name {\n display: table-cell;\n }\n\n .field-name {\n float: none;\n margin: 0;\n padding-inline-end: 16px;\n }\n\n .field-value {\n display: table-cell;\n padding-block-start: 0;\n }\n}\n\n/* doc\n---\ntitle: \"Form Buttons Block\"\nname: form-03\ncategory: \"Components - Form\"\n---\n```html_example\n<div class=\"btns-box\">\n <div class=\"box-area\">\n <div class=\"form-row\">\n <div class=\"field-name\"><span class=\"required\">*</span> Required fields</div>\n <div class=\"field-value\">\n <button class=\"btn action\" type=\"button\">OK</button>\n <button class=\"btn\" type=\"button\">Cancel</button>\n </div>\n </div>\n </div>\n</div>\n```\n*/\n.form-row .btn,\n.form-row .s-btn {\n vertical-align: middle;\n margin-block-end: 4px;\n}\n\n.btns-box {\n margin-block: @form-gutter;\n margin-inline: 0;\n}\n\nfieldset .formArea .buttons,\nfieldset .buttons,\nfieldset .buttons td {\n padding-block-start: 0;\n border-block-start: 0;\n}\n\n.formFields > tbody > tr > td {\n min-block-size: 26px;\n vertical-align: top;\n padding-block: 4px;\n padding-inline: 0;\n\n + td {\n padding-inline-end: 10px;\n }\n\n td {\n padding-block-end: 5px;\n }\n}\n\n.formFields td.name {\n min-inline-size: 200px;\n}\n\n.formFields td.name,\n.formFields td.nameError,\n.footnote {\n inline-size: @form-horizontal-label-inline-size;\n padding-inline-end: 16px;\n}\n\n/*\n * Checkboxes and radio buttons\n */\n\n/* doc\n---\ntitle: \"Checkbox and Radio\"\nname: form-04\ncategory: \"Components - Form\"\n---\n```html_example\n<div class=\"form-row\">\n <label><input type=\"checkbox\"> checkbox</label> \n <label><input type=\"checkbox\"> checkbox</label>\n</div>\n<div class=\"form-row\">\n <label><input type=\"radio\" name=\"r\" id=\"r1\"> radio button</label> \n <label><input type=\"radio\" name=\"r\" id=\"r2\"> radio button</label>\n</div>\n<div class=\"form-row\">\n <div class=\"indent-box\">\n <input type=\"checkbox\" class=\"checkbox\" id=\"ch1\">\n <div class=\"indent-box-content\">\n <label for=\"ch1\">checkbox</label>\n <div class=\"hint\">description</div>\n </div>\n </div>\n</div>\n```\n*/\n\n/* doc\n---\ntitle: \"Set of Options\"\nname: form-05\ncategory: \"Components - Form\"\n---\n### checkbox-group\n```html_example\n<div class=\"checkbox-group\">\n <label><input type=\"checkbox\"> checkbox</label>\n <label><input type=\"checkbox\"> checkbox</label>\n</div>\n```\n### radio-group\n```html_example\n<div class=\"radio-group\">\n <label><input type=\"radio\"> checkbox</label>\n <label><input type=\"radio\"> checkbox</label>\n</div>\n```\n### multi-checkboxes\n```html_example\n<div class=\"multi-checkboxes\">\n <div class=\"checkbox-group\">\n <label><input type=\"checkbox\"> checkbox</label>\n <label><input type=\"checkbox\"> checkbox</label>\n </div>\n</div>\n```\n*/\n\n.checkbox-group,\n.radio-group {\n + .checkbox-group,\n + .radio-group {\n margin-block-start: 8px;\n }\n\n > label,\n > div {\n display: block;\n margin-block-start: 8px;\n padding-inline-start: 28px;\n }\n\n > :first-child {\n margin-block-start: 0;\n }\n\n label input[type=\"checkbox\"],\n label input[type=\"radio\"] {\n float: inline-start;\n margin-inline-start: -28px;\n }\n}\n\n.multi-checkboxes {\n .checkbox-group,\n .radio-group {\n display: grid;\n // stylelint-disable-next-line plugin/no-unsupported-browser-features\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 8px 16px;\n\n label {\n margin: 0;\n }\n }\n}\n\n.form-box {\n .options-set {\n padding-block-end: 0;\n\n label {\n display: block;\n padding-block: 0 4px;\n padding-inline: 20px 0;\n }\n }\n\n .options-set label input.radio,\n .options-set label input.checkbox,\n .indent input.radio,\n .indent input.checkbox {\n float: inline-start;\n margin-inline-start: -20px;\n }\n\n .indent {\n display: block;\n padding-inline-start: 20px;\n }\n}\n\n/* Hints and errors */\n\n.form-row .hint,\n.form-row .error-hint {\n display: block;\n max-inline-size: 500px;\n margin-block: 0 4px;\n margin-inline: 0;\n padding: 0;\n font-size: 12px;\n}\n\n.f-max-size + .hint,\n.f-max-size + .field-errors + .hint {\n max-inline-size: 100%;\n}\n\n.formFields .hint {\n margin-block: 4px;\n margin-inline: 0;\n font-size: 12px;\n}\n\n.error {\n position: relative;\n}\n\n.error-hint,\n.required {\n color: @form-error-color;\n}\n\n.field-errors.preformatted .error-hint {\n white-space: pre-wrap;\n}\n\n.level1 {\n display: block;\n padding-inline-start: 28px;\n\n .field-name {\n inline-size: 182px;\n }\n\n .field-value {\n margin-inline-start: 197px;\n }\n}\n\n.field-limits {\n display: table;\n}\n\n.field-limits .limit,\n.field-limits .unlimited {\n display: table-cell;\n white-space: nowrap;\n}\n\n.field-limits .limit {\n inline-size: 180px;\n padding-inline-end: 5px;\n}\n\n.form-row .ta-compact {\n block-size: 50px;\n}\n\n.form-row .ta-eula {\n inline-size: 560px;\n block-size: 356px;\n}\n\n.form-row .sb-item-remove {\n margin-block: 0;\n margin-inline: 20px 0;\n}\n\n.multicolumn-list {\n margin: 0;\n padding: 0;\n list-style: none;\n\n > li {\n display: inline-block;\n inline-size: 255px;\n vertical-align: top;\n }\n}\n\n.choice-block span {\n display: inline-block;\n margin-block: 3px;\n margin-inline: 0;\n padding-block: 1px;\n padding-inline: 5px;\n vertical-align: top;\n white-space: nowrap;\n line-height: 18px;\n}\n\n.choice-block .selected {\n background-color: @token-color-success-1;\n\n &.no {\n background-color: @token-color-danger-1;\n }\n}\n\n.field-value .inline-buttons a + a {\n margin-inline-start: 12px;\n}\n\n.formButtons {\n margin-block: 5px;\n margin-inline: 0;\n padding-block-start: 5px;\n text-align: end;\n\n .commonButton,\n input {\n margin-block: 0;\n margin-inline: 7px 0;\n }\n}\n\n.formFields td.limit,\n.formFields td.limitDate {\n inline-size: 145px;\n padding-inline-end: 5px;\n white-space: nowrap;\n}\n\n.formFields td.limitDate {\n inline-size: 155px;\n}\n\n.formFields td td.limit {\n padding-inline-start: 0;\n}\n\n.formFields td.withButton {\n vertical-align: middle;\n}\n\n#chkProceed {\n margin-inline-start: 3px;\n}\n\n.recommended {\n padding-inline-start: 20px;\n background: url(\"../icons/16/plesk/aps-featured.png\") 0 0 no-repeat;\n font-weight: bold;\n line-height: 16px;\n}\n\n.uploadAdd {\n padding-block: 0 1px;\n padding-inline: 20px 0;\n background: url(\"../icons/16/plesk/field-add.png\") 0 0 no-repeat;\n}\n\n.uploadRemove {\n margin-inline-start: 15px;\n padding-block: 0 1px;\n padding-inline: 20px 0;\n background: url(\"../icons/16/plesk/field-remove.png\") 0 0 no-repeat;\n}\n\n.formFields .warningHint {\n display: inline-block;\n margin-block: 0;\n margin-inline: 5px 0;\n padding-block: 0 1px;\n padding-inline: 20px 0;\n vertical-align: top;\n background: url(\"../icons/16/plesk/att.png\") 0 0 no-repeat;\n}\n\n.form-control-group {\n position: relative;\n\n .form-control {\n inline-size: 100%;\n margin: 0;\n padding-inline-end: 26px;\n }\n\n .form-control-icon {\n position: absolute;\n inset-block-start: 0;\n inset-inline-end: 0;\n block-size: 28px;\n inline-size: 26px;\n box-sizing: border-box;\n padding: 6px;\n line-height: 16px;\n }\n\n .form-control-icon-action {\n cursor: pointer;\n }\n}\n\n.icon-form-control-search {\n .svg-search(@token-color-grey-8);\n}\n\n.icon-form-control-clear {\n .svg-cross(@token-color-grey-8);\n}\n\n.dropdown-menu .form-control {\n background-color: #fff;\n}\n\n/* - Combobox / Lookup - */\n.btn-group-open,\n.combobox-open,\n.lookup-open {\n z-index: 1000;\n}\n\n.btn-group-open .dropdown-menu,\n.combobox-open .dropdown-menu,\n.lookup-open .dropdown-menu {\n display: block;\n}\n\n.combobox,\n.lookup {\n position: relative;\n display: inline-block;\n vertical-align: middle;\n white-space: nowrap;\n\n .form-row & {\n margin-block: 0 4px;\n margin-inline: 0;\n\n .form-control {\n margin-block-end: 0;\n }\n }\n\n .dropdown-menu {\n overflow: auto;\n box-sizing: border-box;\n min-inline-size: 100%;\n max-block-size: 192px;\n }\n}\n\n.dropdown-menu.lookup-dropdown-menu {\n min-inline-size: 320px;\n max-inline-size: 100%;\n word-wrap: break-word;\n overflow-wrap: break-word;\n box-shadow: @token-shadow-5;\n\n @media (min-width: @breakpoint-small) {\n max-inline-size: 400px;\n }\n\n @media (min-width: @breakpoint-medium) {\n max-inline-size: 500px;\n }\n\n .lookup & {\n min-inline-size: 100%;\n }\n\n > li > a {\n white-space: normal;\n }\n}\n\n.combobox {\n padding-inline-end: 28px;\n\n > .combobox-input {\n margin: 0 !important;\n border-start-start-radius: 2px;\n border-start-end-radius: 0;\n border-end-end-radius: 0;\n border-end-start-radius: 2px;\n }\n\n > .dropdown-toggle,\n > .dropdown-toggle button {\n min-block-size: 28px;\n min-inline-size: 28px;\n padding: 4px;\n border-start-start-radius: 0;\n border-start-end-radius: 2px;\n border-end-end-radius: 2px;\n border-end-start-radius: 0;\n\n .caret {\n margin: 0;\n }\n }\n\n > .dropdown-toggle {\n position: absolute;\n inset-block-start: 0;\n inset-inline-end: 0;\n margin: 0;\n }\n\n > .dropdown-toggle button {\n margin: -4px;\n }\n}\n\n.lookup {\n > .lookup-input {\n margin: 0 !important;\n padding-inline-end: 28px;\n }\n\n > .lookup-button,\n > .lookup-button button {\n min-block-size: 28px;\n min-inline-size: 28px;\n margin: 0;\n padding: 0;\n border: 0;\n box-shadow: none;\n\n &,\n &:hover,\n &:focus,\n &:active,\n &.active {\n background-color: transparent;\n box-shadow: none;\n }\n }\n\n > .lookup-button {\n position: absolute;\n inset-inline-end: 0;\n inset-block-start: 0;\n }\n\n > .lookup-button button {\n .svg-search(@token-color-grey-8);\n\n background-position: 50%;\n background-repeat: no-repeat;\n background-size: 16px;\n }\n\n > .lookup-button-clear button {\n .svg-cross(@token-color-grey-8);\n }\n\n .lookup-note {\n margin-block: 8px 0;\n margin-inline: 0;\n padding-block: 8px 0;\n padding-inline: 8px;\n border-block-start: 1px solid @token-color-grey-3;\n color: @base-body-color;\n }\n\n .lookup-empty {\n padding-block: 4px;\n padding-inline: 8px;\n color: @base-body-color;\n }\n\n input[type=\"text\"][readonly] {\n cursor: pointer;\n }\n\n .dropdown-menu * + & {\n margin-block-start: 5px;\n }\n}\n\n.input-group {\n position: relative;\n display: table;\n border-collapse: separate;\n\n .form-control {\n position: relative;\n z-index: 2;\n float: inline-start;\n block-size: 28px;\n margin: 0 !important;\n\n &[readonly] {\n cursor: pointer;\n }\n }\n}\n\n.input-group-btn,\n.input-group .form-control {\n display: table-cell;\n}\n\n.input-group-btn:not(:first-child):not(:last-child),\n.input-group .form-control:not(:first-child):not(:last-child) {\n border-radius: 0;\n}\n\n.input-group-btn {\n position: relative;\n vertical-align: top;\n white-space: nowrap;\n font-size: 0;\n\n > .btn,\n > .btn button {\n min-block-size: 28px;\n min-inline-size: 28px;\n padding: 4px;\n\n .caret {\n margin: 0 !important;\n }\n }\n\n > .btn {\n margin: 0;\n\n button {\n margin: -4px;\n }\n }\n\n &:hover,\n &:focus,\n &:active {\n z-index: 2;\n }\n}\n\n.input-group .form-control:first-child,\n.input-group-btn:first-child > .btn,\n.input-group-btn:first-child > .btn-group > .btn,\n.input-group-btn:first-child > .dropdown-toggle,\n.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),\n.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {\n border-start-end-radius: 0;\n border-end-end-radius: 0;\n}\n\n.input-group .form-control:last-child,\n.input-group-btn:last-child > .btn,\n.input-group-btn:last-child > .btn-group > .btn,\n.input-group-btn:last-child > .dropdown-toggle,\n.input-group-btn:first-child > .btn:not(:first-child),\n.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {\n border-start-start-radius: 0;\n border-end-start-radius: 0;\n}\n\n.input-group-max {\n .form-control {\n inline-size: 100%;\n }\n\n .input-group-btn {\n inline-size: 1%;\n }\n}\n\n// Text input with buttons\n// Markup:\n// <div class=\"input-btn-group\">\n// <i class=\"icon-folder\"></i>\n// <input type=\"text\" class=\"form-control\">\n// <a class=\"btn input-btn btn-icon-only\" href=\"#!\"><i class=\"icon-ok\"></i></a>\n// <a class=\"btn input-btn btn-icon-only\" href=\"#!\"><i class=\"icon-cancel\"></i></a>\n// </div>\n\n.input-btn-group {\n display: inline-flex;\n align-items: center;\n vertical-align: middle;\n\n [class^=\"icon-\"],\n [class*=\" icon-\"],\n .icon {\n margin-inline-end: 5px;\n }\n\n > .form-control,\n > .btn {\n margin-block: 0 !important;\n margin-inline: 0 2px !important;\n\n + .icon,\n + [class^=\"icon-\"],\n + [class*=\" icon-\"] {\n margin-inline-start: 3px;\n }\n }\n\n .form-row & {\n margin-block-end: 4px;\n }\n}\n\n// Folder selector\n// Markup:\n// <div class=\"folder-selector\">\n// <div class=\"scrollable fm-scrollable\">\n// <div class=\"scrollable-wrap\">\n// <div class=\"tree\">...</div>\n// </div>\n// </div>\n// <a class=\"btn\" href=\"#!\">Create New Folder</a>\n// </div>\n\n.folder-selector {\n > .btn {\n margin-block-start: 10px;\n }\n\n .tree-item .input-btn-group {\n margin-block-start: -5px;\n }\n}\n\n// TODO PPP-35266: Temporary implementation. It need to be reworked when UI library is ready for this.\ninput[name=\"license[licenseType]\"][value=\"trial\"] {\n ~ .pul-form-field__description {\n margin-block-start: 4px;\n padding-block: 5px;\n padding-inline: 10px;\n background-color: @brand-info;\n color: #000;\n }\n\n &:not(:checked) ~ .pul-form-field__description {\n display: none;\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n// Mixins\n\n.icon-small(@img) {\n background-image: url(\"../icons/16/plesk/@{img}\");\n}\n.icon-medium(@img) {\n background-image: url(\"../icons/32/plesk/@{img}\");\n}\n.icon-large(@img) {\n background-image: url(\"../icons/64/plesk/@{img}\");\n}\n.image(@img) {\n background-image: url(\"../images/@{img}\");\n}\n\n// Utils\n\n.clearfix() {\n &::after {\n content: \"\";\n display: block;\n clear: both;\n }\n}\n\n.background-opacity(@color, @opacity) {\n @rgba-color: rgba(red(@color), green(@color), blue(@color), @opacity);\n\n background-color: @rgba-color;\n}\n.color-opacity(@color, @opacity) {\n @rgba-color: rgba(red(@color), green(@color), blue(@color), @opacity);\n\n color: @rgba-color;\n}\n\n.inline-svg-background-image(@code) {\n background-image: %(~'url(\"data:image/svg+xml;charset=utf-8,%a\")', escape(@code));\n}\n\n// TODO: make component for SVG\n.svg-arrow-6-block-end(@color) {\n .inline-svg-background-image(\"<svg xmlns='http://www.w3.org/2000/svg' viewBox='3.5 3.5 6 6'><path fill='@{color}' d='M4.145 5.145a.496.496 0 0 0 0 .702l1.952 1.95A.499.499 0 0 0 6.5 8a.495.495 0 0 0 .403-.202l1.952-1.951a.496.496 0 1 0-.702-.702L6.5 6.798 4.847 5.145a.496.496 0 0 0-.702 0z'/></svg>\");\n}\n.svg-arrow-8-block-end(@color) {\n .inline-svg-background-image(\"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 -1.8 8 8'><path fill='@{color}' d='M.146.146a.5.5 0 0 1 .708 0L4 3.293 7.146.146a.5.5 0 1 1 .708.708l-3.5 3.5a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 0 1 0-.708z'/></svg>\");\n}\n.svg-arrow-8-block-start(@color) {\n .inline-svg-background-image(\"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 -1.24 8 8'><path fill='@{color}' d='M7.854 4.854a.5.5 0 0 1-.708 0L4 1.707.854 4.854a.5.5 0 0 1-.708-.708l3.5-3.5a.5.5 0 0 1 .708 0l3.5 3.5a.5.5 0 0 1 0 .708z'/></svg>\");\n}\n.svg-arrow-8-inline-start(@color) {\n .inline-svg-background-image(\"<svg xmlns='http://www.w3.org/2000/svg' viewBox='-1.24 0 8 8'><path fill='@{color}' d='M4.854.146a.5.5 0 0 1 0 .708L1.707 4l3.147 3.146a.5.5 0 1 1-.708.708l-3.5-3.5a.5.5 0 0 1 0-.708l3.5-3.5a.5.5 0 0 1 .708 0z'/></svg>\");\n}\n.svg-arrow-8-inline-end(@color) {\n .inline-svg-background-image(\"<svg xmlns='http://www.w3.org/2000/svg' viewBox='-1.8 0 8 8'><path fill='@{color}' d='M.146 7.854a.5.5 0 0 1 0-.708L3.293 4 .146.854A.5.5 0 1 1 .854.146l3.5 3.5a.5.5 0 0 1 0 .708l-3.5 3.5a.5.5 0 0 1-.708 0z'/></svg>\");\n}\n.svg-arrow-12-block-end(@color) {\n .inline-svg-background-image(\"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 -3 12 12'><path fill='@{color}' d='M11.87.164a.5.5 0 0 1-.034.706l-5.5 5a.5.5 0 0 1-.672 0l-5.5-5A.5.5 0 1 1 .836.13L6 4.824 11.164.13a.5.5 0 0 1 .706.034z'/></svg>\");\n}\n.svg-arrow-12-block-start(@color) {\n .inline-svg-background-image(\"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 -3 12 12'><path fill='@{color}' d='M.13 5.836a.5.5 0 0 1 .034-.706l5.5-5a.5.5 0 0 1 .672 0l5.5 5a.5.5 0 1 1-.672.74L6 1.176.836 5.87a.5.5 0 0 1-.706-.034z'/></svg>\");\n}\n.svg-arrow-12-inline-start(@color) {\n .inline-svg-background-image(\"<svg xmlns='http://www.w3.org/2000/svg' viewBox='-3 0 12 12'><path fill='@{color}' d='M5.836 11.87a.5.5 0 0 1-.706-.034l-5-5.5a.5.5 0 0 1 0-.672l5-5.5a.5.5 0 1 1 .74.672L1.176 6l4.694 5.164a.5.5 0 0 1-.034.706z'/></svg>\");\n}\n.svg-arrow-12-inline-end(@color) {\n .inline-svg-background-image(\"<svg xmlns='http://www.w3.org/2000/svg' viewBox='-3 0 12 12'><path fill='@{color}' d='M.164.13A.5.5 0 0 1 .87.164l5 5.5a.5.5 0 0 1 0 .672l-5 5.5a.5.5 0 1 1-.74-.672L4.824 6 .13.836A.5.5 0 0 1 .164.13z'/></svg>\");\n}\n.svg-search(@color) {\n .inline-svg-background-image(\"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='@{color}' fill-rule='evenodd' d='M9.69 12.165a6.5 6.5 0 1 1 2.475-2.475l3.322 3.322a1.75 1.75 0 1 1-2.475 2.475L9.69 12.165zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0zm-1.464 5.096l3.184 3.184a.75.75 0 0 0 1.06-1.06l-3.184-3.184a6.481 6.481 0 0 1-1.06 1.06z' clip-rule='evenodd'/></svg>\");\n}\n.svg-cross(@color) {\n .inline-svg-background-image(\"<svg xmlns='http://www.w3.org/2000/svg' viewBox='-2 -2 16 16'><path fill='@{color}' d='M.146.146a.5.5 0 0 1 .708 0L6 5.293 11.146.146a.5.5 0 0 1 .708.708L6.707 6l5.147 5.146a.5.5 0 0 1-.708.708L6 6.707.854 11.854a.5.5 0 0 1-.708-.708L5.293 6 .146.854a.5.5 0 0 1 0-.708z'/></svg>\");\n}\n.svg-icon-info(@color: \"#4cccff\") {\n .inline-svg-background-image(\"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='@{color}' fill-rule='evenodd' d='M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zM9 4a1 1 0 1 1-2 0 1 1 0 0 1 2 0zM6.5 6a.5.5 0 0 0 0 1H7v4h-.5a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1H9V6H6.5z'/></svg>\");\n}\n.svg-icon-success(@color: \"#aee645\") {\n .inline-svg-background-image(\"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='@{color}' fill-rule='evenodd' d='M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm3.78-9.375a1 1 0 0 0-1.56-1.25L7 9.4 5.78 7.876a1 1 0 1 0-1.56 1.249l2 2.5a1 1 0 0 0 1.56 0l4-5z'/></svg>\");\n}\n.svg-icon-warning(@color: \"#ffa04d\") {\n .inline-svg-background-image(\"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 -1 16 16'><path fill='@{color}' d='M8.945.551a1.085 1.085 0 0 0-1.89 0L.166 12.235C-.289 13.007.243 14 1.111 14h13.778c.868 0 1.4-.993.945-1.765L8.944.551zM7 5a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0V5zm2 6a1 1 0 1 1-2 0 1 1 0 0 1 2 0z'/></svg>\");\n}\n.svg-icon-danger(@color: \"#ff4d6d\") {\n .inline-svg-background-image(\"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='@{color}' d='M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zM7 4a1 1 0 0 1 2 0v5a1 1 0 0 1-2 0V4zm2 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0z'/></svg>\");\n}\n.svg-icon-spinner(@color: \"#4cccff\") {\n .inline-svg-background-image(\"<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'><circle cx='8' cy='8' r='7' stroke='@{color}' stroke-dasharray='36 7' stroke-dashoffset='-7' stroke-linecap='round' stroke-width='2'/></svg>\");\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n@import \"_variables\";\n@import \"_mixins\";\n\n/* doc\n---\ntitle: \"Buttons\"\nname: buttons\ncategory: \"Components - Buttons\"\n---\n\n- [buttons.less] (https://git.plesk.tech/projects/PLESK/repos/plesk/browse/common/theme/less/core/buttons.less)\n\n### Button tags\n```html_example\n<!-- True way -->\n<a class=\"btn\" href=\"#!\">Link</a>\n<button class=\"btn\" type=\"button\">Button</button>\n<!-- Not used -->\n<input class=\"btn\" type=\"button\" value=\"Input\">\n<input class=\"btn\" type=\"submit\" value=\"Submit\">\n<!-- Deprecated -->\n<span class=\"btn\"><button type=\"button\">Deprecated</button></span>\n```\n*/\n\n.btn::-moz-focus-inner,\n.btn > button::-moz-focus-inner {\n border: 0;\n padding: 0;\n}\n\n.btn,\n.btn > button {\n -webkit-appearance: none;\n margin: 0;\n border: none;\n border-radius: 2px;\n overflow: visible;\n font: inherit;\n color: @btn-color;\n text-transform: none;\n display: inline-block;\n box-sizing: border-box;\n padding-block: @btn-padding-block;\n padding-inline: @btn-padding-inline;\n background-color: @btn-background;\n vertical-align: middle;\n min-block-size: @btn-block-size;\n line-height: @btn-line-height;\n font-size: @btn-font-size;\n font-weight: @btn-font-weight;\n box-shadow: @btn-shadow;\n transition: background-color 0.18s;\n text-decoration: none;\n text-align: center;\n white-space: nowrap;\n cursor: pointer;\n\n &:hover,\n &:focus {\n background-color: @btn-hover-background;\n color: @btn-hover-color;\n box-shadow: @btn-shadow-hover;\n outline: none;\n text-decoration: none;\n }\n\n &:focus {\n box-shadow: @btn-shadow-focus;\n }\n\n &:active,\n &.active {\n background-color: @btn-active-background;\n color: @btn-active-color;\n box-shadow: @btn-shadow-active;\n }\n\n &:active,\n &.active:focus {\n box-shadow: @btn-shadow-active-focus;\n }\n}\n\n.btn {\n margin-inline-end: @btn-margin-inline;\n\n &.disabled,\n &[disabled],\n &.disabled > button {\n &,\n &:hover,\n &:focus,\n &:active,\n &.active {\n background-color: @btn-background;\n color: @btn-color;\n box-shadow: @btn-shadow;\n cursor: not-allowed;\n }\n }\n\n > button {\n display: block;\n margin-block: -(@btn-padding-block);\n margin-inline: -(@btn-padding-inline);\n }\n}\n\n/* doc\n---\ntitle: \"Button With Icon\"\nname: buttons-01\ncategory: \"Components - Buttons\"\n---\n\n- [buttons.less] (https://git.plesk.tech/projects/PLESK/repos/plesk/browse/common/theme/less/core/buttons.less),\n [core/icons.less] (https://git.plesk.tech/projects/PLESK/repos/plesk/browse/common/theme/less/core/icons.less),\n [theme/icons.less] (https://git.plesk.tech/projects/PLESK/repos/plesk/browse/common/theme/less/theme/icons.less)\n\n```html_example\n<button class=\"btn\" type=\"button\"><i class=\"icon-folder\"></i> Button</button>\n<button class=\"btn btn-primary\" type=\"button\"><i class=\"icon-folder\"></i> Button</button>\n<button class=\"btn disabled\" type=\"button\"><i class=\"icon-indicator\"></i> Button</button>\n<!-- Deprecated -->\n<button class=\"btn btn-waiting disabled\" type=\"button\">Button</button>\n<span class=\"btn disabled\"><button type=\"button\"><span class=\"wait\">Button</span></button></span>\n```\n### Icon Only\n```html_example\n<button class=\"btn btn-icon-only\" type=\"button\"><i class=\"icon-folder\"></i> Button</button>\n<button class=\"btn btn-icon-only btn-primary\" type=\"button\"><i class=\"icon-folder\"></i> Button</button>\n<button class=\"btn btn-icon-only disabled\" type=\"button\"><i class=\"icon-indicator\"></i> Button</button>\n```\n*/\n\n.btn .icon,\n.btn [class^=\"icon-\"],\n.btn [class*=\" icon-\"] {\n margin-block: 2px 0;\n margin-inline: -8px 2px;\n vertical-align: top;\n}\n\n.btn.btn-icon-only,\n.btn.btn-icon-only > button {\n inline-size: 28px;\n block-size: 28px;\n min-inline-size: 0;\n overflow: hidden;\n padding: 6px;\n\n [class^=\"icon-\"],\n [class*=\" icon-\"],\n .icon {\n margin-block: 0;\n margin-inline: 0 20px;\n }\n}\n\nspan.btn.btn-icon-only {\n overflow: visible;\n\n > button {\n margin: -6px;\n }\n}\n\n/* doc\n---\ntitle: \"Input Button\"\nname: buttons-02\ncategory: \"Components - Buttons\"\n---\nButton height is equal to form inputs.\n\n```html_example\n<input type=\"text\"> <button class=\"btn input-btn\" type=\"button\">Button</button>\n<input type=\"text\"> <button class=\"btn input-btn btn-icon-only\" type=\"button\"><i class=\"icon-folder\"></i> Button</button>\n```\n*/\n\n.input-btn,\n.input-btn > button {\n min-block-size: @btn-block-size;\n padding-block: @btn-padding-block;\n}\n\n.input-btn > button {\n margin-block: -(@btn-padding-block);\n}\n\n.input-btn.btn-icon-only,\n.input-btn.btn-icon-only > button {\n inline-size: 28px;\n block-size: 28px;\n padding: 6px;\n}\n\n.input-btn.btn-icon-only {\n overflow: hidden;\n\n > button {\n margin: -6px;\n }\n}\n\n/* Modifier: `btn-waiting`\n ========================================================================== */\n\n.btn.btn-waiting,\n.btn.btn-waiting > button,\n.btn > .wait,\n.btn > button > .wait {\n &::before {\n content: \"\";\n display: inline-block;\n inline-size: 1em;\n block-size: 1em;\n margin-block: 4px 0;\n margin-inline: -4px 4px;\n vertical-align: top;\n box-sizing: border-box;\n border: 1px solid;\n border-block-end-color: transparent;\n border-radius: 50%;\n animation: btn-loading-rotate 0.8s linear infinite;\n }\n}\n\nspan.btn.btn-waiting::before {\n display: none;\n}\n\n.btn .icon-indicator,\n.btn i.icon-indicator,\n.btn span.icon-indicator {\n inline-size: 1em;\n block-size: 1em;\n margin-block-start: 4px;\n vertical-align: top;\n background: none;\n box-sizing: border-box;\n border: 1px solid;\n border-block-end-color: transparent;\n border-radius: 50%;\n animation: btn-loading-rotate 1s linear infinite;\n\n .btn-icon-only& {\n margin-block: 2px;\n margin-inline: 2px 20px;\n }\n}\n\n@keyframes btn-loading-rotate {\n to {\n transform: rotate(360deg);\n }\n}\n\n/* doc\n---\ntitle: \"Form Button\"\nname: buttons-03\ncategory: \"Components - Buttons\"\n---\nForm submit buttons in `btns-box`\n\n```html_example\n<div class=\"btns-box\">\n <div class=\"form-row\">\n <div class=\"single-row\">\n <button class=\"btn btn-primary\" type=\"button\">Button</button>\n <button class=\"btn\" type=\"button\">Button</button>\n <a class=\"btn btn-primary\" href=\"#\"><i class=\"icon-folder\"></i> Button</a>\n <a class=\"btn\" href=\"#\"><i class=\"icon-folder\"></i> Button</a>\n <!-- Deprecated -->\n <span class=\"btn action\"><button type=\"button\">Button</button></span>\n <span class=\"btn\"><button type=\"button\">Button</button></span>\n </div>\n </div>\n</div>\n```\n*/\n\n.btns-box,\n.btns-container {\n .btn:not(.dropdown-toggle),\n .btn:not(.dropdown-toggle) > button {\n min-inline-size: 90px;\n }\n\n .btn,\n .btn > button {\n padding-block: @btn-main-padding-block;\n padding-inline: @btn-main-padding-inline;\n font-weight: @btn-main-font-weight;\n font-size: 14px;\n box-shadow: @btn-main-shadow;\n\n &:hover {\n box-shadow: @btn-main-shadow-hover;\n }\n\n &:focus {\n box-shadow: @btn-main-shadow-focus;\n }\n\n &.active {\n box-shadow: @btn-main-shadow-active;\n }\n\n &:active,\n &.active:focus {\n box-shadow: @btn-main-shadow-active-focus;\n }\n }\n\n .btn-primary,\n .btn.action,\n .btn.action > button {\n box-shadow: @btn-main-shadow-2;\n\n &:hover {\n box-shadow: @btn-main-shadow-2-hover;\n }\n\n &:focus {\n box-shadow: @btn-main-shadow-2-focus;\n }\n\n &.active {\n box-shadow: @btn-main-shadow-active;\n }\n\n &:active,\n &.active:focus {\n box-shadow: @btn-main-shadow-active-focus;\n }\n }\n\n .btn > button {\n margin-block: -(@btn-main-padding-block);\n margin-inline: -(@btn-main-padding-inline);\n }\n\n .btn {\n margin-inline-end: 8px;\n }\n}\n\n/* doc\n---\ntitle: \"Button Styles\"\nname: buttons-04\ncategory: \"Components - Buttons\"\n---\n```html_example\n<button class=\"btn\" type=\"button\">Default</button>\n<button class=\"btn btn-primary\" type=\"button\">Primary</button>\n<button class=\"btn btn-secondary\" type=\"button\">Secondary</button>\n<button class=\"btn btn-success\" type=\"button\">Success</button>\n<button class=\"btn btn-info\" type=\"button\">Info</button>\n<button class=\"btn btn-warning\" type=\"button\">Warning</button>\n<button class=\"btn btn-danger\" type=\"button\">Danger</button>\n<button class=\"btn disabled\" type=\"button\">Disabled</button>\n<button class=\"btn btn-link\" type=\"button\">Link</button>\n<!-- Deprecated -->\n<span class=\"btn action\"><button type=\"button\">Action</button></span>\n```\n*/\n\n.btn-primary,\n.btn.action,\n.btn.action > button,\n.sid-login .btns-box .btn:not(.action):not(.btn-primary),\n.sid-login .btns-box .btn:not(.action):not(.btn-primary) > button {\n background-color: @btn-primary-background;\n color: @btn-primary-color;\n\n &:hover,\n &:focus {\n background-color: @btn-primary-hover-background;\n color: @btn-primary-hover-color;\n }\n\n &:active,\n &.active {\n background-color: @btn-primary-active-background;\n color: @btn-primary-active-color;\n }\n}\n\n.btn-primary,\n.btn.action,\n.sid-login .btns-box .btn:not(.action):not(.btn-primary) {\n &.disabled,\n &[disabled],\n &.disabled > button {\n &,\n &:hover,\n &:focus,\n &:active,\n &.active {\n background-color: @btn-primary-background;\n color: @btn-primary-color;\n }\n }\n}\n\n.btn-success {\n &,\n &.disabled,\n &[disabled],\n &.disabled > button {\n &,\n &:hover,\n &:focus,\n &:active,\n &.active {\n background-color: @btn-success-background;\n color: @btn-success-color;\n }\n }\n\n &:hover,\n &:focus {\n background-color: @btn-success-hover-background;\n color: @btn-success-hover-color;\n }\n\n &:active,\n &.active {\n background-color: @btn-success-active-background;\n color: @btn-success-active-color;\n }\n}\n\n.btn-warning {\n &,\n &.disabled,\n &[disabled],\n &.disabled > button {\n &,\n &:hover,\n &:focus,\n &:active,\n &.active {\n background-color: @btn-warning-background;\n color: @btn-warning-color;\n }\n }\n\n &:hover,\n &:focus {\n background-color: @btn-warning-hover-background;\n color: @btn-warning-hover-color;\n }\n\n &:active,\n &.active {\n background-color: @btn-warning-active-background;\n color: @btn-warning-active-color;\n }\n}\n\n.btn-danger {\n &,\n &.disabled,\n &[disabled],\n &.disabled > button {\n &,\n &:hover,\n &:focus,\n &:active,\n &.active {\n background-color: @btn-danger-background;\n color: @btn-danger-color;\n }\n }\n\n &:hover,\n &:focus {\n background-color: @btn-danger-hover-background;\n color: @btn-danger-hover-color;\n }\n\n &:active,\n &.active {\n background-color: @btn-danger-active-background;\n color: @btn-danger-active-color;\n }\n}\n\n/* Disabled state\n * Overrides also the color modifiers\n ========================================================================== */\n\n/* Equal for all button types */\n\n.btn.disabled,\n.btn[disabled] {\n opacity: 0.47;\n}\n\n/* Modifier: `btn-link`\n ========================================================================== */\n\n.btn-link,\n.btn-link > button {\n color: @btn-link-color;\n background-color: transparent;\n box-shadow: none;\n\n &:hover,\n &:focus,\n &:active,\n &.active {\n color: @btn-link-hover-color;\n text-decoration: @btn-link-hover-text-decoration;\n background-color: transparent;\n box-shadow: none;\n }\n\n &:focus {\n outline: 1px dotted;\n }\n\n &.disabled,\n &[disabled] {\n &,\n &:hover,\n &:focus,\n &:active,\n &.active {\n color: @btn-link-color;\n text-decoration: @btn-link-disabled-text-decoration;\n background-color: transparent;\n box-shadow: none;\n opacity: 0.47;\n }\n }\n}\n\n/* doc\n---\ntitle: \"Button Dropdown\"\nname: button-dropdown\ncategory: \"Components - Button Dropdown\"\n---\n\n- [buttons.less] (https://git.plesk.tech/projects/PLESK/repos/plesk/browse/common/theme/less/core/buttons.less),\n [button-groups.less] (https://git.plesk.tech/projects/PLESK/repos/plesk/browse/common/theme/less/core/button-groups.less),\n [dropdowns.less] (https://git.plesk.tech/projects/PLESK/repos/plesk/browse/common/theme/less/core/dropdowns.less)\n\n```html_example\n<span class=\"btn-group\">\n <button class=\"btn dropdown-toggle\" type=\"button\">Button <span class=\"caret\"></span></button>\n <ul class=\"dropdown-menu\">\n <li><a href=\"#\">Dropdown Item</a></li>\n <li><a href=\"#\">Dropdown Item</a></li>\n <li><a href=\"#\">Dropdown Item</a></li>\n </ul>\n</span>\n<span class=\"btn-group dropup\">\n <button class=\"btn btn-primary dropdown-toggle\" type=\"button\">Button <span class=\"caret\"></span></button>\n <ul class=\"dropdown-menu\">\n <li><a href=\"#\">Dropdown Item</a></li>\n <li><a href=\"#\">Dropdown Item</a></li>\n <li><a href=\"#\">Dropdown Item</a></li>\n </ul>\n</span>\n<span class=\"btn-group\">\n <button class=\"btn dropdown-toggle\" type=\"button\"><i class=\"icon-folder\"></i> <span class=\"caret\"></span></button>\n <ul class=\"dropdown-menu\">\n <li><a href=\"#\">Dropdown Item</a></li>\n <li><a href=\"#\">Dropdown Item</a></li>\n <li><a href=\"#\">Dropdown Item</a></li>\n </ul>\n</span>\n```\n*/\n\n/* doc\n---\ntitle: \"Split Button\"\nname: button-dropdown-01\ncategory: \"Components - Button Dropdown\"\n---\n\n```html_example\n<span class=\"btn-group\">\n <button class=\"btn\" type=\"button\">Button</button>\n <button class=\"btn dropdown-toggle\" type=\"button\"><span class=\"caret\"></span></button>\n <ul class=\"dropdown-menu\">\n <li><a href=\"#\">Dropdown Item</a></li>\n <li><a href=\"#\">Dropdown Item</a></li>\n <li><a href=\"#\">Dropdown Item</a></li>\n </ul>\n</span>\n<span class=\"btn-group dropup\">\n <button class=\"btn\" type=\"button\">Button</button>\n <button class=\"btn dropdown-toggle\" type=\"button\"><span class=\"caret\"></span></button>\n <ul class=\"dropdown-menu\">\n <li><a href=\"#\">Dropdown Item</a></li>\n <li><a href=\"#\">Dropdown Item</a></li>\n <li><a href=\"#\">Dropdown Item</a></li>\n </ul>\n</span>\n```\n*/\n\n.btn-primary,\n.btn.action,\n.btn-success,\n.btn-warning,\n.btn-danger {\n .caret {\n .svg-arrow-6-block-end(\"#fff\");\n }\n}\n\n.btn-group > .btn + .dropdown-toggle,\n.btn-group > .btn + .dropdown-toggle > button {\n background-color: @btn-dropdown-toggle-background;\n\n &:hover,\n &:focus {\n background-color: @btn-hover-background;\n color: @btn-hover-color;\n outline: none;\n text-decoration: none;\n }\n\n &:active,\n &.active,\n .btn-group-open&,\n .open& {\n background-color: @btn-active-background;\n color: @btn-active-color;\n }\n\n .caret {\n margin-inline: 0;\n }\n}\n\n/* doc\n---\ntitle: \"Link Buttons\"\nname: link-buttons\ncategory: \"Components - Link Buttons\"\n---\n\n### Small Icon with Label\n```html_example\n<a class=\"s-btn sb-folder\" href=\"#\">Link Button</a>\n<a class=\"s-btn sb-waiting\" href=\"#\">Link Button</a>\n<a class=\"s-btn sb-folder disabled\" href=\"#\">Link Button</a>\n```\n```html_example\n<a class=\"s-btn\" href=\"#\"><i class=\"icon-folder\"></i> Link Button</a>\n<a class=\"s-btn\" href=\"#\"><i class=\"icon-indicator\"></i> Link Button</a>\n<a class=\"s-btn disabled\" href=\"#\"><i class=\"icon-folder\"></i> Link Button</a>\n```\n*/\n\n/* ========================================================================\n Link button: Text with small icon 's-btn'\n ========================================================================== */\n.s-btn,\n.sb-btn {\n white-space: nowrap;\n display: inline-block;\n margin-inline-end: 5px;\n padding-inline-start: 20px;\n line-height: 16px;\n\n i {\n font-style: normal;\n }\n\n &[class^=\"sb-\"],\n &[class*=\" sb-\"] {\n &::before {\n content: \"\";\n vertical-align: -3px;\n float: inline-start;\n inline-size: 16px;\n block-size: 16px;\n margin-inline-start: -20px;\n background-repeat: no-repeat;\n background-size: 16px 16px;\n }\n\n &::after {\n content: \"\";\n display: inline-block;\n block-size: 16px;\n vertical-align: -3px;\n }\n }\n\n .icon,\n [class^=\"icon-\"],\n [class*=\" icon-\"] {\n float: inline-start;\n margin-inline-start: -20px;\n }\n}\n\n/* doc\n---\ntitle: \"Link Buttons Icon Only\"\nname: link-buttons-01\ncategory: \"Components - Link Buttons\"\n---\n```html_example\n<a class=\"s-btn btn-icon-only\" href=\"#\"><i class=\"icon-folder\"></i> Link Button</a>\n<a class=\"s-btn btn-icon-only\" href=\"#\"><i class=\"icon-indicator\"></i> Link Button</a>\n<a class=\"s-btn btn-icon-only disabled\" href=\"#\"><i class=\"icon-folder\"></i> Link Button</a>\n```\n*/\n\n.s-btn.btn-icon-only {\n box-sizing: border-box;\n inline-size: 16px;\n padding-inline-start: 16px;\n overflow: hidden;\n vertical-align: -3px;\n\n &[class^=\"sb-\"]::before,\n &[class*=\" sb-\"]::before,\n .icon,\n [class^=\"icon-\"],\n [class*=\" icon-\"] {\n margin-inline: -16px 10px;\n }\n}\n\n/* doc\n---\ntitle: \"Large Icon with Label\"\nname: link-buttons-02\ncategory: \"Components - Link Buttons\"\n---\n```html_example\n<a class=\"b-btn bb-database-webadmin\" href=\"#\"><span>Link Button</span></a>\n<a class=\"b-btn bb-database-webadmin disabled\" href=\"#\"><span>Link Button</span></a>\n```\n*/\n\n.b-btn {\n display: inline-block;\n margin-block: 0 12px;\n margin-inline: 0 3px;\n cursor: pointer;\n text-align: center;\n vertical-align: top;\n\n &::before {\n content: \"\";\n display: inline-block;\n inline-size: 32px;\n block-size: 32px;\n background-repeat: no-repeat;\n background-size: 32px 32px;\n }\n\n i {\n font-style: normal;\n }\n\n span {\n display: block;\n inline-size: 144px;\n word-wrap: break-word;\n }\n}\n\n/* Disabled state for `s-btn` and `b-btn`\n ========================================================================== */\n\n.s-btn,\n.b-btn {\n &.btn-disabled,\n &.disabled,\n &[disabled] {\n &,\n &:hover {\n color: #333;\n text-decoration: none;\n opacity: 0.5;\n filter: grayscale(100%);\n cursor: not-allowed;\n }\n }\n}\n\n.disabledIcon {\n opacity: 0.5;\n}\n\n@media (max-width: @breakpoint-small-max) {\n .r-visible,\n .s-btn .r-visible,\n .sb-btn .r-visible,\n .pul-button .r-visible {\n display: inline;\n white-space: normal;\n letter-spacing: 0;\n word-spacing: 0;\n }\n}\n\n/* ========================================================================\n Legacy Button\n ========================================================================== */\n\n.commonButton {\n display: inline-block;\n white-space: nowrap;\n cursor: pointer;\n margin-inline-end: 8px;\n\n span& {\n cursor: not-allowed;\n }\n}\n\n.formArea,\n.formButtons,\n.paging {\n .commonButton span {\n display: none;\n }\n}\n\n.listArea .buttons,\n.reportTools,\n.toolsArea,\n.toolbar {\n .commonButton button {\n display: none;\n }\n}\n\n.listArea .buttons .commonButton span {\n display: block;\n}\n\n/* Button */\n\n.commonButton button {\n -webkit-appearance: none;\n margin: 0;\n border: none;\n border-radius: 2px;\n overflow: visible;\n font: inherit;\n color: @btn-color;\n text-transform: none;\n display: block;\n box-sizing: border-box;\n padding-block: @btn-padding-block;\n padding-inline: @btn-padding-inline;\n background-color: @btn-background;\n min-block-size: @btn-block-size;\n line-height: @btn-line-height;\n font-size: @btn-font-size;\n font-weight: @btn-font-weight;\n box-shadow: @btn-shadow;\n text-decoration: none;\n text-align: center;\n white-space: nowrap;\n cursor: pointer;\n\n &:hover,\n &:focus {\n background-color: @btn-hover-background;\n color: @btn-hover-color;\n box-shadow: @btn-shadow-hover;\n outline: none;\n text-decoration: none;\n }\n\n &:focus {\n box-shadow: @btn-shadow-focus;\n }\n\n &:active {\n background-color: @btn-active-background;\n color: @btn-active-color;\n box-shadow: @btn-shadow-active-focus;\n }\n}\n\n#bid-ok button,\n#bid-finish button {\n min-inline-size: 90px;\n background-color: @btn-primary-background;\n color: @btn-primary-color;\n padding-block: @btn-main-padding-block;\n padding-inline: @btn-main-padding-inline;\n font-weight: @btn-main-font-weight;\n font-size: 14px;\n box-shadow: @btn-main-shadow-2;\n\n &:hover,\n &:focus {\n background-color: @btn-primary-hover-background;\n color: @btn-primary-hover-color;\n box-shadow: @btn-main-shadow-2-hover;\n }\n\n &:focus {\n box-shadow: @btn-main-shadow-2-focus;\n }\n\n &:active,\n &.active {\n background-color: @btn-primary-active-background;\n color: @btn-primary-active-color;\n box-shadow: @btn-main-shadow-active;\n }\n\n &:active,\n &.active:focus {\n box-shadow: @btn-main-shadow-active-focus;\n }\n}\n\n#bid-cancel button {\n min-inline-size: 90px;\n background-color: @btn-main-background;\n color: @btn-main-color;\n padding-block: @btn-main-padding-block;\n padding-inline: @btn-main-padding-inline;\n font-weight: @btn-main-font-weight;\n font-size: 14px;\n box-shadow: @btn-main-shadow;\n\n &:hover,\n &:focus {\n background-color: @btn-main-hover-background;\n color: @btn-main-hover-color;\n box-shadow: @btn-main-shadow-hover;\n }\n\n &:focus {\n box-shadow: @btn-main-shadow-focus;\n }\n\n &:active,\n &.active {\n background-color: @btn-main-active-background;\n color: @btn-main-active-color;\n box-shadow: @btn-main-shadow-active;\n }\n\n &:active,\n &.active:focus {\n box-shadow: @btn-main-shadow-active-focus;\n }\n}\n\n#bid-to-shared,\n#bid-to-exclusive {\n inline-size: 100%;\n\n button {\n inline-size: 100%;\n }\n}\n\nspan,\nspan#bid-ok,\nspan#bid-finish,\nspan#bid-cancel {\n &.commonButton button {\n &,\n &:hover,\n &:focus,\n &:active {\n background-color: @btn-background;\n color: @btn-color;\n opacity: 0.47;\n cursor: not-allowed;\n }\n }\n}\n\n/* Link button: Text with small icon */\n\n.commonButton span {\n display: block;\n padding-inline-start: 20px;\n line-height: 16px;\n color: @base-link-color;\n text-decoration: @base-link-text-decoration;\n cursor: pointer;\n\n &::before {\n content: \"\";\n vertical-align: -3px;\n float: inline-start;\n inline-size: 16px;\n block-size: 16px;\n margin-inline-start: -20px;\n background-repeat: no-repeat;\n background-size: 16px 16px;\n }\n\n &::after {\n content: \"\";\n display: inline-block;\n }\n}\n\n.commonButton:hover span {\n color: @base-link-hover-color;\n text-decoration: @base-link-hover-text-decoration;\n}\n\nspan.commonButton span {\n &,\n &:hover {\n color: #333;\n text-decoration: none;\n opacity: 0.5;\n filter: grayscale(100%);\n cursor: not-allowed;\n }\n}\n\n/* Link button: Text with big icon */\n\n.toolsArea .commonButton {\n margin-block: 0 12px;\n margin-inline: 0 3px;\n text-align: center;\n vertical-align: top;\n background: 50% 0 no-repeat;\n background-size: 32px 32px;\n\n &::before {\n content: \"\";\n display: inline-block;\n inline-size: 32px;\n block-size: 32px;\n background-repeat: no-repeat;\n background-size: 32px 32px;\n }\n\n span,\n .formArea & span {\n display: block;\n inline-size: 144px;\n padding-inline-start: 0;\n white-space: normal;\n word-wrap: break-word;\n\n &::before {\n display: none;\n }\n }\n}\n\n.toolsArea span.commonButton {\n &:hover span {\n color: #333;\n text-decoration: none;\n }\n\n &::before {\n opacity: 0.5;\n filter: grayscale(100%);\n cursor: not-allowed;\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n@import \"_variables\";\n\n/* doc\n---\ntitle: \"Button Group\"\nname: button-group\ncategory: \"Components - Button Group\"\n---\n\n- [button-groups.less] (https://git.plesk.tech/projects/PLESK/repos/plesk/browse/common/theme/less/core/button-groups.less)\n\n```html_example\n<div class=\"btn-group\">\n <a class=\"btn\" href=\"#\">Link</a>\n <a class=\"btn\" href=\"#\">Link</a>\n <div class=\"btn-group\">\n <a class=\"btn\" href=\"#\">Link</a>\n </div>\n <a class=\"btn\" href=\"#\">Link</a>\n</div>\n<div class=\"btn-group\">\n <a class=\"btn\" href=\"#\"><i class=\"icon-folder\"></i> Link</a>\n <a class=\"btn\" href=\"#\"><i class=\"icon-folder\"></i> Link</a>\n <a class=\"btn\" href=\"#\"><i class=\"icon-folder\"></i> Link</a>\n</div>\n<div class=\"btn-group\">\n <a class=\"btn\" href=\"#\">Link</a>\n <a class=\"btn\" href=\"#\">Link</a>\n</div>\n<div class=\"btn-group\">\n <a class=\"btn\" href=\"#\">Link</a>\n</div>\n<div class=\"btn-group\">\n <a class=\"btn btn-icon-only\" href=\"#\"><i class=\"icon-folder\"></i> Link</a>\n <a class=\"btn btn-icon-only\" href=\"#\"><i class=\"icon-folder\"></i> Link</a>\n <a class=\"btn btn-icon-only\" href=\"#\"><i class=\"icon-folder\"></i> Link</a>\n</div>\n```\n*/\n\n.btn-group {\n position: relative;\n display: inline-flex;\n vertical-align: middle;\n margin-inline-end: 8px;\n\n > .btn:not(.dropdown-toggle) {\n flex: auto;\n }\n\n > .btn {\n position: relative;\n margin: 0;\n\n &:hover,\n &:focus,\n &:active,\n &.active {\n z-index: 2;\n }\n }\n\n .btn + .btn,\n .btn + .btn-group,\n .btn-group + .btn,\n .btn-group + .btn-group {\n margin-inline-start: 1px;\n }\n}\n\n.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle),\n.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) > button {\n border-radius: 0;\n}\n\n.btn-group > .btn:first-child {\n margin-inline-start: 0;\n\n &:not(:last-child):not(.dropdown-toggle),\n &:not(:last-child):not(.dropdown-toggle) > button {\n border-start-end-radius: 0;\n border-end-end-radius: 0;\n }\n}\n\n.btn-group > .btn:last-child:not(:first-child),\n.btn-group > .dropdown-toggle:not(:first-child) {\n &,\n > button {\n border-start-start-radius: 0;\n border-end-start-radius: 0;\n }\n}\n\n.btn-group > .btn-group {\n float: inline-start;\n margin-inline-end: 0;\n}\n\n.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn,\n.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn > button {\n border-radius: 0;\n}\n\n.btn-group > .btn-group:first-child:not(:last-child) {\n > .btn:last-child,\n > .dropdown-toggle {\n &,\n > button {\n border-start-end-radius: 0;\n border-end-end-radius: 0;\n }\n }\n}\n\n.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child,\n.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child > button {\n border-start-start-radius: 0;\n border-end-start-radius: 0;\n}\n\n.btn-group .dropdown-toggle:active,\n.btn-group.open .dropdown-toggle {\n &,\n > button {\n outline: 0;\n }\n}\n\n// Split button dropdowns\n// ----------------------\n\n.btn-group > .btn + .dropdown-toggle {\n padding-inline: 8px;\n min-inline-size: 26px;\n\n > button {\n margin-inline: -8px;\n min-inline-size: 26px;\n }\n}\n// Reposition the caret\n.btn .caret {\n margin-inline: 4px -8px;\n}\n\n/* doc\n---\ntitle: \"Button Group Vertical\"\nname: button-group-01\ncategory: \"Components - Button Group\"\n---\n\n```html_example\n<div class=\"btn-group btn-set-vertical\">\n <a class=\"btn\" href=\"#\">Button</a>\n <a class=\"btn\" href=\"#\">Button Button</a>\n <a class=\"btn\" href=\"#\">Button</a>\n <a class=\"btn\" href=\"#\">Button</a>\n</div>\n```\n*/\n\n.btn-set-vertical {\n display: inline-block;\n\n > .btn {\n display: block;\n margin-block: 10px 0;\n margin-inline: 0;\n inline-size: 100%;\n\n &:first-child {\n margin-block-start: 0;\n }\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n/* ========================================================================\n Animation\n ========================================================================== */\n\n.animation-blink {\n animation: blink 1s infinite steps(2, start);\n}\n\n/* Keyframes: Fade\n ========================================================================== */\n\n@keyframes fade {\n 0% {\n opacity: 0;\n }\n\n 100% {\n opacity: 1;\n }\n}\n\n/* Keyframes: Fade with slide\n ========================================================================== */\n\n@keyframes fade-block-start {\n 0% {\n opacity: 0;\n transform: translateY(-100%);\n }\n\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes fade-block-end {\n 0% {\n opacity: 0;\n transform: translateY(100%);\n }\n\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes fade-inline-start {\n 0% {\n opacity: 0;\n transform: translateX(-100%);\n }\n\n 100% {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n@keyframes fade-inline-end {\n 0% {\n opacity: 0;\n transform: translateX(100%);\n }\n\n 100% {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n/* Keyframes: Fade with scale\n ========================================================================== */\n\n@keyframes fade-scale-02 {\n 0% {\n opacity: 0;\n transform: scale(0.2);\n }\n\n 100% {\n opacity: 1;\n transform: scale(1);\n }\n}\n\n@keyframes fade-scale-15 {\n 0% {\n opacity: 0;\n transform: scale(1.5);\n }\n\n 100% {\n opacity: 1;\n transform: scale(1);\n }\n}\n\n@keyframes fade-scale-18 {\n 0% {\n opacity: 0;\n transform: scale(1.8);\n }\n\n 100% {\n opacity: 1;\n transform: scale(1);\n }\n}\n\n/* Keyframes: Slide\n ========================================================================== */\n\n@keyframes slide-inline-start {\n 0% {\n transform: translateX(-100%);\n }\n\n 100% {\n transform: translateX(0);\n }\n}\n\n@keyframes slide-inline-end {\n 0% {\n transform: translateX(100%);\n }\n\n 100% {\n transform: translateX(0);\n }\n}\n\n/* Keyframes: Scale\n ========================================================================== */\n\n@keyframes scale-12 {\n 0% {\n transform: scale(1.2) rotate(0.02deg);\n }\n\n 100% {\n transform: scale(1);\n }\n}\n\n/* Keyframes: Rotate\n ========================================================================== */\n\n@keyframes rotate {\n 0% {\n transform: rotate(0deg);\n }\n\n 100% {\n transform: rotate(359deg);\n }\n}\n\n/* Keyframes: Shake\n ========================================================================== */\n\n@keyframes shake {\n 0%,\n 100% {\n transform: translateX(0);\n }\n\n 10% {\n transform: translateX(-9px);\n }\n\n 20% {\n transform: translateX(8px);\n }\n\n 30% {\n transform: translateX(-7px);\n }\n\n 40% {\n transform: translateX(6px);\n }\n\n 50% {\n transform: translateX(-5px);\n }\n\n 60% {\n transform: translateX(4px);\n }\n\n 70% {\n transform: translateX(-3px);\n }\n\n 80% {\n transform: translateX(2px);\n }\n\n 90% {\n transform: translateX(-1px);\n }\n}\n\n/* Keyframes: Blink\n ========================================================================== */\n\n@keyframes blink {\n 80% {\n visibility: hidden;\n }\n}\n\n/* Keyframes: Fade with slide fixed\n ========================================================================== */\n\n@keyframes slide-block-start-fixed {\n 0% {\n opacity: 0;\n transform: translateY(-10px);\n }\n\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes slide-block-end-fixed {\n 0% {\n opacity: 0;\n transform: translateY(10px);\n }\n\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n/* doc\n---\ntitle: \"Icons\"\nname: icons\ncategory: \"Components - Icons\"\n---\n\n- [icons.less] (https://git.plesk.tech/projects/PLESK/repos/plesk/browse/common/theme/less/core/icons.less)\n [icons.less] (https://git.plesk.tech/projects/PLESK/repos/plesk/browse/common/theme/less/theme/icons.less)\n\n```html_example\n<p><i class=\"icon\"><img src=\"theme/icons/16/plesk/file-folder.png\" alt=\"\"></i></p>\n<p><i class=\"icon-folder\"></i></p>\n<p><i class=\"icon-md\"><img src=\"theme/icons/32/plesk/file-manager.png\" alt=\"\"></i></p>\n<p><i class=\"icon-md-desktop\"></i></p>\n```\n*/\n\n/* = Icons =\n------------------------------------------------------------------------------ */\ni.icon,\nspan.icon,\n[class^=\"icon-\"],\n[class*=\" icon-\"],\n.btn [class^=\"icon-\"],\n.btn [class*=\" icon-\"],\n.s-btn [class^=\"icon-\"],\n.s-btn [class*=\" icon-\"] {\n display: inline-block;\n inline-size: 16px;\n block-size: 16px;\n vertical-align: -3px;\n background-repeat: no-repeat;\n background-size: contain;\n}\n\ni.icon,\nspan.icon,\n[class^=\"icon-\"],\n[class*=\" icon-\"] {\n img,\n svg {\n display: block;\n inline-size: 100%;\n block-size: 100%;\n overflow: hidden;\n }\n}\n\n[class^=\"icon-md-\"],\n[class*=\" icon-md-\"],\n.icon-md {\n inline-size: 32px;\n block-size: 32px;\n vertical-align: middle;\n}\n\n.icon-lg {\n inline-size: 48px;\n block-size: 48px;\n}\n\n.icon-xl {\n inline-size: 64px;\n block-size: 64px;\n}\n\n.icon-xxl {\n inline-size: 96px;\n block-size: 96px;\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n@import \"_variables\";\n\n/* doc\n---\ntitle: \"Paging\"\nname: paging\ncategory: \"Components - Paging\"\n---\n\n- [paging.less] (https://git.plesk.tech/projects/PLESK/repos/plesk/browse/common/theme/less/core/paging.less)\n\n```html_example\n<div class=\"paging\">\n <div class=\"paging-area\">\n <span class=\"paging-info\">4 items total</span>\n <span class=\"paging-view\">Entries per page: <a href=\"#\">10</a> <span>25</span> <a href=\"#\">100</a> <a href=\"#\">All</a></span>\n <span class=\"paging-nav\">Pages: First <span><<</span> <span>1</span> <a href=\"#\">2</a> <a href=\"#\">>></a> <a href=\"#\">Last</a></span>\n </div>\n</div>\n```\n*/\n.paging {\n inline-size: 100%;\n font-size: 12px;\n line-height: 1.333;\n color: @token-color-grey-8;\n\n .paging-info {\n display: inline-block;\n margin-block: 4px;\n margin-inline: 0;\n }\n\n .paging-view,\n .paging-nav {\n display: block;\n margin-block: 4px;\n margin-inline: 0;\n }\n\n .paging-nav {\n display: block;\n white-space: nowrap;\n }\n}\n\n.objects-details .paging {\n padding: 0;\n}\n\n@media (max-width: @breakpoint-small-max) {\n .list + .paging {\n display: none;\n }\n\n .paging {\n margin-block: 8px;\n margin-inline: 0;\n\n .paging-info {\n border-block-end: 1px dotted;\n cursor: pointer;\n }\n\n .paging-view,\n .paging-nav {\n display: none;\n }\n }\n\n .r-paging-visible {\n .paging-view,\n .paging-nav {\n display: block;\n }\n }\n}\n\n@media (min-width: @breakpoint-medium) {\n .paging-area {\n display: inline-block;\n inline-size: 100%;\n }\n\n .paging {\n .paging-info {\n float: inline-start;\n }\n\n .paging-view {\n float: inline-end;\n }\n\n .paging-nav {\n text-align: center;\n }\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n@import \"_variables\";\n\n/* doc\n---\ntitle: \"Labels\"\nname: labels\ncategory: \"Components - Labels\"\n---\n\n- [label.less] (https://git.plesk.tech/projects/PLESK/repos/plesk/browse/common/theme/less/core/labels.less)\n\n```html_example\n<p>\n <span class=\"label label-default\">Default</span>\n <span class=\"label label-inactive\">Inactive</span>\n <span class=\"label label-success\">Success</span>\n <span class=\"label label-info\">Info</span>\n <span class=\"label label-warning\">Warning</span>\n <span class=\"label label-danger\">Danger</span>\n</p>\n<p>\n <a href=\"#\" class=\"label label-default\">Default</a>\n <a href=\"#\" class=\"label label-inactive\">Inactive</a>\n <a href=\"#\" class=\"label label-success\">Success</a>\n <a href=\"#\" class=\"label label-info\">Info</a>\n <a href=\"#\" class=\"label label-warning\">Warning</a>\n <a href=\"#\" class=\"label label-danger\">Danger</a>\n</p>\n```\n*/\n\n.label-variant(@color) {\n background-color: @color;\n\n &[href] {\n &:hover,\n &:focus {\n background-color: darken(@color, 10%);\n }\n }\n}\n\n.label {\n display: inline-block;\n padding-block: @label-padding-block;\n padding-inline: @label-padding-inline;\n border-radius: @label-border-radius;\n font-size: @label-font-size;\n font-weight: @label-font-weight;\n line-height: @label-line-height;\n letter-spacing: 0.5px;\n text-transform: uppercase;\n color: @label-color;\n text-align: center;\n .label-variant(@label-background);\n\n a& {\n &:hover,\n &:focus {\n color: @label-link-hover-color;\n text-decoration: none;\n cursor: pointer;\n }\n }\n}\n\n.label-inactive {\n .label-variant(@label-inactive-background);\n}\n\n.label-success {\n .label-variant(@label-success-background);\n}\n\n.label-info {\n .label-variant(@label-info-background);\n}\n\n.label-warning {\n .label-variant(@label-warning-background);\n}\n\n.label-danger {\n .label-variant(@label-danger-background);\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n@import \"_variables\";\n\n@bar-chart-item-background: @token-color-grey-3;\n@bar-chart-item-bar-background: @token-color-primary-2;\n@bar-chart-item-bar-danger-background: @token-color-danger-2;\n\n/* doc\n---\ntitle: \"Bar Chart Table\"\nname: progress-bar-09\ncategory: \"Components - Progress Bar\"\n---\n```html_example\n<table class=\"bar-chart-table\" cellspacing=\"0\">\n <tbody>\n <tr>\n <td colspan=\"2\">Select day</td>\n <td class=\"bar-chart-table-data\">\n <select name=\"\">\n <option label=\"01\" value=\"01\">01</option>\n </select>\n <select name=\"\">\n <option label=\"January\" value=\"1\">January</option>\n </select>\n <select name=\"\">\n <option label=\"2013\" value=\"2016\" selected=\"selected\">2016</option>\n </select>\n </td>\n </tr>\n <tr class=\"bar-chart-table-separator\">\n <td colspan=\"3\"><hr></td>\n </tr>\n <tr>\n <td>HH:00</td>\n <td>###</td>\n <td class=\"bar-chart-table-data\">\n <span class=\"bar-chart-item bar-chart-item-over\"><i style=\"100%\"></i><b>### attempts</b></span>\n </td>\n </tr>\n <tr>\n <td>HH:00</td>\n <td>###</td>\n <td class=\"bar-chart-table-data\">\n <span class=\"bar-chart-item\"><i style=\"width: 75%\"></i></span>\n </td>\n </tr>\n <tr>\n <td>HH:00</td>\n <td>###</td>\n <td class=\"bar-chart-table-data\">\n <span class=\"bar-chart-item\"><i style=\"width: 55%\"></i></span>\n </td>\n </tr>\n </tbody>\n</table>\n```\n*/\n.bar-chart-table {\n inline-size: 200px;\n\n td {\n padding-block: 2px;\n padding-inline: 10px 0;\n white-space: nowrap;\n\n &:first-child {\n padding-inline-start: 0;\n }\n }\n}\n\n.bar-chart-table-data {\n inline-size: 100%;\n}\n\n.bar-chart-table .separator hr {\n margin-block: 8px;\n margin-inline: 0;\n}\n\n.bar-chart-item,\n.bar-chart-item i {\n display: block;\n block-size: 16px;\n border-radius: 2px;\n}\n\n.bar-chart-item {\n position: relative;\n display: inline-block;\n inline-size: 100%;\n min-inline-size: 160px;\n vertical-align: middle;\n background-color: @bar-chart-item-background;\n\n b {\n position: absolute;\n inset-block-start: 0;\n inset-inline-start: 0;\n inline-size: 100%;\n block-size: 16px;\n text-align: center;\n line-height: 16px;\n font-weight: 400;\n font-size: 12px;\n color: @base-body-color;\n }\n\n i {\n background-color: @bar-chart-item-bar-background;\n }\n}\n\n.bar-chart-item-over i {\n inline-size: 100%;\n background-color: @bar-chart-item-bar-danger-background;\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n@import \"_variables\";\n@import \"_mixins\";\n\n// Name: Dropdown\n//\n// Modifiers: `dropdown-menu-flip`\n// `dropdown-menu-up`\n// `dropdown-scrollable`\n//\n// States: `open`\n//\n// ========================================================================\n\n// Dropdown arrow/caret\n.caret {\n display: inline-block;\n inline-size: 6px;\n block-size: 6px;\n margin-inline-start: 2px;\n vertical-align: 0;\n .svg-arrow-6-block-end(@token-color-grey-8);\n\n background-repeat: no-repeat;\n background-size: contain;\n\n .dropup & {\n transform: rotate(180deg);\n }\n}\n\n// The dropdown wrapper (div)\n.dropup,\n.dropdown {\n position: relative;\n}\n\n// Prevent the focus on the dropdown toggle when closing dropdowns\n.dropdown-toggle:focus {\n outline: 0;\n}\n\n// The dropdown menu (ul)\n.dropdown-menu {\n position: absolute;\n inset-block-start: 100%;\n inset-inline-start: 0;\n z-index: @dropdown-z-index;\n display: none;\n box-sizing: border-box;\n float: inline-start;\n min-inline-size: @dropdown-inline-size;\n padding-block: 4px;\n padding-inline: 0;\n margin-block: 4px 0;\n margin-inline: 0;\n list-style: none;\n font-size: @dropdown-font-size;\n text-align: start;\n line-height: normal;\n background-color: @dropdown-background;\n border-radius: 2px;\n box-shadow: @dropdown-shadow;\n background-clip: padding-box;\n\n // Modifier `dropdown-submenu`\n .dropdown-submenu {\n position: relative;\n\n > .dropdown-menu {\n inset-block-start: -4px;\n inset-inline-start: 100%;\n margin-block: 0;\n margin-inline: 4px 0;\n display: none;\n }\n\n &.to-left > .dropdown-menu {\n inset-inline: auto 100%;\n margin-block: 0;\n margin-inline: 0 4px;\n }\n\n &.open > .dropdown-menu {\n display: block;\n }\n }\n\n .dropdown-submenu > a {\n padding-inline-end: 20px;\n\n &::after {\n transform: scale(1) /*rtl:scale(-1)*/;\n content: \"\";\n position: absolute;\n inset-block-start: 50%;\n inset-inline-end: 8px;\n display: inline-block;\n inline-size: 8px;\n block-size: 8px;\n margin-block-start: -4px;\n background-repeat: no-repeat;\n background-size: contain;\n .svg-arrow-8-inline-end(@token-color-grey-8);\n }\n }\n\n // The dropdown menu (div)\n > ul {\n box-sizing: border-box;\n min-inline-size: @dropdown-inline-size;\n padding: 0;\n margin: 0;\n list-style: none;\n border: 0;\n }\n\n .divider {\n block-size: @dropdown-divider-block-size;\n margin: @dropdown-divider-margin;\n background-color: @dropdown-divider-color;\n }\n}\n\n// Open state for the dropdown\n.btn-group-open,\n.open {\n > .dropdown-menu {\n display: block;\n animation: @dropdown-animation 0.2s ease-in-out;\n transform-origin: 0 0;\n }\n\n > a {\n outline: 0;\n }\n}\n\n// Modifier `dropdown-menu-flip`\n.dropdown-menu.pull-right,\n.pull-right > .dropdown-menu,\n.dropdown-menu-flip {\n inset-inline: auto 0;\n}\n\n// Modifier `.dropdown-menu-up`\n.dropup .dropdown-menu,\n.dropdown-menu-up {\n inset-block: auto 100%;\n margin-block: auto 4px;\n}\n\n// Links within the dropdown menu\n.dropdown-menu,\n.dropdown-menu-nav,\n.dropdown-menu-list {\n > li > a {\n display: block;\n padding-block: @dropdown-item-padding-block;\n padding-inline: @dropdown-item-padding-inline;\n clear: both;\n font-weight: @dropdown-item-font-weight;\n line-height: @dropdown-item-line-height;\n color: @dropdown-item-color;\n white-space: nowrap;\n\n &:hover,\n &:focus {\n text-decoration: none;\n outline: 0;\n color: @dropdown-item-hover-color;\n background-color: @dropdown-item-hover-background;\n }\n }\n\n > li > .s-btn {\n margin: 0;\n padding-inline-start: 28px;\n\n [class^=\"icon-\"],\n [class*=\" icon-\"],\n .icon,\n &[class^=\"sb-\"]::before,\n &[class*=\" sb-\"]::before {\n margin-block-start: 2px;\n }\n }\n\n // Active state\n > .active > a {\n &,\n &:hover,\n &:focus {\n text-decoration: none;\n outline: 0;\n color: @dropdown-item-active-color;\n background-color: @dropdown-item-active-background;\n }\n }\n // Disabled state\n > .disabled > a {\n &,\n &:hover,\n &:focus {\n text-decoration: none;\n color: @dropdown-item-disabled-color;\n opacity: 0.47;\n background: none;\n cursor: not-allowed;\n }\n }\n}\n\n.dropdown-menu-content {\n padding-block: 4px;\n padding-inline: 8px;\n}\n\n// Dropdown section headers\n.dropdown-header {\n display: block;\n padding-block: @dropdown-header-padding-block;\n padding-inline: @dropdown-header-padding-inline;\n font-size: @dropdown-header-font-size;\n text-transform: uppercase;\n line-height: @dropdown-header-line-height;\n color: @dropdown-header-color;\n white-space: nowrap;\n\n &:not(:first-child) {\n margin-block-start: @dropdown-header-margin-block-start;\n }\n}\n\n.dropdown-menu--full {\n inline-size: 100%;\n min-inline-size: 100%;\n\n &,\n > li > a {\n white-space: normal;\n }\n}\n\n// Modifier `dropdown-icon-menu`\n\n.dropdown-icon-menu,\n.dropdown-icon-menu .dropdown-menu-nav,\n.dropdown-icon-menu .dropdown-menu-list {\n > li > a {\n padding-inline-start: @dropdown-icon-menu-item-padding;\n\n [class^=\"icon-\"],\n [class*=\" icon-\"],\n .icon {\n float: inline-start;\n margin-block-start: 2px;\n margin-inline-start: @dropdown-icon-menu-icon-margin;\n }\n }\n\n > li > .s-btn {\n padding-inline-start: @dropdown-icon-menu-item-padding;\n\n [class^=\"icon-\"],\n [class*=\" icon-\"],\n .icon,\n &[class^=\"sb-\"]::before,\n &[class*=\" sb-\"]::before {\n float: inline-start;\n margin-block-start: 2px;\n margin-inline-start: @dropdown-icon-menu-icon-margin;\n }\n }\n}\n\n.dropdown-icon-menu {\n .dropdown-header,\n .dropdown-menu-content {\n padding-inline-start: @dropdown-icon-menu-item-padding;\n }\n\n .divider {\n margin-inline: @dropdown-icon-menu-divider-margin;\n }\n\n &__content--only,\n &__content--bottom {\n position: relative;\n z-index: 1;\n background-color: @dropdown-background;\n }\n\n &__content--only {\n margin: 0;\n padding-block: 8px 0;\n padding-inline: 8px;\n }\n\n &__content--bottom {\n margin-block: 8px 0;\n margin-inline: 0;\n padding-block: 8px 0;\n padding-inline: 8px;\n border-block-start: 1px solid @dropdown-divider-color;\n }\n}\n\n// Modifier `dropdown-scrollable`\n.dropdown-scrollable {\n overflow-y: auto;\n max-block-size: @dropdown-scrollable-block-size;\n}\n\n/* Popup menu\n -------------------------------------------------------------------------- */\n\n.objects-toolbar .actions-menu {\n position: relative;\n float: inline-start;\n}\n\n.actions-menu .popup-box,\n.popup-menu.popup-box,\n.fm-popup-file-operations.popup-box {\n position: absolute;\n inset-block-start: 100%;\n inset-inline-start: 0;\n z-index: @dropdown-z-index;\n box-sizing: border-box;\n padding-block: 4px;\n padding-inline: 0;\n margin-block: 4px 0;\n margin-inline: 0;\n font-size: @dropdown-font-size;\n text-align: start;\n background-color: @dropdown-background;\n background-clip: padding-box;\n border-radius: 2px;\n box-shadow: @token-shadow-5;\n transition: none;\n animation: @dropdown-animation 0.2s ease-in-out;\n transform-origin: 0 0;\n\n &.collapsed {\n display: none;\n }\n\n .popup-heading {\n display: none;\n }\n\n .popup-wrapper {\n inline-size: 100%;\n max-inline-size: 100%;\n }\n\n .popup-content {\n padding: 0;\n }\n\n ul {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n ul > li > a {\n display: block;\n padding-block: @dropdown-item-padding-block;\n padding-inline: @dropdown-item-padding-inline;\n clear: both;\n font-weight: @dropdown-item-font-weight;\n line-height: @dropdown-item-line-height;\n color: @dropdown-item-color;\n white-space: nowrap;\n\n &:hover,\n &:focus {\n text-decoration: none;\n outline: 0;\n color: @dropdown-item-hover-color;\n background-color: @dropdown-item-hover-background;\n }\n\n &:active {\n color: @dropdown-item-active-color;\n background-color: @dropdown-item-active-background;\n }\n }\n\n ul > li > .s-btn,\n ul > li > .sb-btn {\n margin: 0;\n\n [class^=\"icon-\"],\n [class*=\" icon-\"],\n .icon,\n &[class^=\"sb-\"]::before,\n &[class*=\" sb-\"]::before {\n display: none;\n }\n }\n\n ul > .active > a {\n &,\n &:hover,\n &:focus {\n text-decoration: none;\n outline: 0;\n color: @dropdown-item-active-color;\n background-color: @dropdown-item-active-background;\n }\n }\n\n ul > .selected > a {\n &,\n &:hover,\n &:focus {\n text-decoration: none;\n outline: 0;\n color: @dropdown-item-selected-color;\n background-color: @dropdown-item-selected-background;\n cursor: default;\n }\n }\n\n ul > .disabled > a {\n &,\n &:hover,\n &:focus {\n text-decoration: none;\n color: @dropdown-item-disabled-color;\n opacity: 0.47;\n background: none;\n cursor: not-allowed;\n }\n }\n\n .separator {\n block-size: @dropdown-divider-block-size;\n margin: @dropdown-divider-margin;\n background-color: @dropdown-divider-color;\n }\n}\n\n.actions-menu .popup-box {\n min-inline-size: 100%;\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n/* = Popup Windows (sid-popup) =\n------------------------------------------------------------------------------ */\n\n.sid-popup .topline {\n position: relative;\n padding-block: 8px;\n padding-inline: 10px;\n text-align: center;\n border-block-end: 1px solid #c4cacd;\n background: #f3f5f6;\n\n &::before,\n &::after {\n display: table;\n content: \"\";\n }\n\n &::after {\n clear: both;\n }\n\n .close {\n float: inline-end;\n }\n\n .navigation {\n float: inline-start;\n }\n}\n\n.sid-popup .screenshots-images {\n padding: 20px;\n text-align: center;\n\n img {\n margin-block: 0 10px;\n margin-inline: 0;\n box-shadow: 0 0 20px rgb(0 0 0 / 0.5);\n }\n}\n\n.sid-popup.home-dir-popup {\n table {\n inline-size: 100%;\n border-collapse: collapse;\n\n td {\n padding: 0;\n vertical-align: top;\n }\n }\n\n .formArea .buttons {\n margin: 0;\n border: 0;\n\n td {\n padding: 10px;\n }\n }\n\n input,\n select {\n inline-size: 100%;\n margin: 0;\n }\n\n input[readonly] {\n padding-block: 2px;\n padding-inline: 3px;\n border: 0;\n }\n\n .path {\n block-size: 1%;\n\n div {\n overflow: hidden;\n }\n }\n\n form,\n table,\n select,\n .path-list {\n block-size: 100%;\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n@import \"_variables\";\n\n/* doc\n---\ntitle: \"Net Promoter Score (NPS) Survey\"\nname: nps-survey\ncategory: \"Components - Net Promoter Score (NPS) Survey\"\n---\n\n- [nps-survey.less] (https://git.plesk.tech/projects/PLESK/repos/plesk/browse/common/theme/less/components/nps-survey.less)\n\n```html_example\n<div class=\"nps-survey\">\n\n <p class=\"nps-survey__question\">How likely is it that you recommend Plesk to a friend or a collegue?</p>\n\n <div class=\"nps-survey__container nps-survey__container--block\">\n\n <div class=\"nps-survey__scores\">\n <label class=\"nps-survey__score nps-survey__score--0\">\n <input type=\"radio\" name=\"nps-survey-option\" value=\"0\" />\n <span class=\"nps-survey__score-label\"></span>\n </label>\n <label class=\"nps-survey__score nps-survey__score--1\">\n <input type=\"radio\" name=\"nps-survey-option\" value=\"1\" />\n <span class=\"nps-survey__score-label\"></span>\n </label>\n <label class=\"nps-survey__score nps-survey__score--2\">\n <input type=\"radio\" name=\"nps-survey-option\" value=\"2\" />\n <span class=\"nps-survey__score-label\"></span>\n </label>\n <label class=\"nps-survey__score nps-survey__score--3\">\n <input type=\"radio\" name=\"nps-survey-option\" value=\"3\" />\n <span class=\"nps-survey__score-label\"></span>\n </label>\n <label class=\"nps-survey__score nps-survey__score--4\">\n <input type=\"radio\" name=\"nps-survey-option\" value=\"4\" />\n <span class=\"nps-survey__score-label\"></span>\n </label>\n <label class=\"nps-survey__score nps-survey__score--5\">\n <input type=\"radio\" name=\"nps-survey-option\" value=\"5\" />\n <span class=\"nps-survey__score-label\"></span>\n </label>\n <label class=\"nps-survey__score nps-survey__score--6\">\n <input type=\"radio\" name=\"nps-survey-option\" value=\"6\" />\n <span class=\"nps-survey__score-label\"></span>\n </label>\n <label class=\"nps-survey__score nps-survey__score--7\">\n <input type=\"radio\" name=\"nps-survey-option\" value=\"7\" />\n <span class=\"nps-survey__score-label\"></span>\n </label>\n <label class=\"nps-survey__score nps-survey__score--8\">\n <input type=\"radio\" name=\"nps-survey-option\" value=\"8\" />\n <span class=\"nps-survey__score-label\"></span>\n </label>\n <label class=\"nps-survey__score nps-survey__score--9\">\n <input type=\"radio\" name=\"nps-survey-option\" value=\"9\" />\n <span class=\"nps-survey__score-label\"></span>\n </label>\n <label class=\"nps-survey__score nps-survey__score--10\">\n <input type=\"radio\" name=\"nps-survey-option\" value=\"10\" />\n <span class=\"nps-survey__score-label\"></span>\n </label>\n </div>\n\n <div class=\"nps-survey__legend\">\n <div class=\"nps-survey__legend-left\">Not likely at all</div>\n <div class=\"nps-survey__legend-right\">Extremely likely</div>\n </div>\n\n </div>\n\n</div>\n```\n*/\n\n// Variables\n// ========================================================================\n\n.generate-emoji(@index: 0) when (@index =< 11) {\n &__score--@{index} {\n .nps-survey__score-label {\n /* rtl:ignore */\n background-position: -(@index * 50px) 0;\n }\n\n .nps-survey__score-label:hover,\n > input[type=\"radio\"]:checked ~ .nps-survey__score-label {\n /* rtl:ignore */\n background-position: -(@index * 50px) -51px;\n }\n }\n .generate-emoji(@index + 1);\n}\n\n.nps-survey {\n &__container {\n max-inline-size: 600px;\n\n &--block {\n padding: 12px;\n background: #fff;\n }\n }\n\n &__scores {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n margin-block: 0;\n margin-inline: -6px;\n\n @media (min-width: @breakpoint-medium) {\n justify-content: space-between;\n }\n }\n\n &__score {\n flex: none;\n padding-block: 4px;\n padding-inline: 6px;\n cursor: pointer;\n\n > input[type=\"radio\"] {\n inline-size: 1px;\n block-size: 1px;\n border: 0;\n clip: rect(0 0 0 0);\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n }\n }\n\n &__score-label {\n display: block;\n inline-size: 38px;\n block-size: 38px;\n border-radius: 50%;\n background: url(\"../images/nps-survey-emoji.svg\") no-repeat;\n background-size: 538px 89px;\n transition: box-shadow 0.3s;\n }\n\n .generate-emoji();\n\n &__score > input[type=\"radio\"]:checked ~ .nps-survey__score-label {\n box-shadow:\n inset 0 0 0 0.6px #ffaba5,\n 0 0 0 4px #ffaba5;\n }\n\n &__score--7,\n &__score--8 {\n > input[type=\"radio\"]:checked ~ .nps-survey__score-label {\n box-shadow:\n inset 0 0 0 0.6px #ffe092,\n 0 0 0 4px #ffe092;\n }\n }\n\n &__score--9,\n &__score--10 {\n > input[type=\"radio\"]:checked ~ .nps-survey__score-label {\n box-shadow:\n inset 0 0 0 0.6px #d3f86b,\n 0 0 0 4px #d3f86b;\n }\n }\n\n &__legend {\n display: flex;\n justify-content: space-between;\n margin-block-start: 6px;\n font-size: 12px;\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n@import \"_variables\";\n\n.is-scrollable {\n overflow: auto;\n}\n\n// Font Size\n\n@font-size-xxx-small: 9px;\n@font-size-xx-small: 10px;\n@font-size-x-small: 11px;\n@font-size-small: 12px;\n@font-size-medium: @base-body-font-size; // 13px\n@font-size-large: 14px;\n@font-size-x-large: 15px;\n@font-size-xx-large: 16px;\n\n@font-size-heading-xx-small: 15px;\n@font-size-heading-x-small: 16px;\n@font-size-heading-small: 20px;\n@font-size-heading-medium: 24px;\n\n.text-body--default {\n font-size: @font-size-medium;\n}\n\n.text-body--xxx-small {\n font-size: @font-size-xxx-small;\n}\n\n.text-body--x-small {\n font-size: @font-size-x-small;\n}\n\n.text-body--small {\n font-size: @font-size-small;\n}\n\n.text-heading--x-small {\n font-size: @font-size-heading-x-small;\n line-height: 1.4;\n}\n\n.text-heading--xx-small {\n font-size: @font-size-heading-xx-small;\n line-height: 1.4;\n font-weight: 600;\n}\n\n// Line Height\n\n@line-height-reset: 1;\n\n.line-height--reset {\n line-height: @line-height-reset;\n}\n\n// Text Color\n\n@color-text-default: #000;\n@color-text-muted-dark: #666;\n@color-text-muted: #787878;\n@color-text-muted-light: #a9a9a9;\n@color-text-inverse: #fff;\n\n.text-color--default {\n color: @color-text-default;\n}\n\n.text-color--muted {\n color: @color-text-muted;\n}\n\n.text-color--muted-light {\n color: @color-text-muted-light;\n}\n\n.text-color--muted-dark {\n color: @color-text-muted-dark;\n}\n\n.text-color--inverse {\n color: @color-text-inverse;\n}\n\n// Spacing\n\n@border-width-thin: 1px;\n@border-width-thick: 2px;\n\n@spacing-none: 0;\n@spacing-xxx-small: 2px;\n@spacing-xx-small: 4px;\n@spacing-x-small: 8px;\n@spacing-small: 12px;\n@spacing-medium: 16px;\n@spacing-large: 24px;\n@spacing-x-large: 32px;\n@spacing-xx-large: 48px;\n@spacing-xxx-large: 64px;\n\n.p-top--medium {\n padding-block-start: @spacing-medium;\n}\n\n.p-right--medium {\n padding-inline-end: @spacing-medium;\n}\n\n.p-bottom--medium {\n padding-block-end: @spacing-medium;\n}\n\n.p-left--medium {\n padding-inline-start: @spacing-medium;\n}\n\n.p-top--x-large {\n padding-block-start: @spacing-x-large;\n}\n\n.p-right--x-large {\n padding-inline-end: @spacing-x-large;\n}\n\n.p-bottom--x-large {\n padding-block-end: @spacing-x-large;\n}\n\n.p-left--x-large {\n padding-inline-start: @spacing-x-large;\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n@import \"_variables\";\n@import \"_mixins\";\n\n/* doc\n---\ntitle: \"Object Management Layout\"\nname: object-mng\ncategory: \"Layout - Object Management\"\n---\n\n- [object-management-layout.less] (https://git.plesk.tech/projects/PLESK/repos/plesk/browse/common/theme/less/core/object-management-layout.less)\n\n```html_example\n<div class=\"objects-management-box objects-management-box-collapsible clearfix\">\n\n <div class=\"objects-list\">\n <div class=\"objects-content\" style=\"height: 200px;\">\n <div class=\"objects-content-area\">\n <!-- navigation -->\n </div>\n </div>\n </div> <!-- /objects-list -->\n\n <div class=\"frame-switcher\">\n <div class=\"frame-switcher-wrap\"><span></span></div>\n </div>\n\n <div class=\"objects-details\">\n <div class=\"objects-details-content\">\n <div class=\"objects-details-content-area\">\n <!-- top content -->\n <div class=\"objects-content\" style=\"height: 200px;\">\n <div class=\"objects-content-area\">\n <!-- main content -->\n </div>\n </div>\n\n </div>\n </div>\n </div>\n</div>\n```\n*/\n\n// Variables\n// ========================================================================\n\n@om-frame-switcher-background: #1e96c9;\n@om-objects-list-background: #ecf5f9;\n@om-top-action-background: #0f7faf;\n@om-top-action-hover-background: #1e96c9;\n@om-hint-help-background: rgba(30, 150, 201, 0.15);\n@om-nav-item-hover-background: rgba(30, 150, 201, 0.1);\n@om-nav-item-active-background: rgba(30, 150, 201, 0.3);\n\n/* = Two column object management layout =\n------------------------------------------------------------------------------ */\n\n.objects-management-box {\n position: relative;\n padding-inline-start: 0;\n\n @media (min-width: @breakpoint-large) {\n padding-inline-start: 196px;\n }\n}\n\n.objects-list {\n margin-block: 0 16px;\n margin-inline: 0;\n\n @media (min-width: @breakpoint-large) {\n float: inline-start;\n box-sizing: border-box;\n inline-size: 196px;\n margin-block: 0;\n margin-inline: -196px 0;\n\n .objects-content,\n .objects-content-area {\n position: relative;\n overflow: auto;\n }\n\n .objects-content {\n inline-size: auto;\n margin-inline-end: -18px;\n }\n\n .objects-content-area {\n inline-size: 196px;\n }\n }\n\n .top-action {\n padding-block: 0;\n padding-inline: 12px;\n border: solid @tabs-border-color;\n border-width: logical 0 0 0 2px;\n text-align: center;\n }\n\n .top-action > a {\n display: block;\n border-radius: 2px;\n color: @btn-color;\n padding-block: @btn-padding-block;\n padding-inline: @btn-padding-inline;\n background-color: @btn-background;\n min-block-size: @btn-block-size;\n line-height: @btn-line-height;\n font-size: @btn-font-size;\n font-weight: @btn-font-weight;\n text-decoration: none;\n box-shadow: @btn-shadow;\n transition: background-color 0.18s;\n\n &:hover,\n &:focus {\n background-color: @btn-hover-background;\n color: @btn-hover-color;\n text-decoration: none;\n box-shadow: @btn-shadow-hover;\n }\n\n &:active,\n &.active {\n background-color: @btn-active-background;\n color: @btn-active-color;\n box-shadow: @btn-shadow-active;\n }\n\n i {\n font-style: normal;\n }\n\n span i {\n display: none;\n }\n }\n\n hr {\n display: none;\n }\n\n .hint-help {\n padding: 12px;\n border-radius: 2px;\n font-size: 12px;\n line-height: 16px;\n background-color: @token-color-grey-2;\n\n .content {\n padding-inline-start: 22px;\n background: 0 0 no-repeat;\n\n .icon-small(\"note.png\");\n\n background-size: 16px;\n }\n\n p {\n margin-block-end: 4px;\n }\n }\n}\n\n.objects-management-box-collapsible {\n transition: padding 0.2s linear;\n\n .objects-list {\n transition: all 0.2s linear;\n }\n\n .frame-switcher {\n position: absolute;\n z-index: 1;\n inline-size: 0;\n block-size: 100%;\n cursor: pointer;\n border-inline-end: 1px solid @token-color-grey-5;\n }\n\n .frame-switcher-wrap {\n position: absolute;\n inset-block-start: 50%;\n inline-size: 16px;\n block-size: 88px;\n margin-block: -44px 0;\n margin-inline: 0;\n border-start-start-radius: 0;\n border-start-end-radius: 4px;\n border-end-end-radius: 4px;\n border-end-start-radius: 0;\n background-color: @token-color-grey-a3;\n transition: 0.25s 0.15s linear;\n\n > span {\n transform: rotate(0) /*rtl:rotate(180deg)*/;\n position: absolute;\n inset-block-start: 50%;\n inset-inline-end: auto;\n display: inline-block;\n inline-size: 8px;\n block-size: 8px;\n margin-block: -4px 0;\n margin-inline: 3px;\n .svg-arrow-8-inline-start(\"#222\");\n\n background-repeat: no-repeat;\n background-size: contain;\n transition: 0.25s 0.15s linear;\n }\n }\n\n .frame-switcher:hover .frame-switcher-wrap {\n inset-block-start: 0;\n block-size: 100%;\n margin: 0;\n }\n\n &.objects-management-box-collapsed,\n &.fm-hidden-tree {\n padding-inline-start: 1px;\n\n .objects-list {\n margin-inline-start: -1px;\n inline-size: 0;\n overflow: hidden;\n }\n\n .objects-list .objects-content,\n .objects-list .objects-content-area {\n overflow: hidden;\n }\n }\n\n &.fm-hidden-tree,\n &.fm-hidden-tree .objects-list {\n transition: none;\n }\n}\n\n.objects-management-box-collapsed,\n.fm-hidden-tree {\n .frame-switcher-wrap > span {\n transform: rotate(180deg) /*rtl:rotate(0)*/;\n position: absolute;\n }\n}\n\n/* doc\n---\ntitle: \"Sidebar Navigation\"\nname: navigation-01\ncategory: \"Components - Navigation\"\n---\n\n- [object-management-layout.less] (https://git.plesk.tech/projects/PLESK/repos/plesk/browse/common/theme/less/core/object-management-layout.less)\n\n```html_example\n<div class=\"objects-management-box clearfix\">\n <div class=\"objects-list\">\n <div class=\"objects-content\">\n <div class=\"objects-content-area\">\n\n <div class=\"objects-nav-container\">\n <div class=\"objects-nav\">\n <ul class=\"objects-nav-list\">\n <li class=\"objects-nav-item objects-nav-indent objects-nav-item-active\">\n <a href=\"#!\" class=\"objects-nav-block\">\n <span class=\"objects-nav-name\">Active Item</span>\n <span class=\"objects-nav-info\">Description</span>\n </a>\n </li>\n <li class=\"objects-nav-item\">\n <a href=\"#!\" class=\"objects-nav-block\">\n <span class=\"objects-nav-name\">Item</span>\n </a>\n </li>\n <li class=\"objects-nav-item objects-nav-item-1\">\n <a href=\"#!\" class=\"objects-nav-block\">\n <span class=\"objects-nav-name\">SubItem</span>\n </a>\n </li>\n </ul>\n </div>\n <hr>\n <div class=\"objects-nav\">\n <div class=\"objects-nav-title\"><span>Title</span></div>\n <ul class=\"objects-nav-list\">\n <li class=\"objects-nav-item objects-nav-indent\">\n <a href=\"#!\" class=\"objects-nav-block\">\n <span class=\"objects-nav-name\">Item</span>\n <span class=\"objects-nav-info\">Description</span>\n </a>\n <ul><li><a href=\"#!\">InnerItem</a></li></ul>\n </li>\n </ul>\n </div>\n </div>\n\n </div>\n </div>\n </div> <!-- /objects-list -->\n</div>\n```\n*/\n\n/* Object management navigation */\n.objects-nav-container {\n box-sizing: border-box;\n display: inline-block;\n inline-size: 100%;\n margin-block-end: 16px;\n padding: 0;\n border: solid @tabs-border-color;\n border-width: logical 0 0 0 2px;\n\n @media (max-width: @breakpoint-medium-max) {\n border-width: logical 0 2px 0 0;\n }\n}\n\n.objects-nav {\n margin-block: 4px;\n margin-inline: 0;\n}\n\n.objects-nav-title {\n padding-block: 6px;\n padding-inline: 12px;\n}\n\n.objects-nav-list {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n.objects-nav-item {\n position: relative;\n text-align: end;\n\n &::before {\n content: \"\";\n position: absolute;\n inset-block-start: 0;\n inset-inline: auto -2px;\n block-size: 100%;\n inline-size: 2px;\n background-color: transparent;\n transition: 0.18s ease-out;\n }\n\n @media (max-width: @breakpoint-medium-max) {\n text-align: start;\n\n &::before {\n inset-inline: -2px auto;\n }\n }\n\n &:hover::before {\n background-color: @base-link-color;\n }\n\n ul {\n padding-block: 0 6px;\n padding-inline: 12px;\n font-size: 12px;\n }\n\n li {\n list-style: inside\n url(\"data:image/svg+xml,%3Csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0' y1='6' x2='12' y2='6' stroke-width='2' stroke='%23222222'/%3E%3C/svg%3E\");\n }\n\n @media (max-width: @breakpoint-medium-max) {\n ul {\n margin: 0;\n padding-block: 0 4px;\n padding-inline: 28px 0;\n }\n\n li {\n list-style-type: disc;\n list-style-position: outside;\n }\n }\n\n .objects-nav-icon {\n display: none;\n\n img {\n inline-size: 16px;\n block-size: 16px;\n }\n }\n}\n\n.objects-nav-item-active,\n.objects-nav-item-active:hover {\n &::before {\n background-color: @tab-color-selected;\n }\n}\n\n.objects-nav-block {\n position: relative;\n display: block;\n padding-block: 6px;\n padding-inline: 12px;\n color: @base-body-color;\n text-decoration: none;\n\n em {\n font-style: normal;\n }\n\n &:hover {\n color: @base-body-color;\n text-decoration: none;\n }\n}\n\n.objects-nav-name,\n.objects-nav-count {\n display: inline-block;\n}\n\n.objects-nav-name {\n vertical-align: top;\n font-weight: 600;\n color: @token-color-grey-9;\n\n .objects-nav-block:hover &,\n .objects-nav-item-active &,\n .objects-nav-item-active:hover & {\n color: @base-body-color;\n text-decoration: none;\n }\n\n + .objects-nav-info {\n margin-block-start: 4px;\n }\n}\n\n.objects-nav-info {\n display: block;\n font-size: 12px;\n line-height: 16px;\n color: @token-color-grey-8;\n}\n\n.objects-nav-item-1 .objects-nav-block {\n padding-block: 6px;\n padding-inline: 12px;\n font-size: 12px;\n line-height: 16px;\n\n .objects-nav-name {\n color: @base-link-color;\n }\n}\n\n/* Object management tree navigation */\n.objects-list .tree-wrap {\n position: relative;\n}\n\n.objects-details {\n position: relative;\n inline-size: 100%;\n\n .objects-toolbar,\n .pathbar {\n display: inline-block;\n box-sizing: border-box;\n inline-size: 100%;\n vertical-align: top;\n\n &::before,\n &::after {\n display: none;\n }\n }\n\n .actions-box {\n inline-size: auto;\n margin-block: 0 8px;\n margin-inline: 0;\n\n .search-box {\n padding-block-end: 16px;\n }\n }\n\n .objects-content {\n position: relative;\n overflow: auto;\n padding-block: 4px 0;\n padding-inline: 0;\n\n .actions-box {\n margin-block: 0 8px;\n margin-inline: 0;\n }\n }\n\n .fm-pathbar {\n margin-block: 0 8px;\n margin-inline: 0;\n }\n\n .pathbar {\n margin-block: 0 4px;\n margin-inline: 0;\n padding: 0;\n\n ul {\n inline-size: auto;\n margin: 0;\n }\n }\n\n .objects-details-heading {\n margin-block: 0 16px;\n margin-inline: 0;\n\n h3 {\n margin: 0;\n padding: 0;\n font-size: 24px;\n line-height: 32px;\n color: @base-body-color;\n }\n\n .toolbar {\n // ?\n float: inline-end;\n padding-block: 2px 0;\n padding-inline: 5px 0;\n }\n }\n\n .object-details-hint,\n .msg-box {\n margin-block: 0 16px;\n margin-inline: 0;\n }\n\n .list {\n overflow: visible;\n }\n\n @media (min-width: @breakpoint-large) {\n .objects-details-heading,\n .actions-box,\n .objects-details-content-area > hr,\n .objects-details-content-area > .object-details-hint,\n div.ajax-loading {\n margin-inline-start: 24px;\n }\n\n .objects-content,\n .fm-pathbar,\n .pathbar {\n padding-inline-start: 24px;\n }\n }\n}\n\n@media (max-width: @breakpoint-medium-max) {\n .fm .objects-list,\n .objects-management-box-collapsible .frame-switcher,\n .popup-box.pb-dir-structure {\n display: none;\n }\n\n .objects-list .objects-content,\n .objects-details,\n .objects-details .objects-content,\n .objects-list .objects-content-area,\n .objects-details .objects-content-area {\n overflow: visible;\n block-size: auto !important;\n }\n}\n\n@media (max-width: @breakpoint-small-max) {\n .objects-details {\n .actions-box {\n margin-block: 0 16px;\n margin-inline: 0;\n }\n\n .objects-toolbar {\n display: none;\n }\n\n .r-actions-active .objects-toolbar {\n display: block;\n }\n\n .pathbar,\n .objects-content {\n padding: 0;\n }\n\n .objects-details-heading,\n .objects-details-content-area > hr,\n .objects-details-content-area > .object-details-hint,\n div.ajax-loading {\n margin-inline-start: 0;\n }\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.licenseArea {\n inline-size: 824px;\n margin-block: 20px;\n margin-inline: auto;\n font-size: 12px;\n line-height: 16px;\n\n .licenseTitle {\n margin-block: 0 10px;\n margin-inline: 0;\n padding-block: 0 10px;\n padding-inline: 0;\n border-block-end: 1px solid;\n font-size: 13px;\n font-weight: 700;\n line-height: 16px;\n }\n\n .licenseIndent {\n margin-block: 0;\n margin-inline: 2.5em 0;\n }\n\n .licenseItemNum {\n float: inline-start;\n margin-block: 0;\n margin-inline: -2.5em 0;\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n@import \"_variables\";\n@import \"_mixins\";\n\n@text-muted: @token-color-grey-8;\n\n.text-muted,\n.hint,\n.hint-top,\n.hint-in-input {\n color: @text-muted;\n}\n\n.hint-ok,\n.hint-attention,\n.hint-warning,\n.hint-failed,\n.hint-upgrade,\n.hint-wait,\n.migration-status-success,\n.migration-status-stopped,\n.migration-status-failed,\n.ajax-loading,\n.switch-to {\n padding-block: 0;\n padding-inline: 20px 0;\n background: 0 0 no-repeat;\n background-size: 16px;\n}\n\n.hint-upgrade {\n .icon-small(\"update.png\");\n}\n\n.hint-wait,\n.ajax-loading {\n .icon-small(\"indicator.gif\");\n}\n\n.hint-ok,\n.migration-status-success {\n .icon-small(\"ok.png\");\n}\n\n.hint-attention,\n.hint-warning,\n.migration-status-stopped {\n .icon-small(\"att.png\");\n}\n\n.hint-failed,\n.migration-status-failed {\n .icon-small(\"warning.png\");\n}\n\n.switch-to {\n .icon-small(\"switch.png\");\n}\n\ndiv.ajax-loading {\n padding-block: 6px 10px;\n padding-inline: 25px 0;\n background-position: 5px 7px /*rtl:right 5px top 7px*/;\n line-height: 16px;\n}\n\n.tool-block .hint-attention {\n padding-block: 0;\n padding-inline: 0 20px;\n background-position: 100% 0;\n}\n\n.hint-info {\n cursor: pointer;\n}\n\n.hint-top {\n padding-block: 12px;\n padding-inline: 0;\n}\n\n.tooltipData {\n display: none;\n position: absolute;\n inline-size: 1px;\n block-size: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\n.checkbox-disabled-wrapper {\n position: absolute;\n z-index: 2;\n inline-size: 1em;\n block-size: 1em;\n}\n\n.content-blocker {\n position: absolute;\n z-index: 1000;\n opacity: 0.4;\n background: #fff;\n inset-block: 0;\n inset-inline: 0;\n}\n\n.content-dimmer {\n position: relative;\n\n &::before {\n content: \"\";\n position: absolute;\n inset-block-start: 0;\n inset-inline-start: 0;\n inline-size: 100%;\n block-size: 100%;\n background: rgb(255 255 255 / 0.5);\n transition: background-color 0.5s linear;\n user-select: none;\n z-index: 1000;\n }\n}\n\n.owned-subscription {\n display: block;\n min-block-size: 14px;\n padding-block: 0 2px;\n padding-inline: 0;\n line-height: inherit;\n}\n\n.state-bg-warning,\n.state-bg-error {\n padding-block: 3px;\n padding-inline: 10px;\n font-weight: 700;\n}\n\n.state-bg-warning {\n color: @token-color-warning-2;\n background: @token-color-warning-1;\n}\n\n.state-bg-error {\n color: @token-color-danger-2;\n background: @token-color-danger-1;\n}\n\n.state-warning {\n color: @token-color-warning-2 !important;\n}\n\n.state-error {\n color: @token-color-danger-2 !important;\n}\n\n.status-overused,\n.list .status-overused .hint-info {\n color: @token-color-danger-2;\n font-weight: 600;\n\n a {\n font-weight: 400;\n }\n}\n\n.input-highlighted,\ninput.input-highlighted,\nselect.input-highlighted,\ntextarea.input-highlighted {\n background: @token-color-warning-1;\n}\n\n.highlighted,\n.highlighted-simple {\n font-size: 14px;\n font-weight: 600;\n}\n\n.highlighted {\n color: @token-color-danger-2;\n}\n\n.b-indent,\n.b-indent-x2 {\n display: block;\n overflow: hidden;\n min-block-size: 16px;\n padding-block: 0;\n padding-inline: 22px 0;\n}\n\n.b-indent-x2 {\n padding-block: 0;\n padding-inline: 44px 0;\n}\n\n.b-indent-icon {\n margin-block: 0;\n margin-inline: 0 3px;\n\n img& {\n inline-size: 16px;\n block-size: 16px;\n }\n\n .pul-icon {\n vertical-align: top;\n }\n}\n\n.b-indent .b-indent-icon {\n float: inline-start;\n margin-block: 2px 0;\n margin-inline: -22px 0;\n}\n\n.b-indent-x2 .b-indent-icon {\n float: inline-start;\n margin-block: 2px -2px;\n margin-inline: -44px 0;\n}\n\n.b-indent .b-indent-icon img,\n.b-indent-x2 .b-indent-icon img {\n float: inline-start;\n inline-size: 16px;\n block-size: 16px;\n margin-block: 2px 0;\n margin-inline: 0 5px;\n}\n\n.b-indent .b-indent-icon,\n.b-indent-x2 .b-indent-icon {\n [class*=\" icon-\"],\n [class^=\"icon-\"],\n .icon,\n > img {\n margin-block-start: 2px;\n vertical-align: top;\n }\n}\n\n.b-indent-flip {\n padding-inline: 0 22px;\n\n .b-indent-icon {\n float: inline-end;\n margin-inline: 0 -22px;\n }\n}\n\n.hint-sub,\n.b-subitem {\n margin-block-start: 4px;\n}\n\n.indent-box {\n position: relative;\n padding-inline-start: 28px;\n}\n\n.indent-box + .indent-box,\n.indent-box-content > .indent-box {\n margin-block-start: 4px;\n}\n\n.indent-box > .checkbox,\n.indent-box > .radio,\n.indent-box > .radiobox {\n float: inline-start;\n margin-inline-start: -28px;\n}\n\n.indent-box .indent-box-content {\n padding-block-end: 4px;\n}\n\n.indent-box .hint {\n margin-block-start: 4px;\n}\n\n.indent-box-thumb {\n margin-inline-start: 215px;\n padding: 0;\n\n .thumb-img {\n float: inline-start;\n inline-size: 200px;\n margin-block: 7px 0;\n margin-inline: -215px 15px;\n padding-block: 0 8px;\n padding-inline: 0;\n }\n\n &::before,\n &::after {\n display: table;\n content: \"\";\n }\n\n &::after {\n clear: both;\n }\n}\n\n.indent-box-unlimited {\n display: inline-block;\n white-space: nowrap;\n margin-inline-start: 20px;\n\n .popup-panel & {\n display: block;\n margin-inline-start: 0;\n }\n\n .checkbox {\n float: none;\n margin-block: 0;\n margin-inline: 0 2px;\n }\n}\n\n.scrollingBox {\n overflow: auto;\n overflow-x: hidden;\n inline-size: 100%;\n}\n\ntable.scrollingBoxBorder {\n border: 1px solid #787878;\n background-color: #fff;\n}\n\ntd.subTd a {\n padding-inline-start: 20px;\n}\n\n.specific {\n font-weight: 600;\n}\n\n.reportTools,\n.reportTools img,\n.reportTools input,\n.reportTools select {\n vertical-align: middle;\n}\n\n.reportSection {\n margin-block: 16px 8px;\n margin-inline: 0;\n padding-block-start: 16px;\n border-block-start: 1px solid @base-hr-border;\n}\n\n.reportIndex {\n margin-block: 15px;\n margin-inline: 0;\n}\n\n.on-state img,\n.off-state img {\n inline-size: 16px;\n block-size: 16px;\n}\n\n.i-block {\n display: block;\n margin-block: 0;\n margin-inline: 20px 0;\n\n .icon {\n float: inline-start;\n inline-size: 16px;\n block-size: 16px;\n margin-block: 0;\n margin-inline: -20px 0;\n }\n}\n\n.badge-new {\n position: relative;\n display: inline-block;\n block-size: 14px;\n line-height: 14px;\n margin-block: 0;\n margin-inline: 6px 0;\n padding-block: 1px;\n padding-inline: 1px 3px;\n vertical-align: middle;\n white-space: nowrap;\n letter-spacing: 0;\n opacity: 0.9;\n background-color: #e50008;\n color: #fff;\n font-weight: 700;\n font-size: 11px;\n\n &::before {\n position: absolute;\n inset-block-start: 0;\n inset-inline-start: -6px;\n inline-size: 0;\n block-size: 0;\n content: \"\";\n border-width: logical 8px 0 8px 6px;\n border-style: solid;\n border-color: logical transparent transparent transparent #e50008;\n }\n\n &.left {\n margin-block: 0;\n margin-inline: 0 6px;\n padding-block: 1px;\n padding-inline: 3px 1px;\n\n &::before {\n inset-inline: auto -6px;\n float: inline-end;\n border-width: logical 8px 6px 8px 0;\n border-color: logical transparent #e50008 transparent transparent;\n }\n }\n\n .tool-name & {\n margin-inline-start: 10px;\n }\n\n .objects-toolbar .s-btn & {\n vertical-align: top;\n }\n\n .objects-details .package-actions &.left {\n margin-inline-end: 10px;\n }\n\n .active-list .caption-toolbar & {\n margin-block: 4px 0;\n margin-inline: -5px 0;\n }\n}\n\n/* = Helper classes =\n------------------------------------------------------------------------------ */\n.clearfix::after {\n content: \"\";\n display: block;\n clear: both;\n}\n\n.text-left {\n text-align: start;\n}\n\n.text-right {\n text-align: end;\n}\n\n.text-center {\n text-align: center;\n}\n\n.text-wrap,\n.wrap,\n.wrap * {\n white-space: normal !important;\n}\n\n.text-nowrap,\n.nowrap,\n.nowrap *,\n.nobr {\n white-space: nowrap !important;\n}\n\n.displayNone,\n.hidden {\n display: none !important;\n}\n\n.noBold {\n font-weight: normal !important;\n}\n\n.r-visible,\n.hideVisibility {\n display: none;\n}\n\n.wrapper {\n display: block;\n clear: both;\n overflow: hidden;\n block-size: 0;\n}\n\n.w-spacing {\n padding-block: 8px;\n padding-inline: 0;\n}\n\n.fixed {\n position: fixed;\n}\n\n.pull-left {\n float: inline-start;\n}\n\n.pull-right {\n float: inline-end;\n}\n\n.text-truncate {\n max-inline-size: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n// LESS related\n@import \"_variables\";\n@import \"_mixins\";\n\n/* ========================================================================\n Icons\n ========================================================================== */\n\n/* Icon modifiers for `b-btn` 32x32 */\n\n.bb-add-database::before,\n#bid-db-new::before {\n .icon-medium(\"add-db.png\");\n}\n\n.bb-database-webadmin::before,\n#bid-configure-odbc::before,\n#bid-webadmin::before {\n .icon-medium(\"db-configure.png\");\n}\n\n.bb-database-webadmin-disabled::before,\n#bid-configure-odbc-disabled::before,\n#bid-webadmin-disabled::before {\n .icon-medium(\"db-configure-disabled.png\");\n}\n\n.bb-add-database-user::before,\n#bid-ftp-user-add::before,\n#bid-add-client::before,\n#bid-db-usr-new::before,\n#bid-web-user-add::before,\n#bid-pd-user-new::before {\n .icon-medium(\"user-add.png\");\n}\n\n#bid-ftp-user-add-disabled::before,\n#bid-add-client-disabled::before,\n#bid-db-usr-new-disabled::before,\n#bid-web-user-add-disabled::before,\n#bid-pd-user-new-disabled::before {\n .icon-medium(\"user-add-disabled.png\");\n}\n\n.bb-clone-database::before,\n#bid-database-preferences::before,\n#bid-sqlservers::before,\n#bid-database-servers::before {\n .icon-medium(\"database-servers.png\");\n}\n\n#bid-statistics::before {\n .icon-medium(\"server-statistics.png\");\n}\n\n#bid-key-info::before {\n .icon-medium(\"license-management.png\");\n}\n\n#bid-key-update::before,\n#bid-additional-key-update::before {\n .icon-medium(\"key-update.png\");\n}\n\n#bid-key-update-disabled::before,\n#bid-additional-key-update-disabled::before {\n .icon-medium(\"key-update-disabled.png\");\n}\n\n#bid-additional-key-activate::before {\n .icon-medium(\"key-additional-activate.png\");\n}\n\n#bid-key-buyonline-addons::before {\n .icon-medium(\"key-buyonline-addons.png\");\n}\n\n#bid-key-buyonline-new::before,\n#bid-key-buyonline-upgrades::before {\n .icon-medium(\"key-buyonline-upgrades.png\");\n}\n\n#bid-additional-key-revert::before,\n#bid-key-revert::before {\n .icon-medium(\"key-revert.png\");\n}\n\n#bid-additional-key-revert-disabled::before,\n#bid-key-revert-disabled::before {\n .icon-medium(\"key-revert-disabled.png\");\n}\n\n#bid-comp-info::before {\n .icon-medium(\"comp-info.png\");\n}\n\n#bid-defaultcomponents::before {\n .icon-medium(\"comp-default.png\");\n}\n\n#bid-select-mssqlwebadmin::before,\n#bid-select-mssqlwebadmin-disabled::before,\n#bid-fi-change-passwd::before,\n#bid-change-passwd::before {\n .icon-medium(\"change-passwd.png\");\n}\n\n#bid-fi-change-passwd-disabled::before,\n#bid-change-passwd-disabled::before {\n .icon-medium(\"change-passwd-disabled.png\");\n}\n\n#bid-restart-services::before {\n .icon-medium(\"restart-services.png\");\n}\n\n#bid-databases::before {\n .icon-medium(\"databases.png\");\n}\n\n#bid-database-server-add::before {\n .icon-medium(\"database-server-add.png\");\n}\n\n#bid-sa-clear-db::before {\n .icon-medium(\"db-remove.png\");\n}\n\n#bid-restrict-creation-of-subzones::before {\n .icon-medium(\"dns-restrict.png\");\n}\n\n#bid-dns-recursion::before {\n .icon-medium(\"dns-recursion.png\");\n}\n\n#bid-select-dns-server::before {\n .icon-medium(\"dns-server.png\");\n}\n\n#bid-soa-records-template::before {\n .icon-medium(\"dns-templates.png\");\n}\n\n#bid-dom-tmpl-add::before {\n .icon-medium(\"domain-template-add.png\");\n}\n\n#bid-blocked-domains::before {\n .icon-medium(\"domain-black-list.png\");\n}\n\n#bid-spamfilter-black-list-add::before,\n#bid-blocked-domain-add::before {\n .icon-medium(\"domain-black-list-add.png\");\n}\n\n#bid-white-list::before {\n .icon-medium(\"domain-white-list.png\");\n}\n\n#bid-spamfilter-white-list-add::before,\n#bid-white-list-add::before {\n .icon-medium(\"domain-white-list-add.png\");\n}\n\n#bid-spamassassin::before {\n .icon-medium(\"spam-filtering.png\");\n}\n\n#bid-spamassassin-train::before {\n .icon-medium(\"mail-spam-training.png\");\n}\n\n#bid-upload::before,\n#bid-desktop-presets-upload::before,\n#bid-additional-key-upload::before,\n#bid-dbbackup-upload::before {\n .icon-medium(\"upload.png\");\n}\n\n#bid-upload-disabled::before,\n#bid-desktop-presets-upload-disabled::before,\n#bid-additional-key-upload-disabled::before,\n#bid-dbbackup-upload-disabled::before {\n .icon-medium(\"upload-disabled.png\");\n}\n\n#bid-upload-to-repository::before,\n#bid-upload-from-ftp::before {\n .icon-medium(\"upload-from-ftp.png\");\n}\n\n#bid-key-install::before,\n#bid-key-upload::before {\n .icon-medium(\"install.png\");\n}\n\n#bid-key-install-disabled::before,\n#bid-key-upload-disabled::before {\n .icon-medium(\"install-disabled.png\");\n}\n\n#bid-certificates::before,\n#bid-cert-view::before {\n .icon-medium(\"certificates.png\");\n}\n\n#bid-cert-add::before {\n .icon-medium(\"certificates-add.png\");\n}\n\n#bid-server-preferences::before,\n#bid-preferences::before,\n#bid-domain-rename::before,\n#bid-change-version::before,\n#bid-dns-preferences::before,\n#bid-dns-zone-settings-template::before {\n .icon-medium(\"preferences.png\");\n}\n\n#bid-task-scheduler-settings::before,\n#bid-crontab-win::before,\n#bid-crontab-unix::before {\n .icon-medium(\"scheduled-tasks.png\");\n}\n\n#bid-cron-backup::before,\n#bid-backup-schedule::before {\n .icon-medium(\"schedule-backup.png\");\n}\n\n#bid-backup-schedule-disabled::before {\n .icon-medium(\"schedule-backup-disabled.png\");\n}\n\n#bid-make-dump::before,\n#bid-dbbackup-now::before,\n.toolsArea #bid-backup-now::before {\n .icon-medium(\"create-backup.png\");\n}\n\n#bid-make-dump-disabled::before,\n#bid-dbbackup-now-disabled::before,\n.toolsArea #bid-backup-now-disabled::before {\n .icon-medium(\"create-backup-disabled.png\");\n}\n\n#bid-dbbackup-repository::before {\n .icon-medium(\"database-backup.png\");\n}\n\n#bid-new-client::before,\n#bid-extras::before {\n .icon-medium(\"extras.png\");\n}\n\n#bid-enable::before,\n#bid-account-enable::before,\n#bid-domain-enable::before {\n .icon-medium(\"enable.png\");\n}\n\n#bid-disable::before {\n .icon-medium(\"disable.png\");\n}\n\n#bid-object-enable-disable::before {\n .icon-medium(\"enable-disable.png\");\n}\n\n#bid-domain-alias-add::before {\n .icon-medium(\"domain-alias-add.png\");\n}\n\n#bid-domain-alias-add-disabled::before {\n .icon-medium(\"domain-alias-add-disabled.png\");\n}\n\n#bid-file-manager::before {\n .icon-medium(\"file-manager.png\");\n}\n\n#bid-report-new::before {\n .icon-medium(\"report-add.png\");\n}\n\n#bid-report-auto::before {\n .icon-medium(\"report-auto.png\");\n}\n\n#bid-report-auto-new::before {\n .icon-medium(\"report-auto-add.png\");\n}\n\n#bid-task-new::before {\n .icon-medium(\"task-add.png\");\n}\n\n#bid-task-new-disabled::before {\n .icon-medium(\"task-add-disabled.png\");\n}\n\n#bid-server-add::before {\n .icon-medium(\"server-add.png\");\n}\n\n#bid-custom-button-new::before {\n .icon-medium(\"custom-button-add.png\");\n}\n\n#bid-modules-manage::before {\n .icon-medium(\"extension.png\");\n}\n\n#bid-modules-add::before {\n .icon-medium(\"modules-add.png\");\n}\n\n#bid-modules-add-disabled::before {\n .icon-medium(\"modules-add-disabled.png\");\n}\n\n#bid-refresh::before,\n#bid-switch::before,\n#bid-reread-ip::before {\n .icon-medium(\"refresh.png\");\n}\n\n#bid-refresh-disabled::before,\n#bid-switch-disabled::before,\n#bid-reread-ip-disabled::before {\n .icon-medium(\"refresh-disabled.png\");\n}\n\n#bid-anonftp-stats::before {\n .icon-medium(\"anon-ftp-stats.png\");\n}\n\n#bid-ip-add::before {\n .icon-medium(\"ip-address-add.png\");\n}\n\n#bid-ip-add-disabled::before {\n .icon-medium(\"ip-address-add-disabled.png\");\n}\n\n#bid-download::before,\n#bid-skin-download::before,\n#bid-key-download::before,\n#bid-additional-key-download::before {\n .icon-medium(\"download.png\");\n}\n\n#bid-download-disabled::before,\n#bid-skin-download-disabled::before,\n#bid-key-download-disabled::before,\n#bid-additional-key-download-disabled::before {\n .icon-medium(\"download-disabled.png\");\n}\n\n#bid-traffic-history::before {\n .icon-medium(\"traffic-history.png\");\n}\n\n#bid-report::before {\n .icon-medium(\"summary-report.png\");\n}\n\n#bid-ftp-settings::before,\n#bid-ftp-account::before {\n .icon-medium(\"ftp-account.png\");\n}\n\n#bid-protect::before {\n .icon-medium(\"protect.png\");\n}\n\n#bid-unprotect::before {\n .icon-medium(\"unprotect.png\");\n}\n\n#bid-rule-add::before {\n .icon-medium(\"rule-add.png\");\n}\n\n#bid-group-referrer-add::before {\n .icon-medium(\"group-referrer-add.png\");\n}\n\n#bid-hidden-referrer-add::before,\n#bid-ai-vendor-source-new::before {\n .icon-medium(\"hidden-referrer-add.png\");\n}\n\n#bid-recycle::before {\n .icon-medium(\"recycle.png\");\n}\n\n#bid-recycle-disabled::before {\n .icon-medium(\"recycle-disabled.png\");\n}\n\n#bid-start::before {\n .icon-medium(\"start.png\");\n}\n\n#bid-stop::before {\n .icon-medium(\"stop.png\");\n}\n\n#bid-panic::before {\n .icon-medium(\"panic.png\");\n}\n\n#bid-disconnect::before {\n .icon-medium(\"disconnect.png\");\n}\n\n#bid-connect::before {\n .icon-medium(\"connect.png\");\n}\n\n#bid-errordoc-add::before {\n .icon-medium(\"errordoc-add.png\");\n}\n\n#bid-config-add::before {\n .icon-medium(\"config-add.png\");\n}\n\n#bid-dnsrecord-add::before {\n .icon-medium(\"dns-record-add.png\");\n}\n\n#bid-dns::before {\n .icon-medium(\"dns.png\");\n}\n\n#bid-network-add::before {\n .icon-medium(\"ip-address-add.png\");\n}\n\n#bid-create-file::before {\n .icon-medium(\"file-add.png\");\n}\n\n#bid-create-file-disabled::before {\n .icon-medium(\"file-add-disabled.png\");\n}\n\n#bid-migration-sync-agent::before {\n .icon-medium(\"migration-sync-agent.png\");\n}\n\n#bid-migration-sync-agent-disabled::before {\n .icon-medium(\"migration-sync-agent-disabled.png\");\n}\n\n#bid-select-antivirus::before {\n .icon-medium(\"antivirus-select.png\");\n}\n\n#bid-session-cp::before,\n#bid-common-acl::before {\n .icon-medium(\"active-session.png\");\n}\n\n#bid-session-setup::before {\n .icon-medium(\"session-setup.png\");\n}\n\n#bid-migration-session-add::before {\n .icon-medium(\"migration-session-add.png\");\n}\n\n#bid-migration-session-add-disabled::before {\n .icon-medium(\"migration-session-add-disabled.png\");\n}\n\n#bid-object-remove::before,\n#bid-additional-key-remove::before {\n .icon-medium(\"remove-selected.png\");\n}\n\n#bid-google-tools::before {\n .icon-medium(\"google-tools.png\");\n}\n\n#bid-adsense::before {\n .icon-medium(\"google-ad-sense.png\");\n}\n\n#bid-send-mass-mail::before {\n .icon-medium(\"mail-redirects.png\");\n}\n\n#bid-new-mass-mail-template::before {\n .icon-medium(\"mail-list-add.png\");\n}\n\n#bid-new-admin-alias::before,\n#bid-fpse-user-add::before {\n .icon-medium(\"client-add.png\");\n}\n\n#bid-logrotation::before,\n#bid-restore-default::before {\n .icon-medium(\"log-rotation.png\");\n}\n\n#bid-logrotation-disabled::before,\n#bid-restore-default-disabled::before {\n .icon-medium(\"log-rotation-disabled.png\");\n}\n\n#bid-add-address-to-acl::before {\n .icon-medium(\"add-to-acl.png\");\n}\n\n#bid-edit::before {\n .icon-medium(\"edit.png\");\n}\n\n#bid-aspdotnet::before {\n .icon-medium(\"aspdotnet.png\");\n}\n\n#bid-aspdotnet-disabled::before {\n .icon-medium(\"aspdotnet-disabled.png\");\n}\n\n#bid-php::before {\n .icon-medium(\"php.png\");\n}\n\n#bid-php-disabled::before {\n .icon-medium(\"php-disabled.png\");\n}\n\n#bid-fp-webadmin::before {\n .icon-medium(\"fp-webadmin.png\");\n}\n\n#bid-fp-ssl-webadmin::before {\n .icon-medium(\"fp-ssl-webadmin.png\");\n}\n\n#bid-site-app-add::before,\n#bid-server-package-add::before,\n#bid-web-app-new::before,\n#bid-site-app-pkg-new::before,\n#bid-server-app-add::before {\n .icon-medium(\"site-app-add.png\");\n}\n\n#bid-site-app-add-disabled::before,\n#bid-server-package-add-disabled::before,\n#bid-web-app-new-disabled::before,\n#bid-site-app-pkg-new-disabled::before,\n#bid-server-app-add-disabled::before {\n .icon-medium(\"site-app-add-disabled.png\");\n}\n\n#bid-dns-zone-sync::before {\n .icon-medium(\"dns-zone-sync.png\");\n}\n\n#bid-dns-zone-sync-disabled::before {\n .icon-medium(\"dns-zone-sync-disabled.png\");\n}\n\n#bid-virus::before {\n .icon-medium(\"virus.png\");\n}\n\n#bid-spam::before {\n .icon-medium(\"spam.png\");\n}\n\n.toolsArea #bid-default::before {\n .icon-medium(\"set-default.png\");\n}\n\n.toolsArea #bid-default-disabled::before {\n .icon-medium(\"set-default-disabled.png\");\n}\n\n/* Icon modifiers for `s-btn` 16x16 */\n\n.sb-search-hide::before,\n#bid-search-hide span::before,\n.sb-hide::before {\n .icon-small(\"search-hide.png\");\n}\n\n.sb-search-show::before,\n.sb-expand::before,\n#bid-search-show span::before,\n.sb-show::before {\n .icon-small(\"search-show.png\");\n}\n\n.sb-search::before,\n#bid-search span::before {\n .icon-small(\"search-btn.png\");\n}\n\n.sb-show-all::before,\n#bid-show-all span::before,\n#bid-show-all-disabled span::before {\n .icon-small(\"show-all.png\");\n}\n\n.sb-item-add::before {\n .icon-small(\"field-add.png\");\n}\n\n.sb-item-remove::before {\n .icon-small(\"field-remove.png\");\n}\n\n.sb-uplevel::before,\n#bid-up-level span::before {\n .icon-small(\"uplevel.png\");\n}\n\n.sb-preview::before {\n .icon-small(\"enlarge.png\");\n}\n\n.sb-view-site::before {\n .icon-small(\"preview.png\");\n}\n\n.sb-check-updates::before {\n .icon-small(\"check-updates.png\");\n}\n\n.sb-upgrade::before,\n.sb-update-available::before {\n .icon-small(\"update.png\");\n}\n\n.sb-revert::before {\n .icon-small(\"revert.png\");\n}\n\n.sb-refresh::before,\n.sb-reread::before,\n#bid-dbbackup-restore span::before,\n#bid-service-auto span::before,\n#bid-refresh span::before {\n .icon-small(\"refresh.png\");\n}\n\n.sb-activate::before {\n .icon-small(\"activate.png\");\n}\n\n.sb-app-delete::before {\n .icon-small(\"uninstall-app.png\");\n}\n\n.sb-renew::before {\n .icon-small(\"appkey-renew.png\");\n}\n\n.sb-retrieve::before {\n .icon-small(\"appkey-retrieve.png\");\n}\n\n.sb-pay-all::before {\n .icon-small(\"pay-all.png\");\n}\n\n.sb-pay-now::before {\n .icon-small(\"pay-now.png\");\n}\n\n.sb-ip-pool::before {\n .icon-small(\"ip-pool.png\");\n}\n\n.sb-resources::before {\n .icon-small(\"resources.png\");\n}\n\n.sb-modify-selected::before {\n .icon-small(\"modify.png\");\n}\n\n.sb-copy-selected::before,\n.sb-copy::before,\n#bid-copy-move span::before,\n#bid-backup-copy-to-local span::before {\n .icon-small(\"copy.png\");\n}\n\n.sb-add-new::before,\n.sb-add-subservice-instance::before {\n .icon-small(\"add.png\");\n}\n\n.sb-domain::before {\n .icon-small(\"domain.png\");\n}\n\n.sb-new-domain::before {\n .icon-small(\"add-domain.png\");\n}\n\n.sb-subdomain::before {\n .icon-small(\"subdomain.png\");\n}\n\n.sb-new-subdomain::before {\n .icon-small(\"add-subdomain.png\");\n}\n\n.sb-domain-alias::before {\n .icon-small(\"dom-aliases.png\");\n}\n\n.sb-new-domain-alias::before {\n .icon-small(\"add-alias.png\");\n}\n\n.sb-register-domain::before {\n .icon-small(\"register-domain.png\");\n}\n\n.sb-app-info::before {\n .icon-small(\"app-info.png\");\n}\n\n.sb-info::before {\n .icon-small(\"info.png\");\n}\n\n.sb-install::before,\n#bid-install span::before {\n .icon-small(\"install.png\");\n}\n\n.sb-download::before,\n#bid-download span::before {\n .icon-small(\"download.png\");\n}\n\n.sb-add-folder::before,\n#bid-create-dir span::before {\n .icon-small(\"add-folder.png\");\n}\n\n.sb-folder::before {\n .icon-small(\"file-folder.png\");\n}\n\n.sb-share::before {\n .icon-small(\"share.png\");\n}\n\n.sb-share-disabled::before {\n .icon-small(\"share-disabled.png\");\n}\n\n.sb-publish::before {\n .icon-small(\"publish.png\");\n}\n\n.sb-publish-disabled::before {\n .icon-small(\"publish-disabled.png\");\n}\n\n.sb-move::before {\n .icon-small(\"move.png\");\n}\n\n.sb-delete::before,\n.sb-remove-selected::before,\n#bid-remove-selected span::before {\n .icon-small(\"delete.png\");\n}\n\n.sb-delete-disabled::before,\n#bid-remove-selected-disabled span::before {\n .icon-small(\"delete-disabled.png\");\n}\n\n.sb-email-link::before {\n .icon-small(\"mail.png\");\n}\n\n.sb-email-link-disabled::before {\n .icon-small(\"mail-disabled.png\");\n}\n\n.sb-switch::before {\n .icon-small(\"switch.png\");\n}\n\n.sb-stats::before {\n .icon-small(\"stats.png\");\n}\n\n.sb-suspend::before {\n .icon-small(\"suspend.png\");\n}\n\n.sb-add-new-customer::before {\n .icon-small(\"add-new-customer.png\");\n}\n\n.sb-add-new-reseller::before {\n .icon-small(\"add-new-reseller.png\");\n}\n\n.sb-convert-to-customer::before {\n .icon-small(\"convert-to-customer.png\");\n}\n\n.sb-convert-to-reseller::before {\n .icon-small(\"convert-to-reseller.png\");\n}\n\n.sb-assign-new-owner::before {\n .icon-small(\"assign-new-owner.png\");\n}\n\n.sb-add-new-subscription::before {\n .icon-small(\"add-new-subs.png\");\n}\n\n.sb-add-new-own-subscription::before {\n .icon-small(\"add-own-subs.png\");\n}\n\n.sb-change-subscription::before {\n .icon-small(\"change-subs.png\");\n}\n\n.sb-buy-subscription::before {\n .icon-small(\"buy-new-subs.png\");\n}\n\n.sb-renew-subscription::before {\n .icon-small(\"renew-subs.png\");\n}\n\n.sb-add-new-plan::before {\n .icon-small(\"add-new-plan.png\");\n}\n\n.sb-add-new-addon::before {\n .icon-small(\"add-addon.png\");\n}\n\n.sb-service-plan::before {\n .icon-small(\"service-plan.png\");\n}\n\n.sb-login::before,\n#bid-login span::before {\n .icon-small(\"login.png\");\n}\n\n.sb-logout::before,\n#bid-logoff-selected span::before {\n .icon-small(\"logout.png\");\n}\n\n.sb-login-as-owner::before {\n .icon-small(\"login-as-owner.png\");\n}\n\n.sb-login-as-customer::before {\n .icon-small(\"login-as-customer.png\");\n}\n\n.sb-edit-contact::before {\n .icon-small(\"edit-contact-info.png\");\n}\n\n.sb-change-password::before {\n .icon-small(\"change-password.png\");\n}\n\n.sb-switch-to-another-plan::before {\n .icon-small(\"switch-to-another-plan.png\");\n}\n\n.sb-add-remove-addons::before {\n .icon-small(\"add-remove-addons.png\");\n}\n\n.sb-manually-edit-parameters::before {\n .icon-small(\"manually-edit-parameters.png\");\n}\n\n.sb-unlock-and-sync::before {\n .icon-small(\"unlock-and-sync.png\");\n}\n\n.sb-edit-hosting-settings::before {\n .icon-small(\"edit-hosting-settings.png\");\n}\n\n.sb-add-user::before {\n .icon-small(\"add-user.png\");\n}\n\n.sb-add-role::before {\n .icon-small(\"add-roles.png\");\n}\n\n.sb-add-mail-account::before {\n .icon-small(\"add-mail-account.png\");\n}\n\n.sb-change-mail-settings::before {\n .icon-small(\"preferences.png\");\n}\n\n.sb-add-mail-list::before {\n .icon-small(\"add-mail-list.png\");\n}\n\n.sb-profile::before,\n.sb-my-profile::before {\n .icon-small(\"profile.png\");\n}\n\n.sb-backup::before {\n .icon-small(\"add-backup.png\");\n}\n\n.sb-backup-all::before,\n.sb-backup-subscription::before {\n .icon-small(\"backup.png\");\n}\n\n.sb-iis-app-pool::before {\n .icon-small(\"iis-app-pool.png\");\n}\n\n.sb-turn-on::before,\n.sb-enable::before {\n .icon-small(\"enable.png\");\n}\n\n.sb-turn-off::before,\n.sb-disable::before {\n .icon-small(\"disable.png\");\n}\n\n.sb-upload-config-file::before {\n .icon-small(\"upload-config-file.png\");\n}\n\n.sb-download-config-file::before {\n .icon-small(\"download-config-file.png\");\n}\n\n.sb-restore-defaults::before {\n .icon-small(\"restore-defaults.png\");\n}\n\n.sb-change-lock-settings::before {\n .icon-small(\"change-lock-settings.png\");\n}\n\n.sb-edit-dns-settings::before {\n .icon-small(\"edit-dns-settings.png\");\n}\n\n.sb-manage-mail-list::before {\n .icon-small(\"open-maillist-webpanel.png\");\n}\n\n.sb-custom-button::before {\n .icon-small(\"custom-button.png\");\n}\n\n.sb-clean::before,\n.sb-clean-app-cache::before {\n .icon-small(\"clean-app-cache.png\");\n}\n\n.sb-upload-new-app::before {\n .icon-small(\"upload-new-app.png\");\n}\n\n.sb-make-visible::before {\n .icon-small(\"make-visible.png\");\n}\n\n.sb-make-invisible::before {\n .icon-small(\"make-invisible.png\");\n}\n\n.sb-go-to-marketplace::before {\n .icon-small(\"go-to-marketplace.png\");\n}\n\n.sb-convert-to-multiple-subscription::before {\n .icon-small(\"convert-to-multiple-subs.png\");\n}\n\n.sb-convert-to-single-subscription::before {\n .icon-small(\"convert-to-single-subs.png\");\n}\n\n.sb-convert-subscriptions::before,\n#bid-assign-subscription-selected span::before {\n .icon-small(\"convert-subscriptions.png\");\n}\n\n.sb-manage::before,\n.sb-manage-domains::before,\n.sb-webadmin::before {\n .icon-small(\"manage.png\");\n}\n\n.sb-logs::before {\n .icon-small(\"logs.png\");\n}\n\n.sb-add-new-webmail::before {\n .icon-small(\"add-webmail.png\");\n}\n\n.sb-make-default-user::before,\n.sb-make-default-cert::before,\n#bid-sa-learn-as-nonspam span::before,\n#bid-select-app-to-download span::before,\n#bid-dbuser-default span::before,\n#bid-default span::before {\n .icon-small(\"default.png\");\n}\n\n.sb-add-new-ip::before {\n .icon-small(\"add-ip.png\");\n}\n\n.sb-firewall::before {\n .icon-small(\"firewall.png\");\n}\n\n.sb-open-webspace::before {\n .icon-small(\"open-webspace.png\");\n}\n\n.sb-export::before {\n .icon-small(\"export.png\");\n}\n\n.sb-settings::before,\n.sb-app-configure::before,\n.sb-customize-columns::before,\n.sb-subscription-customize::before {\n .icon-small(\"settings.png\");\n}\n\n.sb-add-new-service-node::before {\n .icon-small(\"service-node-add.png\");\n}\n\n.sb-upload-file::before,\n.sb-upload::before {\n .icon-small(\"upload-files.png\");\n}\n\n.sb-add-file::before,\n#bid-create-file span::before {\n .icon-small(\"file-add.png\");\n}\n\n.sb-calculate::before,\n#bid-count-size span::before {\n .icon-small(\"calculate.png\");\n}\n\n.sb-change-time::before,\n.sb-schedule::before {\n .icon-small(\"change-time.png\");\n}\n\n.sb-archive-extract::before,\n#bid-extract-archive span::before {\n .icon-small(\"archive-extract.png\");\n}\n\n.sb-archive-create::before,\n#bid-create-archive span::before {\n .icon-small(\"archive-create.png\");\n}\n\n.sb-feedback::before {\n .icon-small(\"feedback.png\");\n}\n\n.sb-help::before {\n .icon-small(\"help.png\");\n}\n\n.sb-manual::before {\n .icon-small(\"read-manual.png\");\n}\n\n.sb-add-db::before {\n .icon-small(\"add-database.png\");\n}\n\n.sb-open-in-browser::before {\n .icon-small(\"open-in-browser.png\");\n}\n\n.sb-active-list::before {\n .icon-small(\"list-type-active.png\");\n}\n\n.sb-dynamic-list::before {\n .icon-small(\"list-type-dynamic.png\");\n}\n\n.sb-add-cert::before {\n .icon-small(\"add-certificate.png\");\n}\n\n.sb-view-cert::before {\n .icon-small(\"ssl-cert.png\");\n}\n\n.sb-setup-cert::before {\n .icon-small(\"cert-setup.png\");\n}\n\n.sb-cert-csr::before {\n .icon-small(\"cert-csr-on.png\");\n}\n\n.sb-cert-pvt-key::before {\n .icon-small(\"cert-pvt-key-on.png\");\n}\n\n.sb-cert-cert::before {\n .icon-small(\"cert-cert-on.png\");\n}\n\n.sb-cert-ca-cert::before {\n .icon-small(\"cert-ca-cert-on.png\");\n}\n\n.sb-webmail::before {\n .icon-small(\"webmail-on.png\");\n}\n\n.sb-bounce-settings::before {\n .icon-small(\"mail-unknown.png\");\n}\n\n.sb-outgoing-spam-settings::before {\n .icon-small(\"protected.png\");\n}\n\n.sb-featured::before {\n .icon-small(\"featured.png\");\n}\n\n.sb-popular::before {\n .icon-small(\"popular.png\");\n}\n\n.sb-newest::before {\n .icon-small(\"newest.png\");\n}\n\n.sb-security-scan::before {\n .icon-small(\"security-scan.png\");\n}\n\n.sb-manage-themes::before {\n .icon-small(\"theme.png\");\n}\n\n.sb-manage-plugins::before {\n .icon-small(\"components.png\");\n}\n\n.sb-mysqlwebadmin::before {\n .icon-small(\"phpmyadmin.png\");\n}\n\n#bid-set-as-default span::before {\n .icon-small(\"aps-featured.png\");\n}\n\n#bid-attach span::before {\n .icon-small(\"attach.png\");\n}\n\n.sb-customize::before,\n#bid-customize span::before {\n .icon-small(\"customize.png\");\n}\n\n#bid-disconnect-selected span::before {\n .icon-small(\"disconnect.png\");\n}\n\n.sb-switch-service::before,\n#bid-on-off span::before,\n#bid-service-manual span::before {\n .icon-small(\"on-off.png\");\n}\n\n#bid-service-disable span::before {\n .icon-small(\"on-off-disabled.png\");\n}\n\n#bid-shortcut-add span::before,\n#bid-setup span::before,\n#bid-sa-forget span::before {\n .icon-small(\"cert-setup.png\");\n}\n\n#bid-touch span::before {\n .icon-small(\"touch.png\");\n}\n\n#bid-voipnow-switch-voip span::before {\n .icon-small(\"voipnow.png\");\n}\n\n#bid-enable-selected span::before,\n.sb-on::before {\n .icon-small(\"on.png\");\n}\n\n#bid-disable-selected span::before,\n.sb-off::before {\n .icon-small(\"off.png\");\n}\n\n.sb-warning::before {\n .icon-small(\"warning.png\");\n}\n\n#bid-client-to-reseller span::before {\n .icon-small(\"reseller.png\");\n}\n\n#bid-domain-admin-to-client span::before {\n .icon-small(\"customer.png\");\n}\n\n#bid-service-start span::before,\n.sb-service-start::before {\n .icon-small(\"start.png\");\n}\n\n#bid-service-stop span::before,\n.sb-service-stop::before {\n .icon-small(\"stop.png\");\n}\n\n#bid-service-restart span::before,\n.sb-service-restart::before {\n .icon-small(\"restart.png\");\n}\n\n.sb-edit::before,\n#bid-shortcut-edit span::before,\n#bid-favorite-edit span::before {\n .icon-small(\"modify.png\");\n}\n\n.sb-dns-records-changed::before,\n#bid-show-updates span::before,\n#bid-hide-updates span::before,\n.sb-attention::before {\n .icon-small(\"att.png\");\n}\n\n.sb-dns-record-add::before {\n .icon-small(\"dns-record-add.png\");\n}\n\n.sb-dns-zone-sync::before {\n .icon-small(\"dns-zone-sync.png\");\n}\n\n.sb-task-add::before {\n .icon-small(\"task-add.png\");\n}\n\n#bid-test-dsn span::before {\n .icon-small(\"connect.png\");\n}\n\n.sb-waiting::before {\n .icon-small(\"indicator.gif\");\n}\n\n.sb-ftp-settings::before {\n .icon-small(\"ftp-access.png\");\n}\n\n.sb-task-run-now::before {\n .icon-small(\"start.png\");\n}\n\n.sb-log-rotation::before {\n .icon-small(\"log-rotation.png\");\n}\n\n/* Icons 16x16 */\n\n.icon-edit {\n .icon-small(\"modify.png\");\n}\n\n.icon-save {\n .icon-small(\"save.png\");\n}\n\n.icon-cancel {\n .icon-small(\"cancel.png\");\n}\n\n.icon-ok {\n .icon-small(\"ok.png\");\n}\n\n.icon-on {\n .icon-small(\"on.png\");\n}\n\n.icon-off {\n .icon-small(\"off.png\");\n}\n\n.icon-indicator {\n .icon-small(\"indicator.gif\");\n}\n\n.icon-search {\n .icon-small(\"search.png\");\n}\n\n.icon-folder {\n .icon-small(\"file-folder.png\");\n}\n\n.icon-feedback {\n .icon-small(\"feedback.png\");\n}\n\n.icon-refresh {\n .icon-small(\"refresh.png\");\n}\n\n.icon-arrow-left {\n .icon-small(\"move-back.png\");\n}\n\n.icon-log-rotation {\n .icon-small(\"log-rotation.png\");\n}\n\n.icon-navigation {\n .icon-small(\"navigation.png\");\n}\n\n.icon-log-browser-client {\n .icon-small(\"log-browser-client.png\");\n}\n\n.icon-log-browser-refer {\n .icon-small(\"log-browser-refer.png\");\n}\n\n.icon-log-browser-robot {\n .icon-small(\"log-browser-robot.png\");\n}\n\n.icon-log-browser-unknown {\n .icon-small(\"log-browser-unknown.png\");\n}\n\n.icon-attention-tr {\n .icon-small(\"att-tr.png\");\n}\n\n.icon-manage {\n .icon-small(\"manage.png\");\n}\n\n.icon-delete {\n .icon-small(\"delete.png\");\n}\n\n.icon-mobile {\n .icon-small(\"create-mobile-site.png\");\n}\n\n.icon-lock {\n .icon-small(\"lock.png\");\n}\n\n.icon-unlock {\n .icon-small(\"unlock.png\");\n}\n\n.icon-unlock-muted {\n .icon-small(\"unlock-muted.png\");\n}\n\n.icon-update {\n .icon-small(\"update.png\");\n}\n\n.icon-update-light {\n .icon-small(\"update-light.png\");\n}\n\n.icon-customize {\n .icon-small(\"customize.png\");\n}\n\n.icon-logs {\n .icon-small(\"logs.png\");\n}\n\n.icon-background-tasks {\n .icon-small(\"background-tasks.png\");\n}\n\n.icon-recheck {\n .icon-small(\"recheck.png\");\n}\n\n.icon-unlink {\n .icon-small(\"unlink.png\");\n}\n\n.icon-download {\n .icon-small(\"download.png\");\n}\n\n.icon-warning {\n .icon-small(\"warning.png\");\n}\n\n.icon-attention {\n .icon-small(\"att.png\");\n}\n\n.icon-copy {\n .icon-small(\"copy.png\");\n}\n\n.icon-start {\n .icon-small(\"start.png\");\n}\n\n.icon-stop {\n .icon-small(\"stop.png\");\n}\n\n.icon-stop-muted {\n .icon-small(\"stop-muted.png\");\n}\n\n.icon-restart {\n .icon-small(\"restart.png\");\n}\n\n.icon-settings {\n .icon-small(\"settings.png\");\n}\n\n.icon-components {\n .icon-small(\"components.png\");\n}\n\n.icon-register-domain {\n .icon-small(\"register-domain.png\");\n}\n\n.icon-info {\n .icon-small(\"info.png\");\n}\n\n.icon-help {\n .icon-small(\"help.png\");\n}\n\n.icon-help-muted {\n .icon-small(\"help-muted.png\");\n}\n\n.icon-waiting {\n .icon-small(\"waiting.png\");\n}\n\n.icon-website {\n .icon-small(\"website.png\");\n}\n\n.icon-popular {\n .icon-small(\"popular.png\");\n}\n\n.icon-open-in-browser {\n .icon-small(\"open-in-browser.png\");\n}\n\n.icon-opinions {\n .icon-small(\"opinions.png\");\n}\n\n.icon--install {\n .icon-small(\"toolbar-install.png\");\n\n .btn-primary &,\n .btn:hover & {\n .icon-small(\"toolbar-install-active.png\");\n }\n}\n\n.icon--basket {\n .icon-small(\"toolbar-buynow.png\");\n\n .btn-primary &,\n .btn:hover & {\n .icon-small(\"toolbar-buynow-active.png\");\n }\n}\n\n.icon--update {\n .icon-small(\"toolbar-update.png\");\n\n .btn-primary &,\n .btn:hover & {\n .icon-small(\"toolbar-update-active.png\");\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.pul-section--collapsible > .pul-section-item .form-box {\n margin-block-end: 0;\n}\n\n.pul-section--collapsed > .pul-section-item {\n display: none;\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n// TODO PPP-47882 Remove unused styles\n\n@import \"_variables\";\n\n/* doc\n---\ntitle: \"Media\"\nname: media\ncategory: \"Components - Media\"\n---\n\n- [media.less] (https://git.plesk.tech/projects/PLESK/repos/plesk/browse/common/theme/less/core/media.less)\n\n```html_example\n<div class=\"media\">\n <div class=\"media-left\">\n <i class=\"icon-md\"><img class=\"media-object\" src=\"theme/icons/32/plesk/file-manager.png\" alt=\"\"></i>\n </div>\n <div class=\"media-body\">\n <h4 class=\"media-heading\">Media Heading</h4>\n Media content\n </div>\n <div class=\"media-right\">\n <i class=\"icon-md\"><img class=\"media-object\" src=\"theme/icons/32/plesk/file-manager.png\" alt=\"\"></i>\n </div>\n</div>\n```\n```html_example\n<div class=\"media\">\n <div class=\"media-left\">\n <img class=\"media-object\" src=\"theme/icons/32/plesk/file-manager.png\" alt=\"\">\n </div>\n <div class=\"media-body\">\n <h4 class=\"media-heading\">Media Heading</h4>\n Media content\n </div>\n</div>\n```\n*/\n\n// Variables\n// ========================================================================\n\n@media-margin-block-start: 5px;\n@media-spacing: 10px;\n\n@media-heading-margin-block-end: 5px;\n@media-heading-font-size: 18px;\n@media-heading-font-weight: 300;\n@media-heading-line-height: 22px;\n\n@media-spacing-small: 4px;\n@media-spacing-medium: 6px;\n@media-spacing-large: 10px;\n@media-spacing-x-large: 16px;\n@media-hovered-spacing-medium: 8px;\n@media-hovered-hover-background: #ecf5f9;\n\n.media {\n display: flex;\n align-items: flex-start;\n\n a&,\n a&:hover {\n color: inherit;\n text-decoration: inherit;\n }\n\n a&:hover .media__ui-link {\n color: @base-link-hover-color;\n text-decoration: @base-link-hover-text-decoration;\n }\n\n &--inline {\n display: inline-flex;\n }\n\n &__figure {\n flex-shrink: 0;\n margin-block: 0;\n margin-inline: 0 @media-spacing-medium;\n }\n\n &__figure--reverse {\n margin-block: 0;\n margin-inline: @media-spacing-medium 0;\n }\n\n &__body {\n flex: 1 1 auto;\n min-inline-size: 0;\n }\n\n &__body,\n &__body > :last-child {\n margin-block-end: 0;\n }\n\n &--small &__figure {\n margin-inline-end: @media-spacing-small;\n }\n\n &--small &__figure--reverse {\n margin-block: 0;\n margin-inline: @media-spacing-small 0;\n }\n\n &--large &__figure {\n margin-inline-end: @media-spacing-large;\n }\n\n &--large &__figure--reverse {\n margin-block: 0;\n margin-inline: @media-spacing-large 0;\n }\n\n &--x-large &__figure {\n margin-inline-end: @media-spacing-x-large;\n }\n\n &--x-large &__figure--reverse {\n margin-block: 0;\n margin-inline: @media-spacing-x-large 0;\n }\n\n &--center {\n align-items: center;\n }\n}\n\n.media--hovered {\n padding: @media-hovered-spacing-medium;\n transition: background 0.25s;\n\n &:hover {\n background: @media-hovered-hover-background;\n cursor: pointer;\n\n .media__ui-link {\n color: @base-link-hover-color;\n text-decoration: @base-link-hover-text-decoration;\n }\n }\n}\n\n@media (max-width: @breakpoint-small) {\n .media--responsive {\n display: block;\n\n .media__figure {\n margin-block: 0 @media-spacing-medium;\n margin-inline: 0;\n }\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n// TODO PPP-47882 Remove unused styles\n\n@import \"_variables\";\n\n/* doc\n---\ntitle: \"Console Output\"\nname: console-output\ncategory: \"Components - Console Output\"\n---\n\n- [console-output.less] (https://git.plesk.tech/projects/PLESK/repos/plesk/browse/common/theme/less/core/console-output.less)\n- [Description] (https://docs.plesk.ru/display/PPP/05+-+Widgets#id-05-Widgets-ConsoleOutput)\n\n```html_example\n<pre class=\"console-output\">\nconsole-output\n...<span class=\"cursor animation-blink\"></span>\n</pre>\n```\n### Full Width Console Output\n```html_example\n<pre class=\"console-output console-output-wide\">\nconsole-output-wide...<span class=\"cursor animation-blink\"></span>\n</pre>\n```\n*/\n\n.console-output {\n box-sizing: border-box;\n min-block-size: 15em;\n max-block-size: 25em;\n max-inline-size: 80em;\n padding-block: 12px 16px;\n padding-inline: 16px;\n border: 1px solid @token-color-grey-4;\n border-radius: 2px;\n background-color: @token-color-grey-2;\n font: 1em/1.143 @base-code-font-family;\n color: @base-body-color;\n tab-size: 4;\n overflow: auto;\n overflow-x: hidden;\n white-space: pre-wrap;\n word-wrap: break-word;\n overflow-wrap: break-word;\n\n .cursor {\n display: inline-block;\n inline-size: 0.4615em;\n block-size: 1em;\n margin-inline-start: 0.2308em;\n vertical-align: -1px;\n background-color: @token-color-grey-8;\n }\n}\n\n.console-output-wide {\n max-inline-size: 100%;\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n// TODO PPP-47882 Remove unused styles\n\n@import \"_variables\";\n@import \"_mixins\";\n\n/* doc\n---\ntitle: \"Mode Selector\"\nname: mode-selector\ncategory: \"Components - Mode Selector\"\n---\n\n- [mode-selector.less] (https://git.plesk.tech/projects/PLESK/repos/plesk/browse/common/theme/less/core/mode-selector.less)\n- [Description] (https://docs.plesk.ru/display/PPP/05+-+Widgets#id-05-Widgets-ModeSelector)\n\n```html_example\n<div class=\"mode-selector\">\n <div class=\"mode-selector-item\">\n <label class=\"mode-selector-radio checked\">\n <input type=\"radio\" name=\"some-name\" class=\"mode-selector-radio-input\" checked=\"\">\n <span class=\"mode-selector-radio-label\"><i class=\"icon-md-cloud\"></i> lorem ipsum dolor sit amet, consectetur adipiscing elit</span>\n </label>\n </div>\n <div class=\"mode-selector-item\">\n <label class=\"mode-selector-radio\">\n <input type=\"radio\" name=\"some-name\" class=\"mode-selector-radio-input\">\n <span class=\"mode-selector-radio-label\"><i class=\"icon-md-desktop\"></i> lorem ipsum dolor sit amet, consectetur adipiscing elit</span>\n </label>\n </div>\n</div>\n```\n*/\n\n.mode-selector {\n display: flex;\n flex-direction: column;\n position: relative;\n margin-block-end: @base-margin-block;\n align-items: center;\n}\n\n.mode-selector-item,\n.mode-selector-radio,\n.mode-selector-radio-label {\n display: flex;\n align-items: center;\n}\n\n.mode-selector-item {\n inline-size: 100%;\n margin-block: 0 4px;\n margin-inline: 0;\n\n &:last-child {\n margin: 0;\n }\n}\n\n.mode-selector-radio {\n box-sizing: border-box;\n position: relative;\n inline-size: 100%;\n padding-block: 12px;\n padding-inline: 16px;\n border-radius: 2px;\n background-color: #fff;\n box-shadow: 0 2px 6px rgb(0 0 0 / 0.1);\n cursor: pointer;\n\n &:hover {\n background-color: @token-color-primary-1;\n box-shadow: 0 2px 6px #daebf2;\n }\n\n &.checked {\n background-color: @token-color-grey-2;\n box-shadow: none;\n }\n}\n\n.mode-selector .mode-selector-radio-input {\n margin: 0;\n vertical-align: middle;\n flex: 0 0 auto;\n}\n\n.mode-selector-radio-label {\n margin-inline-start: 8px;\n z-index: 5;\n font-size: 12px;\n line-height: 1.333;\n\n [class^=\"icon-md-\"],\n [class*=\" icon-md-\"] {\n flex: 0 0 auto;\n margin-inline-end: 8px;\n }\n}\n\n.icon-md-desktop {\n .icon-medium(\"desktop.png\");\n}\n\n.icon-md-cloud {\n .icon-medium(\"cloud.png\");\n}\n\n@media (min-width: @breakpoint-medium) {\n .mode-selector {\n flex-direction: row;\n }\n\n .field-value .mode-selector::after {\n inset-inline-start: -215px;\n }\n\n .mode-selector-item {\n inline-size: auto;\n align-self: stretch;\n margin-block: 0;\n margin-inline: 0 4px;\n }\n\n .mode-selector-radio {\n align-self: stretch;\n max-inline-size: 290px;\n\n &.checked::after {\n display: block;\n position: absolute;\n pointer-events: none;\n content: \"\";\n transform: rotate(45deg);\n inline-size: 20px;\n block-size: 20px;\n background-color: @token-color-grey-2;\n z-index: 2;\n inset-block-end: -8px;\n inset-inline-start: 50%;\n margin-block: 0;\n margin-inline: -10px 0;\n border-end-end-radius: 4px;\n }\n }\n}\n\n.pul-section--vertical {\n .mode-selector {\n flex-direction: column;\n }\n\n .mode-selector-item {\n margin-block: 0 4px;\n margin-inline: 0;\n\n &:last-child {\n margin: 0;\n }\n }\n\n .mode-selector-radio {\n max-inline-size: none;\n\n &.checked::after {\n display: none;\n }\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n// TODO PPP-47882 Remove unused styles\n\n@import \"_variables\";\n\n/* doc\n---\ntitle: \"Form Flow\"\nname: form-flow\ncategory: \"Components - Form Flow\"\n---\n\n- [form-flow.less] (https://git.plesk.tech/projects/PLESK/repos/plesk/browse/common/theme/less/core/form-flow.less)\n- [Description] (https://docs.plesk.ru/display/PPP/05+-+Widgets#id-05-Widgets-FormFlow)\n\n```html_example\n<div class=\"form-flow\">\n <div class=\"form-flow-item\">\n <div class=\"form-flow-item-image\"><img src=\"http://placehold.it/96x96/\" alt=\"\"></div>\n <div class=\"form-flow-item-name\">Your Website</div>\n <div class=\"form-flow-item-content\">\n <p>Description</p>\n </div>\n </div>\n <div class=\"form-flow-item\">\n <div class=\"form-flow-item-image\"><img src=\"http://placehold.it/96x96/\" alt=\"\"></div>\n <div class=\"form-flow-item-name\">Your Website</div>\n <div class=\"form-flow-item-content\">\n <p>Description</p>\n </div>\n </div>\n</div>\n```\n*/\n\n.form-flow {\n display: flex;\n flex-direction: column;\n}\n\n.form-flow-item {\n position: relative;\n inline-size: 100%;\n padding-block-end: 48px;\n margin-block-end: 16px;\n animation: fade 0.3s ease-in-out;\n\n &::after {\n display: block;\n position: absolute;\n content: \"\";\n inset-block-end: 0;\n inset-inline-start: 32px;\n inline-size: 32px;\n block-size: 32px;\n background: 0 50% no-repeat;\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -2.6 32 32'%3E%3Cpath fill='%2380AF26' d='M1 11a1 1 0 0 0-1 1v2.002a1 1 0 0 0 1 1h24.342l-7.62 7.704a1.013 1.013 0 0 0 0 1.422l1.391 1.407a.987.987 0 0 0 1.407 0l11.187-11.31a1.01 1.01 0 0 0 .286-.812 1.01 1.01 0 0 0-.286-.811L20.52 1.292a.987.987 0 0 0-1.407 0l-1.392 1.407a1.013 1.013 0 0 0 0 1.422L24.525 11H1z'/%3E%3C/svg%3E\");\n background-size: contain;\n transform: rotate(90deg);\n }\n\n &:last-child {\n padding-block-end: 0;\n\n &::after {\n display: none;\n }\n }\n}\n\n.form-flow-item-name {\n font-weight: 600;\n}\n\n.form-flow-item-image,\n.form-flow-item-name {\n margin-block-end: 4px;\n}\n\n.form-flow-item .form-row {\n .field-name {\n float: none;\n inline-size: auto;\n margin: 0;\n font-weight: 400;\n }\n\n .field-value {\n float: none;\n margin-inline-start: 0;\n }\n\n input[type=\"text\"],\n .input-text {\n margin-block: 4px;\n margin-inline: 0;\n }\n}\n\n.form-flow-item-image img {\n max-inline-size: 96px;\n}\n\n.form-flow-item-content {\n word-wrap: break-word;\n overflow-wrap: break-word;\n}\n\n@media (min-width: @breakpoint-medium) {\n .form-flow-item::after {\n inset-inline-start: 32px;\n margin-inline-start: 0;\n }\n}\n\n@media (min-width: 1026px) {\n .form-flow {\n flex-flow: row wrap;\n }\n\n .form-flow-item {\n inline-size: auto;\n padding-block: 0;\n padding-inline: 0 64px;\n margin-inline-end: 32px;\n\n &::after {\n transform: rotate(0) /*rtl:rotate(180deg)*/;\n inset-block: 0 auto;\n inset-inline-start: auto;\n margin-block-start: 98px;\n margin-inline: 0;\n }\n\n &:last-child {\n padding: 0;\n margin-inline-end: 0;\n }\n }\n\n .form-flow-item-content {\n max-inline-size: 320px;\n }\n}\n\n.pul-section--vertical {\n .form-flow {\n flex-direction: column;\n }\n\n .form-flow-item {\n inline-size: 100%;\n padding-block: 0 48px;\n padding-inline: 0;\n margin-block: 0 16px;\n margin-inline: 0;\n\n &::after {\n inset-block: auto 0;\n inset-inline: 32px auto;\n inline-size: 32px;\n block-size: 32px;\n transform: rotate(90deg);\n }\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n@import \"../../../styles/_variables\";\n@import \"../../../styles/_mixins\";\n\n.fm-drop-area {\n position: absolute;\n z-index: 1000;\n inset-block: 0;\n inset-inline: 0;\n box-sizing: border-box;\n text-align: center;\n border: 2px dashed #1e96c9;\n font-size: 18px;\n background: rgb(255 255 255 / 0.9);\n\n .fm-drop-area-wrap {\n position: absolute;\n inset-block-start: 50%;\n inset-inline-start: 0;\n inline-size: 100%;\n }\n\n .fm-drop-area-text {\n position: relative;\n inset-block-start: -50%;\n }\n}\n\n.fm .objects-details .objects-content-area {\n block-size: 100%;\n}\n\n/* - File Manager Main Pane - List - */\n\n.fm .list td {\n white-space: nowrap;\n}\n\n@media (max-width: @breakpoint-small-max) {\n .fm .list td {\n white-space: normal;\n word-wrap: break-word;\n word-break: break-all;\n }\n}\n\n@media (min-width: @breakpoint-large) {\n .fm {\n padding-inline-start: 220px;\n\n .objects-list {\n inline-size: 220px;\n margin-inline-start: -220px;\n }\n\n .objects-list .objects-content {\n overflow: visible;\n margin: 0;\n }\n\n .objects-list .objects-content-area {\n inline-size: auto;\n min-block-size: 88px;\n }\n\n .objects-list .objects-content-area .tree {\n inline-size: 220px;\n min-inline-size: 220px;\n }\n }\n}\n\n/* - File manager popups - */\n.fm-scrollable {\n overflow: auto;\n block-size: 200px;\n max-inline-size: 400px;\n border: 1px solid #ddd;\n background: #fff;\n\n .popup-panel &,\n .popup-box & {\n max-inline-size: 100%;\n }\n\n .scrollable-wrap {\n position: relative;\n margin: 2px;\n }\n}\n\n.popup-form-vertical .fm-scrollable {\n block-size: auto;\n max-block-size: ~\"calc(100vh - 320px)\";\n min-block-size: 200px;\n}\n\n.files-progress-upload {\n margin-block-end: 12px;\n\n .progress {\n margin-block-start: 5px;\n }\n}\n\n.type-folder,\n.type-my-folder,\n.type-archive,\n.type-word,\n.type-txt,\n.type-video,\n.type-image,\n.type-xls,\n.type-pdf,\n.type-ppt,\n.type-binary,\n.type-web,\n.type-audio,\n.type-unknown {\n background: 0 0 no-repeat;\n background-size: 16px;\n padding-inline-start: 20px;\n}\n\n.type-folder {\n .icon-small(\"file-folder.png\");\n}\n\n.type-my-folder {\n .icon-small(\"file-folder-personal.png\");\n}\n\n.type-archive {\n .icon-small(\"file-arch.png\");\n}\n\n.type-word {\n .icon-small(\"file-word.png\");\n}\n\n.type-txt {\n .icon-small(\"file-txt.png\");\n}\n\n.type-video {\n .icon-small(\"file-video.png\");\n}\n\n.type-image {\n .icon-small(\"file-image.png\");\n}\n\n.type-xls {\n .icon-small(\"file-xls.png\");\n}\n\n.type-pdf {\n .icon-small(\"file-pdf.png\");\n}\n\n.type-ppt {\n .icon-small(\"file-ppt.png\");\n}\n\n.type-binary {\n .icon-small(\"file-binary.png\");\n}\n\n.type-web {\n .icon-small(\"file-html.png\");\n}\n\n.type-audio {\n .icon-small(\"file-audio.png\");\n}\n\n.type-unknown {\n .icon-small(\"file-unknown.png\");\n}\n",".fm-drop-area {\n position: absolute;\n z-index: 1000;\n inset-block: 0;\n inset-inline: 0;\n box-sizing: border-box;\n text-align: center;\n border: 2px dashed #1e96c9;\n font-size: 18px;\n background: rgba(255, 255, 255, 0.9);\n}\n.fm-drop-area .fm-drop-area-wrap {\n position: absolute;\n inset-block-start: 50%;\n inset-inline-start: 0;\n inline-size: 100%;\n}\n.fm-drop-area .fm-drop-area-text {\n position: relative;\n inset-block-start: -50%;\n}\n.fm .objects-details .objects-content-area {\n block-size: 100%;\n}\n/* - File Manager Main Pane - List - */\n.fm .list td {\n white-space: nowrap;\n}\n@media (max-width: 767px) {\n .fm .list td {\n white-space: normal;\n word-wrap: break-word;\n word-break: break-all;\n }\n}\n@media (min-width: 960px) {\n .fm {\n padding-inline-start: 220px;\n }\n .fm .objects-list {\n inline-size: 220px;\n margin-inline-start: -220px;\n }\n .fm .objects-list .objects-content {\n overflow: visible;\n margin: 0;\n }\n .fm .objects-list .objects-content-area {\n inline-size: auto;\n min-block-size: 88px;\n }\n .fm .objects-list .objects-content-area .tree {\n inline-size: 220px;\n min-inline-size: 220px;\n }\n}\n/* - File manager popups - */\n.fm-scrollable {\n overflow: auto;\n block-size: 200px;\n max-inline-size: 400px;\n border: 1px solid #ddd;\n background: #fff;\n}\n.popup-panel .fm-scrollable,\n.popup-box .fm-scrollable {\n max-inline-size: 100%;\n}\n.fm-scrollable .scrollable-wrap {\n position: relative;\n margin: 2px;\n}\n.popup-form-vertical .fm-scrollable {\n block-size: auto;\n max-block-size: calc(100vh - 320px);\n min-block-size: 200px;\n}\n.files-progress-upload {\n margin-block-end: 12px;\n}\n.files-progress-upload .progress {\n margin-block-start: 5px;\n}\n.type-folder,\n.type-my-folder,\n.type-archive,\n.type-word,\n.type-txt,\n.type-video,\n.type-image,\n.type-xls,\n.type-pdf,\n.type-ppt,\n.type-binary,\n.type-web,\n.type-audio,\n.type-unknown {\n background: 0 0 no-repeat;\n background-size: 16px;\n padding-inline-start: 20px;\n}\n.type-folder {\n background-image: url(\"../icons/16/plesk/file-folder.png\");\n}\n.type-my-folder {\n background-image: url(\"../icons/16/plesk/file-folder-personal.png\");\n}\n.type-archive {\n background-image: url(\"../icons/16/plesk/file-arch.png\");\n}\n.type-word {\n background-image: url(\"../icons/16/plesk/file-word.png\");\n}\n.type-txt {\n background-image: url(\"../icons/16/plesk/file-txt.png\");\n}\n.type-video {\n background-image: url(\"../icons/16/plesk/file-video.png\");\n}\n.type-image {\n background-image: url(\"../icons/16/plesk/file-image.png\");\n}\n.type-xls {\n background-image: url(\"../icons/16/plesk/file-xls.png\");\n}\n.type-pdf {\n background-image: url(\"../icons/16/plesk/file-pdf.png\");\n}\n.type-ppt {\n background-image: url(\"../icons/16/plesk/file-ppt.png\");\n}\n.type-binary {\n background-image: url(\"../icons/16/plesk/file-binary.png\");\n}\n.type-web {\n background-image: url(\"../icons/16/plesk/file-html.png\");\n}\n.type-audio {\n background-image: url(\"../icons/16/plesk/file-audio.png\");\n}\n.type-unknown {\n background-image: url(\"../icons/16/plesk/file-unknown.png\");\n}\n.task-progress-bar__loading-spinner {\n inline-size: 12px;\n block-size: 12px;\n stroke: currentcolor;\n}\n.task-progress-bar-item {\n max-block-size: 370px;\n padding-block-end: 0;\n}\n.task-progress-bar-item__content {\n padding-block: 0 12px;\n padding-inline: 0;\n}\n.task-progress-bar-item__output {\n margin-block: 4px 0;\n margin-inline-end: -24px;\n padding-inline-end: 8px;\n max-block-size: 300px;\n overflow: auto;\n}\n/* = Aplications & Services =\n------------------------------------------------------------------------------ */\n/* - Apps Category List - */\n.objects-details .aps-category-list {\n display: flex;\n flex-wrap: wrap;\n margin: 0;\n padding: 0;\n list-style: none;\n}\n.objects-details .aps-category-list li {\n display: inline-block;\n inline-size: auto;\n flex-basis: 532px;\n max-inline-size: 532px;\n}\n.objects-details .aps-category-block {\n box-sizing: border-box;\n max-inline-size: 500px;\n padding-block: 0 32px;\n padding-inline: 44px 16px;\n}\n.objects-details .aps-category-block::before {\n content: \"\";\n display: block;\n float: inline-start;\n inline-size: 32px;\n block-size: 32px;\n margin-block: 0;\n margin-inline: -44px 0;\n background: 0 0 no-repeat;\n background-size: 32px;\n background-image: url(\"../icons/32/plesk/default-button.png\");\n}\n.objects-details .ac-web .aps-category-block::before {\n background-image: url(\"../icons/32/plesk/aps-category-web.png\");\n}\n.objects-details .ac-back-office .aps-category-block::before {\n background-image: url(\"../icons/32/plesk/aps-category-back-office.png\");\n}\n.objects-details .ac-collaboration .aps-category-block::before {\n background-image: url(\"../icons/32/plesk/aps-category-collaboration.png\");\n}\n.objects-details .ac-personal .aps-category-block::before {\n background-image: url(\"../icons/32/plesk/aps-category-personal.png\");\n}\n.objects-details .ac-front-office .aps-category-block::before {\n background-image: url(\"../icons/32/plesk/aps-category-front-office.png\");\n}\n.objects-details .ac-infrastructure .aps-category-block::before {\n background-image: url(\"../icons/32/plesk/aps-category-infrastructure.png\");\n}\n.objects-details .ac-customization .aps-category-block::before {\n background-image: url(\"../icons/32/plesk/aps-category-customization.png\");\n}\n.objects-details .aps-category-block h4 {\n margin-block: 0 8px;\n margin-inline: 0;\n padding: 0;\n font-size: 14px;\n font-weight: 600;\n line-height: 1.429;\n}\n.objects-details .aps-category-items {\n font-size: 12px;\n line-height: 1.667;\n}\n.objects-details .aps-category-items a {\n color: #007eb0;\n}\n.objects-details .aps-category-items a:hover {\n color: #259ccc;\n}\n/* - Apps Group List - */\n.aps-group-list,\n.catalog-list {\n display: flex;\n flex-wrap: wrap;\n margin: 0;\n padding: 0;\n list-style: none;\n}\n.aps-group-list > li,\n.catalog-list > li {\n margin-block: 0 32px;\n margin-inline: 0 16px;\n padding-block: 12px;\n padding-inline: 0;\n background-color: transparent;\n inline-size: auto;\n flex-basis: 532px;\n max-inline-size: 532px;\n}\n.aps-group-list .package-block,\n.catalog-item-block {\n display: inline-block;\n inline-size: 100%;\n max-inline-size: 500px;\n margin-inline-end: 16px;\n vertical-align: top;\n}\n.aps-group-list .package-icon,\n.catalog-item-icon {\n float: inline-start;\n margin-inline-end: 16px;\n text-align: center;\n}\n.aps-group-list .package-icon {\n min-inline-size: 64px;\n}\n.aps-group-list .package-icon img {\n max-inline-size: 64px;\n}\n.catalog-item-icon {\n min-inline-size: 32px;\n}\n.catalog-item-icon img {\n max-inline-size: 32px;\n}\n.aps-group-list .package-actions,\n.catalog-item-actions {\n float: inline-end;\n margin-block: 28px 0;\n margin-inline: 16px 0;\n}\n.aps-group-list .package-actions > .btn,\n.catalog-item-actions > .btn,\n.catalog-item-actions .catalog-item-status {\n margin-block-end: 4px;\n}\n.aps-group-list .package-actions > .btn,\n.aps-group-list .package-actions .btn-group {\n float: inline-end;\n margin: 0;\n}\n.aps-group-list .package-actions > .btn,\n.aps-group-list .package-actions > .btn > button {\n min-inline-size: 92px;\n}\n.aps-group-list .package-actions .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle),\n.aps-group-list .package-actions .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) > button {\n min-inline-size: 63px;\n}\n.aps-group-list .package-actions br {\n clear: both;\n}\n.catalog-item-actions > .btn,\n.catalog-item-actions .catalog-item-status {\n float: inline-end;\n min-inline-size: 92px;\n}\n.catalog-item-actions .catalog-item-status {\n display: inline-block;\n text-align: center;\n}\n.aps-group-list h4,\n.catalog-item-name {\n overflow: hidden;\n margin-block: 0 8px;\n margin-inline: 0;\n padding: 0;\n font-size: 14px;\n font-weight: 600;\n}\n.aps-group-list .package-description,\n.catalog-item-description {\n overflow: hidden;\n font-size: 12px;\n line-height: 16px;\n}\n.app-icon-default {\n display: inline-block;\n inline-size: 64px;\n block-size: 64px;\n vertical-align: top;\n background-image: url(\"../icons/64/plesk/app-default.png\");\n}\n/* = Marketplace =\n------------------------------------------------------------------------------ */\n.aps-marketplace {\n margin: 0;\n}\n.aps-marketplace-list {\n display: flex;\n flex-wrap: wrap;\n list-style: none;\n margin: 0;\n padding: 0;\n}\n.aps-marketplace-list > li {\n display: inline-block;\n inline-size: auto;\n flex-basis: 532px;\n max-inline-size: 532px;\n margin: 0;\n vertical-align: top;\n background-color: transparent;\n}\n.aps-marketplace-list .package-block {\n display: flex;\n margin: 0;\n box-sizing: border-box;\n max-inline-size: 500px;\n padding-block: 0 32px;\n padding-inline: 0 16px;\n}\n.aps-marketplace-list .package-block .package-icon {\n float: inline-start;\n inline-size: 64px;\n text-align: center;\n}\n.aps-marketplace-list .package-block .package-icon img {\n max-inline-size: 64px;\n}\n.aps-marketplace-list .package-block h4 {\n margin-block: 0 8px;\n margin-inline: 0;\n padding: 0;\n font-size: 14px;\n font-weight: 600;\n}\n.aps-marketplace-list .package-info {\n min-block-size: 64px;\n margin-inline-start: 80px;\n}\n.aps-marketplace-list .package-description {\n padding: 0;\n font-size: 12px;\n line-height: 16px;\n}\n.objects-details .aps-marketplace-details {\n padding: 0;\n}\n.catalog-overview-actions > .catalog-item-status,\n.catalog-overview-actions > .btn {\n display: inline-block;\n margin-block: 0 4px;\n margin-inline: 0;\n min-inline-size: 92px;\n}\n.aps-marketplace-list .package-block .package-actions,\n.aps-group-list .package-block .package-actions {\n text-align: end;\n}\n.aps-marketplace-details .package-actions,\n.catalog-overview .catalog-overview-actions {\n float: inline-end;\n inline-size: 200px;\n margin-block: 0;\n margin-inline: 16px;\n}\n.aps-marketplace-details .package-actions .action-block,\n.catalog-overview .catalog-overview-actions .action-block {\n margin-block: 0 16px;\n margin-inline: 0;\n padding-block: 16px 24px;\n padding-inline: 16px;\n letter-spacing: 0;\n font-size: 12px;\n border-radius: 4px;\n background-color: #fff;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n}\n.aps-marketplace-details .package-actions .sys-reqs,\n.catalog-overview .catalog-overview-actions .sys-reqs {\n padding-inline-start: 20px;\n}\n.aps-marketplace-details .package-actions .sys-reqs::before,\n.catalog-overview .catalog-overview-actions .sys-reqs::before {\n content: \"\";\n float: inline-start;\n margin-inline-start: -20px;\n inline-size: 16px;\n block-size: 16px;\n background: url(\"../icons/16/plesk/preferences.png\") no-repeat;\n background-size: 16px;\n}\n.aps-marketplace-details .package-actions .sys-reqs span,\n.catalog-overview .catalog-overview-actions .sys-reqs span {\n display: block;\n margin-block-end: 4px;\n}\n.aps-marketplace-details .package-actions .sys-reqs ul,\n.catalog-overview .catalog-overview-actions .sys-reqs ul {\n margin: 0;\n padding: 0;\n}\n.aps-marketplace-details .package-actions .sys-reqs li,\n.catalog-overview .catalog-overview-actions .sys-reqs li {\n margin-block: 0 4px;\n margin-inline: 0;\n}\n.aps-marketplace-details .package-actions .more-info,\n.catalog-overview .catalog-overview-actions .more-info {\n padding-inline-start: 20px;\n}\n.aps-marketplace-details .package-actions .more-info::before,\n.catalog-overview .catalog-overview-actions .more-info::before {\n content: \"\";\n float: inline-start;\n margin-inline-start: -20px;\n inline-size: 16px;\n block-size: 16px;\n background: url(\"../icons/16/plesk/info.png\") no-repeat;\n background-size: 16px;\n}\n.aps-marketplace-details .package-actions .more-info p,\n.catalog-overview .catalog-overview-actions .more-info p {\n margin: 0;\n}\n.aps-marketplace-details .package-actions .more-info * + p,\n.catalog-overview .catalog-overview-actions .more-info * + p {\n margin-block-start: 10px;\n}\n.aps-marketplace-details .package-actions * + .more-info,\n.catalog-overview .catalog-overview-actions * + .more-info {\n margin-block-start: 10px;\n}\n.aps-marketplace-details .package-actions .action-description,\n.catalog-overview .catalog-overview-actions .action-description,\n.aps-marketplace-details .package-actions .action-control,\n.catalog-overview .catalog-overview-actions .action-control {\n text-align: center;\n}\n.aps-marketplace-details .package-content {\n margin-block: 0;\n margin-inline: 0 232px;\n}\n.aps-marketplace-details .package-info {\n padding-inline-start: 80px;\n}\n.aps-marketplace-details .package-info .package-icon {\n float: inline-start;\n margin-block: 0;\n margin-inline: -80px 0;\n}\n.aps-marketplace-details .package-info .package-icon img {\n inline-size: 64px;\n}\n.aps-marketplace-details .package-info h3 {\n margin-block: 0 8px;\n margin-inline: 0;\n padding: 0;\n font-size: 14px;\n font-weight: 600;\n line-height: 1.429;\n color: #222;\n}\n.aps-marketplace-details .package-info h3 .package-version {\n display: block;\n padding-block-start: 4px;\n font-size: 12px;\n color: #737373;\n}\n.aps-marketplace-details .package-description {\n padding-block: 24px 0;\n padding-inline: 0;\n}\n.aps-marketplace-details .package-screenshot {\n padding-block: 24px 0;\n padding-inline: 0;\n}\n.aps-marketplace-details .package-screenshot img {\n max-inline-size: 100%;\n}\n.aps-marketplace-details .package-screenshot .package-img {\n margin-block: 0 10px;\n margin-inline: 0;\n}\n.catalog-overview-content-block {\n margin-block-start: 1.4em;\n}\n.catalog-overview-content-block > h4 {\n font-size: 20px;\n line-height: 26px;\n}\n.catalog-overview-info {\n overflow: hidden;\n margin-block: 0 12px;\n margin-inline: 0;\n padding-inline-start: 46px;\n}\n.catalog-overview-info-icon {\n float: inline-start;\n margin-block: 3px 0;\n margin-inline: -46px 0;\n}\n.catalog-overview-info-icon img {\n inline-size: 32px;\n}\n.catalog-overview-info-name {\n margin: 0;\n font-weight: 400;\n font-size: 26px;\n line-height: normal;\n color: #353535;\n}\n.catalog-overview-info-version,\n.catalog-overview-info-vendor {\n display: block;\n font-size: 14px;\n line-height: 1.6em;\n color: #787878;\n}\n.catalog-overview-info-actions {\n margin-block-start: 1em;\n}\n.catalog-overview-info-actions .catalog-item-status {\n display: inline-block;\n margin-inline-end: 10px;\n}\n.catalog-overview-screenshots a {\n display: inline-block;\n margin-block: 0 10px;\n margin-inline: 0 10px;\n padding: 5px;\n border: 1px solid #d6dfe3;\n border-radius: 3px;\n background: #fff;\n}\n.catalog-overview-screenshots img {\n inline-size: 320px;\n max-inline-size: 100%;\n}\n.apps-box .package-screenshot {\n float: inline-end;\n margin-block: 2px 20px;\n margin-inline: 20px 0;\n text-align: center;\n}\n.apps-box .package-screenshot img {\n display: block;\n inline-size: 180px;\n margin-block-end: 10px;\n}\n.apps-box .package-content {\n padding: 0;\n}\n.apps-box .package-content .package-icon {\n float: inline-start;\n margin: 0;\n}\n.apps-box h3 {\n font-size: 18px;\n line-height: 18px;\n}\n.apps-box h3 span {\n font-size: 13px;\n font-weight: 400;\n vertical-align: top;\n}\n.apps-box h4 {\n font-size: 15px;\n line-height: 18px;\n font-weight: 700;\n}\n.apps-box h4 span {\n display: inline-block;\n padding-block: 0;\n padding-inline: 20px 0;\n cursor: pointer;\n background: url(\"../images/expand-collapse.png\") 0 -98px no-repeat;\n background-size: 14px 114px;\n}\n.apps-box .package-block.hide h4 span {\n background-position: 0 2px;\n}\n.apps-box .package-block.hide .package-block-area {\n display: none;\n}\n.apps-box ul {\n margin-inline-start: 20px;\n}\n.app-progress-panel {\n inline-size: 473px;\n margin-block: 30px;\n margin-inline: auto;\n}\n.app-progress-panel .progress {\n margin-block: 5px;\n margin-inline: 0;\n}\n@media (max-width: 767px) {\n .aps-marketplace {\n margin: 0;\n }\n .aps-marketplace-list {\n margin: 0;\n }\n .aps-marketplace-list > li {\n display: block;\n inline-size: auto;\n margin: 0;\n }\n .aps-marketplace-list > li:first-child .package-block {\n border-block-start: 0;\n padding-block-start: 0;\n }\n .aps-marketplace-list > li.odd,\n .aps-marketplace-list > li.even {\n border: 0;\n }\n .aps-marketplace-list .package-block {\n margin: 0;\n }\n .aps-marketplace-list .package-content {\n block-size: auto !important;\n }\n .aps-marketplace-list .dropdown-menu {\n inset-inline: auto 0;\n float: inline-end;\n }\n .aps-marketplace-list .dropdown-menu .dropdown-submenu > .dropdown-menu {\n inset-block-start: 100%;\n inset-inline: auto 5px;\n margin: 0;\n }\n .objects-details .aps-category-list li {\n inline-size: 100%;\n }\n .objects-details .aps-group-list .package-block .package-actions {\n text-align: start;\n }\n .aps-group-list > li,\n .catalog-list > li {\n margin-inline-end: 0;\n }\n .aps-marketplace-details .package-content {\n margin: 0;\n }\n .aps-marketplace-details .package-actions {\n display: block;\n float: none;\n inline-size: auto;\n }\n .aps-marketplace-details .package-content,\n .catalog-overview .catalog-overview-content {\n margin: 0;\n }\n .aps-marketplace-details .package-actions,\n .catalog-overview .catalog-overview-actions {\n float: none;\n display: block;\n inline-size: auto;\n }\n .aps-marketplace-details .package-actions .action-description,\n .catalog-overview .catalog-overview-actions .action-description,\n .aps-marketplace-details .package-actions .action-control,\n .catalog-overview .catalog-overview-actions .action-control {\n text-align: start;\n }\n}\n/* doc\n---\ntitle: \"Progress Bar\"\nname: progress-bar\ncategory: \"Components - Progress Bar\"\n---\n\n- [progress-bars.less] (https://git.plesk.tech/projects/PLESK/repos/plesk/browse/common/theme/less/core/progress-bars.less)\n\n```html_example\n<div class=\"progress\">\n <div class=\"progress-bar\" style=\"width: 60%\"></div>\n</div>\n```\n*/\n/* doc\n---\ntitle: \"With Label\"\nname: progress-bar-01\ncategory: \"Components - Progress Bar\"\n---\n```html_example\n<div class=\"progress\">\n <div class=\"progress-bar\" style=\"width: 60%\"><span>60%</span></div>\n</div>\n<div class=\"progress-box\">\n <div class=\"progress-label\">First label</div>\n <div class=\"progress\"><div class=\"progress-bar\" style=\"width: 60%\"></div></div>\n <div class=\"progress-label\">Last label</div>\n</div>\n<div class=\"progress-box progress-box-horizontal\">\n <div class=\"progress-label\">First label</div>\n <div class=\"progress\"><div class=\"progress-bar\" style=\"width: 60%\"></div></div>\n <div class=\"progress-label\">Last label</div>\n</div>\n```\n*/\n/* doc\n---\ntitle: \"Progress Sizes\"\nname: progress-bar-02\ncategory: \"Components - Progress Bar\"\n---\n```html_example\n<div class=\"progress\">\n <div class=\"progress-bar\" style=\"width: 60%\"></div>\n</div>\n<div class=\"progress progress-sm\">\n <div class=\"progress-bar\" style=\"width: 60%\"></div>\n</div>\n<div class=\"progress progress-xs\">\n <div class=\"progress-bar\" style=\"width: 60%\"></div>\n</div>\n```\n*/\n/* doc\n---\ntitle: \"Contextual Alternatives\"\nname: progress-bar-03\ncategory: \"Components - Progress Bar\"\n---\n```html_example\n<div class=\"progress progress-sm\">\n <div class=\"progress-bar progress-bar-success\" style=\"width: 50%\"></div>\n</div>\n<div class=\"progress progress-sm\">\n <div class=\"progress-bar progress-bar-warning\" style=\"width: 75%\"></div>\n</div>\n<div class=\"progress progress-sm\">\n <div class=\"progress-bar progress-bar-danger\" style=\"width: 100%\"></div>\n</div>\n```\n*/\n/* doc\n---\ntitle: \"Striped\"\nname: progress-bar-04\ncategory: \"Components - Progress Bar\"\n---\n```html_example\n<div class=\"progress\">\n <div class=\"progress-bar progress-bar-striped\" style=\"width: 50%\"></div>\n</div>\n<div class=\"progress\">\n <div class=\"progress-bar progress-bar-striped active\" style=\"width: 80%\"></div>\n</div>\n```\n*/\n/* doc\n---\ntitle: \"Stacked\"\nname: progress-bar-05\ncategory: \"Components - Progress Bar\"\n---\n```html_example\n<div class=\"progress\">\n <div class=\"progress-bar\" style=\"width: 25%\"></div>\n <div class=\"progress-bar progress-bar-success\" style=\"width: 25%\"></div>\n <div class=\"progress-bar progress-bar-warning progress-bar-striped\" style=\"width: 25%\"></div>\n <div class=\"progress-bar progress-bar-danger\" style=\"width: 15%\"></div>\n</div>\n```\n*/\n/* doc\n---\ntitle: \"Indeterminate\"\nname: progress-bar-06\ncategory: \"Components - Progress Bar\"\n---\n```html_example\n<div class=\"progress\">\n <div class=\"progress-bar progress-bar-indeterminate\"></div>\n</div>\n<div class=\"progress\">\n <div class=\"progress-bar progress-bar-striped active\" style=\"width: 100%\"></div>\n</div>\n```\n*/\n/* doc\n---\ntitle: \"Progress Panel\"\nname: progress-bar-07\ncategory: \"Components - Progress Bar\"\n---\n```html_example\n<div class=\"progress-box app-progress-panel\">\n <div class=\"progress-label\">35% completed</div>\n <div class=\"progress\">\n <div class=\"progress-bar\" style=\"width: 35%\"></div>\n </div>\n</div>\n```\n*/\n.progress-box-horizontal {\n display: flex;\n align-items: center;\n}\n.progress-box-horizontal .progress {\n flex: 1 1 auto;\n}\n.progress-box-horizontal .progress-label + .progress,\n.progress-box-horizontal .progress + .progress-label {\n margin-inline-start: 8px;\n}\n.progress-label::after {\n content: \"\";\n display: block;\n clear: both;\n}\n.progress-label-left {\n float: inline-start;\n}\n.progress-label-right {\n float: inline-end;\n}\n.progress {\n position: relative;\n box-sizing: border-box;\n block-size: 2px;\n min-inline-size: 100px;\n margin-block: 4px;\n border-radius: 2px;\n background-color: #ececec;\n overflow: hidden;\n line-height: 2px;\n}\n.progress .progress-bar {\n inline-size: 0;\n block-size: 100%;\n float: inline-start;\n border-radius: 2px;\n transition: inline-size 0.6s ease;\n font-size: 12px;\n color: #fff;\n text-align: center;\n background-color: #28aade;\n}\n.progress .progress-bar-success {\n background-color: #487f1e;\n}\n.progress .progress-bar-warning {\n background-color: #c84a0b;\n}\n.progress .progress-bar-danger {\n background-color: #b30122;\n}\n.progress .progress-bar-striped {\n background-image: none;\n inline-size: 0 !important;\n}\n.progress .progress-bar-striped,\n.progress .progress-bar-indeterminate {\n position: static;\n background-color: transparent;\n}\n.progress .progress-bar-striped::before,\n.progress .progress-bar-indeterminate::before,\n.progress .progress-bar-striped::after,\n.progress .progress-bar-indeterminate::after {\n position: absolute;\n inset-block: 0;\n inset-inline-start: 0;\n content: \"\";\n background-color: #28aade;\n will-change: inset-inline-start, inset-inline-end;\n}\n.progress .progress-bar-striped::before,\n.progress .progress-bar-indeterminate::before {\n animation: progress-bar-indeterminate 3.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;\n}\n.progress .progress-bar-striped::after,\n.progress .progress-bar-indeterminate::after {\n animation: progress-bar-indeterminate-short 3.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;\n animation-delay: 2.15s;\n}\n@keyframes progress-bar-indeterminate {\n 0% {\n inset-inline: -35% 100%;\n }\n 100%,\n 60% {\n inset-inline: 100% -90%;\n }\n}\n@keyframes progress-bar-indeterminate-short {\n 0% {\n inset-inline: -200% 100%;\n }\n 100%,\n 60% {\n inset-inline: 107% -8%;\n }\n}\n.problem-panel-wrapper__heading {\n display: flex;\n flex-wrap: wrap;\n flex: 1;\n align-items: center;\n gap: 4px 8px;\n}\n.problem-panel-wrapper__title {\n margin-inline-end: 8px;\n}\n.problem-panel-wrapper__content {\n padding-block-end: 8px;\n max-inline-size: 500px;\n}\n.problem-panel-wrapper__label {\n vertical-align: middle;\n}\n.problem-panel-wrapper__image {\n inline-size: 96px;\n block-size: 96px;\n padding: 29px;\n box-sizing: border-box;\n border: 2px solid #e4e4e4;\n border-radius: 50%;\n background-color: #f5f5f5;\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 96 96'%3E%3Cpath fill='%23737373' fill-rule='evenodd' d='M53 60.5a19.5 19.5 0 1 1 7.4-7.4l10 10a5.3 5.3 0 0 1-7.4 7.4l-10-10Zm7-17a16.5 16.5 0 1 1-33 0 16.5 16.5 0 0 1 33 0Zm-4.4 15.3 9.6 9.5a2.3 2.3 0 0 0 3.1-3.1l-9.5-9.6c-1 1.2-2 2.3-3.2 3.2Z' clip-rule='evenodd'/%3E%3C/svg%3E\");\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.task-progress-bar {\n &__loading-spinner {\n inline-size: 12px;\n block-size: 12px;\n stroke: currentcolor;\n }\n}\n\n.task-progress-bar-item {\n max-block-size: 370px;\n padding-block-end: 0;\n\n &__content {\n padding-block: 0 12px;\n padding-inline: 0;\n }\n\n &__output {\n margin-block: 4px 0;\n margin-inline-end: -24px;\n padding-inline-end: 8px;\n max-block-size: 300px;\n overflow: auto;\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n@import \"../../styles/_variables\";\n@import \"../../styles/_mixins\";\n\n/* = Aplications & Services =\n------------------------------------------------------------------------------ */\n\n/* - Apps Category List - */\n.objects-details {\n .aps-category-list {\n display: flex;\n flex-wrap: wrap;\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .aps-category-list li {\n display: inline-block;\n inline-size: auto;\n flex-basis: 532px;\n max-inline-size: 532px;\n }\n\n .aps-category-block {\n box-sizing: border-box;\n max-inline-size: 500px;\n padding-block: 0 32px;\n padding-inline: 44px 16px;\n\n &::before {\n content: \"\";\n display: block;\n float: inline-start;\n inline-size: 32px;\n block-size: 32px;\n margin-block: 0;\n margin-inline: -44px 0;\n background: 0 0 no-repeat;\n background-size: 32px;\n .icon-medium(\"default-button.png\");\n }\n }\n\n .ac-web .aps-category-block::before {\n .icon-medium(\"aps-category-web.png\");\n }\n\n .ac-back-office .aps-category-block::before {\n .icon-medium(\"aps-category-back-office.png\");\n }\n\n .ac-collaboration .aps-category-block::before {\n .icon-medium(\"aps-category-collaboration.png\");\n }\n\n .ac-personal .aps-category-block::before {\n .icon-medium(\"aps-category-personal.png\");\n }\n\n .ac-front-office .aps-category-block::before {\n .icon-medium(\"aps-category-front-office.png\");\n }\n\n .ac-infrastructure .aps-category-block::before {\n .icon-medium(\"aps-category-infrastructure.png\");\n }\n\n .ac-customization .aps-category-block::before {\n .icon-medium(\"aps-category-customization.png\");\n }\n\n .aps-category-block h4 {\n margin-block: 0 8px;\n margin-inline: 0;\n padding: 0;\n font-size: 14px;\n font-weight: 600;\n line-height: 1.429;\n }\n\n .aps-category-items {\n font-size: 12px;\n line-height: 1.667;\n\n a {\n color: @base-link-color;\n }\n\n a:hover {\n color: @base-link-hover-color;\n }\n }\n}\n\n/* - Apps Group List - */\n.aps-group-list,\n.catalog-list {\n display: flex;\n flex-wrap: wrap;\n margin: 0;\n padding: 0;\n list-style: none;\n\n > li {\n margin-block: 0 32px;\n margin-inline: 0 16px;\n padding-block: 12px;\n padding-inline: 0;\n background-color: transparent;\n inline-size: auto;\n flex-basis: 532px;\n max-inline-size: 532px;\n }\n}\n\n.aps-group-list .package-block,\n.catalog-item-block {\n display: inline-block;\n inline-size: 100%;\n max-inline-size: 500px;\n margin-inline-end: 16px;\n vertical-align: top;\n}\n\n.aps-group-list .package-icon,\n.catalog-item-icon {\n float: inline-start;\n margin-inline-end: 16px;\n text-align: center;\n}\n\n.aps-group-list .package-icon {\n min-inline-size: 64px;\n\n img {\n max-inline-size: 64px;\n }\n}\n\n.catalog-item-icon {\n min-inline-size: 32px;\n\n img {\n max-inline-size: 32px;\n }\n}\n\n.aps-group-list .package-actions,\n.catalog-item-actions {\n float: inline-end;\n margin-block: 28px 0;\n margin-inline: 16px 0;\n}\n\n.aps-group-list .package-actions > .btn,\n.catalog-item-actions > .btn,\n.catalog-item-actions .catalog-item-status {\n margin-block-end: 4px;\n}\n\n.aps-group-list .package-actions {\n > .btn,\n .btn-group {\n float: inline-end;\n margin: 0;\n }\n\n > .btn,\n > .btn > button {\n min-inline-size: 92px;\n }\n\n .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle),\n .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) > button {\n min-inline-size: 63px;\n }\n\n br {\n clear: both;\n }\n}\n\n.catalog-item-actions > .btn,\n.catalog-item-actions .catalog-item-status {\n float: inline-end;\n min-inline-size: 92px;\n}\n\n.catalog-item-actions .catalog-item-status {\n display: inline-block;\n text-align: center;\n}\n\n.aps-group-list h4,\n.catalog-item-name {\n overflow: hidden;\n margin-block: 0 8px;\n margin-inline: 0;\n padding: 0;\n font-size: 14px;\n font-weight: 600;\n}\n\n.aps-group-list .package-description,\n.catalog-item-description {\n overflow: hidden;\n font-size: 12px;\n line-height: 16px;\n}\n\n.app-icon-default {\n display: inline-block;\n inline-size: 64px;\n block-size: 64px;\n vertical-align: top;\n .icon-large(\"app-default.png\");\n}\n\n/* = Marketplace =\n------------------------------------------------------------------------------ */\n.aps-marketplace {\n margin: 0;\n}\n\n.aps-marketplace-list {\n display: flex;\n flex-wrap: wrap;\n list-style: none;\n margin: 0;\n padding: 0;\n\n > li {\n display: inline-block;\n inline-size: auto;\n flex-basis: 532px;\n max-inline-size: 532px;\n margin: 0;\n vertical-align: top;\n background-color: transparent;\n }\n\n .package-block {\n display: flex;\n margin: 0;\n box-sizing: border-box;\n max-inline-size: 500px;\n padding-block: 0 32px;\n padding-inline: 0 16px;\n\n .package-icon {\n float: inline-start;\n inline-size: 64px;\n text-align: center;\n }\n\n .package-icon img {\n max-inline-size: 64px;\n }\n\n h4 {\n margin-block: 0 8px;\n margin-inline: 0;\n padding: 0;\n font-size: 14px;\n font-weight: 600;\n }\n }\n\n .package-info {\n min-block-size: 64px;\n margin-inline-start: 80px;\n }\n\n .package-description {\n padding: 0;\n font-size: 12px;\n line-height: 16px;\n }\n}\n\n.objects-details .aps-marketplace-details {\n padding: 0;\n}\n\n.catalog-overview-actions > .catalog-item-status,\n.catalog-overview-actions > .btn {\n display: inline-block;\n margin-block: 0 4px;\n margin-inline: 0;\n min-inline-size: 92px;\n}\n\n.aps-marketplace-list .package-block .package-actions,\n.aps-group-list .package-block .package-actions {\n text-align: end;\n}\n\n.aps-marketplace-details .package-actions,\n.catalog-overview .catalog-overview-actions {\n float: inline-end;\n inline-size: 200px;\n margin-block: 0;\n margin-inline: 16px;\n\n .action-block {\n margin-block: 0 16px;\n margin-inline: 0;\n padding-block: 16px 24px;\n padding-inline: 16px;\n letter-spacing: 0;\n font-size: 12px;\n border-radius: 4px;\n background-color: #fff;\n box-shadow: 0 2px 4px rgb(0 0 0 / 0.1);\n }\n\n .sys-reqs {\n padding-inline-start: 20px;\n\n &::before {\n content: \"\";\n float: inline-start;\n margin-inline-start: -20px;\n inline-size: 16px;\n block-size: 16px;\n background: url(\"../../icons/16/plesk/preferences.png\") no-repeat;\n background-size: 16px;\n }\n\n span {\n display: block;\n margin-block-end: 4px;\n }\n\n ul {\n margin: 0;\n padding: 0;\n }\n\n li {\n margin-block: 0 4px;\n margin-inline: 0;\n }\n }\n\n .more-info {\n padding-inline-start: 20px;\n\n &::before {\n content: \"\";\n float: inline-start;\n margin-inline-start: -20px;\n inline-size: 16px;\n block-size: 16px;\n background: url(\"../../icons/16/plesk/info.png\") no-repeat;\n background-size: 16px;\n }\n\n p {\n margin: 0;\n }\n\n * + p {\n margin-block-start: 10px;\n }\n }\n\n * + .more-info {\n margin-block-start: 10px;\n }\n\n .action-description,\n .action-control {\n text-align: center;\n }\n}\n\n.aps-marketplace-details .package-content {\n margin-block: 0;\n margin-inline: 0 232px;\n}\n\n.aps-marketplace-details .package-info {\n padding-inline-start: 80px;\n}\n\n.aps-marketplace-details .package-info .package-icon {\n float: inline-start;\n margin-block: 0;\n margin-inline: -80px 0;\n\n img {\n inline-size: 64px;\n }\n}\n\n.aps-marketplace-details .package-info h3 {\n margin-block: 0 8px;\n margin-inline: 0;\n padding: 0;\n font-size: 14px;\n font-weight: 600;\n line-height: 1.429;\n color: @base-body-color;\n}\n\n.aps-marketplace-details .package-info h3 .package-version {\n display: block;\n padding-block-start: 4px;\n font-size: 12px;\n color: @token-color-grey-8;\n}\n\n.aps-marketplace-details .package-description {\n padding-block: 24px 0;\n padding-inline: 0;\n}\n\n.aps-marketplace-details .package-screenshot {\n padding-block: 24px 0;\n padding-inline: 0;\n\n img {\n max-inline-size: 100%;\n }\n}\n\n.aps-marketplace-details .package-screenshot .package-img {\n margin-block: 0 10px;\n margin-inline: 0;\n}\n\n// Extension Catalog Overview\n.catalog-overview-content-block {\n margin-block-start: 1.4em;\n\n > h4 {\n font-size: 20px;\n line-height: 26px;\n }\n}\n\n.catalog-overview-info {\n overflow: hidden;\n margin-block: 0 12px;\n margin-inline: 0;\n padding-inline-start: 46px;\n}\n\n.catalog-overview-info-icon {\n float: inline-start;\n margin-block: 3px 0;\n margin-inline: -46px 0;\n\n img {\n inline-size: 32px;\n }\n}\n\n.catalog-overview-info-name {\n margin: 0;\n font-weight: 400;\n font-size: 26px;\n line-height: normal;\n color: #353535;\n}\n\n.catalog-overview-info-version,\n.catalog-overview-info-vendor {\n display: block;\n font-size: 14px;\n line-height: 1.6em;\n color: #787878;\n}\n\n.catalog-overview-info-actions {\n margin-block-start: 1em;\n\n .catalog-item-status {\n display: inline-block;\n margin-inline-end: 10px;\n }\n}\n\n.catalog-overview-screenshots {\n a {\n display: inline-block;\n margin-block: 0 10px;\n margin-inline: 0 10px;\n padding: 5px;\n border: 1px solid #d6dfe3;\n border-radius: 3px;\n background: #fff;\n }\n\n img {\n inline-size: 320px;\n max-inline-size: 100%;\n }\n}\n\n.apps-box {\n .package-screenshot {\n float: inline-end;\n margin-block: 2px 20px;\n margin-inline: 20px 0;\n text-align: center;\n\n img {\n display: block;\n inline-size: 180px;\n margin-block-end: 10px;\n }\n }\n\n .package-content {\n padding: 0;\n\n .package-icon {\n float: inline-start;\n margin: 0;\n }\n }\n\n h3 {\n font-size: 18px;\n line-height: 18px;\n\n span {\n font-size: 13px;\n font-weight: 400;\n vertical-align: top;\n }\n }\n\n h4 {\n font-size: 15px;\n line-height: 18px;\n font-weight: 700;\n\n span {\n display: inline-block;\n padding-block: 0;\n padding-inline: 20px 0;\n cursor: pointer;\n background: url(\"../../images/expand-collapse.png\") 0 -98px no-repeat;\n background-size: 14px 114px;\n }\n }\n\n .package-block.hide {\n h4 span {\n background-position: 0 2px;\n }\n\n .package-block-area {\n display: none;\n }\n }\n\n ul {\n margin-inline-start: 20px;\n }\n}\n\n.app-progress-panel {\n inline-size: 473px;\n margin-block: 30px;\n margin-inline: auto;\n\n .progress {\n margin-block: 5px;\n margin-inline: 0;\n }\n}\n\n@media (max-width: @breakpoint-small-max) {\n .aps-marketplace {\n margin: 0;\n }\n\n .aps-marketplace-list {\n margin: 0;\n\n > li {\n display: block;\n inline-size: auto;\n margin: 0;\n\n &:first-child .package-block {\n border-block-start: 0;\n padding-block-start: 0;\n }\n }\n\n > li.odd,\n > li.even {\n border: 0;\n }\n\n .package-block {\n margin: 0;\n }\n\n .package-content {\n block-size: auto !important;\n }\n\n .dropdown-menu {\n inset-inline: auto 0;\n float: inline-end;\n\n .dropdown-submenu > .dropdown-menu {\n inset-block-start: 100%;\n inset-inline: auto 5px;\n margin: 0;\n }\n }\n }\n\n .objects-details .aps-category-list li {\n inline-size: 100%;\n }\n\n .objects-details .aps-group-list .package-block .package-actions {\n text-align: start;\n }\n\n .aps-group-list > li,\n .catalog-list > li {\n margin-inline-end: 0;\n }\n\n .aps-marketplace-details .package-content {\n margin: 0;\n }\n\n .aps-marketplace-details .package-actions {\n display: block;\n float: none;\n inline-size: auto;\n }\n\n .aps-marketplace-details .package-content,\n .catalog-overview .catalog-overview-content {\n margin: 0;\n }\n\n .aps-marketplace-details .package-actions,\n .catalog-overview .catalog-overview-actions {\n float: none;\n display: block;\n inline-size: auto;\n }\n\n .aps-marketplace-details .package-actions .action-description,\n .catalog-overview .catalog-overview-actions .action-description,\n .aps-marketplace-details .package-actions .action-control,\n .catalog-overview .catalog-overview-actions .action-control {\n text-align: start;\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n@import \"../../styles/_variables\";\n\n/* doc\n---\ntitle: \"Progress Bar\"\nname: progress-bar\ncategory: \"Components - Progress Bar\"\n---\n\n- [progress-bars.less] (https://git.plesk.tech/projects/PLESK/repos/plesk/browse/common/theme/less/core/progress-bars.less)\n\n```html_example\n<div class=\"progress\">\n <div class=\"progress-bar\" style=\"width: 60%\"></div>\n</div>\n```\n*/\n\n/* doc\n---\ntitle: \"With Label\"\nname: progress-bar-01\ncategory: \"Components - Progress Bar\"\n---\n```html_example\n<div class=\"progress\">\n <div class=\"progress-bar\" style=\"width: 60%\"><span>60%</span></div>\n</div>\n<div class=\"progress-box\">\n <div class=\"progress-label\">First label</div>\n <div class=\"progress\"><div class=\"progress-bar\" style=\"width: 60%\"></div></div>\n <div class=\"progress-label\">Last label</div>\n</div>\n<div class=\"progress-box progress-box-horizontal\">\n <div class=\"progress-label\">First label</div>\n <div class=\"progress\"><div class=\"progress-bar\" style=\"width: 60%\"></div></div>\n <div class=\"progress-label\">Last label</div>\n</div>\n```\n*/\n\n/* doc\n---\ntitle: \"Progress Sizes\"\nname: progress-bar-02\ncategory: \"Components - Progress Bar\"\n---\n```html_example\n<div class=\"progress\">\n <div class=\"progress-bar\" style=\"width: 60%\"></div>\n</div>\n<div class=\"progress progress-sm\">\n <div class=\"progress-bar\" style=\"width: 60%\"></div>\n</div>\n<div class=\"progress progress-xs\">\n <div class=\"progress-bar\" style=\"width: 60%\"></div>\n</div>\n```\n*/\n\n/* doc\n---\ntitle: \"Contextual Alternatives\"\nname: progress-bar-03\ncategory: \"Components - Progress Bar\"\n---\n```html_example\n<div class=\"progress progress-sm\">\n <div class=\"progress-bar progress-bar-success\" style=\"width: 50%\"></div>\n</div>\n<div class=\"progress progress-sm\">\n <div class=\"progress-bar progress-bar-warning\" style=\"width: 75%\"></div>\n</div>\n<div class=\"progress progress-sm\">\n <div class=\"progress-bar progress-bar-danger\" style=\"width: 100%\"></div>\n</div>\n```\n*/\n\n/* doc\n---\ntitle: \"Striped\"\nname: progress-bar-04\ncategory: \"Components - Progress Bar\"\n---\n```html_example\n<div class=\"progress\">\n <div class=\"progress-bar progress-bar-striped\" style=\"width: 50%\"></div>\n</div>\n<div class=\"progress\">\n <div class=\"progress-bar progress-bar-striped active\" style=\"width: 80%\"></div>\n</div>\n```\n*/\n\n/* doc\n---\ntitle: \"Stacked\"\nname: progress-bar-05\ncategory: \"Components - Progress Bar\"\n---\n```html_example\n<div class=\"progress\">\n <div class=\"progress-bar\" style=\"width: 25%\"></div>\n <div class=\"progress-bar progress-bar-success\" style=\"width: 25%\"></div>\n <div class=\"progress-bar progress-bar-warning progress-bar-striped\" style=\"width: 25%\"></div>\n <div class=\"progress-bar progress-bar-danger\" style=\"width: 15%\"></div>\n</div>\n```\n*/\n\n/* doc\n---\ntitle: \"Indeterminate\"\nname: progress-bar-06\ncategory: \"Components - Progress Bar\"\n---\n```html_example\n<div class=\"progress\">\n <div class=\"progress-bar progress-bar-indeterminate\"></div>\n</div>\n<div class=\"progress\">\n <div class=\"progress-bar progress-bar-striped active\" style=\"width: 100%\"></div>\n</div>\n```\n*/\n\n/* doc\n---\ntitle: \"Progress Panel\"\nname: progress-bar-07\ncategory: \"Components - Progress Bar\"\n---\n```html_example\n<div class=\"progress-box app-progress-panel\">\n <div class=\"progress-label\">35% completed</div>\n <div class=\"progress\">\n <div class=\"progress-bar\" style=\"width: 35%\"></div>\n </div>\n</div>\n```\n*/\n\n@progress-block-size: 2px;\n@progress-margin-block: 4px;\n\n@progress-background: @token-color-grey-3;\n@progress-bar-background: @token-color-primary-2;\n@progress-bar-success-background: @token-color-success-2;\n@progress-bar-warning-background: @token-color-warning-2;\n@progress-bar-danger-background: @token-color-danger-2;\n\n@progress-bar-font-size: 12px;\n@progress-bar-color: #fff;\n\n.progress-box-horizontal {\n display: flex;\n align-items: center;\n\n .progress {\n flex: 1 1 auto;\n }\n\n .progress-label + .progress,\n .progress + .progress-label {\n margin-inline-start: 8px;\n }\n}\n\n.progress-label {\n &::after {\n content: \"\";\n display: block;\n clear: both;\n }\n\n &-left {\n float: inline-start;\n }\n\n &-right {\n float: inline-end;\n }\n}\n\n.progress {\n position: relative;\n box-sizing: border-box;\n block-size: @progress-block-size;\n min-inline-size: 100px;\n margin-block: @progress-margin-block;\n border-radius: 2px;\n background-color: @progress-background;\n overflow: hidden;\n line-height: @progress-block-size;\n\n .progress-bar {\n inline-size: 0;\n block-size: 100%;\n float: inline-start;\n border-radius: 2px;\n transition: inline-size 0.6s ease;\n font-size: @progress-bar-font-size;\n color: @progress-bar-color;\n text-align: center;\n background-color: @progress-bar-background;\n }\n\n .progress-bar-success {\n background-color: @progress-bar-success-background;\n }\n\n .progress-bar-warning {\n background-color: @progress-bar-warning-background;\n }\n\n .progress-bar-danger {\n background-color: @progress-bar-danger-background;\n }\n\n .progress-bar-striped {\n background-image: none;\n inline-size: 0 !important;\n }\n\n .progress-bar-striped,\n .progress-bar-indeterminate {\n position: static;\n background-color: transparent;\n\n &::before,\n &::after {\n position: absolute;\n inset-block: 0;\n inset-inline-start: 0;\n content: \"\";\n background-color: @progress-bar-background;\n will-change: inset-inline-start, inset-inline-end;\n }\n\n &::before {\n animation: progress-bar-indeterminate 3.1s cubic-bezier(0.65, 0.815, 0.735, 0.395)\n infinite;\n }\n\n &::after {\n animation: progress-bar-indeterminate-short 3.1s cubic-bezier(0.165, 0.84, 0.44, 1)\n infinite;\n animation-delay: 2.15s;\n }\n }\n}\n\n@keyframes progress-bar-indeterminate {\n 0% {\n inset-inline: -35% 100%;\n }\n\n 100%,\n 60% {\n inset-inline: 100% -90%;\n }\n}\n\n@keyframes progress-bar-indeterminate-short {\n 0% {\n inset-inline: -200% 100%;\n }\n\n 100%,\n 60% {\n inset-inline: 107% -8%;\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.problem-panel-wrapper__heading {\n display: flex;\n flex-wrap: wrap;\n flex: 1;\n align-items: center;\n gap: 4px 8px;\n}\n\n.problem-panel-wrapper__title {\n margin-inline-end: 8px;\n}\n\n.problem-panel-wrapper__content {\n padding-block-end: 8px;\n max-inline-size: 500px;\n}\n\n.problem-panel-wrapper__label {\n vertical-align: middle;\n}\n\n.problem-panel-wrapper__image {\n inline-size: 96px;\n block-size: 96px;\n padding: 29px;\n box-sizing: border-box;\n border: 2px solid #e4e4e4;\n border-radius: 50%;\n background-color: #f5f5f5;\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 96 96'%3E%3Cpath fill='%23737373' fill-rule='evenodd' d='M53 60.5a19.5 19.5 0 1 1 7.4-7.4l10 10a5.3 5.3 0 0 1-7.4 7.4l-10-10Zm7-17a16.5 16.5 0 1 1-33 0 16.5 16.5 0 0 1 33 0Zm-4.4 15.3 9.6 9.5a2.3 2.3 0 0 0 3.1-3.1l-9.5-9.6c-1 1.2-2 2.3-3.2 3.2Z' clip-rule='evenodd'/%3E%3C/svg%3E\");\n}\n",".react-vis-magic-css-import-rule{display:inherit}.rv-treemap{font-size:12px;position:relative}.rv-treemap__leaf{overflow:hidden;position:absolute}.rv-treemap__leaf--circle{align-items:center;border-radius:100%;display:flex;justify-content:center}.rv-treemap__leaf__content{overflow:hidden;padding:10px;text-overflow:ellipsis}.rv-xy-plot{color:#c3c3c3;position:relative}.rv-xy-plot canvas{pointer-events:none}.rv-xy-plot .rv-xy-canvas{pointer-events:none;position:absolute}.rv-xy-plot__inner{display:block}.rv-xy-plot__axis__line{fill:none;stroke-width:2px;stroke:#e6e6e9}.rv-xy-plot__axis__tick__line{stroke:#e6e6e9}.rv-xy-plot__axis__tick__text{fill:#6b6b76;font-size:11px}.rv-xy-plot__axis__title text{fill:#6b6b76;font-size:11px}.rv-xy-plot__grid-lines__line{stroke:#e6e6e9}.rv-xy-plot__circular-grid-lines__line{fill-opacity:0;stroke:#e6e6e9}.rv-xy-plot__series,.rv-xy-plot__series path{pointer-events:all}.rv-xy-plot__series--line{fill:none;stroke:#000;stroke-width:2px}.rv-crosshair{position:absolute;font-size:11px;pointer-events:none}.rv-crosshair__line{background:#47d3d9;width:1px}.rv-crosshair__inner{position:absolute;text-align:left;top:0}.rv-crosshair__inner__content{border-radius:4px;background:#3a3a48;color:#fff;font-size:12px;padding:7px 10px;box-shadow:0 2px 4px rgba(0,0,0,0.5)}.rv-crosshair__inner--left{right:4px}.rv-crosshair__inner--right{left:4px}.rv-crosshair__title{font-weight:bold;white-space:nowrap}.rv-crosshair__item{white-space:nowrap}.rv-hint{position:absolute;pointer-events:none}.rv-hint__content{border-radius:4px;padding:7px 10px;font-size:12px;background:#3a3a48;box-shadow:0 2px 4px rgba(0,0,0,0.5);color:#fff;text-align:left;white-space:nowrap}.rv-discrete-color-legend{box-sizing:border-box;overflow-y:auto;font-size:12px}.rv-discrete-color-legend.horizontal{white-space:nowrap}.rv-discrete-color-legend-item{color:#3a3a48;border-radius:1px;padding:9px 10px}.rv-discrete-color-legend-item.horizontal{display:inline-block}.rv-discrete-color-legend-item.horizontal .rv-discrete-color-legend-item__title{margin-left:0;display:block}.rv-discrete-color-legend-item__color{display:inline-block;vertical-align:middle;overflow:visible}.rv-discrete-color-legend-item__color__path{stroke:#dcdcdc;stroke-width:2px}.rv-discrete-color-legend-item__title{margin-left:10px}.rv-discrete-color-legend-item.disabled{color:#b8b8b8}.rv-discrete-color-legend-item.clickable{cursor:pointer}.rv-discrete-color-legend-item.clickable:hover{background:#f9f9f9}.rv-search-wrapper{display:flex;flex-direction:column}.rv-search-wrapper__form{flex:0}.rv-search-wrapper__form__input{width:100%;color:#a6a6a5;border:1px solid #e5e5e4;padding:7px 10px;font-size:12px;box-sizing:border-box;border-radius:2px;margin:0 0 9px;outline:0}.rv-search-wrapper__contents{flex:1;overflow:auto}.rv-continuous-color-legend{font-size:12px}.rv-continuous-color-legend .rv-gradient{height:4px;border-radius:2px;margin-bottom:5px}.rv-continuous-size-legend{font-size:12px}.rv-continuous-size-legend .rv-bubbles{text-align:justify;overflow:hidden;margin-bottom:5px;width:100%}.rv-continuous-size-legend .rv-bubble{background:#d8d9dc;display:inline-block;vertical-align:bottom}.rv-continuous-size-legend .rv-spacer{display:inline-block;font-size:0;line-height:0;width:100%}.rv-legend-titles{height:16px;position:relative}.rv-legend-titles__left,.rv-legend-titles__right,.rv-legend-titles__center{position:absolute;white-space:nowrap;overflow:hidden}.rv-legend-titles__center{display:block;text-align:center;width:100%}.rv-legend-titles__right{right:0}.rv-radial-chart .rv-xy-plot__series--label{pointer-events:none}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.brand {\n /* rtl:ignore */\n direction: ltr;\n display: inline-flex;\n align-items: center;\n justify-content: flex-start;\n vertical-align: top;\n font-size: 13px;\n line-height: 14px;\n color: rgb(255 255 255 / 0.8) !important;\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n\n &__edition {\n /* rtl:ignore */\n margin-inline-start: 6px;\n max-inline-size: 140px;\n }\n\n &,\n &:hover,\n &:active,\n &:focus {\n color: rgb(255 255 255 / 0.8) !important;\n text-decoration: none;\n }\n}\n\n.brand-collapsed {\n inline-size: 32px;\n block-size: 40px;\n margin-block: 5px;\n margin-inline: -8px;\n line-height: 40px;\n text-align: center;\n font-size: 22px;\n text-transform: uppercase;\n color: #4cccff;\n}\n","@import \"../../../../node_modules/react-vis/dist/style.css\";\n.brand {\n /* rtl:ignore */\n direction: ltr;\n display: inline-flex;\n align-items: center;\n justify-content: flex-start;\n vertical-align: top;\n font-size: 13px;\n line-height: 14px;\n color: rgba(255, 255, 255, 0.8) !important;\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n}\n.brand__edition {\n /* rtl:ignore */\n margin-inline-start: 6px;\n max-inline-size: 140px;\n}\n.brand,\n.brand:hover,\n.brand:active,\n.brand:focus {\n color: rgba(255, 255, 255, 0.8) !important;\n text-decoration: none;\n}\n.brand-collapsed {\n inline-size: 32px;\n block-size: 40px;\n margin-block: 5px;\n margin-inline: -8px;\n line-height: 40px;\n text-align: center;\n font-size: 22px;\n text-transform: uppercase;\n color: #4cccff;\n}\n.top-bar-progress {\n transform: scaleX(1) /*rtl:scaleX(-1)*/;\n position: fixed;\n}\n.cookie-policy-info {\n color: #e9eaea;\n background: #2c2c2c;\n padding-block: 24px;\n padding-inline: 16px;\n flex: none;\n}\n@media (min-width: 768px) {\n .cookie-policy-info {\n padding-inline: 24px;\n }\n}\n.cookie-policy-info__inner {\n max-inline-size: 640px;\n margin: 0;\n}\n.cookie-policy-info--center .cookie-policy-info__inner {\n margin: auto;\n}\n.cookie-policy-info__title {\n color: #e9eaea;\n margin-block-end: 16px;\n}\n.cookie-policy-info__buttons {\n margin-block-start: -24px;\n}\n.cookie-policy-info__button {\n margin-block-start: 24px;\n}\n.cookie-policy-info__button:not(:last-child) {\n margin-inline-end: 24px;\n}\n.cookie-policy-info__link {\n color: #4dccff;\n}\n.cookie-policy-info__link:hover {\n color: #45b8e5;\n}\n.cookie-policy-info__link:active {\n color: #3da3cc;\n}\n.cookie-policy-preferences__title {\n margin-block-end: 40px;\n}\n.cookie-policy-preferences__radio-buttons .pul-form-field-radio-buttons__radio {\n display: inline-block;\n margin-inline-end: 32px;\n margin-block-start: 0;\n}\n.cookie-policy-preferences__radio-buttons.pul-form-field-radio-buttons {\n margin-block-end: 16px;\n}\n.cookie-policy-overlay {\n position: fixed;\n z-index: 1;\n inset: 0;\n background-color: rgba(72, 72, 72, 0);\n transition: background-color 1s;\n}\n.cookie-policy-overlay--exit {\n pointer-events: none;\n}\n.cookie-policy-overlay__modal {\n margin-block: 8px 0;\n margin-inline: 8px;\n block-size: calc(100% - 8px);\n background: #fbfbfb;\n box-sizing: border-box;\n border-radius: 4px;\n border-end-start-radius: 0;\n border-end-end-radius: 0;\n transform: translateY(100%);\n transition: transform 0.5s;\n overflow: hidden;\n}\n@media (min-width: 480px) {\n .cookie-policy-overlay__modal {\n margin-block: 20px 0;\n margin-inline: 20px;\n block-size: calc(100% - 20px);\n }\n}\n.cookie-policy-overlay--enter {\n background-color: rgba(72, 72, 72, 0.9);\n}\n.cookie-policy-overlay--enter .cookie-policy-overlay__modal {\n transform: translateY(0);\n}\n.cookie-policy-overlay__modal-close {\n position: absolute;\n inset-block-start: 10px;\n inset-inline-end: 10px;\n inline-size: 28px;\n block-size: 28px;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n@media (min-width: 480px) {\n .cookie-policy-overlay__modal-close {\n inset-block-start: 24px;\n inset-inline-end: 24px;\n }\n}\n.cookie-policy-overlay__modal-content {\n overflow-y: scroll;\n block-size: 100%;\n box-sizing: border-box;\n margin-inline-end: -36px;\n padding-inline-end: 36px;\n}\n.cookie-policy-overlay__modal-inner {\n max-inline-size: 580px;\n margin: auto;\n padding-block: 40px;\n padding-inline: 16px;\n box-sizing: border-box;\n}\n@media (min-width: 480px) {\n .cookie-policy-overlay__modal-inner {\n padding: 40px;\n }\n}\n.init-page-header {\n display: flex;\n align-items: center;\n block-size: 50px;\n padding-block: 7px;\n padding-inline: 24px;\n}\n@media (min-width: 768px) {\n .init-page-header {\n padding-block: 7px;\n padding-inline: 36px;\n }\n}\n.init-page-header .brand__logo {\n block-size: 50px;\n}\n.init-page-header__actions {\n margin-inline-start: auto;\n}\n.init-page-header__action {\n margin-inline-start: 4px;\n color: #45b8e5;\n text-decoration: none;\n}\n.init-page-header__action:active,\n.init-page-header__action:hover {\n color: #45b8e5;\n text-decoration: underline;\n}\n.init-page-header__action .icon {\n margin-inline-end: 2px;\n}\n.init-page {\n display: flex;\n flex-direction: column;\n min-block-size: 100vh;\n background-color: #4b4b4b;\n}\n.init-page__inner {\n flex: auto;\n padding-block: 24px;\n padding-inline: 16px;\n}\n.init-page .pul-layout--simplified {\n min-block-size: auto;\n}\n.init-page__content {\n padding: 8px;\n}\n@media (min-width: 480px) {\n .init-page__content {\n padding-block: 8px;\n padding-inline: 20px;\n }\n}\n@media (min-width: 768px) {\n .init-page__content {\n padding-block: 8px;\n padding-inline: 12px;\n }\n}\n.init-page__banner-image {\n max-inline-size: 100%;\n}\n.login-page-header {\n display: flex;\n align-items: center;\n min-block-size: 50px;\n padding-block: 7px;\n padding-inline: 24px;\n}\n@media (min-width: 480px) {\n .login-page-header {\n padding-block: 7px;\n padding-inline: 36px;\n }\n}\n.login-page-header__actions {\n margin-inline-start: auto;\n}\n.brand__logo {\n max-inline-size: 100%;\n}\n.login-page {\n display: flex;\n flex-direction: column;\n min-block-size: 100vh;\n}\n.login-page__inner {\n flex: auto;\n padding-block: 24px;\n padding-inline: 16px;\n background-color: var(--login-bg-color, #4b4b4b);\n}\n.login-page__background {\n position: relative;\n}\n.login-page__background::before {\n content: \"\";\n position: absolute;\n inset: 0;\n background-color: var(--login-bg-color, #4b4b4b);\n background-image: var(--login-bg-image);\n background-repeat: var(--login-bg-repeat, no-repeat);\n background-position: center;\n background-size: var(--login-bg-size, auto);\n}\n.login-page__background--fill {\n --login-bg-size: cover;\n}\n.login-page__background--fit {\n --login-bg-size: contain;\n}\n.login-page__background--tile {\n --login-bg-repeat: repeat;\n}\n.login-page__background .pul-layout__inner {\n z-index: 1;\n}\n[data-theme=\"dark\"] .login-page__background::before {\n filter: invert(1) hue-rotate(180deg);\n}\n.login-page .pul-layout--simplified {\n min-block-size: auto;\n}\n.login-page .pul-layout--simplified .pul-layout__inner {\n max-inline-size: 392px;\n margin: auto;\n}\n.login-page .pul-layout--simplified .pul-layout__container {\n display: block;\n}\n.login-page__content {\n padding: 8px;\n}\n@media (min-width: 480px) {\n .login-page__content {\n padding-block: 8px;\n padding-inline: 20px;\n }\n}\n@media (min-width: 768px) {\n .login-page__content {\n padding-block: 8px;\n padding-inline: 12px;\n }\n}\n.login-page__form {\n margin-block-end: 16px;\n}\n.login-page .pul-input__input,\n.login-page .pul-select-control {\n block-size: 40px;\n padding-block: 9px;\n padding-inline: 16px;\n line-height: 20px;\n}\n.login-page .pul-form-field-password .pul-input__suffix {\n block-size: 38px;\n inline-size: 38px;\n}\n.login-page .login-page__content .ext-social-login {\n margin-block: 24px 0;\n margin-inline: -24px;\n padding-block: 24px 8px;\n padding-inline: 24px;\n border-block-start-color: #ececec;\n}\n@media (min-width: 480px) {\n .login-page .login-page__content .ext-social-login {\n margin-block: 24px 0;\n margin-inline: -36px;\n padding-block: 24px 8px;\n padding-inline: 36px;\n }\n}\n.login-page__login-button {\n margin-block-start: 16px;\n}\n.login-page__links {\n display: grid;\n grid-gap: 12px;\n}\n.login-page__info {\n font-size: 12px;\n}\n.license-status {\n position: relative;\n z-index: 400;\n}\n.license-status--active::after {\n content: \"\";\n position: fixed;\n inset-block: 0;\n inset-inline: 0;\n background-color: rgba(34, 34, 34, 0.7);\n animation: fade 0.3s ease-in-out;\n}\n.license-status-alert {\n position: relative;\n z-index: 1;\n margin-block-end: 0;\n padding-block: 0 5px;\n}\n.license-status-alert__inner {\n display: flex;\n align-items: center;\n justify-content: center;\n line-height: 1.2;\n min-block-size: 35px;\n}\n.license-status-alert__message {\n display: flex;\n align-items: center;\n margin-block-start: 5px;\n}\n.license-status-alert__message-count {\n margin-inline-end: 8px;\n line-height: 1;\n font-size: 30px;\n color: #666;\n}\n.license-status-alert__actions {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: flex-end;\n}\n.license-status-alert__actions-button,\n.license-status-alert__actions-link {\n margin-block: 5px 0;\n margin-inline: 8px 0;\n}\n.license-status-alert__additional-action {\n margin-block: 5px 0;\n margin-inline: 24px 0;\n}\n.license-status-alert__actions-link,\n.license-status-alert__additional-action {\n text-align: end;\n}\n.license-status-popover {\n z-index: 1050;\n}\n.page-header {\n position: relative;\n z-index: 300;\n display: flex;\n min-block-size: 48px;\n align-items: center;\n padding-inline: 16px;\n}\n@media (min-width: 768px) {\n .page-header {\n padding-inline: 24px;\n }\n}\n.main-header-navbar {\n text-align: end;\n margin-inline-start: auto;\n}\n.main-header-navbar .top-logo img {\n block-size: 31px;\n}\n.main-header-navbar-nav {\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n margin: 0;\n padding: 0;\n list-style: none;\n text-align: start;\n}\n.main-header-navbar-nav > li {\n display: inline-block;\n vertical-align: middle;\n margin-block: 0;\n margin-inline: 8px 0;\n line-height: 20px;\n}\n.main-header-navbar-nav > li .label {\n margin-block: -5px 0;\n margin-inline: 0;\n padding-block: 0;\n padding-inline: 5px;\n vertical-align: top;\n}\n.main-header-navbar-nav > li > .top-logo {\n margin-inline-start: 24px;\n}\n.main-header-navbar-nav > li .pul-button .pul-icon img {\n opacity: 0.63;\n}\n.main-header-navbar-nav > li .pul-button:hover .pul-icon img,\n.main-header-navbar-nav > li .pul-button:focus .pul-icon img,\n.main-header-navbar-nav > li .pul-button:active .pul-icon img {\n opacity: 1;\n}\n.main-header-navbar-nav > li .pul-text--truncate {\n max-inline-size: 240px;\n}\n@media (max-width: 1100px) {\n .main-header-navbar-nav > li .pul-text--truncate {\n max-inline-size: 180px;\n }\n}\n.main-header-navbar-nav .main-header-navbar-nav__item.main-header-navbar-nav__item--advisor-1 > a {\n padding-inline-end: 6px;\n}\n.main-header-navbar .main-header-navbar-nav .main-header-navbar-nav__item--advisor-1 span.label {\n position: absolute;\n inset-block-start: 8px;\n inset-inline: 19px auto;\n inline-size: 6px;\n block-size: 6px;\n border-radius: 50%;\n padding: 0;\n overflow: hidden;\n text-indent: 20px;\n}\n.pul-spot-pulsar {\n z-index: 1033;\n}\n.main-header-search {\n flex: 1;\n padding: 0;\n block-size: 32px;\n max-inline-size: 500px;\n}\n.main-header-search__group {\n position: relative;\n}\n.main-header-search__control .pul-input__prefix,\n.main-header-search__control .pul-input__suffix {\n block-size: 32px;\n inline-size: 32px;\n}\n.main-header-search__control .pul-input__prefix {\n pointer-events: none;\n}\n.main-header-search__control .pul-input__suffix {\n display: none;\n cursor: pointer;\n}\n.main-header-search__control .pul-input__input:not(:last-child) {\n padding-inline-end: 0;\n}\n@media (min-width: 400px) {\n .main-header-search__control .pul-input__prefix {\n inset-inline-start: 8px;\n }\n .main-header-search__control.pul-input--affix .pul-input__input:not(:first-child) {\n padding-inline-start: 40px;\n }\n}\n.main-header-search__loader {\n display: block;\n inline-size: 1em;\n block-size: 1em;\n box-sizing: border-box;\n transform: none;\n border: 1px solid #28aade;\n border-block-end-color: #ececec;\n border-radius: 50%;\n pointer-events: none;\n animation: search-loader-spin 0.8s linear infinite;\n}\n.main-header-search .pul-input__input {\n block-size: 32px;\n padding-block: 8px;\n line-height: 32px;\n border-radius: 4px;\n background-color: #f5f5f5;\n border-color: #f5f5f5;\n box-shadow: none;\n}\n.main-header-search .pul-input__input:not(:last-child):focus {\n padding-inline-end: 32px;\n}\n.main-header-search .pul-input__input:focus + .pul-input__suffix {\n display: flex;\n}\n@media (max-width: 768px) {\n .main-header-search .search-focused {\n position: absolute;\n z-index: 2;\n inset-inline: 16px;\n }\n}\n@keyframes search-loader-spin {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(359deg);\n }\n}\n.main-header-search-result {\n position: absolute;\n inline-size: 100%;\n}\n@media (min-width: 768px) {\n .main-header-search-result {\n min-inline-size: 250px;\n }\n}\n.main-header-search-result__item,\n.main-header-search-result__note {\n padding-inline: 8px;\n}\n@media (min-width: 400px) {\n .main-header-search-result__item,\n .main-header-search-result__note {\n padding-inline: 16px;\n }\n}\n.main-header-search-result__note {\n padding-block: 8px;\n font-size: 12px;\n}\n.main-header-search-result__note--empty {\n font-size: 14px;\n color: #222;\n}\n.main-header-search-result__icon {\n filter: invert(50%);\n}\n.main-header-search-result__item-remove {\n display: none;\n margin-block: -4px;\n margin-inline-end: -4px;\n vertical-align: top;\n}\n.main-header-search-result__item:hover .main-header-search-result__item-remove {\n display: inline-block;\n}\n.notification-center-heading {\n flex-grow: 1;\n}\n.notification-center-heading__top {\n display: flex;\n align-items: flex-start;\n}\n.notification-center-heading__bottom {\n margin-block: 8px 4px;\n}\n.notification-center-heading__back-button {\n margin-inline-end: 4px;\n}\n.notification-center-heading__label {\n margin-block: 2px;\n margin-inline: 0 8px;\n}\n.pul-popover__heading .notification-center-heading + .pul-popover__extra {\n margin-block: 0;\n}\n.notification-center-toast {\n overflow: hidden;\n}\n.notification-center-toast__content {\n display: flex;\n}\n.notification-center-toast__content-icon {\n flex: none;\n margin-block: 2px 0;\n margin-inline: 0 6px;\n}\n.notification-center-view__actions {\n margin-block-start: 16px;\n}\n.page-header-subscription-switcher-menu {\n max-block-size: 80vh;\n overflow-y: auto;\n}\n.disco-mode {\n align-items: baseline;\n}\n.disco-mode .pul-overlay__content {\n background-color: transparent !important;\n box-shadow: none !important;\n max-block-size: 100%;\n max-inline-size: 100%;\n flex-basis: 100%;\n block-size: 100%;\n}\n[data-theme=\"dark\"] .disco-mode svg {\n filter: invert(1) hue-rotate(180deg);\n}\n.disco-mode-showup {\n visibility: hidden;\n animation: showup 0s forwards;\n animation-delay: 1s;\n}\n.disco-mode-confetti {\n pointer-events: none;\n}\n[data-theme=\"dark\"] .disco-mode-logo {\n filter: invert(1) hue-rotate(180deg);\n}\n.disco-mode-logo {\n text-align: center;\n}\n.disco-mode-logo > img {\n inline-size: auto;\n block-size: 200px;\n max-inline-size: 100%;\n animation: pulse 3s infinite ease-in-out;\n animation-delay: 1s;\n}\n.disco-mode-ball {\n block-size: 180px;\n animation: fallBounce 1s ease-out forwards;\n}\n.disco-mode-dancers {\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n block-size: 100%;\n overflow: clip visible;\n}\n.disco-mode-dancers > img {\n max-inline-size: 100%;\n inline-size: auto;\n block-size: auto;\n align-self: center;\n object-fit: cover;\n animation: dance 5s steps(10) forwards;\n animation-delay: 1s;\n}\n@keyframes fallBounce {\n 0% {\n transform: translateY(-500px);\n }\n 60% {\n transform: translateY(0);\n }\n 75% {\n transform: translateY(-30px);\n }\n 90% {\n transform: translateY(0);\n }\n 95% {\n transform: translateY(-10px);\n }\n 100% {\n transform: translateY(0);\n }\n}\n@keyframes showup {\n to {\n visibility: visible;\n }\n}\n@keyframes pulse {\n 0% {\n filter: blur(0);\n }\n 50% {\n filter: blur(5px);\n }\n 100% {\n filter: blur(0);\n }\n}\n@keyframes dance {\n 0% {\n transform: translateX(100%);\n }\n 100% {\n transform: translateX(0);\n }\n}\n@media (min-width: 768px) {\n .page-sidebar {\n display: flex;\n flex-direction: column;\n block-size: 100vh;\n }\n .page-sidebar__content {\n flex: auto;\n min-inline-size: 244px;\n overflow: hidden scroll;\n }\n .page-sidebar__content::-webkit-scrollbar {\n display: none;\n }\n .page-sidebar-menu-wrapper {\n inline-size: 224px;\n }\n}\n.page-sidebar-brand {\n flex: none;\n box-sizing: border-box;\n padding-block: 7px;\n padding-inline: 16px;\n inline-size: 224px;\n}\n.page-sidebar-brand img {\n flex: none;\n block-size: auto;\n max-inline-size: 100%;\n}\n.page-sidebar-menu-wrapper {\n padding-block-end: 16px;\n}\n.page-sidebar-menu {\n text-shadow: none;\n line-height: 20px;\n}\n.page-sidebar-menu,\n.page-sidebar-menu .sub-menu {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n.page-sidebar-menu a {\n display: block;\n padding-block: 8px;\n padding-inline: 16px 8px;\n font-size: 14px;\n line-height: 1.429;\n color: #fff;\n}\n.page-sidebar-menu a > .title {\n opacity: 0.8;\n display: flex;\n align-items: flex-start;\n gap: 4px;\n}\n.page-sidebar-menu a .title-label {\n margin-inline: auto 4px;\n align-self: center;\n}\n.page-sidebar-menu a > [class^=\"icon-\"],\n.page-sidebar-menu a > [class*=\" icon-\"] {\n opacity: 0.43;\n}\n.page-sidebar-menu a,\n.page-sidebar-menu a:hover {\n color: #fff;\n text-decoration: none;\n}\n.page-sidebar-menu a:hover,\n.page-sidebar-menu a:focus {\n outline: none;\n color: #fff;\n background-color: #4dccff;\n}\n.page-sidebar-menu a:hover > [class^=\"icon-\"],\n.page-sidebar-menu a:focus > [class^=\"icon-\"],\n.page-sidebar-menu a:hover > [class*=\" icon-\"],\n.page-sidebar-menu a:focus > [class*=\" icon-\"],\n.page-sidebar-menu a:hover > .title,\n.page-sidebar-menu a:focus > .title {\n opacity: 1;\n}\n.page-sidebar-menu .page-sidebar-menu-item--disabled:not(.active) a,\n.page-sidebar-menu .page-sidebar-menu-item--disabled:not(.active) a:hover,\n.page-sidebar-menu .page-sidebar-menu-item--disabled:not(.active) a:focus {\n cursor: default;\n background-color: transparent;\n}\n.page-sidebar-menu .page-sidebar-menu-item--disabled:not(.active) a > .title,\n.page-sidebar-menu .page-sidebar-menu-item--disabled:not(.active) a:hover > .title,\n.page-sidebar-menu .page-sidebar-menu-item--disabled:not(.active) a:focus > .title {\n opacity: 0.4;\n}\n.page-sidebar-menu .page-sidebar-menu-item--disabled:not(.active) a > [class^=\"icon-\"],\n.page-sidebar-menu .page-sidebar-menu-item--disabled:not(.active) a:hover > [class^=\"icon-\"],\n.page-sidebar-menu .page-sidebar-menu-item--disabled:not(.active) a:focus > [class^=\"icon-\"],\n.page-sidebar-menu .page-sidebar-menu-item--disabled:not(.active) a > [class*=\" icon-\"],\n.page-sidebar-menu .page-sidebar-menu-item--disabled:not(.active) a:hover > [class*=\" icon-\"],\n.page-sidebar-menu .page-sidebar-menu-item--disabled:not(.active) a:focus > [class*=\" icon-\"] {\n opacity: 0.2;\n}\n.page-sidebar-menu .menu-group-title {\n position: relative;\n display: block;\n inline-size: 100%;\n box-sizing: border-box;\n border: none;\n padding-block: 8px;\n padding-inline: 16px;\n margin: 0;\n text-decoration: none;\n color: #fff;\n font-size: 12px;\n line-height: 1.4;\n cursor: pointer;\n text-align: start;\n appearance: none;\n background-color: #2d3a47;\n}\n.page-sidebar-menu .menu-group-title:hover,\n.page-sidebar-menu .menu-group-title:focus {\n background-color: #2d3a47;\n}\n.page-sidebar-menu .menu-group-title:focus {\n outline: none;\n}\n.page-sidebar-menu .menu-group-title .menu-group-name {\n opacity: 0.6;\n}\n.page-sidebar-menu .menu-group-title:hover .menu-group-name,\n.page-sidebar-menu .menu-group-title:focus .menu-group-name {\n opacity: 1;\n}\n.page-sidebar-menu .menu-group-toggle {\n position: absolute;\n inset-inline-end: 16px;\n overflow: hidden;\n inline-size: 8px;\n block-size: 16px;\n}\n.page-sidebar-menu .menu-group-toggle::before {\n position: absolute;\n inset-block-start: 50%;\n inline-size: 8px;\n block-size: 8px;\n margin-block-start: -4px;\n content: \"\";\n background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A//www.w3.org/2000/svg'%20viewBox%3D'0%20-1.24%208%208'%3E%3Cpath%20fill%3D'%234dccff'%20d%3D'M7.854%204.854a.5.5%200%200%201-.708%200L4%201.707.854%204.854a.5.5%200%200%201-.708-.708l3.5-3.5a.5.5%200%200%201%20.708%200l3.5%203.5a.5.5%200%200%201%200%20.708z'/%3E%3C/svg%3E\");\n background-repeat: no-repeat;\n background-size: contain;\n transition: transform 0.25s;\n}\n.page-sidebar-menu .menu-group-title:hover .menu-group-toggle::before,\n.page-sidebar-menu .menu-group-title:focus .menu-group-toggle::before {\n background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A//www.w3.org/2000/svg'%20viewBox%3D'0%20-1.24%208%208'%3E%3Cpath%20fill%3D'%23fff'%20d%3D'M7.854%204.854a.5.5%200%200%201-.708%200L4%201.707.854%204.854a.5.5%200%200%201-.708-.708l3.5-3.5a.5.5%200%200%201%20.708%200l3.5%203.5a.5.5%200%200%201%200%20.708z'/%3E%3C/svg%3E\");\n}\n.page-sidebar-menu .menu-group-title[aria-expanded=\"false\"] .menu-group-toggle::before {\n transform: rotate(180deg);\n}\n.page-sidebar-menu .sub-menu > li {\n overflow: hidden;\n max-block-size: 108px;\n transition: all 0.2s ease-out;\n}\n.page-sidebar-menu .sub-menu a {\n padding-inline-start: 40px;\n}\n.page-sidebar-menu .sub-menu .active > a,\n.page-sidebar-menu .sub-menu .active > a:hover {\n background: #536a7d;\n}\n.page-sidebar-menu .sub-menu .active > a > [class^=\"icon-\"],\n.page-sidebar-menu .sub-menu .active > a > [class*=\" icon-\"],\n.page-sidebar-menu .sub-menu .active > a > .title {\n opacity: 1;\n}\n.page-sidebar-menu .menu-group-title[aria-expanded=\"false\"] + .sub-menu > li {\n box-sizing: border-box;\n max-block-size: 0;\n}\n.page-sidebar-menu [class^=\"icon-\"],\n.page-sidebar-menu [class*=\" icon-\"] {\n float: inline-start;\n inline-size: 16px;\n block-size: 16px;\n margin-block: 2px 0;\n margin-inline: -24px 0;\n background-size: 16px;\n}\n@media (min-width: 768px) {\n .page-sidebar-menu a {\n padding-block: 8px;\n padding-inline: 16px 8px;\n font-size: 14px;\n }\n .page-sidebar-menu .sub-menu a {\n padding-inline-start: 40px;\n }\n .page-sidebar-menu .menu-group-name {\n display: block;\n max-inline-size: 170px;\n }\n .page-sidebar-menu .sub-menu .title {\n max-inline-size: 172px;\n }\n}\n@media (min-width: 768px) {\n .page-sidebar--folded .page-sidebar-menu .sub-menu .title,\n .page-sidebar--folded .page-sidebar-menu .menu-group-name {\n display: none;\n }\n .page-sidebar--folded .page-sidebar-menu .sub-menu a {\n block-size: 20px;\n }\n .page-sidebar--folded .page-sidebar-menu .menu-group-title {\n block-size: 16px;\n padding-inline-start: 20px;\n }\n .page-sidebar--folded .page-sidebar-menu .menu-group-toggle {\n position: static;\n }\n}\n.icon-nav {\n fill: currentcolor;\n}\n.icon-nav-home {\n background-image: url(\"../icons/16/plesk/nav-home.svg\");\n}\n.icon-nav-clients {\n background-image: url(\"../icons/16/plesk/nav-clients.svg\");\n}\n.icon-nav-resellers {\n background-image: url(\"../icons/16/plesk/nav-resellers.svg\");\n}\n.icon-nav-domains {\n background-image: url(\"../icons/16/plesk/nav-domains.svg\");\n}\n.icon-nav-subscriptions {\n background-image: url(\"../icons/16/plesk/nav-subscriptions.svg\");\n}\n.icon-nav-service-plans {\n background-image: url(\"../icons/16/plesk/nav-service-plans.svg\");\n}\n.icon-nav-tools {\n background-image: url(\"../icons/16/plesk/nav-tools.svg\");\n}\n.icon-nav-wordpress-toolkit {\n background-image: url(\"../icons/16/plesk/nav-wordpress-toolkit.svg\");\n}\n.icon-nav-health {\n background-image: url(\"../icons/16/plesk/nav-health.svg\");\n}\n.icon-nav-modules {\n background-image: url(\"../icons/16/plesk/nav-modules.svg\");\n}\n.icon-nav-profile {\n background-image: url(\"../icons/16/plesk/nav-profile.svg\");\n}\n.icon-nav-credentials-info {\n background-image: url(\"../icons/16/plesk/nav-credentials-info.svg\");\n}\n.icon-nav-mail {\n background-image: url(\"../icons/16/plesk/nav-mail.svg\");\n}\n.icon-nav-applications {\n background-image: url(\"../icons/16/plesk/nav-applications.svg\");\n}\n.icon-nav-files {\n background-image: url(\"../icons/16/plesk/nav-files.svg\");\n}\n.icon-nav-sharing {\n background-image: url(\"../icons/16/plesk/nav-sharing.svg\");\n}\n.icon-nav-statistics {\n background-image: url(\"../icons/16/plesk/nav-statistic.svg\");\n}\n.icon-nav-custom {\n background-image: url(\"../icons/16/plesk/nav-custom.svg\");\n}\n.icon-nav-database {\n background-image: url(\"../icons/16/plesk/nav-database.svg\");\n}\n.icon-nav-docker {\n background-image: url(\"../icons/16/plesk/nav-docker.svg\");\n}\n.icon-nav-navigation {\n background-image: url(\"../icons/16/plesk/nav-navigation.svg\");\n}\n.icon-nav-interface-pref {\n background-image: url(\"../icons/16/plesk/nav-interface-pref.svg\");\n}\n.icon-nav-service-node {\n background-image: url(\"../icons/16/plesk/nav-service-node.svg\");\n}\n.page-sidebar-footer-wrapper {\n position: sticky;\n inset-block-end: 0;\n background-color: #384859;\n}\n@media (min-width: 768px) {\n .page-sidebar-footer-wrapper {\n inline-size: 224px;\n }\n}\n.page-content-header__title {\n word-break: break-all;\n overflow-wrap: break-word;\n}\n@supports (word-break: break-word) {\n .page-content-header__title {\n word-break: break-word;\n }\n}\n.page-content-header .pul-page-header__title-right-addon {\n flex: auto;\n}\n.page-content-header__action {\n align-self: flex-start;\n margin-block-start: 10px;\n margin-inline-start: auto;\n}\n.page-content-header .tabs {\n margin-block-end: 0;\n padding-block-end: 8px;\n}\n@media (min-width: 768px) {\n .page-content-header .tabs {\n padding-block-end: 0;\n }\n}\n.page-footer {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n align-items: baseline;\n padding-block: 8px 0;\n padding-inline: 16px;\n text-align: center;\n font-size: 12px;\n line-height: 16px;\n}\n@media (min-width: 768px) {\n .page-footer {\n padding-inline: 24px;\n }\n}\n.page-footer a,\n.page-footer .s-btn {\n vertical-align: top;\n}\n.page-footer a,\n.page-footer .s-btn,\n.page-footer a:visited,\n.page-footer .s-btn:visited {\n color: #007eb0;\n text-decoration: none;\n}\n.page-footer a:hover,\n.page-footer .s-btn:hover,\n.page-footer a:focus,\n.page-footer .s-btn:focus {\n color: #259ccc;\n text-decoration: underline;\n}\n.page-footer a:hover,\n.page-footer .s-btn:hover,\n.page-footer a:active,\n.page-footer .s-btn:active {\n color: #2089b2;\n}\n.page-footer .social-actions::before,\n.page-footer .feedback-actions::before {\n float: inline-start;\n margin-block: 0;\n margin-inline: 8px;\n content: \"\";\n inline-size: 1px;\n block-size: 16px;\n background-color: #dedede;\n}\n.page-footer .social-actions,\n.page-footer .feedback-actions,\n.page-footer .twitter-follow-button,\n.page-footer .fb-link {\n display: inline-block;\n vertical-align: top;\n}\n.page-footer > a,\n.page-footer .social-actions,\n.page-footer .feedback-actions {\n margin-block-end: 8px;\n}\n.page-footer .social-actions a {\n display: inline-flex;\n align-items: center;\n padding: 0;\n line-height: 16px;\n font-size: 12px;\n color: #007eb0;\n}\n.page-footer .social-actions a:hover {\n color: #259ccc;\n}\n.page-footer .social-actions a:active {\n color: #2089b2;\n}\n.page-footer .social-actions .icon {\n order: 1;\n float: inline-start;\n vertical-align: top;\n margin-block: 0;\n margin-inline: 4px 0;\n padding: 2px;\n inline-size: 12px;\n block-size: 12px;\n fill: #fff;\n border-radius: 2px;\n}\n.page-footer .twitter-follow-button .icon {\n background-color: #000;\n}\n.page-footer .fb-link .icon {\n background-color: #3b5998;\n}\n.page-footer .feedback-actions .s-btn {\n margin: 0;\n padding: 0;\n font-size: 12px;\n}\n.page-footer .feedback-actions .s-btn [class*=\" icon-\"],\n.page-footer .feedback-actions .s-btn [class^=\"icon-\"],\n.page-footer .feedback-actions .s-btn .icon,\n.page-footer .feedback-actions .s-btn::before,\n.page-footer .feedback-actions .s-btn::after {\n display: none;\n}\n.view-switcher {\n position: relative;\n box-sizing: border-box;\n margin-block-start: 0;\n min-block-size: 36px;\n box-shadow: 0 -4px 8px 4px #384859;\n}\n.view-switcher:hover,\n.view-switcher:focus-within {\n background-color: #4dccff;\n}\n.view-switcher:hover .view-switcher__button-icon,\n.view-switcher:focus-within .view-switcher__button-icon,\n.view-switcher:hover .view-switcher__button-text,\n.view-switcher:focus-within .view-switcher__button-text {\n opacity: 1;\n}\n.view-switcher__button {\n display: block;\n inline-size: 100%;\n box-sizing: border-box;\n border: none;\n padding-block: 8px;\n padding-inline: 40px 34px;\n margin: 0;\n text-decoration: none;\n font-size: 14px;\n line-height: 1.429;\n color: #fff;\n cursor: pointer;\n text-align: start;\n appearance: none;\n background-color: transparent;\n}\n.view-switcher__button .view-switcher__button-icon {\n float: inline-start;\n margin-block-start: 2px;\n margin-inline-start: -24px;\n opacity: 0.43;\n}\n.view-switcher__button-text {\n opacity: 0.8;\n}\n.view-switcher__button:hover,\n.view-switcher__button:focus {\n outline: none;\n}\n.view-switcher__button:hover .view-switcher__button-icon,\n.view-switcher__button:focus .view-switcher__button-icon,\n.view-switcher__button:hover .view-switcher__button-text,\n.view-switcher__button:focus .view-switcher__button-text {\n opacity: 1;\n}\n.view-switcher__close {\n position: absolute;\n inset-block-start: 0;\n inset-inline-end: 0;\n line-height: 16px;\n inline-size: 16px;\n margin-block: 10px 0;\n margin-inline: 0 16px;\n color: #28aade;\n text-align: center;\n cursor: pointer;\n box-sizing: border-box;\n border: none;\n padding: 0;\n text-decoration: none;\n font-size: 14px;\n appearance: none;\n background-color: transparent;\n}\n.view-switcher__close::before {\n content: \"\\2715\";\n font-weight: 400;\n font-size: 12px;\n}\n.view-switcher__close:focus {\n outline: none;\n color: #fff;\n opacity: 1;\n}\n.view-switcher:hover .view-switcher__close {\n color: #fff;\n}\n@media (min-width: 768px) {\n .page-sidebar--folded .view-switcher {\n inline-size: 48px;\n }\n .page-sidebar--folded .view-switcher__button {\n block-size: 20px;\n }\n .page-sidebar--folded .view-switcher__button-text {\n display: none;\n }\n .page-sidebar--folded .view-switcher .view-switcher__close {\n margin: 0;\n }\n .page-sidebar--folded .view-switcher .view-switcher__close::before {\n font-size: 10px;\n }\n}\n@media (min-width: 768px) {\n .page-content-header-nav--sticky .page-content-header-nav__tabs {\n position: fixed;\n z-index: 200;\n inset-block-start: 50px;\n inset-inline: 224px 0;\n margin: 0;\n padding-block: 0;\n padding-inline: 24px;\n background-color: #fbfbfb;\n box-shadow: 0 20px 10px -10px #fbfbfb;\n transition: inset-inline-start 0.3s ease-in-out;\n }\n .pul-layout--sidebar-folded .page-content-header-nav--sticky .page-content-header-nav__tabs {\n inset-inline-start: 48px;\n }\n .page-header-hidden .page-content-header-nav--sticky .page-content-header-nav__tabs {\n inset-block-start: 0;\n }\n}\n@media (min-width: 768px) and (max-width: 1022px) {\n .pul-layout--sidebar-type-folded .page-content-header-nav--sticky .page-content-header-nav__tabs {\n inset-inline-start: 48px;\n }\n}\n.side-panel {\n font-size: 12px;\n}\n.side-panel__item,\n.side-panel .pul-panel__content > p {\n margin-block-end: 12px;\n}\n.side-panel .pul-panel__content > hr {\n margin-block: 12px;\n margin-inline: -16px;\n}\n.side-panel .pul-panel__content > :last-child {\n margin-block-end: 0;\n}\n.side-panel .pul-panel__content > .pul-alert {\n margin-block: 0 12px;\n margin-inline: -16px;\n}\n.side-panel .pul-alert .pul-button {\n padding-inline: 12px;\n}\n.side-panel .pul-action:not(.pul-action--icon):not(.pul-status--compact):not(\n .pul-status--flip\n ).pul-action--size-16 > .pul-action__content > .pul-action__icon {\n margin-block-start: 0;\n}\n.side-panel .pul-panel__content > .pul-item-list .pul-media {\n align-items: center;\n}\n.side-panel .pul-panel__content > .pul-item-list .pul-media:not(.pul-media--vertical) .pul-media__figure {\n align-self: flex-start;\n}\n.side-panel .pul-panel__content > .pul-item-list--hoverable:not(.pul-item-list--cards) {\n margin-inline: -16px;\n}\n.side-panel .pul-panel__content > .pul-item-list--hoverable .pul-item-list__item {\n padding-inline: 16px;\n}\n.side-panel__stat {\n margin-block-end: 12px;\n}\n.side-panel__stat .pul-progress-bar {\n margin-block: 4px;\n}\n.side-panel-popover__item,\n.side-panel-popover .pul-popover__content-inner > p {\n margin-block-end: 12px;\n}\n.side-panel-popover .pul-popover__content-inner > :last-child {\n margin-block-end: 0;\n}\n.rss-feed-list {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n.rss-feed-item {\n margin-block-end: 12px;\n}\n.rss-feed-item > :last-child {\n margin-block-end: 0;\n}\n.rss-feed-nav {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n}\n.login-mobile-application-promotion {\n margin: 0;\n padding: 24px;\n}\n@media (min-width: 480px) {\n .login-mobile-application-promotion {\n padding-block: 24px;\n padding-inline: 36px;\n }\n}\n.login-mobile-application-promotion__icon {\n border: 1px solid #ddd;\n background-color: #fff;\n}\n.login-mobile-application-promotion__button {\n margin-block-start: 8px;\n margin-inline-end: 8px;\n}\n.login-ssl-warnings {\n margin: 0;\n padding: 24px;\n}\n@media (min-width: 480px) {\n .login-ssl-warnings {\n padding-block: 24px;\n padding-inline: 36px;\n }\n}\n.manage-php-extensions .pul-progress-step__body {\n min-inline-size: 0;\n}\n.chart-hint {\n background-color: #222;\n border-radius: 2px;\n padding-block: 4px;\n padding-inline: 8px;\n opacity: 0.8;\n}\n.problem-details-solution__heading {\n display: flex;\n align-items: center;\n gap: 8px;\n}\n.dns-spf-radiobutton .pul-form-field-radio-buttons__radio:first-child .pul-form-field-radio-buttons__content {\n display: flex;\n align-items: center;\n gap: 4px;\n}\n.dns-spf-radiobutton .pul-form-field-radio-buttons__radio:last-child {\n display: flex;\n}\n.dns-spf-radiobutton .pul-form-field-radio-buttons__radio:last-child .pul-form-field-radio-buttons__content {\n padding-inline-start: 7px;\n}\n.plesk-about.flip-container {\n margin-block-end: 16px;\n perspective: 1000px;\n}\n.plesk-about.flip-container .about-image {\n position: relative;\n display: inline-block;\n margin: 0;\n}\n.plesk-about.flip-container.flipped .flipper {\n transform: rotateY(180deg);\n}\n.plesk-about.flip-container,\n.plesk-about .front,\n.plesk-about .back {\n inline-size: 100%;\n block-size: 220px;\n max-inline-size: 673px;\n}\n.plesk-about .flipper {\n transition: 0.6s;\n transform-style: preserve-3d;\n position: relative;\n}\n.plesk-about .front,\n.plesk-about .back {\n backface-visibility: hidden;\n position: absolute;\n inset-block-start: 0;\n inset-inline-start: 0;\n}\n.plesk-about .back {\n transform: rotateY(180deg);\n}\n.plesk-about .about-image > img {\n inline-size: auto;\n block-size: 220px;\n max-inline-size: 100%;\n object-fit: cover;\n border-radius: 4px;\n}\n.plesk-about .back .about-image > img {\n box-shadow: 0 1px 0 2px #4cccff;\n}\n.plesk-about .about-image > img.vzhuh {\n block-size: 200px;\n inline-size: 200px;\n}\n.plesk-about .vzhuh {\n position: absolute;\n inset-inline-start: 50%;\n inset-block-start: 8px;\n margin-inline-start: -92px;\n will-change: transform, opacity;\n animation: vzhuhZoomIn 1s ease-in-out;\n filter: drop-shadow(5px 8px 5px #222);\n cursor: pointer;\n}\nhtml[data-theme=\"dark\"] .plesk-about .vzhuh {\n display: none;\n}\n@keyframes vzhuhZoomIn {\n 0% {\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n opacity: 0;\n transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);\n }\n 60% {\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n opacity: 1;\n transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);\n }\n}\n.about-image__footprints {\n position: absolute;\n inset-block-start: 0;\n inset-inline-start: 50%;\n display: flex;\n justify-content: center;\n block-size: 170px;\n min-inline-size: 170px;\n transform: translate(-50%, 25px);\n border-radius: 50%;\n cursor: help;\n}\nhtml[data-theme=\"dark\"] .about-image__footprints {\n display: none;\n}\n.about-image__footprints .footprint {\n opacity: 0;\n animation: 4.2s footprint-walk 4s steps(2, end) infinite;\n inline-size: 16px;\n block-size: 16px;\n background-size: 16px;\n background-repeat: no-repeat;\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23737373' d='M205.1 153c31.6 11.6 69.4-12.6 84.6-54.1 15.2-41.5 2-84.5-29.6-96-31.6-11.6-69.4 12.7-84.6 54.2-15.2 41.5-2 84.4 29.6 96zM85.3 219.2c33-2.8 56.7-40.3 53-83.7C134.4 92 104.6 59.2 71.6 62c-33 2.8-56.7 40.3-53 83.7 3.8 43.4 33.6 76.3 66.6 73.4zM342.2 217.8c29 17 70.5-.1 93-38.2 22.3-38 17-82.7-12-99.8-29-17-70.6.1-93 38.2-22.3 38.1-17 82.8 12 99.8zM497.3 263c-18.8-27.4-63.1-29.5-99-4.8s-49.8 66.8-31 94.1c18.8 27.3 63 29.4 99 4.7 35.8-24.7 49.7-66.8 31-94zM304.5 268a76.7 76.7 0 0 0-43-58.8 76.7 76.7 0 0 0-72.8 4.2c-23.6 14.4-38.8 33.1-59.1 41.3-20.4 8.2-77.4-16.2-113 48.3-25 45.5-2 103.1 45 125.3 35.8 16.9 64 15 84.8 24.8 20.8 9.8 37.3 32.8 73 49.7 47 22.1 106.1 3.3 125.4-45 27.2-68.4-28-97-34.6-117.9-6.6-20.9-1.7-44.5-5.7-71.8z' /%3E%3C/svg%3E\");\n}\n.about-image__footprints .footprint--1 {\n transform: translate(20px, 25px);\n animation-delay: 2s;\n}\n.about-image__footprints .footprint--2 {\n transform: translate(30px, 45px);\n animation-delay: 1.5s;\n}\n.about-image__footprints .footprint--3 {\n transform: translate(-30px, 125px);\n animation-delay: 0.5s;\n}\n.about-image__footprints .footprint--4 {\n transform: translate(-10px, 105px);\n animation-delay: 1s;\n}\n@keyframes footprint-walk {\n to {\n opacity: 1;\n }\n}\n.mass-mail-form-block-hidden {\n display: none !important;\n}\n.server-mail-settings-form-field-complex,\n.server-mail-settings-form-field-multi .pul-form-field__multi {\n display: flex;\n align-items: center;\n gap: 4px;\n}\n.server-mail-settings-form-field-complex {\n flex-wrap: wrap;\n}\n.server-mail-spam-filter-form-field-complex {\n display: flex;\n align-items: center;\n gap: 8px;\n flex-wrap: wrap;\n}\n.skeleton-wrapper-enter {\n opacity: 0;\n}\n.skeleton-wrapper-enter-active {\n opacity: 1;\n transition: opacity 500ms,\n transform 500ms;\n}\n.skeleton-wrapper-exit-active {\n display: none;\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.top-bar-progress {\n transform: scaleX(1) /*rtl:scaleX(-1)*/;\n position: fixed;\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n@import \"../../../styles/_variables.less\";\n\n@cookie-policy-info-text-color: #e9eaea;\n@cookie-policy-info-background-color: #2c2c2c;\n@cookie-policy-info-link-color: @base-link-color-on-dark;\n@cookie-policy-info-link-hover-color: @base-link-hover-color-on-dark;\n@cookie-policy-info-link-active-color: @base-link-active-color-on-dark;\n\n.cookie-policy-info {\n color: @cookie-policy-info-text-color;\n background: @cookie-policy-info-background-color;\n padding-block: 24px;\n padding-inline: 16px;\n flex: none;\n\n @media (min-width: @breakpoint-medium) {\n padding-inline: 24px;\n }\n\n &__inner {\n max-inline-size: 640px;\n margin: 0;\n }\n\n &--center &__inner {\n margin: auto;\n }\n\n &__title {\n color: @cookie-policy-info-text-color;\n margin-block-end: 16px;\n }\n\n &__buttons {\n margin-block-start: -24px;\n }\n\n &__button {\n margin-block-start: 24px;\n }\n\n &__button:not(:last-child) {\n margin-inline-end: 24px;\n }\n\n &__link {\n color: @cookie-policy-info-link-color;\n\n &:hover {\n color: @cookie-policy-info-link-hover-color;\n }\n\n &:active {\n color: @cookie-policy-info-link-active-color;\n }\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.cookie-policy-preferences {\n &__title {\n margin-block-end: 40px;\n }\n\n &__radio-buttons .pul-form-field-radio-buttons__radio {\n display: inline-block;\n margin-inline-end: 32px;\n margin-block-start: 0;\n }\n\n &__radio-buttons.pul-form-field-radio-buttons {\n margin-block-end: 16px;\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n@import \"../../../../styles/_variables.less\";\n\n.cookie-policy-overlay {\n position: fixed;\n z-index: 1;\n inset: 0;\n background-color: rgb(72 72 72 / 0);\n transition: background-color 1s;\n\n &--exit {\n pointer-events: none;\n }\n\n &__modal {\n margin-block: 8px 0;\n margin-inline: 8px;\n block-size: calc(100% - 8px);\n background: #fbfbfb;\n box-sizing: border-box;\n border-radius: 4px;\n border-end-start-radius: 0;\n border-end-end-radius: 0;\n transform: translateY(100%);\n transition: transform 0.5s;\n overflow: hidden;\n\n @media (min-width: @breakpoint-small) {\n margin-block: 20px 0;\n margin-inline: 20px;\n block-size: calc(100% - 20px);\n }\n }\n\n &--enter {\n background-color: rgb(72 72 72 / 0.9);\n }\n\n &--enter &__modal {\n transform: translateY(0);\n }\n\n &__modal-close {\n position: absolute;\n inset-block-start: 10px;\n inset-inline-end: 10px;\n inline-size: 28px;\n block-size: 28px;\n display: flex;\n justify-content: center;\n align-items: center;\n\n @media (min-width: @breakpoint-small) {\n inset-block-start: 24px;\n inset-inline-end: 24px;\n }\n }\n\n &__modal-content {\n overflow-y: scroll;\n block-size: 100%;\n box-sizing: border-box;\n margin-inline-end: -36px;\n padding-inline-end: 36px;\n }\n\n &__modal-inner {\n max-inline-size: 580px;\n margin: auto;\n padding-block: 40px;\n padding-inline: 16px;\n box-sizing: border-box;\n\n @media (min-width: @breakpoint-small) {\n padding: 40px;\n }\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n@import \"../../styles/_variables\";\n\n@init-page-background: @token-color-grey-9;\n\n.init-page-header {\n display: flex;\n align-items: center;\n block-size: 50px;\n padding-block: 7px;\n padding-inline: 24px;\n\n @media (min-width: @breakpoint-medium) {\n padding-block: 7px;\n padding-inline: 36px;\n }\n\n .brand__logo {\n block-size: 50px;\n }\n\n &__actions {\n margin-inline-start: auto;\n }\n\n &__action {\n margin-inline-start: 4px;\n color: @base-link-hover-color-on-dark;\n text-decoration: @base-link-text-decoration;\n\n &:active,\n &:hover {\n color: @base-link-hover-color-on-dark;\n text-decoration: @base-link-hover-text-decoration;\n }\n\n .icon {\n margin-inline-end: 2px;\n }\n }\n}\n\n.init-page {\n display: flex;\n flex-direction: column;\n min-block-size: 100vh;\n background-color: @init-page-background;\n\n &__inner {\n flex: auto;\n padding-block: 24px;\n padding-inline: 16px;\n }\n\n .pul-layout--simplified {\n min-block-size: auto;\n }\n\n &__content {\n padding: 8px;\n\n @media (min-width: @breakpoint-small) {\n padding-block: 8px;\n padding-inline: 20px;\n }\n\n @media (min-width: @breakpoint-medium) {\n padding-block: 8px;\n padding-inline: 12px;\n }\n }\n\n &__banner-image {\n max-inline-size: 100%;\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n@import \"../../styles/_variables\";\n\n@login-page-background: @token-color-grey-9;\n\n.login-page-header {\n display: flex;\n align-items: center;\n min-block-size: 50px;\n padding-block: 7px;\n padding-inline: 24px;\n\n @media (min-width: @breakpoint-small) {\n padding-block: 7px;\n padding-inline: 36px;\n }\n\n &__actions {\n margin-inline-start: auto;\n }\n}\n\n.brand__logo {\n max-inline-size: 100%;\n}\n\n.login-page {\n display: flex;\n flex-direction: column;\n min-block-size: 100vh;\n\n &__inner {\n flex: auto;\n padding-block: 24px;\n padding-inline: 16px;\n background-color: var(--login-bg-color, @login-page-background);\n }\n\n &__background {\n position: relative;\n\n &::before {\n content: \"\";\n position: absolute;\n inset: 0;\n background-color: var(--login-bg-color, @login-page-background);\n background-image: var(--login-bg-image);\n background-repeat: var(--login-bg-repeat, no-repeat);\n background-position: center;\n background-size: var(--login-bg-size, auto);\n }\n\n &--fill {\n --login-bg-size: cover;\n }\n\n &--fit {\n --login-bg-size: contain;\n }\n\n &--tile {\n --login-bg-repeat: repeat;\n }\n\n .pul-layout__inner {\n z-index: 1;\n }\n\n [data-theme=\"dark\"] &::before {\n filter: invert(1) hue-rotate(180deg);\n }\n }\n\n .pul-layout--simplified {\n min-block-size: auto;\n\n .pul-layout__inner {\n max-inline-size: 392px;\n margin: auto;\n }\n\n .pul-layout__container {\n display: block; // fix for IE11\n }\n }\n\n &__content {\n padding: 8px;\n\n @media (min-width: @breakpoint-small) {\n padding-block: 8px;\n padding-inline: 20px;\n }\n\n @media (min-width: @breakpoint-medium) {\n padding-block: 8px;\n padding-inline: 12px;\n }\n }\n\n &__form {\n margin-block-end: 16px;\n }\n\n .pul-input__input,\n .pul-select-control {\n block-size: 40px;\n padding-block: 9px;\n padding-inline: 16px;\n line-height: 20px;\n }\n\n .pul-form-field-password .pul-input__suffix {\n block-size: 38px;\n inline-size: 38px;\n }\n\n & &__content .ext-social-login {\n margin-block: 24px 0;\n margin-inline: -24px;\n padding-block: 24px 8px;\n padding-inline: 24px;\n border-block-start-color: @token-color-grey-3;\n\n @media (min-width: @breakpoint-small) {\n margin-block: 24px 0;\n margin-inline: -36px;\n padding-block: 24px 8px;\n padding-inline: 36px;\n }\n }\n\n &__login-button {\n margin-block-start: 16px;\n }\n\n &__links {\n display: grid;\n grid-gap: 12px;\n }\n\n &__info {\n font-size: 12px;\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n@import \"../../../styles/_variables\";\n\n.license-status {\n position: relative;\n z-index: 400;\n\n &--active::after {\n content: \"\";\n position: fixed;\n inset-block: 0;\n inset-inline: 0;\n background-color: rgb(34 34 34 / 0.7);\n animation: fade 0.3s ease-in-out;\n }\n}\n\n.license-status-alert {\n position: relative;\n z-index: 1;\n margin-block-end: 0;\n padding-block: 0 5px;\n\n &__inner {\n display: flex;\n align-items: center;\n justify-content: center;\n line-height: 1.2;\n min-block-size: 35px;\n }\n\n &__message {\n display: flex;\n align-items: center;\n margin-block-start: 5px;\n }\n\n &__message-count {\n margin-inline-end: 8px;\n line-height: 1;\n font-size: 30px;\n color: #666;\n }\n\n &__actions {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: flex-end;\n }\n\n &__actions-button,\n &__actions-link {\n margin-block: 5px 0;\n margin-inline: 8px 0;\n }\n\n &__additional-action {\n margin-block: 5px 0;\n margin-inline: 24px 0;\n }\n\n &__actions-link,\n &__additional-action {\n text-align: end;\n }\n}\n\n.license-status-popover {\n z-index: 1050;\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n@import \"../../../../styles/_variables\";\n\n.page-header {\n position: relative;\n z-index: 300;\n display: flex;\n min-block-size: 48px;\n align-items: center;\n padding-inline: 16px;\n\n @media (min-width: @breakpoint-medium) {\n padding-inline: 24px;\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n@import \"../../../../styles/_variables\";\n@import \"../../../../styles/_mixins\";\n\n@main-header-color: @token-color-grey-8;\n@main-header-link-color: @base-link-color;\n@main-header-link-hover-color: @base-link-hover-color;\n@main-header-link-active-color: @base-link-active-color;\n\n.main-header-navbar {\n text-align: end;\n margin-inline-start: auto;\n\n .top-logo img {\n block-size: 31px;\n }\n}\n\n.main-header-navbar-nav {\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n margin: 0;\n padding: 0;\n list-style: none;\n text-align: start;\n}\n\n.main-header-navbar-nav > li {\n display: inline-block;\n vertical-align: middle;\n margin-block: 0;\n margin-inline: 8px 0;\n line-height: 20px;\n\n .label {\n margin-block: -5px 0;\n margin-inline: 0;\n padding-block: 0;\n padding-inline: 5px;\n vertical-align: top;\n }\n\n > .top-logo {\n margin-inline-start: 24px;\n }\n\n .pul-button .pul-icon img {\n opacity: 0.63;\n }\n\n .pul-button:hover,\n .pul-button:focus,\n .pul-button:active {\n .pul-icon img {\n opacity: 1;\n }\n }\n\n .pul-text--truncate {\n max-inline-size: 240px;\n }\n}\n\n@media (max-width: 1100px) {\n .main-header-navbar-nav > li .pul-text--truncate {\n max-inline-size: 180px;\n }\n}\n\n// Advisor\n.main-header-navbar-nav .main-header-navbar-nav__item.main-header-navbar-nav__item--advisor-1 > a {\n padding-inline-end: 6px;\n}\n\n.main-header-navbar .main-header-navbar-nav .main-header-navbar-nav__item--advisor-1 span.label {\n position: absolute;\n inset-block-start: 8px;\n inset-inline: 19px auto;\n inline-size: 6px;\n block-size: 6px;\n border-radius: 50%;\n padding: 0;\n overflow: hidden;\n text-indent: 20px;\n}\n\n.pul-spot-pulsar {\n z-index: 1033;\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.main-header-search {\n flex: 1;\n padding: 0;\n block-size: 32px;\n max-inline-size: 500px;\n\n &__group {\n position: relative;\n }\n\n &__control {\n .pul-input__prefix,\n .pul-input__suffix {\n block-size: 32px;\n inline-size: 32px;\n }\n\n .pul-input__prefix {\n pointer-events: none;\n }\n\n .pul-input__suffix {\n display: none;\n cursor: pointer;\n }\n\n .pul-input__input:not(:last-child) {\n padding-inline-end: 0;\n }\n\n @media (min-width: 400px) {\n .pul-input__prefix {\n inset-inline-start: 8px;\n }\n\n &.pul-input--affix .pul-input__input:not(:first-child) {\n padding-inline-start: 40px;\n }\n }\n }\n\n &__loader {\n display: block;\n inline-size: 1em;\n block-size: 1em;\n box-sizing: border-box;\n transform: none;\n border: 1px solid #28aade;\n border-block-end-color: #ececec;\n border-radius: 50%;\n pointer-events: none;\n animation: search-loader-spin 0.8s linear infinite;\n }\n\n .pul-input__input {\n block-size: 32px;\n padding-block: 8px;\n line-height: 32px;\n border-radius: 4px;\n background-color: #f5f5f5;\n border-color: #f5f5f5;\n box-shadow: none;\n\n &:not(:last-child):focus {\n padding-inline-end: 32px;\n }\n\n &:focus + .pul-input__suffix {\n display: flex;\n }\n }\n\n @media (max-width: 768px) {\n .search-focused {\n position: absolute;\n z-index: 2;\n inset-inline: 16px;\n }\n }\n}\n\n@keyframes search-loader-spin {\n 0% {\n transform: rotate(0deg);\n }\n\n 100% {\n transform: rotate(359deg);\n }\n}\n\n.main-header-search-result {\n position: absolute;\n inline-size: 100%;\n\n @media (min-width: 768px) {\n min-inline-size: 250px;\n }\n\n &__item,\n &__note {\n padding-inline: 8px;\n\n @media (min-width: 400px) {\n padding-inline: 16px;\n }\n }\n\n &__note {\n padding-block: 8px;\n font-size: 12px;\n }\n\n &__note--empty {\n font-size: 14px;\n color: #222;\n }\n\n &__icon {\n filter: invert(50%);\n }\n\n &__item-remove {\n display: none;\n margin-block: -4px;\n margin-inline-end: -4px;\n vertical-align: top;\n }\n\n &__item:hover &__item-remove {\n display: inline-block;\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.notification-center-heading {\n flex-grow: 1;\n\n &__top {\n display: flex;\n align-items: flex-start;\n }\n\n &__bottom {\n margin-block: 8px 4px;\n }\n\n &__back-button {\n margin-inline-end: 4px;\n }\n\n &__label {\n margin-block: 2px;\n margin-inline: 0 8px;\n }\n\n .pul-popover__heading & + .pul-popover__extra {\n margin-block: 0;\n }\n}\n\n.notification-center-toast {\n overflow: hidden;\n\n &__content {\n display: flex;\n }\n\n &__content-icon {\n flex: none;\n margin-block: 2px 0;\n margin-inline: 0 6px;\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n@import \"../../../../../styles/_variables\";\n\n.notification-center-view__actions {\n margin-block-start: @base-margin-block;\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.page-header-subscription-switcher-menu {\n max-block-size: 80vh;\n overflow-y: auto;\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.disco-mode {\n align-items: baseline;\n\n .pul-overlay__content {\n background-color: transparent !important;\n box-shadow: none !important;\n max-block-size: 100%;\n max-inline-size: 100%;\n flex-basis: 100%;\n block-size: 100%;\n }\n}\n\n[data-theme=\"dark\"] .disco-mode {\n svg {\n filter: invert(1) hue-rotate(180deg);\n }\n}\n\n.disco-mode-showup {\n visibility: hidden;\n animation: showup 0s forwards;\n animation-delay: 1s;\n}\n\n.disco-mode-confetti {\n pointer-events: none;\n}\n\n[data-theme=\"dark\"] .disco-mode-logo {\n filter: invert(1) hue-rotate(180deg);\n}\n\n.disco-mode-logo {\n text-align: center;\n}\n\n.disco-mode-logo > img {\n inline-size: auto;\n block-size: 200px;\n max-inline-size: 100%;\n animation: pulse 3s infinite ease-in-out;\n animation-delay: 1s;\n}\n\n.disco-mode-ball {\n block-size: 180px;\n animation: fallBounce 1s ease-out forwards;\n}\n\n.disco-mode-dancers {\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n block-size: 100%;\n overflow: clip visible;\n}\n\n.disco-mode-dancers > img {\n max-inline-size: 100%;\n inline-size: auto;\n block-size: auto;\n align-self: center;\n object-fit: cover;\n animation: dance 5s steps(10) forwards;\n animation-delay: 1s;\n}\n\n@keyframes fallBounce {\n 0% {\n transform: translateY(-500px);\n }\n\n 60% {\n transform: translateY(0);\n }\n\n 75% {\n transform: translateY(-30px);\n }\n\n 90% {\n transform: translateY(0);\n }\n\n 95% {\n transform: translateY(-10px);\n }\n\n 100% {\n transform: translateY(0);\n }\n}\n\n@keyframes showup {\n to {\n visibility: visible;\n }\n}\n\n@keyframes pulse {\n 0% {\n filter: blur(0);\n }\n\n 50% {\n filter: blur(5px);\n }\n\n 100% {\n filter: blur(0);\n }\n}\n\n@keyframes dance {\n 0% {\n transform: translateX(100%);\n }\n\n 100% {\n transform: translateX(0);\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n@import \"../../../styles/_variables\";\n@import \"../../../styles/_mixins\";\n\n@page-sidebar-menu-item-hover-background: @token-color-primary-5;\n@page-sidebar-menu-item-active-background: @token-color-dark-1;\n@page-sidebar-menu-group-title-background: @token-color-dark-3;\n\n@media (min-width: @breakpoint-medium) {\n .page-sidebar {\n display: flex;\n flex-direction: column;\n block-size: 100vh;\n }\n\n .page-sidebar__content {\n flex: auto;\n min-inline-size: 244px;\n overflow: hidden scroll;\n\n &::-webkit-scrollbar {\n display: none;\n }\n }\n\n .page-sidebar-menu-wrapper {\n inline-size: 224px;\n }\n}\n\n// Brand logo\n.page-sidebar-brand {\n flex: none;\n box-sizing: border-box;\n padding-block: 7px;\n padding-inline: 16px;\n inline-size: 224px;\n\n img {\n flex: none;\n block-size: auto;\n max-inline-size: 100%;\n }\n}\n\n// Page Sidebar Menu\n\n.page-sidebar-menu-wrapper {\n padding-block-end: 16px;\n}\n\n.page-sidebar-menu {\n text-shadow: none;\n line-height: 20px;\n\n &,\n & .sub-menu {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n a {\n display: block;\n padding-block: 8px;\n padding-inline: 16px 8px;\n font-size: 14px;\n line-height: 1.429;\n color: #fff;\n\n > .title {\n opacity: 0.8;\n display: flex;\n align-items: flex-start;\n gap: 4px;\n }\n\n .title-label {\n margin-inline: auto 4px;\n align-self: center;\n }\n\n > [class^=\"icon-\"],\n > [class*=\" icon-\"] {\n opacity: 0.43;\n }\n }\n\n a,\n a:hover {\n color: #fff;\n text-decoration: none;\n }\n\n a:hover,\n a:focus {\n outline: none;\n color: #fff;\n background-color: @page-sidebar-menu-item-hover-background;\n\n > [class^=\"icon-\"],\n > [class*=\" icon-\"],\n > .title {\n opacity: 1;\n }\n }\n\n .page-sidebar-menu-item--disabled:not(.active) a,\n .page-sidebar-menu-item--disabled:not(.active) a:hover,\n .page-sidebar-menu-item--disabled:not(.active) a:focus {\n cursor: default;\n background-color: transparent;\n\n > .title {\n opacity: 0.4;\n }\n\n > [class^=\"icon-\"],\n > [class*=\" icon-\"] {\n opacity: 0.2;\n }\n }\n\n .menu-group-title {\n position: relative;\n display: block;\n inline-size: 100%;\n box-sizing: border-box;\n border: none;\n padding-block: 8px;\n padding-inline: 16px;\n margin: 0;\n text-decoration: none;\n color: #fff;\n font-size: 12px;\n line-height: 1.4;\n cursor: pointer;\n text-align: start;\n appearance: none;\n background-color: @page-sidebar-menu-group-title-background;\n\n &:hover,\n &:focus {\n background-color: @page-sidebar-menu-group-title-background;\n }\n\n &:focus {\n outline: none;\n }\n\n .menu-group-name {\n opacity: 0.6;\n }\n\n &:hover .menu-group-name,\n &:focus .menu-group-name {\n opacity: 1;\n }\n }\n\n .menu-group-toggle {\n position: absolute;\n inset-inline-end: 16px;\n overflow: hidden;\n inline-size: 8px;\n block-size: 16px;\n\n &::before {\n position: absolute;\n inset-block-start: 50%;\n inline-size: 8px;\n block-size: 8px;\n margin-block-start: -4px;\n content: \"\";\n .svg-arrow-8-block-start(@token-color-primary-5);\n\n background-repeat: no-repeat;\n background-size: contain;\n transition: transform 0.25s;\n }\n }\n\n .menu-group-title:hover .menu-group-toggle::before,\n .menu-group-title:focus .menu-group-toggle::before {\n .svg-arrow-8-block-start(#fff);\n }\n\n .menu-group-title[aria-expanded=\"false\"] .menu-group-toggle::before {\n transform: rotate(180deg);\n }\n\n .sub-menu {\n > li {\n overflow: hidden;\n max-block-size: 108px;\n transition: all 0.2s ease-out;\n }\n\n a {\n padding-inline-start: 40px;\n }\n\n .active > a,\n .active > a:hover {\n background: @page-sidebar-menu-item-active-background;\n }\n\n .active > a > [class^=\"icon-\"],\n .active > a > [class*=\" icon-\"],\n .active > a > .title {\n opacity: 1;\n }\n }\n\n .menu-group-title[aria-expanded=\"false\"] + .sub-menu > li {\n box-sizing: border-box;\n max-block-size: 0;\n }\n\n [class^=\"icon-\"],\n [class*=\" icon-\"] {\n float: inline-start;\n inline-size: 16px;\n block-size: 16px;\n margin-block: 2px 0;\n margin-inline: -24px 0;\n background-size: 16px;\n }\n\n @media (min-width: @breakpoint-medium) {\n a {\n padding-block: 8px;\n padding-inline: 16px 8px;\n font-size: 14px;\n }\n\n .sub-menu a {\n padding-inline-start: 40px;\n }\n\n .menu-group-name {\n display: block;\n max-inline-size: 170px;\n }\n\n .sub-menu .title {\n max-inline-size: 172px;\n }\n }\n\n @media (min-width: @breakpoint-medium) {\n .page-sidebar--folded & {\n .sub-menu .title,\n .menu-group-name {\n display: none;\n }\n\n .sub-menu a {\n block-size: 20px;\n }\n\n .menu-group-title {\n block-size: 16px;\n padding-inline-start: 20px;\n }\n\n .menu-group-toggle {\n position: static;\n }\n }\n }\n}\n\n.icon-nav {\n fill: currentcolor;\n\n &-home {\n .icon-small(\"nav-home.svg\");\n }\n\n &-clients {\n .icon-small(\"nav-clients.svg\");\n }\n\n &-resellers {\n .icon-small(\"nav-resellers.svg\");\n }\n\n &-domains {\n .icon-small(\"nav-domains.svg\");\n }\n\n &-subscriptions {\n .icon-small(\"nav-subscriptions.svg\");\n }\n\n &-service-plans {\n .icon-small(\"nav-service-plans.svg\");\n }\n\n &-tools {\n .icon-small(\"nav-tools.svg\");\n }\n\n &-wordpress-toolkit {\n .icon-small(\"nav-wordpress-toolkit.svg\");\n }\n\n &-health {\n .icon-small(\"nav-health.svg\");\n }\n\n &-modules {\n .icon-small(\"nav-modules.svg\");\n }\n\n &-profile {\n .icon-small(\"nav-profile.svg\");\n }\n\n &-credentials-info {\n .icon-small(\"nav-credentials-info.svg\");\n }\n\n &-mail {\n .icon-small(\"nav-mail.svg\");\n }\n\n &-applications {\n .icon-small(\"nav-applications.svg\");\n }\n\n &-files {\n .icon-small(\"nav-files.svg\");\n }\n\n &-sharing {\n .icon-small(\"nav-sharing.svg\");\n }\n\n &-statistics {\n .icon-small(\"nav-statistic.svg\");\n }\n\n &-custom {\n .icon-small(\"nav-custom.svg\");\n }\n\n &-database {\n .icon-small(\"nav-database.svg\");\n }\n\n &-docker {\n .icon-small(\"nav-docker.svg\");\n }\n\n &-navigation {\n .icon-small(\"nav-navigation.svg\");\n }\n\n &-interface-pref {\n .icon-small(\"nav-interface-pref.svg\");\n }\n\n &-service-node {\n .icon-small(\"nav-service-node.svg\");\n }\n}\n\n// Page Sidebar Footer\n\n.page-sidebar-footer-wrapper {\n position: sticky; // stylelint-disable-line plugin/no-unsupported-browser-features\n inset-block-end: 0;\n background-color: @token-color-dark-2;\n\n @media (min-width: @breakpoint-medium) {\n inline-size: 224px;\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n@import \"../../../styles/_variables\";\n\n.page-content-header {\n &__title {\n word-break: break-all;\n overflow-wrap: break-word;\n }\n\n @supports (word-break: break-word) {\n &__title {\n word-break: break-word;\n }\n }\n\n .pul-page-header__title-right-addon {\n flex: auto;\n }\n\n &__action {\n align-self: flex-start;\n margin-block-start: 10px;\n margin-inline-start: auto;\n }\n\n .tabs {\n margin-block-end: 0;\n padding-block-end: 8px;\n }\n}\n\n@media (min-width: @breakpoint-medium) {\n .page-content-header {\n .tabs {\n padding-block-end: 0;\n }\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n@import \"../../../styles/_variables\";\n\n.page-footer {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n align-items: baseline;\n padding-block: 8px 0;\n padding-inline: 16px;\n text-align: center;\n font-size: 12px;\n line-height: 16px;\n\n @media (min-width: @breakpoint-medium) {\n padding-inline: 24px;\n }\n\n a,\n .s-btn {\n vertical-align: top;\n\n &,\n &:visited {\n color: @base-link-color;\n text-decoration: @base-link-text-decoration;\n }\n\n &:hover,\n &:focus {\n color: @base-link-hover-color;\n text-decoration: @base-link-hover-text-decoration;\n }\n\n &:hover,\n &:active {\n color: @base-link-active-color;\n }\n }\n\n .social-actions::before,\n .feedback-actions::before {\n float: inline-start;\n margin-block: 0;\n margin-inline: 8px;\n content: \"\";\n inline-size: 1px;\n block-size: 16px;\n background-color: #dedede;\n }\n\n .social-actions,\n .feedback-actions,\n .twitter-follow-button,\n .fb-link {\n display: inline-block;\n vertical-align: top;\n }\n\n > a,\n .social-actions,\n .feedback-actions {\n margin-block-end: 8px;\n }\n\n .social-actions {\n a {\n display: inline-flex;\n align-items: center;\n padding: 0;\n line-height: 16px;\n font-size: 12px;\n color: @base-link-color;\n\n &:hover {\n color: @base-link-hover-color;\n }\n\n &:active {\n color: @base-link-active-color;\n }\n }\n\n .icon {\n order: 1;\n float: inline-start;\n vertical-align: top;\n margin-block: 0;\n margin-inline: 4px 0;\n padding: 2px;\n inline-size: 12px;\n block-size: 12px;\n fill: #fff;\n border-radius: 2px;\n }\n }\n\n .twitter-follow-button .icon {\n background-color: #000;\n }\n\n .fb-link .icon {\n background-color: #3b5998;\n }\n\n .feedback-actions .s-btn {\n margin: 0;\n padding: 0;\n font-size: 12px;\n\n [class*=\" icon-\"],\n [class^=\"icon-\"],\n .icon,\n &::before,\n &::after {\n display: none;\n }\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n@import \"../../../styles/_variables\";\n\n@view-switcher-hover-background: @token-color-primary-5;\n\n.view-switcher {\n position: relative;\n box-sizing: border-box;\n margin-block-start: 0;\n min-block-size: 36px;\n box-shadow: 0 -4px 8px 4px @token-color-dark-2;\n\n &:hover,\n &:focus-within {\n background-color: @view-switcher-hover-background;\n\n .view-switcher__button-icon,\n .view-switcher__button-text {\n opacity: 1;\n }\n }\n}\n\n.view-switcher__button {\n display: block;\n inline-size: 100%;\n box-sizing: border-box;\n border: none;\n padding-block: 8px;\n padding-inline: 40px 34px;\n margin: 0;\n text-decoration: none;\n font-size: 14px;\n line-height: 1.429;\n color: #fff;\n cursor: pointer;\n text-align: start;\n appearance: none;\n background-color: transparent;\n\n .view-switcher__button-icon {\n float: inline-start;\n margin-block-start: 2px;\n margin-inline-start: -24px;\n opacity: 0.43;\n }\n}\n\n.view-switcher__button-text {\n opacity: 0.8;\n}\n\n.view-switcher__button:hover,\n.view-switcher__button:focus {\n outline: none;\n\n .view-switcher__button-icon,\n .view-switcher__button-text {\n opacity: 1;\n }\n}\n\n.view-switcher__close {\n position: absolute;\n inset-block-start: 0;\n inset-inline-end: 0;\n line-height: 16px;\n inline-size: 16px;\n margin-block: 10px 0;\n margin-inline: 0 16px;\n color: @token-color-primary-2;\n text-align: center;\n cursor: pointer;\n box-sizing: border-box;\n border: none;\n padding: 0;\n text-decoration: none;\n font-size: 14px;\n appearance: none;\n background-color: transparent;\n\n &::before {\n content: \"\\2715\";\n font-weight: 400;\n font-size: 12px;\n }\n\n &:focus {\n outline: none;\n color: #fff;\n opacity: 1;\n }\n\n .view-switcher:hover & {\n color: #fff;\n }\n}\n\n@media (min-width: @breakpoint-medium) {\n .page-sidebar--folded .view-switcher {\n inline-size: 48px;\n\n &__button {\n block-size: 20px;\n }\n\n &__button-text {\n display: none;\n }\n\n .view-switcher__close {\n margin: 0;\n }\n\n .view-switcher__close::before {\n font-size: 10px;\n }\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n@import \"../../../styles/_variables\";\n\n@media (min-width: @breakpoint-medium) {\n .page-content-header-nav--sticky .page-content-header-nav__tabs {\n position: fixed;\n z-index: 200;\n inset-block-start: 50px;\n inset-inline: 224px 0;\n margin: 0;\n padding-block: 0;\n padding-inline: 24px;\n background-color: @base-body-background;\n box-shadow: 0 20px 10px -10px @base-body-background;\n transition: inset-inline-start 0.3s ease-in-out;\n\n .pul-layout--sidebar-folded & {\n inset-inline-start: 48px;\n }\n\n .page-header-hidden & {\n inset-block-start: 0;\n }\n }\n}\n\n@media (min-width: @breakpoint-medium) and (max-width: 1022px) {\n .pul-layout--sidebar-type-folded\n .page-content-header-nav--sticky\n .page-content-header-nav__tabs {\n inset-inline-start: 48px;\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.side-panel {\n font-size: 12px;\n\n &__item,\n .pul-panel__content > p {\n margin-block-end: 12px;\n }\n\n .pul-panel__content > hr {\n margin-block: 12px;\n margin-inline: -16px;\n }\n\n .pul-panel__content > :last-child {\n margin-block-end: 0;\n }\n\n .pul-panel__content > .pul-alert {\n margin-block: 0 12px;\n margin-inline: -16px;\n }\n\n .pul-alert .pul-button {\n padding-inline: 12px;\n }\n\n .pul-action:not(.pul-action--icon):not(.pul-status--compact):not(\n .pul-status--flip\n ).pul-action--size-16\n > .pul-action__content\n > .pul-action__icon {\n margin-block-start: 0;\n }\n\n .pul-panel__content > .pul-item-list {\n .pul-media {\n align-items: center;\n }\n\n .pul-media:not(.pul-media--vertical) .pul-media__figure {\n align-self: flex-start;\n }\n\n &--hoverable:not(.pul-item-list--cards) {\n margin-inline: -16px;\n }\n\n &--hoverable .pul-item-list__item {\n padding-inline: 16px;\n }\n }\n}\n\n.side-panel__stat {\n margin-block-end: 12px;\n\n .pul-progress-bar {\n margin-block: 4px;\n }\n}\n\n.side-panel-popover {\n &__item,\n .pul-popover__content-inner > p {\n margin-block-end: 12px;\n }\n\n .pul-popover__content-inner > :last-child {\n margin-block-end: 0;\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.rss-feed-list {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n.rss-feed-item {\n margin-block-end: 12px;\n\n > :last-child {\n margin-block-end: 0;\n }\n}\n\n.rss-feed-nav {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n@import \"../../../styles/_variables\";\n\n.login-mobile-application-promotion {\n margin: 0;\n padding: 24px;\n\n @media (min-width: @breakpoint-small) {\n padding-block: 24px;\n padding-inline: 36px;\n }\n\n &__icon {\n border: 1px solid #ddd;\n background-color: #fff;\n }\n\n &__button {\n margin-block-start: 8px;\n margin-inline-end: 8px;\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n@import \"../../../styles/_variables\";\n\n.login-ssl-warnings {\n margin: 0;\n padding: 24px;\n\n @media (min-width: @breakpoint-small) {\n padding-block: 24px;\n padding-inline: 36px;\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.manage-php-extensions .pul-progress-step__body {\n min-inline-size: 0;\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n@import \"../../../../../../../../../node_modules/react-vis/dist/style.css\";\n\n.chart-hint {\n background-color: #222;\n border-radius: 2px;\n padding-block: 4px;\n padding-inline: 8px;\n opacity: 0.8;\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.problem-details-solution__heading {\n display: flex;\n align-items: center;\n gap: 8px;\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.dns-spf-radiobutton {\n .pul-form-field-radio-buttons__radio:first-child {\n .pul-form-field-radio-buttons__content {\n display: flex;\n align-items: center;\n gap: 4px;\n }\n }\n\n .pul-form-field-radio-buttons__radio:last-child {\n display: flex;\n\n .pul-form-field-radio-buttons__content {\n padding-inline-start: 7px;\n }\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.plesk-about {\n &.flip-container {\n margin-block-end: 16px;\n perspective: 1000px;\n\n .about-image {\n position: relative;\n display: inline-block;\n margin: 0;\n }\n }\n\n &.flip-container.flipped .flipper {\n transform: rotateY(180deg);\n }\n\n &.flip-container,\n .front,\n .back {\n inline-size: 100%;\n block-size: 220px;\n max-inline-size: 673px;\n }\n\n .flipper {\n transition: 0.6s;\n transform-style: preserve-3d;\n position: relative;\n }\n\n .front,\n .back {\n backface-visibility: hidden;\n position: absolute;\n inset-block-start: 0;\n inset-inline-start: 0;\n }\n\n .back {\n transform: rotateY(180deg);\n }\n\n .about-image > img {\n inline-size: auto;\n block-size: 220px;\n max-inline-size: 100%;\n object-fit: cover;\n border-radius: 4px;\n }\n\n .back .about-image > img {\n box-shadow: 0 1px 0 2px #4cccff;\n }\n\n .about-image > img.vzhuh {\n block-size: 200px;\n inline-size: 200px;\n }\n\n .vzhuh {\n position: absolute;\n inset-inline-start: 50%;\n inset-block-start: 8px;\n margin-inline-start: -92px;\n will-change: transform, opacity;\n animation: vzhuhZoomIn 1s ease-in-out;\n filter: drop-shadow(5px 8px 5px #222);\n cursor: pointer;\n\n html[data-theme=\"dark\"] & {\n display: none;\n }\n }\n}\n\n@keyframes vzhuhZoomIn {\n 0% {\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n opacity: 0;\n transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);\n }\n\n 60% {\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n opacity: 1;\n transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);\n }\n}\n\n.about-image__footprints {\n position: absolute;\n inset-block-start: 0;\n inset-inline-start: 50%;\n display: flex;\n justify-content: center;\n block-size: 170px;\n min-inline-size: 170px;\n transform: translate(-50%, 25px);\n border-radius: 50%;\n cursor: help;\n\n html[data-theme=\"dark\"] & {\n display: none;\n }\n\n .footprint {\n opacity: 0;\n animation: 4.2s footprint-walk 4s steps(2, end) infinite;\n inline-size: 16px;\n block-size: 16px;\n background-size: 16px;\n background-repeat: no-repeat;\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23737373' d='M205.1 153c31.6 11.6 69.4-12.6 84.6-54.1 15.2-41.5 2-84.5-29.6-96-31.6-11.6-69.4 12.7-84.6 54.2-15.2 41.5-2 84.4 29.6 96zM85.3 219.2c33-2.8 56.7-40.3 53-83.7C134.4 92 104.6 59.2 71.6 62c-33 2.8-56.7 40.3-53 83.7 3.8 43.4 33.6 76.3 66.6 73.4zM342.2 217.8c29 17 70.5-.1 93-38.2 22.3-38 17-82.7-12-99.8-29-17-70.6.1-93 38.2-22.3 38.1-17 82.8 12 99.8zM497.3 263c-18.8-27.4-63.1-29.5-99-4.8s-49.8 66.8-31 94.1c18.8 27.3 63 29.4 99 4.7 35.8-24.7 49.7-66.8 31-94zM304.5 268a76.7 76.7 0 0 0-43-58.8 76.7 76.7 0 0 0-72.8 4.2c-23.6 14.4-38.8 33.1-59.1 41.3-20.4 8.2-77.4-16.2-113 48.3-25 45.5-2 103.1 45 125.3 35.8 16.9 64 15 84.8 24.8 20.8 9.8 37.3 32.8 73 49.7 47 22.1 106.1 3.3 125.4-45 27.2-68.4-28-97-34.6-117.9-6.6-20.9-1.7-44.5-5.7-71.8z' /%3E%3C/svg%3E\");\n\n &--1 {\n transform: translate(20px, 25px);\n animation-delay: 2s;\n }\n\n &--2 {\n transform: translate(30px, 45px);\n animation-delay: 1.5s;\n }\n\n &--3 {\n transform: translate(-30px, 125px);\n animation-delay: 0.5s;\n }\n\n &--4 {\n transform: translate(-10px, 105px);\n animation-delay: 1s;\n }\n }\n}\n\n@keyframes footprint-walk {\n to {\n opacity: 1;\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.mass-mail-form-block-hidden {\n display: none !important;\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.server-mail-settings-form-field-complex,\n.server-mail-settings-form-field-multi .pul-form-field__multi {\n display: flex;\n align-items: center;\n gap: 4px;\n}\n\n.server-mail-settings-form-field-complex {\n flex-wrap: wrap;\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.server-mail-spam-filter-form-field-complex {\n display: flex;\n align-items: center;\n gap: 8px;\n flex-wrap: wrap;\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.skeleton-wrapper-enter {\n opacity: 0;\n}\n\n.skeleton-wrapper-enter-active {\n opacity: 1;\n transition:\n opacity 500ms,\n transform 500ms;\n}\n\n.skeleton-wrapper-exit-active {\n display: none;\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.home-panel {\n &__title {\n font-weight: 400;\n }\n\n .form-table {\n margin-block: -4px;\n margin-inline: 0;\n }\n\n .form-box:last-child,\n .form-table:last-child {\n margin-block-end: 0;\n }\n\n .form-table .field-name {\n inline-size: auto;\n\n @media (min-width: 1270px) {\n inline-size: 200px;\n }\n }\n\n .form-table > tbody > tr > td {\n padding-block: 6px;\n }\n\n .pul-section {\n margin-block-end: 8px;\n }\n\n @media (max-width: 1270px) {\n .form-table,\n .form-table > tbody,\n .form-row {\n display: block;\n }\n\n .form-table {\n margin-block: 6px;\n }\n\n .form-table > tbody > tr > td {\n display: inline-block;\n min-block-size: auto;\n padding-block: 0;\n }\n\n .form-row > .field-name {\n display: block;\n flex-basis: 100%;\n font-size: inherit;\n }\n\n .form-row > td:nth-child(2) {\n text-align: start;\n inline-size: auto;\n }\n }\n}\n",".home-panel__title {\n font-weight: 400;\n}\n.home-panel .form-table {\n margin-block: -4px;\n margin-inline: 0;\n}\n.home-panel .form-box:last-child,\n.home-panel .form-table:last-child {\n margin-block-end: 0;\n}\n.home-panel .form-table .field-name {\n inline-size: auto;\n}\n@media (min-width: 1270px) {\n .home-panel .form-table .field-name {\n inline-size: 200px;\n }\n}\n.home-panel .form-table > tbody > tr > td {\n padding-block: 6px;\n}\n.home-panel .pul-section {\n margin-block-end: 8px;\n}\n@media (max-width: 1270px) {\n .home-panel .form-table,\n .home-panel .form-table > tbody,\n .home-panel .form-row {\n display: block;\n }\n .home-panel .form-table {\n margin-block: 6px;\n }\n .home-panel .form-table > tbody > tr > td {\n display: inline-block;\n min-block-size: auto;\n padding-block: 0;\n }\n .home-panel .form-row > .field-name {\n display: block;\n flex-basis: 100%;\n font-size: inherit;\n }\n .home-panel .form-row > td:nth-child(2) {\n text-align: start;\n inline-size: auto;\n }\n}\n.admin-server-tools__sections {\n padding-block-start: 8px;\n}\n.admin-server-tools__section-title {\n display: block;\n padding-block-end: 3px;\n font-weight: 700;\n}\n.admin-server-tools__section-content {\n margin: 0;\n padding: 0;\n list-style: none;\n font-size: 14px;\n}\n.admin-server-tools__section-item {\n padding-block: 0 0.5em;\n padding-inline: 1em 0;\n}\n.admin-server-tools__section-item::before {\n content: \"\\2022\";\n display: inline-block;\n inline-size: 1em;\n margin-inline-start: -1em;\n color: #666;\n}\n.admin-services-list {\n max-inline-size: 700px;\n}\n.admin-services-list__state {\n white-space: nowrap;\n padding-inline: 20px;\n inline-size: 120px;\n box-sizing: border-box;\n}\n.admin-services-list__actions {\n text-align: inherit;\n inline-size: 0;\n}\n.smb-statistics-details-panel {\n margin-block-end: 0;\n min-block-size: 100%;\n}\n.smb-statistics-details-gauge__row {\n display: flex;\n justify-content: space-between;\n gap: 8px;\n padding-block-end: 4px;\n}\n.smb-statistics-details-gauge__progress {\n margin-block: 4px 8px;\n}\n.pie-chart-block .pie-chart-title {\n padding-block-end: 16px;\n}\n.pie-chart-block .chart-legend {\n margin: 0;\n padding: 0;\n list-style: none;\n display: flex;\n flex-direction: column;\n}\n.pie-chart-block .chart-legend li {\n box-sizing: border-box;\n display: inline-block;\n min-inline-size: 100px;\n padding-block: 4px;\n padding-inline: 16px;\n}\n.pie-chart-block .chart-legend li em {\n float: inline-start;\n inline-size: 8px;\n block-size: 8px;\n margin-block: 4px 0;\n margin-inline: -16px 0;\n border: 1px solid transparent;\n font-size: 1px;\n}\n@media (min-width: 480px) {\n .pie-chart-block .pie-chart {\n float: inline-start;\n display: flex;\n gap: 16px;\n }\n}\n.php-support {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: 6px;\n}\n.smb-web-view-dynamic-list-item-summary {\n margin-block-start: 16px;\n padding-block-start: 4px;\n border-block-start: 1px solid #dedede;\n font-size: 12px;\n}\n.smb-web-view-dynamic-list-item-summary__list {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n}\n.smb-web-view-dynamic-list-item-summary__item {\n margin-block: 4px 0;\n margin-inline: 0 20px;\n word-wrap: break-word;\n overflow-wrap: break-word;\n word-break: break-all;\n}\n.smb-web-view-dynamic-list-item-summary__item--aside {\n margin-inline: auto 0;\n}\n.smb-web-view-dynamic-list-item-summary__item-static-link {\n word-break: break-word;\n}\n.smb-web-view-dynamic-list-item-summary__description {\n margin-block-start: 8px;\n}\n.smb-web-view-dynamic-list-item-summary__description-item {\n margin-block-start: 4px;\n}\n.smb-web-view-dynamic-list-item-summary__description-item-text {\n margin-inline-end: 12px;\n}\n.smb-web-view-screenshot-loader {\n position: relative;\n padding-block-end: calc(75% - 2px);\n background-color: #fff;\n}\n.smb-web-view-screenshot {\n position: absolute;\n inset-block: 0;\n display: flex;\n align-items: center;\n border: none;\n}\n.smb-web-view-tab-badge {\n min-block-size: 10px !important;\n min-inline-size: 10px !important;\n}\n.smb-web-view-alias-service-title {\n vertical-align: middle;\n margin-inline: 5px;\n user-select: none;\n cursor: pointer;\n}\n.welcome-panel-with-promo {\n container-type: inline-size;\n container-name: welcome-panel;\n}\n.welcome-panel__heading {\n display: flex;\n align-items: flex-start;\n gap: 8px;\n margin-block-end: 20px;\n}\n.welcome-panel__heading-text {\n flex: 1;\n font-size: 20px;\n line-height: 26px;\n}\n.welcome-panel__body {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n align-items: flex-start;\n}\n.welcome-panel__body--get-started {\n flex-direction: column;\n}\n.welcome-panel__banner {\n flex: none;\n inline-size: 780px;\n max-inline-size: 100%;\n box-sizing: border-box;\n padding: 16px;\n border-radius: 8px;\n background-color: #f5f3f8;\n border: 1px solid rgba(0, 0, 0, 0.05);\n container-type: inline-size;\n container-name: welcome-panel-media;\n}\n.welcome-panel__banner-promo-text {\n margin-block: 8px 20px;\n}\n.welcome-panel__banner-promo-text--get-started-tab {\n max-inline-size: 65%;\n}\n.welcome-panel__banner .pul-media {\n flex-direction: column;\n gap: 16px;\n}\n.welcome-panel__banner-image {\n position: relative;\n}\n.welcome-panel__banner-icon {\n position: absolute;\n inset-inline-end: 0;\n margin-block-start: -8px;\n margin-inline-end: -12px;\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.25);\n box-sizing: content-box;\n border: 1px solid hsl(0, 0%, 80%);\n padding: 8px;\n color: #737373;\n border-radius: 6px;\n background: hsl(0, 0%, 100%);\n}\n.welcome-panel__banner-ai-icon {\n vertical-align: -7px;\n margin-inline-end: 4px;\n}\n.welcome-panel__banner-actions {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n}\n@container welcome-panel (max-width: 830px) {\n .welcome-panel__body {\n flex-direction: column;\n }\n}\n@container welcome-panel-media (min-width: 400px) {\n .welcome-panel__banner .pul-media {\n flex-direction: row;\n }\n}\n.smb-web-view-overview__action {\n align-self: flex-start;\n margin-block-start: 10px;\n}\n.smb-web-view-overview__action > .pul-list-actions__menu {\n margin-inline-start: 0;\n}\n.smb-web-view-overview__action.pul-dropdown--opened > .pul-button,\n.smb-web-view-overview__action .pul-dropdown--opened > .pul-button {\n background-color: rgba(34, 34, 34, 0.09);\n}\n.smb-web-view-dynamic-list-action-list {\n margin-block-end: 8px;\n}\n.smb-web-view-dynamic-list-action-list .pul-action {\n margin-block: 0 8px;\n margin-inline: 0 16px;\n}\n.smb-web-view-dynamic-list-item-name {\n position: relative;\n display: flex;\n gap: 8px;\n padding-inline-end: 24px;\n word-break: break-all;\n overflow-wrap: break-word;\n}\n@supports (word-break: break-word) {\n .smb-web-view-dynamic-list-item-name {\n word-break: break-word;\n }\n}\n.smb-web-view-dynamic-list-item-title {\n word-break: break-all;\n margin-inline-end: 4px;\n}\n.smb-web-view-dynamic-list-item-description {\n word-break: break-word;\n display: inline-block;\n margin-inline-end: 4px;\n}\n.smb-web-view-dynamic-list-item-favicon {\n margin-block-start: 2px;\n flex-shrink: 0;\n color: #737373;\n}\n.smb-web-view-dynamic-list-item-title-actions {\n position: absolute;\n display: inline-block;\n white-space: nowrap;\n margin-block-start: -1px;\n}\n.smb-web-view-dynamic-list-item-title-actions__action {\n padding-inline: 4px;\n opacity: 0;\n transition: opacity 0.15s;\n}\n.pul-list tr:hover .smb-web-view-dynamic-list-item-title-actions__action,\n.smb-web-view-dynamic-list-item-title-actions__action:focus {\n opacity: 1;\n}\n.smb-web-view-dynamic-list-item-title-actions__action:focus:not(:focus-visible) {\n opacity: 0;\n}\n.smb-web-view-dynamic-list-item-title-actions__action:focus-visible {\n opacity: 1;\n}\n.smb-web-view-dynamic-list-card {\n border-radius: 2px;\n border: 1px solid #ececec;\n}\n.smb-web-view-dynamic-list-actions {\n max-inline-size: 780px;\n}\n.smb-web-view-dynamic-list-actions .pul-section:last-child {\n margin-block-end: 0;\n}\n.smb-web-view-dynamic-list-actions__item .pul-media {\n align-items: center;\n}\n.smb-web-view-dynamic-list-actions__item .pul-media__figure {\n align-self: start;\n}\n.smb-web-view-dynamic-list-actions__item :is(.state-error, .state-warning) {\n display: inline-block;\n padding-inline: 4px;\n font-size: 12px;\n font-weight: 600;\n line-height: 16px;\n border-radius: 2px;\n}\n.smb-web-view-dynamic-list-actions__item .state-error {\n color: #b30122;\n background-color: #fff0f1;\n}\n.smb-web-view-dynamic-list-actions__item .state-warning {\n color: #930;\n background-color: #fceed7;\n}\n.smb-web-view-dynamic-list-actions__item-icon {\n box-sizing: content-box;\n border: 1px solid hsl(0, 0%, 80%);\n padding: 8px;\n color: #737373;\n border-radius: 6px;\n background: hsl(0, 0%, 100%);\n}\n.smb-web-view-dynamic-list-actions__item:hover .smb-web-view-dynamic-list-actions__item-icon {\n border-color: hsl(200, 100%, 70%);\n}\n.smb-web-view-dynamic-list-no-preview-block {\n text-align: center;\n padding-block: 16px;\n}\n.smb-web-view-dynamic-list-sidepane {\n display: grid;\n gap: 8px;\n}\n.smb-web-view-screenshot-loader .smb-web-view-dynamic-list-preview-button:not(.pul-button--disabled) {\n color: #4cccff;\n}\n.smb-web-view-screenshot-loader .smb-web-view-dynamic-list-preview-button:not(.pul-button--disabled) .pul-button__icon:not(.pul-icon--intent) {\n color: #f5f5f5;\n}\n.smb-web-view-screenshot-loader .smb-web-view-dynamic-list-preview-button:not(.pul-button--disabled):hover {\n background: #ffffff10;\n}\n.smb-web-view-screenshot-loader .smb-web-view-dynamic-list-preview-button:not(.pul-button--disabled):hover .pul-button__icon:not(.pul-icon--intent) {\n color: #f5f5f5;\n}\n[data-theme=\"dark\"] .smb-web-view-dynamic-list-actions .pul-media__figure,\n[data-theme=\"dark\"] .smb-web-view-dynamic-list-actions__item:hover .pul-media__figure {\n color: #737373;\n}\n[data-theme=\"dark\"] .smb-web-view-dynamic-list-actions__item-icon {\n background-color: hsl(202, 5%, 80%);\n border-color: hsl(202, 5%, 70%);\n}\n[data-theme=\"dark\"] .smb-web-view-dynamic-list-actions__item-icon--colored > svg {\n filter: invert(1) hue-rotate(180deg) !important;\n}\n.account-resources__progress-bar {\n margin-block: 4px;\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.admin-server-tools {\n &__sections {\n padding-block-start: 8px;\n }\n\n &__section-title {\n display: block;\n padding-block-end: 3px;\n font-weight: 700;\n }\n\n &__section-content {\n margin: 0;\n padding: 0;\n list-style: none;\n font-size: 14px;\n }\n\n &__section-item {\n padding-block: 0 0.5em;\n padding-inline: 1em 0;\n\n &::before {\n content: \"\\2022\";\n display: inline-block;\n inline-size: 1em;\n margin-inline-start: -1em;\n color: #666;\n }\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.admin-services-list {\n max-inline-size: 700px;\n\n &__state {\n white-space: nowrap;\n padding-inline: 20px;\n inline-size: 120px;\n box-sizing: border-box;\n }\n\n &__actions {\n text-align: inherit;\n inline-size: 0;\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.smb-statistics-details-panel {\n margin-block-end: 0;\n min-block-size: 100%;\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.smb-statistics-details-gauge {\n &__row {\n display: flex;\n justify-content: space-between;\n gap: 8px;\n padding-block-end: 4px;\n }\n\n &__progress {\n margin-block: 4px 8px;\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.pie-chart-block {\n .pie-chart-title {\n padding-block-end: 16px;\n }\n\n .chart-legend {\n margin: 0;\n padding: 0;\n list-style: none;\n display: flex;\n flex-direction: column;\n\n li {\n box-sizing: border-box;\n display: inline-block;\n min-inline-size: 100px;\n padding-block: 4px;\n padding-inline: 16px;\n }\n\n li em {\n float: inline-start;\n inline-size: 8px;\n block-size: 8px;\n margin-block: 4px 0;\n margin-inline: -16px 0;\n border: 1px solid transparent;\n font-size: 1px;\n }\n }\n\n @media (min-width: 480px) {\n .pie-chart {\n float: inline-start;\n display: flex;\n gap: 16px;\n }\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.php-support {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: 6px;\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.smb-web-view-dynamic-list-item-summary {\n margin-block-start: 16px;\n padding-block-start: 4px;\n border-block-start: 1px solid #dedede;\n font-size: 12px;\n\n &__list {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n }\n\n &__item {\n margin-block: 4px 0;\n margin-inline: 0 20px;\n word-wrap: break-word;\n overflow-wrap: break-word;\n word-break: break-all;\n\n &--aside {\n margin-inline: auto 0;\n }\n }\n\n &__item-static-link {\n word-break: break-word;\n }\n\n &__description {\n margin-block-start: 8px;\n }\n\n &__description-item {\n margin-block-start: 4px;\n }\n\n &__description-item-text {\n margin-inline-end: 12px;\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.smb-web-view-screenshot-loader {\n position: relative;\n padding-block-end: calc(75% - 2px);\n background-color: #fff;\n}\n\n.smb-web-view-screenshot {\n position: absolute;\n inset-block: 0;\n display: flex;\n align-items: center;\n border: none;\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.smb-web-view-tab-badge {\n min-block-size: 10px !important;\n min-inline-size: 10px !important;\n}\n\n.smb-web-view-alias-service-title {\n vertical-align: middle;\n margin-inline: 5px;\n user-select: none;\n cursor: pointer;\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.welcome-panel {\n &-with-promo {\n container-type: inline-size;\n container-name: welcome-panel;\n }\n\n &__heading {\n display: flex;\n align-items: flex-start;\n gap: 8px;\n margin-block-end: 20px;\n }\n\n &__heading-text {\n flex: 1;\n font-size: 20px;\n line-height: 26px;\n }\n\n &__body {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n align-items: flex-start;\n\n &--get-started {\n flex-direction: column;\n }\n }\n\n &__banner {\n flex: none;\n inline-size: 780px;\n max-inline-size: 100%;\n box-sizing: border-box;\n padding: 16px;\n border-radius: 8px;\n background-color: #f5f3f8;\n border: 1px solid rgb(0 0 0 / 0.05);\n container-type: inline-size;\n container-name: welcome-panel-media;\n }\n\n &__banner-promo-text {\n margin-block: 8px 20px;\n\n &--get-started-tab {\n max-inline-size: 65%;\n }\n }\n\n &__banner .pul-media {\n flex-direction: column;\n gap: 16px;\n }\n\n &__banner-image {\n position: relative;\n }\n\n &__banner-icon {\n position: absolute;\n inset-inline-end: 0;\n margin-block-start: -8px;\n margin-inline-end: -12px;\n box-shadow: 0 4px 8px 0 rgb(0 0 0 / 0.25);\n box-sizing: content-box;\n border: 1px solid hsl(0 0% 80%);\n padding: 8px;\n color: #737373;\n border-radius: 6px;\n background: hsl(0 0% 100%);\n }\n\n &__banner-ai-icon {\n vertical-align: -7px;\n margin-inline-end: 4px;\n }\n\n &__banner-actions {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n}\n\n@container welcome-panel (max-width: 830px) {\n .welcome-panel__body {\n flex-direction: column;\n }\n}\n\n@container welcome-panel-media (min-width: 400px) {\n .welcome-panel__banner .pul-media {\n flex-direction: row;\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.smb-web-view-overview__action {\n align-self: flex-start;\n margin-block-start: 10px;\n\n > .pul-list-actions__menu {\n margin-inline-start: 0;\n }\n\n &.pul-dropdown--opened > .pul-button,\n .pul-dropdown--opened > .pul-button {\n background-color: rgb(34 34 34 / 0.09);\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.smb-web-view-dynamic-list-action-list {\n margin-block-end: 8px;\n\n .pul-action {\n margin-block: 0 8px;\n margin-inline: 0 16px;\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n@import \"../../../../styles/_variables\";\n\n.smb-web-view-dynamic-list-item-name {\n position: relative;\n display: flex;\n gap: 8px;\n padding-inline-end: 24px;\n word-break: break-all;\n overflow-wrap: break-word;\n\n @supports (word-break: break-word) {\n word-break: break-word;\n }\n}\n\n.smb-web-view-dynamic-list-item-title {\n word-break: break-all;\n margin-inline-end: 4px;\n}\n\n.smb-web-view-dynamic-list-item-description {\n word-break: break-word;\n display: inline-block;\n margin-inline-end: 4px;\n}\n\n.smb-web-view-dynamic-list-item-favicon {\n margin-block-start: 2px;\n flex-shrink: 0;\n color: @text-muted-color;\n}\n\n.smb-web-view-dynamic-list-item-title-actions {\n position: absolute;\n display: inline-block;\n white-space: nowrap;\n margin-block-start: -1px;\n\n &__action {\n padding-inline: 4px;\n opacity: 0;\n transition: opacity 0.15s;\n\n .pul-list tr:hover &,\n &:focus {\n opacity: 1;\n }\n\n &:focus:not(:focus-visible) {\n opacity: 0;\n }\n\n &:focus-visible {\n opacity: 1;\n }\n }\n}\n\n.smb-web-view-dynamic-list-card {\n border-radius: 2px;\n border: 1px solid @token-color-grey-3;\n}\n\n.smb-web-view-dynamic-list-actions {\n max-inline-size: 780px;\n\n .pul-section:last-child {\n margin-block-end: 0;\n }\n\n &__item {\n .pul-media {\n align-items: center;\n }\n\n .pul-media__figure {\n align-self: start;\n }\n\n :is(.state-error, .state-warning) {\n display: inline-block;\n padding-inline: 4px;\n font-size: 12px;\n font-weight: 600;\n line-height: 16px;\n border-radius: 2px;\n }\n\n .state-error {\n color: #b30122;\n background-color: #fff0f1;\n }\n\n .state-warning {\n color: #930;\n background-color: #fceed7;\n }\n }\n\n &__item-icon {\n box-sizing: content-box;\n border: 1px solid hsl(0 0% 80%);\n padding: 8px;\n color: #737373;\n border-radius: 6px;\n background: hsl(0 0% 100%);\n }\n\n &__item:hover &__item-icon {\n border-color: hsl(200 100% 70%);\n }\n}\n\n.smb-web-view-dynamic-list-no-preview-block {\n text-align: center;\n padding-block: 16px;\n}\n\n.smb-web-view-dynamic-list-sidepane {\n display: grid;\n gap: 8px;\n}\n\n.smb-web-view-screenshot-loader\n .smb-web-view-dynamic-list-preview-button:not(.pul-button--disabled) {\n color: #4cccff;\n\n .pul-button__icon:not(.pul-icon--intent) {\n color: #f5f5f5;\n }\n\n &:hover {\n background: #ffffff10;\n\n .pul-button__icon:not(.pul-icon--intent) {\n color: #f5f5f5;\n }\n }\n}\n\n[data-theme=\"dark\"] .smb-web-view-dynamic-list-actions {\n .pul-media__figure,\n &__item:hover .pul-media__figure {\n color: #737373;\n }\n\n &__item-icon {\n background-color: hsl(202deg 5% 80%);\n border-color: hsl(202deg 5% 70%);\n\n &--colored > svg {\n filter: invert(1) hue-rotate(180deg) !important;\n }\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.account-resources__progress-bar {\n margin-block: 4px;\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n[data-theme=\"dark\"] {\n color-scheme: dark light;\n background-color: #191919;\n\n html&,\n .pul-layout__sidebar-toggler {\n filter: invert(0.9) hue-rotate(180deg);\n }\n\n body {\n color-scheme: light;\n\n @media (max-width: 767px) {\n background-color: transparent;\n }\n }\n\n img,\n .s-btn[class*=\" sb-\"]::before,\n .s-btn[class^=\"sb-\"]::before,\n .sb-btn[class*=\" sb-\"]::before,\n .sb-btn[class^=\"sb-\"]::before,\n .popup-panel .popup-heading [class^=\"pp-\"]::before,\n .popup-panel .popup-heading [class*=\" pp-\"]::before,\n .page-footer .social-actions .icon,\n .toolsArea .commonButton::before,\n .popup-panel .popup-heading .pp-edit-description::before,\n .login-page-header__actions .pul-button--on-dark,\n .objects-details .aps-category-block::before,\n .pul-icon:where(:not(.pul-button__icon):not(.pul-button__caret)) svg,\n .pul-select-control__indicator-icon,\n .pul-status--compact .pul-status::before,\n .pul-wp-toolkit-icon:where(\n :not(.pul-wp-toolkit-button__icon):not(.pul-wp-toolkit-button__caret)\n )\n svg,\n .pul-wp-toolkit-select-control__indicator-icon,\n .pul-wp-toolkit-status-message__icon svg,\n .pul-wp-toolkit-status--compact .pul-wp-toolkit-status::before {\n filter: invert(1) hue-rotate(180deg);\n }\n\n img[src*=\"tree-close.gif\"],\n img[src*=\"tree-open.gif\"],\n .pul-icon--on-dark svg,\n .pul-wp-toolkit-icon--on-dark svg,\n .main-header-navbar-nav > li .pul-button .pul-icon img {\n filter: none;\n }\n\n :where(.pul-icon:not(.pul-icon--intent):not(.pul-button__icon):not(.pul-button__caret)),\n :where(\n .pul-wp-toolkit-icon:not(.pul-wp-toolkit-icon--intent):not(\n .pul-wp-toolkit-button__icon\n ):not(.pul-wp-toolkit-button__caret)\n ) {\n color: rgb(255 255 255 / 0.5);\n }\n\n a .pul-icon:not(.pul-icon--intent):not(.pul-button__icon):not(.pul-action__icon),\n .pul-select-control__indicator .pul-icon,\n .pul-combobox__dropdown-button .pul-icon,\n .pul-label .pul-icon,\n a\n .pul-wp-toolkit-icon:not(.pul-wp-toolkit-icon--intent):not(\n .pul-wp-toolkit-button__icon\n ):not(.pul-wp-toolkit-action__icon),\n .pul-wp-toolkit-select-control__indicator .pul-wp-toolkit-icon,\n .pul-wp-toolkit-combobox__dropdown-button .pul-wp-toolkit-icon,\n .pul-wp-toolkit-label .pul-wp-toolkit-icon {\n color: currentcolor;\n\n svg {\n filter: none;\n }\n }\n\n .alert-success,\n .msg-info,\n .msg-update,\n .msg-top-note,\n .alert-warning,\n .msg-warning,\n .msg-limits,\n .alert-danger,\n .msg-error {\n &::before {\n filter: invert(1) hue-rotate(180deg) brightness(1.5);\n }\n }\n\n .btn-primary[class*=\" sb-\"]::before,\n .btn-primary[class*=\"sb-\"]::before {\n filter: none;\n }\n\n .pul-layout__sidebar-inner,\n .pul-layout__responsive-sidebar-toggler {\n filter: invert(1) hue-rotate(180deg);\n background-color: #131313;\n }\n\n @media (min-width: 768px) {\n .pul-layout__sidebar-toggler-inner {\n background-color: rgb(255 255 255 / 0.4);\n }\n }\n\n .pul-layout--simplified,\n .cookie-policy-overlay--enter {\n background-color: #fbfbfb;\n }\n\n .pul-layout--simplified .pul-layout__inner,\n .cookie-policy-overlay__modal {\n box-shadow: 0 0 16px 10px rgb(255 255 255 / 0.9);\n }\n\n .pul-layout--simplified .pul-layout__content,\n .cookie-policy-overlay__modal {\n background-color: #f1f1f1;\n }\n\n .brand__logo,\n .view-switcher__button-icon img,\n .main-header-navbar .top-logo img {\n filter: none;\n }\n\n .pul-layout__header-inner {\n background-color: #ececec;\n box-shadow: 0 1px 2px rgb(255 255 255 / 0.35);\n }\n\n .page-sidebar-menu .menu-group-title {\n background-color: rgb(255 255 255 / 0.05);\n }\n\n .page-sidebar-menu .menu-group-title:focus,\n .page-sidebar-menu .menu-group-title:hover {\n background-color: rgb(255 255 255 / 0.05);\n }\n\n .page-sidebar-menu .menu-group-toggle::before,\n .view-switcher__close {\n opacity: 0.6;\n }\n\n .page-sidebar-menu .sub-menu .active > a,\n .page-sidebar-menu .sub-menu .active > a:hover {\n background: rgb(5 5 5 / 0.6);\n }\n\n .page-sidebar-footer-wrapper {\n background-color: #121212;\n }\n\n .view-switcher {\n box-shadow: 0 -4px 8px 4px #121212;\n }\n\n .page-sidebar-menu a:focus,\n .page-sidebar-menu a:hover,\n .view-switcher:focus-within,\n .view-switcher:hover {\n background-color: rgb(5 5 5 / 0.6);\n }\n\n .pul-overlay__backdrop,\n .pul-wp-toolkit-overlay__backdrop,\n body div[class*=\"-overlay__backdrop\"],\n .main-disabled-block,\n .plesk-ext-catalog-catalog-featured__action,\n .plesk-ext-catalog-catalog-featured__action + .plesk-ext-catalog-catalog-featured__overlay,\n .plesk-ext-catalog-quick-access-backdrop,\n .plesk-ext-catalog-quick-access .pul-figure__action,\n .plesk-ext-catalog-quick-access .pul-figure__action + .pul-figure__overlay,\n .pul-tooltip,\n .pul-wp-toolkit-tooltip,\n .tooltip,\n .cookie-policy-info,\n .login-page-header__brand,\n .pul-toaster-panel-view,\n .pul-toast:not(.pul-toast--accent):not(.pul-toaster-panel-view .pul-toast),\n #ssh-terminal > div > div > .xterm,\n .ext-social-login__button,\n .list-actions-msg,\n .nps-survey__score-label {\n filter: invert(1) hue-rotate(180deg);\n }\n\n input[type=\"checkbox\"]:not(:disabled):checked::before,\n .pul-checkbox__input:not(:disabled):checked + .pul-checkbox__indicator,\n .pul-wp-toolkit-checkbox__input:not(:disabled):checked + .pul-wp-toolkit-checkbox__indicator {\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23222' d='M13.57 1.18a1 1 0 01.25 1.39l-6.25 9a1 1 0 01-1.54.13L2.28 7.84a1 1 0 111.44-1.4l2.9 3 5.56-8.01a1 1 0 011.39-.25z'/%3E%3C/svg%3E\");\n }\n\n .pul-checkbox--indeterminate .pul-checkbox__indicator,\n .pul-wp-toolkit-checkbox--indeterminate .pul-wp-toolkit-checkbox__indicator {\n background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 12 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='12' height='2' rx='1' fill='%23222'/%3E%3C/svg%3E\");\n }\n\n input[type=\"radio\"]:not(:disabled):checked::before,\n .pul-radio__input:not(:disabled):checked + .pul-radio__indicator::before,\n .pul-wp-toolkit-radio__input:not(:disabled):checked + .pul-wp-toolkit-radio__indicator::before {\n background-color: #222;\n }\n\n .pul-switch__indicator,\n .pul-wp-toolkit-switch__indicator {\n filter: invert(0.9) hue-rotate(180deg) brightness(1.5);\n }\n\n .pul-switch input[type=\"checkbox\"],\n .pul-wp-toolkit-switch input[type=\"checkbox\"] {\n border: inherit;\n }\n\n .pul-switch__indicator:hover,\n .pul-switch input:checked ~ .pul-switch__indicator:hover,\n .pul-wp-toolkit-switch__indicator:hover,\n .pul-wp-toolkit-switch input:checked ~ .pul-switch__indicator:hover {\n background-color: #668299;\n }\n\n .ext-social-login__button--unlinked,\n .ext-social-login__button--unlinked:hover,\n .ext-social-login__button--unlinked:focus,\n .ext-social-login__button--unlinked:active {\n background-color: rgb(255 255 255 / 0.08);\n }\n\n .slider__container {\n background-color: #fbfbfb;\n }\n\n .pul-item--hoverable:not(.pul-item--disabled):hover,\n .pul-item-list--selectable .pul-item-list__item:not(.pul-item-list__item--selected):hover,\n .pul-list\n tbody\n tr:where(:not(.is-selected, .pul-list__row-body, .pul-list__row--virtual)):hover\n > :is(td, th),\n .pul-list__table--vertical\n tbody\n tr:where(:not(.is-selected, .pul-list__row-body, .pul-list__row--virtual)):hover,\n .pul-wp-toolkit-item--hoverable:not(.pul-wp-toolkit-item--disabled):hover,\n .pul-wp-toolkit-item-list--selectable\n .pul-wp-toolkit-item-list__item:not(.pul-wp-toolkit-item-list__item--selected):hover,\n .pul-wp-toolkit-list\n tbody\n tr:where(\n :not(.is-selected, .pul-wp-toolkit-list__row-body, .pul-wp-toolkit-list__row--virtual)\n ):hover\n > :is(td, th),\n .pul-wp-toolkit-list__table--vertical\n tbody\n tr:where(\n :not(.is-selected, .pul-wp-toolkit-list__row-body, .pul-wp-toolkit-list__row--virtual)\n ):hover,\n .list .row-over > td,\n .list > table > tbody > tr:hover > td,\n .active-list-details .tools-list a.tool-block:hover {\n background-color: rgb(225 225 225 / 0.5);\n\n .pul-cuttable--collapse .pul-cuttable__content::after,\n .pul-wp-toolkit-cuttable--collapse .pul-cuttable__content::after {\n box-shadow: inset 0 -30px 18px -18px #eee;\n }\n }\n\n .tree-item-select.tree-item-hover {\n background-color: rgb(225 225 225 / 0.5);\n }\n\n .pul-list--dragged,\n .pul-item--hoverable:not(.pul-item--disabled).pul-item--card:hover,\n .pul-wp-toolkit-list--dragged,\n .pul-wp-toolkit-item--hoverable:not(\n .pul-wp-toolkit-item--disabled\n ).pul-wp-toolkit-item--card:hover {\n box-shadow:\n 0 0 0 1px #dedede,\n 0 2px 4px 2px #fff,\n 0 0 1px #fff;\n }\n\n .pul-overlay__backdrop,\n .pul-wp-toolkit-overlay__backdrop,\n .main-disabled-block {\n background-color: rgb(0 0 0 / 0.6);\n }\n\n .pul-overlay__content,\n .pul-wp-toolkit-overlay__content {\n background-color: #ececec;\n box-shadow:\n 0 0 0 1px #dedede,\n 0 0 16px 10px rgb(255 255 255 / 0.9);\n }\n\n .pul-popover {\n background-color: var(--popover-background-color, #ececec);\n box-shadow:\n 0 4px 16px rgb(255 255 255 / 0.9),\n 0 0 1px rgb(255 255 255 / 0.9);\n\n .pul-popover__arrow {\n box-shadow: 0 1px 0 var(--popover-background-color, #ececec);\n }\n\n .pul-popover__arrow::after {\n background-color: var(--popover-background-color, #ececec);\n }\n\n .pul-popover__arrow--heading {\n box-shadow: 0 1px 0\n var(--popover-header-background-color, var(--popover-background-color, #dcdcdc));\n }\n\n .pul-popover__heading,\n .pul-popover__arrow--heading::after {\n background-color: var(\n --popover-header-background-color,\n var(--popover-background-color, #dcdcdc)\n );\n }\n }\n\n :where(.pul-popover--success, .pul-popover--info, .pul-popover--warning, .pul-popover--danger) {\n .pul-popover__inner,\n .pul-popover__arrow--heading {\n filter: brightness(0.92);\n }\n }\n\n .pul-wp-toolkit-popover {\n background-color: var(--popover-background-color, #ececec);\n box-shadow:\n 0 4px 16px rgb(255 255 255 / 0.9),\n 0 0 1px rgb(255 255 255 / 0.9);\n\n .pul-wp-toolkit-popover__arrow {\n box-shadow: 0 1px 0 var(--popover-background-color, #ececec);\n }\n\n .pul-wp-toolkit-popover__arrow::after {\n background-color: var(--popover-background-color, #ececec);\n }\n\n .pul-wp-toolkit-popover__arrow--heading {\n box-shadow: 0 1px 0\n var(--popover-header-background-color, var(--popover-background-color, #dcdcdc));\n }\n\n .pul-wp-toolkit-popover__heading,\n .pul-wp-toolkit-popover__arrow--heading::after {\n background-color: var(\n --popover-header-background-color,\n var(--popover-background-color, #dcdcdc)\n );\n }\n }\n\n :where(\n .pul-wp-toolkit-popover--success,\n .pul-wp-toolkit-popover--info,\n .pul-wp-toolkit-popover--warning,\n .pul-wp-toolkit-popover--danger\n ) {\n .pul-wp-toolkit-popover__inner,\n .pul-wp-toolkit-popover__arrow--heading {\n filter: brightness(0.92);\n }\n }\n\n .pul-popover--info,\n .pul-wp-toolkit-popover--info {\n --popover-background-color: #c0d4dd;\n }\n\n .pul-popover--success,\n .pul-wp-toolkit-popover--success {\n --popover-background-color: #cfdec6;\n }\n\n .pul-popover--warning,\n .pul-wp-toolkit-popover--warning {\n --popover-background-color: #e6d7b4;\n }\n\n .pul-popover--danger,\n .pul-wp-toolkit-popover--danger {\n --popover-background-color: #f8d0d0;\n }\n\n .pul-popover--on-dark,\n .pul-wp-toolkit-popover--on-dark {\n --popover-background-color: #141414;\n --popover-header-background-color: #242424;\n\n filter: invert(1) hue-rotate(180deg);\n box-shadow:\n 0 4px 16px rgb(0 0 0 / 0.9),\n 0 0 1px rgb(0 0 0 / 0.9);\n }\n\n .pul-popover--on-dark img,\n .pul-popover--on-dark .pul-button,\n .pul-wp-toolkit-popover--on-dark img,\n .pul-wp-toolkit-popover--on-dark .pul-button {\n filter: none;\n }\n\n .popup-panel .popup-content,\n .popup-panel-scrollable .btns-box,\n .cookie-policy-overlay__modal {\n background-color: #f1f1f1;\n }\n\n .popup-panel .popup-container {\n box-shadow: 0 0 16px 10px rgb(255 255 255 / 0.9);\n }\n\n .pul-drawer__footer,\n .pul-dialog__header-inner,\n .pul-dialog__content,\n .pul-dialog__buttons,\n .pul-dialog__form-footer,\n .pul-wp-toolkit-drawer__footer,\n .pul-wp-toolkit-dialog__header-inner,\n .pul-wp-toolkit-dialog__content,\n .pul-wp-toolkit-dialog__buttons,\n .pul-wp-toolkit-dialog__form-footer {\n background-color: #ececec;\n }\n\n .pul-dialog__banner + .pul-dialog__header-inner {\n background-image: linear-gradient(\n to top,\n rgb(255 255 255 / 0.5) 22.67%,\n rgb(255 255 255 / 0) 65.83%\n );\n\n .pul-dialog__title,\n .pul-dialog__subtitle,\n .pul-dialog__subtitle .pul-text--muted {\n color: #222;\n }\n }\n\n .pul-wp-toolkitl-dialog__banner + .pul-wp-toolkit-dialog__header-inner {\n background-image: linear-gradient(\n to top,\n rgb(255 255 255 / 0.5) 22.67%,\n rgb(255 255 255 / 0) 65.83%\n );\n\n .pul-wp-toolkitl-dialog__title,\n .pul-wp-toolkitl-dialog__subtitle,\n .pul-wp-toolkitl-dialog__subtitle .pul-wp-toolkitl-text--muted {\n color: #222;\n }\n }\n\n .pul-button,\n .pul-wp-toolkit-button,\n .btn,\n .btn > button,\n .objects-toolbar > .s-btn,\n .objects-toolbar .actions-menu > .s-btn,\n .objects-toolbar .search-control > .s-btn,\n .search-box .s-btn {\n filter: brightness(0.9);\n\n &,\n &:hover {\n box-shadow: none;\n }\n\n &:focus {\n box-shadow: 0 0 0 4px rgb(40 170 222 / 0.4);\n }\n }\n\n .pul-button {\n &.pul-button--focused {\n box-shadow: 0 0 0 4px rgb(40 170 222 / 0.4);\n }\n\n .pul-button__arrow::before {\n box-shadow: none;\n transition:\n background-color linear 0.2s,\n box-shadow linear 0.2s;\n }\n }\n\n .pul-button--arrow.pul-button--focused .pul-button__arrow::before,\n .pul-button--arrow:focus .pul-button__arrow::before {\n box-shadow: 5px -5px 0 #d7eeff;\n }\n\n .pul-wp-toolkit-button {\n &.pul-wp-toolkit-button--focused {\n box-shadow: 0 0 0 4px rgb(40 170 222 / 0.4);\n }\n\n .pul-wp-toolkit-button__arrow::before {\n box-shadow: none;\n transition:\n background-color linear 0.2s,\n box-shadow linear 0.2s;\n }\n }\n\n .pul-wp-toolkit-button--arrow.pul-wp-toolkit-button--focused\n .pul-wp-toolkit-button__arrow::before,\n .pul-wp-toolkit-button--arrow:focus .pul-wp-toolkit-button__arrow::before {\n box-shadow: 5px -5px 0 #d7eeff;\n }\n\n .pul-button--primary,\n .pul-button--success,\n .pul-button--danger,\n .pul-button--warning,\n .pul-wp-toolkit-button--primary,\n .pul-wp-toolkit-button--success,\n .pul-wp-toolkit-button--danger,\n .pul-wp-toolkit-button--warning,\n .btn-primary,\n .objects-toolbar > .s-btn.btn-primary,\n .btn.action,\n .btn-danger,\n .sid-login .btns-box .btn:not(.action):not(.btn-primary),\n .sid-login .btns-box .btn:not(.action):not(.btn-primary) > button {\n filter: invert(1) hue-rotate(190deg) brightness(1.2);\n }\n\n .pul-button--primary,\n .pul-button--success,\n .pul-button--danger,\n .pul-button--warning {\n &.pul-button--arrow.pul-button--focused .pul-button__arrow::before,\n &.pul-button--arrow:focus .pul-button__arrow::before {\n box-shadow: 5px -5px 0 #264e68;\n }\n }\n\n .pul-wp-toolkit-button--primary,\n .pul-wp-toolkit-button--success,\n .pul-wp-toolkit-button--danger,\n .pul-wp-toolkit-button--warning {\n &.pul-wp-toolkit--arrow.pul-wp-toolkit--focused .pul-wp-toolkit__arrow::before,\n &.pul-wp-toolkit--arrow:focus .pul-wp-toolkit__arrow::before {\n box-shadow: 5px -5px 0 #264e68;\n }\n }\n\n .pul-panel,\n .pul-menu,\n .pul-item--card,\n .pul-wp-toolkit-panel,\n .pul-wp-toolkit-menu,\n .pul-wp-toolkit-item--card,\n .dropdown-menu,\n .actions-menu .popup-box,\n .popup-menu.popup-box,\n .fm-popup-file-operations.popup-box,\n .plesk-ext-catalog-quick-access,\n .popup-box,\n .pul-alert.admin-home-promo,\n .a-toolbar-buttons-settings .popup-box {\n background-color: #ececec;\n box-shadow:\n 0 0 0 1px #dedede,\n 0 2px 4px 2px #fff,\n 0 0 1px #fff;\n }\n\n .pul-menu__divider,\n .pul-wp-toolkit-menu__divider,\n .actions-menu .popup-box .separator,\n .fm-popup-file-operations.popup-box .separator,\n .popup-menu.popup-box .separator,\n .pul-progress-bar,\n .pul-wp-toolkit-progress-bar {\n background-color: #dedede;\n }\n\n .a-toolbar-buttons-settings .settings-item + .settings-item .settings-item-title,\n hr {\n border-color: #dedede;\n }\n\n .pul-alert.admin-home-promo {\n filter: brightness(1);\n }\n\n @media (max-width: 767px) {\n .objects-toolbar {\n background-color: #ececec;\n box-shadow:\n 0 0 0 1px #dedede,\n 0 2px 4px 2px #fff,\n 0 0 1px #fff;\n }\n\n .objects-toolbar > .s-btn.btn-primary {\n color: #ddd;\n\n --btn-hover-background-color: rgb(221 221 221 / 0.05);\n --btn-active-background-color: rgb(221 221 221 / 0.09);\n }\n }\n\n .plesk-ext-catalog-quick-access__arrow {\n border-inline-end-color: #ececec;\n filter: drop-shadow(-2px 0 1px #fff);\n }\n\n .pul-panel__header,\n .pul-wp-toolkit-panel__header,\n .popup-box .popup-heading {\n background-color: #dedede;\n border-color: #dedede;\n }\n\n .popup-box .popup-heading .arrow::after {\n background-color: #dedede;\n }\n\n .pul-item__footer,\n .pul-wp-toolkit-item__footer {\n border-color: #dedede;\n }\n\n .popup-panel .popup-heading {\n background-color: #f1f1f1;\n }\n\n .msg-box,\n .alert,\n .pul-alert,\n .pul-extended-status-message,\n .pul-wp-toolkit-alert,\n .pul-wp-toolkit-extended-status-message {\n filter: brightness(0.9);\n }\n\n :where(\n .pul-list td,\n .pul-list__table--vertical tr,\n .pul-wp-toolkit-list td,\n .pul-wp-toolkit-list__table--vertical tr\n ),\n .list > table td,\n .scrollable-list-wrapper > table td,\n table.list td {\n background-color: #fbfbfb;\n }\n\n :is(.pul-list__table--vertical, .pul-wp-toolkit-list__table--vertical) :is(th, td) {\n background-color: transparent;\n }\n\n tr:where(\n .pul-list__row--inactive,\n .pul-list__row--info,\n .pul-list__row--success,\n .pul-list__row--warning,\n .pul-list__row--danger,\n .pul-wp-toolkit-list__row--inactive,\n .pul-wp-toolkit-list__row--info,\n .pul-wp-toolkit-list__row--success,\n .pul-wp-toolkit-list__row--warning,\n .pul-wp-toolkit-list__row--danger\n ) {\n filter: brightness(0.96);\n }\n\n .pul-list tbody tr.is-selected,\n .pul-wp-toolkit-list tbody tr.is-selected,\n .list .selected,\n .list .row-over.selected,\n .list > table > tbody > tr.selected:hover {\n filter: brightness(0.99);\n }\n\n .pul-item-list--selectable {\n .pul-item-list__item,\n .pul-item-list__item:not(.pul-item-list__item--selected).pul-item--disabled:hover,\n .pul-item-list__item:not(.pul-item-list__item--selected).pul-item--disabled:active {\n background-color: #e6e6e6;\n box-shadow:\n 0 0 1px rgb(255 255 255 / 0.08),\n 0 1px 3px rgb(255 255 255 / 0.2);\n }\n\n .pul-item--disabled {\n cursor: not-allowed;\n }\n\n .pul-item-list__item:not(.pul-item-list__item--selected):hover {\n background-color: #e2e2e2;\n box-shadow:\n 0 0 1px rgb(255 255 255 / 0.08),\n 0 1px 3px rgb(255 255 255 / 0.2);\n }\n\n .pul-item-list__item--selected,\n .pul-item-list__item--selected:focus,\n .pul-item-list__item--selected:hover,\n .pul-item-list__item:not(.pul-item-list__item--selected):active {\n background-color: #bad1de;\n box-shadow:\n inset 0 0 1px rgb(255 255 255 / 0.2),\n inset 0 1px 3px rgb(255 255 255 / 0.2);\n }\n\n .pul-item-list__item,\n .pul-item-list__item--selected {\n &:focus-visible {\n box-shadow:\n 0 0 0 4px rgb(40 170 222 / 0.4),\n 0 4px 8px 3px rgb(255 255 255 / 0.15),\n 0 1px 3px rgb(255 255 255 / 0.3);\n }\n }\n }\n\n .pul-item-list__item--reorderable {\n background-color: #e2e2e2;\n box-shadow:\n 0 0 1px rgb(255 255 255 / 0.08),\n 0 1px 3px rgb(255 255 255 / 0.2);\n }\n\n .pul-item-list .pul-item-list__item--reorderable {\n background-color: #e6e6e6;\n box-shadow:\n 0 0 1px rgb(255 255 255 / 0.08),\n 0 1px 3px rgb(255 255 255 / 0.2);\n\n &:not(.pul-item--disabled):hover {\n background-color: #e2e2e2;\n box-shadow:\n 0 0 1px rgb(255 255 255 / 0.08),\n 0 1px 3px rgb(255 255 255 / 0.2);\n }\n }\n\n .pul-wp-toolkit-item-list--selectable {\n .pul-wp-toolkit-item-list__item,\n .pul-wp-toolkit-item-list__item:not(\n .pul-wp-toolkit-item-list__item--selected\n ).pul-wp-toolkit-item--disabled:hover,\n .pul-wp-toolkit-item-list__item:not(\n .pul-wp-toolkit-item-list__item--selected\n ).pul-wp-toolkit-item--disabled:active {\n background-color: #e6e6e6;\n box-shadow:\n 0 0 1px rgb(255 255 255 / 0.08),\n 0 1px 3px rgb(255 255 255 / 0.2);\n }\n\n .pul-wp-toolkit-item--disabled {\n cursor: not-allowed;\n }\n\n .pul-wp-toolkit-item-list__item:not(.pul-wp-toolkit-item-list__item--selected):hover {\n background-color: #e2e2e2;\n }\n\n .pul-wp-toolkit-item-list__item--selected,\n .pul-wp-toolkit-item-list__item--selected:focus,\n .pul-wp-toolkit-item-list__item--selected:hover,\n .pul-wp-toolkit-item-list__item:not(.pul-wp-toolkit-item-list__item--selected):active {\n background-color: #bad1de;\n box-shadow:\n inset 0 0 1px rgb(255 255 255 / 0.2),\n inset 0 1px 3px rgb(255 255 255 / 0.2);\n }\n\n .pul-wp-toolkit-item-list__item,\n .pul-wp-toolkit-item-list__item--selected {\n &:focus-visible {\n box-shadow:\n 0 0 0 4px rgb(40 170 222 / 0.4),\n 0 4px 8px 3px rgb(255 255 255 / 0.15),\n 0 1px 3px rgb(255 255 255 / 0.3);\n }\n }\n }\n\n .pul-wp-toolkit-item-list__item--reorderable {\n background-color: #e2e2e2;\n box-shadow:\n 0 0 1px rgb(255 255 255 / 0.08),\n 0 1px 3px rgb(255 255 255 / 0.2);\n }\n\n .pul-wp-toolkit-item-list .pul-wp-toolkit-item-list__item--reorderable {\n background-color: #e6e6e6;\n box-shadow:\n 0 0 1px rgb(255 255 255 / 0.08),\n 0 1px 3px rgb(255 255 255 / 0.2);\n\n &:not(.pul-wp-toolkit-item--disabled):hover {\n background-color: #e2e2e2;\n box-shadow:\n 0 0 1px rgb(255 255 255 / 0.08),\n 0 1px 3px rgb(255 255 255 / 0.2);\n }\n }\n\n .pul-toast--accent,\n .pul-wp-toolkit-toast--accent {\n background-color: #a7bfc9;\n box-shadow: 0 2px 4px rgb(255 255 255 / 0.9);\n }\n\n .pul-cuttable--collapse .pul-cuttable__content::after,\n .pul-wp-toolkit-cuttable--collapse .pul-cuttable__content::after {\n box-shadow: inset 0 -30px 18px -18px #fbfbfb;\n }\n\n .pul-drawer,\n .pul-dialog,\n .pul-popover {\n .pul-cuttable--collapse .pul-cuttable__content::after {\n box-shadow: inset 0 -30px 18px -18px #ececec;\n }\n }\n\n .pul-wp-toolkit-drawer,\n .pul-wp-toolkit-dialog,\n .pul-wp-toolkit-popover {\n .pul-wp-toolkit-cuttable--collapse .pul-wp-toolkit-cuttable__content::after {\n box-shadow: inset 0 -30px 18px -18px #ececec;\n }\n }\n\n .plesk-ext-catalog-quick-access__box--promo {\n background-color: #f1f1f1;\n border-color: #dedede;\n }\n\n .pul-skeleton,\n .pul-label,\n .pul-wp-toolkit-skeleton,\n .pul-wp-toolkit-label {\n filter: contrast(0.9);\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.print-summary-report {\n .pul-section--collapsible {\n padding-inline-start: 0;\n }\n\n .pul-section-item {\n &,\n &:not(:last-child) {\n border: 1px solid #ddd;\n border-block-end: 0;\n margin: 0;\n padding: 0;\n }\n\n &:last-child {\n border-block-end: 1px solid #ddd;\n }\n\n &__title {\n border-inline-end: 1px solid #ddd;\n }\n\n &__title,\n &__value {\n padding-block: 4px 8px;\n }\n }\n\n .pul-list__table {\n margin-block-start: 16px;\n\n tr,\n tr:first-child {\n th,\n td {\n white-space: break-spaces;\n padding-block: 1px;\n border: 1px solid #ddd;\n }\n }\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n/* doc\n---\ntitle: \"Tooltip\"\nname: tooltip\ncategory: \"Components - Tooltip\"\n---\n\n- [tooltip.less] (https://git.plesk.tech/projects/PLESK/repos/plesk/browse/common/theme/less/core/tooltip.less)\n\n```html_example\n<div class=\"tooltip\">Create a customer account with subscription.</div>\n```\n*/\n.tooltip {\n position: absolute;\n z-index: 1055;\n max-inline-size: 240px;\n padding-block: 6px;\n padding-inline: 12px;\n border-radius: 2px;\n font-size: 12px;\n line-height: 16px;\n text-align: start;\n word-wrap: break-word;\n color: #fff;\n background-color: #222;\n box-shadow: 0 3px 6px rgb(0 0 0 / 0.3);\n\n b,\n i {\n font-weight: normal;\n font-style: normal;\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.server-mail-statistics-page-stats-container {\n block-size: 42px;\n}\n\n.server-mail-statistics-page-stats-progressbar {\n margin-block-start: 9px;\n flex: 1;\n}\n\n.server-mail-statistics-page-footer {\n display: none;\n}\n\n.server-mail-statistics-page-form-container {\n display: flex;\n flex-direction: row;\n align-items: center;\n margin-inline-start: 24px;\n gap: 12px;\n\n > .pul-section-item {\n margin: 0;\n padding: 0;\n }\n}\n\n.server-mail-statistics-page-progressbar-container {\n display: flex;\n flex-direction: row;\n gap: 8px;\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n@import \"../styles/_variables\";\n@import \"../styles/_mixins\";\n\n@alert-background: @token-color-grey-2;\n@alert-success-background: @brand-success;\n@alert-info-background: @brand-info;\n@alert-warning-background: @brand-warning;\n@alert-danger-background: @brand-danger;\n\n.alert,\n.msg-box {\n padding-block: 10px;\n padding-inline: 16px;\n margin-block-end: @base-margin-block;\n border-radius: 2px;\n color: @base-body-color;\n line-height: @base-body-line-height;\n background-color: @alert-background;\n\n .close {\n text-shadow: none;\n float: inline-end;\n margin-inline-start: 10px;\n line-height: @token-line-height-4;\n color: @base-link-color;\n text-align: center;\n cursor: pointer;\n\n &:hover {\n color: @base-link-hover-color;\n }\n }\n\n .close::before {\n content: \"\\2715\";\n font-weight: 600;\n font-size: 12px;\n }\n\n .btn {\n margin: 0;\n vertical-align: inherit;\n }\n\n hr {\n border-block-start-color: @base-hr-border;\n }\n\n &,\n .b-indent {\n > p,\n > ul {\n margin-block-end: 0;\n }\n\n > p + p,\n > p + .b-indent {\n margin-block-start: 8px;\n }\n }\n\n .b-indent {\n padding-inline-start: 24px;\n\n .b-indent-icon {\n margin-inline-start: -24px;\n }\n\n + .b-indent,\n + p {\n margin-block-start: 8px;\n }\n }\n}\n\n.panel .alert {\n padding-block: 12px;\n padding-inline: 16px;\n margin-inline: -16px;\n\n .close::before {\n font-size: 12px;\n }\n\n .btn {\n min-block-size: 0;\n padding-block: 4px;\n padding-inline: 12px;\n font-size: inherit;\n }\n}\n\n.msg-box {\n &::before {\n content: \"\";\n float: inline-start;\n inline-size: 16px;\n block-size: 16px;\n margin-block: 2px 0;\n margin-inline: -24px 0;\n background-size: 16px;\n }\n\n .title {\n font-weight: 700;\n }\n\n .task-status-link {\n margin-inline-start: 8px;\n }\n\n pre {\n background: transparent;\n margin: 0;\n padding: 0;\n overflow-wrap: break-word;\n white-space: pre-wrap;\n word-wrap: break-word;\n }\n}\n\n.msg-info,\n.msg-update,\n.msg-top-note,\n.msg-warning,\n.msg-limits,\n.msg-error,\n.msg-progress,\n.msg-screen-help {\n padding-inline-start: 40px;\n}\n\n.msg-info::before {\n .icon-small(\"ok.png\");\n}\n\n.msg-warning::before {\n .icon-small(\"att.png\");\n}\n\n.msg-limits::before {\n .icon-small(\"convert-subscriptions.png\");\n}\n\n.msg-error::before {\n .icon-small(\"warning.png\");\n}\n\n.msg-update::before {\n .icon-small(\"install.png\");\n}\n\n.msg-screen-help::before {\n .icon-small(\"info.png\");\n}\n\n.msg-progress::before,\n.msg-update-running::before {\n inline-size: 1em;\n block-size: 1em;\n margin-block-start: 3px;\n vertical-align: top;\n background: none;\n box-sizing: border-box;\n border: 1px solid;\n border-block-end-color: transparent;\n border-radius: 50%;\n animation: btn-loading-rotate 0.8s linear infinite;\n}\n\n@keyframes btn-loading-rotate {\n to {\n transform: rotate(360deg);\n }\n}\n\n.msg-progress {\n .msg-progress-info {\n padding-inline-end: 20px;\n }\n\n .progress {\n min-inline-size: 200px;\n }\n}\n\n.msg-update {\n .update {\n padding-block: 0;\n padding-inline: 0 10px;\n }\n\n .update-info {\n display: block;\n padding-block: 2px 0;\n padding-inline: 0;\n }\n\n .update-links {\n padding-block: 0;\n padding-inline: 10px 0;\n text-align: end;\n white-space: nowrap;\n\n .btn {\n margin-block: 0;\n margin-inline: 0 10px;\n vertical-align: middle;\n }\n }\n}\n\n.alert-success,\n.msg-info,\n.msg-update,\n.msg-top-note {\n background-color: @alert-success-background;\n}\n\n.alert-info {\n background-color: @alert-info-background;\n}\n\n.alert-warning,\n.msg-warning,\n.msg-limits {\n background-color: @alert-warning-background;\n}\n\n.alert-danger,\n.msg-error {\n background-color: @alert-danger-background;\n}\n\n.msg-progress,\n.msg-screen-help {\n background-color: @alert-background;\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n@import \"../styles/_variables\";\n\n@media (max-width: @breakpoint-small-max) {\n .screen-description {\n position: relative;\n overflow: hidden;\n white-space: nowrap;\n\n &.expanded {\n white-space: normal;\n }\n }\n\n .screen-description-wrap {\n display: inline-block;\n }\n\n .screen-description-control {\n position: absolute;\n inset-block-start: 1px;\n inset-inline-end: 0;\n border: 1px solid #dedede;\n inline-size: 28px;\n block-size: 16px;\n font-family: serif;\n font-size: 22px;\n font-weight: 700;\n line-height: 5px;\n text-align: center;\n background: #dedede;\n color: #858585;\n cursor: pointer;\n\n &::before {\n position: absolute;\n inset-block-start: -2px;\n inset-inline-end: 29px;\n content: \"\";\n inline-size: 30px;\n block-size: 18px;\n box-shadow: inset -12px 0 10px #fff;\n }\n\n &::after {\n content: \"...\";\n }\n }\n\n .screen-description.expanded .screen-description-control,\n .screen-description-control.off {\n display: none;\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n@import \"../styles/_variables\";\n@import \"../styles/_mixins\";\n\n/* doc\n---\ntitle: \"Tools List\"\nname: tools-list\ncategory: \"Components - Tools List\"\n---\n\n```html_example\n<ul class=\"tools-list\">\n <li class=\"tools-item\">\n <a class=\"tool-block\" href=\"#!\">\n <span class=\"tool-icon\"><img src=\"theme/icons/32/plesk/file-manager.png\"></span>\n <span class=\"tool-name\">Tool Name</span>\n </a>\n </li>\n <li class=\"tools-item\">\n <a class=\"tool-block disabled\" href=\"#!\">\n <span class=\"tool-icon\"><img src=\"theme/icons/32/plesk/file-manager.png\"></span>\n <span class=\"tool-name\">Tool Name</span>\n </a>\n </li>\n <li class=\"tools-item\">\n <a class=\"tool-block\" href=\"#!\">\n <span class=\"tool-icon\"><img src=\"theme/icons/32/plesk/file-manager.png\"></span>\n <span class=\"tool-name\">Tool Name</span>\n <span class=\"tool-info\">Tool Description...</span>\n </a>\n </li>\n</ul>\n```\n*/\n\n/* doc\n---\ntitle: \"Tools & Settings\"\nname: tools-list-02\ncategory: \"Components - Tools List\"\n---\n```html_example\n<ul class=\"tools-list\">\n <li class=\"tools-item\">\n <div class=\"tool-block\">\n <span class=\"tool-icon\"><img src=\"theme/icons/32/plesk/file-manager.png\"></span>\n <span class=\"tool-name\">Tool Name</span>\n <ul class=\"tool-info\">\n <li><a href=\"#\">SubItem</a></li>\n <li><a href=\"#\">SubItem</a></li>\n <li><a href=\"#\">SubItem</a></li>\n </ul>\n </div>\n </li>\n</ul>\n```\n*/\n\n@tools-item-hover-background: #f0faff;\n\n.tools-list {\n margin-block: 0;\n margin-inline: -12px;\n padding: 0;\n list-style: none;\n\n .tools-item {\n display: block;\n\n .ajax-loading {\n margin-block: 8px;\n margin-inline: 10px;\n }\n }\n\n .tool-block {\n display: block;\n margin: 0;\n border-radius: 2px;\n padding-block: 12px 16px;\n padding-inline: 52px 12px;\n\n &::before,\n &::after {\n content: \"\";\n display: table;\n }\n\n &::after {\n clear: both;\n }\n\n .tool-icon {\n float: inline-start;\n inline-size: 24px;\n block-size: 24px;\n margin-block: 0;\n margin-inline: -40px 0;\n }\n\n .tool-icon img {\n display: block;\n inline-size: 24px;\n block-size: 24px;\n }\n\n .tool-name {\n display: block;\n padding-block: 0 4px;\n padding-inline: 0;\n font-weight: 400;\n }\n\n .tool-info {\n display: block;\n word-wrap: break-word;\n margin: 0;\n padding: 0;\n list-style: none;\n font-size: 12px;\n line-height: 1.333;\n }\n\n .tool-info > li {\n padding-block: 0 0.5em;\n padding-inline: 1em 0;\n }\n\n .tool-info > li::before {\n content: \"\\2022\";\n display: inline-block;\n inline-size: 1em;\n margin-inline-start: -1em;\n color: @token-color-grey-8;\n }\n }\n\n a.tool-block {\n cursor: pointer;\n color: @base-body-color;\n text-decoration: none;\n\n &:hover {\n color: @base-body-color;\n background-color: @tools-item-hover-background;\n text-decoration: none;\n }\n\n &-disabled,\n &-disabled .tool-name,\n &-disabled:hover .tool-name {\n cursor: default;\n }\n\n .tool-name,\n &:hover .tool-name {\n color: @base-body-color;\n text-decoration: none;\n }\n\n &.disabled,\n &.disabled:hover {\n text-decoration: none;\n background: none;\n opacity: 0.5;\n filter: grayscale(100%);\n cursor: not-allowed;\n }\n\n &.disabled:hover .tool-name {\n text-decoration: none;\n }\n }\n}\n\n@media (min-width: @breakpoint-small) {\n .tools-list {\n margin-block: 0;\n margin-inline: -12px;\n letter-spacing: -4px;\n }\n\n .tools-list .tools-item {\n display: inline-block;\n inline-size: 50%;\n vertical-align: top;\n letter-spacing: 0;\n }\n}\n\n@media (min-width: @breakpoint-medium) {\n .tools-list .tools-item {\n inline-size: 33.3%;\n }\n}\n\n@media (min-width: 1360px) {\n .pul-layout--sidebar-folded {\n .tools-list .tools-item {\n inline-size: 25%;\n }\n\n .active-list .tools-list .tools-item {\n inline-size: 33.3%;\n }\n }\n}\n\n@media (min-width: 1570px) {\n .tools-list .tools-item {\n inline-size: 25%;\n }\n\n .active-list .tools-list .tools-item {\n inline-size: 33.3%;\n }\n}\n\n@media (min-width: 1900px) {\n .pul-layout--sidebar-folded {\n .tools-list .tools-item {\n inline-size: 20%;\n }\n\n .active-list .tools-list .tools-item {\n inline-size: 33.3%;\n }\n }\n}\n\n@media (min-width: 2110px) {\n .tools-list .tools-item {\n inline-size: 20%;\n }\n\n .active-list .tools-list .tools-item {\n inline-size: 33.3%;\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n@import \"../styles/_variables\";\n@import \"../styles/_mixins\";\n\n// Kill the scroll on the html\n.modal-open {\n overflow: hidden;\n box-sizing: border-box;\n}\n\n// Modal background\n.main-disabled-block {\n display: none;\n position: fixed;\n inset-block: 0;\n inset-inline: 0;\n z-index: @modal-backdrop-zindex;\n background-color: @modal-backdrop-background;\n animation: fade 0.3s ease-in-out;\n // Show modal background\n .modal-open & {\n display: block;\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n@import \"../styles/_variables\";\n@import \"../styles/_mixins\";\n\n/* doc\n---\ntitle: \"Message Box\"\nname: modals-02\ncategory: \"Components - Modals\"\n---\n\n- [modal-dialog-box.less] (https://git.plesk.tech/projects/PLESK/repos/plesk/browse/common/theme/less/core/modals.less)\n- [Description] (https://docs.plesk.ru/display/PPP/05+-+Widgets#id-05-Widgets-ModalPopupDialog)\n\n```html_example\n<div class=\"modal-open\">\n <div class=\"main-disabled-block\"></div>\n <div class=\"popup-panel popup-panel-sm popup-panel-centered confirmation-box\">\n <div class=\"popup-wrapper\">\n <div class=\"popup-container\">\n <div class=\"popup-content\">\n <div class=\"popup-content-area\">\n <div class=\"confirmation-msg mw-delete\">Content</div>\n </div>\n </div>\n </div>\n </div>\n </div>\n</div>\n```\n*/\n// Confirmation Dialog\n// ========================================================================\n\n.confirmation-box {\n align-items: center;\n\n .popup-wrapper {\n animation: fade-scale-02 0.3s ease-in-out;\n }\n\n .popup-content-area {\n padding-block: 16px 24px;\n padding-inline: 16px;\n }\n\n .confirmation-msg {\n &[class^=\"mw-\"],\n &[class*=\" mw-\"] {\n padding-inline-start: 74px;\n background-repeat: no-repeat;\n background-position: 0 0;\n background-size: 64px;\n min-block-size: 64px;\n }\n }\n\n .mw-delete {\n .icon-large(\"mw-delete.png\");\n }\n\n .mw-reboot {\n .icon-large(\"mw-reboot.png\");\n }\n\n .mw-shutdown {\n .icon-large(\"mw-shutdown.png\");\n }\n\n .mw-confirm {\n .icon-large(\"mw-confirm.png\");\n }\n\n .mw-toggle {\n .icon-large(\"mw-toggle.png\");\n }\n\n .mw-clean {\n .icon-large(\"mw-clean.png\");\n }\n\n .mw-unlink {\n .icon-large(\"mw-unlink.png\");\n }\n\n .confirmation-msg h3 {\n margin-block: 0 @base-margin-block;\n margin-inline: 0;\n padding: 0;\n font-weight: 400;\n font-size: 14px;\n line-height: 1.429;\n color: @base-body-color;\n\n b {\n font-weight: 400;\n color: @token-color-warning-2;\n }\n }\n\n .b-indent label {\n color: @token-color-grey-8;\n }\n\n .btns-container {\n margin-block: @base-margin-block 0;\n margin-inline: 0;\n text-align: start;\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n@import \"../styles/_variables\";\n@import \"../styles/_mixins\";\n\n/* doc\n---\ntitle: \"Toolbar with Search\"\nname: toolbar-01\ncategory: \"Components - Toolbar\"\n---\n\n- [small-tools.less] (https://git.plesk.tech/projects/PLESK/repos/plesk/browse/common/theme/less/core/toolbar.less)\n- [Description] (https://docs.plesk.ru/display/PPP/05+-+Widgets#id-05-Widgets-Toolbar)\n\n```html_example\n<div class=\"actions-box actions-box-search-show\">\n <div class=\"r-actions\">\n <ul class=\"r-actions-list\">\n <li class=\"r-actions-item r-actions-select\"><span></span></li>\n <li class=\"r-actions-item r-actions-toolbar\"><span></span></li>\n <li class=\"r-actions-item r-actions-search\"><span></span></li>\n </ul>\n </div>\n <div class=\"objects-toolbar clearfix\">\n <a class=\"s-btn sb-add-new\" href=\"#!\"><span>Button</span></a>\n <a class=\"s-btn sb-delete btn-disabled\" href=\"#!\"><span>Disabled</span></a>\n <span class=\"separator\"><span></span></span>\n <div class=\"actions-menu\">\n <a class=\"s-btn sb-more-actions\" href=\"#!\"><span>More Actions</span></a>\n <div class=\"popup-box collapsed\"><table class=\"popup-wrapper\" cellspacing=\"0\"><tbody><tr><td class=\"popup-container\">\n <div class=\"popup-heading\"><div class=\"heading-area\">\n <span class=\"close\"></span><h4><span>Change Status</span></h4>\n </div></div>\n <div class=\"popup-content\"><div class=\"popup-content-area\">\n <ul>\n <li><a class=\"sb-btn sb-suspend\" href=\"#!\"><span>Suspend</span></a></li>\n <li><a class=\"sb-btn sb-activate\" href=\"#!\"><span>Activate</span></a></li>\n </ul>\n </div></div>\n </td></tr></tbody></table></div>\n </div>\n <div class=\"quick-search-box\">\n <div class=\"search-field\"><form><input type=\"text\"><em><span></span></em></form></div>\n <span class=\"search-control\">\n <a class=\"s-btn sb-search-show\">Show Search</a>\n <a class=\"s-btn sb-search-hide\">Hide Search</a>\n </span>\n </div>\n </div>\n <div class=\"search-box\">\n <form>\n <ul>\n <li><div><span>Name</span><input type=\"text\"></div></li>\n <li><div><span>Status</span><select><option selected=\"selected\">Any</option><option>Suspended</option></select></div></li>\n </ul>\n <a class=\"s-btn sb-search\">Search</a><a class=\"s-btn sb-show-all\">Reset Search</a>\n </form>\n </div>\n</div>\n```\n*/\n\n.actions-box {\n inline-size: 100%;\n margin-block-end: 8px;\n}\n\n.actions-box .actions-msg-container,\n.objects-details .warning-block {\n inline-size: 100%;\n block-size: 0;\n text-align: center;\n font-size: 1px;\n line-height: 1px;\n}\n\n.list-actions-msg {\n position: relative;\n inset-block-start: -50px;\n display: inline-block;\n margin: 0;\n padding-block: 10px;\n padding-inline: 40px 16px;\n border-radius: 2px;\n color: #fff;\n font-weight: 400;\n font-size: 14px;\n line-height: 1.429;\n background-color: @token-color-grey-10;\n box-shadow: @token-shadow-5;\n opacity: 0.9;\n z-index: 10;\n\n &::before {\n content: \"\";\n float: inline-start;\n inline-size: 16px;\n block-size: 16px;\n margin-block: 2px 0;\n margin-inline: -24px 0;\n vertical-align: top;\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -1 16 16'%3E%3Cpath fill='%23ffa04d' d='M8.945.551a1.085 1.085 0 0 0-1.89 0L.166 12.235C-.289 13.007.243 14 1.111 14h13.778c.868 0 1.4-.993.945-1.765L8.944.551zM7 5a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0V5zm2 6a1 1 0 1 1-2 0 1 1 0 0 1 2 0z'/%3E%3C/svg%3E\");\n }\n}\n\n@media (max-width: @breakpoint-small-max) {\n .actions-box .actions-msg-container,\n .filesharing .objects-details .warning-block {\n position: static;\n block-size: auto;\n }\n\n .actions-msg-container .list-actions-msg,\n .warning-block .list-actions-msg {\n display: block;\n inset-block-start: 0;\n margin-block: 0 12px;\n margin-inline: 0;\n block-size: auto;\n line-height: normal;\n text-align: start;\n }\n}\n\n// responsive controls\n// ---------------------------------------------------------------------------\n.r-actions-list {\n display: inline-block;\n vertical-align: top;\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n.r-actions-item {\n position: relative;\n float: inline-start;\n padding: 4px;\n border-radius: 2px;\n cursor: pointer;\n\n + .r-actions-item {\n margin-inline-start: 4px;\n }\n\n &:hover {\n background-color: @token-color-grey-a2;\n }\n\n span {\n display: block;\n inline-size: 16px;\n block-size: 16px;\n background: 0 0 no-repeat;\n background-size: contain;\n }\n}\n\n.r-actions-select span {\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='1 1 14 14'%3E%3Cpath fill='%2328aade' d='M3.017 7.904l1.871-1.873 2.285 2.291 6.092-6.101 1.78 1.783-7.961 7.973-4.067-4.073z'/%3E%3Cpath fill='%2328aade' d='M12.021 10.116v2.926H1.979V2.958h7.968l1.074-.933H1.002v11.936h11.977L13 9.083l-.979 1.033z'/%3E%3C/svg%3E\");\n}\n\n.r-actions-toolbar span {\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -2 14 14'%3E%3Cpath fill='%234dccff' d='M0 1a1 1 0 0 1 1-1h12a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1zM0 5a1 1 0 0 1 1-1h12a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1zM0 9a1 1 0 0 1 1-1h12a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z'/%3E%3C/svg%3E\");\n}\n\n.r-actions-search span {\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%2328aade' fill-rule='evenodd' d='M0 6a6 6 0 1 1 10.89 3.476l4.817 4.817a1 1 0 0 1-1.414 1.414L9.476 10.89A6 6 0 0 1 0 6zm1 0c0 2.756 2.243 5 5 5s5-2.244 5-5c0-2.757-2.243-5-5-5S1 3.243 1 6z'/%3E%3C/svg%3E\");\n}\n\n.r-actions-item-active {\n &,\n &:hover {\n background-color: @token-color-grey-a3;\n }\n}\n\n.objects-toolbar {\n box-sizing: border-box;\n display: inline-block;\n inline-size: 100%;\n vertical-align: top;\n\n > .s-btn,\n .actions-menu > .s-btn,\n .search-control > .s-btn {\n float: inline-start;\n margin-block: 0 8px;\n margin-inline: 0 4px;\n padding-block: @btn-padding-block;\n padding-inline: @btn-padding-inline;\n border: none;\n border-radius: 2px;\n color: var(--btn-color, @btn-color);\n background-color: var(--btn-background-color, @btn-background);\n min-block-size: @btn-block-size;\n line-height: @btn-line-height;\n font-size: @btn-font-size;\n font-weight: @btn-font-weight;\n box-shadow: @btn-shadow;\n transition: background-color 0.18s;\n\n &:hover,\n &:focus {\n color: var(--btn-hover-color, @btn-hover-color);\n background-color: var(--btn-hover-background-color, @btn-hover-background);\n box-shadow: @btn-shadow-hover;\n outline: none;\n text-decoration: none;\n }\n\n &:focus {\n box-shadow: @btn-shadow-focus;\n }\n\n &:active,\n &.active {\n color: var(--btn-active-color, @btn-active-color);\n background-color: var(--btn-active-background-color, @btn-active-background);\n box-shadow: @btn-shadow-active;\n }\n\n &:active,\n &.active:focus {\n box-shadow: @btn-shadow-active-focus;\n }\n\n &.btn-disabled,\n &.btn-disabled:hover,\n &.btn-disabled:focus,\n &.btn-disabled:active,\n &.btn-disabled.active,\n &.disabled,\n &.disabled:hover,\n &.disabled:focus,\n &.disabled:active,\n &.disabled.active {\n color: var(--btn-color, @btn-color);\n background-color: var(--btn-background-color, @btn-background);\n box-shadow: @btn-shadow;\n opacity: 0.47;\n filter: none;\n }\n\n &::before {\n display: none;\n }\n }\n\n @media (min-width: @breakpoint-medium) {\n > .btn-primary {\n --btn-color: @btn-primary-color;\n --btn-background-color: @btn-primary-background;\n --btn-hover-color: @btn-primary-hover-color;\n --btn-hover-background-color: @btn-primary-hover-background;\n --btn-active-color: @btn-primary-active-color;\n --btn-active-background-color: @btn-primary-active-background;\n }\n }\n\n .actions-menu {\n margin-block: 0 8px;\n margin-inline: 0 4px;\n float: inline-start;\n\n > .s-btn {\n margin: 0;\n }\n\n > .s-btn::after {\n content: \"\";\n display: inline-block;\n inline-size: 6px;\n block-size: 6px;\n margin-block: 0;\n margin-inline: 6px -8px;\n vertical-align: 0;\n background-repeat: no-repeat;\n background-size: contain;\n .svg-arrow-6-block-end(@token-color-grey-8);\n }\n }\n\n span.separator,\n span.separator-disabled {\n float: inline-start;\n inline-size: 1px;\n block-size: 28px;\n margin-block: 0 8px;\n margin-inline: 0 11px;\n }\n\n .list-actions {\n float: inline-start;\n margin-block: 0 8px;\n margin-inline: 0 4px;\n line-height: 28px;\n\n select {\n block-size: 28px;\n vertical-align: top;\n }\n }\n\n .fm & .sb-settings,\n .actions-menu.list-type-switcher,\n .global-search-button.btn-icon-only {\n float: inline-end;\n margin-block: 0 8px;\n margin-inline: 4px 0;\n\n + .quick-search-box {\n margin-inline-end: 4px;\n }\n }\n\n .log-browser-options {\n float: inline-end;\n margin-block: 0 8px;\n margin-inline: 4px 0;\n\n .input-group input.form-control {\n block-size: 28px;\n padding-block: 4px;\n padding-inline: 8px;\n }\n\n .input-group-btn > .btn,\n .input-group-btn > .btn button {\n min-block-size: 28px;\n min-inline-size: 28px;\n padding: 4px;\n }\n\n .input-group-btn > .btn button {\n margin: -4px;\n }\n\n .dropdown-menu {\n min-inline-size: 100%;\n z-index: 1010;\n }\n }\n\n .list-type-switcher {\n > .popup-box {\n inset-inline: auto 0;\n }\n }\n\n .list-type-switcher > .s-btn {\n padding-inline: 6px;\n\n &::before {\n display: inline-block;\n margin: 0;\n }\n\n &::after {\n display: none;\n }\n }\n\n > .s-btn.btn-icon-only[class^=\"sb-\"],\n > .s-btn.btn-icon-only[class*=\" sb-\"] {\n block-size: 28px;\n inline-size: 28px;\n padding-inline: 6px;\n\n &::before {\n display: inline-block;\n margin-inline-start: 0;\n }\n }\n\n .list-type-switcher > .s-btn::before,\n .actions-menu > .s-btn::before,\n > .s-btn[class*=\" sb-\"]::before,\n .s-btn[class^=\"sb-\"]::before,\n .sb-btn[class*=\" sb-\"]::before,\n .sb-btn[class^=\"sb-\"]::before {\n margin-block-start: 2px;\n }\n\n > .sb-activate,\n > .sb-add-new,\n > .sb-add-subservice-instance,\n > .sb-add-new-addon,\n > .sb-new-domain-alias,\n > .sb-backup,\n > .sb-backup-subscription,\n > .sb-add-cert,\n > .sb-add-db,\n > .sb-new-domain,\n > .sb-add-new-ip,\n > .sb-add-mail-account,\n > .sb-add-mail-list,\n > .sb-add-new-customer,\n > .sb-add-new-plan,\n > .sb-add-new-reseller,\n > .sb-add-new-subscription,\n > .sb-add-new-own-subscription,\n > .sb-add-role,\n > .sb-new-subdomain,\n > .sb-add-user,\n > .sb-add-new-webmail,\n > .sb-install,\n > .sb-task-add,\n > .sb-archive-create,\n > .sb-archive-extract,\n > .sb-assign-new-owner,\n > .sb-change-subscription,\n > .sb-change-time,\n > .sb-schedule,\n > .sb-convert-to-customer,\n > .sb-convert-to-reseller,\n > .sb-copy,\n > .sb-copy-selected,\n > .sb-delete,\n > .sb-remove-selected,\n > .sb-clear-selected,\n > .sb-disable,\n > .sb-ftp-settings,\n > .sb-bounce-settings,\n > .sb-make-invisible,\n > .sb-make-visible,\n > .sb-manage-plugins,\n > .sb-manage-themes,\n > .sb-move,\n > .sb-switch-service,\n > .sb-refresh,\n > .sb-reread,\n > .sb-scan,\n > .sb-security-scan,\n > .sb-settings,\n > .sb-app-configure,\n > .sb-customize-columns,\n > .sb-customize-order,\n > .sb-subscription-customize,\n > .sb-upgrade,\n > .sb-update,\n > .sb-update-available,\n > .sb-upload,\n > .sb-upload-file,\n > .sb-webmail,\n > .sb-share,\n > .sb-share-disabled,\n > .sb-publish,\n > .sb-email-link,\n > .sb-clean,\n > .sb-suspend,\n > .sb-lock,\n > .sb-unlock,\n > .sb-start,\n > .sb-stop,\n > .sb-restart,\n > .sb-recreate,\n > .sb-waiting,\n > .sb-download,\n > .sb-download-config-file,\n > .sb-upload-config-file,\n > .sb-restore-defaults,\n > .actions-menu > .sb-add-new {\n padding-inline-start: 34px;\n\n &::before {\n display: inline-block;\n margin-inline-start: -22px;\n }\n }\n\n > .sb-add-new,\n > .sb-add-subservice-instance,\n > .sb-add-new-addon,\n > .sb-new-domain-alias,\n > .sb-add-cert,\n > .sb-add-db,\n > .sb-new-domain,\n > .sb-add-new-ip,\n > .sb-add-mail-account,\n > .sb-add-mail-list,\n > .sb-add-new-customer,\n > .sb-add-new-plan,\n > .sb-add-new-reseller,\n > .sb-add-new-subscription,\n > .sb-add-new-own-subscription,\n > .sb-add-role,\n > .sb-new-subdomain,\n > .sb-add-user,\n > .sb-add-new-webmail,\n > .sb-install,\n > .sb-task-add,\n > .actions-menu > .sb-add-new {\n &::before {\n .icon-small(\"toolbar-add.png\");\n }\n\n @media (min-width: @breakpoint-medium) {\n &.btn-primary::before {\n .icon-small(\"toolbar-add-active.png\");\n }\n }\n }\n\n > .sb-activate::before {\n .icon-small(\"toolbar-activate.png\");\n }\n\n > .sb-backup,\n > .sb-backup-subscription {\n &::before {\n .icon-small(\"toolbar-backup.png\");\n }\n\n @media (min-width: @breakpoint-medium) {\n &.btn-primary::before {\n .icon-small(\"toolbar-backup-active.png\");\n }\n }\n }\n\n > .sb-archive-create::before {\n .icon-small(\"toolbar-archive-create.png\");\n }\n\n > .sb-archive-extract::before {\n .icon-small(\"toolbar-archive-extract.png\");\n }\n\n > .sb-assign-new-owner::before {\n .icon-small(\"toolbar-assign-new-owner.png\");\n }\n\n > .sb-change-subscription::before {\n .icon-small(\"toolbar-change-subs.png\");\n }\n\n > .sb-change-time::before,\n > .sb-schedule::before {\n .icon-small(\"toolbar-change-time.png\");\n }\n\n > .sb-convert-to-customer::before {\n .icon-small(\"toolbar-convert-to-customer.png\");\n }\n\n > .sb-convert-to-reseller::before {\n .icon-small(\"toolbar-convert-to-resellers.png\");\n }\n\n > .sb-copy::before,\n > .sb-copy-selected::before {\n .icon-small(\"toolbar-copy.png\");\n }\n\n > .sb-delete::before,\n > .sb-remove-selected::before {\n .icon-small(\"toolbar-delete.png\");\n }\n\n > .sb-clear-selected::before {\n .icon-small(\"toolbar-clean-app-cache.png\");\n }\n\n > .sb-disable::before {\n .icon-small(\"toolbar-disable.png\");\n }\n\n > .sb-ftp-settings::before {\n .icon-small(\"toolbar-ftp-access.png\");\n }\n\n > .sb-bounce-settings::before {\n .icon-small(\"toolbar-mail-unknown.png\");\n }\n\n > .sb-make-invisible::before {\n .icon-small(\"toolbar-make-invisible.png\");\n }\n\n > .sb-make-visible::before {\n .icon-small(\"toolbar-make-visible.png\");\n }\n\n > .sb-manage-plugins::before {\n .icon-small(\"toolbar-manage-plugins.png\");\n }\n\n > .sb-manage-themes::before {\n .icon-small(\"toolbar-manage-themes.png\");\n }\n\n > .sb-move::before {\n .icon-small(\"toolbar-move.png\");\n }\n\n > .sb-switch-service::before {\n .icon-small(\"toolbar-on-off.png\");\n }\n\n > .sb-refresh::before,\n > .sb-reread::before {\n .icon-small(\"toolbar-refresh.png\");\n }\n\n > .sb-scan::before {\n .icon-small(\"toolbar-scan.png\");\n }\n\n > .sb-security-scan::before {\n .icon-small(\"toolbar-security-scan.png\");\n }\n\n > .sb-settings::before,\n > .sb-app-configure::before,\n > .sb-customize-columns::before,\n > .sb-subscription-customize::before {\n .icon-small(\"toolbar-settings.png\");\n }\n\n > .sb-upgrade::before,\n > .sb-update::before,\n > .sb-update-available::before,\n > .sb-upload-config-file::before {\n .icon-small(\"toolbar-update.png\");\n }\n\n > .sb-upload::before,\n > .sb-upload-file::before {\n .icon-small(\"toolbar-upload-files.png\");\n }\n\n > .sb-webmail::before {\n .icon-small(\"toolbar-webmail-on.png\");\n }\n\n > .sb-share::before,\n > .sb-share-disabled::before {\n .icon-small(\"toolbar-share.png\");\n }\n\n > .sb-publish::before {\n .icon-small(\"toolbar-publish.png\");\n }\n\n > .sb-email-link::before {\n .icon-small(\"toolbar-email-link.png\");\n }\n\n > .sb-clean::before {\n .icon-small(\"toolbar-clean-app-cache.png\");\n }\n\n > .sb-suspend::before {\n .icon-small(\"toolbar-suspend.png\");\n }\n\n > .sb-lock::before {\n .icon-small(\"toolbar-lock.png\");\n }\n\n > .sb-unlock::before {\n .icon-small(\"toolbar-unlock.png\");\n }\n\n > .sb-start::before {\n .icon-small(\"toolbar-start.png\");\n }\n\n > .sb-stop::before {\n .icon-small(\"toolbar-stop.png\");\n }\n\n > .sb-restart::before,\n > .sb-restore-defaults::before {\n .icon-small(\"toolbar-restart.png\");\n }\n\n > .sb-recreate::before {\n .icon-small(\"toolbar-recreate.png\");\n }\n\n > .sb-waiting::before {\n .icon-small(\"indicator.gif\");\n }\n\n > .sb-download::before,\n > .sb-download-config-file::before {\n .icon-small(\"toolbar-download.png\");\n }\n\n > .sb-customize-order::before {\n .icon-small(\"toolbar-customize-order.png\");\n }\n}\n\n// quick-search\n.objects-toolbar .quick-search-box {\n display: flex;\n box-sizing: border-box;\n float: inline-end;\n margin-block: 0 8px;\n margin-inline: 0;\n\n .search-field {\n flex: 1 1 auto;\n }\n\n input {\n float: inline-start;\n inline-size: 200px;\n block-size: 28px;\n margin: 0;\n padding-block: 4px;\n padding-inline: 8px 28px;\n\n &.default-description {\n color: @token-color-grey-8;\n }\n }\n\n &-wide,\n &-wide input {\n inline-size: 100%;\n }\n\n .search-field em {\n float: inline-start;\n inline-size: 16px;\n block-size: 16px;\n margin-block: 6px 0;\n margin-inline: -24px 0;\n cursor: pointer;\n background-repeat: no-repeat;\n background-size: 16px;\n .svg-search(@token-color-grey-8);\n }\n}\n\n.search-control .sb-search-hide::before,\n.actions-box #bid-search-hide span::before {\n .svg-arrow-12-block-start(@token-color-grey-8);\n}\n\n.search-control .sb-search-show::before,\n.actions-box #bid-search-show span::before {\n .svg-arrow-12-block-end(@token-color-grey-8);\n}\n\n.objects-toolbar .search-control > .s-btn {\n box-sizing: border-box;\n inline-size: 28px;\n block-size: 28px;\n margin: 0;\n padding-block: 4px;\n padding-inline: 8px;\n overflow: hidden;\n\n &::before {\n display: block;\n inline-size: 12px;\n block-size: 12px;\n margin-block: 4px 0;\n margin-inline: 0;\n background-size: contain;\n }\n}\n\n.search-box,\n.search-control .sb-search-hide,\n.actions-box-search-show .search-control .sb-search-show,\n.show #bid-search-show,\n.hide #bid-search-hide {\n display: none;\n}\n\n.actions-box-search-show .search-control .sb-search-hide {\n display: inline-block;\n}\n\n.actions-box-search-show .search-box {\n display: block;\n}\n\n.actions-box #bid-search-hide span,\n.actions-box #bid-search-show span {\n box-sizing: border-box;\n inline-size: 28px;\n block-size: 28px;\n margin: 0;\n padding-block: 4px;\n padding-inline: 8px;\n overflow: hidden;\n\n &::before {\n display: block;\n inline-size: 12px;\n block-size: 12px;\n margin-block: 4px 0;\n margin-inline: 0 28px;\n background-size: contain;\n }\n}\n\n/* = Toolbar search block =\n------------------------------------------------------------------------------ */\n\n.search-box {\n margin-block: 4px 16px;\n margin-inline: 0;\n padding-block: 4px 16px;\n padding-inline: 16px;\n border-radius: 2px;\n background-color: @token-color-grey-2;\n\n ul {\n display: inline-block;\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n li {\n display: inline-block;\n margin-block-start: 8px;\n\n span {\n display: block;\n margin-block: 0 4px;\n margin-inline: 0 8px;\n font-size: 12px;\n }\n\n input,\n select {\n margin-inline-end: 8px;\n }\n }\n\n .s-btn {\n border-radius: 2px;\n color: @btn-color;\n margin-block: 8px 0;\n margin-inline: 0 8px;\n padding-block: @btn-padding-block;\n padding-inline: @btn-padding-inline;\n background-color: @btn-background;\n min-block-size: @btn-block-size;\n line-height: @btn-line-height;\n font-size: @btn-font-size;\n font-weight: @btn-font-weight;\n box-shadow: @btn-shadow;\n vertical-align: bottom;\n transition: background-color 0.18s;\n\n &::before {\n display: none;\n }\n\n &:hover,\n &:focus {\n color: @btn-hover-color;\n background-color: @btn-hover-background;\n outline: none;\n text-decoration: none;\n box-shadow: @btn-shadow-hover;\n }\n\n &:focus {\n box-shadow: @btn-shadow-focus;\n }\n\n &:active,\n &.active {\n background-color: @btn-active-background;\n color: @btn-active-color;\n box-shadow: @btn-shadow-active;\n }\n\n &:active,\n &.active:focus {\n box-shadow: @btn-shadow-active-focus;\n }\n }\n\n .s-btn.btn-disabled {\n &,\n &:hover,\n &:focus,\n &:active,\n &.active {\n background-color: @btn-background;\n color: @btn-color;\n box-shadow: @btn-shadow;\n opacity: 0.47;\n }\n }\n}\n\n@media (max-width: @breakpoint-small-max) {\n .actions-box {\n margin-block-end: 8px;\n }\n\n .actions-box .objects-toolbar,\n .actions-box .objects-toolbar > .separator,\n .actions-box .objects-toolbar > .s-btn,\n .actions-box .objects-toolbar .actions-menu,\n .actions-box .objects-toolbar .quick-search-box,\n .actions-box-search-show .search-box {\n display: none;\n }\n\n .r-actions-active .objects-toolbar,\n .r-actions-active-toolbar .objects-toolbar > .s-btn,\n .r-actions-active-toolbar .objects-toolbar .actions-menu,\n .r-actions-active-search.actions-box-search-show .search-box {\n display: block;\n }\n\n .r-actions-active-search .objects-toolbar .quick-search-box {\n display: flex;\n }\n\n .objects-toolbar {\n margin-block-start: 8px;\n padding-block: 4px;\n padding-inline: 0;\n background-color: @dropdown-background;\n box-shadow: @dropdown-shadow;\n\n .r-actions-active-search & {\n padding: 0;\n box-shadow: none;\n background-color: transparent;\n }\n\n .actions-menu .popup-box ul > li > a,\n .fm-popup-file-operations.popup-box ul > li > a,\n .popup-menu.popup-box ul > li > a {\n padding-block: 8px;\n padding-inline: 10px;\n }\n\n > .s-btn.btn-icon-only[class*=\" sb-\"],\n > .s-btn.btn-icon-only[class^=\"sb-\"] {\n inline-size: 100%;\n padding-block: 8px;\n padding-inline: 10px;\n }\n\n > .s-btn,\n .actions-menu,\n .actions-menu > .s-btn,\n .fm & .sb-settings,\n .actions-menu.list-type-switcher,\n .global-search-button.btn-icon-only {\n float: none;\n display: block;\n margin: 0;\n }\n\n > .s-btn,\n .actions-menu > .s-btn {\n --btn-background-color: transparent;\n --btn-hover-color: @dropdown-item-hover-color;\n --btn-hover-background-color: @dropdown-item-hover-background;\n --btn-active-color: @dropdown-item-active-color;\n --btn-active-background-color: @dropdown-item-active-background;\n\n padding-block: 8px;\n background-color: transparent;\n box-shadow: none;\n border-radius: 0;\n font-size: @base-body-font-size;\n font-weight: 400;\n\n &:hover,\n &:focus,\n &:active,\n &.active,\n &.btn-disabled,\n &.btn-disabled:hover,\n &.btn-disabled:focus,\n &.btn-disabled:active,\n &.btn-disabled.active,\n &.disabled,\n &.disabled:hover,\n &.disabled:focus,\n &.disabled:active,\n &.disabled.active {\n box-shadow: none;\n }\n }\n\n .actions-menu.list-type-switcher {\n margin: 0;\n }\n\n .actions-box & .actions-menu {\n float: none;\n }\n\n .actions-box:not(.r-actions-active-search) & > .separator,\n .actions-box:not(.r-actions-active-search) & > .separator-disabled {\n display: block;\n float: none;\n block-size: @dropdown-divider-block-size;\n inline-size: auto;\n margin: @dropdown-divider-margin;\n background-color: @dropdown-divider-color;\n }\n\n .actions-menu {\n margin: 0;\n\n > .s-btn {\n display: none;\n }\n\n .popup-box,\n .popup-box.collapsed {\n position: static;\n display: block;\n overflow: visible;\n max-block-size: none;\n max-inline-size: none;\n visibility: visible;\n opacity: 1;\n float: none;\n margin: 0;\n padding: 0;\n box-shadow: none;\n }\n }\n\n .list-actions {\n float: none;\n display: block;\n margin-block: 0;\n margin-inline: 10px;\n }\n\n .actions-menu.list-type-switcher,\n .global-search-button.btn-icon-only {\n float: none;\n }\n\n .log-browser-options {\n float: none;\n margin: 0;\n padding-block: 0;\n padding-inline: 10px;\n\n .input-group,\n .input-group input.form-control {\n inline-size: 100%;\n }\n\n .input-group .input-group-btn {\n inline-size: 1%;\n }\n\n .btn,\n .btn > button {\n background-color: @btn-background;\n }\n\n .dropdown-menu {\n position: static;\n float: none;\n margin-block: 0;\n margin-inline: -10px;\n padding-block-end: 0;\n box-shadow: none;\n }\n\n .dropdown-menu .dropdown-menu-content {\n padding-block: 8px;\n padding-inline: 10px;\n }\n }\n }\n\n // quick-search\n .objects-toolbar .quick-search-box {\n float: none;\n padding: 0;\n\n input {\n inline-size: 100%;\n }\n }\n\n .objects-toolbar .search-control > .s-btn {\n background-color: @btn-background;\n }\n\n .objects-toolbar > .pul-switch {\n float: none;\n margin-block: 0;\n margin-inline: 10px;\n padding-block: 4px;\n padding-inline: 0;\n }\n\n /* = Toolbar search block =\n------------------------------------------------------------------------------ */\n\n .search-box {\n margin-block-start: 0;\n padding-block: 4px 16px;\n padding-inline: 16px;\n background-color: @token-color-grey-2;\n\n ul {\n display: block;\n }\n\n li {\n display: block;\n\n input,\n select {\n margin-inline-end: 0;\n min-inline-size: 100%;\n }\n }\n\n .s-btn {\n background-color: @btn-background;\n\n &:hover,\n &:focus {\n background-color: @btn-hover-background;\n }\n\n &:active,\n &.active {\n background-color: @btn-active-background;\n }\n }\n }\n}\n\n@media (min-width: @breakpoint-medium) {\n .r-actions {\n display: none;\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n@import \"../styles/_variables\";\n@import \"../styles/_mixins\";\n\n/* doc\n---\ntitle: \"Collapsible Block\"\nname: collapsible-block\ncategory: \"Components - Collapsible Block\"\n---\n\n- [collapsible-block.less] (https://git.plesk.tech/projects/PLESK/repos/plesk/browse/common/theme/less/core/collapsible-block.less)\n\n```html_example\n<div class=\"form-box b-collapsible hide\">\n <div class=\"box-area\">\n <div class=\"title \"><div class=\"title-area\"><h3><span>Show more available resources</span></h3></div></div>\n <div class=\"content\">\n <div class=\"content-area\">...</div>\n </div>\n </div>\n</div>\n```\n\n```html_example\n<p><a class=\"e-collapsible-title e-collapsible-title-collapsed\" href=\"#!\"><span>Show Advanced Settings</span></a></p>\n```\n*/\n\n.b-collapsible > .box-area > .title h3,\n.e-collapsible-title {\n position: relative;\n display: inline-block;\n margin-block: 0 @base-margin-block;\n margin-inline: 0;\n padding-block: 0;\n padding-inline: 16px 0;\n cursor: pointer;\n font-size: 14px;\n line-height: 1.429;\n color: @base-link-color;\n\n &::before {\n content: \"\";\n position: absolute;\n inline-size: 8px;\n block-size: 8px;\n inset-block-start: 6px;\n inset-inline-start: 0;\n border: none;\n .svg-arrow-8-block-start(@base-link-color);\n\n background-repeat: no-repeat;\n background-size: contain;\n transition: transform 0.25s;\n }\n\n &::after {\n display: none;\n }\n\n &:hover {\n color: @base-link-hover-color;\n }\n\n span {\n display: inline-block;\n border-block-end: 1px dotted;\n cursor: pointer;\n }\n}\n\n.b-collapsible.hide > .box-area > .title h3::before,\n.e-collapsible-title-collapsed::before {\n transform: rotate(180deg);\n}\n\n.b-collapsible > .box-area > .title h3 .title-content-show,\n.b-collapsible.hide .title .title-content-hide,\n.b-collapsible.hide .content {\n display: none;\n}\n\n.b-collapsible.hide .title h3 .title-content-show {\n display: inline;\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n@import \"../styles/_variables\";\n@import \"../styles/_mixins\";\n\n/* doc\n---\ntitle: \"Pathbar\"\nname: pathbar\ncategory: \"Components - Pathbar\"\n---\n\n```html_example\n<div class=\"pathbar clearfix\">\n <ul>\n <li><a href=\"#!\"><span>Home</span></a><b>></b></li>\n <li><a href=\"#!\"><span>Domains</span></a><b>></b></li>\n <li><a href=\"#!\"><span>plesk.com</span></a><b>></b></li>\n <li><a href=\"#!\"><span>PHP Settings</span></a><b>></b></li>\n </ul>\n</div>\n```\n*/\n\n.pathbar {\n margin-block: -8px 4px;\n margin-inline: 0;\n font-size: 12px;\n color: @base-body-color;\n\n ul {\n display: inline-block;\n inline-size: 100%;\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n b {\n display: none;\n }\n}\n\n.pathbar li {\n float: inline-start;\n line-height: 16px;\n margin-block: 0 4px;\n margin-inline: 0;\n\n > a,\n > span {\n position: relative;\n float: inline-start;\n }\n\n &::after {\n display: inline-block;\n content: \"\";\n inline-size: 8px;\n block-size: 8px;\n margin-block: 0;\n margin-inline: 2px;\n vertical-align: 0;\n background-repeat: no-repeat;\n background-size: contain;\n .svg-arrow-8-inline-end(@token-color-grey-5);\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n@import \"../styles/_variables\";\n@import \"../styles/_mixins\";\n\n.tabs {\n margin-block-end: @base-margin-block;\n\n ul {\n margin: 0;\n padding: 0;\n list-style: none;\n border-inline-start: 2px solid @tabs-border-color;\n }\n\n li {\n display: block;\n position: relative;\n font-size: 14px;\n font-weight: 600;\n line-height: 1.143;\n }\n\n li > a {\n position: relative;\n display: block;\n margin-block-end: 4px;\n padding-block: 6px;\n padding-inline: 12px;\n color: @tab-color;\n text-decoration: none;\n background-color: transparent;\n\n &::before {\n content: \"\";\n position: absolute;\n inset-inline-start: -2px;\n inset-block-start: 0;\n block-size: 100%;\n inline-size: 2px;\n background-color: transparent;\n }\n }\n\n li > a:hover {\n color: @tab-color-hover;\n background-color: transparent;\n }\n\n li:not(.active) > a:hover::before,\n li:not(.active) > a:focus::before {\n background-color: @tab-hover-indicator-color;\n transition: 0.18s ease-out;\n }\n\n li > a:focus {\n outline: 0;\n\n &::after {\n content: \"\";\n position: absolute;\n inset-block: 0;\n inset-inline: -4px;\n border-radius: 2px;\n box-shadow: 0 0 0 4px rgb(0 149 255 / 0.2);\n }\n }\n\n li > a:focus:not(:focus-visible)::after {\n content: none;\n display: none;\n }\n\n li > a:focus-visible::after {\n content: \"\";\n position: absolute;\n inset-block: 0;\n inset-inline: -4px;\n border-radius: 2px;\n box-shadow: 0 0 0 4px rgb(0 149 255 / 0.2);\n }\n}\n\n.tabs li .close {\n float: inline-end;\n inline-size: 14px;\n margin-inline-start: 2px;\n text-align: end;\n text-shadow: none;\n cursor: pointer;\n\n &:hover {\n opacity: 0.5;\n }\n\n &::before {\n content: \"\\2715\";\n font-weight: 400;\n font-size: 12px;\n color: @base-link-color;\n }\n}\n\n.tabs .active > a {\n &,\n &:hover {\n position: relative;\n background-color: transparent;\n color: @tab-color-selected;\n\n &::before {\n content: \"\";\n position: absolute;\n inset-block-start: 0;\n inset-inline-start: -2px;\n block-size: 100%;\n inline-size: 2px;\n background-color: @tab-color-selected;\n }\n }\n}\n\n@media (max-width: @breakpoint-small-max) {\n .tabs li > a {\n font-size: 14px;\n line-height: 1.143;\n }\n\n .tabs .active {\n > a,\n > a:hover {\n margin-block-end: 4px;\n padding-inline-end: 24px;\n background-color: transparent;\n color: @tab-color-selected;\n box-shadow: none;\n }\n\n > a::before {\n display: block;\n }\n\n &::after {\n content: \"\";\n position: absolute;\n display: inline-block;\n inline-size: 8px;\n block-size: 8px;\n inset-block-start: 50%;\n inset-inline-end: 0;\n margin-block: -4px 0;\n margin-inline: 4px 12px;\n .svg-arrow-8-block-end(@base-link-color);\n\n background-repeat: no-repeat;\n background-size: contain;\n }\n }\n\n .tabs li:not(.active) {\n display: none;\n\n .responsive-tabs-visible& {\n display: block;\n animation: fade 0.2s ease-in-out;\n }\n }\n}\n\n@media (min-width: @breakpoint-medium) {\n .page-content-header .tabs {\n margin-block: 0;\n margin-inline: -24px;\n padding-block: 0;\n padding-inline: 24px;\n }\n\n .tabs-area {\n border-block-end: 2px solid @tabs-border-color;\n\n ul {\n margin-inline-start: -24px;\n display: flex;\n flex-wrap: wrap;\n padding: 0;\n border-inline-start: none;\n }\n\n li {\n flex: none;\n }\n }\n\n .tabs li > a {\n margin-block: 2px 0;\n margin-inline: 24px 0;\n padding-block: 6px;\n padding-inline: 0;\n border: none;\n\n &::before {\n inset-block: auto -2px;\n inset-inline-start: 0;\n block-size: 2px;\n inline-size: 100%;\n }\n\n &:focus::after {\n inset-block-end: -2px;\n }\n\n &:focus-visible::after {\n inset-block-end: -2px;\n }\n }\n\n .tabs .active > a {\n margin-block-end: -1px;\n padding-block-end: 7px;\n }\n\n .tabs .active > a,\n .tabs .active > a:hover {\n margin-block-end: 0;\n padding-block-end: 6px;\n\n &::before {\n inset-block: auto -2px;\n inset-inline-start: 0;\n block-size: 2px;\n inline-size: 100%;\n }\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n@import \"../styles/_variables\";\n@import \"../styles/_mixins\";\n\n/* doc\n---\ntitle: \"Modal Popup Dialog\"\nname: modals-01\ncategory: \"Components - Modals\"\n---\n\n- [modal-dialog-box.less] (https://git.plesk.tech/projects/PLESK/repos/plesk/browse/common/theme/less/core/modals.less)\n- [Description] (https://docs.plesk.ru/display/PPP/05+-+Widgets#id-05-Widgets-ModalPopupDialog)\n\n### Modal sizes\n- `popup-panel-sm` - 490px\n- `popup-panel-md` - 600px\n- `popup-panel-lg` - 900px\n- `popup-panel-xl` - 1200px\n- `popup-panel-auto` - auto\n\n```html_example\n<div class=\"modal-open\">\n <div class=\"main-disabled-block\"></div>\n\n <div class=\"popup-panel\">\n <div class=\"popup-wrapper\">\n <div class=\"popup-container\">\n <div class=\"popup-heading\">\n <div class=\"popup-heading-area\">\n <span class=\"close\"></span>\n <h2><span>Title</span></h2>\n </div>\n </div>\n <div class=\"popup-content\">\n <div class=\"popup-content-area\">Content</div>\n </div>\n </div>\n </div>\n </div>\n\n <div class=\"popup-panel\">\n <div class=\"popup-wrapper\">\n <div class=\"popup-container\">\n <div class=\"popup-heading\">\n <div class=\"popup-heading-area\">\n <h2 class=\"pp-configure-email-client\"><span>Title</span></h2>\n </div>\n </div>\n <div class=\"popup-content\">\n <div class=\"popup-content-area\">Content</div>\n </div>\n </div>\n </div>\n </div>\n\n</div>\n```\n*/\n\n// Container for scrolls\n.popup-panel {\n position: fixed;\n z-index: @modal-zindex;\n inset-block: 0;\n inset-inline: 0;\n display: none;\n overflow: hidden;\n outline: 0;\n -webkit-overflow-scrolling: touch;\n justify-content: center;\n\n // Vertical centered position for the modal dialog\n &-centered {\n align-items: center;\n }\n\n // Show modal dialog\n .modal-open & {\n display: flex;\n overflow: hidden scroll;\n }\n\n // Modal wrapper to position\n .popup-wrapper {\n position: relative;\n inline-size: ~\"calc(100% - 20px)\";\n margin-block: 30px;\n margin-inline: 10px;\n animation: fade-block-start 0.3s ease-in-out;\n flex: 1 1 auto;\n\n @media (min-width: 620px) {\n max-inline-size: 600px;\n }\n }\n\n .single-row {\n .field-name,\n .field-value {\n display: block;\n float: none;\n margin-block: 3px 0;\n margin-inline: 0;\n }\n\n .field-value {\n margin-inline-start: 0;\n }\n\n .btn,\n .btn-group {\n margin-block: 0;\n margin-inline: 5px;\n }\n }\n\n .btns-box {\n margin-block-end: 14px;\n\n &.no-separator {\n margin-block-start: 0;\n padding-block-start: 0;\n border-block-start: 0;\n box-shadow: none;\n }\n\n &.simple-box .form-row .field-value {\n text-align: end;\n }\n }\n\n .btns-box .single-row {\n text-align: center;\n\n .field-name {\n display: none;\n }\n\n .field-value {\n margin: 0;\n }\n\n .btn,\n .btn-group {\n margin-block: 0;\n margin-inline: 5px;\n }\n }\n\n .btns-box .btn-group > .btn {\n margin: 0;\n\n + .btn {\n margin-inline-start: -1px;\n }\n\n &:first-child {\n margin-inline-start: 0;\n }\n }\n\n .loading-block {\n padding-block: 20px 30px;\n padding-inline: 0;\n text-align: center;\n }\n\n .social-links {\n padding-block: 10px;\n padding-inline: 0;\n text-align: center;\n\n > a {\n margin-block: 0;\n margin-inline: 5px;\n }\n }\n\n .social-links .twitter-share-button {\n display: inline-block;\n padding-block: 6px;\n padding-inline: 9px 10px;\n background-color: #1b95e0;\n color: #fff;\n border-radius: 4px;\n white-space: nowrap;\n\n &:active,\n &:focus,\n &:hover {\n background-color: #0c7abf;\n text-decoration: none;\n }\n\n &::before {\n content: \"\";\n display: inline-block;\n block-size: 18px;\n inline-size: 18px;\n margin-inline-end: 3px;\n vertical-align: top;\n background: 0 0 no-repeat;\n background: ~\"url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2072%2072%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h72v72H0z%22%2F%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%23fff%22%20d%3D%22M68.812%2015.14c-2.348%201.04-4.87%201.744-7.52%202.06%202.704-1.62%204.78-4.186%205.757-7.243-2.53%201.5-5.33%202.592-8.314%203.176C56.35%2010.59%2052.948%209%2049.182%209c-7.23%200-13.092%205.86-13.092%2013.093%200%201.026.118%202.02.338%202.98C25.543%2024.527%2015.9%2019.318%209.44%2011.396c-1.125%201.936-1.77%204.184-1.77%206.58%200%204.543%202.312%208.552%205.824%2010.9-2.146-.07-4.165-.658-5.93-1.64-.002.056-.002.11-.002.163%200%206.345%204.513%2011.638%2010.504%2012.84-1.1.298-2.256.457-3.45.457-.845%200-1.666-.078-2.464-.23%201.667%205.2%206.5%208.985%2012.23%209.09-4.482%203.51-10.13%205.605-16.26%205.605-1.055%200-2.096-.06-3.122-.184%205.794%203.717%2012.676%205.882%2020.067%205.882%2024.083%200%2037.25-19.95%2037.25-37.25%200-.565-.013-1.133-.038-1.693%202.558-1.847%204.778-4.15%206.532-6.774z%22%2F%3E%3C%2Fsvg%3E)\";\n }\n }\n\n .pathbar {\n margin: 0;\n }\n\n .eula {\n block-size: 300px;\n overflow: auto;\n margin-block: 0 20px;\n margin-inline: 0;\n padding: 16px;\n border: 1px solid #ddd;\n\n h1 {\n padding-block-end: 14px;\n border-block-end: 1px solid #ddd;\n font-size: 24px;\n font-weight: 400;\n }\n\n ol.eula-list {\n counter-reset: count;\n list-style-type: none;\n padding-inline-start: 2.5em;\n }\n\n .eula-list ol {\n padding-inline-start: 0;\n }\n\n .eula-list li {\n margin-block-end: 16px;\n }\n\n .eula-list li > ol {\n margin-block-start: 16px;\n }\n\n .eula-list li::before {\n counter-increment: count;\n content: counters(count, \".\") \". \";\n margin-inline-start: -2.5em;\n float: inline-start;\n font-weight: 600;\n }\n\n .eula-list li li::before {\n font-weight: 400;\n }\n\n ol.eula-list-roman {\n counter-reset: count;\n list-style-type: none;\n padding-inline-start: 1.6em;\n }\n\n .eula-list-roman li::before {\n counter-increment: count;\n content: \"(\" counter(count, lower-roman) \") \";\n float: inline-start;\n margin-inline-start: -1.6em;\n }\n }\n}\n\n// Modal sizes\n.popup-panel-sm .popup-wrapper {\n @media (min-width: 510px) {\n max-inline-size: 490px;\n }\n}\n\n.popup-panel-md .popup-wrapper {\n @media (min-width: 620px) {\n max-inline-size: 600px;\n }\n}\n\n.popup-panel-lg .popup-wrapper,\n.popup-panel-xl .popup-wrapper {\n @media (min-width: 920px) {\n max-inline-size: 900px;\n }\n}\n\n.popup-panel-xl .popup-wrapper {\n @media (min-width: 1220px) {\n max-inline-size: 1200px;\n }\n}\n\n.popup-panel-auto .popup-wrapper {\n flex: 0 1 auto;\n max-inline-size: none;\n inline-size: auto;\n\n .img-screenshot {\n max-inline-size: 100%;\n block-size: auto;\n }\n}\n\n// Actual modal\n.popup-panel .popup-container {\n position: relative;\n word-wrap: break-word;\n overflow-wrap: break-word;\n outline: 0;\n background-clip: padding-box;\n border-radius: 16px;\n box-shadow: 0 2px 4px rgb(0 0 0 / 0.1);\n}\n\n// Modal header\n.popup-panel .popup-heading {\n position: relative;\n padding-block: 0;\n padding-inline: 16px;\n border-start-start-radius: 16px;\n border-start-end-radius: 16px;\n border-end-end-radius: 0;\n border-end-start-radius: 0;\n line-height: 32px;\n font-size: 12px;\n font-weight: 400;\n color: @modal-heading-color;\n background-color: @modal-heading-background;\n\n // Close icon\n .close {\n float: inline-end;\n margin-inline-start: 10px;\n font-size: 16px;\n line-height: 32px;\n font-weight: 400;\n color: #737373;\n cursor: pointer;\n\n &::before {\n content: \"\\2715\";\n }\n\n &:hover {\n color: #222;\n }\n }\n\n a {\n color: @modal-heading-link-color;\n }\n\n a:hover {\n color: @modal-heading-link-hover-color;\n }\n\n .popup-heading-actions {\n float: inline-end;\n margin-inline-start: 4px;\n }\n\n // Title text\n h2 {\n display: flex;\n margin: 0;\n padding: 0;\n color: #222;\n font-size: 24px;\n font-weight: 400;\n line-height: 32px;\n align-items: flex-start;\n\n > span {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n }\n // Title icons\n [class^=\"pp-\"]::before,\n [class*=\" pp-\"]::before {\n display: block;\n inline-size: 32px;\n block-size: 32px;\n margin-inline-end: 8px;\n content: \"\";\n background-size: 32px;\n align-self: flex-start;\n flex: 0 0 auto;\n }\n\n .pp-upload::before {\n .icon-medium(\"upload.png\");\n }\n\n .pp-download::before {\n .icon-medium(\"download.png\");\n }\n\n .pp-alert::before {\n .icon-medium(\"file-alert.png\");\n }\n\n .pp-add-folder::before {\n .icon-medium(\"file-add-folder.png\");\n }\n\n .pp-share::before {\n .icon-medium(\"file-share.png\");\n }\n\n .pp-publish::before {\n .icon-medium(\"file-publish.png\");\n }\n\n .pp-copy::before {\n .icon-medium(\"file-copy.png\");\n }\n\n .pp-move::before {\n .icon-medium(\"file-move.png\");\n }\n\n .pp-delete::before {\n .icon-medium(\"file-delete.png\");\n }\n\n .pp-send-link::before {\n .icon-medium(\"file-send-link.png\");\n }\n\n .pp-error::before {\n .icon-medium(\"file-error.png\");\n }\n\n .pp-configure-email-client::before,\n .pp-email-link::before {\n .icon-medium(\"mail.png\");\n }\n\n .pp-access::before {\n .icon-medium(\"change-passwd.png\");\n }\n\n .pp-add-file::before {\n .icon-medium(\"file-add.png\");\n }\n\n .pp-archive-extract::before {\n .icon-medium(\"archive-extract.png\");\n }\n\n .pp-archive-create::before {\n .icon-medium(\"archive-create.png\");\n }\n\n .pp-security::before {\n .icon-medium(\"protect.png\");\n }\n\n .pp-wordpress::before {\n .icon-medium(\"wordpresses.png\");\n }\n\n .pp-edit-description::before {\n .icon-medium(\"edit-description.png\");\n }\n}\n\n.popup-panel .popup-heading-area {\n padding-block: 18px;\n padding-inline: 0;\n border-block-end: 1px solid #d3d3de;\n}\n\n// Modal body\n.popup-panel .popup-content {\n position: relative;\n background-color: @modal-background;\n border-radius: 16px;\n}\n\n.popup-panel .popup-heading + .popup-content {\n border-start-start-radius: 0;\n border-start-end-radius: 0;\n}\n\n.popup-panel .popup-content-area {\n box-sizing: border-box;\n padding: 16px;\n overflow-y: auto;\n max-block-size: ~\"calc(100vh - 124px)\";\n min-block-size: 110px;\n position: relative;\n}\n\n.popup-panel-full-height {\n .popup-content-area {\n overflow-y: visible;\n max-block-size: none;\n }\n\n .popup-container {\n margin-block-end: 30px;\n }\n}\n\n.popup-panel-scrollable {\n .popup-content-area {\n padding-block-end: 0;\n border-end-end-radius: 16px;\n border-end-start-radius: 16px;\n }\n\n .form-box {\n box-sizing: border-box;\n margin: -16px;\n padding: 16px;\n overflow-y: auto;\n max-block-size: ~\"calc(100vh - 124px)\";\n min-block-size: 110px;\n\n &::after {\n content: \"\";\n display: block;\n block-size: 60px;\n visibility: hidden;\n }\n }\n\n .btns-box {\n block-size: 40px;\n position: relative;\n margin-block: -70px 0;\n margin-inline: 0;\n padding-block: 10px 20px;\n background-color: @modal-background;\n }\n}\n\n@media (min-width: @breakpoint-medium) {\n .popup-form-vertical .form-row {\n .field-name {\n inline-size: auto;\n float: none;\n }\n\n .field-name,\n .field-value,\n .single-row {\n margin-block: 4px;\n margin-inline: 0;\n }\n\n .text-value {\n padding: 0;\n }\n }\n\n .popup-form-vertical .btns-box .form-row {\n .field-name,\n .field-value,\n .single-row {\n margin-block: 4px 0;\n margin-inline: 0;\n }\n }\n}\n// Lists\n.popup-pane .list {\n overflow: auto;\n\n > table > tfoot tr td {\n border-color: transparent;\n }\n\n > table > tfoot tr:first-child td {\n border-block-start: 1px double #d6d6d6;\n }\n}\n\n.popup-panel-security .list {\n table > tbody > tr > td,\n table > tfoot > tr > td {\n padding-block: 8px;\n }\n\n .btn {\n margin-block: -4px;\n margin-inline: 0 10px;\n vertical-align: top;\n }\n\n .hint-minor {\n font-size: 12px;\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n@import \"../styles/_variables\";\n@import \"../styles/_mixins\";\n\n/* doc\n---\ntitle: \"Double-List Selector\"\nname: double-list-selector\ncategory: \"Components - Double-List Selector\"\n---\n\n- [double-list-selector.less] (https://git.plesk.tech/projects/PLESK/repos/plesk/browse/common/theme/less/core/double-list-selector.less)\n\n```html_example\n<div class=\"double-list-select dls-large dls-icons-1\">\n <div class=\"dls-first-box\">\n <div class=\"dls-search\">\n <form>\n <input type=\"text\" value=\"\" autocomplete=\"off\" class=\"search-input search-empty\">\n <span class=\"search-button icon-search\"></span>\n </form>\n </div>\n <h4><span>Available:</span></h4>\n <div class=\"dls-box-area\">\n <ul>\n <li><div class=\"dls-item-block\"><b>4images</b><span></span><span class=\"dls-icons\"><i class=\"icon\"><img src=\"theme/icons/16/plesk/commerce-app.png\"></i></span></div></li>\n <li><div class=\"dls-item-block\"><b>advancedguestbook</b><span></span></div></li>\n <li class=\"marked\"><div class=\"dls-item-block\"><b>AdvancedPoll</b><span></span></div></li>\n </ul>\n </div>\n </div>\n <div class=\"dls-second-box\">\n <div class=\"dls-search\">\n <form>\n <input type=\"text\" value=\"\" autocomplete=\"off\" class=\"search-input search-empty\">\n <span class=\"search-button search-button-clear icon-search\"></span>\n </form>\n </div>\n <h4><span>Selected:</span></h4>\n <div class=\"dls-box-area\">\n <ul>\n <li style=\"display: none;\">\n <div class=\"dls-item-block\"><b>4images</b><span></span><span class=\"dls-icons\"><i class=\"icon\"><img src=\"theme/icons/16/plesk/commerce-app.png\"></i></span></div>\n </li>\n <li style=\"display: none;\"><div class=\"dls-item-block\"><b>advancedguestbook</b><span></span></div></li>\n <li style=\"display: none;\"><div class=\"dls-item-block\"><b>AdvancedPoll</b><span></span></div></li>\n </ul>\n </div>\n </div>\n <div class=\"dls-controls\">\n <span class=\"btn\"><button onclick=\"return false;\"><span class=\"dls-add\">>></span></button></span>\n <span class=\"btn disabled\"><button onclick=\"return false;\"><span class=\"dls-remove\"><<</span></button></span>\n </div>\n</div>\n```\n*/\n\n@dls-item-hover-background: @token-color-primary-1;\n@dls-over-border: @token-color-primary-2;\n@dls-search-result-label-background: #e6efd4;\n\n.double-list-select {\n position: relative;\n overflow: hidden;\n inline-size: 100%;\n max-inline-size: 960px;\n block-size: 174px;\n}\n\n.double-list-select.dls-large {\n block-size: 428px;\n}\n\n.dls-first-box,\n.dls-second-box {\n inline-size: 49.9%;\n block-size: 174px;\n}\n\n.dls-large .dls-first-box,\n.dls-large .dls-second-box {\n inline-size: 49.9%;\n block-size: 428px;\n}\n\n.dls-second-box {\n position: relative;\n inset-block-start: -174px;\n inset-inline-start: 50%;\n}\n\n.dls-large .dls-second-box {\n inset-block-start: -428px;\n}\n\n.double-list-select h4 {\n margin-block-end: 8px;\n font-size: 16px;\n line-height: 1.75;\n font-weight: 600;\n}\n\n.dls-second-box h4 {\n margin-inline-start: 54px;\n}\n\n.dls-search {\n position: relative;\n float: inline-end;\n margin-block: 0 8px;\n margin-inline: 8px 0;\n inline-size: 250px;\n\n .dls-first-box & {\n margin-inline-end: 54px;\n }\n\n .search-input {\n display: block;\n inline-size: 100%;\n margin: 0;\n padding-inline-end: 30px;\n }\n\n .search-button {\n position: absolute;\n inset-block-start: 0;\n inset-inline-end: 0;\n inline-size: 16px;\n block-size: 16px;\n margin-block: 6px 0;\n margin-inline: 0 8px;\n padding: 0;\n background-repeat: no-repeat;\n background-size: 16px 16px;\n .svg-search(@token-color-grey-8);\n }\n\n .search-button-clear {\n cursor: pointer;\n .svg-cross(@token-color-grey-8);\n }\n\n input:focus {\n outline: none;\n }\n}\n\n.dls-box-area {\n clear: both;\n overflow: auto;\n block-size: 138px;\n margin-block: 0;\n margin-inline: 0 54px;\n padding: 0;\n box-sizing: border-box;\n border: 1px solid #ececec;\n border-radius: 2px;\n background: #fff;\n\n .dls-sort-controls {\n visibility: hidden;\n transition: opacity 0.3s linear;\n opacity: 0;\n\n .icon {\n cursor: pointer;\n }\n\n .icon.disabled {\n cursor: default;\n opacity: 0.4;\n }\n }\n\n .dls-item-block:hover .dls-sort-controls {\n visibility: visible;\n opacity: 1;\n }\n\n .dls-large & {\n block-size: 392px;\n }\n\n .dls-second-box & {\n margin-block: 0;\n margin-inline: 54px 0;\n }\n\n ul {\n margin: 0;\n padding: 0;\n list-style: none;\n\n ul {\n margin-block: 8px -9px;\n margin-inline: -24px -16px;\n }\n }\n\n li {\n position: relative;\n margin-block: -1px 0;\n margin-inline: 0;\n padding-block: 8px;\n padding-inline: 24px 16px;\n list-style: none;\n cursor: default;\n border: solid #ececec;\n border-width: logical 1px 0;\n background-color: #fff;\n user-select: none;\n -webkit-touch-callout: none;\n }\n\n li.marked,\n li.marked .dls-item-block:hover {\n background-color: @token-color-grey-2;\n }\n\n li .collapsible-control {\n position: absolute;\n inline-size: 16px;\n block-size: 16px;\n margin-block: 2px 0;\n margin-inline: -20px 0;\n padding: 0;\n cursor: pointer;\n transition: transform 0.25s;\n }\n\n b {\n font-weight: 400;\n }\n\n span {\n display: block;\n padding: 0;\n color: @token-color-grey-8;\n }\n}\n\n.dls-group .collapsible-control i {\n display: block;\n inline-size: 8px;\n block-size: 8px;\n margin: 4px;\n padding: 0;\n cursor: pointer;\n background-repeat: no-repeat;\n background-size: contain;\n background-position: 0 0;\n .svg-arrow-8-block-end(@token-color-grey-8);\n}\n\n.dls-group-collapsed .collapsible-control i {\n transform: rotate(-90deg);\n}\n\n.dls-icons {\n position: absolute;\n inset-block-start: 0;\n inset-inline-end: 16px;\n margin-block: 8px 0;\n margin-inline: 0;\n white-space: nowrap;\n}\n\n.dls-box-area li li .dls-item-block {\n padding-inline-start: 40px;\n}\n\n.dls-item-block {\n position: relative;\n margin-block: -8px;\n margin-inline: -24px -16px;\n padding-block: 8px;\n padding-inline: 24px 16px;\n\n &:hover {\n background-color: @dls-item-hover-background;\n }\n}\n\n.dls-icons-1 .dls-item-block {\n padding-inline-end: 40px;\n}\n\n.dls-icons-2 .dls-item-block {\n padding-inline-end: 60px;\n}\n\n.dls-icons-3 .dls-item-block {\n padding-inline-end: 80px;\n}\n\n.dls-icons-4 .dls-item-block {\n padding-inline-end: 100px;\n}\n\n.dls-group-collapsed ul {\n display: none;\n}\n\n.dls-controls {\n position: absolute;\n inset-block-start: 50%;\n inset-inline-start: 50%;\n inline-size: 108px;\n margin-block: -30px 0;\n margin-inline: -54px 0;\n text-align: center;\n\n .btn {\n display: block;\n inline-size: 60px;\n min-inline-size: 60px;\n margin-block: 0 8px;\n margin-inline: auto;\n\n button {\n inline-size: 60px;\n min-inline-size: 10px;\n }\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n@import \"../styles/_variables\";\n@import \"../styles/_mixins\";\n\n@edls-item-hover-background: @token-color-primary-1;\n@edls-over-border: @token-color-primary-2;\n@edls-search-result-label-background: #e6efd4;\n\n/* doc\n---\ntitle: \"Enhanced Double-List Selector\"\nname: enhanced-double-list-selector\ncategory: \"Components - Double-List Selector\"\n---\n\n- [double-list-selector.less] (https://git.plesk.tech/projects/PLESK/repos/plesk/browse/common/theme/less/core/double-list-selector.less)\n\n```html_example\n<div class=\"edls\">\n <div class=\"edls-wrap\">\n <div class=\"edls-box edls-box-first\">\n\n <div class=\"edls-header\">\n <div class=\"edls-header-title\">Available Objects</div>\n </div>\n\n <div class=\"edls-box-wrap\">\n <div class=\"edls-search\">\n <span class=\"edls-check\"><input type=\"checkbox\" value=\"\" class=\"checkbox\" autocomplete=\"off\"></span>\n <span class=\"edls-search-control\">\n <input type=\"text\" value=\"5nine\" autocomplete=\"off\" class=\"search-input search-empty\">\n <input type=\"image\" src=\"theme/images/search-input.png\" class=\"search-button\">\n </span>\n </div>\n <div class=\"edls-box-body\">\n <ul class=\"edls-list\">\n <li class=\"edls-item even\">\n <div class=\"edls-item-wrap\">\n <span class=\"edls-check\"><input type=\"checkbox\" value=\"\" class=\"checkbox\" autocomplete=\"off\"></span>\n <span class=\"edls-text\"><b class=\"search-result-label\">5nine</b> v-Firewall 2.2 Agent</span>\n </div>\n </li>\n </ul>\n <div class=\"edls-list-empty\" style=\"display: none;\"><span>No objects available</span></div>\n </div>\n </div>\n </div>\n\n <div class=\"edls-control\">\n <div class=\"edls-control-wrap\">\n\n <div class=\"edls-control-body\">\n <div class=\"edls-control-text\">\n <div class=\"edls-control-text-none\">To select, click on object or use checkboxes</div>\n <div class=\"edls-control-text-first\">Select <b><span class=\"edls-count\">0</span> checked</b> object(s)</div>\n <div class=\"edls-control-text-second\">De-select <b><span class=\"edls-count\">0</span> checked</b> object(s)</div>\n </div>\n <div class=\"edls-control-indicator\"><i></i></div>\n </div>\n\n </div>\n </div>\n\n <div class=\"edls-box edls-box-second\">\n <div class=\"edls-header\">\n <div class=\"edls-header-title\">Selected Objects</div>\n </div>\n <div class=\"edls-box-wrap\">\n <div class=\"edls-search\">\n <span class=\"edls-check\"><input type=\"checkbox\" value=\"\" class=\"checkbox\" autocomplete=\"off\"></span>\n <span class=\"edls-search-control\">\n <input type=\"text\" value=\"\" autocomplete=\"off\" class=\"search-input search-empty\">\n <input type=\"image\" src=\"theme/images/search-input.png\" class=\"search-button\">\n </span>\n </div>\n <div class=\"edls-box-body\">\n <ul class=\"edls-list\">\n <li class=\"edls-item even\" style=\"display: none;\">\n <div class=\"edls-item-wrap\">\n <span class=\"edls-check\"><input type=\"checkbox\" value=\"\" class=\"checkbox\" autocomplete=\"off\"></span>\n <span class=\"edls-text\"><b class=\"search-result-label\">5nine</b> v-Firewall 2.2 Agent</span>\n </div>\n </li>\n </ul>\n <div class=\"edls-list-empty\"><span>No objects selected</span></div>\n </div>\n </div>\n </div>\n </div>\n</div>\n```\n*/\n\n.edls {\n display: table;\n min-inline-size: 650px;\n max-inline-size: 960px;\n}\n\n.edls-wrap {\n display: table-row;\n}\n\n.edls-box {\n display: table-cell;\n inline-size: 50%;\n vertical-align: top;\n}\n\n.edls-header-title {\n margin-block: 0 8px;\n margin-inline: 0;\n font-size: 16px;\n font-weight: 600;\n}\n\n.edls-box-wrap {\n clear: both;\n}\n\n.edls-search {\n display: flex;\n position: relative;\n z-index: 1;\n margin: 0;\n\n .edls-check {\n flex: none;\n margin-inline: 0 8px;\n margin-block: 4px 0;\n }\n}\n\n.edls-search-control {\n position: relative;\n display: block;\n flex: 1;\n padding-block: 0 8px;\n padding-inline: 0;\n\n .search-input {\n box-sizing: border-box;\n inline-size: 100%;\n block-size: 28px;\n margin: 0;\n padding-block: 4px;\n padding-inline: 8px 30px;\n }\n\n .search-button {\n position: absolute;\n inset-block-start: 0;\n inset-inline-end: 0;\n inline-size: 16px;\n block-size: 16px;\n margin-block: 6px 0;\n margin-inline: 0 8px;\n padding: 0;\n cursor: default;\n background: none;\n }\n\n .search-button-clear {\n cursor: pointer;\n }\n}\n\n.edls-box-body {\n position: relative;\n overflow: auto;\n block-size: 209px;\n border: 1px solid #ececec;\n border-radius: 2px;\n background-color: #fff;\n}\n\n.edls-list {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n.edls-item {\n position: relative;\n padding-block: 8px;\n padding-inline: 16px 30px;\n cursor: pointer;\n border-block-end: 1px solid #ececec;\n background-color: transparent;\n user-select: none;\n\n &:hover {\n background-color: @edls-item-hover-background;\n border-color: #ececec;\n }\n\n &:hover::after {\n position: absolute;\n inset-block-start: 12px;\n inset-inline-end: 13px;\n content: \"\";\n inline-size: 12px;\n block-size: 12px;\n background: 0 0 no-repeat;\n background-size: contain;\n .svg-arrow-12-inline-end(@token-color-grey-8);\n }\n}\n\n.edls-box-second .edls-item:hover::after {\n transform: scale(-1);\n}\n\n.edls-list .edls-item.selected {\n border-color: #ececec;\n background-color: @token-color-grey-2;\n}\n\n.edls-list-empty,\n.edls-ajax-loading {\n padding-block: 8px;\n padding-inline: 16px;\n color: @token-color-grey-7;\n}\n\n.edls-ajax-loading .ajax-loading {\n background-position: 0 50%;\n}\n\n.edls-item-wrap {\n display: flex;\n}\n\n.edls-check {\n flex: none;\n margin-inline-end: 4px;\n}\n\n.edls-text {\n word-break: break-all;\n overflow-wrap: break-word;\n\n @supports (word-break: break-word) {\n word-break: break-word;\n }\n}\n\n.edls-control {\n display: table-cell;\n vertical-align: middle;\n}\n\n.edls-control-wrap {\n position: relative;\n box-sizing: border-box;\n min-inline-size: 130px;\n margin-block: 32px 0;\n margin-inline: 16px;\n padding-block: 8px;\n padding-inline: 16px;\n border-radius: 2px;\n color: @btn-color;\n background-color: @btn-background;\n line-height: 16px;\n font-size: @btn-font-size;\n font-weight: @btn-font-weight;\n box-shadow: @btn-shadow;\n transition:\n margin 0.3s ease,\n box-shadow 0.3s ease;\n}\n\n.edls-over .edls-control-wrap {\n background-color: @edls-item-hover-background;\n box-shadow: @btn-shadow-hover;\n}\n\n.edls-control-text {\n text-align: center;\n}\n\n.edls-over-first .edls-control-wrap {\n margin-block: 32px 0;\n margin-inline: 4px 28px;\n}\n\n.edls-over-second .edls-control-wrap {\n margin-block: 32px 0;\n margin-inline: 28px 4px;\n}\n\n.edls-over-first.edls-selected-first,\n.edls-over-second.edls-selected-second {\n .edls-control-wrap {\n background-color: @btn-primary-background;\n color: @btn-primary-color;\n box-shadow: @btn-shadow;\n cursor: pointer;\n\n &:hover {\n background-color: @btn-primary-hover-background;\n color: @btn-primary-hover-color;\n box-shadow: @btn-shadow-hover;\n }\n }\n}\n\n.edls-over-first.edls-selected-first .edls-control-indicator,\n.edls-over-second.edls-selected-second .edls-control-indicator {\n position: absolute;\n inset-block-start: 0;\n inset-inline-end: 0;\n inline-size: 30px;\n block-size: 100%;\n border: solid #fff;\n border-width: logical 0 1px 0 0;\n\n &::after {\n position: absolute;\n inset-block-start: 50%;\n inset-inline-start: 50%;\n content: \"\";\n margin-block: -6px 0;\n margin-inline: -6px 0;\n inline-size: 12px;\n block-size: 12px;\n background: 0 0 no-repeat;\n background-size: contain;\n .svg-arrow-12-inline-end(\"#fff\");\n }\n}\n\n.edls-over-second.edls-selected-second .edls-control-indicator {\n inset-inline: 0 auto;\n border-width: logical 0 0 0 1px;\n\n &::after {\n transform: scale(-1);\n }\n}\n\n.edls-over-first.edls-selected-first .edls-control-body {\n padding-inline-end: 31px;\n}\n\n.edls-over-second.edls-selected-second .edls-control-body {\n padding-inline-start: 31px;\n}\n\n.edls-over-first .edls-box-first,\n.edls-over-second .edls-box-second {\n .edls-box-body {\n border-color: @edls-over-border;\n }\n}\n\n.search-result-label {\n font-weight: 400;\n color: @base-body-color;\n background-color: @edls-search-result-label-background;\n}\n\n.edls-control-text-first,\n.edls-control-text-second,\n.edls-over-first.edls-selected-first .edls-control-text-none,\n.edls-over-second.edls-selected-second .edls-control-text-none {\n display: none;\n}\n\n.edls-over-first.edls-selected-first .edls-control-text-first,\n.edls-over-second.edls-selected-second .edls-control-text-second {\n display: block;\n}\n\n@media (max-width: @breakpoint-small-max) {\n .edls,\n .edls-wrap,\n .edls-box,\n .edls-control {\n display: block;\n }\n\n .edls {\n min-inline-size: 0;\n }\n\n .edls-box {\n inline-size: 100%;\n }\n\n .edls-item:hover::after,\n .edls-over-first.edls-selected-first .edls-control-indicator::after {\n transform: rotate(90deg);\n }\n\n .edls-over-second.edls-selected-second .edls-control-indicator::after {\n transform: rotate(-90deg);\n }\n\n .edls-control-wrap,\n .edls-over-first .edls-control-wrap,\n .edls-over-second .edls-control-wrap {\n margin-block: 16px;\n margin-inline: 0;\n }\n\n .edls-over-second.edls-selected-second .edls-control-indicator {\n inset-inline: auto 0;\n border-width: logical 0 1px 0 0;\n }\n\n .edls-over-second.edls-selected-second .edls-control-body {\n padding-inline: 0 31px;\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n@import \"../styles/_variables\";\n\n/* doc\n---\ntitle: \"Popover\"\nname: popovers\ncategory: \"Components - Popovers\"\n---\n\n### Popover With Heading Arrow\n```html_example\n<div class=\"popup-box left\">\n <div class=\"popup-heading\">\n <div class=\"heading-area\">\n <span class=\"arrow\"></span>\n <span class=\"close\"></span>\n <h4><span>Popup Title</span></h4>\n </div>\n </div>\n <div class=\"popup-content\">\n <div class=\"popup-content-area\">\n <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit,\n sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>\n </div>\n </div>\n</div>\n```\n### Popover With Content Arrow\n```html_example\n<div class=\"popup-box left\">\n <div class=\"popup-heading\">\n <div class=\"heading-area\">\n <span class=\"close\"></span>\n <h4><span>Popup Title</span></h4>\n </div>\n </div>\n <div class=\"popup-content\">\n <div class=\"popup-content-area\">\n <span class=\"arrow\"></span>\n <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit,\n sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>\n </div>\n </div>\n</div>\n```\n*/\n\n@popover-z-index: 1060;\n@popover-max-inline-size: 400px;\n@popover-max-block-size: 600px;\n@popover-background: #fff;\n@popover-color: @base-body-color;\n@popover-font-family: @base-body-font-family;\n@popover-font-size: @base-body-font-size;\n@popover-line-height: @base-body-line-height;\n@popover-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);\n@popover-animation: fade;\n\n@popover-title-background: @token-color-grey-2;\n@popover-title-line-height: 1.429;\n@popover-title-font-size: 14px;\n@popover-title-font-weight: 400;\n@popover-title-color: @base-body-color;\n\n.popup-box {\n position: absolute;\n z-index: @popover-z-index;\n max-inline-size: @popover-max-inline-size;\n text-align: start;\n background-clip: padding-box;\n white-space: normal;\n opacity: 1;\n font-family: @popover-font-family;\n font-size: @popover-font-size;\n line-height: @popover-line-height;\n color: @popover-color;\n background-color: @popover-background;\n border-radius: 2px;\n box-shadow: @popover-shadow;\n transition: opacity 0.3s ease-in-out;\n\n &.collapsed {\n overflow: hidden;\n max-block-size: 0;\n max-inline-size: 0;\n visibility: hidden;\n opacity: 0;\n }\n\n &.top {\n margin-block-start: -11px;\n }\n\n &.bottom {\n margin-block-start: 11px;\n }\n\n &.right {\n margin-block-start: -8px;\n margin-inline-start: 11px;\n }\n\n &.left {\n margin-block-start: -8px;\n margin-inline-start: -11px;\n }\n\n .arrow {\n overflow: hidden;\n\n &,\n &::after {\n position: absolute;\n display: block;\n inline-size: 16px;\n block-size: 16px;\n }\n\n &::after {\n content: \"\";\n background-color: #fff;\n box-shadow: 0 0 6px rgb(0 0 0 / 0.1);\n transform: rotate(45deg);\n }\n }\n\n &.top .arrow,\n &.top-left .arrow,\n &.top-right .arrow {\n inset-inline-start: 50%;\n block-size: 11px;\n inset-block-end: -11px;\n margin-inline-start: -8px;\n\n &::after {\n inset-block-end: 6px;\n }\n }\n\n &.top-left .arrow {\n inset-inline-start: ~\"calc(100% - 50px)\";\n }\n\n &.top-right .arrow {\n inset-inline-start: 50px;\n }\n\n &.right .arrow {\n inline-size: 11px;\n inset-block-start: 50%;\n inset-inline-start: -11px;\n margin-block-start: -8px;\n\n &::after {\n inset-inline-start: 6px;\n }\n }\n\n &.bottom .arrow,\n &.bottom-left .arrow,\n &.bottom-right .arrow {\n block-size: 11px;\n inset-block-start: -11px;\n inset-inline-start: 50%;\n margin-inline-start: -8px;\n\n &::after {\n inset-block-start: 6px;\n }\n }\n\n &.bottom-left .arrow {\n inset-inline-start: ~\"calc(100% - 50px)\";\n }\n\n &.bottom-right .arrow {\n inset-inline-start: 50px;\n }\n\n &.left .arrow {\n inline-size: 11px;\n inset-block-start: 50%;\n inset-inline-end: -11px;\n margin-block-start: -8px;\n\n &::after {\n inset-inline-end: 6px;\n }\n }\n\n .popup-heading {\n position: relative;\n margin: 0;\n padding-block: 8px;\n padding-inline: 12px 32px;\n font-size: @popover-title-font-size;\n line-height: @popover-title-line-height;\n color: @popover-title-color;\n background-color: @popover-title-background;\n border-start-start-radius: 2px;\n border-start-end-radius: 2px;\n border-end-end-radius: 0;\n border-end-start-radius: 0;\n white-space: nowrap;\n\n h2,\n h4 {\n margin: 0;\n padding: 0;\n font-size: @popover-title-font-size;\n line-height: @popover-title-line-height;\n color: @popover-title-color;\n }\n\n .arrow::after {\n background-color: @token-color-grey-2;\n }\n }\n\n .popup-wrapper {\n max-inline-size: @popover-max-inline-size;\n\n .popup-container {\n padding: 0;\n }\n }\n\n .close {\n float: inline-end;\n margin-inline-end: -20px;\n font-size: 12px;\n line-height: 20px;\n font-weight: 400;\n color: @base-link-color;\n cursor: pointer;\n\n &::before {\n content: \"\\2715\";\n }\n }\n\n .popup-content {\n box-sizing: border-box;\n padding-block: 12px 16px;\n padding-inline: 12px;\n }\n\n .popup-content-area > :last-child {\n margin-block-end: 0;\n }\n}\n\n@media (max-width: @breakpoint-small-max) {\n .popup-box {\n inset-inline: 16px !important;\n margin-inline: auto !important;\n\n .arrow {\n display: none;\n }\n }\n}\n\n/* doc\n---\ntitle: \"Popover Arrows Variants\"\nname: popovers-01\ncategory: \"Components - Popovers\"\n---\n```html_example\n<div class=\"popup-box left\">\n <div class=\"popup-content\">\n <div class=\"popup-content-area\">\n <span class=\"arrow\"></span>\n <p>Lorem ipsum dolor sit amet.</p>\n </div>\n </div>\n</div>\n<div class=\"popup-box right\">\n <div class=\"popup-content\">\n <div class=\"popup-content-area\">\n <span class=\"arrow\"></span>\n <p>Lorem ipsum dolor sit amet.</p>\n </div>\n </div>\n</div>\n```\n```html_example\n<div class=\"popup-box bottom\">\n <div class=\"popup-content\">\n <div class=\"popup-content-area\">\n <span class=\"arrow\"></span>\n <p>Lorem ipsum dolor sit amet.</p>\n </div>\n </div>\n</div>\n<div class=\"popup-box bottom-left\">\n <div class=\"popup-content\">\n <div class=\"popup-content-area\">\n <span class=\"arrow\"></span>\n <p>Lorem ipsum dolor sit amet.</p>\n </div>\n </div>\n</div>\n<div class=\"popup-box bottom-right\">\n <div class=\"popup-content\">\n <div class=\"popup-content-area\">\n <span class=\"arrow\"></span>\n <p>Lorem ipsum dolor sit amet.</p>\n </div>\n </div>\n</div>\n```\n```html_example\n<div class=\"popup-box top\">\n <div class=\"popup-content\">\n <div class=\"popup-content-area\">\n <span class=\"arrow\"></span>\n <p>Lorem ipsum dolor sit amet.</p>\n </div>\n </div>\n</div>\n<div class=\"popup-box top-left\">\n <div class=\"popup-content\">\n <div class=\"popup-content-area\">\n <span class=\"arrow\"></span>\n <p>Lorem ipsum dolor sit amet.</p>\n </div>\n </div>\n</div>\n<div class=\"popup-box top-right\">\n <div class=\"popup-content\">\n <div class=\"popup-content-area\">\n <span class=\"arrow\"></span>\n <p>Lorem ipsum dolor sit amet.</p>\n </div>\n </div>\n</div>\n```\n*/\n\n/* doc\n---\ntitle: \"Popover Scrollable\"\nname: popovers-02\ncategory: \"Components - Popovers\"\n---\n```html_example\n<div class=\"popup-box popup-box-scrollable left\">\n <div class=\"popup-heading\">\n <div class=\"heading-area\">\n <span class=\"arrow\"></span>\n <span class=\"close\"></span>\n <h4><span>Popup Title</span></h4>\n </div>\n </div>\n <div class=\"popup-content\" style=\"max-height: 200px;\">\n <div class=\"popup-content-area\">\n <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt\n ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco\n laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in\n voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat\n non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>\n <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt\n ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco\n laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in\n voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat\n non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>\n </div>\n </div>\n</div>\n```\n*/\n\n.popup-box-scrollable .popup-content {\n max-block-size: @popover-max-block-size;\n overflow: auto;\n -webkit-overflow-scrolling: touch;\n}\n\n.popup-box.view-switcher-popover {\n margin-block: -3px 0;\n margin-inline: 30px 0;\n\n .arrow {\n margin: 0;\n inset-inline-start: 40px;\n }\n}\n\n.popup-box .form-row {\n .field-name {\n float: none;\n inline-size: auto;\n margin-block: 0 4px;\n margin-inline: 0;\n }\n\n .field-value {\n float: none;\n margin-inline-start: 0;\n }\n\n input[type=\"text\"],\n .input-text,\n .input-group,\n .combobox,\n .lookup {\n margin-block: 4px;\n margin-inline: 0;\n }\n\n .form-control-group .form-control {\n margin: 0;\n }\n}\n\n.popup-box .btns-box {\n .btn,\n .btn > button {\n padding-block: @btn-padding-block;\n padding-inline: @btn-padding-inline;\n font-size: @btn-font-size;\n font-weight: @btn-font-weight;\n }\n\n .btn > button {\n margin-block: -@btn-padding-block;\n margin-inline: -@btn-padding-inline;\n }\n}\n\n.popup-box .fm-scrollable {\n inline-size: 380px;\n}\n\n.popup-box__spotlight {\n margin-block-end: 0;\n padding: 0;\n background-color: transparent;\n}\n\n/* Version details popup\n -------------------------------------------------------------------------- */\n.pb-panel-version .panel-version-details {\n inline-size: 260px;\n\n p,\n ul {\n margin-block: 8px 0;\n padding-block: 0;\n\n &:first-child {\n margin-block-start: 0;\n }\n }\n\n ul > li {\n margin-block-start: 8px;\n\n &:first-child {\n margin-block-start: 0;\n }\n }\n}\n\n@media (max-width: @breakpoint-small-max) {\n .popup-box.pb-panel-version {\n position: static;\n margin: 0;\n\n .popup-wrapper {\n position: static;\n inline-size: 100%;\n max-inline-size: 100%;\n }\n\n .arrow {\n display: none;\n }\n\n .panel-version-details {\n inline-size: auto;\n }\n }\n}\n\n.popup-data-table {\n margin: -4px;\n\n th,\n td {\n padding: 4px;\n text-align: start;\n vertical-align: top;\n font-weight: normal;\n }\n}\n\n.popup-box.pb-dir-structure {\n margin-block: 3px 0;\n margin-inline: -22px 0;\n\n .popup-content {\n inline-size: 250px;\n }\n}\n\n// Health Monitor\n.pb-server-health .t-box {\n inline-size: 442px;\n}\n\n.b-threshold-legend {\n .popup-content {\n padding-block-end: 0;\n }\n\n .popup-content .ajax-loading {\n padding-block-end: 12px;\n }\n\n .b-indent {\n overflow: visible;\n padding-block: 0 8px;\n padding-inline: 22px 10px;\n white-space: nowrap;\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n@import \"../styles/_variables\";\n\n@password-strength-background: #e6e6e6;\n@password-strength-very-weak-background: #ed6060;\n@password-strength-weak-background: @token-color-danger-2;\n@password-strength-medium-background: @token-color-warning-2;\n@password-strength-strong-background: @token-color-success-2;\n@password-strength-very-strong-background: @token-color-success-3;\n\n/* doc\n---\ntitle: \"Password Strength\"\nname: progress-bar-08\ncategory: \"Components - Progress Bar\"\n---\n```html_example\n<p><span class=\"password-strength\"><i></i><b>Very Weak</b></span></p>\n<p><span class=\"password-strength password-strength-weak\"><i></i><b>Weak</b></span></p>\n<p><span class=\"password-strength password-strength-medium\"><i></i><b>Medium</b></span></p>\n<p><span class=\"password-strength password-strength-strong\"><i></i><b>Strong</b></span></p>\n<p><span class=\"password-strength password-strength-very-strong\"><i></i><b>Very Strong</b></span></p>\n```\n*/\n.password-strength,\n.password-strength i {\n display: block;\n block-size: 28px;\n border-radius: 2px;\n}\n\n.password-strength {\n position: relative;\n display: inline-block;\n inline-size: 160px;\n margin-block: 0;\n margin-inline: 8px;\n vertical-align: middle;\n background-color: @password-strength-background;\n\n .form-row & {\n margin-block-end: 4px;\n }\n\n b {\n position: absolute;\n inset-block-start: 0;\n inset-inline-start: 0;\n inline-size: 100%;\n text-align: center;\n block-size: 28px;\n line-height: 28px;\n font-weight: 400;\n font-size: 12px;\n color: @base-body-color;\n }\n}\n\n.password-strength-very-weak i {\n inline-size: 19%;\n background-color: @password-strength-very-weak-background;\n}\n\n.password-strength-weak i {\n inline-size: 39%;\n background-color: @password-strength-weak-background;\n}\n\n.password-strength-medium i {\n inline-size: 59%;\n background-color: @password-strength-medium-background;\n}\n\n.password-strength-strong i {\n inline-size: 79%;\n background-color: @password-strength-strong-background;\n}\n\n.password-strength-very-strong i {\n inline-size: 100%;\n background-color: @password-strength-very-strong-background;\n}\n\n.password-strength-very-strong b {\n color: #fff;\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n@import \"../../styles/_variables\";\n@import \"../../styles/_mixins\";\n\n@table-cell-padding: 10px 8px;\n@table-border-color: #dedede;\n@table-row-hover-background: #f0faff;\n@table-row-selected-background: rgb(237 237 237 / 0.4);\n\n.list-box {\n margin-block-end: @base-margin-block;\n}\n\n.list {\n overflow: auto;\n inline-size: 100%;\n margin-block-end: @base-margin-block;\n color: @base-body-color;\n}\n\n.scrollable-list {\n overflow: visible;\n margin-block-end: 0;\n}\n\n.list > table,\n.scrollable-list-wrapper > table,\ntable.list {\n inline-size: 100%;\n max-inline-size: 100%;\n border-block-end: 1px solid @table-border-color;\n\n > thead,\n > tbody,\n > tfoot {\n > tr > th,\n > tr > td {\n padding: @table-cell-padding;\n line-height: @base-body-line-height;\n vertical-align: top;\n border-block-start: 1px solid @table-border-color;\n }\n }\n\n > thead > tr:first-child,\n > tbody > tr:first-child {\n > th,\n > td {\n border-block-start: 0;\n }\n }\n\n > thead > tr > th {\n vertical-align: bottom;\n border-block-end: 2px solid @table-border-color;\n font-weight: 400;\n font-size: @base-body-font-size;\n }\n\n > caption + thead,\n > colgroup + thead,\n > thead:first-child {\n > tr:first-child > th,\n > tr:first-child > td {\n border-block-start: 0;\n }\n }\n\n > tbody + tbody {\n border-block-start: 1px solid @table-border-color;\n }\n\n th {\n text-align: start;\n white-space: nowrap;\n font-weight: 400;\n\n > a {\n color: @base-body-color;\n text-decoration: none;\n }\n\n > a:hover {\n color: @base-body-color;\n text-decoration: underline;\n }\n }\n\n td {\n background-color: #fff;\n }\n}\n\n.scrollable-list-wrapper {\n overflow: auto;\n}\n\n.fixed-table-head th,\n.scrollable-list-table th {\n box-sizing: border-box;\n}\n\n.scrollable-list td {\n word-wrap: break-word;\n word-break: break-all;\n}\n\n.list th.sort > a::after {\n content: \"\";\n display: inline-block;\n inline-size: 8px;\n block-size: 8px;\n margin-inline-start: 4px;\n transform: scale(-1);\n background-color: #979797;\n // stylelint-disable-next-line plugin/no-unsupported-browser-features\n mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-0.5 0 8 8'%3E%3Cpath fill='%23000' d='M3.188.11a.5.5 0 0 1 .624 0l2.5 2a.5.5 0 1 1-.624.78L4 1.54V7.5a.5.5 0 0 1-1 0V1.54L1.312 2.89a.5.5 0 1 1-.624-.78l2.5-2z'/%3E%3C/svg%3E\");\n}\n\n.list th.sort > .sort-up::after {\n transform: scale(1);\n}\n\n.list .minor {\n color: @base-body-color;\n\n a {\n color: @base-link-color;\n }\n\n a:hover {\n color: @base-link-hover-color;\n }\n}\n\n.list .name {\n inline-size: 30%;\n}\n\n.list td.select,\n.list td.icon,\n.list td.min {\n inline-size: 1%;\n}\n\n.list td.icon {\n text-align: center;\n}\n\n.list th.select,\n.list td.select {\n input[type=\"checkbox\"] {\n margin-inline-end: 0;\n }\n}\n\ndiv.list .number,\n.form-table .number {\n inline-size: 1%;\n white-space: nowrap;\n}\n\n.list .max,\n.list .fm-file-name {\n inline-size: 100%;\n}\n\n.list .usage {\n inline-size: 18%;\n padding-block: 3px;\n padding-inline: 0;\n}\n\n.list .t-r,\n.form-table .t-r,\n.list .list-users {\n text-align: end;\n}\n\n.list img {\n vertical-align: -3px;\n}\n\n.list td img {\n max-inline-size: 16px;\n max-block-size: 16px;\n}\n\n.list .action-icon-set {\n white-space: nowrap;\n letter-spacing: 5px;\n}\n\n.list .action-icon-set img,\n.list .action-icon-set .popup-box {\n letter-spacing: 0;\n}\n\n.list .action-btns-set {\n word-spacing: 5px;\n}\n\n.list .action-btns-set .s-btn {\n word-spacing: 0;\n}\n\n.list .s-btn {\n margin: 0;\n}\n\n.list .list-menu {\n margin-block: -4px;\n margin-inline: 0;\n vertical-align: top;\n}\n\n.list .btn-list-menu {\n opacity: 0.47;\n\n .icon img {\n display: none;\n }\n}\n\n.list .btn-list-menu:hover,\n.list .btn-group-open .btn-list-menu,\n.list > table > tbody > tr:hover > td > .list-menu .btn-list-menu {\n opacity: 1;\n}\n\n.list .btn-list-menu,\n.list .btn-list-menu:hover,\n.list .btn-group-open .btn-list-menu,\n.list .list-menu .btn-list-menu button:focus {\n .icon {\n background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -2 14 14'%3E%3Cpath fill='%23737373' d='M0 1a1 1 0 0 1 1-1h12a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1zm0 4a1 1 0 0 1 1-1h12a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1zm0 4a1 1 0 0 1 1-1h12a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z'/%3E%3C/svg%3E\");\n background-size: 14px;\n background-position: 50% 50%;\n }\n}\n\n.list .list-menu .btn-list-menu,\n.list .list-menu .btn-list-menu button {\n padding-block: 4px;\n padding-inline: 8px;\n min-block-size: 0;\n\n .icon {\n margin-block: 2px 0;\n margin-inline: 0;\n }\n\n .caret {\n margin-inline-end: 0;\n }\n}\n\n.list .list-menu .btn-list-menu button {\n margin-block: -4px;\n margin-inline: -8px;\n}\n\n.formArea .formButtons .misc {\n text-align: end;\n}\n\n.formArea .misc {\n text-align: start;\n}\n\n.search input,\n.search .commonButton {\n margin-inline-end: 7px;\n vertical-align: middle;\n}\n\n.listArea .paging {\n margin-block: 0 @base-margin-block;\n margin-inline: 0;\n text-align: start;\n vertical-align: middle;\n}\n\n.list > table.total > tfoot tr td {\n border: 1px solid transparent;\n}\n\n.list > table.total > tfoot tr:first-child td {\n border-block-start: 1px double #c3ced5;\n}\n\n.list > table.total > tfoot td strong {\n padding-block-end: 10px;\n font-size: 120%;\n}\n\n.list-context-actions {\n cursor: pointer;\n}\n\n.list .state-default {\n color: @base-body-color;\n}\n\n.list .state-error {\n color: @token-color-danger-2;\n}\n\n.list .state-warning {\n color: @token-color-warning-2;\n}\n\n.list .list-item-new,\n.list .list-item-deleted,\n.list .list-item-modified {\n font-weight: 600;\n}\n\n.list .list-item-deleted {\n text-decoration: line-through;\n}\n\n.odd,\n.oddrowbg {\n background-color: #fff;\n}\n\n.even,\n.evenrowbg {\n background-color: #f6f9fc;\n}\n\n.list .odd,\n.list .oddrowbg,\n.list .even,\n.list .evenrowbg {\n background: none;\n}\n\n.list .selected > td {\n background: #ffdfba;\n}\n\n.list .row-over > td,\n.list > table > tbody > tr:hover > td {\n background-color: @table-row-hover-background;\n}\n\n.list .selected > td,\n.list .row-over.selected > td,\n.list > table > tbody > tr.selected:hover > td {\n background-color: @table-row-selected-background;\n}\n\n.list-groups-box .list td.group-name,\n.list-groups-box .list > table > tbody > tr:hover > td.group-name,\n.list-groups-box .odd,\n.list-groups-box .even {\n background: none;\n}\n\n.list-groups-box .list td.group-name {\n box-shadow: none;\n}\n\n.list-search-filter [data-index=\"ip\"] input[type=\"text\"],\n.list-search-filter [data-index=\"date\"] .input-group .form-control {\n min-inline-size: 120px;\n}\n\n.list-search-filter input:focus::placeholder {\n color: transparent;\n}\n\n.list-search-filter .dropdown-menu {\n min-inline-size: 100%;\n}\n\n.list-search-filter > th > input,\n.list-search-filter > th > select,\n.list-search-filter .input-group input {\n inline-size: 100%;\n min-inline-size: 50px;\n}\n\n.filter-date-form {\n padding-block: 4px 0;\n padding-inline: 8px;\n\n .form-row {\n margin-block: 0;\n margin-inline: -4px;\n }\n\n .inline-fields-group {\n display: inline-block;\n margin-block: 0;\n margin-inline: 4px;\n }\n\n .filter-actions-row {\n margin: 0;\n line-height: 24px;\n }\n\n .filter-actions-row a {\n margin-inline-end: 8px;\n line-height: normal;\n }\n}\n\n.filter-date-form .btn {\n min-inline-size: 0;\n margin-block: 0 4px;\n margin-inline: 0;\n\n + .btn {\n margin-inline-start: 8px;\n }\n\n button {\n min-inline-size: 0;\n }\n}\n\n/* List alert\n ========================================================================== */\n.list .alert-wrapper {\n text-align: center;\n\n .ajax-loading {\n display: inline-block;\n padding-block: 6px;\n padding-inline: 22px 0;\n background-position: 0 50%;\n }\n}\n\n.list .alert-container > td,\n.list .alert-container:hover > td {\n border-color: #e0e9f0;\n background: #fff;\n}\n\n.list .alert-container .alert {\n display: inline-block;\n margin: 0;\n padding-block: 6px;\n padding-inline: 14px;\n color: #fff;\n background: #82b2d8;\n text-shadow: none;\n}\n\n.list .alert-container .alert a,\n.list .alert-container .alert a:hover {\n color: #fff;\n text-decoration: underline;\n}\n\n.list--word-breakable th,\n.list--word-breakable td {\n overflow-wrap: break-word;\n word-break: break-word;\n}\n\n/* List divider\n ========================================================================== */\n@media (min-width: @breakpoint-medium) {\n .list tr.list-divider + tr > td {\n border-block-start: 2px solid #25610e;\n }\n}\n\n@media (max-width: @breakpoint-small-max) {\n .list tr.list-divider + tr {\n border-block-start: 2px solid #25610e;\n }\n}\n\n// 767px\n@media (max-width: @breakpoint-small-max) {\n .list:not(.table-responsive) > table,\n .scrollable-list-wrapper > table {\n display: block;\n\n > thead > tr {\n position: absolute;\n inset-block-start: -9999px;\n inset-inline-start: -9999px;\n }\n\n > tbody {\n display: block;\n }\n\n > tbody > tr {\n display: block;\n border-block-start: 1px solid @table-border-color;\n\n > th,\n > td {\n display: block;\n padding-block: 6px;\n padding-inline: 30px 8px;\n border-block-start: 0;\n inline-size: auto;\n text-align: start;\n }\n\n > th:first-child,\n > td:first-child,\n > .select + th,\n > .select + td {\n padding-block-start: 8px;\n }\n\n > th:last-child,\n > td:last-child {\n padding-block-end: 8px;\n }\n\n td.select,\n td.icon,\n td.min,\n td.number,\n td.max,\n td.fm-file-name,\n .fm-file-name-wrap {\n inline-size: auto;\n text-align: start;\n }\n\n > td:empty {\n display: none;\n }\n\n > .select {\n float: inline-start;\n padding-inline-start: 8px;\n }\n }\n }\n\n .form-table .number {\n inline-size: auto;\n }\n\n .list:not(.table-responsive) .t-r,\n .list:not(.table-responsive) .text-right,\n .form-table .t-r,\n .list:not(.table-responsive) .list-users {\n text-align: start;\n }\n\n .fixed-table-head {\n margin-block-end: 12px;\n\n &,\n > thead,\n > thead > tr,\n > thead > tr > th {\n display: block;\n }\n\n .list-search-filter {\n position: static !important;\n }\n\n .list-search-filter > th {\n padding-block: 6px;\n padding-inline: 0;\n border: 0;\n inline-size: auto !important;\n\n &:empty {\n display: none;\n }\n }\n }\n\n .scrollable-list-wrapper > table > tbody > tr > td {\n padding-inline-start: 8px;\n }\n\n .list:not(.table-responsive) > table {\n .action-icon-set {\n letter-spacing: 0;\n white-space: normal;\n\n > img {\n display: none;\n }\n\n > span {\n display: block;\n padding-block: 6px;\n padding-inline: 0;\n }\n }\n\n .i-link,\n .action-icon-set a {\n display: inline-block;\n padding-inline-start: 20px;\n\n i.icon,\n [class^=\"icon-\"],\n [class*=\" icon-\"] {\n float: inline-start;\n margin-inline-start: -20px;\n }\n }\n\n .i-block {\n margin-inline-start: 20px;\n\n i.icon,\n [class^=\"icon-\"],\n [class*=\" icon-\"] {\n margin-inline-start: -20px;\n }\n }\n\n .list-menu {\n margin: 0;\n }\n }\n}\n\n.table-responsive {\n display: block;\n inline-size: 100%;\n overflow-x: auto;\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n@import \"../styles/_variables\";\n@import \"../styles/_mixins\";\n\n/* doc\n---\ntitle: \"Active List\"\nname: active-list-01\ncategory: \"Components - Active List\"\n---\n\n```html_example\n<div class=\"active-list active-list-collapsible\">\n <div class=\"active-list-wrap\">\n <div class=\"active-list-item active-list-item-collapsible active-list-item-expanded\">\n <div class=\"active-list-item-wrap\">\n <div class=\"caption\">\n <div class=\"caption-wrap\">\n <div class=\"caption-header\">\n <div class=\"caption-header-wrap\">\n <div class=\"caption-main\">\n <div class=\"caption-icon\"><span><img alt=\"\" src=\"theme/icons/32/plesk/docker-caption.png\"></span></div>\n <div class=\"caption-head\">\n <div class=\"caption-head-wrap\">\n <span class=\"caption-head-widget\"><a class=\"btn\" href=\"#\">Button</a></span>\n <h2 class=\"caption-name\"><span>Name</span></h2>\n <span class=\"caption-head-action\">caption-head-action</span>\n <span class=\"label label-success\">Running</span>\n </div> <!-- /.caption-head-wrap -->\n <div class=\"caption-summary\">\n <div class=\"caption-summary-wrap\">\n <span class=\"summary-item\">summary-item</span>\n </div>\n </div> <!-- /.caption-summary -->\n <div class=\"caption-toolbar\">\n <div class=\"caption-toolbar-wrap\">\n <a href=\"#\" class=\"i-link\"><i class=\"icon-delete\"></i> <span>Button</span></a>\n </div>\n </div> <!-- /.caption-toolbar -->\n </div> <!-- /.caption-head -->\n <div class=\"caption-services caption-services-quick-start\">\n <div class=\"caption-services-wrap\">\n <div class=\"quick-start-header\"><span class=\"close\"></span> quick-start-header</div>\n <div class=\"b-grid b-grid-2\">\n <ul class=\"b-grid-list\">\n <li class=\"b-grid-item\">\n <div class=\"b-grid-item-wrap\"><div class=\"quick-start-block\">\n <div class=\"quick-start-name\">quick-start-name</div>\n <div class=\"quick-start-description\">quick-start-description</div>\n <div class=\"quick-start-actions\"><a class=\"btn\" href=\"#\">quick-start-actions</a></div>\n </div></div>\n </li>\n </ul>\n </div>\n </div>\n </div>\n </div> <!-- /.caption-main -->\n </div>\n </div> <!-- /.caption-header -->\n <div class=\"caption-services caption-services-apps\">\n <div class=\"caption-services-wrap\">\n <div class=\"caption-service-block\">\n <span class=\"caption-service-title\">\n <i class=\"caption-service-icon\"><a href=\"#\"><img src=\"theme/icons/32/plesk/wordpresses.png\" alt=\"\"></a></i>\n <span class=\"caption-service-name\"><a href=\"#\">service-name</a></span>\n </span>\n <div class=\"caption-service-toolbar\"><a href=\"#\" class=\"btn\">Button</a></div>\n </div>\n </div>\n </div> <!-- /.caption-services -->\n <div class=\"caption-control\">\n <span class=\"caption-control-wrap\">\n <i></i>\n <span class=\"caption-control-on\">Show More</span>\n <span class=\"caption-control-off\">Show Less</span>\n </span>\n </div> <!-- /.caption-control -->\n </div>\n </div> <!-- /.caption -->\n <div class=\"active-list-details\">\n <div class=\"active-list-details-wrap\">\n <div class=\"tools-list-box\"><div class=\"box-area\"><div class=\"content\"><div class=\"content-area\">\n <ul class=\"tools-list\">\n <li class=\"tools-item\">\n <a href=\"#\" class=\"tool-block\">\n <span class=\"tool-icon\"><img src=\"theme/icons/32/plesk/hosting-setup.png\" alt=\"\"></span>\n <span class=\"tool-name\">Web Hosting Access</span>\n </a>\n </li>\n </ul>\n </div></div></div></div>\n </div>\n </div> <!-- /.active-list-details -->\n </div>\n </div> <!-- /.active-list-item -->\n </div>\n</div>\n```\n*/\n\n/* doc\n---\ntitle: \"Active List Statuses\"\nname: active-list-02\ncategory: \"Components - Active List\"\n---\n\n```html_example\n<div class=\"active-list active-list-collapsible\"><div class=\"active-list-wrap\">\n <div class=\"active-list-item\"><div class=\"active-list-item-wrap\"><div class=\"caption\"><div class=\"caption-wrap\">\n <div class=\"caption-header\"><div class=\"caption-header-wrap\"><div class=\"caption-main\">\n <div class=\"caption-head\"><div class=\"caption-head-wrap\"><h2 class=\"caption-name\"><span>Name</span></h2></div></div>\n </div></div></div>\n </div></div></div></div>\n <div class=\"active-list-item active-list-item-inactive\"><div class=\"active-list-item-wrap\"><div class=\"caption\"><div class=\"caption-wrap\">\n <div class=\"caption-header\"><div class=\"caption-header-wrap\"><div class=\"caption-main\">\n <div class=\"caption-head\"><div class=\"caption-head-wrap\"><h2 class=\"caption-name\"><span>Name</span></h2></div></div>\n </div></div></div>\n </div></div></div></div>\n <div class=\"active-list-item active-list-item-success\"><div class=\"active-list-item-wrap\"><div class=\"caption\"><div class=\"caption-wrap\">\n <div class=\"caption-header\"><div class=\"caption-header-wrap\"><div class=\"caption-main\">\n <div class=\"caption-head\"><div class=\"caption-head-wrap\"><h2 class=\"caption-name\"><span>Name</span></h2></div></div>\n </div></div></div>\n </div></div></div></div>\n <div class=\"active-list-item active-list-item-warning\"><div class=\"active-list-item-wrap\"><div class=\"caption\"><div class=\"caption-wrap\">\n <div class=\"caption-header\"><div class=\"caption-header-wrap\"><div class=\"caption-main\">\n <div class=\"caption-head\"><div class=\"caption-head-wrap\"><h2 class=\"caption-name\"><span>Name</span></h2></div></div>\n </div></div></div>\n </div></div></div></div>\n <div class=\"active-list-item active-list-item-danger\"><div class=\"active-list-item-wrap\"><div class=\"caption\"><div class=\"caption-wrap\">\n <div class=\"caption-header\"><div class=\"caption-header-wrap\"><div class=\"caption-main\">\n <div class=\"caption-head\"><div class=\"caption-head-wrap\"><h2 class=\"caption-name\"><span>Name</span></h2></div></div>\n </div></div></div>\n </div></div></div></div>\n</div></div>\n```\n*/\n\n@al-item-background: #fff;\n@al-item-shadow: @token-shadow-4;\n\n@al-caption-head-color: @base-body-color;\n@al-caption-head-background: @token-color-grey-3;\n@al-caption-head-inactive-background: @token-color-grey-2;\n@al-caption-head-success-background: @token-color-success-1;\n@al-caption-head-warning-background: @token-color-warning-1;\n@al-caption-head-danger-background: @token-color-danger-1;\n@al-caption-control-background: #09729f;\n\nhr + .active-list {\n padding-block-start: 8px;\n}\n\n.active-list,\n.active-list-wrap > .active-list-item {\n margin-block-end: @base-margin-block;\n}\n\n.active-list {\n .active-list-item {\n border-radius: 4px;\n background-color: @al-item-background;\n box-shadow: @al-item-shadow;\n }\n\n .caption {\n position: relative;\n }\n\n .caption-header-wrap .msg-box {\n margin-block-end: 2px;\n\n + .msg-box {\n margin-block-start: -1px;\n }\n }\n\n .caption-icon,\n .caption-icon img {\n float: inline-start;\n inline-size: 32px;\n block-size: 32px;\n }\n\n .caption-icon {\n margin-block: 4px 0;\n margin-inline: 16px 8px;\n }\n\n .caption-head-wrap {\n min-block-size: 40px;\n box-sizing: border-box;\n margin: 0;\n padding-block: 8px;\n padding-inline: 16px 0;\n border-start-start-radius: 2px;\n border-start-end-radius: 2px;\n border-end-end-radius: 0;\n border-end-start-radius: 0;\n color: @al-caption-head-color;\n background-color: @al-caption-head-background;\n cursor: default;\n\n .label {\n margin-block: 4px 0;\n margin-inline: 0 16px;\n vertical-align: top;\n }\n\n .label + .label {\n margin-inline-start: -8px;\n }\n }\n\n .active-list-item-inactive .caption-head-wrap {\n opacity: 0.47;\n background-color: @al-caption-head-inactive-background;\n }\n\n .active-list-item-success .caption-head-wrap {\n background-color: @al-caption-head-success-background;\n }\n\n .active-list-item-warning .caption-head-wrap {\n background-color: @al-caption-head-warning-background;\n }\n\n .active-list-item-danger .caption-head-wrap {\n background-color: @al-caption-head-danger-background;\n }\n\n .caption-icon + .caption-head .caption-head-wrap {\n padding-inline-start: 56px;\n }\n\n .active-list-item-collapsible .caption-head-wrap {\n cursor: pointer;\n\n &:hover .caption-name {\n color: @base-body-color;\n }\n }\n\n .caption-head-widget {\n float: inline-end;\n margin-block: -2px 0;\n margin-inline: 0 8px;\n\n &::before {\n content: \"\";\n display: inline-block;\n block-size: 28px;\n vertical-align: middle;\n }\n\n .btn,\n .btn-group {\n margin: 0;\n }\n }\n\n .caption-name {\n display: inline;\n margin-inline-end: 16px;\n padding: 0;\n font-size: 20px;\n font-weight: 600;\n line-height: 1.2;\n color: @base-body-color;\n word-wrap: break-word;\n overflow-wrap: break-word;\n\n a,\n a:hover {\n color: @base-body-color;\n }\n }\n\n .caption-head-action {\n display: inline-block;\n margin-block: 2px 0;\n margin-inline: 0 16px;\n vertical-align: top;\n line-height: 20px;\n font-size: 14px;\n color: @base-body-color;\n\n select,\n .btn {\n margin-block: -4px -2px;\n margin-inline: 0;\n }\n\n a {\n color: @base-link-color;\n }\n\n a:hover {\n color: @base-link-hover-color;\n }\n\n .btn {\n &,\n &:hover,\n &:focus,\n &:active,\n &.active {\n color: @base-body-color;\n }\n }\n }\n\n .caption-head-status {\n display: inline-flex;\n align-items: center;\n block-size: @btn-block-size + 2 * @btn-padding-block;\n margin-block-end: -2px;\n vertical-align: top;\n }\n}\n\n/* Caption control */\n.active-list-item {\n .caption-control {\n position: relative;\n cursor: pointer;\n user-select: none;\n text-align: center;\n border-block-start: 1px solid @token-color-grey-3;\n border-start-start-radius: 0;\n border-start-end-radius: 0;\n border-end-end-radius: 2px;\n border-end-start-radius: 2px;\n background-color: @token-color-grey-1;\n -webkit-touch-callout: none;\n }\n\n .caption-control-wrap {\n position: relative;\n display: inline-block;\n text-align: start;\n vertical-align: 0;\n margin: 2px;\n padding-block: 6px;\n padding-inline: 8px;\n block-size: 16px;\n line-height: 1;\n font-size: 12px;\n font-weight: 400;\n color: @base-link-color;\n border-radius: 2px;\n background-color: transparent;\n transition: background-color 0.18s;\n }\n\n .caption-control:hover .caption-control-wrap {\n color: @base-link-hover-color;\n background-color: @token-color-grey-a2;\n }\n\n .caption-control i {\n float: inline-start;\n inline-size: 8px;\n block-size: 8px;\n margin-block: 4px;\n margin-inline: 0 4px;\n .svg-arrow-8-block-end(@base-link-color);\n\n background-position: 0 0;\n background-repeat: no-repeat;\n background-size: contain;\n transition: transform 0.25s;\n }\n\n &-expanded .caption-control {\n border-radius: 0;\n }\n\n &-expanded .caption-control i {\n margin-block-start: 4px;\n transform: rotate(180deg);\n }\n\n .caption-control-on,\n .caption-control-off {\n margin-inline-start: 1px;\n vertical-align: top;\n line-height: 16px;\n }\n}\n\n.active-list-item-collapsed .caption-control-off,\n.active-list-item-expanded .caption-control-on {\n display: none;\n}\n\n.active-list .caption-description,\n.active-list .caption-summary,\n.active-list .caption-toolbar {\n padding-block: 8px 4px;\n padding-inline: 0 16px;\n\n + .caption-description,\n + .caption-toolbar,\n + .caption-summary {\n padding-block-start: 0;\n }\n\n .i-link .icon {\n display: none;\n }\n}\n\n.active-list .caption-description a {\n display: inline-block;\n margin-inline-end: 12px;\n vertical-align: top;\n white-space: nowrap;\n}\n\n.active-list .caption-description .description-item-text {\n margin-inline-end: 12px;\n}\n\n.active-list .caption-summary-wrap {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n}\n\n.active-list .caption-description .description-item,\n.active-list .caption-summary .summary-item,\n.active-list .caption-toolbar a {\n margin-block: 0 4px;\n margin-inline: 16px 0;\n line-height: 20px;\n}\n\n.active-list .caption-summary .summary-item {\n word-wrap: break-word;\n overflow-wrap: break-word;\n word-break: break-all;\n}\n\n.active-list .caption-toolbar a {\n display: inline-block;\n vertical-align: top;\n white-space: nowrap;\n}\n\n.active-list .caption-services {\n margin: 0;\n padding-block: 0;\n padding-inline: 16px;\n border-block-start: 1px solid @token-color-grey-3;\n}\n\n.active-list .caption-wrap > hr {\n margin-block: 12px;\n margin-inline: 16px;\n}\n\n.active-list .caption-service-title,\n.active-list .caption-service-icon,\n.active-list .caption-service-toolbar {\n display: inline-block;\n vertical-align: top;\n line-height: 2;\n}\n\n.active-list .caption-service-toolbar .toggler {\n line-height: normal;\n}\n\n.active-list .caption-service-title {\n margin-block: 0;\n margin-inline: 0 16px;\n white-space: nowrap;\n}\n\n.active-list .caption-service-icon {\n margin-block: 0;\n margin-inline: -40px 2px;\n float: inline-start;\n\n img {\n display: block;\n block-size: 32px;\n }\n}\n\n.active-list .caption-service-name {\n display: inline-block;\n white-space: normal;\n line-height: 1.429;\n vertical-align: middle;\n}\n\n.active-list .caption-service-toolbar {\n > a,\n > button,\n > span,\n > div {\n display: inline-block;\n margin: 0;\n vertical-align: middle;\n }\n\n .caption-service-item {\n margin-block: 0;\n margin-inline: 0 8px;\n }\n\n .caption-service-text {\n display: block;\n margin-block: 2px 0;\n margin-inline: 0 8px;\n line-height: 1.429;\n }\n\n .item-invisible {\n display: none;\n }\n}\n\n.active-list .caption-services select {\n block-size: 28px;\n margin-block: 3px 1px;\n margin-inline: 0 8px;\n padding-block: 4px;\n padding-inline: 8px;\n}\n\n.active-list .caption-service-block {\n padding-block: 12px;\n padding-inline: 40px 0;\n min-block-size: 32px;\n}\n\n.active-list .caption-services-custom .b-grid-item:first-child .caption-service-block {\n padding-inline-end: 16px;\n}\n\n.active-list .caption-services-quick-start .caption-services-wrap {\n padding-block: 12px;\n padding-inline: 0;\n}\n\n.active-list .quick-start-header {\n margin-block: 0 8px;\n margin-inline: 0;\n font-size: 20px;\n line-height: 1.2;\n color: @base-body-color;\n\n .close {\n text-shadow: none;\n float: inline-end;\n color: @base-link-color;\n line-height: 16px;\n margin-block: 2px 0;\n margin-inline: 10px 0;\n text-align: center;\n cursor: pointer;\n\n &:hover {\n color: @base-link-hover-color;\n }\n }\n\n .close::before {\n content: \"\\2715\";\n font-weight: 400;\n font-size: 12px;\n }\n}\n\n.active-list .caption-services-quick-start,\n.active-list .caption-services-custom {\n .b-grid {\n margin-block: 0;\n margin-inline: -8px;\n }\n\n .b-grid-list {\n position: relative;\n }\n}\n\n.active-list .caption-services-quick-start .b-grid-item-wrap {\n block-size: 100%;\n}\n\n.active-list .caption-services-quick-start .b-grid-item + .b-grid-item {\n margin-block-start: 16px;\n}\n\n.active-list .caption-services-custom .b-grid-item .caption-service-block {\n padding-block: 8px;\n padding-inline: 48px 16px;\n}\n\n.active-list .quick-start-block {\n display: flex;\n flex-direction: column;\n block-size: 100%;\n padding-block: 0;\n padding-inline: 8px;\n\n .btn .icon {\n display: none;\n }\n}\n\n.active-list .quick-start-name {\n margin-block-end: 4px;\n font-size: 16px;\n font-weight: 400;\n line-height: 1.25;\n}\n\n.active-list .quick-start-description {\n font-size: 12px;\n line-height: 1.333;\n}\n\n.active-list .quick-start-actions {\n flex: none;\n margin-block-start: auto;\n padding-block-start: 4px;\n}\n\n@media (min-width: @breakpoint-xlarge) {\n .active-list .caption-services-quick-start,\n .active-list .caption-services-custom {\n .b-grid-list {\n display: flex;\n inline-size: 100%;\n }\n\n .b-grid-item {\n display: block;\n flex: 1;\n inline-size: auto;\n min-inline-size: 0;\n }\n }\n\n .active-list .caption-services-quick-start .b-grid-item + .b-grid-item {\n margin-block-start: 0;\n }\n}\n\n@media (max-width: @breakpoint-large-max) {\n .active-list .caption-services-quick-start,\n .active-list .caption-services-custom {\n .b-grid .b-grid-item {\n inline-size: 100%;\n }\n }\n}\n\n.active-list .caption-data {\n margin: 0;\n\n .caption-data-wrap:not(:empty) {\n padding-block: 12px;\n padding-inline: 16px;\n }\n\n .form-group {\n margin-block-end: 16px;\n\n + .form-group {\n margin-block-start: 8px;\n }\n\n label {\n display: inline-block;\n margin-block-end: 4px;\n font-size: 12px;\n }\n\n textarea {\n display: block;\n inline-size: 100%;\n block-size: auto;\n }\n }\n}\n\n.active-list .active-list-details {\n position: relative;\n z-index: 1;\n visibility: visible;\n overflow: hidden;\n border-start-start-radius: 0;\n border-start-end-radius: 0;\n border-end-end-radius: 2px;\n border-end-start-radius: 2px;\n background-color: @token-color-grey-1;\n\n .progress-box {\n margin-block-end: 16px;\n }\n}\n\n.active-list-item-collapsed .active-list-details {\n visibility: hidden;\n overflow: hidden;\n max-block-size: 0;\n}\n\n@media (min-width: @breakpoint-small) {\n .active-list .active-list-details {\n max-block-size: 1500px;\n transition:\n visibility 0.5s ease,\n opacity 0.5s ease,\n max-block-size 1.5s ease;\n }\n\n .active-list-item-collapsed .active-list-details {\n max-block-size: 0;\n transition:\n visibility 0.3s ease,\n opacity 0.3s ease,\n margin 0.3s ease,\n max-block-size 0.3s ease;\n }\n}\n\n.active-list .active-list-details-wrap {\n padding-block: 8px 16px;\n padding-inline: 16px;\n}\n\n.active-list-details .tools-list {\n margin-block: 0;\n margin-inline: -14px;\n\n .tools-item .ajax-loading {\n margin-block: 8px;\n margin-inline: 12px;\n }\n\n .tool-block {\n margin-block: 0 4px;\n margin-inline: 2px;\n padding-block: 8px;\n padding-inline: 44px 12px;\n font-size: 14px;\n line-height: 20px;\n\n .tool-icon {\n margin-inline-start: -32px;\n }\n\n .tool-icon,\n .tool-icon img {\n inline-size: 24px;\n block-size: 24px;\n }\n\n .tool-name {\n padding: 0;\n font-weight: 400;\n }\n\n .tool-info {\n margin-block-start: 2px;\n color: @token-color-grey-8;\n }\n }\n\n a.tool-block {\n color: @base-body-color;\n\n &:hover {\n color: @base-body-color;\n background-color: #f0faff;\n }\n\n .tool-name,\n &:hover .tool-name {\n color: @base-body-color;\n text-decoration: none;\n }\n }\n}\n\n.active-list-bottom-bar {\n padding-block: 12px;\n padding-inline: 16px;\n border-radius: 4px;\n text-align: center;\n box-shadow: @al-item-shadow;\n}\n\n/* doc\n---\ntitle: \"Active List Toolbar\"\nname: toolbar-03\ncategory: \"Components - Toolbar\"\n---\n\n- [small-tools.less] (https://git.plesk.tech/projects/PLESK/repos/plesk/browse/common/theme/less/core/toolbar.less)\n\n```html_example\n<div class=\"a-toolbar a-toolbar-collapsed\">\n <div class=\"a-toolbar-wrap\">\n <div class=\"a-toolbar-buttons\">\n <div class=\"a-toolbar-buttons-wrap\">\n <table cellspacing=\"0\" class=\"a-toolbar-buttons-table\"><tbody><tr>\n <td class=\"a-toolbar-buttons-table-main\">\n <div class=\"a-toolbar-buttons-main\">\n <a href=\"#!\" class=\"btn\"> Button</a>\n </div>\n </td>\n <td class=\"a-toolbar-buttons-table-misc\">\n <div class=\"a-toolbar-buttons-misc\">\n <div class=\"a-toolbar-buttons-settings a-toolbar-buttons-settings-inactive\">\n <button type=\"button\" class=\"btn btn-settings\"><i class=\"icon\"><img src=\"theme/icons/16/plesk/settings-toolbar.png\" alt=\"\"></i></button>\n <div class=\"popup-box a-toolbar-buttons-settings-popup\">\n <table cellspacing=\"0\" class=\"popup-wrapper\"><tbody><tr><td class=\"popup-container\">\n <div class=\"popup-content\"><div class=\"popup-content-area\"><div class=\"settings-list\">\n <div class=\"settings-item settings-item-1\">\n <h3 class=\"settings-item-title\"><span>Sorting:</span></h3>\n <a href=\"#!\" class=\"btn btn-state-selected\"><i class=\"icon\"><img src=\"theme/icons/16/plesk/order-ascending.png\" alt=\"\"></i>By name: A to Z</a>\n <a href=\"#!\" class=\"btn\"><i class=\"icon\"><img src=\"theme/icons/16/plesk/order-descending.png\" alt=\"\"></i>By name: Z to A</a>\n </div>\n <div class=\"settings-item settings-item-2\">\n <h3 class=\"settings-item-title\"><span>View Mode:</span></h3>\n <a href=\"#1\" class=\"btn btn-state-selected\"><i class=\"icon\"><img src=\"theme/icons/16/plesk/list-type-active.png\" alt=\"\"></i>Active List</a>\n <a href=\"#!\" class=\"btn\"><i class=\"icon\"><img src=\"theme/icons/16/plesk/list-type-classic.png\" alt=\"\"></i>Classic List</a>\n </div>\n </div></div></div>\n </td></tr></tbody></table>\n </div>\n </div>\n </div>\n </td>\n </tr></tbody></table>\n </div>\n </div>\n </div>\n</div>\n```\n*/\n\n/* = Active List Toolbar =\n------------------------------------------------------------------------------ */\n\n.a-toolbar {\n margin-block-end: 8px;\n\n * + & {\n margin-block-start: 16px;\n }\n}\n\n.a-toolbar-buttons-table {\n inline-size: 100%;\n}\n\n.a-toolbar-buttons-table-main {\n inline-size: 100%;\n vertical-align: top;\n}\n\n.a-toolbar-buttons-main {\n display: inline-block;\n inline-size: 100%;\n\n .btn,\n .btn-group {\n margin-block: 0 8px;\n margin-inline: 0 4px;\n }\n\n .btn-group > .btn {\n margin: 0;\n }\n}\n\n.a-toolbar-buttons-table-misc {\n text-align: end;\n vertical-align: top;\n white-space: nowrap;\n}\n\n.a-toolbar-buttons-misc > .btn {\n margin-block: 0 8px;\n margin-inline: 4px 0;\n}\n\n.a-toolbar-buttons-settings {\n position: relative;\n display: inline-block;\n vertical-align: top;\n margin-block: 0 8px;\n margin-inline: 4px 0;\n\n > .btn {\n margin: 0;\n }\n\n .popup-box {\n inset-block-start: 100% !important;\n inset-inline: auto 0 !important;\n padding-block: 4px;\n padding-inline: 0;\n margin-block-start: 4px;\n display: none;\n border: 0;\n font-size: @dropdown-font-size;\n background-color: @dropdown-background;\n border-radius: 2px;\n box-shadow: @dropdown-shadow;\n animation: slide-block-start-fixed 0.2s ease-in-out;\n\n .popup-content {\n padding: 0;\n }\n }\n\n &-active .popup-box {\n display: block;\n }\n\n .popup-box .btn {\n display: block;\n margin: 0;\n border-radius: 0;\n padding-block: @dropdown-item-padding-block;\n padding-inline: @dropdown-item-padding-inline;\n font-size: @dropdown-font-size;\n font-weight: @dropdown-item-font-weight;\n line-height: @dropdown-item-line-height;\n color: @dropdown-item-color;\n text-align: start;\n box-shadow: none;\n background-color: transparent;\n\n &:hover,\n &:focus,\n &:active {\n color: @dropdown-item-hover-color;\n background-color: @dropdown-item-hover-background;\n box-shadow: none;\n }\n\n .icon {\n display: none;\n }\n }\n\n .popup-box .btn-state-selected {\n &,\n &:hover,\n &:active {\n background-color: @token-color-grey-2;\n color: @dropdown-item-color;\n cursor: default;\n }\n }\n\n .settings-item-title {\n margin: 0;\n padding-block: @dropdown-header-padding-block;\n padding-inline: @dropdown-header-padding-inline;\n font-size: @dropdown-header-font-size;\n font-weight: 400;\n text-transform: uppercase;\n line-height: @dropdown-header-line-height;\n color: @dropdown-header-color;\n white-space: nowrap;\n }\n\n .settings-item + .settings-item {\n .settings-item-title {\n margin-block-start: 8px;\n padding-block-start: 8px;\n border-block-start: 1px solid @dropdown-divider-color;\n }\n }\n}\n\n/* rtl:begin:ignore */\n.a-toolbar-buttons-misc {\n .btn-settings {\n padding-block: 4px;\n padding-inline: 6px;\n\n > button {\n margin-block: -4px;\n margin-inline: -6px;\n padding-block: 4px;\n padding-inline: 6px;\n }\n\n i.icon {\n margin-block: 2px 0;\n margin-inline: 0;\n background: url(\"../images/toolbar-icons.png\") no-repeat;\n background-size: 48px 32px;\n }\n\n i.icon img {\n display: none;\n }\n }\n\n .btn-settings,\n .btn-settings button {\n i.icon,\n &:hover i.icon,\n &:active i.icon,\n &:focus i.icon {\n background-position: -32px 0;\n }\n }\n}\n\n/* rtl:end:ignore */\n\n.a-toolbar-buttons-main .btn::before {\n content: \"\";\n display: inline-block;\n inline-size: 16px;\n block-size: 16px;\n margin-block: 2px 0;\n margin-inline: -8px 2px;\n vertical-align: top;\n background-repeat: no-repeat;\n background-size: 16px 16px;\n .icon-small(\"toolbar-add.png\");\n}\n\n.a-toolbar-buttons-main .btn-primary::before {\n .icon-small(\"toolbar-add-active.png\");\n}\n\n.a-toolbar-buttons-main .btn.dropdown-toggle::before {\n display: none;\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n@import \"../../styles/_variables\";\n@import \"../../styles/_mixins\";\n\n/* doc\n---\ntitle: \"Tree\"\nname: tree\ncategory: \"Components - Tree\"\n---\n\n```html_example\n<div class=\"tree\">\n <div class=\"tree-wrap\">\n <div class=\"tree-item tree-item-root\">\n <div class=\"tree-item-wrap tree-item-row-active\">\n <div class=\"tree-item-select\"></div>\n <a class=\"tree-item-content\" href=\"#\"><span><img src=\"theme/icons/16/plesk/file-folder.png\" alt=\"\"><b>Root node</b></span></a>\n </div>\n </div>\n <ul class=\"tree-container\">\n <li class=\"tree-item\">\n <div class=\"tree-item-wrap\">\n <div class=\"tree-item-select\"></div>\n <span class=\"tree-item-state\"><img src=\"theme/images/tree-close.gif\" height=\"16\" width=\"16\"></span>\n <a class=\"tree-item-content\" href=\"#\"><span><img src=\"theme/icons/16/plesk/file-folder.png\" alt=\"\"><b>folder</b></span></a>\n </div>\n <ul class=\"tree-container\">\n <li class=\"tree-item\">\n <div class=\"tree-item-wrap\">\n <div class=\"tree-item-select\"></div>\n <span class=\"tree-item-state\"><img src=\"theme/images/tree-open.gif\" height=\"16\" width=\"16\"></span>\n <a class=\"tree-item-content\" href=\"#\"><span><img src=\"theme/icons/16/plesk/file-folder.png\" alt=\"\"><b>folder</b></span></a>\n </div>\n </li>\n </ul>\n </li>\n <li class=\"tree-item\">\n <div class=\"tree-item-wrap\">\n <div class=\"tree-item-select\"></div>\n <span class=\"tree-item-state\"><img src=\"theme/images/blank.gif\" height=\"16\" width=\"16\"></span>\n <a class=\"tree-item-content\" href=\"#\"><span><img src=\"theme/icons/16/plesk/file-html.png\" alt=\"\"><b>file.html</b></span></a>\n </div>\n </li>\n </ul>\n </div>\n</div>\n```\n*/\n\n@tree-item-hover-background: @token-color-primary-1;\n@tree-item-active-background: @token-color-grey-2;\n\n.tree {\n display: inline-block;\n min-inline-size: 100%;\n vertical-align: top;\n position: relative;\n}\n\n.tree-container {\n margin: 0;\n padding-block: 0;\n padding-inline: 8px 0;\n list-style: none;\n\n .tree-container {\n padding-inline-start: 22px;\n }\n\n .tree-item-state {\n padding-inline-end: 2px;\n }\n}\n\n.tree-item-wrap {\n display: flex;\n padding-block: 6px;\n padding-inline: 16px;\n block-size: 20px;\n line-height: 20px;\n white-space: nowrap;\n}\n\n.tree-item {\n animation: fade 0.3s ease-in-out;\n\n a,\n a:hover {\n color: @base-body-color;\n text-decoration: none;\n }\n\n img {\n inline-size: 16px;\n margin-block: 2px 0;\n margin-inline: 0;\n vertical-align: top;\n }\n\n b {\n margin-inline-start: 8px;\n font-weight: 400;\n }\n}\n\n.tree-item-state,\n.tree-item-content {\n position: relative;\n}\n\n.tree-item-select {\n position: absolute;\n inset-inline-start: 0;\n inline-size: 100%;\n block-size: 32px;\n margin-block: -6px 0;\n margin-inline: 0;\n cursor: pointer;\n\n &.tree-item-hover {\n background: @tree-item-hover-background;\n }\n\n .tree-item-row-active & {\n background: @tree-item-active-background;\n }\n}\n\nimg[src*=\"tree-open.gif\"],\nimg[src*=\"tree-close.gif\"] {\n inline-size: 16px;\n block-size: 16px;\n background-position: 50%;\n background-repeat: no-repeat;\n background-size: 8px;\n}\n\nimg[src*=\"tree-open.gif\"] {\n .svg-arrow-8-inline-end(@base-body-color);\n}\n\nimg[src*=\"tree-close.gif\"] {\n .svg-arrow-8-block-end(@base-body-color);\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.object-switcher {\n .pul-page-header & {\n margin-block: 10px 0;\n margin-inline: 2px 0;\n vertical-align: top;\n }\n\n > .pul-button {\n border-radius: 2px !important;\n\n .pul-icon {\n transition: transform 0.15s;\n }\n }\n\n &.open > .pul-button {\n background-color: rgb(34 34 34 / 0.09);\n }\n\n &.open > .pul-button .pul-icon {\n transform: rotate(180deg);\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n@import \"../styles/_variables\";\n\n@slider-inner-width: 1024px;\n@slider-inner-height: 768px;\n@slider-main-color: #1e96c9;\n@slider-back-color: #3a3a3a;\n@max-slides: 8;\n@slider-font-size: @base-body-font-size;\n@slider-text-color: #fff;\n@slider-content-background: rgba(0, 0, 0, 0.5);\n// Dot\n@dot-outer-size: 4px;\n@dot-inner-size: 6px;\n@dot-distance: 4px;\n@dot-distance-block-start: 14px;\n@dot-main-color: @slider-main-color;\n@dot-back-color: @slider-back-color;\n// Arrow\n@arrow-size: 20px;\n@arrow-distance: 10px;\n@arrow-color: @slider-back-color;\n@arrow-hover-color: @slider-main-color;\n\n@speed: 0.5s;\n@easing: cubic-bezier(0.4, 1.3, 0.65, 1); // ease-out\n\n.slider {\n display: inline-block;\n text-align: start;\n position: relative;\n margin-block: 10px 30px;\n margin-inline: 31px;\n box-shadow: 0 0 30px rgb(0 0 0 / 0.3);\n\n &__container {\n position: relative;\n inline-size: @slider-inner-width;\n block-size: @slider-inner-height;\n max-block-size: ~\"calc(100vh - 196px)\";\n max-inline-size: ~\"calc(100vw - 130px)\";\n z-index: 1;\n font-size: 0;\n line-height: 0;\n background-color: @slider-back-color;\n margin: auto;\n padding: 0;\n overflow: hidden;\n white-space: nowrap;\n box-sizing: border-box;\n }\n\n &__item {\n position: relative;\n display: inline-block;\n inline-size: 100%;\n block-size: 100%;\n overflow: hidden;\n font-size: @slider-font-size;\n color: @slider-text-color;\n line-height: normal;\n transition: all @speed @easing;\n vertical-align: top;\n box-sizing: border-box;\n white-space: normal;\n text-align: center;\n\n &::before {\n content: \"\";\n display: inline-block;\n min-block-size: inherit;\n block-size: 100%;\n vertical-align: middle;\n }\n }\n\n &__image,\n .slider-image {\n display: inline-block;\n margin: auto;\n block-size: auto;\n max-inline-size: 100%;\n max-block-size: 100%;\n user-select: none;\n }\n\n &__content {\n display: inline-block;\n inline-size: 100%;\n vertical-align: middle;\n }\n\n &__image + &__content {\n position: absolute;\n inset-block-end: 0;\n inset-inline-start: 0;\n box-sizing: border-box;\n padding: 10px;\n background: @slider-content-background;\n }\n\n &__navigation {\n position: absolute;\n display: flex;\n inline-size: 100%;\n block-size: 30px;\n z-index: 10;\n margin-block: 4px 0;\n margin-inline: 0;\n padding-block-end: 4px;\n line-height: 16px;\n text-align: center;\n user-select: none;\n overflow-y: auto;\n }\n\n &__navigation-inner {\n margin: auto;\n }\n\n &__navigation-dot {\n position: relative;\n display: inline-block;\n cursor: pointer;\n border-radius: 50%;\n margin-block: 0;\n margin-inline: @dot-distance;\n padding: @dot-outer-size;\n background: @dot-back-color;\n\n &::after {\n content: \"\";\n position: absolute;\n inset-inline-start: 50%;\n inset-block-start: 50%;\n margin-inline-start: -@dot-inner-size;\n margin-block-start: -@dot-inner-size;\n background: @dot-main-color;\n border-radius: 50%;\n padding: @dot-inner-size;\n opacity: 0;\n }\n\n &:hover::after,\n &--current::after {\n opacity: 1;\n }\n }\n\n &--inside &__navigation {\n inset-block-end: 0;\n margin-block-end: @dot-distance-block-start;\n\n .slider-label {\n border: 1px solid #7e7e7e;\n }\n }\n\n &__arrows {\n position: absolute;\n inset-inline-start: -@arrow-size - @arrow-distance;\n inset-block-start: 0;\n inline-size: 100%;\n block-size: 100%;\n padding-block: 0;\n padding-inline: @arrow-size + @arrow-distance;\n box-sizing: content-box;\n user-select: none;\n }\n\n &__arrow {\n display: block;\n position: absolute;\n z-index: 1;\n inset-block-start: 0;\n block-size: 100%;\n inline-size: 50%;\n cursor: pointer;\n color: @arrow-color;\n transition: color 0.15s;\n\n &:hover {\n color: @arrow-hover-color;\n }\n\n &--start {\n inset-inline: 0 auto;\n }\n\n &--end {\n inset-inline: auto 0;\n }\n }\n\n &__arrow-image {\n position: absolute;\n inline-size: @arrow-size;\n inset-block-start: 50%;\n inset-inline-start: 0;\n transform: translateY(-50%);\n }\n\n &__arrow--end &__arrow-image {\n inset-inline: auto 0;\n transform: translateY(-50%) rotate(-180deg);\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.server-information-progressbar {\n &__container {\n display: flex;\n flex-direction: row;\n gap: 8px;\n align-items: center;\n inline-size: 220px;\n }\n\n &__progressbar {\n flex: 1;\n }\n\n &__wrap {\n display: flex;\n justify-content: flex-end;\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.hosting-settings-page {\n .pul-drawer__body {\n scroll-padding-block-start: 12px;\n }\n\n &__section {\n &:not(:last-child) {\n margin-block-end: 40px;\n }\n\n .pul-section {\n padding-block-start: 16px;\n }\n\n // stylelint-disable-next-line plugin/no-unsupported-browser-features\n .pul-heading + .pul-section:not(:has(.pul-heading)) {\n padding-block-start: 0;\n }\n }\n\n &__navigation-menu {\n position: sticky; // stylelint-disable-line plugin/no-unsupported-browser-features\n inset-block-start: 20px;\n\n ul {\n display: grid;\n gap: 8px;\n margin-block: 8px 0;\n }\n }\n\n &__body:not(.pul-columns--vertical) &__navigation {\n order: 1;\n }\n\n .pul-columns--vertical &__navigation-menu {\n position: static;\n }\n\n &__content > .pul-section {\n margin-block-end: 32px;\n }\n\n :where(&) .composite-field {\n display: flex;\n align-items: center;\n gap: 4px;\n\n &__prefix {\n flex: none;\n }\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.protected-directory-list__column-content {\n word-break: normal;\n overflow-wrap: anywhere;\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.virtual-directory-page-protection-users-toolbar {\n margin-block-start: 26px;\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.traffic-usage-header-layout {\n margin-block-end: 12px;\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.traffic-usage-by-clients-list-unit-column {\n white-space: nowrap;\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.traffic-usage-by-reseller-total-usage {\n margin-block-end: 10px;\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.traffic-usage-by-domains-list-unit-column {\n white-space: nowrap;\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.traffic-usage-total-usage-info {\n margin-block-end: 10px;\n}\n\n.traffic-usage-total-usage-info__used-limited {\n white-space: nowrap;\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.traffic-usage-by-domain-total-usage {\n margin-block-end: 22px;\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.domain-resource-usage-page-nowrap {\n white-space: nowrap;\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.license-limits-message {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: 0 8px;\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.notification-center-notification__unread-counter {\n border-radius: 9px;\n display: block;\n text-align: center;\n min-inline-size: 20px;\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.notification-actions {\n margin-block-start: -4px;\n margin-inline-end: 6px;\n inline-size: 110px;\n display: flex;\n justify-content: flex-end;\n}\n\n.pul-list__cell-actions .notification-actions {\n inline-size: 80px;\n margin-inline-end: 0;\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.notification-center-list {\n .pul-list__cell-expander {\n display: none;\n }\n\n .pul-list__cell-title {\n padding-inline-start: 16px;\n }\n\n .single-notification {\n display: flex;\n flex-direction: row;\n padding-block: 18px;\n padding-inline: 26px 8px;\n\n &__status-container {\n inline-size: 25px;\n display: flex;\n flex-direction: row;\n justify-content: center;\n }\n\n &__subject {\n flex: 1;\n }\n\n &__expander-button {\n margin-inline-start: -25px;\n }\n\n &:not(:last-child) {\n border-block-end: 1px solid var(--pul-color-border-subtle);\n }\n }\n\n &__actions {\n block-size: 28px;\n }\n\n .pul-list--expandable:not(.pul-list__table--vertical) > tbody > tr > td.pul-list__cell-body {\n padding: 0;\n }\n\n .pul-list__table:not(.pul-list__table--vertical) > tbody {\n & > .pul-list__row--expanded > td:last-child,\n & > .pul-list__row--expanded + .pul-list__row-body > td:last-child,\n & > .pul-list__row--expanded > td {\n box-shadow: none;\n }\n\n & > .pul-list__row--expanded > td {\n border-block-start-color: var(--pul-color-border-subtler);\n }\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.notification-center-toast {\n .pul-toast__content {\n overflow: visible;\n }\n\n &__group {\n margin-block: 4px 0;\n margin-inline: -42px -40px;\n padding-block: 4px 0;\n border-block-start: 1px solid #222;\n }\n\n &__notifications {\n overflow: auto;\n max-block-size: 220px;\n }\n\n &__notification {\n padding-block: 4px 0;\n margin-block: 8px 0;\n border-block-start: 1px solid #222;\n display: flex;\n }\n\n &__expand-icon {\n margin-inline: 22px 4px;\n }\n\n &__icon-container {\n margin-inline: 22px 4px;\n flex: 0 1 16px;\n }\n}\n","/* Copyright 1999-2025. WebPros International GmbH. All rights reserved. */\n\n.page {\n min-block-size: 100vh;\n}\n\n.header {\n margin-block-end: 24px;\n font-size: 16px;\n}\n\n.side {\n display: flex;\n flex-direction: column;\n flex: 0 1 442px;\n text-align: center;\n background: #040405 url(\"/error_docs/images/server-error.svg\") 50% 0 no-repeat;\n background-size: 100% auto;\n}\n\n[data-theme=\"dark\"] .side {\n filter: invert(0.97) hue-rotate(180deg);\n}\n\n.sideMaintenance {\n background-color: #4d5263;\n background-image: url(\"/error_docs/images/server-maintenance.svg\");\n}\n\n.main {\n box-sizing: border-box;\n padding-block: 32px;\n padding-inline: 24px;\n}\n\n.description {\n margin-block-end: 32px;\n}\n\n.actions {\n margin-block: 32px 16px;\n}\n\n.action {\n margin-inline-end: 16px;\n margin-block-end: 16px;\n}\n\n.footer {\n margin-block-start: auto;\n padding-block-start: 32px;\n border-block-start: 1px solid #ececec;\n}\n\n.footerLinks {\n display: inline-block;\n margin-inline-end: -20px;\n text-align: center;\n}\n\n.footerLink {\n display: inline-block;\n vertical-align: top;\n text-align: center;\n min-inline-size: 116px;\n margin-inline-end: 20px;\n margin-block-end: 20px;\n}\n\n.footerLinkText {\n display: block;\n margin-block-start: 4px;\n}\n\n[data-theme=\"dark\"] .footerLink img {\n filter: none;\n}\n\n@media (max-width: 769px) {\n .side {\n min-block-size: 150px;\n background-size: cover;\n background-position: 0 48%;\n }\n\n .sideMaintenance {\n background-size: 300px;\n background-position: 100% 25%;\n background-color: #363a47;\n }\n}\n\n@media (min-width: 768px) {\n .page {\n display: flex;\n }\n\n .side {\n flex: 0 1 300px;\n min-inline-size: 300px;\n }\n\n .main {\n display: flex;\n flex-direction: column;\n flex: 1;\n min-block-size: 100vh;\n }\n}\n\n@media (min-width: 1300px) {\n .side {\n flex: 0 1 442px;\n min-inline-size: 442px;\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.locale-switcher-button.pul-button--on-dark .pul-button__caret {\n color: rgb(255 255 255 / 0.65);\n background-image: none;\n}\n\n.locale-switcher-menu {\n max-block-size: 300px;\n overflow-x: auto;\n\n .pul-menu__item[dir=\"ltr\"] .pul-menu__base-item-content {\n /* rtl:ignore */\n text-align: start;\n }\n\n .pul-menu__item[dir=\"rtl\"] .pul-menu__base-item-content {\n /* rtl:ignore */\n text-align: end;\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.change-subscriptions-owner-list {\n .pul-list__cell-controls .pul-section-item {\n padding: 0;\n }\n\n &__name {\n word-break: break-all;\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.configure-mail-layout {\n --pul-layout--simplified-header-bg-color: #384859;\n\n .pul-layout__inner {\n align-self: center;\n }\n\n &-header__brand {\n padding-block: 7px;\n padding-inline: 24px;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.configure-mail-list {\n .pul-media {\n align-items: center;\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n@import \"../../../../styles/_variables\";\n\n.configure-client-mail {\n display: flex;\n gap: 1rem;\n\n &-banner {\n flex: 3;\n min-block-size: 336px;\n\n &__image {\n display: flex;\n justify-content: center;\n align-items: center;\n background: var(--pul-color-bg-secondary);\n margin-block: -16px -24px;\n margin-inline: -24px;\n inline-size: calc(100% + 24px);\n block-size: calc(100% + 40px);\n\n img {\n inline-size: 100%;\n max-inline-size: 280px;\n }\n }\n }\n\n &-content {\n flex: 2;\n display: flex;\n gap: 16px;\n flex-direction: column;\n justify-content: space-between;\n\n &__content {\n display: flex;\n flex-direction: column;\n }\n\n &__navigation {\n display: flex;\n justify-content: space-between;\n }\n }\n\n &-progress {\n display: flex;\n justify-content: space-between;\n gap: 4px;\n margin-block-end: 1rem;\n\n &__bar {\n background: var(--pul-color-bg-secondary);\n block-size: 2px;\n flex-grow: 1;\n\n &--active {\n background: var(--pul-color-bg-primary);\n }\n }\n }\n\n &-field {\n display: flex;\n flex-direction: column;\n gap: 2px;\n margin-block-end: 10px;\n }\n}\n\n@media (max-width: @breakpoint-small-max) {\n .configure-client-mail {\n flex-direction: column;\n }\n\n .configure-client-mail-banner {\n min-block-size: 300px;\n display: flex;\n\n &__image {\n block-size: auto;\n inline-size: calc(100% + 32px);\n margin-block: -16px 0;\n margin-inline: -16px;\n }\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.schedule-section-promo {\n margin-block: 8px;\n max-inline-size: 600px;\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.cloud-promo-features {\n font-size: 18px;\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n@import \"../../../styles/_variables\";\n\n.domain-list {\n &__item-description:not(:empty) {\n display: flex;\n flex-direction: column;\n margin-block-start: 4px;\n }\n\n &__extension-column {\n a {\n text-decoration: none;\n }\n\n img {\n max-block-size: 16px;\n max-inline-size: 16px;\n }\n }\n\n :not(.pul-columns--vertical) .pul-list__sidebar .pul-panel {\n inline-size: 240px;\n }\n\n @media (min-width: @breakpoint-medium) and (max-width: @breakpoint-large) {\n .pul-list__cell-actions {\n padding-inline-start: 0;\n }\n\n &__item-actions {\n display: flex;\n\n .pul-list-actions__menu {\n margin-inline-start: 0;\n }\n }\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.choose-application-step__icon {\n margin-inline-end: 8px;\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.application-wizard-selected-application-info {\n display: flex;\n align-items: center;\n gap: 8px;\n padding-block: 12px;\n border-block-end: 1px solid #d3d3de;\n margin-block-end: 20px;\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.application-wizard-form {\n &__with-selected-info {\n padding-block-start: 0;\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.file-manager__text-editor {\n display: block;\n inline-size: 100%;\n block-size: auto;\n max-inline-size: 100%;\n padding-block: 3px 4px;\n padding-inline: 6px;\n border: solid #afbac1;\n border-width: logical 0 0 1px;\n background: #ededed;\n outline: none;\n color: #020202;\n transition: all linear 0.2s;\n min-inline-size: 275px;\n min-block-size: 75px;\n overflow: auto;\n box-sizing: border-box;\n margin: 0;\n border-radius: 0;\n\n &:focus:not([readonly]) {\n border-color: #0f7faf;\n background: #ecf5f9;\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.file-manager {\n &--loading {\n position: relative;\n\n &::before {\n content: \"\";\n position: absolute;\n inset-block: 0;\n inset-inline: 0;\n background-color: transparent;\n z-index: 5;\n }\n\n &::after {\n content: \"Loading...\";\n position: absolute;\n inset-block-start: ~\"calc(50% - 30px)\";\n inset-inline: 0;\n padding-block: 15px;\n padding-inline: 0;\n text-align: center;\n z-index: 5;\n background-color: rgb(0 0 0 / 0.3);\n color: white;\n font-size: 30px;\n }\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.permissions__subtitle {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n\n.permissions__subtitle-toggle {\n font-size: 14px;\n line-height: 1.429;\n font-weight: 400;\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.email-addresses-list {\n .pul-list__cell-actions {\n white-space: nowrap;\n }\n\n &__refresh {\n margin-block: -6px;\n }\n}\n\n.email-address-item {\n &__redirect-info {\n display: flex;\n flex-direction: column;\n gap: 4px;\n margin-block: 8px;\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.configure-mail-client__content-step-wrapper {\n display: flex;\n margin-block-end: 0.7rem;\n}\n\n.configure-mail-client__content-step-label {\n margin-inline-end: 0.8rem;\n align-self: flex-start;\n padding-block: 0.5rem;\n padding-inline: 0.6rem;\n}\n\n.configure-mail-client__content-step-children {\n align-self: center;\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.configure-mail-client__content-list {\n margin-block: 0.5rem;\n margin-block-end: 0;\n}\n\n.configure-mail-client__links-box {\n margin-block: 1.5rem;\n display: flex;\n flex-direction: column;\n align-items: baseline;\n}\n\n.configure-mail-client__content-manual-port-wrapper {\n display: inline-flex;\n}\n\n.configure-mail-client__content-manual-port-box {\n inline-size: fit-content;\n margin-inline-end: 1rem;\n margin-block: 0;\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.domain-mail-settings-dialog-buttons {\n margin-block-start: 24px;\n text-align: center;\n}\n\n.domain-mail-settings-dialog-buttons > button {\n margin-inline-end: 5px;\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.domain-mail-settings-dkim-copy-button {\n text-align: end;\n margin-block: -3px;\n}\n\n.domain-mail-settings-dkim-popover-wrapper {\n margin-inline-start: 3px;\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.smb-web-view-dynamic-list-statistics-card {\n padding-block: 10px 12px;\n padding-inline: 12px;\n position: relative;\n}\n\n.smb-web-view-dynamic-list-statistics-card-heading {\n margin-block-end: 8px;\n}\n\n.smb-web-view-dynamic-list-statistics-card-recalculate {\n position: absolute;\n inset-block-start: 3px;\n inset-inline-end: 3px;\n}\n\n.smb-web-view-dynamic-list-statistics-card-dropdown {\n margin-block-start: 16px;\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.sitejet-banner {\n max-inline-size: 100%;\n\n &__header {\n font-weight: normal;\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.records-list__value-cell {\n word-break: break-word;\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n[data-theme=\"dark\"] .background-preview {\n filter: invert(1) hue-rotate(180deg);\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.ip-address-page-filter {\n align-items: end;\n\n > div {\n display: flex;\n flex-direction: column;\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.pul-input-number.pul-input--size-sm.asp-dot-net-settings-form-session-timeout {\n inline-size: 120px;\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.database-page-title-actions {\n position: absolute;\n display: inline-block;\n white-space: nowrap;\n margin-block-start: -1px;\n\n &__action {\n padding-inline: 8px 4px;\n opacity: 0;\n transition: opacity 0.15s;\n\n .pul-list tr:hover &,\n &:focus {\n opacity: 1;\n }\n\n &:focus:not(:focus-visible) {\n opacity: 0;\n }\n\n &:focus-visible {\n opacity: 1;\n }\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.copy-database {\n &__form-wrapper {\n padding-inline-end: 25px;\n }\n\n &__newName {\n flex: 1;\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.prefixed-form-element {\n display: flex;\n align-items: baseline;\n flex-wrap: wrap;\n}\n\n.prefixed-form-element-prefix {\n align-self: center;\n word-break: break-word;\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.import-database {\n &__tree {\n inline-size: 60%;\n margin-block: 14px 16px;\n max-inline-size: calc(100% + 52px);\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n@import \"../../../styles/_variables.less\";\n@import \"../../../styles/_mixins.less\";\n\n.dump-database {\n &__tree-wrapper {\n display: flex;\n }\n\n &__tree {\n flex: 2;\n }\n\n &__tree-description {\n flex: 1;\n }\n\n &__name-wrapper {\n display: flex;\n align-items: center;\n margin-block-start: 14px;\n }\n\n &__name {\n .pul-input__suffix {\n display: flex;\n inline-size: fit-content;\n transform: translate(100%, -50%);\n }\n\n .pul-section-item__value {\n margin-inline-start: -4px;\n }\n\n .pul-section-item__title {\n padding-inline-end: 0 !important;\n }\n }\n\n &__downloadDumpAutomatically {\n margin-block-start: 0.6rem;\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.bandwidth-limiting-input-with-suffix-wrapper,\n.bandwidth-limiting-field-complex {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n}\n\n.bandwidth-limiting-input-complex-wrapper {\n inline-size: 160px;\n}\n\n.bandwidth-limiting-input-with-suffix-wrapper {\n gap: 6px;\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.virtual-directory-form-path-input-container {\n display: flex;\n gap: 4px;\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n@import \"../../../styles/_variables\";\n\n.virtual-directory-asp-field-controls-wrapper {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: 0 16px;\n}\n\n.virtual-directory-asp-main-field-wrapper {\n inline-size: 190px;\n}\n\n.virtual-directory-asp-input-with-suffix-wrapper {\n display: flex;\n align-items: center;\n gap: 6px;\n}\n\n@media (max-width: @breakpoint-medium-max) {\n .virtual-directory-asp-field-controls-wrapper {\n flex-direction: column-reverse;\n align-items: flex-start;\n gap: 3px 16px;\n }\n\n .virtual-directory-asp-main-field-wrapper {\n inline-size: 100%;\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.virtual-directory-form-new-default-doc-wrapper {\n display: flex;\n gap: 4px;\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n@import \"../../../styles/_variables\";\n\n.virtual-directory-default-docs-field-wrapper {\n max-inline-size: 330px;\n}\n\n.virtual-directory-default-docs-list-wrapper {\n position: relative;\n}\n\n.virtual-directory-default-docs-list-overlay {\n position: absolute;\n inset: 0;\n background: @form-disabled-background;\n cursor: not-allowed;\n}\n\n.virtual-directory-default-docs-list {\n margin-block: 12px 0;\n}\n\n.virtual-directory-default-docs-name-cell {\n word-break: break-all;\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.mime-type-list-cell {\n word-break: break-all;\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n@import \"../../../styles/_variables\";\n\n.virtual-directory-mime-type-form-content-select-option {\n pointer-events: all;\n}\n\n@media (max-width: @breakpoint-small-max) {\n .virtual-directory-mime-type-form-content-select-option {\n word-break: break-word;\n white-space: normal;\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n@import \"../../../../styles/_variables\";\n\n.home-page-promo {\n --slide-bg-color: @token-color-primary-1;\n --slide-dots-color: @token-color-primary-2;\n --slide-color: @token-color-grey-10;\n --slider-close-bg: fade(@token-color-primary-2, 20%);\n --slider-close-bg-hover: fade(@token-color-primary-2, 30%);\n --slider-close-color: @token-color-primary-2;\n\n position: relative;\n\n &--with-dots &__block {\n --slide-padding-top: 40px;\n }\n\n .pul-carousel {\n margin-block-end: 0;\n border-radius: 4px;\n }\n\n .pul-carousel__dots {\n position: absolute;\n inset-inline-start: 12px;\n inset-block-start: 16px;\n padding: 0;\n gap: 6px;\n }\n\n .pul-carousel__dot {\n border-radius: 2px;\n inline-size: 20px;\n block-size: 6px;\n background: var(--slide-dots-color);\n\n .pul-icon {\n display: none;\n }\n }\n\n .pul-carousel__slides {\n display: flex;\n transition: none !important;\n }\n\n .pul-carousel__item--current .home-page-promo__block {\n display: block;\n opacity: 1;\n }\n\n &__content {\n margin-block-end: 12px;\n\n ul,\n ol,\n p,\n .pul-paragraph {\n margin-block-end: 12px;\n }\n }\n\n &__block {\n display: none;\n opacity: 0;\n animation: home-promo-fade-in 0.5s ease-in-out;\n padding: 12px;\n padding-block-start: var(--slide-padding-top, 12px);\n color: var(--slide-color);\n background-color: var(--slide-bg-color);\n text-align: start;\n }\n\n &__title {\n margin-inline-end: 30px;\n color: var(--slide-color);\n }\n\n &__close-button {\n position: absolute;\n inset-inline-end: 12px;\n inset-block-start: 16px;\n z-index: 1;\n background-color: var(--slider-close-bg);\n box-shadow: none;\n\n &:hover,\n &:active,\n &:focus {\n background-color: var(--slider-close-bg-hover);\n box-shadow: none;\n }\n\n .pul-button__icon:not(.pul-icon--intent) {\n color: var(--slider-close-color);\n }\n }\n\n &__header-icon {\n background: @token-color-grey-0;\n padding: 8px;\n border-radius: 10px;\n margin-block-end: 8px;\n }\n\n &__media {\n img,\n svg,\n video {\n display: block;\n max-inline-size: 100%;\n margin-inline: auto;\n }\n }\n\n &__action {\n min-block-size: 28px;\n }\n\n &--slide-0 {\n --slide-dots-color: @token-color-grey-0;\n --slide-color: @token-color-grey-0;\n --slide-bg-color: @token-color-dark-2;\n --slider-close-bg: fade(@token-color-grey-0, 20%);\n --slider-close-bg-hover: fade(@token-color-grey-0, 30%);\n --slider-close-color: @token-color-primary-1;\n\n .home-page-promo__media {\n background: #6a7687;\n\n video {\n max-inline-size: 276px;\n }\n }\n\n // fix the transition after last block\n .pul-carousel__genuine-slides + .pul-carousel__item .home-page-promo__block {\n opacity: 1;\n display: block;\n }\n }\n\n // animation for elements appearing after load query\n &__action .pul-button,\n &__close-button,\n .pul-carousel__dots {\n animation: home-promo-fade-in 0.1s ease-in-out;\n }\n}\n\n@keyframes home-promo-fade-in {\n 0% {\n opacity: 0;\n }\n\n 100% {\n opacity: 1;\n }\n}\n\n[data-theme=\"dark\"] .home-page-promo {\n filter: invert(1) hue-rotate(180deg);\n\n &__header-icon img {\n filter: invert(0);\n }\n\n &--slide-0 .home-page-promo__media {\n background: #606a77;\n }\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.home-page-dashboard {\n max-inline-size: 1814px;\n // stylelint-disable-next-line plugin/no-unsupported-browser-features\n columns: 3 300px;\n gap: 0 16px;\n margin-block-start: -4px;\n\n // stylelint-disable-next-line plugin/no-unsupported-browser-features\n @media (width >= 1200px) {\n display: grid;\n // stylelint-disable-next-line plugin/no-unsupported-browser-features\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n\n // stylelint-disable-next-line plugin/no-unsupported-browser-features\n @media (width >= 1020px) {\n .pul-layout--sidebar-folded & {\n display: grid;\n // stylelint-disable-next-line plugin/no-unsupported-browser-features\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n }\n\n &__item {\n // stylelint-disable-next-line plugin/no-unsupported-browser-features\n break-inside: avoid;\n padding-block: 4px 12px;\n }\n\n &__panel {\n margin-block-end: 0;\n\n p,\n .pul-paragraph,\n .pul-alert {\n margin-block-end: 12px;\n }\n\n * + .pul-alert {\n margin-block-start: 12px;\n }\n }\n\n &__panel-heading {\n display: flex;\n align-items: flex-start;\n gap: 4px;\n margin-block-end: 12px;\n }\n\n &__panel-heading-icon {\n margin-block: 2px;\n margin-inline-end: 2px;\n }\n\n &__panel-heading-control {\n opacity: 0;\n flex: none;\n margin-block: -4px;\n margin-inline: auto -4px;\n\n .pul-icon--size-12 {\n margin-block: 2px;\n }\n }\n\n &__panel-heading:hover &__panel-heading-control,\n &__panel-heading-control:focus,\n &__panel-is-dragged &__panel-heading-control {\n opacity: 1;\n }\n\n &__panel-footer {\n margin-block-start: 8px;\n margin-inline: -16px;\n padding-block-start: 8px;\n padding-inline: 16px;\n border-block-start: 1px solid #ececec;\n\n [data-theme=\"dark\"] & {\n border-block-start-color: #dedede;\n }\n }\n}\n\n.home-page-panel-block {\n margin-block-end: 8px;\n margin-inline: -16px;\n padding-block-start: 8px;\n padding-inline: 16px;\n border-block-start: 1px solid #ececec;\n\n [data-theme=\"dark\"] & {\n border-block-start-color: #dedede;\n }\n}\n\n.home-page-server-info-block {\n &__title {\n font-size: 12px;\n }\n\n &__content--copy &__text {\n padding-inline-end: 24px;\n }\n\n &__text + &__copy {\n position: absolute;\n min-inline-size: 22px;\n min-block-size: 22px;\n margin-inline-start: -22px;\n margin-block: -1px;\n padding: 5px;\n }\n\n &__copy {\n opacity: 0;\n }\n\n &__content:hover &__copy,\n &__copy:hover,\n &__copy:focus {\n opacity: 1;\n }\n}\n\n.home-page-panel-list {\n display: grid;\n gap: 6px;\n padding-inline-start: 0;\n list-style: none;\n\n &--colums {\n > li {\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n\n .home-page-panel-list__item-value {\n flex: none;\n margin-inline-start: 4px;\n }\n }\n}\n\n.home-page-panel-buttons {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n}\n\n.home-page-heading {\n .pul-page-header__title {\n justify-content: space-between;\n max-inline-size: 1814px;\n }\n\n .pul-page-header__title-right-addon {\n align-items: flex-end;\n margin-block-start: -2px;\n }\n}\n\n.home-page-customization-section {\n &__title {\n margin-block-end: 8px;\n }\n\n &__list {\n margin-block-end: 20px;\n padding-inline-start: 0;\n list-style: none;\n }\n\n &__item {\n display: flex;\n align-items: flex-start;\n gap: 8px;\n justify-content: space-between;\n padding-block: 10px;\n border-block-end: 1px solid #ccc;\n }\n\n &__option-name {\n display: inline-flex;\n align-items: flex-start;\n gap: 4px;\n\n .pul-icon {\n flex: none;\n margin-block: 2px;\n }\n }\n}\n\n.home-page-mail-queue {\n &__actions {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n\n > .pul-button--ghost {\n margin-inline: -8px;\n }\n }\n}\n\n.home-page-item-list-block {\n margin-block-end: -8px;\n margin-inline: -16px;\n\n .home-page-item-list-block__list {\n margin-inline: 0;\n overflow-wrap: anywhere;\n }\n\n &__list .pul-item-list__item:not(&__item--primary) {\n padding-inline: 16px;\n border-radius: 0;\n border-block-start: 1px solid #ececec;\n\n [data-theme=\"dark\"] & {\n border-block-start-color: #dedede;\n }\n }\n\n &__list:is(.pul-item-list--hoverable) &__item--primary {\n margin-inline: 16px;\n margin-block-end: 8px;\n padding: 0;\n\n .pul-alert {\n margin: 0;\n }\n }\n\n .pul-media__header + .pul-media__content {\n padding-block-start: 0;\n }\n\n .pul-media:not(.pul-media--vertical) .pul-media__figure--md {\n padding-block-start: 2px;\n }\n\n .pul-item:not(.pul-item--card) .pul-item__content {\n line-height: 1.429;\n }\n}\n\n.home-page-status__panel {\n &:last-child {\n margin-block-end: 0;\n }\n\n &,\n [data-theme=\"dark\"] & {\n background-color: var(--home-page-status-background, #fff);\n\n .home-page-dashboard__panel-heading,\n .home-page-dashboard__panel-heading .pul-status {\n color: var(--home-page-status-color, inherit);\n }\n\n .pul-cuttable--collapse .pul-cuttable__content::after {\n box-shadow: inset 0 -30px 18px -18px var(--home-page-status-background, #fff);\n }\n }\n\n .home-page-dashboard__panel-heading-control {\n opacity: 1;\n }\n\n .home-page-dashboard__panel-heading .pul-action {\n padding-inline-start: 22px !important;\n\n .pul-icon {\n margin-inline-start: -22px !important;\n }\n }\n\n &--danger {\n --home-page-status-background: #fff0f1;\n --home-page-status-color: #b30122;\n }\n\n &--success {\n --home-page-status-background: #ddf5ce;\n --home-page-status-color: #487f1e;\n }\n\n &--warning {\n --home-page-status-background: #ffeed4;\n --home-page-status-color: #c84a0b;\n }\n}\n","/* Copyright 1999-2025. WebPros International GmbH. All rights reserved. */\n\n.info-and-statistics-page-button {\n margin-block-end: 16px;\n}\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\n.server-mail-antivirus-promo__list {\n margin-block-start: 4px;\n}\n"],"names":[],"sourceRoot":""}