body{background-color:#0c0c0c;margin:0}.gallery{margin:auto;color:#fff;font-family:Arial,sans-serif;padding:24px}.header-container{display:flex;padding:.5em;justify-content:space-between;align-items:center;height:4em}.search-bar{display:flex;align-items:center;flex-grow:1;min-width:none}.search-bar input{flex-grow:1;width:0px;padding:.8em 1em;border:none;margin-right:1em;border-top-right-radius:24px;border-bottom-right-radius:24px;background-color:#222;color:#fff}.search-bar input:focus{background-color:#eee;color:#000;font-weight:700}.search-button{height:max-content;margin-right:0;padding:.3em .6em;border:none;border-radius:24px 3px 3px 24px;background-color:#222;color:#fff;cursor:default}.icon{width:2em;height:1.5em}@media (max-width: 680px){.search-button{display:none}.search-bar input{border-radius:24px}}.controls{display:flex;align-items:center}.controls button{flex-grow:.5;padding:.5em;border:none;border-radius:0;background-color:#222;cursor:pointer;color:#fff}.controls button:first-child{border-top-left-radius:24px;border-bottom-left-radius:24px}.controls button:last-child{border-top-right-radius:24px;border-bottom-right-radius:24px}.controls button:hover{background-color:#555;color:#fff}.controls button.active{background:#ccc;color:#000}.pagination-container{display:flex;justify-content:center;align-items:center;margin-top:1em;width:100%}.pagination-button{background-color:#222;color:#fff;border:none;padding:.4em .8em;margin:0 .2em;cursor:pointer;border-radius:4px}.pagination-button--active{cursor:default;background-color:#0c0c0c;color:#555}.pagination-button--current{font-weight:700;background-color:#555;color:#fff}.pagination-button--dots{cursor:pointer;background-color:#222;color:#fff;font-size:.7em;padding:.8em .75em}.pagination-button:hover{background-color:#666}.pagination-button--active:hover{background-color:#0c0c0c}.image-list{display:grid;grid-template-columns:repeat(4,1fr);gap:2em}@media (max-width: 1920px){.image-list{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1200px){.image-list{grid-template-columns:repeat(2,1fr)}}@media (max-width: 720px){.image-list{grid-template-columns:repeat(1,1fr)}}.image-card{background-color:#282828;border:1px solid #333;border-radius:8px;overflow:hidden;padding:6px;text-align:center;transition:transform .2s ease-in-out;position:relative}.image-card:hover{box-shadow:0 4px 8px #0000001a;cursor:pointer}.image-container{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:.2em;position:relative;width:100%}.image-container:before{content:"";display:block;padding-top:100%}.main-image1,.main-image2,.main-image3,.main-image4{position:absolute;width:100%;height:100%;object-fit:cover;border-radius:4px;transition:transform .2s ease-in-out;z-index:0}.main-image1:hover,.main-image2:hover,.main-image3:hover,.main-image4:hover{transition:transform .2s ease-in-out;z-index:1;overflow:visible;position:absolute;object-fit:scale-down}.main-image1,.loading-spinner1{grid-row:1 / span 1;grid-column:1 / span 1}.main-image2,.loading-spinner2{grid-row:1 / span 1;grid-column:2 / span 1}.main-image3,.loading-spinner3{grid-row:2 / span 1;grid-column:1 / span 1}.main-image4,.loading-spinner4{grid-row:2 / span 1;grid-column:2 / span 1}.main-image1:hover{transform:scale(1.54) translate(17%,17%)}.main-image2:hover{transform:scale(1.54) translate(-17%,17%)}.main-image3:hover{transform:scale(1.54) translate(17%,-17%)}.main-image4:hover{transform:scale(1.54) translate(-17%,-17%)}.avatar{width:40px;height:40px;border-radius:50%;margin-right:.5em;flex-shrink:0}.info-container{display:flex;align-items:center;padding:.5em;vertical-align:middle;margin-top:5px}.prompt{color:#ccc;flex-grow:1;margin:0 1em;font-size:1em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.no-results{color:#ccc;font-size:1.5em;text-align:center;margin-top:2em}.loading-spinner1,.loading-spinner2,.loading-spinner3,.loading-spinner4{border:1px solid rgba(255,255,255,.2);border-radius:50%;border-top:1px solid rgba(255,255,255);width:100%;height:100%;position:absolute}.loading-spinner1{animation:spin1 1s linear infinite}.loading-spinner2{animation:spin2 1s linear infinite}.loading-spinner3{animation:spin3 1s linear infinite}.loading-spinner4{animation:spin4 1s linear infinite}@keyframes spin1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin3{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes spin4{0%{transform:rotate(-180deg)}to{transform:rotate(180deg)}}@keyframes spin2{0%{transform:rotate(180deg)}to{transform:rotate(-180deg)}}.hidden{display:none}.loading{opacity:.4;transition:opacity .2s ease-in-out}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}