.gallery .container{gap:4rem;display:grid}.gallery .container .gallery-content-header{text-align:center}.gallery .container .gallery-content-header h1{font-size:3rem}.gallery .container .gallery-grid{grid-template-columns:repeat(4,1fr);display:grid}.gallery .container .gallery-grid img{object-fit:cover;width:100%;height:auto}.gallery .container .controls{justify-content:space-between;display:flex}.gallery .container .controls .progress-bar{background:var(--secondary-shade);width:100%;max-width:500px;height:6px}.gallery .container .controls .progress-bar .progress{background:var(--secondary);width:0%;height:100%}.gallery .container .controls .bar-controls{display:flex}.gallery .container .controls .bar-controls .control-btn{cursor:pointer;color:var(--secondary);background-color:var(--secondary-shade);border-radius:0;margin-bottom:1rem;padding:12px;font-weight:700}.gallery .container .controls .bar-controls .control-btn:hover{background-color:var(--whitesmoke)}.gallery .container .controls .bar-controls .control-btn:first-child{border-top-left-radius:12px;border-bottom-left-radius:12px}.gallery .container .controls .bar-controls .control-btn:last-child{border-top-right-radius:12px;border-bottom-right-radius:12px}@media screen and (max-width:768px){.gallery{text-align:center}.gallery .container .gallery-grid{grid-template-columns:repeat(1,1fr);display:grid}.gallery .container .controls .progress-bar{width:50%}}