.kg-fit__grid{display:grid;gap:var(--s-6)}.kg-fit__media{position:relative;aspect-ratio:4 / 5;overflow:hidden;background:var(--kg-well)}.kg-fit__image{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .32s var(--ease-std)}.kg-fit__image.is-active{opacity:1}.kg-fit__img{width:100%;height:100%;object-fit:cover;display:block}.kg-fit__body{display:grid;align-content:center;gap:var(--s-5)}.kg-fit__title{margin:0;font:400 var(--t-h2) / var(--lh-h2) var(--kg-font-display);letter-spacing:-.01em}.kg-fit__tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:var(--s-5);border-bottom:var(--kg-hairline)}.kg-fit__tab{position:relative;flex:none;white-space:nowrap;padding:var(--s-2) 0 var(--s-3);border:0;background:none;color:var(--kg-graphite);font:400 var(--t-h3) / var(--lh-h3) var(--kg-font-display);cursor:pointer;transition:color var(--dur-1) var(--ease-std)}.kg-fit__tab:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--kg-ink);transform:scaleX(0);opacity:0;transform-origin:left;transition:transform var(--dur-3) var(--ease-out),opacity var(--dur-1) linear}.kg-fit__tab[aria-selected=true]{color:var(--kg-ink)}.kg-fit__tab[aria-selected=true]:after{transform:scaleX(1);opacity:1}.kg-fit__tab:focus-visible{outline:2px solid var(--kg-accent);outline-offset:2px}@media(hover:hover){.kg-fit__tab:hover{color:var(--kg-ink)}}.kg-fit__panel{display:grid;gap:var(--s-5);outline:none}.kg-fit__panel:not([hidden]){animation:kg-fit-in .32s var(--ease-std)}@keyframes kg-fit-in{0%{opacity:0}}.kg-fit__panel:focus-visible{outline:2px solid var(--kg-accent);outline-offset:4px}.kg-fit__text{margin:0;max-width:44ch;font:400 var(--t-body-lg) / 1.55 var(--kg-font-text)}.kg-fit__diagram{display:grid;gap:var(--s-3);margin:0;max-width:40rem}.kg-fit__row{display:grid;grid-template-columns:7rem minmax(0,1fr);align-items:center;gap:var(--s-4)}.kg-fit__row dt{font:500 var(--t-label) / 1 var(--kg-font-text);letter-spacing:var(--tr-label);text-transform:uppercase}.kg-fit__row dd{display:grid;grid-template-columns:minmax(0,1fr) 9rem;align-items:center;gap:var(--s-3);margin:0}.kg-fit__bar{position:relative;display:block;height:1.2rem}.kg-fit__bar span{position:absolute;top:50%;left:50%;height:1.2rem;width:calc(28% + var(--ease) * 14%);border-inline:1px solid var(--kg-ink);background:linear-gradient(var(--kg-ink),var(--kg-ink)) center / 100% 1px no-repeat;transform:translate(-50%,-50%);transition:width var(--dur-4) var(--ease-out)}.kg-fit__ease{font-size:var(--t-small);color:var(--kg-graphite)}.kg-fit__advice{margin:0;max-width:44ch}.kg-fit__shop{justify-self:start}.kg-fit__memory{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--s-2);margin:0;color:var(--kg-graphite)}.kg-fit__memory .kg-btn--text{min-height:0;padding:0}@media screen and (min-width:1024px){.kg-fit__grid{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--kg-gutter);align-items:center}.kg-fit__media{grid-column:1 / span 7}.kg-fit__body{grid-column:8 / span 5;padding-left:var(--s-6)}}@media(prefers-reduced-motion:reduce){.kg-fit__image,.kg-fit__tab:after,.kg-fit__bar span{transition:none}.kg-fit__panel:not([hidden]){animation:none}}@media screen and (min-width:1024px)and (max-width:1279px){.kg-fit__tab{font-size:2.4rem}.kg-fit__tabs{gap:var(--s-4)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/kg-fit-finder.css.map */