.insmind-landing-tool-change-color-opacity{display:flex;align-items:center;padding:0 12px;background:var(--background-color-overlay-regular, #fff);border:1px solid var(--border-color-primary-regular, #e8eaec);border-radius:8px}.insmind-landing-tool-change-color-opacity__slider{flex:1}.insmind-landing-tool-change-color-opacity__value{width:30px;margin-left:4px;font:var(--text-p1-regular);color:var(--text-color-primary);text-align:right}[dir=rtl] :not([data-dir=no-dir]).insmind-landing-tool-change-color-opacity__value{margin-left:0;margin-right:4px;text-align:left}.insmind-landing-tool-info-change-color-preset{scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;display:flex;flex-direction:column;gap:8px;align-items:start;justify-content:flex-start;height:218px;padding:2px;overflow:hidden auto}.insmind-landing-tool-info-change-color-preset::-webkit-scrollbar{display:none}.insmind-landing-tool-info-change-color-preset__row{display:flex;flex-direction:column;gap:4px;width:100%}.insmind-landing-tool-info-change-color-preset__row-colors{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}@media (max-width: 768px){.insmind-landing-tool-info-change-color-preset__row-colors{grid-template-columns:repeat(7,1fr)}}.insmind-landing-tool-info-change-color-preset__item-color{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:visible;background-position:center;cursor:pointer}.insmind-landing-tool-info-change-color-preset__item-sidebar{position:absolute;top:100%;left:0}[dir=rtl] :not([data-dir=no-dir]).insmind-landing-tool-info-change-color-preset__item-sidebar{left:auto;right:0}.insmind-landing-tool-info-change-color-preset__item-color-picker{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:4px;cursor:pointer}body{touch-action:auto!important}:root{--header-height: 64px;--top-banner-height: 0px;--landing-module-padding: 120px}:root[top-banner]{--top-banner-height: 64px}@media only screen and (max-width: 599px){:root[top-banner]{--top-banner-height: 122px}}@media only screen and (max-width: 599px){:root{--header-height: 56px;--landing-module-padding: 20px}}@media only screen and (min-width: 600px) and (max-width: 959px){:root{--landing-module-padding: 40px}}@media only screen and (min-width: 960px) and (max-width: 1279px){:root{--landing-module-padding: 80px}}@keyframes insmind-custom-skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}.insmind-landing-tool-info-change-color__demo{width:44px;height:44px}.insmind-landing-tool-info-change-color__alert{margin-bottom:8px}.insmind-landing-tool-info-change-color__alert-message{font-size:14px;color:var(--text-color-warning)}.insmind-landing-tool-info-change-color__alert-help{margin-left:4px;font-size:16px;vertical-align:sub;cursor:pointer}[dir=rtl] :not([data-dir=no-dir]).insmind-landing-tool-info-change-color__alert-help{margin-left:0;margin-right:4px}.insmind-landing-tool-info-change-color__action{display:flex;align-items:center;margin-bottom:8px}.insmind-landing-tool-info-change-color__select-tool{margin-bottom:8px;background:linear-gradient(180deg,#fbfbfc,#f6f7f9);border-radius:var(--border-radius-large)}[dir=rtl] :not([data-dir=no-dir]).insmind-landing-tool-info-change-color__select-tool{background:linear-gradient(-180deg,#fbfbfc,#f6f7f9)}.insmind-landing-tool-info-change-color__select-tool--no-prompt{margin-bottom:16px}.insmind-landing-tool-info-change-color__section-example{display:flex;align-items:flex-end;justify-content:space-around;height:40px;margin-bottom:4px;overflow:hidden;background-image:url(https://cdn.dancf.com/fe-assets/20230616/aigc/9b46a31125c6ec6c3fb28de7b4998276.png);background-repeat:repeat;background-size:28px 28px;cursor:pointer}.insmind-landing-tool-info-change-color__tool-image{width:36px;height:36px;transition:transform .125s;transform:translateY(4px)}.insmind-landing-tool-info-change-color__tool-image:hover,.insmind-landing-tool-info-change-color__tool-image--active{transform:translateY(0)}.insmind-landing-tool-info-change-color__identify{justify-content:space-between;padding-top:16px;margin-bottom:20px}.insmind-landing-tool-info-change-color__brush,.insmind-landing-tool-info-change-color__identify{display:flex;align-items:center}.insmind-landing-tool-info-change-color__brush-title,.insmind-landing-tool-info-change-color__identify-title{padding:8px 0;font:var(--text-p1-regular);color:var(--text-color-secondary)}.insmind-landing-tool-info-change-color__brush{padding:0 12px}.insmind-landing-tool-info-change-color__brush-size{display:flex;align-items:center}.insmind-landing-tool-info-change-color__brush-size-slider{flex:1;margin-top:-2px;margin-left:16px}[dir=rtl] :not([data-dir=no-dir]).insmind-landing-tool-info-change-color__brush-size-slider{margin-left:0;margin-right:16px}.insmind-landing-tool-info-change-color__brush-size-line{width:42px;font:var(--text-p1-regular);color:var(--text-color-primary);text-align:right}[dir=rtl] :not([data-dir=no-dir]).insmind-landing-tool-info-change-color__brush-size-line{text-align:left}.insmind-landing-tool-info-change-color--compact .insmind-landing-tool-info-change-color__action{padding-top:24px}@media only screen and (max-width: 599px){.insmind-landing-tool-info-change-color{padding-top:16px}.insmind-landing-tool-info-change-color__action{padding:0}.insmind-landing-tool-info-change-color__brush,.insmind-landing-tool-info-change-color__identify{padding-top:8px}.insmind-landing-tool-info-change-color__brush-title,.insmind-landing-tool-info-change-color__identify-title{height:36px;padding:7.5px 0}.insmind-landing-tool-info-change-color__remove{margin-top:12px}.insmind-landing-tool-info-change-color--wap .insmind-landing-tool-info-change-color__brush{padding-top:16px}}