.editor-size-slider[data-v-4bded395]{min-width:min(100%,19rem)}.editor-size-slider__value[data-v-4bded395]{border:1px solid rgb(var(--editor-tone-border-rgb));background:rgb(var(--editor-tone-soft-rgb));color:rgb(var(--editor-tone-text-rgb));white-space:nowrap;border-radius:9999px;padding:.375rem .625rem;font-size:11px;font-weight:700;line-height:1}.editor-size-slider__track-wrap[data-v-4bded395]{--editor-size-thumb-size:1.25rem;--editor-size-track-height:.5rem;--editor-size-slider-line-center:calc(.25rem + (var(--editor-size-thumb-size) / 2));padding:.25rem 0;position:relative}.editor-size-slider__track-wrap--with-labels[data-v-4bded395]{padding-bottom:1.5rem}.editor-size-slider__stops[data-v-4bded395]{left:0;right:0;top:var(--editor-size-slider-line-center);position:absolute;transform:translateY(-50%)}.editor-size-slider__stop[data-v-4bded395]{color:#94a3b8;height:var(--editor-size-thumb-size);letter-spacing:.08em;text-transform:uppercase;width:var(--editor-size-thumb-size);background:0 0;border:0;justify-content:center;align-items:center;padding:0;font-size:9px;font-weight:700;transition:color .2s;display:inline-flex;position:absolute;transform:translate(-50%,-50%)}.editor-size-slider__stop[data-v-4bded395]:disabled{cursor:default}.editor-size-slider__stop-dot[data-v-4bded395]{background:rgb(var(--editor-tone-border-rgb));height:.625rem;opacity:calc(1 - var(--editor-stop-overlap,0));border:2px solid #fff;border-radius:9999px;width:.625rem;transition:transform .2s,opacity .2s,border-color .2s,background-color .2s,box-shadow .2s;display:block}.editor-size-slider__stop-label[data-v-4bded395]{white-space:nowrap;transition:opacity .2s,transform .2s,color .2s;position:absolute;top:calc(100% + .5rem);left:50%;transform:translate(-50%)}.editor-size-slider__stop:hover .editor-size-slider__stop-dot[data-v-4bded395],.editor-size-slider__stop--active .editor-size-slider__stop-dot[data-v-4bded395]{background:rgb(var(--editor-tone-end-rgb));box-shadow:0 0 0 2px rgb(var(--editor-tone-shadow-rgb) / .16);transform:scale(calc(1.1 - (var(--editor-stop-overlap,0) * .45)));border-color:#fff}.editor-size-slider__stop:hover .editor-size-slider__stop-label[data-v-4bded395],.editor-size-slider__stop--active .editor-size-slider__stop-label[data-v-4bded395]{color:#475569;opacity:1;transform:translate(-50%)translateY(0)}.editor-size-slider__stop:not(:hover):not(.editor-size-slider__stop--active) .editor-size-slider__stop-label[data-v-4bded395]{opacity:.72;transform:translate(-50%)translateY(2px)}.editor-size-slider__stop[data-v-4bded395]:hover,.editor-size-slider__stop--active[data-v-4bded395]{color:#475569}.editor-size-slider__input[data-v-4bded395]{appearance:none;height:var(--editor-size-thumb-size);background:0 0;width:100%;margin:0;display:block}.editor-size-slider__input[data-v-4bded395]:focus{outline:none}.editor-size-slider__input[data-v-4bded395]::-webkit-slider-runnable-track{background:linear-gradient(to right, rgb(var(--editor-tone-start-rgb)) 0%, rgb(var(--editor-tone-end-rgb)) var(--editor-size-progress), #e2e8f0 var(--editor-size-progress), #e2e8f0 100%);height:var(--editor-size-track-height);border-radius:9999px}.editor-size-slider__input[data-v-4bded395]::-moz-range-track{background:linear-gradient(to right, rgb(var(--editor-tone-start-rgb)) 0%, rgb(var(--editor-tone-end-rgb)) var(--editor-size-progress), #e2e8f0 var(--editor-size-progress), #e2e8f0 100%);height:var(--editor-size-track-height);border-radius:9999px}.editor-size-slider__input[data-v-4bded395]::-webkit-slider-thumb{appearance:none;border:3px solid rgb(var(--editor-tone-end-rgb));box-shadow:0 6px 18px rgb(var(--editor-tone-shadow-rgb) / .18), 0 0 0 6px rgb(var(--editor-tone-shadow-rgb) / .08);cursor:pointer;height:var(--editor-size-thumb-size);margin-top:calc((var(--editor-size-track-height) - var(--editor-size-thumb-size)) / 2);width:var(--editor-size-thumb-size);background:#fff;border-radius:9999px;transition:transform .2s,box-shadow .2s}.editor-size-slider__input[data-v-4bded395]::-moz-range-thumb{border:3px solid rgb(var(--editor-tone-end-rgb));box-shadow:0 6px 18px rgb(var(--editor-tone-shadow-rgb) / .18), 0 0 0 6px rgb(var(--editor-tone-shadow-rgb) / .08);cursor:pointer;height:var(--editor-size-thumb-size);width:var(--editor-size-thumb-size);background:#fff;border-radius:9999px;transition:transform .2s,box-shadow .2s}.editor-size-slider__input[data-v-4bded395]:hover::-webkit-slider-thumb{box-shadow:0 8px 22px rgb(var(--editor-tone-shadow-rgb) / .22), 0 0 0 8px rgb(var(--editor-tone-shadow-rgb) / .1);transform:scale(1.16)}.editor-size-slider__input[data-v-4bded395]:focus::-webkit-slider-thumb{box-shadow:0 8px 22px rgb(var(--editor-tone-shadow-rgb) / .22), 0 0 0 8px rgb(var(--editor-tone-shadow-rgb) / .1);transform:scale(1.16)}.editor-size-slider__input[data-v-4bded395]:hover::-moz-range-thumb{box-shadow:0 8px 22px rgb(var(--editor-tone-shadow-rgb) / .22), 0 0 0 8px rgb(var(--editor-tone-shadow-rgb) / .1);transform:scale(1.16)}.editor-size-slider__input[data-v-4bded395]:focus::-moz-range-thumb{box-shadow:0 8px 22px rgb(var(--editor-tone-shadow-rgb) / .22), 0 0 0 8px rgb(var(--editor-tone-shadow-rgb) / .1);transform:scale(1.16)}.editor-tool-button[data-v-a8bfaaf3]{color:#475569;background:#fff;border-color:#e2e8f0;transition:border-color .2s,background-color .2s,color .2s,box-shadow .2s}.editor-tool-button--active[data-v-a8bfaaf3]{background:rgb(var(--editor-tone-soft-rgb));border-color:rgb(var(--editor-tone-end-rgb));box-shadow:0 0 0 3px rgb(var(--editor-tone-shadow-rgb) / .08);color:rgb(var(--editor-tone-text-rgb))}