@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

* {
  -webkit-tap-highlight-color: transparent;
  -moz-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  -webkit-padding-start: 0px;
  margin: 0;
  padding: 0;
  -webkit-overflow-scrolling: touch !important;
  font-family: "Gotham SSm A", "Gotham SSm B", serif; }

html {
  overflow: auto;
  font-family: "Gotham SSm A", "Gotham SSm B", serif; }

body {
  min-height: 100%; }

.has-modal-overlay {
  position: fixed !important;
  width: 100% !important;
  overflow: hidden !important;
  -webkit-overflow-scrolling: initial !important; }

.gallery-controls .newest-button,
.gallery-controls .popular-button,
.gallery-controls .select-wrapper, .gallery-controls .select-wrapper select, .gallery-controls .grid-button,
.gallery-controls .edit-button,
.gallery-controls .delete-button,
.gallery-controls .slideshow-button,
.gallery-controls .other-settings, .see-more-button, .advanced-settings-button, .modal-back-button, .private-upload-toggle button {
  /* reset */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background: transparent;
  cursor: pointer; }
  .gallery-controls .newest-button,
  .gallery-controls .popular-button,
  .gallery-controls .select-wrapper, .gallery-controls .select-wrapper select, .gallery-controls .grid-button,
  .gallery-controls .edit-button,
  .gallery-controls .delete-button,
  .gallery-controls .slideshow-button,
  .gallery-controls .other-settings, .see-more-button, .advanced-settings-button, .modal-back-button, .private-upload-toggle button, .gallery-controls .newest-button[disabled],
  .gallery-controls .popular-button[disabled],
  .gallery-controls .select-wrapper[disabled], .gallery-controls .select-wrapper select[disabled], .gallery-controls .grid-button[disabled],
  .gallery-controls .edit-button[disabled],
  .gallery-controls .delete-button[disabled],
  .gallery-controls .slideshow-button[disabled],
  .gallery-controls .other-settings[disabled], .see-more-button[disabled], .advanced-settings-button[disabled], .modal-back-button[disabled], .private-upload-toggle button[disabled] {
    color: inherit; }
  .gallery-controls .newest-button[disabled],
  .gallery-controls .popular-button[disabled],
  .gallery-controls .select-wrapper[disabled], .gallery-controls .select-wrapper select[disabled], .gallery-controls .grid-button[disabled],
  .gallery-controls .edit-button[disabled],
  .gallery-controls .delete-button[disabled],
  .gallery-controls .slideshow-button[disabled],
  .gallery-controls .other-settings[disabled], .see-more-button[disabled], .advanced-settings-button[disabled], .modal-back-button[disabled], .private-upload-toggle button[disabled] {
    opacity: 0.3;
    color: #A2A2A2;
    cursor: default; }
  .gallery-controls .newest-button:active,
  .gallery-controls .popular-button:active,
  .gallery-controls .select-wrapper:active, .gallery-controls .select-wrapper select:active, .gallery-controls .grid-button:active,
  .gallery-controls .edit-button:active,
  .gallery-controls .delete-button:active,
  .gallery-controls .slideshow-button:active,
  .gallery-controls .other-settings:active, .see-more-button:active, .advanced-settings-button:active, .modal-back-button:active, .private-upload-toggle button:active, .gallery-controls .newest-button:focus,
  .gallery-controls .popular-button:focus,
  .gallery-controls .select-wrapper:focus, .gallery-controls .select-wrapper select:focus, .gallery-controls .grid-button:focus,
  .gallery-controls .edit-button:focus,
  .gallery-controls .delete-button:focus,
  .gallery-controls .slideshow-button:focus,
  .gallery-controls .other-settings:focus, .see-more-button:focus, .advanced-settings-button:focus, .modal-back-button:focus, .private-upload-toggle button:focus {
    outline: none; }

.gallery-controls .modal-delete, .modal-content .modal-delete {
  background: #fff;
  border-radius: 10px;
  text-indent: 1em;
  padding: 1em 1.35em 1em 2.5em;
  width: auto;
  height: auto;
  min-height: 36px;
  margin-top: -2px;
  color: #DB4C48;
  margin-right: 0.7em;
  text-align: center;
  white-space: nowrap;
  position: relative;
  overflow: hidden;
  transition: 0.2s width ease, 0.2s color ease;
  border: 1px solid #DB4C48;
  background-position: center;
  background-repeat: no-repeat;
  animation: fadein 0.2s;
  cursor: pointer;
  outline: none; }
  .gallery-controls .modal-delete svg, .modal-content .modal-delete svg {
    left: 0;
    right: auto; }
  .gallery-controls .is-confirming.modal-delete, .modal-content .is-confirming.modal-delete {
    background: #DB4C48;
    color: #fff;
    text-indent: 0.25em; }
  .gallery-controls .cancel.modal-delete, .modal-content .cancel.modal-delete {
    padding: 0; }

.container {
  margin: 0 auto;
  max-width: 1200px;
  width: 87.5%;
  width: calc(100% - 2.5em); }

/**
 * fade in without transform centering
 */
@keyframes justFadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

/* Firefox < 16 */
@-moz-keyframes justFadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes justFadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

/* Internet Explorer */
@-ms-keyframes justFadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

/* Opera < 12.1 */
@-o-keyframes justFadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

/**
 * fade in without transform centering
 */
@keyframes justFadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

/* Firefox < 16 */
@-moz-keyframes justFadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes justFadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

/* Internet Explorer */
@-ms-keyframes justFadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

/* Opera < 12.1 */
@-o-keyframes justFadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

/**
 * fade in without transform centering
 */
@keyframes fadein {
  from {
    transform: scale(0.95);
    opacity: 0; }
  to {
    transform: scale(1);
    opacity: 1; } }

/* Firefox < 16 */
@-moz-keyframes fadein {
  from {
    -moz-transform: scale(0.95);
    opacity: 0; }
  to {
    -moz-transform: scale(1);
    opacity: 1; } }

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
  from {
    -webkit-transform: scale(0.95);
    opacity: 0; }
  to {
    -webkit-transform: scale(1);
    opacity: 1; } }

/* Internet Explorer */
@-ms-keyframes fadein {
  from {
    -ms-transform: scale(0.95);
    opacity: 0; }
  to {
    -ms-transform: scale(1);
    opacity: 1; } }

/* Opera < 12.1 */
@-o-keyframes fadein {
  from {
    -o-transform: scale(0.95);
    opacity: 0; }
  to {
    -o-transform: scale(1);
    opacity: 1; } }

/**
 * fade in WITH CENTERING via transform
 */
@keyframes centeredFadeIn {
  from {
    -webkit-transform: translateX(-50%) translateY(-50%) scale(0.9);
    -moz-transform: translateX(-50%) translateY(-50%) scale(0.9);
    transform: translateX(-50%) translateY(-50%) scale(0.9);
    opacity: 0; }
  to {
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
    -moz-transform: translateX(-50%) translateY(-50%) scale(1);
    transform: translateX(-50%) translateY(-50%) scale(1);
    opacity: 1; } }

/* Firefox < 16 */
@-moz-keyframes centeredFadeIn {
  from {
    -moz-transform: translateX(-50%) translateY(-50%) scale(0.9);
    opacity: 0; }
  to {
    -moz-transform: translateX(-50%) translateY(-50%) scale(1);
    opacity: 1; } }

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes centeredFadeIn {
  from {
    -webkit-transform: translateX(-50%) translateY(-50%) scale(0.9);
    transform: translateX(-50%) translateY(-50%) scale(0.9);
    opacity: 0; }
  to {
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
    transform: translateX(-50%) translateY(-50%) scale(1);
    opacity: 1; } }

/* Internet Explorer */
@-ms-keyframes centeredFadeIn {
  from {
    -ms-transform: translateX(-50%) translateY(-50%) scale(0.9);
    opacity: 0; }
  to {
    -ms-transform: translateX(-50%) translateY(-50%) scale(1);
    opacity: 1; } }

/* Opera < 12.1 */
@-o-keyframes centeredFadeIn {
  from {
    -o-transform: translateX(-50%) translateY(-50%) scale(0.9);
    opacity: 0; }
  to {
    -o-transform: translateX(-50%) translateY(-50%) scale(1);
    opacity: 1; } }

.centeredFadeIn {
  -webkit-animation: centeredFadeIn 1s;
  /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: centeredFadeIn 1s;
  /* Firefox < 16 */
  -ms-animation: centeredFadeIn 1s;
  /* Internet Explorer */
  -o-animation: centeredFadeIn 1s;
  /* Opera < 12.1 */
  animation: centeredFadeIn 1s; }

.fadein, .see-more-button {
  -webkit-animation: fadein 1s;
  /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: fadein 1s;
  /* Firefox < 16 */
  -ms-animation: fadein 1s;
  /* Internet Explorer */
  -o-animation: fadein 1s;
  /* Opera < 12.1 */
  animation: fadein 1s; }

.justFadeIn, .gallery-header .gallery-photo-info,
.gallery-footer .gallery-photo-info {
  -webkit-animation: justFadeIn 1s;
  /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: justFadeIn 1s;
  /* Firefox < 16 */
  -ms-animation: justFadeIn 1s;
  /* Internet Explorer */
  -o-animation: justFadeIn 1s;
  /* Opera < 12.1 */
  animation: justFadeIn 1s; }

/**
 * fade in WITH CENTERING via transform
 */
@keyframes centeredFadeOut {
  from {
    transform: translateX(-50%) translateY(-50%) scale(1);
    opacity: 1; }
  to {
    transform: translateX(-50%) translateY(-50%) scale(0.9);
    opacity: 0; } }

/* Firefox < 16 */
@-moz-keyframes centeredFadeOut {
  from {
    -moz-transform: translateX(-50%) translateY(-50%) scale(1);
    opacity: 1; }
  to {
    -moz-transform: translateX(-50%) translateY(-50%) scale(0.9);
    opacity: 0; } }

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes centeredFadeOut {
  from {
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
    opacity: 1; }
  to {
    -webkit-transform: translateX(-50%) translateY(-50%) scale(0.9);
    opacity: 0; } }

/* Internet Explorer */
@-ms-keyframes centeredFadeOut {
  from {
    -ms-transform: translateX(-50%) translateY(-50%) scale(1);
    opacity: 1; }
  to {
    -ms-transform: translateX(-50%) translateY(-50%) scale(0.9);
    opacity: 0; } }

/* Opera < 12.1 */
@-o-keyframes centeredFadeOut {
  from {
    -o-transform: translateX(-50%) translateY(-50%) scale(1);
    opacity: 1; }
  to {
    -o-transform: translateX(-50%) translateY(-50%) scale(0.9);
    opacity: 0; } }

/**
 * fade in and slide from the top
 */
@keyframes fadeInTop {
  from {
    opacity: 0;
    top: 0;
    transform: translateY(-50%); }
  to {
    opacity: 1;
    transform: translateY(0); } }

/* Firefox < 16 */
@-moz-keyframes fadeInTop {
  from {
    opacity: 0;
    top: 0;
    transform: translateY(-50%); }
  to {
    opacity: 1;
    transform: translateY(0); } }

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadeInTop {
  from {
    opacity: 0;
    top: 0;
    transform: translateY(-50%); }
  to {
    opacity: 1;
    transform: translateY(0); } }

/* Internet Explorer */
@-ms-keyframes fadeInTop {
  from {
    opacity: 0;
    top: 0;
    transform: translateY(-50%); }
  to {
    opacity: 1;
    transform: translateY(0); } }

/* Opera < 12.1 */
@-o-keyframes fadeInTop {
  from {
    opacity: 0;
    top: 0;
    transform: translateY(-50%); }
  to {
    opacity: 1;
    transform: translateY(0); } }

/**
 * fade in and slide from the left
 */
@keyframes fadeInLeft {
  from {
    opacity: 0;
    left: 0;
    transform: translateX(-50%); }
  to {
    opacity: 1;
    transform: translateX(0); } }

/* Firefox < 16 */
@-moz-keyframes fadeInLeft {
  from {
    opacity: 0;
    left: 0;
    transform: translateX(-50%); }
  to {
    opacity: 1;
    transform: translateX(0); } }

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    left: 0;
    transform: translateX(-50%); }
  to {
    opacity: 1;
    transform: translateX(0); } }

/* Internet Explorer */
@-ms-keyframes fadeInLeft {
  from {
    opacity: 0;
    left: 0;
    transform: translateX(-50%); }
  to {
    opacity: 1;
    transform: translateX(0); } }

/* Opera < 12.1 */
@-o-keyframes fadeInLeft {
  from {
    opacity: 0;
    left: 0;
    transform: translateX(-50%); }
  to {
    opacity: 1;
    transform: translateX(0); } }

/**
 * fade out and slide left
 */
@keyframes fadeOutLeft {
  from {
    opacity: 1;
    left: 1em;
    transform: translateX(0); }
  to {
    opacity: 0;
    left: 0;
    transform: translateX(-50%); } }

/* Firefox < 16 */
@-moz-keyframes fadeOutLeft {
  from {
    opacity: 1;
    left: 1em;
    transform: translateX(0); }
  to {
    opacity: 0;
    left: 0;
    transform: translateX(-50%); } }

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
    left: 1em;
    transform: translateX(0); }
  to {
    opacity: 0;
    left: 0;
    transform: translateX(-50%); } }

/* Internet Explorer */
@-ms-keyframes fadeOutLeft {
  from {
    opacity: 1;
    left: 1em;
    transform: translateX(0); }
  to {
    opacity: 0;
    left: 0;
    transform: translateX(-50%); } }

/* Opera < 12.1 */
@-o-keyframes fadeOutLeft {
  from {
    opacity: 1;
    left: 1em;
    transform: translateX(0); }
  to {
    opacity: 0;
    left: 0;
    transform: translateX(-50%); } }

/**
 * fade in and slide from the right
 */
@keyframes fadeInRight {
  from {
    opacity: 0;
    right: 0;
    transform: translateX(50%); }
  to {
    opacity: 1;
    right: 1em;
    transform: translateX(0); } }

/* Firefox < 16 */
@-moz-keyframes fadeInRight {
  from {
    opacity: 0;
    right: 0;
    transform: translateX(50%); }
  to {
    opacity: 1;
    right: 1em;
    transform: translateX(0); } }

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    right: 0;
    transform: translateX(50%); }
  to {
    opacity: 1;
    right: 1em;
    transform: translateX(0); } }

/* Internet Explorer */
@-ms-keyframes fadeInRight {
  from {
    opacity: 0;
    right: 0;
    transform: translateX(50%); }
  to {
    opacity: 1;
    right: 1em;
    transform: translateX(0); } }

/* Opera < 12.1 */
@-o-keyframes fadeInRight {
  from {
    opacity: 0;
    right: 0;
    transform: translateX(50%); }
  to {
    opacity: 1;
    right: 1em;
    transform: translateX(0); } }

/**
 * fade out and slide right
 */
@keyframes fadeOutRight {
  from {
    opacity: 1;
    right: 1em;
    transform: translateX(0); }
  to {
    opacity: 0;
    right: 0;
    transform: translateX(50%); } }

/* Firefox < 16 */
@-moz-keyframes fadeOutRight {
  from {
    opacity: 1;
    right: 1em;
    transform: translateX(0); }
  to {
    opacity: 0;
    right: 0;
    transform: translateX(50%); } }

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
    right: 1em;
    transform: translateX(0); }
  to {
    opacity: 0;
    right: 0;
    transform: translateX(50%); } }

/* Internet Explorer */
@-ms-keyframes fadeOutRight {
  from {
    opacity: 1;
    right: 1em;
    transform: translateX(0); }
  to {
    opacity: 0;
    right: 0;
    transform: translateX(50%); } }

/* Opera < 12.1 */
@-o-keyframes fadeOutRight {
  from {
    opacity: 1;
    right: 1em;
    transform: translateX(0); }
  to {
    opacity: 0;
    right: 0;
    transform: translateX(50%); } }

/**
 * slide from the right
 */
@keyframes slideInRight {
  from {
    margin-right: -15%; }
  to {
    margin-right: 0; } }

/* Firefox < 16 */
@-moz-keyframes slideInRight {
  from {
    margin-right: -15%; }
  to {
    margin-right: 0; } }

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes slideInRight {
  from {
    margin-right: -15%; }
  to {
    margin-right: 0; } }

/* Internet Explorer */
@-ms-keyframes slideInRight {
  from {
    margin-right: -15%; }
  to {
    margin-right: 0; } }

/* Opera < 12.1 */
@-o-keyframes slideInRight {
  from {
    margin-right: -15%; }
  to {
    margin-right: 0; } }

@keyframes slideInBottom {
  0% {
    transform: translateY(100%); }
  100% {
    transform: translateY(0%); } }

@-webkit-keyframes slideInBottom {
  0% {
    transform: translateY(100%); }
  100% {
    transform: translateY(0%); } }

@keyframes slideOutBottom {
  0% {
    transform: translateY(0%); }
  100% {
    transform: translateY(100%); } }

@-webkit-keyframes slideOutBottom {
  0% {
    -webkit-transform: translateY(0%); }
  100% {
    -webkit-transform: translateY(100%); } }

/**
 * slide from the right
 */
@keyframes socialSlideIn {
  from {
    transform: translateX(15px); }
  to {
    transform: translateX(0); } }

/* Firefox < 16 */
@-moz-keyframes socialSlideIn {
  from {
    transform: translateX(15px); }
  to {
    transform: translateX(0); } }

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes socialSlideIn {
  from {
    transform: translateX(15px); }
  to {
    transform: translateX(0); } }

/* Internet Explorer */
@-ms-keyframes socialSlideIn {
  from {
    transform: translateX(15px); }
  to {
    transform: translateX(0); } }

/* Opera < 12.1 */
@-o-keyframes socialSlideIn {
  from {
    transform: translateX(15px); }
  to {
    transform: translateX(0); } }

@keyframes socialSlideInFirst {
  0% {
    transform: translateX(20px);
    opacity: 0; }
  100% {
    transform: translateX(0);
    opacity: 1; } }

@keyframes socialSlideInSecond {
  0% {
    transform: translateX(20px);
    opacity: 0; }
  20% {
    transform: translateX(20px);
    opacity: 0; }
  100% {
    transform: translateX(0);
    opacity: 1; } }

@keyframes socialSlideInThird {
  0% {
    transform: translateX(20px);
    opacity: 0; }
  40% {
    transform: translateX(20px);
    opacity: 0; }
  100% {
    transform: translateX(0);
    opacity: 1; } }

@keyframes socialSlideInFourth {
  0% {
    transform: translateX(20px);
    opacity: 0; }
  60% {
    transform: translateX(20px);
    opacity: 0; }
  100% {
    transform: translateX(0);
    opacity: 1; } }

@keyframes flickerAnimation {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.3; }
  100% {
    opacity: 1; } }

@-o-keyframes flickerAnimation {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.3; }
  100% {
    opacity: 1; } }

@-moz-keyframes flickerAnimation {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.3; }
  100% {
    opacity: 1; } }

@-webkit-keyframes flickerAnimation {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.3; }
  100% {
    opacity: 1; } }

.animate-flicker, .gallery-loader span {
  -webkit-animation: flickerAnimation 2s infinite;
  -moz-animation: flickerAnimation 2s infinite;
  -o-animation: flickerAnimation 2s infinite;
  animation: flickerAnimation 2s infinite; }

@keyframes hoverErrorIcon {
  0% {
    margin-top: 0px; }
  50% {
    margin-top: -10px; }
  100% {
    margin-top: 0px; } }

@-o-keyframes hoverErrorIcon {
  0% {
    margin-top: 0px; }
  50% {
    margin-top: -10px; }
  100% {
    margin-top: 0px; } }

@-moz-keyframes hoverErrorIcon {
  0% {
    margin-top: 0px; }
  50% {
    margin-top: -10px; }
  100% {
    margin-top: 0px; } }

@-webkit-keyframes hoverErrorIcon {
  0% {
    margin-top: 0px; }
  50% {
    margin-top: -10px; }
  100% {
    margin-top: 0px; } }

@keyframes hoverErrorShadow {
  0% {
    transform: scale(1, 1); }
  50% {
    transform: scale(0.85, 0.9); }
  100% {
    transform: scale(1, 1); } }

@-o-keyframes hoverErrorShadow {
  0% {
    transform: scale(1, 1); }
  50% {
    transform: scale(0.85, 0.9); }
  100% {
    transform: scale(1, 1); } }

@-moz-keyframes hoverErrorShadow {
  0% {
    transform: scale(1, 1); }
  50% {
    transform: scale(0.85, 0.9); }
  100% {
    transform: scale(1, 1); } }

@-webkit-keyframes hoverErrorShadow {
  0% {
    transform: scale(1, 1); }
  50% {
    transform: scale(0.85, 0.9); }
  100% {
    transform: scale(1, 1); } }

@keyframes blinkAnimation {
  0% {
    opacity: 0.3; }
  60% {
    opacity: 1; }
  100% {
    opacity: 0.3; } }

@-o-keyframes blinkAnimation {
  0% {
    opacity: 0.3; }
  60% {
    opacity: 1; }
  100% {
    opacity: 0.3; } }

@-moz-keyframes blinkAnimation {
  0% {
    opacity: 0.3; }
  60% {
    opacity: 1; }
  100% {
    opacity: 0.3; } }

@-webkit-keyframes blinkAnimation {
  0% {
    opacity: 0.3; }
  60% {
    opacity: 1; }
  100% {
    opacity: 0.3; } }

.animate-blink {
  -webkit-animation: blinkAnimation 2s infinite;
  -moz-animation: blinkAnimation 2s infinite;
  -o-animation: blinkAnimation 2s infinite;
  animation: blinkAnimation 2s infinite; }

.cross-fade-leave {
  opacity: 1; }

.cross-fade-leave.cross-fade-leave-active {
  opacity: 0;
  -webkit-transition: opacity 1s ease-in;
  -moz-transition: opacity 1s ease-in;
  -o-transition: opacity 1s ease-in;
  transition: opacity 1s ease-in; }

.cross-fade-enter {
  opacity: 0; }

.cross-fade-enter.cross-fade-enter-active {
  opacity: 1;
  -webkit-transition: opacity 1s ease-in;
  -moz-transition: opacity 1s ease-in;
  -o-transition: opacity 1s ease-in;
  transition: opacity 1s ease-in; }

.cross-fade-height {
  -webkit-transition: height 1s ease-in;
  -moz-transition: height 1s ease-in;
  -o-transition: height 1s ease-in;
  transition: height 1s ease-in;
  position: relative;
  width: 100%;
  height: 100% !important; }
  .cross-fade-height span {
    height: 100%;
    position: relative;
    width: 100%;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-align-items: center;
    align-items: center; }

.cross-fade-width {
  -webkit-transition: width 1s ease-in;
  -moz-transition: width 1s ease-in;
  -o-transition: width 1s ease-in;
  transition: width 1s ease-in; }

.slide-enter {
  opacity: 0;
  transform: translateX(-25%); }

.slide-enter.slide-enter-active {
  opacity: 1;
  transform: translateX(0%);
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s; }

.slide-height {
  -webkit-transition: height 1s ease-in;
  -moz-transition: height 1s ease-in;
  -o-transition: height 1s ease-in;
  transition: height 1s ease-in;
  position: relative;
  width: 100%;
  height: 100% !important; }
  .slide-height span {
    height: 100%;
    position: relative;
    width: 100%;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-align-items: center;
    align-items: center; }

.slide-width {
  -webkit-transition: width 1s ease-in;
  -moz-transition: width 1s ease-in;
  -o-transition: width 1s ease-in;
  transition: width 1s ease-in; }

.flip-leave {
  z-index: 2;
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg); }

.flip-leave.flip-leave-active {
  z-index: 1;
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s; }

.flip-enter {
  z-index: 1;
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
  transform: rotateY(-180deg); }

.flip-enter.flip-enter-active {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg);
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s; }

.flip-height {
  -webkit-transition: 1s ease-in;
  -moz-transition: 1s ease-in;
  -o-transition: 1s ease-in;
  transition: 1s ease-in;
  position: relative;
  width: 100%;
  height: 100% !important;
  perspective: 1000px;
  -webkit-perspective: 1000px;
  z-index: 99; }
  .flip-height span {
    height: 100%;
    position: relative;
    width: 100%;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-align-items: center;
    align-items: center;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d; }

.flip-width {
  -webkit-transition: 1s ease-in;
  -moz-transition: 1s ease-in;
  -o-transition: 1s ease-in;
  transition: 1s ease-in;
  height: 100%; }

.slideshow-cell-container span span, .slideshow-cell-container-first span span {
  -webkit-transform: translate3d(0, 0, 0); }
  .slideshow-cell-container span span .flip-leave, .slideshow-cell-container-first span span .flip-leave {
    -webkit-backface-visibility: hidden;
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
    transition: 0s;
    opacity: 0; }
  .slideshow-cell-container span span .flip-leave.flip-leave-active, .slideshow-cell-container-first span span .flip-leave.flip-leave-active {
    -webkit-backface-visibility: hidden;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
    transition: 0s;
    opacity: 0; }
  .slideshow-cell-container span span .flip-enter, .slideshow-cell-container-first span span .flip-enter {
    -webkit-backface-visibility: hidden;
    -webkit-transform: rotateY(-90deg);
    -moz-transform: rotateY(-90deg);
    -o-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
    transition: 0s; }
  .slideshow-cell-container span span .flip-enter.flip-enter-active, .slideshow-cell-container-first span span .flip-enter.flip-enter-active {
    -webkit-backface-visibility: hidden;
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
    transition: 0s; }

.slideshow-cell-image {
  -webkit-backface-visibility: hidden; }

.sb-logo-small {
  display: inline-block;
  float: left;
  height: 100%;
  background-image: url("/img/sb-logo-small.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 30px;
  margin-left: 1em;
  margin-right: -1em;
  cursor: pointer;
  z-index: 25;
  position: relative; }

.dropdown {
  display: inline-block; }

.dropdown__content {
  display: none;
  position: absolute; }

.dropdown--active .dropdown__content {
  display: block; }

a {
  color: #30aade; }

.gallery-controls {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  background: #fff;
  z-index: 50;
  box-shadow: 0px 0px 3px rgba(100, 100, 100, 0.35);
  height: 57px; }
  .gallery-controls.bottom {
    top: auto;
    bottom: 0;
    height: 43px; }
    .gallery-controls.bottom .newest-button,
    .gallery-controls.bottom .popular-button {
      height: 100%;
      max-height: 100%;
      padding: 0;
      font-size: 11px; }
  .gallery-controls .newest-button,
  .gallery-controls .popular-button,
  .gallery-controls .select-wrapper {
    width: 33%;
    text-align: center;
    text-align-last: center;
    display: inline-block;
    border-bottom: 2px solid transparent;
    padding: 1.1em; }
    .gallery-controls .newest-button, .gallery-controls .newest-button *,
    .gallery-controls .popular-button,
    .gallery-controls .popular-button *,
    .gallery-controls .select-wrapper,
    .gallery-controls .select-wrapper * {
      transition: 0.3s padding ease, 0.3s width ease, 0.3s border-bottom ease; }
    .gallery-controls .newest-button[disabled], .gallery-controls .newest-button.is-active, .gallery-controls .newest-button:hover, .gallery-controls .newest-button:active,
    .gallery-controls .popular-button[disabled],
    .gallery-controls .popular-button.is-active,
    .gallery-controls .popular-button:hover,
    .gallery-controls .popular-button:active,
    .gallery-controls .select-wrapper[disabled],
    .gallery-controls .select-wrapper.is-active,
    .gallery-controls .select-wrapper:hover,
    .gallery-controls .select-wrapper:active {
      border-bottom: 2px solid #30aade;
      opacity: 1; }
      .gallery-controls .newest-button[disabled], .gallery-controls .newest-button[disabled] *, .gallery-controls .newest-button.is-active, .gallery-controls .newest-button.is-active *, .gallery-controls .newest-button:hover, .gallery-controls .newest-button:hover *, .gallery-controls .newest-button:active, .gallery-controls .newest-button:active *,
      .gallery-controls .popular-button[disabled],
      .gallery-controls .popular-button[disabled] *,
      .gallery-controls .popular-button.is-active,
      .gallery-controls .popular-button.is-active *,
      .gallery-controls .popular-button:hover,
      .gallery-controls .popular-button:hover *,
      .gallery-controls .popular-button:active,
      .gallery-controls .popular-button:active *,
      .gallery-controls .select-wrapper[disabled],
      .gallery-controls .select-wrapper[disabled] *,
      .gallery-controls .select-wrapper.is-active,
      .gallery-controls .select-wrapper.is-active *,
      .gallery-controls .select-wrapper:hover,
      .gallery-controls .select-wrapper:hover *,
      .gallery-controls .select-wrapper:active,
      .gallery-controls .select-wrapper:active * {
        color: #30aade; }
    .gallery-controls .newest-button.wide-buttons,
    .gallery-controls .popular-button.wide-buttons,
    .gallery-controls .select-wrapper.wide-buttons {
      width: 50%; }
  .gallery-controls .select-wrapper {
    text-align: left;
    text-align-last: left;
    text-indent: -1em;
    margin-right: 0;
    height: 99%;
    height: calc(100% - 13px);
    text-indent: 0;
    position: relative;
    padding: 0;
    margin: 0; }
    .gallery-controls .select-wrapper, .gallery-controls .select-wrapper * {
      transition: 0.3s padding ease, 0.3s width ease -0.25s, 0.3s border-bottom ease; }
    .gallery-controls .select-wrapper select {
      text-align: center;
      text-align-last: center;
      width: auto;
      margin-left: 20%; }
      .gallery-controls .select-wrapper select::-ms-expand {
        display: none; }
    .gallery-controls .select-wrapper .select {
      transition: 0.2s text-indent ease -0.1s;
      text-align: left;
      text-align-last: left;
      width: 100%;
      height: 100%;
      left: 30%;
      font-size: 11px;
      -webkit-transform: none;
      -moz-transform: none;
      transform: none;
      position: relative;
      top: 0; }
    .gallery-controls .select-wrapper:after {
      content: '▾';
      display: inline-block;
      position: absolute;
      right: 5%;
      top: 29%;
      -webkit-transform: translateY(-33%) rotate(180deg);
      -moz-transform: translateY(-33%) rotate(180deg);
      transform: translateY(-33%) rotate(180deg); }
    .gallery-controls .select-wrapper.is-active:after {
      right: 1%; }
    .gallery-controls .select-wrapper.is-active .select {
      left: 5px; }
    .gallery-controls .select-wrapper.is-active:after {
      right: 0; }
  .gallery-controls ul.date-dropdown__list {
    display: none;
    font-size: 0.7em;
    position: fixed;
    left: 0;
    bottom: 8vh;
    transform: translateX(15vw);
    width: 70vw;
    max-height: 30vh;
    overflow: auto;
    background: #fff;
    border-radius: 15px;
    box-shadow: 1px 1px 13px rgba(0, 0, 0, 0.4);
    z-index: 99; }
    .gallery-controls ul.date-dropdown__list.show {
      display: block; }
    .gallery-controls ul.date-dropdown__list li {
      padding: 2em;
      border-bottom: 1px solid #ddd;
      cursor: pointer;
      position: relative; }
      .gallery-controls ul.date-dropdown__list li strong {
        font-weight: 600; }
      .gallery-controls ul.date-dropdown__list li.is-selected:after {
        content: url("/img/icon/selected-icon.svg");
        position: absolute;
        display: block;
        right: 1.5em;
        top: 25%; }
    .gallery-controls ul.date-dropdown__list::-webkit-scrollbar {
      display: none; }
  .gallery-controls #dropdown-bg {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: -1; }
    .gallery-controls #dropdown-bg.is-hidden {
      display: none; }
  .gallery-controls .left-controls,
  .gallery-controls .right-controls {
    padding-left: 0.9em;
    padding-top: 0.9em;
    width: 40%;
    overflow: visible; }
  .gallery-controls .left-controls {
    float: left;
    width: calc(40% - 0.9em); }
    .gallery-controls .left-controls.is-editing {
      width: calc(45% - 0.9em); }
  .gallery-controls .right-controls {
    float: right;
    text-align: right;
    padding-left: 0;
    padding-right: 0.9em;
    width: calc(60% - 0.9em); }
    .gallery-controls .right-controls.is-editing {
      width: calc(55% - 0.9em); }
  .gallery-controls .grid-button,
  .gallery-controls .edit-button,
  .gallery-controls .delete-button,
  .gallery-controls .slideshow-button,
  .gallery-controls .other-settings {
    text-indent: -999px;
    overflow: hidden;
    width: 30px;
    height: 30px;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 0.5em;
    border: 1px solid #4B4B4B;
    -webkit-animation: fadein 0.2s;
    /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 0.2s;
    /* Firefox < 16 */
    -ms-animation: fadein 0.2s;
    /* Internet Explorer */
    -o-animation: fadein 0.2s;
    /* Opera < 12.1 */
    animation: fadein 0.2s; }
  .gallery-controls .grid-button,
  .gallery-controls .edit-button {
    float: left; }
  .gallery-controls .grid-button {
    background-size: 96%;
    box-shadow: none;
    border: none;
    border-radius: 0; }
  .gallery-controls .slideshow-button {
    display: inline-block;
    margin-left: 0.7em; }
  .gallery-controls .edit-button {
    background-image: url("/img/icon/pencil-icon.svg");
    display: inline-block;
    margin-left: 0.7em; }
    .gallery-controls .edit-button:after, .gallery-controls .edit-button.is-active {
      background-image: url("/img/icon/exit-icon.svg"); }
    .gallery-controls .edit-button[disabled] {
      opacity: 0.6; }
      .gallery-controls .edit-button[disabled] svg .trash-icon {
        fill: #A2A2A2; }
  .gallery-controls .edit-button-wrapper {
    position: relative;
    white-space: nowrap; }
  .gallery-controls .update-message {
    font-size: 0.8em;
    font-style: italic;
    color: #4B4B4B;
    opacity: 0.8;
    position: absolute;
    top: 0.75em;
    left: 0.7em;
    white-space: nowrap; }
  .gallery-controls .delete-button {
    margin-right: 0.7em;
    color: transparent;
    text-align: center;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    transition: 0.2s width ease, 0.2s color ease;
    border: 1px solid #DB4C48; }
    .gallery-controls .delete-button.is-confirming {
      color: #fff;
      text-indent: 1.35em;
      width: 73%;
      max-width: 130px; }
    .gallery-controls .delete-button svg {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      margin: auto;
      width: 100%;
      height: 100%; }
      .gallery-controls .delete-button svg,
      .gallery-controls .delete-button svg .trash-icon {
        transition: 0.2s fill ease 0s; }
    .gallery-controls .delete-button svg .trash-icon {
      fill: #DB4C48; }
    .gallery-controls .delete-button[disabled] {
      opacity: 1;
      border: 1px solid #A2A2A2; }
      .gallery-controls .delete-button[disabled] svg .trash-icon {
        fill: #A2A2A2; }
    .gallery-controls .delete-button.is-confirming {
      background: #DB4C48; }
      .gallery-controls .delete-button.is-confirming svg {
        right: auto;
        left: 2%;
        width: 30px; }
        .gallery-controls .delete-button.is-confirming svg .trash-icon {
          fill: #fff; }
  .gallery-controls .modal-delete.cancel {
    border-radius: 10px;
    padding: 0.67em 0.95em;
    border-width: 1px;
    min-height: auto;
    font-weight: 500;
    max-height: 30px; }
  .gallery-controls .cancel {
    transition: 0.2s all ease;
    box-shadow: none;
    background: transparent;
    color: #4B4B4B;
    position: relative;
    padding: 0 1em;
    bottom: auto;
    left: initial;
    border: 2px solid #4B4B4B;
    border-color: #4B4B4B;
    text-indent: 0;
    right: initial;
    top: 0;
    width: auto;
    height: auto;
    text-align: left;
    z-index: 0; }
    .gallery-controls .cancel:hover {
      cursor: pointer; }
  .gallery-controls .other-settings {
    float: right; }

.gallery-header {
  overflow: hidden;
  word-wrap: break-word; }
  .gallery-header .admin-link {
    margin: 0 0 2rem 0;
    display: inline-block; }

.gallery-header,
.gallery-footer {
  -webkit-animation: fadein 2s;
  /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: fadein 2s;
  /* Firefox < 16 */
  -ms-animation: fadein 2s;
  /* Internet Explorer */
  -o-animation: fadein 2s;
  /* Opera < 12.1 */
  animation: fadein 2s;
  padding-top: 6.6em;
  text-align: center; }
  .gallery-header .logo,
  .gallery-footer .logo {
    transition: 0.4s opacity ease;
    cursor: pointer;
    display: inline-block;
    max-width: 88%;
    margin: 0 auto;
    position: relative;
    left: -3px;
    opacity: 1; }
    .gallery-header .logo img,
    .gallery-footer .logo img {
      display: block;
      margin: 0 auto;
      max-width: 60vw;
      max-height: 100%;
      width: 100%;
      height: 100%; }
    .gallery-header .logo.is-hidden,
    .gallery-footer .logo.is-hidden {
      display: none; }
      .gallery-header .logo.is-hidden img,
      .gallery-footer .logo.is-hidden img {
        display: none; }
      .gallery-header .logo.is-hidden.is-editing,
      .gallery-footer .logo.is-hidden.is-editing {
        display: inline-block; }
  .gallery-header .gallery-title,
  .gallery-header .gallery-hashtag,
  .gallery-footer .gallery-title,
  .gallery-footer .gallery-hashtag {
    font-size: 1.15em;
    margin-top: 1.65em;
    text-align: center; }
  .gallery-header .gallery-hashtag,
  .gallery-footer .gallery-hashtag {
    margin-top: 1em; }
    .gallery-header .gallery-hashtag span,
    .gallery-footer .gallery-hashtag span {
      text-overflow: ellipsis;
      overflow: hidden;
      width: 100%;
      max-width: 90%; }
  .gallery-header .gallery-title,
  .gallery-footer .gallery-title {
    line-height: 1.4em;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%; }
  .gallery-header .gallery-photo-info,
  .gallery-footer .gallery-photo-info {
    text-align: center;
    margin: 15px auto 30px;
    font-weight: 100;
    letter-spacing: 0.04em; }
    .gallery-header .gallery-photo-info span.is-hidden,
    .gallery-footer .gallery-photo-info span.is-hidden {
      display: none; }

.gallery-footer {
  padding-bottom: 7em;
  padding-top: 3.5em; }

.gallery {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  padding-bottom: 2em;
  overflow: hidden; }
  .gallery.has-scrolled .gallery-item {
    pointer-events: none; }
  .gallery.is-editing .gallery-item {
    cursor: pointer; }
    .gallery.is-editing .gallery-item.is-selected:after {
      opacity: 0.6; }
    .gallery.is-editing .gallery-item.is-selected img {
      -webkit-filter: saturate(0%);
      -moz-filter: saturate(0%);
      filter: saturate(0%); }
  .gallery .virtual-item {
    position: absolute;
    left: 0;
    right: 0;
    display: inline-block;
    text-align: center;
    width: 100%;
    white-space: nowrap; }
    .gallery .virtual-item:hover {
      z-index: 500; }
  .gallery .gallery-item {
    position: relative;
    display: inline-block;
    cursor: pointer;
    margin-bottom: 0.1em;
    height: 100%;
    width: 100%;
    background: transparent;
    text-align: center;
    -webkit-backface-visibility: hidden;
    transition: 0.2s opacity cubic-bezier(0.175, 0.885, 0.32, 1.275), 0.2s -webkit-transform cubic-bezier(0.175, 0.885, 0.32, 1.275), 0.2s -moz-transform cubic-bezier(0.175, 0.885, 0.32, 1.275), 0.2s transform cubic-bezier(0.175, 0.885, 0.32, 1.275), 0s z-index linear; }
    .gallery .gallery-item > div {
      max-height: 100%; }
    .gallery .gallery-item img {
      max-width: 100%;
      max-height: 100%;
      height: 100%;
      margin: 0 auto;
      width: auto; }
      .gallery .gallery-item img.hidden {
        opacity: 0; }
    .gallery .gallery-item.is-deleting {
      cursor: default;
      transition: 0.2s all ease;
      opacity: 0.2;
      -webkit-filter: saturate(0);
      -moz-filter: saturate(0);
      filter: saturate(0);
      -webkit-transform: scale(0.8);
      -moz-transform: scale(0.8);
      transform: scale(0.8);
      pointer-events: none; }
    .gallery .gallery-item:after {
      transition: 0.2s all ease;
      content: '';
      width: 100%;
      height: 100%;
      position: absolute;
      background: #DB4C48;
      z-index: 5;
      left: 0;
      right: 0;
      bottom: 0;
      top: 0;
      opacity: 0; }
    .gallery .gallery-item span {
      position: absolute;
      left: 1.2em;
      top: 1.2em;
      font-size: 0.625em;
      font-weight: 400;
      color: #fff;
      text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
      padding: 0.5em;
      background: rgba(0, 0, 0, 0.2);
      border-radius: 2px;
      display: flex;
      align-items: center; }
      .gallery .gallery-item span.is-hidden {
        display: none; }
    .gallery .gallery-item .clock-icon {
      width: 16px;
      height: 12px;
      display: inline-block;
      background-size: contain;
      background-repeat: no-repeat; }
  .gallery.column .gallery-item {
    width: 100%; }
  .gallery.grid .gallery-item, .gallery.grid-1 .gallery-item {
    margin-right: 0.2em;
    width: calc(50% - 0.1em); }
    .gallery.grid .gallery-item:nth-child(2n), .gallery.grid-1 .gallery-item:nth-child(2n) {
      margin-right: 0; }
  .gallery.grid-2 .gallery-item {
    margin-right: 0.2em;
    width: calc(33% - 0.13333em); }
    .gallery.grid-2 .gallery-item:nth-child(3n) {
      margin-right: 0; }
  .gallery [type="checkbox"], .gallery [type="checkbox"]:before,
  .gallery label,
  .gallery label:before {
    z-index: 10;
    -webkit-animation: fadein 0.5s;
    /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 0.5s;
    /* Firefox < 16 */
    -ms-animation: fadein 0.5s;
    /* Internet Explorer */
    -o-animation: fadein 0.5s;
    /* Opera < 12.1 */
    animation: fadein 0.5s; }
  .gallery [type="checkbox"]:after,
  .gallery label:after {
    z-index: 10; }

.gallery-modal .modal-content__inner {
  -webkit-animation: justFadeIn 1s;
  /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: justFadeIn 1s;
  /* Firefox < 16 */
  -ms-animation: justFadeIn 1s;
  /* Internet Explorer */
  -o-animation: justFadeIn 1s;
  /* Opera < 12.1 */
  animation: justFadeIn 1s;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch !important;
  padding-bottom: 50px; }
  .gallery-modal .modal-content__inner img.bottom-logo {
    margin-bottom: 100px; }
  .gallery-modal .modal-content__inner .gallery-image-container.has-hover {
    max-height: 100vh !important; }
  .gallery-modal .modal-content__inner .reset-scroll-overflow {
    -webkit-overflow-scrolling: initial !important; }

.loading-icon {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 100%;
  background-image: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 60px; }

.see-more-button {
  margin: 5em auto;
  display: block;
  border-radius: 10px;
  width: auto;
  position: relative;
  opacity: 0.5;
  transition: 0.3s opacity ease;
  height: 50px;
  width: 50px; }
  .see-more-button svg {
    height: 100%;
    width: 100%; }
  .see-more-button:hover, .see-more-button:focus {
    opacity: 1; }

.error {
  background: rgba(219, 76, 72, 0.3);
  border: 1px solid #DB4C48;
  border-radius: 10px;
  display: block;
  margin: 1em auto;
  padding: 1em;
  text-align: center;
  max-width: 100%; }

.app-ad {
  transition: 0.3s all ease;
  box-shadow: inset 0px 2px 2px #0d0d0d;
  color: #fff;
  position: fixed;
  bottom: 0;
  height: 74px;
  z-index: 5000;
  background: #3c3c3c;
  width: 100%; }
  .app-ad .label {
    width: 59%;
    float: left;
    padding: 1em;
    box-sizing: border-box;
    height: 100%;
    font-weight: 200;
    font-size: 0.85em;
    display: flex;
    flex-direction: column;
    justify-content: center; }
    .app-ad .label b {
      font-weight: bold;
      display: block;
      margin-bottom: 0.25em; }
  .app-ad a {
    float: right;
    display: block;
    width: calc(41% - 1em);
    margin-right: 1em;
    height: 100%;
    background-position: center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    text-indent: -9999px;
    overflow: hidden;
    max-width: 150px; }
    .app-ad a.android {
      background-image: url("/img/google-play.png"); }
    .app-ad a.ios {
      background-image: url("/img/app-store.png"); }

html:not(.has-modal) body.has-app-advert .gallery-controls.bottom {
  bottom: 72px; }
  html:not(.has-modal) body.has-app-advert .gallery-controls.bottom ul.date-dropdown__list {
    bottom: calc(8vh + 72px); }

html:not(.has-modal) body.has-app-advert .gallery-controls.bottom .newest-button,
html:not(.has-modal) body.has-app-advert .gallery-controls.bottom .popular-button {
  height: calc(100% - 4px); }

html:not(.has-modal) body.has-app-advert .gallery-controls.bottom .select-wrapper {
  padding: 0; }

html.has-modal {
  overflow: hidden;
  position: fixed;
  -webkit-overflow-scrolling: touch; }
  html.has-modal .gallery-header .logo {
    max-width: 90%; }
  html.has-modal .gallery {
    pointer-events: none; }
  html.has-modal body.has-app-advert .app-ad {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    transform: translateY(100%); }

html.has-dropdown {
  overflow: hidden; }

.gallery-loader {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
  .gallery-loader span {
    position: absolute;
    left: 50%;
    top: 130%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%); }

.gallery-header-title {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 35%;
  right: 19%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  opacity: 1;
  transition: 0.2s opacity ease; }
  .gallery-header-title .header-title,
  .gallery-header-title .header-hashtag {
    display: block; }
  .gallery-header-title .header-title {
    margin-bottom: 0.3em; }
  .share-widget.is-open ~ .gallery-header-title {
    opacity: 0; }

.share-widget.no-trigger li:hover, .share-widget.no-trigger li:focus {
  -ms-transform: scale(1.2);
  -webkittransform: scale(1.2);
  transform: scale(1.2); }

.share-widget li {
  width: 2em; }

.share-widget-mobile-wrapper {
  overflow-y: hidden;
  bottom: 0;
  position: fixed;
  display: flex;
  width: 100%;
  margin-top: 0;
  z-index: 7000;
  background: white;
  height: 53px;
  max-height: 53px;
  animation: slideInBottom 0.5s forwards;
  -webkit-animation: slideInBottom 0.5s forwards; }
  .share-widget-mobile-wrapper.is-hidden {
    animation: slideOutBottom 0.5s forwards;
    -webkit-animation: slideOutBottom 0.5s forwards; }
  .share-widget-mobile-wrapper img {
    padding: 10px;
    z-index: 1000000; }

.modal-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }
  .modal-content .modal-delete {
    z-index: 999; }

.modal-content__inner {
  padding-bottom: 0px !important; }
  .modal-content__inner span > img.top-logo,
  .modal-content__inner span > .video-container.top-logo {
    margin-top: 50px !important; }
    .modal-content__inner span > img.top-logo.with-delete,
    .modal-content__inner span > .video-container.top-logo.with-delete {
      margin-top: 100px !important; }
  .modal-content__inner.with-error {
    display: none; }

.gallery-photo-info-spinner {
  display: block;
  height: 25px;
  margin: 25px auto; }

.slideshow-loading {
  background: #000000;
  position: fixed;
  width: 100%;
  height: 100vh;
  display: inline-block; }
  .slideshow-loading .loading-text {
    color: #fff;
    text-align: center;
    position: fixed;
    width: 100%;
    height: 100vh;
    display: inline-block;
    line-height: 100vh;
    z-index: 9999;
    animation: blinkAnimation 3s ease-in-out infinite; }

.slideshow-overlay, .slideshow-overlay--special-action, .slideshow-overlay--special-action--image {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  height: 100%;
  width: 100%;
  background-color: black;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  perspective: 1000px;
  -webkit-perspective: 1000px;
  -webkit-animation: justFadeIn 0.5s ease-in-out;
  /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: justFadeIn 0.5s ease-in-out;
  /* Firefox < 16 */
  -ms-animation: justFadeIn 0.5s ease-in-out;
  /* Internet Explorer */
  -o-animation: justFadeIn 0.5s ease-in-out;
  /* Opera < 12.1 */
  animation: justFadeIn 0.5s ease-in-out; }
  .slideshow-overlay--special-action, .slideshow-overlay--special-action--image {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    perspective: 1000px;
    -webkit-perspective: 1000px;
    z-index: 1; }
    .slideshow-overlay--special-action.is-visible, .is-visible.slideshow-overlay--special-action--image {
      -webkit-transform: rotateX(0deg);
      -moz-transform: rotateX(0deg);
      -o-transform: rotateX(0deg);
      transform: rotateX(0deg);
      height: 100%;
      z-index: 12; }
    .slideshow-overlay--special-action.is-hidden, .is-hidden.slideshow-overlay--special-action--image {
      -webkit-transform: rotateX(-180deg);
      -moz-transform: rotateX(-180deg);
      -o-transform: rotateX(-180deg);
      transform: rotateX(-180deg);
      z-index: 1;
      opacity: 0; }
    .slideshow-overlay--special-action .slideshow-loading, .slideshow-overlay--special-action--image .slideshow-loading {
      transform: rotateX(180deg); }
  .slideshow-overlay--grid {
    position: relative;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    z-index: 10; }
    .slideshow-overlay--grid.is-hidden {
      -webkit-transform: rotateX(180deg);
      -moz-transform: rotateX(180deg);
      -o-transform: rotateX(180deg);
      transform: rotateX(180deg);
      z-index: 1;
      opacity: 0; }

li.slideshow-row {
  display: table;
  margin: 0 auto; }

.slideshow-cell-image {
  position: relative;
  max-width: 100%;
  max-height: 100%;
  display: block;
  transition: 0.3s;
  object-fit: contain; }
  .slideshow-cell-image.is-video {
    min-width: 100%;
    min-height: 100%;
    position: fixed;
    bottom: 0;
    right: 0; }
  .slideshow-cell-image.placeholder {
    width: 104%;
    height: 104%;
    max-width: 104%;
    max-height: 104%;
    top: -2%; }

.slideshow-cell-special-action {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100vw;
  height: 100vh; }
  .slideshow-cell-special-action.is-image {
    background-size: contain; }

.slideshow-cell-container, .slideshow-cell-container-first {
  box-sizing: border-box;
  padding: 10px;
  transition: 0.3s;
  overflow: hidden; }
  .slideshow-cell-container span, .slideshow-cell-container-first span {
    height: 100%;
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
    .slideshow-cell-container span span, .slideshow-cell-container-first span span {
      -webkit-align-items: stretch;
      -moz-align-items: stretch;
      align-items: stretch;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      justify-content: center; }

.slideshow-header {
  position: fixed;
  height: 100%;
  width: 100%;
  padding: 20px;
  z-index: 15;
  box-sizing: border-box;
  background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
  transition: .4s;
  opacity: 1; }
  .slideshow-header.is-hidden {
    opacity: 0; }

.slideshow-buttons, .slideshow-buttons--close, .slideshow-buttons--fullscreen, .slideshow-buttons--exit-fullscreen, .slideshow-buttons--settings {
  border-radius: 6px;
  box-shadow: none;
  background-color: #000000;
  color: #ffffff;
  width: auto;
  border: none;
  position: relative;
  top: 5px;
  display: inline-block;
  overflow: hidden;
  background-position: 1.35em center;
  text-indent: 1.75em;
  line-height: 1.35em;
  transition: 0.3s;
  border: solid 2px #727272;
  outline: none;
  padding: 1.75em 2.2em; }
  .slideshow-buttons--close {
    background-repeat: no-repeat; }
  .slideshow-buttons--fullscreen {
    background-repeat: no-repeat;
    margin-left: 1.5em; }
  .slideshow-buttons--exit-fullscreen {
    background-repeat: no-repeat;
    margin-left: 1.5em; }
  .slideshow-buttons--settings {
    background-repeat: no-repeat;
    background-color: #30aade;
    background-position: center center;
    float: right;
    border-color: #59bbe5; }
    .slideshow-buttons--settings.active {
      background-color: #59bbe5;
      border-color: #ffffff; }
  .slideshow-buttons--advanced-settings {
    text-indent: -999px;
    overflow: hidden;
    width: 30px;
    height: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #30aade;
    border-radius: 0.5em;
    box-shadow: 0px 3px 0px #2688b2;
    border: none;
    cursor: pointer;
    min-width: 50px;
    -webkit-animation: fadein 0.2s;
    -moz-animation: fadein 0.2s;
    -ms-animation: fadein 0.2s;
    -o-animation: fadein 0.2s;
    animation: fadein 0.2s; }

.advanced-settings-button {
  background: #30aade;
  color: #fff;
  border-radius: 10px;
  padding: 0.75rem 1.5rem;
  transition: 0.3s ease-in-out; }
  .advanced-settings-button:hover {
    background-color: #59bbe5; }

.slideshow-settings-wrapper {
  width: 315px;
  max-width: 80vw;
  height: auto;
  background: #fff;
  position: relative;
  top: 20px;
  float: right;
  z-index: 11;
  border-radius: 10px;
  padding: 1.5em 1em;
  max-height: 90vh;
  clear: both; }
  .slideshow-settings-wrapper h1, .slideshow-settings-wrapper h2, .slideshow-settings-wrapper h3 {
    color: #323232; }
  .slideshow-settings-wrapper .title {
    padding: 1rem 0;
    text-align: center; }
    .slideshow-settings-wrapper .title h2 {
      font-weight: 400; }
  .slideshow-settings-wrapper .slideshow-settings-group, .slideshow-settings-wrapper .slideshow-settings-group--bottom {
    padding: 0 0 0.5em 0;
    height: auto;
    position: relative;
    display: inline-block;
    width: 100%;
    max-height: calc(100vh - 200px);
    overflow-y: auto;
    overflow-x: hidden; }
    .slideshow-settings-wrapper .slideshow-settings-group .settings-input, .slideshow-settings-wrapper .slideshow-settings-group--bottom .settings-input {
      padding: 0.5em;
      border-radius: 2px;
      border: 1px solid #cccccc;
      max-width: 100%;
      outline: none;
      font-size: 1em;
      transition: 0.3s; }
      .slideshow-settings-wrapper .slideshow-settings-group .settings-input:focus, .slideshow-settings-wrapper .slideshow-settings-group--bottom .settings-input:focus, .slideshow-settings-wrapper .slideshow-settings-group .settings-input:active, .slideshow-settings-wrapper .slideshow-settings-group--bottom .settings-input:active {
        border-color: #727272; }
    .slideshow-settings-wrapper .slideshow-settings-group .field, .slideshow-settings-wrapper .slideshow-settings-group--bottom .field, .slideshow-settings-wrapper .slideshow-settings-group .field .ad-settings-group .field--left, .slideshow-settings-wrapper .slideshow-settings-group--bottom .field .ad-settings-group .field--left, .slideshow-settings-wrapper .slideshow-settings-group .field .ad-settings-group .field--right, .slideshow-settings-wrapper .slideshow-settings-group--bottom .field .ad-settings-group .field--right, .slideshow-settings-wrapper .slideshow-settings-group .field--left, .slideshow-settings-wrapper .slideshow-settings-group--bottom .field--left, .slideshow-settings-wrapper .slideshow-settings-group .field--right, .slideshow-settings-wrapper .slideshow-settings-group--bottom .field--right {
      padding: 1rem 0 0 0; }
      .slideshow-settings-wrapper .slideshow-settings-group .field h2, .slideshow-settings-wrapper .slideshow-settings-group--bottom .field h2, .slideshow-settings-wrapper .slideshow-settings-group .field .ad-settings-group .field--left h2, .slideshow-settings-wrapper .slideshow-settings-group--bottom .field .ad-settings-group .field--left h2, .slideshow-settings-wrapper .slideshow-settings-group .field .ad-settings-group .field--right h2, .slideshow-settings-wrapper .slideshow-settings-group--bottom .field .ad-settings-group .field--right h2, .slideshow-settings-wrapper .slideshow-settings-group .field--left h2, .slideshow-settings-wrapper .slideshow-settings-group--bottom .field--left h2, .slideshow-settings-wrapper .slideshow-settings-group .field--right h2, .slideshow-settings-wrapper .slideshow-settings-group--bottom .field--right h2 {
        color: #323232;
        height: auto;
        font-weight: 900;
        font-size: .9em;
        width: 100%;
        display: inline-block;
        width: auto;
        padding: 0 1rem 0 0; }
      .slideshow-settings-wrapper .slideshow-settings-group .field a, .slideshow-settings-wrapper .slideshow-settings-group--bottom .field a, .slideshow-settings-wrapper .slideshow-settings-group .field .ad-settings-group .field--left a, .slideshow-settings-wrapper .slideshow-settings-group--bottom .field .ad-settings-group .field--left a, .slideshow-settings-wrapper .slideshow-settings-group .field .ad-settings-group .field--right a, .slideshow-settings-wrapper .slideshow-settings-group--bottom .field .ad-settings-group .field--right a, .slideshow-settings-wrapper .slideshow-settings-group .field--left a, .slideshow-settings-wrapper .slideshow-settings-group--bottom .field--left a, .slideshow-settings-wrapper .slideshow-settings-group .field--right a, .slideshow-settings-wrapper .slideshow-settings-group--bottom .field--right a {
        color: #30aade;
        height: auto;
        font-weight: 600;
        font-size: .8em;
        display: inline-block;
        width: auto;
        padding: 0;
        text-decoration: none; }
      .slideshow-settings-wrapper .slideshow-settings-group .field p.small, .slideshow-settings-wrapper .slideshow-settings-group--bottom .field p.small, .slideshow-settings-wrapper .slideshow-settings-group .field .ad-settings-group .field--left p.small, .slideshow-settings-wrapper .slideshow-settings-group--bottom .field .ad-settings-group .field--left p.small, .slideshow-settings-wrapper .slideshow-settings-group .field .ad-settings-group .field--right p.small, .slideshow-settings-wrapper .slideshow-settings-group--bottom .field .ad-settings-group .field--right p.small, .slideshow-settings-wrapper .slideshow-settings-group .field--left p.small, .slideshow-settings-wrapper .slideshow-settings-group--bottom .field--left p.small, .slideshow-settings-wrapper .slideshow-settings-group .field--right p.small, .slideshow-settings-wrapper .slideshow-settings-group--bottom .field--right p.small {
        color: #727272;
        font-size: 0.85rem;
        margin-bottom: 0.5rem; }
        .slideshow-settings-wrapper .slideshow-settings-group .field p.small a, .slideshow-settings-wrapper .slideshow-settings-group--bottom .field p.small a, .slideshow-settings-wrapper .slideshow-settings-group .field .ad-settings-group .field--left p.small a, .slideshow-settings-wrapper .slideshow-settings-group--bottom .field .ad-settings-group .field--left p.small a, .slideshow-settings-wrapper .slideshow-settings-group .field .ad-settings-group .field--right p.small a, .slideshow-settings-wrapper .slideshow-settings-group--bottom .field .ad-settings-group .field--right p.small a, .slideshow-settings-wrapper .slideshow-settings-group .field--left p.small a, .slideshow-settings-wrapper .slideshow-settings-group--bottom .field--left p.small a, .slideshow-settings-wrapper .slideshow-settings-group .field--right p.small a, .slideshow-settings-wrapper .slideshow-settings-group--bottom .field--right p.small a {
          font-size: 0.85rem; }
      .slideshow-settings-wrapper .slideshow-settings-group .field .ad-settings-group, .slideshow-settings-wrapper .slideshow-settings-group--bottom .field .ad-settings-group, .slideshow-settings-wrapper .slideshow-settings-group .field .ad-settings-group .field--left .ad-settings-group, .slideshow-settings-wrapper .slideshow-settings-group--bottom .field .ad-settings-group .field--left .ad-settings-group, .slideshow-settings-wrapper .slideshow-settings-group .field .ad-settings-group .field--right .ad-settings-group, .slideshow-settings-wrapper .slideshow-settings-group--bottom .field .ad-settings-group .field--right .ad-settings-group, .slideshow-settings-wrapper .slideshow-settings-group .field--left .ad-settings-group, .slideshow-settings-wrapper .slideshow-settings-group--bottom .field--left .ad-settings-group, .slideshow-settings-wrapper .slideshow-settings-group .field--right .ad-settings-group, .slideshow-settings-wrapper .slideshow-settings-group--bottom .field--right .ad-settings-group {
        display: block;
        overflow: hidden;
        width: 100%; }
        .slideshow-settings-wrapper .slideshow-settings-group .field .ad-settings-group .field, .slideshow-settings-wrapper .slideshow-settings-group--bottom .field .ad-settings-group .field, .slideshow-settings-wrapper .slideshow-settings-group .field--left .ad-settings-group .field, .slideshow-settings-wrapper .slideshow-settings-group--bottom .field--left .ad-settings-group .field, .slideshow-settings-wrapper .slideshow-settings-group .field--right .ad-settings-group .field, .slideshow-settings-wrapper .slideshow-settings-group--bottom .field--right .ad-settings-group .field, .slideshow-settings-wrapper .slideshow-settings-group .field .ad-settings-group .field--left, .slideshow-settings-wrapper .slideshow-settings-group--bottom .field .ad-settings-group .field--left, .slideshow-settings-wrapper .slideshow-settings-group .field--left .ad-settings-group .field--left, .slideshow-settings-wrapper .slideshow-settings-group--bottom .field--left .ad-settings-group .field--left, .slideshow-settings-wrapper .slideshow-settings-group .field--right .ad-settings-group .field--left, .slideshow-settings-wrapper .slideshow-settings-group--bottom .field--right .ad-settings-group .field--left, .slideshow-settings-wrapper .slideshow-settings-group .field .ad-settings-group .field--right, .slideshow-settings-wrapper .slideshow-settings-group--bottom .field .ad-settings-group .field--right, .slideshow-settings-wrapper .slideshow-settings-group .field--left .ad-settings-group .field--right, .slideshow-settings-wrapper .slideshow-settings-group--bottom .field--left .ad-settings-group .field--right, .slideshow-settings-wrapper .slideshow-settings-group .field--right .ad-settings-group .field--right, .slideshow-settings-wrapper .slideshow-settings-group--bottom .field--right .ad-settings-group .field--right {
          padding: 0.5rem 0 1.5rem 0 !important; }
          .slideshow-settings-wrapper .slideshow-settings-group .field .ad-settings-group .field label, .slideshow-settings-wrapper .slideshow-settings-group--bottom .field .ad-settings-group .field label, .slideshow-settings-wrapper .slideshow-settings-group .field--left .ad-settings-group .field label, .slideshow-settings-wrapper .slideshow-settings-group--bottom .field--left .ad-settings-group .field label, .slideshow-settings-wrapper .slideshow-settings-group .field--right .ad-settings-group .field label, .slideshow-settings-wrapper .slideshow-settings-group--bottom .field--right .ad-settings-group .field label, .slideshow-settings-wrapper .slideshow-settings-group .field .ad-settings-group .field--left label, .slideshow-settings-wrapper .slideshow-settings-group--bottom .field .ad-settings-group .field--left label, .slideshow-settings-wrapper .slideshow-settings-group .field--left .ad-settings-group .field--left label, .slideshow-settings-wrapper .slideshow-settings-group--bottom .field--left .ad-settings-group .field--left label, .slideshow-settings-wrapper .slideshow-settings-group .field--right .ad-settings-group .field--left label, .slideshow-settings-wrapper .slideshow-settings-group--bottom .field--right .ad-settings-group .field--left label, .slideshow-settings-wrapper .slideshow-settings-group .field .ad-settings-group .field--right label, .slideshow-settings-wrapper .slideshow-settings-group--bottom .field .ad-settings-group .field--right label, .slideshow-settings-wrapper .slideshow-settings-group .field--left .ad-settings-group .field--right label, .slideshow-settings-wrapper .slideshow-settings-group--bottom .field--left .ad-settings-group .field--right label, .slideshow-settings-wrapper .slideshow-settings-group .field--right .ad-settings-group .field--right label, .slideshow-settings-wrapper .slideshow-settings-group--bottom .field--right .ad-settings-group .field--right label {
            margin-right: 8px; }
          .slideshow-settings-wrapper .slideshow-settings-group .field .ad-settings-group .field--left, .slideshow-settings-wrapper .slideshow-settings-group--bottom .field .ad-settings-group .field--left, .slideshow-settings-wrapper .slideshow-settings-group .field--left .ad-settings-group .field--left, .slideshow-settings-wrapper .slideshow-settings-group--bottom .field--left .ad-settings-group .field--left, .slideshow-settings-wrapper .slideshow-settings-group .field--right .ad-settings-group .field--left, .slideshow-settings-wrapper .slideshow-settings-group--bottom .field--right .ad-settings-group .field--left {
            width: 60%; }
          .slideshow-settings-wrapper .slideshow-settings-group .field .ad-settings-group .field--right, .slideshow-settings-wrapper .slideshow-settings-group--bottom .field .ad-settings-group .field--right, .slideshow-settings-wrapper .slideshow-settings-group .field--left .ad-settings-group .field--right, .slideshow-settings-wrapper .slideshow-settings-group--bottom .field--left .ad-settings-group .field--right, .slideshow-settings-wrapper .slideshow-settings-group .field--right .ad-settings-group .field--right, .slideshow-settings-wrapper .slideshow-settings-group--bottom .field--right .ad-settings-group .field--right {
            width: 39%; }
  .slideshow-settings-wrapper::before {
    content: url("/img/carrat.svg");
    display: block;
    height: 0;
    margin-top: -ceil(2.5);
    position: absolute;
    right: 10px;
    top: -12px;
    width: auto;
    height: 12px;
    overflow: hidden; }
  .slideshow-settings-wrapper::after {
    background: linear-gradient(rgba(255, 255, 255, 0), white);
    width: 100%;
    height: 40px;
    position: absolute;
    display: block;
    left: 0;
    bottom: 0px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px; }
  .slideshow-settings-wrapper label {
    color: #323232;
    margin-right: 14px;
    line-height: 20px;
    vertical-align: bottom;
    height: auto;
    margin-bottom: 7px;
    font-weight: 900;
    font-size: .9em;
    width: 100%;
    display: inline-block; }
  .slideshow-settings-wrapper .radio-group {
    display: flex;
    justify-content: flex-start;
    padding: 1rem 0; }
    .slideshow-settings-wrapper .radio-group .radio-item-wrapper {
      display: inline-block !important;
      max-width: 49%;
      margin: 0;
      color: #323232;
      font-size: 16px;
      text-transform: none;
      opacity: 1;
      display: inline-block;
      overflow: hidden;
      transition: .3s ease-in-out;
      background: transparent;
      padding: 0 1.5rem 0 0;
      width: auto;
      position: relative; }
      .slideshow-settings-wrapper .radio-group .radio-item-wrapper::before {
        content: '';
        display: block;
        position: absolute;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        border: 1px solid #ededed;
        background: #f2f2f2;
        box-shadow: inset 1px -0.5px 0.5px rgba(0, 0, 0, 0.3);
        top: 50%;
        transform: translateY(-50%);
        z-index: -1; }
      .slideshow-settings-wrapper .radio-group .radio-item-wrapper .radio-label {
        margin: 0;
        font-weight: 400;
        cursor: pointer;
        padding: 0 1.5rem;
        z-index: 99;
        color: #727272; }
      .slideshow-settings-wrapper .radio-group .radio-item-wrapper .radio-input {
        position: absolute;
        z-index: -1;
        opacity: 0; }
      .slideshow-settings-wrapper .radio-group .radio-item-wrapper input:checked ~ ::before {
        content: '';
        display: block;
        position: absolute;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: #30aade;
        top: 50%;
        transform: translateY(-50%) translateX(-100%);
        margin-left: -11px; }
  .slideshow-settings-wrapper .manual-layout {
    padding: 1rem 0;
    height: auto;
    display: block;
    overflow: hidden; }
    .slideshow-settings-wrapper .manual-layout.is-disabled label, .slideshow-settings-wrapper .manual-layout.is-disabled .settings-input {
      color: #B1B1B1; }
    .slideshow-settings-wrapper .manual-layout.is-disabled .settings-input {
      border-color: #f2f2f2; }
  .slideshow-settings-wrapper .success-message {
    width: 100%;
    max-width: 316px;
    display: block;
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #30aade;
    color: white;
    padding: 1rem;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    text-align: center;
    transition: 0.3s ease-in; }
    .slideshow-settings-wrapper .success-message p {
      font-size: 0.7em; }
    .slideshow-settings-wrapper .success-message.is-visible {
      opacity: 1; }
    .slideshow-settings-wrapper .success-message.is-hidden {
      opacity: 0; }

.Select {
  position: relative; }
  .Select,
  .Select div,
  .Select input,
  .Select span {
    box-sizing: border-box; }
  .Select.is-disabled > .Select-control:hover {
    box-shadow: none; }
  .Select.is-disabled .Select-arrow-zone {
    cursor: default;
    pointer-events: none; }
  .Select .Select-control {
    display: table;
    border-spacing: 0;
    border-collapse: separate;
    min-height: 34px;
    height: auto;
    outline: none;
    overflow: hidden;
    position: relative;
    width: 100%;
    position: relative;
    overflow: hidden;
    background-color: white;
    border: 1px solid #ccc;
    border-radius: 2px;
    box-sizing: border-box;
    color: #323232;
    outline: none;
    transition: all 200ms ease;
    cursor: pointer;
    display: block; }
    .Select .Select-control .Select-value {
      bottom: 0;
      left: 0;
      line-height: 34px;
      padding-left: 10px;
      padding-right: 10px;
      position: absolute;
      right: 0;
      top: 0;
      max-width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .Select .Select-control .Select-arrow-zone .Select-arrow {
      border-color: #999 transparent transparent;
      border-style: solid;
      border-width: 5px 5px 0;
      content: ' ';
      display: block;
      height: 0;
      margin-top: -ceil(2.5);
      position: absolute;
      right: 10px;
      top: 14px;
      width: 0; }
  .Select.is-open .Select-arrow {
    border-color: transparent transparent #999;
    transform: rotate(180deg); }
  .Select .Select-menu-outer {
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-top-color: #e6e6e6;
    padding: 5px 0;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
    box-sizing: border-box;
    margin-top: -1px;
    max-height: 200px;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 1000;
    -webkit-overflow-scrolling: touch; }
    .Select .Select-menu-outer .Select-option {
      box-sizing: border-box;
      cursor: pointer;
      display: block;
      padding: 8px 10px;
      opacity: 0.5;
      color: #4B4B4B; }
      .Select .Select-menu-outer .Select-option.is-selected {
        opacity: 1;
        font-weight: bold; }
      .Select .Select-menu-outer .Select-option:hover, .Select .Select-menu-outer .Select-option:focus {
        opacity: 1; }
      .Select .Select-menu-outer .Select-option:last-child {
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 2px; }

.field, .slideshow-settings-wrapper .slideshow-settings-group .field .ad-settings-group .field--left, .slideshow-settings-wrapper .slideshow-settings-group--bottom .field .ad-settings-group .field--left, .slideshow-settings-wrapper .slideshow-settings-group .field .ad-settings-group .field--right, .slideshow-settings-wrapper .slideshow-settings-group--bottom .field .ad-settings-group .field--right, .field--left, .field--right {
  padding: 1em 0; }
  .field.seconds .settings-input, .slideshow-settings-wrapper .slideshow-settings-group .field .ad-settings-group .seconds.field--left .settings-input, .slideshow-settings-wrapper .slideshow-settings-group--bottom .field .ad-settings-group .seconds.field--left .settings-input, .slideshow-settings-wrapper .slideshow-settings-group .field .ad-settings-group .seconds.field--right .settings-input, .slideshow-settings-wrapper .slideshow-settings-group--bottom .field .ad-settings-group .seconds.field--right .settings-input, .seconds.field--left .settings-input, .seconds.field--right .settings-input {
    width: 40px; }
  .field.seconds::after, .slideshow-settings-wrapper .slideshow-settings-group .field .ad-settings-group .seconds.field--left::after, .slideshow-settings-wrapper .slideshow-settings-group--bottom .field .ad-settings-group .seconds.field--left::after, .slideshow-settings-wrapper .slideshow-settings-group .field .ad-settings-group .seconds.field--right::after, .slideshow-settings-wrapper .slideshow-settings-group--bottom .field .ad-settings-group .seconds.field--right::after, .seconds.field--left::after, .seconds.field--right::after {
    content: "sec";
    color: #727272;
    position: relative;
    font-size: 0.85rem;
    left: 5px;
    line-height: 36px;
    width: auto;
    height: auto; }
  .field.small .settings-input, .slideshow-settings-wrapper .slideshow-settings-group .field .ad-settings-group .small.field--left .settings-input, .slideshow-settings-wrapper .slideshow-settings-group--bottom .field .ad-settings-group .small.field--left .settings-input, .slideshow-settings-wrapper .slideshow-settings-group .field .ad-settings-group .small.field--right .settings-input, .slideshow-settings-wrapper .slideshow-settings-group--bottom .field .ad-settings-group .small.field--right .settings-input, .small.field--left .settings-input, .small.field--right .settings-input {
    width: 35px; }
  .field--left {
    width: 45%;
    float: left; }
    .field--left label {
      width: auto;
      font-weight: 300;
      color: #727272; }
  .field--right {
    width: 45%;
    float: right; }
    .field--right label {
      width: auto;
      font-weight: 300;
      color: #727272; }

.react-toggle {
  display: inline-block;
  position: relative;
  cursor: pointer;
  background-color: transparent;
  border: 0;
  padding: 0;
  top: 5px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent; }

.react-toggle-screenreader-only {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.react-toggle--disabled {
  cursor: not-allowed;
  opacity: 0.5;
  -webkit-transition: opacity 0.25s;
  transition: opacity 0.25s; }

.react-toggle-track {
  width: 34px;
  height: 20px;
  padding: 0;
  border-radius: 30px;
  background-color: #fff;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
  /* border: 1px solid #ccc; */
  box-shadow: inset 0px 0px 7px rgba(0, 0, 0, 0.3); }

.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track {
  background-color: #f2f2f2; }

.react-toggle--checked .react-toggle-track {
  background-color: #30aade; }

.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track {
  background-color: #30aade; }

.react-toggle-track-check {
  position: absolute;
  width: 14px;
  height: 10px;
  top: 0px;
  bottom: 0px;
  margin-top: auto;
  margin-bottom: auto;
  line-height: 0;
  left: 8px;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease;
  -moz-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease; }

.react-toggle--checked .react-toggle-track-check {
  opacity: 1;
  -webkit-transition: opacity 0.25s ease;
  -moz-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
  display: none; }

.react-toggle-track-x {
  position: absolute;
  width: 10px;
  height: 10px;
  top: 0px;
  bottom: 0px;
  margin-top: auto;
  margin-bottom: auto;
  line-height: 0;
  right: 10px;
  opacity: 1;
  -webkit-transition: opacity 0.25s ease;
  -moz-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
  display: none; }

.react-toggle--checked .react-toggle-track-x {
  opacity: 0; }

.react-toggle-thumb {
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  position: absolute;
  top: 1px;
  left: 1px;
  width: 18px;
  height: 18px;
  border: 1px solid #f2f2f2;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  transition: all 0.25s ease; }

.react-toggle--checked .react-toggle-thumb {
  left: 15px; }

.react-toggle:active:not(.react-toggle--disabled) .react-toggle-thumb {
  -webkit-box-shadow: 0px 0px 5px 5px #0099E0;
  -moz-box-shadow: 0px 0px 5px 5px #0099E0;
  box-shadow: 0px 0px 5px 5px #0099E0; }

.preload {
  display: none; }

.fine-print {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 10px !important; }
  .fine-print a {
    font-size: 10px !important;
    font-weight: 500; }

.mobile-instagram-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1234;
  height: 100%;
  width: 100%; }
  .mobile-instagram-modal .modal-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: white;
    display: block;
    margin: 0 auto; }
  .mobile-instagram-modal .insta-wrapper {
    display: block;
    width: 80%;
    text-align: center;
    margin: 100px auto; }
    .mobile-instagram-modal .insta-wrapper .instructions {
      color: #464646 !important;
      text-align: center;
      margin: 10px auto;
      font-size: 17px;
      width: 65%;
      line-height: 1.3; }
      .mobile-instagram-modal .insta-wrapper .instructions .instagram-text {
        font-weight: bold;
        color: magenta; }
    .mobile-instagram-modal .insta-wrapper input[type="email"] {
      color: #939393;
      font-family: "Gotham SSm A", "Gotham SSm B", serif;
      font-style: normal;
      font-weight: 500;
      font-size: 20px;
      display: block;
      margin: 20px auto;
      background-color: #ececec;
      padding: 1rem;
      border: none;
      text-align: center;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px; }
      .mobile-instagram-modal .insta-wrapper input[type="email"]:focus {
        outline: none; }
  .mobile-instagram-modal .back-button {
    display: block;
    float: left;
    margin-left: 30px;
    box-sizing: border-box;
    border: none;
    font-weight: 500;
    border-bottom: 1px solid #464646;
    padding-bottom: 3px;
    cursor: pointer;
    background: none;
    margin-top: 20px;
    color: #464646 !important;
    font-size: 18px; }
  .mobile-instagram-modal .send-button {
    box-sizing: border-box;
    border: none;
    color: magenta;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
    background: none; }
    .mobile-instagram-modal .send-button:disabled {
      color: rgba(0, 0, 0, 0.3) !important; }
      .mobile-instagram-modal .send-button:disabled:hover {
        text-decoration: none !important;
        cursor: initial !important; }

body.has-insta-modal .modal-content .modal-content__inner {
  overflow: auto !important; }

body.has-insta-modal .modal-content .modal-content__inner > img,
body.has-insta-modal .modal-content .pic-title,
body.has-insta-modal .modal-content .pic-hashtag,
body.has-insta-modal .modal-content .pic-timestamp,
body.has-insta-modal .modal-content .pic-views,
body.has-insta-modal .modal-content .gallery-image-container,
body.has-insta-modal .modal-content .share-widget.no-trigger,
body.has-insta-modal .modal-content .top-logo,
body.has-insta-modal .modal-content .fadein,
body.has-insta-modal .modal-content .modal-back-button {
  -webkit-filter: none !important;
  -moz-filter: none !important;
  filter: none !important;
  opacity: 1.0 !important; }

.mobile-back-to-gallery-button {
  display: block;
  margin: 30px auto;
  border: 1px solid #464646;
  border-radius: 3px;
  box-sizing: border-box;
  font-weight: 500;
  padding: 18px 25px;
  cursor: pointer;
  background: none;
  color: #464646 !important;
  font-size: 14px; }

#insta-email {
  -webkit-animation: centeredFadeIn 0.5s;
  /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: centeredFadeIn 0.5s;
  /* Firefox < 16 */
  -ms-animation: centeredFadeIn 0.5s;
  /* Internet Explorer */
  -o-animation: centeredFadeIn 0.5s;
  /* Opera < 12.1 */
  animation: centeredFadeIn 0.5s;
  position: fixed;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 5000;
  max-width: 580px;
  width: 90%;
  box-shadow: 0px 10px 23px rgba(0, 0, 0, 0.2); }
  #insta-email .insta-banner {
    height: 65px;
    width: 100%;
    right: 30px;
    background-color: #DF2DD5;
    border-radius: 8px 8px 0 0; }
    #insta-email .insta-banner .insta-logo {
      display: inline-block;
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      width: 50px;
      height: 50px;
      top: 6px;
      bottom: 0;
      background-size: cover; }
    #insta-email .insta-banner .back-button {
      display: inline-block;
      float: left;
      margin-left: 15px;
      box-sizing: border-box;
      border: none;
      font-weight: 400;
      border-bottom: 1px solid white;
      padding-bottom: 3px;
      cursor: pointer;
      background: none;
      margin-top: 20px;
      color: white !important;
      font-size: 14px; }
  #insta-email .instagram-text {
    font-weight: bold;
    color: #DF2DD5; }
  #insta-email .insta-content {
    padding: 1em 2em 6em 2em;
    background-color: white; }
  #insta-email input[type="email"] {
    color: #939393;
    font-family: "Gotham SSm A", "Gotham SSm B", serif;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    display: block;
    margin: 20px auto;
    background-color: #ececec;
    padding: 1rem;
    border: none;
    text-align: center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px; }
    #insta-email input[type="email"]:focus {
      outline: none; }
  #insta-email input[type="submit"] {
    margin-top: 2em; }
    #insta-email input[type="submit"]:disabled {
      color: rgba(0, 0, 0, 0.3) !important; }
      #insta-email input[type="submit"]:disabled:hover {
        text-decoration: none !important;
        cursor: initial !important; }
  #insta-email .insta-instructions {
    color: #464646 !important;
    text-align: center;
    margin: 10px auto;
    font-size: 17px;
    width: 65%;
    line-height: 1.3; }
  #insta-email #insta-send {
    display: block;
    float: right;
    box-sizing: border-box;
    border: none;
    color: #DF2DD5;
    font-size: 18px;
    font-weight: 400;
    box-sizing: content-box;
    cursor: pointer;
    background: none; }
    #insta-email #insta-send:hover {
      color: #21426c;
      text-decoration: underline; }
    #insta-email #insta-send:focus {
      outline: none; }

/* Base for label styling */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px; }

[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
  position: absolute;
  top: 1em;
  left: 1em;
  cursor: pointer; }

/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 25px;
  height: 25px;
  border: 1px solid #DB4C48;
  background: #f6f6f6;
  border-radius: 3px; }

/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
  content: '';
  position: absolute;
  left: 60%;
  top: 0.15em;
  font-size: 2.5em;
  line-height: 0.8;
  color: #DB4C48;
  transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  left: -0.18em;
  top: -0.17em;
  height: 40px;
  width: 40px;
  background-size: 100% auto;
  background-position: center; }

/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0); }

[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1); }

/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd; }

[type="checkbox"]:disabled:checked + label:after {
  color: #999; }

[type="checkbox"]:disabled + label {
  color: #aaa; }

/* accessibility */
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {
  border: 1px dotted #DB4C48; }

.error-wrapper {
  display: block;
  margin: 10vh auto;
  max-width: calc(100% - 6rem);
  width: 40rem; }
  .error-wrapper .illustration {
    background-image: url("/img/errors/ghost/ghost-bg.svg");
    background-image: url('data:image/svg+xml;utf8,\a   <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"\a 	 viewBox="0 0 302 166" style="enable-background:new 0 0 302 166;" xml:space="preserve">\a   <style type="text/css">\a       .st0{fill:#528AE8;}\a       .st1{filter:url(#Adobe_OpacityMaskFilter);}\a       .st2{fill:#FFFFFF;}\a       .st3{mask:url(#b);fill:#30AADE;}\a       .st4{filter:url(#Adobe_OpacityMaskFilter_1_);}\a       .st5{mask:url(#d);fill:#30AADE;}\a       .st6{fill:#30AADE;}\a       .st7{fill:#4AD1CC;}\a       .st8{fill:#FDD972;}\a \a       .blink { animation: blink 5s ease infinite }\a       .blink-2 { animation: blink 5s ease 0.25s infinite }\a       .blink-3 { animation: blink 5s ease 0.5s infinite }\a       .blink-4 { animation: blink 5s ease 0.75s infinite }\a       .blink-5 { animation: blink 5s ease 1s infinite }\a       .blink-6 { animation: blink 5s ease 1.25s infinite }\a       .blink-7 { animation: blink 5s ease 1.5s infinite }\a       .blink-8 { animation: blink 5s ease 1.75s infinite }\a       .blink-9 { animation: blink 5s ease 2s infinite }\a       .blink-10 { animation: blink 5s ease 2.25s infinite }\a       .blink-11 { animation: blink 5s ease 2.5s infinite }\a       .blink-12 { animation: blink 5s ease 2.75s infinite }\a       .blink-13 { animation: blink 5s ease 3s infinite }\a       .blink-14 { animation: blink 5s ease 3.25s infinite }\a       .blink-15 { animation: blink 5s ease 3.5s infinite }\a       .blink-16 { animation: blink 5s ease 3.75s infinite }\a       .blink-17 { animation: blink 5s ease 4s infinite }\a       .blink-18 { animation: blink 5s ease 4.25s infinite }\a       .blink-19 { animation: blink 5s ease 4.55s infinite }\a       .blink-20 { animation: blink 5s ease 4.75s infinite }\a \a       @keyframes blink {\a             0% { opacity: 1 }\a            10% { opacity: 0.1 }\a            20% { opacity: 1 }\a           100% { opacity: 1 }\a       }\a   </style>\a   <path class="st0 blink-18" d="M63.1,75.2c0-2.1-1.7-3.9-3.9-3.9s-3.9,1.7-3.9,3.9s1.7,3.9,3.9,3.9S63.1,77.3,63.1,75.2"/>\a   <defs>\a       <filter id="Adobe_OpacityMaskFilter" filterUnits="userSpaceOnUse" x="57.1" y="0.7" width="3.8" height="3.8">\a           <feColorMatrix  type="matrix" values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 1 0"/>\a       </filter>\a   </defs>\a   <mask maskUnits="userSpaceOnUse" x="57.1" y="0.7" width="3.8" height="3.8" id="b">\a       <g class="st1">\a           <path id="a" class="st2" d="M57,0.7h3.9v3.9H57V0.7z"/>\a       </g>\a   </mask>\a   <path class="st3 blink-20" d="M60.9,2.6c0-1.1-0.9-1.9-1.9-1.9c-1.1,0-1.9,0.9-1.9,1.9c0,1.1,0.9,1.9,1.9,1.9S60.9,3.7,60.9,2.6"/>\a   <defs>\a       <filter id="Adobe_OpacityMaskFilter_1_" filterUnits="userSpaceOnUse" x="1" y="137.7" width="3.8" height="3.8">\a           <feColorMatrix  type="matrix" values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 1 0"/>\a       </filter>\a   </defs>\a   <mask maskUnits="userSpaceOnUse" x="1" y="137.7" width="3.8" height="3.8" id="d">\a       <g class="st4">\a           <path id="c" class="st2 blink-19" d="M0.9,137.6h3.9v3.9H0.9V137.6z"/>\a       </g>\a   </mask>\a   <path class="st5 blink-2" d="M4.8,139.6c0-1.1-0.9-1.9-1.9-1.9c-1.1,0-1.9,0.9-1.9,1.9c0,1.1,0.9,1.9,1.9,1.9S4.8,140.7,4.8,139.6"/>\a   <path class="st6 blink-3" d="M124.5,16.5c0-1.6-1.3-2.9-2.9-2.9s-2.9,1.3-2.9,2.9s1.3,2.9,2.9,2.9S124.5,18.1,124.5,16.5"/>\a   <path class="st6 blink-4" d="M210.3,51.4c0-1.6-1.3-2.9-2.9-2.9s-2.9,1.3-2.9,2.9c0,1.6,1.3,2.9,2.9,2.9S210.3,53,210.3,51.4"/>\a   <path class="st6 blink-5" d="M14.9,91.1c0-1.6-1.3-2.9-2.9-2.9s-3,1.3-3,2.9s1.3,2.9,2.9,2.9S14.9,92.7,14.9,91.1"/>\a   <path class="st6 blink-6" d="M213.3,10.5c0-1.6-1.3-2.9-2.9-2.9c-1.6,0-2.9,1.3-2.9,2.9s1.3,2.9,2.9,2.9C212,13.4,213.3,12.1,213.3,10.5"/>\a   <path class="st7 blink-7" d="M78.6,23.7c0-1.1-0.9-1.9-1.9-1.9c-1.1,0-1.9,0.9-1.9,1.9s0.9,1.9,1.9,1.9S78.6,24.8,78.6,23.7"/>\a   <path class="st7 blink-8" d="M297.2,135.3c0-1.1-0.9-1.9-1.9-1.9s-1.9,0.9-1.9,1.9s0.9,1.9,1.9,1.9S297.2,136.4,297.2,135.3"/>\a   <path class="st7 blink-9" d="M74.7,110.5c0-1.1-0.9-1.9-1.9-1.9s-1.9,0.9-1.9,1.9c0,1.1,0.9,1.9,1.9,1.9C73.8,112.5,74.7,111.6,74.7,110.5"/>\a   <path class="st0 blink-10" d="M56.6,163.2c0-1.1-0.8-2-1.9-2s-2,0.8-2,1.9v0.1c0,1.1,0.9,1.9,2,1.9C55.7,165.1,56.6,164.3,56.6,163.2"/>\a   <path class="st0 blink-11" d="M268.3,49.5c0-1.1-0.8-2-1.9-2s-2,0.8-2,1.9v0.1c0,1.1,0.9,1.9,2,1.9S268.3,50.5,268.3,49.5"/>\a   <path class="st0 blink-12" d="M268.3,83.9c0-1.1-0.8-2-1.9-2s-2,0.8-2,1.9v0.1c0,1.1,0.9,1.9,2,1.9S268.3,85,268.3,83.9"/>\a   <path class="st6 blink-13" d="M224.3,81.5c0-1.4-1.1-2.5-2.5-2.5s-2.5,1.1-2.5,2.5s1.1,2.5,2.5,2.5S224.3,82.9,224.3,81.5"/>\a   <path class="st6 blink" d="M172,29.1c0-1.4-1-2.5-2.4-2.5s-2.5,1-2.5,2.4v0.1c0,1.4,1.1,2.4,2.5,2.4C170.9,31.5,171.9,30.4,172,29.1"/>\a   <path class="st6 blink-14" d="M261.4,158.8c0-1.4-1.1-2.5-2.5-2.5s-2.5,1.1-2.5,2.5s1.1,2.5,2.5,2.5S261.4,160.2,261.4,158.8"/>\a   <path class="st7 blink-15" d="M301.1,77.1c0-1.1-0.9-1.9-2-1.9c-1,0-1.8,0.9-1.9,1.9c0,1.1,0.8,2,1.9,2S301.1,78.3,301.1,77.1\a       C301.1,77.2,301.1,77.1,301.1,77.1"/>\a   <path class="st7 blink-7" d="M43.4,124.2c0-1.1-0.9-1.9-2-1.9c-1,0-1.8,0.9-1.9,1.9c0,1.1,0.8,2,1.9,2S43.4,125.3,43.4,124.2"/>\a   <path class="st8" d="M251,124.2c0-1.5-1.2-2.8-2.7-2.8s-2.8,1.2-2.8,2.7v0.1c0,1.5,1.3,2.7,2.8,2.7C249.8,126.8,251,125.7,251,124.2\a       "/>\a   <path class="st8 blink-16" d="M256.5,16.1c0-1.5-1.2-2.8-2.7-2.8S251,14.5,251,16v0.1c0,1.5,1.3,2.7,2.8,2.7S256.4,17.6,256.5,16.1"/>\a   <path class="st8 blink-17" d="M20.3,48.7c0-1.5-1.2-2.8-2.7-2.8s-2.8,1.2-2.8,2.7v0.1c0,1.5,1.3,2.7,2.8,2.7C19.1,51.3,20.3,50.1,20.3,48.7"\a       />\a   </svg>');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    height: 20rem;
    margin-bottom: 30px;
    max-height: 47vw;
    max-width: 100%;
    position: relative;
    width: 40rem; }
    .error-wrapper .illustration .icon {
      background-image: url("/img/errors/ghost/ghost-icon.svg");
      background-position: center center;
      background-repeat: no-repeat;
      background-size: contain;
      display: inline-block;
      height: 76%;
      left: 50%;
      position: absolute;
      top: 19%;
      transform: translateX(-50%);
      width: 22%;
      -webkit-animation: hoverErrorIcon 2s infinite;
      -moz-animation: hoverErrorIcon 2s infinite;
      -o-animation: hoverErrorIcon 2s infinite;
      animation: hoverErrorIcon 2s infinite;
      animation-timing-function: ease-out, ease-in-out; }
    .error-wrapper .illustration .shadow {
      background-image: url("/img/errors/lock/lock-shadow.svg");
      background-position: center center;
      background-repeat: no-repeat;
      background-size: contain;
      display: inline-block;
      height: 7%;
      left: 44%;
      position: absolute;
      top: 100%;
      width: 12%;
      -webkit-animation: hoverErrorShadow 2s infinite;
      -moz-animation: hoverErrorShadow 2s infinite;
      -o-animation: hoverErrorShadow 2s infinite;
      animation: hoverErrorShadow 2s infinite;
      animation-timing-function: ease-out, ease-in-out; }
  .error-wrapper.lock .illustration {
    background-image: url("/img/errors/lock/lock-bg.svg");
    background-image: url('data:image/svg+xml;utf8,\a   <svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 418 252" enable-background="new 0 0 418 252">\a 	<style>\a 		.st0{fill:#528ae8}.st2{fill:#fff}.st6{fill:#30aade}.st7{fill:#4ad1cc}.st8{fill:#fdd972}\a \a 		.blink { animation: blink 5s ease infinite }\a         .blink-2 { animation: blink 5s ease 0.25s infinite }\a         .blink-3 { animation: blink 5s ease 0.5s infinite }\a         .blink-4 { animation: blink 5s ease 0.75s infinite }\a         .blink-5 { animation: blink 5s ease 1s infinite }\a         .blink-6 { animation: blink 5s ease 1.25s infinite }\a         .blink-7 { animation: blink 5s ease 1.5s infinite }\a         .blink-8 { animation: blink 5s ease 1.75s infinite }\a         .blink-9 { animation: blink 5s ease 2s infinite }\a         .blink-10 { animation: blink 5s ease 2.25s infinite }\a         .blink-11 { animation: blink 5s ease 2.5s infinite }\a         .blink-12 { animation: blink 5s ease 2.75s infinite }\a         .blink-13 { animation: blink 5s ease 3s infinite }\a         .blink-14 { animation: blink 5s ease 3.25s infinite }\a         .blink-15 { animation: blink 5s ease 3.5s infinite }\a         .blink-16 { animation: blink 5s ease 3.75s infinite }\a         .blink-17 { animation: blink 5s ease 4s infinite }\a         .blink-18 { animation: blink 5s ease 4.25s infinite }\a         .blink-19 { animation: blink 5s ease 4.55s infinite }\a         .blink-20 { animation: blink 5s ease 4.75s infinite }\a \a         @keyframes blink {\a               0% { opacity: 1 }\a              10% { opacity: 0.1 }\a              20% { opacity: 1 }\a             100% { opacity: 1 }\a         }\a 	</style>\a \a 	<path id="Fill-1" class="st0" d="M86.6 126.6c0-3-2.4-5.4-5.4-5.4s-5.4 2.4-5.4 5.4c0 3 2.4 5.4 5.4 5.4s5.4-2.4 5.4-5.4"/><path id="Fill-1-Copy" class="st0" d="M38 36.8c0-3-2.4-5.4-5.4-5.4-3 0-5.4 2.4-5.4 5.4s2.4 5.4 5.4 5.4c3 0 5.4-2.4 5.4-5.4"/>\a 	<defs>\a 		<filter id="Adobe_OpacityMaskFilter" filterUnits="userSpaceOnUse" x="78.2" y="23.1" width="5.4" height="5.4">\a 			<feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"/>\a 		</filter>\a 	</defs>\a 	<mask maskUnits="userSpaceOnUse" x="78.2" y="23.1" width="5.4" height="5.4" id="mask-2">\a 		<g filter="url(#Adobe_OpacityMaskFilter)">\a 			<path id="path-1" class="st2 blink-20" d="M78.2 23.1h5.4v5.4h-5.4z"/>\a 		</g>\a 	</mask>\a 	<path id="Fill-3" d="M83.6 25.8c0-1.5-1.2-2.7-2.7-2.7-1.5 0-2.7 1.2-2.7 2.7 0 1.5 1.2 2.7 2.7 2.7 1.4 0 2.7-1.2 2.7-2.7" mask="url(#mask-2)" fill="#30aade"/>\a 	<defs>\a 		<filter id="Adobe_OpacityMaskFilter_1_" filterUnits="userSpaceOnUse" x=".2" y="213.4" width="5.4" height="5.4">\a 			<feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"/>\a 		</filter>\a 	</defs>\a 	<mask maskUnits="userSpaceOnUse" x=".2" y="213.4" width="5.4" height="5.4" id="mask-4">\a 		<g filter="url(#Adobe_OpacityMaskFilter_1_)">\a 			<path id="path-3" class="st2 blink-19" d="M.2 213.4h5.4v5.4H.2z"/>\a 		</g>\a 	</mask>\a 	<path id="Fill-3_1_" class="blink" d="M5.6 216.1c0-1.5-1.2-2.7-2.7-2.7s-2.7 1.2-2.7 2.7c0 1.5 1.2 2.7 2.7 2.7s2.7-1.2 2.7-2.7" mask="url(#mask-4)" fill="#30aade"/>\a 	<path id="Fill-6" class="st6 blink-2" d="M171.9 45.2c0-2.2-1.8-4-4-4s-4 1.8-4 4 1.8 4 4 4 4-1.8 4-4"/>\a 	<path id="Fill-6-Copy" class="st6 blink-3" d="M291.1 93.6c0-2.2-1.8-4-4-4s-4 1.8-4 4 1.8 4 4 4c2.2.1 4-1.7 4-4"/>\a 	<path id="Fill-8" class="st6 blink-4" d="M19.6 148.8c0-2.2-1.8-4-4-4s-4 1.8-4 4 1.8 4 4 4 4-1.8 4-4"/>\a 	<path id="Fill-8-Copy" class="st6 blink-5" d="M295.2 36.8c0-2.2-1.8-4-4-4s-4 1.8-4 4 1.8 4 4 4 4-1.8 4-4"/>\a 	<path id="Fill-10" class="st7 blink-6" d="M108.1 55.2c0-1.5-1.2-2.7-2.7-2.7-1.5 0-2.7 1.2-2.7 2.7s1.2 2.7 2.7 2.7c1.5 0 2.7-1.2 2.7-2.7"/>\a 	<path id="Fill-10-Copy" class="st7" d="M411.8 210.1c0-1.5-1.2-2.7-2.7-2.7-1.5 0-2.7 1.2-2.7 2.7 0 1.5 1.2 2.7 2.7 2.7 1.5 0 2.7-1.2 2.7-2.7"/>\a 	<path id="Fill-12" class="st7 blink-7" d="M102.7 175.7c0-1.5-1.2-2.7-2.7-2.7s-2.7 1.2-2.7 2.7 1.2 2.7 2.7 2.7 2.7-1.2 2.7-2.7"/>\a 	<path id="Fill-14" class="st0 blink-8" d="M77.6 248.9c0-1.5-1.2-2.7-2.7-2.7-1.5 0-2.7 1.2-2.7 2.7 0 1.5 1.2 2.7 2.7 2.7 1.5 0 2.7-1.2 2.7-2.7"/>\a 	<path id="Fill-14-Copy" class="st0 blink-9" d="M371.7 90.9c0-1.5-1.2-2.7-2.7-2.7-1.5 0-2.7 1.2-2.7 2.7 0 1.5 1.2 2.7 2.7 2.7 1.5 0 2.7-1.2 2.7-2.7"/>\a 	<path id="Fill-14-Copy-2" class="st0 blink-10" d="M371.7 138.8c0-1.5-1.2-2.7-2.7-2.7-1.5 0-2.7 1.2-2.7 2.7s1.2 2.7 2.7 2.7c1.5 0 2.7-1.2 2.7-2.7"/>\a 	<path id="Fill-16" class="st6 blink-11" d="M310.6 135.4c0-1.9-1.5-3.4-3.4-3.4s-3.4 1.5-3.4 3.4 1.5 3.4 3.4 3.4 3.4-1.5 3.4-3.4"/>\a 	<path id="Fill-16-Copy" class="st6 blink-12" d="M237.8 62.6c0-1.9-1.5-3.4-3.4-3.4s-3.4 1.5-3.4 3.4 1.5 3.4 3.4 3.4 3.4-1.5 3.4-3.4"/>\a 	<path id="Fill-16-Copy-2" class="st6 blink-13" d="M362 242.8c0-1.9-1.5-3.4-3.4-3.4s-3.4 1.5-3.4 3.4 1.5 3.4 3.4 3.4 3.4-1.5 3.4-3.4"/>\a 	<path id="Fill-18" class="st7 blink-14" d="M417.2 129.3c0-1.5-1.2-2.7-2.7-2.7-1.5 0-2.7 1.2-2.7 2.7 0 1.5 1.2 2.7 2.7 2.7 1.5 0 2.7-1.2 2.7-2.7"/>\a 	<path id="Fill-18-Copy" class="st7 blink-15" d="M212.4 3.5c0-1.5-1.2-2.7-2.7-2.7S207 2 207 3.5c0 1.5 1.2 2.7 2.7 2.7s2.7-1.2 2.7-2.7"/>\a 	<path id="Fill-20" class="st8 blink-16" d="M347.6 194.7c0-2.1-1.7-3.8-3.8-3.8-2.1 0-3.8 1.7-3.8 3.8 0 2.1 1.7 3.8 3.8 3.8 2.1 0 3.8-1.7 3.8-3.8"/>\a 	<path id="Fill-20-Copy" class="st8 blink-17" d="M355.2 44.6c0-2.1-1.7-3.8-3.8-3.8-2.1 0-3.8 1.7-3.8 3.8s1.7 3.8 3.8 3.8c2.1 0 3.8-1.7 3.8-3.8"/>\a 	<path id="Fill-20-Copy-2" class="st8 blink-18" d="M27.2 89.8c0-2.1-1.7-3.8-3.8-3.8-2.1 0-3.8 1.7-3.8 3.8 0 2.1 1.7 3.8 3.8 3.8 2.1 0 3.8-1.7 3.8-3.8"/>\a   </svg>'); }
    .error-wrapper.lock .illustration .icon {
      background-image: url("/img/errors/lock/lock-icon.svg");
      height: 56%;
      left: 50%;
      top: 32%;
      width: 22%; }
    .error-wrapper.lock .illustration .shadow {
      height: 7%;
      left: 44%;
      top: 96%;
      width: 12%; }
  .error-wrapper.ghost .illustration {
    background-image: url("/img/errors/ghost/ghost-bg.svg");
    background-image: url('data:image/svg+xml;utf8,\a   <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"\a 	 viewBox="0 0 302 166" style="enable-background:new 0 0 302 166;" xml:space="preserve">\a   <style type="text/css">\a       .st0{fill:#528AE8;}\a       .st1{filter:url(#Adobe_OpacityMaskFilter);}\a       .st2{fill:#FFFFFF;}\a       .st3{mask:url(#b);fill:#30AADE;}\a       .st4{filter:url(#Adobe_OpacityMaskFilter_1_);}\a       .st5{mask:url(#d);fill:#30AADE;}\a       .st6{fill:#30AADE;}\a       .st7{fill:#4AD1CC;}\a       .st8{fill:#FDD972;}\a \a       .blink { animation: blink 5s ease infinite }\a       .blink-2 { animation: blink 5s ease 0.25s infinite }\a       .blink-3 { animation: blink 5s ease 0.5s infinite }\a       .blink-4 { animation: blink 5s ease 0.75s infinite }\a       .blink-5 { animation: blink 5s ease 1s infinite }\a       .blink-6 { animation: blink 5s ease 1.25s infinite }\a       .blink-7 { animation: blink 5s ease 1.5s infinite }\a       .blink-8 { animation: blink 5s ease 1.75s infinite }\a       .blink-9 { animation: blink 5s ease 2s infinite }\a       .blink-10 { animation: blink 5s ease 2.25s infinite }\a       .blink-11 { animation: blink 5s ease 2.5s infinite }\a       .blink-12 { animation: blink 5s ease 2.75s infinite }\a       .blink-13 { animation: blink 5s ease 3s infinite }\a       .blink-14 { animation: blink 5s ease 3.25s infinite }\a       .blink-15 { animation: blink 5s ease 3.5s infinite }\a       .blink-16 { animation: blink 5s ease 3.75s infinite }\a       .blink-17 { animation: blink 5s ease 4s infinite }\a       .blink-18 { animation: blink 5s ease 4.25s infinite }\a       .blink-19 { animation: blink 5s ease 4.55s infinite }\a       .blink-20 { animation: blink 5s ease 4.75s infinite }\a \a       @keyframes blink {\a             0% { opacity: 1 }\a            10% { opacity: 0.1 }\a            20% { opacity: 1 }\a           100% { opacity: 1 }\a       }\a   </style>\a   <path class="st0 blink-18" d="M63.1,75.2c0-2.1-1.7-3.9-3.9-3.9s-3.9,1.7-3.9,3.9s1.7,3.9,3.9,3.9S63.1,77.3,63.1,75.2"/>\a   <defs>\a       <filter id="Adobe_OpacityMaskFilter" filterUnits="userSpaceOnUse" x="57.1" y="0.7" width="3.8" height="3.8">\a           <feColorMatrix  type="matrix" values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 1 0"/>\a       </filter>\a   </defs>\a   <mask maskUnits="userSpaceOnUse" x="57.1" y="0.7" width="3.8" height="3.8" id="b">\a       <g class="st1">\a           <path id="a" class="st2" d="M57,0.7h3.9v3.9H57V0.7z"/>\a       </g>\a   </mask>\a   <path class="st3 blink-20" d="M60.9,2.6c0-1.1-0.9-1.9-1.9-1.9c-1.1,0-1.9,0.9-1.9,1.9c0,1.1,0.9,1.9,1.9,1.9S60.9,3.7,60.9,2.6"/>\a   <defs>\a       <filter id="Adobe_OpacityMaskFilter_1_" filterUnits="userSpaceOnUse" x="1" y="137.7" width="3.8" height="3.8">\a           <feColorMatrix  type="matrix" values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 1 0"/>\a       </filter>\a   </defs>\a   <mask maskUnits="userSpaceOnUse" x="1" y="137.7" width="3.8" height="3.8" id="d">\a       <g class="st4">\a           <path id="c" class="st2 blink-19" d="M0.9,137.6h3.9v3.9H0.9V137.6z"/>\a       </g>\a   </mask>\a   <path class="st5 blink-2" d="M4.8,139.6c0-1.1-0.9-1.9-1.9-1.9c-1.1,0-1.9,0.9-1.9,1.9c0,1.1,0.9,1.9,1.9,1.9S4.8,140.7,4.8,139.6"/>\a   <path class="st6 blink-3" d="M124.5,16.5c0-1.6-1.3-2.9-2.9-2.9s-2.9,1.3-2.9,2.9s1.3,2.9,2.9,2.9S124.5,18.1,124.5,16.5"/>\a   <path class="st6 blink-4" d="M210.3,51.4c0-1.6-1.3-2.9-2.9-2.9s-2.9,1.3-2.9,2.9c0,1.6,1.3,2.9,2.9,2.9S210.3,53,210.3,51.4"/>\a   <path class="st6 blink-5" d="M14.9,91.1c0-1.6-1.3-2.9-2.9-2.9s-3,1.3-3,2.9s1.3,2.9,2.9,2.9S14.9,92.7,14.9,91.1"/>\a   <path class="st6 blink-6" d="M213.3,10.5c0-1.6-1.3-2.9-2.9-2.9c-1.6,0-2.9,1.3-2.9,2.9s1.3,2.9,2.9,2.9C212,13.4,213.3,12.1,213.3,10.5"/>\a   <path class="st7 blink-7" d="M78.6,23.7c0-1.1-0.9-1.9-1.9-1.9c-1.1,0-1.9,0.9-1.9,1.9s0.9,1.9,1.9,1.9S78.6,24.8,78.6,23.7"/>\a   <path class="st7 blink-8" d="M297.2,135.3c0-1.1-0.9-1.9-1.9-1.9s-1.9,0.9-1.9,1.9s0.9,1.9,1.9,1.9S297.2,136.4,297.2,135.3"/>\a   <path class="st7 blink-9" d="M74.7,110.5c0-1.1-0.9-1.9-1.9-1.9s-1.9,0.9-1.9,1.9c0,1.1,0.9,1.9,1.9,1.9C73.8,112.5,74.7,111.6,74.7,110.5"/>\a   <path class="st0 blink-10" d="M56.6,163.2c0-1.1-0.8-2-1.9-2s-2,0.8-2,1.9v0.1c0,1.1,0.9,1.9,2,1.9C55.7,165.1,56.6,164.3,56.6,163.2"/>\a   <path class="st0 blink-11" d="M268.3,49.5c0-1.1-0.8-2-1.9-2s-2,0.8-2,1.9v0.1c0,1.1,0.9,1.9,2,1.9S268.3,50.5,268.3,49.5"/>\a   <path class="st0 blink-12" d="M268.3,83.9c0-1.1-0.8-2-1.9-2s-2,0.8-2,1.9v0.1c0,1.1,0.9,1.9,2,1.9S268.3,85,268.3,83.9"/>\a   <path class="st6 blink-13" d="M224.3,81.5c0-1.4-1.1-2.5-2.5-2.5s-2.5,1.1-2.5,2.5s1.1,2.5,2.5,2.5S224.3,82.9,224.3,81.5"/>\a   <path class="st6 blink" d="M172,29.1c0-1.4-1-2.5-2.4-2.5s-2.5,1-2.5,2.4v0.1c0,1.4,1.1,2.4,2.5,2.4C170.9,31.5,171.9,30.4,172,29.1"/>\a   <path class="st6 blink-14" d="M261.4,158.8c0-1.4-1.1-2.5-2.5-2.5s-2.5,1.1-2.5,2.5s1.1,2.5,2.5,2.5S261.4,160.2,261.4,158.8"/>\a   <path class="st7 blink-15" d="M301.1,77.1c0-1.1-0.9-1.9-2-1.9c-1,0-1.8,0.9-1.9,1.9c0,1.1,0.8,2,1.9,2S301.1,78.3,301.1,77.1\a       C301.1,77.2,301.1,77.1,301.1,77.1"/>\a   <path class="st7 blink-7" d="M43.4,124.2c0-1.1-0.9-1.9-2-1.9c-1,0-1.8,0.9-1.9,1.9c0,1.1,0.8,2,1.9,2S43.4,125.3,43.4,124.2"/>\a   <path class="st8" d="M251,124.2c0-1.5-1.2-2.8-2.7-2.8s-2.8,1.2-2.8,2.7v0.1c0,1.5,1.3,2.7,2.8,2.7C249.8,126.8,251,125.7,251,124.2\a       "/>\a   <path class="st8 blink-16" d="M256.5,16.1c0-1.5-1.2-2.8-2.7-2.8S251,14.5,251,16v0.1c0,1.5,1.3,2.7,2.8,2.7S256.4,17.6,256.5,16.1"/>\a   <path class="st8 blink-17" d="M20.3,48.7c0-1.5-1.2-2.8-2.7-2.8s-2.8,1.2-2.8,2.7v0.1c0,1.5,1.3,2.7,2.8,2.7C19.1,51.3,20.3,50.1,20.3,48.7"\a       />\a   </svg>');
    margin-bottom: 30px; }
    .error-wrapper.ghost .illustration .icon {
      background-image: url("/img/errors/ghost/ghost-icon.svg");
      height: 76%;
      left: 50%;
      top: 24%;
      width: 22%; }
    .error-wrapper.ghost .illustration .shadow {
      top: 102%;
      width: 8%;
      left: 46%; }
  .error-wrapper.rocket .illustration {
    background-image: url("/img/errors/lock/lock-bg.svg");
    background-image: url('data:image/svg+xml;utf8,\a   <svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 418 252" enable-background="new 0 0 418 252">\a 	<style>\a 		.st0{fill:#528ae8}.st2{fill:#fff}.st6{fill:#30aade}.st7{fill:#4ad1cc}.st8{fill:#fdd972}\a \a 		.blink { animation: blink 5s ease infinite }\a         .blink-2 { animation: blink 5s ease 0.25s infinite }\a         .blink-3 { animation: blink 5s ease 0.5s infinite }\a         .blink-4 { animation: blink 5s ease 0.75s infinite }\a         .blink-5 { animation: blink 5s ease 1s infinite }\a         .blink-6 { animation: blink 5s ease 1.25s infinite }\a         .blink-7 { animation: blink 5s ease 1.5s infinite }\a         .blink-8 { animation: blink 5s ease 1.75s infinite }\a         .blink-9 { animation: blink 5s ease 2s infinite }\a         .blink-10 { animation: blink 5s ease 2.25s infinite }\a         .blink-11 { animation: blink 5s ease 2.5s infinite }\a         .blink-12 { animation: blink 5s ease 2.75s infinite }\a         .blink-13 { animation: blink 5s ease 3s infinite }\a         .blink-14 { animation: blink 5s ease 3.25s infinite }\a         .blink-15 { animation: blink 5s ease 3.5s infinite }\a         .blink-16 { animation: blink 5s ease 3.75s infinite }\a         .blink-17 { animation: blink 5s ease 4s infinite }\a         .blink-18 { animation: blink 5s ease 4.25s infinite }\a         .blink-19 { animation: blink 5s ease 4.55s infinite }\a         .blink-20 { animation: blink 5s ease 4.75s infinite }\a \a         @keyframes blink {\a               0% { opacity: 1 }\a              10% { opacity: 0.1 }\a              20% { opacity: 1 }\a             100% { opacity: 1 }\a         }\a 	</style>\a \a 	<path id="Fill-1" class="st0" d="M86.6 126.6c0-3-2.4-5.4-5.4-5.4s-5.4 2.4-5.4 5.4c0 3 2.4 5.4 5.4 5.4s5.4-2.4 5.4-5.4"/><path id="Fill-1-Copy" class="st0" d="M38 36.8c0-3-2.4-5.4-5.4-5.4-3 0-5.4 2.4-5.4 5.4s2.4 5.4 5.4 5.4c3 0 5.4-2.4 5.4-5.4"/>\a 	<defs>\a 		<filter id="Adobe_OpacityMaskFilter" filterUnits="userSpaceOnUse" x="78.2" y="23.1" width="5.4" height="5.4">\a 			<feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"/>\a 		</filter>\a 	</defs>\a 	<mask maskUnits="userSpaceOnUse" x="78.2" y="23.1" width="5.4" height="5.4" id="mask-2">\a 		<g filter="url(#Adobe_OpacityMaskFilter)">\a 			<path id="path-1" class="st2 blink-20" d="M78.2 23.1h5.4v5.4h-5.4z"/>\a 		</g>\a 	</mask>\a 	<path id="Fill-3" d="M83.6 25.8c0-1.5-1.2-2.7-2.7-2.7-1.5 0-2.7 1.2-2.7 2.7 0 1.5 1.2 2.7 2.7 2.7 1.4 0 2.7-1.2 2.7-2.7" mask="url(#mask-2)" fill="#30aade"/>\a 	<defs>\a 		<filter id="Adobe_OpacityMaskFilter_1_" filterUnits="userSpaceOnUse" x=".2" y="213.4" width="5.4" height="5.4">\a 			<feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"/>\a 		</filter>\a 	</defs>\a 	<mask maskUnits="userSpaceOnUse" x=".2" y="213.4" width="5.4" height="5.4" id="mask-4">\a 		<g filter="url(#Adobe_OpacityMaskFilter_1_)">\a 			<path id="path-3" class="st2 blink-19" d="M.2 213.4h5.4v5.4H.2z"/>\a 		</g>\a 	</mask>\a 	<path id="Fill-3_1_" class="blink" d="M5.6 216.1c0-1.5-1.2-2.7-2.7-2.7s-2.7 1.2-2.7 2.7c0 1.5 1.2 2.7 2.7 2.7s2.7-1.2 2.7-2.7" mask="url(#mask-4)" fill="#30aade"/>\a 	<path id="Fill-6" class="st6 blink-2" d="M171.9 45.2c0-2.2-1.8-4-4-4s-4 1.8-4 4 1.8 4 4 4 4-1.8 4-4"/>\a 	<path id="Fill-6-Copy" class="st6 blink-3" d="M291.1 93.6c0-2.2-1.8-4-4-4s-4 1.8-4 4 1.8 4 4 4c2.2.1 4-1.7 4-4"/>\a 	<path id="Fill-8" class="st6 blink-4" d="M19.6 148.8c0-2.2-1.8-4-4-4s-4 1.8-4 4 1.8 4 4 4 4-1.8 4-4"/>\a 	<path id="Fill-8-Copy" class="st6 blink-5" d="M295.2 36.8c0-2.2-1.8-4-4-4s-4 1.8-4 4 1.8 4 4 4 4-1.8 4-4"/>\a 	<path id="Fill-10" class="st7 blink-6" d="M108.1 55.2c0-1.5-1.2-2.7-2.7-2.7-1.5 0-2.7 1.2-2.7 2.7s1.2 2.7 2.7 2.7c1.5 0 2.7-1.2 2.7-2.7"/>\a 	<path id="Fill-10-Copy" class="st7" d="M411.8 210.1c0-1.5-1.2-2.7-2.7-2.7-1.5 0-2.7 1.2-2.7 2.7 0 1.5 1.2 2.7 2.7 2.7 1.5 0 2.7-1.2 2.7-2.7"/>\a 	<path id="Fill-12" class="st7 blink-7" d="M102.7 175.7c0-1.5-1.2-2.7-2.7-2.7s-2.7 1.2-2.7 2.7 1.2 2.7 2.7 2.7 2.7-1.2 2.7-2.7"/>\a 	<path id="Fill-14" class="st0 blink-8" d="M77.6 248.9c0-1.5-1.2-2.7-2.7-2.7-1.5 0-2.7 1.2-2.7 2.7 0 1.5 1.2 2.7 2.7 2.7 1.5 0 2.7-1.2 2.7-2.7"/>\a 	<path id="Fill-14-Copy" class="st0 blink-9" d="M371.7 90.9c0-1.5-1.2-2.7-2.7-2.7-1.5 0-2.7 1.2-2.7 2.7 0 1.5 1.2 2.7 2.7 2.7 1.5 0 2.7-1.2 2.7-2.7"/>\a 	<path id="Fill-14-Copy-2" class="st0 blink-10" d="M371.7 138.8c0-1.5-1.2-2.7-2.7-2.7-1.5 0-2.7 1.2-2.7 2.7s1.2 2.7 2.7 2.7c1.5 0 2.7-1.2 2.7-2.7"/>\a 	<path id="Fill-16" class="st6 blink-11" d="M310.6 135.4c0-1.9-1.5-3.4-3.4-3.4s-3.4 1.5-3.4 3.4 1.5 3.4 3.4 3.4 3.4-1.5 3.4-3.4"/>\a 	<path id="Fill-16-Copy" class="st6 blink-12" d="M237.8 62.6c0-1.9-1.5-3.4-3.4-3.4s-3.4 1.5-3.4 3.4 1.5 3.4 3.4 3.4 3.4-1.5 3.4-3.4"/>\a 	<path id="Fill-16-Copy-2" class="st6 blink-13" d="M362 242.8c0-1.9-1.5-3.4-3.4-3.4s-3.4 1.5-3.4 3.4 1.5 3.4 3.4 3.4 3.4-1.5 3.4-3.4"/>\a 	<path id="Fill-18" class="st7 blink-14" d="M417.2 129.3c0-1.5-1.2-2.7-2.7-2.7-1.5 0-2.7 1.2-2.7 2.7 0 1.5 1.2 2.7 2.7 2.7 1.5 0 2.7-1.2 2.7-2.7"/>\a 	<path id="Fill-18-Copy" class="st7 blink-15" d="M212.4 3.5c0-1.5-1.2-2.7-2.7-2.7S207 2 207 3.5c0 1.5 1.2 2.7 2.7 2.7s2.7-1.2 2.7-2.7"/>\a 	<path id="Fill-20" class="st8 blink-16" d="M347.6 194.7c0-2.1-1.7-3.8-3.8-3.8-2.1 0-3.8 1.7-3.8 3.8 0 2.1 1.7 3.8 3.8 3.8 2.1 0 3.8-1.7 3.8-3.8"/>\a 	<path id="Fill-20-Copy" class="st8 blink-17" d="M355.2 44.6c0-2.1-1.7-3.8-3.8-3.8-2.1 0-3.8 1.7-3.8 3.8s1.7 3.8 3.8 3.8c2.1 0 3.8-1.7 3.8-3.8"/>\a 	<path id="Fill-20-Copy-2" class="st8 blink-18" d="M27.2 89.8c0-2.1-1.7-3.8-3.8-3.8-2.1 0-3.8 1.7-3.8 3.8 0 2.1 1.7 3.8 3.8 3.8 2.1 0 3.8-1.7 3.8-3.8"/>\a   </svg>');
    margin-bottom: 30px; }
    .error-wrapper.rocket .illustration .clouds-one {
      width: 170px;
      height: 90px;
      position: absolute;
      left: 50%;
      bottom: 0px;
      transform: translateX(-50%); }
      .error-wrapper.rocket .illustration .clouds-one:before {
        content: '';
        display: inline-block;
        left: 0;
        width: 50px;
        height: 33px;
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        top: 0; }
      .error-wrapper.rocket .illustration .clouds-one:after {
        content: '';
        display: inline-block;
        width: 50px;
        height: 33px;
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        right: 15px;
        top: -28px; }
    .error-wrapper.rocket .illustration .clouds-two {
      width: 140px;
      height: 70px;
      position: absolute;
      left: 50%;
      top: 80px;
      transform: translateX(-50%); }
      .error-wrapper.rocket .illustration .clouds-two:before {
        content: '';
        display: inline-block;
        left: 0;
        width: 36px;
        height: 23px;
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        top: 0; }
      .error-wrapper.rocket .illustration .clouds-two:after {
        content: '';
        display: inline-block;
        width: 36px;
        height: 23px;
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        right: 0px;
        bottom: 0; }
    .error-wrapper.rocket .illustration .shadow {
      top: 102%;
      width: 8%;
      left: 46%; }
  .error-wrapper .error-text {
    padding: 1rem;
    text-align: center; }
    .error-wrapper .error-text h1 {
      font-size: 1.5rem;
      font-weight: 300; }
    .error-wrapper .error-text p {
      line-height: 1.75;
      margin-top: 1rem; }
    .error-wrapper .error-text button {
      display: block;
      margin: 3rem auto 1.5rem;
      text-align: center; }
    .error-wrapper .error-text a {
      display: inline-block;
      color: #5bd2f0;
      font-size: 0.75rem;
      font-weight: 600;
      text-decoration: none; }

button.error-button {
  background: linear-gradient(135deg, #5bd2f0 0%, #30aade 83%);
  border: none;
  border-radius: 2rem;
  box-shadow: none;
  color: white;
  font-size: 0.9rem;
  font-weight: 400;
  outline: none;
  padding: 1.25rem 1.75rem; }
  button.error-button:hover {
    cursor: pointer; }

.modal-content__inner .error-wrapper {
  margin: 2rem auto; }
  .modal-content__inner .error-wrapper .illustration {
    height: 17rem; }

@media only screen and (max-width: 43em) {
  .modal-content__inner .error-wrapper {
    margin-top: 130px; } }

.modal-dim {
  overflow: hidden;
  cursor: pointer;
  position: fixed;
  z-index: 500;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  height: 100%;
  width: 100%;
  max-height: 100vh;
  max-width: 100vw;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  background: rgba(255, 255, 255, 0.9);
  -webkit-animation: justFadeIn 0.4s;
  /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: justFadeIn 0.4s;
  /* Firefox < 16 */
  -ms-animation: justFadeIn 0.4s;
  /* Internet Explorer */
  -o-animation: justFadeIn 0.4s;
  /* Opera < 12.1 */
  animation: justFadeIn 0.4s; }
  .modal-dim img, .modal-dim .video-container {
    transition: 0.3s top ease;
    -webkit-animation: justFadeIn 0.5s;
    /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: justFadeIn 0.5s;
    /* Firefox < 16 */
    -ms-animation: justFadeIn 0.5s;
    /* Internet Explorer */
    -o-animation: justFadeIn 0.5s;
    /* Opera < 12.1 */
    animation: justFadeIn 0.5s;
    display: block;
    position: absolute;
    max-width: 40%;
    max-height: 10vh;
    top: 2vh;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%); }
    .modal-dim img[src*="/img/sb-logo.svg"], .modal-dim .video-container[src*="/img/sb-logo.svg"] {
      max-height: 10vh;
      width: 220px; }

.video-container {
  float: left;
  position: relative; }
  .video-container.is-loading {
    cursor: progress; }
  .video-container video {
    width: 100%;
    user-select: none;
    max-height: 100%; }
  .video-container svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    opacity: 0.5; }

.modal-content .pic-info {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  width: 92%;
  padding: 1.7em 1em 1.3em 1em;
  overflow: visible; }
  .modal-content .pic-info a {
    padding: 0 0 1rem 0;
    display: inline-block;
    font-size: 12px; }
  .modal-content .pic-info.no-top-image {
    padding-top: 130px; }
    .modal-content .pic-info.no-top-image.has-admin-top-bar {
      padding-top: 200px; }

.modal-content .pic-title {
  font-weight: 100;
  font-size: 1.35em;
  letter-spacing: 0.1em;
  margin-bottom: 0;
  line-height: 1.5em; }

.modal-content .pic-hashtag {
  font-size: 1em;
  display: block;
  letter-spacing: 0.05em;
  line-height: 24px;
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0.1em 0; }
  .modal-content .pic-hashtag span {
    display: block;
    margin-top: 7px;
    letter-spacing: 0.05em;
    font-size: 1.25em;
    line-height: 24px;
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0.1em 0; }

.modal-content .pic-timestamp,
.modal-content .pic-views {
  display: inline-block;
  font-size: 0.725em;
  font-weight: 400;
  margin-top: 0.45em;
  letter-spacing: 0.03em; }

.modal-content .pic-timestamp {
  margin-top: 1em; }

.modal-content .pic-views {
  display: block;
  margin-top: 0.75em;
  display: block; }

.modal-content .delete-container {
  height: auto;
  max-height: 70px;
  padding: 1rem;
  z-index: 999;
  background: #fff;
  box-shadow: 0 1px 23px rgba(0, 0, 0, 0.1);
  display: block;
  position: relative; }

.modal-content .modal-delete {
  box-shadow: inset 0px 0px 0px 1px #DB4C48; }
  .modal-content .modal-delete svg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: auto;
    margin: auto;
    width: auto;
    height: 100%; }
    .modal-content .modal-delete svg,
    .modal-content .modal-delete svg .trash-icon {
      transition: 0.2s fill ease 0s; }
  .modal-content .modal-delete svg .trash-icon {
    fill: #DB4C48; }
  .modal-content .modal-delete[disabled] {
    opacity: 1;
    box-shadow: inset 0px 0px 0px 1px #A2A2A2; }
    .modal-content .modal-delete[disabled] svg .trash-icon {
      fill: #A2A2A2; }
  .modal-content .modal-delete.is-confirming {
    padding: 1em;
    height: auto;
    width: auto;
    text-indent: 1.3rem;
    background: #DB4C48; }
    .modal-content .modal-delete.is-confirming svg {
      right: auto;
      left: 2%;
      width: 30px; }
      .modal-content .modal-delete.is-confirming svg .trash-icon {
        fill: #fff; }
  .modal-content .modal-delete.cancel {
    color: #4B4B4B;
    padding: 0 1em;
    clear: both;
    width: auto;
    height: auto;
    box-shadow: none;
    text-indent: 0;
    border: 2px solid #4B4B4B; }

.gallery-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1234;
  height: 100%;
  width: 100%; }
  .gallery-modal.has-hover .modal-content__inner {
    max-width: 100%;
    max-height: 100vh !important;
    height: 100% !important;
    width: 100% !important; }
    .gallery-modal.has-hover .modal-content__inner span {
      height: 100%; }
      .gallery-modal.has-hover .modal-content__inner span span {
        height: 100%; }
    .gallery-modal.has-hover .modal-content__inner .gallery-image-container.has-hover {
      max-height: 100%;
      height: 100%; }
  .gallery-modal.has-hover .pic-info {
    display: none; }

.modal-content__inner {
  font-size: 5.5vw;
  z-index: 501;
  background: #fff;
  position: fixed;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  overflow: auto;
  box-shadow: 0px 5px 26px rgba(0, 0, 0, 0.25), 0px 0px 8px 14px rgba(0, 0, 0, 0.01);
  padding-bottom: 0;
  top: 50%;
  left: 50%;
  transition: 0.3s top ease;
  -webkit-animation: centeredFadeIn 0.5s;
  /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: centeredFadeIn 0.5s;
  /* Firefox < 16 */
  -ms-animation: centeredFadeIn 0.5s;
  /* Internet Explorer */
  -o-animation: centeredFadeIn 0.5s;
  /* Opera < 12.1 */
  animation: centeredFadeIn 0.5s; }
  .modal-content__inner.is-hidden {
    opacity: 0; }
  .modal-content__inner .gallery-image-container img, .modal-content__inner .gallery-image-container .video-container {
    width: auto;
    display: block;
    margin: 0 auto;
    height: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .modal-content__inner span > img,
  .modal-content__inner span > .video-container {
    transition: 0.3s top ease;
    -webkit-animation: justFadeIn 0.5s;
    /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: justFadeIn 0.5s;
    /* Firefox < 16 */
    -ms-animation: justFadeIn 0.5s;
    /* Internet Explorer */
    -o-animation: justFadeIn 0.5s;
    /* Opera < 12.1 */
    animation: justFadeIn 0.5s;
    display: block;
    position: relative;
    max-width: 90vw;
    max-height: 170px;
    margin: 0 auto;
    padding-top: calc(20px + 2vh); }
    .modal-content__inner span > img[src*="#/img/sb-logo.svg"],
    .modal-content__inner span > .video-container[src*="#/img/sb-logo.svg"] {
      max-height: 10vh;
      width: 220px; }
    .modal-content__inner span > img.top-logo,
    .modal-content__inner span > .video-container.top-logo {
      margin-top: 130px; }
      .modal-content__inner span > img.top-logo.with-delete,
      .modal-content__inner span > .video-container.top-logo.with-delete {
        margin-top: 180px; }
      .modal-content__inner span > img.top-logo.is-default,
      .modal-content__inner span > .video-container.top-logo.is-default {
        height: auto;
        max-height: 50%;
        width: 50%; }
    .modal-content__inner span > img.bottom-logo-default,
    .modal-content__inner span > .video-container.bottom-logo-default {
      height: 75%;
      width: 75%; }
  .modal-content__inner.with-error {
    display: none; }

.modal-back-button {
  transition: 0.3s all ease;
  cursor: pointer;
  z-index: 502;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
  font-size: 14px;
  font-weight: 500;
  background: none;
  border-radius: 10px;
  text-indent: 1em;
  padding: 0em 1.35em 0 2.5em;
  width: auto;
  -webkit-animation: justFadeIn 0.3s;
  /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: justFadeIn 0.3s;
  /* Firefox < 16 */
  -ms-animation: justFadeIn 0.3s;
  /* Internet Explorer */
  -o-animation: justFadeIn 0.3s;
  /* Opera < 12.1 */
  animation: justFadeIn 0.3s; }

.share-widget.no-trigger.modal-share {
  transition: 0.3s all ease;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 0;
  top: auto !important;
  transform: none;
  margin-top: 0 !important;
  left: 0;
  right: 0;
  z-index: 6000;
  color: #fff;
  background: #fff;
  border-radius: 0;
  overflow: hidden;
  height: 53px;
  -webkit-animation: justFadeIn 0.5s;
  /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: justFadeIn 0.5s;
  /* Firefox < 16 */
  -ms-animation: justFadeIn 0.5s;
  /* Internet Explorer */
  -o-animation: justFadeIn 0.5s;
  /* Opera < 12.1 */
  animation: justFadeIn 0.5s; }
  .share-widget.no-trigger.modal-share li {
    background-color: transparent !important;
    opacity: 1;
    display: inline-block;
    height: 2.25em !important;
    width: 3.5em !important; }
    .share-widget.no-trigger.modal-share li.trigger {
      display: none; }
  .share-widget.no-trigger.modal-share.mobile li {
    background-size: contain;
    margin: 0; }

.gallery-modal-mobile-share {
  width: 100%;
  background: white;
  margin: 0 auto;
  margin-top: 55px;
  padding-bottom: 30px; }
  .gallery-modal-mobile-share h2 {
    color: black;
    padding-top: 50px;
    text-align: center;
    margin-bottom: 19px; }
  .gallery-modal-mobile-share .share-buttons-wrapper {
    width: 280px;
    margin: auto; }
    .gallery-modal-mobile-share .share-buttons-wrapper .pic-hashtag {
      margin: 20px 0;
      text-align: center;
      color: black; }
    .gallery-modal-mobile-share .share-buttons-wrapper ul {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      grid-column-gap: 5px;
      grid-row-gap: 5px; }
      .gallery-modal-mobile-share .share-buttons-wrapper ul li {
        cursor: pointer;
        background-color: transparent !important;
        opacity: 1;
        display: inline-block;
        height: 75px;
        width: 140px;
        grid-column: span 2; }
      .gallery-modal-mobile-share .share-buttons-wrapper ul li:nth-last-child(1):nth-child(odd) {
        grid-column: 2 / span 2; }

.scroll-button, .scroll-button--next, .scroll-button--prev {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 30px !important;
  height: 100% !important;
  cursor: pointer;
  opacity: .5;
  transition: .2s;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center; }
  .scroll-button:hover, .scroll-button--next:hover, .scroll-button--prev:hover {
    opacity: 1;
    transition: .3s;
    width: 33px !important; }
  .scroll-button:focus, .scroll-button--next:focus, .scroll-button--prev:focus, .scroll-button:active, .scroll-button--next:active, .scroll-button--prev:active {
    opacity: 1;
    transition: .1s;
    width: 35px !important; }
  .scroll-button--next {
    background-image: url("/img/icon/arrow-right.svg");
    transform: translateX(100%);
    right: -40px; }
  .scroll-button--prev {
    background-image: url("/img/icon/arrow-left.svg");
    transform: translateX(-100%);
    left: -40px; }

.private-upload-toggle {
  border-radius: 2px;
  display: inline-block;
  margin-bottom: 0.5rem;
  padding: 0.35rem 0.5rem; }
  .private-upload-toggle span {
    font-size: 0.75rem;
    letter-spacing: 1px;
    padding: 0 0.5rem 0 0;
    text-transform: uppercase; }
  .private-upload-toggle button {
    font-size: 0.75rem; }
    .private-upload-toggle button:hover {
      color: #30aade; }

.share-widget {
  white-space: nowrap;
  height: 1.85em;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #fff;
  transition: 0.3s width ease-in-out;
  background: #30aade;
  padding: 0.2em 0.4em 0.2em 0.71em;
  border-radius: 100em 0 0 100em;
  margin: 0;
  padding: 0;
  -webkit-animation: slideInRight 0.5s ease-out;
  /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: slideInRight 0.5s ease-out;
  /* Firefox < 16 */
  -ms-animation: slideInRight 0.5s ease-out;
  /* Internet Explorer */
  -o-animation: slideInRight 0.5s ease-out;
  /* Opera < 12.1 */
  animation: slideInRight 0.5s ease-out; }
  .share-widget li {
    transition: 0.5s all cubic-bezier(0.175, 0.885, 0.32, 1.275);
    cursor: pointer;
    display: inline-block;
    padding: 0 0.5em;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    background-color: #30aade; }
    .share-widget li.trigger {
      cursor: pointer;
      background-image: url("/img/icon/social-arrow.svg");
      background-position: 57% 49%;
      padding: 0;
      width: 2em; }
    .share-widget li:first-child {
      border-radius: 100em 0 0 100em; }
  .share-widget:hover li {
    opacity: 0.4; }
    .share-widget:hover li.no-touch {
      opacity: 1; }
  .share-widget li:hover, .share-widget li:focus {
    opacity: 1 !important; }
  .share-widget li.no-touch:hover, .share-widget li.no-touch:focus {
    opacity: 1 !important; }
  .share-widget.no-trigger {
    background: none;
    width: auto !important;
    position: relative;
    top: 0 !important;
    right: 0 !important;
    margin: 0 !important;
    clear: both;
    margin-top: 3em !important;
    margin-top: 2em !important;
    display: block;
    z-index: 9;
    -webkit-animation: none;
    /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: none;
    /* Firefox < 16 */
    -ms-animation: none;
    /* Internet Explorer */
    -o-animation: none;
    /* Opera < 12.1 */
    animation: none; }
    .share-widget.no-trigger .trigger {
      display: none; }
    .share-widget.no-trigger:hover li {
      opacity: 1; }
    .share-widget.no-trigger li {
      border-radius: 100em !important;
      padding: 0 !important;
      height: 2.75em !important;
      width: 2.75em !important;
      display: inline-block;
      margin-right: 0.5em;
      background-size: cover;
      position: relative;
      background-color: transparent;
      transition: 0.3s ease-in-out; }
      .share-widget.no-trigger li:hover, .share-widget.no-trigger li:focus {
        z-index: 5;
        transform: none; }
      .share-widget.no-trigger li.facebook {
        -webkit-animation: socialSlideInFirst 0.5s ease-out;
        /* Safari, Chrome and Opera > 12.1 */
        -moz-animation: socialSlideInFirst 0.5s ease-out;
        /* Firefox < 16 */
        -ms-animation: socialSlideInFirst 0.5s ease-out;
        /* Internet Explorer */
        -o-animation: socialSlideInFirst 0.5s ease-out;
        /* Opera < 12.1 */
        animation: socialSlideInFirst 0.5s ease-out; }
      .share-widget.no-trigger li.twitter {
        -webkit-animation: socialSlideInSecond 0.7s ease-out;
        /* Safari, Chrome and Opera > 12.1 */
        -moz-animation: socialSlideInSecond 0.7s ease-out;
        /* Firefox < 16 */
        -ms-animation: socialSlideInSecond 0.7s ease-out;
        /* Internet Explorer */
        -o-animation: socialSlideInSecond 0.7s ease-out;
        /* Opera < 12.1 */
        animation: socialSlideInSecond 0.7s ease-out; }
      .share-widget.no-trigger li.instagram {
        -webkit-animation: socialSlideInThird 0.9s ease-out;
        /* Safari, Chrome and Opera > 12.1 */
        -moz-animation: socialSlideInThird 0.9s ease-out;
        /* Firefox < 16 */
        -ms-animation: socialSlideInThird 0.9s ease-out;
        /* Internet Explorer */
        -o-animation: socialSlideInThird 0.9s ease-out;
        /* Opera < 12.1 */
        animation: socialSlideInThird 0.9s ease-out; }
      .share-widget.no-trigger li.yammer {
        -webkit-animation: socialSlideInFourth 1.1s ease-out;
        /* Safari, Chrome and Opera > 12.1 */
        -moz-animation: socialSlideInFourth 1.1s ease-out;
        /* Firefox < 16 */
        -ms-animation: socialSlideInFourth 1.1s ease-out;
        /* Internet Explorer */
        -o-animation: socialSlideInFourth 1.1s ease-out;
        /* Opera < 12.1 */
        animation: socialSlideInFourth 1.1s ease-out; }
      .share-widget.no-trigger li.link {
        -webkit-animation: socialSlideInFourth 1.3s ease-out;
        /* Safari, Chrome and Opera > 12.1 */
        -moz-animation: socialSlideInFourth 1.3s ease-out;
        /* Firefox < 16 */
        -ms-animation: socialSlideInFourth 1.3s ease-out;
        /* Internet Explorer */
        -o-animation: socialSlideInFourth 1.3s ease-out;
        /* Opera < 12.1 */
        animation: socialSlideInFourth 1.3s ease-out; }
      .share-widget.no-trigger li.email {
        background-color: #3a3a3a; }

.display-input {
  transition: 0.2s all ease; }
  .display-input.is-enabled {
    cursor: pointer;
    background: #f6f6f6;
    color: #000000;
    border: 1px solid #30aade;
    padding: 0.25em;
    display: inline-block;
    max-width: 90%;
    transition: 0.2s all ease, 0.2s -webkit-transform cubic-bezier(0.175, 0.885, 0.32, 1.275), 0.2s -moz-transform cubic-bezier(0.175, 0.885, 0.32, 1.275), 0.2s transform cubic-bezier(0.175, 0.885, 0.32, 1.275); }
    .display-input.is-enabled.is-editing {
      cursor: auto;
      color: #000000;
      font: inherit;
      text-align: center;
      width: 100%; }
    .display-input.is-enabled.is-not-editing {
      min-width: 150px;
      min-height: 24px; }

.image-upload .upload-button {
  background: #fff;
  background-image: url("/img/icon/upload-icon.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 65% auto;
  cursor: pointer;
  display: block;
  height: 40px;
  width: 40px;
  border-radius: 100%;
  border: 2px solid #30aade;
  position: absolute;
  top: 50%;
  right: -20px;
  -webkit-transform: translateY(-50%) scale(0);
  -moz-transform: translateY(-50%) scale(0);
  transform: translateY(-50%) scale(0);
  transition: 0.2s all ease; }

.image-upload.is-enabled .upload-button {
  transition: 0.2s all cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transform: translateY(-50%) scale(1);
  -moz-transform: translateY(-50%) scale(1);
  transform: translateY(-50%) scale(1); }

@media only screen and (min-width: 43em) {
  #app {
    min-height: calc(100vh + 10px); }
  .gallery-header,
  .gallery-footer {
    padding-top: 7.05em; }
    .gallery-header .logo,
    .gallery-footer .logo {
      margin: 0 auto;
      max-width: 100%;
      max-height: 100%; }
      .gallery-header .logo img,
      .gallery-footer .logo img {
        max-width: 780px !important;
        max-height: 180px !important;
        width: auto;
        height: auto; }
      .gallery-header .logo.is-default,
      .gallery-footer .logo.is-default {
        cursor: pointer;
        max-height: 60px; }
        .gallery-header .logo.is-default img,
        .gallery-footer .logo.is-default img {
          max-height: 120px !important; }
    .gallery-header .gallery-title,
    .gallery-footer .gallery-title {
      font-size: 1.73em;
      font-weight: 600;
      margin-top: 0; }
    .gallery-header .gallery-hashtag,
    .gallery-footer .gallery-hashtag {
      font-size: 1.5em;
      font-weight: 500;
      margin-top: 25px; }
    .gallery-header .gallery-photo-info,
    .gallery-footer .gallery-photo-info {
      margin-top: 25px;
      margin-bottom: 45px; }
      .gallery-header .gallery-photo-info span.is-hidden,
      .gallery-footer .gallery-photo-info span.is-hidden {
        display: none; }
    .gallery-header .gallery-sort-label,
    .gallery-footer .gallery-sort-label {
      margin: 4em auto 1.25em; }
  .gallery-header .admin-link {
    position: relative;
    margin: 0 auto 2rem;
    font-size: 12px; }
  .gallery-header .logo {
    margin-bottom: 2.65em; }
  .gallery-footer {
    padding-bottom: 6em;
    padding-top: 1em; }
    .gallery-footer.is-hidden {
      display: none; }
  .gallery {
    max-width: none;
    padding-top: 2em;
    margin-top: -2em; }
    .gallery:not(.is-editing).has-hover .gallery-item {
      transition: 0.35s opacity cubic-bezier(0.23, 1, 0.32, 1), 0.35s -webkit-transform cubic-bezier(0.23, 1, 0.32, 1), 0.35s -moz-transform cubic-bezier(0.23, 1, 0.32, 1), 0.35s transform cubic-bezier(0.23, 1, 0.32, 1), 0s z-index linear, 0.5s opacity linear 0.4s;
      opacity: 0.8; }
    .gallery:not(.is-editing) .gallery-item {
      transition: 0.35s opacity cubic-bezier(0.23, 1, 0.32, 1), 0.35s background-color cubic-bezier(0.23, 1, 0.32, 1), 0.35s -webkit-transform cubic-bezier(0.23, 1, 0.32, 1), 0.35s -moz-transform cubic-bezier(0.23, 1, 0.32, 1), 0.35s transform cubic-bezier(0.23, 1, 0.32, 1), 0.35s box-shadow cubic-bezier(0.23, 1, 0.32, 1), 0s z-index linear, 0.4s opacity linear;
      transition: 0.3s; }
      .gallery:not(.is-editing) .gallery-item:hover, .gallery:not(.is-editing) .gallery-item:focus {
        transition: 0.35s opacity cubic-bezier(0.23, 1, 0.32, 1), 0.35s background-color cubic-bezier(0.23, 1, 0.32, 1), 0.35s -webkit-transform cubic-bezier(0.23, 1, 0.32, 1), 0.35s -moz-transform cubic-bezier(0.23, 1, 0.32, 1), 0.35s transform cubic-bezier(0.23, 1, 0.32, 1), 0.35s box-shadow cubic-bezier(0.23, 1, 0.32, 1), 0s z-index linear, 0.35s opacity linear;
        opacity: 1;
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        transform: scale(1.05);
        box-shadow: 0px 0px 23px rgba(0, 0, 0, 0.3);
        z-index: 35; }
      .gallery:not(.is-editing) .gallery-item.is-loading:hover, .gallery:not(.is-editing) .gallery-item.is-loading:focus {
        -webkit-transform: none;
        -moz-transform: none;
        transform: none;
        box-shadow: none; }
    .gallery .gallery-item, .gallery.column .gallery-item, .gallery.grid-1 .gallery-item, .gallery.grid-2 .gallery-item {
      width: 24%;
      padding: 0.2em;
      margin: 0;
      height: 100%;
      overflow: hidden;
      text-align: center; }
      .gallery .gallery-item span, .gallery.column .gallery-item span, .gallery.grid-1 .gallery-item span, .gallery.grid-2 .gallery-item span {
        position: absolute;
        left: 1.2em;
        top: 1.2em;
        font-size: 0.625em;
        font-weight: 400;
        color: #fff;
        text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
        padding: 0.5em;
        background: rgba(0, 0, 0, 0.2);
        border-radius: 2px; }
        .gallery .gallery-item span.is-hidden, .gallery.column .gallery-item span.is-hidden, .gallery.grid-1 .gallery-item span.is-hidden, .gallery.grid-2 .gallery-item span.is-hidden {
          display: none; }
  .gallery-controls {
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    height: 69px;
    opacity: 1;
    transition: 0.2s; }
    .gallery-controls.is-editing .update-message {
      top: 125%; }
    .gallery-controls.modal-is-showing {
      top: -80px;
      transition: 0.4s ease-in-out; }
    .gallery-controls .left-controls {
      padding-top: 0;
      padding-left: 2em;
      width: 30%;
      max-width: 287px;
      height: 100%;
      white-space: nowrap; }
    .gallery-controls .right-controls {
      padding-top: 1.1em;
      padding-right: 1.6em; }
      .gallery-controls .right-controls .other-settings {
        float: none; }
    .gallery-controls .newest-button,
    .gallery-controls .popular-button {
      text-align: center;
      text-align-last: center;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
    .gallery-controls .newest-button,
    .gallery-controls .popular-button,
    .gallery-controls .select-wrapper {
      border-radius: 0;
      margin-right: 0;
      padding: 0;
      width: 29%;
      height: 100%;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
    .gallery-controls .select-wrapper {
      margin-right: 0;
      line-height: 4;
      padding: 0 1em 0 0.25em;
      height: 99%;
      height: calc(100% - 2px);
      text-indent: 0;
      position: relative; }
      .gallery-controls .select-wrapper.chrome.\36 3 {
        height: calc(100% - 3px); }
      .gallery-controls .select-wrapper.ios {
        height: calc(100% - 1px); }
      .gallery-controls .select-wrapper.firefox {
        height: calc(100% - 1.5px); }
      .gallery-controls .select-wrapper select {
        transition: 0.2s text-indent ease -0.1s;
        text-align: left;
        text-align-last: left;
        width: 100%;
        height: 100%;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none;
        position: relative;
        top: 0; }
      .gallery-controls .select-wrapper .select {
        transition: 0.2s text-indent ease -0.1s;
        text-align: left;
        text-align-last: left;
        width: 100%;
        height: 100%;
        left: 30%;
        font-size: 0.7em;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none;
        position: relative;
        top: 0; }
      .gallery-controls .select-wrapper.is-active {
        width: auto;
        min-width: 29%;
        max-width: 51%;
        padding: 0 1em 0 0.25em; }
      .gallery-controls .select-wrapper:after {
        position: absolute;
        right: 10%;
        top: 2px;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none;
        pointer-events: none; }
      .gallery-controls .select-wrapper.is-active {
        text-indent: 0; }
        .gallery-controls .select-wrapper.is-active:after {
          right: 0; }
        .gallery-controls .select-wrapper.is-active .select {
          left: 5px; }
        .gallery-controls .select-wrapper.is-active:after {
          right: 0; }
    .gallery-controls ul.date-dropdown__list {
      display: none;
      font-size: 0.7em;
      position: absolute;
      left: 227px;
      bottom: inherit;
      transform: none;
      width: auto;
      min-width: 32vw;
      max-height: 50vh;
      overflow: auto;
      margin-top: 1.5em;
      background: #fff;
      border-radius: 15px;
      box-shadow: 1px 1px 13px rgba(0, 0, 0, 0.4);
      opacity: 0;
      transition: .3s;
      z-index: 999; }
      .gallery-controls ul.date-dropdown__list.show {
        display: block;
        opacity: 1;
        transition: .3s; }
      .gallery-controls ul.date-dropdown__list li {
        position: relative;
        width: auto;
        padding: 2em;
        border-bottom: 1px solid #ddd;
        cursor: pointer;
        transition: .3s; }
        .gallery-controls ul.date-dropdown__list li:hover {
          background: #f1f1f1;
          transition: .3s; }
        .gallery-controls ul.date-dropdown__list li strong {
          font-weight: 600; }
        .gallery-controls ul.date-dropdown__list li.is-selected:after {
          content: url("/img/icon/selected-icon.svg");
          position: absolute;
          display: block;
          right: 1.5em;
          top: 25%; }
      .gallery-controls ul.date-dropdown__list::-webkit-scrollbar {
        display: none; }
    .gallery-controls #dropdown-bg {
      position: fixed;
      width: 100vw;
      height: 100vh;
      top: 0;
      left: 0;
      z-index: -1; }
      .gallery-controls #dropdown-bg.is-hidden {
        display: none; }
    .gallery-controls .edit-button-wrapper {
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%) translateY(-50%) translateY(1px);
      -moz-transform: translateX(-50%) translateY(-50%) translateY(1px);
      transform: translateX(-50%) translateY(-50%) translateY(1px);
      top: 50%; }
    .gallery-controls .edit-button {
      border-radius: 10px;
      background-position: 1.35em center;
      padding: 0em 1.3em 0 2.4em;
      text-indent: 0.5em;
      width: auto;
      position: relative;
      left: -9px;
      letter-spacing: 0.03em; }
      .gallery-controls .edit-button.is-active {
        background-position: 0.2em center; }
      .gallery-controls .edit-button[disabled] {
        opacity: 0.6; }
        .gallery-controls .edit-button[disabled] svg .trash-icon {
          fill: #A2A2A2; }
    .gallery-controls .slideshow-button {
      border-radius: 10px;
      background-position: 1.0em center;
      padding: 0em 1.3em 0 2.2em;
      text-indent: 1.0em;
      width: auto;
      position: relative;
      left: -9px;
      letter-spacing: 0.03em;
      display: inline-block;
      margin-left: 0.7em; }
      .gallery-controls .slideshow-button.is-active {
        background-position: 0.2em center; }
    .gallery-controls .update-message {
      position: relative;
      font-size: 0.85em;
      letter-spacing: 0.07em;
      top: 0.4em;
      left: 0;
      width: 100%;
      text-align: center; }
    .gallery-controls .delete-button {
      border-radius: 10px;
      text-indent: 1em;
      padding: 0em 1.35em 0 2.5em;
      width: auto;
      color: #DB4C48; }
      .gallery-controls .delete-button svg {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        margin: auto;
        width: 100%;
        height: 100%;
        right: auto;
        left: -28%; }
      .gallery-controls .delete-button.is-confirming {
        max-width: none;
        width: auto;
        text-indent: 0.35em; }
  .slideshow-buttons, .slideshow-buttons--close, .slideshow-buttons--fullscreen, .slideshow-buttons--exit-fullscreen, .slideshow-buttons--settings {
    padding: 1em 1.5em; }
    .slideshow-buttons:hover, .slideshow-buttons--close:hover, .slideshow-buttons--fullscreen:hover, .slideshow-buttons--exit-fullscreen:hover, .slideshow-buttons--settings:hover {
      cursor: pointer;
      background-color: #323232;
      border-color: #ffffff; }
    .slideshow-buttons--settings {
      padding: 1.7em 2em; }
      .slideshow-buttons--settings:hover {
        background-color: #59bbe5; }
  .slideshow-settings-wrapper {
    max-width: 315px;
    padding: 1.5em; }
  .gallery-header .gallery-hashtag span {
    width: auto; }
  .display-input.is-enabled {
    padding: 0.2em 1em; }
  .display-input.is-editing, .display-input.is-editing:hover {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1); }
  .display-input.is-enabled:not(.is-editing):hover {
    -webkit-transform: scale(1.025);
    -moz-transform: scale(1.025);
    transform: scale(1.025); }
  .image-upload.is-enabled:hover .upload-button, .image-upload.is-enabled:focus .upload-button {
    -webkit-transform: translateY(-50%) scale(1.2);
    -moz-transform: translateY(-50%) scale(1.2);
    transform: translateY(-50%) scale(1.2); }
  .image-upload.is-editing div {
    border: 1px solid #30aade;
    padding: 10px;
    text-align: center; }
  html.has-modal {
    overflow: hidden;
    position: relative; }
  .modal-content .modal-content__inner {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    -o-flex-direction: row-reverse;
    font-size: 1em;
    position: fixed;
    height: auto;
    padding: 0;
    width: auto;
    max-width: 80vw;
    max-height: 95vh;
    overflow: visible; }
    .modal-content .modal-content__inner .pic-info {
      float: right;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 3%;
      padding: 1.25em;
      min-width: 320px;
      max-width: 370px;
      width: auto;
      overflow: visible;
      min-height: 10px;
      word-wrap: break-word; }
      .modal-content .modal-content__inner .pic-info .pic-hashtag {
        max-width: 230px; }
      .modal-content .modal-content__inner .pic-info .fine-print {
        position: absolute;
        bottom: 0;
        text-align: left; }
    .modal-content .modal-content__inner img, .modal-content .modal-content__inner .video-container {
      margin-bottom: 0 !important;
      width: auto; }
  .modal-content .modal-back-button {
    display: none; }
  .modal-content .modal-delete {
    margin: 1em 0;
    z-index: 0; }
    .modal-content .modal-delete.display-block {
      display: block; }
    .modal-content .modal-delete.cancel {
      background: transparent;
      top: 0 !important;
      margin: 0 0 0 10px; }
  .modal-dim {
    position: fixed; }
    .modal-dim .modal-logo:hover, .modal-dim .modal-logo-left:hover, .modal-dim .modal-logo-right:hover {
      cursor: pointer; }
    .modal-dim img {
      top: 1em;
      left: 1em;
      -webkit-transform: none;
      -moz-transform: none;
      transform: none;
      max-height: 10vh;
      transition: 400ms top ease-in-out;
      -webkit-animation: fadeInLeft 0.5s;
      /* Safari, Chrome and Opera > 12.1 */
      -moz-animation: fadeInLeft 0.5s;
      /* Firefox < 16 */
      -ms-animation: fadeInLeft 0.5s;
      /* Internet Explorer */
      -o-animation: fadeInLeft 0.5s;
      /* Opera < 12.1 */
      animation: fadeInLeft 0.5s; }
      .modal-dim img.bottom-logo {
        right: 1em;
        left: auto;
        -webkit-animation: fadeInRight 0.5s;
        /* Safari, Chrome and Opera > 12.1 */
        -moz-animation: fadeInRight 0.5s;
        /* Firefox < 16 */
        -ms-animation: fadeInRight 0.5s;
        /* Internet Explorer */
        -o-animation: fadeInRight 0.5s;
        /* Opera < 12.1 */
        animation: fadeInRight 0.5s; }
  .gallery-header-title {
    right: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%); }
  .gallery-modal.is-tall .modal-content .modal-content__inner {
    height: auto;
    min-width: 400px;
    max-height: 80vh; }
    .gallery-modal.is-tall .modal-content .modal-content__inner img {
      height: 100% !important; }
    .gallery-modal.is-tall .modal-content .modal-content__inner .pic-info {
      min-width: 320px; }
  .gallery-modal.is-tall .loaded-image {
    width: auto !important;
    min-height: 100% !important; }
  .gallery-modal.is-tall .gallery-image-container {
    min-width: 100px; }
    .gallery-modal.is-tall .gallery-image-container img {
      width: 100%; }
  .gallery-modal.is-wide .modal-content .modal-content__inner, .gallery-modal.is-video .modal-content .modal-content__inner {
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column; }
    .gallery-modal.is-wide .modal-content .modal-content__inner .video-container, .gallery-modal.is-video .modal-content .modal-content__inner .video-container {
      order: 1;
      max-width: none !important; }
    .gallery-modal.is-wide .modal-content .modal-content__inner .pic-info, .gallery-modal.is-video .modal-content .modal-content__inner .pic-info {
      order: 2; }
      .gallery-modal.is-wide .modal-content .modal-content__inner .pic-info .pic-timestamp, .gallery-modal.is-video .modal-content .modal-content__inner .pic-info .pic-timestamp {
        padding-bottom: 10px; }
    .gallery-modal.is-wide .modal-content .modal-content__inner .share-widget.no-trigger, .gallery-modal.is-video .modal-content .modal-content__inner .share-widget.no-trigger {
      bottom: 20px;
      top: auto !important;
      display: inline-block; }
  .gallery-modal.is-wide .modal-content .modal-delete, .gallery-modal.is-video .modal-content .modal-delete {
    display: inline-block;
    float: right;
    margin: 0;
    top: auto;
    bottom: 40px;
    right: 20px;
    position: absolute;
    height: auto;
    left: auto; }
    .gallery-modal.is-wide .modal-content .modal-delete.is-confirming, .gallery-modal.is-video .modal-content .modal-delete.is-confirming {
      bottom: 80px; }
    .gallery-modal.is-wide .modal-content .modal-delete.cancel, .gallery-modal.is-video .modal-content .modal-delete.cancel {
      top: auto !important;
      bottom: 40px; }
  .gallery-modal.is-video .modal-content .modal-content__inner .pic-info {
    height: auto; }
  .gallery-image-container {
    height: 100%;
    background-color: transparent;
    z-index: 1;
    max-width: 100%;
    float: left;
    width: 100%; }
    .gallery-image-container.has-hover {
      background-position: center center;
      position: relative;
      opacity: 1;
      background-color: #fff;
      background-repeat: no-repeat;
      z-index: 5000;
      cursor: zoom-out;
      float: none;
      max-width: 100%;
      width: 100vw;
      height: 100vh; }
      .gallery-image-container.has-hover img {
        cursor: zoom-out;
        opacity: 0; }
    .gallery-image-container img {
      max-width: 100%; }
  .title-hovers, a[data-title]:hover:after,
  li[data-title]:hover:after,
  div[data-title]:hover:after,
  span[data-title]:hover:after {
    content: attr(data-title);
    position: absolute;
    display: block;
    margin-top: 20px;
    background: #fff;
    color: #939393;
    font-size: 0.75em;
    font-weight: 500;
    line-height: 1.35;
    box-shadow: 1px 1px 13px rgba(75, 75, 75, 0.265);
    padding: 0.75em 1.2em;
    border-radius: 5px;
    z-index: 999;
    transform: translateX(-50%);
    left: 50%;
    transition: .3s; }
  .title-hover-caret, a[data-title]:hover:before,
  li[data-title]:hover:before,
  div[data-title]:hover:before, span[data-title]:hover:before {
    content: '▲';
    color: #fff;
    font-size: 18px;
    text-shadow: 0px -6px 8px rgba(75, 75, 75, 0.165);
    bottom: -25px;
    transform: translateX(-50%);
    left: 50%;
    position: absolute;
    z-index: 9999;
    transition: .3s; }
  span[data-title]:hover:before {
    transform: none;
    margin-top: 24px;
    bottom: initial; }
  .share-widget {
    min-height: 1.88em;
    padding-right: 1em; }
    .share-widget li[data-title]:hover:after {
      margin-top: 48px; }
    .share-widget li[data-title]:hover:before {
      transform: none;
      left: 30%; }
    .share-widget li:last-child[data-title]:hover:before {
      transform: none;
      left: inherit;
      right: 30%; }
    .share-widget li:first-child[data-title]:hover:before {
      transform: none;
      left: 15%; }
    .share-widget li:only-child[data-title]:hover:before {
      transform: translateX(-30%); }
    .share-widget li:only-child[data-title]:hover:after {
      transform: translateX(-80%); }
    .share-widget li.no-touch[data-title]:hover:before, .share-widget li.no-touch[data-title]:hover:after {
      display: none; }
    .share-widget.no-trigger {
      height: auto; }
      .share-widget.no-trigger li[data-title]:hover:after {
        margin-top: 65px; }
      .share-widget.no-trigger li:first-child[data-title]:hover:before {
        transform: translateX(-50%);
        left: 50%; }
      .share-widget.no-trigger li:only-child[data-title]:hover:before {
        transform: translateX(-50%);
        left: 50%; }
      .share-widget.no-trigger li:only-child[data-title]:hover:after {
        transform: translateX(-50%); }
    .share-widget li {
      width: 2.125em; }
      .share-widget li.trigger {
        width: 0.32em;
        background: none;
        cursor: none;
        display: none; }
      .share-widget li.trigger + li {
        border-radius: 100em 0 0 100em; }
  #insta-email input[type="email"] {
    box-sizing: border-box;
    padding: 1.5rem;
    width: 100%;
    margin: 1rem auto;
    max-width: 450px;
    text-align: left;
    font-size: 16px; }
  #insta-email .insta-content {
    border-radius: 0 0 8px 8px; }
  #insta-email input[type="submit"] {
    margin-top: 2em;
    margin-right: 2em;
    font-size: 16px; }
    #insta-email input[type="submit"]:disabled {
      color: rgba(0, 0, 0, 0.3) !important; }
      #insta-email input[type="submit"]:disabled:hover {
        text-decoration: none !important;
        cursor: initial !important; }
  body.has-insta-modal .modal-content .modal-content__inner {
    overflow: hidden; }
  body.has-insta-modal .modal-content .modal-content__inner > img,
  body.has-insta-modal .modal-content .pic-title,
  body.has-insta-modal .modal-content .pic-hashtag,
  body.has-insta-modal .modal-content .pic-timestamp,
  body.has-insta-modal .modal-content .pic-views,
  body.has-insta-modal .modal-content .gallery-image-container,
  body.has-insta-modal .modal-content .share-widget.no-trigger,
  body.has-insta-modal .modal-content .top-logo,
  body.has-insta-modal .modal-content .fadein,
  body.has-insta-modal .modal-content .modal-back-button {
    -webkit-filter: blur(1px) !important;
    -moz-filter: blur(1px) !important;
    filter: blur(1px) !important;
    opacity: 0.4 !important; }
  .modal-content__inner > img,
  .pic-title,
  .pic-hashtag,
  .pic-timestamp,
  .pic-views,
  .share-widget.no-trigger {
    transition: 0.3s transform ease, 0.3s opacity ease;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: filter, opacity; } }

@media only screen and (min-width: 87.5em) {
  .gallery .gallery-item, .gallery.column .gallery-item, .gallery.grid-1 .gallery-item, .gallery.grid-2 .gallery-item {
    width: 16.2%; } }

@media only screen and (min-height: 68.125em) {
  .modal-dim img {
    -webkit-animation: none !important;
    -moz-animation: none !important;
    -ms-animation: none !important;
    -o-animation: none !important;
    animation: none !important; } }

@media only screen and (max-height: 38em) and (min-width: 43em) {
  .modal-dim img {
    max-height: 10vh; } }

@media only screen and (min-width: 43em) and (max-width: 61.25em) {
  .gallery-controls .edit-button-wrapper {
    left: 58%;
    width: 36%; }
  .gallery-controls .select-wrapper.is-active {
    min-width: 29%;
    max-width: 65%;
    width: auto; }
  .gallery-controls:not(.is-editing) .update-message {
    opacity: 0; } }

@media only screen and (min-width: 43em) and (max-width: 45em) {
  .gallery-controls .update-message {
    opacity: 0; } }

@media only screen and (max-width: 43em) {
  .modal-content__inner {
    height: 100% !important;
    width: 100vw !important; }
  .modal-content .pic-info {
    text-align: center; }
  .modal-content .video-container {
    padding-bottom: 30px; }
  .share-widget:hover li {
    opacity: 1.0 !important; }
  .modal-dim .modal-logo-left, .modal-dim .modal-logo-right {
    display: none;
    opacity: 0; } }

@media only screen and (min-width: 95.3125em) {
  .gallery-modal.is-wide .modal-content .modal-content__inner {
    max-height: 95vh; } }

@media only screen and (min-width: 43em) and (max-width: 95.3125em) {
  .gallery-modal.is-video .modal-content .modal-content__inner {
    overflow-x: visible;
    top: 50%; } }

@media only screen and (max-width: 640px) {
  .slideshow-settings-wrapper .slideshow-settings-group .field--left label, .slideshow-settings-wrapper .slideshow-settings-group--bottom .field--left label, .slideshow-settings-wrapper .slideshow-settings-group .field--right label, .slideshow-settings-wrapper .slideshow-settings-group--bottom .field--right label {
    width: 100%; } }