.dropdown_dropdown__YrNzm{padding:8px}.color-picker_dropDown__\+T1yL{display:inline-block}.color-picker_dropClass__owm7b{padding:24px;z-index:100}.color-picker_colorPicker__XMRPu{border-radius:8px;cursor:pointer;display:inline-flex;transition:background-color 80ms,border-color 80ms,box-shadow 80ms}.color-picker_colorPicker__XMRPu:hover .color-picker_colorBox__oI1la{border-color:#babec9;border-color:var(--bit-border-color,#babec9)}.color-picker_colorPicker__XMRPu:hover .color-picker_textBox__0DFzY{background-color:#f6f6f6;background-color:var(--bit-bg-heavy,#f6f6f6);border-color:#babec9;border-color:var(--bit-border-color,#babec9)}.color-picker_colorPicker__XMRPu:active .color-picker_colorBox__oI1la,.color-picker_colorPicker__XMRPu:active .color-picker_textBox__0DFzY{border-color:#878c9a;border-color:var(--bit-border-color-heavy,#878c9a)}.color-picker_colorPicker__XMRPu:active .color-picker_textBox__0DFzY{background-color:#ededed;background-color:var(--bit-bg-heaviest,#ededed)}.color-picker_colorPicker__XMRPu:focus{box-shadow:0 0 0 .125em #eceaff;box-shadow:0 0 0 .125em var(--bit-accent-bg,#eceaff);outline:0}.color-picker_colorPicker__XMRPu .color-picker_colorBox__oI1la,.color-picker_colorPicker__XMRPu .color-picker_textBox__0DFzY{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__XMRPu .color-picker_textBox__0DFzY{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__XMRPu .color-picker_colorBox__oI1la{border-radius:0 8px 8px 0;width:2.85em}.color-picker_colorPicker__XMRPu .color-picker_colorBox__oI1la.color-picker_noText__E-JaX{border-radius:8px}.sizes_pickerSizes__8WAeF[data-size=m]{font-size:14px;height:32px}.sizes_pickerSizes__8WAeF[data-size=l]{font-size:14px;height:40px}.selectable_option__2vn8K{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__2vn8K.selectable_selected__wYLYi{border:2px solid #6c707c;border:2px solid var(--bit-text-color-light,#6c707c)}.selectable_option__2vn8K.selectable_selected__wYLYi,.selectable_option__2vn8K:hover{background-color:#ededed;background-color:var(--bit-border-color-lightest,#ededed)}.selectable_option__2vn8K: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__PR6yz{display:grid;grid-template-columns:repeat(6,24px);grid-gap:8px;z-index:100}.colors-box_colorsBox__PR6yz .colors-box_selectableColor__NwT1K{font-size:24px;margin:1px;transition:all .2s ease-in-out}.colors-box_colorsBox__PR6yz .colors-box_selectableColor__NwT1K:hover{transform:scale(1.2)}.frame_overlayBorder__p-dFW{border:2px solid #eebcc9;border:2px solid var(--bit-highlighter-color,#eebcc9);border-radius:11px;box-sizing:border-box;padding:4px;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.frame_hidden__7Zv5Y{display:none}.label_othersContainer__kTg52>*{margin-bottom:8px}.label_othersContainer__kTg52>:last-child{margin-bottom:0}.label_othersTooltip__LqXPd{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.label_othersTooltip__LqXPd:before{content:"▾";display:inline-block;transition:transform .3s}.label_othersTooltip__LqXPd.label_active__Rrmvr:before{transform:rotate(-180deg)}.label_hidden__NBIpn{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;visibility:hidden}.component-strip_componentStrip__EiPos{border-radius:.5em;box-shadow:var(--bit-highlighter-shadow);display:flex;width:-moz-fit-content;width:fit-content}.component-strip_componentStrip__EiPos>*{background:#eebcc9;background:var(--bit-highlighter-color,#eebcc9);line-height:1.5;margin-right:.125em;padding:0 .5em;transform:translateZ(0);transition:filter .3s,background-color .3s}.component-strip_componentStrip__EiPos>:link,.component-strip_componentStrip__EiPos>:visited{color:inherit;text-decoration:inherit}.component-strip_componentStrip__EiPos>:link:hover,.component-strip_componentStrip__EiPos>:visited:hover{background:#f6dae2;background:var(--bit-highlighter-color-hover,#f6dae2)}.component-strip_componentStrip__EiPos>:link:active,.component-strip_componentStrip__EiPos>:visited:active{background:#e79db1;background:var(--bit-highlighter-color-active,#e79db1);color:inherit}.component-strip_componentStrip__EiPos>:first-child{border-bottom-left-radius:.5em;border-top-left-radius:.5em}.component-strip_componentStrip__EiPos>:last-child{border-bottom-right-radius:.5em;border-top-right-radius:.5em;margin-right:0}.element-highlighter_label__Ssprq{padding:8px}.element-highlighter_frame__RYz5z,.element-highlighter_label__Ssprq{z-index:15500}.community-highlighter_highlighter__uWlmF{--bit-highlighter-color:var(--surface-hover-color,#edebfc);--bit-highlighter-color-hover:var(--surface-focus-color,#e2defa);--bit-highlighter-color-active:var(--surface-active-color,#dcd8f9)}.community-highlighter_inspect__MFC6O{align-items:center;display:flex;padding-left:24px}.community-highlighter_inspect__MFC6O>span{margin-right:4px}@media screen and (max-width:768px){.community-highlighter_inspect__MFC6O{font-size:12px;padding-left:8px}}@media screen and (max-width:480px){.community-highlighter_inspect__MFC6O{display:none}}@media only screen and (max-width:768px){.header_githubLink__BySp7>span:not(:first-child){display:none}}.header_header__jFJkw{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__i56bA{border-bottom:none;color:inherit}.github-stars_githubStars__OYzDv{align-items:center;display:flex}.header_header__bGtc3{border-bottom:1px solid #ededed;border-bottom:1px solid var(--border-medium-color,#ededed);display:flex;font-size:14px;height:40px;width:100%;--header-spacing:1em}@media only screen and (max-width:768px){.header_header__bGtc3{--header-spacing:0.5em}}.header_headerContent__bCIX3{align-items:center;display:flex;justify-content:space-between}.header_widgets__iVHqC{align-items:baseline;display:flex;gap:8px}.header_plugins__gGrnK{align-items:center;display:flex;font-size:inherit;gap:.5em;margin-left:24px;margin-left:var(--header-spacing,24px)}@media only screen and (max-width:480px){.header_plugins__gGrnK,.header_widgets__iVHqC{display:none}}.header_left__8bycj{align-items:center;display:flex;height:100%;width:100%}.header_logoLink__d9zwN{height:24px}.header_logo__X7dib{display:inline-flex;margin-right:24px;margin-right:var(--header-spacing,24px)}.header_header__pVLf7{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)}.theming-components_colorPickers__aneEk{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin:16px}.theming-components_colorPickers__aneEk>div{margin-bottom:16px;text-align:center}@media only screen and (max-width:480px){.theming-components_colorPickers__aneEk>div{width:100%}}.theming-components_headers__yS2N7{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin-top:48px}.theming-components_headers__yS2N7>div{height:-moz-fit-content;height:fit-content;margin-bottom:48px}.theming-components_blue__xHkD2{color:blue}.theming-components_shaking__JsHt2{animation:theming-components_shake__xUYbK 2s;animation-iteration-count:1}@keyframes theming-components_shake__xUYbK{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)}}.theming-components_caption__a8hk7{font-style:italic;text-align:center}