chop-logic-components
Version:
Reusable React components and hooks for the Chop Logic project
2 lines (1 loc) • 33.7 kB
CSS
._extended_1i1tp_1{width:100%}._button_t94vv_2{font-family:Helvetica,Arial,sans-serif;font-weight:400;font-size:var(--cl-base-font-size);line-height:1.5;letter-spacing:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-position:center;transition:background .3s;color:var(--cl-primary-color);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:var(--cl-m-gap);border-radius:50%;background:transparent;width:fit-content}._button_t94vv_2:hover{background:var(--cl-primary-background) radial-gradient(circle,transparent 1%,var(--cl-primary-background) 1%) center/15000%;color:var(--cl-tint-color);text-shadow:var(--cl-text-shadow)}._button_t94vv_2:hover svg{color:var(--cl-tint-color);filter:var(--cl-drop-shadow)}._button_t94vv_2:active{background-color:var(--cl-shadow-background);background-size:100%;transition:background 0s}._button_t94vv_2:focus-visible{outline:var(--cl-outline-border)}._button_t94vv_2[disabled]{pointer-events:none;opacity:.5}._button_t94vv_2 svg{height:var(--cl-icon-size);width:var(--cl-icon-size)}@keyframes _fadeIn_o1x7s_1{0%{opacity:0}to{opacity:1}}@-moz-keyframes _fadeIn_o1x7s_1{0%{opacity:0}to{opacity:1}}@-webkit-keyframes _fadeIn_o1x7s_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_o1x7s_1{0%{opacity:1}to{opacity:0}}@-moz-keyframes _fadeOut_o1x7s_1{0%{opacity:1}to{opacity:0}}@-webkit-keyframes _fadeOut_o1x7s_1{0%{opacity:1}to{opacity:0}}._button_o1x7s_50{animation:_fadeIn_o1x7s_1 ease .4s;-webkit-animation:_fadeIn_o1x7s_1 ease .4s;-moz-animation:_fadeIn_o1x7s_1 ease .4s;background:transparent;border:none;display:flex;align-items:center;font-size:var(--cl-small-font-size);color:var(--cl-primary-color);padding:0}._button_o1x7s_50:focus-visible{outline:var(--cl-outline-border);outline-offset:-1px}._button_o1x7s_50:hover svg,._button_o1x7s_50:active svg{color:var(--cl-tint-color);filter:var(--cl-drop-shadow)}._button_o1x7s_50 svg{cursor:pointer;height:var(--cl-icon-size);width:var(--cl-icon-size)}._button_o1x7s_50[disabled]{pointer-events:none;opacity:.5}._button_1ps5s_2{position:relative;border:none;background:transparent;padding:0;cursor:pointer;outline:none;transition:filter .25s;width:inherit}._button_1ps5s_2[disabled]{pointer-events:none;opacity:.5}._button_shadow_1ps5s_16{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--cl-border-radius);background:#00000040;will-change:transform;transform:translateY(2px);transition:transform .6s cubic-bezier(.3,.7,.4,1)}._button_edge_1ps5s_28{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--cl-border-radius);background:var(--cl-accent-gradient)}._button_front_1ps5s_37{font-family:Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5;letter-spacing:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;align-items:center;justify-content:center;gap:var(--cl-s-gap);position:relative;padding:var(--cl-m-gap) var(--cl-l-gap);border-radius:var(--cl-border-radius);font-size:var(--cl-base-font-size);color:var(--cl-primary-background);background:var(--cl-accent-color);will-change:transform;transform:translateY(-4px);transition:transform .6s cubic-bezier(.3,.7,.4,1)}._button_front_1ps5s_37 svg{color:var(--cl-primary-background)}._button_1ps5s_2:hover{filter:brightness(110%)}._button_1ps5s_2:hover ._button_front_1ps5s_37{transform:translateY(-6px);transition:transform .25s cubic-bezier(.3,.7,.4,1.5)}._button_1ps5s_2:active ._button_front_1ps5s_37{transform:translateY(-2px);transition:transform 34ms}._button_1ps5s_2:hover ._button_shadow_1ps5s_16{transform:translateY(4px);transition:transform .25s cubic-bezier(.3,.7,.4,1.5)}._button_1ps5s_2:active ._button_shadow_1ps5s_16{transform:translateY(1px);transition:transform 34ms}._button_1ps5s_2:focus-visible{outline:revert;outline:var(--cl-outline-border);outline-offset:4px}._button_1c4d4_2{font-family:Helvetica,Arial,sans-serif;font-weight:400;font-size:var(--cl-base-font-size);line-height:1.5;letter-spacing:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-position:center;transition:background .3s;color:var(--cl-primary-color);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--cl-s-gap);padding:var(--cl-m-gap) var(--cl-l-gap);border:var(--cl-primary-border);border-radius:var(--cl-border-radius);background:transparent}._button_1c4d4_2:hover{background:var(--cl-primary-background) radial-gradient(circle,transparent 1%,var(--cl-primary-background) 1%) center/15000%;color:var(--cl-tint-color);text-shadow:var(--cl-text-shadow)}._button_1c4d4_2:hover svg{color:var(--cl-tint-color);filter:var(--cl-drop-shadow)}._button_1c4d4_2:active{background-color:var(--cl-shadow-background);background-size:100%;transition:background 0s}._button_1c4d4_2:focus-visible{outline:var(--cl-outline-border)}._button_1c4d4_2[disabled]{pointer-events:none;opacity:.5}._editableText_82asy_1{font-family:Helvetica,Arial,sans-serif;font-weight:400;font-size:var(--cl-base-font-size);line-height:1.5;letter-spacing:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--cl-primary-color);border-radius:var(--cl-border-radius);display:inline-block}._editableText_82asy_1:hover,._editableText_82asy_1:focus{outline:var(--cl-outline-border);outline-offset:var(--cl-xs-gap)}._editableText__editMode_82asy_17{border:none;outline:var(--cl-outline-border);outline-offset:var(--cl-xs-gap);field-sizing:content;min-width:var(--cl-l-gap)}._editableText__readOnly_82asy_24:hover,._editableText__readOnly_82asy_24:focus{outline:none}._editableText__empty_82asy_27{min-width:var(--cl-l-gap);min-height:24px;outline:var(--cl-outline-border);outline-offset:var(--cl-xs-gap)}@keyframes _fadeIn_1shcy_1{0%{opacity:0}to{opacity:1}}@-moz-keyframes _fadeIn_1shcy_1{0%{opacity:0}to{opacity:1}}@-webkit-keyframes _fadeIn_1shcy_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_1shcy_1{0%{opacity:1}to{opacity:0}}@-moz-keyframes _fadeOut_1shcy_1{0%{opacity:1}to{opacity:0}}@-webkit-keyframes _fadeOut_1shcy_1{0%{opacity:1}to{opacity:0}}._errorMessage_1shcy_54{animation:_fadeIn_1shcy_1 ease .4s;-webkit-animation:_fadeIn_1shcy_1 ease .4s;-moz-animation:_fadeIn_1shcy_1 ease .4s;font-family:Helvetica,Arial,sans-serif;font-weight:400;font-size:var(--cl-small-font-size);line-height:1.5;letter-spacing:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:none;max-width:100%;z-index:100;background-color:var(--cl-primary-background);border:var(--cl-accent-border);color:var(--cl-accent-color);padding:var(--cl-m-gap);border-radius:var(--cl-border-radius);box-shadow:var(--cl-box-shadow);pointer-events:none}._errorMessage__visible_1shcy_76{display:block}._header_os2ww_1{margin:0;display:flex;align-items:center;flex-direction:row;gap:var(--cl-m-gap);font-family:Georgia,Times New Roman,Times,serif;font-weight:400;font-size:var(--cl-header-font-size);line-height:1.5;letter-spacing:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}._header_text_os2ww_15{color:var(--cl-primary-color);display:flex;align-items:center}._header__h1_os2ww_20{padding:var(--cl-m-gap) 0;border-bottom:var(--cl-primary-border)}._header__h2_os2ww_24{padding:var(--cl-m-gap) 0;font-size:1.8rem;border-bottom:var(--cl-primary-border)}._header__h3_os2ww_29{padding:var(--cl-m-gap) 0;font-size:1.6rem;border-bottom:var(--cl-primary-border)}._header__h4_os2ww_34{padding:var(--cl-m-gap) 0;font-size:1.4rem;gap:var(--cl-s-gap)}._header__h5_os2ww_39{padding:var(--cl-m-gap) 0;font-size:1.2rem;gap:var(--cl-s-gap)}._header__h6_os2ww_44{padding:var(--cl-m-gap) 0;font-size:var(--cl-base-font-size);gap:var(--cl-s-gap)}._icon_1a3u5_1{color:var(--cl-primary-color)}._wrapper_knk6l_2{display:flex;gap:var(--cl-m-gap);align-items:center;border:var(--cl-primary-border);border-radius:var(--cl-border-radius);padding:var(--cl-m-gap);background-color:var(--cl-primary-background);position:relative}._wrapper_knk6l_2:has(input:focus){border:var(--cl-outline-border)}._wrapper_knk6l_2:has(input[aria-invalid=true]){border:var(--cl-accent-border)}._wrapper_knk6l_2:has(input[disabled]){pointer-events:none;opacity:.5}._wrapper_knk6l_2>span:nth-child(2){display:flex;gap:var(--cl-s-gap);align-items:center}._input_knk6l_28{font-family:Helvetica,Arial,sans-serif;font-weight:400;font-size:var(--cl-base-font-size);letter-spacing:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--cl-primary-color);padding:0;border:none;display:inline-block;background:transparent;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;flex-grow:1;min-width:0;line-height:1.5}._input_knk6l_28:focus-visible{outline:none}._input_knk6l_28:placeholder-shown+span{display:none}._input_knk6l_28::-webkit-outer-spin-button,._input_knk6l_28::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._input_knk6l_28[type=number]{-moz-appearance:textfield}._label_bdijc_1{font-family:Helvetica,Arial,sans-serif;font-weight:lighter;font-size:var(--cl-small-font-size);line-height:1.5;letter-spacing:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;align-items:center;gap:var(--cl-s-gap);color:var(--cl-primary-color)}._label_bdijc_1:hover{text-shadow:var(--cl-text-shadow);cursor:pointer}._label_bdijc_1+span{text-wrap:nowrap;overflow:hidden;text-overflow:ellipsis}._label_bdijc_1 abbr{text-decoration:none;cursor:pointer;color:var(--cl-accent-color);margin-left:var(--cl-s-gap)}._loader_1dxge_1{width:48px;height:48px;border:3px solid var(--cl-tint-color);border-bottom-color:transparent;border-radius:50%;display:inline-block;position:relative;box-sizing:border-box;animation:_arrowRotation_1dxge_1 1s linear infinite}._loader_1dxge_1:after{content:"";position:absolute;box-sizing:border-box;left:20px;top:31px;border:10px solid transparent;border-right-color:var(--cl-tint-color);transform:rotate(-40deg)}@keyframes _arrowRotation_1dxge_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._loader_1t1ws_1{color:var(--cl-tint-color);font-family:Consolas,Menlo,Monaco,monospace;font-weight:700;font-size:78px;opacity:.8}._loader_1t1ws_1:before{content:"{";display:inline-block;animation:_bracketsPulse_1t1ws_1 .4s alternate infinite ease-in-out}._loader_1t1ws_1:after{content:"}";display:inline-block;animation:_bracketsPulse_1t1ws_1 .4s .3s alternate infinite ease-in-out}@keyframes _bracketsPulse_1t1ws_1{to{transform:scale(.8);opacity:.5}}._loader_151n3_1{width:48px;height:48px;border-radius:50%;position:relative;animation:_circleRotateAnimation_151n3_1 1s linear infinite}._loader_151n3_1:before{content:"";box-sizing:border-box;position:absolute;inset:0;border-radius:50%;border:5px solid var(--cl-tint-color);animation:_circleClipAnimation_151n3_1 2s linear infinite}@keyframes _circleRotateAnimation_151n3_1{to{transform:rotate(360deg)}}@keyframes _circleClipAnimation_151n3_1{0%{clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}25%{clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}50%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}75%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}to{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}}._loader_5o37g_1{border-radius:50%;width:2.5em;height:2.5em;animation:_dotsFadeOutAnimation_5o37g_1 1.8s infinite ease-in-out;animation-fill-mode:both;color:var(--cl-tint-color);font-size:7px;position:relative;text-indent:-9999em;transform:translateZ(0);animation-delay:-.16s}._loader_5o37g_1:before,._loader_5o37g_1:after{border-radius:50%;width:2.5em;height:2.5em;animation:_dotsFadeOutAnimation_5o37g_1 1.8s infinite ease-in-out;animation-fill-mode:both}._loader_5o37g_1:before,._loader_5o37g_1:after{content:"";position:absolute;top:0}._loader_5o37g_1:before{left:-3.5em;animation-delay:-.32s}._loader_5o37g_1:after{left:3.5em}@keyframes _dotsFadeOutAnimation_5o37g_1{0%,80%,to{box-shadow:0 2.5em 0 -1.3em}40%{box-shadow:0 2.5em}}._loader_1hqei_1{width:48px;height:48px;border:10px solid var(--cl-tint-color);border-radius:50%;position:relative;transform:rotate(45deg);box-sizing:border-box}._loader_1hqei_1:before{content:"";position:absolute;box-sizing:border-box;inset:-10px;border-radius:50%;border:10px solid var(--cl-accent-color);animation:_prixClipFix_1hqei_1 2s infinite linear}@keyframes _prixClipFix_1hqei_1{0%{clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}25%{clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}50%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}75%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}to{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}}._loader_o5l8l_1{display:block;position:relative;height:12px;width:80%;border:1px solid var(--cl-tint-color);border-radius:10px;overflow:hidden}._loader_o5l8l_1:after{content:"";width:40%;height:100%;background:var(--cl-accent-color);position:absolute;top:0;left:0;box-sizing:border-box;animation:_linearLoaderAnimation_o5l8l_1 2s linear infinite}@keyframes _linearLoaderAnimation_o5l8l_1{0%{left:0;transform:translate(-100%)}to{left:100%;transform:translate(0)}}._loader_pukbl_1{width:48px;height:48px;border:5px solid var(--cl-tint-color);border-radius:50%;display:inline-block;box-sizing:border-box;position:relative;animation:_pulse_pukbl_1 1s linear infinite}._loader_pukbl_1:after{content:"";position:absolute;width:48px;height:48px;border:5px solid var(--cl-tint-color);border-radius:50%;display:inline-block;box-sizing:border-box;left:50%;top:50%;transform:translate(-50%,-50%);animation:_scaleUpAnimation_pukbl_1 1s linear infinite}@keyframes _scaleUpAnimation_pukbl_1{0%{transform:translate(-50%,-50%) scale(0)}60%,to{transform:translate(-50%,-50%) scale(1)}}@keyframes _pulse_pukbl_1{0%,60%,to{transform:scale(1)}80%{transform:scale(1.2)}}._loader_zl0tq_1{width:64px;height:64px;position:relative;background-image:linear-gradient(var(--cl-tint-color) 16px,transparent 0),linear-gradient(var(--cl-accent-color) 16px,transparent 0),linear-gradient(var(--cl-accent-color) 16px,transparent 0),linear-gradient(var(--cl-tint-color) 16px,transparent 0);background-repeat:no-repeat;background-size:16px 16px;background-position:left top,left bottom,right top,right bottom;animation:_squaresRotateAnimation_zl0tq_1 1s linear infinite}@keyframes _squaresRotateAnimation_zl0tq_1{0%{width:64px;height:64px;transform:rotate(0)}50%{width:30px;height:30px;transform:rotate(180deg)}to{width:64px;height:64px;transform:rotate(360deg)}}._loader_1alvx_1{width:48px;height:48px;display:inline-block;position:relative;background:var(--cl-tint-color);box-sizing:border-box;animation:_flipSquareAnimation_1alvx_1 1s linear infinite}@keyframes _flipSquareAnimation_1alvx_1{0%{transform:perspective(200px) rotateX(0) rotateY(0)}50%{transform:perspective(200px) rotateX(-180deg) rotateY(0)}to{transform:perspective(200px) rotateX(-180deg) rotateY(-180deg)}}.cl-components-dark-theme{--cl-primary-color: hsl(57, 64%, 74%);--cl-tint-color: hsl(43, 87%, 66%);--cl-accent-color: hsl(23, 72%, 53%);--cl-primary-background: hsl(328, 19%, 15%);--cl-highlight-background: hsl(24, 55%, 34%);--cl-shadow-background: hsla(24, 55%, 34%, .3);--cl-accent-gradient: linear-gradient(to left, hsl(23, 72%, 26%) 0%, hsl(23, 72%, 30%) 8%, hsl(23, 72%, 30%) 92%, hsl(23, 72%, 26%) 100%);--cl-shadow-gradient: linear-gradient( to left, hsl(328, 19%, 24%) 0%, hsl(328, 19%, 30%) 8%, hsl(328, 19%, 30%) 92%, hsl(328, 19%, 24%) 100% );--cl-box-shadow: hsla(24, 55%, 34%, .15) 2.4px 2.4px 3.2px;--cl-text-shadow: 2.4px 2.4px 3.2px hsla(43, 87%, 66%, .3);--cl-drop-shadow: drop-shadow(2.4px 2.4px 3.2px hsla(24, 55%, 34%, .15));--cl-primary-border: 1px solid hsla(57, 64%, 74%, 32%);--cl-light-border: 1px solid hsl(43, 87%, 66%, 32%);--cl-accent-border: 1px solid hsl(23, 72%, 53%);--cl-outline-border: 1px solid hsl(43, 87%, 66%)}.cl-components-light-theme{--cl-primary-color: hsl(195, 100%, 6%);--cl-tint-color: hsl(345, 49%, 21%);--cl-accent-color: hsl(356, 100%, 53%);--cl-primary-background: hsl(0, 0%, 100%);--cl-highlight-background: hsl(40, 100%, 58%);--cl-shadow-background: hsla(0, 0%, 0%, .3);--cl-accent-gradient: linear-gradient( to left, hsl(356, 100%, 21%) 0%, hsl(356, 100%, 32%) 8%, hsl(356, 100%, 32%) 92%, hsl(356, 100%, 21%) 100% );--cl-shadow-gradient: linear-gradient(to left, hsl(0, 0%, 24%) 0%, hsl(0, 0%, 32%) 8%, hsl(0, 0%, 32%) 92%, hsl(0, 0%, 24%) 100%);--cl-box-shadow: hsla(195, 100%, 6%, .15) 2.4px 2.4px 3.2px;--cl-drop-shadow: drop-shadow(2.4px 2.4px 3.2px hsla(195, 100%, 6%, .15));--cl-text-shadow: 2.4px 2.4px 3.2px hsla(345, 49%, 21%, .3);--cl-primary-border: 1px solid hsla(195, 100%, 6%, 32%);--cl-light-border: 1px solid hsla(345, 49%, 21%, 32%);--cl-accent-border: 1px solid hsl(356, 100%, 53%);--cl-outline-border: 1px solid hsl(345, 49%, 21%)}:root{--cl-core-font: typography.$cl-core-font;--cl-monospace-font: typography.$cl-monospace-font;--cl-base-font-size: 1rem;--cl-small-font-size: .8rem;--cl-header-font-size: 2rem;--cl-xs-gap: 2px;--cl-s-gap: 4px;--cl-m-gap: 8px;--cl-l-gap: 16px;--cl-xl-gap: 32px;--cl-icon-size: 20px;--cl-border-radius: 4px}@keyframes _fadeIn_v7uvz_1{0%{opacity:0}to{opacity:1}}@-moz-keyframes _fadeIn_v7uvz_1{0%{opacity:0}to{opacity:1}}@-webkit-keyframes _fadeIn_v7uvz_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_v7uvz_1{0%{opacity:1}to{opacity:0}}@-moz-keyframes _fadeOut_v7uvz_1{0%{opacity:1}to{opacity:0}}@-webkit-keyframes _fadeOut_v7uvz_1{0%{opacity:1}to{opacity:0}}._tooltip_v7uvz_54{animation:_fadeIn_v7uvz_1 ease .4s;-webkit-animation:_fadeIn_v7uvz_1 ease .4s;-moz-animation:_fadeIn_v7uvz_1 ease .4s;font-family:Helvetica,Arial,sans-serif;font-weight:400;font-size:var(--cl-small-font-size);line-height:1.5;letter-spacing:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--cl-primary-color);position:absolute;left:0;top:0;z-index:100;background-color:var(--cl-primary-background);border:var(--cl-light-border);padding:var(--cl-m-gap);border-radius:var(--cl-border-radius);box-shadow:var(--cl-box-shadow);pointer-events:none;white-space:nowrap}._checkbox_1ff9a_2{display:flex;gap:var(--cl-m-gap);padding:var(--cl-m-gap) 0;position:relative;overflow:hidden}._checkbox_1ff9a_2 svg{color:var(--cl-primary-color)}._checkbox__checked_1ff9a_12 svg{color:var(--cl-accent-color)}._checkbox__disabled_1ff9a_15{pointer-events:none;opacity:.5}._checkbox_1ff9a_2 label{cursor:pointer;gap:var(--cl-m-gap);font-size:var(--cl-base-font-size)}._checkbox_1ff9a_2 label:hover,._checkbox_1ff9a_2 label:active{text-shadow:var(--cl-text-shadow)}._checkbox_1ff9a_2 input{position:absolute;z-index:-1;opacity:0;top:4px;left:0;margin:0}._checkbox_1ff9a_2 input:focus-visible+label{outline:var(--cl-outline-border);outline-offset:2px}._wrapper_z3grr_1{position:relative;display:flex;justify-content:space-between;flex-direction:column;gap:var(--cl-m-gap);background:transparent}._combobox_1pe6c_2{text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:var(--cl-m-gap);padding:var(--cl-m-gap);border:var(--cl-primary-border);border-radius:var(--cl-border-radius);background-color:var(--cl-primary-background);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}._combobox_1pe6c_2>span:nth-child(1){font-family:Helvetica,Arial,sans-serif;font-weight:400;font-size:var(--cl-base-font-size);letter-spacing:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--cl-primary-color);overflow:hidden;text-overflow:ellipsis;line-height:1.5}._combobox_1pe6c_2 svg{cursor:pointer;color:var(--cl-primary-color);height:var(--cl-icon-size);width:var(--cl-icon-size)}._combobox_1pe6c_2 svg:hover{color:var(--cl-tint-color);filter:var(--cl-drop-shadow)}._combobox_1pe6c_2:focus-visible{outline:var(--cl-outline-border);outline-offset:2px}._combobox_1pe6c_2[disabled]{pointer-events:none;opacity:.5}._dropdown_1kuhz_6{visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s linear;position:absolute;background:var(--cl-primary-background);margin:0;padding:0;list-style:none;z-index:100;width:100%;top:72px;left:-1px;border:var(--cl-primary-border);border-radius:var(--cl-border-radius);box-shadow:var(--cl-box-shadow);overflow-y:auto;max-height:180px}._dropdown__opened_1kuhz_25{visibility:visible;opacity:1}._option_17atn_1{padding:var(--cl-m-gap);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:var(--cl-m-gap);font-family:Helvetica,Arial,sans-serif;font-weight:400;font-size:var(--cl-base-font-size);line-height:1.5;letter-spacing:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--cl-primary-color)}._option_17atn_1:hover,._option_17atn_1:active{color:var(--cl-accent-color)}._option_17atn_1:focus-visible{outline:var(--cl-outline-border);outline-offset:-4px}._option_17atn_1 svg{color:var(--cl-primary-color);width:var(--cl-icon-size);height:var(--cl-icon-size)}._option__selected_17atn_29 svg{color:var(--cl-accent-color)}._option__multi_17atn_32{justify-content:flex-start}._numeric_1s7mp_1{display:flex;flex-direction:column;gap:var(--cl-m-gap)}._errorMessage_1s7mp_7{position:absolute;top:46px;right:0;opacity:.8}._wrapper_bu2uu_1{display:flex;flex-direction:column;gap:var(--cl-m-gap)}._errorMessage_bu2uu_7{position:absolute;top:46px;right:0;opacity:.8}@keyframes _fadeIn_12fi0_1{0%{opacity:0}to{opacity:1}}@-moz-keyframes _fadeIn_12fi0_1{0%{opacity:0}to{opacity:1}}@-webkit-keyframes _fadeIn_12fi0_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_12fi0_1{0%{opacity:1}to{opacity:0}}@-moz-keyframes _fadeOut_12fi0_1{0%{opacity:1}to{opacity:0}}@-webkit-keyframes _fadeOut_12fi0_1{0%{opacity:1}to{opacity:0}}._wrapper_12fi0_54{animation:_fadeIn_12fi0_1 ease .4s;-webkit-animation:_fadeIn_12fi0_1 ease .4s;-moz-animation:_fadeIn_12fi0_1 ease .4s;position:fixed;bottom:var(--cl-l-gap);left:50%;transform:translate(-50%);z-index:100}._wrapper__closing_12fi0_64{animation:_fadeOut_12fi0_1 ease .4s;-webkit-animation:_fadeOut_12fi0_1 ease .4s;-moz-animation:_fadeOut_12fi0_1 ease .4s}._content_12fi0_70{font-family:Helvetica,Arial,sans-serif;font-weight:400;font-size:var(--cl-base-font-size);line-height:1.5;letter-spacing:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--cl-primary-color);display:flex;flex-direction:column;gap:var(--cl-m-gap);background:var(--cl-primary-background);width:60vw;padding:var(--cl-m-gap) var(--cl-l-gap);box-shadow:var(--cl-box-shadow);border:var(--cl-light-border);border-radius:var(--cl-border-radius);position:relative}._content_button_12fi0_90{position:absolute;right:var(--cl-m-gap);top:var(--cl-m-gap)}@keyframes _fadeIn_4mo9j_1{0%{opacity:0}to{opacity:1}}@-moz-keyframes _fadeIn_4mo9j_1{0%{opacity:0}to{opacity:1}}@-webkit-keyframes _fadeIn_4mo9j_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_4mo9j_1{0%{opacity:1}to{opacity:0}}@-moz-keyframes _fadeOut_4mo9j_1{0%{opacity:1}to{opacity:0}}@-webkit-keyframes _fadeOut_4mo9j_1{0%{opacity:1}to{opacity:0}}._dialog_4mo9j_54{animation:_fadeIn_4mo9j_1 ease .4s;-webkit-animation:_fadeIn_4mo9j_1 ease .4s;-moz-animation:_fadeIn_4mo9j_1 ease .4s;position:fixed;top:0;left:0;width:100%;height:100%;z-index:inherit;display:flex;justify-content:center;align-items:center;background-color:var(--cl-shadow-background)}._dialog__closing_4mo9j_69{animation:_fadeOut_4mo9j_1 ease .4s;-webkit-animation:_fadeOut_4mo9j_1 ease .4s;-moz-animation:_fadeOut_4mo9j_1 ease .4s}._layout_4mo9j_75{font-family:Helvetica,Arial,sans-serif;font-weight:400;font-size:var(--cl-base-font-size);line-height:1.5;letter-spacing:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;z-index:200;background-color:var(--cl-primary-background);box-shadow:var(--cl-box-shadow);color:var(--cl-primary-color);padding:var(--cl-m-gap) var(--cl-l-gap);height:90%;position:absolute;bottom:0;left:0;border-top-left-radius:var(--cl-border-radius);border-top-right-radius:var(--cl-border-radius)}._layout_button_4mo9j_95{position:absolute;right:var(--cl-m-gap);top:var(--cl-m-gap)}@media only screen and (min-width: 768px){._layout_4mo9j_75{width:fit-content;height:fit-content;position:relative;min-width:40%;max-width:90%;max-height:90%;border-bottom-left-radius:var(--cl-border-radius);border-bottom-right-radius:var(--cl-border-radius)}}._form_a5bhb_1{display:grid;align-items:end;gap:var(--cl-m-gap);font-family:Helvetica,Arial,sans-serif;font-weight:400;font-size:var(--cl-base-font-size);line-height:1.5;letter-spacing:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}._buttons_a5bhb_14{display:flex;align-items:center;justify-content:space-between;padding-top:var(--cl-l-gap)}._columns-1_a5bhb_21{grid-template-columns:repeat(1,1fr);grid-template-rows:auto}._buttons-1_a5bhb_26{grid-column:1/2}._columns-2_a5bhb_30{grid-template-columns:repeat(2,1fr);grid-template-rows:auto}._buttons-2_a5bhb_35{grid-column:1/3}._columns-3_a5bhb_39{grid-template-columns:repeat(3,1fr);grid-template-rows:auto}._buttons-3_a5bhb_44{grid-column:1/4}._columns-4_a5bhb_48{grid-template-columns:repeat(4,1fr);grid-template-rows:auto}._buttons-4_a5bhb_53{grid-column:1/5}._columns-5_a5bhb_57{grid-template-columns:repeat(5,1fr);grid-template-rows:auto}._buttons-5_a5bhb_62{grid-column:1/6}._columns-6_a5bhb_66{grid-template-columns:repeat(6,1fr);grid-template-rows:auto}._buttons-6_a5bhb_71{grid-column:1/7}._checkbox_bpqws_2{display:flex;gap:var(--cl-s-gap);padding:var(--cl-s-gap);position:relative;overflow:hidden}._checkbox_bpqws_2 svg{color:var(--cl-primary-color);width:var(--cl-icon-size);height:var(--cl-icon-size)}._checkbox__disabled_bpqws_14{pointer-events:none;opacity:.5}._checkbox_bpqws_2 label{cursor:pointer;gap:var(--cl-s-gap);font-size:var(--cl-small-font-size)}._checkbox_bpqws_2 label:hover,._checkbox_bpqws_2 label:active{text-shadow:var(--cl-text-shadow)}._checkbox_input_bpqws_26{position:absolute;z-index:-1;opacity:0;top:4px;left:0;margin:0}._checkbox_input_bpqws_26:focus-visible+label{outline:var(--cl-outline-border);outline-offset:2px}._cell_veiud_1{padding:var(--cl-m-gap)}._row_1qhna_1{border-bottom:var(--cl-light-border);background-color:var(--cl-primary-background)}._row__selected_1qhna_5{background-color:var(--cl-highlight-background)}._body_1gm9g_1{font-family:Helvetica,Arial,sans-serif;font-weight:400;font-size:var(--cl-base-font-size);line-height:1.5;letter-spacing:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--cl-primary-color)}._column_s4wq6_1{border-right:var(--cl-light-border)}._column__first_s4wq6_4{border-left:var(--cl-light-border)}._column__highlighted_s4wq6_7{background-color:var(--cl-highlight-background)}._grid_ion0k_1{border-collapse:collapse}._grid_caption_ion0k_4{font-family:Helvetica,Arial,sans-serif;font-weight:lighter;font-size:var(--cl-base-font-size);line-height:1.5;letter-spacing:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--cl-primary-color);padding:var(--cl-m-gap)}._headerCell_wd2ft_1{padding:var(--cl-m-gap);text-align:left}._head_1jka0_1{font-family:Helvetica,Arial,sans-serif;font-weight:700;font-size:var(--cl-base-font-size);line-height:1.5;letter-spacing:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--cl-primary-color)}._head_row_1jka0_11{border-top:var(--cl-light-border);border-bottom:var(--cl-light-border);background-color:var(--cl-primary-background)}._menuLeaf_14bu7_2{font-family:Helvetica,Arial,sans-serif;font-weight:400;font-size:var(--cl-base-font-size);line-height:1.5;letter-spacing:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-position:center;transition:background .3s;color:var(--cl-primary-color);display:flex;justify-content:flex-start;align-items:center;gap:var(--cl-m-gap);background-color:var(--cl-primary-background);padding:var(--cl-m-gap);border-radius:var(--cl-border-radius);cursor:pointer}._menuLeaf_14bu7_2:hover{background:var(--cl-primary-background) radial-gradient(circle,transparent 1%,var(--cl-primary-background) 1%) center/15000%;color:var(--cl-tint-color);text-shadow:var(--cl-text-shadow)}._menuLeaf_14bu7_2:hover svg{color:var(--cl-tint-color);filter:var(--cl-drop-shadow)}._menuLeaf_14bu7_2:active{background-color:var(--cl-shadow-background);background-size:100%;transition:background 0s}._menuLeaf_14bu7_2:focus-visible{outline:var(--cl-outline-border)}._menuLeaf_14bu7_2 a{color:var(--cl-tint-color)}._subMenu_gplve_2{display:flex;justify-content:flex-start;align-items:center;flex-direction:column;gap:0;padding:0;position:relative;border-radius:var(--cl-border-radius)}._subMenu_gplve_2:focus-visible{outline:var(--cl-outline-border)}._subMenu_gplve_2 a{color:var(--cl-tint-color)}._text_gplve_19{font-family:Helvetica,Arial,sans-serif;font-weight:400;font-size:var(--cl-base-font-size);line-height:1.5;letter-spacing:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-position:center;transition:background .3s;color:var(--cl-primary-color);position:relative;display:flex;box-sizing:border-box;gap:var(--cl-m-gap);align-items:center;width:100%;justify-content:space-between;background:transparent;padding:var(--cl-m-gap);border-radius:var(--cl-border-radius);cursor:pointer}._text_gplve_19:hover{background:var(--cl-primary-background) radial-gradient(circle,transparent 1%,var(--cl-primary-background) 1%) center/15000%;color:var(--cl-tint-color);text-shadow:var(--cl-text-shadow)}._text_gplve_19:hover svg{color:var(--cl-tint-color);filter:var(--cl-drop-shadow)}._text_gplve_19:active{background-color:var(--cl-shadow-background);background-size:100%;transition:background 0s}._text_gplve_19 span{display:flex;gap:var(--cl-m-gap);align-items:center}._text_gplve_19:hover{text-shadow:var(--cl-text-shadow)}._text_gplve_19:hover svg{filter:var(--cl-drop-shadow)}@keyframes _fadeIn_1oeh1_1{0%{opacity:0}to{opacity:1}}@-moz-keyframes _fadeIn_1oeh1_1{0%{opacity:0}to{opacity:1}}@-webkit-keyframes _fadeIn_1oeh1_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_1oeh1_1{0%{opacity:1}to{opacity:0}}@-moz-keyframes _fadeOut_1oeh1_1{0%{opacity:1}to{opacity:0}}@-webkit-keyframes _fadeOut_1oeh1_1{0%{opacity:1}to{opacity:0}}._subMenuBar_1oeh1_55{list-style:none;margin:0;padding:0;padding-inline-start:0;display:flex;gap:var(--cl-s-gap);flex-direction:row;justify-content:flex-start;width:100%;animation:_fadeIn_1oeh1_1 ease .4s;-webkit-animation:_fadeIn_1oeh1_1 ease .4s;-moz-animation:_fadeIn_1oeh1_1 ease .4s;flex-direction:column;padding-left:var(--cl-l-gap);margin-left:var(--cl-l-gap);margin-top:var(--cl-s-gap);box-sizing:border-box;border-left:var(--cl-primary-border)}._subMenuBar__horizontal_1oeh1_75{position:absolute;top:100%;left:40%;width:max-content;border-radius:var(--cl-border-radius);border:var(--cl-primary-border);box-shadow:var(--cl-box-shadow);background-color:var(--cl-primary-background);padding:var(--cl-m-gap);margin:0;z-index:100}._menuBar_8vwv0_2{list-style:none;margin:0;padding:0;padding-inline-start:0;display:flex;gap:var(--cl-s-gap);flex-direction:row;justify-content:flex-start;width:100%}._menuBar__vertical_8vwv0_13{flex-direction:column}._tabContent_gop33_1{font-family:Helvetica,Arial,sans-serif;font-weight:400;font-size:var(--cl-base-font-size);line-height:1.5;letter-spacing:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--cl-primary-color);background-color:var(--cl-primary-background);padding:var(--cl-l-gap);flex-grow:1}._tabButton_1vkyq_2{font-family:Helvetica,Arial,sans-serif;font-weight:400;font-size:var(--cl-base-font-size);line-height:1.5;letter-spacing:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-position:center;transition:background .3s;color:var(--cl-primary-color);background:transparent;position:relative;outline:none;border:none;padding:var(--cl-m-gap);cursor:pointer;overflow:hidden;border-top-left-radius:var(--cl-border-radius);border-top-right-radius:var(--cl-border-radius)}._tabButton_1vkyq_2:hover{background:var(--cl-primary-background) radial-gradient(circle,transparent 1%,var(--cl-primary-background) 1%) center/15000%;color:var(--cl-tint-color);text-shadow:var(--cl-text-shadow)}._tabButton_1vkyq_2:hover svg{color:var(--cl-tint-color);filter:var(--cl-drop-shadow)}._tabButton_1vkyq_2:active{background-color:var(--cl-shadow-background);background-size:100%;transition:background 0s}._tabButton_1vkyq_2:focus-visible{outline:var(--cl-outline-border);outline-offset:-4px}._tabButton__disabled_1vkyq_41{pointer-events:none;opacity:.5}._tabButton__selected_1vkyq_45{border-top:var(--cl-primary-border);border-right:var(--cl-primary-border);border-left:var(--cl-primary-border);background-color:var(--cl-primary-background);top:1px}._tabButton__vertical_1vkyq_52{border-bottom-left-radius:var(--cl-border-radius);border-top-right-radius:0}._tabButton__vertical_1vkyq_52._tabButton__selected_1vkyq_45{border-top:var(--cl-primary-border);border-right:none;border-left:var(--cl-primary-border);border-bottom:var(--cl-primary-border);top:0;left:1px}._tabList_kvuij_1{border-bottom:var(--cl-primary-border);padding:0 var(--cl-m-gap);display:flex;gap:var(--cl-m-gap)}._tabList__vertical_kvuij_7{flex-direction:column;border-bottom:none;border-right:var(--cl-primary-border);padding:var(--cl-m-gap) 0}._tabs_13prm_2{display:flex;flex-direction:column;width:100%}._tabs__vertical_13prm_7{flex-direction:row}