.accordion{--image-position: clamp( calc(var(--spacing-section-horizontal-min) * -1), calc(var(--spacing-section-horizontal-base) * -1), calc(var(--spacing-section-horizontal-max) * -1) );position:relative}.accordion:before{content:"";position:absolute;top:0;right:var(--image-position);z-index:0;background-image:var(--image-mobile);background-size:contain;background-repeat:no-repeat;display:block;width:var(--image-mobile-width);height:var(--image-mobile-width)}.accordion__heading{position:relative;z-index:1;margin-top:clamp(calc(var(--font-size-heading-min) * 3),calc(var(--font-size-heading-base) * 3),calc(var(--font-size-heading-max) * 3));margin-left:var(--spacing-md)}.accordion__heading:before{content:var(--item-number);position:absolute;top:clamp(calc((var(--font-size-heading-min) * 3) * -1),calc((var(--font-size-heading-base) * 3) * -1),calc((var(--font-size-heading-max) * 3) * -1));left:calc(var(--spacing-md) * -1);z-index:-1;display:inline-block;font-size:clamp(calc(var(--font-size-heading-min) * 5),calc(var(--font-size-heading-base) * 5),calc(var(--font-size-heading-max) * 5));line-height:1;color:var(--color-primary)}.accordion__content{background:var(--color-background);position:relative;z-index:1;padding:var(--spacing-sm)}.accordion__item[open] .accordion_itemTitle{border-bottom:2px solid var(--color-gray-dark)}.accordion__item[open] .accordion_itemTitle .icon-minus{display:block}.accordion__item[open] .accordion_itemTitle .icon-plus{display:none}.accordion__item .accordion_itemTitle{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-xs);padding-top:var(--spacing-xs);padding-bottom:var(--spacing-xs)}.accordion__item .accordion_itemTitle .accordion__itemText{width:calc(100% - var(--spacing-xs))}.accordion__item .accordion_itemTitle .icon{width:24px}.accordion__item .accordion_itemTitle .icon-minus{display:none}.accordion__item .accordion_itemTitle .icon-plus{display:block}.accordion__itemPage.itemPage--versus{position:relative;margin:0 calc(var(--spacing-sm) * -1) calc(var(--spacing-sm) * -1);padding-top:150px}.accordion__itemPage.itemPage--versus:before{content:"";position:absolute;top:0;left:0;z-index:-1;display:block;clip-path:polygon(0 120px,100% 0,100% 100%,0% 100%);width:100%;height:100%;background:var(--color-gray-light)}.accordion__itemPage.itemPage--versus:after{content:"VS.";position:absolute;top:42px;font-size:var(--font-size-heading-min);font-weight:var(--font-weight-xbold);left:50%;transform:translate(-50%)}.accordion__itemPage.itemPage--versus .page-accordion-content{padding:var(--spacing-sm)}.page-accordion-content{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}.page-accordion-content .page-accordion-item .page-accordion-itemImg{width:150px}.page-accordion-content .page-accordion-item .page-accordion-itemHeading{margin:0}.page-accordion-content .page-accordion-item .pager-accordion-itemDescription{font-size:clamp(var(--font-size-text-xs-min),var(--font-size-text-xs-base),var(--font-size-text-xs-max))}@media (min-width: 768px){.accordion:before{background-image:var(--image-desktop);width:var(--image-desktop-width);height:var(--image-desktop-width)}.accordion__heading{margin-top:clamp(calc(var(--font-size-heading-min) * 4),calc(var(--font-size-heading-base) * 4),calc(var(--font-size-heading-max) * 4));margin-left:var(--spacing-lg)}.accordion__heading:before{top:clamp(calc((var(--font-size-heading-min) * 4) * -1),calc((var(--font-size-heading-base) * 4) * -1),calc((var(--font-size-heading-max) * 4) * -1));left:calc(var(--spacing-lg) * -1)}.accordion__itemPage.itemPage--versus{margin:0 calc(var(--spacing-sm) * -1) calc(var(--spacing-sm) * -1);padding-top:250px}.accordion__itemPage.itemPage--versus:before{clip-path:polygon(0 220px,100% 0,100% 100%,0% 100%)}.accordion__itemPage.itemPage--versus:after{top:90px}.page-accordion-content{grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}}@media (min-width: 1024px){.accordion:before{top:-250px}.accordion__content{padding:var(--spacing-sm) var(--spacing-lg)}.accordion__itemPage.itemPage--versus{margin:0 calc(var(--spacing-lg) * -1) calc(var(--spacing-sm) * -1)}.accordion__itemPage.itemPage--versus .page-accordion-content{padding:var(--spacing-sm) var(--spacing-lg)}}
