.tabs{display:block}.tabs__header{position:relative}.tabs__header:before,.tabs__header:after{content:"";display:block;position:absolute;top:0;z-index:2;height:100%;width:7.4rem;pointer-events:none;opacity:0;visibility:hidden;-webkit-transition:var(--duration-short) ease;transition:var(--duration-short) ease;-webkit-transition-property:opacity,visibility;transition-property:opacity,visibility}.tabs__header:before{left:0;background:-webkit-gradient(linear,right top,left top,from(rgba(248,238,239,0)),color-stop(152.7%,#F8EEEF));background:linear-gradient(270deg,#f8eeef00,#f8eeef 152.7%)}.tabs__header:after{right:0;background:-webkit-gradient(linear,right top,left top,from(#F8EEEF),color-stop(152.7%,rgba(248,238,239,0)));background:linear-gradient(270deg,#f8eeef,#f8eeef00 152.7%)}.tabs__header.is-overflowing:before,.tabs__header.is-overflowing:after{opacity:1;visibility:visible}.tabs__header.is-overflowing.is-scrolled-left:before{opacity:0;visibility:hidden}.tabs__header.is-overflowing.is-scrolled-right:after{opacity:0;visibility:hidden}.tabs__track{display:-webkit-box;display:-ms-flexbox;display:flex;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.tabs__track::-webkit-scrollbar{height:0}.tabs__controls{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;margin:0 auto;white-space:nowrap}.tabs__trigger{font-family:var(--font-heading-family);font-size:1.5rem;font-weight:500;letter-spacing:.6rem;line-height:1.7333333333;text-transform:uppercase;position:relative;padding:0;border:0;margin-left:3rem;color:rgb(var(--color-base-text-emphasis));background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;white-space:nowrap}@media screen and (min-width:990px){.tabs__trigger{font-size:1.6rem;letter-spacing:.4rem}}@media screen and (min-width:750px){.tabs__trigger{margin-left:5rem}}@media screen and (min-width:990px){.tabs__trigger{margin-left:6rem}}.tabs__trigger:first-child{margin-left:auto}.tabs__trigger:last-child{margin-right:auto}.tabs__trigger:hover:after,.tabs__trigger[aria-selected=true]:after{content:"";position:absolute;bottom:0;left:0;height:1px;width:100%;border-bottom:1px solid rgb(var(--color-base-divider-01))}.tabs__panel{padding-top:2rem}@media screen and (min-width:750px){.tabs__panel{padding-top:4rem}}@media screen and (min-width:990px){.tabs__panel{padding-top:5rem}}.tabs__panel.is-hidden{display:none}
/*# sourceMappingURL=/cdn/shop/t/33/assets/component-tabs.css.map */