monday-ui-react-core/dist/Combobox.css

Official monday.com UI resources for application development in React.js

.search_component_wrapper input[type=search]{-webkit-appearance:textfield}.search_component_wrapper input[type=search]::-webkit-search-cancel-button,.search_component_wrapper input[type=search]::-webkit-search-decoration,.search_component_wrapper input[type=search]::-webkit-search-results-button,.search_component_wrapper input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}.search_component_wrapper:focus-within .search-focus-element-first{animation:dash-forward 5s linear forwards}.search_component_wrapper:focus-within .search-focus-element-second{animation:dash-backwards 5s linear forwards}.search_component.search_component--round{border-radius:50px!important}@keyframes dash-forward{to{stroke-dashoffset:0}}@keyframes dash-backwards{to{stroke-dashoffset:2000}}.input-component{position:relative;font-family:Roboto,sans-serif;width:100%}.input-component,.input-component *{box-sizing:border-box}.input-component .input-component__label--wrapper{width:100%}.input-component.input-component--disabled .input-component__input-wrapper{cursor:not-allowed}.input-component.input-component--disabled .input-component__input-wrapper .input-component__input{-webkit-user-select:none;-ms-user-select:none;user-select:none;border:none;pointer-events:none;background-color:#e6e9ef;background-color:var(--disabled-background-color);cursor:not-allowed}.input-component.input-component--disabled .input-component__input-wrapper .input-component__icon--container.input-component__icon--container-has-icon:hover{background-color:initial}.input-component.input-component--disabled .input-component__input-wrapper .input-component__icon{cursor:not-allowed}.input-component .input-component__input-wrapper{width:100%;position:relative}.input-component .input-component__input-wrapper.input-component__input--error-validation .input-component__input,.input-component .input-component__input-wrapper.input-component__input--error-validation .input-component__input:active,.input-component .input-component__input-wrapper.input-component__input--error-validation .input-component__input:focus,.input-component .input-component__input-wrapper.input-component__input--error-validation:hover .input-component__input{border-color:#e44258;border-color:var(--negative-color)}.input-component .input-component__input-wrapper.input-component__input--error-validation+.input-component__sub-text-container .input-component__sub-text-container-status,.input-component .input-component__input-wrapper.input-component__input--error-validation .input-component__icon--container .input-component__icon,.input-component .input-component__input-wrapper.input-component__input--error-validation .input-component__icon--container .input-component__icon:hover{color:#e44258;color:var(--negative-color)}.input-component .input-component__input-wrapper.input-component__input--success-validation .input-component__input,.input-component .input-component__input-wrapper.input-component__input--success-validation .input-component__input:active,.input-component .input-component__input-wrapper.input-component__input--success-validation .input-component__input:focus,.input-component .input-component__input-wrapper.input-component__input--success-validation:hover .input-component__input{border-color:#00ca72;border-color:var(--positive-color)}.input-component .input-component__input-wrapper.input-component__input--success-validation+.input-component__sub-text-container .input-component__sub-text-container-status,.input-component .input-component__input-wrapper.input-component__input--success-validation .input-component__icon--container .input-component__icon,.input-component .input-component__input-wrapper.input-component__input--success-validation .input-component__icon--container .input-component__icon:hover{color:#00ca72;color:var(--positive-color)}.input-component .input-component__input-wrapper.input-component__input-wrapper--size-small{height:32px}.input-component .input-component__input-wrapper.input-component__input-wrapper--size-small .input-component__input{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto,sans-serif;font-size:14px;font-weight:400;line-height:22px;color:#323338;color:var(--primary-text-color)}.input-component .input-component__input-wrapper.input-component__input-wrapper--size-small .input-component__input.input-component__input--has-icon.input-component__input--only-underline{padding-left:4px}.input-component .input-component__input-wrapper.input-component__input-wrapper--size-medium{height:40px}.input-component .input-component__input-wrapper.input-component__input-wrapper--size-medium .input-component__input{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto,sans-serif;font-weight:400;font-size:16px;line-height:24px;color:#323338;color:var(--primary-text-color)}.input-component .input-component__input-wrapper.input-component__input-wrapper--size-medium .input-component__input.input-component__input--has-icon{padding:8px 32px 8px 16px}.input-component .input-component__input-wrapper.input-component__input-wrapper--size-medium .input-component__input.input-component__input--has-icon.input-component__input--only-underline{padding-left:4px}.input-component .input-component__input-wrapper.input-component__input-wrapper--size-medium .input-component__icon--container{pointer-events:none;height:32px;width:32px;outline:none}.input-component .input-component__input-wrapper.input-component__input-wrapper--size-medium .input-component__icon--container .input-component__icon{font-size:16px}.input-component .input-component__input-wrapper.input-component__input-wrapper--size-large{height:48px}.input-component .input-component__input-wrapper.input-component__input-wrapper--size-large .input-component__input{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto,sans-serif;font-weight:400;font-size:16px;line-height:24px;color:#323338;color:var(--primary-text-color)}.input-component .input-component__input-wrapper.input-component__input-wrapper--size-large .input-component__input.input-component__input--has-icon{padding:8px 32px 8px 16px}.input-component .input-component__input-wrapper.input-component__input-wrapper--size-large .input-component__input.input-component__input--has-icon.input-component__input--only-underline{padding-left:4px}.input-component .input-component__input-wrapper.input-component__input-wrapper--size-large .input-component__icon--container{height:40px;width:40px}.input-component .input-component__input-wrapper.input-component__input-wrapper--size-large .input-component__icon--container .input-component__icon{font-size:16px}.input-component .input-component__input-wrapper .input-component__icon--container:hover+.input-component__icon--container+.input-component__input,.input-component .input-component__input-wrapper:hover .input-component__input{border-color:#323338;border-color:var(--primary-text-color)}.input-component .input-component__input-wrapper .input-component__input{width:100%;height:100%;outline:0;background-color:initial;border:1px solid #e6e9ef;border-color:var(--ui-border-color);border-radius:4px;transition:border-color .1s ease-in;padding:8px 16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#323338;color:var(--primary-text-color)}.input-component .input-component__input-wrapper .input-component__input.input-component__input--hover{border-color:#323338;border-color:var(--primary-text-color)}.input-component .input-component__input-wrapper .input-component__input.input-component__input--active,.input-component .input-component__input-wrapper .input-component__input:active,.input-component .input-component__input-wrapper .input-component__input:focus{border-color:#0085ff;border-color:var(--primary-color)}.input-component .input-component__input-wrapper .input-component__input::-ms-input-placeholder{color:#323338;color:var(--secondary-text-color);font-weight:400}.input-component .input-component__input-wrapper .input-component__input::placeholder{color:#323338;color:var(--secondary-text-color);font-weight:400}.input-component .input-component__input-wrapper .input-component__input.input-component__input--has-icon{padding:8px 24px 8px 16px}.input-component .input-component__input-wrapper .input-component__input.input-component__input--round{border-radius:50px}.input-component .input-component__input-wrapper .input-component__input.input-component__input--square{border-radius:0}.input-component .input-component__input-wrapper .input-component__input.input-component__input--only-underline{border-left:none;border-right:none;border-top:none;padding:8px 24px 8px 4px;border-radius:0!important}.input-component .input-component__input-wrapper .input-component__loader--container{position:absolute;top:50%;right:4px;width:24px;height:24px;transform:translateY(-50%);display:flex;justify-content:center;align-items:center}.input-component .input-component__input-wrapper .input-component__loader--container.input-component__loader--container-has-icon{right:32px}.input-component .input-component__input-wrapper .input-component__loader--container .input-component__loader{width:16px;height:16px}.input-component .input-component__input-wrapper .input-component__loader--container .input-component__loader .input-component__loader-svg{color:#323338;color:var(--secondary-text-color)}.input-component .input-component__input-wrapper .input-component__icon--container{position:absolute;top:50%;right:4px;width:24px;height:24px;transform:translateY(-50%);display:flex;justify-content:center;align-items:center;border-radius:4px;opacity:0;pointer-events:none;-webkit-appearance:none}.input-component .input-component__input-wrapper .input-component__icon--container:active,.input-component .input-component__input-wrapper .input-component__icon--container:focus,.input-component .input-component__input-wrapper .input-component__icon--container:focus-visible{outline:none;background-color:#c5c7d0;background-color:var(--primary-background-hover-color)}.input-component .input-component__input-wrapper .input-component__icon--container.input-component__icon--container-active{opacity:1}.input-component .input-component__input-wrapper .input-component__icon--container.input-component__icon--container-active.input-component__icon--container-has-icon{pointer-events:all;cursor:pointer}.input-component .input-component__input-wrapper .input-component__icon--container.input-component__icon--container-active .input-component__icon{opacity:1;pointer-events:all;transform:rotate(0) scale(1)}.input-component .input-component__input-wrapper .input-component__icon--container.input-component__icon--container-has-icon:focus-within,.input-component .input-component__input-wrapper .input-component__icon--container.input-component__icon--container-has-icon:hover{background-color:#c5c7d0;background-color:var(--primary-background-hover-color)}.input-component .input-component__input-wrapper .input-component__icon--container .input-component__icon{transform:rotate(90deg) scale(.8);color:#676879;color:var(--icon-color);will-change:transform;pointer-events:none;transition:color .1s cubic-bezier(0,0,.35,1),transform .1s cubic-bezier(0,0,.35,1);font-size:14px}.input-component .input-component__sub-text-container{display:flex;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto,sans-serif;font-size:14px;font-weight:400;line-height:22px;color:var(--primary-text-color);color:#323338;color:var(--secondary-text-color)}.input-component .input-component__sub-text-container .input-component__sub-text-container-counter{margin-left:auto}.icon_component{position:relative}.icon_component:before{text-decoration:none!important}.icon_component--no-focus-style:focus{outline:none}.icon_component--clickable{cursor:pointer}.monday-loader-component{position:relative;height:100%;width:100%}.monday-loader-component .circle-loader-spinner{animation:rotate 1s linear infinite;position:absolute;top:50%;left:50%;margin-top:-50%;margin-left:-50%}.monday-loader-component .circle-loader-spinner .circle-loader-spinner-path{stroke:currentColor;stroke-linecap:round;animation:dash 1s infinite}@keyframes rotate{to{transform:rotate(1turn)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.label-component--wrapper{display:flex;padding-bottom:8px;align-items:center}.label-component--wrapper .label-component--icon{margin:0 8px 0 4px;line-height:24px;font-size:14px;color:#676879;color:var(--icon-color)}.label-component--wrapper .label-component--text{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto,sans-serif;font-size:16px;font-weight:500;line-height:24px;color:#323338;color:var(--primary-text-color)}.monday-style-button{--loader-padding:8px;outline:none;border:none;height:auto;font-family:Roboto,sans-serif;border-radius:4px;cursor:pointer;white-space:nowrap;transition:transform 50ms,min-width .1s cubic-bezier(0,0,.35,1);display:inline-flex;align-items:center;justify-content:center;-webkit-user-select:none;-ms-user-select:none;user-select:none;--element-width:32;--element-height:32;min-width:var(--element-width)}.monday-style-button--margin-right{margin-right:8px}.monday-style-button--margin-left{margin-left:8px}.monday-style-button--right-flat{border-top-right-radius:0;border-bottom-right-radius:0}.monday-style-button--left-flat{border-top-left-radius:0;border-bottom-left-radius:0}.monday-style-button.monday-style-button--loading{min-width:0;width:var(--element-height);height:var(--element-height);position:relative}.monday-style-button .monday-style-button__loader{position:absolute;left:var(--loader-padding);top:var(--loader-padding)}.monday-style-button .monday-style-button__loader,.monday-style-button .monday-style-button__loader .monday-style-button-loader-svg{width:calc(var(--element-height) - var(--loader-padding)*2);height:calc(var(--element-height) - var(--loader-padding)*2)}.monday-style-button:active:not(.monday-style-button--prevent-click-animation){transform:scale(.95) translateZ(0)}.monday-style-button .monday-style-button--left-icon{padding-right:8px}.monday-style-button .monday-style-button--right-icon{padding-left:8px}.monday-style-button--size-small{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto,sans-serif;font-size:14px;font-weight:400;line-height:22px;color:#323338;color:var(--primary-text-color);padding:4px 8px;height:32px;line-height:24px}.monday-style-button--size-small .monday-style-button__loader{top:7px}.monday-style-button--size-medium{padding:8px 16px;height:40px}.monday-style-button--size-large,.monday-style-button--size-medium{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto,sans-serif;font-weight:400;font-size:16px;line-height:24px;color:#323338;color:var(--primary-text-color)}.monday-style-button--size-large{padding:12px 24px;height:48px}.monday-style-button--kind-primary{color:#fff;color:var(--text-color-on-primary)}.monday-style-button--kind-primary.monday-style-button--color-primary{background-color:#0085ff;background-color:var(--primary-color)}.monday-style-button--kind-primary.monday-style-button--color-primary-active,.monday-style-button--kind-primary.monday-style-button--color-primary:focus,.monday-style-button--kind-primary.monday-style-button--color-primary:hover{background-color:#0071d9;background-color:var(--primary-hover-color)}.monday-style-button--kind-primary.monday-style-button--color-positive{background-color:#00ca72;background-color:var(--positive-color)}.monday-style-button--kind-primary.monday-style-button--color-positive-active,.monday-style-button--kind-primary.monday-style-button--color-positive:focus,.monday-style-button--kind-primary.monday-style-button--color-positive:hover{background-color:#00a25b;background-color:var(--positive-color-hover)}.monday-style-button--kind-primary.monday-style-button--color-negative{background-color:#e44258;background-color:var(--negative-color)}.monday-style-button--kind-primary.monday-style-button--color-negative-active,.monday-style-button--kind-primary.monday-style-button--color-negative:focus,.monday-style-button--kind-primary.monday-style-button--color-negative:hover{background-color:#b63546;background-color:var(--negative-color-hover)}.monday-style-button--kind-primary.monday-style-button--color-on-primary-color{background-color:#fff;background-color:var(--text-color-on-primary)}.monday-style-button--kind-primary.monday-style-button--color-on-primary-color-active,.monday-style-button--kind-primary.monday-style-button--color-on-primary-color:focus,.monday-style-button--kind-primary.monday-style-button--color-on-primary-color:hover{background-color:#e6e9ef;-webkit-backdrop-filter:brightness(85%);backdrop-filter:brightness(85%)}.monday-style-button--kind-primary.monday-style-button--color-on-primary-color-active:focus:not(.focus-visible),.monday-style-button--kind-primary.monday-style-button--color-on-primary-color:focus:focus:not(.focus-visible),.monday-style-button--kind-primary.monday-style-button--color-on-primary-color:hover:focus:not(.focus-visible){outline:none}.monday-style-button--kind-primary.monday-style-button--color-on-primary-color-active.focus-visible,.monday-style-button--kind-primary.monday-style-button--color-on-primary-color-active:focus-visible,.monday-style-button--kind-primary.monday-style-button--color-on-primary-color:focus.focus-visible,.monday-style-button--kind-primary.monday-style-button--color-on-primary-color:focus:focus-visible,.monday-style-button--kind-primary.monday-style-button--color-on-primary-color:hover.focus-visible,.monday-style-button--kind-primary.monday-style-button--color-on-primary-color:hover:focus-visible{outline:none;z-index:11;border-radius:4px;box-shadow:0 0 0 3px var(--text-color-on-primary-with-opacity),0 0 0 1px var(--text-color-on-primary) inset}.monday-style-button--kind-primary.monday-style-button--color-on-primary-color:disabled{color:var(--text-color-on-primary);opacity:.4}.monday-style-button--kind-primary.monday-style-button:disabled{background-color:#e6e9ef;background-color:var(--disabled-background-color);color:#676879;color:var(--disabled-text-color);cursor:not-allowed;pointer-events:none;opacity:.4}.monday-style-button--kind-secondary{border:1px solid #e6e9ef;border-color:var(--ui-border-color);color:#323338;color:var(--primary-text-color);background-color:initial}.monday-style-button--kind-secondary.monday-style-button--size-large,.monday-style-button--kind-secondary.monday-style-button--size-medium,.monday-style-button--kind-secondary.monday-style-button--size-small{line-height:22px}.monday-style-button--kind-secondary.monday-style-button--color-primary-active,.monday-style-button--kind-secondary.monday-style-button--color-primary:focus,.monday-style-button--kind-secondary.monday-style-button--color-primary:hover{background-color:#c5c7d0;background-color:var(--primary-background-hover-color)}.monday-style-button--kind-secondary.monday-style-button--color-positive{color:#00ca72;color:var(--positive-color);border-color:#00ca72;border-color:var(--positive-color)}.monday-style-button--kind-secondary.monday-style-button--color-positive-active,.monday-style-button--kind-secondary.monday-style-button--color-positive:focus,.monday-style-button--kind-secondary.monday-style-button--color-positive:hover{background-color:var(--positive-color-selected)}.monday-style-button--kind-secondary.monday-style-button--color-negative{color:#e44258;color:var(--negative-color);border-color:#e44258;border-color:var(--negative-color)}.monday-style-button--kind-secondary.monday-style-button--color-negative-active,.monday-style-button--kind-secondary.monday-style-button--color-negative:focus,.monday-style-button--kind-secondary.monday-style-button--color-negative:hover{background-color:#b63546;background-color:var(--negative-color-selected)}.monday-style-button--kind-secondary.monday-style-button--color-on-primary-color{color:#fff;color:var(--text-color-on-primary);border-color:#fff;border-color:var(--text-color-on-primary)}.monday-style-button--kind-secondary.monday-style-button--color-on-primary-color-active,.monday-style-button--kind-secondary.monday-style-button--color-on-primary-color:focus,.monday-style-button--kind-secondary.monday-style-button--color-on-primary-color:hover{-webkit-backdrop-filter:brightness(85%);backdrop-filter:brightness(85%)}.monday-style-button--kind-secondary.monday-style-button--color-on-primary-color-active:focus:not(.focus-visible),.monday-style-button--kind-secondary.monday-style-button--color-on-primary-color:focus:focus:not(.focus-visible),.monday-style-button--kind-secondary.monday-style-button--color-on-primary-color:hover:focus:not(.focus-visible){outline:none}.monday-style-button--kind-secondary.monday-style-button--color-on-primary-color-active.focus-visible,.monday-style-button--kind-secondary.monday-style-button--color-on-primary-color-active:focus-visible,.monday-style-button--kind-secondary.monday-style-button--color-on-primary-color:focus.focus-visible,.monday-style-button--kind-secondary.monday-style-button--color-on-primary-color:focus:focus-visible,.monday-style-button--kind-secondary.monday-style-button--color-on-primary-color:hover.focus-visible,.monday-style-button--kind-secondary.monday-style-button--color-on-primary-color:hover:focus-visible{outline:none;z-index:11;border-radius:4px;box-shadow:0 0 0 3px var(--text-color-on-primary-with-opacity),0 0 0 1px var(--text-color-on-primary) inset}.monday-style-button--kind-secondary.monday-style-button--color-on-primary-color:disabled{color:var(--text-color-on-primary);opacity:.4}.monday-style-button--kind-secondary:disabled{border-color:#e6e9ef;border-color:var(--disabled-background-color);color:#676879;color:var(--disabled-text-color);cursor:not-allowed;pointer-events:none;opacity:.4}.monday-style-button--kind-secondary:disabled:hover{background-color:initial}.monday-style-button--kind-tertiary{color:#323338;color:var(--primary-text-color);background-color:initial}.monday-style-button--kind-tertiary.monday-style-button--color-primary-active,.monday-style-button--kind-tertiary.monday-style-button--color-primary:focus,.monday-style-button--kind-tertiary.monday-style-button--color-primary:hover{background-color:#c5c7d0;background-color:var(--primary-background-hover-color)}.monday-style-button--kind-tertiary.monday-style-button--color-positive{color:#00ca72;color:var(--positive-color)}.monday-style-button--kind-tertiary.monday-style-button--color-positive-active,.monday-style-button--kind-tertiary.monday-style-button--color-positive:focus,.monday-style-button--kind-tertiary.monday-style-button--color-positive:hover{background-color:var(--positive-color-selected)}.monday-style-button--kind-tertiary.monday-style-button--color-negative{color:#e44258;color:var(--negative-color)}.monday-style-button--kind-tertiary.monday-style-button--color-negative-active,.monday-style-button--kind-tertiary.monday-style-button--color-negative:focus,.monday-style-button--kind-tertiary.monday-style-button--color-negative:hover{background-color:#b63546;background-color:var(--negative-color-selected)}.monday-style-button--kind-tertiary.monday-style-button--color-on-primary-color{color:#fff;color:var(--text-color-on-primary)}.monday-style-button--kind-tertiary.monday-style-button--color-on-primary-color-active,.monday-style-button--kind-tertiary.monday-style-button--color-on-primary-color:focus,.monday-style-button--kind-tertiary.monday-style-button--color-on-primary-color:hover{-webkit-backdrop-filter:brightness(85%);backdrop-filter:brightness(85%)}.monday-style-button--kind-tertiary.monday-style-button--color-on-primary-color-active:focus:not(.focus-visible),.monday-style-button--kind-tertiary.monday-style-button--color-on-primary-color:focus:focus:not(.focus-visible),.monday-style-button--kind-tertiary.monday-style-button--color-on-primary-color:hover:focus:not(.focus-visible){outline:none}.monday-style-button--kind-tertiary.monday-style-button--color-on-primary-color-active.focus-visible,.monday-style-button--kind-tertiary.monday-style-button--color-on-primary-color-active:focus-visible,.monday-style-button--kind-tertiary.monday-style-button--color-on-primary-color:focus.focus-visible,.monday-style-button--kind-tertiary.monday-style-button--color-on-primary-color:focus:focus-visible,.monday-style-button--kind-tertiary.monday-style-button--color-on-primary-color:hover.focus-visible,.monday-style-button--kind-tertiary.monday-style-button--color-on-primary-color:hover:focus-visible{outline:none;z-index:11;border-radius:4px;box-shadow:0 0 0 3px var(--text-color-on-primary-with-opacity),0 0 0 1px var(--text-color-on-primary) inset}.monday-style-button--kind-tertiary.monday-style-button--color-on-primary-color:disabled{color:var(--text-color-on-primary);opacity:.4}.monday-style-button--kind-tertiary.monday-style-button--color-on-inverted-background{color:#fff;color:var(--text-color-on-inverted)}.monday-style-button--kind-tertiary.monday-style-button--color-on-inverted-background-active,.monday-style-button--kind-tertiary.monday-style-button--color-on-inverted-background:focus,.monday-style-button--kind-tertiary.monday-style-button--color-on-inverted-background:hover{-webkit-backdrop-filter:brightness(85%);backdrop-filter:brightness(85%)}.monday-style-button--kind-tertiary:disabled{color:#676879;color:var(--disabled-text-color);cursor:not-allowed;pointer-events:none;opacity:.4}.monday-style-button--kind-tertiary:disabled:hover{background-color:initial}.monday-style-button--no-side-padding{padding-right:0;padding-left:0}.monday-style-button:focus:not(.focus-visible){outline:none}.monday-style-button.focus-visible,.monday-style-button:focus-visible{outline:none;z-index:11;border-radius:4px;box-shadow:0 0 0 3px rgba(0,132,255,.5),0 0 0 1px var(--primary-hover-color) inset}.monday-style-dialog-content-wrapper{outline:0}.monday-style-animation-opacity-slide-appear{opacity:0}.monday-style-animation-opacity-slide-appear.top{transform:translateY(16px)}.monday-style-animation-opacity-slide-appear.right{transform:translateX(-16px)}.monday-style-animation-opacity-slide-appear.bottom{transform:translateY(-16px)}.monday-style-animation-opacity-slide-appear.left{transform:translateX(16px)}.monday-style-animation-opacity-slide-appear-active{transition:opacity .2s ease,transform .2s ease-out;opacity:1;pointer-events:none}.monday-style-animation-opacity-slide-appear-active.bottom,.monday-style-animation-opacity-slide-appear-active.top{transform:translateY(0)}.monday-style-animation-opacity-slide-appear-active.left,.monday-style-animation-opacity-slide-appear-active.right{transform:translateX(0)}.monday-style-animation-expand-appear,.monday-style-animation-expand-exit{transition:transform .1s cubic-bezier(0,0,.35,1)}.monday-style-animation-expand-appear.top,.monday-style-animation-expand-appear.top-end,.monday-style-animation-expand-appear.top-start,.monday-style-animation-expand-exit.top,.monday-style-animation-expand-exit.top-end,.monday-style-animation-expand-exit.top-start{transform-origin:bottom center;transform:scale(.8)}.monday-style-animation-expand-appear.top-end.edge-bottom,.monday-style-animation-expand-appear.top-start.edge-bottom,.monday-style-animation-expand-appear.top.edge-bottom,.monday-style-animation-expand-exit.top-end.edge-bottom,.monday-style-animation-expand-exit.top-start.edge-bottom,.monday-style-animation-expand-exit.top.edge-bottom{transform-origin:bottom left}.monday-style-animation-expand-appear.top-end.edge-top,.monday-style-animation-expand-appear.top-start.edge-top,.monday-style-animation-expand-appear.top.edge-top,.monday-style-animation-expand-exit.top-end.edge-top,.monday-style-animation-expand-exit.top-start.edge-top,.monday-style-animation-expand-exit.top.edge-top{transform-origin:bottom right}.monday-style-animation-expand-appear.right,.monday-style-animation-expand-appear.right-end,.monday-style-animation-expand-appear.right-start,.monday-style-animation-expand-exit.right,.monday-style-animation-expand-exit.right-end,.monday-style-animation-expand-exit.right-start{transform-origin:left;transform:scale(.8)}.monday-style-animation-expand-appear.right-end.edge-bottom,.monday-style-animation-expand-appear.right-start.edge-bottom,.monday-style-animation-expand-appear.right.edge-bottom,.monday-style-animation-expand-exit.right-end.edge-bottom,.monday-style-animation-expand-exit.right-start.edge-bottom,.monday-style-animation-expand-exit.right.edge-bottom{transform-origin:top left}.monday-style-animation-expand-appear.right-end.edge-top,.monday-style-animation-expand-appear.right-start.edge-top,.monday-style-animation-expand-appear.right.edge-top,.monday-style-animation-expand-exit.right-end.edge-top,.monday-style-animation-expand-exit.right-start.edge-top,.monday-style-animation-expand-exit.right.edge-top{transform-origin:bottom left}.monday-style-animation-expand-appear.bottom,.monday-style-animation-expand-appear.bottom-end,.monday-style-animation-expand-appear.bottom-start,.monday-style-animation-expand-exit.bottom,.monday-style-animation-expand-exit.bottom-end,.monday-style-animation-expand-exit.bottom-start{transform-origin:top;transform:scale(.8)}.monday-style-animation-expand-appear.bottom-end.edge-bottom,.monday-style-animation-expand-appear.bottom-start.edge-bottom,.monday-style-animation-expand-appear.bottom.edge-bottom,.monday-style-animation-expand-exit.bottom-end.edge-bottom,.monday-style-animation-expand-exit.bottom-start.edge-bottom,.monday-style-animation-expand-exit.bottom.edge-bottom{transform-origin:top left}.monday-style-animation-expand-appear.bottom-end.edge-top,.monday-style-animation-expand-appear.bottom-start.edge-top,.monday-style-animation-expand-appear.bottom.edge-top,.monday-style-animation-expand-exit.bottom-end.edge-top,.monday-style-animation-expand-exit.bottom-start.edge-top,.monday-style-animation-expand-exit.bottom.edge-top{transform-origin:top right}.monday-style-animation-expand-appear.left,.monday-style-animation-expand-appear.left-end,.monday-style-animation-expand-appear.left-start,.monday-style-animation-expand-exit.left,.monday-style-animation-expand-exit.left-end,.monday-style-animation-expand-exit.left-start{transform-origin:right;transform:scale(.8)}.monday-style-animation-expand-appear.left-end.edge-bottom,.monday-style-animation-expand-appear.left-start.edge-bottom,.monday-style-animation-expand-appear.left.edge-bottom,.monday-style-animation-expand-exit.left-end.edge-bottom,.monday-style-animation-expand-exit.left-start.edge-bottom,.monday-style-animation-expand-exit.left.edge-bottom{transform-origin:top right}.monday-style-animation-expand-appear.left-end.edge-top,.monday-style-animation-expand-appear.left-start.edge-top,.monday-style-animation-expand-appear.left.edge-top,.monday-style-animation-expand-exit.left-end.edge-top,.monday-style-animation-expand-exit.left-start.edge-top,.monday-style-animation-expand-exit.left.edge-top{transform-origin:bottom right}.monday-style-animation-expand-appear-active,.monday-style-animation-expand-exit{transition:transform .1s cubic-bezier(0,0,.35,1)}.monday-style-animation-expand-appear-active{pointer-events:none}.monday-style-animation-expand-appear-active.bottom,.monday-style-animation-expand-appear-active.bottom-end,.monday-style-animation-expand-appear-active.bottom-start,.monday-style-animation-expand-appear-active.left,.monday-style-animation-expand-appear-active.left-end,.monday-style-animation-expand-appear-active.left-start,.monday-style-animation-expand-appear-active.right,.monday-style-animation-expand-appear-active.right-end,.monday-style-animation-expand-appear-active.right-start,.monday-style-animation-expand-appear-active.top,.monday-style-animation-expand-appear-active.top-end,.monday-style-animation-expand-appear-active.top-start{transform:scale(1)}.dialog-node{position:absolute;top:0;height:0;z-index:100000}.monday-style-tooltip{position:relative;display:inline-block;border-radius:4px;padding:8px 16px;box-shadow:var(--box-shadow-mediun);max-width:50vw;word-break:break-word}.monday-style-tooltip,.monday-style-tooltip.padding-size-md{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto,sans-serif;font-size:14px;font-weight:400;line-height:22px;color:#323338;color:var(--primary-text-color)}.monday-style-tooltip.padding-size-md{border-radius:8px;padding:16px}.monday-style-tooltip a.tooltip-white-link{color:#fff}.monday-style-arrow-dark,.monday-style-tooltip-dark{background-color:#323338;background-color:var(--inverted-color-background);color:#fff;color:var(--text-color-on-inverted)}.monday-style-arrow-white,.monday-style-tooltip-white{background-color:#fff;color:#333;box-shadow:var(--box-shadow-mediun);border:1px solid #f1f1f1}.monday-style-arrow-primary,.monday-style-tooltip-primary{background-color:#0085ff;background-color:var(--primary-color);color:#fff;color:var(--text-color-on-primary)}.monday-style-arrow-success,.monday-style-tooltip-success{background-color:#00ca72;background-color:var(--positive-color);color:#fff;color:var(--text-color-on-primary)}.monday-style-arrow-surface,.monday-style-tooltip-surface{background-color:#5b607a;color:#fff}.monday-style-arrow-private,.monday-style-tooltip-private{background-color:#f65f7c;background-color:var(--private-color);color:#fff;color:var(--text-color-on-primary)}.monday-style-arrow-share,.monday-style-tooltip-share{background-color:#a358df;background-color:var(--color-purple);color:#fff;color:var(--text-color-on-primary)}.monday-style-arrow-error,.monday-style-tooltip-error{background-color:#e44258;background-color:var(--negative-color);color:#fff;color:var(--text-color-on-primary)}.monday-style-arrow{width:12px;height:12px;position:absolute;border-radius:2px}.monday-style-tooltip-arrow[data-placement*=bottom]{top:1px}.monday-style-tooltip-arrow[data-placement*=top]{bottom:1px}.monday-style-tooltip-arrow[data-placement*=left]{right:1px}.monday-style-tooltip-arrow[data-placement*=right]{left:1px}.monday-style-dialog-content-component{padding:6px}.monday-style-dialog-content-component:focus{outline:none}.combobox-option{padding:8px;border-radius:4px;display:flex;align-items:center;overflow:hidden;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none}.combobox-option.disabled{border-color:#e6e9ef;border-color:var(--disabled-background-color);color:#676879;color:var(--disabled-text-color);cursor:not-allowed}.combobox-option.disabled:hover{background-color:initial}.combobox-option.selected{background-color:#dff0ff;background-color:var(--primary-selected-color)}.combobox-option.active,.combobox-option:hover:not(.disabled):not(.selected){color:#323338;color:var(--primary-text-color);background-color:#c5c7d0;background-color:var(--primary-background-hover-color)}.combobox-option.active{position:relative}.combobox-option.active.active-outline{outline:none;z-index:11;border-radius:4px;box-shadow:0 0 0 3px rgba(0,132,255,.5),0 0 0 1px var(--primary-hover-color) inset}.combobox-option .option-label{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.combobox-option .option-icon{flex:0 0 auto}.combobox-option .option-icon.left{margin-right:4px}.combobox-category{color:#676879;color:var(--placeholder-color);padding-bottom:4px;padding-top:8px}.default-app-theme,.light-app-theme,:root{--theme-box-shadow:50,51,56}.dark-app-theme{--theme-box-shadow:245,246,248}.default-app-theme,.light-app-theme,:root{--primary-color:var(--color-basic_blue);--primary-on-secondary-color:var(--color-basic_blue);--primary-hover-color:var(--color-dark_blue);--primary-hover-on-secondary-color:var(--color-dark_blue);--primary-selected-color:var(--color-highlight_blue);--primary-selected-on-secondary-color:var(--color-highlight_blue);--primary-text-color:var(--color-mud_black);--primary-text-on-secondary-color:var(--color-mud_black);--text-color-on-primary:var(--color-snow_white);--text-color-on-primary-with-opacity:var(--color-snow_white-with-opacity);--primary-background-color:var(--color-snow_white);--primary-background-color-rgb:255,255,255;--primary-background-hover-color:var(--color-ui_grey);--primary-background-hover-on-secondary-color:var(--color-ui_grey);--grey-background-color:var(--color-riverstone_gray);--modal-background-color:var(--color-snow_white);--inverted-color-background:var(--color-mud_black);--text-color-on-inverted:var(--color-snow_white);--positive-color:var(--color-success);--positive-color-hover:var(--color-success-hover);--positive-color-selected:var(--color-success-highlight);--negative-color:var(--color-error);--negative-color-hover:var(--color-error-hover);--negative-color-selected:var(--color-error-highlight);--private-color:var(--color-private);--shareable-color:var(--color-purple);--ui-border-color:var(--color-wolf_gray);--ui-border-on-secondary-color:var(--color-wolf_gray);--layout-border-color:var(--color-ui_grey);--layout-border-on-secondary-color:var(--color-ui_grey);--placeholder-color:var(--color-asphalt);--placeholder-color-with-opacity:var(--color-asphalt-with-opacity);--placeholder-on-secondary-color:var(--color-asphalt);--icon-color:var(--color-asphalt);--icon-on-secondary-color:var(--color-asphalt);--disabled-background-color:var(--color-ui_grey);--disabled-background-on-secondary-color:var(--color-ui_grey);--disabled-text-color:#676879;--disabled-text-on-secondary-color:#676879;--dark-background-color:var(--color-riverstone_gray);--dark-background-on-secondary-color:var(--color-riverstone_gray);--secondary-background-color:var(--color-snow_white);--dialog-background-color:var(--color-snow_white);--label-background-color:var(--color-highlight_blue);--label-background-on-secondary-color:var(--color-highlight_blue);--secondary-text-color:var(--color-asphalt);--secondary-text-on-secondary-color:var(--color-asphalt);--link-color:var(--color-link_color);--link-on-secondary-color:var(--color-link_color);--box-shadow-small:0px 4px 8px rgba(0,0,0,0.2);--box-shadow-mediun:0px 6px 20px rgba(0,0,0,0.2);--box-shadow-large:0px 15px 50px rgba(0,0,0,0.3)}.dark-app-theme{--primary-color:var(--color-basic_blue);--primary-on-secondary-color:var(--color-basic_blue);--primary-hover-color:#0060b9;--primary-hover-on-secondary-color:#0060b9;--primary-selected-color:#133774;--primary-selected-on-secondary-color:#133774;--primary-text-color:#d5d8df;--primary-text-on-secondary-color:#d5d8df;--primary-background-color:#181b34;--primary-background-color-rgb:24,27,52;--primary-background-hover-color:#4b4e69;--primary-background-hover-on-secondary-color:#4b4e69;--grey-background-color:#181b34;--text-color-on-inverted:var(--color-mud_black);--modal-background-color:#181b34;--ui-border-color:#797e93;--ui-border-on-secondary-color:#797e93;--layout-border-color:#4b4e69;--layout-border-on-secondary-color:#4b4e69;--placeholder-color:var(--color-wolf_gray);--placeholder-color-with-opacity:var(--color-wolf_gray-with-opacity);--placeholder-on-secondary-color:var(--color-wolf_gray);--icon-color:var(--color-wolf_gray);--icon-on-secondary-color:var(--color-wolf_gray);--disabled-background-color:#4b4e69;--disabled-background-on-secondary-color:#4b4e69;--disabled-text-color:rgba(197,199,208,0.75);--disabled-text-on-secondary-color:rgba(197,199,208,0.75);--dark-background-color:#393b53;--dark-background-on-secondary-color:#4b4e69;--secondary-background-color:#30324e;--dialog-background-color:#30324e;--secondary-text-color:var(--color-jaco_gray);--secondary-text-on-secondary-color:var(--color-jaco_gray);--color-grass_green:#359970;--color-grass_green-hover:#116846;--color-grass_green-selected:#0f4f43;--color-done-green:#33d391;--color-done-green-hover:#0f9b63;--color-done-green-selected:#0e7358;--color-bright-green:#b0dc51;--color-bright-green-hover:#7ca32b;--color-bright-green-selected:#5c7930;--color-saladish:#d5c567;--color-saladish-hover:#9d8f3e;--color-saladish-selected:#736a3e;--color-egg_yolk:#ffd533;--color-egg_yolk-hover:#c29e11;--color-egg_yolk-selected:#8d751e;--color-working_orange:#fdbc64;--color-working_orange-hover:#c0873c;--color-working_orange-selected:#8c653c;--color-dark-orange:#ff7b4d;--color-dark-orange-hover:#c25531;--color-dark-orange-selected:#8d4134;--color-peach:#ffbdbd;--color-peach-hover:#c2888a;--color-peach-selected:#8d6674;--color-sunset:#ff9191;--color-sunset-hover:#c26163;--color-sunset-selected:#8d4a58;--color-stuck-red:#e8697d;--color-stuck-red-hover:#ad3f51;--color-stuck-red-selected:#7f314b;--color-dark-red:#c95c76;--color-dark-red-hover:#92334c;--color-dark-red-selected:#6b2947;--color-sofia_pink:#ff44a1;--color-sofia_pink-hover:#c21e71;--color-sofia_pink-selected:#8d1a62;--color-lipstick:#ff7bd0;--color-lipstick-hover:#c24e9a;--color-lipstick-selected:#8d3c7f;--color-bubble:#fbb4f4;--color-bubble-hover:#be80ba;--color-bubble-selected:#8b6096;--color-purple:#b57de3;--color-purple-hover:#8050ab;--color-purple-selected:#5f3e8b;--color-dark_purple:#936fda;--color-dark_purple-hover:#6344a3;--color-dark_purple-selected:#4a3586;--color-berry:#6645a9;--color-berry-hover:#673971;--color-berry-selected:#4d2d62;--color-dark_indigo:#401694;--color-dark_indigo-hover:#3c1f78;--color-dark_indigo-selected:#2e1b67;--color-indigo:#777ae5;--color-indigo-hover:#4b4ead;--color-indigo-selected:#383c8d;--color-navy:#4e73a7;--color-navy-hover:#274776;--color-navy-selected:#1f3866;--color-bright-blue:#79affd;--color-bright-blue-hover:#4c7cc1;--color-bright-blue-selected:#395d9b;--color-dark-blue:#339ecd;--color-dark-blue-hover:#0f6d97;--color-dark-blue-selected:#0e527e;--color-aquamarine:#71d6d1;--color-aquamarine-hover:#469e9b;--color-aquamarine-selected:#357580;--color-chili-blue:#85d6ff;--color-chili-blue-hover:#569ec3;--color-chili-blue-selected:#41759d;--color-river:#86b4ca;--color-river-hover:#588095;--color-river-selected:#42607c;--color-winter:#aebdca;--color-winter-hover:#7b8895;--color-winter-selected:#5b667c;--color-explosive:#d0d0d0;--color-explosive-hover:#98999a;--color-explosive-selected:#70717f;--color-american_gray:#999;--color-american_gray-hover:#69696a;--color-american_gray-selected:#4e505e;--color-blackish:#5c5c5c;--color-blackish-hover:#222;--color-blackish-selected:#272937;--color-brown:#99756c;--color-brown-hover:#684943;--color-brown-selected:#4d3941;--color-orchid:#e190c0;--color-orchid-hover:#b4739a;--color-orchid-selected:#b4739a;--color-tan:#bdab95;--color-tan-hover:#978977;--color-tan-selected:#716863;--color-sky:#b4e9f8;--color-sky-hover:#90bac6;--color-sky-selected:#6c8a9a;--color-coffee:#ca9a8b;--color-coffee-hover:#a27b6f;--color-coffee-selected:#795e5d;--color-royal:#5591ea;--color-royal-hover:#4474bb;--color-royal-selected:#375993;--color-teal:#457b82;--color-teal-hover:#376268;--color-teal-selected:#2e4d58;--color-lavender:#cab9fa;--color-lavender-hover:#a294c8;--color-lavender-selected:#85597b;--color-steel:#bacbed;--color-steel-hover:#95a2be;--color-steel-selected:#707a95;--color-lilac:#b1adc7;--color-lilac-hover:#8e8a9f;--color-lilac-selected:#6b697f;--color-pecan:#786565;--color-pecan-hover:#605151;--color-pecan-selected:#4a4148;--box-shadow-small:0px 4px 8px rgba(9,11,25,0.5);--box-shadow-mediun:0px 6px 20px rgba(9,11,25,0.5);--box-shadow-large:0px 15px 50px rgba(9,11,25,0.5)}.black-app-theme,.dark-app-theme{--inverted-color-background:#fff;--positive-color:var(--color-success);--positive-color-hover:var(--color-success-hover);--positive-color-selected:#26503e;--negative-color:var(--color-error);--negative-color-hover:var(--color-error-hover);--negative-color-selected:#642830;--private-color:var(--color-private);--shareable-color:#a358df;--label-background-color:#404b69;--label-background-on-secondary-color:#404b69;--link-color:#69a7ef;--link-on-secondary-color:#69a7ef}.black-app-theme{--primary-color:var(--color-basic_blue);--primary-on-secondary-color:var(--color-basic_blue);--primary-hover-color:#0060b9;--primary-hover-on-secondary-color:#0060b9;--primary-selected-color:#133774;--primary-selected-on-secondary-color:#133774;--primary-text-color:#fff;--primary-text-on-secondary-color:#fff;--primary-background-color:#111;--primary-background-color-rgb:17,17,17;--primary-background-hover-color:#636363;--primary-background-hover-on-secondary-color:#636363;--grey-background-color:#111;--text-color-on-inverted:#111;--ui-border-color:#8d8d8d;--ui-border-on-secondary-color:#8d8d8d;--layout-border-color:#636363;--layout-border-on-secondary-color:#636363;--placeholder-color:#aaa;--placeholder-color-with-opacity:hsla(0,0%,66.7%,0.1);--placeholder-on-secondary-color:#aaa;--icon-color:#aaa;--icon-on-secondary-color:#aaa;--disabled-background-color:#636363;--disabled-background-on-secondary-color:#636363;--disabled-text-color:#aaa;--disabled-text-on-secondary-color:#aaa;--dark-background-color:#2c2c2c;--dark-background-on-secondary-color:#4b4e69;--secondary-background-color:#2c2c2c;--dialog-background-color:#2c2c2c;--secondary-text-color:#aaa;--secondary-text-on-secondary-color:var(--color-jaco_gray);--color-grass_green-hover:#116846;--color-grass_green-selected:#0a482e;--color-done-green:#33d391;--color-done-green-hover:#0f9b63;--color-done-green-selected:#096c43;--color-bright-green:#b0dc51;--color-bright-green-hover:#7ca32b;--color-bright-green-selected:#56721b;--color-saladish:#d5c567;--color-saladish-hover:#9d8f3e;--color-saladish-selected:#6d6329;--color-egg_yolk:#ffd533;--color-egg_yolk-hover:#c29e11;--color-egg_yolk-selected:#886e09;--color-working_orange:#fdbc64;--color-working_orange-hover:#c0873c;--color-working_orange-selected:#875e27;--color-dark-orange:#ff7b4d;--color-dark-orange-hover:#c25531;--color-dark-orange-selected:#883a1f;--color-peach:#ffbdbd;--color-peach-hover:#c2888a;--color-peach-selected:#885f5f;--color-sunset:#ff9191;--color-sunset-hover:#c26163;--color-sunset-selected:#884343;--color-stuck-red:#e8697d;--color-stuck-red-hover:#ad3f51;--color-stuck-red-selected:#792a36;--color-dark-red:#c95c76;--color-dark-red-hover:#92334c;--color-dark-red-selected:#662232;--color-sofia_pink:#ff44a1;--color-sofia_pink-hover:#c21e71;--color-sofia_pink-selected:#88134d;--color-lipstick:#ff7bd0;--color-lipstick-hover:#c24e9a;--color-lipstick-selected:#88356a;--color-bubble:#fbb4f4;--color-bubble-hover:#be80ba;--color-bubble-selected:#855981;--color-purple:#b57de3;--color-purple-hover:#8050ab;--color-purple-selected:#593776;--color-dark_purple:#936fda;--color-dark_purple-hover:#6344a3;--color-dark_purple-selected:#442e71;--color-berry:#9862a1;--color-berry-hover:#673971;--color-berry-selected:#47264d;--color-dark_indigo:#6645a9;--color-dark_indigo-hover:#3c1f78;--color-dark_indigo-selected:#291452;--color-indigo:#777ae5;--color-indigo-hover:#4b4ead;--color-indigo-selected:#333578;--color-navy:#4e73a7;--color-navy-hover:#274776;--color-navy-selected:#193151;--color-bright-blue:#79affd;--color-bright-blue-hover:#4c7cc1;--color-bright-blue-selected:#345686;--color-dark-blue:#339ecd;--color-dark-blue-hover:#0f6d97;--color-dark-blue-selected:#094b69;--color-aquamarine:#71d6d1;--color-aquamarine-hover:#469e9b;--color-aquamarine-selected:#2f6e6b;--color-chili-blue:#85d6ff;--color-chili-blue-hover:#569ec3;--color-chili-blue-selected:#3b6e88;--color-river:#86b4ca;--color-river-hover:#588095;--color-river-selected:#3c5967;--color-winter:#aebdca;--color-winter-hover:#7b8895;--color-winter-selected:#555f67;--color-explosive:#d0d0d0;--color-explosive-hover:#98999a;--color-explosive-selected:#6a6a6a;--color-american_gray:#999;--color-american_gray-hover:#69696a;--color-american_gray-selected:#494949;--color-blackish:#5c5c5c;--color-blackish-hover:#222;--color-blackish-selected:#111;--color-brown:#99756c;--color-brown-hover:#684943;--color-brown-selected:#48322c;--color-orchid:#e190c0;--color-orchid-hover:#b4739a;--color-orchid-selected:#7e516c;--color-tan:#bdab95;--color-tan-hover:#978977;--color-tan-selected:#6a6053;--color-sky:#b4e9f8;--color-sky-hover:#90bac6;--color-sky-selected:#65828b;--color-coffee:#ca9a8b;--color-coffee-hover:#a27b6f;--color-coffee-selected:#71564e;--color-royal:#5591ea;--color-royal-hover:#4474bb;--color-royal-selected:#305183;--color-teal:#457b82;--color-teal-hover:#376268;--color-teal-selected:#274549;--color-lavender:#cab9fa;--color-lavender-hover:#a294c8;--color-lavender-selected:#71688c;--color-steel:#bacbed;--color-steel-hover:#95a2be;--color-steel-selected:#687185;--color-lilac:#687185;--color-lilac-hover:#8e8a9f;--color-lilac-selected:#63616f;--color-pecan:#786565;--color-pecan-hover:#605151;--color-pecan-selected:#433939}.black-app-theme,.hacker_theme-app-theme{--color-grass_green:#359970;--box-shadow-small:0px 4px 8px #000;--box-shadow-mediun:0px 6px 20px #000;--box-shadow-large:0px 15px 50px #000}.hacker_theme-app-theme{--primary-color:#fe78c6;--primary-on-secondary-color:#fe78c6;--primary-hover-color:#fe5ab9;--primary-hover-on-secondary-color:#fe5ab9;--primary-selected-color:#9f4077;--primary-selected-on-secondary-color:#9f4077;--primary-text-color:#d5d8df;--primary-text-on-secondary-color:#d5d8df;--primary-background-color:#282a36;--primary-background-color-rgb:40,42,54;--primary-background-hover-color:#4b4e69;--primary-background-hover-on-secondary-color:#4b4e69;--grey-background-color:#282a36;--inverted-color-background:#fff;--text-color-on-inverted:var(--color-mud_black);--modal-background-color:#282a36;--color-error:#f55;--color-success:#50fa7b;--positive-color:var(--color-success);--positive-color-hover:var(--color-success-hover);--positive-color-selected:#26503e;--negative-color:var(--color-error);--negative-color-hover:var(--color-error-hover);--negative-color-selected:#642830;--private-color:var(--color-private);--shareable-color:#a358df;--ui-border-color:#797e93;--ui-border-on-secondary-color:#797e9