.container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100dvh;width:100dvw}.center{text-align:center}.full-container{display:flex;align-items:center;justify-content:center;padding:1rem}.container{width:min(1100px,100dvw);height:min(72dvh,720px);max-width:100%;border-radius:2rem}.image-gallery-page{width:100%}.image-gallery-title{margin:.75rem 0 .5rem}.image-gallery{padding:clamp(.4rem,2vw,1.25rem);--cols: 30;--gap: .5rem;display:flex;flex-wrap:wrap;gap:var(--gap);max-height:fit-content;overflow:hidden}.compare-toolbar{display:flex;justify-content:center;padding:.5rem 1rem 0}.fullscreen-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.2);background:#202020b3;color:#ffffffeb;padding:.55rem .9rem;border-radius:.4rem;font-weight:700;cursor:pointer}.fullscreen-btn:active{transform:translateY(1px)}.compare-stage{width:100%;position:relative}.compare-stage:fullscreen{background:#101010;padding:0}.compare-stage:fullscreen .full-container{padding:0}.compare-stage:fullscreen .container{width:100dvw;height:100dvh;border-radius:0}.image-container{cursor:pointer;scale:1;height:2.5rem;position:relative;flex:0 0 calc((100% - (var(--cols) - 1) * var(--gap)) / var(--cols));-webkit-user-select:none;user-select:none;transition:all .1s ease-in-out;border-radius:.4rem;text-align:center;background-color:#202020;margin:0}.is-selected{border:5px solid #00b7fa}.is-not-selected{border:5px solid transparent}.image-container:hover{filter:grayscale(0%);background-color:#525252}.image-container:hover .text-img-date{color:#ffffffa8}.image-container:hover .text-img-name{color:#fff}.text-img-name{font-weight:bolder;font-size:large;color:#ffffff75}.text-img-date{color:#ffffff40;font-size:.7rem}.text-compare-number{color:#ffffffce;font-size:4rem}.text-compare-date{color:#fff}.current-select-footer{position:fixed;bottom:3rem;left:50%;transform:translate(-50%);z-index:9999;text-align:center;-webkit-user-select:none;user-select:none;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.compare-stage:fullscreen .current-select-footer--overlay{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);z-index:10000;pointer-events:none}.no-margin{margin:0}@media screen and (max-width: 1124px){.image-gallery{padding:clamp(.4rem,2vw,1rem);--cols: 8;--gap: .5rem;max-height:fit-content}.container{width:100dvw;height:64dvh;border-radius:1.25rem}.image-gallery-360{padding:1rem;grid-template-columns:repeat(3,1fr);grid-gap:.5rem;min-height:120px;max-height:fit-content}.full-container{padding:1rem}.current-select-footer{position:static;bottom:1rem;left:50%;transform:translate(-0%);z-index:9999;text-align:center;-webkit-user-select:none;user-select:none}}@media screen and (max-width: 664px){.image-gallery{padding:clamp(.4rem,2.5vw,1rem);--cols: 6;--gap: .6rem;max-height:fit-content}.image-gallery-title{font-size:1.75rem}.text-compare-number{font-size:2.25rem}.container{width:100dvw;height:70dvh;border-radius:1rem}.image-gallery-360{padding:1rem;grid-template-columns:repeat(2,1fr);grid-gap:.5rem;min-height:120px;max-height:fit-content}.current-select-footer{position:static;bottom:0rem;left:50%;transform:translate(-0%);z-index:9999;text-align:center;-webkit-user-select:none;user-select:none}.full-container{padding:1rem}}@media screen and (max-width: 300px){.image-gallery{padding:.4rem;--cols: 4;--gap: .5rem;max-height:fit-content}.current-select-footer{position:static;bottom:0rem;left:50%;transform:translate(-0%);z-index:9999;text-align:center;-webkit-user-select:none;user-select:none}.full-container{padding:.4rem}}.center-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);line-height:0}.image-gallery-360{padding:0rem 2rem;display:grid;grid-template-columns:repeat(5,1fr);grid-gap:.5rem;max-height:fit-content;margin:0;overflow:auto}.image-container-360{cursor:pointer;scale:1;height:4rem;border-radius:.4rem;text-align:center;margin:0;padding:0;display:flex;justify-content:center;align-items:center;overflow:hidden;transition:all .15s ease-in-out}.text-img-name{font-weight:bolder;font-size:large;color:#fff}.image-360{max-width:100%;max-height:auto;filter:brightness(30%)}.image-container-360:hover{scale:1.01;border-radius:1rem}.image-container-360:hover .text-img-name{color:#fff0}.image-container-360:hover .image-360{filter:brightness(100%)}@media screen and (max-width: 1124px){.image-gallery-360{padding:1rem;grid-template-columns:repeat(3,1fr);grid-gap:.5rem;min-height:120px;max-height:fit-content}}@media screen and (max-width: 664px){.image-gallery-360{padding:1rem;grid-template-columns:repeat(2,1fr);grid-gap:.5rem;min-height:120px;max-height:fit-content}}@media screen and (max-width: 300px){.image-gallery-360{padding:1rem;grid-template-columns:repeat(1,1fr);grid-gap:.5rem;min-height:120px;max-height:fit-content}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;color-scheme:light dark;color:#ffffffde;background-color:#101010;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100dvh}