.generic-button{background-color:#dedfe4;border:none;border-radius:5px;cursor:pointer;flex-shrink:0;font-weight:400;height:40px;padding:0 20px}.generic-button:hover{background-color:#c8c9d2}.generic-button:disabled{opacity:.5}.generic-button.accent-btn{background-color:var(--accent-color)}.generic-button.accent-btn:hover{background-color:#a2e700}.generic-button.scroll-to-top-btn{bottom:20px;opacity:.8;position:fixed;right:20px}@media (max-width:1800px){.generic-button{height:34px}}.popup-overlay{background-color:#00000080;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:1000}.popup,.popup-overlay{align-items:center;display:flex}.popup{background-color:#fff;border-radius:20px;flex-direction:column;gap:20px;max-height:100%;max-width:100%;padding:40px;position:relative}.popup h2{font-size:24px;font-weight:500}.popup-close{background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M6.4 19 5 17.6l5.6-5.6L5 6.4 6.4 5l5.6 5.6L17.6 5 19 6.4 13.4 12l5.6 5.6-1.4 1.4-5.6-5.6z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;border:none;cursor:pointer;height:24px;opacity:.5;position:absolute;right:10px;top:10px;width:24px}.popup-close:hover{opacity:1}.popup-form{align-items:center;display:flex;flex-direction:column;gap:20px}.popup-form .form-field{align-items:center;display:flex;gap:10px;width:100%}.popup-form .form-field label{width:70px}.popup-form .popup-actions{display:flex;gap:20px}.popup-form .form-field.checkbox label{align-items:center;display:flex;gap:10px;width:100%}.popup-form .form-field.checkbox input{accent-color:var(--accent-color);height:20px;width:20px}.popup-image-container{max-height:100%;max-width:100%;overflow:hidden}.popup-image-container img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.gallery-item{display:flex;flex-direction:column;gap:10px;height:100%;justify-content:space-between}.gallery-item .image{border-radius:10px;cursor:pointer;height:360px;-o-object-fit:cover;object-fit:cover;transition:transform .2s ease-in-out;width:100%}.gallery-item .image:hover{transform:scale(.97)}.gallery-item .image-info{display:flex;flex-direction:column;gap:5px}.image-source{opacity:.6}.image-source span{background-color:#dedfe4;border-radius:5px;padding:3px 5px}.gallery-item .popup-image-container{max-height:100%;max-width:100%}.gallery-content{flex-direction:column;gap:20px;margin:40px 0}.gallery-content,.gallery-filters{align-items:center;display:flex;width:100%}.gallery-filters{flex-wrap:wrap;gap:10px 30px;justify-content:center}.gallery-filter{align-items:center;display:flex;gap:10px;position:relative}.gallery-filter label{flex-shrink:0}.gallery-filter input,.gallery-filter select{-webkit-appearance:none;border-radius:0;min-width:200px;padding-right:30px}.gallery-filter:has(select):before{border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid #000;content:"";margin-top:-2px;position:absolute;right:0;top:50%}.gallery-grid{display:grid;gap:40px 20px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));justify-content:stretch;margin:20px 0;width:100%}.gallery-grid.no-images{display:block;margin:40px 0;opacity:.5;text-align:center}.gallery-pagination{align-items:center;display:flex;gap:10px;justify-content:center;width:100%}@media (max-width:464px){.gallery-filters{gap:30px}.gallery-filter{align-items:flex-start;flex-direction:column;width:100%}}.gallery{--highlight-size: calc(100% + 40px) ;align-items:center;background:linear-gradient(180deg,var(--secondary-color) 60%,#fff 89%);display:flex;flex-direction:column;margin-top:90px;min-height:calc(100vh - 240px)}.gallery h1{margin:40px 0;max-width:680px;text-align:center}.gallery .highlighted{font-size:inherit;position:relative}.highlight{animation:highlightAnimation 1s cubic-bezier(.075,.82,.165,1) forwards;height:100%;left:-20px;position:absolute;top:0;transform-origin:center left;width:var(--highlight-size)}.highlight-svg{height:calc(var(--h1-size)*1.5);-o-object-fit:cover;object-fit:cover;width:100%}.gallery .accent{font-size:inherit;font-weight:600;position:relative}.file-loader{left:10px;position:fixed;top:80px;z-index:1000}.file-loader.error{background-color:#fff;border:1px solid var(--error-color);border-radius:10px;color:var(--error-color);left:50%;margin:10px;padding:10px;transform:translate(-50%)}@keyframes highlightAnimation{0%{width:0}to{width:var(--highlight-size)}}@media (max-width:1800px){.gallery{--highlight-size: calc(100% + 36px) ;min-height:calc(100vh - 228px)}}@media (max-width:1024px){.gallery{--highlight-size: calc(100% + 30px) ;min-height:calc(100vh - 210px)}}