.image-gallery-icon{-webkit-appearance:none;appearance:none;background-color:initial;border:0;color:#fff;cursor:pointer;-webkit-filter:drop-shadow(0 2px 2px #1a1a1a);filter:drop-shadow(0 2px 2px #1a1a1a);outline:none;position:absolute;transition:all .3s ease-out;z-index:4}@media(hover:hover)and (pointer:fine){.image-gallery-icon:hover{color:#337ab7}.image-gallery-icon:hover .image-gallery-svg{-webkit-transform:scale(1.1);transform:scale(1.1)}}.image-gallery-icon:focus{outline:2px solid #337ab7}.image-gallery-using-mouse .image-gallery-icon:focus{outline:none}.image-gallery-fullscreen-button,.image-gallery-play-button{bottom:0;padding:20px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:28px;width:28px}@media(max-width:768px){.image-gallery-fullscreen-button,.image-gallery-play-button{padding:15px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:24px;width:24px}}@media(max-width:480px){.image-gallery-fullscreen-button,.image-gallery-play-button{padding:10px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:16px;width:16px}}.image-gallery-fullscreen-button{right:0}.image-gallery-play-button{left:0}.image-gallery-left-nav,.image-gallery-right-nav{padding:50px 10px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:120px;width:60px}@media(max-width:768px){.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:72px;width:36px}}@media(max-width:480px){.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:48px;width:24px}}.image-gallery-left-nav[disabled],.image-gallery-right-nav[disabled]{cursor:disabled;opacity:.6;pointer-events:none}.image-gallery-left-nav{left:0}.image-gallery-right-nav{right:0}.image-gallery{-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;-webkit-user-select:none;-o-user-select:none;user-select:none}.image-gallery.fullscreen-modal{background:#000;bottom:0;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:5}.image-gallery.fullscreen-modal .image-gallery-content{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.image-gallery-content{line-height:0;position:relative;top:0}.image-gallery-content.fullscreen{background:#000}.image-gallery-content .image-gallery-slide .image-gallery-image{max-height:calc(100vh - 80px)}.image-gallery-content.image-gallery-thumbnails-left .image-gallery-slide .image-gallery-image,.image-gallery-content.image-gallery-thumbnails-right .image-gallery-slide .image-gallery-image{max-height:100vh}.image-gallery-slide-wrapper{position:relative}.image-gallery-slide-wrapper.image-gallery-thumbnails-left,.image-gallery-slide-wrapper.image-gallery-thumbnails-right{display:inline-block;width:calc(100% - 110px)}@media(max-width:768px){.image-gallery-slide-wrapper.image-gallery-thumbnails-left,.image-gallery-slide-wrapper.image-gallery-thumbnails-right{width:calc(100% - 87px)}}.image-gallery-slide-wrapper.image-gallery-rtl{direction:rtl}.image-gallery-slides{line-height:0;overflow:hidden;position:relative;text-align:center;white-space:nowrap}.image-gallery-slide{left:0;position:absolute;top:0;width:100%}.image-gallery-slide.image-gallery-center{position:relative}.image-gallery-slide .image-gallery-image{object-fit:contain;width:100%}.image-gallery-slide .image-gallery-description{background:rgba(0,0,0,.4);bottom:70px;color:#fff;left:0;line-height:1;padding:10px 20px;position:absolute;white-space:normal}@media(max-width:768px){.image-gallery-slide .image-gallery-description{bottom:45px;font-size:.8em;padding:8px 15px}}.image-gallery-bullets{bottom:20px;left:0;margin:0 auto;position:absolute;right:0;width:80%;z-index:4}.image-gallery-bullets .image-gallery-bullets-container{margin:0;padding:0;text-align:center}.image-gallery-bullets .image-gallery-bullet{-webkit-appearance:none;appearance:none;background-color:initial;border:1px solid #fff;border-radius:50%;box-shadow:0 2px 2px #1a1a1a;cursor:pointer;display:inline-block;margin:0 5px;outline:none;padding:5px;transition:all .2s ease-out}@media(max-width:768px){.image-gallery-bullets .image-gallery-bullet{margin:0 3px;padding:3px}}@media(max-width:480px){.image-gallery-bullets .image-gallery-bullet{padding:2.7px}}.image-gallery-bullets .image-gallery-bullet:focus{background:#337ab7;border:1px solid #337ab7;-webkit-transform:scale(1.2);transform:scale(1.2)}.image-gallery-bullets .image-gallery-bullet.active{background:#fff;border:1px solid #fff;-webkit-transform:scale(1.2);transform:scale(1.2)}@media(hover:hover)and (pointer:fine){.image-gallery-bullets .image-gallery-bullet:hover{background:#337ab7;border:1px solid #337ab7}.image-gallery-bullets .image-gallery-bullet.active:hover{background:#337ab7}}.image-gallery-thumbnails-wrapper{position:relative}.image-gallery-thumbnails-wrapper.thumbnails-swipe-horizontal{touch-action:pan-y}.image-gallery-thumbnails-wrapper.thumbnails-swipe-vertical{touch-action:pan-x}.image-gallery-thumbnails-wrapper.thumbnails-wrapper-rtl{direction:rtl}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{display:inline-block;vertical-align:top;width:100px}@media(max-width:768px){.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{width:81px}}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails{height:100%;left:0;padding:0;position:absolute;top:0;width:100%}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails .image-gallery-thumbnail,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails .image-gallery-thumbnail{display:block;margin-right:0;padding:0}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail{margin-left:0;margin-top:2px}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{margin:0 5px}@media(max-width:768px){.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{margin:0 3px}}.image-gallery-thumbnails{overflow:hidden;padding:5px 0}@media(max-width:768px){.image-gallery-thumbnails{padding:3px 0}}.image-gallery-thumbnails .image-gallery-thumbnails-container{cursor:pointer;text-align:center;white-space:nowrap}.image-gallery-thumbnail{background:transparent;border:4px solid transparent;display:inline-block;padding:0;transition:border .3s ease-out;width:100px}@media(max-width:768px){.image-gallery-thumbnail{border:3px solid transparent;width:81px}}.image-gallery-thumbnail+.image-gallery-thumbnail{margin-left:2px}.image-gallery-thumbnail .image-gallery-thumbnail-inner{display:block;position:relative}.image-gallery-thumbnail .image-gallery-thumbnail-image{line-height:0;vertical-align:middle;width:100%}.image-gallery-thumbnail.active,.image-gallery-thumbnail:focus{border:4px solid #337ab7;outline:none}@media(max-width:768px){.image-gallery-thumbnail.active,.image-gallery-thumbnail:focus{border:3px solid #337ab7}}@media(hover:hover)and (pointer:fine){.image-gallery-thumbnail:hover{border:4px solid #337ab7;outline:none}}@media(hover:hover)and (pointer:fine)and (max-width:768px){.image-gallery-thumbnail:hover{border:3px solid #337ab7}}.image-gallery-thumbnail-label{box-sizing:border-box;color:#fff;font-size:1em;left:0;line-height:1em;padding:5%;position:absolute;text-shadow:0 2px 2px #1a1a1a;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);white-space:normal;width:100%}@media(max-width:768px){.image-gallery-thumbnail-label{font-size:.8em;line-height:.8em}}.image-gallery-index{background:rgba(0,0,0,.4);color:#fff;line-height:1;padding:10px 20px;position:absolute;right:0;top:0;z-index:4}@media(max-width:768px){.image-gallery-index{font-size:.8em;padding:5px 10px}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0e0e0e;background:var(--main-black);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;margin:0}b{font-weight:500}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}select{border-radius:0!important;font-size:1.5rem}select::-webkit-input-placeholder{color:#25190b;color:var(--main-brown)}select::placeholder{color:#25190b;color:var(--main-brown)}select:hover{cursor:pointer}html{font-size:8px}button:hover{cursor:pointer}#root{align-items:center;background:#0e0e0e;background:var(--main-black);border-radius:0;display:flex;flex-direction:column;max-width:100vw;overflow:hidden}h1,h2{font-weight:lighter;letter-spacing:.3rem}li{list-style:none}select{background-color:#fab617;background-color:var(--second-yellow);border:2px solid #fab617;border:2px solid var(--second-yellow)}option{font-size:1.5rem;max-width:100vw}input{border:1px solid #d1d1d1;border:1px solid var(--main-white)}:root{--main-orange:#e8850d;--main-blue:#085cd4;--main-yellow:#eeb822;--main-brown:#25190b;--main-red:#e61919;--second-yellow:#fab617;--main-white:#d1d1d1;--main-black:#0e0e0e;--main-black2:hsla(0,0%,5%,.8);--main-grey:#363636;--test-background:#8b0000}hr{color:#25190b;color:var(--main-brown)}@font-face{font-family:Kodak;src:url(/static/media/kodakku.6d675a12dc989ddd6a08.ttf)}.App{align-items:center;background:var(--main-black);border-radius:0;color:var(--main-white);display:flex;flex-direction:column;font-size:2rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-width:400px;min-height:100vh;overflow:hidden;padding-bottom:6rem;text-align:center;width:100vw}.add-camera-container.active,.add-lens-container.active,.add-modal-container.active,.add-photo-container.active,.add-roll-container.active,.delete-photo-container.active,.delete-roll-container.active,.edit-photo-container.active,.edit-roll-container.active{background-color:hsla(0,0%,50%,.281);height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:1}header{background-color:var(--second-yellow);box-shadow:0 0 5px var(--main-brown);display:flex;padding:1rem 0;width:100%}header:hover{cursor:pointer}header h1{align-items:center;color:#fff;display:flex;font-weight:300;gap:1rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;letter-spacing:.1rem;width:100%}header svg{color:var(--main-red)}.manage-roll{align-items:center;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:flex-start;min-height:100vh;overflow-y:scroll;padding-bottom:15rem;width:100%}.manage-roll select{font-size:2rem;padding:.5rem;width:100%}.roll{align-items:center;background-color:#fff;border-radius:3px;color:var(--main-brown)}.roll,.roll-header{display:flex;flex-direction:column;width:100%}.roll-header{background-color:var(--main-brown);color:var(--main-white);padding:1rem}.roll ul{flex-direction:column}.roll ul,.roll-photo-settings{align-items:center;display:flex;width:100%}.roll-photo-settings{border-bottom:1px solid var(--main-brown);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:space-between;padding:1rem}.photo-specs{flex-wrap:wrap;font-weight:lighter;gap:3rem;justify-content:flex-start}.photo-manage,.photo-specs{align-items:center;display:flex}.photo-manage{gap:1rem}.roll-photo-settings div:first-of-type{display:flex;gap:1rem;text-align:left}.roll-photo-settings img{width:100%}.roll-photo-settings h3{display:flex;justify-content:flex-start;width:100%}.roll-photo-settings h4{display:flex;font-weight:bolder;justify-content:space-between}.roll-photo-settings svg:first-of-type{color:green}.roll-photo-settings svg:last-of-type{color:red}.manage-roll button{background-color:var(--main-blue);border:0;border-radius:5px;color:var(--main-white);font-size:2rem;margin:2rem;padding:1rem}.toggle-delete-photo-container{display:none!important}.toggle-delete-photo-container.active{align-items:center;background-color:var(--main-white);color:#000;display:flex!important;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;left:0;padding:1rem;position:fixed;top:40vh;width:100%;z-index:2}.photo-modal{height:0;width:0}.photo-modal div{display:none;width:100%}.photo-modal.active{align-items:center;background-color:var(--main-black);color:var(--main-white);display:flex;-webkit-filter:drop-shadow(0 0 15px #000);filter:drop-shadow(0 0 15px black);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-width:400px;min-height:100vh;overflow-y:scroll;position:fixed;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;z-index:1000}.photo-modal-photo-settings,.photo-modal.active{flex-direction:column;justify-content:center;width:100%}.photo-modal-photo-settings{display:flex!important;padding:1rem 0}.photo-modal-photo-settings div{display:flex!important;flex-direction:row;justify-content:space-between;padding:0 .5rem}.photo-modal-buttons svg{color:var(--main-white)!important;position:static!important}.photo-modal.active div{display:block}.photo-modal.active svg{color:var(--main-red);position:absolute;right:1rem;top:1rem;z-index:100}.photo-modal-photo-container{min-height:66.66667vw;min-width:100vw;padding:0!important}.photo-modal.active img{object-fit:contain;width:100%}.image-upload-container{display:flex!important;justify-content:space-around;width:100%}.image-upload-container button{background-color:var(--main-grey);border:0;border-radius:1rem;color:var(--main-white);display:flex;font-weight:bolder;justify-content:center;margin:1rem;padding:1rem;width:50%}.edit-photo{display:none}.edit-photo.active{align-items:center;background-color:var(--main-black);color:var(--main-white);display:flex;-webkit-filter:drop-shadow(0 0 15px #000);filter:drop-shadow(0 0 15px black);flex-direction:column;gap:1rem;height:90vh;left:5%;max-width:350px;overflow-y:scroll;padding:2rem .5rem;position:fixed;top:5%;width:90%;z-index:2}.edit-photo.active svg{color:red;position:absolute;right:2rem;top:2rem}.edit-photo.active form{align-items:center;display:flex;flex-direction:column;overflow-y:scroll;width:100%}.edit-photo.active img{width:100%}.edit-photo.active label{font-size:2rem}.edit-photo.active input{background-color:var(--main-black);border-color:var(--main-orange);border-radius:5px;color:var(--main-white);width:100%}.edit-photo.active input[type=text]{font-size:2rem;padding:1rem 2rem}.edit-photo.active input[type=range]{width:100%}.edit-photo.active select{background-color:var(--main-black);border-color:var(--main-orange);border-radius:5px!important;color:var(--main-white);font-size:2rem}.edit-photo fieldset{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;padding:.5rem 0;width:50%}.edit-photo fieldset span{grid-gap:1rem;align-items:center;border-bottom:1px solid var(--main-white);display:grid;gap:1rem;grid-template-columns:20% 80%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:left;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;padding:.5rem 0;width:100%}.edit-photo.active input[type=submit]{background-color:var(--main-orange);color:var(--main-black);font-size:2rem;margin:1rem 0;padding:1rem}.select-roll-master-container{background-color:initial;color:var(--main-brown);display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-bottom:10rem;width:100%}.add-camera-button{align-items:center;border:3px solid var(--main-white);border-radius:5rem;bottom:10rem;color:var(--main-white);display:flex;font-size:2rem;gap:1rem;height:7rem;justify-content:center;left:calc(50vw - 3.5rem);position:fixed;width:7rem}.add-camera-button svg{color:var(--main-white)!important}.add-camera-button:hover{cursor:pointer}.select-roll{align-items:center;background-color:initial;display:flex;flex-direction:column;width:100%}.select-roll h5{text-align:left;width:100%}.select-roll p,.select-roll svg{color:var(--main-white)}.select-roll p{align-items:center;background-color:initial;display:flex;flex-direction:column;height:80vh;justify-content:center;width:80vw}.edit-roll{display:none}.edit-roll.active{background:hsla(0,0%,50%,.349);left:0;position:fixed;top:0;width:100vw;z-index:10}.edit-roll.active,.edit-roll.active form{align-items:center;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.edit-roll.active form{background-color:#fff;color:var(--main-brown);-webkit-filter:drop-shadow(0 0 15px #000);filter:drop-shadow(0 0 15px black);gap:1rem;left:5%;margin-top:5%;max-width:1000px;padding:2rem 0;position:absolute;top:5%;width:90%}.edit-roll.active svg{border-radius:0;color:var(--main-red);position:absolute;right:2rem;top:2rem}.edit-roll.active label{font-size:2rem}.edit-roll.active input[type=text]{font-size:2rem;padding:1rem 2rem}.edit-roll.active input[type=submit]{font-size:2rem;padding:1rem}.camera-rolls-list{align-items:center;background-color:var(--main-black);overflow:hidden;padding:0;width:100%}.active-div.active,.camera-rolls-list{display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.active-div.active{max-height:-webkit-fit-content;max-height:-moz-fit-content;max-height:fit-content;transition:max-height 1s}.active-div{max-height:0;transition:max-height 1s;width:100%}.camera-rolls-list ul{transition:height .5s}.camera-rolls-list ul,.camera-rolls-list ul.active{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%}.camera-rolls-list ul.active{display:flex;flex-direction:column}.camera-rolls-list span{transition:.2s}.camera-rolls-list span.active{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.ellipse-container{align-items:center;border-bottom:1px solid var(--main-white);display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%}.add-buttons{display:none}.add-buttons.active{display:flex;width:100%}.add-buttons button.inactive{display:none}.camera-rolls-list button{background-color:var(--main-grey);border:0;border-radius:1rem;font-weight:bolder;justify-content:center;margin:1rem;width:50%}.camera-header,.camera-rolls-list button{color:var(--main-white);display:flex;padding:1rem}.camera-header{align-items:center;background-color:var(--main-brown);border-bottom:1px solid grey;font-weight:700;gap:2rem;justify-content:space-between;width:100%}.camera-header h2{letter-spacing:0}.camera-header:hover{cursor:pointer}.loading{-webkit-animation:loading 2s linear infinite alternate;animation:loading 2s linear infinite alternate;background-color:var(--main-brown)}@-webkit-keyframes loading{0%{background-color:var(--main-brown)}50%{background-color:var(--main-grey)}to{background-color:var(--main-brown)}}@keyframes loading{0%{background-color:var(--main-brown)}50%{background-color:var(--main-grey)}to{background-color:var(--main-brown)}}.roll-info{grid-gap:5px;align-items:center;background-color:var(--main-black);border-bottom:1px solid grey;border-top:1px solid grey;color:var(--main-white);display:grid;gap:5px;grid-template-columns:20% 60% 20%;padding:1.5rem 0;white-space:nowrap;width:100%}.roll-info:hover{cursor:pointer}.roll-sub-menu{align-items:center;background-color:var(--main-black);display:flex;-webkit-filter:drop-shadow(0 0 0 #000);filter:drop-shadow(0 0 0 black);grid-column-start:span 3;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-width:100vw;width:100%}.roll-sub-menu-close-button{border-radius:0;color:var(--main-red)!important;position:absolute;right:0;top:0;width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important}.roll-sub-menu button{background-color:var(--main-grey);border:0;border-radius:1rem;color:var(--main-white);display:flex;font-weight:bolder;justify-content:center;margin:1rem;padding:1rem;width:50%}.roll-sub-menu svg{width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important}.roll-info svg{margin:1rem;width:100%}.display-info{border:none!important;display:flex;flex-direction:column;gap:0!important;padding:0 1rem!important;width:100%}.toggle-delete-roll-container{display:none!important}.toggle-delete-roll-container.active{align-items:center;background-color:var(--main-white);color:#000;display:flex!important;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;left:0;padding:1rem;position:fixed;top:40vh;width:100%;z-index:2}.toggle-delete-roll-container.active p{color:#000!important;height:2rem!important}.toggle-delete-roll-container.active span,footer{display:flex}footer{align-items:center;background-color:var(--main-black);border-radius:0;bottom:0;height:10rem;justify-content:space-around;max-width:400px;padding-bottom:5rem;position:fixed;width:100%}footer div{color:var(--main-white);width:100%}footer svg:hover{cursor:pointer}.select-photo-icon,footer div:first-of-type,footer div:nth-of-type(3){border-radius:0;border-right:2px solid var(--main-white)}footer .add-modal{align-items:center;background-color:#000;border-radius:1rem;bottom:10rem;display:flex;flex-direction:column;gap:1rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;left:46vw;padding:2rem;position:fixed;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:2}footer .add-modal button{background-color:#000;border:0;color:var(--main-white);font-size:2rem}footer .add-modal button,footer div.active svg{border-bottom:1px solid #fff}.select-photo-master-container{align-items:center;color:var(--main-brown);display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%}.select-photo-master-container h2{background-color:var(--main-black);color:var(--main-white);padding:2rem 0;width:100%}.add-photo-button{align-items:center;background-color:initial;border:3px solid var(--main-white);border-radius:5rem;bottom:10rem;display:flex;font-size:2rem;gap:1rem;height:7rem;justify-content:center;left:calc(50vw - 3.5rem);position:fixed;width:7rem}.add-photo-button,.add-photo-button svg{color:var(--main-white)}.add-photo-button:hover{cursor:pointer}.select-photo-master-container select{font-size:2rem;padding:.5rem;width:100%}.mid-nav{align-items:center;background-color:var(--main-black);display:flex;height:5.5rem;justify-content:space-around;width:100%}.mid-nav svg{color:var(--main-white);width:100%}.mid-nav svg:hover{cursor:pointer}.mid-nav svg:first-of-type,.mid-nav svg:nth-of-type(2),.mid-nav svg:nth-of-type(3){border-right:1px solid #fff}.photo-modal-container.active{background-color:hsla(0,0%,50%,.281);height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:1}.toggle-hidden{align-items:center;background-color:var(--main-black);color:var(--main-white);display:flex;gap:1rem;height:4rem;justify-content:center;width:100%}.photo-container{display:flex;flex-direction:column;padding-bottom:15rem;width:100%}.photo-container.grid{flex-direction:row}.photo-container.grid,.photo-container.list{flex-wrap:wrap;justify-content:left}.image-gallery-photo{align-items:center;display:flex!important;flex-direction:column;height:100vh;justify-content:center}.image-gallery-slide .image-gallery-description{position:static!important}.image-gallery-description{background-color:var(--main-black)!important}.photo-settings{border:1px solid hsla(0,0%,63%,.18);color:var(--main-brown);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:1rem;width:100%}.photo-settings p{text-align:center;width:100%}.photo-settings.scroll{color:var(--main-white);padding:0}.photo-settings.grid{align-items:center;display:flex;flex-direction:column;font-weight:bolder;justify-content:center;overflow:hidden;padding:.1rem}.photo-settings.grid img{min-height:100%;object-fit:cover}.photo-settings.grid p{text-align:center;width:100%}.scroll-photo-settings{align-items:center;color:var(--main-white);display:flex;flex-direction:column;padding-bottom:1rem;width:100%}.scroll-photo-settings div{align-items:center;display:flex;justify-content:space-between;width:100%}.scroll-photo-settings h4,.scroll-photo-settings p{font-weight:lighter!important}.photo-settings-info{align-items:center;aspect-ratio:1/1;background-color:initial;display:flex;flex-direction:column;height:100%;justify-content:center;padding:0;text-align:center}.photo-settings-info,.photo-settings.grid h4{font-size:1.5rem;width:100%}.photo-settings.list{align-items:flex-start;background-color:initial;color:var(--main-white);display:flex;flex-direction:column;font-weight:lighter;padding:0}.photo-settings.list h3{justify-content:flex-start;padding:0;text-align:left}.photo-settings.list p{font-weight:bolder;text-align:right}.photo-settings.list div{aspect-ratio:1/.07;display:flex;text-align:center;width:100%}.photo-settings img{width:100%}.photo-settings.scroll div{aspect-ratio:1/.8;background-color:#fff;color:var(--main-brown);padding:1rem;width:100%}.photo-settings h3{padding:1rem}.photo-settings h3,.photo-settings h4{display:flex;justify-content:center;width:100%}.photo-settings h4{font-weight:bolder}.login{height:70vh;justify-content:center;width:100%}.login,.login form{align-items:center;display:flex;flex-direction:column;font-size:2rem;gap:1rem;padding:1rem}.login form{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:90%}.login button,.login input{background-color:var(--main-black);border:0;border-bottom:1px solid var(--main-white);color:var(--main-white);font-size:2rem;padding:1rem;width:100%}.login button{background-color:var(--main-grey);border:0;border-radius:1rem;color:var(--main-white);font-size:1.5rem;font-weight:bolder;padding:1rem;width:50%}.sign-up{height:70vh;justify-content:center;width:100%}.sign-up,.sign-up form{align-items:center;display:flex;flex-direction:column;font-size:2rem;gap:1rem;padding:1rem}.sign-up form{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:90%}.sign-up button,.sign-up input{background-color:var(--main-black);border:0;border-bottom:1px solid var(--main-white);color:var(--main-white);font-size:2rem;padding:1rem;width:100%}.sign-up button{background-color:var(--main-grey);border:0;border-radius:1rem;color:var(--main-white);font-size:1.5rem;font-weight:bolder;padding:1rem;width:50%}.settings{align-items:center;display:flex;flex-direction:column;gap:3rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:space-around;padding-top:3rem;width:100%}.settings button{background-color:var(--main-grey);border:0;border-radius:1rem;color:var(--main-white);font-size:1.5rem;font-weight:bolder;padding:1rem;width:50%}.danger-section{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-bottom:6rem;width:100%}.danger-section button{background-color:#680000;border:0;color:var(--main-red)}.danger-section h5{color:var(--main-red)}.settings section{height:90vh}.home,.settings section{align-items:center;display:flex;flex-direction:column;gap:3rem;width:100%}.home{height:70vh;justify-content:center;padding-top:3rem}.home button{background-color:var(--main-grey);border:0;border-radius:1rem;color:var(--main-white);font-size:1.5rem;font-weight:bolder;padding:1rem;width:50%}.add-roll{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;left:0;position:absolute;top:0;width:100vw;z-index:2}.add-roll,.add-roll form{align-items:center;display:flex;flex-direction:column}.add-roll form{background-color:#fff;color:var(--main-brown);-webkit-filter:drop-shadow(0 0 15px #000);filter:drop-shadow(0 0 15px black);gap:1rem;margin-top:5%;max-width:350px;padding:2rem 0;width:90%}.add-roll select{background-color:initial;border:1px solid #b3b3b3;border-radius:1rem;font-size:2rem;padding:1rem .5rem;width:70%}.add-roll svg{border-radius:0;color:var(--main-red);position:absolute;right:2rem;top:2rem}.add-roll label{font-size:2rem}.add-roll input[type=text]{font-size:2rem;padding:1rem 2rem}.add-roll input[type=submit]{font-size:2rem;padding:1rem}.add-photo{left:0;position:fixed;top:0;width:100vw;z-index:1000;z-index:2}.add-photo,.add-photo form{align-items:center;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.add-photo form{background-color:var(--main-black);color:var(--main-white);-webkit-filter:drop-shadow(0 0 15px #000);filter:drop-shadow(0 0 15px black);gap:1rem;margin-top:2%;max-height:calc(100vh - 2rem);max-width:350px;overflow-y:scroll;padding:5rem .5rem 2rem;width:90%}.add-photo svg{color:var(--main-red);position:absolute;right:2rem;top:2rem}.add-photo select{width:100%}.flash-last-settings-container{display:flex;justify-content:space-between;width:100%}.flash-container,.last-settings-container{align-items:center;display:flex;gap:1rem;justify-content:center}.flash-container,.last-settings-container input{width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important}.add-photo label{font-size:2rem;text-align:left;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.add-photo input{background-color:var(--main-black);border-color:var(--main-orange);border-radius:5px;color:var(--main-white);width:100%}.add-photo input[type=text]{font-size:2rem;padding:1rem 2rem}.add-photo input[type=range]{width:100%}.add-photo select{background-color:var(--main-black);border-color:var(--main-orange);border-radius:5px!important;color:var(--main-white);font-size:2rem}.fieldset-container{display:flex;width:100%}.add-photo fieldset{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;padding:.5rem 0;width:50%}.select-lens,.select-shooting-mode{display:flex;flex-wrap:wrap;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;width:90%}.select-shooting-mode{flex-direction:column}.select-shooting-mode span{width:50%}.add-photo fieldset span{grid-gap:1rem;align-items:center;border-bottom:1px solid var(--main-white);display:grid;gap:1rem;grid-template-columns:20% 80%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:left;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;padding:.5rem 0;width:100%}.add-photo fieldset input{height:100%;width:2rem}.add-photo input[type=submit]{background-color:var(--main-orange);color:var(--main-black);font-size:2rem;margin:1rem 0;padding:1rem}.add-camera{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;left:0;position:absolute;top:0;width:100vw;z-index:2}.add-camera,.add-camera form{align-items:center;display:flex;flex-direction:column}.add-camera form{background-color:#fff;color:var(--main-brown);-webkit-filter:drop-shadow(0 0 15px #000);filter:drop-shadow(0 0 15px black);gap:1rem;margin-top:5%;max-width:350px;padding:2rem 0;width:90%}.add-camera select{background-color:initial;border:1px solid #b3b3b3;border-radius:1rem;font-size:2rem;padding:1rem .5rem;width:70%}.add-camera svg{border-radius:0;color:var(--main-red);position:absolute;right:2rem;top:2rem}.add-camera label{font-size:2rem}.add-camera input[type=text]{font-size:2rem;padding:1rem 2rem;width:70%}.add-camera input[type=submit]{font-size:2rem;padding:1rem}.rti--container{border-radius:0!important;justify-content:center;padding:0!important;width:70%}.rti--input{width:100%!important}.success-message{align-items:center;background-color:var(--main-white);color:#000;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;left:0;padding:3rem;position:fixed;top:40%;width:100%}.success-message b{color:green}.add-lens{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;left:0;position:fixed;top:0;width:100vw;z-index:2}.add-lens,.add-lens form{align-items:center;display:flex;flex-direction:column}.add-lens form{background-color:#fff;color:var(--main-brown);-webkit-filter:drop-shadow(0 0 15px #000);filter:drop-shadow(0 0 15px black);gap:1rem;left:5%;margin-top:5%;max-width:400px;padding:2rem 0;position:absolute;top:5%;width:90%}.add-lens svg{border-radius:0;color:var(--main-red);position:absolute;right:2rem;top:2rem}.add-lens label{font-size:2rem}.add-lens input[type=text]{font-size:2rem;padding:1rem 2rem;width:70%}.add-lens input[type=submit],.delete-account{font-size:2rem;padding:1rem}.delete-account{background-color:hsla(0,0%,50%,.5);height:100vh;justify-content:center;position:fixed;top:0;width:100%}.delete-account,.delete-account form{align-items:center;display:flex;flex-direction:column;gap:1rem}.delete-account form{background-color:var(--main-black);font-size:2rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:1rem;width:90%}.delete-account button,.delete-account input{background-color:var(--main-black);border:0;border-bottom:1px solid var(--main-white);color:var(--main-white);font-size:2rem;padding:1rem;width:100%}.delete-account button{border:1px solid var(--main-white);margin:2rem;text-decoration:underline}.delete-account svg,.error-message{color:var(--main-red)}.delete-account svg{border-radius:0;bottom:20%;left:48%;position:relative}
/*# sourceMappingURL=main.0de2c92b.css.map*/