.input-wrapper,.checkbox-wrapper{display:flex;flex-direction:column;margin-bottom:calc(var(--density) * 2);--date-picker-foreground: var(--surface-8);--date-picker-background: var(--surface-1);--date-picker-highlight-border: var(--surface-2);--date-picker-highlight-shadow: transparent;--date-picker-selected-color: var(--surface-0);--date-picker-selected-background: var(--surface-7)}.input-wrapper.no-label,.checkbox-wrapper.no-label{margin-bottom:0}.input-wrapper.no-margins,.checkbox-wrapper.no-margins{margin:0}.input-wrapper input[type=time]{cursor:text;min-width:7rem}.input-wrapper input[type=time]::-webkit-datetime-edit-hour-field,.input-wrapper input[type=time]::-webkit-datetime-edit-minute-field,.input-wrapper input[type=time]::-webkit-datetime-edit-second-field,.input-wrapper input[type=time]::-webkit-datetime-edit-ampm-field,.input-wrapper input[type=time]::-webkit-datetime-edit-text,.input-wrapper input[type=time]::-webkit-datetime-edit-meridiem-field{-webkit-text-fill-color:var(--surface-8)}.input-wrapper input[type=time]::-webkit-datetime-edit-hour-field:focus,.input-wrapper input[type=time]::-webkit-datetime-edit-minute-field:focus,.input-wrapper input[type=time]::-webkit-datetime-edit-second-field:focus,.input-wrapper input[type=time]::-webkit-datetime-edit-ampm-field:focus,.input-wrapper input[type=time]::-webkit-datetime-edit-meridiem-field:focus{background-color:var(--primary-background);-webkit-text-fill-color:var(--primary-foreground)}.input-wrapper input[type=time]::-webkit-calendar-picker-indicator{display:none}.input-wrapper input,.input-wrapper select,.input-wrapper .date-time-field input{font-family:var(--sans-font);border:var(--input-border);padding:var(--density);background-color:var(--surface-0);border-radius:var(--border-radius);font-size:1rem;color:var(--surface-8);transition:border-color .16s,background-color .16s;-moz-appearance:none;appearance:none;-webkit-appearance:none;--date-input-width: 7rem}.input-wrapper.full-width,.input-wrapper.full-width input{width:100%}.input-wrapper.alt-background input,.input-wrapper.alt-background select,.input-wrapper.alt-background .date-time-field input{background-color:var(--surface-1)}.input-wrapper.compact input,.input-wrapper.compact select,.input-wrapper.compact .date-time-field input{padding:calc(var(--density) / 2)}.input-wrapper.small-font-size input,.input-wrapper.small-font-size select,.input-wrapper.small-font-size .date-time-field input{font-size:.9rem}.input-wrapper.rounded-left-side input,.input-wrapper.rounded-left-side select,.input-wrapper.rounded-left-side .date-time-field input{border-radius:var(--border-radius) 0 0 var(--border-radius)}.input-wrapper.rounded-right-side input,.input-wrapper.rounded-right-side select,.input-wrapper.rounded-right-side .date-time-field input{border-radius:0 var(--border-radius) var(--border-radius) 0}.date-time-field .picker .week .cell{cursor:pointer}.input-wrapper .datetime-wrapper .date-time-field{display:inline-block}.input-wrapper .datetime-wrapper{display:flex;gap:var(--density)}.input-wrapper input:focus,.input-wrapper select:focus,.input-wrapper .date-time-field input:focus{border-color:var(--primary-background);background-color:var(--primary-subtle);outline:none}.input-wrapper input:-webkit-autofill,.input-wrapper input:-webkit-autofill:hover,.input-wrapper input:-webkit-autofill:focus,.input-wrapper input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:var(--surface-7)}.message{padding:var(--density);border-radius:var(--border-radius)}.message.error{background-color:var(--danger-background);color:var(--danger-foreground)}.message.warning{background-color:var(--warning-background);color:var(--warning-foreground)}.input-wrapper>label,.rich-text-label{font-size:.75rem;color:var(--surface-6);margin-bottom:calc(var(--density) * 1 / 2);margin-left:calc(var(--density) * 1 / 2);-webkit-user-select:none;user-select:none}.input-wrapper.invalid input,.input-wrapper.invalid select{background-color:var(--danger-subtle)}.input-wrapper.invalid input:focus,.input-wrapper.invalid select:focus{border-color:var(--danger-background)}.input-wrapper .message{margin-top:var(--density)}.input-wrapper .message,.message.message--input{font-size:.75rem;padding:calc(var(--density) / 2) var(--density)}.input-wrapper .multi-grid{display:grid;grid-template-columns:1fr min-content;gap:var(--density)}.input-wrapper.replaceable-multi-grid{display:grid;grid-template-columns:1fr 1fr min-content;column-gap:var(--density)}.input-wrapper.replaceable-multi-grid .original{grid-column:1/2}.input-wrapper.replaceable-multi-grid .replacement{grid-column:2/3}.input-wrapper.replaceable-multi-grid button.add,.input-wrapper.replaceable-multi-grid .message,.input-wrapper.replaceable-multi-grid .helper-text{grid-column:1/4}.input-wrapper .helper-text{margin-top:var(--density)}.input-wrapper .helper-text,.helper-text--input{color:var(--surface-5);font-size:.8rem}.input-wrapper.replaceable-multi-grid button.remove,.input-wrapper.replaceable-multi-grid input{margin-bottom:var(--density)}.input-wrapper.replaceable-multi-grid button.remove+.message{margin-top:var(--density)}.input-wrapper .multi-grid button,.input-wrapper.replaceable-multi-grid button{background-color:var(--surface-2);display:flex;align-items:center;justify-content:center;white-space:nowrap;gap:var(--density)}.input-wrapper .multi-grid button:active,.input-wrapper.replaceable-multi-grid button:active{background-color:var(--surface-1)}.input-wrapper.segmented-choice{align-items:flex-start}.input-wrapper.segmented-choice .choices{display:inline-flex;border-radius:var(--border-radius);border:var(--subtle-border);gap:1px;background-color:var(--surface-2)}.input-wrapper.segmented-choice .choices input,.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.input-wrapper.segmented-choice .choices label{background-color:var(--surface-0);cursor:pointer;padding:calc(var(--density) / 2) calc(var(--density) * 3 / 2);border:.15rem solid transparent;-webkit-user-select:none;user-select:none;transition:background-color .12s,color .12s}.input-wrapper.segmented-choice .choices input:first-child+label{border-radius:var(--border-radius) 0 0 var(--border-radius)}.input-wrapper.segmented-choice .choices label:last-child{border-radius:0 var(--border-radius) var(--border-radius) 0}.input-wrapper.segmented-choice .choices input:active+label{background-color:var(--surface-1)}.input-wrapper.segmented-choice .choices input:checked+label{background-color:var(--primary-background);color:var(--primary-foreground)}.input-wrapper.segmented-choice .choices input:focus+label{border-color:var(--primary-background-active)}.input-wrapper.Select.fit{position:relative;height:100%}.input-wrapper.Select.fit select{position:absolute;width:100%;top:0;bottom:0}.checkbox-wrapper input[type=checkbox]+label{display:grid;grid-template-columns:min-content 1fr;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-wrapper input[type=checkbox]+label:before,.checkbox-wrapper input[type=checkbox]+label:after{grid-area:1/1/2/2;height:1.5rem;width:1.5rem}.checkbox-wrapper input[type=checkbox]+label:before{content:"";transition:background-color .12s;background-color:var(--surface-0);border-radius:var(--border-radius);border:var(--subtle-border);display:block;margin-right:var(--density)}.checkbox-wrapper input[type=checkbox]:checked+label:before{background-color:var(--primary-background)}.checkbox-wrapper input[type=checkbox]+label:after{content:"";transition:opacity .12s,transform .12s;background-color:var(--primary-foreground);mask-image:var(--icon-generic-checked);-webkit-mask-image:var(--icon-generic-checked);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center;mask-size:contain;-webkit-mask-size:contain;display:block;opacity:0;transform:translateY(-.15rem)}.checkbox-wrapper input[type=checkbox]:checked+label:after{opacity:1;transform:none}.input-wrapper.coloris{width:8rem}.input-wrapper.coloris input{background-color:var(--surface-0);width:100%}.input-wrapper.coloris .clr-field button{top:0;transform:none}.input-wrapper.coloris .clr-field button{background-image:none!important;top:0;transform:none;opacity:0!important;transition:opacity .31s}.input-wrapper.coloris.loaded .clr-field button{opacity:1!important}.input-wrapper.coloris.picker-open input,.input-wrapper.coloris input:focus{border-color:var(--coloris-selected-color)}.input-wrapper.coloris .clr-field button:after{box-shadow:none;transition:background-color .16s,border-color .16s;border:.15rem solid var(--coloris-selected-color);background-color:var(--coloris-selected-color)}.input-wrapper.coloris.picker-closed .clr-field button:after{border-color:var(--surface-0)}.input-wrapper.coloris.picker-open .clr-field button:after{transition:background-color .16s}.clr-picker input.clr-color{font-family:var(--sans-font)!important;border-radius:var(--border-radius)!important;background-color:var(--surface-0)!important;color:var(--surface-7)!important;border:.15rem solid transparent!important}.input-wrapper.coloris .clr-field button{pointer-events:all;border-radius:0 var(--border-radius) var(--border-radius) 0}.clr-picker input.clr-color:focus{border-color:var(--primary-background)!important;outline:none}.clr-picker{background-color:var(--background)!important;border-radius:var(--border-radius)!important}.clr-preview button{border:.15rem solid var(--surface-2)!important}.clr-hue div,.clr-alpha div{box-shadow:none!important;border:.15rem solid var(--background)!important}