.distributor-wrapper{justify-content:center;margin-top:5%;display:flex;position:relative}.distributor-main{cursor:grab;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;transition:cursor .1s;position:relative;transform:translateZ(0)}.distributor-dragging{cursor:grabbing}.distribution-circle{cursor:pointer;z-index:20;will-change:transform;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;background-image:url(../media/Ellipse.466c6db5.png);background-repeat:no-repeat;background-size:contain;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative;overflow:hidden;transform:translateZ(0)}.distribution-circle-shadow{background-color:#d06c3766;border-radius:50% 49% 41% 47%;position:absolute;box-shadow:-1px -2px 3px 2px #0000001a}.center-circle{z-index:30}.circle-image-container{-webkit-user-select:none;user-select:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden;transform:translateZ(0)}.circle-image-container p{text-align:center;max-width:80px;margin:0 0 15px;overflow:hidden}.circle-image{object-fit:contain;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;width:45%;height:45%;margin-bottom:5px;transition:transform .2s}.distribution-circle:hover .circle-image{transform:scale(1.05)}.center-circle:hover .circle-image{transform:scale(1.08)}.distributor-main *{transform-style:preserve-3d;backface-visibility:hidden;perspective:1000px}@media (max-width:720px){.circle-distributor-container{padding:10px}.distribution-circle{width:130px;height:130px}.distributor-wrapper{margin-top:15%}}@media (max-width:550px){.circle-image-container p{max-width:80px;font-size:12px}.circle-image{margin-bottom:5px}.distributor-wrapper{margin-top:17%}}@media (max-width:480px){.distribution-circle{border-width:1px}.center-circle{border-width:2px}}.distribution-circle-animation{animation:.5s linear infinite lll;transform:scale(1)}@keyframes lll{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.circle-skelton-container{width:100%;height:100%;animation:5s linear infinite rotateskell;position:relative}@keyframes rotateskell{0%{transform:rotate(0)}to{transform:rotate(360deg)}}