@yoobic/yobi 8.7.4 → 8.7.5

package/dist/esm/yoo-form-feedback.entry.js

@@ -1,11 +1,11 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-23b437f1.js';
-import './index-45fc8fac.js';
-import { g as getAppContext } from './common-helpers-463dd600.js';
-import { a as setValidator, s as setValueAndValidateInput } from './form-input-helpers-6538072d.js';
+import './index-8968d0fb.js';
+import { g as getAppContext } from './common-helpers-6a15cd02.js';
+import { a as setValidator, s as setValueAndValidateInput } from './form-input-helpers-fc7a99da.js';
 import { b as isNumber } from './lodash-8307f78b.js';
 import { f as feedbackValues } from './index-2319a076.js';
-import { t as translate, cE as getConfidenceDescriptionKey } from './index-1d968c40.js';
-import './index-a5602a7c.js';
+import { t as translate, cE as getConfidenceDescriptionKey } from './index-339f53e6.js';
+import './index-c1ffdb32.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const formFeedbackCss = "svg:not(:root){overflow:hidden}:host .heading{padding-bottom:var(--spacing-48, 3rem);font-weight:var(--font-weight-400, 400);font-size:var(--font-size-28, 1.75rem);text-align:center}:host .feedback-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:space-evenly;justify-content:space-evenly}:host .readonly{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:start;justify-content:flex-start}:host .readonly span{font-size:var(--font-size-36, 2.25rem)}:host([type=confidence]){display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host([type=confidence]) yoo-form-choice-card{--card-border-color:transparent}:host([type=confidence]) .container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;max-width:25rem}:host([type=confidence]) .container .heading{margin:0 var(--spacing-16, 1rem);color:var(--light, #ffffff)}:host([type=confidence]) .container .feedback-container,:host([type=confidence]) .container .readonly{-ms-flex-pack:justify;justify-content:space-between;margin:0 var(--spacing-24, 1.5rem)}:host([type=confidence]) .container .feedback-container .feedback,:host([type=confidence]) .container .readonly .feedback{width:4.375rem;margin-right:var(--spacing-16, 1rem)}:host([type=confidence]) .container .feedback-container .feedback .description,:host([type=confidence]) .container .readonly .feedback .description{margin:0;padding-top:var(--spacing-16, 1rem);color:var(--light, #ffffff);line-height:var(--spacing-24, 1.5rem);text-align:center;word-break:break-word}:host([type=confidence]) .container .button-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin-top:var(--spacing-64, 4rem)}:host([type=confidence]) .container .readonly{display:grid;grid-template-columns:repeat(3, minmax(0px, 1fr));margin:0;-webkit-column-gap:var(--spacing-16, 1rem);-moz-column-gap:var(--spacing-16, 1rem);column-gap:var(--spacing-16, 1rem)}:host(.mobile) .button-container{position:absolute;bottom:0.375rem;left:0;width:100%}:host(.mobile) .button-container yoo-button{width:100%;margin:var(--spacing-16, 1rem)}:host(.web) .container{margin:0 auto}:host([isLesson]) .container{height:100%}";

package/dist/esm/yoo-form-filter-date.entry.js

@@ -1,8 +1,8 @@
 import { r as registerInstance, i as createEvent, h } from './index-23b437f1.js';
-import { F as FormFilterDateOperator } from './index-a5602a7c.js';
-import './index-45fc8fac.js';
+import { F as FormFilterDateOperator } from './index-c1ffdb32.js';
+import './index-8968d0fb.js';
 import { f as isEqual } from './lodash-8307f78b.js';
-import { af as dateFormat, t as translate } from './index-1d968c40.js';
+import { af as dateFormat, t as translate } from './index-339f53e6.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const suffixes = {

package/dist/esm/yoo-form-filter-dialog.entry.js

@@ -1,7 +1,7 @@
 import { h, r as registerInstance, i as createEvent, e as Host, g as getElement } from './index-23b437f1.js';
-import './index-45fc8fac.js';
-import { F as FormFilterDateOperator, z as FormFilterNumberOperator, D as FormFilterTextOperator } from './index-a5602a7c.js';
-import { t as translate, w as closeModal, ae as translateMulti, H as isWeb } from './index-1d968c40.js';
+import './index-8968d0fb.js';
+import { F as FormFilterDateOperator, z as FormFilterNumberOperator, D as FormFilterTextOperator } from './index-c1ffdb32.js';
+import { t as translate, w as closeModal, ae as translateMulti, H as isWeb } from './index-339f53e6.js';
 import './lodash-8307f78b.js';
 import './_commonjsHelpers-f4d11124.js';
 

package/dist/esm/yoo-form-filter-number.entry.js

@@ -1,8 +1,8 @@
 import { r as registerInstance, i as createEvent, h } from './index-23b437f1.js';
-import { z as FormFilterNumberOperator } from './index-a5602a7c.js';
-import './index-45fc8fac.js';
+import { z as FormFilterNumberOperator } from './index-c1ffdb32.js';
+import './index-8968d0fb.js';
 import { c as cloneDeep, f as isEqual } from './lodash-8307f78b.js';
-import { t as translate } from './index-1d968c40.js';
+import { t as translate } from './index-339f53e6.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const YooFormFilterNumberComponent = class {

package/dist/esm/yoo-form-filter-text.entry.js

@@ -1,8 +1,8 @@
 import { r as registerInstance, i as createEvent, h } from './index-23b437f1.js';
-import { D as FormFilterTextOperator } from './index-a5602a7c.js';
-import './index-45fc8fac.js';
+import { D as FormFilterTextOperator } from './index-c1ffdb32.js';
+import './index-8968d0fb.js';
 import { f as isEqual } from './lodash-8307f78b.js';
-import { t as translate } from './index-1d968c40.js';
+import { t as translate } from './index-339f53e6.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const YooFormFilterTextComponent = class {

package/dist/esm/yoo-form-filter.entry.js

@@ -1,8 +1,8 @@
 import { r as registerInstance, i as createEvent, h, g as getElement } from './index-23b437f1.js';
-import './index-45fc8fac.js';
-import { H as isWeb, G as showModal, E as getModalAnimation, ae as translateMulti } from './index-1d968c40.js';
+import './index-8968d0fb.js';
+import { H as isWeb, G as showModal, E as getModalAnimation, ae as translateMulti } from './index-339f53e6.js';
 import './lodash-8307f78b.js';
-import './index-a5602a7c.js';
+import './index-c1ffdb32.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const formFilterCss = "svg:not(:root){overflow:hidden}:host input{padding:0;color:inherit;font:inherit;background:transparent;border:none;outline:none;-webkit-box-shadow:none;box-shadow:none;cursor:inherit}:host input::-webkit-input-placeholder{color:var(--stable, #adadad)}:host input::-moz-placeholder{color:var(--stable, #adadad)}:host input:-ms-input-placeholder{color:var(--stable, #adadad)}:host input::-ms-input-placeholder{color:var(--stable, #adadad)}:host input::placeholder{color:var(--stable, #adadad)}:host .input{display:grid;grid-auto-flow:column;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;background-color:var(--light, #ffffff);border:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0);cursor:pointer}:host([inline]) yoo-form-filter-dialog{position:static;margin-top:var(--spacing-08, 0.5rem)}:host(:hover) .input,:host([expanded]) .input{border:var(--border-width-01, 0.0625rem) solid var(--dark, #000000)}:host([size=small]){font-size:var(--font-size-12, 0.75rem)}:host([size=small]) .input{gap:var(--spacing-08, 0.5rem);height:1.5rem;padding:0 var(--spacing-08, 0.5rem);border-radius:var(--border-radius-02, 0.125rem)}:host([size=medium]){font-size:var(--font-size-14, 0.875rem)}:host([size=medium]) .input{gap:var(--spacing-08, 0.5rem);height:2rem;padding:0 var(--spacing-08, 0.5rem);border-radius:var(--border-radius-04, 0.25rem)}:host([size=large]){font-size:var(--font-size-16, 1rem)}:host([size=large]) .input{gap:var(--spacing-16, 1rem);height:3rem;padding:0 var(--spacing-16, 1rem);border-radius:var(--border-radius-08, 0.5rem)}:host([color=stable-alt]) .input{background:var(--stable-alt, #d0d0d0)}:host([color=stable-light]) .input{background:var(--stable-light, #f1f1f1)}:host([color=light]) .input{background:var(--light, #ffffff)}";

package/dist/esm/yoo-form-footer.entry.js

@@ -1,10 +1,10 @@
 import { r as registerInstance, h, e as Host, g as getElement } from './index-23b437f1.js';
-import './index-45fc8fac.js';
-import { g as getButton } from './button.factory-988e7d63.js';
-import { t as hideShowTabbar, g as getAppContext } from './common-helpers-463dd600.js';
+import './index-8968d0fb.js';
+import { g as getButton } from './button.factory-78883f38.js';
+import { t as hideShowTabbar, g as getAppContext } from './common-helpers-6a15cd02.js';
 import { b as isNumber } from './lodash-8307f78b.js';
-import { H as isWeb, eC as getTimeOneLetterFormat } from './index-1d968c40.js';
-import './index-a5602a7c.js';
+import { H as isWeb, eD as getTimeOneLetterFormat } from './index-339f53e6.js';
+import './index-c1ffdb32.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const formFooterCss = "svg:not(:root){overflow:hidden}:host{--border-radius:0;--border:none;z-index:1;width:100%}:host .outer-container{z-index:2;padding-bottom:var(--safe-area-inset-bottom);background-color:var(--light, #ffffff)}:host .outer-container yoo-copyright{padding:var(--spacing-08, 0.5rem)}:host .outer-container .buttons-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;height:var(--footer-height);background-color:var(--light, #ffffff);border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .outer-container .buttons-container yoo-button{z-index:3}:host .outer-container .buttons-container .button-container{z-index:3;padding:var(--spacing-16, 1rem) var(--spacing-08, 0.5rem)}:host .outer-container .buttons-container .button-container.single{width:100%}:host .outer-container .buttons-container .button-container:first-child{padding-left:var(--spacing-16, 1rem)}:host .outer-container .buttons-container .button-container:last-child{padding-right:var(--spacing-16, 1rem)}:host .outer-container .buttons-container .timer-container{display:grid;grid-template-columns:20% auto;gap:var(--spacing-16, 1rem);-ms-flex-align:center;align-items:center;width:100%;max-width:14rem;-webkit-margin-start:var(--spacing-16, 1rem);margin-inline-start:var(--spacing-16, 1rem);text-align:left}:host .outer-container .buttons-container .timer-container yoo-progress-bar{--progress-bar-color:var(--app-color, #5a30f4);--stroke-width-circle:6}:host(:not(.relative)){position:absolute;top:auto;right:0;bottom:0;left:0}:host(.no-gradient) .buttons-container{height:3.125rem}:host(.mobile){--footer-height:5.75rem;min-height:var(--footer-height)}:host(.mobile) .buttons-container{-ms-flex-pack:distribute;justify-content:space-around;width:100%}:host(.mobile) .buttons-container .button-container{width:100%;overflow:hidden}:host(.mobile) .buttons-container .button-container yoo-button{--button-width-container:100%}:host(.web){--footer-height:cssvar(spacing-56);display:block;height:var(--spacing-56, 3.5rem)}:host(.web) .buttons-container{-ms-flex-pack:end !important;justify-content:flex-end !important;height:var(--spacing-56, 3.5rem)}:host(.web) .buttons-container .button-container{padding-top:var(--spacing-08, 0.5rem);padding-bottom:var(--spacing-08, 0.5rem)}:host(.web) .buttons-container .button-container yoo-button{min-width:6rem}:host(.web.copyright){--footer-height:5.75rem;height:5.75rem}:host(.web.copyright) .buttons-container{height:var(--spacing-56, 3.5rem)}:host(.no-border) .buttons-container{border-top:0}:host(.hide){display:none}:host(.full-width) .buttons-container .button-container{width:100%}:host(.web.fixed) .buttons-container{position:fixed !important}:host(.sticky.web){position:-webkit-sticky;position:sticky;bottom:0}:host(.course.web.fixed) .buttons-container{width:calc(100% - 17.5rem)}:host(.web.rating){position:absolute;top:auto;right:0;bottom:0;left:0}:host(.expanded-grid-view) .buttons-container .button-container yoo-button{width:4.125rem}@media (orientation: landscape){:host(.landscape.tablet:not(.emulate-preview)) .buttons-container{-ms-flex-pack:center;justify-content:center}:host(.landscape.tablet:not(.emulate-preview)) .buttons-container .button-container{width:25%}}:host(.lesson) .outer-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.lesson.web) .buttons-container{width:100%}:host(.slot){--footer-height:auto}:host(.slot) .outer-container{padding:0 var(--spacing-16, 1rem)}:host(.slot) .button-container{width:100%}:host(.slot) .buttons-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host(.slot) .buttons-container .header{width:100%;padding:var(--spacing-08, 0.5rem) 0}:host(.lesson-detail) .buttons-container .timer-container{-ms-flex-pack:end !important;justify-content:flex-end !important;padding-right:var(--spacing-16, 1rem)}";

package/dist/esm/yoo-form-formula.entry.js

@@ -1,11 +1,11 @@
 import { r as registerInstance, i as createEvent, h } from './index-23b437f1.js';
-import { a as setValidator } from './form-input-helpers-6538072d.js';
-import './index-1d968c40.js';
-import './index-a5602a7c.js';
+import { a as setValidator } from './form-input-helpers-fc7a99da.js';
+import './index-339f53e6.js';
+import './index-c1ffdb32.js';
 import './lodash-8307f78b.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-45fc8fac.js';
-import './common-helpers-463dd600.js';
+import './index-8968d0fb.js';
+import './common-helpers-6a15cd02.js';
 
 const formFormulaCss = "svg:not(:root){overflow:hidden}:host .readonly{padding:0.5rem 0.5rem 0 0}";
 

package/dist/esm/yoo-form-hotzones-creator.entry.js

@@ -1,9 +1,9 @@
 import { r as registerInstance, i as createEvent, f as forceUpdate, h, e as Host, g as getElement } from './index-23b437f1.js';
-import './index-45fc8fac.js';
+import './index-8968d0fb.js';
 import { s as setPlugins, p as plugin_annotate, a as appendDefaultEditor, c as createDefaultImageReader, b as createDefaultImageWriter, d as createDefaultShapePreprocessor, l as locale_en_gb, e as plugin_annotate_locale_en_gb, m as markup_editor_locale_en_gb } from './pintura-558b6ede.js';
-import { P as getCssColor, bB as hexToRgbArray, t as translate, ae as translateMulti } from './index-1d968c40.js';
+import { P as getCssColor, bB as hexToRgbArray, t as translate, ae as translateMulti } from './index-339f53e6.js';
 import './lodash-8307f78b.js';
-import './index-a5602a7c.js';
+import './index-c1ffdb32.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const formHotzonesCreatorCss = "/*!\n* Pintura Image Editor 8.47.0 \n* (c) 2018-2022 PQINA Inc. - All Rights Reserved\n* License: https://pqina.nl/pintura/license/\n*/.PinturaRadioGroup .PinturaRadioGroupOptions{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.PinturaRadioGroup .PinturaRadioGroupOptionGroup+.PinturaRadioGroupOptionGroup{margin-top:.5em}.PinturaRadioGroup .PinturaRadioGroupOption[data-hidden=true]{display:none}.PinturaRadioGroup[data-layout=row] .PinturaRadioGroupOptions{-ms-flex-direction:row;flex-direction:row}.PinturaRadioGroup label{-webkit-tap-highlight-color:transparent}.PinturaPanel.PinturaSliderPanel{border-radius:var(--border-radius-round)}.PinturaPercentageLabel{font-variant-numeric:tabular-nums;min-width:3em;text-align:center}.PinturaSliderPanel .PinturaSlider{width:10em;--knob-size:0.75em;--knob-margin-left:0.3125em;--knob-margin-right:0.3125em}.PinturaSliderPanel .PinturaSliderTrack{background-color:var(--color-foreground-10)}.PinturaSliderPanel .PinturaSliderKnob{background-color:var(--color-foreground-100);-webkit-box-shadow:0 .125em .25em rgba(0,0,0,.35),0 -.125em .25em rgba(0,0,0,.1);box-shadow:0 .125em .25em rgba(0,0,0,.35),0 -.125em .25em rgba(0,0,0,.1)}.PinturaUtilPanel[data-util=redact] .PinturaUtilFooter{padding:0}.PinturaUtilPanel[data-util=redact] .PinturaUtilFooter>div{height:1px}.pintura-editor,pintura-editor{--color-primary:#ffd843;--color-primary-dark:#ffc343;--color-primary-text:#000;--color-secondary:#03a9f4;--color-secondary-dark:#046bbf;--color-focus:4,107,191;--color-focus-100:rgba(var(--color-focus),1);--color-focus-50:rgba(var(--color-focus),0.5);--color-focus-25:rgba(var(--color-focus),0.25);--color-error:255,87,34;--color-error-100:rgb(var(--color-error));--color-error-75:rgba(var(--color-error),0.75);--color-error-50:rgba(var(--color-error),0.5);--color-error-25:rgba(var(--color-error),0.25);--color-error-10:rgba(var(--color-error),0.1);--color-foreground:0,0,0;--color-background:255,255,255;--color-preview-outline:var(--color-foreground);--color-transition-duration:250ms;--button-cursor:pointer;--font-size:16px;--font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\";--backdrop-filter-bright:brightness(110%) saturate(180%) blur(10px);--backdrop-filter-dark:brightness(90%) saturate(180%) blur(10px);--border-radius-round:9999em;--border-radius:0.625em;--filter-disabled:grayscale(95%) opacity(40%);--editor-inset-top:0px;--editor-inset-bottom:0px;--safe-area-inset-top:0px;--safe-area-inset-bottom:0px}.pintura-editor,.pintura-editor-panel,pintura-editor{--color-foreground-100:rgba(var(--color-foreground),1);--color-foreground-95:rgba(var(--color-foreground),0.95);--color-foreground-90:rgba(var(--color-foreground),0.9);--color-foreground-80:rgba(var(--color-foreground),0.8);--color-foreground-70:rgba(var(--color-foreground),0.7);--color-foreground-60:rgba(var(--color-foreground),0.6);--color-foreground-50:rgba(var(--color-foreground),0.5);--color-foreground-40:rgba(var(--color-foreground),0.4);--color-foreground-30:rgba(var(--color-foreground),0.3);--color-foreground-20:rgba(var(--color-foreground),0.25);--color-foreground-15:rgba(var(--color-foreground),0.2);--color-foreground-10:rgba(var(--color-foreground),0.15);--color-foreground-5:rgba(var(--color-foreground),0.075);--color-foreground-3:rgba(var(--color-foreground),0.05);--color-foreground-1:rgba(var(--color-foreground),0.02);--color-foreground-0:rgba(var(--color-foreground),0);--color-background-100:rgba(var(--color-background),1);--color-background-95:rgba(var(--color-background),0.95);--color-background-90:rgba(var(--color-background),0.9);--color-background-80:rgba(var(--color-background),0.8);--color-background-70:rgba(var(--color-background),0.7);--color-background-60:rgba(var(--color-background),0.6);--color-background-50:rgba(var(--color-background),0.5);--color-background-40:rgba(var(--color-background),0.4);--color-background-30:rgba(var(--color-background),0.3);--color-background-20:rgba(var(--color-background),0.2);--color-background-15:rgba(var(--color-background),0.15);--color-background-10:rgba(var(--color-background),0.1);--color-background-5:rgba(var(--color-background),0.05);--color-background-3:rgba(var(--color-background),0.03);--color-background-1:rgba(var(--color-background),0.01);--color-background-0:rgba(var(--color-background),0)}.pintura-editor,.PinturaRootWrapper,pintura-editor{display:block}.PinturaRootWrapper{height:100%}.PinturaScrollableContent{overflow:hidden;max-height:80vh;overflow-y:auto;scrollbar-color:var(--color-foreground-30) transparent;scrollbar-width:thin}.PinturaScrollableContent::-webkit-scrollbar{width:1em;cursor:pointer}.PinturaScrollableContent::-webkit-scrollbar-track{background:none}.PinturaScrollableContent::-webkit-scrollbar-thumb{cursor:pointer;background-clip:padding-box;background-color:var(--color-foreground-30);border-radius:9999em;border:.3125em solid transparent}.PinturaRoot[data-env~=is-animated]{--transition-duration-multiplier:1}.PinturaRoot{--nav-group-margin:0.5em;--editor-calculated-inset-top:calc(var(--safe-area-inset-top) + var(--editor-inset-top));--editor-calculated-inset-bottom:calc(var(--safe-area-inset-bottom) + var(--editor-inset-bottom));--transition-duration-10:calc(var(--transition-duration-multiplier, 0) * 0.1s);--transition-duration-25:calc(var(--transition-duration-multiplier, 0) * 0.25s);--transition-duration-50:calc(var(--transition-duration-multiplier, 0) * 0.5s);-webkit-box-sizing:border-box;box-sizing:border-box;width:var(--editor-width,100%);height:var(--editor-height,100%);padding-top:var(--editor-calculated-inset-top);padding-bottom:var(--editor-calculated-inset-bottom);max-width:var(--editor-max-width,var(--editor-max-width-default,none));max-height:var(--editor-max-height,var(--editor-max-height-default,none));position:relative;overflow:hidden;contain:strict;display:grid;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:normal;font-size:var(--font-size);font-family:var(--font-family);font-weight:450;-ms-touch-action:manipulation;touch-action:manipulation;text-align:left;text-transform:none;text-rendering:optimizeLegibility;direction:ltr;color:var(--color-foreground-90);background-color:var(--color-background-100);outline-color:rgba(var(--color-preview-outline),1);-webkit-transition:background-color 1ms,outline-color 1ms,color var(--transition-duration-10) ease-in-out;transition:background-color 1ms,outline-color 1ms,color var(--transition-duration-10) ease-in-out}.PinturaRoot .PinturaUtilMain{cursor:var(--cursor)}.PinturaRoot *{-webkit-box-sizing:content-box;box-sizing:content-box;word-wrap:normal}.PinturaRoot button,.PinturaRoot fieldset,.PinturaRoot input,.PinturaRoot legend{padding:0;margin:0;border:none;background:transparent;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit;width:auto;text-decoration:none}.PinturaRoot button[disabled]{pointer-events:none}.PinturaRoot canvas{display:block}.PinturaRoot svg{display:inline-block;width:auto;height:auto}.PinturaRoot p{margin:0}.PinturaRoot li,.PinturaRoot ul{list-style:none;margin:0;padding:0}.PinturaRoot a{color:inherit;text-decoration:none}.PinturaRoot .implicit{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0,0 0,0 0);clip-path:polygon(0 0,0 0,0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.PinturaRoot .PinturaFixedWidthCharacters{font-variant:tabular-nums}.PinturaRoot .PinturaStage{display:-ms-flexbox;display:flex;-ms-flex-item-align:stretch;align-self:stretch;-ms-flex:1;flex:1;pointer-events:none}.PinturaRoot .PinturaStage[tabindex=\"-1\"]{outline:none}.PinturaRoot .PinturaRootPortal,.PinturaRoot>.PinturaCanvas{position:absolute;left:0;top:0}.PinturaRoot>.PinturaCanvas{width:100%;height:100%;pointer-events:none;z-index:0}.PinturaRoot>.PinturaCanvas canvas{position:absolute;width:100%;height:100%}.PinturaRoot>.PinturaCanvas:after{content:\"\";position:absolute;left:0;top:0;bottom:0;right:0;background-repeat:no-repeat}.PinturaRoot>.PinturaStatus{position:absolute;z-index:99999;left:0;top:0;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:start;align-items:flex-start;background-color:var(--color-background-90)}.PinturaRoot>.PinturaStatus>p{position:absolute;top:50%;left:50%;display:-ms-inline-flexbox;display:inline-flex;white-space:nowrap;-ms-flex-align:center;align-items:center;-webkit-transition:opacity var(--transition-duration-50) ease-out;transition:opacity var(--transition-duration-50) ease-out}.PinturaRoot .PinturaStatusMessage{position:absolute;font-size:.875em}.PinturaRoot .PinturaStatusAside{position:absolute;left:0}.PinturaRoot .PinturaStatusAside svg{width:1.25em;height:1.25em}.PinturaRoot .PinturaStatusAside .PinturaProgressIndicator{margin-left:.5em}.PinturaRoot .PinturaStatusAside .PinturaButton{outline:transparent;margin-left:.75em;font-size:.875em;border-radius:var(--border-radius-round);background-color:var(--color-foreground-5);padding:.25em;-webkit-transition:background-color var(--transition-duration-10) ease-out,color var(--transition-duration-10) ease-out;transition:background-color var(--transition-duration-10) ease-out,color var(--transition-duration-10) ease-out;-webkit-backdrop-filter:var(--backdrop-filter-dark);backdrop-filter:var(--backdrop-filter-dark)}.PinturaRoot .PinturaStatusAside .PinturaButton:not([disabled])[data-focus-visible]{background-color:var(--color-focus-50);-webkit-box-shadow:inset 0 0 0 1px var(--color-focus-100);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaRoot .PinturaStatusAside .PinturaButton:not([disabled]):hover{background-color:var(--color-foreground-10)}.PinturaRoot .PinturaStatusIcon svg{font-size:.875em;margin-top:.25em;margin-left:.5em}.PinturaRoot>.PinturaNav{position:relative;z-index:3}.PinturaRoot>.PinturaNav:empty{display:none!important}.PinturaRoot>.PinturaNav .PinturaButton{outline:transparent;-webkit-transition:background-color var(--transition-duration-10) ease-out,color var(--transition-duration-10) ease-out;transition:background-color var(--transition-duration-10) ease-out,color var(--transition-duration-10) ease-out}.PinturaRoot>.PinturaNav .PinturaButton svg{width:1em;-webkit-transition:opacity var(--transition-duration-10) ease-out;transition:opacity var(--transition-duration-10) ease-out}.PinturaRoot>.PinturaNav .PinturaButton>span{-ms-flex-pack:center;justify-content:center}.PinturaRoot>.PinturaNav .PinturaButtonIconOnly .PinturaButtonInner,.PinturaRoot>.PinturaNav .PinturaDropdownIconOnly .PinturaButtonInner{width:1.75em}.PinturaRoot>.PinturaNav .PinturaButton .PinturaButtonInner{height:1.75em}.PinturaRoot>.PinturaNav .PinturaButton:not(.PinturaButtonIconOnly):not(.PinturaDropdownIconOnly){padding-left:.75em;padding-right:.75em}.PinturaRoot>.PinturaNav .PinturaButton:not(.PinturaButtonIconOnly):not(.PinturaDropdownIconOnly) .PinturaButtonLabel{font-size:.75em;line-height:2}.PinturaRoot>.PinturaNav .PinturaButton:not(.PinturaButtonIconOnly):not(.PinturaDropdownIconOnly):not(.PinturaDropdownButton){-webkit-box-shadow:inset 0 0 0 1px var(--color-foreground-5);box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.PinturaRoot>.PinturaNav .PinturaButton:only-of-type{border-radius:var(--border-radius-round)}.PinturaRoot>.PinturaNav .PinturaButton:only-of-type+*{margin-left:.5em}.PinturaRoot>.PinturaNav .PinturaButton[disabled] svg{opacity:.25}.PinturaRoot>.PinturaNav .PinturaButton:not(.PinturaButtonExport):not([disabled])[data-focus-visible]{background-color:var(--color-focus-50);-webkit-box-shadow:inset 0 0 0 1px var(--color-focus-100);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaRoot>.PinturaNav .PinturaButton:not(.PinturaButtonExport):not([disabled]):hover{background-color:var(--color-foreground-10)}.PinturaRoot .PinturaButtonExport{color:var(--color-primary-text);background-color:var(--color-primary)}.PinturaRoot .PinturaButtonExport:hover{background-color:var(--color-primary-dark)}.PinturaRoot .PinturaButtonExport[data-focus-visible]{color:var(--color-primary-text);background-color:var(--color-primary);-webkit-box-shadow:inset 0 0 0 1px var(--color-foreground-5),0 0 0 3px var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-foreground-5),0 0 0 3px var(--color-focus-50);background-color:var(--color-primary-dark)}.PinturaRoot .PinturaButtonExport:not(.PinturaButtonIconOnly){-ms-flex:1;flex:1;padding:0 .75em}.PinturaRoot>.PinturaNavMain{display:-ms-flexbox;display:flex;overflow:hidden}.PinturaRoot>.PinturaNavMain [aria-selected=true] button{-webkit-backdrop-filter:var(--backdrop-filter-dark);backdrop-filter:var(--backdrop-filter-dark);background-color:var(--color-foreground-10)}.PinturaRoot>.PinturaNavMain button svg{-ms-flex-item-align:center;align-self:center;width:1.5em}.PinturaRoot>.PinturaNavMain button span,.PinturaRoot>.PinturaNavMain button svg{pointer-events:none}.PinturaRoot>.PinturaNavMain button svg+span{margin-top:.75em}.PinturaRoot>.PinturaNavMain button span{font-size:.875em;display:block;width:calc(100% - 1em);overflow:hidden;text-overflow:ellipsis;width:inherit;max-width:calc(100% - 1em)}.PinturaRoot>.PinturaNavMain button{-webkit-box-shadow:inset 0 0 0 1px var(--color-foreground-5);box-shadow:inset 0 0 0 1px var(--color-foreground-5);-webkit-transition:background-color var(--transition-duration-10) ease-out,color var(--transition-duration-10) ease-out,-webkit-box-shadow var(--transition-duration-10) ease-out;transition:background-color var(--transition-duration-10) ease-out,color var(--transition-duration-10) ease-out,-webkit-box-shadow var(--transition-duration-10) ease-out;transition:background-color var(--transition-duration-10) ease-out,color var(--transition-duration-10) ease-out,box-shadow var(--transition-duration-10) ease-out;transition:background-color var(--transition-duration-10) ease-out,color var(--transition-duration-10) ease-out,box-shadow var(--transition-duration-10) ease-out,-webkit-box-shadow var(--transition-duration-10) ease-out}.PinturaRoot>.PinturaNavMain button:hover{-webkit-box-shadow:inset 0 0 0 1px var(--color-foreground-10);box-shadow:inset 0 0 0 1px var(--color-foreground-10)}.PinturaRoot>.PinturaNavMain button[data-focus-visible]{background-color:var(--color-focus-50);-webkit-box-shadow:inset 0 0 0 1px var(--color-focus-100);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaRoot>.PinturaNavTools{max-width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none}.PinturaRoot>.PinturaNavTools:empty{display:none}.PinturaRoot>.PinturaNavTools,.PinturaRoot>.PinturaNavTools .PinturaNavGroup,.PinturaRoot>.PinturaNavTools .PinturaNavSet{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.PinturaRoot>.PinturaNavTools .PinturaButton,.PinturaRoot>.PinturaNavTools .PinturaNavSet{pointer-events:all}.PinturaRoot>.PinturaNavTools .PinturaButton[data-focus-visible]{background-color:var(--color-focus-50);-webkit-box-shadow:inset 0 0 0 1px var(--color-focus-100);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaRoot .PinturaNavGroup{margin:0 var(--nav-group-margin)}.PinturaRoot .PinturaNavGroup>*{border-radius:var(--border-radius-round)}.PinturaRoot .PinturaNavGroup>*+*{margin-left:.5em}.PinturaRoot .PinturaNavGroup:first-of-type{margin-right:auto;margin-left:0}.PinturaRoot .PinturaNavGroup:last-of-type{margin-left:auto;margin-right:0}.PinturaRoot .PinturaNavSet{-webkit-box-shadow:inset 0 0 0 1px var(--color-foreground-5);box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.PinturaRoot .PinturaNavSet>:not(:only-child){border:1px solid var(--color-foreground-3);border-top:0;border-bottom:0}.PinturaRoot .PinturaNavSet>:first-child:not(:only-child){border-left:0}.PinturaRoot .PinturaNavSet>:last-child:not(:only-child){border-right:0}.PinturaRoot .PinturaNavSet>*+*{margin-left:-1px}.PinturaRoot .PinturaNavSet>.PinturaButton:hover,.PinturaRoot .PinturaNavSet>.PinturaButton[data-focus-visible]{position:relative;z-index:1}.PinturaRoot .PinturaNavSet>:only-child{border-radius:var(--border-radius-round)}.PinturaRoot .PinturaNavSet>:first-child:not(:only-child) .PinturaButtonInner{padding:0 .125em 0 .25em}.PinturaRoot .PinturaNavSet>:first-child:not(:only-child){border-top-left-radius:var(--border-radius-round);border-bottom-left-radius:var(--border-radius-round)}.PinturaRoot .PinturaNavSet>:last-child:not(:only-child) .PinturaButtonInner{padding:0 .25em 0 .125em}.PinturaRoot .PinturaNavSet>:last-child:not(:only-child){border-top-right-radius:var(--border-radius-round);border-bottom-right-radius:var(--border-radius-round)}.PinturaRoot[data-env~=overlay] .PinturaNavSet{background-color:var(--color-background-50);-webkit-backdrop-filter:var(--backdrop-filter-bright);backdrop-filter:var(--backdrop-filter-bright);-webkit-box-shadow:inset 0 0 0 1px var(--color-background-15),0 .0625em .125em rgba(0,0,0,.25),0 .125em .35em rgba(0,0,0,.35);box-shadow:inset 0 0 0 1px var(--color-background-15),0 .0625em .125em rgba(0,0,0,.25),0 .125em .35em rgba(0,0,0,.35)}.PinturaRoot[data-env~=overlay] .PinturaNavSet .PinturaButton:not(.PinturaButtonExport):not([disabled]):hover,.PinturaRoot[data-env~=overlay] .PinturaNavSet>*{border-color:var(--color-background-15)}.PinturaRoot[data-env~=overlay] .PinturaNavGroup>.PinturaButton{-webkit-box-shadow:0 .0625em .125em rgba(0,0,0,.25),0 .125em .35em rgba(0,0,0,.35);box-shadow:0 .0625em .125em rgba(0,0,0,.25),0 .125em .35em rgba(0,0,0,.35)}.PinturaRoot[data-env~=overlay] .PinturaNavGroup .PinturaButtonExport{-webkit-box-shadow:inset 0 0 .125em rgba(0,0,0,.25),0 .0625em .125em rgba(0,0,0,.25),0 .125em .35em rgba(0,0,0,.35);box-shadow:inset 0 0 .125em rgba(0,0,0,.25),0 .0625em .125em rgba(0,0,0,.25),0 .125em .35em rgba(0,0,0,.35)}.PinturaRoot .PinturaNavGroupFloat{position:absolute;left:0;right:0;pointer-events:none}.PinturaRoot .PinturaNavGroupFloat>*{pointer-events:all}.PinturaRoot .PinturaUtilFooter .PinturaScrollable>div{padding-left:1em;padding-right:1em}.PinturaRoot>.PinturaMain{max-width:100vw}.PinturaRoot:not([data-env~=has-toolbar]) .PinturaUtilHeader{padding-top:0;padding-bottom:1em;margin-bottom:-1em}.PinturaRoot[data-env~=landscape]{grid-template-rows:-webkit-min-content auto;grid-template-rows:min-content auto;grid-template-columns:auto}.PinturaRoot[data-env~=landscape]>.PinturaNavTools{grid-row:1;grid-column:1;padding:1em 1em 0;z-index:3}.PinturaRoot[data-env~=landscape]>.PinturaNavMain{-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;position:absolute;left:1em;top:calc(1em + var(--editor-calculated-inset-top));bottom:calc(1em + var(--editor-calculated-inset-bottom))}.PinturaRoot[data-env~=landscape]>.PinturaNavMain .PinturaTabList{-ms-flex-direction:column;flex-direction:column}.PinturaRoot[data-env~=landscape]>.PinturaNavMain .PinturaTabList li{display:-ms-flexbox;display:flex}.PinturaRoot[data-env~=landscape]>.PinturaNavMain .PinturaTabList li+li{margin:.5em 0 0}.PinturaRoot[data-env~=landscape]>.PinturaNavMain button{-ms-flex:1;flex:1;width:4em;height:4em;border-radius:var(--border-radius);-ms-flex-pack:center;justify-content:center}.PinturaRoot[data-env~=landscape]>.PinturaNavMain button span{font-size:.6875em;margin-top:.5em}.PinturaRoot[data-env~=landscape]>.PinturaNavMain button svg{width:1em;margin-top:.25em}.PinturaRoot[data-env~=landscape][data-env~=has-toolbar]>.PinturaNavMain{top:calc(4em + var(--editor-calculated-inset-top));bottom:calc(4em + var(--editor-calculated-inset-bottom))}.PinturaRoot[data-env~=landscape][data-env~=has-limited-space]>.PinturaNavMain{-ms-flex-align:start;align-items:flex-start;bottom:calc(1em + var(--editor-calculated-inset-bottom))}.PinturaRoot[data-env~=landscape]>.PinturaMain{grid-row:2;grid-column:1}.PinturaRoot[data-env~=landscape][data-env~=has-toolbar-preference-bottom]{grid-template-rows:auto -webkit-min-content;grid-template-rows:auto min-content}.PinturaRoot[data-env~=landscape][data-env~=has-toolbar-preference-bottom]>.PinturaNavTools{grid-row:2;padding-top:0;padding-bottom:1em}.PinturaRoot[data-env~=landscape][data-env~=has-toolbar-preference-bottom]>.PinturaMain{grid-row:1}.PinturaRoot[data-env~=landscape][data-env~=has-navigation]{grid-template-columns:6em auto}.PinturaRoot[data-env~=landscape][data-env~=has-navigation]:not([data-env~=narrow]) .PinturaNavGroupFloat{margin:0 0 0 7em}.PinturaRoot[data-env~=landscape][data-env~=has-navigation]>.PinturaNavTools{grid-column:1/span 2}.PinturaRoot[data-env~=landscape][data-env~=has-navigation]>.PinturaMain{grid-column:2}.PinturaRoot[data-env~=landscape][data-env~=has-navigation]:not([data-env~=has-navigation-preference-right]) .PinturaUtilMain{padding-left:0}.PinturaRoot[data-env~=landscape][data-env~=has-navigation]:not([data-env~=has-navigation-preference-right]) .PinturaUtilFooter{padding-right:1em}.PinturaRoot[data-env~=landscape][data-env~=has-navigation][data-env~=has-navigation-preference-right]{grid-template-columns:auto 6em}.PinturaRoot[data-env~=landscape][data-env~=has-navigation][data-env~=has-navigation-preference-right]:not([data-env~=narrow]) .PinturaNavGroupFloat{margin:0 7em 0 0}.PinturaRoot[data-env~=landscape][data-env~=has-navigation][data-env~=has-navigation-preference-right]>.PinturaNavMain{right:1em;left:auto}.PinturaRoot[data-env~=landscape][data-env~=has-navigation][data-env~=has-navigation-preference-right]>.PinturaMain{grid-column:1}.PinturaRoot[data-env~=landscape][data-env~=has-navigation][data-env~=has-navigation-preference-right] .PinturaUtilMain{padding-right:0}.PinturaRoot[data-env~=landscape][data-env~=has-navigation][data-env~=has-navigation-preference-right] .PinturaUtilFooter{padding-left:1em}.PinturaRoot[data-env~=portrait]{grid-template-rows:-webkit-min-content auto -webkit-min-content;grid-template-rows:min-content auto min-content;grid-template-columns:auto}.PinturaRoot[data-env~=portrait]>*{grid-column:1}.PinturaRoot[data-env~=portrait]>.PinturaNavTools{grid-row:1;padding:.75em .75em 0}.PinturaRoot[data-env~=portrait]>.PinturaNavMain{grid-row:3;margin-bottom:.75em;-ms-flex-pack:center;justify-content:center}.PinturaRoot[data-env~=portrait]>.PinturaNavMain .PinturaTabList{padding:0 .875em}.PinturaRoot[data-env~=portrait]>.PinturaNavMain li+li{margin-left:.5em}.PinturaRoot[data-env~=portrait]>.PinturaNavMain[data-state~=overflows]{overflow:visible}.PinturaRoot[data-env~=portrait]>.PinturaNavMain button{-ms-flex:1;flex:1;width:4em;height:4em;border-radius:var(--border-radius);-ms-flex-pack:center;justify-content:center}.PinturaRoot[data-env~=portrait]>.PinturaNavMain button span{font-size:.6875em;margin-top:.5em}.PinturaRoot[data-env~=portrait]>.PinturaNavMain button svg{width:1em;margin-top:.25em}.PinturaRoot[data-env~=portrait]>.PinturaMain{grid-row:2;grid-column:1}.PinturaRoot[data-env~=portrait][data-env~=has-toolbar-preference-bottom]{grid-template-rows:auto -webkit-min-content -webkit-min-content;grid-template-rows:auto min-content min-content}.PinturaRoot[data-env~=portrait][data-env~=has-toolbar-preference-bottom]>.PinturaNavTools{grid-row:3;padding:0 .75em .75em}.PinturaRoot[data-env~=portrait][data-env~=has-toolbar-preference-bottom]>.PinturaNavMain{grid-row:2}.PinturaRoot[data-env~=portrait][data-env~=has-toolbar-preference-bottom]>.PinturaMain{grid-row:1}.PinturaRoot[data-env~=portrait]:not([data-env~=narrow])[data-env~=has-navigation-preference-top]{grid-template-rows:-webkit-min-content -webkit-min-content auto;grid-template-rows:min-content min-content auto}.PinturaRoot[data-env~=portrait]:not([data-env~=narrow])[data-env~=has-navigation-preference-top]>.PinturaMain{grid-row:3}.PinturaRoot[data-env~=portrait]:not([data-env~=narrow])[data-env~=has-navigation-preference-top]>.PinturaNavMain{grid-row:2;margin-top:.75em;margin-bottom:0}.PinturaRoot[data-env~=portrait]:not([data-env~=narrow])[data-env~=has-navigation-preference-top][data-env~=has-toolbar-preference-bottom]{grid-template-rows:-webkit-min-content auto -webkit-min-content;grid-template-rows:min-content auto min-content}.PinturaRoot[data-env~=portrait]:not([data-env~=narrow])[data-env~=has-navigation-preference-top][data-env~=has-toolbar-preference-bottom]>.PinturaNavMain{grid-row:1}.PinturaRoot[data-env~=portrait]:not([data-env~=narrow])[data-env~=has-navigation-preference-top][data-env~=has-toolbar-preference-bottom]>.PinturaMain{grid-row:2}.PinturaRoot[data-env~=portrait]:not([data-env~=narrow])[data-env~=has-navigation-preference-top][data-env~=has-toolbar-preference-bottom]>.PinturaNavTools{grid-row:3}.PinturaRoot[data-env~=landscape][data-env~=is-compact]>.PinturaNavMain button{-ms-flex:1;flex:1;-ms-flex-direction:row;flex-direction:row;width:auto;height:auto;border-radius:var(--border-radius);-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;padding:.625em 0;width:6em}.PinturaRoot[data-env~=landscape][data-env~=is-compact]>.PinturaNavMain button span{font-size:.6875em;margin:0 .625em 0 0;line-height:1.2;text-align:left}.PinturaRoot[data-env~=landscape][data-env~=is-compact]>.PinturaNavMain button svg{margin:0 .5em 0 .625em;min-width:1em}.PinturaRoot[data-env~=landscape][data-env~=is-compact][data-env~=has-navigation]{grid-template-columns:8em auto}.PinturaRoot[data-env~=landscape][data-env~=is-compact][data-env~=has-navigation][data-env~=has-navigation-preference-right]{grid-template-columns:auto 8em}.PinturaRoot[data-env~=narrow] .PinturaNavGroupFloat{position:static;margin:0}.PinturaRoot[data-env~=portrait][data-env~=is-compact]>.PinturaNavMain button{padding:0;font-size:.625em;width:4em;height:4em;-ms-flex-pack:center;justify-content:center;border-radius:9999em}.PinturaRoot[data-env~=portrait][data-env~=is-compact]>.PinturaNavMain button span{visibility:hidden;font-size:0;margin:0}.PinturaRoot[data-env~=portrait][data-env~=is-compact]>.PinturaNavMain button svg{margin-top:0;width:1.6em}.PinturaRoot[data-env~=portrait][data-env~=is-compact]>.PinturaNavMain button svg [stroke-width]{stroke-width:.15em}.PinturaRoot[data-env~=portrait][data-env~=narrow]{--nav-group-margin:0.25em;grid-template-rows:-webkit-min-content auto -webkit-min-content;grid-template-rows:min-content auto min-content;grid-template-columns:auto}.PinturaRoot[data-env~=portrait][data-env~=narrow]>*{grid-column:1}.PinturaRoot[data-env~=portrait][data-env~=narrow] .PinturaUtilFooter .PinturaControlList .PinturaControlListOption span,.PinturaRoot[data-env~=portrait][data-env~=narrow] .PinturaUtilFooter .PinturaControlList [role=tab] span{font-size:.6875em}.PinturaRoot[data-env~=portrait][data-env~=narrow] .PinturaToolbar .PinturaToolbarInner>*{margin:0 .25em}.PinturaRoot[data-env~=portrait][data-env~=narrow][data-env~=has-toolbar-preference-bottom]{grid-template-rows:auto -webkit-min-content -webkit-min-content;grid-template-rows:auto min-content min-content}.PinturaRoot[data-env~=overlay]{grid-template-rows:auto!important;grid-template-columns:auto!important}.PinturaRoot[data-env~=overlay] .PinturaNav{z-index:3}.PinturaRoot[data-env~=overlay] .PinturaMain{grid-row:1;grid-column:1}.PinturaRoot[data-env~=overlay] .PinturaUtilMain{position:absolute;left:0;top:0;right:0;bottom:0;padding:0;z-index:-1}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter,.PinturaRoot[data-env~=overlay] .PinturaUtilHeader{position:absolute;left:0;right:0}.PinturaRoot[data-env~=overlay] .PinturaUtilHeader{top:0}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter{bottom:0}.PinturaRoot[data-env~=overlay] .PinturaNavMain{position:absolute;right:0;top:0;bottom:0;background:none}.PinturaRoot[data-env~=overlay] .PinturaNavTools{position:absolute;left:0;top:0;right:0}.PinturaRoot[data-env~=overlay][data-env~=has-controlgroups-preference-top] .PinturaUtilFooter{top:0;bottom:auto}.PinturaRoot[data-env~=overlay][data-env~=has-toolbar-preference-bottom] .PinturaNavTools{top:auto;bottom:0}.PinturaRoot[data-env~=has-swipe-navigation] .PinturaUtilMain{padding-left:2em;padding-right:2em}.PinturaRoot[data-env~=has-swipe-navigation][data-env~=landscape] .PinturaUtilMain[data-env~=has-navigation]{padding-left:0;padding-right:2em}.PinturaRoot[data-env~=has-swipe-navigation][data-env~=landscape] .PinturaUtilMain[data-env~=has-navigation][data-env~=has-navigation-preference-right]{padding-left:2em;padding-right:0}.PinturaRoot[data-env*=is-disabled],.PinturaRoot[data-env*=is-disabled] *{pointer-events:none!important}.PinturaRoot[data-env*=is-disabled]{--color-primary:#b4b4b4;--color-primary-dark:#a0a0a0;--color-primary-text:#000;--color-secondary:#969696;--color-secondary-dark:#646464}.PinturaRoot[data-env*=is-disabled] .PinturaCanvas,.PinturaRoot[data-env*=is-disabled] .PinturaColorPickerButton{-webkit-filter:grayscale(100%);filter:grayscale(100%)}.PinturaRoot .PinturaEditorOverlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:3;background:var(--color-background-50);pointer-events:none}@media not all and (-webkit-min-device-pixel-ratio:0), not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none){.PinturaNav{will-change:transform}}}.PinturaOptionsList,.PinturaOptionsListWrapper{border-radius:inherit}.PinturaOptionsList .PinturaListOption{-webkit-transition:background-color var(--transition-duration-10);transition:background-color var(--transition-duration-10);border-radius:inherit}.PinturaOptionsList .PinturaListOption label{display:block;margin:0;border-radius:inherit;white-space:nowrap}.PinturaOptionsList .PinturaListOption svg{margin-right:.25em;margin-left:-.5em;min-width:1.5em}.PinturaOptionsList .PinturaListOption [slot]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.325em .75em}.PinturaOptionsList .PinturaDropdownOptionLabel{font-size:.75em;line-height:1.75;padding:0 .325em;margin-left:-.325em;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column}.PinturaOptionsList .PinturaDropdownOptionSublabel{font-size:.75em;opacity:.5;margin-top:-.5em}.PinturaOptionsList .PinturaListOptionGroup>span{display:block;padding:.75em 1em;text-transform:uppercase;font-size:.75em;color:var(--color-foreground-50)}.PinturaOptionsList [data-disabled=true]{color:var(--color-foreground-50)}.PinturaOptionsList [data-selected=false]:not([data-disabled=true]):hover{background-color:var(--color-foreground-10)}.PinturaOptionsList [data-selected=true]{color:var(--color-foreground-100);background-color:var(--color-foreground-20)}.PinturaOptionsList [data-focus-visible]+label .PinturaDropdownOptionLabel{background-color:var(--color-focus-50);-webkit-box-shadow:inset 0 0 0 1px var(--color-focus-100);box-shadow:inset 0 0 0 1px var(--color-focus-100);border-radius:.25em}.PinturaListOption label{margin:0}.PinturaColorPickerPanel{padding:.5em;max-width:14em;overflow:visible;-ms-touch-action:none;touch-action:none}.PinturaColorPickerPanel .PinturaColorPickerButton{outline:transparent}.PinturaColorPickerPanel .PinturaColorPickerButton[data-focus-visible]{-webkit-box-shadow:inset 0 0 0 1px var(--color-foreground-70);box-shadow:inset 0 0 0 1px var(--color-foreground-70)}.PinturaColorPickerPanel .PinturaColorPreview{width:1.25em;height:1.25em;border-radius:.25em}.PinturaColorPickerPanel .PinturaColorPreview span{border-radius:.2em;-webkit-box-shadow:inset 0 0 0 1px var(--color-foreground-20);box-shadow:inset 0 0 0 1px var(--color-foreground-20)}.PinturaColorPickerPanel .PinturaColorPresets legend{color:var(--color-foreground-50);margin:0 0 .25em .3125em;font-size:.75em}.PinturaColorPickerPanel .PinturaColorPresets:only-child legend{display:none}.PinturaColorPickerPanel .PinturaColorPresetsGrid .PinturaRadioGroupOptions{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.PinturaColorPickerPanel .PinturaColorPresetsGrid .PinturaListOption{display:block;padding:.25em}.PinturaColorPickerPanel .PinturaColorPresetsGrid .PinturaListOption label,.PinturaColorPickerPanel .PinturaColorPresetsGrid .PinturaListOption label span{display:block;cursor:var(--button-cursor)}.PinturaColorPickerPanel .PinturaColorPresetsGrid input[data-focus-visible]+label .PinturaColorPreview:after{position:absolute;left:-.3125em;right:-.3125em;top:-.3125em;bottom:-.3125em;border-radius:inherit;pointer-events:none;content:\"\";background-color:var(--color-focus-50);-webkit-box-shadow:inset 0 0 0 1px var(--color-focus-100);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaColorPickerPanel .PinturaSlider{margin-left:-.325em;margin-right:-.325em}.PinturaColorPickerPanel .PinturaSlider>.PinturaSliderControl{position:relative;z-index:2}.PinturaColorPickerPanel .PinturaPicker{width:100%}.PinturaColorPickerPanel .PinturaPicker+.PinturaColorPresets{margin-top:.5em}.PinturaColorPickerPanel .PinturaPicker .PinturaPickerKnob,.PinturaColorPickerPanel .PinturaPicker .PinturaSliderKnob{border-radius:9999em;-webkit-box-shadow:inset 0 .06125em .06125em rgba(0,0,0,.1),0 0 0 .06125em #fff,0 .1875em .25em rgba(0,0,0,.35),0 -.125em .25em rgba(0,0,0,.1);box-shadow:inset 0 .06125em .06125em rgba(0,0,0,.1),0 0 0 .06125em #fff,0 .1875em .25em rgba(0,0,0,.35),0 -.125em .25em rgba(0,0,0,.1)}.PinturaColorPickerPanel .PinturaPicker .PinturaPickerKnob{pointer-events:none;position:absolute;z-index:1;left:0;top:0;margin-left:-.625em;margin-top:-.625em;width:1.25em;height:1.25em;visibility:visible;outline:none}.PinturaColorPickerPanel .PinturaPicker .PinturaPickerKnob[data-focus-visible]:after{position:absolute;left:-.3125em;right:-.3125em;top:-.3125em;bottom:-.3125em;border-radius:inherit;pointer-events:none;content:\"\";background-color:var(--color-focus-50);-webkit-box-shadow:inset 0 0 0 1px var(--color-focus-100);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaColorPickerPanel .PinturaPicker .PinturaPickerKnobController{position:absolute;left:0;top:0;right:0;bottom:0;visibility:hidden}.PinturaColorPickerPanel .PinturaPicker .PinturaSaturationPicker{position:relative;border-radius:var(--border-radius) var(--border-radius) 0 0;margin:-.5em -.5em .5em;height:7em;background-image:-webkit-gradient(linear,left top, left bottom,from(transparent),to(#000)),-webkit-gradient(linear,left top, right top,from(#fff),to(transparent));background-image:linear-gradient(180deg,transparent,#000),linear-gradient(90deg,#fff,transparent)}.PinturaColorPickerPanel .PinturaPicker .PinturaHuePicker .PinturaSliderTrack{background-image:-webkit-gradient(linear,left top, right top,from(red),color-stop(#ff0),color-stop(#0f0),color-stop(#0ff),color-stop(#00f),color-stop(#f0f),to(red));background-image:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.PinturaColorPickerPanel .PinturaPicker .PinturaSliderTrack{-webkit-box-shadow:inset 0 0 1px var(--color-foreground-50);box-shadow:inset 0 0 1px var(--color-foreground-50)}.PinturaColorPickerPanel .PinturaPicker .PinturaOpacityPicker .PinturaSliderKnob:before,.PinturaColorPickerPanel .PinturaPicker .PinturaOpacityPicker .PinturaSliderTrack:before{position:absolute;content:\"\";display:block;left:0;top:0;width:100%;height:100%;z-index:-1;border-radius:inherit;background-color:#fff;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h4v4H0zm4 4h4v4H4z' fill='%23E5E5E5'/%3E%3C/svg%3E\")}.PinturaColorPickerPanel .PinturaPicker .PinturaOpacityPicker .PinturaSliderKnob:before{background-position:calc(var(--slider-position) * -2px) 0}.PinturaColorPickerPanel .PinturaPicker .PinturaOpacityPicker{margin-top:.5em}.PinturaUtilPanel[data-util=filter] .PinturaUtilFooter{padding-left:0!important;padding-right:0!important}.PinturaUtilPanel[data-util=filter] .PinturaScrollable{width:40em}.PinturaUtilPanel[data-util=filter] [data-layout=row]>.PinturaRadioGroupOptions>li{margin:0 .5em}.PinturaUtilPanel[data-util=filter] [data-layout=row]>.PinturaRadioGroupOptions>li:first-child{margin-left:0}.PinturaUtilPanel[data-util=filter] [data-layout=row]>.PinturaRadioGroupOptions>li:last-child{margin-right:0}.PinturaUtilPanel[data-util=filter] .PinturaRadioGroupOptionGroupLabel{width:1px;height:1px;position:absolute;font-size:0;pointer-events:none}.PinturaUtilPanel[data-util=filter] .PinturaFilterPreview{border-radius:0;-webkit-transition:border-radius 1ms;transition:border-radius 1ms}.PinturaUtilPanel[data-util=filter] .PinturaFilterOption{border-radius:0}.PinturaUtilPanel[data-util=filter] .PinturaRadioGroupOptions .PinturaRadioGroupOption:first-of-type .PinturaFilterPreview{border-top-left-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius)}.PinturaUtilPanel[data-util=filter] .PinturaRadioGroupOptions .PinturaRadioGroupOption:first-of-type .PinturaFilterOption{border-bottom-left-radius:var(--border-radius)}.PinturaUtilPanel[data-util=filter] .PinturaRadioGroupOptions .PinturaRadioGroupOption:last-of-type .PinturaFilterPreview{border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}.PinturaUtilPanel[data-util=filter] .PinturaRadioGroupOptions .PinturaRadioGroupOption:last-of-type .PinturaFilterOption{border-bottom-right-radius:var(--border-radius)}.PinturaUtilPanel[data-util=filter] .PinturaRadioGroupOptionGroup{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.PinturaUtilPanel[data-util=filter] .PinturaFilterOption{cursor:var(--button-cursor);margin-bottom:1em}.PinturaUtilPanel[data-util=filter] .PinturaFilterOption span{display:block;text-align:center;padding:0 .3125em;line-height:1.75;max-width:100%;font-size:.625em;font-weight:400;margin-left:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.PinturaUtilPanel[data-util=filter] .PinturaFilterPreview:before{-webkit-transition:background-color var(--transition-duration-10),color var(--transition-duration-10);transition:background-color var(--transition-duration-10),color var(--transition-duration-10)}.PinturaUtilPanel[data-util=filter] [data-selected=true] .PinturaFilterOption .PinturaFilterPreview{position:relative;z-index:1}.PinturaUtilPanel[data-util=filter] [data-selected=true] .PinturaFilterOption .PinturaFilterPreview:before{content:\"\";position:absolute;width:100%;height:100%;opacity:.35;border-radius:inherit;background-color:var(--color-primary)}.PinturaUtilPanel[data-util=filter] [data-focus-visible]+label>.PinturaFilterOption span{background-color:var(--color-focus-50);-webkit-box-shadow:inset 0 0 0 1px var(--color-focus-100);box-shadow:inset 0 0 0 1px var(--color-focus-100);border-radius:.25em}.PinturaUtilPanel[data-util=filter] .PinturaFilterOption,.PinturaUtilPanel[data-util=filter] .PinturaFilterPreview{width:3.75em;height:4.5em}.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=filter] .PinturaUtilFooter>div{padding:0}.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=filter] .PinturaFilterOption,.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=filter] .PinturaFilterPreview{width:2.875em;height:3.5em}.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=filter] .PinturaFilterOption span{font-size:.5em}.PinturaUtilPanel[data-util=crop] .PinturaStage{-ms-touch-action:none;touch-action:none}.PinturaUtilPanel[data-util=crop],.PinturaUtilPanel[data-util=crop] .PinturaStage,.PinturaUtilPanel[data-util=crop] .PinturaUtilMain{pointer-events:all}.PinturaUtilPanel[data-util=crop] .PinturaImageInfo{position:absolute;right:1em;bottom:1em}.PinturaUtilPanel[data-util=crop] .PinturaButtonCenter{--size:3em;position:absolute;left:0;top:0;width:var(--size);height:var(--size);z-index:1;line-height:0;margin-top:calc(var(--size) * (-.5));margin-left:calc(var(--size) * (-.5));overflow:hidden;border-radius:50%;color:#000;background:hsla(0,0%,100%,.8);-webkit-backdrop-filter:var(--backdrop-filter-bright);backdrop-filter:var(--backdrop-filter-bright);outline:none}.PinturaUtilPanel[data-util=crop] .PinturaButtonCenter[data-focus-visible]{background-color:var(--color-focus-50);-webkit-box-shadow:inset 0 0 0 1px var(--color-focus-100);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaRoot[data-env~=short] .PinturaUtilPanel[data-util=crop] .PinturaUtilFooter{padding-bottom:.5em}.PinturaUtilPanel[data-util=frame] .PinturaShapeStyleEditor{min-height:3.375em}.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption{margin:1em 1em 0 0;padding:.125em;border:1px dashed var(--color-foreground-15);color:var(--color-foreground-70)}.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption span{color:var(--color-foreground-90)}.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption label{font-size:.75em}.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption img,.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption svg{position:absolute;left:0;top:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.PinturaUtilPanel[data-util=frame] [data-selected=true]{border-color:var(--color-primary);color:var(--color-primary)}.PinturaUtilPanel[data-util=frame] [data-selected=true] span{color:var(--color-foreground-90)}.PinturaUtilPanel[data-util=frame] [data-layout=row]>.PinturaRadioGroupOptions>li{margin:0 .5em}.PinturaUtilPanel[data-util=frame] [data-layout=row]>.PinturaRadioGroupOptions>li:first-child{margin-left:0}.PinturaUtilPanel[data-util=frame] [data-layout=row]>.PinturaRadioGroupOptions>li:last-child{margin-right:0}.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOptionGroupLabel{width:1px;height:1px;position:absolute;font-size:0}.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOptionGroup{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption{cursor:var(--button-cursor);margin-bottom:1em}.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption span{display:block;text-align:center;padding:0 1.5em;font-size:.625em;font-weight:400}.PinturaUtilPanel[data-util=frame] [data-focus-visible]+label>.PinturaRadioGroupOption span{background-color:var(--color-focus-50);-webkit-box-shadow:inset 0 0 0 1px var(--color-focus-100);box-shadow:inset 0 0 0 1px var(--color-focus-100);border-radius:.25em}.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption{position:relative;width:3em;height:4em}.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption div{position:absolute;outline-color:currentColor;border-color:currentColor}.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption div[slot]{overflow:hidden;left:-1px;top:-1px;bottom:-1px;right:-1px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=frame] .PinturaUtilFooter>div{padding:0}.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption{width:2.25em;height:3em}.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption span{font-size:.5em}.PinturaUtilPanel[data-util=resize] form{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding:0 1em}.PinturaUtilPanel[data-util=resize] .PinturaFormInner{position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.PinturaUtilPanel[data-util=resize] .PinturaFormInner>button{position:absolute;left:100%;margin-left:1em}.PinturaUtilPanel[data-util=resize] .PinturaFieldsetInner{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.PinturaUtilPanel[data-util=resize] .PinturaResizeLabel{font-size:.75em}.PinturaUtilPanel[data-util=resize] .PinturaDropdownButton{margin-left:.5em;margin-right:.5em;background-color:var(--color-foreground-5);border-radius:var(--border-radius-round);-webkit-box-shadow:inset 0 0 0 1px var(--color-foreground-5);box-shadow:inset 0 0 0 1px var(--color-foreground-5);-webkit-transition:background-color var(--transition-duration-10);transition:background-color var(--transition-duration-10)}.PinturaUtilPanel[data-util=resize] .PinturaDropdownButton:hover{background-color:var(--color-foreground-10)}.PinturaUtilPanel[data-util=resize] .PinturaDropdownButton .PinturaButtonLabel{display:block;line-height:2.65;padding:0 1em;font-variant-numeric:tabular-nums;font-size:.75em;font-weight:400}.PinturaUtilPanel[data-util=resize] .PinturaDropdownButton .PinturaButtonLabel:after{content:\"▼\";font-size:.6875em;margin-left:.75em;position:relative;top:-.125em;margin-right:-.25em;pointer-events:none}.PinturaUtilPanel[data-util=resize] input[type=checkbox]+label{padding:0 .125em;outline:transparent;display:block;cursor:pointer}.PinturaUtilPanel[data-util=resize] input[type=checkbox][data-focus-visible]+label{background-color:var(--color-focus-50);-webkit-box-shadow:inset 0 0 0 1px var(--color-focus-100);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaInputDimension{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;position:relative}.PinturaInputDimension label{position:absolute;right:.625em;font-size:.75em;text-transform:uppercase;pointer-events:none;color:var(--color-foreground-80);z-index:1}.PinturaInputDimension button,.PinturaInputDimension input,.PinturaInputDimension label{font-size:.75em;font-weight:400}.PinturaInputDimension button,.PinturaInputDimension input{-webkit-appearance:none;appearance:none;-moz-appearance:textfield;-webkit-box-sizing:border-box;box-sizing:border-box;font-variant-numeric:tabular-nums;padding:.625em 0 .625em .625em;width:100%;max-width:7em;outline:transparent;border-radius:var(--border-radius);-webkit-box-shadow:none;box-shadow:none;border:1px solid var(--color-foreground-80);-webkit-transition:background-color var(--transition-duration-10) ease-in-out,color var(--transition-duration-10) ease-in-out,border-color var(--transition-duration-10) ease-in-out;transition:background-color var(--transition-duration-10) ease-in-out,color var(--transition-duration-10) ease-in-out,border-color var(--transition-duration-10) ease-in-out}.PinturaInputDimension button::-moz-selection,.PinturaInputDimension input::-moz-selection{background-color:var(--color-foreground-20)}.PinturaInputDimension button::selection,.PinturaInputDimension input::selection{background-color:var(--color-foreground-20)}.PinturaInputDimension button:hover,.PinturaInputDimension input:hover{background-color:var(--color-foreground-10)}.PinturaInputDimension button:focus,.PinturaInputDimension input:focus{border-color:var(--color-focus-100)}.PinturaInputDimension input{background-color:var(--color-foreground-5)}.PinturaInputDimension input:-moz-placeholder-shown+label{color:var(--color-foreground-20)}.PinturaInputDimension input:-ms-input-placeholder+label{color:var(--color-foreground-20)}.PinturaInputDimension input:placeholder-shown+label{color:var(--color-foreground-20)}.PinturaInputDimension input::-moz-placeholder{color:var(--color-foreground-30)}.PinturaInputDimension input:-ms-input-placeholder{color:var(--color-foreground-30)}.PinturaInputDimension input::-webkit-input-placeholder{color:var(--color-foreground-30)}.PinturaInputDimension input::-ms-input-placeholder{color:var(--color-foreground-30)}.PinturaInputDimension input::placeholder{color:var(--color-foreground-30)}.PinturaInputDimension input[data-state=invalid]{border-color:var(--color-error-75);-webkit-box-shadow:inset 0 0 .25em var(--color-error-25),0 0 .25em var(--color-error-50);box-shadow:inset 0 0 .25em var(--color-error-25),0 0 .25em var(--color-error-50)}.PinturaInputDimension button{width:10em;min-height:2.65em}.PinturaInputDimension input::-webkit-inner-spin-button,.PinturaInputDimension input::-webkit-outer-spin-button{-webkit-appearance:none}.PinturaInputDimension input::-ms-clear{display:none}.PinturaModal{--safe-area-inset-top:env(safe-area-inset-top);--safe-area-inset-bottom:env(safe-area-inset-bottom);--editor-modal-border-radius:0;--editor-modal-overlay-opacity:0.95;--editor-modal-shadow:0 1em 2em -1em rgba(0,0,0,0.25),0 1.5em 1.5em -2em rgba(0,0,0,0.5);--editor-modal-outline:inset 0 0 0 1px var(--color-foreground-3);position:fixed;left:0;top:0;width:100%;height:100vh;z-index:2147483646;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;background-color:rgba(var(--color-background),var(--editor-modal-overlay-opacity,var(--editor-modal-overlay-opacity-default,.95)))}.PinturaModal>.PinturaRoot[data-env~=is-centered]{-webkit-box-shadow:var(--editor-modal-shadow);box-shadow:var(--editor-modal-shadow);border-radius:var(--editor-modal-border-radius)}.PinturaModal>.PinturaRoot[data-env~=is-centered]:after{position:absolute;left:0;top:0;bottom:0;right:0;pointer-events:none;border-radius:inherit;content:\"\";-webkit-box-shadow:var(--editor-modal-outline);box-shadow:var(--editor-modal-outline);z-index:2147483646}.PinturaModal[style*=\"--viewport-pad-footer:1\"]{-webkit-box-sizing:border-box;box-sizing:border-box;padding-bottom:env(safe-area-inset-bottom)}.PinturaModal+.PinturaModal{--editor-modal-overlay-opacity-default:0.75}.PinturaModal+.PinturaModal .PinturaRoot:not([data-env~=is-compact]){--editor-max-width-default:calc(100vw - 8em);--editor-max-height-default:calc(100vh - 8em)}.PinturaDocumentLock,.PinturaDocumentLock body{height:calc(var(--pintura-document-height) - 1px);overflow-y:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.PinturaDocumentLock body{position:relative}.PinturaDocumentLock .PinturaModal{height:100%!important}.PinturaPanel{--color-inset:hsla(0,0%,100%,0.1);--color-fill:var(--color-foreground-5);top:0;left:0;z-index:2147483647;width:-webkit-max-content;width:-moz-max-content;width:max-content;cursor:auto;outline:transparent;-webkit-box-shadow:inset 0 0 0 1px var(--color-inset),0 .125em .25em rgba(0,0,0,.25),0 .125em .75em rgba(0,0,0,.15),0 .125em .125em rgba(0,0,0,.1);box-shadow:inset 0 0 0 1px var(--color-inset),0 .125em .25em rgba(0,0,0,.25),0 .125em .75em rgba(0,0,0,.15),0 .125em .125em rgba(0,0,0,.1);border-radius:var(--border-radius)}.PinturaPanel,.PinturaPanelTip{position:absolute;color:var(--color-foreground-90);background-color:var(--color-background-100);background-image:-webkit-gradient(linear,left top, left bottom,from(var(--color-fill)),to(var(--color-fill)));background-image:linear-gradient(var(--color-fill),var(--color-fill));background-blend-mode:screen}.PinturaPanelTip{--tip-mask:transparent calc(50% - 1.5px),#000 calc(50% - 1.5px);width:.5em;height:.5em;margin-left:-.25em;margin-top:-.25em;z-index:-1;-webkit-box-shadow:inset -1px -1px 0 0 var(--color-inset);box-shadow:inset -1px -1px 0 0 var(--color-inset);-webkit-mask:-webkit-gradient(linear,left top, right bottom,from(var(--tip-mask)));-webkit-mask:linear-gradient(to bottom right,var(--tip-mask));mask:-webkit-gradient(linear,left top, right bottom,from(var(--tip-mask)));mask:linear-gradient(to bottom right,var(--tip-mask))}.PinturaPanelTip[style*=\"top:0\"]{-webkit-box-shadow:inset 1px 1px 0 0 var(--color-inset);box-shadow:inset 1px 1px 0 0 var(--color-inset);-webkit-mask:-webkit-gradient(linear,right bottom, left top,from(var(--tip-mask)));-webkit-mask:linear-gradient(to top left,var(--tip-mask));mask:-webkit-gradient(linear,right bottom, left top,from(var(--tip-mask)));mask:linear-gradient(to top left,var(--tip-mask))}.PinturaTabPanels{-ms-flex:1;flex:1;display:grid;grid-template-columns:1fr}.PinturaTabPanel{position:relative;grid-row-start:1;grid-column-start:1}.PinturaTabPanel:not([hidden]){z-index:2;outline:transparent}.PinturaTabPanel[hidden]{display:block!important;z-index:1;pointer-events:none}.PinturaTabPanel[data-inert=true]{visibility:hidden}@supports not (aspect-ratio:1){.PinturaTabPanel{overflow-x:hidden}}.PinturaScrollable{--scrollable-feather-start-opacity:0;--scrollable-feather-end-opacity:0;--scrollable-feather-size:2em;contain:paint;overflow:hidden}.PinturaScrollable:focus{outline:transparent}.PinturaScrollable>div{position:relative;display:-ms-inline-flexbox;display:inline-flex;vertical-align:top}.PinturaScrollable{-ms-touch-action:none;touch-action:none}.PinturaScrollable[data-direction=x]{max-width:100%;--mask-angle:90deg}.PinturaScrollable[data-direction=y]{max-height:100%;--mask-angle:180deg}.PinturaScrollable[data-state~=overflows]{-webkit-mask:-webkit-gradient(linear,left top, left bottom,from(var(--mask-angle)),color-stop(rgba(0,0,0,var(--scrollable-feather-start-opacity))),color-stop(#000),color-stop(#000),to(rgba(0,0,0,var(--scrollable-feather-end-opacity))));-webkit-mask:linear-gradient(var(--mask-angle),rgba(0,0,0,var(--scrollable-feather-start-opacity)),#000 var(--scrollable-feather-size),#000 calc(100% - var(--scrollable-feather-size)),rgba(0,0,0,var(--scrollable-feather-end-opacity)));mask:-webkit-gradient(linear,left top, left bottom,from(var(--mask-angle)),color-stop(rgba(0,0,0,var(--scrollable-feather-start-opacity))),color-stop(#000),color-stop(#000),to(rgba(0,0,0,var(--scrollable-feather-end-opacity))));mask:linear-gradient(var(--mask-angle),rgba(0,0,0,var(--scrollable-feather-start-opacity)),#000 var(--scrollable-feather-size),#000 calc(100% - var(--scrollable-feather-size)),rgba(0,0,0,var(--scrollable-feather-end-opacity)))}.PinturaScrollable[data-state~=scrolling]>div *{pointer-events:none}.PinturaTabList{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.PinturaTabList button{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;outline:transparent;cursor:var(--button-cursor);-webkit-tap-highlight-color:transparent}.PinturaTabList button>*{-webkit-transition:-webkit-filter var(--transition-duration-10) ease-out;transition:-webkit-filter var(--transition-duration-10) ease-out;transition:filter var(--transition-duration-10) ease-out;transition:filter var(--transition-duration-10) ease-out, -webkit-filter var(--transition-duration-10) ease-out}.PinturaTabList button[disabled]>*{-webkit-filter:var(--filter-disabled);filter:var(--filter-disabled)}.PinturaSlider{position:relative;--track-offset-x:0.5em;--track-offset-y:0.5em;--track-size:1.5em;--knob-size:1em;--knob-margin-top:0em;--knob-margin-right:0em;--knob-margin-bottom:0em;--knob-margin-left:0em;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-touch-action:none;touch-action:none}.PinturaSlider[data-direction=y]{-ms-flex-direction:column;flex-direction:column}.PinturaSlider .PinturaSliderControl{position:relative;-ms-flex:1;flex:1}.PinturaSlider>button{position:relative;z-index:1;width:var(--track-size);height:var(--track-size);overflow:hidden;cursor:pointer;-ms-flex-negative:none;flex-shrink:none}.PinturaSlider>button svg{width:1.25em;height:1.25em;margin:.125em;stroke-width:.125em;stroke:var(--color-foreground-50)}.PinturaSlider>button:first-of-type{-ms-flex-order:2;order:2;padding-right:.125em;margin-left:-.325em}.PinturaSlider>button:last-of-type{-ms-flex-order:1;order:1;padding-left:.125em;margin-right:-.325em}.PinturaSlider>.PinturaSliderControl{-ms-flex-order:2;order:2}.PinturaSlider .PinturaSliderKnob{left:0;top:50%;border-radius:9999em;visibility:visible;width:var(--knob-size);height:var(--knob-size);margin-left:calc(var(--knob-size) * -.5);margin-top:calc(var(--knob-size) * -.5)}.PinturaSlider .PinturaSliderKnob,.PinturaSlider .PinturaSliderKnobController,.PinturaSlider .PinturaSliderTrack{pointer-events:none;position:absolute}.PinturaSlider .PinturaSliderTrack{top:var(--track-offset-y);bottom:var(--track-offset-y);left:var(--track-offset-x);right:var(--track-offset-x)}.PinturaSlider .PinturaSliderKnobController{visibility:hidden;top:calc(var(--track-offset-y) + var(--knob-margin-top));bottom:calc(var(--track-offset-y) + var(--knob-margin-bottom));left:calc(var(--track-offset-x) + var(--knob-margin-left));right:calc(var(--track-offset-x) + var(--knob-margin-right))}.PinturaSlider .PinturaSliderTrack{border-radius:9999em}.PinturaSlider[data-direction=x] input[type=range]{height:var(--track-size);margin-left:var(--track-offset-x);width:calc(100% - (var(--track-offset-x) * 2))}.PinturaSlider[data-direction=y] input[type=range]{width:var(--track-size);margin-top:var(--track-offset-y);height:calc(100% - (var(--track-offset-y) * 2))}.PinturaSlider input[type=range]{-webkit-appearance:none;display:block}.PinturaSlider input[type=range]::-webkit-slider-runnable-track{background:transparent}.PinturaSlider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;line-height:0;margin:0;padding:0;border:none}.PinturaSlider input[type=range]::-moz-range-thumb{line-height:0;margin:0;padding:0;border:none;visibility:hidden}.PinturaSlider input[type=range]::-ms-thumb{line-height:0;margin:0;padding:0;border:none}.PinturaSlider input[type=range]::-ms-ticks-before,.PinturaSlider input[type=range]::-ms-tooltip{display:none}.PinturaSlider input[type=range]::-ms-ticks-after{display:none}.PinturaSlider input[type=range]::-ms-track{color:transparent;border:none;background:transparent}.PinturaSlider input[type=range]::-ms-fill-lower,.PinturaSlider input[type=range]::-ms-fill-upper{background:transparent}.PinturaSlider input[type=range]:focus{outline:transparent}.PinturaSlider input[type=range][data-focus-visible]~.PinturaSliderKnobController .PinturaSliderKnob:after{position:absolute;left:-.3125em;right:-.3125em;top:-.3125em;bottom:-.3125em;border-radius:inherit;content:\"\";background-color:var(--color-focus-50);-webkit-box-shadow:inset 0 0 0 1px var(--color-focus-100);box-shadow:inset 0 0 0 1px var(--color-focus-100);pointer-events:none}.PinturaUtilPanel{position:relative;z-index:1;height:100%;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;contain:layout size;-webkit-box-sizing:border-box;box-sizing:border-box}.PinturaUtilPanel,.PinturaUtilPanel>*{padding-top:.5em;padding-bottom:.5em}.PinturaProgressIndicator{position:relative;display:block;width:1.25em;height:1.25em}.PinturaProgressIndicator .PinturaProgressIndicatorFill{stroke-dashoffset:0}.PinturaProgressIndicator[data-status=busy] svg{-webkit-animation:image_editor_spin 1s linear infinite;animation:image_editor_spin 1s linear infinite}.PinturaProgressIndicator[data-status=busy] .PinturaProgressIndicatorFill{stroke-dashoffset:-26.5;stroke-dasharray:26.5 53;-webkit-transition:stroke-dashoffset .5s linear,stroke-dasharray .5s linear;transition:stroke-dashoffset .5s linear,stroke-dasharray .5s linear}@-webkit-keyframes image_editor_spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes image_editor_spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media only screen and (-webkit-min-device-pixel-ratio:3){.PinturaRoot[data-env~=is-ios] .PinturaProgressIndicator svg{-webkit-transform-origin:49% 49%;transform-origin:49% 49%}}.PinturaButton{white-space:nowrap;-ms-flex-negative:0;flex-shrink:0;-webkit-tap-highlight-color:transparent;cursor:var(--button-cursor)}.PinturaButton>span{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;vertical-align:top;min-height:1em}.PinturaButton svg+.PinturaButtonLabel{margin-left:.5em}.PinturaButton[disabled]{cursor:default}.PinturaButton:not(.PinturaButtonIconOnly) svg:first-of-type{margin-left:-.25em}.PinturaColorPreview{--color:transparent;color:var(--color);position:relative;pointer-events:none;background-color:#fff;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h4v4H0zm4 4h4v4H4z' fill='%23E5E5E5'/%3E%3C/svg%3E\")}.PinturaColorPreview span{position:absolute;left:0;top:0;right:0;bottom:0;background-color:var(--color);border-radius:inherit}.PinturaUtilMain{min-height:1px;padding-left:1em;padding-right:1em}.PinturaUtilMain,.PinturaUtilMain>[slot]{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.PinturaUtilMain>[slot]{-ms-flex-align:center;align-items:center}.PinturaUtilFooter>[slot]:empty{min-height:1em}.PinturaUtilFooter>[slot]{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:stretch;justify-content:stretch;pointer-events:all}.PinturaUtilFooter .PinturaControlPanel .PinturaShapePresetsList,.PinturaUtilFooter .PinturaShapeStyleList{min-height:3.5em;-ms-flex-align:start;align-items:flex-start}.PinturaUtilFooter .PinturaControlList [role=tab][aria-selected=true] button{background-color:var(--color-foreground-10);-webkit-box-shadow:inset 0 0 0 1px var(--color-foreground-5);box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.PinturaUtilFooter .PinturaControlList .PinturaControlListOption label,.PinturaUtilFooter .PinturaControlList [role=tab] button{-ms-flex-direction:row;flex-direction:row;line-height:1;padding:0 .75em;min-height:1.75em;border-radius:var(--border-radius-round);-webkit-transition:background-color var(--transition-duration-10) ease-out,color var(--transition-duration-10) ease-out,-webkit-filter var(--transition-duration-25) ease-out;transition:background-color var(--transition-duration-10) ease-out,color var(--transition-duration-10) ease-out,-webkit-filter var(--transition-duration-25) ease-out;transition:background-color var(--transition-duration-10) ease-out,color var(--transition-duration-10) ease-out,filter var(--transition-duration-25) ease-out;transition:background-color var(--transition-duration-10) ease-out,color var(--transition-duration-10) ease-out,filter var(--transition-duration-25) ease-out,-webkit-filter var(--transition-duration-25) ease-out;-webkit-box-shadow:inset 0 0 0 1px var(--color-foreground-0);box-shadow:inset 0 0 0 1px var(--color-foreground-0);cursor:var(--button-cursor)}.PinturaUtilFooter .PinturaControlList .PinturaControlListOption label span,.PinturaUtilFooter .PinturaControlList [role=tab] button span{font-size:.75em;font-weight:400}.PinturaUtilFooter .PinturaControlList .PinturaControlListOption label svg,.PinturaUtilFooter .PinturaControlList [role=tab] button svg{width:.875em;font-size:.875em}.PinturaUtilFooter .PinturaControlList .PinturaControlListOption label svg:not(:only-child),.PinturaUtilFooter .PinturaControlList [role=tab] button svg:not(:only-child){margin-left:-.25em;margin-right:.375em}.PinturaUtilFooter .PinturaControlList .PinturaControlListOption label:hover,.PinturaUtilFooter .PinturaControlList [role=tab] button:hover{-webkit-box-shadow:inset 0 0 0 1px var(--color-foreground-10);box-shadow:inset 0 0 0 1px var(--color-foreground-10)}.PinturaUtilFooter .PinturaControlList .PinturaControlListOption label[data-focus-visible],.PinturaUtilFooter .PinturaControlList [role=tab] button[data-focus-visible]{background-color:var(--color-focus-50);-webkit-box-shadow:inset 0 0 0 1px var(--color-focus-100);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaUtilFooter .PinturaControlListOption [slot],.PinturaUtilFooter .PinturaControlListOption label{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}.PinturaUtilFooter .PinturaControlListOption[data-selected=true] label{background-color:var(--color-foreground-10);-webkit-box-shadow:inset 0 0 0 1px var(--color-foreground-5);box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.PinturaUtilFooter .PinturaControlListOption input[data-focus-visible]+label{background-color:var(--color-focus-50);-webkit-box-shadow:inset 0 0 0 1px var(--color-focus-100);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaUtilFooter .PinturaControlListOption input[disabled]+label{-webkit-filter:var(--filter-disabled);filter:var(--filter-disabled)}.PinturaUtilFooter .PinturaControlList .PinturaControlListOption+.PinturaControlListOption,.PinturaUtilFooter .PinturaControlList>li+li{margin-left:.5em}.PinturaUtilFooter .PinturaControlPanels{display:grid;grid-template-columns:1fr;width:40em;max-width:100%;margin:0 auto;-ms-flex:auto;flex:auto}.PinturaUtilFooter .PinturaControlPanel{grid-row-start:1;grid-column-start:1;max-width:100%;overflow:hidden;visibility:visible;opacity:1}.PinturaUtilFooter .PinturaControlPanel[hidden]{display:block!important;visibility:hidden;-webkit-transition-delay:0s;transition-delay:0s;pointer-events:none;opacity:0}.PinturaUtilFooter .PinturaControlList[data-layout=compact]>*+*{margin-left:-1px}.PinturaUtilFooter .PinturaControlList[data-layout=compact]>[role=tab] button{padding-left:.625em;padding-right:.625em;border-radius:0;-webkit-box-shadow:inset 0 0 0 1px var(--color-foreground-5);box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.PinturaUtilFooter .PinturaControlList[data-layout=compact]>[role=tab]:only-child button{border-radius:var(--border-radius-round)}.PinturaUtilFooter .PinturaControlList[data-layout=compact]>[role=tab]:first-child:not(:only-child) button{padding-left:.75em;border-top-left-radius:var(--border-radius-round);border-bottom-left-radius:var(--border-radius-round)}.PinturaUtilFooter .PinturaControlList[data-layout=compact]>[role=tab]:last-child:not(:only-child) button{padding-right:.75em;border-top-right-radius:var(--border-radius-round);border-bottom-right-radius:var(--border-radius-round)}@supports not (aspect-ratio:1){.PinturaControlPanel{overflow-x:hidden}}.PinturaRoot[data-env~=is-animated] .PinturaUtilFooter .PinturaControlPanel{-webkit-transition:opacity var(--transition-duration-25) ease-in-out,visibility var(--transition-duration-25) linear;transition:opacity var(--transition-duration-25) ease-in-out,visibility var(--transition-duration-25) linear;-webkit-transition-delay:.1s;transition-delay:.1s}.PinturaRoot[data-env~=has-controlgroups-preference-top] .PinturaUtilHeader{-ms-flex-order:1;order:1}.PinturaRoot[data-env~=has-controlgroups-preference-top] .PinturaUtilFooter{-ms-flex-order:2;order:2}.PinturaRoot[data-env~=has-controlgroups-preference-top] .PinturaUtilMain{-ms-flex-order:3;order:3}.PinturaRoot[data-env~=has-controltabs-preference-bottom] .PinturaUtilFooter .PinturaControlPanels{-ms-flex-order:-1;order:-1}.PinturaRoot[data-env~=has-controltabs-preference-bottom] .PinturaUtilFooter .PinturaRangeInput .PinturaRangeInputReset{top:0;bottom:auto}.PinturaRoot[data-env~=has-controltabs-preference-bottom] .PinturaUtilFooter .PinturaControlPanel .PinturaShapePresetsGrouped{padding-bottom:.75em}.PinturaRoot[data-env~=has-controltabs-preference-top] .PinturaUtilFooter .PinturaControlPanels{-ms-flex-order:1;order:1}.PinturaRoot[data-env~=has-controltabs-preference-top] .PinturaUtilFooter .PinturaRangeInput .PinturaRangeInputReset{top:auto;bottom:0}.PinturaRoot[data-env~=has-controltabs-preference-top] .PinturaUtilFooter .PinturaControlPanel .PinturaShapePresetsGrouped{padding-top:.75em}.PinturaRoot[data-env~=has-controltabs-preference-top] .PinturaUtilFooter .PinturaControlPanel .PinturaShapePresetsList,.PinturaRoot[data-env~=has-controltabs-preference-top] .PinturaUtilFooter .PinturaShapeStyleList{-ms-flex-align:end;align-items:flex-end}.PinturaRoot[data-env~=has-controltabs-preference-top] .PinturaUtilFooter .PinturaShapeStyleLabel{-ms-flex-order:1;order:1}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter{margin:.75em 0}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlPanels{max-width:24em}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList{margin-top:1em}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList>li+li{margin-left:0}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList li[role=tab] span{font-size:.75em}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList li[role=tab] button{border-radius:0;background-color:var(--color-background-50);-webkit-backdrop-filter:var(--backdrop-filter-bright);backdrop-filter:var(--backdrop-filter-bright);-webkit-box-shadow:inset 0 0 0 1px var(--color-background-15),0 .0625em .125em rgba(0,0,0,.25),0 .125em .35em rgba(0,0,0,.35);box-shadow:inset 0 0 0 1px var(--color-background-15),0 .0625em .125em rgba(0,0,0,.25),0 .125em .35em rgba(0,0,0,.35)}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList li[role=tab]:first-child button{padding-left:.875em;border-top-left-radius:var(--border-radius-round);border-bottom-left-radius:var(--border-radius-round)}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList li[role=tab]:last-child button{padding-right:.875em;border-top-right-radius:var(--border-radius-round);border-bottom-right-radius:var(--border-radius-round)}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList li:not([aria-selected=true]) span{color:var(--color-foreground-40)}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlPanels{background-color:var(--color-background-50);-webkit-backdrop-filter:var(--backdrop-filter-bright);backdrop-filter:var(--backdrop-filter-bright);border-radius:var(--border-radius-round);-webkit-box-shadow:inset 0 0 0 1px var(--color-background-15),0 .0625em .125em rgba(0,0,0,.25),0 .125em .35em rgba(0,0,0,.35);box-shadow:inset 0 0 0 1px var(--color-background-15),0 .0625em .125em rgba(0,0,0,.25),0 .125em .35em rgba(0,0,0,.35)}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaRangeInput{height:1.5em;margin-top:0}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaRangeInputReset{opacity:0}.PinturaRangeInput{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;margin:auto;height:3.5em;max-width:24em;width:calc(100% - 2em);-ms-touch-action:none;touch-action:none;--range-input-feather-left:2em;--range-input-feather-right:2em;--range-input-mask-from:0%;--range-input-mask-to:100%;--range-input-mask-color:rgba(0,0,0,0.25);--range-input-line-color:var(--color-foreground-15);outline:transparent}.PinturaRangeInput[data-focus-visible]:after{background-color:var(--color-focus-50);-webkit-box-shadow:inset 0 0 0 1px var(--color-focus-100);box-shadow:inset 0 0 0 1px var(--color-focus-100);content:\"\";position:absolute;left:0;right:0;top:calc(50% - 1em);height:2em;border-radius:.25em}.PinturaRangeInputInner{position:relative;overflow:hidden;height:100%;width:100%;contain:strict;-webkit-mask:-webkit-gradient(linear,left top, right top,color-stop(0, transparent),color-stop(#000),color-stop(#000),color-stop(50%, transparent),color-stop(#000),color-stop(#000),to(transparent));-webkit-mask:linear-gradient(90deg,transparent 0,#000 var(--range-input-feather-left),#000 calc(50% - 3em),transparent 50%,#000 calc(50% + 3em),#000 calc(100% - var(--range-input-feather-right)),transparent);mask:-webkit-gradient(linear,left top, right top,color-stop(0, transparent),color-stop(#000),color-stop(#000),color-stop(50%, transparent),color-stop(#000),color-stop(#000),to(transparent));mask:linear-gradient(90deg,transparent 0,#000 var(--range-input-feather-left),#000 calc(50% - 3em),transparent 50%,#000 calc(50% + 3em),#000 calc(100% - var(--range-input-feather-right)),transparent)}.PinturaRangeInputMeter{height:100%}.PinturaRangeInput .PinturaRangeInputMeter svg{display:block;pointer-events:none;fill:currentColor}.PinturaRangeInput>.PinturaRangeInputValue{position:absolute;z-index:1;pointer-events:none;top:calc(50% - .6875em);left:calc(50% - 1.75em);width:3.5em;height:1.5em;overflow:hidden;contain:strict;text-align:center;font-size:.75em;font-variant-numeric:tabular-nums;-webkit-font-feature-settings:\"tnum\";font-feature-settings:\"tnum\";font-family:Tahoma,Geneva,Verdana,sans-serif}.PinturaRangeInput>.PinturaRangeInputReset{position:absolute;left:calc(50% - 1.0625em);top:0;margin-top:.125em;padding:0;z-index:1;width:2em;overflow:hidden;color:transparent!important;-webkit-transition:opacity var(--transition-duration-25);transition:opacity var(--transition-duration-25);opacity:.35;outline:transparent;cursor:var(--button-cursor)}.PinturaRangeInput>.PinturaRangeInputReset:hover{opacity:.5}.PinturaRangeInput>.PinturaRangeInputReset[data-focus-visible]{opacity:1}.PinturaRangeInput>.PinturaRangeInputReset[data-focus-visible]:before{content:\"\";pointer-events:none;position:absolute;left:calc(50% - .5em);top:calc(50% - .5em);height:1em;width:1em;z-index:2;border-radius:.25em;background-color:var(--color-focus-50);-webkit-box-shadow:inset 0 0 0 1px var(--color-focus-100);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaRangeInput>.PinturaRangeInputReset[disabled]{opacity:.15}.PinturaRangeInput>.PinturaRangeInputReset:after{content:\"\";position:absolute;left:50%;top:20%;width:1px;height:60%;background:var(--color-foreground-100)}.PinturaRangeInputInner[data-value-limited] svg{-webkit-mask:-webkit-gradient(linear,left top, right top,from(var(--range-input-mask-color)),color-stop(#000),color-stop(#000),to(var(--range-input-mask-color)));-webkit-mask:linear-gradient(90deg,var(--range-input-mask-color) var(--range-mask-from),#000 var(--range-mask-from),#000 var(--range-mask-to),var(--range-input-mask-color) var(--range-mask-to));mask:-webkit-gradient(linear,left top, right top,from(var(--range-input-mask-color)),color-stop(#000),color-stop(#000),to(var(--range-input-mask-color)));mask:linear-gradient(90deg,var(--range-input-mask-color) var(--range-mask-from),#000 var(--range-mask-from),#000 var(--range-mask-to),var(--range-input-mask-color) var(--range-mask-to))}.PinturaRangeInputInner[data-value-limited] svg rect{x:var(--range-mask-from);width:calc(var(--range-mask-to) - var(--range-mask-from));fill:var(--range-input-line-color)}.PinturaImageInfo{pointer-events:none}.PinturaImageInfo p{width:8em;height:1.25em;contain:strict;overflow:hidden;font-variant-numeric:tabular-nums;-webkit-font-feature-settings:\"tnum\";font-feature-settings:\"tnum\";font-family:Tahoma,Geneva,Verdana,sans-serif;text-align:right;line-height:1;font-size:.75em}.PinturaPresetListFilter .PinturaRadioGroupOptions{-ms-flex-pack:space-evenly;justify-content:space-evenly;padding:.625em 0 .3125em}.PinturaPresetListFilter .PinturaRadioGroupOptions label{display:block;cursor:pointer}.PinturaPresetListFilter+.PinturaOptionsList{border-top-left-radius:0;border-top-right-radius:0}.PinturaToolbar{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin-left:1em;margin-right:1em}.PinturaToolbar .PinturaToolbarInner{display:-ms-inline-flexbox;display:inline-flex}.PinturaToolbar[data-layout=compact] .PinturaToolbarContentWide,.PinturaToolbar[data-overflow=overflow] .PinturaToolbarContentOptional{display:none}.PinturaToolbar .PinturaButton{border-radius:var(--border-radius-round);outline:transparent;padding:.3125em .75em;-webkit-transition:background-color var(--transition-duration-10) ease-out,color var(--transition-duration-10) ease-out,-webkit-box-shadow var(--transition-duration-10) ease-out;transition:background-color var(--transition-duration-10) ease-out,color var(--transition-duration-10) ease-out,-webkit-box-shadow var(--transition-duration-10) ease-out;transition:background-color var(--transition-duration-10) ease-out,color var(--transition-duration-10) ease-out,box-shadow var(--transition-duration-10) ease-out;transition:background-color var(--transition-duration-10) ease-out,color var(--transition-duration-10) ease-out,box-shadow var(--transition-duration-10) ease-out,-webkit-box-shadow var(--transition-duration-10) ease-out;line-height:1.1}.PinturaToolbar .PinturaButton:hover{-webkit-box-shadow:inset 0 0 0 1px var(--color-foreground-5);box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.PinturaToolbar .PinturaButton[data-focus-visible]{background-color:var(--color-focus-50);-webkit-box-shadow:inset 0 0 0 1px var(--color-focus-100);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaToolbar .PinturaButton .PinturaButtonIcon{width:1em}.PinturaToolbar .PinturaButtonLabel{font-size:.75em}.PinturaToolbar .PinturaPanel{z-index:3}.PinturaToolbar .PinturaToolbarInner>*{margin:0 .5em}.PinturaRectManipulator{--size:1.25em;position:absolute;left:0;top:0;outline:none;-ms-touch-action:none;touch-action:none}.PinturaRectManipulator:not([data-shape=edge]){width:var(--size);height:var(--size);z-index:2}.PinturaRectManipulator:not([data-shape=edge]):after{position:absolute;left:-.5em;right:-.5em;top:-.5em;bottom:-.5em;border-radius:inherit;content:\"\"}.PinturaRectManipulator:not([data-shape=edge])[data-focus-visible]:after{background-color:var(--color-focus-50);-webkit-box-shadow:inset 0 0 0 1px var(--color-focus-100);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaRectManipulator[data-shape~=circle]{margin-left:calc(var(--size) * (-.5));margin-top:calc(var(--size) * (-.5));line-height:var(--size);border-radius:50%;background-color:var(--color-foreground-100);-webkit-box-shadow:0 0 2px var(--color-background-50);box-shadow:0 0 2px var(--color-background-50)}.PinturaRectManipulator[data-shape=hook]{border:3px solid var(--color-foreground-100)}.PinturaRectManipulator[data-shape=hook][data-direction*=t]{margin-top:-3px;border-bottom:0}.PinturaRectManipulator[data-shape=hook][data-direction*=r]{border-left:0;margin-left:calc(var(--size) * (-1))}.PinturaRectManipulator[data-shape=hook][data-direction*=b]{margin-top:calc(var(--size) * (-1));border-top:0}.PinturaRectManipulator[data-shape=hook][data-direction*=l]{border-right:0;margin-left:-3px}.PinturaRectManipulator[data-shape~=edge]{height:1px;width:1px;z-index:1}.PinturaRectManipulator[data-shape~=edge][data-focus-visible]{background-color:var(--color-focus-50)}.PinturaRectManipulator[data-direction=b],.PinturaRectManipulator[data-direction=t]{cursor:ns-resize;height:var(--size);margin-top:calc(var(--size) * (-.5));-webkit-transform-origin:0 center;transform-origin:0 center}.PinturaRectManipulator[data-direction=l],.PinturaRectManipulator[data-direction=r]{cursor:ew-resize;width:var(--size);margin-left:calc(var(--size) * (-.5));-webkit-transform-origin:center 0;transform-origin:center 0}.PinturaRectManipulator[data-direction=bl],.PinturaRectManipulator[data-direction=tr]{cursor:nesw-resize}.PinturaRectManipulator[data-direction=br],.PinturaRectManipulator[data-direction=tl]{cursor:nwse-resize}.PinturaRoot[data-env~=pointer-coarse] .PinturaRectManipulator[data-shape=edge]:active{background-color:var(--color-foreground-5)}.PinturaRoot[data-env~=pointer-coarse] .PinturaRectManipulator:not([data-shape=edge]):after{left:-1em;right:-1em;top:-1em;bottom:-1em}.PinturaRoot[data-env~=pointer-coarse] .PinturaRectManipulator:not([data-shape=edge]):active:after{background-color:var(--color-foreground-5)}.PinturaShapeStyleEditor{position:relative;display:grid;grid-template-columns:1fr}.PinturaShapeStyleEditor>div{grid-row-start:1;grid-column-start:1;max-width:100%;overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.PinturaShapeStyles{position:relative}.PinturaShapeStyles:not([data-state~=overflows]){display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.PinturaShapeStyleList{display:-ms-flexbox;display:flex}.PinturaShapeStyleList .PinturaButton,.PinturaShapeStyleList .PinturaInput{outline:transparent}.PinturaShapeStyleList .PinturaInput{padding:0 0 0 .625em;font-size:.75em;line-height:2.25}.PinturaShapeStyleList .PinturaShapeStyleLabel{line-height:1.75;font-size:.625em;font-weight:300;padding:0 .75em;text-transform:lowercase;pointer-events:none;text-align:center;color:var(--color-foreground-50);white-space:nowrap}.PinturaShapeStyleList>.PinturaShapeStyle{border-radius:var(--border-radius-round)}.PinturaShapeStyleList>.PinturaShapeStyle+.PinturaShapeStyle{margin-left:1em}.PinturaShapeStyle{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch}.PinturaShapeStyle .PinturaPanelButton{border-radius:inherit}.PinturaShapeStyle>.PinturaButton:hover,.PinturaShapeStyle>.PinturaButton[data-focus-visible]{position:relative;z-index:1}.PinturaShapeStyle>.PinturaColorPickerButton .PinturaButtonLabel{display:block;border-radius:inherit}.PinturaShapeStyle>.PinturaColorPickerButton{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.PinturaShapeStyle .PinturaColorPreview{border-radius:inherit;width:1.5em;height:1.5em;background-color:#fff;background-size:4px}.PinturaShapeStyle .PinturaColorPreview span{border-radius:inherit;-webkit-box-shadow:inset 0 0 0 1px var(--color-foreground-5);box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.PinturaShapeStyle [data-focus-visible] .PinturaColorPreview span:before{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;background-color:var(--color-focus-50);-webkit-box-shadow:inset 0 0 0 1px var(--color-focus-100);box-shadow:inset 0 0 0 1px var(--color-focus-100);content:\"\";z-index:1}.PinturaShapeStyle>.PinturaColorPickerButtonStroke .PinturaColorPreview{-webkit-mask:radial-gradient(circle,transparent 5.5px,#000 6px);mask:radial-gradient(circle,transparent 5.5px,#000 6px);-webkit-mask-size:cover;mask-size:cover}.PinturaShapeStyle>.PinturaColorPickerButtonStroke .PinturaColorPreview span:after{position:absolute;left:6px;top:6px;right:6px;bottom:6px;border-radius:inherit;-webkit-box-shadow:0 0 0 1px var(--color-foreground-5);box-shadow:0 0 0 1px var(--color-foreground-5);content:\"\"}.PinturaShapeStyle>.PinturaDropdownButton .PinturaButtonLabel,.PinturaShapeStyle>.PinturaRadioGroup .PinturaButtonLabel,.PinturaShapeStyle>.PinturaRadioGroupOption label,.PinturaShapeStyle>.PinturaSliderButton .PinturaButtonLabel{display:block;line-height:2.25;padding:0 1em;font-size:.6875em}.PinturaShapeStyle>.PinturaButton:not(.PinturaColorPickerButton)[data-focus-visible]{background-color:var(--color-focus-50);-webkit-box-shadow:inset 0 0 0 1px var(--color-focus-100);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaShapeStyle .PinturaInputField{text-align:right;padding:0 .75em;width:3em;height:2em;-webkit-box-shadow:inset 0 0 0 1px var(--color-foreground-5);box-shadow:inset 0 0 0 1px var(--color-foreground-5);border-radius:var(--border-radius)}.PinturaShapeStyle>.PinturaDropdownButton{-webkit-box-shadow:inset 0 0 0 1px var(--color-foreground-5);box-shadow:inset 0 0 0 1px var(--color-foreground-5);-webkit-transition:background-color var(--transition-duration-10);transition:background-color var(--transition-duration-10)}.PinturaShapeStyle>.PinturaDropdownButton:hover{background-color:var(--color-foreground-10)}.PinturaShapeStyle>.PinturaDropdownButton .PinturaButtonLabel:after{content:\"▼\";font-size:.6875em;margin-left:.75em;position:relative;top:-.125em;margin-right:-.25em;pointer-events:none}.PinturaShapeStyle>.PinturaRadioGroup>.PinturaRadioGroupOptions{-ms-flex-direction:row;flex-direction:row}.PinturaShapeStyle>.PinturaRadioGroup>.PinturaRadioGroupOptions label{cursor:var(--button-cursor);display:-ms-flexbox;display:flex;height:1.5em;-ms-flex-align:center;align-items:center;padding:0 .25em;-webkit-box-shadow:inset 0 0 0 1px var(--color-foreground-5);box-shadow:inset 0 0 0 1px var(--color-foreground-5);-webkit-transition:background-color var(--transition-duration-10);transition:background-color var(--transition-duration-10)}.PinturaShapeStyle>.PinturaRadioGroup>.PinturaRadioGroupOptions label:hover{background-color:var(--color-foreground-20)}.PinturaShapeStyle>.PinturaRadioGroup>.PinturaRadioGroupOptions svg{width:1.125em;height:1.125em}.PinturaShapeStyle>.PinturaRadioGroup>.PinturaRadioGroupOptions .PinturaRadioGroupOption:first-of-type label{padding-left:.5em;border-top-left-radius:var(--border-radius-round);border-bottom-left-radius:var(--border-radius-round)}.PinturaShapeStyle>.PinturaRadioGroup>.PinturaRadioGroupOptions .PinturaRadioGroupOption:last-of-type label{padding-right:.5em;border-top-right-radius:var(--border-radius-round);border-bottom-right-radius:var(--border-radius-round)}.PinturaShapeStyle>.PinturaRadioGroup>.PinturaRadioGroupOptions [data-selected=true] label{background-color:var(--color-foreground-10)}.PinturaShapePresetsPalette{text-align:center;width:40em;max-width:100%;overflow:hidden}.PinturaShapePresetsPalette .PinturaShapePresetSelect{vertical-align:top;display:inline-block}.PinturaShapePresetsPalette .PinturaScrollable:not([data-state~=overflows]){display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.PinturaShapePresetsPalette .PinturaButton+.PinturaButton{margin-left:.5em}.PinturaShapePresetsPalette .PinturaButton{-ms-flex-direction:row;flex-direction:row;line-height:1.1;padding:.3125em .75em;border-radius:var(--border-radius-round);-webkit-box-shadow:inset 0 0 0 1px var(--color-foreground-5);box-shadow:inset 0 0 0 1px var(--color-foreground-5);cursor:var(--button-cursor);-webkit-transition:background-color var(--transition-duration-10) ease-out,color var(--transition-duration-10) ease-out,-webkit-box-shadow var(--transition-duration-10) ease-out;transition:background-color var(--transition-duration-10) ease-out,color var(--transition-duration-10) ease-out,-webkit-box-shadow var(--transition-duration-10) ease-out;transition:background-color var(--transition-duration-10) ease-out,color var(--transition-duration-10) ease-out,box-shadow var(--transition-duration-10) ease-out;transition:background-color var(--transition-duration-10) ease-out,color var(--transition-duration-10) ease-out,box-shadow var(--transition-duration-10) ease-out,-webkit-box-shadow var(--transition-duration-10) ease-out;outline:none}.PinturaShapePresetsPalette .PinturaButton .PinturaButtonIcon{width:1em}.PinturaShapePresetsPalette .PinturaButton .PinturaButtonLabel{font-size:.75em}.PinturaShapePresetsPalette .PinturaButton:hover{-webkit-box-shadow:inset 0 0 0 1px var(--color-foreground-10);box-shadow:inset 0 0 0 1px var(--color-foreground-10)}.PinturaShapePresetsPalette .PinturaButton[data-focus-visible]{background-color:var(--color-focus-50);-webkit-box-shadow:inset 0 0 0 1px var(--color-focus-100);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaShapePresetsPalette .PinturaShapePresetsFlat>*+*,.PinturaShapePresetsPalette .PinturaShapePresetsGroups>*+*,.PinturaShapePresetsPalette .PinturaShapePresetsGroups>div>*+*{margin-left:.5em}.PinturaShapePresetsGroups{display:-ms-flexbox;display:flex}.PinturaShapePresetsGrouped{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.PinturaShapePresetsGrouped [role=tab]{white-space:nowrap}.PinturaShapePresetsFlat{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.PinturaShapePresetsFlat>.PinturaButton{margin-left:1em}.PinturaShapeList{pointer-events:none;opacity:0;-webkit-transition:opacity var(--transition-duration-10) ease-in-out;transition:opacity var(--transition-duration-10) ease-in-out;position:absolute;top:1em;left:1em;width:-webkit-max-content;width:-moz-max-content;width:max-content;z-index:1;border-radius:var(--border-radius);color:var(--color-foreground-100);background:var(--color-background-70);-webkit-box-shadow:0 0 0 1px var(--color-foreground-5);box-shadow:0 0 0 1px var(--color-foreground-5)}.PinturaShapeList li+li{margin-top:-.3125em}.PinturaShapeList[data-visible=true]{opacity:1}.PinturaShapeList .PinturaColorPreview{width:.75em;height:.75em;margin-right:.25em;border-radius:.25em}.PinturaShapeList .PinturaShapeListItem{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.25em .5em;outline:none}.PinturaShapeList .PinturaShapeListItem>span{font-size:.75em;line-height:1.75;padding:0 .325em;margin-left:-.325em}.PinturaShapeList .PinturaShapeListItem[data-focus-visible]>span{background-color:var(--color-focus-50);-webkit-box-shadow:inset 0 0 0 1px var(--color-focus-100);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaShapeList[data-visible=true] .PinturaShapeListItem{pointer-events:all}.PinturaShapeEditor{height:100%;width:100%;outline:none;-ms-touch-action:none;touch-action:none}.PinturaShapeControls{position:absolute!important;left:0;top:0;z-index:3;pointer-events:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.PinturaShapeControlsGroup{pointer-events:all;color:#eee;background:#222;-webkit-box-shadow:0 .125em .25em rgba(0,0,0,.25);box-shadow:0 .125em .25em rgba(0,0,0,.25);border-radius:.25em}.PinturaShapeControlsGroup,.PinturaShapeControlsGroup .PinturaShapeControlsGroupToggle{display:-ms-inline-flexbox;display:inline-flex;min-height:1.75em}.PinturaShapeControlsGroup+.PinturaShapeControlsGroup{margin-left:.5em}.PinturaShapeControlsGroup .PinturaShapeControlsGroupToggle{position:relative}.PinturaShapeControlsGroup .PinturaButton{outline:transparent}.PinturaShapeControlsGroup .PinturaButton[data-focus-visible]{background-color:var(--color-focus-50);-webkit-box-shadow:inset 0 0 0 1px var(--color-focus-100);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaShapeControlsGroup .PinturaButton[disabled]>span{opacity:.5;pointer-events:all;cursor:not-allowed}.PinturaShapeControlsGroup>.PinturaButton{display:block;font-weight:700;-webkit-transition:background-color var(--transition-duration-10);transition:background-color var(--transition-duration-10);outline:transparent}.PinturaShapeControlsGroup>.PinturaButton:hover{background-color:hsla(0,0%,100%,.15)}.PinturaShapeControlsGroup>.PinturaButton .PinturaButtonLabel{display:block;font-size:.6875em;padding:0 .75em;line-height:1.7em}.PinturaShapeControlsGroup .PinturaButtonIconOnly{width:1.75em;-webkit-transition:background-color var(--transition-duration-10);transition:background-color var(--transition-duration-10)}.PinturaShapeControlsGroup .PinturaButtonIconOnly:hover{background-color:hsla(0,0%,100%,.15)}.PinturaShapeControlsGroup>button:first-of-type{border-radius:.25em 0 0 .25em}.PinturaShapeControlsGroup>button:last-of-type{border-radius:0 .25em .25em 0}.PinturaShapeControlsGroup>button:only-of-type{border-radius:.25em}.PinturaShapeControlsGroup>*+*{border-left:1px solid rgba(0,0,0,.5)}.PinturaShapeControlsGroup svg{pointer-events:none}.PinturaInlineInput{position:absolute;left:0;top:0;margin:0;padding:0;-webkit-transform-origin:center;transform-origin:center;display:-ms-flexbox;display:flex}.PinturaInlineInput:before{content:\"\";width:0;height:var(--line-height)}.PinturaContentEditable{margin:0;padding:0;width:100%;height:calc(100% - var(--bottom-inset, 0));overflow:hidden;outline:none;vertical-align:top}.PinturaShapePreset,.PinturaShapePresetsList{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.PinturaShapePreset{--thumb-size:1.75em;--thumb-radius:0.3125em;--thumb-margin:0.3125em;-ms-flex-pack:center;justify-content:center;position:relative}.PinturaShapePreset text{font-family:monospace}.PinturaShapePreset img,.PinturaShapePreset svg{display:block;width:var(--thumb-size);height:var(--thumb-size);min-width:auto;max-width:none;-o-object-fit:cover;object-fit:cover;border-radius:var(--thumb-radius)}.PinturaShapePreset .PinturaDragButton{padding:var(--thumb-margin);border-radius:var(--border-radius);-webkit-box-shadow:inset 0 0 0 1px var(--color-foreground-5);box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.PinturaShapePreset .PinturaDragButton:hover{background-color:var(--color-foreground-10)}.PinturaShapePreset .PinturaDragButton[data-loader]:after,.PinturaShapePreset .PinturaDragButton[data-loader]:before{display:block;width:var(--thumb-size);height:var(--thumb-size);line-height:var(--thumb-size);border-radius:var(--thumb-radius)}.PinturaShapePreset .PinturaDragButton[data-error] img{display:none}.PinturaShapePreset .PinturaDragButton[data-error]:after{content:\"⚠\";-webkit-box-shadow:inset 0 0 0 1px var(--color-error-75);box-shadow:inset 0 0 0 1px var(--color-error-75);background-color:var(--color-error-10);color:var(--color-error-75)}.PinturaShapePreset .PinturaDragButton[data-loader]{position:relative}.PinturaShapePreset .PinturaDragButton[data-loader]:before{content:\"\";position:absolute;left:var(--thumb-margin);top:var(--thumb-margin);-webkit-animation:pintura-img-loading calc(var(--transition-duration-multiplier, 0) * 1s) infinite alternate ease-in-out;animation:pintura-img-loading calc(var(--transition-duration-multiplier, 0) * 1s) infinite alternate ease-in-out;background-color:var(--color-foreground-10);-webkit-transition:-webkit-transform calc(var(--transition-duration-multiplier, 0) * .5s) ease-in;transition:-webkit-transform calc(var(--transition-duration-multiplier, 0) * .5s) ease-in;transition:transform calc(var(--transition-duration-multiplier, 0) * .5s) ease-in;transition:transform calc(var(--transition-duration-multiplier, 0) * .5s) ease-in, -webkit-transform calc(var(--transition-duration-multiplier, 0) * .5s) ease-in;z-index:-1}.PinturaShapePreset .PinturaDragButton[data-loader] img{opacity:0;-webkit-transition:opacity calc(var(--transition-duration-multiplier, 0) * .35s) ease-out;transition:opacity calc(var(--transition-duration-multiplier, 0) * .35s) ease-out}.PinturaShapePreset .PinturaDragButton[data-loader][data-load] img{opacity:1}.PinturaShapePreset .PinturaDragButton[data-loader][data-error]:before,.PinturaShapePreset .PinturaDragButton[data-loader][data-load]:before{-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-transform:scale(.5);transform:scale(.5)}.PinturaShapePreset+.PinturaShapePreset{margin-left:.5em}@-webkit-keyframes pintura-img-loading{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}@keyframes pintura-img-loading{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.PinturaInputForm{opacity:0;cursor:auto;z-index:2147483647}.PinturaInputForm:not([data-layout=stick]){position:absolute;bottom:6.5em;width:30em;left:calc(50% - 15em);-webkit-box-shadow:0 .25em .5em -.5em rgba(0,0,0,.75),inset 0 0 0 1px var(--color-foreground-10);box-shadow:0 .25em .5em -.5em rgba(0,0,0,.75),inset 0 0 0 1px var(--color-foreground-10);border-radius:var(--border-radius);background-color:var(--color-background-95)}@media (max-width:34em){.PinturaInputForm:not([data-layout=stick]){left:2em;right:2em;width:auto}}.PinturaInputForm[data-layout=stick]{-webkit-transition:opacity .15s ease .25s;transition:opacity .15s ease .25s;position:absolute;left:0;right:0;outline:1px solid var(--color-foreground-15);background-color:var(--color-background-100)}.PinturaInputForm[data-layout=stick]>.PinturaInputFormInner{background-color:var(--color-foreground-3)}.PinturaInputFormInner>.PinturaButton{color:var(--color-foreground-100);border-radius:9999em;-webkit-box-shadow:inset 0 0 0 1px var(--color-foreground-5);box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.PinturaInputFormInner>.PinturaButton:first-of-type{left:1em}.PinturaInputFormInner>.PinturaButton:last-of-type{right:1rem;color:var(--color-primary-text);background:var(--color-primary);-webkit-box-shadow:inset 0 0 0 1px var(--color-foreground-10);box-shadow:inset 0 0 0 1px var(--color-foreground-10)}.PinturaInputFormInner>.PinturaButton:not(.PinturaButtonIconOnly) .PinturaButtonInner{padding:0 .875em 0 .625em}.PinturaInputFormInner>.PinturaButton .PinturaButtonIcon{width:.875em;height:.875em}.PinturaInputFormInner>.PinturaButton.PinturaButtonIconOnly{width:1.875em;height:1.875em}.PinturaInputFormInner>.PinturaButton .PinturaButtonLabel{font-size:.875em}.PinturaInputFormInner>.PinturaButton .PinturaButtonInner{line-height:2;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.PinturaInputFormInner{padding-top:1em;padding-bottom:3.5em}.PinturaInputFormInner>.PinturaButton{position:absolute;bottom:1em}.PinturaInputFormFields textarea:only-child{width:100%;padding:0 1em .5em;height:5em;display:block;background:transparent;-webkit-mask:-webkit-gradient(linear,left bottom, left top,from(transparent),color-stop(1em, #000));-webkit-mask:linear-gradient(0deg,transparent,#000 1em);mask:-webkit-gradient(linear,left bottom, left top,from(transparent),color-stop(1em, #000));mask:linear-gradient(0deg,transparent,#000 1em)}.PinturaInputFormFields textarea:only-child::-webkit-scrollbar{width:1em;cursor:pointer}.PinturaInputFormFields textarea:only-child::-webkit-scrollbar-track{background:none}.PinturaInputFormFields textarea:only-child::-webkit-scrollbar-thumb{cursor:pointer;background-clip:padding-box;background-color:var(--color-foreground-70);border-radius:9999em;border:.25em solid transparent}.PinturaInputForm input,.PinturaInputForm textarea{-webkit-box-sizing:border-box;box-sizing:border-box;resize:none;border:none;font-size:1rem;outline:transparent;color:var(--color-foreground-100)}.PinturaInputForm input{background-color:var(--color-background-100)}.PinturaModalBodyLock .PinturaInputForm{margin-top:-50px}.PinturaContentEditable{white-space:pre-line!important;word-break:break-word!important;display:inline-block!important;-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important;user-select:text!important}.PinturaContentEditable[data-wrap-content=nowrap]{white-space:nowrap!important;word-break:normal!important}.PinturaContentEditable{background:transparent!important;margin:0!important;border-radius:0!important;max-width:none!important;min-width:auto!important;-webkit-box-shadow:none!important;box-shadow:none!important}.PinturaShapeManipulator{position:absolute;left:0;top:0;outline:none;-ms-touch-action:none;touch-action:none;--size:0.75em}.PinturaShapeManipulator:not([data-control=edge]){margin-left:calc(var(--size) * (-.5));margin-top:calc(var(--size) * (-.5));line-height:var(--size);width:var(--size);height:var(--size);border-radius:9999em}.PinturaShapeManipulator:not([data-control=edge]):after{position:absolute;left:-.5em;right:-.5em;top:-.5em;bottom:-.5em;content:\"\"}.PinturaShapeManipulator:not([data-control=edge])[data-focus-visible]:after{border-radius:inherit;background-color:var(--color-focus-50);-webkit-box-shadow:inset 0 0 0 1px var(--color-focus-100);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaShapeManipulator[data-control=point]{background:-webkit-gradient(linear,left top, right top,from(var(--color-secondary-dark)),to(var(--color-secondary)));background:linear-gradient(90deg,var(--color-secondary-dark),var(--color-secondary));-webkit-box-shadow:0 0 0 2px #fff,0 0 4px #000;box-shadow:0 0 0 2px #fff,0 0 4px #000;z-index:3}.PinturaShapeManipulator[data-control=edge]{margin-top:calc(var(--size) * (-.5));height:var(--size);width:1px;z-index:1;-webkit-transform-origin:0 calc(var(--size) * .5);transform-origin:0 calc(var(--size) * .5)}.PinturaShapeManipulator[data-control=edge][data-focus-visible]{background-color:var(--color-focus-50)}.PinturaShapeManipulator[data-control=rotate]{border-radius:9999em;background:-webkit-gradient(linear,left top, right top,from(#fff),to(#ddd));background:linear-gradient(90deg,#fff,#ddd);-webkit-box-shadow:0 0 0 2px var(--color-secondary-dark),0 0 4px #000;box-shadow:0 0 0 2px var(--color-secondary-dark),0 0 4px #000;z-index:2;cursor:-webkit-grab;cursor:grab}.PinturaDragButton{cursor:var(--button-cursor);outline:transparent}.PinturaDragButton>*{pointer-events:none}.PinturaDragButton{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-transition:-webkit-filter var(--transition-duration-25) ease-out;transition:-webkit-filter var(--transition-duration-25) ease-out;transition:filter var(--transition-duration-25) ease-out;transition:filter var(--transition-duration-25) ease-out, -webkit-filter var(--transition-duration-25) ease-out}.PinturaDragButton[disabled]{-webkit-filter:var(--filter-disabled);filter:var(--filter-disabled)}svg:not(:root){overflow:hidden}.pintura-image-editor{--font-family:var(--font-family, \"Varela Round\", \"Lato\");--color-primary:var(--app-color, #5a30f4);--color-primary-text:var(--light, #ffffff);--color-secondary:var(--app-color, #5a30f4);--color-secondary-text:var(--light, #ffffff);--color-background:255, 255, 255;--color-foreground:255, 255, 255}:host h2{font-weight:var(--font-weight-400, 400);font-size:var(--font-size-12, 0.75rem);text-transform:uppercase}:host hr{border:solid var(--border-width-01, 0.0625rem) var(--stable-light, #f1f1f1)}:host header{display:-ms-flexbox;display:flex;gap:var(--spacing-16, 1rem);-ms-flex-pack:start;justify-content:start}:host header div{display:-ms-flexbox;display:flex;gap:var(--spacing-08, 0.5rem);-ms-flex-align:center;align-items:center}:host header .optional{padding-left:var(--spacing-04, 0.25rem);color:var(--text-color, #807f83)}:host main{margin:0}:host main #preview{height:25rem}:host main #preview .PinturaRoot{background-color:var(--light, #ffffff)}:host main #preview .PinturaRoot .PinturaUtilMain{padding:0}:host main #add-hotzone-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}:host main #collapsible-content{display:-ms-flexbox;display:flex;gap:var(--spacing-16, 1rem);-ms-flex-pack:justify;justify-content:space-between;width:100%}:host main #collapsible-content .description-container{width:100%}:host main #collapsible-content .description-container header{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host main #collapsible-content .description-container header yoo-tooltip{margin:auto 0}";

package/dist/esm/yoo-form-hotzones.entry.js

@@ -1,17 +1,17 @@
 import { r as registerInstance, i as createEvent, f as forceUpdate, h, e as Host, g as getElement } from './index-23b437f1.js';
-import './index-45fc8fac.js';
-import { g as getFromOfflineStorage } from './local-forage-76b8bb95.js';
-import { s as scaleUpDown, u as updateBounds } from './index-7dd7a1d9.js';
-import { k as calcCoordPercentage } from './annotations-helpers-54ce96d3.js';
-import { g as getAppContext } from './common-helpers-463dd600.js';
-import { s as showWarningBanner } from './draggable-tags-helpers-b724ee24.js';
-import { s as setValueAndValidateInput } from './form-input-helpers-6538072d.js';
+import './index-8968d0fb.js';
+import { g as getFromOfflineStorage } from './local-forage-b6216ff9.js';
+import { s as scaleUpDown, u as updateBounds } from './index-303cb217.js';
+import { k as calcCoordPercentage } from './annotations-helpers-59172717.js';
+import { g as getAppContext } from './common-helpers-6a15cd02.js';
+import { s as showWarningBanner } from './draggable-tags-helpers-117488d7.js';
+import { s as setValueAndValidateInput } from './form-input-helpers-fc7a99da.js';
 import { f as isEqual, Y as clamp } from './lodash-8307f78b.js';
-import { bC as getMedia, b7 as gsapSet, ba as Draggable, b8 as gsapTo, G as showModal, w as closeModal, dt as isHTML, ax as replaceAllLinks, aE as parseMarkDown, ae as translateMulti, H as isWeb, t as translate, du as isPointInsidePlan } from './index-1d968c40.js';
+import { bC as getMedia, b7 as gsapSet, ba as Draggable, b8 as gsapTo, G as showModal, w as closeModal, dt as isHTML, ax as replaceAllLinks, aE as parseMarkDown, ae as translateMulti, H as isWeb, t as translate, du as isPointInsidePlan } from './index-339f53e6.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-a5602a7c.js';
+import './index-c1ffdb32.js';
 
-const formHotzonesCss = "svg:not(:root){overflow:hidden}:host{--hotzones-color:unset;display:block}:host yoo-banner{height:0}:host yoo-icon[name=gps]{position:absolute}:host main{margin:0 auto}:host main #image{position:relative;margin:0 auto;background-color:transparent}:host main #image yoo-img{border-radius:var(--border-radius-08, 0.5rem)}:host main #image .hotzone{position:absolute;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-style:solid;border-width:var(--border-width-02, 0.125rem);border-radius:var(--border-radius-04, 0.25rem);cursor:pointer;-webkit-transition:background-color 250ms ease-in-out;transition:background-color 250ms ease-in-out}:host main #image .hotzone.revealed{background-color:var(--success-20, rgba(58, 167, 109, 0.2));border-color:var(--success, #3aa76d)}:host main #image .hotzone:not(.revealed){background-color:var(--app-color-20, rgba(90, 48, 244, 0.2));border-color:var(--app-color, #5a30f4)}:host([detailed-view]){background:transparent !important}:host([detailed-view]) main{display:grid;grid-template-rows:auto 1fr auto;width:100%;height:100%;margin:0 auto;overflow:hidden}:host([detailed-view]) main #content{width:calc(100% - var(--spacing-32, 2rem));max-width:39.375rem;margin:0 auto;padding:var(--spacing-16, 1rem);overflow:hidden auto}:host([detailed-view]) main #content::-webkit-scrollbar{display:none}:host([detailed-view]) main #content yoo-img{--border-radius:var(--border-radius-08, 0.5rem)}:host([detailed-view]) main #content #description{padding:var(--spacing-16, 1rem);padding-bottom:var(--spacing-16, 1rem);color:var(--light, #ffffff)}:host([detailed-view]) main #content #description.centered{text-align:center}:host([detailed-view]) main #content #description p{padding-bottom:var(--spacing-64, 4rem)}:host([detailed-view]) main footer{padding:var(--spacing-16, 1rem) 0}:host([detailed-view]) main footer yoo-button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto}:host(.web[detailed-view]) yoo-img{max-width:65%;margin:0 auto}:host([type=hotzone]:not([readonly])) main yoo-icon[name=gps]{-webkit-transition:opacity 0.75s ease-in-out;transition:opacity 0.75s ease-in-out}:host([type=hotzone]:not([readonly])) main yoo-icon[name=gps]:not(.hit){opacity:0.25}:host([type=hotzone]:not([readonly])) main #image .hotzone{opacity:0 !important}:host([type=hotzone]:not([readonly])) main #target{position:relative;width:3rem;height:3rem;margin:0 auto;margin-top:var(--spacing-08, 0.5rem)}:host([readonly]) #image div.hotzone{display:-ms-flexbox;display:flex;cursor:auto}:host([type=imagemap]:not([readonly])) main,:host([type=hotzone]:not([readonly])) main{max-height:100%}:host([type=imagemap]:not([readonly])) main::-webkit-scrollbar,:host([type=hotzone]:not([readonly])) main::-webkit-scrollbar{display:none}:host(.web[type=hotzone]:not([readonly])) main{overflow-y:auto}:host(.web[type=hotzone]:not([readonly])) main::-webkit-scrollbar{display:none}:host([animated]:not([readonly])) yoo-img{-webkit-animation:scale-up 0.35s ease-in-out forwards;animation:scale-up 0.35s ease-in-out forwards}@-webkit-keyframes scale-up{from{-webkit-transform:scale(0.85);transform:scale(0.85)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale-up{from{-webkit-transform:scale(0.85);transform:scale(0.85)}to{-webkit-transform:scale(1);transform:scale(1)}}:host([animated]:not([readonly])) yoo-icon[name=gps]{-webkit-transform:scale(0);transform:scale(0)}:host([animated]:not([readonly])) .hotzone{-webkit-transition:all 250ms linear;transition:all 250ms linear}";
+const formHotzonesCss = "svg:not(:root){overflow:hidden}:host{--hotzones-color:unset;display:block}:host yoo-banner{height:0}:host yoo-icon[name=gps]{position:absolute}:host main{margin:0 auto}:host main #image{position:relative;margin:0 auto;background-color:transparent}:host main #image yoo-img{border-radius:var(--border-radius-08, 0.5rem)}:host main #image .hotzone{position:absolute;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-style:solid;border-width:var(--border-width-02, 0.125rem);border-radius:var(--border-radius-04, 0.25rem);cursor:pointer;-webkit-transition:background-color 250ms ease-in-out;transition:background-color 250ms ease-in-out}:host main #image .hotzone.revealed{background-color:var(--success-20, rgba(58, 167, 109, 0.2)) !important;border-color:var(--success, #3aa76d) !important}:host main #image .hotzone:not(.revealed){background-color:var(--app-color-20, rgba(90, 48, 244, 0.2));border-color:var(--app-color, #5a30f4)}:host([detailed-view]){background:transparent !important}:host([detailed-view]) main{display:grid;grid-template-rows:auto 1fr auto;width:100%;height:100%;margin:0 auto;overflow:hidden}:host([detailed-view]) main #content{width:calc(100% - var(--spacing-32, 2rem));max-width:39.375rem;margin:0 auto;padding:var(--spacing-16, 1rem);overflow:hidden auto}:host([detailed-view]) main #content::-webkit-scrollbar{display:none}:host([detailed-view]) main #content yoo-img{--border-radius:var(--border-radius-08, 0.5rem)}:host([detailed-view]) main #content #description{padding:var(--spacing-16, 1rem);padding-bottom:var(--spacing-16, 1rem);color:var(--light, #ffffff)}:host([detailed-view]) main #content #description.centered{text-align:center}:host([detailed-view]) main #content #description p{padding-bottom:var(--spacing-64, 4rem)}:host([detailed-view]) main footer{padding:var(--spacing-16, 1rem) 0}:host([detailed-view]) main footer yoo-button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto}:host(.web[detailed-view]) yoo-img{max-width:65%;margin:0 auto}:host([type=hotzone]:not([readonly])) main yoo-icon[name=gps]{-webkit-transition:opacity 0.75s ease-in-out;transition:opacity 0.75s ease-in-out}:host([type=hotzone]:not([readonly])) main yoo-icon[name=gps]:not(.hit){opacity:0.25}:host([type=hotzone]:not([readonly])) main #image .hotzone{opacity:0 !important}:host([type=hotzone]:not([readonly])) main #target{position:relative;width:3rem;height:3rem;margin:0 auto;margin-top:var(--spacing-08, 0.5rem)}:host([readonly]) #image div.hotzone{display:-ms-flexbox;display:flex;cursor:auto}:host([type=imagemap]:not([readonly])) main,:host([type=hotzone]:not([readonly])) main{max-height:100%}:host([type=imagemap]:not([readonly])) main::-webkit-scrollbar,:host([type=hotzone]:not([readonly])) main::-webkit-scrollbar{display:none}:host(.web[type=hotzone]:not([readonly])) main{overflow-y:auto}:host(.web[type=hotzone]:not([readonly])) main::-webkit-scrollbar{display:none}:host([animated]:not([readonly])) yoo-img{-webkit-animation:scale-up 0.35s ease-in-out forwards;animation:scale-up 0.35s ease-in-out forwards}@-webkit-keyframes scale-up{from{-webkit-transform:scale(0.85);transform:scale(0.85)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale-up{from{-webkit-transform:scale(0.85);transform:scale(0.85)}to{-webkit-transform:scale(1);transform:scale(1)}}:host([animated]:not([readonly])) yoo-icon[name=gps]{-webkit-transform:scale(0);transform:scale(0)}:host([animated]:not([readonly])) .hotzone{-webkit-transition:all 250ms linear;transition:all 250ms linear}";
 
 const ANIMATION_DELAY = 0.35;
 const YooFormHotzonesComponent = class {
@@ -140,6 +140,7 @@ const YooFormHotzonesComponent = class {
     };
     const onRelease = async () => {
       let coords = null;
+      this.mainElement.classList.remove('swiper-no-swiping');
       if (isImageHit) {
         const getTargetCenterPosition = (axis) => calcCoordPercentage(this.imageElement.getBoundingClientRect(), this.targetElement, axis);
         coords = {
@@ -253,7 +254,7 @@ const YooFormHotzonesComponent = class {
       !this.readonly && (h("yoo-banner", null, h("p", { slot: "content" }))));
   }
   renderMain() {
-    return (h("main", null, this.detailedView ? this.renderDetailedView() : this.renderImage(), !this.readonly && this.isHotZones && this.renderTargetZone()));
+    return (h("main", { ref: (el) => this.mainElement = el }, this.detailedView ? this.renderDetailedView() : this.renderImage(), !this.readonly && this.isHotZones && this.renderTargetZone()));
   }
   render() {
     return (h(Host, { class: { 'swiper-no-swiping': this.isHotZones, ...getAppContext(this.host) } }, this.renderBanner(), this.renderMain()));

package/dist/esm/yoo-form-iframe-dialog.entry.js

@@ -1,8 +1,8 @@
 import { r as registerInstance, h } from './index-23b437f1.js';
-import './index-45fc8fac.js';
-import { w as closeModal } from './index-1d968c40.js';
+import './index-8968d0fb.js';
+import { w as closeModal } from './index-339f53e6.js';
 import './lodash-8307f78b.js';
-import './index-a5602a7c.js';
+import './index-c1ffdb32.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const formIframeDialogCss = "svg:not(:root){overflow:hidden}:host{width:100%}:host .outer-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%}:host .outer-container iframe{width:100%;height:100%}";

package/dist/esm/yoo-form-illustration.entry.js

@@ -1,8 +1,8 @@
 import { r as registerInstance, h } from './index-23b437f1.js';
-import './index-45fc8fac.js';
-import { t as translate } from './index-1d968c40.js';
+import './index-8968d0fb.js';
+import { t as translate } from './index-339f53e6.js';
 import './lodash-8307f78b.js';
-import './index-a5602a7c.js';
+import './index-c1ffdb32.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const formIllustrationCss = "svg:not(:root){overflow:hidden}.container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-align:stretch;align-items:stretch;margin-bottom:var(--spacing-16, 1rem);border-bottom:0.0625rem solid var(--stable-light, #f1f1f1)}.container .left{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column}.container .left .title{margin-bottom:var(--spacing-04, 0.25rem);color:var(--app-color, #5a30f4);font-weight:bold;font-size:var(--font-size-18, 1.125rem)}.container .left .description{font-size:var(--font-size-14, 0.875rem)}.container .right{width:6.625rem;padding-bottom:var(--spacing-16, 1rem)}.container .right yoo-illustration{--svg-height:6.625rem}";

package/dist/esm/yoo-form-image-collection.entry.js

@@ -1,12 +1,12 @@
 import { r as registerInstance, i as createEvent, f as forceUpdate, h, e as Host, g as getElement } from './index-23b437f1.js';
-import './index-45fc8fac.js';
-import './index-7dea26a0.js';
-import { o as openImageDetailFromRTE, g as getAppContext } from './common-helpers-463dd600.js';
-import { g as getFromOfflineStorage } from './local-forage-76b8bb95.js';
-import { G as showModal, bC as getMedia, w as closeModal, ax as replaceAllLinks, aE as parseMarkDown, ae as translateMulti, H as isWeb, t as translate } from './index-1d968c40.js';
+import './index-8968d0fb.js';
+import './index-23c5c388.js';
+import { o as openImageDetailFromRTE, g as getAppContext } from './common-helpers-6a15cd02.js';
+import { g as getFromOfflineStorage } from './local-forage-b6216ff9.js';
+import { G as showModal, bC as getMedia, w as closeModal, ax as replaceAllLinks, aE as parseMarkDown, ae as translateMulti, H as isWeb, t as translate } from './index-339f53e6.js';
 import './lodash-8307f78b.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-a5602a7c.js';
+import './index-c1ffdb32.js';
 
 const formImageCollectionCss = "/*!\n * froala_editor v4.0.18 (https://www.froala.com/wysiwyg-editor)\n * License https://froala.com/wysiwyg-editor/terms/\n * Copyright 2014-2023 Froala Labs\n */.fr-clearfix::after{clear:both;display:block;content:\"\";height:0}.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.fr-view img.fr-rounded,.fr-view .fr-img-caption.fr-rounded img{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-view img.fr-shadow,.fr-view .fr-img-caption.fr-shadow img{-webkit-box-shadow:10px 10px 5px 0px #cccccc;-moz-box-shadow:10px 10px 5px 0px #cccccc;box-shadow:10px 10px 5px 0px #cccccc}.fr-view img.fr-bordered,.fr-view .fr-img-caption.fr-bordered img{border:solid 5px #CCC}.fr-view img.fr-bordered{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.fr-view .fr-img-caption.fr-bordered img{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.fr-view li img.fr-dii.fr-fil{margin-right:20px}.fr-view{word-wrap:break-word}.fr-view span[style~=\"color:\"] a{color:inherit}.fr-view strong{font-weight:700}.fr-view table[border='0'] td:not([class]),.fr-view table[border='0'] th:not([class]),.fr-view table[border='0'] td[class=\"\"],.fr-view table[border='0'] th[class=\"\"]{border-width:0px}.fr-view table{border:none;border-collapse:collapse;empty-cells:show;max-width:100%}.fr-view table td{min-width:5px}.fr-view table.fr-dashed-borders td,.fr-view table.fr-dashed-borders th{border-style:dashed}.fr-view table.fr-alternate-rows tbody tr:nth-child(2n){background:whitesmoke}.fr-view table td,.fr-view table th{border:1px solid #DDD}.fr-view table td:empty,.fr-view table th:empty{height:20px}.fr-view table td.fr-highlighted,.fr-view table th.fr-highlighted{border:1px double red}.fr-view table td.fr-thick,.fr-view table th.fr-thick{border-width:2px}.fr-view table th{background:#ececec}.fr-view table tfoot td{background:#ececec}.fr-view hr{clear:both;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-column-break-after:always;-moz-column-break-after:always;break-after:always;page-break-after:always}.fr-view .fr-file{position:relative}.fr-view .fr-file::after{position:relative;content:\"\\1F4CE\";font-weight:normal}.fr-view pre{white-space:pre-wrap;word-wrap:break-word;overflow:visible}.fr-view[dir=\"rtl\"] blockquote{border-left:none;border-right:solid 2px #5E35B1;margin-right:0;padding-right:5px;padding-left:0}.fr-view[dir=\"rtl\"] blockquote blockquote{border-color:#00BCD4}.fr-view[dir=\"rtl\"] blockquote blockquote blockquote{border-color:#43A047}.fr-view blockquote{border-left:solid 2px #5E35B1;margin-left:0;padding-left:5px;color:#5E35B1}.fr-view blockquote blockquote{border-color:#00BCD4;color:#00BCD4}.fr-view blockquote blockquote blockquote{border-color:#43A047;color:#43A047}.fr-view span.fr-emoticon{font-weight:normal;font-family:\"Apple Color Emoji\",\"Segoe UI Emoji\",\"NotoColorEmoji\",\"Segoe UI Symbol\",\"Android Emoji\",\"EmojiSymbols\";display:inline;line-height:0}.fr-view span.fr-emoticon.fr-emoticon-img{background-repeat:no-repeat !important;font-size:inherit;height:1em;width:1em;min-height:20px;min-width:20px;display:inline-block;margin:-.1em .1em .1em;line-height:1;vertical-align:middle}.fr-view .fr-text-gray{color:#AAA !important}.fr-view .fr-text-bordered{border-top:solid 1px #222;border-bottom:solid 1px #222;padding:10px 0}.fr-view .fr-text-spaced{letter-spacing:1px}.fr-view .fr-text-uppercase{text-transform:uppercase}.fr-view .fr-class-highlighted{background-color:#ffff00}.fr-view .fr-class-code{border-color:#cccccc;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background:#f5f5f5;padding:10px;font-family:\"Courier New\", Courier, monospace}.fr-view .fr-class-transparency{opacity:0.5}.fr-view img{position:relative;max-width:100%}.fr-view img.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}.fr-view img.fr-dib.fr-fil{margin-left:0;text-align:left}.fr-view img.fr-dib.fr-fir{margin-right:0;text-align:right}.fr-view img.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}.fr-view img.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}.fr-view img.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}.fr-view span.fr-img-caption{position:relative;max-width:100%}.fr-view span.fr-img-caption.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}.fr-view span.fr-img-caption.fr-dib.fr-fil{margin-left:0;text-align:left}.fr-view span.fr-img-caption.fr-dib.fr-fir{margin-right:0;text-align:right}.fr-view span.fr-img-caption.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}.fr-view span.fr-img-caption.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}.fr-view span.fr-img-caption.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}.fr-view .fr-video{text-align:center;position:relative}.fr-view .fr-video.fr-rv{padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}.fr-view .fr-video.fr-rv>iframe,.fr-view .fr-video.fr-rv object,.fr-view .fr-video.fr-rv embed{position:absolute !important;top:0;left:0;width:100%;height:100%}.fr-view .fr-video>*{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;max-width:100%;border:none}.fr-view .fr-video.fr-dvb{display:block;clear:both}.fr-view .fr-video.fr-dvb.fr-fvl{text-align:left}.fr-view .fr-video.fr-dvb.fr-fvr{text-align:right}.fr-view .fr-video.fr-dvi{display:inline-block}.fr-view .fr-video.fr-dvi.fr-fvl{float:left}.fr-view .fr-video.fr-dvi.fr-fvr{float:right}.fr-view a.fr-strong{font-weight:700}.fr-view a.fr-green{color:green}.fr-view .fr-img-caption{text-align:center}.fr-view .fr-img-caption .fr-img-wrap{padding:0;margin:auto;text-align:center;width:100%}.fr-view .fr-img-caption .fr-img-wrap a{display:block}.fr-view .fr-img-caption .fr-img-wrap img{display:block;margin:auto;width:100%}.fr-view .fr-img-caption .fr-img-wrap>span{margin:auto;display:block;padding:5px 5px 10px;font-size:14px;font-weight:initial;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-opacity:0.9;-moz-opacity:0.9;opacity:0.9;-ms-filter:\"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)\";width:100%;text-align:center}.fr-view button.fr-rounded,.fr-view input.fr-rounded,.fr-view textarea.fr-rounded{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-view button.fr-large,.fr-view input.fr-large,.fr-view textarea.fr-large{font-size:24px}.fr-view span.fr-img-caption.fr-dii.fr-fil,.fr-view p img.fr-dii.fr-fil{margin-right:15px}a.fr-view.fr-strong{font-weight:700}a.fr-view.fr-green{color:green}img.fr-view{position:relative;max-width:100%}img.fr-view.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}img.fr-view.fr-dib.fr-fil{margin-left:0;text-align:left}img.fr-view.fr-dib.fr-fir{margin-right:0;text-align:right}img.fr-view.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}img.fr-view.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}img.fr-view.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}span.fr-img-caption.fr-view{position:relative;max-width:100%}span.fr-img-caption.fr-view.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}span.fr-img-caption.fr-view.fr-dib.fr-fil{margin-left:0;text-align:left}span.fr-img-caption.fr-view.fr-dib.fr-fir{margin-right:0;text-align:right}span.fr-img-caption.fr-view.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}span.fr-img-caption.fr-view.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}span.fr-img-caption.fr-view.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}svg:not(:root){overflow:hidden}:host{display:block;width:100%}:host #gallery{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));margin:0 auto;-webkit-column-gap:var(--spacing-16, 1rem);-moz-column-gap:var(--spacing-16, 1rem);column-gap:var(--spacing-16, 1rem);row-gap:var(--spacing-16, 1rem)}:host #gallery .image{position:relative;cursor:pointer}:host #gallery .image.revealed yoo-img{opacity:0.35}:host #gallery .image.revealed yoo-icon{-webkit-transform:scale(1);transform:scale(1);opacity:1}:host #gallery .image yoo-img{background-position:center;background-size:cover;border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));-webkit-transition:opacity 0.75s ease-in-out;transition:opacity 0.75s ease-in-out}:host #gallery .image yoo-img:before{display:block;width:0;height:0;padding-bottom:75%;content:\"\"}:host #gallery .image yoo-icon{position:absolute;top:var(--spacing-08, 0.5rem);right:var(--spacing-08, 0.5rem);z-index:3;background:var(--light, #ffffff);border-radius:50%;-webkit-transform:scale(0);transform:scale(0);opacity:0;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}:host #gallery .image #overlay{position:absolute;top:0;z-index:2;width:100%;height:100%;background:var(--stable-60, rgba(173, 173, 173, 0.6));border-radius:var(--border-radius-08, 0.5rem)}:host .description{padding:var(--spacing-24, 1.5rem) var(--spacing-16, 1rem);color:var(--light, #ffffff)}:host yoo-img::before{display:block;width:0;height:0;padding-bottom:75%;content:\"\"}:host(.web) #gallery{grid-template-columns:repeat(3, minmax(0, 1fr));max-width:82rem}:host(.web) .description{padding:var(--spacing-32, 2rem) 0}:host(.web) #done{margin:auto;padding:var(--spacing-16, 1rem)}:host(.mobile) main{position:relative;height:100%;overflow:auto}:host(.mobile) #done{position:absolute;bottom:var(--spacing-16, 1rem);left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}:host(.mobile) #done yoo-button{width:100%}:host([detailed-view]){background:transparent !important}:host([detailed-view]) main{display:grid;grid-template-rows:auto 1fr auto;width:100%;height:100%;margin:0 auto;overflow:hidden}:host([detailed-view]) main #content{width:calc(100% - var(--spacing-32, 2rem));max-width:39.375rem;margin:0 auto;padding:var(--spacing-16, 1rem);overflow:hidden auto}:host([detailed-view]) main #content::-webkit-scrollbar{display:none}:host([detailed-view]) main #content yoo-img{--border-radius:var(--border-radius-08, 0.5rem)}:host([detailed-view]) main #content .description{padding:var(--spacing-16, 1rem);padding-bottom:var(--spacing-16, 1rem);color:var(--light, #ffffff)}:host([detailed-view]) main #content .description p{padding-bottom:var(--spacing-64, 4rem)}:host([detailed-view]) main #content .description ul{text-align:initial;-webkit-padding-start:inherit;padding-inline-start:inherit}:host([detailed-view]) main #content .description img{max-width:100%}:host([detailed-view]) main footer{padding:var(--spacing-16, 1rem) 0}:host([detailed-view]) main footer yoo-button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto}:host(.web[detailed-view]) yoo-img{max-width:65%;margin:0 auto}:host([animated]) .image{--image-index:0;-webkit-transform:scale(0);transform:scale(0);-webkit-animation-name:scale;animation-name:scale;-webkit-animation-duration:0.75s;animation-duration:0.75s;-webkit-animation-timing-function:var(--ease-out-quad);animation-timing-function:var(--ease-out-quad);-webkit-animation-delay:calc(0.5s + var(--image-index) * 0.1s);animation-delay:calc(0.5s + var(--image-index) * 0.1s);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes scale{from{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale{from{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}.fr-view h1,.fr-view h2,.fr-view h3,.fr-view h4,.fr-view h5,.fr-view h6{margin:0;padding:0;border:0}.fr-view table{display:block;overflow-x:auto;white-space:nowrap}";
 

package/dist/esm/yoo-form-image-tagging-creator.entry.js

@@ -1,13 +1,13 @@
 import { r as registerInstance, i as createEvent, f as forceUpdate, h, e as Host, g as getElement$1 } from './index-23b437f1.js';
-import { r as resizeObserve } from './index-45fc8fac.js';
-import { u as updateBounds } from './index-7dd7a1d9.js';
-import { b as isAnnotationValid, c as getElement, a as getPercentPositionStyle, g as getClampedPositionAnnotation, d as isElementInsideContainer } from './annotations-helpers-54ce96d3.js';
-import { g as getAppContext } from './common-helpers-463dd600.js';
-import { s as setDotIndexes, h as hideAllDotTooltips, c as createDot, g as getDotInnerElement, a as showDotTooltip, b as getDotToolTipElement, d as hideAllUnFocusedTooltips, e as getAnnotation, f as formatAnnotationForExport, r as reorderDotIndexes, i as deleteDot, j as saveTooltipContent, k as deleteEmptyDots } from './photo-editor.helpers-9324c854.js';
-import { s as setValueAndValidateInput } from './form-input-helpers-6538072d.js';
-import { b9 as getUUID, b7 as gsapSet, ap as showAlert, t as translate, bG as scaleUpAnimation, ba as Draggable, ae as translateMulti, b6 as extractTextFromStringHTML, bD as getResizedImageSize } from './index-1d968c40.js';
+import { r as resizeObserve } from './index-8968d0fb.js';
+import { u as updateBounds } from './index-303cb217.js';
+import { b as isAnnotationValid, c as getElement, a as getPercentPositionStyle, g as getClampedPositionAnnotation, d as isElementInsideContainer } from './annotations-helpers-59172717.js';
+import { g as getAppContext } from './common-helpers-6a15cd02.js';
+import { s as setDotIndexes, h as hideAllDotTooltips, c as createDot, g as getDotInnerElement, a as showDotTooltip, b as getDotToolTipElement, d as hideAllUnFocusedTooltips, e as getAnnotation, f as formatAnnotationForExport, r as reorderDotIndexes, i as deleteDot, j as saveTooltipContent, k as deleteEmptyDots } from './photo-editor.helpers-760a43f6.js';
+import { s as setValueAndValidateInput } from './form-input-helpers-fc7a99da.js';
+import { b9 as getUUID, b7 as gsapSet, ap as showAlert, t as translate, bG as scaleUpAnimation, ba as Draggable, ae as translateMulti, b6 as extractTextFromStringHTML, bD as getResizedImageSize } from './index-339f53e6.js';
 import './lodash-8307f78b.js';
-import './index-a5602a7c.js';
+import './index-c1ffdb32.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const formImageTaggingCreatorCss = "svg:not(:root){overflow:hidden}.bg-accent{background-color:var(--accent, #276ef1) !important}.accent{color:var(--accent, #276ef1);fill:var(--accent, #276ef1)}.bg-app-color{background-color:var(--app-color, #5a30f4) !important}.app-color{color:var(--app-color, #5a30f4);fill:var(--app-color, #5a30f4)}.bg-danger{background-color:var(--danger, #d44333) !important}.danger{color:var(--danger, #d44333);fill:var(--danger, #d44333)}.bg-dark{background-color:var(--dark, #000000) !important}.dark{color:var(--dark, #000000);fill:var(--dark, #000000)}.bg-energized{background-color:var(--energized, #ffc043) !important}.energized{color:var(--energized, #ffc043);fill:var(--energized, #ffc043)}.bg-info{background-color:var(--info, #d84c96) !important}.info{color:var(--info, #d84c96);fill:var(--info, #d84c96)}.bg-light{background-color:var(--light, #ffffff) !important}.light{color:var(--light, #ffffff);fill:var(--light, #ffffff)}.bg-stable{background-color:var(--stable, #adadad) !important}.stable{color:var(--stable, #adadad);fill:var(--stable, #adadad)}.bg-stable-alt{background-color:var(--stable-alt, #d0d0d0) !important}.stable-alt{color:var(--stable-alt, #d0d0d0);fill:var(--stable-alt, #d0d0d0)}.bg-stable-light{background-color:var(--stable-light, #f1f1f1) !important}.stable-light{color:var(--stable-light, #f1f1f1);fill:var(--stable-light, #f1f1f1)}.bg-stable-ultralight{background-color:var(--stable-ultralight, #fafafa) !important}.stable-ultralight{color:var(--stable-ultralight, #fafafa);fill:var(--stable-ultralight, #fafafa)}.bg-success{background-color:var(--success, #3aa76d) !important}.success{color:var(--success, #3aa76d);fill:var(--success, #3aa76d)}.bg-text-color{background-color:var(--text-color, #807f83) !important}.text-color{color:var(--text-color, #807f83);fill:var(--text-color, #807f83)}.bg-warning{background-color:var(--warning, #ed6e33) !important}.warning{color:var(--warning, #ed6e33);fill:var(--warning, #ed6e33)}.bg-wood{background-color:var(--wood, #99644c) !important}.wood{color:var(--wood, #99644c);fill:var(--wood, #99644c)}.hidden{display:none !important}.flex{display:-ms-flexbox !important;display:flex !important}.block{display:block !important}:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-16, 1rem)}:host yoo-img{--border-radius:var(--border-radius-08, 0.5rem);cursor:pointer}:host #image{position:relative;height:100%}:host #image .annotation{position:absolute;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;opacity:0;-webkit-transition:opacity 0.35s ease-in-out;transition:opacity 0.35s ease-in-out}:host #image .annotation[style*=top][style*=left]{opacity:1}:host #image .annotation .dot-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:var(--spacing-24, 1.5rem);height:var(--spacing-24, 1.5rem);color:var(--light, #ffffff);background-color:var(--app-color, #5a30f4);border:var(--spacing-02, 0.125rem) solid var(--light, #ffffff);border-radius:50%;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}:host #image .annotation .dot-container:hover{-webkit-transform:scale(1.25);transform:scale(1.25)}:host #instructions{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--stable, #adadad)}:host #instructions span{-ms-flex-positive:1;flex-grow:1;padding-left:var(--spacing-04, 0.25rem);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}";

package/dist/esm/yoo-form-image-tagging.entry.js

@@ -1,15 +1,15 @@
 import { r as registerInstance, i as createEvent, f as forceUpdate, h, e as Host, g as getElement } from './index-23b437f1.js';
-import './index-45fc8fac.js';
-import './index-7dea26a0.js';
-import { i as initTags } from './index-7dd7a1d9.js';
-import { g as getClampedPositionAnnotation, a as getPercentPositionStyle } from './annotations-helpers-54ce96d3.js';
-import { s as showWarningBanner, h as hasDuplicates, c as checkArray, f as filterDuplicateEntries } from './draggable-tags-helpers-b724ee24.js';
-import { s as setValueAndValidateInput } from './form-input-helpers-6538072d.js';
+import './index-8968d0fb.js';
+import './index-23c5c388.js';
+import { i as initTags } from './index-303cb217.js';
+import { g as getClampedPositionAnnotation, a as getPercentPositionStyle } from './annotations-helpers-59172717.js';
+import { s as showWarningBanner, h as hasDuplicates, c as checkArray, f as filterDuplicateEntries } from './draggable-tags-helpers-117488d7.js';
+import { s as setValueAndValidateInput } from './form-input-helpers-fc7a99da.js';
 import { X as differenceWith, f as isEqual } from './lodash-8307f78b.js';
-import { bC as getMedia, bD as getResizedImageSize, t as translate } from './index-1d968c40.js';
-import { g as getFromOfflineStorage } from './local-forage-76b8bb95.js';
-import './common-helpers-463dd600.js';
-import './index-a5602a7c.js';
+import { bC as getMedia, bD as getResizedImageSize, t as translate } from './index-339f53e6.js';
+import { g as getFromOfflineStorage } from './local-forage-b6216ff9.js';
+import './common-helpers-6a15cd02.js';
+import './index-c1ffdb32.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const formImageTaggingCss = "svg:not(:root){overflow:hidden}:host{display:block}:host yoo-banner{height:0}:host #image{position:relative}:host #image yoo-img{border-radius:var(--border-radius-08, 0.5rem)}:host #image .dropzone{position:absolute;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:var(--spacing-24, 1.5rem);height:var(--spacing-24, 1.5rem);background-color:var(--light, #ffffff);border-radius:50%;-webkit-box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1));-webkit-transition:background-color 0.35s ease-in-out, opacity 0.35s ease-in-out, top 0.35s ease-in-out, left 0.35s ease-in-out;transition:background-color 0.35s ease-in-out, opacity 0.35s ease-in-out, top 0.35s ease-in-out, left 0.35s ease-in-out}:host(:not([readonly])) main{width:100%;max-height:100%;overflow-x:hidden;overflow-y:auto}:host(:not([readonly])) main::-webkit-scrollbar{display:none}:host(:not([readonly])) #image{margin:inherit}:host(:not([readonly])) #image .dropzone{--index:unset;opacity:0}:host(:not([readonly])) #image .dropzone[style*=top][style*=left]{opacity:1}:host(:not([readonly])) #image .dropzone[hit]{background-color:var(--app-color, #5a30f4)}:host(:not([readonly])) span{display:block;margin:var(--spacing-16, 1rem) 0 0;padding:var(--spacing-08, 0.5rem);color:var(--stable, #adadad)}:host(:not([readonly])) #zone-tags{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:baseline;align-content:baseline;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;min-height:3rem;padding:var(--spacing-08, 0.5rem);white-space:nowrap;border-radius:var(--border-radius-08, 0.5rem);-webkit-transition:opacity 0.5s ease-in-out;transition:opacity 0.5s ease-in-out}:host(:not([readonly])) #zone-tags[hit]{background-color:var(--stable-ultralight, #fafafa)}:host(:not([readonly])) #zone-tags yoo-tag{-webkit-margin-end:var(--spacing-08, 0.5rem);margin-inline-end:var(--spacing-08, 0.5rem);margin-bottom:var(--spacing-08, 0.5rem)}:host(:not([readonly])) #zone-tags yoo-tag:last-of-type{-webkit-margin-end:0;margin-inline-end:0}:host([animated]:not([readonly])) yoo-img{-webkit-animation:scale-up 0.35s ease-in-out;animation:scale-up 0.35s ease-in-out;-webkit-animation-delay:0.75s;animation-delay:0.75s}@-webkit-keyframes scale-up{from{-webkit-transform:scale(0.95);transform:scale(0.95)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale-up{from{-webkit-transform:scale(0.95);transform:scale(0.95)}to{-webkit-transform:scale(1);transform:scale(1)}}:host([animated]:not([readonly])) yoo-tag{-webkit-transition:opacity 0.35s ease-in-out;transition:opacity 0.35s ease-in-out}";

package/dist/esm/yoo-form-incentive-participants.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, i as createEvent, h } from './index-23b437f1.js';
-import { p as IncentivePartType, j as IncentiveType } from './index-a5602a7c.js';
+import { p as IncentivePartType, j as IncentiveType } from './index-c1ffdb32.js';
 
 const YooFormIncentiveParticipantsComponent = class {
   constructor(hostRef) {