HTML, CSS and JavaScript demo

汗、水、こすれに強く、落ちにくい！ 最強*UVカットミルク 『DHCサンカットQ10パーフェクトミルク』は、汗、水、こすれに強く、国内最高レベルのパワフルなUVカット効果が持続する日やけ止めです。 汗、水に強いスーパーウォータープルーフ※1、ベタつきを抑えて砂の付着をブロックするサンドプルーフ、タオルや衣服などの摩擦に強いこすれプルーフの「トリプルプルーフ」を搭載。持続する高いUVカット効果により、デイリー使いはもちろん、炎天下でのスポーツやレジャーにもおすすめです。 紫外線からの乾燥ダメージケアをサポートするアルテミアエキス※2、黄金海草エキス（ラミナリアオクロロイカエキス）※2を配合。また、コエンザイムQ10※3、コラーゲン※4、ヒアルロン酸※4など整肌成分もプラスし、しっとりとした肌へ導きます。毎日お使いいただけるよう、アルコールフリーを実現。肌へのやさしさにも配慮しています。 被膜感、きしみ、白浮きのない、みずみずしく軽い使い心地。化粧下地としてもお使いいただけます。 無香料・無着色・パラベンフリー・アルコールフリー　天然成分配合。 *DHCの日やけ止めの中で ※1 80分間にわたる耐水試験で確認済み ※2 皮膚コンディショニング成分 ※3 ［保湿成分］コエンザイムQ10（ユビキノン）、ハリやうるおいを与え、肌のキメを整える成分 ※4 保湿成分 肌への負担を抑えながら紫外線を強力カット！<hr style="border: 0;border-top: 1px dotted #b0aeae;margin:3px 0px 10px 0px;"> 紫外線には、肌の奥までじわじわとダメージを与え、乾燥やハリ不足の原因となるUVA（紫外線A波）と、表皮に影響を与えてシミやそばかすの原因となるUVB（紫外線B波）があります。日やけ止めに表示されているSPFとPAの値は、それぞれの防御効果を表しています。 『DHCサンカットQ10パーフェクトミルク』は、SPF、PA値ともに国内最高表示基準値であるSPF50+・PA++++。UVカット成分を肌への親和性が高いアミノ酸でコーティングすることで、肌への負担を抑えながら、UVAとUVBの両方をしっかりとブロックします。 「トリプルプルーフ」搭載で、高いUVカット効果が続く！<hr style="border: 0;border-top: 1px dotted #b0aeae;margin:3px 0px 10px 0px;"> 肌にのばすと皮脂に含まれる成分をかかえこみ、均一で密着性の高い膜を形成する独自技術「アミノ酸コーティングフィルター※1」を採用。汗をかいても、水にぬれても落ちにくい“スーパーウォータープルーフ※2”を実現しました。 さらに、ベタつきを抑えることで砂の付着を防ぐサンドプルーフ、柔軟性のある「クッションゲル」のはたらきで、日やけ止めが落ちる原因のひとつであるこすれに強い新処方を可能にしたこすれプルーフの「トリプルプルーフ」搭載により、高いUVカット効果が持続します。 ※1 酸化亜鉛、ステアロイルグルタミン酸2Na ※2 80分間にわたる耐水試験で確認済み エイジングケア※1＆うるおうスキンケア発想 <hr style="border: 0;border-top: 1px dotted #b0aeae;margin:3px 0px 10px 0px;"> 紫外線による乾燥ダメージから肌を守るアルテミアエキス※2、黄金海草エキス（ラミナリアオクロロイカエキス）※2を配合しました。さらにコエンザイムQ10※3、コラーゲン※4、ヒアルロン酸※4、オリーブバージンオイル※4などの整肌成分をプラス。みずみずしいうるおいを与えて、紫外線やエアコンなどによる乾燥から肌を守ります。 ※1 年齢に応じたケア ※2 皮膚コンディショニング成分 ※3 ［保湿成分］コエンザイムQ10（ユビキノン）、ハリやうるおいを与え、肌のキメを整える成分 ※4 保湿成分 ◆使い方 <hr style="border: 0;border-top: 1px dotted #b0aeae;margin:3px 0px 10px 0px;"> 2層タイプのため、よく振ってからお使いください。充分な量を手にとり、顔全体やボディにむらなくのばしてください。化粧下地としてもお使いいただけます。泳いだ後、肌をタオルでふいた後などは、つけ直してください。 クレンジング、ボディソープで落とせます。 ※衣類等に付着した場合は、直ちに洗剤でていねいに洗ってください。洗う際には塩素系漂白剤の使用は避けてください。 ※SPF・PA表示は国際SPF試験法に定められている基準に則り測定した値です。 ※使用後は容器の口をきれいにふいてください。 50mL SPF50+・PA++++ ■成分 シクロペンタシロキサン、水、酸化亜鉛、メトキシケイヒ酸エチルヘキシル、ジエチルへキサン酸ネオペンチルグリコール、ジメチコン、BG、ポリメチルシルセスキオキサン、ジエチルアミノヒドロキシベンゾイル安息香酸ヘキシル、PEG-9ポリジメチルシロキシエチルジメチコン、トリメチルシロキシケイ酸、メチレンビスベンゾトリアゾリルテトラメチルブチルフェノール、グリセリン、トリシロキサン、アルテミアエキス、オリーブ果実油、加水分解コラーゲン、ヒアルロン酸Na、ユビキノン、ラミナリアオクロロイカエキス、（アクリレーツ/アクリル酸エチルヘキシル/メタクリル酸ジメチコン）コポリマー、（ジメチコン/ビニルジメチコン）クロスポリマー、（メタクリル酸ラウリル/ジメタクリル酸グリコール）クロスポリマー、PG、キサンタンガム、グリチルレチン酸ステアリル、ジステアルジモニウムヘクトライト、水酸化Ca、ステアロイルグルタミン酸2Na、デシルグルコシド、トコフェロール、トリ（カプリル酸/カプリン酸）グリセリル、ビスPEG-18メチルエーテルジメチルシラン、硫酸Mg、フェノキシエタノール ※ご注文後のキャンセル・交換は、一切お受け出来ません。 ご確認の上、ご注文頂きますようお願い申し上げます。 <table width=500 border=0><tr><td bgcolor=#CFCFCF><table cellspacing=1 cellpadding=4 width=100% border=0><tr><td bgcolor=#CFCFCF align=center width=30%>広告文責</td><td bgcolor=#ffffff width=70%>株式会社ディーエイチシー（TEL:0120-575-391）</td></tr><tr><td bgcolor=#CFCFCF align=center width=30%>メーカー（製造者）</td><td bgcolor=#ffffff width=70%>株式会社ディーエイチシー</td></tr><tr><td bgcolor=#CFCFCF align=center width=30%>区分</td><td bgcolor=#ffffff width=70%>日本製／化粧品</td></tr><tr><td bgcolor=#CFCFCF align=center width=30%>住所</td><td bgcolor=#ffffff width=70%>東京都港区南麻布2-7-1</td></tr></table></td></tr></table> <table width="720" border="0" cellspacing="0" cellpadding="0" style="font-size:14px; line-height:22px; text-align:left; padding:0;"><tr><td><img src="https://image.rakuten.co.jp/dhcshop/cabinet/cosme_attention1.jpg" alt="化粧品 ご使用上の注意" width="720" height="32"></td></tr><tr><td>●お肌に異常が生じていないかよく注意してご使用ください。お肌に合わないとき、即ち次のような場合には、使用を中止してください。そのまま使用を続けますと、症状を悪化させることがありますので、皮膚科専門医等にご相談されることをおすすめします。 （１）使用中、赤み、はれ、かゆみ、刺激、色抜け（白斑等）や黒ずみ等の異常があらわれた場合 （２）使用したお肌に、直射日光があたって上記のような症状があらわれた場合 ●傷やはれもの、湿疹等、異常のある部位には使用しないでください。</td></tr><tr><td>&nbsp;</td></tr><tr><td><img src="https://image.rakuten.co.jp/dhcshop/cabinet/cosme_attention2.jpg" alt="化粧品 保管の注意" width="720" height="32"></td></tr><tr><td>●使用後は必ずしっかり蓋をしめてください。 ●直射日光の当たる場所、極端に高温多湿の場所には保管しないでください。 ●乳幼児の手の届かない所に保管してください。</td></tr></table>

/***************************************************
 * Generated by SVG Artista
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

@-webkit-keyframes animate-svg-fill-1 {
  0% {
    fill: transparent;
  }

100% {
    fill: rgb(237, 47, 75);
  }
}

@keyframes animate-svg-fill-1 {
  0% {
    fill: transparent;
  }

100% {
    fill: rgb(237, 47, 75);
  }
}

.svg-elem-1 {
  -webkit-animation: animate-svg-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
          animation: animate-svg-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
}

@-webkit-keyframes animate-svg-fill-2 {
  0% {
    fill: transparent;
  }

100% {
    fill: url("#SVGID_1_");
  }
}

@keyframes animate-svg-fill-2 {
  0% {
    fill: transparent;
  }

100% {
    fill: url("#SVGID_1_");
  }
}

.svg-elem-2 {
  -webkit-animation: animate-svg-fill-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
          animation: animate-svg-fill-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
}

@-webkit-keyframes animate-svg-fill-3 {
  0% {
    fill: transparent;
  }

100% {
    fill: rgb(47, 46, 65);
  }
}

@keyframes animate-svg-fill-3 {
  0% {
    fill: transparent;
  }

100% {
    fill: rgb(47, 46, 65);
  }
}

.svg-elem-3 {
  -webkit-animation: animate-svg-fill-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
          animation: animate-svg-fill-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
}

@-webkit-keyframes animate-svg-fill-4 {
  0% {
    fill: transparent;
  }

100% {
    fill: rgb(63, 61, 86);
  }
}

@keyframes animate-svg-fill-4 {
  0% {
    fill: transparent;
  }

100% {
    fill: rgb(63, 61, 86);
  }
}

.svg-elem-4 {
  -webkit-animation: animate-svg-fill-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
          animation: animate-svg-fill-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
}

@-webkit-keyframes animate-svg-fill-5 {
  0% {
    fill: transparent;
  }

100% {
    fill: rgb(47, 46, 65);
  }
}

@keyframes animate-svg-fill-5 {
  0% {
    fill: transparent;
  }

100% {
    fill: rgb(47, 46, 65);
  }
}

.svg-elem-5 {
  -webkit-animation: animate-svg-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
          animation: animate-svg-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
}

@-webkit-keyframes animate-svg-fill-6 {
  0% {
    fill: transparent;
  }

100% {
    fill: rgb(47, 46, 65);
  }
}

@keyframes animate-svg-fill-6 {
  0% {
    fill: transparent;
  }

100% {
    fill: rgb(47, 46, 65);
  }
}

.svg-elem-6 {
  -webkit-animation: animate-svg-fill-6 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
          animation: animate-svg-fill-6 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
}

@-webkit-keyframes animate-svg-fill-7 {
  0% {
    fill: transparent;
  }

100% {
    fill: rgb(47, 46, 65);
  }
}

@keyframes animate-svg-fill-7 {
  0% {
    fill: transparent;
  }

100% {
    fill: rgb(47, 46, 65);
  }
}

.svg-elem-7 {
  -webkit-animation: animate-svg-fill-7 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both;
          animation: animate-svg-fill-7 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both;
}

@-webkit-keyframes animate-svg-fill-8 {
  0% {
    fill: transparent;
  }

100% {
    fill: rgb(47, 46, 65);
  }
}

@keyframes animate-svg-fill-8 {
  0% {
    fill: transparent;
  }

100% {
    fill: rgb(47, 46, 65);
  }
}

.svg-elem-8 {
  -webkit-animation: animate-svg-fill-8 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
          animation: animate-svg-fill-8 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
}

@-webkit-keyframes animate-svg-fill-9 {
  0% {
    fill: transparent;
  }

100% {
    fill: rgb(47, 46, 65);
  }
}

@keyframes animate-svg-fill-9 {
  0% {
    fill: transparent;
  }

100% {
    fill: rgb(47, 46, 65);
  }
}

.svg-elem-9 {
  -webkit-animation: animate-svg-fill-9 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
          animation: animate-svg-fill-9 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
}

@-webkit-keyframes animate-svg-fill-10 {
  0% {
    fill: transparent;
  }

100% {
    fill: rgb(47, 46, 65);
  }
}

@keyframes animate-svg-fill-10 {
  0% {
    fill: transparent;
  }

100% {
    fill: rgb(47, 46, 65);
  }
}

.svg-elem-10 {
  -webkit-animation: animate-svg-fill-10 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s both;
          animation: animate-svg-fill-10 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s both;
}

@-webkit-keyframes animate-svg-fill-11 {
  0% {
    fill: transparent;
  }

100% {
    fill: rgb(47, 46, 65);
  }
}

@keyframes animate-svg-fill-11 {
  0% {
    fill: transparent;
  }

100% {
    fill: rgb(47, 46, 65);
  }
}

.svg-elem-11 {
  -webkit-animation: animate-svg-fill-11 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s both;
          animation: animate-svg-fill-11 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s both;
}

@-webkit-keyframes animate-svg-fill-12 {
  0% {
    fill: transparent;
  }

100% {
    fill: rgb(47, 46, 65);
  }
}

@keyframes animate-svg-fill-12 {
  0% {
    fill: transparent;
  }

100% {
    fill: rgb(47, 46, 65);
  }
}

.svg-elem-12 {
  -webkit-animation: animate-svg-fill-12 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s both;
          animation: animate-svg-fill-12 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s both;
}

@-webkit-keyframes animate-svg-fill-13 {
  0% {
    fill: transparent;
  }

100% {
    fill: rgb(230, 230, 230);
  }
}

@keyframes animate-svg-fill-13 {
  0% {
    fill: transparent;
  }

100% {
    fill: rgb(230, 230, 230);
  }
}

.svg-elem-13 {
  -webkit-animation: animate-svg-fill-13 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s both;
          animation: animate-svg-fill-13 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s both;
}

@-webkit-keyframes animate-svg-fill-14 {
  0% {
    fill: transparent;
  }

100% {
    fill: rgb(230, 230, 230);
  }
}

@keyframes animate-svg-fill-14 {
  0% {
    fill: transparent;
  }

100% {
    fill: rgb(230, 230, 230);
  }
}

.svg-elem-14 {
  -webkit-animation: animate-svg-fill-14 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s both;
          animation: animate-svg-fill-14 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s both;
}

@-webkit-keyframes animate-svg-fill-15 {
  0% {
    fill: transparent;
  }

100% {
    fill: rgb(63, 61, 86);
  }
}

@keyframes animate-svg-fill-15 {
  0% {
    fill: transparent;
  }

100% {
    fill: rgb(63, 61, 86);
  }
}

.svg-elem-15 {
  -webkit-animation: animate-svg-fill-15 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s both;
          animation: animate-svg-fill-15 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s both;
}

@-webkit-keyframes animate-svg-fill-16 {
  0% {
    fill: transparent;
  }

100% {
    fill: rgb(47, 46, 65);
  }
}

@keyframes animate-svg-fill-16 {
  0% {
    fill: transparent;
  }

100% {
    fill: rgb(47, 46, 65);
  }
}

.svg-elem-16 {
  -webkit-animation: animate-svg-fill-16 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s both;
          animation: animate-svg-fill-16 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s both;
}

@-webkit-keyframes animate-svg-fill-17 {
  0% {
    fill: transparent;
  }

100% {
    fill: rgb(203, 203, 203);
  }
}

@keyframes animate-svg-fill-17 {
  0% {
    fill: transparent;
  }

100% {
    fill: rgb(203, 203, 203);
  }
}

.svg-elem-17 {
  -webkit-animation: animate-svg-fill-17 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s both;
          animation: animate-svg-fill-17 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s both;
}

@-webkit-keyframes animate-svg-fill-18 {
  0% {
    fill: transparent;
  }

100% {
    fill: rgb(203, 203, 203);
  }
}

@keyframes animate-svg-fill-18 {
  0% {
    fill: transparent;
  }

100% {
    fill: rgb(203, 203, 203);
  }
}

.svg-elem-18 {
  -webkit-animation: animate-svg-fill-18 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s both;
          animation: animate-svg-fill-18 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s both;
}

@-webkit-keyframes animate-svg-fill-19 {
  0% {
    fill: transparent;
  }

100% {
    fill: rgb(203, 203, 203);
  }
}

@keyframes animate-svg-fill-19 {
  0% {
    fill: transparent;
  }

100% {
    fill: rgb(203, 203, 203);
  }
}

.svg-elem-19 {
  -webkit-animation: animate-svg-fill-19 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s both;
          animation: animate-svg-fill-19 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s both;
}

@-webkit-keyframes animate-svg-fill-20 {
  0% {
    fill: transparent;
  }

100% {
    fill: rgb(203, 203, 203);
  }
}

@keyframes animate-svg-fill-20 {
  0% {
    fill: transparent;
  }

100% {
    fill: rgb(203, 203, 203);
  }
}

.svg-elem-20 {
  -webkit-animation: animate-svg-fill-20 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s both;
          animation: animate-svg-fill-20 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s both;
}

@-webkit-keyframes animate-svg-fill-21 {
  0% {
    fill: transparent;
  }

100% {
    fill: rgb(63, 61, 86);
  }
}

@keyframes animate-svg-fill-21 {
  0% {
    fill: transparent;
  }

100% {
    fill: rgb(63, 61, 86);
  }
}

.svg-elem-21 {
  -webkit-animation: animate-svg-fill-21 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8s both;
          animation: animate-svg-fill-21 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8s both;
}

@-webkit-keyframes animate-svg-fill-22 {
  0% {
    fill: transparent;
  }

100% {
    fill: rgb(230, 230, 230);
  }
}

@keyframes animate-svg-fill-22 {
  0% {
    fill: transparent;
  }

100% {
    fill: rgb(230, 230, 230);
  }
}

.svg-elem-22 {
  -webkit-animation: animate-svg-fill-22 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.9000000000000004s both;
          animation: animate-svg-fill-22 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.9000000000000004s both;
}

@-webkit-keyframes animate-svg-fill-23 {
  0% {
    fill: transparent;
  }

100% {
    fill: rgb(230, 230, 230);
  }
}

@keyframes animate-svg-fill-23 {
  0% {
    fill: transparent;
  }

100% {
    fill: rgb(230, 230, 230);
  }
}

.svg-elem-23 {
  -webkit-animation: animate-svg-fill-23 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
          animation: animate-svg-fill-23 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
}

@-webkit-keyframes animate-svg-fill-24 {
  0% {
    fill: transparent;
  }

100% {
    fill: rgb(230, 230, 230);
  }
}

@keyframes animate-svg-fill-24 {
  0% {
    fill: transparent;
  }

100% {
    fill: rgb(230, 230, 230);
  }
}

.svg-elem-24 {
  -webkit-animation: animate-svg-fill-24 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.1000000000000005s both;
          animation: animate-svg-fill-24 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.1000000000000005s both;
}

@-webkit-keyframes animate-svg-fill-25 {
  0% {
    fill: transparent;
  }

100% {
    fill: rgb(230, 230, 230);
  }
}

@keyframes animate-svg-fill-25 {
  0% {
    fill: transparent;
  }

100% {
    fill: rgb(230, 230, 230);
  }
}

.svg-elem-25 {
  -webkit-animation: animate-svg-fill-25 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2s both;
          animation: animate-svg-fill-25 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2s both;
}

@-webkit-keyframes animate-svg-fill-26 {
  0% {
    fill: transparent;
  }

100% {
    fill: rgb(230, 230, 230);
  }
}

@keyframes animate-svg-fill-26 {
  0% {
    fill: transparent;
  }

100% {
    fill: rgb(230, 230, 230);
  }
}

.svg-elem-26 {
  -webkit-animation: animate-svg-fill-26 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.3s both;
          animation: animate-svg-fill-26 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.3s both;
}

@-webkit-keyframes animate-svg-fill-27 {
  0% {
    fill: transparent;
  }

100% {
    fill: rgb(230, 230, 230);
  }
}

@keyframes animate-svg-fill-27 {
  0% {
    fill: transparent;
  }

100% {
    fill: rgb(230, 230, 230);
  }
}

.svg-elem-27 {
  -webkit-animation: animate-svg-fill-27 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.4000000000000004s both;
          animation: animate-svg-fill-27 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.4000000000000004s both;
}

@-webkit-keyframes animate-svg-fill-28 {
  0% {
    fill: transparent;
  }

100% {
    fill: rgb(230, 230, 230);
  }
}

@keyframes animate-svg-fill-28 {
  0% {
    fill: transparent;
  }

100% {
    fill: rgb(230, 230, 230);
  }
}

.svg-elem-28 {
  -webkit-animation: animate-svg-fill-28 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5s both;
          animation: animate-svg-fill-28 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5s both;
}

@-webkit-keyframes animate-svg-fill-29 {
  0% {
    fill: transparent;
  }

100% {
    fill: rgb(63, 61, 86);
  }
}

@keyframes animate-svg-fill-29 {
  0% {
    fill: transparent;
  }

100% {
    fill: rgb(63, 61, 86);
  }
}

.svg-elem-29 {
  -webkit-animation: animate-svg-fill-29 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.6000000000000005s both;
          animation: animate-svg-fill-29 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.6000000000000005s both;
}

@-webkit-keyframes animate-svg-fill-30 {
  0% {
    fill: transparent;
  }

100% {
    fill: rgb(230, 230, 230);
  }
}

@keyframes animate-svg-fill-30 {
  0% {
    fill: transparent;
  }

100% {
    fill: rgb(230, 230, 230);
  }
}

.svg-elem-30 {
  -webkit-animation: animate-svg-fill-30 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.7s both;
          animation: animate-svg-fill-30 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.7s both;
}

@-webkit-keyframes animate-svg-fill-31 {
  0% {
    fill: transparent;
  }

100% {
    fill: rgb(230, 230, 230);
  }
}

@keyframes animate-svg-fill-31 {
  0% {
    fill: transparent;
  }

100% {
    fill: rgb(230, 230, 230);
  }
}

.svg-elem-31 {
  -webkit-animation: animate-svg-fill-31 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.8s both;
          animation: animate-svg-fill-31 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.8s both;
}

@-webkit-keyframes animate-svg-fill-32 {
  0% {
    fill: transparent;
  }

100% {
    fill: url("#SVGID_2_");
  }
}

@keyframes animate-svg-fill-32 {
  0% {
    fill: transparent;
  }

100% {
    fill: url("#SVGID_2_");
  }
}

.svg-elem-32 {
  -webkit-animation: animate-svg-fill-32 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.9000000000000004s both;
          animation: animate-svg-fill-32 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.9000000000000004s both;
}

@-webkit-keyframes animate-svg-fill-33 {
  0% {
    fill: transparent;
  }

100% {
    fill: rgb(230, 230, 230);
  }
}

@keyframes animate-svg-fill-33 {
  0% {
    fill: transparent;
  }

100% {
    fill: rgb(230, 230, 230);
  }
}

.svg-elem-33 {
  -webkit-animation: animate-svg-fill-33 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4s both;
          animation: animate-svg-fill-33 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4s both;
}

@-webkit-keyframes animate-svg-fill-34 {
  0% {
    fill: transparent;
  }

100% {
    fill: rgb(230, 230, 230);
  }
}

@keyframes animate-svg-fill-34 {
  0% {
    fill: transparent;
  }

100% {
    fill: rgb(230, 230, 230);
  }
}

.svg-elem-34 {
  -webkit-animation: animate-svg-fill-34 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.1000000000000005s both;
          animation: animate-svg-fill-34 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.1000000000000005s both;
}

@-webkit-keyframes animate-svg-fill-35 {
  0% {
    fill: transparent;
  }

100% {
    fill: rgb(230, 230, 230);
  }
}

@keyframes animate-svg-fill-35 {
  0% {
    fill: transparent;
  }

100% {
    fill: rgb(230, 230, 230);
  }
}

.svg-elem-35 {
  -webkit-animation: animate-svg-fill-35 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.2s both;
          animation: animate-svg-fill-35 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.2s both;
}

@-webkit-keyframes animate-svg-fill-36 {
  0% {
    fill: transparent;
  }

100% {
    fill: rgb(47, 46, 65);
  }
}

@keyframes animate-svg-fill-36 {
  0% {
    fill: transparent;
  }

100% {
    fill: rgb(47, 46, 65);
  }
}

.svg-elem-36 {
  -webkit-animation: animate-svg-fill-36 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.3s both;
          animation: animate-svg-fill-36 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.3s both;
}

@-webkit-keyframes animate-svg-fill-37 {
  0% {
    fill: transparent;
  }

100% {
    fill: rgb(58, 4, 4);
  }
}

@keyframes animate-svg-fill-37 {
  0% {
    fill: transparent;
  }

100% {
    fill: rgb(58, 4, 4);
  }
}

.svg-elem-37 {
  -webkit-animation: animate-svg-fill-37 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.4s both;
          animation: animate-svg-fill-37 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.4s both;
}

@-webkit-keyframes animate-svg-fill-38 {
  0% {
    fill: transparent;
  }

100% {
    fill: rgb(63, 61, 86);
  }
}

@keyframes animate-svg-fill-38 {
  0% {
    fill: transparent;
  }

100% {
    fill: rgb(63, 61, 86);
  }
}

.svg-elem-38 {
  -webkit-animation: animate-svg-fill-38 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.5s both;
          animation: animate-svg-fill-38 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.5s both;
}

@-webkit-keyframes animate-svg-fill-39 {
  0% {
    fill: transparent;
  }

100% {
    fill: rgb(63, 61, 86);
  }
}

@keyframes animate-svg-fill-39 {
  0% {
    fill: transparent;
  }

100% {
    fill: rgb(63, 61, 86);
  }
}

.svg-elem-39 {
  -webkit-animation: animate-svg-fill-39 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.6000000000000005s both;
          animation: animate-svg-fill-39 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.6000000000000005s both;
}

@-webkit-keyframes animate-svg-fill-40 {
  0% {
    fill: transparent;
  }

100% {
    fill: rgb(63, 61, 86);
  }
}

@keyframes animate-svg-fill-40 {
  0% {
    fill: transparent;
  }

100% {
    fill: rgb(63, 61, 86);
  }
}

.svg-elem-40 {
  -webkit-animation: animate-svg-fill-40 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.7s both;
          animation: animate-svg-fill-40 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.7s both;
}