*,:after,:before{box-sizing:border-box}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}:root{--primary-text-black:#212121;--primary-white:#f5f4fa;--violetRed:#8a2be2;--primary-gray:grey}body{font-family:raleway;font-style:normal;font-weight:400;letter-spacing:.03em;color:var(--primary-text-black);background-color:rgba(0,0,0,.8)}img{display:block;width:100%;height:200px;object-fit:cover}.container{margin-left:auto;margin-right:auto;max-width:1400px;padding-left:10px;padding-right:10px}.search-form{display:flex;justify-content:center;padding:8px;margin-bottom:24px}.input{width:358px;height:50px;padding-left:10px;margin-right:5px;background-color:initial;border:1px solid var(--primary-gray);box-sizing:border-box;filter:drop-shadow(0 4px 4px rgba(0,0,0,.3));border-radius:4px;color:var(--primary-gray);font-size:24px;line-height:1.17;letter-spacing:.01em}.input:active,.input:focus,.input:hover{border:2px solid var(--violetRed)}.button-search{margin-left:5px;display:inline-block;border-radius:4px;width:100px;height:50px;border:1px solid var(--primary-gray);text-align:center;color:var(--primary-gray);font-weight:700;font-size:20px;line-height:30px}.button-search:hover{color:var(--violetRed);border:2px solid var(--violetRed);filter:drop-shadow(0 4px 4px rgba(0,0,0,.15))}.gallery{display:flex;flex-wrap:wrap;margin-bottom:-20px;margin-right:-20px;padding-inline-start:0}.photo-card{width:calc(33.33333% - 20px);margin-bottom:20px;margin-right:20px;justify-content:space-between;align-items:center;list-style:none;overflow:hidden}.photo-card:hover{box-shadow:0 4px 4px rgba(0,0,0,.25);border:transparent;background-color:rgba(0,0,0,.25);color:transparent;cursor:pointer}.photo-card img{transition:1s}.photo-card:hover img{transform:scale(1.1)}.photo-card:hover .stats-item{filter:grayscale(100%)}.stats{padding-right:10px;padding-top:10px;padding-bottom:10px;background-color:rgba(0,0,0,.25)}.stats-item{font-family:sans-serif;color:wheat;font-size:24px;display:flex;align-items:left}.button{display:block;margin-top:20px;margin-left:auto;margin-right:auto;width:358px;height:50px;border-radius:4px;border-left-color:solid;border-bottom-color:var(--violetRed);border-right-color:solid;border-top-color:2px;font-size:20px;font-weight:700;background-color:rgba(245,222,179,.3)}.button:hover{box-shadow:0 4px 4px rgba(0,0,0,.25);background-color:#000;color:var(--violetRed)}.button.is-hidden,.button>.spinner.is-hidden{display:none}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:2;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:1tr;margin-right:10px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"}.lightbox{display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100vw;height:100vh;opacity:0;pointer-events:none;transition:opacity var(--animation-duration) var(--timing-function)}.lightbox.is-open{opacity:1;pointer-events:auto}.lightbox__overlay{position:absolute;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.8)}.lightbox__content{transform:scale(.95);transition:transform var(--animation-duration) var(--timing-function)}.lightbox.is-open .lightbox__content{transform:scale(1)}.lightbox__image{display:block;width:auto;height:auto;max-height:100vh;max-width:100vw}.lightbox__button{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;margin:0;border:none;border-radius:50%;background-color:initial;color:#fff;cursor:pointer;transition:background-color var(--animation-duration) var(--timing-function);outline:none;background-position:50%;background-size:60%;background-repeat:no-repeat}.lightbox__button:focus,.lightbox__button:hover{background-color:rgba(0,0,0,.5)}
/*# sourceMappingURL=/image-finder-app/styles.03671bb7.css.map */