/*!
 * Pintura Image Editor 8.2.0
 * (c) 2018-2021 PQINA Inc. - All Rights Reserved
 * License: https://pqina.nl/pintura/license/
 */.PinturaRadioGroup .PinturaRadioGroupOptions{display:flex;flex-direction:column}[dir] .PinturaRadioGroup .PinturaRadioGroupOptionGroup+.PinturaRadioGroupOptionGroup{margin-top:.5em}.PinturaRadioGroup[data-layout=row] .PinturaRadioGroupOptions{flex-direction:row}.PinturaRadioGroup label{-webkit-tap-highlight-color:transparent}.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-foreground:0,0,0;--color-background:255,255,255;--color-preview-outline:var(--color-foreground);--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);--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,.PinturaRootWrapper,pintura-editor{display:block}.PinturaRootWrapper{height:100%}.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));box-sizing:border-box;width:var(--editor-width,100%);height:var(--editor-height,100%);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;touch-action:manipulation;text-transform:none;text-rendering:optimizeLegibility;color:var(--color-foreground-90);outline-color:rgba(var(--color-preview-outline),1);transition:background-color 1ms,outline-color 1ms,color .15s ease-in-out}[dir] .PinturaRoot{padding-top:var(--editor-calculated-inset-top);padding-bottom:var(--editor-calculated-inset-bottom);background-color:var(--color-background-100)}[dir=ltr] .PinturaRoot{text-align:left;direction:ltr}[dir=rtl] .PinturaRoot{text-align:right;direction:rtl}.PinturaRoot *{box-sizing:content-box}.PinturaRoot button,.PinturaRoot fieldset,.PinturaRoot input,.PinturaRoot legend{color:inherit;font-size:inherit;font-family:inherit;line-height:inherit;width:auto;text-decoration:none}[dir] .PinturaRoot button,[dir] .PinturaRoot fieldset,[dir] .PinturaRoot input,[dir] .PinturaRoot legend{padding:0;margin:0;border:none;background:transparent}.PinturaRoot button[disabled]{pointer-events:none}.PinturaRoot canvas{display:block}.PinturaRoot svg{display:inline-block;width:auto;height:auto}[dir] .PinturaRoot p{margin:0}.PinturaRoot li,.PinturaRoot ul{list-style:none}[dir] .PinturaRoot li,[dir] .PinturaRoot ul{margin:0;padding:0}.PinturaRoot a{color:inherit;text-decoration:none}.PinturaRoot .implicit{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;overflow:hidden;position:absolute;width:1px;white-space:nowrap}[dir] .PinturaRoot .implicit{border:0;margin:-1px;padding:0}.PinturaRoot .PinturaStage{display:flex;align-self:stretch;flex:1}.PinturaRoot .PinturaStage[tabindex="-1"]{outline:none}.PinturaRoot .PinturaRootPortal{position:absolute;top:0}[dir=ltr] .PinturaRoot .PinturaRootPortal{left:0}[dir=rtl] .PinturaRoot .PinturaRootPortal{right:0}.PinturaRoot>.PinturaCanvas{position:absolute;top:0;width:100%;height:100%;z-index:0;pointer-events:none}[dir=ltr] .PinturaRoot>.PinturaCanvas{left:0}[dir=rtl] .PinturaRoot>.PinturaCanvas{right:0}.PinturaRoot>.PinturaCanvas:after{content:"";position:absolute;top:0;bottom:0;pointer-events:none}[dir] .PinturaRoot>.PinturaCanvas:after{background-repeat:no-repeat}[dir=ltr] .PinturaRoot>.PinturaCanvas:after,[dir=rtl] .PinturaRoot>.PinturaCanvas:after{left:0;right:0}.PinturaRoot>.PinturaStatus{position:absolute;z-index:99999;top:0;width:100%;height:100%;display:flex;justify-content:center;align-items:flex-start}[dir] .PinturaRoot>.PinturaStatus{background-color:var(--color-background-90)}[dir=ltr] .PinturaRoot>.PinturaStatus{left:0}[dir=rtl] .PinturaRoot>.PinturaStatus{right:0}.PinturaRoot>.PinturaStatus>p{position:absolute;top:50%;display:inline-flex;white-space:nowrap;align-items:center;transition:opacity .5s ease-out}[dir=ltr] .PinturaRoot>.PinturaStatus>p{left:50%}[dir=rtl] .PinturaRoot>.PinturaStatus>p{right:50%}.PinturaRoot>.PinturaStatus .PinturaStatusButton,.PinturaRoot>.PinturaStatus .PinturaStatusIcon{position:absolute}.PinturaRoot>.PinturaStatus .PinturaStatusButton svg,.PinturaRoot>.PinturaStatus .PinturaStatusIcon svg{width:1.25em;height:1.25em}.PinturaRoot>.PinturaStatus .PinturaStatusIcon svg{font-size:.875em}[dir] .PinturaRoot>.PinturaStatus .PinturaStatusIcon svg{margin-top:.25em}[dir=ltr] .PinturaRoot>.PinturaStatus .PinturaStatusIcon svg{margin-left:.5em}[dir=rtl] .PinturaRoot>.PinturaStatus .PinturaStatusIcon svg{margin-right:.5em}.PinturaRoot>.PinturaStatus .PinturaStatusButton .PinturaButton{outline:transparent;font-size:.875em;transition:background-color .1s ease-out,color .1s ease-out}[dir] .PinturaRoot>.PinturaStatus .PinturaStatusButton .PinturaButton{border-radius:var(--border-radius-round);background-color:var(--color-foreground-5);padding:.25em}[dir=ltr] .PinturaRoot>.PinturaStatus .PinturaStatusButton .PinturaButton{margin-left:.75em}[dir=rtl] .PinturaRoot>.PinturaStatus .PinturaStatusButton .PinturaButton{margin-right:.75em}[dir] .PinturaRoot>.PinturaStatus .PinturaStatusButton .PinturaButton:not([disabled])[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}[dir] .PinturaRoot>.PinturaStatus .PinturaStatusButton .PinturaButton:not([disabled]):hover{background-color:var(--color-foreground-10)}.PinturaRoot>.PinturaStatus .PinturaStatusMessage{position:absolute;font-size:.875em}.PinturaRoot>.PinturaStatus .PinturaStatusProgress{position:absolute}[dir=ltr] .PinturaRoot>.PinturaStatus .PinturaStatusProgress{left:0}[dir=rtl] .PinturaRoot>.PinturaStatus .PinturaStatusProgress{right:0}[dir=ltr] .PinturaRoot>.PinturaStatus .PinturaProgressIndicator{margin-left:.5em}[dir=rtl] .PinturaRoot>.PinturaStatus .PinturaProgressIndicator{margin-right:.5em}.PinturaRoot>.PinturaNav{position:relative;z-index:3}.PinturaRoot>.PinturaNav:empty(){display:none!important}.PinturaRoot>.PinturaNav .PinturaButton{outline:transparent;transition:background-color .1s ease-out,color .1s ease-out}.PinturaRoot>.PinturaNav .PinturaButton svg{width:1em;transition:opacity .1s ease-out}.PinturaRoot>.PinturaNav .PinturaButton>span{justify-content:center}.PinturaRoot>.PinturaNav .PinturaButtonIconOnly .PinturaButtonInner,.PinturaRoot>.PinturaNav .PinturaDropdownIconOnly .PinturaButtonInner{width:1.75em;height:1.75em}.PinturaRoot>.PinturaNav .PinturaButton[disabled] svg{opacity:.25}[dir] .PinturaRoot>.PinturaNav .PinturaButton:not(.PinturaButtonExport):not([disabled])[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}[dir] .PinturaRoot>.PinturaNav .PinturaButton:not(.PinturaButtonExport):not([disabled]):hover{background-color:var(--color-foreground-10)}.PinturaRoot .PinturaButtonExport{color:var(--color-primary-text)}[dir] .PinturaRoot .PinturaButtonExport{background-color:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-foreground-10)}[dir] .PinturaRoot .PinturaButtonExport:hover{background-color:var(--color-primary-dark)}.PinturaRoot .PinturaButtonExport[data-focus-visible]{color:var(--color-primary-text)}[dir] .PinturaRoot .PinturaButtonExport[data-focus-visible]{background-color:var(--color-primary);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){flex:1}[dir] .PinturaRoot .PinturaButtonExport:not(.PinturaButtonIconOnly){padding:0 .75em}.PinturaRoot .PinturaButtonExport:not(.PinturaButtonIconOnly) .PinturaButtonLabel{line-height:2.25}.PinturaRoot .PinturaButtonExport:not(.PinturaButtonIconOnly) .PinturaButtonInner{font-size:.75em}.PinturaRoot>.PinturaNavMain{display:flex;overflow:hidden}.PinturaRoot>.PinturaNavMain [aria-selected=true] button{-webkit-backdrop-filter:var(--backdrop-filter-dark);backdrop-filter:var(--backdrop-filter-dark)}[dir] .PinturaRoot>.PinturaNavMain [aria-selected=true] button{background-color:var(--color-foreground-10)}.PinturaRoot>.PinturaNavMain button svg{align-self:center;width:1.5em}.PinturaRoot>.PinturaNavMain button span,.PinturaRoot>.PinturaNavMain button svg{pointer-events:none}[dir] .PinturaRoot>.PinturaNavMain button svg+span{margin-top:.75em}.PinturaRoot>.PinturaNavMain button span{font-size:.875em}.PinturaRoot>.PinturaNavMain button{transition:background-color .1s ease-out,color .1s ease-out,box-shadow .1s ease-out}[dir] .PinturaRoot>.PinturaNavMain button{box-shadow:inset 0 0 0 1px var(--color-foreground-5)}[dir] .PinturaRoot>.PinturaNavMain button:hover{box-shadow:inset 0 0 0 1px var(--color-foreground-10)}[dir] .PinturaRoot>.PinturaNavMain button[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaRoot>.PinturaNavTools{max-width:100%;box-sizing:border-box;pointer-events:none}.PinturaRoot>.PinturaNavTools:empty{display:none}.PinturaRoot>.PinturaNavTools,.PinturaRoot>.PinturaNavTools .PinturaNavGroup,.PinturaRoot>.PinturaNavTools .PinturaNavSet{display:flex;align-items:center;justify-content:center}.PinturaRoot>.PinturaNavTools .PinturaButton,.PinturaRoot>.PinturaNavTools .PinturaNavSet{pointer-events:all}[dir] .PinturaRoot>.PinturaNavTools .PinturaButton[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}[dir] .PinturaRoot .PinturaNavGroup{margin:0 var(--nav-group-margin)}[dir] .PinturaRoot .PinturaNavGroup>*{border-radius:var(--border-radius-round)}[dir=ltr] .PinturaRoot .PinturaNavGroup>*+*{margin-left:.5em}[dir=rtl] .PinturaRoot .PinturaNavGroup>*+*{margin-right:.5em}[dir=ltr] .PinturaRoot .PinturaNavGroup:first-of-type{margin-right:auto;margin-left:0}[dir=ltr] .PinturaRoot .PinturaNavGroup:last-of-type,[dir=rtl] .PinturaRoot .PinturaNavGroup:first-of-type{margin-left:auto;margin-right:0}[dir=rtl] .PinturaRoot .PinturaNavGroup:last-of-type{margin-right:auto;margin-left:0}[dir] .PinturaRoot .PinturaNavSet{box-shadow:inset 0 0 0 1px var(--color-foreground-5)}[dir] .PinturaRoot .PinturaNavSet>:not(:only-child){border:1px solid var(--color-foreground-3);border-top:0;border-bottom:0}[dir=ltr] .PinturaRoot .PinturaNavSet>:first-child:not(:only-child){border-left:0}[dir=ltr] .PinturaRoot .PinturaNavSet>:last-child:not(:only-child),[dir=rtl] .PinturaRoot .PinturaNavSet>:first-child:not(:only-child){border-right:0}[dir=rtl] .PinturaRoot .PinturaNavSet>:last-child:not(:only-child){border-left:0}[dir=ltr] .PinturaRoot .PinturaNavSet>*+*{margin-left:-1px}[dir=rtl] .PinturaRoot .PinturaNavSet>*+*{margin-right:-1px}.PinturaRoot .PinturaNavSet>.PinturaButton:hover,.PinturaRoot .PinturaNavSet>.PinturaButton[data-focus-visible]{position:relative;z-index:1}[dir] .PinturaRoot .PinturaNavSet>:only-child{border-radius:var(--border-radius-round)}[dir=ltr] .PinturaRoot .PinturaNavSet>:first-child:not(:only-child) .PinturaButtonInner{padding:0 .125em 0 .25em}[dir=rtl] .PinturaRoot .PinturaNavSet>:first-child:not(:only-child) .PinturaButtonInner{padding:0 .25em 0 .125em}[dir=ltr] .PinturaRoot .PinturaNavSet>:first-child:not(:only-child){border-top-left-radius:var(--border-radius-round);border-bottom-left-radius:var(--border-radius-round)}[dir=rtl] .PinturaRoot .PinturaNavSet>:first-child:not(:only-child){border-top-right-radius:var(--border-radius-round);border-bottom-right-radius:var(--border-radius-round)}[dir=ltr] .PinturaRoot .PinturaNavSet>:last-child:not(:only-child) .PinturaButtonInner{padding:0 .25em 0 .125em}[dir=rtl] .PinturaRoot .PinturaNavSet>:last-child:not(:only-child) .PinturaButtonInner{padding:0 .125em 0 .25em}[dir=ltr] .PinturaRoot .PinturaNavSet>:last-child:not(:only-child){border-top-right-radius:var(--border-radius-round);border-bottom-right-radius:var(--border-radius-round)}[dir=rtl] .PinturaRoot .PinturaNavSet>:last-child:not(:only-child){border-top-left-radius:var(--border-radius-round);border-bottom-left-radius:var(--border-radius-round)}.PinturaRoot[data-env~=overlay] .PinturaNavSet{-webkit-backdrop-filter:var(--backdrop-filter-bright);backdrop-filter:var(--backdrop-filter-bright)}[dir] .PinturaRoot[data-env~=overlay] .PinturaNavSet{background-color:var(--color-background-50);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)}[dir] .PinturaRoot[data-env~=overlay] .PinturaNavSet .PinturaButton:not(.PinturaButtonExport):not([disabled]):hover,[dir] .PinturaRoot[data-env~=overlay] .PinturaNavSet>*{border-color:var(--color-background-15)}[dir] .PinturaRoot[data-env~=overlay] .PinturaNavGroup>.PinturaButton{box-shadow:0 .0625em .125em rgba(0,0,0,.25),0 .125em .35em rgba(0,0,0,.35)}[dir] .PinturaRoot[data-env~=overlay] .PinturaNavGroup .PinturaButtonExport{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;pointer-events:none}[dir=ltr] .PinturaRoot .PinturaNavGroupFloat,[dir=rtl] .PinturaRoot .PinturaNavGroupFloat{left:0;right:0}.PinturaRoot .PinturaNavGroupFloat>*{pointer-events:all}[dir=ltr] .PinturaRoot .PinturaUtilFooter .PinturaScrollable>div,[dir=rtl] .PinturaRoot .PinturaUtilFooter .PinturaScrollable>div{padding-left:1em;padding-right:1em}.PinturaRoot>.PinturaMain{max-width:100vw}[dir] .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;z-index:3}[dir] .PinturaRoot[data-env~=landscape]>.PinturaNavTools{padding:1em 1em 0}.PinturaRoot[data-env~=landscape]>.PinturaNavMain{align-items:center;justify-content:flex-end;position:absolute;top:calc(1em + var(--editor-calculated-inset-top));bottom:calc(1em + var(--editor-calculated-inset-bottom))}[dir=ltr] .PinturaRoot[data-env~=landscape]>.PinturaNavMain{left:1em}[dir=rtl] .PinturaRoot[data-env~=landscape]>.PinturaNavMain{right:1em}.PinturaRoot[data-env~=landscape]>.PinturaNavMain .PinturaTabList{flex-direction:column}.PinturaRoot[data-env~=landscape]>.PinturaNavMain .PinturaTabList li{display:flex}[dir] .PinturaRoot[data-env~=landscape]>.PinturaNavMain .PinturaTabList li+li{margin:.5em 0 0}.PinturaRoot[data-env~=landscape]>.PinturaNavMain button{flex:1;width:4em;height:4em;justify-content:center}[dir] .PinturaRoot[data-env~=landscape]>.PinturaNavMain button{border-radius:var(--border-radius)}.PinturaRoot[data-env~=landscape]>.PinturaNavMain button span{font-size:.6875em}[dir] .PinturaRoot[data-env~=landscape]>.PinturaNavMain button span{margin-top:.5em}.PinturaRoot[data-env~=landscape]>.PinturaNavMain button svg{width:1em}[dir] .PinturaRoot[data-env~=landscape]>.PinturaNavMain button svg{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{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-navigation]{grid-template-columns:6em auto}[dir=ltr] .PinturaRoot[data-env~=landscape][data-env~=has-navigation] .PinturaNavGroupFloat{margin:0 0 0 6em}[dir=rtl] .PinturaRoot[data-env~=landscape][data-env~=has-navigation] .PinturaNavGroupFloat{margin:0 6em 0 0}.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~=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}[dir] .PinturaRoot[data-env~=portrait]>.PinturaNavTools{padding:.75em .75em 0}.PinturaRoot[data-env~=portrait]>.PinturaNavMain{grid-row:3;justify-content:center}[dir] .PinturaRoot[data-env~=portrait]>.PinturaNavMain{margin-bottom:.75em}[dir] .PinturaRoot[data-env~=portrait]>.PinturaNavMain .PinturaTabList{padding:0 .875em}[dir=ltr] .PinturaRoot[data-env~=portrait]>.PinturaNavMain li+li{margin-left:.5em}[dir=rtl] .PinturaRoot[data-env~=portrait]>.PinturaNavMain li+li{margin-right:.5em}.PinturaRoot[data-env~=portrait]>.PinturaNavMain[data-state~=overflows]{overflow:visible}.PinturaRoot[data-env~=portrait]>.PinturaNavMain button{flex:1;width:4em;height:4em;justify-content:center}[dir] .PinturaRoot[data-env~=portrait]>.PinturaNavMain button{border-radius:var(--border-radius)}.PinturaRoot[data-env~=portrait]>.PinturaNavMain button span{font-size:.6875em}[dir] .PinturaRoot[data-env~=portrait]>.PinturaNavMain button span{margin-top:.5em}.PinturaRoot[data-env~=portrait]>.PinturaNavMain button svg{width:1em}[dir] .PinturaRoot[data-env~=portrait]>.PinturaNavMain button svg{margin-top:.25em}.PinturaRoot[data-env~=portrait]>.PinturaMain{grid-row:2;grid-column:1}.PinturaRoot[data-env~=landscape][data-env~=is-compact]>.PinturaNavMain button{flex:1;flex-direction:row;width:auto;height:auto;justify-content:flex-start;align-items:center;width:6em}[dir] .PinturaRoot[data-env~=landscape][data-env~=is-compact]>.PinturaNavMain button{border-radius:var(--border-radius);padding:.625em 0}.PinturaRoot[data-env~=landscape][data-env~=is-compact]>.PinturaNavMain button span{font-size:.6875em;line-height:0}[dir=ltr] .PinturaRoot[data-env~=landscape][data-env~=is-compact]>.PinturaNavMain button span{margin:0 .625em 0 0}[dir=rtl] .PinturaRoot[data-env~=landscape][data-env~=is-compact]>.PinturaNavMain button span{margin:0 0 0 .625em}.PinturaRoot[data-env~=landscape][data-env~=is-compact]>.PinturaNavMain button svg{width:1em}[dir=ltr] .PinturaRoot[data-env~=landscape][data-env~=is-compact]>.PinturaNavMain button svg{margin:0 .5em 0 .625em}[dir=rtl] .PinturaRoot[data-env~=landscape][data-env~=is-compact]>.PinturaNavMain button svg{margin:0 .625em 0 .5em}.PinturaRoot[data-env~=landscape][data-env~=is-compact][data-env~=has-navigation]{grid-template-columns:8em auto}[dir=ltr] .PinturaRoot[data-env~=landscape][data-env~=is-compact][data-env~=has-navigation] .PinturaNavGroupFloat{margin:0 0 0 8em}[dir=rtl] .PinturaRoot[data-env~=landscape][data-env~=is-compact][data-env~=has-navigation] .PinturaNavGroupFloat{margin:0 8em 0 0}.PinturaRoot[data-env~=portrait][data-env~=is-compact]>.PinturaNavMain button{font-size:.625em;width:4em;height:4em;justify-content:center}[dir] .PinturaRoot[data-env~=portrait][data-env~=is-compact]>.PinturaNavMain button{padding:0;border-radius:9999em}.PinturaRoot[data-env~=portrait][data-env~=is-compact]>.PinturaNavMain button span{visibility:hidden;font-size:0}[dir] .PinturaRoot[data-env~=portrait][data-env~=is-compact]>.PinturaNavMain button span{margin:0}.PinturaRoot[data-env~=portrait][data-env~=is-compact]>.PinturaNavMain button svg{width:1.6em}[dir] .PinturaRoot[data-env~=portrait][data-env~=is-compact]>.PinturaNavMain button svg{margin-top:0}.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}[dir] .PinturaRoot[data-env~=portrait][data-env~=narrow] .PinturaToolbar .PinturaToolbarInner>*{margin:0 .25em}.PinturaRoot[data-env~=portrait][data-env~=narrow][data-env~=short] .PinturaNavGroupFloat{position:static}.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;top:0;bottom:0;z-index:-1}[dir] .PinturaRoot[data-env~=overlay] .PinturaUtilMain{padding:0}[dir=ltr] .PinturaRoot[data-env~=overlay] .PinturaUtilMain,[dir=rtl] .PinturaRoot[data-env~=overlay] .PinturaUtilMain{left:0;right:0}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter,.PinturaRoot[data-env~=overlay] .PinturaUtilHeader{position:absolute}[dir=ltr] .PinturaRoot[data-env~=overlay] .PinturaUtilFooter,[dir=ltr] .PinturaRoot[data-env~=overlay] .PinturaUtilHeader,[dir=rtl] .PinturaRoot[data-env~=overlay] .PinturaUtilFooter,[dir=rtl] .PinturaRoot[data-env~=overlay] .PinturaUtilHeader{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;top:0;bottom:0}[dir] .PinturaRoot[data-env~=overlay] .PinturaNavMain{background:none}[dir=ltr] .PinturaRoot[data-env~=overlay] .PinturaNavMain{right:0}[dir=rtl] .PinturaRoot[data-env~=overlay] .PinturaNavMain{left:0}.PinturaRoot[data-env~=overlay] .PinturaNavTools{position:absolute;top:0}[dir=ltr] .PinturaRoot[data-env~=overlay] .PinturaNavTools,[dir=rtl] .PinturaRoot[data-env~=overlay] .PinturaNavTools{left:0;right:0}[dir=ltr] .PinturaRoot[data-env~=has-swipe-navigation] .PinturaUtilMain,[dir=rtl] .PinturaRoot[data-env~=has-swipe-navigation] .PinturaUtilMain{padding-left:2em;padding-right:2em}.PinturaDropdownPanel{overflow:hidden}[dir] .PinturaDropdownPanel{border-radius:inherit}.PinturaDropdownPanel .PinturaDropdownOption{transition:background-color .1s}[dir] .PinturaDropdownPanel .PinturaDropdownOption{border-radius:inherit}.PinturaDropdownPanel .PinturaDropdownOption label{display:block;white-space:nowrap}[dir] .PinturaDropdownPanel .PinturaDropdownOption label{margin:0;border-radius:inherit}.PinturaDropdownPanel .PinturaDropdownOption svg{min-width:1.5em}[dir=ltr] .PinturaDropdownPanel .PinturaDropdownOption svg{margin-right:.25em;margin-left:-.5em}[dir=rtl] .PinturaDropdownPanel .PinturaDropdownOption svg{margin-left:.25em;margin-right:-.5em}.PinturaDropdownPanel .PinturaDropdownOption [slot]{display:flex;align-items:center}[dir] .PinturaDropdownPanel .PinturaDropdownOption [slot]{padding:.325em .75em}.PinturaDropdownPanel .PinturaDropdownOptionLabel{font-size:.75em;line-height:1.75}[dir] .PinturaDropdownPanel .PinturaDropdownOptionLabel{padding:0 .325em}[dir=ltr] .PinturaDropdownPanel .PinturaDropdownOptionLabel{margin-left:-.325em}[dir=rtl] .PinturaDropdownPanel .PinturaDropdownOptionLabel{margin-right:-.325em}.PinturaDropdownPanel .PinturaDropdownOptionGroup>span{display:block;text-transform:uppercase;font-size:.75em;color:rgba(0,0,0,.75)}[dir] .PinturaDropdownPanel .PinturaDropdownOptionGroup>span{padding:.75em 1em}.PinturaDropdownPanel [data-disabled=true]{color:#999}[dir] .PinturaDropdownPanel [data-selected=false]:not([data-disabled=true]):hover{background-color:rgba(0,0,0,.15)}.PinturaDropdownPanel [data-selected=true]{color:#fff}[dir] .PinturaDropdownPanel [data-selected=true]{background:#000}[dir] .PinturaDropdownPanel [data-focus-visible]+label .PinturaDropdownOptionLabel{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100);border-radius:.25em}[dir] .PinturaDropdownOption label{margin:0}.PinturaColorPickerPanel{max-width:14em;overflow:visible;touch-action:none}[dir] .PinturaColorPickerPanel{padding:.5em}.PinturaColorPickerPanel .PinturaColorPickerButton{outline:transparent}[dir] .PinturaColorPickerPanel .PinturaColorPickerButton[data-focus-visible]{box-shadow:inset 0 0 0 1px var(--color-foreground-70)}.PinturaColorPickerPanel .PinturaColorPreview{width:1.25em;height:1.25em}[dir] .PinturaColorPickerPanel .PinturaColorPreview{border-radius:.25em}[dir] .PinturaColorPickerPanel .PinturaColorPreview span{border-radius:.2em;box-shadow:inset 0 0 0 1px rgba(0,0,0,.25)}.PinturaColorPickerPanel .PinturaColorPresets legend{color:#777;font-size:.75em}[dir=ltr] .PinturaColorPickerPanel .PinturaColorPresets legend{margin:0 0 .25em .3125em}[dir=rtl] .PinturaColorPickerPanel .PinturaColorPresets legend{margin:0 .3125em .25em 0}.PinturaColorPickerPanel .PinturaColorPresetsGrid .PinturaRadioGroupOptions{display:flex;flex-direction:row;flex-wrap:wrap}.PinturaColorPickerPanel .PinturaColorPresetsGrid .PinturaDropdownOption{display:block}[dir] .PinturaColorPickerPanel .PinturaColorPresetsGrid .PinturaDropdownOption{padding:.25em}.PinturaColorPickerPanel .PinturaColorPresetsGrid .PinturaDropdownOption label,.PinturaColorPickerPanel .PinturaColorPresetsGrid .PinturaDropdownOption label span{display:block}[dir] .PinturaColorPickerPanel .PinturaColorPresetsGrid .PinturaDropdownOption label,[dir] .PinturaColorPickerPanel .PinturaColorPresetsGrid .PinturaDropdownOption label span{cursor:var(--button-cursor)}.PinturaColorPickerPanel .PinturaColorPresetsGrid input[data-focus-visible]+label .PinturaColorPreview:after{position:absolute;top:-.3125em;bottom:-.3125em;pointer-events:none;content:""}[dir] .PinturaColorPickerPanel .PinturaColorPresetsGrid input[data-focus-visible]+label .PinturaColorPreview:after{border-radius:inherit;background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}[dir=ltr] .PinturaColorPickerPanel .PinturaColorPresetsGrid input[data-focus-visible]+label .PinturaColorPreview:after,[dir=rtl] .PinturaColorPickerPanel .PinturaColorPresetsGrid input[data-focus-visible]+label .PinturaColorPreview:after{left:-.3125em;right:-.3125em}.PinturaColorPickerPanel .PinturaPicker{width:100%}[dir] .PinturaColorPickerPanel .PinturaPicker{padding-bottom:.5em}[dir] .PinturaColorPickerPanel .PinturaPicker .PinturaPickerKnob,[dir] .PinturaColorPickerPanel .PinturaPicker .PinturaSliderKnob{border-radius:9999em;box-shadow:inset 0 .06125em .06125em rgba(0,0,0,.1),0 0 0 .125em #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;top:0;width:1.25em;height:1.25em;visibility:visible;outline:none}[dir] .PinturaColorPickerPanel .PinturaPicker .PinturaPickerKnob{margin-top:-.625em}[dir=ltr] .PinturaColorPickerPanel .PinturaPicker .PinturaPickerKnob{left:0;margin-left:-.625em}[dir=rtl] .PinturaColorPickerPanel .PinturaPicker .PinturaPickerKnob{right:0;margin-right:-.625em}.PinturaColorPickerPanel .PinturaPicker .PinturaPickerKnob[data-focus-visible]:after{position:absolute;top:-.3125em;bottom:-.3125em;pointer-events:none;content:""}[dir] .PinturaColorPickerPanel .PinturaPicker .PinturaPickerKnob[data-focus-visible]:after{border-radius:inherit;background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}[dir=ltr] .PinturaColorPickerPanel .PinturaPicker .PinturaPickerKnob[data-focus-visible]:after,[dir=rtl] .PinturaColorPickerPanel .PinturaPicker .PinturaPickerKnob[data-focus-visible]:after{left:-.3125em;right:-.3125em}.PinturaColorPickerPanel .PinturaPicker .PinturaPickerKnobController{position:absolute;top:0;bottom:0;visibility:hidden}[dir=ltr] .PinturaColorPickerPanel .PinturaPicker .PinturaPickerKnobController,[dir=rtl] .PinturaColorPickerPanel .PinturaPicker .PinturaPickerKnobController{left:0;right:0}.PinturaColorPickerPanel .PinturaPicker .PinturaSaturationPicker{position:relative;height:7em}[dir] .PinturaColorPickerPanel .PinturaPicker .PinturaSaturationPicker{border-radius:var(--border-radius) var(--border-radius) 0 0;margin:-.5em -.5em .5em}[dir=ltr] .PinturaColorPickerPanel .PinturaPicker .PinturaSaturationPicker{background-image:linear-gradient(180deg,transparent,#000),linear-gradient(90deg,#fff,transparent)}[dir=rtl] .PinturaColorPickerPanel .PinturaPicker .PinturaSaturationPicker{background-image:linear-gradient(-180deg,transparent,#000),linear-gradient(-90deg,#fff,transparent)}[dir=ltr] .PinturaColorPickerPanel .PinturaPicker .PinturaHuePicker .PinturaSliderTrack{background-image:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}[dir=rtl] .PinturaColorPickerPanel .PinturaPicker .PinturaHuePicker .PinturaSliderTrack{background-image:linear-gradient(-90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.PinturaColorPickerPanel .PinturaPicker .PinturaOpacityPicker .PinturaSliderTrack:before{position:absolute;content:"";display:block;top:0;width:100%;height:100%;z-index:-1}[dir] .PinturaColorPickerPanel .PinturaPicker .PinturaOpacityPicker .PinturaSliderTrack:before{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")}[dir=ltr] .PinturaColorPickerPanel .PinturaPicker .PinturaOpacityPicker .PinturaSliderTrack:before{left:0}[dir=rtl] .PinturaColorPickerPanel .PinturaPicker .PinturaOpacityPicker .PinturaSliderTrack:before{right:0}[dir] .PinturaColorPickerPanel .PinturaPicker .PinturaOpacityPicker{margin-top:.5em}.PinturaPanel[data-util=filter] .PinturaScrollable{width:100%;max-width:40em;min-height:5.5em}[dir] .PinturaPanel[data-util=filter] [data-layout=row]>.PinturaRadioGroupOptions>li{margin:0 .5em}[dir=ltr] .PinturaPanel[data-util=filter] [data-layout=row]>.PinturaRadioGroupOptions>li:first-child{margin-left:0}[dir=ltr] .PinturaPanel[data-util=filter] [data-layout=row]>.PinturaRadioGroupOptions>li:last-child,[dir=rtl] .PinturaPanel[data-util=filter] [data-layout=row]>.PinturaRadioGroupOptions>li:first-child{margin-right:0}[dir=rtl] .PinturaPanel[data-util=filter] [data-layout=row]>.PinturaRadioGroupOptions>li:last-child{margin-left:0}.PinturaPanel[data-util=filter] .PinturaRadioGroupOptionGroupLabel{width:1px;height:1px;position:absolute;font-size:0;pointer-events:none}.PinturaPanel[data-util=filter] .PinturaFilterPreview{transition:border-radius 1ms}[dir] .PinturaPanel[data-util=filter] .PinturaFilterOption,[dir] .PinturaPanel[data-util=filter] .PinturaFilterPreview{border-radius:0}[dir=ltr] .PinturaPanel[data-util=filter] .PinturaRadioGroupOptions .PinturaRadioGroupOption:first-of-type .PinturaFilterPreview{border-top-left-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius)}[dir=rtl] .PinturaPanel[data-util=filter] .PinturaRadioGroupOptions .PinturaRadioGroupOption:first-of-type .PinturaFilterPreview{border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}[dir=ltr] .PinturaPanel[data-util=filter] .PinturaRadioGroupOptions .PinturaRadioGroupOption:first-of-type .PinturaFilterOption{border-bottom-left-radius:var(--border-radius)}[dir=rtl] .PinturaPanel[data-util=filter] .PinturaRadioGroupOptions .PinturaRadioGroupOption:first-of-type .PinturaFilterOption{border-bottom-right-radius:var(--border-radius)}[dir=ltr] .PinturaPanel[data-util=filter] .PinturaRadioGroupOptions .PinturaRadioGroupOption:last-of-type .PinturaFilterPreview{border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}[dir=rtl] .PinturaPanel[data-util=filter] .PinturaRadioGroupOptions .PinturaRadioGroupOption:last-of-type .PinturaFilterPreview{border-top-left-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius)}[dir=ltr] .PinturaPanel[data-util=filter] .PinturaRadioGroupOptions .PinturaRadioGroupOption:last-of-type .PinturaFilterOption{border-bottom-right-radius:var(--border-radius)}[dir=rtl] .PinturaPanel[data-util=filter] .PinturaRadioGroupOptions .PinturaRadioGroupOption:last-of-type .PinturaFilterOption{border-bottom-left-radius:var(--border-radius)}.PinturaPanel[data-util=filter] .PinturaRadioGroupOptionGroup{display:flex;flex-direction:column-reverse}[dir] .PinturaPanel[data-util=filter] .PinturaFilterOption{cursor:var(--button-cursor);margin-bottom:1em}.PinturaPanel[data-util=filter] .PinturaFilterOption span{display:block;line-height:1.75;max-width:100%;font-size:.625em;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[dir] .PinturaPanel[data-util=filter] .PinturaFilterOption span{text-align:center;padding:0 .3125em}[dir=ltr] .PinturaPanel[data-util=filter] .PinturaFilterOption span{margin-left:1px}[dir=rtl] .PinturaPanel[data-util=filter] .PinturaFilterOption span{margin-right:1px}.PinturaPanel[data-util=filter] .PinturaFilterPreview:before{transition:background-color .1s,color .1s}.PinturaPanel[data-util=filter] [data-selected=true] .PinturaFilterOption .PinturaFilterPreview{position:relative;z-index:1}.PinturaPanel[data-util=filter] [data-selected=true] .PinturaFilterOption .PinturaFilterPreview:before{content:"";position:absolute;width:100%;height:100%;opacity:.35}[dir] .PinturaPanel[data-util=filter] [data-selected=true] .PinturaFilterOption .PinturaFilterPreview:before{border-radius:inherit;background-color:var(--color-primary)}[dir] .PinturaPanel[data-util=filter] [data-focus-visible]+label>.PinturaFilterOption span{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100);border-radius:.25em}.PinturaPanel[data-util=filter] .PinturaFilterOption,.PinturaPanel[data-util=filter] .PinturaFilterPreview{width:3.75em;height:4.5em}[dir] .PinturaRoot[data-env~=is-compact] .PinturaPanel[data-util=filter] .PinturaUtilFooter>div{padding:0}.PinturaRoot[data-env~=is-compact] .PinturaPanel[data-util=filter] .PinturaFilterOption,.PinturaRoot[data-env~=is-compact] .PinturaPanel[data-util=filter] .PinturaFilterPreview{width:2.875em;height:3.5em}.PinturaRoot[data-env~=is-compact] .PinturaPanel[data-util=filter] .PinturaFilterOption span{font-size:.5em}.PinturaRoot[data-env~=is-compact] .PinturaPanel[data-util=filter] .PinturaScrollable{min-height:4.5em}.PinturaPanel[data-util=crop] .PinturaStage{touch-action:none}.PinturaPanel[data-util=crop] .PinturaImageInfo{position:absolute;bottom:1em}[dir=ltr] .PinturaPanel[data-util=crop] .PinturaImageInfo{right:1em}[dir=rtl] .PinturaPanel[data-util=crop] .PinturaImageInfo{left:1em}.PinturaPanel[data-util=crop] .PinturaButtonCenter{--size:3em;position:absolute;top:0;width:var(--size);height:var(--size);z-index:1;line-height:0;overflow:hidden;color:#000;-webkit-backdrop-filter:var(--backdrop-filter-bright);backdrop-filter:var(--backdrop-filter-bright);outline:none}[dir] .PinturaPanel[data-util=crop] .PinturaButtonCenter{margin-top:calc(var(--size)*-0.5);background:hsla(0,0%,100%,.8);border-radius:50%}[dir=ltr] .PinturaPanel[data-util=crop] .PinturaButtonCenter{left:0;margin-left:calc(var(--size)*-0.5)}[dir=rtl] .PinturaPanel[data-util=crop] .PinturaButtonCenter{right:0;margin-right:calc(var(--size)*-0.5)}[dir] .PinturaPanel[data-util=crop] .PinturaButtonCenter[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}[dir] .PinturaRoot[data-env~=short] .PinturaPanel[data-util=crop] .PinturaUtilFooter{padding-bottom:.5em}.PinturaPanel[data-util=resize] form{display:flex;justify-content:center}[dir] .PinturaPanel[data-util=resize] form{padding:0 1em}.PinturaPanel[data-util=resize] .PinturaFormInner{position:relative;display:flex;justify-content:center;align-items:center}.PinturaPanel[data-util=resize] .PinturaFormInner>button{position:absolute}[dir=ltr] .PinturaPanel[data-util=resize] .PinturaFormInner>button{left:100%;margin-left:1em}[dir=rtl] .PinturaPanel[data-util=resize] .PinturaFormInner>button{right:100%;margin-right:1em}.PinturaPanel[data-util=resize] .PinturaFieldsetInner{display:inline-flex;align-items:center;justify-content:center}.PinturaPanel[data-util=resize] input[type=checkbox]+label{outline:transparent;display:block}[dir] .PinturaPanel[data-util=resize] input[type=checkbox]+label{padding:0 .125em;cursor:pointer}[dir] .PinturaPanel[data-util=resize] input[type=checkbox][data-focus-visible]+label{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaInputDimension{display:inline-flex;align-items:center;position:relative}.PinturaInputDimension label{position:absolute;font-size:.75em;text-transform:uppercase;pointer-events:none;color:var(--color-foreground-20);z-index:1}[dir=ltr] .PinturaInputDimension label{right:.625em}[dir=rtl] .PinturaInputDimension label{left:.625em}.PinturaInputDimension button,.PinturaInputDimension input,.PinturaInputDimension label{font-size:.75em;font-weight:400}.PinturaInputDimension button,.PinturaInputDimension input{-webkit-appearance:none;appearance:none;-moz-appearance:textfield;box-sizing:border-box;font-variant-numeric:tabular-nums;width:100%;max-width:7em;outline:transparent;transition:background-color .1s ease-in-out,color .1s ease-in-out,border-color .1s ease-in-out}[dir] .PinturaInputDimension button,[dir] .PinturaInputDimension input{border-radius:var(--border-radius);box-shadow:none;border:1px solid var(--color-foreground-20)}[dir=ltr] .PinturaInputDimension button,[dir=ltr] .PinturaInputDimension input{padding:.625em 0 .625em .625em}[dir=rtl] .PinturaInputDimension button,[dir=rtl] .PinturaInputDimension input{padding:.625em .625em .625em 0}[dir] .PinturaInputDimension button::-moz-selection,[dir] .PinturaInputDimension input::-moz-selection{background-color:var(--color-foreground-20)}[dir] .PinturaInputDimension button::selection,[dir] .PinturaInputDimension input::selection{background-color:var(--color-foreground-20)}[dir] .PinturaInputDimension button:hover,[dir] .PinturaInputDimension input:hover{border-color:var(--color-foreground-30)}[dir] .PinturaInputDimension button:focus,[dir] .PinturaInputDimension input:focus{border-color:var(--color-focus-100)}.PinturaInputDimension input{-webkit-backdrop-filter:var(--backdrop-filter-dark);backdrop-filter:var(--backdrop-filter-dark)}[dir] .PinturaInputDimension input{background-color:var(--color-foreground-5)}[dir] .PinturaInputDimension input:-moz-placeholder-shown{border-style:dashed}[dir] .PinturaInputDimension input:-ms-input-placeholder{border-style:dashed}[dir] .PinturaInputDimension input:placeholder-shown{border-style:dashed}.PinturaInputDimension input::-moz-placeholder{color:var(--color-foreground-30)}.PinturaInputDimension input:-ms-input-placeholder{color:var(--color-foreground-30)}.PinturaInputDimension input::placeholder{color:var(--color-foreground-30)}[dir] .PinturaInputDimension input[data-state=invalid]{border-color:var(--color-error-75);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;top:0;width:100%;height:100vh;z-index:2147483646;display:flex;justify-content:center;align-items:center}[dir] .PinturaModal{background-color:rgba(var(--color-background),var(--editor-modal-overlay-opacity,var(--editor-modal-overlay-opacity-default,.95)))}[dir=ltr] .PinturaModal{left:0}[dir=rtl] .PinturaModal{right:0}[dir] .PinturaModal>.PinturaRoot[data-env~=is-centered]{box-shadow:var(--editor-modal-shadow);border-radius:var(--editor-modal-border-radius)}.PinturaModal>.PinturaRoot[data-env~=is-centered]:after{position:absolute;top:0;bottom:0;pointer-events:none;content:"";z-index:2147483646}[dir] .PinturaModal>.PinturaRoot[data-env~=is-centered]:after{border-radius:inherit;box-shadow:var(--editor-modal-outline)}[dir=ltr] .PinturaModal>.PinturaRoot[data-env~=is-centered]:after,[dir=rtl] .PinturaModal>.PinturaRoot[data-env~=is-centered]:after{left:0;right:0}.PinturaModal[style*="--viewport-pad-footer:1"]{box-sizing:border-box}[dir] .PinturaModal[style*="--viewport-pad-footer:1"]{padding-bottom:44px}.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)}.PinturaCanvas canvas{display:block;width:100%;height:100%;position:absolute}.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:inline-flex;vertical-align:top}.PinturaScrollable{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: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: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:flex;justify-content:center}.PinturaTabList button{display:flex;align-items:center;flex-direction:column;outline:transparent;-webkit-tap-highlight-color:transparent}[dir] .PinturaTabList button{cursor:var(--button-cursor)}.PinturaTabList button>*{transition:filter .2s ease-out}.PinturaTabList button[disabled]>*{filter:var(--filter-disabled)}.PinturaTabPanels{position:relative;flex:1}.PinturaTabPanel{position:absolute;top:0;width:100%;height:100%}[dir=ltr] .PinturaTabPanel{left:0}[dir=rtl] .PinturaTabPanel{right:0}.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}.PinturaTabPanel[data-inert=true] [data-inert]{visibility:hidden!important}.PinturaPanel{position:relative;z-index:1;height:100%;display:flex;flex:1;flex-direction:column;contain:layout size}.PinturaButton{white-space:nowrap;flex-shrink:0;-webkit-tap-highlight-color:transparent}[dir] .PinturaButton{cursor:var(--button-cursor)}.PinturaButton>span{display:inline-flex;align-items:center;vertical-align:top;min-height:1em}[dir=ltr] .PinturaButton svg+.PinturaButtonLabel{margin-left:.5em}[dir=rtl] .PinturaButton svg+.PinturaButtonLabel{margin-right:.5em}[dir] .PinturaButton[disabled]{cursor:default}[dir=ltr] .PinturaButton:not(.PinturaButtonIconOnly) svg:first-of-type{margin-left:-.25em}[dir=rtl] .PinturaButton:not(.PinturaButtonIconOnly) svg:first-of-type{margin-right:-.25em}.PinturaDetailsPanel{position:absolute;top:0;z-index:2147483647;width:-webkit-max-content;width:-moz-max-content;width:max-content;outline:transparent;color:#111}[dir] .PinturaDetailsPanel{cursor:auto;box-shadow: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);background:#fff}[dir=ltr] .PinturaDetailsPanel{left:0}[dir=rtl] .PinturaDetailsPanel{right:0}.PinturaColorPreview{--color:transparent;color:var(--color);position:relative;pointer-events:none}[dir] .PinturaColorPreview{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;top:0;bottom:0}[dir] .PinturaColorPreview span{background-color:var(--color);border-radius:inherit}[dir=ltr] .PinturaColorPreview span,[dir=rtl] .PinturaColorPreview span{left:0;right:0}.PinturaUtilMain{min-height:1px}[dir] .PinturaUtilMain{padding:1em}.PinturaUtilMain,.PinturaUtilMain>[slot]{flex:1;display:flex;flex-direction:column}.PinturaUtilMain>[slot]{align-items:center}[dir] .PinturaUtilFooter{padding:0 0 1em}.PinturaUtilFooter>[slot]:empty{height:1em}.PinturaUtilFooter>[slot]{display:flex;flex-direction:column;align-items:center;justify-content:stretch}[dir] .PinturaUtilFooter .PinturaRangeInput{margin-top:-.25em}.PinturaUtilFooter>[slot]>.PinturaControlList,.PinturaUtilFooter>[slot]>.PinturaControlListScroller{order:1}[dir] .PinturaUtilFooter>[slot]>.PinturaControlList,[dir] .PinturaUtilFooter>[slot]>.PinturaControlListScroller{margin-bottom:-.1875em}.PinturaUtilFooter .PinturaControlList [role=tab][aria-selected=true] button{-webkit-backdrop-filter:var(--backdrop-filter-dark);backdrop-filter:var(--backdrop-filter-dark)}[dir] .PinturaUtilFooter .PinturaControlList [role=tab][aria-selected=true] button{background-color:var(--color-foreground-10);box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.PinturaUtilFooter .PinturaControlList .PinturaControlListOption label,.PinturaUtilFooter .PinturaControlList [role=tab] button{flex-direction:row;line-height:1;min-height:1.75em;transition:background-color .1s ease-out,color .1s ease-out,filter .2s ease-out}[dir] .PinturaUtilFooter .PinturaControlList .PinturaControlListOption label,[dir] .PinturaUtilFooter .PinturaControlList [role=tab] button{padding:0 .75em;border-radius:var(--border-radius-round);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}[dir=ltr] .PinturaUtilFooter .PinturaControlList .PinturaControlListOption label svg:not(:only-child),[dir=ltr] .PinturaUtilFooter .PinturaControlList [role=tab] button svg:not(:only-child){margin-left:-.25em;margin-right:.375em}[dir=rtl] .PinturaUtilFooter .PinturaControlList .PinturaControlListOption label svg:not(:only-child),[dir=rtl] .PinturaUtilFooter .PinturaControlList [role=tab] button svg:not(:only-child){margin-right:-.25em;margin-left:.375em}[dir] .PinturaUtilFooter .PinturaControlList .PinturaControlListOption label:hover,[dir] .PinturaUtilFooter .PinturaControlList [role=tab] button:hover{box-shadow:inset 0 0 0 1px var(--color-foreground-10)}[dir] .PinturaUtilFooter .PinturaControlList .PinturaControlListOption label[data-focus-visible],[dir] .PinturaUtilFooter .PinturaControlList [role=tab] button[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaUtilFooter .PinturaControlListOption [slot],.PinturaUtilFooter .PinturaControlListOption label{display:flex;flex-direction:row;align-items:center}[dir] .PinturaUtilFooter .PinturaControlListOption[data-selected=true] label{background-color:var(--color-foreground-10);box-shadow:inset 0 0 0 1px var(--color-foreground-5)}[dir] .PinturaUtilFooter .PinturaControlListOption input[data-focus-visible]+label{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaUtilFooter .PinturaControlListOption input[disabled]+label{filter:var(--filter-disabled)}[dir=ltr] .PinturaUtilFooter .PinturaControlList .PinturaControlListOption+.PinturaControlListOption,[dir=ltr] .PinturaUtilFooter .PinturaControlList>li+li{margin-left:.5em}[dir=rtl] .PinturaUtilFooter .PinturaControlList .PinturaControlListOption+.PinturaControlListOption,[dir=rtl] .PinturaUtilFooter .PinturaControlList>li+li{margin-right:.5em}.PinturaUtilFooter .PinturaControlPanels{position:relative;width:100%;max-width:30em;min-height:3.375em;flex:auto}[dir] .PinturaUtilFooter .PinturaControlPanels{margin:0 auto}.PinturaUtilFooter .PinturaControlPanel{position:absolute;top:0;width:100%;height:100%;visibility:visible;opacity:1}[dir=ltr] .PinturaUtilFooter .PinturaControlPanel{left:0}[dir=rtl] .PinturaUtilFooter .PinturaControlPanel{right:0}.PinturaUtilFooter .PinturaControlPanel[hidden]{display:block!important;visibility:hidden;pointer-events:none;opacity:0}[dir] .PinturaUtilFooter .PinturaControlPanel[hidden]{transition-delay:0s}[dir=ltr] .PinturaUtilFooter .PinturaControlList[data-layout=compact]>*+*{margin-left:-1px}[dir=rtl] .PinturaUtilFooter .PinturaControlList[data-layout=compact]>*+*{margin-right:-1px}[dir] .PinturaUtilFooter .PinturaControlList[data-layout=compact]>[role=tab] button{border-radius:0;box-shadow:inset 0 0 0 1px var(--color-foreground-5)}[dir=ltr] .PinturaUtilFooter .PinturaControlList[data-layout=compact]>[role=tab] button,[dir=rtl] .PinturaUtilFooter .PinturaControlList[data-layout=compact]>[role=tab] button{padding-left:.625em;padding-right:.625em}[dir] .PinturaUtilFooter .PinturaControlList[data-layout=compact]>[role=tab]:only-child button{border-radius:var(--border-radius-round)}[dir=ltr] .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)}[dir=ltr] .PinturaUtilFooter .PinturaControlList[data-layout=compact]>[role=tab]:last-child:not(:only-child) button,[dir=rtl] .PinturaUtilFooter .PinturaControlList[data-layout=compact]>[role=tab]:first-child:not(:only-child) button{padding-right:.75em;border-top-right-radius:var(--border-radius-round);border-bottom-right-radius:var(--border-radius-round)}[dir=rtl] .PinturaUtilFooter .PinturaControlList[data-layout=compact]>[role=tab]:last-child:not(:only-child) button{padding-left:.75em;border-top-left-radius:var(--border-radius-round);border-bottom-left-radius:var(--border-radius-round)}.PinturaRoot[data-env~=is-animated] .PinturaUtilFooter .PinturaControlPanel{transition:opacity .3s ease-in-out,visibility .3s linear}[dir] .PinturaRoot[data-env~=is-animated] .PinturaUtilFooter .PinturaControlPanel{transition-delay:.1s}[dir] .PinturaRoot[data-env~=overlay] .PinturaUtilFooter{margin-bottom:.75em}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaRangeInput{-webkit-backdrop-filter:var(--backdrop-filter-bright);backdrop-filter:var(--backdrop-filter-bright)}[dir] .PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaRangeInput{margin-top:0;background-color:var(--color-background-50);border-radius:var(--border-radius);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)}.PinturaRangeInput{position:relative;display:flex;flex-direction:column;align-items:center;width:24em;height:3.5em;max-width:90%;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}[dir] .PinturaRangeInput{margin:auto}.PinturaRangeInput[data-focus-visible]:after{content:"";position:absolute;top:calc(50% - 1em);height:2em}[dir] .PinturaRangeInput[data-focus-visible]:after{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100);border-radius:.25em}[dir=ltr] .PinturaRangeInput[data-focus-visible]:after,[dir=rtl] .PinturaRangeInput[data-focus-visible]:after{left:0;right:0}.PinturaRangeInputInner{position:relative;overflow:hidden;height:100%;width:100%;contain:strict;-webkit-mask:linear-gradient(90deg,transparent,#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:linear-gradient(90deg,transparent,#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);width:3.5em;height:1.5em;overflow:hidden;contain:strict;font-size:.75em;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";font-family:Tahoma,Geneva,Verdana,sans-serif}[dir] .PinturaRangeInput>.PinturaRangeInputValue{text-align:center}[dir=ltr] .PinturaRangeInput>.PinturaRangeInputValue{left:calc(50% - 1.75em)}[dir=rtl] .PinturaRangeInput>.PinturaRangeInputValue{right:calc(50% - 1.75em)}.PinturaRangeInput>.PinturaRangeInputReset{position:absolute;top:0;z-index:1;width:2em;overflow:hidden;color:transparent!important;transition:opacity .25s;opacity:.35;outline:transparent}[dir] .PinturaRangeInput>.PinturaRangeInputReset{margin-top:.125em;padding:0;cursor:var(--button-cursor)}[dir=ltr] .PinturaRangeInput>.PinturaRangeInputReset{left:calc(50% - 1.0625em)}[dir=rtl] .PinturaRangeInput>.PinturaRangeInputReset{right:calc(50% - 1.0625em)}.PinturaRangeInput>.PinturaRangeInputReset:hover{opacity:.5}.PinturaRangeInput>.PinturaRangeInputReset[data-focus-visible]{opacity:1}.PinturaRangeInput>.PinturaRangeInputReset[data-focus-visible]:before{content:"";pointer-events:none;position:absolute;top:calc(50% - .5em);height:1em;width:1em;z-index:2}[dir] .PinturaRangeInput>.PinturaRangeInputReset[data-focus-visible]:before{border-radius:.25em;background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}[dir=ltr] .PinturaRangeInput>.PinturaRangeInputReset[data-focus-visible]:before{left:calc(50% - .5em)}[dir=rtl] .PinturaRangeInput>.PinturaRangeInputReset[data-focus-visible]:before{right:calc(50% - .5em)}.PinturaRangeInput>.PinturaRangeInputReset[disabled]{opacity:.15}.PinturaRangeInput>.PinturaRangeInputReset:after{content:"";position:absolute;top:20%;width:1px;height:60%}[dir] .PinturaRangeInput>.PinturaRangeInputReset:after{background:var(--color-foreground-100)}[dir=ltr] .PinturaRangeInput>.PinturaRangeInputReset:after{left:50%}[dir=rtl] .PinturaRangeInput>.PinturaRangeInputReset:after{right:50%}.PinturaRangeInputInner[data-value-limited] svg{-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: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)}.PinturaSlider{position:relative}.PinturaSlider .PinturaSliderKnob{pointer-events:none;position:absolute;top:50%;width:1em;height:1em;visibility:visible}[dir] .PinturaSlider .PinturaSliderKnob{margin-top:-.5em;border-radius:9999em;background-color:var(--color-background-50)}[dir=ltr] .PinturaSlider .PinturaSliderKnob{left:0;margin-left:-.5em}[dir=rtl] .PinturaSlider .PinturaSliderKnob{right:0;margin-right:-.5em}.PinturaSlider .PinturaSliderKnobController,.PinturaSlider .PinturaSliderTrack{pointer-events:none;position:absolute;top:.5em;bottom:.5em}[dir=ltr] .PinturaSlider .PinturaSliderKnobController,[dir=ltr] .PinturaSlider .PinturaSliderTrack,[dir=rtl] .PinturaSlider .PinturaSliderKnobController,[dir=rtl] .PinturaSlider .PinturaSliderTrack{left:.5em;right:.5em}.PinturaSlider .PinturaSliderKnobController{visibility:hidden}[dir] .PinturaSlider .PinturaSliderTrack{border-radius:9999em}.PinturaSlider input[type=range]{-webkit-appearance:none;height:1.5em;display:block;width:calc(100% - 1em)}[dir=ltr] .PinturaSlider input[type=range]{margin-left:.5em}[dir=rtl] .PinturaSlider input[type=range]{margin-right:.5em}[dir] .PinturaSlider input[type=range]::-webkit-slider-runnable-track{background:transparent}.PinturaSlider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;line-height:0}[dir] .PinturaSlider input[type=range]::-webkit-slider-thumb{margin:0;padding:0;border:none}.PinturaSlider input[type=range]::-moz-range-thumb{line-height:0}[dir] .PinturaSlider input[type=range]::-moz-range-thumb{margin:0;padding:0;border:none}.PinturaSlider input[type=range]::-ms-thumb{line-height:0}[dir] .PinturaSlider input[type=range]::-ms-thumb{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}[dir] .PinturaSlider input[type=range]::-ms-track{border:none;background:transparent}[dir] .PinturaSlider input[type=range]::-ms-fill-lower,[dir] .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;top:-.3125em;bottom:-.3125em;content:"";pointer-events:none}[dir] .PinturaSlider input[type=range][data-focus-visible]~.PinturaSliderKnobController .PinturaSliderKnob:after{border-radius:inherit;background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}[dir=ltr] .PinturaSlider input[type=range][data-focus-visible]~.PinturaSliderKnobController .PinturaSliderKnob:after,[dir=rtl] .PinturaSlider input[type=range][data-focus-visible]~.PinturaSliderKnobController .PinturaSliderKnob:after{left:-.3125em;right:-.3125em}.PinturaImageInfo{pointer-events:none}.PinturaImageInfo p{width:8em;height:1.25em;contain:strict;overflow:hidden;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";font-family:Tahoma,Geneva,Verdana,sans-serif;line-height:1;font-size:.75em}[dir=ltr] .PinturaImageInfo p{text-align:right}[dir=rtl] .PinturaImageInfo p{text-align:left}.PinturaToolbar{display:flex;justify-content:center}[dir] .PinturaToolbar{padding-top:1em}[dir=ltr] .PinturaToolbar,[dir=rtl] .PinturaToolbar{margin-left:1em;margin-right:1em}.PinturaToolbar .PinturaToolbarInner{display:inline-flex}.PinturaToolbar[data-layout=compact] .PinturaToolbarContentWide,.PinturaToolbar[data-overflow=overflow] .PinturaToolbarContentOptional{display:none}.PinturaToolbar .PinturaButton{outline:transparent;transition:background-color .1s ease-out,color .1s ease-out,box-shadow .1s ease-out;line-height:1.1}[dir] .PinturaToolbar .PinturaButton{border-radius:var(--border-radius-round);padding:.3125em .75em}[dir] .PinturaToolbar .PinturaButton:hover{box-shadow:inset 0 0 0 1px var(--color-foreground-5)}[dir] .PinturaToolbar .PinturaButton[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaToolbar .PinturaButton .PinturaButtonIcon{width:1em}.PinturaToolbar .PinturaButtonLabel{font-size:.75em}.PinturaToolbar .PinturaDetailsPanel{z-index:3}[dir] .PinturaToolbar .PinturaToolbarInner>*{margin:0 .5em}.PinturaRectManipulator{--size:1.25em;position:absolute;top:0;outline:none;touch-action:none}[dir=ltr] .PinturaRectManipulator{left:0}[dir=rtl] .PinturaRectManipulator{right:0}.PinturaRectManipulator:not([data-shape=edge]){width:var(--size);height:var(--size);z-index:2}.PinturaRectManipulator:not([data-shape=edge]):after{position:absolute;top:-.5em;bottom:-.5em;content:""}[dir] .PinturaRectManipulator:not([data-shape=edge]):after{border-radius:inherit}[dir=ltr] .PinturaRectManipulator:not([data-shape=edge]):after,[dir=rtl] .PinturaRectManipulator:not([data-shape=edge]):after{left:-.5em;right:-.5em}[dir] .PinturaRectManipulator:not([data-shape=edge])[data-focus-visible]:after{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaRectManipulator[data-shape~=circle]{line-height:var(--size)}[dir] .PinturaRectManipulator[data-shape~=circle]{margin-top:calc(var(--size)*-0.5);border-radius:50%;background-color:var(--color-foreground-100);box-shadow:0 0 2px var(--color-background-50)}[dir=ltr] .PinturaRectManipulator[data-shape~=circle]{margin-left:calc(var(--size)*-0.5)}[dir=rtl] .PinturaRectManipulator[data-shape~=circle]{margin-right:calc(var(--size)*-0.5)}[dir] .PinturaRectManipulator[data-shape=hook]{border:3px solid var(--color-foreground-100)}[dir] .PinturaRectManipulator[data-shape=hook][data-direction*=t]{margin-top:-3px;border-bottom:0}[dir=ltr] .PinturaRectManipulator[data-shape=hook][data-direction*=r]{border-left:0;margin-left:calc(var(--size)*-1)}[dir=rtl] .PinturaRectManipulator[data-shape=hook][data-direction*=r]{border-right:0;margin-right:calc(var(--size)*-1)}[dir] .PinturaRectManipulator[data-shape=hook][data-direction*=b]{margin-top:calc(var(--size)*-1);border-top:0}[dir=ltr] .PinturaRectManipulator[data-shape=hook][data-direction*=l]{border-right:0;margin-left:-3px}[dir=rtl] .PinturaRectManipulator[data-shape=hook][data-direction*=l]{border-left:0;margin-right:-3px}.PinturaRectManipulator[data-shape~=edge]{height:1px;width:1px;z-index:1}[dir] .PinturaRectManipulator[data-shape~=edge][data-focus-visible]{background-color:var(--color-focus-50)}.PinturaRectManipulator[data-direction=b],.PinturaRectManipulator[data-direction=t]{height:var(--size)}[dir] .PinturaRectManipulator[data-direction=b],[dir] .PinturaRectManipulator[data-direction=t]{cursor:ns-resize;margin-top:calc(var(--size)*-0.5)}[dir=ltr] .PinturaRectManipulator[data-direction=b],[dir=ltr] .PinturaRectManipulator[data-direction=t]{transform-origin:0 center}[dir=rtl] .PinturaRectManipulator[data-direction=b],[dir=rtl] .PinturaRectManipulator[data-direction=t]{transform-origin:100% center}.PinturaRectManipulator[data-direction=l],.PinturaRectManipulator[data-direction=r]{width:var(--size)}[dir] .PinturaRectManipulator[data-direction=l],[dir] .PinturaRectManipulator[data-direction=r]{cursor:ew-resize}[dir=ltr] .PinturaRectManipulator[data-direction=l],[dir=ltr] .PinturaRectManipulator[data-direction=r]{margin-left:calc(var(--size)*-0.5);transform-origin:center 0}[dir=rtl] .PinturaRectManipulator[data-direction=l],[dir=rtl] .PinturaRectManipulator[data-direction=r]{margin-right:calc(var(--size)*-0.5);transform-origin:center 100%}[dir=ltr] .PinturaRectManipulator[data-direction=bl],[dir=ltr] .PinturaRectManipulator[data-direction=tr]{cursor:nesw-resize}[dir=ltr] .PinturaRectManipulator[data-direction=br],[dir=ltr] .PinturaRectManipulator[data-direction=tl],[dir=rtl] .PinturaRectManipulator[data-direction=bl],[dir=rtl] .PinturaRectManipulator[data-direction=tr]{cursor:nwse-resize}[dir=rtl] .PinturaRectManipulator[data-direction=br],[dir=rtl] .PinturaRectManipulator[data-direction=tl]{cursor:nesw-resize}[dir] .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{top:-1em;bottom:-1em}[dir=ltr] .PinturaRoot[data-env~=pointer-coarse] .PinturaRectManipulator:not([data-shape=edge]):after,[dir=rtl] .PinturaRoot[data-env~=pointer-coarse] .PinturaRectManipulator:not([data-shape=edge]):after{left:-1em;right:-1em}[dir] .PinturaRoot[data-env~=pointer-coarse] .PinturaRectManipulator:not([data-shape=edge]):active:after{background-color:var(--color-foreground-5)}.PinturaProgressIndicator{position:relative;display:block;width:1.25em;height:1.25em}.PinturaProgressIndicator .PinturaProgressIndicatorFill{stroke-dashoffset:0}[dir=ltr] .PinturaProgressIndicator[data-status=busy] svg{-webkit-animation:image_editor_spin-ltr 1s linear infinite;animation:image_editor_spin-ltr 1s linear infinite}[dir=rtl] .PinturaProgressIndicator[data-status=busy] svg{-webkit-animation:image_editor_spin-rtl 1s linear infinite;animation:image_editor_spin-rtl 1s linear infinite}.PinturaProgressIndicator[data-status=busy] .PinturaProgressIndicatorFill{stroke-dashoffset:-26.5;stroke-dasharray:26.5 53;transition:stroke-dashoffset .5s linear,stroke-dasharray .5s linear}@-webkit-keyframes image_editor_spin-ltr{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes image_editor_spin-rtl{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}@keyframes image_editor_spin-ltr{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes image_editor_spin-rtl{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}@media only screen and (-webkit-min-device-pixel-ratio:3){[dir=ltr] .PinturaRoot[data-env~=is-ios] .PinturaProgressIndicator svg{transform-origin:49% 49%}[dir=rtl] .PinturaRoot[data-env~=is-ios] .PinturaProgressIndicator svg{transform-origin:51% 49%}}.PinturaShapePresetsPalette{width:calc(100% - 2em)}[dir] .PinturaShapePresetsPalette{text-align:center}.PinturaShapePresetsPalette .PinturaShapePresetSelect{vertical-align:top;display:inline-block}.PinturaShapePresetsPalette .PinturaScrollable:not([data-state~=overflows]){display:flex;justify-content:center}[dir=ltr] .PinturaShapePresetsPalette .PinturaButton+.PinturaButton{margin-left:.5em}[dir=rtl] .PinturaShapePresetsPalette .PinturaButton+.PinturaButton{margin-right:.5em}.PinturaShapePresetsPalette .PinturaButton{flex-direction:row;line-height:1.1;transition:background-color .1s ease-out,color .1s ease-out,box-shadow .1s ease-out;outline:none}[dir] .PinturaShapePresetsPalette .PinturaButton{padding:.3125em .75em;border-radius:var(--border-radius-round);box-shadow:inset 0 0 0 1px var(--color-foreground-5);cursor:var(--button-cursor)}.PinturaShapePresetsPalette .PinturaButton .PinturaButtonIcon{width:1em}.PinturaShapePresetsPalette .PinturaButton .PinturaButtonLabel{font-size:.75em}[dir] .PinturaShapePresetsPalette .PinturaButton:hover{box-shadow:inset 0 0 0 1px var(--color-foreground-10)}[dir] .PinturaShapePresetsPalette .PinturaButton[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}[dir=ltr] .PinturaShapePresetsPalette .PinturaShapePresetsFlat>*+*,[dir=ltr] .PinturaShapePresetsPalette .PinturaShapePresetsGroups>*+*{margin-left:.5em}[dir=rtl] .PinturaShapePresetsPalette .PinturaShapePresetsFlat>*+*,[dir=rtl] .PinturaShapePresetsPalette .PinturaShapePresetsGroups>*+*{margin-right:.5em}.PinturaShapePresetsGroups{display:flex;order:2}[dir] .PinturaShapePresetsGroups{margin-bottom:-.1875em}.PinturaShapePresetsGrouped{display:flex;flex-direction:column;align-items:center}.PinturaShapePresetsFlat{display:flex;align-items:center;justify-content:center}.PinturaShapeStyleEditor{position:relative;width:100%;min-height:2.75em}.PinturaShapeStyles{position:absolute;top:0}[dir=ltr] .PinturaShapeStyles,[dir=rtl] .PinturaShapeStyles{left:0;right:0}.PinturaShapeStyles:not([data-state~=overflows]){display:flex;justify-content:center}.PinturaShapeStyleList{display:flex}.PinturaShapeStyleList .PinturaButton,.PinturaShapeStyleList .PinturaInput{outline:transparent}.PinturaShapeStyleList .PinturaInput{font-size:.75em;line-height:2.25}[dir=ltr] .PinturaShapeStyleList .PinturaInput{padding:0 0 0 .625em}[dir=rtl] .PinturaShapeStyleList .PinturaInput{padding:0 .625em 0 0}.PinturaShapeStyleList .PinturaShapeStyleLabel{line-height:1.75;font-size:.625em;font-weight:300;text-transform:lowercase;pointer-events:none;color:var(--color-foreground-50);white-space:nowrap}[dir] .PinturaShapeStyleList .PinturaShapeStyleLabel{padding:0 .75em;text-align:center}[dir] .PinturaShapeStyleList>.PinturaShapeStyle{border-radius:var(--border-radius-round)}[dir=ltr] .PinturaShapeStyleList>.PinturaShapeStyle+.PinturaShapeStyle{margin-left:1em}[dir=rtl] .PinturaShapeStyleList>.PinturaShapeStyle+.PinturaShapeStyle{margin-right:1em}.PinturaShapeStyle{display:flex;flex-direction:column;align-items:stretch}[dir] .PinturaShapeStyle .PinturaDetailsButton{border-radius:inherit}.PinturaShapeStyle>.PinturaButton:hover,.PinturaShapeStyle>.PinturaButton[data-focus-visible]{position:relative;z-index:1}.PinturaShapeStyle>.PinturaColorPickerButton .PinturaButtonLabel{display:block}[dir] .PinturaShapeStyle>.PinturaColorPickerButton .PinturaButtonLabel{border-radius:inherit}.PinturaShapeStyle>.PinturaColorPickerButton{display:flex;justify-content:center}.PinturaShapeStyle .PinturaColorPreview{width:1.5em;height:1.5em}[dir] .PinturaShapeStyle .PinturaColorPreview{border-radius:inherit;background-color:#fff;background-size:4px;border:1px solid var(--color-background-100);margin-top:-1px}[dir] .PinturaShapeStyle .PinturaColorPreview span{border-radius:inherit}.PinturaShapeStyle [data-focus-visible] .PinturaColorPreview span:before{position:absolute;top:0;bottom:0;content:"";z-index:1}[dir] .PinturaShapeStyle [data-focus-visible] .PinturaColorPreview span:before{border-radius:inherit;background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}[dir=ltr] .PinturaShapeStyle [data-focus-visible] .PinturaColorPreview span:before,[dir=rtl] .PinturaShapeStyle [data-focus-visible] .PinturaColorPreview span:before{left:0;right:0}.PinturaShapeStyle>.PinturaColorPickerButtonStroke .PinturaColorPreview span:after{position:absolute;top:6px;bottom:6px;content:""}[dir] .PinturaShapeStyle>.PinturaColorPickerButtonStroke .PinturaColorPreview span:after{background:var(--color-background-100);border-radius:inherit}[dir=ltr] .PinturaShapeStyle>.PinturaColorPickerButtonStroke .PinturaColorPreview span:after,[dir=rtl] .PinturaShapeStyle>.PinturaColorPickerButtonStroke .PinturaColorPreview span:after{left:6px;right:6px}.PinturaShapeStyle>.PinturaDropdownButton .PinturaButtonLabel,.PinturaShapeStyle>.PinturaRadioGroup .PinturaButtonLabel,.PinturaShapeStyle>.PinturaRadioGroupOption label{display:block;line-height:2.25;font-size:.6875em}[dir] .PinturaShapeStyle>.PinturaDropdownButton .PinturaButtonLabel,[dir] .PinturaShapeStyle>.PinturaRadioGroup .PinturaButtonLabel,[dir] .PinturaShapeStyle>.PinturaRadioGroupOption label{padding:0 1em}[dir] .PinturaShapeStyle>.PinturaButton:not(.PinturaColorPickerButton)[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaShapeStyle>.PinturaDropdownButton{transition:background-color .1s}[dir] .PinturaShapeStyle>.PinturaDropdownButton{box-shadow:inset 0 0 0 1px var(--color-foreground-5)}[dir] .PinturaShapeStyle>.PinturaDropdownButton:hover{background-color:var(--color-foreground-10)}.PinturaShapeStyle>.PinturaDropdownButton .PinturaButtonLabel:after{content:"▼";font-size:.6875em;position:relative;top:-.125em;pointer-events:none}[dir=ltr] .PinturaShapeStyle>.PinturaDropdownButton .PinturaButtonLabel:after{margin-left:.75em;margin-right:-.25em}[dir=rtl] .PinturaShapeStyle>.PinturaDropdownButton .PinturaButtonLabel:after{margin-right:.75em;margin-left:-.25em}.PinturaShapeStyle>.PinturaRadioGroup>.PinturaRadioGroupOptions{flex-direction:row}.PinturaShapeStyle>.PinturaRadioGroup>.PinturaRadioGroupOptions label{display:flex;height:1.5em;align-items:center;transition:background-color .1s}[dir] .PinturaShapeStyle>.PinturaRadioGroup>.PinturaRadioGroupOptions label{cursor:var(--button-cursor);padding:0 .25em;box-shadow:inset 0 0 0 1px var(--color-foreground-5)}[dir] .PinturaShapeStyle>.PinturaRadioGroup>.PinturaRadioGroupOptions label:hover{background-color:var(--color-foreground-20)}.PinturaShapeStyle>.PinturaRadioGroup>.PinturaRadioGroupOptions svg{width:1.125em;height:1.125em}[dir=ltr] .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)}[dir=ltr] .PinturaShapeStyle>.PinturaRadioGroup>.PinturaRadioGroupOptions .PinturaRadioGroupOption:last-of-type label,[dir=rtl] .PinturaShapeStyle>.PinturaRadioGroup>.PinturaRadioGroupOptions .PinturaRadioGroupOption:first-of-type label{padding-right:.5em;border-top-right-radius:var(--border-radius-round);border-bottom-right-radius:var(--border-radius-round)}[dir=rtl] .PinturaShapeStyle>.PinturaRadioGroup>.PinturaRadioGroupOptions .PinturaRadioGroupOption:last-of-type label{padding-left:.5em;border-top-left-radius:var(--border-radius-round);border-bottom-left-radius:var(--border-radius-round)}[dir] .PinturaShapeStyle>.PinturaRadioGroup>.PinturaRadioGroupOptions [data-selected=true] label{background-color:var(--color-foreground-10)}.PinturaShapeList{pointer-events:none;opacity:0;transition:opacity .1s ease-in-out;position:absolute;top:1em;width:-webkit-max-content;width:-moz-max-content;width:max-content;z-index:1;color:var(--color-foreground-100)}[dir] .PinturaShapeList{border-radius:var(--border-radius);background:var(--color-background-70);box-shadow:0 0 0 1px var(--color-foreground-5)}[dir=ltr] .PinturaShapeList{left:1em}[dir=rtl] .PinturaShapeList{right:1em}[dir] .PinturaShapeList li+li{margin-top:-.3125em}.PinturaShapeList[data-visible=true]{opacity:1}.PinturaShapeList .PinturaColorPreview{width:.75em;height:.75em}[dir] .PinturaShapeList .PinturaColorPreview{border-radius:.25em}[dir=ltr] .PinturaShapeList .PinturaColorPreview{margin-right:.25em}[dir=rtl] .PinturaShapeList .PinturaColorPreview{margin-left:.25em}.PinturaShapeList .PinturaShapeListItem{display:flex;align-items:center;outline:none}[dir] .PinturaShapeList .PinturaShapeListItem{padding:.25em .5em}.PinturaShapeList .PinturaShapeListItem>span{font-size:.75em;line-height:1.75}[dir] .PinturaShapeList .PinturaShapeListItem>span{padding:0 .325em}[dir=ltr] .PinturaShapeList .PinturaShapeListItem>span{margin-left:-.325em}[dir=rtl] .PinturaShapeList .PinturaShapeListItem>span{margin-right:-.325em}[dir] .PinturaShapeList .PinturaShapeListItem[data-focus-visible]>span{background-color:var(--color-focus-50);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;touch-action:none}.PinturaShapeControls{position:absolute!important;top:0;z-index:3;pointer-events:none;display:flex;align-items:center}[dir=ltr] .PinturaShapeControls{left:0}[dir=rtl] .PinturaShapeControls{right:0}.PinturaShapeControlsGroup{color:#eee;display:inline-flex;pointer-events:all;min-height:1.75em}[dir] .PinturaShapeControlsGroup{background:#333;box-shadow:0 .125em .25em rgba(0,0,0,.25);border-radius:.25em}[dir=ltr] .PinturaShapeControlsGroup+.PinturaShapeControlsGroup{margin-left:.5em}[dir=rtl] .PinturaShapeControlsGroup+.PinturaShapeControlsGroup{margin-right:.5em}.PinturaShapeControlsGroup .PinturaButton{outline:transparent}[dir] .PinturaShapeControlsGroup .PinturaButton[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaShapeControlsGroup>.PinturaButton{display:block;font-weight:700;transition:background-color .1s;outline:transparent}[dir] .PinturaShapeControlsGroup>.PinturaButton:hover{background-color:hsla(0,0%,100%,.15)}.PinturaShapeControlsGroup>.PinturaButton .PinturaButtonLabel{display:block;font-size:.6875em;line-height:1.7em}[dir] .PinturaShapeControlsGroup>.PinturaButton .PinturaButtonLabel{padding:0 .75em}.PinturaShapeControlsGroup .PinturaButtonIconOnly{width:1.75em;transition:background-color .1s}[dir] .PinturaShapeControlsGroup .PinturaButtonIconOnly:hover{background-color:hsla(0,0%,100%,.15)}[dir=ltr] .PinturaShapeControlsGroup>button:first-of-type{border-radius:.25em 0 0 .25em}[dir=ltr] .PinturaShapeControlsGroup>button:last-of-type,[dir=rtl] .PinturaShapeControlsGroup>button:first-of-type{border-radius:0 .25em .25em 0}[dir=rtl] .PinturaShapeControlsGroup>button:last-of-type{border-radius:.25em 0 0 .25em}[dir] .PinturaShapeControlsGroup>button:only-of-type{border-radius:.25em}[dir=ltr] .PinturaShapeControlsGroup>*+*{border-left:1px solid rgba(0,0,0,.5)}[dir=rtl] .PinturaShapeControlsGroup>*+*{border-right:1px solid rgba(0,0,0,.5)}.PinturaShapeControlsGroup svg{pointer-events:none}.PinturaShapePresetsList{display:flex;align-items:center}.PinturaShapePresetsList text{font-family:monospace}.PinturaShapePresetsList .PinturaShapePreset{display:flex;justify-content:center;align-items:center}.PinturaShapePresetsList .PinturaShapePreset img,.PinturaShapePresetsList .PinturaShapePreset svg{display:block;width:1.75em;height:1.75em;-o-object-fit:cover;object-fit:cover}[dir] .PinturaShapePresetsList .PinturaShapePreset img,[dir] .PinturaShapePresetsList .PinturaShapePreset svg{border-radius:.3125em}[dir] .PinturaShapePresetsList .PinturaShapePreset .PinturaDragButton{padding:.3125em;border-radius:var(--border-radius);box-shadow:inset 0 0 0 1px var(--color-foreground-5)}[dir] .PinturaShapePresetsList .PinturaShapePreset .PinturaDragButton:hover{background-color:var(--color-foreground-10)}[dir=ltr] .PinturaShapePresetsList .PinturaShapePreset+.PinturaShapePreset{margin-left:.5em}[dir=rtl] .PinturaShapePresetsList .PinturaShapePreset+.PinturaShapePreset{margin-right:.5em}.PinturaInputForm{opacity:0;z-index:2147483647}[dir] .PinturaInputForm{cursor:auto}.PinturaInputForm:not([data-layout=stick]){position:absolute;bottom:6.5em;width:30em}[dir] .PinturaInputForm:not([data-layout=stick]){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)}[dir=ltr] .PinturaInputForm:not([data-layout=stick]){left:calc(50% - 15em)}[dir=rtl] .PinturaInputForm:not([data-layout=stick]){right:calc(50% - 15em)}@media(max-width:34em){.PinturaInputForm:not([data-layout=stick]){width:auto}[dir=ltr] .PinturaInputForm:not([data-layout=stick]),[dir=rtl] .PinturaInputForm:not([data-layout=stick]){left:2em;right:2em}}.PinturaInputForm[data-layout=stick]{transition:opacity .15s ease .25s;position:absolute;outline:1px solid var(--color-foreground-15)}[dir] .PinturaInputForm[data-layout=stick]{background-color:var(--color-background-100)}[dir=ltr] .PinturaInputForm[data-layout=stick],[dir=rtl] .PinturaInputForm[data-layout=stick]{left:0;right:0}[dir] .PinturaInputForm[data-layout=stick]>.PinturaInputFormInner{background-color:var(--color-foreground-3)}.PinturaInputFormInner>.PinturaButton{color:var(--color-foreground-100)}[dir] .PinturaInputFormInner>.PinturaButton{border-radius:9999em;box-shadow:inset 0 0 0 1px var(--color-foreground-5)}[dir=ltr] .PinturaInputFormInner>.PinturaButton:first-of-type{left:1em}[dir=rtl] .PinturaInputFormInner>.PinturaButton:first-of-type{right:1em}.PinturaInputFormInner>.PinturaButton:last-of-type{color:var(--color-primary-text)}[dir] .PinturaInputFormInner>.PinturaButton:last-of-type{background:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-foreground-10)}[dir=ltr] .PinturaInputFormInner>.PinturaButton:last-of-type{right:1rem}[dir=rtl] .PinturaInputFormInner>.PinturaButton:last-of-type{left:1rem}[dir=ltr] .PinturaInputFormInner>.PinturaButton:not(.PinturaButtonIconOnly) .PinturaButtonInner{padding:0 .875em 0 .625em}[dir=rtl] .PinturaInputFormInner>.PinturaButton:not(.PinturaButtonIconOnly) .PinturaButtonInner{padding:0 .625em 0 .875em}.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:flex;justify-content:center}[dir] .PinturaInputFormInner{padding-top:1em;padding-bottom:3.5em}.PinturaInputFormInner>.PinturaButton{position:absolute;bottom:1em}.PinturaInputFormFields textarea:only-child{width:100%;height:5em;display:block;-webkit-mask:linear-gradient(0deg,transparent,#000 1em);mask:linear-gradient(0deg,transparent,#000 1em)}[dir] .PinturaInputFormFields textarea:only-child{padding:0 1em .5em;background:transparent}.PinturaInputFormFields textarea:only-child::-webkit-scrollbar{width:1em}[dir] .PinturaInputFormFields textarea:only-child::-webkit-scrollbar{cursor:pointer}[dir] .PinturaInputFormFields textarea:only-child::-webkit-scrollbar-track{background:none}[dir] .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{box-sizing:border-box;resize:none;font-size:1rem;outline:transparent;color:var(--color-foreground-100)}[dir] .PinturaInputForm input,[dir] .PinturaInputForm textarea{border:none}[dir] .PinturaInputForm input{background-color:var(--color-background-100)}.PinturaShapeManipulator{position:absolute;top:0;outline:none;touch-action:none;--size:0.75em}[dir=ltr] .PinturaShapeManipulator{left:0}[dir=rtl] .PinturaShapeManipulator{right:0}.PinturaShapeManipulator:not([data-control=edge]){line-height:var(--size);width:var(--size);height:var(--size)}[dir] .PinturaShapeManipulator:not([data-control=edge]){margin-top:calc(var(--size)*-0.5);border-radius:9999em}[dir=ltr] .PinturaShapeManipulator:not([data-control=edge]){margin-left:calc(var(--size)*-0.5)}[dir=rtl] .PinturaShapeManipulator:not([data-control=edge]){margin-right:calc(var(--size)*-0.5)}.PinturaShapeManipulator:not([data-control=edge]):after{position:absolute;top:-.5em;bottom:-.5em;content:""}[dir=ltr] .PinturaShapeManipulator:not([data-control=edge]):after,[dir=rtl] .PinturaShapeManipulator:not([data-control=edge]):after{left:-.5em;right:-.5em}[dir] .PinturaShapeManipulator:not([data-control=edge])[data-focus-visible]:after{border-radius:inherit;background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaShapeManipulator[data-control=point]{z-index:3}[dir] .PinturaShapeManipulator[data-control=point]{box-shadow:0 0 0 2px #fff,0 0 4px #000}[dir=ltr] .PinturaShapeManipulator[data-control=point]{background:linear-gradient(90deg,var(--color-secondary-dark),var(--color-secondary))}[dir=rtl] .PinturaShapeManipulator[data-control=point]{background:linear-gradient(-90deg,var(--color-secondary-dark),var(--color-secondary))}.PinturaShapeManipulator[data-control=edge]{height:var(--size);width:1px;z-index:1}[dir] .PinturaShapeManipulator[data-control=edge]{margin-top:calc(var(--size)*-0.5)}[dir=ltr] .PinturaShapeManipulator[data-control=edge]{transform-origin:0 calc(var(--size)*0.5)}[dir=rtl] .PinturaShapeManipulator[data-control=edge]{transform-origin:100% calc(var(--size)*0.5)}[dir] .PinturaShapeManipulator[data-control=edge][data-focus-visible]{background-color:var(--color-focus-50)}.PinturaShapeManipulator[data-control=rotate]{z-index:2}[dir] .PinturaShapeManipulator[data-control=rotate]{border-radius:9999em;box-shadow:0 0 0 2px var(--color-secondary-dark),0 0 4px #000;cursor:move}[dir=ltr] .PinturaShapeManipulator[data-control=rotate]{background:linear-gradient(90deg,#fff,#ddd)}[dir=rtl] .PinturaShapeManipulator[data-control=rotate]{background:linear-gradient(-90deg,#fff,#ddd)}.PinturaDragButton{outline:transparent}[dir] .PinturaDragButton{cursor:var(--button-cursor)}.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);transition:filter .2s ease-out}.PinturaDragButton[disabled]{filter:var(--filter-disabled)}.pintura-editor[data-v-a2982da2]{--color-foreground:0,0,0}