.uf-problem{--product-accent: #d8d8d8;--uf-p-fill: color-mix(in srgb, var(--product-accent) var(--uf-problem-fill, 25%), #fff);--uf-p-dark: #1a1e24;--uf-p-ink: rgb(var(--text-primary, 26 26 26));--uf-p-muted: rgb(var(--text-primary, 26 26 26) / .68);--uf-p-rule: rgb(var(--text-primary, 26 26 26) / .12);--uf-p-surface: #fff;position:relative;padding-block:3rem;color:var(--uf-p-ink);font-family:var(--text-font-family)}.uf-problem--accent{background:var(--uf-p-fill)}.uf-problem--white{background:#fff}.uf-problem--none{background:transparent}.uf-problem--dark{background:var(--uf-p-dark);--uf-p-ink: #fff;--uf-p-muted: rgb(255 255 255 / .72);--uf-p-rule: rgb(255 255 255 / .18);--uf-p-surface: rgb(255 255 255 / .06);color:#fff}.uf-problem__inner{max-width:calc(1100px + 4rem);margin-inline:auto;padding-inline:1rem}.uf-problem__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.uf-problem__backdrop img{width:100%;height:100%;object-fit:cover;display:block}.uf-problem__inner{position:relative;z-index:1}.uf-problem__card--card,.uf-problem__card--offset{--uf-problem-card-pad-x: 1.25rem;--uf-problem-card-pad-y: 1.75rem;padding:var(--uf-problem-card-pad-y) var(--uf-problem-card-pad-x);background:var(--uf-p-surface);border:2px solid var(--product-accent);border-radius:24px}.uf-problem__card--offset{box-shadow:0 4px 0 0 var(--uf-problem-shadow, var(--product-accent))}.uf-problem--dark .uf-problem__card--card,.uf-problem--dark .uf-problem__card--offset{background:#ffffff0f}.uf-problem__layout{display:flex;flex-direction:column;gap:2rem}.uf-problem__media{position:relative}.uf-problem__media img{display:block;width:100%;aspect-ratio:var(--uf-problem-ratio, 4 / 5);object-fit:cover;object-position:var(--uf-problem-focal, center);border-radius:24px}.uf-problem__video{--uf-problem-video-max-h: 68vh;width:calc(var(--uf-problem-video-max-h) * var(--uf-problem-video-ratio, .5625));max-width:100%;margin-inline:auto}.uf-problem__video video{display:block;width:100%;height:auto;aspect-ratio:var(--uf-problem-video-ratio, .5625);border-radius:24px;background:#000}.uf-problem__caption{margin:.625rem 0 0;font-size:.75rem;line-height:1.4;color:var(--uf-p-muted)}.uf-problem__eyebrow{margin:0 0 .5rem;font-size:.75rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--uf-p-muted)}.uf-problem__heading{margin:0;font-family:var(--uf-problem-heading-font, var(--heading-font-family));font-size:var(--uf-problem-heading-size-mobile, 30px);font-weight:800;line-height:1.05}.uf-problem__intro{margin-top:.75rem;font-size:.9375rem;line-height:1.6;color:var(--uf-p-muted)}.uf-problem__intro p:first-child{margin-top:0}.uf-problem__intro p:last-child{margin-bottom:0}.uf-problem__list{margin:1.75rem 0 0;padding:0;list-style:none}.uf-problem__item{position:relative}.uf-problem__chip{display:flex;align-items:flex-start;gap:.875rem;width:100%;padding:.875rem 0;border:0;background:none;color:inherit;font:inherit;text-align:start}.uf-problem--list-ruled .uf-problem__item+.uf-problem__item .uf-problem__chip{border-top:1px solid var(--uf-p-rule)}.uf-problem--list-cards .uf-problem__list{display:grid;gap:.625rem}.uf-problem--list-cards .uf-problem__chip{padding:1rem 1.125rem;background:var(--uf-p-surface);border:2px solid var(--product-accent);border-radius:16px}.uf-problem--list-chips .uf-problem__list{display:flex;flex-wrap:wrap;gap:.625rem;margin-top:1.5rem}.uf-problem--list-chips .uf-problem__chip{align-items:center;gap:.5rem;width:auto;padding:.5rem 1.125rem;background:var(--uf-p-surface);border:2px solid var(--product-accent);border-radius:999px}.uf-problem--white.uf-problem--list-chips .uf-problem__chip,.uf-problem--white.uf-problem--list-cards .uf-problem__chip{background:color-mix(in srgb,var(--product-accent) 8%,#fff)}.uf-problem--list-chips .uf-problem__marker:not(:has(img)){display:none}.uf-problem--list-chips .uf-problem__marker{width:20px;height:20px;background:none}.uf-problem--list-chips .uf-problem__marker img{width:20px;height:20px}.uf-problem--list-chips .uf-problem__text{flex-direction:row;padding-top:0}.uf-problem--list-chips .uf-problem__symptom{font-size:.9375rem;font-weight:600;white-space:nowrap}.uf-problem--list-chips .uf-problem__subtext{display:none}.uf-problem__chip--has-info{cursor:pointer}.uf-problem__hint{display:inline-grid;place-items:center;flex:0 0 auto;width:15px;height:15px;border-radius:50%;background:var(--product-accent);color:#12161c;font-size:.5625rem;font-weight:800;line-height:1}.uf-problem__info{position:absolute;z-index:5;top:calc(100% + 8px);left:0;width:max-content;max-width:min(280px,70vw);padding:.75rem .875rem;border-radius:12px;background:#1a1e24;color:#fff;font-size:.8125rem;font-weight:400;line-height:1.45;text-align:start;white-space:normal;box-shadow:0 8px 24px #00000038;opacity:0;visibility:hidden;transform:scale(.96);transform-origin:top left;transition:opacity .14s ease,transform .14s ease,visibility .14s;pointer-events:none}.uf-problem--dark .uf-problem__info{background:#fff;color:#1a1e24}.uf-problem__item[data-open=true] .uf-problem__info,.uf-problem__chip:focus-visible+.uf-problem__info{opacity:1;visibility:visible;transform:none;pointer-events:auto}@media(hover:hover){.uf-problem__item:hover .uf-problem__info{opacity:1;visibility:visible;transform:none;pointer-events:auto}}.uf-problem__chip:focus-visible{outline:2px solid var(--product-accent);outline-offset:3px}@media(prefers-reduced-motion:reduce){.uf-problem__info{transition:opacity .14s ease,visibility .14s;transform:none}}.uf-problem__marker{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--product-accent);color:#12161c;font-size:.8125rem;font-weight:800;line-height:1}.uf-problem__marker img{width:18px;height:18px;object-fit:contain}.uf-problem__text{display:flex;flex-direction:column;gap:.1875rem;padding-top:.1875rem}.uf-problem__symptom{font-size:1rem;font-weight:600;line-height:1.4}.uf-problem__subtext{font-size:.8125rem;line-height:1.45;color:var(--uf-p-muted)}.uf-problem__turn{margin-top:1.75rem}.uf-problem__turn-text{font-size:1.0625rem;font-weight:700;line-height:1.45}.uf-problem__turn-text p:first-child{margin-top:0}.uf-problem__turn-text p:last-child{margin-bottom:0}.uf-problem__turn--rule{padding-top:1.5rem;border-top:1px solid var(--uf-p-rule)}.uf-problem__turn--rule .uf-problem__turn-text,.uf-problem__turn--highlight .uf-problem__turn-text{font-size:1.1875rem;line-height:1.4}.uf-problem__turn--rule .uf-problem__turn-text em,.uf-problem__turn--box .uf-problem__turn-text em{font-style:normal;color:var(--product-accent)}.uf-problem__turn--highlight .uf-problem__turn-text em{position:relative;z-index:0;font-style:normal;color:inherit}.uf-problem__turn--highlight .uf-problem__turn-text em:before{content:"";position:absolute;z-index:-1;left:-.18em;right:-.18em;bottom:.02em;height:.62em;border-radius:2px;background:var(--product-accent);rotate:-1.2deg}.uf-problem__turn--box{padding:1.25rem 1.375rem;background:var(--uf-p-surface);border:2px solid var(--product-accent);border-radius:20px;box-shadow:0 4px 0 0 var(--product-accent)}.uf-problem--white .uf-problem__turn--box{background:color-mix(in srgb,var(--product-accent) 8%,#fff)}.uf-problem__cta{display:inline-flex;align-items:center;margin-top:1rem;padding:.75rem 1.5rem;border-radius:999px;background:var(--uf-p-ink);color:var(--uf-p-surface);font-size:.875rem;font-weight:800;letter-spacing:.02em;text-decoration:none;transition:transform .15s ease}.uf-problem--dark .uf-problem__cta{color:var(--uf-p-dark)}.uf-problem__cta:hover{transform:translateY(-1px)}.uf-problem__empty{padding:1.25rem;border:1px dashed var(--uf-p-rule);border-radius:12px;font-size:.875rem;color:var(--uf-p-muted)}@media screen and (min-width:750px){.uf-problem{padding-block:4.5rem}.uf-problem__inner{padding-inline:2rem}.uf-problem__heading{font-size:var(--uf-problem-heading-size-desktop, 40px)}.uf-problem__card--card,.uf-problem__card--offset{--uf-problem-card-pad-x: 3rem;--uf-problem-card-pad-y: 2.75rem}.uf-problem__layout--start,.uf-problem__layout--end{flex-direction:row;align-items:center;gap:3.5rem}.uf-problem__layout--end{flex-direction:row-reverse}.uf-problem__layout--start .uf-problem__media,.uf-problem__layout--end .uf-problem__media{flex:0 0 44%;max-width:480px}.uf-problem__video{--uf-problem-video-max-h: 620px}.uf-problem__layout--start .uf-problem__content,.uf-problem__layout--end .uf-problem__content{flex:1 1 auto;min-width:0}.uf-problem__symptom{font-size:1.0625rem}.uf-problem__turn-text{font-size:1.125rem}.uf-problem__layout--none .uf-problem__content{max-width:46rem;margin-inline:auto}}@media(prefers-reduced-motion:reduce){.uf-problem__cta{transition:none}}@media screen and (max-width:749px){.uf-problem--chips-compact.uf-problem--list-chips .uf-problem__chip{gap:.375rem;padding:.4375rem .8125rem}.uf-problem--chips-compact.uf-problem--list-chips .uf-problem__symptom{font-size:.875rem}.uf-problem--chips-compact.uf-problem--list-chips .uf-problem__hint{width:14px;height:14px}}.uf-problem__intro p+p{margin-top:.75em}.uf-problem__turn-text p+p{margin-top:.75em}
/*# sourceMappingURL=/cdn/shop/t/68/assets/uf-problem.css.map */