.map-mark-main{width:100%;background:#1b2529}.map-mark-inner{width:100%}.map-mark-box{position:relative;border-radius:var(--text-boxes-radius);overflow:hidden;display:flex}.map-mark-bg{position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0;display:flex}.map-mark-bg img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.map-mark-info{position:relative;z-index:1;width:100%;padding:50px 25px 0;display:flex;flex-direction:column;gap:48px}.map-mark-svg{width:100%;position:relative;display:flex}.map-mark-svg svg{width:100%}.map-mark-svg svg path{transition:all .3s}.map-mark-svg-country{position:absolute;z-index:1;display:flex;transform:translateY(calc(-3vh - 14px))}.map-mark-svg-country:before{content:"";width:1px;height:3vh;background:#fff;position:absolute;left:50%;top:14px;transform:translate(-50%)}.map-mark-svg-country-point{width:6px;height:6px;background:#fff;border-radius:50%;position:absolute;left:50%;transform:translate(-50%);top:calc(3vh + 12px);display:block!important;--hotspot-marker-size: 36px}.map-mark-svg-country-point:after{content:"";position:absolute;border-radius:50%;top:0;right:0;bottom:0;left:0;animation:hotspotPulse 1s var(--cubic-bezier-ease-out-slow) infinite}.map-mark-svg-country-flag{width:22px;height:14px;border-radius:4px;overflow:hidden;display:flex}.map-mark-svg-country-flag img{width:100%;height:100%}.map-mark-country{width:100%;padding:24px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;gap:24px}.map-mark-country-item{position:relative;display:flex;opacity:0;visibility:hidden;transform:translateY(100px);transition:ease .3s}.map-mark-country-item.show{transform:translateY(0);opacity:1;visibility:visible}.map-mark-country-item-head{width:100%;background:#ffffff40;border:1px solid #a757c930;border-radius:.75rem;padding:16px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:ease .3s;display:flex;align-items:center;justify-content:space-between;gap:8px}.map-mark-country-item-head-left{display:flex;align-items:center;gap:8px}.map-mark-country-item-flag{width:20px;height:12px;display:flex;overflow:hidden}.map-mark-country-item-flag img{width:100%;height:100%}.map-mark-country-item-name{font-size:13px;line-height:1;color:#fff}.map-mark-country-item-head-icon{width:12px;height:12px;position:relative}.map-mark-country-item-head-icon:before{content:"";width:100%;height:1px;background:#fff;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s}.map-mark-country-item-head-icon:after{content:"";width:1px;height:100%;background:#fff;position:absolute;left:50%;transform:translate(-50%);transition:all .3s}.map-mark-country-item:hover .map-mark-country-item-head-icon:before{opacity:0}.map-mark-country-item:hover .map-mark-country-item-head-icon:after{transform:rotate(90deg)}.map-mark-country-item-content{position:absolute;width:100%;left:0;top:0;transform:translateY(-100%);background:#ffffff40;border-radius:.75rem;padding:0 16px;overflow:hidden;transform:scaleY(0) translateY(-100%);transform-origin:top;transition:transform .3s ease;display:flex;flex-direction:column;gap:4px}.map-mark-country-item-content *{margin:0;color:#fff;font-size:12px;line-height:1.4}.map-mark-country-item:hover .map-mark-country-item-head{border-top:#555 1px solid;border-radius:0 0 .75rem .75rem}.map-mark-country-item:hover .map-mark-country-item-content{border:1px solid #a757c930;border-radius:.75rem .75rem 0 0;border-bottom:none;transform:scaleY(1) translateY(-100%);padding:16px}@media screen and (max-width: 1080px){.map-mark-info{gap:36px}.map-mark-country{gap:18px}.map-mark-country-item-head{padding:12px 8px}.map-mark-country-item-name{font-size:12px}}@media screen and (max-width: 879px){.map-mark-info{gap:24px}.map-mark-country{grid-template-columns:repeat(4,minmax(0,1fr))}}@media screen and (max-width: 768px){.map-mark-country{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (max-width: 580px){.map-mark-info{padding:24px 14px 0;gap:16px}.map-mark-country{padding:14px 0;grid-template-columns:repeat(1,minmax(0,1fr));gap:12px}.map-mark-country-item{display:flex;flex-direction:column}.map-mark-country-item-content{position:relative;display:none;transform:scaleY(0) translateY(0);transform-origin:bottom}.map-mark-country-item:hover .map-mark-country-item-head{border-bottom:#555 1px solid;border-radius:.75rem .75rem 0 0}.map-mark-country-item:hover .map-mark-country-item-content{display:flex;border-radius:0 0 .75rem .75rem;border-top:none;transform:scaleY(1)}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/map-mark.css.map */