.h-tabs{--transition:all 400ms ease-in-out;--button-text-color:var(--blue-600);--button-border-color:var(--blue-base);--button-hover-text-color:var(--blue-600);--button-hover-bg-color:var(--blue-50);--button-active-bg-color:var(--blue-base);--image-bg-color:var(--background-blue);&.h-tabs--teal{--button-text-color:var(--teal-700);--button-border-color:var(--teal-600);--button-hover-text-color:var(--teal-800);--button-hover-bg-color:var(--teal-50);--button-active-bg-color:var(--teal-600);--image-bg-color:var(--background-teal)}&.h-tabs--red{--button-text-color:var(--red-base);--button-border-color:var(--red-base);--button-hover-text-color:var(--red-base);--button-hover-bg-color:var(--red-50);--button-active-bg-color:var(--red-base);--image-bg-color:var(--background-red)}&.h-tabs--yellow{--button-text-color:var(--yellow-700);--button-border-color:var(--yellow-base);--button-hover-text-color:var(--yellow-700);--button-hover-bg-color:var(--yellow-100);--button-active-bg-color:var(--yellow-base);--image-bg-color:var(--yellow-100)}}.h-tab-switcher{margin-bottom:var(--spacing-16x);overflow:visible;& .swiper-wrapper{flex-wrap:wrap;gap:var(--spacing-6x) var(--spacing-4x)}@media (max-width:820px){margin-bottom:var(--spacing-12x)}}.h-tab-switcher .swiper-slide{width:fit-content}.h-tab-switch__title{background:var(--white-base);border:1px solid var(--button-border-color);border-radius:var(--radius-xl);color:var(--button-text-color);cursor:pointer;font-size:1.2222rem;font-size:20px;font-weight:600;line-height:1.2;padding:12px 24px;transition:var(--transition);width:fit-content;.swiper-slide-thumb-active &{background:var(--button-active-bg-color);color:var(--white-base)}@media (hover:hover){&:hover{background:var(--button-hover-bg-color);color:var(--button-hover-text-color)}.swiper-slide-thumb-active &:hover{background:var(--button-active-bg-color);color:var(--white-base)}}}.h-tab-panel{display:flex;gap:var(--spacing-20x);justify-content:space-between;@media (max-width:820px){flex-direction:column;gap:var(--spacing-8x)}}.h-tab-panel__content{flex:0 1 406px;@media (max-width:820px){flex:none}}.h-tab-panel__title{margin-bottom:var(--spacing-4x)}.h-tab-panel__description:has(+ul){margin-bottom:var(--spacing-4x)}.h-tab-panel a.btn--primary-clear{margin-top:var(--spacing-8x)}.h-tab-panel__list-item{@media (max-width:820px){font-size:var(--text-sm)}}.h-tab-panel__product-heading{border-top:1px solid var(--border);color:var(--text-light);font-size:var(--text-sm);margin-block:var(--spacing-8x) var(--spacing-3x);padding-top:var(--spacing-6x);text-transform:uppercase}.h-tab-panel__product-features{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-3x)}a.h-tab-panel__product-link{--bg-color:var(--gray-200);background:var(--bg-color);border-radius:var(--radius-xl);color:var(--text-base);font-size:var(--text-sm);padding:var(--spacing-1x) var(--spacing-3x);text-decoration:none;&:hover{--bg-color:var(--blue-base);color:var(--white-base)}}.h-tab-panel__media{align-items:center;border-radius:var(--radius-lg);display:flex;flex:0 1 794px;height:500px;justify-content:center;overflow:clip;&.h-tab-panel__media--has-bg{background:var(--image-bg-color);padding-block:var(--spacing-8x)}@media (max-width:820px){flex:none;height:350px}@media (max-width:640px){height:255px}}.h-tab-panel__media img{display:block;max-height:100%;max-width:100%;object-fit:contain}