.circle{width:60px;height:60px;right:-265px;top:-60px;border-radius:50%;background:conic-gradient(#dff20f var(--angle),#333 var(--angle));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:#000;position:relative}img[id^=player-image-],.main-player-image{transition:opacity .3s ease-in-out;display:block}.gallery .gallery-image,.gallery img{cursor:pointer;border:3px solid transparent;transition:border-color .3s ease-in-out,transform .2s ease-out;margin:2px;box-sizing:border-box;object-fit:cover}.gallery .gallery-image:hover,.gallery img:hover{transform:scale(1.05)}.gallery .gallery-image.active,.gallery img.active{border-color:#000}.gallery{display:flex;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.gallery::-webkit-scrollbar{display:none}@media (max-width: 767px){.circle{right:-74px!important;top:-40px!important}.singles,.doubles{padding:8px 0 0 8px!important}}@media (min-width: 1024px) and (max-width: 1036px){.circle{right:-93px!important;top:-49px!important}}@media only screen and (width: 1920px){.circle{right:-500px;top:-50px}}@media only screen and (width: 1280px){.circle{right:-200px;top:-60px}}@media (min-width: 768px) and (max-width: 912px){.player-profile-image{width:380px}.circle{right:-40px;top:-33px}.singles,.doubles{padding:8px 0 0 8px!important}.player-social-links-container{bottom:3px!important}}.circle:before{content:"";width:44px;height:44px;background:#000;border-radius:50%;position:absolute}.circle span{position:absolute;z-index:1;color:#fff}.player-profile-container{background-color:var(--pp-background-color, #ffffff);color:var(--pp-text-color, inherit);display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:20px;margin:40px auto;max-width:min(100%,95vw,1920px);box-sizing:border-box;padding:20px;border:1px solid #e4d4d4;box-shadow:0 4px 12px #0000001a}.player-profile-image img{transition:transform .3s ease;transform-origin:center}.dupr{display:flex;gap:20px}.singles,.doubles{border:1px solid black;color:#fff;padding:10px 0 0 10px;background:#000;border-radius:5px;width:50%;height:81px}.player-profile-image img#player-image{display:block;max-width:100%;width:500px;height:auto;object-fit:cover;box-shadow:0 4px 12px #0000001a}.gallery{padding-top:10px;display:flex;flex-wrap:wrap;gap:10px}.gallery>img{width:100px!important;height:100px!important;object-fit:cover}.name-flag{display:flex;align-items:center;gap:10px;margin-bottom:15px;justify-content:space-between}.name-flag h2{margin:0}.ratings{border:1px solid #ccc;background:#dff20f;border-radius:5px;padding:10px 15px;margin-bottom:15px;overflow:hidden}.ratings p{margin:5px 0}.player-profile-details{flex:1;text-align:left}.player-profile-details p{margin:8px 0}.player-role-badge{text-align:left}.player-role-badge img{display:inline-block;max-width:150px;height:auto;vertical-align:middle}.player-social-links-container{margin-top:20px;position:relative;display:block;bottom:-123px;padding:10px;border:1px solid #e3e3e3;box-shadow:0 4px 8px #dbb6b633}.player-social-links-container p strong{margin-bottom:5px;display:block}.player-social-links{display:flex;gap:10px;flex-wrap:wrap;align-items:center}#shop .player-social-links a.social-link{display:inline-block;line-height:0}.player-social-links a.social-link img{display:block;transition:opacity .2s ease-in-out}.player-social-links a.social-link:hover img{opacity:.7}@media (max-width: 767px){.singles,.doubles{height:100px}.dupr{gap:10px}.ratings{padding:10px 12px}.player-profile-container{box-shadow:none;margin:5px 0 0;padding:15px;max-width:none;gap:15px;align-items:center}.player-profile-image,.player-profile-details{width:100%;max-width:500px}.player-profile-image{margin:0 auto}.name-flag{justify-content:space-between;margin-top:20px}.ratings{width:100%}.player-social-links-container{bottom:0!important}h3{text-align:center}.player-role-badge{text-align:center;margin-bottom:0}.player-social-links-container{text-align:center;padding:15px}.player-social-links{justify-content:left}.player-social-links-container p strong{margin-bottom:10px}}@media (min-width: 768px){.player-profile-image{flex-shrink:0}.player-profile-details{flex:1;text-align:left}}.image-with-text__content{text-align:left}@media only screen and (width: 912px){.image-with-text__content{text-align:center}}
/*# sourceMappingURL=/cdn/shop/t/62/assets/player-profile-1.css.map */