@charset "utf-8";

#atomic .render-target-modal #YDC-UH { display: none; }

#atomic #render-target-modal, #atomic #render-target-viewer { opacity: 0; }

#atomic.modal-postopen #render-target-modal, #atomic.viewer-postopen #render-target-viewer { opacity: 1; }

#atomic.modal-postopen #render-target-mrt, #atomic.modal-postopen .render-target-default, #atomic.viewer-postopen #render-target-mrt, #atomic.viewer-postopen .render-target-default { max-height: 100%; overflow: hidden; }

#render-target-mrt { position: absolute; width: 100%; }

#atomic.default-to-modal-fade .render-target-default, #atomic.default-to-viewer-fade .render-target-default, #atomic.modal-to-default-fade .render-target-modal, #atomic.mrt-to-modal-fade #render-target-mrt, #atomic.mrt-to-viewer-fade #render-target-mrt, #atomic.viewer-to-default-fade .render-target-viewer { position: absolute; }

#atomic.default-to-modal-fade .render-target-modal { animation: 0.15s ease-out 0s 1 normal forwards running fadein; }

#atomic.modal-to-default-fade .render-target-modal { animation: 0.15s ease-in 0s 1 normal forwards running fadeout; }

#atomic.default-to-viewer-fade .render-target-viewer, #atomic.modal-to-viewer-fade .render-target-viewer { animation: 0.25s ease-out 0s 1 normal forwards running fadein; }

#atomic.viewer-to-default-fade .render-target-viewer, #atomic.viewer-to-modal-fade .render-target-viewer { animation: 0.25s ease-in 0s 1 normal forwards running fadeout; }

@-webkit-keyframes fadein { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes fadeout { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}

@keyframes fadein { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes fadeout { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}