/* line 2, /app/app/assets/stylesheets/neat/grid/_grid.scss */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 33, /usr/local/bundle/gems/compass-h5bp-0.1.2/stylesheets/h5bp/_normalize.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/* line 40, /usr/local/bundle/gems/compass-h5bp-0.1.2/stylesheets/h5bp/_normalize.scss */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

/* line 48, /usr/local/bundle/gems/compass-h5bp-0.1.2/stylesheets/h5bp/_normalize.scss */
audio:not([controls]) {
  display: none;
  height: 0;
}

/* line 55, /usr/local/bundle/gems/compass-h5bp-0.1.2/stylesheets/h5bp/_normalize.scss */
[hidden] {
  display: none;
}

/* line 77, /usr/local/bundle/gems/compass-h5bp-0.1.2/stylesheets/h5bp/_normalize.scss */
html {
  background: #fff;
  color: #000;
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

/* line 92, /usr/local/bundle/gems/compass-h5bp-0.1.2/stylesheets/h5bp/_normalize.scss */
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}

/* line 98, /usr/local/bundle/gems/compass-h5bp-0.1.2/stylesheets/h5bp/_normalize.scss */
body {
  margin: 0;
}

/* line 113, /usr/local/bundle/gems/compass-h5bp-0.1.2/stylesheets/h5bp/_normalize.scss */
a:focus {
  outline: thin dotted;
}

/* line 119, /usr/local/bundle/gems/compass-h5bp-0.1.2/stylesheets/h5bp/_normalize.scss */
a:active,
a:hover {
  outline: 0;
}

/* line 132, /usr/local/bundle/gems/compass-h5bp-0.1.2/stylesheets/h5bp/_normalize.scss */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* line 137, /usr/local/bundle/gems/compass-h5bp-0.1.2/stylesheets/h5bp/_normalize.scss */
h2 {
  font-size: 1.5em;
  margin: 0.83em 0;
}

/* line 142, /usr/local/bundle/gems/compass-h5bp-0.1.2/stylesheets/h5bp/_normalize.scss */
h3 {
  font-size: 1.17em;
  margin: 1em 0;
}

/* line 147, /usr/local/bundle/gems/compass-h5bp-0.1.2/stylesheets/h5bp/_normalize.scss */
h4 {
  font-size: 1em;
  margin: 1.33em 0;
}

/* line 152, /usr/local/bundle/gems/compass-h5bp-0.1.2/stylesheets/h5bp/_normalize.scss */
h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
}

/* line 157, /usr/local/bundle/gems/compass-h5bp-0.1.2/stylesheets/h5bp/_normalize.scss */
h6 {
  font-size: 0.67em;
  margin: 2.33em 0;
}

/* line 163, /usr/local/bundle/gems/compass-h5bp-0.1.2/stylesheets/h5bp/_normalize.scss */
abbr[title] {
  border-bottom: 1px dotted;
}

/* line 169, /usr/local/bundle/gems/compass-h5bp-0.1.2/stylesheets/h5bp/_normalize.scss */
b,
strong {
  font-weight: bold;
}

/* line 173, /usr/local/bundle/gems/compass-h5bp-0.1.2/stylesheets/h5bp/_normalize.scss */
blockquote {
  margin: 1em 40px;
}

/* line 178, /usr/local/bundle/gems/compass-h5bp-0.1.2/stylesheets/h5bp/_normalize.scss */
dfn {
  font-style: italic;
}

/* line 184, /usr/local/bundle/gems/compass-h5bp-0.1.2/stylesheets/h5bp/_normalize.scss */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/* line 191, /usr/local/bundle/gems/compass-h5bp-0.1.2/stylesheets/h5bp/_normalize.scss */
mark {
  background: #ff0;
  color: #000;
}

/* line 198, /usr/local/bundle/gems/compass-h5bp-0.1.2/stylesheets/h5bp/_normalize.scss */
p,
pre {
  margin: 1em 0;
}

/* line 206, /usr/local/bundle/gems/compass-h5bp-0.1.2/stylesheets/h5bp/_normalize.scss */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}

/* line 213, /usr/local/bundle/gems/compass-h5bp-0.1.2/stylesheets/h5bp/_normalize.scss */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/* line 220, /usr/local/bundle/gems/compass-h5bp-0.1.2/stylesheets/h5bp/_normalize.scss */
q {
  quotes: none;
}

/* line 226, /usr/local/bundle/gems/compass-h5bp-0.1.2/stylesheets/h5bp/_normalize.scss */
q:before,
q:after {
  content: '';
  content: none;
}

/* line 232, /usr/local/bundle/gems/compass-h5bp-0.1.2/stylesheets/h5bp/_normalize.scss */
small {
  font-size: 80%;
}

/* line 238, /usr/local/bundle/gems/compass-h5bp-0.1.2/stylesheets/h5bp/_normalize.scss */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

/* line 245, /usr/local/bundle/gems/compass-h5bp-0.1.2/stylesheets/h5bp/_normalize.scss */
sup {
  top: -0.5em;
}

/* line 249, /usr/local/bundle/gems/compass-h5bp-0.1.2/stylesheets/h5bp/_normalize.scss */
sub {
  bottom: -0.25em;
}

/* line 263, /usr/local/bundle/gems/compass-h5bp-0.1.2/stylesheets/h5bp/_normalize.scss */
dl,
menu,
ol,
ul {
  margin: 1em 0;
}

/* line 267, /usr/local/bundle/gems/compass-h5bp-0.1.2/stylesheets/h5bp/_normalize.scss */
dd {
  margin: 0 0 0 40px;
}

/* line 274, /usr/local/bundle/gems/compass-h5bp-0.1.2/stylesheets/h5bp/_normalize.scss */
menu,
ol,
ul {
  padding: 0 0 0 40px;
}

/* line 280, /usr/local/bundle/gems/compass-h5bp-0.1.2/stylesheets/h5bp/_normalize.scss */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}

/* line 293, /usr/local/bundle/gems/compass-h5bp-0.1.2/stylesheets/h5bp/_normalize.scss */
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}

/* line 299, /usr/local/bundle/gems/compass-h5bp-0.1.2/stylesheets/h5bp/_normalize.scss */
svg:not(:root) {
  overflow: hidden;
}

/* line 310, /usr/local/bundle/gems/compass-h5bp-0.1.2/stylesheets/h5bp/_normalize.scss */
figure {
  margin: 0;
}

/* line 321, /usr/local/bundle/gems/compass-h5bp-0.1.2/stylesheets/h5bp/_normalize.scss */
form {
  margin: 0;
}

/* line 326, /usr/local/bundle/gems/compass-h5bp-0.1.2/stylesheets/h5bp/_normalize.scss */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/* line 335, /usr/local/bundle/gems/compass-h5bp-0.1.2/stylesheets/h5bp/_normalize.scss */
legend {
  border: 0;
  padding: 0;
  white-space: normal;
  *margin-left: -7px;
}

/* line 349, /usr/local/bundle/gems/compass-h5bp-0.1.2/stylesheets/h5bp/_normalize.scss */
button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}

/* line 359, /usr/local/bundle/gems/compass-h5bp-0.1.2/stylesheets/h5bp/_normalize.scss */
button,
input {
  line-height: normal;
}

/* line 368, /usr/local/bundle/gems/compass-h5bp-0.1.2/stylesheets/h5bp/_normalize.scss */
button,
select {
  text-transform: none;
}

/* line 382, /usr/local/bundle/gems/compass-h5bp-0.1.2/stylesheets/h5bp/_normalize.scss */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
  *overflow: visible;
}

/* line 390, /usr/local/bundle/gems/compass-h5bp-0.1.2/stylesheets/h5bp/_normalize.scss */
button[disabled],
html input[disabled] {
  cursor: default;
}

/* line 399, /usr/local/bundle/gems/compass-h5bp-0.1.2/stylesheets/h5bp/_normalize.scss */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  *height: 13px;
  *width: 13px;
}

/* line 409, /usr/local/bundle/gems/compass-h5bp-0.1.2/stylesheets/h5bp/_normalize.scss */
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

/* line 419, /usr/local/bundle/gems/compass-h5bp-0.1.2/stylesheets/h5bp/_normalize.scss */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/* line 425, /usr/local/bundle/gems/compass-h5bp-0.1.2/stylesheets/h5bp/_normalize.scss */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/* line 432, /usr/local/bundle/gems/compass-h5bp-0.1.2/stylesheets/h5bp/_normalize.scss */
textarea {
  overflow: auto;
  vertical-align: top;
}

/* line 444, /usr/local/bundle/gems/compass-h5bp-0.1.2/stylesheets/h5bp/_normalize.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 22, /usr/local/bundle/gems/compass-h5bp-0.1.2/stylesheets/h5bp/_main.scss */
html,
button,
input,
select,
textarea {
  color: #222222;
}

/* line 26, /usr/local/bundle/gems/compass-h5bp-0.1.2/stylesheets/h5bp/_main.scss */
body {
  font-size: 1em;
  line-height: 1.4;
}

/* line 34, /usr/local/bundle/gems/compass-h5bp-0.1.2/stylesheets/h5bp/_main.scss */
::-moz-selection {
  background: #0066ee;
  text-shadow: none;
}

/* line 39, /usr/local/bundle/gems/compass-h5bp-0.1.2/stylesheets/h5bp/_main.scss */
::selection {
  background: #0066ee;
  text-shadow: none;
}

/* line 45, /usr/local/bundle/gems/compass-h5bp-0.1.2/stylesheets/h5bp/_main.scss */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/* line 55, /usr/local/bundle/gems/compass-h5bp-0.1.2/stylesheets/h5bp/_main.scss */
img {
  vertical-align: middle;
}

/* line 60, /usr/local/bundle/gems/compass-h5bp-0.1.2/stylesheets/h5bp/_main.scss */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/* line 67, /usr/local/bundle/gems/compass-h5bp-0.1.2/stylesheets/h5bp/_main.scss */
textarea {
  resize: vertical;
}

/* line 77, /usr/local/bundle/gems/compass-h5bp-0.1.2/stylesheets/h5bp/_main.scss */
.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

/* line 7, /usr/local/bundle/gems/compass-h5bp-0.1.2/stylesheets/h5bp/_helpers.scss */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  *text-indent: -9999px;
}
/* line 27, /usr/local/bundle/gems/compass-h5bp-0.1.2/stylesheets/h5bp/_helpers.scss */
.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}

/* line 9, /usr/local/bundle/gems/compass-h5bp-0.1.2/stylesheets/h5bp/_helpers.scss */
.hidden {
  display: none !important;
  visibility: hidden;
}

/* line 11, /usr/local/bundle/gems/compass-h5bp-0.1.2/stylesheets/h5bp/_helpers.scss */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/* line 67, /usr/local/bundle/gems/compass-h5bp-0.1.2/stylesheets/h5bp/_helpers.scss */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/* line 13, /usr/local/bundle/gems/compass-h5bp-0.1.2/stylesheets/h5bp/_helpers.scss */
.invisible {
  visibility: hidden;
}

/* line 93, /usr/local/bundle/gems/compass-h5bp-0.1.2/stylesheets/h5bp/_helpers.scss */
.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}
/* line 98, /usr/local/bundle/gems/compass-h5bp-0.1.2/stylesheets/h5bp/_helpers.scss */
.clearfix:after {
  clear: both;
}
/* line 104, /usr/local/bundle/gems/compass-h5bp-0.1.2/stylesheets/h5bp/_helpers.scss */
.clearfix {
  *zoom: 1;
}

/* line 9, /app/app/assets/stylesheets/application/layout.css.scss */
html, body {
  margin: 0;
}

/* line 12, /app/app/assets/stylesheets/application/layout.css.scss */
html {
  height: 100%;
}

/* line 15, /app/app/assets/stylesheets/application/layout.css.scss */
body {
  min-height: 100%;
  background-color: #f0f0f0;
  color: #222222;
  background-image: url(/assets/tile-background.png);
  font-family: 'Metrophobic', sans-serif;
}

/* line 24, /app/app/assets/stylesheets/application/layout.css.scss */
a,
a:link,
a:visited {
  color: #551a8b;
}

/* line 27, /app/app/assets/stylesheets/application/layout.css.scss */
a:hover {
  color: #0066ee;
}

/* line 30, /app/app/assets/stylesheets/application/layout.css.scss */
::selection {
  color: white;
  background-color: #0066ee;
}

/* line 34, /app/app/assets/stylesheets/application/layout.css.scss */
header {
  padding: 0.5em 0 1em 1.2em;
}
/* line 37, /app/app/assets/stylesheets/application/layout.css.scss */
header .hero-text {
  position: relative;
  width: 400px;
  height: 55px;
  text-indent: -9999px;
  background-image: url(/assets/header400.jpg);
}

/* line 46, /app/app/assets/stylesheets/application/layout.css.scss */
#container {
  *zoom: 1;
  max-width: 68em;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 2em;
}
/* line 18, /app/app/assets/stylesheets/bourbon/addons/_clearfix.scss */
#container:before, #container:after {
  content: " ";
  display: table;
}
/* line 23, /app/app/assets/stylesheets/bourbon/addons/_clearfix.scss */
#container:after {
  clear: both;
}

/* line 55, /app/app/assets/stylesheets/application/layout.css.scss */
.aw {
  position: relative;
  display: inline-block;
}

/* line 62, /app/app/assets/stylesheets/application/layout.css.scss */
.af {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

/* line 65, /app/app/assets/stylesheets/application/layout.css.scss */
.ac {
  position: absolute;
  width: 100%;
  height: 100%;
  min-width: 100%;
  min-height: 100%;
  overflow: hidden;
}

/* line 73, /app/app/assets/stylesheets/application/layout.css.scss */
a {
  text-decoration: none;
}

/* line 76, /app/app/assets/stylesheets/application/layout.css.scss */
a.linkfill {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

/* line 79, /app/app/assets/stylesheets/application/layout.css.scss */
.fill {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

/* line 82, /app/app/assets/stylesheets/application/layout.css.scss */
.offscreen-input {
  margin-left: -9999em;
  visibility: hidden;
  height: 1px;
  overflow-y: hidden;
}

/* line 89, /app/app/assets/stylesheets/application/layout.css.scss */
span.fittext {
  white-space: nowrap;
  font-size: 8px;
  text-align: center;
}

/* line 95, /app/app/assets/stylesheets/application/layout.css.scss */
input,
textarea {
  display: block;
  margin-top: 0.5em;
  border-color: #551a8b;
  border-width: 1px;
  border-radius: 4px;
  border-left-style: outset;
  border-top-style: outset;
  padding: 3px;
}

/* line 105, /app/app/assets/stylesheets/application/layout.css.scss */
.checkbox-line {
  margin-top: 0.5em;
}
/* line 107, /app/app/assets/stylesheets/application/layout.css.scss */
.checkbox-line input[type="checkbox"] {
  display: inline-block;
}

/* line 117, /app/app/assets/stylesheets/application/layout.css.scss */
.hero-text {
  font-size: 48px;
  font-weight: 600;
}

/* line 121, /app/app/assets/stylesheets/application/layout.css.scss */
.button-wrap {
  text-align: center;
}

/* line 124, /app/app/assets/stylesheets/application/layout.css.scss */
.button {
  border: 1px solid #00256f;
  border-bottom: 1px solid #001546;
  border-radius: 5px;
  box-shadow: inset 0 1px 0 0 #96b1cc;
  color: white;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  background-color: #7194c0;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7194c0), color-stop(50%, #39629f), color-stop(50%, #1b4990), color-stop(100%, #224e92));
  background-image: -webkit-linear-gradient(top, #7194c0 0%, #39629f 50%, #1b4990 50%, #224e92 100%);
  background-image: linear-gradient(to bottom,#7194c0 0%, #39629f 50%, #1b4990 50%, #224e92 100%);
  padding: 8px 20px;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 -1px 1px #00074e;
  font-size: 13px;
  color: #fafafa;
  font-family: arial;
  text-shadow: none;
  letter-spacing: 0.5px;
}
/* line 151, /app/app/assets/stylesheets/bourbon/addons/_button.scss */
.button:hover:not(:disabled) {
  cursor: pointer;
  background-color: #6485ae;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6485ae), color-stop(50%, #2f568d), color-stop(50%, #143f7e), color-stop(100%, #1b4481));
  background-image: -webkit-linear-gradient(top, #6485ae 0%, #2f568d 50%, #143f7e 50%, #1b4481 100%);
  background-image: linear-gradient(to bottom,#6485ae 0%, #2f568d 50%, #143f7e 50%, #1b4481 100%);
}
/* line 171, /app/app/assets/stylesheets/bourbon/addons/_button.scss */
.button:active:not(:disabled) {
  box-shadow: inset 0 0 20px 0 #022046, 0 1px 0 white;
}
/* line 38, /app/app/assets/stylesheets/bourbon/addons/_button.scss */
.button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* line 133, /app/app/assets/stylesheets/application/layout.css.scss */
input[type="submit"].button {
  margin-top: 0.8em;
}

/* line 138, /app/app/assets/stylesheets/application/layout.css.scss */
a.button,
a.button:link,
a.button:visited {
  color: #fafafa;
}

/* line 142, /app/app/assets/stylesheets/application/layout.css.scss */
.outer-center {
  float: right;
  right: 50%;
  position: relative;
}

/* line 147, /app/app/assets/stylesheets/application/layout.css.scss */
.inner-center {
  float: right;
  right: -50%;
  position: relative;
}

/* line 152, /app/app/assets/stylesheets/application/layout.css.scss */
.clear {
  clear: both;
}

/* line 159, /app/app/assets/stylesheets/application/layout.css.scss */
#flash p {
  background-color: rgba(22, 22, 22, 0.76);
  text-align: center;
  border: 0px solid transparent;
  border-radius: 4px;
  padding: 6px 0;
  margin-top: 34px;
}
/* line 172, /app/app/assets/stylesheets/application/layout.css.scss */
#flash div.alert {
  color: #FFEF38;
}
/* line 175, /app/app/assets/stylesheets/application/layout.css.scss */
#flash div.notice {
  color: #8df88d;
}
/* line 178, /app/app/assets/stylesheets/application/layout.css.scss */
#flash div.error {
  color: #FF3838;
}
/* line 181, /app/app/assets/stylesheets/application/layout.css.scss */
#flash div.debug {
  display: none;
}

/* line 196, /app/app/assets/stylesheets/application/layout.css.scss */
.social-share {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  height: 34px;
  max-height: 34px;
}
/* line 205, /app/app/assets/stylesheets/application/layout.css.scss */
.social-share ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
/* line 210, /app/app/assets/stylesheets/application/layout.css.scss */
.social-share li {
  float: left;
  min-width: 88px;
}
/* line 214, /app/app/assets/stylesheets/application/layout.css.scss */
.social-share li.twitter {
  padding-top: 2px;
  min-width: 69px;
}
/* line 218, /app/app/assets/stylesheets/application/layout.css.scss */
.social-share li.gplus {
  width: 88px;
  padding-left: 4px;
}
/* line 222, /app/app/assets/stylesheets/application/layout.css.scss */
.social-share li.facebook {
  margin-left: -3px;
}
/* line 227, /app/app/assets/stylesheets/application/layout.css.scss */
.social-share .pinterest-pinit.socialite {
  padding: 3px 0 0 4px;
}
/* line 230, /app/app/assets/stylesheets/application/layout.css.scss */
.social-share.header-share {
  margin-left: 2em;
}

/* line 235, /app/app/assets/stylesheets/application/layout.css.scss */
.facebook-like-wrap,
.twitter-button-wrap {
  display: inline-block;
  vertical-align: middle;
}

/* line 239, /app/app/assets/stylesheets/application/layout.css.scss */
.facebook-like-wrap {
  padding-top: 3px;
  text-align: center;
}

/* line 243, /app/app/assets/stylesheets/application/layout.css.scss */
.fb_iframe_widget {
  margin-right: 0.3em;
  padding-bottom: 4px;
}

/* line 249, /app/app/assets/stylesheets/application/layout.css.scss */
.twitter-button-wrap {
  padding-top: 4px;
  max-height: 28px;
  overflow-y: hidden;
}

/* line 254, /app/app/assets/stylesheets/application/layout.css.scss */
.twitter-share {
  width: 69px;
}

/* line 257, /app/app/assets/stylesheets/application/layout.css.scss */
.vhidden {
  visibility: hidden;
}

/* line 261, /app/app/assets/stylesheets/application/layout.css.scss */
footer#footer {
  width: 100%;
  padding-bottom: 0.3em;
  font-size: 90%;
  text-align: center;
  display: inline-block;
}
/* line 267, /app/app/assets/stylesheets/application/layout.css.scss */
footer#footer ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
/* line 276, /app/app/assets/stylesheets/application/layout.css.scss */
footer#footer .list-wrap li {
  background-color: lightblue;
  padding: 0.3em 0.5em;
  margin: 0 0.35em 4px 0.35px;
  position: relative;
  border: 0px solid transparent;
  border-radius: 4px;
  display: inline-block;
  width: 80px;
  text-align: center;
}
/* line 286, /app/app/assets/stylesheets/application/layout.css.scss */
footer#footer .list-wrap li a {
  text-decoration: none;
  color: #111;
}
/* line 300, /app/app/assets/stylesheets/application/layout.css.scss */
footer#footer footer#footer .facebook-like-wrap {
  width: 138px;
}
/* line 303, /app/app/assets/stylesheets/application/layout.css.scss */
footer#footer footer#footer .twitter-button-wrap {
  width: 110px;
}
/* line 307, /app/app/assets/stylesheets/application/layout.css.scss */
footer#footer footer#footer .copyright,
footer#footer footer#footer .list-wrap {
  display: inline-block;
  vertical-align: middle;
}
/* line 311, /app/app/assets/stylesheets/application/layout.css.scss */
footer#footer footer#footer .copyright {
  margin-right: 0.4em;
}
/* line 317, /app/app/assets/stylesheets/application/layout.css.scss */
footer#footer footer#footer li {
  float: left;
}

/* line 323, /app/app/assets/stylesheets/application/layout.css.scss */
#recent-shares {
  margin: 30px auto;
  text-align: center;
  max-width: 900px;
}
/* line 327, /app/app/assets/stylesheets/application/layout.css.scss */
#recent-shares .share-wrap {
  width: 240px;
  padding: 20px;
  display: inline-block;
  border: 1px solid lightblue;
  border-radius: 6px;
  margin: 0.15em 0;
  vertical-align: top;
  height: 300px;
  overflow-y: scroll;
}
/* line 337, /app/app/assets/stylesheets/application/layout.css.scss */
#recent-shares .share-wrap .share-image-wrap {
  text-align: center;
  height: 200px;
  position: relative;
}
/* line 341, /app/app/assets/stylesheets/application/layout.css.scss */
#recent-shares .share-wrap .share-image-wrap img {
  border: 1px solid #222;
}
/* line 345, /app/app/assets/stylesheets/application/layout.css.scss */
#recent-shares .share-wrap .attribution {
  margin-top: 8px;
  text-align: center;
  overflow-y: scroll;
}
/* line 349, /app/app/assets/stylesheets/application/layout.css.scss */
#recent-shares .share-wrap .attribution .title {
  font-weight: 600;
}
/* line 352, /app/app/assets/stylesheets/application/layout.css.scss */
#recent-shares .share-wrap .attribution .name {
  font-weight: 400;
}

/* line 5, /app/app/assets/stylesheets/create.css.scss */
body.create .progress {
  display: none;
  width: 80%;
  margin: auto;
  text-align: center;
}
/* line 10, /app/app/assets/stylesheets/create.css.scss */
body.create .progress .bar {
  height: 9px;
  background-color: #7F73DD;
  width: 0;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  border-right: 2px solid #111;
  margin: 18px 0 7px 0;
}
/* line 19, /app/app/assets/stylesheets/create.css.scss */
body.create .progress .status-wrap {
  font-weight: bold;
}
/* line 22, /app/app/assets/stylesheets/create.css.scss */
body.create .progress .percent {
  display: inline-block;
}
/* line 30, /app/app/assets/stylesheets/create.css.scss */
body.create .test {
  height: 100%;
}
/* line 34, /app/app/assets/stylesheets/create.css.scss */
body.create .guided {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 82.94039%;
  margin-left: 8.5298%;
  background-color: #a0e0cf;
  padding: 1.2em 2em;
  border: 2px solid #628A7F;
  border-radius: 12px;
  margin-top: 1.5em;
  margin-bottom: 2.5em;
}
/* line 40, /app/app/assets/stylesheets/neat/grid/_span-columns.scss */
body.create .guided:last-child {
  margin-right: 0;
}
/* line 44, /app/app/assets/stylesheets/create.css.scss */
body.create .guided .aw {
  vertical-align: middle;
}
/* line 47, /app/app/assets/stylesheets/create.css.scss */
body.create .guided .step-prompt {
  width: 80%;
  margin: auto;
  position: relative;
  overflow-y: hidden;
  background-color: white;
  border: 1px solid lightblue;
  border-radius: 9px;
  padding: 1em;
}
/* line 60, /app/app/assets/stylesheets/create.css.scss */
body.create .guided #adjustment-section {
  float: left;
  display: block;
  margin-right: 2.84259%;
  width: 100%;
  margin-top: 1em;
  width: 100%;
}
/* line 40, /app/app/assets/stylesheets/neat/grid/_span-columns.scss */
body.create .guided #adjustment-section:last-child {
  margin-right: 0;
}
/* line 66, /app/app/assets/stylesheets/create.css.scss */
body.create .guided .step,
body.create .guided .prompt {
  display: inline-block;
  vertical-align: middle;
}
/* line 72, /app/app/assets/stylesheets/create.css.scss */
body.create .guided .step {
  width: 100%;
}
/* line 76, /app/app/assets/stylesheets/create.css.scss */
body.create .guided .step .number-wrap,
body.create .guided .step .arrow-wrap {
  vertical-align: middle;
  display: inline-block;
}
/* line 81, /app/app/assets/stylesheets/create.css.scss */
body.create .guided .step .number-wrap {
  width: 60%;
  padding-right: 0.5em;
  color: #628A7F;
}
/* line 89, /app/app/assets/stylesheets/create.css.scss */
body.create .guided .step .number-wrap .aw {
  background-color: purple;
}
/* line 93, /app/app/assets/stylesheets/create.css.scss */
body.create .guided .step .arrow-wrap {
  width: 40%;
}
/* line 97, /app/app/assets/stylesheets/create.css.scss */
body.create .guided .step .arrow {
  background-image: url(/assets/right-arrow.png);
  background-size: contain;
  background-position: center left;
  background-repeat: no-repeat;
}
/* line 104, /app/app/assets/stylesheets/create.css.scss */
body.create .guided .prompt {
  text-align: center;
  color: #7D5083;
  width: 100%;
  font-size: 30px;
  line-height: 40px;
}
/* line 139, /app/app/assets/stylesheets/create.css.scss */
body.create #step-two-wrap {
  display: none;
}
/* line 141, /app/app/assets/stylesheets/create.css.scss */
body.create #step-two-wrap azimuth {
  margin-top: 0.6em;
}
/* line 145, /app/app/assets/stylesheets/create.css.scss */
body.create #guidelines-wrapper {
  position: relative;
  margin: auto;
  margin-top: 2em;
  max-width: 100%;
}
/* line 152, /app/app/assets/stylesheets/create.css.scss */
body.create #guidelines-background {
  background-color: white;
  position: relative;
  height: 100%;
}
/* line 157, /app/app/assets/stylesheets/create.css.scss */
body.create #guidelines-pic {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  opacity: 0.67;
  background-position: 0 0;
  background-size: contain;
}
/* line 165, /app/app/assets/stylesheets/create.css.scss */
body.create #guidelines-overlay {
  width: 100%;
  height: 100%;
  background-image: url(/assets/8d8d8d-tile-hex.png);
  background-repeat: repeat;
  background-size: 256px;
}
/* line 174, /app/app/assets/stylesheets/create.css.scss */
body.create #guidelines-slider {
  max-width: 491px;
  margin: 0 auto 14px auto;
}
/* line 178, /app/app/assets/stylesheets/create.css.scss */
body.create img#preview {
  margin-bottom: 18px;
}
/* line 184, /app/app/assets/stylesheets/create.css.scss */
body.create .ignored #guidelines-background,
body.create .ignored #reposition-background {
  background-color: white;
  position: relative;
}
/* line 191, /app/app/assets/stylesheets/create.css.scss */
body.create .ignored #guidelines-pic,
body.create .ignored #reposition-pic {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  opacity: 0.67;
  background-position: 0 0;
}
/* line 200, /app/app/assets/stylesheets/create.css.scss */
body.create .ignored #guidelines-overlay {
  width: 100%;
  height: 100%;
  background-image: url(/assets/8d8d8d-tile-quad.png);
  background-repeat: repeat;
  background-size: 16px 16px;
}
/* line 207, /app/app/assets/stylesheets/create.css.scss */
body.create .ignored #slider-ui-wrap {
  width: 400px;
  margin: auto;
  margin-bottom: 14px;
}
/* line 213, /app/app/assets/stylesheets/create.css.scss */
body.create .ignored #guidelines-slider,
body.create .ignored #guidelines-dimension {
  display: inline-block;
  vertical-align: middle;
}
/* line 217, /app/app/assets/stylesheets/create.css.scss */
body.create .ignored #guidelines-slider {
  width: 300px;
}
/* line 220, /app/app/assets/stylesheets/create.css.scss */
body.create .ignored #guidelines-dimension {
  margin-left: 20px;
  max-width: 60px;
}
/* line 224, /app/app/assets/stylesheets/create.css.scss */
body.create .ignored .ui-explanation {
  font-weight: 700;
  text-align: center;
}
/* line 228, /app/app/assets/stylesheets/create.css.scss */
body.create .ignored #repositioning {
  display: none;
}
/* line 233, /app/app/assets/stylesheets/create.css.scss */
body.create .ignored .perfect-fit,
body.create .ignored .process,
body.create .ignored .show-repositioning {
  display: none;
}
/* line 236, /app/app/assets/stylesheets/create.css.scss */
body.create .ignored .perfect-fit {
  padding-right: 1.5em;
}
/* line 240, /app/app/assets/stylesheets/create.css.scss */
body.create .ignored.repositioning #cropping {
  display: none;
}
/* line 243, /app/app/assets/stylesheets/create.css.scss */
body.create .ignored.repositioning #repositioning {
  display: block;
}

/* line 4, /app/app/assets/stylesheets/application/share.css.scss */
body.share #share-block {
  text-align: center;
}
/* line 7, /app/app/assets/stylesheets/application/share.css.scss */
body.share .share-text {
  color: #1b9e1b;
  vertical-align: middle;
  margin-right: 0.6em;
  display: inline-block;
  font-weight: 700;
  height: 34px;
  max-height: 34px;
  overflow: hidden;
}
/* line 18, /app/app/assets/stylesheets/application/share.css.scss */
body.share .social-share .array-share {
  float: none;
  width: auto;
  padding-top: 4px;
  height: 34px;
  max-height: 34px;
}
/* line 27, /app/app/assets/stylesheets/application/share.css.scss */
body.share .social-share li.pinterest {
  margin-top: -2px;
}
/* line 32, /app/app/assets/stylesheets/application/share.css.scss */
body.share #engagement-wrap {
  margin: auto;
}
/* line 35, /app/app/assets/stylesheets/application/share.css.scss */
body.share #loader {
  background-color: white;
  background-image: url(/assets/ajax_loader.gif);
  border: 1px solid #628A7F;
  border-radius: 9px;
  width: 200px;
  height: 200px;
  margin: auto;
  background-size: contain;
  margin-top: 2em;
}
/* line 46, /app/app/assets/stylesheets/application/share.css.scss */
body.share #rendered {
  text-align: center;
  display: none;
  margin: auto;
  max-width: 800px;
  padding-top: 1.4em;
}
/* line 52, /app/app/assets/stylesheets/application/share.css.scss */
body.share #rendered .rendered-image-wrap {
  display: inline-block;
  position: relative;
}
/* line 56, /app/app/assets/stylesheets/application/share.css.scss */
body.share #rendered img.preview {
  width: 200px;
  max-width: 50%;
  margin: auto;
}
/* line 61, /app/app/assets/stylesheets/application/share.css.scss */
body.share #rendered h3 {
  margin-top: 1em;
}
/* line 64, /app/app/assets/stylesheets/application/share.css.scss */
body.share #rendered .preview-text {
  color: #1b9e1b;
  margin: 1.45em 0 0 0;
  font-size: 1.3em;
  font-weight: bold;
  text-align: center;
}
/* line 71, /app/app/assets/stylesheets/application/share.css.scss */
body.share #rendered #links-list {
  margin: 1.4em auto 2.0em 0;
}
/* line 73, /app/app/assets/stylesheets/application/share.css.scss */
body.share #rendered #links-list a {
  margin: 0 0.2em 0.4em 0;
}
/* line 77, /app/app/assets/stylesheets/application/share.css.scss */
body.share #rendered a img {
  border: 2px solid transparent;
}
/* line 80, /app/app/assets/stylesheets/application/share.css.scss */
body.share #rendered a:hover img {
  border: 2px solid lightblue;
}
/* line 84, /app/app/assets/stylesheets/application/share.css.scss */
body.share #customize-it {
  display: none;
  margin: 45px auto 20px auto;
  text-align: center;
  color: #1b9e1b;
}
/* line 89, /app/app/assets/stylesheets/application/share.css.scss */
body.share #customize-it .input-wrap {
  display: block;
  text-align: center;
}
/* line 92, /app/app/assets/stylesheets/application/share.css.scss */
body.share #customize-it .input-wrap input {
  display: inline-block;
}
/* line 96, /app/app/assets/stylesheets/application/share.css.scss */
body.share #customize-it input[type="checkbox"] {
  margin-left: 0.8em;
}
/* line 100, /app/app/assets/stylesheets/application/share.css.scss */
body.share #customization-info {
  text-align: center;
  margin-top: 1em;
}
/* line 104, /app/app/assets/stylesheets/application/share.css.scss */
body.share #customization-info .title,
body.share #customization-info .contributor-name {
  display: block;
  margin: 0;
}
/* line 110, /app/app/assets/stylesheets/application/share.css.scss */
body.share.share__array .button.view-your-mosaic {
  border: 1px solid #007f00;
  border-bottom: 1px solid #006f00;
  border-radius: 5px;
  box-shadow: inset 0 1px 0 0 #36ff0c;
  color: white;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  background-color: #11ee00;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #11ee00), color-stop(50%, #00bc00), color-stop(50%, #00a300), color-stop(100%, #00a800));
  background-image: -webkit-linear-gradient(top, #11ee00 0%, #00bc00 50%, #00a300 50%, #00a800 100%);
  background-image: linear-gradient(to bottom,#11ee00 0%, #00bc00 50%, #00a300 50%, #00a800 100%);
  padding: 8px 20px;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 -1px 1px #006100;
  font-size: 13px;
}
/* line 151, /app/app/assets/stylesheets/bourbon/addons/_button.scss */
body.share.share__array .button.view-your-mosaic:hover:not(:disabled) {
  cursor: pointer;
  background-color: #04df00;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #04df00), color-stop(50%, #00b000), color-stop(50%, #009900), color-stop(100%, #009e00));
  background-image: -webkit-linear-gradient(top, #04df00 0%, #00b000 50%, #009900 50%, #009e00 100%);
  background-image: linear-gradient(to bottom,#04df00 0%, #00b000 50%, #009900 50%, #009e00 100%);
}
/* line 171, /app/app/assets/stylesheets/bourbon/addons/_button.scss */
body.share.share__array .button.view-your-mosaic:active:not(:disabled) {
  box-shadow: inset 0 0 20px 0 #007a00, 0 1px 0 white;
}
/* line 38, /app/app/assets/stylesheets/bourbon/addons/_button.scss */
body.share.share__array .button.view-your-mosaic:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
/* line 115, /app/app/assets/stylesheets/application/share.css.scss */
body.share.share__array #mask {
  width: 200px;
  height: 200px;
  margin: 30px auto 40px auto;
  overflow: hidden;
  border: 1px solid #944b66;
  position: relative;
}
/* line 123, /app/app/assets/stylesheets/application/share.css.scss */
body.share.share__array #canvas {
  width: 200px;
  height: 200px;
}
/* line 129, /app/app/assets/stylesheets/application/share.css.scss */
body.share.share__array #animation-message,
body.share.share__array .background-image-wrap,
body.share.share__array .floater {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-position: top left;
  background-repeat: no-repeat;
}
/* line 139, /app/app/assets/stylesheets/application/share.css.scss */
body.share.share__array #animation-message {
  display: block;
  color: white;
  text-shadow: 1px 1px #111;
  font-size: 20px;
  text-align: center;
}
/* line 150, /app/app/assets/stylesheets/application/share.css.scss */
body.share.share__array .background-image-wrap img#preview {
  width: 100%;
  height: 100%;
}
/* line 155, /app/app/assets/stylesheets/application/share.css.scss */
body.share.share__array .floater {
  display: none;
}
/* line 160, /app/app/assets/stylesheets/application/share.css.scss */
body.share.share__gallery .apple_pagination {
  width: 700px;
  max-width: 90%;
  margin: auto;
}
/* line 166, /app/app/assets/stylesheets/application/share.css.scss */
body.share.share__gallery #customization-info {
  margin-top: 50px;
}

/* line 173, /app/app/assets/stylesheets/application/share.css.scss */
body.share #loader {
  box-sizing: border-box;
  background-size: 145px 145px;
  background-position: center 14px;
  background-repeat: no-repeat;
  padding: 168px 14px 14px;
  height: 242px;
  width: 260px;
}
/* line 183, /app/app/assets/stylesheets/application/share.css.scss */
body.share #render-progress {
  width: 100%;
  height: 12px;
  overflow: hidden;
  border: 1px solid #628A7F;
  border-radius: 7px;
  background: #eef4f2;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.18);
}
/* line 193, /app/app/assets/stylesheets/application/share.css.scss */
body.share #render-progress-fill {
  width: 0;
  height: 100%;
  border-radius: 6px;
  background: linear, to bottom, #43cf56, #159c2a;
  transition: width 250ms ease-out;
}
/* line 201, /app/app/assets/stylesheets/application/share.css.scss */
body.share #render-progress-text {
  margin-top: 8px;
  color: #276b32;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.25;
  text-align: center;
}

/* Direct, dependency-free social sharing buttons. */
/* line 214, /app/app/assets/stylesheets/application/share.css.scss */
body.share #share-block .share-text,
body.share #share-block .social-share {
  vertical-align: middle;
}
/* line 218, /app/app/assets/stylesheets/application/share.css.scss */
body.share #share-block .social-buttons {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
/* line 229, /app/app/assets/stylesheets/application/share.css.scss */
body.share #share-block .social-buttons li.share-network {
  float: none;
  display: block;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
}
/* line 238, /app/app/assets/stylesheets/application/share.css.scss */
body.share #share-block .social-buttons li.share-network a {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 76px;
  height: 30px;
  padding: 0 12px;
  border: 0;
  border-radius: 999px;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 30px;
  text-decoration: none;
  box-shadow: 0 5px 14px rgba(27, 33, 55, 0.12);
  transition: transform 120ms ease, box-shadow 120ms ease, opacity 120ms ease;
}
/* line 258, /app/app/assets/stylesheets/application/share.css.scss */
body.share #share-block .social-buttons li.share-network a:hover,
body.share #share-block .social-buttons li.share-network a:focus {
  color: #fff;
  text-decoration: none;
  transform: translateY(-1px);
  box-shadow: 0 7px 17px rgba(27, 33, 55, 0.18);
}
/* line 265, /app/app/assets/stylesheets/application/share.css.scss */
body.share #share-block .x-share a {
  background: #111;
}
/* line 266, /app/app/assets/stylesheets/application/share.css.scss */
body.share #share-block .facebook-share a {
  background: #1877f2;
}
/* line 267, /app/app/assets/stylesheets/application/share.css.scss */
body.share #share-block .bluesky-share a {
  background: #1185fe;
}
/* line 268, /app/app/assets/stylesheets/application/share.css.scss */
body.share #share-block .pinterest-share a {
  background: #e60023;
}

/* line 1, /app/app/assets/stylesheets/application/about.css.scss */
body.about {
  font-family: Arial;
}
/* line 2, /app/app/assets/stylesheets/application/about.css.scss */
body.about h1, body.about h2, body.about h3, body.about h4, body.about h5, body.about h6 {
  font-size: 100%;
  font-weight: normal;
  margin: 0;
  padding: 0;
  display: inline;
}
/* line 9, /app/app/assets/stylesheets/application/about.css.scss */
body.about .title {
  font-size: 140%;
  font-weight: bold;
  display: block;
  color: #1b9e1b;
  text-align: left;
  margin: 1em 0;
}
/* line 23, /app/app/assets/stylesheets/application/about.css.scss */
body.about #content {
  margin: 4em 3em 3em 3em;
}

/* line 28, /app/app/assets/stylesheets/application/about.css.scss */
body.about__contact textarea {
  width: 400px;
}

/* line 39, /app/app/assets/stylesheets/application/about.css.scss */
body.about__faq .contact-us {
  margin-top: 1.6em;
  font-style: italic;
  text-align: center;
}
/* line 43, /app/app/assets/stylesheets/application/about.css.scss */
body.about__faq .contact-us a {
  font-weight: 700;
  font-style: normal;
}
/* line 48, /app/app/assets/stylesheets/application/about.css.scss */
body.about__faq .faq {
  margin-top: 2em;
}
/* line 51, /app/app/assets/stylesheets/application/about.css.scss */
body.about__faq .question {
  font-weight: bold;
}

/* line 60, /app/app/assets/stylesheets/application/about.css.scss */
body.about__about #content {
  text-align: center;
}
/* line 65, /app/app/assets/stylesheets/application/about.css.scss */
body.about__about .intro-text,
body.about__about .linkedin-button {
  display: inline-block;
  vertical-align: middle;
}
/* line 69, /app/app/assets/stylesheets/application/about.css.scss */
body.about__about .linkedin-button {
  margin-left: 0.76em;
}
/* line 72, /app/app/assets/stylesheets/application/about.css.scss */
body.about__about #other-projects {
  margin-top: 1.6em;
}
/* line 75, /app/app/assets/stylesheets/application/about.css.scss */
body.about__about #you-might {
  font-weight: bold;
}
/* line 78, /app/app/assets/stylesheets/application/about.css.scss */
body.about__about #projects-list {
  *zoom: 1;
  margin: 2em auto;
  width: 456px;
}
/* line 18, /app/app/assets/stylesheets/bourbon/addons/_clearfix.scss */
body.about__about #projects-list:before, body.about__about #projects-list:after {
  content: " ";
  display: table;
}
/* line 23, /app/app/assets/stylesheets/bourbon/addons/_clearfix.scss */
body.about__about #projects-list:after {
  clear: both;
}
/* line 83, /app/app/assets/stylesheets/application/about.css.scss */
body.about__about .other-project {
  margin: 4px;
  float: left;
  border: 2px solid lightblue;
  border-radius: 4px;
}
/* line 90, /app/app/assets/stylesheets/application/about.css.scss */
body.about__about .other-project:hover {
  border: 2px solid #1b9e1b;
}
/* line 93, /app/app/assets/stylesheets/application/about.css.scss */
body.about__about #tiled-avatar {
  position: relative;
  width: 160px;
  height: 160px;
  background-image: url(/img/joshua-tiled-avatar.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin: 1.5em auto 2em auto;
  border: 0px solid transparent;
  border-radius: 25%;
}

/* line 3, /app/app/assets/stylesheets/application/home.css.scss */
body.home.home__index #intro {
  margin-top: 2em;
  color: #1b9e1b;
  font-size: 1.6em;
  font-weight: bold;
  text-align: center;
}
/* line 10, /app/app/assets/stylesheets/application/home.css.scss */
body.home.home__index #mosaic-examples {
  width: 100%;
  margin: 1.5em auto;
  text-align: center;
}
/* line 14, /app/app/assets/stylesheets/application/home.css.scss */
body.home.home__index #mosaic-examples .tile {
  position: relative;
  display: inline-block;
  margin: 0.5em;
  vertical-align: middle;
}
/* line 23, /app/app/assets/stylesheets/application/home.css.scss */
body.home.home__index #mosaic-examples .tile:nth-child(1) {
  margin-left: 0;
}
/* line 26, /app/app/assets/stylesheets/application/home.css.scss */
body.home.home__index #mosaic-examples .tile:last-child {
  margin-right: 0;
}
/* line 30, /app/app/assets/stylesheets/application/home.css.scss */
body.home.home__index #get-started {
  width: 100%;
  text-align: center;
}
/* line 33, /app/app/assets/stylesheets/application/home.css.scss */
body.home.home__index #get-started .button {
  margin: 0 0.5em 3em 0.5em;
}
/* line 36, /app/app/assets/stylesheets/application/home.css.scss */
body.home.home__index #get-started .button.make-your-own {
  border: 1px solid #007f00;
  border-bottom: 1px solid #006f00;
  border-radius: 5px;
  box-shadow: inset 0 1px 0 0 #36ff0c;
  color: white;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  background-color: #11ee00;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #11ee00), color-stop(50%, #00bc00), color-stop(50%, #00a300), color-stop(100%, #00a800));
  background-image: -webkit-linear-gradient(top, #11ee00 0%, #00bc00 50%, #00a300 50%, #00a800 100%);
  background-image: linear-gradient(to bottom,#11ee00 0%, #00bc00 50%, #00a300 50%, #00a800 100%);
  padding: 8px 20px;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 -1px 1px #006100;
}
/* line 151, /app/app/assets/stylesheets/bourbon/addons/_button.scss */
body.home.home__index #get-started .button.make-your-own:hover:not(:disabled) {
  cursor: pointer;
  background-color: #04df00;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #04df00), color-stop(50%, #00b000), color-stop(50%, #009900), color-stop(100%, #009e00));
  background-image: -webkit-linear-gradient(top, #04df00 0%, #00b000 50%, #009900 50%, #009e00 100%);
  background-image: linear-gradient(to bottom,#04df00 0%, #00b000 50%, #009900 50%, #009e00 100%);
}
/* line 171, /app/app/assets/stylesheets/bourbon/addons/_button.scss */
body.home.home__index #get-started .button.make-your-own:active:not(:disabled) {
  box-shadow: inset 0 0 20px 0 #007a00, 0 1px 0 white;
}
/* line 38, /app/app/assets/stylesheets/bourbon/addons/_button.scss */
body.home.home__index #get-started .button.make-your-own:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
/* line 41, /app/app/assets/stylesheets/application/home.css.scss */
body.home.home__index #mask {
  width: 200px;
  height: 112px;
  margin: 30px auto 40px auto;
  overflow: hidden;
  border: 1px solid #944b66;
  position: relative;
}
/* line 49, /app/app/assets/stylesheets/application/home.css.scss */
body.home.home__index #canvas {
  width: 200px;
  height: 112px;
}
/* line 54, /app/app/assets/stylesheets/application/home.css.scss */
body.home.home__index #animation-message,
body.home.home__index .floater {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-position: top left;
  background-repeat: no-repeat;
}
/* line 64, /app/app/assets/stylesheets/application/home.css.scss */
body.home.home__index #animation-message {
  display: block;
  /* line-height: 112px;
  vertical-align: middle; */
  background-color: #c47896;
  color: white;
  font-size: 20px;
  text-align: center;
}
/* line 73, /app/app/assets/stylesheets/application/home.css.scss */
body.home.home__index .floater {
  display: none;
}
/* line 76, /app/app/assets/stylesheets/application/home.css.scss */
body.home.home__index #floater0.floater {
  background-image: url(/img/pm0.jpg);
}
/* line 79, /app/app/assets/stylesheets/application/home.css.scss */
body.home.home__index #floater1.floater {
  background-image: url(/img/pm1.jpg);
}
/* line 82, /app/app/assets/stylesheets/application/home.css.scss */
body.home.home__index #floater2.floater {
  background-image: url(/img/pm2.jpg);
}
/* line 85, /app/app/assets/stylesheets/application/home.css.scss */
body.home.home__index #floater3.floater {
  background-image: url(/img/pm3.jpg);
}
/* line 89, /app/app/assets/stylesheets/application/home.css.scss */
body.home.home__index #floater4.floater,
body.home.home__index #animation-message {
  background-image: url(/img/pm4.jpg);
}

@media only screen and (max-width: 500px) {
  /* line 14, /app/app/assets/stylesheets/application/media_queries.css.scss */
  body.about #content {
    margin: 4em 0;
  }

  /* line 17, /app/app/assets/stylesheets/application/media_queries.css.scss */
  body.about__about #projects-list {
    width: 216px;
  }

  /* line 20, /app/app/assets/stylesheets/application/media_queries.css.scss */
  body.about__about .linkedin-button {
    display: block;
    margin-top: 0.6em;
  }
}
@media only screen and (max-width: 768px) {
  /* line 28, /app/app/assets/stylesheets/application/media_queries.css.scss */
  body.home.home__index #intro {
    margin-top: 1em;
  }
  /* line 31, /app/app/assets/stylesheets/application/media_queries.css.scss */
  body.home.home__index #mosaic-examples {
    margin-top: 0.5em;
  }

  /* line 35, /app/app/assets/stylesheets/application/media_queries.css.scss */
  header {
    padding: 0 0 0.5em 0;
  }
  /* line 37, /app/app/assets/stylesheets/application/media_queries.css.scss */
  header .hero-text {
    margin: 0.3em auto 0 auto;
    width: 80%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }

  /* line 46, /app/app/assets/stylesheets/application/media_queries.css.scss */
  body.create .guided .step-prompt {
    float: none;
    margin: 0;
    width: 100%;
  }
  /* line 51, /app/app/assets/stylesheets/application/media_queries.css.scss */
  body.create .guided .step {
    width: 40%;
  }
  /* line 54, /app/app/assets/stylesheets/application/media_queries.css.scss */
  body.create .guided .prompt {
    width: 60%;
  }
}
@media print {
  /* line 11, /usr/local/bundle/gems/compass-h5bp-0.1.2/stylesheets/h5bp/_media.scss */
  * {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }

  /* line 19, /usr/local/bundle/gems/compass-h5bp-0.1.2/stylesheets/h5bp/_media.scss */
  a,
  a:visited {
    text-decoration: underline;
  }

  /* line 23, /usr/local/bundle/gems/compass-h5bp-0.1.2/stylesheets/h5bp/_media.scss */
  a[href]:after {
    content: " (" attr(href) ")";
  }

  /* line 27, /usr/local/bundle/gems/compass-h5bp-0.1.2/stylesheets/h5bp/_media.scss */
  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  /* line 37, /usr/local/bundle/gems/compass-h5bp-0.1.2/stylesheets/h5bp/_media.scss */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }

  /* line 42, /usr/local/bundle/gems/compass-h5bp-0.1.2/stylesheets/h5bp/_media.scss */
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  /* line 47, /usr/local/bundle/gems/compass-h5bp-0.1.2/stylesheets/h5bp/_media.scss */
  thead {
    display: table-header-group;
  }

  /* line 52, /usr/local/bundle/gems/compass-h5bp-0.1.2/stylesheets/h5bp/_media.scss */
  tr,
  img {
    page-break-inside: avoid;
  }

  /* line 56, /usr/local/bundle/gems/compass-h5bp-0.1.2/stylesheets/h5bp/_media.scss */
  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
}

  /* line 66, /usr/local/bundle/gems/compass-h5bp-0.1.2/stylesheets/h5bp/_media.scss */
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  /* line 72, /usr/local/bundle/gems/compass-h5bp-0.1.2/stylesheets/h5bp/_media.scss */
  h2,
  h3 {
    page-break-after: avoid;
  }
}
/* line 2, /app/app/assets/stylesheets/admin.css.scss */
body.admin .apple_pagination {
  margin-top: 50px;
}
/* line 5, /app/app/assets/stylesheets/admin.css.scss */
body.admin table.events {
  margin-top: 20px;
}
/* line 7, /app/app/assets/stylesheets/admin.css.scss */
body.admin table.events th {
  border-bottom: 2px solid #222;
}
/* line 10, /app/app/assets/stylesheets/admin.css.scss */
body.admin table.events td {
  padding: 10px 8px;
}
/* line 14, /app/app/assets/stylesheets/admin.css.scss */
body.admin #overview-links {
  margin-top: 50px;
  list-style-type: none;
  width: 100%;
}
/* line 18, /app/app/assets/stylesheets/admin.css.scss */
body.admin #overview-links li {
  width: 100%;
  display: block;
  padding: 6px;
  text-align: center;
}
/* line 23, /app/app/assets/stylesheets/admin.css.scss */
body.admin #overview-links li .button {
  display: inline-block;
  margin: 8px auto;
  width: 140px;
}

/* line 1, /app/app/assets/stylesheets/pagination.css */
.digg_pagination {
  background: white;
  cursor: default;
  /* self-clearing method: */
}

/* line 5, /app/app/assets/stylesheets/pagination.css */
.digg_pagination a, .digg_pagination span, .digg_pagination em {
  padding: 0.2em 0.5em;
  display: block;
  float: left;
  margin-right: 1px;
}

/* line 10, /app/app/assets/stylesheets/pagination.css */
.digg_pagination .disabled {
  color: #999999;
  border: 1px solid #dddddd;
}

/* line 13, /app/app/assets/stylesheets/pagination.css */
.digg_pagination .current {
  font-style: normal;
  font-weight: bold;
  background: #2e6ab1;
  color: white;
  border: 1px solid #2e6ab1;
}

/* line 19, /app/app/assets/stylesheets/pagination.css */
.digg_pagination a {
  text-decoration: none;
  color: #105cb6;
  border: 1px solid #9aafe5;
}

/* line 23, /app/app/assets/stylesheets/pagination.css */
.digg_pagination a:hover, .digg_pagination a:focus {
  color: #000033;
  border-color: #000033;
}

/* line 26, /app/app/assets/stylesheets/pagination.css */
.digg_pagination .page_info {
  background: #2e6ab1;
  color: white;
  padding: 0.4em 0.6em;
  width: 22em;
  margin-bottom: 0.3em;
  text-align: center;
}

/* line 33, /app/app/assets/stylesheets/pagination.css */
.digg_pagination .page_info b {
  color: #000033;
  background: #6aa6ed;
  padding: 0.1em 0.25em;
}

/* line 37, /app/app/assets/stylesheets/pagination.css */
.digg_pagination:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* line 43, /app/app/assets/stylesheets/pagination.css */
* html .digg_pagination {
  height: 1%;
}

/* line 45, /app/app/assets/stylesheets/pagination.css */
*:first-child + html .digg_pagination {
  overflow: hidden;
}

/* line 48, /app/app/assets/stylesheets/pagination.css */
.apple_pagination {
  background: #f1f1f1;
  border: 1px solid #e5e5e5;
  text-align: center;
  padding: 1em;
  cursor: default;
}

/* line 54, /app/app/assets/stylesheets/pagination.css */
.apple_pagination a, .apple_pagination span {
  padding: 0.2em 0.3em;
}

/* line 56, /app/app/assets/stylesheets/pagination.css */
.apple_pagination .disabled {
  color: #aaaaaa;
}

/* line 58, /app/app/assets/stylesheets/pagination.css */
.apple_pagination .current {
  font-style: normal;
  font-weight: bold;
  background-color: #bebebe;
  display: inline-block;
  width: 1.4em;
  height: 1.4em;
  line-height: 1.5;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  border-radius: 1em;
  text-shadow: rgba(255, 255, 255, 0.8) 1px 1px 1px;
}

/* line 70, /app/app/assets/stylesheets/pagination.css */
.apple_pagination a {
  text-decoration: none;
  color: black;
}

/* line 73, /app/app/assets/stylesheets/pagination.css */
.apple_pagination a:hover, .apple_pagination a:focus {
  text-decoration: underline;
}

/* line 76, /app/app/assets/stylesheets/pagination.css */
.flickr_pagination {
  text-align: center;
  padding: 0.3em;
  cursor: default;
}

/* line 80, /app/app/assets/stylesheets/pagination.css */
.flickr_pagination a, .flickr_pagination span, .flickr_pagination em {
  padding: 0.2em 0.5em;
}

/* line 82, /app/app/assets/stylesheets/pagination.css */
.flickr_pagination .disabled {
  color: #aaaaaa;
}

/* line 84, /app/app/assets/stylesheets/pagination.css */
.flickr_pagination .current {
  font-style: normal;
  font-weight: bold;
  color: #ff0084;
}

/* line 88, /app/app/assets/stylesheets/pagination.css */
.flickr_pagination a {
  border: 1px solid #dddddd;
  color: #0063dc;
  text-decoration: none;
}

/* line 92, /app/app/assets/stylesheets/pagination.css */
.flickr_pagination a:hover, .flickr_pagination a:focus {
  border-color: #003366;
  background: #0063dc;
  color: white;
}

/* line 96, /app/app/assets/stylesheets/pagination.css */
.flickr_pagination .page_info {
  color: #aaaaaa;
  padding-top: 0.8em;
}

/* line 99, /app/app/assets/stylesheets/pagination.css */
.flickr_pagination .previous_page, .flickr_pagination .next_page {
  border-width: 2px;
}

/* line 101, /app/app/assets/stylesheets/pagination.css */
.flickr_pagination .previous_page {
  margin-right: 1em;
}

/* line 103, /app/app/assets/stylesheets/pagination.css */
.flickr_pagination .next_page {
  margin-left: 1em;
}

/* line 1, /app/app/assets/stylesheets/application/other_projects.css.scss */
.other-project {
  background-image: url(/assets/other-projects-spritesheet.png);
  width: 68px;
  height: 68px;
  position: relative;
  background-color: white;
}
/* line 7, /app/app/assets/stylesheets/application/other_projects.css.scss */
.other-project a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

/* line 17, /app/app/assets/stylesheets/application/other_projects.css.scss */
.other-project.manabasecrafter,
.other-project.mbc {
  background-position: -128px 0;
}

/* line 22, /app/app/assets/stylesheets/application/other_projects.css.scss */
.other-project.manylittleapps,
.other-project.mla {
  background-position: -192px 0;
}

/* line 27, /app/app/assets/stylesheets/application/other_projects.css.scss */
.other-project.rancors,
.other-project.str {
  background-position: -384px 0;
  background-color: #EBF5D9;
}

/* line 33, /app/app/assets/stylesheets/application/other_projects.css.scss */
.other-project.scotchtasting,
.other-project.scotchtasting.st {
  background-position: -448px 0;
}

/* line 38, /app/app/assets/stylesheets/application/other_projects.css.scss */
.other-project.picflood,
.other-project.pf {
  background-position: -256px 0;
}

/* line 43, /app/app/assets/stylesheets/application/other_projects.css.scss */
.other-project.derangeit,
.other-project.di {
  background-position: 0 0;
}

/* line 48, /app/app/assets/stylesheets/application/other_projects.css.scss */
.other-project.pjshows,
.other-project.pj {
  background-position: -320px 0;
  background-color: black;
}

/* line 54, /app/app/assets/stylesheets/application/other_projects.css.scss */
.other-project.eclecticquill,
.other-project.eq {
  background-position: -64px 0;
}

/* line 59, /app/app/assets/stylesheets/application/other_projects.css.scss */
.other-project.cssisawesome,
.other-project.cia {
  background-position: -512px 0;
}

/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
/* line 3, /app/app/assets/stylesheets/tooltipster.css */
.tooltipster-default {
  border-radius: 5px;
  border: 2px solid #000;
  background: #4c4c4c;
  color: #fff;
}

/* Use this next selector to style things like font-size and line-height: */
/* line 11, /app/app/assets/stylesheets/tooltipster.css */
.tooltipster-default .tooltipster-content {
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 16px;
  padding: 8px 10px;
  overflow: hidden;
}

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
/* line 20, /app/app/assets/stylesheets/tooltipster.css */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
  /* border-color: ... !important; */
}

/* If you're using the icon option, use this next selector to style them */
/* line 26, /app/app/assets/stylesheets/tooltipster.css */
.tooltipster-icon {
  cursor: help;
  margin-left: 4px;
}

/* This is the base styling required to make all Tooltipsters work */
/* line 39, /app/app/assets/stylesheets/tooltipster.css */
.tooltipster-base {
  padding: 0;
  font-size: 0;
  line-height: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9999999;
  pointer-events: none;
  width: auto;
  overflow: visible;
}

/* line 51, /app/app/assets/stylesheets/tooltipster.css */
.tooltipster-base .tooltipster-content {
  overflow: hidden;
}

/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
/* line 57, /app/app/assets/stylesheets/tooltipster.css */
.tooltipster-arrow {
  display: block;
  text-align: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

/* line 67, /app/app/assets/stylesheets/tooltipster.css */
.tooltipster-arrow span, .tooltipster-arrow-border {
  display: block;
  width: 0;
  height: 0;
  position: absolute;
}

/* line 73, /app/app/assets/stylesheets/tooltipster.css */
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-top: 8px solid;
  bottom: -7px;
}

/* line 79, /app/app/assets/stylesheets/tooltipster.css */
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-top: 9px solid;
  bottom: -7px;
}

/* line 86, /app/app/assets/stylesheets/tooltipster.css */
.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-bottom: 8px solid;
  top: -7px;
}

/* line 92, /app/app/assets/stylesheets/tooltipster.css */
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-bottom: 9px solid;
  top: -7px;
}

/* line 98, /app/app/assets/stylesheets/tooltipster.css */
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
  left: 0;
  right: 0;
  margin: 0 auto;
}

/* line 103, /app/app/assets/stylesheets/tooltipster.css */
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
  left: 6px;
}

/* line 106, /app/app/assets/stylesheets/tooltipster.css */
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  left: 5px;
}

/* line 109, /app/app/assets/stylesheets/tooltipster.css */
.tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span {
  right: 6px;
}

/* line 112, /app/app/assets/stylesheets/tooltipster.css */
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
  right: 5px;
}

/* line 115, /app/app/assets/stylesheets/tooltipster.css */
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-left: 8px solid;
  top: 50%;
  margin-top: -7px;
  right: -7px;
}

/* line 123, /app/app/assets/stylesheets/tooltipster.css */
.tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-left: 9px solid;
  margin-top: -8px;
}

/* line 129, /app/app/assets/stylesheets/tooltipster.css */
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-right: 8px solid;
  top: 50%;
  margin-top: -7px;
  left: -7px;
}

/* line 137, /app/app/assets/stylesheets/tooltipster.css */
.tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-right: 9px solid;
  margin-top: -8px;
}

/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */
/* line 147, /app/app/assets/stylesheets/tooltipster.css */
.tooltipster-fade {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -ms-transition-property: opacity;
  transition-property: opacity;
}

/* line 155, /app/app/assets/stylesheets/tooltipster.css */
.tooltipster-fade-show {
  opacity: 1;
}

/* line 159, /app/app/assets/stylesheets/tooltipster.css */
.tooltipster-grow {
  -webkit-transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-backface-visibility: hidden;
}

/* line 172, /app/app/assets/stylesheets/tooltipster.css */
.tooltipster-grow-show {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

/* line 186, /app/app/assets/stylesheets/tooltipster.css */
.tooltipster-swing {
  opacity: 0;
  -webkit-transform: rotateZ(4deg);
  -moz-transform: rotateZ(4deg);
  -o-transform: rotateZ(4deg);
  -ms-transform: rotateZ(4deg);
  transform: rotateZ(4deg);
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
}

/* line 199, /app/app/assets/stylesheets/tooltipster.css */
.tooltipster-swing-show {
  opacity: 1;
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  -o-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -moz-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -ms-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
}

/* line 214, /app/app/assets/stylesheets/tooltipster.css */
.tooltipster-fall {
  top: 0;
  -webkit-transition-property: top;
  -moz-transition-property: top;
  -o-transition-property: top;
  -ms-transition-property: top;
  transition-property: top;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

/* line 230, /app/app/assets/stylesheets/tooltipster.css */
.tooltipster-fall.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  top: 0px !important;
  opacity: 0;
}

/* line 240, /app/app/assets/stylesheets/tooltipster.css */
.tooltipster-slide {
  left: -40px;
  -webkit-transition-property: left;
  -moz-transition-property: left;
  -o-transition-property: left;
  -ms-transition-property: left;
  transition-property: left;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

/* line 256, /app/app/assets/stylesheets/tooltipster.css */
.tooltipster-slide.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  left: 0px !important;
  opacity: 0;
}

/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
/* line 268, /app/app/assets/stylesheets/tooltipster.css */
.tooltipster-content-changing {
  opacity: 0.5;
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}

/* line 1, /app/app/assets/stylesheets/tooltipster-shadow.css */
.tooltipster-shadow {
  border-radius: 5px;
  background: #fff;
  box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.3);
  color: #2c2c2c;
}

/* line 7, /app/app/assets/stylesheets/tooltipster-shadow.css */
.tooltipster-shadow .tooltipster-content {
  font-family: 'Arial', sans-serif;
  font-size: 14px;
  line-height: 16px;
  padding: 8px 10px;
  white-space: nowrap;
}

/* TileArray 2026 visual refresh
   Loaded last so the application keeps its existing Rails/JS behavior while
   replacing the legacy presentation layer. */
/* line 6, /app/app/assets/stylesheets/application/modern.css.scss */
* {
  box-sizing: border-box;
}

/* line 10, /app/app/assets/stylesheets/application/modern.css.scss */
html {
  min-height: 100%;
  background: #f7f8fb !important;
  background-image: none !important;
}

/* line 16, /app/app/assets/stylesheets/application/modern.css.scss */
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  margin: 0;
  color: #202535;
  background: #f7f8fb !important;
  background-image: none !important;
  background-attachment: scroll;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* line 32, /app/app/assets/stylesheets/application/modern.css.scss */
body:before {
  display: none;
  content: none;
}

/* line 39, /app/app/assets/stylesheets/application/modern.css.scss */
a,
a:link,
a:visited {
  color: #6547a7;
  text-decoration: none;
}

/* line 45, /app/app/assets/stylesheets/application/modern.css.scss */
a:hover,
a:focus {
  color: #3f267c;
}

/* line 53, /app/app/assets/stylesheets/application/modern.css.scss */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 3px solid rgba(101, 71, 167, 0.28);
  outline-offset: 3px;
}

/* line 58, /app/app/assets/stylesheets/application/modern.css.scss */
img {
  max-width: 100%;
  height: auto;
}

/* line 63, /app/app/assets/stylesheets/application/modern.css.scss */
#container {
  display: block;
  flex: 1 0 auto;
  float: none;
  position: relative;
  right: auto;
  left: auto;
  width: calc(100% - 40px);
  max-width: 1180px;
  min-height: 0;
  margin-right: auto;
  margin-left: auto;
  padding: 0 0 48px;
}

/* line 78, /app/app/assets/stylesheets/application/modern.css.scss */
#header-wrap {
  padding: 28px 0 10px;
}

/* line 82, /app/app/assets/stylesheets/application/modern.css.scss */
#header {
  display: flex;
  align-items: center;
  min-height: 70px;
  padding: 0;
}

/* line 89, /app/app/assets/stylesheets/application/modern.css.scss */
#header .hero-text {
  width: 340px;
  height: 62px;
  margin: 0;
  background-image: url(/assets/header400.jpg);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  filter: drop-shadow(0 8px 12px rgba(45, 28, 88, 0.14));
}

/* line 100, /app/app/assets/stylesheets/application/modern.css.scss */
#header .hero-text a {
  display: block;
}

/* line 104, /app/app/assets/stylesheets/application/modern.css.scss */
.social-share.header-share {
  display: flex;
  justify-content: flex-end;
  margin: -54px 0 28px;
  min-height: 34px;
}

/* line 112, /app/app/assets/stylesheets/application/modern.css.scss */
.social-share ul,
.social-share li {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* line 118, /app/app/assets/stylesheets/application/modern.css.scss */
.social-share ul {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* line 124, /app/app/assets/stylesheets/application/modern.css.scss */
.social-share li {
  float: none;
  min-width: 0;
}

/* line 129, /app/app/assets/stylesheets/application/modern.css.scss */
#flash {
  margin: 0 0 24px;
}

/* line 133, /app/app/assets/stylesheets/application/modern.css.scss */
#flash p {
  margin: 0;
  padding: 12px 16px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 12px;
  background: rgba(28, 31, 43, 0.93);
  box-shadow: 0 12px 30px rgba(24, 27, 39, 0.16);
}

/* line 147, /app/app/assets/stylesheets/application/modern.css.scss */
#content,
.guided,
#rendered,
#customize-it,
#customization-info,
.apple_pagination {
  position: relative;
}

/* line 151, /app/app/assets/stylesheets/application/modern.css.scss */
h1, h2, h3, h4, h5, h6 {
  color: #25293a;
  letter-spacing: -0.02em;
}

/* line 160, /app/app/assets/stylesheets/application/modern.css.scss */
#intro,
body.about .title,
#customization-info .title,
.preview-text,
#customize-it h3 {
  color: #6547a7;
}

/* line 169, /app/app/assets/stylesheets/application/modern.css.scss */
.button,
a.button,
a.button:link,
a.button:visited,
input[type="submit"].button,
label.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 11px 19px;
  border: 1px solid transparent;
  border-radius: 12px;
  color: #fff;
  background: linear, 180deg, #7257b8 0%, #583c9a 100%;
  box-shadow: 0 8px 18px rgba(83, 55, 148, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.22);
  font-family: inherit;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.01em;
  line-height: 1.2;
  text-shadow: none;
  cursor: pointer;
  transition: transform 150ms ease, box-shadow 150ms ease, filter 150ms ease;
}

/* line 194, /app/app/assets/stylesheets/application/modern.css.scss */
.button:hover,
.button:focus,
a.button:hover,
a.button:focus,
label.button:hover {
  color: #fff;
  filter: brightness(1.05);
  transform: translateY(-1px);
  box-shadow: 0 12px 24px rgba(83, 55, 148, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.25);
}

/* line 203, /app/app/assets/stylesheets/application/modern.css.scss */
.button:active,
a.button:active,
label.button:active {
  transform: translateY(0);
}

/* line 209, /app/app/assets/stylesheets/application/modern.css.scss */
input,
textarea,
select {
  width: 100%;
  max-width: 520px;
  margin-top: 10px;
  padding: 12px 14px;
  border: 1px solid #d9dce7;
  border-radius: 10px;
  color: #202535;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: inset 0 1px 2px rgba(21, 24, 34, 0.04);
  font: inherit;
  transition: border-color 150ms ease, box-shadow 150ms ease;
}

/* line 225, /app/app/assets/stylesheets/application/modern.css.scss */
input:hover,
textarea:hover,
select:hover {
  border-color: #bfc4d5;
}

/* line 231, /app/app/assets/stylesheets/application/modern.css.scss */
input:focus,
textarea:focus,
select:focus {
  border-color: #8066bd;
  box-shadow: 0 0 0 4px rgba(101, 71, 167, 0.1);
}

/* line 237, /app/app/assets/stylesheets/application/modern.css.scss */
input[type="checkbox"],
input[type="radio"] {
  width: auto;
  accent-color: #6547a7;
}

/* Home */
/* line 243, /app/app/assets/stylesheets/application/modern.css.scss */
body.home.home__index #intro {
  max-width: 760px;
  margin: 50px auto 26px;
  font-size: 50px;
  font-weight: 800;
  line-height: 1.08;
  text-align: center;
}

/* line 252, /app/app/assets/stylesheets/application/modern.css.scss */
body.home.home__index #intro:after {
  content: "Built from thousands of tiny images, one wonderfully improbable picture at a time.";
  display: block;
  max-width: 660px;
  margin: 18px auto 0;
  color: #697083;
  font-size: 17px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.55;
}

/* line 264, /app/app/assets/stylesheets/application/modern.css.scss */
body.home.home__index #mosaic-examples {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  max-width: 790px;
  margin: 32px auto 38px;
}

/* line 272, /app/app/assets/stylesheets/application/modern.css.scss */
body.home.home__index #mosaic-examples .tile {
  display: block;
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(39, 43, 58, 0.08);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 16px 38px rgba(37, 42, 62, 0.12);
  transition: transform 180ms ease, box-shadow 180ms ease;
}

/* line 283, /app/app/assets/stylesheets/application/modern.css.scss */
body.home.home__index #mosaic-examples .tile:hover {
  transform: translateY(-4px);
  box-shadow: 0 22px 45px rgba(37, 42, 62, 0.17);
}

/* line 288, /app/app/assets/stylesheets/application/modern.css.scss */
body.home.home__index #mosaic-examples .tile img {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

/* line 295, /app/app/assets/stylesheets/application/modern.css.scss */
body.home.home__index #mask {
  width: 360px;
  max-width: 92%;
  height: 202px;
  margin: 28px auto 34px;
  overflow: hidden;
  border: 1px solid rgba(39, 43, 58, 0.12);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 18px 45px rgba(37, 42, 62, 0.16);
}

/* line 307, /app/app/assets/stylesheets/application/modern.css.scss */
body.home.home__index #canvas {
  width: 100%;
  height: 100%;
}

/* line 312, /app/app/assets/stylesheets/application/modern.css.scss */
body.home.home__index #animation-message {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 12px;
  color: #fff;
  background-color: #2e3040;
  font-size: 15px;
  font-weight: 700;
  text-shadow: 0 1px 2px #000;
}

/* line 324, /app/app/assets/stylesheets/application/modern.css.scss */
body.home.home__index #get-started {
  display: flex;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
}

/* line 331, /app/app/assets/stylesheets/application/modern.css.scss */
body.home.home__index #get-started .button {
  margin: 0;
  min-width: 164px;
}

/* line 336, /app/app/assets/stylesheets/application/modern.css.scss */
body.home.home__index #get-started .make-your-own {
  background: linear, 180deg, #28b98d 0%, #148568 100%;
  box-shadow: 0 8px 18px rgba(20, 133, 104, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.22);
}

/* Create workflow */
/* line 342, /app/app/assets/stylesheets/application/modern.css.scss */
body.create .guided {
  float: none;
  width: 100%;
  max-width: 880px;
  margin: 38px auto;
  padding: 28px;
  border: 1px solid rgba(87, 69, 142, 0.12);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.84);
  box-shadow: 0 22px 50px rgba(35, 39, 56, 0.12);
  backdrop-filter: blur(8px);
}

/* line 355, /app/app/assets/stylesheets/application/modern.css.scss */
body.create .guided .step-prompt {
  width: 100%;
  margin: 0 auto 24px;
  padding: 0;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
}

/* line 366, /app/app/assets/stylesheets/application/modern.css.scss */
body.create .guided .step,
body.create .guided .prompt {
  display: block;
  width: 100%;
}

/* line 371, /app/app/assets/stylesheets/application/modern.css.scss */
body.create .guided .prompt {
  color: #292d3e;
  font-size: 42px;
  font-weight: 800;
  line-height: 1.15;
}

/* line 378, /app/app/assets/stylesheets/application/modern.css.scss */
body.create .button-wrap {
  margin: 18px 0 4px;
}

/* line 383, /app/app/assets/stylesheets/application/modern.css.scss */
body.create #uploaded-photo-image-label,
body.create #tile-it-link {
  min-width: 210px;
}

/* line 387, /app/app/assets/stylesheets/application/modern.css.scss */
body.create .progress {
  width: 100%;
  max-width: 520px;
  margin: 22px auto 0;
  padding: 14px;
  border-radius: 12px;
  background: #f4f5f9;
}

/* line 396, /app/app/assets/stylesheets/application/modern.css.scss */
body.create .progress .bar {
  height: 10px;
  margin: 0 0 9px;
  border: 0;
  border-radius: 999px;
  background: linear, 90deg, #6b4dab, #20a782;
}

/* line 404, /app/app/assets/stylesheets/application/modern.css.scss */
body.create #adjustment-section {
  float: none;
  width: 100%;
  margin-top: 18px;
}

/* line 411, /app/app/assets/stylesheets/application/modern.css.scss */
body.create #guidelines-wrapper,
body.create #guidelines-background {
  border-radius: 16px;
}

/* line 415, /app/app/assets/stylesheets/application/modern.css.scss */
body.create #guidelines-wrapper {
  overflow: hidden;
  border: 1px solid #d9dce7;
  box-shadow: 0 14px 34px rgba(34, 38, 55, 0.12);
}

/* line 421, /app/app/assets/stylesheets/application/modern.css.scss */
body.create #guidelines-slider {
  width: 90%;
  max-width: 520px;
  margin: 20px auto;
}

/* line 427, /app/app/assets/stylesheets/application/modern.css.scss */
body.create .ui-explanation {
  margin-top: 34px;
  color: #6547a7;
  font-size: 28px;
  font-weight: 800;
}

/* Loader and completed mosaic */
/* line 435, /app/app/assets/stylesheets/application/modern.css.scss */
body.share #content {
  display: block;
  float: none;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

/* line 443, /app/app/assets/stylesheets/application/modern.css.scss */
body.share #loader {
  position: relative;
  right: auto;
  left: auto;
  float: none;
  clear: both;
  width: 300px;
  height: auto;
  min-height: 310px;
  margin: 52px auto 38px !important;
  transform: none;
  text-align: center;
  padding: 216px 20px 20px;
  border: 1px solid rgba(87, 69, 142, 0.14);
  border-radius: 22px;
  background-color: rgba(255, 255, 255, 0.9);
  background-position: center 28px;
  background-size: 170px 170px;
  box-shadow: 0 22px 50px rgba(35, 39, 56, 0.13);
}

/* line 464, /app/app/assets/stylesheets/application/modern.css.scss */
body.share #render-progress {
  height: 12px;
  border: 0;
  border-radius: 999px;
  background: #e7e9f0;
  box-shadow: inset 0 1px 3px rgba(24, 27, 39, 0.12);
}

/* line 472, /app/app/assets/stylesheets/application/modern.css.scss */
body.share #render-progress-fill {
  border-radius: 999px;
  background: linear, 90deg, #7357b8, #21a982;
  box-shadow: 0 0 14px rgba(101, 71, 167, 0.32);
}

/* line 478, /app/app/assets/stylesheets/application/modern.css.scss */
body.share #render-progress-text {
  margin-top: 12px;
  color: #555c70;
  font-size: 14px;
}

/* line 484, /app/app/assets/stylesheets/application/modern.css.scss */
body.share #customization-info {
  margin: 28px auto 0;
  text-align: center;
}

/* line 489, /app/app/assets/stylesheets/application/modern.css.scss */
body.share #customization-info .title {
  margin: 0;
  font-size: 46px;
  font-weight: 800;
}

/* line 495, /app/app/assets/stylesheets/application/modern.css.scss */
body.share #customization-info .contributor-name {
  margin: 6px 0 0;
  color: #777d8e;
  font-size: 16px;
  font-weight: 600;
}

/* line 502, /app/app/assets/stylesheets/application/modern.css.scss */
body.share #rendered {
  float: none;
  width: 100%;
  max-width: 920px;
  margin: 22px auto 0;
  padding: 30px;
  border: 1px solid rgba(87, 69, 142, 0.12);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.87);
  box-shadow: 0 22px 50px rgba(35, 39, 56, 0.12);
}

/* line 514, /app/app/assets/stylesheets/application/modern.css.scss */
body.share #share-block {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
  min-height: 38px;
}

/* line 523, /app/app/assets/stylesheets/application/modern.css.scss */
body.share .share-text {
  height: auto;
  max-height: none;
  margin: 0;
  color: #555c70;
  font-size: 14px;
  font-weight: 700;
}

/* line 532, /app/app/assets/stylesheets/application/modern.css.scss */
body.share #rendered .preview-text {
  margin: 28px 0 12px;
  font-size: 26px;
  font-weight: 800;
}

/* line 538, /app/app/assets/stylesheets/application/modern.css.scss */
body.share.share__array #mask {
  width: 90vw;
  max-width: 360px;
  height: 90vw;
  max-height: 360px;
  margin: 0 auto 26px;
  overflow: hidden;
  border: 1px solid rgba(39, 43, 58, 0.12);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 16px 38px rgba(37, 42, 62, 0.15);
}

/* line 551, /app/app/assets/stylesheets/application/modern.css.scss */
body.share.share__array #canvas {
  width: 100%;
  height: 100%;
}

/* line 556, /app/app/assets/stylesheets/application/modern.css.scss */
body.share.share__array #animation-message {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 12px;
  font-size: 15px;
  font-weight: 700;
}

/* line 565, /app/app/assets/stylesheets/application/modern.css.scss */
body.share #rendered #links-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  justify-content: center;
  gap: 12px;
  width: 100%;
  max-width: 840px;
  margin: 0 auto;
}

/* line 577, /app/app/assets/stylesheets/application/modern.css.scss */
body.share #rendered #links-list a.button,
body.share #rendered #links-list .button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 54px !important;
  min-height: 54px !important;
  max-height: 54px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  border: 1px solid transparent !important;
  border-radius: 12px !important;
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
}

/* line 600, /app/app/assets/stylesheets/application/modern.css.scss */
body.share .button.view-your-mosaic,
body.share.share__array .button.view-your-mosaic {
  background: linear, 180deg, #29b88d 0%, #148568 100% !important;
  box-shadow: 0 8px 18px rgba(20, 133, 104, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
}

/* line 606, /app/app/assets/stylesheets/application/modern.css.scss */
body.share #rendered #links-list .button.download,
body.share #rendered #links-list .button.make-another {
  background: linear, 180deg, #7257b8 0%, #583c9a 100% !important;
  box-shadow: 0 8px 18px rgba(83, 55, 148, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
}

/* line 611, /app/app/assets/stylesheets/application/modern.css.scss */
body.share #customize-it {
  width: 100%;
  max-width: 640px;
  margin: 24px auto 12px;
  padding: 26px;
  border: 1px solid rgba(87, 69, 142, 0.12);
  border-radius: 20px;
  color: #303548;
  background: rgba(255, 255, 255, 0.78);
  box-shadow: 0 16px 38px rgba(35, 39, 56, 0.09);
}

/* line 623, /app/app/assets/stylesheets/application/modern.css.scss */
body.share #customize-it h3 {
  margin: 0 0 14px;
  font-size: 25px;
  font-weight: 800;
}

/* line 629, /app/app/assets/stylesheets/application/modern.css.scss */
body.share #customize-it .input-wrap input {
  display: block;
  width: 100%;
  max-width: 420px;
  margin: 10px auto;
}

/* line 636, /app/app/assets/stylesheets/application/modern.css.scss */
body.share #customize-it .checkbox-line {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  margin-top: 14px;
}

/* Gallery */
/* line 645, /app/app/assets/stylesheets/application/modern.css.scss */
body.share.share__gallery #customization-info {
  margin-top: 28px;
}

/* line 649, /app/app/assets/stylesheets/application/modern.css.scss */
#recent-shares {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  margin: 30px auto 34px;
}

/* line 656, /app/app/assets/stylesheets/application/modern.css.scss */
#recent-shares .share-wrap {
  overflow: hidden;
  border: 1px solid rgba(39, 43, 58, 0.09);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 14px 32px rgba(35, 39, 56, 0.1);
  transition: transform 170ms ease, box-shadow 170ms ease;
}

/* line 665, /app/app/assets/stylesheets/application/modern.css.scss */
#recent-shares .share-wrap:hover {
  transform: translateY(-3px);
  box-shadow: 0 20px 40px rgba(35, 39, 56, 0.15);
}

/* line 670, /app/app/assets/stylesheets/application/modern.css.scss */
#recent-shares .share-image-wrap {
  position: relative;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  background: #e8eaf0;
}

/* line 677, /app/app/assets/stylesheets/application/modern.css.scss */
#recent-shares .share-image-wrap img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* line 684, /app/app/assets/stylesheets/application/modern.css.scss */
#recent-shares .attribution {
  min-height: 78px;
  padding: 14px 15px;
}

/* line 689, /app/app/assets/stylesheets/application/modern.css.scss */
#recent-shares .attribution .title {
  color: #292d3e;
  font-weight: 800;
}

/* line 694, /app/app/assets/stylesheets/application/modern.css.scss */
#recent-shares .attribution .name {
  margin-top: 3px;
  color: #777d8e;
  font-size: 13px;
}

/* line 700, /app/app/assets/stylesheets/application/modern.css.scss */
.apple_pagination {
  width: 100%;
  max-width: 760px;
  max-width: none;
  margin: 0 auto;
  padding: 14px;
  border: 0;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.78);
  box-shadow: 0 10px 26px rgba(35, 39, 56, 0.08);
}

/* About, FAQ, and contact */
/* line 713, /app/app/assets/stylesheets/application/modern.css.scss */
body.about #content {
  width: 100%;
  max-width: 780px;
  margin: 36px auto;
  padding: 34px;
  border: 1px solid rgba(87, 69, 142, 0.12);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.86);
  box-shadow: 0 22px 50px rgba(35, 39, 56, 0.11);
  font-family: inherit;
}

/* line 725, /app/app/assets/stylesheets/application/modern.css.scss */
body.about .title {
  margin: 0 0 22px;
  font-size: 44px;
  font-weight: 800;
  text-align: center;
}

/* line 733, /app/app/assets/stylesheets/application/modern.css.scss */
body.about__about .intro-text,
body.about__about .linkedin-button {
  display: block;
  margin: 0 auto 10px;
}

/* line 738, /app/app/assets/stylesheets/application/modern.css.scss */
body.about__about #tiled-avatar {
  margin: 24px auto 30px;
  border-radius: 50%;
  box-shadow: 0 15px 34px rgba(35, 39, 56, 0.16);
}

/* line 744, /app/app/assets/stylesheets/application/modern.css.scss */
body.about__about #projects-list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  width: auto;
  margin: 22px auto 0;
}

/* line 753, /app/app/assets/stylesheets/application/modern.css.scss */
body.about__about .other-project {
  float: none;
  margin: 0;
  overflow: hidden;
  border: 1px solid #d7dbe8;
  border-radius: 12px;
  box-shadow: 0 7px 16px rgba(35, 39, 56, 0.08);
}

/* line 762, /app/app/assets/stylesheets/application/modern.css.scss */
body.about__faq .faq {
  margin: 24px 0 0;
  padding-left: 22px;
}

/* line 767, /app/app/assets/stylesheets/application/modern.css.scss */
body.about__faq .faq li {
  margin-bottom: 18px;
}

/* line 771, /app/app/assets/stylesheets/application/modern.css.scss */
body.about__faq .question {
  display: block;
  margin-bottom: 6px;
  color: #292d3e;
  font-size: 18px;
  font-weight: 800;
}

/* line 779, /app/app/assets/stylesheets/application/modern.css.scss */
body.about__contact #contact-form {
  width: 100%;
  max-width: 560px;
  margin: 0 auto;
}

/* line 785, /app/app/assets/stylesheets/application/modern.css.scss */
body.about__contact textarea {
  width: 100%;
  max-width: none;
  min-height: 180px;
  resize: vertical;
}

/* Footer */
/* line 793, /app/app/assets/stylesheets/application/modern.css.scss */
footer#footer {
  display: block;
  flex: 0 0 auto;
  float: none;
  clear: both;
  position: relative;
  right: auto;
  left: auto;
  box-sizing: border-box;
  width: calc(100% - 40px);
  max-width: 1180px;
  margin-right: auto;
  margin-left: auto;
  padding: 0 0 28px;
  text-align: center;
}

/* line 810, /app/app/assets/stylesheets/application/modern.css.scss */
#footer .list-wrap {
  display: block;
  width: 100%;
  margin: 0 auto;
  padding-top: 18px;
  border-top: 1px solid rgba(70, 74, 92, 0.12);
}

/* line 818, /app/app/assets/stylesheets/application/modern.css.scss */
#footer ul.stacking {
  display: flex;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* line 828, /app/app/assets/stylesheets/application/modern.css.scss */
#footer ul.stacking li {
  position: relative;
  min-width: 86px;
  padding: 9px 14px;
  border: 1px solid rgba(101, 71, 167, 0.1);
  border-radius: 10px;
  color: #5e6476;
  background: rgba(255, 255, 255, 0.65);
  font-size: 13px;
  font-weight: 700;
  text-align: center;
  transition: color 150ms ease, background 150ms ease, transform 150ms ease;
}

/* line 842, /app/app/assets/stylesheets/application/modern.css.scss */
#footer ul.stacking li:hover {
  color: #3f267c;
  background: rgba(255, 255, 255, 0.96);
  transform: translateY(-1px);
}

/* Admin tables inherit a calmer application shell. Resque keeps its own UI. */
/* line 849, /app/app/assets/stylesheets/application/modern.css.scss */
body.admin table {
  width: 100%;
  border-collapse: collapse;
  overflow: hidden;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 12px 30px rgba(35, 39, 56, 0.08);
}

/* line 859, /app/app/assets/stylesheets/application/modern.css.scss */
body.admin th,
body.admin td {
  padding: 11px 13px;
  border-bottom: 1px solid #eceef4;
  text-align: left;
}

/* line 865, /app/app/assets/stylesheets/application/modern.css.scss */
body.admin th {
  color: #fff;
  background: #5d4597;
}

@media only screen and (max-width: 900px) {
  /* line 871, /app/app/assets/stylesheets/application/modern.css.scss */
  #recent-shares {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  /* line 875, /app/app/assets/stylesheets/application/modern.css.scss */
  .social-share.header-share {
    justify-content: center;
    margin: 0 0 20px;
  }

  /* line 880, /app/app/assets/stylesheets/application/modern.css.scss */
  #header {
    justify-content: center;
  }

  /* line 884, /app/app/assets/stylesheets/application/modern.css.scss */
  #header .hero-text {
    background-position: center;
  }
}
@media only screen and (max-width: 760px) {
  /* line 890, /app/app/assets/stylesheets/application/modern.css.scss */
  body.share #rendered #links-list {
    grid-template-columns: 1fr;
    max-width: 420px;
  }
}
@media only screen and (max-width: 680px) {
  /* line 898, /app/app/assets/stylesheets/application/modern.css.scss */
  #container,
  footer#footer {
    width: calc(100% - 24px);
    max-width: 1180px;
  }

  /* line 903, /app/app/assets/stylesheets/application/modern.css.scss */
  #header-wrap {
    padding-top: 16px;
  }

  /* line 907, /app/app/assets/stylesheets/application/modern.css.scss */
  #header .hero-text {
    width: 88vw;
    max-width: 320px;
    height: 56px;
  }

  /* line 913, /app/app/assets/stylesheets/application/modern.css.scss */
  body.home.home__index #intro {
    margin-top: 26px;
    font-size: 34px;
  }

  /* line 918, /app/app/assets/stylesheets/application/modern.css.scss */
  body.home.home__index #intro:after {
    font-size: 15px;
  }

  /* line 922, /app/app/assets/stylesheets/application/modern.css.scss */
  body.home.home__index #mosaic-examples {
    grid-template-columns: 1fr;
    max-width: 360px;
  }

  /* line 927, /app/app/assets/stylesheets/application/modern.css.scss */
  #recent-shares {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  /* line 935, /app/app/assets/stylesheets/application/modern.css.scss */
  body.create .guided,
  body.share #rendered,
  body.share #customize-it,
  body.about #content {
    padding: 20px;
    border-radius: 17px;
  }

  /* line 940, /app/app/assets/stylesheets/application/modern.css.scss */
  body.share #rendered #links-list {
    display: grid;
    grid-template-columns: 1fr;
  }

  /* line 945, /app/app/assets/stylesheets/application/modern.css.scss */
  body.share #rendered #links-list .button {
    width: 100%;
  }

  /* line 949, /app/app/assets/stylesheets/application/modern.css.scss */
  body.share #share-block {
    flex-direction: column;
  }
}
@media only screen and (max-width: 430px) {
  /* line 955, /app/app/assets/stylesheets/application/modern.css.scss */
  #recent-shares {
    grid-template-columns: 1fr;
  }

  /* line 959, /app/app/assets/stylesheets/application/modern.css.scss */
  body.home.home__index #get-started {
    display: grid;
  }

  /* line 963, /app/app/assets/stylesheets/application/modern.css.scss */
  body.home.home__index #get-started .button {
    width: 100%;
  }

  /* line 967, /app/app/assets/stylesheets/application/modern.css.scss */
  #footer ul.stacking {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (prefers-reduced-motion: reduce) {
  /* line 974, /app/app/assets/stylesheets/application/modern.css.scss */
  *, *:before, *:after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}
/* Compatibility sizing for the legacy Sass compiler. */
@media (max-width: 720px) {
  /* line 986, /app/app/assets/stylesheets/application/modern.css.scss */
  .hero-title,
  .page-title {
    font-size: 34px;
  }
}
/* Final alignment and control normalization */
/* line 992, /app/app/assets/stylesheets/application/modern.css.scss */
body.home.home__index #get-started > a.button,
body.home.home__index #get-started > a.button:link,
body.home.home__index #get-started > a.button:visited {
  -webkit-appearance: none !important;
  appearance: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 220px;
  width: 220px !important;
  min-width: 220px !important;
  max-width: 220px !important;
  height: 58px !important;
  min-height: 58px !important;
  max-height: 58px !important;
  margin: 0 !important;
  padding: 0 22px !important;
  border-width: 1px !important;
  border-style: solid !important;
  border-radius: 14px !important;
  box-shadow: 0 10px 22px rgba(37, 42, 62, 0.16) !important;
  font-family: inherit !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-shadow: none !important;
  vertical-align: middle !important;
}

/* line 1023, /app/app/assets/stylesheets/application/modern.css.scss */
body.home.home__index #get-started > a.view-the-gallery,
body.home.home__index #get-started > a.view-the-gallery:link,
body.home.home__index #get-started > a.view-the-gallery:visited {
  border-color: #355f9f !important;
  background: #2d5ca2 !important;
}

/* line 1030, /app/app/assets/stylesheets/application/modern.css.scss */
body.home.home__index #get-started > a.make-your-own,
body.home.home__index #get-started > a.make-your-own:link,
body.home.home__index #get-started > a.make-your-own:visited {
  border-color: #13805f !important;
  background: #168d6c !important;
}

/* line 1036, /app/app/assets/stylesheets/application/modern.css.scss */
body.home.home__index #get-started > a.button:hover,
body.home.home__index #get-started > a.button:focus {
  filter: brightness(1.06) !important;
}

/* line 1040, /app/app/assets/stylesheets/application/modern.css.scss */
body.create #content {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 0 auto;
}

/* line 1048, /app/app/assets/stylesheets/application/modern.css.scss */
body.create #content > .guided,
body.create .guided {
  flex: 0 1 880px;
  float: none !important;
  right: auto !important;
  left: auto !important;
  width: calc(100% - 32px) !important;
  max-width: 880px !important;
  margin: 38px auto !important;
}

/* Compact share screen and unmistakable render progress. */
/* line 1060, /app/app/assets/stylesheets/application/modern.css.scss */
body.share #render-progress {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: 12px !important;
  overflow: hidden !important;
  border: 1px solid rgba(92, 74, 157, 0.22) !important;
  border-radius: 999px !important;
  background: #e7e9f0 !important;
}

/* line 1071, /app/app/assets/stylesheets/application/modern.css.scss */
body.share #render-progress-fill {
  display: block !important;
  width: 0;
  height: 100% !important;
  min-height: 12px !important;
  border-radius: 999px !important;
  background-color: #6550b5 !important;
  background-image: linear, 90deg, #7357b8 0%, #21a982 100% !important;
  box-shadow: 0 0 12px rgba(101, 80, 181, 0.3) !important;
  opacity: 1 !important;
  transition: width 250ms ease-out !important;
}

/* line 1084, /app/app/assets/stylesheets/application/modern.css.scss */
body.share #loader {
  width: 280px !important;
  min-height: 278px !important;
  margin-top: 30px !important;
  margin-bottom: 24px !important;
  padding: 184px 18px 18px !important;
  background-position: center 22px !important;
  background-size: 145px 145px !important;
}

/* line 1094, /app/app/assets/stylesheets/application/modern.css.scss */
body.share #rendered {
  max-width: 900px !important;
  margin-top: 14px !important;
  padding: 22px 26px !important;
}

/* line 1100, /app/app/assets/stylesheets/application/modern.css.scss */
body.share #share-block {
  min-height: 32px !important;
}

/* line 1104, /app/app/assets/stylesheets/application/modern.css.scss */
body.share #rendered .preview-text {
  margin: 15px 0 9px !important;
  font-size: 24px !important;
}

/* line 1109, /app/app/assets/stylesheets/application/modern.css.scss */
body.share.share__array #mask {
  margin-bottom: 16px !important;
}

/* line 1114, /app/app/assets/stylesheets/application/modern.css.scss */
body.share #rendered #links-list a.button,
body.share #rendered #links-list .button {
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
}

/* line 1120, /app/app/assets/stylesheets/application/modern.css.scss */
body.share #customize-it {
  max-width: 600px !important;
  margin-top: 14px !important;
  padding: 17px 22px 18px !important;
}

/* line 1126, /app/app/assets/stylesheets/application/modern.css.scss */
body.share #customize-it h3 {
  margin-bottom: 8px !important;
  font-size: 23px !important;
}

/* line 1131, /app/app/assets/stylesheets/application/modern.css.scss */
body.share #customize-it .input-wrap input {
  height: 42px !important;
  margin: 7px auto !important;
}

/* line 1136, /app/app/assets/stylesheets/application/modern.css.scss */
body.share #customize-it .checkbox-line {
  margin-top: 8px !important;
}

/* line 1140, /app/app/assets/stylesheets/application/modern.css.scss */
body.share #customize-it input[type="submit"].button {
  height: 44px !important;
  min-height: 44px !important;
  margin-top: 9px !important;
}

@media (max-height: 850px) and (min-width: 721px) {
  /* line 1147, /app/app/assets/stylesheets/application/modern.css.scss */
  body.share #rendered {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
  }

  /* line 1153, /app/app/assets/stylesheets/application/modern.css.scss */
  body.share #customize-it {
    margin-top: 10px !important;
    padding-top: 14px !important;
    padding-bottom: 14px !important;
  }
}
/* Shared social buttons on static and mosaic pages. */
/* line 1161, /app/app/assets/stylesheets/application/modern.css.scss */
.social-buttons li.share-network {
  float: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* line 1168, /app/app/assets/stylesheets/application/modern.css.scss */
.social-buttons li.share-network a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 74px;
  min-height: 32px;
  padding: 7px 13px;
  border-radius: 999px;
  color: #fff !important;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  box-shadow: 0 6px 14px rgba(31, 35, 49, 0.14);
  transition: transform 150ms ease, filter 150ms ease, box-shadow 150ms ease;
}

/* line 1185, /app/app/assets/stylesheets/application/modern.css.scss */
.social-buttons li.share-network a:hover,
.social-buttons li.share-network a:focus {
  color: #fff !important;
  filter: brightness(1.06);
  transform: translateY(-1px);
  box-shadow: 0 9px 18px rgba(31, 35, 49, 0.18);
}

/* line 1192, /app/app/assets/stylesheets/application/modern.css.scss */
.social-buttons .x-share a {
  background: #111;
}

/* line 1193, /app/app/assets/stylesheets/application/modern.css.scss */
.social-buttons .facebook-share a {
  background: #1877f2;
}

/* line 1194, /app/app/assets/stylesheets/application/modern.css.scss */
.social-buttons .bluesky-share a {
  background: #1185fe;
}

/* line 1195, /app/app/assets/stylesheets/application/modern.css.scss */
.social-buttons .pinterest-share a {
  background: #e60023;
}

/* About and retired contact form. */
/* line 1199, /app/app/assets/stylesheets/application/modern.css.scss */
body.about__about .about-lede,
body.about__contact .contact-lede {
  max-width: 620px;
  margin: 0 auto 24px;
  color: #555c70;
  font-size: 18px;
  line-height: 1.7;
  text-align: center;
}

/* line 1208, /app/app/assets/stylesheets/application/modern.css.scss */
body.about__about .about-lede strong {
  color: #292d3e;
}

/* line 1213, /app/app/assets/stylesheets/application/modern.css.scss */
body.about__about .creator-link,
body.about__contact .creator-link {
  margin: 0 auto;
}

/* Shared progress language for uploads and mosaic rendering. */
/* line 1218, /app/app/assets/stylesheets/application/modern.css.scss */
.tilearray-progress-track {
  position: relative;
  display: block;
  width: 100%;
  height: 12px;
  overflow: hidden;
  box-sizing: border-box;
  border: 1px solid rgba(92, 74, 157, 0.24);
  border-radius: 999px;
  background: #e7e9f0;
  box-shadow: inset 0 1px 3px rgba(24, 27, 39, 0.13);
}

/* line 1231, /app/app/assets/stylesheets/application/modern.css.scss */
.tilearray-progress-fill {
  display: block;
  width: 0;
  height: 100%;
  min-height: 10px;
  border: 0;
  border-radius: 999px;
  background: linear, 90deg, #7357b8 0%, #6550b5 58%, #21a982 100%;
  box-shadow: 0 0 12px rgba(101, 80, 181, 0.28);
  transition: width 250ms ease-out;
}

/* line 1243, /app/app/assets/stylesheets/application/modern.css.scss */
.tilearray-progress-text {
  margin-top: 12px;
  color: #555c70;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
}

/* line 1252, /app/app/assets/stylesheets/application/modern.css.scss */
body.create .progress.tilearray-progress {
  display: none;
  width: 100%;
  max-width: 520px;
  margin: 22px auto 0;
  padding: 14px;
  box-sizing: border-box;
  border-radius: 12px;
  background: #f4f5f9;
}

/* line 1263, /app/app/assets/stylesheets/application/modern.css.scss */
body.create .progress.tilearray-progress .bar {
  margin: 0;
}

/* line 1267, /app/app/assets/stylesheets/application/modern.css.scss */
body.create .progress.tilearray-progress .percent {
  display: inline;
}

/* line 1271, /app/app/assets/stylesheets/application/modern.css.scss */
body.share #render-progress.tilearray-progress-track {
  height: 12px !important;
}

/* line 1275, /app/app/assets/stylesheets/application/modern.css.scss */
body.share #render-progress-fill.tilearray-progress-fill {
  min-height: 10px !important;
}

/* line 1279, /app/app/assets/stylesheets/application/modern.css.scss */
body.share #render-progress-text.tilearray-progress-text {
  margin-top: 12px;
  color: #555c70;
  font-size: 15px;
  font-weight: 700;
}