.user-problem-showcase[data-v-6f6a0a93]{--problem-background:radial-gradient(circle at 76% 18%,rgba(37,99,235,.1),transparent 24rem),#090a0c;--problem-title:#fff;--problem-copy:#d0d5dd;--problem-eyebrow:hsla(0,0%,100%,.58);--problem-card-background:hsla(0,0%,100%,.06);--problem-card-border:hsla(0,0%,100%,.14);--problem-card-copy:hsla(0,0%,100%,.62);--problem-icon-background:hsla(0,0%,100%,.09);--problem-icon-border:hsla(0,0%,100%,.16);--problem-icon-color:#fff;--problem-fade:#090a0c;--problem-card-shadow:none;overflow:hidden;background:var(--problem-background);color:var(--problem-title)}.user-problem-showcase--light[data-v-6f6a0a93]{--problem-background:radial-gradient(circle at 76% 18%,rgba(37,99,235,.09),transparent 28rem),#f8fafc;--problem-title:#090a0c;--problem-copy:#667085;--problem-eyebrow:#2563eb;--problem-card-background:hsla(0,0%,100%,.92);--problem-card-border:rgba(9,10,12,.1);--problem-card-copy:#667085;--problem-icon-background:rgba(37,100,235,.699);--problem-icon-border:rgba(37,99,235,.16);--problem-icon-color:#2563eb;--problem-fade:#f8fafc;--problem-card-shadow:0 12px 34px rgba(15,23,42,.07)}.user-problem-showcase__layout[data-v-6f6a0a93]{display:grid;grid-template-columns:minmax(0,.76fr) minmax(0,1.24fr);align-items:center;gap:clamp(3rem,7vw,7rem)}.user-problem-showcase__eyebrow[data-v-6f6a0a93]{color:var(--problem-eyebrow)}.user-problem-showcase__title[data-v-6f6a0a93]{margin-top:1.25rem;color:var(--problem-title)}.user-problem-showcase__description[data-v-6f6a0a93]{max-width:31rem;margin-top:1.5rem;color:var(--problem-copy);line-height:1.8}.user-problem-showcase__columns[data-v-6f6a0a93]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.user-problem-showcase__column[data-v-6f6a0a93]{position:relative;height:25.5rem;overflow:hidden}.user-problem-showcase__column[data-v-6f6a0a93]:after,.user-problem-showcase__column[data-v-6f6a0a93]:before{position:absolute;z-index:2;right:0;left:0;height:3rem;content:"";pointer-events:none}.user-problem-showcase__column[data-v-6f6a0a93]:before{top:0;background:linear-gradient(180deg,var(--problem-fade),transparent)}.user-problem-showcase__column[data-v-6f6a0a93]:after{bottom:0;background:linear-gradient(0deg,var(--problem-fade),transparent)}.user-problem-showcase__track[data-v-6f6a0a93]{position:relative;z-index:1;display:grid;gap:12px;animation:user-problem-scroll-6f6a0a93 22s linear infinite}.user-problem-showcase__column--reverse .user-problem-showcase__track[data-v-6f6a0a93]{animation-direction:reverse}.user-problem-showcase__column:focus-within .user-problem-showcase__track[data-v-6f6a0a93],.user-problem-showcase__column:hover .user-problem-showcase__track[data-v-6f6a0a93]{animation-play-state:paused}.user-problem-showcase__card[data-v-6f6a0a93]{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;min-height:7.75rem;border:1px solid var(--problem-card-border);border-radius:14px;background:var(--problem-card-background);box-shadow:var(--problem-card-shadow);padding:1.05rem}.user-problem-showcase__card[data-v-6f6a0a93] .iconify{width:1.75rem;height:1.75rem;border:1px solid var(--problem-icon-border);border-radius:50%;background:var(--problem-icon-background);color:var(--problem-icon-color);padding:.42rem}.user-problem-showcase__card h3[data-v-6f6a0a93]{margin:0;font-size:.95rem;line-height:1.4}.user-problem-showcase__card p[data-v-6f6a0a93]{margin:.4rem 0 0;color:var(--problem-card-copy);font-size:.79rem;line-height:1.55}.user-problem-showcase--horizontal .user-problem-showcase__layout[data-v-6f6a0a93]{display:block}.user-problem-showcase--horizontal .user-problem-showcase__intro[data-v-6f6a0a93]{max-width:48rem;margin-inline:auto;text-align:center}.user-problem-showcase--horizontal .user-problem-showcase__description[data-v-6f6a0a93]{max-width:43rem;margin-inline:auto}.user-problem-showcase--horizontal .user-problem-showcase__columns[data-v-6f6a0a93]{width:100vw;margin-top:clamp(2.5rem,5vw,4.25rem);margin-left:calc(50% - 50vw);grid-template-columns:1fr;gap:12px;overflow:hidden}.user-problem-showcase--horizontal .user-problem-showcase__column[data-v-6f6a0a93]{width:100%;height:auto}.user-problem-showcase--horizontal .user-problem-showcase__column[data-v-6f6a0a93]:after,.user-problem-showcase--horizontal .user-problem-showcase__column[data-v-6f6a0a93]:before{top:0;bottom:0;width:clamp(2rem,8vw,8rem);height:auto}.user-problem-showcase--horizontal .user-problem-showcase__column[data-v-6f6a0a93]:before{right:auto;left:0;background:linear-gradient(90deg,var(--problem-fade),transparent)}.user-problem-showcase--horizontal .user-problem-showcase__column[data-v-6f6a0a93]:after{right:0;left:auto;background:linear-gradient(270deg,var(--problem-fade),transparent)}.user-problem-showcase--horizontal .user-problem-showcase__track[data-v-6f6a0a93]{display:flex;width:-moz-max-content;width:max-content;animation:user-problem-scroll-horizontal-6f6a0a93 var(--problem-scroll-duration,30s) linear infinite}.user-problem-showcase--horizontal .user-problem-showcase__column--reverse .user-problem-showcase__track[data-v-6f6a0a93]{animation-direction:reverse}.user-problem-showcase--horizontal .user-problem-showcase__card[data-v-6f6a0a93]{width:clamp(18rem,24vw,23rem);min-height:7rem;flex:0 0 auto}@keyframes user-problem-scroll-6f6a0a93{to{transform:translateY(calc(-33.33333% - 4px))}}@keyframes user-problem-scroll-horizontal-6f6a0a93{to{transform:translate(calc(-33.33333% - 4px))}}@media(max-width:900px){.user-problem-showcase__layout[data-v-6f6a0a93]{grid-template-columns:1fr}}@media(max-width:600px){.user-problem-showcase__columns[data-v-6f6a0a93]{grid-template-columns:1fr}.user-problem-showcase--vertical .user-problem-showcase__column--reverse[data-v-6f6a0a93]{display:none}.user-problem-showcase--horizontal .user-problem-showcase__card[data-v-6f6a0a93]{width:min(82vw,20rem)}}@media(prefers-reduced-motion:reduce){.user-problem-showcase__column[data-v-6f6a0a93]{height:auto}.user-problem-showcase__column[data-v-6f6a0a93]:after,.user-problem-showcase__column[data-v-6f6a0a93]:before{display:none}.user-problem-showcase__track[data-v-6f6a0a93]{animation:none}.user-problem-showcase__card[aria-hidden=true][data-v-6f6a0a93]{display:none}.user-problem-showcase--horizontal .user-problem-showcase__column[data-v-6f6a0a93]{overflow-x:auto;scrollbar-width:none}}
