kui-basic 1.0.17 → 1.0.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/index.es.js +6 -6
  2. package/dist/index.es.js.map +1 -1
  3. package/dist/index.js +6 -6
  4. package/dist/index.js.map +1 -1
  5. package/package.json +1 -1
  6. package/dist/index.css +0 -2
  7. package/dist/index.css.map +0 -1
  8. package/dist/index.es.css +0 -2
  9. package/dist/index.es.css.map +0 -1
package/dist/index.es.css.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sources":["colors.css","shadows.css","breakpoints.css","heading.css","caption.css","text.css","button.css","input_message.css","index.es.css","input.css","input_with_adornments.css","country-item.css","dropdown.css","input_with_country.css","checkbox.css","modal.css","switch.css","radio.css","input_file.css","divider.css","container.css","grid.css","box.css","accordion.css","accordion_summary.css","skeleton.css","app_bar.css","toll_bar.css","circular_progress.css","linear_progress.css","index.css"],"names":[],"mappings":"AAAA,MACE,oBAAqB,CACrB,uBAAwB,CACxB,qBAAsB,CACtB,qBAAsB,CACtB,0BAA2B,CAC3B,iBAAkB,CAClB,iBAAkB,CAClB,iBAAkB,CAClB,iBAAkB,CAClB,iBAAkB,CAClB,iBAAkB,CAClB,aAAiB,CACjB,2BAA4B,CAC5B,2BAA4B,CAC5B,2BAA4B,CAC5B,kBAAmB,CACnB,kBAAmB,CACnB,kBAAmB,CACnB,kBAAmB,CACnB,iBAAkB,CAClB,gBAAiB,CACjB,gBAAiB,CACjB,gBAAiB,CACjB,gBAAiB,CACjB,eAAgB,CAChB,iBAAkB,CAClB,iBAAkB,CAClB,iBAAkB,CAClB,iBAAkB,CAClB,gBAAiB,CACjB,mBAAoB,CACpB,mBAAoB,CACpB,mBAAoB,CACpB,mBAAoB,CACpB,kBAAmB,CClCnB,sCAA2C,CAC3C,wCAA6C,CAC7C,uCAA4C,CAC5C,uCAA4C,CCH5C,QAAS,CACT,UAAW,CACX,UAAW,CACX,WAAY,CACZ,WAAY,CACZ,WAAY,CACZ,SF6BF,CGpCA,aACE,4BAAgC,CAIhC,eAAgB,CAHhB,qBAAsB,CAEtB,QAAS,CADT,mBAGF,CAEA,kBACE,cAAe,CACf,gBACF,CACA,yBACE,kBACE,cAAe,CACf,gBACF,CACF,CAEA,gBACE,cAAe,CACf,gBACF,CACA,yBACE,gBACE,cAAe,CACf,gBACF,CACF,CAEA,gBACE,cAAe,CACf,gBACF,CACA,yBACE,gBACE,cAAe,CACf,gBACF,CACF,CAEA,gBACE,cAAe,CACf,gBACF,CACA,yBACE,gBACE,cAAe,CACf,gBACF,CACF,CAEA,gBACE,cAAe,CACf,gBACF,CACA,yBACE,gBACE,cAAe,CACf,gBACF,CACF,CAEA,0BACE,iBACF,CAEA,yBACE,gBACF,CAEA,wBACE,eACF,CCzEA,aACE,4BAAgC,CAChC,qBAAsB,CAEtB,QAAS,CADT,mBAEF,CACA,gBACE,cAAe,CACf,gBACF,CACA,gBACE,cAAe,CACf,gBACF,CACA,eACE,cAAe,CACf,gBACF,CACA,eACE,cAAe,CACf,gBACF,CACA,eACE,cAAe,CACf,gBACF,CAmCA,0BACE,iBACF,CAEA,yBACE,gBACF,CAEA,wBACE,eACF,CCtEA,UACE,4BAAgC,CAChC,qBAAsB,CAEtB,QAAS,CADT,mBAEF,CACA,aACE,cAAe,CACf,gBACF,CACA,YACE,cAAe,CACf,gBACF,CACA,YACE,cAAe,CACf,gBACF,CACA,gBACE,eACF,CACA,gBACE,eACF,CACA,gBACE,eACF,CACA,oBACE,wBACF,CACA,4BACE,gBACF,CACA,gBACE,oBACF,CACA,kBACE,oBACF,CACA,kBACE,oBACF,CACA,kBACE,oBACF,CACA,iBACE,mBACF,CACA,iBACE,uBACF,CChDA,YAUE,yCAA6C,CAJ7C,4BAA6B,CAD7B,4BAA6B,CAH7B,kBAAmB,CAOnB,cAAe,CANf,cAAe,CAFf,iBAAkB,CAOlB,iBAAkB,CAJlB,yBAA0B,CAG1B,iBAIF,CAEA,kBACE,0BACF,CAMA,sCACE,yBACF,CAGA,qBAEE,yCAA0C,CAD1C,cAEF,CACA,2BAEE,eACF,CACA,uDAHE,yCAKF,CAQA,+HACE,aACF,CAQA,uGACE,YACF,CAIA,eACE,WACF,CAEA,oCACE,UACF,CAEA,cACE,WACF,CAEA,mCACE,UACF,CAEA,cACE,WACF,CAEA,mCACE,UACF,CAEA,cACE,WACF,CAEA,mCACE,UACF,CAKA,oBACE,kCACF,CAEA,qCACE,mBACF,CAEA,6BACE,kBACF,CAEA,0BACE,mCACF,CAEA,2BACE,qCACF,CAGA,yBACE,qDAEE,kCACF,CACF,CAIA,mBACE,mCACF,CAEA,oCACE,uBACF,CAEA,4BACE,sBACF,CAEA,yBACE,mCACF,CAEA,0CACE,mBACF,CAEA,kCACE,kBACF,CAEA,0BACE,qCACF,CAEA,yBACE,mDAEE,mCACF,CACA,0CACE,uBACF,CAEA,kCACE,sBACF,CACF,CAGA,kBACE,8BAA+B,CAC/B,+BACF,CAEA,mCACE,oBACF,CAEA,2BACE,mBACF,CAEA,wBACE,yCACF,CAEA,yBACE,+BACF,CAEA,yBACE,iDAEE,8BACF,CACF,CAGA,kDACE,oBACF,CAEA,0CACE,mBACF,CAEA,uCACE,mCACF,CAEA,wDACE,uBACF,CAEA,gDACE,sBACF,CAEA,wCACE,mCACF,CAEA,yBAKE,uIACE,oBACF,CAEA,gDACE,mBACF,CACF,CAGA,iBAEE,yBAA0B,CAD1B,+BAEF,CAEA,kCACE,mBACF,CAEA,0BACE,kBACF,CAEA,uBACE,+BACF,CAEA,wBACE,+BACF,CAEA,yBACE,+CAEE,+BACF,CACF,CAGA,0BACE,8BAA+B,CAC/B,yCACF,CAEA,2CACE,oBACF,CAEA,mCACE,mBACF,CAEA,gCACE,yCACF,CAEA,iDACE,oBACF,CAEA,yCACE,mBACF,CAEA,iCACE,+BACF,CAEA,yBACE,iEAEE,8BACF,CACA,iDACE,oBACF,CAEA,yCACE,mBACF,CACF,CAGA,2BACE,8BACF,CAEA,4CACE,uBACF,CAEA,oCACE,sBACF,CAGA,gCACE,yCAA0C,CAC1C,+BACF,CAEA,iDACE,oBACF,CAEA,yCACE,mBACF,CAEA,sCACE,yCACF,CAEA,uDACE,oBACF,CAEA,+CACE,mBACF,CAEA,uCACE,+BACF,CAEA,yBACE,6EAEE,yCACF,CACA,uDACE,oBACF,CAEA,+CACE,mBACF,CACF,CAGA,sBACE,yCACF,CAEA,uCACE,oBACF,CAEA,+BACE,mBACF,CAEA,4BACE,yCACF,CAEA,6CACE,oBACF,CAEA,qCACE,mBACF,CAEA,6BACE,+BACF,CAEA,yBACE,yDAEE,yCACF,CACA,6CACE,oBACF,CAEA,qCACE,mBACF,CACF,CAGA,kBACE,gCACF,CAEA,mCACE,mBACF,CAEA,2BACE,kBACF,CAEA,wBACE,gCACF,CAEA,yBACE,gCACF,CAEA,yBACE,iDAEE,gCACF,CACF,CAGA,gBACE,8BACF,CAEA,iCACE,mBACF,CAEA,yBACE,kBACF,CAEA,sBACE,8BACF,CAEA,uBACE,8BACF,CAEA,yBACE,6CAEE,8BACF,CACF,CAIA,wBACE,4BACF,CAEA,8BACE,eACF,CAIA,uBACE,UACF,CAEA,sBAEE,iBAAkB,CAClB,mBAAoB,CAFpB,SAGF,CAEA,gCAGE,kBAAmB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,CACA,eACE,sCACF,CACA,eACE,sCACF,CAIA,cACE,oCACF,CACA,cACE,oCACF,CACA,cACE,oCACF,CACA,cACE,oCACF,CACA,cACE,oCACF,CACA,cACE,oCACF,CACA,cACE,oCACF,CACA,cACE,oCACF,CACA,cACE,oCACF,CACA,eACE,qCACF,CACA,eACE,qCACF,CACA,eACE,qCACF,CAIA,cACE,sCACF,CACA,cACE,sCACF,CACA,cACE,sCACF,CACA,cACE,sCACF,CACA,cACE,sCACF,CACA,cACE,sCACF,CACA,cACE,sCACF,CACA,cACE,sCACF,CACA,cACE,sCACF,CACA,eACE,uCACF,CACA,eACE,uCACF,CACA,eACE,uCACF,CAMA,cACE,oCACF,CACA,cACE,oCACF,CACA,cACE,oCACF,CACA,cACE,oCACF,CACA,cACE,oCACF,CACA,cACE,oCACF,CACA,cACE,oCACF,CACA,cACE,oCACF,CACA,cACE,oCACF,CACA,eACE,qCACF,CACA,eACE,qCACF,CACA,eACE,qCACF,CAIA,cACE,sCACF,CACA,cACE,sCACF,CACA,cACE,sCACF,CACA,cACE,sCACF,CACA,cACE,sCACF,CACA,cACE,sCACF,CACA,cACE,sCACF,CACA,cACE,sCACF,CACA,cACE,sCACF,CACA,eACE,uCACF,CACA,eACE,uCACF,CACA,eACE,uCACF,CAIA,cACE,qCACF,CACA,cACE,qCACF,CACA,cACE,qCACF,CACA,cACE,qCACF,CACA,cACE,qCACF,CACA,cACE,qCACF,CACA,cACE,qCACF,CACA,cACE,qCACF,CACA,cACE,qCACF,CACA,eACE,sCACF,CACA,eACE,sCACF,CACA,eACE,sCACF,CAIA,cACE,uCACF,CACA,cACE,uCACF,CACA,cACE,uCACF,CACA,cACE,uCACF,CACA,cACE,uCACF,CACA,cACE,uCACF,CACA,cACE,uCACF,CACA,cACE,uCACF,CACA,cACE,uCACF,CACA,eACE,wCACF,CACA,eACE,wCACF,CACA,eACE,wCACF,CC1TA,eAEE,uCAAwC,CADxC,cAEF,CAEA,cACE,QAAS,CACT,eAAgB,CAChB,iDACF,CCTA,uBAEE,kBAAmB,CADnB,YAAa,CAEb,6BACF,CAEA,+BAEE,YAAa,CADb,aAAc,CAGd,kDAAyD,CADzD,UAEF,CAEA,4BACE,sBAAuB,CACvB,qDACF,CAEA,mDACE,wBACF,CCpBA,cAIE,gCAAqC,CADrC,aAAc,CAEd,YAAa,CAJb,eAAgB,CAChB,iBAIF,CAEA,qBACE,UAAW,CACX,aAAc,CACd,gBACF,CAEA,oBAOE,mDAAqD,CAErD,yEAAiF,CALjF,QAAS,CACT,UAAW,CAHX,MAAO,CAIP,iBAAkB,CAHlB,OAAQ,CAFR,KAAM,CAON,2BAEF,CAEA,4BACE,GACE,2BACF,CACA,IACE,0BACF,CACA,GACE,0BACF,CACF,CCpCA,YAME,eAAgB,CAFhB,qBAAsB,CAFtB,YAAa,CAGb,aAAc,CAJd,UAAW,CAEX,YAIF,CAEA,kBAEE,SAAU,CAEV,cAAe,CADf,OAAQ,CAFR,KAIF,CCdA,aAGE,kBAAmB,CAFnB,YAAa,CAIb,eAAgB,CADhB,SAAY,CAFZ,iBAIF,CAEA,yBACE,aACE,eACF,CACF,CCZA,sBAKE,yDAA0D,CAJ1D,uBAAwB,CAGxB,oBAAqB,CADrB,WAAY,CADZ,UAIF,CAEA,0BACE,aACF,CAEA,6BACE,mBAAoB,CAEpB,2BAA6B,CAC7B,qBAAsB,CAFtB,uDAGF,CAEA,+BACE,GACE,0BAA4B,CAC5B,qBACF,CACA,IACE,4BAA8B,CAC9B,uBACF,CACA,GACE,4BAA8B,CAC9B,wBACF,CACF,CAEA,sCACE,GACE,wBACF,CACA,GACE,uBACF,CACF,CCzCA,oBAGE,yBAA0B,CAC1B,oCAAwC,CACxC,kBAAmB,CACnB,UAAW,CALX,eAAgB,CAChB,iBAKF,CAEA,wBAUE,qBAAuB,CADvB,kBAAmB,CALnB,QAAS,CAFT,MAAO,CAMP,UAAY,CAHZ,iBAAkB,CAJlB,KAAM,CAMN,qBAAsB,CADtB,+BAAiC,CAHjC,UAQF,CCpBA,UACE,iBACF,CAEA,aAEE,YAAa,CADb,eAEF,CAEA,oBAEE,kCAAmC,CAEnC,UAAW,CAHX,iBAAkB,CAElB,qFAAqG,CAErG,gBACF,CAEA,2BAEE,yBAA8B,CAD9B,QAEF,CAEA,wBAEE,yBAA0B,CAD1B,KAEF,CAEA,iBACE,SACF,CA7BA,SAGE,sBAAuB,CADvB,WAAY,CAEZ,cAAe,CAHf,WAAY,CAIZ,iBAAkB,CAClB,SACF,CAEA,oBACE,cACF,CAXA,eAQE,kBAAmB,CAJnB,sBAAuB,CADvB,WAAY,CAEZ,cAAe,CAEf,YAAa,CALb,WAAY,CADZ,iBAAkB,CAKlB,SAGF,CAEA,0BACE,cACF,CAbA,gBACE,WACF,CAFA,gBAIE,yCAA6C,CAF7C,sBAAuB,CADvB,WAAY,CAEZ,cAAe,CAGf,QAAS,CADT,SAEF","file":"index.es.css","sourcesContent":[":root {\r\n --brand_main: #ED713C;\r\n --brand_pressed: #D24C13;\r\n --brand_hover: #EA5A1D;\r\n --brand_light: #FCEAE2;\r\n --brand_background: #FEF7F3;\r\n --grey_70: #18191F;\r\n --grey_60: #474A57;\r\n --grey_50: #7F8285;\r\n --grey_40: #949494;\r\n --grey_30: #BFBFBF;\r\n --grey_15: #EAECEF;\r\n --grey_0: #FFFFFF;\r\n --background_light1: #FBFBFD;\r\n --background_light2: #F7F8F9;\r\n --background_light3: #F2F3F5;\r\n --green_70: #259E58;\r\n --green_60: #23A65A;\r\n --green_50: #27AE60;\r\n --green_10: #EAFCF7;\r\n --green_5: #F0FDF9;\r\n --red_70: #D03C1A;\r\n --red_60: #DA421F;\r\n --red_50: #EB4620;\r\n --red_10: #FCE3DE;\r\n --red_5: #FDF0ED;\r\n --blue_70: #0098B6;\r\n --blue_60: #009CBB;\r\n --blue_50: #00ABCD;\r\n --blue_10: #D9F2F8;\r\n --blue_5: #E5F7FA;\r\n --purple_70: #914BD2;\r\n --purple_60: #974EDB;\r\n --purple_50: #9B51E0;\r\n --purple_10: #F0E5FA;\r\n --purple_5: #F7F1FD;\r\n}\r\n",":root {\r\n --shadow_1: 0px 5px 16px rgba(0, 0, 0, 0.1);\r\n --shadow_2: 0px 12px 16px rgba(0, 0, 0, 0.08);\r\n --shadow_3: 0px 26px 34px rgba(0, 0, 0, 0.1);\r\n --shadow_4: 0px 10px 20px rgba(0, 0, 0, 0.1);\r\n}\r\n",":root {\r\n --xs: 0px;\r\n --sm: 600px;\r\n --md: 900px;\r\n --lg: 1200px;\r\n --xl: 1536px;\r\n --spacing: 8;\r\n --size: 12;\r\n}\r\n",".KUI-Heading {\n font-family: \"Inter\", sans-serif;\n letter-spacing: normal;\n text-transform: none;\n margin: 0;\n font-weight: 700;\n}\n\n.KUI-Heading_hero {\n font-size: 56px;\n line-height: 72px;\n}\n@media (max-width: 960px) {\n .KUI-Heading_hero {\n font-size: 32px;\n line-height: 48px;\n }\n}\n\n.KUI-Heading_h1 {\n font-size: 32px;\n line-height: 48px;\n}\n@media (max-width: 960px) {\n .KUI-Heading_h1 {\n font-size: 24px;\n line-height: 32px;\n }\n}\n\n.KUI-Heading_h2 {\n font-size: 24px;\n line-height: 32px;\n}\n@media (max-width: 960px) {\n .KUI-Heading_h2 {\n font-size: 18px;\n line-height: 24px;\n }\n}\n\n.KUI-Heading_h3 {\n font-size: 18px;\n line-height: 24px;\n}\n@media (max-width: 960px) {\n .KUI-Heading_h3 {\n font-size: 16px;\n line-height: 24px;\n }\n}\n\n.KUI-Heading_h4 {\n font-size: 16px;\n line-height: 24px;\n}\n@media (max-width: 960px) {\n .KUI-Heading_h4 {\n font-size: 14px;\n line-height: 24px;\n }\n}\n\n.KUI-Heading_align-center {\n text-align: center;\n}\n\n.KUI-Heading_align-right {\n text-align: right;\n}\n\n.KUI-Heading_align-left {\n text-align: left;\n}\n\n.KUI-text_uppercase {\n text-transform: uppercase;\n}\n.KUI-text_disableUserSelect {\n user-select: none;\n}\n.KUI-color_main {\n color: var(--grey_70);\n}\n.KUI-color_gray60 {\n color: var(--grey_60);\n}\n.KUI-color_gray50 {\n color: var(--grey_50);\n}\n.KUI-color_gray40 {\n color: var(--grey_40);\n}\n.KUI-color_white {\n color: var(--grey_0);\n}\n.KUI-color_brand {\n color: var(--brand_main);\n}\n",".KUI-Caption {\n font-family: \"Inter\", sans-serif;\n letter-spacing: normal;\n text-transform: none;\n margin: 0;\n}\n.KUI-Caption_xs {\n font-size: 12px;\n line-height: 14px;\n}\n.KUI-Caption_sm {\n font-size: 13px;\n line-height: 14px;\n}\n.KUI-Caption_s {\n font-size: 14px;\n line-height: 18px;\n}\n.KUI-Caption_m {\n font-size: 16px;\n line-height: 24px;\n}\n.KUI-Caption_l {\n font-size: 18px;\n line-height: 28px;\n}\n.KUI-weight_400 {\n font-weight: 400;\n }\n.KUI-weight_500 {\n font-weight: 500;\n }\n.KUI-weight_600 {\n font-weight: 600;\n }\n.KUI-text_uppercase {\n text-transform: uppercase;\n}\n.KUI-text_disableUserSelect {\n user-select: none;\n}\n.KUI-color_main {\n color: var(--grey_70);\n}\n.KUI-color_gray60 {\n color: var(--grey_60);\n}\n.KUI-color_gray50 {\n color: var(--grey_50);\n}\n.KUI-color_gray40 {\n color: var(--grey_40);\n}\n.KUI-color_white {\n color: var(--grey_0);\n}\n.KUI-color_brand {\n color: var(--brand_main);\n}\n\n.KUI-Caption_align-center {\n text-align: center;\n}\n\n.KUI-Caption_align-right {\n text-align: right;\n}\n\n.KUI-Caption_align-left {\n text-align: left;\n}\n",".KUI-Text {\r\n font-family: \"Inter\", sans-serif;\r\n letter-spacing: normal;\r\n text-transform: none;\r\n margin: 0;\r\n}\r\n.KUI-Text_xs {\r\n font-size: 13px;\r\n line-height: 20px;\r\n}\r\n.KUI-Text_s {\r\n font-size: 14px;\r\n line-height: 22px;\r\n}\r\n.KUI-Text_m {\r\n font-size: 18px;\r\n line-height: 28px;\r\n}\r\n.KUI-weight_400 {\r\n font-weight: 400;\r\n}\r\n.KUI-weight_500 {\r\n font-weight: 500;\r\n}\r\n.KUI-weight_600 {\r\n font-weight: 600;\r\n}\r\n.KUI-text_uppercase {\r\n text-transform: uppercase;\r\n}\r\n.KUI-text_disableUserSelect {\r\n user-select: none;\r\n}\r\n.KUI-color_main {\r\n color: var(--grey_70);\r\n}\r\n.KUI-color_gray60 {\r\n color: var(--grey_60);\r\n}\r\n.KUI-color_gray50 {\r\n color: var(--grey_50);\r\n}\r\n.KUI-color_gray40 {\r\n color: var(--grey_40);\r\n}\r\n.KUI-color_white {\r\n color: var(--grey_0);\r\n}\r\n.KUI-color_brand {\r\n color: var(--brand_main);\r\n}\r\n","/* DEFAULT STYLES */\n\n.KUI-Button {\n position: relative;\n border-radius: 66px;\n padding: 0 16px;\n transition: all linear .3s;\n border: 1px solid transparent;\n background-color: transparent;\n width: max-content;\n text-align: center;\n cursor: pointer;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\n.KUI-Button:hover {\n box-shadow: var(--shadow_1);\n}\n\n.KUI-Button svg path {\n transition: all linear .3s;\n}\n\n.KUI-Button_text {\n transition: all linear .3s;\n}\n\n /* DISABLED */\n.KUI-Button:disabled {\n cursor: default;\n background-color: var(--background_light3);\n}\n.KUI-Button:disabled:hover {\n background-color: var(--background_light3);\n box-shadow: none;\n}\n.KUI-Button:disabled:active {\n background-color: var(--background_light3);\n}\n\n.KUI-Button:disabled .KUI-Button-text {\n color: #A6AEBC;\n}\n.KUI-Button:disabled:hover .KUI-Button-text {\n color: #A6AEBC;\n}\n.KUI-Button:disabled:active .KUI-Button-text {\n color: #A6AEBC;\n}\n\n.KUI-Button:disabled svg path {\n fill: #A6AEBC;\n}\n.KUI-Button:disabled:hover svg path {\n fill: #A6AEBC;\n}\n.KUI-Button:disabled:active svg path {\n fill: #A6AEBC;\n}\n\n/* SIZES */\n\n.KUI-Button-xs {\n height: 32px;\n}\n\n.KUI-Button_is-circle.KUI-Button-xs {\n width: 32px;\n}\n\n.KUI-Button-s {\n height: 40px;\n}\n\n.KUI-Button_is-circle.KUI-Button-s {\n width: 40px;\n}\n\n.KUI-Button-m {\n height: 48px;\n}\n\n.KUI-Button_is-circle.KUI-Button-m {\n width: 48px;\n}\n\n.KUI-Button-l {\n height: 56px;\n}\n\n.KUI-Button_is-circle.KUI-Button-l {\n width: 56px;\n}\n\n/* THEMES */\n\n/* THEME PRIMARY */\n.KUI-Button-primary {\n background-color: var(--brand_main);\n}\n\n.KUI-Button-primary .KUI-Button-text {\n color: var(--grey_0);\n}\n\n.KUI-Button-primary svg path {\n fill: var(--grey_0)\n}\n\n.KUI-Button-primary:hover {\n background-color: var(--brand_hover);\n}\n\n.KUI-Button-primary:active {\n background-color: var(--brand_pressed);\n}\n\n\n@media (max-width: 900px) {\n .KUI-Button-primary:hover,\n .KUI-Button-primary:active {\n background-color: var(--brand_main);\n }\n}\n\n\n/* THEME ORANGE */\n.KUI-Button-orange {\n background-color: var(--brand_light);\n}\n\n.KUI-Button-orange .KUI-Button-text {\n color: var(--brand_main);\n}\n\n.KUI-Button-orange svg path {\n fill: var(--brand_main)\n}\n\n.KUI-Button-orange:hover {\n background-color: var(--brand_hover);\n}\n\n.KUI-Button-orange:hover .KUI-Button-text {\n color: var(--grey_0);\n}\n\n.KUI-Button-orange:hover svg path {\n fill: var(--grey_0);\n}\n\n.KUI-Button-orange:active {\n background-color: var(--brand_pressed);\n}\n\n@media (max-width: 900px) {\n .KUI-Button-orange:hover,\n .KUI-Button-orange:active {\n background-color: var(--brand_light);\n }\n .KUI-Button-orange:hover .KUI-Button-text {\n color: var(--brand_main);\n }\n\n .KUI-Button-orange:hover svg path {\n fill: var(--brand_main);\n }\n}\n\n/* THEME WHITE */\n.KUI-Button-white {\n background-color: var(--grey_0);\n border: 1px solid var(--grey_15);\n}\n\n.KUI-Button-white .KUI-Button-text {\n color: var(--grey_70);\n}\n\n.KUI-Button-white svg path {\n fill: var(--grey_70)\n}\n\n.KUI-Button-white:hover {\n background-color: var(--background_light1);\n}\n\n.KUI-Button-white:active {\n background-color: var(--grey_15);\n}\n\n@media (max-width: 900px) {\n .KUI-Button-white:hover,\n .KUI-Button-white:active {\n background-color: var(--grey_0);\n }\n}\n\n/* THEME WHITE WITH ORANGE HOVER */\n.KUI-Button-whiteWithOrangeHover .KUI-Button-text {\n color: var(--grey_60);\n}\n\n.KUI-Button-whiteWithOrangeHover svg path {\n fill: var(--grey_60)\n}\n\n.KUI-Button-whiteWithOrangeHover:hover {\n background-color: var(--brand_light);\n}\n\n.KUI-Button-whiteWithOrangeHover:hover .KUI-Button-text {\n color: var(--brand_main);\n}\n\n.KUI-Button-whiteWithOrangeHover:hover svg path {\n fill: var(--brand_main);\n}\n\n.KUI-Button-whiteWithOrangeHover:active {\n background-color: var(--brand_light);\n}\n\n@media (max-width: 900px) {\n .KUI-Button-whiteWithOrangeHover:hover,\n .KUI-Button-whiteWithOrangeHover:active {\n color: var(--grey_60);\n }\n .KUI-Button-whiteWithOrangeHover:hover .KUI-Button-text {\n color: var(--grey_60);\n }\n\n .KUI-Button-whiteWithOrangeHover:hover svg path {\n fill: var(--grey_60);\n }\n}\n\n/* THEME BLUR */\n.KUI-Button-blur {\n background-color: rgba(0, 0, 0, 0.6);\n backdrop-filter: blur(4px);\n}\n\n.KUI-Button-blur .KUI-Button-text {\n color: var(--grey_0);\n}\n\n.KUI-Button-blur svg path {\n fill: var(--grey_0)\n}\n\n.KUI-Button-blur:hover {\n background-color: rgba(0, 0, 0, 0.7);\n}\n\n.KUI-Button-blur:active {\n background-color: rgba(0, 0, 0, 0.8);\n}\n\n@media (max-width: 900px) {\n .KUI-Button-blur:hover,\n .KUI-Button-blur:active {\n background-color: rgba(0, 0, 0, 0.6);\n }\n}\n\n/* THEME WHITE WITH GREY */\n.KUI-Button-whiteWithGray {\n background-color: var(--grey_0);\n border: 1px solid var(--background_light3);\n}\n\n.KUI-Button-whiteWithGray .KUI-Button-text {\n color: var(--grey_50);\n}\n\n.KUI-Button-whiteWithGray svg path {\n fill: var(--grey_50)\n}\n\n.KUI-Button-whiteWithGray:hover {\n background-color: var(--background_light1);\n}\n\n.KUI-Button-whiteWithGray:hover .KUI-Button-text {\n color: var(--grey_70);\n}\n\n.KUI-Button-whiteWithGray:hover svg path {\n fill: var(--grey_70)\n}\n\n.KUI-Button-whiteWithGray:active {\n background-color: var(--grey_15);\n}\n\n@media (max-width: 900px) {\n .KUI-Button-whiteWithGray:hover,\n .KUI-Button-whiteWithGray:active {\n background-color: var(--grey_0);\n }\n .KUI-Button-whiteWithGray:hover .KUI-Button-text {\n color: var(--grey_50);\n }\n\n .KUI-Button-whiteWithGray:hover svg path {\n fill: var(--grey_50);\n }\n}\n\n/* THEME WHITE WITH BRAND */\n.KUI-Button-whiteWithBrand {\n background-color: var(--grey_0);\n}\n\n.KUI-Button-whiteWithBrand .KUI-Button-text {\n color: var(--brand_main);\n}\n\n.KUI-Button-whiteWithBrand svg path {\n fill: var(--brand_main)\n}\n\n/* THEME GREY LIGHT WITH BORDER */\n.KUI-Button-grayLightWithBorder {\n background-color: var(--background_light1);\n border: 1px solid var(--grey_15)\n}\n\n.KUI-Button-grayLightWithBorder .KUI-Button-text {\n color: var(--grey_50);\n}\n\n.KUI-Button-grayLightWithBorder svg path {\n fill: var(--grey_50)\n}\n\n.KUI-Button-grayLightWithBorder:hover {\n background-color: var(--background_light2);\n}\n\n.KUI-Button-grayLightWithBorder:hover .KUI-Button-text {\n color: var(--grey_70);\n}\n\n.KUI-Button-grayLightWithBorder:hover svg path {\n fill: var(--grey_70)\n}\n\n.KUI-Button-grayLightWithBorder:active {\n background-color: var(--grey_15);\n}\n\n@media (max-width: 900px) {\n .KUI-Button-grayLightWithBorder:hover,\n .KUI-Button-grayLightWithBorder:active {\n background-color: var(--background_light1);\n }\n .KUI-Button-grayLightWithBorder:hover .KUI-Button-text {\n color: var(--grey_50);\n }\n\n .KUI-Button-grayLightWithBorder:hover svg path {\n fill: var(--grey_50);\n }\n}\n\n/* THEME GREY LIGHT */\n.KUI-Button-grayLight {\n background-color: var(--background_light2);\n}\n\n.KUI-Button-grayLight .KUI-Button-text {\n color: var(--grey_50);\n}\n\n.KUI-Button-grayLight svg path {\n fill: var(--grey_50)\n}\n\n.KUI-Button-grayLight:hover {\n background-color: var(--background_light3);\n}\n\n.KUI-Button-grayLight:hover .KUI-Button-text {\n color: var(--grey_70);\n}\n\n.KUI-Button-grayLight:hover svg path {\n fill: var(--grey_70)\n}\n\n.KUI-Button-grayLight:active {\n background-color: var(--grey_15);\n}\n\n@media (max-width: 900px) {\n .KUI-Button-grayLight:hover,\n .KUI-Button-grayLight:active {\n background-color: var(--background_light2);\n }\n .KUI-Button-grayLight:hover .KUI-Button-text {\n color: var(--grey_50);\n }\n\n .KUI-Button-grayLight:hover svg path {\n fill: var(--grey_50);\n }\n}\n\n/* THEME GREEN */\n.KUI-Button-green {\n background-color: var(--green_50);\n}\n\n.KUI-Button-green .KUI-Button-text {\n color: var(--grey_0);\n}\n\n.KUI-Button-green svg path {\n fill: var(--grey_0)\n}\n\n.KUI-Button-green:hover {\n background-color: var(--green_60);\n}\n\n.KUI-Button-green:active {\n background-color: var(--green_70);\n}\n\n@media (max-width: 900px) {\n .KUI-Button-green:hover,\n .KUI-Button-green:active {\n background-color: var(--green_50);\n }\n}\n\n/* THEME RED */\n.KUI-Button-red {\n background-color: var(--red_50);\n}\n\n.KUI-Button-red .KUI-Button-text {\n color: var(--grey_0);\n}\n\n.KUI-Button-red svg path {\n fill: var(--grey_0)\n}\n\n.KUI-Button-red:hover {\n background-color: var(--red_60);\n}\n\n.KUI-Button-red:active {\n background-color: var(--red_70);\n}\n\n@media (max-width: 900px) {\n .KUI-Button-red:hover,\n .KUI-Button-red:active {\n background-color: var(--red_50);\n }\n}\n\n/* THEME TRANSPARENT */\n\n.KUI-Button-transparent {\n background-color: transparent;\n}\n\n.KUI-Button-transparent:hover {\n box-shadow: none;\n}\n\n/* PARAMS */\n\n.KUI-Button_full-width {\n width: 100%;\n}\n\n.KUI-Button_is-circle {\n padding: 0;\n border-radius: 50%;\n display: inline-flex;\n}\n\n.KUI-Button_is-circle_container {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100%;\n width: inherit;\n}\n\n/* BORDER */\n\n.KUI-Button_border-brand {\n border: 1px solid var(--brand_main);\n}\n\n.KUI-Button_border-lightGray {\n border: 1px solid var(--grey_15);\n}\n\n.KUI-Button_border-lightOrange {\n border: 1px solid var(--brand_light);\n}\n\n/* ICONS */\n\n.KUI-Button_icon-container {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.KUI-Button_start-icon {\n margin-right: 8px;\n display: flex;\n}\n\n.KUI-Button_end-icon {\n margin-left: 8px;\n display: flex;\n}\n",".KUI-InputMessage {\r\n z-index: 5;\r\n position: absolute;\r\n left: 0px;\r\n /*top: 56px;*/\r\n bottom: 0;\r\n padding: 8px 15px;\r\n width: 100%;\r\n box-sizing: border-box;\r\n border-radius: 0 0 8px 8px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: flex-start;\r\n box-shadow:\r\n 0px 0px 1px rgba(10, 31, 68, 0.08), 0px 3px 4px rgba(10, 31, 68, 0.1)\r\n}\r\n\r\n.KUI-InputMessage_error {\r\n background-color: var(--red_5);\r\n}\r\n\r\n.KUI-InputMessage_error .KUI-InputMessage_title {\r\n color: var(--red_50);\r\n}\r\n\r\n.KUI-InputMessage_warning {\r\n background-color: var(--brand_background);\r\n}\r\n\r\n.KUI-InputMessage_warning .KUI-InputMessage_title {\r\n color: var(--brand_main);\r\n}\r\n\r\n.KUI-InputMessage_success {\r\n background-color: var(--green_5);\r\n}\r\n\r\n.KUI-InputMessage_success .KUI-InputMessage_title {\r\n color: var(--green_50);\r\n}\r\n\r\n.KUI-InputMessage_icon {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.KUI-InputMessage_title {\r\n padding-left: 8px;\r\n}\r\n",":root {\r\n --brand_main: #ED713C;\r\n --brand_pressed: #D24C13;\r\n --brand_hover: #EA5A1D;\r\n --brand_light: #FCEAE2;\r\n --brand_background: #FEF7F3;\r\n --grey_70: #18191F;\r\n --grey_60: #474A57;\r\n --grey_50: #7F8285;\r\n --grey_40: #949494;\r\n --grey_30: #BFBFBF;\r\n --grey_15: #EAECEF;\r\n --grey_0: #FFFFFF;\r\n --background_light1: #FBFBFD;\r\n --background_light2: #F7F8F9;\r\n --background_light3: #F2F3F5;\r\n --green_70: #259E58;\r\n --green_60: #23A65A;\r\n --green_50: #27AE60;\r\n --green_10: #EAFCF7;\r\n --green_5: #F0FDF9;\r\n --red_70: #D03C1A;\r\n --red_60: #DA421F;\r\n --red_50: #EB4620;\r\n --red_10: #FCE3DE;\r\n --red_5: #FDF0ED;\r\n --blue_70: #0098B6;\r\n --blue_60: #009CBB;\r\n --blue_50: #00ABCD;\r\n --blue_10: #D9F2F8;\r\n --blue_5: #E5F7FA;\r\n --purple_70: #914BD2;\r\n --purple_60: #974EDB;\r\n --purple_50: #9B51E0;\r\n --purple_10: #F0E5FA;\r\n --purple_5: #F7F1FD;\r\n}\r\n\n:root {\r\n --shadow_1: 0px 5px 16px rgba(0, 0, 0, 0.1);\r\n --shadow_2: 0px 12px 16px rgba(0, 0, 0, 0.08);\r\n --shadow_3: 0px 26px 34px rgba(0, 0, 0, 0.1);\r\n --shadow_4: 0px 10px 20px rgba(0, 0, 0, 0.1);\r\n}\r\n\n:root {\r\n --xs: 0px;\r\n --sm: 600px;\r\n --md: 900px;\r\n --lg: 1200px;\r\n --xl: 1536px;\r\n --spacing: 8;\r\n --size: 12;\r\n}\r\n\n.KUI-Heading {\n font-family: \"Inter\", sans-serif;\n letter-spacing: normal;\n text-transform: none;\n margin: 0;\n font-weight: 700;\n}\n\n.KUI-Heading_hero {\n font-size: 56px;\n line-height: 72px;\n}\n@media (max-width: 960px) {\n .KUI-Heading_hero {\n font-size: 32px;\n line-height: 48px;\n }\n}\n\n.KUI-Heading_h1 {\n font-size: 32px;\n line-height: 48px;\n}\n@media (max-width: 960px) {\n .KUI-Heading_h1 {\n font-size: 24px;\n line-height: 32px;\n }\n}\n\n.KUI-Heading_h2 {\n font-size: 24px;\n line-height: 32px;\n}\n@media (max-width: 960px) {\n .KUI-Heading_h2 {\n font-size: 18px;\n line-height: 24px;\n }\n}\n\n.KUI-Heading_h3 {\n font-size: 18px;\n line-height: 24px;\n}\n@media (max-width: 960px) {\n .KUI-Heading_h3 {\n font-size: 16px;\n line-height: 24px;\n }\n}\n\n.KUI-Heading_h4 {\n font-size: 16px;\n line-height: 24px;\n}\n@media (max-width: 960px) {\n .KUI-Heading_h4 {\n font-size: 14px;\n line-height: 24px;\n }\n}\n\n.KUI-Heading_align-center {\n text-align: center;\n}\n\n.KUI-Heading_align-right {\n text-align: right;\n}\n\n.KUI-Heading_align-left {\n text-align: left;\n}\n\n.KUI-text_uppercase {\n text-transform: uppercase;\n}\n.KUI-text_disableUserSelect {\n user-select: none;\n}\n.KUI-color_main {\n color: var(--grey_70);\n}\n.KUI-color_gray60 {\n color: var(--grey_60);\n}\n.KUI-color_gray50 {\n color: var(--grey_50);\n}\n.KUI-color_gray40 {\n color: var(--grey_40);\n}\n.KUI-color_white {\n color: var(--grey_0);\n}\n.KUI-color_brand {\n color: var(--brand_main);\n}\n\n.KUI-Caption {\n font-family: \"Inter\", sans-serif;\n letter-spacing: normal;\n text-transform: none;\n margin: 0;\n}\n.KUI-Caption_xs {\n font-size: 12px;\n line-height: 14px;\n}\n.KUI-Caption_sm {\n font-size: 13px;\n line-height: 14px;\n}\n.KUI-Caption_s {\n font-size: 14px;\n line-height: 18px;\n}\n.KUI-Caption_m {\n font-size: 16px;\n line-height: 24px;\n}\n.KUI-Caption_l {\n font-size: 18px;\n line-height: 28px;\n}\n.KUI-weight_400 {\n font-weight: 400;\n }\n.KUI-weight_500 {\n font-weight: 500;\n }\n.KUI-weight_600 {\n font-weight: 600;\n }\n.KUI-text_uppercase {\n text-transform: uppercase;\n}\n.KUI-text_disableUserSelect {\n user-select: none;\n}\n.KUI-color_main {\n color: var(--grey_70);\n}\n.KUI-color_gray60 {\n color: var(--grey_60);\n}\n.KUI-color_gray50 {\n color: var(--grey_50);\n}\n.KUI-color_gray40 {\n color: var(--grey_40);\n}\n.KUI-color_white {\n color: var(--grey_0);\n}\n.KUI-color_brand {\n color: var(--brand_main);\n}\n\n.KUI-Caption_align-center {\n text-align: center;\n}\n\n.KUI-Caption_align-right {\n text-align: right;\n}\n\n.KUI-Caption_align-left {\n text-align: left;\n}\n\n.KUI-Text {\r\n font-family: \"Inter\", sans-serif;\r\n letter-spacing: normal;\r\n text-transform: none;\r\n margin: 0;\r\n}\r\n.KUI-Text_xs {\r\n font-size: 13px;\r\n line-height: 20px;\r\n}\r\n.KUI-Text_s {\r\n font-size: 14px;\r\n line-height: 22px;\r\n}\r\n.KUI-Text_m {\r\n font-size: 18px;\r\n line-height: 28px;\r\n}\r\n.KUI-weight_400 {\r\n font-weight: 400;\r\n}\r\n.KUI-weight_500 {\r\n font-weight: 500;\r\n}\r\n.KUI-weight_600 {\r\n font-weight: 600;\r\n}\r\n.KUI-text_uppercase {\r\n text-transform: uppercase;\r\n}\r\n.KUI-text_disableUserSelect {\r\n user-select: none;\r\n}\r\n.KUI-color_main {\r\n color: var(--grey_70);\r\n}\r\n.KUI-color_gray60 {\r\n color: var(--grey_60);\r\n}\r\n.KUI-color_gray50 {\r\n color: var(--grey_50);\r\n}\r\n.KUI-color_gray40 {\r\n color: var(--grey_40);\r\n}\r\n.KUI-color_white {\r\n color: var(--grey_0);\r\n}\r\n.KUI-color_brand {\r\n color: var(--brand_main);\r\n}\r\n\n/* DEFAULT STYLES */\n\n.KUI-Button {\n position: relative;\n border-radius: 66px;\n padding: 0 16px;\n transition: all linear .3s;\n border: 1px solid transparent;\n background-color: transparent;\n width: max-content;\n text-align: center;\n cursor: pointer;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\n.KUI-Button:hover {\n box-shadow: var(--shadow_1);\n}\n\n.KUI-Button svg path {\n transition: all linear .3s;\n}\n\n.KUI-Button_text {\n transition: all linear .3s;\n}\n\n /* DISABLED */\n.KUI-Button:disabled {\n cursor: default;\n background-color: var(--background_light3);\n}\n.KUI-Button:disabled:hover {\n background-color: var(--background_light3);\n box-shadow: none;\n}\n.KUI-Button:disabled:active {\n background-color: var(--background_light3);\n}\n\n.KUI-Button:disabled .KUI-Button-text {\n color: #A6AEBC;\n}\n.KUI-Button:disabled:hover .KUI-Button-text {\n color: #A6AEBC;\n}\n.KUI-Button:disabled:active .KUI-Button-text {\n color: #A6AEBC;\n}\n\n.KUI-Button:disabled svg path {\n fill: #A6AEBC;\n}\n.KUI-Button:disabled:hover svg path {\n fill: #A6AEBC;\n}\n.KUI-Button:disabled:active svg path {\n fill: #A6AEBC;\n}\n\n/* SIZES */\n\n.KUI-Button-xs {\n height: 32px;\n}\n\n.KUI-Button_is-circle.KUI-Button-xs {\n width: 32px;\n}\n\n.KUI-Button-s {\n height: 40px;\n}\n\n.KUI-Button_is-circle.KUI-Button-s {\n width: 40px;\n}\n\n.KUI-Button-m {\n height: 48px;\n}\n\n.KUI-Button_is-circle.KUI-Button-m {\n width: 48px;\n}\n\n.KUI-Button-l {\n height: 56px;\n}\n\n.KUI-Button_is-circle.KUI-Button-l {\n width: 56px;\n}\n\n/* THEMES */\n\n/* THEME PRIMARY */\n.KUI-Button-primary {\n background-color: var(--brand_main);\n}\n\n.KUI-Button-primary .KUI-Button-text {\n color: var(--grey_0);\n}\n\n.KUI-Button-primary svg path {\n fill: var(--grey_0)\n}\n\n.KUI-Button-primary:hover {\n background-color: var(--brand_hover);\n}\n\n.KUI-Button-primary:active {\n background-color: var(--brand_pressed);\n}\n\n\n@media (max-width: 900px) {\n .KUI-Button-primary:hover,\n .KUI-Button-primary:active {\n background-color: var(--brand_main);\n }\n}\n\n\n/* THEME ORANGE */\n.KUI-Button-orange {\n background-color: var(--brand_light);\n}\n\n.KUI-Button-orange .KUI-Button-text {\n color: var(--brand_main);\n}\n\n.KUI-Button-orange svg path {\n fill: var(--brand_main)\n}\n\n.KUI-Button-orange:hover {\n background-color: var(--brand_hover);\n}\n\n.KUI-Button-orange:hover .KUI-Button-text {\n color: var(--grey_0);\n}\n\n.KUI-Button-orange:hover svg path {\n fill: var(--grey_0);\n}\n\n.KUI-Button-orange:active {\n background-color: var(--brand_pressed);\n}\n\n@media (max-width: 900px) {\n .KUI-Button-orange:hover,\n .KUI-Button-orange:active {\n background-color: var(--brand_light);\n }\n .KUI-Button-orange:hover .KUI-Button-text {\n color: var(--brand_main);\n }\n\n .KUI-Button-orange:hover svg path {\n fill: var(--brand_main);\n }\n}\n\n/* THEME WHITE */\n.KUI-Button-white {\n background-color: var(--grey_0);\n border: 1px solid var(--grey_15);\n}\n\n.KUI-Button-white .KUI-Button-text {\n color: var(--grey_70);\n}\n\n.KUI-Button-white svg path {\n fill: var(--grey_70)\n}\n\n.KUI-Button-white:hover {\n background-color: var(--background_light1);\n}\n\n.KUI-Button-white:active {\n background-color: var(--grey_15);\n}\n\n@media (max-width: 900px) {\n .KUI-Button-white:hover,\n .KUI-Button-white:active {\n background-color: var(--grey_0);\n }\n}\n\n/* THEME WHITE WITH ORANGE HOVER */\n.KUI-Button-whiteWithOrangeHover .KUI-Button-text {\n color: var(--grey_60);\n}\n\n.KUI-Button-whiteWithOrangeHover svg path {\n fill: var(--grey_60)\n}\n\n.KUI-Button-whiteWithOrangeHover:hover {\n background-color: var(--brand_light);\n}\n\n.KUI-Button-whiteWithOrangeHover:hover .KUI-Button-text {\n color: var(--brand_main);\n}\n\n.KUI-Button-whiteWithOrangeHover:hover svg path {\n fill: var(--brand_main);\n}\n\n.KUI-Button-whiteWithOrangeHover:active {\n background-color: var(--brand_light);\n}\n\n@media (max-width: 900px) {\n .KUI-Button-whiteWithOrangeHover:hover,\n .KUI-Button-whiteWithOrangeHover:active {\n color: var(--grey_60);\n }\n .KUI-Button-whiteWithOrangeHover:hover .KUI-Button-text {\n color: var(--grey_60);\n }\n\n .KUI-Button-whiteWithOrangeHover:hover svg path {\n fill: var(--grey_60);\n }\n}\n\n/* THEME BLUR */\n.KUI-Button-blur {\n background-color: rgba(0, 0, 0, 0.6);\n backdrop-filter: blur(4px);\n}\n\n.KUI-Button-blur .KUI-Button-text {\n color: var(--grey_0);\n}\n\n.KUI-Button-blur svg path {\n fill: var(--grey_0)\n}\n\n.KUI-Button-blur:hover {\n background-color: rgba(0, 0, 0, 0.7);\n}\n\n.KUI-Button-blur:active {\n background-color: rgba(0, 0, 0, 0.8);\n}\n\n@media (max-width: 900px) {\n .KUI-Button-blur:hover,\n .KUI-Button-blur:active {\n background-color: rgba(0, 0, 0, 0.6);\n }\n}\n\n/* THEME WHITE WITH GREY */\n.KUI-Button-whiteWithGray {\n background-color: var(--grey_0);\n border: 1px solid var(--background_light3);\n}\n\n.KUI-Button-whiteWithGray .KUI-Button-text {\n color: var(--grey_50);\n}\n\n.KUI-Button-whiteWithGray svg path {\n fill: var(--grey_50)\n}\n\n.KUI-Button-whiteWithGray:hover {\n background-color: var(--background_light1);\n}\n\n.KUI-Button-whiteWithGray:hover .KUI-Button-text {\n color: var(--grey_70);\n}\n\n.KUI-Button-whiteWithGray:hover svg path {\n fill: var(--grey_70)\n}\n\n.KUI-Button-whiteWithGray:active {\n background-color: var(--grey_15);\n}\n\n@media (max-width: 900px) {\n .KUI-Button-whiteWithGray:hover,\n .KUI-Button-whiteWithGray:active {\n background-color: var(--grey_0);\n }\n .KUI-Button-whiteWithGray:hover .KUI-Button-text {\n color: var(--grey_50);\n }\n\n .KUI-Button-whiteWithGray:hover svg path {\n fill: var(--grey_50);\n }\n}\n\n/* THEME WHITE WITH BRAND */\n.KUI-Button-whiteWithBrand {\n background-color: var(--grey_0);\n}\n\n.KUI-Button-whiteWithBrand .KUI-Button-text {\n color: var(--brand_main);\n}\n\n.KUI-Button-whiteWithBrand svg path {\n fill: var(--brand_main)\n}\n\n/* THEME GREY LIGHT WITH BORDER */\n.KUI-Button-grayLightWithBorder {\n background-color: var(--background_light1);\n border: 1px solid var(--grey_15)\n}\n\n.KUI-Button-grayLightWithBorder .KUI-Button-text {\n color: var(--grey_50);\n}\n\n.KUI-Button-grayLightWithBorder svg path {\n fill: var(--grey_50)\n}\n\n.KUI-Button-grayLightWithBorder:hover {\n background-color: var(--background_light2);\n}\n\n.KUI-Button-grayLightWithBorder:hover .KUI-Button-text {\n color: var(--grey_70);\n}\n\n.KUI-Button-grayLightWithBorder:hover svg path {\n fill: var(--grey_70)\n}\n\n.KUI-Button-grayLightWithBorder:active {\n background-color: var(--grey_15);\n}\n\n@media (max-width: 900px) {\n .KUI-Button-grayLightWithBorder:hover,\n .KUI-Button-grayLightWithBorder:active {\n background-color: var(--background_light1);\n }\n .KUI-Button-grayLightWithBorder:hover .KUI-Button-text {\n color: var(--grey_50);\n }\n\n .KUI-Button-grayLightWithBorder:hover svg path {\n fill: var(--grey_50);\n }\n}\n\n/* THEME GREY LIGHT */\n.KUI-Button-grayLight {\n background-color: var(--background_light2);\n}\n\n.KUI-Button-grayLight .KUI-Button-text {\n color: var(--grey_50);\n}\n\n.KUI-Button-grayLight svg path {\n fill: var(--grey_50)\n}\n\n.KUI-Button-grayLight:hover {\n background-color: var(--background_light3);\n}\n\n.KUI-Button-grayLight:hover .KUI-Button-text {\n color: var(--grey_70);\n}\n\n.KUI-Button-grayLight:hover svg path {\n fill: var(--grey_70)\n}\n\n.KUI-Button-grayLight:active {\n background-color: var(--grey_15);\n}\n\n@media (max-width: 900px) {\n .KUI-Button-grayLight:hover,\n .KUI-Button-grayLight:active {\n background-color: var(--background_light2);\n }\n .KUI-Button-grayLight:hover .KUI-Button-text {\n color: var(--grey_50);\n }\n\n .KUI-Button-grayLight:hover svg path {\n fill: var(--grey_50);\n }\n}\n\n/* THEME GREEN */\n.KUI-Button-green {\n background-color: var(--green_50);\n}\n\n.KUI-Button-green .KUI-Button-text {\n color: var(--grey_0);\n}\n\n.KUI-Button-green svg path {\n fill: var(--grey_0)\n}\n\n.KUI-Button-green:hover {\n background-color: var(--green_60);\n}\n\n.KUI-Button-green:active {\n background-color: var(--green_70);\n}\n\n@media (max-width: 900px) {\n .KUI-Button-green:hover,\n .KUI-Button-green:active {\n background-color: var(--green_50);\n }\n}\n\n/* THEME RED */\n.KUI-Button-red {\n background-color: var(--red_50);\n}\n\n.KUI-Button-red .KUI-Button-text {\n color: var(--grey_0);\n}\n\n.KUI-Button-red svg path {\n fill: var(--grey_0)\n}\n\n.KUI-Button-red:hover {\n background-color: var(--red_60);\n}\n\n.KUI-Button-red:active {\n background-color: var(--red_70);\n}\n\n@media (max-width: 900px) {\n .KUI-Button-red:hover,\n .KUI-Button-red:active {\n background-color: var(--red_50);\n }\n}\n\n/* THEME TRANSPARENT */\n\n.KUI-Button-transparent {\n background-color: transparent;\n}\n\n.KUI-Button-transparent:hover {\n box-shadow: none;\n}\n\n/* PARAMS */\n\n.KUI-Button_full-width {\n width: 100%;\n}\n\n.KUI-Button_is-circle {\n padding: 0;\n border-radius: 50%;\n display: inline-flex;\n}\n\n.KUI-Button_is-circle_container {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100%;\n width: inherit;\n}\n\n/* BORDER */\n\n.KUI-Button_border-brand {\n border: 1px solid var(--brand_main);\n}\n\n.KUI-Button_border-lightGray {\n border: 1px solid var(--grey_15);\n}\n\n.KUI-Button_border-lightOrange {\n border: 1px solid var(--brand_light);\n}\n\n/* ICONS */\n\n.KUI-Button_icon-container {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.KUI-Button_start-icon {\n margin-right: 8px;\n display: flex;\n}\n\n.KUI-Button_end-icon {\n margin-left: 8px;\n display: flex;\n}\n\n.KUI-InputMessage {\r\n z-index: 5;\r\n position: absolute;\r\n left: 0px;\r\n /*top: 56px;*/\r\n bottom: 0;\r\n padding: 8px 15px;\r\n width: 100%;\r\n box-sizing: border-box;\r\n border-radius: 0 0 8px 8px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: flex-start;\r\n box-shadow:\r\n 0px 0px 1px rgba(10, 31, 68, 0.08), 0px 3px 4px rgba(10, 31, 68, 0.1)\r\n}\r\n\r\n.KUI-InputMessage_error {\r\n background-color: var(--red_5);\r\n}\r\n\r\n.KUI-InputMessage_error .KUI-InputMessage_title {\r\n color: var(--red_50);\r\n}\r\n\r\n.KUI-InputMessage_warning {\r\n background-color: var(--brand_background);\r\n}\r\n\r\n.KUI-InputMessage_warning .KUI-InputMessage_title {\r\n color: var(--brand_main);\r\n}\r\n\r\n.KUI-InputMessage_success {\r\n background-color: var(--green_5);\r\n}\r\n\r\n.KUI-InputMessage_success .KUI-InputMessage_title {\r\n color: var(--green_50);\r\n}\r\n\r\n.KUI-InputMessage_icon {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.KUI-InputMessage_title {\r\n padding-left: 8px;\r\n}\r\n\n.KUI-Input_container {\n position: relative;\n}\n\n.KUI-Textarea_icon {\n display: block;\n width: 9px;\n height: 8px;\n position: absolute;\n right: 4px;\n bottom: calc(15% * (14 / 16) + 8px);\n pointer-events: none;\n cursor: none;\n}\n\n.KUI-Input_InputContainer {\n height: 56px;\n}\n\n.KUI-Input {\n box-sizing: border-box;\n border: 1.5px solid var(--grey_15);\n border-radius: 8px;\n background-color: var(--grey_0);\n caret-color: var(--brand_main);\n color: var(--grey_70);\n font-weight: 500;\n padding: 27px 8px 10px 17px;\n font-family: \"Inter\", sans-serif;\n -moz-appearance: textfield;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n font-size: 16px;\n transform: scale(calc(14 / 16));\n transform-origin: left top;\n width: calc(100% * (16 / 14));\n margin-right: -14%;\n height: 64px;\n}\n\n.KUI-Input:-webkit-autofill {\n box-shadow: inset 0 0 0 1000px #fff;\n}\n\n.KUI-Input::-webkit-outer-spin-button {\n -webkit-appearance: none;\n}\n\n.KUI-Input::-webkit-inner-spin-button {\n -webkit-appearance: none;\n}\n\n.KUI-Input:focus {\n outline: none;\n}\n\n.KUI-Textarea {\n resize: vertical;\n max-height: 168px;\n min-height: 64px;\n height: auto;\n}\n\n.KUI-Textarea::-webkit-resizer {\n display: none;\n}\n\n.KUI-Input_label {\n position: absolute;\n top: 19px;\n left: 16px;\n transition: top ease-out .2s, font-size ease-out .2s;\n user-select: none;\n pointer-events: none;\n}\n\n.KUI-Input:focus {\n border-color: var(--brand_main);\n}\n\n.KUI-Input:focus + .KUI-Input_label {\n font-size: 12px;\n top: 10px\n}\n\n.KUI-Input:disabled {\n background: var(--background_light1);\n}\n\n.KUI-Input_label-active {\n font-size: 12px;\n top: 10px\n}\n\n.KUI-Input_invalid {\n border-radius: 8px 8px 0px 0px;\n border-color: var(--red_50) !important;\n}\n\n.KUI-InputAdornment_start-icon {\r\n position: absolute;\r\n top: 8px;\r\n left: 8px;\r\n bottom: 8px;\r\n display: flex;\r\n align-items: center;\r\n z-index: 1;\r\n}\r\n\r\n.KUI-InputAdornment_end-icon {\r\n position: absolute;\r\n top: 8px;\r\n right: 8px;\r\n bottom: 8px;\r\n display: flex;\r\n align-items: center;\r\n z-index: 1;\r\n}\r\n\r\n.KUI-InputAdornment_corner-label {\r\n align-items: flex-end;\r\n bottom: 12px;\r\n right: 12px;\r\n}\r\n\n.KUI-Country {\r\n border-radius: 12px;\r\n width: 100%;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 8px 11px;\r\n cursor: pointer;\r\n box-sizing: border-box;\r\n}\r\n\r\n.KUI-Country:hover {\r\n background-color: var(--background_light2);\r\n}\r\n\r\n.KUI-Country_title {\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.KUI-Country_icon {\r\n padding-bottom: 1px;\r\n width: 28px;\r\n}\r\n\r\n.KUI-Country_paragraph {\r\n font-family: \"Inter\", sans-serif;\r\n letter-spacing: normal;\r\n margin: 0;\r\n}\r\n\r\n.KUI-Country_name {\r\n padding-top: 3px;\r\n font-size: 14px;\r\n line-height: 18px;\r\n font-weight: 600;\r\n}\r\n\r\n.KUI-Country_phone {\r\n font-size: 12px;\r\n line-height: 14px;\r\n font-weight: 500;\r\n color: var(--grey_50);\r\n}\r\n\n.KUI-DropdownContainer {\r\n width: 100%;\r\n max-height: 275px;\r\n display: none;\r\n position: absolute;\r\n background-color: var(--grey_0);\r\n z-index: 100;\r\n border: 1px solid var(--grey_15);\r\n top: 64px;\r\n box-shadow: var(--shadow_4);\r\n border-radius: 8px;\r\n overflow: auto;\r\n -ms-overflow-style: none;\r\n scrollbar-width: none;\r\n overflow-y: scroll;\r\n user-select: none;\r\n}\r\n\r\n.KUI-DropdownContainer::-webkit-scrollbar {\r\n width: 0;\r\n}\r\n\r\n.KUI-Dropdown_open {\r\n display: block;\r\n}\r\n\r\n.KUI-SearchWrapper {\r\n padding: 8px;\r\n position: sticky;\r\n top: 0;\r\n background-color: var(--grey_0);\r\n border-radius: 8px;\r\n}\r\n\r\n.KUI-Search {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n height: 40px;\r\n background-color: var(--background_light2);\r\n padding: 0 12px;\r\n border-radius: 8px;\r\n}\r\n\r\n.KUI-SearchInput {\r\n border: none;\r\n width: calc(100% - 18px);\r\n background-color: transparent;\r\n height: 100%;\r\n outline: none;\r\n}\r\n\r\n.KUI-Dropdown {\r\n width: 100%;\r\n padding: 0 8px;\r\n box-sizing: border-box;\r\n}\r\n\n.KUI-InputDropdown_wrapper {\r\n position: relative;\r\n}\r\n\r\n.KUI-InputDropdown_button-phone-code {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n width: 80px;\r\n height: 40px;\r\n box-sizing: border-box;\r\n background: var(--background_light2);\r\n border-radius: 8px;\r\n cursor: pointer;\r\n padding: 8px 14px 8px;\r\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\r\n user-select: none;\r\n}\r\n\r\n.KUI-InputDropdown_button-phone-code_icon {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n}\r\n\r\n.KUI-InputDropdown_button-phone-code_icon svg {\r\n transition: all linear .2s;\r\n}\r\n\r\n.KUI-InputDropdown_button-phone-code_reverse-icon svg {\r\n transform: rotate(180deg);\r\n}\r\n\n.KUI-Checkbox {\n opacity: 0;\n position: absolute;\n top: 0;\n left: 0;\n width: 16px;\n height: 16px;\n cursor: pointer;\n}\n\n.KUI-Checkbox_label {\n display: inline-flex;\n align-items: center;\n cursor: pointer;\n position: relative;\n}\n\n.KUI-Checkbox_custom {\n border-radius: 6px;\n padding: 1px;\n width: 20px;\n height: 20px;\n box-sizing: border-box;\n border: 1px solid var(--grey_15);\n transition: all linear .3s;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\n.KUI-Checkbox_custom::before {\n content: \"\";\n display: block;\n width: 16px;\n height: 16px;\n border-radius: 4px;\n background-color: var(--grey_0);\n transition: all linear .2s;\n}\n\n.KUI-Checkbox_label:hover .KUI-Checkbox:not(:disabled):not(:checked) + .KUI-Checkbox_custom {\n border-color: var(--brand_main);\n}\n\n.KUI-Checkbox_label:hover .KUI-Checkbox:not(:disabled):checked + .KUI-Checkbox_custom {\n border-color: var(--brand_light);\n}\n\n.KUI-Checkbox:checked + .KUI-Checkbox_custom::before {\n background-color: var(--brand_main);\n background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"%3E%3Cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12 5c-.28 0-.53.11-.71.29L7 9.59l-2.29-2.3a1.003 1.003 0 00-1.42 1.42l3 3c.18.18.43.29.71.29s.53-.11.71-.29l5-5A1.003 1.003 0 0012 5z\" fill=\"%23fff\"/%3E%3C/svg%3E');\n}\n\n.KUI-Checkbox:focus + .KUI-Checkbox_custom {\n border-color: var(--brand_main);\n}\n\n.KUI-Checkbox:disabled + .KUI-Checkbox_custom {\n background-color: var(--background_light2);\n border-color: var(--background_light2);\n}\n\n.KUI-Checkbox:disabled + .KUI-Checkbox_custom::before {\n background-color: var(--background_light2);\n}\n\n.KUI-Checkbox:disabled:checked + .KUI-Checkbox_custom::before {\n background-color: var(--grey_15);\n}\n\n.KUI-Label_checkbox {\n margin-left: 14px;\n}\n\n.KUI-Checkbox_error {\n border-color: var(--red_50);\n}\n\n.KUI-Modal_container {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100vw;\r\n height: 100vh;\r\n background: rgba(0, 0, 0, 0.5);\r\n backdrop-filter: blur(4px);\r\n z-index: 1500;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n transition: all linear .2s;\r\n}\r\n.body {\r\n overflow: hidden;\r\n padding-right: 17px;\r\n}\r\n.KUI-Modal {\r\n border-radius: 16px;\r\n overflow: auto;\r\n box-shadow: 0px 11px 15px -7px rgb(0 0 0 / 20%), 0px 24px 38px 3px rgb(0 0 0 / 14%), 0px 9px 46px 8px rgb(0 0 0 / 12%);\r\n -ms-overflow-style: none;\r\n scrollbar-width: none;\r\n overflow-y: scroll;\r\n background-color: var(--grey_0);\r\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\r\n max-height: 720px;\r\n}\r\n\r\n.KUI-Modal::-webkit-scrollbar {\r\n width: 0;\r\n}\r\n\r\n.KUI-Modal_small {\r\n width: 480px;\r\n}\r\n\r\n.KUI-Modal_large {\r\n width: 720px;\r\n}\r\n\r\n@media (max-width: 720px) {\r\n .KUI-Modal {\r\n max-height: 90vh;\r\n }\r\n}\r\n\r\n@media (max-width: 601px) {\r\n .KUI-Modal {\r\n position: absolute;\r\n bottom: 0;\r\n width: 100vw;\r\n border-radius: 16px 16px 0 0;\r\n }\r\n}\r\n\r\n.KUI-Modal_open {\r\n display: block;\r\n}\r\n\r\n.KUI-Modal_close {\r\n display: none;\r\n}\r\n\r\n.KUI-Modal_header {\r\n position: sticky;\r\n top: 0;\r\n background: var(--grey_0);\r\n z-index: 5;\r\n}\r\n\r\n.KUI-Modal_title {\r\n padding: 24px 40px 16px;\r\n}\r\n\r\n@media (max-width: 661px) {\r\n .KUI-Modal_title {\r\n padding: 24px 24px 16px;\r\n }\r\n}\r\n\r\n.KUI-Modal_close-button {\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n cursor: pointer;\r\n padding: 16px;\r\n z-index: 5;\r\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\r\n}\r\n\r\n.KUI-Modal_content {\r\n padding: 0 16px 24px;\r\n}\r\n\r\n@media (max-width: 661px) {\r\n .KUI-Modal_content {\r\n padding: 0;\r\n }\r\n}\r\n\n.KUI-Switch {\n opacity: 0;\n position: absolute;\n z-index: -1;\n}\n\n.KUI-Switch_label {\n display: inline-flex;\n align-items: center;\n cursor: pointer;\n}\n\n.KUI-Switch_custom {\n background: #C9CED6;\n border-radius: 24px;\n padding: 3px;\n box-sizing: border-box;\n transition: all ease-out .2s;\n display: flex;\n border: 1px solid transparent;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\n.KUI-Switch_custom::before {\n content: \"\";\n background: var(--grey_0);\n border-radius: 50%;\n height: 100%;\n transition: all ease-out .3s;\n margin-left: 0;\n}\n\n.KUI-Switch_s {\n width: 40px;\n height: 22px;\n}\n\n.KUI-Switch_s::before {\n width: 14px;\n}\n\n.KUI-Switch_m {\n width: 36px;\n height: 26px;\n}\n\n.KUI-Switch_m::before {\n width: 18px;\n}\n\n.KUI-Switch_l {\n width: 56px;\n height: 34px;\n}\n\n.KUI-Switch_l::before {\n width: 26px;\n}\n\n.KUI-Switch:checked + .KUI-Switch_custom {\n background-color: var(--brand_main);\n /*justify-content: flex-end;*/\n}\n\n.KUI-Switch:checked + .KUI-Switch_s::before {\n margin-left: calc(100% - 14px);\n}\n\n.KUI-Switch:checked + .KUI-Switch_m::before {\n margin-left: calc(100% - 18px);\n}\n\n.KUI-Switch:checked + .KUI-Switch_l::before {\n margin-left: calc(100% - 26px);\n}\n\n.KUI-Switch:disabled + .KUI-Switch_custom {\n background-color: var(--grey_0);\n border-color: var(--grey_15);\n}\n\n.KUI-Switch:disabled + .KUI-Switch_custom::before {\n background-color: var(--grey_15);\n}\n\n.KUI-Label_switch {\n margin-left: 14px;\n}\n\n.KUI-Switch_error {\n border-color: var(--red_50);\n background-color: var(--red_5);\n}\n\n.KUI-Radio {\r\n opacity: 0;\r\n position: absolute;\r\n z-index: -1;\r\n}\r\n\r\n.KUI-Radio_label {\r\n display: flex;\r\n align-items: center;\r\n cursor: pointer;\r\n}\r\n\r\n.KUI-Radio_custom {\r\n border-radius: 50%;\r\n padding: 1px;\r\n width: 20px;\r\n height: 20px;\r\n box-sizing: border-box;\r\n border: 1px solid var(--grey_15);\r\n transition: all linear .3s;\r\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\r\n}\r\n\r\n.KUI-Radio_custom::before {\r\n content: \"\";\r\n display: block;\r\n width: 16px;\r\n height: 16px;\r\n border-radius: 50%;\r\n background-color: var(--grey_0);\r\n transition: all linear .2s;\r\n}\r\n\r\n.KUI-Radio_label:hover .KUI-Radio:not(:disabled):not(:checked) + .KUI-Radio_custom {\r\n border-color: var(--brand_main);\r\n}\r\n\r\n.KUI-Radio_label:hover .KUI-Radio:not(:disabled):checked + .KUI-Radio_custom {\r\n border-color: var(--brand_light);\r\n}\r\n\r\n.KUI-Radio:checked + .KUI-Radio_custom::before {\r\n background-color: var(--brand_main);\r\n background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"%3E%3Cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12 5c-.28 0-.53.11-.71.29L7 9.59l-2.29-2.3a1.003 1.003 0 00-1.42 1.42l3 3c.18.18.43.29.71.29s.53-.11.71-.29l5-5A1.003 1.003 0 0012 5z\" fill=\"%23fff\"/%3E%3C/svg%3E');\r\n}\r\n\r\n.KUI-Radio:disabled + .KUI-Radio_custom {\r\n background-color: var(--background_light2);\r\n border-color: var(--background_light2);\r\n}\r\n\r\n.KUI-Radio:disabled + .KUI-Radio_custom::before {\r\n background-color: var(--background_light2);\r\n}\r\n\r\n.KUI-Radio:disabled:checked + .KUI-Radio_custom::before {\r\n background-color: var(--grey_15);\r\n}\r\n\r\n.KUI-Label_radio {\r\n margin-left: 14px;\r\n}\r\n\n.KUI-InputFile_wrapper {\r\n background-color: var(--grey_0);\r\n border: 1px solid var(--grey_15);\r\n height: 56px;\r\n box-sizing: border-box;\r\n border-radius: 8px;\r\n padding: 0 16px;\r\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\r\n}\r\n\r\n.KUI-InputFile {\r\n display: none;\r\n}\r\n\r\n.KUI-InputFile_label {\r\n display: flex;\r\n cursor: pointer;\r\n justify-content: space-between;\r\n align-items: center;\r\n height: 100%;\r\n}\r\n\r\n.KUI-InputFile_title {\r\n color: var(--grey_50)\r\n}\r\n\r\n.KUI-InputFile_value {\r\n color: var(--grey_70);\r\n font-weight: 500;\r\n}\r\n\n.KUI-Divider {\r\n height: 1px;\r\n border: none;\r\n background-color: var(--grey_15);\r\n margin: 0;\r\n}\r\n\n.KUI-Container {\r\n margin: 0 auto;\r\n box-sizing: border-box;\r\n padding: 0 16px;\r\n width: 100%;\r\n}\r\n\r\n@media (min-width: 1280px) {\r\n .KUI-Container {\r\n max-width: 1280px;\r\n }\r\n}\r\n\r\n@media (min-width: 600px) {\r\n .KUI-Container {\r\n padding: 0 24px;\r\n }\r\n}\r\n\n/* CONTAINER STYLES */\n\n.KUI-Grid_Container {\n display: flex;\n flex-wrap: wrap;\n box-sizing: border-box;\n}\n\n/* ITEM STYLES */\n\n.KUI-Grid_Item {\n margin: 0;\n box-sizing: border-box;\n}\n\n/* JUSTIFY STYLES */\n\n.KUI-Grid_justify_center {\n justify-content: center;\n}\n\n.KUI-Grid_justify_flex-start {\n justify-content: flex-start;\n}\n\n.KUI-Grid_justify_flex-end {\n justify-content: flex-end;\n}\n\n.KUI-Grid_justify_space-between {\n justify-content: space-between;\n}\n\n/* ALIGN ITEMS STYLES */\n\n.KUI-Grid_alignItems_center {\n align-items: center;\n}\n\n.KUI-Grid_alignItems_flex-start {\n align-items: flex-start;\n}\n\n.KUI-Grid_alignItems_flex-end {\n align-items: flex-end;\n}\n\n/* ALIGN CONTENT STYLES */\n\n.KUI-Grid_alignContent_center {\n align-content: center;\n}\n\n.KUI-Grid_alignContent_flex-start {\n align-content: flex-start;\n}\n\n.KUI-Grid_alignContent_flex-end {\n align-content: flex-end;\n}\n\n/* DIRECTIONS STYLES */\n\n.KUI-Grid_direction_column {\n flex-direction: column;\n}\n\n.KUI-Grid_direction_row {\n flex-direction: row;\n}\n\n/* SPACING STYLES */\n\n.KUI-Grid_spacing_1 {\n width: calc(100% + (var(--spacing) * 1px));\n margin: calc(0px - ((var(--spacing) * 1px)/2));\n}\n\n.KUI-Grid_spacing_1 > .KUI-Grid_Item {\n padding: calc((var(--spacing) * 1px)/2);\n}\n\n.KUI-Grid_spacing_2 {\n width: calc(100% + (var(--spacing) * 2px));\n margin: calc(0px - ((var(--spacing) * 2px)/2));\n}\n\n.KUI-Grid_spacing_2 > .KUI-Grid_Item {\n padding: calc((var(--spacing) * 2px)/2);\n}\n\n.KUI-Grid_spacing_3 {\n width: calc(100% + (var(--spacing) * 3px));\n margin: calc(0px - ((var(--spacing) * 3px)/2));\n}\n\n.KUI-Grid_spacing_3 > .KUI-Grid_Item {\n padding: calc((var(--spacing) * 3px)/2);\n}\n\n.KUI-Grid_spacing_4 {\n width: calc(100% + (var(--spacing) * 4px));\n margin: calc(0px - ((var(--spacing) * 4px)/2));\n}\n\n.KUI-Grid_spacing_4 > .KUI-Grid_Item {\n padding: calc((var(--spacing) * 4px)/2);\n}\n\n.KUI-Grid_spacing_5 {\n width: calc(100% + (var(--spacing) * 5px));\n margin: calc(0px - ((var(--spacing) * 5px)/2));\n}\n\n.KUI-Grid_spacing_5 > .KUI-Grid_Item {\n padding: calc((var(--spacing) * 5px)/2);\n}\n\n.KUI-Grid_spacing_6 {\n width: calc(100% + (var(--spacing) * 6px));\n margin: calc(0px - ((var(--spacing) * 6px)/2));\n}\n\n.KUI-Grid_spacing_6 > .KUI-Grid_Item {\n padding: calc((var(--spacing) * 6px)/2);\n}\n\n.KUI-Grid_spacing_7 {\n width: calc(100% + (var(--spacing) * 7px));\n margin: calc(0px - ((var(--spacing) * 7px)/2));\n}\n\n.KUI-Grid_spacing_7 > .KUI-Grid_Item {\n padding: calc((var(--spacing) * 7px)/2);\n}\n\n.KUI-Grid_spacing_8 {\n width: calc(100% + (var(--spacing) * 8px));\n margin: calc(0px - ((var(--spacing) * 8px)/2));\n}\n\n.KUI-Grid_spacing_8 > .KUI-Grid_Item {\n padding: calc((var(--spacing) * 8px)/2);\n}\n\n.KUI-Grid_spacing_9 {\n width: calc(100% + (var(--spacing) * 9px));\n margin: calc(0px - ((var(--spacing) * 9px)/2));\n}\n\n.KUI-Grid_spacing_9 > .KUI-Grid_Item {\n padding: calc((var(--spacing) * 9px)/2);\n}\n\n.KUI-Grid_spacing_10 {\n width: calc(100% + (var(--spacing) * 10px));\n margin: calc(0px - ((var(--spacing) * 10px)/2));\n}\n\n.KUI-Grid_spacing_10 > .KUI-Grid_Item {\n padding: calc((var(--spacing) * 10px)/2);\n}\n\n.KUI-Grid_spacing_11 {\n width: calc(100% + (var(--spacing) * 11px));\n margin: calc(0px - ((var(--spacing) * 11px)/2));\n}\n\n.KUI-Grid_spacing_11 > .KUI-Grid_Item {\n padding: calc((var(--spacing) * 11px)/2);\n}\n\n.KUI-Grid_spacing_12 {\n width: calc(100% + (var(--spacing) * 12px));\n margin: calc(0px - ((var(--spacing) * 12px)/2));\n}\n\n.KUI-Grid_spacing_12 > .KUI-Grid_Item {\n padding: calc((var(--spacing) * 12px)/2);\n}\n\n/* XS SIZE STYLES */\n\n@media (min-width: 0px) {\n .KUI-Grid_xs_1 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 1));\n flex-basis: calc(100% / (var(--size) / 1));\n }\n\n .KUI-Grid_xs_2 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 2));\n flex-basis: calc(100% / (var(--size) / 2));\n }\n\n .KUI-Grid_xs_3 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 3));\n flex-basis: calc(100% / (var(--size) / 3));\n }\n\n .KUI-Grid_xs_4 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 4));\n flex-basis: calc(100% / (var(--size) / 4));\n }\n\n .KUI-Grid_xs_5 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 5));\n flex-basis: calc(100% / (var(--size) / 5));\n }\n\n .KUI-Grid_xs_6 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 6));\n flex-basis: calc(100% / (var(--size) / 6));\n }\n\n .KUI-Grid_xs_7 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 7));\n flex-basis: calc(100% / (var(--size) / 7));\n }\n\n .KUI-Grid_xs_8 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 8));\n flex-basis: calc(100% / (var(--size) / 8));\n }\n\n .KUI-Grid_xs_9 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 9));\n flex-basis: calc(100% / (var(--size) / 9));\n }\n\n .KUI-Grid_xs_10 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 10));\n flex-basis: calc(100% / (var(--size) / 10));\n }\n\n .KUI-Grid_xs_11 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 11));\n flex-basis: calc(100% / (var(--size) / 11));\n }\n\n .KUI-Grid_xs_12 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 12));\n flex-basis: calc(100% / (var(--size) / 12));\n }\n}\n\n/* SM SIZE STYLES */\n\n@media (min-width: 601px) {\n .KUI-Grid_sm_1 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 1));\n flex-basis: calc(100% / (var(--size) / 1));\n }\n\n .KUI-Grid_sm_2 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 2));\n flex-basis: calc(100% / (var(--size) / 2));\n }\n\n .KUI-Grid_sm_3 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 3));\n flex-basis: calc(100% / (var(--size) / 3));\n }\n\n .KUI-Grid_sm_4 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 4));\n flex-basis: calc(100% / (var(--size) / 4));\n }\n\n .KUI-Grid_sm_5 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 5));\n flex-basis: calc(100% / (var(--size) / 5));\n }\n\n .KUI-Grid_sm_6 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 6));\n flex-basis: calc(100% / (var(--size) / 6));\n }\n\n .KUI-Grid_sm_7 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 7));\n flex-basis: calc(100% / (var(--size) / 7));\n }\n\n .KUI-Grid_sm_8 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 8));\n flex-basis: calc(100% / (var(--size) / 8));\n }\n\n .KUI-Grid_sm_9 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 9));\n flex-basis: calc(100% / (var(--size) / 9));\n }\n\n .KUI-Grid_sm_10 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 10));\n flex-basis: calc(100% / (var(--size) / 10));\n }\n\n .KUI-Grid_sm_11 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 11));\n flex-basis: calc(100% / (var(--size) / 11));\n }\n\n .KUI-Grid_sm_12 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 12));\n flex-basis: calc(100% / (var(--size) / 12));\n }\n}\n\n/* MD SIZE STYLES */\n\n@media (min-width: 901px) {\n .KUI-Grid_md_1 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 1));\n flex-basis: calc(100% / (var(--size) / 1));\n }\n\n .KUI-Grid_md_2 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 2));\n flex-basis: calc(100% / (var(--size) / 2));\n }\n\n .KUI-Grid_md_3 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 3));\n flex-basis: calc(100% / (var(--size) / 3));\n }\n\n .KUI-Grid_md_4 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 4));\n flex-basis: calc(100% / (var(--size) / 4));\n }\n\n .KUI-Grid_md_5 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 5));\n flex-basis: calc(100% / (var(--size) / 5));\n }\n\n .KUI-Grid_md_6 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 6));\n flex-basis: calc(100% / (var(--size) / 6));\n }\n\n .KUI-Grid_md_7 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 7));\n flex-basis: calc(100% / (var(--size) / 7));\n }\n\n .KUI-Grid_md_8 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 8));\n flex-basis: calc(100% / (var(--size) / 8));\n }\n\n .KUI-Grid_md_9 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 9));\n flex-basis: calc(100% / (var(--size) / 9));\n }\n\n .KUI-Grid_md_10 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 10));\n flex-basis: calc(100% / (var(--size) / 10));\n }\n\n .KUI-Grid_md_11 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 11));\n flex-basis: calc(100% / (var(--size) / 11));\n }\n\n .KUI-Grid_md_12 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 12));\n flex-basis: calc(100% / (var(--size) / 12));\n }\n}\n\n/* LG SIZE STYLES */\n\n@media (min-width: 1201px) {\n .KUI-Grid_lg_1 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 1));\n flex-basis: calc(100% / (var(--size) / 1));\n }\n\n .KUI-Grid_lg_2 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 2));\n flex-basis: calc(100% / (var(--size) / 2));\n }\n\n .KUI-Grid_lg_3 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 3));\n flex-basis: calc(100% / (var(--size) / 3));\n }\n\n .KUI-Grid_lg_4 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 4));\n flex-basis: calc(100% / (var(--size) / 4));\n }\n\n .KUI-Grid_lg_5 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 5));\n flex-basis: calc(100% / (var(--size) / 5));\n }\n\n .KUI-Grid_lg_6 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 6));\n flex-basis: calc(100% / (var(--size) / 6));\n }\n\n .KUI-Grid_lg_7 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 7));\n flex-basis: calc(100% / (var(--size) / 7));\n }\n\n .KUI-Grid_lg_8 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 8));\n flex-basis: calc(100% / (var(--size) / 8));\n }\n\n .KUI-Grid_lg_9 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 9));\n flex-basis: calc(100% / (var(--size) / 9));\n }\n\n .KUI-Grid_lg_10 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 10));\n flex-basis: calc(100% / (var(--size) / 10));\n }\n\n .KUI-Grid_lg_11 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 11));\n flex-basis: calc(100% / (var(--size) / 11));\n }\n\n .KUI-Grid_lg_12 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 12));\n flex-basis: calc(100% / (var(--size) / 12));\n }\n}\n\n/* XL SIZE STYLES */\n\n@media (min-width: 1536px) {\n .KUI-Grid_xl_1 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 1));\n flex-basis: calc(100% / (var(--size) / 1));\n }\n\n .KUI-Grid_xl_2 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 2));\n flex-basis: calc(100% / (var(--size) / 2));\n }\n\n .KUI-Grid_xl_3 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 3));\n flex-basis: calc(100% / (var(--size) / 3));\n }\n\n .KUI-Grid_xl_4 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 4));\n flex-basis: calc(100% / (var(--size) / 4));\n }\n\n .KUI-Grid_xl_5 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 5));\n flex-basis: calc(100% / (var(--size) / 5));\n }\n\n .KUI-Grid_xl_6 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 6));\n flex-basis: calc(100% / (var(--size) / 6));\n }\n\n .KUI-Grid_xl_7 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 7));\n flex-basis: calc(100% / (var(--size) / 7));\n }\n\n .KUI-Grid_xl_8 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 8));\n flex-basis: calc(100% / (var(--size) / 8));\n }\n\n .KUI-Grid_xl_9 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 9));\n flex-basis: calc(100% / (var(--size) / 9));\n }\n\n .KUI-Grid_xl_10 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 10));\n flex-basis: calc(100% / (var(--size) / 10));\n }\n\n .KUI-Grid_xl_11 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 11));\n flex-basis: calc(100% / (var(--size) / 11));\n }\n\n .KUI-Grid_xl_12 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 12));\n flex-basis: calc(100% / (var(--size) / 12));\n }\n}\n\n/* MARGIN */\r\n\r\n/* MARGIN TOP */\r\n\r\n.KUI-Box_mt_1 {\r\n margin-top: calc(var(--spacing) * 1px);\r\n}\r\n.KUI-Box_mt_2 {\r\n margin-top: calc(var(--spacing) * 2px);\r\n}\r\n.KUI-Box_mt_3 {\r\n margin-top: calc(var(--spacing) * 3px);\r\n}\r\n.KUI-Box_mt_4 {\r\n margin-top: calc(var(--spacing) * 4px);\r\n}\r\n.KUI-Box_mt_5 {\r\n margin-top: calc(var(--spacing) * 5px);\r\n}\r\n.KUI-Box_mt_6 {\r\n margin-top: calc(var(--spacing) * 6px);\r\n}\r\n.KUI-Box_mt_7 {\r\n margin-top: calc(var(--spacing) * 7px);\r\n}\r\n.KUI-Box_mt_8 {\r\n margin-top: calc(var(--spacing) * 8px);\r\n}\r\n.KUI-Box_mt_9 {\r\n margin-top: calc(var(--spacing) * 9px);\r\n}\r\n.KUI-Box_mt_10 {\r\n margin-top: calc(var(--spacing) * 10px);\r\n}\r\n.KUI-Box_mt_11 {\r\n margin-top: calc(var(--spacing) * 11px);\r\n}\r\n.KUI-Box_mt_12 {\r\n margin-top: calc(var(--spacing) * 12px);\r\n}\r\n\r\n/* MARGIN RIGHT */\r\n\r\n.KUI-Box_mr_1 {\r\n margin-right: calc(var(--spacing) * 1px);\r\n}\r\n.KUI-Box_mr_2 {\r\n margin-right: calc(var(--spacing) * 2px);\r\n}\r\n.KUI-Box_mr_3 {\r\n margin-right: calc(var(--spacing) * 3px);\r\n}\r\n.KUI-Box_mr_4 {\r\n margin-right: calc(var(--spacing) * 4px);\r\n}\r\n.KUI-Box_mr_5 {\r\n margin-right: calc(var(--spacing) * 5px);\r\n}\r\n.KUI-Box_mr_6 {\r\n margin-right: calc(var(--spacing) * 6px);\r\n}\r\n.KUI-Box_mr_7 {\r\n margin-right: calc(var(--spacing) * 7px);\r\n}\r\n.KUI-Box_mr_8 {\r\n margin-right: calc(var(--spacing) * 8px);\r\n}\r\n.KUI-Box_mr_9 {\r\n margin-right: calc(var(--spacing) * 9px);\r\n}\r\n.KUI-Box_mr_10 {\r\n margin-right: calc(var(--spacing) * 10px);\r\n}\r\n.KUI-Box_mr_11 {\r\n margin-right: calc(var(--spacing) * 11px);\r\n}\r\n.KUI-Box_mr_12 {\r\n margin-right: calc(var(--spacing) * 12px);\r\n}\r\n\r\n/* MARGIN LEFT */\r\n\r\n.KUI-Box_ml_1 {\r\n margin-left: calc(var(--spacing) * 1px);\r\n}\r\n.KUI-Box_ml_2 {\r\n margin-left: calc(var(--spacing) * 2px);\r\n}\r\n.KUI-Box_ml_3 {\r\n margin-left: calc(var(--spacing) * 3px);\r\n}\r\n.KUI-Box_ml_4 {\r\n margin-left: calc(var(--spacing) * 4px);\r\n}\r\n.KUI-Box_ml_5 {\r\n margin-left: calc(var(--spacing) * 5px);\r\n}\r\n.KUI-Box_ml_6 {\r\n margin-left: calc(var(--spacing) * 6px);\r\n}\r\n.KUI-Box_ml_7 {\r\n margin-left: calc(var(--spacing) * 7px);\r\n}\r\n.KUI-Box_ml_8 {\r\n margin-left: calc(var(--spacing) * 8px);\r\n}\r\n.KUI-Box_ml_9 {\r\n margin-left: calc(var(--spacing) * 9px);\r\n}\r\n.KUI-Box_ml_10 {\r\n margin-left: calc(var(--spacing) * 10px);\r\n}\r\n.KUI-Box_ml_11 {\r\n margin-left: calc(var(--spacing) * 11px);\r\n}\r\n.KUI-Box_ml_12 {\r\n margin-left: calc(var(--spacing) * 12px);\r\n}\r\n\r\n/* MARGIN BOTTOM */\r\n\r\n.KUI-Box_mb_1 {\r\n margin-bottom: calc(var(--spacing) * 1px);\r\n}\r\n.KUI-Box_mb_2 {\r\n margin-bottom: calc(var(--spacing) * 2px);\r\n}\r\n.KUI-Box_mb_3 {\r\n margin-bottom: calc(var(--spacing) * 3px);\r\n}\r\n.KUI-Box_mb_4 {\r\n margin-bottom: calc(var(--spacing) * 4px);\r\n}\r\n.KUI-Box_mb_5 {\r\n margin-bottom: calc(var(--spacing) * 5px);\r\n}\r\n.KUI-Box_mb_6 {\r\n margin-bottom: calc(var(--spacing) * 6px);\r\n}\r\n.KUI-Box_mb_7 {\r\n margin-bottom: calc(var(--spacing) * 7px);\r\n}\r\n.KUI-Box_mb_8 {\r\n margin-bottom: calc(var(--spacing) * 8px);\r\n}\r\n.KUI-Box_mb_9 {\r\n margin-bottom: calc(var(--spacing) * 9px);\r\n}\r\n.KUI-Box_mb_10 {\r\n margin-bottom: calc(var(--spacing) * 10px);\r\n}\r\n.KUI-Box_mb_11 {\r\n margin-bottom: calc(var(--spacing) * 11px);\r\n}\r\n.KUI-Box_mb_12 {\r\n margin-bottom: calc(var(--spacing) * 12px);\r\n}\r\n\r\n/* PADDING */\r\n\r\n/* PADDING TOP */\r\n\r\n.KUI-Box_pt_1 {\r\n padding-top: calc(var(--spacing) * 1px);\r\n}\r\n.KUI-Box_pt_2 {\r\n padding-top: calc(var(--spacing) * 2px);\r\n}\r\n.KUI-Box_pt_3 {\r\n padding-top: calc(var(--spacing) * 3px);\r\n}\r\n.KUI-Box_pt_4 {\r\n padding-top: calc(var(--spacing) * 4px);\r\n}\r\n.KUI-Box_pt_5 {\r\n padding-top: calc(var(--spacing) * 5px);\r\n}\r\n.KUI-Box_pt_6 {\r\n padding-top: calc(var(--spacing) * 6px);\r\n}\r\n.KUI-Box_pt_7 {\r\n padding-top: calc(var(--spacing) * 7px);\r\n}\r\n.KUI-Box_pt_8 {\r\n padding-top: calc(var(--spacing) * 8px);\r\n}\r\n.KUI-Box_pt_9 {\r\n padding-top: calc(var(--spacing) * 9px);\r\n}\r\n.KUI-Box_pt_10 {\r\n padding-top: calc(var(--spacing) * 10px);\r\n}\r\n.KUI-Box_pt_11 {\r\n padding-top: calc(var(--spacing) * 11px);\r\n}\r\n.KUI-Box_pt_12 {\r\n padding-top: calc(var(--spacing) * 12px);\r\n}\r\n\r\n/* PADDING RIGHT */\r\n\r\n.KUI-Box_pr_1 {\r\n padding-right: calc(var(--spacing) * 1px);\r\n}\r\n.KUI-Box_pr_2 {\r\n padding-right: calc(var(--spacing) * 2px);\r\n}\r\n.KUI-Box_pr_3 {\r\n padding-right: calc(var(--spacing) * 3px);\r\n}\r\n.KUI-Box_pr_4 {\r\n padding-right: calc(var(--spacing) * 4px);\r\n}\r\n.KUI-Box_pr_5 {\r\n padding-right: calc(var(--spacing) * 5px);\r\n}\r\n.KUI-Box_pr_6 {\r\n padding-right: calc(var(--spacing) * 6px);\r\n}\r\n.KUI-Box_pr_7 {\r\n padding-right: calc(var(--spacing) * 7px);\r\n}\r\n.KUI-Box_pr_8 {\r\n padding-right: calc(var(--spacing) * 8px);\r\n}\r\n.KUI-Box_pr_9 {\r\n padding-right: calc(var(--spacing) * 9px);\r\n}\r\n.KUI-Box_pr_10 {\r\n padding-right: calc(var(--spacing) * 10px);\r\n}\r\n.KUI-Box_pr_11 {\r\n padding-right: calc(var(--spacing) * 11px);\r\n}\r\n.KUI-Box_pr_12 {\r\n padding-right: calc(var(--spacing) * 12px);\r\n}\r\n\r\n/* PADDING LEFT */\r\n\r\n.KUI-Box_pl_1 {\r\n padding-left: calc(var(--spacing) * 1px);\r\n}\r\n.KUI-Box_pl_2 {\r\n padding-left: calc(var(--spacing) * 2px);\r\n}\r\n.KUI-Box_pl_3 {\r\n padding-left: calc(var(--spacing) * 3px);\r\n}\r\n.KUI-Box_pl_4 {\r\n padding-left: calc(var(--spacing) * 4px);\r\n}\r\n.KUI-Box_pl_5 {\r\n padding-left: calc(var(--spacing) * 5px);\r\n}\r\n.KUI-Box_pl_6 {\r\n padding-left: calc(var(--spacing) * 6px);\r\n}\r\n.KUI-Box_pl_7 {\r\n padding-left: calc(var(--spacing) * 7px);\r\n}\r\n.KUI-Box_pl_8 {\r\n padding-left: calc(var(--spacing) * 8px);\r\n}\r\n.KUI-Box_pl_9 {\r\n padding-left: calc(var(--spacing) * 9px);\r\n}\r\n.KUI-Box_pl_10 {\r\n padding-left: calc(var(--spacing) * 10px);\r\n}\r\n.KUI-Box_pl_11 {\r\n padding-left: calc(var(--spacing) * 11px);\r\n}\r\n.KUI-Box_pl_12 {\r\n padding-left: calc(var(--spacing) * 12px);\r\n}\r\n\r\n/* PADDING BOTTOM */\r\n\r\n.KUI-Box_pb_1 {\r\n padding-bottom: calc(var(--spacing) * 1px);\r\n}\r\n.KUI-Box_pb_2 {\r\n padding-bottom: calc(var(--spacing) * 2px);\r\n}\r\n.KUI-Box_pb_3 {\r\n padding-bottom: calc(var(--spacing) * 3px);\r\n}\r\n.KUI-Box_pb_4 {\r\n padding-bottom: calc(var(--spacing) * 4px);\r\n}\r\n.KUI-Box_pb_5 {\r\n padding-bottom: calc(var(--spacing) * 5px);\r\n}\r\n.KUI-Box_pb_6 {\r\n padding-bottom: calc(var(--spacing) * 6px);\r\n}\r\n.KUI-Box_pb_7 {\r\n padding-bottom: calc(var(--spacing) * 7px);\r\n}\r\n.KUI-Box_pb_8 {\r\n padding-bottom: calc(var(--spacing) * 8px);\r\n}\r\n.KUI-Box_pb_9 {\r\n padding-bottom: calc(var(--spacing) * 9px);\r\n}\r\n.KUI-Box_pb_10 {\r\n padding-bottom: calc(var(--spacing) * 10px);\r\n}\r\n.KUI-Box_pb_11 {\r\n padding-bottom: calc(var(--spacing) * 11px);\r\n}\r\n.KUI-Box_pb_12 {\r\n padding-bottom: calc(var(--spacing) * 12px);\r\n}\r\n\n.KUI-Accordion {\r\n cursor: pointer;\r\n -webkit-tap-highlight-color: transparent;\r\n}\r\n\r\n.KUI-Collapse {\r\n height: 0;\r\n overflow: hidden;\r\n transition: height 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\r\n}\r\n\n.KUI-Accordion_Summary {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n}\r\n\r\n.KUI-Accordion_Summary-Content {\r\n margin: 12px 0;\r\n display: flex;\r\n width: 100%;\r\n transition: margin 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\r\n}\r\n\r\n.KUI-Accordion_Summary-Icon {\r\n transform: rotate(0deg);\r\n transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\r\n}\r\n\r\n.KUI-Accordion_Summary-Icon.KUI-Accordion_expanded {\r\n transform: rotate(180deg);\r\n}\r\n\n.KUI-Skeleton {\r\n overflow: hidden;\r\n position: relative;\r\n display: block;\r\n background-color: rgba(0, 0, 0, 0.11);\r\n height: 1.2em;\r\n}\r\n\r\n.KUI-Skeleton::before {\r\n content: \"\";\r\n display: block;\r\n padding-top: 100%;\r\n}\r\n\r\n.KUI-Skeleton::after {\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n content: \"\";\r\n position: absolute;\r\n animation: KuiSkeleton-wave 1.6s linear 0.5s infinite;\r\n transform: translateX(-100%);\r\n background: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.04), transparent);\r\n}\r\n\r\n@keyframes KuiSkeleton-wave {\r\n 0% {\r\n transform: translateX(-100%);\r\n }\r\n 50% {\r\n transform: translateX(100%);\r\n }\r\n 100% {\r\n transform: translateX(100%);\r\n }\r\n}\r\n\n.KUI-AppBar {\n width: 100%;\n display: flex;\n z-index: 1100;\n box-sizing: border-box;\n flex-shrink: 0;\n background: #fff;\n}\n\n.KUI-AppBar_fixed {\n top: 0;\n left: auto;\n right: 0;\n position: fixed;\n}\n\n.KUI-ToolBar {\r\n display: flex;\r\n position: relative;\r\n align-items: center;\r\n padding: 0px;\r\n min-height: 64px;\r\n}\r\n\r\n@media (max-width: 600px) {\r\n .KUI-ToolBar {\r\n min-height: 48px;\r\n }\r\n}\r\n\n.KUI-CircularProgress {\r\n color: var(--brand_main);\r\n width: 40px;\r\n height: 40px;\r\n display: inline-block;\r\n animation: KuiCircularProgress-rotate 1.4s linear infinite;\r\n}\r\n\r\n.KUI-CircularProgress_svg {\r\n display: block;\r\n}\r\n\r\n.KUI-CircularProgress_circle {\r\n stroke: currentColor;\r\n animation: KuiCircularProgress 1.4s ease-in-out infinite;\r\n stroke-dasharray: 80px, 200px;\r\n stroke-dashoffset: 0px;\r\n}\r\n\r\n@keyframes KuiCircularProgress {\r\n 0% {\r\n stroke-dasharray: 1px, 200px;\r\n stroke-dashoffset: 0px;\r\n }\r\n 50% {\r\n stroke-dasharray: 100px, 200px;\r\n stroke-dashoffset: -15px;\r\n }\r\n 100% {\r\n stroke-dasharray: 100px, 200px;\r\n stroke-dashoffset: -125px;\r\n }\r\n}\r\n\r\n@keyframes KuiCircularProgress-rotate {\r\n 0% {\r\n transform-origin: 50% 50%;\r\n }\r\n 100% {\r\n transform: rotate(360deg);\r\n }\r\n}\r\n\n.KUI-LinearProgress {\r\n overflow: hidden;\r\n position: relative;\r\n backdrop-filter: blur(4px);\r\n background-color: rgba(255,255,255,0.55);\r\n border-radius: 66px;\r\n height: 6px;\r\n}\r\n\r\n.KUI-LinearProgress_bar {\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n bottom: 0;\r\n position: absolute;\r\n transition: transform 0.4s linear;\r\n transform-origin: left;\r\n opacity: 0.9;\r\n border-radius: 66px;\r\n background-color: white;\r\n}\r\n\n.KUI-Tabs {\n position: relative;\n}\n\n.KUI-TabList {\n overflow: hidden;\n display: flex;\n}\n\n.KUI-Tabs_indicator {\n position: absolute;\n background-color: var(--brand_main);\n transition: width 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, left 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n height: 2px;\n will-change: left;\n}\n\n.KUI-Tabs_indicator.bottom {\n bottom: 0;\n border-radius: 8px 8px 0px 0px;\n}\n\n.KUI-Tabs_indicator.top {\n top: 0;\n border-radius: 0 0 8px 8px;\n}\n\n.KUI-Tabs_hidden {\n opacity: 0;\n}\n\n.KUI-Tab {\n height: 64px;\n border: none;\n background: transparent;\n cursor: pointer;\n margin-right: 24px;\n padding: 0;\n}\n\n.KUI-Tab:last-child {\n margin-right: 0;\n}\n\n.KUI-ScrollTab {\n margin-right: 24px;\n height: 64px;\n border: none;\n background: transparent;\n cursor: pointer;\n padding: 0;\n display: flex;\n align-items: center;\n}\n\n.KUI-ScrollTab:last-child {\n margin-right: 0;\n}\n\n.KUI_fullHeight {\n height: 100%;\n}\n\n.KUI-IconButton {\n border: none;\n background: transparent;\n cursor: pointer;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n padding: 0;\n margin: 0;\n}\n\n/*# sourceMappingURL=index.es.css.map */",".KUI-Input_container {\n position: relative;\n}\n\n.KUI-Textarea_icon {\n display: block;\n width: 9px;\n height: 8px;\n position: absolute;\n right: 4px;\n bottom: calc(15% * (14 / 16) + 8px);\n pointer-events: none;\n cursor: none;\n}\n\n.KUI-Input_InputContainer {\n height: 56px;\n}\n\n.KUI-Input {\n box-sizing: border-box;\n border: 1.5px solid var(--grey_15);\n border-radius: 8px;\n background-color: var(--grey_0);\n caret-color: var(--brand_main);\n color: var(--grey_70);\n font-weight: 500;\n padding: 27px 8px 10px 17px;\n font-family: \"Inter\", sans-serif;\n -moz-appearance: textfield;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n font-size: 16px;\n transform: scale(calc(14 / 16));\n transform-origin: left top;\n width: calc(100% * (16 / 14));\n margin-right: -14%;\n height: 64px;\n}\n\n.KUI-Input:-webkit-autofill {\n box-shadow: inset 0 0 0 1000px #fff;\n}\n\n.KUI-Input::-webkit-outer-spin-button {\n -webkit-appearance: none;\n}\n\n.KUI-Input::-webkit-inner-spin-button {\n -webkit-appearance: none;\n}\n\n.KUI-Input:focus {\n outline: none;\n}\n\n.KUI-Textarea {\n resize: vertical;\n max-height: 168px;\n min-height: 64px;\n height: auto;\n}\n\n.KUI-Textarea::-webkit-resizer {\n display: none;\n}\n\n.KUI-Input_label {\n position: absolute;\n top: 19px;\n left: 16px;\n transition: top ease-out .2s, font-size ease-out .2s;\n user-select: none;\n pointer-events: none;\n}\n\n.KUI-Input:focus {\n border-color: var(--brand_main);\n}\n\n.KUI-Input:focus + .KUI-Input_label {\n font-size: 12px;\n top: 10px\n}\n\n.KUI-Input:disabled {\n background: var(--background_light1);\n}\n\n.KUI-Input_label-active {\n font-size: 12px;\n top: 10px\n}\n\n.KUI-Input_invalid {\n border-radius: 8px 8px 0px 0px;\n border-color: var(--red_50) !important;\n}\n",".KUI-InputAdornment_start-icon {\r\n position: absolute;\r\n top: 8px;\r\n left: 8px;\r\n bottom: 8px;\r\n display: flex;\r\n align-items: center;\r\n z-index: 1;\r\n}\r\n\r\n.KUI-InputAdornment_end-icon {\r\n position: absolute;\r\n top: 8px;\r\n right: 8px;\r\n bottom: 8px;\r\n display: flex;\r\n align-items: center;\r\n z-index: 1;\r\n}\r\n\r\n.KUI-InputAdornment_corner-label {\r\n align-items: flex-end;\r\n bottom: 12px;\r\n right: 12px;\r\n}\r\n",".KUI-Country {\r\n border-radius: 12px;\r\n width: 100%;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 8px 11px;\r\n cursor: pointer;\r\n box-sizing: border-box;\r\n}\r\n\r\n.KUI-Country:hover {\r\n background-color: var(--background_light2);\r\n}\r\n\r\n.KUI-Country_title {\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.KUI-Country_icon {\r\n padding-bottom: 1px;\r\n width: 28px;\r\n}\r\n\r\n.KUI-Country_paragraph {\r\n font-family: \"Inter\", sans-serif;\r\n letter-spacing: normal;\r\n margin: 0;\r\n}\r\n\r\n.KUI-Country_name {\r\n padding-top: 3px;\r\n font-size: 14px;\r\n line-height: 18px;\r\n font-weight: 600;\r\n}\r\n\r\n.KUI-Country_phone {\r\n font-size: 12px;\r\n line-height: 14px;\r\n font-weight: 500;\r\n color: var(--grey_50);\r\n}\r\n",".KUI-DropdownContainer {\r\n width: 100%;\r\n max-height: 275px;\r\n display: none;\r\n position: absolute;\r\n background-color: var(--grey_0);\r\n z-index: 100;\r\n border: 1px solid var(--grey_15);\r\n top: 64px;\r\n box-shadow: var(--shadow_4);\r\n border-radius: 8px;\r\n overflow: auto;\r\n -ms-overflow-style: none;\r\n scrollbar-width: none;\r\n overflow-y: scroll;\r\n user-select: none;\r\n}\r\n\r\n.KUI-DropdownContainer::-webkit-scrollbar {\r\n width: 0;\r\n}\r\n\r\n.KUI-Dropdown_open {\r\n display: block;\r\n}\r\n\r\n.KUI-SearchWrapper {\r\n padding: 8px;\r\n position: sticky;\r\n top: 0;\r\n background-color: var(--grey_0);\r\n border-radius: 8px;\r\n}\r\n\r\n.KUI-Search {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n height: 40px;\r\n background-color: var(--background_light2);\r\n padding: 0 12px;\r\n border-radius: 8px;\r\n}\r\n\r\n.KUI-SearchInput {\r\n border: none;\r\n width: calc(100% - 18px);\r\n background-color: transparent;\r\n height: 100%;\r\n outline: none;\r\n}\r\n\r\n.KUI-Dropdown {\r\n width: 100%;\r\n padding: 0 8px;\r\n box-sizing: border-box;\r\n}\r\n",".KUI-InputDropdown_wrapper {\r\n position: relative;\r\n}\r\n\r\n.KUI-InputDropdown_button-phone-code {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n width: 80px;\r\n height: 40px;\r\n box-sizing: border-box;\r\n background: var(--background_light2);\r\n border-radius: 8px;\r\n cursor: pointer;\r\n padding: 8px 14px 8px;\r\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\r\n user-select: none;\r\n}\r\n\r\n.KUI-InputDropdown_button-phone-code_icon {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n}\r\n\r\n.KUI-InputDropdown_button-phone-code_icon svg {\r\n transition: all linear .2s;\r\n}\r\n\r\n.KUI-InputDropdown_button-phone-code_reverse-icon svg {\r\n transform: rotate(180deg);\r\n}\r\n",".KUI-Checkbox {\n opacity: 0;\n position: absolute;\n top: 0;\n left: 0;\n width: 16px;\n height: 16px;\n cursor: pointer;\n}\n\n.KUI-Checkbox_label {\n display: inline-flex;\n align-items: center;\n cursor: pointer;\n position: relative;\n}\n\n.KUI-Checkbox_custom {\n border-radius: 6px;\n padding: 1px;\n width: 20px;\n height: 20px;\n box-sizing: border-box;\n border: 1px solid var(--grey_15);\n transition: all linear .3s;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\n.KUI-Checkbox_custom::before {\n content: \"\";\n display: block;\n width: 16px;\n height: 16px;\n border-radius: 4px;\n background-color: var(--grey_0);\n transition: all linear .2s;\n}\n\n.KUI-Checkbox_label:hover .KUI-Checkbox:not(:disabled):not(:checked) + .KUI-Checkbox_custom {\n border-color: var(--brand_main);\n}\n\n.KUI-Checkbox_label:hover .KUI-Checkbox:not(:disabled):checked + .KUI-Checkbox_custom {\n border-color: var(--brand_light);\n}\n\n.KUI-Checkbox:checked + .KUI-Checkbox_custom::before {\n background-color: var(--brand_main);\n background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"%3E%3Cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12 5c-.28 0-.53.11-.71.29L7 9.59l-2.29-2.3a1.003 1.003 0 00-1.42 1.42l3 3c.18.18.43.29.71.29s.53-.11.71-.29l5-5A1.003 1.003 0 0012 5z\" fill=\"%23fff\"/%3E%3C/svg%3E');\n}\n\n.KUI-Checkbox:focus + .KUI-Checkbox_custom {\n border-color: var(--brand_main);\n}\n\n.KUI-Checkbox:disabled + .KUI-Checkbox_custom {\n background-color: var(--background_light2);\n border-color: var(--background_light2);\n}\n\n.KUI-Checkbox:disabled + .KUI-Checkbox_custom::before {\n background-color: var(--background_light2);\n}\n\n.KUI-Checkbox:disabled:checked + .KUI-Checkbox_custom::before {\n background-color: var(--grey_15);\n}\n\n.KUI-Label_checkbox {\n margin-left: 14px;\n}\n\n.KUI-Checkbox_error {\n border-color: var(--red_50);\n}\n",".KUI-Modal_container {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100vw;\r\n height: 100vh;\r\n background: rgba(0, 0, 0, 0.5);\r\n backdrop-filter: blur(4px);\r\n z-index: 1500;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n transition: all linear .2s;\r\n}\r\n.body {\r\n overflow: hidden;\r\n padding-right: 17px;\r\n}\r\n.KUI-Modal {\r\n border-radius: 16px;\r\n overflow: auto;\r\n box-shadow: 0px 11px 15px -7px rgb(0 0 0 / 20%), 0px 24px 38px 3px rgb(0 0 0 / 14%), 0px 9px 46px 8px rgb(0 0 0 / 12%);\r\n -ms-overflow-style: none;\r\n scrollbar-width: none;\r\n overflow-y: scroll;\r\n background-color: var(--grey_0);\r\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\r\n max-height: 720px;\r\n}\r\n\r\n.KUI-Modal::-webkit-scrollbar {\r\n width: 0;\r\n}\r\n\r\n.KUI-Modal_small {\r\n width: 480px;\r\n}\r\n\r\n.KUI-Modal_large {\r\n width: 720px;\r\n}\r\n\r\n@media (max-width: 720px) {\r\n .KUI-Modal {\r\n max-height: 90vh;\r\n }\r\n}\r\n\r\n@media (max-width: 601px) {\r\n .KUI-Modal {\r\n position: absolute;\r\n bottom: 0;\r\n width: 100vw;\r\n border-radius: 16px 16px 0 0;\r\n }\r\n}\r\n\r\n.KUI-Modal_open {\r\n display: block;\r\n}\r\n\r\n.KUI-Modal_close {\r\n display: none;\r\n}\r\n\r\n.KUI-Modal_header {\r\n position: sticky;\r\n top: 0;\r\n background: var(--grey_0);\r\n z-index: 5;\r\n}\r\n\r\n.KUI-Modal_title {\r\n padding: 24px 40px 16px;\r\n}\r\n\r\n@media (max-width: 661px) {\r\n .KUI-Modal_title {\r\n padding: 24px 24px 16px;\r\n }\r\n}\r\n\r\n.KUI-Modal_close-button {\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n cursor: pointer;\r\n padding: 16px;\r\n z-index: 5;\r\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\r\n}\r\n\r\n.KUI-Modal_content {\r\n padding: 0 16px 24px;\r\n}\r\n\r\n@media (max-width: 661px) {\r\n .KUI-Modal_content {\r\n padding: 0;\r\n }\r\n}\r\n",".KUI-Switch {\n opacity: 0;\n position: absolute;\n z-index: -1;\n}\n\n.KUI-Switch_label {\n display: inline-flex;\n align-items: center;\n cursor: pointer;\n}\n\n.KUI-Switch_custom {\n background: #C9CED6;\n border-radius: 24px;\n padding: 3px;\n box-sizing: border-box;\n transition: all ease-out .2s;\n display: flex;\n border: 1px solid transparent;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\n.KUI-Switch_custom::before {\n content: \"\";\n background: var(--grey_0);\n border-radius: 50%;\n height: 100%;\n transition: all ease-out .3s;\n margin-left: 0;\n}\n\n.KUI-Switch_s {\n width: 40px;\n height: 22px;\n}\n\n.KUI-Switch_s::before {\n width: 14px;\n}\n\n.KUI-Switch_m {\n width: 36px;\n height: 26px;\n}\n\n.KUI-Switch_m::before {\n width: 18px;\n}\n\n.KUI-Switch_l {\n width: 56px;\n height: 34px;\n}\n\n.KUI-Switch_l::before {\n width: 26px;\n}\n\n.KUI-Switch:checked + .KUI-Switch_custom {\n background-color: var(--brand_main);\n /*justify-content: flex-end;*/\n}\n\n.KUI-Switch:checked + .KUI-Switch_s::before {\n margin-left: calc(100% - 14px);\n}\n\n.KUI-Switch:checked + .KUI-Switch_m::before {\n margin-left: calc(100% - 18px);\n}\n\n.KUI-Switch:checked + .KUI-Switch_l::before {\n margin-left: calc(100% - 26px);\n}\n\n.KUI-Switch:disabled + .KUI-Switch_custom {\n background-color: var(--grey_0);\n border-color: var(--grey_15);\n}\n\n.KUI-Switch:disabled + .KUI-Switch_custom::before {\n background-color: var(--grey_15);\n}\n\n.KUI-Label_switch {\n margin-left: 14px;\n}\n\n.KUI-Switch_error {\n border-color: var(--red_50);\n background-color: var(--red_5);\n}\n",".KUI-Radio {\r\n opacity: 0;\r\n position: absolute;\r\n z-index: -1;\r\n}\r\n\r\n.KUI-Radio_label {\r\n display: flex;\r\n align-items: center;\r\n cursor: pointer;\r\n}\r\n\r\n.KUI-Radio_custom {\r\n border-radius: 50%;\r\n padding: 1px;\r\n width: 20px;\r\n height: 20px;\r\n box-sizing: border-box;\r\n border: 1px solid var(--grey_15);\r\n transition: all linear .3s;\r\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\r\n}\r\n\r\n.KUI-Radio_custom::before {\r\n content: \"\";\r\n display: block;\r\n width: 16px;\r\n height: 16px;\r\n border-radius: 50%;\r\n background-color: var(--grey_0);\r\n transition: all linear .2s;\r\n}\r\n\r\n.KUI-Radio_label:hover .KUI-Radio:not(:disabled):not(:checked) + .KUI-Radio_custom {\r\n border-color: var(--brand_main);\r\n}\r\n\r\n.KUI-Radio_label:hover .KUI-Radio:not(:disabled):checked + .KUI-Radio_custom {\r\n border-color: var(--brand_light);\r\n}\r\n\r\n.KUI-Radio:checked + .KUI-Radio_custom::before {\r\n background-color: var(--brand_main);\r\n background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"%3E%3Cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12 5c-.28 0-.53.11-.71.29L7 9.59l-2.29-2.3a1.003 1.003 0 00-1.42 1.42l3 3c.18.18.43.29.71.29s.53-.11.71-.29l5-5A1.003 1.003 0 0012 5z\" fill=\"%23fff\"/%3E%3C/svg%3E');\r\n}\r\n\r\n.KUI-Radio:disabled + .KUI-Radio_custom {\r\n background-color: var(--background_light2);\r\n border-color: var(--background_light2);\r\n}\r\n\r\n.KUI-Radio:disabled + .KUI-Radio_custom::before {\r\n background-color: var(--background_light2);\r\n}\r\n\r\n.KUI-Radio:disabled:checked + .KUI-Radio_custom::before {\r\n background-color: var(--grey_15);\r\n}\r\n\r\n.KUI-Label_radio {\r\n margin-left: 14px;\r\n}\r\n",".KUI-InputFile_wrapper {\r\n background-color: var(--grey_0);\r\n border: 1px solid var(--grey_15);\r\n height: 56px;\r\n box-sizing: border-box;\r\n border-radius: 8px;\r\n padding: 0 16px;\r\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\r\n}\r\n\r\n.KUI-InputFile {\r\n display: none;\r\n}\r\n\r\n.KUI-InputFile_label {\r\n display: flex;\r\n cursor: pointer;\r\n justify-content: space-between;\r\n align-items: center;\r\n height: 100%;\r\n}\r\n\r\n.KUI-InputFile_title {\r\n color: var(--grey_50)\r\n}\r\n\r\n.KUI-InputFile_value {\r\n color: var(--grey_70);\r\n font-weight: 500;\r\n}\r\n",".KUI-Divider {\r\n height: 1px;\r\n border: none;\r\n background-color: var(--grey_15);\r\n margin: 0;\r\n}\r\n",".KUI-Container {\r\n margin: 0 auto;\r\n box-sizing: border-box;\r\n padding: 0 16px;\r\n width: 100%;\r\n}\r\n\r\n@media (min-width: 1280px) {\r\n .KUI-Container {\r\n max-width: 1280px;\r\n }\r\n}\r\n\r\n@media (min-width: 600px) {\r\n .KUI-Container {\r\n padding: 0 24px;\r\n }\r\n}\r\n","/* CONTAINER STYLES */\n\n.KUI-Grid_Container {\n display: flex;\n flex-wrap: wrap;\n box-sizing: border-box;\n}\n\n/* ITEM STYLES */\n\n.KUI-Grid_Item {\n margin: 0;\n box-sizing: border-box;\n}\n\n/* JUSTIFY STYLES */\n\n.KUI-Grid_justify_center {\n justify-content: center;\n}\n\n.KUI-Grid_justify_flex-start {\n justify-content: flex-start;\n}\n\n.KUI-Grid_justify_flex-end {\n justify-content: flex-end;\n}\n\n.KUI-Grid_justify_space-between {\n justify-content: space-between;\n}\n\n/* ALIGN ITEMS STYLES */\n\n.KUI-Grid_alignItems_center {\n align-items: center;\n}\n\n.KUI-Grid_alignItems_flex-start {\n align-items: flex-start;\n}\n\n.KUI-Grid_alignItems_flex-end {\n align-items: flex-end;\n}\n\n/* ALIGN CONTENT STYLES */\n\n.KUI-Grid_alignContent_center {\n align-content: center;\n}\n\n.KUI-Grid_alignContent_flex-start {\n align-content: flex-start;\n}\n\n.KUI-Grid_alignContent_flex-end {\n align-content: flex-end;\n}\n\n/* DIRECTIONS STYLES */\n\n.KUI-Grid_direction_column {\n flex-direction: column;\n}\n\n.KUI-Grid_direction_row {\n flex-direction: row;\n}\n\n/* SPACING STYLES */\n\n.KUI-Grid_spacing_1 {\n width: calc(100% + (var(--spacing) * 1px));\n margin: calc(0px - ((var(--spacing) * 1px)/2));\n}\n\n.KUI-Grid_spacing_1 > .KUI-Grid_Item {\n padding: calc((var(--spacing) * 1px)/2);\n}\n\n.KUI-Grid_spacing_2 {\n width: calc(100% + (var(--spacing) * 2px));\n margin: calc(0px - ((var(--spacing) * 2px)/2));\n}\n\n.KUI-Grid_spacing_2 > .KUI-Grid_Item {\n padding: calc((var(--spacing) * 2px)/2);\n}\n\n.KUI-Grid_spacing_3 {\n width: calc(100% + (var(--spacing) * 3px));\n margin: calc(0px - ((var(--spacing) * 3px)/2));\n}\n\n.KUI-Grid_spacing_3 > .KUI-Grid_Item {\n padding: calc((var(--spacing) * 3px)/2);\n}\n\n.KUI-Grid_spacing_4 {\n width: calc(100% + (var(--spacing) * 4px));\n margin: calc(0px - ((var(--spacing) * 4px)/2));\n}\n\n.KUI-Grid_spacing_4 > .KUI-Grid_Item {\n padding: calc((var(--spacing) * 4px)/2);\n}\n\n.KUI-Grid_spacing_5 {\n width: calc(100% + (var(--spacing) * 5px));\n margin: calc(0px - ((var(--spacing) * 5px)/2));\n}\n\n.KUI-Grid_spacing_5 > .KUI-Grid_Item {\n padding: calc((var(--spacing) * 5px)/2);\n}\n\n.KUI-Grid_spacing_6 {\n width: calc(100% + (var(--spacing) * 6px));\n margin: calc(0px - ((var(--spacing) * 6px)/2));\n}\n\n.KUI-Grid_spacing_6 > .KUI-Grid_Item {\n padding: calc((var(--spacing) * 6px)/2);\n}\n\n.KUI-Grid_spacing_7 {\n width: calc(100% + (var(--spacing) * 7px));\n margin: calc(0px - ((var(--spacing) * 7px)/2));\n}\n\n.KUI-Grid_spacing_7 > .KUI-Grid_Item {\n padding: calc((var(--spacing) * 7px)/2);\n}\n\n.KUI-Grid_spacing_8 {\n width: calc(100% + (var(--spacing) * 8px));\n margin: calc(0px - ((var(--spacing) * 8px)/2));\n}\n\n.KUI-Grid_spacing_8 > .KUI-Grid_Item {\n padding: calc((var(--spacing) * 8px)/2);\n}\n\n.KUI-Grid_spacing_9 {\n width: calc(100% + (var(--spacing) * 9px));\n margin: calc(0px - ((var(--spacing) * 9px)/2));\n}\n\n.KUI-Grid_spacing_9 > .KUI-Grid_Item {\n padding: calc((var(--spacing) * 9px)/2);\n}\n\n.KUI-Grid_spacing_10 {\n width: calc(100% + (var(--spacing) * 10px));\n margin: calc(0px - ((var(--spacing) * 10px)/2));\n}\n\n.KUI-Grid_spacing_10 > .KUI-Grid_Item {\n padding: calc((var(--spacing) * 10px)/2);\n}\n\n.KUI-Grid_spacing_11 {\n width: calc(100% + (var(--spacing) * 11px));\n margin: calc(0px - ((var(--spacing) * 11px)/2));\n}\n\n.KUI-Grid_spacing_11 > .KUI-Grid_Item {\n padding: calc((var(--spacing) * 11px)/2);\n}\n\n.KUI-Grid_spacing_12 {\n width: calc(100% + (var(--spacing) * 12px));\n margin: calc(0px - ((var(--spacing) * 12px)/2));\n}\n\n.KUI-Grid_spacing_12 > .KUI-Grid_Item {\n padding: calc((var(--spacing) * 12px)/2);\n}\n\n/* XS SIZE STYLES */\n\n@media (min-width: 0px) {\n .KUI-Grid_xs_1 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 1));\n flex-basis: calc(100% / (var(--size) / 1));\n }\n\n .KUI-Grid_xs_2 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 2));\n flex-basis: calc(100% / (var(--size) / 2));\n }\n\n .KUI-Grid_xs_3 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 3));\n flex-basis: calc(100% / (var(--size) / 3));\n }\n\n .KUI-Grid_xs_4 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 4));\n flex-basis: calc(100% / (var(--size) / 4));\n }\n\n .KUI-Grid_xs_5 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 5));\n flex-basis: calc(100% / (var(--size) / 5));\n }\n\n .KUI-Grid_xs_6 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 6));\n flex-basis: calc(100% / (var(--size) / 6));\n }\n\n .KUI-Grid_xs_7 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 7));\n flex-basis: calc(100% / (var(--size) / 7));\n }\n\n .KUI-Grid_xs_8 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 8));\n flex-basis: calc(100% / (var(--size) / 8));\n }\n\n .KUI-Grid_xs_9 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 9));\n flex-basis: calc(100% / (var(--size) / 9));\n }\n\n .KUI-Grid_xs_10 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 10));\n flex-basis: calc(100% / (var(--size) / 10));\n }\n\n .KUI-Grid_xs_11 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 11));\n flex-basis: calc(100% / (var(--size) / 11));\n }\n\n .KUI-Grid_xs_12 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 12));\n flex-basis: calc(100% / (var(--size) / 12));\n }\n}\n\n/* SM SIZE STYLES */\n\n@media (min-width: 601px) {\n .KUI-Grid_sm_1 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 1));\n flex-basis: calc(100% / (var(--size) / 1));\n }\n\n .KUI-Grid_sm_2 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 2));\n flex-basis: calc(100% / (var(--size) / 2));\n }\n\n .KUI-Grid_sm_3 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 3));\n flex-basis: calc(100% / (var(--size) / 3));\n }\n\n .KUI-Grid_sm_4 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 4));\n flex-basis: calc(100% / (var(--size) / 4));\n }\n\n .KUI-Grid_sm_5 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 5));\n flex-basis: calc(100% / (var(--size) / 5));\n }\n\n .KUI-Grid_sm_6 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 6));\n flex-basis: calc(100% / (var(--size) / 6));\n }\n\n .KUI-Grid_sm_7 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 7));\n flex-basis: calc(100% / (var(--size) / 7));\n }\n\n .KUI-Grid_sm_8 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 8));\n flex-basis: calc(100% / (var(--size) / 8));\n }\n\n .KUI-Grid_sm_9 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 9));\n flex-basis: calc(100% / (var(--size) / 9));\n }\n\n .KUI-Grid_sm_10 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 10));\n flex-basis: calc(100% / (var(--size) / 10));\n }\n\n .KUI-Grid_sm_11 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 11));\n flex-basis: calc(100% / (var(--size) / 11));\n }\n\n .KUI-Grid_sm_12 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 12));\n flex-basis: calc(100% / (var(--size) / 12));\n }\n}\n\n/* MD SIZE STYLES */\n\n@media (min-width: 901px) {\n .KUI-Grid_md_1 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 1));\n flex-basis: calc(100% / (var(--size) / 1));\n }\n\n .KUI-Grid_md_2 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 2));\n flex-basis: calc(100% / (var(--size) / 2));\n }\n\n .KUI-Grid_md_3 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 3));\n flex-basis: calc(100% / (var(--size) / 3));\n }\n\n .KUI-Grid_md_4 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 4));\n flex-basis: calc(100% / (var(--size) / 4));\n }\n\n .KUI-Grid_md_5 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 5));\n flex-basis: calc(100% / (var(--size) / 5));\n }\n\n .KUI-Grid_md_6 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 6));\n flex-basis: calc(100% / (var(--size) / 6));\n }\n\n .KUI-Grid_md_7 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 7));\n flex-basis: calc(100% / (var(--size) / 7));\n }\n\n .KUI-Grid_md_8 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 8));\n flex-basis: calc(100% / (var(--size) / 8));\n }\n\n .KUI-Grid_md_9 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 9));\n flex-basis: calc(100% / (var(--size) / 9));\n }\n\n .KUI-Grid_md_10 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 10));\n flex-basis: calc(100% / (var(--size) / 10));\n }\n\n .KUI-Grid_md_11 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 11));\n flex-basis: calc(100% / (var(--size) / 11));\n }\n\n .KUI-Grid_md_12 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 12));\n flex-basis: calc(100% / (var(--size) / 12));\n }\n}\n\n/* LG SIZE STYLES */\n\n@media (min-width: 1201px) {\n .KUI-Grid_lg_1 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 1));\n flex-basis: calc(100% / (var(--size) / 1));\n }\n\n .KUI-Grid_lg_2 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 2));\n flex-basis: calc(100% / (var(--size) / 2));\n }\n\n .KUI-Grid_lg_3 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 3));\n flex-basis: calc(100% / (var(--size) / 3));\n }\n\n .KUI-Grid_lg_4 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 4));\n flex-basis: calc(100% / (var(--size) / 4));\n }\n\n .KUI-Grid_lg_5 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 5));\n flex-basis: calc(100% / (var(--size) / 5));\n }\n\n .KUI-Grid_lg_6 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 6));\n flex-basis: calc(100% / (var(--size) / 6));\n }\n\n .KUI-Grid_lg_7 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 7));\n flex-basis: calc(100% / (var(--size) / 7));\n }\n\n .KUI-Grid_lg_8 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 8));\n flex-basis: calc(100% / (var(--size) / 8));\n }\n\n .KUI-Grid_lg_9 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 9));\n flex-basis: calc(100% / (var(--size) / 9));\n }\n\n .KUI-Grid_lg_10 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 10));\n flex-basis: calc(100% / (var(--size) / 10));\n }\n\n .KUI-Grid_lg_11 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 11));\n flex-basis: calc(100% / (var(--size) / 11));\n }\n\n .KUI-Grid_lg_12 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 12));\n flex-basis: calc(100% / (var(--size) / 12));\n }\n}\n\n/* XL SIZE STYLES */\n\n@media (min-width: 1536px) {\n .KUI-Grid_xl_1 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 1));\n flex-basis: calc(100% / (var(--size) / 1));\n }\n\n .KUI-Grid_xl_2 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 2));\n flex-basis: calc(100% / (var(--size) / 2));\n }\n\n .KUI-Grid_xl_3 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 3));\n flex-basis: calc(100% / (var(--size) / 3));\n }\n\n .KUI-Grid_xl_4 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 4));\n flex-basis: calc(100% / (var(--size) / 4));\n }\n\n .KUI-Grid_xl_5 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 5));\n flex-basis: calc(100% / (var(--size) / 5));\n }\n\n .KUI-Grid_xl_6 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 6));\n flex-basis: calc(100% / (var(--size) / 6));\n }\n\n .KUI-Grid_xl_7 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 7));\n flex-basis: calc(100% / (var(--size) / 7));\n }\n\n .KUI-Grid_xl_8 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 8));\n flex-basis: calc(100% / (var(--size) / 8));\n }\n\n .KUI-Grid_xl_9 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 9));\n flex-basis: calc(100% / (var(--size) / 9));\n }\n\n .KUI-Grid_xl_10 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 10));\n flex-basis: calc(100% / (var(--size) / 10));\n }\n\n .KUI-Grid_xl_11 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 11));\n flex-basis: calc(100% / (var(--size) / 11));\n }\n\n .KUI-Grid_xl_12 {\n flex-grow: 0;\n max-width: calc(100% / (var(--size) / 12));\n flex-basis: calc(100% / (var(--size) / 12));\n }\n}\n","/* MARGIN */\r\n\r\n/* MARGIN TOP */\r\n\r\n.KUI-Box_mt_1 {\r\n margin-top: calc(var(--spacing) * 1px);\r\n}\r\n.KUI-Box_mt_2 {\r\n margin-top: calc(var(--spacing) * 2px);\r\n}\r\n.KUI-Box_mt_3 {\r\n margin-top: calc(var(--spacing) * 3px);\r\n}\r\n.KUI-Box_mt_4 {\r\n margin-top: calc(var(--spacing) * 4px);\r\n}\r\n.KUI-Box_mt_5 {\r\n margin-top: calc(var(--spacing) * 5px);\r\n}\r\n.KUI-Box_mt_6 {\r\n margin-top: calc(var(--spacing) * 6px);\r\n}\r\n.KUI-Box_mt_7 {\r\n margin-top: calc(var(--spacing) * 7px);\r\n}\r\n.KUI-Box_mt_8 {\r\n margin-top: calc(var(--spacing) * 8px);\r\n}\r\n.KUI-Box_mt_9 {\r\n margin-top: calc(var(--spacing) * 9px);\r\n}\r\n.KUI-Box_mt_10 {\r\n margin-top: calc(var(--spacing) * 10px);\r\n}\r\n.KUI-Box_mt_11 {\r\n margin-top: calc(var(--spacing) * 11px);\r\n}\r\n.KUI-Box_mt_12 {\r\n margin-top: calc(var(--spacing) * 12px);\r\n}\r\n\r\n/* MARGIN RIGHT */\r\n\r\n.KUI-Box_mr_1 {\r\n margin-right: calc(var(--spacing) * 1px);\r\n}\r\n.KUI-Box_mr_2 {\r\n margin-right: calc(var(--spacing) * 2px);\r\n}\r\n.KUI-Box_mr_3 {\r\n margin-right: calc(var(--spacing) * 3px);\r\n}\r\n.KUI-Box_mr_4 {\r\n margin-right: calc(var(--spacing) * 4px);\r\n}\r\n.KUI-Box_mr_5 {\r\n margin-right: calc(var(--spacing) * 5px);\r\n}\r\n.KUI-Box_mr_6 {\r\n margin-right: calc(var(--spacing) * 6px);\r\n}\r\n.KUI-Box_mr_7 {\r\n margin-right: calc(var(--spacing) * 7px);\r\n}\r\n.KUI-Box_mr_8 {\r\n margin-right: calc(var(--spacing) * 8px);\r\n}\r\n.KUI-Box_mr_9 {\r\n margin-right: calc(var(--spacing) * 9px);\r\n}\r\n.KUI-Box_mr_10 {\r\n margin-right: calc(var(--spacing) * 10px);\r\n}\r\n.KUI-Box_mr_11 {\r\n margin-right: calc(var(--spacing) * 11px);\r\n}\r\n.KUI-Box_mr_12 {\r\n margin-right: calc(var(--spacing) * 12px);\r\n}\r\n\r\n/* MARGIN LEFT */\r\n\r\n.KUI-Box_ml_1 {\r\n margin-left: calc(var(--spacing) * 1px);\r\n}\r\n.KUI-Box_ml_2 {\r\n margin-left: calc(var(--spacing) * 2px);\r\n}\r\n.KUI-Box_ml_3 {\r\n margin-left: calc(var(--spacing) * 3px);\r\n}\r\n.KUI-Box_ml_4 {\r\n margin-left: calc(var(--spacing) * 4px);\r\n}\r\n.KUI-Box_ml_5 {\r\n margin-left: calc(var(--spacing) * 5px);\r\n}\r\n.KUI-Box_ml_6 {\r\n margin-left: calc(var(--spacing) * 6px);\r\n}\r\n.KUI-Box_ml_7 {\r\n margin-left: calc(var(--spacing) * 7px);\r\n}\r\n.KUI-Box_ml_8 {\r\n margin-left: calc(var(--spacing) * 8px);\r\n}\r\n.KUI-Box_ml_9 {\r\n margin-left: calc(var(--spacing) * 9px);\r\n}\r\n.KUI-Box_ml_10 {\r\n margin-left: calc(var(--spacing) * 10px);\r\n}\r\n.KUI-Box_ml_11 {\r\n margin-left: calc(var(--spacing) * 11px);\r\n}\r\n.KUI-Box_ml_12 {\r\n margin-left: calc(var(--spacing) * 12px);\r\n}\r\n\r\n/* MARGIN BOTTOM */\r\n\r\n.KUI-Box_mb_1 {\r\n margin-bottom: calc(var(--spacing) * 1px);\r\n}\r\n.KUI-Box_mb_2 {\r\n margin-bottom: calc(var(--spacing) * 2px);\r\n}\r\n.KUI-Box_mb_3 {\r\n margin-bottom: calc(var(--spacing) * 3px);\r\n}\r\n.KUI-Box_mb_4 {\r\n margin-bottom: calc(var(--spacing) * 4px);\r\n}\r\n.KUI-Box_mb_5 {\r\n margin-bottom: calc(var(--spacing) * 5px);\r\n}\r\n.KUI-Box_mb_6 {\r\n margin-bottom: calc(var(--spacing) * 6px);\r\n}\r\n.KUI-Box_mb_7 {\r\n margin-bottom: calc(var(--spacing) * 7px);\r\n}\r\n.KUI-Box_mb_8 {\r\n margin-bottom: calc(var(--spacing) * 8px);\r\n}\r\n.KUI-Box_mb_9 {\r\n margin-bottom: calc(var(--spacing) * 9px);\r\n}\r\n.KUI-Box_mb_10 {\r\n margin-bottom: calc(var(--spacing) * 10px);\r\n}\r\n.KUI-Box_mb_11 {\r\n margin-bottom: calc(var(--spacing) * 11px);\r\n}\r\n.KUI-Box_mb_12 {\r\n margin-bottom: calc(var(--spacing) * 12px);\r\n}\r\n\r\n/* PADDING */\r\n\r\n/* PADDING TOP */\r\n\r\n.KUI-Box_pt_1 {\r\n padding-top: calc(var(--spacing) * 1px);\r\n}\r\n.KUI-Box_pt_2 {\r\n padding-top: calc(var(--spacing) * 2px);\r\n}\r\n.KUI-Box_pt_3 {\r\n padding-top: calc(var(--spacing) * 3px);\r\n}\r\n.KUI-Box_pt_4 {\r\n padding-top: calc(var(--spacing) * 4px);\r\n}\r\n.KUI-Box_pt_5 {\r\n padding-top: calc(var(--spacing) * 5px);\r\n}\r\n.KUI-Box_pt_6 {\r\n padding-top: calc(var(--spacing) * 6px);\r\n}\r\n.KUI-Box_pt_7 {\r\n padding-top: calc(var(--spacing) * 7px);\r\n}\r\n.KUI-Box_pt_8 {\r\n padding-top: calc(var(--spacing) * 8px);\r\n}\r\n.KUI-Box_pt_9 {\r\n padding-top: calc(var(--spacing) * 9px);\r\n}\r\n.KUI-Box_pt_10 {\r\n padding-top: calc(var(--spacing) * 10px);\r\n}\r\n.KUI-Box_pt_11 {\r\n padding-top: calc(var(--spacing) * 11px);\r\n}\r\n.KUI-Box_pt_12 {\r\n padding-top: calc(var(--spacing) * 12px);\r\n}\r\n\r\n/* PADDING RIGHT */\r\n\r\n.KUI-Box_pr_1 {\r\n padding-right: calc(var(--spacing) * 1px);\r\n}\r\n.KUI-Box_pr_2 {\r\n padding-right: calc(var(--spacing) * 2px);\r\n}\r\n.KUI-Box_pr_3 {\r\n padding-right: calc(var(--spacing) * 3px);\r\n}\r\n.KUI-Box_pr_4 {\r\n padding-right: calc(var(--spacing) * 4px);\r\n}\r\n.KUI-Box_pr_5 {\r\n padding-right: calc(var(--spacing) * 5px);\r\n}\r\n.KUI-Box_pr_6 {\r\n padding-right: calc(var(--spacing) * 6px);\r\n}\r\n.KUI-Box_pr_7 {\r\n padding-right: calc(var(--spacing) * 7px);\r\n}\r\n.KUI-Box_pr_8 {\r\n padding-right: calc(var(--spacing) * 8px);\r\n}\r\n.KUI-Box_pr_9 {\r\n padding-right: calc(var(--spacing) * 9px);\r\n}\r\n.KUI-Box_pr_10 {\r\n padding-right: calc(var(--spacing) * 10px);\r\n}\r\n.KUI-Box_pr_11 {\r\n padding-right: calc(var(--spacing) * 11px);\r\n}\r\n.KUI-Box_pr_12 {\r\n padding-right: calc(var(--spacing) * 12px);\r\n}\r\n\r\n/* PADDING LEFT */\r\n\r\n.KUI-Box_pl_1 {\r\n padding-left: calc(var(--spacing) * 1px);\r\n}\r\n.KUI-Box_pl_2 {\r\n padding-left: calc(var(--spacing) * 2px);\r\n}\r\n.KUI-Box_pl_3 {\r\n padding-left: calc(var(--spacing) * 3px);\r\n}\r\n.KUI-Box_pl_4 {\r\n padding-left: calc(var(--spacing) * 4px);\r\n}\r\n.KUI-Box_pl_5 {\r\n padding-left: calc(var(--spacing) * 5px);\r\n}\r\n.KUI-Box_pl_6 {\r\n padding-left: calc(var(--spacing) * 6px);\r\n}\r\n.KUI-Box_pl_7 {\r\n padding-left: calc(var(--spacing) * 7px);\r\n}\r\n.KUI-Box_pl_8 {\r\n padding-left: calc(var(--spacing) * 8px);\r\n}\r\n.KUI-Box_pl_9 {\r\n padding-left: calc(var(--spacing) * 9px);\r\n}\r\n.KUI-Box_pl_10 {\r\n padding-left: calc(var(--spacing) * 10px);\r\n}\r\n.KUI-Box_pl_11 {\r\n padding-left: calc(var(--spacing) * 11px);\r\n}\r\n.KUI-Box_pl_12 {\r\n padding-left: calc(var(--spacing) * 12px);\r\n}\r\n\r\n/* PADDING BOTTOM */\r\n\r\n.KUI-Box_pb_1 {\r\n padding-bottom: calc(var(--spacing) * 1px);\r\n}\r\n.KUI-Box_pb_2 {\r\n padding-bottom: calc(var(--spacing) * 2px);\r\n}\r\n.KUI-Box_pb_3 {\r\n padding-bottom: calc(var(--spacing) * 3px);\r\n}\r\n.KUI-Box_pb_4 {\r\n padding-bottom: calc(var(--spacing) * 4px);\r\n}\r\n.KUI-Box_pb_5 {\r\n padding-bottom: calc(var(--spacing) * 5px);\r\n}\r\n.KUI-Box_pb_6 {\r\n padding-bottom: calc(var(--spacing) * 6px);\r\n}\r\n.KUI-Box_pb_7 {\r\n padding-bottom: calc(var(--spacing) * 7px);\r\n}\r\n.KUI-Box_pb_8 {\r\n padding-bottom: calc(var(--spacing) * 8px);\r\n}\r\n.KUI-Box_pb_9 {\r\n padding-bottom: calc(var(--spacing) * 9px);\r\n}\r\n.KUI-Box_pb_10 {\r\n padding-bottom: calc(var(--spacing) * 10px);\r\n}\r\n.KUI-Box_pb_11 {\r\n padding-bottom: calc(var(--spacing) * 11px);\r\n}\r\n.KUI-Box_pb_12 {\r\n padding-bottom: calc(var(--spacing) * 12px);\r\n}\r\n",".KUI-Accordion {\r\n cursor: pointer;\r\n -webkit-tap-highlight-color: transparent;\r\n}\r\n\r\n.KUI-Collapse {\r\n height: 0;\r\n overflow: hidden;\r\n transition: height 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\r\n}\r\n",".KUI-Accordion_Summary {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n}\r\n\r\n.KUI-Accordion_Summary-Content {\r\n margin: 12px 0;\r\n display: flex;\r\n width: 100%;\r\n transition: margin 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\r\n}\r\n\r\n.KUI-Accordion_Summary-Icon {\r\n transform: rotate(0deg);\r\n transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\r\n}\r\n\r\n.KUI-Accordion_Summary-Icon.KUI-Accordion_expanded {\r\n transform: rotate(180deg);\r\n}\r\n",".KUI-Skeleton {\r\n overflow: hidden;\r\n position: relative;\r\n display: block;\r\n background-color: rgba(0, 0, 0, 0.11);\r\n height: 1.2em;\r\n}\r\n\r\n.KUI-Skeleton::before {\r\n content: \"\";\r\n display: block;\r\n padding-top: 100%;\r\n}\r\n\r\n.KUI-Skeleton::after {\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n content: \"\";\r\n position: absolute;\r\n animation: KuiSkeleton-wave 1.6s linear 0.5s infinite;\r\n transform: translateX(-100%);\r\n background: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.04), transparent);\r\n}\r\n\r\n@keyframes KuiSkeleton-wave {\r\n 0% {\r\n transform: translateX(-100%);\r\n }\r\n 50% {\r\n transform: translateX(100%);\r\n }\r\n 100% {\r\n transform: translateX(100%);\r\n }\r\n}\r\n",".KUI-AppBar {\n width: 100%;\n display: flex;\n z-index: 1100;\n box-sizing: border-box;\n flex-shrink: 0;\n background: #fff;\n}\n\n.KUI-AppBar_fixed {\n top: 0;\n left: auto;\n right: 0;\n position: fixed;\n}\n",".KUI-ToolBar {\r\n display: flex;\r\n position: relative;\r\n align-items: center;\r\n padding: 0px;\r\n min-height: 64px;\r\n}\r\n\r\n@media (max-width: 600px) {\r\n .KUI-ToolBar {\r\n min-height: 48px;\r\n }\r\n}\r\n",".KUI-CircularProgress {\r\n color: var(--brand_main);\r\n width: 40px;\r\n height: 40px;\r\n display: inline-block;\r\n animation: KuiCircularProgress-rotate 1.4s linear infinite;\r\n}\r\n\r\n.KUI-CircularProgress_svg {\r\n display: block;\r\n}\r\n\r\n.KUI-CircularProgress_circle {\r\n stroke: currentColor;\r\n animation: KuiCircularProgress 1.4s ease-in-out infinite;\r\n stroke-dasharray: 80px, 200px;\r\n stroke-dashoffset: 0px;\r\n}\r\n\r\n@keyframes KuiCircularProgress {\r\n 0% {\r\n stroke-dasharray: 1px, 200px;\r\n stroke-dashoffset: 0px;\r\n }\r\n 50% {\r\n stroke-dasharray: 100px, 200px;\r\n stroke-dashoffset: -15px;\r\n }\r\n 100% {\r\n stroke-dasharray: 100px, 200px;\r\n stroke-dashoffset: -125px;\r\n }\r\n}\r\n\r\n@keyframes KuiCircularProgress-rotate {\r\n 0% {\r\n transform-origin: 50% 50%;\r\n }\r\n 100% {\r\n transform: rotate(360deg);\r\n }\r\n}\r\n",".KUI-LinearProgress {\r\n overflow: hidden;\r\n position: relative;\r\n backdrop-filter: blur(4px);\r\n background-color: rgba(255,255,255,0.55);\r\n border-radius: 66px;\r\n height: 6px;\r\n}\r\n\r\n.KUI-LinearProgress_bar {\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n bottom: 0;\r\n position: absolute;\r\n transition: transform 0.4s linear;\r\n transform-origin: left;\r\n opacity: 0.9;\r\n border-radius: 66px;\r\n background-color: white;\r\n}\r\n",".KUI-IconButton {\n border: none;\n background: transparent;\n cursor: pointer;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n padding: 0;\n margin: 0;\n}\n"]}