.rpn-notification-holder{position:fixed;display:flex;flex-direction:column;z-index:100000}.rpn-notification-holder.top-left{left:10px}.rpn-notification-holder.top-middle{left:50%;transform:translate(-50%)}.rpn-notification-holder.top-right{right:30px}.rpn-notification-holder.bottom-left{left:10px;bottom:10px}.rpn-notification-holder.bottom-middle{left:50%;transform:translate(-50%);bottom:10px}.rpn-notification-holder.bottom-right{right:30px;bottom:10px}.rpn-notification-card{display:flex;flex-direction:column;width:250px;margin-top:15px;-webkit-animation:fadein .2s;-moz-animation:fadein .2s;-ms-animation:fadein .2s;-o-animation:fadein .2s;animation:fadein .2s}.rpn-notification-card-top{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;padding:10px;font-weight:700;font-size:11px;background-color:#333;color:#fff;border-radius:5px 5px 0 0}.rpn-notification-card-bottom{width:100%;display:flex;flex-direction:column;align-items:flex-start;padding:10px 10px 15px;flex-wrap:wrap;background-color:#3b3b3b;color:#fff;border-radius:0 0 5px 5px;justify-content:center;box-shadow:0 5px #000}.rpn-notification-card-bottom span{padding:3px 0}.rpn-notification-card-bottom .subtitle{font-weight:700;font-size:12px}.rpn-notification-card-bottom .message{font-size:14px}.rpn-notification-card-close{font-size:10px;cursor:pointer;height:100%}.rpn-notification-card-top.light{background-color:#f0f0f0;color:#000}.rpn-notification-card-bottom.light{background-color:#f5f5f5;color:#000;box-shadow:0 5px #dad9d9}.rpn-notification-card-top.darkblue{background-color:#2d3542;color:#fff}.rpn-notification-card-bottom.darkblue{background-color:#394357;color:#fff;box-shadow:0 5px #1f2b42}.rpn-notification-card-top.red{background-color:#bb2525;color:#fff}.rpn-notification-card-bottom.red{background-color:#d32f2f;color:#fff;box-shadow:0 5px #910101}@keyframes fadein{0%{opacity:0}to{opacity:1}}@-moz-keyframes fadein{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadein{0%{opacity:0}to{opacity:1}}@-ms-keyframes fadein{0%{opacity:0}to{opacity:1}}@-o-keyframes fadein{0%{opacity:0}to{opacity:1}}#container-circles{position:absolute;left:50%;bottom:90px}#outer-circle{left:-37px;height:75px;width:75px;background-color:#fff6;z-index:1}#inner-circle,#outer-circle{position:absolute;border-radius:50%}#inner-circle{left:50%;top:38px;height:44px;width:44px;background:#fff;margin:-22px 0 0 -22px;z-index:2}#inner-circle.is-clicked{height:38px;width:38px;margin:-19px 0 0 -19px}#white-flash.normal{position:absolute;height:100%;width:100%;opacity:1;-webkit-transition:opacity .9s ease-out;-o-transition:opacity .9s ease-out;transition:opacity .9s ease-out}#white-flash.do-transition{opacity:0;background:#fff}#display-error{color:#000;background-color:#fff}.react-html5-camera-photo{position:relative;text-align:center}.react-html5-camera-photo>img,.react-html5-camera-photo>video{width:768px}.react-html5-camera-photo>.display-error{width:768px;margin:0 auto}@media (max-width:768px){.react-html5-camera-photo>.display-error,.react-html5-camera-photo>img,.react-html5-camera-photo>video{width:100%}}.react-html5-camera-photo-fullscreen>img,.react-html5-camera-photo-fullscreen>video{width:100vw;height:100vh}.react-html5-camera-photo-fullscreen>video{-o-object-fit:fill;object-fit:fill}.react-html5-camera-photo-fullscreen>.display-error{width:100vw;height:100vh}