.Dragger_dragger_wrap__l_IJl{position:relative;width:220px;min-height:200px;background-color:var(--gray-3);border:1px dashed var(--border);border-radius:8px;overflow:hidden;display:flex;justify-content:stretch;align-items:stretch;transition:border-color .2s,background-color .2s}.Dragger_dragger_wrap__l_IJl .Dragger_dragger_icon__fhOW1>span{font-size:48px;color:var(--dark-1)}.Dragger_dragger_wrap__l_IJl:not(.Dragger_disabled__08_eK):hover{background-color:var(--white);border-color:var(--dark-3)}.Dragger_dragger_wrap__l_IJl.Dragger_disabled__08_eK{cursor:not-allowed;color:var(--muted-foreground);background-color:var(--gray-3)}.Dragger_src_img_wrapper__Zr0_n{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:0}.Dragger_src_img__iaqG_{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;z-index:1}.Dragger_src_video__vHQdh{max-height:100%;max-width:100%;z-index:1;flex:1}.Dragger_src_img_mask__ZdZZh{position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--white);opacity:1;z-index:2;transition:opacity .2s}.Dragger_dragger_icon__fhOW1{font-size:48px;color:var(--dark-1);line-height:1;display:flex;align-items:center;justify-content:center}.Dragger_dragger_desc__KdFsS{color:var(--dark-1);text-align:center;font-size:14px;font-style:normal;font-weight:600;line-height:1.4;margin:0}.Dragger_dragger_wrap__l_IJl.Dragger_disabled__08_eK .Dragger_dragger_desc__KdFsS{color:var(--muted-foreground)}.Dragger_dragger_instructions__vhXwO{font-size:14px;margin-top:10px;text-align:center;color:var(--dark-1)}.Dragger_dragger_inner__fmlp8{position:absolute;inset:0;display:flex;flex-direction:column;row-gap:10px;justify-content:center;align-items:center;padding:16px;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:1;transition:opacity .2s}.Dragger_dragger_wrap__l_IJl.Dragger_has_img__dZqDX{background:transparent;border:1px solid var(--border)}.Dragger_dragger_wrap__l_IJl.Dragger_has_img__dZqDX .Dragger_dragger_inner__fmlp8,.Dragger_dragger_wrap__l_IJl.Dragger_has_img__dZqDX .Dragger_src_img_mask__ZdZZh{opacity:0}.Dragger_dragger_wrap__l_IJl.Dragger_has_img__dZqDX.Dragger_not_uploading__Yboi3:hover .Dragger_src_img_mask__ZdZZh{opacity:.7}.Dragger_dragger_wrap__l_IJl.Dragger_has_img__dZqDX.Dragger_not_uploading__Yboi3:hover .Dragger_dragger_inner__fmlp8{opacity:1}.Dragger_dragger_loading__sL_fJ{position:absolute;top:0;left:0;width:100%;height:100%}.DemoWrapper_demo_wrapper__WaPJs{position:relative;overflow:hidden;display:flex;flex-direction:row;align-items:stretch;min-width:0}.DemoWrapper_demo_in_playground__0LKTd{width:100%}.DemoWrapper_demo_in_playground__0LKTd .DemoWrapper_demo_form_wrapper__GnK60{padding-top:32px}.DemoWrapper_demo_in_product__bu3pm{border:1px solid var(--border);border-radius:var(--small-radius)}.DemoWrapper_start_link__RQO9j{display:block;margin-bottom:18px;font-size:14px;flex:0 0 auto;line-height:20px;color:var(--dark-1);padding-left:16px;padding-right:16px}.DemoWrapper_start_link__RQO9j:hover{text-decoration:underline}.DemoWrapper_demo_in_product__bu3pm .DemoWrapper_start_link__RQO9j{display:none}.DemoWrapper_demo_form_wrapper__GnK60{flex:0 0 388px;position:relative;display:flex;flex-direction:column;box-sizing:border-box;min-width:0;overflow-y:hidden;overflow-x:visible;padding-top:16px;padding-bottom:16px;box-shadow:2px 0 6px 0 rgba(25,85,140,.05);z-index:1}.DemoWrapper_demo_form_wrapper__GnK60.DemoWrapper_with_tabs__WC0qg .DemoWrapper_demo_form_body__rZNX9{padding-left:0;padding-right:0}.DemoWrapper_demo_form_wrapper__GnK60.DemoWrapper_with_tabs__WC0qg .DemoWrapper_start_link__RQO9j{margin-bottom:0}.DemoWrapper_demo_in_product__bu3pm{max-height:80vh}.DemoWrapper_demo_in_product__bu3pm .DemoWrapper_demo_form_wrapper__GnK60{align-self:stretch}@media screen and (max-width:1600px){.DemoWrapper_demo_in_playground__0LKTd .DemoWrapper_demo_form_wrapper__GnK60:not(.DemoWrapper_with_fixed_width__YR50G){flex:0 0 320px}}.DemoWrapper_demo_form_content__dj_0r{position:relative;display:flex;flex-direction:column;row-gap:18px;overflow-x:visible;box-sizing:border-box;width:100%;height:100%;min-width:0;overflow-y:auto}.DemoWrapper_demo_form_head__B1bMC{display:flex;box-sizing:border-box;align-items:center;justify-content:stretch;padding-left:16px;padding-right:16px}.DemoWrapper_demo_form_body__rZNX9{height:100%;overflow-y:auto;overflow-x:visible;display:flex;flex-direction:column;min-width:0;row-gap:18px;padding-left:16px;padding-right:16px}.DemoWrapper_demo_form_foot__UkMJ_{display:flex;width:100%;box-sizing:border-box;min-width:0;justify-content:space-between;align-items:flex-start;-moz-column-gap:10px;column-gap:10px;padding-top:24px;padding-left:16px;padding-right:16px;box-shadow:0 -1px 8px 0 rgba(0,0,0,.15)}.DemoWrapper_demo_result_wrapper__4MxC4{flex:1 1 auto;position:relative;display:flex;flex-direction:column;box-sizing:border-box;min-width:0;overflow-y:hidden;padding:50px;background-color:var(--gray-3)}.DemoWrapper_demo_result_wrapper__4MxC4.DemoWrapper_result_small___tivG{padding:50px 20px}@media screen and (max-width:1024px){.DemoWrapper_demo_in_product__bu3pm{max-height:none;flex-direction:column}.DemoWrapper_demo_in_product__bu3pm .DemoWrapper_demo_form_wrapper__GnK60{flex:auto!important;border-right:0;border-bottom:4px solid var(--border);padding:0}.DemoWrapper_demo_in_product__bu3pm .DemoWrapper_demo_form_content__dj_0r{padding-top:16px;padding-bottom:16px;overflow-y:auto}.DemoWrapper_demo_in_product__bu3pm .DemoWrapper_demo_form_body__rZNX9{height:auto;overflow-y:initial;max-width:600px}.DemoWrapper_demo_in_product__bu3pm .DemoWrapper_demo_form_foot__UkMJ_,.DemoWrapper_demo_in_product__bu3pm .DemoWrapper_demo_form_head__B1bMC{max-width:600px}.DemoWrapper_demo_in_product__bu3pm .DemoWrapper_demo_result_wrapper__4MxC4{padding:50px 20px}}