.kit-tabs{--kit-band: #f6f7f9;--kit-track-pad: .4rem;--kit-track-gap: .4rem;--kit-chip-gap: .8rem;--kit-slide: .25s cubic-bezier(0, 0, .3, 1)}.kit-tabs__head{display:grid;gap:1.2rem;padding-bottom:2.4rem}.kit-tabs__titles{display:grid;gap:.6rem;min-width:0}.kit-tabs__head .title{margin:0}.kit-tabs__intro{max-width:64ch;color:rgba(var(--color-foreground),.75)}:where(.kit-tabs__intro) :where(p){margin:0}.kit-tabs__link{display:inline-flex;align-items:center;justify-self:start;gap:.4rem;min-height:4.4rem;font-size:1.5rem;font-weight:500;line-height:1.3;color:rgb(var(--kit-ink));text-decoration:underline;text-decoration-color:rgba(var(--kit-ink),.3);text-underline-offset:.4rem;white-space:nowrap}.kit-tabs__link .kit-icon{transition:transform var(--duration-short, .1s) ease}.kit-tabs__stage{padding:2.4rem 0 4rem;background:var(--kit-band)}kit-tabs{display:block}.kit-tabs__bar{margin-bottom:2rem}.kit-tabs__list{--kit-columns: var(--kit-tab-cols-small, 3);position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--kit-chip-gap)}.kit-tabs__indicator{position:absolute;top:var(--kit-track-pad);bottom:var(--kit-track-pad);left:var(--kit-track-pad);display:none;border-radius:.5rem;background:rgb(var(--kit-ink));transform:translate(calc(var(--kit-tab-index, 0) * (100% + var(--kit-track-gap))));transition:transform var(--kit-slide);pointer-events:none}:where(.kit-tabs__tab){margin:0;border:0;background:none;font:inherit;text-align:left;cursor:pointer;-webkit-appearance:none;appearance:none}.kit-tabs__tab{position:relative;z-index:1;display:flex;flex:0 0 calc((100% - (var(--kit-columns) - 1) * var(--kit-chip-gap)) / var(--kit-columns));align-items:center;justify-content:center;min-width:0;min-height:5.2rem;padding:.8rem .6rem;border:.1rem solid var(--kit-line);border-radius:.8rem;background:rgb(var(--color-background));color:rgb(var(--kit-ink));container:kit-tab / inline-size;transition:color var(--kit-slide),background-color var(--kit-slide),border-color var(--kit-slide)}@media(hover:hover){.kit-tabs__tab:hover{background:rgba(var(--kit-ink),.06)}.kit-tabs__link:hover{text-decoration-color:rgb(var(--kit-ink))}.kit-tabs__link:hover .kit-icon{transform:translate(.3rem)}}.kit-tabs__tab[aria-selected=true]{color:#fff;border-color:rgb(var(--kit-ink));background:rgb(var(--kit-ink))}.kit-tabs__tab:focus-visible{outline:.2rem solid rgb(var(--kit-ink));outline-offset:.2rem;box-shadow:none}.kit-tabs__tab[aria-selected=true]:focus-visible{outline-offset:-.5rem;outline-color:#fff}.kit-tabs__tab:focus:not(:focus-visible){outline:0;box-shadow:none}.kit-tabs__face{display:grid;grid-template-columns:auto auto;grid-template-areas:"glyph size" "from from" "count count";align-items:center;justify-content:center;justify-items:center;column-gap:.6rem;min-width:0;text-align:center}.kit-tabs__glyph{grid-area:glyph;display:block;width:2.4rem;height:2.4rem;overflow:visible}.kit-tabs__glyph-sun{fill:var(--kit-sun)}.kit-tabs__size{grid-area:size;justify-self:start;font-family:var(--font-heading-family);font-size:1.8rem;font-weight:600;line-height:1.4;letter-spacing:0}.kit-tabs__from,.kit-tabs__count{font-size:1.2rem;line-height:1.4;letter-spacing:0;white-space:nowrap;transition:color var(--kit-slide)}.kit-tabs__from{grid-area:from;color:rgba(var(--color-foreground),.78)}.kit-tabs__count{grid-area:count;display:none;color:rgba(var(--color-foreground),.62)}@container kit-tab (min-width: 13.2rem){.kit-tabs__face{grid-template-columns:3.6rem auto;grid-template-areas:"glyph size" "glyph from" "glyph count";column-gap:1.2rem;justify-items:start;text-align:left}.kit-tabs__glyph{width:3.6rem;height:3.6rem}.kit-tabs__size{line-height:1.2}}.kit-tabs__tab[aria-selected=true] .kit-tabs__from{color:#ffffffe0}.kit-tabs__tab[aria-selected=true] .kit-tabs__count{color:#ffffffb8}.kit-tabs__panels{display:grid}.kit-tabs__panel{grid-area:1 / 1;align-self:start;min-width:0}.kit-tabs__panel-heading{display:none;margin-bottom:1.6rem;font-family:var(--font-heading-family);font-size:calc(var(--font-heading-scale) * 2.4rem);font-weight:600;line-height:1.15;color:rgb(var(--kit-ink))}.kit-tabs__foot{display:flex;flex-wrap:wrap;gap:0 2.4rem;margin-top:1.6rem}.kit-tabs__all--head{display:none}@media screen and (min-width:750px){.kit-tabs__head{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1.2rem 4rem;padding-bottom:3.2rem}.kit-tabs__stage{padding:3.2rem 0 5.6rem}.kit-tabs__bar{margin-bottom:2.8rem}.kit-tabs__list{--kit-columns: var(--kit-tab-cols, 3)}.kit-tabs__tab{min-height:6.4rem;padding:1rem 1.2rem}.kit-tabs__count{display:block}.kit-tabs__foot{margin-top:2.4rem}.kit-tabs__all--head{display:inline-flex}.kit-tabs__all--foot{display:none}}@media screen and (min-width:990px){.kit-tabs__list{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:var(--kit-track-gap);padding:var(--kit-track-pad);border:.1rem solid var(--kit-line);border-radius:.8rem;background:rgb(var(--color-background))}.kit-tabs__indicator{display:block;width:calc((100% - 2 * var(--kit-track-pad) - (var(--kit-tab-count, 1) - 1) * var(--kit-track-gap)) / var(--kit-tab-count, 1))}.kit-tabs__tab{min-height:6.4rem;padding:1.2rem .8rem;border:0;border-radius:.5rem;background:none;transition:color var(--kit-slide),background-color var(--duration-short, .1s) ease}.kit-tabs__tab[aria-selected=true]{background:transparent}.kit-tabs__size{font-size:2rem}.kit-tabs__from{font-size:1.3rem}}@media(prefers-reduced-motion:reduce){.kit-tabs__indicator,.kit-tabs__tab,.kit-tabs__from,.kit-tabs__count,.kit-tabs__link .kit-icon{transition:none}.kit-tabs__link:hover .kit-icon{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/kit-tabs.css.map */