Ticket #4674 - Studio: Layout changes.

modules/boonex/accounts/template/images/icons/std-icon.svg

@@ -1,11 +1,13 @@
 <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="48" height="48" fill="url(#paint0_linear_214_1464)"/>
-<path d="M19.7015 9.75C15.7021 9.84113 13.3661 10.2218 11.77 11.8124C10.3731 13.2045 9.90609 15.1613 9.75 18.3M28.2985 9.75C32.298 9.84113 34.634 10.2218 36.2301 11.8124C37.6269 13.2045 38.0939 15.1613 38.25 18.3M28.2985 38.25C32.298 38.1588 34.634 37.7781 36.2301 36.1876C37.6269 34.7955 38.0939 32.8386 38.25 29.7M19.7015 38.25C15.7021 38.1588 13.3661 37.7781 11.77 36.1876C10.3731 34.7955 9.90609 32.8386 9.75 29.7" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M17.25 31.5C20.7476 27.8367 27.2148 27.6642 30.75 31.5M27.7427 20.25C27.7427 22.321 26.0613 24 23.9872 24C21.9133 24 20.232 22.321 20.232 20.25C20.232 18.1789 21.9133 16.5 23.9872 16.5C26.0613 16.5 27.7427 18.1789 27.7427 20.25Z" stroke="white" stroke-width="2.5" stroke-linecap="round"/>
+<rect width="48" height="48" fill="url(#paint0_linear_221_2342)"/>
+<path d="M9 24C9 17.636 9 14.4541 11.1967 12.477C13.3934 10.5 16.9289 10.5 24 10.5C31.071 10.5 34.6066 10.5 36.8032 12.477C39 14.4541 39 17.636 39 24C39 30.3639 39 33.546 36.8032 35.523C34.6066 37.5 31.071 37.5 24 37.5C16.9289 37.5 13.3934 37.5 11.1967 35.523C9 33.546 9 30.3639 9 24Z" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M13.5 30.75C15.3125 26.8784 22.0683 26.6236 24 30.75M21.75 20.25C21.75 21.9069 20.4069 23.25 18.75 23.25C17.0931 23.25 15.75 21.9069 15.75 20.25C15.75 18.5931 17.0931 17.25 18.75 17.25C20.4069 17.25 21.75 18.5931 21.75 20.25Z" stroke="white" stroke-width="2.25" stroke-linecap="round"/>
+<path d="M28.5 21H34.5" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M28.5 27H34.5" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
 <defs>
-<linearGradient id="paint0_linear_214_1464" x1="24" y1="0" x2="24" y2="48" gradientUnits="userSpaceOnUse">
-<stop stop-color="#F97316"/>
-<stop offset="1" stop-color="#DC2626"/>
+<linearGradient id="paint0_linear_221_2342" x1="24" y1="0" x2="24" y2="48" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FACA15"/>
+<stop offset="1" stop-color="#FF5A1F"/>
 </linearGradient>
 </defs>
 </svg>

modules/boonex/developer/template/css/main.css

@@ -86,7 +86,7 @@ div.bx-dev-page-columns-cnt {
 }
 
 div.bx-dev-page-columns-cnt {
-    height: calc(100vh - 4rem);
+    height: calc(100vh - 5rem);
 }
 
 div.bx-dev-page-column.bx-dev-page-menu {

modules/boonex/developer/template/images/icons/std-icon.svg

@@ -1,25 +1,16 @@
-<svg width="320" height="320" viewBox="0 0 320 320" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_1002_6886)">
-<path d="M160 0C281.326 0 320 38.6737 320 160C320 281.326 281.326 320 160 320C38.6736 320 0 281.326 0 160C0 38.6737 38.6736 0 160 0Z" fill="url(#paint0_linear_1002_6886)"/>
-<path d="M160 2C220.573 2 259.85 11.6833 284.083 35.9168C308.317 60.1504 318 99.4272 318 160C318 220.573 308.317 259.85 284.083 284.083C259.85 308.317 220.573 318 160 318C99.4272 318 60.1504 308.317 35.9168 284.083C11.6833 259.85 2 220.573 2 160C2 99.4272 11.6833 60.1504 35.9168 35.9168C60.1504 11.6833 99.4272 2 160 2Z" stroke="#0F172A" stroke-opacity="0.2" stroke-width="4"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M166.788 101.399C166.024 103.026 166.072 104.942 167.087 106.425C173.246 115.423 183.054 126.404 196.958 140.307C201.458 144.808 205.653 148.88 209.573 152.537C214.044 156.71 214.044 163.9 209.573 168.072C205.651 171.731 201.455 175.804 196.952 180.307C159.419 217.841 151.728 234.078 165.132 247.482C178.537 260.887 194.774 253.196 232.307 215.663C259.048 188.922 270.641 172.991 270.25 161.193C270.231 160.623 270.232 160.055 270.253 159.485C270.688 147.68 259.101 131.74 232.313 104.952C198.423 71.062 181.895 61.5018 169.138 69.8331C167.067 71.1854 166.871 73.9947 167.974 76.2083C171.643 83.5725 171.401 91.5782 166.788 101.399Z" fill="url(#paint1_linear_1002_6886)"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M110.692 152.542C106.22 156.714 106.22 163.905 110.692 168.077C114.612 171.735 118.807 175.806 123.307 180.307C136.702 193.701 146.296 204.384 152.487 213.193C153.535 214.685 153.598 216.631 152.825 218.282C148.044 228.484 147.985 236.727 152.132 244.329C153.345 246.552 153.189 249.446 151.064 250.823C138.315 259.081 121.786 249.497 87.9521 215.662C61.1663 188.877 49.5791 172.937 50.0117 161.133C50.0325 160.563 50.0335 159.995 50.0145 159.425C49.6212 147.626 61.2142 131.695 87.957 104.952C125.49 67.4187 141.727 59.7275 155.132 73.1323C168.537 86.5371 160.846 102.774 123.312 140.307C118.81 144.81 114.614 148.883 110.692 152.542Z" fill="url(#paint2_linear_1002_6886)"/>
-</g>
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="48" height="48" fill="url(#paint0_linear_221_2472)"/>
+<path d="M9.75 24C9.75 17.2825 9.75 13.9237 11.8369 11.8369C13.9237 9.75 17.2825 9.75 24 9.75C30.7175 9.75 34.0763 9.75 36.1632 11.8369C38.25 13.9237 38.25 17.2825 38.25 24C38.25 30.7175 38.25 34.0763 36.1632 36.1632C34.0763 38.25 30.7175 38.25 24 38.25C17.2825 38.25 13.9237 38.25 11.8369 36.1632C9.75 34.0763 9.75 30.7175 9.75 24Z" stroke="white" stroke-width="2.25"/>
+<path d="M9.75 19.5H38.25" stroke="white" stroke-width="2.25" stroke-linejoin="round"/>
+<path d="M16.4997 15H16.5132" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M22.4997 15H22.5132" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M30 25.5L31.8397 27.0858C32.6133 27.7524 33 28.0858 33 28.5C33 28.9142 32.6133 29.2476 31.8397 29.9142L30 31.5" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M18 25.5L16.1602 27.0858C15.3867 27.7524 15 28.0858 15 28.5C15 28.9142 15.3867 29.2476 16.1602 29.9142L18 31.5" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M25.5 24L22.5 33" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
 <defs>
-<linearGradient id="paint0_linear_1002_6886" x1="160" y1="0" x2="160" y2="320" gradientUnits="userSpaceOnUse">
-<stop stop-color="#F8FAFC"/>
-<stop offset="1" stop-color="#E2E8F0"/>
+<linearGradient id="paint0_linear_221_2472" x1="24" y1="0" x2="24" y2="48" gradientUnits="userSpaceOnUse">
+<stop stop-color="#71717A"/>
+<stop offset="1" stop-color="#52525B"/>
 </linearGradient>
-<linearGradient id="paint1_linear_1002_6886" x1="214.632" y1="67" x2="214.632" y2="253.615" gradientUnits="userSpaceOnUse">
-<stop stop-color="#60A5FA"/>
-<stop offset="1" stop-color="#2563EB"/>
-</linearGradient>
-<linearGradient id="paint2_linear_1002_6886" x1="105.632" y1="67" x2="105.632" y2="253.615" gradientUnits="userSpaceOnUse">
-<stop stop-color="#34D399"/>
-<stop offset="1" stop-color="#059669"/>
-</linearGradient>
-<clipPath id="clip0_1002_6886">
-<rect width="320" height="320" fill="white"/>
-</clipPath>
 </defs>
 </svg>

modules/boonex/forum/template/images/icons/std-icon.svg

@@ -1,30 +1,12 @@
-<svg width="320" height="320" viewBox="0 0 320 320" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_1002_6931)">
-<path d="M160 0C281.326 0 320 38.6737 320 160C320 281.326 281.326 320 160 320C38.6736 320 0 281.326 0 160C0 38.6737 38.6736 0 160 0Z" fill="url(#paint0_linear_1002_6931)"/>
-<path d="M160 2C220.573 2 259.85 11.6833 284.083 35.9168C308.317 60.1504 318 99.4272 318 160C318 220.573 308.317 259.85 284.083 284.083C259.85 308.317 220.573 318 160 318C99.4272 318 60.1504 308.317 35.9168 284.083C11.6833 259.85 2 220.573 2 160C2 99.4272 11.6833 60.1504 35.9168 35.9168C60.1504 11.6833 99.4272 2 160 2Z" stroke="#0F172A" stroke-opacity="0.2" stroke-width="4"/>
-<g clip-path="url(#clip1_1002_6931)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M230 130C230 69.3368 208.246 50 140 50C71.7539 50 50 69.3368 50 130C50 157.398 54.4374 176.367 65.5914 188.931C68.2628 191.94 70.5486 195.338 71.5901 199.225L77.5763 221.566C79.5687 229.002 88.8633 231.492 94.3066 226.049L104.941 215.415C109.271 211.084 115.344 209.03 121.455 209.436C127.215 209.819 133.39 210 140 210C208.246 210 230 190.663 230 130ZM90 105C90 96.7157 96.7157 90 105 90H175C183.284 90 190 96.7157 190 105C190 113.284 183.284 120 175 120H105C96.7157 120 90 113.284 90 105ZM105 140C96.7157 140 90 146.716 90 155C90 163.284 96.7157 170 105 170H145C153.284 170 160 163.284 160 155C160 146.716 153.284 140 145 140H105Z" fill="url(#paint1_linear_1002_6931)"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M131.376 219.9C124.097 219.724 118.694 226.989 123.026 232.84C134.926 248.909 155.955 255 190.001 255C195.685 255 201.006 254.83 205.982 254.472C208.978 254.257 211.942 255.297 214.066 257.421L226.694 270.049C232.137 275.492 241.432 273.001 243.424 265.566L249.458 243.047C249.981 241.094 251.108 239.37 252.547 237.95C265.114 225.548 270.001 205.496 270.001 175C270.001 144.983 265.267 125.085 253.134 112.64C247.648 107.013 239.54 112.658 239.833 120.511C239.947 123.569 240.002 126.731 240.002 130C240.002 198.246 215.831 220 140.002 220C137.049 220 134.174 219.967 131.376 219.9Z" fill="url(#paint2_linear_1002_6931)"/>
-</g>
-</g>
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="48" height="48" fill="url(#paint0_linear_221_2557)"/>
+<path d="M17.25 23.5H26.25M17.25 17.5H21.75" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M18.75 35.5C20.3256 36.8045 22.2218 37.6357 24.3952 37.7782C26.1078 37.8905 27.8956 37.8904 29.6047 37.7782C30.1932 37.7396 30.8348 37.601 31.3872 37.3765C32.0018 37.1267 32.3092 37.0018 32.4655 37.0207C32.6217 37.0396 32.8483 37.2046 33.3016 37.5344C34.1008 38.116 35.1076 38.5337 36.6007 38.4979C37.3557 38.4797 37.7332 38.4706 37.9021 38.1863C38.0712 37.9019 37.8607 37.5083 37.4397 36.7211C36.8559 35.6293 36.486 34.3793 37.0465 33.3778C38.0119 31.9472 38.8318 30.2531 38.9517 28.4234C39.016 27.4403 39.016 26.4221 38.9517 25.439C38.8719 24.2198 38.5759 23.0609 38.1018 22" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M24.5175 31.7302C29.8509 31.3789 34.0992 27.1104 34.4487 21.7516C34.5171 20.703 34.5171 19.617 34.4487 18.5683C34.0992 13.2095 29.8509 8.94102 24.5175 8.58978C22.698 8.46996 20.7983 8.4702 18.9825 8.58978C13.6491 8.94102 9.40088 13.2095 9.0513 18.5683C8.9829 19.617 8.9829 20.703 9.0513 21.7516C9.17862 23.7034 10.0499 25.5105 11.0756 27.0364C11.6711 28.1046 11.2781 29.4379 10.6578 30.6025C10.2105 31.4422 9.98687 31.862 10.1664 32.1653C10.346 32.4686 10.7471 32.4784 11.5493 32.4978C13.1357 32.536 14.2054 32.0904 15.0546 31.4701C15.5362 31.1182 15.777 30.9422 15.9429 30.9221C16.1089 30.9019 16.4355 31.0351 17.0886 31.3016C17.6756 31.5412 18.3572 31.6889 18.9825 31.7302C20.7983 31.8497 22.698 31.8499 24.5175 31.7302Z" stroke="white" stroke-width="2.25" stroke-linejoin="round"/>
 <defs>
-<linearGradient id="paint0_linear_1002_6931" x1="160" y1="0" x2="160" y2="320" gradientUnits="userSpaceOnUse">
-<stop stop-color="#F8FAFC"/>
-<stop offset="1" stop-color="#E2E8F0"/>
+<linearGradient id="paint0_linear_221_2557" x1="24" y1="0" x2="24" y2="48" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0D9488"/>
+<stop offset="1" stop-color="#0F766E"/>
 </linearGradient>
-<linearGradient id="paint1_linear_1002_6931" x1="140" y1="50" x2="140" y2="228.984" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FB923C"/>
-<stop offset="1" stop-color="#EA580C"/>
-</linearGradient>
-<linearGradient id="paint2_linear_1002_6931" x1="195.74" y1="110.366" x2="195.74" y2="272.984" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FB7185"/>
-<stop offset="1" stop-color="#E11D48"/>
-</linearGradient>
-<clipPath id="clip0_1002_6931">
-<rect width="320" height="320" fill="white"/>
-</clipPath>
-<clipPath id="clip1_1002_6931">
-<rect width="240" height="240" fill="white" transform="translate(40 40)"/>
-</clipPath>
 </defs>
 </svg>

modules/boonex/groups/template/images/icons/std-icon.svg

@@ -1,35 +1,13 @@
-<svg width="320" height="320" viewBox="0 0 320 320" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M160 0C281.326 0 320 38.6737 320 160C320 281.326 281.326 320 160 320C38.6736 320 0 281.326 0 160C0 38.6737 38.6736 0 160 0Z" fill="url(#paint0_linear_1004_6974)"/>
-<path d="M160 2C220.573 2 259.85 11.6833 284.083 35.9168C308.317 60.1504 318 99.4272 318 160C318 220.573 308.317 259.85 284.083 284.083C259.85 308.317 220.573 318 160 318C99.4272 318 60.1504 308.317 35.9168 284.083C11.6833 259.85 2 220.573 2 160C2 99.4272 11.6833 60.1504 35.9168 35.9168C60.1504 11.6833 99.4272 2 160 2Z" stroke="#0F172A" stroke-opacity="0.2" stroke-width="4"/>
-<g clip-path="url(#clip0_1004_6974)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M100.831 110.007C100.554 110.002 100.277 110 100 110C72.3858 110 50 132.386 50 160C50 187.614 72.3858 210 100 210C127.614 210 150 187.614 150 160C150 159.723 149.998 159.446 149.993 159.169C124.874 154.952 105.048 135.126 100.831 110.007Z" fill="url(#paint1_linear_1004_6974)"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M209.993 100.831C209.998 100.554 210 100.277 210 100C210 72.3858 187.614 50 160 50C132.386 50 110 72.3858 110 100C110 127.614 132.386 150 160 150C160.277 150 160.554 149.998 160.831 149.993C165.048 124.874 184.874 105.048 209.993 100.831Z" fill="url(#paint2_linear_1004_6974)"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M110.007 219.169C110.002 219.446 110 219.723 110 220C110 247.614 132.386 270 160 270C187.614 270 210 247.614 210 220C210 192.386 187.614 170 160 170C159.723 170 159.446 170.002 159.169 170.007C154.952 195.126 135.126 214.952 110.007 219.169Z" fill="url(#paint3_linear_1004_6974)"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M220 210C247.614 210 270 187.614 270 160C270 132.386 247.614 110 220 110C192.386 110 170 132.386 170 160C170 160.277 170.002 160.554 170.007 160.831C195.126 165.048 214.952 184.874 219.169 209.993C219.446 209.998 219.723 210 220 210Z" fill="url(#paint4_linear_1004_6974)"/>
-</g>
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="48" height="48" fill="url(#paint0_linear_221_2571)"/>
+<path d="M37.161 33C38.285 33 39.1789 32.2928 39.9817 31.3037C41.6248 29.2791 38.9269 27.6612 37.8981 26.8689C36.852 26.0634 35.6841 25.6071 34.5 25.5M33 22.5C35.071 22.5 36.75 20.8211 36.75 18.75C36.75 16.6789 35.071 15 33 15" stroke="white" stroke-width="2.25" stroke-linecap="round"/>
+<path d="M10.8389 33C9.71499 33 8.821 32.2928 8.01832 31.3037C6.37513 29.2791 9.073 27.6612 10.102 26.8689C11.148 26.0634 12.3159 25.6071 13.5 25.5M14.25 22.5C12.1789 22.5 10.5 20.8211 10.5 18.75C10.5 16.6789 12.1789 15 14.25 15" stroke="white" stroke-width="2.25" stroke-linecap="round"/>
+<path d="M18.1257 28.6668C16.593 29.6145 12.5745 31.5496 15.022 33.9711C16.2177 35.154 17.5493 36 19.2234 36H28.7766C30.4507 36 31.7823 35.154 32.9779 33.9711C35.4255 31.5496 31.407 29.6145 29.8743 28.6668C26.2801 26.4444 21.7198 26.4444 18.1257 28.6668Z" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M29.25 17.25C29.25 20.1495 26.8995 22.5 24 22.5C21.1005 22.5 18.75 20.1495 18.75 17.25C18.75 14.3505 21.1005 12 24 12C26.8995 12 29.25 14.3505 29.25 17.25Z" stroke="white" stroke-width="2.25"/>
 <defs>
-<linearGradient id="paint0_linear_1004_6974" x1="160" y1="0" x2="160" y2="320" gradientUnits="userSpaceOnUse">
-<stop stop-color="#F8FAFC"/>
-<stop offset="1" stop-color="#E2E8F0"/>
+<linearGradient id="paint0_linear_221_2571" x1="24" y1="0" x2="24" y2="48" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F43F5E"/>
+<stop offset="1" stop-color="#BE123C"/>
 </linearGradient>
-<linearGradient id="paint1_linear_1004_6974" x1="100" y1="110" x2="100" y2="210" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FB7185"/>
-<stop offset="1" stop-color="#E11D48"/>
-</linearGradient>
-<linearGradient id="paint2_linear_1004_6974" x1="160" y1="50" x2="160" y2="150" gradientUnits="userSpaceOnUse">
-<stop stop-color="#34D399"/>
-<stop offset="1" stop-color="#059669"/>
-</linearGradient>
-<linearGradient id="paint3_linear_1004_6974" x1="160" y1="170" x2="160" y2="270" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FB923C"/>
-<stop offset="1" stop-color="#EA580C"/>
-</linearGradient>
-<linearGradient id="paint4_linear_1004_6974" x1="220" y1="110" x2="220" y2="210" gradientUnits="userSpaceOnUse">
-<stop stop-color="#60A5FA"/>
-<stop offset="1" stop-color="#2563EB"/>
-</linearGradient>
-<clipPath id="clip0_1004_6974">
-<rect width="240" height="240" fill="white" transform="translate(40 40)"/>
-</clipPath>
 </defs>
 </svg>

modules/boonex/market/template/images/icons/std-icon.svg

@@ -1,35 +1,12 @@
-<svg width="320" height="320" viewBox="0 0 320 320" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_937_7103)">
-<path d="M160 0C281.326 0 320 38.6737 320 160C320 281.326 281.326 320 160 320C38.6736 320 0 281.326 0 160C0 38.6737 38.6736 0 160 0Z" fill="url(#paint0_linear_937_7103)"/>
-<path d="M160 2C220.573 2 259.85 11.6833 284.083 35.9168C308.317 60.1504 318 99.4272 318 160C318 220.573 308.317 259.85 284.083 284.083C259.85 308.317 220.573 318 160 318C99.4272 318 60.1504 308.317 35.9168 284.083C11.6833 259.85 2 220.573 2 160C2 99.4272 11.6833 60.1504 35.9168 35.9168C60.1504 11.6833 99.4272 2 160 2Z" stroke="#F8FAFC" stroke-opacity="0.2" stroke-width="4"/>
-<g clip-path="url(#clip1_937_7103)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M135 50C170.471 50 191.812 56.611 203.42 74.229C205.111 76.7944 203.072 80 200 80V80C148.255 80 126.579 94.0693 121.324 135.855C121.012 138.331 118.978 140.257 116.488 140.428C91.0613 142.178 75.8368 149.457 67.7101 165.37C65.5452 169.61 59.344 169.921 58.2702 165.283C56.0034 155.494 55 143.819 55 130C55 69.3368 74.3368 50 135 50Z" fill="url(#paint1_linear_937_7103)"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M270 160C270 106.92 253.08 90 200 90C156.6 90 137.374 101.311 131.805 134.452C131.311 137.392 133.646 140.006 136.626 140.095C184.499 141.517 200 159.194 200 210C200 216.93 199.712 223.243 199.092 228.983C199.034 229.525 199.455 230 200 230V230C253.08 230 270 213.08 270 160Z" fill="url(#paint2_linear_937_7103)"/>
-<path d="M130 150C175.497 150 190 164.503 190 210C190 255.497 175.497 270 130 270C84.5026 270 70 255.497 70 210C70 164.503 84.5026 150 130 150Z" fill="url(#paint3_linear_937_7103)"/>
-</g>
-</g>
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="48" height="48" fill="url(#paint0_linear_221_2535)"/>
+<path d="M10.4502 21.2441V28.7468C10.4502 32.9909 10.4502 35.113 11.7682 36.4315C13.0862 37.7501 15.2076 37.7501 19.4502 37.7501H28.4502C32.6928 37.7501 34.8141 37.7501 36.1321 36.4315C37.4502 35.113 37.4502 32.9909 37.4502 28.7468V21.2441" stroke="white" stroke-width="2.25" stroke-linecap="round"/>
+<path d="M28.4502 30.9898C27.424 31.9006 25.7904 32.4898 23.9502 32.4898C22.11 32.4898 20.4763 31.9006 19.4502 30.9898" stroke="white" stroke-width="2.25" stroke-linecap="round"/>
+<path d="M21.1557 18.1277C20.7327 19.6553 19.1944 22.2904 16.2717 22.6723C13.691 23.0095 11.7337 21.883 11.2337 21.412C10.6825 21.0301 9.42624 19.8081 9.11859 19.0443C8.81092 18.2805 9.16986 16.6256 9.42624 15.9509L10.4511 12.9833C10.7013 12.2379 11.287 10.475 11.8875 9.87869C12.488 9.2824 13.7037 9.25645 14.2041 9.25645H24.7123C27.4171 9.29467 33.3313 9.23233 34.5004 9.25646C35.6695 9.28058 36.3721 10.2606 36.5772 10.6807C38.3215 14.9059 39 17.3257 39 18.3569C38.7723 19.4568 37.83 21.5309 34.5004 22.4432C31.0399 23.3912 29.0781 21.5471 28.4626 20.8391M19.7328 20.8391C20.22 21.4375 21.748 22.6418 23.9631 22.6723C26.1783 22.7029 28.0909 21.1574 28.7703 20.3809C28.9626 20.1518 29.3779 19.472 29.8087 18.1277" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
 <defs>
-<linearGradient id="paint0_linear_937_7103" x1="160" y1="0" x2="160" y2="320" gradientUnits="userSpaceOnUse">
-<stop stop-color="#475569"/>
-<stop offset="1" stop-color="#1E293B"/>
+<linearGradient id="paint0_linear_221_2535" x1="24" y1="0" x2="24" y2="48" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0D9488"/>
+<stop offset="1" stop-color="#0F766E"/>
 </linearGradient>
-<linearGradient id="paint1_linear_937_7103" x1="129.516" y1="50" x2="129.516" y2="168.656" gradientUnits="userSpaceOnUse">
-<stop stop-color="#60A5FA"/>
-<stop offset="1" stop-color="#2563EB"/>
-</linearGradient>
-<linearGradient id="paint2_linear_937_7103" x1="200.869" y1="90" x2="200.869" y2="230" gradientUnits="userSpaceOnUse">
-<stop stop-color="#34D399"/>
-<stop offset="1" stop-color="#059669"/>
-</linearGradient>
-<linearGradient id="paint3_linear_937_7103" x1="130" y1="150" x2="130" y2="270" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FB7185"/>
-<stop offset="1" stop-color="#E11D48"/>
-</linearGradient>
-<clipPath id="clip0_937_7103">
-<rect width="320" height="320" fill="white"/>
-</clipPath>
-<clipPath id="clip1_937_7103">
-<rect width="240" height="240" fill="white" transform="translate(40 40)"/>
-</clipPath>
 </defs>
 </svg>

modules/boonex/organizations/template/images/icons/std-icon.svg

@@ -1,55 +1,14 @@
-<svg width="320" height="320" viewBox="0 0 320 320" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_1004_7101)">
-<path d="M160 0C281.326 0 320 38.6737 320 160C320 281.326 281.326 320 160 320C38.6736 320 0 281.326 0 160C0 38.6737 38.6736 0 160 0Z" fill="url(#paint0_linear_1004_7101)"/>
-<path d="M160 2C220.573 2 259.85 11.6833 284.083 35.9168C308.317 60.1504 318 99.4272 318 160C318 220.573 308.317 259.85 284.083 284.083C259.85 308.317 220.573 318 160 318C99.4272 318 60.1504 308.317 35.9168 284.083C11.6833 259.85 2 220.573 2 160C2 99.4272 11.6833 60.1504 35.9168 35.9168C60.1504 11.6833 99.4272 2 160 2Z" stroke="#0F172A" stroke-opacity="0.2" stroke-width="4"/>
-<g clip-path="url(#clip1_1004_7101)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M202.921 150.01C199.624 148.288 197.917 143.967 200.617 141.408C203.016 139.134 205.665 137.12 208.517 135.411C210.086 134.471 212.037 134.636 213.631 135.532C218.694 138.377 224.535 140 230.755 140C237.338 140 243.496 138.183 248.755 135.023C250.322 134.081 252.268 133.86 253.863 134.754C265.68 141.378 274.222 153.148 276.456 167.028C276.682 168.431 276.223 169.855 275.237 170.879C267.048 179.379 256.39 185.484 244.417 188.039C242.348 188.48 240.287 187.422 239.22 185.596C230.525 170.715 218.17 158.485 203.484 150.313C203.297 150.209 203.109 150.108 202.921 150.01Z" fill="url(#paint1_linear_1004_7101)"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M215.183 124.559C213.713 123.387 213.305 121.39 213.802 119.577C215.075 114.934 215.755 110.047 215.755 105C215.755 99.9534 215.075 95.0655 213.802 90.423C213.305 88.6095 213.713 86.6129 215.183 85.4407C219.455 82.0353 224.868 80 230.755 80C244.562 80 255.755 91.1929 255.755 105C255.755 118.807 244.562 130 230.755 130C224.868 130 219.455 127.965 215.183 124.559Z" fill="url(#paint2_linear_1004_7101)"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M44.2759 170.879C43.2898 169.856 42.8308 168.432 43.0565 167.029C45.2178 153.596 53.2884 142.139 64.5169 135.411C66.0857 134.471 68.0371 134.636 69.6315 135.532C74.6936 138.377 80.5351 140 86.7555 140C93.3377 140 99.4956 138.183 104.755 135.023C106.322 134.081 108.268 133.86 109.863 134.754C113.714 136.913 117.217 139.618 120.268 142.765C122.465 145.032 121.535 148.664 118.772 150.192C103.851 158.44 91.322 170.872 82.5722 186.017C81.5467 187.792 79.5818 188.855 77.5608 188.511C64.5867 186.305 53.0228 179.958 44.2759 170.879Z" fill="url(#paint3_linear_1004_7101)"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M107.586 94.0331C107.881 92.7018 107.706 91.2857 106.897 90.1877C102.346 84.0088 95.0189 80 86.7559 80C72.9487 80 61.7559 91.1929 61.7559 105C61.7559 118.807 72.9487 130 86.7559 130C94.7792 130 101.92 126.22 106.494 120.345C107.332 119.269 107.545 117.859 107.285 116.521C106.626 113.115 106.28 109.598 106.28 106C106.28 101.89 106.731 97.8856 107.586 94.0331Z" fill="url(#paint4_linear_1004_7101)"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M141.556 171.787C142.596 164.929 138.212 156.763 131.318 157.53C127.844 157.917 124.486 158.844 121.343 160.605C103.807 170.429 90.2417 186.498 83.658 205.799C79.9874 216.56 83.8684 228.359 92.7186 235.497C111.514 250.655 135.42 259.73 161.447 259.73C187.473 259.73 211.379 250.655 230.175 235.497C239.025 228.359 242.906 216.56 239.235 205.799C232.628 186.429 218.989 170.315 201.362 160.5C197.296 158.236 192.875 157.364 188.311 157.252C181.529 157.084 177.397 164.956 178.425 171.661C179.53 178.876 180 188.184 180 200C180 237.915 175.166 250 160 250C144.834 250 140 237.915 140 200C140 188.252 140.464 178.984 141.556 171.787Z" fill="url(#paint5_linear_1004_7101)"/>
-<path d="M160 160C167.583 160 170 169.668 170 200C170 230.332 167.583 240 160 240C152.417 240 150 230.332 150 200C150 169.668 152.417 160 160 160Z" fill="url(#paint6_linear_1004_7101)"/>
-<circle cx="161.28" cy="105" r="45" fill="url(#paint7_linear_1004_7101)"/>
-</g>
-</g>
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="48" height="48" fill="url(#paint0_linear_214_1464)"/>
+<path d="M9 18.8536C9 17.0593 9.72357 15.9597 11.2209 15.1264L17.3848 11.6962C20.6146 9.89873 22.2296 9 24 9C25.7704 9 27.3854 9.89873 30.6152 11.6962L36.7791 15.1264C38.2764 15.9597 39 17.0593 39 18.8536C39 19.3401 39 19.5834 38.9469 19.7834C38.6677 20.8342 37.7156 21 36.7961 21H11.2039C10.2844 21 9.33228 20.8342 9.05313 19.7834C9 19.5834 9 19.3401 9 18.8536Z" stroke="white" stroke-width="2.25"/>
+<path d="M23.9938 16.5H24.0073" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12 21V33.75M18 21V33.75" stroke="white" stroke-width="2.25"/>
+<path d="M30 21V33.75M36 21V33.75" stroke="white" stroke-width="2.25"/>
+<path d="M34.5 33.75H13.5C11.0147 33.75 9 35.7646 9 38.25C9 38.6642 9.33579 39 9.75 39H38.25C38.6642 39 39 38.6642 39 38.25C39 35.7646 36.9854 33.75 34.5 33.75Z" stroke="white" stroke-width="2.25"/>
 <defs>
-<linearGradient id="paint0_linear_1004_7101" x1="160" y1="0" x2="160" y2="320" gradientUnits="userSpaceOnUse">
-<stop stop-color="#F8FAFC"/>
-<stop offset="1" stop-color="#E2E8F0"/>
+<linearGradient id="paint0_linear_214_1464" x1="24" y1="0" x2="24" y2="48" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FACA15"/>
+<stop offset="1" stop-color="#FF5A1F"/>
 </linearGradient>
-<linearGradient id="paint1_linear_1004_7101" x1="237.896" y1="134.188" x2="237.896" y2="188.139" gradientUnits="userSpaceOnUse">
-<stop stop-color="#7DD3FC"/>
-<stop offset="1" stop-color="#0EA5E9"/>
-</linearGradient>
-<linearGradient id="paint2_linear_1004_7101" x1="234.678" y1="80" x2="234.678" y2="130" gradientUnits="userSpaceOnUse">
-<stop stop-color="#7DD3FC"/>
-<stop offset="1" stop-color="#0EA5E9"/>
-</linearGradient>
-<linearGradient id="paint3_linear_1004_7101" x1="82.2445" y1="134.188" x2="82.2445" y2="188.576" gradientUnits="userSpaceOnUse">
-<stop stop-color="#7DD3FC"/>
-<stop offset="1" stop-color="#0EA5E9"/>
-</linearGradient>
-<linearGradient id="paint4_linear_1004_7101" x1="84.7381" y1="80" x2="84.7381" y2="130" gradientUnits="userSpaceOnUse">
-<stop stop-color="#7DD3FC"/>
-<stop offset="1" stop-color="#0EA5E9"/>
-</linearGradient>
-<linearGradient id="paint5_linear_1004_7101" x1="161.447" y1="157.249" x2="161.447" y2="259.73" gradientUnits="userSpaceOnUse">
-<stop stop-color="#94A3B8"/>
-<stop offset="1" stop-color="#475569"/>
-</linearGradient>
-<linearGradient id="paint6_linear_1004_7101" x1="160" y1="160" x2="160" y2="240" gradientUnits="userSpaceOnUse">
-<stop stop-color="#94A3B8"/>
-<stop offset="1" stop-color="#475569"/>
-</linearGradient>
-<linearGradient id="paint7_linear_1004_7101" x1="161.28" y1="60" x2="161.28" y2="150" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FB923C"/>
-<stop offset="1" stop-color="#EA580C"/>
-</linearGradient>
-<clipPath id="clip0_1004_7101">
-<rect width="320" height="320" fill="white"/>
-</clipPath>
-<clipPath id="clip1_1004_7101">
-<rect width="240" height="240" fill="white" transform="translate(40 40)"/>
-</clipPath>
 </defs>
 </svg>

modules/boonex/persons/template/images/icons/std-icon.svg

@@ -1,50 +1,11 @@
-<svg width="320" height="320" viewBox="0 0 320 320" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_1004_7311)">
-<path d="M160 0C281.326 0 320 38.6737 320 160C320 281.326 281.326 320 160 320C38.6736 320 0 281.326 0 160C0 38.6737 38.6736 0 160 0Z" fill="url(#paint0_linear_1004_7311)"/>
-<path d="M160 2C220.573 2 259.85 11.6833 284.083 35.9168C308.317 60.1504 318 99.4272 318 160C318 220.573 308.317 259.85 284.083 284.083C259.85 308.317 220.573 318 160 318C99.4272 318 60.1504 308.317 35.9168 284.083C11.6833 259.85 2 220.573 2 160C2 99.4272 11.6833 60.1504 35.9168 35.9168C60.1504 11.6833 99.4272 2 160 2Z" stroke="#0F172A" stroke-opacity="0.2" stroke-width="4"/>
-<g clip-path="url(#clip1_1004_7311)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M202.921 150.01C199.624 148.288 197.917 143.967 200.617 141.408C203.016 139.134 205.665 137.12 208.517 135.411C210.086 134.471 212.037 134.636 213.631 135.532C218.694 138.377 224.535 140 230.755 140C237.338 140 243.496 138.183 248.755 135.023C250.322 134.081 252.268 133.86 253.863 134.754C265.68 141.378 274.222 153.148 276.456 167.028C276.682 168.431 276.223 169.855 275.237 170.879C267.048 179.379 256.39 185.484 244.417 188.039C242.348 188.48 240.287 187.422 239.22 185.596C230.525 170.715 218.17 158.485 203.484 150.313C203.297 150.209 203.109 150.108 202.921 150.01Z" fill="url(#paint1_linear_1004_7311)"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M215.183 124.559C213.713 123.387 213.305 121.39 213.802 119.577C215.075 114.934 215.755 110.047 215.755 105C215.755 99.9534 215.075 95.0655 213.802 90.423C213.305 88.6095 213.713 86.6129 215.183 85.4407C219.455 82.0353 224.868 80 230.755 80C244.562 80 255.755 91.1929 255.755 105C255.755 118.807 244.562 130 230.755 130C224.868 130 219.455 127.965 215.183 124.559Z" fill="url(#paint2_linear_1004_7311)"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M44.2759 170.879C43.2898 169.856 42.8308 168.432 43.0565 167.029C45.2178 153.596 53.2884 142.139 64.5169 135.411C66.0857 134.471 68.0371 134.636 69.6315 135.532C74.6936 138.377 80.5351 140 86.7555 140C93.3377 140 99.4956 138.183 104.755 135.023C106.322 134.081 108.268 133.86 109.863 134.754C113.714 136.913 117.217 139.618 120.268 142.765C122.465 145.032 121.535 148.664 118.772 150.192C103.851 158.44 91.322 170.872 82.5722 186.017C81.5467 187.792 79.5818 188.855 77.5608 188.511C64.5867 186.305 53.0228 179.958 44.2759 170.879Z" fill="url(#paint3_linear_1004_7311)"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M107.586 94.0331C107.881 92.7018 107.706 91.2857 106.897 90.1877C102.346 84.0088 95.0189 80 86.7559 80C72.9487 80 61.7559 91.1929 61.7559 105C61.7559 118.807 72.9487 130 86.7559 130C94.7792 130 101.92 126.22 106.494 120.345C107.332 119.269 107.545 117.859 107.285 116.521C106.626 113.115 106.28 109.598 106.28 106C106.28 101.89 106.731 97.8856 107.586 94.0331Z" fill="url(#paint4_linear_1004_7311)"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M151.937 159.21C141.557 157.433 130.53 155.458 121.343 160.605C103.807 170.429 90.2417 186.498 83.658 205.799C79.9874 216.56 83.8684 228.359 92.7186 235.497C111.514 250.655 135.42 259.73 161.447 259.73C187.473 259.73 211.379 250.655 230.175 235.497C239.025 228.359 242.906 216.56 239.235 205.799C232.628 186.429 218.989 170.315 201.362 160.5C192.161 155.377 181.14 157.382 170.766 159.185C167.684 159.721 164.515 160 161.28 160C158.095 160 154.973 159.729 151.937 159.21Z" fill="url(#paint5_linear_1004_7311)"/>
-<circle cx="161.28" cy="105" r="45" fill="url(#paint6_linear_1004_7311)"/>
-</g>
-</g>
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="48" height="48" fill="url(#paint0_linear_221_2443)"/>
+<path d="M24 39C32.2843 39 39 32.2843 39 24C39 15.7157 32.2843 9 24 9C15.7157 9 9 15.7157 9 24C9 32.2843 15.7157 39 24 39Z" stroke="white" stroke-width="2.25"/>
+<path d="M17.25 31.5C20.7476 27.8367 27.2148 27.6642 30.75 31.5M27.7427 20.25C27.7427 22.321 26.0613 24 23.9872 24C21.9133 24 20.232 22.321 20.232 20.25C20.232 18.1789 21.9133 16.5 23.9872 16.5C26.0613 16.5 27.7427 18.1789 27.7427 20.25Z" stroke="white" stroke-width="2.25" stroke-linecap="round"/>
 <defs>
-<linearGradient id="paint0_linear_1004_7311" x1="160" y1="0" x2="160" y2="320" gradientUnits="userSpaceOnUse">
-<stop stop-color="#F8FAFC"/>
-<stop offset="1" stop-color="#E2E8F0"/>
+<linearGradient id="paint0_linear_221_2443" x1="24" y1="0" x2="24" y2="48" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FACA15"/>
+<stop offset="1" stop-color="#FF5A1F"/>
 </linearGradient>
-<linearGradient id="paint1_linear_1004_7311" x1="237.896" y1="134.188" x2="237.896" y2="188.139" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FB7185"/>
-<stop offset="1" stop-color="#E11D48"/>
-</linearGradient>
-<linearGradient id="paint2_linear_1004_7311" x1="234.678" y1="80" x2="234.678" y2="130" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FB7185"/>
-<stop offset="1" stop-color="#E11D48"/>
-</linearGradient>
-<linearGradient id="paint3_linear_1004_7311" x1="82.2445" y1="134.188" x2="82.2445" y2="188.576" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FB7185"/>
-<stop offset="1" stop-color="#E11D48"/>
-</linearGradient>
-<linearGradient id="paint4_linear_1004_7311" x1="84.7381" y1="80" x2="84.7381" y2="130" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FB7185"/>
-<stop offset="1" stop-color="#E11D48"/>
-</linearGradient>
-<linearGradient id="paint5_linear_1004_7311" x1="161.447" y1="157.239" x2="161.447" y2="259.73" gradientUnits="userSpaceOnUse">
-<stop stop-color="#34D399"/>
-<stop offset="1" stop-color="#059669"/>
-</linearGradient>
-<linearGradient id="paint6_linear_1004_7311" x1="161.28" y1="60" x2="161.28" y2="150" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FB923C"/>
-<stop offset="1" stop-color="#EA580C"/>
-</linearGradient>
-<clipPath id="clip0_1004_7311">
-<rect width="320" height="320" fill="white"/>
-</clipPath>
-<clipPath id="clip1_1004_7311">
-<rect width="240" height="240" fill="white" transform="translate(40 40)"/>
-</clipPath>
 </defs>
 </svg>

modules/boonex/spaces/template/images/icons/std-icon.svg

@@ -1,40 +1,10 @@
-<svg width="320" height="320" viewBox="0 0 320 320" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_435_2168)">
-<path d="M160 0C281.326 0 320 38.6737 320 160C320 281.326 281.326 320 160 320C38.6736 320 0 281.326 0 160C0 38.6737 38.6736 0 160 0Z" fill="url(#paint0_linear_435_2168)"/>
-<path d="M160 2C220.573 2 259.85 11.6833 284.083 35.9168C308.317 60.1504 318 99.4272 318 160C318 220.573 308.317 259.85 284.083 284.083C259.85 308.317 220.573 318 160 318C99.4272 318 60.1504 308.317 35.9168 284.083C11.6833 259.85 2 220.573 2 160C2 99.4272 11.6833 60.1504 35.9168 35.9168C60.1504 11.6833 99.4272 2 160 2Z" stroke="#F8FAFC" stroke-opacity="0.2" stroke-width="4"/>
-<g clip-path="url(#clip1_435_2168)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M151.066 151.066C177.875 124.256 177.875 107.165 151.066 80.3552C124.256 53.5456 107.165 53.5457 80.3552 80.3552C53.5457 107.165 53.5456 124.256 80.3552 151.066C81.8025 152.513 84.1171 152.563 85.7148 151.284C107.339 133.971 124.359 133.969 145.982 151.277C147.498 152.491 149.693 152.439 151.066 151.066Z" fill="url(#paint1_linear_435_2168)"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M169.16 145.315C168.02 146.728 168.07 148.781 169.355 150.066C196.164 176.875 213.256 176.875 240.066 150.066C266.875 123.256 266.875 106.165 240.066 79.3552C213.256 52.5456 196.164 52.5457 169.355 79.3552C167.996 80.7141 167.947 82.8874 169.154 84.3829C186.823 106.276 186.825 123.423 169.16 145.315Z" fill="url(#paint2_linear_435_2168)"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M175.555 169.087C173.695 167.629 171.026 167.685 169.355 169.356C142.546 196.165 142.546 213.257 169.355 240.066C196.165 266.876 213.256 266.876 240.066 240.066C266.875 213.257 266.875 196.165 240.066 169.356C238.469 167.759 235.918 167.702 234.14 169.095C213.195 185.515 196.502 185.512 175.555 169.087Z" fill="url(#paint3_linear_435_2168)"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M150.066 240.066C151.752 238.38 151.812 235.688 150.348 233.805C134.278 213.128 134.281 196.569 150.356 175.891C151.884 173.925 151.826 171.116 150.066 169.355C123.256 142.546 106.165 142.546 79.3552 169.355C52.5457 196.165 52.5456 213.256 79.3552 240.066C106.165 266.875 123.256 266.875 150.066 240.066Z" fill="url(#paint4_linear_435_2168)"/>
-</g>
-</g>
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="48" height="48" fill="url(#paint0_linear_221_2584)"/>
+<path d="M32.3697 20.5652C31.6147 20.3597 30.8202 20.25 30 20.25C26.2002 20.25 22.9503 22.6048 21.6303 25.9347M32.3697 20.5652C36.1906 21.6054 39 25.0996 39 29.25C39 34.2205 34.9705 38.25 30 38.25C27.6949 38.25 25.5922 37.3835 24 35.9583M32.3697 20.5652C32.7765 19.5393 33 18.4207 33 17.25C33 12.2794 28.9705 8.25 24 8.25C19.0294 8.25 15 12.2794 15 17.25C15 18.4207 15.2235 19.5393 15.6303 20.5652M21.6303 25.9347C21.2235 26.9607 21 28.0793 21 29.25C21 31.9155 22.1588 34.3104 24 35.9583M21.6303 25.9347C18.8872 25.188 16.6654 23.1765 15.6303 20.5652M24 35.9583C22.4078 37.3835 20.3051 38.25 18 38.25C13.0294 38.25 9 34.2205 9 29.25C9 25.0996 11.8094 21.6054 15.6303 20.5652" stroke="white" stroke-width="2.25" stroke-linecap="round"/>
 <defs>
-<linearGradient id="paint0_linear_435_2168" x1="160" y1="0" x2="160" y2="320" gradientUnits="userSpaceOnUse">
-<stop stop-color="#475569"/>
-<stop offset="1" stop-color="#1E293B"/>
+<linearGradient id="paint0_linear_221_2584" x1="24" y1="0" x2="24" y2="48" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F43F5E"/>
+<stop offset="1" stop-color="#BE123C"/>
 </linearGradient>
-<linearGradient id="paint1_linear_435_2168" x1="115.711" y1="60.248" x2="115.711" y2="152.2" gradientUnits="userSpaceOnUse">
-<stop stop-color="#2DD4BF"/>
-<stop offset="1" stop-color="#0D9488"/>
-</linearGradient>
-<linearGradient id="paint2_linear_435_2168" x1="214.231" y1="59.248" x2="214.231" y2="170.173" gradientUnits="userSpaceOnUse">
-<stop stop-color="#C084FC"/>
-<stop offset="1" stop-color="#9333EA"/>
-</linearGradient>
-<linearGradient id="paint3_linear_435_2168" x1="204.711" y1="168.045" x2="204.711" y2="260.173" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FB923C"/>
-<stop offset="1" stop-color="#EA580C"/>
-</linearGradient>
-<linearGradient id="paint4_linear_435_2168" x1="105.348" y1="149.248" x2="105.348" y2="260.173" gradientUnits="userSpaceOnUse">
-<stop stop-color="#7DD3FC"/>
-<stop offset="1" stop-color="#0EA5E9"/>
-</linearGradient>
-<clipPath id="clip0_435_2168">
-<rect width="320" height="320" fill="white"/>
-</clipPath>
-<clipPath id="clip1_435_2168">
-<rect width="240" height="240" fill="white" transform="translate(40 40)"/>
-</clipPath>
 </defs>
 </svg>

studio/template/css/general.css

@@ -52,7 +52,7 @@ div.bx-std-content {
 div.bx-std-content-wrp {
     position: relative;
     width: 100%;
-    height: calc(100vh - 5rem);
+    height: 100vh;
 }
 div.bx-std-page-columns,
 div.bx-std-page-columns-cnt {
@@ -117,33 +117,44 @@ div.bx-std-pcap-mp-right div.bx-std-pcap-action {
  */
 div.bx-std-pmen-item {
     position: relative;
-    height: 2.5rem;
+    height: 4.0rem;
+    margin-top: 0.125rem;
 
-    line-height: 2.5rem;
-    font-size: 0.875rem;
-    font-weight: 400;
+    border-radius: 1rem;
+
+    font-size: 1.0rem;
+    font-weight: 500;
 
     overflow: hidden;
 }
+div.bx-std-pmen-item:first-child {
+    margin-top: 0;
+}
 
 div.bx-std-pmen-item-cnt {
-    padding-left: 3rem;    
+    display: -webkit-flex;
+    display: flex;
+    -webkit-align-items: center;
+    align-items: center;
+    -webkit-flex-wrap: nowrap;
+    flex-wrap: nowrap;
+
+    padding: 0.5rem;
 
-    white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
 }
 
 span.bx-std-pmen-item-counter {}
 span.bx-std-pmen-ic-num {}
-div.bx-std-pmen-item img,
-div.bx-std-pmen-item svg {
-    position: absolute;
 
-    top: 0.5rem;
-    left: 1rem;
-    width: 1.5rem;
-    height: 1.5rem;
+div.bx-std-pmen-item img,
+div.bx-std-pmen-item svg,
+div.bx-std-pmen-item .sys-icon {
+    width: 3.0rem;
+    height: 3.0rem;
+    margin-right: 1rem;
+    border-radius: 0.75rem;
 }
 
 div.bx-std-pmen-item a, 
@@ -158,34 +169,32 @@ div.bx-std-pmen-item a {
     height: 100%;
 
     text-decoration: none;
+    color: rgba(55, 65, 81, 1);
 }
 
 div.bx-std-pmen-item .sys-icon {
-    position: absolute;
-    left: 1.0rem;
-    width: 1.5rem;
-
-    font-size: 20px;
+    font-size: 2rem;
     text-align: center;
 }
 
 div.bx-std-pmen-item svg g {
     opacity: 0.7;
 }
-
+div.bx-std-pmen-item:hover,
 div.bx-std-pmen-item.bx-menu-tab-active {
-    background-color: rgba(24, 144, 255, 0.2);
-    box-shadow: inset -3px 0px 0px rgba(24, 144, 255, 1.0);
-
-    font-weight: 600;
-    
+    background-color: rgba(243, 244, 246, 1);
 }
-
-div.bx-std-pmen-item:hover a,
-div.bx-std-pmen-item:hover .sys-icon,
-div.bx-std-pmen-item.bx-menu-tab-active a,
-div.bx-std-pmen-item.bx-menu-tab-active .sys-icon {
-    color: #1890ff;
+div.bx-std-pmen-item:hover {
+    font-weight: 500;
+}
+div.bx-std-pmen-item:hover a {
+    color: rgba(17, 24, 39, 1);
+}
+div.bx-std-pmen-item.bx-menu-tab-active {
+    font-weight: 600;    
+}
+div.bx-std-pmen-item.bx-menu-tab-active a {
+    color: rgba(17, 24, 39, 1);
 }
 
 div.bx-std-pmen-item:hover svg g,

studio/template/css/launcher.css

@@ -2,8 +2,17 @@
  * Overwrite
  */
 
+div.bx-std-menu-top-wrp {
+    position: fixed;
+    top: 0;
+
+    z-index: 1000;
+}
+
 /**-- For Single Column mode --**/
-.bx-std-page-launcher .bx-std-content-wrp {
+.bx-std-page-launcher .bx-std-content-wrp.bx-std-one-col {
+    padding-top: 5rem;
+
     overflow-y: auto;
 }
 

studio/template/css/menu_top.css

@@ -11,8 +11,6 @@ div.bx-std-menu-top-wrp {
 
     width: 100%;
     height: 5rem;
-
-    background: rgba(3, 7, 18, 0.8);
 }
 div.bx-std-menu-top-wrp .bx-std-menu-top.bx-std-menu-top-center:first-child {
     padding-left: 0.75rem;
@@ -190,7 +188,7 @@ div.bx-std-menu-top .bx-menu-toolbar li {
     min-width: 3.0rem;
     
     border-radius: 1.5rem;
-    background-color: rgba(55, 65, 81, 1);
+    background-color: rgba(17, 24, 39, 1);
 
     line-height: 3.0rem;
     overflow: hidden;
@@ -233,7 +231,9 @@ div.bx-std-menu-top .bx-menu-toolbar li a {
 div.bx-std-menu-top .bx-menu-toolbar li svg g {
     opacity: 0.7;
 }
-
+div.bx-std-menu-top .bx-menu-toolbar li:hover {
+    background-color: rgba(31, 41, 55, 1);
+}
 div.bx-std-menu-top .bx-menu-toolbar li:hover svg g {
     opacity: 0.85;
 }

studio/template/css/page_columns.css

@@ -1,5 +1,5 @@
 .bx-std-bg {
-    background: rgba(3, 7, 18, 1);
+    background: rgba(0, 0, 0, 1);
 }
 
 /*--- 2 columns ---*/
@@ -46,6 +46,7 @@ div.bx-std-page-column.bx-std-page-menu div.bx-std-page-column-cnt {
     position: -webkit-sticky;
     position: sticky;
     top: 0;
+    padding-top: 5rem;
 }
     
 div.bx-std-page-column.bx-std-page-content {
@@ -63,4 +64,5 @@ div.bx-std-page-column.bx-std-page-content::-webkit-scrollbar {
 }
 div.bx-std-page-column.bx-std-page-content div.bx-std-page-column-cnt {
     width: 100%;
+    padding-top: 5rem;
 }

studio/template/images/icons/wi-api.svg

@@ -1,65 +1,13 @@
-<svg width="320" height="320" viewBox="0 0 320 320" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_740_4577)">
-<path d="M160 0C281.326 0 320 38.6737 320 160C320 281.326 281.326 320 160 320C38.6736 320 0 281.326 0 160C0 38.6737 38.6736 0 160 0Z" fill="url(#paint0_linear_740_4577)"/>
-<path d="M160 2C220.573 2 259.85 11.6833 284.083 35.9168C308.317 60.1504 318 99.4272 318 160C318 220.573 308.317 259.85 284.083 284.083C259.85 308.317 220.573 318 160 318C99.4272 318 60.1504 308.317 35.9168 284.083C11.6833 259.85 2 220.573 2 160C2 99.4272 11.6833 60.1504 35.9168 35.9168C60.1504 11.6833 99.4272 2 160 2Z" stroke="#F8FAFC" stroke-opacity="0.2" stroke-width="4"/>
-<g clip-path="url(#clip1_740_4577)">
-<path d="M89.0546 96.1256C88.1799 95.2508 88.3046 93.8024 89.2529 93.008C90.6124 91.8693 91.8694 90.6122 93.0082 89.2528C93.8025 88.3045 95.251 88.1798 96.1257 89.0545L107.251 100.18C108.106 101.034 108.01 102.443 107.096 103.234C105.715 104.429 104.429 105.714 103.234 107.096C102.443 108.009 101.035 108.105 100.18 107.251L89.0546 96.1256Z" fill="url(#paint1_linear_740_4577)"/>
-<path d="M213.59 220.661C212.715 219.786 212.84 218.338 213.788 217.543C215.148 216.405 216.405 215.148 217.543 213.788C218.338 212.84 219.786 212.715 220.661 213.59L231.786 224.715C232.641 225.57 232.545 226.978 231.631 227.769C230.25 228.964 228.964 230.25 227.769 231.631C226.978 232.545 225.57 232.641 224.715 231.786L213.59 220.661Z" fill="url(#paint2_linear_740_4577)"/>
-<path d="M220.661 106.785C219.786 107.66 218.338 107.535 217.543 106.587C216.405 105.228 215.148 103.97 213.788 102.832C212.84 102.037 212.715 100.589 213.59 99.7142L224.715 88.5888C225.57 87.7343 226.978 87.8303 227.769 88.7442C228.964 90.1253 230.25 91.4112 231.631 92.6061C232.545 93.3968 232.641 94.8053 231.786 95.6599L220.661 106.785Z" fill="url(#paint3_linear_740_4577)"/>
-<path d="M99.7142 213.59C100.589 212.715 102.037 212.84 102.832 213.788C103.97 215.148 105.228 216.405 106.587 217.543C107.535 218.338 107.66 219.786 106.785 220.661L95.6599 231.786C94.8053 232.641 93.3968 232.545 92.6061 231.631C91.4112 230.25 90.1253 228.964 88.7442 227.769C87.8303 226.978 87.7343 225.57 88.5888 224.715L99.7142 213.59Z" fill="url(#paint4_linear_740_4577)"/>
-<path d="M160 100C205.497 100 220 114.503 220 160C220 205.497 205.497 220 160 220C114.503 220 100 205.497 100 160C100 114.503 114.503 100 160 100Z" fill="url(#paint5_linear_740_4577)"/>
-<circle cx="70" cy="70" r="20" fill="url(#paint6_linear_740_4577)"/>
-<circle cx="70" cy="250" r="20" fill="url(#paint7_linear_740_4577)"/>
-<circle cx="250" cy="70" r="20" fill="url(#paint8_linear_740_4577)"/>
-<circle cx="250" cy="250" r="20" fill="url(#paint9_linear_740_4577)"/>
-</g>
-</g>
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="48" height="48" fill="url(#paint0_linear_221_2491)"/>
+<path d="M9.75 24C9.75 17.2825 9.75 13.9237 11.8369 11.8369C13.9237 9.75 17.2825 9.75 24 9.75C30.7175 9.75 34.0763 9.75 36.1632 11.8369C38.25 13.9237 38.25 17.2825 38.25 24C38.25 30.7175 38.25 34.0763 36.1632 36.1632C34.0763 38.25 30.7175 38.25 24 38.25C17.2825 38.25 13.9237 38.25 11.8369 36.1632C9.75 34.0763 9.75 30.7175 9.75 24Z" stroke="white" stroke-width="2.25"/>
+<path d="M15 26.25L17.25 19.5L20.0625 26.25M15 26.25L14.25 28.5M15 26.25H20.0625M20.0625 26.25L21 28.5" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M24.75 24V20.55C24.75 20.2708 24.75 20.1312 24.7867 20.0182C24.8608 19.7899 25.0399 19.6109 25.2682 19.5367C25.3812 19.5 25.5208 19.5 25.8 19.5H27.75C28.9926 19.5 30 20.5074 30 21.75C30 22.9926 28.9926 24 27.75 24H24.75ZM24.75 24V28.5" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M33.75 19.5V28.5" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
 <defs>
-<linearGradient id="paint0_linear_740_4577" x1="160" y1="0" x2="160" y2="320" gradientUnits="userSpaceOnUse">
-<stop stop-color="#475569"/>
-<stop offset="1" stop-color="#1E293B"/>
+<linearGradient id="paint0_linear_221_2491" x1="24" y1="0" x2="24" y2="48" gradientUnits="userSpaceOnUse">
+<stop stop-color="#71717A"/>
+<stop offset="1" stop-color="#52525B"/>
 </linearGradient>
-<linearGradient id="paint1_linear_740_4577" x1="160.188" y1="88" x2="160.188" y2="232.375" gradientUnits="userSpaceOnUse">
-<stop stop-color="#94A3B8"/>
-<stop offset="1" stop-color="#64748B"/>
-</linearGradient>
-<linearGradient id="paint2_linear_740_4577" x1="160.188" y1="88" x2="160.188" y2="232.375" gradientUnits="userSpaceOnUse">
-<stop stop-color="#94A3B8"/>
-<stop offset="1" stop-color="#64748B"/>
-</linearGradient>
-<linearGradient id="paint3_linear_740_4577" x1="160.188" y1="88" x2="160.188" y2="232.375" gradientUnits="userSpaceOnUse">
-<stop stop-color="#94A3B8"/>
-<stop offset="1" stop-color="#64748B"/>
-</linearGradient>
-<linearGradient id="paint4_linear_740_4577" x1="160.188" y1="88" x2="160.188" y2="232.375" gradientUnits="userSpaceOnUse">
-<stop stop-color="#94A3B8"/>
-<stop offset="1" stop-color="#64748B"/>
-</linearGradient>
-<linearGradient id="paint5_linear_740_4577" x1="160" y1="100" x2="160" y2="220" gradientUnits="userSpaceOnUse">
-<stop stop-color="#2DD4BF"/>
-<stop offset="1" stop-color="#0D9488"/>
-</linearGradient>
-<linearGradient id="paint6_linear_740_4577" x1="70" y1="50" x2="70" y2="90" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FB7185"/>
-<stop offset="1" stop-color="#E11D48"/>
-</linearGradient>
-<linearGradient id="paint7_linear_740_4577" x1="70" y1="230" x2="70" y2="270" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FB923C"/>
-<stop offset="1" stop-color="#EA580C"/>
-</linearGradient>
-<linearGradient id="paint8_linear_740_4577" x1="250" y1="50" x2="250" y2="90" gradientUnits="userSpaceOnUse">
-<stop stop-color="#34D399"/>
-<stop offset="1" stop-color="#059669"/>
-</linearGradient>
-<linearGradient id="paint9_linear_740_4577" x1="250" y1="230" x2="250" y2="270" gradientUnits="userSpaceOnUse">
-<stop stop-color="#60A5FA"/>
-<stop offset="1" stop-color="#2563EB"/>
-</linearGradient>
-<clipPath id="clip0_740_4577">
-<rect width="320" height="320" fill="white"/>
-</clipPath>
-<clipPath id="clip1_740_4577">
-<rect width="240" height="240" fill="white" transform="translate(40 40)"/>
-</clipPath>
 </defs>
 </svg>

studio/template/images/icons/wi-audit.svg

@@ -1,30 +1,12 @@
-<svg width="320" height="320" viewBox="0 0 320 320" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_1023_7288)">
-<path d="M160 0C281.326 0 320 38.6737 320 160C320 281.326 281.326 320 160 320C38.6736 320 0 281.326 0 160C0 38.6737 38.6736 0 160 0Z" fill="url(#paint0_linear_1023_7288)"/>
-<path d="M160 2C220.573 2 259.85 11.6833 284.083 35.9168C308.317 60.1504 318 99.4272 318 160C318 220.573 308.317 259.85 284.083 284.083C259.85 308.317 220.573 318 160 318C99.4272 318 60.1504 308.317 35.9168 284.083C11.6833 259.85 2 220.573 2 160C2 99.4272 11.6833 60.1504 35.9168 35.9168C60.1504 11.6833 99.4272 2 160 2Z" stroke="#F8FAFC" stroke-opacity="0.2" stroke-width="4"/>
-<g clip-path="url(#clip1_1023_7288)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M260 160C260 84.1711 235.829 60 160 60C84.171 60 60 84.1711 60 160C60 235.829 84.171 260 160 260C235.829 260 260 235.829 260 160ZM224.768 118.164C240.362 133.758 234.397 149.665 200.089 183.974C185.282 198.781 173.902 208.309 164.496 213.102C150.934 222.61 137.193 216.558 112.506 191.871C84.4356 163.801 80.4589 149.882 96.0536 134.287C110.093 120.248 122.774 122.071 145.644 143.055C149.431 146.529 155.324 146.476 158.958 142.843C193.266 108.534 209.173 102.569 224.768 118.164Z" fill="url(#paint1_linear_1023_7288)"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M192.862 174.419C220.932 146.349 226.897 134.419 217.541 125.062C208.184 115.705 196.253 121.67 168.183 149.741C165.407 152.517 162.847 155.135 160.497 157.609C156.405 161.914 149.449 162.001 145.249 157.801V157.801C123.417 135.969 113.475 131.992 104.118 141.349C94.7611 150.706 98.7378 160.648 120.57 182.48C138.106 200.016 147.971 206.033 156.023 202.873C156.507 202.684 156.993 202.498 157.487 202.335C165.574 199.672 176.464 190.818 192.862 174.419Z" fill="url(#paint2_linear_1023_7288)"/>
-</g>
-</g>
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="48" height="48" fill="url(#paint0_linear_221_2510)"/>
+<path d="M23.9973 9C19.4856 9 16.5603 12.0285 13.1006 13.1323C11.6938 13.5812 10.9905 13.8056 10.7058 14.122C10.4211 14.4383 10.3378 14.9006 10.1711 15.8252C8.38715 25.719 12.2864 34.866 21.5855 38.4263C22.5846 38.8088 23.0841 39 24.0023 39C24.9203 39 25.4199 38.8088 26.4189 38.4263C35.7174 34.8659 39.6129 25.719 37.8285 15.8252C37.6617 14.9005 37.5783 14.4381 37.2936 14.1217C37.0089 13.8054 36.3056 13.5811 34.8989 13.1325C31.4378 12.0287 28.5092 9 23.9973 9Z" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M21 24.75C21 24.75 21.75 24.75 22.5 26.25C22.5 26.25 24.8823 22.5 27 21.75" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M31.5 24C31.5 28.1421 28.1421 31.5 24 31.5C19.8579 31.5 16.5 28.1421 16.5 24C16.5 19.8579 19.8579 16.5 24 16.5C28.1421 16.5 31.5 19.8579 31.5 24Z" stroke="white" stroke-width="2.25" stroke-linecap="round"/>
 <defs>
-<linearGradient id="paint0_linear_1023_7288" x1="160" y1="0" x2="160" y2="320" gradientUnits="userSpaceOnUse">
-<stop stop-color="#475569"/>
-<stop offset="1" stop-color="#1E293B"/>
+<linearGradient id="paint0_linear_221_2510" x1="24" y1="0" x2="24" y2="48" gradientUnits="userSpaceOnUse">
+<stop stop-color="#71717A"/>
+<stop offset="1" stop-color="#52525B"/>
 </linearGradient>
-<linearGradient id="paint1_linear_1023_7288" x1="160" y1="60" x2="160" y2="260" gradientUnits="userSpaceOnUse">
-<stop stop-color="#2DD4BF"/>
-<stop offset="1" stop-color="#0D9488"/>
-</linearGradient>
-<linearGradient id="paint2_linear_1023_7288" x1="160.512" y1="120.952" x2="160.512" y2="203.678" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FB923C"/>
-<stop offset="1" stop-color="#EA580C"/>
-</linearGradient>
-<clipPath id="clip0_1023_7288">
-<rect width="320" height="320" fill="white"/>
-</clipPath>
-<clipPath id="clip1_1023_7288">
-<rect width="240" height="240" fill="white" transform="translate(40 40)"/>
-</clipPath>
 </defs>
 </svg>

studio/template/images/icons/wi-badges.svg

@@ -1,39 +1,11 @@
-<svg width="320" height="320" viewBox="0 0 320 320" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_910_7354)">
-<path d="M160 0C281.326 0 320 38.6737 320 160C320 281.326 281.326 320 160 320C38.6736 320 0 281.326 0 160C0 38.6737 38.6736 0 160 0Z" fill="url(#paint0_linear_910_7354)"/>
-<g clip-path="url(#clip1_910_7354)">
-<path opacity="0.6" d="M70 220C70 250.332 91.7539 260 160 260C228.246 260 250 250.331 250 220C250 218.248 248.085 217.227 246.521 218.018C229.466 226.645 201.903 230 160 230C118.097 230 90.5339 226.645 73.4787 218.018C71.9153 217.227 70 218.248 70 220Z" fill="url(#paint1_linear_910_7354)"/>
-<path opacity="0.8" d="M60 177C60 211.123 84.171 222 160 222C235.829 222 260 211.123 260 177C260 174.616 259.882 172.346 259.637 170.184C259.254 166.817 255.448 165.348 252.421 166.872C233.689 176.304 204.136 180 160 180C115.864 180 86.3113 176.304 67.5791 166.872C64.5518 165.348 60.7456 166.817 60.3633 170.184C60.118 172.346 60 174.616 60 177Z" fill="url(#paint2_linear_910_7354)"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M50 115C50 156.706 76.5882 170 160 170C243.412 170 270 156.706 270 115C270 73.2941 243.412 60 160 60C76.5881 60 50 73.2941 50 115ZM80 115C80 137.749 87.2513 145 110 145C132.749 145 140 137.749 140 115C140 92.2513 132.749 85 110 85C87.2513 85 80 92.2513 80 115Z" fill="url(#paint3_linear_910_7354)"/>
-<path d="M110 95C125.166 95 130 99.8342 130 115C130 130.166 125.166 135 110 135C94.8342 135 90 130.166 90 115C90 99.8342 94.8342 95 110 95Z" fill="url(#paint4_linear_910_7354)"/>
-</g>
-</g>
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="48" height="48" fill="url(#paint0_linear_221_2536)"/>
+<path d="M34.4857 34H34.5M34.4857 34C33.5517 34.9263 31.859 34.6955 30.6719 34.6955C29.2148 34.6955 28.5131 34.9806 27.4731 36.0205C26.5877 36.9061 25.4006 38.5 24 38.5C22.5994 38.5 21.4124 36.9061 20.5269 36.0205C19.4869 34.9806 18.7852 34.6955 17.3281 34.6955C16.141 34.6955 14.4483 34.9263 13.5142 34C12.5727 33.0664 12.8044 31.3666 12.8044 30.1719C12.8044 28.6621 12.4742 27.9679 11.3991 26.8927C9.79971 25.2934 9.00003 24.4936 9 23.5C9.00001 22.5062 9.79968 21.7066 11.399 20.1073C12.3588 19.1475 12.8044 18.1964 12.8044 16.8281C12.8044 15.641 12.5737 13.9482 13.5 13.0142C14.4336 12.0727 16.1334 12.3044 17.3281 12.3044C18.6964 12.3044 19.6475 11.8588 20.6072 10.8991C22.2066 9.29968 23.0062 8.5 24 8.5C24.9938 8.5 25.7934 9.29968 27.3927 10.8991C28.3522 11.8586 29.3033 12.3044 30.6719 12.3044C31.859 12.3044 33.5519 12.0737 34.4859 13C35.4273 13.9336 35.1955 15.6334 35.1955 16.8281C35.1955 18.3379 35.5259 19.0321 36.6009 20.1073C38.2004 21.7066 39 22.5062 39 23.5C39 24.4936 38.2004 25.2934 36.6009 26.8927C35.5257 27.9679 35.1955 28.6621 35.1955 30.1719C35.1955 31.3666 35.4273 33.0664 34.4857 34Z" stroke="white" stroke-width="2.25"/>
+<path d="M19.5 24.8394L22.2 27.25L28.5 19.75" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
 <defs>
-<linearGradient id="paint0_linear_910_7354" x1="160" y1="0" x2="160" y2="320" gradientUnits="userSpaceOnUse">
-<stop stop-color="#60A5FA"/>
-<stop offset="1" stop-color="#2563EB"/>
+<linearGradient id="paint0_linear_221_2536" x1="24" y1="0" x2="24" y2="48" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3B82F6"/>
+<stop offset="1" stop-color="#5850EC"/>
 </linearGradient>
-<linearGradient id="paint1_linear_910_7354" x1="160" y1="217.747" x2="160" y2="260" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="#BFDBFE"/>
-</linearGradient>
-<linearGradient id="paint2_linear_910_7354" x1="160" y1="166.271" x2="160" y2="222" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="#BFDBFE"/>
-</linearGradient>
-<linearGradient id="paint3_linear_910_7354" x1="160" y1="60" x2="160" y2="170" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="#BFDBFE"/>
-</linearGradient>
-<linearGradient id="paint4_linear_910_7354" x1="110" y1="95" x2="110" y2="135" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="#BFDBFE"/>
-</linearGradient>
-<clipPath id="clip0_910_7354">
-<rect width="320" height="320" fill="white"/>
-</clipPath>
-<clipPath id="clip1_910_7354">
-<rect width="240" height="240" fill="white" transform="translate(40 40)"/>
-</clipPath>
 </defs>
 </svg>

studio/template/images/icons/wi-bld-forms.svg

@@ -9,7 +9,7 @@
 <defs>
 <linearGradient id="paint0_linear_214_1435" x1="24" y1="0" x2="24" y2="48" gradientUnits="userSpaceOnUse">
 <stop stop-color="#3B82F6"/>
-<stop offset="1" stop-color="#2563EB"/>
+<stop offset="1" stop-color="#5850EC"/>
 </linearGradient>
 </defs>
 </svg>

studio/template/images/icons/wi-bld-navigation.svg

@@ -1,29 +1,13 @@
-<svg width="320" height="320" viewBox="0 0 320 320" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_908_6545)">
-<path d="M160 0C281.326 0 320 38.6737 320 160C320 281.326 281.326 320 160 320C38.6736 320 0 281.326 0 160C0 38.6737 38.6736 0 160 0Z" fill="url(#paint0_linear_908_6545)"/>
-<path d="M160 70C235.829 70 260 77.2513 260 100C260 122.749 235.829 130 160 130C84.171 130 60 122.749 60 100C60 77.2513 84.171 70 160 70Z" fill="url(#paint1_linear_908_6545)"/>
-<path opacity="0.8" fill-rule="evenodd" clip-rule="evenodd" d="M89.1601 135.461C87.7486 135.192 86.2934 135.196 84.9005 135.549C66.9021 140.113 60 147.844 60 160C60 182.749 84.171 190 160 190C235.829 190 260 182.749 260 160C260 147.844 253.098 140.113 235.099 135.549C233.707 135.196 232.251 135.192 230.84 135.461C213.999 138.673 190.898 140 160 140C129.102 140 106.001 138.673 89.1601 135.461Z" fill="url(#paint2_linear_908_6545)"/>
-<path opacity="0.6" fill-rule="evenodd" clip-rule="evenodd" d="M89.16 195.275C87.7484 195.005 86.2932 195.009 84.9004 195.363C66.9021 199.927 60 207.657 60 219.814C60 242.562 84.171 249.814 160 249.814C235.829 249.814 260 242.562 260 219.814C260 207.657 253.098 199.927 235.1 195.363C233.707 195.009 232.252 195.005 230.84 195.275C213.999 198.487 190.898 199.814 160 199.814C129.102 199.814 106.001 198.487 89.16 195.275Z" fill="url(#paint3_linear_908_6545)"/>
-</g>
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="48" height="48" fill="url(#paint0_linear_221_2255)"/>
+<path d="M19.5 13C19.5 10.8787 19.5 9.81802 20.159 9.15901C20.818 8.5 21.8787 8.5 24 8.5C26.1213 8.5 27.182 8.5 27.8411 9.15901C28.5 9.81802 28.5 10.8787 28.5 13C28.5 15.1213 28.5 16.182 27.8411 16.841C27.182 17.5 26.1213 17.5 24 17.5C21.8787 17.5 20.818 17.5 20.159 16.841C19.5 16.182 19.5 15.1213 19.5 13Z" stroke="white" stroke-width="2.25"/>
+<path d="M9 34C9 31.8787 9 30.8181 9.65901 30.159C10.318 29.5 11.3787 29.5 13.5 29.5C15.6213 29.5 16.682 29.5 17.341 30.159C18 30.8181 18 31.8787 18 34C18 36.1213 18 37.1819 17.341 37.841C16.682 38.5 15.6213 38.5 13.5 38.5C11.3787 38.5 10.318 38.5 9.65901 37.841C9 37.1819 9 36.1213 9 34Z" stroke="white" stroke-width="2.25"/>
+<path d="M30 34C30 31.8787 30 30.8181 30.659 30.159C31.3181 29.5 32.3787 29.5 34.5 29.5C36.6213 29.5 37.6819 29.5 38.341 30.159C39 30.8181 39 31.8787 39 34C39 36.1213 39 37.1819 38.341 37.841C37.6819 38.5 36.6213 38.5 34.5 38.5C32.3787 38.5 31.3181 38.5 30.659 37.841C30 37.1819 30 36.1213 30 34Z" stroke="white" stroke-width="2.25"/>
+<path d="M24 17.5V19M24 19C24 20.3978 24 21.0967 24.2664 21.6481C24.6216 22.3831 25.3031 22.9672 26.1606 23.2717C26.8038 23.5 27.6192 23.5 29.25 23.5C30.8808 23.5 31.6962 23.5 32.3394 23.7283C33.197 24.0328 33.8784 24.6169 34.2336 25.3519C34.5 25.9033 34.5 26.6021 34.5 28V29.5M24 19C24 20.3978 24 21.0967 23.7336 21.6481C23.3784 22.3831 22.6969 22.9672 21.8394 23.2717C21.1962 23.5 20.3808 23.5 18.75 23.5C17.1192 23.5 16.3038 23.5 15.6606 23.7283C14.803 24.0328 14.1216 24.6169 13.7664 25.3519C13.5 25.9033 13.5 26.6021 13.5 28V29.5" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
 <defs>
-<linearGradient id="paint0_linear_908_6545" x1="160" y1="0" x2="160" y2="320" gradientUnits="userSpaceOnUse">
-<stop stop-color="#60A5FA"/>
-<stop offset="1" stop-color="#2563EB"/>
+<linearGradient id="paint0_linear_221_2255" x1="24" y1="0" x2="24" y2="48" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3B82F6"/>
+<stop offset="1" stop-color="#5850EC"/>
 </linearGradient>
-<linearGradient id="paint1_linear_908_6545" x1="160" y1="70" x2="160" y2="130" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="#BFDBFE"/>
-</linearGradient>
-<linearGradient id="paint2_linear_908_6545" x1="160" y1="135.271" x2="160" y2="190" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="#BFDBFE"/>
-</linearGradient>
-<linearGradient id="paint3_linear_908_6545" x1="160" y1="195.084" x2="160" y2="249.814" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="#BFDBFE"/>
-</linearGradient>
-<clipPath id="clip0_908_6545">
-<rect width="320" height="320" fill="white"/>
-</clipPath>
 </defs>
 </svg>

studio/template/images/icons/wi-bld-pages.svg

@@ -1,34 +1,16 @@
-<svg width="320" height="320" viewBox="0 0 320 320" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_908_6517)">
-<path d="M160 0C281.326 0 320 38.6737 320 160C320 281.326 281.326 320 160 320C38.6736 320 0 281.326 0 160C0 38.6737 38.6736 0 160 0Z" fill="url(#paint0_linear_908_6517)"/>
-<g clip-path="url(#clip1_908_6517)">
-<path opacity="0.8" fill-rule="evenodd" clip-rule="evenodd" d="M111.097 234.537C107.259 234.262 104.36 238.106 106.359 241.395C116.764 258.513 135.173 265 164.999 265C218.079 265 234.999 244.455 234.999 180C234.999 139.511 228.322 116.348 210.198 104.722C206.896 102.603 203.025 105.632 203.477 109.529C204.521 118.538 205 128.661 205 140C205 212.038 185.663 235 125 235C120.1 235 115.47 234.85 111.097 234.537Z" fill="url(#paint1_linear_908_6517)"/>
-<path opacity="0.6" fill-rule="evenodd" clip-rule="evenodd" d="M198.635 85.9577C199.179 87.6279 200.515 88.9266 202.196 89.4359C233.914 99.0456 245 125.455 245 180C245 192.1 244.454 202.815 243.259 212.27C242.692 216.755 247.515 219.676 250.333 216.142C260.881 202.912 264.999 181.8 264.999 150C264.999 85.5459 248.08 65.0005 194.999 65.0005V65.0005C191.946 65.0005 190.296 68.635 191.917 71.223C194.606 75.5154 196.83 80.4094 198.635 85.9577Z" fill="url(#paint2_linear_908_6517)"/>
-<path d="M125 55C178.08 55 195 75.5454 195 140C195 204.455 178.08 225 125 225C71.9197 225 55 204.455 55 140C55 75.5454 71.9197 55 125 55Z" fill="url(#paint3_linear_908_6517)"/>
-</g>
-</g>
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="48" height="48" fill="url(#paint0_linear_221_2294)"/>
+<path d="M9.75 23.5C9.75 16.7825 9.75 13.4237 11.8369 11.3369C13.9237 9.25 17.2825 9.25 24 9.25C30.7175 9.25 34.0763 9.25 36.1632 11.3369C38.25 13.4237 38.25 16.7825 38.25 23.5C38.25 30.2175 38.25 33.5763 36.1632 35.6632C34.0763 37.75 30.7175 37.75 24 37.75C17.2825 37.75 13.9237 37.75 11.8369 35.6632C9.75 33.5763 9.75 30.2175 9.75 23.5Z" stroke="white" stroke-width="2.25"/>
+<path d="M9.75 19H38.25" stroke="white" stroke-width="2.25" stroke-linejoin="round"/>
+<path d="M25.5 25H31.5" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M25.5 31H28.5" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M16.4997 14.5H16.5132" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M22.4997 14.5H22.5132" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M19.5 19V37.75" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
 <defs>
-<linearGradient id="paint0_linear_908_6517" x1="160" y1="0" x2="160" y2="320" gradientUnits="userSpaceOnUse">
-<stop stop-color="#60A5FA"/>
-<stop offset="1" stop-color="#2563EB"/>
+<linearGradient id="paint0_linear_221_2294" x1="24" y1="0" x2="24" y2="48" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3B82F6"/>
+<stop offset="1" stop-color="#5850EC"/>
 </linearGradient>
-<linearGradient id="paint1_linear_908_6517" x1="170.354" y1="104.025" x2="170.354" y2="265" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="#BFDBFE"/>
-</linearGradient>
-<linearGradient id="paint2_linear_908_6517" x1="228.141" y1="65.0005" x2="228.141" y2="217.713" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="#BFDBFE"/>
-</linearGradient>
-<linearGradient id="paint3_linear_908_6517" x1="125" y1="55" x2="125" y2="225" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="#BFDBFE"/>
-</linearGradient>
-<clipPath id="clip0_908_6517">
-<rect width="320" height="320" fill="white"/>
-</clipPath>
-<clipPath id="clip1_908_6517">
-<rect width="240" height="240" fill="white" transform="translate(40 40)"/>
-</clipPath>
 </defs>
 </svg>

studio/template/images/icons/wi-bld-permissions.svg

@@ -1,26 +1,13 @@
-<svg width="320" height="320" viewBox="0 0 320 320" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_910_6107)">
-<path d="M160 0C281.326 0 320 38.6737 320 160C320 281.326 281.326 320 160 320C38.6736 320 0 281.326 0 160C0 38.6737 38.6736 0 160 0Z" fill="url(#paint0_linear_910_6107)"/>
-<g opacity="0.8">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M160 60C235.829 60 260 73.2941 260 115C260 130.473 256.673 142.035 248.615 150.459C247.176 151.964 244.905 152.174 243.02 151.289C225.78 143.195 199.149 140 160 140C157.387 140 154.829 140.014 152.326 140.043C147.723 140.097 144.843 133.867 146.778 129.689C148.846 125.222 150 120.246 150 115C150 95.67 134.33 80 115 80C95.67 80 80 95.67 80 115C80 123.168 82.7981 130.683 87.488 136.638C90.2825 140.186 89.005 146.738 84.7284 148.191C81.9589 149.132 79.3795 150.162 76.9817 151.288C75.0965 152.173 72.8242 151.964 71.3847 150.459C63.327 142.035 60 130.473 60 115C60 73.2941 84.171 60 160 60Z" fill="url(#paint1_linear_910_6107)"/>
-</g>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M260 205C260 163.294 235.829 150 160 150C84.171 150 60 163.294 60 205C60 246.706 84.171 260 160 260C235.829 260 260 246.706 260 205ZM205 170C185.67 170 170 185.67 170 205C170 224.33 185.67 240 205 240C224.33 240 240 224.33 240 205C240 185.67 224.33 170 205 170Z" fill="url(#paint2_linear_910_6107)"/>
-</g>
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="48" height="48" fill="url(#paint0_linear_221_2321)"/>
+<path d="M16.5 8.5C12.3579 8.5 9 11.8579 9 16C9 18.7761 10.5082 21.1999 12.75 22.4967V32.2646C12.75 33.4909 12.75 34.1041 12.9784 34.6553C13.2067 35.2067 13.6403 35.6403 14.5074 36.5074L16.5 38.5L19.6623 35.3377C19.8081 35.1919 19.8811 35.1188 19.9416 35.0398C20.1005 34.832 20.2022 34.5864 20.2368 34.327C20.25 34.2283 20.25 34.1251 20.25 33.9188C20.25 33.7519 20.25 33.6685 20.2411 33.5873C20.218 33.3746 20.1495 33.1695 20.0405 32.9854C19.9989 32.9152 19.9489 32.8484 19.8487 32.7149L18 30.25L19.05 28.85C19.6447 28.057 19.9421 27.6606 20.0961 27.1987C20.25 26.7369 20.25 26.2413 20.25 25.2501V22.4967C22.4918 21.1999 24 18.7761 24 16C24 11.8579 20.6421 8.5 16.5 8.5Z" stroke="white" stroke-width="2.25" stroke-linejoin="round"/>
+<path d="M16.5 16H16.5135" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M25.5 26.5H34.5C35.8979 26.5 36.5967 26.5 37.1481 26.7283C37.8831 27.0328 38.4672 27.6169 38.7717 28.3519C39 28.9033 39 29.6021 39 31C39 32.3979 39 33.0967 38.7717 33.6481C38.4672 34.3831 37.8831 34.9672 37.1481 35.2717C36.5967 35.5 35.8979 35.5 34.5 35.5H25.5" stroke="white" stroke-width="2.25" stroke-linecap="round"/>
+<path d="M28.5 13H34.5C35.8979 13 36.5967 13 37.1481 13.2284C37.8831 13.5328 38.4672 14.1169 38.7717 14.8519C39 15.4033 39 16.1022 39 17.5C39 18.8978 39 19.5967 38.7717 20.1481C38.4672 20.8831 37.8831 21.4672 37.1481 21.7717C36.5967 22 35.8979 22 34.5 22H28.5" stroke="white" stroke-width="2.25" stroke-linecap="round"/>
 <defs>
-<linearGradient id="paint0_linear_910_6107" x1="160" y1="0" x2="160" y2="320" gradientUnits="userSpaceOnUse">
-<stop stop-color="#60A5FA"/>
-<stop offset="1" stop-color="#2563EB"/>
+<linearGradient id="paint0_linear_221_2321" x1="24" y1="0" x2="24" y2="48" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3B82F6"/>
+<stop offset="1" stop-color="#5850EC"/>
 </linearGradient>
-<linearGradient id="paint1_linear_910_6107" x1="160" y1="60" x2="160" y2="151.813" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="#BFDBFE"/>
-</linearGradient>
-<linearGradient id="paint2_linear_910_6107" x1="160" y1="150" x2="160" y2="260" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="#BFDBFE"/>
-</linearGradient>
-<clipPath id="clip0_910_6107">
-<rect width="320" height="320" fill="white"/>
-</clipPath>
 </defs>
 </svg>

studio/template/images/icons/wi-designer.svg

@@ -1,64 +1,14 @@
-<svg width="320" height="320" viewBox="0 0 320 320" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_922_6447)">
-<path d="M160 0C281.326 0 320 38.6737 320 160C320 281.326 281.326 320 160 320C38.6736 320 0 281.326 0 160C0 38.6737 38.6736 0 160 0Z" fill="url(#paint0_linear_922_6447)"/>
-<g clip-path="url(#clip1_922_6447)">
-<path opacity="0.8" d="M269.041 175.41C269.832 169.767 265.241 165 259.542 165L218.86 165C213.72 165 209.523 168.943 208.099 173.882C207.055 177.503 205.614 180.956 203.825 184.189C201.338 188.685 201.521 194.438 205.154 198.071L233.922 226.839C237.952 230.869 244.571 230.743 248.001 226.19C258.959 211.645 266.395 194.296 269.041 175.41Z" fill="url(#paint1_linear_922_6447)"/>
-<path opacity="0.8" d="M115.002 198.347C118.651 194.697 118.818 188.912 116.297 184.408C114.452 181.112 112.968 177.585 111.901 173.882C110.478 168.943 106.28 165 101.14 165L60.4574 165C54.7591 165 50.1683 169.767 50.9588 175.41C53.6207 194.411 61.1317 211.857 72.2007 226.457C75.6379 230.991 82.2413 231.107 86.2642 227.084L115.002 198.347Z" fill="url(#paint2_linear_922_6447)"/>
-<path opacity="0.8" d="M146.113 208.094C151.052 209.517 154.995 213.714 154.995 218.855V259.537C154.995 265.236 150.228 269.826 144.585 269.036C125.815 266.406 108.563 259.045 94.0724 248.197C89.5006 244.774 89.3646 238.14 93.4029 234.102L122.202 205.303C125.818 201.687 131.539 201.488 136.027 203.941C139.196 205.674 142.574 207.074 146.113 208.094Z" fill="url(#paint3_linear_922_6447)"/>
-<path opacity="0.8" d="M165.005 259.538C165.005 265.236 169.772 269.827 175.415 269.036C194.3 266.39 211.65 258.954 226.195 247.996C230.748 244.566 230.874 237.947 226.843 233.917L198.075 205.149C194.442 201.516 188.69 201.333 184.194 203.82C180.96 205.609 177.508 207.05 173.887 208.094C168.948 209.518 165.005 213.715 165.005 218.855L165.005 259.538Z" fill="url(#paint4_linear_922_6447)"/>
-<path opacity="0.8" d="M51.0701 144.696C50.2796 150.339 54.8704 155.107 60.5687 155.107H101.251C106.391 155.107 110.589 151.164 112.012 146.225C113.056 142.604 114.497 139.151 116.286 135.918C118.773 131.422 118.59 125.669 114.957 122.036L86.1895 93.2682C82.1589 89.2375 75.5403 89.3638 72.1103 93.9165C61.1518 108.462 53.7158 125.811 51.0701 144.696Z" fill="url(#paint5_linear_922_6447)"/>
-<path opacity="0.8" d="M205.109 121.76C201.46 125.409 201.293 131.195 203.814 135.698C205.659 138.995 207.143 142.521 208.21 146.224C209.633 151.164 213.831 155.106 218.971 155.106H259.654C265.352 155.106 269.943 150.339 269.152 144.696C266.49 125.695 258.979 108.249 247.91 93.6495C244.473 89.1158 237.87 88.9992 233.847 93.0222L205.109 121.76Z" fill="url(#paint6_linear_922_6447)"/>
-<path opacity="0.8" d="M173.998 112.013C169.059 110.589 165.116 106.392 165.116 101.252V60.5692C165.116 54.8709 169.884 50.2801 175.527 51.0706C194.296 53.7001 211.548 61.0614 226.039 71.9099C230.611 75.3326 230.747 81.9663 226.708 86.0046L197.909 114.804C194.293 118.42 188.572 118.619 184.085 116.165C180.915 114.433 177.537 113.033 173.998 112.013Z" fill="url(#paint7_linear_922_6447)"/>
-<path opacity="0.8" d="M155.107 60.5692C155.107 54.8709 150.339 50.2801 144.696 51.0706C125.811 53.7163 108.462 61.1523 93.9165 72.1108C89.3638 75.5408 89.2375 82.1593 93.2682 86.19L122.036 114.958C125.669 118.591 131.422 118.774 135.918 116.287C139.151 114.498 142.604 113.056 146.225 112.013C151.164 110.589 155.107 106.392 155.107 101.252V60.5692Z" fill="url(#paint8_linear_922_6447)"/>
-<circle cx="160" cy="160" r="40" fill="url(#paint9_linear_922_6447)"/>
-</g>
-</g>
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="48" height="48" fill="url(#paint0_linear_221_2231)"/>
+<path d="M30.453 12.6667C31.1087 13.2742 31.8513 14.0338 32.7427 14.9456C35.4142 17.6782 36.75 19.0446 36.75 20.7425C36.75 22.4404 35.4142 23.8066 32.7427 26.5394L23.675 35.8144C23.3326 36.1646 22.9671 36.4764 22.5833 36.75" stroke="white" stroke-width="2.25" stroke-linecap="round"/>
+<path d="M9.83331 30.5383C9.83331 34.7514 13.357 38.1667 17.7037 38.1667H30.2962C34.0065 38.1667 35.8614 38.1667 37.014 37.0495C38.1666 35.9324 38.1666 34.1344 38.1666 30.5383C38.1666 29.6777 38.1666 28.9199 38.1508 28.25" stroke="white" stroke-width="2.25" stroke-linecap="round"/>
+<path d="M9.83331 17.7037C9.83331 13.9936 9.83331 12.1385 10.9744 10.9859C12.1154 9.83333 13.952 9.83333 17.625 9.83333C21.298 9.83333 23.1345 9.83333 24.2755 10.9859C25.4166 12.1385 25.4166 13.9936 25.4166 17.7037V30.2962C25.4166 34.643 21.9282 38.1667 17.625 38.1667C13.3218 38.1667 9.83331 34.643 9.83331 30.2962V17.7037Z" stroke="white" stroke-width="2.25"/>
+<path d="M17.625 31.7917H17.6385" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9.83331 18.3333H25.4166M9.83331 25.4167H25.4166" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
 <defs>
-<linearGradient id="paint0_linear_922_6447" x1="160" y1="0" x2="160" y2="320" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FB7185"/>
-<stop offset="1" stop-color="#E11D48"/>
+<linearGradient id="paint0_linear_221_2231" x1="24" y1="0" x2="24" y2="48" gradientUnits="userSpaceOnUse">
+<stop stop-color="#71717A"/>
+<stop offset="1" stop-color="#52525B"/>
 </linearGradient>
-<linearGradient id="paint1_linear_922_6447" x1="264" y1="200" x2="204.752" y2="180.809" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="#FECDD3" stop-opacity="0.6"/>
-</linearGradient>
-<linearGradient id="paint2_linear_922_6447" x1="55.5" y1="200" x2="114.024" y2="174.739" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="#FECDD3" stop-opacity="0.6"/>
-</linearGradient>
-<linearGradient id="paint3_linear_922_6447" x1="113.5" y1="260" x2="140" y2="205" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="#FECDD3" stop-opacity="0.6"/>
-</linearGradient>
-<linearGradient id="paint4_linear_922_6447" x1="210" y1="261.5" x2="172.48" y2="206.514" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="#FECDD3" stop-opacity="0.6"/>
-</linearGradient>
-<linearGradient id="paint5_linear_922_6447" x1="58" y1="116" x2="113.449" y2="140.339" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="#FECDD3" stop-opacity="0.6"/>
-</linearGradient>
-<linearGradient id="paint6_linear_922_6447" x1="256.5" y1="120" x2="208.882" y2="142.839" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="#FECDD3" stop-opacity="0.6"/>
-</linearGradient>
-<linearGradient id="paint7_linear_922_6447" x1="200" y1="55.5" x2="177.5" y2="113.5" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="#FECDD3" stop-opacity="0.6"/>
-</linearGradient>
-<linearGradient id="paint8_linear_922_6447" x1="120.868" y1="55.5147" x2="143.021" y2="112.992" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="#FECDD3" stop-opacity="0.6"/>
-</linearGradient>
-<linearGradient id="paint9_linear_922_6447" x1="160" y1="120" x2="160" y2="200" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="#FECDD3"/>
-</linearGradient>
-<clipPath id="clip0_922_6447">
-<rect width="320" height="320" fill="white"/>
-</clipPath>
-<clipPath id="clip1_922_6447">
-<rect width="240" height="240" fill="white" transform="translate(40 40)"/>
-</clipPath>
 </defs>
 </svg>

studio/template/images/icons/wi-storages.svg

@@ -1,48 +1,12 @@
-<svg width="320" height="320" viewBox="0 0 320 320" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_922_6610)">
-<path d="M160 0C281.326 0 320 38.6737 320 160C320 281.326 281.326 320 160 320C38.6736 320 0 281.326 0 160C0 38.6737 38.6736 0 160 0Z" fill="url(#paint0_linear_922_6610)"/>
-<g clip-path="url(#clip1_922_6610)">
-<g opacity="0.8">
-<path d="M98 150C99.0508 150 100.033 149.5 100.095 147.907C101.241 118.275 112.99 108.141 144.886 105.55C147.638 105.326 149.808 102.985 149.488 100.242C146.841 77.5511 133.507 70 100 70C62.0855 70 50 79.6684 50 110C50 140.332 60.0855 150 98 150Z" fill="url(#paint1_linear_922_6610)"/>
-<path d="M219.905 147.907C219.907 149.958 221.949 150 222 150C259.914 150 270 140.332 270 110C270 79.6684 257.914 70 220 70C186.493 70 173.159 77.5511 170.512 100.242C170.192 102.985 172.362 105.326 175.114 105.55C207.01 108.141 218.759 118.275 219.905 147.907Z" fill="url(#paint2_linear_922_6610)"/>
-</g>
-<g opacity="0.6">
-<path d="M101.133 170.979C101.041 170.423 100.564 170 100 170C62.0855 170 50 179.668 50 210C50 240.332 62.0855 250 100 250C137.914 250 150 240.332 150 210C150 209.759 149.999 209.52 149.998 209.282C149.981 206.718 147.906 204.686 145.35 204.487C117.36 202.308 104.732 192.897 101.133 170.979Z" fill="url(#paint3_linear_922_6610)"/>
-<path d="M174.65 204.487C172.094 204.686 170.019 206.718 170.002 209.282C170.001 209.52 170 209.759 170 210C170 240.332 182.086 250 220 250C257.914 250 270 240.332 270 210C270 179.668 257.914 170 220 170C219.436 170 218.959 170.423 218.867 170.979C215.268 192.897 202.64 202.308 174.65 204.487Z" fill="url(#paint4_linear_922_6610)"/>
-</g>
-<path d="M160 115C197.914 115 210 124.668 210 155C210 185.332 197.914 195 160 195C122.086 195 110 185.332 110 155C110 124.668 122.086 115 160 115Z" fill="url(#paint5_linear_922_6610)"/>
-</g>
-</g>
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="48" height="48" fill="url(#paint0_linear_221_2196)"/>
+<path d="M18.9645 10.7184L16.4072 11.9004C12.4691 13.7208 10.5 14.631 10.5 16.125C10.5 17.619 12.4691 18.5292 16.4073 20.3496L18.9645 21.5316C21.4428 22.6771 22.6821 23.25 24 23.25C25.3179 23.25 26.5572 22.6771 29.0355 21.5316L31.5927 20.3496C35.5309 18.5292 37.5 17.619 37.5 16.125C37.5 14.631 35.5309 13.7208 31.5927 11.9004L29.0355 10.7184C26.5572 9.57279 25.3179 9 24 9C22.6821 9 21.4428 9.57279 18.9645 10.7184Z" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M37.182 22.6458C37.394 22.9439 37.5 23.2547 37.5 23.5964C37.5 25.0691 35.5309 25.9664 31.5927 27.7608L29.0355 28.926C26.5572 30.0552 25.3179 30.62 24 30.62C22.6821 30.62 21.4428 30.0552 18.9645 28.926L16.4073 27.7608C12.4691 25.9664 10.5 25.0691 10.5 23.5964C10.5 23.2547 10.606 22.9439 10.818 22.6458" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M36.565 30.3991C37.1883 30.8956 37.5 31.3905 37.5 31.9764C37.5 33.4492 35.5309 34.3464 31.5927 36.1408L29.0355 37.306C26.5572 38.4354 25.3179 39 24 39C22.6821 39 21.4428 38.4354 18.9645 37.306L16.4073 36.1408C12.4691 34.3464 10.5 33.4492 10.5 31.9764C10.5 31.3905 10.8117 30.8956 11.435 30.3991" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
 <defs>
-<linearGradient id="paint0_linear_922_6610" x1="160" y1="0" x2="160" y2="320" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FB7185"/>
-<stop offset="1" stop-color="#E11D48"/>
+<linearGradient id="paint0_linear_221_2196" x1="24" y1="0" x2="24" y2="48" gradientUnits="userSpaceOnUse">
+<stop stop-color="#71717A"/>
+<stop offset="1" stop-color="#52525B"/>
 </linearGradient>
-<linearGradient id="paint1_linear_922_6610" x1="160" y1="70" x2="160" y2="150" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="#FECDD3"/>
-</linearGradient>
-<linearGradient id="paint2_linear_922_6610" x1="160" y1="70" x2="160" y2="150" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="#FECDD3"/>
-</linearGradient>
-<linearGradient id="paint3_linear_922_6610" x1="160" y1="170" x2="160" y2="250" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="#FECDD3"/>
-</linearGradient>
-<linearGradient id="paint4_linear_922_6610" x1="160" y1="170" x2="160" y2="250" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="#FECDD3"/>
-</linearGradient>
-<linearGradient id="paint5_linear_922_6610" x1="160" y1="115" x2="160" y2="195" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="#FECDD3"/>
-</linearGradient>
-<clipPath id="clip0_922_6610">
-<rect width="320" height="320" fill="white"/>
-</clipPath>
-<clipPath id="clip1_922_6610">
-<rect width="240" height="240" fill="white" transform="translate(40 40)"/>
-</clipPath>
 </defs>
 </svg>

studio/template/images/icons/wi-store.svg

@@ -1,39 +1,13 @@
-<svg width="320" height="320" viewBox="0 0 320 320" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_910_7712)">
-<path d="M160 0C281.326 0 320 38.6737 320 160C320 281.326 281.326 320 160 320C38.6736 320 0 281.326 0 160C0 38.6737 38.6736 0 160 0Z" fill="url(#paint0_linear_910_7712)"/>
-<g clip-path="url(#clip1_910_7712)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M152.904 181.707C153.612 179.003 153.495 176.05 151.827 173.807C144.385 163.796 131.249 160 110 160C72.0855 160 60 172.086 60 210C60 247.914 72.0855 260 110 260C131.248 260 144.384 256.204 151.827 246.194C153.495 243.95 153.612 240.998 152.903 238.294C150.885 230.589 150 221.241 150 210.001C150 198.761 150.885 189.412 152.904 181.707Z" fill="url(#paint1_linear_910_7712)"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M181.706 167.096C179.002 166.388 176.05 166.505 173.807 168.173C163.796 175.616 160 188.752 160 210C160 247.914 172.086 260 210 260C247.914 260 260 247.914 260 210C260 188.751 256.204 175.615 246.193 168.173C243.95 166.505 240.998 166.388 238.294 167.096C230.588 169.115 221.24 170 210 170C198.76 170 189.411 169.115 181.706 167.096Z" fill="url(#paint2_linear_910_7712)"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M160 110C160 72.0855 147.914 60 110 60C72.0855 60 60 72.0855 60 110C60 131.25 63.7963 144.386 73.8085 151.829C76.0515 153.496 79.0036 153.613 81.7072 152.905C89.4122 150.886 98.7601 150.001 110 150.001C121.239 150.001 130.587 150.886 138.292 152.905C140.996 153.613 143.948 153.496 146.191 151.829C156.204 144.386 160 131.25 160 110Z" fill="url(#paint3_linear_910_7712)"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M167.096 138.293C166.388 140.997 166.505 143.95 168.172 146.193C175.615 156.204 188.751 160 210 160C247.915 160 260 147.914 260 110C260 72.0855 247.915 60 210 60C188.751 60 175.615 63.796 168.172 73.8074C166.505 76.0505 166.388 79.0028 167.096 81.7066C169.115 89.4118 170 98.7601 170 110C170 121.24 169.115 130.588 167.096 138.293Z" fill="url(#paint4_linear_910_7712)"/>
-</g>
-</g>
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="48" height="48" fill="url(#paint0_linear_221_2179)"/>
+<path d="M33 9V21M39 15H27" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9 15C9 12.8998 9 11.8497 9.40872 11.0475C9.76826 10.3419 10.3419 9.76826 11.0475 9.40872C11.8497 9 12.8998 9 15 9C17.1002 9 18.1503 9 18.9525 9.40872C19.6581 9.76826 20.2317 10.3419 20.5913 11.0475C21 11.8497 21 12.8998 21 15C21 17.1002 21 18.1503 20.5913 18.9525C20.2317 19.6581 19.6581 20.2317 18.9525 20.5913C18.1503 21 17.1002 21 15 21C12.8998 21 11.8497 21 11.0475 20.5913C10.3419 20.2317 9.76826 19.6581 9.40872 18.9525C9 18.1503 9 17.1002 9 15Z" stroke="white" stroke-width="2.25"/>
+<path d="M9 33C9 30.8999 9 29.8497 9.40872 29.0475C9.76826 28.3419 10.3419 27.7683 11.0475 27.4088C11.8497 27 12.8998 27 15 27C17.1002 27 18.1503 27 18.9525 27.4088C19.6581 27.7683 20.2317 28.3419 20.5913 29.0475C21 29.8497 21 30.8999 21 33C21 35.1001 21 36.1503 20.5913 36.9525C20.2317 37.6581 19.6581 38.2317 18.9525 38.5913C18.1503 39 17.1002 39 15 39C12.8998 39 11.8497 39 11.0475 38.5913C10.3419 38.2317 9.76826 37.6581 9.40872 36.9525C9 36.1503 9 35.1001 9 33Z" stroke="white" stroke-width="2.25"/>
+<path d="M27 33C27 30.8999 27 29.8497 27.4088 29.0475C27.7683 28.3419 28.3419 27.7683 29.0475 27.4088C29.8497 27 30.8999 27 33 27C35.1001 27 36.1503 27 36.9525 27.4088C37.6581 27.7683 38.2317 28.3419 38.5913 29.0475C39 29.8497 39 30.8999 39 33C39 35.1001 39 36.1503 38.5913 36.9525C38.2317 37.6581 37.6581 38.2317 36.9525 38.5913C36.1503 39 35.1001 39 33 39C30.8999 39 29.8497 39 29.0475 38.5913C28.3419 38.2317 27.7683 37.6581 27.4088 36.9525C27 36.1503 27 35.1001 27 33Z" stroke="white" stroke-width="2.25"/>
 <defs>
-<linearGradient id="paint0_linear_910_7712" x1="160" y1="0" x2="160" y2="320" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FB7185"/>
-<stop offset="1" stop-color="#E11D48"/>
+<linearGradient id="paint0_linear_221_2179" x1="24" y1="0" x2="24" y2="48" gradientUnits="userSpaceOnUse">
+<stop stop-color="#71717A"/>
+<stop offset="1" stop-color="#52525B"/>
 </linearGradient>
-<linearGradient id="paint1_linear_910_7712" x1="60" y1="214" x2="148.189" y2="213.509" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="#FECDD3" stop-opacity="0.67"/>
-</linearGradient>
-<linearGradient id="paint2_linear_910_7712" x1="213" y1="258.514" x2="220.171" y2="171.159" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="#FECDD3" stop-opacity="0.67"/>
-</linearGradient>
-<linearGradient id="paint3_linear_910_7712" x1="110" y1="60" x2="99.7522" y2="148.489" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="#FECDD3" stop-opacity="0.67"/>
-</linearGradient>
-<linearGradient id="paint4_linear_910_7712" x1="260" y1="110" x2="170.816" y2="114.418" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="#FECDD3" stop-opacity="0.67"/>
-</linearGradient>
-<clipPath id="clip0_910_7712">
-<rect width="320" height="320" fill="white"/>
-</clipPath>
-<clipPath id="clip1_910_7712">
-<rect width="240" height="240" fill="white" transform="translate(40 40)"/>
-</clipPath>
 </defs>
 </svg>

studio/template/menu_top.html

@@ -5,7 +5,7 @@ var oBxDolStudioMenuTop = new BxDolStudioMenuTop({
 });
 -->
 </script>
-<div class="bx-std-menu-top-wrp">
+<div class="bx-std-menu-top-wrp bg-black/80 backdrop-blur">
     <bx_repeat:menus>
         <div id="bx-std-menu-top bx-std-menu-top-__name__" class="bx-std-menu-top bx-std-menu-top-__name__ bx-def-font-contrasted bx-def-box-sizing">__content__</div>
     </bx_repeat:menus>

studio/template/menu_top_center.html

@@ -1,7 +1,7 @@
 <ul class="bx-menu-top-center bx-menu-object-__object__ bx-clearfix">
     <bx_repeat:menu_items><li id="bx-menu-item-__name__" class="__class__ bx-def-box-sizing __class_add__">
         <a href="__link__" onclick="__onclick__" title="__title_attr__"__attrs__>
-            <div class="bx-mi-icon hover:ring hover:ring-blue-600 hover:ring-offset-2 hover:ring-offset-black">
+            <div class="bx-mi-icon hover:ring hover:ring-blue-600 hover:ring-offset-2 hover:ring-offset-black hover:scale-105 active:scale-100 active:opacity-80 duration-300">
                 <bx_include_auto:menu_icon.html />
             </div>
         </a>

studio/template/menu_top_toolbar.html

@@ -8,7 +8,7 @@
         </li>
     </bx_if:show_search>
     <bx_repeat:menu_items>
-        <li class="bx-menu-tab-__name__  __class_add__">
+        <li class="bx-menu-tab-__name__  __class_add__ hover:scale-105 active:scale-100 active:opacity-80 duration-300">
             <a href="__link__" onclick="__onclick__" class="bx-def-font-contrasted" title="__title__"__attrs__><bx_if:icon><i class="sys-icon __icon__ bx-def-round-corners bx-def-font-contrasted"></i></bx_if:icon><bx_if:image><img src="__icon_url__" /></bx_if:image><bx_if:image_inline>__image__</bx_if:image_inline></a>
         </li>
     </bx_repeat:menu_items>

studio/template/page_3.html

@@ -1,5 +1,5 @@
 <bx_include_auto:_sub_header.html />
-<div class="bx-std-content-wrp bx-std-pc-stretch">
+<div class="bx-std-content-wrp bx-std-two-col bx-std-pc-stretch">
     <script defer language="javascript">
     <!--
     var oBxDolStudioPage = new BxDolStudioPage({

studio/template/page_4.html

@@ -1,5 +1,5 @@
 <bx_include_auto:_sub_header.html />
-<div class="bx-std-content-wrp bx-std-pc-stretch">
+<div class="bx-std-content-wrp bx-std-one-col bx-std-pc-stretch">
     <script defer language="javascript">
     <!--
     var oBxDolStudioPage = new BxDolStudioPage({

studio/template/page_content_2_col.html

@@ -1,6 +1,6 @@
 <div class="bx-std-page-columns-cnt bx-std-pc-stretch">
     <div class="bx-std-page-column bx-std-page-menu border-r">
-        <div class="bx-std-page-column-cnt bx-def-margin-sec-topbottom" id="bx-std-pc-menu">__page_menu_code__</div>
+        <div class="bx-std-page-column-cnt bx-def-margin-sec-topbottom px-2" id="bx-std-pc-menu">__page_menu_code__</div>
     </div>
     <div class="bx-std-page-column bx-std-page-content bx-std-pc-stretch">
         <div class="bx-std-page-column-cnt" id="bx-std-pc-content">__page_main_code__</div>

template/css/forms.css

@@ -36,9 +36,16 @@
     -webkit-flex-wrap: wrap;
     flex-wrap: wrap;
 
-    line-height: 1.25rem;
+    line-height: 1.5rem;
     text-transform: uppercase;
 }
+.bx-form-section-header .bx-form-section-title:hover {
+    background-color: rgba(229, 231, 235, 1);
+}
+
+.bx-form-section-header:not(.bx-form-collapsed) .bx-form-section-title {
+    background-color: rgba(243, 244, 246, 1);
+}
 
 .bx-form-section-header .bx-form-section-title .sys-icon {
     color: inherit;

template/form_field_section_title.html

@@ -1,14 +1,16 @@
 <bx_if:show_view>
-    <div class="bx-form-section-title">__caption__<bx_if:show_view_info><br /><span class="bx-def-font-grayed">__info__</span></bx_if:show_view_info></div>
+    <div class="bx-form-section-title px-6 py-5">__caption__<bx_if:show_view_info><br /><span class="bx-def-font-grayed">__info__</span></bx_if:show_view_info></div>
 </bx_if:show_view>
 <bx_if:show_default>
     <div class="bx-form-section-title group flex justify-between align-center flex-nowrap w-full">
         <div class="flex-1">
-            <a class="block w-full text-inherit hover:text-gray-900 font-semibold" href="javascript:void(0);">__caption__</a>
+            <a class="block w-full pl-6 py-5 text-inherit hover:text-gray-900 font-semibold" href="javascript:void(0);">__caption__</a>
             <bx_if:show_default_info>
                 <span class="bx-def-font-grayed block w-full">__info__</span>
             </bx_if:show_default_info>
         </div>
-        <u class="bx-form-section-toggler"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="#000000" viewBox="0 0 256 256"><path d="M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z"></path></svg></u>
+        <div class="py-5 pr-6">
+            <u class="bx-form-section-toggler"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="#000000" viewBox="0 0 256 256"><path d="M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z"></path></svg></u>
+        </div>
     </div>
 </bx_if:show_default>

template/scripts/BxBaseFormView.php

@@ -1106,14 +1106,14 @@ BLAH;
 
         // if section is collapsed by default, add necessary code
         $sClassAddCollapsable = 'bx-form-collapsable';
-        if (isset($aInput['collapsed']) and $aInput['collapsed'])
+        if(isset($aInput['collapsed']) && $aInput['collapsed'])
             $sClassAddCollapsable .= ' bx-form-collapsed bx-form-section-hidden';
 
         // display section with caption
-        if (empty($aAttrs))
-            $aAttrs = array('class' => 'bx-form-collapsable ' . $sClassAddCollapsable);
+        if(empty($aAttrs))
+            $aAttrs = ['class' => $sClassAddCollapsable];
         else
-            $aAttrs['class'] .= ' bx-form-collapsable ' . $sClassAddCollapsable;
+            $aAttrs['class'] .= ' ' . $sClassAddCollapsable;
 
         $bViewMode = !empty($this->aParams['view_mode']);
 
@@ -2317,10 +2317,10 @@ BLAH;
         if(!$aAttrs || !is_array($aAttrs))
             $aAttrs = [];
 
-        $sAttrs = bx_convert_array2attrs($aAttrs, "bx-form-section bx-form-section-" . ($sTitle ? "header" : "divider") . " p-4 border rounded-lg");
+        $sAttrs = bx_convert_array2attrs($aAttrs, "bx-form-section bx-form-section-" . ($sTitle ? "header" : "divider") . " border rounded-2xl overflow-hidden");
 
         $this->_isSectionOpened = true;
-        return $sClose . "<!-- form header content begins -->\n <div $sWrapperAttrs> <div $sAttrs> $sTitle <div class=\"bx-form-section-content py-4" . ($sTitle ? ' px-4' : '') . "\">\n";
+        return $sClose . "<!-- form header content begins -->\n <div $sWrapperAttrs> <div $sAttrs> $sTitle <div class=\"bx-form-section-content py-4" . ($sTitle ? ' px-6' : '') . "\">\n";
     }
 
     function getCloseSection()

template/scripts/BxBaseServiceAccount.php

@@ -702,6 +702,7 @@ class BxBaseServiceAccount extends BxDol
      */
     public function resetPassword()
     {
+        $bApi = bx_is_api();
         $sKey = bx_process_input(bx_get('key'));
 
         $oForm = BxDolForm::getObjectInstance('sys_forgot_password', 'sys_forgot_password_reset');
@@ -716,27 +717,27 @@ class BxBaseServiceAccount extends BxDol
             $oKey = BxDolKey::getInstance();
             $sKey = $oForm->getCleanValue('key');
             if(!$oKey || !$oKey->isKeyExists($sKey))
-                return MsgBox(_t('_sys_txt_reset_pasword_error_invalid_key', $sErrorUrl));
+                return $bApi ? bx_api_get_msg(_t('_sys_txt_reset_pasword_error_invalid_key', $sErrorUrl)) : MsgBox(_t('_sys_txt_reset_pasword_error_invalid_key', $sErrorUrl));
 
             // check if key data exists
             $aKeyData = $oKey->getKeyData($sKey);
             if(empty($aKeyData['email']))
-                return MsgBox(_t('_sys_txt_reset_pasword_error_invalid_key', $sErrorUrl));
+                return $bApi ? [bx_api_get_msg(_t('_sys_txt_reset_pasword_error_invalid_key', $sErrorUrl))] : MsgBox(_t('_sys_txt_reset_pasword_error_invalid_key', $sErrorUrl));
 
             // check if account with such email exists
             $iAccountId = $this->_oAccountQuery->getIdByEmail($aKeyData['email']);
             if(empty($iAccountId))
-                return MsgBox(_t('_sys_txt_reset_pasword_error_not_found', $sErrorUrl));;
+                return $bApi ? [bx_api_get_msg(_t('_sys_txt_reset_pasword_error_not_found', $sErrorUrl))] : MsgBox(_t('_sys_txt_reset_pasword_error_not_found', $sErrorUrl));;
 
             $sPassword = $oForm->getCleanValue('password');
             $oAccount = BxDolAccount::getInstance($iAccountId);
             if (!$oAccount || !$oAccount->updatePassword($sPassword))
-                return MsgBox(_t('_sys_txt_reset_pasword_error_occured', $sErrorUrl));
+                return $bApi ?[ bx_api_get_msg(_t('_sys_txt_reset_pasword_error_occured', $sErrorUrl))] : MsgBox(_t('_sys_txt_reset_pasword_error_occured', $sErrorUrl));
 
             $this->_oAccountQuery->unlockAccount($iAccountId);
             $oKey->removeKey($sKey);
 
-            return MsgBox(_t('_sys_txt_reset_pasword_success'), 3) . bx_srv('system', 'login_form_only', array('', bx_get_reset_password_redirect($iAccountId)), 'TemplServiceLogin');
+            return $bApi ? [bx_api_get_msg(_t('_sys_txt_reset_pasword_success', $sErrorUrl))] : MsgBox(_t('_sys_txt_reset_pasword_success'), 3) . bx_srv('system', 'login_form_only', array('', bx_get_reset_password_redirect($iAccountId)), 'TemplServiceLogin');
         }
 
         $sTitleReset = _t('_sys_page_title_forgot_password_reset');
@@ -744,6 +745,15 @@ class BxBaseServiceAccount extends BxDol
         if(($oPage = BxDolPage::getObjectInstanceByURI()) !== false)
             $oPage->setTitle($sTitleReset);
 
+         if($bApi) {
+                return [
+                    bx_api_get_block('form', $oForm->getCodeAPI(), [
+                        'ext' => [
+                            'request' => ['url' => '/api.php?r=system/forgot_password/TemplServiceAccount', 'immutable' => true]
+                        ]
+                ])];
+            }
+
         return $oForm->getCode();
     }