@media (hover: hover) and (pointer: fine) {
    .synofoto-theme .sds-window-v5 .x-tool-close:hover .button-icon {
      background-position: 0 -24px;
    }
}

@media (hover: hover) and (pointer: fine) {
    .synofoto-indicator-button:hover .button-icon {
        background-position: 0 -24px;
    }
}

@media (hover: hover) and (pointer: fine) {
    .synofoto-icon-button:hover .button-icon {
      background-position: 0 -24px;
    }
}

@media (hover: hover) and (pointer: fine) {
    .synofoto-icon-button-confirm:hover .button-icon {
      background-position: 0 -32px;
    }
}

@media (hover: hover) and (pointer: fine) {
    .synofoto-icon-button-confirm:hover {
      background-color: #e86052;
    }
}

@media (hover: hover) and (pointer: fine) {
    .synofoto-icon-button-space-selector:hover .button-icon {
      background-position: 0 -20px;
    }
}

@media (hover: hover) and (pointer: fine) {
    .synofoto-text-icon-button:hover .button-icon {
      background-position: 0 -24px;
    }
}

@media (hover: hover) and (pointer: fine) {
    .synofoto-select-button:hover .button-icon {
      background-position: 0 -24px;
    }
}

@media (hover: hover) and (pointer: fine) {
    .synofoto-icon-button-expand:hover .button-icon {
      background-position: 0 -24px;
    }
}

  @media (hover: hover) and (pointer: fine) {
    .synofoto-see-more-button:hover .button-icon {
      background-position: 0 -20px;
    }
}

@-webkit-keyframes synofoto-tips-dialog-overlay-open {
    to {
      background-color: rgba(0, 0, 0, 0.5);
    }
    0% {
      background-color: transparent;
    }
}

@keyframes synofoto-tips-dialog-overlay-open {
    to {
      background-color: rgba(0, 0, 0, 0.5);
    }
    0% {
      background-color: transparent;
    }
}

@-webkit-keyframes synofoto-tips-dialog-overlay-close {
    to {
      background-color: transparent;
    }
    0% {
      background-color: rgba(0, 0, 0, 0.5);
    }
}

@keyframes synofoto-tips-dialog-overlay-close {
    to {
      background-color: transparent;
    }
    0% {
      background-color: rgba(0, 0, 0, 0.5);
    }
}

@-webkit-keyframes synofoto-shared-space-keyframes {
    0% {
      opacity: 0;
      top: 58px;
    }
    to {
      opacity: 1;
      top: 98px;
    }
  }
  @keyframes synofoto-shared-space-keyframes {
    0% {
      opacity: 0;
      top: 58px;
    }
    to {
      opacity: 1;
      top: 98px;
    }
  }
  @-webkit-keyframes synofoto-change-view-keyframes {
    0% {
      opacity: 0;
      top: 68px;
    }
    to {
      opacity: 1;
      top: 108px;
    }
  }
  @keyframes synofoto-change-view-keyframes {
    0% {
      opacity: 0;
      top: 68px;
    }
    to {
      opacity: 1;
      top: 108px;
    }
  }
  @-webkit-keyframes synofoto-switch-space-keyframes {
    0% {
      opacity: 0;
      top: 58px;
    }
    to {
      opacity: 1;
      top: 98px;
    }
  }
  @keyframes synofoto-switch-space-keyframes {
    0% {
      opacity: 0;
      top: 58px;
    }
    to {
      opacity: 1;
      top: 98px;
    }
  }
  @-webkit-keyframes synofoto-add-to-album-keyframes {
    0% {
      bottom: 94px;
      opacity: 0;
    }
    to {
      bottom: 134px;
      opacity: 1;
    }
  }
  @keyframes synofoto-add-to-album-keyframes {
    0% {
      bottom: 94px;
      opacity: 0;
    }
    to {
      bottom: 134px;
      opacity: 1;
    }
  }
  @-webkit-keyframes synofoto-search-keyframes {
    0% {
      opacity: 0;
      top: 16px;
    }
    to {
      opacity: 1;
      top: 56px;
    }
  }
  @keyframes synofoto-search-keyframes {
    0% {
      opacity: 0;
      top: 16px;
    }
    to {
      opacity: 1;
      top: 56px;
    }
  }

@media (hover: hover) and (pointer: fine) {
    .synofoto-selected-single-condition
      .synofoto-icon-button-remove-condition:hover
      .button-icon,
    .synofoto-selected-single-source-folder
      .synofoto-icon-button-remove-condition:hover
      .button-icon {
      background-position: 0 -20px;
    }
}

@-webkit-keyframes synofoto-album-owner-change-dialog-overlay-open {
    to {
      background-color: rgba(0, 0, 0, 0.5);
    }
    0% {
      background-color: transparent;
    }
}

@keyframes synofoto-album-owner-change-dialog-overlay-open {
    to {
      background-color: rgba(0, 0, 0, 0.5);
    }
    0% {
      background-color: transparent;
    }
}

@-webkit-keyframes synofoto-album-owner-change-dialog-overlay-close {
    to {
      background-color: transparent;
    }
    0% {
      background-color: rgba(0, 0, 0, 0.5);
    }
}

@keyframes synofoto-album-owner-change-dialog-overlay-close {
    to {
      background-color: transparent;
    }
    0% {
      background-color: rgba(0, 0, 0, 0.5);
    }
}

@media (hover: hover) and (pointer: fine) {
    .synofoto-general-tag.synofoto-react-select
      .synofoto__multi-value
      .Select-value-icon:hover
      .button-icon {
      background-position: 0 -20px;
    }
}

@media (hover: hover) and (pointer: fine) {
    .synofoto-lightbox-nav-icon-button:hover .button-icon {
      background-position: 0 -48px;
    }
}

@-webkit-keyframes synofoto-lightbox-tap-hint-animation {
    0% {
      bottom: 0;
      opacity: 0;
    }
    12.5% {
      bottom: 36px;
      opacity: 1;
    }
    87.5% {
      bottom: 36px;
      opacity: 1;
    }
    to {
      bottom: 0;
      opacity: 0;
    }
}

@keyframes synofoto-lightbox-tap-hint-animation {
    0% {
      bottom: 0;
      opacity: 0;
    }
    12.5% {
      bottom: 36px;
      opacity: 1;
    }
    87.5% {
      bottom: 36px;
      opacity: 1;
    }
    to {
      bottom: 0;
      opacity: 0;
    }
}

@-webkit-keyframes synofoto-progress-bar-striped {
    0% {
      background-position-x: 19.1px;
    }
}
  
@keyframes synofoto-progress-bar-striped {
    0% {
      background-position-x: 19.1px;
    }
}

@media (pointer: fine) {
    .synofoto-selectable-overlay:hover .synofoto-selectable-checkbox {
      opacity: 1;
    }
    .synofoto-selectable-overlay:hover .synofoto-selectable-color-banner {
      opacity: 1;
      visibility: visible;
    }
}

@-webkit-keyframes synofoto-selected-bar-open {
    to {
      bottom: 60px;
      opacity: 1;
    }
    0% {
      bottom: 0;
      opacity: 0;
    }
}

@keyframes synofoto-selected-bar-open {
    to {
      bottom: 60px;
      opacity: 1;
    }
    0% {
      bottom: 0;
      opacity: 0;
    }
}

@-webkit-keyframes synofoto-selected-bar-open-mobile {
    to {
      bottom: 24px;
      opacity: 1;
    }
    0% {
      bottom: 0;
      opacity: 0;
    }
}

@keyframes synofoto-selected-bar-open-mobile {
    to {
      bottom: 24px;
      opacity: 1;
    }
    0% {
      bottom: 0;
      opacity: 0;
    }
}

@-webkit-keyframes synofoto-top-toast-drop {
    to {
      top: 75px;
    }
    0% {
      top: 50px;
    }
}

@keyframes synofoto-top-toast-drop {
    to {
      top: 75px;
    }
    0% {
      top: 50px;
    }
}

@-webkit-keyframes synofoto-task-queue-open {
    to {
      opacity: 1;
      top: 50px;
    }
    0% {
      opacity: 0;
      top: 0;
    }
}

@keyframes synofoto-task-queue-open {
    to {
      opacity: 1;
      top: 50px;
    }
    0% {
      opacity: 0;
      top: 0;
    }
}

@-webkit-keyframes synofoto-waiting-rotate-left {
    to {
      -webkit-transform: rotate(30deg);
      transform: rotate(30deg);
    }
    0% {
      -webkit-transform: rotate(175deg);
      transform: rotate(175deg);
    }
}

@keyframes synofoto-waiting-rotate-left {
    to {
      -webkit-transform: rotate(30deg);
      transform: rotate(30deg);
    }
    0% {
      -webkit-transform: rotate(175deg);
      transform: rotate(175deg);
    }
}

@-webkit-keyframes synofoto-waiting-rotate-right {
    0% {
      -webkit-transform: rotate(-175deg);
      transform: rotate(-175deg);
    }
    to {
      -webkit-transform: rotate(-30deg);
      transform: rotate(-30deg);
    }
}

@keyframes synofoto-waiting-rotate-right {
    0% {
      -webkit-transform: rotate(-175deg);
      transform: rotate(-175deg);
    }
    to {
      -webkit-transform: rotate(-30deg);
      transform: rotate(-30deg);
    }
}

@-webkit-keyframes synofoto-waiting-rotate-all {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(-1turn);
      transform: rotate(-1turn);
    }
}

@keyframes synofoto-waiting-rotate-all {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(-1turn);
      transform: rotate(-1turn);
    }
}

@media (hover: hover) and (pointer: fine) {
    .synofoto-wizard-nav-icon-button:hover .button-icon {
      background-position: 0 -84px;
    }
}