.dropdown[data-v-8425b8a8]{background-color:var(--bg-color);border:1px solid var(--border-color);box-shadow:0 5px 15px #223c5033;display:flex;flex-direction:column;margin-top:5px;position:absolute;z-index:100}.el[data-v-8425b8a8],.selected[data-v-8425b8a8]{align-items:center;background:transparent;color:var(--text-color);cursor:pointer;display:flex;font-size:15px;height:40px;padding:0 10px;width:120px}.selected[data-v-8425b8a8]{background-color:var(--bg-color);border:1px solid var(--border-color);justify-content:space-between;position:relative}.el[data-v-8425b8a8]:hover{background-color:var(--bg-color3)}path[data-v-8425b8a8]{fill:var(--text-color)}.settings-container[data-v-5da07f63]{align-items:start;background:linear-gradient(var(--bg-color) 85%,transparent 100%);container-type:inline-size;display:flex;flex-grow:1;justify-content:space-between;margin-inline:30px;padding:20px 0;position:sticky;top:0;z-index:100}@container (width < 730px){.settings[data-v-5da07f63]{flex-wrap:wrap}.view-wrapper[data-v-5da07f63]{display:none}.text[data-v-5da07f63],.text-wrapper[data-v-5da07f63]{flex-grow:1;min-width:250px;order:5}.colors-wrapper[data-v-5da07f63]{flex-grow:1;margin-left:auto;order:1}.swap[data-v-5da07f63]{order:2}.range-wrapper[data-v-5da07f63]{min-width:310px;order:6;padding:0!important}.reset-wrapper[data-v-5da07f63]{order:3}.reset[data-v-5da07f63],.reset-wrapper[data-v-5da07f63],.share[data-v-5da07f63],.swap[data-v-5da07f63]{flex-grow:1;width:auto}.share[data-v-5da07f63]{order:4}}@container (730px <= width < 930px){.settings[data-v-5da07f63]{flex-wrap:wrap}.view-wrapper[data-v-5da07f63]{display:flex}.range-input[data-v-5da07f63],.range-wrapper[data-v-5da07f63],.text[data-v-5da07f63],.text-wrapper[data-v-5da07f63]{flex-grow:1}.range-wrapper[data-v-5da07f63],.text[data-v-5da07f63]{min-width:350px}}@container (width >= 930px){.settings[data-v-5da07f63]{flex-wrap:nowrap}.view-wrapper[data-v-5da07f63]{display:flex}.range-input[data-v-5da07f63],.range-wrapper[data-v-5da07f63],.text[data-v-5da07f63],.text-wrapper[data-v-5da07f63]{flex-grow:1}}@container (width <= 1024px){.text-wrapper[data-v-5da07f63]{order:1}}.settings[data-v-5da07f63]{flex-grow:1;gap:15px;padding:15px}.settings[data-v-5da07f63],.view-button1[data-v-5da07f63],.view-button2[data-v-5da07f63]{align-items:center;background-color:var(--bg-color2);border:1px solid var(--border-color);display:flex}.view-button1[data-v-5da07f63],.view-button2[data-v-5da07f63]{cursor:pointer;padding:7px}.view-button1 path[data-v-5da07f63],.view-button2 path[data-v-5da07f63]{fill:var(--text-color)}.view-button1[data-v-5da07f63]{-webkit-border-bottom-left-radius:5px;border-right:0;-webkit-border-top-left-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-bottomleft:5px;border-bottom-left-radius:5px;border-top-left-radius:5px}.view-button2[data-v-5da07f63]{-webkit-border-bottom-right-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topright:5px;-moz-border-radius-bottomright:5px;border-bottom-right-radius:5px;border-top-right-radius:5px}.view-active[data-v-5da07f63]{background-color:var(--bg-color);cursor:auto}.view-active path[data-v-5da07f63]{fill:var(--app-color)}.text-wrapper[data-v-5da07f63]{border:1px solid var(--border-color);display:flex;height:38px;position:relative}.text[data-v-5da07f63]{background-color:var(--bg-color);border:transparent;color:var(--text-color);display:flex;font-size:15px;height:36px;padding-left:36px}.text[data-v-5da07f63]:focus,.text[data-v-5da07f63]:hover{outline:1px solid var(--app-color)}.text-svg[data-v-5da07f63]{display:block;left:4px;position:absolute;top:4px}.text-svg path[data-v-5da07f63]{fill:var(--app-color)}.colors-wrapper[data-v-5da07f63]{align-items:stretch;display:flex;height:38px}#bg[data-v-5da07f63],#color[data-v-5da07f63]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border-color);border-radius:6px;cursor:pointer;display:flex;flex-shrink:0;height:24px;width:24px}#color[data-v-5da07f63]{align-self:flex-start;margin:0;z-index:2}#bg[data-v-5da07f63]{align-self:flex-end;z-index:1}.swap[data-v-5da07f63]{align-items:center;background-color:var(--bg-color);border:1px solid var(--border-color);cursor:pointer;display:flex;flex-grow:1;justify-content:center;margin-left:10px;padding:0 5px}input[type=color][data-v-5da07f63]::-webkit-color-swatch-wrapper{padding:0}input[type=color][data-v-5da07f63]::-webkit-color-swatch{border:none}.range-wrapper[data-v-5da07f63]{align-items:center;border:1px solid var(--border-color);display:flex;flex:1 0;height:38px;padding-inline:10px!important}.slider-label[data-v-5da07f63]{display:flex;flex-shrink:0}.slider-label svg path[data-v-5da07f63]{fill:var(--app-color)}.range-input[data-v-5da07f63]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:3px;cursor:pointer;display:flex;flex:1 0;height:3px;min-width:150px;outline:none}.range-input[data-v-5da07f63]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--app-color2);border:none;border-radius:50%;height:12px;-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out;width:12px}.range-input[data-v-5da07f63]::-moz-range-thumb{background-color:var(--app-color2);border:none;border-radius:50%;height:14px;-moz-transition:.2s ease-in-out;transition:.2s ease-in-out;width:14px}.range-input[data-v-5da07f63]::-webkit-slider-thumb:hover{box-shadow:0 0 0 5px #0080ff1a}.range-input[data-v-5da07f63]:active::-webkit-slider-thumb{box-shadow:0 0 0 8px #008cff33}.range-input[data-v-5da07f63]:focus::-webkit-slider-thumb{box-shadow:0 0 0 12px #0062be33}.range-input[data-v-5da07f63]::-moz-range-thumb:hover{box-shadow:0 0 0 5px #0080ff1a}.range-input[data-v-5da07f63]:active::-moz-range-thumb{box-shadow:0 0 0 8px #008cff33}.range-input[data-v-5da07f63]:focus::-moz-range-thumb{box-shadow:0 0 0 12px #0062be33}.reset-wrapper[data-v-5da07f63]{display:flex;height:40px;justify-content:flex-end;margin-left:auto;width:46px}.reset[data-v-5da07f63],.share[data-v-5da07f63]{align-items:center;background-color:var(--bg-color);border:1px solid var(--border-color);cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;padding-inline:10px}.reset svg g[data-v-5da07f63],.share svg g[data-v-5da07f63]{stroke:var(--app-color)}.reset svg g circle[data-v-5da07f63]{fill:var(--app-color)}.disabled[data-v-5da07f63]{background-color:transparent;cursor:auto}.disabled svg g[data-v-5da07f63]{stroke:var(--border-color)}.disabled svg g circle[data-v-5da07f63]{fill:var(--border-color)}label[data-v-5da07f63]{align-items:center;display:flex;justify-content:center}@media (width <= 767px){.settings-container[data-v-5da07f63]{margin-inline:0;padding:10px;position:relative;top:auto}}