.how-it-feels__layout{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--grid-gap);align-items:stretch}@media screen and (min-width:990px){.how-it-feels__layout{min-height:100svh;min-height:100vh}.how-it-feels__media{grid-column:1 / 7;grid-row:1}.how-it-feels__content{grid-column:7 / 13;grid-row:1}}@media screen and (max-width:989px){.how-it-feels__media,.how-it-feels__content{grid-column:1 / -1}}.how-it-feels__media{position:relative;overflow:hidden;border-radius:var(--border-radius-lg)}@media screen and (max-width:989px){.how-it-feels__media{aspect-ratio:4 / 5}}.how-it-feels__left-image,.how-it-feels__image-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity var(--transition-slow)}.how-it-feels__left-image.is-active,.how-it-feels__image-placeholder.is-active{opacity:1}.how-it-feels__image-placeholder{background-color:rgb(var(--color-background))}.how-it-feels__content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-xl) var(--spacing-lg)}@media screen and (max-width:989px){.how-it-feels__content{padding:var(--spacing-lg) 0}}.how-it-feels__subtitle{margin:0 0 var(--spacing-sm)}.how-it-feels__heading{margin:0 0 var(--spacing-xl)}.how-it-feels__tab-area{width:100%;display:flex;flex-direction:column;align-items:center}.how-it-feels__circle{position:relative;width:200px;height:200px;border-radius:var(--border-radius-full);overflow:hidden;margin:0 auto var(--spacing-lg);background-color:rgb(var(--color-background));flex-shrink:0}.how-it-feels__circle-image,.how-it-feels__circle-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity var(--transition-slow)}.how-it-feels__circle-image.is-active,.how-it-feels__circle-placeholder.is-active{opacity:1}.how-it-feels__circle-placeholder{background-color:rgba(var(--color-foreground),.06)}.how-it-feels__tablist{position:relative;display:grid;grid-template-columns:repeat(3,1fr);align-items:end;width:100%;border-bottom:2.5px solid rgba(var(--color-foreground),.15);margin:0;padding:0;list-style:none}.how-it-feels__indicator{position:absolute;bottom:-2.5px;left:0;width:calc(100% / 3);height:2.5px;overflow:hidden;transform:translate(calc(var(--hit-active-index, 0) * 100%));transition:transform .45s cubic-bezier(.22,1,.36,1);pointer-events:none}.how-it-feels__indicator-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:rgb(var(--color-foreground))}.how-it-feels__tab-item{display:flex;justify-content:center;min-width:0}.how-it-feels__button{display:inline-flex;align-items:center;justify-content:center;width:100%;min-width:0;padding:0 0 15px;border:0;margin:0;background:transparent;color:rgba(var(--color-foreground),.5);font-family:var(--subheading-font);font-size:1.4rem;font-style:normal;font-weight:var(--font-weight-bold);line-height:1;text-align:center;text-transform:lowercase;cursor:pointer;transition:color var(--transition-base),filter var(--transition-base)}.how-it-feels__button:hover,.how-it-feels__button:focus-visible{color:rgb(var(--color-foreground));filter:saturate(1.1)}.how-it-feels__button[aria-selected=true]{color:rgb(var(--color-foreground))}.how-it-feels__button:focus-visible{outline:0}.how-it-feels__button:focus-visible .how-it-feels__tab-label{text-decoration:underline;text-underline-offset:.25rem}.how-it-feels__tab-label{display:inline-block;max-width:100%;overflow-wrap:anywhere}.how-it-feels__panels{position:relative;width:100%;padding-top:var(--spacing-md);min-height:var(--hit-panel-min-height, 0)}.how-it-feels__panel{text-align:center;color:rgb(var(--color-foreground));opacity:0;transform:translateY(4px);transition:opacity var(--transition-base),transform var(--transition-base)}.how-it-feels__panel.is-active{opacity:1;transform:translateY(0)}.how-it-feels__panel>*:first-child{margin-top:0}.how-it-feels__panel>*:last-child{margin-bottom:0}.how-it-feels__tab-description{color:inherit}.how-it-feels__tab-description p,.how-it-feels__tab-description ul,.how-it-feels__tab-description ol,.how-it-feels__tab-description li{font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;line-height:inherit}.how-it-feels__placeholder{padding:var(--spacing-xl) 0;text-align:center;color:rgba(var(--color-foreground),.5)}@media(prefers-reduced-motion:reduce){.how-it-feels__left-image,.how-it-feels__image-placeholder,.how-it-feels__circle-image,.how-it-feels__circle-placeholder,.how-it-feels__indicator,.how-it-feels__panel{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-how-it-feels.css.map */