.component-block{height:var(--button-height);background-color:var(--color-block);border:1px solid var(--color-block-outline);border-radius:5px;font-size:var(--body-text-size);padding:0 .7em;box-sizing:border-box;box-shadow:0 1px 2px #0000000d;-webkit-user-select:none;user-select:none;cursor:pointer;transition:.1s ease;vertical-align:middle}.component-block:hover{box-shadow:0 1px 4px #0000001f}.component-block:active{opacity:.85;box-shadow:0 1px 4px #0000000d}.component-block .icon{color:var(--color-primary);transform:translateY(1px)}.component-block.has-error{outline:3px solid rgba(237,90,90,.3)}.component-block[disabled]{cursor:default;box-shadow:none}.component-block[disabled]:hover{box-shadow:none}.button{display:flex;flex-direction:row;align-items:center;gap:.5em}.button .left-label,.button .right-icon,.button[disabled] .icon{opacity:.5}.button-primary{background:linear-gradient(to bottom,var(--color-primary),var(--color-primary-light));color:#fff}.button-danger{background:linear-gradient(to bottom,var(--color-danger),var(--color-danger-light));color:#fff}.button-success{background:linear-gradient(to bottom,var(--color-success),var(--color-success-light));color:#fff}.button-primary .icon,.button-danger .icon,.button-success .icon{color:#fff}.button.loading{pointer-events:none}.button-primary.loading .loader-ellipsis-dot,.button-success.loading .loader-ellipsis-dot,.button-danger.loading .loader-ellipsis-dot{background-color:#fff}.loader.loader-ellipsis{content:"";height:1.2em;width:24px;display:flex;justify-content:center;align-items:center;gap:3px;box-sizing:border-box}.loader-ellipsis .loader-ellipsis-dot{height:5px;width:5px;border-radius:50%;background-color:var(--color-body-text);box-sizing:border-box;opacity:.2;animation:loader-ellipsis-dot-blink 1s ease infinite}.loader-ellipsis .loader-ellipsis-dot:nth-child(2){animation-delay:.18s}.loader-ellipsis .loader-ellipsis-dot:nth-child(3){animation-delay:.39s}@keyframes loader-ellipsis-dot-blink{0%{opacity:.1}30%{opacity:.5}60%{opacity:.1}to{opacity:.1}}.card{display:flex;flex-direction:column;align-items:stretch;width:100%;background-color:var(--color-card);border-radius:var(--card-border-radius)}.card>header{display:flex;flex-direction:row;flex-wrap:wrap;gap:.6em;justify-content:space-between;align-items:center;padding:1.6em 2em 1.4em;border-bottom:2px solid var(--color-stroke)}.card>header>h3{font-weight:400;margin:0;font-size:18px}.card>header .actions{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:.5em}.card>main{padding:1em 2em;flex:1;position:relative}.card>footer{border-top:2px solid var(--color-stroke);padding:1em 2em}.card.collapsible[data-collapsed=true]>main{overflow-y:hidden;flex:none}.card .collapse-toggle-button-container{background:linear-gradient(to top,var(--color-card) 0%,transparent 100%);width:100%;display:flex;align-items:end;justify-content:end;box-sizing:border-box;padding-top:1em;border-radius:0 0 var(--card-border-radius) var(--card-border-radius)}.card[data-collapsed=true] .collapse-toggle-button-container{position:absolute;left:0;bottom:0;padding:0 1em 1em 0;height:100px}.card[data-collapsed=false] .collapse-toggle-button{margin-right:-.8em}.card .collapse-toggle-button{background-color:transparent;outline:none;border:none;display:flex;align-items:center;gap:.5em;cursor:pointer;padding:.5em .8em;border-radius:6px;transition:background-color .1s ease;opacity:.7}.card .collapse-toggle-button>.icon{opacity:.7}.card .collapse-toggle-button:hover{background-color:var(--color-highlight)}.component-field{height:var(--button-height);vertical-align:middle;border:1px solid var(--color-block-outline);border-radius:5px;font-size:var(--body-text-size);background-color:#fafafa;box-shadow:inset 0 -1px 2px #0000000d;padding:0 .7em;box-sizing:border-box;outline:none}.component-field::placeholder{color:#0006}.component-field.rounded{border-radius:calc(var(--button-height)/2)}.component-field.has-error{outline:3px solid rgba(237,90,90,.3);background-color:#ffc8c81a}.component-field:focus{outline:3px solid rgba(41,116,255,.3)}.input{box-sizing:border-box;font-family:inherit;outline:3px solid transparent;transition:outline 80ms linear}.input.fullwidth{width:100%}.search-bar{position:relative}.search-bar .icon{position:absolute;top:.6em;left:.6em;opacity:.2}.input-duration-wrapper{position:relative;display:inline-block}.input-duration-wrapper.zero .input-duration-display{display:none!important}.input-duration-display,.input-duration-loader{position:absolute;height:calc(100% - 4px);width:calc(100% - 4px);top:2px;left:2px;display:flex;align-items:center;box-sizing:border-box;padding-left:calc(.7em - 2px);background-color:#fafafa;pointer-events:none}.input-duration:focus+.input-duration-display{display:none}.input-duration-wrapper:not(:hover) .view-button,.input-duration:focus~.view-button{opacity:0!important;pointer-events:none}.input-duration-wrapper .view-button{position:absolute;right:0;top:0;transition:.15s ease}.input.multiline{height:7em;padding-top:.5em;padding-bottom:.5em}.table-container{width:100%;overflow-x:auto}.table{border-collapse:collapse;width:100%}.table thead th{font-size:16px;position:sticky;top:0;background:var(--color-card);z-index:2;text-align:left;padding:.4em .5em;font-weight:400}.table tbody td>div{padding:.2em .5em;min-height:var(--button-height);display:flex;flex-direction:row;align-items:center}.table tbody tr:nth-child(2n){background:#f4f6fa}.table.rows-clickable tr{cursor:pointer}.table.rows-clickable tr:hover{cursor:pointer;background-color:var(--color-highlight)}.table td.sticky,.table th.sticky{position:sticky;left:0;z-index:3;background:linear-gradient(to left,transparent 0px,var(--color-card) 12px,var(--color-card) 100%)}.table tbody tr:nth-child(2n) td.sticky{background:linear-gradient(to left,transparent 0px,#F4F6FA 12px,#F4F6FA 100%)}.tag{font-size:12px;height:24px;border-radius:12px;display:flex;align-items:center;padding:0 1em 0 2em;background-color:var(--color-neutral-background);color:var(--color-neutral);position:relative;cursor:default;-webkit-user-select:none;user-select:none}.tag:before{content:"";width:6px;height:6px;border-radius:50%;position:absolute;background-color:var(--color-neutral-light);top:10;left:1em}.tag-success{background-color:var(--color-success-background);color:var(--color-success)}.tag-success:before{background-color:var(--color-success)}.tag-blue{background-color:var(--color-blue-background);color:var(--color-blue)}.tag-blue:before{background-color:var(--color-blue)}.tag-danger{background-color:var(--color-danger-background);color:var(--color-danger)}.tag-danger:before{background-color:var(--color-danger)}.select-container{display:flex;align-items:center;gap:.4em;position:relative}.select-container .left-label{opacity:.5}.select{outline:none;position:absolute;top:0;left:0;height:100%;width:100%;border:none;background-color:transparent;cursor:pointer;opacity:0}.select-container.disabled{opacity:.8;pointer-events:none}.value-preview{flex:1;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;pointer-events:none;-webkit-user-select:none;user-select:none}.sidemenu{background-color:#f1f5fb;border-right:2.5px solid var(--color-stroke);width:260px;box-sizing:border-box;padding:3em 1em 1.5em 3em;display:flex;flex-direction:column}.sidemenu header h1{margin-top:0;margin-bottom:1em}.sidemenu main{flex:1}.sidemenu h5{font-size:10px;opacity:.3;letter-spacing:2px;margin-top:3em;margin-bottom:.5em}.sidemenu-button{height:calc(var(--button-height)*1.2);display:flex;gap:.7em;flex-direction:row;align-items:center;padding-left:1em;transform:translate(-1em);margin-bottom:.3em;border-radius:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.sidemenu-button .icon{opacity:.4}.sidemenu-button:hover{background-color:#00000008}.sidemenu-button:active{background-color:#0000000d}.sidemenu-button[data-active=true]{background:linear-gradient(to bottom,var(--color-primary),var(--color-primary-lighter));color:#fff}.sidemenu-button[data-active=true] .icon{opacity:1}.main-layout{background-color:#f1f5fb;display:flex;flex-direction:row;height:100%;width:100%}.main-layout>main{height:100%;flex:1;padding:0 4em 4em;box-sizing:border-box;position:relative;overflow-y:auto}.main-layout>main>header{position:sticky;top:0;z-index:10;padding-top:3em;padding-bottom:1em;background:linear-gradient(to bottom,var(--color-background) 0%,var(--color-background) 80%,rgba(255,255,255,0) 100%)}.main-layout>main>header>.header-horizontal{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;min-height:50px;box-sizing:border-box;gap:1em}.main-layout>main>header h2{font-size:23px;margin:0}.main-layout>main>header>.header-horizontal>.actions{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:.5em}.returnbtn{display:flex;flex-direction:row;align-items:center;gap:.5em;color:var(--color-primary-light);font-weight:700;font-size:12px;width:fit-content;padding:.5em;border-radius:4px;transform:translate(-.3em);margin-bottom:.5em}.returnbtn:hover{background-color:var(--color-highlight)}.returnbtn:active{opacity:.8}.details-group{width:100%}.details-group>header{display:flex;flex-direction:row;align-items:center}.details-group:not(.groupless)>main{padding-left:30px;margin-left:7px;border-left:2px solid var(--color-stroke)}.details-group>header>.icon-container{width:40px}.details-group>header>.icon-container .icon{opacity:.2}.details-group>header>h3{margin:0;font-weight:400;opacity:.5}.details-group>main{max-width:100%;margin:.7em 0 0 7px;display:grid}.details-item{min-width:200px;margin-top:.8em;margin-bottom:.8em;padding-right:2em;box-sizing:border-box}.details-item>label{font-weight:700;font-size:12px;margin-bottom:.5em;display:block}.general-error-display{background-color:var(--color-danger-background);color:var(--color-danger);display:flex;align-items:start;padding:1em;border-radius:12px;gap:.5em}.general-error-display .icon{transform:translateY(1px)}.general-error-display .error-message{flex:1}.modal-container{height:100%;width:100%;position:fixed;left:0;top:0;background-color:#141414cc;z-index:100;display:flex;align-items:center;justify-content:center}.modal-dialog{background-color:var(--color-card);min-width:300px;max-height:80%;max-width:90%!important;width:fit-content;border-radius:10px;box-sizing:border-box;padding:2em;display:flex;flex-direction:column}.modal-dialog>header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:1em;gap:1em}.modal-dialog>main{overflow-y:auto;overflow-x:hidden;flex:1;width:100%;padding:1px;box-sizing:border-box}.modal-dialog>header .modal-title{margin:0;font-size:25px;font-weight:400}.modal-dialog>footer{padding-top:1em;display:flex;flex-direction:row;align-items:center;justify-content:end;gap:.5em}.view-banner{display:flex;flex-direction:row;align-items:stretch;background-color:var(--color-card);border-radius:var(--card-border-radius);margin-bottom:1.5em}.view-banner>aside{display:flex;flex-direction:row;align-items:center;background-color:var(--color-card-top);border-right:2px solid var(--color-stroke);padding:1.5em 1.5em 1.5em 2em;border-radius:var(--card-border-radius) 0 0 var(--card-border-radius);max-width:150px}.view-banner>main{flex:1;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;box-sizing:border-box;padding:1em 1.5em;gap:1em}.view-banner .view-banner-title{font-weight:700;font-size:15px}.view-banner .view-banner-subtitle{font-size:12px;opacity:.7}.view-banner .view-banner-detail{flex:1;min-width:150px}.view-banner .view-banner-detail label{font-weight:700;font-size:12px}.tab-button-nav{height:var(--button-height);display:flex;align-items:center;padding:0 1.2em;-webkit-user-select:none;user-select:none;cursor:pointer;position:relative}.tab-button-nav span{opacity:.5;font-size:14px;font-weight:medium}.tab-button-nav[data-active=true]:after{content:" ";background-color:var(--color-primary-lighter);height:3px;width:100%;position:absolute;bottom:-2px;left:0;border-radius:2px;box-shadow:0 1px 4px #0003}.tab-button-nav[data-active=true] span{opacity:1;font-weight:700;color:var(--color-primary-light)}.tab-button-group-nav{display:flex;flex-direction:row;align-items:center;gap:.3em}.tab-button-inner{height:var(--button-height);display:flex;align-items:center;padding:0 1em;-webkit-user-select:none;user-select:none;cursor:pointer;position:relative;border-radius:5px;transition:.1s ease}.tab-button-inner span{font-size:13px;opacity:.5;font-weight:medium;transition:.1s ease}.tab-button-inner[data-active=true]{background-color:var(--color-highlight)}.tab-button-inner[data-active=true] span{opacity:1}.tab-button-group-inner{display:flex;flex-direction:row;align-items:center;gap:.3em}.status-tag{display:flex;align-items:center}.status-tag-icon{display:none}.status-tag-neutral .status-tag-icon-neutral,.status-tag-blue .status-tag-icon-blue,.status-tag-danger .status-tag-icon-danger,.status-tag-success .status-tag-icon-success,.status-tag-destroy .status-tag-icon-destroy{display:block!important}.status-tag-neutral{color:var(--color-neutral)}.status-tag-blue{color:var(--color-blue-light)}.status-tag-danger,.status-tag-destroy{color:var(--color-danger)}.status-tag-success{color:var(--color-success)}.status-tag label{margin-left:5px}.week-selector-button{position:relative}.week-selector-dropdown{position:absolute;top:35px;right:0;z-index:10;width:220px;background-color:var(--color-block);border:1px solid var(--color-block-outline);border-radius:5px;box-shadow:0 10px 20px #0000001a!important;padding:.7em}.week-selector-dropdown>header{display:flex;flex-direction:row;gap:.5em}.week-selector-dropdown table{border-collapse:collapse;width:100%;margin-top:1em}.week-selector-dropdown table th{text-align:center;opacity:.5;box-sizing:border-box}.week-selector-dropdown table td{text-align:center;height:28px;box-sizing:border-box}.week-selector-dropdown table tbody tr{cursor:pointer;position:relative}.week-selector-dropdown table td.today{background-color:var(--color-primary);color:#fff;border-radius:6px}.week-selector-dropdown table tbody tr:after{content:"";background-color:var(--color-highlight);height:100px;width:100px;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:6px;z-index:-1;background-color:transparent;transition:background-color .15s ease}.week-selector-dropdown table tbody tr:hover:after{background-color:#0000000a}.week-selector-dropdown table tbody tr.active:after{background-color:var(--color-highlight)}.form-section{width:100%;max-width:800px;margin-bottom:1.5em}.form-field-group:not(:last-child){margin-bottom:1.5em;width:100%}.form-field-group>header{display:flex;flex-direction:row;align-items:center}.form-field-group>header>.icon-container{width:40px}.form-field-group>header .icon{opacity:.2}.form-field-group>header>h3{margin:0;font-weight:400;opacity:.5}.form-field-group>main{max-width:100%;margin-top:.7em;display:grid}.form-field-group:not(.groupless)>main{padding-left:30px;margin-left:7px;border-left:2px solid var(--color-stroke)}.form-field-group .form-field-item{min-width:200px;margin-top:.8em;margin-bottom:.8em;padding-right:2em;box-sizing:border-box;padding-left:3px}.form-field-group .form-field-item>label{font-weight:700;font-size:12px;margin-bottom:.5em;display:block}.form-field-item .form-field-item-content{min-height:var(--button-height);display:flex;justify-content:center;flex-direction:column}.form-field-item.empty{height:0;min-height:0;margin:0}.form-field-error{color:var(--color-danger);font-size:12px;margin-top:.8em;display:flex;align-items:start;gap:.5em}.form-field-error .icon{color:var(--color-danger-light);transform:translateY(1px)}.audit-logs-container{display:flex;flex-direction:column-reverse;padding:1em 2em;overflow-y:auto}.audit-log-item>header{display:flex;flex-direction:row;align-items:center}.audit-log-item>header .icon-circle{height:25px;width:25px;background-color:var(--color-neutral-light);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-sizing:border-box}.audit-log-item.stage-action-pending .icon-circle{background-color:transparent;border:4px solid var(--color-neutral-lighter)}.audit-log-item.stage-action-approved .icon-circle{background-color:var(--color-success)}.audit-log-item.stage-action-reviewed .icon-circle{background-color:var(--color-blue-light)}.audit-log-item.stage-action-withdrawn .icon-circle,.audit-log-item.stage-action-returned .icon-circle,.audit-log-item.stage-action-denied .icon-circle,.audit-log-item.stage-action-cancelled .icon-circle{background-color:var(--color-danger)}.audit-log-item>header>.center{flex:1;margin-left:25px}.audit-log-item>header .timestamp{opacity:.7}.audit-log-item .pending-indicator{opacity:.8;font-weight:700;font-size:13px;margin-top:.2em}.audit-log-item>main{padding-left:50px;padding-top:.2em;padding-bottom:2em;position:relative}.audit-log-item>main .actor-name{font-size:14px}.audit-log-item>main .action{font-size:11px;font-weight:700;margin-top:.4em;color:var(--color-neutral-light)}.audit-log-item>main .remarks{margin-top:1em;padding:.5em 0 .5em 1em;border-left:2px solid rgba(0,0,0,.2)}.audit-log-item>main .remarks label{font-weight:700;opacity:.5;font-size:.95em;margin-bottom:.3em;display:inline-block}.audit-log-item.stage-action-approved>main .action{color:var(--color-success-light)}.audit-log-item.stage-action-returned>main .action,.audit-log-item.stage-action-withdrawn>main .action,.audit-log-item.stage-action-denied>main .action,.audit-log-item.stage-action-cancelled>main .action{color:var(--color-danger)}.audit-log-item.stage-action-reviewed>main .action{color:var(--color-blue-light)}.audit-log-item:not(:first-child)>main:before{content:" ";height:100%;width:5px;position:absolute;top:0;left:10px}.audit-log-item.stage-action-requested+.audit-log-item.stage-action-reviewed>main:before,.audit-log-item.stage-action-resubmitted+.audit-log-item.stage-action-reviewed>main:before,.audit-log-item.stage-action-submitted+.audit-log-item.stage-action-reviewed>main:before{background:linear-gradient(to top,var(--color-neutral-light),var(--color-blue-light))}.audit-log-item.stage-action-requested+.audit-log-item.stage-action-returned>main:before,.audit-log-item.stage-action-resubmitted+.audit-log-item.stage-action-returned>main:before,.audit-log-item.stage-action-requested+.audit-log-item.stage-action-withdrawn>main:before,.audit-log-item.stage-action-resubmitted+.audit-log-item.stage-action-withdrawn>main:before,.audit-log-item.stage-action-requested-cancel+.audit-log-item.stage-action-cancelled>main:before,.audit-log-item.stage-action-submitted+.audit-log-item.stage-action-returned>main:before{background:linear-gradient(to top,var(--color-neutral-light),var(--color-danger))}.audit-log-item.stage-action-returned+.audit-log-item.stage-action-resubmitted>main:before,.audit-log-item.stage-action-returned+.audit-log-item.stage-action-submitted>main:before{background:linear-gradient(to top,var(--color-danger),var(--color-neutral-light))}.audit-log-item.stage-action-returned+.audit-log-item.stage-action-withdrawn>main:before{background:linear-gradient(to top,var(--color-danger),var(--color-danger))}.audit-log-item.stage-action-reviewed+.audit-log-item.stage-action-denied>main:before{background:linear-gradient(to top,var(--color-blue-light),var(--color-danger))}.audit-log-item.stage-action-approved+.audit-log-item.stage-action-pending>main:before{background:linear-gradient(to top,var(--color-success),var(--color-neutral-lighter))}.audit-log-item.stage-action-reviewed+.audit-log-item.stage-action-approved>main:before{background:linear-gradient(to top,var(--color-blue-light),var(--color-success))}.audit-log-item.stage-action-denied+.audit-log-item.stage-action-pending>main:before{background:linear-gradient(to top,var(--color-danger),var(--color-neutral-light))}.audit-log-item.stage-action-approved+.audit-log-item.stage-action-requested-cancel>main:before{background:linear-gradient(to top,var(--color-success),var(--color-neutral-light))}.audit-log-item.stage-action-requested-cancel+.audit-log-item.stage-action-cancel-dismissed>main:before{background:linear-gradient(to top,var(--color-neutral-light),var(--color-neutral-light))}.payroll-employee-days{width:100%}.payroll-employee-day{border-bottom:1px solid var(--color-block-outline);padding:.5em}.payroll-employee-day>header{display:flex;align-items:start}.payroll-employee-day>main{padding-top:.3em}.payroll-employee-day .day-column{width:100px;padding-top:.3em}.payroll-employee-day .performed-tags{display:flex;flex-direction:row;flex-wrap:wrap;gap:.4em;flex:1;-webkit-user-select:none;user-select:none}.payroll-employee-detail-tag{flex-direction:row;border-radius:4px;height:22px;padding:0 .5em;display:flex;align-items:center}.payroll-employee-detail-tag[data-variant=neutral]{background-color:var(--color-neutral-background)}.payroll-employee-detail-tag[data-variant=blue]{background-color:var(--color-blue-background);color:var(--color-blue)}.payroll-employee-detail-tag[data-variant=success]{background-color:var(--color-success-background);color:var(--color-success)}.payroll-employee-detail-tag[data-variant=danger]{background-color:var(--color-danger-background);color:var(--color-danger)}.payroll-employee-detail-tag .icon{opacity:.7;margin-right:.4em}.payroll-employee-detail-tag .label{font-size:.8em;opacity:.7;padding-right:.4em}.payroll-employee-detail-tag>.content{font-weight:700}.payroll-employee-day-toggle-btn{height:20px;outline:none;background-color:transparent;border:none;cursor:pointer;opacity:.4;display:flex;justify-content:center;align-items:center}.payroll-employee-day-subdetail{display:flex;gap:.5em;padding-left:100px;margin-top:.5em}.payroll-employee-day-subdetail .icon{opacity:.4}.payroll-employee-salary{flex:1}.payroll-employee-salary>span{font-weight:700;color:var(--color-success);padding-left:.3em}.calendar-month-block h2{margin:0 0 .5em}.calendar-month-block>main>table{width:100%;text-align:left;border-collapse:collapse;table-layout:fixed}.calendar-month-block>main>table th{padding-bottom:.5em}.calendar-month-block>main>table td{height:70px;vertical-align:top;width:calc(100% / 7);padding:.2em}.calendar-month-block .calendar-item{background-color:var(--color-neutral-background);padding:.3em .5em;margin-top:.2em;border-radius:4px;cursor:pointer;display:flex;gap:.3em;align-items:center}.calendar-month-block .calendar-item .icon{opacity:.5}.calendar-month-block .calendar-item .calendar-item-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:root{font-size:var(--body-text-size);font-family:Arial,Helvetica,sans-serif;color:var(--color-body-text)}html,body,#root{height:100%}body{margin:0;padding:0}:root{--button-height: 2.4em;--body-text-size: 13px;--card-border-radius: 16px;--card-spacing: 2em;--color-primary: #1A4FC8;--color-primary-light: #0B61FF;--color-primary-lighter: #2974FF;--color-accent: #3FCFF6;--color-block: #FDFFFF;--color-block-outline: #D2D2D2;--color-stroke: #EAEAEA;--color-card: #FAFCFF;--color-card-top: #FFFFFF;--color-block-accent: #32BBD9;--color-background: #F1F5FB;--color-highlight: #E6EAED;--color-body-text: #001235;--color-danger: #E34D4D;--color-danger-light: #dd6347;--color-danger-background: #FAE8E0;--color-success: #258179;--color-success-light: #36a3a5;--color-success-background: #DBECF2;--color-blue: #1F53AC;--color-blue-light: #2f6dc5;--color-blue-background: #e3effc;--color-neutral: #4F4F4F;--color-neutral-background: #E9E9E9;--color-neutral-light: #a1a1a1;--color-neutral-lighter: #d3d2d2;--color-block-disabled: #c4c4c4}