.skeleton__wrapper{
  width: 100%;
  height: 100%;
  padding:1rem;
  border-radius: 0.5rem;
  box-sizing: border-box;
}
.skeleton__title{
  width: 50%;
  height: 1rem;
  margin-bottom: .25rem;
}
.skeleton__content{
  width: 100%;
  height: 2rem;
  margin-bottom: 0.5rem;
}


.match-detail__stats-wrapper[data-v-3280721c] {
    margin: 0 auto;
}
.match-detail__stats-header-title[data-v-3280721c] {
    padding: 0 0 1rem 0;
    /* margin: 0 1rem; */
    text-align: left;
    font-family: var(--weight-600);
    font-size: 20px;
    color: var(--color-text-default-default);
}
.match-detail__stats-header[data-v-3280721c] {
    padding: 0 0 16px 0;
    /* margin: 0 1rem; */
    text-align: left;
    text-align: center;
    font-size: 32px;
    line-height: 120%;
    /* margin-top: 24px; */
    letter-spacing: -0.64px;
    font-family: var(--weight-600);
    color: var(--color-text-default-default);
}
.match-detail__stats-card[data-v-3280721c] {
    margin: 0 1rem;
    color: var(--color-text-default-default);
    margin: 0 0 1rem 0;
}
.match-detail__stats-container[data-v-3280721c] {
    display: flex;
    width: 50%;
    margin-right: 0.5rem;
    font-size: 11.2px;
    align-items: center;
    width: 100%;
}
.match-detail__stats-container[data-v-3280721c]:last-of-type {
    margin-right: 0;
}
.match-detail__stats-title[data-v-3280721c] {
    font-size: var(--typography-caption-size-large);
    width: 88px;
    padding: 16px;
    letter-spacing: 0.24px;
    flex-shrink: 0;
    min-height: 52.8px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    letter-spacing: 0.2px;
}
.match-detail__stats-title.dashed-box[data-v-3280721c] {
    padding: 16px;
}
@media (min-width: 768px){
    /* .match-detail__stats-wrapper {
    width: 70%;
  } */
}


.match-detail__head-icon[data-v-3280721c] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 166.67px;
    margin-bottom: 16px;
    letter-spacing: -0.64px;
    font-family: var(--weight-600);
    font-size: 32px;
    line-height: 120%;
    color: var(--color-text-default-default);
}
.match-detail-team-icon[data-v-3280721c] {
    width: 66.66px;
}
.match-detail__stats-title.played[data-v-3280721c] {
    display: block;
    color: var(--color-text-default-default);
    padding: 8px 16px;
}
.match-detail__stats-title.played .played-title[data-v-3280721c] {
    font-size: var(--typography-heading-size-extra-small);
    font-family: var(--weight-700);
    color: var(--color-text-default-default);
}
.match-detail__stats-title.played .played-value[data-v-3280721c] {
    font-size: var(--typography-heading-size-medium);
    font-family: var(--weight-600);
    letter-spacing: -0.64px;
    line-height: 120%;
    padding: 4px 0;
}
.match-detail__stats-title.played .played-draws-value[data-v-3280721c] {
    color: var(--color-text-default-secondary);
    font-size: var(--typography-body-size-small);
    letter-spacing: 0.64px;
}
.played-win-score[data-v-3280721c] {
    width: 40px;
    flex-shrink: 0;
    text-align: center;
}
.match-detail__stats-number[data-v-3280721c] {
    /* margin-right: 0.5rem; */
    color: var(--color-text-default-default);
    font-family: var(--weight-700);
    font-size: 14px;
    letter-spacing: 0.64px;
}
.match-detail__stats-number.right[data-v-3280721c] {
    margin-right: 0;
    text-align: right;
}
.match-detail__stats-number.h2h[data-v-3280721c] {
    /* padding-left: 8px; */
    /* width: 40px; */
    display: flex;
    align-items: center;
    justify-content: left;
    flex-shrink: 0;
}
.match-detail__stats-number.h2h.right[data-v-3280721c] {
    /* padding-left: 0; */
    /* padding-right: 8px; */
    justify-content: right;
}
.match-detail__stats-progress-wrapper[data-v-3280721c] {
    height: 1rem;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    background-color: var(--color-bar-background);
    border-radius: var(--size-radius-200);
}
.match-detail__stats-progress-wrapper.right[data-v-3280721c] {
    justify-content: flex-start;
}
.match-detail__stats-progress-bar[data-v-3280721c] {
    height: 100%;
    width: 0;
    background-color: var(--success-500);
    border-radius: var(--size-radius-200) 0 0 var(--size-radius-200);
}
.match-detail__stats-progress-wrapper.right .match-detail__stats-progress-bar[data-v-3280721c] {
    background-color: var(--secondary-400);
}
.dashed-box[data-v-3280721c] {
    border: 1px dotted var(--color-border-default-default);
    padding: 7px 8px 7px 0;
    box-sizing: border-box;
}
.dashed-box.right[data-v-3280721c] {
    padding: 7px 0 7px 8px;
}
.dashed-box[data-v-3280721c]:nth-child(1) {
    border-left: 0;
}
.dashed-box[data-v-3280721c]:nth-child(2) {
    border-left: 0;
    border-right: 0;
}
.dashed-box[data-v-3280721c]:nth-child(3) {
    border-right: 0;
}
.played-list .match-detail__stats-card[data-v-3280721c] {
    margin-bottom: 0;
}
.played-list > div:last-child .match-detail__stats-card .wins-container[data-v-3280721c] {
    border-bottom: 0;
}
.wins-container[data-v-3280721c] {
    border-bottom: 1px dotted var(--color-border-default-default);
    padding: 0 4px;
    box-sizing: border-box;
}
.played-container[data-v-3280721c] {
    border-bottom: 1px dotted var(--color-border-default-default);
    color: var(--color-text-default-default);
}
.wins-title[data-v-3280721c] {
    width: auto;
    font-size: var(--typography-body-size-large);
    color: var(--color-text-default-default);
    font-family: var(--weight-700);
    min-height: unset;
    padding: 4px 16px;
    letter-spacing: 0.64px;
}
.total-wins-container[data-v-3280721c] {
    margin-bottom: 7.5px;
    font-size: 16px;
    letter-spacing: 0.64px;
}
.total-wins-text[data-v-3280721c] {
    font-size: 16px;
    font-family: var(--weight-400);
    color: var(--color-text-default-secondary);
    letter-spacing: 0.64px;
    width: 50%;
    text-align: right;
}
.total-wins-container.right .total-wins-text[data-v-3280721c] {
    /* margin-left: auto; */
    text-align: left;
}
.match-detail__stats-wrapper .match-detail__stats-card .dashed-box[data-v-3280721c] {
    height: 52.8px;
    min-height: auto;
}
.match-detail__stats-wrapper .match-detail__stats-title[data-v-3280721c] {
    font-family: var(--weight-700);
    color: var(--color-text-default-secondary);
}
.match-details__stats-container[data-v-3280721c] {
    margin-bottom: 48px;
}
@media(max-width: 768px) {
    /* for test */
.match-details__stats-container[data-v-3280721c] {
        background-color: var(--color-background-default-secondary);
        border-radius: 8px;
        /* margin-top: 16px; */
        padding: 16px;
        margin-bottom: 16px;
}
.match-detail__content-container[data-v-3280721c] {
        background-color: var(--white-1000) !important;
}
.match-detail__stats-header-title[data-v-3280721c] {
        display: none;
}
.match-detail-team-icon[data-v-3280721c] {
        display: none;
}
.match-detail__head-icon[data-v-3280721c] {
        font-size: 24px;
        padding-top: 16px;
        letter-spacing: -0.64px;
        font-family: var(--weight-600);
}
.match-detail__stats-title.played .played-title[data-v-3280721c] {
        font-size: 13px;
        letter-spacing: 0.64px;
        font-family: var(--weight-400);
}
.match-detail__stats-title.played .played-value[data-v-3280721c] {
        font-size: 16px;
        letter-spacing: 0.64px;
}
.played-draws-value[data-v-3280721c] {
        color: var(--color-text-default-secondary);
}
.match-detail__stats-number.right-text[data-v-3280721c] {
        margin-left: 0.5rem;
        margin-right: 0;
}
.played-box[data-v-3280721c] {
        margin-bottom: 20px;
}
.match-detail__head-icon[data-v-3280721c] {
        padding: 0;
        justify-content: center;
}
.wins-title[data-v-3280721c] {
        padding: 8px 16px;
}
.wins-container[data-v-3280721c] {
        padding: 0;
}
.match-detail__stats-header[data-v-3280721c] {
        margin-top: 0;
        font-size: 24px;
        letter-spacing: -0.64px;
        font-family: var(--weight-600);
}
.dashed-box[data-v-3280721c] {
        border: 0;
}
.match-detail__stats-item-box[data-v-3280721c] {
        position: relative;
}
.match-detail__stats-number[data-v-3280721c] {
        font-size: 16px;
        letter-spacing: 0.64px;
        font-family: var(--weight-600);
}
.match-detail__stats-item-box .match-detail__stats-title[data-v-3280721c] {
        position: absolute;
        top: -8.5px;
        left: 50%;
        transform: translate3d(-50%, 0, 0);
        font-size: 16px;
        color: var(--color-text-default-default);
        font-family: var(--weight-700);
        height: auto;
        width: 80%;
        letter-spacing: 0.64px;
}
.match-detail__stats-item-box .match-detail__stats-number[data-v-3280721c] {
        margin-bottom: 8px;
        font-family: var(--weight-600);
}
.match-detail__stats-item-box .dashed-box[data-v-3280721c] {
        padding: 7px;
}
.match-detail__stats-item-box .dashed-box[data-v-3280721c]:first-child {
        padding-right: 4px;
}
.match-detail__stats-item-box .dashed-box[data-v-3280721c]:last-child {
        padding-left: 4px;
}
.match-detail__stats-progress-wrapper[data-v-3280721c] {
        height: 12px;
}
.match-detail__stats-progress-bar[data-v-3280721c] {
}
.total-wins-text[data-v-3280721c] {
        text-align: center;
}
.played-title[data-v-3280721c] {
        font-family: var(--weight-400);
}
.total-wins-text[data-v-3280721c],
    .played-title[data-v-3280721c],
    .match-detail__stats-number[data-v-3280721c] {
        font-size: 13px;
}
.match-detail__stats-item-box .match-detail__stats-title[data-v-3280721c] {
        font-family: var(--weight-400);
        font-size: 13px;
}
.match-detail__stats-number.h2h[data-v-3280721c] {
        /* padding-left: 8px; */
        width: 40px;
        justify-content: center;
}
.match-detail__stats-number.h2h.right[data-v-3280721c] {
        /* padding-left: 0; */
        /* padding-right: 8px; */
        margin-left: auto;
        justify-content: center;
}
.played-win-text[data-v-3280721c] {
        text-align: center;
        width: 40px;
}
.played-win-text.right[data-v-3280721c] {
        text-align: center;
        margin-left: auto;
}
}


.form-guide-flex-container-box[data-v-45c3d240] {
  width: 100%;
  display: flex;
  align-items: center;
  /* gap: 200px; */
  flex-shrink: 0;
  justify-content: center;
  border-bottom: 1px dotted var(--color-border-default-default);
  padding: 16px 0;
}
.form-guide-child-box[data-v-45c3d240] {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.form-guide-child-box.left[data-v-45c3d240] {
  padding-left: 100px;
}
.form-guide-child-box.right[data-v-45c3d240] {
  padding-right: 100px;
  /* justify-content: left; */
}
.form-guide-header-box[data-v-45c3d240],
.form-guide-header-box .form-guide-flex-container-box[data-v-45c3d240] {
  width: auto;
  min-width: 98px;
}
.form-guide-header[data-v-45c3d240] {
  text-align: center;
}
.form-guide-logo-icon[data-v-45c3d240] {
  width: 34px;
  margin: auto;
  display: block;
}
.form-guide-header-title[data-v-45c3d240] {
  font-size: var(--typography-body-size-small);
  font-family: var(--weight-700);
  letter-spacing: 0.64px;
  margin-top: 4px;
}
.form-guide-child-list[data-v-45c3d240] {
  margin-top: 16px;
}
.form-guide-child-item[data-v-45c3d240] {
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px dashed var(--gray-300);
  display: flex;
  justify-content: right;
}
.form-guide-child-item.right[data-v-45c3d240] {
  justify-content: left;
}
.form-guide-child-item-box[data-v-45c3d240] {
  width: 176px;
}
.form-guide-child-item[data-v-45c3d240]:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}
.form-guide-item[data-v-45c3d240] {
  width: 100%;
}
.form-guide-child-result[data-v-45c3d240] {
  display: flex;
  align-items: center;
  /* justify-content: right; */
  justify-content: center;
  position: relative;
}
.form-guide-child-result.right[data-v-45c3d240] {
  /* justify-content: left; */
}
.form-guide-child-logo-icon[data-v-45c3d240] {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  display: inherit;
}
.form-guide-child-result-score[data-v-45c3d240] {
  font-size: 24px;
  letter-spacing: -0.64px;
  font-family: var(--weight-600);
  padding: 0 12px;
  position: relative;
  flex-shrink: 0;
}
.form-guide-child-result-winlose[data-v-45c3d240] {
  position: absolute;
  width: 33.33px;
  height: 33.33px;
  border-radius: 50%;
  font-family: var(--weight-700);
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--white-1000);
  letter-spacing: 0.2px;
}
.winlose-0[data-v-45c3d240] {
  background-color: var(--success-500);
}
.winlose-1[data-v-45c3d240] {
  background-color: var(--error-500);
}
.winlose-2[data-v-45c3d240] {
  background-color: var(--gray-500);
}
.winlose-left[data-v-45c3d240] {
  left: -40px;
}
.winlose-right[data-v-45c3d240] {
  right: -40px;
}
/* .form-guide-flex-container-box:nth-child(odd) .winlose-left {
    display: none;
}
.form-guide-flex-container-box:nth-child(even) .winlose-right {
    display: none;
} */
.form-guide-child-name[data-v-45c3d240] {
  font-size: 16px;
  font-family: var(--weight-400);
  padding-top: 8px;
  text-align: center;
}
.dash-padding[data-v-45c3d240] {
  padding: 0 8px;
}
.index-0[data-v-45c3d240] {
  /* position: relative; */
}
.index-0[data-v-45c3d240]:after {
  position: absolute;
  bottom: -6.33px;
  left: 15%;
  width: 70%;
  height: 3.33px;
  border-radius: 2px;
  display: block;
  content: "";
}
.winlose-0.index-0[data-v-45c3d240]:after {
  background-color: var(--success-500);
}
.winlose-1.index-0[data-v-45c3d240]:after {
  background-color: var(--error-500);
}
.winlose-2.index-0[data-v-45c3d240]:after {
  background-color: var(--gray-500);
}
@media (max-width: 768px) {
  /* for test */
.form-guide-child-name[data-v-45c3d240] {
    font-size: 13px;
    font-family: var(--weight-400);
    padding-top: 7.33px;
    text-align: center;
}
.match-details__stats-container[data-v-45c3d240] {
    background-color: var(--color-background-default-secondary);
    border-radius: 8px;
    margin-top: 16px;
    padding: 16px;
}
.match-detail__stats-header[data-v-45c3d240] {
    margin-top: 0;
    letter-spacing: -0.64px;
    font-family: var(--weight-600);
    padding-top: 0;
}
.form-guide-flex-container[data-v-45c3d240] {
    display: flex;
    justify-content: center;
}
.form-guide-child-box.left[data-v-45c3d240] {
    padding-left: 0;
}
.form-guide-child-box.right[data-v-45c3d240] {
    padding-right: 0;
    /* justify-content: left; */
}
.form-guide-flex-container-box[data-v-45c3d240] {
    align-items: baseline;
}
.form-guide-header-title[data-v-45c3d240] {
    font-size: 13px;
}
.form-guide-child-result-score[data-v-45c3d240] {
    font-size: 16px;
    letter-spacing: 0.64px;
    padding: 0 8px;
}
.form-guide-child-logo-icon[data-v-45c3d240] {
    width: 24px;
    height: 24px;
}
.dash-padding[data-v-45c3d240] {
    padding: 0;
}
.form-guide-child-result-winlose[data-v-45c3d240] {
    width: 24px;
    height: 24px;
    font-size: 13px;
}
.winlose-left[data-v-45c3d240] {
    left: 10px;
}
.winlose-right[data-v-45c3d240] {
    right: 10px;
}
.form-guide-child-result-winlose[data-v-45c3d240] {
    width: 24px;
    height: 24px;
    font-size: 13px;
}
.winlose-left[data-v-45c3d240] {
    left: 10px;
}
.winlose-right[data-v-45c3d240] {
    right: 10px;
}
}


.form-guide-flex-container-box[data-v-14cdcc9b] {
    width: 100%;
    display: flex;
    align-items: center;
    /* gap: 200px; */
    flex-shrink: 0;
    justify-content: center;
    border-bottom: 1px dotted var(--color-border-default-default);
    padding: 16px 0;
}
.form-guide-child-box[data-v-14cdcc9b] {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.form-guide-child-box.left[data-v-14cdcc9b] {
    padding-left: 100px;
}
.form-guide-child-box.right[data-v-14cdcc9b] {
    padding-right: 100px;
    /* justify-content: left; */
}
.form-guide-header-box[data-v-14cdcc9b],
.form-guide-header-box .form-guide-flex-container-box[data-v-14cdcc9b] {
    width: auto;
    min-width: 98px;
}
.form-guide-header[data-v-14cdcc9b] {
    text-align: center;
}
.form-guide-logo-icon[data-v-14cdcc9b] {
    width: 34px;
    margin: auto;
    display: block;
}
.form-guide-header-title[data-v-14cdcc9b] {
    font-size: var(--typography-body-size-small);
    font-family: var(--weight-700);
    letter-spacing: 0.64px;
    margin-top: 4px;
}
.form-guide-child-list[data-v-14cdcc9b] {
    margin-top: 16px;
}
.form-guide-child-item[data-v-14cdcc9b] {
    margin-bottom: 8px;
    padding-bottom: 8px;
    border-bottom: 1px dashed var(--gray-300);
    display: flex;
    justify-content: right;
}
.form-guide-child-item.right[data-v-14cdcc9b] {
    justify-content: left;
}
.form-guide-child-item-box[data-v-14cdcc9b] {
    width: 176px;
}
.form-guide-child-item[data-v-14cdcc9b]:last-child {
    
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}
.form-guide-item[data-v-14cdcc9b] {
    width: 100%;
}
.form-guide-child-result[data-v-14cdcc9b] {
    display: flex;
    align-items: center;
    /* justify-content: right; */
    justify-content: center;
    position: relative;
    color: var(--color-text-default-default);
}
.form-guide-child-result.right[data-v-14cdcc9b] {
    /* justify-content: left; */
}
.form-guide-child-logo-icon[data-v-14cdcc9b] {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    display: inherit;
}
.form-guide-child-result-score[data-v-14cdcc9b] {
    font-size: 24px;
	letter-spacing: -0.64px;
  font-family: var(--weight-600);
    padding: 0 12px;
    position: relative;
    color: var(--color-text-default-default);
    flex-shrink: 0;
}
.form-guide-child-result-winlose[data-v-14cdcc9b] {
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    font-family: var(--weight-700);
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white-1000);
	letter-spacing: 0.2px;
}
.winlose-0[data-v-14cdcc9b] {
    background-color: var(--success-500);
}
.winlose-1[data-v-14cdcc9b] {
    background-color: var(--error-500);
}
.winlose-2[data-v-14cdcc9b] {
    background-color: var(--gray-500);
}
.winlose-left[data-v-14cdcc9b] {
    left: -32px;
}
.winlose-right[data-v-14cdcc9b] {
    right: -32px;
}
/* .form-guide-flex-container-box:nth-child(odd) .winlose-left {
    display: none;
}
.form-guide-flex-container-box:nth-child(even) .winlose-right {
    display: none;
} */
.form-guide-child-name[data-v-14cdcc9b] {
    font-size: 16px;
    font-family: var(--weight-400);
    padding-top: 8px;
    text-align: center;
    color: var(--color-text-default-default);
}
.dash-padding[data-v-14cdcc9b] {
    padding: 0 8px;
}
@media(max-width: 768px) {  /* for test */
.form-guide-child-name[data-v-14cdcc9b] {
    font-size: 13px;
    font-family: var(--weight-400);
    padding-top: 7.33px;
    text-align: center;
}
.match-details__stats-container[data-v-14cdcc9b] {
  background-color: var(--color-background-default-secondary);
  border-radius: 8px;
  margin-top: 16px;
  padding: 16px;
}
.match-detail__stats-header[data-v-14cdcc9b] {
  margin-top: 0;
	letter-spacing: -0.64px;
  font-family: var(--weight-600);
  padding-top: 0;
}
.form-guide-flex-container[data-v-14cdcc9b] {
    display: flex;
    justify-content: center;
}
.form-guide-child-box.left[data-v-14cdcc9b] {
    padding-left: 0;
}
.form-guide-child-box.right[data-v-14cdcc9b] {
    padding-right: 0;
    /* justify-content: left; */
}
.form-guide-flex-container-box[data-v-14cdcc9b] {
    align-items: baseline;
}
.form-guide-header-title[data-v-14cdcc9b] {
    font-size: 13px;
}
.form-guide-child-result-score[data-v-14cdcc9b] {
    font-size: 16px;
	letter-spacing: 0.64px;
}
.form-guide-child-logo-icon[data-v-14cdcc9b] {
    width: 24px;
    height: 24px;
}
.dash-padding[data-v-14cdcc9b] {
    padding: 0;
}
}


.match-detail__stats-wrapper[data-v-50ab8bb0] {
  margin: 0 auto;
}
.match-detail__stats-header[data-v-50ab8bb0] {
  padding: 0 0 1.5rem 0;
  /* margin: 0 1rem; */
  text-align: left;
  font-family: var(--weight-700);
  text-align: center;
  font-size: var(--typography-body-size-large);
  margin-top: 24px;
  letter-spacing: 0.64px;
  /* padding-top: 24px; */
}
.form-guide-list[data-v-50ab8bb0] {
  display: flex;
  justify-content: center;
  gap: 168px;
  padding-bottom: 8px;
  margin-bottom: 8px;
}
.form-guide-item[data-v-50ab8bb0] {
}
.form-guide-flex-container[data-v-50ab8bb0] {
  display: flex;
  justify-content: center;
  gap: 240px;
  display: none;
}
.form-guide-flex-container-box[data-v-50ab8bb0] {
  width: 100%;
  display: flex;
  gap: 294px;
  flex-shrink: 0;
  justify-content: center;
}
.form-guide-child-box[data-v-50ab8bb0] {
  width: 50%;
}
/* .form-guide-child-box.left .form-guide-child-item {
    padding-right: 100px;
}
.form-guide-child-box.right .form-guide-child-item {
    padding-left: 100px;
} */
.form-guide-header-box[data-v-50ab8bb0] {
  padding-left: 92px;
}
.form-guide-header-box.right[data-v-50ab8bb0] {
  padding-left: 0;
  padding-right: 92px;
}
.form-guide-header-box[data-v-50ab8bb0],
.form-guide-header-box .form-guide-flex-container-box[data-v-50ab8bb0] {
  width: 50%;
  flex: 1;
  /* min-width: 98px; */
}
.form-guide-header[data-v-50ab8bb0] {
  text-align: center;
}
.form-guide-logo-icon[data-v-50ab8bb0] {
  height: 66.67px;
  width: 66.67px;
  margin: auto;
  display: block;
}
.form-guide-header-title[data-v-50ab8bb0] {
  font-size: 20px;
  font-family: var(--weight-600);
  margin-top: 4px;
}
.form-guide-child-list[data-v-50ab8bb0] {
  /* margin-top: 16px; */
}
.form-guide-child-item[data-v-50ab8bb0] {
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px dashed var(--gray-300);
  display: flex;
  justify-content: right;
}
.form-guide-child-item.right[data-v-50ab8bb0] {
  justify-content: left;
}
.form-guide-child-item-box[data-v-50ab8bb0] {
  /* width: 98px; */
}
.form-guide-child-item[data-v-50ab8bb0]:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}
.form-guide-item[data-v-50ab8bb0] {
  width: 100%;
}
.form-guide-child-result[data-v-50ab8bb0] {
  display: flex;
  align-items: center;
  justify-content: right;
  position: relative;

  color: var(--color-text-default-default);
}
.form-guide-child-result.right[data-v-50ab8bb0] {
  justify-content: left;
}
.form-guide-child-box.right .form-guide-child-name[data-v-50ab8bb0] {
  text-align: left;
}
.form-guide-child-logo-icon[data-v-50ab8bb0] {
  width: 33.33px;
  height: 33.33px;
  display: inherit;
}
.form-guide-child-result-score[data-v-50ab8bb0] {
  font-size: 24px;

  color: var(--color-text-default-default);
  font-family: var(--weight-600);
  padding: 0 16px;
  position: relative;
  letter-spacing: -0.64px;
}
.form-guide-child-result-winlose[data-v-50ab8bb0] {
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  font-family: var(--weight-700);
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--white-1000);
  letter-spacing: 0.2px;
}
.winlose-0[data-v-50ab8bb0] {
  background-color: var(--success-500);
}
.winlose-1[data-v-50ab8bb0] {
  background-color: var(--error-500);
}
.winlose-2[data-v-50ab8bb0] {
  background-color: var(--gray-500);
}
.winlose-left[data-v-50ab8bb0] {
  left: -32px;
}
.winlose-right[data-v-50ab8bb0] {
  right: -32px;
}
/* .form-guide-flex-container-box:nth-child(odd) .winlose-left {
    display: none;
}
.form-guide-flex-container-box:nth-child(even) .winlose-right {
    display: none;
} */
.form-guide-child-name[data-v-50ab8bb0] {
  font-size: 13px;
  font-weight: 500;
  padding-top: 3px;
  text-align: center;
}
.form-guide-title[data-v-50ab8bb0] {
  margin-top: calc(24px);
  font-size: 32px;
  line-height: 120%;
  letter-spacing: -0.64px;
  font-family: var(--weight-600);
  color: var(--color-text-default-default);
}
.match-details__stats-container[data-v-50ab8bb0] {
  /* margin-bottom: 36px; */
}
@media (max-width: 768px) {
  /* for test */
.match-details__stats-container[data-v-50ab8bb0] {
    background-color: var(--color-background-default-secondary);
    border-radius: 8px;
    margin-top: 0;
    padding: 16px;
    margin-bottom: 0;
}
.match-detail__stats-header[data-v-50ab8bb0] {
    margin-top: 0;
    font-size: 24px;
    padding-top: 0;
    letter-spacing: -0.64px;
    font-family: var(--weight-600);
}
.form-guide-flex-container[data-v-50ab8bb0] {
    display: flex;
    justify-content: center;
    gap: 0;
    display: none;
}
.form-guide-flex-container-box[data-v-50ab8bb0] {
    gap: 23px;
}
.form-guide-child-list > div > div:last-child .form-guide-flex-container-box[data-v-50ab8bb0] {
    border-bottom: 0;
}
.form-guide-header-box[data-v-50ab8bb0] {
    padding-left: 0;
}
.form-guide-header-box.right[data-v-50ab8bb0] {
    padding-right: 0;
}
.form-guide-logo-icon[data-v-50ab8bb0] {
    width: 35.75px;
    height: 35.75px;
}
.form-guide-header-title[data-v-50ab8bb0] {
    font-size: 13px;
    word-break: break-all;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
}