/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!../local_modules/@we-make-websites/basis/node_modules/vue-loader/dist/stylePostLoader.js!../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!../node_modules/vue-loader/dist/index.js??ruleSet[0].use!./components/async/tabbed-info/tabbed-info.vue?vue&type=style&index=0&id=a4a6af5e&lang=scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/.tabbed-info{padding-block:var(--spacing-7xl)}.tabbed-info.critical-component-hide{display:block}.tabbed-info.critical-component-clear{opacity:1}.tabbed-info__navigation{border-bottom:1px solid rgba(115,115,115,.2);display:flex;margin-block-end:var(--spacing-2xl);-ms-overflow-style:none;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;width:100%}.tabbed-info__navigation::-webkit-scrollbar{display:none}.tabbed-info__before-after-text{color:var(--color-gray-text);display:flex;justify-content:space-between}.tabbed-info .splide__track{overflow:visible}.tabbed-info__content.column{display:block}.tabbed-info__content-heading{color:var(--color-stone);margin-block-end:var(--spacing-l)}.tabbed-info__content ul{color:var(--color-stone);list-style:square outside;padding-inline-start:var(--spacing-m)}.tabbed-info__content li{font-family:var(--font-family-avenir-next);font-size:var(--font-size-3);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-0);line-height:var(--line-height-normal);text-decoration:none;text-indent:var(--text-indent-0);color:var(--color-stone);list-style:inherit;margin-block-end:var(--spacing-xs)}.tabbed-info__content li::marker{color:var(--color-bio);list-style:inherit}.tabbed-info__content a{text-decoration:none}.tabbed-info__content a:after{background-image:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiBpY29uX19wZGYtbGluayBpY29uIGljb25fX3BkZi1saW5rIiB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTS42IDBoMTQuN2MuNCAwIC43LjMuNy42djE0LjdjMCAuNC0uMy42LS42LjZIOC4yYy0uMS4xLS4yIDAtLjItLjF2LTEuMWMwLS4xLjEtLjIuMi0uMmg2LjRWMS40SDEuNHY2LjRjMCAuMSAwIC4yLS4xLjJILjJDLjEgOCAwIDcuOSAwIDcuOFYuNkMwIC4zLjMgMCAuNiAwem00LjYgOS43LTEtMXYtLjJzMC0uMS4xLS4xaC4xTDcuOCA4Yy4xIDAgLjIuMS4yLjJsLS40IDMuNmMwIC4xLS4yLjItLjMuMWwtMS0xTDEuMiAxNmMtLjEgMC0uMiAwLS4zLS4xbC0uOC0uOGMtLjEtLjEtLjEtLjIgMC0uMmw1LjEtNS4yeiIgZmlsbD0iY3VycmVudENvbG9yIi8+PC9zdmc+);content:"";display:inline-block;height:var(--icon-2xs);margin-inline-start:var(--spacing-s);width:var(--icon-2xs)}.tabbed-info__content p{font-family:var(--font-family-avenir-next);font-size:var(--font-size-3);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-0);line-height:var(--line-height-normal);text-decoration:none;text-indent:var(--text-indent-0);color:var(--color-stone);margin-block:var(--spacing-xl)}.tabbed-info__content p:last-child{margin-block-end:0}.tabbed-info__content p:first-child{margin-block-end:var(--spacing-s);margin-block-start:0}.tabbed-info__content strong{font-weight:var(--font-weight-demi-bold)}.tabbed-info__content h2{font-family:var(--font-family-chronicle-display);font-size:var(--font-size-8);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-0);line-height:var(--line-height-tight);text-decoration:none;text-indent:var(--text-indent-0);color:var(--color-stone)}.tabbed-info__content h2+p{margin-block-start:var(--spacing-xs)}.tabbed-info__content h3{font-family:var(--font-family-avenir-next);font-size:var(--font-size-9);font-weight:var(--font-weight-demi-bold);letter-spacing:var(--letter-spacing-0);line-height:var(--line-height-baseline);text-decoration:none;text-indent:var(--text-indent-0);color:var(--color-stone)}.tabbed-info__content h5{font-family:var(--font-family-avenir-next);font-size:var(--font-size-5);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-0);line-height:var(--line-height-tight);text-decoration:none;text-indent:var(--text-indent-0);color:var(--color-stone);margin:0}.tabbed-info__content h5+p{margin-block-start:var(--spacing-m)}.tabbed-info__content h6{font-family:var(--font-family-avenir-next);font-size:var(--font-size-3);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-0);line-height:var(--line-height-normal);text-decoration:none;text-indent:var(--text-indent-0);color:var(--color-stone);font-weight:var(--font-weight-demi-bold);margin:0}.tabbed-info__content h6+p{margin-block-start:var(--spacing-m)}.tabbed-info__before-image{clip-path:polygon(0 0,var(--range-value) 0,var(--range-value) 100%,0 100%);z-index:2}.tabbed-info__after-image{z-index:1}.tabbed-info__before-after{position:relative}.tabbed-info__before-after-images{height:calc((100vw - 2 * var(--layout-mobile-margin)) * .56);position:relative}.tabbed-info .images{left:0;position:absolute;top:0}.tabbed-info input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;cursor:pointer;height:100%;margin:0;outline:none;position:absolute;top:0;width:100%;z-index:4}.tabbed-info input[type=range]::-webkit-slider-thumb{visibility:hidden}.tabbed-info__separator{bottom:0;left:calc(var(--range-value) - 18px);position:absolute;top:0;width:2.25rem;z-index:3}.tabbed-info__separator:before,.tabbed-info__separator:after{background-color:var(--color-clouds);content:"";height:calc(50% - 12px);left:1.125rem;position:absolute;width:1px}.tabbed-info__separator:before{top:0}.tabbed-info__separator:after{bottom:0}.tabbed-info__separator-icon{border:1px solid var(--color-clouds);border-radius:1.875rem;height:1.5rem;left:0;position:absolute;top:calc(50% - 12px);width:2.25rem}.tabbed-info__separator-icon:before,.tabbed-info__separator-icon:after{border-style:solid;content:"";height:0;position:absolute;top:5px;width:0}.tabbed-info__separator-icon:before{border-color:rgba(255,255,255,0) #fff rgba(255,255,255,0) rgba(255,255,255,0);border-width:6px 8px 6px 0;left:5px}.tabbed-info__separator-icon:after{border-color:rgba(255,255,255,0) rgba(255,255,255,0) rgba(255,255,255,0) #fff;border-width:6px 0 6px 8px;right:5px}.tabbed-info__navigation-item{align-items:center;cursor:pointer;display:flex;height:3.125rem;margin-inline-end:var(--spacing-xl);position:relative;white-space:nowrap}.tabbed-info__navigation-item .icon__info-sheet{color:var(--color-gray-text)}.tabbed-info__navigation-item:after{background-color:var(--color-bio);bottom:-1px;content:"";height:3px;left:0;position:absolute;transform:scaleX(0);transform-origin:0 0;transition:transform .3s cubic-bezier(.65,0,.35,1);width:100%}.tabbed-info__navigation-item.is-active:after{transform:none}.tabbed-info__navigation-item.is-active .tabbed-info__navigation-link,.tabbed-info__navigation-item.is-active .icon__info-sheet,.tabbed-info__navigation-item:hover .tabbed-info__navigation-link,.tabbed-info__navigation-item:hover .icon__info-sheet{color:var(--color-stone)}.tabbed-info__navigation-link{align-items:center;color:var(--color-gray-text);display:flex;gap:var(--spacing-s);margin-inline-end:var(--spacing-m);text-transform:uppercase}.tabbed-info__navigation-link .icon:last-of-type{margin-inline-start:auto}@media(min-width:64em){.tabbed-info{padding-block:var(--spacing-8xl)}.tabbed-info__content.column{-moz-column-count:2;column-count:2;-moz-column-gap:var(--spacing-xl);column-gap:var(--spacing-xl)}.tabbed-info__content li,.tabbed-info__content p{font-family:var(--font-family-avenir-next);font-size:var(--font-size-4);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-0);line-height:var(--line-height-loose);text-decoration:none;text-indent:var(--text-indent-0)}.tabbed-info__content h2{font-family:var(--font-family-chronicle-display);font-size:var(--font-size-10);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-0);line-height:var(--line-height-tight);text-decoration:none;text-indent:var(--text-indent-0)}.tabbed-info__content h3{font-family:var(--font-family-avenir-next);font-size:var(--font-size-9);font-weight:var(--font-weight-demi-bold);letter-spacing:var(--letter-spacing-0);line-height:var(--line-height-baseline);text-decoration:none;text-indent:var(--text-indent-0)}.tabbed-info__content h5{font-family:var(--font-family-avenir-next);font-size:var(--font-size-6);font-weight:var(--font-weight-demi-bold);letter-spacing:var(--letter-spacing-0);line-height:var(--line-height-tight);text-decoration:none;text-indent:var(--text-indent-0)}.tabbed-info__content h6{font-family:var(--font-family-avenir-next);font-size:var(--font-size-4);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-0);line-height:var(--line-height-loose);text-decoration:none;text-indent:var(--text-indent-0)}.tabbed-info__before-after-images{height:calc((65vw - 2 * var(--layout-desktop-margin)) * .56)}}@media(min-width:85.375em){.tabbed-info__before-after-images{height:28.125rem}}
/*# sourceMappingURL=/cdn/shop/t/50/assets/component.tabbed-info.css.map */