.benefits-tabs{position:relative;overflow:hidden}.benefits-tabs__header{margin-bottom:10px}.benefits-tabs__subheading{color:var(--color-base);opacity:.7}.benefits-tabs__heading{font-family:HiraKakuStdN-W8-AlphaNum,sans-serif;color:var(--color-base);margin-top:0}.benefits-tabs__navigation-wrapper{position:relative;margin-bottom:var(--padding4)}.benefits-tabs__navigation-wrapper:before,.benefits-tabs__navigation-wrapper:after{content:"";position:absolute;top:0;bottom:2px;width:40px;pointer-events:none;z-index:5;opacity:0;transition:opacity .25s ease}.benefits-tabs__navigation-wrapper:before{left:0;background:linear-gradient(to right,var(--color-body-background) 0%,transparent 100%)}.benefits-tabs__navigation-wrapper:after{right:0;background:linear-gradient(to left,var(--color-body-background) 0%,transparent 100%)}.benefits-tabs__navigation-wrapper.can-scroll-left:before{opacity:1}.benefits-tabs__navigation-wrapper.can-scroll-right:after{opacity:1}.benefits-tabs__navigation{display:flex;gap:20px;border-bottom:2px solid var(--color-base);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;padding:0 2px}.benefits-tabs__navigation::-webkit-scrollbar{display:none}.benefits-tabs__tab{position:relative;padding:15px 0;font-family:AlbertSans,sans-serif;font-size:16px;font-weight:600;color:var(--color-base);background:transparent;border:none;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .25s ease;opacity:.5}.benefits-tabs__tab:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:6px;background-color:#c3d3d2;transition:width .25s ease}.benefits-tabs__tab.active{opacity:1;font-weight:700}.benefits-tabs__tab.active:after{width:100%}.benefits-tabs__tab:hover{opacity:1}.benefits-tabs__content-wrapper{position:relative}.benefits-tabs__panel{display:none}.benefits-tabs__panel.active{display:block;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.benefits-tabs__layout{display:grid;gap:40px;align-items:center}@media (min-width: 993px){.benefits-tabs__layout{grid-template-columns:60fr 40fr;gap:60px}}@media (max-width: 992px){.benefits-tabs__layout{grid-template-columns:1fr;gap:30px}.benefits-tabs__media{order:-1}}.benefits-tabs__features{display:flex;flex-direction:column;gap:25px}@media (max-width: 992px){.benefits-tabs__features{gap:20px}}.benefit-feature{display:flex;gap:15px;align-items:flex-start;padding:20px;background-color:var(--color-body-background);border:1px solid var(--color-base);border-radius:var(--radius);transition:all .25s ease}.benefit-feature:hover{transform:translateY(-2px);box-shadow:2px 4px 0 0 var(--color-base)}.benefit-feature__icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center}.benefit-feature__icon img{width:100%;height:100%;object-fit:contain}.benefit-feature__content{flex:1}.benefit-feature__heading{font-family:HiraKakuStdN-W8-AlphaNum,sans-serif;color:var(--color-base);margin:0;line-height:1.3}.benefit-feature__text{font-family:AlbertSans,sans-serif;color:var(--color-base);line-height:1.5;margin:0;font-size:15px}.benefits-tabs__media{position:relative;width:100%;height:100%;min-height:400px;display:flex;align-items:center;gap:10px}@media (max-width: 992px){.benefits-tabs__media{min-height:300px}}.benefits-tabs__image{position:relative;width:fit-content;height:auto;padding:15px;flex:1}.benefits-tabs__image img{display:block;width:auto;height:auto;max-width:100%}.benefits-tabs__video{position:relative;width:100%;height:100%;overflow:hidden;flex:1}.benefits-tabs__nav-button{flex-shrink:0;width:30px;height:30px;border-radius:50%;background-color:var(--color-base);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s ease;padding:0}.benefits-tabs__nav-button:hover{transform:scale(1.1);box-shadow:0 4px 12px #00000026}.benefits-tabs__nav-button svg{width:20px;height:20px;fill:var(--color-body-background)}@media (max-width: 576px){.benefits-tabs__nav-button{width:30px;height:30px}.benefits-tabs__nav-button svg{width:16px;height:16px}}.benefits-tabs__video-element{display:block;width:100%;height:100%;object-fit:cover}.benefits-tabs__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;min-height:400px;border:1px solid var(--color-base)}@media (max-width: 992px){.benefits-tabs__placeholder{min-height:300px}}.benefit-feature:not(:has(.benefit-feature__icon)){padding-left:25px}@media (max-width: 576px){.benefits-tabs__navigation{gap:15px;margin-bottom:var(--padding3)}.benefits-tabs__tab{padding:12px 0;font-size:14px}.benefit-feature{padding:15px;gap:12px}.benefit-feature__icon{width:40px;height:40px}.benefit-feature__heading{font-size:16px}.benefit-feature__text{font-size:14px}.benefits-tabs__media{min-height:250px}.benefits-tabs__image{padding:10px;width:100%}.benefits-tabs__image img{width:100%}}@media (min-width: 577px) and (max-width: 992px){.benefits-tabs__layout{gap:40px}.benefits-tabs__features{gap:20px}}.benefits-tabs__tab:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.benefits-tabs__image:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,transparent 0%,transparent 100%);pointer-events:none;z-index:1}@media (min-width: 993px){.benefits-tabs__image:before,.benefits-tabs__video:before{background:linear-gradient(to right,var(--color-body-background) 0%,transparent 10%)}}.benefits-tabs__video-element[data-loading=true]{opacity:.5}@media print{.benefits-tabs__tab:not(.active){display:none}.benefits-tabs__panel:not(.active){display:block!important;page-break-before:always}}
/*# sourceMappingURL=/cdn/shop/t/84/assets/custom-benefits-tabs.css.map */