.map{border-radius:1rem;height:100%;overflow:hidden;position:relative;width:100%}.map:after{animation:rotate 1s linear infinite;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='216' height='216' preserveAspectRatio='xMidYMid' style='margin-right:-1.33333px;display:block;animation-play-state:paused' viewBox='0 0 100 100'%3E%3Cpath fill='%23fff' d='M9 50a41 41 0 0 0 82 0 41 43.1 0 0 1-82 0' style='transform:matrix(1,0,0,1,0,0);animation-play-state:paused'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100% 100%;border-radius:50%;content:none;height:6rem;left:50%;opacity:.32;position:absolute;top:50%;width:6rem;z-index:0}.map.is-loading:after{content:""}.map__inner{height:100%;opacity:1;position:relative;transition:all .64s ease;width:100%;z-index:2}.map.is-loading .map__inner{filter:blur(20px);opacity:0}.map__inner.is-transition{filter:blur(5px);opacity:.86;transition:all .1s ease}.map__marker{align-items:center;background-color:var(--color__fill-1);border-radius:50%;color:var(--color__white);display:flex;font-size:1rem;height:4.3125rem;justify-content:center;transform:translate(-50%,-50%);width:4.3125rem}.map__marker.--shop{background-color:#101028db;cursor:pointer;height:3.375rem;transition:all .24s ease;width:3.375rem}.map__marker.--shop:hover{background-color:var(--color__fill-1)}.map.is-loading .map__marker.--shop{display:none}.map__marker.--shop.is-active{background-color:var(--color__fill-1)}.map__marker-icon{font-size:2rem}.map__marker.--shop .map__marker-icon{background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="none" viewBox="0 0 15 15"><path stroke="%23fff" stroke-width="2" d="M.24 7.54h7.119m7.12 0h-7.12m0 0V.42v14.24"/></svg>');background-repeat:no-repeat;background-size:100% 100%;height:.9375rem;width:.9375rem}.map__marker.--shop.is-active .map__marker-icon{background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" fill="none" viewBox="0 0 14 13"><circle cx="7.016" cy="6.5" r="6.5" fill="%23fff"/></svg>')}.map__marker-icon svg{margin-bottom:.125rem;width:auto}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(1turn)}}