._details_y88b8_3{height:100%;width:100%;position:relative}._summary_y88b8_9{height:100%;list-style:none;display:flex}._summary_y88b8_9>div{height:100%;width:32px;border-radius:0;overflow:hidden}._summary_y88b8_9._newElementToolbar_y88b8_22>div{width:100%}._summary_y88b8_9._seamless_y88b8_26>div{width:44px}:root{--theme-n0: 255, 255, 255;--theme-n20: 244, 245, 247;--theme-n30: 235, 236, 240;--theme-n40: 223, 225, 230;--theme-n50: 193, 199, 208;--theme-n200: 107, 119, 140;--theme-n300: 94, 108, 132;--theme-n400: 80, 95, 121;--theme-n700: 37, 56, 88;--theme-n800: 23, 43, 77;--theme-n900: 9, 30, 66;--theme-r400: 222, 53, 11;--theme-t600: 29, 154, 170;--theme-n100a: 3, 4, 4;--canvas-surface: #fff;--canvas-surface-overlay: #fff;--canvas-scrollbar-track: #fff;--canvas-icon: #44546f;--canvas-text-highlight: #b4d5fe;--theme-n500-new: 68, 84, 111;--theme-n700-new: 98, 111, 134;--theme-text: 23, 43, 77;--theme-text-subtle: 68, 84, 111;--theme-text-subtlest: 98, 111, 134;--theme-button-background: #1d7afc;--theme-button-background-light: #388bff;--theme-background-brand-bold: 12, 102, 228;--theme-background-brand-bold-hovered: 0, 85, 204;--theme-background-brand-bold-pressed: 9, 50, 108;--theme-background-loading-state: #f7f8f9;--theme-tile-background-gradient: #f7f8f9;--replace-with-ds-border-bold: #758195;--replace-with-ds-border-accent-gray: #758195;--canvas-toolbar-icon-shadow: 0 2px 6px rgba(var(--theme-n900), 9%), 0 0 2px rgba(var(--theme-n900), 9%), inset 0 0 1px rgba(var(--theme-n900), 31%);--canvas-toolbar-icon-hover-shadow: 0 8px 12px rgba(var(--theme-n900), 15%), 0 0 2px rgba(var(--theme-n900), 9%), inset 0 0 1px rgba(var(--theme-n900), 31%);--canvas-shadow-default: 0 2px 8px rgba(var(--theme-n900), 5%), 0 2px 16px rgba(var(--theme-n900), 12%), 0 0 1px rgba(var(--theme-n900), 31%);--canvas-modal-shadow: 0 3px 16px rgba(9, 30, 66, 8%), 0 2px 6px 1px rgba(9, 30, 66, 9%), 0 0 1px rgba(9, 30, 66, 31%);--canvas-swatch-shadow-hover: 0 0 0 1px white, 0 0 0 2px rgba(var(--theme-n900), .13);--canvas-selection-box-center-color: rgba(133, 184, 255, 20%);--canvas-teal-medium: #c8f4f9;--canvas-dropdown-hovered: rgba(9, 30, 66, 6%);--canvas-scrollbar-thumb: rgb(235, 236, 240);--canvas-grey-lod: rgb(235, 236, 240);--canvas-issue-banner: #f1f2f4;--canvas-element-loading: #f1f2f4;--canvas-background-link-loading: #f1f2f4;--canvas-background-link-element-loading: #dcdfe4;--canvas-background-link-embed-loading: #f1f2f4;--canvas-more-shapes-sidebar-shadow: var( --ds-shadow-overlay, 0 0 1px 0 rgba(30, 31, 33, 31%), 0 8px 12px 0 rgba(30, 31, 33, 15%) );--canvas-more-shapes-sidebar-background-color: var( --ds-surface-overlay, var(--canvas-surface-overlay, #fff) );--slides-icon-selected: #0c66e4;--slides-border-selected: #0c66e4;--slides-background-accent-blue-subtlest: #e9f2ff;--canvas-image-tool-filter-shadow: drop-shadow(0 1px 1px rgba(30, 31, 33, 25%)) drop-shadow(0 0 1px rgba(30, 31, 33, 31%));--canvas-image-tool-hover-filter-shadow: drop-shadow(0 8px 12px rgba(30, 31, 33, 15%)) drop-shadow(0 0 1px rgba(30, 31, 33, 31%))}html[data-color-mode=dark]{--canvas-shadow-default: 0 2px 8px rgba(var(--theme-n100a), 15%), 0 2px 16px rgba(var(--theme-n100a), 30%), 0 0 1px rgba(var(--theme-n100a), 70%);--canvas-toolbar-icon-shadow: 0 0 5px rgba(3, 4, 4, 25%), 0 2px 6px rgba(3, 4, 4, 25%), inset 0 0 1px rgba(3, 4, 4, 60%);--canvas-toolbar-icon-hover-shadow: 0 0 2px rgba(3, 4, 4, 25%), 0 8px 12px rgba(3, 4, 4, 50%), inset 0 0 1px rgba(3, 4, 4, 60%);--canvas-toolbar-icon-filter-shadow: drop-shadow(0 0 4px rgba(var(--theme-n100a), 20%)) drop-shadow(0 0 2px rgba(var(--theme-n100a), 50%));--canvas-swatch-shadow-hover: 0 0 0 1px rgb(22, 26, 29), 0 0 0 2px rgba(255, 255, 255, 20%);--canvas-text-highlight: #466388;--canvas-scrollbar-thumb: rgba(102, 102, 102, 40%);--canvas-grey-lod: #22272b;--canvas-image-tool-filter-shadow: drop-shadow(0 1px 1px rgba(1, 4, 4, 50%)) drop-shadow(0 0 1px rgba(1, 4, 4, 50%));--canvas-image-tool-hover-filter-shadow: drop-shadow(0 8px 12px rgba(1, 4, 4, 36%)) drop-shadow(0 0 1px rgba(1, 4, 4, 50%));--canvas-surface: #1f1f21;--canvas-surface-overlay: #282e33;--canvas-scrollbar-track: #2b2c2f;--canvas-icon: #9fadbc;--canvas-teal-medium: #1d474c;--canvas-dropdown-hovered: rgba(166, 197, 226, 16%);--canvas-issue-banner: #a6c5e229;--canvas-element-loading: #a1bdd914;--canvas-background-link-loading: #1f1f21;--canvas-background-link-element-loading: #a1bdd914;--canvas-background-link-embed-loading: #161a1d;--canvas-more-shapes-sidebar-shadow: var( --ds-shadow-overlay, 0 3px 16px rgba(var(--theme-n100a), 20%), 0 2px 6px 1px rgba(var(--theme-n100a), 25%), 0 0 2px rgba(var(--theme-n100a), 70%) );--canvas-more-shapes-sidebar-background-color: var( --ds-surface-overlay, var(--canvas-surface-overlay, #2b2c2f) )}._swatch_11y11_3{flex:0 0 24px;border-radius:var(--ds-radius-small, 4px);width:24px;height:24px;font-size:0;appearance:none;position:relative}._swatchSmall_11y11_13{flex:0 0 20px;width:20px;height:20px}._swatch_11y11_3._border_11y11_19{clip-path:polygon(0 0,0 100%,100% 100%,100% 0,0 0,5px 5px,19px 5px,19px 19px,5px 19px,5px 5px)}._swatchInnerBorder_11y11_34{background-clip:padding-box;border:var(--ds-border-width, 1px) solid var(--ds-border, rgba(var(--theme-n900), .13));width:14px;height:14px;top:4px;left:4px;position:absolute}._swatchSmall_11y11_13._border_11y11_19{clip-path:polygon(0 0,0 100%,100% 100%,100% 0,0 0,4px 4px,16px 4px,16px 16px,4px 16px,4px 4px)}._swatchSmall_11y11_13 ._swatchInnerBorder_11y11_34{width:12px;height:12px;top:3px;left:3px}._swatchOuterBackground_11y11_67{box-sizing:border-box;border:var(--ds-border-width, 1px) solid var(--ds-border, rgba(var(--theme-n900), .13))}._swatchBackground_11y11_73{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--ds-radius-small, 4px)}._fillBackground_11y11_82{background-color:var(--ds-surface-overlay, white)}._checkmark_11y11_86{position:absolute;pointer-events:none;width:20px;height:20px}._checkmarkRefreshed_11y11_93{position:absolute;pointer-events:none;height:24px}._checker_11y11_99{background-image:repeating-conic-gradient(var(--ds-background-neutral-hovered, #091e420f) 0% 25%,transparent 0% 50%);background-size:16px 16px;background-position:0 0,0 6px,6px -6px,-6px 0}._swatchSmall_11y11_13 ._checker_11y11_99{background-size:calc(40px / 3) calc(40px / 3)}._checker_11y11_99._topLeftOnly_11y11_121{clip-path:polygon(0 0,100% 0,0 100%)}._checker_11y11_99._bottomRightOnly_11y11_125{clip-path:polygon(100% 0,0 100%,100% 100%)}._swatchContainer_11y11_129{display:flex;justify-content:center;align-items:center}._swatchContainer_11y11_129._darkCheck_11y11_135{color:var(--ds-icon, #44546f)}._swatchContainer_11y11_129._lightCheck_11y11_139{color:var(--ds-icon-inverse, #fff)}._groupSwatch_11y11_143{cursor:pointer;margin:0}._groupSwatch_11y11_143:hover{box-shadow:var( --canvas-swatch-shadow-hover, 0 0 0 1px white 0 0 0 2px rgba(var(--theme-n900), .13) )}._swatches_1kfje_1{position:absolute;top:-6px;left:0;display:grid;grid-template-rows:repeat(3,auto);grid-template-columns:repeat(10,auto);row-gap:8px;column-gap:8px;padding:8px;margin:0;box-sizing:border-box;transform:translateY(-100%);border-radius:var(--ds-radius-small, 3px);box-shadow:var(--canvas-shadow-default);background:var(--ds-surface-overlay, #fff);align-content:space-evenly;justify-content:space-evenly}._swatches_1kfje_1._seamless_1kfje_21{top:-3px}._swatches_1kfje_1 ._swatch_1kfje_1{margin:0 8px 8px 0;cursor:pointer}._swatches_1kfje_1 ._swatch_1kfje_1:hover{box-shadow:0 0 0 1px var(--ds-border-input, white),0 0 0 2px rgba(var(--theme-n900),.13)}._swatches_1kfje_1 ._strokeStyleContainer_1kfje_37{grid-column:1 / span 10;display:flex;gap:8px;justify-content:space-between}._swatches_1kfje_1 ._strokeStyleContainer_1kfje_37>*{flex:1 1 50%}._swatches_1kfje_1 ._strokeStyleButton_1kfje_48{width:100%}._swatches_1kfje_1 ._randomizeButtonContainer_1kfje_54{grid-column:1 / span 10;display:flex;gap:8px;justify-content:space-around}._swatches_1kfje_1 ._randomizeButtonContainer_1kfje_54>div[role=presentation]{width:100%}._swatches_1kfje_1 ._randomizeButtonContainer_1kfje_54 ._randomizeButton_1kfje_54{width:100%}._swatches_1kfje_1 ._randomizeButton_1kfje_54>*{justify-content:center}._swatches_1kfje_1 ._randomizeButton_1kfje_54>*>span{align-items:center!important;justify-content:center;gap:6px;width:auto}
