cssAudio - Activefile-genericCSS - ActiveGeneric - ActiveHTML - ActiveImage - ActiveJS - ActiveSVG - ActiveText - Activefile-genericVideo - Activehtmlicon-personicon-teamoctocatspinnerstartv

Pen Settings

CSS Base

Vendor Prefixing

Add External CSS

These stylesheets will be added in this order and before the code you write in the CSS editor. You can also add another Pen here, and it will pull the CSS from it. Try typing "font" or "ribbon" below.

Quick-add: + add another resource

Add External JavaScript

These scripts will run in this order and before the code in the JavaScript editor. You can also link to another Pen here, and it will run the JavaScript from it. Also try typing the name of any popular library.

Quick-add: + add another resource

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.

            
              <div class="container">
			<svg class="top-bread" width="273" height="140" viewBox="0 0 273 140" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path fill="#6D2E03" d="M136.065 109.074l-49.09-23.031 55.44-26.202H.025v29.037h86.951v27.037l49.09 23.032L272.241 75.06V45.19z"/><path fill="#F8A14B" d="M136.065 136.396L272.241 72.51V42.638l-136.176 63.886z"/><path fill="#BC5B0C" d="M136.065 136.396l-49.09-23.031V83.492l49.09 23.032z"/><path fill="#F1B863" d="M113.018 84.343l20.257 9.504 81.63-38.298h-40.963z"/><path d="M168.797 67.31c0 .644-.812 1.166-1.813 1.166-1 0-1.812-.522-1.812-1.167 0-.643.812-1.165 1.812-1.165 1.001 0 1.813.522 1.813 1.165M177.059 67.31c0 .644-.812 1.166-1.813 1.166-1 0-1.811-.522-1.811-1.167 0-.643.811-1.165 1.811-1.165 1.001 0 1.813.522 1.813 1.165M197.105 60.747c0 .645-.811 1.167-1.812 1.167-1.002 0-1.813-.522-1.813-1.167 0-.644.811-1.166 1.813-1.166 1 0 1.812.522 1.812 1.166M188.474 61.914c0 .644-.812 1.167-1.812 1.167s-1.813-.523-1.813-1.167.812-1.167 1.813-1.167c1 0 1.812.523 1.812 1.167M180.683 60.747c0 .645-.811 1.167-1.812 1.167-1 0-1.812-.522-1.812-1.167 0-.644.811-1.166 1.812-1.166 1 0 1.812.522 1.812 1.166M130.05 83.492c0 .645-.81 1.167-1.812 1.167-1.001 0-1.811-.522-1.811-1.167 0-.643.81-1.165 1.811-1.165s1.813.522 1.813 1.165M137.877 88c0 .644-.812 1.167-1.812 1.167-1.001 0-1.812-.523-1.812-1.168 0-.643.811-1.166 1.812-1.166 1 0 1.812.523 1.812 1.166M137.877 82.326c0 .645-.812 1.166-1.812 1.166-1.001 0-1.812-.521-1.812-1.166 0-.644.811-1.167 1.812-1.167 1 0 1.812.523 1.812 1.167M171.516 63.08c0 .645-.812 1.167-1.813 1.167s-1.812-.522-1.812-1.166c0-.645.81-1.167 1.812-1.167 1 0 1.813.522 1.813 1.167M173.327 73.248c0 .645-.811 1.167-1.813 1.167-1 0-1.811-.522-1.811-1.167 0-.644.81-1.166 1.81-1.166 1.003 0 1.814.522 1.814 1.166M167.529 72.081c0 .645-.812 1.167-1.812 1.167-1.001 0-1.812-.522-1.812-1.167 0-.644.81-1.166 1.812-1.166 1 0 1.812.522 1.812 1.166M163.36 70.137c0 .644-.813 1.167-1.813 1.167-1.001 0-1.812-.523-1.812-1.167s.811-1.166 1.812-1.166c1 0 1.813.522 1.813 1.166M160.409 74.6c0 .645-.811 1.167-1.812 1.167s-1.812-.522-1.812-1.167c0-.644.81-1.166 1.812-1.166 1 0 1.812.522 1.812 1.166M155.102 73.434c0 .644-.812 1.166-1.813 1.166-1 0-1.812-.522-1.812-1.166 0-.644.811-1.167 1.812-1.167s1.813.523 1.813 1.167M155.102 76.972c0 .644-.812 1.167-1.813 1.167-1 0-1.812-.523-1.812-1.167s.811-1.167 1.812-1.167 1.813.523 1.813 1.167M148.565 78.139c0 .644-.812 1.166-1.812 1.166-1.001 0-1.813-.522-1.813-1.166 0-.645.812-1.167 1.813-1.167 1 0 1.812.522 1.812 1.167M146.621 81.597c0 .644-.81 1.167-1.812 1.167-1.001 0-1.812-.523-1.812-1.167s.81-1.166 1.812-1.166c1.001 0 1.812.522 1.812 1.166M142.415 79.877c0 .644-.811 1.167-1.812 1.167-1.002 0-1.813-.523-1.813-1.167s.81-1.167 1.813-1.167c1 0 1.812.523 1.812 1.167" fill="#F8D1A4"/><path d="M181.88 32.99c0-4.33-1.68-9.533-8.461-13.659-8.852-5.388-22.034-7.392-34.415-7.392-12.226 0-22.81 3.3-32.404 7.876L55.642 44.1h118.89c4.706-3.504 7.347-7.451 7.347-11.11" fill="#F1B863"/><path d="M136.065 106.524l136.176-63.886" fill="#730E2F"/><path d="M144.55 18.92c0 .644-.812 1.167-1.813 1.167-1 0-1.812-.523-1.812-1.167s.812-1.166 1.812-1.166c1.001 0 1.813.522 1.813 1.166M151.67 23.376c0 .644-.812 1.166-1.813 1.166-1 0-1.812-.522-1.812-1.166 0-.645.812-1.167 1.812-1.167 1.001 0 1.813.522 1.813 1.167M149.857 18.92c0 .644-.81 1.167-1.811 1.167s-1.813-.523-1.813-1.167.812-1.166 1.813-1.166c1 0 1.811.522 1.811 1.166M143.505 24.542c0 .645-.812 1.167-1.812 1.167-1.001 0-1.813-.522-1.813-1.167 0-.644.812-1.166 1.813-1.166 1 0 1.812.522 1.812 1.166M138.014 17.754c0 .644-.812 1.166-1.812 1.166-1.002 0-1.813-.522-1.813-1.166 0-.645.811-1.167 1.813-1.167 1 0 1.812.522 1.812 1.167" fill="#F8D1A4"/><path d="M117.65 83.466l55.385-26.176h37.24l-74.21 34.816-18.416-8.64zM61.38 42.638l46.325-22.077c8.722-4.16 18.344-7.16 29.458-7.16 11.256 0 23.24 1.822 31.287 6.72 6.164 3.751 7.691 8.48 7.691 12.416 0 3.327-2.401 6.915-6.68 10.101H61.38zm125.869 0c1.73-3.176 2.67-6.57 2.67-10.1 0-17.734-23.62-32.11-52.756-32.11-13.676 0-26.134 3.17-35.507 8.365l-.003-.004L.023 57.29h142.393l-55.44 26.202 49.089 23.032 136.176-63.886h-84.992z" fill="#F6EBBD"/><path d="M130.051 18.92c0 .644-.812 1.167-1.813 1.167-1 0-1.812-.523-1.812-1.167s.812-1.166 1.812-1.166c1.001 0 1.813.522 1.813 1.166M137.882 22.209c0 .644-.812 1.167-1.813 1.167-1 0-1.812-.523-1.812-1.167s.812-1.166 1.812-1.166 1.813.522 1.813 1.166M129.312 23.376c0 .644-.812 1.166-1.813 1.166-1 0-1.812-.522-1.812-1.166 0-.645.812-1.167 1.812-1.167s1.813.522 1.813 1.167M134.389 26.876c0 .644-.812 1.166-1.812 1.166-1.001 0-1.812-.522-1.812-1.166 0-.645.81-1.167 1.812-1.167 1 0 1.812.522 1.812 1.167M146.362 28.042c0 .645-.812 1.166-1.812 1.166-1.002 0-1.813-.521-1.813-1.166 0-.644.811-1.166 1.813-1.166 1 0 1.812.522 1.812 1.166M154.62 27.605c0 .645-.811 1.167-1.813 1.167-1 0-1.811-.522-1.811-1.167 0-.644.812-1.166 1.811-1.166 1.002 0 1.814.522 1.814 1.166M167.586 24.542c0 .645-.811 1.167-1.812 1.167-1 0-1.813-.522-1.813-1.167 0-.644.813-1.166 1.813-1.166s1.812.522 1.812 1.166M169.703 34.536c0 .644-.812 1.166-1.813 1.166-1 0-1.81-.522-1.81-1.166 0-.644.81-1.167 1.81-1.167 1.001 0 1.813.523 1.813 1.167M160.857 36.869c0 .644-.811 1.166-1.813 1.166-1 0-1.812-.522-1.812-1.166 0-.644.812-1.167 1.812-1.167 1.002 0 1.813.523 1.813 1.167M102.818 33.369c0 .644-.811 1.166-1.812 1.166-1 0-1.812-.522-1.812-1.166 0-.645.812-1.167 1.812-1.167s1.812.522 1.812 1.167M93.972 29.939c0 .643-.811 1.166-1.812 1.166-1 0-1.812-.523-1.812-1.166 0-.644.811-1.167 1.812-1.167 1 0 1.812.523 1.812 1.167M84.048 35.702c0 .644-.812 1.167-1.813 1.167-1 0-1.812-.523-1.812-1.167s.812-1.166 1.812-1.166c1.001 0 1.813.522 1.813 1.166M95.784 35.702c0 .644-.811 1.167-1.812 1.167-1 0-1.812-.523-1.812-1.167s.811-1.166 1.812-1.166c1 0 1.812.522 1.812 1.166M112.052 35.702c0 .644-.812 1.167-1.813 1.167-1 0-1.812-.523-1.812-1.167s.812-1.166 1.812-1.166c1.001 0 1.813.522 1.813 1.166M127.5 33.369c0 .644-.812 1.166-1.814 1.166-1 0-1.812-.522-1.812-1.166 0-.645.812-1.167 1.813-1.167 1 0 1.812.522 1.812 1.167M148.045 32.202c0 .644-.811 1.167-1.812 1.167s-1.813-.523-1.813-1.167.812-1.167 1.813-1.167c1 0 1.812.523 1.812 1.167M138.097 31.105c0 .644-.812 1.167-1.813 1.167-1 0-1.812-.523-1.812-1.167s.812-1.166 1.812-1.166c1.001 0 1.813.522 1.813 1.166M140.898 36.869c0 .644-.812 1.166-1.814 1.166-1 0-1.811-.522-1.811-1.166 0-.644.811-1.167 1.811-1.167 1.002 0 1.814.523 1.814 1.167M160.857 22.21c0 .644-.811 1.166-1.813 1.166-1 0-1.812-.522-1.812-1.167 0-.644.812-1.166 1.812-1.166 1.002 0 1.813.522 1.813 1.166M156.433 21.043c0 .644-.812 1.166-1.812 1.166-1.002 0-1.814-.522-1.814-1.166 0-.645.812-1.167 1.814-1.167 1 0 1.812.522 1.812 1.167M123.154 24.542c0 .645-.81 1.167-1.812 1.167-1 0-1.812-.522-1.812-1.167 0-.644.811-1.166 1.812-1.166s1.812.522 1.812 1.166M127.5 28.042c0 .645-.812 1.166-1.813 1.166s-1.813-.521-1.813-1.166c0-.644.812-1.166 1.813-1.166 1 0 1.812.522 1.812 1.166M123.154 19.876c0 .644-.81 1.167-1.812 1.167-1 0-1.812-.523-1.812-1.167s.811-1.167 1.812-1.167 1.812.523 1.812 1.167M116.176 23.765c0 .644-.812 1.166-1.812 1.166-1.001 0-1.813-.522-1.813-1.166 0-.644.812-1.167 1.813-1.167 1 0 1.812.523 1.812 1.167M117.989 28.772c0 .644-.812 1.167-1.813 1.167-1 0-1.812-.523-1.812-1.167s.812-1.167 1.812-1.167 1.813.523 1.813 1.167M108.428 27.605c0 .645-.812 1.167-1.812 1.167-1.002 0-1.813-.522-1.813-1.167 0-.644.811-1.166 1.813-1.166 1 0 1.812.522 1.812 1.166" fill="#F8D1A4"/><path fill="#843F0B" d="M86.975 86.327H.024V57.29h142.392l-55.44 26.202z"/><path fill="#F9943A" d="M223.774 65.376L206.97 73.26v29.872l16.803-7.883zM174.16 118.524l5.73-2.688V85.964l-5.73 2.688zM241.202 57.2L229.88 62.51v29.872l11.322-5.311z"/><path fill="#CE5605" d="M116.355 97.277l-7.39-3.468v29.873l7.39 3.467zM97.254 118.187l7.39 3.467V91.782l-7.39-3.467z"/><path fill="#964005" d="M91.46 81.373l25.643-12.12V57.29H91.46zM19.282 86.327h15.47V57.29h-15.47zM47.156 86.327h15.47V57.29h-15.47zM68.784 86.327h9.207V57.29h-9.207z"/></g></svg>
			<svg class="green-vege" width="298" height="78" viewBox="-1 0 298 78" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M266.481 27.126c-.934-.556-2.08-1.054-3.403-1.473a39.73 39.73 0 0 0 3.403-.309v1.782zm-136.8 39.275v-.227h.111c.185 0 .37-.002.553-.004-.227.074-.448.151-.664.231zM290.834 6.389v.386c-2.91-.974-6.704-1.564-10.859-1.564-9.163 0-16.592 2.867-16.592 6.403 0 .472.136.931.388 1.374a42.855 42.855 0 0 0-2.758-.09c-9.164 0-16.592 2.867-16.592 6.403 0 1.994 2.361 3.774 6.063 4.948-7.04.338-12.71 2.376-14.163 5.017-2.176-.405-4.617-.632-7.195-.632-9.164 0-16.592 2.867-16.592 6.403 0 1.144.78 2.218 2.144 3.147-9.145.008-16.552 2.871-16.552 6.402 0 .058.007.115.011.174a42.155 42.155 0 0 0-3.838-.174c-9.164 0-16.592 2.866-16.592 6.403 0 .87.452 1.698 1.265 2.454-7.96.472-14.056 3.125-14.056 6.329v.01a41.026 41.026 0 0 0-.922-.011c-8.256 0-15.1 2.327-16.377 5.375a40.243 40.243 0 0 0-6.501-.511c-.186 0-.369.003-.553.005 3.562-1.174 5.821-2.919 5.821-4.868 0-3.352-6.672-6.1-15.17-6.379l.001-.025c0-3.536-7.429-6.402-16.592-6.402h-.002c5.647-1.022 9.56-3.234 9.56-5.8 0-1.296-1-2.5-2.713-3.508 4.973-1.106 8.324-3.176 8.324-5.551 0-2.561-3.898-4.77-9.528-5.794 3.508-1.174 5.729-2.905 5.729-4.838 0-3.537-7.429-6.403-16.593-6.403-4.149 0-7.94.589-10.85 1.561a40.924 40.924 0 0 0-5.742-.394c-5.833 0-10.96 1.162-13.918 2.919-2.839-.876-6.438-1.402-10.356-1.402-1.749 0-3.433.105-5.016.298-2.748-2.07-8.33-3.489-14.773-3.489-6.53 0-12.176 1.457-14.884 3.573a41.199 41.199 0 0 0-6.39-.329c-2.913-.977-6.715-1.57-10.879-1.57-3.048 0-5.902.318-8.357.872H0v5.53c0 3.537 7.429 6.404 16.592 6.404.348 0 .694-.006 1.038-.014 2.913.977 6.714 1.57 10.878 1.57 2.511 0 4.892-.216 7.026-.602 1.194 3.083 8.085 5.448 16.408 5.448 7.812 0 14.36-2.084 16.122-4.89.157.002.312.005.47.005 5.833 0 10.96-1.162 13.918-2.92 2.84.878 6.438 1.403 10.356 1.403 2.376 0 4.633-.194 6.676-.541-1.814 1.026-2.876 2.267-2.876 3.603 0 1.296 1 2.5 2.713 3.508-.346.077-.682.16-1.012.246h-7.313v5.305c0 3.536 7.43 6.403 16.592 6.403h.002c-.88.16-1.712.35-2.5.564v-.244h-7.028v5.152c-.015.11-.032.218-.032.327 0 .126.013.251.032.375v.129h.024c.628 3.12 7.048 5.61 15.116 5.875l-.002.025c0 2.846 4.815 5.258 11.473 6.09h-.15v5.176c0 3.537 7.429 6.403 16.593 6.403 8.256 0 15.1-2.328 16.376-5.374 1.997.328 4.194.51 6.502.51 9.163 0 16.592-2.866 16.592-6.403v-.01c.305.007.612.01.922.01 9.163 0 16.592-2.866 16.592-6.402 0-.87-.451-1.699-1.265-2.454 7.96-.472 14.057-3.126 14.057-6.33 0-.058-.008-.115-.012-.173 1.233.113 2.516.175 3.838.175 9.164 0 16.593-2.867 16.593-6.404v-3.202c6.984-.354 12.6-2.385 14.043-5.012 2.177.405 4.618.632 7.196.632 8.75 0 15.915-2.615 16.542-5.93.03-.156.05-.314.05-.472 0-.16-.02-.316-.05-.472V25.3h-2.287c6.308-.906 10.8-3.25 10.8-5.999 0-.472-.136-.931-.387-1.374.897.057 1.817.09 2.757.09 9.164 0 16.593-2.867 16.593-6.403V6.39h-5.734z" fill="#31A300"/><path d="M252.831 19.82h-8.35c.37 1.781 2.626 3.358 6.002 4.43-3.667.175-6.956.816-9.477 1.76V39.5c2.142-.85 3.687-1.924 4.348-3.128 2.177.405 4.618.632 7.196.632l.281-.002V19.819zM218.36 50.833c5.428-.47 9.848-1.964 11.827-3.93v-15.41H218.36v19.34zM283.529 17.868V5.364a42.11 42.11 0 0 0-3.554-.153c-3.013 0-5.836.311-8.272.853v18.127c3.605-1.174 5.903-2.926 5.903-4.89 0-.472-.137-.93-.388-1.374a42.144 42.144 0 0 0 6.31-.06M198.137 44.76a41.085 41.085 0 0 0-2.143-.135h-3.507V64.57c3.44-1.173 5.613-2.887 5.613-4.798 0-.87-.452-1.699-1.265-2.454a37.12 37.12 0 0 0 5.256-.677V44.625h-3.963c.002.045.006.09.01.135M32.57 17.99a41.876 41.876 0 0 0-5.1-.181c-2.912-.977-6.714-1.57-10.878-1.57-1.22 0-2.405.052-3.55.15v12.507a42.236 42.236 0 0 0 4.587.135c2.913.977 6.715 1.57 10.879 1.57 1.404 0 2.76-.073 4.063-.2V17.99zM72.541 17.948a41.855 41.855 0 0 0-4.007-.192c-1.749 0-3.433.105-5.015.298-2.12-1.596-5.924-2.8-10.505-3.271v20.646c7.332-.18 13.369-2.195 15.05-4.871.157.001.312.004.47.004 1.383 0 2.724-.067 4.007-.19V17.947zM112.682 39.994H97.664v6.304c2.768.798 6.203 1.27 9.924 1.27h.002c-.88.16-1.712.351-2.5.565v-.244h-7.028v5.152c-.015.11-.032.217-.032.327 0 .126.013.251.032.375v.129h.023c.616 3.052 6.775 5.5 14.597 5.853v-19.73zM174.025 58.968h-8.977c-.085.263-.132.531-.132.804v.01c-.306-.007-.613-.011-.922-.011-2.886 0-5.6.286-7.963.786V73.84c.698-.551 1.199-1.147 1.461-1.773 1.997.328 4.194.51 6.502.51 3.77 0 7.245-.485 10.031-1.303V58.968z" fill="#348210"/><path d="M279.975.109c-9.163 0-16.592 2.866-16.592 6.402 0 .473.136.932.388 1.375a42.841 42.841 0 0 0-2.758-.09c-9.164 0-16.592 2.867-16.592 6.403 0 1.993 2.361 3.774 6.062 4.948-7.038.338-12.709 2.376-14.161 5.017-2.177-.405-4.618-.632-7.196-.632-9.164 0-16.592 2.866-16.592 6.403 0 1.144.781 2.217 2.144 3.146-9.145.009-16.552 2.872-16.552 6.403 0 .058.007.116.012.174a42.31 42.31 0 0 0-3.84-.175c-9.162 0-16.591 2.867-16.591 6.403 0 .87.452 1.699 1.265 2.455-7.96.471-14.056 3.124-14.056 6.329v.01c-.306-.007-.613-.011-.922-.011-8.256 0-15.1 2.327-16.376 5.375a40.292 40.292 0 0 0-7.055-.506c3.562-1.174 5.822-2.92 5.822-4.868 0-3.352-6.674-6.1-15.171-6.379l.001-.025c0-3.536-7.429-6.403-16.592-6.403h-.002c5.647-1.021 9.56-3.233 9.56-5.8 0-1.295-1-2.5-2.714-3.508 4.974-1.105 8.325-3.176 8.325-5.55 0-2.561-3.897-4.77-9.528-5.794 3.508-1.174 5.73-2.905 5.73-4.838 0-3.536-7.43-6.403-16.593-6.403-4.15 0-7.941.59-10.85 1.561a40.793 40.793 0 0 0-5.743-.395c-5.833 0-10.96 1.163-13.918 2.92-2.84-.877-6.437-1.402-10.356-1.402-1.748 0-3.433.105-5.015.298-2.75-2.071-8.33-3.489-14.774-3.489-6.53 0-12.175 1.457-14.884 3.573a41.115 41.115 0 0 0-6.39-.33c-2.913-.976-6.715-1.57-10.879-1.57C7.43 11.136 0 14.003 0 17.54c0 3.536 7.429 6.402 16.592 6.402.349 0 .694-.005 1.037-.013 2.913.977 6.715 1.57 10.879 1.57 2.512 0 4.892-.216 7.026-.602 1.195 3.084 8.085 5.449 16.408 5.449 7.812 0 14.36-2.085 16.122-4.89.156.001.312.004.47.004 5.833 0 10.96-1.163 13.918-2.919 2.84.876 6.438 1.402 10.356 1.402 2.376 0 4.633-.194 6.676-.542-1.814 1.028-2.876 2.268-2.876 3.604 0 1.296 1 2.5 2.713 3.508-4.974 1.105-8.325 3.176-8.325 5.55 0 3.537 7.429 6.404 16.593 6.404-5.646 1.021-9.558 3.234-9.558 5.8 0 3.351 6.673 6.099 15.171 6.378l-.002.025c0 3.536 7.429 6.403 16.592 6.403.186 0 .37-.003.553-.006-3.561 1.175-5.822 2.919-5.822 4.869 0 3.536 7.429 6.403 16.593 6.403 8.256 0 15.1-2.328 16.376-5.374 1.997.328 4.194.51 6.502.51 9.163 0 16.592-2.866 16.592-6.403v-.01c.305.007.612.01.922.01 9.163 0 16.592-2.866 16.592-6.402 0-.87-.451-1.699-1.265-2.455 7.96-.471 14.057-3.125 14.057-6.329 0-.058-.008-.115-.012-.173 1.233.113 2.516.174 3.838.174 9.164 0 16.593-2.867 16.593-6.403 0-1.144-.782-2.217-2.145-3.147 7.96-.007 14.599-2.177 16.188-5.067 2.177.405 4.618.632 7.196.632 9.164 0 16.592-2.867 16.592-6.403 0-1.994-2.362-3.774-6.063-4.948 8.188-.393 14.527-3.086 14.527-6.352 0-.472-.137-.931-.388-1.374.897.058 1.818.09 2.757.09 9.165 0 16.593-2.867 16.593-6.404 0-3.536-7.428-6.402-16.593-6.402" fill="#52D813"/></g></svg>
			<svg class="red-vege-01" width="61" height="35" viewBox="0 0 61 35" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M43.512 12.18c-4.07-.819-8.695-1.285-13.603-1.285-4.909 0-9.534.466-13.604 1.286H.439v10.087c0 6.281 13.195 11.372 29.47 11.372s29.47-5.091 29.47-11.372V12.181H43.511z" fill="#EB0C00"/><path d="M59.378 12.18c0 6.282-13.194 11.373-29.47 11.373-16.275 0-29.47-5.091-29.47-11.372S13.634.808 29.909.808c16.276 0 29.47 5.092 29.47 11.373" fill="#E88041"/><path d="M54.102 12.18c0 5.025-10.833 9.099-24.193 9.099-13.362 0-24.194-4.074-24.194-9.098 0-5.025 10.832-9.098 24.194-9.098 13.36 0 24.193 4.073 24.193 9.098" fill="#F89D6B"/><path d="M30.821 3.678c0 1.117-.41 2.022-.912 2.022-.504 0-.913-.905-.913-2.022 0-1.117.409-2.022.913-2.022.503 0 .912.905.912 2.022M21.764 3.975c.426 1.033.394 2.026-.07 2.218-.466.193-1.19-.486-1.616-1.518-.427-1.032-.396-2.024.07-2.217.465-.193 1.189.486 1.616 1.517M15.296 5.523c.789.79 1.139 1.72.783 2.075-.357.357-1.284.007-2.073-.783-.789-.79-1.14-1.719-.783-2.076.356-.357 1.284-.006 2.073.784M11.534 8.083c1.03.428 1.71 1.153 1.517 1.618-.194.465-1.184.498-2.215.07-1.03-.427-1.709-1.15-1.516-1.616.193-.468 1.184-.5 2.214-.072M9.94 11.268c1.115 0 2.02.41 2.02.913 0 .504-.905.913-2.02.914-1.115 0-2.02-.409-2.02-.913 0-.506.904-.914 2.02-.914M11.998 14.591c1.031-.427 2.023-.395 2.215.07.192.466-.486 1.19-1.517 1.619-1.029.427-2.02.395-2.214-.07-.192-.468.486-1.191 1.516-1.619M15.167 17.547c.79-.79 1.717-1.14 2.073-.782.355.356.006 1.284-.783 2.075-.788.79-1.716 1.14-2.072.784-.356-.358-.006-1.286.782-2.077M21.22 19.687c.428-1.032 1.152-1.711 1.616-1.518.465.193.497 1.185.07 2.217-.425 1.032-1.15 1.712-1.614 1.519-.467-.195-.497-1.185-.071-2.218M28.997 20.684c0-1.118.409-2.022.912-2.022.503 0 .912.904.913 2.021 0 1.117-.408 2.022-.911 2.022-.506-.001-.914-.904-.914-2.021M38.054 20.386c-.426-1.032-.396-2.025.07-2.218.465-.192 1.188.486 1.615 1.518.428 1.032.396 2.024-.069 2.217-.467.193-1.188-.485-1.616-1.517M45.374 18.839c-.789-.79-1.14-1.72-.783-2.076.356-.354 1.284-.006 2.072.783.79.79 1.14 1.719.784 2.075-.358.357-1.284.007-2.073-.782M49.135 16.279c-1.03-.428-1.71-1.154-1.515-1.618.192-.465 1.183-.498 2.213-.071s1.71 1.151 1.516 1.617c-.194.466-1.183.498-2.214.072M50.176 13.094c-1.115 0-2.02-.41-2.019-.914.001-.503.903-.913 2.019-.913 1.116-.001 2.019.408 2.019.913-.001.504-.903.914-2.019.914M47.936 9.77c-1.031.428-2.024.396-2.215-.07-.191-.465.485-1.19 1.517-1.617 1.03-.429 2.02-.396 2.213.07.192.467-.485 1.19-1.515 1.617M43.845 6.814c-.789.79-1.718 1.14-2.073.783-.355-.356-.006-1.284.783-2.074.788-.791 1.716-1.142 2.072-.785.355.359.006 1.286-.782 2.076M38.331 4.674c-.428 1.033-1.152 1.712-1.616 1.52-.464-.195-.496-1.185-.07-2.218.426-1.032 1.15-1.711 1.615-1.52.465.196.497 1.187.071 2.218" fill="#F9C6B2"/></g></svg>
			<svg class="red-vege-02" width="61" height="35" viewBox="0 0 61 35" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M43.512 12.18c-4.07-.819-8.695-1.285-13.603-1.285-4.909 0-9.534.466-13.604 1.286H.439v10.087c0 6.281 13.195 11.372 29.47 11.372s29.47-5.091 29.47-11.372V12.181H43.511z" fill="#EB0C00"/><path d="M59.378 12.18c0 6.282-13.194 11.373-29.47 11.373-16.275 0-29.47-5.091-29.47-11.372S13.634.808 29.909.808c16.276 0 29.47 5.092 29.47 11.373" fill="#E88041"/><path d="M54.102 12.18c0 5.025-10.833 9.099-24.193 9.099-13.362 0-24.194-4.074-24.194-9.098 0-5.025 10.832-9.098 24.194-9.098 13.36 0 24.193 4.073 24.193 9.098" fill="#F89D6B"/><path d="M30.821 3.678c0 1.117-.41 2.022-.912 2.022-.504 0-.913-.905-.913-2.022 0-1.117.409-2.022.913-2.022.503 0 .912.905.912 2.022M21.764 3.975c.426 1.033.394 2.026-.07 2.218-.466.193-1.19-.486-1.616-1.518-.427-1.032-.396-2.024.07-2.217.465-.193 1.189.486 1.616 1.517M15.296 5.523c.789.79 1.139 1.72.783 2.075-.357.357-1.284.007-2.073-.783-.789-.79-1.14-1.719-.783-2.076.356-.357 1.284-.006 2.073.784M11.534 8.083c1.03.428 1.71 1.153 1.517 1.618-.194.465-1.184.498-2.215.07-1.03-.427-1.709-1.15-1.516-1.616.193-.468 1.184-.5 2.214-.072M9.94 11.268c1.115 0 2.02.41 2.02.913 0 .504-.905.913-2.02.914-1.115 0-2.02-.409-2.02-.913 0-.506.904-.914 2.02-.914M11.998 14.591c1.031-.427 2.023-.395 2.215.07.192.466-.486 1.19-1.517 1.619-1.029.427-2.02.395-2.214-.07-.192-.468.486-1.191 1.516-1.619M15.167 17.547c.79-.79 1.717-1.14 2.073-.782.355.356.006 1.284-.783 2.075-.788.79-1.716 1.14-2.072.784-.356-.358-.006-1.286.782-2.077M21.22 19.687c.428-1.032 1.152-1.711 1.616-1.518.465.193.497 1.185.07 2.217-.425 1.032-1.15 1.712-1.614 1.519-.467-.195-.497-1.185-.071-2.218M28.997 20.684c0-1.118.409-2.022.912-2.022.503 0 .912.904.913 2.021 0 1.117-.408 2.022-.911 2.022-.506-.001-.914-.904-.914-2.021M38.054 20.386c-.426-1.032-.396-2.025.07-2.218.465-.192 1.188.486 1.615 1.518.428 1.032.396 2.024-.069 2.217-.467.193-1.188-.485-1.616-1.517M45.374 18.839c-.789-.79-1.14-1.72-.783-2.076.356-.354 1.284-.006 2.072.783.79.79 1.14 1.719.784 2.075-.358.357-1.284.007-2.073-.782M49.135 16.279c-1.03-.428-1.71-1.154-1.515-1.618.192-.465 1.183-.498 2.213-.071s1.71 1.151 1.516 1.617c-.194.466-1.183.498-2.214.072M50.176 13.094c-1.115 0-2.02-.41-2.019-.914.001-.503.903-.913 2.019-.913 1.116-.001 2.019.408 2.019.913-.001.504-.903.914-2.019.914M47.936 9.77c-1.031.428-2.024.396-2.215-.07-.191-.465.485-1.19 1.517-1.617 1.03-.429 2.02-.396 2.213.07.192.467-.485 1.19-1.515 1.617M43.845 6.814c-.789.79-1.718 1.14-2.073.783-.355-.356-.006-1.284.783-2.074.788-.791 1.716-1.142 2.072-.785.355.359.006 1.286-.782 2.076M38.331 4.674c-.428 1.033-1.152 1.712-1.616 1.52-.464-.195-.496-1.185-.07-2.218.426-1.032 1.15-1.711 1.615-1.52.465.196.497 1.187.071 2.218" fill="#F9C6B2"/></g></svg>
			<svg class="red-vege-03" width="61" height="35" viewBox="0 0 61 35" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M43.512 12.18c-4.07-.819-8.695-1.285-13.603-1.285-4.909 0-9.534.466-13.604 1.286H.439v10.087c0 6.281 13.195 11.372 29.47 11.372s29.47-5.091 29.47-11.372V12.181H43.511z" fill="#EB0C00"/><path d="M59.378 12.18c0 6.282-13.194 11.373-29.47 11.373-16.275 0-29.47-5.091-29.47-11.372S13.634.808 29.909.808c16.276 0 29.47 5.092 29.47 11.373" fill="#E88041"/><path d="M54.102 12.18c0 5.025-10.833 9.099-24.193 9.099-13.362 0-24.194-4.074-24.194-9.098 0-5.025 10.832-9.098 24.194-9.098 13.36 0 24.193 4.073 24.193 9.098" fill="#F89D6B"/><path d="M30.821 3.678c0 1.117-.41 2.022-.912 2.022-.504 0-.913-.905-.913-2.022 0-1.117.409-2.022.913-2.022.503 0 .912.905.912 2.022M21.764 3.975c.426 1.033.394 2.026-.07 2.218-.466.193-1.19-.486-1.616-1.518-.427-1.032-.396-2.024.07-2.217.465-.193 1.189.486 1.616 1.517M15.296 5.523c.789.79 1.139 1.72.783 2.075-.357.357-1.284.007-2.073-.783-.789-.79-1.14-1.719-.783-2.076.356-.357 1.284-.006 2.073.784M11.534 8.083c1.03.428 1.71 1.153 1.517 1.618-.194.465-1.184.498-2.215.07-1.03-.427-1.709-1.15-1.516-1.616.193-.468 1.184-.5 2.214-.072M9.94 11.268c1.115 0 2.02.41 2.02.913 0 .504-.905.913-2.02.914-1.115 0-2.02-.409-2.02-.913 0-.506.904-.914 2.02-.914M11.998 14.591c1.031-.427 2.023-.395 2.215.07.192.466-.486 1.19-1.517 1.619-1.029.427-2.02.395-2.214-.07-.192-.468.486-1.191 1.516-1.619M15.167 17.547c.79-.79 1.717-1.14 2.073-.782.355.356.006 1.284-.783 2.075-.788.79-1.716 1.14-2.072.784-.356-.358-.006-1.286.782-2.077M21.22 19.687c.428-1.032 1.152-1.711 1.616-1.518.465.193.497 1.185.07 2.217-.425 1.032-1.15 1.712-1.614 1.519-.467-.195-.497-1.185-.071-2.218M28.997 20.684c0-1.118.409-2.022.912-2.022.503 0 .912.904.913 2.021 0 1.117-.408 2.022-.911 2.022-.506-.001-.914-.904-.914-2.021M38.054 20.386c-.426-1.032-.396-2.025.07-2.218.465-.192 1.188.486 1.615 1.518.428 1.032.396 2.024-.069 2.217-.467.193-1.188-.485-1.616-1.517M45.374 18.839c-.789-.79-1.14-1.72-.783-2.076.356-.354 1.284-.006 2.072.783.79.79 1.14 1.719.784 2.075-.358.357-1.284.007-2.073-.782M49.135 16.279c-1.03-.428-1.71-1.154-1.515-1.618.192-.465 1.183-.498 2.213-.071s1.71 1.151 1.516 1.617c-.194.466-1.183.498-2.214.072M50.176 13.094c-1.115 0-2.02-.41-2.019-.914.001-.503.903-.913 2.019-.913 1.116-.001 2.019.408 2.019.913-.001.504-.903.914-2.019.914M47.936 9.77c-1.031.428-2.024.396-2.215-.07-.191-.465.485-1.19 1.517-1.617 1.03-.429 2.02-.396 2.213.07.192.467-.485 1.19-1.515 1.617M43.845 6.814c-.789.79-1.718 1.14-2.073.783-.355-.356-.006-1.284.783-2.074.788-.791 1.716-1.142 2.072-.785.355.359.006 1.286-.782 2.076M38.331 4.674c-.428 1.033-1.152 1.712-1.616 1.52-.464-.195-.496-1.185-.07-2.218.426-1.032 1.15-1.711 1.615-1.52.465.196.497 1.187.071 2.218" fill="#F9C6B2"/></g></svg>
			<svg class="red-vege-04" width="61" height="35" viewBox="0 0 61 35" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M43.512 12.18c-4.07-.819-8.695-1.285-13.603-1.285-4.909 0-9.534.466-13.604 1.286H.439v10.087c0 6.281 13.195 11.372 29.47 11.372s29.47-5.091 29.47-11.372V12.181H43.511z" fill="#EB0C00"/><path d="M59.378 12.18c0 6.282-13.194 11.373-29.47 11.373-16.275 0-29.47-5.091-29.47-11.372S13.634.808 29.909.808c16.276 0 29.47 5.092 29.47 11.373" fill="#E88041"/><path d="M54.102 12.18c0 5.025-10.833 9.099-24.193 9.099-13.362 0-24.194-4.074-24.194-9.098 0-5.025 10.832-9.098 24.194-9.098 13.36 0 24.193 4.073 24.193 9.098" fill="#F89D6B"/><path d="M30.821 3.678c0 1.117-.41 2.022-.912 2.022-.504 0-.913-.905-.913-2.022 0-1.117.409-2.022.913-2.022.503 0 .912.905.912 2.022M21.764 3.975c.426 1.033.394 2.026-.07 2.218-.466.193-1.19-.486-1.616-1.518-.427-1.032-.396-2.024.07-2.217.465-.193 1.189.486 1.616 1.517M15.296 5.523c.789.79 1.139 1.72.783 2.075-.357.357-1.284.007-2.073-.783-.789-.79-1.14-1.719-.783-2.076.356-.357 1.284-.006 2.073.784M11.534 8.083c1.03.428 1.71 1.153 1.517 1.618-.194.465-1.184.498-2.215.07-1.03-.427-1.709-1.15-1.516-1.616.193-.468 1.184-.5 2.214-.072M9.94 11.268c1.115 0 2.02.41 2.02.913 0 .504-.905.913-2.02.914-1.115 0-2.02-.409-2.02-.913 0-.506.904-.914 2.02-.914M11.998 14.591c1.031-.427 2.023-.395 2.215.07.192.466-.486 1.19-1.517 1.619-1.029.427-2.02.395-2.214-.07-.192-.468.486-1.191 1.516-1.619M15.167 17.547c.79-.79 1.717-1.14 2.073-.782.355.356.006 1.284-.783 2.075-.788.79-1.716 1.14-2.072.784-.356-.358-.006-1.286.782-2.077M21.22 19.687c.428-1.032 1.152-1.711 1.616-1.518.465.193.497 1.185.07 2.217-.425 1.032-1.15 1.712-1.614 1.519-.467-.195-.497-1.185-.071-2.218M28.997 20.684c0-1.118.409-2.022.912-2.022.503 0 .912.904.913 2.021 0 1.117-.408 2.022-.911 2.022-.506-.001-.914-.904-.914-2.021M38.054 20.386c-.426-1.032-.396-2.025.07-2.218.465-.192 1.188.486 1.615 1.518.428 1.032.396 2.024-.069 2.217-.467.193-1.188-.485-1.616-1.517M45.374 18.839c-.789-.79-1.14-1.72-.783-2.076.356-.354 1.284-.006 2.072.783.79.79 1.14 1.719.784 2.075-.358.357-1.284.007-2.073-.782M49.135 16.279c-1.03-.428-1.71-1.154-1.515-1.618.192-.465 1.183-.498 2.213-.071s1.71 1.151 1.516 1.617c-.194.466-1.183.498-2.214.072M50.176 13.094c-1.115 0-2.02-.41-2.019-.914.001-.503.903-.913 2.019-.913 1.116-.001 2.019.408 2.019.913-.001.504-.903.914-2.019.914M47.936 9.77c-1.031.428-2.024.396-2.215-.07-.191-.465.485-1.19 1.517-1.617 1.03-.429 2.02-.396 2.213.07.192.467-.485 1.19-1.515 1.617M43.845 6.814c-.789.79-1.718 1.14-2.073.783-.355-.356-.006-1.284.783-2.074.788-.791 1.716-1.142 2.072-.785.355.359.006 1.286-.782 2.076M38.331 4.674c-.428 1.033-1.152 1.712-1.616 1.52-.464-.195-.496-1.185-.07-2.218.426-1.032 1.15-1.711 1.615-1.52.465.196.497 1.187.071 2.218" fill="#F9C6B2"/></g></svg>
			<svg class="red-vege-05" width="61" height="35" viewBox="0 0 61 35" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M43.512 12.18c-4.07-.819-8.695-1.285-13.603-1.285-4.909 0-9.534.466-13.604 1.286H.439v10.087c0 6.281 13.195 11.372 29.47 11.372s29.47-5.091 29.47-11.372V12.181H43.511z" fill="#EB0C00"/><path d="M59.378 12.18c0 6.282-13.194 11.373-29.47 11.373-16.275 0-29.47-5.091-29.47-11.372S13.634.808 29.909.808c16.276 0 29.47 5.092 29.47 11.373" fill="#E88041"/><path d="M54.102 12.18c0 5.025-10.833 9.099-24.193 9.099-13.362 0-24.194-4.074-24.194-9.098 0-5.025 10.832-9.098 24.194-9.098 13.36 0 24.193 4.073 24.193 9.098" fill="#F89D6B"/><path d="M30.821 3.678c0 1.117-.41 2.022-.912 2.022-.504 0-.913-.905-.913-2.022 0-1.117.409-2.022.913-2.022.503 0 .912.905.912 2.022M21.764 3.975c.426 1.033.394 2.026-.07 2.218-.466.193-1.19-.486-1.616-1.518-.427-1.032-.396-2.024.07-2.217.465-.193 1.189.486 1.616 1.517M15.296 5.523c.789.79 1.139 1.72.783 2.075-.357.357-1.284.007-2.073-.783-.789-.79-1.14-1.719-.783-2.076.356-.357 1.284-.006 2.073.784M11.534 8.083c1.03.428 1.71 1.153 1.517 1.618-.194.465-1.184.498-2.215.07-1.03-.427-1.709-1.15-1.516-1.616.193-.468 1.184-.5 2.214-.072M9.94 11.268c1.115 0 2.02.41 2.02.913 0 .504-.905.913-2.02.914-1.115 0-2.02-.409-2.02-.913 0-.506.904-.914 2.02-.914M11.998 14.591c1.031-.427 2.023-.395 2.215.07.192.466-.486 1.19-1.517 1.619-1.029.427-2.02.395-2.214-.07-.192-.468.486-1.191 1.516-1.619M15.167 17.547c.79-.79 1.717-1.14 2.073-.782.355.356.006 1.284-.783 2.075-.788.79-1.716 1.14-2.072.784-.356-.358-.006-1.286.782-2.077M21.22 19.687c.428-1.032 1.152-1.711 1.616-1.518.465.193.497 1.185.07 2.217-.425 1.032-1.15 1.712-1.614 1.519-.467-.195-.497-1.185-.071-2.218M28.997 20.684c0-1.118.409-2.022.912-2.022.503 0 .912.904.913 2.021 0 1.117-.408 2.022-.911 2.022-.506-.001-.914-.904-.914-2.021M38.054 20.386c-.426-1.032-.396-2.025.07-2.218.465-.192 1.188.486 1.615 1.518.428 1.032.396 2.024-.069 2.217-.467.193-1.188-.485-1.616-1.517M45.374 18.839c-.789-.79-1.14-1.72-.783-2.076.356-.354 1.284-.006 2.072.783.79.79 1.14 1.719.784 2.075-.358.357-1.284.007-2.073-.782M49.135 16.279c-1.03-.428-1.71-1.154-1.515-1.618.192-.465 1.183-.498 2.213-.071s1.71 1.151 1.516 1.617c-.194.466-1.183.498-2.214.072M50.176 13.094c-1.115 0-2.02-.41-2.019-.914.001-.503.903-.913 2.019-.913 1.116-.001 2.019.408 2.019.913-.001.504-.903.914-2.019.914M47.936 9.77c-1.031.428-2.024.396-2.215-.07-.191-.465.485-1.19 1.517-1.617 1.03-.429 2.02-.396 2.213.07.192.467-.485 1.19-1.515 1.617M43.845 6.814c-.789.79-1.718 1.14-2.073.783-.355-.356-.006-1.284.783-2.074.788-.791 1.716-1.142 2.072-.785.355.359.006 1.286-.782 2.076M38.331 4.674c-.428 1.033-1.152 1.712-1.616 1.52-.464-.195-.496-1.185-.07-2.218.426-1.032 1.15-1.711 1.615-1.52.465.196.497 1.187.071 2.218" fill="#F9C6B2"/></g></svg>
			<svg class="purple-vege-01" width="60" height="34" viewBox="0 0 60 34" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M43.468 11.715c-4.071-.82-8.696-1.285-13.604-1.285-4.909 0-9.533.466-13.603 1.285H.394v10.087c0 6.281 13.195 11.373 29.47 11.373s29.47-5.092 29.47-11.373V11.715H43.468z" fill="#B04D7B"/><path d="M59.334 11.715c0 6.28-13.195 11.372-29.47 11.372S.394 17.996.394 11.715C.395 5.435 13.59.342 29.865.342s29.47 5.092 29.47 11.373" fill="#C583A9"/><path d="M54.058 11.715c0 5.025-10.833 9.098-24.194 9.098-13.362 0-24.193-4.073-24.193-9.098s10.831-9.098 24.193-9.098c13.361 0 24.194 4.073 24.194 9.098" fill="#ED8CCC"/><path d="M9.895 10.8c1.116.003 2.02.411 2.02.915s-.904.913-2.02.915c-1.115 0-2.019-.41-2.019-.914 0-.506.904-.913 2.019-.915M30.776 3.212c0 1.117-.408 2.022-.912 2.022s-.912-.905-.912-2.022c0-1.117.408-2.022.912-2.022s.912.905.912 2.022M21.72 3.51c.426 1.032.394 2.025-.071 2.217-.465.193-1.189-.486-1.616-1.518-.427-1.031-.395-2.024.07-2.217.465-.194 1.19.486 1.616 1.517M15.251 5.057c.789.79 1.139 1.72.783 2.074-.357.357-1.284.008-2.073-.782-.789-.789-1.139-1.719-.783-2.076.356-.356 1.285-.006 2.073.784M11.49 7.617c1.03.428 1.709 1.153 1.516 1.618-.193.465-1.184.498-2.215.07-1.03-.427-1.708-1.151-1.516-1.617.193-.467 1.184-.498 2.215-.07M11.953 14.124c1.031-.426 2.023-.395 2.215.072.193.465-.485 1.19-1.516 1.617-1.03.428-2.021.396-2.214-.07-.193-.467.485-1.19 1.515-1.619M15.122 17.081c.79-.79 1.717-1.14 2.073-.782.356.355.007 1.284-.782 2.074-.788.79-1.717 1.14-2.072.785-.357-.359-.007-1.286.781-2.077M21.176 19.221c.427-1.032 1.151-1.712 1.616-1.518.464.192.497 1.185.07 2.217-.426 1.032-1.15 1.712-1.615 1.518-.466-.194-.497-1.184-.071-2.217M28.952 20.218c0-1.118.41-2.022.913-2.021.503 0 .912.903.912 2.02s-.407 2.022-.91 2.022c-.506 0-.914-.904-.915-2.021M38.01 19.92c-.427-1.032-.396-2.025.07-2.217.464-.193 1.187.486 1.615 1.516.428 1.033.395 2.025-.07 2.218-.466.192-1.188-.485-1.616-1.517M45.33 18.373c-.79-.79-1.14-1.72-.783-2.075.355-.357 1.283-.007 2.072.782.79.79 1.14 1.719.784 2.075-.358.356-1.284.008-2.074-.782M49.09 15.812c-1.03-.428-1.71-1.153-1.515-1.617.192-.465 1.183-.499 2.213-.072 1.031.428 1.71 1.152 1.517 1.618-.194.466-1.183.498-2.214.071M50.131 12.628c-1.115 0-2.02-.41-2.018-.914 0-.503.902-.913 2.018-.913 1.116-.001 2.02.408 2.02.912-.002.506-.904.914-2.02.915M47.891 9.305c-1.03.427-2.023.395-2.214-.071-.192-.466.484-1.19 1.515-1.617 1.031-.429 2.022-.397 2.214.069.192.467-.485 1.19-1.515 1.619M43.8 6.348c-.789.79-1.717 1.14-2.072.783-.356-.356-.007-1.284.782-2.074.788-.791 1.716-1.142 2.072-.785.356.358.006 1.285-.781 2.076M38.287 4.208c-.428 1.033-1.152 1.712-1.616 1.519-.464-.193-.497-1.184-.07-2.217.426-1.032 1.149-1.712 1.614-1.519.466.195.497 1.186.072 2.217" fill="#F9C6B2"/></g></svg>
			<svg class="purple-vege-02" width="60" height="34" viewBox="0 0 60 34" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M43.468 11.715c-4.071-.82-8.696-1.285-13.604-1.285-4.909 0-9.533.466-13.603 1.285H.394v10.087c0 6.281 13.195 11.373 29.47 11.373s29.47-5.092 29.47-11.373V11.715H43.468z" fill="#B04D7B"/><path d="M59.334 11.715c0 6.28-13.195 11.372-29.47 11.372S.394 17.996.394 11.715C.395 5.435 13.59.342 29.865.342s29.47 5.092 29.47 11.373" fill="#C583A9"/><path d="M54.058 11.715c0 5.025-10.833 9.098-24.194 9.098-13.362 0-24.193-4.073-24.193-9.098s10.831-9.098 24.193-9.098c13.361 0 24.194 4.073 24.194 9.098" fill="#ED8CCC"/><path d="M9.895 10.8c1.116.003 2.02.411 2.02.915s-.904.913-2.02.915c-1.115 0-2.019-.41-2.019-.914 0-.506.904-.913 2.019-.915M30.776 3.212c0 1.117-.408 2.022-.912 2.022s-.912-.905-.912-2.022c0-1.117.408-2.022.912-2.022s.912.905.912 2.022M21.72 3.51c.426 1.032.394 2.025-.071 2.217-.465.193-1.189-.486-1.616-1.518-.427-1.031-.395-2.024.07-2.217.465-.194 1.19.486 1.616 1.517M15.251 5.057c.789.79 1.139 1.72.783 2.074-.357.357-1.284.008-2.073-.782-.789-.789-1.139-1.719-.783-2.076.356-.356 1.285-.006 2.073.784M11.49 7.617c1.03.428 1.709 1.153 1.516 1.618-.193.465-1.184.498-2.215.07-1.03-.427-1.708-1.151-1.516-1.617.193-.467 1.184-.498 2.215-.07M11.953 14.124c1.031-.426 2.023-.395 2.215.072.193.465-.485 1.19-1.516 1.617-1.03.428-2.021.396-2.214-.07-.193-.467.485-1.19 1.515-1.619M15.122 17.081c.79-.79 1.717-1.14 2.073-.782.356.355.007 1.284-.782 2.074-.788.79-1.717 1.14-2.072.785-.357-.359-.007-1.286.781-2.077M21.176 19.221c.427-1.032 1.151-1.712 1.616-1.518.464.192.497 1.185.07 2.217-.426 1.032-1.15 1.712-1.615 1.518-.466-.194-.497-1.184-.071-2.217M28.952 20.218c0-1.118.41-2.022.913-2.021.503 0 .912.903.912 2.02s-.407 2.022-.91 2.022c-.506 0-.914-.904-.915-2.021M38.01 19.92c-.427-1.032-.396-2.025.07-2.217.464-.193 1.187.486 1.615 1.516.428 1.033.395 2.025-.07 2.218-.466.192-1.188-.485-1.616-1.517M45.33 18.373c-.79-.79-1.14-1.72-.783-2.075.355-.357 1.283-.007 2.072.782.79.79 1.14 1.719.784 2.075-.358.356-1.284.008-2.074-.782M49.09 15.812c-1.03-.428-1.71-1.153-1.515-1.617.192-.465 1.183-.499 2.213-.072 1.031.428 1.71 1.152 1.517 1.618-.194.466-1.183.498-2.214.071M50.131 12.628c-1.115 0-2.02-.41-2.018-.914 0-.503.902-.913 2.018-.913 1.116-.001 2.02.408 2.02.912-.002.506-.904.914-2.02.915M47.891 9.305c-1.03.427-2.023.395-2.214-.071-.192-.466.484-1.19 1.515-1.617 1.031-.429 2.022-.397 2.214.069.192.467-.485 1.19-1.515 1.619M43.8 6.348c-.789.79-1.717 1.14-2.072.783-.356-.356-.007-1.284.782-2.074.788-.791 1.716-1.142 2.072-.785.356.358.006 1.285-.781 2.076M38.287 4.208c-.428 1.033-1.152 1.712-1.616 1.519-.464-.193-.497-1.184-.07-2.217.426-1.032 1.149-1.712 1.614-1.519.466.195.497 1.186.072 2.217" fill="#F9C6B2"/></g></svg>
			<svg class="brown-vege-01" width="55" height="31" viewBox="0 0 55 31" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M39.655 10.83c-3.725-.749-7.958-1.176-12.45-1.176-4.492 0-8.724.427-12.45 1.176H.235v9.233c0 5.748 12.075 10.408 26.97 10.408s26.971-4.66 26.971-10.408V10.83H39.655z" fill="#82581C"/><path d="M54.176 10.83c0 5.748-12.076 10.408-26.97 10.408C12.31 21.238.234 16.578.234 10.83.235 5.083 12.31.422 27.205.422s26.971 4.66 26.971 10.408" fill="#C4760E"/><path d="M49.347 10.83c0 4.6-9.914 8.327-22.142 8.327-12.229 0-22.142-3.728-22.142-8.327 0-4.598 9.913-8.326 22.142-8.326 12.228 0 22.142 3.728 22.142 8.326" fill="#F89D6B"/></g></svg>
			<svg class="brown-vege-02" width="55" height="31" viewBox="0 0 55 31" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M39.655 10.83c-3.725-.749-7.958-1.176-12.45-1.176-4.492 0-8.724.427-12.45 1.176H.235v9.233c0 5.748 12.075 10.408 26.97 10.408s26.971-4.66 26.971-10.408V10.83H39.655z" fill="#82581C"/><path d="M54.176 10.83c0 5.748-12.076 10.408-26.97 10.408C12.31 21.238.234 16.578.234 10.83.235 5.083 12.31.422 27.205.422s26.971 4.66 26.971 10.408" fill="#C4760E"/><path d="M49.347 10.83c0 4.6-9.914 8.327-22.142 8.327-12.229 0-22.142-3.728-22.142-8.327 0-4.598 9.913-8.326 22.142-8.326 12.228 0 22.142 3.728 22.142 8.326" fill="#F89D6B"/></g></svg>
			<svg class="brown-vege-big" width="85" height="48" viewBox="0 0 85 48" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M61.912 16.418c-5.82-1.17-12.434-1.837-19.453-1.837s-13.631.666-19.453 1.837H.318v14.426c0 8.982 18.868 16.262 42.141 16.262 23.274 0 42.142-7.28 42.142-16.262V16.418H61.912z" fill="#82581C"/><path d="M84.601 16.418c0 8.982-18.868 16.262-42.142 16.262C19.186 32.68.318 25.4.318 16.418.318 7.437 19.186.155 42.459.155c23.274 0 42.142 7.282 42.142 16.263" fill="#C4760E"/><path d="M77.056 16.418c0 7.187-15.49 13.01-34.597 13.01-19.106 0-34.596-5.823-34.596-13.01 0-7.185 15.49-13.01 34.596-13.01 19.107 0 34.597 5.825 34.597 13.01" fill="#F89D6B"/></g></svg>
			<svg class="cheese-01" width="143" height="81" viewBox="0 0 143 81" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path fill="#B58E10" d="M130.341 23.994v3.056L49.434 6.528 12.838 23.994H.018v6.342h.746l60.57 18.252L86.97 80.513v-24.2l55.404-26.184h.037v-6.135z"/><path fill="#EEBC00" d="M49.434.41L.018 23.994 61.334 42.47 86.97 74.394v-24.2l55.44-26.2z"/><path d="M108.799 22.062c0 1.22-2.583 2.209-5.77 2.209-3.187 0-5.77-.99-5.77-2.21s2.583-2.208 5.77-2.208c3.187 0 5.77.989 5.77 2.209M103.029 29.499c0 1.22-2.584 2.209-5.77 2.209-3.187 0-5.77-.99-5.77-2.21 0-1.219 2.583-2.208 5.77-2.208 3.186 0 5.77.99 5.77 2.209M90.334 19.852c0 .976-2.067 1.768-4.616 1.768-2.55 0-4.616-.792-4.616-1.768 0-.975 2.067-1.767 4.616-1.767 2.55 0 4.616.792 4.616 1.767M124.932 25.76c0 .975-2.067 1.767-4.616 1.767-2.55 0-4.616-.792-4.616-1.767 0-.976 2.066-1.767 4.616-1.767s4.616.79 4.616 1.767M67.437 10.247c0 .975-2.066 1.767-4.615 1.767-2.55 0-4.616-.792-4.616-1.767 0-.977 2.067-1.768 4.616-1.768 2.55 0 4.615.791 4.615 1.768M81.102 15.434c0 .976-2.067 1.768-4.616 1.768-2.55 0-4.616-.792-4.616-1.768 0-.975 2.066-1.767 4.616-1.767 2.549 0 4.616.792 4.616 1.767M62.822 27.527c0 .976-2.067 1.768-4.616 1.768-2.55 0-4.617-.792-4.617-1.768s2.067-1.767 4.617-1.767 4.616.791 4.616 1.767M49.67 28.14c0 .975-2.068 1.767-4.617 1.767-2.55 0-4.616-.792-4.616-1.768s2.066-1.767 4.616-1.767 4.616.791 4.616 1.767M51.7 19.852c0 .976-2.068 1.768-4.617 1.768-2.55 0-4.616-.792-4.616-1.768 0-.975 2.067-1.767 4.616-1.767 2.55 0 4.616.792 4.616 1.767M54.285 10.247c0 .975-2.067 1.767-4.616 1.767-2.55 0-4.616-.792-4.616-1.767 0-.977 2.067-1.768 4.616-1.768 2.55 0 4.616.791 4.616 1.768M22.783 20.294c0 .976-2.066 1.768-4.616 1.768s-4.616-.792-4.616-1.768c0-.975 2.067-1.767 4.616-1.767 2.55 0 4.616.792 4.616 1.767M38.571 17.202c0 .975-2.067 1.767-4.617 1.767-2.549 0-4.616-.792-4.616-1.767 0-.976 2.067-1.768 4.616-1.768 2.55 0 4.617.792 4.617 1.768M43.187 10.247c0 .975-2.066 1.767-4.616 1.767s-4.617-.792-4.617-1.767c0-.977 2.067-1.768 4.617-1.768s4.616.791 4.616 1.768M36.195 27.29c0 .976-2.067 1.767-4.616 1.767-2.55 0-4.616-.791-4.616-1.768 0-.975 2.066-1.767 4.616-1.767 2.549 0 4.616.792 4.616 1.767M67.437 17.643c0 1.22-2.582 2.21-5.77 2.21-3.186 0-5.77-.99-5.77-2.21s2.584-2.209 5.77-2.209c3.188 0 5.77.99 5.77 2.21M88.525 37.403c0 1.83-3.875 3.314-8.655 3.314-4.78 0-8.655-1.484-8.655-3.314s3.874-3.315 8.655-3.315c4.78 0 8.655 1.485 8.655 3.315M88.263 28.14c0 1.313-2.811 2.379-6.28 2.379-3.467 0-6.278-1.066-6.278-2.38 0-1.314 2.81-2.38 6.279-2.38 3.468 0 6.28 1.066 6.28 2.38" fill="#F8C946"/></g></svg>
			<svg class="cheese-02" width="143" height="81" viewBox="0 0 143 81" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path fill="#B58E10" d="M130.341 23.994v3.056L49.434 6.528 12.838 23.994H.018v6.342h.746l60.57 18.252L86.97 80.513v-24.2l55.404-26.184h.037v-6.135z"/><path fill="#EEBC00" d="M49.434.41L.018 23.994 61.334 42.47 86.97 74.394v-24.2l55.44-26.2z"/><path d="M108.799 22.062c0 1.22-2.583 2.209-5.77 2.209-3.187 0-5.77-.99-5.77-2.21s2.583-2.208 5.77-2.208c3.187 0 5.77.989 5.77 2.209M103.029 29.499c0 1.22-2.584 2.209-5.77 2.209-3.187 0-5.77-.99-5.77-2.21 0-1.219 2.583-2.208 5.77-2.208 3.186 0 5.77.99 5.77 2.209M90.334 19.852c0 .976-2.067 1.768-4.616 1.768-2.55 0-4.616-.792-4.616-1.768 0-.975 2.067-1.767 4.616-1.767 2.55 0 4.616.792 4.616 1.767M124.932 25.76c0 .975-2.067 1.767-4.616 1.767-2.55 0-4.616-.792-4.616-1.767 0-.976 2.066-1.767 4.616-1.767s4.616.79 4.616 1.767M67.437 10.247c0 .975-2.066 1.767-4.615 1.767-2.55 0-4.616-.792-4.616-1.767 0-.977 2.067-1.768 4.616-1.768 2.55 0 4.615.791 4.615 1.768M81.102 15.434c0 .976-2.067 1.768-4.616 1.768-2.55 0-4.616-.792-4.616-1.768 0-.975 2.066-1.767 4.616-1.767 2.549 0 4.616.792 4.616 1.767M62.822 27.527c0 .976-2.067 1.768-4.616 1.768-2.55 0-4.617-.792-4.617-1.768s2.067-1.767 4.617-1.767 4.616.791 4.616 1.767M49.67 28.14c0 .975-2.068 1.767-4.617 1.767-2.55 0-4.616-.792-4.616-1.768s2.066-1.767 4.616-1.767 4.616.791 4.616 1.767M51.7 19.852c0 .976-2.068 1.768-4.617 1.768-2.55 0-4.616-.792-4.616-1.768 0-.975 2.067-1.767 4.616-1.767 2.55 0 4.616.792 4.616 1.767M54.285 10.247c0 .975-2.067 1.767-4.616 1.767-2.55 0-4.616-.792-4.616-1.767 0-.977 2.067-1.768 4.616-1.768 2.55 0 4.616.791 4.616 1.768M22.783 20.294c0 .976-2.066 1.768-4.616 1.768s-4.616-.792-4.616-1.768c0-.975 2.067-1.767 4.616-1.767 2.55 0 4.616.792 4.616 1.767M38.571 17.202c0 .975-2.067 1.767-4.617 1.767-2.549 0-4.616-.792-4.616-1.767 0-.976 2.067-1.768 4.616-1.768 2.55 0 4.617.792 4.617 1.768M43.187 10.247c0 .975-2.066 1.767-4.616 1.767s-4.617-.792-4.617-1.767c0-.977 2.067-1.768 4.617-1.768s4.616.791 4.616 1.768M36.195 27.29c0 .976-2.067 1.767-4.616 1.767-2.55 0-4.616-.791-4.616-1.768 0-.975 2.066-1.767 4.616-1.767 2.549 0 4.616.792 4.616 1.767M67.437 17.643c0 1.22-2.582 2.21-5.77 2.21-3.186 0-5.77-.99-5.77-2.21s2.584-2.209 5.77-2.209c3.188 0 5.77.99 5.77 2.21M88.525 37.403c0 1.83-3.875 3.314-8.655 3.314-4.78 0-8.655-1.484-8.655-3.314s3.874-3.315 8.655-3.315c4.78 0 8.655 1.485 8.655 3.315M88.263 28.14c0 1.313-2.811 2.379-6.28 2.379-3.467 0-6.278-1.066-6.278-2.38 0-1.314 2.81-2.38 6.279-2.38 3.468 0 6.28 1.066 6.28 2.38" fill="#F8C946"/></g></svg>
			<svg class="bottom-bread" width="273" height="137" viewBox="0 0 273 137" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path fill="#843F0B" d="M87.258 86.07H.306V57.036H142.7L87.258 83.237z"/><path fill="#933F06" d="M10.158 86.07h8.108V57.036h-8.108zM27.213 86.07h8.107V57.036h-8.107zM41.277 86.07h14.574V57.036H41.277zM76.258 86.07h8.108V57.036h-8.108z"/><path d="M187.532 42.383c1.73-3.176 2.67-6.571 2.67-10.101 0-17.733-23.62-32.108-52.756-32.108-13.676 0-26.134 3.168-35.507 8.364l-.003-.004L.306 57.035H142.7L87.258 83.237l49.09 23.032 136.176-63.886h-84.992z" fill="#D78926"/><path fill="#BC5B0C" d="M136.347 136.141l-49.09-23.031V83.238l49.09 23.031z"/><path fill="#F8A14B" d="M136.347 136.141l136.177-63.886V42.383l-136.177 63.886z"/><path fill="#D15602" d="M92.566 115.6l7.662 3.594V89.322l-7.662-3.595zM113.893 95.734l-7.662-3.595v29.872l7.662 3.595zM126.849 101.812l-7.662-3.595v29.872l7.662 3.595z"/><path fill="#FF8C2E" d="M161.924 123.32l28.722-13.473-.35-28.888-28.72 13.474zM216.932 68.464l-18.615 8.733v29.87l18.615-8.732zM266.573 45.175l-20.603 9.666v29.87l20.603-9.666zM236.552 59.259l-11.541 5.415v29.87l11.541-5.414z"/></g></svg>
			<svg class="cheese-xs-01" width="8" height="5" viewBox="0 0 8 5" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M5.41 1.597a8.725 8.725 0 0 0-1.7-.16c-.614 0-1.192.058-1.701.16H.026V2.86c0 .785 1.65 1.421 3.683 1.421 2.034 0 3.684-.636 3.684-1.42V1.596H5.41z" fill="#B58E10"/><path d="M7.393 1.597c0 .786-1.65 1.422-3.684 1.422-2.034 0-3.683-.636-3.683-1.422 0-.784 1.65-1.42 3.683-1.42 2.034 0 3.684.636 3.684 1.42" fill="#EEBC00"/><path d="M6.225 1.533c0 .281-.55.51-1.23.51-.679 0-1.23-.229-1.23-.51s.551-.51 1.23-.51c.68 0 1.23.229 1.23.51" fill="#F8C946"/></g></svg>
			<svg class="cheese-xs-02" width="8" height="5" viewBox="0 0 8 5" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M5.41 1.597a8.725 8.725 0 0 0-1.7-.16c-.614 0-1.192.058-1.701.16H.026V2.86c0 .785 1.65 1.421 3.683 1.421 2.034 0 3.684-.636 3.684-1.42V1.596H5.41z" fill="#B58E10"/><path d="M7.393 1.597c0 .786-1.65 1.422-3.684 1.422-2.034 0-3.683-.636-3.683-1.422 0-.784 1.65-1.42 3.683-1.42 2.034 0 3.684.636 3.684 1.42" fill="#EEBC00"/><path d="M6.225 1.533c0 .281-.55.51-1.23.51-.679 0-1.23-.229-1.23-.51s.551-.51 1.23-.51c.68 0 1.23.229 1.23.51" fill="#F8C946"/></g></svg>
			<svg class="cheese-xs-03" width="8" height="5" viewBox="0 0 8 5" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M5.41 1.597a8.725 8.725 0 0 0-1.7-.16c-.614 0-1.192.058-1.701.16H.026V2.86c0 .785 1.65 1.421 3.683 1.421 2.034 0 3.684-.636 3.684-1.42V1.596H5.41z" fill="#B58E10"/><path d="M7.393 1.597c0 .786-1.65 1.422-3.684 1.422-2.034 0-3.683-.636-3.683-1.422 0-.784 1.65-1.42 3.683-1.42 2.034 0 3.684.636 3.684 1.42" fill="#EEBC00"/><path d="M6.225 1.533c0 .281-.55.51-1.23.51-.679 0-1.23-.229-1.23-.51s.551-.51 1.23-.51c.68 0 1.23.229 1.23.51" fill="#F8C946"/></g></svg>
			<svg class="cheese-xs-04" width="8" height="5" viewBox="0 0 8 5" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M5.41 1.597a8.725 8.725 0 0 0-1.7-.16c-.614 0-1.192.058-1.701.16H.026V2.86c0 .785 1.65 1.421 3.683 1.421 2.034 0 3.684-.636 3.684-1.42V1.596H5.41z" fill="#B58E10"/><path d="M7.393 1.597c0 .786-1.65 1.422-3.684 1.422-2.034 0-3.683-.636-3.683-1.422 0-.784 1.65-1.42 3.683-1.42 2.034 0 3.684.636 3.684 1.42" fill="#EEBC00"/><path d="M6.225 1.533c0 .281-.55.51-1.23.51-.679 0-1.23-.229-1.23-.51s.551-.51 1.23-.51c.68 0 1.23.229 1.23.51" fill="#F8C946"/></g></svg>
			<svg class="cheese-xs-05" width="8" height="5" viewBox="0 0 8 5" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M5.41 1.597a8.725 8.725 0 0 0-1.7-.16c-.614 0-1.192.058-1.701.16H.026V2.86c0 .785 1.65 1.421 3.683 1.421 2.034 0 3.684-.636 3.684-1.42V1.596H5.41z" fill="#B58E10"/><path d="M7.393 1.597c0 .786-1.65 1.422-3.684 1.422-2.034 0-3.683-.636-3.683-1.422 0-.784 1.65-1.42 3.683-1.42 2.034 0 3.684.636 3.684 1.42" fill="#EEBC00"/><path d="M6.225 1.533c0 .281-.55.51-1.23.51-.679 0-1.23-.229-1.23-.51s.551-.51 1.23-.51c.68 0 1.23.229 1.23.51" fill="#F8C946"/></g></svg>
			<svg class="cheese-sm" width="12" height="7" viewBox="0 0 12 7" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M8.187 2.393c-.763-.153-1.63-.24-2.55-.24-.921 0-1.788.087-2.551.24H.11v1.892c0 1.178 2.474 2.132 5.526 2.132 3.051 0 5.525-.954 5.525-2.132V2.393H8.187z" fill="#B58E10"/><path d="M11.162 2.393c0 1.178-2.474 2.133-5.525 2.133C2.585 4.526.11 3.57.11 2.393.111 1.216 2.585.261 5.637.261c3.051 0 5.525.955 5.525 2.132" fill="#EEBC00"/><path d="M9.412 2.296c0 .423-.827.765-1.847.765-1.019 0-1.845-.342-1.845-.765 0-.421.826-.764 1.845-.764 1.02 0 1.847.343 1.847.764" fill="#F8C946"/></g></svg>
			<svg class="cheese-md-01" width="18" height="11" viewBox="0 0 18 11" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M13.017 3.811a20.94 20.94 0 0 0-4.08-.385c-1.473 0-2.86.14-4.082.385H.095v3.026c0 1.885 3.959 3.412 8.841 3.412 4.883 0 8.84-1.527 8.84-3.412V3.811h-4.759z" fill="#B58E10"/><path d="M17.777 3.811c0 1.885-3.958 3.412-8.84 3.412C4.053 7.223.095 5.696.095 3.81.096 1.927 4.054.4 8.936.4c4.883 0 8.84 1.528 8.84 3.412" fill="#EEBC00"/><path d="M14.976 3.656c0 .675-1.321 1.223-2.953 1.223-1.63 0-2.953-.548-2.953-1.223s1.323-1.224 2.953-1.224c1.632 0 2.953.549 2.953 1.224" fill="#F8C946"/></g></svg>
			<svg class="cheese-md-02" width="18" height="11" viewBox="0 0 18 11" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M13.017 3.811a20.94 20.94 0 0 0-4.08-.385c-1.473 0-2.86.14-4.082.385H.095v3.026c0 1.885 3.959 3.412 8.841 3.412 4.883 0 8.84-1.527 8.84-3.412V3.811h-4.759z" fill="#B58E10"/><path d="M17.777 3.811c0 1.885-3.958 3.412-8.84 3.412C4.053 7.223.095 5.696.095 3.81.096 1.927 4.054.4 8.936.4c4.883 0 8.84 1.528 8.84 3.412" fill="#EEBC00"/><path d="M14.976 3.656c0 .675-1.321 1.223-2.953 1.223-1.63 0-2.953-.548-2.953-1.223s1.323-1.224 2.953-1.224c1.632 0 2.953.549 2.953 1.224" fill="#F8C946"/></g></svg>
		</div>
            
          
!
            
              // Design base on https://dribbble.com/shots/3238840-First-Bite
* {
	margin: 0;
	padding: 0;
}

html, body {
	height: 100vh;
}

body {
	background-color: #000;
	overflow: hidden;
}

svg {
	display: block;
	position: absolute;
	opacity: 0;
}

.container {
	height: 100vh;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.bottom-bread {
	opacity: 1;
	transform: translateY(100px);
	z-index: 0;
}

.cheese-xs-01 {
	opacity: 1;
	transform: translateY(140px) translateX(-80px);
	z-index: 0;
}

.cheese-xs-02 {
	opacity: 1;
	transform: translateY(160px) translateX(-54px);
	z-index: 0;
}

.cheese-xs-03 {
	opacity: 1;
	transform: translateY(168px) translateX(-70px);
	z-index: 0;
}

.cheese-xs-04 {
	opacity: 1;
	transform: translateY(147px) translateX(76px);
	z-index: 0;
}

.cheese-xs-05 {
	opacity: 1;
	transform: translateY(154px) translateX(60px);
	z-index: 0;
}

.cheese-sm {
	opacity: 1;
	transform: translateY(152px) translateX(-64px);
	z-index: 0;
}

.cheese-md-01 {
	opacity: 1;
	transform: translateY(160px) translateX(88px);
	z-index: 0;
}

.cheese-md-02 {
	opacity: 1;
	transform: translateY(156px) translateX(-88px);
	z-index: 0;
}

.cheese-01 {
	opacity: 1;
	transform: translateY(102px) translateX(-78px);
	z-index: 1;
}

.cheese-02 {
	opacity: 1;
	transform: translateY(95px) translateX(82px);
	z-index: 1;
}

.brown-vege-01 {
	opacity: 1;
	transform: translateY(70px) translateX(-110px);
	z-index: 2;
}

.brown-vege-02 {
	opacity: 1;
	transform: translateY(70px) translateX(110px);
	z-index: 2;
}

.brown-vege-big {
	opacity: 1;
	transform: translateY(104px) translateX(4px);
	z-index: 2;
}

.purple-vege-01 {
	opacity: 1;
	transform: translateY(86px) translateX(-68px);
	z-index: 3;
}

.purple-vege-02 {
	opacity: 1;
	transform: translateY(98px) translateX(61px);
	z-index: 3;
}

.red-vege-01 {
	opacity: 1;
	transform: translateY(70px) translateX(-90px);
	z-index: 4;
}

.red-vege-02 {
	opacity: 1;
	transform: translateY(58px) translateX(-12px);
	z-index: 4;
}

.red-vege-03 {
	opacity: 1;
	transform: translateY(102px) translateX(-12px);
	z-index: 4;
}

.red-vege-04 {
	opacity: 1;
	transform: translateY(83px) translateX(76px);
	z-index: 5;
}

.red-vege-05 {
	opacity: 1;
	transform: translateY(69px) translateX(122px);
	z-index: 4;
}

.green-vege {
	opacity: 1;
	transform: translateY(74px) translateX(0);
	z-index: 6;
}

.top-bread {
	opacity: 1;
	transform: translateY(34px) translateX(0);
	z-index: 7;
}
            
          
!
            
              (function($) {

				var $topBread = $('.top-bread'),
					$greenVege = $('.green-vege'),
					$redVege01 = $('.red-vege-01'),
					$redVege02 = $('.red-vege-02'),
					$redVege03 = $('.red-vege-03'),
					$redVege04 = $('.red-vege-04'),
					$redVege05 = $('.red-vege-05'),
					$purpleVege01 = $('.purple-vege-01'),
					$purpleVege02 = $('.purple-vege-02'),
					$brownVege01 = $('.brown-vege-01'),
					$brownVege02 = $('.brown-vege-02'),
					$brownVegeBig = $('.brown-vege-big'),
					$cheese01 = $('.cheese-01'),
					$cheese02 = $('.cheese-02'),
					$cheeseXs01 = $('.cheese-xs-01'),
					$cheeseXs02 = $('.cheese-xs-02'),
					$cheeseXs03 = $('.cheese-xs-03'),
					$cheeseXs04 = $('.cheese-xs-04'),
					$cheeseXs05 = $('.cheese-xs-05'),
					$cheeseSm = $('.cheese-sm'),
					$cheeseMd01 = $('.cheese-md-01'),
					$cheeseMd02 = $('.cheese-md-02'),
					$bottomBread = $('.bottom-bread');

				// set defaults
				TweenMax.set($bottomBread, { opacity: 0, y: -100 });
				TweenMax.set($topBread, { opacity: 0, y: -200 });
				TweenMax.set($greenVege, { opacity: 0, y: -100 });
				TweenMax.set($redVege01, { opacity: 0, y: -140 });
				TweenMax.set($redVege02, { opacity: 0, y: -100 });
				TweenMax.set($redVege03, { opacity: 0, y: -80 });
				TweenMax.set($redVege04, { opacity: 0, y: -100 });
				TweenMax.set($redVege05, { opacity: 0, y: -80 });
				TweenMax.set($purpleVege01, { opacity: 0, y: -100 });
				TweenMax.set($purpleVege02, { opacity: 0, y: -80 });
				TweenMax.set($brownVege01, { opacity: 0, y: -80 });
				TweenMax.set($brownVege02, { opacity: 0, y: -60 });
				TweenMax.set($brownVegeBig, { opacity: 0, y: -80 });
				TweenMax.set($cheese01, { opacity: 0, y: -100 });
				TweenMax.set($cheese02, { opacity: 0, y: -50 });
				TweenMax.set($cheeseXs01, { opacity: 0, y: -200 });
				TweenMax.set($cheeseXs02, { opacity: 0, y: -100 });
				TweenMax.set($cheeseXs03, { opacity: 0, y: -160 });
				TweenMax.set($cheeseXs04, { opacity: 0, y: -120 });
				TweenMax.set($cheeseXs05, { opacity: 0, y: -200 });
				TweenMax.set($cheeseSm, { opacity: 0, y: -80 });
				TweenMax.set($cheeseMd01, { opacity: 0, y: -100 });
				TweenMax.set($cheeseMd02, { opacity: 0, y: -200 });

				// initialize TimeLineLite
				var tl = new TimelineMax({ repeat: -1 });

				tl
				// cheese xs
				.to($cheeseXs01, 0.3, { ease: Power0.easeNone, y: 140, opacity: 1 })
				.to($cheeseXs02, 0.3, { ease: Power0.easeNone, y: 160, opacity: 1 }, '-=0.25')
				.to($cheeseXs03, 0.3, { ease: Power0.easeNone, y: 168, opacity: 1 })
				.to($cheeseXs04, 0.3, { ease: Power0.easeNone, y: 147, opacity: 1 }, '-=0.25')
				.to($cheeseXs05, 0.3, { ease: Power0.easeNone, y: 154, opacity: 1 })
				.to($cheeseSm, 0.3, { ease: Power0.easeNone, y: 152, opacity: 1 }, '-=0.25')
				.to($cheeseMd01, 0.3, { ease: Power0.easeNone, y: 162, opacity: 1 })
				.to($cheeseMd02, 0.3, { ease: Power0.easeNone, y: 156, opacity: 1 })
				// bottom bread
				.to($bottomBread, 0.3, { ease: Power4.easeOut, opacity: 1 })
				.to($bottomBread, 1, { ease: Bounce.easeOut, y: 100 }, '-=0.4')
				// cheese
				.to($cheese01, 0.3, { ease: Power4.easeOut, opacity: 1 })
				.to($cheese01, 1, { ease: Bounce.easeOut, y: 102 }, '-=0.4')
				.to($cheese02, 0.3, { ease: Power4.easeOut, opacity: 1 }, '-=0.4')
				.to($cheese02, 1, { ease: Bounce.easeOut, y: 95 }, '-=0.4')
				// brown veges
				.to($brownVege01, 0.3, { ease: Power4.easeOut, opacity: 1 })
				.to($brownVege01, 1, { ease: Bounce.easeOut, y: 70 }, '-=0.4')
				.to($brownVege02, 0.3, { ease: Power4.easeOut, opacity: 1 }, '-=0.6')
				.to($brownVege02, 1, { ease: Bounce.easeOut, y: 70 }, '-=0.4')
				.to($brownVegeBig, 0.3, { ease: Power4.easeOut, opacity: 1 }, '-=0.4')
				.to($brownVegeBig, 1, { ease: Bounce.easeOut, y: 104 }, '-=0.6')
				// purple veges
				.to($purpleVege01, 0.3, { ease: Power4.easeOut, opacity: 1 }, '-=0.4')
				.to($purpleVege01, 1, { ease: Bounce.easeOut, y: 86 }, '-=0.4')
				.to($purpleVege02, 0.3, { ease: Power4.easeOut, opacity: 1 }, '-=0.4')
				.to($purpleVege02, 1, { ease: Bounce.easeOut, y: 98 }, '-=0.4')
				// red veges
				.to($redVege01, 0.3, { ease: Power4.easeOut, opacity: 1 })
				.to($redVege01, 1, { ease: Bounce.easeOut, y: 70 }, '-=0.4')
				.to($redVege02, 0.3, { ease: Power4.easeOut, opacity: 1 }, '-=0.6')
				.to($redVege02, 1, { ease: Bounce.easeOut, y: 58 }, '-=0.6')
				.to($redVege03, 0.3, { ease: Power4.easeOut, opacity: 1 })
				.to($redVege03, 1, { ease: Bounce.easeOut, y: 102 }, '-=0.4')
				.to($redVege04, 0.3, { ease: Power4.easeOut, opacity: 1 }, '-=0.6')
				.to($redVege04, 1, { ease: Bounce.easeOut, y: 83 }, '-=0.6')
				.to($redVege05, 0.3, { ease: Power4.easeOut, opacity: 1 })
				.to($redVege05, 1, { ease: Bounce.easeOut, y: 69 }, '-=0.4')
				// green vege
				.to($greenVege, 0.3, { ease: Power4.easeOut, opacity: 1 })
				.to($greenVege, 1, { ease: Bounce.easeOut, y: 74 }, '-=0.4')
				// top breead
				.to($topBread, 0.3, { ease: Power4.easeOut, opacity: 1 })
				.to($topBread, 1, { ease: Bounce.easeOut, y: 34 }, '-=0.4')
				.to($topBread, 2, { opacity: 1 });

			})(jQuery);
            
          
!
999px
Close

Asset uploading is a PRO feature.

As a PRO member, you can drag-and-drop upload files here to use as resources. Images, Libraries, JSON data... anything you want. You can even edit them anytime, like any other code on CodePen.

Go PRO

Loading ..................

Console