.problem__eyebrow{margin:0 0 2.4rem;color:#564c46}.problem{display:none}.problem__grid{display:flex;flex-direction:column;gap:3.2rem}.problem-card{display:flex;flex-direction:column;gap:1.2rem}.problem-card__media{aspect-ratio:343 / 380;overflow:hidden;background:#564c460f}.problem__grid--landscape .problem-card__media{aspect-ratio:3 / 2}.problem-card__media img,.problem-card__media .placeholder-svg{width:100%;height:100%;object-fit:cover;display:block}.problem-card__content{display:flex;flex-direction:column;gap:1.2rem}.problem-card__title,.problem-card__text{margin:0;color:#564c46}.problem-card__title{max-width:var(--heading-max-width-mobile, none)}@media screen and (min-width:750px){.problem__eyebrow{margin-bottom:4rem}.problem__eyebrow--mobile{display:none}.problem__panel .problem__eyebrow{margin-bottom:0}.problem__grid{display:none}.problem{display:flex;align-items:stretch;gap:4rem}.problem__panel{display:flex;flex-direction:column;justify-content:space-between;gap:4rem;flex:0 1 calc(50% - 2rem);min-width:0}.problem__list{display:flex;max-width:54rem;flex-direction:column;justify-content:center;list-style:none;margin:0;padding:0;min-height:0}.problem__title{display:block;width:100%;max-width:var(--heading-max-width-desktop, none);padding:1.6rem 0;border:0;background:none;text-align:start;cursor:pointer;transition:font-size var(--duration-medium) ease,color var(--duration-medium) ease}.problem__item:first-child .problem__title{padding-top:0}.problem__item:not(.is-active) .problem__title{font-size:calc(var(--font-heading-scale) * 3.2rem);color:#564c46b8}.problem__item.is-active .problem__title{color:#564c46;cursor:default}.problem__body{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--duration-medium) var(--ease-out-slow)}.problem__item.is-active .problem__body{grid-template-rows:1fr}.problem__body-inner{overflow:hidden;min-height:0;opacity:0;transition:opacity var(--duration-medium) ease}.problem__item.is-active .problem__body-inner{opacity:1;transition-delay:var(--duration-short)}.problem__text{margin:0 0 2.4rem;color:#564c46}.problem__indicator{display:none;position:relative;height:2px;background:#564c463d;margin-bottom:2.4rem}.problem__item.is-visited .problem__indicator{display:block}.problem__indicator-fill{display:block;width:0%;height:100%;background:#564c46}.problem__item.is-visited:not(.is-active) .problem__indicator-fill{width:100%}.problem__item.is-active .problem__indicator-fill{animation:problem-indicator-fill 2s var(--ease-out-slow) forwards}@keyframes problem-indicator-fill{0%{width:0%}to{width:100%}}.problem__nav{display:flex;align-items:center;gap:2.4rem}.problem__nav-buttons{display:flex;gap:1.2rem}.problem__nav-button{display:flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;padding:.4rem;border:0;background:#f4efe7;color:#564c46;cursor:pointer;transition:opacity var(--duration-medium) ease}.problem__nav-button .svg-wrapper{width:2.4rem;height:2.4rem}.problem__nav-button .icon{width:1.4rem;height:1rem}.problem__nav-button[name=next] .icon{transform:none}.problem__nav-button[name=previous] .icon{transform:rotate(180deg)}.problem__nav-button:not([disabled]):hover{opacity:.7}.problem__nav-button[disabled]{opacity:.5;cursor:not-allowed}.problem__counter{color:#564c46}.problem__media{flex:0 1 calc(50% - 2rem);min-width:0}.problem__slides{position:relative;aspect-ratio:730 / 750}.problem__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity var(--duration-long) ease}.problem__slide.is-active{opacity:1}.problem__slide img,.problem__slide .placeholder-svg{width:100%;height:100%;object-fit:cover;display:block}}@media(prefers-reduced-motion:reduce){.problem__title,.problem__body,.problem__body-inner,.problem__nav-button,.problem__slide{transition-duration:.01ms}.problem__item.is-active .problem__indicator-fill{animation-duration:.01ms}}.problem__head{display:flex;flex-direction:column;align-items:flex-start;gap:2.4rem;margin-bottom:3.2rem}.problem__head .problem__eyebrow{margin:0}.problem__heading{margin:0;max-width:var(--heading-max-width-mobile, 32rem);color:#564c46}@media screen and (min-width:750px){.problem__head{align-items:center;text-align:center;margin-bottom:6.4rem}.problem__head .problem__eyebrow{margin-bottom:0}.problem__heading{max-width:var(--heading-max-width-desktop, 72rem)}.problem--with-head .problem__list{flex:1 1 auto}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/section-problem.css.map */