.dot-wrapper{position:absolute;width:100%;overflow-x:clip;overflow-y:clip;z-index:2;height:100%;pointer-events:none;top:0;left:0}.dot-yellow{background-color:#fdda63}.dot-cyan{background-color:#68c7b9}.dot-red{background-color:#ee2939}.friends-collection-dot{width:24px;height:24px;box-shadow:0 2px 2px #000000bf;position:absolute;display:block!important;border-radius:50%}.dot-1{top:40px;left:35%}.dot-2{top:149px;right:8%}.dot-3{top:309px;left:4%}.dot-4{top:445px;right:-3%}.dot-5{top:670px;left:20%}@media screen and (min-width: 1024px){.dot-3{top:309px;left:-1%}.dot-4{top:445px;right:-1%}}@media screen and (min-width: 1280px){.friends-collection-dot{width:76px;height:76px}.dot-1{top:40px;left:40%}.dot-3,.dot-2{display:none!important}.dot-4{background-color:#ee2939!important;right:-3%;top:330px}.dot-5{top:610px;left:30%}}@media screen and (min-width: 1600px){.dot-4{background-color:#ee2939;right:-2%;top:330px}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/section-friend-hero-banner-dots.css.map */