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

Pen Settings

CSS Base

Vendor Prefixing

Add External 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.

            
              
		<!-- Title page -->
		<div class="sg-page sg-page--start">
			<div class="l-container">
				<h1 class="sg-interfaceType">Kickoff</h1> <!-- Styleguide note: Edit this -->
				<h2 class="sg-interfaceType">Styleguide</h2>
			</div>
		</div>


		<!-- Logo -->
		<div class="sg-page">
			<div class="l-container">
				<h2 class="sg-sectionHeading">Logo</h2>
				<div class="g g--stack--mid">
					<div class="g-span6 g-col">
						<div class="sg-logo">
							<svg title="Kickoff logo" class="sg-logo-item">
								<use xlink:href="#logo-kickoff"/>
							</svg>
						</div>
					</div>
					<div class="g-span6 g-col">
						<div class="sg-logo sg-logo--dark">
							<svg title="Kickoff logo" class="sg-logo-item">
								<use xlink:href="#logo-kickoff"/>
							</svg>
						</div>
					</div>
				</div>
			</div>
		</div>


		<!-- Swatches -->
		<div class="sg-page">
			<div class="l-container">
				<h2 class="sg-sectionHeading">Swatches</h2>

				<div class="g g--stack--narrow">
					<div class="g-col g-span6--narrow g-span4--mid g-span3--wide">
						<div class="sg-swatch sg-color-primary" data-copy="$color-primary">
							<div class="sg-swatch-color"></div>
							<div class="sg-swatch-text">Aa</div>
							<div class="sg-swatch-var">$color-primary</div>
						</div>
					</div>
					<div class="g-col g-span6--narrow g-span4--mid g-span3--wide">
						<div class="sg-swatch sg-color-secondary" data-copy="$color-secondary">
							<div class="sg-swatch-color"></div>
							<div class="sg-swatch-text">Aa</div>
							<div class="sg-swatch-var">$color-secondary</div>
						</div>
					</div>
					<div class="g-col g-span6--narrow g-span4--mid g-span3--wide">
						<div class="sg-swatch sg-color-highlight" data-copy="$color-highlight">
							<div class="sg-swatch-color"></div>
							<div class="sg-swatch-text">Aa</div>
							<div class="sg-swatch-var">$color-highlight</div>
						</div>
					</div>
					<div class="g-col g-span6--narrow g-span4--mid g-span3--wide">
						<div class="sg-swatch sg-color-text" data-copy="$color-text">
							<div class="sg-swatch-color"></div>
							<div class="sg-swatch-text">Aa</div>
							<div class="sg-swatch-var">$color-text</div>
						</div>
					</div>
					<div class="g-col g-span6--narrow g-span4--mid g-span3--wide">
						<div class="sg-swatch sg-color-background" data-copy="$color-background">
							<div class="sg-swatch-color"></div>
							<div class="sg-swatch-text">Aa</div>
							<div class="sg-swatch-var">$color-background</div>
						</div>
					</div>
					<div class="g-col g-span6--narrow g-span4--mid g-span3--wide">
						<div class="sg-swatch sg-color-border" data-copy="$color-border">
							<div class="sg-swatch-color"></div>
							<div class="sg-swatch-text">Aa</div>
							<div class="sg-swatch-var">$color-border</div>
						</div>
					</div>
					<div class="g-col g-span6--narrow g-span4--mid g-span3--wide">
						<div class="sg-swatch sg-color-link" data-copy="$color-link">
							<div class="sg-swatch-color"></div>
							<div class="sg-swatch-text">Aa</div>
							<div class="sg-swatch-var">$color-link</div>
						</div>
					</div>
					<div class="g-col g-span6--narrow g-span4--mid g-span3--wide">
						<div class="sg-swatch sg-color-link-hover" data-copy="$color-link-hover">
							<div class="sg-swatch-color"></div>
							<div class="sg-swatch-text">Aa</div>
							<div class="sg-swatch-var">$color-link-hover</div>
						</div>
					</div>
				</div>

			</div>
		</div>


		<!-- Swatches -->
		<div class="sg-page">
			<div class="l-container">
				<h2 class="sg-sectionHeading">Sass variables</h2>

				<div class="sg-var--baseFontSize" data-copy="$font-size-base"><strong>Font size base:</strong> <span class="sg-var-item">$font-size-base</span></div>
				<div class="sg-var--leadingBase" data-copy="$leading-base"><strong>Leading base:</strong> <span class="sg-var-item">$leading-base</span></div>
				<div class="sg-var--typeScale" data-copy="$type-scale"><strong>Typography scale:</strong> <span class="sg-var-item">$type-scale</span></div>
				<div class="sg-var--fontFamilySans" data-copy="$font-family-sans"><strong>Sans font stack:</strong> <span class="sg-var-item">$font-family-sans</span></div>
				<div class="sg-var--fontFamilySerif" data-copy="$font-family-serif"><strong>Serif font stack:</strong> <span class="sg-var-item">$font-family-serif</span></div>
				<div class="sg-var--fontFamilyMono" data-copy="$font-family-mono"><strong>Mono font stack:</strong> <span class="sg-var-item">$font-family-mono</span></div>
				<div class="sg-var--fontFamilySystem" data-copy="$font-family-system"><strong>System/device font stack:</strong> <span class="sg-var-item">$font-family-system</span></div>
				<div class="sg-var--breakpoints" data-copy="$breakpoints"><strong>Responsive Breakpoints:</strong> <span class="sg-var-item">$breakpoints</span></div>
				<div class="sg-var--layoutWidth" data-copy="$layout-max-width"><strong>Max layout width:</strong> <span class="sg-var-item">$layout-max-width</span></div>
				<div class="sg-var--gridColumns" data-copy="$grid-column-count"><strong>Grid column count:</strong> <span class="sg-var-item">$grid-column-count</span></div>
				<div class="sg-var--gridGutter" data-copy="$grid-gutter-width"><strong>Grid gutter width:</strong> <span class="sg-var-item">$grid-gutter-width</span></div>

			</div>
		</div>

		<hr class="sg-hr">

		<!-- Typography -->
		<div class="sg-page">
			<div class="l-container">
				<h2 class="sg-sectionHeading">Typography</h2>

				<!-- Headings -->
				<h3 class="sg-interfaceType sg-interfaceType--subtle">Primary typeface</h3>
				<div class="g g--stack--mid">
					<div class="g-span4 g-col sg-typeSpecimen sg-typeSpecimen--primary sg-typeSpecimen--giant">
						ABC
					</div>

					<div class="g-span8 g-col">
						<div class="sg-typeSpecimen sg-typeSpecimen--primary">ABCDEFGHIJKLMNOPQRSTUVWXYZ <br>
							abcdefghijklmnopqrstuvwxyz <br>
							0123456789 (.,:;?!£$@*&)
						</div>
					</div>
				</div>

				<!-- Body -->
				<h3 class="sg-interfaceType sg-interfaceType--subtle">Secondary typeface</h3>
				<div class="g g--stack--mid">
					<div class="g-span4 g-col sg-typeSpecimen sg-typeSpecimen--secondary sg-typeSpecimen--giant">
						ABC
					</div>

					<div class="g-span8 g-col">
						<div class="sg-typeSpecimen sg-typeSpecimen--secondary">ABCDEFGHIJKLMNOPQRSTUVWXYZ <br>
							abcdefghijklmnopqrstuvwxyz <br>
							0123456789 (.,:;?!£$@*&)
						</div>
					</div>
				</div>

				<!-- Add any more that you need -->

				<hr class="sg-hr sg-hr--subtle">

				<h2 class="sg-sectionHeading">Typography examples</h2>
				<p class="sg-interfaceType sg-interfaceType--subtle">See more examples at <a href="http://trykickoff.com/demos/typography.html">trykickoff.com/demos/typography.html</a></p>
				<h3 class="sg-interfaceType sg-interfaceType--subtle">Headings</h3>
				<!-- <h1>Heading 1</h1>
				<h2>Heading 2</h2>
				<h3>Heading 3</h3>
				<h4>Heading 4</h4>
				<h5>Heading 5</h5>
				<h6>Heading 6</h6> -->

				<div class="sg-type sg-type-jumbo" data-copy="@include ko-font-size(jumbo);">
					<div class="sg-type-item">Kickoff</div>
				</div>

				<div class="sg-type sg-type-large" data-copy="@include ko-font-size(large);">
					<div class="sg-type-item">Kickoff</div>
				</div>

				<div class="sg-type sg-type-mid" data-copy="@include ko-font-size(mid);">
					<div class="sg-type-item">Kickoff</div>
				</div>

				<div class="sg-type sg-type-base" data-copy="@include ko-font-size(base);">
					<div class="sg-type-item">Kickoff</div>
				</div>

				<div class="sg-type sg-type-small" data-copy="@include ko-font-size(small);">
					<div class="sg-type-item">Kickoff</div>
				</div>

				<div class="sg-type sg-type-micro" data-copy="@include ko-font-size(micro);">
					<div class="sg-type-item">Kickoff</div>
				</div>

				<h3 class="sg-interfaceType sg-interfaceType--subtle">Paragraphs</h3>
				<div class="sg-type sg-type-micro">
					<p>Donec sed odio dui. Curabitur <a href="">blandit tempus</a> porttitor. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Cras mattis consectetur <b>purus sit amet fermentum</b>.</p>
					<p>Donec sed odio dui. Curabitur blandit tempus porttitor. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Cras mattis consectetur purus sit amet fermentum.</p>

				</div>

				<h3 class="sg-interfaceType sg-interfaceType--subtle">Lists</h3>
				<div class="g g--gutter">
					<div class="g-span6 g-col">
						<ul>
							<li>List item</li>
							<li>List item</li>
							<li>List item</li>
							<li>List item</li>
						</ul>
					</div>
					<div class="g-span6 g-col">
						<ol>
							<li>List item</li>
							<li>List item</li>
							<li>List item</li>
							<li>List item</li>
						</ol>
					</div>
				</div>
			</div>
		</div>

		<hr class="sg-hr">

		<!-- Components -->
		<div class="sg-page">
			<div class="l-container">
				<h2 class="sg-sectionHeading">Components</h2>
				<p class="sg-interfaceType sg-interfaceType--subtle">See more examples at <a href="http://trykickoff.com/demos/components.html">trykickoff.com/demos/components.html</a></p>

				<h3 class="sg-interfaceType sg-interfaceType--subtle">Buttons</h3>

				<div class="sg-spacer">
					<a href="#" class="btn">Default</a>
					<a href="#" class="btn" disabled>disabled</a>
				</div>

				<div class="sg-spacer">
					<a href="#" class="btn btn--primary">Primary</a>
					<a href="#" class="btn btn--primary" disabled>disabled</a>
				</div>

				<div class="sg-spacer">
					<a href="#" class="btn btn--primary btn--block">Button block</a>
				</div>

			</div>
		</div>

		<hr class="sg-hr">

		<!-- Forms -->
		<div class="sg-page">
			<div class="l-container">
				<h2 class="sg-sectionHeading">Form elements</h2>
				<p class="sg-interfaceType sg-interfaceType--subtle">See more examples at <a href="http://trykickoff.com/demos/forms.html">trykickoff.com/demos/forms.html</a></p>

				<div class="sg-spacer">
					<label for="" class="form-label">Name</label>
					<input type="text" id="text" class="form-input" placeholder="Placeholder content" />
				</div>

				<div class="sg-spacer">
					<input type="text" id="text" class="form-input" disabled placeholder="Disabled content" />
				</div>

				<div class="sg-spacer">
					<textarea id="comments" rows="3" cols="50" class="form-input form-input--textarea">Textarea</textarea>
				</div>

				<div class="sg-spacer">
					<div class="form-controlGroup-inputWrapper form-controlGroup-inputWrapper--select">
						<select id="cs-choice" name="cs-choice" class="form-input form-input--select">
							<option value="--">Select title</option>
							<option value="Mr">Mr</option>
							<option value="Mrs">Mrs</option>
						</select>
					</div>
				</div>

				<div class="sg-spacer">
					<label class="control control--custom">
						<input class="control--custom-input" type="checkbox" name="myCheckbox" checked/>
						<span class="control-indicator control-indicator--checkbox"></span>
						Checkbox
					</label>
					<label class="control control--custom">
						<input class="control--custom-input" type="checkbox" name="myCheckbox" checked/>
						<span class="control-indicator control-indicator--tickbox"></span>
						Tickbox
					</label>
				</div>

				<div class="sg-spacer">
					<label class="control control--custom">
						<input class="control--custom-input" type="radio" id="radio1" name="optionsRadios" checked />
						<span class="control-indicator control-indicator--radio"></span>
						My Radio Button Label Text
					</label>
					<label class="control control--custom">
						<input class="control--custom-input" type="radio" id="radio1" name="optionsRadios" />
						<span class="control-indicator control-indicator--radio"></span>
						My Radio Button Label Text
					</label>
				</div>

			</div>
		</div>

		<hr class="sg-hr">

		<!-- Icons -->
		<div class="sg-page">
			<div class="l-container">
				<h2 class="sg-sectionHeading">Icons</h2>

				<h3 class="sg-interfaceType sg-interfaceType--subtle">Favicons</h3>

				<div class="sg-favicon">
					<img src="https://i.imgur.com/hoxPrcd.png" alt="" width="16">
					<code>16x16</code>
				</div>
				<div class="sg-favicon">
					<img src="https://i.imgur.com/9bZyqGl.png" alt="" width="32">
					<code>32x32</code>
				</div>
				<div class="sg-favicon">
					<img src="https://i.imgur.com/eq7Utng.png" alt="" width="60">
					<code>60x60</code>
				</div>
				<div class="sg-favicon">
					<img src="https://i.imgur.com/hDxUWMa.png" alt="" width="152">
					<code>152x152</code>
				</div>

			</div>
		</div>


		<!-- Please add more to this to keep your styleguide useful -->

		<!-- Add more here :) -->
		<!-- <div class="sg-page">
			<div class="l-container">
				<h2 class="sg-sectionHeading">More stuff</h2>

			</div>
		</div> -->


		<footer class="sg-footer text-centre sg-interfaceType">
			<div class="l-container">
				<svg title="Kickoff logo" class="sg-kickoffLogo">
					<use xlink:href="/assets/dist/img/icons.svg#logo-kickoff"/>
				</svg>
				<br>
				This styleguide is generated by the <a href="http://trykickoff.com">Kickoff</a> framework.
			</div>
		</footer>

<svg xmlns="http://www.w3.org/2000/svg" class="is-hidden"><symbol id="README">
	<use xlink:href="/assets/dist/img/icons.svg#logo-twitter"/>
</symbol><symbol id="email" viewBox="0 0 32 32"><title>Mail</title><path fill="currentColor" d="M31.5.196q.589.429.482 1.143l-4.571 27.429q-.089.518-.571.804-.25.143-.554.143-.196 0-.429-.089l-8.089-3.304-4.321 5.268q-.321.411-.875.411-.232 0-.393-.071-.339-.125-.545-.42t-.205-.652v-6.232L26.858 5.715 7.769 22.233.715 19.34q-.661-.25-.714-.982-.036-.714.571-1.054L30.286.161Q30.554 0 30.857 0q.357 0 .643.196z" class="path1"/></symbol><symbol id="logo-facebook" viewBox="0 0 256 256"><title>Facebook</title><path fill="currentColor" fill-rule="evenodd" d="M241.871 256.001c7.802 0 14.129-6.326 14.129-14.129V14.129C256 6.325 249.673 0 241.871 0H14.129C6.324 0 0 6.325 0 14.129v227.743c0 7.803 6.324 14.129 14.129 14.129h227.742zm-65.236 0v-99.137h33.277l4.982-38.635h-38.259V93.561c0-11.186 3.107-18.809 19.148-18.809l20.459-.009V40.188c-3.54-.471-15.684-1.523-29.812-1.523-29.498 0-49.692 18.005-49.692 51.071v28.493h-33.362v38.635h33.362v99.137h39.897z"/></symbol><symbol id="logo-instagram" viewBox="0 0 256 256" preserveAspectRatio="xMidYMid"><path fill="currentColor" d="M128 23.064c34.177 0 38.225.13 51.722.745 12.48.57 19.258 2.655 23.769 4.408 5.974 2.322 10.238 5.096 14.717 9.575 4.48 4.479 7.253 8.743 9.575 14.717 1.753 4.511 3.838 11.289 4.408 23.768.615 13.498.745 17.546.745 51.723 0 34.178-.13 38.226-.745 51.723-.57 12.48-2.655 19.257-4.408 23.768-2.322 5.974-5.096 10.239-9.575 14.718-4.479 4.479-8.743 7.253-14.717 9.574-4.511 1.753-11.289 3.839-23.769 4.408-13.495.616-17.543.746-51.722.746-34.18 0-38.228-.13-51.723-.746-12.48-.57-19.257-2.655-23.768-4.408-5.974-2.321-10.239-5.095-14.718-9.574-4.479-4.48-7.253-8.744-9.574-14.718-1.753-4.51-3.839-11.288-4.408-23.768-.616-13.497-.746-17.545-.746-51.723 0-34.177.13-38.225.746-51.722.57-12.48 2.655-19.258 4.408-23.769 2.321-5.974 5.095-10.238 9.574-14.717 4.48-4.48 8.744-7.253 14.718-9.575 4.51-1.753 11.288-3.838 23.768-4.408 13.497-.615 17.545-.745 51.723-.745M128 0C93.237 0 88.878.147 75.226.77c-13.625.622-22.93 2.786-31.071 5.95-8.418 3.271-15.556 7.648-22.672 14.764C14.367 28.6 9.991 35.738 6.72 44.155 3.555 52.297 1.392 61.602.77 75.226.147 88.878 0 93.237 0 128c0 34.763.147 39.122.77 52.774.622 13.625 2.785 22.93 5.95 31.071 3.27 8.417 7.647 15.556 14.763 22.672 7.116 7.116 14.254 11.492 22.672 14.763 8.142 3.165 17.446 5.328 31.07 5.95 13.653.623 18.012.77 52.775.77s39.122-.147 52.774-.77c13.624-.622 22.929-2.785 31.07-5.95 8.418-3.27 15.556-7.647 22.672-14.763 7.116-7.116 11.493-14.254 14.764-22.672 3.164-8.142 5.328-17.446 5.95-31.07.623-13.653.77-18.012.77-52.775s-.147-39.122-.77-52.774c-.622-13.624-2.786-22.929-5.95-31.07-3.271-8.418-7.648-15.556-14.764-22.672C227.4 14.368 220.262 9.99 211.845 6.72c-8.142-3.164-17.447-5.328-31.071-5.95C167.122.147 162.763 0 128 0zm0 62.27c-36.302 0-65.73 29.43-65.73 65.73 0 36.302 29.428 65.73 65.73 65.73 36.301 0 65.73-29.428 65.73-65.73 0-36.301-29.429-65.73-65.73-65.73zm0 108.397c-23.564 0-42.667-19.103-42.667-42.667S104.436 85.333 128 85.333s42.667 19.103 42.667 42.667-19.103 42.667-42.667 42.667zm83.686-110.994c0 8.484-6.876 15.36-15.36 15.36-8.483 0-15.36-6.876-15.36-15.36 0-8.483 6.877-15.36 15.36-15.36 8.484 0 15.36 6.877 15.36 15.36z"/></symbol><symbol id="logo-kickoff" viewBox="0 0 963 272"><title>Kickoff</title><path fill="currentColor" d="M115.384 214H167.8l-53.28-100.8 88.704-100.8H146.2l-81.792 92.736L80.824 12.4h-44.64L.76 214H45.4l17.568-99.936L115.384 214zm70.56 0h41.76l26.208-149.76h-41.76L185.944 214zm29.952-171.36h41.76L265.144.88h-41.76l-7.488 41.76zm142.56 115.2l-2.016 11.52c-1.152 5.76-4.32 8.64-10.08 8.64h-30.24c-5.76 0-8.352-2.88-7.2-8.64l10.656-60.48c.864-5.76 4.32-8.64 10.08-8.64h30.24c5.76 0 8.064 2.88 7.2 8.64l-2.016 11.52h41.76l2.016-10.944c4.608-27.072-10.368-45.216-37.44-45.216H330.52c-26.784 0-48.096 18.144-52.704 45.216l-10.656 59.328C262.552 195.856 277.528 214 304.312 214h40.896c27.072 0 48.384-18.144 52.992-45.216l2.016-10.944h-41.76zM510.52 214h50.976l-39.456-74.88 65.664-74.88h-50.976l-61.92 70.56L498.424.88h-41.76L419.224 214h41.76l12.384-70.272L510.52 214z"/><path fill="#FE7C08" d="M668.92 169.36c-1.152 5.76-4.32 8.64-10.08 8.64H628.6c-5.76 0-8.352-2.88-7.2-8.64l10.656-60.48c.864-5.76 4.32-8.64 10.08-8.64h30.24c5.76 0 8.064 2.88 7.2 8.64l-10.656 60.48zm52.416-59.904c4.608-27.072-10.368-45.216-37.44-45.216H643c-26.784 0-48.096 18.144-52.704 45.216l-10.656 59.328C575.032 195.856 590.008 214 616.792 214h40.896c27.072 0 48.384-18.144 52.992-45.216l10.656-59.328zM916.888 45.52c.864-5.76 4.32-8.64 10.08-8.64h28.8l6.336-36h-34.272c-26.784 0-48.096 18.144-52.992 45.216l-3.168 18.144h-54.72l3.456-18.72c.864-5.76 4.32-8.64 10.08-8.64h28.8l6.336-36h-34.272c-26.784 0-48.096 18.144-52.992 45.216l-3.168 18.144h-31.68l-6.336 36h31.68L738.904 271.6h41.76l29.952-171.36h54.72L835.384 271.6h41.76l29.952-171.36h37.44l6.336-36h-37.44l3.456-18.72z"/></symbol><symbol id="logo-pinterest" viewBox="0 0 256 256" preserveAspectRatio="xMidYMid"><path fill="currentColor" d="M0 128.002c0 52.414 31.518 97.442 76.619 117.239-.36-8.938-.064-19.668 2.228-29.393 2.461-10.391 16.47-69.748 16.47-69.748s-4.089-8.173-4.089-20.252c0-18.969 10.994-33.136 24.686-33.136 11.643 0 17.268 8.745 17.268 19.217 0 11.704-7.465 29.211-11.304 45.426-3.207 13.578 6.808 24.653 20.203 24.653 24.252 0 40.586-31.149 40.586-68.055 0-28.054-18.895-49.052-53.262-49.052-38.828 0-63.017 28.956-63.017 61.3 0 11.152 3.288 19.016 8.438 25.106 2.368 2.797 2.697 3.922 1.84 7.134-.614 2.355-2.024 8.025-2.608 10.272-.852 3.242-3.479 4.401-6.409 3.204-17.884-7.301-26.213-26.886-26.213-48.902 0-36.361 30.666-79.961 91.482-79.961 48.87 0 81.035 35.364 81.035 73.325 0 50.213-27.916 87.726-69.066 87.726-13.819 0-26.818-7.47-31.271-15.955 0 0-7.431 29.492-9.005 35.187-2.714 9.869-8.026 19.733-12.883 27.421a127.897 127.897 0 0 0 36.277 5.249c70.684 0 127.996-57.309 127.996-128.005C256.001 57.309 198.689 0 128.005 0 57.314 0 0 57.309 0 128.002z"/></symbol><symbol id="logo-tmw" viewBox="0 0 410 44"><title>TMW Unlimited</title><path d="M86.145.787h7.493l7.612 32.217h.118L109.865.787h7.553l8.261 32.217h.118L133.644.787h7.494l-11.624 42.13h-7.494L113.582 10.7h-.117l-8.615 32.217h-7.612L86.145.787M.727.787h34.105V7.16H21.438v35.757h-7.376V7.16H.727V.787m38.274 0h10.385L61.01 33.772h.119L72.458.787h10.267v42.13h-7.022V10.406h-.118L63.902 42.917h-6.078L46.141 10.406h-.118v32.511h-7.022V.787M148.11.788h7.381V25.34c0 1.418.065 2.856.205 4.309.135 1.457.529 2.764 1.182 3.925.646 1.162 1.632 2.116 2.951 2.861 1.316.751 3.177 1.124 5.576 1.124 2.4 0 4.26-.373 5.577-1.124 1.32-.745 2.302-1.699 2.95-2.861.649-1.161 1.041-2.468 1.181-3.925a46.26 46.26 0 0 0 .207-4.309V.788h7.376v26.973c0 2.714-.411 5.074-1.239 7.08-.825 2.008-1.997 3.689-3.511 5.049-1.516 1.356-3.334 2.368-5.461 3.04-2.122.668-4.483 1.003-7.08 1.003-2.598 0-4.958-.335-7.084-1.003-2.123-.672-3.943-1.684-5.457-3.04-1.517-1.36-2.687-3.041-3.514-5.049-.824-2.006-1.24-4.366-1.24-7.08V.788m38.528 11.627h6.375v4.486l.117.119c1.023-1.693 2.363-3.019 4.014-3.985 1.654-.964 3.482-1.447 5.488-1.447 3.343 0 5.982.867 7.91 2.598 1.927 1.731 2.89 4.329 2.89 7.791V42.93h-6.727V23.748c-.079-2.4-.59-4.141-1.533-5.224-.945-1.08-2.421-1.623-4.429-1.623-1.139 0-2.164.205-3.068.62a6.63 6.63 0 0 0-2.301 1.712c-.63.73-1.119 1.584-1.477 2.567a9.203 9.203 0 0 0-.53 3.128V42.93h-6.729V12.415m30.861 30.515h6.726V.787h-6.726zm11.028 0h6.725V12.415h-6.725zm11.007-30.515h6.375v4.249h.176a17.996 17.996 0 0 1 1.652-2.066 9.119 9.119 0 0 1 1.979-1.594c.727-.43 1.564-.775 2.506-1.031.946-.256 2.026-.385 3.249-.385 1.846 0 3.569.412 5.162 1.241 1.594.828 2.725 2.103 3.396 3.835 1.14-1.573 2.456-2.812 3.952-3.717 1.495-.904 3.363-1.359 5.606-1.359 3.226 0 5.735.788 7.525 2.362 1.793 1.573 2.685 4.211 2.685 7.907V42.93h-6.726V25.104c0-1.219-.039-2.331-.118-3.335-.078-1.003-.305-1.868-.681-2.595a3.856 3.856 0 0 0-1.681-1.683c-.747-.392-1.772-.59-3.069-.59-2.283 0-3.933.709-4.957 2.125-1.023 1.415-1.533 3.421-1.533 6.021V42.93h-6.728V23.334c0-2.125-.385-3.727-1.153-4.81-.767-1.081-2.174-1.623-4.219-1.623-.868 0-1.704.177-2.509.531a6.208 6.208 0 0 0-2.123 1.535c-.612.668-1.103 1.495-1.477 2.479-.373.984-.56 2.105-.56 3.364v18.12h-6.729V12.415m57.199 0h5.076V3.266h6.729v9.149h6.08v5.017h-6.08v16.29c0 .708.029 1.32.09 1.828.058.514.195.946.412 1.299.215.355.54.621.974.8.43.175 1.023.265 1.771.265.472 0 .943-.009 1.415-.032a7.153 7.153 0 0 0 1.418-.204v5.192c-.748.08-1.478.159-2.186.238-.708.076-1.433.117-2.183.117-1.77 0-3.194-.17-4.276-.503-1.084-.333-1.929-.825-2.541-1.475-.61-.65-1.022-1.466-1.238-2.45-.218-.983-.347-2.104-.385-3.364V17.432h-5.076v-5.017m41.311 12.572a10.904 10.904 0 0 0-.68-3.071 8.228 8.228 0 0 0-1.531-2.566 7.672 7.672 0 0 0-2.362-1.771c-.926-.45-1.958-.678-3.099-.678-1.182 0-2.254.207-3.215.62a7.39 7.39 0 0 0-2.482 1.71 8.614 8.614 0 0 0-1.653 2.568 9.002 9.002 0 0 0-.678 3.188h15.7zm-15.7 4.427c0 1.182.167 2.322.503 3.424.333 1.1.835 2.065 1.503 2.889.669.829 1.515 1.488 2.539 1.978 1.022.491 2.244.739 3.659.739 1.967 0 3.55-.422 4.752-1.268 1.197-.848 2.095-2.116 2.683-3.806h6.375c-.353 1.65-.965 3.125-1.83 4.426a12.8 12.8 0 0 1-3.127 3.273 13.501 13.501 0 0 1-4.101 2.005c-1.516.452-3.1.682-4.752.682-2.401 0-4.525-.393-6.373-1.182-1.852-.788-3.415-1.887-4.693-3.304-1.28-1.416-2.243-3.106-2.893-5.076-.645-1.968-.972-4.132-.972-6.492 0-2.163.343-4.221 1.032-6.167.69-1.949 1.673-3.66 2.952-5.134a14.077 14.077 0 0 1 4.632-3.514c1.81-.865 3.858-1.299 6.139-1.299 2.398 0 4.553.504 6.463 1.507 1.908 1.003 3.491 2.332 4.751 3.983 1.258 1.654 2.173 3.55 2.745 5.696.569 2.146.717 4.357.441 6.64h-22.428zm31.283-1.419c0 1.298.166 2.58.504 3.837.333 1.259.846 2.381 1.536 3.366a7.744 7.744 0 0 0 2.622 2.36c1.062.589 2.321.888 3.776.888 1.497 0 2.785-.319 3.866-.949a7.945 7.945 0 0 0 2.657-2.477 11.214 11.214 0 0 0 1.534-3.45c.336-1.281.503-2.589.503-3.926 0-3.386-.759-6.022-2.273-7.909-1.515-1.89-3.571-2.834-6.166-2.834-1.576 0-2.904.324-3.985.974a8.177 8.177 0 0 0-2.655 2.538c-.69 1.042-1.182 2.221-1.477 3.54a18.473 18.473 0 0 0-.442 4.042m23.491 14.935h-6.376v-4.133h-.117c-.907 1.773-2.224 3.039-3.955 3.807a13.415 13.415 0 0 1-5.49 1.15c-2.4 0-4.496-.422-6.282-1.266-1.794-.846-3.278-1.997-4.458-3.454-1.18-1.456-2.067-3.178-2.655-5.166-.593-1.987-.886-4.12-.886-6.404 0-2.753.374-5.136 1.121-7.141.745-2.005 1.74-3.659 2.982-4.957 1.237-1.297 2.657-2.252 4.249-2.862a13.572 13.572 0 0 1 4.867-.916c.943 0 1.909.09 2.892.269.983.174 1.926.462 2.834.852.905.394 1.743.898 2.508 1.507a8.322 8.322 0 0 1 1.917 2.154h.12V.787h6.729V42.93M235.406 4.323a3.518 3.518 0 0 1-7.033 0 3.516 3.516 0 1 1 7.033 0m59.213 0a3.518 3.518 0 0 1-3.518 3.515 3.515 3.515 0 0 1-3.515-3.515 3.517 3.517 0 0 1 7.033 0m103.99 35.087a3.516 3.516 0 1 1-7.035.003 3.516 3.516 0 0 1 7.035-.003m10.554 0a3.516 3.516 0 1 1-7.034 0 3.516 3.516 0 0 1 3.516-3.516 3.519 3.519 0 0 1 3.518 3.516m-121.424 3.52h6.725V12.415h-6.725z"/></symbol><symbol id="logo-twitter" viewBox="0 0 274 223"><title>Twitter</title><path fill="currentColor" d="M85.98 223c-31.675 0-61.158-9.285-85.98-25.199 4.388.518 8.853.783 13.38.783 26.278 0 50.463-8.967 69.659-24.01-24.544-.453-45.258-16.669-52.395-38.953a56.014 56.014 0 0 0 10.552 1.006c5.116 0 10.071-.685 14.778-1.967-25.66-5.152-44.993-27.822-44.993-54.998 0-.236 0-.471.004-.705a55.865 55.865 0 0 0 25.406 7.015c-15.05-10.058-24.953-27.226-24.953-46.685 0-10.279 2.766-19.914 7.594-28.198 27.664 33.934 68.993 56.264 115.609 58.603a56.31 56.31 0 0 1-1.453-12.782c0-30.975 25.114-56.088 56.091-56.088 16.132 0 30.709 6.812 40.941 17.713a112.328 112.328 0 0 0 35.617-13.611c-4.188 13.097-13.081 24.089-24.662 31.031a112.148 112.148 0 0 0 32.215-8.832 114 114 0 0 1-27.988 29.035c.108 2.405.162 4.824.162 7.256C245.564 137.533 189.148 223 85.98 223"/></symbol><symbol id="logo-whatsapp" viewBox="0 0 90 90"><title>WhatsApp</title><path fill="currentColor" d="M90 43.84c0 24.214-19.78 43.842-44.182 43.842a44.256 44.256 0 0 1-21.357-5.455L0 90l7.975-23.522a43.38 43.38 0 0 1-6.34-22.637C1.635 19.63 21.415 0 45.818 0 70.223 0 90 19.628 90 43.84zM45.818 6.983c-20.484 0-37.146 16.535-37.146 36.86 0 8.064 2.63 15.533 7.076 21.61l-4.64 13.688 14.274-4.537a37.128 37.128 0 0 0 20.437 6.097c20.48 0 37.145-16.533 37.145-36.857S66.3 6.983 45.818 6.983zm22.31 46.956c-.272-.447-.993-.717-2.075-1.254-1.084-.537-6.41-3.138-7.4-3.495-.993-.36-1.717-.54-2.438.536-.72 1.076-2.797 3.495-3.43 4.212-.632.72-1.263.81-2.347.27-1.082-.536-4.57-1.672-8.708-5.332-3.22-2.848-5.393-6.364-6.025-7.44-.63-1.076-.066-1.657.475-2.192.488-.482 1.084-1.255 1.625-1.882.543-.628.723-1.075 1.082-1.793.363-.718.182-1.345-.09-1.884-.27-.537-2.438-5.825-3.34-7.977-.902-2.15-1.803-1.793-2.436-1.793-.63 0-1.353-.09-2.075-.09-.722 0-1.896.27-2.89 1.344-.99 1.077-3.788 3.677-3.788 8.964 0 5.288 3.88 10.397 4.422 11.113.54.716 7.49 11.92 18.5 16.223 11.01 4.3 11.01 2.866 12.996 2.686 1.984-.18 6.406-2.6 7.312-5.107.9-2.513.9-4.664.63-5.112z"/></symbol><symbol id="logo-youtube" viewBox="0 0 1022 719"><title>Youtube</title><path fill="currentColor" d="M1011.25 155.562s-9.98-70.389-40.608-101.386C931.8 13.493 888.262 13.291 868.296 10.91 725.359.577 510.946.577 510.946.577h-.444s-214.408 0-357.35 10.333c-19.967 2.381-63.489 2.583-102.345 43.266-30.626 30.997-40.592 101.386-40.592 101.386S0 238.222 0 320.881v77.493c0 82.658 10.215 165.317 10.215 165.317s9.966 70.39 40.592 101.387c38.856 40.684 89.896 39.397 112.629 43.661C245.153 716.575 510.725 719 510.725 719s214.634-.323 357.571-10.655c19.966-2.382 63.504-2.583 102.346-43.267 30.628-30.997 40.608-101.387 40.608-101.387s10.2-82.659 10.2-165.317v-77.493c0-82.659-10.2-165.319-10.2-165.319zM405.272 492.281l-.047-287 276 144-275.953 143z"/></symbol></svg>
            
          
!
            
              /**
 * ██╗  ██╗██╗ ██████╗██╗  ██╗ ██████╗ ███████╗███████╗
 * ██║ ██╔╝██║██╔════╝██║ ██╔╝██╔═══██╗██╔════╝██╔════╝
 * █████╔╝ ██║██║     █████╔╝ ██║   ██║█████╗  █████╗
 * ██╔═██╗ ██║██║     ██╔═██╗ ██║   ██║██╔══╝  ██╔══╝
 * ██║  ██╗██║╚██████╗██║  ██╗╚██████╔╝██║     ██║
 * ╚═╝  ╚═╝╚═╝ ╚═════╝╚═╝  ╚═╝ ╚═════╝ ╚═╝     ╚═╝
 * Kickoff v8.0.0-beta.0
 * http://trykickoff.com
 * https://github.com/trykickoff/kickoff/
 */
.g{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.g img{max-width:100%}.g-col{display:block;-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%;min-width:0}.g--gutter{margin-left:-10px;margin-right:-10px}.g--gutter>.g-col{padding-left:10px;padding-right:10px}.g--gutter--scaled>.g-col{margin-left:2%;margin-right:0}.g--gutter--scaled>.g-col:first-child{margin-left:0}.g--stack>.g-col{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.g--stack.g--gutter--scaled>.g-col{margin-left:0}.g--equalHeight>.g-col{display:-webkit-box;display:-ms-flexbox;display:flex}.g--equalHeight>.g-col>*{-ms-flex-preferred-size:100%;flex-basis:100%}.g--alignTop{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.g--alignBottom{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.g--alignSelfBottom{-ms-flex-item-align:end;align-self:flex-end}.g--alignRight{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.g--alignCenter{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.g--alignCenter--v{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.g-col--centered{margin:0 auto}.g-col--shrink{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.no-flexbox .g{display:block!important}.no-flexbox .g:after{content:"";display:table;clear:both}.no-flexbox .g-col{float:left;min-height:1px;clear:none;box-sizing:border-box}.no-flexbox .g--stack .g-col{width:100%}.no-flexbox .g--equalHeight>.g-col{display:block}.g-span1{-ms-flex-preferred-size:8.33333%!important;flex-basis:8.33333%!important;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;max-width:8.33333%!important}.g-span1.g-holdWidth{min-width:83.33333px}.g--gutter--scaled .g-span1.g-holdWidth{min-width:63.33333px}.g--gutter--scaled .g-span1{-ms-flex-preferred-size:6.5%!important;flex-basis:6.5%!important;max-width:6.5%;margin-left:2%}.no-flexbox .g-span1{width:8.33333%!important}.g-offset1{margin-left:8.33333%!important}.g-span2{-ms-flex-preferred-size:16.66667%!important;flex-basis:16.66667%!important;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;max-width:16.66667%!important}.g-span2.g-holdWidth{min-width:166.66667px}.g--gutter--scaled .g-span2.g-holdWidth{min-width:146.66667px}.g--gutter--scaled .g-span2{-ms-flex-preferred-size:15%!important;flex-basis:15%!important;max-width:15%;margin-left:2%}.no-flexbox .g-span2{width:16.66667%!important}.g-offset2{margin-left:16.66667%!important}.g-span3{-ms-flex-preferred-size:25%!important;flex-basis:25%!important;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;max-width:25%!important}.g-span3.g-holdWidth{min-width:250px}.g--gutter--scaled .g-span3.g-holdWidth{min-width:230px}.g--gutter--scaled .g-span3{-ms-flex-preferred-size:23.5%!important;flex-basis:23.5%!important;max-width:23.5%;margin-left:2%}.no-flexbox .g-span3{width:25%!important}.g-offset3{margin-left:25%!important}.g-span4{-ms-flex-preferred-size:33.33333%!important;flex-basis:33.33333%!important;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;max-width:33.33333%!important}.g-span4.g-holdWidth{min-width:333.33333px}.g--gutter--scaled .g-span4.g-holdWidth{min-width:313.33333px}.g--gutter--scaled .g-span4{-ms-flex-preferred-size:32%!important;flex-basis:32%!important;max-width:32%;margin-left:2%}.no-flexbox .g-span4{width:33.33333%!important}.g-offset4{margin-left:33.33333%!important}.g-span5{-ms-flex-preferred-size:41.66667%!important;flex-basis:41.66667%!important;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;max-width:41.66667%!important}.g-span5.g-holdWidth{min-width:416.66667px}.g--gutter--scaled .g-span5.g-holdWidth{min-width:396.66667px}.g--gutter--scaled .g-span5{-ms-flex-preferred-size:40.5%!important;flex-basis:40.5%!important;max-width:40.5%;margin-left:2%}.no-flexbox .g-span5{width:41.66667%!important}.g-offset5{margin-left:41.66667%!important}.g-span6{-ms-flex-preferred-size:50%!important;flex-basis:50%!important;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;max-width:50%!important}.g-span6.g-holdWidth{min-width:500px}.g--gutter--scaled .g-span6.g-holdWidth{min-width:480px}.g--gutter--scaled .g-span6{-ms-flex-preferred-size:49%!important;flex-basis:49%!important;max-width:49%;margin-left:2%}.no-flexbox .g-span6{width:50%!important}.g-offset6{margin-left:50%!important}.g-span7{-ms-flex-preferred-size:58.33333%!important;flex-basis:58.33333%!important;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;max-width:58.33333%!important}.g-span7.g-holdWidth{min-width:583.33333px}.g--gutter--scaled .g-span7.g-holdWidth{min-width:563.33333px}.g--gutter--scaled .g-span7{-ms-flex-preferred-size:57.5%!important;flex-basis:57.5%!important;max-width:57.5%;margin-left:2%}.no-flexbox .g-span7{width:58.33333%!important}.g-offset7{margin-left:58.33333%!important}.g-span8{-ms-flex-preferred-size:66.66667%!important;flex-basis:66.66667%!important;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;max-width:66.66667%!important}.g-span8.g-holdWidth{min-width:666.66667px}.g--gutter--scaled .g-span8.g-holdWidth{min-width:646.66667px}.g--gutter--scaled .g-span8{-ms-flex-preferred-size:66%!important;flex-basis:66%!important;max-width:66%;margin-left:2%}.no-flexbox .g-span8{width:66.66667%!important}.g-offset8{margin-left:66.66667%!important}.g-span9{-ms-flex-preferred-size:75%!important;flex-basis:75%!important;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;max-width:75%!important}.g-span9.g-holdWidth{min-width:750px}.g--gutter--scaled .g-span9.g-holdWidth{min-width:730px}.g--gutter--scaled .g-span9{-ms-flex-preferred-size:74.5%!important;flex-basis:74.5%!important;max-width:74.5%;margin-left:2%}.no-flexbox .g-span9{width:75%!important}.g-offset9{margin-left:75%!important}.g-span10{-ms-flex-preferred-size:83.33333%!important;flex-basis:83.33333%!important;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;max-width:83.33333%!important}.g-span10.g-holdWidth{min-width:833.33333px}.g--gutter--scaled .g-span10.g-holdWidth{min-width:813.33333px}.g--gutter--scaled .g-span10{-ms-flex-preferred-size:83%!important;flex-basis:83%!important;max-width:83%;margin-left:2%}.no-flexbox .g-span10{width:83.33333%!important}.g-offset10{margin-left:83.33333%!important}.g-span11{-ms-flex-preferred-size:91.66667%!important;flex-basis:91.66667%!important;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;max-width:91.66667%!important}.g-span11.g-holdWidth{min-width:916.66667px}.g--gutter--scaled .g-span11.g-holdWidth{min-width:896.66667px}.g--gutter--scaled .g-span11{-ms-flex-preferred-size:91.5%!important;flex-basis:91.5%!important;max-width:91.5%;margin-left:2%}.no-flexbox .g-span11{width:91.66667%!important}.g-offset11{margin-left:91.66667%!important}.g-span12{-ms-flex-preferred-size:100%!important;flex-basis:100%!important;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;max-width:100%!important}.g-span12.g-holdWidth{min-width:1000px}.g--gutter--scaled .g-span12.g-holdWidth{min-width:980px}.g--gutter--scaled .g-span12{-ms-flex-preferred-size:100%!important;flex-basis:100%!important;max-width:100%;margin-left:0}.no-flexbox .g-span12{width:100%!important}@media (min-width:400px){.g-span1--narrow{-ms-flex-preferred-size:8.33333%!important;flex-basis:8.33333%!important;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;max-width:8.33333%!important}.g-span1--narrow.g-holdWidth--narrow{min-width:83.33333px}.g--gutter--scaled .g-span1--narrow.g-holdWidth--narrow{min-width:63.33333px}.g--gutter--scaled .g-span1--narrow{-ms-flex-preferred-size:6.5%!important;flex-basis:6.5%!important;max-width:6.5%;margin-left:2%}.no-flexbox .g-span1--narrow{width:8.33333%!important}.g-offset1--narrow{margin-left:8.33333%!important}.g-span2--narrow{-ms-flex-preferred-size:16.66667%!important;flex-basis:16.66667%!important;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;max-width:16.66667%!important}.g-span2--narrow.g-holdWidth--narrow{min-width:166.66667px}.g--gutter--scaled .g-span2--narrow.g-holdWidth--narrow{min-width:146.66667px}.g--gutter--scaled .g-span2--narrow{-ms-flex-preferred-size:15%!important;flex-basis:15%!important;max-width:15%;margin-left:2%}.no-flexbox .g-span2--narrow{width:16.66667%!important}.g-offset2--narrow{margin-left:16.66667%!important}.g-span3--narrow{-ms-flex-preferred-size:25%!important;flex-basis:25%!important;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;max-width:25%!important}.g-span3--narrow.g-holdWidth--narrow{min-width:250px}.g--gutter--scaled .g-span3--narrow.g-holdWidth--narrow{min-width:230px}.g--gutter--scaled .g-span3--narrow{-ms-flex-preferred-size:23.5%!important;flex-basis:23.5%!important;max-width:23.5%;margin-left:2%}.no-flexbox .g-span3--narrow{width:25%!important}.g-offset3--narrow{margin-left:25%!important}.g-span4--narrow{-ms-flex-preferred-size:33.33333%!important;flex-basis:33.33333%!important;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;max-width:33.33333%!important}.g-span4--narrow.g-holdWidth--narrow{min-width:333.33333px}.g--gutter--scaled .g-span4--narrow.g-holdWidth--narrow{min-width:313.33333px}.g--gutter--scaled .g-span4--narrow{-ms-flex-preferred-size:32%!important;flex-basis:32%!important;max-width:32%;margin-left:2%}.no-flexbox .g-span4--narrow{width:33.33333%!important}.g-offset4--narrow{margin-left:33.33333%!important}.g-span5--narrow{-ms-flex-preferred-size:41.66667%!important;flex-basis:41.66667%!important;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;max-width:41.66667%!important}.g-span5--narrow.g-holdWidth--narrow{min-width:416.66667px}.g--gutter--scaled .g-span5--narrow.g-holdWidth--narrow{min-width:396.66667px}.g--gutter--scaled .g-span5--narrow{-ms-flex-preferred-size:40.5%!important;flex-basis:40.5%!important;max-width:40.5%;margin-left:2%}.no-flexbox .g-span5--narrow{width:41.66667%!important}.g-offset5--narrow{margin-left:41.66667%!important}.g-span6--narrow{-ms-flex-preferred-size:50%!important;flex-basis:50%!important;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;max-width:50%!important}.g-span6--narrow.g-holdWidth--narrow{min-width:500px}.g--gutter--scaled .g-span6--narrow.g-holdWidth--narrow{min-width:480px}.g--gutter--scaled .g-span6--narrow{-ms-flex-preferred-size:49%!important;flex-basis:49%!important;max-width:49%;margin-left:2%}.no-flexbox .g-span6--narrow{width:50%!important}.g-offset6--narrow{margin-left:50%!important}.g-span7--narrow{-ms-flex-preferred-size:58.33333%!important;flex-basis:58.33333%!important;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;max-width:58.33333%!important}.g-span7--narrow.g-holdWidth--narrow{min-width:583.33333px}.g--gutter--scaled .g-span7--narrow.g-holdWidth--narrow{min-width:563.33333px}.g--gutter--scaled .g-span7--narrow{-ms-flex-preferred-size:57.5%!important;flex-basis:57.5%!important;max-width:57.5%;margin-left:2%}.no-flexbox .g-span7--narrow{width:58.33333%!important}.g-offset7--narrow{margin-left:58.33333%!important}.g-span8--narrow{-ms-flex-preferred-size:66.66667%!important;flex-basis:66.66667%!important;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;max-width:66.66667%!important}.g-span8--narrow.g-holdWidth--narrow{min-width:666.66667px}.g--gutter--scaled .g-span8--narrow.g-holdWidth--narrow{min-width:646.66667px}.g--gutter--scaled .g-span8--narrow{-ms-flex-preferred-size:66%!important;flex-basis:66%!important;max-width:66%;margin-left:2%}.no-flexbox .g-span8--narrow{width:66.66667%!important}.g-offset8--narrow{margin-left:66.66667%!important}.g-span9--narrow{-ms-flex-preferred-size:75%!important;flex-basis:75%!important;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;max-width:75%!important}.g-span9--narrow.g-holdWidth--narrow{min-width:750px}.g--gutter--scaled .g-span9--narrow.g-holdWidth--narrow{min-width:730px}.g--gutter--scaled .g-span9--narrow{-ms-flex-preferred-size:74.5%!important;flex-basis:74.5%!important;max-width:74.5%;margin-left:2%}.no-flexbox .g-span9--narrow{width:75%!important}.g-offset9--narrow{margin-left:75%!important}.g-span10--narrow{-ms-flex-preferred-size:83.33333%!important;flex-basis:83.33333%!important;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;max-width:83.33333%!important}.g-span10--narrow.g-holdWidth--narrow{min-width:833.33333px}.g--gutter--scaled .g-span10--narrow.g-holdWidth--narrow{min-width:813.33333px}.g--gutter--scaled .g-span10--narrow{-ms-flex-preferred-size:83%!important;flex-basis:83%!important;max-width:83%;margin-left:2%}.no-flexbox .g-span10--narrow{width:83.33333%!important}.g-offset10--narrow{margin-left:83.33333%!important}.g-span11--narrow{-ms-flex-preferred-size:91.66667%!important;flex-basis:91.66667%!important;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;max-width:91.66667%!important}.g-span11--narrow.g-holdWidth--narrow{min-width:916.66667px}.g--gutter--scaled .g-span11--narrow.g-holdWidth--narrow{min-width:896.66667px}.g--gutter--scaled .g-span11--narrow{-ms-flex-preferred-size:91.5%!important;flex-basis:91.5%!important;max-width:91.5%;margin-left:2%}.no-flexbox .g-span11--narrow{width:91.66667%!important}.g-offset11--narrow{margin-left:91.66667%!important}.g-span12--narrow{-ms-flex-preferred-size:100%!important;flex-basis:100%!important;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;max-width:100%!important}.g-span12--narrow.g-holdWidth--narrow{min-width:1000px}.g--gutter--scaled .g-span12--narrow.g-holdWidth--narrow{min-width:980px}.g--gutter--scaled .g-span12--narrow{-ms-flex-preferred-size:100%!important;flex-basis:100%!important;max-width:100%;margin-left:0}.no-flexbox .g-span12--narrow{width:100%!important}}@media (min-width:750px){.g-span1--mid{-ms-flex-preferred-size:8.33333%!important;flex-basis:8.33333%!important;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;max-width:8.33333%!important}.g-span1--mid.g-holdWidth--mid{min-width:83.33333px}.g--gutter--scaled .g-span1--mid.g-holdWidth--mid{min-width:63.33333px}.g--gutter--scaled .g-span1--mid{-ms-flex-preferred-size:6.5%!important;flex-basis:6.5%!important;max-width:6.5%;margin-left:2%}.no-flexbox .g-span1--mid{width:8.33333%!important}.g-offset1--mid{margin-left:8.33333%!important}.g-span2--mid{-ms-flex-preferred-size:16.66667%!important;flex-basis:16.66667%!important;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;max-width:16.66667%!important}.g-span2--mid.g-holdWidth--mid{min-width:166.66667px}.g--gutter--scaled .g-span2--mid.g-holdWidth--mid{min-width:146.66667px}.g--gutter--scaled .g-span2--mid{-ms-flex-preferred-size:15%!important;flex-basis:15%!important;max-width:15%;margin-left:2%}.no-flexbox .g-span2--mid{width:16.66667%!important}.g-offset2--mid{margin-left:16.66667%!important}.g-span3--mid{-ms-flex-preferred-size:25%!important;flex-basis:25%!important;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;max-width:25%!important}.g-span3--mid.g-holdWidth--mid{min-width:250px}.g--gutter--scaled .g-span3--mid.g-holdWidth--mid{min-width:230px}.g--gutter--scaled .g-span3--mid{-ms-flex-preferred-size:23.5%!important;flex-basis:23.5%!important;max-width:23.5%;margin-left:2%}.no-flexbox .g-span3--mid{width:25%!important}.g-offset3--mid{margin-left:25%!important}.g-span4--mid{-ms-flex-preferred-size:33.33333%!important;flex-basis:33.33333%!important;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;max-width:33.33333%!important}.g-span4--mid.g-holdWidth--mid{min-width:333.33333px}.g--gutter--scaled .g-span4--mid.g-holdWidth--mid{min-width:313.33333px}.g--gutter--scaled .g-span4--mid{-ms-flex-preferred-size:32%!important;flex-basis:32%!important;max-width:32%;margin-left:2%}.no-flexbox .g-span4--mid{width:33.33333%!important}.g-offset4--mid{margin-left:33.33333%!important}.g-span5--mid{-ms-flex-preferred-size:41.66667%!important;flex-basis:41.66667%!important;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;max-width:41.66667%!important}.g-span5--mid.g-holdWidth--mid{min-width:416.66667px}.g--gutter--scaled .g-span5--mid.g-holdWidth--mid{min-width:396.66667px}.g--gutter--scaled .g-span5--mid{-ms-flex-preferred-size:40.5%!important;flex-basis:40.5%!important;max-width:40.5%;margin-left:2%}.no-flexbox .g-span5--mid{width:41.66667%!important}.g-offset5--mid{margin-left:41.66667%!important}.g-span6--mid{-ms-flex-preferred-size:50%!important;flex-basis:50%!important;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;max-width:50%!important}.g-span6--mid.g-holdWidth--mid{min-width:500px}.g--gutter--scaled .g-span6--mid.g-holdWidth--mid{min-width:480px}.g--gutter--scaled .g-span6--mid{-ms-flex-preferred-size:49%!important;flex-basis:49%!important;max-width:49%;margin-left:2%}.no-flexbox .g-span6--mid{width:50%!important}.g-offset6--mid{margin-left:50%!important}.g-span7--mid{-ms-flex-preferred-size:58.33333%!important;flex-basis:58.33333%!important;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;max-width:58.33333%!important}.g-span7--mid.g-holdWidth--mid{min-width:583.33333px}.g--gutter--scaled .g-span7--mid.g-holdWidth--mid{min-width:563.33333px}.g--gutter--scaled .g-span7--mid{-ms-flex-preferred-size:57.5%!important;flex-basis:57.5%!important;max-width:57.5%;margin-left:2%}.no-flexbox .g-span7--mid{width:58.33333%!important}.g-offset7--mid{margin-left:58.33333%!important}.g-span8--mid{-ms-flex-preferred-size:66.66667%!important;flex-basis:66.66667%!important;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;max-width:66.66667%!important}.g-span8--mid.g-holdWidth--mid{min-width:666.66667px}.g--gutter--scaled .g-span8--mid.g-holdWidth--mid{min-width:646.66667px}.g--gutter--scaled .g-span8--mid{-ms-flex-preferred-size:66%!important;flex-basis:66%!important;max-width:66%;margin-left:2%}.no-flexbox .g-span8--mid{width:66.66667%!important}.g-offset8--mid{margin-left:66.66667%!important}.g-span9--mid{-ms-flex-preferred-size:75%!important;flex-basis:75%!important;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;max-width:75%!important}.g-span9--mid.g-holdWidth--mid{min-width:750px}.g--gutter--scaled .g-span9--mid.g-holdWidth--mid{min-width:730px}.g--gutter--scaled .g-span9--mid{-ms-flex-preferred-size:74.5%!important;flex-basis:74.5%!important;max-width:74.5%;margin-left:2%}.no-flexbox .g-span9--mid{width:75%!important}.g-offset9--mid{margin-left:75%!important}.g-span10--mid{-ms-flex-preferred-size:83.33333%!important;flex-basis:83.33333%!important;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;max-width:83.33333%!important}.g-span10--mid.g-holdWidth--mid{min-width:833.33333px}.g--gutter--scaled .g-span10--mid.g-holdWidth--mid{min-width:813.33333px}.g--gutter--scaled .g-span10--mid{-ms-flex-preferred-size:83%!important;flex-basis:83%!important;max-width:83%;margin-left:2%}.no-flexbox .g-span10--mid{width:83.33333%!important}.g-offset10--mid{margin-left:83.33333%!important}.g-span11--mid{-ms-flex-preferred-size:91.66667%!important;flex-basis:91.66667%!important;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;max-width:91.66667%!important}.g-span11--mid.g-holdWidth--mid{min-width:916.66667px}.g--gutter--scaled .g-span11--mid.g-holdWidth--mid{min-width:896.66667px}.g--gutter--scaled .g-span11--mid{-ms-flex-preferred-size:91.5%!important;flex-basis:91.5%!important;max-width:91.5%;margin-left:2%}.no-flexbox .g-span11--mid{width:91.66667%!important}.g-offset11--mid{margin-left:91.66667%!important}.g-span12--mid{-ms-flex-preferred-size:100%!important;flex-basis:100%!important;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;max-width:100%!important}.g-span12--mid.g-holdWidth--mid{min-width:1000px}.g--gutter--scaled .g-span12--mid.g-holdWidth--mid{min-width:980px}.g--gutter--scaled .g-span12--mid{-ms-flex-preferred-size:100%!important;flex-basis:100%!important;max-width:100%;margin-left:0}.no-flexbox .g-span12--mid{width:100%!important}}@media (min-width:1000px){.g-span1--wide{-ms-flex-preferred-size:8.33333%!important;flex-basis:8.33333%!important;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;max-width:8.33333%!important}.g-span1--wide.g-holdWidth--wide{min-width:83.33333px}.g--gutter--scaled .g-span1--wide.g-holdWidth--wide{min-width:63.33333px}.g--gutter--scaled .g-span1--wide{-ms-flex-preferred-size:6.5%!important;flex-basis:6.5%!important;max-width:6.5%;margin-left:2%}.no-flexbox .g-span1--wide{width:8.33333%!important}.g-offset1--wide{margin-left:8.33333%!important}.g-span2--wide{-ms-flex-preferred-size:16.66667%!important;flex-basis:16.66667%!important;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;max-width:16.66667%!important}.g-span2--wide.g-holdWidth--wide{min-width:166.66667px}.g--gutter--scaled .g-span2--wide.g-holdWidth--wide{min-width:146.66667px}.g--gutter--scaled .g-span2--wide{-ms-flex-preferred-size:15%!important;flex-basis:15%!important;max-width:15%;margin-left:2%}.no-flexbox .g-span2--wide{width:16.66667%!important}.g-offset2--wide{margin-left:16.66667%!important}.g-span3--wide{-ms-flex-preferred-size:25%!important;flex-basis:25%!important;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;max-width:25%!important}.g-span3--wide.g-holdWidth--wide{min-width:250px}.g--gutter--scaled .g-span3--wide.g-holdWidth--wide{min-width:230px}.g--gutter--scaled .g-span3--wide{-ms-flex-preferred-size:23.5%!important;flex-basis:23.5%!important;max-width:23.5%;margin-left:2%}.no-flexbox .g-span3--wide{width:25%!important}.g-offset3--wide{margin-left:25%!important}.g-span4--wide{-ms-flex-preferred-size:33.33333%!important;flex-basis:33.33333%!important;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;max-width:33.33333%!important}.g-span4--wide.g-holdWidth--wide{min-width:333.33333px}.g--gutter--scaled .g-span4--wide.g-holdWidth--wide{min-width:313.33333px}.g--gutter--scaled .g-span4--wide{-ms-flex-preferred-size:32%!important;flex-basis:32%!important;max-width:32%;margin-left:2%}.no-flexbox .g-span4--wide{width:33.33333%!important}.g-offset4--wide{margin-left:33.33333%!important}.g-span5--wide{-ms-flex-preferred-size:41.66667%!important;flex-basis:41.66667%!important;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;max-width:41.66667%!important}.g-span5--wide.g-holdWidth--wide{min-width:416.66667px}.g--gutter--scaled .g-span5--wide.g-holdWidth--wide{min-width:396.66667px}.g--gutter--scaled .g-span5--wide{-ms-flex-preferred-size:40.5%!important;flex-basis:40.5%!important;max-width:40.5%;margin-left:2%}.no-flexbox .g-span5--wide{width:41.66667%!important}.g-offset5--wide{margin-left:41.66667%!important}.g-span6--wide{-ms-flex-preferred-size:50%!important;flex-basis:50%!important;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;max-width:50%!important}.g-span6--wide.g-holdWidth--wide{min-width:500px}.g--gutter--scaled .g-span6--wide.g-holdWidth--wide{min-width:480px}.g--gutter--scaled .g-span6--wide{-ms-flex-preferred-size:49%!important;flex-basis:49%!important;max-width:49%;margin-left:2%}.no-flexbox .g-span6--wide{width:50%!important}.g-offset6--wide{margin-left:50%!important}.g-span7--wide{-ms-flex-preferred-size:58.33333%!important;flex-basis:58.33333%!important;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;max-width:58.33333%!important}.g-span7--wide.g-holdWidth--wide{min-width:583.33333px}.g--gutter--scaled .g-span7--wide.g-holdWidth--wide{min-width:563.33333px}.g--gutter--scaled .g-span7--wide{-ms-flex-preferred-size:57.5%!important;flex-basis:57.5%!important;max-width:57.5%;margin-left:2%}.no-flexbox .g-span7--wide{width:58.33333%!important}.g-offset7--wide{margin-left:58.33333%!important}.g-span8--wide{-ms-flex-preferred-size:66.66667%!important;flex-basis:66.66667%!important;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;max-width:66.66667%!important}.g-span8--wide.g-holdWidth--wide{min-width:666.66667px}.g--gutter--scaled .g-span8--wide.g-holdWidth--wide{min-width:646.66667px}.g--gutter--scaled .g-span8--wide{-ms-flex-preferred-size:66%!important;flex-basis:66%!important;max-width:66%;margin-left:2%}.no-flexbox .g-span8--wide{width:66.66667%!important}.g-offset8--wide{margin-left:66.66667%!important}.g-span9--wide{-ms-flex-preferred-size:75%!important;flex-basis:75%!important;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;max-width:75%!important}.g-span9--wide.g-holdWidth--wide{min-width:750px}.g--gutter--scaled .g-span9--wide.g-holdWidth--wide{min-width:730px}.g--gutter--scaled .g-span9--wide{-ms-flex-preferred-size:74.5%!important;flex-basis:74.5%!important;max-width:74.5%;margin-left:2%}.no-flexbox .g-span9--wide{width:75%!important}.g-offset9--wide{margin-left:75%!important}.g-span10--wide{-ms-flex-preferred-size:83.33333%!important;flex-basis:83.33333%!important;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;max-width:83.33333%!important}.g-span10--wide.g-holdWidth--wide{min-width:833.33333px}.g--gutter--scaled .g-span10--wide.g-holdWidth--wide{min-width:813.33333px}.g--gutter--scaled .g-span10--wide{-ms-flex-preferred-size:83%!important;flex-basis:83%!important;max-width:83%;margin-left:2%}.no-flexbox .g-span10--wide{width:83.33333%!important}.g-offset10--wide{margin-left:83.33333%!important}.g-span11--wide{-ms-flex-preferred-size:91.66667%!important;flex-basis:91.66667%!important;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;max-width:91.66667%!important}.g-span11--wide.g-holdWidth--wide{min-width:916.66667px}.g--gutter--scaled .g-span11--wide.g-holdWidth--wide{min-width:896.66667px}.g--gutter--scaled .g-span11--wide{-ms-flex-preferred-size:91.5%!important;flex-basis:91.5%!important;max-width:91.5%;margin-left:2%}.no-flexbox .g-span11--wide{width:91.66667%!important}.g-offset11--wide{margin-left:91.66667%!important}.g-span12--wide{-ms-flex-preferred-size:100%!important;flex-basis:100%!important;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;max-width:100%!important}.g-span12--wide.g-holdWidth--wide{min-width:1000px}.g--gutter--scaled .g-span12--wide.g-holdWidth--wide{min-width:980px}.g--gutter--scaled .g-span12--wide{-ms-flex-preferred-size:100%!important;flex-basis:100%!important;max-width:100%;margin-left:0}.no-flexbox .g-span12--wide{width:100%!important}}@media (min-width:1250px){.g-span1--huge{-ms-flex-preferred-size:8.33333%!important;flex-basis:8.33333%!important;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;max-width:8.33333%!important}.g-span1--huge.g-holdWidth--huge{min-width:83.33333px}.g--gutter--scaled .g-span1--huge.g-holdWidth--huge{min-width:63.33333px}.g--gutter--scaled .g-span1--huge{-ms-flex-preferred-size:6.5%!important;flex-basis:6.5%!important;max-width:6.5%;margin-left:2%}.no-flexbox .g-span1--huge{width:8.33333%!important}.g-offset1--huge{margin-left:8.33333%!important}.g-span2--huge{-ms-flex-preferred-size:16.66667%!important;flex-basis:16.66667%!important;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;max-width:16.66667%!important}.g-span2--huge.g-holdWidth--huge{min-width:166.66667px}.g--gutter--scaled .g-span2--huge.g-holdWidth--huge{min-width:146.66667px}.g--gutter--scaled .g-span2--huge{-ms-flex-preferred-size:15%!important;flex-basis:15%!important;max-width:15%;margin-left:2%}.no-flexbox .g-span2--huge{width:16.66667%!important}.g-offset2--huge{margin-left:16.66667%!important}.g-span3--huge{-ms-flex-preferred-size:25%!important;flex-basis:25%!important;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;max-width:25%!important}.g-span3--huge.g-holdWidth--huge{min-width:250px}.g--gutter--scaled .g-span3--huge.g-holdWidth--huge{min-width:230px}.g--gutter--scaled .g-span3--huge{-ms-flex-preferred-size:23.5%!important;flex-basis:23.5%!important;max-width:23.5%;margin-left:2%}.no-flexbox .g-span3--huge{width:25%!important}.g-offset3--huge{margin-left:25%!important}.g-span4--huge{-ms-flex-preferred-size:33.33333%!important;flex-basis:33.33333%!important;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;max-width:33.33333%!important}.g-span4--huge.g-holdWidth--huge{min-width:333.33333px}.g--gutter--scaled .g-span4--huge.g-holdWidth--huge{min-width:313.33333px}.g--gutter--scaled .g-span4--huge{-ms-flex-preferred-size:32%!important;flex-basis:32%!important;max-width:32%;margin-left:2%}.no-flexbox .g-span4--huge{width:33.33333%!important}.g-offset4--huge{margin-left:33.33333%!important}.g-span5--huge{-ms-flex-preferred-size:41.66667%!important;flex-basis:41.66667%!important;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;max-width:41.66667%!important}.g-span5--huge.g-holdWidth--huge{min-width:416.66667px}.g--gutter--scaled .g-span5--huge.g-holdWidth--huge{min-width:396.66667px}.g--gutter--scaled .g-span5--huge{-ms-flex-preferred-size:40.5%!important;flex-basis:40.5%!important;max-width:40.5%;margin-left:2%}.no-flexbox .g-span5--huge{width:41.66667%!important}.g-offset5--huge{margin-left:41.66667%!important}.g-span6--huge{-ms-flex-preferred-size:50%!important;flex-basis:50%!important;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;max-width:50%!important}.g-span6--huge.g-holdWidth--huge{min-width:500px}.g--gutter--scaled .g-span6--huge.g-holdWidth--huge{min-width:480px}.g--gutter--scaled .g-span6--huge{-ms-flex-preferred-size:49%!important;flex-basis:49%!important;max-width:49%;margin-left:2%}.no-flexbox .g-span6--huge{width:50%!important}.g-offset6--huge{margin-left:50%!important}.g-span7--huge{-ms-flex-preferred-size:58.33333%!important;flex-basis:58.33333%!important;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;max-width:58.33333%!important}.g-span7--huge.g-holdWidth--huge{min-width:583.33333px}.g--gutter--scaled .g-span7--huge.g-holdWidth--huge{min-width:563.33333px}.g--gutter--scaled .g-span7--huge{-ms-flex-preferred-size:57.5%!important;flex-basis:57.5%!important;max-width:57.5%;margin-left:2%}.no-flexbox .g-span7--huge{width:58.33333%!important}.g-offset7--huge{margin-left:58.33333%!important}.g-span8--huge{-ms-flex-preferred-size:66.66667%!important;flex-basis:66.66667%!important;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;max-width:66.66667%!important}.g-span8--huge.g-holdWidth--huge{min-width:666.66667px}.g--gutter--scaled .g-span8--huge.g-holdWidth--huge{min-width:646.66667px}.g--gutter--scaled .g-span8--huge{-ms-flex-preferred-size:66%!important;flex-basis:66%!important;max-width:66%;margin-left:2%}.no-flexbox .g-span8--huge{width:66.66667%!important}.g-offset8--huge{margin-left:66.66667%!important}.g-span9--huge{-ms-flex-preferred-size:75%!important;flex-basis:75%!important;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;max-width:75%!important}.g-span9--huge.g-holdWidth--huge{min-width:750px}.g--gutter--scaled .g-span9--huge.g-holdWidth--huge{min-width:730px}.g--gutter--scaled .g-span9--huge{-ms-flex-preferred-size:74.5%!important;flex-basis:74.5%!important;max-width:74.5%;margin-left:2%}.no-flexbox .g-span9--huge{width:75%!important}.g-offset9--huge{margin-left:75%!important}.g-span10--huge{-ms-flex-preferred-size:83.33333%!important;flex-basis:83.33333%!important;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;max-width:83.33333%!important}.g-span10--huge.g-holdWidth--huge{min-width:833.33333px}.g--gutter--scaled .g-span10--huge.g-holdWidth--huge{min-width:813.33333px}.g--gutter--scaled .g-span10--huge{-ms-flex-preferred-size:83%!important;flex-basis:83%!important;max-width:83%;margin-left:2%}.no-flexbox .g-span10--huge{width:83.33333%!important}.g-offset10--huge{margin-left:83.33333%!important}.g-span11--huge{-ms-flex-preferred-size:91.66667%!important;flex-basis:91.66667%!important;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;max-width:91.66667%!important}.g-span11--huge.g-holdWidth--huge{min-width:916.66667px}.g--gutter--scaled .g-span11--huge.g-holdWidth--huge{min-width:896.66667px}.g--gutter--scaled .g-span11--huge{-ms-flex-preferred-size:91.5%!important;flex-basis:91.5%!important;max-width:91.5%;margin-left:2%}.no-flexbox .g-span11--huge{width:91.66667%!important}.g-offset11--huge{margin-left:91.66667%!important}.g-span12--huge{-ms-flex-preferred-size:100%!important;flex-basis:100%!important;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;max-width:100%!important}.g-span12--huge.g-holdWidth--huge{min-width:1000px}.g--gutter--scaled .g-span12--huge.g-holdWidth--huge{min-width:980px}.g--gutter--scaled .g-span12--huge{-ms-flex-preferred-size:100%!important;flex-basis:100%!important;max-width:100%;margin-left:0}.no-flexbox .g-span12--huge{width:100%!important}}@media (max-width:399px){.g--stack--narrow{-ms-flex-flow:column nowrap;flex-flow:column}.g--stack--narrow>.g-col{-ms-flex-preferred-size:auto!important;flex-basis:auto!important;max-width:100%!important;margin-left:0}.no-flexbox .g--stack--narrow>.g-col{width:100%!important}}@media (max-width:749px){.g--stack--mid{-ms-flex-flow:column nowrap;flex-flow:column}.g--stack--mid>.g-col{-ms-flex-preferred-size:auto!important;flex-basis:auto!important;max-width:100%!important;margin-left:0}.no-flexbox .g--stack--mid>.g-col{width:100%!important}}@media (max-width:999px){.g--stack--wide{-ms-flex-flow:column nowrap;flex-flow:column}.g--stack--wide>.g-col{-ms-flex-preferred-size:auto!important;flex-basis:auto!important;max-width:100%!important;margin-left:0}.no-flexbox .g--stack--wide>.g-col{width:100%!important}}@media (max-width:1249px){.g--stack--huge{-ms-flex-flow:column nowrap;flex-flow:column}.g--stack--huge>.g-col{-ms-flex-preferred-size:auto!important;flex-basis:auto!important;max-width:100%!important;margin-left:0}.no-flexbox .g--stack--huge>.g-col{width:100%!important}}.sg-swatch{border:1px solid rgba(0,0,0,.2);border-radius:4px;padding:15px;margin:15px;text-align:center;-webkit-transition:all .3s cubic-bezier(.77,0,.175,1);transition:all .3s cubic-bezier(.77,0,.175,1);cursor:pointer}.sg-swatch:hover{border-color:rgba(0,0,0,.6)}.sg-swatch.is-active{-webkit-animation:a .5s ease-in-out;animation:a .5s ease-in-out}@-webkit-keyframes a{50%{opacity:.3}}@keyframes a{50%{opacity:.3}}.sg-swatch-color{width:50px;height:50px;border-radius:50%}.sg-swatch-color,.sg-swatch-text{display:inline-block;vertical-align:middle;margin:0 10px}.sg-swatch-text{font-weight:700;font-size:3rem;line-height:1}.sg-swatch-var{width:100%;font-family:Menlo,Monaco,Courier New,monospace;margin-top:15px;font-size:12px;display:block}.sg-color-link-hover{background-color:#fff}.sg-color-link-hover .sg-swatch-color{background-color:#185380}.sg-color-link-hover .sg-swatch-text{color:#185380}.sg-color-link-hover .sg-swatch-var:after{content:"#185380";display:block}.sg-color-primary{background-color:#fff}.sg-color-primary .sg-swatch-color{background-color:#181830}.sg-color-primary .sg-swatch-text{color:#181830}.sg-color-primary .sg-swatch-var:after{content:"#181830";display:block}.sg-color-secondary{background-color:#fff}.sg-color-secondary .sg-swatch-color{background-color:#fe7c08}.sg-color-secondary .sg-swatch-text{color:#fe7c08}.sg-color-secondary .sg-swatch-var:after{content:"#fe7c08";display:block}.sg-color-highlight{background-color:#fff}.sg-color-highlight .sg-swatch-color{background-color:#288ad6}.sg-color-highlight .sg-swatch-text{color:#288ad6}.sg-color-highlight .sg-swatch-var:after{content:"#288ad6";display:block}.sg-color-text{background-color:#f1f1f1}.sg-color-text .sg-swatch-color{background-color:#444}.sg-color-text .sg-swatch-text{color:#444}.sg-color-text .sg-swatch-var:after{content:"#444";display:block}.sg-color-background{background-color:#fff}.sg-color-background .sg-swatch-color{background-color:#f1f1f1}.sg-color-background .sg-swatch-text{color:#f1f1f1}.sg-color-background .sg-swatch-var:after{content:"#f1f1f1";display:block}.sg-color-border{background-color:#fff}.sg-color-border .sg-swatch-color{background-color:#ddd}.sg-color-border .sg-swatch-text{color:#ddd}.sg-color-border .sg-swatch-var:after{content:"#ddd";display:block}.sg-color-link{background-color:#fff}.sg-color-link .sg-swatch-color{background-color:#288ad6}.sg-color-link .sg-swatch-text{color:#288ad6}.sg-color-link .sg-swatch-var:after{content:"#288ad6";display:block}body{background-color:#fff}.sg-interfaceType,.sg-sectionHeading,.sg-typeSpecimen:after{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:300}.sg-interfaceType--subtle,.sg-typeSpecimen:after{color:#888}.sg-sectionHeading{color:#181830}.sg-page{overflow:hidden;padding:8% 0}.sg-page--start{background-color:#181830;padding:70px 0 60px;color:#fff}.sg-spacer{padding:20px}.sg-footer{background-color:#181830;color:#fff;padding:30px;margin-top:30px;font-family:Menlo,Monaco,Courier New,monospace;font-size:.6rem}.sg-footer h1{margin-bottom:.2em}.sg-footer a{color:#fff;border-bottom:2px dashed hsla(0,0%,100%,.3)}.sg-footer a:hover{border-bottom:2px solid #fff}.sg-footer :last-child{margin-bottom:0}.sg-kickoffLogo{width:200px;height:60px;color:#fff}.sg-logo{padding:1em;text-align:center;color:#181830}.sg-logo--dark{background-color:#000;color:#fff}.sg-logo svg{max-width:100%}.sg-type{margin-bottom:1em;overflow-x:auto}code{border:0;background-color:transparent;font-size:.6rem}[data-copy]{cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAWCAYAAAAinad/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA9xpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNyAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMTYtMTItMzBUMTA6NDQ6MjJaIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxNi0xMi0zMFQxMDo1NDo0NyIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxNi0xMi0zMFQxMDo1NDo0NyIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjhERUY1NzlDNkEyMTFFNkE3NUU5RDQ3RUI5OEI5RkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjhERUY1N0FDNkEyMTFFNkE3NUU5RDQ3RUI5OEI5RkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCOERFRjU3N0M2QTIxMUU2QTc1RTlENDdFQjk4QjlGQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCOERFRjU3OEM2QTIxMUU2QTc1RTlENDdFQjk4QjlGQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqrLc8cAAACNSURBVHjaYmJgYHAA4vdA/J9EjAGYgHgBEAswUAGwALE8iPH//3+SNDIyMmJ1GdUAhmEHDhxgUFRUBNuMD6OF331o2EMEYICfn/8/GZEBNpAF3WUfP35kIDUMoS5VoG2YjRo2ahgNDAPlAEa0UuD/aJgRDDOMggOI+bGVpATAQ2wuC4AaSAoAqU8ACDAAGZA8XJlAypoAAAAASUVORK5CYII=) 13 10,auto!important}[data-copy]:active,[data-copy]:hover{opacity:.5}.sg-type-micro .sg-type-item{font-size:.64rem}.sg-type-micro .sg-type-item:after{content:"Name: micro // Size: 12.8px // Use: @include ko-font-size(micro) ";font-size:.64rem;display:block;font-weight:400;font-family:Menlo,Monaco,Courier New,monospace;opacity:.6}.sg-type-smallest .sg-type-item{font-size:0}.sg-type-smallest .sg-type-item:after{content:"Name: smallest // Size: px // Use: @include ko-font-size(smallest) ";font-size:.64rem;display:block;font-weight:400;font-family:Menlo,Monaco,Courier New,monospace;opacity:.6}.sg-type-smaller .sg-type-item{font-size:0}.sg-type-smaller .sg-type-item:after{content:"Name: smaller // Size: px // Use: @include ko-font-size(smaller) ";font-size:.64rem;display:block;font-weight:400;font-family:Menlo,Monaco,Courier New,monospace;opacity:.6}.sg-type-small .sg-type-item{font-size:.8rem}.sg-type-small .sg-type-item:after{content:"Name: small // Size: 16px // Use: @include ko-font-size(small) ";font-size:.64rem;display:block;font-weight:400;font-family:Menlo,Monaco,Courier New,monospace;opacity:.6}.sg-type-base .sg-type-item{font-size:1rem}.sg-type-base .sg-type-item:after{content:"Name: base // Size: 20px // Use: @include ko-font-size(base) ";font-size:.64rem;display:block;font-weight:400;font-family:Menlo,Monaco,Courier New,monospace;opacity:.6}.sg-type-mid .sg-type-item{font-size:1.25rem}.sg-type-mid .sg-type-item:after{content:"Name: mid // Size: 25px // Use: @include ko-font-size(mid) ";font-size:.64rem;display:block;font-weight:400;font-family:Menlo,Monaco,Courier New,monospace;opacity:.6}.sg-type-large .sg-type-item{font-size:1.5625rem}.sg-type-large .sg-type-item:after{content:"Name: large // Size: 31.25px // Use: @include ko-font-size(large) ";font-size:.64rem;display:block;font-weight:400;font-family:Menlo,Monaco,Courier New,monospace;opacity:.6}.sg-type-largest .sg-type-item{font-size:0}.sg-type-largest .sg-type-item:after{content:"Name: largest // Size: px // Use: @include ko-font-size(largest) ";font-size:.64rem;display:block;font-weight:400;font-family:Menlo,Monaco,Courier New,monospace;opacity:.6}.sg-type-jumbo .sg-type-item{font-size:1.95312rem}.sg-type-jumbo .sg-type-item:after{content:"Name: jumbo // Size: 39.0625px // Use: @include ko-font-size(jumbo) ";font-size:.64rem;display:block;font-weight:400;font-family:Menlo,Monaco,Courier New,monospace;opacity:.6}.sg-typeSpecimen{margin-bottom:0;margin-top:0;-ms-word-wrap:break-word;word-wrap:break-word}.sg-typeSpecimen:after{display:block;font-size:.8rem;margin-top:5px;border-top:1px solid #ddd;font-weight:400}.sg-typeSpecimen--primary{font-size:1.5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.sg-typeSpecimen--secondary{font-size:1.5rem;font-family:Georgia,Times New Roman,Times,serif}.sg-typeSpecimen--giant{font-size:6rem;line-height:1}.icon-sg{display:inline-block;width:50px;height:50px;vertical-align:middle;margin-right:10px;margin-bottom:10px}.sg-favicon{padding:5px}.sg-favicon img{vertical-align:middle;margin-right:15px}.sg-hr{height:3px;margin:56px 0}.sg-hr--subtle{height:3px;background-color:hsla(0,0%,70%,.4)}.sg-var-item{color:#fe7c08;margin-right:10px;display:inline-block}.sg-var--baseFontSize{line-height:2;font-family:Menlo,Monaco,Courier New,monospace;border-bottom:1px solid rgba(0,0,0,.1);font-size:.6rem}.sg-var--baseFontSize strong{opacity:.6;text-transform:uppercase;display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (min-width:751px){.sg-var--baseFontSize strong{width:20%;display:inline-block}}.sg-var--baseFontSize:after{content:"20"}.sg-var--leadingBase{line-height:2;font-family:Menlo,Monaco,Courier New,monospace;border-bottom:1px solid rgba(0,0,0,.1);font-size:.6rem}.sg-var--leadingBase strong{opacity:.6;text-transform:uppercase;display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (min-width:751px){.sg-var--leadingBase strong{width:20%;display:inline-block}}.sg-var--leadingBase:after{content:"1.4"}.sg-var--typeScale{line-height:2;font-family:Menlo,Monaco,Courier New,monospace;border-bottom:1px solid rgba(0,0,0,.1);font-size:.6rem}.sg-var--typeScale strong{opacity:.6;text-transform:uppercase;display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (min-width:751px){.sg-var--typeScale strong{width:20%;display:inline-block}}.sg-var--typeScale:after{content:"1.25"}.sg-var--fontFamilyMono{line-height:2;font-family:Menlo,Monaco,Courier New,monospace;border-bottom:1px solid rgba(0,0,0,.1);font-size:.6rem}.sg-var--fontFamilyMono strong{opacity:.6;text-transform:uppercase;display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (min-width:751px){.sg-var--fontFamilyMono strong{width:20%;display:inline-block}}.sg-var--fontFamilyMono:after{content:"Menlo, Monaco, Courier New, monospace"}.sg-var--fontFamilySystem{line-height:2;font-family:Menlo,Monaco,Courier New,monospace;border-bottom:1px solid rgba(0,0,0,.1);font-size:.6rem}.sg-var--fontFamilySystem strong{opacity:.6;text-transform:uppercase;display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (min-width:751px){.sg-var--fontFamilySystem strong{width:20%;display:inline-block}}.sg-var--fontFamilySystem:after{content:"-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif"}.sg-var--fontFamilySans{line-height:2;font-family:Menlo,Monaco,Courier New,monospace;border-bottom:1px solid rgba(0,0,0,.1);font-size:.6rem}.sg-var--fontFamilySans strong{opacity:.6;text-transform:uppercase;display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (min-width:751px){.sg-var--fontFamilySans strong{width:20%;display:inline-block}}.sg-var--fontFamilySans:after{content:"Helvetica Neue, Helvetica, Arial, sans-serif"}.sg-var--fontFamilySerif{line-height:2;font-family:Menlo,Monaco,Courier New,monospace;border-bottom:1px solid rgba(0,0,0,.1);font-size:.6rem}.sg-var--fontFamilySerif strong{opacity:.6;text-transform:uppercase;display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (min-width:751px){.sg-var--fontFamilySerif strong{width:20%;display:inline-block}}.sg-var--fontFamilySerif:after{content:"Georgia, Times New Roman, Times, serif"}.sg-var--breakpoints{line-height:2;font-family:Menlo,Monaco,Courier New,monospace;border-bottom:1px solid rgba(0,0,0,.1);font-size:.6rem}.sg-var--breakpoints strong{opacity:.6;text-transform:uppercase;display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (min-width:751px){.sg-var--breakpoints strong{width:20%;display:inline-block}}.sg-var--breakpoints:after{content:"(narrow: 400px, mid: 750px, wide: 1000px, huge: 1250px)"}.sg-var--layoutWidth{line-height:2;font-family:Menlo,Monaco,Courier New,monospace;border-bottom:1px solid rgba(0,0,0,.1);font-size:.6rem}.sg-var--layoutWidth strong{opacity:.6;text-transform:uppercase;display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (min-width:751px){.sg-var--layoutWidth strong{width:20%;display:inline-block}}.sg-var--layoutWidth:after{content:"1000"}.sg-var--gridColumns{line-height:2;font-family:Menlo,Monaco,Courier New,monospace;border-bottom:1px solid rgba(0,0,0,.1);font-size:.6rem}.sg-var--gridColumns strong{opacity:.6;text-transform:uppercase;display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (min-width:751px){.sg-var--gridColumns strong{width:20%;display:inline-block}}.sg-var--gridColumns:after{content:"12"}.sg-var--gridGutter{line-height:2;font-family:Menlo,Monaco,Courier New,monospace;border-bottom:1px solid rgba(0,0,0,.1);font-size:.6rem}.sg-var--gridGutter strong{opacity:.6;text-transform:uppercase;display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (min-width:751px){.sg-var--gridGutter strong{width:20%;display:inline-block}}.sg-var--gridGutter:after{content:"20"}
            
          
!
            
              /**
 * ██╗  ██╗██╗ ██████╗██╗  ██╗ ██████╗ ███████╗███████╗
 * ██║ ██╔╝██║██╔════╝██║ ██╔╝██╔═══██╗██╔════╝██╔════╝
 * █████╔╝ ██║██║     █████╔╝ ██║   ██║█████╗  █████╗
 * ██╔═██╗ ██║██║     ██╔═██╗ ██║   ██║██╔══╝  ██╔══╝
 * ██║  ██╗██║╚██████╗██║  ██╗╚██████╔╝██║     ██║
 * ╚═╝  ╚═╝╚═╝ ╚═════╝╚═╝  ╚═╝ ╚═════╝ ╚═╝     ╚═╝
 * Kickoff v8.0.0-beta.0
 * http://trykickoff.com
 * https://github.com/trykickoff/kickoff/
 */

!function(t){function e(o){if(n[o])return n[o].exports;var r=n[o]={i:o,l:!1,exports:{}};return t[o].call(r.exports,r,r.exports,e),r.l=!0,r.exports}var n={};return e.m=t,e.c=n,e.i=function(t){return t},e.d=function(t,n,o){e.o(t,n)||Object.defineProperty(t,n,{configurable:!1,enumerable:!0,get:o})},e.n=function(t){var n=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(n,"a",n),n},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="/Users/mrmartineau/htdocs/trykickoff/kickoff/assets/dist/js/",e(e.s=10)}([function(t,e){t.exports=function(t){"complete"===document.readyState||"interactive"===document.readyState?t.call():document.attachEvent?document.attachEvent("onreadystatechange",function(){"interactive"===document.readyState&&t.call()}):document.addEventListener&&document.addEventListener("DOMContentLoaded",t)}},,function(t,e,n){"use strict";function o(){i()("[data-copy]").forEach(function(t){t.addEventListener("click",function(t){t.preventDefault(),t.stopPropagation();var e=t.currentTarget,n=e.getAttribute("data-copy");e.classList.add("is-active"),d()(n,function(){console.log("copied ",n),setTimeout(function(){e.classList.remove("is-active")},500)})},!1)})}Object.defineProperty(e,"__esModule",{value:!0});var r=n(0),c=n.n(r),a=n(5),i=n.n(a),u=n(4),d=n.n(u);c()(function(){o()})},,function(t,e){var n=n||function(t,e){var n=document.createElement("textarea");n.style.position="fixed",n.style.top=0,n.style.left=0,n.style.width="1px",n.style.height="1px",n.style.padding=0,n.style.border="none",n.style.outline="none",n.style.boxShadow="none",n.style.background="transparent",n.value=t,document.body.appendChild(n),n.select();var o=null;try{var r=document.execCommand("copy");o=!r}catch(t){console.warn("Unable to copy."),o=!0}return document.body.removeChild(n),e&&e(o),!!o};window&&(window.copy=n),t.exports=n},function(t,e){t.exports=function(t,e){e=e||document;var n=e.querySelectorAll(t);return Array.prototype.slice.call(n)}},,,,,function(t,e,n){t.exports=n(2)}]);
//# sourceMappingURL=styleguide.js.map
            
          
!
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