:root{--theme-color-1:#00021e;--theme-color-2:#19c1ff}@property --border-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes spin-border{to{--border-angle:360deg}}html,body{height:100%;margin:0;padding:0;font-family:sans-serif}body{background-color:var(--theme-color-1);color:#fff}#map{width:100vw;height:100dvh}.logo{z-index:20;max-width:10rem;margin:2rem auto;position:absolute;left:50%;transform:translate(-50%)}#cluster-modal{display:none}#cluster-modal.is-active{display:block}.cluster-modal__overlay{background:radial-gradient(circle,#fff0 0%,#00021ee6 100%);position:fixed;inset:0}.cluster-modal__overlay:before{content:"";width:50vw;height:50vw;position:fixed}.cluster-modal__background{width:0;height:auto;animation:.5s forwards scaleUp;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.cluster-modal__content{align-items:center;height:100dvh;display:flex}@keyframes scaleUp{0%{filter:blur();width:0}to{filter:blur(5px);width:75vw}}.cluster-modal__close{color:#fff;background:0 0;border:0;margin:0;padding:0}.poses-swiper{max-width:50rem}.poses-swiper .swiper-slide{background:conic-gradient(from var(--border-angle), transparent, var(--theme-color-2));border-radius:1rem;padding:2px;animation:3s linear infinite spin-border;position:relative}.poses-swiper .swiper-slide img{background-color:#000;border-radius:calc(1rem - 2px)}.cluster-icon{text-align:center;border:2px solid var(--theme-color-1);color:var(--theme-color-1);background-color:#fff;border-radius:100%;justify-content:center;align-items:center;width:4.5rem;height:4.5rem;font-size:1.5em;font-weight:500;display:flex}