.header_header-content__bfSoq{font-family:Inter,sans-serif;height:56px;background:#ffffff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;display:flex;align-items:center;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;z-index:1000;padding:0 35px}.header_header-text__V9zAd{font-size:16px;font-weight:500;line-height:24px;text-align:left;color:#111827;margin:16px 0}.header_header-link__VVLzQ{text-decoration:none}.header_header-right__HIcpY,.header_title-container__opUGi{display:flex;align-items:center}.header_title-container__opUGi{padding:8px 0;text-decoration:none}.header_title-text__Ay6Fs{font-weight:700;font-size:18px;line-height:18px;color:#222222}.header_platform-text__jK2lN{font-weight:500;font-size:13px;line-height:14px;color:#222222;margin-top:2px}.header_ui-kit-img__1cAyv{margin-right:8px}.header_github-logo__DRP_l{margin:12px 0 12px 32px}@media (min-width:1440px){.header_header-content__bfSoq{max-width:1440px;margin:0 auto}}@media (max-width:1024px){.header_header-content__bfSoq{padding:0 24px}}@media (max-width:768px){.header_header-link__VVLzQ{display:none}}.footer_footer-content__tizkK{border-top:1px solid #e5e7eb;color:#4b5563;font-size:14px;font-weight:400;line-height:20px;text-align:left;font-family:Inter,sans-serif;height:36px;display:flex;align-items:center;background:#ffffff;padding:0 35px}.footer_footer-right__q3_Jj{margin-left:auto;display:flex;align-items:center;justify-content:center;height:100%}.footer_document-link__RRkth,.footer_policy-link__g76ae{text-decoration:none;color:inherit}.footer_document-link__RRkth{margin-left:24px}@media (min-width:1440px){.footer_footer-content__tizkK{max-width:1440px;margin:0 auto}}@media (max-width:1024px){.footer_footer-content__tizkK{padding:0 24px}}@media (max-width:768px){.footer_footer-content__tizkK{display:grid;flex-direction:column;align-items:flex-start;text-align:center}.footer_footer-right__q3_Jj{margin-left:unset;padding-top:16px}.footer_footer-content__tizkK>div:first-child{order:2;padding:16px 0 24px}.footer_footer-content__tizkK>.footer_footer-right__q3_Jj{order:1}}.demo_main-container__4NJEg{border:1px solid #e5e7eb;border-radius:12px 12px 0 0;margin:32px 0;overflow:hidden}.demo_header-container___Kg2_{display:flex;align-items:center;background:#ffffff;border-bottom:1px solid #e5e7eb}.demo_device-buttons__KcLHq{display:flex;align-items:center;gap:12px;margin:0 auto}.demo_device__2Bzag{padding:8px;cursor:pointer}.demo_copy-button__8MdED img,.demo_device__2Bzag img,.demo_lightDarkButton__OPcCR img{width:20px;height:20px}.demo_down-icon__3HjFZ img,.demo_theme-icon__U2L1D img{height:16px;width:16px;vertical-align:middle;color:#6b7280}.demo_copy-button__8MdED:hover,.demo_device__2Bzag:hover,.demo_lightDarkButton__OPcCR:hover{background:#eef2ff;border-radius:6px}.demo_device__2Bzag.demo_active__EhNrv img{filter:brightness(0) saturate(100%) invert(21%) sepia(49%) saturate(5280%) hue-rotate(241deg) brightness(95%) contrast(89%)}.demo_custom-dropdown__bNOaN{position:relative;display:inline-block}.demo_dropdown-button__JiTg_{max-width:200px;padding:5px 8px;border:none;cursor:pointer;background-color:#ffffff;display:flex;align-items:center}.demo_dropdown-text__9wda9{font-family:Inter,sans-serif;font-size:14px;line-height:20px;font-weight:500;padding:6px 8px 6px 7px}.demo_dropdown-content__Mxb3Z{display:none;position:absolute;background-color:#ffffff;z-index:1;width:100%;min-width:125px;box-shadow:0 4px 6px 2px rgba(0,0,0,.05),0 10px 15px -3px rgba(0,0,0,.1);border-radius:4px}.demo_dropdown-item__39oqf{font-family:Inter,sans-serif;font-size:14px;line-height:20px;font-weight:400;padding:6px 0;cursor:pointer;display:flex;align-items:center}.demo_dropdown-item__39oqf .demo_select-icon__6lAJR{width:14px;height:14px;margin:0 12px 0 6px;display:flex;align-items:center}.demo_dropdown-item__39oqf .demo_select-icon__6lAJR img{font-size:14px}.demo_dropdown-item__39oqf:hover{background-color:#f0f0f0}.demo_lightDarkButton__OPcCR{cursor:pointer;width:20px;height:20px;padding:8px;margin:0 16px 0 0;display:flex;align-items:center}.demo_iframe-container__SzRvf{display:flex;justify-content:center;align-items:center;position:relative;background:repeating-linear-gradient(180deg,#e5e7eb,#e5e7eb 1px,transparent 0,transparent 20px),repeating-linear-gradient(90deg,#e5e7eb,#e5e7eb 1px,transparent 0,transparent 20px)}.demo_iframe-overlay__79Ahz{position:absolute;top:0;left:0;width:100%;height:100%;background:white;z-index:10;display:flex;justify-content:center;align-items:center}.demo_overlay-image__KUp40{max-width:100%;max-height:100%;object-fit:contain}.demo_remove-overlay__vXc9D{display:none!important}.demo_preview-container__L0aR0{min-width:100%;min-height:36rem;border:none;overflow:hidden}.demo_preview-code-container__gOLUH{margin:0;position:relative}.demo_preview-code-container__gOLUH pre{margin:0;padding:12px 24px}.demo_preview-code-container__gOLUH code{display:block;padding:0;overflow:inherit;background-color:#ffffff}.demo_copy-button__8MdED{width:20px;height:20px;margin:6px 14px 6px 0;padding:8px;color:#6b7280;display:flex;align-items:center;cursor:pointer;position:relative}.demo_tabs__lufyM{display:flex;align-items:flex-start;padding:0;background-color:#f9fafb;border:1px solid #e5e7eb}.demo_tab-buttons__xRxtn{display:flex;margin:0 auto}.demo_tab__25YxT{flex:0 0 auto;padding:5px 0;margin:10px 0;cursor:pointer;text-align:center;color:#374151;transition:background-color .3s;border-color:#d1d5db;width:85px;font-size:14px;line-height:20px;font-weight:500}.demo_tsx-tab___Ezh2{border-top-left-radius:4px;border-bottom-left-radius:4px;border-width:1px 0 1px 1px;border-style:solid}.demo_css-tab__tXptX{border-top-right-radius:4px;border-bottom-right-radius:4px;border-width:1px 1px 1px 0;border-style:solid}.demo_tab__25YxT.demo_active__EhNrv{color:#ffffff;background-color:#4f46e5;border:none}.demo_tab__25YxT.demo_single-tab__noHHU{color:#ffffff;background-color:#4f46e5;border-top-right-radius:4px;border-bottom-right-radius:4px;border-width:1px;cursor:default}.demo_tab-content__SX44S{display:none;flex:1 1;position:relative;overflow-x:auto;background-color:#ffffff}.demo_tab-content__SX44S.demo_active__EhNrv{display:block}.demo_main-tab__plLMx{display:flex;list-style-type:none;padding:0;margin:0 0 0 18px;background:#f9fafb}.demo_tab-item__VnE5O{padding:12px 8px;background:#ffffff;cursor:pointer;position:relative;font-size:14px;font-weight:500;line-height:20px;text-align:left;color:#6b7280;display:flex;align-items:center}.demo_tab-item__VnE5O img{margin-left:10px}.demo_tab-text__nqMAM{margin:0 10px 0 12px}.demo_tab-item__VnE5O.demo_active__EhNrv{color:#4f46e5;font-weight:500}.demo_tab-item__VnE5O.demo_active__EhNrv img{filter:brightness(0) saturate(100%) invert(21%) sepia(49%) saturate(5280%) hue-rotate(241deg) brightness(95%) contrast(89%)}.demo_tab-item__VnE5O:after{content:"";height:2px;background:#4f46e5;position:absolute;left:0;bottom:0}.demo_tab-item__VnE5O.demo_active__EhNrv:after{width:100%}.demo_tooltip__mw4Es{position:absolute;background:#101828;color:#f9fafb;border-radius:8px;display:none;z-index:20;width:100px;height:34px;font-size:12px;line-height:18px;text-align:center;align-items:center;justify-content:center}.demo_tooltip-arrow__X9B2Z{position:absolute;width:12px;height:12px;left:calc(50% - 12px / 2 + 6px);bottom:25px;background:#101828;border-radius:1px;transform:rotate(-135deg)}.demo_tooltip__mw4Es.demo_show__WxnuN{display:flex}@media (max-width:768px){.demo_device-buttons__KcLHq .demo_desktop__KH8Fq,.demo_tab-text__nqMAM{display:none}.demo_tab-item__VnE5O img{margin-left:0}}@media (max-width:576px){.demo_lightDarkButton__OPcCR{margin:0 6px 0 0}.demo_copy-button__8MdED,.demo_device-buttons__KcLHq,.demo_dropdown-text__9wda9{display:none!important}.demo_custom-dropdown__bNOaN{margin:0 0 0 auto}}.blocks_container__VJKXT{padding:0 35px}.blocks_block-header-content__UmrMi,.blocks_container__VJKXT{font-family:Inter,sans-serif}.blocks_block-header-content__UmrMi{padding:16px 35px;border-bottom:1px solid #e5e7eb;position:-webkit-sticky;position:sticky;top:57px;background-color:#ffffff;z-index:1000;display:flex;white-space:nowrap}.blocks_block-header-link-text__Wfddm,.blocks_block-header-text__lakLg{font-size:14px;line-height:20px;text-align:left;padding:2px 0}.blocks_block-header-link-text__Wfddm{font-weight:600;color:#111827;cursor:pointer}.blocks_block-header-link-text__Wfddm:hover{color:#2563eb}.blocks_block-header-text__lakLg{font-weight:500;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.blocks_block-header-icon__Pk7ij{padding:4px 12px 0}.blocks_block-header-icon__Pk7ij img{width:16px;height:16px;color:#6b7280}.blocks_block-container__qe2sm{display:flex;margin-top:32px;padding-bottom:32px;border-bottom:1px solid #e5e7eb}.blocks_block-image__ze8PM{width:200px;height:120px;display:flex;border-radius:12px}.blocks_block-section__jd74G{margin-left:32px}.blocks_block-title__vhSqw{font-size:30px;font-weight:600;line-height:40px;text-align:left;color:#111827}.blocks_block-description__dJ16b,.blocks_sample-description__qUEgO{font-size:14px;font-weight:400;line-height:20px;text-align:left;color:#1f2937;margin-top:12px}.blocks_sample-description__qUEgO{width:60%}.blocks_sample-description-container__aSss6{display:flex}.blocks_sample-title__D6QTy{font-size:24px;font-weight:600;line-height:32px;text-align:left;color:#111827;margin-top:60px;display:flex;align-items:center}.blocks_newStatus__7O1LI{color:white;font-weight:400;font-size:12px;border-radius:12px;padding:2px;margin:0 8px;height:20px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;background:#198754;width:38px;flex-shrink:0}.blocks_sample-title__D6QTy .blocks_figma-button__HlSGm{display:none}.blocks_figma-button__HlSGm{margin:12px 0 0 auto;border:1px solid #d1d5db;max-width:180px;background-color:#ffffff;border-radius:4px;display:flex;align-items:center;padding:5px 12px;cursor:pointer;text-decoration:none;line-height:20px;height:20px}.blocks_figma-icon___2k9_,.blocks_figma-icon___2k9_ img,.blocks_right-arrow__a1kIz,.blocks_right-arrow__a1kIz img{width:20px;height:20px}.blocks_figma-text__jD0uW{font-size:14px;font-weight:500;color:#374151;margin:0 6px}@media (min-width:1440px){.blocks_block-header-content__UmrMi,.blocks_container__VJKXT{max-width:1440px;margin:0 auto}}@media (max-width:1024px){.blocks_container__VJKXT{padding:0 24px}.blocks_block-header-content__UmrMi{padding:12px 24px}}@media (max-width:768px){.blocks_sample-description-container__aSss6 .blocks_figma-button__HlSGm{display:none}.blocks_sample-title__D6QTy,.blocks_sample-title__D6QTy .blocks_figma-button__HlSGm{display:flex}.blocks_sample-description__qUEgO{width:100%}.blocks_figma-button__HlSGm{margin:0 0 0 auto}}@media (max-width:576px){.blocks_block-container__qe2sm{display:block;margin-top:24px}.blocks_block-image__ze8PM{width:100%}.blocks_block-section__jd74G{margin-left:0;margin-top:24px}.blocks_figma-button__HlSGm{padding:4px}.blocks_figma-text__jD0uW,.blocks_right-arrow__a1kIz{display:none}}.main-page_component-div__UT6pb,.main-page_main-container__izY23{font-family:Inter,sans-serif}.main-page_main-container__izY23{width:100%;background:#ffffff}.main-page_main-container-header__qNpNm{padding:32px 35px;justify-content:space-between;background:url(/react/essential-ui-kit/blocks/assets/images/sample-browser/main-banner.png) no-repeat 45% 100%/cover}.main-page_main-title__JIuXK{font-size:48px;font-weight:700;line-height:58px;color:#111827;margin:2px 0 0;display:flex;justify-content:center;text-align:center}.main-page_main-description__Bt4yD{font-size:18px;font-weight:400;line-height:28px;color:#374151;margin:12px auto 0;width:50%;text-align:center}.main-page_button-container__xfZGF{display:flex;gap:24px;justify-content:center;margin-top:16px}.main-page_figma-btn__jCWGc,.main-page_request-btn__k8wSP{display:flex;justify-content:center;align-items:center;height:40px;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;text-decoration:none}.main-page_request-btn__k8wSP{width:149px;background:#101828;border:0;color:#F9FAFB}.main-page_figma-btn__jCWGc{width:177px;background:#FFFFFF;border:1px solid #d1d5db;color:#000000}.main-page_figma-img__NJcB0{margin-right:4px}.main-page_figma-img__NJcB0 img{width:20px;height:20px}.main-page_tabs__T6TLU{display:flex;list-style:none;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:0 35px;margin:0;overflow-x:auto;white-space:nowrap;-ms-overflow-style:none;scrollbar-width:none}.main-page_tabs__T6TLU::-webkit-scrollbar{display:none}.main-page_tab-content__9yKps{padding:0 35px;margin-top:32px}.main-page_tab-item__XYtBr{padding:12px;margin-right:6px;background:transparent;cursor:pointer;position:relative;font-size:16px;font-weight:400;text-align:left;color:#6b7280;line-height:24px;display:inline-block}.main-page_tab-item__XYtBr.main-page_active__5X12l{color:#4f46e5;font-weight:500}.main-page_tab-item__XYtBr:after{content:"";height:3px;background:#4f46e5;position:absolute;left:0;bottom:0}.main-page_tab-item__XYtBr.main-page_active__5X12l:after{width:100%}.main-page_component-div__UT6pb{padding-bottom:48px;min-height:100vh}.main-page_components__50fdM{list-style:none;padding:0 32px 0 0;margin:0}.main-page_component-list-container__5r86d{flex:0 0 25%;max-width:25%}.main-page_component-list-blocks__M0_dt{display:flex;flex-wrap:wrap}.main-page_component-list__2w25o{width:100%;height:42px;display:flex;flex-direction:row;align-items:center;isolation:isolate;cursor:pointer}.main-page_component-list__2w25o:hover{background:#eef2ff;border-radius:8px}.main-page_component-list-text__90Pak{margin:9px 8px 9px 16px;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center}.main-page_component-count__vCQBu{background:#F3F4F6;font-size:10px;color:#374151;margin:0 12px 0 auto;white-space:nowrap;padding:2px 8px}.main-page_component-count__vCQBu,.main-page_sampleStatus__giSDa{display:flex;align-items:center;justify-content:center;border-radius:12px}.main-page_sampleStatus__giSDa{font-weight:400;font-size:12px;padding:2px;margin-left:8px;height:20px;box-sizing:border-box}.main-page_newStatus__hSkcE{color:#FFFFFF;background:#198754;width:38px}.main-page_updatedStatus__8sQs1{color:#000000;background:#FFC107;width:65px}.main-page_blocks-list__M_Tbk{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px;flex:0 0 75%;max-width:75%}.main-page_blocks-col__Gvt6E{display:flex;cursor:pointer}.main-page_block-container__F4GLM{display:flex;flex-direction:column;background:#fff;overflow:hidden}.main-page_block-content__ORBaf{flex:1 1;display:flex;justify-content:center;align-items:center}.main-page_block-content__ORBaf img{border-radius:8px}.main-page_block-footer__ei_Q0{padding-top:12px;display:flex;align-items:center;justify-content:center}.main-page_block-title__HBwOL{font-weight:600;font-size:16px;line-height:24px;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:65%;display:flex;align-items:center}.main-page_block-count__MHsqX{color:#6b7280;text-align:end;width:35%;display:flex;justify-content:flex-end}.main-page_block-count-radius__YYach{background:#F3F4F6;border-radius:12px;padding:2px 8px;flex-shrink:0}@media (min-width:1440px){.main-page_component-div__UT6pb,.main-page_main-container__izY23{max-width:1440px;margin:0 auto}}@media (max-width:1280px){.main-page_blocks-list__M_Tbk{grid-template-columns:repeat(2,1fr);flex:0 0 73%;max-width:73%}}@media (max-width:1024px){.main-page_main-container-header__qNpNm{padding:20px 24px;background-size:auto;background-position:0 100%;height:auto}.main-page_main-title__JIuXK{font-size:30px;line-height:40px}.main-page_tab-content__9yKps,.main-page_tabs__T6TLU{padding:0 24px}.main-page_blocks-list__M_Tbk{grid-template-columns:repeat(2,1fr);flex:0 0 65%;max-width:65%}.main-page_component-list-container__5r86d{flex:0 0 35%;max-width:35%}}@media (max-width:768px){.main-page_main-description__Bt4yD{width:100%}.main-page_tab-content__9yKps{margin-top:24px}.main-page_blocks-list__M_Tbk{margin-left:0;grid-template-columns:repeat(2,1fr);max-width:100%;flex:0 0 100%}.main-page_component-list-container__5r86d{display:none}}@media (max-width:480px){.main-page_main-description__Bt4yD{font-size:16px;line-height:24px}.main-page_blocks-list__M_Tbk{grid-template-columns:1fr}.main-page_button-container__xfZGF{flex-direction:column;align-items:center}.main-page_figma-btn__jCWGc,.main-page_request-btn__k8wSP{width:100%;max-width:180px}}