.doughnut-component {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  display: flex;
  align-items: center;
  position: relative;
}
.doughnut-component .doughnut__wrapper {
  background-color: #000;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA3NTAgNzU2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8dGl0bGU+R3JhcGg8L3RpdGxlPgo8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEgLTEpIj4KPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLjUpIj4KPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzk5LjE4IC43NDMxMSkiIGZpbGw9IiM0NjQ2NDYiPgo8cGF0aCBkPSJtMTU5LjU4IDYwLjYyMmw1LjYxOTYtOS43Mzk3LTIuMjMzMy0xLjI5NDQtNS42MjQyIDkuNzM1MmMwLjc0NzQ2IDAuNDI4NDIgMS40OTQ5IDAuODY1OTYgMi4yMzc4IDEuMjk4OXptMTAuODUyIDYuNTg1OGw1Ljk2Ni05LjU0ODMtMi4xODc3LTEuMzc2NC01Ljk3NTEgOS41NTI5YzAuNzM4MzQgMC40NTU3NyAxLjQ2MyAwLjkxMTUzIDIuMTk2OCAxLjM3MTl6bS0zMy4yMTYtMTguNjA0bDQuOTI2OC0xMC4wOTEtMi4zMTk5LTEuMTMwMy00LjkyMjMgMTAuMDg2YzAuNzc5MzYgMC4zNzgyOSAxLjU1NDIgMC43NTY1NyAyLjMxNTMgMS4xMzQ5em0xMS4yODkgNS44MTFsNS4yNzc4LTkuOTIyMS0yLjI3ODgtMS4yMTIzLTUuMjczMiA5LjkxNzVjMC43NTY1NyAwLjQwMTA4IDEuNTE3NyAwLjgxMTI3IDIuMjc0MyAxLjIxNjl6bTMyLjU0MiAxOS43NTNsNi4zMDMzLTkuMzQ3OC0yLjE0MjEtMS40NDQ4LTYuMzA3OCA5LjM0NzhjMC43MTU1NiAwLjQ3NCAxLjQyNjYgMC45NjYyMyAyLjE0NjcgMS40NDQ4em0zMC4yOTUgMjMuMDNsNy4yNjA0LTguNjU1LTEuOTgyNi0xLjY2MzYtNy4yNjA0IDguNjY0MWMwLjY2MDg2IDAuNTUxNDggMS4zMzA4IDEuMDk4NCAxLjk4MjYgMS42NTQ0em0xOC43OTEgMTcuMDU1bDcuODUyOS04LjEzMDktMS44NTA0LTEuODAwMy03Ljg2NjUgOC4xNGMwLjYyODk2IDAuNTk3MDYgMS4yNDg4IDEuMTk0MSAxLjg2NDEgMS43OTEyem0tMjguNjIyLTI1LjA4MWw2Ljk1NS04Ljg5Mi0yLjAzNzMtMS41OTUyLTYuOTU1IDguODk2NmMwLjY3OTA5IDAuNTMzMjUgMS4zNjI3IDEuMDU3NCAyLjAzNzMgMS41OTA2em0tMTAuMS03LjY3OTdsNi42MzE0LTkuMTI5LTIuMDkyLTEuNTE3Ny02LjYzMTQgOS4xMjljMC42OTI3NyAwLjUwMTM0IDEuMzk0NiAxLjAwNzIgMi4wOTIgMS41MTc3em0tNjUuNjcxLTM4LjMwM2w0LjU2NjgtMTAuMjUtMi4zNjU0LTEuMDQ4My00LjU2MjIgMTAuMjVjMC43OTMwNCAwLjM0NjM4IDEuNTc3IDAuNjkyNzcgMi4zNjA5IDEuMDQ4M3ptOTUuMTQ2IDYyLjM3Nmw3LjU2NTctOC4zOTk4LTEuOTIzMy0xLjczMTktNy41NjEyIDguNDA0M2MwLjYzODA3IDAuNTc0MjcgMS4yODA3IDEuMTQ4NSAxLjkxODggMS43Mjc0em0tMTkyLjM1LTkwLjU3OWwxLjU2NzgtMTEuMTUzLTIuNTY2LTAuMzYwMDYtMS41NjMzIDExLjE1N2MwLjg1Njg0IDAuMTEzOTQgMS43MDQ2IDAuMjI3ODggMi41NjE0IDAuMzU1NXptLTEyLjU5Ny0xLjU3N2wxLjE3NTktMTEuMjEyLTIuNTY2LTAuMjczNDYtMS4xNzU5IDExLjIxMmMwLjg1Njg0IDAuMDkxMTUzIDEuNzEzNyAwLjE4Njg2IDIuNTY2IDAuMjczNDZ6bTI1LjEyNiAzLjU4MjNsMS45NTUyLTExLjA2Ni0yLjU0MzItMC40NDY2NS0xLjk1OTggMTEuMDc1YzAuODUyMjggMC4xNDU4NSAxLjcgMC4yODcxMyAyLjU0NzcgMC40Mzc1NHptLTM3Ljc2NS00LjcyMTdsMC43ODg0OC0xMS4yNjItMi41Nzk2LTAuMTgyMzEtMC43ODg0OCAxMS4yNjdjMC44NjU5NiAwLjA1OTI1IDEuNzE4MiAwLjExODUgMi41Nzk2IDAuMTc3NzV6bTUwLjIxNiA3LjE3ODNsMi4zMzM1LTEwLjk3OS0yLjUyNS0wLjUzNzgxLTIuMzMzNSAxMC45ODRjMC44Mzg2MSAwLjE3Nzc1IDEuNjg2MyAwLjM1NTUgMi41MjUgMC41MzMyNXptMzYuNzM5IDkuOTY3NmwzLjQ2ODQtMTAuNjYtMi40NjU3LTAuODAyMTUtMy40NTQ3IDEwLjY2YzAuODE1ODIgMC4yNjg5IDEuNjMxNiAwLjUyODY5IDIuNDUyIDAuODAyMTV6bTExLjk4NyA0LjE3MDNsMy44Mjg0LTEwLjUyOC0yLjQyNDctMC44ODQxOS0zLjgzMyAxMC41MzNjMC44MTEyNyAwLjI5MTY5IDEuNjI3MSAwLjU4MzM4IDIuNDI5MiAwLjg3OTYzem0tMjQuMTE1LTcuOTE2N2wzLjA5MDEtMTAuNzgzLTIuNDgzOS0wLjcxNTU1LTMuMDkwMSAxMC43NzljMC44Mjk1IDAuMjM3IDEuNjU5IDAuNDc4NTYgMi40ODM5IDAuNzIwMTF6bS0xMi4yNDYtMy4zMjcxbDIuNzExOC0xMC44ODgtMi41MDY3LTAuNjI0NC0yLjcxNjQgMTAuODg0YzAuODM0MDUgMC4yMDUxIDEuNjc3MiAwLjQxOTMxIDIuNTExMyAwLjYyODk2em00OC4xOTcgMTUuODM4bDQuMTk3Ni0xMC4zOTEtMi4zOTI4LTAuOTcwNzgtNC4yMDIyIDEwLjQwMWMwLjgwMjE1IDAuMzE5MDQgMS42MDQzIDAuNjMzNTIgMi4zOTczIDAuOTYxNjd6bTIxNS43MyAyNDkuOTlsMTAuODkzLTIuNzE2NC0wLjYxOTg0LTIuNTA2Ny0xMC44OTcgMi43MTY0YzAuMjE0MjEgMC44Mzg2MSAwLjQxOTMxIDEuNjcyNyAwLjYyNDQgMi41MDY3em0tNi44OTU4LTI0LjQyNWwxMC42NjUtMy40Njg0LTAuNzkzMDMtMi40NjExLTEwLjY3IDMuNDY4NGMwLjI2NDM0IDAuODE1ODIgMC41Mzc4IDEuNjQwOCAwLjc5NzU5IDIuNDYxMXptMy42NjQ0IDEyLjE1MWwxMC43ODgtMy4wOTQ3LTAuNzExLTIuNDgzOS0xMC43OTMgMy4wOTQ3YzAuMjQxNTYgMC44Mjk1IDAuNDgzMTEgMS42NDk5IDAuNzE1NTYgMi40ODM5em02LjAzODkgMjQuNjU3bDEwLjk4OS0yLjM0MjYtMC41MzMyNS0yLjUyMDQtMTEuMDAyIDIuMzI5YzAuMTgyMzEgMC44NDMxNyAwLjM2OTE3IDEuNjg2MyAwLjU0NjkyIDIuNTM0MXptNC4yNzk3IDI1LjAxN2wxMS4xNjYtMS41Njc4LTAuMzU1NS0yLjU2MTQtMTEuMTY2IDEuNTY3OGMwLjExODUgMC44NDc3MyAwLjIzNyAxLjcwNDYgMC4zNTU1IDIuNTYxNHptLTEuOTI3OS0xMi41NDdsMTEuMDkzLTEuOTUwNy0wLjQ0NjY1LTIuNTUyMy0xMS4wODkgMS45NTk4YzAuMTU0OTYgMC44Mzg2MSAwLjMwMDgxIDEuNjk1NSAwLjQ0MjA5IDIuNTQzMnptNC40NjY1IDM3Ljc5N2wxMS4yNzEtMC43ODg0OC0wLjE3Nzc1LTIuNTc5Ni0xMS4yNzYgMC43ODg0OGMwLjA1OTI0OSAwLjg1Njg0IDAuMTIzMDYgMS43MjI4IDAuMTgyMzEgMi41Nzk2em0tMS4wNTI4LTEyLjY0OGwxMS4yMjYtMS4xNzU5LTAuMjY0MzQtMi41NzA1LTExLjIyNiAxLjE3MTNjMC4wOTExNTQgMC44NTY4NCAwLjE3Nzc1IDEuNzEzNyAwLjI2NDM0IDIuNTc1MXptLTM0LjMxNS0xMjEuNTNsMTAuMDkxLTQuOTIyMy0xLjEzMDMtMi4zMjQ0LTEwLjEwNCA0LjkyNjhjMC4zODI4NCAwLjc3NDggMC43NjExMyAxLjU0NTEgMS4xNDQgMi4zMTk5em0tMzIuNTA1LTU0LjQxNGw5LjEzMzYtNi42NDA1LTEuNTE3Ny0yLjA5Mi05LjEzMzYgNi42NDA1YzAuNTA1OSAwLjY5Mjc3IDEuMDExOCAxLjM5NDYgMS41MTc3IDIuMDkyem0tNy42MDY4LTEwLjE1OWw4LjkwMTEtNi45NTA0LTEuNTg2MS0yLjA0NjQtOC45MDU3IDYuOTU5NmMwLjUzNzggMC42NzkwOSAxLjA2NjUgMS4zNTgyIDEuNTkwNiAyLjAzNzN6bS03Ljk1NzctOS44ODU2bDguNjU5Ni03LjI2NDktMS42NjM2LTEuOTc4LTguNjU5NiA3LjI1NThjMC41NjUxNSAwLjY2NTQyIDEuMTA3NSAxLjMyNjMgMS42NjM2IDEuOTg3MXptNTguMzE1IDk3LjY4NWwxMC40MDEtNC4yMDY3LTAuOTY2MjMtMi4zOTczLTEwLjQwMSA0LjIwMjJjMC4zMjgxNSAwLjc5NzU5IDAuNjQ3MTkgMS41OTk3IDAuOTY2MjMgMi40MDE5em0tMzUuNS02Ny4yMjZsOS4zNTIzLTYuMzAzMy0xLjQ0OTMtMi4xNDY3LTkuMzQ3OCA2LjMxMjRjMC40ODMxMSAwLjcwNjQ0IDAuOTYxNjcgMS40MTc0IDEuNDQ0OCAyLjEzNzV6bS0zMS4xMTEtNDAuMDU3bDguMzk5OC03LjU3NDktMS43MjI4LTEuOTE4OC04LjQwNDMgNy41NjU3YzAuNTc4ODIgMC42MzM1MiAxLjE1MzEgMS4yODA3IDEuNzI3NCAxLjkyNzl6bTYxLjY5MyA5NS41ODNsMTAuMjUtNC41NjY4LTEuMDQ4My0yLjM2NTQtMTAuMjU1IDQuNTcxM2MwLjM1NTUgMC43ODM5MiAwLjcwMTg4IDEuNTY3OCAxLjA1MjggMi4zNjA5em0tNzAuMzE2LTEwNC45bDguMTMwOS03Ljg1MjktMS43OTEyLTEuODY0MS04LjEzMDkgNy44NTI5YzAuNTkyNSAwLjYxOTg0IDEuMTg5NiAxLjIzOTcgMS43OTEyIDEuODY0MXptNDYuNjIgNjAuMDM0bDkuNTQ4My01Ljk2MTQtMS4zNjI3LTIuMjAxNC05LjU1NzQgNS45NzUxYzAuNDU1NzcgMC43MjkyMyAwLjkyMDY1IDEuNDUzOSAxLjM3MTkgMi4xODc3em0xMi42MzggMjIuMDE4bDkuOTE3NS01LjI3NzgtMS4yMTIzLTIuMjg4LTkuOTI2NiA1LjI4MjNjMC40MDU2MyAwLjc2NTY5IDAuODE1ODIgMS41MTc3IDEuMjIxNSAyLjI4MzR6bS02LjEzMDEtMTEuMTIxbDkuNzQ0My01LjYxOTYtMS4yOTQ0LTIuMjQyNC05Ljc0NDMgNS42Mjg3YzAuNDMyOTggMC43NDI5IDAuODcwNTIgMS40ODU4IDEuMjk0NCAyLjIzMzN6bTI2LjYxMiA1Ny41MzFsMTAuNTQyLTMuODM3Ni0wLjg4NDE5LTIuNDI5Mi0xMC41MzcgMy44Mzc2YzAuMjk2MjUgMC44MDY3MSAwLjU4Nzk0IDEuNjEzNCAwLjg3OTYzIDIuNDI5MnoiLz4KPC9nPgo8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDEuMTM0OSkiIGZpbGw9IiM3NzciPgo8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNzQuNjcgMzc3Ljc3KSByb3RhdGUoOTApIHRyYW5zbGF0ZSgtMzc3LjUgLTM3NCkiPgo8cG9seWdvbiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1LjIwMTcgMzcyLjIyKSByb3RhdGUoLTkwKSB0cmFuc2xhdGUoLTUuMjAxNyAtMzcyLjIyKSIgcG9pbnRzPSIxMS41MzQgMzY3LjU4IDUuMjA1NSAzNzYuODUgLTEuMTMwNiAzNjcuNTgiLz4KPHBvbHlnb24gdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNzUwLjAzIDM3Mi4yMikgcm90YXRlKDkwKSB0cmFuc2xhdGUoLTc1MC4wMyAtMzcyLjIyKSIgcG9pbnRzPSI3NTYuMzcgMzY3LjU4IDc1MC4wNCAzNzYuODUgNzQzLjcgMzY3LjU4Ii8+Cjxwb2x5Z29uIHBvaW50cz0iMzgyLjQ1IDEuNzA1M2UtMTMgMzc2LjExIDkuMjY1IDM2OS43NyAxLjcwNTNlLTEzIi8+Cjxwb2x5Z29uIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM3Ni4xMSA3NDIuNTkpIHJvdGF0ZSgxODApIHRyYW5zbGF0ZSgtMzc2LjExIC03NDIuNTkpIiBwb2ludHM9IjM4Mi40NSA3MzcuOTUgMzc2LjExIDc0Ny4yMiAzNjkuNzcgNzM3Ljk1Ii8+CjwvZz4KPC9nPgo8L2c+CjwvZz4KPC9nPgo8L3N2Zz4K');
  background-size: 96% 96%;
  background-position: center center;
  background-repeat: no-repeat;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5);
  border-radius: 100%;
  padding: 17px;
}
.doughnut-component .doughnut__details {
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 13px;
  text-transform: uppercase;
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  text-align: center;
  transform: translate(-50%, -50%);
}

.avatar-component {
  width: 45px;
  height: 45px;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 100%;
  border: 2px solid #444;
  flex-shrink: 0;
  position: relative;
}
.avatar-component.active {
  border: 2px solid #1e9ffd;
}
.avatar-component.disable {
  border: 2px solid #fff;
}
.avatar-component.mw {
  border: 2px solid #57ced4;
}
.avatar-component.bo4 {
  border: 2px solid #ff6600;
}
.avatar-component.wwii {
  border: 2px solid #9f912a;
}
@media (max-width: 767px) {
  .avatar-component {
    width: 40px;
    height: 40px;
  }
}
.avatar-component.mw:after,
.avatar-component.bo4:after,
.avatar-component.wwii:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.avatar-component.mw:after {
  background-image: url('../../../../../../../content/dam/atvi/callofduty/mycod/common/title-icons/mw-avatar.png');
}
.avatar-component.bo4:after {
  background-image: url('../../../../../../../content/dam/atvi/callofduty/mycod/common/title-icons/bo4-avatar.png');
}
.avatar-component.wwii:after {
  background-image: url('../../../../../../../content/dam/atvi/callofduty/mycod/common/title-icons/wwii-avatar.png');
}

.friends-feed-component .friends-feed__item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  display: flex;
  align-items: flex-start;
  position: relative;
  margin-bottom: 10px;
  background-color: #252525;
  height: auto;
  min-height: 84px;
  padding: 15px;
}
.friends-feed-component .friends-feed__item .friends-feed__bg {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  opacity: 0.20;
  height: 100%;
}
.friends-feed-component .friends-feed__item .friends-feed__achievement {
  position: absolute;
  top: 41px;
  left: 41px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 22px;
  height: 22px;
}
.friends-feed-component .friends-feed__avatar {
  margin-right: 10px;
}
.friends-feed-component .friends-feed__content {
  position: relative;
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  line-height: 22px;
  color: #777;
  flex: 1;
  margin-bottom: 18px;
}
.friends-feed-component .favorite-item {
  position: absolute;
  bottom: -32px;
  right: 30px;
  width: 30px;
  height: 30px;
  background-image: url('../../../../../../../content/dam/atvi/callofduty/mycod/dashboard/reactions-sprite.png');
  background-repeat: no-repeat;
  background-position: -192px 0;
  cursor: pointer;
  z-index: 1;
}
.friends-feed-component .favorite-item.favorited {
  background-position: -192px -33px;
}
.friends-feed-component .friends-feed__authlink {
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-style: normal;
  text-align: center;
  padding: 13px;
  text-transform: capitalize;
  color: #1e9ffd;
  transition: background-color 0.3s ease;
  background-color: #191919;
  border-radius: 2px;
  font-size: 13px;
  cursor: pointer;
  margin-bottom: 20px;
  width: 100%;
  display: block;
}
.friends-feed-component .friends-feed__authlink:hover {
  background-color: #222;
}
.friends-feed-component .friend-feed__event {
  color: #777;
  padding-right: 30px;
}
.friends-feed-component .friend-feed__event span {
  color: #fff;
}
.friends-feed-component .friends-feed__details {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  display: flex;
  align-items: center;
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 11px;
}
.friends-feed-component .friends-feed__details li {
  min-height: 15px;
  margin-left: 10px;
}
.friends-feed-component .friends-feed__details li:first-child {
  margin-left: 0;
}
.friends-feed-component .friends-feed__details li:last-child {
  margin-right: 20px;
}
.friends-feed-component .friends-feed__game {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.friends-feed-component .friends-feed__game.mw {
  background-image: url('../../../../../../../content/dam/atvi/callofduty/mycod/common/title-icons/mw-logo.png');
  width: 36px;
  height: 9px;
}
.friends-feed-component .friends-feed__game.bo4 {
  background-image: url('../../../../../../../content/dam/atvi/callofduty/mycod/common/title-icons/bo4Logo.png');
  width: 13px;
  height: 14px;
}
.friends-feed-component .friends-feed__game.wwii {
  background-image: url('../../../../../../../content/dam/atvi/callofduty/mycod/common/title-icons/ww2Logo.png');
  width: 36px;
  height: 9px;
}
.friends-feed-component .friends-feed__platform span {
  padding: 2px 4px;
  border-radius: 2px;
  background-color: #191919;
  text-transform: uppercase;
}


.match-stats-listing {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  display: flex;
  align-items: flex-end;
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  margin-top: 30px;
}
.match-stats-listing .match-stats-listing__item {
  margin-left: 10px;
  width: 100%;
  overflow: hidden;
}
.match-stats-listing .match-stats-listing__item:first-child {
  margin-left: 0;
}
.match-stats-listing .match-stats-listing__title {
  position: relative;
  padding-bottom: 6px;
  margin-bottom: 6px;
  text-transform: uppercase;
  text-overflow: ellipsis;
  overflow: hidden;
  letter-spacing: 0;
  font-size: 12px;
}
.match-stats-listing .match-stats-listing__title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 1px;
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#777777), to(transparent));
  background-image: -webkit-linear-gradient(left, #777777, transparent);
  background-image: -moz-linear-gradient(left, #777777, transparent);
  background-image: -o-linear-gradient(left, #777777, transparent);
}
.match-stats-listing .match-stats-listing__stat {
  font-family: "Electrolize", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-style: normal;
  font-size: 22px;
  text-transform: uppercase;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  letter-spacing: 0;
}
.match-stats-listing .bo4 .match-stats-listing__stat,
.match-stats-listing .blackout .match-stats-listing__stat {
  color: #ff6600;
}
.match-stats-listing .wwii .match-stats-listing__stat {
  color: #9f912a;
}
.match-stats-listing .mw .match-stats-listing__stat {
  color: #57ced4;
}
.match-stats-listing .warzone .match-stats-listing__stat {
  color: #57ced4;
}
.match-stats-listing .zombies .match-stats-listing__stat {
  color: #ff0000;
}

#hub-stats-container {
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #aaa;
}
#hub-stats-container .hub-stats-title {
  color: #fff;
  margin: 0 0 7px;
  font-size: 16px;
  position: relative;
  z-index: 5;
  text-transform: capitalize;
}
#hub-stats-container .hub-stats-title .game-icon {
  display: inline-block;
  background-size: cover;
  background-repeat: no-repeat;
  margin-right: 5px;
  position: relative;
  top: 5px;
}
#hub-stats-container .hub-stats-title .game-icon.bo4 {
  width: 20px;
  height: 21px;
  background-image: url('../../../../../../../content/dam/atvi/callofduty/mycod/common/title-icons/bo4Logo.png');
}
.hub-stats-subcontainer {
  display: block;
  margin: 0 auto 2px;
  background-color: #171717;
  position: relative;
  min-height: 350px;
}
.hub-stats-subcontainer .stats-container {
  width: 80%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  /* div.view-more-link {
			position: absolute;
            top: 43px;
            right: 40px;
        }*/
}
.hub-stats-subcontainer .stats-container:after {
  visibility: hidden;
  display: block;
  content: '';
  clear: both;
  height: 0;
}
.hub-stats-subcontainer .stats-list {
  width: 50%;
  float: left;
}
.hub-stats-subcontainer .stats-list li {
  text-align: center;
  margin-top: 10px;
}
.hub-stats-subcontainer .stats-list li .stat-value {
  font-size: 40px;
  display: block;
}
.hub-stats-subcontainer .stats-list li .stat-text {
  color: #fff;
  font-size: 12px;
}
.hub-stats-subcontainer .recent-matches-listing__item {
  position: absolute;
  width: 80%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 10;
}
.hub-stats-subcontainer .recent-matches-listing__item .recentmatches-listing__summary {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: rgba(16, 16, 16, 0.8);
  padding: 20px;
  z-index: 10;
}
.hub-stats-subcontainer .recent-matches-listing__item .match-details-listing__placement {
  top: 15px;
  right: 15px;
  background-color: transparent;
  font-size: 26px;
  color: #777;
}
.hub-stats-subcontainer .recent-matches-listing__item .match-details-listing__placement.bo4 {
  color: #ff6600;
}
.hub-stats-subcontainer .recent-matches-listing__item .match-details-listing__placement.wwii {
  color: #9f912a;
}
.hub-stats-subcontainer .recentmatches-listing__bgimg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 1;
}
@media only screen and (max-width: 1024px) {
  .hub-stats-subcontainer {
    padding: 0;
  }
}
@media only screen and (max-width: 767px) {
  .hub-stats-subcontainer {
    display: block;
  }
  .hub-stats-subcontainer .stats-container {
    margin: 40px 25px;
  }
}
.doughnut-component {
  width: 50%;
  float: left;
}
.doughnut-component .doughnut__details {
  color: #aaa;
}
.doughnut-component .doughnut__details .stat-summary-chart__stat {
  font-size: 40px;
}
.view-more-link {
  display: block;
  position: relative;
  z-index: 5;
  margin-top: 10px;
}
.view-more-link > a {
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  float: right;
  text-transform: uppercase;
}
0 0 15px rgba(0,0,0,.85) .view-more-link > a:hover {
  text-decoration: underline;
}
.friends-feed-container {
  background-color: #171717;
  background-image: url(../../../../../../../content/dam/atvi/callofduty/mycod/friends/friends-feed-bg-texture-2x2.png);
  position: relative;
  min-height: 350px;
}
.friends-feed-container .friends-feed-subcontainer {
  width: 80%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media only screen and (max-width: 1024px) {
  .friends-feed-container {
    padding: 0;
  }
}
.friends-feed-component {
  height: 200px;
  padding: 0 10px 0 0;
  overflow-y: scroll;
  position: relative;
}
.friends-feed-component::-webkit-scrollbar {
  width: 6px;
}
.friends-feed-component::-webkit-scrollbar-track {
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #202020;
  background-color: #202020;
}
.friends-feed-component::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #444444;
}
.friends-feed-component::-webkit-scrollbar-thumb:window-inactive {
  background: #444444;
}
.friends-feed-component .avatar-component {
  margin-right: 10px;
}
@media only screen and (max-width: 767px) {
  .friends-feed-component {
    margin: 0 auto;
  }
}
.loader-circle {
  width: 25px;
  height: 25px;
  background-color: transparent;
  border: 2px solid #777;
  border-bottom-color: transparent;
  border-radius: 100%;
  -webkit-animation: loader-circle-rotate 0.75s linear infinite;
  -moz-animation: loader-circle-rotate 0.75s linear infinite;
  -o-animation: loader-circle-rotate 0.75s linear infinite;
  animation: loader-circle-rotate 0.75s linear infinite;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@keyframes loader-circle-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}