.section-versus{--columns-space: var(--spacing-xl);overflow:hidden}.versus__cardList{position:relative;display:grid;grid-template-columns:1fr}.versus__cardList:before{content:"VS.";position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;font-size:var(--font-size-heading-min);font-weight:var(--font-weight-xbold)}.versus__cardList:after{content:"";position:absolute;top:calc(39% + var(--spacing-md));left:50%;z-index:-1;width:100vw;height:calc(100% + var(--spacing-md));transform:translate(-50%,-50%);background:var(--color-gray-light);clip-path:polygon(100% 0,100% 100%,0 100%,0 165px)}.versus__cardItem{background:#fff;text-align:center}.versus__cardItem:first-child{padding:var(--spacing-md) var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-xl) var(--border-radius-xl) 0 0;box-shadow:var(--shadow-bottom-none)}.versus__cardItem:last-child{padding:var(--spacing-lg) var(--spacing-sm) var(--spacing-md);border-radius:0 0 var(--border-radius-xl) var(--border-radius-xl);box-shadow:var(--shadow-top-none)}.versus__cardImage .versus__cardImg{width:100%;height:auto}.versus__details{background:var(--color-gray-light);margin-left:clamp(calc(var(--spacing-section-horizontal-min) * -1),calc(var(--spacing-section-horizontal-base) * -1),calc(var(--spacing-section-horizontal-max) * -1));margin-right:clamp(calc(var(--spacing-section-horizontal-min) * -1),calc(var(--spacing-section-horizontal-base) * -1),calc(var(--spacing-section-horizontal-max) * -1));padding-left:clamp(var(--spacing-section-horizontal-min),var(--spacing-section-horizontal-base),var(--spacing-section-horizontal-max));padding-right:clamp(var(--spacing-section-horizontal-min),var(--spacing-section-horizontal-base),var(--spacing-section-horizontal-max))}.versus__details .versus__detailsSubDescription{max-width:760px;margin-left:auto;margin-right:auto}.versus__details .versus__detailsSubDescription p:last-of-type{margin-bottom:0}.versus__rowList{background:var(--color-gray-light);margin-left:clamp(calc(var(--spacing-section-horizontal-min) * -1),calc(var(--spacing-section-horizontal-base) * -1),calc(var(--spacing-section-horizontal-max) * -1));margin-right:clamp(calc(var(--spacing-section-horizontal-min) * -1),calc(var(--spacing-section-horizontal-base) * -1),calc(var(--spacing-section-horizontal-max) * -1));padding-left:clamp(var(--spacing-section-horizontal-min),var(--spacing-section-horizontal-base),var(--spacing-section-horizontal-max));padding-right:clamp(var(--spacing-section-horizontal-min),var(--spacing-section-horizontal-base),var(--spacing-section-horizontal-max));padding-bottom:clamp(var(--spacing-section-vertical-min),var(--spacing-section-vertical-base),var(--spacing-section-vertical-max))}.versus__rowList .versus__rowItem{display:flex;justify-content:space-between;gap:var(--spacing-sm);padding:var(--spacing-xs) 0;border-bottom:1px solid var(--color-gray-solid);max-width:450px;margin-left:auto;margin-right:auto}.versus__rowList .versus__rowItem:last-child{border-bottom:0}.versus__rowList .versus__rowItem .progress-bars__itemText{width:50%}@media (min-width: 768px){.versus__cardList{grid-template-columns:repeat(2,1fr);gap:var(--columns-space)}.versus__cardList:after{content:"";position:absolute;top:calc(39% + var(--spacing-md));left:50%;z-index:-1;width:100vw;height:calc(100% + var(--spacing-md));transform:translate(-50%,-50%);background:var(--color-gray-light);clip-path:polygon(100% 0,100% 100%,0 100%,0 535px)}.versus__cardItem:first-child,.versus__cardItem:last-child{border-radius:var(--border-radius-xl);padding:var(--spacing-md) var(--spacing-sm);box-shadow:var(--shadow-default)}.versus__cardImage .versus__cardImgg{width:auto}}@media (min-width: 1024px){.versus__cardList{grid-template-columns:repeat(2,422px);justify-content:space-between}.versus__cardList:after{content:"";position:absolute;top:calc(43% + var(--spacing-md));left:50%;z-index:-1;width:100vw;height:calc(100% + var(--spacing-md));transform:translate(-50%,-50%);background:var(--color-gray-light);clip-path:polygon(100% 0,100% 100%,0 100%,0 635px)}}@media (min-width: 1200px){.versus__cardList{justify-content:center;gap:140px}}