.checkbox{display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;cursor:pointer;--square-size:2rem}.checkbox.md{--square-size:1.4rem}.checkbox .square{border-radius:4px;margin-right:8px;display:flex;justify-content:center;align-items:center;border:1px solid var(--gray-900)}.checkbox .square,.checkbox .square svg{height:var(--square-size);width:var(--square-size)}.checkbox .square.checked{color:var(--primary-color);border-color:var(--primary-color)}.checkbox .square:focus{box-shadow:0 0 0 4px var(--primary-100),0 1px 2px 0 rgba(16,24,40,.05)}.checkbox .label{color:var(--gray-700);font-size:1.6rem;font-weight:500}.checkbox.disable-checkbox{background-color:#eee;margin:0 -10px;padding:3px 10px;cursor:not-allowed}.checkbox.disable-checkbox button{cursor:not-allowed}.multi-select{--border-color:var(--gray-300)}.multi-select .dropdown-button{display:flex;padding:1.1rem 1.6rem;width:100%;height:100%;align-items:center;align-self:stretch;transition:all .2s;border-radius:16px;border:1px solid var(--border-color);box-shadow:0 0 0 4px var(--shadow-color),0 1px 2px 0 rgba(16,24,40,.05)}.multi-select .dropdown-button .dropdown-button{outline:none;height:100%;flex:1;font-size:1.6rem;font-style:normal;font-weight:400;line-height:150%;color:var(--gray-900,#101828);min-width:0;position:relative;padding-right:2rem}.multi-select .dropdown-button svg{color:var(--icon-color);width:2rem;height:2rem}.multi-select-options .checkbox .label{font-size:1.4rem;font-weight:400;line-height:2rem}