:root{--timing-function: cubic-bezier(.4, 0, .2, 1);--animation-duration: .25s}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{display:flex;align-items:center;justify-content:center;min-height:100vh;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;background-color:#fff;color:#212121}.gallery{display:grid;width:1200px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));grid-auto-rows:240px;grid-gap:12px;padding:0;list-style:none;margin-left:auto;margin-right:auto}.gallery__item{position:relative;box-shadow:0 1px 3px #0003,0 1px 1px #00000024,0 2px 1px -1px #0000001f}.gallery__image:hover{transform:scale(1.03)}.gallery__image{height:100%;width:100%;object-fit:cover;transition:transform var(--animation-duration) var(--timing-function)}.gallery__link{display:block;text-decoration:none;height:100%}.gallery__link:hover{cursor:zoom-in}.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:initial}.lightbox__overlay{position:absolute;top:0;left:0;width:100vw;height:100vh;background-color:#000c}.lightbox__content{position:relative;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:transparent;color:#fff;cursor:pointer;transition:background-color var(--animation-duration) var(--timing-function);outline:none;background-image:url(../images/icon-close.svg);background-position:center;background-size:60%;background-repeat:no-repeat}.lightbox__button:hover,.lightbox__button:focus{background-color:#00000080}.lightbox__close-btn{position:absolute;top:15px;right:15px;width:42px;height:42px;font-size:22px;color:#fff;background:rgba(0,0,0,.5);border:none;border-radius:50%;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .3s ease;z-index:10;opacity:0;transform:scale(.8)}.lightbox.is-open .lightbox__close-btn{opacity:1;transform:scale(1)}.lightbox__close-btn:hover{background:rgba(255,255,255,.2);transform:scale(1.1)}.lightbox__close-btn:active{transform:scale(.95)}.lightbox__counter{position:absolute;top:10px;left:15px;color:#fff;background:rgba(0,0,0,.5);padding:5px 10px;border-radius:5px;font-size:14px}.lightbox__caption{position:absolute;bottom:10px;left:50%;transform:translate(-50%);color:#fff;background:rgba(0,0,0,.5);padding:5px 15px;border-radius:5px;font-size:14px;max-width:80%;text-align:center}