HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug.
In CodePen, whatever you write in the HTML editor is what goes within the <body>
tags in a basic HTML5 template. So you don't have access to higher-up elements like the <html>
tag. If you want to add classes there that can affect the whole document, this is the place to do it.
In CodePen, whatever you write in the HTML editor is what goes within the <body>
tags in a basic HTML5 template. If you need things in the <head>
of the document, put that code here.
The resource you are linking to is using the 'http' protocol, which may not work when the browser is using https.
CSS preprocessors help make authoring CSS easier. All of them offer things like variables and mixins to provide convenient abstractions.
It's a common practice to apply CSS to a page that styles elements such that they are consistent across all browsers. We offer two of the most popular choices: normalize.css and a reset. Or, choose Neither and nothing will be applied.
To get the best cross-browser support, it is a common practice to apply vendor prefixes to CSS properties and values that require them to work. For instance -webkit-
or -moz-
.
We offer two popular choices: Autoprefixer (which processes your CSS server-side) and -prefix-free (which applies prefixes via a script, client-side).
Any URLs added here will be added as <link>
s in order, and before the CSS in the editor. You can use the CSS from another Pen by using its URL and the proper URL extension.
You can apply CSS to your Pen from any stylesheet on the web. Just put a URL to it here and we'll apply it, in the order you have them, before the CSS in the Pen itself.
You can also link to another Pen here (use the .css
URL Extension) and we'll pull the CSS from that Pen and include it. If it's using a matching preprocessor, use the appropriate URL Extension and we'll combine the code before preprocessing, so you can use the linked Pen as a true dependency.
JavaScript preprocessors can help make authoring JavaScript easier and more convenient.
Babel includes JSX processing.
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.
You can apply a script from anywhere on the web to your Pen. Just put a URL to it here and we'll add it, in the order you have them, before the JavaScript in the Pen itself.
If the script you link to has the file extension of a preprocessor, we'll attempt to process it before applying.
You can also link to another Pen here, and we'll pull the JavaScript from that Pen and include it. If it's using a matching preprocessor, we'll combine the code before preprocessing, so you can use the linked Pen as a true dependency.
Search for and use JavaScript packages from npm here. By selecting a package, an import
statement will be added to the top of the JavaScript editor for this package.
Using packages here is powered by esm.sh, which makes packages from npm not only available on a CDN, but prepares them for native JavaScript ESM usage.
All packages are different, so refer to their docs for how they work.
If you're using React / ReactDOM, make sure to turn on Babel for the JSX processing.
If active, Pens will autosave every 30 seconds after being saved once.
If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.
If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.
Visit your global Editor Settings.
<div class="card-wrap">
<div class="card">
<div class="card-front">
<div class="mask">
<div class="shine"></div>
</div>
</div>
<div class="card-back">
<div class="mask">
<div class="shine"></div>
</div>
</div>
</div>
</div>
<svg id="front-mask" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="315px" height="534px">
<defs>
<clipPath id="frontMask">
<path d="M316,34.74v1.95c-4.7,0-9.41.07-14.11,0a6.09,6.09,0,0,0-3.68,1c-.53.37-1.15.61-1.68,1-3.69,2.54-7.6,4.29-12.24,3.57a3.55,3.55,0,0,0-1,.24c.14,1.47.29,3,.45,4.65H279.3c-.3-1.48-.61-3-.94-4.73l-1.87-.11c.19,1.68.35,3.17.53,4.86h-4.47c-.3-1.58-.6-3.15-.95-4.94H33.28a5,5,0,0,0-3.46.76,1.49,1.49,0,0,1-2.3-.53,2.46,2.46,0,0,1,.14-2.19,2.19,2.19,0,0,1,2.11-.4c1.26.95,2.62.72,4,.72q125.58,0,251.17.09a17,17,0,0,0,11-3.9H4.38c-1.14,0-2.27,0-3.41-.05V34.74c1,0,2,.07,2.92.07H313.06C314,34.81,315,34.77,316,34.74ZM4.38,193H1v1.95l2.44,0H313.54l2.43,0V193H4.38Zm26-163.68a5.33,5.33,0,0,1,2.25.64,1.8,1.8,0,0,0,2.55-.54A1.63,1.63,0,0,0,35,27.16a1.81,1.81,0,0,0-2.41-.34,5.25,5.25,0,0,1-2.23.64c-9.79,0-19.59,0-29.39,0v1.95a7.87,7.87,0,0,1,1-.12C11.41,29.26,20.88,29.24,30.35,29.28ZM270,270.3h-4.2l-1.12-4.05-1.46.22c-.09,1.33-.17,2.51-.25,3.78H259c-.08-1.36-.15-2.55-.22-3.85h-3.18c-.09,1.37-.16,2.56-.25,3.87h-9.07c-.1-1.39-.19-2.64-.28-3.84h-8.92c-.08,1.39-.15,2.58-.23,3.84h-4c-.1-1.37-.18-2.62-.27-3.92h-3.35c-.66,2.76-2.28,4.34-5.13,4.35s-4.64-1.55-5.27-4.44l-2.05.13c-.08,1.4-.15,2.65-.21,3.84h-9c-.08-1.36-.15-2.55-.23-3.8h-3.16c-.09,1.39-.17,2.58-.25,3.81H194.9c-.07-1.36-.14-2.55-.21-3.86h-5.06l-.84,3.93H184c-.28-1.34-.54-2.59-.82-3.95h-4.49c-.12,1.36-.24,2.61-.36,3.9h-9.13c-.1-1.38-.19-2.63-.28-3.95h-3.2c-.24.52-.48,1-.7,1.54a3.61,3.61,0,0,1-2.91,2.34c-2.21.19-4.45.05-6.72.05-.07-1.39-.13-2.58-.19-3.89h-3.28v5.53h121v-5.52h-3.73C269.44,267.74,269.69,269,270,270.3ZM193,230.38l-1.46.26c-.09,1.34-.18,2.52-.26,3.68h-3.85c-.09-1.34-.18-2.52-.26-3.74h-3.16c-.11,1.38-.2,2.56-.29,3.76h-9c-.12-1.31-.22-2.5-.34-3.81h-3c-.1,1.28-.19,2.46-.29,3.78h-4.34l-1.08-3.73-1.49-.13c-.1,1.35-.2,2.61-.3,3.85h-3.74c-.1-1.36-.18-2.54-.26-3.82h-3.45a4.8,4.8,0,0,1-5,4.32c-3,.07-4.64-1.55-5.28-4.29h-3.38c-.08,1.36-.15,2.61-.23,3.84h-3.95c-.14-1.36-.27-2.6-.41-3.9H135c-.72,2.69-2.29,4.3-5.15,4.35s-4.6-1.6-5.34-4.28H122c-.11,1.37-.21,2.61-.32,3.95-2.83,0-5.42,0-8,0a5.55,5.55,0,0,1-1-.23c-.06-1.23-.13-2.42-.19-3.72-.69,0-1.24-.13-1.79-.12s-1.09.11-1.54.16c-1.24,2.67-1.95,3.59-3.63,3.74-2.14.19-4.31.05-6.56.05-.09-1.35-.17-2.54-.26-3.82h-2v5.54H201.38v-5.55h-3.79c.25,1.37.48,2.57.72,3.86h-4.13C193.8,233,193.43,231.73,193,230.38ZM78.88,262.14l-.36.06c-1.19-4.89-2.37-9.78-3.53-14.54H71.8v21.85h2.29V254.92l.39-.07q1.92,7.34,3.84,14.69h2.86V247.49l-2.3.18Zm49,.67h-.25c-1.22-5.09-2.44-10.17-3.65-15.19h-3.12v22.05l2.29-.19V255l.34-.06c1.26,4.88,2.53,9.75,3.77,14.57h3v-22l-2.35.13ZM51.45,260c1.94,3,1.09,6.37,2.07,9.59H50.78c-.21-1.51-.39-2.93-.6-4.34a18.57,18.57,0,0,0-.56-3.08c-.4-1.16-.73-1.23-2.74-1.11v8.39a8.7,8.7,0,0,1-1.17.25,11.56,11.56,0,0,1-1.3-.11v-22c1.88,0,3.65-.09,5.4,0a3.05,3.05,0,0,1,3,2.72C53.18,253.63,54,257.08,51.45,260Zm-1.65-9.58H47V258c2.57.19,3.16,0,3.4-1.63A9.21,9.21,0,0,0,49.8,250.38Zm24.14-21.06c.11-5.67,0-11.35,0-17,0-.22-.17-.43-.32-.78l-2.26.19v2.8c0,4.13,0,8.27,0,12.4a28.45,28.45,0,0,1-.2,2.91,1.58,1.58,0,0,1-1.63,1.5,1.69,1.69,0,0,1-1.86-1.54,14.5,14.5,0,0,1-.13-2.18c0-4.54,0-9.08,0-13.62,0-.78-.07-1.55-.11-2.46l-2.44.14a9.64,9.64,0,0,0-.15,1.07c0,5.27,0,10.54,0,15.81a9.85,9.85,0,0,0,.29,2.16,3.68,3.68,0,0,0,3.92,3.24C72.24,234.09,73.87,232.7,73.94,229.32Zm-35.86-15.1q0,6.57,0,13.13c0,.65,0,1.3,0,2,0,1.11-.51,1.93-1.68,2a1.74,1.74,0,0,1-1.94-1.74,23.61,23.61,0,0,1-.18-2.66c0-4.7,0-9.4,0-14.11a6.34,6.34,0,0,0-.24-1.18H31.69c0,6.16,0,12.06,0,18a4.45,4.45,0,0,0,.14,1,3.83,3.83,0,0,0,4.08,3.39c2.88.11,4.21-.91,4.7-3.75a16.51,16.51,0,0,0,.2-2.9c0-4.22,0-8.43,0-12.65v-2.95H38.08ZM143.87,250.8c0,5.17.17,10.34-.06,15.5-.09,2.18-1.36,3.07-3.55,3.27-1.52.13-3,0-4.76,0V247.51c1.7,0,3.23-.07,4.75,0a3.44,3.44,0,0,1,3.49,2.81A1.59,1.59,0,0,1,143.87,250.8Zm-2.43,2a14.29,14.29,0,0,0-.46-2.45l-2.93-.34v16.77c2.82.21,3.3-.08,3.37-2.57C141.53,260.46,141.48,256.65,141.44,252.85Zm-74.76,5.66h0c0,2.34.11,4.69,0,7-.15,2.72-1.43,4.1-3.69,4.34-3.06.32-4.91-1.05-5-4.14-.16-4.77-.17-9.54,0-14.31.12-3.44,2.64-5,5.89-4,1.81.56,2.74,1.84,2.85,4.31C66.75,254,66.68,256.24,66.68,258.51Zm-2.88-8.22c-2.74-.5-3.34-.13-3.38,2.07-.07,4.14,0,8.27,0,12.41a10.92,10.92,0,0,0,.48,2.18h2.88A94.59,94.59,0,0,0,63.8,250.29Zm24.5-16.6c-.17-.75-.27-1.37-.46-2-.79-2.54-1.57-5.1-2.45-7.62a5.46,5.46,0,0,1,0-3.76c1-2.82,1.82-5.69,2.77-8.7H85.36c-.72,2.37-1.42,4.66-2.28,7.5-.86-2.89-1.54-5.2-2.21-7.48H78.09c.21.79.36,1.42.55,2,.85,2.87,2.39,5.73,2.37,8.6s-1.59,5.71-2.46,8.57c-.27.88-.48,1.78-.74,2.79h2.78c.77-2.66,1.52-5.23,2.43-8.36l2.55,8.39Zm185.75,157a8.38,8.38,0,0,1-.26-1.93c0-3.64,0-7.29.22-10.92.16-2.29,1.41-3.19,3.51-3.2s3.17.92,3.64,3.14a3.61,3.61,0,0,1,.12.72c0,1.86,0,3.73,0,5.59h.16c-.12,2.17-.1,4.37-.4,6.53a3.08,3.08,0,0,1-3.34,2.87A3.27,3.27,0,0,1,274.05,390.65Zm2.5-7.17,1.79-2.17c.15.87.26,1.49.39,2.29,1.07-1,1.66-2.05.78-2.94s-.91-2-1.24-3c-1.17-.44-1.67,0-1.71,1.05C276.51,380.13,276.55,381.55,276.55,383.48Zm-1.07,2.1c.51,1.66,1.13,3.3,1.77,4.93,0,.1.57,0,1.09,0V384.8L276.69,387c-.12-1-.21-1.7-.34-2.81C275.87,384.93,275.41,385.34,275.48,385.58ZM110.74,266.93v-7.18l4.16-.21c-.07-.93-.12-1.68-.18-2.47l-4-.26v-6.58l4.91-.28V247.6h-7.47v21.87h7.62c-.05-.91-.08-1.6-.13-2.54ZM32.06,269.5h2.6v-9.16l4.14-.27c-.06-.89-.1-1.57-.14-2.3l-3.94-.27v-7.29l4.73-.26V247.6H32.06Zm52.79-21.82c.09.89.16,1.57.23,2.24l3,.38v19.23h2.62V250.31l3.19-.45c-.06-.85-.1-1.53-.14-2.18ZM48.48,211.62,46,211.51v22.12h2.48Zm9.81-1.06c-1.8,8-3.59,16-5.43,24.18h2.55c1.82-8.06,3.61-16,5.44-24.18ZM286.85,393v-18.3a5.55,5.55,0,0,0-2,.36,31.86,31.86,0,0,0-2.77,2.44c.05.56.11,1.18.19,1.93l2.16-.35V393Zm-12.92,5.25h13.21V395.6H273.93ZM96.93,259.9c0,.81.07,1.48.1,2.12h6.29c0-.78-.09-1.39-.14-2.12Zm-4-171.6c-2-10-3.91-19.75-5.87-29.7H79.5v48.66h5.22c-.17-12.58-.34-25-.51-37.46l.37,0c1.91,10.23,3.81,20.46,5.74,30.83H95.5c2-10.53,3.94-21.09,5.94-31.8V107.4c1.12,0,2.16,0,3.19,0,.55,0,1.1-.1,1.78-.17V58.75H98.78C96.81,68.63,94.87,78.39,92.9,88.3Zm50.62-29.63h-7.05v48.54h5.28V73.26l.31,0,8.68,34h6.68V58.74H152c.15,12,.29,23.92.43,35.81l-.34,0Q147.79,76.62,143.52,58.67Zm-19.13,58.87c4.23.16,8.28.09,12.28.53,3.53.39,5.53,2.9,6.31,6.24a25.83,25.83,0,0,1,0,11.57,8,8,0,0,1-3.48,5.2c3.38,1.61,4.33,4.55,4.46,7.71a63.34,63.34,0,0,1-.35,9.93c-.56,4.82-3.1,7.3-7.91,7.67-3.69.28-7.41.06-11.28.06Zm5.91,20.78c1.3,0,2.42.06,3.54,0,2.24-.15,3.3-1,3.52-3.24a45.5,45.5,0,0,0,.13-7.74c-.26-3.22-1.28-3.95-4.58-4H130.3Zm-.14,22.35c1.44,0,2.64.06,3.83,0,2.51-.15,3.67-.94,3.85-3.47a78.16,78.16,0,0,0-.11-10.15,3.12,3.12,0,0,0-2.55-2.91,9.3,9.3,0,0,0-5,0ZM78.87,117.72c2.84,0,5.68-.07,8.5.16,4.84.4,7.45,2.79,7.95,7.61a92.2,92.2,0,0,1,.31,11.4,10.39,10.39,0,0,1-4.2,8.36c3,2.8,3.16,6.46,3.51,10.08s.84,7.36,1.29,11.13H90.88c-1.47-2.91-1.37-6.11-1.71-9.21-.19-1.69-.33-3.39-.52-5.07a6.93,6.93,0,0,0-.35-1.41c-1.08-3.32-2.38-4.07-6.38-3.44v19.12H76.21V117.84C77.13,117.8,78,117.72,78.87,117.72Zm3.18,23.36c1.36,0,2.48,0,3.6,0,2.27-.08,3.61-.83,3.76-3a102.37,102.37,0,0,0,0-11.62A2.67,2.67,0,0,0,87,123.84c-1.58-.13-3.19,0-4.92,0ZM165,145.23c3.21,3.08,3.18,7.08,3.53,11,.3,3.36.83,6.71,1.28,10.26h-5.6c-.37-1.69-.88-3.37-1.1-5.09-.34-2.74-.48-5.49-.74-8.23a11.22,11.22,0,0,0-.43-2.15c-1-3.44-2.39-4.29-6.45-3.74v19.13h-5.74v-48.5a17,17,0,0,1,1.87-.2c3.08,0,6.17-.09,9.24.15,4.85.37,7.48,2.75,8,7.56a90.29,90.29,0,0,1,.32,11.4A10.45,10.45,0,0,1,165,145.23Zm-2-18.63a2.77,2.77,0,0,0-2.59-2.78c-1.57-.12-3.15,0-4.85,0v17.28c1.35,0,2.47,0,3.59,0,2.34-.07,3.69-.88,3.85-3.15A102,102,0,0,0,163,126.6ZM44.78,86.17c2.86,2.61,3.15,6.07,3.46,9.57.33,3.77.83,7.53,1.28,11.46H43.89c-.35-1.83-.8-3.69-1-5.59-.37-2.89-.57-5.8-.9-8.7a8.15,8.15,0,0,0-.59-2.09c-1.05-2.54-2.32-3.15-6.08-2.74,0,3.15,0,6.37,0,9.58s0,6.28,0,9.58h-5.7V58.66c3.81,0,7.38-.14,10.94,0,4.58.22,7.48,2.54,8,7a86.08,86.08,0,0,1,.39,12.85A10,10,0,0,1,44.78,86.17ZM43.12,69.5c-.26-4.15-1.37-5-5.5-5H35.27c0,6-.06,11.68,0,17.5,1.28,0,2.17,0,3.05,0,3.15,0,4.27-.81,4.62-4A49.13,49.13,0,0,0,43.12,69.5ZM242,142c0-4.29-.1-8.59,0-12.88a28.31,28.31,0,0,1,.91-6.21,7.22,7.22,0,0,1,6.13-5.52,16.52,16.52,0,0,1,3.13-.31c5.34.07,8.47,2.82,9.2,8.1a41.27,41.27,0,0,1,.38,5.33c0,7.7.08,15.39,0,23.09a37.31,37.31,0,0,1-.78,7,7.44,7.44,0,0,1-7,6.33,18.58,18.58,0,0,1-6-.42,6.58,6.58,0,0,1-4.93-4.92,28.7,28.7,0,0,1-1-6.44C241.88,150.78,242,146.4,242,142ZM247.85,155a19.12,19.12,0,0,0,.48,3.84,3.07,3.07,0,0,0,2.72,2.42c2.58.48,4.47-.82,4.57-3.66.18-5.17,0-10.36,0-15.53h.27c0-3.73,0-7.45,0-11.18a33,33,0,0,0-.4-5.07,3.33,3.33,0,0,0-3.69-2.83,3.23,3.23,0,0,0-3.54,2.67,17.14,17.14,0,0,0-.44,3.84Q247.79,142.2,247.85,155ZM73.47,68.61q.15,14.34,0,28.68a18.24,18.24,0,0,1-1,5.45,7.29,7.29,0,0,1-6.27,5.05l-.72.08c-7.08.81-11.08-2.38-11.41-9.5-.24-5.09,0-10.2,0-15.31h-.15c0-3.64,0-7.29,0-10.93,0-1.54,0-3.08.16-4.62.54-7.35,4.83-10.81,13.24-9a6.73,6.73,0,0,1,5.16,4.68A18.22,18.22,0,0,1,73.47,68.61ZM67.7,82.9c0-4.38,0-8.76,0-13.14a13.51,13.51,0,0,0-.42-3.36c-.48-1.8-1.48-2.45-3.4-2.49s-3.21.62-3.68,2.44a16.06,16.06,0,0,0-.42,3.85q0,12.78,0,25.56a23.75,23.75,0,0,0,.13,2.67c.31,2.53,1.42,3.61,3.69,3.67s3.49-.87,3.93-3.39a19.46,19.46,0,0,0,.2-3.15c0-4.22,0-8.44,0-12.66Zm169.7,41.78c.68-2.22,1.33-4.44,2-6.84h-6.21c-2.17,7-4.33,14-6.52,21.14l-2.65-.18c0-3.67,0-7.14,0-10.61s.05-6.9,0-10.33h-5.66v48.59h5.71V145H227l6.87,21.5h6.23l-.82-2.62c-2.17-6.79-4.32-13.58-6.54-20.35a5.31,5.31,0,0,1,0-3.52C234.29,134.9,235.84,129.79,237.4,124.68Zm-29.93-6.83c2.41,16.15,4.82,32.29,7.26,48.59h-5.82c-.45-3.11-.9-6.26-1.39-9.59h-8.18c-.46,3.18-.91,6.34-1.37,9.6h-5.86c2.44-16.34,4.85-32.4,7.27-48.6ZM206.79,151c-1.11-8.27-2-16.41-3.61-24.44-1,8.09-2.09,16.19-3.15,24.44Zm-81.3-92.28,7.24,48.51H126.9c-.44-3.08-.88-6.18-1.34-9.46h-8.18c-.45,3.12-.91,6.28-1.37,9.5h-5.86C112.58,91,115,74.91,117.42,58.69Zm-.67,33.18c-1.08-8.33-2.13-16.46-3.18-24.59h-.4c-1,8.14-2.1,16.27-3.18,24.6ZM28.17,151.73c-.14,3.29-.23,6.43.71,9.49.78,2.55,2.33,4.61,5,5.23a19.55,19.55,0,0,0,6.47.41,7.48,7.48,0,0,0,6.82-6.31,32.47,32.47,0,0,0,.59-6.75c0-6.26-2.3-11.36-7.8-14.75-.48-.29-.93-.64-1.4-1a11.68,11.68,0,0,1-3.87-12.81,3.57,3.57,0,0,1,3.39-2.33,3.18,3.18,0,0,1,3.31,2.34,15,15,0,0,1,.49,3.34c.08,1.27,0,2.54,0,4h5.94c-.12-2.74-.06-5.1-.38-7.41-1-7.64-6.8-8.73-11.58-7.91-4.08.69-6.56,3.1-7,7.24a53.19,53.19,0,0,0-.12,8.47,12,12,0,0,0,4.69,9c1.38,1.13,2.84,2.17,4.27,3.22,3.8,2.8,5.61,9.44,3.78,13.83a3.57,3.57,0,0,1-3.68,2.23,3.16,3.16,0,0,1-3.3-2.35,12.92,12.92,0,0,1-.47-3.11c-.07-1.35,0-2.7,0-4.09ZM272.1,166.49h7.22c.95-2.42,7.57-46.83,7.27-48.7H281.3c-1.87,13.36-3.73,26.65-5.64,40.36-2-13.72-3.83-27.05-5.72-40.33h-5.39C264.37,120.66,271.27,165,272.1,166.49Zm-218.71-.05H70.26V160.7h-11V144.51h9.25v-5.94H59.2V123.76l11.09-.23v-5.66H53.39Zm48.2,0h16.87v-5.61c-3.8-.27-7.42.12-11-.24V144.5h9.24v-5.94h-9.25v-14.8l11.08-.23v-5.72h-16.9Zm70.58-47.37c2.28,8.19,4.52,16.39,6.84,24.57a28.18,28.18,0,0,1,1.2,8.61c-.13,4-.05,8.11,0,12.17,0,.69.11,1.38.16,2H186c0-5.36-.05-10.55,0-15.73a20.73,20.73,0,0,1,.61-4.78c2.13-8.07,4.35-16.11,6.53-24.16.33-1.22.6-2.47.94-3.88h-5.68l-5,20.63-.41,0q-2.4-10.35-4.81-20.71h-6.31C172,118.45,172.09,118.76,172.17,119.06Zm-5.47,65.82c-1.34,1-2.77.75-4.2.75H97.36c-.89,0-1.78,0-2.67.05A2.23,2.23,0,0,0,94,186c0,.34,0,.65.06,1.31h67.77c1.67,0,3.36-.27,4.94.76.42.27,1.56-.13,2.09-.56a1.34,1.34,0,0,0-.05-2.14C168.27,184.94,167.1,184.59,166.7,184.88ZM257.21,60.07v6h-6v2.83h6.1v6.18l2.79-.19V68.76h6.15c-.07-1-.11-1.78-.17-2.8H260V60.07Zm-41,0v6h-6.11c-.06.94-.1,1.65-.16,2.75h6.4v6.29l2.74-.17V68.77h6.11c-.09-1.06-.15-1.81-.24-2.81H219V60.08Zm-36.38,0v6h-5.89v2.76H180V75h2.7V68.76h6.22c-.06-1-.1-1.77-.16-2.79h-6.18V59.91Zm115.74,0v6h-6.07v2.77h6.14v6.29l2.73-.21V68.75h6.19c-.1-1.06-.17-1.81-.26-2.79h-5.92V60.08ZM173.94,99.73h5.94v6.15l2.77-.15V99.82l6.23-.27c-.06-1-.11-1.68-.18-2.61h-6.1v-6h-2.8v6.17h-6.11C173.78,98.1,173.85,98.79,173.94,99.73Zm124.44,6v-6h5.92V96.93h-6V90.74l-2.78.14V97h-6v2.76h6.14v6.14Zm-47.14-5.9h6v6.12l2.74-.18V99.83l6.21-.31c-.06-1-.1-1.64-.15-2.57H260V90.87H257.2v6.2h-6.14C251.12,98.07,251.17,98.81,251.24,99.78Zm-41.12-.09h6.14v6.1H219V99.65H225V96.94h-6v-6.2l-2.79.14V97.1h-6.27ZM46,189.55h4.62c-.34-2.16-.65-4.13-1-6.14H45C45.38,185.6,45.7,187.56,46,189.55Zm-13.43,0h4.55c-.33-2.21-.62-4.22-.91-6.17H31.55C31.92,185.59,32.25,187.55,32.58,189.57Zm6.7,0H43.9c-.35-2.24-.66-4.21-1-6.2h-4.6C38.65,185.54,39,187.51,39.28,189.58Zm39.41-6.29c.34,2.23.63,4.2.94,6.26h4.65c-.37-2.22-.7-4.24-1-6.26Zm-5.75,6.22h4.59c-.35-2.19-.66-4.16-1-6.2H71.91C72.29,185.6,72.63,187.62,72.94,189.51Zm-7.75-6.15c.36,2.16.68,4.14,1,6.14h4.58c-.34-2.21-.64-4.17-.94-6.14Zm-5.7,6.17H64c-.3-2.1-.58-4-.89-6.13h-4.7C58.82,185.59,59.16,187.55,59.49,189.53Zm-6.77,0h4.66c-.38-2.22-.72-4.24-1-6.14H51.76C52.1,185.52,52.39,187.43,52.72,189.54ZM249.1,45.18a2.37,2.37,0,0,0-2.29-2.37,2.3,2.3,0,0,0-2.38,2.25,2.27,2.27,0,0,0,2.25,2.35A2.37,2.37,0,0,0,249.1,45.18Zm16.24-1.92a2,2,0,0,0-1.87,1.86,1.88,1.88,0,0,0,3.75,0A2,2,0,0,0,265.34,43.26Zm8.79-11.32c10.6,0,21.2,0,31.8,0,.7,0,1.4-.1,2.14-.15V30.55H271.83C271.87,32.56,273.27,31.94,274.13,31.94Z"/></clipPath></defs>
</svg>
<!-- Back Mask -->
<svg id="back-mask" xmlns="http://www.w3.org/2000/svg" width="314.29" height="534.44" viewBox="0 0 314.29 534.44">
<defs>
<clipPath id="backMask">
<path d="M314.33,320.79c-.45-.38-1-1.39-.88-1.54,1.63-1.87.47-3.49-.61-4.78a24.91,24.91,0,0,0-4.62-4.06c-1-.76-2.45-1-3.54-1.69-3.45-2.23-6.8-4.62-10.24-6.86-1.47-.95-3.24-1.49-4.61-2.55-3.38-2.63-6.57-5.38-10.53-7.34-4.9-2.43-9.32-5.83-13.89-8.89-2.49-1.67-4.73-3.74-7.3-5.26-6.38-3.77-12.86-7.38-19.35-11-4.67-2.58-9.4-5.06-14.15-7.51-4.38-2.25-4.94-4-2.4-8.2a14.59,14.59,0,0,1,1.08-1.61c5.05-6.34,10.05-12.71,15.19-19,1.45-1.77,3.32-3.18,4.92-4.83a16,16,0,0,0,1.47-2.18c1.22-1.77,2.35-3.61,3.71-5.27.72-.87,1.49-2.2,3.16-.92,1.45,1.12,2.91,1.74,2.06,4.17a21.31,21.31,0,0,0,.5,14.78c.66,1.77,1,3.21-.05,5a3.15,3.15,0,0,0,.64,2.94,3.5,3.5,0,0,0,3.06.44c2.21-.92,3.62-5.6,2.54-7.76A19.54,19.54,0,0,1,259,223.21c1.37-5.75.85-7-4.07-10.32-.1-.07-.13-.26-.37-.77,2.15-2.34,4.49-4.73,6.63-7.28,3.58-4.26,7-8.63,10.54-13a5.5,5.5,0,0,1,.63-.73c2.68-2.41,5.24-5,8.08-7.19,4.71-3.69,7-10.16,13.43-11.86.43-.11.79-.55,1.17-.85,1.69-1.33,3.29-3.57,5.1-3.76,2-.22,3.39-1.15,5.05-1.74,3.55-1.28,3.74-1.52,3.82-5.18,0-.7-.07-1.4-.09-1.83.89-.43,1.75-.58,2.19-1.1,2-2.35.3-5.42,1.35-8,0-.13-.69-.57-1.05-.87-2.53-2.07-5.36-1.06-8.08-.69-2.1.28-4.22.82-4.25,3.81-.47-.75-.79-1.95-1-1.93-2.72.3-2.32-2.15-3.35-3.42-3-3.73-4.88-3.81-9.2-1.3a4.13,4.13,0,0,1-2.65.73c-1.34-.35-1.57.29-1.82,1.23-.42,1.59-1.46,2.78-3.09,2.52-2.81-.45-4.8,1.11-7,2.28-.74.39-1.47.82-2.43,1.37v-1.29c.11-15.58.18-31.16.32-46.74.05-5.19.11-10.38.42-15.56a19.73,19.73,0,0,1,3.79-10.88c3.58-4.79,8.2-5,11.93-.38a50.18,50.18,0,0,1,4.64,7.39c1.09,2,1.74,4.21,2.86,6.17.38.66,1.61.84,2.46,1.24.22-.83.82-1.78.6-2.46a32.24,32.24,0,0,0-2.7-6.23c-2-3.39-4-7-6.64-9.81-4.09-4.42-9.91-4.41-14,0A28.75,28.75,0,0,0,267,83.69c-2,5.21-1.88,10.84-1.65,16.36a481.26,481.26,0,0,1-.34,53.31,2.82,2.82,0,0,1-2.23,2.88,41.27,41.27,0,0,0-7,3.26c-5.52,3.34-10.89,6.93-16.39,10.31-4.75,2.92-9.6,5.68-14.43,8.48a1.4,1.4,0,0,1-1.08.17Q217.91,176,212,173.37c-.29-.13-.43-.6-.65-.9a3.52,3.52,0,0,1,1.17-.54c1.29-.07,2.61.08,3.88-.11a1.35,1.35,0,0,0,0-2.65c-1.58-.23-3.77.39-4.65-.45s-.27-3-.52-4.6A1.75,1.75,0,0,0,210,163a1.82,1.82,0,0,0-1.34,1.15,33.73,33.73,0,0,0-.11,3.64c0,.43-.26,1.19-.48,1.21a37.15,37.15,0,0,1-7.62.66c-2.88-.24-5.68-1.3-8.56-1.72-.71-.11-1.58.88-2.38,1.37a21.1,21.1,0,0,0,1.72,1.94c.25.23.77.15,1.17.25,4.77,1.26,9.55,2.49,14.3,3.84a2.81,2.81,0,0,1,1.8,1.52c.48,2,1.62,1.27,2.74.91.38-.13.85-.52,1.13-.41,2.6,1,5.16,2.15,8.09,3.39-1.44,1.08-2.44,1.89-3.5,2.62-1.74,1.2-3.57,2.26-5.25,3.53-4.74,3.6-9.82,6.88-14,11-6.38,6.26-14,11.19-19.2,18.76-2.57,3.74-6.34,6.69-9.78,9.75a6.92,6.92,0,0,1-4.55,1.83c-2-.15-4-1.22-5.87-2.13-8.16-3.95-16.2-8.14-24.42-11.95-11.54-5.35-23.35-10-36.14-11.42a6.84,6.84,0,0,1-3-1.33q-15.15-11-30.22-22.17c-2.09-1.54-4.12-3.17-6.07-4.88a23,23,0,0,1-8.28-15,70.48,70.48,0,0,1-.57-14.06A122.58,122.58,0,0,0,45,97.67,153.78,153.78,0,0,1,38.43,48.9c.07-3.65.32-7.3.44-10.95.07-2.35-1-3.69-3.07-3.91a3.79,3.79,0,0,0-4.39,3,7.76,7.76,0,0,0-.17,1.45,184,184,0,0,0,5.93,60.28c.14.54.23,1.1.34,1.65-1.36-2.29-2.24-4.74-3.47-7C30,85.86,28.29,77.75,27.85,69.32Q26.08,34.91,24.37.49H12.68c.83,15.72,1.61,31.45,2.48,47.17.57,10.37,1.15,20.74,1.92,31.1A39.18,39.18,0,0,0,22,94.71c6.89,12.53,8,26,7.09,39.91q-.27,4.14-.6,8.26c-.28,3.57,1.91,6.4,5.2,6.69s6-1.92,6.31-5.59c1-11.34,1.61-22.67-.46-34a6.76,6.76,0,0,1,0-1.19l.6-.1c.77,4.42,2,8.82,2.21,13.28.33,6.06,0,12.16-.17,18.24-.23,7.14-.74,14.26.66,21.36a32.53,32.53,0,0,0,10.05,17.93c.65.61,1.29,1.24,1.92,1.86,0,0,0,.11-.06.36-.83-.36-1.6-.73-2.41-1-2.56-.94-5.16-1.79-7.7-2.81A10.79,10.79,0,0,1,41.38,176c-1.7-1.53-8.29-3.09-10.4-2.26-.23.09-.59.16-.63.31-.84,3.07-3.27,2.73-5.61,2.74a5.71,5.71,0,0,0-2.07.61c-.78.33-1.18.94-2.42.23s-3.07.14-4.6.51a2.89,2.89,0,0,0-.24,1.87c1.5.71,1.64,1.84,1.44,3.26-.05.37.49.81.75,1.22,1.16,1.83,2.74,3.45,2.48,5.92,0,.39.52,1,1,1.26a7,7,0,0,1,3.07,4.75c.46,2.18,1.8,3.4,4,4.37,2.06.9,3.6,3.06,5.32,4.71,2.16,2.06,4.31,4.14,6.39,6.28a7.75,7.75,0,0,1,1.15,2c.17.35.09,1,.31,1.11,2.75,1.14,1.37,3.13.7,4.57-.78,1.65-.35,2.38,1.11,3s2.72,2.17,4.7,1.41c.2-.07,1,.87,1.19,1.45.55,1.67,1.11,2.44,3.32,2.33a11.2,11.2,0,0,1,7.59,1.86,6.24,6.24,0,0,0,1.58.52c.44.17,1.15.37,1.2.64.33,2,1.14,4.12.66,5.91-3.7,14-3.77,28.06-1.29,42.23,1.48,8.39,2.76,16.81,4.15,25.21.46,2.78,1.73,3.91,3.9,3.59a3.88,3.88,0,0,0,3.43-4.72c-1-6.74-2.13-13.45-3.21-20.18-1.58-9.78-3.43-19.56-2.13-29.51.74-5.61,2-11.16,3.15-16.69.57-2.61,2-2.47,4.22-1.15,2,1.19,1.14,2,.63,3.31-2.37,5.89-2.92,12.11-3.36,18.35-.83,11.55-1,23.05,3.16,34.14a30.83,30.83,0,0,0,1.93,4.71c.35.61,1.47.78,2.23,1.15.29-.82,1-1.77.8-2.45-.88-3-2.14-5.95-3-9-2.48-8.55-2.49-17.32-1.73-26.09.47-5.47,1.37-10.92,2.21-16.35a27,27,0,0,1,1.5-4.37c.49.76.75,1.64,1.17,1.73,3.34.72,4.37,3.64,5.29,6.14,1.16,3.13,3.54,5.07,5.79,6.95,7,5.88,14.39,11.42,21.63,17.06a5.19,5.19,0,0,1,2.27,5.28,4,4,0,0,0,.06,1.93c1.1,3.12-.27,5.5-2.15,7.78q-10.57,12.81-21.14,25.62c-.77.92-1.76,1.66-2.62,2.51-1.38,1.36-2.84,2.65-4.08,4.12-2.92,3.46-5.73,7-8.84,10.83a18.21,18.21,0,0,0-11.08-8.48c-1.52-.47-3-1.29-1.53-3.53,1-1.57-.12-3.29-2.12-3.79-2.56-.65-3.33-1.91-2.46-4.38a23.43,23.43,0,0,1,1.79-3.44c.77-1.42.68-2.73-.73-3.61a2.72,2.72,0,0,0-3.89.62c-4.06,4.87-3.88,10.36.49,15a2.4,2.4,0,0,1,.67,1.21c.53,4.09,3.16,6.28,6.79,7.44a12.54,12.54,0,0,1,6.93,5c.73,1.09.62,1.67-.26,2.64-3.47,3.85-6.58,8-10.21,11.7-4.33,4.35-9,8.31-13.61,12.43a12.76,12.76,0,0,0-1.85,1.55,45.16,45.16,0,0,1-10.94,10.29c-.59.4-.81,1.3-1.27,1.91-.77,1-1.64,2-2.39,3-.95,1.32-1.93.73-3.12.34-1.42-.46-2.42.21-2.25,1.86A8,8,0,0,0,27,379.3a3.71,3.71,0,0,1,0,3.3c-.49,1.51.16,3.41.42,5.13,0,.12,1,0,1.43.17,1.19.38,2.9.09,2.87,2.15a1,1,0,0,0,.28.63c2,2.13,2.26,3,2,6-.15,1.56.65,2.23,2.12,2.3a10.48,10.48,0,0,1,3.81.68l-1.07.51c-1.38.65-1.54,1.45-.15,2.22,1.06.59,1,1.24,1.08,2.42a6.29,6.29,0,0,0,2.43,4.37,110.59,110.59,0,0,0,10.89,5.59,2.24,2.24,0,0,1,1.49,2.68c-.27,1.42-.11,3.18-.9,4.19-4,5.09-4.09,11.1-4.47,17.09-.17,2.63-.62,5.23-1,8.43-1.31-1.49-2.24-2.48-3.1-3.52C33,428.89,26,411.77,21.9,393.32a188.37,188.37,0,0,1-3.47-56.42c1.65-20.12,4.28-40.17,6.21-60.27,1.29-13.48,2.15-27,3.11-40.52.21-3-1.33-4.42-4-4.26-2.12.12-3.28,1.22-3.45,3.62-.31,4.45-.29,8.93-.74,13.37-1.82,18-3.67,36-5.69,54-2.45,21.88-4.68,43.76-3.09,65.81,1.78,24.77,7.39,48.44,21.07,69.54,3.82,5.89,8.58,11.18,13.1,16.59,1.12,1.35,1.58,2.49,1.12,4.11-3.21,11.3-3.21,23.05-4.7,34.6-.18,1.36-.69,1.52-1.8,1.58Q23,496,6.33,497c-1.62.1-3.23.29-4.84.43v7.31c1.94-.06,3.88-.09,5.82-.2,10.29-.59,20.57-1.21,30.86-1.79,2.73-.16,2.75-.1,2.35,2.73-.9,6.24-2.05,12.47-2.63,18.75-.33,3.53.83,7.21-1.71,10.68,4.4,0,8.29-.1,12.17,0,1.7.06,2.22-.75,2.23-2.1A61.63,61.63,0,0,1,52,520.46c1.14-5.54,1.35-11.27,1.85-16.92.11-1.28.41-1.8,1.79-1.87,10.86-.57,21.72-1.11,32.56-1.91,7.26-.53,14.55-1.14,21.72-2.32,6.64-1.09,12.3-4.9,18.14-8,4.32-2.32,8.79-4.17,13.77-4.46a25.22,25.22,0,0,1,13.36,2.94c1.32.68,2.17,1.48,1.17,3.27-1.76,3.16-3.25,6.48-4.85,9.74-.65,1.31-1.31,2.61-2,3.91a9.75,9.75,0,0,1,.26-3.24,9.46,9.46,0,0,0-9.53-10.95c-2.3.11-3.62,1.14-3.82,3a4.18,4.18,0,0,0,3.4,4.37c2.18.46,3,1.69,2.15,3.77a44.94,44.94,0,0,1-3.1,5.3,8.59,8.59,0,0,1-.67-2.3,2.44,2.44,0,0,0-1.25-1.44c-1.16-.34-1.54.43-1.47,1.53,0,.89-.06,1.79,0,2.68.15,1.49-.45,2-1.94,2-1.72,0-1.19-1-1.15-1.94.22-4.75-3.11-8.66-7.9-8.6a27,27,0,0,0-8.76,1.58,108,108,0,0,1-56,4.89c-2.11-.36-3.61.5-3.91,2.28-.38,2.17,1,2.84,2.8,3.14a119.41,119.41,0,0,0,33.45,1,127,127,0,0,0,27.58-6.67,12.75,12.75,0,0,1,4.73-.75,3.54,3.54,0,0,1,2.31,1.78c.23.39-.45,1.56-1,2.12-2.56,2.67-2.36,6.81,1,8.4,2.11,1,4.79,1,7.23,1.14.74.05,1.22-.33,2.05.35,1.18.94,2.29.06,2.32-1.62,0-1.43,0-2.86,0-4.26.45,0,.63-.12.76-.07a3.84,3.84,0,0,1,.86.43c4,2.78,7.93,2.28,11.88,0,3-1.74,4.74-4.54,6.14-7.64,1.57-3.46,3.13-6.95,5-10.24,3-5.22,2.1-9.45-3-12.71a26.87,26.87,0,0,0-3-1.62,31.71,31.71,0,0,0-16.8-2.94c-1.53.14-1.94-.3-1.94-1.82s.44-2.07,1.94-1.92a7.41,7.41,0,0,0,2.66-.05c.64-.2,1.12-.92,1.68-1.4-.53-.41-1-1.07-1.6-1.16-1.42-.24-3.52.33-4.16-.42-.78-.94-.37-2.89-.47-4.4,0-.08,0-.19,0-.24-.4-.43-.89-1.25-1.2-1.19-.57.12-1.4.7-1.48,1.19-.23,1.5.42,3.69-.38,4.43s-3,.35-4.57.64c-.49.09-1.21.84-1.19,1.25a1.91,1.91,0,0,0,1.23,1.28c.83.22,1.8-.07,2.65.13s2.07.74,2.07,1.11c0,1.32,1,3-1.34,3.8-3.71,1.35-7.3,3.08-10.89,4.76-3.82,1.77-7.54,3.74-11.38,5.48a38,38,0,0,1-4.93,1.5c.36-4.63.49-8.93,1.08-13.17a154.68,154.68,0,0,0,1.86-24.63c-.14-7.35.89-14.71,1.18-22.08.46-11.68,1-23.36,1-35,0-7.05,3.29-12.56,6.89-18.08.56-.87,1.14-1.23,2.09-.28a21.91,21.91,0,0,0,11.13,5.67c7.9,1.74,15.83,3.45,23.81,4.84,4.93.86,10,1.06,15,1.67.58.06,1.07.78,1.61,1.2a6.68,6.68,0,0,1-1.73,1.05,10.84,10.84,0,0,1-2.42,0c-1,0-2.23-.16-1.88,1.36a2.38,2.38,0,0,0,1.78,1.23c4.09.31,4.1.26,4.27,4.49,0,.16-.06.39,0,.48.41.44.81,1.13,1.3,1.22,2,.35,1.44-1.2,1.46-2.21.06-3.88,0-3.88,3.8-3.93.49,0,1.08.15,1.44-.08a1.94,1.94,0,0,0,.92-1.32,1.65,1.65,0,0,0-1-1.17,7.89,7.89,0,0,0-2.18-.07c-3.21,0-3.21,0-2.59-3.2.44-2.28-.66-3.4-2.85-3a12.84,12.84,0,0,1-3.31.33,196.61,196.61,0,0,1-38.22-6.89c-2.92-.82-5.49-2.94-8.17-4.57-1.23-.74-.81-1.66,0-2.61a1.74,1.74,0,0,1,2.59-.57c4.26,2.13,8.5,4.46,13,5.93a116.53,116.53,0,0,0,45.65,5c7.72-.62,15.36-2.34,23-3.62,2.16-.36,3.79-1.44,4.11-3.84.51-3.8-2.35-6.4-6.17-5.46a120.68,120.68,0,0,1-47.3,2.52c-8.28-1.23-16.45-2.89-24-6.8-.9-.47-1.74-1-2.76-1.62,3.12-3.73,5.66-7.62,9-10.6,5.13-4.56,10.82-8.51,16.29-12.68a9.17,9.17,0,0,1,2.17-1.08,18.58,18.58,0,0,0,8.8-7.4,10.58,10.58,0,0,1,5.55-4.82,9.3,9.3,0,0,0,2.58-2.13,23.21,23.21,0,0,1,3-2.79c2.68-1.66,5.46-3.19,8.29-4.58a3.73,3.73,0,0,1,3-.17c3.56,1.87,7,4,10.49,6,1.18.69,2.29,1.78,3.55,2,2.91.49,5,2.24,7.1,4s4.78,3.69,5.65,6.11a28.83,28.83,0,0,1,1.55,11.41c-.43,6.95-1.93,13.82-2.46,20.76-.56,7.44-.53,14.92-.7,22.38,0,1.37-.36,2-1.94,2s-1.94-.66-1.83-2a10.89,10.89,0,0,0,0-2.91c-.1-.51-.8-1.33-1.09-1.28-.58.11-1.44.66-1.52,1.14-.25,1.51.4,3.68-.4,4.43s-3,.37-4.56.67c-.48.09-1.19.84-1.17,1.26a1.82,1.82,0,0,0,1.23,1.24c1.5.26,3.59-.28,4.4.54s.22,2.91.49,4.4c.1.52.89,1.09,1.47,1.26.26.07,1.06-.74,1.14-1.23a12.75,12.75,0,0,0,0-3.15c-.08-1.21.28-1.84,1.61-1.76,1.06.07,2.17-.14,2.2,1.49.09,4.93.39,9.87.29,14.8-.12,5.83-.6,11.66-.84,17.49-.05,1.08,0,1.89-1.44,1.91s-2-.34-1.83-1.78a11.45,11.45,0,0,0,0-3.15,1.74,1.74,0,0,0-1.23-1.16,1.79,1.79,0,0,0-1.37,1.08c-.24,1.5.37,3.68-.43,4.42s-3,.35-4.58.65a1.81,1.81,0,0,0-1.12,1.35c0,.42.74,1.12,1.24,1.2,1.49.25,3.59-.29,4.38.53s.23,2.9.5,4.39c.09.53.88.94,1.35,1.4.44-.47,1.15-.89,1.26-1.43a10.78,10.78,0,0,0,0-3.16c-.15-1.52.64-1.72,1.89-1.68,1.83.05,1.22,1.35,1.26,2.28.46,11.77-2.73,23.37-1.66,35.17,0,.3-.46.63-.72.95-.24-.26-.67-.5-.69-.78-.09-1.29.06-2.61-.12-3.88a2.18,2.18,0,0,0-1.16-1.51c-1.09-.35-1.58.27-1.55,1.44,0,1.46.47,3.51-.29,4.21s-2.87.33-4.33.63c-.56.11-1,.83-1.5,1.27.51.45,1,1.2,1.55,1.28a40.67,40.67,0,0,0,4.79.06c-.65.56-.78.76-1,.82-.92.32-1.84.64-2.78.88-9,2.35-18.26,2.62-27.53,2.41-1.59,0-2.24-.38-2.29-2.16-.05-2.06,1-2,2.42-1.95a7,7,0,0,0,2.42-.06c.57-.19,1-.9,1.46-1.37-.52-.41-1-1.09-1.58-1.18-1.42-.23-3.52.35-4.16-.41-.79-.92-.38-2.87-.49-4.38,0-.08,0-.2,0-.24-.39-.44-.86-1.27-1.18-1.22-.58.09-1.45.66-1.52,1.13-.23,1.51.43,3.67-.36,4.44s-3,.39-4.53.68c-.5.1-1.24.82-1.23,1.22a1.83,1.83,0,0,0,1.19,1.31,13.71,13.71,0,0,0,3.39.08c1.47-.08,1.51.83,1.47,1.89s.22,1.85-1.37,1.93c-2.93.15-4.11,1.39-4.06,3.71s1.56,3.82,4.37,3.85c5.92.08,11.87.39,17.76,0a106.06,106.06,0,0,0,17.77-2.5c11.69-2.86,21.59-8.75,28.42-19,2.41-3.61,3.5-7.32.38-11.45,3.27-1.46,6.37-2.82,9.45-4.23,2.46-1.12,3.37-3.33,2.37-5.57-.89-2-2.59-2.55-5.16-1.37-4.93,2.25-9.79,4.67-14.69,7l-1.84.88c0-5.78,0-11.35,0-16.92a91.28,91.28,0,0,1,.41-9.21c.57-5.15,1.86-10.26,2-15.41.18-8.83-.31-17.68-.5-26.51a31.56,31.56,0,0,1,.1-4.13q1.45-13.55,3-27.08c.43-3.87.78-7.75,1.37-11.6.4-2.63,1.32-2.94,3.65-1.54,1.18.7,2.31,1.5,3.49,2.22,2.59,1.58,5.27,2.46,8.32,1.23a1.74,1.74,0,0,1,1.54.7c1.57,3.2,4.22,4.48,7.6,4.86a6.89,6.89,0,0,1,3,1.41c2.54,1.83,5,3.75,7.48,5.68,3.28,2.56,6.81,3.21,10.69,1.53a3.14,3.14,0,0,1,.94-.26c1.94-.1,3.09-.88,2.64-3.15a6.62,6.62,0,0,1,.33.66c.48.74,1,1.45,1.5,2.18a12,12,0,0,0,1.39-1.9c.56-1.21,1-2.49,1.47-3.86,2.67,2.15,5.27,1.71,7.84,1a47.62,47.62,0,0,0,5.31-2c.52-.22,1.25-.84,1.25-1.27,0-2.67.62-3.55,3.18-4.07a2.46,2.46,0,0,0,1.65-4c-.23-.37-.5-1.06-.33-1.28a18.69,18.69,0,0,0,3.57-6.67c.58-2.3,1.91-4.41,2.92-6.61a12.88,12.88,0,0,1,.76,1.3c.53,1.11,1.12,1.18,2,.33C316.25,322.75,316.25,322.42,314.33,320.79ZM99.15,410.19Q98.2,431.57,97.43,453c-.07,2.07.66,4.16.66,6.24,0,4.51-.12,9-.43,13.53-.24,3.47-1.13,6.9-1.2,10.37,0,2.75.7,5.51,1.14,8.6-5.78.36-12,.78-18.23,1.13-7.53.43-15.06.79-22.59,1.22-1.26.07-1.94-.06-1.74-1.65,1-8.12,1.75-16.28,3-24.37.81-5.43,2.42-10.75,3.33-16.17,1-6.07,1.67-12.2,2.47-18.3a5.87,5.87,0,0,1,2.29-4,10.26,10.26,0,0,0,3-4.23c2.13-5.93,5.74-10.73,10-15.3s8-10.14,12.15-15.15a64.18,64.18,0,0,1,5.92-6.09,2.25,2.25,0,0,1,2.15-.21,2.93,2.93,0,0,1,.85,2.2C99.93,397.23,99.44,403.71,99.15,410.19Zm129.49,46.69c1,.29,1.68.79.86,1.85-2,2.57-4,5.1-6,7.64l-.74-.43c.54-3.38,1.08-6.77,1.64-10.26C225.94,456.12,227.28,456.52,228.64,456.88Zm-130-284.57a5.1,5.1,0,0,1,.8-1.49c1.87-2.24,4-4.25,3.54-7.7-.11-1,1.33-2.45,2.42-3.1a9.23,9.23,0,0,0,4.22-6.24,90.81,90.81,0,0,0,1.94-24.66c-.09-2.42,0-4.67,1.85-6.55a3.57,3.57,0,0,0,.47-2.27q0-58.32,0-116.65c0-1,0-2.11,0-3.16h11.69c0,9.49-.12,19-.12,28.48q0,62,.12,124c0,1.54,0,3.08-.13,4.62-.45,7.24-3.77,12.61-10.39,15.81-2.7,1.3-5.28,2.63-7.08,5.3-1.47,2.16-4.62,2.22-7,.65A5.64,5.64,0,0,1,98.68,172.31Zm186-62.34-1.22-.31c.42,6.84.81,13.31,1.19,19.78.21,3.51-1.88,6.19-5.08,6.54-3.52.39-6.21-1.91-6.46-5.67-.66-10.28-1.25-20.56-1.88-30.84a16.36,16.36,0,0,0-.39-2.88c-1.2-4.83,3.38-12,7.3-13.31,4.36-1.44,8.08.14,9.46,4.48,1.54,4.86,3,9.74,4.43,14.65S289.82,111.12,284.71,110Zm.58,280.21c-1.71,4.72-3.33,9.49-5.39,14.06a12.91,12.91,0,0,1-4.24,5.11c-3.89,2.67-8.75.55-9.88-4a12.5,12.5,0,0,1-.32-3.61q.69-12.51,1.48-25c.26-4,3.25-6.28,6.51-5a4.5,4.5,0,0,1,3.1,4.72c-.18,3.31-.37,6.62-.59,10.59.85-1,1.18-1.4,1.58-1.77a4.62,4.62,0,0,1,5.82-.58A4.57,4.57,0,0,1,285.29,390.18ZM263,486.43q-8,12.07-15.91,24.2c-1,1.53-2,3.08-2.94,4.52,3.23,1.11,6.28,2.11,9.29,3.2a10.1,10.1,0,0,1,2.33,1.31c1.92,1.38,2.1,3.65.08,4.81-5.33,3.06-10.78,5.91-16.24,8.74a2.26,2.26,0,0,1-3.43-1.2,2.79,2.79,0,0,1,1.48-3.87c2.67-1.35,5.39-2.61,8.08-3.95.92-.46,1.78-1,2.67-1.56,0-.28-.05-.56-.07-.84-2.86-.21-5.72-.32-8.56-.66-1.17-.15-2.9-.46-3.29-1.23a4.45,4.45,0,0,1,.42-3.72c7-10.91,14.18-21.74,21.31-32.59l.14-.19c1.27-1.77,2.9-2.25,4.32-1.21C264.36,483.45,264,484.88,263,486.43Zm22.19-77.54a26.1,26.1,0,0,1-.6,2.79c-.1.32-.6.51-.91.77-4.1,3.44-8.27,6.82-12.28,10.36-3,2.69-5.83,5.65-8.84,8.36a9.47,9.47,0,0,1-2.87,1.18,9.85,9.85,0,0,1-.91-2.8c.05-14.93.48-29.87.19-44.79-.2-10-1.4-20.07-2.15-30.1a10.06,10.06,0,0,1-.15-2.66c.19-.87.67-2.2,1.28-2.36,1.31-.35,2,.68,2.09,2,.27,2.83.65,5.64.89,8.47a468.07,468.07,0,0,1,1.6,62.77c-.05,1,0,1.9,0,2.91,6.78-5.73,13.32-11.3,19.95-16.76C283,408.58,284.23,408.92,285.15,408.89Zm-61.27,73.18c.89,1.35.8,2.8-.56,3.65-11.66,7.34-23.54,14.11-40,14.61-2.35-.61-6.72-1.7-11.06-2.91-1.6-.44-2.54-1.57-1.85-3.32s2-2.5,3.7-1.76c10.77,4.63,21,2.22,30.91-2.58,4.66-2.25,9.08-5,13.61-7.53.64-.35,1.23-.8,1.89-1.1A2.47,2.47,0,0,1,223.88,482.07ZM200.5,345.39a65.58,65.58,0,0,0,5.49-3.6c1.75-1.17,3.54-1.1,4.54.31,1.28,1.8.26,3-1.17,4a51.44,51.44,0,0,1-31.25,10.49,50.87,50.87,0,0,1-18.3-3.39c-3-1.16-3.71-2-3.1-3.73.68-1.95,2.32-2.37,5.07-1.36C175.1,353.09,188,352.09,200.5,345.39ZM292.12,273c1.79-9.36,1.83-18.85,1.51-28.35a4.41,4.41,0,0,1,1.25-3.29c1.68-1.26,3.9.16,4.06,2.47.25,3.55.37,7.12.54,10.68a136.37,136.37,0,0,1-5.9,36.6c-.12.38-.24.77-.39,1.14a2.59,2.59,0,0,1-3.51,1.7c-1.65-.56-2.11-1.78-1.7-3.48C289.41,284.66,291,278.87,292.12,273ZM124.79,390.74a4.26,4.26,0,0,0-4.44,3.45,30.16,30.16,0,0,0-.32,6c0,3.16.29,6.32.15,9.47-.1,2.32-1.39,3.28-3.25,3s-2.33-1.5-2.17-3.87,0-4.69-.07-7a55.36,55.36,0,0,1-.09-7.28,10.29,10.29,0,0,1,8.26-9.09c5.14-1,9.34,1,12.64,5.79,0-1.44.06-2.89,0-4.33-.06-1.22.53-1.75,1.57-1.41a2.23,2.23,0,0,1,1.16,1.51c.27,1.48-.23,3.45.57,4.36.67.75,2.75.16,4.17.39.57.09,1.05.78,1.57,1.19-.49.46-.92,1.22-1.48,1.33-1.48.27-3.59-.29-4.38.52s-.23,2.9-.45,4.4c-.08.49-.84,1.31-1.13,1.24-.58-.12-1.42-.69-1.5-1.19-.27-1.49.33-3.56-.46-4.41s-2.86-.29-4.35-.5c-.52-.08-1.29-.51-1.4-.92C128.72,390.89,126.77,390.68,124.79,390.74Zm146.4-122.18c6.14-20.72,3.15-40.06-8.72-58.07-.09-.14-.19-.26-.28-.4-.65-1-1.78-2.07-.37-3.14,1.57-1.18,2.49.08,3.32,1.25a66.79,66.79,0,0,1,9.33,18.88,69.42,69.42,0,0,1,3.27,21,68.57,68.57,0,0,1-3.19,21.42,4.61,4.61,0,0,1-.82,2,2.7,2.7,0,0,1-2.08.65c-.43-.09-.85-1.06-.93-1.68A5.05,5.05,0,0,1,271.19,268.56Zm38.29,83.66c.12,1.37,0,2.75,0,4.13A70.86,70.86,0,0,1,300,387.49c-.41.7-.75,1.7-1.37,1.94a4.53,4.53,0,0,1-3.28.28c-.7-.35-1.05-1.8-1.18-2.81-.07-.59.55-1.3.92-1.93a63.55,63.55,0,0,0,8.87-31.24A10.64,10.64,0,0,1,304,352a2.55,2.55,0,0,1,2.94-2.27A2.45,2.45,0,0,1,309.48,352.22Zm-12-260.63c0-5.23,2.16-8.78,5.33-10A7.46,7.46,0,0,1,311.6,84a11.34,11.34,0,0,1,1.66,5.57c.1,1.54-1.18,2.65-2.95,2.51a2.49,2.49,0,0,1-2.46-2.77c0-1.5-.5-2.36-1.92-2.59-1.68-.27-2.25,1-2.67,2.24-.94,2.8.21,4.31,3.07,4.58a3.32,3.32,0,0,1,2.51,1.7,3.73,3.73,0,0,1-1,3.09c-1.66,1.49-3.74,1.38-5.68.35A8.29,8.29,0,0,1,297.52,91.59ZM186.66,331a2.91,2.91,0,0,0,0-2.64,14.26,14.26,0,0,0-3.41-2.1c-2.23.88-3.59.09-3.87-1.81s1-2.72,2.7-3.15a9,9,0,0,1,9.26,3.91,7.93,7.93,0,0,1-.41,9.51c-2.18,2.77-6.36,4.21-9.36,3.16-1.54-.53-2.55-1.61-2.14-3.31a2.54,2.54,0,0,1,3.3-2.05A3.17,3.17,0,0,0,186.66,331ZM115.33,473.19a1.6,1.6,0,0,0,.06,1.4,7,7,0,0,0,2.39.7c.32,0,.69-.39,1.06-.54a2.58,2.58,0,0,1,3.39,1,2.42,2.42,0,0,1-.7,3.61,29.79,29.79,0,0,1-4.3,1.93c-3.33-.49-5.82-1.79-7.16-4.72a6.33,6.33,0,0,1,1.12-7.23,7.34,7.34,0,0,1,7.89-2.42,5.49,5.49,0,0,1,3.11,2.91c.69,1.78-1.3,3.44-3.21,3-.46-.11-.93-.59-1.33-.52A6,6,0,0,0,115.33,473.19Zm14-302.67c.47-.47.88-1.25,1.42-1.35,1.48-.28,3.59.29,4.37-.52s.19-2.91.45-4.4c.09-.52.88-1.11,1.46-1.28.27-.08,1.1.73,1.17,1.22.26,1.56-.27,3.64.57,4.6.69.79,2.89.17,4.4.36.57.07,1.08.63,1.61,1l0,.88a5.75,5.75,0,0,1-1.69.86c-1.5.19-3.59-.36-4.39.44s-.21,2.9-.47,4.39c-.09.53-.88.94-1.34,1.4-.46-.5-1.19-.94-1.3-1.51-.29-1.47.22-3.45-.57-4.35s-2.75-.15-4.17-.39C130.27,171.74,129.83,171,129.33,170.52Zm52.44.28c-.53.37-1,1-1.6,1-1.56.24-3.64-.28-4.59.56-.79.69-.17,2.89-.38,4.4-.06.48-.89,1.27-1.2,1.2a2.2,2.2,0,0,1-1.46-1.26c-.26-1.49.35-3.57-.45-4.4s-2.88-.24-4.36-.52c-.53-.1-.93-.91-1.4-1.4.5-.44,1-.89,1.51-1.32,0,0,.15,0,.24,0,4.19-.19,4.2-.19,4.38-4.48,0-1,0-1.72,1.36-1.77,1.52-.06,1.43.85,1.45,1.87.11,4.2.12,4.18,4.47,4.41a7.4,7.4,0,0,1,2,.69ZM166.4,91.08c-.36-1.21.58-1.39,1.59-1.41,1.43,0,3.4.34,4.12-.43s.35-2.73.35-4.17c0-1,.2-1.64,1.45-1.66s1.33.73,1.36,1.7c.18,4.4.19,4.41,4.49,4.58.91,0,1.75-.09,1.77,1.3s-.82,1.46-1.87,1.49c-4.19.12-4.16.14-4.43,4.44a6.86,6.86,0,0,1-.76,1.92h-1.11a7.94,7.94,0,0,1-.85-1.92c-.22-1.41.23-3.26-.52-4.13-.61-.71-2.59-.14-3.91-.39A2.54,2.54,0,0,1,166.4,91.08Zm36-38.34c.49-.47,1-1,1.46-1.42,0,0,.15,0,.23,0,4.19-.26,4.22-.26,4.44-4.46.06-1.05.23-1.67,1.48-1.68,1.41,0,1.26.87,1.29,1.77.15,4.26.16,4.26,4.29,4.38.92,0,2-.28,2,1.32s-.86,1.41-1.87,1.44c-4.29.12-4.26.13-4.47,4.44a7,7,0,0,1-.79,2l-1.07,0a6.83,6.83,0,0,1-.81-1.74c-.22-1.49.24-3.45-.55-4.37-.66-.76-2.74-.17-4.16-.42C203.34,53.92,202.9,53.18,202.41,52.74Zm0,79.57c.44-.51.82-1.37,1.34-1.47,1.48-.29,3.56.28,4.37-.52s.28-2.88.49-4.38c.08-.54.61-1,1.34-2.14.69,1.11,1.23,1.62,1.31,2.19.22,1.5-.31,3.59.5,4.37s2.9.21,4.39.47c.54.09.95.88,1.42,1.34-.48.44-.92,1.16-1.47,1.25-1.48.25-3.57-.32-4.37.48s-.23,2.89-.48,4.37c-.1.55-.82,1-1.26,1.47-.47-.46-1.27-.87-1.36-1.39-.26-1.5.34-3.57-.46-4.4s-2.87-.28-4.36-.52C203.3,133.34,202.87,132.7,202.41,132.31Zm-63.73,1.59c-.8.8-.23,2.88-.48,4.37-.09.54-.81,1-1.24,1.47-.49-.45-1.29-.84-1.39-1.36-.31-1.54.22-3.63-.62-4.57-.72-.79-2.9-.18-4.4-.4a1.75,1.75,0,0,1-1.13-1.28,1.9,1.9,0,0,1,1.21-1.3c1.54-.29,3.64.2,4.55-.65s.17-2.91.4-4.41a1.33,1.33,0,0,1,2.62.13c.27,1.55-.24,3.65.61,4.57s2.91.17,4.42.35c.53.06,1,.65,2.1,1.44a9.65,9.65,0,0,1-2.28,1.18C141.55,133.64,139.48,133.1,138.68,133.9Zm36.89,75c-.79.72-.16,2.91-.38,4.41a1.74,1.74,0,0,1-1.31,1.11,1.84,1.84,0,0,1-1.34-1.15c-.28-1.55.24-3.64-.6-4.59-.7-.79-2.9-.16-4.4-.39a1.33,1.33,0,0,1,.05-2.64c1.55-.27,3.64.25,4.58-.59s.18-2.9.35-4.42c.06-.52.63-1,1.37-2.08.69,1.08,1.24,1.59,1.33,2.16.24,1.57-.27,3.66.58,4.59.71.78,2.9.14,4.42.34.47.06,1.26.9,1.18,1.2a2.2,2.2,0,0,1-1.26,1.45C178.59,208.65,176.49,208.11,175.57,209Zm-3.38-78.78c.71-.67.3-2.59.27-4,0-1.11.36-1.84,1.49-1.51a2.19,2.19,0,0,1,1.26,1.44c.28,1.47-.21,3.46.59,4.34s2.76.15,4.2.33a5.55,5.55,0,0,1,1.72.92v.86a5.62,5.62,0,0,1-1.67.85c-1.5.2-3.58-.34-4.38.46s-.22,2.89-.47,4.38c-.09.54-.82,1.36-1.25,1.36s-1-.77-1.46-1.24c-.08-.08,0-.31,0-.48-.15-4.23-.15-4.24-4.44-4.43-1,0-2-.09-1.62-1.35a2.54,2.54,0,0,1,1.72-1.32C169.49,130.5,171.38,131,172.19,130.17ZM211.65,93c-.83.73-.21,3-.42,4.62a1.62,1.62,0,0,1-1.25.93c-.46,0-1.36-.66-1.32-.9.71-4.3-1-6-5.29-5.27-.23,0-.85-1-.88-1.55,0-.35.65-1,1.08-1.09,1.57-.22,3.77.34,4.6-.51s.24-3,.46-4.62c.07-.51.72-.93,1.46-1.81.59.93,1.1,1.39,1.17,1.91.2,1.57-.35,3.78.5,4.59s3,.23,4.62.45A1.71,1.71,0,0,1,217.49,91a1.77,1.77,0,0,1-1,1.39C214.83,92.66,212.65,92.11,211.65,93Zm-76.58-3.71c.8-.79.26-2.87.47-4.36a5.42,5.42,0,0,1,.91-1.7l.87,0a5.43,5.43,0,0,1,.9,1.64c.23,1.56-.27,3.65.57,4.58s2.91.15,4.42.34c.48.06,1.28.84,1.22,1.16-.11.57-.69,1.39-1.19,1.48-1.56.28-3.62-.28-4.61.54-.79.66-.2,2.87-.43,4.37-.07.48-.92,1.3-1.17,1.22a2.3,2.3,0,0,1-1.46-1.3c-.28-1.47.29-3.57-.52-4.35s-2.9-.21-4.38-.48a2.21,2.21,0,0,1-1.25-1.49c-.07-.27.77-1.07,1.27-1.15C132.18,89.52,134.26,90.08,135.07,89.28Zm47.24-36.51c-1.1.69-1.57,1.19-2.09,1.26-1.58.21-3.64-.3-4.61.53-.79.68-.17,2.9-.41,4.4-.08.51-.9,1.3-1.34,1.27a2,2,0,0,1-1.32-1.33c-.26-1.49.32-3.58-.48-4.39s-2.88-.26-4.37-.5c-.51-.08-1.35-.9-1.27-1.14.19-.59.76-1.38,1.29-1.48,1.47-.29,3.57.27,4.36-.54s.2-2.9.48-4.39c.09-.5.94-1.06,1.53-1.17.3-.06,1,.76,1.13,1.26.24,1.49-.31,3.6.5,4.38s2.9.22,4.4.43C180.69,51.45,181.2,52,182.31,52.77Zm-53-.05c.5-.47,1-.94,1.5-1.4,0,0,.16,0,.24,0,1.41-.12,3.27.23,4.12-.53s.16-2.6.35-4a11.11,11.11,0,0,1,1.2-2.52c.85,1.08,1.2,1.48,1.5,1.91.08.11,0,.32,0,.48.08,1.44-.37,3.39.39,4.18s2.71.37,4.14.42c1,0,1.73,0,1.76,1.37s-.66,1.39-1.66,1.42c-1.5,0-3.47-.28-4.35.52s-.13,2.77-.34,4.2A2.14,2.14,0,0,1,137,60.27c-1.14.35-1.49-.39-1.5-1.5,0-1.5.29-3.46-.51-4.36s-2.75-.16-4.16-.4C130.26,53.92,129.82,53.17,129.33,52.72ZM166.4,14.15a2.57,2.57,0,0,1,1.69-1.33c1.38-.31,3.26.17,4.1-.59s.15-2.6.32-4a7.15,7.15,0,0,1,.89-1.91l1,0a6.35,6.35,0,0,1,.85,1.71c.22,1.49-.25,3.47.55,4.36s2.74.31,4.18.28c1.17,0,1.81.46,1.47,1.54a2.26,2.26,0,0,1-1.52,1.2c-1.47.26-3.45-.24-4.35.55-.75.67-.14,2.76-.35,4.18A2.18,2.18,0,0,1,174,21.69c-1.12.33-1.63-.37-1.51-1.5a1,1,0,0,0,0-.25c-.17-4.17-.17-4.19-4.47-4.39C167,15.51,166,15.37,166.4,14.15ZM135,433c-.64-.75-2.73-.18-4.13-.44-.57-.1-1-.82-1.52-1.26l1.52-1.36s.16,0,.24,0c4.14-.27,4.17-.27,4.38-4.53.05-1.05.21-1.65,1.46-1.66s1.3.79,1.33,1.72c.15,4.24.16,4.25,4.42,4.46,1.06.05,2.16.12,1.75,1.51a2.35,2.35,0,0,1-1.8,1.14c-4.23.24-4.21.19-4.41,4.56a7.67,7.67,0,0,1-.62,1.94l-1.13.1a6.35,6.35,0,0,1-.94-1.8C135.31,435.91,135.78,434,135,433Zm37.06-3.49c.77-.75.4-2.72.4-4.15,0-1.08.27-1.61,1.49-1.62,1.37,0,1.3.78,1.33,1.72.15,4.23.17,4.2,4.41,4.5a7.7,7.7,0,0,1,2,.75c0,.32,0,.64,0,1a5.28,5.28,0,0,1-1.67.91c-1.49.21-3.57-.33-4.37.47s-.23,2.88-.48,4.37a2.17,2.17,0,0,1-1.25,1.41c-1.13.34-1.51-.34-1.51-1.47,0-1.5.31-3.44-.48-4.37-.65-.75-2.73-.18-4.14-.43-.56-.1-1-.84-1.49-1.29.52-.44,1-1.17,1.56-1.28C169.3,429.75,171.28,430.3,172.05,429.53Zm9.44,81.17c-.49.45-.92,1.19-1.47,1.29-1.47.27-3.57-.29-4.35.51s-.22,2.89-.47,4.38c-.08.53-.82,1.33-1.26,1.33s-1-.76-1.45-1.22c-.08-.08,0-.31,0-.47-.14-4.23-.14-4.25-4.43-4.46-1,0-2-.11-1.63-1.37a2.25,2.25,0,0,1,1.55-1.22c1.4-.27,3.39.25,4.13-.52s.22-2.75.42-4.17a6.65,6.65,0,0,1,.91-1.83l.9.05c.31.49.83.94.9,1.46.22,1.56-.28,3.63.56,4.57s2.88.22,4.38.45C180.66,509.55,181.05,510.28,181.49,510.7Zm36.08,0c-.48.46-.91,1.21-1.45,1.3-1.49.26-3.58-.31-4.38.5s-.28,2.88-.47,4.39a5.7,5.7,0,0,1-.82,1.66l-.9,0a5.07,5.07,0,0,1-.94-1.64c-.21-1.5.33-3.58-.47-4.4s-2.89-.28-4.38-.53c-.5-.08-1.25-.77-1.25-1.19a1.8,1.8,0,0,1,1.15-1.31c1.55-.31,3.65.17,4.56-.68s.19-2.92.42-4.43a1.8,1.8,0,0,1,1.36-1.07,1.74,1.74,0,0,1,1.24,1.15c.27,1.55-.24,3.64.6,4.58s2.9.21,4.41.44C216.74,509.55,217.13,510.27,217.57,510.69ZM95.37,411.05A34.69,34.69,0,0,1,97.46,428c-.24,1.77-1,3.05-2.87,2.92s-2.78-1.41-2.57-3.38c.12-1,.11-2.1.15-3.16l.54-.12c-.84-3.76-1.6-7.55-2.56-11.28-.56-2.21-.23-3.64,1.39-4.26S94.57,408.87,95.37,411.05Z"/>
</clipPath></defs></svg>
body {
background: #76aeec;
}
.card-wrap {
position: relative;
margin: 10vh auto;
width: 315px;
height: 534px;
}
.card {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
box-shadow: 0 10px 25px 0 rgba(27,34,52,0.1);
pointer-events: none;
}
.card-front {
width: 100%;
height: 100%;
left: 0;
top: 0;
position: absolute;
border-radius: 6px;
overflow: hidden;
background: url("https://github.com/OrangeWacko/FileAssets/blob/master/business-card-front.png?raw=true");
background-repeat: no-repeat;
background-size: cover;
pointer-events: none;
.shine {
content: '';
display: block;
width: 315px;
height: 399px;
position: absolute;
top: 0;
left: 0;
opacity: 1;
transform: translateX(100%);
background: rgb(255,255,255);
background: linear-gradient(96deg, rgba(255,255,255,0.5) 10%, rgba(13,95,140,1) 50%, rgba(255,255,255,0) 85%);
background-repeat: no-repeat;
}
.mask {
width: 315px;
height: 100%;
position: absolute;
left: 0;
right: 0;
clip-path: url(#frontMask);
top: 30px;
overflow: hidden;
}
}
.card-back {
width: 100%;
height: 100%;
left: 0;
top: 0;
position: absolute;
border-radius: 6px;
background: url("https://github.com/OrangeWacko/FileAssets/blob/master/business-card-back.png?raw=true");
background-repeat: no-repeat;
background-size: cover;
pointer-events: none;
.shine {
content: '';
display: block;
width: 315px;
height: 100%;
position: absolute;
top: 1px;
left: 0;
opacity: 1;
transform: translateX(100%);
background: rgb(255,255,255);
background: linear-gradient(96deg, rgba(255,255,255,0.5) 10%, rgba(156,217,239,1) 50%, rgba(255,255,255,0) 85%);
background-repeat: no-repeat;
pointer-events: none;
}
.mask {
width: 315px;
height: 100%;
position: absolute;
left: 0;
right: 0;
clip-path: url(#backMask);
top: 0;
overflow: hidden;
pointer-events: none;
}
}
document.addEventListener('DOMContentLoaded', function() {
let card = document.querySelector(".card-wrap");
let frontCard = document.querySelector(".card-front");
let frontShine = document.querySelector(".card-front .shine");
let backCard = document.querySelector(".card-back");
let backShine = document.querySelector(".card-back .shine");
let hovered = false;
let cardAnim, frontShineAnimation, backShineAnimation;
//gsap.set(".shine", {x: -card.offsetWidth/1.5});
gsap.set(".card-wrap", {perspective: 900, scale: 0.95});
gsap.set(".card", {transformStyle:"preserve-3d", rotationY:0});
gsap.set(".card-back", {rotationY:-180});
gsap.set([".card-back", ".card-front"], { backfaceVisibility:"hidden" });
card.addEventListener('mouseenter', e => {
if(!hovered && !gsap.isTweening(".card") ) {
console.log("hovering");
cardAnim = gsap.to(".card", {duration: 1.5, rotationY:180, ease:"back.inOut", boxShadow: "0px 80px 100px 3px rgba(27,34,52,0.7)"});
frontShineAnimation = gsap.fromTo(".card-front .shine",
{ x: frontCard.offsetWidth }, { duration: 1, x: -frontCard.offsetWidth, delay: 0.4, ease: "ease.out"});
backShineAnimation = gsap.fromTo(".card-back .shine",
{ x: frontCard.offsetWidth }, { duration: 1.85, x: -frontCard.offsetWidth, delay: 0.2, ease:"back.inOut", });
hovered = true;
}
});
card.addEventListener('mouseleave', e => {
if(hovered) {
cardAnim.reverse();
frontShineAnimation.reverse();
backShineAnimation.reverse();
hovered = false;
}
});
const animationComplete = () => {
hovered = true;
}
});
Also see: Tab Triggers