.center{align-items:center;display:flex;justify-content:center}div.careers{padding:0}.careers{color:#fff;min-width:375px;padding-left:8px;padding-right:8px}@media (min-width:768px){.careers{padding-left:12px;padding-right:12px}}@media (min-width:1024px){.careers{padding-left:calc(50% - 480px);padding-right:calc(50% - 480px)}}@media (min-width:1270px){.careers{padding-left:calc(50% - 624px);padding-right:calc(50% - 624px)}}.careers .careers__header{align-items:center;background-color:#000;display:flex;justify-content:center;padding:48px 30px}.careers .careers__header .header__wrapper .header__left{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}.careers .careers__header .header__wrapper .header__left .header__text{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:21px}.careers .careers__header .header__wrapper .header__left .header__text .header__textTitle{font-size:32px;font-weight:800;line-height:43px;margin-bottom:16px}.careers .careers__header .header__wrapper .header__left .header__text .header__textDetail{font-size:12px;font-weight:700;line-height:16px}.careers .careers__header .header__wrapper .header__left .header__btn{border-radius:32px;font-size:16px;font-weight:800;height:48px;line-height:16px}.careers .careers__intro{align-items:center;background-color:#fff;display:flex;justify-content:center;padding:48px 30px;text-align:center}.careers .careers__intro .intro__wrapper .intro__img{margin-bottom:32px}@media (max-width:767px){.careers .careers__intro .intro__wrapper .intro__img{box-sizing:border-box;padding-left:8px;padding-right:8px;width:100%}}.careers .careers__intro .intro__wrapper .intro__text{color:#000;font-size:12px;font-weight:400;line-height:19px}@media (max-width:767px){.careers .careers__intro .intro__wrapper .intro__text{box-sizing:border-box;padding-left:8px;padding-right:8px;width:100%}}.careers .careers__culture{background-color:#000;color:#fff;padding:48px 30px 16px}.careers .careers__culture .culture__wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center}.careers .careers__culture .culture__wrapper .culture__title{font-size:32px;font-weight:800;letter-spacing:-.5px;line-height:43px;margin-bottom:32px;text-align:center}.careers .careers__culture .culture__wrapper .culture__detail{font-size:12px;font-weight:400;line-height:18px;margin-bottom:48px;padding-left:7px;padding-right:7px;text-align:center}@media (max-width:767px){.careers .careers__culture .culture__wrapper .culture__list{box-sizing:border-box;padding-left:8px;padding-right:8px;width:100%}}.careers .careers__culture .culture__wrapper .culture__list .culture__item{display:flex;margin-bottom:32px}.careers .careers__culture .culture__wrapper .culture__list .culture__item .culture__itemImg{height:45px;margin-right:30px;width:45px}.careers .careers__culture .culture__wrapper .culture__list .culture__item .culture__itemText .culture__itemTitle{font-size:12px;font-weight:800;line-height:18px}.careers .careers__culture .culture__wrapper .culture__list .culture__item .culture__itemText .culture__itemDetail{font-size:12px;font-weight:400;line-height:18px}.careers .careers__benefits{align-items:center;background-color:#25282d;display:flex;justify-content:center;padding-bottom:16px;padding-top:48px}.careers .careers__benefits .benefits__wrapper{max-width:460px}.careers .careers__benefits .benefits__wrapper .benefits__title{font-size:32px;font-weight:800;letter-spacing:-.5px;line-height:43px;margin-bottom:48px;text-align:center}.careers .careers__benefits .benefits__wrapper .benefits__list{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:48px}.careers .careers__benefits .benefits__wrapper .benefits__list .benefits__itemWrapper{cursor:pointer;margin-bottom:32px;position:relative}.careers .careers__benefits .benefits__wrapper .benefits__list .benefits__itemWrapper .benefits__item-sm{width:123px}.careers .careers__benefits .benefits__wrapper .benefits__list .benefits__itemWrapper .benefits__item-lg{width:147px}.careers .careers__benefits .benefits__wrapper .benefits__list .benefits__itemWrapper .benefits__item{border:2px solid #fff;border-radius:29px;box-sizing:border-box;margin-left:12px;margin-right:12px;padding-bottom:11px;padding-top:11px}.careers .careers__benefits .benefits__wrapper .benefits__list .benefits__itemWrapper .benefits__item .benefits__itemTitle{font-size:14px;font-weight:800;line-height:34px;text-align:center}.careers .careers__benefits .benefits__wrapper .benefits__list .benefits__itemWrapper .benefits__item-overlay{background-color:#fff;border:2px solid #fff;border-radius:29px;box-sizing:border-box;color:#000;left:0;margin-bottom:32px;margin-left:12px;margin-right:12px;opacity:0;position:absolute;text-align:center;top:0;transition:opacity .5s ease-in-out;visibility:hidden}.careers .careers__benefits .benefits__wrapper .benefits__list .benefits__itemWrapper .benefits__item-overlay .benefits__itemTitle-overlay{font-size:14px;font-weight:800;line-height:34px;padding-top:11px}.careers .careers__benefits .benefits__wrapper .benefits__list .benefits__itemWrapper .benefits__item-overlay .benefits__itemDetail-overlay{font-size:14px;line-height:18px;padding:5px 3px 12px}.careers .careers__benefits .benefits__wrapper .benefits__list .benefits__itemWrapper:hover .benefits__item-overlay{opacity:1;visibility:visible;z-index:2}.careers .careers__offices{align-items:center;background:url(/cdn/assets/imgs/227/DC51BA48FDA91816.png) no-repeat;background-position:bottom;background-size:auto 40%;display:flex;flex-direction:column;justify-content:center;padding-left:30px;padding-right:30px;padding-top:48px;text-align:center}@media (max-width:767px){.careers .careers__offices .offices__wrapper{box-sizing:border-box;padding-left:8px;padding-right:8px;width:100%}}.careers .careers__offices .offices__wrapper .offices__title{color:#000;font-size:32px;font-weight:800;letter-spacing:-.5px;line-height:43px;margin-bottom:32px}.careers .careers__offices .offices__wrapper .offices__detail{color:#000;font-size:16px;font-weight:400;line-height:24px;margin-bottom:180px}.careers .careers__teams{background-color:#000;overflow:hidden;padding-left:30px;padding-right:30px;padding-top:48px}.careers .careers__teams,.careers .careers__teams .teams__wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center}.careers .careers__teams .teams__wrapper{max-width:375px}.careers .careers__teams .teams__wrapper .teams__title{font-size:32px;font-weight:800;letter-spacing:-.5px;line-height:43px;margin-bottom:32px;text-align:center}@media (max-width:767px){.careers .careers__teams .teams__wrapper .teams__title{box-sizing:border-box;padding-left:8px;padding-right:8px;width:100%}}.careers .careers__teams .teams__wrapper .teams__detail{font-size:12px;font-weight:400;line-height:18px;margin-bottom:32px;text-align:center}@media (max-width:767px){.careers .careers__teams .teams__wrapper .teams__detail{box-sizing:border-box;padding-left:8px;padding-right:8px;width:100%}}.careers .careers__teams .teams__wrapper .teams__listWrapper{display:flex;margin-bottom:-12px}@media (max-width:767px){.careers .careers__teams .teams__wrapper .teams__listWrapper{box-sizing:border-box;padding-left:8px;padding-right:8px;width:100%}}.careers .careers__teams .teams__wrapper .teams__listWrapper .listWrapper__img{width:50%}.careers .careers__teams .teams__wrapper .teams__listWrapper .teams__list{align-items:left;display:flex;flex-direction:column;padding-bottom:48px}@media (max-width:767px){.careers .careers__teams .teams__wrapper .teams__listWrapper .teams__list{box-sizing:border-box;padding-left:8px;padding-right:8px;width:50%}}.careers .careers__teams .teams__wrapper .teams__listWrapper .teams__list .teams__item{font-size:12px;font-weight:700;line-height:18px}.careers .careers__jobs{background-color:#25282d;padding:48px 30px 16px}.careers .careers__jobs .jobs__wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center}.careers .careers__jobs .jobs__wrapper .jobs__title{font-size:32px;font-weight:800;letter-spacing:-.5px;line-height:43px;margin-bottom:32px;text-align:center}.careers .careers__jobs .jobs__wrapper .jobs__detail{font-size:12px;font-weight:400;line-height:18px;margin-bottom:48px;text-align:center}@media (max-width:767px){.careers .careers__jobs .jobs__wrapper .jobs__detail{box-sizing:border-box;padding-left:8px;padding-right:8px;width:100%}}.careers .careers__jobs .jobs__wrapper .jobs__btns{display:flex;flex-direction:column}.careers .careers__jobs .jobs__wrapper .jobs__btns .jobs__btn{border-radius:32px;font-size:16px;font-weight:800;height:64px;line-height:16px;margin-bottom:32px}@media (min-width:768px){.careers .careers__header{padding:96px 0}.careers .careers__header .header__wrapper .header__left .header__text{margin-bottom:48px}.careers .careers__header .header__wrapper .header__left .header__text .header__textTitle{font-size:48px;letter-spacing:-.5px;line-height:54px;margin-bottom:32px}.careers .careers__header .header__wrapper .header__left .header__text .header__textDetail{font-size:16px;line-height:24px}.careers .careers__header .header__wrapper .header__left .header__img{margin-bottom:48px}.careers .careers__intro{padding:96px 60px}.careers .careers__intro .intro__wrapper .intro__img{margin-bottom:48px}.careers .careers__intro .intro__wrapper .intro__text{font-size:16px;line-height:24px}.careers .careers__culture{align-items:center;display:flex;flex-direction:column;padding:96px 60px 64px}.careers .careers__culture .culture__wrapper .culture__title{font-size:48px;letter-spacing:-.5px;line-height:60px}.careers .careers__culture .culture__wrapper .culture__detail{font-size:16px;line-height:24px}.careers .careers__culture .culture__wrapper .culture__list{display:flex;flex-wrap:wrap}.careers .careers__culture .culture__wrapper .culture__list .culture__item{box-sizing:border-box;display:inline-flex}.careers .careers__culture .culture__wrapper .culture__list .culture__item .culture__itemImg{height:60px;margin-left:24px;margin-right:28px;width:60px}.careers .careers__culture .culture__wrapper .culture__list .culture__item .culture__itemText .culture__itemDetail,.careers .careers__culture .culture__wrapper .culture__list .culture__item .culture__itemText .culture__itemTitle{font-size:14px;line-height:21px}.careers .careers__benefits{padding-bottom:64px;padding-top:96px}.careers .careers__benefits .benefits__wrapper{max-width:910px}.careers .careers__benefits .benefits__wrapper .benefits__title{font-size:48px;line-height:60px}.careers .careers__benefits .benefits__wrapper .benefits__list{margin-bottom:44px}.careers .careers__benefits .benefits__wrapper .benefits__list .benefits__itemWrapper{margin-bottom:45px}.careers .careers__benefits .benefits__wrapper .benefits__list .benefits__itemWrapper .benefits__item-sm{width:170px}.careers .careers__benefits .benefits__wrapper .benefits__list .benefits__itemWrapper .benefits__item-lg{width:205px}.careers .careers__benefits .benefits__wrapper .benefits__list .benefits__itemWrapper .benefits__item{border-radius:34px;margin-left:21px;margin-right:21px;padding-bottom:17px;padding-top:17px}.careers .careers__benefits .benefits__wrapper .benefits__list .benefits__itemWrapper .benefits__item .benefits__itemTitle{font-size:20px}.careers .careers__benefits .benefits__wrapper .benefits__list .benefits__itemWrapper .benefits__item-overlay{border-radius:34px;margin-left:21px;margin-right:21px}.careers .careers__benefits .benefits__wrapper .benefits__list .benefits__itemWrapper .benefits__item-overlay .benefits__itemTitle-overlay{font-size:20px;padding-top:17px}.careers .careers__benefits .benefits__wrapper .benefits__list .benefits__itemWrapper .benefits__item-overlay .benefits__itemDetail-overlay{font-size:20px;line-height:34px;padding:10px 6px 20px}.careers .careers__offices{padding-left:60px;padding-right:60px;padding-top:96px}.careers .careers__offices .offices__wrapper .offices__title{font-size:48px;line-height:54px}.careers .careers__offices .offices__wrapper .offices__detail{margin-bottom:240px}.careers .careers__teams{padding-left:60px;padding-right:60px;padding-top:96px}.careers .careers__teams .teams__wrapper{max-width:1350px}.careers .careers__teams .teams__wrapper .teams__title{font-size:48px;line-height:60px}.careers .careers__teams .teams__wrapper .teams__detail{font-size:16px;line-height:24px;margin-bottom:48px}.careers .careers__teams .teams__wrapper .teams__listWrapper{margin-bottom:-70px}.careers .careers__teams .teams__wrapper .teams__listWrapper .teams__list{margin-left:24px}.careers .careers__teams .teams__wrapper .teams__listWrapper .teams__list .teams__item{font-size:16px;line-height:24px}.careers .careers__jobs{padding:96px 60px}.careers .careers__jobs .jobs__wrapper .jobs__title{font-size:48px;font-weight:800;line-height:52px}.careers .careers__jobs .jobs__wrapper .jobs__detail{font-size:16px;line-height:24px}.careers .careers__jobs .jobs__wrapper .jobs__btns{flex-direction:row}.careers .careers__jobs .jobs__wrapper .jobs__btns .jobs__btn{margin:0 24px}}@media (min-width:768px) and (min-width:768px){.careers .careers__intro .intro__wrapper .intro__img,.careers .careers__intro .intro__wrapper .intro__text{box-sizing:border-box;padding-left:12px;padding-right:12px;width:100%}.careers .careers__culture .culture__wrapper .culture__detail{box-sizing:border-box;padding-left:12px;padding-right:12px;width:83.33333333%}.careers .careers__culture .culture__wrapper .culture__list .culture__item{box-sizing:border-box;padding-left:12px;padding-right:12px;width:50%}.careers .careers__offices .offices__wrapper .offices__detail,.careers .careers__teams .teams__wrapper .teams__detail,.careers .careers__teams .teams__wrapper .teams__listWrapper{box-sizing:border-box;padding-left:12px;padding-right:12px;width:100%}.careers .careers__teams .teams__wrapper .teams__listWrapper .listWrapper__img{box-sizing:border-box;padding-left:12px;padding-right:12px;width:66.66666667%}.careers .careers__teams .teams__wrapper .teams__listWrapper .teams__list{box-sizing:border-box;padding-left:12px;padding-right:12px;width:33.33333333%}.careers .careers__jobs .jobs__wrapper .jobs__detail{box-sizing:border-box;padding-left:12px;padding-right:12px;width:75%}}@media (min-width:1024px){.careers .careers__header{padding:120px 76px 96px}.careers .careers__header .header__wrapper{align-items:flex-start;display:flex;flex-direction:row}.careers .careers__header .header__wrapper .header__left{display:flex}.careers .careers__header .header__wrapper .header__left .header__text{text-align:left}.careers .careers__header .header__wrapper .header__left .header__text .header__textTitle{font-size:80px;letter-spacing:-.5px;line-height:88px;margin-bottom:48px;margin-right:auto;padding-left:0}.careers .careers__header .header__wrapper .header__left .header__text .header__textDetail{font-size:16px;line-height:24px;margin-right:auto;padding-left:0}.careers .careers__header .header__wrapper .header__left .header__btn{margin-right:auto}.careers .careers__intro{padding:120px 76px}.careers .careers__intro .intro__wrapper .intro__text{font-size:16px;line-height:24px;margin:0 auto}.careers .careers__culture{padding-left:76px;padding-right:76px;padding-top:120px}.careers .careers__culture .culture__wrapper .culture__title{font-size:54px;letter-spacing:-.5px;line-height:60px}.careers .careers__culture .culture__wrapper .culture__detail{font-size:24px;line-height:34px}.careers .careers__culture .culture__wrapper .culture__list{display:flex;flex-wrap:wrap}.careers .careers__culture .culture__wrapper .culture__list .culture__item{margin-bottom:48px}.careers .careers__culture .culture__wrapper .culture__list .culture__item .culture__itemImg{height:80px;margin-left:30px;margin-right:30px;width:80px}.careers .careers__culture .culture__wrapper .culture__list .culture__item .culture__itemText .culture__itemDetail,.careers .careers__culture .culture__wrapper .culture__list .culture__item .culture__itemText .culture__itemTitle{font-size:16px;line-height:24px}.careers .careers__benefits{padding-bottom:31px;padding-top:120px}.careers .careers__benefits__wrapper{max-width:1135px}.careers .careers__benefits .benefits__title{font-size:54px;line-height:60px}.careers .careers__benefits .benefits__list .benefits__item__wrapper .benefits__item__sm{width:220px}.careers .careers__benefits .benefits__list .benefits__item__wrapper .benefits__item__lg{width:266px}.careers .careers__benefits .benefits__list .benefits__item__wrapper .benefits__item{border-radius:40px;padding-bottom:23px;padding-top:23px}.careers .careers__benefits .benefits__list .benefits__item__wrapper .benefits__item__title{font-size:24px}.careers .careers__benefits .benefits__list .benefits__item__wrapper .benefits__item__hidden{border-radius:40px}.careers .careers__benefits .benefits__list .benefits__item__wrapper .benefits__item__hidden__title{font-size:24px;padding-top:23px}.careers .careers__benefits .benefits__list .benefits__item__wrapper .benefits__item__hidden__detail{font-size:24px;line-height:34px}.careers .careers__offices{padding-left:76px;padding-right:76px;padding-top:120px}.careers .careers__offices .offices__wrapper .offices__title{font-size:54px;line-height:60px;margin-bottom:48px}.careers .careers__offices .offices__wrapper .offices__detail{font-size:16px;line-height:24px;margin-bottom:240px;margin-left:auto;margin-right:auto}.careers .careers__teams{padding-left:76px;padding-right:76px;padding-top:120px}.careers .careers__teams .teams__wrapper{align-items:flex-start;display:flex;flex-direction:row}.careers .careers__teams .teams__wrapper .teams__left{margin-left:64px}.careers .careers__teams .teams__wrapper .teams__left .teams__title{font-size:54px;line-height:60px;margin-bottom:36px;text-align:left}.careers .careers__teams .teams__wrapper .teams__left .teams__detail{font-size:24px;line-height:34px;margin-bottom:48px;text-align:left}.careers .careers__teams .teams__wrapper .teams__left .teams__img{margin-bottom:-85px}.careers .careers__teams .teams__wrapper .teams__right{margin-top:100px}.careers .careers__teams .teams__wrapper .teams__right .teams__listWrapper .teams__list{margin-left:24px}.careers .careers__teams .teams__wrapper .teams__right .teams__listWrapper .teams__list .teams__item{font-size:28px;font-weight:700;line-height:34px}.careers .careers__jobs{padding:120px 76px}.careers .careers__jobs .jobs__wrapper .jobs__title{font-size:54px;line-height:60px}.careers .careers__jobs .jobs__wrapper .jobs__detail{font-size:24px;line-height:34px}}@media (min-width:1024px) and (min-width:1024px){.careers .careers__header .header__wrapper .header__left,.careers .careers__header .header__wrapper .header__right{box-sizing:border-box;padding-left:12px;padding-right:12px;width:50%}.careers .careers__intro .intro__wrapper .intro__img{box-sizing:border-box;padding-left:12px;padding-right:12px;width:100%}.careers .careers__intro .intro__wrapper .intro__text{box-sizing:border-box;padding-left:12px;padding-right:12px;width:91.66666667%}.careers .careers__culture .culture__wrapper .culture__detail{box-sizing:border-box;padding-left:12px;padding-right:12px;width:83.33333333%}.careers .careers__offices .offices__wrapper .offices__detail{box-sizing:border-box;padding-left:12px;padding-right:12px;width:75%}.careers .careers__teams .teams__wrapper .teams__left{box-sizing:border-box;padding-left:12px;padding-right:12px;width:58.33333333%}.careers .careers__teams .teams__wrapper .teams__left .teams__title{box-sizing:border-box;padding-left:12px;padding-right:12px;width:100%}.careers .careers__teams .teams__wrapper .teams__left .teams__detail{box-sizing:border-box;padding-left:12px;padding-right:12px;width:83.33333333%}.careers .careers__teams .teams__wrapper .teams__left .teams__img{box-sizing:border-box;padding-left:12px;padding-right:12px;width:100%}.careers .careers__teams .teams__wrapper .teams__right{box-sizing:border-box;padding-left:12px;padding-right:12px;width:41.66666667%}.careers .careers__teams .teams__wrapper .teams__right .teams__listWrapper .teams__list{box-sizing:border-box;padding-left:12px;padding-right:12px;width:100%}.careers .careers__jobs .jobs__wrapper .jobs__detail{box-sizing:border-box;padding-left:12px;padding-right:12px;width:75%}}.okg-lg,.okg-md,.okg-sm,.okg-xl{display:none}@media (max-width:767px){.okg-sm{display:flex}}@media (min-width:768px) and (max-width:1023px){.okg-md{display:flex}}@media (min-width:1024px) and (max-width:1269px){.okg-lg{display:flex}}@media (min-width:1270px){.okg-xl{display:flex}}@media (max-width:767px){.okg-sm-hide{display:none}}@media (min-width:768px) and (max-width:1023px){.okg-md-hide{display:none}}@media (min-width:1024px) and (max-width:1269px){.okg-lg-hide{display:none}}@media (min-width:1270px){.okg-xl-hide{display:none}.careers .careers__header{padding-left:110px;padding-right:110px}.careers .careers__header .header__wrapper{margin:0 auto;max-width:1440px}.careers .careers__header .header__wrapper .header__left .header__text .header__textTitle{font-size:110px;line-height:106px}.careers .careers__header .header__wrapper .header__left .header__text .header__textDetail{font-size:24px;line-height:34px}.careers .careers__intro{padding-left:110px;padding-right:110px}.careers .careers__intro .intro__wrapper{margin:0 auto;max-width:1440px}.careers .careers__intro .intro__wrapper .intro__img{max-width:910px}.careers .careers__intro .intro__wrapper .intro__text{font-size:24px;line-height:34px;max-width:910px}.careers .careers__culture{padding-left:110px;padding-right:110px}.careers .careers__culture .culture__wrapper{margin:0 auto;max-width:1440px}.careers .careers__culture .culture__wrapper .culture__title{font-size:54px;line-height:60px}.careers .careers__culture .culture__wrapper .culture__detail{font-size:24px;line-height:34px}.careers .careers__culture .culture__wrapper .culture__list .culture__item .culture__itemImg{height:110px;margin-left:45px;margin-right:45px;width:110px}.careers .careers__culture .culture__wrapper .culture__list .culture__item .culture__itemText .culture__itemDetail,.careers .careers__culture .culture__wrapper .culture__list .culture__item .culture__itemText .culture__itemTitle{font-size:24px;line-height:34px}.careers .careers__benefits__wrapper{max-width:1350px}.careers .careers__benefits .benefits__title{font-size:54px;line-height:60px}.careers .careers__benefits .benefits__list .benefits__item__wrapper .benefits__item__sm{width:250px}.careers .careers__benefits .benefits__list .benefits__item__wrapper .benefits__item__lg{width:300px}.careers .careers__benefits .benefits__list .benefits__item__wrapper .benefits__item{border-radius:45px;margin-left:32px;margin-right:32px;padding-bottom:28px;padding-top:28px}.careers .careers__benefits .benefits__list .benefits__item__wrapper .benefits__item__title{font-size:24px;line-height:34px}.careers .careers__benefits .benefits__list .benefits__item__wrapper .benefits__item__hidden{border-radius:45px;margin-left:32px;margin-right:32px}.careers .careers__benefits .benefits__list .benefits__item__wrapper .benefits__item__hidden__title{font-size:24px;line-height:34px;padding-top:28px}.careers .careers__benefits .benefits__list .benefits__item__wrapper .benefits__item__hidden__detail{font-size:24px;line-height:34px;padding:32px 21px}.careers .careers__offices{padding-left:110px;padding-right:110px}.careers .careers__offices .offices__wrapper{margin:0 auto;max-width:1440px}.careers .careers__offices .offices__wrapper .offices__title{font-size:54px;line-height:60px;margin-bottom:48px}.careers .careers__offices .offices__wrapper .offices__detail{font-size:24px;line-height:34px;margin-bottom:240px;margin-left:auto;margin-right:auto}.careers .careers__teams{padding-left:110px;padding-right:110px}.careers .careers__teams .teams__wrapper{margin:0 auto}.careers .careers__teams .teams__wrapper .teams__listWrapper .teams__list{margin-left:24px}.careers .careers__teams .teams__wrapper .teams__listWrapper .teams__list .teams__item{font-size:36px;line-height:48px}.careers .careers__jobs{padding-left:110px;padding-right:110px}.careers .careers__jobs .jobs__wrapper{margin:0 auto;max-width:1440px}.careers .careers__jobs .jobs__wrapper .jobs__title{font-size:110px;line-height:106px}.careers .careers__jobs .jobs__wrapper .jobs__detail{font-size:24px;line-height:34px}}@media (min-width:1270px) and (min-width:1270px){.careers .careers__header .header__wrapper .header__left,.careers .careers__header .header__wrapper .header__right{box-sizing:border-box;padding-left:12px;padding-right:12px;width:50%}.careers .careers__culture .culture__wrapper .culture__detail{box-sizing:border-box;padding-left:12px;padding-right:12px;width:75%}}@media (min-width:1270px) and (min-width:1024px){.careers .careers__offices .offices__wrapper .offices__detail{box-sizing:border-box;padding-left:12px;padding-right:12px;width:75%}}:root{--okd-icon-size-base:18px;--okd-icon-size-xs:14px;--okd-color-gray-050:#fbfbfc;--okd-color-gray-100:#f4f3f5;--okd-color-gray-300:#cbcad0;--okd-color-gray-400:#aaa9b3;--okd-color-gray-500:#898697;--okd-color-gray-600:#6d697f;--okd-color-gray-700:#4f495f;--okd-color-gray-800:#383243;--okd-color-gray-900:#1a1722;--okd-color-blue-050:#00000000;--okd-color-blue-100:#edf3fc;--okd-color-blue-200:#cce0fc;--okd-color-blue-300:#b3ccee;--okd-color-blue-400:#8aacd8;--okd-color-blue-500:#578bc2;--okd-color-blue-600:#436d9a;--okd-color-blue-700:#2f4f70;--okd-color-blue-800:#163756;--okd-color-blue-900:#001d20;--okd-color-green-050:#00000000;--okd-color-green-100:#d8faed;--okd-color-green-200:#93f0d1;--okd-color-green-300:#73dcba;--okd-color-green-400:#3bbe98;--okd-color-green-500:#009a78;--okd-color-green-600:#00795e;--okd-color-green-700:#1a5745;--okd-color-green-800:#1a3c31;--okd-color-green-900:#0c1c17;--okd-color-red-050:#00000000;--okd-color-red-100:#feefee;--okd-color-red-200:#fcd5d3;--okd-color-red-300:#fdbab2;--okd-color-red-400:#fc8978;--okd-color-red-500:#f15022;--okd-color-red-600:#c33900;--okd-color-red-700:#8f2800;--okd-color-red-800:#671900;--okd-color-red-900:#360a00;--okd-color-orange-050:#00000000;--okd-color-orange-100:#fef1e1;--okd-color-orange-200:#ffd99f;--okd-color-orange-300:#fac13c;--okd-color-orange-400:#d6a100;--okd-color-orange-500:#aa8225;--okd-color-orange-600:#86661c;--okd-color-orange-700:#624911;--okd-color-orange-800:#453309;--okd-color-orange-900:#221702;--okd-color-yellow-050:#00000000;--okd-color-yellow-100:#f2f7c6;--okd-color-yellow-200:#dde66e;--okd-color-yellow-300:#c9d300;--okd-color-yellow-400:#a9b11e;--okd-color-yellow-500:#878e00;--okd-color-yellow-600:#6a7000;--okd-color-yellow-700:#4c5108;--okd-color-yellow-800:#363804;--okd-color-yellow-900:#191b01;--okd-color-text-white:#fff;--okd-color-text-black:#080013;--okd-color-background-1:#fff;--okd-color-background-2:#181e2a;--okd-color-transparent:transparent;--okd-color-white:#fff;--okd-color-black:#000;--okd-color-gray-200:#dedde1;--okd-color-pink-100:#fdf0f3;--okd-color-pink-300:#f8bace;--okd-color-pink-400:#f985b1;--okd-color-pink-500:#f14190;--okd-color-pink-600:#c32a72;--okd-color-pink-700:#901c53;--okd-color-pink-800:#67123a;--okd-color-pink-900:#36051c;--okd-color-purple-100:#f4f1fd;--okd-color-purple-200:#e2dafa;--okd-color-purple-300:#cfc3f6;--okd-color-purple-400:#b49bf8;--okd-color-purple-500:#996cf9;--okd-color-purple-600:#7e49e0;--okd-color-purple-700:#5e2bb3;--okd-color-purple-800:#431c81;--okd-color-purple-900:#210a44;--okd-color-purple-1000:#080013;--okd-color-cyan-100:#ddf8fc;--okd-color-cyan-200:#a9e9f1;--okd-color-cyan-300:#89d6e1;--okd-color-cyan-400:#4bb8c6;--okd-color-cyan-500:#0096a3;--okd-color-cyan-600:#007681;--okd-color-cyan-700:#00565d;--okd-color-cyan-800:#023c42;--okd-color-cyan-900:#001d20;--okd-color-pink-200:#fad5de;--okd-font-size-base:16px;--okd-font-size-md:14px;--okd-font-size-xs:12px;--okd-line-height-base:20px;--okd-line-height-md:20px;--okd-line-height-xs:16px;--okd-shadow-none:0 0 0 0 transparent;--okd-shadow-xs:0 0 0 1px #0000000d;--okd-shadow-sm:0 1px 2px 0 #0000000d;--okd-shadow-default:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--okd-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--okd-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--okd-shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--okd-shadow-2xl:0 25px 50px -12px #00000040;--okd-border-radius-none:0;--okd-border-radius-sm:4px;--okd-border-radius-md:8px;--okd-border-radius-lg:12px;--okd-border-radius-xl:16px;--okd-border-radius-xxl:24px;--okd-border-radius-xxxl:32px;--okd-font-family:galano-okcoin,sans-serif;--okd-text-display-lg-font-size:56px;--okd-text-display-lg-font-weight:500;--okd-text-display-lg-line-height:1.32;--okd-text-display-md-font-size:40px;--okd-text-display-md-font-weight:500;--okd-text-display-md-line-height:52px;--okd-text-display-sm-font-size:40px;--okd-text-display-sm-font-weight:500;--okd-text-display-sm-line-height:52px;--okd-text-heading-lg-font-size:30px;--okd-text-heading-lg-font-weight:500;--okd-text-heading-lg-line-height:40px;--okd-text-heading-md-font-size:24px;--okd-text-heading-md-font-weight:500;--okd-text-heading-md-line-height:30px;--okd-text-heading-sm-font-size:18px;--okd-text-heading-sm-font-weight:500;--okd-text-heading-sm-line-height:24px;--okd-text-heading-xl-font-size:36px;--okd-text-heading-xl-font-weight:600;--okd-text-heading-xl-line-height:1.32;--okd-text-heading-xxl-font-size:40px;--okd-text-heading-xxl-font-weight:600;--okd-text-heading-xxl-line-height:1.32;--okd-text-heading-overline-font-size:12px;--okd-text-heading-overline-line-height:15px;--okd-text-heading-overline-font-weight:500;--okd-text-body-sm-regular-font-size:14px;--okd-text-body-sm-regular-font-weight:400;--okd-text-body-sm-regular-line-height:21px;--okd-text-body-sm-bold-font-size:14px;--okd-text-body-sm-bold-font-weight:500;--okd-text-body-sm-bold-line-height:21px;--okd-text-body-md-regular-font-size:16px;--okd-text-body-md-regular-font-weight:400;--okd-text-body-md-regular-line-height:24px;--okd-text-body-md-bold-font-size:16px;--okd-text-body-md-bold-font-weight:500;--okd-text-body-md-bold-line-height:24px;--okd-text-body-xs-regular-font-size:12px;--okd-text-body-xs-regular-font-weight:400;--okd-text-body-xs-regular-line-height:18px;--okd-text-body-xs-bold-font-size:12px;--okd-text-body-xs-bold-font-weight:500;--okd-text-body-xs-bold-line-height:18px;--okd-font-weight-400:400;--okd-font-weight-500:500;--okd-font-weight-600:600;--okd-font-weight-700:700;--okd-font-weight-800:800;--okd-font-weight-900:900;--okd-font-weight-regular:400;--okd-font-weight-medium:500;--okd-font-weight-bold:700;--okd-button-primary-normal-default-background:var(--okd-color-purple-1000);--okd-button-primary-normal-hover-background:var(--okd-color-purple-1000);--okd-button-primary-normal-active-background:var(--okd-color-purple-1000);--okd-button-primary-normal-focus-background:var(--okd-color-purple-1000);--okd-button-primary-normal-disabled-background:var(--okd-color-gray-100);--okd-button-primary-normal-default-border-color:var(--okd-color-purple-1000);--okd-button-primary-normal-hover-border-color:var(--okd-color-purple-1000);--okd-button-primary-normal-active-border-color:var(--okd-color-purple-1000);--okd-button-primary-normal-focus-border-color:var(--okd-color-purple-1000);--okd-button-primary-normal-disabled-border-color:var(--okd-color-gray-100);--okd-button-primary-normal-default-font-color:var(--okd-color-text-white);--okd-button-primary-normal-hover-font-color:var(--okd-color-gray-400);--okd-button-primary-normal-active-font-color:var(--okd-color-text-white);--okd-button-primary-normal-focus-font-color:var(--okd-color-text-white);--okd-button-primary-normal-disabled-font-color:var(--okd-color-gray-300);--okd-button-primary-normal-default-icon-color:var(--okd-color-text-white);--okd-button-primary-normal-hover-icon-color:var(--okd-color-gray-400);--okd-button-primary-normal-active-icon-color:var(--okd-color-text-white);--okd-button-primary-normal-focus-icon-color:var(--okd-color-text-white);--okd-button-primary-normal-disabled-icon-color:var(--okd-color-gray-300);--okd-button-primary-normal-default-shadow:var(--okd-shadow-none);--okd-button-primary-normal-hover-shadow:var(--okd-shadow-none);--okd-button-primary-normal-active-shadow:var(--okd-shadow-none);--okd-button-primary-normal-focus-shadow:0px 0px 0px 3px #e2dafa;--okd-button-primary-normal-disabled-shadow:var(--okd-shadow-none);--okd-button-primary-normal-loader-track-color:hsla(0,0%,100%,.24);--okd-button-primary-normal-loader-mark-color:var(--okd-color-white);--okd-button-primary-red-default-background:var(--okd-color-red-600);--okd-button-primary-red-hover-background:var(--okd-color-red-700);--okd-button-primary-red-active-background:var(--okd-color-red-800);--okd-button-primary-red-focus-background:var(--okd-color-red-700);--okd-button-primary-red-disabled-background:var(--okd-color-gray-100);--okd-button-primary-red-default-border-color:var(--okd-color-red-600);--okd-button-primary-red-hover-border-color:var(--okd-color-red-700);--okd-button-primary-red-active-border-color:var(--okd-color-red-800);--okd-button-primary-red-focus-border-color:var(--okd-color-red-700);--okd-button-primary-red-disabled-border-color:var(--okd-color-gray-100);--okd-button-primary-red-default-font-color:var(--okd-color-text-white);--okd-button-primary-red-hover-font-color:var(--okd-color-text-white);--okd-button-primary-red-active-font-color:var(--okd-color-text-white);--okd-button-primary-red-focus-font-color:var(--okd-color-text-white);--okd-button-primary-red-disabled-font-color:var(--okd-color-gray-300);--okd-button-primary-red-default-icon-color:var(--okd-color-text-white);--okd-button-primary-red-hover-icon-color:var(--okd-color-text-white);--okd-button-primary-red-active-icon-color:var(--okd-color-text-white);--okd-button-primary-red-focus-icon-color:var(--okd-color-text-white);--okd-button-primary-red-disabled-icon-color:var(--okd-color-gray-300);--okd-button-primary-red-default-shadow:var(--okd-shadow-sm);--okd-button-primary-red-hover-shadow:var(--okd-shadow-none);--okd-button-primary-red-active-shadow:var(--okd-shadow-none);--okd-button-primary-red-focus-shadow:0px 0px 0px 3px var(--okd-color-red-200);--okd-button-primary-red-disabled-shadow:var(--okd-shadow-none);--okd-button-primary-red-loader-track-color:hsla(0,0%,100%,.24);--okd-button-primary-red-loader-mark-color:var(--okd-color-white);--okd-button-primary-green-default-background:var(--okd-color-green-600);--okd-button-primary-green-hover-background:var(--okd-color-green-700);--okd-button-primary-green-active-background:var(--okd-color-green-800);--okd-button-primary-green-focus-background:var(--okd-color-green-700);--okd-button-primary-green-disabled-background:var(--okd-color-gray-100);--okd-button-primary-green-default-border-color:var(--okd-color-green-600);--okd-button-primary-green-hover-border-color:var(--okd-color-green-700);--okd-button-primary-green-active-border-color:var(--okd-color-green-800);--okd-button-primary-green-focus-border-color:var(--okd-color-green-700);--okd-button-primary-green-disabled-border-color:var(--okd-color-gray-100);--okd-button-primary-green-default-font-color:var(--okd-color-text-white);--okd-button-primary-green-hover-font-color:var(--okd-color-text-white);--okd-button-primary-green-active-font-color:var(--okd-color-text-white);--okd-button-primary-green-focus-font-color:var(--okd-color-text-white);--okd-button-primary-green-disabled-font-color:var(--okd-color-gray-300);--okd-button-primary-green-default-icon-color:var(--okd-color-text-white);--okd-button-primary-green-hover-icon-color:var(--okd-color-text-white);--okd-button-primary-green-active-icon-color:var(--okd-color-text-white);--okd-button-primary-green-focus-icon-color:var(--okd-color-text-white);--okd-button-primary-green-disabled-icon-color:var(--okd-color-gray-300);--okd-button-primary-green-default-shadow:var(--okd-shadow-sm);--okd-button-primary-green-hover-shadow:var(--okd-shadow-none);--okd-button-primary-green-active-shadow:var(--okd-shadow-none);--okd-button-primary-green-focus-shadow:0px 0px 0px 3px #93f0d1;--okd-button-primary-green-disabled-shadow:var(--okd-shadow-none);--okd-button-primary-green-loader-track-color:hsla(0,0%,100%,.24);--okd-button-primary-green-loader-mark-color:var(--okd-color-white);--okd-button-secondary-normal-default-background:var(--okd-color-gray-050);--okd-button-secondary-normal-hover-background:var(--okd-color-gray-100);--okd-button-secondary-normal-active-background:var(--okd-color-gray-200);--okd-button-secondary-normal-focus-background:var(--okd-color-gray-100);--okd-button-secondary-normal-disabled-background:var(--okd-color-gray-100);--okd-button-secondary-normal-default-border-color:var(--okd-color-gray-050);--okd-button-secondary-normal-hover-border-color:var(--okd-color-gray-100);--okd-button-secondary-normal-active-border-color:var(--okd-color-gray-200);--okd-button-secondary-normal-focus-border-color:var(--okd-color-gray-100);--okd-button-secondary-normal-disabled-border-color:var(--okd-color-gray-100);--okd-button-secondary-normal-default-font-color:var(--okd-color-text-black);--okd-button-secondary-normal-hover-font-color:var(--okd-color-text-black);--okd-button-secondary-normal-active-font-color:var(--okd-color-text-black);--okd-button-secondary-normal-focus-font-color:var(--okd-color-text-black);--okd-button-secondary-normal-disabled-font-color:var(--okd-color-gray-300);--okd-button-secondary-normal-default-icon-color:var(--okd-color-text-black);--okd-button-secondary-normal-hover-icon-color:var(--okd-color-text-black);--okd-button-secondary-normal-active-icon-color:var(--okd-color-text-black);--okd-button-secondary-normal-focus-icon-color:var(--okd-color-text-black);--okd-button-secondary-normal-disabled-icon-color:var(--okd-color-gray-300);--okd-button-secondary-normal-default-shadow:var(--okd-shadow-none);--okd-button-secondary-normal-hover-shadow:var(--okd-shadow-none);--okd-button-secondary-normal-active-shadow:var(--okd-shadow-none);--okd-button-secondary-normal-focus-shadow:0px 0px 0px 3px var(--okd-color-gray-200);--okd-button-secondary-normal-disabled-shadow:var(--okd-shadow-none);--okd-button-secondary-normal-loader-track-color:hsla(0,0%,100%,.24);--okd-button-secondary-normal-loader-mark-color:var(--okd-color-white);--okd-button-secondary-grey-default-background:var(--okd-color-gray-050);--okd-button-secondary-grey-hover-background:var(--okd-color-gray-100);--okd-button-secondary-grey-active-background:var(--okd-color-gray-200);--okd-button-secondary-grey-focus-background:var(--okd-color-gray-100);--okd-button-secondary-grey-disabled-background:var(--okd-color-gray-100);--okd-button-secondary-grey-default-border-color:var(--okd-color-gray-050);--okd-button-secondary-grey-hover-border-color:var(--okd-color-gray-100);--okd-button-secondary-grey-active-border-color:var(--okd-color-gray-200);--okd-button-secondary-grey-focus-border-color:var(--okd-color-gray-100);--okd-button-secondary-grey-disabled-border-color:var(--okd-color-gray-100);--okd-button-secondary-grey-default-font-color:var(--okd-color-text-black);--okd-button-secondary-grey-hover-font-color:var(--okd-color-text-black);--okd-button-secondary-grey-active-font-color:var(--okd-color-text-black);--okd-button-secondary-grey-focus-font-color:var(--okd-color-text-black);--okd-button-secondary-grey-disabled-font-color:var(--okd-color-gray-300);--okd-button-secondary-grey-default-icon-color:var(--okd-color-text-black);--okd-button-secondary-grey-hover-icon-color:var(--okd-color-text-black);--okd-button-secondary-grey-active-icon-color:var(--okd-color-text-black);--okd-button-secondary-grey-focus-icon-color:var(--okd-color-text-black);--okd-button-secondary-grey-disabled-icon-color:var(--okd-color-gray-300);--okd-button-secondary-grey-default-shadow:0 0 0 0 transparent;--okd-button-secondary-grey-hover-shadow:var(--okd-shadow-none);--okd-button-secondary-grey-active-shadow:var(--okd-shadow-none);--okd-button-secondary-grey-focus-shadow:0px 0px 0px 3px #dedde1;--okd-button-secondary-grey-disabled-shadow:var(--okd-shadow-none);--okd-button-secondary-grey-loader-track-color:hsla(0,0%,100%,.24);--okd-button-secondary-grey-loader-mark-color:var(--okd-color-text-white);--okd-button-basic-normal-default-background:var(--okd-color-transparent);--okd-button-basic-normal-hover-background:var(--okd-color-gray-050);--okd-button-basic-normal-active-background:var(--okd-color-gray-100);--okd-button-basic-normal-focus-background:var(--okd-color-gray-100);--okd-button-basic-normal-disabled-background:var(--okd-color-gray-100);--okd-button-basic-normal-default-border-color:var(--okd-color-gray-200);--okd-button-basic-normal-hover-border-color:var(--okd-color-gray-400);--okd-button-basic-normal-active-border-color:var(--okd-color-gray-400);--okd-button-basic-normal-focus-border-color:var(--okd-color-gray-400);--okd-button-basic-normal-disabled-border-color:var(--okd-color-gray-100);--okd-button-basic-normal-default-font-color:var(--okd-color-text-black);--okd-button-basic-normal-hover-font-color:var(--okd-color-text-black);--okd-button-basic-normal-active-font-color:var(--okd-color-text-black);--okd-button-basic-normal-focus-font-color:var(--okd-color-text-black);--okd-button-basic-normal-disabled-font-color:var(--okd-color-gray-300);--okd-button-basic-normal-default-icon-color:var(--okd-color-text-black);--okd-button-basic-normal-hover-icon-color:var(--okd-color-text-black);--okd-button-basic-normal-active-icon-color:var(--okd-color-text-black);--okd-button-basic-normal-focus-icon-color:var(--okd-color-text-black);--okd-button-basic-normal-disabled-icon-color:var(--okd-color-gray-300);--okd-button-basic-normal-default-shadow:var(--okd-shadow-none);--okd-button-basic-normal-hover-shadow:var(--okd-shadow-none);--okd-button-basic-normal-active-shadow:var(--okd-shadow-none);--okd-button-basic-normal-focus-shadow:0px 0px 0px 3px var(--okd-color-gray-300);--okd-button-basic-normal-disabled-shadow:var(--okd-shadow-none);--okd-button-basic-normal-loader-track-color:hsla(0,0%,100%,.24);--okd-button-basic-normal-loader-mark-color:var(--okd-color-text-black);--okd-button-plain-normal-default-background:var(--okd-color-transparent);--okd-button-plain-normal-hover-background:var(--okd-color-blue-050);--okd-button-plain-normal-active-background:var(--okd-color-gray-100);--okd-button-plain-normal-focus-background:var(--okd-color-gray-100);--okd-button-plain-normal-disabled-background:var(--okd-color-gray-100);--okd-button-plain-normal-default-border-color:var(--okd-color-transparent);--okd-button-plain-normal-hover-border-color:var(--okd-color-transparent);--okd-button-plain-normal-active-border-color:var(--okd-color-transparent);--okd-button-plain-normal-focus-border-color:var(--okd-color-transparent);--okd-button-plain-normal-disabled-border-color:var(--okd-color-gray-100);--okd-button-plain-normal-default-font-color:var(--okd-color-gray-900);--okd-button-plain-normal-hover-font-color:var(--okd-color-gray-700);--okd-button-plain-normal-active-font-color:var(--okd-color-gray-900);--okd-button-plain-normal-focus-font-color:var(--okd-color-gray-700);--okd-button-plain-normal-disabled-font-color:var(--okd-color-gray-300);--okd-button-plain-normal-default-icon-color:var(--okd-color-gray-900);--okd-button-plain-normal-hover-icon-color:var(--okd-color-gray-700);--okd-button-plain-normal-active-icon-color:var(--okd-color-gray-900);--okd-button-plain-normal-focus-icon-color:var(--okd-color-gray-700);--okd-button-plain-normal-disabled-icon-color:var(--okd-color-gray-300);--okd-button-plain-normal-default-shadow:none;--okd-button-plain-normal-hover-shadow:none;--okd-button-plain-normal-active-shadow:none;--okd-button-plain-normal-focus-shadow:none;--okd-button-plain-normal-disabled-shadow:none;--okd-button-plain-red-default-background:var(--okd-color-transparent);--okd-button-plain-red-hover-background:var(--okd-color-red-050);--okd-button-plain-red-active-background:var(--okd-color-red-100);--okd-button-plain-red-focus-background:var(--okd-color-red-100);--okd-button-plain-red-disabled-background:var(--okd-color-gray-100);--okd-button-plain-red-default-border-color:var(--okd-color-transparent);--okd-button-plain-red-hover-border-color:var(--okd-color-transparent);--okd-button-plain-red-active-border-color:var(--okd-color-transparent);--okd-button-plain-red-focus-border-color:var(--okd-color-transparent);--okd-button-plain-red-disabled-border-color:var(--okd-color-gray-100);--okd-button-plain-red-default-font-color:var(--okd-color-red-600);--okd-button-plain-red-hover-font-color:var(--okd-color-red-700);--okd-button-plain-red-active-font-color:var(--okd-color-red-800);--okd-button-plain-red-focus-font-color:var(--okd-color-red-700);--okd-button-plain-red-disabled-font-color:var(--okd-color-gray-300);--okd-button-plain-red-default-icon-color:var(--okd-color-red-600);--okd-button-plain-red-hover-icon-color:var(--okd-color-red-700);--okd-button-plain-red-active-icon-color:var(--okd-color-red-800);--okd-button-plain-red-focus-icon-color:var(--okd-color-red-700);--okd-button-plain-red-disabled-icon-color:var(--okd-color-gray-300);--okd-button-plain-red-default-shadow:none;--okd-button-plain-red-hover-shadow:none;--okd-button-plain-red-active-shadow:none;--okd-button-plain-red-focus-shadow:none;--okd-button-plain-red-disabled-shadow:none;--okd-button-plain-green-default-background:var(--okd-color-transparent);--okd-button-plain-green-hover-background:var(--okd-color-green-050);--okd-button-plain-green-active-background:var(--okd-color-green-100);--okd-button-plain-green-focus-background:var(--okd-color-green-100);--okd-button-plain-green-disabled-background:var(--okd-color-gray-100);--okd-button-plain-green-default-border-color:var(--okd-color-transparent);--okd-button-plain-green-hover-border-color:var(--okd-color-transparent);--okd-button-plain-green-active-border-color:var(--okd-color-transparent);--okd-button-plain-green-focus-border-color:var(--okd-color-transparent);--okd-button-plain-green-disabled-border-color:var(--okd-color-gray-100);--okd-button-plain-green-default-font-color:var(--okd-color-green-600);--okd-button-plain-green-hover-font-color:var(--okd-color-green-700);--okd-button-plain-green-active-font-color:var(--okd-color-green-800);--okd-button-plain-green-focus-font-color:var(--okd-color-green-700);--okd-button-plain-green-disabled-font-color:var(--okd-color-gray-300);--okd-button-plain-green-default-icon-color:var(--okd-color-green-600);--okd-button-plain-green-hover-icon-color:var(--okd-color-green-700);--okd-button-plain-green-active-icon-color:var(--okd-color-green-800);--okd-button-plain-green-focus-icon-color:var(--okd-color-green-700);--okd-button-plain-green-disabled-icon-color:var(--okd-color-gray-300);--okd-button-plain-green-default-shadow:none;--okd-button-plain-green-hover-shadow:none;--okd-button-plain-green-active-shadow:none;--okd-button-plain-green-focus-shadow:none;--okd-button-plain-green-disabled-shadow:none;--okd-button-plain-orange-default-background:var(--okd-color-transparent);--okd-button-plain-orange-hover-background:var(--okd-color-orange-050);--okd-button-plain-orange-active-background:var(--okd-color-orange-100);--okd-button-plain-orange-focus-background:var(--okd-color-orange-100);--okd-button-plain-orange-disabled-background:var(--okd-color-gray-100);--okd-button-plain-orange-default-border-color:var(--okd-color-transparent);--okd-button-plain-orange-hover-border-color:var(--okd-color-transparent);--okd-button-plain-orange-active-border-color:var(--okd-color-transparent);--okd-button-plain-orange-focus-border-color:var(--okd-color-transparent);--okd-button-plain-orange-disabled-border-color:var(--okd-color-gray-100);--okd-button-plain-orange-default-font-color:var(--okd-color-orange-600);--okd-button-plain-orange-hover-font-color:var(--okd-color-orange-700);--okd-button-plain-orange-active-font-color:var(--okd-color-orange-800);--okd-button-plain-orange-focus-font-color:var(--okd-color-orange-700);--okd-button-plain-orange-disabled-font-color:var(--okd-color-gray-300);--okd-button-plain-orange-default-icon-color:var(--okd-color-orange-600);--okd-button-plain-orange-hover-icon-color:var(--okd-color-orange-700);--okd-button-plain-orange-active-icon-color:var(--okd-color-orange-800);--okd-button-plain-orange-focus-icon-color:var(--okd-color-orange-700);--okd-button-plain-orange-disabled-icon-color:var(--okd-color-gray-300);--okd-button-plain-orange-default-shadow:none;--okd-button-plain-orange-hover-shadow:none;--okd-button-plain-orange-active-shadow:none;--okd-button-plain-orange-focus-shadow:none;--okd-button-plain-orange-disabled-shadow:none;--okd-button-plain-yellow-default-background:var(--okd-color-transparent);--okd-button-plain-yellow-hover-background:var(--okd-color-yellow-050);--okd-button-plain-yellow-active-background:var(--okd-color-yellow-100);--okd-button-plain-yellow-focus-background:var(--okd-color-yellow-100);--okd-button-plain-yellow-disabled-background:var(--okd-color-gray-100);--okd-button-plain-yellow-default-border-color:var(--okd-color-transparent);--okd-button-plain-yellow-hover-border-color:var(--okd-color-transparent);--okd-button-plain-yellow-active-border-color:var(--okd-color-transparent);--okd-button-plain-yellow-focus-border-color:var(--okd-color-transparent);--okd-button-plain-yellow-disabled-border-color:var(--okd-color-gray-100);--okd-button-plain-yellow-default-font-color:var(--okd-color-yellow-600);--okd-button-plain-yellow-hover-font-color:var(--okd-color-yellow-700);--okd-button-plain-yellow-active-font-color:var(--okd-color-yellow-800);--okd-button-plain-yellow-focus-font-color:var(--okd-color-yellow-700);--okd-button-plain-yellow-disabled-font-color:var(--okd-color-gray-300);--okd-button-plain-yellow-default-icon-color:var(--okd-color-yellow-600);--okd-button-plain-yellow-hover-icon-color:var(--okd-color-yellow-700);--okd-button-plain-yellow-active-icon-color:var(--okd-color-yellow-800);--okd-button-plain-yellow-focus-icon-color:var(--okd-color-yellow-700);--okd-button-plain-yellow-disabled-icon-color:var(--okd-color-gray-300);--okd-button-plain-yellow-default-shadow:none;--okd-button-plain-yellow-hover-shadow:none;--okd-button-plain-yellow-active-shadow:none;--okd-button-plain-yellow-focus-shadow:none;--okd-button-plain-yellow-disabled-shadow:none;--okd-button-xxs-font-size:var(--okd-font-size-xs);--okd-button-xs-font-size:var(--okd-font-size-xs);--okd-button-sm-font-size:var(--okd-font-size-md);--okd-button-md-font-size:var(--okd-font-size-md);--okd-button-lg-font-size:var(--okd-font-size-base);--okd-button-xl-font-size:var(--okd-font-size-base);--okd-button-xxs-icon-size:14px;--okd-button-xs-icon-size:14px;--okd-button-sm-icon-size:18px;--okd-button-md-icon-size:18px;--okd-button-lg-icon-size:18px;--okd-button-xl-icon-size:18px;--okd-button-xxs-icon-margin:5px;--okd-button-xs-icon-margin:5px;--okd-button-sm-icon-margin:11px;--okd-button-md-icon-margin:11px;--okd-button-lg-icon-margin:11px;--okd-button-xl-icon-margin:11px;--okd-button-xxs-line-height:var(--okd-line-height-xs);--okd-button-xs-line-height:var(--okd-line-height-xs);--okd-button-sm-line-height:var(--okd-line-height-md);--okd-button-md-line-height:var(--okd-line-height-md);--okd-button-lg-line-height:var(--okd-line-height-base);--okd-button-xl-line-height:var(--okd-line-height-base);--okd-button-xxs-padding-horizontal:8px;--okd-button-xxs-padding-vertical:3px;--okd-button-xs-padding-horizontal:8px;--okd-button-xs-padding-vertical:5px;--okd-button-sm-padding-horizontal:12px;--okd-button-sm-padding-vertical:7px;--okd-button-md-padding-horizontal:16px;--okd-button-md-padding-vertical:9px;--okd-button-lg-padding-horizontal:24px;--okd-button-lg-padding-vertical:13px;--okd-button-xl-padding-horizontal:24px;--okd-button-xl-padding-vertical:17px;--okd-button-xxs-min-width:63px;--okd-button-xs-min-width:63px;--okd-button-sm-min-width:81px;--okd-button-md-min-width:90px;--okd-button-lg-min-width:108px;--okd-button-xl-min-width:126px;--okd-button-xxs-border-radius:var(--okd-border-radius-sm);--okd-button-xs-border-radius:var(--okd-border-radius-sm);--okd-button-sm-border-radius:var(--okd-border-radius-sm);--okd-button-md-border-radius:var(--okd-border-radius-sm);--okd-button-lg-border-radius:var(--okd-border-radius-sm);--okd-button-xl-border-radius:var(--okd-border-radius-sm);--okd-button-xxs-border-size:1px;--okd-button-xs-border-size:1px;--okd-button-sm-border-size:1px;--okd-button-md-border-size:1px;--okd-button-lg-border-size:1px;--okd-button-xl-border-size:1px;--okd-button-fill-primary-default-background:var(--okd-color-purple-1000);--okd-button-fill-primary-hover-background:var(--okd-color-purple-1000);--okd-button-fill-primary-active-background:var(--okd-color-purple-1000);--okd-button-fill-primary-focus-background:var(--okd-color-purple-1000);--okd-button-fill-primary-disabled-background:var(--okd-color-gray-100);--okd-button-fill-primary-default-border-color:var(--okd-color-purple-1000);--okd-button-fill-primary-hover-border-color:var(--okd-color-purple-1000);--okd-button-fill-primary-active-border-color:var(--okd-color-purple-1000);--okd-button-fill-primary-focus-border-color:var(--okd-color-purple-1000);--okd-button-fill-primary-disabled-border-color:var(--okd-color-gray-100);--okd-button-fill-primary-default-font-color:var(--okd-color-text-white);--okd-button-fill-primary-hover-font-color:var(--okd-color-gray-400);--okd-button-fill-primary-active-font-color:var(--okd-color-text-white);--okd-button-fill-primary-focus-font-color:var(--okd-color-text-white);--okd-button-fill-primary-disabled-font-color:var(--okd-color-gray-300);--okd-button-fill-primary-default-icon-color:var(--okd-color-text-white);--okd-button-fill-primary-hover-icon-color:var(--okd-color-gray-400);--okd-button-fill-primary-active-icon-color:var(--okd-color-text-white);--okd-button-fill-primary-focus-icon-color:var(--okd-color-text-white);--okd-button-fill-primary-disabled-icon-color:var(--okd-color-gray-300);--okd-button-fill-primary-default-shadow:var(--okd-shadow-none);--okd-button-fill-primary-hover-shadow:var(--okd-shadow-none);--okd-button-fill-primary-active-shadow:var(--okd-shadow-none);--okd-button-fill-primary-focus-shadow:0px 0px 0px 3px #e2dafa;--okd-button-fill-primary-disabled-shadow:var(--okd-shadow-none);--okd-button-fill-primary-loader-track-color:var(--okd-color-gray-500);--okd-button-fill-primary-loader-mark-color:var(--okd-color-white);--okd-button-fill-highlight-default-background:linear-gradient(0.375turn,#aa85fa,#fe0072);--okd-button-fill-highlight-hover-background:linear-gradient(0.375turn,#7e49e0,#c32a72);--okd-button-fill-highlight-active-background:linear-gradient(0.375turn,#7e49e0,#c32a72);--okd-button-fill-highlight-focus-background:linear-gradient(0.375turn,#7e49e0,#c32a72);--okd-button-fill-highlight-disabled-background:var(--okd-color-gray-100);--okd-button-fill-highlight-default-border-color:transparent;--okd-button-fill-highlight-hover-border-color:var(--okd-color-transparent);--okd-button-fill-highlight-active-border-color:var(--okd-color-transparent);--okd-button-fill-highlight-focus-border-color:var(--okd-color-transparent);--okd-button-fill-highlight-disabled-border-color:var(--okd-color-gray-100);--okd-button-fill-highlight-default-font-color:var(--okd-color-text-white);--okd-button-fill-highlight-hover-font-color:var(--okd-color-text-white);--okd-button-fill-highlight-active-font-color:var(--okd-color-text-white);--okd-button-fill-highlight-focus-font-color:var(--okd-color-text-white);--okd-button-fill-highlight-disabled-font-color:var(--okd-color-gray-300);--okd-button-fill-highlight-default-icon-color:var(--okd-color-text-white);--okd-button-fill-highlight-hover-icon-color:var(--okd-color-text-white);--okd-button-fill-highlight-active-icon-color:var(--okd-color-text-white);--okd-button-fill-highlight-focus-icon-color:var(--okd-color-text-white);--okd-button-fill-highlight-disabled-icon-color:var(--okd-color-gray-300);--okd-button-fill-highlight-default-shadow:var(--okd-shadow-none);--okd-button-fill-highlight-hover-shadow:var(--okd-shadow-none);--okd-button-fill-highlight-active-shadow:var(--okd-shadow-none);--okd-button-fill-highlight-focus-shadow:0px 0px 0px 3px #fad5de;--okd-button-fill-highlight-disabled-shadow:var(--okd-shadow-none);--okd-button-fill-highlight-loader-track-color:var(--okd-color-pink-300);--okd-button-fill-highlight-loader-mark-color:var(--okd-color-white);--okd-button-fill-red-default-background:var(--okd-color-red-600);--okd-button-fill-red-hover-background:var(--okd-color-red-700);--okd-button-fill-red-active-background:var(--okd-color-red-800);--okd-button-fill-red-focus-background:var(--okd-color-red-700);--okd-button-fill-red-disabled-background:var(--okd-color-gray-100);--okd-button-fill-red-default-border-color:var(--okd-color-red-600);--okd-button-fill-red-hover-border-color:var(--okd-color-red-700);--okd-button-fill-red-active-border-color:var(--okd-color-red-800);--okd-button-fill-red-focus-border-color:var(--okd-color-red-700);--okd-button-fill-red-disabled-border-color:var(--okd-color-gray-100);--okd-button-fill-red-default-font-color:var(--okd-color-text-white);--okd-button-fill-red-hover-font-color:var(--okd-color-text-white);--okd-button-fill-red-active-font-color:var(--okd-color-text-white);--okd-button-fill-red-focus-font-color:var(--okd-color-text-white);--okd-button-fill-red-disabled-font-color:var(--okd-color-gray-300);--okd-button-fill-red-default-icon-color:var(--okd-color-text-white);--okd-button-fill-red-hover-icon-color:var(--okd-color-text-white);--okd-button-fill-red-active-icon-color:var(--okd-color-text-white);--okd-button-fill-red-focus-icon-color:var(--okd-color-text-white);--okd-button-fill-red-disabled-icon-color:var(--okd-color-gray-300);--okd-button-fill-red-default-shadow:var(--okd-shadow-sm);--okd-button-fill-red-hover-shadow:var(--okd-shadow-none);--okd-button-fill-red-active-shadow:var(--okd-shadow-none);--okd-button-fill-red-focus-shadow:0px 0px 0px 3px var(--okd-color-red-200);--okd-button-fill-red-disabled-shadow:var(--okd-shadow-none);--okd-button-fill-red-loader-track-color:var(--okd-color-red-500);--okd-button-fill-red-loader-mark-color:var(--okd-color-white);--okd-button-fill-green-default-background:var(--okd-color-green-600);--okd-button-fill-green-hover-background:var(--okd-color-green-700);--okd-button-fill-green-active-background:var(--okd-color-green-800);--okd-button-fill-green-focus-background:var(--okd-color-green-700);--okd-button-fill-green-disabled-background:var(--okd-color-gray-100);--okd-button-fill-green-default-border-color:var(--okd-color-green-600);--okd-button-fill-green-hover-border-color:var(--okd-color-green-700);--okd-button-fill-green-active-border-color:var(--okd-color-green-800);--okd-button-fill-green-focus-border-color:var(--okd-color-green-700);--okd-button-fill-green-disabled-border-color:var(--okd-color-gray-100);--okd-button-fill-green-default-font-color:var(--okd-color-text-white);--okd-button-fill-green-hover-font-color:var(--okd-color-text-white);--okd-button-fill-green-active-font-color:var(--okd-color-text-white);--okd-button-fill-green-focus-font-color:var(--okd-color-text-white);--okd-button-fill-green-disabled-font-color:var(--okd-color-gray-300);--okd-button-fill-green-default-icon-color:var(--okd-color-text-white);--okd-button-fill-green-hover-icon-color:var(--okd-color-text-white);--okd-button-fill-green-active-icon-color:var(--okd-color-text-white);--okd-button-fill-green-focus-icon-color:var(--okd-color-text-white);--okd-button-fill-green-disabled-icon-color:var(--okd-color-gray-300);--okd-button-fill-green-default-shadow:var(--okd-shadow-sm);--okd-button-fill-green-hover-shadow:var(--okd-shadow-none);--okd-button-fill-green-active-shadow:var(--okd-shadow-none);--okd-button-fill-green-focus-shadow:0px 0px 0px 3px #93f0d1;--okd-button-fill-green-disabled-shadow:var(--okd-shadow-none);--okd-button-fill-green-loader-track-color:var(--okd-color-green-500);--okd-button-fill-green-loader-mark-color:var(--okd-color-white);--okd-button-fill-secondary-default-background:var(--okd-color-gray-050);--okd-button-fill-secondary-hover-background:var(--okd-color-gray-100);--okd-button-fill-secondary-active-background:var(--okd-color-gray-200);--okd-button-fill-secondary-focus-background:var(--okd-color-gray-100);--okd-button-fill-secondary-disabled-background:var(--okd-color-gray-100);--okd-button-fill-secondary-default-border-color:var(--okd-color-gray-050);--okd-button-fill-secondary-hover-border-color:var(--okd-color-gray-100);--okd-button-fill-secondary-active-border-color:var(--okd-color-gray-200);--okd-button-fill-secondary-focus-border-color:var(--okd-color-gray-100);--okd-button-fill-secondary-disabled-border-color:var(--okd-color-gray-100);--okd-button-fill-secondary-default-font-color:var(--okd-color-text-black);--okd-button-fill-secondary-hover-font-color:var(--okd-color-text-black);--okd-button-fill-secondary-active-font-color:var(--okd-color-text-black);--okd-button-fill-secondary-focus-font-color:var(--okd-color-text-black);--okd-button-fill-secondary-disabled-font-color:var(--okd-color-gray-300);--okd-button-fill-secondary-default-icon-color:var(--okd-color-text-black);--okd-button-fill-secondary-hover-icon-color:var(--okd-color-text-black);--okd-button-fill-secondary-active-icon-color:var(--okd-color-text-black);--okd-button-fill-secondary-focus-icon-color:var(--okd-color-text-black);--okd-button-fill-secondary-disabled-icon-color:var(--okd-color-gray-300);--okd-button-fill-secondary-default-shadow:var(--okd-shadow-none);--okd-button-fill-secondary-hover-shadow:var(--okd-shadow-none);--okd-button-fill-secondary-active-shadow:var(--okd-shadow-none);--okd-button-fill-secondary-focus-shadow:0px 0px 0px 3px var(--okd-color-gray-200);--okd-button-fill-secondary-disabled-shadow:var(--okd-shadow-none);--okd-button-fill-secondary-loader-track-color:hsla(0,0%,100%,.24);--okd-button-fill-secondary-loader-mark-color:var(--okd-color-white);--okd-button-fill-grey-default-background:var(--okd-color-gray-050);--okd-button-fill-grey-hover-background:var(--okd-color-gray-100);--okd-button-fill-grey-active-background:var(--okd-color-gray-200);--okd-button-fill-grey-focus-background:var(--okd-color-gray-100);--okd-button-fill-grey-disabled-background:var(--okd-color-gray-100);--okd-button-fill-grey-default-border-color:var(--okd-color-gray-050);--okd-button-fill-grey-hover-border-color:var(--okd-color-gray-100);--okd-button-fill-grey-active-border-color:var(--okd-color-gray-200);--okd-button-fill-grey-focus-border-color:var(--okd-color-gray-100);--okd-button-fill-grey-disabled-border-color:var(--okd-color-gray-100);--okd-button-fill-grey-default-font-color:var(--okd-color-text-black);--okd-button-fill-grey-hover-font-color:var(--okd-color-text-black);--okd-button-fill-grey-active-font-color:var(--okd-color-text-black);--okd-button-fill-grey-focus-font-color:var(--okd-color-text-black);--okd-button-fill-grey-disabled-font-color:var(--okd-color-gray-300);--okd-button-fill-grey-default-icon-color:var(--okd-color-text-black);--okd-button-fill-grey-hover-icon-color:var(--okd-color-text-black);--okd-button-fill-grey-active-icon-color:var(--okd-color-text-black);--okd-button-fill-grey-focus-icon-color:var(--okd-color-text-black);--okd-button-fill-grey-disabled-icon-color:var(--okd-color-gray-300);--okd-button-fill-grey-default-shadow:0 0 0 0 transparent;--okd-button-fill-grey-hover-shadow:var(--okd-shadow-none);--okd-button-fill-grey-active-shadow:var(--okd-shadow-none);--okd-button-fill-grey-focus-shadow:0px 0px 0px 3px #dedde1;--okd-button-fill-grey-disabled-shadow:var(--okd-shadow-none);--okd-button-fill-grey-loader-track-color:var(--okd-color-gray-100);--okd-button-fill-grey-loader-mark-color:var(--okd-color-gray-500);--okd-button-outline-primary-default-background:var(--okd-color-white);--okd-button-outline-primary-hover-background:var(--okd-color-gray-050);--okd-button-outline-primary-active-background:var(--okd-color-gray-100);--okd-button-outline-primary-focus-background:var(--okd-color-gray-100);--okd-button-outline-primary-disabled-background:var(--okd-color-gray-100);--okd-button-outline-primary-default-border-color:var(--okd-color-gray-200);--okd-button-outline-primary-hover-border-color:var(--okd-color-gray-400);--okd-button-outline-primary-active-border-color:var(--okd-color-gray-400);--okd-button-outline-primary-focus-border-color:var(--okd-color-gray-400);--okd-button-outline-primary-disabled-border-color:var(--okd-color-gray-100);--okd-button-outline-primary-default-font-color:var(--okd-color-text-black);--okd-button-outline-primary-hover-font-color:var(--okd-color-text-black);--okd-button-outline-primary-active-font-color:var(--okd-color-text-black);--okd-button-outline-primary-focus-font-color:var(--okd-color-text-black);--okd-button-outline-primary-disabled-font-color:var(--okd-color-gray-300);--okd-button-outline-primary-default-icon-color:var(--okd-color-text-black);--okd-button-outline-primary-hover-icon-color:var(--okd-color-text-black);--okd-button-outline-primary-active-icon-color:var(--okd-color-text-black);--okd-button-outline-primary-focus-icon-color:var(--okd-color-text-black);--okd-button-outline-primary-disabled-icon-color:var(--okd-color-gray-300);--okd-button-outline-primary-default-shadow:var(--okd-shadow-none);--okd-button-outline-primary-hover-shadow:var(--okd-shadow-none);--okd-button-outline-primary-active-shadow:var(--okd-shadow-none);--okd-button-outline-primary-focus-shadow:0px 0px 0px 3px var(--okd-color-gray-300);--okd-button-outline-primary-disabled-shadow:var(--okd-shadow-none);--okd-button-outline-primary-loader-track-color:var(--okd-color-gray-100);--okd-button-outline-primary-loader-mark-color:var(--okd-color-gray-500);--okd-button-outline-secondary-default-background:var(--okd-color-transparent);--okd-button-outline-secondary-hover-background:var(--okd-color-gray-050);--okd-button-outline-secondary-active-background:var(--okd-color-gray-100);--okd-button-outline-secondary-focus-background:var(--okd-color-gray-100);--okd-button-outline-secondary-disabled-background:var(--okd-color-gray-100);--okd-button-outline-secondary-default-border-color:var(--okd-color-gray-200);--okd-button-outline-secondary-hover-border-color:var(--okd-color-gray-400);--okd-button-outline-secondary-active-border-color:var(--okd-color-gray-400);--okd-button-outline-secondary-focus-border-color:var(--okd-color-gray-400);--okd-button-outline-secondary-disabled-border-color:var(--okd-color-gray-100);--okd-button-outline-secondary-default-font-color:var(--okd-color-purple-1000);--okd-button-outline-secondary-hover-font-color:var(--okd-color-purple-1000);--okd-button-outline-secondary-active-font-color:var(--okd-color-purple-1000);--okd-button-outline-secondary-focus-font-color:var(--okd-color-purple-1000);--okd-button-outline-secondary-disabled-font-color:var(--okd-color-gray-300);--okd-button-outline-secondary-default-icon-color:var(--okd-color-text-white);--okd-button-outline-secondary-hover-icon-color:var(--okd-color-text-white);--okd-button-outline-secondary-active-icon-color:var(--okd-color-purple-1000);--okd-button-outline-secondary-focus-icon-color:var(--okd-color-purple-1000);--okd-button-outline-secondary-disabled-icon-color:var(--okd-color-gray-300);--okd-button-outline-secondary-default-shadow:var(--okd-shadow-none);--okd-button-outline-secondary-hover-shadow:var(--okd-shadow-none);--okd-button-outline-secondary-active-shadow:var(--okd-shadow-none);--okd-button-outline-secondary-focus-shadow:0px 0px 0px 3px var(--okd-color-gray-300);--okd-button-outline-secondary-disabled-shadow:var(--okd-shadow-none);--okd-button-outline-secondary-loader-track-color:var(--okd-color-gray-100);--okd-button-outline-secondary-loader-mark-color:var(--okd-color-gray-500);--okd-button-text-primary-default-background:var(--okd-color-transparent);--okd-button-text-primary-hover-background:var(--okd-color-blue-050);--okd-button-text-primary-active-background:var(--okd-color-gray-100);--okd-button-text-primary-focus-background:var(--okd-color-gray-100);--okd-button-text-primary-disabled-background:var(--okd-color-gray-100);--okd-button-text-primary-default-border-color:var(--okd-color-transparent);--okd-button-text-primary-hover-border-color:var(--okd-color-transparent);--okd-button-text-primary-active-border-color:var(--okd-color-transparent);--okd-button-text-primary-focus-border-color:var(--okd-color-transparent);--okd-button-text-primary-disabled-border-color:var(--okd-color-gray-100);--okd-button-text-primary-default-font-color:var(--okd-color-gray-900);--okd-button-text-primary-hover-font-color:var(--okd-color-gray-700);--okd-button-text-primary-active-font-color:var(--okd-color-gray-900);--okd-button-text-primary-focus-font-color:var(--okd-color-gray-700);--okd-button-text-primary-disabled-font-color:var(--okd-color-gray-300);--okd-button-text-primary-default-icon-color:var(--okd-color-gray-900);--okd-button-text-primary-hover-icon-color:var(--okd-color-gray-700);--okd-button-text-primary-active-icon-color:var(--okd-color-gray-900);--okd-button-text-primary-focus-icon-color:var(--okd-color-gray-700);--okd-button-text-primary-disabled-icon-color:var(--okd-color-gray-300);--okd-button-text-primary-default-shadow:none;--okd-button-text-primary-hover-shadow:none;--okd-button-text-primary-active-shadow:none;--okd-button-text-primary-focus-shadow:none;--okd-button-text-primary-disabled-shadow:none;--okd-button-text-secondary-default-background:var(--okd-color-transparent);--okd-button-text-secondary-hover-background:var(--okd-color-gray-050);--okd-button-text-secondary-active-background:var(--okd-color-gray-100);--okd-button-text-secondary-focus-background:var(--okd-color-gray-100);--okd-button-text-secondary-disabled-background:var(--okd-color-gray-100);--okd-button-text-secondary-default-border-color:var(--okd-color-transparent);--okd-button-text-secondary-hover-border-color:var(--okd-color-transparent);--okd-button-text-secondary-active-border-color:var(--okd-color-transparent);--okd-button-text-secondary-focus-border-color:var(--okd-color-transparent);--okd-button-text-secondary-disabled-border-color:var(--okd-color-gray-100);--okd-button-text-secondary-default-font-color:var(--okd-color-gray-600);--okd-button-text-secondary-hover-font-color:var(--okd-color-gray-700);--okd-button-text-secondary-active-font-color:var(--okd-color-gray-800);--okd-button-text-secondary-focus-font-color:var(--okd-color-gray-700);--okd-button-text-secondary-disabled-font-color:var(--okd-color-gray-300);--okd-button-text-secondary-default-icon-color:var(--okd-color-gray-600);--okd-button-text-secondary-hover-icon-color:var(--okd-color-gray-700);--okd-button-text-secondary-active-icon-color:var(--okd-color-gray-800);--okd-button-text-secondary-focus-icon-color:var(--okd-color-gray-700);--okd-button-text-secondary-disabled-icon-color:var(--okd-color-gray-300);--okd-button-text-secondary-default-shadow:none;--okd-button-text-secondary-hover-shadow:none;--okd-button-text-secondary-active-shadow:none;--okd-button-text-secondary-focus-shadow:none;--okd-button-text-secondary-disabled-shadow:none;--okd-button-text-red-default-background:var(--okd-color-transparent);--okd-button-text-red-hover-background:var(--okd-color-red-050);--okd-button-text-red-active-background:var(--okd-color-red-100);--okd-button-text-red-focus-background:var(--okd-color-red-100);--okd-button-text-red-disabled-background:var(--okd-color-gray-100);--okd-button-text-red-default-border-color:var(--okd-color-transparent);--okd-button-text-red-hover-border-color:var(--okd-color-transparent);--okd-button-text-red-active-border-color:var(--okd-color-transparent);--okd-button-text-red-focus-border-color:var(--okd-color-transparent);--okd-button-text-red-disabled-border-color:var(--okd-color-gray-100);--okd-button-text-red-default-font-color:var(--okd-color-red-600);--okd-button-text-red-hover-font-color:var(--okd-color-red-700);--okd-button-text-red-active-font-color:var(--okd-color-red-800);--okd-button-text-red-focus-font-color:var(--okd-color-red-700);--okd-button-text-red-disabled-font-color:var(--okd-color-gray-300);--okd-button-text-red-default-icon-color:var(--okd-color-red-600);--okd-button-text-red-hover-icon-color:var(--okd-color-red-700);--okd-button-text-red-active-icon-color:var(--okd-color-red-800);--okd-button-text-red-focus-icon-color:var(--okd-color-red-700);--okd-button-text-red-disabled-icon-color:var(--okd-color-gray-300);--okd-button-text-red-default-shadow:none;--okd-button-text-red-hover-shadow:none;--okd-button-text-red-active-shadow:none;--okd-button-text-red-focus-shadow:none;--okd-button-text-red-disabled-shadow:none;--okd-button-text-green-default-background:var(--okd-color-transparent);--okd-button-text-green-hover-background:var(--okd-color-green-050);--okd-button-text-green-active-background:var(--okd-color-green-100);--okd-button-text-green-focus-background:var(--okd-color-green-100);--okd-button-text-green-disabled-background:var(--okd-color-gray-100);--okd-button-text-green-default-border-color:var(--okd-color-transparent);--okd-button-text-green-hover-border-color:var(--okd-color-transparent);--okd-button-text-green-active-border-color:var(--okd-color-transparent);--okd-button-text-green-focus-border-color:var(--okd-color-transparent);--okd-button-text-green-disabled-border-color:var(--okd-color-gray-100);--okd-button-text-green-default-font-color:var(--okd-color-green-600);--okd-button-text-green-hover-font-color:var(--okd-color-green-700);--okd-button-text-green-active-font-color:var(--okd-color-green-800);--okd-button-text-green-focus-font-color:var(--okd-color-green-700);--okd-button-text-green-disabled-font-color:var(--okd-color-gray-300);--okd-button-text-green-default-icon-color:var(--okd-color-green-600);--okd-button-text-green-hover-icon-color:var(--okd-color-green-700);--okd-button-text-green-active-icon-color:var(--okd-color-green-800);--okd-button-text-green-focus-icon-color:var(--okd-color-green-700);--okd-button-text-green-disabled-icon-color:var(--okd-color-gray-300);--okd-button-text-green-default-shadow:none;--okd-button-text-green-hover-shadow:none;--okd-button-text-green-active-shadow:none;--okd-button-text-green-focus-shadow:none;--okd-button-text-green-disabled-shadow:none;--okd-button-text-orange-default-background:var(--okd-color-transparent);--okd-button-text-orange-hover-background:var(--okd-color-orange-050);--okd-button-text-orange-active-background:var(--okd-color-orange-100);--okd-button-text-orange-focus-background:var(--okd-color-orange-100);--okd-button-text-orange-disabled-background:var(--okd-color-gray-100);--okd-button-text-orange-default-border-color:var(--okd-color-transparent);--okd-button-text-orange-hover-border-color:var(--okd-color-transparent);--okd-button-text-orange-active-border-color:var(--okd-color-transparent);--okd-button-text-orange-focus-border-color:var(--okd-color-transparent);--okd-button-text-orange-disabled-border-color:var(--okd-color-gray-100);--okd-button-text-orange-default-font-color:var(--okd-color-orange-600);--okd-button-text-orange-hover-font-color:var(--okd-color-orange-700);--okd-button-text-orange-active-font-color:var(--okd-color-orange-800);--okd-button-text-orange-focus-font-color:var(--okd-color-orange-700);--okd-button-text-orange-disabled-font-color:var(--okd-color-gray-300);--okd-button-text-orange-default-icon-color:var(--okd-color-orange-600);--okd-button-text-orange-hover-icon-color:var(--okd-color-orange-700);--okd-button-text-orange-active-icon-color:var(--okd-color-orange-800);--okd-button-text-orange-focus-icon-color:var(--okd-color-orange-700);--okd-button-text-orange-disabled-icon-color:var(--okd-color-gray-300);--okd-button-text-orange-default-shadow:none;--okd-button-text-orange-hover-shadow:none;--okd-button-text-orange-active-shadow:none;--okd-button-text-orange-focus-shadow:none;--okd-button-text-orange-disabled-shadow:none;--okd-button-text-yellow-default-background:var(--okd-color-transparent);--okd-button-text-yellow-hover-background:var(--okd-color-yellow-050);--okd-button-text-yellow-active-background:var(--okd-color-yellow-100);--okd-button-text-yellow-focus-background:var(--okd-color-yellow-100);--okd-button-text-yellow-disabled-background:var(--okd-color-gray-100);--okd-button-text-yellow-default-border-color:var(--okd-color-transparent);--okd-button-text-yellow-hover-border-color:var(--okd-color-transparent);--okd-button-text-yellow-active-border-color:var(--okd-color-transparent);--okd-button-text-yellow-focus-border-color:var(--okd-color-transparent);--okd-button-text-yellow-disabled-border-color:var(--okd-color-gray-100);--okd-button-text-yellow-default-font-color:var(--okd-color-yellow-600);--okd-button-text-yellow-hover-font-color:var(--okd-color-yellow-700);--okd-button-text-yellow-active-font-color:var(--okd-color-yellow-800);--okd-button-text-yellow-focus-font-color:var(--okd-color-yellow-700);--okd-button-text-yellow-disabled-font-color:var(--okd-color-gray-300);--okd-button-text-yellow-default-icon-color:var(--okd-color-yellow-600);--okd-button-text-yellow-hover-icon-color:var(--okd-color-yellow-700);--okd-button-text-yellow-active-icon-color:var(--okd-color-yellow-800);--okd-button-text-yellow-focus-icon-color:var(--okd-color-yellow-700);--okd-button-text-yellow-disabled-icon-color:var(--okd-color-gray-300);--okd-button-text-yellow-default-shadow:none;--okd-button-text-yellow-hover-shadow:none;--okd-button-text-yellow-active-shadow:none;--okd-button-text-yellow-focus-shadow:none;--okd-button-text-yellow-disabled-shadow:none;--okd-button-fill-primary-border-size:0px;--okd-button-fill-secondary-border-size:0px;--okd-button-fill-highlight-border-size:0px;--okd-button-fill-red-border-size:0px;--okd-button-fill-green-border-size:0px;--okd-button-fill-grey-border-size:0px;--okd-button-outline-primary-border-size:1px;--okd-button-outline-secondary-border-size:1px;--okd-button-text-primary-border-size:1px;--okd-button-text-secondary-border-size:1px;--okd-button-text-red-border-size:1px;--okd-button-text-green-border-size:1px;--okd-button-text-orange-border-size:1px;--okd-button-text-yellow-border-size:1px;--okd-button-xl-loader-size:18px;--okd-button-lg-loader-size:14px;--okd-button-md-loader-size:14px;--okd-button-sm-loader-size:14px;--okd-button-xs-loader-size:14px;--okd-button-xxs-loader-size:14px;--okd-button-xl-loader-text-margin-left:4px;--okd-button-lg-loader-text-margin-left:4px;--okd-button-md-loader-text-margin-left:4px;--okd-button-sm-loader-text-margin-left:4px;--okd-button-xs-loader-text-margin-left:4px;--okd-button-xxs-loader-text-margin-left:4px;--okd-button-s-loader-text-margin-left:4px;--okd-button-s-loader-size:14px;--okd-button-s-border-radius:4px;--okd-button-s-min-width:72px;--okd-button-s-padding-vertical:7px;--okd-button-s-padding-horizontal:12px;--okd-button-s-line-height:16px;--okd-button-s-icon-margin:11px;--okd-button-s-icon-size:18px;--okd-button-s-font-size:14px;--okd-button-outline-tertiary-border-size:1px;--okd-button-rect-xxs-border-radius:4px;--okd-button-rect-xs-border-radius:4px;--okd-button-rect-sm-border-radius:4px;--okd-button-rect-s-border-radius:4px;--okd-button-rect-md-border-radius:4px;--okd-button-rect-lg-border-radius:8px;--okd-button-rect-xl-border-radius:8px;--okd-button-fill-tertiary-border-size:0px;--okd-button-fill-quaternary-border-size:0px}.theme-dark{--okd-icon-size-base:18px;--okd-icon-size-xs:14px;--okd-color-gray-050:#000;--okd-color-gray-100:#2e2e2e;--okd-color-gray-200:#404040;--okd-color-gray-300:#6c6c6c;--okd-color-gray-400:#909090;--okd-color-gray-500:#b0b0b0;--okd-color-gray-600:#ccc;--okd-color-gray-700:#e3e3e3;--okd-color-gray-800:#f0f0f0;--okd-color-gray-900:#fafafa;--okd-color-blue-050:#051738;--okd-color-blue-100:#082356;--okd-color-blue-200:#0c3178;--okd-color-blue-300:#0f3c94;--okd-color-blue-400:#1148b0;--okd-color-blue-500:#1453cc;--okd-color-blue-600:#175fe8;--okd-color-blue-700:#1e6bff;--okd-color-blue-800:#3077ff;--okd-color-blue-900:#4283ff;--okd-color-green-050:#002b1f;--okd-color-green-100:#062b12;--okd-color-green-200:#0c5625;--okd-color-green-300:#138037;--okd-color-green-400:#19ab4a;--okd-color-green-500:#1fd65c;--okd-color-green-600:#4cde7d;--okd-color-green-700:#79e69d;--okd-color-green-800:#a5efbe;--okd-color-green-900:#d2f7de;--okd-color-red-050:#270b12;--okd-color-red-100:#300e17;--okd-color-red-200:#601d2e;--okd-color-red-300:#902b44;--okd-color-red-400:#c03a5b;--okd-color-red-500:#f04872;--okd-color-red-600:#f76489;--okd-color-red-700:#f994ae;--okd-color-red-800:#f9b6c7;--okd-color-red-900:#fff8f9;--okd-color-orange-050:#361604;--okd-color-orange-100:#532206;--okd-color-orange-200:#743008;--okd-color-orange-300:#8f3b0a;--okd-color-orange-400:#aa460c;--okd-color-orange-500:#c5510e;--okd-color-orange-600:#e15c0f;--okd-color-orange-700:#f76816;--okd-color-orange-800:#f87428;--okd-color-orange-900:#fa8c4d;--okd-color-yellow-050:#2d2104;--okd-color-yellow-100:#493603;--okd-color-yellow-200:#674b04;--okd-color-yellow-300:#7f5d05;--okd-color-yellow-400:#966e06;--okd-color-yellow-500:#ae8007;--okd-color-yellow-600:#c69208;--okd-color-yellow-700:#dba20e;--okd-color-yellow-800:#dea921;--okd-color-yellow-900:#e0b134;--okd-color-text-white:#fff;--okd-color-text-black:#1f2933;--okd-color-background-1:#121212;--okd-color-background-2:#1a1a1a;--okd-color-transparent:transparent;--okd-color-white:#fff;--okd-color-black:#000;--okd-color-line-muted:#2e2e2e;--okd-color-line-amplifed:#6c6c6c;--okd-color-line-secondary:#404040;--okd-color-text-lighter:#6c6c6c;--okd-color-text-light:#909090;--okd-color-text-secondary:#e3e3e3;--okd-color-text-amplifed:#fafafa;--okd-color-background-3:#242424;--okd-color-fq-blue-lv1:#3077ff;--okd-color-fq-blue-lv2:#1e6bff;--okd-color-fq-green-lv1:#1fd65c;--okd-color-fq-red-lv1:#f04872;--okd-color-fq-orange-lv1:#f76816;--okd-color-prefer-red-chart:#f04872;--okd-color-prefer-red-bg:#ca3f64;--okd-color-prefer-green-chart:#1fd65c;--okd-color-prefer-green-bg:#25a750;--okd-color-prefer-red-text:#ca3f64;--okd-color-prefer-green-text:#25a750;--okd-color-branded-primary:#bcff2f;--okd-color-fq-critical:#f04872;--okd-color-fq-positive:#1fd65c;--okd-color-fq-warning:#f76816;--okd-color-fq-accent:#1e6bff;--okd-color-fq-neutral:#fafafa;--okd-color-prefer-neutral-bg:#909090;--okd-color-prefer-neutral-text:#909090;--okd-font-size-base:16px;--okd-font-size-md:14px;--okd-font-size-xs:12px;--okd-line-height-base:20px;--okd-line-height-md:20px;--okd-line-height-xs:16px;--okd-shadow-none:0 0 0 0 transparent;--okd-shadow-xs:0 0 0 1px #0000000d;--okd-shadow-sm:0 1px 2px 0 #0000000d;--okd-shadow-default:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--okd-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--okd-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--okd-shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--okd-shadow-2xl:0 25px 50px -12px #00000040;--okd-border-radius-none:0;--okd-border-radius-sm:2px;--okd-border-radius-md:4px;--okd-border-radius-lg:6px;--okd-border-radius-xl:8px;--okd-border-radius-xxl:10px;--okd-border-radius-xxxl:12px;--okd-font-family:HarmonyOS Sans,SF Pro Text,SF Pro Icons,Arial,Helvetica Neue,Helvetica,sans-serif;--okd-text-display-lg-font-size:56px;--okd-text-display-lg-font-weight:500;--okd-text-display-lg-line-height:1.32;--okd-text-display-md-font-size:40px;--okd-text-display-md-font-weight:500;--okd-text-display-md-line-height:52px;--okd-text-display-sm-font-size:40px;--okd-text-display-sm-font-weight:500;--okd-text-display-sm-line-height:52px;--okd-text-heading-lg-font-size:30px;--okd-text-heading-lg-font-weight:500;--okd-text-heading-lg-line-height:40px;--okd-text-heading-md-font-size:24px;--okd-text-heading-md-font-weight:500;--okd-text-heading-md-line-height:30px;--okd-text-heading-sm-font-size:18px;--okd-text-heading-sm-font-weight:500;--okd-text-heading-sm-line-height:24px;--okd-text-heading-xl-font-size:36px;--okd-text-heading-xl-line-height:1.32;--okd-text-heading-xl-font-weight:600;--okd-text-heading-xxl-font-size:40px;--okd-text-heading-xxl-line-height:1.32;--okd-text-heading-xxl-font-weight:600;--okd-text-heading-overline-font-size:12px;--okd-text-heading-overline-line-height:15px;--okd-text-heading-overline-font-weight:500;--okd-text-body-sm-regular-font-size:14px;--okd-text-body-sm-regular-font-weight:400;--okd-text-body-sm-regular-line-height:21px;--okd-text-body-sm-bold-font-size:14px;--okd-text-body-sm-bold-font-weight:500;--okd-text-body-sm-bold-line-height:21px;--okd-text-body-md-regular-font-size:16px;--okd-text-body-md-regular-font-weight:400;--okd-text-body-md-regular-line-height:24px;--okd-text-body-md-bold-font-size:16px;--okd-text-body-md-bold-font-weight:500;--okd-text-body-md-bold-line-height:24px;--okd-text-body-xs-regular-font-size:12px;--okd-text-body-xs-regular-font-weight:400;--okd-text-body-xs-regular-line-height:18px;--okd-text-body-xs-bold-font-size:12px;--okd-text-body-xs-bold-font-weight:500;--okd-text-body-xs-bold-line-height:18px;--okd-font-weight-400:400;--okd-font-weight-500:500;--okd-font-weight-600:600;--okd-font-weight-700:700;--okd-font-weight-800:800;--okd-font-weight-900:900;--okd-font-weight-regular:400;--okd-font-weight-medium:500;--okd-font-weight-bold:700;--okd-button-primary-normal-default-background:var(--okd-color-blue-900);--okd-button-primary-normal-hover-background:var(--okd-color-blue-700);--okd-button-primary-normal-active-background:var(--okd-color-blue-300);--okd-button-primary-normal-focus-background:var(--okd-color-blue-900);--okd-button-primary-normal-disabled-background:var(--okd-color-gray-400);--okd-button-primary-normal-default-border-color:var(--okd-color-blue-900);--okd-button-primary-normal-hover-border-color:var(--okd-color-blue-700);--okd-button-primary-normal-active-border-color:var(--okd-color-blue-300);--okd-button-primary-normal-focus-border-color:var(--okd-color-blue-900);--okd-button-primary-normal-disabled-border-color:var(--okd-color-gray-400);--okd-button-primary-normal-default-font-color:var(--okd-color-text-white);--okd-button-primary-normal-hover-font-color:var(--okd-color-text-white);--okd-button-primary-normal-active-font-color:var(--okd-color-text-white);--okd-button-primary-normal-focus-font-color:var(--okd-color-text-white);--okd-button-primary-normal-disabled-font-color:var(--okd-color-gray-500);--okd-button-primary-normal-default-icon-color:var(--okd-color-text-white);--okd-button-primary-normal-hover-icon-color:var(--okd-color-text-white);--okd-button-primary-normal-active-icon-color:var(--okd-color-text-white);--okd-button-primary-normal-focus-icon-color:var(--okd-color-text-white);--okd-button-primary-normal-disabled-icon-color:var(--okd-color-gray-500);--okd-button-primary-normal-default-shadow:var(--okd-shadow-none);--okd-button-primary-normal-hover-shadow:var(--okd-shadow-none);--okd-button-primary-normal-active-shadow:var(--okd-shadow-none);--okd-button-primary-normal-focus-shadow:0px 0px 0px 3px var(--okd-color-blue-200);--okd-button-primary-normal-disabled-shadow:var(--okd-shadow-none);--okd-button-primary-normal-loader-track-color:hsla(0,0%,100%,.24);--okd-button-primary-normal-loader-mark-color:var(--okd-color-white);--okd-button-primary-red-default-background:var(--okd-color-red-900);--okd-button-primary-red-hover-background:var(--okd-color-red-700);--okd-button-primary-red-active-background:var(--okd-color-red-300);--okd-button-primary-red-focus-background:var(--okd-color-red-900);--okd-button-primary-red-disabled-background:var(--okd-color-gray-400);--okd-button-primary-red-default-border-color:var(--okd-color-red-900);--okd-button-primary-red-hover-border-color:var(--okd-color-red-700);--okd-button-primary-red-active-border-color:var(--okd-color-red-300);--okd-button-primary-red-focus-border-color:var(--okd-color-red-900);--okd-button-primary-red-disabled-border-color:var(--okd-color-gray-400);--okd-button-primary-red-default-font-color:var(--okd-color-text-white);--okd-button-primary-red-hover-font-color:var(--okd-color-text-white);--okd-button-primary-red-active-font-color:var(--okd-color-text-white);--okd-button-primary-red-focus-font-color:var(--okd-color-text-white);--okd-button-primary-red-disabled-font-color:var(--okd-color-gray-500);--okd-button-primary-red-default-icon-color:var(--okd-color-text-white);--okd-button-primary-red-hover-icon-color:var(--okd-color-text-white);--okd-button-primary-red-active-icon-color:var(--okd-color-text-white);--okd-button-primary-red-focus-icon-color:var(--okd-color-text-white);--okd-button-primary-red-disabled-icon-color:var(--okd-color-gray-500);--okd-button-primary-red-default-shadow:var(--okd-shadow-sm);--okd-button-primary-red-hover-shadow:var(--okd-shadow-none);--okd-button-primary-red-active-shadow:var(--okd-shadow-none);--okd-button-primary-red-focus-shadow:0px 0px 0px 3px var(--okd-color-red-200);--okd-button-primary-red-disabled-shadow:var(--okd-shadow-none);--okd-button-primary-red-loader-track-color:hsla(0,0%,100%,.24);--okd-button-primary-red-loader-mark-color:var(--okd-color-white);--okd-button-primary-green-default-background:var(--okd-color-green-900);--okd-button-primary-green-hover-background:var(--okd-color-green-700);--okd-button-primary-green-active-background:var(--okd-color-green-300);--okd-button-primary-green-focus-background:var(--okd-color-green-900);--okd-button-primary-green-disabled-background:var(--okd-color-gray-400);--okd-button-primary-green-default-border-color:var(--okd-color-green-900);--okd-button-primary-green-hover-border-color:var(--okd-color-green-700);--okd-button-primary-green-active-border-color:var(--okd-color-green-300);--okd-button-primary-green-focus-border-color:var(--okd-color-green-900);--okd-button-primary-green-disabled-border-color:var(--okd-color-gray-400);--okd-button-primary-green-default-font-color:var(--okd-color-text-white);--okd-button-primary-green-hover-font-color:var(--okd-color-text-white);--okd-button-primary-green-active-font-color:var(--okd-color-text-white);--okd-button-primary-green-focus-font-color:var(--okd-color-text-white);--okd-button-primary-green-disabled-font-color:var(--okd-color-gray-500);--okd-button-primary-green-default-icon-color:var(--okd-color-text-white);--okd-button-primary-green-hover-icon-color:var(--okd-color-text-white);--okd-button-primary-green-active-icon-color:var(--okd-color-text-white);--okd-button-primary-green-focus-icon-color:var(--okd-color-text-white);--okd-button-primary-green-disabled-icon-color:var(--okd-color-gray-500);--okd-button-primary-green-default-shadow:var(--okd-shadow-sm);--okd-button-primary-green-hover-shadow:var(--okd-shadow-none);--okd-button-primary-green-active-shadow:var(--okd-shadow-none);--okd-button-primary-green-focus-shadow:0px 0px 0px 3px var(--okd-color-green-200);--okd-button-primary-green-disabled-shadow:var(--okd-shadow-none);--okd-button-primary-green-loader-track-color:hsla(0,0%,100%,.24);--okd-button-primary-green-loader-mark-color:var(--okd-color-white);--okd-button-secondary-normal-default-background:var(--okd-color-gray-400);--okd-button-secondary-normal-hover-background:var(--okd-color-gray-500);--okd-button-secondary-normal-active-background:var(--okd-color-gray-300);--okd-button-secondary-normal-focus-background:var(--okd-color-gray-400);--okd-button-secondary-normal-disabled-background:var(--okd-color-gray-400);--okd-button-secondary-normal-default-border-color:var(--okd-color-gray-400);--okd-button-secondary-normal-hover-border-color:var(--okd-color-gray-500);--okd-button-secondary-normal-active-border-color:var(--okd-color-gray-300);--okd-button-secondary-normal-focus-border-color:var(--okd-color-gray-400);--okd-button-secondary-normal-disabled-border-color:var(--okd-color-gray-400);--okd-button-secondary-normal-default-font-color:var(--okd-color-text-white);--okd-button-secondary-normal-hover-font-color:var(--okd-color-text-white);--okd-button-secondary-normal-active-font-color:var(--okd-color-text-white);--okd-button-secondary-normal-focus-font-color:var(--okd-color-text-white);--okd-button-secondary-normal-disabled-font-color:var(--okd-color-gray-500);--okd-button-secondary-normal-default-icon-color:var(--okd-color-text-white);--okd-button-secondary-normal-hover-icon-color:var(--okd-color-text-white);--okd-button-secondary-normal-active-icon-color:var(--okd-color-text-white);--okd-button-secondary-normal-focus-icon-color:var(--okd-color-text-white);--okd-button-secondary-normal-disabled-icon-color:var(--okd-color-gray-500);--okd-button-secondary-normal-default-shadow:var(--okd-shadow-none);--okd-button-secondary-normal-hover-shadow:var(--okd-shadow-none);--okd-button-secondary-normal-active-shadow:var(--okd-shadow-none);--okd-button-secondary-normal-focus-shadow:0px 0px 0px 3px var(--okd-color-gray-200);--okd-button-secondary-normal-disabled-shadow:var(--okd-shadow-none);--okd-button-secondary-normal-loader-track-color:var(--okd-color-gray-600);--okd-button-secondary-normal-loader-mark-color:var(--okd-color-white);--okd-button-secondary-grey-default-background:var(--okd-color-gray-400);--okd-button-secondary-grey-hover-background:var(--okd-color-gray-500);--okd-button-secondary-grey-active-background:var(--okd-color-gray-300);--okd-button-secondary-grey-focus-background:var(--okd-color-gray-400);--okd-button-secondary-grey-disabled-background:var(--okd-color-gray-200);--okd-button-secondary-grey-default-border-color:var(--okd-color-gray-400);--okd-button-secondary-grey-hover-border-color:var(--okd-color-gray-500);--okd-button-secondary-grey-active-border-color:var(--okd-color-gray-300);--okd-button-secondary-grey-focus-border-color:var(--okd-color-gray-400);--okd-button-secondary-grey-disabled-border-color:var(--okd-color-gray-200);--okd-button-secondary-grey-default-font-color:var(--okd-color-text-white);--okd-button-secondary-grey-hover-font-color:var(--okd-color-text-white);--okd-button-secondary-grey-active-font-color:var(--okd-color-text-white);--okd-button-secondary-grey-focus-font-color:var(--okd-color-text-white);--okd-button-secondary-grey-disabled-font-color:var(--okd-color-gray-600);--okd-button-secondary-grey-default-icon-color:var(--okd-color-text-white);--okd-button-secondary-grey-hover-icon-color:var(--okd-color-text-white);--okd-button-secondary-grey-active-icon-color:var(--okd-color-text-white);--okd-button-secondary-grey-focus-icon-color:var(--okd-color-text-white);--okd-button-secondary-grey-disabled-icon-color:var(--okd-color-gray-600);--okd-button-secondary-grey-default-shadow:var(--okd-shadow-sm);--okd-button-secondary-grey-hover-shadow:var(--okd-shadow-none);--okd-button-secondary-grey-active-shadow:var(--okd-shadow-none);--okd-button-secondary-grey-focus-shadow:0px 0px 0px 3px var(--okd-color-gray-200);--okd-button-secondary-grey-disabled-shadow:var(--okd-shadow-none);--okd-button-secondary-grey-loader-track-color:var(--okd-color-gray-600);--okd-button-secondary-grey-loader-mark-color:var(--okd-color-gray-900);--okd-button-basic-normal-default-background:var(--okd-color-transparent);--okd-button-basic-normal-hover-background:var(--okd-color-gray-200);--okd-button-basic-normal-active-background:var(--okd-color-gray-300);--okd-button-basic-normal-focus-background:var(--okd-color-transparent);--okd-button-basic-normal-disabled-background:var(--okd-color-transparent);--okd-button-basic-normal-default-border-color:var(--okd-color-gray-500);--okd-button-basic-normal-hover-border-color:var(--okd-color-gray-500);--okd-button-basic-normal-active-border-color:var(--okd-color-gray-500);--okd-button-basic-normal-focus-border-color:var(--okd-color-gray-500);--okd-button-basic-normal-disabled-border-color:var(--okd-color-gray-400);--okd-button-basic-normal-default-font-color:var(--okd-color-text-white);--okd-button-basic-normal-hover-font-color:var(--okd-color-text-white);--okd-button-basic-normal-active-font-color:var(--okd-color-text-white);--okd-button-basic-normal-focus-font-color:var(--okd-color-text-white);--okd-button-basic-normal-disabled-font-color:var(--okd-color-gray-500);--okd-button-basic-normal-default-icon-color:var(--okd-color-text-white);--okd-button-basic-normal-hover-icon-color:var(--okd-color-text-white);--okd-button-basic-normal-active-icon-color:var(--okd-color-text-white);--okd-button-basic-normal-focus-icon-color:var(--okd-color-text-white);--okd-button-basic-normal-disabled-icon-color:var(--okd-color-gray-500);--okd-button-basic-normal-default-shadow:var(--okd-shadow-none);--okd-button-basic-normal-hover-shadow:var(--okd-shadow-none);--okd-button-basic-normal-active-shadow:var(--okd-shadow-none);--okd-button-basic-normal-focus-shadow:0px 0px 0px 3px var(--okd-color-gray-300);--okd-button-basic-normal-disabled-shadow:var(--okd-shadow-none);--okd-button-basic-normal-loader-track-color:var(--okd-color-gray-400);--okd-button-basic-normal-loader-mark-color:#fff;--okd-button-plain-normal-default-background:var(--okd-color-transparent);--okd-button-plain-normal-hover-background:var(--okd-color-blue-050);--okd-button-plain-normal-active-background:var(--okd-color-blue-050);--okd-button-plain-normal-focus-background:var(--okd-color-blue-050);--okd-button-plain-normal-disabled-background:var(--okd-color-transparent);--okd-button-plain-normal-default-border-color:var(--okd-color-transparent);--okd-button-plain-normal-hover-border-color:var(--okd-color-transparent);--okd-button-plain-normal-active-border-color:var(--okd-color-transparent);--okd-button-plain-normal-focus-border-color:var(--okd-color-transparent);--okd-button-plain-normal-disabled-border-color:var(--okd-color-transparent);--okd-button-plain-normal-default-font-color:var(--okd-color-blue-800);--okd-button-plain-normal-hover-font-color:var(--okd-color-blue-900);--okd-button-plain-normal-active-font-color:var(--okd-color-blue-900);--okd-button-plain-normal-focus-font-color:var(--okd-color-blue-900);--okd-button-plain-normal-disabled-font-color:var(--okd-color-gray-600);--okd-button-plain-normal-default-icon-color:var(--okd-color-blue-800);--okd-button-plain-normal-hover-icon-color:var(--okd-color-blue-900);--okd-button-plain-normal-active-icon-color:var(--okd-color-blue-900);--okd-button-plain-normal-focus-icon-color:var(--okd-color-blue-900);--okd-button-plain-normal-disabled-icon-color:var(--okd-color-gray-600);--okd-button-plain-normal-default-shadow:none;--okd-button-plain-normal-hover-shadow:none;--okd-button-plain-normal-active-shadow:none;--okd-button-plain-normal-focus-shadow:none;--okd-button-plain-normal-disabled-shadow:none;--okd-button-plain-red-default-background:var(--okd-color-transparent);--okd-button-plain-red-hover-background:var(--okd-color-red-050);--okd-button-plain-red-active-background:var(--okd-color-red-050);--okd-button-plain-red-focus-background:var(--okd-color-red-050);--okd-button-plain-red-disabled-background:var(--okd-color-gray-050);--okd-button-plain-red-default-border-color:var(--okd-color-transparent);--okd-button-plain-red-hover-border-color:var(--okd-color-transparent);--okd-button-plain-red-active-border-color:var(--okd-color-transparent);--okd-button-plain-red-focus-border-color:var(--okd-color-transparent);--okd-button-plain-red-disabled-border-color:var(--okd-color-transparent);--okd-button-plain-red-default-font-color:var(--okd-color-red-800);--okd-button-plain-red-hover-font-color:var(--okd-color-red-800);--okd-button-plain-red-active-font-color:var(--okd-color-red-800);--okd-button-plain-red-focus-font-color:var(--okd-color-red-800);--okd-button-plain-red-disabled-font-color:rgba(249,182,199,.45);--okd-button-plain-red-default-icon-color:var(--okd-color-red-800);--okd-button-plain-red-hover-icon-color:var(--okd-color-red-800);--okd-button-plain-red-active-icon-color:var(--okd-color-red-800);--okd-button-plain-red-focus-icon-color:var(--okd-color-red-800);--okd-button-plain-red-disabled-icon-color:rgba(249,182,199,.45);--okd-button-plain-red-default-shadow:none;--okd-button-plain-red-hover-shadow:none;--okd-button-plain-red-active-shadow:none;--okd-button-plain-red-focus-shadow:none;--okd-button-plain-red-disabled-shadow:none;--okd-button-plain-green-default-background:var(--okd-color-transparent);--okd-button-plain-green-hover-background:var(--okd-color-green-050);--okd-button-plain-green-active-background:var(--okd-color-green-050);--okd-button-plain-green-focus-background:var(--okd-color-green-050);--okd-button-plain-green-disabled-background:var(--okd-color-gray-050);--okd-button-plain-green-default-border-color:var(--okd-color-transparent);--okd-button-plain-green-hover-border-color:var(--okd-color-transparent);--okd-button-plain-green-active-border-color:var(--okd-color-transparent);--okd-button-plain-green-focus-border-color:var(--okd-color-transparent);--okd-button-plain-green-disabled-border-color:var(--okd-color-transparent);--okd-button-plain-green-default-font-color:var(--okd-color-green-800);--okd-button-plain-green-hover-font-color:var(--okd-color-green-800);--okd-button-plain-green-active-font-color:var(--okd-color-green-800);--okd-button-plain-green-focus-font-color:var(--okd-color-green-800);--okd-button-plain-green-disabled-font-color:rgba(165,239,190,.45);--okd-button-plain-green-default-icon-color:var(--okd-color-green-800);--okd-button-plain-green-hover-icon-color:var(--okd-color-green-800);--okd-button-plain-green-active-icon-color:var(--okd-color-green-800);--okd-button-plain-green-focus-icon-color:var(--okd-color-green-800);--okd-button-plain-green-disabled-icon-color:rgba(165,239,190,.45);--okd-button-plain-green-default-shadow:none;--okd-button-plain-green-hover-shadow:none;--okd-button-plain-green-active-shadow:none;--okd-button-plain-green-focus-shadow:none;--okd-button-plain-green-disabled-shadow:none;--okd-button-plain-orange-default-background:var(--okd-color-transparent);--okd-button-plain-orange-hover-background:var(--okd-color-orange-050);--okd-button-plain-orange-active-background:var(--okd-color-orange-050);--okd-button-plain-orange-focus-background:var(--okd-color-orange-050);--okd-button-plain-orange-disabled-background:var(--okd-color-gray-050);--okd-button-plain-orange-default-border-color:var(--okd-color-transparent);--okd-button-plain-orange-hover-border-color:var(--okd-color-transparent);--okd-button-plain-orange-active-border-color:var(--okd-color-transparent);--okd-button-plain-orange-focus-border-color:var(--okd-color-transparent);--okd-button-plain-orange-disabled-border-color:var(--okd-color-transparent);--okd-button-plain-orange-default-font-color:var(--okd-color-orange-800);--okd-button-plain-orange-hover-font-color:var(--okd-color-orange-800);--okd-button-plain-orange-active-font-color:var(--okd-color-orange-800);--okd-button-plain-orange-focus-font-color:var(--okd-color-orange-800);--okd-button-plain-orange-disabled-font-color:rgba(248,116,40,.45);--okd-button-plain-orange-default-icon-color:var(--okd-color-orange-800);--okd-button-plain-orange-hover-icon-color:var(--okd-color-orange-800);--okd-button-plain-orange-active-icon-color:var(--okd-color-orange-800);--okd-button-plain-orange-focus-icon-color:var(--okd-color-orange-800);--okd-button-plain-orange-disabled-icon-color:rgba(248,116,40,.45);--okd-button-plain-orange-default-shadow:none;--okd-button-plain-orange-hover-shadow:none;--okd-button-plain-orange-active-shadow:none;--okd-button-plain-orange-focus-shadow:none;--okd-button-plain-orange-disabled-shadow:none;--okd-button-plain-yellow-default-background:var(--okd-color-transparent);--okd-button-plain-yellow-hover-background:var(--okd-color-yellow-050);--okd-button-plain-yellow-active-background:var(--okd-color-yellow-050);--okd-button-plain-yellow-focus-background:var(--okd-color-yellow-050);--okd-button-plain-yellow-disabled-background:var(--okd-color-gray-050);--okd-button-plain-yellow-default-border-color:var(--okd-color-transparent);--okd-button-plain-yellow-hover-border-color:var(--okd-color-transparent);--okd-button-plain-yellow-active-border-color:var(--okd-color-transparent);--okd-button-plain-yellow-focus-border-color:var(--okd-color-transparent);--okd-button-plain-yellow-disabled-border-color:var(--okd-color-transparent);--okd-button-plain-yellow-default-font-color:var(--okd-color-yellow-800);--okd-button-plain-yellow-hover-font-color:var(--okd-color-yellow-800);--okd-button-plain-yellow-active-font-color:var(--okd-color-yellow-800);--okd-button-plain-yellow-focus-font-color:var(--okd-color-yellow-800);--okd-button-plain-yellow-disabled-font-color:rgba(222,169,33,.45);--okd-button-plain-yellow-default-icon-color:var(--okd-color-yellow-800);--okd-button-plain-yellow-hover-icon-color:var(--okd-color-yellow-800);--okd-button-plain-yellow-active-icon-color:var(--okd-color-yellow-800);--okd-button-plain-yellow-focus-icon-color:var(--okd-color-yellow-800);--okd-button-plain-yellow-disabled-icon-color:rgba(222,169,33,.45);--okd-button-plain-yellow-default-shadow:none;--okd-button-plain-yellow-hover-shadow:none;--okd-button-plain-yellow-active-shadow:none;--okd-button-plain-yellow-focus-shadow:none;--okd-button-plain-yellow-disabled-shadow:none;--okd-button-xxs-font-size:var(--okd-font-size-xs);--okd-button-xs-font-size:var(--okd-font-size-xs);--okd-button-sm-font-size:var(--okd-font-size-md);--okd-button-md-font-size:var(--okd-font-size-md);--okd-button-lg-font-size:var(--okd-font-size-base);--okd-button-xl-font-size:18px;--okd-button-xxs-icon-size:14px;--okd-button-xs-icon-size:14px;--okd-button-sm-icon-size:18px;--okd-button-md-icon-size:18px;--okd-button-lg-icon-size:18px;--okd-button-xl-icon-size:18px;--okd-button-xxs-icon-margin:5px;--okd-button-xs-icon-margin:5px;--okd-button-sm-icon-margin:11px;--okd-button-md-icon-margin:11px;--okd-button-lg-icon-margin:11px;--okd-button-xl-icon-margin:11px;--okd-button-xxs-line-height:var(--okd-line-height-xs);--okd-button-xs-line-height:var(--okd-line-height-xs);--okd-button-sm-line-height:var(--okd-line-height-md);--okd-button-md-line-height:var(--okd-line-height-md);--okd-button-lg-line-height:var(--okd-line-height-base);--okd-button-xl-line-height:var(--okd-line-height-base);--okd-button-xxs-padding-horizontal:8px;--okd-button-xxs-padding-vertical:3px;--okd-button-xs-padding-horizontal:8px;--okd-button-xs-padding-vertical:5px;--okd-button-sm-padding-horizontal:12px;--okd-button-sm-padding-vertical:7px;--okd-button-md-padding-horizontal:16px;--okd-button-md-padding-vertical:9px;--okd-button-lg-padding-horizontal:24px;--okd-button-lg-padding-vertical:13px;--okd-button-xl-padding-horizontal:24px;--okd-button-xl-padding-vertical:17px;--okd-button-xxs-min-width:63px;--okd-button-xs-min-width:63px;--okd-button-sm-min-width:81px;--okd-button-md-min-width:90px;--okd-button-lg-min-width:108px;--okd-button-xl-min-width:126px;--okd-button-xxs-border-radius:60px;--okd-button-xs-border-radius:60px;--okd-button-sm-border-radius:60px;--okd-button-md-border-radius:60px;--okd-button-lg-border-radius:60px;--okd-button-xl-border-radius:60px;--okd-button-xxs-border-size:1px;--okd-button-xs-border-size:1px;--okd-button-sm-border-size:1px;--okd-button-md-border-size:1px;--okd-button-lg-border-size:1px;--okd-button-xl-border-size:1px;--okd-button-fill-primary-default-background:var(--okd-color-blue-700);--okd-button-fill-primary-hover-background:var(--okd-color-blue-500);--okd-button-fill-primary-active-background:var(--okd-color-blue-500);--okd-button-fill-primary-focus-background:var(--okd-color-blue-500);--okd-button-fill-primary-disabled-background:hsla(0,0%,100%,.06);--okd-button-fill-primary-default-border-color:var(--okd-color-blue-700);--okd-button-fill-primary-hover-border-color:var(--okd-color-transparent);--okd-button-fill-primary-active-border-color:var(--okd-color-transparent);--okd-button-fill-primary-focus-border-color:var(--okd-color-transparent);--okd-button-fill-primary-disabled-border-color:var(--okd-color-background-3);--okd-button-fill-primary-default-font-color:var(--okd-color-text-white);--okd-button-fill-primary-hover-font-color:var(--okd-color-text-white);--okd-button-fill-primary-active-font-color:var(--okd-color-text-white);--okd-button-fill-primary-focus-font-color:var(--okd-color-text-white);--okd-button-fill-primary-disabled-font-color:var(--okd-color-text-lighter);--okd-button-fill-primary-default-icon-color:var(--okd-color-text-white);--okd-button-fill-primary-hover-icon-color:var(--okd-color-text-white);--okd-button-fill-primary-active-icon-color:var(--okd-color-text-white);--okd-button-fill-primary-focus-icon-color:var(--okd-color-text-white);--okd-button-fill-primary-disabled-icon-color:var(--okd-color-text-lighter);--okd-button-fill-primary-default-shadow:var(--okd-shadow-none);--okd-button-fill-primary-hover-shadow:var(--okd-shadow-none);--okd-button-fill-primary-active-shadow:var(--okd-shadow-none);--okd-button-fill-primary-focus-shadow:0px 0px 0px 1.5px #121212,0px 0px 0px 4px #2676ff8c;--okd-button-fill-primary-disabled-shadow:var(--okd-shadow-none);--okd-button-fill-primary-loader-track-color:hsla(0,0%,100%,.24);--okd-button-fill-primary-loader-mark-color:var(--okd-color-white);--okd-button-fill-highlight-default-background:var(--okd-color-text-amplifed);--okd-button-fill-highlight-hover-background:var(--okd-color-text-amplifed);--okd-button-fill-highlight-active-background:var(--okd-color-text-amplifed);--okd-button-fill-highlight-focus-background:var(--okd-color-text-amplifed);--okd-button-fill-highlight-disabled-background:#2e2e2e;--okd-button-fill-highlight-default-border-color:var(--okd-color-text-amplifed);--okd-button-fill-highlight-hover-border-color:var(--okd-color-text-amplifed);--okd-button-fill-highlight-active-border-color:var(--okd-color-text-amplifed);--okd-button-fill-highlight-focus-border-color:var(--okd-color-text-amplifed);--okd-button-fill-highlight-disabled-border-color:var(--okd-color-gray-100);--okd-button-fill-highlight-default-font-color:var(--okd-color-gray-050);--okd-button-fill-highlight-hover-font-color:rgba(0,0,0,.4);--okd-button-fill-highlight-active-font-color:var(--okd-color-gray-050);--okd-button-fill-highlight-focus-font-color:var(--okd-color-gray-050);--okd-button-fill-highlight-disabled-font-color:var(--okd-color-text-lighter);--okd-button-fill-highlight-default-icon-color:var(--okd-color-gray-050);--okd-button-fill-highlight-hover-icon-color:rgba(0,0,0,.4);--okd-button-fill-highlight-active-icon-color:var(--okd-color-gray-050);--okd-button-fill-highlight-focus-icon-color:var(--okd-color-gray-050);--okd-button-fill-highlight-disabled-icon-color:var(--okd-color-text-lighter);--okd-button-fill-highlight-default-shadow:var(--okd-shadow-none);--okd-button-fill-highlight-hover-shadow:var(--okd-shadow-none);--okd-button-fill-highlight-active-shadow:var(--okd-shadow-none);--okd-button-fill-highlight-focus-shadow:0px 0px 0px 1.5px #000,0px 0px 0px 4px #fafafa40;--okd-button-fill-highlight-disabled-shadow:var(--okd-shadow-none);--okd-button-fill-highlight-loader-track-color:rgba(0,0,0,.15);--okd-button-fill-highlight-loader-mark-color:var(--okd-color-gray-050);--okd-button-fill-red-default-background:var(--okd-color-prefer-red-bg);--okd-button-fill-red-hover-background:rgba(202,63,100,.8);--okd-button-fill-red-active-background:rgba(202,63,100,.8);--okd-button-fill-red-focus-background:var(--okd-color-red-500);--okd-button-fill-red-disabled-background:hsla(0,0%,100%,.06);--okd-button-fill-red-default-border-color:var(--okd-color-transparent);--okd-button-fill-red-hover-border-color:var(--okd-color-transparent);--okd-button-fill-red-active-border-color:var(--okd-color-transparent);--okd-button-fill-red-focus-border-color:var(--okd-color-transparent);--okd-button-fill-red-disabled-border-color:hsla(0,0%,100%,0);--okd-button-fill-red-default-font-color:var(--okd-color-white);--okd-button-fill-red-hover-font-color:var(--okd-color-white);--okd-button-fill-red-active-font-color:var(--okd-color-white);--okd-button-fill-red-focus-font-color:var(--okd-color-text-white);--okd-button-fill-red-disabled-font-color:var(--okd-color-text-lighter);--okd-button-fill-red-default-icon-color:var(--okd-color-text-white);--okd-button-fill-red-hover-icon-color:var(--okd-color-text-white);--okd-button-fill-red-active-icon-color:var(--okd-color-text-white);--okd-button-fill-red-focus-icon-color:var(--okd-color-text-white);--okd-button-fill-red-disabled-icon-color:var(--okd-color-text-lighter);--okd-button-fill-red-default-shadow:var(--okd-shadow-sm);--okd-button-fill-red-hover-shadow:var(--okd-shadow-none);--okd-button-fill-red-active-shadow:var(--okd-shadow-none);--okd-button-fill-red-focus-shadow:0px 0px 0px 1.5px #121212,0px 0px 0px 4px #bf474780;--okd-button-fill-red-disabled-shadow:var(--okd-shadow-none);--okd-button-fill-red-loader-track-color:rgba(0,0,0,.24);--okd-button-fill-red-loader-mark-color:var(--okd-color-white);--okd-button-fill-green-default-background:var(--okd-color-prefer-green-bg);--okd-button-fill-green-hover-background:rgba(37,167,80,.8);--okd-button-fill-green-active-background:rgba(37,167,80,.8);--okd-button-fill-green-focus-background:var(--okd-color-green-500);--okd-button-fill-green-disabled-background:hsla(0,0%,100%,.06);--okd-button-fill-green-default-border-color:var(--okd-color-transparent);--okd-button-fill-green-hover-border-color:var(--okd-color-transparent);--okd-button-fill-green-active-border-color:var(--okd-color-transparent);--okd-button-fill-green-focus-border-color:var(--okd-color-green-500);--okd-button-fill-green-disabled-border-color:hsla(0,0%,100%,0);--okd-button-fill-green-default-font-color:var(--okd-color-white);--okd-button-fill-green-hover-font-color:var(--okd-color-white);--okd-button-fill-green-active-font-color:var(--okd-color-white);--okd-button-fill-green-focus-font-color:var(--okd-color-text-white);--okd-button-fill-green-disabled-font-color:var(--okd-color-text-lighter);--okd-button-fill-green-default-icon-color:var(--okd-color-text-white);--okd-button-fill-green-hover-icon-color:var(--okd-color-text-white);--okd-button-fill-green-active-icon-color:var(--okd-color-text-white);--okd-button-fill-green-focus-icon-color:var(--okd-color-text-white);--okd-button-fill-green-disabled-icon-color:var(--okd-color-text-lighter);--okd-button-fill-green-default-shadow:var(--okd-shadow-sm);--okd-button-fill-green-hover-shadow:var(--okd-shadow-none);--okd-button-fill-green-active-shadow:var(--okd-shadow-none);--okd-button-fill-green-focus-shadow:0px 0px 0px 1.5px #121212,0px 0px 0px 4px #33b06a8c;--okd-button-fill-green-disabled-shadow:var(--okd-shadow-none);--okd-button-fill-green-loader-track-color:rgba(0,0,0,.24);--okd-button-fill-green-loader-mark-color:var(--okd-color-white);--okd-button-fill-secondary-default-background:hsla(0,0%,98%,.06);--okd-button-fill-secondary-hover-background:hsla(0,0%,100%,.15);--okd-button-fill-secondary-active-background:hsla(0,0%,100%,.15);--okd-button-fill-secondary-focus-background:hsla(0,0%,100%,.15);--okd-button-fill-secondary-disabled-background:hsla(0,0%,100%,.06);--okd-button-fill-secondary-default-border-color:var(--okd-color-transparent);--okd-button-fill-secondary-hover-border-color:var(--okd-color-transparent);--okd-button-fill-secondary-active-border-color:var(--okd-color-transparent);--okd-button-fill-secondary-focus-border-color:var(--okd-color-transparent);--okd-button-fill-secondary-disabled-border-color:var(--okd-color-background-3);--okd-button-fill-secondary-default-font-color:var(--okd-color-text-amplifed);--okd-button-fill-secondary-hover-font-color:var(--okd-color-white);--okd-button-fill-secondary-active-font-color:var(--okd-color-text-white);--okd-button-fill-secondary-focus-font-color:var(--okd-color-text-white);--okd-button-fill-secondary-disabled-font-color:var(--okd-color-text-lighter);--okd-button-fill-secondary-default-icon-color:var(--okd-color-text-amplifed);--okd-button-fill-secondary-hover-icon-color:var(--okd-color-text-amplifed);--okd-button-fill-secondary-active-icon-color:var(--okd-color-text-white);--okd-button-fill-secondary-focus-icon-color:var(--okd-color-text-white);--okd-button-fill-secondary-disabled-icon-color:var(--okd-color-text-lighter);--okd-button-fill-secondary-default-shadow:var(--okd-shadow-none);--okd-button-fill-secondary-hover-shadow:var(--okd-shadow-none);--okd-button-fill-secondary-active-shadow:var(--okd-shadow-none);--okd-button-fill-secondary-focus-shadow:0px 0px 0px 1.5px #121212,0px 0px 0px 4px #ffffff1a;--okd-button-fill-secondary-disabled-shadow:var(--okd-shadow-none);--okd-button-fill-secondary-loader-track-color:var(--okd-color-gray-300);--okd-button-fill-secondary-loader-mark-color:var(--okd-color-white);--okd-button-fill-grey-default-background:var(--okd-color-background-3);--okd-button-fill-grey-hover-background:rgba(64,64,64,.6);--okd-button-fill-grey-active-background:rgba(64,64,64,.6);--okd-button-fill-grey-focus-background:rgba(64,64,64,.6);--okd-button-fill-grey-disabled-background:hsla(0,0%,100%,.06);--okd-button-fill-grey-default-border-color:var(--okd-color-transparent);--okd-button-fill-grey-hover-border-color:var(--okd-color-transparent);--okd-button-fill-grey-active-border-color:var(--okd-color-transparent);--okd-button-fill-grey-focus-border-color:var(--okd-color-gray-200);--okd-button-fill-grey-disabled-border-color:hsla(0,0%,100%,0);--okd-button-fill-grey-default-font-color:var(--okd-color-text-amplifed);--okd-button-fill-grey-hover-font-color:var(--okd-color-text-white);--okd-button-fill-grey-active-font-color:var(--okd-color-text-white);--okd-button-fill-grey-focus-font-color:var(--okd-color-text-white);--okd-button-fill-grey-disabled-font-color:var(--okd-color-text-lighter);--okd-button-fill-grey-default-icon-color:var(--okd-color-text-amplifed);--okd-button-fill-grey-hover-icon-color:var(--okd-color-text-white);--okd-button-fill-grey-active-icon-color:var(--okd-color-text-white);--okd-button-fill-grey-focus-icon-color:var(--okd-color-text-white);--okd-button-fill-grey-disabled-icon-color:var(--okd-color-text-lighter);--okd-button-fill-grey-default-shadow:0 0 0 0 transparent;--okd-button-fill-grey-hover-shadow:var(--okd-shadow-none);--okd-button-fill-grey-active-shadow:0 0 0 0 transparent;--okd-button-fill-grey-focus-shadow:0px 0px 0px 1.5px #121212,0px 0px 0px 4px #ffffff1a;--okd-button-fill-grey-disabled-shadow:var(--okd-shadow-none);--okd-button-fill-grey-loader-track-color:var(--okd-color-gray-600);--okd-button-fill-grey-loader-mark-color:var(--okd-color-gray-900);--okd-button-outline-primary-default-background:var(--okd-color-transparent);--okd-button-outline-primary-hover-background:var(--okd-color-background-3);--okd-button-outline-primary-active-background:var(--okd-color-background-3);--okd-button-outline-primary-focus-background:var(--okd-color-background-3);--okd-button-outline-primary-disabled-background:hsla(0,0%,100%,0);--okd-button-outline-primary-default-border-color:var(--okd-color-line-secondary);--okd-button-outline-primary-hover-border-color:var(--okd-color-line-secondary);--okd-button-outline-primary-active-border-color:var(--okd-color-line-secondary);--okd-button-outline-primary-focus-border-color:var(--okd-color-line-secondary);--okd-button-outline-primary-disabled-border-color:var(--okd-color-line-muted);--okd-button-outline-primary-default-font-color:var(--okd-color-text-amplifed);--okd-button-outline-primary-hover-font-color:var(--okd-color-white);--okd-button-outline-primary-active-font-color:var(--okd-color-text-amplifed);--okd-button-outline-primary-focus-font-color:var(--okd-color-text-white);--okd-button-outline-primary-disabled-font-color:var(--okd-color-text-lighter);--okd-button-outline-primary-default-icon-color:var(--okd-color-text-amplifed);--okd-button-outline-primary-hover-icon-color:var(--okd-color-white);--okd-button-outline-primary-active-icon-color:var(--okd-color-text-amplifed);--okd-button-outline-primary-focus-icon-color:var(--okd-color-text-white);--okd-button-outline-primary-disabled-icon-color:var(--okd-color-text-lighter);--okd-button-outline-primary-default-shadow:var(--okd-shadow-none);--okd-button-outline-primary-hover-shadow:var(--okd-shadow-none);--okd-button-outline-primary-active-shadow:var(--okd-shadow-none);--okd-button-outline-primary-focus-shadow:0px 0px 0px 3.5px #ffffff1a;--okd-button-outline-primary-disabled-shadow:var(--okd-shadow-none);--okd-button-outline-primary-loader-track-color:hsla(0,0%,56%,.25);--okd-button-outline-primary-loader-mark-color:#fff;--okd-button-outline-secondary-default-background:var(--okd-color-transparent);--okd-button-outline-secondary-hover-background:var(--okd-color-background-3);--okd-button-outline-secondary-active-background:var(--okd-color-background-3);--okd-button-outline-secondary-focus-background:var(--okd-color-background-3);--okd-button-outline-secondary-disabled-background:var(--okd-color-transparent);--okd-button-outline-secondary-default-border-color:var(--okd-color-line-secondary);--okd-button-outline-secondary-hover-border-color:var(--okd-color-line-secondary);--okd-button-outline-secondary-active-border-color:var(--okd-color-line-secondary);--okd-button-outline-secondary-focus-border-color:var(--okd-color-line-secondary);--okd-button-outline-secondary-disabled-border-color:var(--okd-color-line-muted);--okd-button-outline-secondary-default-font-color:var(--okd-color-text-amplifed);--okd-button-outline-secondary-hover-font-color:var(--okd-color-text-amplifed);--okd-button-outline-secondary-active-font-color:var(--okd-color-text-amplifed);--okd-button-outline-secondary-focus-font-color:var(--okd-color-text-amplifed);--okd-button-outline-secondary-disabled-font-color:var(--okd-color-text-lighter);--okd-button-outline-secondary-default-icon-color:var(--okd-color-text-amplifed);--okd-button-outline-secondary-hover-icon-color:var(--okd-color-text-amplifed);--okd-button-outline-secondary-active-icon-color:var(--okd-color-text-amplifed);--okd-button-outline-secondary-focus-icon-color:var(--okd-color-text-amplifed);--okd-button-outline-secondary-disabled-icon-color:var(--okd-color-text-lighter);--okd-button-outline-secondary-default-shadow:var(--okd-shadow-none);--okd-button-outline-secondary-hover-shadow:var(--okd-shadow-none);--okd-button-outline-secondary-active-shadow:0 0 0 0 transparent;--okd-button-outline-secondary-focus-shadow:0px 0px 0px 3.5px #ffffff1a;--okd-button-outline-secondary-disabled-shadow:var(--okd-shadow-none);--okd-button-outline-secondary-loader-track-color:hsla(0,0%,100%,.25);--okd-button-outline-secondary-loader-mark-color:var(--okd-color-white);--okd-button-text-primary-default-background:var(--okd-color-transparent);--okd-button-text-primary-hover-background:var(--okd-color-blue-050);--okd-button-text-primary-active-background:var(--okd-color-blue-050);--okd-button-text-primary-focus-background:var(--okd-color-blue-050);--okd-button-text-primary-disabled-background:var(--okd-color-transparent);--okd-button-text-primary-default-border-color:var(--okd-color-transparent);--okd-button-text-primary-hover-border-color:var(--okd-color-transparent);--okd-button-text-primary-active-border-color:var(--okd-color-transparent);--okd-button-text-primary-focus-border-color:var(--okd-color-transparent);--okd-button-text-primary-disabled-border-color:var(--okd-color-transparent);--okd-button-text-primary-default-font-color:var(--okd-color-blue-900);--okd-button-text-primary-hover-font-color:var(--okd-color-blue-900);--okd-button-text-primary-active-font-color:var(--okd-color-blue-900);--okd-button-text-primary-focus-font-color:var(--okd-color-blue-900);--okd-button-text-primary-disabled-font-color:var(--okd-color-text-lighter);--okd-button-text-primary-default-icon-color:var(--okd-color-blue-900);--okd-button-text-primary-hover-icon-color:var(--okd-color-blue-900);--okd-button-text-primary-active-icon-color:var(--okd-color-blue-900);--okd-button-text-primary-focus-icon-color:var(--okd-color-blue-900);--okd-button-text-primary-disabled-icon-color:var(--okd-color-text-lighter);--okd-button-text-primary-default-shadow:none;--okd-button-text-primary-hover-shadow:none;--okd-button-text-primary-active-shadow:none;--okd-button-text-primary-focus-shadow:none;--okd-button-text-primary-disabled-shadow:none;--okd-button-text-secondary-default-background:var(--okd-color-transparent);--okd-button-text-secondary-hover-background:var(--okd-color-blue-050);--okd-button-text-secondary-active-background:var(--okd-color-blue-050);--okd-button-text-secondary-focus-background:var(--okd-color-blue-050);--okd-button-text-secondary-disabled-background:var(--okd-color-transparent);--okd-button-text-secondary-default-border-color:var(--okd-color-transparent);--okd-button-text-secondary-hover-border-color:var(--okd-color-transparent);--okd-button-text-secondary-active-border-color:var(--okd-color-transparent);--okd-button-text-secondary-focus-border-color:var(--okd-color-transparent);--okd-button-text-secondary-disabled-border-color:var(--okd-color-transparent);--okd-button-text-secondary-default-font-color:var(--okd-color-blue-900);--okd-button-text-secondary-hover-font-color:var(--okd-color-blue-900);--okd-button-text-secondary-active-font-color:var(--okd-color-blue-900);--okd-button-text-secondary-focus-font-color:var(--okd-color-blue-900);--okd-button-text-secondary-disabled-font-color:var(--okd-color-text-lighter);--okd-button-text-secondary-default-icon-color:var(--okd-color-blue-900);--okd-button-text-secondary-hover-icon-color:var(--okd-color-blue-900);--okd-button-text-secondary-active-icon-color:var(--okd-color-blue-900);--okd-button-text-secondary-focus-icon-color:var(--okd-color-blue-900);--okd-button-text-secondary-disabled-icon-color:var(--okd-color-text-lighter);--okd-button-text-secondary-default-shadow:none;--okd-button-text-secondary-hover-shadow:none;--okd-button-text-secondary-active-shadow:none;--okd-button-text-secondary-focus-shadow:none;--okd-button-text-secondary-disabled-shadow:none;--okd-button-text-red-default-background:var(--okd-color-transparent);--okd-button-text-red-hover-background:rgba(202,63,100,.1);--okd-button-text-red-active-background:rgba(202,63,100,.1);--okd-button-text-red-focus-background:var(--okd-color-red-050);--okd-button-text-red-disabled-background:var(--okd-color-gray-050);--okd-button-text-red-default-border-color:var(--okd-color-transparent);--okd-button-text-red-hover-border-color:var(--okd-color-transparent);--okd-button-text-red-active-border-color:var(--okd-color-transparent);--okd-button-text-red-focus-border-color:var(--okd-color-transparent);--okd-button-text-red-disabled-border-color:var(--okd-color-transparent);--okd-button-text-red-default-font-color:var(--okd-color-prefer-red-text);--okd-button-text-red-hover-font-color:var(--okd-color-prefer-red-text);--okd-button-text-red-active-font-color:#ca3f64;--okd-button-text-red-focus-font-color:var(--okd-color-red-800);--okd-button-text-red-disabled-font-color:rgba(249,182,199,.45);--okd-button-text-red-default-icon-color:var(--okd-color-prefer-red-text);--okd-button-text-red-hover-icon-color:rgba(202,63,100,.1);--okd-button-text-red-active-icon-color:var(--okd-color-prefer-red-text);--okd-button-text-red-focus-icon-color:var(--okd-color-red-800);--okd-button-text-red-disabled-icon-color:rgba(249,182,199,.45);--okd-button-text-red-default-shadow:none;--okd-button-text-red-hover-shadow:none;--okd-button-text-red-active-shadow:none;--okd-button-text-red-focus-shadow:none;--okd-button-text-red-disabled-shadow:none;--okd-button-text-green-default-background:var(--okd-color-transparent);--okd-button-text-green-hover-background:rgba(37,167,80,.1);--okd-button-text-green-active-background:rgba(37,167,80,.1);--okd-button-text-green-focus-background:var(--okd-color-green-050);--okd-button-text-green-disabled-background:var(--okd-color-gray-050);--okd-button-text-green-default-border-color:var(--okd-color-transparent);--okd-button-text-green-hover-border-color:var(--okd-color-transparent);--okd-button-text-green-active-border-color:var(--okd-color-transparent);--okd-button-text-green-focus-border-color:var(--okd-color-transparent);--okd-button-text-green-disabled-border-color:var(--okd-color-transparent);--okd-button-text-green-default-font-color:var(--okd-color-prefer-green-text);--okd-button-text-green-hover-font-color:var(--okd-color-prefer-green-text);--okd-button-text-green-active-font-color:#25a750;--okd-button-text-green-focus-font-color:var(--okd-color-green-800);--okd-button-text-green-disabled-font-color:rgba(165,239,190,.45);--okd-button-text-green-default-icon-color:var(--okd-color-prefer-green-text);--okd-button-text-green-hover-icon-color:var(--okd-color-prefer-green-text);--okd-button-text-green-active-icon-color:var(--okd-color-prefer-green-text);--okd-button-text-green-focus-icon-color:var(--okd-color-green-800);--okd-button-text-green-disabled-icon-color:rgba(165,239,190,.45);--okd-button-text-green-default-shadow:none;--okd-button-text-green-hover-shadow:none;--okd-button-text-green-active-shadow:none;--okd-button-text-green-focus-shadow:none;--okd-button-text-green-disabled-shadow:none;--okd-button-text-orange-default-background:var(--okd-color-transparent);--okd-button-text-orange-hover-background:var(--okd-color-orange-050);--okd-button-text-orange-active-background:var(--okd-color-orange-050);--okd-button-text-orange-focus-background:var(--okd-color-orange-050);--okd-button-text-orange-disabled-background:var(--okd-color-gray-050);--okd-button-text-orange-default-border-color:var(--okd-color-transparent);--okd-button-text-orange-hover-border-color:var(--okd-color-transparent);--okd-button-text-orange-active-border-color:var(--okd-color-transparent);--okd-button-text-orange-focus-border-color:var(--okd-color-transparent);--okd-button-text-orange-disabled-border-color:var(--okd-color-transparent);--okd-button-text-orange-default-font-color:var(--okd-color-orange-900);--okd-button-text-orange-hover-font-color:var(--okd-color-orange-800);--okd-button-text-orange-active-font-color:var(--okd-color-orange-800);--okd-button-text-orange-focus-font-color:var(--okd-color-orange-800);--okd-button-text-orange-disabled-font-color:rgba(248,116,40,.45);--okd-button-text-orange-default-icon-color:var(--okd-color-orange-800);--okd-button-text-orange-hover-icon-color:var(--okd-color-orange-800);--okd-button-text-orange-active-icon-color:var(--okd-color-orange-800);--okd-button-text-orange-focus-icon-color:var(--okd-color-orange-800);--okd-button-text-orange-disabled-icon-color:rgba(248,116,40,.45);--okd-button-text-orange-default-shadow:none;--okd-button-text-orange-hover-shadow:none;--okd-button-text-orange-active-shadow:none;--okd-button-text-orange-focus-shadow:none;--okd-button-text-orange-disabled-shadow:none;--okd-button-text-yellow-default-background:var(--okd-color-transparent);--okd-button-text-yellow-hover-background:var(--okd-color-yellow-050);--okd-button-text-yellow-active-background:var(--okd-color-yellow-050);--okd-button-text-yellow-focus-background:var(--okd-color-yellow-050);--okd-button-text-yellow-disabled-background:var(--okd-color-gray-050);--okd-button-text-yellow-default-border-color:var(--okd-color-transparent);--okd-button-text-yellow-hover-border-color:var(--okd-color-transparent);--okd-button-text-yellow-active-border-color:var(--okd-color-transparent);--okd-button-text-yellow-focus-border-color:var(--okd-color-transparent);--okd-button-text-yellow-disabled-border-color:var(--okd-color-transparent);--okd-button-text-yellow-default-font-color:var(--okd-color-yellow-900);--okd-button-text-yellow-hover-font-color:var(--okd-color-yellow-800);--okd-button-text-yellow-active-font-color:var(--okd-color-yellow-800);--okd-button-text-yellow-focus-font-color:var(--okd-color-yellow-800);--okd-button-text-yellow-disabled-font-color:rgba(222,169,33,.45);--okd-button-text-yellow-default-icon-color:var(--okd-color-yellow-800);--okd-button-text-yellow-hover-icon-color:var(--okd-color-yellow-800);--okd-button-text-yellow-active-icon-color:var(--okd-color-yellow-800);--okd-button-text-yellow-focus-icon-color:var(--okd-color-yellow-800);--okd-button-text-yellow-disabled-icon-color:rgba(222,169,33,.45);--okd-button-text-yellow-default-shadow:none;--okd-button-text-yellow-hover-shadow:none;--okd-button-text-yellow-active-shadow:none;--okd-button-text-yellow-focus-shadow:none;--okd-button-text-yellow-disabled-shadow:none;--okd-button-fill-primary-border-size:0px;--okd-button-fill-secondary-border-size:0px;--okd-button-fill-highlight-border-size:0px;--okd-button-fill-red-border-size:0px;--okd-button-fill-green-border-size:0px;--okd-button-fill-grey-border-size:0px;--okd-button-outline-primary-border-size:1px;--okd-button-outline-secondary-border-size:1px;--okd-button-text-primary-border-size:1px;--okd-button-text-secondary-border-size:1px;--okd-button-text-red-border-size:1px;--okd-button-text-green-border-size:1px;--okd-button-text-orange-border-size:1px;--okd-button-text-yellow-border-size:1px;--okd-button-xl-loader-size:18px;--okd-button-lg-loader-size:14px;--okd-button-md-loader-size:14px;--okd-button-sm-loader-size:14px;--okd-button-xs-loader-size:14px;--okd-button-xxs-loader-size:14px;--okd-button-xl-loader-text-margin-left:4px;--okd-button-lg-loader-text-margin-left:4px;--okd-button-md-loader-text-margin-left:4px;--okd-button-sm-loader-text-margin-left:4px;--okd-button-xs-loader-text-margin-left:4px;--okd-button-xxs-loader-text-margin-left:4px;--okd-button-s-font-size:14px;--okd-button-s-icon-size:18px;--okd-button-s-icon-margin:11px;--okd-button-s-line-height:16px;--okd-button-s-padding-horizontal:12px;--okd-button-s-padding-vertical:7px;--okd-button-s-min-width:72px;--okd-button-s-border-radius:60px;--okd-button-s-loader-size:14px;--okd-button-s-loader-text-margin-left:4px;--okd-button-fill-tertiary-border-size:0px;--okd-button-fill-quaternary-border-size:0px;--okd-button-outline-highlight-border-size:1px;--okd-button-outline-highlight-default-background:hsla(0,0%,98%,0);--okd-button-outline-highlight-default-border-color:var(--okd-color-white);--okd-button-outline-highlight-default-font-color:var(--okd-color-white);--okd-button-outline-highlight-hover-background:var(--okd-color-white);--okd-button-outline-highlight-hover-border-color:var(--okd-color-white);--okd-button-outline-highlight-hover-font-color:var(--okd-color-black);--okd-button-outline-highlight-hover-icon-color:var(--okd-color-black);--okd-button-outline-highlight-hover-shadow:0px 0px 0px 0px transparent;--okd-button-outline-highlight-default-shadow:0px 0px 0px 0px transparent;--okd-button-outline-highlight-focus-background:var(--okd-color-white);--okd-button-outline-highlight-focus-border-color:var(--okd-color-white);--okd-button-outline-highlight-focus-font-color:var(--okd-color-black);--okd-button-outline-highlight-focus-icon-color:var(--okd-color-black);--okd-button-outline-highlight-focus-shadow:0px 0px 0px 0px transparent;--okd-button-outline-highlight-default-icon-color:var(--okd-color-white);--okd-button-outline-highlight-active-background:var(--okd-color-white);--okd-button-outline-highlight-active-border-color:var(--okd-color-white);--okd-button-outline-highlight-active-font-color:var(--okd-color-black);--okd-button-outline-highlight-active-icon-color:var(--okd-color-black);--okd-button-outline-highlight-active-shadow:0px 0px 0px 0px transparent;--okd-button-outline-highlight-disabled-background:hsla(0,0%,100%,0);--okd-button-outline-highlight-disabled-font-color:hsla(0,0%,100%,.25);--okd-button-outline-highlight-disabled-icon-color:hsla(0,0%,100%,.25);--okd-button-outline-highlight-disabled-border-color:hsla(0,0%,100%,.15);--okd-button-outline-highlight-loader-track-color:hsla(0,0%,100%,.25);--okd-button-outline-highlight-loader-mark-color:var(--okd-color-white);--okd-button-fill-tertiary-default-background:var(--okd-color-white);--okd-button-fill-tertiary-hover-background:hsla(0,0%,100%,.8);--okd-button-fill-tertiary-focus-background:hsla(0,0%,100%,.8);--okd-button-fill-tertiary-active-background:hsla(0,0%,100%,.8);--okd-button-fill-tertiary-disabled-background:hsla(0,0%,100%,.06);--okd-button-fill-tertiary-default-border-color:var(--okd-color-white);--okd-button-fill-tertiary-hover-border-color:hsla(0,0%,100%,0);--okd-button-fill-tertiary-focus-border-color:hsla(0,0%,100%,0);--okd-button-fill-tertiary-active-border-color:hsla(0,0%,100%,0);--okd-button-fill-tertiary-disabled-border-color:var(--okd-color-background-3);--okd-button-fill-tertiary-default-font-color:var(--okd-color-black);--okd-button-fill-tertiary-default-icon-color:var(--okd-color-black);--okd-button-fill-tertiary-hover-font-color:var(--okd-color-black);--okd-button-fill-tertiary-hover-icon-color:var(--okd-color-black);--okd-button-fill-tertiary-focus-font-color:var(--okd-color-black);--okd-button-fill-tertiary-focus-icon-color:var(--okd-color-black);--okd-button-fill-tertiary-active-icon-color:var(--okd-color-black);--okd-button-fill-tertiary-active-font-color:var(--okd-color-black);--okd-button-fill-tertiary-disabled-icon-color:var(--okd-color-text-lighter);--okd-button-fill-tertiary-disabled-font-color:hsla(0,0%,42%,.4);--okd-button-fill-quaternary-default-background:hsla(0,0%,100%,.06);--okd-button-fill-quaternary-default-border-color:var(--okd-color-transparent);--okd-button-fill-quaternary-default-icon-color:var(--okd-color-white);--okd-button-fill-quaternary-default-font-color:var(--okd-color-white);--okd-button-fill-quaternary-hover-icon-color:var(--okd-color-white);--okd-button-fill-quaternary-hover-font-color:var(--okd-color-white);--okd-button-fill-quaternary-hover-border-color:var(--okd-color-transparent);--okd-button-fill-quaternary-hover-background:hsla(0,0%,100%,.15);--okd-button-fill-quaternary-focus-icon-color:var(--okd-color-white);--okd-button-fill-quaternary-focus-font-color:var(--okd-color-white);--okd-button-fill-quaternary-focus-border-color:var(--okd-color-transparent);--okd-button-fill-quaternary-focus-background:hsla(0,0%,100%,.15);--okd-button-fill-quaternary-active-icon-color:var(--okd-color-white);--okd-button-fill-quaternary-active-font-color:var(--okd-color-white);--okd-button-fill-quaternary-active-border-color:var(--okd-color-transparent);--okd-button-fill-quaternary-active-background:hsla(0,0%,100%,.15);--okd-button-fill-quaternary-disabled-icon-color:hsla(0,0%,100%,.3);--okd-button-fill-quaternary-disabled-font-color:hsla(0,0%,100%,.3);--okd-button-fill-quaternary-disabled-border-color:var(--okd-color-transparent);--okd-button-fill-quaternary-disabled-background:hsla(0,0%,100%,.06);--okd-button-fill-quaternary-loader-mark-color:var(--okd-color-white);--okd-button-fill-quaternary-loader-track-color:hsla(0,0%,100%,.15);--okd-button-fill-tertiary-default-shadow:0px 0px 0px 0px transparent;--okd-button-fill-tertiary-hover-shadow:0px 0px 0px 0px transparent;--okd-button-fill-tertiary-focus-shadow:0px 0px 0px 0px transparent;--okd-button-fill-tertiary-active-shadow:0px 0px 0px 0px transparent;--okd-button-fill-tertiary-disabled-shadow:0px 0px 0px 0px transparent;--okd-button-fill-quaternary-default-shadow:0px 0px 0px 0px transparent;--okd-button-fill-quaternary-hover-shadow:0px 0px 0px 0px transparent;--okd-button-fill-quaternary-focus-shadow:0px 0px 0px 0px transparent;--okd-button-fill-quaternary-active-shadow:0px 0px 0px 0px transparent;--okd-button-fill-quaternary-disabled-shadow:0px 0px 0px 0px transparent;--okd-button-outline-highlight-disabled-shadow:0px 0px 0px 0px transparent;--okd-button-fill-tertiary-loader-track-color:rgba(0,0,0,.15);--okd-button-fill-tertiary-loader-mark-color:#000;--okd-button-outline-tertiary-border-size:1.5px;--okd-button-outline-tertiary-default-shadow:0px 0px 0px 0px transparent;--okd-button-outline-tertiary-default-icon-color:var(--okd-color-white);--okd-button-outline-tertiary-default-font-color:var(--okd-color-white);--okd-button-outline-tertiary-default-border-color:var(--okd-color-white);--okd-button-outline-tertiary-default-background:var(--okd-color-transparent);--okd-button-outline-tertiary-hover-icon-color:var(--okd-color-black);--okd-button-outline-tertiary-hover-font-color:var(--okd-color-black);--okd-button-outline-tertiary-hover-border-color:var(--okd-color-white);--okd-button-outline-tertiary-hover-background:var(--okd-color-white);--okd-button-outline-tertiary-hover-shadow:0px 0px 0px 0px transparent;--okd-button-outline-tertiary-focus-shadow:0px 0px 0px 0px transparent;--okd-button-outline-tertiary-focus-icon-color:var(--okd-color-black);--okd-button-outline-tertiary-focus-font-color:var(--okd-color-black);--okd-button-outline-tertiary-focus-border-color:var(--okd-color-white);--okd-button-outline-tertiary-focus-background:var(--okd-color-white);--okd-button-outline-tertiary-active-shadow:0px 0px 0px 0px transparent;--okd-button-outline-tertiary-active-icon-color:var(--okd-color-black);--okd-button-outline-tertiary-active-font-color:var(--okd-color-black);--okd-button-outline-tertiary-active-border-color:var(--okd-color-white);--okd-button-outline-tertiary-active-background:var(--okd-color-white);--okd-button-outline-tertiary-disabled-shadow:0px 0px 0px 0px transparent;--okd-button-outline-tertiary-disabled-icon-color:var(--okd-color-text-lighter);--okd-button-outline-tertiary-disabled-font-color:var(--okd-color-text-lighter);--okd-button-outline-tertiary-disabled-border-color:var(--okd-color-line-muted);--okd-button-outline-tertiary-disabled-background:var(--okd-color-transparent);--okd-button-outline-tertiary-loader-mark-color:var(--okd-color-white);--okd-button-outline-tertiary-loader-track-color:hsla(0,0%,100%,.25);--okd-button-rect-xxs-border-radius:4px;--okd-button-rect-xs-border-radius:4px;--okd-button-rect-sm-border-radius:4px;--okd-button-rect-s-border-radius:4px;--okd-button-rect-md-border-radius:4px;--okd-button-rect-lg-border-radius:8px;--okd-button-rect-xl-border-radius:8px}.okui-powerLink{color:inherit;text-decoration:none}.okui-powerLink:active,.okui-powerLink:visited{color:unset}:root{--okd-loader-line-active-color:var(--okd-color-purple-1000);--okd-loader-line-inactive-color:var(--okd-color-gray-200);--okd-loader-primary-active-color:var(--okd-color-purple-1000);--okd-loader-primary-inactive-color:hsla(255,6%,87%,.24);--okd-loader-neutral-active-color:#fff;--okd-loader-neutral-inactive-color:#ffffff40;--okd-loader-mask-bg-color:hsla(0,0%,100%,.85);--okd-loader-circle-xl-size:38px;--okd-loader-circle-lg-size:30px;--okd-loader-circle-md-size:22px;--okd-loader-circle-sm-size:14px;--okd-loader-circle-xl-track-width:2px;--okd-loader-circle-lg-track-width:2px;--okd-loader-circle-md-track-width:2px;--okd-loader-circle-sm-track-width:2px;--okd-loader-line-size:4px;--okd-loader-circle-cover-background:var(--okd-color-background-1);--okd-loader-mask-text-font-size:14px;--okd-loader-mask-text-line-height:16px;--okd-loader-mask-text-font-weight:400;--okd-loader-mask-text-color:#000;--okd-loader-mask-text-margin-top:10px}.theme-dark{--okd-loader-line-active-color:var(--okd-color-gray-900);--okd-loader-line-inactive-color:var(--okd-color-gray-100);--okd-loader-primary-active-color:var(--okd-color-gray-900);--okd-loader-primary-inactive-color:var(--okd-color-gray-200);--okd-loader-neutral-active-color:#fff;--okd-loader-neutral-inactive-color:#ffffff40;--okd-loader-mask-bg-color:#00000040;--okd-loader-circle-xl-size:38px;--okd-loader-circle-lg-size:30px;--okd-loader-circle-md-size:22px;--okd-loader-circle-sm-size:14px;--okd-loader-circle-xl-track-width:2px;--okd-loader-circle-lg-track-width:2px;--okd-loader-circle-md-track-width:2px;--okd-loader-circle-sm-track-width:2px;--okd-loader-line-size:4px;--okd-loader-circle-cover-background:var(--okd-color-background-2);--okd-loader-mask-text-font-size:14px;--okd-loader-mask-text-line-height:16px;--okd-loader-mask-text-font-weight:400;--okd-loader-mask-text-color:var(--okd-color-gray-900);--okd-loader-mask-text-margin-top:10px}@keyframes loadingLine{to{left:100%;transform:translateX(0)}}.okui-loader-line{background:var(--okd-loader-line-inactive-color);border-radius:calc(var(--okd-loader-line-size)/2);height:var(--okd-loader-line-size);overflow:hidden;position:relative;width:100%}.okui-loader-line .okui-loader-mark{background:var(--okd-loader-line-active-color);border-radius:calc(var(--okd-loader-line-size)/2);height:100%;transition:all .36s linear}.okui-loader-line.okui-loader-loading .okui-loader-mark{animation:loadingLine 2s linear infinite;left:0;position:absolute;top:0;transform:translateX(-100%)}@keyframes okui-loader-rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.okui-loader-mask{align-items:center;background:var(--okd-loader-mask-bg-color);display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.okui-loader-mask-text{color:var(--okd-loader-mask-text-color);font-size:var(--okd-loader-mask-text-font-size);font-weight:var(--okd-loader-mask-text-font-weight);line-height:var(--okd-loader-mask-text-line-height);margin-top:var(--okd-loader-mask-text-margin-top)}.okui-loader-spin{animation:okui-loader-rotation 1s linear infinite;background-color:initial;border-style:solid;box-sizing:border-box;display:inline-flex}.okui-loader-spin-xl{border-radius:var(--okd-loader-circle-xl-size);border-width:var(--okd-loader-circle-xl-track-width);height:var(--okd-loader-circle-xl-size);width:var(--okd-loader-circle-xl-size)}.okui-loader-spin-lg{border-radius:var(--okd-loader-circle-lg-size);border-width:var(--okd-loader-circle-lg-track-width);height:var(--okd-loader-circle-lg-size);width:var(--okd-loader-circle-lg-size)}.okui-loader-spin-md{border-radius:var(--okd-loader-circle-md-size);border-width:var(--okd-loader-circle-md-track-width);height:var(--okd-loader-circle-md-size);width:var(--okd-loader-circle-md-size)}.okui-loader-spin-sm{border-radius:var(--okd-loader-circle-sm-size);border-width:var(--okd-loader-circle-sm-track-width);height:var(--okd-loader-circle-sm-size);width:var(--okd-loader-circle-sm-size)}.okui-loader-spin-primary{border-color:var(--okd-loader-primary-inactive-color);border-top-color:var(--okd-loader-primary-active-color)}.okui-loader-spin-neutral{border-color:var(--okd-loader-neutral-inactive-color);border-top-color:var(--okd-loader-neutral-active-color)}.okui-loader-inner-circle{border:none;border-radius:0;overflow:hidden;transform:rotate(180deg)}.okui-loader-inner-fill-primary{background:var(--okd-loader-primary-active-color)}.okui-loader-inner-fill-neutral{background:var(--okd-loader-neutral-active-color)}.okui-loader-inner-track-primary{background:var(--okd-loader-primary-inactive-color)}.okui-loader-inner-track-neutral{background:var(--okd-loader-neutral-inactive-color)}.okui-loader-inner-track-right{height:100%;overflow:hidden;position:absolute;right:0}.okui-loader-inner-track-right-content{content:"";height:100%;position:absolute;transform:rotate(0deg);transform-origin:left center;width:100%}.okui-loader-inner-track-left{height:100%;overflow:hidden;position:absolute}.okui-loader-inner-track-left-content{content:"";height:100%;position:absolute;transform:rotate(0deg);transform-origin:right center;width:100%}.okui-loader-inner-xl{border-radius:var(--okd-loader-circle-xl-size);height:var(--okd-loader-circle-xl-size);width:var(--okd-loader-circle-xl-size)}.okui-loader-inner-xl-cover{background-color:var(--okd-loader-circle-cover-background);border-radius:100%;height:calc(var(--okd-loader-circle-xl-size) - var(--okd-loader-circle-xl-track-width)*2);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:calc(var(--okd-loader-circle-xl-size) - var(--okd-loader-circle-xl-track-width)*2)}.okui-loader-inner-track-xl{width:calc(var(--okd-loader-circle-xl-size)/2)}.okui-loader-inner-track-xl-inner-track-left-content{border-radius:calc(var(--okd-loader-circle-xl-size)/2) 0 0 calc(var(--okd-loader-circle-xl-size)/2);width:100%}.okui-loader-inner-track-xl-inner-track-right-content{border-radius:0 calc(var(--okd-loader-circle-xl-size)/2) calc(var(--okd-loader-circle-xl-size)/2) 0;width:100%}.okui-loader-inner-lg{border-radius:var(--okd-loader-circle-lg-size);height:var(--okd-loader-circle-lg-size);width:var(--okd-loader-circle-lg-size)}.okui-loader-inner-lg-cover{background-color:var(--okd-loader-circle-cover-background);border-radius:100%;height:calc(var(--okd-loader-circle-lg-size) - var(--okd-loader-circle-lg-track-width)*2);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:calc(var(--okd-loader-circle-lg-size) - var(--okd-loader-circle-lg-track-width)*2)}.okui-loader-inner-track-lg{width:calc(var(--okd-loader-circle-lg-size)/2)}.okui-loader-inner-track-lg-inner-track-left-content{border-radius:calc(var(--okd-loader-circle-lg-size)/2) 0 0 calc(var(--okd-loader-circle-lg-size)/2);width:100%}.okui-loader-inner-track-lg-inner-track-right-content{border-radius:0 calc(var(--okd-loader-circle-lg-size)/2) calc(var(--okd-loader-circle-lg-size)/2) 0;width:100%}.okui-loader-inner-md{border-radius:var(--okd-loader-circle-md-size);height:var(--okd-loader-circle-md-size);width:var(--okd-loader-circle-md-size)}.okui-loader-inner-md-cover{background-color:var(--okd-loader-circle-cover-background);border-radius:100%;height:calc(var(--okd-loader-circle-md-size) - var(--okd-loader-circle-md-track-width)*2);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:calc(var(--okd-loader-circle-md-size) - var(--okd-loader-circle-md-track-width)*2)}.okui-loader-inner-track-md{width:calc(var(--okd-loader-circle-md-size)/2)}.okui-loader-inner-track-md-inner-track-left-content{border-radius:calc(var(--okd-loader-circle-md-size)/2) 0 0 calc(var(--okd-loader-circle-md-size)/2);width:100%}.okui-loader-inner-track-md-inner-track-right-content{border-radius:0 calc(var(--okd-loader-circle-md-size)/2) calc(var(--okd-loader-circle-md-size)/2) 0;width:100%}.okui-loader-inner-sm{border-radius:var(--okd-loader-circle-sm-size);height:var(--okd-loader-circle-sm-size);width:var(--okd-loader-circle-sm-size)}.okui-loader-inner-sm-cover{background-color:var(--okd-loader-circle-cover-background);border-radius:100%;height:calc(var(--okd-loader-circle-sm-size) - var(--okd-loader-circle-sm-track-width)*2);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:calc(var(--okd-loader-circle-sm-size) - var(--okd-loader-circle-sm-track-width)*2)}.okui-loader-inner-track-sm{width:calc(var(--okd-loader-circle-sm-size)/2)}.okui-loader-inner-track-sm-inner-track-left-content{border-radius:calc(var(--okd-loader-circle-sm-size)/2) 0 0 calc(var(--okd-loader-circle-sm-size)/2);width:100%}.okui-loader-inner-track-sm-inner-track-right-content{border-radius:0 calc(var(--okd-loader-circle-sm-size)/2) calc(var(--okd-loader-circle-sm-size)/2) 0;width:100%}.okui-btn{-webkit-tap-highlight-color:transparent;align-items:center;-webkit-appearance:none;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:inherit;font-weight:500;justify-content:center;outline:none;position:relative;text-align:center;text-decoration:none;touch-action:manipulation;transition:background-color .3s cubic-bezier(.165,.84,.44,1),border-color .3s cubic-bezier(.165,.84,.44,1);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.okui-btn.btn-fill-highlight{background:var(--okd-button-fill-highlight-default-background);border-color:var(--okd-button-fill-highlight-default-border-color);border-style:solid;border-width:var(--okd-button-fill-highlight-border-size);box-shadow:var(--okd-button-fill-highlight-default-shadow);color:var(--okd-button-fill-highlight-default-font-color)}.okui-btn.btn-fill-highlight.hover,.okui-btn.btn-fill-highlight:not(:disabled):not(.mobile):hover{background:var(--okd-button-fill-highlight-hover-background);border-color:var(--okd-button-fill-highlight-hover-border-color);box-shadow:var(--okd-button-fill-highlight-hover-shadow);color:var(--okd-button-fill-highlight-hover-font-color)}.okui-btn.btn-fill-highlight.hover .btn-icon,.okui-btn.btn-fill-highlight:not(:disabled):not(.mobile):hover .btn-icon{color:var(--okd-button-fill-highlight-hover-font-color)}.okui-btn.btn-fill-highlight.active,.okui-btn.btn-fill-highlight:not(:disabled):active{background:var(--okd-button-fill-highlight-active-background);border-color:var(--okd-button-fill-highlight-active-border-color);box-shadow:var(--okd-button-fill-highlight-active-shadow);color:var(--okd-button-fill-highlight-active-font-color)}.okui-btn.btn-fill-highlight.active .btn-icon,.okui-btn.btn-fill-highlight:not(:disabled):active .btn-icon{color:var(--okd-button-fill-highlight-active-font-color)}.okui-btn.btn-fill-highlight:not(.loading).btn-disabled,.okui-btn.btn-fill-highlight:not(.loading):disabled{background:var(--okd-button-fill-highlight-disabled-background);border-color:var(--okd-button-fill-highlight-disabled-border-color);box-shadow:var(--okd-button-fill-highlight-disabled-shadow);color:var(--okd-button-fill-highlight-disabled-font-color)}.okui-btn.btn-fill-highlight:not(.loading).btn-disabled .btn-icon,.okui-btn.btn-fill-highlight:not(.loading):disabled .btn-icon{color:var(--okd-button-fill-highlight-disabled-font-color)}.okui-btn.btn-fill-highlight.loading{cursor:pointer}.okui-btn.btn-fill-highlight .btn-icon,.okui-btn.btn-fill-highlight .okui-btn-loader-text{color:var(--okd-button-fill-highlight-default-font-color)}.okui-btn.btn-fill-highlight.btn-xxs{padding:calc(var(--okd-button-xxs-padding-vertical) + 1px - var(--okd-button-fill-highlight-border-size)) var(--okd-button-xxs-padding-horizontal)}.okui-btn.btn-fill-highlight.btn-xxs.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xxs-padding-vertical) + var(--okd-button-fill-highlight-border-size))*2 + var(--okd-button-xxs-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xxs-padding-vertical) + var(--okd-button-fill-highlight-border-size))*2 + var(--okd-button-xxs-line-height))}.okui-btn.btn-fill-highlight.btn-xxs.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-highlight.btn-xs{padding:calc(var(--okd-button-xs-padding-vertical) + 1px - var(--okd-button-fill-highlight-border-size)) var(--okd-button-xs-padding-horizontal)}.okui-btn.btn-fill-highlight.btn-xs.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xs-padding-vertical) + var(--okd-button-fill-highlight-border-size))*2 + var(--okd-button-xs-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xs-padding-vertical) + var(--okd-button-fill-highlight-border-size))*2 + var(--okd-button-xs-line-height))}.okui-btn.btn-fill-highlight.btn-xs.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-highlight.btn-s{padding:calc(var(--okd-button-s-padding-vertical) + 1px - var(--okd-button-fill-highlight-border-size)) var(--okd-button-s-padding-horizontal)}.okui-btn.btn-fill-highlight.btn-s.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-s-padding-vertical) + var(--okd-button-fill-highlight-border-size))*2 + var(--okd-button-s-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-s-padding-vertical) + var(--okd-button-fill-highlight-border-size))*2 + var(--okd-button-s-line-height))}.okui-btn.btn-fill-highlight.btn-s.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-highlight.btn-sm{padding:calc(var(--okd-button-sm-padding-vertical) + 1px - var(--okd-button-fill-highlight-border-size)) var(--okd-button-sm-padding-horizontal)}.okui-btn.btn-fill-highlight.btn-sm.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-sm-padding-vertical) + var(--okd-button-fill-highlight-border-size))*2 + var(--okd-button-sm-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-sm-padding-vertical) + var(--okd-button-fill-highlight-border-size))*2 + var(--okd-button-sm-line-height))}.okui-btn.btn-fill-highlight.btn-sm.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-highlight.btn-md{padding:calc(var(--okd-button-md-padding-vertical) + 1px - var(--okd-button-fill-highlight-border-size)) var(--okd-button-md-padding-horizontal)}.okui-btn.btn-fill-highlight.btn-md.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-md-padding-vertical) + var(--okd-button-fill-highlight-border-size))*2 + var(--okd-button-md-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-md-padding-vertical) + var(--okd-button-fill-highlight-border-size))*2 + var(--okd-button-md-line-height))}.okui-btn.btn-fill-highlight.btn-md.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-highlight.btn-lg{padding:calc(var(--okd-button-lg-padding-vertical) + 1px - var(--okd-button-fill-highlight-border-size)) var(--okd-button-lg-padding-horizontal)}.okui-btn.btn-fill-highlight.btn-lg.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-lg-padding-vertical) + var(--okd-button-fill-highlight-border-size))*2 + var(--okd-button-lg-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-lg-padding-vertical) + var(--okd-button-fill-highlight-border-size))*2 + var(--okd-button-lg-line-height))}.okui-btn.btn-fill-highlight.btn-lg.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-highlight.btn-xl{padding:calc(var(--okd-button-xl-padding-vertical) + 1px - var(--okd-button-fill-highlight-border-size)) var(--okd-button-xl-padding-horizontal)}.okui-btn.btn-fill-highlight.btn-xl.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xl-padding-vertical) + var(--okd-button-fill-highlight-border-size))*2 + var(--okd-button-xl-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xl-padding-vertical) + var(--okd-button-fill-highlight-border-size))*2 + var(--okd-button-xl-line-height))}.okui-btn.btn-fill-highlight.btn-xl.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-primary{background:var(--okd-button-fill-primary-default-background);border-color:var(--okd-button-fill-primary-default-border-color);border-style:solid;border-width:var(--okd-button-fill-primary-border-size);box-shadow:var(--okd-button-fill-primary-default-shadow);color:var(--okd-button-fill-primary-default-font-color)}.okui-btn.btn-fill-primary.hover,.okui-btn.btn-fill-primary:not(:disabled):not(.mobile):hover{background:var(--okd-button-fill-primary-hover-background);border-color:var(--okd-button-fill-primary-hover-border-color);box-shadow:var(--okd-button-fill-primary-hover-shadow);color:var(--okd-button-fill-primary-hover-font-color)}.okui-btn.btn-fill-primary.hover .btn-icon,.okui-btn.btn-fill-primary:not(:disabled):not(.mobile):hover .btn-icon{color:var(--okd-button-fill-primary-hover-font-color)}.okui-btn.btn-fill-primary.active,.okui-btn.btn-fill-primary:not(:disabled):active{background:var(--okd-button-fill-primary-active-background);border-color:var(--okd-button-fill-primary-active-border-color);box-shadow:var(--okd-button-fill-primary-active-shadow);color:var(--okd-button-fill-primary-active-font-color)}.okui-btn.btn-fill-primary.active .btn-icon,.okui-btn.btn-fill-primary:not(:disabled):active .btn-icon{color:var(--okd-button-fill-primary-active-font-color)}.okui-btn.btn-fill-primary:not(.loading).btn-disabled,.okui-btn.btn-fill-primary:not(.loading):disabled{background:var(--okd-button-fill-primary-disabled-background);border-color:var(--okd-button-fill-primary-disabled-border-color);box-shadow:var(--okd-button-fill-primary-disabled-shadow);color:var(--okd-button-fill-primary-disabled-font-color)}.okui-btn.btn-fill-primary:not(.loading).btn-disabled .btn-icon,.okui-btn.btn-fill-primary:not(.loading):disabled .btn-icon{color:var(--okd-button-fill-primary-disabled-font-color)}.okui-btn.btn-fill-primary.loading{cursor:pointer}.okui-btn.btn-fill-primary .btn-icon,.okui-btn.btn-fill-primary .okui-btn-loader-text{color:var(--okd-button-fill-primary-default-font-color)}.okui-btn.btn-fill-primary.btn-xxs{padding:calc(var(--okd-button-xxs-padding-vertical) + 1px - var(--okd-button-fill-primary-border-size)) var(--okd-button-xxs-padding-horizontal)}.okui-btn.btn-fill-primary.btn-xxs.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xxs-padding-vertical) + var(--okd-button-fill-primary-border-size))*2 + var(--okd-button-xxs-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xxs-padding-vertical) + var(--okd-button-fill-primary-border-size))*2 + var(--okd-button-xxs-line-height))}.okui-btn.btn-fill-primary.btn-xxs.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-primary.btn-xs{padding:calc(var(--okd-button-xs-padding-vertical) + 1px - var(--okd-button-fill-primary-border-size)) var(--okd-button-xs-padding-horizontal)}.okui-btn.btn-fill-primary.btn-xs.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xs-padding-vertical) + var(--okd-button-fill-primary-border-size))*2 + var(--okd-button-xs-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xs-padding-vertical) + var(--okd-button-fill-primary-border-size))*2 + var(--okd-button-xs-line-height))}.okui-btn.btn-fill-primary.btn-xs.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-primary.btn-s{padding:calc(var(--okd-button-s-padding-vertical) + 1px - var(--okd-button-fill-primary-border-size)) var(--okd-button-s-padding-horizontal)}.okui-btn.btn-fill-primary.btn-s.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-s-padding-vertical) + var(--okd-button-fill-primary-border-size))*2 + var(--okd-button-s-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-s-padding-vertical) + var(--okd-button-fill-primary-border-size))*2 + var(--okd-button-s-line-height))}.okui-btn.btn-fill-primary.btn-s.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-primary.btn-sm{padding:calc(var(--okd-button-sm-padding-vertical) + 1px - var(--okd-button-fill-primary-border-size)) var(--okd-button-sm-padding-horizontal)}.okui-btn.btn-fill-primary.btn-sm.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-sm-padding-vertical) + var(--okd-button-fill-primary-border-size))*2 + var(--okd-button-sm-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-sm-padding-vertical) + var(--okd-button-fill-primary-border-size))*2 + var(--okd-button-sm-line-height))}.okui-btn.btn-fill-primary.btn-sm.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-primary.btn-md{padding:calc(var(--okd-button-md-padding-vertical) + 1px - var(--okd-button-fill-primary-border-size)) var(--okd-button-md-padding-horizontal)}.okui-btn.btn-fill-primary.btn-md.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-md-padding-vertical) + var(--okd-button-fill-primary-border-size))*2 + var(--okd-button-md-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-md-padding-vertical) + var(--okd-button-fill-primary-border-size))*2 + var(--okd-button-md-line-height))}.okui-btn.btn-fill-primary.btn-md.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-primary.btn-lg{padding:calc(var(--okd-button-lg-padding-vertical) + 1px - var(--okd-button-fill-primary-border-size)) var(--okd-button-lg-padding-horizontal)}.okui-btn.btn-fill-primary.btn-lg.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-lg-padding-vertical) + var(--okd-button-fill-primary-border-size))*2 + var(--okd-button-lg-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-lg-padding-vertical) + var(--okd-button-fill-primary-border-size))*2 + var(--okd-button-lg-line-height))}.okui-btn.btn-fill-primary.btn-lg.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-primary.btn-xl{padding:calc(var(--okd-button-xl-padding-vertical) + 1px - var(--okd-button-fill-primary-border-size)) var(--okd-button-xl-padding-horizontal)}.okui-btn.btn-fill-primary.btn-xl.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xl-padding-vertical) + var(--okd-button-fill-primary-border-size))*2 + var(--okd-button-xl-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xl-padding-vertical) + var(--okd-button-fill-primary-border-size))*2 + var(--okd-button-xl-line-height))}.okui-btn.btn-fill-primary.btn-xl.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-secondary{background:var(--okd-button-fill-secondary-default-background);border-color:var(--okd-button-fill-secondary-default-border-color);border-style:solid;border-width:var(--okd-button-fill-secondary-border-size);box-shadow:var(--okd-button-fill-secondary-default-shadow);color:var(--okd-button-fill-secondary-default-font-color)}.okui-btn.btn-fill-secondary.hover,.okui-btn.btn-fill-secondary:not(:disabled):not(.mobile):hover{background:var(--okd-button-fill-secondary-hover-background);border-color:var(--okd-button-fill-secondary-hover-border-color);box-shadow:var(--okd-button-fill-secondary-hover-shadow);color:var(--okd-button-fill-secondary-hover-font-color)}.okui-btn.btn-fill-secondary.hover .btn-icon,.okui-btn.btn-fill-secondary:not(:disabled):not(.mobile):hover .btn-icon{color:var(--okd-button-fill-secondary-hover-font-color)}.okui-btn.btn-fill-secondary.active,.okui-btn.btn-fill-secondary:not(:disabled):active{background:var(--okd-button-fill-secondary-active-background);border-color:var(--okd-button-fill-secondary-active-border-color);box-shadow:var(--okd-button-fill-secondary-active-shadow);color:var(--okd-button-fill-secondary-active-font-color)}.okui-btn.btn-fill-secondary.active .btn-icon,.okui-btn.btn-fill-secondary:not(:disabled):active .btn-icon{color:var(--okd-button-fill-secondary-active-font-color)}.okui-btn.btn-fill-secondary:not(.loading).btn-disabled,.okui-btn.btn-fill-secondary:not(.loading):disabled{background:var(--okd-button-fill-secondary-disabled-background);border-color:var(--okd-button-fill-secondary-disabled-border-color);box-shadow:var(--okd-button-fill-secondary-disabled-shadow);color:var(--okd-button-fill-secondary-disabled-font-color)}.okui-btn.btn-fill-secondary:not(.loading).btn-disabled .btn-icon,.okui-btn.btn-fill-secondary:not(.loading):disabled .btn-icon{color:var(--okd-button-fill-secondary-disabled-font-color)}.okui-btn.btn-fill-secondary.loading{cursor:pointer}.okui-btn.btn-fill-secondary .btn-icon,.okui-btn.btn-fill-secondary .okui-btn-loader-text{color:var(--okd-button-fill-secondary-default-font-color)}.okui-btn.btn-fill-secondary.btn-xxs{padding:calc(var(--okd-button-xxs-padding-vertical) + 1px - var(--okd-button-fill-secondary-border-size)) var(--okd-button-xxs-padding-horizontal)}.okui-btn.btn-fill-secondary.btn-xxs.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xxs-padding-vertical) + var(--okd-button-fill-secondary-border-size))*2 + var(--okd-button-xxs-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xxs-padding-vertical) + var(--okd-button-fill-secondary-border-size))*2 + var(--okd-button-xxs-line-height))}.okui-btn.btn-fill-secondary.btn-xxs.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-secondary.btn-xs{padding:calc(var(--okd-button-xs-padding-vertical) + 1px - var(--okd-button-fill-secondary-border-size)) var(--okd-button-xs-padding-horizontal)}.okui-btn.btn-fill-secondary.btn-xs.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xs-padding-vertical) + var(--okd-button-fill-secondary-border-size))*2 + var(--okd-button-xs-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xs-padding-vertical) + var(--okd-button-fill-secondary-border-size))*2 + var(--okd-button-xs-line-height))}.okui-btn.btn-fill-secondary.btn-xs.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-secondary.btn-s{padding:calc(var(--okd-button-s-padding-vertical) + 1px - var(--okd-button-fill-secondary-border-size)) var(--okd-button-s-padding-horizontal)}.okui-btn.btn-fill-secondary.btn-s.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-s-padding-vertical) + var(--okd-button-fill-secondary-border-size))*2 + var(--okd-button-s-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-s-padding-vertical) + var(--okd-button-fill-secondary-border-size))*2 + var(--okd-button-s-line-height))}.okui-btn.btn-fill-secondary.btn-s.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-secondary.btn-sm{padding:calc(var(--okd-button-sm-padding-vertical) + 1px - var(--okd-button-fill-secondary-border-size)) var(--okd-button-sm-padding-horizontal)}.okui-btn.btn-fill-secondary.btn-sm.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-sm-padding-vertical) + var(--okd-button-fill-secondary-border-size))*2 + var(--okd-button-sm-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-sm-padding-vertical) + var(--okd-button-fill-secondary-border-size))*2 + var(--okd-button-sm-line-height))}.okui-btn.btn-fill-secondary.btn-sm.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-secondary.btn-md{padding:calc(var(--okd-button-md-padding-vertical) + 1px - var(--okd-button-fill-secondary-border-size)) var(--okd-button-md-padding-horizontal)}.okui-btn.btn-fill-secondary.btn-md.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-md-padding-vertical) + var(--okd-button-fill-secondary-border-size))*2 + var(--okd-button-md-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-md-padding-vertical) + var(--okd-button-fill-secondary-border-size))*2 + var(--okd-button-md-line-height))}.okui-btn.btn-fill-secondary.btn-md.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-secondary.btn-lg{padding:calc(var(--okd-button-lg-padding-vertical) + 1px - var(--okd-button-fill-secondary-border-size)) var(--okd-button-lg-padding-horizontal)}.okui-btn.btn-fill-secondary.btn-lg.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-lg-padding-vertical) + var(--okd-button-fill-secondary-border-size))*2 + var(--okd-button-lg-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-lg-padding-vertical) + var(--okd-button-fill-secondary-border-size))*2 + var(--okd-button-lg-line-height))}.okui-btn.btn-fill-secondary.btn-lg.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-secondary.btn-xl{padding:calc(var(--okd-button-xl-padding-vertical) + 1px - var(--okd-button-fill-secondary-border-size)) var(--okd-button-xl-padding-horizontal)}.okui-btn.btn-fill-secondary.btn-xl.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xl-padding-vertical) + var(--okd-button-fill-secondary-border-size))*2 + var(--okd-button-xl-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xl-padding-vertical) + var(--okd-button-fill-secondary-border-size))*2 + var(--okd-button-xl-line-height))}.okui-btn.btn-fill-secondary.btn-xl.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-tertiary{background:var(--okd-button-fill-tertiary-default-background);border-color:var(--okd-button-fill-tertiary-default-border-color);border-style:solid;border-width:var(--okd-button-fill-tertiary-border-size);box-shadow:var(--okd-button-fill-tertiary-default-shadow);color:var(--okd-button-fill-tertiary-default-font-color)}.okui-btn.btn-fill-tertiary.hover,.okui-btn.btn-fill-tertiary:not(:disabled):not(.mobile):hover{background:var(--okd-button-fill-tertiary-hover-background);border-color:var(--okd-button-fill-tertiary-hover-border-color);box-shadow:var(--okd-button-fill-tertiary-hover-shadow);color:var(--okd-button-fill-tertiary-hover-font-color)}.okui-btn.btn-fill-tertiary.hover .btn-icon,.okui-btn.btn-fill-tertiary:not(:disabled):not(.mobile):hover .btn-icon{color:var(--okd-button-fill-tertiary-hover-font-color)}.okui-btn.btn-fill-tertiary.active,.okui-btn.btn-fill-tertiary:not(:disabled):active{background:var(--okd-button-fill-tertiary-active-background);border-color:var(--okd-button-fill-tertiary-active-border-color);box-shadow:var(--okd-button-fill-tertiary-active-shadow);color:var(--okd-button-fill-tertiary-active-font-color)}.okui-btn.btn-fill-tertiary.active .btn-icon,.okui-btn.btn-fill-tertiary:not(:disabled):active .btn-icon{color:var(--okd-button-fill-tertiary-active-font-color)}.okui-btn.btn-fill-tertiary:not(.loading).btn-disabled,.okui-btn.btn-fill-tertiary:not(.loading):disabled{background:var(--okd-button-fill-tertiary-disabled-background);border-color:var(--okd-button-fill-tertiary-disabled-border-color);box-shadow:var(--okd-button-fill-tertiary-disabled-shadow);color:var(--okd-button-fill-tertiary-disabled-font-color)}.okui-btn.btn-fill-tertiary:not(.loading).btn-disabled .btn-icon,.okui-btn.btn-fill-tertiary:not(.loading):disabled .btn-icon{color:var(--okd-button-fill-tertiary-disabled-font-color)}.okui-btn.btn-fill-tertiary.loading{cursor:pointer}.okui-btn.btn-fill-tertiary .btn-icon,.okui-btn.btn-fill-tertiary .okui-btn-loader-text{color:var(--okd-button-fill-tertiary-default-font-color)}.okui-btn.btn-fill-tertiary.btn-xxs{padding:calc(var(--okd-button-xxs-padding-vertical) + 1px - var(--okd-button-fill-tertiary-border-size)) var(--okd-button-xxs-padding-horizontal)}.okui-btn.btn-fill-tertiary.btn-xxs.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xxs-padding-vertical) + var(--okd-button-fill-tertiary-border-size))*2 + var(--okd-button-xxs-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xxs-padding-vertical) + var(--okd-button-fill-tertiary-border-size))*2 + var(--okd-button-xxs-line-height))}.okui-btn.btn-fill-tertiary.btn-xxs.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-tertiary.btn-xs{padding:calc(var(--okd-button-xs-padding-vertical) + 1px - var(--okd-button-fill-tertiary-border-size)) var(--okd-button-xs-padding-horizontal)}.okui-btn.btn-fill-tertiary.btn-xs.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xs-padding-vertical) + var(--okd-button-fill-tertiary-border-size))*2 + var(--okd-button-xs-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xs-padding-vertical) + var(--okd-button-fill-tertiary-border-size))*2 + var(--okd-button-xs-line-height))}.okui-btn.btn-fill-tertiary.btn-xs.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-tertiary.btn-s{padding:calc(var(--okd-button-s-padding-vertical) + 1px - var(--okd-button-fill-tertiary-border-size)) var(--okd-button-s-padding-horizontal)}.okui-btn.btn-fill-tertiary.btn-s.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-s-padding-vertical) + var(--okd-button-fill-tertiary-border-size))*2 + var(--okd-button-s-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-s-padding-vertical) + var(--okd-button-fill-tertiary-border-size))*2 + var(--okd-button-s-line-height))}.okui-btn.btn-fill-tertiary.btn-s.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-tertiary.btn-sm{padding:calc(var(--okd-button-sm-padding-vertical) + 1px - var(--okd-button-fill-tertiary-border-size)) var(--okd-button-sm-padding-horizontal)}.okui-btn.btn-fill-tertiary.btn-sm.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-sm-padding-vertical) + var(--okd-button-fill-tertiary-border-size))*2 + var(--okd-button-sm-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-sm-padding-vertical) + var(--okd-button-fill-tertiary-border-size))*2 + var(--okd-button-sm-line-height))}.okui-btn.btn-fill-tertiary.btn-sm.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-tertiary.btn-md{padding:calc(var(--okd-button-md-padding-vertical) + 1px - var(--okd-button-fill-tertiary-border-size)) var(--okd-button-md-padding-horizontal)}.okui-btn.btn-fill-tertiary.btn-md.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-md-padding-vertical) + var(--okd-button-fill-tertiary-border-size))*2 + var(--okd-button-md-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-md-padding-vertical) + var(--okd-button-fill-tertiary-border-size))*2 + var(--okd-button-md-line-height))}.okui-btn.btn-fill-tertiary.btn-md.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-tertiary.btn-lg{padding:calc(var(--okd-button-lg-padding-vertical) + 1px - var(--okd-button-fill-tertiary-border-size)) var(--okd-button-lg-padding-horizontal)}.okui-btn.btn-fill-tertiary.btn-lg.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-lg-padding-vertical) + var(--okd-button-fill-tertiary-border-size))*2 + var(--okd-button-lg-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-lg-padding-vertical) + var(--okd-button-fill-tertiary-border-size))*2 + var(--okd-button-lg-line-height))}.okui-btn.btn-fill-tertiary.btn-lg.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-tertiary.btn-xl{padding:calc(var(--okd-button-xl-padding-vertical) + 1px - var(--okd-button-fill-tertiary-border-size)) var(--okd-button-xl-padding-horizontal)}.okui-btn.btn-fill-tertiary.btn-xl.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xl-padding-vertical) + var(--okd-button-fill-tertiary-border-size))*2 + var(--okd-button-xl-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xl-padding-vertical) + var(--okd-button-fill-tertiary-border-size))*2 + var(--okd-button-xl-line-height))}.okui-btn.btn-fill-tertiary.btn-xl.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-quaternary{background:var(--okd-button-fill-quaternary-default-background);border-color:var(--okd-button-fill-quaternary-default-border-color);border-style:solid;border-width:var(--okd-button-fill-quaternary-border-size);box-shadow:var(--okd-button-fill-quaternary-default-shadow);color:var(--okd-button-fill-quaternary-default-font-color)}.okui-btn.btn-fill-quaternary.hover,.okui-btn.btn-fill-quaternary:not(:disabled):not(.mobile):hover{background:var(--okd-button-fill-quaternary-hover-background);border-color:var(--okd-button-fill-quaternary-hover-border-color);box-shadow:var(--okd-button-fill-quaternary-hover-shadow);color:var(--okd-button-fill-quaternary-hover-font-color)}.okui-btn.btn-fill-quaternary.hover .btn-icon,.okui-btn.btn-fill-quaternary:not(:disabled):not(.mobile):hover .btn-icon{color:var(--okd-button-fill-quaternary-hover-font-color)}.okui-btn.btn-fill-quaternary.active,.okui-btn.btn-fill-quaternary:not(:disabled):active{background:var(--okd-button-fill-quaternary-active-background);border-color:var(--okd-button-fill-quaternary-active-border-color);box-shadow:var(--okd-button-fill-quaternary-active-shadow);color:var(--okd-button-fill-quaternary-active-font-color)}.okui-btn.btn-fill-quaternary.active .btn-icon,.okui-btn.btn-fill-quaternary:not(:disabled):active .btn-icon{color:var(--okd-button-fill-quaternary-active-font-color)}.okui-btn.btn-fill-quaternary:not(.loading).btn-disabled,.okui-btn.btn-fill-quaternary:not(.loading):disabled{background:var(--okd-button-fill-quaternary-disabled-background);border-color:var(--okd-button-fill-quaternary-disabled-border-color);box-shadow:var(--okd-button-fill-quaternary-disabled-shadow);color:var(--okd-button-fill-quaternary-disabled-font-color)}.okui-btn.btn-fill-quaternary:not(.loading).btn-disabled .btn-icon,.okui-btn.btn-fill-quaternary:not(.loading):disabled .btn-icon{color:var(--okd-button-fill-quaternary-disabled-font-color)}.okui-btn.btn-fill-quaternary.loading{cursor:pointer}.okui-btn.btn-fill-quaternary .btn-icon,.okui-btn.btn-fill-quaternary .okui-btn-loader-text{color:var(--okd-button-fill-quaternary-default-font-color)}.okui-btn.btn-fill-quaternary.btn-xxs{padding:calc(var(--okd-button-xxs-padding-vertical) + 1px - var(--okd-button-fill-quaternary-border-size)) var(--okd-button-xxs-padding-horizontal)}.okui-btn.btn-fill-quaternary.btn-xxs.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xxs-padding-vertical) + var(--okd-button-fill-quaternary-border-size))*2 + var(--okd-button-xxs-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xxs-padding-vertical) + var(--okd-button-fill-quaternary-border-size))*2 + var(--okd-button-xxs-line-height))}.okui-btn.btn-fill-quaternary.btn-xxs.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-quaternary.btn-xs{padding:calc(var(--okd-button-xs-padding-vertical) + 1px - var(--okd-button-fill-quaternary-border-size)) var(--okd-button-xs-padding-horizontal)}.okui-btn.btn-fill-quaternary.btn-xs.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xs-padding-vertical) + var(--okd-button-fill-quaternary-border-size))*2 + var(--okd-button-xs-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xs-padding-vertical) + var(--okd-button-fill-quaternary-border-size))*2 + var(--okd-button-xs-line-height))}.okui-btn.btn-fill-quaternary.btn-xs.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-quaternary.btn-s{padding:calc(var(--okd-button-s-padding-vertical) + 1px - var(--okd-button-fill-quaternary-border-size)) var(--okd-button-s-padding-horizontal)}.okui-btn.btn-fill-quaternary.btn-s.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-s-padding-vertical) + var(--okd-button-fill-quaternary-border-size))*2 + var(--okd-button-s-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-s-padding-vertical) + var(--okd-button-fill-quaternary-border-size))*2 + var(--okd-button-s-line-height))}.okui-btn.btn-fill-quaternary.btn-s.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-quaternary.btn-sm{padding:calc(var(--okd-button-sm-padding-vertical) + 1px - var(--okd-button-fill-quaternary-border-size)) var(--okd-button-sm-padding-horizontal)}.okui-btn.btn-fill-quaternary.btn-sm.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-sm-padding-vertical) + var(--okd-button-fill-quaternary-border-size))*2 + var(--okd-button-sm-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-sm-padding-vertical) + var(--okd-button-fill-quaternary-border-size))*2 + var(--okd-button-sm-line-height))}.okui-btn.btn-fill-quaternary.btn-sm.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-quaternary.btn-md{padding:calc(var(--okd-button-md-padding-vertical) + 1px - var(--okd-button-fill-quaternary-border-size)) var(--okd-button-md-padding-horizontal)}.okui-btn.btn-fill-quaternary.btn-md.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-md-padding-vertical) + var(--okd-button-fill-quaternary-border-size))*2 + var(--okd-button-md-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-md-padding-vertical) + var(--okd-button-fill-quaternary-border-size))*2 + var(--okd-button-md-line-height))}.okui-btn.btn-fill-quaternary.btn-md.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-quaternary.btn-lg{padding:calc(var(--okd-button-lg-padding-vertical) + 1px - var(--okd-button-fill-quaternary-border-size)) var(--okd-button-lg-padding-horizontal)}.okui-btn.btn-fill-quaternary.btn-lg.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-lg-padding-vertical) + var(--okd-button-fill-quaternary-border-size))*2 + var(--okd-button-lg-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-lg-padding-vertical) + var(--okd-button-fill-quaternary-border-size))*2 + var(--okd-button-lg-line-height))}.okui-btn.btn-fill-quaternary.btn-lg.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-quaternary.btn-xl{padding:calc(var(--okd-button-xl-padding-vertical) + 1px - var(--okd-button-fill-quaternary-border-size)) var(--okd-button-xl-padding-horizontal)}.okui-btn.btn-fill-quaternary.btn-xl.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xl-padding-vertical) + var(--okd-button-fill-quaternary-border-size))*2 + var(--okd-button-xl-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xl-padding-vertical) + var(--okd-button-fill-quaternary-border-size))*2 + var(--okd-button-xl-line-height))}.okui-btn.btn-fill-quaternary.btn-xl.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-red{background:var(--okd-button-fill-red-default-background);border-color:var(--okd-button-fill-red-default-border-color);border-style:solid;border-width:var(--okd-button-fill-red-border-size);box-shadow:var(--okd-button-fill-red-default-shadow);color:var(--okd-button-fill-red-default-font-color)}.okui-btn.btn-fill-red.hover,.okui-btn.btn-fill-red:not(:disabled):not(.mobile):hover{background:var(--okd-button-fill-red-hover-background);border-color:var(--okd-button-fill-red-hover-border-color);box-shadow:var(--okd-button-fill-red-hover-shadow);color:var(--okd-button-fill-red-hover-font-color)}.okui-btn.btn-fill-red.hover .btn-icon,.okui-btn.btn-fill-red:not(:disabled):not(.mobile):hover .btn-icon{color:var(--okd-button-fill-red-hover-font-color)}.okui-btn.btn-fill-red.active,.okui-btn.btn-fill-red:not(:disabled):active{background:var(--okd-button-fill-red-active-background);border-color:var(--okd-button-fill-red-active-border-color);box-shadow:var(--okd-button-fill-red-active-shadow);color:var(--okd-button-fill-red-active-font-color)}.okui-btn.btn-fill-red.active .btn-icon,.okui-btn.btn-fill-red:not(:disabled):active .btn-icon{color:var(--okd-button-fill-red-active-font-color)}.okui-btn.btn-fill-red:not(.loading).btn-disabled,.okui-btn.btn-fill-red:not(.loading):disabled{background:var(--okd-button-fill-red-disabled-background);border-color:var(--okd-button-fill-red-disabled-border-color);box-shadow:var(--okd-button-fill-red-disabled-shadow);color:var(--okd-button-fill-red-disabled-font-color)}.okui-btn.btn-fill-red:not(.loading).btn-disabled .btn-icon,.okui-btn.btn-fill-red:not(.loading):disabled .btn-icon{color:var(--okd-button-fill-red-disabled-font-color)}.okui-btn.btn-fill-red.loading{cursor:pointer}.okui-btn.btn-fill-red .btn-icon,.okui-btn.btn-fill-red .okui-btn-loader-text{color:var(--okd-button-fill-red-default-font-color)}.okui-btn.btn-fill-red.btn-xxs{padding:calc(var(--okd-button-xxs-padding-vertical) + 1px - var(--okd-button-fill-red-border-size)) var(--okd-button-xxs-padding-horizontal)}.okui-btn.btn-fill-red.btn-xxs.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xxs-padding-vertical) + var(--okd-button-fill-red-border-size))*2 + var(--okd-button-xxs-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xxs-padding-vertical) + var(--okd-button-fill-red-border-size))*2 + var(--okd-button-xxs-line-height))}.okui-btn.btn-fill-red.btn-xxs.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-red.btn-xs{padding:calc(var(--okd-button-xs-padding-vertical) + 1px - var(--okd-button-fill-red-border-size)) var(--okd-button-xs-padding-horizontal)}.okui-btn.btn-fill-red.btn-xs.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xs-padding-vertical) + var(--okd-button-fill-red-border-size))*2 + var(--okd-button-xs-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xs-padding-vertical) + var(--okd-button-fill-red-border-size))*2 + var(--okd-button-xs-line-height))}.okui-btn.btn-fill-red.btn-xs.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-red.btn-s{padding:calc(var(--okd-button-s-padding-vertical) + 1px - var(--okd-button-fill-red-border-size)) var(--okd-button-s-padding-horizontal)}.okui-btn.btn-fill-red.btn-s.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-s-padding-vertical) + var(--okd-button-fill-red-border-size))*2 + var(--okd-button-s-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-s-padding-vertical) + var(--okd-button-fill-red-border-size))*2 + var(--okd-button-s-line-height))}.okui-btn.btn-fill-red.btn-s.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-red.btn-sm{padding:calc(var(--okd-button-sm-padding-vertical) + 1px - var(--okd-button-fill-red-border-size)) var(--okd-button-sm-padding-horizontal)}.okui-btn.btn-fill-red.btn-sm.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-sm-padding-vertical) + var(--okd-button-fill-red-border-size))*2 + var(--okd-button-sm-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-sm-padding-vertical) + var(--okd-button-fill-red-border-size))*2 + var(--okd-button-sm-line-height))}.okui-btn.btn-fill-red.btn-sm.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-red.btn-md{padding:calc(var(--okd-button-md-padding-vertical) + 1px - var(--okd-button-fill-red-border-size)) var(--okd-button-md-padding-horizontal)}.okui-btn.btn-fill-red.btn-md.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-md-padding-vertical) + var(--okd-button-fill-red-border-size))*2 + var(--okd-button-md-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-md-padding-vertical) + var(--okd-button-fill-red-border-size))*2 + var(--okd-button-md-line-height))}.okui-btn.btn-fill-red.btn-md.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-red.btn-lg{padding:calc(var(--okd-button-lg-padding-vertical) + 1px - var(--okd-button-fill-red-border-size)) var(--okd-button-lg-padding-horizontal)}.okui-btn.btn-fill-red.btn-lg.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-lg-padding-vertical) + var(--okd-button-fill-red-border-size))*2 + var(--okd-button-lg-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-lg-padding-vertical) + var(--okd-button-fill-red-border-size))*2 + var(--okd-button-lg-line-height))}.okui-btn.btn-fill-red.btn-lg.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-red.btn-xl{padding:calc(var(--okd-button-xl-padding-vertical) + 1px - var(--okd-button-fill-red-border-size)) var(--okd-button-xl-padding-horizontal)}.okui-btn.btn-fill-red.btn-xl.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xl-padding-vertical) + var(--okd-button-fill-red-border-size))*2 + var(--okd-button-xl-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xl-padding-vertical) + var(--okd-button-fill-red-border-size))*2 + var(--okd-button-xl-line-height))}.okui-btn.btn-fill-red.btn-xl.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-green{background:var(--okd-button-fill-green-default-background);border-color:var(--okd-button-fill-green-default-border-color);border-style:solid;border-width:var(--okd-button-fill-green-border-size);box-shadow:var(--okd-button-fill-green-default-shadow);color:var(--okd-button-fill-green-default-font-color)}.okui-btn.btn-fill-green.hover,.okui-btn.btn-fill-green:not(:disabled):not(.mobile):hover{background:var(--okd-button-fill-green-hover-background);border-color:var(--okd-button-fill-green-hover-border-color);box-shadow:var(--okd-button-fill-green-hover-shadow);color:var(--okd-button-fill-green-hover-font-color)}.okui-btn.btn-fill-green.hover .btn-icon,.okui-btn.btn-fill-green:not(:disabled):not(.mobile):hover .btn-icon{color:var(--okd-button-fill-green-hover-font-color)}.okui-btn.btn-fill-green.active,.okui-btn.btn-fill-green:not(:disabled):active{background:var(--okd-button-fill-green-active-background);border-color:var(--okd-button-fill-green-active-border-color);box-shadow:var(--okd-button-fill-green-active-shadow);color:var(--okd-button-fill-green-active-font-color)}.okui-btn.btn-fill-green.active .btn-icon,.okui-btn.btn-fill-green:not(:disabled):active .btn-icon{color:var(--okd-button-fill-green-active-font-color)}.okui-btn.btn-fill-green:not(.loading).btn-disabled,.okui-btn.btn-fill-green:not(.loading):disabled{background:var(--okd-button-fill-green-disabled-background);border-color:var(--okd-button-fill-green-disabled-border-color);box-shadow:var(--okd-button-fill-green-disabled-shadow);color:var(--okd-button-fill-green-disabled-font-color)}.okui-btn.btn-fill-green:not(.loading).btn-disabled .btn-icon,.okui-btn.btn-fill-green:not(.loading):disabled .btn-icon{color:var(--okd-button-fill-green-disabled-font-color)}.okui-btn.btn-fill-green.loading{cursor:pointer}.okui-btn.btn-fill-green .btn-icon,.okui-btn.btn-fill-green .okui-btn-loader-text{color:var(--okd-button-fill-green-default-font-color)}.okui-btn.btn-fill-green.btn-xxs{padding:calc(var(--okd-button-xxs-padding-vertical) + 1px - var(--okd-button-fill-green-border-size)) var(--okd-button-xxs-padding-horizontal)}.okui-btn.btn-fill-green.btn-xxs.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xxs-padding-vertical) + var(--okd-button-fill-green-border-size))*2 + var(--okd-button-xxs-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xxs-padding-vertical) + var(--okd-button-fill-green-border-size))*2 + var(--okd-button-xxs-line-height))}.okui-btn.btn-fill-green.btn-xxs.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-green.btn-xs{padding:calc(var(--okd-button-xs-padding-vertical) + 1px - var(--okd-button-fill-green-border-size)) var(--okd-button-xs-padding-horizontal)}.okui-btn.btn-fill-green.btn-xs.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xs-padding-vertical) + var(--okd-button-fill-green-border-size))*2 + var(--okd-button-xs-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xs-padding-vertical) + var(--okd-button-fill-green-border-size))*2 + var(--okd-button-xs-line-height))}.okui-btn.btn-fill-green.btn-xs.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-green.btn-s{padding:calc(var(--okd-button-s-padding-vertical) + 1px - var(--okd-button-fill-green-border-size)) var(--okd-button-s-padding-horizontal)}.okui-btn.btn-fill-green.btn-s.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-s-padding-vertical) + var(--okd-button-fill-green-border-size))*2 + var(--okd-button-s-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-s-padding-vertical) + var(--okd-button-fill-green-border-size))*2 + var(--okd-button-s-line-height))}.okui-btn.btn-fill-green.btn-s.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-green.btn-sm{padding:calc(var(--okd-button-sm-padding-vertical) + 1px - var(--okd-button-fill-green-border-size)) var(--okd-button-sm-padding-horizontal)}.okui-btn.btn-fill-green.btn-sm.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-sm-padding-vertical) + var(--okd-button-fill-green-border-size))*2 + var(--okd-button-sm-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-sm-padding-vertical) + var(--okd-button-fill-green-border-size))*2 + var(--okd-button-sm-line-height))}.okui-btn.btn-fill-green.btn-sm.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-green.btn-md{padding:calc(var(--okd-button-md-padding-vertical) + 1px - var(--okd-button-fill-green-border-size)) var(--okd-button-md-padding-horizontal)}.okui-btn.btn-fill-green.btn-md.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-md-padding-vertical) + var(--okd-button-fill-green-border-size))*2 + var(--okd-button-md-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-md-padding-vertical) + var(--okd-button-fill-green-border-size))*2 + var(--okd-button-md-line-height))}.okui-btn.btn-fill-green.btn-md.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-green.btn-lg{padding:calc(var(--okd-button-lg-padding-vertical) + 1px - var(--okd-button-fill-green-border-size)) var(--okd-button-lg-padding-horizontal)}.okui-btn.btn-fill-green.btn-lg.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-lg-padding-vertical) + var(--okd-button-fill-green-border-size))*2 + var(--okd-button-lg-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-lg-padding-vertical) + var(--okd-button-fill-green-border-size))*2 + var(--okd-button-lg-line-height))}.okui-btn.btn-fill-green.btn-lg.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-green.btn-xl{padding:calc(var(--okd-button-xl-padding-vertical) + 1px - var(--okd-button-fill-green-border-size)) var(--okd-button-xl-padding-horizontal)}.okui-btn.btn-fill-green.btn-xl.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xl-padding-vertical) + var(--okd-button-fill-green-border-size))*2 + var(--okd-button-xl-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xl-padding-vertical) + var(--okd-button-fill-green-border-size))*2 + var(--okd-button-xl-line-height))}.okui-btn.btn-fill-green.btn-xl.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-grey{background:var(--okd-button-fill-grey-default-background);border-color:var(--okd-button-fill-grey-default-border-color);border-style:solid;border-width:var(--okd-button-fill-grey-border-size);box-shadow:var(--okd-button-fill-grey-default-shadow);color:var(--okd-button-fill-grey-default-font-color)}.okui-btn.btn-fill-grey.hover,.okui-btn.btn-fill-grey:not(:disabled):not(.mobile):hover{background:var(--okd-button-fill-grey-hover-background);border-color:var(--okd-button-fill-grey-hover-border-color);box-shadow:var(--okd-button-fill-grey-hover-shadow);color:var(--okd-button-fill-grey-hover-font-color)}.okui-btn.btn-fill-grey.hover .btn-icon,.okui-btn.btn-fill-grey:not(:disabled):not(.mobile):hover .btn-icon{color:var(--okd-button-fill-grey-hover-font-color)}.okui-btn.btn-fill-grey.active,.okui-btn.btn-fill-grey:not(:disabled):active{background:var(--okd-button-fill-grey-active-background);border-color:var(--okd-button-fill-grey-active-border-color);box-shadow:var(--okd-button-fill-grey-active-shadow);color:var(--okd-button-fill-grey-active-font-color)}.okui-btn.btn-fill-grey.active .btn-icon,.okui-btn.btn-fill-grey:not(:disabled):active .btn-icon{color:var(--okd-button-fill-grey-active-font-color)}.okui-btn.btn-fill-grey:not(.loading).btn-disabled,.okui-btn.btn-fill-grey:not(.loading):disabled{background:var(--okd-button-fill-grey-disabled-background);border-color:var(--okd-button-fill-grey-disabled-border-color);box-shadow:var(--okd-button-fill-grey-disabled-shadow);color:var(--okd-button-fill-grey-disabled-font-color)}.okui-btn.btn-fill-grey:not(.loading).btn-disabled .btn-icon,.okui-btn.btn-fill-grey:not(.loading):disabled .btn-icon{color:var(--okd-button-fill-grey-disabled-font-color)}.okui-btn.btn-fill-grey.loading{cursor:pointer}.okui-btn.btn-fill-grey .btn-icon,.okui-btn.btn-fill-grey .okui-btn-loader-text{color:var(--okd-button-fill-grey-default-font-color)}.okui-btn.btn-fill-grey.btn-xxs{padding:calc(var(--okd-button-xxs-padding-vertical) + 1px - var(--okd-button-fill-grey-border-size)) var(--okd-button-xxs-padding-horizontal)}.okui-btn.btn-fill-grey.btn-xxs.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xxs-padding-vertical) + var(--okd-button-fill-grey-border-size))*2 + var(--okd-button-xxs-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xxs-padding-vertical) + var(--okd-button-fill-grey-border-size))*2 + var(--okd-button-xxs-line-height))}.okui-btn.btn-fill-grey.btn-xxs.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-grey.btn-xs{padding:calc(var(--okd-button-xs-padding-vertical) + 1px - var(--okd-button-fill-grey-border-size)) var(--okd-button-xs-padding-horizontal)}.okui-btn.btn-fill-grey.btn-xs.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xs-padding-vertical) + var(--okd-button-fill-grey-border-size))*2 + var(--okd-button-xs-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xs-padding-vertical) + var(--okd-button-fill-grey-border-size))*2 + var(--okd-button-xs-line-height))}.okui-btn.btn-fill-grey.btn-xs.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-grey.btn-s{padding:calc(var(--okd-button-s-padding-vertical) + 1px - var(--okd-button-fill-grey-border-size)) var(--okd-button-s-padding-horizontal)}.okui-btn.btn-fill-grey.btn-s.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-s-padding-vertical) + var(--okd-button-fill-grey-border-size))*2 + var(--okd-button-s-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-s-padding-vertical) + var(--okd-button-fill-grey-border-size))*2 + var(--okd-button-s-line-height))}.okui-btn.btn-fill-grey.btn-s.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-grey.btn-sm{padding:calc(var(--okd-button-sm-padding-vertical) + 1px - var(--okd-button-fill-grey-border-size)) var(--okd-button-sm-padding-horizontal)}.okui-btn.btn-fill-grey.btn-sm.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-sm-padding-vertical) + var(--okd-button-fill-grey-border-size))*2 + var(--okd-button-sm-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-sm-padding-vertical) + var(--okd-button-fill-grey-border-size))*2 + var(--okd-button-sm-line-height))}.okui-btn.btn-fill-grey.btn-sm.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-grey.btn-md{padding:calc(var(--okd-button-md-padding-vertical) + 1px - var(--okd-button-fill-grey-border-size)) var(--okd-button-md-padding-horizontal)}.okui-btn.btn-fill-grey.btn-md.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-md-padding-vertical) + var(--okd-button-fill-grey-border-size))*2 + var(--okd-button-md-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-md-padding-vertical) + var(--okd-button-fill-grey-border-size))*2 + var(--okd-button-md-line-height))}.okui-btn.btn-fill-grey.btn-md.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-grey.btn-lg{padding:calc(var(--okd-button-lg-padding-vertical) + 1px - var(--okd-button-fill-grey-border-size)) var(--okd-button-lg-padding-horizontal)}.okui-btn.btn-fill-grey.btn-lg.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-lg-padding-vertical) + var(--okd-button-fill-grey-border-size))*2 + var(--okd-button-lg-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-lg-padding-vertical) + var(--okd-button-fill-grey-border-size))*2 + var(--okd-button-lg-line-height))}.okui-btn.btn-fill-grey.btn-lg.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-grey.btn-xl{padding:calc(var(--okd-button-xl-padding-vertical) + 1px - var(--okd-button-fill-grey-border-size)) var(--okd-button-xl-padding-horizontal)}.okui-btn.btn-fill-grey.btn-xl.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xl-padding-vertical) + var(--okd-button-fill-grey-border-size))*2 + var(--okd-button-xl-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xl-padding-vertical) + var(--okd-button-fill-grey-border-size))*2 + var(--okd-button-xl-line-height))}.okui-btn.btn-fill-grey.btn-xl.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-outline-highlight{background:var(--okd-button-outline-highlight-default-background);border-color:var(--okd-button-outline-highlight-default-border-color);border-style:solid;border-width:var(--okd-button-outline-highlight-border-size);box-shadow:var(--okd-button-outline-highlight-default-shadow);color:var(--okd-button-outline-highlight-default-font-color)}.okui-btn.btn-outline-highlight.hover,.okui-btn.btn-outline-highlight:not(:disabled):not(.mobile):hover{background:var(--okd-button-outline-highlight-hover-background);border-color:var(--okd-button-outline-highlight-hover-border-color);box-shadow:var(--okd-button-outline-highlight-hover-shadow);color:var(--okd-button-outline-highlight-hover-font-color)}.okui-btn.btn-outline-highlight.hover .btn-icon,.okui-btn.btn-outline-highlight:not(:disabled):not(.mobile):hover .btn-icon{color:var(--okd-button-outline-highlight-hover-font-color)}.okui-btn.btn-outline-highlight.active,.okui-btn.btn-outline-highlight:not(:disabled):active{background:var(--okd-button-outline-highlight-active-background);border-color:var(--okd-button-outline-highlight-active-border-color);box-shadow:var(--okd-button-outline-highlight-active-shadow);color:var(--okd-button-outline-highlight-active-font-color)}.okui-btn.btn-outline-highlight.active .btn-icon,.okui-btn.btn-outline-highlight:not(:disabled):active .btn-icon{color:var(--okd-button-outline-highlight-active-font-color)}.okui-btn.btn-outline-highlight:not(.loading).btn-disabled,.okui-btn.btn-outline-highlight:not(.loading):disabled{background:var(--okd-button-outline-highlight-disabled-background);border-color:var(--okd-button-outline-highlight-disabled-border-color);box-shadow:var(--okd-button-outline-highlight-disabled-shadow);color:var(--okd-button-outline-highlight-disabled-font-color)}.okui-btn.btn-outline-highlight:not(.loading).btn-disabled .btn-icon,.okui-btn.btn-outline-highlight:not(.loading):disabled .btn-icon{color:var(--okd-button-outline-highlight-disabled-font-color)}.okui-btn.btn-outline-highlight.loading{cursor:pointer}.okui-btn.btn-outline-highlight .btn-icon,.okui-btn.btn-outline-highlight .okui-btn-loader-text{color:var(--okd-button-outline-highlight-default-font-color)}.okui-btn.btn-outline-highlight.btn-xxs{padding:calc(var(--okd-button-xxs-padding-vertical) + 1px - var(--okd-button-outline-highlight-border-size)) var(--okd-button-xxs-padding-horizontal)}.okui-btn.btn-outline-highlight.btn-xxs.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xxs-padding-vertical) + var(--okd-button-outline-highlight-border-size))*2 + var(--okd-button-xxs-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xxs-padding-vertical) + var(--okd-button-outline-highlight-border-size))*2 + var(--okd-button-xxs-line-height))}.okui-btn.btn-outline-highlight.btn-xxs.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-outline-highlight.btn-xs{padding:calc(var(--okd-button-xs-padding-vertical) + 1px - var(--okd-button-outline-highlight-border-size)) var(--okd-button-xs-padding-horizontal)}.okui-btn.btn-outline-highlight.btn-xs.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xs-padding-vertical) + var(--okd-button-outline-highlight-border-size))*2 + var(--okd-button-xs-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xs-padding-vertical) + var(--okd-button-outline-highlight-border-size))*2 + var(--okd-button-xs-line-height))}.okui-btn.btn-outline-highlight.btn-xs.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-outline-highlight.btn-s{padding:calc(var(--okd-button-s-padding-vertical) + 1px - var(--okd-button-outline-highlight-border-size)) var(--okd-button-s-padding-horizontal)}.okui-btn.btn-outline-highlight.btn-s.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-s-padding-vertical) + var(--okd-button-outline-highlight-border-size))*2 + var(--okd-button-s-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-s-padding-vertical) + var(--okd-button-outline-highlight-border-size))*2 + var(--okd-button-s-line-height))}.okui-btn.btn-outline-highlight.btn-s.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-outline-highlight.btn-sm{padding:calc(var(--okd-button-sm-padding-vertical) + 1px - var(--okd-button-outline-highlight-border-size)) var(--okd-button-sm-padding-horizontal)}.okui-btn.btn-outline-highlight.btn-sm.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-sm-padding-vertical) + var(--okd-button-outline-highlight-border-size))*2 + var(--okd-button-sm-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-sm-padding-vertical) + var(--okd-button-outline-highlight-border-size))*2 + var(--okd-button-sm-line-height))}.okui-btn.btn-outline-highlight.btn-sm.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-outline-highlight.btn-md{padding:calc(var(--okd-button-md-padding-vertical) + 1px - var(--okd-button-outline-highlight-border-size)) var(--okd-button-md-padding-horizontal)}.okui-btn.btn-outline-highlight.btn-md.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-md-padding-vertical) + var(--okd-button-outline-highlight-border-size))*2 + var(--okd-button-md-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-md-padding-vertical) + var(--okd-button-outline-highlight-border-size))*2 + var(--okd-button-md-line-height))}.okui-btn.btn-outline-highlight.btn-md.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-outline-highlight.btn-lg{padding:calc(var(--okd-button-lg-padding-vertical) + 1px - var(--okd-button-outline-highlight-border-size)) var(--okd-button-lg-padding-horizontal)}.okui-btn.btn-outline-highlight.btn-lg.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-lg-padding-vertical) + var(--okd-button-outline-highlight-border-size))*2 + var(--okd-button-lg-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-lg-padding-vertical) + var(--okd-button-outline-highlight-border-size))*2 + var(--okd-button-lg-line-height))}.okui-btn.btn-outline-highlight.btn-lg.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-outline-highlight.btn-xl{padding:calc(var(--okd-button-xl-padding-vertical) + 1px - var(--okd-button-outline-highlight-border-size)) var(--okd-button-xl-padding-horizontal)}.okui-btn.btn-outline-highlight.btn-xl.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xl-padding-vertical) + var(--okd-button-outline-highlight-border-size))*2 + var(--okd-button-xl-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xl-padding-vertical) + var(--okd-button-outline-highlight-border-size))*2 + var(--okd-button-xl-line-height))}.okui-btn.btn-outline-highlight.btn-xl.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-outline-primary{background:var(--okd-button-outline-primary-default-background);border-color:var(--okd-button-outline-primary-default-border-color);border-style:solid;border-width:var(--okd-button-outline-primary-border-size);box-shadow:var(--okd-button-outline-primary-default-shadow);color:var(--okd-button-outline-primary-default-font-color)}.okui-btn.btn-outline-primary.hover,.okui-btn.btn-outline-primary:not(:disabled):not(.mobile):hover{background:var(--okd-button-outline-primary-hover-background);border-color:var(--okd-button-outline-primary-hover-border-color);box-shadow:var(--okd-button-outline-primary-hover-shadow);color:var(--okd-button-outline-primary-hover-font-color)}.okui-btn.btn-outline-primary.hover .btn-icon,.okui-btn.btn-outline-primary:not(:disabled):not(.mobile):hover .btn-icon{color:var(--okd-button-outline-primary-hover-font-color)}.okui-btn.btn-outline-primary.active,.okui-btn.btn-outline-primary:not(:disabled):active{background:var(--okd-button-outline-primary-active-background);border-color:var(--okd-button-outline-primary-active-border-color);box-shadow:var(--okd-button-outline-primary-active-shadow);color:var(--okd-button-outline-primary-active-font-color)}.okui-btn.btn-outline-primary.active .btn-icon,.okui-btn.btn-outline-primary:not(:disabled):active .btn-icon{color:var(--okd-button-outline-primary-active-font-color)}.okui-btn.btn-outline-primary:not(.loading).btn-disabled,.okui-btn.btn-outline-primary:not(.loading):disabled{background:var(--okd-button-outline-primary-disabled-background);border-color:var(--okd-button-outline-primary-disabled-border-color);box-shadow:var(--okd-button-outline-primary-disabled-shadow);color:var(--okd-button-outline-primary-disabled-font-color)}.okui-btn.btn-outline-primary:not(.loading).btn-disabled .btn-icon,.okui-btn.btn-outline-primary:not(.loading):disabled .btn-icon{color:var(--okd-button-outline-primary-disabled-font-color)}.okui-btn.btn-outline-primary.loading{cursor:pointer}.okui-btn.btn-outline-primary .btn-icon,.okui-btn.btn-outline-primary .okui-btn-loader-text{color:var(--okd-button-outline-primary-default-font-color)}.okui-btn.btn-outline-primary.btn-xxs{padding:calc(var(--okd-button-xxs-padding-vertical) + 1px - var(--okd-button-outline-primary-border-size)) var(--okd-button-xxs-padding-horizontal)}.okui-btn.btn-outline-primary.btn-xxs.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xxs-padding-vertical) + var(--okd-button-outline-primary-border-size))*2 + var(--okd-button-xxs-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xxs-padding-vertical) + var(--okd-button-outline-primary-border-size))*2 + var(--okd-button-xxs-line-height))}.okui-btn.btn-outline-primary.btn-xxs.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-outline-primary.btn-xs{padding:calc(var(--okd-button-xs-padding-vertical) + 1px - var(--okd-button-outline-primary-border-size)) var(--okd-button-xs-padding-horizontal)}.okui-btn.btn-outline-primary.btn-xs.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xs-padding-vertical) + var(--okd-button-outline-primary-border-size))*2 + var(--okd-button-xs-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xs-padding-vertical) + var(--okd-button-outline-primary-border-size))*2 + var(--okd-button-xs-line-height))}.okui-btn.btn-outline-primary.btn-xs.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-outline-primary.btn-s{padding:calc(var(--okd-button-s-padding-vertical) + 1px - var(--okd-button-outline-primary-border-size)) var(--okd-button-s-padding-horizontal)}.okui-btn.btn-outline-primary.btn-s.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-s-padding-vertical) + var(--okd-button-outline-primary-border-size))*2 + var(--okd-button-s-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-s-padding-vertical) + var(--okd-button-outline-primary-border-size))*2 + var(--okd-button-s-line-height))}.okui-btn.btn-outline-primary.btn-s.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-outline-primary.btn-sm{padding:calc(var(--okd-button-sm-padding-vertical) + 1px - var(--okd-button-outline-primary-border-size)) var(--okd-button-sm-padding-horizontal)}.okui-btn.btn-outline-primary.btn-sm.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-sm-padding-vertical) + var(--okd-button-outline-primary-border-size))*2 + var(--okd-button-sm-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-sm-padding-vertical) + var(--okd-button-outline-primary-border-size))*2 + var(--okd-button-sm-line-height))}.okui-btn.btn-outline-primary.btn-sm.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-outline-primary.btn-md{padding:calc(var(--okd-button-md-padding-vertical) + 1px - var(--okd-button-outline-primary-border-size)) var(--okd-button-md-padding-horizontal)}.okui-btn.btn-outline-primary.btn-md.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-md-padding-vertical) + var(--okd-button-outline-primary-border-size))*2 + var(--okd-button-md-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-md-padding-vertical) + var(--okd-button-outline-primary-border-size))*2 + var(--okd-button-md-line-height))}.okui-btn.btn-outline-primary.btn-md.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-outline-primary.btn-lg{padding:calc(var(--okd-button-lg-padding-vertical) + 1px - var(--okd-button-outline-primary-border-size)) var(--okd-button-lg-padding-horizontal)}.okui-btn.btn-outline-primary.btn-lg.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-lg-padding-vertical) + var(--okd-button-outline-primary-border-size))*2 + var(--okd-button-lg-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-lg-padding-vertical) + var(--okd-button-outline-primary-border-size))*2 + var(--okd-button-lg-line-height))}.okui-btn.btn-outline-primary.btn-lg.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-outline-primary.btn-xl{padding:calc(var(--okd-button-xl-padding-vertical) + 1px - var(--okd-button-outline-primary-border-size)) var(--okd-button-xl-padding-horizontal)}.okui-btn.btn-outline-primary.btn-xl.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xl-padding-vertical) + var(--okd-button-outline-primary-border-size))*2 + var(--okd-button-xl-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xl-padding-vertical) + var(--okd-button-outline-primary-border-size))*2 + var(--okd-button-xl-line-height))}.okui-btn.btn-outline-primary.btn-xl.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-outline-secondary{background:var(--okd-button-outline-secondary-default-background);border-color:var(--okd-button-outline-secondary-default-border-color);border-style:solid;border-width:var(--okd-button-outline-secondary-border-size);box-shadow:var(--okd-button-outline-secondary-default-shadow);color:var(--okd-button-outline-secondary-default-font-color)}.okui-btn.btn-outline-secondary.hover,.okui-btn.btn-outline-secondary:not(:disabled):not(.mobile):hover{background:var(--okd-button-outline-secondary-hover-background);border-color:var(--okd-button-outline-secondary-hover-border-color);box-shadow:var(--okd-button-outline-secondary-hover-shadow);color:var(--okd-button-outline-secondary-hover-font-color)}.okui-btn.btn-outline-secondary.hover .btn-icon,.okui-btn.btn-outline-secondary:not(:disabled):not(.mobile):hover .btn-icon{color:var(--okd-button-outline-secondary-hover-font-color)}.okui-btn.btn-outline-secondary.active,.okui-btn.btn-outline-secondary:not(:disabled):active{background:var(--okd-button-outline-secondary-active-background);border-color:var(--okd-button-outline-secondary-active-border-color);box-shadow:var(--okd-button-outline-secondary-active-shadow);color:var(--okd-button-outline-secondary-active-font-color)}.okui-btn.btn-outline-secondary.active .btn-icon,.okui-btn.btn-outline-secondary:not(:disabled):active .btn-icon{color:var(--okd-button-outline-secondary-active-font-color)}.okui-btn.btn-outline-secondary:not(.loading).btn-disabled,.okui-btn.btn-outline-secondary:not(.loading):disabled{background:var(--okd-button-outline-secondary-disabled-background);border-color:var(--okd-button-outline-secondary-disabled-border-color);box-shadow:var(--okd-button-outline-secondary-disabled-shadow);color:var(--okd-button-outline-secondary-disabled-font-color)}.okui-btn.btn-outline-secondary:not(.loading).btn-disabled .btn-icon,.okui-btn.btn-outline-secondary:not(.loading):disabled .btn-icon{color:var(--okd-button-outline-secondary-disabled-font-color)}.okui-btn.btn-outline-secondary.loading{cursor:pointer}.okui-btn.btn-outline-secondary .btn-icon,.okui-btn.btn-outline-secondary .okui-btn-loader-text{color:var(--okd-button-outline-secondary-default-font-color)}.okui-btn.btn-outline-secondary.btn-xxs{padding:calc(var(--okd-button-xxs-padding-vertical) + 1px - var(--okd-button-outline-secondary-border-size)) var(--okd-button-xxs-padding-horizontal)}.okui-btn.btn-outline-secondary.btn-xxs.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xxs-padding-vertical) + var(--okd-button-outline-secondary-border-size))*2 + var(--okd-button-xxs-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xxs-padding-vertical) + var(--okd-button-outline-secondary-border-size))*2 + var(--okd-button-xxs-line-height))}.okui-btn.btn-outline-secondary.btn-xxs.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-outline-secondary.btn-xs{padding:calc(var(--okd-button-xs-padding-vertical) + 1px - var(--okd-button-outline-secondary-border-size)) var(--okd-button-xs-padding-horizontal)}.okui-btn.btn-outline-secondary.btn-xs.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xs-padding-vertical) + var(--okd-button-outline-secondary-border-size))*2 + var(--okd-button-xs-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xs-padding-vertical) + var(--okd-button-outline-secondary-border-size))*2 + var(--okd-button-xs-line-height))}.okui-btn.btn-outline-secondary.btn-xs.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-outline-secondary.btn-s{padding:calc(var(--okd-button-s-padding-vertical) + 1px - var(--okd-button-outline-secondary-border-size)) var(--okd-button-s-padding-horizontal)}.okui-btn.btn-outline-secondary.btn-s.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-s-padding-vertical) + var(--okd-button-outline-secondary-border-size))*2 + var(--okd-button-s-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-s-padding-vertical) + var(--okd-button-outline-secondary-border-size))*2 + var(--okd-button-s-line-height))}.okui-btn.btn-outline-secondary.btn-s.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-outline-secondary.btn-sm{padding:calc(var(--okd-button-sm-padding-vertical) + 1px - var(--okd-button-outline-secondary-border-size)) var(--okd-button-sm-padding-horizontal)}.okui-btn.btn-outline-secondary.btn-sm.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-sm-padding-vertical) + var(--okd-button-outline-secondary-border-size))*2 + var(--okd-button-sm-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-sm-padding-vertical) + var(--okd-button-outline-secondary-border-size))*2 + var(--okd-button-sm-line-height))}.okui-btn.btn-outline-secondary.btn-sm.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-outline-secondary.btn-md{padding:calc(var(--okd-button-md-padding-vertical) + 1px - var(--okd-button-outline-secondary-border-size)) var(--okd-button-md-padding-horizontal)}.okui-btn.btn-outline-secondary.btn-md.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-md-padding-vertical) + var(--okd-button-outline-secondary-border-size))*2 + var(--okd-button-md-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-md-padding-vertical) + var(--okd-button-outline-secondary-border-size))*2 + var(--okd-button-md-line-height))}.okui-btn.btn-outline-secondary.btn-md.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-outline-secondary.btn-lg{padding:calc(var(--okd-button-lg-padding-vertical) + 1px - var(--okd-button-outline-secondary-border-size)) var(--okd-button-lg-padding-horizontal)}.okui-btn.btn-outline-secondary.btn-lg.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-lg-padding-vertical) + var(--okd-button-outline-secondary-border-size))*2 + var(--okd-button-lg-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-lg-padding-vertical) + var(--okd-button-outline-secondary-border-size))*2 + var(--okd-button-lg-line-height))}.okui-btn.btn-outline-secondary.btn-lg.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-outline-secondary.btn-xl{padding:calc(var(--okd-button-xl-padding-vertical) + 1px - var(--okd-button-outline-secondary-border-size)) var(--okd-button-xl-padding-horizontal)}.okui-btn.btn-outline-secondary.btn-xl.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xl-padding-vertical) + var(--okd-button-outline-secondary-border-size))*2 + var(--okd-button-xl-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xl-padding-vertical) + var(--okd-button-outline-secondary-border-size))*2 + var(--okd-button-xl-line-height))}.okui-btn.btn-outline-secondary.btn-xl.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-outline-tertiary{background:var(--okd-button-outline-tertiary-default-background);border-color:var(--okd-button-outline-tertiary-default-border-color);border-style:solid;border-width:var(--okd-button-outline-tertiary-border-size);box-shadow:var(--okd-button-outline-tertiary-default-shadow);color:var(--okd-button-outline-tertiary-default-font-color)}.okui-btn.btn-outline-tertiary.hover,.okui-btn.btn-outline-tertiary:not(:disabled):not(.mobile):hover{background:var(--okd-button-outline-tertiary-hover-background);border-color:var(--okd-button-outline-tertiary-hover-border-color);box-shadow:var(--okd-button-outline-tertiary-hover-shadow);color:var(--okd-button-outline-tertiary-hover-font-color)}.okui-btn.btn-outline-tertiary.hover .btn-icon,.okui-btn.btn-outline-tertiary:not(:disabled):not(.mobile):hover .btn-icon{color:var(--okd-button-outline-tertiary-hover-font-color)}.okui-btn.btn-outline-tertiary.active,.okui-btn.btn-outline-tertiary:not(:disabled):active{background:var(--okd-button-outline-tertiary-active-background);border-color:var(--okd-button-outline-tertiary-active-border-color);box-shadow:var(--okd-button-outline-tertiary-active-shadow);color:var(--okd-button-outline-tertiary-active-font-color)}.okui-btn.btn-outline-tertiary.active .btn-icon,.okui-btn.btn-outline-tertiary:not(:disabled):active .btn-icon{color:var(--okd-button-outline-tertiary-active-font-color)}.okui-btn.btn-outline-tertiary:not(.loading).btn-disabled,.okui-btn.btn-outline-tertiary:not(.loading):disabled{background:var(--okd-button-outline-tertiary-disabled-background);border-color:var(--okd-button-outline-tertiary-disabled-border-color);box-shadow:var(--okd-button-outline-tertiary-disabled-shadow);color:var(--okd-button-outline-tertiary-disabled-font-color)}.okui-btn.btn-outline-tertiary:not(.loading).btn-disabled .btn-icon,.okui-btn.btn-outline-tertiary:not(.loading):disabled .btn-icon{color:var(--okd-button-outline-tertiary-disabled-font-color)}.okui-btn.btn-outline-tertiary.loading{cursor:pointer}.okui-btn.btn-outline-tertiary .btn-icon,.okui-btn.btn-outline-tertiary .okui-btn-loader-text{color:var(--okd-button-outline-tertiary-default-font-color)}.okui-btn.btn-outline-tertiary.btn-xxs{padding:calc(var(--okd-button-xxs-padding-vertical) + 1px - var(--okd-button-outline-tertiary-border-size)) var(--okd-button-xxs-padding-horizontal)}.okui-btn.btn-outline-tertiary.btn-xxs.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xxs-padding-vertical) + var(--okd-button-outline-tertiary-border-size))*2 + var(--okd-button-xxs-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xxs-padding-vertical) + var(--okd-button-outline-tertiary-border-size))*2 + var(--okd-button-xxs-line-height))}.okui-btn.btn-outline-tertiary.btn-xxs.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-outline-tertiary.btn-xs{padding:calc(var(--okd-button-xs-padding-vertical) + 1px - var(--okd-button-outline-tertiary-border-size)) var(--okd-button-xs-padding-horizontal)}.okui-btn.btn-outline-tertiary.btn-xs.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xs-padding-vertical) + var(--okd-button-outline-tertiary-border-size))*2 + var(--okd-button-xs-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xs-padding-vertical) + var(--okd-button-outline-tertiary-border-size))*2 + var(--okd-button-xs-line-height))}.okui-btn.btn-outline-tertiary.btn-xs.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-outline-tertiary.btn-s{padding:calc(var(--okd-button-s-padding-vertical) + 1px - var(--okd-button-outline-tertiary-border-size)) var(--okd-button-s-padding-horizontal)}.okui-btn.btn-outline-tertiary.btn-s.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-s-padding-vertical) + var(--okd-button-outline-tertiary-border-size))*2 + var(--okd-button-s-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-s-padding-vertical) + var(--okd-button-outline-tertiary-border-size))*2 + var(--okd-button-s-line-height))}.okui-btn.btn-outline-tertiary.btn-s.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-outline-tertiary.btn-sm{padding:calc(var(--okd-button-sm-padding-vertical) + 1px - var(--okd-button-outline-tertiary-border-size)) var(--okd-button-sm-padding-horizontal)}.okui-btn.btn-outline-tertiary.btn-sm.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-sm-padding-vertical) + var(--okd-button-outline-tertiary-border-size))*2 + var(--okd-button-sm-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-sm-padding-vertical) + var(--okd-button-outline-tertiary-border-size))*2 + var(--okd-button-sm-line-height))}.okui-btn.btn-outline-tertiary.btn-sm.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-outline-tertiary.btn-md{padding:calc(var(--okd-button-md-padding-vertical) + 1px - var(--okd-button-outline-tertiary-border-size)) var(--okd-button-md-padding-horizontal)}.okui-btn.btn-outline-tertiary.btn-md.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-md-padding-vertical) + var(--okd-button-outline-tertiary-border-size))*2 + var(--okd-button-md-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-md-padding-vertical) + var(--okd-button-outline-tertiary-border-size))*2 + var(--okd-button-md-line-height))}.okui-btn.btn-outline-tertiary.btn-md.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-outline-tertiary.btn-lg{padding:calc(var(--okd-button-lg-padding-vertical) + 1px - var(--okd-button-outline-tertiary-border-size)) var(--okd-button-lg-padding-horizontal)}.okui-btn.btn-outline-tertiary.btn-lg.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-lg-padding-vertical) + var(--okd-button-outline-tertiary-border-size))*2 + var(--okd-button-lg-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-lg-padding-vertical) + var(--okd-button-outline-tertiary-border-size))*2 + var(--okd-button-lg-line-height))}.okui-btn.btn-outline-tertiary.btn-lg.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-outline-tertiary.btn-xl{padding:calc(var(--okd-button-xl-padding-vertical) + 1px - var(--okd-button-outline-tertiary-border-size)) var(--okd-button-xl-padding-horizontal)}.okui-btn.btn-outline-tertiary.btn-xl.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xl-padding-vertical) + var(--okd-button-outline-tertiary-border-size))*2 + var(--okd-button-xl-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xl-padding-vertical) + var(--okd-button-outline-tertiary-border-size))*2 + var(--okd-button-xl-line-height))}.okui-btn.btn-outline-tertiary.btn-xl.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-primary{background:var(--okd-button-text-primary-default-background);border-color:var(--okd-button-text-primary-default-border-color);border-style:solid;border-width:var(--okd-button-text-primary-border-size);box-shadow:var(--okd-button-text-primary-default-shadow);color:var(--okd-button-text-primary-default-font-color)}.okui-btn.btn-text-primary.hover,.okui-btn.btn-text-primary:not(:disabled):not(.mobile):hover{background:var(--okd-button-text-primary-hover-background);border-color:var(--okd-button-text-primary-hover-border-color);box-shadow:var(--okd-button-text-primary-hover-shadow);color:var(--okd-button-text-primary-hover-font-color)}.okui-btn.btn-text-primary.hover .btn-icon,.okui-btn.btn-text-primary:not(:disabled):not(.mobile):hover .btn-icon{color:var(--okd-button-text-primary-hover-font-color)}.okui-btn.btn-text-primary.active,.okui-btn.btn-text-primary:not(:disabled):active{background:var(--okd-button-text-primary-active-background);border-color:var(--okd-button-text-primary-active-border-color);box-shadow:var(--okd-button-text-primary-active-shadow);color:var(--okd-button-text-primary-active-font-color)}.okui-btn.btn-text-primary.active .btn-icon,.okui-btn.btn-text-primary:not(:disabled):active .btn-icon{color:var(--okd-button-text-primary-active-font-color)}.okui-btn.btn-text-primary:not(.loading).btn-disabled,.okui-btn.btn-text-primary:not(.loading):disabled{background:var(--okd-button-text-primary-disabled-background);border-color:var(--okd-button-text-primary-disabled-border-color);box-shadow:var(--okd-button-text-primary-disabled-shadow);color:var(--okd-button-text-primary-disabled-font-color)}.okui-btn.btn-text-primary:not(.loading).btn-disabled .btn-icon,.okui-btn.btn-text-primary:not(.loading):disabled .btn-icon{color:var(--okd-button-text-primary-disabled-font-color)}.okui-btn.btn-text-primary.loading{cursor:pointer}.okui-btn.btn-text-primary .btn-icon,.okui-btn.btn-text-primary .okui-btn-loader-text{color:var(--okd-button-text-primary-default-font-color)}.okui-btn.btn-text-primary.btn-xxs{padding:calc(var(--okd-button-xxs-padding-vertical) + 1px - var(--okd-button-text-primary-border-size)) var(--okd-button-xxs-padding-horizontal)}.okui-btn.btn-text-primary.btn-xxs.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xxs-padding-vertical) + var(--okd-button-text-primary-border-size))*2 + var(--okd-button-xxs-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xxs-padding-vertical) + var(--okd-button-text-primary-border-size))*2 + var(--okd-button-xxs-line-height))}.okui-btn.btn-text-primary.btn-xxs.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-primary.btn-xs{padding:calc(var(--okd-button-xs-padding-vertical) + 1px - var(--okd-button-text-primary-border-size)) var(--okd-button-xs-padding-horizontal)}.okui-btn.btn-text-primary.btn-xs.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xs-padding-vertical) + var(--okd-button-text-primary-border-size))*2 + var(--okd-button-xs-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xs-padding-vertical) + var(--okd-button-text-primary-border-size))*2 + var(--okd-button-xs-line-height))}.okui-btn.btn-text-primary.btn-xs.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-primary.btn-s{padding:calc(var(--okd-button-s-padding-vertical) + 1px - var(--okd-button-text-primary-border-size)) var(--okd-button-s-padding-horizontal)}.okui-btn.btn-text-primary.btn-s.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-s-padding-vertical) + var(--okd-button-text-primary-border-size))*2 + var(--okd-button-s-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-s-padding-vertical) + var(--okd-button-text-primary-border-size))*2 + var(--okd-button-s-line-height))}.okui-btn.btn-text-primary.btn-s.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-primary.btn-sm{padding:calc(var(--okd-button-sm-padding-vertical) + 1px - var(--okd-button-text-primary-border-size)) var(--okd-button-sm-padding-horizontal)}.okui-btn.btn-text-primary.btn-sm.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-sm-padding-vertical) + var(--okd-button-text-primary-border-size))*2 + var(--okd-button-sm-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-sm-padding-vertical) + var(--okd-button-text-primary-border-size))*2 + var(--okd-button-sm-line-height))}.okui-btn.btn-text-primary.btn-sm.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-primary.btn-md{padding:calc(var(--okd-button-md-padding-vertical) + 1px - var(--okd-button-text-primary-border-size)) var(--okd-button-md-padding-horizontal)}.okui-btn.btn-text-primary.btn-md.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-md-padding-vertical) + var(--okd-button-text-primary-border-size))*2 + var(--okd-button-md-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-md-padding-vertical) + var(--okd-button-text-primary-border-size))*2 + var(--okd-button-md-line-height))}.okui-btn.btn-text-primary.btn-md.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-primary.btn-lg{padding:calc(var(--okd-button-lg-padding-vertical) + 1px - var(--okd-button-text-primary-border-size)) var(--okd-button-lg-padding-horizontal)}.okui-btn.btn-text-primary.btn-lg.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-lg-padding-vertical) + var(--okd-button-text-primary-border-size))*2 + var(--okd-button-lg-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-lg-padding-vertical) + var(--okd-button-text-primary-border-size))*2 + var(--okd-button-lg-line-height))}.okui-btn.btn-text-primary.btn-lg.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-primary.btn-xl{padding:calc(var(--okd-button-xl-padding-vertical) + 1px - var(--okd-button-text-primary-border-size)) var(--okd-button-xl-padding-horizontal)}.okui-btn.btn-text-primary.btn-xl.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xl-padding-vertical) + var(--okd-button-text-primary-border-size))*2 + var(--okd-button-xl-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xl-padding-vertical) + var(--okd-button-text-primary-border-size))*2 + var(--okd-button-xl-line-height))}.okui-btn.btn-text-primary.btn-xl.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-secondary{background:var(--okd-button-text-secondary-default-background);border-color:var(--okd-button-text-secondary-default-border-color);border-style:solid;border-width:var(--okd-button-text-secondary-border-size);box-shadow:var(--okd-button-text-secondary-default-shadow);color:var(--okd-button-text-secondary-default-font-color)}.okui-btn.btn-text-secondary.hover,.okui-btn.btn-text-secondary:not(:disabled):not(.mobile):hover{background:var(--okd-button-text-secondary-hover-background);border-color:var(--okd-button-text-secondary-hover-border-color);box-shadow:var(--okd-button-text-secondary-hover-shadow);color:var(--okd-button-text-secondary-hover-font-color)}.okui-btn.btn-text-secondary.hover .btn-icon,.okui-btn.btn-text-secondary:not(:disabled):not(.mobile):hover .btn-icon{color:var(--okd-button-text-secondary-hover-font-color)}.okui-btn.btn-text-secondary.active,.okui-btn.btn-text-secondary:not(:disabled):active{background:var(--okd-button-text-secondary-active-background);border-color:var(--okd-button-text-secondary-active-border-color);box-shadow:var(--okd-button-text-secondary-active-shadow);color:var(--okd-button-text-secondary-active-font-color)}.okui-btn.btn-text-secondary.active .btn-icon,.okui-btn.btn-text-secondary:not(:disabled):active .btn-icon{color:var(--okd-button-text-secondary-active-font-color)}.okui-btn.btn-text-secondary:not(.loading).btn-disabled,.okui-btn.btn-text-secondary:not(.loading):disabled{background:var(--okd-button-text-secondary-disabled-background);border-color:var(--okd-button-text-secondary-disabled-border-color);box-shadow:var(--okd-button-text-secondary-disabled-shadow);color:var(--okd-button-text-secondary-disabled-font-color)}.okui-btn.btn-text-secondary:not(.loading).btn-disabled .btn-icon,.okui-btn.btn-text-secondary:not(.loading):disabled .btn-icon{color:var(--okd-button-text-secondary-disabled-font-color)}.okui-btn.btn-text-secondary.loading{cursor:pointer}.okui-btn.btn-text-secondary .btn-icon,.okui-btn.btn-text-secondary .okui-btn-loader-text{color:var(--okd-button-text-secondary-default-font-color)}.okui-btn.btn-text-secondary.btn-xxs{padding:calc(var(--okd-button-xxs-padding-vertical) + 1px - var(--okd-button-text-secondary-border-size)) var(--okd-button-xxs-padding-horizontal)}.okui-btn.btn-text-secondary.btn-xxs.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xxs-padding-vertical) + var(--okd-button-text-secondary-border-size))*2 + var(--okd-button-xxs-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xxs-padding-vertical) + var(--okd-button-text-secondary-border-size))*2 + var(--okd-button-xxs-line-height))}.okui-btn.btn-text-secondary.btn-xxs.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-secondary.btn-xs{padding:calc(var(--okd-button-xs-padding-vertical) + 1px - var(--okd-button-text-secondary-border-size)) var(--okd-button-xs-padding-horizontal)}.okui-btn.btn-text-secondary.btn-xs.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xs-padding-vertical) + var(--okd-button-text-secondary-border-size))*2 + var(--okd-button-xs-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xs-padding-vertical) + var(--okd-button-text-secondary-border-size))*2 + var(--okd-button-xs-line-height))}.okui-btn.btn-text-secondary.btn-xs.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-secondary.btn-s{padding:calc(var(--okd-button-s-padding-vertical) + 1px - var(--okd-button-text-secondary-border-size)) var(--okd-button-s-padding-horizontal)}.okui-btn.btn-text-secondary.btn-s.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-s-padding-vertical) + var(--okd-button-text-secondary-border-size))*2 + var(--okd-button-s-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-s-padding-vertical) + var(--okd-button-text-secondary-border-size))*2 + var(--okd-button-s-line-height))}.okui-btn.btn-text-secondary.btn-s.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-secondary.btn-sm{padding:calc(var(--okd-button-sm-padding-vertical) + 1px - var(--okd-button-text-secondary-border-size)) var(--okd-button-sm-padding-horizontal)}.okui-btn.btn-text-secondary.btn-sm.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-sm-padding-vertical) + var(--okd-button-text-secondary-border-size))*2 + var(--okd-button-sm-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-sm-padding-vertical) + var(--okd-button-text-secondary-border-size))*2 + var(--okd-button-sm-line-height))}.okui-btn.btn-text-secondary.btn-sm.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-secondary.btn-md{padding:calc(var(--okd-button-md-padding-vertical) + 1px - var(--okd-button-text-secondary-border-size)) var(--okd-button-md-padding-horizontal)}.okui-btn.btn-text-secondary.btn-md.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-md-padding-vertical) + var(--okd-button-text-secondary-border-size))*2 + var(--okd-button-md-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-md-padding-vertical) + var(--okd-button-text-secondary-border-size))*2 + var(--okd-button-md-line-height))}.okui-btn.btn-text-secondary.btn-md.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-secondary.btn-lg{padding:calc(var(--okd-button-lg-padding-vertical) + 1px - var(--okd-button-text-secondary-border-size)) var(--okd-button-lg-padding-horizontal)}.okui-btn.btn-text-secondary.btn-lg.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-lg-padding-vertical) + var(--okd-button-text-secondary-border-size))*2 + var(--okd-button-lg-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-lg-padding-vertical) + var(--okd-button-text-secondary-border-size))*2 + var(--okd-button-lg-line-height))}.okui-btn.btn-text-secondary.btn-lg.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-secondary.btn-xl{padding:calc(var(--okd-button-xl-padding-vertical) + 1px - var(--okd-button-text-secondary-border-size)) var(--okd-button-xl-padding-horizontal)}.okui-btn.btn-text-secondary.btn-xl.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xl-padding-vertical) + var(--okd-button-text-secondary-border-size))*2 + var(--okd-button-xl-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xl-padding-vertical) + var(--okd-button-text-secondary-border-size))*2 + var(--okd-button-xl-line-height))}.okui-btn.btn-text-secondary.btn-xl.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-red{background:var(--okd-button-text-red-default-background);border-color:var(--okd-button-text-red-default-border-color);border-style:solid;border-width:var(--okd-button-text-red-border-size);box-shadow:var(--okd-button-text-red-default-shadow);color:var(--okd-button-text-red-default-font-color)}.okui-btn.btn-text-red.hover,.okui-btn.btn-text-red:not(:disabled):not(.mobile):hover{background:var(--okd-button-text-red-hover-background);border-color:var(--okd-button-text-red-hover-border-color);box-shadow:var(--okd-button-text-red-hover-shadow);color:var(--okd-button-text-red-hover-font-color)}.okui-btn.btn-text-red.hover .btn-icon,.okui-btn.btn-text-red:not(:disabled):not(.mobile):hover .btn-icon{color:var(--okd-button-text-red-hover-font-color)}.okui-btn.btn-text-red.active,.okui-btn.btn-text-red:not(:disabled):active{background:var(--okd-button-text-red-active-background);border-color:var(--okd-button-text-red-active-border-color);box-shadow:var(--okd-button-text-red-active-shadow);color:var(--okd-button-text-red-active-font-color)}.okui-btn.btn-text-red.active .btn-icon,.okui-btn.btn-text-red:not(:disabled):active .btn-icon{color:var(--okd-button-text-red-active-font-color)}.okui-btn.btn-text-red:not(.loading).btn-disabled,.okui-btn.btn-text-red:not(.loading):disabled{background:var(--okd-button-text-red-disabled-background);border-color:var(--okd-button-text-red-disabled-border-color);box-shadow:var(--okd-button-text-red-disabled-shadow);color:var(--okd-button-text-red-disabled-font-color)}.okui-btn.btn-text-red:not(.loading).btn-disabled .btn-icon,.okui-btn.btn-text-red:not(.loading):disabled .btn-icon{color:var(--okd-button-text-red-disabled-font-color)}.okui-btn.btn-text-red.loading{cursor:pointer}.okui-btn.btn-text-red .btn-icon,.okui-btn.btn-text-red .okui-btn-loader-text{color:var(--okd-button-text-red-default-font-color)}.okui-btn.btn-text-red.btn-xxs{padding:calc(var(--okd-button-xxs-padding-vertical) + 1px - var(--okd-button-text-red-border-size)) var(--okd-button-xxs-padding-horizontal)}.okui-btn.btn-text-red.btn-xxs.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xxs-padding-vertical) + var(--okd-button-text-red-border-size))*2 + var(--okd-button-xxs-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xxs-padding-vertical) + var(--okd-button-text-red-border-size))*2 + var(--okd-button-xxs-line-height))}.okui-btn.btn-text-red.btn-xxs.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-red.btn-xs{padding:calc(var(--okd-button-xs-padding-vertical) + 1px - var(--okd-button-text-red-border-size)) var(--okd-button-xs-padding-horizontal)}.okui-btn.btn-text-red.btn-xs.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xs-padding-vertical) + var(--okd-button-text-red-border-size))*2 + var(--okd-button-xs-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xs-padding-vertical) + var(--okd-button-text-red-border-size))*2 + var(--okd-button-xs-line-height))}.okui-btn.btn-text-red.btn-xs.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-red.btn-s{padding:calc(var(--okd-button-s-padding-vertical) + 1px - var(--okd-button-text-red-border-size)) var(--okd-button-s-padding-horizontal)}.okui-btn.btn-text-red.btn-s.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-s-padding-vertical) + var(--okd-button-text-red-border-size))*2 + var(--okd-button-s-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-s-padding-vertical) + var(--okd-button-text-red-border-size))*2 + var(--okd-button-s-line-height))}.okui-btn.btn-text-red.btn-s.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-red.btn-sm{padding:calc(var(--okd-button-sm-padding-vertical) + 1px - var(--okd-button-text-red-border-size)) var(--okd-button-sm-padding-horizontal)}.okui-btn.btn-text-red.btn-sm.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-sm-padding-vertical) + var(--okd-button-text-red-border-size))*2 + var(--okd-button-sm-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-sm-padding-vertical) + var(--okd-button-text-red-border-size))*2 + var(--okd-button-sm-line-height))}.okui-btn.btn-text-red.btn-sm.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-red.btn-md{padding:calc(var(--okd-button-md-padding-vertical) + 1px - var(--okd-button-text-red-border-size)) var(--okd-button-md-padding-horizontal)}.okui-btn.btn-text-red.btn-md.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-md-padding-vertical) + var(--okd-button-text-red-border-size))*2 + var(--okd-button-md-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-md-padding-vertical) + var(--okd-button-text-red-border-size))*2 + var(--okd-button-md-line-height))}.okui-btn.btn-text-red.btn-md.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-red.btn-lg{padding:calc(var(--okd-button-lg-padding-vertical) + 1px - var(--okd-button-text-red-border-size)) var(--okd-button-lg-padding-horizontal)}.okui-btn.btn-text-red.btn-lg.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-lg-padding-vertical) + var(--okd-button-text-red-border-size))*2 + var(--okd-button-lg-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-lg-padding-vertical) + var(--okd-button-text-red-border-size))*2 + var(--okd-button-lg-line-height))}.okui-btn.btn-text-red.btn-lg.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-red.btn-xl{padding:calc(var(--okd-button-xl-padding-vertical) + 1px - var(--okd-button-text-red-border-size)) var(--okd-button-xl-padding-horizontal)}.okui-btn.btn-text-red.btn-xl.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xl-padding-vertical) + var(--okd-button-text-red-border-size))*2 + var(--okd-button-xl-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xl-padding-vertical) + var(--okd-button-text-red-border-size))*2 + var(--okd-button-xl-line-height))}.okui-btn.btn-text-red.btn-xl.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-green{background:var(--okd-button-text-green-default-background);border-color:var(--okd-button-text-green-default-border-color);border-style:solid;border-width:var(--okd-button-text-green-border-size);box-shadow:var(--okd-button-text-green-default-shadow);color:var(--okd-button-text-green-default-font-color)}.okui-btn.btn-text-green.hover,.okui-btn.btn-text-green:not(:disabled):not(.mobile):hover{background:var(--okd-button-text-green-hover-background);border-color:var(--okd-button-text-green-hover-border-color);box-shadow:var(--okd-button-text-green-hover-shadow);color:var(--okd-button-text-green-hover-font-color)}.okui-btn.btn-text-green.hover .btn-icon,.okui-btn.btn-text-green:not(:disabled):not(.mobile):hover .btn-icon{color:var(--okd-button-text-green-hover-font-color)}.okui-btn.btn-text-green.active,.okui-btn.btn-text-green:not(:disabled):active{background:var(--okd-button-text-green-active-background);border-color:var(--okd-button-text-green-active-border-color);box-shadow:var(--okd-button-text-green-active-shadow);color:var(--okd-button-text-green-active-font-color)}.okui-btn.btn-text-green.active .btn-icon,.okui-btn.btn-text-green:not(:disabled):active .btn-icon{color:var(--okd-button-text-green-active-font-color)}.okui-btn.btn-text-green:not(.loading).btn-disabled,.okui-btn.btn-text-green:not(.loading):disabled{background:var(--okd-button-text-green-disabled-background);border-color:var(--okd-button-text-green-disabled-border-color);box-shadow:var(--okd-button-text-green-disabled-shadow);color:var(--okd-button-text-green-disabled-font-color)}.okui-btn.btn-text-green:not(.loading).btn-disabled .btn-icon,.okui-btn.btn-text-green:not(.loading):disabled .btn-icon{color:var(--okd-button-text-green-disabled-font-color)}.okui-btn.btn-text-green.loading{cursor:pointer}.okui-btn.btn-text-green .btn-icon,.okui-btn.btn-text-green .okui-btn-loader-text{color:var(--okd-button-text-green-default-font-color)}.okui-btn.btn-text-green.btn-xxs{padding:calc(var(--okd-button-xxs-padding-vertical) + 1px - var(--okd-button-text-green-border-size)) var(--okd-button-xxs-padding-horizontal)}.okui-btn.btn-text-green.btn-xxs.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xxs-padding-vertical) + var(--okd-button-text-green-border-size))*2 + var(--okd-button-xxs-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xxs-padding-vertical) + var(--okd-button-text-green-border-size))*2 + var(--okd-button-xxs-line-height))}.okui-btn.btn-text-green.btn-xxs.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-green.btn-xs{padding:calc(var(--okd-button-xs-padding-vertical) + 1px - var(--okd-button-text-green-border-size)) var(--okd-button-xs-padding-horizontal)}.okui-btn.btn-text-green.btn-xs.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xs-padding-vertical) + var(--okd-button-text-green-border-size))*2 + var(--okd-button-xs-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xs-padding-vertical) + var(--okd-button-text-green-border-size))*2 + var(--okd-button-xs-line-height))}.okui-btn.btn-text-green.btn-xs.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-green.btn-s{padding:calc(var(--okd-button-s-padding-vertical) + 1px - var(--okd-button-text-green-border-size)) var(--okd-button-s-padding-horizontal)}.okui-btn.btn-text-green.btn-s.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-s-padding-vertical) + var(--okd-button-text-green-border-size))*2 + var(--okd-button-s-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-s-padding-vertical) + var(--okd-button-text-green-border-size))*2 + var(--okd-button-s-line-height))}.okui-btn.btn-text-green.btn-s.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-green.btn-sm{padding:calc(var(--okd-button-sm-padding-vertical) + 1px - var(--okd-button-text-green-border-size)) var(--okd-button-sm-padding-horizontal)}.okui-btn.btn-text-green.btn-sm.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-sm-padding-vertical) + var(--okd-button-text-green-border-size))*2 + var(--okd-button-sm-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-sm-padding-vertical) + var(--okd-button-text-green-border-size))*2 + var(--okd-button-sm-line-height))}.okui-btn.btn-text-green.btn-sm.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-green.btn-md{padding:calc(var(--okd-button-md-padding-vertical) + 1px - var(--okd-button-text-green-border-size)) var(--okd-button-md-padding-horizontal)}.okui-btn.btn-text-green.btn-md.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-md-padding-vertical) + var(--okd-button-text-green-border-size))*2 + var(--okd-button-md-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-md-padding-vertical) + var(--okd-button-text-green-border-size))*2 + var(--okd-button-md-line-height))}.okui-btn.btn-text-green.btn-md.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-green.btn-lg{padding:calc(var(--okd-button-lg-padding-vertical) + 1px - var(--okd-button-text-green-border-size)) var(--okd-button-lg-padding-horizontal)}.okui-btn.btn-text-green.btn-lg.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-lg-padding-vertical) + var(--okd-button-text-green-border-size))*2 + var(--okd-button-lg-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-lg-padding-vertical) + var(--okd-button-text-green-border-size))*2 + var(--okd-button-lg-line-height))}.okui-btn.btn-text-green.btn-lg.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-green.btn-xl{padding:calc(var(--okd-button-xl-padding-vertical) + 1px - var(--okd-button-text-green-border-size)) var(--okd-button-xl-padding-horizontal)}.okui-btn.btn-text-green.btn-xl.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xl-padding-vertical) + var(--okd-button-text-green-border-size))*2 + var(--okd-button-xl-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xl-padding-vertical) + var(--okd-button-text-green-border-size))*2 + var(--okd-button-xl-line-height))}.okui-btn.btn-text-green.btn-xl.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-orange{background:var(--okd-button-text-orange-default-background);border-color:var(--okd-button-text-orange-default-border-color);border-style:solid;border-width:var(--okd-button-text-orange-border-size);box-shadow:var(--okd-button-text-orange-default-shadow);color:var(--okd-button-text-orange-default-font-color)}.okui-btn.btn-text-orange.hover,.okui-btn.btn-text-orange:not(:disabled):not(.mobile):hover{background:var(--okd-button-text-orange-hover-background);border-color:var(--okd-button-text-orange-hover-border-color);box-shadow:var(--okd-button-text-orange-hover-shadow);color:var(--okd-button-text-orange-hover-font-color)}.okui-btn.btn-text-orange.hover .btn-icon,.okui-btn.btn-text-orange:not(:disabled):not(.mobile):hover .btn-icon{color:var(--okd-button-text-orange-hover-font-color)}.okui-btn.btn-text-orange.active,.okui-btn.btn-text-orange:not(:disabled):active{background:var(--okd-button-text-orange-active-background);border-color:var(--okd-button-text-orange-active-border-color);box-shadow:var(--okd-button-text-orange-active-shadow);color:var(--okd-button-text-orange-active-font-color)}.okui-btn.btn-text-orange.active .btn-icon,.okui-btn.btn-text-orange:not(:disabled):active .btn-icon{color:var(--okd-button-text-orange-active-font-color)}.okui-btn.btn-text-orange:not(.loading).btn-disabled,.okui-btn.btn-text-orange:not(.loading):disabled{background:var(--okd-button-text-orange-disabled-background);border-color:var(--okd-button-text-orange-disabled-border-color);box-shadow:var(--okd-button-text-orange-disabled-shadow);color:var(--okd-button-text-orange-disabled-font-color)}.okui-btn.btn-text-orange:not(.loading).btn-disabled .btn-icon,.okui-btn.btn-text-orange:not(.loading):disabled .btn-icon{color:var(--okd-button-text-orange-disabled-font-color)}.okui-btn.btn-text-orange.loading{cursor:pointer}.okui-btn.btn-text-orange .btn-icon,.okui-btn.btn-text-orange .okui-btn-loader-text{color:var(--okd-button-text-orange-default-font-color)}.okui-btn.btn-text-orange.btn-xxs{padding:calc(var(--okd-button-xxs-padding-vertical) + 1px - var(--okd-button-text-orange-border-size)) var(--okd-button-xxs-padding-horizontal)}.okui-btn.btn-text-orange.btn-xxs.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xxs-padding-vertical) + var(--okd-button-text-orange-border-size))*2 + var(--okd-button-xxs-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xxs-padding-vertical) + var(--okd-button-text-orange-border-size))*2 + var(--okd-button-xxs-line-height))}.okui-btn.btn-text-orange.btn-xxs.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-orange.btn-xs{padding:calc(var(--okd-button-xs-padding-vertical) + 1px - var(--okd-button-text-orange-border-size)) var(--okd-button-xs-padding-horizontal)}.okui-btn.btn-text-orange.btn-xs.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xs-padding-vertical) + var(--okd-button-text-orange-border-size))*2 + var(--okd-button-xs-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xs-padding-vertical) + var(--okd-button-text-orange-border-size))*2 + var(--okd-button-xs-line-height))}.okui-btn.btn-text-orange.btn-xs.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-orange.btn-s{padding:calc(var(--okd-button-s-padding-vertical) + 1px - var(--okd-button-text-orange-border-size)) var(--okd-button-s-padding-horizontal)}.okui-btn.btn-text-orange.btn-s.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-s-padding-vertical) + var(--okd-button-text-orange-border-size))*2 + var(--okd-button-s-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-s-padding-vertical) + var(--okd-button-text-orange-border-size))*2 + var(--okd-button-s-line-height))}.okui-btn.btn-text-orange.btn-s.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-orange.btn-sm{padding:calc(var(--okd-button-sm-padding-vertical) + 1px - var(--okd-button-text-orange-border-size)) var(--okd-button-sm-padding-horizontal)}.okui-btn.btn-text-orange.btn-sm.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-sm-padding-vertical) + var(--okd-button-text-orange-border-size))*2 + var(--okd-button-sm-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-sm-padding-vertical) + var(--okd-button-text-orange-border-size))*2 + var(--okd-button-sm-line-height))}.okui-btn.btn-text-orange.btn-sm.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-orange.btn-md{padding:calc(var(--okd-button-md-padding-vertical) + 1px - var(--okd-button-text-orange-border-size)) var(--okd-button-md-padding-horizontal)}.okui-btn.btn-text-orange.btn-md.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-md-padding-vertical) + var(--okd-button-text-orange-border-size))*2 + var(--okd-button-md-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-md-padding-vertical) + var(--okd-button-text-orange-border-size))*2 + var(--okd-button-md-line-height))}.okui-btn.btn-text-orange.btn-md.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-orange.btn-lg{padding:calc(var(--okd-button-lg-padding-vertical) + 1px - var(--okd-button-text-orange-border-size)) var(--okd-button-lg-padding-horizontal)}.okui-btn.btn-text-orange.btn-lg.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-lg-padding-vertical) + var(--okd-button-text-orange-border-size))*2 + var(--okd-button-lg-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-lg-padding-vertical) + var(--okd-button-text-orange-border-size))*2 + var(--okd-button-lg-line-height))}.okui-btn.btn-text-orange.btn-lg.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-orange.btn-xl{padding:calc(var(--okd-button-xl-padding-vertical) + 1px - var(--okd-button-text-orange-border-size)) var(--okd-button-xl-padding-horizontal)}.okui-btn.btn-text-orange.btn-xl.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xl-padding-vertical) + var(--okd-button-text-orange-border-size))*2 + var(--okd-button-xl-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xl-padding-vertical) + var(--okd-button-text-orange-border-size))*2 + var(--okd-button-xl-line-height))}.okui-btn.btn-text-orange.btn-xl.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-yellow{background:var(--okd-button-text-yellow-default-background);border-color:var(--okd-button-text-yellow-default-border-color);border-style:solid;border-width:var(--okd-button-text-yellow-border-size);box-shadow:var(--okd-button-text-yellow-default-shadow);color:var(--okd-button-text-yellow-default-font-color)}.okui-btn.btn-text-yellow.hover,.okui-btn.btn-text-yellow:not(:disabled):not(.mobile):hover{background:var(--okd-button-text-yellow-hover-background);border-color:var(--okd-button-text-yellow-hover-border-color);box-shadow:var(--okd-button-text-yellow-hover-shadow);color:var(--okd-button-text-yellow-hover-font-color)}.okui-btn.btn-text-yellow.hover .btn-icon,.okui-btn.btn-text-yellow:not(:disabled):not(.mobile):hover .btn-icon{color:var(--okd-button-text-yellow-hover-font-color)}.okui-btn.btn-text-yellow.active,.okui-btn.btn-text-yellow:not(:disabled):active{background:var(--okd-button-text-yellow-active-background);border-color:var(--okd-button-text-yellow-active-border-color);box-shadow:var(--okd-button-text-yellow-active-shadow);color:var(--okd-button-text-yellow-active-font-color)}.okui-btn.btn-text-yellow.active .btn-icon,.okui-btn.btn-text-yellow:not(:disabled):active .btn-icon{color:var(--okd-button-text-yellow-active-font-color)}.okui-btn.btn-text-yellow:not(.loading).btn-disabled,.okui-btn.btn-text-yellow:not(.loading):disabled{background:var(--okd-button-text-yellow-disabled-background);border-color:var(--okd-button-text-yellow-disabled-border-color);box-shadow:var(--okd-button-text-yellow-disabled-shadow);color:var(--okd-button-text-yellow-disabled-font-color)}.okui-btn.btn-text-yellow:not(.loading).btn-disabled .btn-icon,.okui-btn.btn-text-yellow:not(.loading):disabled .btn-icon{color:var(--okd-button-text-yellow-disabled-font-color)}.okui-btn.btn-text-yellow.loading{cursor:pointer}.okui-btn.btn-text-yellow .btn-icon,.okui-btn.btn-text-yellow .okui-btn-loader-text{color:var(--okd-button-text-yellow-default-font-color)}.okui-btn.btn-text-yellow.btn-xxs{padding:calc(var(--okd-button-xxs-padding-vertical) + 1px - var(--okd-button-text-yellow-border-size)) var(--okd-button-xxs-padding-horizontal)}.okui-btn.btn-text-yellow.btn-xxs.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xxs-padding-vertical) + var(--okd-button-text-yellow-border-size))*2 + var(--okd-button-xxs-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xxs-padding-vertical) + var(--okd-button-text-yellow-border-size))*2 + var(--okd-button-xxs-line-height))}.okui-btn.btn-text-yellow.btn-xxs.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-yellow.btn-xs{padding:calc(var(--okd-button-xs-padding-vertical) + 1px - var(--okd-button-text-yellow-border-size)) var(--okd-button-xs-padding-horizontal)}.okui-btn.btn-text-yellow.btn-xs.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xs-padding-vertical) + var(--okd-button-text-yellow-border-size))*2 + var(--okd-button-xs-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xs-padding-vertical) + var(--okd-button-text-yellow-border-size))*2 + var(--okd-button-xs-line-height))}.okui-btn.btn-text-yellow.btn-xs.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-yellow.btn-s{padding:calc(var(--okd-button-s-padding-vertical) + 1px - var(--okd-button-text-yellow-border-size)) var(--okd-button-s-padding-horizontal)}.okui-btn.btn-text-yellow.btn-s.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-s-padding-vertical) + var(--okd-button-text-yellow-border-size))*2 + var(--okd-button-s-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-s-padding-vertical) + var(--okd-button-text-yellow-border-size))*2 + var(--okd-button-s-line-height))}.okui-btn.btn-text-yellow.btn-s.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-yellow.btn-sm{padding:calc(var(--okd-button-sm-padding-vertical) + 1px - var(--okd-button-text-yellow-border-size)) var(--okd-button-sm-padding-horizontal)}.okui-btn.btn-text-yellow.btn-sm.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-sm-padding-vertical) + var(--okd-button-text-yellow-border-size))*2 + var(--okd-button-sm-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-sm-padding-vertical) + var(--okd-button-text-yellow-border-size))*2 + var(--okd-button-sm-line-height))}.okui-btn.btn-text-yellow.btn-sm.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-yellow.btn-md{padding:calc(var(--okd-button-md-padding-vertical) + 1px - var(--okd-button-text-yellow-border-size)) var(--okd-button-md-padding-horizontal)}.okui-btn.btn-text-yellow.btn-md.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-md-padding-vertical) + var(--okd-button-text-yellow-border-size))*2 + var(--okd-button-md-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-md-padding-vertical) + var(--okd-button-text-yellow-border-size))*2 + var(--okd-button-md-line-height))}.okui-btn.btn-text-yellow.btn-md.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-yellow.btn-lg{padding:calc(var(--okd-button-lg-padding-vertical) + 1px - var(--okd-button-text-yellow-border-size)) var(--okd-button-lg-padding-horizontal)}.okui-btn.btn-text-yellow.btn-lg.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-lg-padding-vertical) + var(--okd-button-text-yellow-border-size))*2 + var(--okd-button-lg-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-lg-padding-vertical) + var(--okd-button-text-yellow-border-size))*2 + var(--okd-button-lg-line-height))}.okui-btn.btn-text-yellow.btn-lg.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-yellow.btn-xl{padding:calc(var(--okd-button-xl-padding-vertical) + 1px - var(--okd-button-text-yellow-border-size)) var(--okd-button-xl-padding-horizontal)}.okui-btn.btn-text-yellow.btn-xl.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xl-padding-vertical) + var(--okd-button-text-yellow-border-size))*2 + var(--okd-button-xl-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xl-padding-vertical) + var(--okd-button-text-yellow-border-size))*2 + var(--okd-button-xl-line-height))}.okui-btn.btn-text-yellow.btn-xl.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-xxs{border-radius:var(--okd-button-xxs-border-radius);font-weight:500;font-weight:var(--okd-button-xxs-font-weight,500);min-width:var(--okd-button-xxs-min-width)}.okui-btn.btn-xxs,.okui-btn.btn-xxs .okui-btn-loader-text{font-size:var(--okd-button-xxs-font-size);line-height:var(--okd-button-xxs-line-height)}.okui-btn.btn-xxs .okui-btn-loader-text{margin-left:var(--okd-button-xxs-loader-text-margin-left)}.okui-btn.btn-xxs.btn-rect{border-radius:4px;border-radius:var(--okd-button-rect-xxs-border-radius,4px)}.okui-btn.btn-xs{border-radius:var(--okd-button-xs-border-radius);font-weight:500;font-weight:var(--okd-button-xs-font-weight,500);min-width:var(--okd-button-xs-min-width)}.okui-btn.btn-xs,.okui-btn.btn-xs .okui-btn-loader-text{font-size:var(--okd-button-xs-font-size);line-height:var(--okd-button-xs-line-height)}.okui-btn.btn-xs .okui-btn-loader-text{margin-left:var(--okd-button-xs-loader-text-margin-left)}.okui-btn.btn-xs.btn-rect{border-radius:4px;border-radius:var(--okd-button-rect-xs-border-radius,4px)}.okui-btn.btn-s{border-radius:var(--okd-button-s-border-radius);font-weight:500;font-weight:var(--okd-button-s-font-weight,500);min-width:var(--okd-button-s-min-width)}.okui-btn.btn-s,.okui-btn.btn-s .okui-btn-loader-text{font-size:var(--okd-button-s-font-size);line-height:var(--okd-button-s-line-height)}.okui-btn.btn-s .okui-btn-loader-text{margin-left:var(--okd-button-s-loader-text-margin-left)}.okui-btn.btn-s.btn-rect{border-radius:4px;border-radius:var(--okd-button-rect-s-border-radius,4px)}.okui-btn.btn-sm{border-radius:var(--okd-button-sm-border-radius);font-weight:500;font-weight:var(--okd-button-sm-font-weight,500);min-width:var(--okd-button-sm-min-width)}.okui-btn.btn-sm,.okui-btn.btn-sm .okui-btn-loader-text{font-size:var(--okd-button-sm-font-size);line-height:var(--okd-button-sm-line-height)}.okui-btn.btn-sm .okui-btn-loader-text{margin-left:var(--okd-button-sm-loader-text-margin-left)}.okui-btn.btn-sm.btn-rect{border-radius:4px;border-radius:var(--okd-button-rect-sm-border-radius,4px)}.okui-btn.btn-md{border-radius:var(--okd-button-md-border-radius);font-weight:500;font-weight:var(--okd-button-md-font-weight,500);min-width:var(--okd-button-md-min-width)}.okui-btn.btn-md,.okui-btn.btn-md .okui-btn-loader-text{font-size:var(--okd-button-md-font-size);line-height:var(--okd-button-md-line-height)}.okui-btn.btn-md .okui-btn-loader-text{margin-left:var(--okd-button-md-loader-text-margin-left)}.okui-btn.btn-md.btn-rect{border-radius:4px;border-radius:var(--okd-button-rect-md-border-radius,4px)}.okui-btn.btn-lg{border-radius:var(--okd-button-lg-border-radius);font-weight:500;font-weight:var(--okd-button-lg-font-weight,500);min-width:var(--okd-button-lg-min-width)}.okui-btn.btn-lg,.okui-btn.btn-lg .okui-btn-loader-text{font-size:var(--okd-button-lg-font-size);line-height:var(--okd-button-lg-line-height)}.okui-btn.btn-lg .okui-btn-loader-text{margin-left:var(--okd-button-lg-loader-text-margin-left)}.okui-btn.btn-lg.btn-rect{border-radius:8px;border-radius:var(--okd-button-rect-lg-border-radius,8px)}.okui-btn.btn-xl{border-radius:var(--okd-button-xl-border-radius);font-weight:500;font-weight:var(--okd-button-xl-font-weight,500);min-width:var(--okd-button-xl-min-width)}.okui-btn.btn-xl,.okui-btn.btn-xl .okui-btn-loader-text{font-size:var(--okd-button-xl-font-size);line-height:var(--okd-button-xl-line-height)}.okui-btn.btn-xl .okui-btn-loader-text{margin-left:var(--okd-button-xl-loader-text-margin-left)}.okui-btn.btn-xl.btn-rect{border-radius:8px;border-radius:var(--okd-button-rect-xl-border-radius,8px)}.okui-btn:disabled{cursor:not-allowed}.okui-btn.block{display:flex;width:100%}.okui-btn.btn-circle{border-radius:100px!important}.okui-btn .btn-content{align-items:center;display:flex}.okui-btn.loading .btn-content{opacity:0}.okui-btn.loading .btn-content-position{display:none}.okui-btn.loading .okui-btn-loader{line-height:0;position:absolute}.okui-btn.loading .btn-loader-position-absolute{position:static}.okui-btn-loader-container{height:100%;position:relative}.okui-btn .btn-icon+.btn-content{margin-left:4px}.okui-btn.btn-xxs .btn-icon{font-size:var(--okd-button-xxs-icon-size)}.okui-btn.btn-xxs .btn-icon-leading{margin-right:var(--okd-button-xxs-icon-margin)}.okui-btn.btn-xxs .btn-icon-tailing{margin-left:var(--okd-button-xxs-icon-margin)}.okui-btn.btn-xxs .okui-btn-loader-size{border-radius:var(--okd-button-xxs-loader-size);height:var(--okd-button-xxs-loader-size);width:var(--okd-button-xxs-loader-size)}.okui-btn.btn-xs .btn-icon{font-size:var(--okd-button-xs-icon-size)}.okui-btn.btn-xs .btn-icon-leading{margin-right:var(--okd-button-xs-icon-margin)}.okui-btn.btn-xs .btn-icon-tailing{margin-left:var(--okd-button-xs-icon-margin)}.okui-btn.btn-xs .okui-btn-loader-size{border-radius:var(--okd-button-xs-loader-size);height:var(--okd-button-xs-loader-size);width:var(--okd-button-xs-loader-size)}.okui-btn.btn-s .btn-icon{font-size:var(--okd-button-s-icon-size)}.okui-btn.btn-s .btn-icon-leading{margin-right:var(--okd-button-s-icon-margin)}.okui-btn.btn-s .btn-icon-tailing{margin-left:var(--okd-button-s-icon-margin)}.okui-btn.btn-s .okui-btn-loader-size{border-radius:var(--okd-button-s-loader-size);height:var(--okd-button-s-loader-size);width:var(--okd-button-s-loader-size)}.okui-btn.btn-sm .btn-icon{font-size:var(--okd-button-sm-icon-size)}.okui-btn.btn-sm .btn-icon-leading{margin-right:var(--okd-button-sm-icon-margin)}.okui-btn.btn-sm .btn-icon-tailing{margin-left:var(--okd-button-sm-icon-margin)}.okui-btn.btn-sm .okui-btn-loader-size{border-radius:var(--okd-button-sm-loader-size);height:var(--okd-button-sm-loader-size);width:var(--okd-button-sm-loader-size)}.okui-btn.btn-md .btn-icon{font-size:var(--okd-button-md-icon-size)}.okui-btn.btn-md .btn-icon-leading{margin-right:var(--okd-button-md-icon-margin)}.okui-btn.btn-md .btn-icon-tailing{margin-left:var(--okd-button-md-icon-margin)}.okui-btn.btn-md .okui-btn-loader-size{border-radius:var(--okd-button-md-loader-size);height:var(--okd-button-md-loader-size);width:var(--okd-button-md-loader-size)}.okui-btn.btn-lg .btn-icon{font-size:var(--okd-button-lg-icon-size)}.okui-btn.btn-lg .btn-icon-leading{margin-right:var(--okd-button-lg-icon-margin)}.okui-btn.btn-lg .btn-icon-tailing{margin-left:var(--okd-button-lg-icon-margin)}.okui-btn.btn-lg .okui-btn-loader-size{border-radius:var(--okd-button-lg-loader-size);height:var(--okd-button-lg-loader-size);width:var(--okd-button-lg-loader-size)}.okui-btn.btn-xl .btn-icon{font-size:var(--okd-button-xl-icon-size)}.okui-btn.btn-xl .btn-icon-leading{margin-right:var(--okd-button-xl-icon-margin)}.okui-btn.btn-xl .btn-icon-tailing{margin-left:var(--okd-button-xl-icon-margin)}.okui-btn.btn-xl .okui-btn-loader-size{border-radius:var(--okd-button-xl-loader-size);height:var(--okd-button-xl-loader-size);width:var(--okd-button-xl-loader-size)}.okui-btn .okui-btn-fill-highlight-loader{border-color:var(--okd-button-fill-highlight-loader-track-color);border-top-color:var(--okd-button-fill-highlight-loader-mark-color)}.okui-btn .okui-btn-fill-primary-loader{border-color:var(--okd-button-fill-primary-loader-track-color);border-top-color:var(--okd-button-fill-primary-loader-mark-color)}.okui-btn .okui-btn-fill-secondary-loader{border-color:var(--okd-button-fill-secondary-loader-track-color);border-top-color:var(--okd-button-fill-secondary-loader-mark-color)}.okui-btn .okui-btn-fill-tertiary-loader{border-color:var(--okd-button-fill-tertiary-loader-track-color);border-top-color:var(--okd-button-fill-tertiary-loader-mark-color)}.okui-btn .okui-btn-fill-quaternary-loader{border-color:var(--okd-button-fill-quaternary-loader-track-color);border-top-color:var(--okd-button-fill-quaternary-loader-mark-color)}.okui-btn .okui-btn-fill-red-loader{border-color:var(--okd-button-fill-red-loader-track-color);border-top-color:var(--okd-button-fill-red-loader-mark-color)}.okui-btn .okui-btn-fill-green-loader{border-color:var(--okd-button-fill-green-loader-track-color);border-top-color:var(--okd-button-fill-green-loader-mark-color)}.okui-btn .okui-btn-fill-grey-loader{border-color:var(--okd-button-fill-grey-loader-track-color);border-top-color:var(--okd-button-fill-grey-loader-mark-color)}.okui-btn .okui-btn-outline-highlight-loader{border-color:var(--okd-button-outline-highlight-loader-track-color);border-top-color:var(--okd-button-outline-highlight-loader-mark-color)}.okui-btn .okui-btn-outline-primary-loader{border-color:var(--okd-button-outline-primary-loader-track-color);border-top-color:var(--okd-button-outline-primary-loader-mark-color)}.okui-btn .okui-btn-outline-secondary-loader{border-color:var(--okd-button-outline-secondary-loader-track-color);border-top-color:var(--okd-button-outline-secondary-loader-mark-color)}.okui-btn .okui-btn-outline-tertiary-loader{border-color:var(--okd-button-outline-tertiary-loader-track-color);border-top-color:var(--okd-button-outline-tertiary-loader-mark-color)}.okui-btn-group{display:inline-flex}.okui-btn-group .okui-btn{border-radius:0}.okui-btn-group .okui-btn.btn-fill-highlight:not(:last-child){background-color:var(--okd-button-fill-highlight-default-background);border:1px solid var(--okd-button-fill-highlight-default-border-color);border-right:1px solid transparent;box-shadow:var(--okd-button-fill-highlight-default-shadow);color:var(--okd-button-fill-highlight-default-font-color)}.okui-btn-group .okui-btn.btn-fill-highlight:not(:last-child):not(:disabled):hover{background-color:var(--okd-button-fill-highlight-hover-background);border:1px solid var(--okd-button-fill-highlight-hover-border-color);border-right:1px solid transparent;box-shadow:var(--okd-button-fill-highlight-hover-shadow);color:var(--okd-button-fill-highlight-hover-font-color)}.okui-btn-group .okui-btn.btn-fill-highlight:not(:last-child):not(:disabled):active{background-color:var(--okd-button-fill-highlight-active-background);border:1px solid var(--okd-button-fill-highlight-active-border-color);box-shadow:var(--okd-button-fill-highlight-active-shadow);color:var(--okd-button-fill-highlight-active-font-color);z-index:1}.okui-btn-group .okui-btn.btn-fill-highlight:not(:last-child):not(.loading).btn-disabled,.okui-btn-group .okui-btn.btn-fill-highlight:not(:last-child):not(.loading):disabled{background-color:var(--okd-button-fill-highlight-disabled-background);border:1px solid var(--okd-button-fill-highlight-disabled-border-color);box-shadow:var(--okd-button-fill-highlight-disabled-shadow);color:var(--okd-button-fill-highlight-disabled-font-color)}.okui-btn-group .okui-btn.btn-fill-primary:not(:last-child){background-color:var(--okd-button-fill-primary-default-background);border:1px solid var(--okd-button-fill-primary-default-border-color);border-right:1px solid transparent;box-shadow:var(--okd-button-fill-primary-default-shadow);color:var(--okd-button-fill-primary-default-font-color)}.okui-btn-group .okui-btn.btn-fill-primary:not(:last-child):not(:disabled):hover{background-color:var(--okd-button-fill-primary-hover-background);border:1px solid var(--okd-button-fill-primary-hover-border-color);border-right:1px solid transparent;box-shadow:var(--okd-button-fill-primary-hover-shadow);color:var(--okd-button-fill-primary-hover-font-color)}.okui-btn-group .okui-btn.btn-fill-primary:not(:last-child):not(:disabled):active{background-color:var(--okd-button-fill-primary-active-background);border:1px solid var(--okd-button-fill-primary-active-border-color);box-shadow:var(--okd-button-fill-primary-active-shadow);color:var(--okd-button-fill-primary-active-font-color);z-index:1}.okui-btn-group .okui-btn.btn-fill-primary:not(:last-child):not(.loading).btn-disabled,.okui-btn-group .okui-btn.btn-fill-primary:not(:last-child):not(.loading):disabled{background-color:var(--okd-button-fill-primary-disabled-background);border:1px solid var(--okd-button-fill-primary-disabled-border-color);box-shadow:var(--okd-button-fill-primary-disabled-shadow);color:var(--okd-button-fill-primary-disabled-font-color)}.okui-btn-group .okui-btn.btn-fill-secondary:not(:last-child){background-color:var(--okd-button-fill-secondary-default-background);border:1px solid var(--okd-button-fill-secondary-default-border-color);border-right:1px solid transparent;box-shadow:var(--okd-button-fill-secondary-default-shadow);color:var(--okd-button-fill-secondary-default-font-color)}.okui-btn-group .okui-btn.btn-fill-secondary:not(:last-child):not(:disabled):hover{background-color:var(--okd-button-fill-secondary-hover-background);border:1px solid var(--okd-button-fill-secondary-hover-border-color);border-right:1px solid transparent;box-shadow:var(--okd-button-fill-secondary-hover-shadow);color:var(--okd-button-fill-secondary-hover-font-color)}.okui-btn-group .okui-btn.btn-fill-secondary:not(:last-child):not(:disabled):active{background-color:var(--okd-button-fill-secondary-active-background);border:1px solid var(--okd-button-fill-secondary-active-border-color);box-shadow:var(--okd-button-fill-secondary-active-shadow);color:var(--okd-button-fill-secondary-active-font-color);z-index:1}.okui-btn-group .okui-btn.btn-fill-secondary:not(:last-child):not(.loading).btn-disabled,.okui-btn-group .okui-btn.btn-fill-secondary:not(:last-child):not(.loading):disabled{background-color:var(--okd-button-fill-secondary-disabled-background);border:1px solid var(--okd-button-fill-secondary-disabled-border-color);box-shadow:var(--okd-button-fill-secondary-disabled-shadow);color:var(--okd-button-fill-secondary-disabled-font-color)}.okui-btn-group .okui-btn.btn-fill-tertiary:not(:last-child){background-color:var(--okd-button-fill-tertiary-default-background);border:1px solid var(--okd-button-fill-tertiary-default-border-color);border-right:1px solid transparent;box-shadow:var(--okd-button-fill-tertiary-default-shadow);color:var(--okd-button-fill-tertiary-default-font-color)}.okui-btn-group .okui-btn.btn-fill-tertiary:not(:last-child):not(:disabled):hover{background-color:var(--okd-button-fill-tertiary-hover-background);border:1px solid var(--okd-button-fill-tertiary-hover-border-color);border-right:1px solid transparent;box-shadow:var(--okd-button-fill-tertiary-hover-shadow);color:var(--okd-button-fill-tertiary-hover-font-color)}.okui-btn-group .okui-btn.btn-fill-tertiary:not(:last-child):not(:disabled):active{background-color:var(--okd-button-fill-tertiary-active-background);border:1px solid var(--okd-button-fill-tertiary-active-border-color);box-shadow:var(--okd-button-fill-tertiary-active-shadow);color:var(--okd-button-fill-tertiary-active-font-color);z-index:1}.okui-btn-group .okui-btn.btn-fill-tertiary:not(:last-child):not(.loading).btn-disabled,.okui-btn-group .okui-btn.btn-fill-tertiary:not(:last-child):not(.loading):disabled{background-color:var(--okd-button-fill-tertiary-disabled-background);border:1px solid var(--okd-button-fill-tertiary-disabled-border-color);box-shadow:var(--okd-button-fill-tertiary-disabled-shadow);color:var(--okd-button-fill-tertiary-disabled-font-color)}.okui-btn-group .okui-btn.btn-fill-quaternary:not(:last-child){background-color:var(--okd-button-fill-quaternary-default-background);border:1px solid var(--okd-button-fill-quaternary-default-border-color);border-right:1px solid transparent;box-shadow:var(--okd-button-fill-quaternary-default-shadow);color:var(--okd-button-fill-quaternary-default-font-color)}.okui-btn-group .okui-btn.btn-fill-quaternary:not(:last-child):not(:disabled):hover{background-color:var(--okd-button-fill-quaternary-hover-background);border:1px solid var(--okd-button-fill-quaternary-hover-border-color);border-right:1px solid transparent;box-shadow:var(--okd-button-fill-quaternary-hover-shadow);color:var(--okd-button-fill-quaternary-hover-font-color)}.okui-btn-group .okui-btn.btn-fill-quaternary:not(:last-child):not(:disabled):active{background-color:var(--okd-button-fill-quaternary-active-background);border:1px solid var(--okd-button-fill-quaternary-active-border-color);box-shadow:var(--okd-button-fill-quaternary-active-shadow);color:var(--okd-button-fill-quaternary-active-font-color);z-index:1}.okui-btn-group .okui-btn.btn-fill-quaternary:not(:last-child):not(.loading).btn-disabled,.okui-btn-group .okui-btn.btn-fill-quaternary:not(:last-child):not(.loading):disabled{background-color:var(--okd-button-fill-quaternary-disabled-background);border:1px solid var(--okd-button-fill-quaternary-disabled-border-color);box-shadow:var(--okd-button-fill-quaternary-disabled-shadow);color:var(--okd-button-fill-quaternary-disabled-font-color)}.okui-btn-group .okui-btn.btn-fill-red:not(:last-child){background-color:var(--okd-button-fill-red-default-background);border:1px solid var(--okd-button-fill-red-default-border-color);border-right:1px solid transparent;box-shadow:var(--okd-button-fill-red-default-shadow);color:var(--okd-button-fill-red-default-font-color)}.okui-btn-group .okui-btn.btn-fill-red:not(:last-child):not(:disabled):hover{background-color:var(--okd-button-fill-red-hover-background);border:1px solid var(--okd-button-fill-red-hover-border-color);border-right:1px solid transparent;box-shadow:var(--okd-button-fill-red-hover-shadow);color:var(--okd-button-fill-red-hover-font-color)}.okui-btn-group .okui-btn.btn-fill-red:not(:last-child):not(:disabled):active{background-color:var(--okd-button-fill-red-active-background);border:1px solid var(--okd-button-fill-red-active-border-color);box-shadow:var(--okd-button-fill-red-active-shadow);color:var(--okd-button-fill-red-active-font-color);z-index:1}.okui-btn-group .okui-btn.btn-fill-red:not(:last-child):not(.loading).btn-disabled,.okui-btn-group .okui-btn.btn-fill-red:not(:last-child):not(.loading):disabled{background-color:var(--okd-button-fill-red-disabled-background);border:1px solid var(--okd-button-fill-red-disabled-border-color);box-shadow:var(--okd-button-fill-red-disabled-shadow);color:var(--okd-button-fill-red-disabled-font-color)}.okui-btn-group .okui-btn.btn-fill-green:not(:last-child){background-color:var(--okd-button-fill-green-default-background);border:1px solid var(--okd-button-fill-green-default-border-color);border-right:1px solid transparent;box-shadow:var(--okd-button-fill-green-default-shadow);color:var(--okd-button-fill-green-default-font-color)}.okui-btn-group .okui-btn.btn-fill-green:not(:last-child):not(:disabled):hover{background-color:var(--okd-button-fill-green-hover-background);border:1px solid var(--okd-button-fill-green-hover-border-color);border-right:1px solid transparent;box-shadow:var(--okd-button-fill-green-hover-shadow);color:var(--okd-button-fill-green-hover-font-color)}.okui-btn-group .okui-btn.btn-fill-green:not(:last-child):not(:disabled):active{background-color:var(--okd-button-fill-green-active-background);border:1px solid var(--okd-button-fill-green-active-border-color);box-shadow:var(--okd-button-fill-green-active-shadow);color:var(--okd-button-fill-green-active-font-color);z-index:1}.okui-btn-group .okui-btn.btn-fill-green:not(:last-child):not(.loading).btn-disabled,.okui-btn-group .okui-btn.btn-fill-green:not(:last-child):not(.loading):disabled{background-color:var(--okd-button-fill-green-disabled-background);border:1px solid var(--okd-button-fill-green-disabled-border-color);box-shadow:var(--okd-button-fill-green-disabled-shadow);color:var(--okd-button-fill-green-disabled-font-color)}.okui-btn-group .okui-btn.btn-fill-grey:not(:last-child){background-color:var(--okd-button-fill-grey-default-background);border:1px solid var(--okd-button-fill-grey-default-border-color);border-right:1px solid transparent;box-shadow:var(--okd-button-fill-grey-default-shadow);color:var(--okd-button-fill-grey-default-font-color)}.okui-btn-group .okui-btn.btn-fill-grey:not(:last-child):not(:disabled):hover{background-color:var(--okd-button-fill-grey-hover-background);border:1px solid var(--okd-button-fill-grey-hover-border-color);border-right:1px solid transparent;box-shadow:var(--okd-button-fill-grey-hover-shadow);color:var(--okd-button-fill-grey-hover-font-color)}.okui-btn-group .okui-btn.btn-fill-grey:not(:last-child):not(:disabled):active{background-color:var(--okd-button-fill-grey-active-background);border:1px solid var(--okd-button-fill-grey-active-border-color);box-shadow:var(--okd-button-fill-grey-active-shadow);color:var(--okd-button-fill-grey-active-font-color);z-index:1}.okui-btn-group .okui-btn.btn-fill-grey:not(:last-child):not(.loading).btn-disabled,.okui-btn-group .okui-btn.btn-fill-grey:not(:last-child):not(.loading):disabled{background-color:var(--okd-button-fill-grey-disabled-background);border:1px solid var(--okd-button-fill-grey-disabled-border-color);box-shadow:var(--okd-button-fill-grey-disabled-shadow);color:var(--okd-button-fill-grey-disabled-font-color)}.okui-btn-group .okui-btn.btn-outline-highlight:not(:last-child){background-color:var(--okd-button-outline-highlight-default-background);border:1px solid var(--okd-button-outline-highlight-default-border-color);border-right:1px solid transparent;box-shadow:var(--okd-button-outline-highlight-default-shadow);color:var(--okd-button-outline-highlight-default-font-color)}.okui-btn-group .okui-btn.btn-outline-highlight:not(:last-child):not(:disabled):hover{background-color:var(--okd-button-outline-highlight-hover-background);border:1px solid var(--okd-button-outline-highlight-hover-border-color);border-right:1px solid transparent;box-shadow:var(--okd-button-outline-highlight-hover-shadow);color:var(--okd-button-outline-highlight-hover-font-color)}.okui-btn-group .okui-btn.btn-outline-highlight:not(:last-child):not(:disabled):active{background-color:var(--okd-button-outline-highlight-active-background);border:1px solid var(--okd-button-outline-highlight-active-border-color);box-shadow:var(--okd-button-outline-highlight-active-shadow);color:var(--okd-button-outline-highlight-active-font-color);z-index:1}.okui-btn-group .okui-btn.btn-outline-highlight:not(:last-child):not(.loading).btn-disabled,.okui-btn-group .okui-btn.btn-outline-highlight:not(:last-child):not(.loading):disabled{background-color:var(--okd-button-outline-highlight-disabled-background);border:1px solid var(--okd-button-outline-highlight-disabled-border-color);box-shadow:var(--okd-button-outline-highlight-disabled-shadow);color:var(--okd-button-outline-highlight-disabled-font-color)}.okui-btn-group .okui-btn.btn-outline-primary:not(:last-child){background-color:var(--okd-button-outline-primary-default-background);border:1px solid var(--okd-button-outline-primary-default-border-color);border-right:1px solid transparent;box-shadow:var(--okd-button-outline-primary-default-shadow);color:var(--okd-button-outline-primary-default-font-color)}.okui-btn-group .okui-btn.btn-outline-primary:not(:last-child):not(:disabled):hover{background-color:var(--okd-button-outline-primary-hover-background);border:1px solid var(--okd-button-outline-primary-hover-border-color);border-right:1px solid transparent;box-shadow:var(--okd-button-outline-primary-hover-shadow);color:var(--okd-button-outline-primary-hover-font-color)}.okui-btn-group .okui-btn.btn-outline-primary:not(:last-child):not(:disabled):active{background-color:var(--okd-button-outline-primary-active-background);border:1px solid var(--okd-button-outline-primary-active-border-color);box-shadow:var(--okd-button-outline-primary-active-shadow);color:var(--okd-button-outline-primary-active-font-color);z-index:1}.okui-btn-group .okui-btn.btn-outline-primary:not(:last-child):not(.loading).btn-disabled,.okui-btn-group .okui-btn.btn-outline-primary:not(:last-child):not(.loading):disabled{background-color:var(--okd-button-outline-primary-disabled-background);border:1px solid var(--okd-button-outline-primary-disabled-border-color);box-shadow:var(--okd-button-outline-primary-disabled-shadow);color:var(--okd-button-outline-primary-disabled-font-color)}.okui-btn-group .okui-btn.btn-outline-secondary:not(:last-child){background-color:var(--okd-button-outline-secondary-default-background);border:1px solid var(--okd-button-outline-secondary-default-border-color);border-right:1px solid transparent;box-shadow:var(--okd-button-outline-secondary-default-shadow);color:var(--okd-button-outline-secondary-default-font-color)}.okui-btn-group .okui-btn.btn-outline-secondary:not(:last-child):not(:disabled):hover{background-color:var(--okd-button-outline-secondary-hover-background);border:1px solid var(--okd-button-outline-secondary-hover-border-color);border-right:1px solid transparent;box-shadow:var(--okd-button-outline-secondary-hover-shadow);color:var(--okd-button-outline-secondary-hover-font-color)}.okui-btn-group .okui-btn.btn-outline-secondary:not(:last-child):not(:disabled):active{background-color:var(--okd-button-outline-secondary-active-background);border:1px solid var(--okd-button-outline-secondary-active-border-color);box-shadow:var(--okd-button-outline-secondary-active-shadow);color:var(--okd-button-outline-secondary-active-font-color);z-index:1}.okui-btn-group .okui-btn.btn-outline-secondary:not(:last-child):not(.loading).btn-disabled,.okui-btn-group .okui-btn.btn-outline-secondary:not(:last-child):not(.loading):disabled{background-color:var(--okd-button-outline-secondary-disabled-background);border:1px solid var(--okd-button-outline-secondary-disabled-border-color);box-shadow:var(--okd-button-outline-secondary-disabled-shadow);color:var(--okd-button-outline-secondary-disabled-font-color)}.okui-btn-group .okui-btn.btn-outline-tertiary:not(:last-child){background-color:var(--okd-button-outline-tertiary-default-background);border:1px solid var(--okd-button-outline-tertiary-default-border-color);border-right:1px solid transparent;box-shadow:var(--okd-button-outline-tertiary-default-shadow);color:var(--okd-button-outline-tertiary-default-font-color)}.okui-btn-group .okui-btn.btn-outline-tertiary:not(:last-child):not(:disabled):hover{background-color:var(--okd-button-outline-tertiary-hover-background);border:1px solid var(--okd-button-outline-tertiary-hover-border-color);border-right:1px solid transparent;box-shadow:var(--okd-button-outline-tertiary-hover-shadow);color:var(--okd-button-outline-tertiary-hover-font-color)}.okui-btn-group .okui-btn.btn-outline-tertiary:not(:last-child):not(:disabled):active{background-color:var(--okd-button-outline-tertiary-active-background);border:1px solid var(--okd-button-outline-tertiary-active-border-color);box-shadow:var(--okd-button-outline-tertiary-active-shadow);color:var(--okd-button-outline-tertiary-active-font-color);z-index:1}.okui-btn-group .okui-btn.btn-outline-tertiary:not(:last-child):not(.loading).btn-disabled,.okui-btn-group .okui-btn.btn-outline-tertiary:not(:last-child):not(.loading):disabled{background-color:var(--okd-button-outline-tertiary-disabled-background);border:1px solid var(--okd-button-outline-tertiary-disabled-border-color);box-shadow:var(--okd-button-outline-tertiary-disabled-shadow);color:var(--okd-button-outline-tertiary-disabled-font-color)}.okui-btn-group .okui-btn.btn-text-primary:not(:last-child){background-color:var(--okd-button-text-primary-default-background);border:1px solid var(--okd-button-text-primary-default-border-color);border-right:1px solid transparent;box-shadow:var(--okd-button-text-primary-default-shadow);color:var(--okd-button-text-primary-default-font-color)}.okui-btn-group .okui-btn.btn-text-primary:not(:last-child):not(:disabled):hover{background-color:var(--okd-button-text-primary-hover-background);border:1px solid var(--okd-button-text-primary-hover-border-color);border-right:1px solid transparent;box-shadow:var(--okd-button-text-primary-hover-shadow);color:var(--okd-button-text-primary-hover-font-color)}.okui-btn-group .okui-btn.btn-text-primary:not(:last-child):not(:disabled):active{background-color:var(--okd-button-text-primary-active-background);border:1px solid var(--okd-button-text-primary-active-border-color);box-shadow:var(--okd-button-text-primary-active-shadow);color:var(--okd-button-text-primary-active-font-color);z-index:1}.okui-btn-group .okui-btn.btn-text-primary:not(:last-child):not(.loading).btn-disabled,.okui-btn-group .okui-btn.btn-text-primary:not(:last-child):not(.loading):disabled{background-color:var(--okd-button-text-primary-disabled-background);border:1px solid var(--okd-button-text-primary-disabled-border-color);box-shadow:var(--okd-button-text-primary-disabled-shadow);color:var(--okd-button-text-primary-disabled-font-color)}.okui-btn-group .okui-btn.btn-text-secondary:not(:last-child){background-color:var(--okd-button-text-secondary-default-background);border:1px solid var(--okd-button-text-secondary-default-border-color);border-right:1px solid transparent;box-shadow:var(--okd-button-text-secondary-default-shadow);color:var(--okd-button-text-secondary-default-font-color)}.okui-btn-group .okui-btn.btn-text-secondary:not(:last-child):not(:disabled):hover{background-color:var(--okd-button-text-secondary-hover-background);border:1px solid var(--okd-button-text-secondary-hover-border-color);border-right:1px solid transparent;box-shadow:var(--okd-button-text-secondary-hover-shadow);color:var(--okd-button-text-secondary-hover-font-color)}.okui-btn-group .okui-btn.btn-text-secondary:not(:last-child):not(:disabled):active{background-color:var(--okd-button-text-secondary-active-background);border:1px solid var(--okd-button-text-secondary-active-border-color);box-shadow:var(--okd-button-text-secondary-active-shadow);color:var(--okd-button-text-secondary-active-font-color);z-index:1}.okui-btn-group .okui-btn.btn-text-secondary:not(:last-child):not(.loading).btn-disabled,.okui-btn-group .okui-btn.btn-text-secondary:not(:last-child):not(.loading):disabled{background-color:var(--okd-button-text-secondary-disabled-background);border:1px solid var(--okd-button-text-secondary-disabled-border-color);box-shadow:var(--okd-button-text-secondary-disabled-shadow);color:var(--okd-button-text-secondary-disabled-font-color)}.okui-btn-group .okui-btn.btn-text-red:not(:last-child){background-color:var(--okd-button-text-red-default-background);border:1px solid var(--okd-button-text-red-default-border-color);border-right:1px solid transparent;box-shadow:var(--okd-button-text-red-default-shadow);color:var(--okd-button-text-red-default-font-color)}.okui-btn-group .okui-btn.btn-text-red:not(:last-child):not(:disabled):hover{background-color:var(--okd-button-text-red-hover-background);border:1px solid var(--okd-button-text-red-hover-border-color);border-right:1px solid transparent;box-shadow:var(--okd-button-text-red-hover-shadow);color:var(--okd-button-text-red-hover-font-color)}.okui-btn-group .okui-btn.btn-text-red:not(:last-child):not(:disabled):active{background-color:var(--okd-button-text-red-active-background);border:1px solid var(--okd-button-text-red-active-border-color);box-shadow:var(--okd-button-text-red-active-shadow);color:var(--okd-button-text-red-active-font-color);z-index:1}.okui-btn-group .okui-btn.btn-text-red:not(:last-child):not(.loading).btn-disabled,.okui-btn-group .okui-btn.btn-text-red:not(:last-child):not(.loading):disabled{background-color:var(--okd-button-text-red-disabled-background);border:1px solid var(--okd-button-text-red-disabled-border-color);box-shadow:var(--okd-button-text-red-disabled-shadow);color:var(--okd-button-text-red-disabled-font-color)}.okui-btn-group .okui-btn.btn-text-green:not(:last-child){background-color:var(--okd-button-text-green-default-background);border:1px solid var(--okd-button-text-green-default-border-color);border-right:1px solid transparent;box-shadow:var(--okd-button-text-green-default-shadow);color:var(--okd-button-text-green-default-font-color)}.okui-btn-group .okui-btn.btn-text-green:not(:last-child):not(:disabled):hover{background-color:var(--okd-button-text-green-hover-background);border:1px solid var(--okd-button-text-green-hover-border-color);border-right:1px solid transparent;box-shadow:var(--okd-button-text-green-hover-shadow);color:var(--okd-button-text-green-hover-font-color)}.okui-btn-group .okui-btn.btn-text-green:not(:last-child):not(:disabled):active{background-color:var(--okd-button-text-green-active-background);border:1px solid var(--okd-button-text-green-active-border-color);box-shadow:var(--okd-button-text-green-active-shadow);color:var(--okd-button-text-green-active-font-color);z-index:1}.okui-btn-group .okui-btn.btn-text-green:not(:last-child):not(.loading).btn-disabled,.okui-btn-group .okui-btn.btn-text-green:not(:last-child):not(.loading):disabled{background-color:var(--okd-button-text-green-disabled-background);border:1px solid var(--okd-button-text-green-disabled-border-color);box-shadow:var(--okd-button-text-green-disabled-shadow);color:var(--okd-button-text-green-disabled-font-color)}.okui-btn-group .okui-btn.btn-text-orange:not(:last-child){background-color:var(--okd-button-text-orange-default-background);border:1px solid var(--okd-button-text-orange-default-border-color);border-right:1px solid transparent;box-shadow:var(--okd-button-text-orange-default-shadow);color:var(--okd-button-text-orange-default-font-color)}.okui-btn-group .okui-btn.btn-text-orange:not(:last-child):not(:disabled):hover{background-color:var(--okd-button-text-orange-hover-background);border:1px solid var(--okd-button-text-orange-hover-border-color);border-right:1px solid transparent;box-shadow:var(--okd-button-text-orange-hover-shadow);color:var(--okd-button-text-orange-hover-font-color)}.okui-btn-group .okui-btn.btn-text-orange:not(:last-child):not(:disabled):active{background-color:var(--okd-button-text-orange-active-background);border:1px solid var(--okd-button-text-orange-active-border-color);box-shadow:var(--okd-button-text-orange-active-shadow);color:var(--okd-button-text-orange-active-font-color);z-index:1}.okui-btn-group .okui-btn.btn-text-orange:not(:last-child):not(.loading).btn-disabled,.okui-btn-group .okui-btn.btn-text-orange:not(:last-child):not(.loading):disabled{background-color:var(--okd-button-text-orange-disabled-background);border:1px solid var(--okd-button-text-orange-disabled-border-color);box-shadow:var(--okd-button-text-orange-disabled-shadow);color:var(--okd-button-text-orange-disabled-font-color)}.okui-btn-group .okui-btn.btn-text-yellow:not(:last-child){background-color:var(--okd-button-text-yellow-default-background);border:1px solid var(--okd-button-text-yellow-default-border-color);border-right:1px solid transparent;box-shadow:var(--okd-button-text-yellow-default-shadow);color:var(--okd-button-text-yellow-default-font-color)}.okui-btn-group .okui-btn.btn-text-yellow:not(:last-child):not(:disabled):hover{background-color:var(--okd-button-text-yellow-hover-background);border:1px solid var(--okd-button-text-yellow-hover-border-color);border-right:1px solid transparent;box-shadow:var(--okd-button-text-yellow-hover-shadow);color:var(--okd-button-text-yellow-hover-font-color)}.okui-btn-group .okui-btn.btn-text-yellow:not(:last-child):not(:disabled):active{background-color:var(--okd-button-text-yellow-active-background);border:1px solid var(--okd-button-text-yellow-active-border-color);box-shadow:var(--okd-button-text-yellow-active-shadow);color:var(--okd-button-text-yellow-active-font-color);z-index:1}.okui-btn-group .okui-btn.btn-text-yellow:not(:last-child):not(.loading).btn-disabled,.okui-btn-group .okui-btn.btn-text-yellow:not(:last-child):not(.loading):disabled{background-color:var(--okd-button-text-yellow-disabled-background);border:1px solid var(--okd-button-text-yellow-disabled-border-color);box-shadow:var(--okd-button-text-yellow-disabled-shadow);color:var(--okd-button-text-yellow-disabled-font-color)}.okui-btn-group .okui-btn.btn-xxs{border-radius:0}.okui-btn-group .okui-btn.btn-xxs:first-child{border-bottom-left-radius:var(--okd-button-xxs-border-radius);border-top-left-radius:var(--okd-button-xxs-border-radius)}.okui-btn-group .okui-btn.btn-xxs:last-child{border-bottom-right-radius:var(--okd-button-xxs-border-radius);border-top-right-radius:var(--okd-button-xxs-border-radius)}.okui-btn-group .okui-btn.btn-xs{border-radius:0}.okui-btn-group .okui-btn.btn-xs:first-child{border-bottom-left-radius:var(--okd-button-xs-border-radius);border-top-left-radius:var(--okd-button-xs-border-radius)}.okui-btn-group .okui-btn.btn-xs:last-child{border-bottom-right-radius:var(--okd-button-xs-border-radius);border-top-right-radius:var(--okd-button-xs-border-radius)}.okui-btn-group .okui-btn.btn-s{border-radius:0}.okui-btn-group .okui-btn.btn-s:first-child{border-bottom-left-radius:var(--okd-button-s-border-radius);border-top-left-radius:var(--okd-button-s-border-radius)}.okui-btn-group .okui-btn.btn-s:last-child{border-bottom-right-radius:var(--okd-button-s-border-radius);border-top-right-radius:var(--okd-button-s-border-radius)}.okui-btn-group .okui-btn.btn-sm{border-radius:0}.okui-btn-group .okui-btn.btn-sm:first-child{border-bottom-left-radius:var(--okd-button-sm-border-radius);border-top-left-radius:var(--okd-button-sm-border-radius)}.okui-btn-group .okui-btn.btn-sm:last-child{border-bottom-right-radius:var(--okd-button-sm-border-radius);border-top-right-radius:var(--okd-button-sm-border-radius)}.okui-btn-group .okui-btn.btn-md{border-radius:0}.okui-btn-group .okui-btn.btn-md:first-child{border-bottom-left-radius:var(--okd-button-md-border-radius);border-top-left-radius:var(--okd-button-md-border-radius)}.okui-btn-group .okui-btn.btn-md:last-child{border-bottom-right-radius:var(--okd-button-md-border-radius);border-top-right-radius:var(--okd-button-md-border-radius)}.okui-btn-group .okui-btn.btn-lg{border-radius:0}.okui-btn-group .okui-btn.btn-lg:first-child{border-bottom-left-radius:var(--okd-button-lg-border-radius);border-top-left-radius:var(--okd-button-lg-border-radius)}.okui-btn-group .okui-btn.btn-lg:last-child{border-bottom-right-radius:var(--okd-button-lg-border-radius);border-top-right-radius:var(--okd-button-lg-border-radius)}.okui-btn-group .okui-btn.btn-xl{border-radius:0}.okui-btn-group .okui-btn.btn-xl:first-child{border-bottom-left-radius:var(--okd-button-xl-border-radius);border-top-left-radius:var(--okd-button-xl-border-radius)}.okui-btn-group .okui-btn.btn-xl:last-child{border-bottom-right-radius:var(--okd-button-xl-border-radius);border-top-right-radius:var(--okd-button-xl-border-radius)}.okui-btn-group:disabled{cursor:not-allowed}.okui-btn-group.block{display:flex;width:100%}