.index-module__WVVPBW__sidebar{width:100%;max-width:216px;padding:var(--space-3) var(--space-5);background-color:var(--surface-tertiary)}.index-module__WVVPBW__innerWrap{flex-direction:column;flex:auto;display:flex}.index-module__WVVPBW__header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-subtle)}.index-module__WVVPBW__content{height:100%;padding:var(--space-6);overflow-y:auto}@media (max-width:1024px){.index-module__WVVPBW__sidebar{display:none}}
.index-module__PHMSKG__header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.index-module__PHMSKG__membersWrapper{max-width:280px;margin:var(--space-28) auto 0;text-align:center}@media only screen and (max-width:640px){.index-module__PHMSKG__header{row-gap:var(--space-4);flex-direction:column}}
.index-module__C4HQkW__wrapper{background-color:var(--surface-primary);border:1px solid var(--border-normal);border-radius:var(--radius-md)}.index-module__C4HQkW__colorPicker{width:100%}.index-module__C4HQkW__colorPicker .react-colorful{border-radius:0;width:100%;height:180px}.index-module__C4HQkW__colorPicker .react-colorful__saturation{border-radius:0}.index-module__C4HQkW__colorPicker .react-colorful__hue{height:16px;margin:var(--space-2);border-radius:var(--radius-sm)}.index-module__C4HQkW__colorPicker .react-colorful__pointer{width:20px;height:20px}.index-module__C4HQkW__colorPicker .react-colorful__hue-pointer{box-shadow:var(--box-shadow-lg)}.index-module__C4HQkW__colorPicker .react-colorful__pointer-fill{background-color:red}.index-module__C4HQkW__header{padding:var(--space-2) var(--space-3);background-color:var(--surface-primary);border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md);justify-content:space-between;align-items:center;display:flex;position:relative}.index-module__C4HQkW__close{cursor:pointer;border-radius:var(--radius-sm);justify-content:center;align-items:center;width:20px;height:20px;display:flex}.index-module__C4HQkW__close:hover{background-color:var(--surface-tertiary)}
.index-module__nj9idG__fields{background-color:var(--surface-secondary);border-radius:var(--radius-md);outline:1px solid var(--border-normal);overflow:hidden}.index-module__nj9idG__input-blank{width:100%;padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);background-color:#0000;outline:0}.index-module__nj9idG__input-blank::placeholder{color:var(--text-quaternary)}.index-module__nj9idG__select-blank{width:100%;font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);cursor:pointer;background-color:#0000;border:none;outline:0}.index-module__nj9idG__color-field{gap:var(--space-4);padding:0 var(--space-2);border-bottom:1px solid var(--border-normal);border-radius:var(--radius-md) var(--radius-md) 0 0;align-items:center;display:grid}.index-module__nj9idG__field-normal-columns{grid-template-columns:48px 1fr 32px}.index-module__nj9idG__field-cmyk-columns{grid-template-columns:64px 1fr 32px}.index-module__nj9idG__name-field{border-radius:0 0 var(--radius-md) var(--radius-md)}.index-module__nj9idG__grid{gap:var(--space-1);align-items:center;display:grid}.index-module__nj9idG__grid-3{grid-template-columns:repeat(3,60px)}.index-module__nj9idG__grid-4{grid-template-columns:repeat(4,60px)}.index-module__nj9idG__color-picker{cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid var(--border-normal);border-radius:var(--radius-md);width:32px;height:32px;box-shadow:var(--box-shadow-lg);justify-content:center;align-items:center;display:flex}.index-module__nj9idG__color-picker:hover{border-color:var(--border-contrast)}
.index-module__Vg6k1G__fields{background-color:var(--surface-secondary);border-radius:var(--radius-md);outline:1px solid var(--border-normal)}.index-module__Vg6k1G__origin-field{border-bottom:1px solid var(--border-normal);border-radius:var(--radius-md) var(--radius-md) 0 0}.index-module__Vg6k1G__origin-system-field{border-radius:var(--radius-md)}.index-module__Vg6k1G__family-field{border-radius:0 0 var(--radius-md) var(--radius-md)}.index-module__Vg6k1G__input-blank{width:100%;padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);background-color:#0000;outline:0}.index-module__Vg6k1G__input-blank::placeholder{color:var(--text-quaternary)}.index-module__Vg6k1G__select-blank{width:100%;padding:var(--space-2) 0;font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);cursor:pointer;background-color:#0000;border:none;outline:0}