ckbox 1.3.2 → 1.4.0-rc.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (50) hide show
  1. package/LICENSE.md +1 -1
  2. package/README.md +3 -3
  3. package/dist/ckbox.js +2 -2
  4. package/dist/index.d.ts +1 -1
  5. package/dist/index.js +2 -2
  6. package/dist/styles/ckbox.css +2 -2
  7. package/dist/styles/themes/aqua.css +1 -1
  8. package/dist/styles/themes/dark.css +1 -1
  9. package/dist/styles/themes/navy.css +1 -1
  10. package/dist/translations/bg.js +1 -1
  11. package/dist/translations/bn.js +1 -1
  12. package/dist/translations/ca.js +1 -1
  13. package/dist/translations/cs.js +1 -1
  14. package/dist/translations/da.js +1 -1
  15. package/dist/translations/de.js +1 -1
  16. package/dist/translations/el.js +1 -1
  17. package/dist/translations/en.js +1 -1
  18. package/dist/translations/es-la.js +1 -1
  19. package/dist/translations/es-mx.js +1 -1
  20. package/dist/translations/es.js +1 -1
  21. package/dist/translations/et.js +1 -1
  22. package/dist/translations/fi.js +1 -1
  23. package/dist/translations/fr-ca.js +1 -1
  24. package/dist/translations/fr.js +1 -1
  25. package/dist/translations/hi.js +1 -1
  26. package/dist/translations/hu.js +1 -1
  27. package/dist/translations/id.js +1 -1
  28. package/dist/translations/it.js +1 -1
  29. package/dist/translations/ja.js +1 -1
  30. package/dist/translations/ko.js +1 -1
  31. package/dist/translations/lt.js +1 -1
  32. package/dist/translations/mr.js +1 -1
  33. package/dist/translations/ms.js +1 -1
  34. package/dist/translations/nl.js +1 -1
  35. package/dist/translations/no.js +1 -1
  36. package/dist/translations/pl.js +1 -1
  37. package/dist/translations/pt-br.js +1 -1
  38. package/dist/translations/pt.js +1 -1
  39. package/dist/translations/ro.js +1 -1
  40. package/dist/translations/ru.js +1 -1
  41. package/dist/translations/sk.js +1 -1
  42. package/dist/translations/sr.js +1 -1
  43. package/dist/translations/sv.js +1 -1
  44. package/dist/translations/th.js +1 -1
  45. package/dist/translations/tr.js +1 -1
  46. package/dist/translations/uk.js +1 -1
  47. package/dist/translations/vi.js +1 -1
  48. package/dist/translations/zh-tw.js +1 -1
  49. package/dist/translations/zh.js +1 -1
  50. package/package.json +5 -5
package/dist/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @license Copyright (c) 2003-2022, CKSource Holding sp. z o.o. All rights reserved.
2
+ * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
3
3
  */
4
4
  import * as Core from '@ckbox/core';
5
5
  export { version } from '@ckbox/core';
package/dist/index.js CHANGED
@@ -1,4 +1,4 @@
1
1
  /**
2
- * @license Copyright (c) 2003-2022, CKSource Holding sp. z o.o. All rights reserved.
2
+ * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
3
3
  */
4
- (function(_0x3ee099,_0x14977e){const _0x1cf985=_0x5175,_0x56ea57=_0x3ee099();while(!![]){try{const _0x24bd5a=-parseInt(_0x1cf985(0xf0))/0x1+-parseInt(_0x1cf985(0xf3))/0x2+parseInt(_0x1cf985(0xf6))/0x3+-parseInt(_0x1cf985(0xf1))/0x4+parseInt(_0x1cf985(0x104))/0x5*(-parseInt(_0x1cf985(0x100))/0x6)+parseInt(_0x1cf985(0xfc))/0x7*(-parseInt(_0x1cf985(0xfb))/0x8)+parseInt(_0x1cf985(0xfe))/0x9*(parseInt(_0x1cf985(0xfd))/0xa);if(_0x24bd5a===_0x14977e)break;else _0x56ea57['push'](_0x56ea57['shift']());}catch(_0x270e4a){_0x56ea57['push'](_0x56ea57['shift']());}}}(_0x5ce3,0xc1f89));import*as _0xef5d86 from'react';export{_0xef5d86 as React};function _0x5175(_0x3a20e6,_0x370521){const _0x5ce3c1=_0x5ce3();return _0x5175=function(_0x5175fa,_0xd930f3){_0x5175fa=_0x5175fa-0xf0;let _0x26c48a=_0x5ce3c1[_0x5175fa];return _0x26c48a;},_0x5175(_0x3a20e6,_0x370521);}import*as _0x34d020 from'react-dom/client';import{CKBox as _0x532e2c,version}from'@ckbox/core';export{version}from'@ckbox/core';const getDialogProps=(_0x549658,_0x5e3798)=>{const _0x2b284d=_0x5175,_0x5bf0b7=_0x549658[_0x2b284d(0xf2)];if(!_0x5bf0b7)return![];if(typeof _0x5bf0b7===_0x2b284d(0xf4)){const _0x1dff31=()=>{_0x5e3798();};return{'open':!![],'onClose':_0x1dff31};}const _0x50cf51=()=>{const _0x55c18f=_0x2b284d;var _0x73380c;(_0x73380c=_0x5bf0b7[_0x55c18f(0x102)])===null||_0x73380c===void 0x0?void 0x0:_0x73380c[_0x55c18f(0xf8)](_0x5bf0b7),_0x5e3798();};return{..._0x5bf0b7,'open':!![],'onClose':_0x50cf51};},getAssetsProps=(_0x5c52ba,_0x3c76b0)=>{const _0x5938c6=_0x5175;var _0x5c3a0b;const _0x21d6cb=(_0x5c3a0b=_0x5c52ba[_0x5938c6(0xf9)])===null||_0x5c3a0b===void 0x0?void 0x0:_0x5c3a0b['onChoose'];if(!_0x21d6cb)return _0x5c52ba[_0x5938c6(0xf9)];const _0x110028=_0x7e38a8=>{const _0x5412c7=_0x5938c6;var _0x466bbc;_0x21d6cb(_0x7e38a8),_0x3c76b0&&typeof _0x3c76b0!==_0x5412c7(0xf4)&&((_0x466bbc=_0x3c76b0['onClose'])===null||_0x466bbc===void 0x0?void 0x0:_0x466bbc[_0x5412c7(0xf8)](_0x3c76b0));};return{..._0x5c52ba[_0x5938c6(0xf9)],'onChoose':_0x110028};},mount=(_0x3b2db5,_0x2d5d99)=>{const _0x5c00f1=_0x5175,_0x1db487=_0x34d020[_0x5c00f1(0xf7)](_0x3b2db5),_0x3fab24=_0x1db487[_0x5c00f1(0xff)][_0x5c00f1(0xf5)](_0x1db487),_0x2465a5=getDialogProps(_0x2d5d99,_0x3fab24),_0x37f5ce=getAssetsProps(_0x2d5d99,_0x2465a5);return _0x1db487[_0x5c00f1(0xfa)](_0xef5d86[_0x5c00f1(0x101)](_0x532e2c,{..._0x2d5d99,'assets':_0x37f5ce,'dialog':_0x2465a5})),{'unmount':_0x3fab24};};function _0x5ce3(){const _0x15ec85=['571221ZfoAqb','254440tYccSY','1746MgDmaZ','unmount','6utHOWr','createElement','onClose','CKBox','5410945LGGhSA','973905RrhQyq','4081276KsPEMp','dialog','2098168wRaGMg','boolean','bind','1175643OVkxwK','createRoot','call','assets','render','40GsDlFA'];_0x5ce3=function(){return _0x15ec85;};return _0x5ce3();}var CKBox=Object['freeze']({'__proto__':null,'mount':mount,'React':_0xef5d86,'version':version});(function(){const _0x432aeb=_0x5175,_0x5d8b41=globalThis;!_0x5d8b41['CKBox']&&(_0x5d8b41[_0x432aeb(0x103)]=CKBox);}());export{mount};
4
+ (function(_0x4681bb,_0x35a857){const _0x5b1af4=_0x36ce,_0x2a13b0=_0x4681bb();while(!![]){try{const _0x229086=-parseInt(_0x5b1af4(0x74))/0x1*(parseInt(_0x5b1af4(0x73))/0x2)+parseInt(_0x5b1af4(0x6a))/0x3+parseInt(_0x5b1af4(0x7e))/0x4+-parseInt(_0x5b1af4(0x7b))/0x5*(parseInt(_0x5b1af4(0x7f))/0x6)+-parseInt(_0x5b1af4(0x6b))/0x7*(-parseInt(_0x5b1af4(0x78))/0x8)+parseInt(_0x5b1af4(0x77))/0x9*(parseInt(_0x5b1af4(0x7a))/0xa)+parseInt(_0x5b1af4(0x6c))/0xb*(-parseInt(_0x5b1af4(0x76))/0xc);if(_0x229086===_0x35a857)break;else _0x2a13b0['push'](_0x2a13b0['shift']());}catch(_0x29d459){_0x2a13b0['push'](_0x2a13b0['shift']());}}}(_0x53ef,0x2509a));function _0x36ce(_0x33ae5a,_0x34ee8d){const _0x53efc2=_0x53ef();return _0x36ce=function(_0x36ceb5,_0x3db33c){_0x36ceb5=_0x36ceb5-0x6a;let _0x3bd064=_0x53efc2[_0x36ceb5];return _0x3bd064;},_0x36ce(_0x33ae5a,_0x34ee8d);}import*as _0x486011 from'react';export{_0x486011 as React};import*as _0x5e155e from'react-dom/client';import{CKBox as _0x368ad9,version}from'@ckbox/core';export{version}from'@ckbox/core';const getDialogProps=(_0x1e5de0,_0x1e39b0)=>{const _0x4c6e3f=_0x36ce,_0x41eee6=_0x1e5de0[_0x4c6e3f(0x75)];if(!_0x41eee6)return![];if(typeof _0x41eee6===_0x4c6e3f(0x6f)){const _0x183920=()=>{_0x1e39b0();};return{'open':!![],'onClose':_0x183920};}const _0x200261=()=>{const _0x46f0ba=_0x4c6e3f;var _0x383e9d;(_0x383e9d=_0x41eee6[_0x46f0ba(0x71)])===null||_0x383e9d===void 0x0?void 0x0:_0x383e9d[_0x46f0ba(0x6d)](_0x41eee6),_0x1e39b0();};return{..._0x41eee6,'open':!![],'onClose':_0x200261};},getAssetsProps=(_0x20490e,_0x40c1a7)=>{const _0x59d8b8=_0x36ce;var _0x3d8cdb;const _0x2d264f=(_0x3d8cdb=_0x20490e[_0x59d8b8(0x7c)])===null||_0x3d8cdb===void 0x0?void 0x0:_0x3d8cdb['onChoose'];if(!_0x2d264f)return _0x20490e[_0x59d8b8(0x7c)];const _0xa8dd9e=_0x283d51=>{const _0x243e76=_0x59d8b8;var _0x40fc6c;_0x2d264f(_0x283d51),_0x40c1a7&&typeof _0x40c1a7!=='boolean'&&((_0x40fc6c=_0x40c1a7['onClose'])===null||_0x40fc6c===void 0x0?void 0x0:_0x40fc6c[_0x243e76(0x6d)](_0x40c1a7));};return{..._0x20490e[_0x59d8b8(0x7c)],'onChoose':_0xa8dd9e};},mount=(_0x5bbbae,_0x2cc78a)=>{const _0x5590dc=_0x36ce,_0x545133=_0x5e155e[_0x5590dc(0x79)](_0x5bbbae),_0x3b852f=_0x545133[_0x5590dc(0x70)][_0x5590dc(0x72)](_0x545133),_0x57a7b8=getDialogProps(_0x2cc78a,_0x3b852f),_0x5bbf99=getAssetsProps(_0x2cc78a,_0x57a7b8);return _0x545133[_0x5590dc(0x6e)](_0x486011['createElement'](_0x368ad9,{..._0x2cc78a,'assets':_0x5bbf99,'dialog':_0x57a7b8})),{'unmount':_0x3b852f};};var CKBox=Object['freeze']({'__proto__':null,'React':_0x486011,'mount':mount,'version':version});function _0x53ef(){const _0x56e976=['render','boolean','unmount','onClose','bind','9602SrVzPB','1VxrUVl','dialog','47244qINkbD','9kfcVKw','332576VjLSod','createRoot','2303030WNgVUH','205LriVRD','assets','CKBox','78032AOWBor','22170qLOKNN','146748zueuBp','42pnTJAJ','671xTLOik','call'];_0x53ef=function(){return _0x56e976;};return _0x53ef();}(function(){const _0x2c99da=_0x36ce,_0x238439=globalThis;!_0x238439[_0x2c99da(0x7d)]&&(_0x238439[_0x2c99da(0x7d)]=CKBox);}());export{mount};
package/dist/styles/ckbox.css CHANGED
@@ -1,3 +1,3 @@
1
- .ckbox-theme-default{--ckbox-action-h: 214;--ckbox-action-s: 100%;--ckbox-action-l-10: 10%;--ckbox-action-l-20: 20%;--ckbox-action-l-30: 30%;--ckbox-action-l-40: 40%;--ckbox-action-l-45: 45%;--ckbox-action-l-50: 50%;--ckbox-action-l-60: 60%;--ckbox-action-l-65: 65%;--ckbox-action-l-70: 70%;--ckbox-action-l-80: 80%;--ckbox-action-l-90: 90%;--ckbox-action-l-100: 100%;--ckbox-danger-h: 356;--ckbox-danger-s: 100%;--ckbox-danger-l-10: 10%;--ckbox-danger-l-20: 20%;--ckbox-danger-l-30: 30%;--ckbox-danger-l-40: 40%;--ckbox-danger-l-45: 45%;--ckbox-danger-l-50: 50%;--ckbox-danger-l-60: 60%;--ckbox-danger-l-70: 70%;--ckbox-danger-l-80: 80%;--ckbox-danger-l-90: 90%;--ckbox-danger-l-100: 100%;--ckbox-neutral-h: 220;--ckbox-neutral-s: 10%;--ckbox-neutral-l-10: 10%;--ckbox-neutral-l-20: 20%;--ckbox-neutral-l-30: 30%;--ckbox-neutral-l-40: 40%;--ckbox-neutral-l-50: 50%;--ckbox-neutral-l-60: 60%;--ckbox-neutral-l-70: 70%;--ckbox-neutral-l-80: 80%;--ckbox-neutral-l-90: 90%;--ckbox-neutral-l-95: 95%;--ckbox-neutral-l-98: 98%;--ckbox-neutral-l-100: 100%;--ckbox-warning-h: 36;--ckbox-warning-s: 100%;--ckbox-warning-l-10: 10%;--ckbox-warning-l-20: 20%;--ckbox-warning-l-30: 30%;--ckbox-warning-l-40: 40%;--ckbox-warning-l-50: 50%;--ckbox-warning-l-60: 60%;--ckbox-warning-l-70: 70%;--ckbox-warning-l-80: 80%;--ckbox-warning-l-90: 90%;--ckbox-warning-l-100: 100%;--ckbox-success-h: 147;--ckbox-success-s: 100%;--ckbox-success-l-10: 10%;--ckbox-success-l-20: 20%;--ckbox-success-l-30: 30%;--ckbox-success-l-35: 35%;--ckbox-success-l-40: 40%;--ckbox-success-l-50: 50%;--ckbox-success-l-60: 60%;--ckbox-success-l-70: 70%;--ckbox-success-l-80: 80%;--ckbox-success-l-90: 90%;--ckbox-success-l-100: 100%;--ckbox-font-family: -apple-system, "BlinkMacSystemFont", avenir next, avenir, segoe ui, helvetica neue, helvetica, "Ubuntu", roboto, noto, arial, sans-serif;--ckbox-font-smallest: 11.2px;--ckbox-font-smaller: 12px;--ckbox-font-small: 13.6px;--ckbox-font-base: 16px;--ckbox-font-medium: 18px;--ckbox-font-big: 20px;--ckbox-font-bigger: 24px;--ckbox-font-biggest: 32px;--ckbox-spacing-tiny: 2.4px;--ckbox-spacing-compact: 4px;--ckbox-spacing-smallest: 8px;--ckbox-spacing-smaller: 12px;--ckbox-spacing-small: 13.6px;--ckbox-spacing-base: 16px;--ckbox-spacing-medium: 20px;--ckbox-spacing-big: 24px;--ckbox-spacing-bigger: 32px;--ckbox-spacing-biggest: 48px;--ckbox-spacing-humongous: 80px;--ckbox-radius-medium: 4px;--ckbox-radius-big: 7px;--ckbox-radius-bigger: 15px;--ckbox-shadow-color: hsl( var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-20) / 15% );--ckbox-shadow-top: 0 -2px 4px var(--ckbox-shadow-color);--ckbox-shadow-bottom: 0 2px 4px var(--ckbox-shadow-color);--ckbox-shadow-level-1: 0 0 2px 1px var(--ckbox-shadow-color);--ckbox-shadow-level-2: 0 0 4px 2px var(--ckbox-shadow-color);--ckbox-shadow-level-3: 0 0 6px 3px var(--ckbox-shadow-color);--ckbox-shadow-level-4: 0 0 8px 4px var(--ckbox-shadow-color);--ckbox-animation-duration-primary: 200;--ckbox-animation-duration-secondary: 70;--ckbox-z-index-root: 9999;--ckbox-z-index-preview: 9999;--ckbox-container-border: 1px solid hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-20) / 10%)}.ckbox-reset{all:initial;height:100%;line-height:1.5;-webkit-font-smoothing:antialiased}.ckbox-reset *:where(:not(svg *,[draggable])){all:revert}.ckbox-reset *,.ckbox-reset *::before,.ckbox-reset *::after{box-sizing:border-box}.ckbox-reset *{margin:0}.ckbox-reset img,.ckbox-reset picture,.ckbox-reset video,.ckbox-reset canvas,.ckbox-reset svg{display:block;max-width:100%}.ckbox-reset input,.ckbox-reset button,.ckbox-reset textarea,.ckbox-reset select{font:inherit}.ckbox-reset p,.ckbox-reset h1,.ckbox-reset h2,.ckbox-reset h3,.ckbox-reset h4,.ckbox-reset h5,.ckbox-reset h6{overflow-wrap:break-word}.ckbox{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10));font-family:var(--ckbox-font-family);height:100%;overflow:hidden;overflow:clip;scrollbar-color:hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60)/50%) rgba(0,0,0,0);scrollbar-width:thin;position:relative;border:var(--ckbox-container-border)}.ckbox--dialog{isolation:isolate;z-index:var(--ckbox-z-index-root);overflow:initial;border:0}.ckbox *::-webkit-scrollbar{width:var(--ckbox-spacing-smallest)}.ckbox *::-webkit-scrollbar-thumb{background-color:hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60)/50%);border-radius:var(--ckbox-radius-big);border:var(--ckbox-spacing-tiny) solid rgba(0,0,0,0);background-clip:padding-box}.ckbox .ckbox-bottombar{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));box-shadow:var(--ckbox-shadow-top);display:flex;gap:var(--ckbox-spacing-smallest);align-items:center;font-size:var(--ckbox-font-base);padding:0 var(--ckbox-spacing-smaller);height:48px;flex-wrap:wrap;position:relative}.ckbox .ckbox-bottombar__content{display:flex;flex:999 0 auto;justify-content:center}.ckbox .ckbox-bottombar__side-content{display:flex;gap:var(--ckbox-spacing-base);justify-content:center;align-items:center;flex-grow:1}.ckbox .ckbox-bottombar__status{font-size:var(--ckbox-font-small);position:absolute;left:0;bottom:100%;background:hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-40)/75%);color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));padding:var(--ckbox-spacing-tiny) var(--ckbox-spacing-smallest);display:block;border-top-right-radius:var(--ckbox-radius-big)}.ckbox .ckbox-btn{--ckbox-btn-border-color: transparent;--ckbox-btn-padding-vertical: var(--ckbox-spacing-smallest);--ckbox-btn-padding-horizontal: var(--ckbox-spacing-smaller);--ckbox-btn-font-size: var(--ckbox-font-small);--ckbox-btn-line-height: var(--ckbox-spacing-medium);border-radius:var(--ckbox-radius-big);cursor:pointer;display:inline-flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;gap:var(--ckbox-spacing-compact);transition:background-color calc(var(--ckbox-animation-duration-primary)*1ms);font-weight:500;padding:var(--ckbox-btn-padding-vertical) var(--ckbox-btn-padding-horizontal);background-color:var(--ckbox-btn-background-color);border:1px solid var(--ckbox-btn-border-color)}.ckbox .ckbox-btn:focus{outline:0;box-shadow:0 0 0 1.5px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%)),0 0 0 3.5px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%)))}.ckbox .ckbox-btn:focus-visible,.ckbox .ckbox-btn--focus-visible{outline:0;box-shadow:0 0 0 1.5px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%)),0 0 0 3.5px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%)))}.ckbox .ckbox-btn:focus:not(:focus-visible){box-shadow:none}.ckbox .ckbox-btn__icon{color:var(--ckbox-btn-icon-color-override, var(--ckbox-btn-icon-color))}.ckbox .ckbox-btn__icon--transparent{color:rgba(0,0,0,0)}.ckbox .ckbox-btn__text{color:var(--ckbox-btn-text-color);font-size:var(--ckbox-btn-font-size);line-height:var(--ckbox-btn-line-height)}.ckbox .ckbox-btn__text--disabled-wrapping{word-break:keep-all;white-space:nowrap}.ckbox .ckbox-btn__text--transparent{color:rgba(0,0,0,0)}.ckbox .ckbox-btn--action{--ckbox-btn-icon-color-fill: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));--ckbox-btn-text-color-fill: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));--ckbox-btn-background-color-fill: hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50));--ckbox-btn-background-color-fill-hover: hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-45));--ckbox-btn-background-color-fill-active: hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-40));--ckbox-btn-icon-color-outline: hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50));--ckbox-btn-text-color-outline: hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50));--ckbox-btn-border-color-outline: hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-60));--ckbox-btn-background-color-outline-hover: hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60)/15%);--ckbox-btn-background-color-outline-active: hsl(var(--ckbox-action-h) var(--ckbox-action-s) var(--ckbox-action-l-60)/15%);--ckbox-btn-icon-color-plain: hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50));--ckbox-btn-text-color-plain: hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50));--ckbox-btn-background-color-plain-hover: hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60)/15%);--ckbox-btn-background-color-plain-active: hsl(var(--ckbox-action-h) var(--ckbox-action-s) var(--ckbox-action-l-60)/15%);--ckbox-btn-icon-color-link: hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50));--ckbox-btn-text-color-link: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-20));--ckbox-btn-text-color-link-hover: hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50));--ckbox-btn-text-color-link-active: hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50))}.ckbox .ckbox-btn--danger{--ckbox-btn-icon-color-fill: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));--ckbox-btn-text-color-fill: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));--ckbox-btn-background-color-fill: hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-50));--ckbox-btn-background-color-fill-hover: hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-45));--ckbox-btn-background-color-fill-active: hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-40));--ckbox-btn-icon-color-outline: hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-50));--ckbox-btn-text-color-outline: hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-50));--ckbox-btn-border-color-outline: hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-60));--ckbox-btn-background-color-outline-hover: hsl(var(--ckbox-danger-h) var(--ckbox-danger-s) var(--ckbox-danger-l-60)/7.5%);--ckbox-btn-background-color-outline-active: hsl(var(--ckbox-danger-h) var(--ckbox-danger-s) var(--ckbox-danger-l-60)/15%);--ckbox-btn-icon-color-plain: hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-50));--ckbox-btn-text-color-plain: hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-50));--ckbox-btn-background-color-plain-hover: hsl(var(--ckbox-danger-h) var(--ckbox-danger-s) var(--ckbox-danger-l-60)/7.5%);--ckbox-btn-background-color-plain-active: hsl(var(--ckbox-danger-h) var(--ckbox-danger-s) var(--ckbox-danger-l-60)/15%);--ckbox-btn-icon-color-link: hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-50));--ckbox-btn-text-color-link: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-20));--ckbox-btn-text-color-link-hover: hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50));--ckbox-btn-text-color-link-active: hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50))}.ckbox .ckbox-btn--neutral{--ckbox-btn-icon-color-fill: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));--ckbox-btn-text-color-fill: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));--ckbox-btn-background-color-fill: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-50));--ckbox-btn-background-color-fill-hover: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-40));--ckbox-btn-background-color-fill-active: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-30));--ckbox-btn-icon-color-outline: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10));--ckbox-btn-text-color-outline: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10));--ckbox-btn-border-color-outline: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-60));--ckbox-btn-background-color-outline-hover: hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60)/10%);--ckbox-btn-background-color-outline-active: hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60)/20%);--ckbox-btn-icon-color-plain: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-40));--ckbox-btn-text-color-plain: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-20));--ckbox-btn-background-color-plain-hover: hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60)/10%);--ckbox-btn-background-color-plain-active: hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60)/20%);--ckbox-btn-icon-color-link: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-40));--ckbox-btn-text-color-link: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-20));--ckbox-btn-text-color-link-hover: hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50));--ckbox-btn-text-color-link-active: hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50))}.ckbox .ckbox-btn--fill{--ckbox-btn-icon-color: var(--ckbox-btn-icon-color-fill);--ckbox-btn-text-color: var(--ckbox-btn-text-color-fill);--ckbox-btn-background-color: var(--ckbox-btn-background-color-fill)}.ckbox .ckbox-btn--fill-hover,.ckbox .ckbox-btn--fill:hover{--ckbox-btn-background-color: var(--ckbox-btn-background-color-fill-hover)}.ckbox .ckbox-btn--fill-active,.ckbox .ckbox-btn--fill-active:hover,.ckbox .ckbox-btn--fill:active{--ckbox-btn-background-color: var(--ckbox-btn-background-color-fill-active)}.ckbox .ckbox-btn--outline{--ckbox-btn-icon-color: var(--ckbox-btn-icon-color-outline);--ckbox-btn-text-color: var(--ckbox-btn-text-color-outline);--ckbox-btn-border-color: var(--ckbox-btn-border-color-outline)}.ckbox .ckbox-btn--outline-hover,.ckbox .ckbox-btn--outline:hover{--ckbox-btn-background-color: var(--ckbox-btn-background-color-outline-hover)}.ckbox .ckbox-btn--outline-active,.ckbox .ckbox-btn--outline-active:hover,.ckbox .ckbox-btn--outline:active{--ckbox-btn-background-color: var(--ckbox-btn-background-color-outline-active)}.ckbox .ckbox-btn--plain{--ckbox-btn-icon-color: var(--ckbox-btn-icon-color-plain);--ckbox-btn-text-color: var(--ckbox-btn-text-color-plain)}.ckbox .ckbox-btn--plain-hover,.ckbox .ckbox-btn--plain:hover{--ckbox-btn-background-color: var(--ckbox-btn-background-color-plain-hover)}.ckbox .ckbox-btn--plain-active,.ckbox .ckbox-btn--plain-active:hover,.ckbox .ckbox-btn--plain:active{--ckbox-btn-background-color: var(--ckbox-btn-background-color-plain-active)}.ckbox .ckbox-btn--link{--ckbox-btn-icon-color: var(--ckbox-btn-icon-color-link);--ckbox-btn-text-color: var(--ckbox-btn-text-color-link);--ckbox-btn-padding-horizontal: 0;--ckbox-btn-background-color: transparent}.ckbox .ckbox-btn--link-hover,.ckbox .ckbox-btn--link:hover{text-decoration:underline;text-decoration-color:var(--ckbox-btn-text-color-link-hover);--ckbox-btn-text-color: var(--ckbox-btn-text-color-link-hover)}.ckbox .ckbox-btn--link-active,.ckbox .ckbox-btn--link-active:hover,.ckbox .ckbox-btn--link:active{text-decoration:underline;text-decoration-color:var(--ckbox-btn-text-color-link-active);--ckbox-btn-text-color: var(--ckbox-btn-text-color-link-active)}.ckbox .ckbox-btn--icon-fill-only{--ckbox-btn-text-color: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10))}.ckbox .ckbox-btn--reverse{flex-direction:row-reverse}.ckbox .ckbox-btn--full-width{display:flex;width:100%}.ckbox .ckbox-btn--small{--ckbox-btn-padding-vertical: var(--ckbox-spacing-compact);--ckbox-btn-padding-horizontal: var(--ckbox-spacing-smallest);--ckbox-btn-font-size: var(--ckbox-font-smallest);--ckbox-btn-line-height: var(--ckbox-spacing-small)}.ckbox .ckbox-btn--medium{--ckbox-btn-padding-vertical: var(--ckbox-spacing-smallest);--ckbox-btn-padding-horizontal: var(--ckbox-spacing-smaller);--ckbox-btn-font-size: var(--ckbox-font-smaller);--ckbox-btn-line-height: var(--ckbox-spacing-smallest)}.ckbox .ckbox-btn--icon-only-small{--ckbox-btn-padding-vertical: var(--ckbox-spacing-tiny);--ckbox-btn-padding-horizontal: var(--ckbox-spacing-tiny)}.ckbox .ckbox-btn--icon-only-medium{--ckbox-btn-padding-vertical: var(--ckbox-spacing-compact);--ckbox-btn-padding-horizontal: var(--ckbox-spacing-compact)}.ckbox .ckbox-btn--icon-only-large{--ckbox-btn-padding-horizontal: var(--ckbox-spacing-smallest)}.ckbox .ckbox-btn[disabled]{opacity:.5;pointer-events:none}.ckbox .ckbox-checkbox{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));position:relative;display:flex;align-items:center;border:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-60));border-radius:var(--ckbox-radius-medium);transition:background-color calc(var(--ckbox-animation-duration-primary)*1ms);height:18px;width:18px}.ckbox .ckbox-checkbox:hover{background-color:hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60)/10%)}.ckbox .ckbox-checkbox__icon{opacity:0}.ckbox .ckbox-checkbox__icon--checked{opacity:1}.ckbox .ckbox-checkbox__input{cursor:pointer;position:absolute;top:-1px;left:-1px;opacity:0;width:calc(100% + 2px);height:calc(100% + 2px);z-index:1;margin:0;padding:0}.ckbox .ckbox-checkbox--checked{background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50));border:1px solid hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50))}.ckbox .ckbox-checkbox--checked:hover{background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-45))}.ckbox .ckbox-circular-loader{align-items:center;display:flex;justify-items:center;position:relative;width:var(--ckbox-spacing-biggest);cursor:pointer;-webkit-user-select:none;user-select:none;padding:0;border:0;background-color:rgba(0,0,0,0);color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10))}.ckbox .ckbox-circular-loader__ring{transition:transform calc(var(--ckbox-animation-duration-primary)*1ms);position:absolute;width:100%}.ckbox .ckbox-circular-loader:active .ckbox-circular-loader__ring{transform:scale(0.85);transform-origin:center center}.ckbox .ckbox-circular-loader__label{flex:1;font-size:var(--ckbox-font-smallest);font-weight:600}.ckbox .ckbox-circular-loader__circle{fill:rgba(0,0,0,0);stroke:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90));stroke-width:3px}.ckbox .ckbox-circular-loader__progress{fill:rgba(0,0,0,0);stroke:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50));stroke-width:3px;transition:stroke-dashoffset calc(var(--ckbox-animation-duration-primary)*1ms);transform:rotate(-90deg);transform-origin:50% 50%}.ckbox .ckbox-circular-loader__error{position:absolute;top:75%;left:50%;transform:translateX(-50%) scale(90%);border-radius:50%;background-color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-90))}.ckbox .ckbox-copyable-input{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10));font-size:var(--ckbox-font-small);--ckbox-focus-color-outer-a: 20%;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-98));border-radius:var(--ckbox-radius-medium);border:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-70));padding:0 var(--ckbox-spacing-smaller);width:100%;display:flex;align-items:center;gap:var(--ckbox-spacing-smallest)}.ckbox .ckbox-copyable-input:focus{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%))}.ckbox .ckbox-copyable-input:focus-visible,.ckbox .ckbox-copyable-input--focus-visible{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%));border-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50))}.ckbox .ckbox-copyable-input:focus:not(:focus-visible){box-shadow:none}.ckbox .ckbox-copyable-input--error{border-color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-50))}.ckbox .ckbox-copyable-input--error:focus{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%))}.ckbox .ckbox-copyable-input--error:focus-visible,.ckbox .ckbox-copyable-input--error--focus-visible{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%));border-color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-50))}.ckbox .ckbox-copyable-input--error:focus:not(:focus-visible){box-shadow:none}.ckbox .ckbox-copyable-input--disabled,.ckbox .ckbox-copyable-input:disabled{opacity:.5;pointer-events:none}.ckbox .ckbox-copyable-input__field{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10));font-size:var(--ckbox-font-small);-webkit-appearance:none;appearance:none;background-color:rgba(0,0,0,0);border:0;outline:none;padding:0;max-width:100%;flex-grow:1}.ckbox .ckbox-copyable-input__field::placeholder{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-50))}.ckbox .ckbox-copyable-input__field{padding-top:var(--ckbox-spacing-smallest);padding-bottom:var(--ckbox-spacing-smallest)}.ckbox .ckbox-dialog{position:absolute;left:var(--ckbox-dialog-x, var(--ckbox-dialog-center-x, 0));top:var(--ckbox-dialog-y, var(--ckbox-dialog-center-y, 0));border:1px solid hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-20)/10%);border-radius:var(--ckbox-radius-big);box-shadow:var(--ckbox-shadow-level-4);display:flex;flex-direction:column;overflow:hidden;z-index:30}.ckbox .ckbox-dialog--width-sm{width:400px}.ckbox .ckbox-dialog--width-md{width:450px}.ckbox .ckbox-dialog--width-lg{width:550px}.ckbox .ckbox-dialog--width-xl{width:700px}.ckbox .ckbox-dialog--height-md{height:340px}.ckbox .ckbox-dialog--height-lg{height:415px}.ckbox .ckbox-dialog--enter{left:0;top:0;transform:translate(var(--ckbox-dialog-anim-anchor-x, 0), var(--ckbox-dialog-anim-anchor-y, 0)) scale(0);transform-origin:top left}.ckbox .ckbox-dialog--enter-active{transform:translate(var(--ckbox-dialog-x, var(--ckbox-dialog-anim-target-x)), var(--ckbox-dialog-y, var(--ckbox-dialog-anim-target-y))) scale(1);transition:transform calc(var(--ckbox-animation-duration-primary)*1ms + var(--ckbox-animation-duration-secondary)*1ms) ease-in}.ckbox .ckbox-dialog--enter-done{transform:none;transition:none}.ckbox .ckbox-dialog--exit{transform:translate(var(--ckbox-dialog-x, var(--ckbox-dialog-anim-target-x)), var(--ckbox-dialog-y, var(--ckbox-dialog-anim-target-y))) scale(1)}.ckbox .ckbox-dialog--exit-active{left:0;top:0;transform:translate(var(--ckbox-dialog-anim-anchor-x, 0), var(--ckbox-dialog-anim-anchor-y, 0)) scale(0);transform-origin:top left;transition:transform calc(var(--ckbox-animation-duration-primary)*1ms + var(--ckbox-animation-duration-secondary)*1ms) ease-in}.ckbox .ckbox-dialog-actions{display:flex;justify-content:flex-end;gap:var(--ckbox-spacing-smallest);padding:var(--ckbox-spacing-smaller) var(--ckbox-spacing-base)}.ckbox .ckbox-dialog-column{display:flex;flex-direction:column;flex:1;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100))}.ckbox .ckbox-dialog-column--overflow{overflow:auto}.ckbox .ckbox-dialog-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--ckbox-spacing-smaller) var(--ckbox-spacing-base);min-height:62px;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100))}.ckbox .ckbox-dialog-footer__detail{font-size:var(--ckbox-font-small)}.ckbox .ckbox-dialog-footer__detail:not(:first-child){border-left:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-70));margin-left:var(--ckbox-spacing-smallest);padding-left:var(--ckbox-spacing-smallest)}.ckbox .ckbox-dialog-footer__detail--error{color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-50))}.ckbox .ckbox-dialog-footer__detail--warning{color:hsl(var(--ckbox-warning-h), var(--ckbox-warning-s), var(--ckbox-warning-l-50))}.ckbox .ckbox-dialog-header{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-98));border-bottom:1px solid hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-20)/10%)}.ckbox .ckbox-dialog-header--success{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));background-color:hsl(var(--ckbox-success-h), var(--ckbox-success-s), var(--ckbox-success-l-35));--ckbox-btn-icon-color-override: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100))}.ckbox .ckbox-dialog-header--error{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));background-color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-50));--ckbox-btn-icon-color-override: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100))}.ckbox .ckbox-dialog-header--draggable{cursor:move}.ckbox .ckbox-dialog-header__content{align-items:center;display:flex;justify-content:space-between;padding:var(--ckbox-spacing-compact) var(--ckbox-spacing-smaller)}.ckbox .ckbox-dialog-header__title{font-weight:600}.ckbox .ckbox-dialog-progress-header{position:relative;background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-65))}.ckbox .ckbox-dialog-progress-header--draggable{cursor:move}.ckbox .ckbox-dialog-progress-header__content{align-items:center;display:flex;justify-content:space-between;padding:var(--ckbox-spacing-compact) var(--ckbox-spacing-smaller);position:relative;color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));--ckbox-btn-icon-color-override: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100))}.ckbox .ckbox-dialog-progress-header__title{font-size:var(--ckbox-font-bigger);font-weight:600}.ckbox .ckbox-dialog-progress-header__subtitle{font-size:var(--ckbox-font-small)}.ckbox .ckbox-dialog-progress-header__description{align-items:center;display:flex;gap:var(--ckbox-spacing-base)}.ckbox .ckbox-dialog-progress-header__progress-bar{-webkit-appearance:none;appearance:none;height:100%;position:absolute;width:100%;left:0;top:0;border:0}.ckbox .ckbox-dialog-progress-header__progress-bar::-webkit-progress-bar,.ckbox .ckbox-dialog-progress-header__progress-bar{background-color:rgba(0,0,0,0);-webkit-transition:width calc(var(--ckbox-animation-duration-secondary)*1ms) ease-in;transition:width calc(var(--ckbox-animation-duration-secondary)*1ms) ease-in}.ckbox .ckbox-dialog-progress-header__progress-bar::-webkit-progress-value{background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50));-webkit-transition:width calc(var(--ckbox-animation-duration-secondary)*1ms) ease-in;transition:width calc(var(--ckbox-animation-duration-secondary)*1ms) ease-in}.ckbox .ckbox-dialog-progress-header__progress-bar::-moz-progress-bar{background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50));-moz-transition:width calc(var(--ckbox-animation-duration-secondary)*1ms) ease-in;transition:width calc(var(--ckbox-animation-duration-secondary)*1ms) ease-in}.ckbox .ckbox-dialog-progress-header__progress-bar--in-progress::after{animation:wave 2s linear .5s infinite;background:linear-gradient(90deg, transparent, hsl(var(--ckbox-action-h) var(--ckbox-action-s) var(--ckbox-action-l-60)/15%), transparent);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@keyframes wave{0%{transform:translateX(-100%)}50%{transform:translateX(100%)}100%{transform:translateX(100%)}}.ckbox .ckbox-dialog-row{display:flex;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100))}.ckbox .ckbox-dialog-section{line-height:1.3;font-size:var(--ckbox-font-small);padding:var(--ckbox-spacing-smaller) var(--ckbox-spacing-base);background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100))}.ckbox .ckbox-dialog-section--accent{background-color:hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60)/15%)}.ckbox .ckbox-dialog-section--error{background-color:hsl(var(--ckbox-danger-h) var(--ckbox-danger-s) var(--ckbox-danger-l-60)/15%);color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-50));font-weight:500}.ckbox .ckbox-dialog-section--header{font-size:var(--ckbox-font-base);font-weight:700}.ckbox .ckbox-dialog-section--spacing-none{padding:0}.ckbox .ckbox-dialog-section--collapse{padding-top:0}.ckbox .ckbox-dialog-section--full-height{height:100%}.ckbox .ckbox-dialog-section--height-md{overflow:auto;height:370px}.ckbox .ckbox-drawer{display:flex;flex-direction:column;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));height:100%;width:320px;border-left:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90))}.ckbox .ckbox-drawer--fixed{box-shadow:-10px 0 10px -4px var(--ckbox-shadow-color);position:absolute;z-index:20;top:0;right:0}.ckbox .ckbox-drawer-header{display:flex;justify-content:space-between;align-items:center;height:48px;padding:0 var(--ckbox-spacing-base);gap:var(--ckbox-spacing-smallest)}.ckbox .ckbox-drawer-header__title{font-weight:600;width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ckbox .ckbox-drawer-actions{display:flex;justify-content:flex-end;align-items:center;gap:var(--ckbox-spacing-smallest);height:48px;padding:0 var(--ckbox-spacing-base);position:relative;z-index:1}.ckbox .ckbox-drawer-section{position:relative}.ckbox .ckbox-drawer-section--fixed-height{min-height:160px;height:220px}.ckbox .ckbox-drawer-section--centered-content{display:flex;justify-content:center;align-items:center}.ckbox .ckbox-drawer-content{display:flex;flex-direction:column;padding:0 var(--ckbox-spacing-base);padding-bottom:var(--ckbox-spacing-smaller);flex:1;overflow:auto;gap:var(--ckbox-spacing-base)}.ckbox .ckbox-doc-icon{height:100%;width:100%;display:flex;justify-content:center;align-items:center}.ckbox .ckbox-doc-icon--archive{background-color:#f4e9f5}.ckbox .ckbox-doc-icon--empty{background-color:#fff}.ckbox .ckbox-doc-icon--excel{background-color:#e8f5ef}.ckbox .ckbox-doc-icon--img{background-color:#f5f5f5}.ckbox .ckbox-doc-icon--movie{background-color:#e5f5f7}.ckbox .ckbox-doc-icon--music{background-color:#fff6ea}.ckbox .ckbox-doc-icon--pdf{background-color:#ffeae8}.ckbox .ckbox-doc-icon--ppt{background-color:#f9ebe8}.ckbox .ckbox-doc-icon--txt{background-color:#f8f8fb}.ckbox .ckbox-doc-icon--word{background-color:#e9eff7}.ckbox .ckbox-doc-icon__icon{width:56px;height:66px}.ckbox .ckbox-empty-view{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100%;--ckbox-empty-view-background-color: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100))}.ckbox .ckbox-empty-view--dropzone-active{--ckbox-empty-view-background-color: hsl(var(--ckbox-action-h) var(--ckbox-action-s) var(--ckbox-action-l-60)/15%)}.ckbox .ckbox-empty-view__content{border-radius:var(--ckbox-radius-big);background-color:var(--ckbox-empty-view-background-color);position:relative;align-items:center;display:flex;flex-direction:column;max-width:600px;padding:var(--ckbox-spacing-biggest) var(--ckbox-spacing-humongous);width:80%;transition:background-color calc(var(--ckbox-animation-duration-primary)*1ms);border:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90))}.ckbox .ckbox-empty-view__content--dropzone{border:none}.ckbox .ckbox-empty-view__content--dropzone::before{position:absolute;content:"";display:block;width:100%;height:100%;left:0;top:0;background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50));border-radius:var(--ckbox-radius-big);-webkit-mask-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='7' ry='7' stroke='%23333' stroke-width='2' stroke-dasharray='6%2c 7' stroke-dashoffset='9' stroke-linecap='square'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='7' ry='7' stroke='%23333' stroke-width='2' stroke-dasharray='6%2c 7' stroke-dashoffset='9' stroke-linecap='square'/%3e%3c/svg%3e")}.ckbox .ckbox-empty-view__info{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--ckbox-spacing-smallest)}.ckbox .ckbox-empty-view-label{text-align:center}.ckbox .ckbox-empty-view-label--muted{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-60))}.ckbox .ckbox-file-input{display:none}.ckbox .ckbox-file-preview{position:fixed;height:100vh;width:100vw;top:0;left:0;z-index:var(--ckbox-z-index-preview);display:grid;grid-template-columns:1fr auto}.ckbox .ckbox-file-preview-actions{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:var(--ckbox-spacing-smallest);background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));width:100%;padding:var(--ckbox-spacing-smallest)}.ckbox .ckbox-file-preview-actions__return-button{display:flex;align-items:center;gap:var(--ckbox-spacing-small);min-width:0}.ckbox .ckbox-file-preview-actions__action-buttons{display:flex;align-items:center;justify-content:center;gap:var(--ckbox-spacing-small)}.ckbox .ckbox-file-preview-actions__title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:600}.ckbox .ckbox-file-preview-column{display:flex;flex-direction:column}.ckbox .ckbox-file-preview-hoverable{opacity:0;transition:opacity calc(var(--ckbox-animation-duration-primary)*1ms)}.ckbox .ckbox-file-preview-content{flex:1;position:relative;z-index:0;display:flex;overflow:hidden;align-items:center;justify-content:center}.ckbox .ckbox-file-preview-content__overlay{z-index:-1;position:absolute;top:0;left:0;background:hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-20)/75%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;height:100%}.ckbox .ckbox-file-preview-content:hover .ckbox-file-preview-hoverable{opacity:1}.ckbox .ckbox-file-preview-nav-button{position:absolute;margin:var(--ckbox-spacing-base);top:50%;transform:translateY(-50%);z-index:1}.ckbox .ckbox-file-preview-nav-button--left{left:0}.ckbox .ckbox-file-preview-nav-button--right{right:0}.ckbox .ckbox-file-preview-tooltip{position:absolute;z-index:1;transform:translateX(-50%);left:50%;bottom:0;margin:var(--ckbox-spacing-base)}.ckbox .ckbox-file-preview-tooltip__content{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10));border-radius:var(--ckbox-radius-big);color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));font-size:var(--ckbox-font-small);padding:var(--ckbox-spacing-compact) var(--ckbox-spacing-smallest)}.ckbox .ckbox-form-feedback{font-size:var(--ckbox-font-smallest);font-weight:500;padding-left:var(--ckbox-spacing-compact)}.ckbox .ckbox-form-feedback--error{color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-50))}.ckbox .ckbox-form-feedback--warning{color:hsl(var(--ckbox-warning-h), var(--ckbox-warning-s), var(--ckbox-warning-l-50))}.ckbox .ckbox-form-group-info{display:flex;gap:var(--ckbox-spacing-compact);margin-top:var(--ckbox-spacing-compact)}.ckbox .ckbox-form-group-column{display:flex;flex-direction:column;gap:var(--ckbox-spacing-base)}.ckbox .ckbox-form-group{position:relative;display:flex;flex-direction:column;gap:var(--ckbox-spacing-compact)}.ckbox .ckbox-form-group--half-width{width:50%}.ckbox .ckbox-form-input-label{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10));font-size:var(--ckbox-font-smallest);line-height:1;padding:0 var(--ckbox-spacing-compact);position:absolute;left:var(--ckbox-spacing-smallest);bottom:calc(100% - var(--ckbox-font-smallest) / 2);z-index:1}.ckbox .ckbox-form-input-label::before{display:block;position:absolute;content:"";bottom:0;left:calc(-1 * var(--ckbox-spacing-tiny));right:calc(-1 * var(--ckbox-spacing-tiny));background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-98));height:calc(var(--ckbox-font-smallest) / 2);z-index:-1}.ckbox .ckbox-gallery{display:grid;grid-gap:var(--ckbox-spacing-small);grid-template-columns:repeat(auto-fill, minmax(var(--ckbox-gallery-size), 1fr));-webkit-user-select:none;user-select:none;outline:none}.ckbox .ckbox-gallery-item{min-width:var(--ckbox-gallery-size)}.ckbox .ckbox-gallery-item:focus{outline:0;box-shadow:0 0 0 1.5px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%)),0 0 0 3.5px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%)))}.ckbox .ckbox-gallery-item:focus-visible,.ckbox .ckbox-gallery-item--focus-visible{outline:0;box-shadow:0 0 0 1.5px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%)),0 0 0 3.5px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%)))}.ckbox .ckbox-gallery-item:focus:not(:focus-visible){box-shadow:none}.ckbox .ckbox-gallery-item__label{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));box-shadow:var(--ckbox-shadow-level-1);display:block;overflow:hidden;position:relative}.ckbox .ckbox-gallery-item__label--active{outline:1px solid hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50))}.ckbox .ckbox-gallery-item__details{border-top:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90));cursor:pointer;display:flex;align-items:center;padding:calc(var(--ckbox-spacing-smallest)*.7) var(--ckbox-spacing-smallest);position:relative;gap:var(--ckbox-spacing-compact)}.ckbox .ckbox-gallery-item__name{font-size:var(--ckbox-font-smallest);overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap;flex-grow:1}.ckbox .ckbox-gallery-item__checkmark{flex-shrink:0;opacity:0;color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-70));--ckbox-btn-icon-color-override: variables.$neutral-70;isolation:isolate}.ckbox .ckbox-gallery-item__checkmark--active{color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50));--ckbox-btn-icon-color-override: variables.$action-50;opacity:1}.ckbox .ckbox-gallery-item:hover .ckbox-gallery-item__checkmark{opacity:1}.ckbox .ckbox-gallery-figure{height:var(--ckbox-gallery-size);cursor:pointer;margin:0;overflow:hidden;position:relative}.ckbox .ckbox-gallery-figure__caption{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10));color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));font-size:var(--ckbox-font-smaller);left:0;padding:var(--ckbox-spacing-compact);position:absolute;text-transform:uppercase;line-height:1;top:0;z-index:1}.ckbox .ckbox-gallery-figure__content{margin:-1px;height:calc(100% + 1px);width:calc(100% + 1px);display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.ckbox .ckbox-gallery-skeleton{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-98));box-shadow:var(--ckbox-shadow-level-1);padding:var(--ckbox-spacing-smallest)}.ckbox .ckbox-gallery-skeleton__figure{height:calc(
1
+ .ckbox-theme-default{--ckbox-action-h: 214;--ckbox-action-s: 100%;--ckbox-action-l-10: 10%;--ckbox-action-l-20: 20%;--ckbox-action-l-30: 30%;--ckbox-action-l-40: 40%;--ckbox-action-l-45: 45%;--ckbox-action-l-50: 50%;--ckbox-action-l-60: 60%;--ckbox-action-l-65: 65%;--ckbox-action-l-70: 70%;--ckbox-action-l-80: 80%;--ckbox-action-l-90: 90%;--ckbox-action-l-100: 100%;--ckbox-danger-h: 356;--ckbox-danger-s: 100%;--ckbox-danger-l-10: 10%;--ckbox-danger-l-20: 20%;--ckbox-danger-l-30: 30%;--ckbox-danger-l-40: 40%;--ckbox-danger-l-45: 45%;--ckbox-danger-l-50: 50%;--ckbox-danger-l-60: 60%;--ckbox-danger-l-70: 70%;--ckbox-danger-l-80: 80%;--ckbox-danger-l-90: 90%;--ckbox-danger-l-100: 100%;--ckbox-neutral-h: 220;--ckbox-neutral-s: 10%;--ckbox-neutral-l-10: 10%;--ckbox-neutral-l-20: 20%;--ckbox-neutral-l-30: 30%;--ckbox-neutral-l-40: 40%;--ckbox-neutral-l-50: 50%;--ckbox-neutral-l-60: 60%;--ckbox-neutral-l-70: 70%;--ckbox-neutral-l-80: 80%;--ckbox-neutral-l-90: 90%;--ckbox-neutral-l-95: 95%;--ckbox-neutral-l-98: 98%;--ckbox-neutral-l-100: 100%;--ckbox-warning-h: 36;--ckbox-warning-s: 100%;--ckbox-warning-l-10: 10%;--ckbox-warning-l-20: 20%;--ckbox-warning-l-30: 30%;--ckbox-warning-l-40: 40%;--ckbox-warning-l-50: 50%;--ckbox-warning-l-60: 60%;--ckbox-warning-l-70: 70%;--ckbox-warning-l-80: 80%;--ckbox-warning-l-90: 90%;--ckbox-warning-l-100: 100%;--ckbox-success-h: 147;--ckbox-success-s: 100%;--ckbox-success-l-10: 10%;--ckbox-success-l-20: 20%;--ckbox-success-l-30: 30%;--ckbox-success-l-35: 35%;--ckbox-success-l-40: 40%;--ckbox-success-l-50: 50%;--ckbox-success-l-60: 60%;--ckbox-success-l-70: 70%;--ckbox-success-l-80: 80%;--ckbox-success-l-90: 90%;--ckbox-success-l-100: 100%;--ckbox-font-family: -apple-system, "BlinkMacSystemFont", avenir next, avenir, segoe ui, helvetica neue, helvetica, "Ubuntu", roboto, noto, arial, sans-serif;--ckbox-font-smallest: 11.2px;--ckbox-font-smaller: 12px;--ckbox-font-small: 13.6px;--ckbox-font-base: 16px;--ckbox-font-medium: 18px;--ckbox-font-big: 20px;--ckbox-font-bigger: 24px;--ckbox-font-biggest: 32px;--ckbox-spacing-tiny: 2.4px;--ckbox-spacing-compact: 4px;--ckbox-spacing-smallest: 8px;--ckbox-spacing-smaller: 12px;--ckbox-spacing-small: 13.6px;--ckbox-spacing-base: 16px;--ckbox-spacing-medium: 20px;--ckbox-spacing-big: 24px;--ckbox-spacing-bigger: 32px;--ckbox-spacing-biggest: 48px;--ckbox-spacing-humongous: 80px;--ckbox-radius-medium: 4px;--ckbox-radius-big: 7px;--ckbox-radius-bigger: 15px;--ckbox-shadow-color: hsl( var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-20) / 15% );--ckbox-shadow-top: 0 -2px 4px var(--ckbox-shadow-color);--ckbox-shadow-bottom: 0 2px 4px var(--ckbox-shadow-color);--ckbox-shadow-level-1: 0 0 2px 1px var(--ckbox-shadow-color);--ckbox-shadow-level-2: 0 0 4px 2px var(--ckbox-shadow-color);--ckbox-shadow-level-3: 0 0 6px 3px var(--ckbox-shadow-color);--ckbox-shadow-level-4: 0 0 8px 4px var(--ckbox-shadow-color);--ckbox-animation-duration-primary: 200;--ckbox-animation-duration-secondary: 70;--ckbox-z-index-root: 9999;--ckbox-z-index-preview: 9999;--ckbox-container-border: 1px solid hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-20) / 10%)}.ckbox-reset:not(#n){all:initial;height:100%;line-height:1.5;-webkit-font-smoothing:antialiased}.ckbox-reset:not(#n) *:where(:not(svg *)){all:revert}.ckbox-reset:not(#n) *:where([draggable]){-webkit-user-drag:element}.ckbox-reset:not(#n) *{outline:none;margin:0}.ckbox-reset:not(#n) *,.ckbox-reset:not(#n) *::before,.ckbox-reset:not(#n) *::after{box-sizing:border-box}.ckbox-reset:not(#n) img,.ckbox-reset:not(#n) picture,.ckbox-reset:not(#n) video,.ckbox-reset:not(#n) canvas,.ckbox-reset:not(#n) svg{display:block;max-width:100%}.ckbox-reset:not(#n) input,.ckbox-reset:not(#n) button,.ckbox-reset:not(#n) textarea,.ckbox-reset:not(#n) select{font:inherit}.ckbox-reset:not(#n) p,.ckbox-reset:not(#n) h1,.ckbox-reset:not(#n) h2,.ckbox-reset:not(#n) h3,.ckbox-reset:not(#n) h4,.ckbox-reset:not(#n) h5,.ckbox-reset:not(#n) h6{overflow-wrap:break-word}.ckbox:not(#n) .ckbox-bottombar{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));box-shadow:var(--ckbox-shadow-top);display:flex;gap:var(--ckbox-spacing-smallest);align-items:center;font-size:var(--ckbox-font-base);padding:var(--ckbox-spacing-compact) var(--ckbox-spacing-smaller);min-height:48px;flex-wrap:wrap;position:relative}.ckbox:not(#n) .ckbox-bottombar__content{display:flex;flex:999 0 auto;justify-content:center}.ckbox:not(#n) .ckbox-bottombar__side-content{display:flex;gap:var(--ckbox-spacing-base);justify-content:center;align-items:center;flex-grow:1}.ckbox:not(#n) .ckbox-bottombar__status{font-size:var(--ckbox-font-small);position:absolute;left:0;bottom:100%;background:hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-40)/75%);color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));padding:var(--ckbox-spacing-tiny) var(--ckbox-spacing-smallest);display:block;border-top-right-radius:var(--ckbox-radius-big);transition:opacity calc(var(--ckbox-animation-duration-primary)*1ms);opacity:1}.ckbox:not(#n) .ckbox-bottombar__status--hidden{opacity:0}.ckbox:not(#n) .ckbox-btn{--ckbox-btn-border-color: transparent;--ckbox-btn-padding-vertical: var(--ckbox-spacing-smallest);--ckbox-btn-padding-horizontal: var(--ckbox-spacing-smaller);--ckbox-btn-font-size: var(--ckbox-font-small);--ckbox-btn-line-height: var(--ckbox-spacing-medium);border-radius:var(--ckbox-radius-big);cursor:pointer;display:inline-flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;gap:var(--ckbox-spacing-compact);transition:background-color calc(var(--ckbox-animation-duration-primary)*1ms),opacity calc(var(--ckbox-animation-duration-primary)*1ms);font-weight:500;padding:var(--ckbox-btn-padding-vertical) var(--ckbox-btn-padding-horizontal);background-color:var(--ckbox-btn-background-color);border:1px solid var(--ckbox-btn-border-color);max-width:100%}.ckbox:not(#n) .ckbox-btn:focus{box-shadow:0 0 0 1.5px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%)),0 0 0 3.5px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%)))}.ckbox:not(#n) .ckbox-btn:focus-visible,.ckbox:not(#n) .ckbox-btn--focus-visible{box-shadow:0 0 0 1.5px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%)),0 0 0 3.5px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%)))}.ckbox:not(#n) .ckbox-btn:focus:not(:focus-visible){box-shadow:none}.ckbox:not(#n) .ckbox-btn__icon{color:var(--ckbox-btn-icon-color-override, var(--ckbox-btn-icon-color))}.ckbox:not(#n) .ckbox-btn__icon--transparent{color:rgba(0,0,0,0)}.ckbox:not(#n) .ckbox-btn__text{color:var(--ckbox-btn-text-color);font-size:var(--ckbox-btn-font-size);line-height:var(--ckbox-btn-line-height);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ckbox:not(#n) .ckbox-btn__text--disabled-wrapping{word-break:keep-all}.ckbox:not(#n) .ckbox-btn__text--transparent{color:rgba(0,0,0,0)}.ckbox:not(#n) .ckbox-btn--narrow{padding:var(--ckbox-btn-padding-vertical) calc(var(--ckbox-btn-padding-horizontal)/2)}.ckbox:not(#n) .ckbox-btn--action{--ckbox-btn-icon-color-fill: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));--ckbox-btn-text-color-fill: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));--ckbox-btn-background-color-fill: hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50));--ckbox-btn-background-color-fill-hover: hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-45));--ckbox-btn-background-color-fill-active: hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-40));--ckbox-btn-icon-color-outline: hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50));--ckbox-btn-text-color-outline: hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50));--ckbox-btn-border-color-outline: hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-60));--ckbox-btn-background-color-outline-hover: hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60)/15%);--ckbox-btn-background-color-outline-active: hsl(var(--ckbox-action-h) var(--ckbox-action-s) var(--ckbox-action-l-60)/15%);--ckbox-btn-icon-color-plain: hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50));--ckbox-btn-text-color-plain: hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50));--ckbox-btn-background-color-plain-hover: hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60)/15%);--ckbox-btn-background-color-plain-active: hsl(var(--ckbox-action-h) var(--ckbox-action-s) var(--ckbox-action-l-60)/15%);--ckbox-btn-icon-color-link: hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50));--ckbox-btn-text-color-link: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-20));--ckbox-btn-text-color-link-hover: hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50));--ckbox-btn-text-color-link-active: hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50))}.ckbox:not(#n) .ckbox-btn--danger{--ckbox-btn-icon-color-fill: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));--ckbox-btn-text-color-fill: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));--ckbox-btn-background-color-fill: hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-50));--ckbox-btn-background-color-fill-hover: hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-45));--ckbox-btn-background-color-fill-active: hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-40));--ckbox-btn-icon-color-outline: hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-50));--ckbox-btn-text-color-outline: hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-50));--ckbox-btn-border-color-outline: hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-60));--ckbox-btn-background-color-outline-hover: hsl(var(--ckbox-danger-h) var(--ckbox-danger-s) var(--ckbox-danger-l-60)/7.5%);--ckbox-btn-background-color-outline-active: hsl(var(--ckbox-danger-h) var(--ckbox-danger-s) var(--ckbox-danger-l-60)/15%);--ckbox-btn-icon-color-plain: hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-50));--ckbox-btn-text-color-plain: hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-50));--ckbox-btn-background-color-plain-hover: hsl(var(--ckbox-danger-h) var(--ckbox-danger-s) var(--ckbox-danger-l-60)/7.5%);--ckbox-btn-background-color-plain-active: hsl(var(--ckbox-danger-h) var(--ckbox-danger-s) var(--ckbox-danger-l-60)/15%);--ckbox-btn-icon-color-link: hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-50));--ckbox-btn-text-color-link: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-20));--ckbox-btn-text-color-link-hover: hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50));--ckbox-btn-text-color-link-active: hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50))}.ckbox:not(#n) .ckbox-btn--neutral{--ckbox-btn-icon-color-fill: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));--ckbox-btn-text-color-fill: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));--ckbox-btn-background-color-fill: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-50));--ckbox-btn-background-color-fill-hover: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-40));--ckbox-btn-background-color-fill-active: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-30));--ckbox-btn-icon-color-outline: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10));--ckbox-btn-text-color-outline: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10));--ckbox-btn-border-color-outline: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-60));--ckbox-btn-background-color-outline-hover: hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60)/10%);--ckbox-btn-background-color-outline-active: hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60)/20%);--ckbox-btn-icon-color-plain: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-40));--ckbox-btn-text-color-plain: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-20));--ckbox-btn-background-color-plain-hover: hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60)/10%);--ckbox-btn-background-color-plain-active: hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60)/20%);--ckbox-btn-icon-color-link: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-40));--ckbox-btn-text-color-link: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-20));--ckbox-btn-text-color-link-hover: hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50));--ckbox-btn-text-color-link-active: hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50))}.ckbox:not(#n) .ckbox-btn--fill{--ckbox-btn-icon-color: var(--ckbox-btn-icon-color-fill);--ckbox-btn-text-color: var(--ckbox-btn-text-color-fill);--ckbox-btn-background-color: var(--ckbox-btn-background-color-fill)}.ckbox:not(#n) .ckbox-btn--fill-hover,.ckbox:not(#n) .ckbox-btn--fill:hover{--ckbox-btn-background-color: var(--ckbox-btn-background-color-fill-hover)}.ckbox:not(#n) .ckbox-btn--fill-active,.ckbox:not(#n) .ckbox-btn--fill-active:hover,.ckbox:not(#n) .ckbox-btn--fill:active{--ckbox-btn-background-color: var(--ckbox-btn-background-color-fill-active)}.ckbox:not(#n) .ckbox-btn--outline{--ckbox-btn-icon-color: var(--ckbox-btn-icon-color-outline);--ckbox-btn-text-color: var(--ckbox-btn-text-color-outline);--ckbox-btn-border-color: var(--ckbox-btn-border-color-outline)}.ckbox:not(#n) .ckbox-btn--outline-hover,.ckbox:not(#n) .ckbox-btn--outline:hover{--ckbox-btn-background-color: var(--ckbox-btn-background-color-outline-hover)}.ckbox:not(#n) .ckbox-btn--outline-active,.ckbox:not(#n) .ckbox-btn--outline-active:hover,.ckbox:not(#n) .ckbox-btn--outline:active{--ckbox-btn-background-color: var(--ckbox-btn-background-color-outline-active)}.ckbox:not(#n) .ckbox-btn--plain{--ckbox-btn-icon-color: var(--ckbox-btn-icon-color-plain);--ckbox-btn-text-color: var(--ckbox-btn-text-color-plain)}.ckbox:not(#n) .ckbox-btn--plain-hover,.ckbox:not(#n) .ckbox-btn--plain:hover{--ckbox-btn-background-color: var(--ckbox-btn-background-color-plain-hover)}.ckbox:not(#n) .ckbox-btn--plain-active,.ckbox:not(#n) .ckbox-btn--plain-active:hover,.ckbox:not(#n) .ckbox-btn--plain:active{--ckbox-btn-background-color: var(--ckbox-btn-background-color-plain-active)}.ckbox:not(#n) .ckbox-btn--link{--ckbox-btn-icon-color: var(--ckbox-btn-icon-color-link);--ckbox-btn-text-color: var(--ckbox-btn-text-color-link);--ckbox-btn-padding-horizontal: 0;--ckbox-btn-background-color: transparent}.ckbox:not(#n) .ckbox-btn--link-hover,.ckbox:not(#n) .ckbox-btn--link:hover{text-decoration:underline;text-decoration-color:var(--ckbox-btn-text-color-link-hover);--ckbox-btn-text-color: var(--ckbox-btn-text-color-link-hover)}.ckbox:not(#n) .ckbox-btn--link-active,.ckbox:not(#n) .ckbox-btn--link-active:hover,.ckbox:not(#n) .ckbox-btn--link:active{text-decoration:underline;text-decoration-color:var(--ckbox-btn-text-color-link-active);--ckbox-btn-text-color: var(--ckbox-btn-text-color-link-active)}.ckbox:not(#n) .ckbox-btn--icon-fill-only{--ckbox-btn-text-color: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10))}.ckbox:not(#n) .ckbox-btn--reverse{flex-direction:row-reverse}.ckbox:not(#n) .ckbox-btn--full-width{display:flex;width:100%}.ckbox:not(#n) .ckbox-btn--small{--ckbox-btn-padding-vertical: var(--ckbox-spacing-tiny);--ckbox-btn-padding-horizontal: var(--ckbox-spacing-smallest);--ckbox-btn-font-size: var(--ckbox-font-smallest)}.ckbox:not(#n) .ckbox-btn--medium{--ckbox-btn-padding-vertical: var(--ckbox-spacing-compact);--ckbox-btn-padding-horizontal: var(--ckbox-spacing-smaller);--ckbox-btn-font-size: var(--ckbox-font-smaller)}.ckbox:not(#n) .ckbox-btn--icon-only-small{--ckbox-btn-padding-vertical: var(--ckbox-spacing-tiny);--ckbox-btn-padding-horizontal: var(--ckbox-spacing-tiny)}.ckbox:not(#n) .ckbox-btn--icon-only-medium{--ckbox-btn-padding-vertical: var(--ckbox-spacing-compact);--ckbox-btn-padding-horizontal: var(--ckbox-spacing-compact)}.ckbox:not(#n) .ckbox-btn--icon-only-large{--ckbox-btn-padding-horizontal: var(--ckbox-spacing-smallest)}.ckbox:not(#n) .ckbox-btn[disabled]{opacity:.5;pointer-events:none}.ckbox:not(#n) .ckbox-button-group{display:inline-flex;flex-wrap:nowrap}.ckbox:not(#n) .ckbox-button-group .ckbox-btn:first-of-type{border-top-right-radius:0;border-bottom-right-radius:0}.ckbox:not(#n) .ckbox-button-group .ckbox-btn:last-of-type{border-top-left-radius:0;border-bottom-left-radius:0}.ckbox:not(#n) .ckbox-button-group .ckbox-btn:not(:first-of-type,:last-of-type){border-radius:0}.ckbox:not(#n) .ckbox-button-group .ckbox-btn--fill.ckbox-btn--action{border-right:1px solid hsl(var(--ckbox-action-h) var(--ckbox-action-s) var(--ckbox-action-l-60)/75%)}.ckbox:not(#n) .ckbox-button-group .ckbox-btn--fill.ckbox-btn--danger{border-right:1px solid hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-90))}.ckbox:not(#n) .ckbox-button-group .ckbox-btn--fill.ckbox-btn--neutral{border-right:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90))}.ckbox:not(#n) .ckbox-button-group .ckbox-btn--outline:not(:last-of-type){border-right:0}.ckbox:not(#n) .ckbox-checkbox{display:flex;align-items:center;gap:var(--ckbox-spacing-smallest)}.ckbox:not(#n) .ckbox-checkbox-input{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));position:relative;display:flex;align-items:center;border:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-60));border-radius:var(--ckbox-radius-medium);transition:background-color calc(var(--ckbox-animation-duration-primary)*1ms);height:18px;width:18px}.ckbox:not(#n) .ckbox-checkbox-input:hover{background-color:hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60)/10%)}.ckbox:not(#n) .ckbox-checkbox-input__icon{opacity:0}.ckbox:not(#n) .ckbox-checkbox-input__icon--checked{opacity:1}.ckbox:not(#n) .ckbox-checkbox-input__input{cursor:pointer;position:absolute;top:-1px;left:-1px;opacity:0;width:calc(100% + 2px);height:calc(100% + 2px);z-index:1;margin:0;padding:0}.ckbox:not(#n) .ckbox-checkbox-input--checked{background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50));border:1px solid hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50))}.ckbox:not(#n) .ckbox-checkbox-input--checked:hover{background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-45))}.ckbox:not(#n) .ckbox-checkbox-label{cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;user-select:none}.ckbox:not(#n) .ckbox-circular-loader{align-items:center;display:flex;justify-items:center;position:relative;width:var(--ckbox-spacing-biggest);cursor:pointer;-webkit-user-select:none;user-select:none;padding:0;border:0;background-color:rgba(0,0,0,0);color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10))}.ckbox:not(#n) .ckbox-circular-loader__ring{transition:transform calc(var(--ckbox-animation-duration-primary)*1ms);position:absolute;width:100%}.ckbox:not(#n) .ckbox-circular-loader:active .ckbox-circular-loader__ring{transform:scale(0.85);transform-origin:center center}.ckbox:not(#n) .ckbox-circular-loader__label{flex:1;font-size:var(--ckbox-font-smallest);font-weight:600;display:flex;justify-content:center}.ckbox:not(#n) .ckbox-circular-loader__circle{fill:rgba(0,0,0,0);stroke:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90));stroke-width:3px}.ckbox:not(#n) .ckbox-circular-loader__progress{fill:rgba(0,0,0,0);stroke:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50));stroke-width:3px;transition:stroke-dashoffset calc(var(--ckbox-animation-duration-primary)*1ms);transform:rotate(-90deg);transform-origin:50% 50%}.ckbox:not(#n) .ckbox-circular-loader__error{position:absolute;top:75%;left:50%;transform:translateX(-50%) scale(90%);border-radius:50%;background-color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-90))}.ckbox:not(#n) .ckbox-circular-loader__warning{position:absolute;top:75%;left:50%;transform:translateX(-50%) scale(90%);border-radius:50%;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100))}.ckbox:not(#n) .ckbox-copyable-input{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10));font-size:var(--ckbox-font-small);--ckbox-focus-color-outer-a: 20%;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-98));border-radius:var(--ckbox-radius-medium);border:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-70));padding:0 var(--ckbox-spacing-smaller);width:100%;display:flex;align-items:center;gap:var(--ckbox-spacing-smallest)}.ckbox:not(#n) .ckbox-copyable-input:focus{box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%))}.ckbox:not(#n) .ckbox-copyable-input:focus-visible,.ckbox:not(#n) .ckbox-copyable-input--focus-visible{box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%));border-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50))}.ckbox:not(#n) .ckbox-copyable-input:focus:not(:focus-visible){box-shadow:none}.ckbox:not(#n) .ckbox-copyable-input--error{border-color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-50))}.ckbox:not(#n) .ckbox-copyable-input--error:focus{box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%))}.ckbox:not(#n) .ckbox-copyable-input--error:focus-visible,.ckbox:not(#n) .ckbox-copyable-input--error--focus-visible{box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%));border-color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-50))}.ckbox:not(#n) .ckbox-copyable-input--error:focus:not(:focus-visible){box-shadow:none}.ckbox:not(#n) .ckbox-copyable-input--disabled,.ckbox:not(#n) .ckbox-copyable-input:disabled{opacity:.5;pointer-events:none}.ckbox:not(#n) .ckbox-copyable-input__field{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10));font-size:var(--ckbox-font-small);-webkit-appearance:none;appearance:none;background-color:rgba(0,0,0,0);border:0;outline:none;padding:0;max-width:100%;flex-grow:1}.ckbox:not(#n) .ckbox-copyable-input__field::placeholder{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-50))}.ckbox:not(#n) .ckbox-copyable-input__field{padding-top:var(--ckbox-spacing-smallest);padding-bottom:var(--ckbox-spacing-smallest)}.ckbox:not(#n) .ckbox-dialog{position:absolute;left:var(--ckbox-dialog-x, var(--ckbox-dialog-center-x, 0));top:var(--ckbox-dialog-y, var(--ckbox-dialog-center-y, 0));border:1px solid hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-20)/10%);border-radius:var(--ckbox-radius-big);box-shadow:var(--ckbox-shadow-level-4);display:flex;flex-direction:column;overflow:hidden;z-index:30}.ckbox:not(#n) .ckbox-dialog--width-sm{width:400px}.ckbox:not(#n) .ckbox-dialog--width-md{width:450px}.ckbox:not(#n) .ckbox-dialog--width-lg{width:550px}.ckbox:not(#n) .ckbox-dialog--width-xl{width:700px}.ckbox:not(#n) .ckbox-dialog--height-md{height:340px}.ckbox:not(#n) .ckbox-dialog--height-lg{height:415px}.ckbox:not(#n) .ckbox-dialog--enter{left:0;top:0;transform:translate(var(--ckbox-dialog-anim-anchor-x, 0), var(--ckbox-dialog-anim-anchor-y, 0)) scale(0);transform-origin:top left}.ckbox:not(#n) .ckbox-dialog--enter-active{transform:translate(var(--ckbox-dialog-x, var(--ckbox-dialog-anim-target-x)), var(--ckbox-dialog-y, var(--ckbox-dialog-anim-target-y))) scale(1);transition:transform calc(var(--ckbox-animation-duration-primary)*1ms + var(--ckbox-animation-duration-secondary)*1ms) ease-in}.ckbox:not(#n) .ckbox-dialog--enter-done{transform:none;transition:none}.ckbox:not(#n) .ckbox-dialog--exit{transform:translate(var(--ckbox-dialog-x, var(--ckbox-dialog-anim-target-x)), var(--ckbox-dialog-y, var(--ckbox-dialog-anim-target-y))) scale(1)}.ckbox:not(#n) .ckbox-dialog--exit-active{left:0;top:0;transform:translate(var(--ckbox-dialog-anim-anchor-x, 0), var(--ckbox-dialog-anim-anchor-y, 0)) scale(0);transform-origin:top left;transition:transform calc(var(--ckbox-animation-duration-primary)*1ms + var(--ckbox-animation-duration-secondary)*1ms) ease-in}.ckbox:not(#n) .ckbox-dialog-actions{display:flex;justify-content:flex-end;gap:var(--ckbox-spacing-smallest);padding:var(--ckbox-spacing-smaller) var(--ckbox-spacing-base)}.ckbox:not(#n) .ckbox-dialog-column{display:flex;flex-direction:column;flex:1;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100))}.ckbox:not(#n) .ckbox-dialog-column--overflow{overflow:auto}.ckbox:not(#n) .ckbox-dialog-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--ckbox-spacing-smaller) var(--ckbox-spacing-base);min-height:62px;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100))}.ckbox:not(#n) .ckbox-dialog-footer__detail{font-size:var(--ckbox-font-small)}.ckbox:not(#n) .ckbox-dialog-footer__detail:not(:first-child){border-left:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-70));margin-left:var(--ckbox-spacing-smallest);padding-left:var(--ckbox-spacing-smallest)}.ckbox:not(#n) .ckbox-dialog-footer__detail--error{color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-50))}.ckbox:not(#n) .ckbox-dialog-footer__detail--warning{color:hsl(var(--ckbox-warning-h), var(--ckbox-warning-s), var(--ckbox-warning-l-50))}.ckbox:not(#n) .ckbox-dialog-header{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-98));border-bottom:1px solid hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-20)/10%)}.ckbox:not(#n) .ckbox-dialog-header--success{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));background-color:hsl(var(--ckbox-success-h), var(--ckbox-success-s), var(--ckbox-success-l-35));--ckbox-btn-icon-color-override: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100))}.ckbox:not(#n) .ckbox-dialog-header--error{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));background-color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-50));--ckbox-btn-icon-color-override: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100))}.ckbox:not(#n) .ckbox-dialog-header--draggable{cursor:move}.ckbox:not(#n) .ckbox-dialog-header__content{align-items:center;display:flex;justify-content:space-between;padding:var(--ckbox-spacing-compact) var(--ckbox-spacing-smaller)}.ckbox:not(#n) .ckbox-dialog-header__title{font-weight:600}.ckbox:not(#n) .ckbox-dialog-progress-header{position:relative;background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-65))}.ckbox:not(#n) .ckbox-dialog-progress-header--draggable{cursor:move}.ckbox:not(#n) .ckbox-dialog-progress-header__content{align-items:center;display:flex;justify-content:space-between;padding:var(--ckbox-spacing-compact) var(--ckbox-spacing-smaller);position:relative;color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));--ckbox-btn-icon-color-override: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100))}.ckbox:not(#n) .ckbox-dialog-progress-header__title{font-size:var(--ckbox-font-bigger);font-weight:600}.ckbox:not(#n) .ckbox-dialog-progress-header__subtitle{font-size:var(--ckbox-font-small)}.ckbox:not(#n) .ckbox-dialog-progress-header__description{align-items:center;display:flex;gap:var(--ckbox-spacing-base)}.ckbox:not(#n) .ckbox-dialog-progress-header__bar{background-color:rgba(0,0,0,0);height:100%;overflow:hidden;position:absolute;width:100%}.ckbox:not(#n) .ckbox-dialog-progress-header__bar--in-progress::after{animation:wave 2s linear .5s infinite;background:linear-gradient(90deg, transparent, hsl(var(--ckbox-action-h) var(--ckbox-action-s) var(--ckbox-action-l-60)/75%), transparent);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@keyframes wave{0%{transform:translateX(-100%)}50%{transform:translateX(100%)}100%{transform:translateX(100%)}}.ckbox:not(#n) .ckbox-dialog-progress-header__value{height:100%;left:0;position:absolute;top:0;background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50));transition:width calc(var(--ckbox-animation-duration-secondary)*1ms) ease-in}.ckbox:not(#n) .ckbox-dialog-row{display:flex;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100))}.ckbox:not(#n) .ckbox-dialog-section{line-height:1.3;font-size:var(--ckbox-font-small);padding:var(--ckbox-spacing-smaller) var(--ckbox-spacing-base);background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100))}.ckbox:not(#n) .ckbox-dialog-section--accent{background-color:hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60)/15%)}.ckbox:not(#n) .ckbox-dialog-section--error{background-color:hsl(var(--ckbox-danger-h) var(--ckbox-danger-s) var(--ckbox-danger-l-60)/15%);color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-50));font-weight:500}.ckbox:not(#n) .ckbox-dialog-section--header{font-size:var(--ckbox-font-base);font-weight:700}.ckbox:not(#n) .ckbox-dialog-section--spacing-none{padding:0}.ckbox:not(#n) .ckbox-dialog-section--collapse{padding-top:0}.ckbox:not(#n) .ckbox-dialog-section--full-height{height:100%}.ckbox:not(#n) .ckbox-dialog-section--height-md{overflow:auto;height:370px}.ckbox:not(#n) .ckbox-dialog-next{display:flex;flex-direction:column;position:absolute;left:var(--ckbox-dialog-next-x, var(--ckbox-dialog-next-center-x, 0));top:var(--ckbox-dialog-next-y, var(--ckbox-dialog-next-center-y, 0));border-radius:var(--ckbox-radius-big);box-shadow:var(--ckbox-shadow-level-4);z-index:30;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));max-height:calc(100% - 120px);overflow:hidden}.ckbox:not(#n) .ckbox-dialog-next--width-sm{width:390px}.ckbox:not(#n) .ckbox-dialog-next--width-md{width:450px}.ckbox:not(#n) .ckbox-dialog-next-header{padding:var(--ckbox-spacing-base) var(--ckbox-spacing-big)}.ckbox:not(#n) .ckbox-dialog-next-column{display:flex;flex-direction:column;gap:var(--ckbox-spacing-base);padding:var(--ckbox-spacing-base) 0;overflow:auto}.ckbox:not(#n) .ckbox-dialog-next-content--horizontal-spacing{padding-left:var(--ckbox-spacing-big);padding-right:var(--ckbox-spacing-big)}.ckbox:not(#n) .ckbox-dialog-next-footer{padding:var(--ckbox-spacing-base) var(--ckbox-spacing-big)}.ckbox:not(#n) .ckbox-dialog-next-title{flex-grow:1;font-size:var(--ckbox-font-base);font-weight:600}.ckbox:not(#n) .ckbox-dialog-next-separator{position:relative;border-top:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90));height:1px;width:100%}.ckbox:not(#n) .ckbox-drawer{display:flex;flex-direction:column;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));height:100%;width:320px;border-left:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90))}.ckbox:not(#n) .ckbox-drawer--fixed{box-shadow:-10px 0 10px -4px var(--ckbox-shadow-color);position:absolute;z-index:20;top:0;right:0}.ckbox:not(#n) .ckbox-drawer-header{display:flex;justify-content:space-between;align-items:center;height:48px;padding:0 var(--ckbox-spacing-base);gap:var(--ckbox-spacing-smallest)}.ckbox:not(#n) .ckbox-drawer-header__title{font-weight:600;width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ckbox:not(#n) .ckbox-drawer-actions{display:flex;justify-content:flex-end;align-items:center;gap:var(--ckbox-spacing-smallest);height:48px;padding:0 var(--ckbox-spacing-base);position:relative;z-index:1}.ckbox:not(#n) .ckbox-drawer-section{position:relative}.ckbox:not(#n) .ckbox-drawer-section--fixed-height{min-height:160px;height:220px}.ckbox:not(#n) .ckbox-drawer-section--centered-content{display:flex;justify-content:center;align-items:center}.ckbox:not(#n) .ckbox-drawer-content{display:flex;flex-direction:column;padding:0 var(--ckbox-spacing-base);padding-bottom:var(--ckbox-spacing-smaller);flex:1;overflow:auto;gap:var(--ckbox-spacing-base)}.ckbox:not(#n) .ckbox-doc-icon{height:100%;width:100%;display:flex;justify-content:center;align-items:center}.ckbox:not(#n) .ckbox-doc-icon--archive{background-color:#f4e9f5}.ckbox:not(#n) .ckbox-doc-icon--empty{background-color:#fff}.ckbox:not(#n) .ckbox-doc-icon--excel{background-color:#e8f5ef}.ckbox:not(#n) .ckbox-doc-icon--img{background-color:#f5f5f5}.ckbox:not(#n) .ckbox-doc-icon--movie{background-color:#e5f5f7}.ckbox:not(#n) .ckbox-doc-icon--music{background-color:#fff6ea}.ckbox:not(#n) .ckbox-doc-icon--pdf{background-color:#ffeae8}.ckbox:not(#n) .ckbox-doc-icon--ppt{background-color:#f9ebe8}.ckbox:not(#n) .ckbox-doc-icon--txt{background-color:#f8f8fb}.ckbox:not(#n) .ckbox-doc-icon--word{background-color:#e9eff7}.ckbox:not(#n) .ckbox-doc-icon--limit-size{max-width:150px;max-height:150px}.ckbox:not(#n) .ckbox-doc-icon__icon{width:56px;height:66px}.ckbox:not(#n) .ckbox-ellipsis{display:flex}.ckbox:not(#n) .ckbox-ellipsis__collapsed{flex:1}.ckbox:not(#n) .ckbox-empty-view{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100%;--ckbox-empty-view-background-color: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100))}.ckbox:not(#n) .ckbox-empty-view--dropzone-active{--ckbox-empty-view-background-color: hsl(var(--ckbox-action-h) var(--ckbox-action-s) var(--ckbox-action-l-60)/15%)}.ckbox:not(#n) .ckbox-empty-view__content{border-radius:var(--ckbox-radius-big);background-color:var(--ckbox-empty-view-background-color);position:relative;align-items:center;display:flex;flex-direction:column;max-width:600px;padding:var(--ckbox-spacing-biggest) var(--ckbox-spacing-humongous);width:80%;transition:background-color calc(var(--ckbox-animation-duration-primary)*1ms);border:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90))}.ckbox:not(#n) .ckbox-empty-view__content--dropzone{border:none}.ckbox:not(#n) .ckbox-empty-view__content--dropzone::before{position:absolute;content:"";display:block;width:100%;height:100%;left:0;top:0;background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50));border-radius:var(--ckbox-radius-big);-webkit-mask-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='7' ry='7' stroke='%23333' stroke-width='2' stroke-dasharray='6%2c 7' stroke-dashoffset='9' stroke-linecap='square'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='7' ry='7' stroke='%23333' stroke-width='2' stroke-dasharray='6%2c 7' stroke-dashoffset='9' stroke-linecap='square'/%3e%3c/svg%3e")}.ckbox:not(#n) .ckbox-empty-view__info{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--ckbox-spacing-smallest)}.ckbox:not(#n) .ckbox-empty-view-label{text-align:center}.ckbox:not(#n) .ckbox-empty-view-label--muted{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-60))}.ckbox:not(#n) .ckbox-file-input{display:none}.ckbox:not(#n) .ckbox-file-preview{position:fixed;height:100vh;width:100vw;top:0;left:0;z-index:var(--ckbox-z-index-preview);display:grid;grid-template-columns:1fr auto}.ckbox:not(#n) .ckbox-file-preview-actions{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:var(--ckbox-spacing-smallest);background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));width:100%;padding:var(--ckbox-spacing-smallest)}.ckbox:not(#n) .ckbox-file-preview-actions__return-button{display:flex;align-items:center;gap:var(--ckbox-spacing-small);min-width:0}.ckbox:not(#n) .ckbox-file-preview-actions__action-buttons{display:flex;align-items:center;justify-content:center;gap:var(--ckbox-spacing-small)}.ckbox:not(#n) .ckbox-file-preview-actions__title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:600}.ckbox:not(#n) .ckbox-file-preview-column{display:flex;flex-direction:column}.ckbox:not(#n) .ckbox-file-preview-hoverable{opacity:0;transition:opacity calc(var(--ckbox-animation-duration-primary)*1ms)}.ckbox:not(#n) .ckbox-file-preview-content{flex:1;position:relative;z-index:0;display:flex;overflow:hidden;align-items:center;justify-content:center}.ckbox:not(#n) .ckbox-file-preview-content__overlay{z-index:-1;position:absolute;top:0;left:0;background:hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-20)/75%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;height:100%}.ckbox:not(#n) .ckbox-file-preview-content:hover .ckbox-file-preview-hoverable{opacity:1}.ckbox:not(#n) .ckbox-file-preview-nav-button{position:absolute;margin:var(--ckbox-spacing-base);top:50%;transform:translateY(-50%);z-index:1}.ckbox:not(#n) .ckbox-file-preview-nav-button--left{left:0}.ckbox:not(#n) .ckbox-file-preview-nav-button--right{right:0}.ckbox:not(#n) .ckbox-file-preview-tooltip{position:absolute;z-index:1;transform:translateX(-50%);left:50%;bottom:0;margin:var(--ckbox-spacing-base)}.ckbox:not(#n) .ckbox-file-preview-tooltip__content{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10));border-radius:var(--ckbox-radius-big);color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));font-size:var(--ckbox-font-small);padding:var(--ckbox-spacing-compact) var(--ckbox-spacing-smallest)}.ckbox:not(#n) .ckbox-form-feedback{font-size:var(--ckbox-font-smallest);font-weight:500;padding-left:var(--ckbox-spacing-compact)}.ckbox:not(#n) .ckbox-form-feedback--error{color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-50))}.ckbox:not(#n) .ckbox-form-feedback--warning{color:hsl(var(--ckbox-warning-h), var(--ckbox-warning-s), var(--ckbox-warning-l-50))}.ckbox:not(#n) .ckbox-form-group-info{display:flex;gap:var(--ckbox-spacing-compact);margin-top:var(--ckbox-spacing-compact)}.ckbox:not(#n) .ckbox-form-group-column{display:flex;flex-direction:column;gap:var(--ckbox-spacing-base)}.ckbox:not(#n) .ckbox-form-group{position:relative;display:flex;flex-direction:column;gap:var(--ckbox-spacing-compact)}.ckbox:not(#n) .ckbox-form-group--half-width{width:50%}.ckbox:not(#n) .ckbox-form-input-label{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10));font-size:var(--ckbox-font-smallest);line-height:1;padding:0 var(--ckbox-spacing-compact);position:absolute;left:var(--ckbox-spacing-smallest);bottom:calc(100% - var(--ckbox-font-smallest) / 2);z-index:1}.ckbox:not(#n) .ckbox-form-input-label::before{display:block;position:absolute;content:"";bottom:0;left:calc(-1 * var(--ckbox-spacing-tiny));right:calc(-1 * var(--ckbox-spacing-tiny));background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-98));height:calc(var(--ckbox-font-smallest) / 2);z-index:-1}.ckbox:not(#n) .ckbox-gallery{display:grid;grid-gap:var(--ckbox-spacing-small);grid-template-columns:repeat(auto-fill, minmax(var(--ckbox-gallery-size), 1fr));-webkit-user-select:none;user-select:none;outline:none}.ckbox:not(#n) .ckbox-gallery-item{min-width:var(--ckbox-gallery-size)}.ckbox:not(#n) .ckbox-gallery-item:focus{box-shadow:0 0 0 1.5px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%)),0 0 0 3.5px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%)))}.ckbox:not(#n) .ckbox-gallery-item:focus-visible,.ckbox:not(#n) .ckbox-gallery-item--focus-visible{box-shadow:0 0 0 1.5px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%)),0 0 0 3.5px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%)))}.ckbox:not(#n) .ckbox-gallery-item:focus:not(:focus-visible){box-shadow:none}.ckbox:not(#n) .ckbox-gallery-item__label{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));box-shadow:var(--ckbox-shadow-level-2);display:block;overflow:hidden;position:relative;outline:1px solid rgba(0,0,0,0);transition:outline calc(var(--ckbox-animation-duration-primary)*1ms)}.ckbox:not(#n) .ckbox-gallery-item__label--active{outline:1px solid hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50))}.ckbox:not(#n) .ckbox-gallery-item__details{border-top:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90));cursor:pointer;display:flex;align-items:center;padding:calc(var(--ckbox-spacing-smallest)*.7) var(--ckbox-spacing-smallest);position:relative;gap:var(--ckbox-spacing-compact)}.ckbox:not(#n) .ckbox-gallery-item__name{font-size:var(--ckbox-font-smallest);overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap;flex-grow:1}.ckbox:not(#n) .ckbox-gallery-item__checkmark{flex-shrink:0;opacity:0;color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-70));transition:color calc(var(--ckbox-animation-duration-primary)*1ms),opacity calc(var(--ckbox-animation-duration-primary)*1ms);--ckbox-btn-icon-color-override: variables.$neutral-70;isolation:isolate}.ckbox:not(#n) .ckbox-gallery-item__checkmark--active{color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50));--ckbox-btn-icon-color-override: variables.$action-50;opacity:1}.ckbox:not(#n) .ckbox-gallery-item:hover .ckbox-gallery-item__checkmark{opacity:1}.ckbox:not(#n) .ckbox-gallery-figure{height:var(--ckbox-gallery-size);cursor:pointer;margin:0;overflow:hidden;position:relative}.ckbox:not(#n) .ckbox-gallery-figure__caption{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10));color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));font-size:var(--ckbox-font-smaller);left:0;padding:var(--ckbox-spacing-compact);position:absolute;text-transform:uppercase;line-height:1;top:0;z-index:1}.ckbox:not(#n) .ckbox-gallery-figure__content{margin:-1px;height:calc(100% + 1px);width:calc(100% + 1px);display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.ckbox:not(#n) .ckbox-gallery-skeleton{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-98));box-shadow:var(--ckbox-shadow-level-1);padding:var(--ckbox-spacing-smallest)}.ckbox:not(#n) .ckbox-gallery-skeleton__figure{height:calc(
2
2
  var(--ckbox-gallery-size) - var(--ckbox-spacing-smallest) + 1px
3
- )}.ckbox .ckbox-gallery-skeleton__details{font-size:var(--ckbox-font-smallest);padding-top:var(--ckbox-spacing-smallest)}.ckbox .ckbox-icon{fill:currentColor;max-width:initial}.ckbox .ckbox-icon--small{height:var(--ckbox-spacing-small);min-width:var(--ckbox-spacing-small)}.ckbox .ckbox-icon--base{height:var(--ckbox-spacing-base);min-width:var(--ckbox-spacing-base)}.ckbox .ckbox-icon--medium{height:var(--ckbox-spacing-medium);width:var(--ckbox-spacing-medium)}.ckbox .ckbox-icon--big{height:var(--ckbox-spacing-big);min-width:var(--ckbox-spacing-big)}.ckbox .ckbox-icon--bigger{height:calc(var(--ckbox-spacing-medium) + var(--ckbox-spacing-smallest));min-width:calc(var(--ckbox-spacing-medium) + var(--ckbox-spacing-smallest))}.ckbox .ckbox-icon--humongous{height:var(--ckbox-spacing-humongous);min-width:var(--ckbox-spacing-humongous)}.ckbox .ckbox-icon--accent{color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50))}.ckbox .ckbox-icon--disabled{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90))}.ckbox .ckbox-icon--danger{color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-50))}.ckbox .ckbox-icon--muted{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-60))}.ckbox .ckbox-icon--warning{color:hsl(var(--ckbox-warning-h), var(--ckbox-warning-s), var(--ckbox-warning-l-50))}.ckbox .ckbox-icon-spinner{animation:1.4s linear 0s infinite normal none running rotate}.ckbox .ckbox-icon-spinner__circle{fill:none;stroke-width:3.6;stroke:currentColor;stroke-dasharray:80px,200px;stroke-dashoffset:0;animation:1.4s ease-in-out 0s infinite normal none running spinner}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes spinner{0%{stroke-dasharray:1px,200px;stroke-dashoffset:0}50%{stroke-dasharray:100px,200px;stroke-dashoffset:-15px}100%{stroke-dasharray:100px,200px;stroke-dashoffset:-125px}}.ckbox .ckbox-icon-filter{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ckbox .ckbox-icon-caret-right{transition:transform calc(var(--ckbox-animation-duration-primary)*1ms)}.ckbox .ckbox-icon-caret-right--animate-in{transform:rotate(90deg)}.ckbox .ckbox-icon-cog{transition:transform calc(var(--ckbox-animation-duration-primary)*1ms)}.ckbox .ckbox-icon-cog--animate-in{transform:rotate(45deg)}.ckbox .ckbox-input{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10));font-size:var(--ckbox-font-small);--ckbox-focus-color-outer-a: 20%;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-98));border-radius:var(--ckbox-radius-medium);border:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-70));padding:var(--ckbox-spacing-smallest) var(--ckbox-spacing-smaller);width:100%}.ckbox .ckbox-input:focus{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%))}.ckbox .ckbox-input:focus-visible,.ckbox .ckbox-input--focus-visible{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%));border-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50))}.ckbox .ckbox-input:focus:not(:focus-visible){box-shadow:none}.ckbox .ckbox-input--error{border-color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-50))}.ckbox .ckbox-input--error:focus{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%))}.ckbox .ckbox-input--error:focus-visible,.ckbox .ckbox-input--error--focus-visible{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%));border-color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-50))}.ckbox .ckbox-input--error:focus:not(:focus-visible){box-shadow:none}.ckbox .ckbox-input--disabled,.ckbox .ckbox-input:disabled{opacity:.5;pointer-events:none}.ckbox .ckbox-input--md{font-size:var(--ckbox-font-medium);font-weight:600}.ckbox .ckbox-input--underline{background-color:rgba(0,0,0,0);border-left:0;border-right:0;border-top:0;border-radius:0;padding:var(--ckbox-spacing-compact) 0}.ckbox .ckbox-input--multiline{vertical-align:middle}.ckbox .ckbox-input[type=number]::-webkit-inner-spin-button,.ckbox .ckbox-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}.ckbox .ckbox-input[type=number]{-webkit-appearance:textfield;appearance:textfield}.ckbox .ckbox-list{list-style-type:none;padding:0}.ckbox .ckbox-list-item__button{cursor:pointer;border-radius:var(--ckbox-radius-medium);display:inline-flex;justify-content:space-between;align-items:center;-webkit-user-select:none;user-select:none;gap:var(--ckbox-spacing-small);transition:background-color calc(var(--ckbox-animation-duration-primary)*1ms);font-weight:500;border:0;background-color:rgba(0,0,0,0);width:100%;padding:var(--ckbox-spacing-smallest) var(--ckbox-spacing-smaller)}.ckbox .ckbox-list-item__button:hover{background-color:hsl(var(--ckbox-action-h) var(--ckbox-action-s) var(--ckbox-action-l-60)/7.5%)}.ckbox .ckbox-list-item__button:active:focus{background-color:hsl(var(--ckbox-action-h) var(--ckbox-action-s) var(--ckbox-action-l-60)/15%)}.ckbox .ckbox-list-item-actions{display:flex;align-items:center;gap:var(--ckbox-spacing-compact);transition:opacity calc(var(--ckbox-animation-duration-primary)*1ms);opacity:0}.ckbox .ckbox-list-item:hover .ckbox-list-item-actions{opacity:1}.ckbox .ckbox-list-item-content{max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ckbox .ckbox-list-item-content--muted{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-70));font-weight:400}.ckbox .ckbox-loading-button{position:relative}.ckbox .ckbox-loading-button__overlay{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.ckbox .ckbox-menu{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));border:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90));border-radius:var(--ckbox-radius-big);box-shadow:var(--ckbox-shadow-level-3)}.ckbox .ckbox-menu--spacing{padding:var(--ckbox-spacing-smaller) 0}.ckbox .ckbox-menu .ckbox-popper-arrow::before{border:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90))}.ckbox .ckbox-menu-item{align-items:center;background:none;border:0;cursor:pointer;display:flex;margin-right:0;padding:var(--ckbox-spacing-smallest) var(--ckbox-spacing-smaller);width:100%;color:inherit}.ckbox .ckbox-menu-item:focus{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%))}.ckbox .ckbox-menu-item:focus-visible,.ckbox .ckbox-menu-item--focus-visible{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%))}.ckbox .ckbox-menu-item:focus:not(:focus-visible){box-shadow:none}.ckbox .ckbox-menu-item:hover{background-color:hsl(var(--ckbox-action-h) var(--ckbox-action-s) var(--ckbox-action-l-60)/15%);color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50))}.ckbox .ckbox-menu-item:disabled{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90));pointer-events:none}.ckbox .ckbox-menu-item__label{font-size:var(--ckbox-font-small)}.ckbox .ckbox-menu-item__label--spacing{margin-left:var(--ckbox-spacing-compact)}.ckbox .ckbox-menu-section{min-width:295px;padding:var(--ckbox-spacing-smaller) var(--ckbox-spacing-medium)}.ckbox .ckbox-menu-section--border-bottom{border-bottom:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90))}.ckbox .ckbox-menu-section__title{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-50));font-size:var(--ckbox-font-base);font-weight:600;margin-bottom:var(--ckbox-spacing-smallest)}.ckbox .ckbox-menu-sub-section{display:flex;flex-direction:column}.ckbox .ckbox-menu-sub-section .ckbox-btn{justify-content:space-between}.ckbox .ckbox-menu-sub-section--row{align-items:center;flex-direction:row;justify-content:space-between}.ckbox .ckbox-menu-sub-section__title{font-size:var(--ckbox-font-small);font-weight:600;margin-bottom:var(--ckbox-spacing-smallest)}.ckbox .ckbox-menu-sub-section__content--row{display:flex;align-items:center;flex-direction:row;justify-content:space-between;gap:var(--ckbox-spacing-smallest)}.ckbox .ckbox-menu-sub-section:not(:last-child){margin-bottom:var(--ckbox-spacing-base)}.ckbox .ckbox-modal{z-index:40;position:absolute;width:100%;height:100%;left:0;top:0}.ckbox .ckbox-modal--on-top{z-index:41}.ckbox .ckbox-modal__overlay{background:rgba(0,0,0,0);height:100%}.ckbox .ckbox-modal__overlay--semi-transparent{background:hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-20)/75%);opacity:.5}.ckbox .ckbox-navbar{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));border-right:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90));height:100%;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;width:100%}.ckbox .ckbox-navbar--collapsed{overflow:hidden;transition:width calc(var(--ckbox-animation-duration-primary)*1ms);width:var(--ckbox-navbar-width-collapsed)}.ckbox .ckbox-navbar--previewed{border-right:0;box-shadow:10px 0 10px 1px hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-40)/25%);position:absolute;overflow-y:auto;transition:width calc(var(--ckbox-animation-duration-primary)*1ms);width:var(--ckbox-navbar-width)}.ckbox .ckbox-navbar-separator{position:relative;border-top:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90));height:1px;margin:calc(var(--ckbox-spacing-compact) * 1.5) var(--ckbox-spacing-base)}.ckbox .ckbox-navbar-item{display:flex;align-items:center;-webkit-user-select:none;user-select:none;cursor:pointer;font-size:var(--ckbox-font-small);font-weight:600;height:48px;padding:calc(var(--ckbox-spacing-medium) / 2);padding-right:var(--ckbox-spacing-small);padding-left:calc(var(--ckbox-spacing-base) + (var(--ckbox-spacing-medium) * var(--ckbox-navbar-item-offset, 0)));transition:background-color calc(var(--ckbox-animation-duration-primary)*1ms);position:relative}.ckbox .ckbox-navbar-item:focus{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%))}.ckbox .ckbox-navbar-item:focus-visible,.ckbox .ckbox-navbar-item--focus-visible{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%))}.ckbox .ckbox-navbar-item:focus-visible::before,.ckbox .ckbox-navbar-item--focus-visible::before{background-color:rgba(0,0,0,0)}.ckbox .ckbox-navbar-item:focus:not(:focus-visible){box-shadow:none}.ckbox .ckbox-navbar-item--loading{padding-left:var(--ckbox-spacing-small)}.ckbox .ckbox-navbar-item--disabled{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-50));cursor:default;pointer-events:none;font-weight:initial}.ckbox .ckbox-navbar-item:hover:not(.ckbox-navbar-item--active){background-color:hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60)/15%)}.ckbox .ckbox-navbar-item--active{background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50));color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100))}.ckbox .ckbox-navbar-item--compact{padding-top:calc(var(--ckbox-spacing-smaller) / 2);padding-bottom:calc(var(--ckbox-spacing-smaller) / 2);height:calc(48px - 8px)}.ckbox .ckbox-navbar-item__loader{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90));flex:1}.ckbox .ckbox-navbar-item__caret{position:absolute;border:0;border-radius:var(--ckbox-radius-medium);cursor:pointer;background-color:rgba(0,0,0,0);transition:background-color calc(var(--ckbox-animation-duration-primary)*1ms);padding:0;left:calc(var(--ckbox-spacing-base) - 14px + (var(--ckbox-spacing-medium) * var(--ckbox-navbar-item-offset, 0)))}.ckbox .ckbox-navbar-item__caret:hover{background-color:hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60)/10%)}.ckbox .ckbox-navbar-item__caret-icon{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-50))}.ckbox .ckbox-navbar-item__caret-icon--active{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90))}.ckbox .ckbox-navbar-item__caret-icon--disabled{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-80))}.ckbox .ckbox-navbar-item-container{transition:background-color calc(var(--ckbox-animation-duration-primary)*1ms)}.ckbox .ckbox-navbar-item-container--active{transition:box-shadow calc(var(--ckbox-animation-duration-primary)*1ms);box-shadow:inset 2px 0 0 0 hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-60))}.ckbox .ckbox-navbar-items-group{overflow:hidden}.ckbox .ckbox-navbar-items-group--enter{height:0}.ckbox .ckbox-navbar-items-group--enter-active{transition:height calc(var(--ckbox-animation-duration-primary)*1ms);height:calc(var(--ckbox-navbar-items-group-length)*40px)}.ckbox .ckbox-navbar-items-group--exit{height:calc(var(--ckbox-navbar-items-group-length)*40px)}.ckbox .ckbox-navbar-items-group--exit-active{transition:height calc(var(--ckbox-animation-duration-primary)*1ms);height:0}.ckbox .ckbox-navbar-scrollable-content{flex:1;display:flex;flex-direction:column;overflow-y:hidden;background:linear-gradient(hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100)) 30%, transparent),linear-gradient(transparent, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100)) 70%) 0 100%,radial-gradient(farthest-side at 50% 0, hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60)/50%), transparent),radial-gradient(farthest-side at 50% 100%, hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60)/50%), transparent) 0 100%;background-attachment:local,local,local,scroll;background-repeat:no-repeat;background-size:100% var(--ckbox-spacing-bigger),100% var(--ckbox-spacing-bigger),100% var(--ckbox-spacing-small),100% var(--ckbox-spacing-small)}.ckbox .ckbox-navbar-scrollable-content--scrollable{overflow-y:auto}.ckbox .ckbox-navbar-item-label{display:flex;align-items:center;gap:var(--ckbox-spacing-compact);min-width:0;transition:color calc(var(--ckbox-animation-duration-primary)*1ms)}.ckbox .ckbox-navbar-item-label__content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ckbox .ckbox-navbar-item-label__content--enter{opacity:0}.ckbox .ckbox-navbar-item-label__content--enter-active{transition:opacity calc(var(--ckbox-animation-duration-primary)*1ms);opacity:1}.ckbox .ckbox-navbar-item-label__content--exit{opacity:1}.ckbox .ckbox-navbar-item-label__content--exit-active{transition:opacity calc(var(--ckbox-animation-duration-primary)*1ms);opacity:0}.ckbox .ckbox-navbar-item-label__icon{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-60))}.ckbox .ckbox-navbar-item-label__icon--muted{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-70))}.ckbox .ckbox-navbar-item-label__icon--active{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90))}.ckbox .ckbox-navbar-item-label__icon--disabled{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-80))}.ckbox .ckbox-navbar-item-content{display:flex;align-items:center;overflow:hidden}.ckbox .ckbox-navbar-item-content--end{flex:1;display:flex;align-items:center;justify-content:flex-end}.ckbox .ckbox-navbar-item-content--hidden{visibility:hidden}.ckbox .ckbox-navbar-item-content--active{--ckbox-btn-icon-color-override: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100))}.ckbox .ckbox-navbar-item-content--enter{opacity:0}.ckbox .ckbox-navbar-item-content--enter-active{transition:opacity calc(var(--ckbox-animation-duration-primary)*1ms);opacity:1}.ckbox .ckbox-navbar-item-content--exit{opacity:1}.ckbox .ckbox-navbar-item-content--exit-active{transition:opacity calc(var(--ckbox-animation-duration-primary)*1ms);opacity:0}.ckbox .ckbox-navbar-link{-webkit-user-select:none;user-select:none;color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50));font-size:var(--ckbox-font-smaller);padding:var(--ckbox-spacing-smaller) 0;padding-left:var(--ckbox-spacing-small);text-decoration:none;overflow:hidden;white-space:nowrap}.ckbox .ckbox-navbar-link--center{padding-left:0;text-align:center}.ckbox .ckbox-navbar-collapse-toggle{display:flex;justify-content:flex-end;padding-top:var(--ckbox-spacing-smallest);padding-bottom:var(--ckbox-spacing-smallest);padding-right:var(--ckbox-spacing-smallest)}.ckbox .ckbox-navbar-collapse-toggle--center{padding-right:0;justify-content:center}.ckbox .ckbox-notifications{position:absolute;right:0;bottom:0;margin-bottom:var(--ckbox-spacing-small);padding-right:var(--ckbox-spacing-small);z-index:10;display:flex;flex-direction:column;overflow:hidden;transition:transform calc(var(--ckbox-animation-duration-primary)*1ms) ease-out}.ckbox .ckbox-notification{position:relative;min-width:300px;height:0;margin-top:0}.ckbox .ckbox-notification:first-child{margin-top:0}.ckbox .ckbox-notification__title{flex-grow:1}.ckbox .ckbox-notification__icons{display:flex}.ckbox .ckbox-notification__content{border-radius:var(--ckbox-radius-medium);box-shadow:var(--ckbox-shadow-level-3);padding:var(--ckbox-spacing-smallest) var(--ckbox-spacing-smaller);display:flex;align-items:center;background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50));color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));--ckbox-btn-icon-color-override: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));width:100%;position:absolute;top:0;left:0;transform:translateX(calc(100% + 2 * var(--ckbox-spacing-base)))}.ckbox .ckbox-notification__detail-row{margin:var(--ckbox-spacing-smaller) var(--ckbox-spacing-base)}.ckbox .ckbox-notification__detail-row code{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10))}.ckbox .ckbox-notification--success{background-color:hsl(var(--ckbox-success-h), var(--ckbox-success-s), var(--ckbox-success-l-35));color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100))}.ckbox .ckbox-notification--error{background-color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-50));color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100))}.ckbox .ckbox-notification--enter-active{animation-name:grow;animation-timing-function:ease-in;animation-fill-mode:forwards;animation-duration:calc(var(--ckbox-animation-duration-secondary)*1ms)}.ckbox .ckbox-notification:only-child{animation-duration:0ms}.ckbox .ckbox-notification--enter-done{height:var(--ckbox-notification-height);margin-top:var(--ckbox-spacing-smallest)}.ckbox .ckbox-notification--exit{height:var(--ckbox-notification-height);margin-top:var(--ckbox-spacing-smallest)}.ckbox .ckbox-notification--exit-active{animation-name:grow;animation-timing-function:ease-out;animation-fill-mode:forwards;animation-direction:reverse;animation-duration:calc(var(--ckbox-animation-duration-secondary)*1ms);animation-delay:calc(var(--ckbox-animation-duration-primary)*1ms)}@keyframes grow{from{height:0;margin-top:0}to{height:var(--ckbox-notification-height);margin-top:var(--ckbox-spacing-smallest)}}.ckbox .ckbox-notification--enter-active .ckbox-notification__content{animation-name:slide;animation-timing-function:ease-in;animation-fill-mode:forwards;animation-duration:calc(var(--ckbox-animation-duration-primary)*1ms);animation-delay:calc(var(--ckbox-animation-duration-secondary)*1ms)}.ckbox .ckbox-notification--enter-done .ckbox-notification__content{transform:translateX(0)}.ckbox .ckbox-notification--exit .ckbox-notification__content{transform:translateX(0)}.ckbox .ckbox-notification--exit-active .ckbox-notification__content{animation-name:slide;animation-timing-function:ease-out;animation-fill-mode:forwards;animation-direction:reverse;animation-duration:calc(var(--ckbox-animation-duration-primary)*1ms)}.ckbox .ckbox-notification:only-child .ckbox-notification__content{animation-delay:0ms}@keyframes slide{from{transform:translateX(calc(100% + 2 * var(--ckbox-spacing-base)))}to{transform:translateX(0)}}.ckbox .ckbox-pagination{align-items:center;display:flex;font-size:var(--ckbox-font-small);gap:var(--ckbox-spacing-compact)}.ckbox .ckbox-pagination__current-page{padding-left:0;padding-right:0;text-align:center;width:var(--ckbox-spacing-big)}.ckbox .ckbox-pagination__total-pages{margin:0 var(--ckbox-spacing-compact)}.ckbox .ckbox-panel{display:flex;position:relative;gap:var(--ckbox-spacing-small)}.ckbox .ckbox-panel--opaque{opacity:0}.ckbox .ckbox-panel--elevated{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-98));box-shadow:var(--ckbox-shadow-level-3);padding:var(--ckbox-spacing-smaller);border-radius:var(--ckbox-radius-big)}.ckbox .ckbox-panel-column{display:flex;flex-direction:column;gap:var(--ckbox-spacing-base);flex:1;min-width:0}.ckbox .ckbox-panel-drag-handle{position:absolute;top:50%;left:5px;cursor:move;opacity:.25}.ckbox .ckbox-panel-actions{display:flex;justify-content:flex-end;align-items:flex-end;gap:var(--ckbox-spacing-smallest)}.ckbox .ckbox-panel-content{display:flex;align-items:center;position:relative}.ckbox .ckbox-panel-content__header{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-50));font-size:var(--ckbox-font-smallest);margin-bottom:var(--ckbox-spacing-compact)}.ckbox .ckbox-panel-content__main{width:100%;position:relative;min-width:0}.ckbox .ckbox-panel-content-prop{font-size:var(--ckbox-font-small);font-weight:300}.ckbox .ckbox-panel-content-prop__value{margin-left:var(--ckbox-spacing-compact);font-weight:600}.ckbox .ckbox-panel-side{color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50))}.ckbox .ckbox-panel-title{align-items:center;font-size:var(--ckbox-font-medium);font-weight:600}.ckbox .ckbox-panel-title__description{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-50));font-size:var(--ckbox-font-smallest);font-weight:normal}.ckbox .ckbox-panel-title__main{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ckbox .ckbox-panel-skeleton{font-size:var(--ckbox-font-smallest);gap:var(--ckbox-spacing-smallest);display:flex}.ckbox .ckbox-panel-skeleton__block{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90))}.ckbox .ckbox-panel-skeleton__block--size-sm.ckbox-skeleton{width:var(--ckbox-spacing-biggest)}.ckbox .ckbox-panel-skeleton__block--size-md.ckbox-skeleton{width:calc(var(--ckbox-spacing-biggest) * 1.5)}.ckbox .ckbox-panel-skeleton__block--size-lg.ckbox-skeleton{width:calc(var(--ckbox-spacing-humongous) * 1.5)}.ckbox .ckbox-panel-list-divider{height:1px;width:100%;border-bottom:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-80))}.ckbox .ckbox-panel-list-divider--opaque{border-bottom-color:rgba(0,0,0,0)}.ckbox .ckbox-panel-list{display:flex;flex-direction:column;gap:var(--ckbox-spacing-base)}.ckbox .ckbox-panel-list__toolbar{display:flex;justify-content:flex-end}.ckbox .ckbox-popper-arrow{visibility:hidden}.ckbox .ckbox-popper-arrow,.ckbox .ckbox-popper-arrow::before{position:absolute;width:14px;height:14px;background:inherit;box-sizing:content-box}.ckbox .ckbox-popper-arrow--sm,.ckbox .ckbox-popper-arrow--sm::before{width:6px;height:6px}.ckbox .ckbox-popper-arrow::before{visibility:visible;content:"";transform:rotate(45deg)}.ckbox .ckbox-popper{position:relative}.ckbox .ckbox-popper[data-popper-placement^=top] .ckbox-popper-arrow[data-popper-arrow]{bottom:calc(-16px / 2)}.ckbox .ckbox-popper[data-popper-placement^=top] .ckbox-popper-arrow[data-popper-arrow]::before{border-right-width:0;border-bottom-width:0}.ckbox .ckbox-popper[data-popper-placement^=bottom] .ckbox-popper-arrow[data-popper-arrow]{top:calc(-16px / 2)}.ckbox .ckbox-popper[data-popper-placement^=bottom] .ckbox-popper-arrow[data-popper-arrow]::before{border-right-width:0;border-bottom-width:0}.ckbox .ckbox-popper[data-popper-placement^=left] .ckbox-popper-arrow[data-popper-arrow]{right:calc(-16px / 2)}.ckbox .ckbox-popper[data-popper-placement^=left] .ckbox-popper-arrow[data-popper-arrow]::before{border-right-width:0;border-top-width:0}.ckbox .ckbox-popper[data-popper-placement^=right] .ckbox-popper-arrow[data-popper-arrow]{left:calc(-16px / 2)}.ckbox .ckbox-popper[data-popper-placement^=right] .ckbox-popper-arrow[data-popper-arrow]::before{border-left-width:0;border-bottom-width:0}.ckbox .ckbox-popper[data-popper-placement^=top] .ckbox-popper-arrow--sm[data-popper-arrow]{bottom:calc(-6px / 2)}.ckbox .ckbox-popper[data-popper-placement^=bottom] .ckbox-popper-arrow--sm[data-popper-arrow]{top:calc(-6px / 2)}.ckbox .ckbox-popper[data-popper-placement^=left] .ckbox-popper-arrow--sm[data-popper-arrow]{right:calc(-6px / 2)}.ckbox .ckbox-popper[data-popper-placement^=right] .ckbox-popper-arrow--sm[data-popper-arrow]{left:calc(-6px / 2)}.ckbox .ckbox-progress-panel{background-color:hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60)/15%);border-radius:var(--ckbox-radius-medium);font-size:var(--ckbox-font-small);margin:var(--ckbox-spacing-smallest) var(--ckbox-spacing-smaller);padding:var(--ckbox-spacing-smallest) var(--ckbox-spacing-smaller) var(--ckbox-spacing-compact)}.ckbox .ckbox-progress-panel__header{display:flex;justify-content:space-between}.ckbox .ckbox-progress-panel__info{margin:0 var(--ckbox-spacing-smallest)}.ckbox .ckbox-progress-panel__bar{-webkit-appearance:none;appearance:none;border-radius:var(--ckbox-radius-big);height:calc(100% + 2px);left:0;margin:-1px;position:absolute;top:0;width:calc(100% + 2px);color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50))}.ckbox .ckbox-progress-panel__bar,.ckbox .ckbox-progress-panel__bar::-webkit-progress-bar{background-color:hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60)/15%);-webkit-transition:width calc(var(--ckbox-animation-duration-secondary)*1ms) ease-in;transition:width calc(var(--ckbox-animation-duration-secondary)*1ms) ease-in}.ckbox .ckbox-progress-panel__bar::-webkit-progress-value{background-color:currentColor;-webkit-transition:width calc(var(--ckbox-animation-duration-secondary)*1ms) ease-in;transition:width calc(var(--ckbox-animation-duration-secondary)*1ms) ease-in}.ckbox .ckbox-progress-panel__bar::-moz-progress-bar{background-color:currentColor;-moz-transition:width calc(var(--ckbox-animation-duration-secondary)*1ms) ease-in;transition:width calc(var(--ckbox-animation-duration-secondary)*1ms) ease-in}.ckbox .ckbox-progress-panel__bar-wrapper{border:0;border-radius:var(--ckbox-radius-big);height:var(--ckbox-spacing-smallest);margin-bottom:var(--ckbox-spacing-compact);margin-top:var(--ckbox-spacing-compact);overflow:hidden;padding:0;position:relative;width:100%}.ckbox .ckbox-progress-panel__label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:var(--ckbox-spacing-smallest);flex:1}.ckbox .ckbox-progress-panel__footer{font-size:var(--ckbox-font-smallest)}.ckbox .ckbox-progress-panel__footer::after{content:" "}.ckbox .ckbox-progress-panel__footer strong{font-style:italic}.ckbox .ckbox-progress-panel--completed .ckbox-progress-panel__bar{color:hsl(var(--ckbox-success-h), var(--ckbox-success-s), var(--ckbox-success-l-35))}.ckbox .ckbox-progress-panel--error{background-color:hsl(var(--ckbox-danger-h) var(--ckbox-danger-s) var(--ckbox-danger-l-60)/15%);color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-50))}.ckbox .ckbox-progress-panel--error .ckbox-progress-panel__bar,.ckbox .ckbox-progress-panel--error .ckbox-progress-panel__bar::-webkit-progress-bar{color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-50));background-color:hsl(var(--ckbox-danger-h) var(--ckbox-danger-s) var(--ckbox-danger-l-60)/15%)}.ckbox .ckbox-progress-panel--warning{background-color:hsl(var(--ckbox-warning-h) var(--ckbox-warning-s) var(--ckbox-warning-l-60)/15%);color:hsl(var(--ckbox-warning-h), var(--ckbox-warning-s), var(--ckbox-warning-l-50))}.ckbox .ckbox-progress-panel--warning .ckbox-progress-panel__bar,.ckbox .ckbox-progress-panel--warning .ckbox-progress-panel__bar::-webkit-progress-bar{color:hsl(var(--ckbox-warning-h), var(--ckbox-warning-s), var(--ckbox-warning-l-50));background-color:hsl(var(--ckbox-warning-h) var(--ckbox-warning-s) var(--ckbox-warning-l-60)/15%)}.ckbox .ckbox-properties-table-row{display:flex;justify-content:space-between;padding:var(--ckbox-spacing-compact);gap:var(--ckbox-spacing-compact)}.ckbox .ckbox-properties-table-row:not(:last-child){border-bottom:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-80))}.ckbox .ckbox-properties-table-row__label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ckbox .ckbox-properties-table{width:100%;font-size:var(--ckbox-font-smaller)}.ckbox .ckbox-range-slider__track{align-items:center;background-color:hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60)/15%);border-radius:var(--ckbox-radius-medium);display:flex;height:var(--ckbox-spacing-smallest);position:relative;cursor:pointer}.ckbox .ckbox-range-slider__thumb{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));border:2px solid hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50));border-radius:50%;cursor:grab;height:var(--ckbox-spacing-medium);position:absolute;touch-action:none;-webkit-user-select:none;user-select:none;width:var(--ckbox-spacing-medium);transform:translateX(-50%);transition:left calc(var(--ckbox-animation-duration-secondary)*1ms) ease-in}.ckbox .ckbox-range-slider__thumb:focus{outline:0;box-shadow:0 0 0 1.5px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%)),0 0 0 3.5px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%)))}.ckbox .ckbox-range-slider__track-progress{background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50));border-bottom-left-radius:var(--ckbox-radius-medium);border-top-left-radius:var(--ckbox-radius-medium);height:inherit;position:absolute;transition:width calc(var(--ckbox-animation-duration-secondary)*1ms) ease-in}.ckbox .ckbox-range-slider__labels{display:flex;font-size:var(--ckbox-font-smallest);padding-top:var(--ckbox-spacing-smallest);white-space:nowrap}.ckbox .ckbox-range-slider__labels :first-child{flex:.5;text-align:left}.ckbox .ckbox-range-slider__labels :last-child{flex:.5;text-align:right}.ckbox .ckbox-range-slider__label{flex:1;text-align:center}.ckbox .ckbox-range-slider--dragging{cursor:grab}.ckbox .ckbox-responsive-image{position:absolute}.ckbox .ckbox-responsive-image--hidden{visibility:hidden;z-index:-1}.ckbox .ckbox-responsive-image--fit{width:100%;height:100%}.ckbox .ckbox-responsive-image__img--fit{width:100%;height:100%}.ckbox .ckbox-responsive-image__img--scale-down{object-fit:scale-down}.ckbox .ckbox-responsive-image__img--cover{object-fit:cover}.ckbox .ckbox-responsive-image-fallback{position:absolute}.ckbox .ckbox-responsive-image-fallback--cover{height:100%;width:100%;object-fit:cover}.ckbox .ckbox-select{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10));font-size:var(--ckbox-font-small);--ckbox-focus-color-outer-a: 20%;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-98));border-radius:var(--ckbox-radius-medium);border:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-70));padding:var(--ckbox-spacing-smallest) var(--ckbox-spacing-smaller);width:100%;display:flex;align-items:center;gap:var(--ckbox-spacing-smallest);justify-content:space-between;-webkit-user-select:none;user-select:none}.ckbox .ckbox-select:focus{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%))}.ckbox .ckbox-select:focus-visible,.ckbox .ckbox-select--focus-visible{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%));border-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50))}.ckbox .ckbox-select:focus:not(:focus-visible){box-shadow:none}.ckbox .ckbox-select--error{border-color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-50))}.ckbox .ckbox-select--error:focus{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%))}.ckbox .ckbox-select--error:focus-visible,.ckbox .ckbox-select--error--focus-visible{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%));border-color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-50))}.ckbox .ckbox-select--error:focus:not(:focus-visible){box-shadow:none}.ckbox .ckbox-select--disabled,.ckbox .ckbox-select:disabled{opacity:.5;pointer-events:none}.ckbox .ckbox-select__field{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10));font-size:var(--ckbox-font-small);-webkit-appearance:none;appearance:none;background-color:rgba(0,0,0,0);border:0;outline:none;padding:0;max-width:100%;flex-grow:1}.ckbox .ckbox-select__field::placeholder{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-50))}.ckbox .ckbox-select--size-small{padding:var(--ckbox-spacing-tiny) var(--ckbox-spacing-smallest)}.ckbox .ckbox-select__field{height:calc(var(--ckbox-spacing-smallest) + calc(var(--ckbox-spacing-tiny) * 2 + 2px + var(--ckbox-spacing-base)));min-width:2px}.ckbox .ckbox-select__field-hidden{position:absolute;width:0;opacity:0;padding:0;border:0}.ckbox .ckbox-select-listbox{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));border:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90));border-radius:var(--ckbox-radius-big);box-shadow:var(--ckbox-shadow-level-3);z-index:30}.ckbox .ckbox-select-listbox-list__fallback{padding:var(--ckbox-spacing-big);text-align:center}.ckbox .ckbox-select-listbox-list__list{overflow:auto;max-height:228px;padding:var(--ckbox-spacing-smallest) 0;list-style:none;margin:0}.ckbox .ckbox-select-listbox-item{display:flex;overflow:hidden;align-items:center;cursor:pointer;gap:var(--ckbox-spacing-smallest);padding:var(--ckbox-spacing-smaller) var(--ckbox-spacing-small);max-height:38px;outline:none;font-size:var(--ckbox-font-small)}.ckbox .ckbox-select-listbox-item--pre-selected{background-color:hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60)/10%)}.ckbox .ckbox-select-listbox-item--selected{background-color:hsl(var(--ckbox-action-h) var(--ckbox-action-s) var(--ckbox-action-l-60)/7.5%)}.ckbox .ckbox-select-listbox-item--selected.ckbox-select-listbox-item--pre-selected{background-color:hsl(var(--ckbox-action-h) var(--ckbox-action-s) var(--ckbox-action-l-60)/15%)}.ckbox .ckbox-select-multi-list{display:flex;align-items:center;min-height:calc(var(--ckbox-spacing-smallest) + calc(var(--ckbox-spacing-tiny) * 2 + 2px + var(--ckbox-spacing-base)));flex-grow:1}.ckbox .ckbox-select-multi-list__placeholder{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-50))}.ckbox .ckbox-select-single{height:calc(var(--ckbox-spacing-smallest) + calc(var(--ckbox-spacing-tiny) * 2 + 2px + var(--ckbox-spacing-base)));display:flex;align-items:center}.ckbox .ckbox-select-single--searchable{height:initial;display:block}.ckbox .ckbox-select-single__label{margin-left:-2px}.ckbox .ckbox-select-single__placeholder{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-50))}.ckbox .ckbox-select-input--hidden{position:absolute;height:0;overflow:hidden;white-space:pre}.ckbox .ckbox-search-dialog{position:absolute;left:var(--ckbox-search-dialog-center-x, 0);top:60px;border-radius:var(--ckbox-radius-big);box-shadow:var(--ckbox-shadow-level-4);display:flex;flex-direction:column;overflow:hidden;z-index:30;width:678px;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));outline:none;max-height:calc(100% - 120px)}.ckbox .ckbox-search-dialog--compact{top:40px;max-height:calc(100% - 80px)}.ckbox .ckbox-search-dialog-actions{display:flex;justify-content:flex-end;gap:var(--ckbox-spacing-smallest)}.ckbox .ckbox-search-dialog-bar{display:flex;gap:var(--ckbox-spacing-small)}.ckbox .ckbox-search-dialog-content{padding:var(--ckbox-spacing-small) var(--ckbox-spacing-medium);display:flex;flex-direction:column;gap:var(--ckbox-spacing-smallest);overflow:auto}.ckbox .ckbox-search-dialog-fallback{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-40));font-size:var(--ckbox-font-small);padding:var(--ckbox-spacing-smaller) var(--ckbox-spacing-base);text-align:center}.ckbox .ckbox-search-dialog-header{padding:var(--ckbox-spacing-smaller) var(--ckbox-spacing-small);border-bottom:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-95));display:flex;justify-content:space-between;gap:var(--ckbox-spacing-medium)}.ckbox .ckbox-search-dialog-header__actions{display:flex;gap:var(--ckbox-spacing-compact)}.ckbox .ckbox-search-dialog-header__form{display:flex;align-items:center;gap:var(--ckbox-spacing-compact);flex:1}.ckbox .ckbox-search-dialog-input{display:flex;align-items:center;gap:var(--ckbox-spacing-smallest);flex:1}.ckbox .ckbox-search-dialog-input__field{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10));font-size:var(--ckbox-font-small);-webkit-appearance:none;appearance:none;background-color:rgba(0,0,0,0);border:0;outline:none;padding:0;max-width:100%;flex-grow:1}.ckbox .ckbox-search-dialog-input__field::placeholder{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-50))}.ckbox .ckbox-search-dialog-input__field{font-size:var(--ckbox-font-base);font-weight:600;height:100%}.ckbox .ckbox-search-dialog-input__field::placeholder{font-weight:400}.ckbox .ckbox-search-dialog-section__header{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-40));font-size:var(--ckbox-font-small);margin-bottom:var(--ckbox-spacing-small)}.ckbox .ckbox-selection-area{background-color:hsl(var(--ckbox-action-h) var(--ckbox-action-s) var(--ckbox-action-l-60)/15%);position:absolute}.ckbox .ckbox-skeleton{overflow:hidden;position:relative;width:100%}.ckbox .ckbox-skeleton::after{animation:wave 2s linear .5s infinite;background:linear-gradient(90deg, transparent, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-98)), transparent);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@keyframes wave{0%{transform:translateX(-100%)}50%{transform:translateX(100%)}100%{transform:translateX(100%)}}.ckbox .ckbox-skeleton--bg-default{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90))}.ckbox .ckbox-sort-button--ascending path{fill:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50))}.ckbox .ckbox-sort-button--ascending path+path{fill:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-70))}.ckbox .ckbox-sort-button--descending path{fill:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-70))}.ckbox .ckbox-sort-button--descending path+path{fill:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50))}.ckbox .ckbox-switch-input{display:inline-block}.ckbox .ckbox-switch-input__input{cursor:pointer;-webkit-appearance:none;appearance:none;width:40px;height:23px;background:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));border-radius:calc(var(--ckbox-radius-big) * 2);border:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-80));position:relative}.ckbox .ckbox-switch-input__input:focus{outline:0;box-shadow:0 0 0 1.5px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%)),0 0 0 3.5px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%)))}.ckbox .ckbox-switch-input__input:focus-visible,.ckbox .ckbox-switch-input__input--focus-visible{outline:0;box-shadow:0 0 0 1.5px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%)),0 0 0 3.5px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%)))}.ckbox .ckbox-switch-input__input:focus:not(:focus-visible){box-shadow:none}.ckbox .ckbox-switch-input__input::before{width:17px;height:17px;border-radius:50%;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-70));content:"";position:absolute;left:2px;top:2px;transition-duration:calc(var(--ckbox-animation-duration-primary)*1ms);transition-property:background-color,left;box-shadow:var(--ckbox-shadow-level-1)}.ckbox .ckbox-switch-input__input:checked::before{left:calc(100% - 17px - 2px);background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50))}.ckbox .ckbox-tabs__nav{display:flex}.ckbox .ckbox-tabs__tab{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-98));border-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90));border-style:solid;border-width:1px 0 0 1px;cursor:pointer;padding:var(--ckbox-spacing-smaller) var(--ckbox-spacing-big);color:inherit}.ckbox .ckbox-tabs__tab:focus{outline:0;box-shadow:0 0 0 1.5px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%)),0 0 0 3.5px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%)))}.ckbox .ckbox-tabs__tab:focus-visible,.ckbox .ckbox-tabs__tab--focus-visible{outline:0;box-shadow:0 0 0 1.5px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%)),0 0 0 3.5px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%)));z-index:2}.ckbox .ckbox-tabs__tab:focus:not(:focus-visible){box-shadow:none}.ckbox .ckbox-tabs__tab:last-of-type{border-right-width:1px}.ckbox .ckbox-tabs__tab--active{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));border-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90));border-width:0 1px;font-weight:600;position:relative;z-index:1}.ckbox .ckbox-tabs__tab--active::before,.ckbox .ckbox-tabs__tab--active::after{content:"";height:2px;position:absolute}.ckbox .ckbox-tabs__tab--active::before{background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50));left:-1px;top:0;width:calc(100% + 2px)}.ckbox .ckbox-tabs__tab--active::after{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));bottom:-2px;left:0;width:100%}.ckbox .ckbox-tabs__tab--active+.ckbox-tabs__tab{border-left-width:0}.ckbox .ckbox-tabs__content{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));border:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90));padding:var(--ckbox-spacing-big);position:relative}.ckbox .ckbox-tag{align-items:center;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90));border-radius:var(--ckbox-radius-medium);display:inline-flex;font-size:var(--ckbox-font-small);padding:var(--ckbox-spacing-compact) var(--ckbox-spacing-small);min-width:0}.ckbox .ckbox-tag--removable{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));box-shadow:var(--ckbox-shadow-level-1);gap:var(--ckbox-spacing-smallest);padding-bottom:var(--ckbox-spacing-compact);padding-left:var(--ckbox-spacing-smallest);padding-right:var(--ckbox-spacing-compact);padding-top:var(--ckbox-spacing-compact)}.ckbox .ckbox-tag--radius-md{border-radius:var(--ckbox-radius-medium)}.ckbox .ckbox-tag--radius-lg{border-radius:var(--ckbox-radius-big)}.ckbox .ckbox-tag--radius-xl{border-radius:var(--ckbox-radius-bigger)}.ckbox .ckbox-tag--size-sm{font-size:var(--ckbox-font-smaller)}.ckbox .ckbox-tag-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ckbox .ckbox-tag-label--bold{font-weight:700}.ckbox .ckbox-tag-list{display:flex;flex-wrap:wrap;gap:var(--ckbox-spacing-compact);align-items:center;min-width:0}.ckbox .ckbox-tag-list--hidden{visibility:hidden;overflow:hidden}.ckbox .ckbox-tag-list--grow{flex-grow:1}.ckbox .ckbox-tag-input{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10));font-size:var(--ckbox-font-small);--ckbox-focus-color-outer-a: 20%;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-98));border-radius:var(--ckbox-radius-medium);border:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-70));padding:var(--ckbox-spacing-smallest) var(--ckbox-spacing-smaller);width:100%;display:flex;align-items:center;gap:var(--ckbox-spacing-smallest);cursor:text}.ckbox .ckbox-tag-input:focus{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%))}.ckbox .ckbox-tag-input:focus-visible,.ckbox .ckbox-tag-input--focus-visible{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%));border-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50))}.ckbox .ckbox-tag-input:focus:not(:focus-visible){box-shadow:none}.ckbox .ckbox-tag-input--error{border-color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-50))}.ckbox .ckbox-tag-input--error:focus{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%))}.ckbox .ckbox-tag-input--error:focus-visible,.ckbox .ckbox-tag-input--error--focus-visible{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%));border-color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-50))}.ckbox .ckbox-tag-input--error:focus:not(:focus-visible){box-shadow:none}.ckbox .ckbox-tag-input--disabled,.ckbox .ckbox-tag-input:disabled{opacity:.5;pointer-events:none}.ckbox .ckbox-tag-input__field{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10));font-size:var(--ckbox-font-small);-webkit-appearance:none;appearance:none;background-color:rgba(0,0,0,0);border:0;outline:none;padding:0;max-width:100%;flex-grow:1}.ckbox .ckbox-tag-input__field::placeholder{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-50))}.ckbox .ckbox-tag-input__field{height:calc(var(--ckbox-spacing-smallest) + calc(var(--ckbox-spacing-tiny) * 2 + 2px + var(--ckbox-spacing-base)));min-width:2px}.ckbox .ckbox-tag-input__field--hidden{position:absolute;height:0;overflow:hidden;white-space:pre}.ckbox .ckbox-tag-input__list{flex-grow:1}.ckbox .ckbox-tag-input__copy-button-wrapper{flex-shrink:0}.ckbox .ckbox-tooltip{z-index:60;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10));border-radius:var(--ckbox-radius-big);max-width:90%}.ckbox .ckbox-tooltip__content{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));font-size:var(--ckbox-font-small);padding:var(--ckbox-spacing-compact) var(--ckbox-spacing-smallest);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ckbox .ckbox-topbar-actions{align-items:center;display:flex;flex-grow:1;padding:var(--ckbox-spacing-compact);overflow:hidden}.ckbox .ckbox-topbar-actions--hidden{visibility:hidden;overflow:hidden}.ckbox .ckbox-topbar{align-items:center;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));box-shadow:var(--ckbox-shadow-bottom);display:flex;padding:var(--ckbox-spacing-compact) var(--ckbox-spacing-small) var(--ckbox-spacing-compact) var(--ckbox-spacing-smallest);position:relative;height:48px}.ckbox .ckbox-topbar__side-content{align-items:center;display:flex;flex-shrink:0;gap:calc(var(--ckbox-spacing-compact) * 1.5)}.ckbox .ckbox-view{display:grid;height:100%;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-98));grid-template-columns:1fr auto}.ckbox .ckbox-view-header{z-index:1}.ckbox .ckbox-view-header,.ckbox .ckbox-view-footer{flex-shrink:0}.ckbox .ckbox-view-content-wrapper{display:flex;flex-direction:column;height:100%;flex:1;min-height:0;min-width:0}.ckbox .ckbox-view-content{flex-grow:1;overflow-x:hidden;padding:calc(var(--ckbox-spacing-small) - 2px) calc(var(--ckbox-spacing-small) - 2px);position:relative;z-index:0;border:2px solid rgba(0,0,0,0);transition:border-color calc(var(--ckbox-animation-duration-primary)*1ms)}.ckbox .ckbox-view-content--outline{border-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50))}.ckbox .ckbox-view-content--compact{padding:0 calc(var(--ckbox-spacing-big) - 2px) calc(var(--ckbox-spacing-smaller) - 2px) calc(var(--ckbox-spacing-big) - 2px)}.ckbox .ckbox-view-content-bar{flex-shrink:0;padding:var(--ckbox-spacing-smallest) 0}.ckbox .ckbox-view-side-content{height:100%;overflow-y:auto}.ckbox .ckbox-view-dialog{border:var(--ckbox-container-border);border-radius:var(--ckbox-radius-medium);box-shadow:0 4px 8px 4px var(--ckbox-shadow-color);position:fixed;z-index:30;overflow:hidden;overflow:clip}.ckbox .ckbox-view-dialog--noselect{-webkit-user-select:none;user-select:none}.ckbox .ckbox-view-dialog__content{height:calc(100% - var(--ckbox-spacing-compact) * 2 - calc(var(--ckbox-spacing-tiny) * 2 + 2px + var(--ckbox-spacing-base)));position:relative;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-98))}.ckbox .ckbox-view-dialog__header{align-items:center;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-98));cursor:move;display:flex;justify-content:flex-end;padding:var(--ckbox-spacing-compact) var(--ckbox-spacing-smaller);position:relative;box-shadow:inset 0 -1px 0 0 hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-20)/10%)}.ckbox .ckbox-view-dialog__se,.ckbox .ckbox-view-dialog__sw{bottom:0;height:var(--ckbox-spacing-base);position:absolute;width:var(--ckbox-spacing-base);overflow:hidden;z-index:50}.ckbox .ckbox-view-dialog__se::before,.ckbox .ckbox-view-dialog__sw::before{content:"";display:block;height:var(--ckbox-spacing-tiny);position:absolute;top:var(--ckbox-spacing-compact);width:var(--ckbox-spacing-bigger)}.ckbox .ckbox-view-dialog__se{cursor:se-resize;right:0}.ckbox .ckbox-view-dialog__se::before{right:0;padding-left:50%;transform:translateX(45%) rotate(-45deg)}.ckbox .ckbox-view-dialog__sw{cursor:sw-resize;left:0}.ckbox .ckbox-view-dialog__sw::before{left:0;padding-right:50%;transform:translateX(-45%) rotate(45deg)}.ckbox .ckbox-view-wrapper{--ckbox-view-wrapper-navbar-width-clamped: clamp( var(--ckbox-view-wrapper-navbar-min-width), var(--ckbox-view-wrapper-navbar-width), var(--ckbox-view-wrapper-navbar-max-width) );display:grid;grid-template-columns:var(--ckbox-view-wrapper-navbar-width-clamped) 1fr;grid-template-rows:100%;height:100%;isolation:isolate;position:relative;overflow:hidden}.ckbox .ckbox-view-wrapper__overlay--resizing{cursor:col-resize}.ckbox .ckbox-view-wrapper__navbar{position:relative;z-index:1}.ckbox .ckbox-view-wrapper__divider{opacity:0;position:absolute;width:11px;background:linear-gradient(to right, transparent 4px, var(--ckbox-divider-color, hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-80))) 4px, var(--ckbox-divider-color, hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-80))) 7px, transparent 7px);z-index:2;top:0;left:calc(var(--ckbox-view-wrapper-navbar-width-clamped) - 5.5px);height:100%;cursor:col-resize;transition:opacity calc(var(--ckbox-animation-duration-primary)*1ms) linear}.ckbox .ckbox-view-wrapper__divider:hover,.ckbox .ckbox-view-wrapper__divider--active{opacity:1}.ckbox .ckbox-view-wrapper__content{z-index:0;min-width:0;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-98))}.ckbox .ckbox-search-results-bar{display:inline-flex;align-items:center;gap:var(--ckbox-spacing-base)}.ckbox .ckbox-search-results-bar-phrase{font-size:var(--ckbox-font-small);padding-right:var(--ckbox-spacing-smallest)}.ckbox .ckbox-sr-only{clip:rect(0 0 0 0);clip-path:inset(100%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.ckbox .ckbox-full-height{height:100%}
3
+ )}.ckbox:not(#n) .ckbox-gallery-skeleton__details{font-size:var(--ckbox-font-smallest);padding-top:var(--ckbox-spacing-smallest)}.ckbox:not(#n) .ckbox-icon{fill:currentColor;max-width:initial}.ckbox:not(#n) .ckbox-icon--small{height:var(--ckbox-spacing-small);min-width:var(--ckbox-spacing-small)}.ckbox:not(#n) .ckbox-icon--base{height:var(--ckbox-spacing-base);min-width:var(--ckbox-spacing-base)}.ckbox:not(#n) .ckbox-icon--medium{height:var(--ckbox-spacing-medium);width:var(--ckbox-spacing-medium)}.ckbox:not(#n) .ckbox-icon--big{height:var(--ckbox-spacing-big);min-width:var(--ckbox-spacing-big)}.ckbox:not(#n) .ckbox-icon--bigger{height:calc(var(--ckbox-spacing-medium) + var(--ckbox-spacing-smallest));min-width:calc(var(--ckbox-spacing-medium) + var(--ckbox-spacing-smallest))}.ckbox:not(#n) .ckbox-icon--humongous{height:var(--ckbox-spacing-humongous);min-width:var(--ckbox-spacing-humongous)}.ckbox:not(#n) .ckbox-icon--accent{color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50))}.ckbox:not(#n) .ckbox-icon--disabled{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90))}.ckbox:not(#n) .ckbox-icon--danger{color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-50))}.ckbox:not(#n) .ckbox-icon--muted{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-60))}.ckbox:not(#n) .ckbox-icon--warning{color:hsl(var(--ckbox-warning-h), var(--ckbox-warning-s), var(--ckbox-warning-l-50))}.ckbox:not(#n) .ckbox-icon--success{color:hsl(var(--ckbox-success-h), var(--ckbox-success-s), var(--ckbox-success-l-35))}.ckbox:not(#n) .ckbox-icon-spinner{animation:1.4s linear 0s infinite normal none running rotate}.ckbox:not(#n) .ckbox-icon-spinner__circle{fill:none;stroke-width:3.6;stroke:currentColor;stroke-dasharray:80px,200px;stroke-dashoffset:0;animation:1.4s ease-in-out 0s infinite normal none running spinner}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes spinner{0%{stroke-dasharray:1px,200px;stroke-dashoffset:0}50%{stroke-dasharray:100px,200px;stroke-dashoffset:-15px}100%{stroke-dasharray:100px,200px;stroke-dashoffset:-125px}}.ckbox:not(#n) .ckbox-icon-caret-right{transition:transform calc(var(--ckbox-animation-duration-primary)*1ms)}.ckbox:not(#n) .ckbox-icon-caret-right--animate-in{transform:rotate(90deg)}.ckbox:not(#n) .ckbox-icon-settings{transition:transform calc(var(--ckbox-animation-duration-primary)*1ms)}.ckbox:not(#n) .ckbox-icon-settings--animate-in{transform:rotate(45deg)}.ckbox:not(#n) .ckbox-input{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10));font-size:var(--ckbox-font-small);--ckbox-focus-color-outer-a: 20%;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-98));border-radius:var(--ckbox-radius-medium);border:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-70));padding:var(--ckbox-spacing-smallest) var(--ckbox-spacing-smaller);width:100%}.ckbox:not(#n) .ckbox-input:focus{box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%))}.ckbox:not(#n) .ckbox-input:focus-visible,.ckbox:not(#n) .ckbox-input--focus-visible{box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%));border-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50))}.ckbox:not(#n) .ckbox-input:focus:not(:focus-visible){box-shadow:none}.ckbox:not(#n) .ckbox-input--error{border-color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-50))}.ckbox:not(#n) .ckbox-input--error:focus{box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%))}.ckbox:not(#n) .ckbox-input--error:focus-visible,.ckbox:not(#n) .ckbox-input--error--focus-visible{box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%));border-color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-50))}.ckbox:not(#n) .ckbox-input--error:focus:not(:focus-visible){box-shadow:none}.ckbox:not(#n) .ckbox-input--disabled,.ckbox:not(#n) .ckbox-input:disabled{opacity:.5;pointer-events:none}.ckbox:not(#n) .ckbox-input--md{font-size:var(--ckbox-font-medium);font-weight:600}.ckbox:not(#n) .ckbox-input--underline{background-color:rgba(0,0,0,0);border-left:0;border-right:0;border-top:0;border-radius:0;padding:var(--ckbox-spacing-compact) 0}.ckbox:not(#n) .ckbox-input--multiline{vertical-align:middle}.ckbox:not(#n) .ckbox-input[type=number]::-webkit-inner-spin-button,.ckbox:not(#n) .ckbox-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}.ckbox:not(#n) .ckbox-input[type=number]{-webkit-appearance:textfield;appearance:textfield}.ckbox:not(#n) .ckbox-list{list-style-type:none;padding:0}.ckbox:not(#n) .ckbox-list-item__button{cursor:pointer;border-radius:var(--ckbox-radius-medium);display:inline-flex;justify-content:space-between;align-items:center;-webkit-user-select:none;user-select:none;gap:var(--ckbox-spacing-small);transition:background-color calc(var(--ckbox-animation-duration-primary)*1ms);font-weight:500;border:0;background-color:rgba(0,0,0,0);width:100%;padding:var(--ckbox-spacing-smallest) var(--ckbox-spacing-smaller)}.ckbox:not(#n) .ckbox-list-item__button:focus{box-shadow:0 0 0 1.5px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%)),0 0 0 3.5px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%)))}.ckbox:not(#n) .ckbox-list-item__button:focus-visible,.ckbox:not(#n) .ckbox-list-item__button--focus-visible{box-shadow:0 0 0 1.5px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%)),0 0 0 3.5px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%)))}.ckbox:not(#n) .ckbox-list-item__button:focus:not(:focus-visible){box-shadow:none}.ckbox:not(#n) .ckbox-list-item__button:hover{background-color:hsl(var(--ckbox-action-h) var(--ckbox-action-s) var(--ckbox-action-l-60)/7.5%)}.ckbox:not(#n) .ckbox-list-item__button:active:focus{background-color:hsl(var(--ckbox-action-h) var(--ckbox-action-s) var(--ckbox-action-l-60)/15%)}.ckbox:not(#n) .ckbox-list-item-actions{display:flex;align-items:center;gap:var(--ckbox-spacing-compact);transition:opacity calc(var(--ckbox-animation-duration-primary)*1ms);opacity:0}.ckbox:not(#n) .ckbox-list-item:hover .ckbox-list-item-actions{opacity:1}.ckbox:not(#n) .ckbox-list-item-content{max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ckbox:not(#n) .ckbox-list-item-content--muted{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-70));font-weight:400}.ckbox:not(#n) .ckbox-loading-button{position:relative}.ckbox:not(#n) .ckbox-loading-button__overlay{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.ckbox:not(#n) .ckbox-menu{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));border:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90));border-radius:var(--ckbox-radius-big);box-shadow:var(--ckbox-shadow-level-3)}.ckbox:not(#n) .ckbox-menu .ckbox-popper-arrow::before{border:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90))}.ckbox:not(#n) .ckbox-menu-item{align-items:center;background:none;border:0;cursor:pointer;display:flex;margin-right:0;padding:var(--ckbox-spacing-smaller) var(--ckbox-spacing-smaller);width:100%;transition:background-color calc(var(--ckbox-animation-duration-primary)*1ms),color calc(var(--ckbox-animation-duration-primary)*1ms)}.ckbox:not(#n) .ckbox-menu-item:focus{box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%))}.ckbox:not(#n) .ckbox-menu-item:focus-visible,.ckbox:not(#n) .ckbox-menu-item--focus-visible{box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%))}.ckbox:not(#n) .ckbox-menu-item:focus:not(:focus-visible){box-shadow:none}.ckbox:not(#n) .ckbox-menu-item:hover{background-color:hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60)/15%)}.ckbox:not(#n) .ckbox-menu-item:disabled{pointer-events:none;opacity:.5}.ckbox:not(#n) .ckbox-menu-item__label{font-size:var(--ckbox-font-small)}.ckbox:not(#n) .ckbox-menu-item__label--spacing{margin-left:var(--ckbox-spacing-compact)}.ckbox:not(#n) .ckbox-menu-section{min-width:295px;padding:var(--ckbox-spacing-smaller) var(--ckbox-spacing-medium)}.ckbox:not(#n) .ckbox-menu-section--border-bottom{border-bottom:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90))}.ckbox:not(#n) .ckbox-menu-section__title{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-50));font-size:var(--ckbox-font-base);font-weight:600;margin-bottom:var(--ckbox-spacing-smallest)}.ckbox:not(#n) .ckbox-menu-sub-section{display:flex;flex-direction:column}.ckbox:not(#n) .ckbox-menu-sub-section .ckbox-btn{justify-content:space-between}.ckbox:not(#n) .ckbox-menu-sub-section--row{align-items:center;flex-direction:row;justify-content:space-between}.ckbox:not(#n) .ckbox-menu-sub-section__title{font-size:var(--ckbox-font-small);font-weight:600;margin-bottom:var(--ckbox-spacing-smallest)}.ckbox:not(#n) .ckbox-menu-sub-section__content--row{display:flex;align-items:center;flex-direction:row;justify-content:space-between;gap:var(--ckbox-spacing-smallest)}.ckbox:not(#n) .ckbox-menu-sub-section:not(:last-child){margin-bottom:var(--ckbox-spacing-base)}.ckbox:not(#n) .ckbox-modal{z-index:40;position:absolute;width:100%;height:100%;left:0;top:0}.ckbox:not(#n) .ckbox-modal--enter{opacity:0}.ckbox:not(#n) .ckbox-modal--enter-active{transition:opacity calc(var(--ckbox-animation-duration-primary)*1ms);opacity:1}.ckbox:not(#n) .ckbox-modal--exit{opacity:1}.ckbox:not(#n) .ckbox-modal--exit-active{transition:opacity calc(var(--ckbox-animation-duration-primary)*1ms);opacity:0}.ckbox:not(#n) .ckbox-modal--on-top{z-index:41}.ckbox:not(#n) .ckbox-modal__overlay{background:rgba(0,0,0,0);height:100%}.ckbox:not(#n) .ckbox-modal__overlay--semi-transparent{background:hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-20)/75%);opacity:.5}.ckbox:not(#n) .ckbox-modal-dialog-action-content__list{padding:0;list-style:none}.ckbox:not(#n) .ckbox-modal-dialog-action-item__button{cursor:pointer;color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50));display:inline-flex;justify-content:space-between;align-items:center;-webkit-user-select:none;user-select:none;transition:background-color calc(var(--ckbox-animation-duration-primary)*1ms);font-weight:600;font-size:var(--ckbox-font-small);border:0;background-color:rgba(0,0,0,0);width:100%;padding:var(--ckbox-spacing-base) var(--ckbox-spacing-big)}.ckbox:not(#n) .ckbox-modal-dialog-action-item__button:focus{box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%))}.ckbox:not(#n) .ckbox-modal-dialog-action-item__button:focus-visible,.ckbox:not(#n) .ckbox-modal-dialog-action-item__button--focus-visible{box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%))}.ckbox:not(#n) .ckbox-modal-dialog-action-item__button:focus:not(:focus-visible){box-shadow:none}.ckbox:not(#n) .ckbox-modal-dialog-action-item__button:hover{background-color:hsl(var(--ckbox-action-h) var(--ckbox-action-s) var(--ckbox-action-l-60)/7.5%)}.ckbox:not(#n) .ckbox-modal-dialog-action-item__button:active{background-color:hsl(var(--ckbox-action-h) var(--ckbox-action-s) var(--ckbox-action-l-60)/15%)}.ckbox:not(#n) .ckbox-modal-dialog-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--ckbox-spacing-smaller)}.ckbox:not(#n) .ckbox-modal-dialog-footer--space-between{justify-content:space-between}.ckbox:not(#n) .ckbox-modal-dialog-footer-action{font-size:var(--ckbox-font-smaller)}.ckbox:not(#n) .ckbox-modal-dialog-header{display:flex;align-items:center;gap:var(--ckbox-spacing-small)}.ckbox:not(#n) .ckbox-modal-dialog-header--align-top{align-items:start}.ckbox:not(#n) .ckbox-modal-dialog-header--info{border-top:4px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90))}.ckbox:not(#n) .ckbox-modal-dialog-header--success{border-top:4px solid hsl(var(--ckbox-success-h), var(--ckbox-success-s), var(--ckbox-success-l-35))}.ckbox:not(#n) .ckbox-modal-dialog-header--error{border-top:4px solid hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-60))}.ckbox:not(#n) .ckbox-modal-dialog-header--warning{border-top:4px solid hsl(var(--ckbox-warning-h), var(--ckbox-warning-s), var(--ckbox-warning-l-50))}.ckbox:not(#n) .ckbox-modal-dialog-header__subtitle{font-size:var(--ckbox-font-small);font-weight:400}.ckbox:not(#n) .ckbox-modal-dialog-header__close-btn--align-top{align-self:start;margin-top:-2px}.ckbox:not(#n) .ckbox-modal-dialog-callout{font-size:var(--ckbox-font-small);line-height:1.3;font-weight:600;padding:var(--ckbox-spacing-base) var(--ckbox-spacing-big)}.ckbox:not(#n) .ckbox-modal-dialog-callout--error{background-color:hsl(var(--ckbox-danger-h) var(--ckbox-danger-s) var(--ckbox-danger-l-60)/7.5%);color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-50))}.ckbox:not(#n) .ckbox-modal-dialog-callout--warning{background-color:hsl(var(--ckbox-warning-h) var(--ckbox-warning-s) var(--ckbox-warning-l-60)/15%);color:hsl(var(--ckbox-warning-h), var(--ckbox-warning-s), var(--ckbox-warning-l-50))}.ckbox:not(#n) .ckbox-modal-dialog-content-column{display:flex;flex-direction:column;gap:var(--ckbox-spacing-smaller);font-size:var(--ckbox-font-small);line-height:1.3}.ckbox:not(#n) .ckbox-modal-dialog-content{font-size:var(--ckbox-font-small);line-height:1.3}.ckbox:not(#n) .ckbox-modal-dialog-list{display:flex;flex-direction:column;overflow:visible}.ckbox:not(#n) .ckbox-modal-dialog-list__unordered-list{display:flex;flex-direction:column;gap:var(--ckbox-spacing-smaller)}.ckbox:not(#n) .ckbox-modal-dialog-list__title{font-weight:400;color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-40));padding-bottom:var(--ckbox-spacing-smaller)}.ckbox:not(#n) .ckbox-navbar{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));border-right:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90));height:100%;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;width:100%}.ckbox:not(#n) .ckbox-navbar--collapsed{overflow:hidden;transition:width calc(var(--ckbox-animation-duration-primary)*1ms);width:var(--ckbox-navbar-width-collapsed)}.ckbox:not(#n) .ckbox-navbar--previewed{border-right:0;box-shadow:10px 0 10px 1px hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-40)/25%);position:absolute;overflow-y:auto;transition:width calc(var(--ckbox-animation-duration-primary)*1ms);width:var(--ckbox-navbar-width)}.ckbox:not(#n) .ckbox-navbar-separator{position:relative;border-top:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90));height:1px;margin:calc(var(--ckbox-spacing-compact) * 1.5) var(--ckbox-spacing-base)}.ckbox:not(#n) .ckbox-navbar-item{display:flex;align-items:center;-webkit-user-select:none;user-select:none;cursor:pointer;font-size:var(--ckbox-font-small);font-weight:600;height:48px;padding:calc(var(--ckbox-spacing-medium) / 2);padding-right:var(--ckbox-spacing-small);padding-left:calc(var(--ckbox-spacing-base) + (var(--ckbox-spacing-medium) * var(--ckbox-navbar-item-offset, 0)));transition:background-color calc(var(--ckbox-animation-duration-primary)*1ms);position:relative}.ckbox:not(#n) .ckbox-navbar-item:focus{box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%))}.ckbox:not(#n) .ckbox-navbar-item:focus-visible,.ckbox:not(#n) .ckbox-navbar-item--focus-visible{box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%))}.ckbox:not(#n) .ckbox-navbar-item:focus-visible::before,.ckbox:not(#n) .ckbox-navbar-item--focus-visible::before{background-color:rgba(0,0,0,0)}.ckbox:not(#n) .ckbox-navbar-item:focus:not(:focus-visible){box-shadow:none}.ckbox:not(#n) .ckbox-navbar-item--loading{padding-left:var(--ckbox-spacing-small)}.ckbox:not(#n) .ckbox-navbar-item--disabled{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-50));cursor:default;pointer-events:none;font-weight:initial}.ckbox:not(#n) .ckbox-navbar-item:hover:not(.ckbox-navbar-item--active){background-color:hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60)/15%)}.ckbox:not(#n) .ckbox-navbar-item--active{background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50));color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100))}.ckbox:not(#n) .ckbox-navbar-item--compact{padding-top:calc(var(--ckbox-spacing-smaller) / 2);padding-bottom:calc(var(--ckbox-spacing-smaller) / 2);height:calc(48px - 8px)}.ckbox:not(#n) .ckbox-navbar-item__loader{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90));flex:1}.ckbox:not(#n) .ckbox-navbar-item__caret{position:absolute;border:0;border-radius:var(--ckbox-radius-medium);cursor:pointer;background-color:rgba(0,0,0,0);transition:background-color calc(var(--ckbox-animation-duration-primary)*1ms);padding:0;left:calc(var(--ckbox-spacing-base) - 14px + (var(--ckbox-spacing-medium) * var(--ckbox-navbar-item-offset, 0)))}.ckbox:not(#n) .ckbox-navbar-item__caret:hover{background-color:hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60)/10%)}.ckbox:not(#n) .ckbox-navbar-item__spinner{position:absolute;background-color:rgba(0,0,0,0);padding:0;color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-50));left:calc(var(--ckbox-spacing-medium) * var(--ckbox-navbar-item-offset, 0))}.ckbox:not(#n) .ckbox-navbar-item__spinner--active{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90))}.ckbox:not(#n) .ckbox-navbar-item__spinner--disabled{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-80))}.ckbox:not(#n) .ckbox-navbar-item__caret-icon{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-50))}.ckbox:not(#n) .ckbox-navbar-item__caret-icon--active{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90))}.ckbox:not(#n) .ckbox-navbar-item__caret-icon--disabled{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-80))}.ckbox:not(#n) .ckbox-navbar-item-container{transition:background-color calc(var(--ckbox-animation-duration-primary)*1ms)}.ckbox:not(#n) .ckbox-navbar-item-container--active{transition:box-shadow calc(var(--ckbox-animation-duration-primary)*1ms);box-shadow:inset 2px 0 0 0 hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-60))}.ckbox:not(#n) .ckbox-navbar-items-group{overflow:hidden}.ckbox:not(#n) .ckbox-navbar-items-group--enter{height:0}.ckbox:not(#n) .ckbox-navbar-items-group--enter-active{transition:height calc(var(--ckbox-animation-duration-primary)*1ms);height:calc(var(--ckbox-navbar-items-group-length)*40px)}.ckbox:not(#n) .ckbox-navbar-items-group--exit{height:calc(var(--ckbox-navbar-items-group-length)*40px)}.ckbox:not(#n) .ckbox-navbar-items-group--exit-active{transition:height calc(var(--ckbox-animation-duration-primary)*1ms);height:0}.ckbox:not(#n) .ckbox-navbar-scrollable-content{flex:1;display:flex;flex-direction:column;overflow-y:hidden;background:linear-gradient(hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100)) 30%, transparent),linear-gradient(transparent, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100)) 70%) 0 100%,radial-gradient(farthest-side at 50% 0, hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60)/50%), transparent),radial-gradient(farthest-side at 50% 100%, hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60)/50%), transparent) 0 100%;background-attachment:local,local,local,scroll;background-repeat:no-repeat;background-size:100% var(--ckbox-spacing-bigger),100% var(--ckbox-spacing-bigger),100% var(--ckbox-spacing-small),100% var(--ckbox-spacing-small)}.ckbox:not(#n) .ckbox-navbar-scrollable-content--scrollable{overflow-y:auto}.ckbox:not(#n) .ckbox-navbar-item-label{display:flex;align-items:center;gap:var(--ckbox-spacing-compact);min-width:0;transition:color calc(var(--ckbox-animation-duration-primary)*1ms)}.ckbox:not(#n) .ckbox-navbar-item-label__content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ckbox:not(#n) .ckbox-navbar-item-label__content--enter{opacity:0}.ckbox:not(#n) .ckbox-navbar-item-label__content--enter-active{transition:opacity calc(var(--ckbox-animation-duration-primary)*1ms);opacity:1}.ckbox:not(#n) .ckbox-navbar-item-label__content--exit{opacity:1}.ckbox:not(#n) .ckbox-navbar-item-label__content--exit-active{transition:opacity calc(var(--ckbox-animation-duration-primary)*1ms);opacity:0}.ckbox:not(#n) .ckbox-navbar-item-label__icon{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-60))}.ckbox:not(#n) .ckbox-navbar-item-label__icon--muted{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-70))}.ckbox:not(#n) .ckbox-navbar-item-label__icon--active{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90))}.ckbox:not(#n) .ckbox-navbar-item-label__icon--disabled{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-80))}.ckbox:not(#n) .ckbox-navbar-item-content{display:flex;align-items:center;overflow:visible}.ckbox:not(#n) .ckbox-navbar-item-content--end{flex:1;display:flex;align-items:center;justify-content:flex-end}.ckbox:not(#n) .ckbox-navbar-item-content--hidden{visibility:hidden}.ckbox:not(#n) .ckbox-navbar-item-content--active{--ckbox-btn-icon-color-override: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100))}.ckbox:not(#n) .ckbox-navbar-item-content--exit{visibility:hidden}.ckbox:not(#n) .ckbox-navbar-item-content--enter{opacity:0}.ckbox:not(#n) .ckbox-navbar-item-content--enter-active{transition:opacity calc(var(--ckbox-animation-duration-primary)*1ms);opacity:1}.ckbox:not(#n) .ckbox-navbar-item-content--exit{opacity:1}.ckbox:not(#n) .ckbox-navbar-item-content--exit-active{transition:opacity calc(var(--ckbox-animation-duration-primary)*1ms);opacity:0}.ckbox:not(#n) .ckbox-navbar-link{-webkit-user-select:none;user-select:none;color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50));font-size:var(--ckbox-font-smaller);padding:var(--ckbox-spacing-smaller) 0;padding-left:var(--ckbox-spacing-small);text-decoration:none;overflow:hidden;white-space:nowrap}.ckbox:not(#n) .ckbox-navbar-link--center{padding-left:0;text-align:center}.ckbox:not(#n) .ckbox-navbar-collapse-toggle{display:flex;justify-content:flex-end;padding-top:var(--ckbox-spacing-smallest);padding-bottom:var(--ckbox-spacing-smallest);padding-right:var(--ckbox-spacing-smallest)}.ckbox:not(#n) .ckbox-navbar-collapse-toggle--center{padding-right:0;justify-content:center}.ckbox:not(#n) .ckbox-navigation-dialog{height:350px}.ckbox:not(#n) .ckbox-navigation-dialog-footer{display:flex;align-items:center;justify-content:flex-end}.ckbox:not(#n) .ckbox-navigation-dialog-footer--space-between{justify-content:space-between}.ckbox:not(#n) .ckbox-navigation-dialog-header{display:flex;align-items:center;gap:var(--ckbox-spacing-smallest)}.ckbox:not(#n) .ckbox-navigation-dialog-header__title em{font-style:inherit}.ckbox:not(#n) .ckbox-navigation-dialog-header__title--em em{color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50))}.ckbox:not(#n) .ckbox-navigation-dialog-content{height:100%;overflow-y:auto}.ckbox:not(#n) .ckbox-navigation-dialog-content__list{padding:0;list-style:none}.ckbox:not(#n) .ckbox-navigation-dialog-item__button{cursor:pointer;display:inline-flex;justify-content:space-between;align-items:center;-webkit-user-select:none;user-select:none;transition:background-color calc(var(--ckbox-animation-duration-primary)*1ms);font-weight:600;font-size:var(--ckbox-font-small);border:0;background-color:rgba(0,0,0,0);width:100%;height:46px;padding:var(--ckbox-spacing-base) var(--ckbox-spacing-medium) var(--ckbox-spacing-base) var(--ckbox-spacing-big)}.ckbox:not(#n) .ckbox-navigation-dialog-item__button:focus{box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%))}.ckbox:not(#n) .ckbox-navigation-dialog-item__button:focus-visible,.ckbox:not(#n) .ckbox-navigation-dialog-item__button--focus-visible{box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%))}.ckbox:not(#n) .ckbox-navigation-dialog-item__button:focus:not(:focus-visible){box-shadow:none}.ckbox:not(#n) .ckbox-navigation-dialog-item__button--disabled{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-50));cursor:default;font-weight:initial}.ckbox:not(#n) .ckbox-navigation-dialog-item__button:hover:not(.ckbox-navigation-dialog-item__button--active,.ckbox-navigation-dialog-item__button--disabled){background-color:hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60)/15%)}.ckbox:not(#n) .ckbox-navigation-dialog-item__button--active{background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50));color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));--ckbox-btn-icon-color-override: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100))}.ckbox:not(#n) .ckbox-navigation-dialog-item__button--active .ckbox-btn--plain:hover{background:hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-100)/10%)}.ckbox:not(#n) .ckbox-navigation-dialog-item-label{display:flex;align-items:center;gap:var(--ckbox-spacing-small);min-width:0;transition:color calc(var(--ckbox-animation-duration-primary)*1ms)}.ckbox:not(#n) .ckbox-navigation-dialog-item-label__content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ckbox:not(#n) .ckbox-navigation-dialog-item-label__icon{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-60))}.ckbox:not(#n) .ckbox-navigation-dialog-item-label__icon--active{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90))}.ckbox:not(#n) .ckbox-navigation-dialog-item-label__icon--disabled{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-80))}.ckbox:not(#n) .ckbox-navigation-dialog-item-action{display:flex;align-items:center;transition:opacity calc(var(--ckbox-animation-duration-primary)*1ms);gap:var(--ckbox-spacing-compact)}.ckbox:not(#n) .ckbox-navigation-dialog-item-action--hoverable{opacity:0}.ckbox:not(#n) .ckbox-navigation-dialog-item:hover .ckbox-navigation-dialog-item-action--hoverable{opacity:1}.ckbox:not(#n) .ckbox-navigation-dialog-item-action__icon{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-60))}.ckbox:not(#n) .ckbox-navigation-dialog-item-action__icon--active{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90))}.ckbox:not(#n) .ckbox-navigation-dialog-item-action__icon--only{margin-right:var(--ckbox-spacing-compact)}.ckbox:not(#n) .ckbox-navigation-dialog-fallback-content{flex:9999;display:flex;align-items:center;justify-content:center;padding:var(--ckbox-spacing-big);color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-60))}.ckbox:not(#n) .ckbox-notifications{position:absolute;right:0;bottom:0;margin-bottom:var(--ckbox-spacing-small);padding-right:var(--ckbox-spacing-small);z-index:10;display:flex;flex-direction:column;overflow:hidden;transition:transform calc(var(--ckbox-animation-duration-primary)*1ms) ease-out}.ckbox:not(#n) .ckbox-notification{position:relative;min-width:300px;height:0;margin-top:0}.ckbox:not(#n) .ckbox-notification:first-child{margin-top:0}.ckbox:not(#n) .ckbox-notification__title{flex-grow:1}.ckbox:not(#n) .ckbox-notification__icons{display:flex}.ckbox:not(#n) .ckbox-notification__content{border-radius:var(--ckbox-radius-medium);box-shadow:var(--ckbox-shadow-level-3);padding:var(--ckbox-spacing-smallest) var(--ckbox-spacing-smaller);display:flex;align-items:center;background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50));color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));--ckbox-btn-icon-color-override: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));width:100%;position:absolute;top:0;left:0;transform:translateX(calc(100% + 2 * var(--ckbox-spacing-base)))}.ckbox:not(#n) .ckbox-notification--warning{background-color:hsl(var(--ckbox-warning-h), var(--ckbox-warning-s), var(--ckbox-warning-l-50));color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100))}.ckbox:not(#n) .ckbox-notification--success{background-color:hsl(var(--ckbox-success-h), var(--ckbox-success-s), var(--ckbox-success-l-35));color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100))}.ckbox:not(#n) .ckbox-notification--error{background-color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-50));color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100))}.ckbox:not(#n) .ckbox-notification--enter-active{animation-name:grow;animation-timing-function:ease-in;animation-fill-mode:forwards;animation-duration:calc(var(--ckbox-animation-duration-secondary)*1ms)}.ckbox:not(#n) .ckbox-notification:only-child{animation-duration:0ms}.ckbox:not(#n) .ckbox-notification--enter-done{height:var(--ckbox-notification-height);margin-top:var(--ckbox-spacing-smallest)}.ckbox:not(#n) .ckbox-notification--exit{height:var(--ckbox-notification-height);margin-top:var(--ckbox-spacing-smallest)}.ckbox:not(#n) .ckbox-notification--exit-active{animation-name:grow;animation-timing-function:ease-out;animation-fill-mode:forwards;animation-direction:reverse;animation-duration:calc(var(--ckbox-animation-duration-secondary)*1ms);animation-delay:calc(var(--ckbox-animation-duration-primary)*1ms)}@keyframes grow{from{height:0;margin-top:0}to{height:var(--ckbox-notification-height);margin-top:var(--ckbox-spacing-smallest)}}.ckbox:not(#n) .ckbox-notification--enter-active .ckbox-notification__content{animation-name:slide;animation-timing-function:ease-in;animation-fill-mode:forwards;animation-duration:calc(var(--ckbox-animation-duration-primary)*1ms);animation-delay:calc(var(--ckbox-animation-duration-secondary)*1ms)}.ckbox:not(#n) .ckbox-notification--enter-done .ckbox-notification__content{transform:translateX(0)}.ckbox:not(#n) .ckbox-notification--exit .ckbox-notification__content{transform:translateX(0)}.ckbox:not(#n) .ckbox-notification--exit-active .ckbox-notification__content{animation-name:slide;animation-timing-function:ease-out;animation-fill-mode:forwards;animation-direction:reverse;animation-duration:calc(var(--ckbox-animation-duration-primary)*1ms)}.ckbox:not(#n) .ckbox-notification:only-child .ckbox-notification__content{animation-delay:0ms}@keyframes slide{from{transform:translateX(calc(100% + 2 * var(--ckbox-spacing-base)))}to{transform:translateX(0)}}.ckbox:not(#n) .ckbox-pagination{align-items:center;display:flex;font-size:var(--ckbox-font-small);gap:var(--ckbox-spacing-compact)}.ckbox:not(#n) .ckbox-pagination__current-page{padding-left:0;padding-right:0;text-align:center;width:var(--ckbox-spacing-big)}.ckbox:not(#n) .ckbox-pagination__total-pages{margin:0 var(--ckbox-spacing-compact)}.ckbox:not(#n) .ckbox-panel{display:flex;position:relative;gap:var(--ckbox-spacing-small)}.ckbox:not(#n) .ckbox-panel--opaque{opacity:0}.ckbox:not(#n) .ckbox-panel--elevated{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-98));box-shadow:var(--ckbox-shadow-level-3);padding:var(--ckbox-spacing-smaller);border-radius:var(--ckbox-radius-big)}.ckbox:not(#n) .ckbox-panel-column{display:flex;flex-direction:column;gap:var(--ckbox-spacing-base);flex:1;min-width:0}.ckbox:not(#n) .ckbox-panel-drag-handle{position:absolute;top:50%;left:5px;cursor:move;opacity:.25}.ckbox:not(#n) .ckbox-panel-actions{display:flex;justify-content:flex-end;align-items:flex-end;gap:var(--ckbox-spacing-smallest)}.ckbox:not(#n) .ckbox-panel-content{display:flex;align-items:center;position:relative}.ckbox:not(#n) .ckbox-panel-content__header{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-50));font-size:var(--ckbox-font-smallest);margin-bottom:var(--ckbox-spacing-compact)}.ckbox:not(#n) .ckbox-panel-content__main{width:100%;position:relative;min-width:0}.ckbox:not(#n) .ckbox-panel-content-prop{font-size:var(--ckbox-font-small);font-weight:300}.ckbox:not(#n) .ckbox-panel-content-prop__value{margin-left:var(--ckbox-spacing-compact);font-weight:600}.ckbox:not(#n) .ckbox-panel-side{color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50))}.ckbox:not(#n) .ckbox-panel-title{align-items:center;font-size:var(--ckbox-font-medium);font-weight:600}.ckbox:not(#n) .ckbox-panel-title__description{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-50));font-size:var(--ckbox-font-smallest);font-weight:normal}.ckbox:not(#n) .ckbox-panel-title__main{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ckbox:not(#n) .ckbox-panel-skeleton{font-size:var(--ckbox-font-smallest);gap:var(--ckbox-spacing-smallest);display:flex}.ckbox:not(#n) .ckbox-panel-skeleton__block{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90))}.ckbox:not(#n) .ckbox-panel-skeleton__block--size-sm.ckbox-skeleton{width:var(--ckbox-spacing-biggest)}.ckbox:not(#n) .ckbox-panel-skeleton__block--size-md.ckbox-skeleton{width:calc(var(--ckbox-spacing-biggest) * 1.5)}.ckbox:not(#n) .ckbox-panel-skeleton__block--size-lg.ckbox-skeleton{width:calc(var(--ckbox-spacing-humongous) * 1.5)}.ckbox:not(#n) .ckbox-panel-list-divider{height:1px;width:100%;border-bottom:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-80))}.ckbox:not(#n) .ckbox-panel-list-divider--opaque{border-bottom-color:rgba(0,0,0,0)}.ckbox:not(#n) .ckbox-panel-list{display:flex;flex-direction:column;gap:var(--ckbox-spacing-base)}.ckbox:not(#n) .ckbox-panel-list__toolbar{display:flex;justify-content:flex-end}.ckbox:not(#n) .ckbox-popper-arrow{visibility:hidden}.ckbox:not(#n) .ckbox-popper-arrow,.ckbox:not(#n) .ckbox-popper-arrow::before{position:absolute;width:14px;height:14px;background:inherit;box-sizing:content-box}.ckbox:not(#n) .ckbox-popper-arrow--sm,.ckbox:not(#n) .ckbox-popper-arrow--sm::before{width:6px;height:6px}.ckbox:not(#n) .ckbox-popper-arrow::before{visibility:visible;content:"";transform:rotate(45deg)}.ckbox:not(#n) .ckbox-popper{position:relative}.ckbox:not(#n) .ckbox-popper[data-popper-placement^=top] .ckbox-popper-arrow[data-popper-arrow]{bottom:calc(-16px / 2)}.ckbox:not(#n) .ckbox-popper[data-popper-placement^=top] .ckbox-popper-arrow[data-popper-arrow]::before{border-right-width:0;border-bottom-width:0}.ckbox:not(#n) .ckbox-popper[data-popper-placement^=bottom] .ckbox-popper-arrow[data-popper-arrow]{top:calc(-16px / 2)}.ckbox:not(#n) .ckbox-popper[data-popper-placement^=bottom] .ckbox-popper-arrow[data-popper-arrow]::before{border-right-width:0;border-bottom-width:0}.ckbox:not(#n) .ckbox-popper[data-popper-placement^=left] .ckbox-popper-arrow[data-popper-arrow]{right:calc(-16px / 2)}.ckbox:not(#n) .ckbox-popper[data-popper-placement^=left] .ckbox-popper-arrow[data-popper-arrow]::before{border-right-width:0;border-top-width:0}.ckbox:not(#n) .ckbox-popper[data-popper-placement^=right] .ckbox-popper-arrow[data-popper-arrow]{left:calc(-16px / 2)}.ckbox:not(#n) .ckbox-popper[data-popper-placement^=right] .ckbox-popper-arrow[data-popper-arrow]::before{border-left-width:0;border-bottom-width:0}.ckbox:not(#n) .ckbox-popper[data-popper-placement^=top] .ckbox-popper-arrow--sm[data-popper-arrow]{bottom:calc(-6px / 2)}.ckbox:not(#n) .ckbox-popper[data-popper-placement^=bottom] .ckbox-popper-arrow--sm[data-popper-arrow]{top:calc(-6px / 2)}.ckbox:not(#n) .ckbox-popper[data-popper-placement^=left] .ckbox-popper-arrow--sm[data-popper-arrow]{right:calc(-6px / 2)}.ckbox:not(#n) .ckbox-popper[data-popper-placement^=right] .ckbox-popper-arrow--sm[data-popper-arrow]{left:calc(-6px / 2)}.ckbox:not(#n) .ckbox-progress-panel{background-color:hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60)/15%);border-radius:var(--ckbox-radius-medium);font-size:var(--ckbox-font-small);margin:var(--ckbox-spacing-smallest) var(--ckbox-spacing-smaller);padding:var(--ckbox-spacing-smallest) var(--ckbox-spacing-smaller) var(--ckbox-spacing-compact)}.ckbox:not(#n) .ckbox-progress-panel__header{display:flex;justify-content:space-between}.ckbox:not(#n) .ckbox-progress-panel__info{margin:0 var(--ckbox-spacing-smallest)}.ckbox:not(#n) .ckbox-progress-panel__bar{border:0;background-color:hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60)/15%);border-radius:var(--ckbox-radius-big);height:var(--ckbox-spacing-smallest);margin:var(--ckbox-spacing-compact) 0;overflow:hidden;padding:0;position:relative;width:100%}.ckbox:not(#n) .ckbox-progress-panel__value{height:100%;left:0;position:absolute;top:0;background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50));transition:width calc(var(--ckbox-animation-duration-secondary)*1ms) ease-in}.ckbox:not(#n) .ckbox-progress-panel__value--completed{background-color:hsl(var(--ckbox-success-h), var(--ckbox-success-s), var(--ckbox-success-l-35))}.ckbox:not(#n) .ckbox-progress-panel__value--error{background-color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-50))}.ckbox:not(#n) .ckbox-progress-panel__value--warning{background-color:hsl(var(--ckbox-warning-h), var(--ckbox-warning-s), var(--ckbox-warning-l-50))}.ckbox:not(#n) .ckbox-progress-panel__label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:var(--ckbox-spacing-smallest);flex:1}.ckbox:not(#n) .ckbox-progress-panel__footer{font-size:var(--ckbox-font-smallest)}.ckbox:not(#n) .ckbox-progress-panel__footer::after{content:" "}.ckbox:not(#n) .ckbox-progress-panel__footer strong{font-style:italic}.ckbox:not(#n) .ckbox-progress-panel--error{background-color:hsl(var(--ckbox-danger-h) var(--ckbox-danger-s) var(--ckbox-danger-l-60)/15%);color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-50))}.ckbox:not(#n) .ckbox-progress-panel--warning{background-color:hsl(var(--ckbox-warning-h) var(--ckbox-warning-s) var(--ckbox-warning-l-60)/15%);color:hsl(var(--ckbox-warning-h), var(--ckbox-warning-s), var(--ckbox-warning-l-50))}.ckbox:not(#n) .ckbox-properties-table-row{display:flex;justify-content:space-between;padding:var(--ckbox-spacing-compact);gap:var(--ckbox-spacing-compact)}.ckbox:not(#n) .ckbox-properties-table-row:not(:last-child){border-bottom:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-80))}.ckbox:not(#n) .ckbox-properties-table-row__label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ckbox:not(#n) .ckbox-properties-table{width:100%;font-size:var(--ckbox-font-smaller)}.ckbox:not(#n) .ckbox-range-slider__track{align-items:center;background-color:hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60)/15%);border-radius:var(--ckbox-radius-medium);display:flex;height:var(--ckbox-spacing-smallest);position:relative;cursor:pointer}.ckbox:not(#n) .ckbox-range-slider__thumb{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));border:2px solid hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50));border-radius:50%;cursor:grab;height:var(--ckbox-spacing-medium);position:absolute;touch-action:none;-webkit-user-select:none;user-select:none;width:var(--ckbox-spacing-medium);transform:translateX(-50%);transition:left calc(var(--ckbox-animation-duration-secondary)*1ms) ease-in}.ckbox:not(#n) .ckbox-range-slider__thumb:focus{box-shadow:0 0 0 1.5px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%)),0 0 0 3.5px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%)))}.ckbox:not(#n) .ckbox-range-slider__track-progress{background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50));border-bottom-left-radius:var(--ckbox-radius-medium);border-top-left-radius:var(--ckbox-radius-medium);height:inherit;position:absolute;transition:width calc(var(--ckbox-animation-duration-secondary)*1ms) ease-in}.ckbox:not(#n) .ckbox-range-slider__labels{display:flex;font-size:var(--ckbox-font-smallest);padding-top:var(--ckbox-spacing-smallest);white-space:nowrap}.ckbox:not(#n) .ckbox-range-slider__labels :first-child{flex:.5;text-align:left}.ckbox:not(#n) .ckbox-range-slider__labels :last-child{flex:.5;text-align:right}.ckbox:not(#n) .ckbox-range-slider__label{flex:1;text-align:center}.ckbox:not(#n) .ckbox-range-slider--dragging{cursor:grab}.ckbox:not(#n) .ckbox-responsive-image{position:absolute;opacity:1}.ckbox:not(#n) .ckbox-responsive-image--hidden{opacity:0;z-index:-1}.ckbox:not(#n) .ckbox-responsive-image--fit{width:100%;height:100%}.ckbox:not(#n) .ckbox-responsive-image__img--fit{width:100%;height:100%}.ckbox:not(#n) .ckbox-responsive-image__img--scale-down{object-fit:scale-down}.ckbox:not(#n) .ckbox-responsive-image__img--cover{object-fit:cover}.ckbox:not(#n) .ckbox-responsive-image-fallback{position:absolute}.ckbox:not(#n) .ckbox-responsive-image-fallback--enter{opacity:0}.ckbox:not(#n) .ckbox-responsive-image-fallback--enter-active{transition:opacity calc(var(--ckbox-animation-duration-primary)*1ms);opacity:1}.ckbox:not(#n) .ckbox-responsive-image-fallback--exit{opacity:1}.ckbox:not(#n) .ckbox-responsive-image-fallback--exit-active{transition:opacity calc(var(--ckbox-animation-duration-primary)*1ms);opacity:0}.ckbox:not(#n) .ckbox-responsive-image-fallback--cover{height:100%;width:100%;object-fit:cover}.ckbox:not(#n) .ckbox-select{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10));font-size:var(--ckbox-font-small);--ckbox-focus-color-outer-a: 20%;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-98));border-radius:var(--ckbox-radius-medium);border:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-70));padding:var(--ckbox-spacing-smallest) var(--ckbox-spacing-smaller);width:100%;display:flex;align-items:center;gap:var(--ckbox-spacing-smallest);justify-content:space-between;-webkit-user-select:none;user-select:none}.ckbox:not(#n) .ckbox-select:focus{box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%))}.ckbox:not(#n) .ckbox-select:focus-visible,.ckbox:not(#n) .ckbox-select--focus-visible{box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%));border-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50))}.ckbox:not(#n) .ckbox-select:focus:not(:focus-visible){box-shadow:none}.ckbox:not(#n) .ckbox-select--error{border-color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-50))}.ckbox:not(#n) .ckbox-select--error:focus{box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%))}.ckbox:not(#n) .ckbox-select--error:focus-visible,.ckbox:not(#n) .ckbox-select--error--focus-visible{box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%));border-color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-50))}.ckbox:not(#n) .ckbox-select--error:focus:not(:focus-visible){box-shadow:none}.ckbox:not(#n) .ckbox-select--disabled,.ckbox:not(#n) .ckbox-select:disabled{opacity:.5;pointer-events:none}.ckbox:not(#n) .ckbox-select__field{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10));font-size:var(--ckbox-font-small);-webkit-appearance:none;appearance:none;background-color:rgba(0,0,0,0);border:0;outline:none;padding:0;max-width:100%;flex-grow:1}.ckbox:not(#n) .ckbox-select__field::placeholder{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-50))}.ckbox:not(#n) .ckbox-select--size-small{padding:var(--ckbox-spacing-tiny) var(--ckbox-spacing-smallest)}.ckbox:not(#n) .ckbox-select__field{height:calc(var(--ckbox-spacing-smallest) + calc(var(--ckbox-spacing-tiny) * 2 + 2px + var(--ckbox-spacing-base)));min-width:2px}.ckbox:not(#n) .ckbox-select__field--hidden{position:absolute;width:0}.ckbox:not(#n) .ckbox-select__field-hidden{position:absolute;width:0;opacity:0;padding:0;border:0}.ckbox:not(#n) .ckbox-select-listbox{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));border:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90));border-radius:var(--ckbox-radius-big);box-shadow:var(--ckbox-shadow-level-3);z-index:30}.ckbox:not(#n) .ckbox-select-listbox-list__fallback{padding:var(--ckbox-spacing-big);text-align:center}.ckbox:not(#n) .ckbox-select-listbox-list__list{overflow:auto;max-height:228px;padding:var(--ckbox-spacing-smallest) 0;list-style:none;margin:0}.ckbox:not(#n) .ckbox-select-listbox-item{display:flex;overflow:hidden;align-items:center;cursor:pointer;gap:var(--ckbox-spacing-smallest);padding:var(--ckbox-spacing-smaller) var(--ckbox-spacing-small);max-height:38px;outline:none;font-size:var(--ckbox-font-small)}.ckbox:not(#n) .ckbox-select-listbox-item--pre-selected{background-color:hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60)/10%)}.ckbox:not(#n) .ckbox-select-listbox-item--selected{background-color:hsl(var(--ckbox-action-h) var(--ckbox-action-s) var(--ckbox-action-l-60)/7.5%)}.ckbox:not(#n) .ckbox-select-listbox-item--selected.ckbox-select-listbox-item--pre-selected{background-color:hsl(var(--ckbox-action-h) var(--ckbox-action-s) var(--ckbox-action-l-60)/15%)}.ckbox:not(#n) .ckbox-select-listbox-item__label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ckbox:not(#n) .ckbox-select-multi-list{display:flex;align-items:center;min-height:calc(var(--ckbox-spacing-smallest) + calc(var(--ckbox-spacing-tiny) * 2 + 2px + var(--ckbox-spacing-base)));flex-grow:1}.ckbox:not(#n) .ckbox-select-multi-list__placeholder{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-50))}.ckbox:not(#n) .ckbox-select-single{height:calc(var(--ckbox-spacing-smallest) + calc(var(--ckbox-spacing-tiny) * 2 + 2px + var(--ckbox-spacing-base)));display:flex;align-items:center}.ckbox:not(#n) .ckbox-select-single--searchable{height:initial;display:block}.ckbox:not(#n) .ckbox-select-single__label{margin-left:-2px}.ckbox:not(#n) .ckbox-select-single__placeholder{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-50))}.ckbox:not(#n) .ckbox-select-input--hidden{position:absolute;height:0;overflow:hidden;white-space:pre}.ckbox:not(#n) .ckbox-search-dialog{position:absolute;left:var(--ckbox-search-dialog-center-x, 0);top:60px;border-radius:var(--ckbox-radius-big);box-shadow:var(--ckbox-shadow-level-4);display:flex;flex-direction:column;overflow:hidden;z-index:30;width:678px;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));outline:none;max-height:calc(100% - 120px)}.ckbox:not(#n) .ckbox-search-dialog--compact{top:40px;max-height:calc(100% - 80px)}.ckbox:not(#n) .ckbox-search-dialog-actions{display:flex;justify-content:flex-end;gap:var(--ckbox-spacing-smallest)}.ckbox:not(#n) .ckbox-search-dialog-bar{display:flex;gap:var(--ckbox-spacing-small)}.ckbox:not(#n) .ckbox-search-dialog-content{padding:var(--ckbox-spacing-small) var(--ckbox-spacing-medium);display:flex;flex-direction:column;gap:var(--ckbox-spacing-smallest);overflow:auto}.ckbox:not(#n) .ckbox-search-dialog-fallback{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-40));font-size:var(--ckbox-font-small);padding:var(--ckbox-spacing-smaller) var(--ckbox-spacing-base);text-align:center}.ckbox:not(#n) .ckbox-search-dialog-header{padding:var(--ckbox-spacing-smaller) var(--ckbox-spacing-small);border-bottom:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-95));display:flex;justify-content:space-between;gap:var(--ckbox-spacing-medium)}.ckbox:not(#n) .ckbox-search-dialog-header__actions{display:flex;gap:var(--ckbox-spacing-compact)}.ckbox:not(#n) .ckbox-search-dialog-header__form{display:flex;align-items:center;gap:var(--ckbox-spacing-compact);flex:1}.ckbox:not(#n) .ckbox-search-dialog-input{display:flex;align-items:center;gap:var(--ckbox-spacing-smallest);flex:1}.ckbox:not(#n) .ckbox-search-dialog-input__field{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10));font-size:var(--ckbox-font-small);-webkit-appearance:none;appearance:none;background-color:rgba(0,0,0,0);border:0;outline:none;padding:0;max-width:100%;flex-grow:1}.ckbox:not(#n) .ckbox-search-dialog-input__field::placeholder{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-50))}.ckbox:not(#n) .ckbox-search-dialog-input__field{font-size:var(--ckbox-font-base);font-weight:600;height:100%}.ckbox:not(#n) .ckbox-search-dialog-input__field::placeholder{font-weight:400}.ckbox:not(#n) .ckbox-search-dialog-section__header{display:flex;flex-direction:row;margin-bottom:var(--ckbox-spacing-small)}.ckbox:not(#n) .ckbox-search-dialog-section__header-text{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-40));font-size:var(--ckbox-font-small);flex-grow:1;align-self:center}.ckbox:not(#n) .ckbox-selection-area{background-color:hsl(var(--ckbox-action-h) var(--ckbox-action-s) var(--ckbox-action-l-60)/15%);position:absolute;transition:opacity calc(var(--ckbox-animation-duration-primary)*1ms)}.ckbox:not(#n) .ckbox-skeleton{overflow:hidden;position:relative;width:100%}.ckbox:not(#n) .ckbox-skeleton::after{animation:wave 2s linear .5s infinite;background:linear-gradient(90deg, transparent, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-98)), transparent);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@keyframes wave{0%{transform:translateX(-100%)}50%{transform:translateX(100%)}100%{transform:translateX(100%)}}.ckbox:not(#n) .ckbox-skeleton--bg-default{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90))}.ckbox:not(#n) .ckbox-sort-button--ascending path{fill:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50))}.ckbox:not(#n) .ckbox-sort-button--ascending path+path{fill:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-70))}.ckbox:not(#n) .ckbox-sort-button--descending path{fill:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-70))}.ckbox:not(#n) .ckbox-sort-button--descending path+path{fill:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50))}.ckbox:not(#n) .ckbox-switch-input{display:inline-block}.ckbox:not(#n) .ckbox-switch-input__input{cursor:pointer;-webkit-appearance:none;appearance:none;width:40px;height:23px;background:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));border-radius:calc(var(--ckbox-radius-big) * 2);border:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-80));position:relative}.ckbox:not(#n) .ckbox-switch-input__input:focus{box-shadow:0 0 0 1.5px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%)),0 0 0 3.5px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%)))}.ckbox:not(#n) .ckbox-switch-input__input:focus-visible,.ckbox:not(#n) .ckbox-switch-input__input--focus-visible{box-shadow:0 0 0 1.5px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%)),0 0 0 3.5px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%)))}.ckbox:not(#n) .ckbox-switch-input__input:focus:not(:focus-visible){box-shadow:none}.ckbox:not(#n) .ckbox-switch-input__input::before{width:17px;height:17px;border-radius:50%;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-70));content:"";position:absolute;left:2px;top:2px;transition-duration:calc(var(--ckbox-animation-duration-primary)*1ms);transition-property:background-color,left;box-shadow:var(--ckbox-shadow-level-1)}.ckbox:not(#n) .ckbox-switch-input__input:checked::before{left:calc(100% - 17px - 2px);background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50))}.ckbox:not(#n) .ckbox-tabs__nav{display:flex}.ckbox:not(#n) .ckbox-tabs__tab{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-98));border-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90));border-style:solid;border-width:1px 0 0 1px;cursor:pointer;padding:var(--ckbox-spacing-smaller) var(--ckbox-spacing-big);color:inherit}.ckbox:not(#n) .ckbox-tabs__tab:focus{box-shadow:0 0 0 1.5px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%)),0 0 0 3.5px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%)))}.ckbox:not(#n) .ckbox-tabs__tab:focus-visible,.ckbox:not(#n) .ckbox-tabs__tab--focus-visible{box-shadow:0 0 0 1.5px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%)),0 0 0 3.5px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%)));z-index:2}.ckbox:not(#n) .ckbox-tabs__tab:focus:not(:focus-visible){box-shadow:none}.ckbox:not(#n) .ckbox-tabs__tab:last-of-type{border-right-width:1px}.ckbox:not(#n) .ckbox-tabs__tab--active{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));border-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90));border-width:0 1px;font-weight:600;position:relative;z-index:1}.ckbox:not(#n) .ckbox-tabs__tab--active::before,.ckbox:not(#n) .ckbox-tabs__tab--active::after{content:"";height:2px;position:absolute}.ckbox:not(#n) .ckbox-tabs__tab--active::before{background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50));left:-1px;top:0;width:calc(100% + 2px)}.ckbox:not(#n) .ckbox-tabs__tab--active::after{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));bottom:-2px;left:0;width:100%}.ckbox:not(#n) .ckbox-tabs__tab--active+.ckbox-tabs__tab{border-left-width:0}.ckbox:not(#n) .ckbox-tabs__content{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));border:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90));padding:var(--ckbox-spacing-big);position:relative}.ckbox:not(#n) .ckbox-tag{align-items:center;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90));border-radius:var(--ckbox-radius-medium);display:inline-flex;font-size:var(--ckbox-font-small);padding:var(--ckbox-spacing-compact) var(--ckbox-spacing-small);min-width:0}.ckbox:not(#n) .ckbox-tag--removable{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));box-shadow:var(--ckbox-shadow-level-1);gap:var(--ckbox-spacing-smallest);padding-bottom:var(--ckbox-spacing-compact);padding-left:var(--ckbox-spacing-smallest);padding-right:var(--ckbox-spacing-compact);padding-top:var(--ckbox-spacing-compact)}.ckbox:not(#n) .ckbox-tag--radius-md{border-radius:var(--ckbox-radius-medium)}.ckbox:not(#n) .ckbox-tag--radius-lg{border-radius:var(--ckbox-radius-big)}.ckbox:not(#n) .ckbox-tag--radius-xl{border-radius:var(--ckbox-radius-bigger)}.ckbox:not(#n) .ckbox-tag--size-sm{font-size:var(--ckbox-font-smaller)}.ckbox:not(#n) .ckbox-tag-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ckbox:not(#n) .ckbox-tag-label--bold{font-weight:700}.ckbox:not(#n) .ckbox-tag-list{display:flex;flex-wrap:wrap;gap:var(--ckbox-spacing-compact);align-items:center;min-width:0}.ckbox:not(#n) .ckbox-tag-list--hidden{visibility:hidden;overflow:hidden}.ckbox:not(#n) .ckbox-tag-list--grow{flex-grow:1}.ckbox:not(#n) .ckbox-tag-input{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10));font-size:var(--ckbox-font-small);--ckbox-focus-color-outer-a: 20%;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-98));border-radius:var(--ckbox-radius-medium);border:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-70));padding:var(--ckbox-spacing-smallest) var(--ckbox-spacing-smaller);width:100%;display:flex;align-items:center;gap:var(--ckbox-spacing-smallest);cursor:text;align-items:flex-start}.ckbox:not(#n) .ckbox-tag-input:focus{box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%))}.ckbox:not(#n) .ckbox-tag-input:focus-visible,.ckbox:not(#n) .ckbox-tag-input--focus-visible{box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%));border-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50))}.ckbox:not(#n) .ckbox-tag-input:focus:not(:focus-visible){box-shadow:none}.ckbox:not(#n) .ckbox-tag-input--error{border-color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-50))}.ckbox:not(#n) .ckbox-tag-input--error:focus{box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%))}.ckbox:not(#n) .ckbox-tag-input--error:focus-visible,.ckbox:not(#n) .ckbox-tag-input--error--focus-visible{box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%));border-color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-50))}.ckbox:not(#n) .ckbox-tag-input--error:focus:not(:focus-visible){box-shadow:none}.ckbox:not(#n) .ckbox-tag-input--disabled,.ckbox:not(#n) .ckbox-tag-input:disabled{opacity:.5;pointer-events:none}.ckbox:not(#n) .ckbox-tag-input__field{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10));font-size:var(--ckbox-font-small);-webkit-appearance:none;appearance:none;background-color:rgba(0,0,0,0);border:0;outline:none;padding:0;max-width:100%;flex-grow:1}.ckbox:not(#n) .ckbox-tag-input__field::placeholder{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-50))}.ckbox:not(#n) .ckbox-tag-input__field{height:calc(var(--ckbox-spacing-smallest) + calc(var(--ckbox-spacing-tiny) * 2 + 2px + var(--ckbox-spacing-base)));min-width:2px}.ckbox:not(#n) .ckbox-tag-input__field--hidden{position:absolute;height:0;overflow:hidden;white-space:pre}.ckbox:not(#n) .ckbox-tag-input__list{flex-grow:1}.ckbox:not(#n) .ckbox-tag-input__copy-button-wrapper{flex-shrink:0}.ckbox:not(#n) .ckbox-text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.ckbox:not(#n) .ckbox-text-ellipsis--nowrap{white-space:initial}.ckbox:not(#n) .ckbox-tooltip{z-index:60;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10));border-radius:var(--ckbox-radius-big);max-width:99%}.ckbox:not(#n) .ckbox-tooltip__content{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));font-size:var(--ckbox-font-small);padding:var(--ckbox-spacing-compact) var(--ckbox-spacing-smallest);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ckbox:not(#n) .ckbox-topbar-actions{align-items:center;display:flex;flex-grow:1;padding:var(--ckbox-spacing-compact);opacity:1;transition:opacity calc(var(--ckbox-animation-duration-primary)*1ms);overflow:hidden}.ckbox:not(#n) .ckbox-topbar-actions--hidden{opacity:0}.ckbox:not(#n) .ckbox-topbar{align-items:center;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));box-shadow:var(--ckbox-shadow-bottom);display:flex;padding:var(--ckbox-spacing-compact) var(--ckbox-spacing-small) var(--ckbox-spacing-compact) var(--ckbox-spacing-smallest);position:relative;height:48px}.ckbox:not(#n) .ckbox-topbar__side-content{align-items:center;display:flex;flex-shrink:0;gap:calc(var(--ckbox-spacing-compact) * 1.5)}.ckbox:not(#n) .ckbox-view{display:grid;height:100%;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-98));grid-template-columns:1fr auto}.ckbox:not(#n) .ckbox-view-header{z-index:1}.ckbox:not(#n) .ckbox-view-header,.ckbox:not(#n) .ckbox-view-footer{flex-shrink:0}.ckbox:not(#n) .ckbox-view-content-wrapper{display:flex;flex-direction:column;height:100%;flex:1;min-height:0;min-width:0}.ckbox:not(#n) .ckbox-view-content{flex-grow:1;overflow-x:hidden;padding:calc(var(--ckbox-spacing-small) - 2px) calc(var(--ckbox-spacing-small) - 2px);position:relative;z-index:0;border:2px solid rgba(0,0,0,0);transition:border-color calc(var(--ckbox-animation-duration-primary)*1ms)}.ckbox:not(#n) .ckbox-view-content--outline{border-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50))}.ckbox:not(#n) .ckbox-view-content--compact{padding:0 calc(var(--ckbox-spacing-big) - 2px) calc(var(--ckbox-spacing-smaller) - 2px) calc(var(--ckbox-spacing-big) - 2px)}.ckbox:not(#n) .ckbox-view-content-bar{flex-shrink:0;padding:var(--ckbox-spacing-smallest) 0}.ckbox:not(#n) .ckbox-view-side-content{height:100%;overflow-y:auto}.ckbox:not(#n) .ckbox-view-dialog{border:var(--ckbox-container-border);border-radius:var(--ckbox-radius-medium);box-shadow:0 4px 8px 4px var(--ckbox-shadow-color);position:fixed;z-index:30;overflow:hidden;overflow:clip}.ckbox:not(#n) .ckbox-view-dialog--noselect{-webkit-user-select:none;user-select:none}.ckbox:not(#n) .ckbox-view-dialog__content{height:calc(100% - var(--ckbox-spacing-compact) * 2 - calc(var(--ckbox-spacing-tiny) * 2 + 2px + var(--ckbox-spacing-base)));position:relative;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-98))}.ckbox:not(#n) .ckbox-view-dialog__header{align-items:center;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-98));cursor:move;display:flex;justify-content:flex-end;padding:var(--ckbox-spacing-compact) var(--ckbox-spacing-smaller);position:relative;box-shadow:inset 0 -1px 0 0 hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-20)/10%)}.ckbox:not(#n) .ckbox-view-dialog__se,.ckbox:not(#n) .ckbox-view-dialog__sw{bottom:0;height:var(--ckbox-spacing-base);position:absolute;width:var(--ckbox-spacing-base);overflow:hidden;z-index:50}.ckbox:not(#n) .ckbox-view-dialog__se::before,.ckbox:not(#n) .ckbox-view-dialog__sw::before{content:"";display:block;height:var(--ckbox-spacing-tiny);position:absolute;top:var(--ckbox-spacing-compact);width:var(--ckbox-spacing-bigger)}.ckbox:not(#n) .ckbox-view-dialog__se{cursor:se-resize;right:0}.ckbox:not(#n) .ckbox-view-dialog__se::before{right:0;padding-left:50%;transform:translateX(45%) rotate(-45deg)}.ckbox:not(#n) .ckbox-view-dialog__sw{cursor:sw-resize;left:0}.ckbox:not(#n) .ckbox-view-dialog__sw::before{left:0;padding-right:50%;transform:translateX(-45%) rotate(45deg)}.ckbox:not(#n) .ckbox-view-wrapper{--ckbox-view-wrapper-navbar-width-clamped: clamp( var(--ckbox-view-wrapper-navbar-min-width), var(--ckbox-view-wrapper-navbar-width), var(--ckbox-view-wrapper-navbar-max-width) );display:grid;grid-template-columns:var(--ckbox-view-wrapper-navbar-width-clamped) 1fr;grid-template-rows:100%;height:100%;isolation:isolate;position:relative;overflow:hidden}.ckbox:not(#n) .ckbox-view-wrapper__overlay--resizing{cursor:col-resize}.ckbox:not(#n) .ckbox-view-wrapper__navbar{position:relative;z-index:1}.ckbox:not(#n) .ckbox-view-wrapper__divider{opacity:0;position:absolute;width:11px;background:linear-gradient(to right, transparent 4px, var(--ckbox-divider-color, hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-80))) 4px, var(--ckbox-divider-color, hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-80))) 7px, transparent 7px);z-index:2;top:0;left:calc(var(--ckbox-view-wrapper-navbar-width-clamped) - 5.5px);height:100%;cursor:col-resize;transition:opacity calc(var(--ckbox-animation-duration-primary)*1ms) linear}.ckbox:not(#n) .ckbox-view-wrapper__divider:hover,.ckbox:not(#n) .ckbox-view-wrapper__divider--active{opacity:1}.ckbox:not(#n) .ckbox-view-wrapper__content{z-index:0;min-width:0;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-98))}.ckbox:not(#n) .ckbox-search-results-bar{display:flex;align-items:center;gap:var(--ckbox-spacing-smallest);flex-wrap:wrap}.ckbox:not(#n) .ckbox-search-results-bar-phrase{font-size:var(--ckbox-font-small);white-space:nowrap}.ckbox:not(#n) .ckbox-sr-only{clip:rect(0 0 0 0);clip-path:inset(100%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.ckbox:not(#n) .ckbox-full-height{height:100%}.ckbox-reset:not(#n)>.ckbox{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10));font-family:var(--ckbox-font-family);height:100%;overflow:hidden;overflow:clip;scrollbar-color:hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60)/50%) rgba(0,0,0,0);scrollbar-width:thin;position:relative;border:var(--ckbox-container-border)}.ckbox-reset:not(#n)>.ckbox--dialog{isolation:isolate;z-index:var(--ckbox-z-index-root);overflow:initial;border:0}.ckbox-reset:not(#n)>.ckbox *::-webkit-scrollbar{width:var(--ckbox-spacing-smallest)}.ckbox-reset:not(#n)>.ckbox *::-webkit-scrollbar-thumb{background-color:hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60)/50%);border-radius:var(--ckbox-radius-big);border:var(--ckbox-spacing-tiny) solid rgba(0,0,0,0);background-clip:padding-box}
package/dist/styles/themes/aqua.css CHANGED
@@ -1 +1 @@
1
- .ckbox-theme-aqua{--ckbox-action-h: 220;--ckbox-action-s: 90%;--ckbox-danger-h: 358;--ckbox-danger-s: 73%;--ckbox-warning-h: 33;--ckbox-warning-s: 89%}.ckbox-theme-aqua .ckbox-dialog-header,.ckbox-theme-aqua .ckbox-view-dialog__header{--ckbox-neutral-h: 208;--ckbox-neutral-s: 90%;--ckbox-neutral-l-98: 55%;--ckbox-neutral-l-40: 95%}.ckbox-theme-aqua .ckbox-navbar,.ckbox-theme-aqua .ckbox-navbar-scrollable-content{--ckbox-neutral-h: 208;--ckbox-neutral-s: 90%;--ckbox-neutral-l-60: 90%;--ckbox-neutral-l-100: 55%}.ckbox-theme-aqua .ckbox-navbar{color:#fff;border-right:0}.ckbox-theme-aqua .ckbox-navbar *:not(.ckbox-navbar-scrollable-content){--ckbox-neutral-h: 214;--ckbox-neutral-s: 10%}.ckbox-theme-aqua .ckbox-navbar .ckbox-navbar-item-container--active{background-color:rgba(178,182,184,.2588235294)}.ckbox-theme-aqua .ckbox-navbar .ckbox-navbar-item__caret .ckbox-icon{--ckbox-neutral-l-50: 90%;--ckbox-neutral-l-90: 90%}.ckbox-theme-aqua .ckbox-navbar .ckbox-navbar-item{font-weight:400}.ckbox-theme-aqua .ckbox-navbar .ckbox-navbar-item--active{color:#fff}.ckbox-theme-aqua .ckbox-navbar .ckbox-navbar-item-label__icon{--ckbox-neutral-l-70: 80%;--ckbox-neutral-l-90: 90%}.ckbox-theme-aqua .ckbox-navbar .ckbox-navbar-link{color:#fff}.ckbox-theme-aqua .ckbox-navbar .ckbox-btn__icon{--ckbox-btn-icon-color-override: #fff}
1
+ .ckbox-theme-aqua:not(#n){--ckbox-action-h: 220;--ckbox-action-s: 90%;--ckbox-danger-h: 358;--ckbox-danger-s: 73%;--ckbox-warning-h: 33;--ckbox-warning-s: 89%}.ckbox-theme-aqua:not(#n) .ckbox-dialog-header,.ckbox-theme-aqua:not(#n) .ckbox-view-dialog__header{--ckbox-neutral-h: 208;--ckbox-neutral-s: 90%;--ckbox-neutral-l-98: 55%;--ckbox-neutral-l-40: 95%}.ckbox-theme-aqua:not(#n) .ckbox-navbar,.ckbox-theme-aqua:not(#n) .ckbox-navbar-scrollable-content{--ckbox-neutral-h: 208;--ckbox-neutral-s: 90%;--ckbox-neutral-l-60: 90%;--ckbox-neutral-l-100: 55%}.ckbox-theme-aqua:not(#n) .ckbox-navbar{color:#fff;border-right:0}.ckbox-theme-aqua:not(#n) .ckbox-navbar *:not(.ckbox-navbar-scrollable-content){--ckbox-neutral-h: 214;--ckbox-neutral-s: 10%}.ckbox-theme-aqua:not(#n) .ckbox-navbar .ckbox-navbar-item-container--active{background-color:rgba(178,182,184,.2588235294)}.ckbox-theme-aqua:not(#n) .ckbox-navbar .ckbox-navbar-item__caret .ckbox-icon{--ckbox-neutral-l-50: 90%;--ckbox-neutral-l-90: 90%}.ckbox-theme-aqua:not(#n) .ckbox-navbar .ckbox-navbar-item{font-weight:400}.ckbox-theme-aqua:not(#n) .ckbox-navbar .ckbox-navbar-item--active{color:#fff}.ckbox-theme-aqua:not(#n) .ckbox-navbar .ckbox-navbar-item-label__icon{--ckbox-neutral-l-70: 80%;--ckbox-neutral-l-90: 90%}.ckbox-theme-aqua:not(#n) .ckbox-navbar .ckbox-navbar-link{color:#fff}.ckbox-theme-aqua:not(#n) .ckbox-navbar .ckbox-btn__icon{--ckbox-btn-icon-color-override: #fff}
package/dist/styles/themes/dark.css CHANGED
@@ -1 +1 @@
1
- .ckbox-theme-dark{--ckbox-action-l-10: 98%;--ckbox-action-l-20: 95%;--ckbox-action-l-30: 90%;--ckbox-action-l-40: 85%;--ckbox-action-l-45: 75%;--ckbox-action-l-50: 70%;--ckbox-action-l-60: 65%;--ckbox-action-l-70: 55%;--ckbox-action-l-80: 45%;--ckbox-action-l-90: 35%;--ckbox-action-l-100: 7.5%;--ckbox-danger-l-10: 98%;--ckbox-danger-l-20: 90%;--ckbox-danger-l-30: 80%;--ckbox-danger-l-40: 70%;--ckbox-danger-l-45: 75%;--ckbox-danger-l-50: 70%;--ckbox-danger-l-60: 65%;--ckbox-danger-l-70: 55%;--ckbox-danger-l-80: 45%;--ckbox-danger-l-90: 35%;--ckbox-danger-l-100: 25%;--ckbox-neutral-l-10: 95%;--ckbox-neutral-l-20: 85%;--ckbox-neutral-l-30: 75%;--ckbox-neutral-l-40: 65%;--ckbox-neutral-l-50: 55%;--ckbox-neutral-l-60: 45%;--ckbox-neutral-l-70: 35%;--ckbox-neutral-l-80: 25%;--ckbox-neutral-l-90: 22%;--ckbox-neutral-l-95: 12%;--ckbox-neutral-l-98: 10%;--ckbox-neutral-l-100: 8%;--ckbox-success-h: 130;--ckbox-success-s: 50%;--ckbox-success-l-10: 98%;--ckbox-success-l-20: 90%;--ckbox-success-l-30: 80%;--ckbox-success-l-35: 75%;--ckbox-success-l-40: 70%;--ckbox-success-l-45: 75%;--ckbox-success-l-50: 70%;--ckbox-success-l-60: 65%;--ckbox-success-l-70: 55%;--ckbox-success-l-80: 45%;--ckbox-success-l-90: 35%;--ckbox-success-l-100: 25%;--ckbox-focus-color-inner: transparent;--ckbox-focus-color-outer-hsl: var(--ckbox-warning-h) var(--ckbox-warning-s) 50%}
1
+ .ckbox-theme-dark:not(#n){--ckbox-action-l-10: 98%;--ckbox-action-l-20: 95%;--ckbox-action-l-30: 90%;--ckbox-action-l-40: 85%;--ckbox-action-l-45: 75%;--ckbox-action-l-50: 70%;--ckbox-action-l-60: 65%;--ckbox-action-l-70: 55%;--ckbox-action-l-80: 45%;--ckbox-action-l-90: 35%;--ckbox-action-l-100: 7.5%;--ckbox-danger-l-10: 98%;--ckbox-danger-l-20: 90%;--ckbox-danger-l-30: 80%;--ckbox-danger-l-40: 70%;--ckbox-danger-l-45: 75%;--ckbox-danger-l-50: 70%;--ckbox-danger-l-60: 65%;--ckbox-danger-l-70: 55%;--ckbox-danger-l-80: 45%;--ckbox-danger-l-90: 35%;--ckbox-danger-l-100: 25%;--ckbox-neutral-l-10: 95%;--ckbox-neutral-l-20: 85%;--ckbox-neutral-l-30: 75%;--ckbox-neutral-l-40: 65%;--ckbox-neutral-l-50: 55%;--ckbox-neutral-l-60: 45%;--ckbox-neutral-l-70: 35%;--ckbox-neutral-l-80: 25%;--ckbox-neutral-l-90: 22%;--ckbox-neutral-l-95: 12%;--ckbox-neutral-l-98: 10%;--ckbox-neutral-l-100: 8%;--ckbox-success-h: 130;--ckbox-success-s: 50%;--ckbox-success-l-10: 98%;--ckbox-success-l-20: 90%;--ckbox-success-l-30: 80%;--ckbox-success-l-35: 75%;--ckbox-success-l-40: 70%;--ckbox-success-l-45: 75%;--ckbox-success-l-50: 70%;--ckbox-success-l-60: 65%;--ckbox-success-l-70: 55%;--ckbox-success-l-80: 45%;--ckbox-success-l-90: 35%;--ckbox-success-l-100: 25%;--ckbox-focus-color-inner: transparent;--ckbox-focus-color-outer-hsl: var(--ckbox-warning-h) var(--ckbox-warning-s) 50%}
package/dist/styles/themes/navy.css CHANGED
@@ -1 +1 @@
1
- .ckbox-theme-navy .ckbox-dialog-header,.ckbox-theme-navy .ckbox-view-dialog__header{--ckbox-neutral-h: 214;--ckbox-neutral-s: 100%;--ckbox-neutral-l-98: 10%;--ckbox-neutral-l-40: 95%}.ckbox-theme-navy .ckbox-navbar,.ckbox-theme-navy .ckbox-navbar-scrollable-content{--ckbox-neutral-h: 214;--ckbox-neutral-s: 100%;--ckbox-neutral-l-60: 90%;--ckbox-neutral-l-100: 10%}.ckbox-theme-navy .ckbox-navbar{color:#fff;border-right:0}.ckbox-theme-navy .ckbox-navbar *:not(.ckbox-navbar-scrollable-content){--ckbox-neutral-h: 214;--ckbox-neutral-s: 10%;--ckbox-neutral-l-10: 98%;--ckbox-neutral-l-20: 85%;--ckbox-neutral-l-30: 75%;--ckbox-neutral-l-40: 65%;--ckbox-neutral-l-50: 55%;--ckbox-neutral-l-60: 50%;--ckbox-neutral-l-70: 45%;--ckbox-neutral-l-80: 40%;--ckbox-neutral-l-90: 22%;--ckbox-neutral-l-95: 12%;--ckbox-neutral-l-98: 10%;--ckbox-neutral-l-100: 5%}.ckbox-theme-navy .ckbox-navbar .ckbox-navbar-item-container--active{background-color:rgba(136,138,143,.2196078431);box-shadow:none}.ckbox-theme-navy .ckbox-navbar .ckbox-navbar-item__caret .ckbox-icon{--ckbox-neutral-l-50: 90%;--ckbox-neutral-l-90: 90%}.ckbox-theme-navy .ckbox-navbar .ckbox-navbar-item-container--active .ckbox-navbar-item:first-child .ckbox-icon{--ckbox-neutral-l-60: 90%}.ckbox-theme-navy .ckbox-navbar .ckbox-navbar-item{font-weight:400}.ckbox-theme-navy .ckbox-navbar .ckbox-navbar-item--active{color:#fff}.ckbox-theme-navy .ckbox-navbar .ckbox-navbar-item-label__icon{--ckbox-neutral-l-90: 90%}.ckbox-theme-navy .ckbox-navbar .ckbox-navbar-link{color:#fff}
1
+ .ckbox-theme-navy:not(#n) .ckbox-dialog-header,.ckbox-theme-navy:not(#n) .ckbox-view-dialog__header{--ckbox-neutral-h: 214;--ckbox-neutral-s: 100%;--ckbox-neutral-l-98: 10%;--ckbox-neutral-l-40: 95%}.ckbox-theme-navy:not(#n) .ckbox-navbar,.ckbox-theme-navy:not(#n) .ckbox-navbar-scrollable-content{--ckbox-neutral-h: 214;--ckbox-neutral-s: 100%;--ckbox-neutral-l-60: 90%;--ckbox-neutral-l-100: 10%}.ckbox-theme-navy:not(#n) .ckbox-navbar{color:#fff;border-right:0}.ckbox-theme-navy:not(#n) .ckbox-navbar *:not(.ckbox-navbar-scrollable-content){--ckbox-neutral-h: 214;--ckbox-neutral-s: 10%;--ckbox-neutral-l-10: 98%;--ckbox-neutral-l-20: 85%;--ckbox-neutral-l-30: 75%;--ckbox-neutral-l-40: 65%;--ckbox-neutral-l-50: 55%;--ckbox-neutral-l-60: 50%;--ckbox-neutral-l-70: 45%;--ckbox-neutral-l-80: 40%;--ckbox-neutral-l-90: 22%;--ckbox-neutral-l-95: 12%;--ckbox-neutral-l-98: 10%;--ckbox-neutral-l-100: 5%}.ckbox-theme-navy:not(#n) .ckbox-navbar .ckbox-navbar-item-container--active{background-color:rgba(136,138,143,.2196078431);box-shadow:none}.ckbox-theme-navy:not(#n) .ckbox-navbar .ckbox-navbar-item__caret .ckbox-icon{--ckbox-neutral-l-50: 90%;--ckbox-neutral-l-90: 90%}.ckbox-theme-navy:not(#n) .ckbox-navbar .ckbox-navbar-item-container--active .ckbox-navbar-item:first-child .ckbox-icon{--ckbox-neutral-l-60: 90%}.ckbox-theme-navy:not(#n) .ckbox-navbar .ckbox-navbar-item{font-weight:400}.ckbox-theme-navy:not(#n) .ckbox-navbar .ckbox-navbar-item--active{color:#fff}.ckbox-theme-navy:not(#n) .ckbox-navbar .ckbox-navbar-item-label__icon{--ckbox-neutral-l-90: 90%}.ckbox-theme-navy:not(#n) .ckbox-navbar .ckbox-navbar-link{color:#fff}