ckbox 1.2.0 → 1.2.1-rc.0

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 (5) hide show
  1. package/README.md +5 -3
  2. package/dist/ckbox.js +1 -1
  3. package/dist/index.js +1 -1
  4. package/dist/styles/ckbox.css +3 -3
  5. package/package.json +4 -4
package/dist/index.js CHANGED
@@ -1,4 +1,4 @@
1
1
  /**
2
2
  * @license Copyright (c) 2003-2022, CKSource Holding sp. z o.o. All rights reserved.
3
3
  */
4
- function _0x2043(){const _0x14c38f=['createRoot','freeze','unmount','278165pvodzA','28bkDZwk','CKBox','assets','onClose','318042rXQelE','onChoose','84noTPsO','call','7580368sqdatw','3555WxMChk','19240870RVqHCX','boolean','156854zPccMD','2914226tUHNEd','createElement','10FeqFiO','bind','23110buvJhb'];_0x2043=function(){return _0x14c38f;};return _0x2043();}const _0x313968=_0x1d14;(function(_0x55e15e,_0x3895c4){const _0x10a068=_0x1d14,_0x5e4563=_0x55e15e();while(!![]){try{const _0x20f9b1=parseInt(_0x10a068(0xd5))/0x1*(-parseInt(_0x10a068(0xd2))/0x2)+parseInt(_0x10a068(0xe0))/0x3*(parseInt(_0x10a068(0xdc))/0x4)+-parseInt(_0x10a068(0xdb))/0x5*(parseInt(_0x10a068(0xe2))/0x6)+-parseInt(_0x10a068(0xd3))/0x7+parseInt(_0x10a068(0xe4))/0x8+-parseInt(_0x10a068(0xe5))/0x9*(parseInt(_0x10a068(0xd7))/0xa)+parseInt(_0x10a068(0xe6))/0xb;if(_0x20f9b1===_0x3895c4)break;else _0x5e4563['push'](_0x5e4563['shift']());}catch(_0x522023){_0x5e4563['push'](_0x5e4563['shift']());}}}(_0x2043,0x856d7));import*as _0x1a931a from'react';function _0x1d14(_0x533059,_0x2d91be){const _0x204347=_0x2043();return _0x1d14=function(_0x1d1423,_0x379fab){_0x1d1423=_0x1d1423-0xd1;let _0x147a04=_0x204347[_0x1d1423];return _0x147a04;},_0x1d14(_0x533059,_0x2d91be);}export{_0x1a931a as React};import*as _0x5c7375 from'react-dom/client';import{CKBox as _0x5dc806,version}from'@ckbox/core';export{version}from'@ckbox/core';const getDialogProps=(_0x304d73,_0x1ba13c)=>{const _0x323d16=_0x304d73['dialog'];if(!_0x323d16)return![];if(typeof _0x323d16==='boolean'){const _0x337b4f=()=>{_0x1ba13c();};return{'open':!![],'onClose':_0x337b4f};}const _0x5c1454=()=>{const _0x1737ac=_0x1d14;var _0x3cf881;(_0x3cf881=_0x323d16[_0x1737ac(0xdf)])===null||_0x3cf881===void 0x0?void 0x0:_0x3cf881[_0x1737ac(0xe3)](_0x323d16),_0x1ba13c();};return{..._0x323d16,'open':!![],'onClose':_0x5c1454};},getAssetsProps=(_0x5d5bbf,_0x579e7c)=>{const _0x309608=_0x1d14;var _0x395f1c;const _0x10828c=(_0x395f1c=_0x5d5bbf[_0x309608(0xde)])===null||_0x395f1c===void 0x0?void 0x0:_0x395f1c[_0x309608(0xe1)];if(!_0x10828c)return _0x5d5bbf[_0x309608(0xde)];const _0x523df7=_0x3897b9=>{const _0x2113bf=_0x309608;var _0x2dfa45;_0x10828c(_0x3897b9),_0x579e7c&&typeof _0x579e7c!==_0x2113bf(0xd1)&&((_0x2dfa45=_0x579e7c[_0x2113bf(0xdf)])===null||_0x2dfa45===void 0x0?void 0x0:_0x2dfa45[_0x2113bf(0xe3)](_0x579e7c));};return{..._0x5d5bbf[_0x309608(0xde)],'onChoose':_0x523df7};},mount=(_0x5c154c,_0x1b8bee)=>{const _0x3ead96=_0x1d14,_0x4b19d5=_0x5c7375[_0x3ead96(0xd8)](_0x5c154c),_0xab6cbf=_0x4b19d5[_0x3ead96(0xda)][_0x3ead96(0xd6)](_0x4b19d5),_0x5374ad=getDialogProps(_0x1b8bee,_0xab6cbf),_0x405120=getAssetsProps(_0x1b8bee,_0x5374ad);return _0x4b19d5['render'](_0x1a931a[_0x3ead96(0xd4)](_0x5dc806,{..._0x1b8bee,'assets':_0x405120,'dialog':_0x5374ad})),{'unmount':_0xab6cbf};};var CKBox=Object[_0x313968(0xd9)]({'__proto__':null,'mount':mount,'React':_0x1a931a,'version':version});(function(){const _0x575743=_0x313968,_0x109615=globalThis;!_0x109615[_0x575743(0xdd)]&&(_0x109615[_0x575743(0xdd)]=CKBox);}());export{mount};
4
+ function _0x3849(_0x5347c8,_0x105f23){const _0x4f73d6=_0x4f73();return _0x3849=function(_0x3849fa,_0xf5becd){_0x3849fa=_0x3849fa-0x100;let _0x347217=_0x4f73d6[_0x3849fa];return _0x347217;},_0x3849(_0x5347c8,_0x105f23);}const _0x4b9e88=_0x3849;(function(_0x5549c2,_0x5354ff){const _0x39c671=_0x3849,_0x1bf879=_0x5549c2();while(!![]){try{const _0x4f8b9=parseInt(_0x39c671(0x107))/0x1*(-parseInt(_0x39c671(0x100))/0x2)+parseInt(_0x39c671(0x112))/0x3*(-parseInt(_0x39c671(0x101))/0x4)+parseInt(_0x39c671(0x10b))/0x5*(parseInt(_0x39c671(0x115))/0x6)+parseInt(_0x39c671(0x109))/0x7+-parseInt(_0x39c671(0x113))/0x8+parseInt(_0x39c671(0x106))/0x9*(parseInt(_0x39c671(0x10d))/0xa)+-parseInt(_0x39c671(0x10a))/0xb;if(_0x4f8b9===_0x5354ff)break;else _0x1bf879['push'](_0x1bf879['shift']());}catch(_0x25891b){_0x1bf879['push'](_0x1bf879['shift']());}}}(_0x4f73,0xcf60b));import*as _0x8598d0 from'react';export{_0x8598d0 as React};import*as _0x560cf3 from'react-dom/client';import{CKBox as _0x5021d6,version}from'@ckbox/core';export{version}from'@ckbox/core';const getDialogProps=(_0x49ce42,_0x5a59ea)=>{const _0x2f7e0e=_0x3849,_0xcdac21=_0x49ce42['dialog'];if(!_0xcdac21)return![];if(typeof _0xcdac21===_0x2f7e0e(0x110)){const _0x2a3777=()=>{_0x5a59ea();};return{'open':!![],'onClose':_0x2a3777};}const _0x350e5d=()=>{const _0x146c54=_0x2f7e0e;var _0x84d2c2;(_0x84d2c2=_0xcdac21[_0x146c54(0x111)])===null||_0x84d2c2===void 0x0?void 0x0:_0x84d2c2[_0x146c54(0x102)](_0xcdac21),_0x5a59ea();};return{..._0xcdac21,'open':!![],'onClose':_0x350e5d};},getAssetsProps=(_0x4acca2,_0x25a09f)=>{const _0x213def=_0x3849;var _0x4e1e5b;const _0x46b6f4=(_0x4e1e5b=_0x4acca2[_0x213def(0x114)])===null||_0x4e1e5b===void 0x0?void 0x0:_0x4e1e5b[_0x213def(0x103)];if(!_0x46b6f4)return _0x4acca2['assets'];const _0x3fab86=_0x2fc96=>{const _0x5aab6a=_0x213def;var _0x595510;_0x46b6f4(_0x2fc96),_0x25a09f&&typeof _0x25a09f!==_0x5aab6a(0x110)&&((_0x595510=_0x25a09f[_0x5aab6a(0x111)])===null||_0x595510===void 0x0?void 0x0:_0x595510['call'](_0x25a09f));};return{..._0x4acca2[_0x213def(0x114)],'onChoose':_0x3fab86};},mount=(_0x36cf8f,_0x41c8f9)=>{const _0x7eb007=_0x3849,_0x503489=_0x560cf3['createRoot'](_0x36cf8f),_0x2b47f0=_0x503489[_0x7eb007(0x108)][_0x7eb007(0x10c)](_0x503489),_0x303813=getDialogProps(_0x41c8f9,_0x2b47f0),_0x49b8de=getAssetsProps(_0x41c8f9,_0x303813);return _0x503489[_0x7eb007(0x105)](_0x8598d0[_0x7eb007(0x104)](_0x5021d6,{..._0x41c8f9,'assets':_0x49b8de,'dialog':_0x303813})),{'unmount':_0x2b47f0};};var CKBox=Object[_0x4b9e88(0x10f)]({'__proto__':null,'mount':mount,'React':_0x8598d0,'version':version});(function(){const _0x82442b=_0x4b9e88,_0x3da67f=globalThis;!_0x3da67f[_0x82442b(0x10e)]&&(_0x3da67f[_0x82442b(0x10e)]=CKBox);}());function _0x4f73(){const _0x52e8a8=['42xJrJgG','5189232AgKMJf','assets','634356hoqziJ','3914wzUcLI','445304RoFYFJ','call','onChoose','createElement','render','169182ZNdFaU','221yyZhDi','unmount','6841184tTDfZn','8140308ICXzVo','80tVadTh','bind','830GsfjLR','CKBox','freeze','boolean','onClose'];_0x4f73=function(){return _0x52e8a8;};return _0x4f73();}export{mount};
package/dist/styles/ckbox.css CHANGED
@@ -1,5 +1,5 @@
1
- .ckbox-theme-default{--ckbox-action-h: 214;--ckbox-action-s: 100%;--ckbox-danger-h: 356;--ckbox-danger-s: 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-success-h: 147;--ckbox-success-s: 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-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-action-h), var(--ckbox-action-s), 50%) rgba(0,0,0,0);scrollbar-width:thin;position:relative}.ckbox--dialog{isolation:isolate;z-index:var(--ckbox-z-index-root);overflow:initial}.ckbox *::-webkit-scrollbar{width:var(--ckbox-spacing-base)}.ckbox *::-webkit-scrollbar-thumb{background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 50%);border-radius:var(--ckbox-radius-big);border:var(--ckbox-spacing-compact) 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:var(--ckbox-spacing-smallest) var(--ckbox-spacing-big);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), 50%);--ckbox-btn-background-color-fill-hover: hsl(var(--ckbox-action-h), var(--ckbox-action-s), 45%);--ckbox-btn-background-color-fill-active: hsl(var(--ckbox-action-h), var(--ckbox-action-s), 40%);--ckbox-btn-icon-color-outline: hsl(var(--ckbox-action-h), var(--ckbox-action-s), 50%);--ckbox-btn-text-color-outline: hsl(var(--ckbox-action-h), var(--ckbox-action-s), 50%);--ckbox-btn-border-color-outline: hsl(var(--ckbox-action-h), var(--ckbox-action-s), 60%);--ckbox-btn-background-color-outline-hover: hsl(var(--ckbox-action-h), var(--ckbox-action-s), 60%, 7.5%);--ckbox-btn-background-color-outline-active: hsl(var(--ckbox-action-h), var(--ckbox-action-s), 60%, 15%);--ckbox-btn-icon-color-plain: hsl(var(--ckbox-action-h), var(--ckbox-action-s), 50%);--ckbox-btn-text-color-plain: hsl(var(--ckbox-action-h), var(--ckbox-action-s), 50%);--ckbox-btn-background-color-plain-hover: hsl(var(--ckbox-action-h), var(--ckbox-action-s), 60%, 7.5%);--ckbox-btn-background-color-plain-active: hsl(var(--ckbox-action-h), var(--ckbox-action-s), 60%, 15%)}.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), 50%);--ckbox-btn-background-color-fill-hover: hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 45%);--ckbox-btn-background-color-fill-active: hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 40%);--ckbox-btn-icon-color-outline: hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 50%);--ckbox-btn-text-color-outline: hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 50%);--ckbox-btn-border-color-outline: hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 60%);--ckbox-btn-background-color-outline-hover: hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 60%, 7.5%);--ckbox-btn-background-color-outline-active: hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 60%, 15%);--ckbox-btn-icon-color-plain: hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 50%);--ckbox-btn-text-color-plain: hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 50%);--ckbox-btn-background-color-plain-hover: hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 60%, 7.5%);--ckbox-btn-background-color-plain-active: hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 60%, 15%)}.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 .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--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), 50%);border:1px solid hsl(var(--ckbox-action-h), var(--ckbox-action-s), 50%)}.ckbox .ckbox-checkbox--checked:hover{background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 45%)}.ckbox .ckbox-circular-loader{align-items:center;display:flex;height:calc(var(--ckbox-spacing-biggest) + var(--ckbox-spacing-tiny));justify-items:center;position:relative;width:calc(var(--ckbox-spacing-biggest) + var(--ckbox-spacing-tiny));cursor:pointer;-webkit-user-select:none;user-select:none;padding:0;border:0;background-color:rgba(0,0,0,0)}.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), 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{transform:translate(32%, 66%) scale(35%)}.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), 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), 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), 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-radius:var(--ckbox-radius-big);box-shadow:var(--ckbox-shadow-level-4);display:flex;flex-direction:column;overflow:hidden;z-index:40}.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), 50%)}.ckbox .ckbox-dialog-footer__detail--warning{color:hsl(var(--ckbox-warning-h), var(--ckbox-warning-s), 50%, 100%)}.ckbox .ckbox-dialog-header{position:relative;background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 10%)}.ckbox .ckbox-dialog-header--success{background-color:hsl(var(--ckbox-success-h), var(--ckbox-success-s), 35%, 100%)}.ckbox .ckbox-dialog-header--error{background-color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 50%)}.ckbox .ckbox-dialog-header--draggable{cursor:move}.ckbox .ckbox-dialog-header__content{--ckbox-btn-icon-color-override: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));align-items:center;display:flex;justify-content:space-between;padding:var(--ckbox-spacing-compact) var(--ckbox-spacing-smaller);position:relative}.ckbox .ckbox-dialog-header__title{font-size:var(--ckbox-font-bigger);font-weight:900}.ckbox .ckbox-dialog-header__title--sm{font-size:var(--ckbox-font-base);font-weight:400}.ckbox .ckbox-dialog-header__subtitle{font-size:var(--ckbox-font-small)}.ckbox .ckbox-dialog-header__subtitle--gap{margin-left:var(--ckbox-spacing-base)}.ckbox .ckbox-dialog-header__description{align-items:center;display:flex}.ckbox .ckbox-dialog-header__progress-bar{-webkit-appearance:none;appearance:none;height:100%;position:absolute;width:100%;left:0;top:0;border:0}.ckbox .ckbox-dialog-header__progress-bar::-webkit-progress-bar,.ckbox .ckbox-dialog-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-header__progress-bar::-webkit-progress-value{background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 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-header__progress-bar::-moz-progress-bar{background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 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-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), 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), 60%, 15%);color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 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 1px var(--ckbox-shadow-color);position:absolute;z-index:30;top:0;right:0}.ckbox .ckbox-drawer-header{display:flex;justify-content:space-between;padding:var(--ckbox-spacing-smaller)}.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;gap:var(--ckbox-spacing-smallest);padding:var(--ckbox-spacing-smaller)}.ckbox .ckbox-drawer-section--fixed-height{min-height:100px;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:var(--ckbox-spacing-smallest) var(--ckbox-spacing-smaller);flex:1;overflow:auto;gap:var(--ckbox-spacing-medium)}.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), 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), 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;display:flex;flex-direction:column;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);top:0;left:0;z-index:70}.ckbox .ckbox-file-preview-actions{display:grid;grid-auto-flow:column;align-items:center;grid-template-columns:min-content 1fr 1fr 1fr min-content;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{justify-self:left}.ckbox .ckbox-file-preview-actions__action-buttons{justify-self:center;display:flex;gap:var(--ckbox-spacing-small)}.ckbox .ckbox-file-preview-actions__close-button{grid-column:5}.ckbox .ckbox-file-preview-actions__title{font-size:var(--ckbox-font-small);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ckbox .ckbox-file-preview-content{flex-grow:1;position:relative;z-index:0}.ckbox .ckbox-file-preview-hoverable{position:absolute;z-index:1;height:100%;width:100%;opacity:0;top:0;left:0;transition:opacity calc(var(--ckbox-animation-duration-primary)*1ms)}.ckbox .ckbox-file-preview-hoverable:hover{opacity:1}.ckbox .ckbox-file-preview-navigation-button{position:absolute;padding:var(--ckbox-spacing-base);height:100%;width:20%;display:flex;align-items:center;top:0;z-index:1}.ckbox .ckbox-file-preview-navigation-button--left{left:0}.ckbox .ckbox-file-preview-navigation-button--right{justify-content:flex-end;right:0}.ckbox .ckbox-file-preview-tooltip{position:absolute;z-index:0;bottom:0;display:flex;justify-content:center;width:100%;padding: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), 50%)}.ckbox .ckbox-form-feedback--warning{color:hsl(var(--ckbox-warning-h), var(--ckbox-warning-s), 50%, 100%)}.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-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-base);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), 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), 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)}.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-danger-h: 356;--ckbox-danger-s: 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-success-h: 147;--ckbox-success-s: 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-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-action-h), var(--ckbox-action-s), 50%) rgba(0,0,0,0);scrollbar-width:thin;position:relative}.ckbox--dialog{isolation:isolate;z-index:var(--ckbox-z-index-root);overflow:initial}.ckbox *::-webkit-scrollbar{width:var(--ckbox-spacing-base)}.ckbox *::-webkit-scrollbar-thumb{background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 50%);border-radius:var(--ckbox-radius-big);border:var(--ckbox-spacing-compact) 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:var(--ckbox-spacing-smallest) var(--ckbox-spacing-big);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), 50%);--ckbox-btn-background-color-fill-hover: hsl(var(--ckbox-action-h), var(--ckbox-action-s), 45%);--ckbox-btn-background-color-fill-active: hsl(var(--ckbox-action-h), var(--ckbox-action-s), 40%);--ckbox-btn-icon-color-outline: hsl(var(--ckbox-action-h), var(--ckbox-action-s), 50%);--ckbox-btn-text-color-outline: hsl(var(--ckbox-action-h), var(--ckbox-action-s), 50%);--ckbox-btn-border-color-outline: hsl(var(--ckbox-action-h), var(--ckbox-action-s), 60%);--ckbox-btn-background-color-outline-hover: hsl(var(--ckbox-action-h), var(--ckbox-action-s), 60%, 7.5%);--ckbox-btn-background-color-outline-active: hsl(var(--ckbox-action-h), var(--ckbox-action-s), 60%, 15%);--ckbox-btn-icon-color-plain: hsl(var(--ckbox-action-h), var(--ckbox-action-s), 50%);--ckbox-btn-text-color-plain: hsl(var(--ckbox-action-h), var(--ckbox-action-s), 50%);--ckbox-btn-background-color-plain-hover: hsl(var(--ckbox-action-h), var(--ckbox-action-s), 60%, 7.5%);--ckbox-btn-background-color-plain-active: hsl(var(--ckbox-action-h), var(--ckbox-action-s), 60%, 15%)}.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), 50%);--ckbox-btn-background-color-fill-hover: hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 45%);--ckbox-btn-background-color-fill-active: hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 40%);--ckbox-btn-icon-color-outline: hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 50%);--ckbox-btn-text-color-outline: hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 50%);--ckbox-btn-border-color-outline: hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 60%);--ckbox-btn-background-color-outline-hover: hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 60%, 7.5%);--ckbox-btn-background-color-outline-active: hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 60%, 15%);--ckbox-btn-icon-color-plain: hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 50%);--ckbox-btn-text-color-plain: hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 50%);--ckbox-btn-background-color-plain-hover: hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 60%, 7.5%);--ckbox-btn-background-color-plain-active: hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 60%, 15%)}.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 .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--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), 50%);border:1px solid hsl(var(--ckbox-action-h), var(--ckbox-action-s), 50%)}.ckbox .ckbox-checkbox--checked:hover{background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 45%)}.ckbox .ckbox-circular-loader{align-items:center;display:flex;height:calc(var(--ckbox-spacing-biggest) + var(--ckbox-spacing-tiny));justify-items:center;position:relative;width:calc(var(--ckbox-spacing-biggest) + var(--ckbox-spacing-tiny));cursor:pointer;-webkit-user-select:none;user-select:none;padding:0;border:0;background-color:rgba(0,0,0,0)}.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), 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{transform:translate(32%, 66%) scale(35%)}.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), 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), 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), 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-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), 50%)}.ckbox .ckbox-dialog-footer__detail--warning{color:hsl(var(--ckbox-warning-h), var(--ckbox-warning-s), 50%, 100%)}.ckbox .ckbox-dialog-header{position:relative;background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 10%)}.ckbox .ckbox-dialog-header--success{background-color:hsl(var(--ckbox-success-h), var(--ckbox-success-s), 35%, 100%)}.ckbox .ckbox-dialog-header--error{background-color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 50%)}.ckbox .ckbox-dialog-header--draggable{cursor:move}.ckbox .ckbox-dialog-header__content{--ckbox-btn-icon-color-override: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));align-items:center;display:flex;justify-content:space-between;padding:var(--ckbox-spacing-compact) var(--ckbox-spacing-smaller);position:relative}.ckbox .ckbox-dialog-header__title{font-size:var(--ckbox-font-bigger);font-weight:900}.ckbox .ckbox-dialog-header__title--sm{font-size:var(--ckbox-font-base);font-weight:400}.ckbox .ckbox-dialog-header__subtitle{font-size:var(--ckbox-font-small)}.ckbox .ckbox-dialog-header__subtitle--gap{margin-left:var(--ckbox-spacing-base)}.ckbox .ckbox-dialog-header__description{align-items:center;display:flex}.ckbox .ckbox-dialog-header__progress-bar{-webkit-appearance:none;appearance:none;height:100%;position:absolute;width:100%;left:0;top:0;border:0}.ckbox .ckbox-dialog-header__progress-bar::-webkit-progress-bar,.ckbox .ckbox-dialog-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-header__progress-bar::-webkit-progress-value{background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 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-header__progress-bar::-moz-progress-bar{background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 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-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), 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), 60%, 15%);color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 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 1px var(--ckbox-shadow-color);position:absolute;z-index:20;top:0;right:0}.ckbox .ckbox-drawer-header{display:flex;justify-content:space-between;padding:var(--ckbox-spacing-smaller)}.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;gap:var(--ckbox-spacing-smallest);padding:var(--ckbox-spacing-smaller)}.ckbox .ckbox-drawer-section--fixed-height{min-height:100px;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:var(--ckbox-spacing-smallest) var(--ckbox-spacing-smaller);flex:1;overflow:auto;gap:var(--ckbox-spacing-medium)}.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), 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), 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;display:flex;flex-direction:column;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);top:0;left:0;z-index:var(--ckbox-z-index-preview)}.ckbox .ckbox-file-preview-actions{display:grid;grid-auto-flow:column;align-items:center;grid-template-columns:min-content 1fr 1fr 1fr min-content;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{justify-self:left}.ckbox .ckbox-file-preview-actions__action-buttons{justify-self:center;display:flex;gap:var(--ckbox-spacing-small)}.ckbox .ckbox-file-preview-actions__close-button{grid-column:5}.ckbox .ckbox-file-preview-actions__title{font-size:var(--ckbox-font-small);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ckbox .ckbox-file-preview-content{flex-grow:1;position:relative;z-index:0}.ckbox .ckbox-file-preview-hoverable{position:absolute;z-index:1;height:100%;width:100%;opacity:0;top:0;left:0;transition:opacity calc(var(--ckbox-animation-duration-primary)*1ms)}.ckbox .ckbox-file-preview-hoverable:hover{opacity:1}.ckbox .ckbox-file-preview-navigation-button{position:absolute;padding:var(--ckbox-spacing-base);height:100%;width:20%;display:flex;align-items:center;top:0;z-index:1}.ckbox .ckbox-file-preview-navigation-button--left{left:0}.ckbox .ckbox-file-preview-navigation-button--right{justify-content:flex-end;right:0}.ckbox .ckbox-file-preview-tooltip{position:absolute;z-index:0;bottom:0;display:flex;justify-content:center;width:100%;padding: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), 50%)}.ckbox .ckbox-form-feedback--warning{color:hsl(var(--ckbox-warning-h), var(--ckbox-warning-s), 50%, 100%)}.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-base);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), 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), 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)}.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(
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), 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), 50%)}.ckbox .ckbox-icon--warning{color:hsl(var(--ckbox-warning-h), var(--ckbox-warning-s), 50%, 100%)}.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-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), 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), 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), 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}.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{display:flex;border-radius:var(--ckbox-radius-medium)}.ckbox .ckbox-list-item__content,.ckbox .ckbox-list-item__button{flex-grow:1;justify-content:start;height:var(--ckbox-spacing-biggest);--ckbox-btn-background-color-plain-hover: variables.$action-60-7-5;--ckbox-btn-font-size: variables.$font-size-medium}.ckbox .ckbox-list-item__content{padding:var(--ckbox-spacing-smallest) var(--ckbox-spacing-smaller)}.ckbox .ckbox-list-item__button-content{display:flex;flex-direction:row;flex-grow:1;gap:var(--ckbox-spacing-smallest);align-items:center}.ckbox .ckbox-list-item__action-buttons{display:flex;align-items:center;align-self:center;padding:var(--ckbox-spacing-compact)}.ckbox .ckbox-list-item__placeholder{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-70));font-weight:400}.ckbox .ckbox-list-item:hover{background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 60%, 7.5%)}.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), 60%, 15%);color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 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-navbar-item{position:relative;display:flex;-webkit-user-select:none;user-select:none}.ckbox .ckbox-navbar-item:hover,.ckbox .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::before{content:"";display:block;position:absolute;left:0;top:0;height:100%;width:var(--ckbox-spacing-compact);background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 50%)}.ckbox .ckbox-navbar-item--disabled{cursor:default;pointer-events:none}.ckbox .ckbox-navbar-item--separator{margin-top:var(--ckbox-font-small)}.ckbox .ckbox-navbar-item--separator::after{border-top:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-50));content:"";display:block;position:absolute;left:var(--ckbox-spacing-base);right:var(--ckbox-spacing-base);top:calc(var(--ckbox-spacing-smallest) * -1)}.ckbox .ckbox-navbar-item__button{align-items:center;background-color:rgba(0,0,0,0);border:0;color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));cursor:pointer;display:flex;font-size:var(--ckbox-font-small);padding:calc(var(--ckbox-spacing-medium) / 2);padding-left:var(--ckbox-spacing-base);transition:background-color calc(var(--ckbox-animation-duration-primary)*1ms);width:100%;position:relative;-webkit-user-select:none;user-select:none;--ckbox-navbar-item-icon-color: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-60))}.ckbox .ckbox-navbar-item__button: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__button:focus-visible,.ckbox .ckbox-navbar-item__button--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__button:focus-visible::before,.ckbox .ckbox-navbar-item__button--focus-visible::before{background-color:rgba(0,0,0,0)}.ckbox .ckbox-navbar-item__button:focus:not(:focus-visible){box-shadow:none}.ckbox .ckbox-navbar-item__button--disabled{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-50));cursor:default;pointer-events:none;--ckbox-navbar-item-icon-color: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-50))}.ckbox .ckbox-navbar-item__button--active{--ckbox-navbar-item-icon-color: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100))}.ckbox .ckbox-navbar-item__button-wrapper{padding-right:var(--ckbox-spacing-compact);align-self:center}.ckbox .ckbox-navbar-item__loader{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-50))}.ckbox .ckbox-navbar-item__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ckbox .ckbox-navbar-item__icon{fill:var(--ckbox-navbar-item-icon-color);margin-right:var(--ckbox-spacing-smallest);transition:fill calc(var(--ckbox-animation-duration-primary)*1ms)}.ckbox .ckbox-navbar-item--animate .ckbox-navbar-item__icon{transition:transform calc(var(--ckbox-animation-duration-primary)*1ms)}.ckbox .ckbox-navbar-item--animate:hover .ckbox-navbar-item__icon{transform:rotate(45deg)}.ckbox .ckbox-navbar-item-fixed-wrapper{margin-top:auto}.ckbox .ckbox-navbar{background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 10%);height:100%;overflow-x:hidden;overflow-y:auto;padding-left:0;display:flex;flex-direction:column}.ckbox .ckbox-navbar::-webkit-scrollbar{width:var(--ckbox-spacing-smaller)}.ckbox .ckbox-navbar-credit-link{display:flex;-webkit-user-select:none;user-select:none;color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));font-size:var(--ckbox-font-smaller);padding:calc(var(--ckbox-spacing-medium) / 2);padding-left:var(--ckbox-spacing-base);text-decoration:none}.ckbox .ckbox-navbar-credit-link--collapsed{padding-left:var(--ckbox-spacing-smaller)}.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{--ckbox-btn-icon-color-override: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));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), 10%);color: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), 35%, 100%);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), 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-overlay{background:rgba(0,0,0,0);z-index:20;position:absolute;width:100%;height:100%;left:0;top:0}.ckbox .ckbox-overlay--dark{background:hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-40)/75%);opacity:.5}.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;width:100%;gap:var(--ckbox-spacing-base)}.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), 50%)}.ckbox .ckbox-panel-title{align-items:center;font-size:var(--ckbox-font-medium);font-weight:600;width:50%}.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-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), 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), 35%, 100%)}.ckbox .ckbox-progress-panel--error{background-color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 60%, 15%);color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 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), 50%);background-color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 60%, 15%)}.ckbox .ckbox-progress-panel--warning{background-color:hsl(var(--ckbox-warning-h), var(--ckbox-warning-s), 60%, 15%);color:hsl(var(--ckbox-warning-h), var(--ckbox-warning-s), 50%, 100%)}.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), 50%, 100%);background-color:hsl(var(--ckbox-warning-h), var(--ckbox-warning-s), 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), 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%)}.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), 50%);border-bottom-left-radius:var(--ckbox-radius-medium);border-top-left-radius:var(--ckbox-radius-medium);height:inherit;position:absolute}.ckbox .ckbox-range-slider__labels{display:flex;font-size:var(--ckbox-font-smallest);padding-top:var(--ckbox-spacing-compact);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--animated .ckbox-range-slider__thumb{transition:transform calc(var(--ckbox-animation-duration-secondary)*1ms) ease-in}.ckbox .ckbox-range-slider--animated .ckbox-range-slider__track-progress{transition:width calc(var(--ckbox-animation-duration-secondary)*1ms) ease-in}.ckbox .ckbox-range-slider--half-width{width:50%}.ckbox .ckbox-range-slider--dragging{cursor:grab}.ckbox .ckbox-responsive-image{height:100%;width:100%;position:relative}.ckbox .ckbox-responsive-image__picture{height:100%;width:100%;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.ckbox .ckbox-responsive-image__picture--centered{display:flex;flex-direction:column;justify-content:center;align-items:center}.ckbox .ckbox-responsive-image__picture--hidden{visibility:hidden;z-index:-1}.ckbox .ckbox-responsive-image__img{height:100%;width:100%}.ckbox .ckbox-responsive-image__img--cover{object-fit:cover}.ckbox .ckbox-responsive-image__img--scale-down{object-fit:scale-down}.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), 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), 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), 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__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}.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:40}.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), 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), 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:40;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), 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), 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), 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), 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), 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-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), 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), 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), 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)))}.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)}.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);white-space:pre-wrap}.ckbox .ckbox-tooltip-icon{padding:var(--ckbox-spacing-compact);color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-60))}.ckbox .ckbox-topbar-actions{align-items:center;display:flex;flex-grow:1;gap:var(--ckbox-spacing-smallest);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-big) var(--ckbox-spacing-compact) var(--ckbox-spacing-medium);min-height:calc(
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), 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), 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), 50%, 100%)}.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-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), 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), 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), 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}.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), 60%, 7.5%)}.ckbox .ckbox-list-item__button:active:focus{background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 60%, 15%)}.ckbox .ckbox-list-item-actions{display:flex;align-items:center;gap:var(--ckbox-spacing-compact)}.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), 60%, 15%);color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 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-40)/75%);opacity:.5}.ckbox .ckbox-navbar-item{position:relative;display:flex;-webkit-user-select:none;user-select:none}.ckbox .ckbox-navbar-item:hover,.ckbox .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::before{content:"";display:block;position:absolute;left:0;top:0;height:100%;width:var(--ckbox-spacing-compact);background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 50%)}.ckbox .ckbox-navbar-item--disabled{cursor:default;pointer-events:none}.ckbox .ckbox-navbar-item--separator{margin-top:var(--ckbox-font-small)}.ckbox .ckbox-navbar-item--separator::after{border-top:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-50));content:"";display:block;position:absolute;left:var(--ckbox-spacing-base);right:var(--ckbox-spacing-base);top:calc(var(--ckbox-spacing-smallest) * -1)}.ckbox .ckbox-navbar-item__button{align-items:center;background-color:rgba(0,0,0,0);border:0;color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));cursor:pointer;display:flex;font-size:var(--ckbox-font-small);padding:calc(var(--ckbox-spacing-medium) / 2);padding-left:var(--ckbox-spacing-base);transition:background-color calc(var(--ckbox-animation-duration-primary)*1ms);width:100%;position:relative;-webkit-user-select:none;user-select:none;--ckbox-navbar-item-icon-color: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-60))}.ckbox .ckbox-navbar-item__button: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__button:focus-visible,.ckbox .ckbox-navbar-item__button--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__button:focus-visible::before,.ckbox .ckbox-navbar-item__button--focus-visible::before{background-color:rgba(0,0,0,0)}.ckbox .ckbox-navbar-item__button:focus:not(:focus-visible){box-shadow:none}.ckbox .ckbox-navbar-item__button--disabled{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-50));cursor:default;pointer-events:none;--ckbox-navbar-item-icon-color: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-50))}.ckbox .ckbox-navbar-item__button--active{--ckbox-navbar-item-icon-color: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100))}.ckbox .ckbox-navbar-item__button-wrapper{padding-right:var(--ckbox-spacing-compact);align-self:center}.ckbox .ckbox-navbar-item__loader{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-50))}.ckbox .ckbox-navbar-item__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ckbox .ckbox-navbar-item__icon{fill:var(--ckbox-navbar-item-icon-color);margin-right:var(--ckbox-spacing-smallest);transition:fill calc(var(--ckbox-animation-duration-primary)*1ms)}.ckbox .ckbox-navbar-item--animate .ckbox-navbar-item__icon{transition:transform calc(var(--ckbox-animation-duration-primary)*1ms)}.ckbox .ckbox-navbar-item--animate:hover .ckbox-navbar-item__icon{transform:rotate(45deg)}.ckbox .ckbox-navbar-item-fixed-wrapper{margin-top:auto}.ckbox .ckbox-navbar{background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 10%);height:100%;overflow-x:hidden;overflow-y:auto;padding-left:0;display:flex;flex-direction:column}.ckbox .ckbox-navbar::-webkit-scrollbar{width:var(--ckbox-spacing-smaller)}.ckbox .ckbox-navbar-credit-link{display:flex;-webkit-user-select:none;user-select:none;color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));font-size:var(--ckbox-font-smaller);padding:calc(var(--ckbox-spacing-medium) / 2);padding-left:var(--ckbox-spacing-base);text-decoration:none}.ckbox .ckbox-navbar-credit-link--collapsed{padding-left:var(--ckbox-spacing-smaller)}.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{--ckbox-btn-icon-color-override: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));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), 10%);color: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), 35%, 100%);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), 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), 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), 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), 35%, 100%)}.ckbox .ckbox-progress-panel--error{background-color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 60%, 15%);color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 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), 50%);background-color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), 60%, 15%)}.ckbox .ckbox-progress-panel--warning{background-color:hsl(var(--ckbox-warning-h), var(--ckbox-warning-s), 60%, 15%);color:hsl(var(--ckbox-warning-h), var(--ckbox-warning-s), 50%, 100%)}.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), 50%, 100%);background-color:hsl(var(--ckbox-warning-h), var(--ckbox-warning-s), 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), 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), 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{height:100%;width:100%;position:relative}.ckbox .ckbox-responsive-image__picture{height:100%;width:100%;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.ckbox .ckbox-responsive-image__picture--centered{display:flex;flex-direction:column;justify-content:center;align-items:center}.ckbox .ckbox-responsive-image__picture--hidden{visibility:hidden;z-index:-1}.ckbox .ckbox-responsive-image__img{height:100%;width:100%}.ckbox .ckbox-responsive-image__img--cover{object-fit:cover}.ckbox .ckbox-responsive-image__img--scale-down{object-fit:scale-down}.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), 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), 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), 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__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}.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), 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), 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), 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), 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), 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), 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), 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-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), 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), 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), 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;gap:var(--ckbox-spacing-smallest);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-big) var(--ckbox-spacing-compact) var(--ckbox-spacing-medium);min-height:calc(
4
4
  var(--ckbox-spacing-biggest) + var(--ckbox-spacing-tiny) + 2 * var(--ckbox-spacing-compact)
5
- );position:relative}.ckbox .ckbox-topbar__side-content{align-items:center;display:flex;flex-shrink:0;gap:var(--ckbox-spacing-smallest)}.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}.ckbox .ckbox-view--side-content{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-smaller) - 2px) calc(var(--ckbox-spacing-big) - 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), 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-radius:var(--ckbox-radius-medium);box-shadow:var(--ckbox-shadow-level-4);position:fixed;z-index:40;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{--ckbox-btn-icon-color-override: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));align-items:center;background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 10%);cursor:move;display:flex;justify-content:flex-end;padding:var(--ckbox-spacing-compact) var(--ckbox-spacing-smaller);position:relative}.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{border-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-80));border-style:solid;border-width:var(--ckbox-spacing-tiny) 0;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), 50%)) 4px, var(--ckbox-divider-color, hsl(var(--ckbox-action-h), var(--ckbox-action-s), 50%)) 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%}
5
+ );position:relative}.ckbox .ckbox-topbar__side-content{align-items:center;display:flex;flex-shrink:0;gap:var(--ckbox-spacing-smallest)}.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-smaller) - 2px) calc(var(--ckbox-spacing-big) - 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), 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-radius:var(--ckbox-radius-medium);box-shadow:var(--ckbox-shadow-level-4);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{--ckbox-btn-icon-color-override: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));align-items:center;background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), 10%);cursor:move;display:flex;justify-content:flex-end;padding:var(--ckbox-spacing-compact) var(--ckbox-spacing-smaller);position:relative}.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{border-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-80));border-style:solid;border-width:var(--ckbox-spacing-tiny) 0;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), 50%)) 4px, var(--ckbox-divider-color, hsl(var(--ckbox-action-h), var(--ckbox-action-s), 50%)) 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%}
package/package.json CHANGED
@@ -20,14 +20,14 @@
20
20
  ],
21
21
  "license": "SEE LICENSE IN LICENSE.md",
22
22
  "name": "ckbox",
23
- "version": "1.2.0",
23
+ "version": "1.2.1-rc.0",
24
24
  "description": "Main CKBox package",
25
25
  "main": "dist/index.js",
26
26
  "types": "dist/index.d.ts",
27
27
  "dependencies": {
28
- "@ckbox/core": "1.2.0",
29
- "@types/react": "^18.0.24",
30
- "@types/react-dom": "^18.0.8",
28
+ "@ckbox/core": "1.2.1-rc.0",
29
+ "@types/react": "^18.0.25",
30
+ "@types/react-dom": "^18.0.9",
31
31
  "react": "^18.2.0",
32
32
  "react-dom": "^18.2.0",
33
33
  "tslib": "^2.4.1"