.product-tabs{background:#f8f8f8;padding:32px 0;min-height:1063px}.product-tabs__container{max-width:calc(var(--yip-grid-max-width, 1360px) + var(--page-margin, 40px) * 2);margin:0 auto;padding:0 var(--page-margin, 40px)}.product-tabs__container.section--full-width{max-width:100%}.product-tabs__nav{display:flex;gap:24px;margin-bottom:24px}.product-tabs__tab{background:none;border:none;cursor:pointer;font-family:var(--font-heading--family, system-ui);font-size:20px;font-weight:400;color:#9ca3af;padding:0;transition:color .2s ease;white-space:nowrap;flex-shrink:0}.product-tabs__tab:hover{color:#6b7280}.product-tabs__tab--active{font-weight:700;color:#111827}.product-tabs__panels{position:relative;overflow:hidden}.product-tabs__panel{width:100%}.product-tabs__panel[hidden]{display:none}.pt-leaving{position:absolute;top:0;left:0;width:100%;pointer-events:none;z-index:1}@keyframes pt-out-left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes pt-out-right{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes pt-in-from-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes pt-in-from-left{0%{transform:translate(-100%)}to{transform:translate(0)}}.pt-out-left{animation:pt-out-left .35s ease forwards}.pt-out-right{animation:pt-out-right .35s ease forwards}.pt-in-from-right{animation:pt-in-from-right .35s ease forwards}.pt-in-from-left{animation:pt-in-from-left .35s ease forwards}.product-tabs__grid{display:grid;grid-template-columns:repeat(var(--columns, 3),1fr);grid-auto-rows:1fr;gap:var(--gap, 16px)}@media screen and (max-width:1279px){.product-tabs__grid{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:749px){.product-tabs{padding:24px 0;min-height:auto}.product-tabs__container{padding:0}.product-tabs__nav{gap:14px;margin-bottom:20px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:8px;padding-left:8px}.product-tabs__nav::-webkit-scrollbar{display:none}.product-tabs__tab{font-size:16px}.product-tabs__grid{grid-template-columns:repeat(2,1fr);gap:8px}.product-tabs__panels{padding:0 8px}.product-tabs__panels .pt-leaving{left:8px;width:calc(100% - 16px)}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/product-tabs.css.map */
