tab-component{--spacing-horizontal: 1.6rem;--spacing-vertical: 1.6rem;--tab-font-family: var(--font-body-family);--tab-font-size: var(--font-body-size);--tab-padding: var(--spacing-vertical) var(--spacing-horizontal)}tab-component{margin-left:auto;margin-right:auto;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;align-content:flex-start;gap:0}tab-component.tab--horizontal{flex-direction:column}tab-component.tab--vertical{flex-direction:row}.tabcomponent__nav{position:relative;font-family:var(--tab-font-family);font-size:var(--tab-font-size);width:100%}.tabcomponent__panel{width:100%}tab-component.tab--tabbutton{--tab-background: var(--color-button);--tab-color: var(--color-button-text);--tab-background-active: var(--tab-background);--tab-color-active: var(--tab-color)}tab-component.tab--tablink{--tab-background: var(--color-secondary-button);--tab-color: var(--color-secondary-button-text);--tab-background-active: var(--tab-background);--tab-color-active: var(--tab-color)}.tabnav__scroller{overflow-x:auto;display:flex;flex-wrap:nowrap;column-gap:var(--spacing-horizontal);flex-direction:row}.tabnav__scroller>*{flex:1;flex-grow:1;flex-basis:0%;flex-basis:auto;position:relative;width:50%}.tabnav__tab{box-shadow:none;text-align:center;transition:background-color .3s,color .3s ease;display:inline-flex;justify-content:center;align-items:center;border:0;padding:var(--tab-padding);cursor:pointer;font:inherit;text-decoration:none;color:rgb(var(--tab-color));background-color:rgba(var(--tab-background),var(--alpha-button-background));-webkit-appearance:none;appearance:none;position:relative;min-height:4.8rem;line-height:1.1}.tab--tabbutton .tabnav__tab:after{--buttons-border-width: 0}.tab--tablink .tabnav__scroller{--alpha-button-background: 0;--tab-background: transparent}.tab--tablink .tabnav__tab{height:100%;width:100%}.tab--tablink .tabnav__tab:after{content:"";position:absolute;bottom:0;left:0;display:block;width:100%;height:1px;opacity:.2;background:rgb(var(--tab-color));transition:opacity .3s ease-in-out}.tab--tablink .tabnav__tab[aria-selected=true]:after{opacity:1}.tab--tablink .tabnav__scroller{--spacing-horizontal: 0}.tabcomponent-product-section tab-component{--tab-padding: 0 .8rem .8rem;--tab-font-size: var(--font-body-sm-size)}.tabcomponent-product-section .tabnav__tab{background:transparent;border:1px solid transparent;display:inline-flex;opacity:.75;gap:.8rem;white-space:nowrap}.tabcomponent-product-section .tab--tablink .tabnav__tab[aria-selected=true]{font-weight:var(--font-weight-bold)}.tabcomponent-product-section .tabcomponent__panel{padding:2.4rem .5rem}@media (min-width: 750px){.tabcomponent-product-section tab-component{--tab-padding: 0 0 .8rem;--tab-font-size: var(--font-body-lg-size)}.tabcomponent-product-section .tabnav__tab{white-space:normal}.tabcomponent-product-section .tabcomponent__panel{padding:2.4rem}}@media (min-width: 750px){tab-component.tab--vertical .tabnav__scroller{flex-wrap:wrap;flex-direction:column;row-gap:var(--spacing-vertical)}tab-component.tab--vertical.tab--tablink .tabnav__tab{justify-content:flex-start}tab-component.tab--vertical.tab--tablink .tabnav__tab[aria-selected=false]:after{opacity:0}tab-component.tab--vertical .tabcomponent__nav{width:25%}tab-component.tab--vertical .tabcomponent__panel{width:75%;padding:0 0 0 2.4rem}tab-component.tab--horizontal .tabcomponent__panel{padding:2.4rem 2.4rem 0}tab-component.tab--vertical .tabnav__scroller>*{width:100%}tab-component.tab--vertical.tab--tablink .tabnav__tab{width:auto}}.tabcomponent__panel .container-document:has(.document-item){display:flex;gap:1rem!important;flex-direction:column}.section.upng-product-tabs{height:auto}.upng-product-tabs .tabcomponent-product-section,.upng-product-tabs .tabcomponent__inner,.upng-product-tabs .page-width,.upng-product-tabs .tabcomponent__panel{height:100%!important}#login-b2b .tab--tablink .tabnav__tab[aria-selected=false]:after{background:#fff!important;opacity:1}#login-b2b .tabnav__tab[aria-selected=false]{color:#fff!important}#login-b2c .tab--tablink .tabnav__tab[aria-selected=false]:after{background:#666!important}#login-b2c .tabnav__tab[aria-selected=false]{color:#666!important}.terms-container{}
/*# sourceMappingURL=/cdn/shop/t/37/assets/component-tab.css.map */