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

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

.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}}.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__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}.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}.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-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:0 6px 20px -2px rgba(0,0,0,.2);box-shadow:0 6px 20px -2px rgba(var(--theme-box-shadow),.2);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:0 6px 20px -2px rgba(0,0,0,.2);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}.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;--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:disabled{background-color:#e6e9ef;background-color:var(--disabled-background-color);color:#676879;color:var(--disabled-text-color);cursor:not-allowed;pointer-events:none}.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:disabled{border-color:#e6e9ef;border-color:var(--disabled-background-color);color:#676879;color:var(--disabled-text-color);cursor:not-allowed;pointer-events:none}.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-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}.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;box-shadow:0 0 0 3px rgba(0,132,255,.5),0 0 0 1px var(--primary-hover-color) inset;z-index:11;border-radius:4px}.formatted-number-component{display:flex;flex-direction:row;box-sizing:border-box;font-family:Roboto,sans-serif;width:100%}.formatted-number-component__prefix,.formatted-number-component__suffix{white-space:pre}.linear-progress-bar--wrapper{display:flex;flex-direction:row;justify-content:center;width:100%;font-family:Roboto,sans-serif;font-size:14px;color:#323338;color:var(--secondary-text-color)}.linear-progress-bar--wrapper .linear-progress-bar__label{padding-left:4px}.linear-progress-bar--wrapper__large{height:8px;line-height:8px}.linear-progress-bar--wrapper__medium{height:6px;line-height:6px}.linear-progress-bar--wrapper__small{height:4px;line-height:4px}.linear-progress-bar--wrapper .linear-progress-bar__container{position:relative;width:100%;background-color:#c5c7d0;background-color:var(--primary-background-hover-color);border-radius:4px}.linear-progress-bar--wrapper .linear-progress-bar__container .linear-progress-bar,.linear-progress-bar--wrapper .linear-progress-bar__container .linear-progress-bar__secondary{left:0;height:100%;position:absolute;border-radius:4px}.linear-progress-bar--wrapper .linear-progress-bar__container .linear-progress-bar--animate,.linear-progress-bar--wrapper .linear-progress-bar__container .linear-progress-bar__secondary--animate{transition:width .1s cubic-bezier(0,0,.35,1)}.linear-progress-bar--wrapper .linear-progress-bar__container .linear-progress-bar--primary,.linear-progress-bar--wrapper .linear-progress-bar__container .linear-progress-bar__secondary--primary{background-color:#0085ff;background-color:var(--primary-color)}.linear-progress-bar--wrapper .linear-progress-bar__container .linear-progress-bar--secondary,.linear-progress-bar--wrapper .linear-progress-bar__container .linear-progress-bar__secondary--secondary{background-color:#323338;background-color:var(--color-mud_black)}.linear-progress-bar--wrapper .linear-progress-bar__container .linear-progress-bar--positive,.linear-progress-bar--wrapper .linear-progress-bar__container .linear-progress-bar__secondary--positive{background-color:#00ca72;background-color:var(--positive-color)}.linear-progress-bar--wrapper .linear-progress-bar__container .linear-progress-bar--negative,.linear-progress-bar--wrapper .linear-progress-bar__container .linear-progress-bar__secondary--negative{background-color:#e44258;background-color:var(--negative-color)}.linear-progress-bar--wrapper .linear-progress-bar__container .linear-progress-bar__secondary--primary{background-color:var(--primary-selected-color)}.linear-progress-bar--wrapper .linear-progress-bar__container .linear-progress-bar__secondary--secondary{background-color:var(--ui-border-color)}.linear-progress-bar--wrapper .linear-progress-bar__container .linear-progress-bar__secondary--positive{background-color:var(--positive-color-selected)}.linear-progress-bar--wrapper .linear-progress-bar__container .linear-progress-bar__secondary--negative{background-color:var(--negative-color-selected)}.monday-style-link{display:flex;align-items:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto,sans-serif;font-size:14px;font-weight:400;line-height:22px;color:#1f76c2;color:var(--link-color);text-decoration:none;writing-mode:initial}.monday-style-link:focus:not(.focus-visible){outline:none}.monday-style-link.focus-visible,.monday-style-link:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(0,132,255,.5),0 0 0 1px var(--primary-hover-color) inset;z-index:11;border-radius:4px}.monday-style-link:hover .monday-style-link--text{text-decoration:underline}.monday-style-link--icon-start{line-height:24px;margin-right:8px}.monday-style-link--icon-end{line-height:24px;margin-left:8px}@supports (margin-inline-start:initial){.monday-style-link--icon-start{line-height:24px;margin-right:0;margin-inline-end:8px}.monday-style-link--icon-end{line-height:24px;margin-left:0;margin-inline-start:8px}}.monday-style-menu{margin:unset;padding:unset}.monday-style-menu:focus{outline:none}.monday-style-menu--small{width:200px}.monday-style-menu--medium{width:220px}.monday-style-menu--large{width:240px}.dialog-content-container:focus{outline:none}.dialog-content-container--medium,.dialog-content-container--small{padding:8px}.dialog-content-container--large{padding:24px}.dialog-content-container--popover{box-shadow:0 6px 20px -2px rgba(0,0,0,.2);box-shadow:0 6px 20px -2px rgba(var(--theme-box-shadow),.2);border-radius:8px;background-color:#fff;background-color:var(--dialog-background-color)}.dialog-content-container--modal{box-shadow:0 15px 50px -10px rgba(0,0,0,.3);box-shadow:0 15px 50px -10px rgba(var(--theme-box-shadow),.3);border-radius:16px;background-color:#fff;background-color:var(--modal-background-color)}.monday-style-menu-item{margin:unset;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto,sans-serif;font-size:14px;font-weight:400;line-height:22px;display:flex;flex-direction:row;padding:4px 8px;color:#323338;color:var(--primary-text-color);cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;align-items:center;border:1px solid transparent}.monday-style-menu-item .monday-style-menu-item__icon-wrapper{margin-right:8px}.monday-style-menu-item .monday-style-menu-item__sub_menu_icon-wrapper{margin-left:4px}.monday-style-menu-item .monday-style-menu-item__icon-wrapper,.monday-style-menu-item .monday-style-menu-item__sub_menu_icon-wrapper{display:flex;align-items:center}.monday-style-menu-item .monday-style-menu-item__icon-wrapper .monday-style-menu-item__icon,.monday-style-menu-item .monday-style-menu-item__icon-wrapper .monday-style-menu-item__sub_menu_icon,.monday-style-menu-item .monday-style-menu-item__sub_menu_icon-wrapper .monday-style-menu-item__icon,.monday-style-menu-item .monday-style-menu-item__sub_menu_icon-wrapper .monday-style-menu-item__sub_menu_icon{color:#676879;color:var(--icon-color)}.monday-style-menu-item.monday-style-menu-item--disabled,.monday-style-menu-item.monday-style-menu-item--disabled .monday-style-menu-item__icon,.monday-style-menu-item.monday-style-menu-item--disabled .monday-style-menu-item__sub_menu_icon{cursor:not-allowed;color:#676879;color:var(--disabled-text-color)}.monday-style-menu-item:not(.monday-style-menu-item--disabled).monday-style-menu-item--focused{background-color:#c5c7d0;background-color:var(--primary-background-hover-color);border-radius:4px}.monday-style-menu-item:not(.monday-style-menu-item--disabled).monday-style-menu-item--focused:not(:hover):not(.monday-style-menu-item-initial-selected){outline:none;box-shadow:0 0 0 3px rgba(0,132,255,.5),0 0 0 1px var(--primary-hover-color) inset;z-index:11;border-radius:4px}.monday-style-menu-item:not(.monday-style-menu-item--disabled).monday-style-menu-item--selected{background-color:#dff0ff;background-color:var(--primary-selected-color);color:#0085ff;color:var(--primary-color);border-radius:4px}.monday-style-menu-item:not(.monday-style-menu-item--disabled).monday-style-menu-item--selected .monday-style-menu-item__icon-wrapper .monday-style-menu-item__icon{color:#0085ff;color:var(--primary-color)}.monday-style-menu-item .monday-style-menu-item__title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-grow:1}.monday-style-menu-item .monday-style-menu-item__label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-grow:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto,sans-serif;font-size:14px;font-weight:400;color:#323338;color:var(--secondary-text-color);line-height:18px}.monday-alert-banner{height:40px;display:flex;align-items:center;justify-content:center;font-weight:400;width:100%;font-size:14px}.monday-alert-banner.monday-alert-banner--background-color-primary{background-color:#0085ff;background-color:var(--primary-color);color:#fff;color:var(--text-color-on-primary)}.monday-alert-banner.monday-alert-banner--background-color-positive{background-color:#00ca72;background-color:var(--positive-color);color:#fff;color:var(--text-color-on-primary)}.monday-alert-banner.monday-alert-banner--background-color-negative{background-color:#e44258;background-color:var(--negative-color);color:#fff;color:var(--text-color-on-primary)}.monday-alert-banner.monday-alert-banner--background-color-dark{background-color:#323338;background-color:var(--inverted-color-background);color:#fff;color:var(--text-color-on-inverted)}.monday-alert-banner__inner{flex:1 1 auto;display:flex;height:100%;min-width:0;align-items:center;justify-content:center;padding-left:16px}.monday-alert-banner__close-button-wrapper{flex:0 0 40px;position:relative;height:100%;min-width:0}.monday-style-button.monday-alert-banner__alert-banner-close-btn{position:absolute;right:4px;top:4px}.monday-alert-banner__ellipsis{flex:0 1 auto}.monday-alert-banner__inner-item{flex:0 0 auto;min-width:0}.monday-alert-banner__inner-item-text{flex:0 1 auto;min-width:0}.monday-style-menu-item-button{margin:unset;-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);display:flex;flex-direction:row;padding:4px 0;align-items:center}.monday-style-menu-item-button .monday-style-button{width:100%}.monday-style-menu-item-button .monday-style-button .menu-item-button-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.monday-style-divider{background-color:#e6e9ef;background-color:var(--layout-border-color)}.monday-style-divider--horizontal{height:1px;width:100%;margin:8px 0}.monday-style-divider--vertical{height:100%;width:1px;margin:0 4px}.menu-child-divider{margin-left:-8px;width:calc(100% + 16px)}.monday-style-menu-title{-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-menu-title .monday-style-menu-title__caption{color:#676879;color:var(--icon-color);margin:8px 0}.monday-style-menu-title .monday-style-menu-title__caption--center{display:flex;flex-basis:100%;align-items:center}.monday-style-menu-title .monday-style-menu-title__caption--bottom,.monday-style-menu-title .monday-style-menu-title__caption--top{padding-left:8px}.monday-style-menu-title .monday-style-menu-title__caption--bottom{padding-bottom:8px}.monday-style-menu-title .monday-style-menu-title__caption--center:after,.monday-style-menu-title .monday-style-menu-title__caption--center:before{content:"";flex-grow:1;background-color:#e6e9ef;background-color:var(--ui-border-color);height:1px;font-size:0;line-height:0;margin:0 8px}.monday-style-radio-button-component{display:grid;grid-template-columns:1.5em auto;grid-gap:.5em;cursor:pointer}.monday-style-radio-button-component__radio-input-container{display:flex;align-items:center;justify-content:center}.monday-style-radio-button-component__radio-input-container__radio-input{opacity:0;width:0;height:0;margin:0}.monday-style-radio-button-component__radio-input-container__radio-control{display:flex;align-items:center;justify-content:center;width:1em;height:1em;border:.1em solid #e6e9ef;border-color:var(--ui-border-color);border-radius:50%;transition:border-width .1s cubic-bezier(0,0,.35,1)}input:checked+.monday-style-radio-button-component__radio-input-container__radio-control{animation-name:radio-checked-animation;animation-duration:.1s;animation-timing-function:cubic-bezier(0,0,.35,1);animation-fill-mode:forwards;border-color:#0085ff;border-color:var(--primary-color);border-width:.3em}input:disabled+.monday-style-radio-button-component__radio-input-container__radio-control{border:.5em solid #e6e9ef;border-color:var(--disabled-background-color);border-radius:50%}input:checked:disabled+.monday-style-radio-button-component__radio-input-container__radio-control{border:.3em solid #e6e9ef;border-color:var(--disabled-background-color);background-color:#323338;background-color:var(--secondary-text-color)}.monday-style-radio-button-component__radio-label{line-height:21px;font-weight:400;color:#323338;color:var(--primary-text-color)}.monday-style-radio-button-component.disabled{cursor:not-allowed}.monday-style-radio-button-component.disabled .monday-style-radio-button-component__radio-label{color:#676879;color:var(--disabled-text-color)}.monday-style-radio-button-component:hover .monday-style-radio-button-component__radio-input-container input:enabled:checked+.monday-style-radio-button-component__radio-input-container__radio-control{border-color:#0071d9;border-color:var(--primary-hover-color)}.monday-style-radio-button-component:focus-within .monday-style-radio-button-component__radio-input-container input:enabled:not(:checked)+.monday-style-radio-button-component__radio-input-container__radio-control,.monday-style-radio-button-component:hover .monday-style-radio-button-component__radio-input-container input:enabled:not(:checked)+.monday-style-radio-button-component__radio-input-container__radio-control{border-color:#323338;border-color:var(--primary-text-color)}.monday-style-radio-button-component__radio-input-container input:focus-visible+.monday-style-radio-button-component__radio-input-container__radio-control{outline:none;border-color:#0085ff;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(0,132,255,.5);border-radius:50%}@keyframes radio-checked-animation{0%{height:1em;width:1em}50%{height:.8em;width:.8em}to{height:1em;width:1em}}.menu-button--wrapper{border:none;margin:0;padding:0;width:auto;overflow:visible;background:transparent;color:inherit;font:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;border-radius:4px;background-color:initial;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform 50ms cubic-bezier(0,0,.35,1);color:#323338;color:var(--primary-text-color)}.menu-button--wrapper:focus:not(.focus-visible){outline:none}.menu-button--wrapper.focus-visible,.menu-button--wrapper:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(0,132,255,.5),0 0 0 1px var(--primary-hover-color) inset;z-index:11;border-radius:4px}.menu-button--wrapper:focus,.menu-button--wrapper:hover{background-color:#c5c7d0;background-color:var(--primary-background-hover-color)}.menu-button--wrapper--open{transform:scale(.95);color:#0085ff;color:var(--primary-color)}.menu-button--wrapper--open,.menu-button--wrapper--open:focus,.menu-button--wrapper--open:hover{background-color:#dff0ff;background-color:var(--primary-selected-color)}.menu-button--wrapper--size-16{width:16px;height:16px;-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)}.menu-button--wrapper--size-24{width:24px;height:24px}.menu-button--wrapper--size-24,.menu-button--wrapper--size-32{-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)}.menu-button--wrapper--size-32{width:32px;height:32px}.menu-button--wrapper--size-40{width:40px;height:40px;font-size:18px;line-height:24px}.menu-button--wrapper--size-40,.menu-button--wrapper--size-48{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto,sans-serif;font-weight:500;color:#323338;color:var(--primary-text-color)}.menu-button--wrapper--size-48{width:48px;height:48px;font-size:24px;letter-spacing:-.2px;line-height:32px}.menu-button--wrapper--reference-icon{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.menu-button--wrapper--disabled{border-color:#e6e9ef;border-color:var(--disabled-background-color);color:#676879;color:var(--disabled-text-color);cursor:not-allowed}.menu-button--wrapper--text{width:100%}.menu-button--wrapper--inner-text{margin:0 8px}.monday-style-split-button{display:inline-flex;align-items:center;border-radius:4px;transition:transform 50ms,min-width .1s cubic-bezier(0,0,.35,1)}.monday-style-split-button__secondary-button-wrapper .monday-style-split-button__secondary-button-icon-wrapper{display:inline-flex;padding:0 4px}.monday-style-split-button--active{transform:scale(.95)}.monday-style-split-button--disabled{cursor:not-allowed;pointer-events:none}.monday-style-split-button--kind-primary.monday-style-split-button--disabled .monday-style-split-button__secondary-button{border-color:#e6e9ef;border-left:1px solid;border-left-color:var(--ui-border-color);border-bottom-color:var(--ui-border-color);border-right-color:var(--ui-border-color);border-top-color:var(--ui-border-color)}.monday-style-split-button--kind-primary:not(.monday-style-split-button--disabled).monday-style-split-button--color-primary .monday-style-split-button__secondary-button{border-color:#0071d9;border-left:1px solid;border-left-color:var(--primary-hover-color);border-bottom-color:var(--primary-hover-color);border-right-color:var(--primary-hover-color);border-top-color:var(--primary-hover-color)}.monday-style-split-button--kind-primary:not(.monday-style-split-button--disabled).monday-style-split-button--color-positive .monday-style-split-button__secondary-button{border-color:#00a25b;border-left:1px solid;border-left-color:var(--positive-color-hover);border-bottom-color:var(--positive-color-hover);border-right-color:var(--positive-color-hover);border-top-color:var(--positive-color-hover)}.monday-style-split-button--kind-primary:not(.monday-style-split-button--disabled).monday-style-split-button--color-negative .monday-style-split-button__secondary-button{border-color:#b63546;border-left:1px solid;border-left-color:var(--negative-color-hover);border-bottom-color:var(--negative-color-hover);border-right-color:var(--negative-color-hover);border-top-color:var(--negative-color-hover)}.monday-style-split-button--kind-primary:not(.monday-style-split-button--disabled).monday-style-split-button--color-on-primary-color .monday-style-split-button__secondary-button{border-color:#e6e9ef;border-left:1px solid;border-left-color:var(--color-ui_grey);border-bottom-color:var(--color-ui_grey);border-right-color:var(--color-ui_grey);border-top-color:var(--color-ui_grey)}.monday-style-split-button--kind-secondary .monday-style-split-button__main-button{border-right:none}.monday-style-split-button--kind-secondary.monday-style-split-button--color-primary.monday-style-split-button--split-content-open .monday-style-split-button__secondary-button,.monday-style-split-button--kind-secondary.monday-style-split-button--color-primary.monday-style-split-button--split-content-open .monday-style-split-button__secondary-button:hover{color:#0085ff;color:var(--primary-color);border-color:#0085ff;border-color:var(--primary-color);background-color:#dff0ff;background-color:var(--primary-selected-color)}.monday-style-split-button--kind-tertiary .monday-style-split-button__secondary-button{border-left:1px solid transparent;margin-left:1px}.monday-style-split-button--kind-tertiary.monday-style-split-button--color-primary.monday-style-split-button--hovered .monday-style-split-button__secondary-button,.monday-style-split-button--kind-tertiary.monday-style-split-button--color-primary.monday-style-split-button--split-content-open .monday-style-split-button__secondary-button,.monday-style-split-button--kind-tertiary.monday-style-split-button--color-primary:focus .monday-style-split-button__secondary-button,.monday-style-split-button--kind-tertiary.monday-style-split-button--color-primary:hover .monday-style-split-button__secondary-button{border-color:transparent;background-color:#c5c7d0;background-color:var(--primary-background-hover-color)}.monday-style-split-button--kind-tertiary.monday-style-split-button--color-primary.monday-style-split-button--hovered .monday-style-split-button__main-button,.monday-style-split-button--kind-tertiary.monday-style-split-button--color-primary.monday-style-split-button--split-content-open .monday-style-split-button__main-button,.monday-s