@font-face { font-family: 'Comic Sans'; src: url("/assets/fonts/comic-sans.woff"); }

@-webkit-keyframes spinLoop { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
  100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } }

@keyframes spinLoop { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
  100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } }

:root { --background: 255, 255, 255; --backgroundHex: #ffffff; --topBarHex: #F9B747; --titleBold: 0, 0, 0; --titleBoldHex: #000000; --title: 0, 0, 0; --titleHex: #000000; --headers: 0, 0, 0; --headersHex: #000000; --copy: 128, 128, 128; --copyHex: #808080; --highlight: 242, 187, 21; --highlightHex: #F2BB15; --link: 242, 187, 21; --linkHex: #3380FF; --accent: 242, 187, 21; --accentHex: #F2BB15; }

/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/** 1. Set default font family to sans-serif. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */
html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/** Remove default margin. */
body { margin: 0; }

/* HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined for any HTML5 element in IE 8/9. Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. Correct `block` display not defined for `main` in IE 11. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

/** 1. Correct `inline-block` display not defined in IE 8/9. 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */
audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }

/** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }

/** Address `[hidden]` styling not present in IE 8/9/10. Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */
[hidden], template { display: none; }

/* Links ========================================================================== */
/** Remove the gray background color from active links in IE 10. */
a { background: transparent; }

/** Improve readability when focused and also mouse hovered in all browsers. */
a:active, a:hover { outline: 0; }

/* Text-level semantics ========================================================================== */
/** Address styling not present in IE 8/9/10/11, Safari, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

/** Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */
b, strong { font-weight: bold; }

/** Address styling not present in Safari and Chrome. */
dfn { font-style: italic; }

/** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari, and Chrome. */
h1 { font-size: 2em; margin: 0.67em 0; }

/** Address styling not present in IE 8/9. */
mark { background: #ff0; color: #000; }

/** Address inconsistent and variable font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* Embedded content ========================================================================== */
/** Remove border when inside `a` element in IE 8/9/10. */
img { border: 0; }

/** Correct overflow not hidden in IE 9/10/11. */
svg:not(:root) { overflow: hidden; }

/* Grouping content ========================================================================== */
/** Address margin not present in IE 8/9 and Safari. */
figure { margin: 1em 40px; }

/** Address differences between Firefox and other browsers. */
hr { box-sizing: content-box; height: 0; }

/** Contain overflow in all browsers. */
pre { overflow: auto; }

/** Address odd `em`-unit font size rendering in all browsers. */
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

/* Forms ========================================================================== */
/** Known limitation: by default, Chrome and Safari on OS X allow very limited styling of `select`, unless a `border` property is set. */
/** 1. Correct color not being inherited. Known issue: affects color of disabled elements. 2. Correct font properties not being inherited. 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */
button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ }

/** Address `overflow` set to `hidden` in IE 8/9/10/11. */
button { overflow: visible; }

/** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. Correct `select` style inheritance in Firefox. */
button, select { text-transform: none; }

/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }

/** Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] { cursor: default; }

/** Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
input { line-height: normal; }

/** It's recommended that you don't attempt to style these elements. Firefox's implementation doesn't respect box-sizing, padding, or width. 1. Address box sizing set to `content-box` in IE 8/9/10. 2. Remove excess padding in IE 8/9/10. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Fix the cursor style for Chrome's increment/decrement buttons. For certain `font-size` values of the `input`, it causes the cursor style of the decrement button to change from `default` to `text`. */
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Address `appearance` set to `searchfield` in Safari and Chrome. 2. Address `box-sizing` set to `border-box` in Safari and Chrome (include `-moz` to future-proof). */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ /* 2 */ box-sizing: content-box; }

/** Remove inner padding and search cancel button in Safari and Chrome on OS X. Safari (but not Chrome) clips the cancel button when the search input has padding (and `textfield` appearance). */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/** 1. Correct `color` not being inherited in IE 8/9/10/11. 2. Remove padding so people aren't caught out if they zero out fieldsets. */
legend { border: 0; /* 1 */ padding: 0; /* 2 */ }

/** Remove default vertical scrollbar in IE 8/9/10/11. */
textarea { overflow: auto; }

/** Don't inherit the `font-weight` (applied by a rule above). NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */
optgroup { font-weight: bold; }

/* Tables ========================================================================== */
/** Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

* html .clearfix { zoom: 1; }

/* IE6 */
*:first-child + html .clearfix { zoom: 1; }

/* IE7 */
/** Typography */
html { font-family: "Comic Sans", "Comic Sans MS", "Comic Neue", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 14px; line-height: 1.4; letter-spacing: -0.04em; font-weight: bold; color: #404040; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); box-sizing: border-box; touch-action: manipulation; }

@media only screen and (max-width: 639px) { html { font-size: 18px; } }

body.bg-grey { background-color: #fafafa; }

body > canvas { display: none; }

*, *:before, *:after { box-sizing: inherit; }

* { outline: none; }

ul, ol { list-style-type: none; margin: 0 0 0 0; padding: 0 0 0 0; }

p { margin: 0 0 0 0; color: #808080; font-weight: bold; }

p a { color: #3380FF; }

[contenteditable=true]:empty:before { content: attr(placeholder); display: block; }

b { font-weight: 500; }

a, a:link, a:visited { color: black; text-decoration: none; }

a:hover, a:link:hover, a:visited:hover { color: #3380FF; }

h1, h2, h3, h4, h5, h6 { margin: 0 0 0 0; font-weight: 700; color: #000000; font-family: "Comic Sans", "Comic Sans MS", "Comic Neue", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; color: #000000; }

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #3380FF; }

h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited { color: #000000; }

h1 { font-size: 26px; }

h2 { font-size: 22px; }

h3 { font-size: 18px; }

h4 { font-size: 14px; }

h5 { font-size: 12px; }

h6 { font-size: 11px; }

@media only screen and (min-width: 1440px) { h2 { font-size: 36px; } }

a:link img { border: none; }

.button, a.button, button, input[type=submita] { display: inline-block; font-size: 12px; line-height: 26px; font-weight: 600; text-align: center; border: 1px solid #5856D6; border-radius: 3px; padding: 0 10px 0 10px; -webkit-transition: all 0.1s ease-out; transition: all 0.1s ease-out; cursor: pointer; background: transparent; color: #5856D6; box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.25); box-sizing: border-box; }

.button:focus, a.button:focus, button:focus, input[type=submita]:focus { outline: none; }

.button:link, .button:visited, a.button:link, a.button:visited, button:link, button:visited, input[type=submita]:link, input[type=submita]:visited { color: #5856D6; }

.button:hover, a.button:hover, button:hover, input[type=submita]:hover { border-color: #5856D6; color: #5856D6; background-color: rgba(88, 86, 214, 0.025); box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.25); }

.button svg, a.button svg, button svg, input[type=submita] svg { fill: #EB1B0A; stroke: #EB1B0A; width: 15px; height: 15px; vertical-align: middle; -webkit-transform: translateY(-1px); transform: translateY(-1px); }

.button svg:first-child, a.button svg:first-child, button svg:first-child, input[type=submita] svg:first-child { margin-right: 1px; }

.button svg:last-child, a.button svg:last-child, button svg:last-child, input[type=submita] svg:last-child { margin-left: 4px; }

.button.--medium, a.button.--medium, button.--medium, input[type=submita].--medium { font-size: 14px; line-height: 30px; padding-left: 16px; padding-right: 16px; padding-bottom: 1px; }

.button.--medium svg, a.button.--medium svg, button.--medium svg, input[type=submita].--medium svg { width: 18px; height: 18px; -webkit-transform: translateY(-1px); transform: translateY(-1px); }

.button.--big, a.button.--big, button.--big, input[type=submita].--big { font-size: 16px; line-height: 34px; padding-left: 20px; padding-right: 20px; padding-bottom: 2px; }

.button.--big svg, a.button.--big svg, button.--big svg, input[type=submita].--big svg { width: 22px; height: 22px; -webkit-transform: translateY(-1px); transform: translateY(-1px); }

.button.--filled, a.button.--filled, button.--filled, input[type=submita].--filled { color: white; background-color: #5856D6; border-width: 0; }

.button.--filled:hover, a.button.--filled:hover, button.--filled:hover, input[type=submita].--filled:hover { background-color: #3380FF; }

form label, .form label { display: block; font-size: 16px; font-weight: 700; color: black; }

form input[type=text], form input[type=email], form input[type=password], .form input[type=text], .form input[type=email], .form input[type=password] { border-left-width: 0; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; width: 100%; font-size: 20px; line-height: 36px; border-radius: 0; text-indent: 0; padding: 0 0; }

form input[type=text]::-webkit-input-placeholder, form input[type=email]::-webkit-input-placeholder, form input[type=password]::-webkit-input-placeholder, .form input[type=text]::-webkit-input-placeholder, .form input[type=email]::-webkit-input-placeholder, .form input[type=password]::-webkit-input-placeholder { color: #bbbbbb; }

form input[type=text]::-moz-placeholder, form input[type=email]::-moz-placeholder, form input[type=password]::-moz-placeholder, .form input[type=text]::-moz-placeholder, .form input[type=email]::-moz-placeholder, .form input[type=password]::-moz-placeholder { color: #bbbbbb; }

form input[type=text]:-ms-input-placeholder, form input[type=email]:-ms-input-placeholder, form input[type=password]:-ms-input-placeholder, .form input[type=text]:-ms-input-placeholder, .form input[type=email]:-ms-input-placeholder, .form input[type=password]:-ms-input-placeholder { color: #bbbbbb; }

form input[type=text]::-ms-input-placeholder, form input[type=email]::-ms-input-placeholder, form input[type=password]::-ms-input-placeholder, .form input[type=text]::-ms-input-placeholder, .form input[type=email]::-ms-input-placeholder, .form input[type=password]::-ms-input-placeholder { color: #bbbbbb; }

form input[type=text]::placeholder, form input[type=email]::placeholder, form input[type=password]::placeholder, .form input[type=text]::placeholder, .form input[type=email]::placeholder, .form input[type=password]::placeholder { color: #bbbbbb; }

form input[type=text]:focus, form input[type=email]:focus, form input[type=password]:focus, .form input[type=text]:focus, .form input[type=email]:focus, .form input[type=password]:focus { color: #3380FF; }

form input[type=submit], .form input[type=submit] { margin-top: 15px; display: inline-block; border-width: 0; }

form label + select, .form label + select { margin-top: 5px; }

form label + input, .form label + input { margin-top: 0px; }

form input + label, form select + label, form p.error + label, .form input + label, .form select + label, .form p.error + label { margin-top: 20px; }

form p.error, .form p.error { margin-top: 5px; color: #5AC8FA; }

@media only screen and (max-width: 639px) { form label, .form label { font-size: 16px; }
  form input[type=text], form input[type=email], form input[type=password], .form input[type=text], .form input[type=email], .form input[type=password] { font-size: 24px; line-height: 44px; } }

#rainbow { position: fixed; top: 0; left: 0; width: 100%; height: 100%; }

/* ========================================================================== IMPLEMENTATION ========================================================================== */
body { /* Enable a font's kerning: http://stackoverflow.com/questions/15160897/font-feature-settings-what-is-the-correct-syntax */ font-feature-settings: "kern"; -moz-font-feature-settings: "kern"; -webkit-font-feature-settings: "kern"; }

/* 

 	font-weight: 100; Comic Neue Light
 	font-weight: 300; Comic Neue Regular 
 	font-weight: 700; Comic Neue Bold
	font-style: oblique; for the oblique equivalents.

  Change 'Comic Neue' to 'Comic Neue Angular' for the Angular variants
  For example Comic Neue Angular Bold Oblique would be:

 	body {
		font-family: 'Comic Neue Angular', sans-serif;
		font-style: oblique;
		font-weight: 700;
    font-size: 1em;
    line-height: 1.5;
 	}
	or in shorthand: body { font: oblique 700 1em/1.5 'Comic Neue Angular', sans-serif; }

*/
/* ========================================================================== FONT STACK ========================================================================== */
/*	@font-face format credit to Chris Coyier http://css-tricks.com/snippets/css/using-font-face/ */
/*	And John, Kevin & Sven Read http://www.newnet-soft.com/blog/csstypography */
/*	An old but still great article on @font-face performance http://www.stevesouders.com/blog/2009/10/13/font-face-and-performance/ */
@font-face { font-family: 'Comic Neue'; src: url("/assets/fonts/comic-neue/ComicNeue-Light.eot"); src: url("/assets/fonts/comic-neue/ComicNeue-Light.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/comic-neue/ComicNeue-Light.woff2") format("woff2"), url("/assets/fonts/comic-neue/ComicNeue-Light.woff") format("woff"), url("/assets/fonts/comic-neue/ComicNeue-Light.ttf") format("truetype"); font-weight: 300; }

@font-face { font-family: 'Comic Neue'; src: url("/assets/fonts/comic-neue/ComicNeue-Light-Oblique.eot"); src: url("/assets/fonts/comic-neue/ComicNeue-Light-Oblique.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/comic-neue/ComicNeue-Light-Oblique.woff2") format("woff2"), url("/assets/fonts/comic-neue/ComicNeue-Light-Oblique.woff") format("woff"), url("/assets/fonts/comic-neue/ComicNeue-Light-Oblique.ttf") format("truetype"); font-weight: 300; font-style: oblique; }

@font-face { font-family: 'Comic Neue'; src: url("/assets/fonts/comic-neue/ComicNeue-Regular.eot"); src: url("/assets/fonts/comic-neue/ComicNeue-Regular.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/comic-neue/ComicNeue-Regular.woff2") format("woff2"), url("/assets/fonts/comic-neue/ComicNeue-Regular.woff") format("woff"), url("/assets/fonts/comic-neue/ComicNeue-Regular.ttf") format("truetype"); font-weight: 400; }

@font-face { font-family: 'Comic Neue'; src: url("/assets/fonts/comic-neue/ComicNeue-Regular-Oblique.eot"); src: url("/assets/fonts/comic-neue/ComicNeue-Regular-Oblique.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/comic-neue/ComicNeue-Regular-Oblique.woff2") format("woff2"), url("/assets/fonts/comic-neue/ComicNeue-Regular-Oblique.woff") format("woff"), url("/assets/fonts/comic-neue/ComicNeue-Regular-Oblique.ttf") format("truetype"); font-weight: 400; font-style: oblique; }

@font-face { font-family: 'Comic Neue'; src: url("/assets/fonts/comic-neue/ComicNeue-Bold.eot"); src: url("/assets/fonts/comic-neue/ComicNeue-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/comic-neue/ComicNeue-Bold.woff2") format("woff2"), url("/assets/fonts/comic-neue/ComicNeue-Bold.woff") format("woff"), url("/assets/fonts/comic-neue/ComicNeue-Bold.ttf") format("truetype"); font-weight: 700; }

@font-face { font-family: 'Comic Neue'; src: url("/assets/fonts/comic-neue/ComicNeue-Bold-Oblique.eot"); src: url("/assets/fonts/comic-neue/ComicNeue-Bold-Oblique.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/comic-neue/ComicNeue-Bold-Oblique.woff2") format("woff2"), url("/assets/fonts/comic-neue/ComicNeue-Bold-Oblique.woff") format("woff"), url("/assets/fonts/comic-neue/ComicNeue-Bold-Oblique.ttf") format("truetype"); font-weight: 700; font-style: oblique; }

.button, a.button, button, input[type=submit] { display: inline-block; font-size: 20px; line-height: 44px; font-weight: 500; text-align: center; font-weight: bold; border: 1px solid #FF00FF; border-radius: 3px; padding: 0 40px 0 40px; -webkit-transition: all 0.1s ease-out; transition: all 0.1s ease-out; cursor: pointer; background: transparent; color: #FF00FF; box-sizing: border-box; border-radius: 5px; }

.button:focus, a.button:focus, button:focus, input[type=submit]:focus { outline: none; }

.button svg, a.button svg, button svg, input[type=submit] svg { fill: #FF00FF; stroke: #FF00FF; width: 22px; height: 22px; vertical-align: middle; -webkit-transform: translateY(-1px); transform: translateY(-1px); }

.button svg:first-child, a.button svg:first-child, button svg:first-child, input[type=submit] svg:first-child { margin-right: 1px; }

.button svg:last-child, a.button svg:last-child, button svg:last-child, input[type=submit] svg:last-child { margin-left: 4px; }

.button.-s, a.button.-s, button.-s, input[type=submit].-s { font-size: 18px; line-height: 36px; padding-left: 20px; padding-right: 20px; }

.button.-s svg, a.button.-s svg, button.-s svg, input[type=submit].-s svg { width: 18px; height: 18px; }

.button.-m, a.button.-m, button.-m, input[type=submit].-m { font-size: 14px; line-height: 30px; padding-left: 16px; padding-right: 16px; }

.button.-m svg, a.button.-m svg, button.-m svg, input[type=submit].-m svg { width: 18px; height: 18px; -webkit-transform: translateY(-1px); transform: translateY(-1px); }

.button.-l, a.button.-l, button.-l, input[type=submit].-l { font-size: 16px; line-height: 34px; padding-left: 20px; padding-right: 20px; }

.button.-l svg, a.button.-l svg, button.-l svg, input[type=submit].-l svg { width: 18px; height: 18px; }

.button.-white-outlined, a.button.-white-outlined, button.-white-outlined, input[type=submit].-white-outlined { background-color: white; color: #202020; border: 2px solid #FF00FF; }

.button.-filled, .button.-filled:visited, a.button.-filled, a.button.-filled:visited, button.-filled, button.-filled:visited, input[type=submit].-filled, input[type=submit].-filled:visited { color: white; background-color: #FF00FF; border-width: 0; }

.button.-filled svg, .button.-filled:visited svg, a.button.-filled svg, a.button.-filled:visited svg, button.-filled svg, button.-filled:visited svg, input[type=submit].-filled svg, input[type=submit].-filled:visited svg { fill: white; stroke: white; }

.button.-filled:hover, .button.-filled:visited:hover, a.button.-filled:hover, a.button.-filled:visited:hover, button.-filled:hover, button.-filled:visited:hover, input[type=submit].-filled:hover, input[type=submit].-filled:visited:hover { background-color: #FF00FF; }

.button.-white, .button.-white:hover, .button.-white:visited, a.button.-white, a.button.-white:hover, a.button.-white:visited, button.-white, button.-white:hover, button.-white:visited, input[type=submit].-white, input[type=submit].-white:hover, input[type=submit].-white:visited { border-color: white; color: white; }

.button.-white svg, .button.-white:hover svg, .button.-white:visited svg, a.button.-white svg, a.button.-white:hover svg, a.button.-white:visited svg, button.-white svg, button.-white:hover svg, button.-white:visited svg, input[type=submit].-white svg, input[type=submit].-white:hover svg, input[type=submit].-white:visited svg { fill: white; stroke: white; }

.button.-white.-filled, .button.-white:hover.-filled, .button.-white:visited.-filled, a.button.-white.-filled, a.button.-white:hover.-filled, a.button.-white:visited.-filled, button.-white.-filled, button.-white:hover.-filled, button.-white:visited.-filled, input[type=submit].-white.-filled, input[type=submit].-white:hover.-filled, input[type=submit].-white:visited.-filled { background-color: white; color: #FF00FF; }

.button.-white-blue, .button.-white-blue:hover, .button.-white-blue:visited, a.button.-white-blue, a.button.-white-blue:hover, a.button.-white-blue:visited, button.-white-blue, button.-white-blue:hover, button.-white-blue:visited, input[type=submit].-white-blue, input[type=submit].-white-blue:hover, input[type=submit].-white-blue:visited { border-color: white; color: white; }

.button.-white-blue svg, .button.-white-blue:hover svg, .button.-white-blue:visited svg, a.button.-white-blue svg, a.button.-white-blue:hover svg, a.button.-white-blue:visited svg, button.-white-blue svg, button.-white-blue:hover svg, button.-white-blue:visited svg, input[type=submit].-white-blue svg, input[type=submit].-white-blue:hover svg, input[type=submit].-white-blue:visited svg { fill: white; stroke: white; }

.button.-white-blue.-filled, .button.-white-blue:hover.-filled, .button.-white-blue:visited.-filled, a.button.-white-blue.-filled, a.button.-white-blue:hover.-filled, a.button.-white-blue:visited.-filled, button.-white-blue.-filled, button.-white-blue:hover.-filled, button.-white-blue:visited.-filled, input[type=submit].-white-blue.-filled, input[type=submit].-white-blue:hover.-filled, input[type=submit].-white-blue:visited.-filled { background-color: white; color: #3380FF; }

.button.-loading, a.button.-loading, button.-loading, input[type=submit].-loading { position: relative; color: rgba(255, 0, 255, 0); }

.button.-loading:before, .button.-loading:after, a.button.-loading:before, a.button.-loading:after, button.-loading:before, button.-loading:after, input[type=submit].-loading:before, input[type=submit].-loading:after { display: block; content: ''; position: absolute; top: 50%; left: 50%; width: 6px; height: 6px; border-radius: 10px; background-color: white; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-animation: 1500ms buttonLoader linear infinite; animation: 1500ms buttonLoader linear infinite; }

.button.-loading:before, a.button.-loading:before, button.-loading:before, input[type=submit].-loading:before { -webkit-transform-origin: center -5px; transform-origin: center -5px; -webkit-animation: 1500ms buttonLoader linear infinite; animation: 1500ms buttonLoader linear infinite; }

.button.-loading:after, a.button.-loading:after, button.-loading:after, input[type=submit].-loading:after { -webkit-transform-origin: center -5px; transform-origin: center -5px; -webkit-animation: 1500ms buttonLoaderTwo linear infinite; animation: 1500ms buttonLoaderTwo linear infinite; }

.button.-loading svg, a.button.-loading svg, button.-loading svg, input[type=submit].-loading svg { opacity: 0; }

.button.-loading.-filled, a.button.-loading.-filled, button.-loading.-filled, input[type=submit].-loading.-filled { color: rgba(255, 255, 255, 0); }

@media only screen and (max-width: 639px) { .button.-fix-mobile, a.button.-fix-mobile, button.-fix-mobile, input[type=submit].-fix-mobile { position: fixed; display: block; left: 0; bottom: 0; width: 100%; z-index: 1000; border-radius: 0; } }

a.icon-text-button span { display: inline-block; vertical-align: middle; }

a.icon-text-button span svg { margin-right: 3px; width: 16px; height: 16px; -webkit-transform: translateY(-1px); transform: translateY(-1px); }

a.icon-text-button span.-right { margin-left: 3px; margin-right: 0; }

a.icon-text-button:hover { color: #FF00FF; }

a.icon-text-button:hover span svg { fill: #FF00FF; stroke: #FF00FF; }

.button + p, p + .button { margin-top: 30px; }

@-webkit-keyframes buttonLoader { 0% { -webkit-transform: translateY(4px) rotate(0deg); transform: translateY(4px) rotate(0deg); }
  25% { -webkit-transform: translateY(4px) rotate(90deg); transform: translateY(4px) rotate(90deg); }
  50% { -webkit-transform: translateY(4px) rotate(180deg); transform: translateY(4px) rotate(180deg); }
  75% { -webkit-transform: translateY(4px) rotate(270deg); transform: translateY(4px) rotate(270deg); }
  100% { -webkit-transform: translateY(4px) rotate(359deg); transform: translateY(4px) rotate(359deg); } }

@keyframes buttonLoader { 0% { -webkit-transform: translateY(4px) rotate(0deg); transform: translateY(4px) rotate(0deg); }
  25% { -webkit-transform: translateY(4px) rotate(90deg); transform: translateY(4px) rotate(90deg); }
  50% { -webkit-transform: translateY(4px) rotate(180deg); transform: translateY(4px) rotate(180deg); }
  75% { -webkit-transform: translateY(4px) rotate(270deg); transform: translateY(4px) rotate(270deg); }
  100% { -webkit-transform: translateY(4px) rotate(359deg); transform: translateY(4px) rotate(359deg); } }

@-webkit-keyframes buttonLoaderTwo { 0% { -webkit-transform: translateY(4px) rotate(-180deg); transform: translateY(4px) rotate(-180deg); }
  25% { -webkit-transform: translateY(4px) rotate(-90deg); transform: translateY(4px) rotate(-90deg); }
  50% { -webkit-transform: translateY(4px) rotate(0deg); transform: translateY(4px) rotate(0deg); }
  75% { -webkit-transform: translateY(4px) rotate(90deg); transform: translateY(4px) rotate(90deg); }
  100% { -webkit-transform: translateY(4px) rotate(180deg); transform: translateY(4px) rotate(180deg); } }

@keyframes buttonLoaderTwo { 0% { -webkit-transform: translateY(4px) rotate(-180deg); transform: translateY(4px) rotate(-180deg); }
  25% { -webkit-transform: translateY(4px) rotate(-90deg); transform: translateY(4px) rotate(-90deg); }
  50% { -webkit-transform: translateY(4px) rotate(0deg); transform: translateY(4px) rotate(0deg); }
  75% { -webkit-transform: translateY(4px) rotate(90deg); transform: translateY(4px) rotate(90deg); }
  100% { -webkit-transform: translateY(4px) rotate(180deg); transform: translateY(4px) rotate(180deg); } }

.like-button-small { display: inline-block; position: relative; background-color: #FF00FF; background-image: linear-gradient(135deg, #FF00FF 30%, #5856D6 100%); width: 60px; height: 60px; line-height: 60px; border-radius: 200px; border: 2px solid rgba(255, 255, 255, 0.5); box-shadow: 0 20px 80px -15px rgba(88, 86, 214, 0.5); -webkit-transition: all 250ms cubic-bezier(0.5, 0, 0.2, 1); transition: all 250ms cubic-bezier(0.5, 0, 0.2, 1); text-align: center; }

.like-button-small .hearts { position: relative; }

.like-button-small .hearts span { display: block; -webkit-transition: all 500ms cubic-bezier(0.5, 0, 0.2, 1); transition: all 500ms cubic-bezier(0.5, 0, 0.2, 1); }

.like-button-small .hearts span svg { fill: white; stroke: white; width: 30px; height: 30px; vertical-align: middle; -webkit-transition: all 250ms cubic-bezier(0.5, 0, 0.2, 1); transition: all 250ms cubic-bezier(0.5, 0, 0.2, 1); -webkit-transform: translateY(-3px); transform: translateY(-3px); }

.like-button-small.-active { background-color: #FF00FF; background-image: linear-gradient(135deg, #FFCC00 30%, #FF00FF 100%); }

.like-button-small.-active span svg:nth-child(1) { -webkit-transform: scale(1.4, 1.4) transformY(-2px); transform: scale(1.4, 1.4) transformY(-2px); }

@-webkit-keyframes likeButtonAnimation { 0% { -webkit-transform: translate(-50%, -50%) scale(1, 1); transform: translate(-50%, -50%) scale(1, 1); }
  100% { -webkit-transform: translate(-50%, -50%) scale(2, 2); transform: translate(-50%, -50%) scale(2, 2); } }

@keyframes likeButtonAnimation { 0% { -webkit-transform: translate(-50%, -50%) scale(1, 1); transform: translate(-50%, -50%) scale(1, 1); }
  100% { -webkit-transform: translate(-50%, -50%) scale(2, 2); transform: translate(-50%, -50%) scale(2, 2); } }

.like-button { display: inline-block; position: relative; background-color: #FF00FF; background-image: linear-gradient(135deg, #FF00FF 30%, #5856D6 100%); width: 100px; padding: 15px 10px; border-radius: 20px; border: 2px dotted rgba(255, 255, 255, 0.5); box-shadow: 0 20px 80px -15px rgba(88, 86, 214, 0.5); text-align: center; }

.like-button .hearts { position: relative; }

.like-button .hearts span { display: block; -webkit-transition: all 500ms cubic-bezier(0.5, 0, 0.2, 1); transition: all 500ms cubic-bezier(0.5, 0, 0.2, 1); }

.like-button .hearts span svg { fill: white; stroke: white; width: 50px; height: 50px; vertical-align: middle; -webkit-transition: all 250ms cubic-bezier(0.5, 0, 0.2, 1); transition: all 250ms cubic-bezier(0.5, 0, 0.2, 1); }

.like-button .hearts span:nth-child(2), .like-button .hearts span:nth-child(3), .like-button .hearts span:nth-child(4), .like-button .hearts span:nth-child(5) { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.like-button .hearts span:nth-child(1) { fill: #FFCC00; -webkit-transition-delay: 25ms; transition-delay: 25ms; }

.like-button .hearts span:nth-child(2) { fill: #03B96C; -webkit-transition-delay: 50ms; transition-delay: 50ms; }

.like-button .hearts span:nth-child(3) { fill: #FF9500; -webkit-transition-delay: 75ms; transition-delay: 75ms; }

.like-button .hearts span:nth-child(4) { fill: #3380FF; -webkit-transition-delay: 100ms; transition-delay: 100ms; }

.like-button .hearts span:nth-child(5) { fill: #5856D6; -webkit-transition-delay: 125ms; transition-delay: 125ms; }

.like-button p { color: white; line-height: 1.2; }

.like-button p:nth-child(2) { margin-top: 5px; font-size: 20px; }

.like-button p:nth-child(3) { font-size: 14px; opacity: 0.5; }

.like-button.-active span svg:nth-child(1) { -webkit-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); }

@keyframes likeButtonAnimation { 0% { -webkit-transform: translate(-50%, -50%) scale(1, 1); transform: translate(-50%, -50%) scale(1, 1); }
  100% { -webkit-transform: translate(-50%, -50%) scale(2, 2); transform: translate(-50%, -50%) scale(2, 2); } }

.next-button { display: inline-block; position: relative; width: 100px; padding: 10px 10px; border-radius: 20px; border: 2px dotted rgba(88, 86, 214, 0.5); text-align: center; }

.next-button .icon { position: relative; }

.next-button .icon span { display: block; -webkit-transition: all 500ms cubic-bezier(0.5, 0, 0.2, 1); transition: all 500ms cubic-bezier(0.5, 0, 0.2, 1); }

.next-button .icon span svg { fill: #5856D6; stroke: #5856D6; width: 30px; height: 50px; vertical-align: middle; -webkit-transition: all 250ms cubic-bezier(0.5, 0, 0.2, 1); transition: all 250ms cubic-bezier(0.5, 0, 0.2, 1); }

.next-button p { color: #5856D6; line-height: 1.2; margin-top: 5px; font-size: 20px; }

.next-button.-active span svg { -webkit-transform: scale(2, 2); transform: scale(2, 2); }

@keyframes likeButtonAnimation { 0% { -webkit-transform: translate(-50%, -50%) scale(1, 1); transform: translate(-50%, -50%) scale(1, 1); }
  100% { -webkit-transform: translate(-50%, -50%) scale(2, 2); transform: translate(-50%, -50%) scale(2, 2); } }

.slider > .wrap > .content { position: relative; width: 100px; }

.slider > .wrap > .content:before { display: block; content: ''; position: absolute; left: 0; top: 50%; width: 100%; height: 8px; border-radius: 20px; background-color: white; opacity: 0.2; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.slider > .wrap > .content .bar { position: relative; height: 50px; }

.slider > .wrap > .content .handle { position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.slider > .wrap > .content .handle .handle-wrap { position: relative; }

.slider > .wrap > .content .handle .handle-wrap .handle-inner { background-color: #FF00FF; border-radius: 20px; box-shadow: 0 4px 8px -3px rgba(0, 0, 0, 0.35); }

.slider-vertical { position: absolute; left: 50%; bottom: 60px; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.slider-vertical > .wrap { background-color: white; border-radius: 15px; padding: 25px 25px 25px 25px; box-shadow: 0 30px 90px -20px rgba(3, 185, 108, 0.75); }

.slider-vertical > .wrap > .content { position: relative; width: 8px; height: 100px; }

.slider-vertical > .wrap > .content:before { display: block; content: ''; position: absolute; left: 0; top: 50%; width: 100%; height: 100px; border-radius: 20px; background-color: black; opacity: 0.2; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.slider-vertical > .wrap > .content .bar { position: relative; width: 100%; background-color: rgba(255, 0, 255, 0.4); border-radius: 20px; }

.slider-vertical > .wrap > .content .handle { position: absolute; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.slider-vertical > .wrap > .content .handle .handle-wrap { position: relative; }

.slider-vertical > .wrap > .content .handle .handle-wrap .handle-inner { background-color: #FF00FF; border-radius: 20px; box-shadow: 0 4px 8px -3px rgba(0, 0, 0, 0.35); width: 20px; height: 20px; }

.svg-multiline-text { line-height: 2.5; }

.svg-text text { font-size: 27px; fill: white; stroke-width: 7px; paint-order: stroke; letter-spacing: 0.08em; stroke: #FF00FF; }

.younicorn-list a { display: inline-block; margin-top: 10px; margin-right: 10px; }

.younicorn-list a img { display: block; width: 100px; height: 100px; border-radius: 5px; }

.younicorn-list a:last-child { margin-right: 0; }

.home-intro h1 { font-size: calc(15.1712707182px + 1vw * 0.2209944751); color: #404040; }

@media only screen and (min-width: 1024px) { .home-intro h1 { font-size: 18px; } }

.home-intro p { margin-top: 5px; font-size: calc(13.5856353591px + 1vw * 0.1104972376); color: #808080; }

@media only screen and (min-width: 1024px) { .home-intro p { font-size: 15px; } }

@media only screen and (max-width: 1023px) { .home-intro { padding-top: 150px; padding-left: 30px; padding-right: 30px; } }

@media only screen and (min-width: 1024px) { .home-intro { padding-top: 90px; }
  .home-intro h1, .home-intro p { margin-left: 50%; max-width: 500px; } }

.home-button > .wrap > .content { text-align: center; position: relative; }

.home-button > .wrap > .content .message { position: absolute; left: 50%; top: -30px; -webkit-transform: translate(-50%, -100%); transform: translate(-50%, -100%); }

.home-button > .wrap > .content .message p { position: relative; background-color: #FF00FF; padding: 10px 20px; color: white; font-size: 20px; font-weight: bold; border-radius: 10px; box-shadow: 0 15px 45px -20px rgba(0, 0, 0, 0.8); }

.home-button > .wrap > .content .message p:before { display: block; content: ''; position: absolute; left: 50%; top: 100%; width: 15px; height: 15px; -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); background-color: #FF00FF; border-radius: 3px; z-index: 10; -webkit-transform-origin: center center; transform-origin: center center; }

.home-button > .wrap > .content a { display: inline-block; }

.home-button > .wrap > .content a img { display: block; width: 150px; height: 50px; }

@media only screen and (max-width: 639px) { .home-button { padding-top: 150px; padding-bottom: 100px; } }

@media only screen and (min-width: 640px) { .home-button { padding-top: 200px; padding-bottom: 150px; } }

.home-list-item-promo.-photo-editor > .wrap > .content { padding-top: 20px; padding-bottom: 20px; text-align: center; }

.home-list-item-promo.-photo-editor > .wrap > .content h2 { display: inline-block; font-size: calc(20.6850828729px + 1vw * 0.8839779006); }

@media only screen and (min-width: 1024px) { .home-list-item-promo.-photo-editor > .wrap > .content h2 { font-size: 32px; } }

.home-list-item-promo.-photo-editor > .wrap > .content h2 a { display: inline-block; color: white; }

.home-list-item-promo.-photo-editor > .wrap > .content h2 a:after { content: ""; display: table; clear: both; }

.home-list-item-promo.-photo-editor > .wrap > .content h2 a img { float: left; display: inline-block; margin-right: 10px; width: 60px; height: auto; vertical-align: middle; }

.home-list-item-promo.-coloring > .wrap > .content { padding-top: 20px; padding-bottom: 20px; text-align: center; }

.home-list-item-promo.-coloring > .wrap > .content h2 { display: inline-block; font-size: calc(20.6850828729px + 1vw * 0.8839779006); }

@media only screen and (min-width: 1024px) { .home-list-item-promo.-coloring > .wrap > .content h2 { font-size: 32px; } }

.home-list-item-promo.-coloring > .wrap > .content h2 a { display: inline-block; color: white; }

.home-list-item-promo.-coloring > .wrap > .content h2 a:after { content: ""; display: table; clear: both; }

.home-list-item-promo.-coloring > .wrap > .content h2 a img { float: left; display: inline-block; margin-right: 10px; width: 60px; height: auto; vertical-align: middle; }

.home-list-item-promo.-social > .wrap > .content { padding-top: 20px; padding-bottom: 20px; }

.home-list-item-promo.-social > .wrap > .content h2 { font-size: calc(20.6850828729px + 1vw * 0.8839779006); color: #03B96C; }

@media only screen and (min-width: 1024px) { .home-list-item-promo.-social > .wrap > .content h2 { font-size: 32px; } }

.home-list-item-promo.-social > .wrap > .content p { margin-top: 20px; text-align: center; }

.home-list-item-promo.-social > .wrap > .content p a { display: inline-block; }

.home-list-item-promo.-social > .wrap > .content p a svg { width: 40px; height: 40px; stroke: #FF00FF; fill: #FF00FF; }

.home-list-item-promo.-social > .wrap > .content p a + a { margin-left: 20px; }

.home-list-item-promo.-gifts > .wrap > .content { max-width: 400px; margin-left: auto; margin-right: auto; text-align: center; padding: 15px 15px 0 15px; background-color: white; border-radius: 25px; box-shadow: 0 30px 100px -20px rgba(88, 86, 214, 0.5); -webkit-transform-origin: center center; transform-origin: center center; -webkit-transition: all 500ms cubic-bezier(0.5, 0, 0.2, 1); transition: all 500ms cubic-bezier(0.5, 0, 0.2, 1); }

.home-list-item-promo.-gifts > .wrap > .content > a { display: block; background-size: cover; background-repeat: no-repeat; background-position: center center; border-radius: 15px; }

.home-list-item-promo.-gifts > .wrap > .content > a img { display: block; max-width: 100%; height: auto; margin: 0; border-radius: 15px; display: none; }

.home-list-item-promo.-gifts > .wrap > .content .copy { position: relative; height: 70px; }

.home-list-item-promo.-gifts > .wrap > .content .copy h3 { position: absolute; left: 0; top: 50%; width: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%); line-height: 1.3; }

.home-list-item-promo.-gifts > .wrap > .content .copy h3 a { font-size: calc(15.1712707182px + 1vw * 0.2209944751); }

@media only screen and (min-width: 1024px) { .home-list-item-promo.-gifts > .wrap > .content .copy h3 a { font-size: 18px; } }

.home-list-item-promo + .home-list-item, .home-list-item-promo + .home-list-item-promo { margin-top: 40px; }

.home-list-item { text-align: center; }

.home-list-item > .wrap > .content { position: relative; }

.home-list-item > .wrap > .content a.-image { display: block; }

.home-list-item > .wrap > .content a.-image img { display: block; width: 100%; margin-left: auto; margin-right: auto; height: auto; -webkit-transform-origin: center center; transform-origin: center center; border-radius: 15px; -webkit-transition: all 350ms cubic-bezier(0.5, 0, 0.2, 1); transition: all 350ms cubic-bezier(0.5, 0, 0.2, 1); box-shadow: 0 20px 80px -15px rgba(88, 86, 214, 0.3); }

.home-list-item > .wrap > .content .like-button-small { position: absolute; left: 50%; bottom: 0; -webkit-transform: translate(-50%, 25%); transform: translate(-50%, 25%); }

.home-list-item.-loading > .wrap > .content a img { opacity: 0; }

.home-list-item + .home-list-item, .home-list-item + .home-list-item-promo { margin-top: 40px; }

.home-list { margin-top: 40px; }

.home-list > .wrap > .content h2 { text-align: center; color: #FF00FF; font-size: 32px; font-weight: bold; text-shadow: -3px -3px 0 #5856D6, 0 -3px 0 #5856D6, 3px -3px 0 #5856D6, 3px 0 0 #5856D6, 3px 3px 0 #5856D6, 0 3px 0 #5856D6, -3px 3px 0 #5856D6, -3px 0 0 #5856D6; }

.home-list > .wrap > .content p { margin-top: 10px; max-width: 600px; margin-left: auto; margin-right: auto; text-align: center; color: #808080; font-size: 18px; }

.home-list > .wrap > .content p a { color: #FF00FF; }

.home-list > .wrap > .content p a:hover { color: #FFCC00; }

.home-list > .wrap > .content ol { margin-top: 50px; }

@media only screen and (max-width: 639px) { .home-list { padding-left: 40px; padding-right: 40px; } }

@media only screen and (min-width: 640px) { .home-list { padding-left: 20px; padding-right: 20px; } }

.home-promo-list { margin-top: 40px; }

.home-promo-list > .wrap { max-width: 1280px; margin-left: auto; margin-right: auto; }

.home-promo-list > .wrap > .content ol li > a { display: block; }

.home-promo-list > .wrap > .content ol li > a img { display: block; width: 100%; height: auto; border-radius: 15px; }

.home-promo-list > .wrap > .content ol li h3 { margin-top: 15px; font-size: calc(24px + 1vw * 0); line-height: 1; color: #FF00FF; text-align: center; }

@media only screen and (min-width: 1024px) { .home-promo-list > .wrap > .content ol li h3 { font-size: 24px; } }

.home-promo-list > .wrap > .content ol li h3 a { color: #FF00FF; }

.home-promo-list > .wrap > .content ol li h3 a:hover { color: #FFCC00; }

.home-promo-list > .wrap > .content ol li p { margin-top: 10px; color: #808080; text-align: center; }

.home-promo-list > .wrap > .content ol li p a { color: #FF00FF; }

.home-promo-list > .wrap > .content ol li p a:hover { color: #FFCC00; }

.home-promo-list > .wrap > .content ol li.-bookmarklet > a { display: block; text-align: center; line-height: 165px; color: #FF00FF; font-size: 24px; text-decoration: underline; border-radius: 15px; background-color: white; }

@media only screen and (max-width: 639px) { .home-promo-list { padding-left: 40px; padding-right: 40px; }
  .home-promo-list > .wrap > .content ol li + li { margin-top: 30px; } }

@media only screen and (min-width: 640px) { .home-promo-list { padding-left: 20px; padding-right: 20px; }
  .home-promo-list > .wrap > .content ol:after { content: ""; display: table; clear: both; }
  .home-promo-list > .wrap > .content ol li { float: left; width: calc(20% - 16px); }
  .home-promo-list > .wrap > .content ol li + li { margin-left: 20px; }
  .home-promo-list.-four > .wrap > .content ol li { width: calc(25% - 15px); }
  .home-promo-list.-four > .wrap > .content ol li + li { margin-left: 20px; } }

.gallery-options > .wrap > .content a + a { margin-left: 20px; }

@media only screen and (max-width: 639px) { .gallery-options > .wrap > .content { text-align: center; } }

.gallery-list-item { position: relative; }

.gallery-list-item a { display: block; height: 100%; padding-bottom: 100%; border-radius: 15px; background-size: cover; background-position: center center; background-repeat: no-repeat; box-sizing: border-box; overflow: hidden; -webkit-transition: all 500ms cubic-bezier(0.5, 0, 0.2, 1); transition: all 500ms cubic-bezier(0.5, 0, 0.2, 1); }

.gallery-list-item a img { position: absolute; width: 1px; height: 1px; left: -10px; top: -10px; }

.gallery-list-item.-loading a { opacity: 0; }

.gallery-list-item.-active:before { content: ''; display: block; pointer-events: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 5px solid #FF00FF; border-radius: 15px; box-sizing: border-box; }

.gallery-list > .wrap > .content ol { position: relative; }

.gallery-list > .wrap > .content ol:after { content: ""; display: table; clear: both; }

.gallery-list > .wrap > .content ol li { float: left; width: calc(33.33% - 10px); -webkit-transition: all 500ms cubic-bezier(0.5, 0, 0.2, 1); transition: all 500ms cubic-bezier(0.5, 0, 0.2, 1); }

.gallery-list > .wrap > .content ol li + li { margin-left: 15px; margin-top: 15px; }

.gallery-list > .wrap > .content ol li + li:nth-child(2), .gallery-list > .wrap > .content ol li + li:nth-child(3) { margin-top: 0; }

.gallery-list > .wrap > .content ol li + li:nth-child(3n+1) { margin-left: 0px; }

.gallery-list.-loading > .wrap > .content ol li:not(.-active) { opacity: 0; }

.gallery-list.-loading > .wrap > .content ol li:not(.-active):nth-child(1) { -webkit-transform: translate(-100px, 200px) scale(0, 0) rotate(5deg); transform: translate(-100px, 200px) scale(0, 0) rotate(5deg); }

.gallery-list.-loading > .wrap > .content ol li:not(.-active):nth-child(2) { -webkit-transform: translate(100px, -50px) scale(0, 0) rotate(-17deg); transform: translate(100px, -50px) scale(0, 0) rotate(-17deg); }

.gallery-list.-loading > .wrap > .content ol li:not(.-active):nth-child(3) { -webkit-transform: translate(-100px, 200px) scale(0, 0) rotate(7deg); transform: translate(-100px, 200px) scale(0, 0) rotate(7deg); }

.gallery-list.-loading > .wrap > .content ol li:not(.-active):nth-child(4) { -webkit-transform: translate(100px, -50px) scale(0, 0) rotate(35deg); transform: translate(100px, -50px) scale(0, 0) rotate(35deg); }

.gallery-list.-loading > .wrap > .content ol li:not(.-active):nth-child(5) { -webkit-transform: translate(-100px, 200px) scale(0, 0) rotate(9deg); transform: translate(-100px, 200px) scale(0, 0) rotate(9deg); }

.gallery-list.-loading > .wrap > .content ol li:not(.-active):nth-child(6) { -webkit-transform: translate(100px, -50px) scale(0, 0) rotate(-8deg); transform: translate(100px, -50px) scale(0, 0) rotate(-8deg); }

.gallery-list.-loading > .wrap > .content ol li:not(.-active):nth-child(7) { -webkit-transform: translate(-100px, 200px) scale(0, 0) rotate(2deg); transform: translate(-100px, 200px) scale(0, 0) rotate(2deg); }

.gallery-list.-loading > .wrap > .content ol li:not(.-active):nth-child(8) { -webkit-transform: translate(100px, -50px) scale(0, 0) rotate(21deg); transform: translate(100px, -50px) scale(0, 0) rotate(21deg); }

.gallery-list.-loading > .wrap > .content ol li:not(.-active):nth-child(9) { -webkit-transform: translate(-100px, 200px) scale(0, 0) rotate(-76deg); transform: translate(-100px, 200px) scale(0, 0) rotate(-76deg); }

.gallery-list-transition-move { -webkit-transition: all 500ms cubic-bezier(0.5, 0, 0.2, 1); transition: all 500ms cubic-bezier(0.5, 0, 0.2, 1); }

.gallery-list-transition-enter-active, .gallery-list-transition-leave-active { -webkit-transition: all 500ms ease; transition: all 500ms ease; }

.gallery-list-transition-enter { opacity: 0; -webkit-transform: scale(0, 0); transform: scale(0, 0); }

.gallery-list-transition-leave, .gallery-list-transition-leave-active, .gallery-list-transition-leave-to { opacity: 0; }

.gallery-list-transition-leave-active { position: absolute; opacity: 0; }

.gallery-pic > .wrap > .content { display: block; text-align: center; -webkit-transition: all 500ms cubic-bezier(0.5, 0, 0.2, 1); transition: all 500ms cubic-bezier(0.5, 0, 0.2, 1); position: relative; margin-left: auto; margin-right: auto; }

.gallery-pic > .wrap > .content img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: block; width: 100%; max-width: 100%; height: auto; border-radius: 20px; box-shadow: 0 30px 150px -20px rgba(61, 9, 63, 0.5); }

.quotes-pagination a { display: block; position: absolute; font-size: 18px; }

.quotes-pagination a svg { fill: white; width: 60px; height: 60px; }

.quotes-pagination a:first-child { left: 30px; }

.quotes-pagination a:first-child svg { -webkit-transform: rotate(0deg); transform: rotate(0deg); }

.quotes-pagination a:last-child { right: 30px; }

.quotes-pagination a:last-child svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

@media only screen and (max-width: 639px) { .quotes-pagination a { bottom: 20px; }
  .quotes-pagination a:first-child { left: 10px; }
  .quotes-pagination a:last-child { right: 10px; } }

@media only screen and (min-width: 640px) { .quotes-pagination a { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } }

.quotes-list-item { position: relative; text-align: center; }

.quotes-list-item > .wrap { position: absolute; left: 50%; top: 50%; width: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.quotes-list-item > .wrap > .content blockquote { margin: 0; }

.quotes-list-item > .wrap > .content blockquote p { font-size: calc(28.1988950276px + 1vw * 1.546961326); font-weight: bold; line-height: 1.2; color: #5856D6; text-shadow: -3px -3px 0 white, 0 -3px 0 white, 3px -3px 0 white, 3px 0 0 white, 3px 3px 0 white, 0 3px 0 white, -3px 3px 0 white, -3px 0 0 white; }

@media only screen and (min-width: 1024px) { .quotes-list-item > .wrap > .content blockquote p { font-size: 48px; } }

.quotes-list-item > .wrap > .content cite { display: inline-block; margin-top: 30px; font-size: calc(12.6850828729px + 1vw * 0.8839779006); }

@media only screen and (min-width: 1024px) { .quotes-list-item > .wrap > .content cite { font-size: 24px; } }

.quotes-list-item.-short > .wrap > .content blockquote p { font-size: calc(34.7403314917px + 1vw * 3.5359116022); }

@media only screen and (min-width: 1024px) { .quotes-list-item.-short > .wrap > .content blockquote p { font-size: 80px; } }

.quotes-list-item.-medium > .wrap > .content blockquote p { font-size: calc(17.5690607735px + 1vw * 3.3149171271); }

@media only screen and (min-width: 1024px) { .quotes-list-item.-medium > .wrap > .content blockquote p { font-size: 60px; } }

.quotes-list-item.-long > .wrap > .content blockquote p { font-size: calc(25.8563535912px + 1vw * 1.1049723757); }

@media only screen and (min-width: 1024px) { .quotes-list-item.-long > .wrap > .content blockquote p { font-size: 40px; } }

.quotes-list { padding-top: 50px; max-width: 1000px; margin-left: auto; margin-right: auto; }

.quotes-list ol { position: relative; }

.quotes-list-transition-move { -webkit-transition: all 500ms cubic-bezier(0.5, 0, 0.2, 1); transition: all 500ms cubic-bezier(0.5, 0, 0.2, 1); }

.quotes-list-transition-enter-active, .quotes-list-transition-leave-active { -webkit-transition: all 500ms ease; transition: all 500ms ease; }

.quotes-list-transition-enter { opacity: 0; -webkit-transform: scale(0, 0); transform: scale(0, 0); }

.quotes-list-transition-leave, .quotes-list-transition-leave-active, .quotes-list-transition-leave-to { opacity: 0; }

.quotes-list-transition-leave-active { position: absolute; opacity: 0; }

.gifts-list-item { text-align: center; padding: 15px 15px 0 15px; background-color: white; border-radius: 25px; box-shadow: 0 30px 100px -20px rgba(88, 86, 214, 0.5); -webkit-transform-origin: center center; transform-origin: center center; -webkit-transition: all 500ms cubic-bezier(0.5, 0, 0.2, 1); transition: all 500ms cubic-bezier(0.5, 0, 0.2, 1); }

.gifts-list-item > a { display: block; background-size: cover; background-repeat: no-repeat; background-position: center center; border-radius: 15px; }

.gifts-list-item > a img { display: block; max-width: 100%; height: auto; margin: 0; border-radius: 15px; display: none; }

.gifts-list-item .copy { position: relative; height: 70px; }

.gifts-list-item .copy h3 { position: absolute; left: 0; top: 50%; width: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%); line-height: 1.3; }

.gifts-list-item .copy h3 a { font-size: calc(15.1712707182px + 1vw * 0.2209944751); }

@media only screen and (min-width: 1024px) { .gifts-list-item .copy h3 a { font-size: 18px; } }

.gifts-list ol { position: relative; }

.gifts-list ol li { box-sizing: border-box; }

@media only screen and (max-width: 639px) { .gifts-list ol:after { content: ""; display: table; clear: both; }
  .gifts-list ol li { float: left; width: calc(50% - 15px); margin-top: 30px; }
  .gifts-list ol li:nth-child(2n - 1) { margin-right: 30px; } }

@media only screen and (min-width: 640px) { .gifts-list ol:after { content: ""; display: table; clear: both; }
  .gifts-list ol li { float: left; width: calc(25% - 30px); margin-top: 60px; margin-left: 40px; }
  .gifts-list ol li:nth-child(4n+1) { margin-left: 0; } }

.gifts-list-transition-move { -webkit-transition: all 500ms cubic-bezier(0.5, 0, 0.2, 1); transition: all 500ms cubic-bezier(0.5, 0, 0.2, 1); }

.gifts-list-transition-enter-active, .gifts-list-transition-leave-active { -webkit-transition: all 500ms ease; transition: all 500ms ease; }

.gifts-list-transition-enter { opacity: 0; -webkit-transform: scale(0, 0); transform: scale(0, 0); }

.gifts-list-transition-leave, .gifts-list-transition-leave-active, .gifts-list-transition-leave-to { opacity: 0; }

.gifts-list-transition-leave-active { position: absolute; opacity: 0; }

.gifts-details { position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; pointer-events: none; }

.gifts-details.-active { pointer-events: auto; }

.gifts-details > .wrap { height: 100%; }

.gifts-details > .wrap > .content { position: absolute; left: 50%; top: 50%; width: calc(100% - 40px); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.gifts-details > .wrap > .content .content-inner { position: relative; max-width: 500px; margin-left: auto; margin-right: auto; padding: 20px; background-color: white; border-radius: 20px; box-shadow: 0 50px 200px -30px rgba(88, 86, 214, 0.75); }

.gifts-details > .wrap > .content .content-inner a.-image img { width: 100%; height: auto; }

.gifts-details > .wrap > .content .content-inner h3 { text-align: center; margin-top: 10px; font-size: calc(20.6850828729px + 1vw * 0.8839779006); }

@media only screen and (min-width: 1024px) { .gifts-details > .wrap > .content .content-inner h3 { font-size: 32px; } }

.gifts-details > .wrap > .content .content-inner p { margin-top: 10px; font-size: 16px; }

.gifts-details > .wrap > .content .content-inner a.-button { margin-top: 10px; background-color: #FF00FF; color: white; padding: 0 20px; border-radius: 15px; font-size: 16px; line-height: 44px; display: inline-block; box-shadow: 0 8px 24px -8px rgba(88, 86, 214, 0.3); }

.gifts-details > .wrap > .content .content-inner a.-close { position: absolute; display: block; top: 10px; right: 10px; border-radius: 100px; background-color: rgba(255, 204, 0, 0.9); width: 30px; height: 30px; line-height: 30px; text-align: center; }

.gifts-details > .wrap > .content .content-inner a.-close svg { fill: black; stroke: black; width: 13px; height: 13px; vertical-align: middle; -webkit-transform: translateY(-1px); transform: translateY(-1px); }

.photo-related-list-item { position: relative; }

.photo-related-list-item a { display: block; height: 100%; padding-bottom: 100%; border-radius: 15px; background-size: cover; background-position: center center; background-repeat: no-repeat; box-sizing: border-box; overflow: hidden; -webkit-transition: all 500ms cubic-bezier(0.5, 0, 0.2, 1); transition: all 500ms cubic-bezier(0.5, 0, 0.2, 1); }

.photo-related-list-item a img { position: absolute; width: 1px; height: 1px; left: -10px; top: -10px; }

.photo-related-list-item.-loading a { opacity: 0; }

.photo-related-list-item.-active:before { content: ''; display: block; pointer-events: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 5px solid #FF00FF; border-radius: 15px; box-sizing: border-box; }

.photo-related-list > .wrap > .content ol { position: relative; }

.photo-related-list > .wrap > .content ol:after { content: ""; display: table; clear: both; }

.photo-related-list > .wrap > .content ol li { float: left; width: calc(33.33% - 10px); -webkit-transition: all 500ms cubic-bezier(0.5, 0, 0.2, 1); transition: all 500ms cubic-bezier(0.5, 0, 0.2, 1); }

.photo-related-list > .wrap > .content ol li + li { margin-left: 15px; margin-top: 15px; }

.photo-related-list > .wrap > .content ol li + li:nth-child(2), .photo-related-list > .wrap > .content ol li + li:nth-child(3) { margin-top: 0; }

.photo-related-list > .wrap > .content ol li + li:nth-child(3n+1) { margin-left: 0px; }

.photo-related-list.-loading > .wrap > .content ol li:not(.-active) { opacity: 0; }

.photo-related-list.-loading > .wrap > .content ol li:not(.-active):nth-child(1) { -webkit-transform: translate(-100px, 200px) scale(0, 0) rotate(5deg); transform: translate(-100px, 200px) scale(0, 0) rotate(5deg); }

.photo-related-list.-loading > .wrap > .content ol li:not(.-active):nth-child(2) { -webkit-transform: translate(100px, -50px) scale(0, 0) rotate(-17deg); transform: translate(100px, -50px) scale(0, 0) rotate(-17deg); }

.photo-related-list.-loading > .wrap > .content ol li:not(.-active):nth-child(3) { -webkit-transform: translate(-100px, 200px) scale(0, 0) rotate(7deg); transform: translate(-100px, 200px) scale(0, 0) rotate(7deg); }

.photo-related-list.-loading > .wrap > .content ol li:not(.-active):nth-child(4) { -webkit-transform: translate(100px, -50px) scale(0, 0) rotate(35deg); transform: translate(100px, -50px) scale(0, 0) rotate(35deg); }

.photo-related-list.-loading > .wrap > .content ol li:not(.-active):nth-child(5) { -webkit-transform: translate(-100px, 200px) scale(0, 0) rotate(9deg); transform: translate(-100px, 200px) scale(0, 0) rotate(9deg); }

.photo-related-list.-loading > .wrap > .content ol li:not(.-active):nth-child(6) { -webkit-transform: translate(100px, -50px) scale(0, 0) rotate(-8deg); transform: translate(100px, -50px) scale(0, 0) rotate(-8deg); }

.photo-related-list.-loading > .wrap > .content ol li:not(.-active):nth-child(7) { -webkit-transform: translate(-100px, 200px) scale(0, 0) rotate(2deg); transform: translate(-100px, 200px) scale(0, 0) rotate(2deg); }

.photo-related-list.-loading > .wrap > .content ol li:not(.-active):nth-child(8) { -webkit-transform: translate(100px, -50px) scale(0, 0) rotate(21deg); transform: translate(100px, -50px) scale(0, 0) rotate(21deg); }

.photo-related-list.-loading > .wrap > .content ol li:not(.-active):nth-child(9) { -webkit-transform: translate(-100px, 200px) scale(0, 0) rotate(-76deg); transform: translate(-100px, 200px) scale(0, 0) rotate(-76deg); }

.photo-related-list-transition-move { -webkit-transition: all 500ms cubic-bezier(0.5, 0, 0.2, 1); transition: all 500ms cubic-bezier(0.5, 0, 0.2, 1); }

.photo-related-list-transition-enter-active, .photo-related-list-transition-leave-active { -webkit-transition: all 500ms ease; transition: all 500ms ease; }

.photo-related-list-transition-enter { opacity: 0; -webkit-transform: scale(0, 0); transform: scale(0, 0); }

.photo-related-list-transition-leave, .photo-related-list-transition-leave-active, .photo-related-list-transition-leave-to { opacity: 0; }

.photo-related-list-transition-leave-active { position: absolute; opacity: 0; }

.photo-photo > .wrap { position: relative; }

.photo-photo > .wrap > .content { display: block; text-align: center; -webkit-transition: all 500ms cubic-bezier(0.5, 0, 0.2, 1); transition: all 500ms cubic-bezier(0.5, 0, 0.2, 1); }

.photo-photo > .wrap > .content img { display: block; width: 100%; height: auto; }

@media only screen and (max-width: 639px) { .photo-photo > .wrap > .content { overflow: hidden; background-color: #fbfbfb; border-radius: 20px; box-shadow: 0 30px 150px -20px rgba(61, 9, 63, 0.5); } }

@media only screen and (min-width: 640px) { .photo-photo > .wrap { height: 100%; }
  .photo-photo > .wrap > .content { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
  .photo-photo > .wrap > .content img { border-radius: 20px; box-shadow: 0 30px 150px -20px rgba(61, 9, 63, 0.5); } }

.younicorn-related-list-item { position: relative; }

.younicorn-related-list-item a { display: block; height: 100%; padding-bottom: 100%; border-radius: 15px; background-size: cover; background-position: center center; background-repeat: no-repeat; box-sizing: border-box; overflow: hidden; -webkit-transition: all 500ms cubic-bezier(0.5, 0, 0.2, 1); transition: all 500ms cubic-bezier(0.5, 0, 0.2, 1); }

.younicorn-related-list-item a img { position: absolute; width: 1px; height: 1px; left: -10px; top: -10px; }

.younicorn-related-list-item.-loading a { opacity: 0; }

.younicorn-related-list-item.-active:before { content: ''; display: block; pointer-events: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 5px solid #FF00FF; border-radius: 15px; box-sizing: border-box; }

.younicorn-related-list > .wrap > .content ol { position: relative; }

.younicorn-related-list > .wrap > .content ol:after { content: ""; display: table; clear: both; }

.younicorn-related-list > .wrap > .content ol li { float: left; width: calc(33.33% - 10px); -webkit-transition: all 500ms cubic-bezier(0.5, 0, 0.2, 1); transition: all 500ms cubic-bezier(0.5, 0, 0.2, 1); }

.younicorn-related-list > .wrap > .content ol li + li { margin-left: 15px; margin-top: 15px; }

.younicorn-related-list > .wrap > .content ol li + li:nth-child(2), .younicorn-related-list > .wrap > .content ol li + li:nth-child(3) { margin-top: 0; }

.younicorn-related-list > .wrap > .content ol li + li:nth-child(3n+1) { margin-left: 0px; }

.younicorn-related-list.-loading > .wrap > .content ol li:not(.-active) { opacity: 0; }

.younicorn-related-list.-loading > .wrap > .content ol li:not(.-active):nth-child(1) { -webkit-transform: translate(-100px, 200px) scale(0, 0) rotate(5deg); transform: translate(-100px, 200px) scale(0, 0) rotate(5deg); }

.younicorn-related-list.-loading > .wrap > .content ol li:not(.-active):nth-child(2) { -webkit-transform: translate(100px, -50px) scale(0, 0) rotate(-17deg); transform: translate(100px, -50px) scale(0, 0) rotate(-17deg); }

.younicorn-related-list.-loading > .wrap > .content ol li:not(.-active):nth-child(3) { -webkit-transform: translate(-100px, 200px) scale(0, 0) rotate(7deg); transform: translate(-100px, 200px) scale(0, 0) rotate(7deg); }

.younicorn-related-list.-loading > .wrap > .content ol li:not(.-active):nth-child(4) { -webkit-transform: translate(100px, -50px) scale(0, 0) rotate(35deg); transform: translate(100px, -50px) scale(0, 0) rotate(35deg); }

.younicorn-related-list.-loading > .wrap > .content ol li:not(.-active):nth-child(5) { -webkit-transform: translate(-100px, 200px) scale(0, 0) rotate(9deg); transform: translate(-100px, 200px) scale(0, 0) rotate(9deg); }

.younicorn-related-list.-loading > .wrap > .content ol li:not(.-active):nth-child(6) { -webkit-transform: translate(100px, -50px) scale(0, 0) rotate(-8deg); transform: translate(100px, -50px) scale(0, 0) rotate(-8deg); }

.younicorn-related-list.-loading > .wrap > .content ol li:not(.-active):nth-child(7) { -webkit-transform: translate(-100px, 200px) scale(0, 0) rotate(2deg); transform: translate(-100px, 200px) scale(0, 0) rotate(2deg); }

.younicorn-related-list.-loading > .wrap > .content ol li:not(.-active):nth-child(8) { -webkit-transform: translate(100px, -50px) scale(0, 0) rotate(21deg); transform: translate(100px, -50px) scale(0, 0) rotate(21deg); }

.younicorn-related-list.-loading > .wrap > .content ol li:not(.-active):nth-child(9) { -webkit-transform: translate(-100px, 200px) scale(0, 0) rotate(-76deg); transform: translate(-100px, 200px) scale(0, 0) rotate(-76deg); }

.younicorn-related-list-transition-move { -webkit-transition: all 500ms cubic-bezier(0.5, 0, 0.2, 1); transition: all 500ms cubic-bezier(0.5, 0, 0.2, 1); }

.younicorn-related-list-transition-enter-active, .younicorn-related-list-transition-leave-active { -webkit-transition: all 500ms ease; transition: all 500ms ease; }

.younicorn-related-list-transition-enter { opacity: 0; -webkit-transform: scale(0, 0); transform: scale(0, 0); }

.younicorn-related-list-transition-leave, .younicorn-related-list-transition-leave-active, .younicorn-related-list-transition-leave-to { opacity: 0; }

.younicorn-related-list-transition-leave-active { position: absolute; opacity: 0; }

.younicorn-download-options { margin-top: 10px; }

.younicorn-download-options:after { content: ""; display: table; clear: both; }

.younicorn-download-options > .wrap h2 { font-size: 24px; text-align: center; }

.younicorn-download-options > .wrap > .content { margin-top: 10px; max-width: 600px; margin-left: auto; margin-right: auto; }

.younicorn-download-options > .wrap > .content a { display: block; float: left; width: calc(33.33% - 10px); border-radius: 5px; border: 1px solid #bbbbbb; }

.younicorn-download-options > .wrap > .content a > .wrap { padding-bottom: 10px; }

.younicorn-download-options > .wrap > .content a > .wrap > .content { padding-bottom: 100%; position: relative; }

.younicorn-download-options > .wrap > .content a > .wrap > .content img { position: absolute; max-width: 80%; max-height: 80%; width: auto; height: auto; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.younicorn-download-options > .wrap > .content a > .wrap p { text-align: center; margin: 5px 0 0 0; font-size: 14px; }

.younicorn-download-options > .wrap > .content a + a { margin-left: 15px; }

.younicorn-options { text-align: center; }

.younicorn-options > .wrap > .content { max-width: 400px; margin-left: auto; margin-right: auto; }

.younicorn-options > .wrap > .content .-share .like-button-small { margin-left: auto; margin-right: auto; }

.younicorn-options > .wrap > .content .-share .list { margin-top: 20px; }

.younicorn-options > .wrap > .content .-share .list a { display: block; padding-top: 10px; padding-bottom: 10px; font-size: 16px; line-height: 44px; text-align: left; color: #5856D6; }

.younicorn-options > .wrap > .content .-share .list a span { display: inline-block; margin-right: 10px; }

.younicorn-options > .wrap > .content .-share .list a span svg { width: 30px; height: 30px; vertical-align: middle; fill: #5856D6; stroke: #5856D6; -webkit-transform: translateY(-2px); transform: translateY(-2px); }

.younicorn-options > .wrap > .content .-share .list a.-active { color: #FF00FF; }

.younicorn-options > .wrap > .content .-share .list a.-active span svg { fill: #FF00FF; stroke: #FF00FF; }

.younicorn-options > .wrap > .content .-share .list a + a { border-top: 1px solid #ededed; color: #5856D6; }

.younicorn-pagination { position: absolute; left: 0; bottom: 0; width: 100%; }

.younicorn-pagination > .wrap > .content:after { content: ""; display: table; clear: both; }

.younicorn-pagination > .wrap > .content a { display: block; padding: 10px; }

.younicorn-pagination > .wrap > .content a svg { vertical-align: middle; }

.younicorn-pagination > .wrap > .content a.-previous { float: left; }

.younicorn-pagination > .wrap > .content a.-next { float: right; -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.younicorn-loader { position: absolute; left: 0; top: 0; width: 100%; height: 0%; background-color: #9BEFFF; pointer-events: none; -webkit-transition: all 250ms cubic-bezier(0.5, 0, 0.2, 1); transition: all 250ms cubic-bezier(0.5, 0, 0.2, 1); }

.younicorn-products { max-width: 600px; margin-left: auto; margin-right: auto; background-color: #5856D6; border-radius: 15px; }

.younicorn-products > .wrap h2 { font-size: 24px; text-align: center; color: white; }

.younicorn-products > .wrap > .content { margin-top: 20px; }

.younicorn-products > .wrap > .content:after { content: ""; display: table; clear: both; }

.younicorn-products > .wrap > .content a { float: left; width: calc(33.33% - 10px); display: block; }

.younicorn-products > .wrap > .content a .image { position: relative; -webkit-transition: all 150ms; transition: all 150ms; }

.younicorn-products > .wrap > .content a .image img { width: 100%; height: auto; display: block; margin: 0; }

.younicorn-products > .wrap > .content a .image canvas { position: absolute; display: block; margin: 0; }

.younicorn-products > .wrap > .content a .image canvas + img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.younicorn-products > .wrap > .content a p { font-size: 18px; text-align: center; color: white; }

.younicorn-products > .wrap > .content a:hover .image { opacity: 0.75; }

.younicorn-products > .wrap > .content a.-shirt .image canvas { -webkit-transform: rotate(-16deg); transform: rotate(-16deg); }

.younicorn-products > .wrap > .content a.-stickers .image canvas { border-radius: 100px; }

.younicorn-products > .wrap > .content a + a { margin-left: 15px; }

@media only screen and (max-width: 639px) { .younicorn-products { padding: 20px; } }

@media only screen and (min-width: 640px) { .younicorn-products { padding: 40px; } }

.younicorn-background { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transition: background-color 250ms cubic-bezier(0.5, 0, 0.2, 1); transition: background-color 250ms cubic-bezier(0.5, 0, 0.2, 1); }

.younicorn-background > .wrap { position: relative; height: 100%; -webkit-transition: opacity 250ms cubic-bezier(0.5, 0, 0.2, 1); transition: opacity 250ms cubic-bezier(0.5, 0, 0.2, 1); }

.younicorn-background > .wrap img { position: absolute; left: -70%; top: 0; width: 240%; height: 100%; }

.younicorn-background.-loading { background-color: #f8f8f8; }

.younicorn-background.-loading > .wrap { opacity: 0; }

.younicorn-younicorn { max-width: 600px; margin-left: auto; margin-right: auto; }

.younicorn-younicorn > .wrap { position: relative; text-align: center; -webkit-transition: opacity 250ms cubic-bezier(0.5, 0, 0.2, 1); transition: opacity 250ms cubic-bezier(0.5, 0, 0.2, 1); }

.younicorn-younicorn > .wrap > .content { display: block; position: relative; }

.younicorn-younicorn > .wrap > .content img { display: block; width: 100%; height: auto; }

.younicorn-younicorn.-loading > .wrap { opacity: 0.25; padding-bottom: 100%; }

.younicorn-younicorn.-loading > .wrap > .content img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

@media only screen and (max-width: 639px) { .younicorn-younicorn > .wrap > .content { overflow: hidden; } }

@media only screen and (min-width: 640px) { .younicorn-younicorn > .wrap { height: 100%; } }

.younicorn-extension-button { display: inline-block; }

.younicorns-list:after { content: ""; display: table; clear: both; }

.younicorns-list a { display: block; width: 25%; float: left; min-height: 5px; margin-top: 10px; vertical-align: top; background-color: #fbfbfb; background-size: cover; background-position: center center; background-repeat: no-repeat; border-radius: 10px; -webkit-transition: opacity 250ms cubic-bezier(0.5, 0, 0.2, 1); transition: opacity 250ms cubic-bezier(0.5, 0, 0.2, 1); }

.younicorns-list a > .wrap { padding-bottom: 100%; }

.younicorns-list a > .wrap img { display: none; width: 100%; height: auto; -webkit-transition: all 250ms cubic-bezier(0.5, 0, 0.2, 1); transition: all 250ms cubic-bezier(0.5, 0, 0.2, 1); }

.younicorns-list a.-loading { opacity: 0; }

.younicorns-list a.-loading > .wrap img { opacity: 0; }

@media only screen and (max-width: 639px) { .younicorns-list a { width: calc(50% - 10px); }
  .younicorns-list a:nth-child(2n) { margin-left: 20px; } }

@media only screen and (min-width: 640px) { .younicorns-list a { width: calc(20% - 8px); margin-left: 10px; }
  .younicorns-list a:nth-child(5n+1) { margin-left: 0; } }

.younicorns-info { text-align: center; }

.younicorns-info p { max-width: 600px; margin-left: auto; margin-right: auto; margin-top: 40px; font-size: calc(17.1712707182px + 1vw * 0.2209944751); }

@media only screen and (min-width: 1024px) { .younicorns-info p { font-size: 20px; } }

.younicorns-no-favorites { padding-top: 50px; padding-bottom: 150px; }

.younicorns-no-favorites p { max-width: 500px; margin-left: auto; margin-right: auto; text-align: center; }

.younicorns-no-favorites p span svg { vertical-align: middle; width: 20px; height: 20px; -webkit-transform: translateY(-2px); transform: translateY(-2px); fill: #FFCC00; stroke: #FFCC00; }

.younicorns-toggle { display: block; width: 30px; height: 30px; line-height: 30px; white-space: nowrap; }

.younicorns-toggle svg { vertical-align: middle; -webkit-transform: translateY(-2px); transform: translateY(-2px); width: 30px; height: 30px; fill: #FF00FF; stroke: #FF00FF; }

.younicorns-toggle.-active { color: #3380FF; }

.younicorns-toggle.-active svg { fill: #3380FF; stroke: #3380FF; }

.photo-editor-back-button { display: block; position: absolute; right: 20px; top: 20px; background-color: white; border-radius: 100px; width: 32px; height: 32px; line-height: 32px; text-align: center; z-index: 15; }

.photo-editor-back-button svg { width: 14px; height: 14px; fill: #FF00FF; stroke: #FF00FF; vertical-align: middle; -webkit-transform: translateY(-2px); transform: translateY(-2px); }

.photo-editor-bottom-bar { position: relative; z-index: 10; }

.photo-editor-bottom-bar > .wrap > .content { position: relative; height: 50px; }

.photo-editor-color-button { position: absolute; left: 10px; bottom: 10px; background-color: white; padding: 0 20px; font-size: 18px; line-height: 40px; font-weight: bold; border-radius: 5px; border: 2px solid #FF00FF; }

.photo-editor-cornify-button { position: absolute; left: 50%; bottom: 0; -webkit-transform: translate(-50%, -10px); transform: translate(-50%, -10px); }

.photo-editor-cornify-button > .wrap > .content { position: relative; }

.photo-editor-cornify-button > .wrap > .content img { display: block; }

.photo-editor-cornify-button > .wrap > .content img.-active { position: absolute; left: 0; top: 0; opacity: 0; }

.photo-editor-cornify-button > .wrap > .content .-tip { position: absolute; left: 50%; top: -30px; -webkit-transform: translate(-50%, -100%); transform: translate(-50%, -100%); }

.photo-editor-cornify-button > .wrap > .content .-tip p { position: relative; background-color: white; padding: 10px 20px; color: #FF00FF; font-size: 20px; font-weight: bold; border-radius: 10px; box-shadow: 0 15px 45px -20px rgba(0, 0, 0, 0.8); white-space: nowrap; }

.photo-editor-cornify-button > .wrap > .content .-tip p:before { display: block; content: ''; position: absolute; left: 50%; top: 100%; width: 15px; height: 15px; -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); background-color: white; border-radius: 3px; z-index: 10; -webkit-transform-origin: center center; transform-origin: center center; }

.photo-editor-cornify-button.-active > .wrap > .content img.-default { opacity: 0; }

.photo-editor-cornify-button.-active > .wrap > .content img.-active { opacity: 1; }

.photo-editor-palette { position: absolute; left: 50%; top: 0px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.photo-editor-palette > .wrap > .content ol { list-style-type: none; margin: 0; padding: 0; width: 320px; text-align: center; }

.photo-editor-palette > .wrap > .content ol li { display: inline-block; vertical-align: top; width: 0px; margin-top: 2px; -webkit-transition: all 250ms cubic-bezier(0.5, 0, 0.2, 1); transition: all 250ms cubic-bezier(0.5, 0, 0.2, 1); }

.photo-editor-palette > .wrap > .content ol li a { display: block; width: 30px; height: 30px; line-height: 30px; border-radius: 100px; }

.photo-editor-palette > .wrap > .content ol li.-icon { background-color: white; border-radius: 100px; text-align: center; }

.photo-editor-palette > .wrap > .content ol li.-icon svg { width: 18px; height: 18px; fill: #FF00FF; stroke: #FF00FF; vertical-align: middle; -webkit-transform: translateY(-2px); transform: translateY(-2px); }

.photo-editor-palette > .wrap > .content ol li.-active a { border: 2px solid white; }

.photo-editor-palette > .wrap > .content ol li.-toggle { width: 30px; }

.photo-editor-palette > .wrap > .content ol li.-toggle a { text-align: center; background-color: white; }

.photo-editor-palette > .wrap > .content ol li.-toggle a svg { width: 12px; height: 12px; fill: #FF00FF; stroke: #FF00FF; vertical-align: middle; -webkit-transform: translateY(-1px) rotate(45deg); transform: translateY(-1px) rotate(45deg); -webkit-transition: all 250ms cubic-bezier(0.5, 0, 0.2, 1); transition: all 250ms cubic-bezier(0.5, 0, 0.2, 1); }

.photo-editor-palette > .wrap > .content ol li + li { margin-left: 5px; }

.photo-editor-palette.-expanded > .wrap > .content ol li { width: 30px; }

.photo-editor-palette.-expanded > .wrap > .content ol li.-toggle a svg { -webkit-transform: translateY(-1px) rotate(0deg); transform: translateY(-1px) rotate(0deg); }

.photo-editor-photo-display img { display: block; width: 100%; height: auto; }

.photo-editor { position: fixed; top: 0; left: 0; width: 100%; height: 100%; }

.photo-editor > .wrap > .content { position: relative; overflow: hidden; border-radius: 15px; box-shadow: 0 50px 150px -35px rgba(0, 0, 0, 0.35); }

.photo-editor-save-button { position: absolute; right: 10px; bottom: 10px; background-color: white; padding: 0 20px; font-size: 18px; line-height: 40px; font-weight: bold; border-radius: 5px; border: 2px solid #FF00FF; }

.photo-editor-share-options > .wrap { max-width: 450px; margin-left: auto; margin-right: auto; }

.photo-editor-share-options > .wrap > .content { text-align: center; }

.photo-editor-share-options > .wrap > .content h1 { font-size: calc(24.9281767956px + 1vw * 0.5524861878); }

@media only screen and (min-width: 1024px) { .photo-editor-share-options > .wrap > .content h1 { font-size: 32px; } }

.photo-editor-share-options > .wrap > .content > a { display: block; margin-top: 20px; padding: 0; width: 100%; height: 50px; line-height: 50px; height: auto; box-sizing: border-box; font-size: 16px; border-radius: 50px; border: 1px solid #ededed; text-align: center; }

.photo-editor-share-options > .wrap > .content .-share-options { margin-top: 20px; }

.photo-editor-share-options > .wrap > .content .-share-options a { display: inline-block; background-color: #03B96C; font-size: 20px; font-weight: bold; line-height: 40px; padding: 0 30px; border-radius: 100px; color: white; font-weight: bold; -webkit-transition: all 150ms cubic-bezier(0.5, 0, 0.2, 1); transition: all 150ms cubic-bezier(0.5, 0, 0.2, 1); }

.photo-editor-share-options > .wrap > .content .-share-options a + a { margin-top: 10px; }

.photo-editor-share-options > .wrap > .content .-next-options { margin-top: 20px; }

.photo-editor-share-options > .wrap > .content .-next-options a { display: inline-block; font-size: 16px; color: #03B96C; font-weight: bold; white-space: nowrap; }

.photo-editor-share-options > .wrap > .content .-approval { margin-top: 30px; }

.photo-editor-share-options > .wrap > .content .-approval p { color: black; }

.photo-editor-share-options > .wrap > .content .-approval a { display: inline-block; background-color: white; font-size: 16px; font-weight: bold; line-height: 30px; padding: 0 30px; border-radius: 100px; color: #03B96C; font-weight: bold; -webkit-transition: all 150ms cubic-bezier(0.5, 0, 0.2, 1); transition: all 150ms cubic-bezier(0.5, 0, 0.2, 1); }

.photo-editor-share-options > .wrap > .content .-approval a.-active { background-color: #03B96C; color: white; }

.photo-editor-share-options > .wrap > .content a.-done { margin-top: 30px; display: inline-block; background-color: #FF00FF; font-size: 20px; line-height: 50px; padding: 0 30px; border-radius: 100px; color: white; font-weight: bold; }

@media only screen and (max-width: 639px) { .photo-editor-share-options > .wrap > .content .-next-options a + a { margin-top: 10px; } }

@media only screen and (min-width: 640px) { .photo-editor-share-options > .wrap > .content .-next-options a + a { margin-left: 40px; } }

.photo-editor-share-question > .wrap { max-width: 450px; margin-left: auto; margin-right: auto; }

.photo-editor-share-question > .wrap > .content { text-align: center; }

.photo-editor-share-question > .wrap > .content .-name h2 { font-size: calc(24.9281767956px + 1vw * 0.5524861878); }

@media only screen and (min-width: 1024px) { .photo-editor-share-question > .wrap > .content .-name h2 { font-size: 32px; } }

.photo-editor-share-question > .wrap > .content .-name input { display: block; margin-top: 20px; width: 100%; box-sizing: border-box; font-size: calc(15.5138121547px + 1vw * 0.6629834254); height: 50px; border-radius: 50px; border: 1px solid #ededed; text-align: center; }

@media only screen and (min-width: 1024px) { .photo-editor-share-question > .wrap > .content .-name input { font-size: 24px; } }

.photo-editor-share-question > .wrap > .content .-name input::-webkit-input-placeholder { color: #bbbbbb; }

.photo-editor-share-question > .wrap > .content .-name input::-moz-placeholder { color: #bbbbbb; }

.photo-editor-share-question > .wrap > .content .-name input:-ms-input-placeholder { color: #bbbbbb; }

.photo-editor-share-question > .wrap > .content .-name input::-ms-input-placeholder { color: #bbbbbb; }

.photo-editor-share-question > .wrap > .content .-name input::placeholder { color: #bbbbbb; }

.photo-editor-share-question > .wrap > .content .-approval { margin-top: 30px; }

.photo-editor-share-question > .wrap > .content .-approval p { color: black; }

.photo-editor-share-question > .wrap > .content .-approval a { margin-top: 20px; display: inline-block; background-color: white; font-size: 16px; font-weight: bold; line-height: 30px; padding: 0 30px; border-radius: 100px; color: #03B96C; font-weight: bold; -webkit-transition: all 150ms cubic-bezier(0.5, 0, 0.2, 1); transition: all 150ms cubic-bezier(0.5, 0, 0.2, 1); }

.photo-editor-share-question > .wrap > .content .-approval a.-active { background-color: #03B96C; color: white; }

.photo-editor-share-question > .wrap > .content a.-done { margin-top: 30px; display: inline-block; background-color: #FF00FF; font-size: 20px; line-height: 50px; padding: 0 30px; border-radius: 100px; color: white; font-weight: bold; }

.photo-editor-success { height: 100%; position: relative; }

.photo-editor-success > .wrap { position: absolute; top: 50%; left: 50%; width: calc(100% - 40px); max-width: 450px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.photo-editor-success > .wrap > .content { background-color: #ffffff; border-radius: 15px; margin-left: auto; margin-right: auto; padding: 30px; }

.photo-editor-coloring { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.photo-editor-coloring.-inactive { pointer-events: none; }

.photo-editor-text { position: absolute; }

.photo-editor-text > .wrap { position: relative; }

.photo-editor-text > .wrap > .content { position: absolute; left: 0; top: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.photo-editor-text > .wrap > .content p { position: relative; margin: 0; padding: 0; color: #FF00FF; font-weight: bold; font-size: 48px; padding: 0; text-align: center; text-shadow: 3px 3px 0 white, -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white; white-space: nowrap; }

.photo-editor-text.-active > .wrap > .content p:before { content: ''; display: block; position: absolute; left: -15px; top: 0; width: calc(100% + 30px); height: 100%; pointer-events: none; border: 4px solid #FF00FF; border-radius: 3px; }

.photo-editor-text [contentEditable=true]:empty:not(:focus):before { content: attr(data-placeholder); color: #FF00FF; font-weight: bold; }

.photo-editor-top-bar { position: relative; }

.photo-editor-top-bar > .wrap > .content { position: relative; height: 50px; }

.photo-editor-unicorn-handle { position: absolute; right: 0; bottom: 0; border: 3px solid #FF00FF; background-color: white; width: 30px; height: 30px; border-radius: 100px; -webkit-transform: translate(12px, 12px); transform: translate(12px, 12px); }

.photo-editor-unicorn { position: absolute; -webkit-transition: all 500ms cubic-bezier(0.5, 0, 0.2, 1); transition: all 500ms cubic-bezier(0.5, 0, 0.2, 1); -webkit-transform-origin: top left; transform-origin: top left; }

.photo-editor-unicorn > .wrap { position: relative; }

.photo-editor-unicorn > .wrap > .content { position: absolute; left: 0; top: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); cursor: pointer; }

.photo-editor-unicorn > .wrap > .content img { opacity: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.photo-editor-unicorn.-loaded > .wrap > .content img { opacity: 1; }

.photo-editor-unicorn.-dragging { -webkit-transition: none; transition: none; }

.photo-editor-unicorn.-active > .wrap > .content:before { display: block; position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; border: 4px solid #FF00FF; border-radius: 5px; }

.photo-editor-unicorns { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.photo-editor-unicorns > .wrap { width: 100%; height: 100%; }

.photo-editor-unicorns > .wrap > .content { width: 100%; height: 100%; position: relative; }

.photo-editor-upload-prompt { text-align: center; background-color: white; -webkit-transform: translate(-50%, -50%) rotate(-3deg); transform: translate(-50%, -50%) rotate(-3deg); -webkit-transform-origin: center center; transform-origin: center center; max-width: 400px; padding: 40px 20px; margin-left: auto; margin-right: auto; border-radius: 5px; box-shadow: 0 20px 80px -20px rgba(0, 0, 0, 0.35); position: absolute; top: 50%; left: 50%; -webkit-transition: all 250ms cubic-bezier(0.5, 0, 0.2, 1); transition: all 250ms cubic-bezier(0.5, 0, 0.2, 1); }

.photo-editor-upload-prompt:hover { -webkit-transform: translate(-50%, -50%) rotate(2deg); transform: translate(-50%, -50%) rotate(2deg); }

.photo-editor-upload-prompt label { display: block; position: relative; }

.photo-editor-upload-prompt label input { display: block; position: absolute; opacity: 0.01; }

.coloring-palette { position: absolute; left: 50%; bottom: 60px; }

.coloring-palette > .wrap { background-color: white; border-radius: 15px; padding: 20px 25px 25px 25px; box-shadow: 0 30px 90px -20px rgba(3, 185, 108, 0.75); }

.coloring-palette > .wrap > .content ol { list-style-type: none; margin: 0; padding: 0; width: 280px; line-height: 30px; text-align: center; }

.coloring-palette > .wrap > .content ol li { display: inline-block; vertical-align: top; width: 30px; margin-top: 10px; -webkit-transition: all 250ms cubic-bezier(0.5, 0, 0.2, 1); transition: all 250ms cubic-bezier(0.5, 0, 0.2, 1); }

.coloring-palette > .wrap > .content ol li a { display: block; width: 30px; height: 30px; line-height: 30px; border-radius: 100px; }

.coloring-palette > .wrap > .content ol li.-icon { background-color: rgba(0, 0, 0, 0.05); border-radius: 100px; text-align: center; }

.coloring-palette > .wrap > .content ol li.-icon svg { width: 18px; height: 18px; fill: #FF00FF; stroke: #FF00FF; vertical-align: middle; -webkit-transform: translateY(-1px); transform: translateY(-1px); }

.coloring-palette > .wrap > .content ol li.-active a { border: 2px solid black; }

.coloring-palette > .wrap > .content ol li + li { margin-left: 5px; }

@media only screen and (max-width: 639px) { .coloring-palette { -webkit-transform: translateX(-10%); transform: translateX(-10%); } }

@media only screen and (min-width: 640px) { .coloring-palette { -webkit-transform: translateX(-50%); transform: translateX(-50%); } }

.coloring-color-button { position: relative; height: 50px; }

.coloring-color-button > a { margin-top: 5px; display: block; }

.coloring-color-button > a .-color { width: 40px; height: 40px; border-radius: 40px; -webkit-transition: all 250ms cubic-bezier(0.5, 0, 0.2, 1); transition: all 250ms cubic-bezier(0.5, 0, 0.2, 1); }

.coloring-opacity-button { position: relative; height: 50px; }

.coloring-opacity-button > a { margin-top: 5px; display: block; background-color: white; border-radius: 100px; width: 40px; height: 40px; line-height: 40px; }

.coloring-opacity-button > a svg { width: 18px; height: 18px; -webkit-transition: all 250ms cubic-bezier(0.5, 0, 0.2, 1); transition: all 250ms cubic-bezier(0.5, 0, 0.2, 1); vertical-align: middle; -webkit-transform: translateY(-1px); transform: translateY(-1px); fill: #FF00FF; stroke: #FF00FF; }

.coloring-size-button { position: relative; height: 50px; }

.coloring-size-button > a { margin-top: 5px; display: block; background-color: white; border-radius: 100px; width: 40px; height: 40px; line-height: 40px; }

.coloring-size-button > a svg { width: 18px; height: 18px; -webkit-transition: all 250ms cubic-bezier(0.5, 0, 0.2, 1); transition: all 250ms cubic-bezier(0.5, 0, 0.2, 1); vertical-align: middle; -webkit-transform: translateY(-1px); transform: translateY(-1px); fill: #FF00FF; stroke: #FF00FF; }

.coloring-brush-button { position: relative; height: 50px; }

.coloring-brush-button > a { margin-top: 5px; display: block; }

.coloring-brush-button > a .-brush { width: 40px; height: 40px; border-radius: 40px; -webkit-transition: all 250ms cubic-bezier(0.5, 0, 0.2, 1); transition: all 250ms cubic-bezier(0.5, 0, 0.2, 1); background-size: contain; background-position: center center; background-repeat: no-repeat; }

.coloring-brushes { position: absolute; left: 50%; bottom: 60px; }

.coloring-brushes > .wrap { background-color: white; border-radius: 15px; padding: 20px 25px 25px 25px; box-shadow: 0 30px 90px -20px rgba(3, 185, 108, 0.75); }

.coloring-brushes > .wrap > .content ol { list-style-type: none; margin: 0; padding: 0; width: 175px; line-height: 40px; text-align: center; }

.coloring-brushes > .wrap > .content ol li { display: inline-block; vertical-align: top; width: 40px; margin-top: 10px; -webkit-transition: all 250ms cubic-bezier(0.5, 0, 0.2, 1); transition: all 250ms cubic-bezier(0.5, 0, 0.2, 1); }

.coloring-brushes > .wrap > .content ol li a { display: block; width: 40px; height: 40px; line-height: 40px; border-radius: 100px; background-size: contain; background-position: center center; background-repeat: no-repeat; }

.coloring-brushes > .wrap > .content ol li.-active a { border: 2px solid black; }

.coloring-brushes > .wrap > .content ol li + li { margin-left: 5px; }

.coloring-brushes > .wrap > .content ol li:nth-child(4n) { margin-left: 0; }

@media only screen and (max-width: 639px) { .coloring-brushes { -webkit-transform: translateX(-25%); transform: translateX(-25%); } }

@media only screen and (min-width: 640px) { .coloring-brushes { -webkit-transform: translateX(-50%); transform: translateX(-50%); } }

.coloring-bottom-bar { position: relative; z-index: 10; }

.coloring-bottom-bar > .wrap > .content { position: relative; height: 70px; line-height: 70px; text-align: center; }

.coloring-bottom-bar.-state-pick > .wrap > .content > p { margin: 0; display: inline-block; font-size: 24px; line-height: 70px; margin-right: 40px; font-weight: bold; color: #FF00FF; }

.coloring-bottom-bar.-state-pick > .wrap > .content .slider { display: inline-block; }

.coloring-bottom-bar.-state-pick > .wrap > .content a { margin-top: 0; }

.coloring-bottom-bar.-state-pick > .wrap > .content a + a { margin-left: 40px; }

.coloring-bottom-bar.-state-draw > .wrap > .content > p, .coloring-bottom-bar.-state-draw > .wrap > .content .slider, .coloring-bottom-bar.-state-draw > .wrap > .content .coloring-size-button, .coloring-bottom-bar.-state-draw > .wrap > .content .coloring-opacity-button, .coloring-bottom-bar.-state-draw > .wrap > .content .coloring-color-button, .coloring-bottom-bar.-state-draw > .wrap > .content .coloring-scale, .coloring-bottom-bar.-state-draw > .wrap > .content .coloring-brush-button { display: inline-block; vertical-align: middle; }

.coloring-bottom-bar.-state-draw > .wrap > .content .coloring-size-button, .coloring-bottom-bar.-state-draw > .wrap > .content .coloring-opacity-button, .coloring-bottom-bar.-state-draw > .wrap > .content .coloring-scale, .coloring-bottom-bar.-state-draw > .wrap > .content .coloring-brush-button { margin-left: 40px; }

@media only screen and (max-width: 639px) { .coloring-bottom-bar.-state-pick > .wrap { padding-left: 10px; padding-right: 10px; }
  .coloring-bottom-bar.-state-pick > .wrap > .content > p { display: none; }
  .coloring-bottom-bar.-state-pick > .wrap > .content a.button { width: calc(50% - 20px); box-sizing: border-box; padding-left: 0; padding-right: 0; font-size: 16px; }
  .coloring-bottom-bar.-state-pick > .wrap > .content a.button + a { margin-left: 20px; }
  .coloring-bottom-bar.-state-draw > .wrap > .content .coloring-size-button, .coloring-bottom-bar.-state-draw > .wrap > .content .coloring-opacity-button, .coloring-bottom-bar.-state-draw > .wrap > .content .coloring-scale, .coloring-bottom-bar.-state-draw > .wrap > .content .coloring-brush-button { margin-left: 20px; }
  .coloring-bottom-bar.-state-draw > .wrap > .content a.-save { margin-left: 20px; display: inline-block; background-color: white; width: 40px; height: 40px; line-height: 40px; border-radius: 100px; text-align: center; }
  .coloring-bottom-bar.-state-draw > .wrap > .content a.-save svg { fill: #FF00FF; stroke: #FF00FF; width: 24px; height: 24px; vertical-align: middle; -webkit-transform: translateY(-2px); transform: translateY(-2px); } }

@media only screen and (min-width: 640px) { .coloring-bottom-bar.-state-draw > .wrap > .content a.-save { position: absolute; right: 20px; top: 5px; } }

.coloring-scale > .wrap > .content { position: relative; width: 100px; }

.coloring-scale > .wrap > .content:before { display: block; content: ''; position: absolute; left: 0; top: 50%; width: 100%; height: 8px; border-radius: 20px; background-color: white; opacity: 0.2; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.coloring-scale > .wrap > .content .bar { position: relative; height: 50px; }

.coloring-scale > .wrap > .content .handle { position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.coloring-scale > .wrap > .content .handle .handle-wrap { position: relative; }

.coloring-scale > .wrap > .content .handle .handle-wrap .handle-inner { background-color: #FF00FF; border-radius: 20px; box-shadow: 0 4px 8px -3px rgba(0, 0, 0, 0.35); }

.coloring-back-button { display: block; position: absolute; right: 20px; top: 20px; background-color: white; border-radius: 100px; width: 32px; height: 32px; line-height: 32px; text-align: center; z-index: 15; }

.coloring-back-button svg { width: 14px; height: 14px; fill: #FF00FF; stroke: #FF00FF; vertical-align: middle; -webkit-transform: translateY(-2px); transform: translateY(-2px); }

.coloring-top-bar { position: relative; }

.coloring-top-bar > .wrap > .content { position: relative; height: 50px; }

.coloring-share-options > .wrap { max-width: 450px; margin-left: auto; margin-right: auto; }

.coloring-share-options > .wrap > .content { text-align: center; }

.coloring-share-options > .wrap > .content h1 { font-size: calc(24.9281767956px + 1vw * 0.5524861878); }

@media only screen and (min-width: 1024px) { .coloring-share-options > .wrap > .content h1 { font-size: 32px; } }

.coloring-share-options > .wrap > .content > a { display: block; margin-top: 20px; padding: 0; width: 100%; height: 50px; line-height: 50px; height: auto; box-sizing: border-box; font-size: calc(10.3425414365px + 1vw * 0.4419889503); border-radius: 50px; border: 1px solid #ededed; text-align: center; }

@media only screen and (min-width: 1024px) { .coloring-share-options > .wrap > .content > a { font-size: 16px; } }

.coloring-share-options > .wrap > .content .-share-options { margin-top: 20px; }

.coloring-share-options > .wrap > .content .-share-options a { display: inline-block; background-color: #03B96C; font-size: 20px; font-weight: bold; line-height: 40px; padding: 0 30px; border-radius: 100px; color: white; font-weight: bold; -webkit-transition: all 150ms cubic-bezier(0.5, 0, 0.2, 1); transition: all 150ms cubic-bezier(0.5, 0, 0.2, 1); }

.coloring-share-options > .wrap > .content .-share-options a + a { margin-top: 10px; }

.coloring-share-options > .wrap > .content .-next-options { margin-top: 20px; text-align: center; }

.coloring-share-options > .wrap > .content .-next-options a { display: inline-block; font-size: 16px; color: #03B96C; font-weight: bold; white-space: nowrap; }

.coloring-share-options > .wrap > .content .-approval { margin-top: 30px; }

.coloring-share-options > .wrap > .content .-approval p { color: black; }

.coloring-share-options > .wrap > .content .-approval a { display: inline-block; background-color: white; font-size: 16px; font-weight: bold; line-height: 30px; padding: 0 30px; border-radius: 100px; color: #03B96C; font-weight: bold; -webkit-transition: all 150ms cubic-bezier(0.5, 0, 0.2, 1); transition: all 150ms cubic-bezier(0.5, 0, 0.2, 1); }

.coloring-share-options > .wrap > .content .-approval a.-active { background-color: #03B96C; color: white; }

.coloring-share-options > .wrap > .content a.-done { margin-top: 30px; display: inline-block; background-color: #FF00FF; font-size: 20px; line-height: 50px; padding: 0 30px; border-radius: 100px; color: white; font-weight: bold; }

@media only screen and (max-width: 639px) { .coloring-share-options > .wrap > .content .-next-options a + a { margin-top: 10px; } }

@media only screen and (min-width: 640px) { .coloring-share-options > .wrap > .content .-next-options a + a { margin-left: 40px; } }

.coloring-share-question > .wrap { max-width: 450px; margin-left: auto; margin-right: auto; }

.coloring-share-question > .wrap > .content { text-align: center; }

.coloring-share-question > .wrap > .content .-name h2 { font-size: calc(24.9281767956px + 1vw * 0.5524861878); }

@media only screen and (min-width: 1024px) { .coloring-share-question > .wrap > .content .-name h2 { font-size: 32px; } }

.coloring-share-question > .wrap > .content .-name input { display: block; margin-top: 20px; width: 100%; box-sizing: border-box; font-size: calc(15.5138121547px + 1vw * 0.6629834254); height: 50px; border-radius: 50px; border: 1px solid #ededed; text-align: center; }

@media only screen and (min-width: 1024px) { .coloring-share-question > .wrap > .content .-name input { font-size: 24px; } }

.coloring-share-question > .wrap > .content .-name input::-webkit-input-placeholder { color: #bbbbbb; }

.coloring-share-question > .wrap > .content .-name input::-moz-placeholder { color: #bbbbbb; }

.coloring-share-question > .wrap > .content .-name input:-ms-input-placeholder { color: #bbbbbb; }

.coloring-share-question > .wrap > .content .-name input::-ms-input-placeholder { color: #bbbbbb; }

.coloring-share-question > .wrap > .content .-name input::placeholder { color: #bbbbbb; }

.coloring-share-question > .wrap > .content .-approval { margin-top: 30px; }

.coloring-share-question > .wrap > .content .-approval p { color: black; }

.coloring-share-question > .wrap > .content .-approval a { margin-top: 20px; display: inline-block; background-color: white; font-size: 16px; font-weight: bold; line-height: 30px; padding: 0 30px; border-radius: 100px; color: #03B96C; font-weight: bold; -webkit-transition: all 150ms cubic-bezier(0.5, 0, 0.2, 1); transition: all 150ms cubic-bezier(0.5, 0, 0.2, 1); }

.coloring-share-question > .wrap > .content .-approval a.-active { background-color: #03B96C; color: white; }

.coloring-share-question > .wrap > .content a.-done { margin-top: 30px; display: inline-block; background-color: #FF00FF; font-size: 20px; line-height: 50px; padding: 0 30px; border-radius: 100px; color: white; font-weight: bold; }

.coloring-success { height: 100%; position: relative; z-index: 5; }

.coloring-success > .wrap { position: absolute; top: 50%; left: 50%; width: calc(100% - 40px); max-width: 450px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.coloring-success > .wrap > .content { background-color: #ffffff; border-radius: 15px; margin-left: auto; margin-right: auto; padding: 30px; box-shadow: 0 50px 150px -30px rgba(255, 149, 0, 0.75); }

.coloring-coloring { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; }

.coloring-coloring > .wrap > .content canvas { border-radius: 15px; }

.coloring-coloring.-inactive { pointer-events: none; }

.coloring-template { position: relative; z-index: 3; pointer-events: none; }

.coloring-template > .wrap > .content img { display: block; width: 100%; height: auto; }

.coloring-editor { position: absolute; -webkit-transition: all 250ms cubic-bezier(0.5, 0, 0.2, 1); transition: all 250ms cubic-bezier(0.5, 0, 0.2, 1); overflow: hidden; border-radius: 15px; box-shadow: 0 50px 150px -30px rgba(88, 86, 214, 0.5); }

.coloring-editor > .wrap > .content { background-color: white; }

.coloring-frame { height: calc(100vh - 120px); }

.coloring-frame > .wrap { height: 100%; }

.coloring-frame > .wrap > .content { height: 100%; }

.builder-editor .sky { position: fixed; top: 0; left: 0; width: 100%; height: 50%; }

.builder-editor .ground { position: fixed; top: 50%; left: 0; width: 100%; height: 50%; }

.builder-editor > .wrap > .content .top { position: relative; overflow: hidden; height: calc(100vh - 150px); }

.builder-editor > .wrap > .content .top > .top-wrap { position: absolute; top: 50%; left: 0; width: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-align: center; }

.builder-editor > .wrap > .content .top > .top-wrap > .top-content { position: relative; height: 100%; }

.builder-editor > .wrap > .content .top > .top-wrap > .top-content .builder-editor-background { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.builder-editor > .wrap > .content .top > .top-wrap > .top-content .builder-editor-background > .wrap { height: 100%; }

.builder-editor > .wrap > .content .top > .top-wrap > .top-content .builder-editor-background > .wrap > .content { height: 100%; position: relative; text-align: center; }

.builder-editor > .wrap > .content .top > .top-wrap > .top-content .builder-editor-background > .wrap > .content img { margin-left: -70%; width: 240%; height: 100%; }

.builder-editor > .wrap > .content .top > .top-wrap > .top-content .builder-editor-display { position: relative; }

.builder-editor > .wrap > .content .options { position: fixed; left: 0; right: 0; bottom: 0; }

.builder-editor > .wrap > .content .options > .wrap { position: relative; }

.builder-editor > .wrap > .content .options > .wrap > a.-save { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.builder-editor > .wrap > .content .options > .wrap .tip { position: absolute; left: 50%; top: 0; background-color: white; border: 2px solid #FF00FF; border-radius: 15px; padding: 20px; font-size: 24px; -webkit-transform: translate(-50%, -100%); transform: translate(-50%, -100%); box-shadow: 0 15px 45px -10px rgba(0, 0, 0, 0.2); }

.builder-editor a.-save { display: block; background-color: #FF00FF; color: white; line-height: 44px; padding: 0 30px; border-radius: 100px; position: absolute; right: 10px; top: 10px; z-index: 1000; }

.builder-editor a.-back { display: block; position: absolute; left: 10px; top: 10px; padding: 5px; z-index: 1000; }

.builder-editor a.-back svg { width: 25px; height: 25px; fill: #FF00FF; stroke: #FF00FF; }

.builder-editor.-disabled { pointer-events: none; }

.builder-success { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; }

.builder-success > .wrap { position: relative; height: 100%; }

.builder-success > .wrap > .content { position: absolute; top: 50%; left: 50%; width: calc(100% - 40px); max-width: 450px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #ffffff; border-radius: 15px; padding: 30px; box-sizing: border-box; box-shadow: 0 50px 150px -30px rgba(255, 149, 0, 0.75); }

.builder-template { padding-bottom: 120px; }

.builder-template > .wrap > .content { padding-top: 40px; text-align: center; }

.builder-template > .wrap > .content p { font-size: 22px; }

.builder-template > .wrap > .content .builder-template-list { margin-top: 10px; }

.builder-template > .wrap > .content > a { height: 60px; font-size: 20px; line-height: 60px; border-radius: 100px; background-color: #FF00FF; text-align: center; color: white; font-weight: bold; }

.builder-template a.-back { display: block; position: absolute; left: 10px; top: 10px; padding: 5px; }

.builder-template a.-back svg { width: 25px; height: 25px; fill: #FF00FF; stroke: #FF00FF; }

@media only screen and (max-width: 639px) { .builder-template > .wrap > .content .svg-text text { font-size: 24px; }
  .builder-template > .wrap > .content p { font-size: 20px; }
  .builder-template > .wrap > .content > a { display: block; position: fixed; left: 20px; bottom: 20px; right: 20px; } }

@media only screen and (min-width: 640px) { .builder-template > .wrap > .content > a { margin-top: 40px; display: inline-block; padding: 0 60px; } }

.builder-editor-display > .wrap { position: relative; }

.builder-editor-display > .wrap > .content { text-align: center; }

.builder-editor-display > .wrap > .content canvas { display: block; width: 100%; max-width: 600px; height: auto; margin-left: auto; margin-right: auto; }

.builder-editor-display.-first-render > .wrap:after { display: block; position: absolute; content: ''; left: 0; width: 100%; top: 0; height: 100%; text-align: center; color: #FF00FF; font-weight: bold; background-size: cover; background-position: center center; background-repeat: no-repeat; background-image: url("/assets/builder/outline.svg"); -webkit-animation: firstRenderLoader 2000ms linear infinite; animation: firstRenderLoader 2000ms linear infinite; }

@media only screen and (min-width: 1024px) { .builder-editor-display.-first-render > .wrap:after { background-size: contain; } }

@-webkit-keyframes firstRenderLoader { 0% { opacity: 0.1; }
  50% { opacity: 0.5; }
  100% { opacity: 0.1; } }

@keyframes firstRenderLoader { 0% { opacity: 0.1; }
  50% { opacity: 0.5; }
  100% { opacity: 0.1; } }

.builder-editor-category-list { padding-top: 5px; }

.builder-editor-category-list > .wrap { overflow: hidden; height: 60px; }

.builder-editor-category-list > .wrap > .content { text-align: center; white-space: nowrap; -webkit-overflow-scrolling: touch; overflow: hidden; overflow-x: auto; width: 100vw; padding-bottom: 20px; padding-left: 10px; padding-right: 10px; }

.builder-editor-category-list > .wrap > .content .builder-editor-category-list-item { display: inline-block; width: 60px; height: 60px; overflow: hidden; -webkit-transition: all 500ms cubic-bezier(0.5, 0, 0.2, 1); transition: all 500ms cubic-bezier(0.5, 0, 0.2, 1); background-color: #E0F4FB; border-radius: 50px; padding: 5px; font-size: 0; box-sizing: border-box; line-height: 50px; }

.builder-editor-category-list > .wrap > .content .builder-editor-category-list-item .builder-editor-category-list-item-part, .builder-editor-category-list > .wrap > .content .builder-editor-category-list-item .builder-editor-category-list-item-color { display: inline-block; background-color: white; border: 2px solid transparent; border-radius: 50px; text-align: center; vertical-align: top; overflow: hidden; width: 50px; height: 50px; box-sizing: border-box; }

.builder-editor-category-list > .wrap > .content .builder-editor-category-list-item .builder-editor-category-list-item-part img, .builder-editor-category-list > .wrap > .content .builder-editor-category-list-item .builder-editor-category-list-item-color img { width: 46px; height: 46px; }

.builder-editor-category-list > .wrap > .content .builder-editor-category-list-item .builder-editor-category-list-item-part.-active, .builder-editor-category-list > .wrap > .content .builder-editor-category-list-item .builder-editor-category-list-item-color.-active { border-color: #FF00FF; }

.builder-editor-category-list > .wrap > .content .builder-editor-category-list-item .builder-editor-category-list-item-part + .builder-editor-category-list-item-part, .builder-editor-category-list > .wrap > .content .builder-editor-category-list-item .builder-editor-category-list-item-part + .builder-editor-category-list-item-color, .builder-editor-category-list > .wrap > .content .builder-editor-category-list-item .builder-editor-category-list-item-color + .builder-editor-category-list-item-part, .builder-editor-category-list > .wrap > .content .builder-editor-category-list-item .builder-editor-category-list-item-color + .builder-editor-category-list-item-color { margin-left: 5px; }

.builder-editor-category-list > .wrap > .content .builder-editor-category-list-item.-active { border-color: #FF00FF; }

.builder-editor-category-list > .wrap > .content .builder-editor-category-list-item.-active.-colors-1 { width: 115px; }

.builder-editor-category-list > .wrap > .content .builder-editor-category-list-item.-active.-colors-2 { width: 170px; }

.builder-editor-category-list > .wrap > .content .builder-editor-category-list-item.-active.-colors-3 { width: 225px; }

.builder-editor-category-list > .wrap > .content .builder-editor-category-list-item.-active.-colors-4 { width: 280px; }

.builder-editor-category-list > .wrap > .content .builder-editor-category-list-item.-active.-colors-5 { width: 335px; }

.builder-editor-category-list > .wrap > .content .builder-editor-category-list-item + .builder-editor-category-list-item { margin-left: 10px; }

.builder-editor-part-list { padding-top: 10px; padding-bottom: 10px; }

.builder-editor-part-list > .wrap > .content { text-align: center; white-space: nowrap; -webkit-overflow-scrolling: touch; overflow: hidden; overflow-x: auto; width: 100vw; }

.builder-editor-part-list > .wrap > .content .-clear, .builder-editor-part-list > .wrap > .content .builder-editor-part-list-item { display: inline-block; vertical-align: top; position: relative; }

.builder-editor-part-list > .wrap > .content .-clear > a, .builder-editor-part-list > .wrap > .content .builder-editor-part-list-item > a { display: block; border: 2px solid transparent; background-color: #E0F4FB; border-radius: 50px; width: 60px; height: 60px; }

.builder-editor-part-list > .wrap > .content .-clear > a img, .builder-editor-part-list > .wrap > .content .builder-editor-part-list-item > a img { width: 56px; height: 56px; vertical-align: middle; }

.builder-editor-part-list > .wrap > .content .-clear.-active > a, .builder-editor-part-list > .wrap > .content .builder-editor-part-list-item.-active > a { border-color: #FF00FF; }

.builder-editor-part-list > .wrap > .content .-clear.-active > a svg, .builder-editor-part-list > .wrap > .content .builder-editor-part-list-item.-active > a svg { fill: #FF00FF; stroke: #FF00FF; }

.builder-editor-part-list > .wrap > .content .-clear + .-clear, .builder-editor-part-list > .wrap > .content .-clear + .builder-editor-part-list-item, .builder-editor-part-list > .wrap > .content .builder-editor-part-list-item + .-clear, .builder-editor-part-list > .wrap > .content .builder-editor-part-list-item + .builder-editor-part-list-item { margin-left: 10px; }

.builder-editor-part-list > .wrap > .content .-clear { line-height: 60px; text-align: center; }

.builder-editor-part-list > .wrap > .content .-clear svg { width: 18px; height: 18px; fill: #bbbbbb; stroke: #bbbbbb; vertical-align: middle; -webkit-transform: translateY(-2px); transform: translateY(-2px); }

.builder-editor-part-list > .wrap > .content .-clear:hover svg { fill: #FF00FF; stroke: #FF00FF; }

.builder-editor-color-list { padding-top: 5px; }

.builder-editor-color-list > .wrap > .content { text-align: center; white-space: nowrap; -webkit-overflow-scrolling: touch; overflow: hidden; overflow-x: auto; width: 100vw; }

.builder-editor-color-list > .wrap > .content .builder-editor-color-list-item { display: inline-block; background-color: #E0F4FB; border: 2px solid transparent; border-radius: 50px; text-align: center; vertical-align: top; overflow: hidden; width: 40px; height: 40px; line-height: 40px; }

.builder-editor-color-list > .wrap > .content .builder-editor-color-list-item img { width: 40px; height: 40px; }

.builder-editor-color-list > .wrap > .content .builder-editor-color-list-item.-active { border-color: #FF00FF; }

.builder-editor-color-list > .wrap > .content .builder-editor-color-list-item + .builder-editor-color-list-item { margin-left: 10px; }

@media only screen and (min-width: 640px) { .builder-editor-color-picker > .wrap { position: relative; } }

.builder-editor-color-picker-palette { padding-top: 5px; padding-bottom: 10px; }

.builder-editor-color-picker-palette > .wrap { overflow: hidden; height: 60px; }

.builder-editor-color-picker-palette > .wrap > .content { text-align: center; white-space: nowrap; -webkit-overflow-scrolling: touch; overflow: hidden; overflow-x: auto; width: 100vw; padding-bottom: 20px; padding-left: 10px; padding-right: 10px; }

.builder-editor-color-picker-palette > .wrap > .content .-add { display: inline-block; width: 60px; height: 60px; border-radius: 100px; border: 2px solid #FF00FF; line-height: 60px; vertical-align: middle; }

.builder-editor-color-picker-palette > .wrap > .content .-add svg { width: 30px; height: 30px; fill: #FF00FF; stroke: #FF00FF; vertical-align: middle; -webkit-transform: translateY(-4px); transform: translateY(-4px); }

.builder-editor-color-picker-palette > .wrap > .content .builder-editor-color-picker-palette-color { display: inline-block; width: 60px; height: 60px; border-radius: 100px; border: 2px solid rgba(255, 255, 255, 0); vertical-align: middle; margin-left: 10px; }

.builder-editor-color-picker-palette > .wrap > .content .builder-editor-color-picker-palette-color > .wrap > .content p { display: none; }

.builder-editor-color-picker-palette > .wrap > .content .builder-editor-color-picker-palette-color.-active { border-color: #FF00FF; }

.builder-editor-color-picker-palette > .wrap > .content .builder-editor-color-picker-palette-color.-active > .wrap > .content p { color: #FF00FF; }

.builder-editor-color-picker-spectrum > .wrap > .content { position: relative; }

.builder-editor-color-picker-spectrum > .wrap > .content:after { content: ""; display: table; clear: both; }

.builder-editor-color-picker-spectrum > .wrap > .content .builder-editor-color-picker-spectrum-color { float: left; position: relative; }

.builder-editor-color-picker-spectrum > .wrap > .content .builder-editor-color-picker-spectrum-color > .handle { position: absolute; width: 10px; height: 10px; border-radius: 10px; border: 2px solid #FF00FF; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); pointer-events: none; }

.builder-editor-color-picker-spectrum > .wrap > .content .builder-editor-color-picker-spectrum-darkness { float: left; margin-left: 20px; position: relative; }

.builder-editor-color-picker-spectrum > .wrap > .content .builder-editor-color-picker-spectrum-darkness .handle { position: absolute; left: 0; width: 100%; height: 2px; background-color: #FF00FF; -webkit-transform: translateY(-50%); transform: translateY(-50%); pointer-events: none; }

.builder-editor-color-picker-spectrum > .wrap > a { position: absolute; top: 0; right: 0; width: 30px; height: 30px; line-height: 30px; border-radius: 20px; background-color: #5856D6; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); text-align: center; }

.builder-editor-color-picker-spectrum > .wrap > a svg { width: 12px; height: 12px; -webkit-transform: translateY(-1px); transform: translateY(-1px); vertical-align: middle; fill: white; stroke: white; }

@media only screen and (max-width: 639px) { .builder-editor-color-picker-spectrum { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: white; }
  .builder-editor-color-picker-spectrum > .wrap { position: relative; height: 100%; }
  .builder-editor-color-picker-spectrum > .wrap > a { right: 35px; }
  .builder-editor-color-picker-spectrum > .wrap > a svg { -webkit-transform: translateY(-2px); transform: translateY(-2px); }
  .builder-editor-color-picker-spectrum > .wrap > .content { position: absolute; left: 0; top: 50%; width: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-align: center; }
  .builder-editor-color-picker-spectrum > .wrap > .content .builder-editor-color-picker-spectrum-color { float: none; display: inline-block; vertical-align: top; }
  .builder-editor-color-picker-spectrum > .wrap > .content .builder-editor-color-picker-spectrum-darkness { float: none; display: inline-block; vertical-align: top; } }

@media only screen and (min-width: 640px) { .builder-editor-color-picker-spectrum { position: absolute; left: 50%; bottom: 100%; -webkit-transform: translate(-50%, -10px); transform: translate(-50%, -10px); }
  .builder-editor-color-picker-spectrum > .wrap { position: relative; background-color: white; border-radius: 15px; padding: 20px; box-shadow: 0 15px 45px -10px rgba(0, 0, 0, 0.25); }
  .builder-editor-color-picker-spectrum > .wrap:before { content: ''; display: block; position: absolute; width: 20px; height: 20px; border-radius: 3px; left: 50%; bottom: 0; -webkit-transform: translate(-50%, 50%) rotate(45deg); transform: translate(-50%, 50%) rotate(45deg); } }

.builder-success-name > .wrap { max-width: 450px; margin-left: auto; margin-right: auto; }

.builder-success-name > .wrap > .content { text-align: center; }

.builder-success-name > .wrap > .content .-name h2 { font-size: calc(24.9281767956px + 1vw * 0.5524861878); }

@media only screen and (min-width: 1024px) { .builder-success-name > .wrap > .content .-name h2 { font-size: 32px; } }

.builder-success-name > .wrap > .content .-name input { display: block; margin-top: 20px; width: 100%; box-sizing: border-box; font-size: calc(15.5138121547px + 1vw * 0.6629834254); height: 50px; border-radius: 50px; border: 1px solid #bbbbbb; text-align: center; }

@media only screen and (min-width: 1024px) { .builder-success-name > .wrap > .content .-name input { font-size: 24px; } }

.builder-success-name > .wrap > .content .-name input::-webkit-input-placeholder { color: #bbbbbb; }

.builder-success-name > .wrap > .content .-name input::-moz-placeholder { color: #bbbbbb; }

.builder-success-name > .wrap > .content .-name input:-ms-input-placeholder { color: #bbbbbb; }

.builder-success-name > .wrap > .content .-name input::-ms-input-placeholder { color: #bbbbbb; }

.builder-success-name > .wrap > .content .-name input::placeholder { color: #bbbbbb; }

.builder-success-name > .wrap > .content .-name input:focus { border-color: #5856D6; }

.builder-success-name > .wrap > .content .-approval { margin-top: 30px; }

.builder-success-name > .wrap > .content .-approval p { color: black; }

.builder-success-name > .wrap > .content .-approval a { margin-top: 20px; display: inline-block; background-color: white; font-size: 16px; font-weight: bold; line-height: 30px; padding: 0 30px; border-radius: 100px; color: #03B96C; font-weight: bold; -webkit-transition: all 150ms cubic-bezier(0.5, 0, 0.2, 1); transition: all 150ms cubic-bezier(0.5, 0, 0.2, 1); }

.builder-success-name > .wrap > .content .-approval a.-active { background-color: #03B96C; color: white; }

.builder-success-name > .wrap > .content a.-done { margin-top: 30px; display: inline-block; background-color: #FF00FF; font-size: 20px; line-height: 50px; padding: 0 30px; border-radius: 100px; color: white; font-weight: bold; }

.builder-success-options > .wrap { max-width: 450px; margin-left: auto; margin-right: auto; }

.builder-success-options > .wrap > .content { text-align: center; }

.builder-success-options > .wrap > .content h1 { font-size: calc(24.9281767956px + 1vw * 0.5524861878); }

@media only screen and (min-width: 1024px) { .builder-success-options > .wrap > .content h1 { font-size: 32px; } }

.builder-success-options > .wrap > .content > a { display: block; margin-top: 20px; padding: 0; width: 100%; height: 50px; line-height: 50px; height: auto; box-sizing: border-box; font-size: calc(10.3425414365px + 1vw * 0.4419889503); border-radius: 50px; border: 1px solid #ededed; text-align: center; }

@media only screen and (min-width: 1024px) { .builder-success-options > .wrap > .content > a { font-size: 16px; } }

.builder-success-options > .wrap > .content .-share-options { margin-top: 20px; }

.builder-success-options > .wrap > .content .-share-options a { display: inline-block; background-color: #03B96C; font-size: 20px; font-weight: bold; line-height: 40px; padding: 0 30px; border-radius: 100px; color: white; font-weight: bold; -webkit-transition: all 150ms cubic-bezier(0.5, 0, 0.2, 1); transition: all 150ms cubic-bezier(0.5, 0, 0.2, 1); }

.builder-success-options > .wrap > .content .-share-options a + a { margin-top: 10px; }

.builder-success-options > .wrap > .content .-next-options { margin-top: 20px; text-align: center; }

.builder-success-options > .wrap > .content .-next-options a { display: inline-block; font-size: 16px; color: #03B96C; font-weight: bold; white-space: nowrap; }

.builder-success-options > .wrap > .content .-approval { margin-top: 30px; }

.builder-success-options > .wrap > .content .-approval p { color: black; }

.builder-success-options > .wrap > .content .-approval a { display: inline-block; background-color: white; font-size: 16px; font-weight: bold; line-height: 30px; padding: 0 30px; border-radius: 100px; color: #03B96C; font-weight: bold; -webkit-transition: all 150ms cubic-bezier(0.5, 0, 0.2, 1); transition: all 150ms cubic-bezier(0.5, 0, 0.2, 1); }

.builder-success-options > .wrap > .content .-approval a.-active { background-color: #03B96C; color: white; }

.builder-success-options > .wrap > .content a.-done { margin-top: 30px; display: inline-block; background-color: #FF00FF; font-size: 20px; line-height: 50px; padding: 0 30px; border-radius: 100px; color: white; font-weight: bold; }

@media only screen and (max-width: 639px) { .builder-success-options > .wrap > .content .-next-options a + a { margin-top: 10px; } }

@media only screen and (min-width: 640px) { .builder-success-options > .wrap > .content .-next-options a + a { margin-left: 40px; } }

.builder-success-privacy > .wrap { max-width: 450px; margin-left: auto; margin-right: auto; }

.builder-success-privacy > .wrap > .content { text-align: center; }

.builder-success-privacy > .wrap > .content .-name h2 { font-size: calc(24.9281767956px + 1vw * 0.5524861878); }

@media only screen and (min-width: 1024px) { .builder-success-privacy > .wrap > .content .-name h2 { font-size: 32px; } }

.builder-success-privacy > .wrap > .content .-name input { display: block; margin-top: 20px; width: 100%; box-sizing: border-box; font-size: calc(15.5138121547px + 1vw * 0.6629834254); height: 50px; border-radius: 50px; border: 1px solid #ededed; text-align: center; }

@media only screen and (min-width: 1024px) { .builder-success-privacy > .wrap > .content .-name input { font-size: 24px; } }

.builder-success-privacy > .wrap > .content .-name input::-webkit-input-placeholder { color: #bbbbbb; }

.builder-success-privacy > .wrap > .content .-name input::-moz-placeholder { color: #bbbbbb; }

.builder-success-privacy > .wrap > .content .-name input:-ms-input-placeholder { color: #bbbbbb; }

.builder-success-privacy > .wrap > .content .-name input::-ms-input-placeholder { color: #bbbbbb; }

.builder-success-privacy > .wrap > .content .-name input::placeholder { color: #bbbbbb; }

.builder-success-privacy > .wrap > .content .-approval { margin-top: 30px; }

.builder-success-privacy > .wrap > .content .-approval p { color: black; }

.builder-success-privacy > .wrap > .content .-approval a { margin-top: 20px; display: inline-block; background-color: white; font-size: 16px; font-weight: bold; line-height: 30px; padding: 0 30px; border-radius: 100px; color: #03B96C; font-weight: bold; -webkit-transition: all 150ms cubic-bezier(0.5, 0, 0.2, 1); transition: all 150ms cubic-bezier(0.5, 0, 0.2, 1); }

.builder-success-privacy > .wrap > .content .-approval a.-active { background-color: #03B96C; color: white; }

.builder-success-privacy > .wrap > .content a.-done { margin-top: 30px; display: inline-block; background-color: #FF00FF; font-size: 20px; line-height: 50px; padding: 0 30px; border-radius: 100px; color: white; font-weight: bold; }

.builder-success-question > .wrap { max-width: 450px; margin-left: auto; margin-right: auto; }

.builder-success-question > .wrap > .content { text-align: center; }

.builder-success-question > .wrap > .content .-name h2 { font-size: calc(24.9281767956px + 1vw * 0.5524861878); }

@media only screen and (min-width: 1024px) { .builder-success-question > .wrap > .content .-name h2 { font-size: 32px; } }

.builder-success-question > .wrap > .content .-name input { display: block; margin-top: 20px; width: 100%; box-sizing: border-box; font-size: calc(15.5138121547px + 1vw * 0.6629834254); height: 50px; border-radius: 50px; border: 1px solid #bbbbbb; text-align: center; }

@media only screen and (min-width: 1024px) { .builder-success-question > .wrap > .content .-name input { font-size: 24px; } }

.builder-success-question > .wrap > .content .-name input::-webkit-input-placeholder { color: #bbbbbb; }

.builder-success-question > .wrap > .content .-name input::-moz-placeholder { color: #bbbbbb; }

.builder-success-question > .wrap > .content .-name input:-ms-input-placeholder { color: #bbbbbb; }

.builder-success-question > .wrap > .content .-name input::-ms-input-placeholder { color: #bbbbbb; }

.builder-success-question > .wrap > .content .-name input::placeholder { color: #bbbbbb; }

.builder-success-question > .wrap > .content .-name input:focus { border-color: #5856D6; }

.builder-success-question > .wrap > .content .-approval { margin-top: 30px; }

.builder-success-question > .wrap > .content .-approval p { color: black; }

.builder-success-question > .wrap > .content .-approval a { margin-top: 20px; display: inline-block; background-color: white; font-size: 16px; font-weight: bold; line-height: 30px; padding: 0 30px; border-radius: 100px; color: #03B96C; font-weight: bold; -webkit-transition: all 150ms cubic-bezier(0.5, 0, 0.2, 1); transition: all 150ms cubic-bezier(0.5, 0, 0.2, 1); }

.builder-success-question > .wrap > .content .-approval a.-active { background-color: #03B96C; color: white; }

.builder-success-question > .wrap > .content a.-done { margin-top: 30px; display: inline-block; background-color: #FF00FF; font-size: 20px; line-height: 50px; padding: 0 30px; border-radius: 100px; color: white; font-weight: bold; }

.builder-template-list > .wrap { max-width: 400px; margin-left: auto; margin-right: auto; }

.builder-template-list > .wrap:after { content: ""; display: table; clear: both; }

.builder-template-list > .wrap > .content .builder-template-list-item { float: left; display: block; border: 2px solid transparent; border-radius: 500px; width: calc(50% - 10px); margin-top: 20px; background-color: #E0F4FB; background-size: cover; background-position: center center; background-repeat: no-repeat; -webkit-transition: opacity 250ms cubic-bezier(0.5, 0, 0.2, 1); transition: opacity 250ms cubic-bezier(0.5, 0, 0.2, 1); }

.builder-template-list > .wrap > .content .builder-template-list-item > img { width: 100%; height: auto; }

.builder-template-list > .wrap > .content .builder-template-list-item > .wrap { padding-bottom: 100%; }

.builder-template-list > .wrap > .content .builder-template-list-item > .wrap img { display: none; width: 100%; height: auto; }

.builder-template-list > .wrap > .content .builder-template-list-item.-loading { opacity: 0; }

.builder-template-list > .wrap > .content .builder-template-list-item.-active { border-color: #FF00FF; }

.builder-template-list > .wrap > .content .builder-template-list-item:nth-child(2n) { margin-left: 20px; }

@media only screen and (max-width: 639px) { .builder-template-list { padding-left: 40px; padding-right: 40px; } }

@media only screen and (min-width: 1024px) { .builder-template-list > .wrap { max-width: 600px; }
  .builder-template-list > .wrap > .content .builder-template-list-item { width: calc(33.33% - 20px); margin-left: 30px; }
  .builder-template-list > .wrap > .content .builder-template-list-item:nth-child(3n+1) { margin-left: 0; } }

.button-bookmarklet a.-bookmarklet { display: block; line-height: 60px; border: 1px solid rgba(51, 128, 255, 0.2); background-color: rgba(51, 128, 255, 0.1); border-radius: 10px; text-align: center; max-width: 200px; margin-left: auto; margin-right: auto; }

.button-bookmarklet a.-bookmarklet + h2 { margin-top: 20px; }

.button-browser > .wrap > .content { text-align: center; }

.button-browser > .wrap > .content h2 { font-size: calc(20.6850828729px + 1vw * 0.8839779006); }

@media only screen and (min-width: 1024px) { .button-browser > .wrap > .content h2 { font-size: 32px; } }

.button-browser > .wrap > .content > p { margin-top: 10px; font-size: 18px; }

.button-browser > .wrap > .content ol.options { margin-top: 30px; }

.button-browser > .wrap > .content ol.options li { text-align: center; }

.button-browser > .wrap > .content ol.options li > a { display: inline-block; }

.button-browser > .wrap > .content ol.options li > a img { display: inline-block; width: 100%; max-width: 220px; height: auto; border-radius: 5px; }

.button-browser > .wrap > .content ol.options li > a:last-child { margin-top: 20px; }

.button-browser > .wrap > .content ol.options li h3 { margin-top: 15px; }

.button-browser > .wrap > .content ol.options li p { margin-top: 10px; }

.button-browser > .wrap > .content ol.options li:first-child > a { display: block; text-align: center; line-height: 165px; color: #FF00FF; font-size: 24px; text-decoration: underline; border-radius: 15px; max-width: 200px; margin-left: auto; margin-right: auto; background-color: #fbfbfb; }

@media only screen and (max-width: 639px) { .button-browser > .wrap > .content ol.options li + li { margin-top: 50px; } }

@media only screen and (min-width: 640px) { .button-browser > .wrap > .content ol.options:after { content: ""; display: table; clear: both; }
  .button-browser > .wrap > .content ol.options li { float: left; width: calc(50% - 1px); }
  .button-browser > .wrap > .content ol.options li + li { margin-left: 2px; } }

.button-button > .wrap > .content { text-align: center; }

.button-button > .wrap > .content h1 { font-size: calc(25.8563535912px + 1vw * 1.1049723757); }

@media only screen and (min-width: 1024px) { .button-button > .wrap > .content h1 { font-size: 40px; } }

.button-button > .wrap > .content p { margin-top: 20px; font-size: 18px; }

.button-button > .wrap > .content > a { margin-top: 20px; display: inline-block; }

.button-button > .wrap > .content textarea { margin-top: 20px; display: block; width: 100%; box-sizing: border-box; background-color: white; border-width: 0; border-radius: 10px; font-size: 16px; padding: 20px; color: black; height: 100px; border: 2px solid #ededed; }

.button-chrome.-not-installed > a.-image img { width: 100%; max-width: 200px; height: auto; border-radius: 10px; }

.button-chrome.-not-installed > a.-image + h2 { margin-top: 10px; }

.button-irl > .wrap > .content { text-align: center; }

.button-irl > .wrap > .content h2 { font-size: calc(20.6850828729px + 1vw * 0.8839779006); }

@media only screen and (min-width: 1024px) { .button-irl > .wrap > .content h2 { font-size: 32px; } }

.button-irl > .wrap > .content > p { margin-top: 10px; font-size: 18px; }

.button-irl > .wrap > .content ol.pics { margin-top: 20px; }

.button-irl > .wrap > .content ol.pics li img { width: 100%; height: auto; }

.button-irl > .wrap > .content ol.options { margin-top: 30px; }

.button-irl > .wrap > .content ol.options li { text-align: center; }

.button-irl > .wrap > .content ol.options li a { display: inline-block; }

.button-irl > .wrap > .content ol.options li a img { display: inline-block; width: 100%; max-width: 140px; height: auto; border-radius: 5px; }

.button-irl > .wrap > .content ol.options li a:last-child { margin-top: 20px; }

.button-irl > .wrap > .content ol.options li:first-child a img { max-width: 186px; }

@media only screen and (max-width: 639px) { .button-irl > .wrap > .content ol.options li + li { margin-top: 50px; } }

@media only screen and (min-width: 640px) { .button-irl > .wrap > .content ol.pics:after { content: ""; display: table; clear: both; }
  .button-irl > .wrap > .content ol.pics li { float: left; width: calc(50% - 1px); }
  .button-irl > .wrap > .content ol.pics li + li { margin-left: 2px; }
  .button-irl > .wrap > .content ol.options:after { content: ""; display: table; clear: both; }
  .button-irl > .wrap > .content ol.options li { float: left; width: calc(50% - 1px); }
  .button-irl > .wrap > .content ol.options li + li { margin-left: 2px; } }

.lightning-invoice-default p { font-size: calc(21.1712707182px + 1vw * 0.2209944751); }

@media only screen and (min-width: 1024px) { .lightning-invoice-default p { font-size: 24px; } }

.lightning-info > a svg { vertical-align: middle; width: 16px; height: 16px; fill: #3380FF; stroke: #3380FF; }

.lightning-info > a.-active svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.lightning-info h2 { margin-top: 30px; }

.lightning-invoice-card { box-size: border-box; }

.lightning-invoice-card h3 { font-size: calc(14.5414364641px + 1vw * 1.9889502762); }

@media only screen and (min-width: 1024px) { .lightning-invoice-card h3 { font-size: 40px; } }

.lightning-invoice-card p { font-size: calc(12px + 1vw * 0); word-break: break-word; font-weight: normal; }

@media only screen and (min-width: 1024px) { .lightning-invoice-card p { font-size: 12px; } }

.lightning-invoice-card p b { font-size: calc(12px + 1vw * 0); font-weight: bold; }

@media only screen and (min-width: 1024px) { .lightning-invoice-card p b { font-size: 12px; } }

.lightning-invoice-card .qr { display: none; }

.lightning-invoice-card.-no-invoice { text-align: center; }

.lightning-invoice-card.-no-invoice input { margin-top: 10px; background-color: white; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #808080; width: 100%; display: inline-block; box-sizing: border-box; max-width: 300px; height: 32px; line-height: 32px; padding: 0 10px; border-radius: 5px; }

.lightning-invoice-card.-invoice { background-color: #5856D6; border-radius: 20px; padding: 20px; position: relative; text-align: left; }

.lightning-invoice-card.-invoice h3, .lightning-invoice-card.-invoice p { color: white; }

.lightning-invoice-card.-invoice h3 + p { margin-top: 10px; }

.lightning-invoice-card.-invoice p + p { margin-top: 10px; }

.lightning-invoice-card.-invoice .qr { display: block; padding: 10px; background-color: white; border-radius: 5px; }

.lightning-invoice-card.-invoice .qr canvas { width: 200px; height: 200px; }

.lightning-invoice-card.-invoice .qr img { display: block; width: 200px; height: 200px; }

.lightning-invoice-card.-invoice.-paid { background-color: #03B96C; }

@media only screen and (max-width: 639px) { .lightning-invoice-card.-invoice { text-align: center; }
  .lightning-invoice-card.-invoice .qr { margin-top: 20px; display: inline-block; }
  .lightning-invoice-card.-invoice .qr + p { margin-top: 10px; } }

@media only screen and (min-width: 640px) { .lightning-invoice-card.-invoice { min-height: 260px; }
  .lightning-invoice-card.-invoice h3, .lightning-invoice-card.-invoice p { color: white; padding-right: 260px; }
  .lightning-invoice-card.-invoice .qr { position: absolute; right: 20px; top: 20px; }
  .lightning-invoice-card.-invoice .qr + p { font-size: 16px; margin-top: 10px; line-height: 1.6; }
  .lightning-invoice-card.-invoice .qr + p b { font-size: 16px; } }

.glitter { position: fixed; top: 0; left: 0; pointer-events: none; z-index: 10000; }

.glitter > .wrap > .content .glitter-sparkle { position: fixed; -webkit-transition: all 500ms cubic-bezier(0.5, 0, 0.2, 1); transition: all 500ms cubic-bezier(0.5, 0, 0.2, 1); }

.glitter > .wrap > .content .glitter-sparkle > .wrap > .content { position: relative; -webkit-animation: glitterSparkleSpin 5000ms infinite linear; animation: glitterSparkleSpin 5000ms infinite linear; }

.glitter > .wrap > .content .glitter-sparkle > .wrap > .content:before, .glitter > .wrap > .content .glitter-sparkle > .wrap > .content:after { display: block; content: ''; position: absolute; border-radius: 100px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 30px; height: 30px; background: radial-gradient(white, rgba(255, 255, 255, 0)); }

.glitter > .wrap > .content .glitter-sparkle > .wrap > .content:before { -webkit-transform: translate(-50%, -50%) scale(1, 0.2); transform: translate(-50%, -50%) scale(1, 0.2); }

.glitter > .wrap > .content .glitter-sparkle > .wrap > .content:after { -webkit-transform: translate(-50%, -50%) scale(0.2, 1); transform: translate(-50%, -50%) scale(0.2, 1); }

@-webkit-keyframes glitterSparkleSpin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } }

@keyframes glitterSparkleSpin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } }

.glitter-text { position: fixed; pointer-events: none; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%) scale(0, 0); transform: translate(-50%, -50%) scale(0, 0); -webkit-transition: all 500ms cubic-bezier(0.5, 0, 0.2, 1); transition: all 500ms cubic-bezier(0.5, 0, 0.2, 1); opacity: 0; }

.glitter-text > .wrap > .content p { font-size: calc(-15.7790055249px + 1vw * 10.6077348066); white-space: nowrap; text-align: center; color: #FF00FF; letter-spacing: -0.5em; -webkit-transition: all 500ms cubic-bezier(0.5, 0, 0.2, 1); transition: all 500ms cubic-bezier(0.5, 0, 0.2, 1); text-shadow: -3px -3px 0 white, 0 -3px 0 white, 3px -3px 0 white, 3px 0 0 white, 3px 3px 0 white, 0 3px 0 white, -3px 3px 0 white, -3px 0 0 white; }

@media only screen and (min-width: 1024px) { .glitter-text > .wrap > .content p { font-size: 120px; } }

.glitter-text > .wrap > .content p span:nth-child(5n+1) { color: #FFCC00; }

.glitter-text > .wrap > .content p span:nth-child(5n+2) { color: #03B96C; }

.glitter-text > .wrap > .content p span:nth-child(5n+3) { color: #3380FF; }

.glitter-text > .wrap > .content p span:nth-child(5n+4) { color: #FF9500; }

.glitter-text.-step-one { opacity: 1; -webkit-transform: translate(-50%, -50%) scale(1, 1); transform: translate(-50%, -50%) scale(1, 1); }

.glitter-text.-step-one > .wrap > .content p { letter-spacing: -0em; }

.glitter-text.-step-one.-step-two { opacity: 0; -webkit-transform: translate(-50%, -50%) scale(2, 2); transform: translate(-50%, -50%) scale(2, 2); }

.glitter-text.-step-one.-step-two > .wrap > .content p { letter-spacing: 0.5em; }

.glitter-heart { position: fixed; -webkit-transition: all 500ms cubic-bezier(0.5, 0, 0.2, 1); transition: all 500ms cubic-bezier(0.5, 0, 0.2, 1); }

.glitter-heart > .wrap > .content { position: relative; }

.glitter-heart.-white > .wrap > .content svg { fill: white; stroke: white; }

.glitter-heart.-green > .wrap > .content svg { fill: #03B96C; stroke: #03B96C; }

.glitter-heart.-blue > .wrap > .content svg { fill: #3380FF; stroke: #3380FF; }

.glitter-heart.-orange > .wrap > .content svg { fill: #FF9500; stroke: #FF9500; }

.glitter-heart.-pink > .wrap > .content svg { fill: #FF00FF; stroke: #FF00FF; }

.glitter-heart.-purple > .wrap > .content svg { fill: #5856D6; stroke: #5856D6; }

.glitter-motivate { position: fixed; pointer-events: none; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 500ms cubic-bezier(0.5, 0, 0.2, 1); transition: all 500ms cubic-bezier(0.5, 0, 0.2, 1); }

.glitter-motivate > .wrap > .content { position: relative; }

.glitter-motivate > .wrap > .content .rainbows .rainbow { position: relative; -webkit-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); -webkit-transition: all 500ms cubic-bezier(0.5, 0, 0.2, 1); transition: all 500ms cubic-bezier(0.5, 0, 0.2, 1); opacity: 0; }

.glitter-motivate > .wrap > .content .rainbows .rainbow .rainbow-inner { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transform-origin: center center; transform-origin: center center; background-image: url("/assets/rainbow-third.png"); background-size: contain; background-repeat: no-repeat; background-position: center center; }

.glitter-motivate > .wrap > .content .rainbows .rainbow:nth-child(1) .rainbow-inner { -webkit-animation: rotateMotivationalRainbow 500ms infinite linear; animation: rotateMotivationalRainbow 500ms infinite linear; }

.glitter-motivate > .wrap > .content .rainbows .rainbow:nth-child(2) { -webkit-transition-delay: 100ms; transition-delay: 100ms; }

.glitter-motivate > .wrap > .content .rainbows .rainbow:nth-child(2) .rainbow-inner { -webkit-animation: rotateMotivationalRainbowTwo 1000ms infinite linear; animation: rotateMotivationalRainbowTwo 1000ms infinite linear; }

.glitter-motivate > .wrap > .content .rainbows .rainbow:nth-child(3) { -webkit-transition-delay: 200ms; transition-delay: 200ms; }

.glitter-motivate > .wrap > .content .rainbows .rainbow:nth-child(3) .rainbow-inner { -webkit-animation: rotateMotivationalRainbowThree 1500ms infinite linear; animation: rotateMotivationalRainbowThree 1500ms infinite linear; }

.glitter-motivate > .wrap > .content .rainbows .rainbow:nth-child(4) { -webkit-transition-delay: 300ms; transition-delay: 300ms; }

.glitter-motivate > .wrap > .content .rainbows .rainbow:nth-child(4) .rainbow-inner { -webkit-animation: rotateMotivationalRainbowFour 2000ms infinite linear; animation: rotateMotivationalRainbowFour 2000ms infinite linear; }

.glitter-motivate > .wrap > .content .rainbows .rainbow:nth-child(5) { -webkit-transition-delay: 400ms; transition-delay: 400ms; }

.glitter-motivate > .wrap > .content .rainbows .rainbow:nth-child(5) .rainbow-inner { -webkit-animation: rotateMotivationalRainbowFive 2500ms infinite linear; animation: rotateMotivationalRainbowFive 2500ms infinite linear; }

.glitter-motivate > .wrap > .content .unicorn { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%) scale(0.25, 0.25); transform: translate(-50%, -50%) scale(0.25, 0.25); opacity: 0; -webkit-transition: all 500ms cubic-bezier(0.5, 0, 0.2, 1); transition: all 500ms cubic-bezier(0.5, 0, 0.2, 1); }

.glitter-motivate > .wrap > .content .unicorn img { display: block; margin-left: auto; margin-right: auto; height: auto; }

.glitter-motivate > .wrap > .content .unicorn p { margin-top: 20px; position: relative; font-size: calc(56px + 1vw * 0); text-align: center; color: #FF00FF; width: calc(100vw - 40px); line-height: 1; letter-spacing: -0.5em; -webkit-transition: all 500ms cubic-bezier(0.5, 0, 0.2, 1); transition: all 500ms cubic-bezier(0.5, 0, 0.2, 1); text-shadow: -3px -3px 0 white, 0 -3px 0 white, 3px -3px 0 white, 3px 0 0 white, 3px 3px 0 white, 0 3px 0 white, -3px 3px 0 white, -3px 0 0 white; }

@media only screen and (min-width: 1024px) { .glitter-motivate > .wrap > .content .unicorn p { font-size: 56px; } }

.glitter-motivate.-step-one { opacity: 1; }

.glitter-motivate.-step-one > .wrap > .content .unicorn { -webkit-transform: translate(-50%, -50%) scale(1, 1); transform: translate(-50%, -50%) scale(1, 1); opacity: 1; }

.glitter-motivate.-step-one > .wrap > .content .unicorn p { letter-spacing: -0em; }

.glitter-motivate.-step-one > .wrap > .content .rainbows .rainbow { -webkit-transform: scale(1, 1); transform: scale(1, 1); opacity: 1; }

.glitter-motivate.-step-one.-step-two > .wrap > .content .unicorn { -webkit-transform: translate(-50%, -50%) scale(1.5, 1.5); transform: translate(-50%, -50%) scale(1.5, 1.5); opacity: 0; }

.glitter-motivate.-step-one.-step-two > .wrap > .content .unicorn p { letter-spacing: 0.5em; }

.glitter-motivate.-step-one.-step-two > .wrap > .content .rainbows .rainbow { -webkit-transform: scale(2, 2); transform: scale(2, 2); opacity: 0; }

@media only screen and (max-width: 639px) { .glitter-motivate > .wrap > .content .unicorn img { width: 80vw; }
  .glitter-motivate > .wrap > .content .rainbows .rainbow:nth-child(1) .rainbow-inner { width: 50vw; height: 50vw; }
  .glitter-motivate > .wrap > .content .rainbows .rainbow:nth-child(2) .rainbow-inner { width: 70vw; height: 70vw; }
  .glitter-motivate > .wrap > .content .rainbows .rainbow:nth-child(3) .rainbow-inner { width: 90vw; height: 90vw; }
  .glitter-motivate > .wrap > .content .rainbows .rainbow:nth-child(4) .rainbow-inner { width: 110vw; height: 110vw; }
  .glitter-motivate > .wrap > .content .rainbows .rainbow:nth-child(5) .rainbow-inner { width: 150vw; height: 150vw; } }

@media only screen and (min-width: 640px) { .glitter-motivate > .wrap > .content .unicorn img { max-width: 400px; }
  .glitter-motivate > .wrap > .content .rainbows .rainbow:nth-child(1) .rainbow-inner { width: 20vw; height: 20vw; }
  .glitter-motivate > .wrap > .content .rainbows .rainbow:nth-child(2) .rainbow-inner { width: 40vw; height: 40vw; }
  .glitter-motivate > .wrap > .content .rainbows .rainbow:nth-child(3) .rainbow-inner { width: 50vw; height: 50vw; }
  .glitter-motivate > .wrap > .content .rainbows .rainbow:nth-child(4) .rainbow-inner { width: 60vw; height: 60vw; }
  .glitter-motivate > .wrap > .content .rainbows .rainbow:nth-child(5) .rainbow-inner { width: 70vw; height: 70vw; } }

@-webkit-keyframes rotateMotivationalRainbow { 0% { -webkit-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); }
  100% { -webkit-transform: translate(-50%, -50%) rotate(359deg); transform: translate(-50%, -50%) rotate(359deg); } }

@keyframes rotateMotivationalRainbow { 0% { -webkit-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); }
  100% { -webkit-transform: translate(-50%, -50%) rotate(359deg); transform: translate(-50%, -50%) rotate(359deg); } }

@-webkit-keyframes rotateMotivationalRainbowTwo { 0% { -webkit-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); }
  100% { -webkit-transform: translate(-50%, -50%) rotate(359deg); transform: translate(-50%, -50%) rotate(359deg); } }

@keyframes rotateMotivationalRainbowTwo { 0% { -webkit-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); }
  100% { -webkit-transform: translate(-50%, -50%) rotate(359deg); transform: translate(-50%, -50%) rotate(359deg); } }

@-webkit-keyframes rotateMotivationalRainbowThree { 0% { -webkit-transform: translate(-50%, -50%) rotate(359deg); transform: translate(-50%, -50%) rotate(359deg); }
  100% { -webkit-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); } }

@keyframes rotateMotivationalRainbowThree { 0% { -webkit-transform: translate(-50%, -50%) rotate(359deg); transform: translate(-50%, -50%) rotate(359deg); }
  100% { -webkit-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); } }

@-webkit-keyframes rotateMotivationalRainbowFour { 0% { -webkit-transform: translate(-50%, -50%) rotate(359deg); transform: translate(-50%, -50%) rotate(359deg); }
  100% { -webkit-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); } }

@keyframes rotateMotivationalRainbowFour { 0% { -webkit-transform: translate(-50%, -50%) rotate(359deg); transform: translate(-50%, -50%) rotate(359deg); }
  100% { -webkit-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); } }

@-webkit-keyframes rotateMotivationalRainbowFive { 0% { -webkit-transform: translate(-50%, -50%) rotate(359deg); transform: translate(-50%, -50%) rotate(359deg); }
  100% { -webkit-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); } }

@keyframes rotateMotivationalRainbowFive { 0% { -webkit-transform: translate(-50%, -50%) rotate(359deg); transform: translate(-50%, -50%) rotate(359deg); }
  100% { -webkit-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); } }

.site-nav { position: relative; background-color: #5856D6; background-image: url("/assets/background.jpg"); width: 100%; z-index: 12; }

.site-nav nav a { color: white; font-size: 16px; }

.site-nav nav a svg { width: 20px; height: 20px; fill: white; vertical-align: middle; -webkit-transform: translateY(-1px); transform: translateY(-1px); -webkit-transition: all 250ms cubic-bezier(0.5, 0, 0.2, 1); transition: all 250ms cubic-bezier(0.5, 0, 0.2, 1); }

.site-nav nav a:hover { color: #FFCC00; }

.site-nav nav a:hover svg { fill: #FFCC00; -webkit-transform: translateY(-1px) scale(1.5, 1.5) rotate(180deg); transform: translateY(-1px) scale(1.5, 1.5) rotate(180deg); }

.site-nav.-small { -webkit-transform: translateY(-100%); transform: translateY(-100%); }

@media only screen and (max-width: 1023px) { .site-nav { overflow: hidden; height: 50px; -webkit-transition: all 500ms cubic-bezier(0.5, 0, 0.2, 1); transition: all 500ms cubic-bezier(0.5, 0, 0.2, 1); text-align: right; }
  .site-nav nav { padding-top: 50px; opacity: 0; -webkit-transition: all 250ms cubic-bezier(0.5, 0, 0.2, 1); transition: all 250ms cubic-bezier(0.5, 0, 0.2, 1); text-align: left; }
  .site-nav nav a { display: block; line-height: 44px; padding-left: 30px; padding-right: 30px; font-size: 24px; font-weight: bold; }
  .site-nav nav a.-social { display: inline-block; padding-left: 15px; padding-right: 15px; }
  .site-nav nav a.-social.-index-0 { margin-left: 15px; }
  .site-nav > a { display: inline-block; height: 50px; line-height: 50px; padding-left: 20px; padding-right: 20px; text-align: center; margin-left: auto; margin-right: 0px; color: white; font-weight: bold; position: relative; z-index: 100; }
  .site-nav > a:hover, .site-nav > a:active { color: white; }
  .site-nav.-large.-at-top { height: 130px; }
  .site-nav.-expanded { height: 100vh; }
  .site-nav.-expanded nav { opacity: 1; } }

@media only screen and (min-width: 1024px) { .site-nav nav { text-align: right; }
  .site-nav nav a { display: inline-block; line-height: 50px; padding: 0 5px; }
  .site-nav nav a + a { margin-left: 10px; } }

@media only screen and (min-width: 1400px) { .site-nav nav { text-align: center; }
  .site-nav nav a { padding: 0 10px; } }

.site-logo { position: fixed; top: 0; left: 0; z-index: 13; -webkit-transition: all 500ms cubic-bezier(0.5, 0, 0.2, 1); transition: all 500ms cubic-bezier(0.5, 0, 0.2, 1); }

.site-logo a { display: block; position: relative; -webkit-transition: all 500ms cubic-bezier(0.5, 0, 0.2, 1); transition: all 500ms cubic-bezier(0.5, 0, 0.2, 1); padding-left: 110px; padding-top: 20px; }

.site-logo a img { position: absolute; left: 0; top: 0; display: block; width: 92px; height: auto; -webkit-transition: all 500ms cubic-bezier(0.5, 0, 0.2, 1); transition: all 500ms cubic-bezier(0.5, 0, 0.2, 1); }

.site-logo a h2 { font-size: 36px; line-height: 1; color: white; white-space: nowrap; text-shadow: -2px -2px 0 #FF00FF, 0 -2px 0 #FF00FF, 2px -2px 0 #FF00FF, 2px 0 0 #FF00FF, 2px 2px 0 #FF00FF, 0 2px 0 #FF00FF, -2px 2px 0 #FF00FF, -2px 0 0 #FF00FF; -webkit-transition: all 500ms cubic-bezier(0.5, 0, 0.2, 1); transition: all 500ms cubic-bezier(0.5, 0, 0.2, 1); }

.site-logo a h3 { margin-top: 5px; font-size: 24px; line-height: 1; color: #808080; white-space: nowrap; -webkit-transition: all 500ms cubic-bezier(0.5, 0, 0.2, 1); transition: all 500ms cubic-bezier(0.5, 0, 0.2, 1); }

.site-logo.-medium a img { width: 60px; }

.site-logo.-small a img { width: 40px; height: auto; }

@media only screen and (max-width: 1023px) { .site-logo { top: 20px; padding: 0 0 0 20px; max-width: calc(100vw - 90px); }
  .site-logo a { top: 8px; padding-left: 78px; }
  .site-logo a img { top: 4px; width: 60px; }
  .site-logo a h2 { font-size: 30px; }
  .site-logo a h3 { font-size: 16px; }
  .site-logo.-nav-expanded { top: 10px; padding: 0 0 0 20px; }
  .site-logo.-nav-expanded a { padding-top: 15px; pointer-events: none; }
  .site-logo.-nav-expanded a h3 { color: white; }
  .site-logo.-large { top: 0px; padding: 0 0 0 20px; }
  .site-logo.-large a { padding-top: 0px; }
  .site-logo.-large a h3 { opacity: 0; }
  .site-logo.-large.-at-top { top: 20px; padding: 0 0 0 20px; }
  .site-logo.-large.-at-top a { top: 6px; padding-top: 15px; pointer-events: none; max-width: none; }
  .site-logo.-large.-at-top a h3 { opacity: 1; }
  .site-logo.-medium { top: 0px; padding: 0 0 0 20px; }
  .site-logo.-medium a { padding-top: 0px; }
  .site-logo.-medium a h3 { opacity: 0; }
  .site-logo.-small { top: 0px; padding: 0 0 0 20px; }
  .site-logo.-small a { top: 10px; padding-top: 0px; }
  .site-logo.-small a img { width: 35px; }
  .site-logo.-small a h2 { opacity: 0; }
  .site-logo.-small a h3 { opacity: 0; } }

@media only screen and (min-width: 1024px) { .site-logo { top: 70px; padding: 0 20px 0 20px; }
  .site-logo a h3 { opacity: 0; }
  .site-logo.-large { top: 5px; padding: 0 10px 0 10px; }
  .site-logo.-large a { padding-top: 0; padding-left: 78px; max-width: 220px; }
  .site-logo.-large a img { width: 60px; }
  .site-logo.-large a h3 { opacity: 0; }
  .site-logo.-large.-at-top { top: 70px; padding: 0 10px 0 20px; }
  .site-logo.-large.-at-top a { padding-top: 20px; padding-left: 110px; }
  .site-logo.-large.-at-top a img { width: 92px; }
  .site-logo.-large.-at-top a h3 { opacity: 1; }
  .site-logo.-medium { top: 5px; padding: 0 10px 0 10px; }
  .site-logo.-medium a { padding-top: 0; padding-left: 78px; max-width: 220px; }
  .site-logo.-medium a h3 { opacity: 0; }
  .site-logo.-small { top: 5px; padding: 0 10px 0 10px; }
  .site-logo.-small a { padding-top: 0; padding-left: 78px; }
  .site-logo.-small a h2 { opacity: 0; }
  .site-logo.-small a h3 { opacity: 0; } }

.site-top-bar { position: fixed; top: 0; left: 0; width: 100%; z-index: 10; }

.site-top-bar > .wrap { position: relative; }

.site-footer { padding: 60px 20px 20px 20px; }

.site-footer > .wrap > .content { text-align: center; }

.site-footer > .wrap > .content > a img { width: 81px; height: auto; }

.site-footer > .wrap > .content h2 { color: #FF00FF; }

.site-footer > .wrap > .content p { margin-top: 30px; font-size: 12px; }

.site-footer.-hide { display: none; }

.site-background { position: fixed; top: 0; left: 0; z-index: -1; overflow: hidden; pointer-events: none; }

.site-background > .wrap > .content { position: relative; width: 100vw; height: 100vh; }

.site-background-blurry-image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; opacity: 0; -webkit-transition: opacity 500ms cubic-bezier(0.5, 0, 0.2, 1); transition: opacity 500ms cubic-bezier(0.5, 0, 0.2, 1); }

.site-background-blurry-image div { height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; -webkit-transition: opacity 500ms cubic-bezier(0.5, 0, 0.2, 1); transition: opacity 500ms cubic-bezier(0.5, 0, 0.2, 1); }

.site-background-blurry-image.-active { opacity: 1; }

@media only screen and (max-width: 639px) { .site-background-blurry-image div { -webkit-filter: blur(50px); filter: blur(50px); } }

@media only screen and (min-width: 640px) { .site-background-blurry-image div { -webkit-filter: blur(75px); filter: blur(75px); } }

.site-background-rainbow { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; -webkit-transition: opacity 500ms cubic-bezier(0.5, 0, 0.2, 1); transition: opacity 500ms cubic-bezier(0.5, 0, 0.2, 1); }

.site-background-rainbow.-active { opacity: 1; }

.site-background-scroll-color { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; -webkit-transition: opacity 500ms cubic-bezier(0.5, 0, 0.2, 1); transition: opacity 500ms cubic-bezier(0.5, 0, 0.2, 1); }

.site-background-scroll-color.-active { opacity: 1; }

.site-background-solid-color { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; -webkit-transition: all 500ms cubic-bezier(0.5, 0, 0.2, 1); transition: all 500ms cubic-bezier(0.5, 0, 0.2, 1); }

.site-background-solid-color.-active { opacity: 1; }

.about-page > .wrap > .content .intro { text-align: center; }

.about-page > .wrap > .content .intro img { margin-top: calc(-9.7790055249px + 1vw * -9.3922651934); height: auto; }

@media only screen and (min-width: 1024px) { .about-page > .wrap > .content .intro img { margin-top: -130px; } }

.about-page > .wrap > .content .intro h1 { font-size: calc(9.5580110497px + 1vw * 18.7845303867); color: #FF00FF; letter-spacing: -0.05em; }

@media only screen and (min-width: 1024px) { .about-page > .wrap > .content .intro h1 { font-size: 250px; } }

.about-page > .wrap > .content .intro p { margin-top: calc(11.7127071823px + 1vw * 2.2099447514); font-size: calc(20.6850828729px + 1vw * 0.8839779006); max-width: 800px; margin-left: auto; margin-right: auto; color: black; padding-left: 30px; padding-right: 30px; }

@media only screen and (min-width: 1024px) { .about-page > .wrap > .content .intro p { margin-top: 40px; } }

@media only screen and (min-width: 1024px) { .about-page > .wrap > .content .intro p { font-size: 32px; } }

.about-page > .wrap > .content .copy { max-width: 800px; margin-top: calc(11.7127071823px + 1vw * 2.2099447514); margin-left: auto; margin-right: auto; padding-left: 30px; padding-right: 30px; }

@media only screen and (min-width: 1024px) { .about-page > .wrap > .content .copy { margin-top: 40px; } }

.about-page > .wrap > .content .copy p { font-size: 22px; line-height: 1.5; }

.about-page > .wrap > .content .copy p + p { margin-top: 22px; }

.about-page > .wrap > .content .copy .quote { margin-top: 30px; }

.about-page > .wrap > .content .copy .quote h3 { color: black; font-size: 30px; }

.about-page > .wrap > .content .copy .quote blockquote { margin: 0; }

.about-page > .wrap > .content .copy .quote blockquote p { color: #FF9500; }

.about-page > .wrap > .content .copy .quote cite { display: block; margin-top: 10px; }

.about-page > .wrap > .content .copy .quote cite p { color: black; }

.about-page > .wrap > .content .copy .quote + p { margin-top: 30px; }

.about-page > .wrap > .content .copy > img { margin-top: 40px; display: block; width: 100%; height: auto; border-radius: 15px; }

.about-page > .wrap > .content .copy > img + p { margin-top: 40px; }

.about-page > .wrap > .content .copy > ol:after { content: ""; display: table; clear: both; }

.about-page > .wrap > .content .copy > ol li { float: left; }

.about-page > .wrap > .content .copy > ol li img { display: block; width: 100%; height: auto; border-radius: 10px; box-shadow: 0 20px 60px -10px rgba(0, 0, 0, 0.1); }

.about-page > .wrap > .content .copy > ol li p { margin-top: 15px; text-align: center; font-size: calc(13.1712707182px + 1vw * 0.2209944751); }

@media only screen and (min-width: 1024px) { .about-page > .wrap > .content .copy > ol li p { font-size: 16px; } }

.about-page > .wrap > .content .secret { display: block; margin-top: 50px; text-align: center; background-color: rgba(255, 0, 255, 0.1); border: 2px dashed rgba(255, 0, 255, 0.2); border-radius: 15px; margin-left: auto; margin-right: auto; width: calc(100% - 40px); max-width: 300px; padding: 15px; position: relative; }

.about-page > .wrap > .content .secret .icon { position: absolute; }

.about-page > .wrap > .content .secret .icon img { width: 120px; height: 120px; }

.about-page > .wrap > .content .secret p { color: #FF00FF; }

.about-page > .wrap > .content .secret:hover p { color: #5856D6; }

@media only screen and (max-width: 639px) { .about-page { padding: 80px 10px; }
  .about-page > .wrap > .content .intro img { max-width: 70%; }
  .about-page > .wrap > .content .copy > ol li { width: calc(50% - 15px); margin-left: 30px; margin-top: 40px; min-height: 220px; }
  .about-page > .wrap > .content .copy > ol li:nth-child(2n+1) { margin-left: 0; }
  .about-page > .wrap > .content .secret { margin-top: 80px; padding-top: 40px; }
  .about-page > .wrap > .content .secret .icon { left: 50%; top: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } }

@media only screen and (min-width: 640px) { .about-page { padding: 120px 30px; }
  .about-page > .wrap > .content .intro img { max-width: 600px; }
  .about-page > .wrap > .content .copy > ol li { width: calc(33.33% - 20px); margin-left: 20px; margin-top: 40px; min-height: 250px; }
  .about-page > .wrap > .content .copy > ol li:nth-child(3n+1) { margin-left: 0; }
  .about-page > .wrap > .content .secret { padding-left: 100px; }
  .about-page > .wrap > .content .secret .icon { left: 0; top: 30%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } }

.all-the-info-page { padding: 100px 20px 40px 20px; }

.all-the-info-page > .wrap { max-width: 600px; margin-left: auto; margin-right: auto; }

.all-the-info-page > .wrap > .content ul { margin-top: 20px; }

.all-the-info-page > .wrap > .content ul li h2 a { display: block; padding: 5px 0; color: #5856D6; }

.all-the-info-page > .wrap > .content ul li > .wrap { -webkit-transition: height 350ms cubic-bezier(0.5, 0, 0.2, 1); transition: height 350ms cubic-bezier(0.5, 0, 0.2, 1); overflow: hidden; }

.all-the-info-page > .wrap > .content ul li > .wrap > .content { padding-top: 10px; }

.all-the-info-page > .wrap > .content ul li.-active h2 a { color: #FF00FF; }

.all-the-info-page > .wrap > .content ul li + li { margin-top: 10px; }

.button-page { overflow: hidden; }

.button-page > .wrap { max-width: 800px; margin-left: auto; margin-right: auto; padding-top: 50px; }

.button-page > .wrap > .content { text-align: center; }

.button-page > .wrap > .content h1 { text-align: center; }

.button-page > .wrap > .content h1 .svg-text text { font-size: calc(15.0276243094px + 1vw * 1.3259668508); }

@media only screen and (min-width: 1024px) { .button-page > .wrap > .content h1 .svg-text text { font-size: 32px; } }

.button-page > .wrap > .content h1 + p { margin-top: 10px; }

.button-page > .wrap > .content h2 { font-size: calc(20.6850828729px + 1vw * 0.8839779006); text-align: center; }

@media only screen and (min-width: 1024px) { .button-page > .wrap > .content h2 { font-size: 32px; } }

.button-page > .wrap > .content h2.-small { font-size: calc(15.5138121547px + 1vw * 0.6629834254); }

@media only screen and (min-width: 1024px) { .button-page > .wrap > .content h2.-small { font-size: 24px; } }

.button-page > .wrap > .content h2 + p { margin-top: 10px; }

.button-page > .wrap > .content p { font-size: 18px; }

.button-page > .wrap > .content p.-small { font-size: 14px; }

.button-page > .wrap > .content p + p { margin-top: 10px; }

.button-page > .wrap > .content section { margin-top: 40px; padding-top: 40px; border-top: 1px dashed rgba(3, 185, 108, 0.5); }

@media only screen and (max-width: 639px) { .button-page { padding: 60px 20px; } }

@media only screen and (min-width: 640px) { .button-page { padding: 80px 20px; } }

.photo-editor-page { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; }

.photo-editor-page > .wrap { width: 100%; height: 100%; position: relative; }

.photo-editor-page > .wrap > .content { width: 100%; height: 100%; }

.photo-editor-page > .wrap > .content .photo-editor-frame { height: calc(100vh - 100px); }

.photo-editor-page > .wrap > .content .photo-editor-frame > .wrap { height: 100%; }

.photo-editor-page > .wrap > .content .photo-editor-frame > .wrap > .content { height: 100%; position: relative; }

.composer { position: fixed; top: 20px; right: 20px; width: 200px; height: auto; }

.photo-page > .wrap > .content .photo-photo img { display: block; max-width: 100%; height: auto; border-radius: 20px; -webkit-transition: all 500ms cubic-bezier(0.5, 0, 0.2, 1); transition: all 500ms cubic-bezier(0.5, 0, 0.2, 1); box-shadow: 0 30px 100px -20px rgba(88, 86, 214, 0.5); }

.photo-page > .wrap > .content .secondary .photo-options a { vertical-align: top; }

.photo-page > .wrap > .content .secondary .photo-options a + a { margin-left: 5px; }

.photo-page > .wrap > .content .secondary .photo-options .-photo-link { margin-top: 20px; display: block; position: relative; padding: 0 10px; border-radius: 20px; vertical-align: top; color: #5856D6; line-height: 1.2; margin-top: 5px; font-size: 16px; line-height: 40px; }

.photo-page > .wrap > .content .secondary .photo-options .-photo-link svg { width: 20px; height: 20px; vertical-align: middle; -webkit-transform: translateY(-1px); transform: translateY(-1px); fill: #5856D6; margin-right: 10px; }

.photo-page > .wrap > .content .secondary .photo-options .-photo-link:hover { color: #FF00FF; }

.photo-page > .wrap > .content .secondary .photo-options .-photo-link:hover svg { fill: #FF00FF; }

@media only screen and (max-width: 639px) { .photo-page { padding-top: 80px; padding-left: 20px; padding-right: 20px; }
  .photo-page > .wrap > .content .secondary { margin-top: 40px; }
  .photo-page > .wrap > .content .secondary .photo-options { text-align: center; }
  .photo-page > .wrap > .content .secondary .photo-related-list { margin-top: 20px; } }

@media only screen and (min-width: 640px) { .photo-page { padding-left: 20px; padding-right: 20px; }
  .photo-page > .wrap { max-width: 1280px; margin-left: auto; margin-right: auto; }
  .photo-page > .wrap > .content { padding-top: 80px; }
  .photo-page > .wrap > .content:after { content: ""; display: table; clear: both; }
  .photo-page > .wrap > .content > .photo-photo { float: left; width: calc(60% - 30px); height: calc(100vh - 110px); }
  .photo-page > .wrap > .content .secondary { float: right; width: calc(40% - 30px); }
  .photo-page > .wrap > .content .secondary .photo-related-list { margin-top: 20px; } }

@media only screen and (max-width: 639px) { .gallery-page { padding-top: 100px; padding-left: 20px; padding-right: 20px; }
  .gallery-page > .wrap > .content .secondary { margin-top: 20px; }
  .gallery-page > .wrap > .content .gallery-list { margin-top: 20px; } }

@media only screen and (min-width: 640px) { .gallery-page { padding-left: 20px; padding-right: 20px; }
  .gallery-page > .wrap { max-width: 1280px; margin-left: auto; margin-right: auto; }
  .gallery-page > .wrap > .content { padding-top: 80px; }
  .gallery-page > .wrap > .content:after { content: ""; display: table; clear: both; }
  .gallery-page > .wrap > .content .gallery-pic { float: left; width: calc(60% - 30px); height: calc(100vh - 110px); }
  .gallery-page > .wrap > .content .secondary { float: right; width: calc(40% - 30px); }
  .gallery-page > .wrap > .content .secondary .gallery-list { margin-top: 20px; } }

.gifts-page > .wrap { max-width: 1000px; margin-left: auto; margin-right: auto; }

.gifts-page > .wrap > .content { text-align: center; }

@media only screen and (max-width: 639px) { .gifts-page { padding: 80px 30px; } }

@media only screen and (min-width: 640px) { .gifts-page { padding: 80px 30px; } }

.quotes-page { box-sizing: border-box; }

.quotes-page > .wrap > .content { position: relative; }

.quotes-page > .wrap > .content h1 { position: absolute; top: 100px; left: 0; width: 100%; font-size: 20px; text-align: center; }

@media only screen and (max-width: 639px) { .quotes-page { padding: 0 20px; } }

@media only screen and (min-width: 640px) { .quotes-page { padding: 0 20px; } }

.-builder-page .site-top-bar { display: none; }

.install-page { position: relative; height: 100vh; background-color: #C0ECF9; background-image: url("/assets/cloud-pattern.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center center; }

.install-page > .wrap { position: absolute; left: 0; top: 50%; width: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.install-page > .wrap > .content { text-align: center; padding-left: 20px; padding-right: 20px; }

.install-page > .wrap > .content h1 { margin: 20px auto 0 auto; max-width: 500px; font-size: calc(19.0276243094px + 1vw * 1.3259668508); color: #FF00FF; }

@media only screen and (min-width: 1024px) { .install-page > .wrap > .content h1 { font-size: 36px; } }

.install-page > .wrap > .content h1 img { display: inline-block; vertical-align: middle; -webkit-transform: translateY(-2px); transform: translateY(-2px); width: 30px; height: auto; border-radius: 5px; box-shadow: 0 15px 45px -8px rgba(0, 0, 0, 0.25); }

.install-page > .wrap > .content p { margin: 10px 0 0 0; font-size: calc(14.3425414365px + 1vw * 0.4419889503); }

@media only screen and (min-width: 1024px) { .install-page > .wrap > .content p { font-size: 20px; } }

.uninstall-page { position: relative; height: 100vh; }

.uninstall-page > .wrap { position: absolute; left: 0; width: 100%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.uninstall-page > .wrap > .content { padding-left: 20px; padding-right: 20px; text-align: center; }

.uninstall-page > .wrap > .content h1 .svg-text text { font-size: calc(0.7955801105px + 1vw * 6.1878453039); }

@media only screen and (min-width: 1024px) { .uninstall-page > .wrap > .content h1 .svg-text text { font-size: 80px; } }

.uninstall-page > .wrap > .content p { margin: 20px auto 0 auto; max-width: 500px; color: black; font-size: calc(15.5138121547px + 1vw * 0.6629834254); }

@media only screen and (min-width: 1024px) { .uninstall-page > .wrap > .content p { font-size: 24px; } }

.lightning-page { padding-left: 20px; padding-right: 20px; }

.lightning-page > .wrap > .content { text-align: center; }

.lightning-page > .wrap > .content > img { width: 100%; height: auto; max-width: 500px; }

.lightning-page > .wrap > .content .svg-text { margin-top: 20px; }

.lightning-page > .wrap > .content .svg-text text { font-size: calc(15.7127071823px + 1vw * 2.2099447514); }

@media only screen and (min-width: 1024px) { .lightning-page > .wrap > .content .svg-text text { font-size: 44px; } }

.lightning-page > .wrap > .content > p { font-size: 22px; }

.lightning-page > .wrap > .content h2 { font-size: calc(18.3425414365px + 1vw * 0.4419889503); }

@media only screen and (min-width: 1024px) { .lightning-page > .wrap > .content h2 { font-size: 24px; } }

.lightning-page > .wrap > .content h2 + p { margin-top: 10px; font-size: 18px; }

.lightning-page > .wrap > .content .lightning-invoice-card { margin-top: 30px; }

.lightning-page > .wrap > .content .lightning-invoice-card + a { display: inline-block; margin-top: 15px; }

.lightning-page > .wrap > .content .lightning-info { margin-top: 100px; }

@media only screen and (max-width: 639px) { .lightning-page { padding-top: 50px; }
  .lightning-page > .wrap > .content > img { display: block; margin-left: -20px; width: calc(100% + 40px); } }

@media only screen and (min-width: 640px) { .lightning-page > .wrap { max-width: 800px; margin-left: auto; margin-right: auto; }
  .lightning-page > .wrap > .content { padding-top: 90px; }
  .lightning-page > .wrap > .content > img { border-radius: 5px; } }

.younicorn-page > .wrap > .content { position: relative; }

.younicorn-page > .wrap > .content .info { position: relative; text-align: center; }

.younicorn-page > .wrap > .content .info .svg-text { margin-top: calc(-24.6408839779px + 1vw * -2.7624309392); }

@media only screen and (min-width: 1024px) { .younicorn-page > .wrap > .content .info .svg-text { margin-top: -60px; } }

.younicorn-page > .wrap > .content .info .svg-text text { font-size: calc(25.3701657459px + 1vw * 1.7679558011); }

@media only screen and (min-width: 1024px) { .younicorn-page > .wrap > .content .info .svg-text text { font-size: 48px; } }

.younicorn-page > .wrap > .content .info p { margin-top: calc(-2.9281767956px + 1vw * -0.5524861878); font-size: 24px; }

@media only screen and (min-width: 1024px) { .younicorn-page > .wrap > .content .info p { margin-top: -10px; } }

.younicorn-page > .wrap > .content .top { position: relative; overflow: hidden; }

.younicorn-page > .wrap > .content .info, .younicorn-page > .wrap > .content .secondary, .younicorn-page > .wrap > .content .tertiary { padding-left: 20px; padding-right: 20px; }

.younicorn-page > .wrap > .content .secondary .younicorn-options { margin-top: 0px; }

.younicorn-page > .wrap > .content .secondary .younicorn-options a { vertical-align: top; }

.younicorn-page > .wrap > .content .secondary .younicorn-options .-younicorn-link { margin-top: 20px; display: block; position: relative; padding: 0 10px; border-radius: 20px; vertical-align: top; color: #5856D6; line-height: 1.2; margin-top: 5px; font-size: 16px; line-height: 40px; }

.younicorn-page > .wrap > .content .secondary .younicorn-options .-younicorn-link svg { width: 20px; height: 20px; vertical-align: middle; -webkit-transform: translateY(-1px); transform: translateY(-1px); fill: #5856D6; margin-right: 10px; }

.younicorn-page > .wrap > .content .secondary .younicorn-options .-younicorn-link:hover { color: #FF00FF; }

.younicorn-page > .wrap > .content .secondary .younicorn-options .-younicorn-link:hover svg { fill: #FF00FF; }

.younicorn-page > .wrap > .content .secondary .younicorn-products { margin-top: 40px; }

.younicorn-page > .wrap > .content .tertiary { text-align: center; max-width: 500px; margin-left: auto; margin-right: auto; position: relative; margin-top: 40px; }

.younicorn-page > .wrap > .content .tertiary h1 { font-size: calc(14.3425414365px + 1vw * 0.4419889503); }

@media only screen and (min-width: 1024px) { .younicorn-page > .wrap > .content .tertiary h1 { font-size: 20px; } }

.younicorn-page > .wrap > .content .tertiary p { margin-top: 5px; font-size: calc(13.1712707182px + 1vw * 0.2209944751); }

@media only screen and (min-width: 1024px) { .younicorn-page > .wrap > .content .tertiary p { font-size: 16px; } }

.younicorn-page > .wrap > .content .tertiary > a.-button { margin-top: 20px; display: inline-block; background-color: #5856D6; color: white; line-height: 44px; border-radius: 5px; padding: 0 15px; -webkit-transition: all 150ms cubic-bezier(0.5, 0, 0.2, 1); transition: all 150ms cubic-bezier(0.5, 0, 0.2, 1); font-size: calc(14.3425414365px + 1vw * 0.4419889503); }

@media only screen and (min-width: 1024px) { .younicorn-page > .wrap > .content .tertiary > a.-button { font-size: 20px; } }

.younicorn-page > .wrap > .content .tertiary > a.-button:hover { background-color: #FF00FF; }

.younicorn-page > .wrap > .content .tertiary a.-browse { margin-top: 15px; display: inline-block; color: #5856D6; }

.younicorn-page > .wrap > .content .tertiary a.-browse:hover { color: #FF00FF; }

@media only screen and (max-width: 639px) { .younicorn-page { padding-top: 50px; }
  .younicorn-page > .wrap > .content .secondary { margin-top: 20px; }
  .younicorn-page > .wrap > .content .secondary .younicorn-options { text-align: center; }
  .younicorn-page > .wrap > .content .secondary .younicorn-related-list { margin-top: 20px; } }

@media only screen and (min-width: 640px) { .younicorn-page > .wrap { max-width: 1280px; margin-left: auto; margin-right: auto; }
  .younicorn-page > .wrap > .content { padding-top: 50px; }
  .younicorn-page > .wrap > .content:after { content: ""; display: table; clear: both; }
  .younicorn-page > .wrap > .content .secondary { margin-top: 20px; } }

.younicorns-page { padding-top: 80px; max-width: 1200px; margin-left: auto; margin-right: auto; }

.younicorns-page > .wrap > .content { position: relative; }

.younicorns-page > .wrap > .content .header { text-align: center; position: relative; }

.younicorns-page > .wrap > .content .header .svg-text text { font-size: calc(25.3701657459px + 1vw * 1.7679558011); }

@media only screen and (min-width: 1024px) { .younicorns-page > .wrap > .content .header .svg-text text { font-size: 48px; } }

.younicorns-page > .wrap > .content .header p { margin-top: 5px; }

.younicorns-page > .wrap > .content .header p a { display: inline-block; color: white; background-color: #FF00FF; line-height: 40px; font-size: 16px; border-radius: 5px; padding: 0 15px; }

.younicorns-page > .wrap > .content .header .younicorns-toggle { position: absolute; }

.younicorns-page > .wrap > .content .younicorns-list { margin-top: 20px; }

@media only screen and (max-width: 639px) { .younicorns-page { padding-left: 20px; padding-right: 20px; }
  .younicorns-page > .wrap > .content .header .younicorns-toggle { bottom: 7px; right: 20px; } }

@media only screen and (min-width: 640px) { .younicorns-page { padding-left: 20px; padding-right: 20px; }
  .younicorns-page > .wrap > .content .header { max-width: 600px; margin-left: auto; margin-right: auto; }
  .younicorns-page > .wrap > .content .header .younicorns-toggle { top: 20px; right: 20px; } }

body.-photo-editor-page, body.-coloring-page, body.-quotes-page { overflow: hidden; }

#rainbow canvas { -webkit-transform-origin: left top; transform-origin: left top; -webkit-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); }

#effects { position: fixed; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; }

#effects canvas { -webkit-transform-origin: left top; transform-origin: left top; -webkit-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); }

#container { display: none; position: relative; }

#container.-active { display: block; }

.page-transition-enter-active { -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1); }

.page-transition-enter { opacity: 0; }

.page-transition-enter-to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.page-transition-leave-active { -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1); position: absolute; top: 0; left: 0; width: 100%; -webkit-transform-origin: center 20%; transform-origin: center 20%; -webkit-transition-delay: 25ms; transition-delay: 25ms; }

.page-transition-leave { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.page-transition-leave-to { opacity: 0; }