.product-tabs .tabs-list{row-gap:var(--gap-y);column-gap:var(--gap-x);font-size:var(--font-size);font-weight:var(--tab-title-weight)}.tabs-list.show-border-bottom{line-height:1;border-bottom:1px solid var(--border-bottom-bg);padding-bottom:var(--border-bottom-gap)}.tabs-item .tab-title{position:relative}.tabs-item .tab-title:after{content:"";position:absolute;bottom:calc((var(--border-bottom-gap) * -1) + 2px);left:0;width:0;height:2px;transition:all .3s ease;background:var(--border-active-tab-bg)}.tabs-item .tab-title.is-active:after{width:100%}.tabs-content:not(.style-accordion) .tab-content{opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s ease}@media(min-width:750px){.tabs-content:not(.style-accordion) .tab-content:not(.is-active){height:0;overflow:hidden;display:contents}.tabs-content:not(.style-accordion) .tab-content:not(.is-active) .toggle-content{display:none}.tabs-content:not(.style-accordion) .tab-content.is-animating{transition:all .3s ease;opacity:0;visibility:hidden;transform:translateY(10px)}.tabs-content:not(.style-accordion) .tab-content.is-animating.is-active{opacity:1;visibility:visible;transform:translateY(0)}}@media(max-width:749px){.tabs-content:not(.style-accordion) .tab-content{opacity:1;visibility:visible;transform:translateY(0)}}.tabs-content:not(.style-accordion) .tab-content.is-active{border-top:none;opacity:1;visibility:visible;transform:translateY(0)}.product-tabs-tab .tabs-item{position:relative}.product-tabs-tab .tabs-item:not(:last-child):after{content:"|";position:absolute;right:0;top:0;color:var(--separator-color);transform:translate(calc(var(--gap-y) / 1.7)) rotate(0)}@media screen and (min-width:750px){.tabs-content:not(.style-accordion) .toggle-title{display:none}}@media screen and (max-width:749px){.tabs-content .tab-content{display:block}.product-tabs-tab .tabs-list{display:none}.product-tabs-tab .toggle-title{display:block}.tabs-content .toggle-content{height:0;overflow:hidden;opacity:0;transition:all .3s ease}.tabs-content .toggle-title.is-open .icon-caret{transform:rotate(180deg)}.tabs-content .toggle-title.is-open~.toggle-content{height:auto;overflow:visible;display:block;opacity:1;padding:15px 0}}.tabs-content .toggle-title{position:relative;display:block;width:100%}.tabs-content{display:flex;flex-direction:column}.tabs-content .toggle-title .toggle-link{display:flex;width:100%;font-size:var(--font-size);justify-content:var(--alignment);position:relative}@media screen and (max-width:749px){.tabs-content .toggle-title .toggle-link{justify-content:var(--alignment-mb)}}.tabs-content .toggle-title .svg-wrapper{position:absolute;right:15px;top:50%;transform:translateY(-50%) skew(calc(var(--pill-skew-angle, -15deg) * -1))}.tabs-content .toggle-title .svg-wrapper svg{height:var(--icon-size-xs);width:var(--icon-size-xs)}.style-accordion .toggle-content{display:none;padding:15px 0}.style-accordion .toggle-title.is-open~.toggle-content{display:block}.style-accordion .toggle-title.is-open .icon-caret-wrapper{transform:translateY(-50%) rotate(180deg)}.style-accordion.tabs-content .tab-content:not(:last-child){margin-bottom:var(--accordion-gap)}.tab-content .toggle-title .toggle-link{--button-color: var(--pill-text-inactive, var(--title-color, var(--color, var(--color-primary))));line-height:var(--title-line-height, inherit);font-family:var(--title-font-family, inherit);font-style:var(--title-font-style, inherit);font-weight:var(--title-font-weight, var(--tab-title-weight));font-size:var(--title-font-size, var(--font-size));letter-spacing:var(--title-letter-spacing, normal);text-transform:var(--title-text-transform, none);color:var(--button-color);background:var(--pill-bg-inactive, var(--accordion-bg));padding:var(--pill-padding-vertical, 10px) var(--pill-padding-horizontal, 20px);border:none;border-radius:0;transform:skew(var(--pill-skew-angle, -15deg));transition:background-color .3s ease,color .3s ease;display:flex;align-items:center;width:100%;position:relative;justify-content:var(--alignment)}.tab-content .toggle-title .toggle-link .text{transform:skew(calc(var(--pill-skew-angle, -15deg) * -1));display:inline-block}.tab-content .toggle-title .toggle-link:hover{background:var(--pill-bg-hover, var(--pill-bg-inactive, var(--accordion-bg)));color:var(--pill-text-hover, var(--pill-text-inactive, var(--title-color, var(--color, var(--color-primary)))))}.tab-content .toggle-title.is-open .toggle-link{background:var(--pill-bg-open, var(--pill-bg-inactive, var(--accordion-bg)));color:var(--pill-text-open, var(--pill-text-inactive, var(--title-color, var(--color, var(--color-primary)))))}.tab-content .toggle-title.is-open .toggle-link:hover{background:var(--pill-bg-hover, var(--pill-bg-open, var(--pill-bg-inactive, var(--accordion-bg))));color:var(--pill-text-hover, var(--pill-text-open, var(--pill-text-inactive, var(--title-color, var(--color, var(--color-primary))))))}@media screen and (max-width:749px){.tab-content .toggle-title .toggle-link{justify-content:var(--alignment-mb)}}.tab-content .toggle-content{font-family:var(--content-font-family, inherit);font-size:var(--content-font-size);font-weight:var(--content-font-weight);font-style:var(--content-font-style);line-height:var(--content-line-height, inherit);letter-spacing:var(--content-letter-spacing, normal);text-transform:var(--content-text-transform, none);color:var(--content-color)}.tab-content.border-top side-drawer-opener{border-top:1px solid var(--accordion-border-color)}.tab-content.border-bottom side-drawer-opener{border-bottom:1px solid var(--accordion-border-color)}.tab-content.border-top-bottom side-drawer-opener{border-top:1px solid var(--accordion-border-color);border-bottom:1px solid var(--accordion-border-color)}.tab-content.border-full side-drawer-opener{border:1px solid var(--accordion-border-color)}.compatibility-content{padding:20px 0}.compatibility-list{list-style:none;padding:0;margin:0}.compatibility-list li{font-size:1.4rem;line-height:1.8;padding:8px 0 8px 25px;position:relative;color:var(--content-color, inherit)}.compatibility-list li:before{content:"\2022";position:absolute;left:0;font-size:1.6rem;line-height:1.4rem;color:var(--content-color, inherit)}@media screen and (min-width:750px){.compatibility-list li{font-size:1.6rem;padding:10px 0 10px 30px}.compatibility-list li:before{font-size:1.8rem;left:5px}}
/*# sourceMappingURL=/cdn/shop/t/50/assets/product-tabs.css.map */