.insmind-landing-tool-layout-change-color{position:relative;width:100%;height:100%;cursor:none}.insmind-landing-tool-layout-change-color--cursor-visible{cursor:default}.insmind-landing-tool-layout-change-color__img,.insmind-landing-tool-layout-change-color__path,.insmind-landing-tool-layout-change-color__selection{position:absolute;top:0;left:0;width:100%;height:100%}[dir=rtl] :not([data-dir=no-dir]).insmind-landing-tool-layout-change-color__img,[dir=rtl] :not([data-dir=no-dir]).insmind-landing-tool-layout-change-color__path,[dir=rtl] :not([data-dir=no-dir]).insmind-landing-tool-layout-change-color__selection{left:auto;right:0}.insmind-landing-tool-layout-change-color__img{opacity:0}.insmind-landing-tool-layout-change-color__img--origin,.insmind-landing-tool-layout-change-color__img--visible{opacity:1}.insmind-landing-tool-layout-change-color__selection{opacity:0}.insmind-landing-tool-layout-change-color__selection--visible{opacity:1}.insmind-landing-tool-layout-change-color__path{opacity:0}.insmind-landing-tool-layout-change-color__path--visible{opacity:.6}.insmind-landing-tool-layout-change-color__paint{position:fixed;border:3px solid var(--static-color-white);border-radius:50%;box-shadow:var(--boxshadow-medium);pointer-events:none;transform:translate(-50%,-50%)}[dir=rtl] :not([data-dir=no-dir]).insmind-landing-tool-layout-change-color__paint{transform:translate(50%,-50%)}.insmind-landing-tool-layout-change-color__drag{position:fixed;pointer-events:none;transform:translate(-50%,-50%)}[dir=rtl] :not([data-dir=no-dir]).insmind-landing-tool-layout-change-color__drag{transform:translate(50%,-50%)}.insmind-landing-tool-layout-change-color__tips{position:fixed;z-index:999;pointer-events:none;transform:translate(-50%,-50%)}[dir=rtl] :not([data-dir=no-dir]).insmind-landing-tool-layout-change-color__tips{transform:translate(50%,-50%)}.insmind-landing-tool-layout-change-color__tips-icon{width:14px;height:14px}.insmind-landing-tool-layout-change-color__tips-icon:before,.insmind-landing-tool-layout-change-color__tips-icon:after{position:absolute;width:100%;height:100%;content:""}.insmind-landing-tool-layout-change-color__tips-icon:after{left:50%;width:1px;background:var(--background-color-mask-primary-regular);transform:translate(-50%)}[dir=rtl] :not([data-dir=no-dir]).insmind-landing-tool-layout-change-color__tips-icon:after{left:auto;right:50%;transform:translate(50%)}.insmind-landing-tool-layout-change-color__tips-icon:before{top:50%;height:1px;background:var(--background-color-mask-primary-regular);transform:translateY(-50%)}.insmind-landing-tool-layout-change-color__tips-text{position:absolute;top:0;left:50%;padding:4px 8px;font:var(--text-p1-regular);color:var(--static-color-white);white-space:nowrap;background:var(--color-gray-900);border-radius:var(--border-radius-small);-webkit-user-select:none;user-select:none;transform:translate(-50%,-120%)}[dir=rtl] :not([data-dir=no-dir]).insmind-landing-tool-layout-change-color__tips-text{left:auto;right:50%;transform:translate(50%,-120%)}.insmind-landing-tool-layout-change-color__init-tips{position:absolute;top:50%;left:50%;padding:6px 12px;background:var(--background-color-transparent-contrast-regular);border-radius:var(--border-radius-medium);pointer-events:none;transform:translate(-50%,-50%)}[dir=rtl] :not([data-dir=no-dir]).insmind-landing-tool-layout-change-color__init-tips{left:auto;right:50%;transform:translate(50%,-50%)}.insmind-landing-tool-layout-change-color__init-tips-text{font:var(--text-p1-regular);color:var(--static-color-white);white-space:nowrap}.insmind-landing-tool-layout-change-color__action-gesture{display:flex;gap:4px;align-items:center;padding:4px;background:var(--button-background-color-tertiary-regular);border:1px solid var(--button-border-color-tertiary-regular);border-radius:var(--button-border-radius-medium);cursor:auto}.insmind-landing-tool-layout-change-color__action-gesture svg{color:var(--static-color-black)}.insmind-landing-tool-layout-change-color__action-gesture-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:4px;border-radius:6px;cursor:pointer;transition:all .2s}.insmind-landing-tool-layout-change-color__action-gesture-icon:hover{background:var(--background-color-transparent-primary-hover)}.insmind-landing-tool-layout-change-color__action-gesture-icon--active,.insmind-landing-tool-layout-change-color__action-gesture-icon--active:hover{background:var(--background-color-transparent-primary-active)}