.styles_customizer__oJIIt{block-size:100%;inline-size:400px;display:flex;flex-direction:column;background-color:var(--mui-palette-background-paper);position:fixed;inset-block-start:0;inset-inline-end:-400px;box-shadow:none;z-index:var(--customizer-z-index);transition-property:inset-inline-end,box-shadow;transition-duration:.3s;transition-timing-function:ease-in-out;&.styles_show__fVZJl{inset-inline-end:0!important;box-shadow:var(--mui-customShadows-xl)}&.styles_smallScreen__yETrf{inline-size:375px;inset-inline-end:-375px;&.styles_show__fVZJl .styles_toggler__s66Ux{display:none}.styles_customizerBody__wOQya,.styles_header__W8epB{padding-inline:10px}}}.styles_toggler__s66Ux{display:flex;align-items:center;justify-content:center;cursor:pointer;position:absolute;inset-block-start:20%;inset-inline-end:100%;transform:translateY(-20%);padding:8px;background-color:var(--primary-color);color:var(--mui-palette-primary-contrastText);border-start-start-radius:var(--border-radius);border-end-start-radius:var(--border-radius)}.styles_header__W8epB{display:flex;align-items:center;justify-content:space-between;padding-block:16px;padding-inline:24px;border-block-end:1px solid var(--border-color)}.styles_customizerTitle__l8HuJ{font-size:15px;font-weight:500}.styles_customizerSubtitle__cgs_B{font-size:13px;line-height:1.538462;color:var(--mui-palette-text-secondary)}.styles_dotStyles__5GCV1{position:absolute;inset-block-start:0;inset-inline-end:-5px;block-size:8px;inline-size:8px;border-radius:50%;background-color:var(--mui-palette-error-main);transform:scale(0);transition-property:transform;transition-duration:.3s;transition-timing-function:ease-in-out;&.styles_show__fVZJl{transform:scale(1)}}.styles_customizerBody__wOQya{display:flex;flex-direction:column;padding:24px;gap:32px}.styles_itemWrapper__gL7rB{display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--border-color);border-radius:var(--border-radius);outline:1px solid transparent;min-inline-size:106px;min-block-size:68px;cursor:pointer;&.styles_active__mnIvr{border-color:var(--primary-color);outline:1px solid var(--primary-color)}}.styles_itemLabel__XgIM2{font-size:13px;line-height:1.538462;cursor:pointer;color:var(--mui-palette-text-secondary)}.styles_primaryColorWrapper__2TT5e{display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--border-color);border-radius:var(--border-radius);outline:1px solid transparent;block-size:50px;inline-size:50px;padding:8px;cursor:pointer;&.styles_active__mnIvr{border-color:var(--primary-color);outline:1px solid var(--primary-color)}}.styles_primaryColor___eamW{block-size:100%;inline-size:100%;border-radius:var(--border-radius)}.styles_modeWrapper__jnUHY{min-block-size:54px;&.styles_active__mnIvr{color:var(--primary-color);background-color:var(--mui-palette-primary-lighterOpacity)}}.styles_hr__oCKQJ{border:0;border-block-start:1px solid var(--border-color)}.styles_colorPopup__OtOQI{padding:16px;margin-block-start:1px;& .styles_colorInput__NBag_{inline-size:100%;margin-block-start:16px;border-radius:var(--mui-shape-borderRadius);padding-block:8px;padding-inline:10px;border:1px solid var(--mui-palette-divider);font-size:14px}}