*,:after,:before{box-sizing:border-box}html{height:100%}body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;font-family:system-ui,sans-serif}body,h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}.is-hidden{display:none!important}.cache-update-notification{padding:20px;background-color:#2a95e1;position:fixed;bottom:20px;right:20px;white-space:nowrap;font-size:16px;max-width:80%;box-shadow:0 3px 10px 3px rgba(0,0,0,.2)}.cache-update-notification p{color:#fff;white-space:normal}.cache-update-notification__controls{text-align:right;margin-top:5px}.cache-update-notification__controls button{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;border:none;margin-top:10px;margin-right:10px;padding:5px 10px;color:#fff;background-color:#333}.cache-update-notification__controls button.is-accept{background-color:#2dc41b}.cache-update-notification__controls button:last-child{margin-right:0}.camera-screen{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;background-color:#fdc441;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;min-height:0;position:relative;overflow:hidden}.camera-screen__source-container{text-align:center;padding:20px 0 40px;-ms-flex-negative:0;flex-shrink:0}.camera-screen__source-frame{display:inline-block;border:10px solid transparent;opacity:0;-webkit-transform:rotate(10deg);transform:rotate(10deg)}.camera-screen__source-frame.is-active{opacity:1;border:10px solid #fff;box-shadow:0 0 10px rgba(0,0,0,.2)}.camera-screen__source-frame:after{content:"";display:table;clear:both}.camera-screen__source{width:auto;-webkit-transform:scaleX(-1);transform:scaleX(-1);float:left}.camera-screen__source::-webkit-media-controls,.camera-screen__source::-webkit-media-controls-current-time-display,.camera-screen__source::-webkit-media-controls-mute-button,.camera-screen__source::-webkit-media-controls-play-button,.camera-screen__source::-webkit-media-controls-start-playback-button,.camera-screen__source::-webkit-media-controls-timeline,.camera-screen__source::-webkit-media-controls-volume-slider{display:none}.camera-screen__shot{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;background:#333;font-size:42px;padding:10px;padding-bottom:20px;color:#fff;width:100%;border:0;-ms-flex-negative:0;flex-shrink:0}.camera-screen__shot span{display:block;font-size:16px;font-weight:700}.camera-screen__library-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow-x:auto;-webkit-overflow-scrolling:touch}.camera-screen__library,.camera-screen__library-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1}.camera-screen__library{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding:20px 30px}.camera-screen__library img{width:auto;height:auto;max-height:100%;-ms-flex-negative:1;flex-shrink:1;border:2px solid #fff;box-shadow:0 0 10px rgba(0,0,0,.2)}.camera-screen__library img:nth-child(odd){-webkit-transform:rotate(10deg);transform:rotate(10deg)}.camera-screen__library img:nth-child(2n){-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}.camera-screen__clear{-webkit-appearance:none;-moz-appearance:none;appearance:none;left:10px;border:none}.camera-screen__clear,.camera-screen__uploads{position:fixed;top:10px;background-color:#e12a3c;color:#fff;padding:10px;box-shadow:0 3px 10px 3px rgba(0,0,0,.2)}.camera-screen__uploads{right:10px;font-size:14px}.camera-screen__orientation-message{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#fdc441;position:absolute;top:0;left:0;right:0;bottom:0}.camera-screen__orientation-message h3,.camera-screen__orientation-message h4{padding:0 20px;text-align:center}.camera-screen__orientation-message h3{font-size:24px}.camera-screen__orientation-message h4{font-size:18px;margin-top:15px}