D7net
Home
Console
Upload
information
Create File
Create Folder
About
Tools
:
/
proc
/
thread-self
/
root
/
proc
/
self
/
root
/
usr
/
local
/
psa
/
admin
/
cp
/
public
/
theme
/
css
/
Filename :
main.css.map
back
Copy
{"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,oXAFA,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,oKAKQ,YFwPR,CEpPA,0BACI,4DAEI,WFsPN,CACF,CGjQA,yBACI,gBACI,cAEA,mBADA,UHoQN,CGtQE,iCAMQ,iBHmQV,CGzQE,uDAWQ,mBAEA,mBACA,mBAFA,SHoQV,CGhRE,uCAmBQ,kBHiQV,CGpRE,wCAwBQ,kBHgQV,CGxRE,+BA4BQ,eH+PV,CACF,CG1PA,0JAGQ,yBH2PR,CGvPA,yBACI,sEACI,UHyPN,CACF,CGtPA,2BACI,YHwPJ,CI7NA,MAGI,oBACA,sBAHA,aACA,mBAGA,aACA,SJ0QJ,CIhRA,YASQ,eJ0QR,CInRA,sBAaQ,cJyQR,CItRA,sBAiBQ,cJwQR,CIzRA,sBAqBQ,eJuQR,CI5RA,sBAyBQ,eJsQR,CI/RA,sBA6BQ,eJqQR,CIlSA,gBAsCQ,mBAJA,qBAEA,aAHA,kBAIA,mBAFA,UJuQR,CI1SA,QA2CQ,mBADA,oCJoQR,CI9SA,wBA+CQ,YJkQR,CIjTA,uBAmDQ,eJiQR,CI7PA,yBAtEK,qBACG,SJsUN,CIvUG,qBACG,kBJyUN,CI1UG,qBACG,SJ4UN,CI7UG,qBACG,SJ+UN,CIhVG,qBACG,kBJkVN,CI7UG,eACG,2BJ+UN,CIhVG,eACG,4BJkVN,CInVG,eACG,mBJqVN,CItVG,eACG,4BJwVN,CIzVG,eACG,4BJ2VN,CI5VG,eACG,mBJ8VN,CI/VG,eACG,4BJiWN,CIlWG,eACG,4BJoWN,CIrWG,eACG,mBJuWN,CIxWG,gBACG,4BJ0WN,CI3WG,gBACG,4BJ6WN,CI9WG,gBACG,oBJgXN,CACF,CI7SA,yBA3EK,qBACG,SJ2XN,CI5XG,qBACG,kBJ8XN,CI/XG,qBACG,SJiYN,CIlYG,qBACG,SJoYN,CIrYG,qBACG,kBJuYN,CIlYG,eACG,2BJoYN,CIrYG,eACG,4BJuYN,CIxYG,eACG,mBJ0YN,CI3YG,eACG,4BJ6YN,CI9YG,eACG,4BJgZN,CIjZG,eACG,mBJmZN,CIpZG,eACG,4BJsZN,CIvZG,eACG,4BJyZN,CI1ZG,eACG,mBJ4ZN,CI7ZG,gBACG,4BJ+ZN,CIhaG,gBACG,4BJkaN,CInaG,gBACG,oBJqaN,CACF,CI7VA,yBAhFK,qBACG,SJgbN,CIjbG,qBACG,kBJmbN,CIpbG,qBACG,SJsbN,CIvbG,qBACG,SJybN,CI1bG,qBACG,kBJ4bN,CIvbG,eACG,2BJybN,CI1bG,eACG,4BJ4bN,CI7bG,eACG,mBJ+bN,CIhcG,eACG,4BJkcN,CIncG,eACG,4BJqcN,CItcG,eACG,mBJwcN,CIzcG,eACG,4BJ2cN,CI5cG,eACG,4BJ8cN,CI/cG,eACG,mBJidN,CIldG,gBACG,4BJodN,CIrdG,gBACG,4BJudN,CIxdG,gBACG,oBJ0dN,CACF,CI7YA,0BArFK,qBACG,SJqeN,CIteG,qBACG,kBJweN,CIzeG,qBACG,SJ2eN,CI5eG,qBACG,SJ8eN,CI/eG,qBACG,kBJifN,CI5eG,eACG,2BJ8eN,CI/eG,eACG,4BJifN,CIlfG,eACG,mBJofN,CIrfG,eACG,4BJufN,CIxfG,eACG,4BJ0fN,CI3fG,eACG,mBJ6fN,CI9fG,eACG,4BJggBN,CIjgBG,eACG,4BJmgBN,CIpgBG,eACG,mBJsgBN,CIvgBG,gBACG,4BJygBN,CI1gBG,gBACG,4BJ4gBN,CI7gBG,gBACG,oBJ+gBN,CACF,CI7bA,0BA1FK,sBACG,SJ0hBN,CI3hBG,sBACG,kBJ6hBN,CI9hBG,sBACG,SJgiBN,CIjiBG,sBACG,SJmiBN,CIpiBG,sBACG,kBJsiBN,CIjiBG,gBACG,2BJmiBN,CIpiBG,gBACG,4BJsiBN,CIviBG,gBACG,mBJyiBN,CI1iBG,gBACG,4BJ4iBN,CI7iBG,gBACG,4BJ+iBN,CIhjBG,gBACG,mBJkjBN,CInjBG,gBACG,4BJqjBN,CItjBG,gBACG,4BJwjBN,CIzjBG,gBACG,mBJ2jBN,CI5jBG,iBACG,4BJ8jBN,CI/jBG,iBACG,4BJikBN,CIlkBG,iBACG,oBJokBN,CACF,CI7eA,0BA/FK,uBACG,SJ+kBN,CIhlBG,uBACG,kBJklBN,CInlBG,uBACG,SJqlBN,CItlBG,uBACG,SJwlBN,CIzlBG,uBACG,kBJ2lBN,CItlBG,iBACG,2BJwlBN,CIzlBG,iBACG,4BJ2lBN,CI5lBG,iBACG,mBJ8lBN,CI/lBG,iBACG,4BJimBN,CIlmBG,iBACG,4BJomBN,CIrmBG,iBACG,mBJumBN,CIxmBG,iBACG,4BJ0mBN,CI3mBG,iBACG,4BJ6mBN,CI9mBG,iBACG,mBJgnBN,CIjnBG,kBACG,4BJmnBN,CIpnBG,kBACG,4BJsnBN,CIvnBG,kBACG,oBJynBN,CACF,CI3fA,uBACI,QJ8hBJ,CI5hBI,6BACI,eJ8hBR,CIliBA,8CAQQ,YJ6hBR,CIriBA,iCAYQ,SJ4hBR,CIxiBA,yBAgBQ,8BJ2hBR,CIvhBA,gBACI,WJyhBJ,CI1hBA,0BAIQ,WJyhBR,CI7hBA,kBAQQ,kCJwhBR,CIphBA,gBACI,WJshBJ,CIvhBA,0BAIQ,WJshBR,CI1hBA,kBAQQ,kCJqhBR,CIjhBA,gBACI,YJmhBJ,CIphBA,0BAIQ,YJmhBR,CIvhBA,kBAQQ,oCJkhBR,CI9gBA,gBACI,YJghBJ,CIjhBA,0BAIQ,YJghBR,CIphBA,kBAQQ,oCJ+gBR,CI3gBA,gBACI,YJ6gBJ,CI9gBA,0BAIQ,YJ6gBR,CIjhBA,kBAQQ,oCJ4gBR,CIxgBA,eAEI,kBJ0gBJ,CI5gBA,yBAMQ,qBJ0gBR,CItgBA,kBAEI,kBJwgBJ,CI1gBA,4BAMQ,qBJwgBR,CIlfA,0BAEI,mBADA,8BAEA,qBJqgBJ,CIxgBA,4BAMQ,WJqgBR,CIteA,6BAEI,qCADA,iBJmgBJ,CIpgBA,sEAMQ,oCJkgBR,CIxgBA,6CAcQ,sBAHA,YAEA,kBAHA,kBACA,SACA,SJmgBR,CI9fI,qEACI,oBJggBR,CI7fI,yBACI,gZAKI,eJ+fV,CI7fU,8aACI,UJmgBd,CACF,CI/fI,yBACI,gZAKI,eJigBV,CI/fU,8aACI,UJqgBd,CACF,CIjgBI,yBACI,gZAKI,eJmgBV,CIjgBU,8aACI,UJugBd,CACF,CIngBI,0BACI,gZAKI,eJqgBV,CIngBU,8aACI,UJygBd,CACF,CIrgBI,0BACI,qZAKI,eJugBV,CIrgBU,mbACI,UJ2gBd,CACF,CIvgBI,0BACI,qZAKI,eJygBV,CIvgBU,mbACI,UJ6gBd,CACF,CIvgBA,yBACI,oCJ0gBJ,CI3gBA,+BAIQ,eJ0gBR,CI9gBA,8DASQ,oCJygBR,CIlhBA,0CAkBQ,sBADA,WAFA,WADA,UAEA,iBAHA,kBACA,UJ4gBR,CIrgBI,sEACI,oBJugBR,CI7hBA,sDA0BQ,YJsgBR,CIngBI,yBACI,+ZAKI,YJqgBV,CACF,CIlgBI,yBACI,+ZAKI,YJogBV,CACF,CIjgBI,yBACI,+ZAKI,YJmgBV,CACF,CIhgBI,0BACI,+ZAKI,YJkgBV,CACF,CI/fI,0BACI,oaAKI,YJigBV,CACF,CI9fI,0BACI,yaAKI,YJggBV,CACF,CI5fA,WACI,aACA,cJ8fJ,CI5fI,gBACI,MJ8fR,CI1fA,oBAEI,kBJ4fJ,CI9fA,oCAOQ,eADA,oBJ6fR,CIzfI,uBACI,iBJ2fR,CI5fI,uCAKQ,oBJ2fZ,CIvfI,uBACI,iBJyfR,CI1fI,uCAKQ,oBJyfZ,CIrfI,uBACI,iBJufR,CIxfI,uCAKQ,oBJufZ,CInfI,uBACI,iBJqfR,CItfI,uCAKQ,oBJqfZ,CI1fI,4CASQ,gBJofZ,CI9eA,aAII,oBADA,gBAFA,SACA,SJmfJ,CI9eA,aACI,qBAGA,iBADA,mBADA,WAGA,cJgfJ,CI7eA,4BAEI,cJ+eJ,CI5eA,iCAEI,cJ8eJ,CI3eA,yBACI,qEAGI,SJ6eN,CACF,CI1eA,yBACI,uBACI,aJ4eN,CIzeE,yBACI,aJ2eN,CIxeE,uBACI,SJ0eN,CIveE,yBACI,SJyeN,CIteE,yBACI,SJweN,CACF,CKrmCA,kEAOQ,eACA,gBACA,gBAJA,gBACA,SL+nCR,CKxnCA,eAKI,WAHA,eACA,gBACA,gBAHA,kBL8nCJ,CKxnCI,wBACI,YACA,gBL0nCR,CKvnCI,qBAEI,WADA,eAEA,oBLynCR,CKvnCQ,2BACI,cACA,oBLynCZ,CKnmCA,eACI,cLunCJ,CK5lCA,kCA1BI,eLgpCJ,CKtnCA,0BAMQ,gBACA,mBAKA,qCACA,eAJA,YAKA,iBAHA,qBAIA,kBAPA,UL0nCR,CKhnCI,qCACI,YLknCR,CKroCA,0BAuBQ,mBAEA,oBLinCR,CMlvCA,gDAUI,gBAJA,sBAEA,cADA,aAEA,QNqvCJ,CMjvCA,OACI,gBNmvCJ,CMhvCA,cAEI,mBNkvCJ,CM/uCA,oEAII,0BACA,cNivCJ,CM9uCA,sCAEI,cNgvCJ,CM7uCA,iDAEI,SACA,SN+uCJ,CM5uCA,MACI,kBN8uCJ,CM3uCA,uCAEI,wCAQA,sBAFA,yBACA,kBAMA,eATA,YAFA,iBAOA,qFAJA,2BAFA,UNovCJ,CMxuCI,mEACI,oBN2uCR,CMxuCI,mEACI,qBACA,+BACA,YN2uCR,CMxuCI,uEAEI,yBADA,oBN4uCR,CMxuCI,yEAEI,2BADA,qBAEA,kBN2uCR,CMxuCI,uGACI,wBN2uCR,CMvuCA,qBACI,iBNyuCJ,CMtuCA,kBAGI,kBAFA,oBACA,kBNyuCJ,CMruCA,4BAKI,4BAEA,4BADA,0BALA,WACA,cAEA,YADA,UN2uCJ,CMpuCA,yBAMI,kBALA,WACA,cAEA,WACA,YAFA,SNyuCJ,CMnuCA,4CACI,0RACA,kBNquCJ,CMluCA,yCACI,qBNouCJ,CMjuCA,4FAEI,WNmuCJ,CMhuCA,SACI,YAEA,YADA,SNmuCJ,CM/tCA,OAEI,SAGA,eACA,gBACA,iBAHA,iBAHA,UNuuCJ,CMxuCA,4BAUQ,0BNiuCR,CM7tCA,SACI,eN+tCJ,CM3tCA,oDAEI,qBN6tCJ,CMztCA,8VAyBI,sBAFA,yBACA,kBAGA,qCADA,WAPA,YACA,eAEA,gBAMA,yBN2tCJ,CMztCI,gdACI,oBN6uCR,CM1uCI,gdAEI,yBADA,qBAGA,yDADA,WAEA,SN8vCR,CM3vCI,4hBAEI,sBADA,qBAEA,UN+wCR,CM5wCI,4hBAEI,2BADA,qBAIA,qCAFA,cACA,SNiyCR,CM7xCI,w2CAEI,iBNm0CR,CMh0CI,meAEI,yBADA,oBNq1CR,CMh1CA,mBAEI,YACA,cACA,kBNk1CJ,CM/0CA,iBACI,YACA,eNi1CJ,CM70CA,cAEI,cADA,SNg1CJ,CM50CA,uBACI,aN80CJ,CMzzCA,QACI,UN40CJ,CMz0CA,2BAEI,UN20CJ,CMx0CA,UACI,UN00CJ,CMv0CA,eACI,WNy0CJ,CMt0CA,YACI,WNw0CJ,CMr0CA,cACI,WNu0CJ,CMp0CA,YACI,UNs0CJ,CMn0CA,uBAEI,sBACA,eNq0CJ,COnmDI,gBAGI,WAFA,WACA,aPsmDR,CMv0CA,cAIQ,eACA,mBNs0CR,CMl0CA,sBAEI,kBNo0CJ,CMj0CA,YACI,eNm0CJ,CMh0CA,sBACI,cNk0CJ,CM/zCA,yBACI,sBACI,cAGA,eADA,gBADA,iBNm0CN,CACF,CM9zCA,yBACI,cACI,UNg0CN,CM7zCE,kBACI,aN+zCN,CMh0CE,4EAKQ,UN+zCV,CMp0CE,mCASQ,QN8zCV,CACF,CM1zCA,yBACI,sBAIQ,mBADA,eADA,WN6zCV,CM/zCE,uBAQQ,iBN0zCV,CMl0CE,sBAYQ,eNyzCV,CACF,CMrzCA,+CACI,wBAEQ,aNszCV,CMlzCE,uCAEQ,iBNmzCV,CACF,CM/yCA,+DAGQ,cACA,WAGA,eADA,kBADA,UNkzCR,CMvzCA,iEAWQ,aNgzCR,CM3yCI,wBACI,UN6yCR,CM/yCA,yDAOQ,YN4yCR,CMnzCA,wBAWQ,gBAGA,cAFA,kBN6yCR,CMzzCA,2BAiBY,kBN2yCZ,CM5zCA,0BAsBQ,kBNyyCR,CM/zCA,wBA0BQ,WACA,SACA,kBNwyCR,CMp0CA,yBAgCQ,mBACA,aNuyCR,CM/wCA,gCAGI,kBADA,qBNsyCJ,CMlyCA,UAEI,aNoyCJ,CMjyCA,mEAII,aADA,aNoyCJ,CMhyCA,wBACI,gBAGA,cAFA,kBNoyCJ,CMtyCA,2BAOQ,kBNkyCR,CMzyCA,2BAWQ,kBNiyCR,CM7xCA,oBACI,eN+xCJ,CM5xCA,uDAII,mBADA,WN+xCJ,CM7tCA,oHAIQ,cN0xCR,CM9xCA,8EASQ,cACA,eACA,iBN2xCR,CMtyCA,uDAeQ,YN2xCR,CM1yCA,gKAoBQ,mBACA,iBN4xCR,CMxxCA,iEAGQ,aAGA,aADA,wDNyxCR,CM9xCA,6EASY,QNyxCZ,CMpxCA,uBAEQ,gBNqxCR,CMvxCA,6BAKY,cAEA,oBNqxCZ,CM5xCA,oJAeQ,mBACA,iBNmxCR,CMnyCA,kBAoBQ,cACA,iBNkxCR,CM5wCA,sCAEI,cAKA,eAFA,eAFA,gBAGA,SNgxCJ,CM5wCA,kDAEI,cN8wCJ,CM3wCA,kBAGI,eADA,YN8wCJ,CM1wCA,OACI,iBN4wCJ,CMzwCA,sBAEI,aN2wCJ,CMxwCA,uCACI,oBN0wCJ,CMvwCA,QACI,cACA,iBNywCJ,CM3wCA,oBAKQ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kJR,CiBznJK;EjB2nJH,eAAe,CiBxnJL,uBjB0nJZ,CiB7nJK;EjBgoJH,eAAe,CiBvnJL,2BjBynJZ,CiBloJK;EjBooJH,eAAe,CiBjoJL,2BjBmoJZ,CiBtoJK;EjByoJH,eAAe,CiBhoJL,+BjBkoJZ,CiB3oJK;EjB6oJH,eAAe,CiB1oJL,4BjB4oJZ,CiB/oJK;EjBkpJH,eAAe,CiBzoJL,gCjB2oJZ,CiBppJK;EjBspJH,eAAe,CiBnpJL,4BjBqpJZ,CiBxpJK;EjB2pJH,eAAe,CiBlpJL,gCjBopJZ,CiB7pJK;EjB+pJH,eAAe,CiB5pJL,4BjB8pJZ,CiBjqJK;EjBoqJH,eAAe,CiB3pJL,gCjB6pJZ,CiBtqJK;EjBwqJH,eAAe,CiBrqJL,4BjBuqJZ,CiB1qJK;EjB6qJH,eAAe,CiBpqJL,gCjBsqJZ,CiB/qJK;EjBirJH,eAAe,CiB9qJL,4BjBgrJZ,CiBnrJK;EjBsrJH,eAAe,CiB7qJL,gCjB+qJZ,CiBxrJK;EjB0rJH,eAAe,CiBvrJL,4BjByrJZ,CiB5rJK;EjB+rJH,eAAe,CiBtrJL,gCjBwrJZ,CiBjsJK;EjBmsJH,eAAe,CiBhsJL,4BjBksJZ,CiBrsJK;EjBwsJH,eAAe,CiB/rJL,gCjBisJZ,CiB1sJK;EjB4sJH,eAAe,CiBzsJL,4BjB2sJZ,CiB9sJK;EjBitJH,eAAe,CiBxsJL,gCjB0sJZ,CiBntJK;EjBqtJH,eAAe,CiBltJL,4BjBotJZ,CiBvtJK;EjB0tJH,eAAe,CiBjtJL,gCjBmtJZ,CiB5tJK;EjB8tJH,eAAe,CiB3tJL,4BjB6tJZ,CiBhuJK;EjBmuJH,eAAe,CiB1tJL,gCjB4tJZ,CiBlqJI,sEACI,qDjBoqJR,CiB/pJI,kJAGQ,qDjBgqJZ,CiB1pJI,mJAGQ,qDjB2pJZ,CiBrpJI,oBACI,aAGA,eAFA,8BACA,cjBwpJR,CkBp0JA,eACI,alBs0JJ,CkBnzJA,oBACI,clBqzJJ,CkBlzJA,sBACI,alBozJJ,CkBjzJA,oBACI,clBmzJJ,CkBhzJA,kBACI,clBkzJJ,CkB/yJA,uBACI,eACA,elBizJJ,CkB9yJA,wBACI,eAEA,gBADA,elBizJJ,CkBzyJA,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A,UAFA,kBACA,MAEA,OrBo3KR,CqB52KI,gBAEI,iBAEA,uBrB82KR,CqB52KQ,uBAII,mCADA,6BADA,iBADA,oBrBi3KZ,CqB12KI,sBACI,gBrB42KR,CqBz2KI,mCACI,kBrB22KR,CqBx2KI,kDACI,iBrB02KR,CqBv2KI,yCAEI,mBrBy2KR,CqBn2KA,gBAGI,WAFA,WACA,arBw2KJ,CqBp2KA,WACI,erBs2KJ,CqBn2KA,YACI,gBrBq2KJ,CqBl2KA,aACI,iBrBo2KJ,CqBj2KA,yBAGI,4BrBm2KJ,CqBh2KA,qCAII,4BrBk2KJ,CqB/1KA,qBAEI,sBrBi2KJ,CqB91KA,QACI,yBrBg2KJ,CqB71KA,2BAEI,YrB+1KJ,CqB51KA,SAEI,WADA,cAGA,SADA,erB+1KJ,CqB31KA,WAEI,arB61KJ,CqB11KA,OACI,crB41KJ,CqBz1KA,WACI,kBrB21KJ,CqBx1KA,YACI,gBrB01KJ,CqBv1KA,eACI,eACA,gBACA,uBACA,kBrBy1KJ,CsBv1LA,2CfJI,yDPm2LJ,CsB11LA,6EfTI,yDPw2LJ,CsBz1LA,wGffI,yDP62LJ,CsBx1LA,qJfrBI,yDPq3LJ,CsBv1LA,qKf9BI,yDP43LJ,CsBt1LA,+GftCI,yDPk4LJ,CsBr1LA,uBf7CI,yDPq4LJ,CsBp1LA,qBfjDI,yDPw4LJ,CsBn1LA,yDfrDI,yDP44LJ,CsBl1LA,2Ef1DI,yDPg5LJ,CsBj1LA,oCf/DI,yDPm5LJ,CsBh1LA,iCfnEI,yDPs5LJ,CsB/0LA,iEfvEI,yDP05LJ,CsB90LA,yDf5EI,yDP85LJ,CsB70LA,2EfjFI,yDPk6LJ,CsB50LA,sBftFI,yDPq6LJ,CsB30LA,8Bf1FI,yDPw6LJ,CsB10LA,kIf9FI,yDP86LJ,CsBz0LA,yEfrGI,yDPk7LJ,CsBx0LA,6Bf1GI,yDPq7LJ,CsBv0LA,sBf9GI,yDPw7LJ,CsBt0LA,gCflHI,yDP27LJ,CsBr0LA,wBftHI,yDP87LJ,CsBp0LA,0Cf1HI,yDPi8LJ,CsBn0LA,0Bf9HI,yDPo8LJ,CsBl0LA,8BflII,yDPu8LJ,CsBj0LA,iCftII,yDP08LJ,CsBh0LA,yBf1II,yDP68LJ,CsB/zLA,4Bf9II,yDPg9LJ,CsB9zLA,qEflJI,yDPo9LJ,CsB7zLA,uBfvJI,yDPu9LJ,CsB5zLA,iEf3JI,yDP29LJ,CsB3zLA,yBfhKI,yDP89LJ,CsB1zLA,+BfpKI,yDPi+LJ,CsBzzLA,oHfxKI,yDPu+LJ,CsBxzLA,wJf/KI,yDP6+LJ,CsBvzLA,6DftLI,yDPi/LJ,CsBtzLA,+Cf3LI,yDPq/LJ,CsBrzLA,iEfhMI,yDPy/LJ,CsBpzLA,+CfrMI,yDP6/LJ,CsBnzLA,qBf1MI,yDPggMJ,CsBlzLA,+Kf9MI,yDPwgMJ,CsBjzLA,qFfvNI,yDP6gMJ,CsBhzLA,oDf7NI,yDPihMJ,CsB/yLA,qCflOI,yDPohMJ,CsB9yLA,iFftOI,yDPyhMJ,CsB7yLA,4Gf5OI,yDP8hMJ,CsB5yLA,gCflPI,yDPiiMJ,CsB3yLA,0CftPI,yDPqiMJ,CsB1yLA,wEf3PI,yDP0iMJ,CsBzyLA,oBfjQI,yDP6iMJ,CsBxyLA,kCfrQI,yDPgjMJ,CsBvyLA,6BfzQI,yDPmjMJ,CsBtyLA,sCf7QI,yDPsjMJ,CsBryLA,yBfjRI,yDPyjMJ,CsBpyLA,uBfrRI,yDP4jMJ,CsBnyLA,wBfzRI,yDP+jMJ,CsBlyLA,4Bf7RI,yDPkkMJ,CsBjyLA,qBfjSI,yDPqkMJ,CsBhyLA,8BfrSI,yDPwkMJ,CsB/xLA,uBfzSI,yDP2kMJ,CsB9xLA,8Bf7SI,yDP8kMJ,CsB7xLA,2BfjTI,yDPilMJ,CsB5xLA,wBfrTI,yDPolMJ,CsB3xLA,iCfzTI,yDPulMJ,CsB1xLA,6Df7TI,yDP4lMJ,CsBzxLA,wFfnUI,yDPimMJ,CsBxxLA,0BfzUI,yDPomMJ,CsBvxLA,mBf7UI,yDPumMJ,CsBtxLA,4BfjVI,yDP0mMJ,CsBrxLA,4GfrVI,yDPgnMJ,CsBpxLA,gJf5VI,yDPsnMJ,CsBnxLA,4BfnWI,yDPynMJ,CsBlxLA,mBfvWI,yDP4nMJ,CsBjxLA,iDf3WI,yDPgoMJ,CsBhxLA,oBfhXI,yDPmoMJ,CsB/wLA,sBfpXI,yDPsoMJ,CsB9wLA,qBfxXI,yDPyoMJ,CsB7wLA,+Bf5XI,yDP4oMJ,CsB5wLA,iEfhYI,yDPgpMJ,CsB3wLA,oBfrYI,yDPmpMJ,CsB1wLA,6BfzYI,yDPspMJ,CsBzwLA,kBf7YI,yDPypMJ,CsBxwLA,iBfjZI,yDP4pMJ,CsBvwLA,kBfrZI,yDP+pMJ,CsBtwLA,uBfzZI,yDPkqMJ,CsBrwLA,oBf7ZI,yDPqqMJ,CsBpwLA,yBfjaI,yDPwqMJ,CsBnwLA,uBfraI,yDP2qMJ,CsBlwLA,0BfzaI,0DP8qMJ,CsBjwLA,gBf7aI,0DPirMJ,CsBhwLA,wBfjbI,yDPorMJ,CsB/vLA,wBfrbI,0DPurMJ,CsB9vLA,iCfzbI,0DP0rMJ,CsB7vLA,iCf7bI,0DP6rMJ,CsB5vLA,0CfjcI,0DPgsMJ,CsB3vLA,6BfrcI,0DPmsMJ,CsB1vLA,8CfzcI,0DPusMJ,CsBzvLA,0Bf9cI,0DP0sMJ,CsBxvLA,kCfldI,0DP6sMJ,CsBvvLA,2CftdI,0DPgtMJ,CsBtvLA,4Df1dI,0DPotMJ,CsBrvLA,yBf/dI,0DPutMJ,CsBpvLA,oBfneI,0DP0tMJ,CsBnvLA,2BfveI,0DP6tMJ,CsBlvLA,mCf3eI,0DPguMJ,CsBjvLA,sDf/eI,0DPouMJ,CsBhvLA,oDfpfI,0DPwuMJ,CsB/uLA,sEfzfI,0DP4uMJ,CsB9uLA,+Bf9fI,0DP+uMJ,CsB7uLA,iBflgBI,0DPkvMJ,CsB5uLA,sBftgBI,0DPqvMJ,CsB3uLA,+Bf1gBI,0DPwvMJ,CsB1uLA,gBf9gBI,0DP2vMJ,CsBzuLA,yBflhBI,0DP8vMJ,CsBxuLA,wBfthBI,0DPiwMJ,CsBvuLA,4Bf1hBI,0DPowMJ,CsBtuLA,wIf9hBI,0DP2wMJ,CsBruLA,qLftiBI,0DPkxMJ,CsBpuLA,0Bf9iBI,0DPqxMJ,CsBnuLA,mCfljBI,0DPwxMJ,CsBluLA,kBftjBI,0DP2xMJ,CsBjuLA,iBf1jBI,0DP8xMJ,CsBhuLA,+Bf9jBI,0DPiyMJ,CsB/tLA,wCflkBI,0DPoyMJ,CsB5tLA,oEf3kBI,0DP6yMJ,CsB5tLA,sFfjlBI,0DPmzMJ,CsB3tLA,0CfxlBI,0DPuzMJ,CsB1tLA,iFf7lBI,0DP4zMJ,CsBztLA,oBfnmBI,wDP+zMJ,CsBxtLA,uBfvmBI,wDPk0MJ,CsBvtLA,6Cf3mBI,0DPs0MJ,CsBttLA,mBfhnBI,0DPy0MJ,CsBrtLA,qBfpnBI,0DP40MJ,CsBptLA,yBfxnBI,0DP+0MJ,CsBntLA,+Cf5nBI,wDPm1MJ,CsBltLA,kBfjoBI,0DPs1MJ,CsBjtLA,8HfroBI,0DP61MJ,CsBhtLA,oBf7oBI,0DPg2MJ,CsB/sLA,sBfjpBI,0DPm2MJ,CsB9sLA,iBfrpBI,0DPs2MJ,CsB7sLA,oBfzpBI,0DPy2MJ,CsB5sLA,mBf7pBI,0DP42MJ,CsB3sLA,mBfjqBI,0DP+2MJ,CsB1sLA,mBfrqBI,0DPk3MJ,CsBzsLA,qBfzqBI,0DPq3MJ,CsBxsLA,2Bf7qBI,0DPw3MJ,CsBvsLA,0FfjrBI,0DP63MJ,CsBtsLA,sDfvrBI,0DPi4MJ,CsBrsLA,kBf5rBI,0DPo4MJ,CsBpsLA,sBfhsBI,0DPu4MJ,CsBnsLA,qBfpsBI,0DP04MJ,CsBlsLA,yBfxsBI,0DP64MJ,CsBjsLA,wBf5sBI,0DPg5MJ,CsBhsLA,4BfhtBI,0DPm5MJ,CsB/rLA,2BfptBI,0DPs5MJ,CsB9rLA,oBfxtBI,0DPy5MJ,CsB7rLA,4Cf5tBI,0DP65MJ,CsB5rLA,8CfjuBI,0DPi6MJ,CsB3rLA,kDftuBI,0DPq6MJ,CsB1rLA,kBf3uBI,0DPw6MJ,CsBzrLA,iBf/uBI,0DP26MJ,CsBxrLA,0BfnvBI,0DP86MJ,CsBvrLA,mBfvvBI,0DPi7MJ,CsBtrLA,4Bf3vBI,0DPo7MJ,CsBrrLA,gBf/vBI,0DPu7MJ,CsBprLA,8EfnwBI,0DP47MJ,CsBnrLA,qEfzwBI,0DPg8MJ,CsBlrLA,sBf9wBI,0DPm8MJ,CsBjrLA,+BflxBI,0DPs8MJ,CsBhrLA,kBftxBI,yDPy8MJ,CsB/qLA,iBf1xBI,0DP48MJ,CsB9qLA,mBf9xBI,0DP+8MJ,CsB7qLA,4BflyBI,0DPk9MJ,CsB5qLA,4BftyBI,0DPq9MJ,CsB3qLA,+Bf1yBI,0DPw9MJ,CsB1qLA,+Bf9yBI,0DP29MJ,CsBzqLA,4BflzBI,0DP89MJ,CsBxqLA,gCftzBI,0DPi+MJ,CsBvqLA,oCf1zBI,0DPo+MJ,CsBtqLA,+Bf9zBI,0DPu+MJ,CsBrqLA,4Bfl0BI,0DP0+MJ,CsBpqLA,8Bft0BI,0DP6+MJ,CsBnqLA,wBf10BI,0DPg/MJ,CsBlqLA,yBf90BI,0DPm/MJ,CsBjqLA,wBfl1BI,0DPs/MJ,CsBhqLA,wCft1BI,0DP0/MJ,CsB/pLA,mDf31BI,0DP8/MJ,CsB9pLA,0Bfh2BI,0DPigNJ,CsB7pLA,6Bfp2BI,0DPogNJ,CsB5pLA,wBfx2BI,0DPugNJ,CsB3pLA,2Bf52BI,0DP0gNJ,CsB1pLA,kCfh3BI,0DP6gNJ,CsBzpLA,6Bfp3BI,0DPghNJ,CsBxpLA,oCfx3BI,0DPmhNJ,CsBvpLA,2Bf53BI,0DPshNJ,CsBtpLA,iCfh4BI,0DPyhNJ,CsBrpLA,oBfp4BI,0DP4hNJ,CsBppLA,oBfx4BI,0DP+hNJ,CsBnpLA,4Bf54BI,0DPkiNJ,CsBlpLA,gCfh5BI,0DPqiNJ,CsBjpLA,yBfp5BI,0DPwiNJ,CsBhpLA,yCfx5BI,0DP4iNJ,CsB/oLA,kBf75BI,0DP+iNJ,CsB9oLA,qDfj6BI,0DPmjNJ,CsB7oLA,wBft6BI,0DPsjNJ,CsB5oLA,qCf16BI,0DP0jNJ,CsB3oLA,uCf/6BI,0DP8jNJ,CsB1oLA,8Bfp7BI,0DPikNJ,CsBzoLA,gCfx7BI,0DPokNJ,CsBxoLA,4Bf57BI,0DPukNJ,CsBvoLA,gCfh8BI,0DP0kNJ,CsBtoLA,6Bfp8BI,0DP6kNJ,CsBroLA,4Bfx8BI,0DPglNJ,CsBpoLA,yBf58BI,0DPmlNJ,CsBnoLA,4Cfh9BI,0DPulNJ,CsBloLA,0Bfr9BI,0DP0lNJ,CsBjoLA,wBfz9BI,0DP6lNJ,CsBhoLA,0Bf79BI,0DPgmNJ,CsB/nLA,6Bfj+BI,0DPmmNJ,CsB9nLA,4Cfr+BI,0DPsmNJ,CsB7nLA,0Cfz+BI,0DPymNJ,CsB5nLA,8Cf7+BI,0DP4mNJ,CsB3nLA,gEfj/BI,0DPinNJ,CsB1nLA,gBfv/BI,0DPonNJ,CsBznLA,2Bf3/BI,0DPunNJ,CsBxnLA,gMf//BI,0DP+nNJ,CsBvnLA,sBfxgCI,0DPkoNJ,CsBtnLA,oBf5gCI,0DPqoNJ,CsBrnLA,yBfhhCI,0DPwoNJ,CsBpnLA,kBfphCI,0DP2oNJ,CsBnnLA,4GfxhCI,0DPipNJ,CsBlnLA,gCf/hCI,0DPopNJ,CsBjnLA,yCfniCI,0DPwpNJ,CsBhnLA,iDfxiCI,0DP4pNJ,CsB/mLA,iDf7iCI,0DPgqNJ,CsB9mLA,2CfljCI,0DPoqNJ,CsB7mLA,4DfvjCI,0DPwqNJ,CsB5mLA,0Df5jCI,0DP4qNJ,CsB3mLA,oBfjkCI,0DP+qNJ,CsB1mLA,gBfrkCI,0DPkrNJ,CsBzmLA,kBfzkCI,0DPqrNJ,CsBxmLA,kBf7kCI,0DPwrNJ,CsBvmLA,2BfjlCI,0DP2rNJ,CsBtmLA,oBfrlCI,0DP8rNJ,CsBrmLA,qBfzlCI,0DPisNJ,CsBpmLA,sBf7lCI,0DPosNJ,CsBnmLA,oBfjmCI,0DPusNJ,CsBlmLA,wBfrmCI,0DP0sNJ,CsBjmLA,qBfzmCI,0DP6sNJ,CsBhmLA,wBf7mCI,0DPgtNJ,CsB/lLA,mBfjnCI,0DPmtNJ,CsB9lLA,2BfrnCI,0DPstNJ,CsB7lLA,kCfznCI,0DPytNJ,CsB5lLA,oBf7nCI,0DP4tNJ,CsB3lLA,mBfjoCI,0DP+tNJ,CsB1lLA,kBfroCI,0DPkuNJ,CsBzlLA,yBfzoCI,0DPquNJ,CsBxlLA,yBf7oCI,0DPwuNJ,CsBvlLA,0BfjpCI,0DP2uNJ,CsBtlLA,gCfrpCI,wDP8uNJ,CsBrlLA,wBfzpCI,0DPivNJ,CsBplLA,gDf7pCI,0DPqvNJ,CsBnlLA,qCflqCI,0DPwvNJ,CsBllLA,kFftqCI,0DP6vNJ,CsBjlLA,iCf5qCI,0DPgwNJ,CsBhlLA,gFfhrCI,0DPqwNJ,CsB/kLA,uBftrCI,0DPwwNJ,CsB9kLA,qCf1rCI,0DP2wNJ,CsB7kLA,+Cf9rCI,0DP+wNJ,CsB5kLA,iDfnsCI,0DPmxNJ,CsB3kLA,mBfxsCI,wDPsxNJ,CsB1kLA,oCf5sCI,0DPyxNJ,CsBzkLA,wCfhtCI,0DP4xNJ,CsBxkLA,wDfptCI,0DPgyNJ,CsBvkLA,sDfztCI,0DPoyNJ,CsBtkLA,4Df9tCI,0DPwyNJ,CsBrkLA,8EfnuCI,0DP6yNJ,CsBpkLA,gHfzuCI,wDPmzNJ,CsBnkLA,0BfhvCI,0DPszNJ,CsBlkLA,yBfpvCI,0DPyzNJ,CsBjkLA,oBfxvCI,0DP4zNJ,CsBhkLA,0Bf5vCI,0DP+zNJ,CsB/jLA,mBfhwCI,wDPk0NJ,CsB9jLA,wBfpwCI,0DPq0NJ,CsB7jLA,wBfxwCI,0DPw0NJ,CsB5jLA,wBf5wCI,0DP20NJ,CsBzjLA,WflxCI,0DP+0NJ,CsBzjLA,WftxCI,0DPk1NJ,CsBxjLA,af1xCI,0DPq1NJ,CsBvjLA,Sf9xCI,wDPw1NJ,CsBtjLA,SflyCI,0DP21NJ,CsBrjLA,UftyCI,0DP81NJ,CsBpjLA,gBf1yCI,wDPi2NJ,CsBnjLA,af9yCI,0DPo2NJ,CsBljLA,aflzCI,0DPu2NJ,CsBjjLA,eftzCI,0DP02NJ,CsBhjLA,cf1zCI,0DP62NJ,CsB/iLA,iBf9zCI,0DPg3NJ,CsB9iLA,mBfl0CI,0DPm3NJ,CsB7iLA,iBft0CI,0DPs3NJ,CsB5iLA,yBf10CI,0DPy3NJ,CsB3iLA,wBf90CI,0DP43NJ,CsB1iLA,wBfl1CI,0DP+3NJ,CsBziLA,0Bft1CI,0DPk4NJ,CsBxiLA,mBf11CI,0DPq4NJ,CsBviLA,af91CI,0DPw4NJ,CsBtiLA,afl2CI,0DP24NJ,CsBriLA,aft2CI,0DP84NJ,CsBpiLA,Wf12CI,0DPi5NJ,CsBniLA,af92CI,0DPo5NJ,CsBliLA,mBfl3CI,0DPu5NJ,CsBjiLA,aft3CI,wDP05NJ,CsBhiLA,mBf13CI,0DP65NJ,CsB/hLA,gBf93CI,0DPg6NJ,CsB9hLA,Wfl4CI,0DPm6NJ,CsB7hLA,uBft4CI,0DPs6NJ,CsB5hLA,cf14CI,0DPy6NJ,CsB3hLA,af94CI,0DP46NJ,CsB1hLA,efl5CI,0DP+6NJ,CsBzhLA,cft5CI,wDPk7NJ,CsBxhLA,gBf15CI,wDPq7NJ,CsBvhLA,Wf95CI,0DPw7NJ,CsBthLA,Yfl6CI,0DP27NJ,CsBrhLA,Wft6CI,0DP87NJ,CsBphLA,iBf16CI,0DPi8NJ,CsBnhLA,cf96CI,0DPo8NJ,CsBlhLA,efl7CI,0DPu8NJ,CsBjhLA,iBft7CI,0DP08NJ,CsBhhLA,sBf17CI,0DP68NJ,CsB/gLA,Wf97CI,0DPg9NJ,CsB9gLA,Wfl8CI,0DPm9NJ,CsB7gLA,iBft8CI,0DPs9NJ,CsB5gLA,cf18CI,0DPy9NJ,CsB3gLA,cf98CI,0DP49NJ,CsB1gLA,cfl9CI,0DP+9NJ,CsBzgLA,sBft9CI,0DPk+NJ,CsBxgLA,ef19CI,0DPq+NJ,CsBvgLA,ef99CI,0DPw+NJ,CsBvgLI,sDfj+CA,0DP4+NJ,CsBrgLA,cfv+CI,0DP++NJ,CsBrgLI,oDf1+CA,0DPm/NJ,CsBngLA,cfh/CI,0DPs/NJ,CsBngLI,oDfn/CA,0DP0/NJ,CuB7/NA,sDACI,evB+/NJ,CuB5/NA,0CACI,YvB8/NJ,CwBz8NA,OAEI,uBADA,YxB++NJ,CwB5+NI,sBAEI,cACA,uBxB8+NR,CwB3+NI,8BACI,cACA,yBxB6+NR,CwB1+NI,eACI,mBxB4+NR,CwBz+NI,eACI,cAEA,gBxB2+NR,CwBx+NI,wBAEI,gBxB0+NR,CwBv+NI,aACI,cACA,WxBy+NR,CwBt+NI,sCAEI,exBw+NR,CwBr+NI,6BACI,gBxBu+NR,CwBp+NI,sCAEI,gBxBs+NR,CwBn+NI,6BACI,iBxBq+NR,CwBl+NI,sCAEI,iBxBo+NR,CwBj+NI,+BACI,iBxBm+NR,CwBh+NI,wCAEI,iBxBk+NR,CwB/9NI,eACI,kBxBi+NR,CwB79NA,gBACI,YACA,0BxB+9NJ,CwB79NI,sBACI,mBACA,cxB+9NR,CwBj+NI,sCAKQ,cACA,yBxB+9NZ,CwB19NA,yBACI,mBACI,axB49NN,CwB79NE,kCAKQ,cxB49NV,CACF,CyBxlOA,gBASI,yBAFA,yBACA,kBAPA,sBAUA,WADA,gEAPA,gBACA,eAFA,gBAWA,cACA,kBARA,uBAMA,WAGA,qBACA,qBACA,wBzBinOJ,CyBloOA,wBAyBQ,yBALA,qBAEA,WACA,oBACA,oBAHA,azBqnOR,CyB7mOA,qBACI,czB+mOJ,C0BxoOA,eAEI,sBAEA,mBADA,iB1BuqOJ,C0BlqOA,mFAHI,mBAJA,Y1B+qOJ,C0BjqOA,oBAGI,eAFA,U1BqqOJ,C0BjqOI,+BACI,Q1BmqOR,C0B/pOA,qBAOI,sBADA,kBAEA,+BAPA,sBAQA,eAJA,kBAHA,kBACA,U1BuqOJ,C0B/pOI,2BACI,yBACA,4B1BiqOR,C0B9pOI,6BACI,yBACA,e1BgqOR,C0B5pOA,0CAGI,cAFA,SACA,qB1B+pOJ,C0B3pOA,2BAGI,eACA,kBAHA,gBACA,S1B+pOJ,C0BjqOA,6FAQQ,cACA,gB1B6pOR,C0BzpOA,iBnB7FI,0DPyvOJ,C0BxpOA,enBjGI,0DP4vOJ,C0BvpOA,yBACI,eACI,kB1BypON,C0BtpOE,kCACI,W1BwpON,C0BrpOE,oBAEI,mBAEA,iBAHA,U1B0pON,C0BppOE,qBACI,mBACA,e1BspON,C0BppOM,mCAQI,yBAMA,+BAJA,YANA,WAHA,cAMA,YAIA,SAEA,mBAVA,oBADA,kBAGA,wBACA,WAGA,S1B2pOV,CACF,C0BlpOA,sCAEQ,qB1BmpOR,C0BrpOA,2CAOQ,c1BkpOR,C0BhpOQ,sDACI,Q1BkpOZ,C0B5pOA,4CAeQ,c1BgpOR,C0B9oOQ,0DACI,Y1BgpOZ,C2BlxOA,WACI,aACA,qB3BizOJ,C2B9yOA,gBAKI,+BADA,mBADA,oBAFA,kBACA,U3BmzOJ,C2B9yOI,sBAQI,2BACA,qbACA,wBANA,SADA,WAFA,cAMA,YAFA,UAHA,kBASA,wBALA,U3BqzOR,C2B7yOI,2BACI,gB3B+yOR,C2B7yOQ,iCACI,Y3B+yOZ,C2B1yOA,qBACI,e3B4yOJ,C2BzyOA,2CAEI,iB3B2yOJ,C2BxyOA,sCAEQ,WAGA,gBADA,SADA,U3B2yOR,C2B9yOA,uCASQ,WACA,a3BwyOR,C2BlzOA,iFAgBQ,Y3BuyOR,C2BnyOA,0BACI,c3BqyOJ,C2BlyOA,wBACI,qBACA,wB3BoyOJ,C2BjyOA,yBACI,sBACI,UACA,a3BmyON,CACF,C2BhyOA,0BACI,WACI,kB3BkyON,C2B/xOE,gBAII,kBADA,mBAFA,U3BoyON,C2B/xOM,sBAEI,YACA,UAEA,6BADA,gBAFA,MADA,0C3BqyOV,C2B9xOM,2BAEI,eADA,S3BiyOV,C2B5xOE,wBACI,e3B8xON,CACF,C2B3xOA,kCAEQ,qB3B4xOR,C2B9xOA,uCAUQ,gBAFA,iBAFA,U3B+xOR,C2BzxOQ,6CACI,SAGA,YAFA,qBADA,SAIA,wBAFA,U3B6xOZ,89M;A4Bz7OA,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,aACI,mBACA,qBACA,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,oCAEI,YACA,oBAFA,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,mBAEA,YAEA,mBAHA,UFiKZ,CE3LA,oDxBDI,yDsB+LJ,CE9LA,4DxBDI,yDsBkMJ,CEjMA,8DxBDI,yDsBqMJ,CEpMA,yDxBDI,yDsBwMJ,CEvMA,6DxBDI,yDsB2MJ,CE1MA,+DxBDI,yDsB8MJ,CE7MA,8DxBDI,yDsBiNJ,CEhNA,wCAoEQ,eACA,gBACA,kBAJA,eACA,SFqJR,CExNA,qCA0EQ,eACA,iBFiJR,CE5NA,uCA8EY,aFiJZ,CE/NA,6CAkFY,aFgJZ,CE1IA,8BAEI,aACA,eAGA,gBAFA,SACA,SF8IJ,CEnJA,oCAaQ,yBAEA,iBALA,qBAMA,gBAJA,eAEA,UFgJR,CE1IA,mDAEI,qBAGA,kBADA,gBAEA,mBAHA,UF+IJ,CEzIA,iDAEI,mBACA,kBACA,iBF2IJ,CExIA,8BACI,cF0IJ,CE3IA,kCAIQ,cF0IR,CEtIA,mBACI,cFwIJ,CEzIA,uBAIQ,cFwIR,CEpIA,uDAEI,iBAEA,oBFsIJ,CEnIA,4GAGI,iBFqIJ,CElIA,kFAGQ,iBACA,QFmIR,CEvIA,mFASQ,cFkIR,CE3IA,+MAcQ,cFiIR,CE/IA,oCAkBQ,UFgIR,CE5HA,sEAEI,iBACA,cF8HJ,CE3HA,2CACI,qBACA,iBF6HJ,CE1HA,sCAMI,eACA,gBAHA,eAFA,gBAGA,SF8HJ,CEzHA,+DAGI,eACA,iBAFA,eF6HJ,CExHA,kBxBzMI,0DwB0MA,qBAEA,YACA,mBAFA,UF6HJ,CErHA,iBACI,QFyHJ,CEtHA,sBACI,aACA,eACA,gBACA,SACA,SFwHJ,CE7HA,yBAcQ,yBANA,qBAEA,iBAEA,SADA,gBAEA,mBAJA,UF6HR,CEtIA,qCAoBQ,sBAFA,aACA,SAEA,gBAEA,qBFuHR,CE9IA,mDA0BY,mBAEA,kBADA,UFwHZ,CEnJA,uDAgCY,cFsHZ,CEtJA,wCAuCY,eACA,gBAHA,eACA,SFuHZ,CE7JA,oCA8CQ,iBADA,eFoHR,CEjKA,2CAmDQ,eACA,iBAFA,SFoHR,CE9GA,0CACI,SFgHJ,CE7GA,8EAEI,qBAEA,eACA,cF+GJ,CE5GA,sGAEI,gBF8GJ,CE3GA,sFAEI,iBAGA,cAFA,WF+GJ,CElHA,kHAeQ,sBADA,kBAEA,+BAHA,eADA,iBAHA,gBAEA,sBFmHR,CE9HA,0GAoBQ,iBF8GR,CE5GQ,wHAMI,8DACA,qBANA,WACA,mBAGA,YAFA,kBACA,UFkHZ,CE5IA,oHAiCY,cACA,iBF+GZ,CEjJA,gHAsCY,SACA,SF+GZ,CEtJA,gHA4CY,cF+GZ,CE3JA,4GAiDQ,iBF8GR,CE5GQ,0HAMI,8DACA,qBANA,WACA,mBAGA,YAFA,kBACA,UFkHZ,CEzKA,gHA8DY,QF+GZ,CE7KA,oOAuEQ,eF8GR,CErLA,oPA4EQ,iBF+GR,CE3GA,0CAEI,kBF6GJ,CE1GA,uCACI,iBF4GJ,CEzGA,qDACI,mBAEA,kBF2GJ,CE9GA,yDAMQ,UF2GR,CEvGA,0CAOI,WAHA,eACA,gBACA,kBAJA,eACA,SF6GJ,CEtGA,2DAII,cAHA,cAEA,eADA,eF0GJ,CEhGA,2FAEI,gBFsGJ,CExGA,iDAKQ,cFsGR,CElGA,0DAEI,eFoGJ,CEhGA,gCACI,gBFkGJ,CEnGA,mCAIQ,eACA,gBFkGR,CE9FA,uBAGI,gBAFA,gBAGA,iBFgGJ,CE7FA,4BACI,mBAEA,oBF+FJ,CElGA,gCAMQ,UF+FR,CE3FA,4BAKI,cAFA,eADA,gBAEA,mBAHA,QFiGJ,CE1FA,6DAKI,cAHA,cACA,eACA,iBF6FJ,CEzFA,+BACI,cF2FJ,CE5FA,oDAIQ,qBACA,iBF2FR,CEvFA,gCAQQ,gBAFA,yBACA,kBALA,qBAEA,qBACA,WF2FR,CEhGA,kCAaQ,eADA,WFwFR,CEnFA,8BAEQ,iBAEA,uBACA,iBFoFR,CEzFA,kCAQY,cAEA,mBADA,WFqFZ,CE9FA,2BAeQ,SFkFR,CEjGA,yCAkBY,mBACA,QFkFZ,CErGA,aAwBQ,eACA,gBFgFR,CEzGA,kBA4BY,eACA,gBACA,kBFgFZ,CE9GA,aAmCQ,eAEA,gBADA,gBF+ER,CEnHA,kBA4CY,sEACA,2BAFA,eAHA,qBAEA,kBFiFZ,CE3HA,sCAmDY,yBF2EZ,CE9HA,kDAuDY,YF0EZ,CEjIA,aA4DQ,gBFwER,CEpEA,oBAGI,iBAFA,WFwEJ,CEzEA,8BAOQ,YFsER,CElEA,yBAKI,uCACI,QFmEN,CEpEE,yBAIQ,cAEA,SADA,UFoEV,CEjEU,oDACI,aACA,aFmEd,CE7EE,2DAgBQ,QFiEV,CEjFE,qCAoBQ,QFgEV,CEpFE,uCAwBQ,qBF+DV,CEvFE,qCA6BQ,iBADA,iBF+DV,CE3FE,sEAiCY,UACA,SADA,UADA,QFgEd,CEzDE,uCACI,UF2DN,CExDE,iEACI,eF0DN,CEvDE,oCAEI,cFyDN,CEtDE,0CACI,QFwDN,CErDE,0CACI,cACA,WACA,UFuDN,CEpDE,sFAEI,QFsDN,CEnDE,sFAGI,cADA,WAEA,UFqDN,CElDE,oPAII,eFoDN,CACF,CG7iBA,yBAEI,mBADA,YHqrBJ,CGtrBA,mCAKQ,aHorBR,CGzrBA,sGAUQ,eHmrBR,CG9qBI,sBAGI,WAFA,WACA,aHirBR,CG7qBI,qBACI,kBH+qBR,CG5qBI,sBACI,gBH8qBR,CG1qBA,UAOI,yBADA,kBAJA,sBACA,WAMA,gBAJA,iCADA,gBAIA,gBAPA,iBHorBJ,CGrrBA,wBAoBQ,yBALA,kBAGA,WAJA,mBAGA,eAJA,YAMA,kBAHA,0BAJA,OHorBR,CGhsBA,gCAwBQ,wBH2qBR,CGnsBA,gCA4BQ,wBH0qBR,CGtsBA,+BAgCQ,wBHyqBR,CGzsBA,gCAoCQ,sBACA,iBHwqBR,CG7sBA,sEA2CQ,yBADA,eHwqBR,CGrqBQ,sKAMI,yBAHA,SAEA,WADA,OAFA,kBACA,MAIA,+CHyqBZ,CGtqBQ,oFACI,mFHyqBZ,CGrqBQ,kFACI,sFAEA,qBHuqBZ,CGlqBA,sCACI,GACI,oBHoqBN,CGjqBE,OAEI,oBHmqBN,CACF,CGhqBA,4CACI,GACI,qBHkqBN,CG/pBE,OAEI,mBHiqBN,CACF,CIj7BA,gCAII,mBAHA,aAEA,OADA,eAGA,WJm7BJ,CIh7BA,8BACI,gBJk7BJ,CI/6BA,gCAEI,gBADA,kBJk7BJ,CI96BA,8BACI,qBJg7BJ,CI76BA,8BAOI,yBACA,2YAHA,yBACA,kBAFA,sBAFA,YACA,aAFA,UJs7BJ,8jB;AK98BA,iCAAiC,eAEjC,CAFiD,YAAY,eAAe,iBAM5E,CAN8F,kBAAkB,gBAAgB,iBAUhI,CAVkJ,0BAA0B,mBAAmB,mBAAmB,aAAa,sBAgB/N,CAhBsP,2BAA2B,gBAAgB,aAAa,sBAqB9S,CArBqU,YAAY,cAAc,iBAyB/V,CAzBiX,mBAAmB,mBA4BpY,CA5BwZ,0BAA0B,oBAAoB,iBAgCtc,CAhCwd,mBAAmB,aAmC3e,CAnCyf,wBAAwB,UAA2B,eAAjB,gBAwC3hB,CAxC2jB,8BAA8B,cA2CzlB,CA3CkqB,4DAA8B,aAAa,cAmD7sB,CAnD4tB,8BAA8B,cAsD1vB,CAtDywB,uCAAuC,eAAe,cA0D/zB,CA1D80B,6CAA6C,kBA8D33B,CA9D84B,0BAA0B,UAAU,YAAY,gBAmE97B,CAnE+8B,cAAgC,eAAe,oBAAjC,iBAwE79B,CAxEkhC,oBAAoB,mBAAmB,SA4EzjC,CA5EmkC,qBAAqB,kBAAkB,gBAAgB,KAiF1nC,CAjFgoC,8BAAgD,mBAAlB,kBAAgF,+BAA3C,WAAW,eAAe,gBAyF7tC,CAzFmxC,2BAA2B,SA4F9yC,CA5FwzC,4BAA4B,QA+Fp1C,CA/F61C,qBAAqB,gBAAiB,kBAmGn4C,CAnGs5C,oBAAoB,kBAsG16C,CAtG67C,SAA2B,oBAAlB,iBA0Gt8C,CA1G4+C,kBAAoE,mBAAlD,kBAAqE,+BAAqC,WAAvE,eAAjB,iBAAmG,gBAAgB,kBAoHnoD,CApHspD,0BAA0B,sBAAsC,eAAhB,eAyHtsD,CAzHquD,qCAAqC,kBA4H1wD,CA5H6xD,+BAA6C,kBAAd,cAAgC,gBAiI51D,CAjI62D,0CAA0C,oBAoIv5D,CApI46D,gFAA8F,cAAd,aAwI5/D,CAxIwhE,sCAAsC,qBAA2C,iBAAtB,qBA6InlE,CA7I0nE,4CAA4C,eAAe,gBAiJrrE,CAjJssE,sCAAsC,gBAoJ5uE,CApJ6vE,wCAAwC,aAuJryE,CAvJmzE,yCAAyC,cA0J51E,CA1J22E,+CAA+C,kBA6J15E,CA7J66E,mBAAmB,aAAa,qBAiK78E,CAjKm+E,yBAAyB,MAoK5/E,CApKmgF,gCAAyD,yBAA+E,kBAAtB,sBAAvE,cAAwD,eAAuD,eAAe,UAAvF,iBAAlD,UA+KniF,CA/KsrF,6BAA6B,OAAO,aAmL1tF,CAnLwuF,4BAA4B,cAsLpwF,CAtLmxF,yCAAoD,kBAAX,WAA6B,iBA2Lz1F,CA3L22F,2BAA2B,cA8Lt4F,CA9Lq5F,uCAA0E,kBAAhB,gBAAnB,mBAAqD,UAoMj/F,CApM4/F,sCAAsC,mBAAmB,qBAAqB,qBAyM1kG,CAzMgmG,sCAAsC,qBAAqB,YAAY,cAAc,UA+MrrG,CA/MgsG,kBAAkB,YAAY,iBAmN9tG,CAnNgvG,2EAAgH,gBAArC,kBAAkB,kBA0N70G,CA1Ng3G,0BAA0B,cAAc,kBAAkB,UA+N16G,CA/Nq7G,yBAAyB,OAkO98G,CAlOs9G,4CAA4C,mBAqOlgH,C;ACnOA,OAII,mBAKA;ECTF,eAAe,CDEb,cACA,oBAIA,eAFA,2BAGA,iBAFA,mBAIA,kCACA,kCCAJ,CDEI;ECAF,eAAe,CDET,gBACA,eCAR,CDGI,+CAII,sBACA,oBCDR,CDKA,iBASI,cAFA,eALA,YAGA,iBADA,gBAEA,kBAEA,yBAPA,UCKJ,CClCA,kBAEI,eADA,sCDqCJ,CE9BA,oBAEI,mBADA,cAIA,UADA,iBFiCJ,CE9BI,6CACI,oCFiCN,CACF,CE/BI,2BAEI,SADA,eFkCR,CE9BI,uDACI,WFgCR,CE7BI,2BACI,cACA,kBF+BR,CE5BI,6BACI,gBF8BR,CE3BI,4BACI,eF6BR,CE1BI,6CACI,iBF4BR,CEzBI,0BACI,aF2BR,CEzBQ,gCACI,aF2BZ,CExBQ,iCACI,aF0BZ,CG9EI,kCACI,kBHgFR,CG7EI,+EACI,qBACA,kBACA,YH+ER,CG5EI,uEACI,kBH8ER,CIxFA,uBAII,2BADA,gBAFA,eAEA,cAEA,+BAHA,SJ6FJ,CIxFI,6BACI,mBJ0FR,CIvFI,8BAII,mBAEA,kBACA,4BACA,6BAHA,sBAFA,wBADA,iBASA,gBAFA,2BACA,wBJ0FR,CIvFQ,uDAGI,yBADA,kBJ2FV,CACF,CIvFI,8BACI,0BJyFR,CItFI,4DACI,uBJwFR,CIrFI,oCAQI,mBAFA,aADA,YAEA,uBANA,kBAEA,WADA,SAEA,UJ2FR,CIrFQ,6DAEI,WADA,QJyFV,CACF,CIrFI,sCAGI,sBADA,YAEA,mBAHA,kBAIA,kBJuFR,CIpFI,oCAKI,sBAHA,YADA,gBAGA,iBJuFR,CIpFQ,6DACI,YJuFV,CACF,CK7JA,kBAEI,mBADA,aAEA,YAEA,gBL+JJ,CK7JI,2CAEI,gBLgKN,CACF,CK1KA,+BAaQ,WLgKR,CK7JI,2BACI,gBL+JR,CK5JI,0BAEI,cADA,gBAEA,oBL8JR,CK5JQ,iEAEI,cACA,yBL8JZ,CKtKI,gCAYQ,gBL6JZ,CKxJA,WAII,yBAHA,aACA,sBACA,gBL2JJ,CKxJI,kBACI,UAEA,iBL0JR,CKnKA,mCAaQ,eLyJR,CKtJI,oBACI,WLwJR,CKtJQ,6CAEI,gBLyJV,CACF,CKvJQ,6CAEI,gBL0JV,CACF,CKvJI,yBACI,cLyJR,CM7NA,mBAEI,mBADA,aAEA,gBAEA,gBN+NJ,CM7NI,4CAEI,gBNgON,CACF,CM9NI,4BACI,gBNgOR,CM5NA,aACI,cN8NJ,CM3NA,YACI,aACA,sBACA,gBN6NJ,CM3NI,mBAII,+CAHA,UAEA,iBN8NR,CM1NI,wBACI,iBN4NR,CM1NQ,+BAII,+CACA,uCAEA,wBADA,mDAEA,0CALA,SAFA,WAEA,OADA,kBACA,aNiOZ,CMzNQ,8BACI,qBN2NZ,CMxNQ,6BACI,uBN0NZ,CMvNQ,8BACI,wBNyNZ,CMhPI,2CA2BQ,SNwNZ,CMrNQ,iDACI,mCNuNZ,CMlQA,oCAgDQ,eNqNR,CMrQA,uDAoDY,YADA,eNsNZ,CMzQA,2DAwDY,aNoNZ,CMhNI,qBACI,WNkNR,CMhNQ,8CAEI,gBNmNV,CACF,CMjNQ,8CAEI,gBNoNV,CACF,CMjNI,kBACI,kBNmNR,CM9RA,8DAgFQ,YAGA,iBADA,gBNmNR,CMrSA,wDAuFQ,YACA,UNiNR,CM9MI,mDAKI,yBAHA,oBAEA,qBNiNR,CM9MQ,4EAEI,oBAEA,qBNiNV,CACF,CM9MI,0BACI,eNgNR,CM7MI,mBACI,aACA,aN+MR,CM5MI,kBACI,cN8MR,COzVA,gBACI,kBACA,WP2VJ,COzVI,8BAMI,+BADA,2BAFA,SAFA,WAGA,OAFA,eAEA,QADA,KP8VR,COvVA,sBAGI,gBACA,iCAHA,kBACA,SP2VJ,COvVI,6BAEI,mBADA,aAEA,uBACA,gBACA,ePyVR,COtVI,+BAEI,mBADA,aAEA,cPwVR,COrVI,qCAII,WADA,eADA,cADA,gBP0VR,COpVI,+BAGI,mBAFA,aACA,eAEA,wBPsVR,COnVI,0EAGI,kBPqVR,COlVI,yCAEI,mBPoVR,COjVI,6EAEI,gBPmVR,CO/UA,wBACI,YPiVJ,CQnZA,aAKI,mBAFA,aACA,gBAEA,qCALA,kBACA,WRyZJ,CQnZI,sCACI,oCRsZN,CACF,CS1ZA,oBAEI,iBADA,gBT6ZJ,CS9ZA,kCAKQ,WT4ZR,CSxZA,wBAII,mBAFA,aACA,eAIA,gBAFA,SACA,UALA,kBAOA,eT0ZJ,CSvZA,2BACI,qBAIA,iBADA,iBAFA,qBT4ZJ,CS9ZA,kCASQ,gBAEA,cACA,kBTyZR,CSraA,qCAgBQ,gBTwZR,CSxaA,qDAoBQ,WTuZR,CS3aA,kLA2BY,STqZZ,CShbA,+CAgCQ,eTmZR,CS/YA,0BACI,+CACI,eTiZN,CACF,CS7YA,gGACI,iBT+YJ,CS5YA,gGAMI,kBADA,WAFA,UAKA,gBADA,UANA,kBAEA,WAMA,iBAPA,QAEA,STmZJ,CS3YA,iBACI,YT6YJ,CUreA,oBACI,OAEA,YACA,gBAFA,SVyeJ,CUreI,2BACI,iBVueR,CUpeI,gGAGQ,YACA,UVqeZ,CUzeI,gDAQQ,mBVoeZ,CU5eI,gDAaQ,eADA,YVoeZ,CUhfI,gEAiBQ,eVkeZ,CU/dQ,yEAEQ,QVied,CU9dU,kFACI,iBVged,CACF,CU5dI,4BAUI,iDAHA,qDACA,kBAJA,sBAHA,cAEA,WAMA,oBAJA,eAHA,SVseR,CUjhBA,sCA2DQ,yBACA,qBAFA,kBAGA,gBANA,YAEA,iBADA,kCVkeR,CU3dQ,6DACI,kBV6dZ,CU1dQ,+DACI,YV4dZ,CUxdI,6DAIQ,UAFA,kBAEA,WADA,SV2dV,CACF,CUtdA,8BACI,GACI,sBVwdN,CUrdE,GACI,wBVudN,CACF,CUpdA,2BACI,kBACA,UVsdJ,CUpdI,oDACI,eVudN,CACF,CUrdI,kEAEI,kCVudR,CUrdQ,2FACI,oCVydV,CACF,CUtdI,iCAEI,eADA,kCVydR,CUrdI,wCAEI,WADA,cVwdR,CUpdI,iCACI,kBVsdR,CUndI,wCACI,aACA,mBACA,kBADA,gBAEA,kBVqdR,CUldI,+EACI,oBVodR,CUhdA,gEACI,0BVkdJ,CU/cA,6BACI,aACA,mBACA,QAEA,gBVidJ,CU9cA,6BACI,cVgdJ,CU7cA,mDACI,YV+cJ,CU5cA,kCACI,gBACA,aV8cJ,CU3cA,0BACI,kCACI,eV6cN,CACF,CW/mBA,6BACI,WXinBJ,CW/mBI,kCAEI,uBADA,YXknBR,CW9mBI,qCACI,gCXgnBR,CW7mBI,0CACI,gBX+mBR,CW5mBI,oCAEI,oBX8mBR,CW3mBI,uEACI,4BX6mBR,CWzmBA,2BACI,eX2mBJ,CWzmBI,oCACI,YX2mBR,CWxmBI,yCACI,UAEA,kBX0mBR,CY5oBA,mCACI,eZ8oBJ,CajpBA,wCACI,gBACA,ebmpBJ,CcrpBA,YACI,oBdupBJ,CcxpBA,kCAIQ,mCACA,0BAGA,gBACA,YAHA,gBACA,cdypBR,CcnpBA,kCAEQ,mCdopBR,CchpBA,mBAEI,6BACA,mBAFA,iBdopBJ,Cc/oBA,qBACI,mBdipBJ,Cc9oBA,mCACI,mCdgpBJ,Cc7oBA,iBACI,iBd+oBJ,Cc5oBA,qBAII,wCACA,mBAHA,aACA,eAFA,UdkpBJ,Cc3oBA,iBAEI,0CADA,Yd8oBJ,Cc1oBA,oBACI,aACA,sBAEA,YADA,yBAEA,qBd4oBJ,CczoBA,wBAII,kBAEA,sCACA,mBAJA,YAFA,eAIA,iBAHA,UdgpBJ,CcxoBA,sBACI,GACI,4Bd0oBN,CcvoBE,IACI,uBdyoBN,CctoBE,IACI,2BdwoBN,CcroBE,IACI,uBduoBN,CcpoBE,IACI,2BdsoBN,CcnoBE,GACI,uBdqoBN,CACF,CcloBA,kBACI,GACI,kBdooBN,CACF,CcjoBA,iBACI,GACI,cdmoBN,CchoBE,IACI,gBdkoBN,Cc/nBE,GACI,cdioBN,CACF,Cc9nBA,iBACI,GACI,0BdgoBN,Cc7nBE,GACI,uBd+nBN,CACF,CexvBA,8BACI,aACA,sBACA,QACA,YACA,ef2vBJ,CexvBA,6BAII,kBAHA,WAIA,iBAHA,cACA,Yf4vBJ,CevvBA,uBACI,aAEA,afyvBJ,CetvBA,4BACI,0BfwvBJ,CervBA,6BACI,wBfuvBJ,CepvBA,mBACI,cACA,eACA,efsvBJ,CenvBA,qBAEI,cfqvBJ,CelvBA,gCACI,efovBJ,CejvBA,qBACI,cACA,oBfmvBJ,CehvBA,2BACI,yBfkvBJ,Ce/uBA,mBACI,aACA,QACA,cfivBJ,Ce9uBA,UACI,wCAEA,iBADA,YAKA,kBAHA,cAIA,eAFA,efkvBJ,Ce7uBA,gBACI,mBACA,af+uBJ,Ce5uBA,iBACI,mBACA,af8uBJ,Ce1uBA,WAGI,kBACA,cAFA,4BAGA,qBACA,kBf6uBJ,CezuBA,8BAMI,qBAHA,6BAFA,aACA,QAGA,uBf6uBJ,CezuBA,6FAMI,iBAFA,SACA,gBAEA,iBAJA,aAKA,Wf2uBJ,CexuBA,mCACI,oBf0uBJ,CevuBA,8CACI,+BfyuBJ,CetuBA,wDACI,efwuBJ,CeruBA,2BAGI,aACA,8BAFA,iBfyuBJ,CgBh2BA,yBACI,cACI,aACA,sBACA,YhBk2BN,CgB/1BE,uBACI,UACA,gBACA,sBhBi2BN,CgB/1BM,0CACI,YhBi2BV,CgB71BE,2BACI,WhB+1BN,CACF,CgB31BA,oBAEI,sBADA,UAGA,iBACA,WhB61BJ,CgBl2BA,wBAQQ,UACA,YACA,chB61BR,CgBv1BA,2BACI,mBhBy1BJ,CgBt1BA,mBAEI,iBADA,gBhBy1BJ,CgBt1BI,gDAII,gBAFA,SACA,ShBy1BR,CgBh2BA,qBAiBQ,WALA,cAGA,eACA,kBAFA,wBhB01BR,CgBx2BA,4BAsBY,uBADA,aAEA,QAHA,UhB01BZ,CgB92BA,kCA4BY,kBADA,iChBu1BZ,CgBl3BA,2EAiCY,WhBq1BZ,CgBt3BA,gDAuCQ,WACA,oBhBm1BR,CgB33BA,sDA+CQ,yBADA,WADA,YhBo1BR,CgBj4BA,kPAoDY,ShBq1BZ,CgBz4BA,wNA4DQ,yBADA,chBo1BR,CgB/4BA,6OA+DY,UhBq1BZ,CgBp5BA,mhBAoEY,UhBw1BZ,CgB55BA,qCAuFQ,wCACA,yBAXA,YADA,sBAMA,WAGA,eAXA,cASA,eACA,gBAJA,SADA,iBANA,kBAaA,gBALA,qBANA,UhBm2BR,CgBp1BQ,sFAEI,wBhBs1BZ,CgBn1BQ,2CACI,YhBq1BZ,CgBr7BA,sDAoGY,UhBo1BZ,CgBj1BQ,wHAEI,ShBm1BZ,CgB57BA,sCAkHQ,YAFA,gBAFA,kBACA,WAEA,ShBk1BR,CgB/0BQ,6C7CjIJ,gS6C0IQ,4BACA,wBAJA,WAFA,WACA,gBAJA,kBACA,QASA,0BARA,ShBw1BZ,CgB/8BA,0I7CbI,4R6Bg+BJ,CgBn9BA,oFAyIQ,wBhB60BR,CgBt9BA,gCA+IY,iBADA,gBAEA,2BhB20BZ,CgB39BA,+BAoJY,iBhB00BZ,CgB99BA,oFAyJY,kBhBy0BZ,CgBl+BA,6JA+JY,ShBw0BZ,CgBv+BA,uEAoKQ,sBACA,YhBs0BR,CgB3+BA,uEA+KQ,qBALA,mBAEA,YAEA,qBAHA,UhBy0BR,CgBl0BI,8CAIQ,eADA,wBhBq0BV,CgBx0BE,+BAQQ,iBhBm0BV,CgB30BE,oCAYQ,cACA,ehBk0BV,CgB/0BE,oCAiBQ,ehBi0BV,CgB5zBM,oHAGQ,YhB+zBd,CgBl0BM,qDAOQ,WhB8zBd,CgBr0BM,2DAWQ,YACA,iBhB6zBd,CgBz0BM,4DAgBQ,ehB4zBd,CAfF,CgBvyBA,UACI,iBhByzBJ,CgBvzBI,e7ChRA,wD6B0kCJ,CgBtzBI,kB7CpRA,wD6B6kCJ,CgBrzBI,oB7CxRA,wD6BglCJ,CgBpzBI,kB7C5RA,wD6BmlCJ,CgBnzBI,wB7ChSA,wD6BslCJ,CgBlzBI,wB7CpSA,wD6BylCJ,CgBjzBI,gB7CxSA,wD6B4lCJ,CgBhzBI,4B7C5SA,wD6B+lCJ,CgB/yBI,iB7ChTA,wD6BkmCJ,CgB9yBI,kB7CpTA,wD6BqmCJ,CgB7yBI,kB7CxTA,yD6BwmCJ,CgB5yBI,2B7C5TA,yD6B2mCJ,CgB3yBI,e7ChUA,yD6B8mCJ,CgB1yBI,uB7CpUA,yD6BinCJ,CgBzyBI,gB7CxUA,yD6BonCJ,CgBxyBI,kB7C5UA,yD6BunCJ,CgBvyBI,qB7ChVA,yD6B0nCJ,CgBtyBI,iB7CpVA,yD6B6nCJ,CgBryBI,mB7CxVA,yD6BgoCJ,CgBpyBI,iB7C5VA,yD6BmoCJ,CgBnyBI,qB7ChWA,yD6BsoCJ,CgBlyBI,yB7CpWA,yD6ByoCJ,CgBjyBI,uB7CxWA,yD6B4oCJ,CgB7xBA,6BAGI,yBADA,SADA,ehBiyBJ,CgB7xBI,sDACI,WhBgyBN,CACF,CiBtpCI,4BAEI,yBADA,oBjBypCR,CiBrpCI,kCACI,4BACI,qBjBupCV,CACF,CiBhqCA,yDAaQ,SjBspCR,CiBnpCI,6BACI,sBAEA,iBADA,ejBspCR,CiBxqCA,2BAuBQ,gBACA,kBjBopCR,CiBhpCA,yBACI,2BAEQ,gBjBipCV,CACF,CkBjrCA,aAII,qBAHA,aACA,eAMA,eALA,uBAMA,iBAHA,mBACA,iBlBqrCJ,CkBjrCI,sCACI,oClBorCN,CACF,CkBjsCA,mCAiBQ,kBlBorCR,CkBlrCQ,sFAEI,cACA,oBlBsrCZ,CkBnrCQ,8FAEI,cACA,yBlBurCZ,CkBprCQ,gGAEI,alBwrCZ,CkBztCA,0EA6CQ,yBAHA,WAHA,mBAKA,YAHA,aAEA,SlBwrCR,CkBnuCA,sHAoDQ,qBACA,kBlBqrCR,CkB1uCA,2EA2DQ,iBlBorCR,CkB/uCA,+BAiEY,mBAIA,cALA,oBAIA,eADA,iBADA,SlBqrCZ,CkBhrCY,qCACI,alBkrChB,CkB/qCY,sCACI,alBirChB,CkB7vCA,mCA0FY,kBADA,UAPA,mBAMA,YAHA,iBAJA,QAKA,YAHA,mBAIA,UlBkrCZ,CkBzwCA,0CA+FQ,qBlB6qCR,CkB5wCA,4BAmGQ,wBlB4qCR,CkB/wCA,sCAyGQ,eAFA,SACA,SlB4qCR,CkBpxCA,kPAgHY,YlB2qCZ,CmBzxCA,eAKI,kCAHA,sBACA,aACA,gBAHA,iBnB+xCJ,CmBzxCI,iDAEI,wBnB2xCR,CmB7xCI,kNAMQ,SnB6xCZ,CmBxxCA,uBAcI,wCACA,yBAXA,YADA,sBAQA,WACA,eAXA,cAQA,eACA,kBAHA,SADA,0BAOA,gBALA,qBANA,UnBuyCJ,CmBzyCA,mDAkBQ,mBAEA,kBADA,eAEA,WnB0xCR,CmBtxCA,4BACI,UnBwxCJ,CmBrxCA,0DAEI,YnBuxCJ,CmBzxCA,oOAMQ,SnByxCR,CmBrxCA,sBAgBI,wCACA,yBALA,YADA,sBAHA,cAEA,eAKA,eAXA,iBAGA,qBAMA,UAZA,kBAEA,QAMA,kBAKA,qBAZA,MAGA,UnBmyCJ,CmBrxCI,6BACI,gBAEA,eADA,enBwxCR,CmBpxCI,4BAEI,WACA,UAFA,YnBwxCR,CmBnxCI,2CACI,UnBqxCR,CmBjxCA,yBACI,qCACI,UnBmxCN,CmBjxCM,6CACI,WnBmxCV,CmBhxCM,kDACI,YnBkxCV,CmB1xCE,2DAYQ,QnBixCV,CmB7xCE,kEAgBQ,cnBgxCV,CoB/3CE,gEAQI,yBACA,qCALA,WACA,SAEA,eANA,eAGA,QADA,SAOA,gCARA,WpB24CN,CoBj4CM,4FACI,SpBm4CV,CoBh4CM,oFACI,KpBk4CV,CAnBF,CoB12CA,gDACI,iGAGI,SpB83CN,CACF,CqB55CA,YACI,crB85CJ,CqB55CI,oDAEI,kBrB85CR,CqBn6CA,mCAUQ,iBrB65CR,CqBv6CA,4CAcQ,erB45CR,CqB16CA,2CAmBQ,mBrB25CR,CqB96CA,mCAuBQ,oCrB05CR,CqBj7CA,2JA+BQ,YrBu5CR,CqBt7CA,0DAoCY,kBrBq5CZ,CqBz7CA,uGAwCY,qBrBo5CZ,CqBj5CQ,qFACI,oCrBm5CZ,CqBh5CQ,+EACI,oCrBk5CZ,CqB74CA,kBACI,kBrB+4CJ,CqBh5CA,oCAIQ,gCrB+4CR,CqB14CI,4EAEI,kBrB44CR,CqB/4CA,4DAOQ,erB24CR,CsB/8CA,eAGI,gBAFA,SACA,StBk9CJ,CsB98CA,eACI,kBtBg9CJ,CsBj9CA,2BAIQ,etBg9CR,CsB58CA,cACI,aACA,eACA,6BtB88CJ,CuB79CA,oCACI,SACA,YvB+9CJ,CuB79CI,6DAEI,iBvBg+CN,CACF,CuB99CI,0CAEI,sBADA,qBvBi+CR,CuB79CI,4CAEI,iBADA,cvBg+CR,CwB/+CA,oBACI,SACA,YxBi/CJ,CwB/+CI,6CAEI,iBxBk/CN,CACF,CyB3/CA,gDACI,WzB6/CJ,C0B7/CA,YACI,sBACA,kBAGA,WADA,e1BggDJ,C2BrgDA,mCAEI,mBADA,aAEA,O3BugDJ,C4B1gDA,6GAIY,mBADA,aAEA,O5B0gDZ,C4B/gDA,qEAUQ,Y5BwgDR,C4BlhDA,4GAaY,gB5BwgDZ,C6BphDI,4BACI,mBACA,kB7BshDR,C6BxhDI,yCAMQ,qBACA,SAFA,iB7BwhDZ,C6BlhDI,6CACI,yB7BohDR,C6BjhDI,mEAII,aACA,gBAFA,U7BqhDR,C6BxiDA,sBA2BQ,kBADA,4BADA,c7BohDR,C6B7iDA,uCAgCQ,2BAGA,OAFA,kBACA,K7BkhDR,C6BpjDA,mBAuCQ,yB7BghDR,C6BvjDA,8BA+CQ,kBAHA,aACA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I,wqCvFxdR,wDuF6iBF,CACF,CAjYA,qCvF7KI,wDuFijBJ,CA7EQ,mFvFpeJ,wDuFqjBJ,CA7EQ,yBACI,2GvFzeR,wDuF0jBF,CACF,CA9YA,2CvF7KI,wDuF8jBJ,CAjZA,4CvF7KI,wDuFikBJ,CApZA,6CvF7KI,wDuFokBJ,CAvZA,gDvF7KI,wDuFukBJ,CA1ZA,6EvF7KI,wDuF2kBJ,CA9ZA,gDvF7KI,yDuF8kBJ,CAjaA,gDvF7KI,yDuFilBJ,CApaA,0CvF7KI,yDuFolBJ,CAvaA,+EvF7KI,yDuFwlBJ,CA3aA,2CvF7KI,yDuF2lBJ,CA9aA,oCvF7KI,yDuF8lBJ,CAjbA,yCvF7KI,yDuFimBJ,CApbA,4CvF7KI,yDuFomBJ,CAvbA,2CvF7KI,yDuFumBJ,CA1bA,yCvF7KI,yDuF0mBJ,CA7bA,2CvF7KI,yDuF6mBJ,CAhcA,0CvF7KI,yDuFgnBJ,CAncA,iCvF7KI,yDuFmnBJ,CAtcA,2CvF7KI,yDuFsnBJ,CAzcA,uEvF7KI,yDuF0nBJ,CA7cA,iCvF7KI,yDuF6nBJ,CAhdA,0CvF7KI,yDuFgoBJ,CAndA,gLvF7KI,yDuFsoBJ,CAzdA,mKvF7KI,yDuF4oBJ,CA/dA,2EvF7KI,yDuFgpBJ,CAneA,oCvF7KI,yDuFmpBJ,CAteA,6EvF7KI,yDuFupBJ,CA1eA,oCvF7KI,yDuF0pBJ,CA7eA,uCvF7KI,yDuF6pBJ,CAhfA,kCvF7KI,yDuFgqBJ,CAnfA,oCvF7KI,yDuFmqBJ,CAtfA,iCvF7KI,yDuFsqBJ,CAzfA,mCvF7KI,yDuFyqBJ,CA5fA,kCvF7KI,yDuF4qBJ,CA/fA,iCvF7KI,yDuF+qBJ,CAlgBA,iFvF7KI,yDuFmrBJ,CAtgBA,qCvF7KI,yDuFsrBJ,CAzgBA,oCvF7KI,yDuFyrBJ,CA5gBA,sFvF7KI,yDuF6rBJ,CAhhBA,4CvF7KI,yDuFgsBJ,CAlCA,mCAEI,sBADA,aAEA,iBAEA,cAoCJ,CAzCA,iDAQQ,aAoCR,CA5CA,yCAYQ,mBAEA,YACA,SAEA,yBAJA,WAuCR,CAjCQ,6DACI,aAmCZ,CA/BI,sFAEI,UAiCR,CA3DA,oDvF5nBI,8ZuFgqBI,4BACA,qBAFA,eALA,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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/PageHeader/Copilot/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:///./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/WebProsAccountPage/WebProsAccountPage.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/HtmlEditor/index.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/ServerMailStatisticsPage/ServerMailStatisticsPage.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/Carousel.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__right-sidebar,\n.page-content-only .pul-layout__footer {\n display: none;\n}\n@media (min-width: 1200px) {\n .pul-layout__right-sidebar,\n .pul-layout__right-sidebar-inner {\n inline-size: 580px;\n }\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-block: 4px;\n padding-inline: 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#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-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#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-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#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__right-sidebar,\n .pul-layout__footer {\n display: none;\n }\n}\n\n@media (min-width: 1200px) {\n .pul-layout__right-sidebar,\n .pul-layout__right-sidebar-inner {\n inline-size: 580px;\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-block: @form-padding-block;\n padding-inline: @form-padding-inline;\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#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-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#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-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#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.plesk-copilot-loading-indicator .pul-content-loader__container {\n justify-content: flex-start;\n}\n.plesk-copilot-search-answer {\n display: flex;\n flex-direction: row;\n gap: 5px;\n padding-block: 6px;\n padding-inline: 18px;\n}\n.plesk-copilot-search-result {\n cursor: pointer;\n}\n.plesk-copilot-search-answer .pul-cuttable__action {\n display: none;\n}\n.plesk-copilot-assistant-card pre {\n max-inline-size: 280px;\n overflow: auto;\n}\n@media (min-width: 1600px) {\n .plesk-copilot-assistant-card pre {\n max-inline-size: 500px;\n }\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/* Copyright 1999-2025. WebPros International GmbH. All rights reserved. */\n.plesk-copilot-chat-container {\n display: flex;\n flex-direction: column;\n gap: 8px;\n block-size: 100%;\n overflow: hidden;\n}\n.plesk-copilot-chat-messages {\n flex: 1 1 0;\n overflow: auto;\n padding: 12px;\n border-radius: 8px;\n min-block-size: 240px;\n}\n.plesk-copilot-msg-row {\n display: flex;\n margin-block: 12px;\n margin-inline: 0;\n}\n.plesk-copilot-msg-row.left {\n justify-content: flex-start;\n}\n.plesk-copilot-msg-row.right {\n justify-content: flex-end;\n}\n.assistant-content {\n color: #111827;\n font-size: 14px;\n line-height: 1.5;\n}\n.assistant-content p {\n margin-block: 0 8px;\n margin-inline: 0;\n}\n.assistant-content p:last-child {\n margin-block-end: 0;\n}\n.assistant-content a {\n color: #2563eb;\n text-decoration: none;\n}\n.assistant-content a:hover {\n text-decoration: underline;\n}\n.assistant-actions {\n display: flex;\n gap: 4px;\n margin-block-start: 8px;\n}\n.icon-btn {\n appearance: none;\n border: none;\n background: transparent;\n color: #6b7280;\n padding-block: 4px;\n padding-inline: 6px;\n border-radius: 6px;\n cursor: pointer;\n}\n.icon-btn:hover {\n background: #f3f4f6;\n color: #374151;\n}\n.icon-btn.active {\n background: #e5f3ff;\n color: #2563eb;\n}\n/* New design: user chip (compact label) */\n.user-chip {\n padding-block: 10px;\n padding-inline: 10px 12px;\n border-radius: 8px;\n max-inline-size: 75%;\n word-wrap: break-word;\n background: #f0f0f0;\n}\n/* Input row layout */\n.plesk-copilot-chat-input-row {\n display: flex;\n gap: 8px;\n border-block-start: 1px solid #dedede;\n padding-block: 10px;\n padding-inline: 0 4px;\n align-items: flex-end;\n}\n.plesk-copilot-chat-input,\n.plesk-copilot-chat-input:focus,\n.plesk-copilot-chat-input:disabled {\n outline: none;\n border: 0;\n box-shadow: none;\n background: transparent;\n max-block-size: 200px;\n resize: none;\n}\n.plesk-copilot-chat-input:disabled {\n opacity: 0.2 !important;\n}\n.plesk-copilot-search-answer:not(:last-child) {\n border-block-end: 1px solid #dedede;\n}\n.plesk-copilot-search-answer .pul-markdown p:last-child {\n margin-block-end: 0;\n}\n.plesk-copilot-chat-header {\n padding-block: 16px;\n padding-inline: 12px;\n display: flex;\n justify-content: space-between;\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\n.plesk-copilot-loading-indicator .pul-content-loader__container {\n justify-content: flex-start;\n}\n\n.plesk-copilot-search-answer {\n display: flex;\n flex-direction: row;\n gap: 5px;\n padding-block: 6px;\n padding-inline: 18px;\n}\n\n.plesk-copilot-search-result {\n cursor: pointer;\n}\n\n.plesk-copilot-search-answer .pul-cuttable__action {\n display: none;\n}\n\n.plesk-copilot-assistant-card pre {\n max-inline-size: 280px;\n overflow: auto;\n}\n\n@media (min-width: 1600px) {\n .plesk-copilot-assistant-card pre {\n max-inline-size: 500px;\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.plesk-copilot-chat-container {\n display: flex;\n flex-direction: column;\n gap: 8px;\n block-size: 100%;\n overflow: hidden;\n}\n\n.plesk-copilot-chat-messages {\n flex: 1 1 0;\n overflow: auto;\n padding: 12px;\n border-radius: 8px;\n min-block-size: 240px;\n}\n\n.plesk-copilot-msg-row {\n display: flex;\n margin-block: 12px;\n margin-inline: 0;\n}\n\n.plesk-copilot-msg-row.left {\n justify-content: flex-start;\n}\n\n.plesk-copilot-msg-row.right {\n justify-content: flex-end;\n}\n\n.assistant-content {\n color: #111827;\n font-size: 14px;\n line-height: 1.5;\n}\n\n.assistant-content p {\n margin-block: 0 8px;\n margin-inline: 0;\n}\n\n.assistant-content p:last-child {\n margin-block-end: 0;\n}\n\n.assistant-content a {\n color: #2563eb;\n text-decoration: none;\n}\n\n.assistant-content a:hover {\n text-decoration: underline;\n}\n\n.assistant-actions {\n display: flex;\n gap: 4px;\n margin-block-start: 8px;\n}\n\n.icon-btn {\n appearance: none;\n border: none;\n background: transparent;\n color: #6b7280;\n padding-block: 4px;\n padding-inline: 6px;\n border-radius: 6px;\n cursor: pointer;\n}\n\n.icon-btn:hover {\n background: #f3f4f6;\n color: #374151;\n}\n\n.icon-btn.active {\n background: #e5f3ff;\n color: #2563eb;\n}\n\n/* New design: user chip (compact label) */\n.user-chip {\n padding-block: 10px;\n padding-inline: 10px 12px;\n border-radius: 8px;\n max-inline-size: 75%;\n word-wrap: break-word;\n background: #f0f0f0;\n}\n\n/* Input row layout */\n.plesk-copilot-chat-input-row {\n display: flex;\n gap: 8px;\n border-block-start: 1px solid #dedede;\n padding-block: 10px;\n padding-inline: 0 4px;\n align-items: flex-end;\n}\n\n.plesk-copilot-chat-input,\n.plesk-copilot-chat-input:focus,\n.plesk-copilot-chat-input:disabled {\n outline: none;\n border: 0;\n box-shadow: none;\n background: transparent;\n max-block-size: 200px;\n resize: none;\n}\n\n.plesk-copilot-chat-input:disabled {\n opacity: 0.2 !important;\n}\n\n.plesk-copilot-search-answer:not(:last-child) {\n border-block-end: 1px solid #dedede;\n}\n\n.plesk-copilot-search-answer .pul-markdown p:last-child {\n margin-block-end: 0;\n}\n\n.plesk-copilot-chat-header {\n padding-block: 16px;\n padding-inline: 12px;\n display: flex;\n justify-content: space-between;\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 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 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@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 .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 > .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 .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-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-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 .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-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 .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@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\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 .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\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@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\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","// 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 &__subject-button {\n padding: 0;\n border: 0;\n background: transparent;\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.webpros-account-page {\n &__action-buttons {\n .pul-button {\n margin-inline-end: 10px;\n }\n\n &__additional {\n .pul-button__inner {\n font-weight: normal;\n }\n }\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-editor-html-editor {\n .pul-overlay__content {\n flex-basis: 90%;\n }\n\n .jodit-react-container {\n block-size: 100%;\n }\n\n .jodit-source {\n background-color: transparent;\n\n .CodeMirror {\n block-size: 100%;\n }\n }\n\n .jodit_fullsize-box_true.pul-overlay__content {\n transform: none;\n transition: none;\n }\n\n --jd-z-index-full-size: 1045;\n}\n\n[data-theme=\"dark\"] #file-editor-html-editor {\n .jodit-workplace,\n .jodit-toolbar__box,\n .jodit-popup__content {\n filter: invert(1) hue-rotate(180deg);\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.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.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.home-page-carousel {\n position: relative;\n\n &__dots {\n position: absolute;\n inset-inline-start: 12px;\n inset-block-start: 16px;\n z-index: 1;\n display: flex;\n gap: 6px;\n }\n\n &__dot {\n inline-size: 20px;\n block-size: 6px;\n border-radius: 2px;\n background: var(--slide-dots-color);\n border: 0;\n cursor: pointer;\n opacity: 0.3;\n\n &:focus-visible {\n outline: none;\n opacity: 0.6;\n box-shadow: 0 0 0 4px var(--pul-color-focus-ring);\n }\n\n &--active,\n &--active:focus-visible {\n opacity: 1;\n }\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 .home-page-carousel__slide--active .home-page-promo__block {\n animation: home-promo-fade-in 0.5s ease-in-out;\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 padding: 12px;\n padding-block-start: var(--slide-padding-top, 12px);\n border-radius: 4px;\n color: var(--slide-color);\n background-color: var(--slide-bg-color);\n }\n\n &--with-dots &__block {\n --slide-padding-top: 40px;\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 box-shadow: none;\n }\n\n &:hover,\n &:active,\n &:focus {\n background-color: var(--slider-close-bg-hover);\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\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 .pul-layout--right-sidebar-closed & {\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 // 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":""}