.KsShapeToolbar,.KsShapeToolbar__popover{--font-color-light:rgba(var(--primary-gray-rgb),0.6);--bg-color-light:rgb(var(--primary-white-rgb));--divider-color-light:rgba(var(--primary-gray-rgb),0.2);--border-color-light:rgba(var(--primary-gray-rgb),0.08);--box-shadow-light:0px 0px 12px 0px rgba(var(--primary-gray-rgb),0.08);--hover-bg-color-light:rgba(var(--primary-gray-rgb),0.04);--active-border-color-light:#0c9aff;--font-color-dark:rgba(var(--primary-white-rgb),0.6);--bg-color-dark:rgb(var(--primary-gray-rgb));--divider-color-dark:rgba(var(--primary-white-rgb),0.2);--border-color-dark:rgba(var(--primary-white-rgb),0.04);--box-shadow-dark:none;--hover-bg-color-dark:rgba(var(--primary-white-rgb),0.04);--active-border-color-dark:#0c9aff;border-radius:8px!important}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .KsShapeToolbar,:where(html:not(.is-light)) .KsShapeToolbar__popover{color:var(--font-color-dark)!important}}:where(html.is-dark) .KsShapeToolbar,:where(html.is-dark) .KsShapeToolbar__popover{color:var(--font-color-dark)!important}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .KsShapeToolbar,:where(html:not(.is-dark)) .KsShapeToolbar__popover{color:var(--font-color-light)!important}}:where(html.is-light) .KsShapeToolbar,:where(html.is-light) .KsShapeToolbar__popover{color:var(--font-color-light)!important}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .KsShapeToolbar,:where(html:not(.is-light)) .KsShapeToolbar__popover{box-shadow:var(--box-shadow-dark)!important}}:where(html.is-dark) .KsShapeToolbar,:where(html.is-dark) .KsShapeToolbar__popover{box-shadow:var(--box-shadow-dark)!important}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .KsShapeToolbar,:where(html:not(.is-dark)) .KsShapeToolbar__popover{box-shadow:var(--box-shadow-light)!important}}:where(html.is-light) .KsShapeToolbar,:where(html.is-light) .KsShapeToolbar__popover{box-shadow:var(--box-shadow-light)!important}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .KsShapeToolbar,:where(html:not(.is-light)) .KsShapeToolbar__popover{background-color:var(--bg-color-dark)!important}}:where(html.is-dark) .KsShapeToolbar,:where(html.is-dark) .KsShapeToolbar__popover{background-color:var(--bg-color-dark)!important}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .KsShapeToolbar,:where(html:not(.is-dark)) .KsShapeToolbar__popover{background-color:var(--bg-color-light)!important}}:where(html.is-light) .KsShapeToolbar,:where(html.is-light) .KsShapeToolbar__popover{background-color:var(--bg-color-light)!important}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .KsShapeToolbar,:where(html:not(.is-light)) .KsShapeToolbar__popover{border:1px solid var(--border-color-dark)!important}}:where(html.is-dark) .KsShapeToolbar,:where(html.is-dark) .KsShapeToolbar__popover{border:1px solid var(--border-color-dark)!important}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .KsShapeToolbar,:where(html:not(.is-dark)) .KsShapeToolbar__popover{border:1px solid var(--border-color-light)!important}}:where(html.is-light) .KsShapeToolbar,:where(html.is-light) .KsShapeToolbar__popover{border:1px solid var(--border-color-light)!important}.KsShapeToolbar{display:flex;padding:8px;min-height:48px;gap:4px;align-items:flex-start}.KsShapeToolbar__popover{padding:8px!important}.KsShapeToolbar__selector{display:flex;flex-direction:column;gap:8px}.KsShapeToolbar__selector-title{font-weight:400;font-style:normal;font-size:12px;line-height:150%}.KsShapeToolbar__selector-items{display:flex;flex-wrap:wrap;gap:4px}.KsShapeToolbar__selector+.KsShapeToolbar__selector{margin-top:12px}.KsShapeToolbar__button{display:flex;cursor:pointer;align-items:center;justify-content:center;min-width:32px;height:32px;border:1px solid transparent;border-radius:4px;line-height:1.2}.KsShapeToolbar__button svg{width:20px;height:20px}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .KsShapeToolbar__button.isHover,:where(html:not(.is-light)) .KsShapeToolbar__button:hover{background-color:var(--hover-bg-color-dark)}}:where(html.is-dark) .KsShapeToolbar__button.isHover,:where(html.is-dark) .KsShapeToolbar__button:hover{background-color:var(--hover-bg-color-dark)}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .KsShapeToolbar__button.isHover,:where(html:not(.is-dark)) .KsShapeToolbar__button:hover{background-color:var(--hover-bg-color-light)}}:where(html.is-light) .KsShapeToolbar__button.isHover,:where(html.is-light) .KsShapeToolbar__button:hover{background-color:var(--hover-bg-color-light)}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .KsShapeToolbar__button.isActive{color:rgba(var(--primary-white-rgb),1)}}:where(html.is-dark) .KsShapeToolbar__button.isActive{color:rgba(var(--primary-white-rgb),1)}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .KsShapeToolbar__button.isActive{color:rgba(var(--primary-gray-rgb),1)}}:where(html.is-light) .KsShapeToolbar__button.isActive{color:rgba(var(--primary-gray-rgb),1)}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .KsShapeToolbar__button.isActive svg{color:rgba(var(--primary-white-rgb),1)}}:where(html.is-dark) .KsShapeToolbar__button.isActive svg{color:rgba(var(--primary-white-rgb),1)}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .KsShapeToolbar__button.isActive svg{color:rgba(var(--primary-gray-rgb),1)}}:where(html.is-light) .KsShapeToolbar__button.isActive svg{color:rgba(var(--primary-gray-rgb),1)}.KsShapeToolbar__divider{margin:0 8px;width:1px;height:18px}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .KsShapeToolbar__divider{background-color:var(--divider-color-dark)}}:where(html.is-dark) .KsShapeToolbar__divider{background-color:var(--divider-color-dark)}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .KsShapeToolbar__divider{background-color:var(--divider-color-light)}}:where(html.is-light) .KsShapeToolbar__divider{background-color:var(--divider-color-light)}.KsShapeToolbar .KsShapeToolbar__divider{margin-top:6px}.KsShapeToolbar__color,.KsShapeToolbar__theme{position:relative;overflow:hidden;width:20px;height:20px;border-radius:50%}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .KsShapeToolbar__color,:where(html:not(.is-light)) .KsShapeToolbar__theme{border:1px solid var(--divider-color-dark)}}:where(html.is-dark) .KsShapeToolbar__color,:where(html.is-dark) .KsShapeToolbar__theme{border:1px solid var(--divider-color-dark)}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .KsShapeToolbar__color,:where(html:not(.is-dark)) .KsShapeToolbar__theme{border:1px solid var(--divider-color-light)}}:where(html.is-light) .KsShapeToolbar__color,:where(html.is-light) .KsShapeToolbar__theme{border:1px solid var(--divider-color-light)}.KsShapeToolbar__color:after,.KsShapeToolbar__theme:after{position:absolute;right:0;top:1px;display:var(--selector-slash-display);width:1px;height:150%;content:"";transform:rotate(45deg);transform-origin:top right}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .KsShapeToolbar__color:after,:where(html:not(.is-light)) .KsShapeToolbar__theme:after{background-color:var(--divider-color-dark)}}:where(html.is-dark) .KsShapeToolbar__color:after,:where(html.is-dark) .KsShapeToolbar__theme:after{background-color:var(--divider-color-dark)}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .KsShapeToolbar__color:after,:where(html:not(.is-dark)) .KsShapeToolbar__theme:after{background-color:var(--divider-color-light)}}:where(html.is-light) .KsShapeToolbar__color:after,:where(html.is-light) .KsShapeToolbar__theme:after{background-color:var(--divider-color-light)}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .KsShapeToolbar__text-shadow{text-shadow:0 0 8px var(--divider-color-dark)}}:where(html.is-dark) .KsShapeToolbar__text-shadow{text-shadow:0 0 8px var(--divider-color-dark)}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .KsShapeToolbar__text-shadow{text-shadow:0 0 8px var(--divider-color-light)}}:where(html.is-light) .KsShapeToolbar__text-shadow{text-shadow:0 0 8px var(--divider-color-light)}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .KsShapeToolbar__geo{background-color:var(--font-color-dark)}}:where(html.is-dark) .KsShapeToolbar__geo{background-color:var(--font-color-dark)}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .KsShapeToolbar__geo{background-color:var(--font-color-light)}}:where(html.is-light) .KsShapeToolbar__geo{background-color:var(--font-color-light)}