ckbox 1.3.0-rc.0 → 1.3.0-rc.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +3 -3
- package/dist/ckbox.js +1 -1
- package/dist/index.js +1 -1
- package/dist/styles/ckbox.css +1 -1
- package/dist/translations/en.js +1 -1
- package/package.json +2 -2
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(
|
|
4
|
+
const _0x1f33b9=_0x1174;(function(_0x3cf502,_0x599da5){const _0x457d81=_0x1174,_0x18d9bf=_0x3cf502();while(!![]){try{const _0x13557e=-parseInt(_0x457d81(0x154))/0x1+-parseInt(_0x457d81(0x148))/0x2*(parseInt(_0x457d81(0x14f))/0x3)+-parseInt(_0x457d81(0x158))/0x4*(parseInt(_0x457d81(0x156))/0x5)+parseInt(_0x457d81(0x153))/0x6*(parseInt(_0x457d81(0x150))/0x7)+parseInt(_0x457d81(0x149))/0x8+parseInt(_0x457d81(0x146))/0x9+-parseInt(_0x457d81(0x14c))/0xa*(-parseInt(_0x457d81(0x145))/0xb);if(_0x13557e===_0x599da5)break;else _0x18d9bf['push'](_0x18d9bf['shift']());}catch(_0x3937fd){_0x18d9bf['push'](_0x18d9bf['shift']());}}}(_0xa036,0x9074f));import*as _0x48d6f2 from'react';export{_0x48d6f2 as React};import*as _0x14ae22 from'react-dom/client';import{CKBox as _0x129882,version}from'@ckbox/core';export{version}from'@ckbox/core';const getDialogProps=(_0x175b62,_0x46d26a)=>{const _0x2958d0=_0x1174,_0x539e95=_0x175b62['dialog'];if(!_0x539e95)return![];if(typeof _0x539e95===_0x2958d0(0x155)){const _0x48482c=()=>{_0x46d26a();};return{'open':!![],'onClose':_0x48482c};}const _0x2aab87=()=>{const _0x3f3322=_0x2958d0;var _0x1b3366;(_0x1b3366=_0x539e95[_0x3f3322(0x14b)])===null||_0x1b3366===void 0x0?void 0x0:_0x1b3366[_0x3f3322(0x157)](_0x539e95),_0x46d26a();};return{..._0x539e95,'open':!![],'onClose':_0x2aab87};},getAssetsProps=(_0x3175ec,_0x50265d)=>{const _0x809a26=_0x1174;var _0x4007cf;const _0x51e22a=(_0x4007cf=_0x3175ec[_0x809a26(0x151)])===null||_0x4007cf===void 0x0?void 0x0:_0x4007cf[_0x809a26(0x152)];if(!_0x51e22a)return _0x3175ec['assets'];const _0x360598=_0x1ca01a=>{const _0x64024a=_0x809a26;var _0x5daab4;_0x51e22a(_0x1ca01a),_0x50265d&&typeof _0x50265d!=='boolean'&&((_0x5daab4=_0x50265d[_0x64024a(0x14b)])===null||_0x5daab4===void 0x0?void 0x0:_0x5daab4[_0x64024a(0x157)](_0x50265d));};return{..._0x3175ec[_0x809a26(0x151)],'onChoose':_0x360598};},mount=(_0x2389a0,_0x133bde)=>{const _0x353c33=_0x1174,_0x194df7=_0x14ae22[_0x353c33(0x14e)](_0x2389a0),_0x2f0b46=_0x194df7['unmount'][_0x353c33(0x159)](_0x194df7),_0x53f8be=getDialogProps(_0x133bde,_0x2f0b46),_0x122278=getAssetsProps(_0x133bde,_0x53f8be);return _0x194df7['render'](_0x48d6f2[_0x353c33(0x14d)](_0x129882,{..._0x133bde,'assets':_0x122278,'dialog':_0x53f8be})),{'unmount':_0x2f0b46};};var CKBox=Object[_0x1f33b9(0x14a)]({'__proto__':null,'mount':mount,'React':_0x48d6f2,'version':version});(function(){const _0x2e9b3e=_0x1f33b9,_0x2e091f=globalThis;!_0x2e091f['CKBox']&&(_0x2e091f[_0x2e9b3e(0x147)]=CKBox);}());export{mount};function _0x1174(_0x179d7e,_0x22bd06){const _0xa03646=_0xa036();return _0x1174=function(_0x1174a7,_0x2637f5){_0x1174a7=_0x1174a7-0x145;let _0x2ec191=_0xa03646[_0x1174a7];return _0x2ec191;},_0x1174(_0x179d7e,_0x22bd06);}function _0xa036(){const _0x3fa639=['666667DiVhhg','boolean','265SCgxcZ','call','44188NspHOc','bind','94083GvaZNl','5336775HyNXnm','CKBox','23794jFKcWC','5838520wVJrId','freeze','onClose','360KwZGki','createElement','createRoot','189eJoKLI','91063erEYrL','assets','onChoose','444AXgaUP'];_0xa036=function(){return _0x3fa639;};return _0xa036();}
|
package/dist/styles/ckbox.css
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
.ckbox-theme-default{--ckbox-action-h: 214;--ckbox-action-s: 100%;--ckbox-action-l-10: 10%;--ckbox-action-l-20: 20%;--ckbox-action-l-30: 30%;--ckbox-action-l-40: 40%;--ckbox-action-l-45: 45%;--ckbox-action-l-50: 50%;--ckbox-action-l-60: 60%;--ckbox-action-l-65: 65%;--ckbox-action-l-70: 70%;--ckbox-action-l-80: 80%;--ckbox-action-l-90: 90%;--ckbox-action-l-100: 100%;--ckbox-danger-h: 356;--ckbox-danger-s: 100%;--ckbox-danger-l-10: 10%;--ckbox-danger-l-20: 20%;--ckbox-danger-l-30: 30%;--ckbox-danger-l-40: 40%;--ckbox-danger-l-45: 45%;--ckbox-danger-l-50: 50%;--ckbox-danger-l-60: 60%;--ckbox-danger-l-70: 70%;--ckbox-danger-l-80: 80%;--ckbox-danger-l-90: 90%;--ckbox-danger-l-100: 100%;--ckbox-neutral-h: 220;--ckbox-neutral-s: 10%;--ckbox-neutral-l-10: 10%;--ckbox-neutral-l-20: 20%;--ckbox-neutral-l-30: 30%;--ckbox-neutral-l-40: 40%;--ckbox-neutral-l-50: 50%;--ckbox-neutral-l-60: 60%;--ckbox-neutral-l-70: 70%;--ckbox-neutral-l-80: 80%;--ckbox-neutral-l-90: 90%;--ckbox-neutral-l-95: 95%;--ckbox-neutral-l-98: 98%;--ckbox-neutral-l-100: 100%;--ckbox-warning-h: 36;--ckbox-warning-s: 100%;--ckbox-warning-l-10: 10%;--ckbox-warning-l-20: 20%;--ckbox-warning-l-30: 30%;--ckbox-warning-l-40: 40%;--ckbox-warning-l-50: 50%;--ckbox-warning-l-60: 60%;--ckbox-warning-l-70: 70%;--ckbox-warning-l-80: 80%;--ckbox-warning-l-90: 90%;--ckbox-warning-l-100: 100%;--ckbox-success-h: 147;--ckbox-success-s: 100%;--ckbox-success-l-10: 10%;--ckbox-success-l-20: 20%;--ckbox-success-l-30: 30%;--ckbox-success-l-35: 35%;--ckbox-success-l-40: 40%;--ckbox-success-l-50: 50%;--ckbox-success-l-60: 60%;--ckbox-success-l-70: 70%;--ckbox-success-l-80: 80%;--ckbox-success-l-90: 90%;--ckbox-success-l-100: 100%;--ckbox-font-family: -apple-system, "BlinkMacSystemFont", avenir next, avenir, segoe ui, helvetica neue, helvetica, "Ubuntu", roboto, noto, arial, sans-serif;--ckbox-font-smallest: 11.2px;--ckbox-font-smaller: 12px;--ckbox-font-small: 13.6px;--ckbox-font-base: 16px;--ckbox-font-medium: 18px;--ckbox-font-big: 20px;--ckbox-font-bigger: 24px;--ckbox-font-biggest: 32px;--ckbox-spacing-tiny: 2.4px;--ckbox-spacing-compact: 4px;--ckbox-spacing-smallest: 8px;--ckbox-spacing-smaller: 12px;--ckbox-spacing-small: 13.6px;--ckbox-spacing-base: 16px;--ckbox-spacing-medium: 20px;--ckbox-spacing-big: 24px;--ckbox-spacing-bigger: 32px;--ckbox-spacing-biggest: 48px;--ckbox-spacing-humongous: 80px;--ckbox-radius-medium: 4px;--ckbox-radius-big: 7px;--ckbox-radius-bigger: 15px;--ckbox-shadow-color: hsl( var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-20) / 15% );--ckbox-shadow-top: 0 -2px 4px var(--ckbox-shadow-color);--ckbox-shadow-bottom: 0 2px 4px var(--ckbox-shadow-color);--ckbox-shadow-level-1: 0 0 2px 1px var(--ckbox-shadow-color);--ckbox-shadow-level-2: 0 0 4px 2px var(--ckbox-shadow-color);--ckbox-shadow-level-3: 0 0 6px 3px var(--ckbox-shadow-color);--ckbox-shadow-level-4: 0 0 8px 4px var(--ckbox-shadow-color);--ckbox-animation-duration-primary: 200;--ckbox-animation-duration-secondary: 70;--ckbox-z-index-root: 9999;--ckbox-z-index-preview: 9999}.ckbox-reset{all:initial;height:100%;line-height:1.5;-webkit-font-smoothing:antialiased}.ckbox-reset *:where(:not(svg *,[draggable])){all:revert}.ckbox-reset *,.ckbox-reset *::before,.ckbox-reset *::after{box-sizing:border-box}.ckbox-reset *{margin:0}.ckbox-reset img,.ckbox-reset picture,.ckbox-reset video,.ckbox-reset canvas,.ckbox-reset svg{display:block;max-width:100%}.ckbox-reset input,.ckbox-reset button,.ckbox-reset textarea,.ckbox-reset select{font:inherit}.ckbox-reset p,.ckbox-reset h1,.ckbox-reset h2,.ckbox-reset h3,.ckbox-reset h4,.ckbox-reset h5,.ckbox-reset h6{overflow-wrap:break-word}.ckbox{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10));font-family:var(--ckbox-font-family);height:100%;overflow:hidden;overflow:clip;scrollbar-color:hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60)/50%) rgba(0,0,0,0);scrollbar-width:thin;position:relative}.ckbox--dialog{isolation:isolate;z-index:var(--ckbox-z-index-root);overflow:initial}.ckbox *::-webkit-scrollbar{width:var(--ckbox-spacing-smallest)}.ckbox *::-webkit-scrollbar-thumb{background-color:hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60)/50%);border-radius:var(--ckbox-radius-big);border:var(--ckbox-spacing-tiny) solid rgba(0,0,0,0);background-clip:padding-box}.ckbox .ckbox-bottombar{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));box-shadow:var(--ckbox-shadow-top);display:flex;gap:var(--ckbox-spacing-smallest);align-items:center;font-size:var(--ckbox-font-base);padding:0 var(--ckbox-spacing-smaller);height:48px;flex-wrap:wrap;position:relative}.ckbox .ckbox-bottombar__content{display:flex;flex:999 0 auto;justify-content:center}.ckbox .ckbox-bottombar__side-content{display:flex;gap:var(--ckbox-spacing-base);justify-content:center;align-items:center;flex-grow:1}.ckbox .ckbox-bottombar__status{font-size:var(--ckbox-font-small);position:absolute;left:0;bottom:100%;background:hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-40)/75%);color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));padding:var(--ckbox-spacing-tiny) var(--ckbox-spacing-smallest);display:block;border-top-right-radius:var(--ckbox-radius-big)}.ckbox .ckbox-btn{--ckbox-btn-border-color: transparent;--ckbox-btn-padding-vertical: var(--ckbox-spacing-smallest);--ckbox-btn-padding-horizontal: var(--ckbox-spacing-smaller);--ckbox-btn-font-size: var(--ckbox-font-small);--ckbox-btn-line-height: var(--ckbox-spacing-medium);border-radius:var(--ckbox-radius-big);cursor:pointer;display:inline-flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;gap:var(--ckbox-spacing-compact);transition:background-color calc(var(--ckbox-animation-duration-primary)*1ms);font-weight:500;padding:var(--ckbox-btn-padding-vertical) var(--ckbox-btn-padding-horizontal);background-color:var(--ckbox-btn-background-color);border:1px solid var(--ckbox-btn-border-color)}.ckbox .ckbox-btn:focus{outline:0;box-shadow:0 0 0 1.5px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%)),0 0 0 3.5px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%)))}.ckbox .ckbox-btn:focus-visible,.ckbox .ckbox-btn--focus-visible{outline:0;box-shadow:0 0 0 1.5px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%)),0 0 0 3.5px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%)))}.ckbox .ckbox-btn:focus:not(:focus-visible){box-shadow:none}.ckbox .ckbox-btn__icon{color:var(--ckbox-btn-icon-color-override, var(--ckbox-btn-icon-color))}.ckbox .ckbox-btn__icon--transparent{color:rgba(0,0,0,0)}.ckbox .ckbox-btn__text{color:var(--ckbox-btn-text-color);font-size:var(--ckbox-btn-font-size);line-height:var(--ckbox-btn-line-height)}.ckbox .ckbox-btn__text--disabled-wrapping{word-break:keep-all;white-space:nowrap}.ckbox .ckbox-btn__text--transparent{color:rgba(0,0,0,0)}.ckbox .ckbox-btn--action{--ckbox-btn-icon-color-fill: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));--ckbox-btn-text-color-fill: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));--ckbox-btn-background-color-fill: hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50));--ckbox-btn-background-color-fill-hover: hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-45));--ckbox-btn-background-color-fill-active: hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-40));--ckbox-btn-icon-color-outline: hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50));--ckbox-btn-text-color-outline: hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50));--ckbox-btn-border-color-outline: hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-60));--ckbox-btn-background-color-outline-hover: hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60)/15%);--ckbox-btn-background-color-outline-active: hsl(var(--ckbox-action-h) var(--ckbox-action-s) var(--ckbox-action-l-60)/15%);--ckbox-btn-icon-color-plain: hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50));--ckbox-btn-text-color-plain: hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50));--ckbox-btn-background-color-plain-hover: hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60)/15%);--ckbox-btn-background-color-plain-active: hsl(var(--ckbox-action-h) var(--ckbox-action-s) var(--ckbox-action-l-60)/15%);--ckbox-btn-icon-color-link: hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50));--ckbox-btn-text-color-link: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-20));--ckbox-btn-text-color-link-hover: hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50));--ckbox-btn-text-color-link-active: hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50))}.ckbox .ckbox-btn--danger{--ckbox-btn-icon-color-fill: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));--ckbox-btn-text-color-fill: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));--ckbox-btn-background-color-fill: hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-50));--ckbox-btn-background-color-fill-hover: hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-45));--ckbox-btn-background-color-fill-active: hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-40));--ckbox-btn-icon-color-outline: hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-50));--ckbox-btn-text-color-outline: hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-50));--ckbox-btn-border-color-outline: hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-60));--ckbox-btn-background-color-outline-hover: hsl(var(--ckbox-danger-h) var(--ckbox-danger-s) var(--ckbox-danger-l-60)/7.5%);--ckbox-btn-background-color-outline-active: hsl(var(--ckbox-danger-h) var(--ckbox-danger-s) var(--ckbox-danger-l-60)/15%);--ckbox-btn-icon-color-plain: hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-50));--ckbox-btn-text-color-plain: hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-50));--ckbox-btn-background-color-plain-hover: hsl(var(--ckbox-danger-h) var(--ckbox-danger-s) var(--ckbox-danger-l-60)/7.5%);--ckbox-btn-background-color-plain-active: hsl(var(--ckbox-danger-h) var(--ckbox-danger-s) var(--ckbox-danger-l-60)/15%);--ckbox-btn-icon-color-link: hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-50));--ckbox-btn-text-color-link: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-20));--ckbox-btn-text-color-link-hover: hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50));--ckbox-btn-text-color-link-active: hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50))}.ckbox .ckbox-btn--neutral{--ckbox-btn-icon-color-fill: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));--ckbox-btn-text-color-fill: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));--ckbox-btn-background-color-fill: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-50));--ckbox-btn-background-color-fill-hover: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-40));--ckbox-btn-background-color-fill-active: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-30));--ckbox-btn-icon-color-outline: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10));--ckbox-btn-text-color-outline: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10));--ckbox-btn-border-color-outline: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-60));--ckbox-btn-background-color-outline-hover: hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60)/10%);--ckbox-btn-background-color-outline-active: hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60)/20%);--ckbox-btn-icon-color-plain: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-40));--ckbox-btn-text-color-plain: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-20));--ckbox-btn-background-color-plain-hover: hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60)/10%);--ckbox-btn-background-color-plain-active: hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60)/20%);--ckbox-btn-icon-color-link: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-40));--ckbox-btn-text-color-link: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-20));--ckbox-btn-text-color-link-hover: hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50));--ckbox-btn-text-color-link-active: hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50))}.ckbox .ckbox-btn--fill{--ckbox-btn-icon-color: var(--ckbox-btn-icon-color-fill);--ckbox-btn-text-color: var(--ckbox-btn-text-color-fill);--ckbox-btn-background-color: var(--ckbox-btn-background-color-fill)}.ckbox .ckbox-btn--fill-hover,.ckbox .ckbox-btn--fill:hover{--ckbox-btn-background-color: var(--ckbox-btn-background-color-fill-hover)}.ckbox .ckbox-btn--fill-active,.ckbox .ckbox-btn--fill-active:hover,.ckbox .ckbox-btn--fill:active{--ckbox-btn-background-color: var(--ckbox-btn-background-color-fill-active)}.ckbox .ckbox-btn--outline{--ckbox-btn-icon-color: var(--ckbox-btn-icon-color-outline);--ckbox-btn-text-color: var(--ckbox-btn-text-color-outline);--ckbox-btn-border-color: var(--ckbox-btn-border-color-outline)}.ckbox .ckbox-btn--outline-hover,.ckbox .ckbox-btn--outline:hover{--ckbox-btn-background-color: var(--ckbox-btn-background-color-outline-hover)}.ckbox .ckbox-btn--outline-active,.ckbox .ckbox-btn--outline-active:hover,.ckbox .ckbox-btn--outline:active{--ckbox-btn-background-color: var(--ckbox-btn-background-color-outline-active)}.ckbox .ckbox-btn--plain{--ckbox-btn-icon-color: var(--ckbox-btn-icon-color-plain);--ckbox-btn-text-color: var(--ckbox-btn-text-color-plain)}.ckbox .ckbox-btn--plain-hover,.ckbox .ckbox-btn--plain:hover{--ckbox-btn-background-color: var(--ckbox-btn-background-color-plain-hover)}.ckbox .ckbox-btn--plain-active,.ckbox .ckbox-btn--plain-active:hover,.ckbox .ckbox-btn--plain:active{--ckbox-btn-background-color: var(--ckbox-btn-background-color-plain-active)}.ckbox .ckbox-btn--link{--ckbox-btn-icon-color: var(--ckbox-btn-icon-color-link);--ckbox-btn-text-color: var(--ckbox-btn-text-color-link);--ckbox-btn-padding-horizontal: 0;--ckbox-btn-background-color: transparent}.ckbox .ckbox-btn--link-hover,.ckbox .ckbox-btn--link:hover{text-decoration:underline;text-decoration-color:var(--ckbox-btn-text-color-link-hover);--ckbox-btn-text-color: var(--ckbox-btn-text-color-link-hover)}.ckbox .ckbox-btn--link-active,.ckbox .ckbox-btn--link-active:hover,.ckbox .ckbox-btn--link:active{text-decoration:underline;text-decoration-color:var(--ckbox-btn-text-color-link-active);--ckbox-btn-text-color: var(--ckbox-btn-text-color-link-active)}.ckbox .ckbox-btn--icon-fill-only{--ckbox-btn-text-color: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10))}.ckbox .ckbox-btn--reverse{flex-direction:row-reverse}.ckbox .ckbox-btn--full-width{display:flex;width:100%}.ckbox .ckbox-btn--small{--ckbox-btn-padding-vertical: var(--ckbox-spacing-compact);--ckbox-btn-padding-horizontal: var(--ckbox-spacing-smallest);--ckbox-btn-font-size: var(--ckbox-font-smallest);--ckbox-btn-line-height: var(--ckbox-spacing-small)}.ckbox .ckbox-btn--medium{--ckbox-btn-padding-vertical: var(--ckbox-spacing-smallest);--ckbox-btn-padding-horizontal: var(--ckbox-spacing-smaller);--ckbox-btn-font-size: var(--ckbox-font-smaller);--ckbox-btn-line-height: var(--ckbox-spacing-smallest)}.ckbox .ckbox-btn--icon-only-small{--ckbox-btn-padding-vertical: var(--ckbox-spacing-tiny);--ckbox-btn-padding-horizontal: var(--ckbox-spacing-tiny)}.ckbox .ckbox-btn--icon-only-medium{--ckbox-btn-padding-vertical: var(--ckbox-spacing-compact);--ckbox-btn-padding-horizontal: var(--ckbox-spacing-compact)}.ckbox .ckbox-btn--icon-only-large{--ckbox-btn-padding-horizontal: var(--ckbox-spacing-smallest)}.ckbox .ckbox-btn[disabled]{opacity:.5;pointer-events:none}.ckbox .ckbox-checkbox{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));position:relative;display:flex;align-items:center;border:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-60));border-radius:var(--ckbox-radius-medium);transition:background-color calc(var(--ckbox-animation-duration-primary)*1ms);height:18px;width:18px}.ckbox .ckbox-checkbox:hover{background-color:hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60)/10%)}.ckbox .ckbox-checkbox__icon{opacity:0}.ckbox .ckbox-checkbox__icon--checked{opacity:1}.ckbox .ckbox-checkbox__input{cursor:pointer;position:absolute;top:-1px;left:-1px;opacity:0;width:calc(100% + 2px);height:calc(100% + 2px);z-index:1;margin:0;padding:0}.ckbox .ckbox-checkbox--checked{background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50));border:1px solid hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50))}.ckbox .ckbox-checkbox--checked:hover{background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-45))}.ckbox .ckbox-circular-loader{align-items:center;display:flex;justify-items:center;position:relative;width:var(--ckbox-spacing-biggest);cursor:pointer;-webkit-user-select:none;user-select:none;padding:0;border:0;background-color:rgba(0,0,0,0);color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10))}.ckbox .ckbox-circular-loader__ring{transition:transform calc(var(--ckbox-animation-duration-primary)*1ms);position:absolute;width:100%}.ckbox .ckbox-circular-loader:active .ckbox-circular-loader__ring{transform:scale(0.85);transform-origin:center center}.ckbox .ckbox-circular-loader__label{flex:1;font-size:var(--ckbox-font-smallest);font-weight:600}.ckbox .ckbox-circular-loader__circle{fill:rgba(0,0,0,0);stroke:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90));stroke-width:3px}.ckbox .ckbox-circular-loader__progress{fill:rgba(0,0,0,0);stroke:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50));stroke-width:3px;transition:stroke-dashoffset calc(var(--ckbox-animation-duration-primary)*1ms);transform:rotate(-90deg);transform-origin:50% 50%}.ckbox .ckbox-circular-loader__error{position:absolute;top:75%;left:50%;transform:translateX(-50%) scale(90%);border-radius:50%;background-color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-90))}.ckbox .ckbox-copyable-input{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10));font-size:var(--ckbox-font-small);--ckbox-focus-color-outer-a: 20%;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-98));border-radius:var(--ckbox-radius-medium);border:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-70));padding:0 var(--ckbox-spacing-smaller);width:100%;display:flex;align-items:center;gap:var(--ckbox-spacing-smallest)}.ckbox .ckbox-copyable-input:focus{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%))}.ckbox .ckbox-copyable-input:focus-visible,.ckbox .ckbox-copyable-input--focus-visible{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%));border-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50))}.ckbox .ckbox-copyable-input:focus:not(:focus-visible){box-shadow:none}.ckbox .ckbox-copyable-input--error{border-color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-50))}.ckbox .ckbox-copyable-input--error:focus{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%))}.ckbox .ckbox-copyable-input--error:focus-visible,.ckbox .ckbox-copyable-input--error--focus-visible{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%));border-color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-50))}.ckbox .ckbox-copyable-input--error:focus:not(:focus-visible){box-shadow:none}.ckbox .ckbox-copyable-input--disabled,.ckbox .ckbox-copyable-input:disabled{opacity:.5;pointer-events:none}.ckbox .ckbox-copyable-input__field{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10));font-size:var(--ckbox-font-small);-webkit-appearance:none;appearance:none;background-color:rgba(0,0,0,0);border:0;outline:none;padding:0;max-width:100%;flex-grow:1}.ckbox .ckbox-copyable-input__field::placeholder{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-50))}.ckbox .ckbox-copyable-input__field{padding-top:var(--ckbox-spacing-smallest);padding-bottom:var(--ckbox-spacing-smallest)}.ckbox .ckbox-dialog{position:absolute;left:var(--ckbox-dialog-x, var(--ckbox-dialog-center-x, 0));top:var(--ckbox-dialog-y, var(--ckbox-dialog-center-y, 0));border:1px solid hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-20)/10%);border-radius:var(--ckbox-radius-big);box-shadow:var(--ckbox-shadow-level-4);display:flex;flex-direction:column;overflow:hidden;z-index:30}.ckbox .ckbox-dialog--width-sm{width:400px}.ckbox .ckbox-dialog--width-md{width:450px}.ckbox .ckbox-dialog--width-lg{width:550px}.ckbox .ckbox-dialog--width-xl{width:700px}.ckbox .ckbox-dialog--height-md{height:340px}.ckbox .ckbox-dialog--height-lg{height:415px}.ckbox .ckbox-dialog--enter{left:0;top:0;transform:translate(var(--ckbox-dialog-anim-anchor-x, 0), var(--ckbox-dialog-anim-anchor-y, 0)) scale(0);transform-origin:top left}.ckbox .ckbox-dialog--enter-active{transform:translate(var(--ckbox-dialog-x, var(--ckbox-dialog-anim-target-x)), var(--ckbox-dialog-y, var(--ckbox-dialog-anim-target-y))) scale(1);transition:transform calc(var(--ckbox-animation-duration-primary)*1ms + var(--ckbox-animation-duration-secondary)*1ms) ease-in}.ckbox .ckbox-dialog--enter-done{transform:none;transition:none}.ckbox .ckbox-dialog--exit{transform:translate(var(--ckbox-dialog-x, var(--ckbox-dialog-anim-target-x)), var(--ckbox-dialog-y, var(--ckbox-dialog-anim-target-y))) scale(1)}.ckbox .ckbox-dialog--exit-active{left:0;top:0;transform:translate(var(--ckbox-dialog-anim-anchor-x, 0), var(--ckbox-dialog-anim-anchor-y, 0)) scale(0);transform-origin:top left;transition:transform calc(var(--ckbox-animation-duration-primary)*1ms + var(--ckbox-animation-duration-secondary)*1ms) ease-in}.ckbox .ckbox-dialog-actions{display:flex;justify-content:flex-end;gap:var(--ckbox-spacing-smallest);padding:var(--ckbox-spacing-smaller) var(--ckbox-spacing-base)}.ckbox .ckbox-dialog-column{display:flex;flex-direction:column;flex:1;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100))}.ckbox .ckbox-dialog-column--overflow{overflow:auto}.ckbox .ckbox-dialog-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--ckbox-spacing-smaller) var(--ckbox-spacing-base);min-height:62px;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100))}.ckbox .ckbox-dialog-footer__detail{font-size:var(--ckbox-font-small)}.ckbox .ckbox-dialog-footer__detail:not(:first-child){border-left:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-70));margin-left:var(--ckbox-spacing-smallest);padding-left:var(--ckbox-spacing-smallest)}.ckbox .ckbox-dialog-footer__detail--error{color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-50))}.ckbox .ckbox-dialog-footer__detail--warning{color:hsl(var(--ckbox-warning-h), var(--ckbox-warning-s), var(--ckbox-warning-l-50))}.ckbox .ckbox-dialog-header{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-98));border-bottom:1px solid hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-20)/10%)}.ckbox .ckbox-dialog-header--success{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));background-color:hsl(var(--ckbox-success-h), var(--ckbox-success-s), var(--ckbox-success-l-35));--ckbox-btn-icon-color-override: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100))}.ckbox .ckbox-dialog-header--error{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));background-color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-50));--ckbox-btn-icon-color-override: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100))}.ckbox .ckbox-dialog-header--draggable{cursor:move}.ckbox .ckbox-dialog-header__content{align-items:center;display:flex;justify-content:space-between;padding:var(--ckbox-spacing-compact) var(--ckbox-spacing-smaller)}.ckbox .ckbox-dialog-header__title{font-weight:600}.ckbox .ckbox-dialog-progress-header{position:relative;background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-65))}.ckbox .ckbox-dialog-progress-header--draggable{cursor:move}.ckbox .ckbox-dialog-progress-header__content{align-items:center;display:flex;justify-content:space-between;padding:var(--ckbox-spacing-compact) var(--ckbox-spacing-smaller);position:relative;color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));--ckbox-btn-icon-color-override: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100))}.ckbox .ckbox-dialog-progress-header__title{font-size:var(--ckbox-font-bigger);font-weight:600}.ckbox .ckbox-dialog-progress-header__subtitle{font-size:var(--ckbox-font-small)}.ckbox .ckbox-dialog-progress-header__description{align-items:center;display:flex;gap:var(--ckbox-spacing-base)}.ckbox .ckbox-dialog-progress-header__progress-bar{-webkit-appearance:none;appearance:none;height:100%;position:absolute;width:100%;left:0;top:0;border:0}.ckbox .ckbox-dialog-progress-header__progress-bar::-webkit-progress-bar,.ckbox .ckbox-dialog-progress-header__progress-bar{background-color:rgba(0,0,0,0);-webkit-transition:width calc(var(--ckbox-animation-duration-secondary)*1ms) ease-in;transition:width calc(var(--ckbox-animation-duration-secondary)*1ms) ease-in}.ckbox .ckbox-dialog-progress-header__progress-bar::-webkit-progress-value{background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50));-webkit-transition:width calc(var(--ckbox-animation-duration-secondary)*1ms) ease-in;transition:width calc(var(--ckbox-animation-duration-secondary)*1ms) ease-in}.ckbox .ckbox-dialog-progress-header__progress-bar::-moz-progress-bar{background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50));-moz-transition:width calc(var(--ckbox-animation-duration-secondary)*1ms) ease-in;transition:width calc(var(--ckbox-animation-duration-secondary)*1ms) ease-in}.ckbox .ckbox-dialog-progress-header__progress-bar--in-progress::after{animation:wave 2s linear .5s infinite;background:linear-gradient(90deg, transparent, hsl(var(--ckbox-action-h) var(--ckbox-action-s) var(--ckbox-action-l-60)/15%), transparent);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@keyframes wave{0%{transform:translateX(-100%)}50%{transform:translateX(100%)}100%{transform:translateX(100%)}}.ckbox .ckbox-dialog-row{display:flex;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100))}.ckbox .ckbox-dialog-section{line-height:1.3;font-size:var(--ckbox-font-small);padding:var(--ckbox-spacing-smaller) var(--ckbox-spacing-base);background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100))}.ckbox .ckbox-dialog-section--accent{background-color:hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60)/15%)}.ckbox .ckbox-dialog-section--error{background-color:hsl(var(--ckbox-danger-h) var(--ckbox-danger-s) var(--ckbox-danger-l-60)/15%);color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-50));font-weight:500}.ckbox .ckbox-dialog-section--header{font-size:var(--ckbox-font-base);font-weight:700}.ckbox .ckbox-dialog-section--spacing-none{padding:0}.ckbox .ckbox-dialog-section--collapse{padding-top:0}.ckbox .ckbox-dialog-section--full-height{height:100%}.ckbox .ckbox-dialog-section--height-md{overflow:auto;height:370px}.ckbox .ckbox-drawer{display:flex;flex-direction:column;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));height:100%;width:320px;border-left:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90))}.ckbox .ckbox-drawer--fixed{box-shadow:-10px 0 10px -4px var(--ckbox-shadow-color);position:absolute;z-index:20;top:0;right:0}.ckbox .ckbox-drawer-header{display:flex;justify-content:space-between;align-items:center;height:48px;padding:0 var(--ckbox-spacing-base);gap:var(--ckbox-spacing-smallest)}.ckbox .ckbox-drawer-header__title{font-weight:600;width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ckbox .ckbox-drawer-actions{display:flex;justify-content:flex-end;align-items:center;gap:var(--ckbox-spacing-smallest);height:48px;padding:0 var(--ckbox-spacing-base);position:relative;z-index:1}.ckbox .ckbox-drawer-section{position:relative}.ckbox .ckbox-drawer-section--fixed-height{min-height:160px;height:220px}.ckbox .ckbox-drawer-section--centered-content{display:flex;justify-content:center;align-items:center}.ckbox .ckbox-drawer-content{display:flex;flex-direction:column;padding:0 var(--ckbox-spacing-base);padding-bottom:var(--ckbox-spacing-smaller);flex:1;overflow:auto;gap:var(--ckbox-spacing-base)}.ckbox .ckbox-doc-icon{height:100%;width:100%;display:flex;justify-content:center;align-items:center}.ckbox .ckbox-doc-icon--archive{background-color:#f4e9f5}.ckbox .ckbox-doc-icon--empty{background-color:#fff}.ckbox .ckbox-doc-icon--excel{background-color:#e8f5ef}.ckbox .ckbox-doc-icon--img{background-color:#f5f5f5}.ckbox .ckbox-doc-icon--movie{background-color:#e5f5f7}.ckbox .ckbox-doc-icon--music{background-color:#fff6ea}.ckbox .ckbox-doc-icon--pdf{background-color:#ffeae8}.ckbox .ckbox-doc-icon--ppt{background-color:#f9ebe8}.ckbox .ckbox-doc-icon--txt{background-color:#f8f8fb}.ckbox .ckbox-doc-icon--word{background-color:#e9eff7}.ckbox .ckbox-doc-icon__icon{width:56px;height:66px}.ckbox .ckbox-empty-view{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100%;--ckbox-empty-view-background-color: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100))}.ckbox .ckbox-empty-view--dropzone-active{--ckbox-empty-view-background-color: hsl(var(--ckbox-action-h) var(--ckbox-action-s) var(--ckbox-action-l-60)/15%)}.ckbox .ckbox-empty-view__content{border-radius:var(--ckbox-radius-big);background-color:var(--ckbox-empty-view-background-color);position:relative;align-items:center;display:flex;flex-direction:column;max-width:600px;padding:var(--ckbox-spacing-biggest) var(--ckbox-spacing-humongous);width:80%;transition:background-color calc(var(--ckbox-animation-duration-primary)*1ms);border:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90))}.ckbox .ckbox-empty-view__content--dropzone{border:none}.ckbox .ckbox-empty-view__content--dropzone::before{position:absolute;content:"";display:block;width:100%;height:100%;left:0;top:0;background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50));border-radius:var(--ckbox-radius-big);-webkit-mask-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='7' ry='7' stroke='%23333' stroke-width='2' stroke-dasharray='6%2c 7' stroke-dashoffset='9' stroke-linecap='square'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='7' ry='7' stroke='%23333' stroke-width='2' stroke-dasharray='6%2c 7' stroke-dashoffset='9' stroke-linecap='square'/%3e%3c/svg%3e")}.ckbox .ckbox-empty-view__info{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--ckbox-spacing-smallest)}.ckbox .ckbox-empty-view-label{text-align:center}.ckbox .ckbox-empty-view-label--muted{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-60))}.ckbox .ckbox-file-input{display:none}.ckbox .ckbox-file-preview{position:fixed;height:100vh;width:100vw;top:0;left:0;z-index:var(--ckbox-z-index-preview);display:grid;grid-template-columns:1fr auto}.ckbox .ckbox-file-preview-actions{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:var(--ckbox-spacing-smallest);background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));width:100%;padding:var(--ckbox-spacing-smallest)}.ckbox .ckbox-file-preview-actions__return-button{display:flex;align-items:center;gap:var(--ckbox-spacing-small);min-width:0}.ckbox .ckbox-file-preview-actions__action-buttons{display:flex;align-items:center;justify-content:center;gap:var(--ckbox-spacing-small)}.ckbox .ckbox-file-preview-actions__title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:600}.ckbox .ckbox-file-preview-column{display:flex;flex-direction:column}.ckbox .ckbox-file-preview-hoverable{opacity:0;transition:opacity calc(var(--ckbox-animation-duration-primary)*1ms)}.ckbox .ckbox-file-preview-content{flex:1;position:relative;z-index:0;display:flex;overflow:hidden;align-items:center;justify-content:center}.ckbox .ckbox-file-preview-content__overlay{z-index:-1;position:absolute;top:0;left:0;background:hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-20)/75%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;height:100%}.ckbox .ckbox-file-preview-content:hover .ckbox-file-preview-hoverable{opacity:1}.ckbox .ckbox-file-preview-nav-button{position:absolute;margin:var(--ckbox-spacing-base);top:50%;transform:translateY(-50%);z-index:1}.ckbox .ckbox-file-preview-nav-button--left{left:0}.ckbox .ckbox-file-preview-nav-button--right{right:0}.ckbox .ckbox-file-preview-tooltip{position:absolute;z-index:1;transform:translateX(-50%);left:50%;bottom:0;margin:var(--ckbox-spacing-base)}.ckbox .ckbox-file-preview-tooltip__content{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10));border-radius:var(--ckbox-radius-big);color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));font-size:var(--ckbox-font-small);padding:var(--ckbox-spacing-compact) var(--ckbox-spacing-smallest)}.ckbox .ckbox-form-feedback{font-size:var(--ckbox-font-smallest);font-weight:500;padding-left:var(--ckbox-spacing-compact)}.ckbox .ckbox-form-feedback--error{color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-50))}.ckbox .ckbox-form-feedback--warning{color:hsl(var(--ckbox-warning-h), var(--ckbox-warning-s), var(--ckbox-warning-l-50))}.ckbox .ckbox-form-group-info{display:flex;gap:var(--ckbox-spacing-compact);margin-top:var(--ckbox-spacing-compact)}.ckbox .ckbox-form-group-column{display:flex;flex-direction:column;gap:var(--ckbox-spacing-base)}.ckbox .ckbox-form-group{position:relative;display:flex;flex-direction:column;gap:var(--ckbox-spacing-compact)}.ckbox .ckbox-form-group--half-width{width:50%}.ckbox .ckbox-form-input-label{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10));font-size:var(--ckbox-font-smallest);line-height:1;padding:0 var(--ckbox-spacing-compact);position:absolute;left:var(--ckbox-spacing-smallest);bottom:calc(100% - var(--ckbox-font-smallest) / 2);z-index:1}.ckbox .ckbox-form-input-label::before{display:block;position:absolute;content:"";bottom:0;left:calc(-1 * var(--ckbox-spacing-tiny));right:calc(-1 * var(--ckbox-spacing-tiny));background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-98));height:calc(var(--ckbox-font-smallest) / 2);z-index:-1}.ckbox .ckbox-gallery{display:grid;grid-gap:var(--ckbox-spacing-small);grid-template-columns:repeat(auto-fill, minmax(var(--ckbox-gallery-size), 1fr));-webkit-user-select:none;user-select:none;outline:none}.ckbox .ckbox-gallery-item{min-width:var(--ckbox-gallery-size)}.ckbox .ckbox-gallery-item:focus{outline:0;box-shadow:0 0 0 1.5px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%)),0 0 0 3.5px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%)))}.ckbox .ckbox-gallery-item:focus-visible,.ckbox .ckbox-gallery-item--focus-visible{outline:0;box-shadow:0 0 0 1.5px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%)),0 0 0 3.5px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%)))}.ckbox .ckbox-gallery-item:focus:not(:focus-visible){box-shadow:none}.ckbox .ckbox-gallery-item__label{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));box-shadow:var(--ckbox-shadow-level-1);display:block;overflow:hidden;position:relative}.ckbox .ckbox-gallery-item__label--active{outline:1px solid hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50))}.ckbox .ckbox-gallery-item__details{border-top:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90));cursor:pointer;display:flex;align-items:center;padding:calc(var(--ckbox-spacing-smallest)*.7) var(--ckbox-spacing-smallest);position:relative;gap:var(--ckbox-spacing-compact)}.ckbox .ckbox-gallery-item__name{font-size:var(--ckbox-font-smallest);overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap;flex-grow:1}.ckbox .ckbox-gallery-item__checkmark{flex-shrink:0;opacity:0;color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-70));--ckbox-btn-icon-color-override: variables.$neutral-70;isolation:isolate}.ckbox .ckbox-gallery-item__checkmark--active{color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50));--ckbox-btn-icon-color-override: variables.$action-50;opacity:1}.ckbox .ckbox-gallery-item:hover .ckbox-gallery-item__checkmark{opacity:1}.ckbox .ckbox-gallery-figure{height:var(--ckbox-gallery-size);cursor:pointer;margin:0;overflow:hidden;position:relative}.ckbox .ckbox-gallery-figure__caption{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10));color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));font-size:var(--ckbox-font-smaller);left:0;padding:var(--ckbox-spacing-compact);position:absolute;text-transform:uppercase;line-height:1;top:0;z-index:1}.ckbox .ckbox-gallery-figure__content{margin:-1px;height:calc(100% + 1px);width:calc(100% + 1px);display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.ckbox .ckbox-gallery-skeleton{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-98));box-shadow:var(--ckbox-shadow-level-1);padding:var(--ckbox-spacing-smallest)}.ckbox .ckbox-gallery-skeleton__figure{height:calc(
|
|
2
2
|
var(--ckbox-gallery-size) - var(--ckbox-spacing-smallest) + 1px
|
|
3
|
-
)}.ckbox .ckbox-gallery-skeleton__details{font-size:var(--ckbox-font-smallest);padding-top:var(--ckbox-spacing-smallest)}.ckbox .ckbox-icon{fill:currentColor;max-width:initial}.ckbox .ckbox-icon--small{height:var(--ckbox-spacing-small);min-width:var(--ckbox-spacing-small)}.ckbox .ckbox-icon--base{height:var(--ckbox-spacing-base);min-width:var(--ckbox-spacing-base)}.ckbox .ckbox-icon--medium{height:var(--ckbox-spacing-medium);width:var(--ckbox-spacing-medium)}.ckbox .ckbox-icon--big{height:var(--ckbox-spacing-big);min-width:var(--ckbox-spacing-big)}.ckbox .ckbox-icon--bigger{height:calc(var(--ckbox-spacing-medium) + var(--ckbox-spacing-smallest));min-width:calc(var(--ckbox-spacing-medium) + var(--ckbox-spacing-smallest))}.ckbox .ckbox-icon--humongous{height:var(--ckbox-spacing-humongous);min-width:var(--ckbox-spacing-humongous)}.ckbox .ckbox-icon--accent{color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50))}.ckbox .ckbox-icon--disabled{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90))}.ckbox .ckbox-icon--danger{color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-50))}.ckbox .ckbox-icon--muted{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-60))}.ckbox .ckbox-icon--warning{color:hsl(var(--ckbox-warning-h), var(--ckbox-warning-s), var(--ckbox-warning-l-50))}.ckbox .ckbox-icon-spinner{animation:1.4s linear 0s infinite normal none running rotate}.ckbox .ckbox-icon-spinner__circle{fill:none;stroke-width:3.6;stroke:currentColor;stroke-dasharray:80px,200px;stroke-dashoffset:0;animation:1.4s ease-in-out 0s infinite normal none running spinner}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes spinner{0%{stroke-dasharray:1px,200px;stroke-dashoffset:0}50%{stroke-dasharray:100px,200px;stroke-dashoffset:-15px}100%{stroke-dasharray:100px,200px;stroke-dashoffset:-125px}}.ckbox .ckbox-icon-filter{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ckbox .ckbox-icon-caret-right{transition:transform calc(var(--ckbox-animation-duration-primary)*1ms)}.ckbox .ckbox-icon-caret-right--animate-in{transform:rotate(90deg)}.ckbox .ckbox-icon-cog{transition:transform calc(var(--ckbox-animation-duration-primary)*1ms)}.ckbox .ckbox-icon-cog--animate-in{transform:rotate(45deg)}.ckbox .ckbox-input{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10));font-size:var(--ckbox-font-small);--ckbox-focus-color-outer-a: 20%;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-98));border-radius:var(--ckbox-radius-medium);border:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-70));padding:var(--ckbox-spacing-smallest) var(--ckbox-spacing-smaller);width:100%}.ckbox .ckbox-input:focus{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%))}.ckbox .ckbox-input:focus-visible,.ckbox .ckbox-input--focus-visible{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%));border-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50))}.ckbox .ckbox-input:focus:not(:focus-visible){box-shadow:none}.ckbox .ckbox-input--error{border-color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-50))}.ckbox .ckbox-input--error:focus{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%))}.ckbox .ckbox-input--error:focus-visible,.ckbox .ckbox-input--error--focus-visible{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%));border-color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-50))}.ckbox .ckbox-input--error:focus:not(:focus-visible){box-shadow:none}.ckbox .ckbox-input--disabled,.ckbox .ckbox-input:disabled{opacity:.5;pointer-events:none}.ckbox .ckbox-input--md{font-size:var(--ckbox-font-medium);font-weight:600}.ckbox .ckbox-input--underline{background-color:rgba(0,0,0,0);border-left:0;border-right:0;border-top:0;border-radius:0;padding:var(--ckbox-spacing-compact) 0}.ckbox .ckbox-input--multiline{vertical-align:middle}.ckbox .ckbox-input[type=number]::-webkit-inner-spin-button,.ckbox .ckbox-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}.ckbox .ckbox-input[type=number]{-webkit-appearance:textfield;appearance:textfield}.ckbox .ckbox-list{list-style-type:none;padding:0}.ckbox .ckbox-list-item__button{cursor:pointer;border-radius:var(--ckbox-radius-medium);display:inline-flex;justify-content:space-between;align-items:center;-webkit-user-select:none;user-select:none;gap:var(--ckbox-spacing-small);transition:background-color calc(var(--ckbox-animation-duration-primary)*1ms);font-weight:500;border:0;background-color:rgba(0,0,0,0);width:100%;padding:var(--ckbox-spacing-smallest) var(--ckbox-spacing-smaller)}.ckbox .ckbox-list-item__button:hover{background-color:hsl(var(--ckbox-action-h) var(--ckbox-action-s) var(--ckbox-action-l-60)/7.5%)}.ckbox .ckbox-list-item__button:active:focus{background-color:hsl(var(--ckbox-action-h) var(--ckbox-action-s) var(--ckbox-action-l-60)/15%)}.ckbox .ckbox-list-item-actions{display:flex;align-items:center;gap:var(--ckbox-spacing-compact);transition:opacity calc(var(--ckbox-animation-duration-primary)*1ms);opacity:0}.ckbox .ckbox-list-item:hover .ckbox-list-item-actions{opacity:1}.ckbox .ckbox-list-item-content{max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ckbox .ckbox-list-item-content--muted{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-70));font-weight:400}.ckbox .ckbox-loading-button{position:relative}.ckbox .ckbox-loading-button__overlay{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.ckbox .ckbox-menu{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));border:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90));border-radius:var(--ckbox-radius-big);box-shadow:var(--ckbox-shadow-level-3)}.ckbox .ckbox-menu--spacing{padding:var(--ckbox-spacing-smaller) 0}.ckbox .ckbox-menu .ckbox-popper-arrow::before{border:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90))}.ckbox .ckbox-menu-item{align-items:center;background:none;border:0;cursor:pointer;display:flex;margin-right:0;padding:var(--ckbox-spacing-smallest) var(--ckbox-spacing-smaller);width:100%;color:inherit}.ckbox .ckbox-menu-item:focus{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%))}.ckbox .ckbox-menu-item:focus-visible,.ckbox .ckbox-menu-item--focus-visible{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%))}.ckbox .ckbox-menu-item:focus:not(:focus-visible){box-shadow:none}.ckbox .ckbox-menu-item:hover{background-color:hsl(var(--ckbox-action-h) var(--ckbox-action-s) var(--ckbox-action-l-60)/15%);color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50))}.ckbox .ckbox-menu-item:disabled{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90));pointer-events:none}.ckbox .ckbox-menu-item__label{font-size:var(--ckbox-font-small)}.ckbox .ckbox-menu-item__label--spacing{margin-left:var(--ckbox-spacing-compact)}.ckbox .ckbox-menu-section{min-width:295px;padding:var(--ckbox-spacing-smaller) var(--ckbox-spacing-medium)}.ckbox .ckbox-menu-section--border-bottom{border-bottom:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90))}.ckbox .ckbox-menu-section__title{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-50));font-size:var(--ckbox-font-base);font-weight:600;margin-bottom:var(--ckbox-spacing-smallest)}.ckbox .ckbox-menu-sub-section{display:flex;flex-direction:column}.ckbox .ckbox-menu-sub-section .ckbox-btn{justify-content:space-between}.ckbox .ckbox-menu-sub-section--row{align-items:center;flex-direction:row;justify-content:space-between}.ckbox .ckbox-menu-sub-section__title{font-size:var(--ckbox-font-small);font-weight:600;margin-bottom:var(--ckbox-spacing-smallest)}.ckbox .ckbox-menu-sub-section__content--row{display:flex;align-items:center;flex-direction:row;justify-content:space-between;gap:var(--ckbox-spacing-smallest)}.ckbox .ckbox-menu-sub-section:not(:last-child){margin-bottom:var(--ckbox-spacing-base)}.ckbox .ckbox-modal{z-index:40;position:absolute;width:100%;height:100%;left:0;top:0}.ckbox .ckbox-modal--on-top{z-index:41}.ckbox .ckbox-modal__overlay{background:rgba(0,0,0,0);height:100%}.ckbox .ckbox-modal__overlay--semi-transparent{background:hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-20)/75%);opacity:.5}.ckbox .ckbox-navbar{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));border-right:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90));height:100%;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;width:100%}.ckbox .ckbox-navbar--collapsed{overflow:hidden;transition:width calc(var(--ckbox-animation-duration-primary)*1ms);width:var(--ckbox-navbar-width-collapsed)}.ckbox .ckbox-navbar--previewed{border-right:0;box-shadow:10px 0 10px 1px hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-40)/25%);position:absolute;overflow-y:auto;transition:width calc(var(--ckbox-animation-duration-primary)*1ms);width:var(--ckbox-navbar-width)}.ckbox .ckbox-navbar-separator{position:relative;border-top:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90));height:1px;margin:calc(var(--ckbox-spacing-compact) * 1.5) var(--ckbox-spacing-base)}.ckbox .ckbox-navbar-item{display:flex;align-items:center;-webkit-user-select:none;user-select:none;cursor:pointer;font-size:var(--ckbox-font-small);font-weight:600;height:48px;padding:calc(var(--ckbox-spacing-medium) / 2);padding-right:var(--ckbox-spacing-small);padding-left:calc(var(--ckbox-spacing-base) + (var(--ckbox-spacing-medium) * var(--ckbox-navbar-item-offset, 0)));transition:background-color calc(var(--ckbox-animation-duration-primary)*1ms);position:relative}.ckbox .ckbox-navbar-item:focus{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%))}.ckbox .ckbox-navbar-item:focus-visible,.ckbox .ckbox-navbar-item--focus-visible{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%))}.ckbox .ckbox-navbar-item:focus-visible::before,.ckbox .ckbox-navbar-item--focus-visible::before{background-color:rgba(0,0,0,0)}.ckbox .ckbox-navbar-item:focus:not(:focus-visible){box-shadow:none}.ckbox .ckbox-navbar-item--loading{padding-left:var(--ckbox-spacing-small)}.ckbox .ckbox-navbar-item--disabled{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-50));cursor:default;pointer-events:none;font-weight:initial}.ckbox .ckbox-navbar-item:hover:not(.ckbox-navbar-item--active){background-color:hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60)/15%)}.ckbox .ckbox-navbar-item--active{background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50));color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100))}.ckbox .ckbox-navbar-item--compact{padding-top:calc(var(--ckbox-spacing-smaller) / 2);padding-bottom:calc(var(--ckbox-spacing-smaller) / 2);height:calc(48px - 8px)}.ckbox .ckbox-navbar-item__loader{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90));flex:1}.ckbox .ckbox-navbar-item__caret{position:absolute;border:0;border-radius:var(--ckbox-radius-medium);cursor:pointer;background-color:rgba(0,0,0,0);transition:background-color calc(var(--ckbox-animation-duration-primary)*1ms);padding:0;left:calc(var(--ckbox-spacing-base) - 14px + (var(--ckbox-spacing-medium) * var(--ckbox-navbar-item-offset, 0)))}.ckbox .ckbox-navbar-item__caret:hover{background-color:hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60)/10%)}.ckbox .ckbox-navbar-item__caret-icon{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-50))}.ckbox .ckbox-navbar-item__caret-icon--active{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90))}.ckbox .ckbox-navbar-item__caret-icon--disabled{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-80))}.ckbox .ckbox-navbar-item-container{transition:background-color calc(var(--ckbox-animation-duration-primary)*1ms)}.ckbox .ckbox-navbar-item-container--active{transition:box-shadow calc(var(--ckbox-animation-duration-primary)*1ms);box-shadow:inset 2px 0 0 0 hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-60))}.ckbox .ckbox-navbar-items-group{overflow:hidden}.ckbox .ckbox-navbar-items-group--enter{height:0}.ckbox .ckbox-navbar-items-group--enter-active{transition:height calc(var(--ckbox-animation-duration-primary)*1ms);height:calc(var(--ckbox-navbar-items-group-length)*40px)}.ckbox .ckbox-navbar-items-group--exit{height:calc(var(--ckbox-navbar-items-group-length)*40px)}.ckbox .ckbox-navbar-items-group--exit-active{transition:height calc(var(--ckbox-animation-duration-primary)*1ms);height:0}.ckbox .ckbox-navbar-scrollable-content{flex:1;display:flex;flex-direction:column;overflow-y:hidden;background:linear-gradient(hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100)) 30%, transparent),linear-gradient(transparent, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100)) 70%) 0 100%,radial-gradient(farthest-side at 50% 0, hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60)/50%), transparent),radial-gradient(farthest-side at 50% 100%, hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60)/50%), transparent) 0 100%;background-attachment:local,local,local,scroll;background-repeat:no-repeat;background-size:100% var(--ckbox-spacing-bigger),100% var(--ckbox-spacing-bigger),100% var(--ckbox-spacing-small),100% var(--ckbox-spacing-small)}.ckbox .ckbox-navbar-scrollable-content--scrollable{overflow-y:auto}.ckbox .ckbox-navbar-item-label{display:flex;align-items:center;gap:var(--ckbox-spacing-compact);min-width:0;transition:color calc(var(--ckbox-animation-duration-primary)*1ms)}.ckbox .ckbox-navbar-item-label__content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ckbox .ckbox-navbar-item-label__content--enter{opacity:0}.ckbox .ckbox-navbar-item-label__content--enter-active{transition:opacity calc(var(--ckbox-animation-duration-primary)*1ms);opacity:1}.ckbox .ckbox-navbar-item-label__content--exit{opacity:1}.ckbox .ckbox-navbar-item-label__content--exit-active{transition:opacity calc(var(--ckbox-animation-duration-primary)*1ms);opacity:0}.ckbox .ckbox-navbar-item-label__icon{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-60))}.ckbox .ckbox-navbar-item-label__icon--muted{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-70))}.ckbox .ckbox-navbar-item-label__icon--active{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90))}.ckbox .ckbox-navbar-item-label__icon--disabled{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-80))}.ckbox .ckbox-navbar-item-content{display:flex;align-items:center;overflow:hidden}.ckbox .ckbox-navbar-item-content--end{flex:1;display:flex;align-items:center;justify-content:flex-end}.ckbox .ckbox-navbar-item-content--hidden{visibility:hidden}.ckbox .ckbox-navbar-item-content--active{--ckbox-btn-icon-color-override: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100))}.ckbox .ckbox-navbar-item-content--enter{opacity:0}.ckbox .ckbox-navbar-item-content--enter-active{transition:opacity calc(var(--ckbox-animation-duration-primary)*1ms);opacity:1}.ckbox .ckbox-navbar-item-content--exit{opacity:1}.ckbox .ckbox-navbar-item-content--exit-active{transition:opacity calc(var(--ckbox-animation-duration-primary)*1ms);opacity:0}.ckbox .ckbox-navbar-link{-webkit-user-select:none;user-select:none;color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50));font-size:var(--ckbox-font-smaller);padding:var(--ckbox-spacing-smaller) 0;padding-left:var(--ckbox-spacing-small);text-decoration:none;overflow:hidden;white-space:nowrap}.ckbox .ckbox-navbar-collapse-toggle{display:flex;justify-content:flex-end;padding-top:var(--ckbox-spacing-smallest);padding-bottom:var(--ckbox-spacing-smallest);padding-right:var(--ckbox-spacing-smallest)}.ckbox .ckbox-navbar-collapse-toggle--center{padding-right:0;justify-content:center}.ckbox .ckbox-notifications{position:absolute;right:0;bottom:0;margin-bottom:var(--ckbox-spacing-small);padding-right:var(--ckbox-spacing-small);z-index:10;display:flex;flex-direction:column;overflow:hidden;transition:transform calc(var(--ckbox-animation-duration-primary)*1ms) ease-out}.ckbox .ckbox-notification{position:relative;min-width:300px;height:0;margin-top:0}.ckbox .ckbox-notification:first-child{margin-top:0}.ckbox .ckbox-notification__title{flex-grow:1}.ckbox .ckbox-notification__icons{display:flex}.ckbox .ckbox-notification__content{border-radius:var(--ckbox-radius-medium);box-shadow:var(--ckbox-shadow-level-3);padding:var(--ckbox-spacing-smallest) var(--ckbox-spacing-smaller);display:flex;align-items:center;background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50));color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));--ckbox-btn-icon-color-override: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));width:100%;position:absolute;top:0;left:0;transform:translateX(calc(100% + 2 * var(--ckbox-spacing-base)))}.ckbox .ckbox-notification__detail-row{margin:var(--ckbox-spacing-smaller) var(--ckbox-spacing-base)}.ckbox .ckbox-notification__detail-row code{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10))}.ckbox .ckbox-notification--success{background-color:hsl(var(--ckbox-success-h), var(--ckbox-success-s), var(--ckbox-success-l-35));color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100))}.ckbox .ckbox-notification--error{background-color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-50));color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100))}.ckbox .ckbox-notification--enter-active{animation-name:grow;animation-timing-function:ease-in;animation-fill-mode:forwards;animation-duration:calc(var(--ckbox-animation-duration-secondary)*1ms)}.ckbox .ckbox-notification:only-child{animation-duration:0ms}.ckbox .ckbox-notification--enter-done{height:var(--ckbox-notification-height);margin-top:var(--ckbox-spacing-smallest)}.ckbox .ckbox-notification--exit{height:var(--ckbox-notification-height);margin-top:var(--ckbox-spacing-smallest)}.ckbox .ckbox-notification--exit-active{animation-name:grow;animation-timing-function:ease-out;animation-fill-mode:forwards;animation-direction:reverse;animation-duration:calc(var(--ckbox-animation-duration-secondary)*1ms);animation-delay:calc(var(--ckbox-animation-duration-primary)*1ms)}@keyframes grow{from{height:0;margin-top:0}to{height:var(--ckbox-notification-height);margin-top:var(--ckbox-spacing-smallest)}}.ckbox .ckbox-notification--enter-active .ckbox-notification__content{animation-name:slide;animation-timing-function:ease-in;animation-fill-mode:forwards;animation-duration:calc(var(--ckbox-animation-duration-primary)*1ms);animation-delay:calc(var(--ckbox-animation-duration-secondary)*1ms)}.ckbox .ckbox-notification--enter-done .ckbox-notification__content{transform:translateX(0)}.ckbox .ckbox-notification--exit .ckbox-notification__content{transform:translateX(0)}.ckbox .ckbox-notification--exit-active .ckbox-notification__content{animation-name:slide;animation-timing-function:ease-out;animation-fill-mode:forwards;animation-direction:reverse;animation-duration:calc(var(--ckbox-animation-duration-primary)*1ms)}.ckbox .ckbox-notification:only-child .ckbox-notification__content{animation-delay:0ms}@keyframes slide{from{transform:translateX(calc(100% + 2 * var(--ckbox-spacing-base)))}to{transform:translateX(0)}}.ckbox .ckbox-pagination{align-items:center;display:flex;font-size:var(--ckbox-font-small);gap:var(--ckbox-spacing-compact)}.ckbox .ckbox-pagination__current-page{padding-left:0;padding-right:0;text-align:center;width:var(--ckbox-spacing-big)}.ckbox .ckbox-pagination__total-pages{margin:0 var(--ckbox-spacing-compact)}.ckbox .ckbox-panel{display:flex;position:relative;gap:var(--ckbox-spacing-small)}.ckbox .ckbox-panel--opaque{opacity:0}.ckbox .ckbox-panel--elevated{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-98));box-shadow:var(--ckbox-shadow-level-3);padding:var(--ckbox-spacing-smaller);border-radius:var(--ckbox-radius-big)}.ckbox .ckbox-panel-column{display:flex;flex-direction:column;gap:var(--ckbox-spacing-base);flex:1;min-width:0}.ckbox .ckbox-panel-drag-handle{position:absolute;top:50%;left:5px;cursor:move;opacity:.25}.ckbox .ckbox-panel-actions{display:flex;justify-content:flex-end;align-items:flex-end;gap:var(--ckbox-spacing-smallest)}.ckbox .ckbox-panel-content{display:flex;align-items:center;position:relative}.ckbox .ckbox-panel-content__header{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-50));font-size:var(--ckbox-font-smallest);margin-bottom:var(--ckbox-spacing-compact)}.ckbox .ckbox-panel-content__main{width:100%;position:relative;min-width:0}.ckbox .ckbox-panel-content-prop{font-size:var(--ckbox-font-small);font-weight:300}.ckbox .ckbox-panel-content-prop__value{margin-left:var(--ckbox-spacing-compact);font-weight:600}.ckbox .ckbox-panel-side{color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50))}.ckbox .ckbox-panel-title{align-items:center;font-size:var(--ckbox-font-medium);font-weight:600}.ckbox .ckbox-panel-title__description{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-50));font-size:var(--ckbox-font-smallest);font-weight:normal}.ckbox .ckbox-panel-title__main{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ckbox .ckbox-panel-skeleton{font-size:var(--ckbox-font-smallest);gap:var(--ckbox-spacing-smallest);display:flex}.ckbox .ckbox-panel-skeleton__block{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90))}.ckbox .ckbox-panel-skeleton__block--size-sm.ckbox-skeleton{width:var(--ckbox-spacing-biggest)}.ckbox .ckbox-panel-skeleton__block--size-md.ckbox-skeleton{width:calc(var(--ckbox-spacing-biggest) * 1.5)}.ckbox .ckbox-panel-skeleton__block--size-lg.ckbox-skeleton{width:calc(var(--ckbox-spacing-humongous) * 1.5)}.ckbox .ckbox-panel-list-divider{height:1px;width:100%;border-bottom:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-80))}.ckbox .ckbox-panel-list-divider--opaque{border-bottom-color:rgba(0,0,0,0)}.ckbox .ckbox-panel-list{display:flex;flex-direction:column;gap:var(--ckbox-spacing-base)}.ckbox .ckbox-panel-list__toolbar{display:flex;justify-content:flex-end}.ckbox .ckbox-popper-arrow{visibility:hidden}.ckbox .ckbox-popper-arrow,.ckbox .ckbox-popper-arrow::before{position:absolute;width:14px;height:14px;background:inherit;box-sizing:content-box}.ckbox .ckbox-popper-arrow--sm,.ckbox .ckbox-popper-arrow--sm::before{width:6px;height:6px}.ckbox .ckbox-popper-arrow::before{visibility:visible;content:"";transform:rotate(45deg)}.ckbox .ckbox-popper{position:relative}.ckbox .ckbox-popper[data-popper-placement^=top] .ckbox-popper-arrow[data-popper-arrow]{bottom:calc(-16px / 2)}.ckbox .ckbox-popper[data-popper-placement^=top] .ckbox-popper-arrow[data-popper-arrow]::before{border-right-width:0;border-bottom-width:0}.ckbox .ckbox-popper[data-popper-placement^=bottom] .ckbox-popper-arrow[data-popper-arrow]{top:calc(-16px / 2)}.ckbox .ckbox-popper[data-popper-placement^=bottom] .ckbox-popper-arrow[data-popper-arrow]::before{border-right-width:0;border-bottom-width:0}.ckbox .ckbox-popper[data-popper-placement^=left] .ckbox-popper-arrow[data-popper-arrow]{right:calc(-16px / 2)}.ckbox .ckbox-popper[data-popper-placement^=left] .ckbox-popper-arrow[data-popper-arrow]::before{border-right-width:0;border-top-width:0}.ckbox .ckbox-popper[data-popper-placement^=right] .ckbox-popper-arrow[data-popper-arrow]{left:calc(-16px / 2)}.ckbox .ckbox-popper[data-popper-placement^=right] .ckbox-popper-arrow[data-popper-arrow]::before{border-left-width:0;border-bottom-width:0}.ckbox .ckbox-popper[data-popper-placement^=top] .ckbox-popper-arrow--sm[data-popper-arrow]{bottom:calc(-6px / 2)}.ckbox .ckbox-popper[data-popper-placement^=bottom] .ckbox-popper-arrow--sm[data-popper-arrow]{top:calc(-6px / 2)}.ckbox .ckbox-popper[data-popper-placement^=left] .ckbox-popper-arrow--sm[data-popper-arrow]{right:calc(-6px / 2)}.ckbox .ckbox-popper[data-popper-placement^=right] .ckbox-popper-arrow--sm[data-popper-arrow]{left:calc(-6px / 2)}.ckbox .ckbox-progress-panel{background-color:hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60)/15%);border-radius:var(--ckbox-radius-medium);font-size:var(--ckbox-font-small);margin:var(--ckbox-spacing-smallest) var(--ckbox-spacing-smaller);padding:var(--ckbox-spacing-smallest) var(--ckbox-spacing-smaller) var(--ckbox-spacing-compact)}.ckbox .ckbox-progress-panel__header{display:flex;justify-content:space-between}.ckbox .ckbox-progress-panel__info{margin:0 var(--ckbox-spacing-smallest)}.ckbox .ckbox-progress-panel__bar{-webkit-appearance:none;appearance:none;border-radius:var(--ckbox-radius-big);height:calc(100% + 2px);left:0;margin:-1px;position:absolute;top:0;width:calc(100% + 2px);color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50))}.ckbox .ckbox-progress-panel__bar,.ckbox .ckbox-progress-panel__bar::-webkit-progress-bar{background-color:hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60)/15%);-webkit-transition:width calc(var(--ckbox-animation-duration-secondary)*1ms) ease-in;transition:width calc(var(--ckbox-animation-duration-secondary)*1ms) ease-in}.ckbox .ckbox-progress-panel__bar::-webkit-progress-value{background-color:currentColor;-webkit-transition:width calc(var(--ckbox-animation-duration-secondary)*1ms) ease-in;transition:width calc(var(--ckbox-animation-duration-secondary)*1ms) ease-in}.ckbox .ckbox-progress-panel__bar::-moz-progress-bar{background-color:currentColor;-moz-transition:width calc(var(--ckbox-animation-duration-secondary)*1ms) ease-in;transition:width calc(var(--ckbox-animation-duration-secondary)*1ms) ease-in}.ckbox .ckbox-progress-panel__bar-wrapper{border:0;border-radius:var(--ckbox-radius-big);height:var(--ckbox-spacing-smallest);margin-bottom:var(--ckbox-spacing-compact);margin-top:var(--ckbox-spacing-compact);overflow:hidden;padding:0;position:relative;width:100%}.ckbox .ckbox-progress-panel__label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:var(--ckbox-spacing-smallest);flex:1}.ckbox .ckbox-progress-panel__footer{font-size:var(--ckbox-font-smallest)}.ckbox .ckbox-progress-panel__footer::after{content:" "}.ckbox .ckbox-progress-panel__footer strong{font-style:italic}.ckbox .ckbox-progress-panel--completed .ckbox-progress-panel__bar{color:hsl(var(--ckbox-success-h), var(--ckbox-success-s), var(--ckbox-success-l-35))}.ckbox .ckbox-progress-panel--error{background-color:hsl(var(--ckbox-danger-h) var(--ckbox-danger-s) var(--ckbox-danger-l-60)/15%);color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-50))}.ckbox .ckbox-progress-panel--error .ckbox-progress-panel__bar,.ckbox .ckbox-progress-panel--error .ckbox-progress-panel__bar::-webkit-progress-bar{color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-50));background-color:hsl(var(--ckbox-danger-h) var(--ckbox-danger-s) var(--ckbox-danger-l-60)/15%)}.ckbox .ckbox-progress-panel--warning{background-color:hsl(var(--ckbox-warning-h) var(--ckbox-warning-s) var(--ckbox-warning-l-60)/15%);color:hsl(var(--ckbox-warning-h), var(--ckbox-warning-s), var(--ckbox-warning-l-50))}.ckbox .ckbox-progress-panel--warning .ckbox-progress-panel__bar,.ckbox .ckbox-progress-panel--warning .ckbox-progress-panel__bar::-webkit-progress-bar{color:hsl(var(--ckbox-warning-h), var(--ckbox-warning-s), var(--ckbox-warning-l-50));background-color:hsl(var(--ckbox-warning-h) var(--ckbox-warning-s) var(--ckbox-warning-l-60)/15%)}.ckbox .ckbox-properties-table-row{display:flex;justify-content:space-between;padding:var(--ckbox-spacing-compact);gap:var(--ckbox-spacing-compact)}.ckbox .ckbox-properties-table-row:not(:last-child){border-bottom:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-80))}.ckbox .ckbox-properties-table-row__label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ckbox .ckbox-properties-table{width:100%;font-size:var(--ckbox-font-smaller)}.ckbox .ckbox-range-slider__track{align-items:center;background-color:hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60)/15%);border-radius:var(--ckbox-radius-medium);display:flex;height:var(--ckbox-spacing-smallest);position:relative;cursor:pointer}.ckbox .ckbox-range-slider__thumb{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));border:2px solid hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50));border-radius:50%;cursor:grab;height:var(--ckbox-spacing-medium);position:absolute;touch-action:none;-webkit-user-select:none;user-select:none;width:var(--ckbox-spacing-medium);transform:translateX(-50%);transition:left calc(var(--ckbox-animation-duration-secondary)*1ms) ease-in}.ckbox .ckbox-range-slider__thumb:focus{outline:0;box-shadow:0 0 0 1.5px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%)),0 0 0 3.5px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%)))}.ckbox .ckbox-range-slider__track-progress{background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50));border-bottom-left-radius:var(--ckbox-radius-medium);border-top-left-radius:var(--ckbox-radius-medium);height:inherit;position:absolute;transition:width calc(var(--ckbox-animation-duration-secondary)*1ms) ease-in}.ckbox .ckbox-range-slider__labels{display:flex;font-size:var(--ckbox-font-smallest);padding-top:var(--ckbox-spacing-smallest);white-space:nowrap}.ckbox .ckbox-range-slider__labels :first-child{flex:.5;text-align:left}.ckbox .ckbox-range-slider__labels :last-child{flex:.5;text-align:right}.ckbox .ckbox-range-slider__label{flex:1;text-align:center}.ckbox .ckbox-range-slider--dragging{cursor:grab}.ckbox .ckbox-responsive-image{position:absolute}.ckbox .ckbox-responsive-image--hidden{visibility:hidden;z-index:-1}.ckbox .ckbox-responsive-image--fit{width:100%;height:100%}.ckbox .ckbox-responsive-image__img--fit{width:100%;height:100%}.ckbox .ckbox-responsive-image__img--scale-down{object-fit:scale-down}.ckbox .ckbox-responsive-image__img--cover{object-fit:cover}.ckbox .ckbox-responsive-image-fallback{position:absolute}.ckbox .ckbox-responsive-image-fallback--cover{height:100%;width:100%;object-fit:cover}.ckbox .ckbox-select{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10));font-size:var(--ckbox-font-small);--ckbox-focus-color-outer-a: 20%;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-98));border-radius:var(--ckbox-radius-medium);border:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-70));padding:var(--ckbox-spacing-smallest) var(--ckbox-spacing-smaller);width:100%;display:flex;align-items:center;gap:var(--ckbox-spacing-smallest);justify-content:space-between;-webkit-user-select:none;user-select:none}.ckbox .ckbox-select:focus{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%))}.ckbox .ckbox-select:focus-visible,.ckbox .ckbox-select--focus-visible{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%));border-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50))}.ckbox .ckbox-select:focus:not(:focus-visible){box-shadow:none}.ckbox .ckbox-select--error{border-color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-50))}.ckbox .ckbox-select--error:focus{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%))}.ckbox .ckbox-select--error:focus-visible,.ckbox .ckbox-select--error--focus-visible{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%));border-color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-50))}.ckbox .ckbox-select--error:focus:not(:focus-visible){box-shadow:none}.ckbox .ckbox-select--disabled,.ckbox .ckbox-select:disabled{opacity:.5;pointer-events:none}.ckbox .ckbox-select__field{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10));font-size:var(--ckbox-font-small);-webkit-appearance:none;appearance:none;background-color:rgba(0,0,0,0);border:0;outline:none;padding:0;max-width:100%;flex-grow:1}.ckbox .ckbox-select__field::placeholder{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-50))}.ckbox .ckbox-select--size-small{padding:var(--ckbox-spacing-tiny) var(--ckbox-spacing-smallest)}.ckbox .ckbox-select__field{height:calc(var(--ckbox-spacing-smallest) + calc(var(--ckbox-spacing-tiny) * 2 + 2px + var(--ckbox-spacing-base)));min-width:2px}.ckbox .ckbox-select__field-hidden{position:absolute;width:0;opacity:0;padding:0;border:0}.ckbox .ckbox-select-listbox{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));border:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90));border-radius:var(--ckbox-radius-big);box-shadow:var(--ckbox-shadow-level-3);z-index:30}.ckbox .ckbox-select-listbox-list__fallback{padding:var(--ckbox-spacing-big);text-align:center}.ckbox .ckbox-select-listbox-list__list{overflow:auto;max-height:228px;padding:var(--ckbox-spacing-smallest) 0;list-style:none;margin:0}.ckbox .ckbox-select-listbox-item{display:flex;overflow:hidden;align-items:center;cursor:pointer;gap:var(--ckbox-spacing-smallest);padding:var(--ckbox-spacing-smaller) var(--ckbox-spacing-small);max-height:38px;outline:none;font-size:var(--ckbox-font-small)}.ckbox .ckbox-select-listbox-item--pre-selected{background-color:hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60)/10%)}.ckbox .ckbox-select-listbox-item--selected{background-color:hsl(var(--ckbox-action-h) var(--ckbox-action-s) var(--ckbox-action-l-60)/7.5%)}.ckbox .ckbox-select-listbox-item--selected.ckbox-select-listbox-item--pre-selected{background-color:hsl(var(--ckbox-action-h) var(--ckbox-action-s) var(--ckbox-action-l-60)/15%)}.ckbox .ckbox-select-multi-list{display:flex;align-items:center;min-height:calc(var(--ckbox-spacing-smallest) + calc(var(--ckbox-spacing-tiny) * 2 + 2px + var(--ckbox-spacing-base)));flex-grow:1}.ckbox .ckbox-select-multi-list__placeholder{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-50))}.ckbox .ckbox-select-single{height:calc(var(--ckbox-spacing-smallest) + calc(var(--ckbox-spacing-tiny) * 2 + 2px + var(--ckbox-spacing-base)));display:flex;align-items:center}.ckbox .ckbox-select-single--searchable{height:initial;display:block}.ckbox .ckbox-select-single__label{margin-left:-2px}.ckbox .ckbox-select-single__placeholder{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-50))}.ckbox .ckbox-select-input--hidden{position:absolute;height:0;overflow:hidden;white-space:pre}.ckbox .ckbox-search-dialog{position:absolute;left:var(--ckbox-search-dialog-center-x, 0);top:60px;border-radius:var(--ckbox-radius-big);box-shadow:var(--ckbox-shadow-level-4);display:flex;flex-direction:column;overflow:hidden;z-index:30;width:678px;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));outline:none;max-height:calc(100% - 120px)}.ckbox .ckbox-search-dialog--compact{top:40px;max-height:calc(100% - 80px)}.ckbox .ckbox-search-dialog-actions{display:flex;justify-content:flex-end;gap:var(--ckbox-spacing-smallest)}.ckbox .ckbox-search-dialog-bar{display:flex;gap:var(--ckbox-spacing-small)}.ckbox .ckbox-search-dialog-content{padding:var(--ckbox-spacing-small) var(--ckbox-spacing-medium);display:flex;flex-direction:column;gap:var(--ckbox-spacing-smallest);overflow:auto}.ckbox .ckbox-search-dialog-fallback{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-40));font-size:var(--ckbox-font-small);padding:var(--ckbox-spacing-smaller) var(--ckbox-spacing-base);text-align:center}.ckbox .ckbox-search-dialog-header{padding:var(--ckbox-spacing-smaller) var(--ckbox-spacing-small);border-bottom:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-95));display:flex;justify-content:space-between;gap:var(--ckbox-spacing-medium)}.ckbox .ckbox-search-dialog-header__actions{display:flex;gap:var(--ckbox-spacing-compact)}.ckbox .ckbox-search-dialog-header__form{display:flex;align-items:center;gap:var(--ckbox-spacing-compact);flex:1}.ckbox .ckbox-search-dialog-input{display:flex;align-items:center;gap:var(--ckbox-spacing-smallest);flex:1}.ckbox .ckbox-search-dialog-input__field{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10));font-size:var(--ckbox-font-small);-webkit-appearance:none;appearance:none;background-color:rgba(0,0,0,0);border:0;outline:none;padding:0;max-width:100%;flex-grow:1}.ckbox .ckbox-search-dialog-input__field::placeholder{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-50))}.ckbox .ckbox-search-dialog-input__field{font-size:var(--ckbox-font-base);font-weight:600;height:100%}.ckbox .ckbox-search-dialog-input__field::placeholder{font-weight:400}.ckbox .ckbox-search-dialog-section__header{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-40));font-size:var(--ckbox-font-small);margin-bottom:var(--ckbox-spacing-small)}.ckbox .ckbox-selection-area{background-color:hsl(var(--ckbox-action-h) var(--ckbox-action-s) var(--ckbox-action-l-60)/15%);position:absolute}.ckbox .ckbox-skeleton{overflow:hidden;position:relative;width:100%}.ckbox .ckbox-skeleton::after{animation:wave 2s linear .5s infinite;background:linear-gradient(90deg, transparent, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-98)), transparent);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@keyframes wave{0%{transform:translateX(-100%)}50%{transform:translateX(100%)}100%{transform:translateX(100%)}}.ckbox .ckbox-skeleton--bg-default{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90))}.ckbox .ckbox-sort-button--ascending path{fill:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50))}.ckbox .ckbox-sort-button--ascending path+path{fill:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-70))}.ckbox .ckbox-sort-button--descending path{fill:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-70))}.ckbox .ckbox-sort-button--descending path+path{fill:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50))}.ckbox .ckbox-switch-input{display:inline-block}.ckbox .ckbox-switch-input__input{cursor:pointer;-webkit-appearance:none;appearance:none;width:40px;height:23px;background:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));border-radius:calc(var(--ckbox-radius-big) * 2);border:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-80));position:relative}.ckbox .ckbox-switch-input__input:focus{outline:0;box-shadow:0 0 0 1.5px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%)),0 0 0 3.5px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%)))}.ckbox .ckbox-switch-input__input:focus-visible,.ckbox .ckbox-switch-input__input--focus-visible{outline:0;box-shadow:0 0 0 1.5px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%)),0 0 0 3.5px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%)))}.ckbox .ckbox-switch-input__input:focus:not(:focus-visible){box-shadow:none}.ckbox .ckbox-switch-input__input::before{width:17px;height:17px;border-radius:50%;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-70));content:"";position:absolute;left:2px;top:2px;transition-duration:calc(var(--ckbox-animation-duration-primary)*1ms);transition-property:background-color,left;box-shadow:var(--ckbox-shadow-level-1)}.ckbox .ckbox-switch-input__input:checked::before{left:calc(100% - 17px - 2px);background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50))}.ckbox .ckbox-tabs__nav{display:flex}.ckbox .ckbox-tabs__tab{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-98));border-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90));border-style:solid;border-width:1px 0 0 1px;cursor:pointer;padding:var(--ckbox-spacing-smaller) var(--ckbox-spacing-big);color:inherit}.ckbox .ckbox-tabs__tab:focus{outline:0;box-shadow:0 0 0 1.5px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%)),0 0 0 3.5px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%)))}.ckbox .ckbox-tabs__tab:focus-visible,.ckbox .ckbox-tabs__tab--focus-visible{outline:0;box-shadow:0 0 0 1.5px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%)),0 0 0 3.5px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%)));z-index:2}.ckbox .ckbox-tabs__tab:focus:not(:focus-visible){box-shadow:none}.ckbox .ckbox-tabs__tab:last-of-type{border-right-width:1px}.ckbox .ckbox-tabs__tab--active{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));border-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90));border-width:0 1px;font-weight:600;position:relative;z-index:1}.ckbox .ckbox-tabs__tab--active::before,.ckbox .ckbox-tabs__tab--active::after{content:"";height:2px;position:absolute}.ckbox .ckbox-tabs__tab--active::before{background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50));left:-1px;top:0;width:calc(100% + 2px)}.ckbox .ckbox-tabs__tab--active::after{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));bottom:-2px;left:0;width:100%}.ckbox .ckbox-tabs__tab--active+.ckbox-tabs__tab{border-left-width:0}.ckbox .ckbox-tabs__content{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));border:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90));padding:var(--ckbox-spacing-big);position:relative}.ckbox .ckbox-tag{align-items:center;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90));border-radius:var(--ckbox-radius-medium);display:inline-flex;font-size:var(--ckbox-font-small);padding:var(--ckbox-spacing-compact) var(--ckbox-spacing-small);min-width:0}.ckbox .ckbox-tag--removable{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));box-shadow:var(--ckbox-shadow-level-1);gap:var(--ckbox-spacing-smallest);padding-bottom:var(--ckbox-spacing-compact);padding-left:var(--ckbox-spacing-smallest);padding-right:var(--ckbox-spacing-compact);padding-top:var(--ckbox-spacing-compact)}.ckbox .ckbox-tag--radius-md{border-radius:var(--ckbox-radius-medium)}.ckbox .ckbox-tag--radius-lg{border-radius:var(--ckbox-radius-big)}.ckbox .ckbox-tag--radius-xl{border-radius:var(--ckbox-radius-bigger)}.ckbox .ckbox-tag--size-sm{font-size:var(--ckbox-font-smaller)}.ckbox .ckbox-tag-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ckbox .ckbox-tag-label--bold{font-weight:700}.ckbox .ckbox-tag-list{display:flex;flex-wrap:wrap;gap:var(--ckbox-spacing-compact);align-items:center;min-width:0}.ckbox .ckbox-tag-list--hidden{visibility:hidden;overflow:hidden}.ckbox .ckbox-tag-list--grow{flex-grow:1}.ckbox .ckbox-tag-input{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10));font-size:var(--ckbox-font-small);--ckbox-focus-color-outer-a: 20%;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-98));border-radius:var(--ckbox-radius-medium);border:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-70));padding:var(--ckbox-spacing-smallest) var(--ckbox-spacing-smaller);width:100%;display:flex;align-items:center;gap:var(--ckbox-spacing-smallest);cursor:text}.ckbox .ckbox-tag-input:focus{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%))}.ckbox .ckbox-tag-input:focus-visible,.ckbox .ckbox-tag-input--focus-visible{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%));border-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50))}.ckbox .ckbox-tag-input:focus:not(:focus-visible){box-shadow:none}.ckbox .ckbox-tag-input--error{border-color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-50))}.ckbox .ckbox-tag-input--error:focus{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%))}.ckbox .ckbox-tag-input--error:focus-visible,.ckbox .ckbox-tag-input--error--focus-visible{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%));border-color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-50))}.ckbox .ckbox-tag-input--error:focus:not(:focus-visible){box-shadow:none}.ckbox .ckbox-tag-input--disabled,.ckbox .ckbox-tag-input:disabled{opacity:.5;pointer-events:none}.ckbox .ckbox-tag-input__field{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10));font-size:var(--ckbox-font-small);-webkit-appearance:none;appearance:none;background-color:rgba(0,0,0,0);border:0;outline:none;padding:0;max-width:100%;flex-grow:1}.ckbox .ckbox-tag-input__field::placeholder{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-50))}.ckbox .ckbox-tag-input__field{height:calc(var(--ckbox-spacing-smallest) + calc(var(--ckbox-spacing-tiny) * 2 + 2px + var(--ckbox-spacing-base)));min-width:2px}.ckbox .ckbox-tag-input__field--hidden{position:absolute;height:0;overflow:hidden;white-space:pre}.ckbox .ckbox-tag-input__list{flex-grow:1}.ckbox .ckbox-tag-input__copy-button-wrapper{flex-shrink:0}.ckbox .ckbox-tooltip{z-index:60;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10));border-radius:var(--ckbox-radius-big);max-width:90%}.ckbox .ckbox-tooltip__content{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));font-size:var(--ckbox-font-small);padding:var(--ckbox-spacing-compact) var(--ckbox-spacing-smallest);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ckbox .ckbox-topbar-actions{align-items:center;display:flex;flex-grow:1;padding:var(--ckbox-spacing-compact);overflow:hidden}.ckbox .ckbox-topbar-actions--hidden{visibility:hidden;overflow:hidden}.ckbox .ckbox-topbar{align-items:center;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));box-shadow:var(--ckbox-shadow-bottom);display:flex;padding:var(--ckbox-spacing-compact) var(--ckbox-spacing-small) var(--ckbox-spacing-compact) var(--ckbox-spacing-smallest);position:relative;height:48px}.ckbox .ckbox-topbar__side-content{align-items:center;display:flex;flex-shrink:0;gap:calc(var(--ckbox-spacing-compact) * 1.5)}.ckbox .ckbox-view{display:grid;height:100%;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-98));grid-template-columns:1fr auto}.ckbox .ckbox-view-header{z-index:1}.ckbox .ckbox-view-header,.ckbox .ckbox-view-footer{flex-shrink:0}.ckbox .ckbox-view-content-wrapper{display:flex;flex-direction:column;height:100%;flex:1;min-height:0;min-width:0}.ckbox .ckbox-view-content{flex-grow:1;overflow-x:hidden;padding:calc(var(--ckbox-spacing-small) - 2px) calc(var(--ckbox-spacing-small) - 2px);position:relative;z-index:0;border:2px solid rgba(0,0,0,0);transition:border-color calc(var(--ckbox-animation-duration-primary)*1ms)}.ckbox .ckbox-view-content--outline{border-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50))}.ckbox .ckbox-view-content--compact{padding:0 calc(var(--ckbox-spacing-big) - 2px) calc(var(--ckbox-spacing-smaller) - 2px) calc(var(--ckbox-spacing-big) - 2px)}.ckbox .ckbox-view-content-bar{flex-shrink:0;padding:var(--ckbox-spacing-smallest) 0}.ckbox .ckbox-view-side-content{height:100%;overflow-y:auto}.ckbox .ckbox-view-dialog{border:1px solid hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-20)/10%);border-radius:var(--ckbox-radius-medium);box-shadow:0 4px 8px 4px var(--ckbox-shadow-color);position:fixed;z-index:30;overflow:hidden;overflow:clip}.ckbox .ckbox-view-dialog--noselect{-webkit-user-select:none;user-select:none}.ckbox .ckbox-view-dialog__content{height:calc(100% - var(--ckbox-spacing-compact) * 2 - calc(var(--ckbox-spacing-tiny) * 2 + 2px + var(--ckbox-spacing-base)));position:relative;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-98))}.ckbox .ckbox-view-dialog__header{align-items:center;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-98));cursor:move;display:flex;justify-content:flex-end;padding:var(--ckbox-spacing-compact) var(--ckbox-spacing-smaller);position:relative;box-shadow:inset 0 -1px 0 0 hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-20)/10%)}.ckbox .ckbox-view-dialog__se,.ckbox .ckbox-view-dialog__sw{bottom:0;height:var(--ckbox-spacing-base);position:absolute;width:var(--ckbox-spacing-base);overflow:hidden;z-index:50}.ckbox .ckbox-view-dialog__se::before,.ckbox .ckbox-view-dialog__sw::before{content:"";display:block;height:var(--ckbox-spacing-tiny);position:absolute;top:var(--ckbox-spacing-compact);width:var(--ckbox-spacing-bigger)}.ckbox .ckbox-view-dialog__se{cursor:se-resize;right:0}.ckbox .ckbox-view-dialog__se::before{right:0;padding-left:50%;transform:translateX(45%) rotate(-45deg)}.ckbox .ckbox-view-dialog__sw{cursor:sw-resize;left:0}.ckbox .ckbox-view-dialog__sw::before{left:0;padding-right:50%;transform:translateX(-45%) rotate(45deg)}.ckbox .ckbox-view-wrapper{--ckbox-view-wrapper-navbar-width-clamped: clamp( var(--ckbox-view-wrapper-navbar-min-width), var(--ckbox-view-wrapper-navbar-width), var(--ckbox-view-wrapper-navbar-max-width) );display:grid;grid-template-columns:var(--ckbox-view-wrapper-navbar-width-clamped) 1fr;grid-template-rows:100%;height:100%;isolation:isolate;position:relative;overflow:hidden}.ckbox .ckbox-view-wrapper__overlay--resizing{cursor:col-resize}.ckbox .ckbox-view-wrapper__navbar{position:relative;z-index:1}.ckbox .ckbox-view-wrapper__divider{opacity:0;position:absolute;width:11px;background:linear-gradient(to right, transparent 4px, var(--ckbox-divider-color, hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-80))) 4px, var(--ckbox-divider-color, hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-80))) 7px, transparent 7px);z-index:2;top:0;left:calc(var(--ckbox-view-wrapper-navbar-width-clamped) - 5.5px);height:100%;cursor:col-resize;transition:opacity calc(var(--ckbox-animation-duration-primary)*1ms) linear}.ckbox .ckbox-view-wrapper__divider:hover,.ckbox .ckbox-view-wrapper__divider--active{opacity:1}.ckbox .ckbox-view-wrapper__content{z-index:0;min-width:0;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-98))}.ckbox .ckbox-search-results-bar{display:inline-flex;align-items:center;gap:var(--ckbox-spacing-base)}.ckbox .ckbox-search-results-bar-phrase{font-size:var(--ckbox-font-small);padding-right:var(--ckbox-spacing-smallest)}.ckbox .ckbox-sr-only{clip:rect(0 0 0 0);clip-path:inset(100%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.ckbox .ckbox-full-height{height:100%}
|
|
3
|
+
)}.ckbox .ckbox-gallery-skeleton__details{font-size:var(--ckbox-font-smallest);padding-top:var(--ckbox-spacing-smallest)}.ckbox .ckbox-icon{fill:currentColor;max-width:initial}.ckbox .ckbox-icon--small{height:var(--ckbox-spacing-small);min-width:var(--ckbox-spacing-small)}.ckbox .ckbox-icon--base{height:var(--ckbox-spacing-base);min-width:var(--ckbox-spacing-base)}.ckbox .ckbox-icon--medium{height:var(--ckbox-spacing-medium);width:var(--ckbox-spacing-medium)}.ckbox .ckbox-icon--big{height:var(--ckbox-spacing-big);min-width:var(--ckbox-spacing-big)}.ckbox .ckbox-icon--bigger{height:calc(var(--ckbox-spacing-medium) + var(--ckbox-spacing-smallest));min-width:calc(var(--ckbox-spacing-medium) + var(--ckbox-spacing-smallest))}.ckbox .ckbox-icon--humongous{height:var(--ckbox-spacing-humongous);min-width:var(--ckbox-spacing-humongous)}.ckbox .ckbox-icon--accent{color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50))}.ckbox .ckbox-icon--disabled{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90))}.ckbox .ckbox-icon--danger{color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-50))}.ckbox .ckbox-icon--muted{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-60))}.ckbox .ckbox-icon--warning{color:hsl(var(--ckbox-warning-h), var(--ckbox-warning-s), var(--ckbox-warning-l-50))}.ckbox .ckbox-icon-spinner{animation:1.4s linear 0s infinite normal none running rotate}.ckbox .ckbox-icon-spinner__circle{fill:none;stroke-width:3.6;stroke:currentColor;stroke-dasharray:80px,200px;stroke-dashoffset:0;animation:1.4s ease-in-out 0s infinite normal none running spinner}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes spinner{0%{stroke-dasharray:1px,200px;stroke-dashoffset:0}50%{stroke-dasharray:100px,200px;stroke-dashoffset:-15px}100%{stroke-dasharray:100px,200px;stroke-dashoffset:-125px}}.ckbox .ckbox-icon-filter{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ckbox .ckbox-icon-caret-right{transition:transform calc(var(--ckbox-animation-duration-primary)*1ms)}.ckbox .ckbox-icon-caret-right--animate-in{transform:rotate(90deg)}.ckbox .ckbox-icon-cog{transition:transform calc(var(--ckbox-animation-duration-primary)*1ms)}.ckbox .ckbox-icon-cog--animate-in{transform:rotate(45deg)}.ckbox .ckbox-input{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10));font-size:var(--ckbox-font-small);--ckbox-focus-color-outer-a: 20%;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-98));border-radius:var(--ckbox-radius-medium);border:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-70));padding:var(--ckbox-spacing-smallest) var(--ckbox-spacing-smaller);width:100%}.ckbox .ckbox-input:focus{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%))}.ckbox .ckbox-input:focus-visible,.ckbox .ckbox-input--focus-visible{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%));border-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50))}.ckbox .ckbox-input:focus:not(:focus-visible){box-shadow:none}.ckbox .ckbox-input--error{border-color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-50))}.ckbox .ckbox-input--error:focus{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%))}.ckbox .ckbox-input--error:focus-visible,.ckbox .ckbox-input--error--focus-visible{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%));border-color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-50))}.ckbox .ckbox-input--error:focus:not(:focus-visible){box-shadow:none}.ckbox .ckbox-input--disabled,.ckbox .ckbox-input:disabled{opacity:.5;pointer-events:none}.ckbox .ckbox-input--md{font-size:var(--ckbox-font-medium);font-weight:600}.ckbox .ckbox-input--underline{background-color:rgba(0,0,0,0);border-left:0;border-right:0;border-top:0;border-radius:0;padding:var(--ckbox-spacing-compact) 0}.ckbox .ckbox-input--multiline{vertical-align:middle}.ckbox .ckbox-input[type=number]::-webkit-inner-spin-button,.ckbox .ckbox-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}.ckbox .ckbox-input[type=number]{-webkit-appearance:textfield;appearance:textfield}.ckbox .ckbox-list{list-style-type:none;padding:0}.ckbox .ckbox-list-item__button{cursor:pointer;border-radius:var(--ckbox-radius-medium);display:inline-flex;justify-content:space-between;align-items:center;-webkit-user-select:none;user-select:none;gap:var(--ckbox-spacing-small);transition:background-color calc(var(--ckbox-animation-duration-primary)*1ms);font-weight:500;border:0;background-color:rgba(0,0,0,0);width:100%;padding:var(--ckbox-spacing-smallest) var(--ckbox-spacing-smaller)}.ckbox .ckbox-list-item__button:hover{background-color:hsl(var(--ckbox-action-h) var(--ckbox-action-s) var(--ckbox-action-l-60)/7.5%)}.ckbox .ckbox-list-item__button:active:focus{background-color:hsl(var(--ckbox-action-h) var(--ckbox-action-s) var(--ckbox-action-l-60)/15%)}.ckbox .ckbox-list-item-actions{display:flex;align-items:center;gap:var(--ckbox-spacing-compact);transition:opacity calc(var(--ckbox-animation-duration-primary)*1ms);opacity:0}.ckbox .ckbox-list-item:hover .ckbox-list-item-actions{opacity:1}.ckbox .ckbox-list-item-content{max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ckbox .ckbox-list-item-content--muted{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-70));font-weight:400}.ckbox .ckbox-loading-button{position:relative}.ckbox .ckbox-loading-button__overlay{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.ckbox .ckbox-menu{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));border:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90));border-radius:var(--ckbox-radius-big);box-shadow:var(--ckbox-shadow-level-3)}.ckbox .ckbox-menu--spacing{padding:var(--ckbox-spacing-smaller) 0}.ckbox .ckbox-menu .ckbox-popper-arrow::before{border:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90))}.ckbox .ckbox-menu-item{align-items:center;background:none;border:0;cursor:pointer;display:flex;margin-right:0;padding:var(--ckbox-spacing-smallest) var(--ckbox-spacing-smaller);width:100%;color:inherit}.ckbox .ckbox-menu-item:focus{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%))}.ckbox .ckbox-menu-item:focus-visible,.ckbox .ckbox-menu-item--focus-visible{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%))}.ckbox .ckbox-menu-item:focus:not(:focus-visible){box-shadow:none}.ckbox .ckbox-menu-item:hover{background-color:hsl(var(--ckbox-action-h) var(--ckbox-action-s) var(--ckbox-action-l-60)/15%);color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50))}.ckbox .ckbox-menu-item:disabled{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90));pointer-events:none}.ckbox .ckbox-menu-item__label{font-size:var(--ckbox-font-small)}.ckbox .ckbox-menu-item__label--spacing{margin-left:var(--ckbox-spacing-compact)}.ckbox .ckbox-menu-section{min-width:295px;padding:var(--ckbox-spacing-smaller) var(--ckbox-spacing-medium)}.ckbox .ckbox-menu-section--border-bottom{border-bottom:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90))}.ckbox .ckbox-menu-section__title{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-50));font-size:var(--ckbox-font-base);font-weight:600;margin-bottom:var(--ckbox-spacing-smallest)}.ckbox .ckbox-menu-sub-section{display:flex;flex-direction:column}.ckbox .ckbox-menu-sub-section .ckbox-btn{justify-content:space-between}.ckbox .ckbox-menu-sub-section--row{align-items:center;flex-direction:row;justify-content:space-between}.ckbox .ckbox-menu-sub-section__title{font-size:var(--ckbox-font-small);font-weight:600;margin-bottom:var(--ckbox-spacing-smallest)}.ckbox .ckbox-menu-sub-section__content--row{display:flex;align-items:center;flex-direction:row;justify-content:space-between;gap:var(--ckbox-spacing-smallest)}.ckbox .ckbox-menu-sub-section:not(:last-child){margin-bottom:var(--ckbox-spacing-base)}.ckbox .ckbox-modal{z-index:40;position:absolute;width:100%;height:100%;left:0;top:0}.ckbox .ckbox-modal--on-top{z-index:41}.ckbox .ckbox-modal__overlay{background:rgba(0,0,0,0);height:100%}.ckbox .ckbox-modal__overlay--semi-transparent{background:hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-20)/75%);opacity:.5}.ckbox .ckbox-navbar{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));border-right:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90));height:100%;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;width:100%}.ckbox .ckbox-navbar--collapsed{overflow:hidden;transition:width calc(var(--ckbox-animation-duration-primary)*1ms);width:var(--ckbox-navbar-width-collapsed)}.ckbox .ckbox-navbar--previewed{border-right:0;box-shadow:10px 0 10px 1px hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-40)/25%);position:absolute;overflow-y:auto;transition:width calc(var(--ckbox-animation-duration-primary)*1ms);width:var(--ckbox-navbar-width)}.ckbox .ckbox-navbar-separator{position:relative;border-top:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90));height:1px;margin:calc(var(--ckbox-spacing-compact) * 1.5) var(--ckbox-spacing-base)}.ckbox .ckbox-navbar-item{display:flex;align-items:center;-webkit-user-select:none;user-select:none;cursor:pointer;font-size:var(--ckbox-font-small);font-weight:600;height:48px;padding:calc(var(--ckbox-spacing-medium) / 2);padding-right:var(--ckbox-spacing-small);padding-left:calc(var(--ckbox-spacing-base) + (var(--ckbox-spacing-medium) * var(--ckbox-navbar-item-offset, 0)));transition:background-color calc(var(--ckbox-animation-duration-primary)*1ms);position:relative}.ckbox .ckbox-navbar-item:focus{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%))}.ckbox .ckbox-navbar-item:focus-visible,.ckbox .ckbox-navbar-item--focus-visible{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%))}.ckbox .ckbox-navbar-item:focus-visible::before,.ckbox .ckbox-navbar-item--focus-visible::before{background-color:rgba(0,0,0,0)}.ckbox .ckbox-navbar-item:focus:not(:focus-visible){box-shadow:none}.ckbox .ckbox-navbar-item--loading{padding-left:var(--ckbox-spacing-small)}.ckbox .ckbox-navbar-item--disabled{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-50));cursor:default;pointer-events:none;font-weight:initial}.ckbox .ckbox-navbar-item:hover:not(.ckbox-navbar-item--active){background-color:hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60)/15%)}.ckbox .ckbox-navbar-item--active{background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50));color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100))}.ckbox .ckbox-navbar-item--compact{padding-top:calc(var(--ckbox-spacing-smaller) / 2);padding-bottom:calc(var(--ckbox-spacing-smaller) / 2);height:calc(48px - 8px)}.ckbox .ckbox-navbar-item__loader{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90));flex:1}.ckbox .ckbox-navbar-item__caret{position:absolute;border:0;border-radius:var(--ckbox-radius-medium);cursor:pointer;background-color:rgba(0,0,0,0);transition:background-color calc(var(--ckbox-animation-duration-primary)*1ms);padding:0;left:calc(var(--ckbox-spacing-base) - 14px + (var(--ckbox-spacing-medium) * var(--ckbox-navbar-item-offset, 0)))}.ckbox .ckbox-navbar-item__caret:hover{background-color:hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60)/10%)}.ckbox .ckbox-navbar-item__caret-icon{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-50))}.ckbox .ckbox-navbar-item__caret-icon--active{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90))}.ckbox .ckbox-navbar-item__caret-icon--disabled{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-80))}.ckbox .ckbox-navbar-item-container{transition:background-color calc(var(--ckbox-animation-duration-primary)*1ms)}.ckbox .ckbox-navbar-item-container--active{transition:box-shadow calc(var(--ckbox-animation-duration-primary)*1ms);box-shadow:inset 2px 0 0 0 hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-60))}.ckbox .ckbox-navbar-items-group{overflow:hidden}.ckbox .ckbox-navbar-items-group--enter{height:0}.ckbox .ckbox-navbar-items-group--enter-active{transition:height calc(var(--ckbox-animation-duration-primary)*1ms);height:calc(var(--ckbox-navbar-items-group-length)*40px)}.ckbox .ckbox-navbar-items-group--exit{height:calc(var(--ckbox-navbar-items-group-length)*40px)}.ckbox .ckbox-navbar-items-group--exit-active{transition:height calc(var(--ckbox-animation-duration-primary)*1ms);height:0}.ckbox .ckbox-navbar-scrollable-content{flex:1;display:flex;flex-direction:column;overflow-y:hidden;background:linear-gradient(hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100)) 30%, transparent),linear-gradient(transparent, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100)) 70%) 0 100%,radial-gradient(farthest-side at 50% 0, hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60)/50%), transparent),radial-gradient(farthest-side at 50% 100%, hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60)/50%), transparent) 0 100%;background-attachment:local,local,local,scroll;background-repeat:no-repeat;background-size:100% var(--ckbox-spacing-bigger),100% var(--ckbox-spacing-bigger),100% var(--ckbox-spacing-small),100% var(--ckbox-spacing-small)}.ckbox .ckbox-navbar-scrollable-content--scrollable{overflow-y:auto}.ckbox .ckbox-navbar-item-label{display:flex;align-items:center;gap:var(--ckbox-spacing-compact);min-width:0;transition:color calc(var(--ckbox-animation-duration-primary)*1ms)}.ckbox .ckbox-navbar-item-label__content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ckbox .ckbox-navbar-item-label__content--enter{opacity:0}.ckbox .ckbox-navbar-item-label__content--enter-active{transition:opacity calc(var(--ckbox-animation-duration-primary)*1ms);opacity:1}.ckbox .ckbox-navbar-item-label__content--exit{opacity:1}.ckbox .ckbox-navbar-item-label__content--exit-active{transition:opacity calc(var(--ckbox-animation-duration-primary)*1ms);opacity:0}.ckbox .ckbox-navbar-item-label__icon{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-60))}.ckbox .ckbox-navbar-item-label__icon--muted{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-70))}.ckbox .ckbox-navbar-item-label__icon--active{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90))}.ckbox .ckbox-navbar-item-label__icon--disabled{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-80))}.ckbox .ckbox-navbar-item-content{display:flex;align-items:center;overflow:hidden}.ckbox .ckbox-navbar-item-content--end{flex:1;display:flex;align-items:center;justify-content:flex-end}.ckbox .ckbox-navbar-item-content--hidden{visibility:hidden}.ckbox .ckbox-navbar-item-content--active{--ckbox-btn-icon-color-override: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100))}.ckbox .ckbox-navbar-item-content--enter{opacity:0}.ckbox .ckbox-navbar-item-content--enter-active{transition:opacity calc(var(--ckbox-animation-duration-primary)*1ms);opacity:1}.ckbox .ckbox-navbar-item-content--exit{opacity:1}.ckbox .ckbox-navbar-item-content--exit-active{transition:opacity calc(var(--ckbox-animation-duration-primary)*1ms);opacity:0}.ckbox .ckbox-navbar-link{-webkit-user-select:none;user-select:none;color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50));font-size:var(--ckbox-font-smaller);padding:var(--ckbox-spacing-smaller) 0;padding-left:var(--ckbox-spacing-small);text-decoration:none;overflow:hidden;white-space:nowrap}.ckbox .ckbox-navbar-link--center{padding-left:0;text-align:center}.ckbox .ckbox-navbar-collapse-toggle{display:flex;justify-content:flex-end;padding-top:var(--ckbox-spacing-smallest);padding-bottom:var(--ckbox-spacing-smallest);padding-right:var(--ckbox-spacing-smallest)}.ckbox .ckbox-navbar-collapse-toggle--center{padding-right:0;justify-content:center}.ckbox .ckbox-notifications{position:absolute;right:0;bottom:0;margin-bottom:var(--ckbox-spacing-small);padding-right:var(--ckbox-spacing-small);z-index:10;display:flex;flex-direction:column;overflow:hidden;transition:transform calc(var(--ckbox-animation-duration-primary)*1ms) ease-out}.ckbox .ckbox-notification{position:relative;min-width:300px;height:0;margin-top:0}.ckbox .ckbox-notification:first-child{margin-top:0}.ckbox .ckbox-notification__title{flex-grow:1}.ckbox .ckbox-notification__icons{display:flex}.ckbox .ckbox-notification__content{border-radius:var(--ckbox-radius-medium);box-shadow:var(--ckbox-shadow-level-3);padding:var(--ckbox-spacing-smallest) var(--ckbox-spacing-smaller);display:flex;align-items:center;background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50));color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));--ckbox-btn-icon-color-override: hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));width:100%;position:absolute;top:0;left:0;transform:translateX(calc(100% + 2 * var(--ckbox-spacing-base)))}.ckbox .ckbox-notification__detail-row{margin:var(--ckbox-spacing-smaller) var(--ckbox-spacing-base)}.ckbox .ckbox-notification__detail-row code{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10))}.ckbox .ckbox-notification--success{background-color:hsl(var(--ckbox-success-h), var(--ckbox-success-s), var(--ckbox-success-l-35));color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100))}.ckbox .ckbox-notification--error{background-color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-50));color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100))}.ckbox .ckbox-notification--enter-active{animation-name:grow;animation-timing-function:ease-in;animation-fill-mode:forwards;animation-duration:calc(var(--ckbox-animation-duration-secondary)*1ms)}.ckbox .ckbox-notification:only-child{animation-duration:0ms}.ckbox .ckbox-notification--enter-done{height:var(--ckbox-notification-height);margin-top:var(--ckbox-spacing-smallest)}.ckbox .ckbox-notification--exit{height:var(--ckbox-notification-height);margin-top:var(--ckbox-spacing-smallest)}.ckbox .ckbox-notification--exit-active{animation-name:grow;animation-timing-function:ease-out;animation-fill-mode:forwards;animation-direction:reverse;animation-duration:calc(var(--ckbox-animation-duration-secondary)*1ms);animation-delay:calc(var(--ckbox-animation-duration-primary)*1ms)}@keyframes grow{from{height:0;margin-top:0}to{height:var(--ckbox-notification-height);margin-top:var(--ckbox-spacing-smallest)}}.ckbox .ckbox-notification--enter-active .ckbox-notification__content{animation-name:slide;animation-timing-function:ease-in;animation-fill-mode:forwards;animation-duration:calc(var(--ckbox-animation-duration-primary)*1ms);animation-delay:calc(var(--ckbox-animation-duration-secondary)*1ms)}.ckbox .ckbox-notification--enter-done .ckbox-notification__content{transform:translateX(0)}.ckbox .ckbox-notification--exit .ckbox-notification__content{transform:translateX(0)}.ckbox .ckbox-notification--exit-active .ckbox-notification__content{animation-name:slide;animation-timing-function:ease-out;animation-fill-mode:forwards;animation-direction:reverse;animation-duration:calc(var(--ckbox-animation-duration-primary)*1ms)}.ckbox .ckbox-notification:only-child .ckbox-notification__content{animation-delay:0ms}@keyframes slide{from{transform:translateX(calc(100% + 2 * var(--ckbox-spacing-base)))}to{transform:translateX(0)}}.ckbox .ckbox-pagination{align-items:center;display:flex;font-size:var(--ckbox-font-small);gap:var(--ckbox-spacing-compact)}.ckbox .ckbox-pagination__current-page{padding-left:0;padding-right:0;text-align:center;width:var(--ckbox-spacing-big)}.ckbox .ckbox-pagination__total-pages{margin:0 var(--ckbox-spacing-compact)}.ckbox .ckbox-panel{display:flex;position:relative;gap:var(--ckbox-spacing-small)}.ckbox .ckbox-panel--opaque{opacity:0}.ckbox .ckbox-panel--elevated{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-98));box-shadow:var(--ckbox-shadow-level-3);padding:var(--ckbox-spacing-smaller);border-radius:var(--ckbox-radius-big)}.ckbox .ckbox-panel-column{display:flex;flex-direction:column;gap:var(--ckbox-spacing-base);flex:1;min-width:0}.ckbox .ckbox-panel-drag-handle{position:absolute;top:50%;left:5px;cursor:move;opacity:.25}.ckbox .ckbox-panel-actions{display:flex;justify-content:flex-end;align-items:flex-end;gap:var(--ckbox-spacing-smallest)}.ckbox .ckbox-panel-content{display:flex;align-items:center;position:relative}.ckbox .ckbox-panel-content__header{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-50));font-size:var(--ckbox-font-smallest);margin-bottom:var(--ckbox-spacing-compact)}.ckbox .ckbox-panel-content__main{width:100%;position:relative;min-width:0}.ckbox .ckbox-panel-content-prop{font-size:var(--ckbox-font-small);font-weight:300}.ckbox .ckbox-panel-content-prop__value{margin-left:var(--ckbox-spacing-compact);font-weight:600}.ckbox .ckbox-panel-side{color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50))}.ckbox .ckbox-panel-title{align-items:center;font-size:var(--ckbox-font-medium);font-weight:600}.ckbox .ckbox-panel-title__description{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-50));font-size:var(--ckbox-font-smallest);font-weight:normal}.ckbox .ckbox-panel-title__main{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ckbox .ckbox-panel-skeleton{font-size:var(--ckbox-font-smallest);gap:var(--ckbox-spacing-smallest);display:flex}.ckbox .ckbox-panel-skeleton__block{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90))}.ckbox .ckbox-panel-skeleton__block--size-sm.ckbox-skeleton{width:var(--ckbox-spacing-biggest)}.ckbox .ckbox-panel-skeleton__block--size-md.ckbox-skeleton{width:calc(var(--ckbox-spacing-biggest) * 1.5)}.ckbox .ckbox-panel-skeleton__block--size-lg.ckbox-skeleton{width:calc(var(--ckbox-spacing-humongous) * 1.5)}.ckbox .ckbox-panel-list-divider{height:1px;width:100%;border-bottom:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-80))}.ckbox .ckbox-panel-list-divider--opaque{border-bottom-color:rgba(0,0,0,0)}.ckbox .ckbox-panel-list{display:flex;flex-direction:column;gap:var(--ckbox-spacing-base)}.ckbox .ckbox-panel-list__toolbar{display:flex;justify-content:flex-end}.ckbox .ckbox-popper-arrow{visibility:hidden}.ckbox .ckbox-popper-arrow,.ckbox .ckbox-popper-arrow::before{position:absolute;width:14px;height:14px;background:inherit;box-sizing:content-box}.ckbox .ckbox-popper-arrow--sm,.ckbox .ckbox-popper-arrow--sm::before{width:6px;height:6px}.ckbox .ckbox-popper-arrow::before{visibility:visible;content:"";transform:rotate(45deg)}.ckbox .ckbox-popper{position:relative}.ckbox .ckbox-popper[data-popper-placement^=top] .ckbox-popper-arrow[data-popper-arrow]{bottom:calc(-16px / 2)}.ckbox .ckbox-popper[data-popper-placement^=top] .ckbox-popper-arrow[data-popper-arrow]::before{border-right-width:0;border-bottom-width:0}.ckbox .ckbox-popper[data-popper-placement^=bottom] .ckbox-popper-arrow[data-popper-arrow]{top:calc(-16px / 2)}.ckbox .ckbox-popper[data-popper-placement^=bottom] .ckbox-popper-arrow[data-popper-arrow]::before{border-right-width:0;border-bottom-width:0}.ckbox .ckbox-popper[data-popper-placement^=left] .ckbox-popper-arrow[data-popper-arrow]{right:calc(-16px / 2)}.ckbox .ckbox-popper[data-popper-placement^=left] .ckbox-popper-arrow[data-popper-arrow]::before{border-right-width:0;border-top-width:0}.ckbox .ckbox-popper[data-popper-placement^=right] .ckbox-popper-arrow[data-popper-arrow]{left:calc(-16px / 2)}.ckbox .ckbox-popper[data-popper-placement^=right] .ckbox-popper-arrow[data-popper-arrow]::before{border-left-width:0;border-bottom-width:0}.ckbox .ckbox-popper[data-popper-placement^=top] .ckbox-popper-arrow--sm[data-popper-arrow]{bottom:calc(-6px / 2)}.ckbox .ckbox-popper[data-popper-placement^=bottom] .ckbox-popper-arrow--sm[data-popper-arrow]{top:calc(-6px / 2)}.ckbox .ckbox-popper[data-popper-placement^=left] .ckbox-popper-arrow--sm[data-popper-arrow]{right:calc(-6px / 2)}.ckbox .ckbox-popper[data-popper-placement^=right] .ckbox-popper-arrow--sm[data-popper-arrow]{left:calc(-6px / 2)}.ckbox .ckbox-progress-panel{background-color:hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60)/15%);border-radius:var(--ckbox-radius-medium);font-size:var(--ckbox-font-small);margin:var(--ckbox-spacing-smallest) var(--ckbox-spacing-smaller);padding:var(--ckbox-spacing-smallest) var(--ckbox-spacing-smaller) var(--ckbox-spacing-compact)}.ckbox .ckbox-progress-panel__header{display:flex;justify-content:space-between}.ckbox .ckbox-progress-panel__info{margin:0 var(--ckbox-spacing-smallest)}.ckbox .ckbox-progress-panel__bar{-webkit-appearance:none;appearance:none;border-radius:var(--ckbox-radius-big);height:calc(100% + 2px);left:0;margin:-1px;position:absolute;top:0;width:calc(100% + 2px);color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50))}.ckbox .ckbox-progress-panel__bar,.ckbox .ckbox-progress-panel__bar::-webkit-progress-bar{background-color:hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60)/15%);-webkit-transition:width calc(var(--ckbox-animation-duration-secondary)*1ms) ease-in;transition:width calc(var(--ckbox-animation-duration-secondary)*1ms) ease-in}.ckbox .ckbox-progress-panel__bar::-webkit-progress-value{background-color:currentColor;-webkit-transition:width calc(var(--ckbox-animation-duration-secondary)*1ms) ease-in;transition:width calc(var(--ckbox-animation-duration-secondary)*1ms) ease-in}.ckbox .ckbox-progress-panel__bar::-moz-progress-bar{background-color:currentColor;-moz-transition:width calc(var(--ckbox-animation-duration-secondary)*1ms) ease-in;transition:width calc(var(--ckbox-animation-duration-secondary)*1ms) ease-in}.ckbox .ckbox-progress-panel__bar-wrapper{border:0;border-radius:var(--ckbox-radius-big);height:var(--ckbox-spacing-smallest);margin-bottom:var(--ckbox-spacing-compact);margin-top:var(--ckbox-spacing-compact);overflow:hidden;padding:0;position:relative;width:100%}.ckbox .ckbox-progress-panel__label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:var(--ckbox-spacing-smallest);flex:1}.ckbox .ckbox-progress-panel__footer{font-size:var(--ckbox-font-smallest)}.ckbox .ckbox-progress-panel__footer::after{content:" "}.ckbox .ckbox-progress-panel__footer strong{font-style:italic}.ckbox .ckbox-progress-panel--completed .ckbox-progress-panel__bar{color:hsl(var(--ckbox-success-h), var(--ckbox-success-s), var(--ckbox-success-l-35))}.ckbox .ckbox-progress-panel--error{background-color:hsl(var(--ckbox-danger-h) var(--ckbox-danger-s) var(--ckbox-danger-l-60)/15%);color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-50))}.ckbox .ckbox-progress-panel--error .ckbox-progress-panel__bar,.ckbox .ckbox-progress-panel--error .ckbox-progress-panel__bar::-webkit-progress-bar{color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-50));background-color:hsl(var(--ckbox-danger-h) var(--ckbox-danger-s) var(--ckbox-danger-l-60)/15%)}.ckbox .ckbox-progress-panel--warning{background-color:hsl(var(--ckbox-warning-h) var(--ckbox-warning-s) var(--ckbox-warning-l-60)/15%);color:hsl(var(--ckbox-warning-h), var(--ckbox-warning-s), var(--ckbox-warning-l-50))}.ckbox .ckbox-progress-panel--warning .ckbox-progress-panel__bar,.ckbox .ckbox-progress-panel--warning .ckbox-progress-panel__bar::-webkit-progress-bar{color:hsl(var(--ckbox-warning-h), var(--ckbox-warning-s), var(--ckbox-warning-l-50));background-color:hsl(var(--ckbox-warning-h) var(--ckbox-warning-s) var(--ckbox-warning-l-60)/15%)}.ckbox .ckbox-properties-table-row{display:flex;justify-content:space-between;padding:var(--ckbox-spacing-compact);gap:var(--ckbox-spacing-compact)}.ckbox .ckbox-properties-table-row:not(:last-child){border-bottom:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-80))}.ckbox .ckbox-properties-table-row__label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ckbox .ckbox-properties-table{width:100%;font-size:var(--ckbox-font-smaller)}.ckbox .ckbox-range-slider__track{align-items:center;background-color:hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60)/15%);border-radius:var(--ckbox-radius-medium);display:flex;height:var(--ckbox-spacing-smallest);position:relative;cursor:pointer}.ckbox .ckbox-range-slider__thumb{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));border:2px solid hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50));border-radius:50%;cursor:grab;height:var(--ckbox-spacing-medium);position:absolute;touch-action:none;-webkit-user-select:none;user-select:none;width:var(--ckbox-spacing-medium);transform:translateX(-50%);transition:left calc(var(--ckbox-animation-duration-secondary)*1ms) ease-in}.ckbox .ckbox-range-slider__thumb:focus{outline:0;box-shadow:0 0 0 1.5px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%)),0 0 0 3.5px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%)))}.ckbox .ckbox-range-slider__track-progress{background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50));border-bottom-left-radius:var(--ckbox-radius-medium);border-top-left-radius:var(--ckbox-radius-medium);height:inherit;position:absolute;transition:width calc(var(--ckbox-animation-duration-secondary)*1ms) ease-in}.ckbox .ckbox-range-slider__labels{display:flex;font-size:var(--ckbox-font-smallest);padding-top:var(--ckbox-spacing-smallest);white-space:nowrap}.ckbox .ckbox-range-slider__labels :first-child{flex:.5;text-align:left}.ckbox .ckbox-range-slider__labels :last-child{flex:.5;text-align:right}.ckbox .ckbox-range-slider__label{flex:1;text-align:center}.ckbox .ckbox-range-slider--dragging{cursor:grab}.ckbox .ckbox-responsive-image{position:absolute}.ckbox .ckbox-responsive-image--hidden{visibility:hidden;z-index:-1}.ckbox .ckbox-responsive-image--fit{width:100%;height:100%}.ckbox .ckbox-responsive-image__img--fit{width:100%;height:100%}.ckbox .ckbox-responsive-image__img--scale-down{object-fit:scale-down}.ckbox .ckbox-responsive-image__img--cover{object-fit:cover}.ckbox .ckbox-responsive-image-fallback{position:absolute}.ckbox .ckbox-responsive-image-fallback--cover{height:100%;width:100%;object-fit:cover}.ckbox .ckbox-select{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10));font-size:var(--ckbox-font-small);--ckbox-focus-color-outer-a: 20%;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-98));border-radius:var(--ckbox-radius-medium);border:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-70));padding:var(--ckbox-spacing-smallest) var(--ckbox-spacing-smaller);width:100%;display:flex;align-items:center;gap:var(--ckbox-spacing-smallest);justify-content:space-between;-webkit-user-select:none;user-select:none}.ckbox .ckbox-select:focus{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%))}.ckbox .ckbox-select:focus-visible,.ckbox .ckbox-select--focus-visible{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%));border-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50))}.ckbox .ckbox-select:focus:not(:focus-visible){box-shadow:none}.ckbox .ckbox-select--error{border-color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-50))}.ckbox .ckbox-select--error:focus{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%))}.ckbox .ckbox-select--error:focus-visible,.ckbox .ckbox-select--error--focus-visible{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%));border-color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-50))}.ckbox .ckbox-select--error:focus:not(:focus-visible){box-shadow:none}.ckbox .ckbox-select--disabled,.ckbox .ckbox-select:disabled{opacity:.5;pointer-events:none}.ckbox .ckbox-select__field{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10));font-size:var(--ckbox-font-small);-webkit-appearance:none;appearance:none;background-color:rgba(0,0,0,0);border:0;outline:none;padding:0;max-width:100%;flex-grow:1}.ckbox .ckbox-select__field::placeholder{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-50))}.ckbox .ckbox-select--size-small{padding:var(--ckbox-spacing-tiny) var(--ckbox-spacing-smallest)}.ckbox .ckbox-select__field{height:calc(var(--ckbox-spacing-smallest) + calc(var(--ckbox-spacing-tiny) * 2 + 2px + var(--ckbox-spacing-base)));min-width:2px}.ckbox .ckbox-select__field-hidden{position:absolute;width:0;opacity:0;padding:0;border:0}.ckbox .ckbox-select-listbox{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));border:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90));border-radius:var(--ckbox-radius-big);box-shadow:var(--ckbox-shadow-level-3);z-index:30}.ckbox .ckbox-select-listbox-list__fallback{padding:var(--ckbox-spacing-big);text-align:center}.ckbox .ckbox-select-listbox-list__list{overflow:auto;max-height:228px;padding:var(--ckbox-spacing-smallest) 0;list-style:none;margin:0}.ckbox .ckbox-select-listbox-item{display:flex;overflow:hidden;align-items:center;cursor:pointer;gap:var(--ckbox-spacing-smallest);padding:var(--ckbox-spacing-smaller) var(--ckbox-spacing-small);max-height:38px;outline:none;font-size:var(--ckbox-font-small)}.ckbox .ckbox-select-listbox-item--pre-selected{background-color:hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-60)/10%)}.ckbox .ckbox-select-listbox-item--selected{background-color:hsl(var(--ckbox-action-h) var(--ckbox-action-s) var(--ckbox-action-l-60)/7.5%)}.ckbox .ckbox-select-listbox-item--selected.ckbox-select-listbox-item--pre-selected{background-color:hsl(var(--ckbox-action-h) var(--ckbox-action-s) var(--ckbox-action-l-60)/15%)}.ckbox .ckbox-select-multi-list{display:flex;align-items:center;min-height:calc(var(--ckbox-spacing-smallest) + calc(var(--ckbox-spacing-tiny) * 2 + 2px + var(--ckbox-spacing-base)));flex-grow:1}.ckbox .ckbox-select-multi-list__placeholder{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-50))}.ckbox .ckbox-select-single{height:calc(var(--ckbox-spacing-smallest) + calc(var(--ckbox-spacing-tiny) * 2 + 2px + var(--ckbox-spacing-base)));display:flex;align-items:center}.ckbox .ckbox-select-single--searchable{height:initial;display:block}.ckbox .ckbox-select-single__label{margin-left:-2px}.ckbox .ckbox-select-single__placeholder{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-50))}.ckbox .ckbox-select-input--hidden{position:absolute;height:0;overflow:hidden;white-space:pre}.ckbox .ckbox-search-dialog{position:absolute;left:var(--ckbox-search-dialog-center-x, 0);top:60px;border-radius:var(--ckbox-radius-big);box-shadow:var(--ckbox-shadow-level-4);display:flex;flex-direction:column;overflow:hidden;z-index:30;width:678px;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));outline:none;max-height:calc(100% - 120px)}.ckbox .ckbox-search-dialog--compact{top:40px;max-height:calc(100% - 80px)}.ckbox .ckbox-search-dialog-actions{display:flex;justify-content:flex-end;gap:var(--ckbox-spacing-smallest)}.ckbox .ckbox-search-dialog-bar{display:flex;gap:var(--ckbox-spacing-small)}.ckbox .ckbox-search-dialog-content{padding:var(--ckbox-spacing-small) var(--ckbox-spacing-medium);display:flex;flex-direction:column;gap:var(--ckbox-spacing-smallest);overflow:auto}.ckbox .ckbox-search-dialog-fallback{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-40));font-size:var(--ckbox-font-small);padding:var(--ckbox-spacing-smaller) var(--ckbox-spacing-base);text-align:center}.ckbox .ckbox-search-dialog-header{padding:var(--ckbox-spacing-smaller) var(--ckbox-spacing-small);border-bottom:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-95));display:flex;justify-content:space-between;gap:var(--ckbox-spacing-medium)}.ckbox .ckbox-search-dialog-header__actions{display:flex;gap:var(--ckbox-spacing-compact)}.ckbox .ckbox-search-dialog-header__form{display:flex;align-items:center;gap:var(--ckbox-spacing-compact);flex:1}.ckbox .ckbox-search-dialog-input{display:flex;align-items:center;gap:var(--ckbox-spacing-smallest);flex:1}.ckbox .ckbox-search-dialog-input__field{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10));font-size:var(--ckbox-font-small);-webkit-appearance:none;appearance:none;background-color:rgba(0,0,0,0);border:0;outline:none;padding:0;max-width:100%;flex-grow:1}.ckbox .ckbox-search-dialog-input__field::placeholder{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-50))}.ckbox .ckbox-search-dialog-input__field{font-size:var(--ckbox-font-base);font-weight:600;height:100%}.ckbox .ckbox-search-dialog-input__field::placeholder{font-weight:400}.ckbox .ckbox-search-dialog-section__header{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-40));font-size:var(--ckbox-font-small);margin-bottom:var(--ckbox-spacing-small)}.ckbox .ckbox-selection-area{background-color:hsl(var(--ckbox-action-h) var(--ckbox-action-s) var(--ckbox-action-l-60)/15%);position:absolute}.ckbox .ckbox-skeleton{overflow:hidden;position:relative;width:100%}.ckbox .ckbox-skeleton::after{animation:wave 2s linear .5s infinite;background:linear-gradient(90deg, transparent, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-98)), transparent);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@keyframes wave{0%{transform:translateX(-100%)}50%{transform:translateX(100%)}100%{transform:translateX(100%)}}.ckbox .ckbox-skeleton--bg-default{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90))}.ckbox .ckbox-sort-button--ascending path{fill:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50))}.ckbox .ckbox-sort-button--ascending path+path{fill:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-70))}.ckbox .ckbox-sort-button--descending path{fill:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-70))}.ckbox .ckbox-sort-button--descending path+path{fill:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50))}.ckbox .ckbox-switch-input{display:inline-block}.ckbox .ckbox-switch-input__input{cursor:pointer;-webkit-appearance:none;appearance:none;width:40px;height:23px;background:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));border-radius:calc(var(--ckbox-radius-big) * 2);border:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-80));position:relative}.ckbox .ckbox-switch-input__input:focus{outline:0;box-shadow:0 0 0 1.5px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%)),0 0 0 3.5px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%)))}.ckbox .ckbox-switch-input__input:focus-visible,.ckbox .ckbox-switch-input__input--focus-visible{outline:0;box-shadow:0 0 0 1.5px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%)),0 0 0 3.5px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%)))}.ckbox .ckbox-switch-input__input:focus:not(:focus-visible){box-shadow:none}.ckbox .ckbox-switch-input__input::before{width:17px;height:17px;border-radius:50%;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-70));content:"";position:absolute;left:2px;top:2px;transition-duration:calc(var(--ckbox-animation-duration-primary)*1ms);transition-property:background-color,left;box-shadow:var(--ckbox-shadow-level-1)}.ckbox .ckbox-switch-input__input:checked::before{left:calc(100% - 17px - 2px);background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50))}.ckbox .ckbox-tabs__nav{display:flex}.ckbox .ckbox-tabs__tab{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-98));border-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90));border-style:solid;border-width:1px 0 0 1px;cursor:pointer;padding:var(--ckbox-spacing-smaller) var(--ckbox-spacing-big);color:inherit}.ckbox .ckbox-tabs__tab:focus{outline:0;box-shadow:0 0 0 1.5px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%)),0 0 0 3.5px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%)))}.ckbox .ckbox-tabs__tab:focus-visible,.ckbox .ckbox-tabs__tab--focus-visible{outline:0;box-shadow:0 0 0 1.5px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%)),0 0 0 3.5px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%)));z-index:2}.ckbox .ckbox-tabs__tab:focus:not(:focus-visible){box-shadow:none}.ckbox .ckbox-tabs__tab:last-of-type{border-right-width:1px}.ckbox .ckbox-tabs__tab--active{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));border-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90));border-width:0 1px;font-weight:600;position:relative;z-index:1}.ckbox .ckbox-tabs__tab--active::before,.ckbox .ckbox-tabs__tab--active::after{content:"";height:2px;position:absolute}.ckbox .ckbox-tabs__tab--active::before{background-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50));left:-1px;top:0;width:calc(100% + 2px)}.ckbox .ckbox-tabs__tab--active::after{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));bottom:-2px;left:0;width:100%}.ckbox .ckbox-tabs__tab--active+.ckbox-tabs__tab{border-left-width:0}.ckbox .ckbox-tabs__content{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));border:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90));padding:var(--ckbox-spacing-big);position:relative}.ckbox .ckbox-tag{align-items:center;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-90));border-radius:var(--ckbox-radius-medium);display:inline-flex;font-size:var(--ckbox-font-small);padding:var(--ckbox-spacing-compact) var(--ckbox-spacing-small);min-width:0}.ckbox .ckbox-tag--removable{background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));box-shadow:var(--ckbox-shadow-level-1);gap:var(--ckbox-spacing-smallest);padding-bottom:var(--ckbox-spacing-compact);padding-left:var(--ckbox-spacing-smallest);padding-right:var(--ckbox-spacing-compact);padding-top:var(--ckbox-spacing-compact)}.ckbox .ckbox-tag--radius-md{border-radius:var(--ckbox-radius-medium)}.ckbox .ckbox-tag--radius-lg{border-radius:var(--ckbox-radius-big)}.ckbox .ckbox-tag--radius-xl{border-radius:var(--ckbox-radius-bigger)}.ckbox .ckbox-tag--size-sm{font-size:var(--ckbox-font-smaller)}.ckbox .ckbox-tag-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ckbox .ckbox-tag-label--bold{font-weight:700}.ckbox .ckbox-tag-list{display:flex;flex-wrap:wrap;gap:var(--ckbox-spacing-compact);align-items:center;min-width:0}.ckbox .ckbox-tag-list--hidden{visibility:hidden;overflow:hidden}.ckbox .ckbox-tag-list--grow{flex-grow:1}.ckbox .ckbox-tag-input{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10));font-size:var(--ckbox-font-small);--ckbox-focus-color-outer-a: 20%;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-98));border-radius:var(--ckbox-radius-medium);border:1px solid hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-70));padding:var(--ckbox-spacing-smallest) var(--ckbox-spacing-smaller);width:100%;display:flex;align-items:center;gap:var(--ckbox-spacing-smallest);cursor:text}.ckbox .ckbox-tag-input:focus{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%))}.ckbox .ckbox-tag-input:focus-visible,.ckbox .ckbox-tag-input--focus-visible{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%));border-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50))}.ckbox .ckbox-tag-input:focus:not(:focus-visible){box-shadow:none}.ckbox .ckbox-tag-input--error{border-color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-50))}.ckbox .ckbox-tag-input--error:focus{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%))}.ckbox .ckbox-tag-input--error:focus-visible,.ckbox .ckbox-tag-input--error--focus-visible{outline:0;box-shadow:inset 0 0 0 3px var(--ckbox-focus-color-outer, hsl(var(--ckbox-focus-color-outer-hsl, var(--ckbox-action-h) var(--ckbox-action-s) 60%)/var(--ckbox-focus-color-outer-a, 100%))),inset 0 0 0 4px var(--ckbox-focus-color-inner, hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), 100%));border-color:hsl(var(--ckbox-danger-h), var(--ckbox-danger-s), var(--ckbox-danger-l-50))}.ckbox .ckbox-tag-input--error:focus:not(:focus-visible){box-shadow:none}.ckbox .ckbox-tag-input--disabled,.ckbox .ckbox-tag-input:disabled{opacity:.5;pointer-events:none}.ckbox .ckbox-tag-input__field{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10));font-size:var(--ckbox-font-small);-webkit-appearance:none;appearance:none;background-color:rgba(0,0,0,0);border:0;outline:none;padding:0;max-width:100%;flex-grow:1}.ckbox .ckbox-tag-input__field::placeholder{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-50))}.ckbox .ckbox-tag-input__field{height:calc(var(--ckbox-spacing-smallest) + calc(var(--ckbox-spacing-tiny) * 2 + 2px + var(--ckbox-spacing-base)));min-width:2px}.ckbox .ckbox-tag-input__field--hidden{position:absolute;height:0;overflow:hidden;white-space:pre}.ckbox .ckbox-tag-input__list{flex-grow:1}.ckbox .ckbox-tag-input__copy-button-wrapper{flex-shrink:0}.ckbox .ckbox-tooltip{z-index:60;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-10));border-radius:var(--ckbox-radius-big);max-width:90%}.ckbox .ckbox-tooltip__content{color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));font-size:var(--ckbox-font-small);padding:var(--ckbox-spacing-compact) var(--ckbox-spacing-smallest);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ckbox .ckbox-topbar-actions{align-items:center;display:flex;flex-grow:1;padding:var(--ckbox-spacing-compact);overflow:hidden}.ckbox .ckbox-topbar-actions--hidden{visibility:hidden;overflow:hidden}.ckbox .ckbox-topbar{align-items:center;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-100));box-shadow:var(--ckbox-shadow-bottom);display:flex;padding:var(--ckbox-spacing-compact) var(--ckbox-spacing-small) var(--ckbox-spacing-compact) var(--ckbox-spacing-smallest);position:relative;height:48px}.ckbox .ckbox-topbar__side-content{align-items:center;display:flex;flex-shrink:0;gap:calc(var(--ckbox-spacing-compact) * 1.5)}.ckbox .ckbox-view{display:grid;height:100%;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-98));grid-template-columns:1fr auto}.ckbox .ckbox-view-header{z-index:1}.ckbox .ckbox-view-header,.ckbox .ckbox-view-footer{flex-shrink:0}.ckbox .ckbox-view-content-wrapper{display:flex;flex-direction:column;height:100%;flex:1;min-height:0;min-width:0}.ckbox .ckbox-view-content{flex-grow:1;overflow-x:hidden;padding:calc(var(--ckbox-spacing-small) - 2px) calc(var(--ckbox-spacing-small) - 2px);position:relative;z-index:0;border:2px solid rgba(0,0,0,0);transition:border-color calc(var(--ckbox-animation-duration-primary)*1ms)}.ckbox .ckbox-view-content--outline{border-color:hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-50))}.ckbox .ckbox-view-content--compact{padding:0 calc(var(--ckbox-spacing-big) - 2px) calc(var(--ckbox-spacing-smaller) - 2px) calc(var(--ckbox-spacing-big) - 2px)}.ckbox .ckbox-view-content-bar{flex-shrink:0;padding:var(--ckbox-spacing-smallest) 0}.ckbox .ckbox-view-side-content{height:100%;overflow-y:auto}.ckbox .ckbox-view-dialog{border:1px solid hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-20)/10%);border-radius:var(--ckbox-radius-medium);box-shadow:0 4px 8px 4px var(--ckbox-shadow-color);position:fixed;z-index:30;overflow:hidden;overflow:clip}.ckbox .ckbox-view-dialog--noselect{-webkit-user-select:none;user-select:none}.ckbox .ckbox-view-dialog__content{height:calc(100% - var(--ckbox-spacing-compact) * 2 - calc(var(--ckbox-spacing-tiny) * 2 + 2px + var(--ckbox-spacing-base)));position:relative;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-98))}.ckbox .ckbox-view-dialog__header{align-items:center;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-98));cursor:move;display:flex;justify-content:flex-end;padding:var(--ckbox-spacing-compact) var(--ckbox-spacing-smaller);position:relative;box-shadow:inset 0 -1px 0 0 hsl(var(--ckbox-neutral-h) var(--ckbox-neutral-s) var(--ckbox-neutral-l-20)/10%)}.ckbox .ckbox-view-dialog__se,.ckbox .ckbox-view-dialog__sw{bottom:0;height:var(--ckbox-spacing-base);position:absolute;width:var(--ckbox-spacing-base);overflow:hidden;z-index:50}.ckbox .ckbox-view-dialog__se::before,.ckbox .ckbox-view-dialog__sw::before{content:"";display:block;height:var(--ckbox-spacing-tiny);position:absolute;top:var(--ckbox-spacing-compact);width:var(--ckbox-spacing-bigger)}.ckbox .ckbox-view-dialog__se{cursor:se-resize;right:0}.ckbox .ckbox-view-dialog__se::before{right:0;padding-left:50%;transform:translateX(45%) rotate(-45deg)}.ckbox .ckbox-view-dialog__sw{cursor:sw-resize;left:0}.ckbox .ckbox-view-dialog__sw::before{left:0;padding-right:50%;transform:translateX(-45%) rotate(45deg)}.ckbox .ckbox-view-wrapper{--ckbox-view-wrapper-navbar-width-clamped: clamp( var(--ckbox-view-wrapper-navbar-min-width), var(--ckbox-view-wrapper-navbar-width), var(--ckbox-view-wrapper-navbar-max-width) );display:grid;grid-template-columns:var(--ckbox-view-wrapper-navbar-width-clamped) 1fr;grid-template-rows:100%;height:100%;isolation:isolate;position:relative;overflow:hidden}.ckbox .ckbox-view-wrapper__overlay--resizing{cursor:col-resize}.ckbox .ckbox-view-wrapper__navbar{position:relative;z-index:1}.ckbox .ckbox-view-wrapper__divider{opacity:0;position:absolute;width:11px;background:linear-gradient(to right, transparent 4px, var(--ckbox-divider-color, hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-80))) 4px, var(--ckbox-divider-color, hsl(var(--ckbox-action-h), var(--ckbox-action-s), var(--ckbox-action-l-80))) 7px, transparent 7px);z-index:2;top:0;left:calc(var(--ckbox-view-wrapper-navbar-width-clamped) - 5.5px);height:100%;cursor:col-resize;transition:opacity calc(var(--ckbox-animation-duration-primary)*1ms) linear}.ckbox .ckbox-view-wrapper__divider:hover,.ckbox .ckbox-view-wrapper__divider--active{opacity:1}.ckbox .ckbox-view-wrapper__content{z-index:0;min-width:0;background-color:hsl(var(--ckbox-neutral-h), var(--ckbox-neutral-s), var(--ckbox-neutral-l-98))}.ckbox .ckbox-search-results-bar{display:inline-flex;align-items:center;gap:var(--ckbox-spacing-base)}.ckbox .ckbox-search-results-bar-phrase{font-size:var(--ckbox-font-small);padding-right:var(--ckbox-spacing-smallest)}.ckbox .ckbox-sr-only{clip:rect(0 0 0 0);clip-path:inset(100%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.ckbox .ckbox-full-height{height:100%}
|
package/dist/translations/en.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
!function(){const e="undefined"!=typeof globalThis?globalThis:global||self;e.CKBOX_TRANSLATIONS||(e.CKBOX_TRANSLATIONS={}),e.CKBOX_TRANSLATIONS.en={"File manager":"File manager",Settings:"Settings",Search:"Search","Asset categories":"Asset categories",Images:"Images","Category name":"Category name","Add category":"Add category","Category ID":"Category ID","Allowed extensions":"Allowed extensions","Add an extension":"Add an extension","This extension is in use":"This extension is in use","Removing an extension in use will result in the permanent removal of files with this extension.":"Removing an extension in use will result in the permanent removal of files with this extension.","Remove extensions in use":"Remove extensions in use","This operation will permanently delete assets from the %s category. Are you sure you want to do that?":"This operation will permanently delete assets from the <strong>%s</strong> category. Are you sure you want to do that?","Assets with the following extensions will be removed:":"Assets with the following extensions will be removed:","Remove %s extension":"Remove %s extension","Use the slider to define the quality of responsive images":"Use the slider to define the quality of responsive images","Responsive images quality":"Responsive images quality","Image quality:":"Image quality:",Low:"Low",Medium:"Medium",Good:"Good",High:"High",Best:"Best","Please type the category name to continue:":"Please type the category name to continue:","This operation will permanently delete the %s category with all the assets in it. Are you sure you want to do that?":"This operation will permanently delete the <strong>%s</strong> category with all the assets in it. Are you sure you want to do that?","Category name is required.":"Category name is required.","Category name cannot exceed 256 characters.":"Category name cannot exceed 256 characters.","At least one extension must be specified.":"At least one extension must be specified.","Extension cannot contain a dot.":"Extension cannot contain a dot.","Number of extensions cannot exceed 100.":"Number of extensions cannot exceed 100.","Extension must not exceed 9 characters.":"Extension must not exceed 9 characters.","Category name must be unique.":"Category with this name already exists.","Remove category":"Remove category","You are about to permanently delete your files!":"You are about to permanently delete your files!","Category created successfully.":"Category created successfully.","Category position updated.":"Category position updated.","Category updated successfully.":"Category updated successfully.","Category deleted successfully.":"Category deleted successfully.","Images quality updated successfully.":"Images quality updated successfully.",Cancel:"Cancel",Save:"Save",Delete:"Delete",Edit:"Edit",Copy:"Copy","Remove %s tag":"Remove %s tag","Add a tag":"Add a tag",Tags:"Tags",Close:"Close","Copied!":"Copied!",Recent:"Recent",Download:"Download",Rename:"Rename",Upload:"Upload",Properties:"Properties",View:"View","Assets preview":"Assets preview",Choose:"Choose","%d file selected_one":"<strong>%d file</strong> selected","%d file selected_other":"<strong>%d files</strong> selected","%d file deleted successfully._one":"%d file deleted successfully.","%d file deleted successfully._other":"%d files deleted successfully.","File updated successfully.":"File updated successfully.","File name":"File name",Description:"Description","Upload date":"Upload date","File size":"File size",Width:"Width",Height:"Height",URL:"URL","of %d":"of %d","Enter page number":"Enter page number",Navigation:"Navigation","There are no assets in this category":"There are no assets in this category","Description cannot exceed 1024 characters.":"Description cannot exceed 1024 characters.","File name is required.":"File name is required.","File extension is required.":"File extension is required.","File extension is not allowed.":"File extension is not allowed in current category.","Remove assets":"Remove assets","Are you sure you want to delete %s file?_one":"Are you sure you want to delete <strong>%s</strong> file?","Are you sure you want to delete %s file?_other":"Are you sure you want to delete %s files?","Resize window":"Resize window","Display options":"Display options",Assets:"Assets",Thumbnails:"Thumbnails","Thumbnail size":"Size","Keep aspect ratio":"Keep aspect ratio",Display:"Display","Sort by":"Sort by",Order:"Order",Ascending:"Ascending",Descending:"Descending",Name:"Name",Size:"Size","Modification date":"Modification date",Pending:"Pending",Aborted:"Aborted","%s left":"%s left","More than 1 day left":"More than 1 day left","%s of %s":"%s of %s","File extension is not allowed in %s category":"File extension is not allowed in <strong>%s</strong> category","Maximum file size allowed is %s":"Maximum file size allowed is %s","Maximum image resolution allowed is %s":"Maximum image resolution allowed is %s","Storage quota exceeded":"Storage quota exceeded","An error has occurred":"An error has occurred","%d error_one":"<strong>%d</strong> error","%d error_other":"<strong>%d</strong> errors","%d of %d file uploaded_one":"<strong>%d</strong> of <strong>%d</strong> file uploaded","%d of %d file uploaded_other":"<strong>%d</strong> of <strong>%d</strong> files uploaded","Upload aborted":"Upload aborted","Upload finished":"Upload finished","Abort upload":"Abort upload","Close upload dialog":"Close upload dialog","Open upload dialog":"Open upload dialog","Open details":"Open details","Close details":"Close details","Internal server error.":"Internal server error.","Unauthorized operation.":"Unauthorized operation.","Forbidden operation.":"Forbidden operation.","Category not found.":"Category not found.","An unexpected application error has occurred.":"An unexpected application error has occurred.","Unexpected error.":"Unexpected error.","Asset not found.":"Asset not found.","Unknown error.":"Unknown error.","Validation failed.":"Validation failed.","Resource not found.":"Resource not found.","%d h_one":"%d h","%d h_other":"%d hs","%d min_one":"%d min","%d min_other":"%d mins","%d s_one":"%d sec","%d s_other":"%d secs",Next:"Next",Previous:"Previous","Number of assets":"Number of assets","Recently modified assets":"Recently modified assets","File limits":"File limits","Any category":"Any category","No categories available":"No categories available","Any tag":"Any tag","Any extension":"Any extension","No extensions available":"No extensions available","Search assets":"Search assets","Search results for <strong>%s</strong>":"Search results for <strong>%s</strong>","Recent searches":"Recent searches","Filter by":"Filter by","No results found":"No results found","It seems we can't find any results based on your search.":"It seems we can't find any results based on your search.","No recent searches":"No recent searches",Extensions:"Extensions",Categories:"Categories",Uploaded:"Uploaded",Modified:"Modified",Documents:"Documents",Archives:"Archives",Audio:"Audio",Video:"Video","Search phrase":"Search phrase","Empty search phrase":"Empty search phrase","Any time":"Any time",Today:"Today",Yesterday:"Yesterday","Last week":"Last week","Last month":"Last month","Last 6 months":"Last 6 months","Last year":"Last year","Tag must not exceed %d characters.":"Tag must not exceed %d characters.","Folder name":"Folder name","Expand folder":"Expand folder","Collapse folder":"Collapse folder","Add folder":"Add folder","Delete folder":"Delete folder","Rename folder":"Rename folder","Folder name is required.":"Folder name is required.","Folder name cannot exceed %d characters.":"Folder name cannot exceed %d characters.","Folder deleted successfully.":"Folder deleted successfully.","Folder updated successfully.":"Folder updated successfully.","Folder created successfully.":"Folder created successfully.","There are no assets yet.":"There are no assets yet.","Are you sure you want to delete <strong>%s</strong> folder?":"Are you sure you want to delete <strong>%s</strong> folder?","Close sidebar":"Close sidebar","Open sidebar":"Open sidebar","Lock sidebar open":"Lock sidebar open"}}();
|
|
1
|
+
!function(){const e="undefined"!=typeof globalThis?globalThis:global||self;e.CKBOX_TRANSLATIONS||(e.CKBOX_TRANSLATIONS={}),e.CKBOX_TRANSLATIONS.en={"File manager":"File manager",Settings:"Settings",Search:"Search","Asset categories":"Asset categories",Images:"Images","Category name":"Category name","Add category":"Add category","Category ID":"Category ID","Allowed extensions":"Allowed extensions","Add an extension":"Add an extension","This extension is in use":"This extension is in use","Removing an extension in use will result in the permanent removal of files with this extension.":"Removing an extension in use will result in the permanent removal of files with this extension.","Remove extensions in use":"Remove extensions in use","This operation will permanently delete assets from the %s category. Are you sure you want to do that?":"This operation will permanently delete assets from the <strong>%s</strong> category. Are you sure you want to do that?","Assets with the following extensions will be removed:":"Assets with the following extensions will be removed:","Remove %s extension":"Remove %s extension","Use the slider to define the quality of responsive images":"Use the slider to define the quality of responsive images","Responsive images quality":"Responsive images quality","Image quality:":"Image quality:",Low:"Low",Medium:"Medium",Good:"Good",High:"High",Best:"Best","Please type the category name to continue:":"Please type the category name to continue:","This operation will permanently delete the %s category with all the assets in it. Are you sure you want to do that?":"This operation will permanently delete the <strong>%s</strong> category with all the assets in it. Are you sure you want to do that?","Category name is required.":"Category name is required.","Category name cannot exceed 256 characters.":"Category name cannot exceed 256 characters.","At least one extension must be specified.":"At least one extension must be specified.","Extension cannot contain a dot.":"Extension cannot contain a dot.","Number of extensions cannot exceed 100.":"Number of extensions cannot exceed 100.","Extension must not exceed 9 characters.":"Extension must not exceed 9 characters.","Category name must be unique.":"Category with this name already exists.","Remove category":"Remove category","You are about to permanently delete your files!":"You are about to permanently delete your files!","Category created successfully.":"Category created successfully.","Category position updated.":"Category position updated.","Category updated successfully.":"Category updated successfully.","Category deleted successfully.":"Category deleted successfully.","Images quality updated successfully.":"Images quality updated successfully.",Cancel:"Cancel",Save:"Save",Delete:"Delete",Edit:"Edit",Copy:"Copy","Remove %s tag":"Remove %s tag","Add a tag":"Add a tag",Tags:"Tags",Close:"Close","Copied!":"Copied!",Recent:"Recent",Download:"Download",Rename:"Rename",Upload:"Upload",Properties:"Properties",View:"View","Assets preview":"Assets preview",Choose:"Choose","%d file selected_one":"<strong>%d file</strong> selected","%d file selected_other":"<strong>%d files</strong> selected","%d file deleted successfully._one":"%d file deleted successfully.","%d file deleted successfully._other":"%d files deleted successfully.","File updated successfully.":"File updated successfully.","File name":"File name",Description:"Description","Upload date":"Upload date","File size":"File size",Width:"Width",Height:"Height",URL:"URL","of %d":"of %d","Enter page number":"Enter page number",Navigation:"Navigation","There are no assets in this category":"There are no assets in this category","Description cannot exceed 1024 characters.":"Description cannot exceed 1024 characters.","File name is required.":"File name is required.","File extension is required.":"File extension is required.","File extension is not allowed.":"File extension is not allowed in current category.","Remove assets":"Remove assets","Are you sure you want to delete %s file?_one":"Are you sure you want to delete <strong>%s</strong> file?","Are you sure you want to delete %s file?_other":"Are you sure you want to delete %s files?","Resize window":"Resize window","Display options":"Display options",Assets:"Assets",Thumbnails:"Thumbnails","Thumbnail size":"Size","Keep aspect ratio":"Keep aspect ratio",Display:"Display","Sort by":"Sort by",Order:"Order",Ascending:"Ascending",Descending:"Descending",Name:"Name",Size:"Size","Modification date":"Modification date",Pending:"Pending",Aborted:"Aborted","%s left":"%s left","More than 1 day left":"More than 1 day left","%s of %s":"%s of %s","File extension is not allowed in %s category":"File extension is not allowed in <strong>%s</strong> category","Maximum file size allowed is %s":"Maximum file size allowed is %s","Maximum image resolution allowed is %s":"Maximum image resolution allowed is %s","Storage quota exceeded":"Storage quota exceeded","An error has occurred":"An error has occurred","%d error_one":"<strong>%d</strong> error","%d error_other":"<strong>%d</strong> errors","%d of %d file uploaded_one":"<strong>%d</strong> of <strong>%d</strong> file uploaded","%d of %d file uploaded_other":"<strong>%d</strong> of <strong>%d</strong> files uploaded","Upload aborted":"Upload aborted","Upload finished":"Upload finished","Abort upload":"Abort upload","Close upload dialog":"Close upload dialog","Open upload dialog":"Open upload dialog","Open details":"Open details","Close details":"Close details","Internal server error.":"Internal server error.","Unauthorized operation.":"Unauthorized operation.","Forbidden operation.":"Forbidden operation.","Category not found.":"Category not found.","An unexpected application error has occurred.":"An unexpected application error has occurred.","Unexpected error.":"Unexpected error.","Asset not found.":"Asset not found.","Unknown error.":"Unknown error.","Validation failed.":"Validation failed.","Resource not found.":"Resource not found.","%d h_one":"%d h","%d h_other":"%d hs","%d min_one":"%d min","%d min_other":"%d mins","%d s_one":"%d sec","%d s_other":"%d secs",Next:"Next",Previous:"Previous","Number of assets":"Number of assets","Recently modified assets":"Recently modified assets","File limits":"File limits","Any category":"Any category","No categories available":"No categories available","Any tag":"Any tag","Any extension":"Any extension","No extensions available":"No extensions available","Search assets":"Search assets","Search results for <strong>%s</strong>":"Search results for <strong>%s</strong>","Recent searches":"Recent searches","Filter by":"Filter by","No results found":"No results found","It seems we can't find any results based on your search.":"It seems we can't find any results based on your search.","No recent searches":"No recent searches",Extensions:"Extensions",Categories:"Categories",Uploaded:"Uploaded",Modified:"Modified",Documents:"Documents",Archives:"Archives",Audio:"Audio",Video:"Video","Search phrase":"Search phrase","Empty search phrase":"Empty search phrase","Any time":"Any time",Today:"Today",Yesterday:"Yesterday","Last week":"Last week","Last month":"Last month","Last 6 months":"Last 6 months","Last year":"Last year","Tag must not exceed %d characters.":"Tag must not exceed %d characters.","Folder name":"Folder name","Expand folder":"Expand folder","Collapse folder":"Collapse folder","Add folder":"Add folder","Delete folder":"Delete folder","Rename folder":"Rename folder","Folder name is required.":"Folder name is required.","Folder name cannot exceed %d characters.":"Folder name cannot exceed %d characters.","Folder deleted successfully.":"Folder deleted successfully.","Folder updated successfully.":"Folder updated successfully.","Folder created successfully.":"Folder created successfully.","There are no assets yet.":"There are no assets yet.","Folder not found.":"Folder not found.","Are you sure you want to delete <strong>%s</strong> folder?":"Are you sure you want to delete <strong>%s</strong> folder?","Close sidebar":"Close sidebar","Open sidebar":"Open sidebar","Lock sidebar open":"Lock sidebar open"}}();
|
package/package.json
CHANGED
|
@@ -20,12 +20,12 @@
|
|
|
20
20
|
],
|
|
21
21
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
22
22
|
"name": "ckbox",
|
|
23
|
-
"version": "1.3.0-rc.
|
|
23
|
+
"version": "1.3.0-rc.1",
|
|
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.3.0-rc.
|
|
28
|
+
"@ckbox/core": "1.3.0-rc.1",
|
|
29
29
|
"@types/react": "^18.0.27",
|
|
30
30
|
"@types/react-dom": "^18.0.10",
|
|
31
31
|
"react": "^18.2.0",
|