.dropdown_dropdown__W3W1Z{padding:8px}.color-picker_dropDown__P16nK{display:inline-block}.color-picker_dropClass__\+25Tb{padding:24px;z-index:100}.color-picker_colorPicker__\+deZ0{border-radius:8px;cursor:pointer;display:inline-flex;transition:background-color 80ms,border-color 80ms,box-shadow 80ms}.color-picker_colorPicker__\+deZ0:hover .color-picker_colorBox__oF6-p{border-color:#babec9;border-color:var(--bit-border-color,#babec9)}.color-picker_colorPicker__\+deZ0:hover .color-picker_textBox__x7wl7{background-color:#f6f6f6;background-color:var(--bit-bg-heavy,#f6f6f6);border-color:#babec9;border-color:var(--bit-border-color,#babec9)}.color-picker_colorPicker__\+deZ0:active .color-picker_colorBox__oF6-p,.color-picker_colorPicker__\+deZ0:active .color-picker_textBox__x7wl7{border-color:#878c9a;border-color:var(--bit-border-color-heavy,#878c9a)}.color-picker_colorPicker__\+deZ0:active .color-picker_textBox__x7wl7{background-color:#ededed;background-color:var(--bit-bg-heaviest,#ededed)}.color-picker_colorPicker__\+deZ0:focus{box-shadow:0 0 0 .125em #eceaff;box-shadow:0 0 0 .125em var(--bit-accent-bg,#eceaff);outline:0}.color-picker_colorPicker__\+deZ0.color-picker_disabled__lO7Ci{cursor:not-allowed}.color-picker_colorPicker__\+deZ0.color-picker_disabled__lO7Ci .color-picker_textBox__x7wl7{background-color:#fff;background-color:var(--bit-bg-color,#fff);color:#babec9;color:var(--bit-border-color,#babec9)}.color-picker_colorPicker__\+deZ0.color-picker_disabled__lO7Ci .color-picker_colorBox__oF6-p,.color-picker_colorPicker__\+deZ0.color-picker_disabled__lO7Ci .color-picker_textBox__x7wl7{border-color:#ededed;border-color:var(--bit-border-color-lightest,#ededed)}.color-picker_colorPicker__\+deZ0 .color-picker_colorBox__oF6-p,.color-picker_colorPicker__\+deZ0 .color-picker_textBox__x7wl7{border:1px solid #ededed;border:1px solid var(--bit-border-color-lightest,#ededed);box-sizing:border-box;transition:background-color 80ms,border-color 80ms,box-shadow 80ms}.color-picker_colorPicker__\+deZ0 .color-picker_textBox__x7wl7{align-items:center;background-color:#fff;background-color:var(--bit-bg-color,#fff);border-radius:8px 0 0 8px;border-right:none;color:#2b2b2b;color:var(--bit-text-color-heavy,#2b2b2b);display:flex;padding:11px 16px}.color-picker_colorPicker__\+deZ0 .color-picker_colorBox__oF6-p{border-radius:0 8px 8px 0;width:2.85em}.color-picker_colorPicker__\+deZ0 .color-picker_colorBox__oF6-p.color-picker_noText__OTAa-{border-radius:8px}.sizes_pickerSizes__U72DW[data-size=m]{font-size:14px;height:32px}.sizes_pickerSizes__U72DW[data-size=l]{font-size:14px;height:40px}.selectable_option__eKwwD{align-items:center;background-color:inherit;border:none;box-sizing:border-box;cursor:pointer;display:flex;font:inherit;height:1em;justify-content:center;margin:initial;overflow:hidden;padding:initial;width:1em}.selectable_option__eKwwD.selectable_selected__nMSeD{border:2px solid #6c707c;border:2px solid var(--bit-text-color-light,#6c707c)}.selectable_option__eKwwD.selectable_selected__nMSeD,.selectable_option__eKwwD:hover{background-color:#ededed;background-color:var(--bit-border-color-lightest,#ededed)}.selectable_option__eKwwD:focus-visible{box-shadow:0 0 0 .125em #eceaff;box-shadow:0 0 0 .125em var(--bit-accent-bg,#eceaff);outline:none}.colors-box_colorsBox__6KVyF{display:grid;grid-template-columns:repeat(6,24px);grid-gap:8px;z-index:100}.colors-box_colorsBox__6KVyF .colors-box_selectableColor__Ql5nO{font-size:24px;margin:1px;transition:all .2s ease-in-out}.colors-box_colorsBox__6KVyF .colors-box_selectableColor__Ql5nO:hover{transform:scale(1.2)}@media only screen and (max-width:768px){.header_githubLink__iBBUp>span:not(:first-child){display:none}}.header_header__Z7nZn{background-color:#fff;background-color:var(--surface-color,#fff);box-sizing:border-box;color:#2b2b2b;color:var(--on-surface-color,#2b2b2b);height:40px;height:var(--bit-header-height,40px)}.header_active__NjStQ{border-bottom:none;color:inherit}.design-tokens_colorPickers__dCJKo{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin:16px}.design-tokens_colorPickers__dCJKo>div{margin-bottom:16px;text-align:center}@media only screen and (max-width:480px){.design-tokens_colorPickers__dCJKo>div{width:100%}}.design-tokens_headers__uXIyD{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin-top:48px}.design-tokens_headers__uXIyD>div{height:-moz-fit-content;height:fit-content;margin-bottom:48px}.design-tokens_blue__dJOgS{color:blue}.design-tokens_shaking__38J7e{animation:design-tokens_shake__eJazo 2s;animation-iteration-count:1}@keyframes design-tokens_shake__eJazo{0%{transform:translate(1px,1px) rotate(0deg)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0deg)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0deg)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0deg)}to{transform:translate(1px,-2px) rotate(-1deg)}}.design-tokens_caption__5DKMP{font-style:italic;text-align:center}.design-tokens_componentShowcase__CJBqH{margin:24px 0}