html,body{background:#161616;border:0;color:#ccc;font-family:'Open Sans', Arial, sans-serif;font-size:20px;height:100%;line-height:1.5;margin:0;padding:0;width:100%}html.no-scroll,body.no-scroll{height:100%;overflow:hidden}img{height:auto;max-width:100%}a img{border:none}a{color:#38a1d1;text-decoration:underline}a:focus,a:hover{color:#60b4da;text-decoration:underline}a.arrow-up,a.arrow-down,a[download],a.download,a.arrow-left,a.arrow-right,a.x,a.delete{white-space:nowrap}a.arrow-up::before{content:"↑";display:inline-block;margin-right:0.25em}a.arrow-down::before,a[download]::before,a.download::before{content:"↓";display:inline-block;margin-right:0.25em}a.arrow-left::before{content:"←";display:inline-block;margin-right:0.25em}a.arrow-right::after{content:"→";display:inline-block;margin-left:0.25em}a.x::before,a.delete::before{content:"✕";display:inline-block;margin-right:0.25em}a.delete{color:#c11955}a.delete:focus,a.delete:hover{color:#c73066}b,strong{color:#fff}p{margin-bottom:.75em;margin-top:.75em}.container{box-sizing:border-box;max-width:100%;margin:0 auto;padding:0 1em;width:600px}.clearfix::after{clear:both;content:'';display:block;height:0;width:100%}.hidden{display:none !important}.text-small,.img-viewer label{font-size:0.75em}.text-big{font-size:1.25em}.text-left{text-align:left}.text-right{text-align:left}.text-center{text-align:center}.header,.controls,.main,.overlay{font-size:16px}.header{background:rgba(46,60,97,0.5);border-bottom:1px solid #2e3c61;margin-bottom:-1px}.header .logo{display:block;height:45px;margin-left:-5px;width:225px}.main{display:flex;flex-direction:column;justify-content:center;text-align:center}.circle-wrap{padding:0 20px;position:relative}.circle-wrap .message{box-sizing:border-box;display:block;left:50%;max-width:100%;padding:0 2em;position:absolute;text-align:center;top:50%;transform:translate(-50%, -50%);width:360px}.circle-wrap .message .error{margin:1em auto;width:220px}.circle-wrap .message input[type="file"]{left:-9999px;position:absolute;visibility:hidden}.circle-wrap .message input[type="file"]+label{border:2px dashed #999;box-sizing:border-box;cursor:pointer;display:inline-block;margin:1em auto;padding:0.5em 1.5em;width:100%}.circle-wrap .message input[type="file"]+label:hover{border-color:#38a1d1;color:#fff}.circle{background:#333;border-radius:50%;cursor:pointer;display:block;height:auto;overflow:hidden;margin:0 auto;max-width:100%;transition:filter 600ms}.circle.disabled{cursor:default;filter:blur(10px);margin:60px auto}.controls{height:40px;text-align:left;padding:10px 0;white-space:nowrap}.controls .container{display:grid;grid-column-gap:20px;grid-template-columns:1fr 3fr;justify-content:space-evenly}.camera-controls{padding:20px 0}.camera-controls .container{align-items:center;display:grid;grid-column-gap:15px;grid-template-columns:2fr 1fr 2fr;justify-content:space-evenly}.sources{display:grid;grid-column-gap:15px;grid-template-columns:repeat(auto-fill, 40px)}.save{background:rgba(255,255,255,0.2);border:3px solid #ccc;border-radius:50%;height:60px;margin:0 auto;width:60px}.save:hover{border-color:#fff}.save:focus{box-shadow:0 0 2px 5px rgba(56,161,209,0.5);outline:none}.error{background:rgba(97,13,43,0.75);border:1px solid #c11955;color:#f3d1dd;padding:0.5em}button,.button{background:#60b4da;border:0;border-radius:2px;box-sizing:border-box;color:#000;cursor:pointer;display:inline-block;font-size:20px;line-height:1;max-width:100%;min-width:2em;padding:0.25em 0.5em;text-align:center;text-decoration:none;transition:background 200ms}button:focus,.button:focus,button:hover,.button:hover{color:#000;text-decoration:none}button:focus:not([disabled]),.button:focus:not([disabled]),button:focus:not(.disabled),.button:focus:not(.disabled),button:hover:not([disabled]),.button:hover:not([disabled]),button:hover:not(.disabled),.button:hover:not(.disabled){background:#38a1d1}button[disabled],[disabled].button,button.disabled,.disabled.button{cursor:default;opacity:0.5}button.big,.big.button{font-size:30px;font-size:1.5rem;padding:0.25em 1em;width:100%}button.loading,.loading.button{position:relative}button.loading::after,.loading.button::after{background:#999;border-radius:2px;bottom:0;color:#666;content:'Loading...';display:block;font-size:0.75em;left:0;line-height:2em;position:absolute;right:0;text-align:center;top:0}input[type=text],.input,textarea,select{background:#f1f1f1;border:2px solid #666;border-radius:2px;box-shadow:inset 2px 2px 2px rgba(0,0,0,0.2);box-sizing:border-box;color:#333;font-size:1em;height:30px;line-height:1.5;margin:0.25em 0;max-width:100%;padding:0.25em 0.5em;width:100%}input[type=text]:focus,.input:focus,textarea:focus,select:focus{border-color:#38a1d1;box-shadow:inset 2px 2px 4px rgba(0,0,0,0.4);outline:none}textarea{height:60px;min-height:2.25em;min-width:100%}input[type=checkbox],input[type=radio]{float:left;margin:0.5em}.toggle{left:-9999px;position:absolute;visibility:hidden}.toggle+label{cursor:pointer;display:inline-block;height:40px;padding-right:35px;position:relative}.toggle+label:before{background:#666;background:#999;border-radius:7.5px;content:'';display:block;height:15px;position:absolute;top:12.5px;right:0;width:30px}.toggle+label:after{background:#ccc;background:#fff;border-radius:50%;box-shadow:0px 2px 2px rgba(0,0,0,0.2);content:'';display:block;height:18px;position:absolute;right:15px;top:11px;width:18px}.toggle:checked+label:before{background:#9cd0e8}.toggle:checked+label:after{background:#38a1d1;box-shadow:0px 1px 2px rgba(0,0,0,0.5);right:0px}label{font-weight:700}.icon{box-sizing:border-box;cursor:pointer;display:inline-block;height:40px;overflow:hidden;width:40px}.svg-icon{fill:none;padding:5px;stroke:#ccc;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5;stroke-width:2}.svg-icon:hover{cursor:pointer}.camera-controls .svg-icon:hover{stroke:#fff}input[type=range]{-webkit-appearance:none;background:none;border:0;box-sizing:border-box;cursor:pointer;height:40px;margin:0;padding:10px 0;width:100%}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#ccc;background:#fff;border:0;border-radius:50%;box-shadow:0px 2px 2px rgba(0,0,0,0.5);height:18px;margin-top:-8px;transition:background 200ms, box-shadow 200ms;width:18px}input[type=range]::-moz-range-thumb{background:#ccc;background:#fff;border:0;border-radius:50%;box-shadow:0px 2px 2px rgba(0,0,0,0.5);height:18px;margin-top:-8px;transition:background 200ms, box-shadow 200ms;width:18px}input[type=range]::-ms-thumb{background:#ccc;background:#fff;border:0;border-radius:50%;box-shadow:0px 2px 2px rgba(0,0,0,0.5);height:18px;margin-top:-8px;transition:background 200ms, box-shadow 200ms;width:18px}input[type=range]::-webkit-slider-runnable-track{background-color:#999;background-repeat:repeat-x;border-color:#999;border-radius:3px;border-style:solid;border-width:1px 0;height:4px;transition:background 200ms, border 200ms, box-shadow 200ms;width:100%}input[type=range]::-moz-range-track{background-color:#999;background-repeat:repeat-x;border-color:#999;border-radius:3px;border-style:solid;border-width:1px 0;height:4px;transition:background 200ms, border 200ms, box-shadow 200ms;width:100%}input[type=range]::-ms-range-track{background-color:#999;background-repeat:repeat-x;border-color:#999;border-radius:3px;border-style:solid;border-width:1px 0;height:4px;transition:background 200ms, border 200ms, box-shadow 200ms;width:100%}input[type=range]:focus{outline:none}input[type=range]:focus::-webkit-slider-thumb{background:#38a1d1;box-shadow:0px 2px 2px rgba(0,0,0,0.5);box-shadow:0px 1px 2px rgba(0,0,0,0.5),0 0 0 10px rgba(56,161,209,0.25)}input[type=range]:focus::-moz-range-thumb{background:#38a1d1;box-shadow:0px 2px 2px rgba(0,0,0,0.5);box-shadow:0px 1px 2px rgba(0,0,0,0.5),0 0 0 10px rgba(56,161,209,0.25)}input[type=range]:focus::-ms-thumb{background:#38a1d1;box-shadow:0px 2px 2px rgba(0,0,0,0.5);box-shadow:0px 1px 2px rgba(0,0,0,0.5),0 0 0 10px rgba(56,161,209,0.25)}input[type=range]:focus::-webkit-slider-runnable-track{background-color:#9cd0e8;background-image:repeating-linear-gradient(to right, #38a1d1, #38a1d1 2px, transparent 2px, transparent 11.1111111111%);background-position:-1px 50%;border-color:#9cd0e8;box-shadow:0 0 0 1px #9cd0e8}input[type=range]:focus::-moz-range-track{background-color:#9cd0e8;background-image:repeating-linear-gradient(to right, #38a1d1, #38a1d1 2px, transparent 2px, transparent 11.1111111111%);background-position:-1px 50%;border-color:#9cd0e8;box-shadow:0 0 0 1px #9cd0e8}input[type=range]:focus::-ms-range-track{background-color:#9cd0e8;background-image:repeating-linear-gradient(to right, #38a1d1, #38a1d1 2px, transparent 2px, transparent 11.1111111111%);background-position:-1px 50%;border-color:#9cd0e8;box-shadow:0 0 0 1px #9cd0e8}input[type=range].input-sides{float:right;width:calc(100% - 40px)}.icon[for='sides']{float:left}.overlay{background:rgba(0,0,0,0.5);bottom:0;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:100}.overlay .container{padding:0}.overlay .modal{background:#333;box-sizing:border-box;height:100vh;margin:0;overflow-y:auto;padding:30px;position:relative}.overlay .modal .close{color:#ccc;display:block;height:40px;overflow:hidden;position:absolute;right:5px;text-decoration:none;top:5px;width:40px}.overlay .modal .close:hover{color:#fff;text-decoration:none}.overlay .modal .close:hover .svg-icon{stroke:#fff}.thumb{border-radius:50%}.img-viewer-open{background:rgba(51,51,51,0.5);border-radius:50%;float:right;height:44px;width:44px}.img-viewer-open .thumb{border:2px solid rgba(255,255,255,0.25);cursor:pointer}.img-viewer-open .thumb:hover{border-color:rgba(255,255,255,0.5);border-color:#38a1d1}.img-viewer{display:flex;flex-direction:column}.img-viewer .img-main{flex-shrink:1}.img-viewer .img-main .thumb{display:block;min-height:100px;min-width:100px;margin:0 auto;width:auto}.img-viewer.browse #browse{display:block}.img-viewer.browse #share,.img-viewer.browse #success{display:none}.img-viewer.browse .img-main .thumb{max-height:calc(100vh - 290px)}.img-viewer.share #share{display:block}.img-viewer.share #browse,.img-viewer.share #success{display:none}.img-viewer.share .img-main .thumb{max-height:calc(100vh - 260px)}.img-viewer.success #success{display:block}.img-viewer.success #browse,.img-viewer.success #share{display:none}.img-viewer.success .img-main .thumb{max-height:calc(100vh - 290px)}.img-viewer .actions{margin:30px 0}.img-viewer .step-browse{flex-grow:1;position:relative;min-height:160px}.img-viewer .thumbs{box-sizing:border-box;display:grid;flex-grow:1;grid-gap:20px;grid-template-columns:repeat(auto-fit, minmax(40px, 0.25fr));justify-content:space-evenly;padding:5px;max-height:calc(100% - 90px);min-height:140px;overflow-y:auto;position:absolute;width:100%}.img-viewer .thumbs .thumb{cursor:pointer}.img-viewer .thumbs .thumb.active{box-shadow:0 0 0 2px rgba(56,161,209,0.8)}.img-viewer .inline-items>*{margin-right:1em}.img-viewer .inline-items>*:last-child{margin-right:0}.img-viewer .inline-items.text-center{margin-left:-0.5em;margin-right:-0.5em}.img-viewer .inline-items.text-center>*{margin-left:0.5em;margin-right:0.5em}
/*# sourceMappingURL=style.min.css.map */