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}*{box-sizing:border-box;margin:0;padding:0}.gallery-container{background:#000;height:100vh;overflow:hidden;position:relative;width:100vw}.image-transition{height:100%;position:relative;width:100%}.gallery-image{animation-duration:.4s;animation-fill-mode:forwards;height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.image-transition.up .gallery-image{animation-name:fadeInUp}.image-transition.down .gallery-image{animation-name:fadeInDown}.image-transition.left .gallery-image{animation-name:swipeLeft}.image-transition.right .gallery-image{animation-name:swipeRight}@keyframes swipeLeft{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes swipeRight{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.triangle-zone{background:#fff0;height:100%;position:absolute;width:100%;z-index:10}.top-zone{background:#fff0;clip-path:polygon(0 0,100% 0,50% 100%);cursor:n-resize;top:0}.bottom-zone,.top-zone{height:50%;left:0;width:100%}.bottom-zone{background:#0000;bottom:0;clip-path:polygon(0 100%,100% 100%,50% 0);cursor:s-resize}.left-zone{background:#00f0;clip-path:polygon(0 0,0 100%,50% 50%);cursor:w-resize;left:0}.left-zone,.right-zone{height:100%;top:0;width:100%}.right-zone{background:#f000;clip-path:polygon(100% 0,100% 100%,50% 50%);cursor:e-resize;right:0}.compass-container{font-family:sans-serif;height:250px;text-align:center;-webkit-user-select:none;user-select:none;width:250px;z-index:20}.compass-container,.info-button{color:#fff;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.info-button{background:none;border:none;width:140px}.info-button,.side-info{font-size:1rem;font-weight:500;white-space:nowrap}.side-info{pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:150px}.left-info{left:-160px;text-align:right}.right-info{right:-160px;text-align:left}.bottom-info,.top-info{font-size:1rem;font-weight:500;left:50%;pointer-events:none;position:absolute;text-align:center;transform:translateX(-50%);white-space:nowrap;width:200px}.top-info{top:-30px}.bottom-info{bottom:-30px}.compass-container{opacity:1;transition:opacity .3s ease}.compass-container.hidden{opacity:0;pointer-events:none}
/*# sourceMappingURL=main.ba9760a3.css.map*/