kui-basic 0.0.1

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 (11) hide show
  1. package/README.md +32 -0
  2. package/dist/index.css +2 -0
  3. package/dist/index.css.map +1 -0
  4. package/dist/index.d.ts +660 -0
  5. package/dist/index.es.css +2 -0
  6. package/dist/index.es.css.map +1 -0
  7. package/dist/index.es.js +3495 -0
  8. package/dist/index.es.js.map +1 -0
  9. package/dist/index.js +3536 -0
  10. package/dist/index.js.map +1 -0
  11. package/package.json +47 -0
package/dist/index.es.css ADDED
@@ -0,0 +1,2 @@
1
+ :root{--brand_main:#ed713c;--brand_pressed:#d24c13;--brand_hover:#ea5a1d;--brand_light:#fceae2;--brand_background:#fef7f3;--grey_70:#18191f;--grey_60:#474a57;--grey_50:#7f8285;--grey_40:#949494;--grey_30:#bfbfbf;--grey_15:#eaecef;--grey_0:#fff;--background_light1:#fbfbfd;--background_light2:#f7f8f9;--background_light3:#f2f3f5;--green_70:#259e58;--green_60:#23a65a;--green_50:#27ae60;--green_10:#eafcf7;--green_5:#f0fdf9;--red_70:#d03c1a;--red_60:#da421f;--red_50:#eb4620;--red_10:#fce3de;--red_5:#fdf0ed;--blue_70:#0098b6;--blue_60:#009cbb;--blue_50:#00abcd;--blue_10:#d9f2f8;--blue_5:#e5f7fa;--purple_70:#914bd2;--purple_60:#974edb;--purple_50:#9b51e0;--purple_10:#f0e5fa;--purple_5:#f7f1fd;--shadow_1:0px 5px 16px rgba(0,0,0,.1);--shadow_2:0px 12px 16px rgba(0,0,0,.08);--shadow_3:0px 26px 34px rgba(0,0,0,.1);--shadow_4:0px 10px 20px rgba(0,0,0,.1);--xs:0px;--sm:600px;--md:900px;--lg:1200px;--xl:1536px;--spacing:8;--size:12}.KUI-Heading{font-family:Inter,sans-serif;font-weight:700;letter-spacing:normal;margin:0;text-transform:none}.KUI-Heading_hero{font-size:56px;line-height:72px}@media (max-width:960px){.KUI-Heading_hero{font-size:32px;line-height:48px}}.KUI-Heading_h1{font-size:32px;line-height:48px}@media (max-width:960px){.KUI-Heading_h1{font-size:24px;line-height:32px}}.KUI-Heading_h2{font-size:24px;line-height:32px}@media (max-width:960px){.KUI-Heading_h2{font-size:18px;line-height:24px}}.KUI-Heading_h3{font-size:18px;line-height:24px}@media (max-width:960px){.KUI-Heading_h3{font-size:16px;line-height:24px}}.KUI-Heading_h4{font-size:16px;line-height:24px}@media (max-width:960px){.KUI-Heading_h4{font-size:14px;line-height:24px}}.KUI-Heading_align-center{text-align:center}.KUI-Heading_align-right{text-align:right}.KUI-Heading_align-left{text-align:left}.KUI-Caption{font-family:Inter,sans-serif;letter-spacing:normal;margin:0;text-transform:none}.KUI-Caption_xs{font-size:12px;line-height:14px}.KUI-Caption_sm{font-size:13px;line-height:14px}.KUI-Caption_s{font-size:14px;line-height:18px}.KUI-Caption_m{font-size:16px;line-height:24px}.KUI-Caption_l{font-size:18px;line-height:28px}.KUI-Caption_align-center{text-align:center}.KUI-Caption_align-right{text-align:right}.KUI-Caption_align-left{text-align:left}.KUI-Text{font-family:Inter,sans-serif;letter-spacing:normal;margin:0;text-transform:none}.KUI-Text_xs{font-size:13px;line-height:20px}.KUI-Text_s{font-size:14px;line-height:22px}.KUI-Text_m{font-size:18px;line-height:28px}.KUI-weight_400{font-weight:400}.KUI-weight_500{font-weight:500}.KUI-weight_600{font-weight:600}.KUI-text_uppercase{text-transform:uppercase}.KUI-text_disableUserSelect{user-select:none}.KUI-color_main{color:var(--grey_70)}.KUI-color_gray60{color:var(--grey_60)}.KUI-color_gray50{color:var(--grey_50)}.KUI-color_gray40{color:var(--grey_40)}.KUI-color_white{color:var(--grey_0)}.KUI-color_brand{color:var(--brand_main)}.KUI-Button{-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:transparent;border:1px solid transparent;border-radius:66px;cursor:pointer;padding:0 16px;position:relative;text-align:center;transition:all .3s linear;width:max-content}.KUI-Button:hover{box-shadow:var(--shadow_1)}.KUI-Button svg path,.KUI-Button_text{transition:all .3s linear}.KUI-Button:disabled{background-color:var(--background_light3);cursor:default}.KUI-Button:disabled:hover{box-shadow:none}.KUI-Button:disabled:active,.KUI-Button:disabled:hover{background-color:var(--background_light3)}.KUI-Button:disabled .KUI-Button-text,.KUI-Button:disabled:active .KUI-Button-text,.KUI-Button:disabled:hover .KUI-Button-text{color:#a6aebc}.KUI-Button:disabled svg path,.KUI-Button:disabled:active svg path,.KUI-Button:disabled:hover svg path{fill:#a6aebc}.KUI-Button-xs{height:32px}.KUI-Button_is-circle.KUI-Button-xs{width:32px}.KUI-Button-s{height:40px}.KUI-Button_is-circle.KUI-Button-s{width:40px}.KUI-Button-m{height:48px}.KUI-Button_is-circle.KUI-Button-m{width:48px}.KUI-Button-l{height:56px}.KUI-Button_is-circle.KUI-Button-l{width:56px}.KUI-Button-primary{background-color:var(--brand_main)}.KUI-Button-primary .KUI-Button-text{color:var(--grey_0)}.KUI-Button-primary svg path{fill:var(--grey_0)}.KUI-Button-primary:hover{background-color:var(--brand_hover)}.KUI-Button-primary:active{background-color:var(--brand_pressed)}@media (max-width:900px){.KUI-Button-primary:active,.KUI-Button-primary:hover{background-color:var(--brand_main)}}.KUI-Button-orange{background-color:var(--brand_light)}.KUI-Button-orange .KUI-Button-text{color:var(--brand_main)}.KUI-Button-orange svg path{fill:var(--brand_main)}.KUI-Button-orange:hover{background-color:var(--brand_hover)}.KUI-Button-orange:hover .KUI-Button-text{color:var(--grey_0)}.KUI-Button-orange:hover svg path{fill:var(--grey_0)}.KUI-Button-orange:active{background-color:var(--brand_pressed)}@media (max-width:900px){.KUI-Button-orange:active,.KUI-Button-orange:hover{background-color:var(--brand_light)}.KUI-Button-orange:hover .KUI-Button-text{color:var(--brand_main)}.KUI-Button-orange:hover svg path{fill:var(--brand_main)}}.KUI-Button-white{background-color:var(--grey_0);border:1px solid var(--grey_15)}.KUI-Button-white .KUI-Button-text{color:var(--grey_70)}.KUI-Button-white svg path{fill:var(--grey_70)}.KUI-Button-white:hover{background-color:var(--background_light1)}.KUI-Button-white:active{background-color:var(--grey_15)}@media (max-width:900px){.KUI-Button-white:active,.KUI-Button-white:hover{background-color:var(--grey_0)}}.KUI-Button-whiteWithOrangeHover .KUI-Button-text{color:var(--grey_60)}.KUI-Button-whiteWithOrangeHover svg path{fill:var(--grey_60)}.KUI-Button-whiteWithOrangeHover:hover{background-color:var(--brand_light)}.KUI-Button-whiteWithOrangeHover:hover .KUI-Button-text{color:var(--brand_main)}.KUI-Button-whiteWithOrangeHover:hover svg path{fill:var(--brand_main)}.KUI-Button-whiteWithOrangeHover:active{background-color:var(--brand_light)}@media (max-width:900px){.KUI-Button-whiteWithOrangeHover:active,.KUI-Button-whiteWithOrangeHover:hover,.KUI-Button-whiteWithOrangeHover:hover .KUI-Button-text{color:var(--grey_60)}.KUI-Button-whiteWithOrangeHover:hover svg path{fill:var(--grey_60)}}.KUI-Button-blur{backdrop-filter:blur(4px);background-color:rgba(0,0,0,.6)}.KUI-Button-blur .KUI-Button-text{color:var(--grey_0)}.KUI-Button-blur svg path{fill:var(--grey_0)}.KUI-Button-blur:hover{background-color:rgba(0,0,0,.7)}.KUI-Button-blur:active{background-color:rgba(0,0,0,.8)}@media (max-width:900px){.KUI-Button-blur:active,.KUI-Button-blur:hover{background-color:rgba(0,0,0,.6)}}.KUI-Button-whiteWithGray{background-color:var(--grey_0);border:1px solid var(--background_light3)}.KUI-Button-whiteWithGray .KUI-Button-text{color:var(--grey_50)}.KUI-Button-whiteWithGray svg path{fill:var(--grey_50)}.KUI-Button-whiteWithGray:hover{background-color:var(--background_light1)}.KUI-Button-whiteWithGray:hover .KUI-Button-text{color:var(--grey_70)}.KUI-Button-whiteWithGray:hover svg path{fill:var(--grey_70)}.KUI-Button-whiteWithGray:active{background-color:var(--grey_15)}@media (max-width:900px){.KUI-Button-whiteWithGray:active,.KUI-Button-whiteWithGray:hover{background-color:var(--grey_0)}.KUI-Button-whiteWithGray:hover .KUI-Button-text{color:var(--grey_50)}.KUI-Button-whiteWithGray:hover svg path{fill:var(--grey_50)}}.KUI-Button-whiteWithBrand{background-color:var(--grey_0)}.KUI-Button-whiteWithBrand .KUI-Button-text{color:var(--brand_main)}.KUI-Button-whiteWithBrand svg path{fill:var(--brand_main)}.KUI-Button-grayLightWithBorder{background-color:var(--background_light1);border:1px solid var(--grey_15)}.KUI-Button-grayLightWithBorder .KUI-Button-text{color:var(--grey_50)}.KUI-Button-grayLightWithBorder svg path{fill:var(--grey_50)}.KUI-Button-grayLightWithBorder:hover{background-color:var(--background_light2)}.KUI-Button-grayLightWithBorder:hover .KUI-Button-text{color:var(--grey_70)}.KUI-Button-grayLightWithBorder:hover svg path{fill:var(--grey_70)}.KUI-Button-grayLightWithBorder:active{background-color:var(--grey_15)}@media (max-width:900px){.KUI-Button-grayLightWithBorder:active,.KUI-Button-grayLightWithBorder:hover{background-color:var(--background_light1)}.KUI-Button-grayLightWithBorder:hover .KUI-Button-text{color:var(--grey_50)}.KUI-Button-grayLightWithBorder:hover svg path{fill:var(--grey_50)}}.KUI-Button-grayLight{background-color:var(--background_light2)}.KUI-Button-grayLight .KUI-Button-text{color:var(--grey_50)}.KUI-Button-grayLight svg path{fill:var(--grey_50)}.KUI-Button-grayLight:hover{background-color:var(--background_light3)}.KUI-Button-grayLight:hover .KUI-Button-text{color:var(--grey_70)}.KUI-Button-grayLight:hover svg path{fill:var(--grey_70)}.KUI-Button-grayLight:active{background-color:var(--grey_15)}@media (max-width:900px){.KUI-Button-grayLight:active,.KUI-Button-grayLight:hover{background-color:var(--background_light2)}.KUI-Button-grayLight:hover .KUI-Button-text{color:var(--grey_50)}.KUI-Button-grayLight:hover svg path{fill:var(--grey_50)}}.KUI-Button-green{background-color:var(--green_50)}.KUI-Button-green .KUI-Button-text{color:var(--grey_0)}.KUI-Button-green svg path{fill:var(--grey_0)}.KUI-Button-green:hover{background-color:var(--green_60)}.KUI-Button-green:active{background-color:var(--green_70)}@media (max-width:900px){.KUI-Button-green:active,.KUI-Button-green:hover{background-color:var(--green_50)}}.KUI-Button-red{background-color:var(--red_50)}.KUI-Button-red .KUI-Button-text{color:var(--grey_0)}.KUI-Button-red svg path{fill:var(--grey_0)}.KUI-Button-red:hover{background-color:var(--red_60)}.KUI-Button-red:active{background-color:var(--red_70)}@media (max-width:900px){.KUI-Button-red:active,.KUI-Button-red:hover{background-color:var(--red_50)}}.KUI-Button-transparent{background-color:transparent}.KUI-Button-transparent:hover{box-shadow:none}.KUI-Button_full-width{width:100%}.KUI-Button_is-circle{border-radius:50%;display:inline-flex;padding:0}.KUI-Button_is-circle_container{align-items:center;display:flex;height:100%;justify-content:center;width:inherit}.KUI-Button_border-brand{border:1px solid var(--brand_main)}.KUI-Button_border-lightGray{border:1px solid var(--grey_15)}.KUI-Button_border-lightOrange{border:1px solid var(--brand_light)}.KUI-Button_icon-container{align-items:center;display:flex;justify-content:center}.KUI-Button_start-icon{display:flex;margin-right:8px}.KUI-Button_end-icon{display:flex;margin-left:8px}.KUI-InputMessage{align-items:center;border-radius:0 0 8px 8px;bottom:0;box-shadow:0 0 1px rgba(10,31,68,.08),0 3px 4px rgba(10,31,68,.1);box-sizing:border-box;display:flex;justify-content:flex-start;left:0;padding:8px 15px;position:absolute;width:100%;z-index:5}.KUI-InputMessage_error{background-color:var(--red_5)}.KUI-InputMessage_error .KUI-InputMessage_title{color:var(--red_50)}.KUI-InputMessage_warning{background-color:var(--brand_background)}.KUI-InputMessage_warning .KUI-InputMessage_title{color:var(--brand_main)}.KUI-InputMessage_success{background-color:var(--green_5)}.KUI-InputMessage_success .KUI-InputMessage_title{color:var(--green_50)}.KUI-InputMessage_icon{align-items:center;display:flex;justify-content:center}.KUI-InputMessage_title{padding-left:8px}.KUI-Input_container{position:relative}.KUI-Textarea_icon{bottom:calc(13.125% + 8px);cursor:none;display:block;height:8px;pointer-events:none;position:absolute;right:4px;width:9px}.KUI-Input_InputContainer{height:56px}.KUI-Input{-webkit-tap-highlight-color:rgba(0,0,0,0);-moz-appearance:textfield;background-color:var(--grey_0);border:1.5px solid var(--grey_15);border-radius:8px;box-sizing:border-box;caret-color:var(--brand_main);color:var(--grey_70);font-family:Inter,sans-serif;font-size:16px;font-weight:500;height:64px;margin-right:-14%;padding:27px 8px 10px 17px;transform:scale(.875);transform-origin:left top;width:114.28571%}.KUI-Input:-webkit-autofill{box-shadow:inset 0 0 0 1000px #fff}.KUI-Input::-webkit-inner-spin-button,.KUI-Input::-webkit-outer-spin-button{-webkit-appearance:none}.KUI-Input:focus{outline:none}.KUI-Textarea{height:auto;max-height:168px;min-height:64px;resize:vertical}.KUI-Textarea::-webkit-resizer{display:none}.KUI-Input_label{left:16px;pointer-events:none;position:absolute;top:19px;transition:top .2s ease-out,font-size .2s ease-out;user-select:none}.KUI-Input:focus{border-color:var(--brand_main)}.KUI-Input:focus+.KUI-Input_label{font-size:12px;top:10px}.KUI-Input:disabled{background:var(--background_light1)}.KUI-Input_label-active{font-size:12px;top:10px}.KUI-Input_invalid{border-color:var(--red_50)!important;border-radius:8px 8px 0 0}.KUI-InputAdornment_start-icon{left:8px}.KUI-InputAdornment_end-icon,.KUI-InputAdornment_start-icon{align-items:center;bottom:8px;display:flex;position:absolute;top:8px;z-index:1}.KUI-InputAdornment_end-icon{right:8px}.KUI-InputAdornment_corner-label{align-items:flex-end;bottom:12px;right:12px}.KUI-Country{align-items:center;border-radius:12px;box-sizing:border-box;cursor:pointer;display:flex;justify-content:space-between;padding:8px 11px;width:100%}.KUI-Country:hover{background-color:var(--background_light2)}.KUI-Country_title{align-items:center;display:flex}.KUI-Country_icon{padding-bottom:1px;width:28px}.KUI-Country_paragraph{font-family:Inter,sans-serif;letter-spacing:normal;margin:0}.KUI-Country_name{font-size:14px;font-weight:600;line-height:18px;padding-top:3px}.KUI-Country_phone{color:var(--grey_50);font-size:12px;font-weight:500;line-height:14px}.KUI-DropdownContainer{-ms-overflow-style:none;background-color:var(--grey_0);border:1px solid var(--grey_15);border-radius:8px;box-shadow:var(--shadow_4);display:none;max-height:275px;overflow:auto;overflow-y:scroll;position:absolute;scrollbar-width:none;top:64px;user-select:none;width:100%;z-index:100}.KUI-DropdownContainer::-webkit-scrollbar{width:0}.KUI-Dropdown_open{display:block}.KUI-SearchWrapper{background-color:var(--grey_0);border-radius:8px;padding:8px;position:sticky;top:0}.KUI-Search{align-items:center;background-color:var(--background_light2);border-radius:8px;display:flex;height:40px;justify-content:space-between;padding:0 12px}.KUI-SearchInput{background-color:transparent;border:none;height:100%;outline:none;width:calc(100% - 18px)}.KUI-Dropdown{box-sizing:border-box;padding:0 8px;width:100%}.KUI-InputDropdown_wrapper{position:relative}.KUI-InputDropdown_button-phone-code{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;background:var(--background_light2);border-radius:8px;box-sizing:border-box;cursor:pointer;display:flex;height:40px;justify-content:space-between;padding:8px 14px;user-select:none;width:80px}.KUI-InputDropdown_button-phone-code_icon{align-items:center;display:flex;justify-content:center}.KUI-InputDropdown_button-phone-code_icon svg{transition:all .2s linear}.KUI-InputDropdown_button-phone-code_reverse-icon svg{transform:rotate(180deg)}.KUI-Checkbox{cursor:pointer;height:16px;left:0;opacity:0;position:absolute;top:0;width:16px}.KUI-Checkbox_label{align-items:center;cursor:pointer;display:inline-flex;position:relative}.KUI-Checkbox_custom{-webkit-tap-highlight-color:rgba(0,0,0,0);border:1px solid var(--grey_15);border-radius:6px;box-sizing:border-box;height:20px;padding:1px;transition:all .3s linear;width:20px}.KUI-Checkbox_custom:before{background-color:var(--grey_0);border-radius:4px;content:"";display:block;height:16px;transition:all .2s linear;width:16px}.KUI-Checkbox_label:hover .KUI-Checkbox:not(:disabled):not(:checked)+.KUI-Checkbox_custom{border-color:var(--brand_main)}.KUI-Checkbox_label:hover .KUI-Checkbox:not(:disabled):checked+.KUI-Checkbox_custom{border-color:var(--brand_light)}.KUI-Checkbox:checked+.KUI-Checkbox_custom:before{background-color:var(--brand_main);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 0 0-1.42 1.42l3 3c.18.18.43.29.71.29s.53-.11.71-.29l5-5A1.003 1.003 0 0 0 12 5z' fill='%23fff'/%3E%3C/svg%3E")}.KUI-Checkbox:focus+.KUI-Checkbox_custom{border-color:var(--brand_main)}.KUI-Checkbox:disabled+.KUI-Checkbox_custom{background-color:var(--background_light2);border-color:var(--background_light2)}.KUI-Checkbox:disabled+.KUI-Checkbox_custom:before{background-color:var(--background_light2)}.KUI-Checkbox:disabled:checked+.KUI-Checkbox_custom:before{background-color:var(--grey_15)}.KUI-Label_checkbox{margin-left:14px}.KUI-Checkbox_error{border-color:var(--red_50)}.KUI-Modal_container{align-items:center;backdrop-filter:blur(4px);background:rgba(0,0,0,.5);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;transition:all .2s linear;width:100vw;z-index:1500}.body{overflow:hidden;padding-right:17px}.KUI-Modal{-ms-overflow-style:none;-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:var(--grey_0);border-radius:16px;box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);max-height:720px;overflow:auto;overflow-y:scroll;scrollbar-width:none}.KUI-Modal::-webkit-scrollbar{width:0}.KUI-Modal_small{width:480px}.KUI-Modal_large{width:720px}@media (max-width:720px){.KUI-Modal{max-height:90vh}}@media (max-width:601px){.KUI-Modal{border-radius:16px 16px 0 0;bottom:0;position:absolute;width:100vw}}.KUI-Modal_open{display:block}.KUI-Modal_close{display:none}.KUI-Modal_header{background:var(--grey_0);position:sticky;top:0;z-index:5}.KUI-Modal_title{padding:24px 40px 16px}@media (max-width:661px){.KUI-Modal_title{padding:24px 24px 16px}}.KUI-Modal_close-button{-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;padding:16px;position:absolute;right:0;top:0;z-index:5}.KUI-Modal_content{padding:0 16px 24px}@media (max-width:661px){.KUI-Modal_content{padding:0}}.KUI-Switch{opacity:0;position:absolute;z-index:-1}.KUI-Switch_label{align-items:center;cursor:pointer;display:inline-flex}.KUI-Switch_custom{-webkit-tap-highlight-color:rgba(0,0,0,0);background:#c9ced6;border:1px solid transparent;border-radius:24px;box-sizing:border-box;display:flex;padding:3px;transition:all .2s ease-out}.KUI-Switch_custom:before{background:var(--grey_0);border-radius:50%;content:"";height:100%;margin-left:0;transition:all .3s ease-out}.KUI-Switch_s{height:22px;width:40px}.KUI-Switch_s:before{width:14px}.KUI-Switch_m{height:26px;width:36px}.KUI-Switch_m:before{width:18px}.KUI-Switch_l{height:34px;width:56px}.KUI-Switch_l:before{width:26px}.KUI-Switch:checked+.KUI-Switch_custom{background-color:var(--brand_main)}.KUI-Switch:checked+.KUI-Switch_s:before{margin-left:calc(100% - 14px)}.KUI-Switch:checked+.KUI-Switch_m:before{margin-left:calc(100% - 18px)}.KUI-Switch:checked+.KUI-Switch_l:before{margin-left:calc(100% - 26px)}.KUI-Switch:disabled+.KUI-Switch_custom{background-color:var(--grey_0);border-color:var(--grey_15)}.KUI-Switch:disabled+.KUI-Switch_custom:before{background-color:var(--grey_15)}.KUI-Label_switch{margin-left:14px}.KUI-Switch_error{background-color:var(--red_5);border-color:var(--red_50)}.KUI-Radio{opacity:0;position:absolute;z-index:-1}.KUI-Radio_label{align-items:center;cursor:pointer;display:flex}.KUI-Radio_custom{-webkit-tap-highlight-color:rgba(0,0,0,0);border:1px solid var(--grey_15);border-radius:50%;box-sizing:border-box;height:20px;padding:1px;transition:all .3s linear;width:20px}.KUI-Radio_custom:before{background-color:var(--grey_0);border-radius:50%;content:"";display:block;height:16px;transition:all .2s linear;width:16px}.KUI-Radio_label:hover .KUI-Radio:not(:disabled):not(:checked)+.KUI-Radio_custom{border-color:var(--brand_main)}.KUI-Radio_label:hover .KUI-Radio:not(:disabled):checked+.KUI-Radio_custom{border-color:var(--brand_light)}.KUI-Radio:checked+.KUI-Radio_custom:before{background-color:var(--brand_main);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 0 0-1.42 1.42l3 3c.18.18.43.29.71.29s.53-.11.71-.29l5-5A1.003 1.003 0 0 0 12 5z' fill='%23fff'/%3E%3C/svg%3E")}.KUI-Radio:disabled+.KUI-Radio_custom{border-color:var(--background_light2)}.KUI-Radio:disabled+.KUI-Radio_custom,.KUI-Radio:disabled+.KUI-Radio_custom:before{background-color:var(--background_light2)}.KUI-Radio:disabled:checked+.KUI-Radio_custom:before{background-color:var(--grey_15)}.KUI-Label_radio{margin-left:14px}.KUI-InputFile_wrapper{-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:var(--grey_0);border:1px solid var(--grey_15);border-radius:8px;box-sizing:border-box;height:56px;padding:0 16px}.KUI-InputFile{display:none}.KUI-InputFile_label{align-items:center;cursor:pointer;display:flex;height:100%;justify-content:space-between}.KUI-InputFile_title{color:var(--grey_50)}.KUI-InputFile_value{color:var(--grey_70);font-weight:500}.KUI-Divider{background-color:var(--grey_15);border:none;height:1px;margin:0}.KUI-Container{box-sizing:border-box;margin:0 auto;padding:0 16px;width:100%}@media (min-width:1280px){.KUI-Container{max-width:1280px}}@media (min-width:600px){.KUI-Container{padding:0 24px}}.KUI-Grid_Container{box-sizing:border-box;display:flex;flex-wrap:wrap}.KUI-Grid_Item{box-sizing:border-box;margin:0}.KUI-Grid_justify_center{justify-content:center}.KUI-Grid_justify_flex-start{justify-content:flex-start}.KUI-Grid_justify_flex-end{justify-content:flex-end}.KUI-Grid_justify_space-between{justify-content:space-between}.KUI-Grid_alignItems_center{align-items:center}.KUI-Grid_alignItems_flex-start{align-items:flex-start}.KUI-Grid_alignItems_flex-end{align-items:flex-end}.KUI-Grid_alignContent_center{align-content:center}.KUI-Grid_alignContent_flex-start{align-content:flex-start}.KUI-Grid_alignContent_flex-end{align-content:flex-end}.KUI-Grid_direction_column{flex-direction:column}.KUI-Grid_direction_row{flex-direction:row}.KUI-Grid_spacing_1{margin:calc(0px - (var(--spacing)*1px)/2);width:calc(100% + var(--spacing)*1px)}.KUI-Grid_spacing_1>.KUI-Grid_Item{padding:calc((var(--spacing)*1px)/2)}.KUI-Grid_spacing_2{margin:calc(0px - (var(--spacing)*2px)/2);width:calc(100% + var(--spacing)*2px)}.KUI-Grid_spacing_2>.KUI-Grid_Item{padding:calc((var(--spacing)*2px)/2)}.KUI-Grid_spacing_3{margin:calc(0px - (var(--spacing)*3px)/2);width:calc(100% + var(--spacing)*3px)}.KUI-Grid_spacing_3>.KUI-Grid_Item{padding:calc((var(--spacing)*3px)/2)}.KUI-Grid_spacing_4{margin:calc(0px - (var(--spacing)*4px)/2);width:calc(100% + var(--spacing)*4px)}.KUI-Grid_spacing_4>.KUI-Grid_Item{padding:calc((var(--spacing)*4px)/2)}.KUI-Grid_spacing_5{margin:calc(0px - (var(--spacing)*5px)/2);width:calc(100% + var(--spacing)*5px)}.KUI-Grid_spacing_5>.KUI-Grid_Item{padding:calc((var(--spacing)*5px)/2)}.KUI-Grid_spacing_6{margin:calc(0px - (var(--spacing)*6px)/2);width:calc(100% + var(--spacing)*6px)}.KUI-Grid_spacing_6>.KUI-Grid_Item{padding:calc((var(--spacing)*6px)/2)}.KUI-Grid_spacing_7{margin:calc(0px - (var(--spacing)*7px)/2);width:calc(100% + var(--spacing)*7px)}.KUI-Grid_spacing_7>.KUI-Grid_Item{padding:calc((var(--spacing)*7px)/2)}.KUI-Grid_spacing_8{margin:calc(0px - (var(--spacing)*8px)/2);width:calc(100% + var(--spacing)*8px)}.KUI-Grid_spacing_8>.KUI-Grid_Item{padding:calc((var(--spacing)*8px)/2)}.KUI-Grid_spacing_9{margin:calc(0px - (var(--spacing)*9px)/2);width:calc(100% + var(--spacing)*9px)}.KUI-Grid_spacing_9>.KUI-Grid_Item{padding:calc((var(--spacing)*9px)/2)}.KUI-Grid_spacing_10{margin:calc(0px - (var(--spacing)*10px)/2);width:calc(100% + var(--spacing)*10px)}.KUI-Grid_spacing_10>.KUI-Grid_Item{padding:calc((var(--spacing)*10px)/2)}.KUI-Grid_spacing_11{margin:calc(0px - (var(--spacing)*11px)/2);width:calc(100% + var(--spacing)*11px)}.KUI-Grid_spacing_11>.KUI-Grid_Item{padding:calc((var(--spacing)*11px)/2)}.KUI-Grid_spacing_12{margin:calc(0px - (var(--spacing)*12px)/2);width:calc(100% + var(--spacing)*12px)}.KUI-Grid_spacing_12>.KUI-Grid_Item{padding:calc((var(--spacing)*12px)/2)}@media (min-width:0px){.KUI-Grid_xs_1{flex-basis:calc(100%/(var(--size)/1));flex-grow:0;max-width:calc(100%/(var(--size)/1))}.KUI-Grid_xs_2{flex-basis:calc(100%/(var(--size)/2));flex-grow:0;max-width:calc(100%/(var(--size)/2))}.KUI-Grid_xs_3{flex-basis:calc(100%/(var(--size)/3));flex-grow:0;max-width:calc(100%/(var(--size)/3))}.KUI-Grid_xs_4{flex-basis:calc(100%/(var(--size)/4));flex-grow:0;max-width:calc(100%/(var(--size)/4))}.KUI-Grid_xs_5{flex-basis:calc(100%/(var(--size)/5));flex-grow:0;max-width:calc(100%/(var(--size)/5))}.KUI-Grid_xs_6{flex-basis:calc(100%/(var(--size)/6));flex-grow:0;max-width:calc(100%/(var(--size)/6))}.KUI-Grid_xs_7{flex-basis:calc(100%/(var(--size)/7));flex-grow:0;max-width:calc(100%/(var(--size)/7))}.KUI-Grid_xs_8{flex-basis:calc(100%/(var(--size)/8));flex-grow:0;max-width:calc(100%/(var(--size)/8))}.KUI-Grid_xs_9{flex-basis:calc(100%/(var(--size)/9));flex-grow:0;max-width:calc(100%/(var(--size)/9))}.KUI-Grid_xs_10{flex-basis:calc(100%/(var(--size)/10));flex-grow:0;max-width:calc(100%/(var(--size)/10))}.KUI-Grid_xs_11{flex-basis:calc(100%/(var(--size)/11));flex-grow:0;max-width:calc(100%/(var(--size)/11))}.KUI-Grid_xs_12{flex-basis:calc(100%/(var(--size)/12));flex-grow:0;max-width:calc(100%/(var(--size)/12))}}@media (min-width:601px){.KUI-Grid_sm_1{flex-basis:calc(100%/(var(--size)/1));flex-grow:0;max-width:calc(100%/(var(--size)/1))}.KUI-Grid_sm_2{flex-basis:calc(100%/(var(--size)/2));flex-grow:0;max-width:calc(100%/(var(--size)/2))}.KUI-Grid_sm_3{flex-basis:calc(100%/(var(--size)/3));flex-grow:0;max-width:calc(100%/(var(--size)/3))}.KUI-Grid_sm_4{flex-basis:calc(100%/(var(--size)/4));flex-grow:0;max-width:calc(100%/(var(--size)/4))}.KUI-Grid_sm_5{flex-basis:calc(100%/(var(--size)/5));flex-grow:0;max-width:calc(100%/(var(--size)/5))}.KUI-Grid_sm_6{flex-basis:calc(100%/(var(--size)/6));flex-grow:0;max-width:calc(100%/(var(--size)/6))}.KUI-Grid_sm_7{flex-basis:calc(100%/(var(--size)/7));flex-grow:0;max-width:calc(100%/(var(--size)/7))}.KUI-Grid_sm_8{flex-basis:calc(100%/(var(--size)/8));flex-grow:0;max-width:calc(100%/(var(--size)/8))}.KUI-Grid_sm_9{flex-basis:calc(100%/(var(--size)/9));flex-grow:0;max-width:calc(100%/(var(--size)/9))}.KUI-Grid_sm_10{flex-basis:calc(100%/(var(--size)/10));flex-grow:0;max-width:calc(100%/(var(--size)/10))}.KUI-Grid_sm_11{flex-basis:calc(100%/(var(--size)/11));flex-grow:0;max-width:calc(100%/(var(--size)/11))}.KUI-Grid_sm_12{flex-basis:calc(100%/(var(--size)/12));flex-grow:0;max-width:calc(100%/(var(--size)/12))}}@media (min-width:901px){.KUI-Grid_md_1{flex-basis:calc(100%/(var(--size)/1));flex-grow:0;max-width:calc(100%/(var(--size)/1))}.KUI-Grid_md_2{flex-basis:calc(100%/(var(--size)/2));flex-grow:0;max-width:calc(100%/(var(--size)/2))}.KUI-Grid_md_3{flex-basis:calc(100%/(var(--size)/3));flex-grow:0;max-width:calc(100%/(var(--size)/3))}.KUI-Grid_md_4{flex-basis:calc(100%/(var(--size)/4));flex-grow:0;max-width:calc(100%/(var(--size)/4))}.KUI-Grid_md_5{flex-basis:calc(100%/(var(--size)/5));flex-grow:0;max-width:calc(100%/(var(--size)/5))}.KUI-Grid_md_6{flex-basis:calc(100%/(var(--size)/6));flex-grow:0;max-width:calc(100%/(var(--size)/6))}.KUI-Grid_md_7{flex-basis:calc(100%/(var(--size)/7));flex-grow:0;max-width:calc(100%/(var(--size)/7))}.KUI-Grid_md_8{flex-basis:calc(100%/(var(--size)/8));flex-grow:0;max-width:calc(100%/(var(--size)/8))}.KUI-Grid_md_9{flex-basis:calc(100%/(var(--size)/9));flex-grow:0;max-width:calc(100%/(var(--size)/9))}.KUI-Grid_md_10{flex-basis:calc(100%/(var(--size)/10));flex-grow:0;max-width:calc(100%/(var(--size)/10))}.KUI-Grid_md_11{flex-basis:calc(100%/(var(--size)/11));flex-grow:0;max-width:calc(100%/(var(--size)/11))}.KUI-Grid_md_12{flex-basis:calc(100%/(var(--size)/12));flex-grow:0;max-width:calc(100%/(var(--size)/12))}}@media (min-width:1201px){.KUI-Grid_lg_1{flex-basis:calc(100%/(var(--size)/1));flex-grow:0;max-width:calc(100%/(var(--size)/1))}.KUI-Grid_lg_2{flex-basis:calc(100%/(var(--size)/2));flex-grow:0;max-width:calc(100%/(var(--size)/2))}.KUI-Grid_lg_3{flex-basis:calc(100%/(var(--size)/3));flex-grow:0;max-width:calc(100%/(var(--size)/3))}.KUI-Grid_lg_4{flex-basis:calc(100%/(var(--size)/4));flex-grow:0;max-width:calc(100%/(var(--size)/4))}.KUI-Grid_lg_5{flex-basis:calc(100%/(var(--size)/5));flex-grow:0;max-width:calc(100%/(var(--size)/5))}.KUI-Grid_lg_6{flex-basis:calc(100%/(var(--size)/6));flex-grow:0;max-width:calc(100%/(var(--size)/6))}.KUI-Grid_lg_7{flex-basis:calc(100%/(var(--size)/7));flex-grow:0;max-width:calc(100%/(var(--size)/7))}.KUI-Grid_lg_8{flex-basis:calc(100%/(var(--size)/8));flex-grow:0;max-width:calc(100%/(var(--size)/8))}.KUI-Grid_lg_9{flex-basis:calc(100%/(var(--size)/9));flex-grow:0;max-width:calc(100%/(var(--size)/9))}.KUI-Grid_lg_10{flex-basis:calc(100%/(var(--size)/10));flex-grow:0;max-width:calc(100%/(var(--size)/10))}.KUI-Grid_lg_11{flex-basis:calc(100%/(var(--size)/11));flex-grow:0;max-width:calc(100%/(var(--size)/11))}.KUI-Grid_lg_12{flex-basis:calc(100%/(var(--size)/12));flex-grow:0;max-width:calc(100%/(var(--size)/12))}}@media (min-width:1536px){.KUI-Grid_xl_1{flex-basis:calc(100%/(var(--size)/1));flex-grow:0;max-width:calc(100%/(var(--size)/1))}.KUI-Grid_xl_2{flex-basis:calc(100%/(var(--size)/2));flex-grow:0;max-width:calc(100%/(var(--size)/2))}.KUI-Grid_xl_3{flex-basis:calc(100%/(var(--size)/3));flex-grow:0;max-width:calc(100%/(var(--size)/3))}.KUI-Grid_xl_4{flex-basis:calc(100%/(var(--size)/4));flex-grow:0;max-width:calc(100%/(var(--size)/4))}.KUI-Grid_xl_5{flex-basis:calc(100%/(var(--size)/5));flex-grow:0;max-width:calc(100%/(var(--size)/5))}.KUI-Grid_xl_6{flex-basis:calc(100%/(var(--size)/6));flex-grow:0;max-width:calc(100%/(var(--size)/6))}.KUI-Grid_xl_7{flex-basis:calc(100%/(var(--size)/7));flex-grow:0;max-width:calc(100%/(var(--size)/7))}.KUI-Grid_xl_8{flex-basis:calc(100%/(var(--size)/8));flex-grow:0;max-width:calc(100%/(var(--size)/8))}.KUI-Grid_xl_9{flex-basis:calc(100%/(var(--size)/9));flex-grow:0;max-width:calc(100%/(var(--size)/9))}.KUI-Grid_xl_10{flex-basis:calc(100%/(var(--size)/10));flex-grow:0;max-width:calc(100%/(var(--size)/10))}.KUI-Grid_xl_11{flex-basis:calc(100%/(var(--size)/11));flex-grow:0;max-width:calc(100%/(var(--size)/11))}.KUI-Grid_xl_12{flex-basis:calc(100%/(var(--size)/12));flex-grow:0;max-width:calc(100%/(var(--size)/12))}}.KUI-Box_mt_1{margin-top:calc(var(--spacing)*1px)}.KUI-Box_mt_2{margin-top:calc(var(--spacing)*2px)}.KUI-Box_mt_3{margin-top:calc(var(--spacing)*3px)}.KUI-Box_mt_4{margin-top:calc(var(--spacing)*4px)}.KUI-Box_mt_5{margin-top:calc(var(--spacing)*5px)}.KUI-Box_mt_6{margin-top:calc(var(--spacing)*6px)}.KUI-Box_mt_7{margin-top:calc(var(--spacing)*7px)}.KUI-Box_mt_8{margin-top:calc(var(--spacing)*8px)}.KUI-Box_mt_9{margin-top:calc(var(--spacing)*9px)}.KUI-Box_mt_10{margin-top:calc(var(--spacing)*10px)}.KUI-Box_mt_11{margin-top:calc(var(--spacing)*11px)}.KUI-Box_mt_12{margin-top:calc(var(--spacing)*12px)}.KUI-Box_mr_1{margin-right:calc(var(--spacing)*1px)}.KUI-Box_mr_2{margin-right:calc(var(--spacing)*2px)}.KUI-Box_mr_3{margin-right:calc(var(--spacing)*3px)}.KUI-Box_mr_4{margin-right:calc(var(--spacing)*4px)}.KUI-Box_mr_5{margin-right:calc(var(--spacing)*5px)}.KUI-Box_mr_6{margin-right:calc(var(--spacing)*6px)}.KUI-Box_mr_7{margin-right:calc(var(--spacing)*7px)}.KUI-Box_mr_8{margin-right:calc(var(--spacing)*8px)}.KUI-Box_mr_9{margin-right:calc(var(--spacing)*9px)}.KUI-Box_mr_10{margin-right:calc(var(--spacing)*10px)}.KUI-Box_mr_11{margin-right:calc(var(--spacing)*11px)}.KUI-Box_mr_12{margin-right:calc(var(--spacing)*12px)}.KUI-Box_ml_1{margin-left:calc(var(--spacing)*1px)}.KUI-Box_ml_2{margin-left:calc(var(--spacing)*2px)}.KUI-Box_ml_3{margin-left:calc(var(--spacing)*3px)}.KUI-Box_ml_4{margin-left:calc(var(--spacing)*4px)}.KUI-Box_ml_5{margin-left:calc(var(--spacing)*5px)}.KUI-Box_ml_6{margin-left:calc(var(--spacing)*6px)}.KUI-Box_ml_7{margin-left:calc(var(--spacing)*7px)}.KUI-Box_ml_8{margin-left:calc(var(--spacing)*8px)}.KUI-Box_ml_9{margin-left:calc(var(--spacing)*9px)}.KUI-Box_ml_10{margin-left:calc(var(--spacing)*10px)}.KUI-Box_ml_11{margin-left:calc(var(--spacing)*11px)}.KUI-Box_ml_12{margin-left:calc(var(--spacing)*12px)}.KUI-Box_mb_1{margin-bottom:calc(var(--spacing)*1px)}.KUI-Box_mb_2{margin-bottom:calc(var(--spacing)*2px)}.KUI-Box_mb_3{margin-bottom:calc(var(--spacing)*3px)}.KUI-Box_mb_4{margin-bottom:calc(var(--spacing)*4px)}.KUI-Box_mb_5{margin-bottom:calc(var(--spacing)*5px)}.KUI-Box_mb_6{margin-bottom:calc(var(--spacing)*6px)}.KUI-Box_mb_7{margin-bottom:calc(var(--spacing)*7px)}.KUI-Box_mb_8{margin-bottom:calc(var(--spacing)*8px)}.KUI-Box_mb_9{margin-bottom:calc(var(--spacing)*9px)}.KUI-Box_mb_10{margin-bottom:calc(var(--spacing)*10px)}.KUI-Box_mb_11{margin-bottom:calc(var(--spacing)*11px)}.KUI-Box_mb_12{margin-bottom:calc(var(--spacing)*12px)}.KUI-Box_pt_1{padding-top:calc(var(--spacing)*1px)}.KUI-Box_pt_2{padding-top:calc(var(--spacing)*2px)}.KUI-Box_pt_3{padding-top:calc(var(--spacing)*3px)}.KUI-Box_pt_4{padding-top:calc(var(--spacing)*4px)}.KUI-Box_pt_5{padding-top:calc(var(--spacing)*5px)}.KUI-Box_pt_6{padding-top:calc(var(--spacing)*6px)}.KUI-Box_pt_7{padding-top:calc(var(--spacing)*7px)}.KUI-Box_pt_8{padding-top:calc(var(--spacing)*8px)}.KUI-Box_pt_9{padding-top:calc(var(--spacing)*9px)}.KUI-Box_pt_10{padding-top:calc(var(--spacing)*10px)}.KUI-Box_pt_11{padding-top:calc(var(--spacing)*11px)}.KUI-Box_pt_12{padding-top:calc(var(--spacing)*12px)}.KUI-Box_pr_1{padding-right:calc(var(--spacing)*1px)}.KUI-Box_pr_2{padding-right:calc(var(--spacing)*2px)}.KUI-Box_pr_3{padding-right:calc(var(--spacing)*3px)}.KUI-Box_pr_4{padding-right:calc(var(--spacing)*4px)}.KUI-Box_pr_5{padding-right:calc(var(--spacing)*5px)}.KUI-Box_pr_6{padding-right:calc(var(--spacing)*6px)}.KUI-Box_pr_7{padding-right:calc(var(--spacing)*7px)}.KUI-Box_pr_8{padding-right:calc(var(--spacing)*8px)}.KUI-Box_pr_9{padding-right:calc(var(--spacing)*9px)}.KUI-Box_pr_10{padding-right:calc(var(--spacing)*10px)}.KUI-Box_pr_11{padding-right:calc(var(--spacing)*11px)}.KUI-Box_pr_12{padding-right:calc(var(--spacing)*12px)}.KUI-Box_pl_1{padding-left:calc(var(--spacing)*1px)}.KUI-Box_pl_2{padding-left:calc(var(--spacing)*2px)}.KUI-Box_pl_3{padding-left:calc(var(--spacing)*3px)}.KUI-Box_pl_4{padding-left:calc(var(--spacing)*4px)}.KUI-Box_pl_5{padding-left:calc(var(--spacing)*5px)}.KUI-Box_pl_6{padding-left:calc(var(--spacing)*6px)}.KUI-Box_pl_7{padding-left:calc(var(--spacing)*7px)}.KUI-Box_pl_8{padding-left:calc(var(--spacing)*8px)}.KUI-Box_pl_9{padding-left:calc(var(--spacing)*9px)}.KUI-Box_pl_10{padding-left:calc(var(--spacing)*10px)}.KUI-Box_pl_11{padding-left:calc(var(--spacing)*11px)}.KUI-Box_pl_12{padding-left:calc(var(--spacing)*12px)}.KUI-Box_pb_1{padding-bottom:calc(var(--spacing)*1px)}.KUI-Box_pb_2{padding-bottom:calc(var(--spacing)*2px)}.KUI-Box_pb_3{padding-bottom:calc(var(--spacing)*3px)}.KUI-Box_pb_4{padding-bottom:calc(var(--spacing)*4px)}.KUI-Box_pb_5{padding-bottom:calc(var(--spacing)*5px)}.KUI-Box_pb_6{padding-bottom:calc(var(--spacing)*6px)}.KUI-Box_pb_7{padding-bottom:calc(var(--spacing)*7px)}.KUI-Box_pb_8{padding-bottom:calc(var(--spacing)*8px)}.KUI-Box_pb_9{padding-bottom:calc(var(--spacing)*9px)}.KUI-Box_pb_10{padding-bottom:calc(var(--spacing)*10px)}.KUI-Box_pb_11{padding-bottom:calc(var(--spacing)*11px)}.KUI-Box_pb_12{padding-bottom:calc(var(--spacing)*12px)}.KUI-Accordion{-webkit-tap-highlight-color:transparent;cursor:pointer}.KUI-Collapse{height:0;overflow:hidden;transition:height .3s cubic-bezier(.4,0,.2,1) 0ms}.KUI-Accordion_Summary{align-items:center;display:flex;justify-content:space-between}.KUI-Accordion_Summary-Content{display:flex;margin:12px 0;transition:margin .15s cubic-bezier(.4,0,.2,1) 0ms;width:100%}.KUI-Accordion_Summary-Icon{transform:rotate(0deg);transition:transform .15s cubic-bezier(.4,0,.2,1) 0ms}.KUI-Accordion_Summary-Icon.KUI-Accordion_expanded{transform:rotate(180deg)}.KUI-Skeleton{background-color:rgba(0,0,0,.11);display:block;height:1.2em;overflow:hidden;position:relative}.KUI-Skeleton:before{content:"";display:block;padding-top:100%}.KUI-Skeleton:after{animation:KuiSkeleton-wave 1.6s linear .5s infinite;background:linear-gradient(90deg,transparent,rgba(0,0,0,.04),transparent);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@keyframes KuiSkeleton-wave{0%{transform:translateX(-100%)}50%{transform:translateX(100%)}to{transform:translateX(100%)}}.KUI-AppBar{background:#fff;box-sizing:border-box;display:flex;flex-shrink:0;width:100%;z-index:1100}.KUI-AppBar_fixed{left:auto;position:fixed;right:0;top:0}.KUI-ToolBar{align-items:center;display:flex;min-height:64px;padding:0;position:relative}@media (max-width:600px){.KUI-ToolBar{min-height:48px}}.KUI-CircularProgress{animation:KuiCircularProgress-rotate 1.4s linear infinite;color:var(--brand_main);display:inline-block;height:40px;width:40px}.KUI-CircularProgress_svg{display:block}.KUI-CircularProgress_circle{stroke:currentColor;stroke-dasharray:80px,200px;stroke-dashoffset:0px;animation:KuiCircularProgress 1.4s ease-in-out infinite}@keyframes KuiCircularProgress{0%{stroke-dasharray:1px,200px;stroke-dashoffset:0px}50%{stroke-dasharray:100px,200px;stroke-dashoffset:-15px}to{stroke-dasharray:100px,200px;stroke-dashoffset:-125px}}@keyframes KuiCircularProgress-rotate{0%{transform-origin:50% 50%}to{transform:rotate(1turn)}}.KUI-LinearProgress{backdrop-filter:blur(4px);background-color:hsla(0,0%,100%,.55);border-radius:66px;height:6px;overflow:hidden;position:relative}.KUI-LinearProgress_bar{background-color:#fff;border-radius:66px;bottom:0;left:0;opacity:.9;position:absolute;top:0;transform-origin:left;transition:transform .4s linear;width:100%}.KUI-Tabs{position:relative}.KUI-TabList{display:flex;overflow:hidden}.KUI-Tabs_indicator{background-color:var(--brand_main);height:2px;position:absolute;transition:width .3s cubic-bezier(.4,0,.2,1) 0ms,left .3s cubic-bezier(.4,0,.2,1) 0ms;will-change:left}.KUI-Tabs_indicator.bottom{border-radius:8px 8px 0 0;bottom:0}.KUI-Tabs_indicator.top{border-radius:0 0 8px 8px;top:0}.KUI-Tabs_hidden{opacity:0}.KUI-Tab{background:transparent;border:none;cursor:pointer;height:64px;margin-right:24px;padding:0}.KUI-Tab:last-child{margin-right:0}.KUI-ScrollTab{align-items:center;background:transparent;border:none;cursor:pointer;display:flex;height:64px;margin-right:24px;padding:0}.KUI-ScrollTab:last-child{margin-right:0}.KUI_fullHeight{height:100%}.KUI-IconButton{-webkit-tap-highlight-color:rgba(0,0,0,0);background:transparent;border:none;cursor:pointer;margin:0;padding:0}
2
+ /*# sourceMappingURL=index.es.css.map */
package/dist/index.es.css.map ADDED
@@ -0,0 +1 @@
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"]}