.chummys-tabs-section{padding-block:var(--section-padding-top) var(--section-padding-bottom);background-color:rgb(var(--color-background))}.chummys-tabs__intro{max-width:46rem;margin-inline:auto;margin-block-end:clamp(1.75rem,3vw,2.75rem);text-align:center}.chummys-tabs__heading{margin:0;color:rgb(var(--cht-ink));text-wrap:balance}.chummys-tabs__text{margin-block-start:var(--sp-4);color:rgb(var(--cht-ink) / .72)}.chummys-tabs__text>:last-child{margin-block-end:0}.chummys-tabs__switch-wrap{display:flex;justify-content:center;margin-block-end:clamp(1.75rem,3.5vw,3rem);margin-inline:calc(var(--grid-gap, 1rem) * -1);padding-inline:var(--grid-gap, 1rem);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}.chummys-tabs__switch-wrap::-webkit-scrollbar{display:none}.chummys-tabs__switch{--cht-pad: 8px;--cht-gap: 4px;position:relative;flex:0 0 auto;display:flex;align-items:center;gap:var(--cht-gap);padding:var(--cht-pad);margin-block:6px;border-radius:999px;background-color:rgb(var(--cht-pill));box-shadow:0 6px 34px #0000001a,0 0 0 1px rgb(var(--cht-ink) / .05)}@media(min-width:768px){.chummys-tabs__switch{--cht-pad: 10px;--cht-gap: 6px}}.chummys-tabs__highlight{position:absolute;top:var(--cht-pad);left:var(--cht-pad);width:0;height:calc(100% - var(--cht-pad) * 2);border-radius:999px;background-color:rgb(var(--cht-highlight));transform:translate(0);transition:transform .4s cubic-bezier(.2,1,.3,1),width .4s cubic-bezier(.2,1,.3,1);pointer-events:none}.chummys-tabs__tab{position:relative;z-index:1;flex:0 0 auto;display:inline-flex;align-items:center;gap:9px;height:48px;padding-inline:16px;margin:0;border:0;border-radius:999px;background:none;color:rgb(var(--cht-ink));font-family:var(--font-body-family);font-size:.9rem;font-weight:600;letter-spacing:.01em;line-height:1;white-space:nowrap;cursor:pointer;opacity:.5;-webkit-tap-highlight-color:transparent;transition:opacity .3s ease,transform .35s cubic-bezier(.2,1,.3,1)}@media(min-width:768px){.chummys-tabs__tab{height:54px;padding-inline:22px;gap:11px;font-size:1rem}}.chummys-tabs__tab:hover,.chummys-tabs__tab:focus-visible{opacity:1}.chummys-tabs__tab.is-active{opacity:1}.chummys-tabs__tab:active{transform:scale(.97)}.chummys-tabs__tab:focus-visible{outline:3px solid rgb(var(--cht-ink));outline-offset:2px}.chummys-tabs__tab .chummys-hero__icon,.chummys-tabs__icon-img{display:block;flex:0 0 auto;width:30px;height:30px;object-fit:contain}@media(min-width:768px){.chummys-tabs__tab .chummys-hero__icon,.chummys-tabs__icon-img{width:34px;height:34px}}@media(max-width:767px){.chummys-tabs__switch-wrap{justify-content:flex-start;justify-content:safe center;scroll-snap-type:x proximity;width:100vw;margin-inline:calc(50% - 50vw);padding-inline:1.25rem;scroll-padding-inline:1.25rem}.chummys-tabs__tab{padding-inline:13px;gap:7px;font-size:.85rem;scroll-snap-align:center}.chummys-tabs__tab .chummys-hero__icon,.chummys-tabs__icon-img{width:26px;height:26px}}.chummys-tabs__panel[hidden]{display:none}.chummys-tabs__panel.is-active{animation:chummys-tab-in .5s cubic-bezier(.2,1,.3,1) both}@keyframes chummys-tab-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.chummys-tabs__grid{list-style:none;margin:0;padding:0;display:grid;gap:clamp(1rem,2vw,1.75rem);grid-template-columns:repeat(2,minmax(0,1fr))}@media(min-width:750px){.chummys-tabs__grid{grid-template-columns:repeat(min(3,var(--cht-columns)),minmax(0,1fr))}}@media(min-width:990px){.chummys-tabs__grid{grid-template-columns:repeat(var(--cht-columns),minmax(0,1fr))}}.chummys-tabs__cell{min-width:0}@media(min-width:750px){.chummys-tabs__grid--few{grid-template-columns:repeat(var(--cht-shown, 2),minmax(0,320px));justify-content:center}}.chummys-tabs__footer{display:flex;justify-content:center;margin-block-start:clamp(1.75rem,3vw,2.5rem)}@media(prefers-reduced-motion:reduce){.chummys-tabs__panel.is-active{animation:none}.chummys-tabs__highlight,.chummys-tabs__tab{transition-duration:.01ms}}.no-js .chummys-tabs__switch-wrap{display:none}.no-js .chummys-tabs__panel[hidden]{display:block}@media(max-width:767px){.chummys-tabs__panel .card__heading,.chummys-tabs__panel .card-information__text,.chummys-tabs__panel .product-card__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;text-overflow:clip}}
/*# sourceMappingURL=/cdn/shop/t/48/assets/chummys-tabs.css.map */