cssAudio - Activefile-genericCSS - ActiveGeneric - ActiveHTML - ActiveImage - ActiveJS - ActiveSVG - ActiveText - Activefile-genericVideo - ActiveLovehtmlicon-new-collectionicon-personicon-teamlog-outoctocatpop-outspinnerstartv

Pen Settings

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

You're using npm packages, so we've auto-selected Babel for you here, which we require to process imports and make it all work. If you need to use a different JavaScript preprocessor, remove the packages in the npm tab.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Use npm Packages

We can make npm packages available for you to use in your JavaScript. We use webpack to prepare them and make them available to import. We'll also process your JavaScript with Babel.

⚠️ This feature can only be used by logged in users.

Code Indentation

     

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

            
              <svg viewBox="0 0 100 100">
  <g class="logo">
    <path
          d="m 5.0000001,40.245149 5.8371609,0 q 1.730837,0 2.790533,0.980219 1.059696,0.971388 1.059696,2.737549 0,1.518898 -0.944895,2.649241 -0.944896,1.121512 -2.905334,1.121512 l -4.0798312,0 0,5.483928 -1.7573297,0 0,-12.972449 z m 7.9123989,3.726599 q 0,-1.43059 -1.059696,-1.942777 -0.582833,-0.273755 -1.598375,-0.273755 l -3.4969982,0 0,4.494879 3.4969982,0 q 1.183327,0 1.916284,-0.503356 0.741787,-0.503356 0.741787,-1.774991 z" />
    <path
          d="m 15.118334,43.803962 1.616037,0 0,9.413636 -1.616037,0 z" />
    <path
          d="m 15.127,40.240849 1.591854,0 0,1.790402 -1.591854,0 z" />
    <path
          d="m 21.501237,43.547869 q 1.006712,0 1.951608,0.476864 0.944896,0.468032 1.43942,1.21865 0.476864,0.715295 0.635818,1.669022 0.141293,0.653479 0.141293,2.084069 l -6.93218,0 q 0.04415,1.439421 0.679972,2.313671 0.635818,0.865418 1.969269,0.865418 1.245143,0 1.98693,-0.821264 0.423879,-0.476864 0.600495,-1.103851 l 1.563052,0 q -0.06182,0.521018 -0.415048,1.165666 -0.344401,0.635818 -0.77711,1.042035 -0.724126,0.706464 -1.792653,0.953727 -0.574002,0.141292 -1.298128,0.141292 -1.766161,0 -2.993642,-1.280466 -1.227482,-1.289297 -1.227482,-3.602967 0,-2.278347 1.236313,-3.700107 1.236312,-1.421759 3.232073,-1.421759 z m 2.534441,4.185801 q -0.09714,-1.033204 -0.450371,-1.65136 -0.65348,-1.148005 -2.181209,-1.148005 -1.095019,0 -1.836806,0.794772 -0.741788,0.785942 -0.785942,2.004593 l 5.254328,0 z m -2.684564,-4.203462 0,0 z" />
    <path
          d="m 26.365244,41.119399 1.607206,0 0,2.640409 1.510067,0 0,1.298128 -1.510067,0 0,6.172731 q 0,0.494525 0.33557,0.662311 0.185447,0.09714 0.618156,0.09714 0.114801,0 0.247263,0 0.132462,-0.0088 0.309078,-0.02649 l 0,1.253974 q -0.273755,0.07948 -0.574002,0.1148 -0.291417,0.03532 -0.635818,0.03532 -1.112681,0 -1.510067,-0.565172 -0.397386,-0.574002 -0.397386,-1.483575 l 0,-6.261039 -1.280467,0 0,-1.298128 1.280467,0 0,-2.640409 z" />
    <path
          d="m 33.117275,40.245149 2.516779,0 3.726598,10.967857 3.700107,-10.967857 2.490286,0 0,12.972449 -1.669022,0 0,-7.656306 q 0,-0.397386 0.01766,-1.315789 0.01766,-0.918404 0.01766,-1.969269 l -3.700106,10.941364 -1.739668,0 -3.726599,-10.941364 0,0.397386 q 0,0.476863 0.01766,1.457082 0.02649,0.971388 0.02649,1.43059 l 0,7.656306 -1.677852,0 0,-12.972449 z" />
    <path
          d="m 50.203113,52.193225 q 1.580714,0 2.163546,-1.192158 0.591664,-1.20099 0.591664,-2.666903 0,-1.32462 -0.423878,-2.154716 -0.671141,-1.306958 -2.313671,-1.306958 -1.457082,0 -2.119392,1.112681 -0.66231,1.112681 -0.66231,2.684564 0,1.510067 0.66231,2.516778 0.66231,1.006712 2.101731,1.006712 z m 0.06181,-8.707171 q 1.827977,0 3.090781,1.21865 1.262805,1.218651 1.262805,3.585306 0,2.287178 -1.112681,3.779584 -1.112681,1.492405 -3.452844,1.492405 -1.951607,0 -3.099611,-1.315789 -1.148005,-1.324621 -1.148005,-3.549983 0,-2.384317 1.20982,-3.797245 1.20982,-1.412928 3.249735,-1.412928 z m -0.05298,0.04415 0,0 z" />
    <path
          d="m 54.934656,43.759808 1.510067,0 0,1.342282 q 0.671141,-0.830095 1.42176,-1.192158 0.750618,-0.362063 1.669021,-0.362063 2.013423,0 2.719887,1.404098 0.388556,0.76828 0.388556,2.19887 l 0,6.066761 -1.616037,0 0,-5.960792 q 0,-0.865418 -0.256093,-1.395267 -0.423879,-0.88308 -1.53656,-0.88308 -0.565171,0 -0.927234,0.114801 -0.65348,0.194277 -1.148005,0.77711 -0.397386,0.468033 -0.521017,0.971389 -0.1148,0.494524 -0.1148,1.421759 l 0,4.95408 -1.589545,0 0,-9.45779 z m 3.73543,-0.2296 0,0 z" />
    <path
          d="m 64.426002,48.599088 q 0,1.518898 0.644649,2.543271 0.644648,1.024373 2.066407,1.024373 1.103851,0 1.810315,-0.944895 0.715295,-0.953727 0.715295,-2.728718 0,-1.792653 -0.732957,-2.649241 -0.732956,-0.865419 -1.810314,-0.865419 -1.200989,0 -1.951607,0.918404 -0.741788,0.918403 -0.741788,2.702225 z m 2.393148,-5.007065 q 1.086188,0 1.819145,0.459202 0.423878,0.264924 0.962557,0.927234 l 0,-4.777464 1.527729,0 0,13.016603 -1.43059,0 0,-1.31579 q -0.55634,0.87425 -1.315789,1.262805 -0.759449,0.388555 -1.739668,0.388555 -1.580714,0 -2.737549,-1.32462 -1.156835,-1.333451 -1.156835,-3.541152 0,-2.066408 1.050865,-3.576475 1.059696,-1.518898 3.020135,-1.518898 z" />
    <path
          d="m 71.948083,43.759808 1.510067,0 0,1.633699 q 0.185447,-0.476863 0.909573,-1.156835 0.724126,-0.688803 1.669021,-0.688803 0.04415,0 0.150124,0.0088 0.10597,0.0088 0.362063,0.03532 l 0,1.677853 q -0.141293,-0.02649 -0.264924,-0.03532 -0.114801,-0.0088 -0.256093,-0.0088 -1.20099,0 -1.845638,0.77711 -0.644649,0.76828 -0.644649,1.774992 l 0,5.439774 -1.589544,0 0,-9.45779 z" />
    <path
          d="m 76.361715,43.803962 1.616037,0 0,9.413636 -1.616037,0 z" />
    <path
          d="m 76.37,40.24085 1.591854,0 0,1.790402 -1.591854,0 z" />
    <path
          d="m 80.024733,50.700819 q 0,0.688803 0.503355,1.086189 0.503356,0.397386 1.192159,0.397386 0.838926,0 1.624867,-0.388555 1.324621,-0.644649 1.324621,-2.110562 l 0,-1.280466 q -0.291417,0.185446 -0.750619,0.309078 -0.459201,0.123631 -0.900741,0.176616 l -0.962558,0.123631 q -0.865418,0.1148 -1.298128,0.362063 -0.732956,0.415048 -0.732956,1.32462 z m 3.850229,-3.214412 q 0.54751,-0.07065 0.732957,-0.459202 0.10597,-0.211939 0.10597,-0.609325 0,-0.812434 -0.582833,-1.174497 -0.574002,-0.370893 -1.65136,-0.370893 -1.245143,0 -1.766161,0.671141 -0.291416,0.370893 -0.379724,1.10385 l -1.483575,0 q 0.04415,-1.748499 1.130343,-2.428471 1.095019,-0.688802 2.53444,-0.688802 1.669022,0 2.711056,0.635817 1.033204,0.635818 1.033204,1.9781 l 0,5.448605 q 0,0.247263 0.09714,0.397386 0.10597,0.150124 0.432709,0.150124 0.10597,0 0.238432,-0.0088 0.132462,-0.01766 0.282586,-0.04415 l 0,1.174497 q -0.370894,0.10597 -0.565172,0.132462 -0.194277,0.02649 -0.529848,0.02649 -0.821264,0 -1.192158,-0.582833 -0.194278,-0.309078 -0.273755,-0.874249 -0.485694,0.635818 -1.395267,1.10385 -0.909573,0.468033 -2.004592,0.468033 -1.31579,0 -2.154716,-0.794772 -0.830095,-0.803603 -0.830095,-2.004593 0,-1.315789 0.821264,-2.039915 0.821265,-0.724126 2.154716,-0.891911 l 2.53444,-0.317909 z m -1.315789,-3.956199 0,0 z" />
    <path
          d="m 87.290716,43.759808 1.510067,0 0,1.342282 q 0.671141,-0.830095 1.42176,-1.192158 0.750618,-0.362063 1.669021,-0.362063 2.013423,0 2.719888,1.404098 0.388555,0.76828 0.388555,2.19887 l 0,6.066761 -1.616037,0 0,-5.960792 q 0,-0.865418 -0.256093,-1.395267 -0.423879,-0.88308 -1.53656,-0.88308 -0.565171,0 -0.927234,0.114801 -0.65348,0.194277 -1.148005,0.77711 -0.397386,0.468033 -0.521017,0.971389 -0.1148,0.494524 -0.1148,1.421759 l 0,4.95408 -1.589545,0 0,-9.45779 z m 3.73543,-0.2296 0,0 z" />
  </g>
  <g
     class="name">
    <path
          d="m 6.0723634,56.485703 q 0.6811523,0 1.0571289,0.358886 0.3759765,0.358887 0.4174805,0.81543 l -0.4736329,0 q -0.080566,-0.34668 -0.3222656,-0.549316 -0.2392578,-0.202637 -0.6738281,-0.202637 -0.5297852,0 -0.8569336,0.373535 -0.324707,0.371094 -0.324707,1.140137 0,0.629882 0.2929687,1.022949 0.2954102,0.390625 0.8789063,0.390625 0.5371093,0 0.8178711,-0.412598 0.1489257,-0.217285 0.2221679,-0.571289 l 0.4736328,0 q -0.063476,0.566406 -0.4199218,0.949707 -0.4272461,0.461426 -1.1523438,0.461426 -0.625,0 -1.0498047,-0.378418 -0.559082,-0.500488 -0.559082,-1.54541 0,-0.793457 0.4199219,-1.30127 0.4541015,-0.551757 1.2524414,-0.551757 z m -0.097656,0 0,0 z" />
    <path
          d="m 9.1534181,59.886581 q 0.4370117,0 0.5981445,-0.329589 0.1635742,-0.332032 0.1635742,-0.737305 0,-0.366211 -0.1171875,-0.595703 -0.1855469,-0.361328 -0.6396484,-0.361328 -0.4028321,0 -0.5859375,0.307617 -0.1831055,0.307617 -0.1831055,0.742187 0,0.417481 0.1831055,0.695801 0.1831054,0.27832 0.5810547,0.27832 z m 0.01709,-2.407226 q 0.5053711,0 0.8544921,0.336914 0.349121,0.336914 0.349121,0.991211 0,0.632324 -0.307617,1.044922 -0.3076172,0.412597 -0.9545898,0.412597 -0.5395508,0 -0.8569336,-0.363769 -0.3173828,-0.366211 -0.3173828,-0.981445 0,-0.65918 0.3344726,-1.049805 0.3344727,-0.390625 0.8984375,-0.390625 z m -0.014648,0.01221 0,0 z" />
    <path
          d="m 10.899024,57.555038 0.43457,0 0,0.371094 q 0.15625,-0.192871 0.283203,-0.280762 0.217285,-0.148925 0.493164,-0.148925 0.3125,0 0.50293,0.153808 0.107422,0.08789 0.195312,0.258789 0.146485,-0.209961 0.344239,-0.310058 0.197753,-0.102539 0.444335,-0.102539 0.527344,0 0.717774,0.380859 0.102539,0.205078 0.102539,0.551758 l 0,1.740723 -0.456543,0 0,-1.816407 q 0,-0.26123 -0.131836,-0.358886 -0.129394,-0.09766 -0.317383,-0.09766 -0.258789,0 -0.446777,0.17334 -0.185547,0.17334 -0.185547,0.578613 l 0,1.520997 -0.446777,0 0,-1.706543 q 0,-0.266114 -0.06348,-0.388184 -0.100098,-0.183105 -0.373535,-0.183105 -0.249023,0 -0.454102,0.192871 -0.202636,0.192871 -0.202636,0.698242 l 0,1.386719 -0.439453,0 0,-2.614747 z" />
    <path
          d="m 16.162695,59.874374 q 0.307618,0 0.510254,-0.256347 0.205078,-0.258789 0.205078,-0.771485 0,-0.3125 -0.09033,-0.537109 -0.170898,-0.432129 -0.625,-0.432129 -0.456543,0 -0.625,0.456543 -0.09033,0.244141 -0.09033,0.620117 0,0.302735 0.09033,0.515137 0.170899,0.405273 0.625,0.405273 z m -1.137695,-2.307129 0.427246,0 0,0.34668 q 0.131836,-0.178222 0.288086,-0.275879 0.222168,-0.146484 0.522461,-0.146484 0.444336,0 0.754395,0.341797 0.310058,0.339355 0.310058,0.971679 0,0.854493 -0.446777,1.220704 -0.283203,0.231933 -0.65918,0.231933 -0.29541,0 -0.495605,-0.129394 -0.117188,-0.07324 -0.261231,-0.251465 l 0,1.335449 -0.439453,0 0,-3.64502 z" />
    <path
          d="m 18.879981,59.886581 q 0.437011,0 0.598144,-0.329589 0.163574,-0.332032 0.163574,-0.737305 0,-0.366211 -0.117187,-0.595703 -0.185547,-0.361328 -0.639649,-0.361328 -0.402832,0 -0.585937,0.307617 -0.183106,0.307617 -0.183106,0.742187 0,0.417481 0.183106,0.695801 0.183105,0.27832 0.581055,0.27832 z m 0.01709,-2.407226 q 0.505372,0 0.854493,0.336914 0.349121,0.336914 0.349121,0.991211 0,0.632324 -0.307617,1.044922 -0.307618,0.412597 -0.95459,0.412597 -0.539551,0 -0.856934,-0.363769 -0.317383,-0.366211 -0.317383,-0.981445 0,-0.65918 0.334473,-1.049805 0.334473,-0.390625 0.898437,-0.390625 z m -0.01465,0.01221 0,0 z" />
    <path
          d="m 20.886817,59.349472 q 0.01953,0.219727 0.109863,0.336914 0.166015,0.212402 0.576172,0.212402 0.24414,0 0.429687,-0.10498 0.185547,-0.107422 0.185547,-0.32959 0,-0.168457 -0.148926,-0.256348 -0.09521,-0.05371 -0.375976,-0.124511 l -0.349121,-0.08789 q -0.334473,-0.08301 -0.493164,-0.185547 -0.283204,-0.178222 -0.283204,-0.493164 0,-0.371094 0.266114,-0.600586 0.268554,-0.229492 0.720215,-0.229492 0.59082,0 0.85205,0.34668 0.163575,0.219726 0.158692,0.473633 l -0.415039,0 q -0.01221,-0.148926 -0.104981,-0.270997 -0.151367,-0.173339 -0.524902,-0.173339 -0.249024,0 -0.378418,0.09521 -0.126953,0.09522 -0.126953,0.251465 0,0.170899 0.168457,0.273438 0.09766,0.06103 0.288086,0.107422 l 0.290527,0.0708 q 0.473633,0.114747 0.634766,0.222168 0.256347,0.168457 0.256347,0.529786 0,0.349121 -0.266113,0.603027 -0.263672,0.253906 -0.805664,0.253906 -0.583496,0 -0.827637,-0.263672 -0.241699,-0.266113 -0.258789,-0.656738 l 0.422364,0 z m 0.649414,-1.85791 0,0 z" />
    <path
          d="m 23.135352,57.567245 0.446777,0 0,2.60254 -0.446777,0 0,-2.60254 z m 0,-0.983886 0.446777,0 0,0.498047 -0.446777,0 0,-0.498047 z" />
    <path
          d="m 24.336524,56.825058 0.444335,0 0,0.72998 0.417481,0 0,0.358887 -0.417481,0 0,1.706543 q 0,0.136719 0.09277,0.183106 0.05127,0.02686 0.170898,0.02686 0.03174,0 0.06836,0 0.03662,-0.0024 0.08545,-0.0073 l 0,0.34668 q -0.07568,0.02197 -0.158691,0.03174 -0.08057,0.0098 -0.175782,0.0098 -0.307617,0 -0.41748,-0.15625 -0.109863,-0.158691 -0.109863,-0.410156 l 0,-1.730957 -0.354004,0 0,-0.358887 0.354004,0 0,-0.72998 z" />
    <path
          d="m 25.645117,57.567245 0.446778,0 0,2.60254 -0.446778,0 0,-2.60254 z m 0,-0.983886 0.446778,0 0,0.498047 -0.446778,0 0,-0.498047 z" />
    <path
          d="m 27.795996,59.886581 q 0.437012,0 0.598145,-0.329589 0.163574,-0.332032 0.163574,-0.737305 0,-0.366211 -0.117188,-0.595703 -0.185546,-0.361328 -0.639648,-0.361328 -0.402832,0 -0.585937,0.307617 -0.183106,0.307617 -0.183106,0.742187 0,0.417481 0.183106,0.695801 0.183105,0.27832 0.581054,0.27832 z m 0.01709,-2.407226 q 0.505371,0 0.854492,0.336914 0.349121,0.336914 0.349121,0.991211 0,0.632324 -0.307617,1.044922 -0.307617,0.412597 -0.95459,0.412597 -0.53955,0 -0.856933,-0.363769 -0.317383,-0.366211 -0.317383,-0.981445 0,-0.65918 0.334473,-1.049805 0.334472,-0.390625 0.898437,-0.390625 z m -0.01465,0.01221 0,0 z" />
    <path
          d="m 29.541602,57.555038 0.41748,0 0,0.371094 q 0.185547,-0.229492 0.393067,-0.32959 0.207519,-0.100097 0.461425,-0.100097 0.556641,0 0.751953,0.388183 0.107422,0.212403 0.107422,0.60791 l 0,1.677247 -0.446777,0 0,-1.64795 q 0,-0.239257 -0.0708,-0.385742 -0.117187,-0.24414 -0.424804,-0.24414 -0.15625,0 -0.256348,0.03174 -0.180664,0.05371 -0.317383,0.214844 -0.109863,0.129394 -0.144043,0.268554 -0.03174,0.136719 -0.03174,0.393067 l 0,1.369629 -0.439453,0 0,-2.614747 z m 1.032715,-0.06348 0,0 z" />
    <path
          d="m 34.800391,57.496445 q 0.27832,0 0.539551,0.131836 0.26123,0.129394 0.397949,0.336914 0.131836,0.197754 0.175781,0.461425 0.03906,0.180665 0.03906,0.576172 l -1.916503,0 q 0.01221,0.39795 0.187988,0.639649 0.175781,0.239258 0.544433,0.239258 0.344239,0 0.549317,-0.227051 0.117187,-0.131836 0.166015,-0.305176 l 0.432129,0 q -0.01709,0.144043 -0.114746,0.322266 -0.09521,0.175781 -0.214843,0.288086 -0.200196,0.195312 -0.495606,0.263671 -0.158691,0.03906 -0.358887,0.03906 -0.488281,0 -0.827636,-0.354004 -0.339356,-0.356445 -0.339356,-0.996094 0,-0.629882 0.341797,-1.022949 0.341797,-0.393066 0.893555,-0.393066 z m 0.700683,1.157226 q -0.02686,-0.285644 -0.124511,-0.456543 -0.180664,-0.317383 -0.603028,-0.317383 -0.302734,0 -0.507812,0.219727 -0.205078,0.217285 -0.217285,0.554199 l 1.452636,0 z m -0.742187,-1.162109 0,0 z" />
    <path
          d="m 36.494727,57.555038 0.41748,0 0,0.371094 q 0.185547,-0.229492 0.393067,-0.32959 0.207519,-0.100097 0.461425,-0.100097 0.556641,0 0.751953,0.388183 0.107422,0.212403 0.107422,0.60791 l 0,1.677247 -0.446777,0 0,-1.64795 q 0,-0.239257 -0.0708,-0.385742 -0.117187,-0.24414 -0.424804,-0.24414 -0.15625,0 -0.256348,0.03174 -0.180664,0.05371 -0.317383,0.214844 -0.109863,0.129394 -0.144043,0.268554 -0.03174,0.136719 -0.03174,0.393067 l 0,1.369629 -0.439453,0 0,-2.614747 z m 1.032715,-0.06348 0,0 z" />
    <path
          d="m 40.676856,57.555038 0.41748,0 0,0.451661 q 0.05127,-0.131836 0.251465,-0.319825 0.200195,-0.190429 0.461426,-0.190429 0.01221,0 0.0415,0.0024 0.0293,0.0024 0.100097,0.0098 l 0,0.463867 q -0.03906,-0.0073 -0.07324,-0.0098 -0.03174,-0.0024 -0.0708,-0.0024 -0.332031,0 -0.510254,0.214844 -0.178222,0.212402 -0.178222,0.490722 l 0,1.503907 -0.439453,0 0,-2.614747 z" />
    <path
          d="m 43.372168,59.886581 q 0.437012,0 0.598145,-0.329589 0.163574,-0.332032 0.163574,-0.737305 0,-0.366211 -0.117188,-0.595703 -0.185547,-0.361328 -0.639648,-0.361328 -0.402832,0 -0.585938,0.307617 -0.183105,0.307617 -0.183105,0.742187 0,0.417481 0.183105,0.695801 0.183106,0.27832 0.581055,0.27832 z m 0.01709,-2.407226 q 0.505371,0 0.854492,0.336914 0.349121,0.336914 0.349121,0.991211 0,0.632324 -0.307617,1.044922 -0.307617,0.412597 -0.95459,0.412597 -0.539551,0 -0.856933,-0.363769 -0.317383,-0.366211 -0.317383,-0.981445 0,-0.65918 0.334472,-1.049805 0.334473,-0.390625 0.898438,-0.390625 z m -0.01465,0.01221 0,0 z" />
    <path
          d="m 45.557227,57.555038 0,1.73584 q 0,0.200196 0.06348,0.327149 0.117188,0.234375 0.437012,0.234375 0.458984,0 0.625,-0.410157 0.09033,-0.219726 0.09033,-0.603027 l 0,-1.28418 0.439453,0 0,2.614747 -0.415039,0 0.0049,-0.385743 q -0.08545,0.148926 -0.212402,0.251465 -0.251465,0.205078 -0.610352,0.205078 -0.559082,0 -0.761719,-0.373535 -0.109863,-0.200195 -0.109863,-0.534668 l 0,-1.777344 0.449219,0 z m 0.603027,-0.06348 0,0 z" />
    <path
          d="m 48.823828,57.508652 q 0.307617,0 0.53711,0.151367 0.124511,0.08545 0.253906,0.249023 l 0,-0.329589 0.405273,0 0,2.377929 q 0,0.498047 -0.146484,0.786133 -0.273438,0.532227 -1.032715,0.532227 -0.422363,0 -0.710449,-0.19043 -0.288086,-0.187988 -0.322266,-0.59082 l 0.446778,0 q 0.03174,0.175781 0.126953,0.270996 0.148925,0.146484 0.46875,0.146484 0.505371,0 0.661621,-0.356445 0.09277,-0.209961 0.08545,-0.749512 -0.131836,0.200195 -0.317383,0.297852 -0.185547,0.09766 -0.490722,0.09766 -0.424805,0 -0.744629,-0.300293 -0.317383,-0.302735 -0.317383,-0.998535 0,-0.656739 0.319824,-1.025391 0.322266,-0.368652 0.776367,-0.368652 z m 0.791016,1.342773 q 0,-0.48584 -0.200195,-0.720215 -0.200196,-0.234375 -0.510254,-0.234375 -0.463868,0 -0.634766,0.434571 -0.09033,0.231933 -0.09033,0.60791 0,0.441894 0.178223,0.673828 0.180664,0.229492 0.483398,0.229492 0.473633,0 0.666504,-0.427246 0.107422,-0.241699 0.107422,-0.563965 z m -0.739746,-1.359863 0,0 z" />
    <path
          d="m 51.773047,57.496445 q 0.27832,0 0.539551,0.131836 0.26123,0.129394 0.397949,0.336914 0.131836,0.197754 0.175781,0.461425 0.03906,0.180665 0.03906,0.576172 l -1.916504,0 q 0.01221,0.39795 0.187988,0.639649 0.175781,0.239258 0.544434,0.239258 0.344238,0 0.549316,-0.227051 0.117188,-0.131836 0.166016,-0.305176 l 0.432129,0 q -0.01709,0.144043 -0.114746,0.322266 -0.09521,0.175781 -0.214844,0.288086 -0.200196,0.195312 -0.495606,0.263671 -0.158691,0.03906 -0.358886,0.03906 -0.488282,0 -0.827637,-0.354004 -0.339356,-0.356445 -0.339356,-0.996094 0,-0.629882 0.341797,-1.022949 0.341797,-0.393066 0.893555,-0.393066 z m 0.700684,1.157226 q -0.02686,-0.285644 -0.124512,-0.456543 -0.180664,-0.317383 -0.603027,-0.317383 -0.302735,0 -0.507813,0.219727 -0.205078,0.217285 -0.217285,0.554199 l 1.452637,0 z m -0.742188,-1.162109 0,0 z" />
    <path
          d="m 53.560156,60.680038 q 0.168457,-0.0293 0.236817,-0.236816 0.03662,-0.109863 0.03662,-0.212402 0,-0.01709 -0.0024,-0.03174 0,-0.01221 -0.0049,-0.0293 l -0.266114,0 0,-0.532227 0.522461,0 0,0.493164 q 0,0.290527 -0.117187,0.510254 -0.117188,0.219727 -0.405274,0.270996 l 0,-0.231934 z" />
    <path
          d="m 56.680274,57.091171 -0.439454,0 0,-0.507812 0.439454,0 0,0.507812 z m -0.854493,3.740235 q 0.295411,-0.0098 0.354004,-0.05371 0.06103,-0.0415 0.06103,-0.266114 l 0,-2.944336 0.439454,0 0,2.990723 q 0,0.285645 -0.09277,0.427246 -0.153808,0.239258 -0.583496,0.239258 -0.03174,0 -0.06836,-0.0024 -0.03418,-0.0024 -0.109864,-0.0098 l 0,-0.380859 z" />
    <path
          d="m 57.691016,59.473984 q 0,0.190429 0.13916,0.300293 0.13916,0.109863 0.32959,0.109863 0.231933,0 0.449218,-0.107422 0.366211,-0.178223 0.366211,-0.583496 l 0,-0.354004 q -0.08057,0.05127 -0.207519,0.08545 -0.126953,0.03418 -0.249024,0.04883 l -0.266113,0.03418 q -0.239258,0.03174 -0.358887,0.100098 -0.202636,0.114746 -0.202636,0.366211 z m 1.064453,-0.888672 q 0.151367,-0.01953 0.202637,-0.126953 0.0293,-0.05859 0.0293,-0.168457 0,-0.22461 -0.161132,-0.324707 -0.158692,-0.102539 -0.456543,-0.102539 -0.344239,0 -0.488282,0.185547 -0.08057,0.102539 -0.10498,0.305175 l -0.410156,0 q 0.01221,-0.483398 0.3125,-0.671386 0.302734,-0.19043 0.700683,-0.19043 0.461426,0 0.749512,0.175781 0.285645,0.175781 0.285645,0.546875 l 0,1.506348 q 0,0.06836 0.02686,0.109863 0.0293,0.0415 0.119629,0.0415 0.0293,0 0.06592,-0.0024 0.03662,-0.0049 0.07813,-0.01221 l 0,0.324707 q -0.102539,0.0293 -0.15625,0.03662 -0.05371,0.0073 -0.146484,0.0073 -0.227051,0 -0.32959,-0.161133 -0.05371,-0.08545 -0.07568,-0.241699 -0.134277,0.175781 -0.385742,0.305176 -0.251465,0.129394 -0.554199,0.129394 -0.36377,0 -0.595703,-0.219726 -0.229493,-0.222168 -0.229493,-0.5542 0,-0.363769 0.227051,-0.563964 0.227051,-0.200196 0.595703,-0.246582 l 0.700684,-0.08789 z m -0.36377,-1.09375 0,0 z" />
    <path
          d="m 60.576758,57.555038 0,1.73584 q 0,0.200196 0.06348,0.327149 0.117188,0.234375 0.437012,0.234375 0.458985,0 0.625,-0.410157 0.09033,-0.219726 0.09033,-0.603027 l 0,-1.28418 0.439453,0 0,2.614747 -0.415039,0 0.0049,-0.385743 q -0.08545,0.148926 -0.212402,0.251465 -0.251465,0.205078 -0.610352,0.205078 -0.559082,0 -0.761719,-0.373535 -0.109863,-0.200195 -0.109863,-0.534668 l 0,-1.777344 0.449219,0 z m 0.603027,-0.06348 0,0 z" />
    <path
          d="m 62.920508,57.555038 0.41748,0 0,0.371094 q 0.185547,-0.229492 0.393067,-0.32959 0.207519,-0.100097 0.461426,-0.100097 0.55664,0 0.751953,0.388183 0.107422,0.212403 0.107422,0.60791 l 0,1.677247 -0.446778,0 0,-1.64795 q 0,-0.239257 -0.0708,-0.385742 -0.117187,-0.24414 -0.424804,-0.24414 -0.15625,0 -0.256348,0.03174 -0.180664,0.05371 -0.317383,0.214844 -0.109863,0.129394 -0.144043,0.268554 -0.03174,0.136719 -0.03174,0.393067 l 0,1.369629 -0.439453,0 0,-2.614747 z m 1.032715,-0.06348 0,0 z" />
    <path
          d="m 66.792578,57.496445 q 0.278321,0 0.539551,0.131836 0.26123,0.129394 0.397949,0.336914 0.131836,0.197754 0.175781,0.461425 0.03906,0.180665 0.03906,0.576172 l -1.916504,0 q 0.01221,0.39795 0.187988,0.639649 0.175782,0.239258 0.544434,0.239258 0.344238,0 0.549316,-0.227051 0.117188,-0.131836 0.166016,-0.305176 l 0.432129,0 q -0.01709,0.144043 -0.114746,0.322266 -0.09521,0.175781 -0.214844,0.288086 -0.200195,0.195312 -0.495605,0.263671 -0.158692,0.03906 -0.358887,0.03906 -0.488281,0 -0.827637,-0.354004 -0.339355,-0.356445 -0.339355,-0.996094 0,-0.629882 0.341797,-1.022949 0.341796,-0.393066 0.893554,-0.393066 z m 0.700684,1.157226 q -0.02686,-0.285644 -0.124512,-0.456543 -0.180664,-0.317383 -0.603027,-0.317383 -0.302735,0 -0.507813,0.219727 -0.205078,0.217285 -0.217285,0.554199 l 1.452637,0 z m -0.742188,-1.162109 0,0 z" />
    <path
          d="m 68.579688,60.680038 q 0.168457,-0.0293 0.236816,-0.236816 0.03662,-0.109863 0.03662,-0.212402 0,-0.01709 -0.0024,-0.03174 0,-0.01221 -0.0049,-0.0293 l -0.266113,0 0,-0.532227 0.522461,0 0,0.493164 q 0,0.290527 -0.117188,0.510254 -0.117187,0.219727 -0.405273,0.270996 l 0,-0.231934 z" />
    <path
          d="m 71.226172,56.571152 0.427246,0 0,1.301269 q 0.144043,-0.187988 0.344238,-0.285644 0.200196,-0.100098 0.434571,-0.100098 0.488281,0 0.791015,0.336914 0.305176,0.334473 0.305176,0.98877 0,0.620117 -0.300293,1.030273 -0.300293,0.410156 -0.832519,0.410156 -0.297852,0 -0.50293,-0.144043 -0.12207,-0.08545 -0.261231,-0.273437 l 0,0.334473 -0.405273,0 0,-3.598633 z m 1.142578,3.293457 q 0.356445,0 0.532227,-0.283203 0.178222,-0.283203 0.178222,-0.747071 0,-0.412597 -0.178222,-0.683593 -0.175782,-0.270997 -0.52002,-0.270997 -0.300293,0 -0.527344,0.222168 -0.224609,0.222168 -0.224609,0.732422 0,0.368653 0.09277,0.598145 0.17334,0.432129 0.646973,0.432129 z" />
    <path
          d="m 74.055762,56.583359 0.439453,0 0,3.586426 -0.439453,0 0,-3.586426 z" />
    <path
          d="m 76.245703,57.496445 q 0.278321,0 0.539551,0.131836 0.26123,0.129394 0.397949,0.336914 0.131836,0.197754 0.175781,0.461425 0.03906,0.180665 0.03906,0.576172 l -1.916504,0 q 0.01221,0.39795 0.187988,0.639649 0.175782,0.239258 0.544434,0.239258 0.344238,0 0.549316,-0.227051 0.117188,-0.131836 0.166016,-0.305176 l 0.432129,0 q -0.01709,0.144043 -0.114746,0.322266 -0.09521,0.175781 -0.214844,0.288086 -0.200195,0.195312 -0.495605,0.263671 -0.158692,0.03906 -0.358887,0.03906 -0.488281,0 -0.827637,-0.354004 -0.339355,-0.356445 -0.339355,-0.996094 0,-0.629882 0.341797,-1.022949 0.341796,-0.393066 0.893554,-0.393066 z m 0.700684,1.157226 q -0.02686,-0.285644 -0.124512,-0.456543 -0.180664,-0.317383 -0.603027,-0.317383 -0.302735,0 -0.507813,0.219727 -0.205078,0.217285 -0.217285,0.554199 l 1.452637,0 z m -0.742188,-1.162109 0,0 z" />
    <path
          d="m 78.379492,57.555038 0,1.73584 q 0,0.200196 0.06348,0.327149 0.117187,0.234375 0.437012,0.234375 0.458984,0 0.625,-0.410157 0.09033,-0.219726 0.09033,-0.603027 l 0,-1.28418 0.439453,0 0,2.614747 -0.415039,0 0.0049,-0.385743 q -0.08545,0.148926 -0.212402,0.251465 -0.251465,0.205078 -0.610351,0.205078 -0.559082,0 -0.761719,-0.373535 -0.109863,-0.200195 -0.109863,-0.534668 l 0,-1.777344 0.449218,0 z m 0.603028,-0.06348 0,0 z" />
    <path
          d="m 83.198828,57.496445 q 0.278321,0 0.539551,0.131836 0.26123,0.129394 0.397949,0.336914 0.131836,0.197754 0.175781,0.461425 0.03906,0.180665 0.03906,0.576172 l -1.916504,0 q 0.01221,0.39795 0.187988,0.639649 0.175782,0.239258 0.544434,0.239258 0.344238,0 0.549316,-0.227051 0.117188,-0.131836 0.166016,-0.305176 l 0.432129,0 q -0.01709,0.144043 -0.114746,0.322266 -0.09521,0.175781 -0.214844,0.288086 -0.200195,0.195312 -0.495605,0.263671 -0.158692,0.03906 -0.358887,0.03906 -0.488281,0 -0.827637,-0.354004 -0.339355,-0.356445 -0.339355,-0.996094 0,-0.629882 0.341797,-1.022949 0.341796,-0.393066 0.893554,-0.393066 z m 0.700684,1.157226 q -0.02686,-0.285644 -0.124512,-0.456543 -0.180664,-0.317383 -0.603027,-0.317383 -0.302735,0 -0.507813,0.219727 -0.205078,0.217285 -0.217285,0.554199 l 1.452637,0 z m -0.742188,-1.162109 0,0 z" />
    <path
          d="m 84.981055,56.825058 0.444336,0 0,0.72998 0.41748,0 0,0.358887 -0.41748,0 0,1.706543 q 0,0.136719 0.09277,0.183106 0.05127,0.02686 0.170899,0.02686 0.03174,0 0.06836,0 0.03662,-0.0024 0.08545,-0.0073 l 0,0.34668 q -0.07568,0.02197 -0.158691,0.03174 -0.08057,0.0098 -0.175781,0.0098 -0.307618,0 -0.417481,-0.15625 -0.109863,-0.158691 -0.109863,-0.410156 l 0,-1.730957 -0.354004,0 0,-0.358887 0.354004,0 0,-0.72998 z" />
    <path
          d="m 87.676367,57.555038 0.417481,0 0,0.371094 q 0.185547,-0.229492 0.393066,-0.32959 0.20752,-0.100097 0.461426,-0.100097 0.556641,0 0.751953,0.388183 0.107422,0.212403 0.107422,0.60791 l 0,1.677247 -0.446777,0 0,-1.64795 q 0,-0.239257 -0.0708,-0.385742 -0.117188,-0.24414 -0.424805,-0.24414 -0.15625,0 -0.256348,0.03174 -0.180664,0.05371 -0.317382,0.214844 -0.109864,0.129394 -0.144043,0.268554 -0.03174,0.136719 -0.03174,0.393067 l 0,1.369629 -0.439453,0 0,-2.614747 z m 1.032715,-0.06348 0,0 z" />
    <path
          d="m 91.497168,59.886581 q 0.437012,0 0.598145,-0.329589 0.163574,-0.332032 0.163574,-0.737305 0,-0.366211 -0.117188,-0.595703 -0.185547,-0.361328 -0.639648,-0.361328 -0.402832,0 -0.585938,0.307617 -0.183105,0.307617 -0.183105,0.742187 0,0.417481 0.183105,0.695801 0.183106,0.27832 0.581055,0.27832 z m 0.01709,-2.407226 q 0.505371,0 0.854492,0.336914 0.349121,0.336914 0.349121,0.991211 0,0.632324 -0.307617,1.044922 -0.307617,0.412597 -0.95459,0.412597 -0.539551,0 -0.856933,-0.363769 -0.317383,-0.366211 -0.317383,-0.981445 0,-0.65918 0.334472,-1.049805 0.334473,-0.390625 0.898438,-0.390625 z m -0.01465,0.01221 0,0 z" />
    <path
          d="m 93.242774,57.567245 0.446777,0 0,2.60254 -0.446777,0 0,-2.60254 z m 0,-0.983886 0.446777,0 0,0.498047 -0.446777,0 0,-0.498047 z" />
    <path
          d="m 94.368262,57.555038 0.41748,0 0,0.451661 q 0.05127,-0.131836 0.251465,-0.319825 0.200195,-0.190429 0.461426,-0.190429 0.01221,0 0.0415,0.0024 0.0293,0.0024 0.100097,0.0098 l 0,0.463867 q -0.03906,-0.0073 -0.07324,-0.0098 -0.03174,-0.0024 -0.0708,-0.0024 -0.332032,0 -0.510254,0.214844 -0.178223,0.212402 -0.178223,0.490722 l 0,1.503907 -0.439453,0 0,-2.614747 z" />
  </g>
  <g class="circles">
    <path
          d="m 6.6276808,47 c 0,0.207107 -0.083947,0.394607 -0.2196699,0.53033 -0.1357233,0.135723 -0.3232233,0.21967 -0.5303301,0.21967 -0.2071068,0 -0.3946068,-0.08395 -0.5303301,-0.21967 -0.1357233,-0.135723 -0.2196699,-0.323223 -0.2196699,-0.53033 0,-0.207107 0.083947,-0.394607 0.2196699,-0.53033 0.1357233,-0.135723 0.3232233,-0.21967 0.5303301,-0.21967 0.2071068,0 0.3946068,0.08395 0.5303301,0.21967 0.1357233,0.135723 0.2196699,0.323223 0.2196699,0.53033 z" />
    <path
          d="m 16.65625,41.15625 c 0,0.207107 -0.08395,0.394607 -0.21967,0.53033 -0.135723,0.135723 -0.323223,0.21967 -0.53033,0.21967 -0.207107,0 -0.394607,-0.08395 -0.53033,-0.21967 -0.135723,-0.135723 -0.21967,-0.323223 -0.21967,-0.53033 0,-0.207107 0.08395,-0.394607 0.21967,-0.53033 0.135723,-0.135723 0.323223,-0.21967 0.53033,-0.21967 0.207107,0 0.394607,0.08395 0.53033,0.21967 0.135723,0.135723 0.21967,0.323223 0.21967,0.53033 z" />
    <path
          d="m 16.65625,44.59375 c 0,0.207107 -0.08395,0.394607 -0.21967,0.53033 -0.135723,0.135723 -0.323223,0.21967 -0.53033,0.21967 -0.207107,0 -0.394607,-0.08395 -0.53033,-0.21967 -0.135723,-0.135723 -0.21967,-0.323223 -0.21967,-0.53033 0,-0.207107 0.08395,-0.394607 0.21967,-0.53033 0.135723,-0.135723 0.323223,-0.21967 0.53033,-0.21967 0.207107,0 0.394607,0.08395 0.53033,0.21967 0.135723,0.135723 0.21967,0.323223 0.21967,0.53033 z" />
    <path
          d="m 18.65625,48.375 c 0,0.207107 -0.08395,0.394607 -0.21967,0.53033 -0.135723,0.135723 -0.323223,0.21967 -0.53033,0.21967 -0.207107,0 -0.394607,-0.08395 -0.53033,-0.21967 -0.135723,-0.135723 -0.21967,-0.323223 -0.21967,-0.53033 0,-0.207107 0.08395,-0.394607 0.21967,-0.53033 0.135723,-0.135723 0.323223,-0.21967 0.53033,-0.21967 0.207107,0 0.394607,0.08395 0.53033,0.21967 0.135723,0.135723 0.21967,0.323223 0.21967,0.53033 z" />
    <path
          d="m 27.90625,44.390625 c 0,0.207107 -0.08395,0.394607 -0.21967,0.53033 -0.135723,0.135723 -0.323223,0.21967 -0.53033,0.21967 -0.207107,0 -0.394607,-0.08395 -0.53033,-0.21967 -0.135723,-0.135723 -0.21967,-0.323223 -0.21967,-0.53033 0,-0.207107 0.08395,-0.394607 0.21967,-0.53033 0.135723,-0.135723 0.323223,-0.21967 0.53033,-0.21967 0.207107,0 0.394607,0.08395 0.53033,0.21967 0.135723,0.135723 0.21967,0.323223 0.21967,0.53033 z" />
    <path
          d="m 34.703125,52.34375 c 0,0.207107 -0.08395,0.394607 -0.21967,0.53033 -0.135723,0.135723 -0.323223,0.21967 -0.53033,0.21967 -0.207107,0 -0.394607,-0.08395 -0.53033,-0.21967 -0.135723,-0.135723 -0.21967,-0.323223 -0.21967,-0.53033 0,-0.207107 0.08395,-0.394607 0.21967,-0.53033 0.135723,-0.135723 0.323223,-0.21967 0.53033,-0.21967 0.207107,0 0.394607,0.08395 0.53033,0.21967 0.135723,0.135723 0.21967,0.323223 0.21967,0.53033 z" />
    <path
          d="m 47.369114,48.703125 c 0,0.207107 -0.08395,0.394607 -0.21967,0.53033 -0.135723,0.135723 -0.323223,0.21967 -0.53033,0.21967 -0.207107,0 -0.394607,-0.08395 -0.53033,-0.21967 -0.135723,-0.135723 -0.21967,-0.323223 -0.21967,-0.53033 0,-0.207107 0.08395,-0.394607 0.21967,-0.53033 0.135723,-0.135723 0.323223,-0.21967 0.53033,-0.21967 0.207107,0 0.394607,0.08395 0.53033,0.21967 0.135723,0.135723 0.21967,0.323223 0.21967,0.53033 z" />
    <path
          d="m 56.475796,52.394447 c 0,0.207107 -0.08395,0.394607 -0.21967,0.53033 -0.135723,0.135723 -0.323223,0.21967 -0.53033,0.21967 -0.207107,0 -0.394607,-0.08395 -0.53033,-0.21967 -0.135723,-0.135723 -0.21967,-0.323223 -0.21967,-0.53033 0,-0.207107 0.08395,-0.394607 0.21967,-0.53033 0.135723,-0.135723 0.323223,-0.21967 0.53033,-0.21967 0.207107,0 0.394607,0.08395 0.53033,0.21967 0.135723,0.135723 0.21967,0.323223 0.21967,0.53033 z" />
    <path
          d="m 64.319546,48.660072 c 0,0.207107 -0.08395,0.394607 -0.21967,0.53033 -0.135723,0.135723 -0.323223,0.21967 -0.53033,0.21967 -0.207107,0 -0.394607,-0.08395 -0.53033,-0.21967 -0.135723,-0.135723 -0.21967,-0.323223 -0.21967,-0.53033 0,-0.207107 0.08395,-0.394607 0.21967,-0.53033 0.135723,-0.135723 0.323223,-0.21967 0.53033,-0.21967 0.207107,0 0.394607,0.08395 0.53033,0.21967 0.135723,0.135723 0.21967,0.323223 0.21967,0.53033 z" />
    <path
          d="m 73.444542,44.566322 c 0,0.207107 -0.08395,0.394607 -0.21967,0.53033 -0.135723,0.135723 -0.323223,0.21967 -0.53033,0.21967 -0.207107,0 -0.394607,-0.08395 -0.53033,-0.21967 -0.135723,-0.135723 -0.21967,-0.323223 -0.21967,-0.53033 0,-0.207107 0.08395,-0.394607 0.21967,-0.53033 0.135723,-0.135723 0.323223,-0.21967 0.53033,-0.21967 0.207107,0 0.394607,0.08395 0.53033,0.21967 0.135723,0.135723 0.21967,0.323223 0.21967,0.53033 z" />
    <path
          d="m 77.913292,41.113197 c 0,0.207107 -0.08395,0.394607 -0.21967,0.53033 -0.135723,0.135723 -0.323223,0.21967 -0.53033,0.21967 -0.207107,0 -0.394607,-0.08395 -0.53033,-0.21967 -0.135723,-0.135723 -0.21967,-0.323223 -0.21967,-0.53033 0,-0.207107 0.08395,-0.394607 0.21967,-0.53033 0.135723,-0.135723 0.323223,-0.21967 0.53033,-0.21967 0.207107,0 0.394607,0.08395 0.53033,0.21967 0.135723,0.135723 0.21967,0.323223 0.21967,0.53033 z" />
    <path
          d="m 77.913292,44.613197 c 0,0.207107 -0.08395,0.394607 -0.21967,0.53033 -0.135723,0.135723 -0.323223,0.21967 -0.53033,0.21967 -0.207107,0 -0.394607,-0.08395 -0.53033,-0.21967 -0.135723,-0.135723 -0.21967,-0.323223 -0.21967,-0.53033 0,-0.207107 0.08395,-0.394607 0.21967,-0.53033 0.135723,-0.135723 0.323223,-0.21967 0.53033,-0.21967 0.207107,0 0.394607,0.08395 0.53033,0.21967 0.135723,0.135723 0.21967,0.323223 0.21967,0.53033 z" />
    <path
          d="m 79.960167,50.706947 c 0,0.207107 -0.08395,0.394607 -0.21967,0.53033 -0.135723,0.135723 -0.323223,0.21967 -0.53033,0.21967 -0.207107,0 -0.394607,-0.08395 -0.53033,-0.21967 -0.135723,-0.135723 -0.21967,-0.323223 -0.21967,-0.53033 0,-0.207107 0.08395,-0.394607 0.21967,-0.53033 0.135723,-0.135723 0.323223,-0.21967 0.53033,-0.21967 0.207107,0 0.394607,0.08395 0.53033,0.21967 0.135723,0.135723 0.21967,0.323223 0.21967,0.53033 z" />
    <path
          d="m 88.803917,44.613197 c 0,0.207107 -0.08395,0.394607 -0.21967,0.53033 -0.135723,0.135723 -0.323223,0.21967 -0.53033,0.21967 -0.207107,0 -0.394607,-0.08395 -0.53033,-0.21967 -0.135723,-0.135723 -0.21967,-0.323223 -0.21967,-0.53033 0,-0.207107 0.08395,-0.394607 0.21967,-0.53033 0.135723,-0.135723 0.323223,-0.21967 0.53033,-0.21967 0.207107,0 0.394607,0.08395 0.53033,0.21967 0.135723,0.135723 0.21967,0.323223 0.21967,0.53033 z" />
  </g>
  <g class="lines">
    <path d="m 2.12,11.964 93.186572,0" />
    <path d="m 2.5619417,37.344 10.0383913,0" />
    <path d="m 61.592731,37.044 33.840111,0" />
    <path d="m 11.100042,62.575906 84.391983,0.02735" />
    <path d="m 2.1830001,75.607714 97.9408299,0" />
    <path d="m 11.23784,87.929142 52.124297,0.01105" />
    <path d="m 36.907482,94.62557 58.57128,0.03125" />
    <path d="m 12,11.06322 0,85.969543" />
    <path d="m 24.186857,2.6506729 0,10.1856621" />
    <path d="m 37.664375,61.689254 0.01563,36.655291" />
    <path d="m 62.476,1.4336982 0,94.1074638" />
    <path d="m 78.636714,36.143295 0,27.289028" />
    <path d="m 94.594,3.1018369 0,94.9913451" />
  </g>
</svg>

            
          
!
            
              body {
  background: #e2dfd7;
  margin: 0;
}

svg {
  height: 100vmin;
  left: calc(50% - 50vmin);
  position: absolute;
  width: 100vmin;
}

.lines path {
  stroke: #14170e;
  stroke-width: 1.8;
}

.logo path {
  fill: #000;
  opacity: 0;
}

.name {
  fill:#000000;
  opacity: 0;
}

.circles path {
  fill: #000;
  opacity: 0;
}

            
          
!
            
              let blocks = [
  "m 0.002,0 c 3.8867983,0 7.7649995,0 11.648,-0.001000403821 3.883,0 8.46186,-0.001 11.65,-0.001 0,2.2190407 0,3.7016672 0,5.5520007 0,1.8503335 0.001,3.5061003 0.001,5.5500003 -3.79585,0 -7.768334,0 -11.652,-0.001 -3.8836672,0 -9.6217863,0 -11.65,0 0,-2.0353326 0,-3.6983327 0.001,-5.5479993 0,-1.8496666 0.001,-3.0464909 0.001,-5.5500002961706 z",
  "m 0.002,38.200001 c 2.8168372,0 3.7316667,0 5.598,0 1.8663333,0 2.7762894,-0.001 5.6,-0.001 0,2.822475 0,12.201667 0.001,18.302 0,6.100333 0,14.852941 0,18.299999 -2.5677137,0 -3.735,0 -5.602,0 -1.867,0 -2.9082914,-0.001 -5.6,-0.001 0,-2.958667 0,-12.198334 0.001,-18.298 0,-6.099666 0.001,-15.217156 0.001,-18.299999 z",
  "m 0.002,74.800011 c 2.2441853,0 4.2914593,0 6.437689,-0.001 2.1462297,0 4.192032,0 6.439689,0 0,2.25379 0,8.401665 0,12.602 0,4.200335 0,10.355449 0,12.600009 -2.24828,0 -4.2944777,0 -6.441311,0 -2.1468333,0 -3.753034,0.001 -6.439689,0.001 0,-2.509399 0,-8.401657 0.001,-12.601988 0,-4.200332 0.001,-9.809904 0.001,-12.6 z",
  "m 63.102,12.7 c 3.448342,0 10.231665,0 15.347998,0 5.116334,0 12.150622,0 15.350001,0 0,3.32368 0,7.835 0.001,11.752 0,3.917 0,8.555222 0,11.75 -3.346833,0 -10.235001,0 -15.352002,-0.001 -5.117,0 -12.003807,0 -15.35,0 0,-3.573393 0,-7.831667 0,-11.748 0,-3.916333 0,-8.540653 0,-11.75 z",
  "m 61.602,0 c 5.907471,0 11.294165,0 16.941748,0 5.647583,0 11.632089,-0.001 16.943751,-0.001 0,2.7464817 0,3.735 0,5.602 0,1.867 0.001,2.9301685 0.001,5.6 -5.3975,0 -11.297085,0 -16.945252,0 -5.648167,0 -11.898093,0 -16.94375,0 0,-2.5701814 0,-3.7316667 0,-5.598 0,-1.8663333 0.001,-2.9308863 0.001,-5.600000011920932 z",
  "m 12.802004,12.702004 c 5.637044,0 16.264995,0 24.397994,-0.001 8.132999,0 18.375244,-0.001 24.399999,-0.001 0,6.031232 0,16.367669 0,24.551002 0,8.183333 0,18.759132 0,24.548998 -5.791435,0 -16.268335,0 -24.402002,-0.001 -8.133667,0 -18.376187,-0.001 -24.399998,-0.001 0,-5.773697 0,-16.364329 0.001,-24.546994 0,-8.182665 0,-18.518894 0,-24.548998 z",
  "m 12.802,63.400002 c 2.281238,0 8.031667,0 12.048,0 4.016334,0 9.955624,-0.001 12.050001,-0.001 0,2.160083 0,3.801668 0,5.702001 0,1.900334 0,3.605632 0,5.7 -2.669519,0 -8.034999,0 -12.051999,-0.001 -4.017001,0 -9.828017,-0.001 -12.050001,-0.001 0,-2.092091 0,-3.798332 0,-5.697999 0,-1.899666 0,-3.60827 0,-5.699999 z",
  "m 12.802,76.400002 c 2.504713,0 8.031666,0 12.048,-0.001 4.016334,0 9.095835,0 12.050001,0 0,2.235863 0,3.568334 0,5.352001 0,1.783667 0,3.474496 0,5.35 -3.117491,0 -8.034999,0 -12.051999,-0.001 -4.017,0 -9.19367,0 -12.050001,0 0,-2.315879 0,-3.564999 0,-5.347999 0,-1.783 0,-2.592572 0,-5.350002 z",
  "m 38.402,88.699997 c 2.394638,0 7.765001,0 11.648001,0 3.883,0 8.29549,-0.001 11.65,-0.001 0,1.67941 0,1.701664 0,2.551997 0,0.850333 0,0.936552 0,2.55 -2.767248,0 -7.768333,0 -11.651999,0 -3.883666,0 -9.414193,-0.001 -11.649999,-0.001 0,-1.679629 0,-1.698336 0,-2.548003 0,-0.849667 0,-0.751437 0,-2.55 z",
  "m 63.302,76.400002 c 3.19953,0 10.148333,0 15.223,-0.001 5.074667,0 11.262801,0 15.225,0 0,4.06994 0,5.801669 0.001,8.702002 0,2.900334 0,5.879243 0,8.699999 -4.6394,0 -10.151666,0 -15.227,-0.001 -5.075333,0 -10.217016,-0.001 -15.225001,-0.001 0,-3.63661 0,-5.798332 0,-8.697998 0,-2.899666 0.001,-5.309492 0.001,-8.7 z",
  "m 93.702,76.400017 c 1.939966,0 2.098331,0 3.147997,-0.001 1.049666,0 1.254882,-0.001 3.15,-0.001 0,1.999685 0,7.868348 0.001,11.802018 0,3.93367 0,9.08383 0,11.800005 -1.698112,0 -2.101723,0 -3.152057,0 -1.050334,0 -1.387465,0.001 -3.15,0.001 0,-2.316235 0,-7.868318 0,-11.801985 0,-3.933667 0.001,-8.835463 0.001,-11.800018 z",
  "m 38.502,63.400002 c 2.209563,0 7.698333,0 11.548,0 3.849667,0 8.186094,-0.001 11.55,-0.001 0,2.209678 0,3.801668 0,5.702001 0,1.900334 0,3.311558 0,5.7 -3.005349,0 -7.701667,0 -11.552,-0.001 -3.850333,0 -8.545298,-0.001 -11.55,-0.001 0,-2.386516 0,-3.798333 0,-5.697999 0,-1.899666 0.001,-3.571663 0.001,-5.699999 z",
  "m 38.502,76.400002 c 2.875812,0 7.698333,0 11.548,-0.001 3.849667,0 8.295614,0 11.55,0 0,2.345685 0,3.568334 0,5.352001 0,1.783667 0,3.004067 0,5.35 -4.201797,0 -7.701667,0 -11.552,-0.001 -3.850333,0 -8.760317,0 -11.55,0 0,-2.443454 0,-3.564999 0,-5.347999 0,-1.783 0.001,-3.181479 0.001,-5.349999 z",
  "m 95.402,0 c 1.229931,0 1.531668,0 2.298001,-0.00100038147 0.766333,0 0.844433,-0.001 2.299999,-0.001 0,4.7601592 0,24.926668 0.001,37.389501 0,12.462834 0,32.90125 0,37.387501 -1.629848,0 -1.534999,0 -2.301999,-0.001 -0.767,0 -0.806064,0 -2.299999,0 0,-4.729214 0,-24.923332 0,-37.385499 0,-12.462166 0.001,-32.6053125 0.001,-37.3875006185368 z"];
let colors = ['#cbd1d9', '#cbd1d9', '#e3be57', '#e3be57', '#e3be57', '#bb422d', '#14170e','#14170e', '#14170e', '#264773', '#bb422d', '#cbd1d9', '#cbd1d9', '#cbd1d9'];
let circles = [
  "m 6.6276808,47 c 0,0.207107 -0.083947,0.394607 -0.2196699,0.53033 -0.1357233,0.135723 -0.3232233,0.21967 -0.5303301,0.21967 -0.2071068,0 -0.3946068,-0.08395 -0.5303301,-0.21967 -0.1357233,-0.135723 -0.2196699,-0.323223 -0.2196699,-0.53033 0,-0.207107 0.083947,-0.394607 0.2196699,-0.53033 0.1357233,-0.135723 0.3232233,-0.21967 0.5303301,-0.21967 0.2071068,0 0.3946068,0.08395 0.5303301,0.21967 0.1357233,0.135723 0.2196699,0.323223 0.2196699,0.53033 z",
  "m 16.65625,41.15625 c 0,0.207107 -0.08395,0.394607 -0.21967,0.53033 -0.135723,0.135723 -0.323223,0.21967 -0.53033,0.21967 -0.207107,0 -0.394607,-0.08395 -0.53033,-0.21967 -0.135723,-0.135723 -0.21967,-0.323223 -0.21967,-0.53033 0,-0.207107 0.08395,-0.394607 0.21967,-0.53033 0.135723,-0.135723 0.323223,-0.21967 0.53033,-0.21967 0.207107,0 0.394607,0.08395 0.53033,0.21967 0.135723,0.135723 0.21967,0.323223 0.21967,0.53033 z",
  "m 16.65625,44.59375 c 0,0.207107 -0.08395,0.394607 -0.21967,0.53033 -0.135723,0.135723 -0.323223,0.21967 -0.53033,0.21967 -0.207107,0 -0.394607,-0.08395 -0.53033,-0.21967 -0.135723,-0.135723 -0.21967,-0.323223 -0.21967,-0.53033 0,-0.207107 0.08395,-0.394607 0.21967,-0.53033 0.135723,-0.135723 0.323223,-0.21967 0.53033,-0.21967 0.207107,0 0.394607,0.08395 0.53033,0.21967 0.135723,0.135723 0.21967,0.323223 0.21967,0.53033 z",
  "m 18.65625,48.375 c 0,0.207107 -0.08395,0.394607 -0.21967,0.53033 -0.135723,0.135723 -0.323223,0.21967 -0.53033,0.21967 -0.207107,0 -0.394607,-0.08395 -0.53033,-0.21967 -0.135723,-0.135723 -0.21967,-0.323223 -0.21967,-0.53033 0,-0.207107 0.08395,-0.394607 0.21967,-0.53033 0.135723,-0.135723 0.323223,-0.21967 0.53033,-0.21967 0.207107,0 0.394607,0.08395 0.53033,0.21967 0.135723,0.135723 0.21967,0.323223 0.21967,0.53033 z",
  "m 27.90625,44.390625 c 0,0.207107 -0.08395,0.394607 -0.21967,0.53033 -0.135723,0.135723 -0.323223,0.21967 -0.53033,0.21967 -0.207107,0 -0.394607,-0.08395 -0.53033,-0.21967 -0.135723,-0.135723 -0.21967,-0.323223 -0.21967,-0.53033 0,-0.207107 0.08395,-0.394607 0.21967,-0.53033 0.135723,-0.135723 0.323223,-0.21967 0.53033,-0.21967 0.207107,0 0.394607,0.08395 0.53033,0.21967 0.135723,0.135723 0.21967,0.323223 0.21967,0.53033 z",
  "m 34.703125,52.34375 c 0,0.207107 -0.08395,0.394607 -0.21967,0.53033 -0.135723,0.135723 -0.323223,0.21967 -0.53033,0.21967 -0.207107,0 -0.394607,-0.08395 -0.53033,-0.21967 -0.135723,-0.135723 -0.21967,-0.323223 -0.21967,-0.53033 0,-0.207107 0.08395,-0.394607 0.21967,-0.53033 0.135723,-0.135723 0.323223,-0.21967 0.53033,-0.21967 0.207107,0 0.394607,0.08395 0.53033,0.21967 0.135723,0.135723 0.21967,0.323223 0.21967,0.53033 z",
  "m 47.369114,48.703125 c 0,0.207107 -0.08395,0.394607 -0.21967,0.53033 -0.135723,0.135723 -0.323223,0.21967 -0.53033,0.21967 -0.207107,0 -0.394607,-0.08395 -0.53033,-0.21967 -0.135723,-0.135723 -0.21967,-0.323223 -0.21967,-0.53033 0,-0.207107 0.08395,-0.394607 0.21967,-0.53033 0.135723,-0.135723 0.323223,-0.21967 0.53033,-0.21967 0.207107,0 0.394607,0.08395 0.53033,0.21967 0.135723,0.135723 0.21967,0.323223 0.21967,0.53033 z",
  "m 56.475796,52.394447 c 0,0.207107 -0.08395,0.394607 -0.21967,0.53033 -0.135723,0.135723 -0.323223,0.21967 -0.53033,0.21967 -0.207107,0 -0.394607,-0.08395 -0.53033,-0.21967 -0.135723,-0.135723 -0.21967,-0.323223 -0.21967,-0.53033 0,-0.207107 0.08395,-0.394607 0.21967,-0.53033 0.135723,-0.135723 0.323223,-0.21967 0.53033,-0.21967 0.207107,0 0.394607,0.08395 0.53033,0.21967 0.135723,0.135723 0.21967,0.323223 0.21967,0.53033 z",
  "m 64.319546,48.660072 c 0,0.207107 -0.08395,0.394607 -0.21967,0.53033 -0.135723,0.135723 -0.323223,0.21967 -0.53033,0.21967 -0.207107,0 -0.394607,-0.08395 -0.53033,-0.21967 -0.135723,-0.135723 -0.21967,-0.323223 -0.21967,-0.53033 0,-0.207107 0.08395,-0.394607 0.21967,-0.53033 0.135723,-0.135723 0.323223,-0.21967 0.53033,-0.21967 0.207107,0 0.394607,0.08395 0.53033,0.21967 0.135723,0.135723 0.21967,0.323223 0.21967,0.53033 z",
  "m 73.444542,44.566322 c 0,0.207107 -0.08395,0.394607 -0.21967,0.53033 -0.135723,0.135723 -0.323223,0.21967 -0.53033,0.21967 -0.207107,0 -0.394607,-0.08395 -0.53033,-0.21967 -0.135723,-0.135723 -0.21967,-0.323223 -0.21967,-0.53033 0,-0.207107 0.08395,-0.394607 0.21967,-0.53033 0.135723,-0.135723 0.323223,-0.21967 0.53033,-0.21967 0.207107,0 0.394607,0.08395 0.53033,0.21967 0.135723,0.135723 0.21967,0.323223 0.21967,0.53033 z",
  "m 77.913292,41.113197 c 0,0.207107 -0.08395,0.394607 -0.21967,0.53033 -0.135723,0.135723 -0.323223,0.21967 -0.53033,0.21967 -0.207107,0 -0.394607,-0.08395 -0.53033,-0.21967 -0.135723,-0.135723 -0.21967,-0.323223 -0.21967,-0.53033 0,-0.207107 0.08395,-0.394607 0.21967,-0.53033 0.135723,-0.135723 0.323223,-0.21967 0.53033,-0.21967 0.207107,0 0.394607,0.08395 0.53033,0.21967 0.135723,0.135723 0.21967,0.323223 0.21967,0.53033 z",
  "m 77.913292,44.613197 c 0,0.207107 -0.08395,0.394607 -0.21967,0.53033 -0.135723,0.135723 -0.323223,0.21967 -0.53033,0.21967 -0.207107,0 -0.394607,-0.08395 -0.53033,-0.21967 -0.135723,-0.135723 -0.21967,-0.323223 -0.21967,-0.53033 0,-0.207107 0.08395,-0.394607 0.21967,-0.53033 0.135723,-0.135723 0.323223,-0.21967 0.53033,-0.21967 0.207107,0 0.394607,0.08395 0.53033,0.21967 0.135723,0.135723 0.21967,0.323223 0.21967,0.53033 z",
  "m 79.960167,50.706947 c 0,0.207107 -0.08395,0.394607 -0.21967,0.53033 -0.135723,0.135723 -0.323223,0.21967 -0.53033,0.21967 -0.207107,0 -0.394607,-0.08395 -0.53033,-0.21967 -0.135723,-0.135723 -0.21967,-0.323223 -0.21967,-0.53033 0,-0.207107 0.08395,-0.394607 0.21967,-0.53033 0.135723,-0.135723 0.323223,-0.21967 0.53033,-0.21967 0.207107,0 0.394607,0.08395 0.53033,0.21967 0.135723,0.135723 0.21967,0.323223 0.21967,0.53033 z",
  "m 88.803917,44.613197 c 0,0.207107 -0.08395,0.394607 -0.21967,0.53033 -0.135723,0.135723 -0.323223,0.21967 -0.53033,0.21967 -0.207107,0 -0.394607,-0.08395 -0.53033,-0.21967 -0.135723,-0.135723 -0.21967,-0.323223 -0.21967,-0.53033 0,-0.207107 0.08395,-0.394607 0.21967,-0.53033 0.135723,-0.135723 0.323223,-0.21967 0.53033,-0.21967 0.207107,0 0.394607,0.08395 0.53033,0.21967 0.135723,0.135723 0.21967,0.323223 0.21967,0.53033 z"];

function init() {
  document.querySelectorAll('.lines path').forEach((el) => {
    el.style.strokeDashoffset = anime.setDashoffset(el);
  });

  document.querySelectorAll('.circles path').forEach((el, i) => {
    el.style.opacity = 0;
    el.style.fill = '#000';
    el.setAttribute('d', circles[i]);
  });
}

function step2() {
  anime({
    targets: '.logo path',
    opacity: {
      value: 0,
      duration: 1000,
      delay: (_, i) => { return i * 50; },
      easing: 'easeOutCubic'
    }
  });
  anime({
    targets: '.name',
    opacity: {
      value: 0,
      duration: 500,
      delay: 300,
      easing: 'easeInCubic'
    }
  });      anime({
    targets: '.circles path',
    d: {
      value: (_, i) => { return blocks[i]; },
      duration: 1000,
      delay: (_, i) => { return 500 + i * 20; },
      easing: 'easeInCubic'
    },
    fill: {
      value: (_, i) => { return colors[i]; },
      duration: 1000,
      delay: (_, i) => { return 500 + i * 20; },
      easing: 'easeInCubic'
    }
  });
  anime({
    targets: '.lines path',
    strokeDashoffset: {
      value: [anime.setDashoffset, 0],
      duration: 1000,
      delay: (_, i) => { return 500 + i * 20; },
      easing: 'easeInCubic'
    }
  });
}

function sequence() {
  init();

  anime({
    targets: '.logo path',
    opacity: {
      value: 1,
      duration: 300,
      delay: (_, i) => { return i * 50; },
      easing: 'easeInCubic'
    }
  });
  anime({
    targets: '.name',
    opacity: {
      value: 1,
      duration: 300,
      delay: 500,
      easing: 'easeInCubic'
    }
  });
  anime({
    targets: '.circles path',
    opacity: {
      value: 1,
      duration: 1,
      delay: 1200,
      easing: 'easeInCubic'
    }
  });
  setTimeout(step2, 3000);
}

function schedule() {
  sequence();
  setTimeout(schedule, 10000);
}
schedule();
            
          
!
999px
🕑 One or more of the npm packages you are using needs to be built. You're the first person to ever need it! We're building it right now and your preview will start updating again when it's ready.
Loading ..................

Console