body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{background-color:#222}.page-wrapper{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100vw}.page-wrapper header{margin:32px}.page-wrapper header h1{color:#fff;margin:0}.page-wrapper .main-content{flex-grow:1;max-width:1600px;overflow-x:hidden;overflow-y:overlay;scrollbar-width:thin;width:100%}.page-wrapper .main-content .image-grid{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding-left:16px;padding-right:16px;padding-top:16px}.page-wrapper .main-content .image-grid .reference-image{aspect-ratio:1/1;background-position:50%;background-size:cover;border:2px solid #fff;border-radius:16px;box-shadow:0 0 8px #000;cursor:pointer;opacity:0;position:relative;transition:scale .2s ease-out,opacity .2s ease-out;width:20%}.page-wrapper .main-content .image-grid .reference-image:hover{scale:1.02}.page-wrapper .main-content .image-grid .reference-image.active{opacity:1}@media screen and (max-width:800px){.page-wrapper .main-content .image-grid .reference-image{width:30%}.page-wrapper .main-content .image-grid{gap:16px;padding-bottom:16px}}.page-wrapper .expand-image-modal-wrapper{align-items:center;background-color:#000000b3;display:flex;height:100vh;justify-content:space-between;left:0;opacity:0;position:fixed;top:0;transition:opacity .2s ease-out;width:100vw;z-index:1000}.page-wrapper .expand-image-modal-wrapper.visible{opacity:1}.page-wrapper .expand-image-modal-wrapper .expand-image-modal-image{background-color:#222;scale:.9;transition:all .2s ease-out}.page-wrapper .expand-image-modal-wrapper .expand-image-modal-image.image-grown{box-shadow:0 0 64px #000;scale:1}.page-wrapper .expand-image-modal-wrapper .expand-image-modal-icons{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-between}.page-wrapper .expand-image-modal-wrapper .modal-icon{height:64px;margin:16px;opacity:.6;transition:all .2s ease-out;width:64px}.page-wrapper .expand-image-modal-wrapper .modal-icon:hover{opacity:1}.page-wrapper .expand-image-modal-wrapper .modal-icon svg{stroke:#000;stroke-width:2px;color:#fff;height:64px;width:64px}.page-wrapper .expand-image-modal-wrapper .modal-icon.image-modal-close,.page-wrapper .expand-image-modal-wrapper .modal-icon.image-modal-close svg{height:32px;width:32px}@media screen and (max-width:800px){.page-wrapper .expand-image-modal-wrapper .modal-icon,.page-wrapper .expand-image-modal-wrapper .modal-icon svg{height:32px;width:32px}}.page-wrapper .expand-image-modal-wrapper .image-modal-download{height:64px;margin:16px;opacity:.6;transition:all .2s ease-out;width:64px}.page-wrapper .expand-image-modal-wrapper .expand-image-modal{max-height:80%;max-width:80%}.page-wrapper .expand-image-modal-wrapper .expand-image-modal img{max-height:80vh;max-width:80vw}@media screen and (max-width:800px){.page-wrapper .expand-image-modal-wrapper .expand-image-modal img{max-height:60vh;max-width:60vw}}.page-wrapper .group-selector{color:#fff;display:flex;gap:32px;margin:32px}.page-wrapper .group-selector .group-button{align-items:flex-end;background-position:50%;background-size:cover;border:2px solid #fff;border-radius:16px;cursor:pointer;display:flex;height:96px;justify-content:center;position:relative;top:0;transition:all .3s ease-in-out;width:128px}.page-wrapper .group-selector .group-button:hover{scale:1.02}.page-wrapper .group-selector .group-button.selected{box-shadow:0 0 12px #fff;scale:1.1;top:-20px}.page-wrapper .group-selector .group-button.selected .group-name-dimmer{opacity:0}.page-wrapper .group-selector .group-button:not(.selected) .group-name-dimmer{opacity:1}.page-wrapper .group-selector .group-button:not(.selected):hover{box-shadow:0 0 8px #fff}.page-wrapper .group-selector .group-button:not(.selected):hover .group-name-dimmer{opacity:.5}.page-wrapper .group-selector .group-button .group-name-dimmer{align-items:center;background-color:#00000080;border-radius:16px;display:flex;height:100%;justify-content:center;position:absolute;transition:opacity .3s ease-in-out;width:100%}.page-wrapper .group-selector .group-button .group-name{-webkit-text-stroke-width:2px;-webkit-text-stroke-color:#000;color:#fff;font-size:20px;font-size:32px;font-weight:700;margin:0;text-align:center;-webkit-user-select:none;user-select:none;z-index:1}.page-wrapper .side-group-selector{align-items:start;background-color:#111;display:flex;flex-direction:column;height:100vh;justify-content:flex-start;left:-256px;position:absolute;top:0;transition:all .2s ease-in-out;width:256px;z-index:1}.page-wrapper .side-group-selector .side-group-selector-tab{align-items:center;background-color:#111;border-radius:0 16px 16px 0;color:#fff;cursor:pointer;display:flex;font-size:22px;font-weight:700;height:64px;justify-content:center;left:256px;position:absolute;top:16px;transition:all .2s ease-in-out;-webkit-user-select:none;user-select:none;width:96px;z-index:2;z-index:1}.page-wrapper .side-group-selector.expanded{left:0}.page-wrapper .side-group-selector.expanded .side-group-selector-tab{left:256px}.page-wrapper .side-group-selector .side-group-button{align-items:center;background-position:50%;background-size:cover;border-bottom:2px solid #fff;cursor:pointer;display:flex;height:96px;justify-content:start;position:relative;top:0;transition:all .3s ease-in-out;width:100%}.page-wrapper .side-group-selector .side-group-button:first-of-type{border-top:2px solid #fff}.page-wrapper .side-group-selector .side-group-button.selected .group-name-dimmer{opacity:0}.page-wrapper .side-group-selector .side-group-button.selected .group-name{font-size:38px;margin-left:48px}.page-wrapper .side-group-selector .side-group-button:not(.selected) .group-name-dimmer{opacity:1}.page-wrapper .side-group-selector .side-group-button .group-name-dimmer{align-items:center;background-color:#000c;display:flex;height:100%;justify-content:center;position:absolute;transition:opacity .3s ease-in-out;width:100%}.page-wrapper .side-group-selector .side-group-button .group-name{color:#fff;font-size:32px;font-weight:700;margin:0 0 0 16px;transition:all .2s ease-in-out;-webkit-user-select:none;user-select:none;z-index:1}.page-wrapper .side-group-selector-dimmer{background-color:#000000b3;height:100vh;left:0;opacity:0;position:fixed;top:0;transition:opacity .2s ease-in-out;width:100vw}.page-wrapper .side-group-selector-dimmer.visible{opacity:1}
/*# sourceMappingURL=main.0372298b.css.map*/