.page_page__556_G{--gray-rgb:0,0,0;--gray-alpha-200:rgba(var(--gray-rgb),0.08);--gray-alpha-100:rgba(var(--gray-rgb),0.05);--button-primary-hover:#383838;--button-secondary-hover:#f2f2f2;display:grid;grid-template-rows:auto 1fr auto;align-items:center;min-height:100svh;padding:40px;grid-gap:40px;gap:40px;font-synthesis:none;font-family:var(--font-geist-sans)}@media (prefers-color-scheme:dark){.page_page__556_G{--gray-rgb:255,255,255;--gray-alpha-200:rgba(var(--gray-rgb),0.145);--gray-alpha-100:rgba(var(--gray-rgb),0.06);--button-primary-hover:#ccc;--button-secondary-hover:#1a1a1a}}.page_header__oRW75{display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px;max-width:800px;margin:0 auto;padding-top:40px}.page_title__po7na{font-size:48px;font-weight:700;letter-spacing:-.03em;margin:0;background:linear-gradient(90deg,#000,#555);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}@media (prefers-color-scheme:dark){.page_title__po7na{background:linear-gradient(90deg,#fff,#aaa);-webkit-background-clip:text;background-clip:text}}.page_subtitle__YBgxm{font-size:18px;color:var(--foreground);opacity:.8;max-width:600px;margin:0}.page_main__nw1Wk{display:flex;flex-direction:column;gap:32px;width:100%;max-width:1200px;margin:0 auto}.page_tabs__h2eeT{display:flex;gap:8px;border-bottom:1px solid var(--gray-alpha-200);margin-bottom:24px}.page_tab__ybEkW{display:flex;align-items:center;gap:8px;padding:12px 16px;background:transparent;border:none;font-family:var(--font-geist-sans);font-size:16px;font-weight:500;color:var(--foreground);opacity:.7;cursor:pointer;transition:all .2s ease}.page_tab__ybEkW:hover{opacity:.9}.page_activeTab__imdC0{border-bottom:2px solid white;opacity:1}.page_tabContent__SValm{width:100%}.page_demoContainer__lOAll{display:grid;grid-template-columns:1fr 1fr;grid-gap:40px;gap:40px;align-items:center}.page_demoWrapper__5wr5L{display:flex;flex-direction:column;gap:16px;align-items:center}.page_swipeDemo__CngYD{width:100%;max-width:400px;padding:24px;border-radius:16px;background-color:var(--gray-alpha-100);box-shadow:0 4px 20px rgba(0,0,0,.05);transition:all .3s ease;position:relative}.page_swipeButton__nZ_gl{max-width:100%}.page_successMessage__MnTT3{background-color:rgba(0,200,83,.1);color:#00c853}.page_errorMessage__8AsnX,.page_successMessage__MnTT3{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500}.page_errorMessage__8AsnX{background-color:rgba(255,59,48,.1);color:#ff3b30}.page_resetButton__uvLeL{position:absolute;display:flex;align-items:center;justify-content:center;top:0;right:0;background:transparent;border-radius:100%;width:30px;height:30px;transition:all .2s ease}.page_resetButton__uvLeL:hover{transform:scale(1.1);cursor:pointer}.page_demoDescription___QFvI{display:flex;flex-direction:column;gap:16px}.page_demoDescription___QFvI h2{font-size:28px;font-weight:600;margin:0}.page_demoDescription___QFvI p{font-size:16px;line-height:1.6;opacity:.8;margin:0}.page_featureList__okgNs{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;list-style:none;padding:0;margin:8px 0 0}.page_featureList__okgNs li{display:flex;align-items:center;gap:8px;font-size:15px}.page_featureList__okgNs li svg{color:#00c853}.page_customizeContainer__3eROc{display:grid;grid-template-columns:1fr 1fr;grid-gap:40px;gap:40px}.page_customizeOptions__Sg5yX{display:flex;flex-direction:column;gap:24px}.page_customizeOptions__Sg5yX h2{font-size:28px;font-weight:600;margin:0 0 8px}.page_optionGroup__4H__v{display:flex;flex-direction:column;gap:8px}.page_optionGroup__4H__v label{font-size:14px;font-weight:500;opacity:.8}.page_themeSelector__F3rgF{display:flex;gap:8px;flex-wrap:wrap}.page_themeButton__otmUP{padding:8px 16px;border-radius:8px;border:1px solid var(--gray-alpha-200);background:transparent;font-family:var(--font-geist-sans);font-size:14px;cursor:pointer;transition:all .2s ease}.page_activeTheme__oQrci{background-color:var(--foreground);color:var(--background);border-color:var(--foreground)}.page_toggleGroup__4kBwn{display:flex;gap:8px}.page_toggleButton__ElC2N{flex:1 1;padding:8px 16px;border-radius:8px;border:1px solid var(--gray-alpha-200);background:transparent;font-family:var(--font-geist-sans);font-size:14px;cursor:pointer;transition:all .2s ease}.page_activeToggle__y_zIp{background-color:var(--foreground);color:var(--background);border-color:var(--foreground)}.page_customizePreview__thX_J{display:flex;align-items:center;justify-content:center}.page_codeContainer__nuGxr{display:flex;flex-direction:column;gap:32px;max-width:800px;margin:0 auto}.page_codeContainer__nuGxr h2{font-size:24px;font-weight:600;margin:0}.page_codeBlock__5Ess8{position:relative;background-color:var(--gray-alpha-100);border-radius:8px;padding:16px;overflow:auto;font-family:var(--font-geist-mono);font-size:14px}.page_codeBlock__5Ess8 pre{margin:0;white-space:pre-wrap}.page_copyButton__UNIa2{position:absolute;top:8px;right:8px;padding:4px 8px;border-radius:4px;background-color:var(--gray-alpha-200);border:none;font-family:var(--font-geist-sans);font-size:12px;cursor:pointer;transition:all .2s ease}.page_copyButton__UNIa2:hover{background-color:var(--gray-alpha-100)}.page_propsTable__72ZKc{display:flex;flex-direction:column;gap:8px;width:100%}.page_propRow__piguS{display:grid;grid-template-columns:1fr 1fr 2fr;grid-gap:16px;gap:16px;padding:12px;border-radius:8px;background-color:var(--gray-alpha-100)}.page_propName__P8gJG{font-weight:600}.page_propName__P8gJG,.page_propType__YwFI7{font-family:var(--font-geist-mono);font-size:14px}.page_propType__YwFI7{opacity:.7}.page_propDesc__QlRL_{font-size:14px}.page_footer__F3MD0{display:flex;justify-content:center;gap:24px;padding:24px 0;border-top:1px solid var(--gray-alpha-200);margin-top:40px}.page_footer__F3MD0 a{display:flex;align-items:center;gap:8px;font-size:14px;opacity:.8;transition:opacity .2s ease}.page_footer__F3MD0 a:hover{opacity:1;text-decoration:underline;text-underline-offset:4px}.page_default__0uExb .page_swipeButton__nZ_gl{--sw-height:56px;--sw-slider-width:56px}.page_default__0uExb .swipe-button__root{background-color:rgba(0,0,0,.05);border-color:rgba(0,0,0,.1);color:#000000}.page_default__0uExb .swipe-button__overlay{background-color:#000000;color:white}.page_default__0uExb .swipe-button__slider{background-color:#ffffff;color:#000000;border:1px solid rgba(0,0,0,.1)}@media (prefers-color-scheme:dark){.page_default__0uExb .swipe-button__root{background-color:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1);color:#ffffff}.page_default__0uExb .swipe-button__overlay{background-color:#ffffff;color:#000000}.page_default__0uExb .swipe-button__slider{background-color:#1a1a1a;color:#ffffff;border:1px solid rgba(255,255,255,.1)}}.page_blue__LHh_9 .page_swipeButton__nZ_gl{--sw-height:56px;--sw-slider-width:56px}.page_blue__LHh_9 .swipe-button__root{background-color:rgba(0,122,255,.1);border-color:rgba(0,122,255,.3);color:#007aff}.page_blue__LHh_9 .swipe-button__overlay,.page_blue__LHh_9 .swipe-button__slider{background-color:#007aff;color:white}.page_green__qY6pK .page_swipeButton__nZ_gl{--sw-height:56px;--sw-slider-width:56px}.page_green__qY6pK .swipe-button__root{background-color:rgba(52,199,89,.1);border-color:rgba(52,199,89,.3);color:#34c759}.page_green__qY6pK .swipe-button__overlay,.page_green__qY6pK .swipe-button__slider{background-color:#34c759;color:white}.page_purple__guRQK .page_swipeButton__nZ_gl{--sw-height:56px;--sw-slider-width:56px}.page_purple__guRQK .swipe-button__root{background-color:rgba(175,82,222,.1);border-color:rgba(175,82,222,.3);color:#af52de}.page_purple__guRQK .swipe-button__overlay,.page_purple__guRQK .swipe-button__slider{background-color:#af52de;color:white}.page_reverseIcon__11jH2{transform:rotate(180deg)}@media (max-width:900px){.page_customizeContainer__3eROc,.page_demoContainer__lOAll{grid-template-columns:1fr;gap:32px}.page_customizePreview__thX_J{order:-1}}@media (max-width:600px){.page_page__556_G{padding:24px;gap:32px}.page_header__oRW75{padding-top:20px}.page_title__po7na{font-size:32px}.page_subtitle__YBgxm{font-size:16px}.page_ctas__rfsth{flex-direction:column;width:100%}.page_featureList__okgNs,.page_propRow__piguS{grid-template-columns:1fr}.page_propRow__piguS{gap:8px}.page_footer__F3MD0{flex-direction:column;align-items:center;gap:16px}}