@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";*{box-sizing:border-box;font-size:.875rem;font-weight:400;line-height:150%;margin:0;padding:0}main{font-family:Roboto,sans-serif}nav{font-family:Inter,sans-serif}html{scroll-behavior:smooth}a{color:#fff;text-decoration:none;cursor:pointer}button{cursor:pointer;background-color:transparent;border:none}.kzui-content{display:flex;min-height:100vh}.kzui-content__full{width:100%;height:100%}.kzui-sidebar{width:10%;min-width:160px;background-color:#1d2327;font-family:Inter,sans-serif}.kzui-sidebar__flex{display:flex;gap:.5rem;align-items:center;padding:1rem}.kzui-sidebar__flex h6{font-size:.75rem;font-weight:500}.kzui-sidebar__highlight{padding:.625rem 1rem;background-color:#2271b1}.kzui-sidebar__menu{background-color:#2b3136}.kzui-sidebar__navlink{display:flex;padding:.5rem 1rem;color:#c7c7c7;justify-content:space-between;align-items:center}.kzui-sidebar__navlink p{font-size:.75rem}.kzui-sidebar__navlink--active{color:#58a3df;font-weight:500;padding:.875rem 1rem}.kzui-sidebar__navlink--highlight{color:#fdb022}.kzui-sidebar hr{height:1px;color:#dddddf;margin:0 1rem;opacity:10%}.kzui-navbar{display:flex;gap:1.5rem;flex:1 0 0;align-items:center;border-bottom:1px solid #E5E5E6;box-shadow:0 1px 2px #e5e5e63d;padding:0 1.5rem}.kzui-navbar__tabs{display:flex;align-items:center;gap:.75rem}.kzui-navbar__tab{border:none;color:#595959;padding:1rem .75rem}.kzui-navbar__tab--active{color:#0f0e16;font-weight:600;border-bottom:2px solid #13191B}.kzui-settings{width:63%;max-width:1120px;margin:0 auto;display:flex;flex-direction:column}.kzui-settings__flex{display:flex;gap:1.5rem}.kzui-settings__heading{font-size:1.5rem;font-weight:500;margin:1rem 0}.kzui-menu{width:30%;height:fit-content;min-width:240px;padding:.625rem .75rem;border-radius:1rem;border:1px solid #DDDDDF;box-shadow:0 1px 2px #e5e5e63d}.kzui-menu h6{color:#a7aaad;font-size:.75rem;padding:6px 8px 4px}.kzui-menu__item{display:flex;gap:6px;color:#74777c;margin:.5rem 0;padding:.5rem;width:100%}.kzui-menu__item--active{background-color:#f4f4f5;border-radius:.5rem}.kzui-menu__item--active p{color:#0f0e16;font-weight:600}.kzui-design{width:100%;margin-bottom:1.25rem;border-radius:1rem;border:1px solid #DDDDDF;box-shadow:0 1px 2px #e5e5e63d}.kzui-design__heading{font-size:1.125rem;font-weight:500;margin:1.25rem 0;padding:0 1.5rem}.kzui-design hr{height:1px;color:#dddddf;opacity:30%;margin:0 1.5rem}.kzui-design__flex{display:flex;justify-content:space-between;align-items:center;margin:0 1.5rem;flex:1 0 0;border-bottom:1px solid #DDDDDF}.kzui-design__tabs{display:flex;align-items:center;gap:1rem}.kzui-design__tab{border:none;color:#74777c;padding:1rem 0}.kzui-design__tab--active{color:#0f0e16;border-bottom:2px solid #13191B}.kzui-design__input{border-radius:6px;border:1px solid #DDDDDF;padding:.25rem .75rem;display:flex;gap:.5rem}.kzui-design__input input{border:none;outline:none}::placeholder{color:#dddddf}.kzui-design__table{display:block;width:100%;border-collapse:collapse;text-align:left;overflow-y:scroll;height:65vh;padding-right:1.125rem}.kzui-design__table td:first-child{width:16px;padding-left:.5rem}.kzui-design__table th:nth-child(2){width:45%}.kzui-design__table th:last-child{width:55%}.kzui-design__table th:nth-child(2),.kzui-design__table td:nth-child(2),.kzui-design__table th:last-child,.kzui-design__table td:last-child{border-bottom:1px solid #DDDDDF;padding:.5rem}.kzui-design__table tr:last-child td{border-bottom:none;padding:1rem .5rem}.kzui-design__table th{cursor:auto}.kzui-design__table tr{transition:background-color .3s ease;cursor:grab}.kzui-design__table tr:hover td:nth-child(2){background-color:#f4f4f5;border-radius:1rem 0 0 1rem}.kzui-design__table tr:hover td:nth-child(3){background-color:#f4f4f5;border-radius:0 1rem 1rem 0}.kzui-design__table tr:active{cursor:grabbing}.kzui-design__table--content{display:flex;align-items:center;gap:.25rem;color:#454d54}.kzui-design__table--content p{font-size:.75rem}.kzui-design__table--value{display:flex;align-items:center;justify-content:space-between;padding:2px 0}.kzui-design__table--value-box{width:40%;border:1px solid #DDDDDF;border-radius:.25rem;padding-left:.2rem;display:flex;align-items:center;gap:.25rem}.kzui-design__table--value p{font-size:.75rem;padding:.2rem .5rem;border-left:1px solid #DDDDDF}.kzui-design__table--color{border:1px solid #DDDDDF;border-radius:.25rem;width:16px;height:16px}.kzui-design__table--menu{position:relative;cursor:pointer}.kzui-design__menu-icon{display:none;cursor:pointer}.kzui-design__table tr:hover .kzui-design__menu-icon,.kzui-design__table tr:hover .kzui-design__table--drag{display:block;visibility:visible}.kzui-design__dropdown.active{display:block}.kzui-design__dropdown{display:none;position:absolute;right:0;top:100%;background-color:#fff;border-radius:6px;box-shadow:0 8px 24px #13191b29;z-index:10;padding:.5rem 0;width:100%;min-width:100px}.kzui-design__dropdown button{display:flex;align-items:center;width:100%;padding:.5rem .75rem;text-align:left;font-size:.75rem;gap:.25rem}.kzui-design__dropdown button:hover{background-color:#f4f4f5}.kzui-design__disabled{opacity:.5;pointer-events:none}.kzui-design__table--drag{visibility:hidden}.kzui-design__table--add{display:flex;align-items:center;gap:.25rem;color:#74777c;cursor:pointer}.kzui-design__table--add p{font-size:.75rem}.kzui-drawer{position:fixed;top:26%;right:18%;min-width:296px;height:fit-content;background-color:#fff;box-shadow:-12px 0 24px -12px #13191b14;padding:1.25rem;z-index:100;border:1px solid #DDDDDF}.kzui-drawer__heading{font-size:1rem;font-weight:500;color:#000;margin-bottom:1rem}.kzui-drawer__flex{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.kzui-drawer__value-box{display:flex;align-items:center;gap:.25rem;border:1px solid #DDDDDF;padding-left:.25rem;border-radius:.25rem;width:50%}.kzui-drawer__value-box p{padding:.25rem .5rem;border-left:1px solid #DDDDDF}.kzui-drawer__color{width:18px;height:18px;border-radius:.25rem;border:1px solid #DDDDDF}.kzui-design__value-box p{padding:.25rem .5rem;border-left:1px solid #DDDDDF}.kzui-design__slider{margin-bottom:1rem;width:100%}.kzui-drawer__submit{background-color:#2271b1;color:#fff;border:none;padding:.5rem 1rem;border-radius:.25rem}.kzui-drawer__close{background-color:transparent;border:none;font-size:1.5rem;cursor:pointer}kzui-drawer__actions{display:flex;align-items:center}.kzui-drawer__cancel{width:47%;font-size:500;border-radius:.5rem;border:1px solid #DDDDDF;padding:.5rem 1rem;margin-right:12px}.kzui-drawer__submit{width:47%;color:#fff;font-size:500;border-radius:.5rem;background-color:#13191b;padding:.5rem 1rem}.kzui-drawer__input{width:100%;border:1px solid #DDDDDF;padding:.5rem;border-radius:.5rem;display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.kzui-drawer input{border:none;outline:none}.kzui-drawer__full,.kzui-color-picker{width:100%;margin-bottom:1rem}.sketch-picker{width:100%!important;max-width:256px!important;padding:15px 12.328px 11px 10.922px!important;border-radius:12px!important;border:1px solid #DDDDDF!important;box-shadow:0 8px 48px #13191b14!important}