:root{--white: #fff;--bg-5: #F0F8FA;--color-neutral-1: #263238;--color-neutral-2: #546E7A;--color-neutral-3: #78909C;--color-neutral-4: #B0BEC5;--color-neutral-5: #CFD8DC;--color-green-50: #E7F2E9;--color-green-100: #C5DFC9;--color-green-200: #A1CBA7;--color-green-300: #7EB886;--color-green-400: #65AA6E;--color-green-500: #4C9C57;--color-green-600: #448E4E;--color-green-700: #3B7C43;--color-green-800: #336C39;--color-green-900: #254D29;--color-green-950: #1A341D;--color-blue-50: #E1F6F8;--color-blue-100: #B5E8ED;--color-blue-200: #88DAE2;--color-blue-300: #61CAD6;--color-blue-400: #4DBFCD;--color-blue-500: #45B4C5;--color-blue-600: #40A4B3;--color-blue-700: #3B8F9A;--color-blue-800: #367B82;--color-blue-900: #2D5859;--color-blue-950: #1C4A4B;--font-title: Plus Jakarta Sans, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;--font-body: Plus Jakarta Sans, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;--container-width: 1344px;--container-project-width: 832px;--container-padding: 16px;--media-sm: 576px;--media-md: 769px;--media-lg: 1024px;--media-xl: 1200px}.xclear-uvc-how-it-works{display:flex;flex-direction:column;padding:40px 0;gap:40px}.xclear-uvc-how-it-works__header{display:grid;grid-template-columns:1fr;gap:16px;align-items:start}.xclear-uvc-how-it-works__badge{display:inline-flex;align-items:center;gap:8px;font-weight:500;text-transform:uppercase;color:#3b8f9a;background:#e1f6f8;border:1px solid #e1f6f8;border-radius:99px;padding:4px 12px;width:fit-content}.xclear-uvc-how-it-works__badge-dot{width:6px;height:6px;border-radius:50%;background-color:#3b8f9a;flex-shrink:0}.xclear-uvc-how-it-works__heading{font-size:28px;line-height:1.2;color:#263238;margin:0}.xclear-uvc-how-it-works__heading .xclear-hl{background:none;color:#40a4b3}.xclear-uvc-how-it-works__desc{color:#546e7a;margin:0;margin-top:12px}.xclear-uvc-how-it-works__steps-wrap{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;user-select:none}.xclear-uvc-how-it-works__steps-wrap::-webkit-scrollbar{display:none}.xclear-uvc-how-it-works__steps-wrap.is-dragging{cursor:grabbing}.xclear-uvc-how-it-works__steps{display:flex;align-items:flex-start;width:max-content;min-width:100%}.xclear-uvc-how-it-works__step{flex:0 0 85vw;scroll-snap-align:start;display:flex;flex-direction:column;gap:16px;padding-right:32px;max-width:280px}.xclear-uvc-how-it-works__step:last-child{padding-right:0}.xclear-uvc-how-it-works__step-header{display:flex;align-items:center;margin-right:-32px}.xclear-uvc-how-it-works__step:last-child .xclear-uvc-how-it-works__step-header{margin-right:0}.xclear-uvc-how-it-works__step-number{flex-shrink:0;width:44px;height:44px;border-radius:8px;background-color:#e1f6f8;color:#263238;display:flex;align-items:center;justify-content:center;font-size:20px;line-height:28px;font-weight:500}.xclear-uvc-how-it-works__step-connector{flex:1;height:1px;background-color:#cfd8dc}.xclear-uvc-how-it-works__step-title{font-size:20px;line-height:28px;font-weight:500;color:#263238;margin:0}.xclear-uvc-how-it-works__step-desc{max-width:304px;color:#546e7a;margin:0}.xclear-uvc-how-it-works__tips-section{display:flex;flex-direction:column;gap:40px}.xclear-uvc-how-it-works__tips-title{font-weight:500;color:#263238;margin:0}.xclear-uvc-how-it-works__tips-grid{display:grid;grid-template-columns:1fr;gap:24px}.xclear-uvc-how-it-works__tip-card{display:flex;flex-direction:column;gap:16px;padding:24px;background-color:#f0f8fa;border-radius:16px}.xclear-uvc-how-it-works__tip-icon{font-size:40px;color:#40a4b3;width:44px;height:44px;display:flex;align-items:center;justify-content:center}.xclear-uvc-how-it-works__tip-icon svg{fill:#40a4b3}.xclear-uvc-how-it-works__tip-text{color:#546e7a;margin:0}@media(min-width: 769px){.xclear-uvc-how-it-works{padding:64px 0;gap:36px}.xclear-uvc-how-it-works__steps-wrap{scroll-snap-type:none}.xclear-uvc-how-it-works__step{flex:0 0 360px;scroll-snap-align:unset}.xclear-uvc-how-it-works__heading{font-size:34px}.xclear-uvc-how-it-works__tips-grid{grid-template-columns:repeat(3, 1fr);gap:16px}.xclear-uvc-how-it-works__tip-card{padding:32px}.xclear-uvc-how-it-works__step{max-width:none}}@media(min-width: 1024px){.xclear-uvc-how-it-works{gap:64px}.xclear-uvc-how-it-works__header{grid-template-columns:1fr 1fr;grid-template-rows:auto auto;column-gap:64px;row-gap:16px}.xclear-uvc-how-it-works__heading{grid-column:1;grid-row:2;font-size:38px}.xclear-uvc-how-it-works__desc{grid-column:2;grid-row:2;margin-top:0}}/*# sourceMappingURL=xclear-uvc-how-it-works-widget.css.map */