/* Auto-generated file. Do no not modify. */
.ball{height:2.5em;pointer-events:none;position:relative;width:2.5em}.ball__ball{background:var(--color-ball);height:100%;left:0;-webkit-mask:none center center no-repeat;mask:none center center no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;position:absolute;top:0;transition:opacity .4s,transform .4s;width:100%;z-index:2}.ball__ball--hover,.ball__lines{background:var(--color-ball-hover);opacity:0}.ball__lines{height:3.75em;-webkit-mask:url(../../images/lines.svg) center center no-repeat;mask:url(../../images/lines.svg) center center no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;position:absolute;right:1.525em;top:.925em;transition:opacity .4s;width:3.75em}.ball--basketball .ball__ball{-webkit-mask-image:url(../../images/balls/basketball.svg);mask-image:url(../../images/balls/basketball.svg)}.ball--basketball .ball__ball--hover{-webkit-mask-image:url(../../images/balls/basketball-n.svg);mask-image:url(../../images/balls/basketball-n.svg)}@media print,screen and (min-width:1024px){.ball-hover:hover .ball .ball__ball{transform:rotate(45deg)}.ball-hover:hover .ball .ball__ball--hover,.ball-hover:hover .ball .ball__lines{opacity:1}}
/*# sourceMappingURL=ball.min.css.map */