/*!********************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!../node_modules/postcss-loader/dist/cjs.js!../node_modules/@pqina/pintura/pintura.css ***!
  \********************************************************************************************************************************************************************/
/*!
* Pintura v8.96.1 
* (c) 2018-2026 Pintura Labs B.V. - All Rights Reserved
* License: https://pqina.nl/pintura/license/
*/
/* eslint-disable */
.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%;z-index:2147483646;height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:rgba(var(--color-background),.95)}
@supports (height:100dvh){.PinturaModal{height:100dvh}}
.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}
@media(min-width:600px) and (min-height:600px){.PinturaModal+.PinturaModal .PinturaRoot{--editor-max-width-default:calc(100vw - 8em);--editor-max-height-default:calc(100vh - 8em)}}
.PinturaDocumentStyles{scrollbar-gutter:auto}
.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}
.PinturaUtilPanel[data-util=redact] .PinturaUtilFooter{padding:0}
.PinturaUtilPanel[data-util=redact] .PinturaUtilFooter>div{height:1px}
.PinturaUtilPanel[data-util=retouch] .PinturaControlListScroller+.PinturaControlListScroller{margin-top:1em}
.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;--pattern-transparent: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");--grid-color-even:rgba(var(--color-foreground),0.1);--grid-color-odd:rgba(var(--color-background),0.1);--grid-size:24}
.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:100vh;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[data-env~=is-transparent]{background:none}
.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:100%;height:100%;padding-top:var(--editor-calculated-inset-top);padding-bottom:var(--editor-calculated-inset-bottom);max-width:none;max-height: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,dir 1ms;transition:background-color 1ms,outline-color 1ms,color var(--transition-duration-10) ease-in-out,dir 1ms}
.PinturaRoot[dir=rtl] button{direction:rtl}
.PinturaRoot .PinturaUtilMain{cursor:var(--cursor)}
.PinturaRoot *{-webkit-box-sizing:content-box;box-sizing:content-box;word-wrap:normal}
.PinturaRoot div:empty{display:block}
.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;max-width:none}
.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);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{-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";font-variant:tabular-nums}
.PinturaRoot .PinturaStage{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-item-align:stretch;align-self:stretch;-webkit-box-flex:1;-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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;background-color:var(--color-background-90)}
.PinturaRoot>.PinturaStatus>p{position:absolute;top:50%;left:50%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;white-space:nowrap;-webkit-box-align:center;-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;backdrop-filter:var(--backdrop-filter-dark)}
.PinturaRoot .PinturaStatusAside .PinturaButton .PinturaButtonInner{pointer-events:none}
.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{-webkit-box-pack:center;-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] .PinturaButtonLabel,.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:#383838}
.PinturaRoot .PinturaButtonExport:hover{background-color:var(--color-primary-dark)}
.PinturaRoot .PinturaButtonExport[data-focus-visible]{color:var(--color-primary-text);background-color:#383838;-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){-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 .75em}
.PinturaRoot>.PinturaNavMain{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden}
.PinturaRoot>.PinturaNavMain [aria-selected=true]{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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack: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:not(.PinturaNavGroupFloat){margin-right:auto;margin-left:0}
.PinturaRoot .PinturaNavGroup:last-of-type:not(.PinturaNavGroupFloat){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);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{pointer-events:none}
.PinturaRoot .PinturaNavGroupFloat>*{pointer-events:all}
.PinturaRoot .PinturaNavGroupFloat:not(:only-child){position:absolute;left:0;right:0}
.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{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-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{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.PinturaRoot[data-env~=landscape]>.PinturaNavMain .PinturaTabList button{display:-webkit-box;display:-ms-flexbox;display:flex}
.PinturaRoot[data-env~=landscape]>.PinturaNavMain .PinturaTabList button+button{margin:.5em 0 0}
.PinturaRoot[data-env~=landscape]>.PinturaNavMain button{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:4em;min-height:4em;border-radius:var(--border-radius);-webkit-box-pack:center;-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{-webkit-box-align:start;-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;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.PinturaRoot[data-env~=portrait]>.PinturaNavMain .PinturaTabList{padding:0 .875em}
.PinturaRoot[data-env~=portrait]>.PinturaNavMain button+button{margin-left:.5em}
.PinturaRoot[data-env~=portrait]>.PinturaNavMain[data-state~=overflows]{overflow:visible}
.PinturaRoot[data-env~=portrait]>.PinturaNavMain button{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:4em;min-height:4em;border-radius:var(--border-radius);-webkit-box-pack:center;-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{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;width:auto;height:auto;min-height:auto;border-radius:var(--border-radius);-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-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~=landscape][data-env~=is-compact][dir=rtl]>.PinturaNavMain button{padding-left:.625em}
.PinturaRoot[data-env~=landscape][data-env~=is-compact][dir=rtl]>.PinturaNavMain svg{margin-left:0}
.PinturaRoot[data-env~=narrow] .PinturaNavGroupFloat{position:static;margin:0}
.PinturaRoot[data-env~=portrait][data-env~=is-compact]>.PinturaNavMain button{padding:0;font-size:.625em;min-width:4em;min-height:4em;-webkit-box-pack:center;-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}}}
.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:#383838;color:#383838}
.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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-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 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)}
.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;cursor:var(--button-cursor)}
.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption div[slot]{overflow:hidden;left:-1px;top:-1px;bottom:-1px;right:-1px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack: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}
.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=frame] [data-layout=row]>.PinturaRadioGroupOptions>li{margin:0 .25em}
.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=frame] [data-layout=row]>.PinturaRadioGroupOptions>li:first-child{margin-left:0}
.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=frame] [data-layout=row]>.PinturaRadioGroupOptions>li:last-child{margin-right:0}
.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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-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:#383838}
.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)*-0.5);margin-left:calc(var(--size)*-0.5);overflow:hidden;border-radius:50%;color:#000;background:hsla(0,0%,100%,.8);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}
.PinturaImageInfo,.PinturaRoot[data-env~=overlay] .PinturaUtilPanel[data-util=crop] .PinturaUtilFooter,.PinturaRoot[data-env~=overlay] .PinturaUtilPanel[data-util=crop] .PinturaUtilFooter>[slot]:empty{pointer-events:none}
.PinturaImageInfo p{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}
.PinturaImageInfo:not([data-custom]) p{width:8em;height:1.25em;white-space:nowrap;contain:strict;overflow:hidden}
.PinturaUtilPanel[data-util=fill] [data-layout=row]>.PinturaRadioGroupOptions>li{margin:0 .25em}
.PinturaUtilPanel[data-util=fill] [data-layout=row]>.PinturaRadioGroupOptions>li:first-child{margin-left:0}
.PinturaUtilPanel[data-util=fill] [data-layout=row]>.PinturaRadioGroupOptions>li:last-child{margin-right:0}
.PinturaUtilPanel[data-util=fill] .PinturaRadioGroupOption{position:relative;width:3em;height:4em}
.PinturaUtilPanel[data-util=fill] .PinturaFillTile{position:absolute;width:100%;height:100%}
.PinturaUtilPanel[data-util=fill] .PinturaFillTile[data-transparent=true]{background-color:#fff;background-image:var(--pattern-transparent);border-radius:calc(var(--border-radius) + 1px)}
.PinturaUtilPanel[data-util=fill] .PinturaFillTile div,.PinturaUtilPanel[data-util=fill] .PinturaFillTile img{cursor:var(--button-cursor);position:absolute;left:0;top:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:var(--border-radius)}
.PinturaUtilPanel[data-util=fill] .PinturaFillTile:after{content:"";z-index:3;position:absolute;left:0;top:0;width:100%;height:100%;-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);pointer-events:none}
.PinturaUtilPanel[data-util=fill] .PinturaRadioGroupOption[data-selected=true] .PinturaFillTile:after{-webkit-box-shadow:inset 0 0 0 1px var(--color-foreground-5),inset 0 0 0 4px #383838,inset 0 0 0 5px var(--color-foreground-5);box-shadow:inset 0 0 0 1px var(--color-foreground-5),inset 0 0 0 4px #383838,inset 0 0 0 5px var(--color-foreground-5)}
.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=fill] .PinturaUtilFooter>div{padding:0}
.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=fill] .PinturaRadioGroupOption{width:2.25em;height:3em}
.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=fill] .PinturaRadioGroupOption span{font-size:.5em}
.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=fill] [data-layout=row]>.PinturaRadioGroupOptions>li{margin:0 .175em}
.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=fill] [data-layout=row]>.PinturaRadioGroupOptions>li:first-child{margin-left:0}
.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=fill] [data-layout=row]>.PinturaRadioGroupOptions>li:last-child{margin-right:0}
.PinturaUtilPanel[data-util=resize] form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0 1em}
.PinturaUtilPanel[data-util=resize] .PinturaFormInner{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align: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:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.PinturaUtilPanel[data-util=resize] .PinturaFieldsetInner>*{margin:.25em}
.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;-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";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;margin:0 -.25em;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:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-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;-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";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:-moz-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}
.PinturaRoot[dir=rtl] .PinturaInputDimension label{left:.625em;right:auto}
.PinturaRoot[dir=rtl] .PinturaInputDimension input{padding-right:.625em;padding-left:0;text-align:right}
.PinturaTabList{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.PinturaTabList button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-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)}
.PinturaTabPanels{-webkit-box-flex:1;-ms-flex:1;flex:1;display:grid;grid-template-columns:1fr}
.PinturaTabPanel{position:relative;grid-row-start:1;grid-column-start:1;min-width:0}
.PinturaTabPanel:not([aria-hidden=true]){z-index:2;outline:transparent}
.PinturaTabPanel[aria-hidden=true]{display:block!important}
.PinturaTabPanel[aria-hidden=true]{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:-webkit-inline-box;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: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}
.PinturaButton{white-space:nowrap;-ms-flex-negative:0;flex-shrink:0;-webkit-tap-highlight-color:transparent;cursor:var(--button-cursor)}
.PinturaButton>span{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;vertical-align:top;min-height:1em}
.PinturaButton svg+.PinturaButtonLabel{margin-left:.5em}
.PinturaButton[disabled]{cursor:default;-webkit-filter:var(--filter-disabled);filter:var(--filter-disabled)}
.PinturaButtonInner{text-decoration:inherit}
.PinturaButton:not(.PinturaButtonIconOnly) svg:first-of-type{margin-left:-.25em}
.PinturaRoot[dir=rtl] .PinturaButton:not(.PinturaButtonIconOnly) svg:first-of-type{margin-right:-.25em}
.PinturaRoot[dir=rtl] .PinturaButton svg+.PinturaButtonLabel{margin-left:0;margin-right:1em}
.PinturaUtilPanel{position:relative;z-index:1;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-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 svg{pointer-events:none;vertical-align:top}
.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%}}
.PinturaInputForm{opacity:0;cursor:auto;z-index:2147483647;--width:30em}
.PinturaInputForm:not([data-stick=true]){position:absolute;bottom:7.5em;width:var(--width);left:calc(50% - var(--width)/2);-webkit-box-shadow:0 .25em .5em -.5em rgba(0,0,0,.75),inset 0 0 0 1px var(--color-foreground-5);box-shadow:0 .25em .5em -.5em rgba(0,0,0,.75),inset 0 0 0 1px var(--color-foreground-5);border-radius:var(--border-radius);background-color:var(--color-background-95)}
@media(max-width:34em){.PinturaInputForm:not([data-stick=true]){left:2em;right:2em;width:auto}}
.PinturaInputForm[data-stick=true]{-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-stick=true]>.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:#383838;-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:not(.PinturaButtonIconOnly) .PinturaButtonInner{padding:0 .875em}
.PinturaInputFormInner>.PinturaButton .PinturaButtonIcon{width:.875em;height:.875em}
.PinturaInputFormInner>.PinturaButton.PinturaButtonIconOnly{width:1.875em;height:1.875em}
.PinturaInputFormInner>.PinturaButton .PinturaButtonLabel{font-size:.75em}
.PinturaInputFormInner>.PinturaButton .PinturaButtonInner{line-height:2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-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{height:5em;-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}
.PinturaInputFormFields input:only-child,.PinturaInputFormFields textarea:only-child{width:100%;padding:0 1em .5em;display:block;background:transparent}
.PinturaInputForm input,.PinturaInputForm textarea{-webkit-box-sizing:border-box;box-sizing:border-box;resize:none;border:none;font-size:.875em;outline:transparent;color:var(--color-foreground-100)}
.PinturaInputForm input{background-color:var(--color-background-100)}
.PinturaModalBodyLock .PinturaInputForm{margin-top:-50px}
.PinturaInputForm[data-layout=row]{--width:30em;width:var(--width);max-width:calc(100% - 2em);border-radius:9999em}
.PinturaInputForm[data-layout=row] .PinturaInputFormFields{-webkit-box-flex:1;-ms-flex:1;flex:1}
.PinturaInputForm[data-layout=row] .PinturaInputFormInner{display:-webkit-box;display:-ms-flexbox;display:flex;padding:.5em}
.PinturaInputForm[data-layout=row] .PinturaInputFormInner input{padding:0 .5em;line-height:1.75;font-size:.8125em;-webkit-box-flex:1;-ms-flex:1;flex:1}
.PinturaInputForm[data-layout=row] .PinturaInputFormInner .PinturaButton:first-child{margin-right:0}
.PinturaInputForm[data-layout=row] .PinturaInputFormInner .PinturaButton{position:static}
.PinturaInputForm[data-layout=row] .PinturaInputFormInner .PinturaButtonIconOnly{width:1.5em;height:1.5em}
.PinturaInputForm[data-layout=row] .PinturaInputFormInner .PinturaButtonLabel{font-size:.625em}
.PinturaUtilMain{padding-left:1em;padding-right:1em;min-height:1px;-ms-touch-action:none;touch-action:none}
.PinturaUtilMain,.PinturaUtilMain>[slot]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.PinturaUtilMain>[slot]{-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.PinturaUtilFooter>[slot]:empty{min-height:1em}
.PinturaUtilFooter>[slot]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch;pointer-events:all}
.PinturaUtilFooter .PinturaControlPanel .PinturaImageButtonList,.PinturaUtilFooter .PinturaShapeStyleList{min-height:3.5em;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
.PinturaUtilFooter .PinturaControlList [role=tab][aria-selected=true]{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]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;line-height:1;padding:0 .75em;min-height:1.75em;white-space:nowrap;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] span{font-size:.75em;font-weight:400}
.PinturaUtilFooter .PinturaControlList .PinturaControlListOption label svg,.PinturaUtilFooter .PinturaControlList [role=tab] svg{width:.875em;font-size:.875em}
.PinturaUtilFooter .PinturaControlList .PinturaControlListOption label svg:only-child,.PinturaUtilFooter .PinturaControlList [role=tab] svg:only-child{margin-left:-.25em;margin-right:-.25em}
.PinturaUtilFooter .PinturaControlList .PinturaControlListOption label svg:not(:only-child),.PinturaUtilFooter .PinturaControlList [role=tab] svg:not(:only-child){margin-left:-.25em;margin-right:.375em}
.PinturaUtilFooter .PinturaControlList .PinturaControlListOption label:hover,.PinturaUtilFooter .PinturaControlList [role=tab]: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][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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-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>button+button{margin-left:.5em}
.PinturaUtilFooter .PinturaControlPanels{display:grid;grid-template-columns:1fr;width:40em;max-width:100%;margin:0 auto;-webkit-box-flex:1;-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[aria-hidden=true]{display:block!important}
.PinturaUtilFooter .PinturaControlPanel[aria-hidden=true]{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]{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{border-radius:var(--border-radius-round)}
.PinturaUtilFooter .PinturaControlList[data-layout=compact]>[role=tab]:first-child:not(:only-child){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){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{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}
.PinturaRoot[data-env~=has-controlgroups-preference-top] .PinturaUtilFooter{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}
.PinturaRoot[data-env~=has-controlgroups-preference-top] .PinturaUtilMain{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}
.PinturaRoot[data-env~=has-controltabs-preference-bottom] .PinturaUtilFooter .PinturaControlPanels{-webkit-box-ordinal-group:0;-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{-webkit-box-ordinal-group:2;-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 .PinturaImageButtonList,.PinturaRoot[data-env~=has-controltabs-preference-top] .PinturaUtilFooter .PinturaShapeStyleList{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
.PinturaRoot[data-env~=has-controltabs-preference-top] .PinturaUtilFooter .PinturaShapeStyleLabel{-webkit-box-ordinal-group:2;-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>button+button{margin-left:0}
.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList [role=tab] span{font-size:.75em}
.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList [role=tab]{border-radius:0;background-color:var(--color-background-50);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 [role=tab]:first-child{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 [role=tab]:last-child{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 button:not([aria-selected=true]) span{color:var(--color-foreground-40)}
.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlPanels{background-color:var(--color-background-50);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}
.PinturaRoot[dir=rtl] .PinturaUtilFooter .PinturaControlListOption [slot],.PinturaRoot[dir=rtl] .PinturaUtilFooter .PinturaControlListOption label{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}
.PinturaRoot[dir=rtl] .PinturaUtilFooter .PinturaControlList .PinturaControlListOption label svg:not(:only-child),.PinturaRoot[dir=rtl] .PinturaUtilFooter .PinturaControlList [role=tab] svg:not(:only-child){margin-right:-.25em;margin-left:.375em}
.PinturaRadioGroup .PinturaRadioGroupOptions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-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{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}
.PinturaRadioGroup label{-webkit-tap-highlight-color:transparent}
.PinturaRangeInput{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-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: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: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% - 0.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{color:transparent!important}
.PinturaRangeInput>.PinturaRangeInputReset{position:absolute;left:calc(50% - 1.0625em);top:0;margin-top:.125em;padding:0;z-index:1;width:2em;overflow:hidden;-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% - 0.5em);top:calc(50% - 0.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: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)}
.PinturaPresetListFilter .PinturaRadioGroupOptions{-webkit-box-pack:space-evenly;-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}
.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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.PinturaShapeStyleEditorOverflow>div{overflow:visible;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
.PinturaShapeStyleEditorOverflow .PinturaShapeStyleList{min-height:auto;margin-left:1em}
.PinturaShapeStyleEditorOverflow .PinturaShapeStyle{--control-height:1.75em}
.PinturaShapeStyles{position:relative}
.PinturaShapeStyles:not([data-state~=overflows]){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.PinturaShapeStyleList{display:-webkit-box;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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;--control-height:1.5em}
.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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-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>.PinturaSliderButton .PinturaButtonLabel,.PinturaShapeStyle>.PinturaSliderButton .PinturaButtonLabelPrefix{display:block;line-height:2.25;font-size:.6875em}
.PinturaShapeStyle>.PinturaSliderButton .PinturaButtonLabelPrefix{color:var(--color-foreground-40);padding-left:.625em;margin-right:-.25em}
.PinturaShapeStyle>.PinturaSliderButton .PinturaButtonLabel{padding:0 1em}
.PinturaShapeStyle>.PinturaDropdownButton .PinturaButtonLabel,.PinturaShapeStyle>.PinturaRadioGroup .PinturaButtonLabel,.PinturaShapeStyle>.PinturaRadioGroupOption label{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{padding:0 .75em;width:3em;height:2em;line-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 .PinturaPromptInputGroup{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
.PinturaShapeStyle .PinturaPromptInputGroup .PinturaInput{width:18em;padding:0}
.PinturaShapeStyle .PinturaPromptInputGroup .PinturaInput input{padding-right:2em}
.PinturaShapeStyle .PinturaPromptInputGroup>.PinturaButton:not(.PinturaButtonIconOnly){display:block;line-height:2.125;margin-left:.5em;padding:0 1em;font-size:.6875em;-webkit-box-shadow:inset 0 0 0 1px var(--color-foreground-5);box-shadow:inset 0 0 0 1px var(--color-foreground-5);background-color:var(--color-foreground-10);border-radius:var(--border-radius)}
.PinturaShapeStyle .PinturaPromptInputGroup .PinturaButtonIconOnly{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:1.75em;height:1.75em;padding:0;-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 .PinturaPromptInputGroup .PinturaButtonIconOnly svg{width:.875em}
.PinturaShapeStyle .PinturaPromptInputGroup .PinturaProgressIndicator{position:absolute;width:.875em;height:.875em;pointer-events:none}
.PinturaShapeStyle .PinturaPromptInputGroup .PinturaProgressIndicator svg{width:.875em}
.PinturaShapeStyle .PinturaPromptInputWrapper{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.PinturaShapeStyle .PinturaPromptInputWrapper .PinturaProgressIndicator{right:.3125em}
.PinturaShapeStyle .PinturaGenerateMoreButtonWrapper{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:.3125em;margin-left:.75em}
.PinturaShapeStyle .PinturaPromptOptions{margin-left:.5em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.PinturaShapeStyle .PinturaPromptOption{position:relative;padding:0;margin-left:.5em;border-radius:.5em}
.PinturaShapeStyle .PinturaPromptOption:after,.PinturaShapeStyle .PinturaPromptOption img{border-radius:.5em;pointer-events:none}
.PinturaShapeStyle .PinturaPromptOption:after{content:"";position:absolute;z-index:1;left:0;top:0;right:0;bottom:0;-webkit-box-shadow:inset 0 0 0 1px var(--color-foreground-5);box-shadow:inset 0 0 0 1px var(--color-foreground-5)}
.PinturaShapeStyle .PinturaPromptOption img{display:block;width:2.5em;height:2.5em;-o-object-fit:cover;object-fit:cover}
.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,.PinturaShapeStyle>.PinturaDropdownButton .PinturaComboBox:after{content:"▼";font-size:.6875em;margin-left:.75em;position:relative;top:-.125em;margin-right:-.25em;pointer-events:none}
.PinturaShapeStyle>.PinturaDropdownButton .PinturaComboBox:after{top:0;margin-left:.375em;font-size:.47265625em}
.PinturaShapeStyle .PinturaComboBox{padding-right:.75em}
.PinturaShapeStyle .PinturaComboBox .PinturaInput{padding-left:0}
.PinturaShapeStyle .PinturaComboBox .PinturaInput input{-webkit-box-shadow:none;box-shadow:none}
.PinturaShapeStyle .PinturaComboBox .PinturaInputField{padding-right:.375em}
.PinturaShapeStyle>.PinturaRadioGroup>.PinturaRadioGroupOptions{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}
.PinturaShapeStyle>.PinturaRadioGroup>.PinturaRadioGroupOptions label{cursor:var(--button-cursor);display:-webkit-box;display:-ms-flexbox;display:flex;height:var(--control-height);-webkit-box-align:center;-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)}
.PinturaRoot[dir=rtl] .PinturaShapeStyle>.PinturaDropdownButton .PinturaButtonLabel:after,.PinturaRoot[dir=rtl] .PinturaShapeStyle>.PinturaDropdownButton .PinturaComboBox:after{margin-right:.75em;margin-left:-.25em}
.PinturaToolbar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-left:1em;margin-right:1em}
.PinturaToolbar .PinturaToolbarInner{display:-webkit-inline-box;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;-webkit-transform:translate3d(calc(var(--tx)*1px),calc(var(--ty)*1px),0) scale(var(--sx),var(--sy));transform:translate3d(calc(var(--tx)*1px),calc(var(--ty)*1px),0) scale(var(--sx),var(--sy))}
.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)*-0.5);margin-top:calc(var(--size)*-0.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)*-0.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)*-0.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)}
.PinturaRoot[data-env*=chrome-] .PinturaRectManipulator{-webkit-transform:translate3d(calc(var(--tx)*1px),calc(var(--ty)*1px),0);transform:translate3d(calc(var(--tx)*1px),calc(var(--ty)*1px),0)}
.PinturaRoot[data-env*=chrome-] .PinturaRectManipulator[data-direction=b],.PinturaRoot[data-env*=chrome-] .PinturaRectManipulator[data-direction=t]{width:calc(var(--sx)*1px)}
.PinturaRoot[data-env*=chrome-] .PinturaRectManipulator[data-direction=l],.PinturaRoot[data-env*=chrome-] .PinturaRectManipulator[data-direction=r]{height:calc(var(--sy)*1px)}
.PinturaRoot .PinturaImageButton{--thumb-size:1.75em;--thumb-radius:0.3125em;--thumb-margin:0.3125em;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);cursor:var(--button-cursor);outline:transparent}
.PinturaRoot .PinturaImageButton>*{pointer-events:none}
.PinturaRoot .PinturaImageButton{-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}
.PinturaRoot .PinturaImageButton[disabled]{-webkit-filter:var(--filter-disabled);filter:var(--filter-disabled)}
.PinturaRoot .PinturaImageButton:hover{background-color:var(--color-foreground-10)}
.PinturaRoot .PinturaImageButton text{font-family:monospace}
.PinturaRoot .PinturaImageButton img,.PinturaRoot .PinturaImageButton 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)}
.PinturaRoot .PinturaImageButton[data-loader]:after,.PinturaRoot .PinturaImageButton[data-loader]:before{display:block;width:var(--thumb-size);height:var(--thumb-size);line-height:var(--thumb-size);border-radius:var(--thumb-radius)}
.PinturaRoot .PinturaImageButton[data-error] img{display:none}
.PinturaRoot .PinturaImageButton[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)}
.PinturaRoot .PinturaImageButton[data-loader]{position:relative}
.PinturaRoot .PinturaImageButton[data-loader]:before{content:"";position:absolute;left:var(--thumb-margin);top:var(--thumb-margin);-webkit-animation:pintura-img-loading 1.3s infinite alternate ease-in-out;animation:pintura-img-loading 1.3s infinite alternate ease-in-out;background-color:var(--color-foreground-10);-webkit-transition:-webkit-transform 0.65s ease-in;transition:-webkit-transform 0.65s ease-in;transition:transform 0.65s ease-in;transition:transform 0.65s ease-in, -webkit-transform 0.65s ease-in;z-index:-1}
.PinturaRoot .PinturaImageButton[data-loader] img{opacity:0;-webkit-transition:opacity 0.455s ease-out;transition:opacity 0.455s ease-out}
.PinturaRoot .PinturaImageButton[data-loader][data-load] img{opacity:1}
.PinturaRoot .PinturaImageButton[data-loader][data-error]:before,.PinturaRoot .PinturaImageButton[data-loader][data-load]:before{-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-transform:scale(.5);transform:scale(.5)}
@-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}}
.PinturaImageButtonList,.PinturaImageButtonList>li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.PinturaImageButtonList>li{--thumb-size:1.75em;--thumb-radius:0.3125em;--thumb-margin:0.3125em;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative}
.PinturaImageButtonList>li+li{margin-left:.5em}
.PinturaInput{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}
.PinturaInput input[disabled]{-webkit-filter:var(--filter-disabled);filter:var(--filter-disabled)}
.PinturaInputField{-webkit-box-flex:1;-ms-flex:1;flex:1;outline:transparent}
.PinturaInputField[type=number]{-moz-appearance:textfield}
.PinturaInputField[type=number]::-webkit-inner-spin-button,.PinturaInputField[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.PinturaInputSpinners{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.PinturaInputSpinners button{line-height:1!important;font-size:.5em!important}
.PinturaInputSpinners button{width:2em;outline:transparent}
.PinturaShorthandControl{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding-left:.25em;-webkit-box-shadow:inset 0 0 0 1px var(--color-foreground-5);box-shadow:inset 0 0 0 1px var(--color-foreground-5)}
.PinturaShorthandControl>.PinturaSliderButton+.PinturaSliderButton{border-left:1px solid var(--color-foreground-5);border-radius:0}
.PinturaShorthandControl .PinturaSliderButton .PinturaButtonLabel{padding:0 .5em}
.PinturaShorthandControl .PinturaColorPreview{width:1em;height:1em;margin-right:.25em;margin-top:.25em}
.PinturaPanel.PinturaSliderPanel{border-radius:var(--border-radius-round)}
.PinturaPercentageLabel{-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";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{--track-background:var(--color-foreground-10)}
.PinturaSliderPanel .PinturaSliderKnob{--knob-background: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)}
.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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.PinturaShapePresetsPalette .PinturaButton+.PinturaButton{margin-left:.5em}
.PinturaShapePresetsPalette .PinturaButton{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-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:-webkit-box;display:-ms-flexbox;display:flex}
.PinturaShapePresetsGrouped{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.PinturaShapePresetsGrouped [role=tab]{white-space:nowrap}
.PinturaShapePresetsFlat{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack: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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-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}
.PinturaShapeControls{left:0;top:0;z-index:3;pointer-events:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-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:-webkit-inline-box;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:-webkit-box;display:-ms-flexbox;display:flex}
.PinturaInlineInput:before{content:"";width:0;height:var(--line-height)}
.PinturaContentEditable{margin:0;padding:0;width:calc(100%/var(--font-scalar));height:calc(100%/var(--font-scalar));overflow:hidden;outline:none;vertical-align:top}
.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;position:relative}
.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 svg:only-child{margin-left:0;margin-right:0}
.PinturaOptionsList .PinturaListOption [slot]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-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:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-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}
.PinturaRoot[dir=rtl] .PinturaDropdownOptionLabel{margin-right:-.325em;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
.PinturaRoot[dir=rtl] .PinturaListOption svg{margin-left:-.5em;margin-right:auto}
.PinturaRoot[dir=rtl] .PinturaListOption svg+span{margin-left:.25em}
.PinturaRoot[dir=rtl] .PinturaListOption [slot]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
.PinturaColorPickerPanel{padding:.5em;max-width:14em;overflow:visible;-ms-touch-action:none;touch-action:none}
.PinturaColorPickerPanel .PinturaEyeDropper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:var(--color-foreground-70);width:1.5em;height:1.5em;margin-left:.25em}
.PinturaColorPickerPanel .PinturaEyeDropper svg{width:1em;height:1em}
.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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-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 .PinturColorPickerInputGroup{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:.75em 0 .25em .3125em}
.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:var(--pattern-transparent)}
.PinturaColorPickerPanel .PinturaPicker .PinturaOpacityPicker .PinturaSliderKnob:before{background-position:calc(var(--slider-position)*-2px) 0}
.PinturaColorPickerPanel .PinturaPicker .PinturaOpacityPicker{margin-top:.5em}
.PinturaColorPickerPanel .PinturaPicker .PinturaColorPickerInput{color:var(--color-foreground-80);width:calc(100% - 0.625em);line-height:1.75;text-indent:.5em;font-size:.875em;border-radius:.25em;border:1px solid var(--color-foreground-20);-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";font-variant:tabular-nums;text-transform:uppercase}
.PinturaColorPickerPanel .PinturaPicker .PinturaColorPickerInput:focus{outline:transparent;border-color:var(--color-focus-100)}
.PinturaColorPickerPanel .PinturaPicker .PinturaColorPickerInput[disabled]{color:var(--color-foreground-40)}
.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: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:linear-gradient(to bottom right,var(--tip-mask));mask:linear-gradient(to bottom right,var(--tip-mask));pointer-events:none}
.PinturaPanelTip[data-top=true]{-webkit-box-shadow:inset 1px 1px 0 0 var(--color-inset);box-shadow:inset 1px 1px 0 0 var(--color-inset);-webkit-mask:linear-gradient(to top left,var(--tip-mask));mask:linear-gradient(to top left,var(--tip-mask))}
.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[data-wrap-content=nowrap] br{display:none}
.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}
.PinturaContentEditable{-webkit-user-drag:none}
.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}
.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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-touch-action:none;touch-action:none}
.PinturaSlider[data-direction=y]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.PinturaSlider .PinturaSliderControl{position:relative;-webkit-box-flex:1;-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{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;padding-right:.125em;margin-left:-.325em}
.PinturaSlider>button:last-of-type{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;padding-left:.125em;margin-right:-.325em}
.PinturaSlider>.PinturaSliderControl{-webkit-box-ordinal-group:3;-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)*-0.5);margin-top:calc(var(--knob-size)*-0.5);background:var(--knob-background)}
.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);background:var(--track-background)}
.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;-webkit-tap-highlight-color:transparent;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}
.PinturaShapeManipulator{position:absolute;left:0;top:0;outline:none;-ms-touch-action:none;touch-action:none;-webkit-transform:translate3d(calc(var(--tx)*1px),calc(var(--ty)*1px),0) rotate(var(--r)) scale(var(--sx),var(--sy));transform:translate3d(calc(var(--tx)*1px),calc(var(--ty)*1px),0) rotate(var(--r)) scale(var(--sx),var(--sy));--size:0.75em}
.PinturaShapeManipulator:not([data-control=edge]){margin-left:calc(var(--size)*-0.5);margin-top:calc(var(--size)*-0.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],.PinturaShapeManipulator[data-control=scale]{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=point][data-selected=true]:before,.PinturaShapeManipulator[data-control=scale][data-selected=true]:before{display:block;content:"";width:calc(var(--size)*0.5);height:calc(var(--size)*0.5);background:#fff;margin-left:calc(var(--size)*0.25);margin-top:calc(var(--size)*0.25);border-radius:9999em}
.PinturaShapeManipulator[data-control=scale]{cursor:-webkit-grab;cursor:grab}
.PinturaShapeManipulator[data-control=edge]{margin-top:calc(var(--size)*-0.5);height:var(--size);width:1px;z-index:1;-webkit-transform-origin:0 calc(var(--size)*0.5);transform-origin:0 calc(var(--size)*0.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}
.PinturaRoot[data-env*=chrome-] .PinturaShapeManipulator[data-control=edge]{width:calc(var(--sx)*1px);-webkit-transform:translate3d(calc(var(--tx)*1px),calc(var(--ty)*1px),0) rotate(var(--r));transform:translate3d(calc(var(--tx)*1px),calc(var(--ty)*1px),0) rotate(var(--r))}
/*!*******************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!../node_modules/postcss-loader/dist/cjs.js!../node_modules/@pqina/pintura-video/pinturavideo.css ***!
  \*******************************************************************************************************************************************************************************/
/*!
* Pintura Video Extension v1.16.3
* (c) 2018-2025 Pintura Labs B.V. - All Rights Reserved
* License: https://pqina.nl/pintura/license/
*/
/* eslint-disable */
.PinturaMediaClipper{position:relative}
.PinturaMediaClipper .PinturaSlider{--track-offset-x:0em;--track-offset-y:0em;--knob-size:0em;--knob-width:8px;position:absolute;left:0;top:0;height:100%;width:100%}
.PinturaMediaClipper .PinturaSlider .PinturaSliderKnob{height:100%;top:0;width:var(--knob-width);margin-left:calc(var(--knob-width)*-0.5);pointer-events:all;cursor:ew-resize}
.PinturaMediaClipper .PinturaSliderControl{height:var(--frame-size)}
.PinturaMediaClipper .PinturaMediaRangeClip{--sc:rgba(0, 0, 0, .25);--outset:0 0 0 1px var(--sc);--bw:var(--clip-border-width);--br:.5em;--oh:calc(var(--bw)*-1 + 1px);--ov:calc(var(--bw)*-1);--inset:inset var(--outset);--el:3px;--h:calc(var(--flex)*var(--el)*1.25);--v:calc(var(--br) + var(--flex)*var(--frame-size)*0.333);--mask-height:4px;--mask:linear-gradient(black, black);--mask-top:var(--mask) 0 0 / 100% var(--mask-height) no-repeat;--mask-bottom:var(--mask) 0 bottom / 100% var(--mask-height) no-repeat}
.PinturaMediaClipper .PinturaMediaRangeIndicator{pointer-events:none;position:absolute;top:0;height:100%}
.PinturaMediaClipper .PinturaMediaRangeIndicator:after,.PinturaMediaClipper .PinturaMediaRangeIndicator:before{content:"";position:absolute;top:calc(var(--frame-size)*0.25);width:.375em;height:calc(var(--frame-size)*0.5);background-color:#383838;-webkit-box-shadow:var(--outset);box-shadow:var(--outset);-webkit-transition:opacity .15s ease-in,-webkit-transform .12s ease-in,-webkit-box-shadow .1s ease-in;transition:opacity .15s ease-in,-webkit-transform .12s ease-in,-webkit-box-shadow .1s ease-in;transition:opacity .15s ease-in,transform .12s ease-in,box-shadow .1s ease-in;transition:opacity .15s ease-in,transform .12s ease-in,box-shadow .1s ease-in,-webkit-transform .12s ease-in,-webkit-box-shadow .1s ease-in;border-radius:.25em;background-image:-webkit-gradient(linear,left top, left bottom,from(rgba(0,0,0,.2)),to(rgba(0,0,0,.2)));background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2));background-size:1px calc(var(--frame-size)*0.325);background-position:center center;background-repeat:no-repeat}
.PinturaMediaClipper .PinturaMediaRangeIndicator:before{margin-left:-.1875em}
.PinturaMediaClipper .PinturaMediaRangeIndicator:after{right:0;margin-right:-.1875em}
.PinturaMediaClipper .PinturaMediaRangeIndicator button{position:absolute;bottom:calc(var(--bw)*-1);left:calc(50% - 0.75em);opacity:0;pointer-events:all;font-size:.675em;line-height:1;width:1.5em;padding:.25em 0 var(--bw) 0;-webkit-box-shadow:0 -1px 1px var(--sc);box-shadow:0 -1px 1px var(--sc);z-index:1;-webkit-transition:opacity .15s ease-in,-webkit-transform .12s ease-in,-webkit-box-shadow .1s ease-in;transition:opacity .15s ease-in,-webkit-transform .12s ease-in,-webkit-box-shadow .1s ease-in;transition:opacity .15s ease-in,transform .12s ease-in,box-shadow .1s ease-in;transition:opacity .15s ease-in,transform .12s ease-in,box-shadow .1s ease-in,-webkit-transform .12s ease-in,-webkit-box-shadow .1s ease-in;background:#383838;color:var(--color-primary-text);border-top-left-radius:var(--br);border-top-right-radius:var(--br);cursor:pointer;-webkit-transform:scale(.9) translateY(.25em);transform:scale(.9) translateY(.25em)}
.PinturaMediaClipper .PinturaMediaRangeIndicator[data-layout=hidden] button{opacity:0!important}
.PinturaMediaClipper .PinturaMediaRangeIndicator[data-layout=hidden] button{pointer-events:none}
.PinturaMediaClipper .PinturaMediaRangeIndicatorShadow,.PinturaMediaClipper .PinturaMediaRangeIndicatorOutline{position:absolute;opacity:0;top:var(--ov);bottom:var(--ov);left:var(--oh);right:var(--oh);border-radius:var(--br) / var(--br);-webkit-transform:scaleY(.8);transform:scaleY(.8);-webkit-transition:opacity .1s ease-in,-webkit-transform .15s ease-in;transition:opacity .1s ease-in,-webkit-transform .15s ease-in;transition:opacity .1s ease-in,transform .15s ease-in;transition:opacity .1s ease-in,transform .15s ease-in,-webkit-transform .15s ease-in}
.PinturaMediaClipper .PinturaMediaRangeIndicatorOutline{border:var(--bw) solid #383838;-webkit-box-shadow:var(--inset);box-shadow:var(--inset)}
.PinturaMediaClipper .PinturaMediaRangeIndicatorShadow{border:var(--bw) solid var(--sc);top:calc(var(--ov) - 1px);bottom:calc(var(--ov) - 1px);left:calc(var(--oh) - 1px);right:calc(var(--oh) - 1px);--brr:calc(var(--br) + 1px);border-radius:var(--brr) / var(--brr)}
.PinturaMediaClipper .PinturaMediaRangeClip[data-state*=active] .PinturaMediaRangeIndicatorShadow,.PinturaMediaClipper .PinturaMediaRangeClip[data-state*=active] .PinturaMediaRangeIndicatorOutline{z-index:1}
.PinturaMediaClipper .PinturaMediaRangeClip[data-merge=none] .PinturaMediaRangeIndicatorOutline{-webkit-transition:opacity .1s ease-in,-webkit-transform .15s ease-in;transition:opacity .1s ease-in,-webkit-transform .15s ease-in;transition:opacity .1s ease-in,transform .15s ease-in;transition:opacity .1s ease-in,transform .15s ease-in,-webkit-transform .15s ease-in}
.PinturaMediaClipper .PinturaMediaRangeClip[data-state*=active][data-merge=right] .PinturaMediaRangeIndicatorShadow,.PinturaMediaClipper .PinturaMediaRangeClip[data-state*=active][data-merge=right] .PinturaMediaRangeIndicatorOutline{--brs:calc((1 + var(--flex))*var(--br)) var(--v);border-top-right-radius:var(--brs);border-bottom-right-radius:var(--brs);margin-right:calc(var(--h)*-2);border-right-width:calc(3px - var(--flex)*2px)}
.PinturaMediaClipper .PinturaMediaRangeClip[data-state*=active][data-merge=right]+[data-merge=left] .PinturaMediaRangeIndicatorOutline{--mask-right:var(--mask) right 0 / var(--br) 100% no-repeat;-webkit-mask:var(--mask-top),var(--mask-bottom),var(--mask-right);mask:var(--mask-top),var(--mask-bottom),var(--mask-right)}
.PinturaMediaClipper .PinturaMediaRangeClip[data-state*=active][data-merge=right]+[data-merge=left] .PinturaMediaRangeIndicatorShadow{border-left-color:transparent}
.PinturaMediaClipper .PinturaMediaRangeClip:not([data-state*="active"])[data-merge=right] .PinturaMediaRangeIndicatorOutline{--mask-left:var(--mask) left 0 / var(--br) 100% no-repeat;-webkit-mask:var(--mask-top),var(--mask-bottom),var(--mask-left);mask:var(--mask-top),var(--mask-bottom),var(--mask-left)}
.PinturaMediaClipper .PinturaMediaRangeClip:not([data-state*="active"])[data-merge=right] .PinturaMediaRangeIndicatorShadow{border-right-color:transparent}
.PinturaMediaClipper .PinturaMediaRangeClip[data-state*=active][data-merge=left] .PinturaMediaRangeIndicatorShadow,.PinturaMediaClipper .PinturaMediaRangeClip[data-state*=active][data-merge=left] .PinturaMediaRangeIndicatorOutline{--brs:calc((1 + var(--flex))*var(--br)) var(--v);border-top-left-radius:var(--brs);border-bottom-left-radius:var(--brs);margin-left:calc(var(--h)*-2);border-left-width:calc(3px - var(--flex)*2px)}
.PinturaMediaClipper .PinturaMediaRangeClip[data-state*=visible]>.PinturaMediaRangeIndicator:before,.PinturaMediaClipper .PinturaMediaRangeClip[data-state*=visible]>.PinturaMediaRangeIndicator:after{opacity:0;-webkit-transform:scale(.4,1.5);transform:scale(.4,1.5);-webkit-box-shadow:0 0 0 1px #383838;box-shadow:0 0 0 1px #383838}
.PinturaMediaClipper .PinturaMediaRangeClip[data-state*=visible]>.PinturaMediaRangeIndicator>.PinturaMediaRangeIndicatorShadow,.PinturaMediaClipper .PinturaMediaRangeClip[data-state*=visible]>.PinturaMediaRangeIndicator>.PinturaMediaRangeIndicatorOutline{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
.PinturaMediaClipper .PinturaMediaRangeClip[data-state*=visible]>.PinturaMediaRangeIndicator button{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0);opacity:1}
.PinturaRoot[data-env~=is-compact] .PinturaMediaClipper .PinturaSlider{--knob-width:16px}
.PinturaVideoFrames{pointer-events:none}
.PinturaVideoFrames .PinturaMediaMask{position:absolute;left:0;bottom:0;height:var(--frame-size);background:var(--color-background-70);backdrop-filter:grayscale(.9) contrast(.7)}
.PinturaTimeline{position:relative}
.PinturaTimeline .PinturaMeter{position:absolute;top:.25em;left:0;right:0;height:100%}
.PinturaTimeline .PinturaMeter svg{display:block;max-width:100%;pointer-events:none;stroke:currentColor;stroke-width:1}
.PinturaTimeline .timeLabels{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:0 -.75em}
.PinturaTimeline time{font-size:.625em;-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";font-variant:tabular-nums}
.PinturaActiveFrame.PinturaSlider{--track-offset-x:0em;--track-offset-y:0em;--knob-size:0em}
.PinturaActiveFrame .PinturaSliderKnobController .PinturaSliderKnob{--s:0 .0625em .25em rgb(0, 0, 0, .75), 0 .0625em 1px rgb(0, 0, 0, .25);top:0;height:var(--timeline-height);z-index:3}
.PinturaActiveFrame .PinturaSliderKnobController .PinturaSliderKnob>span{--ph:.25em;position:absolute;-webkit-transform:translate(-50%);transform:translate(-50%);background:var(--color-foreground-100);color:var(--color-background-100);font-size:.625em;-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";font-variant:tabular-nums;padding:var(--ph) calc(var(--ph)*2);border-radius:.5em;-webkit-box-shadow:var(--s);box-shadow:var(--s);margin-top:calc(var(--ph)*-1);pointer-events:all;cursor:ew-resize;z-index:1}
.PinturaActiveFrame .PinturaSliderKnobController .PinturaActiveFrameDetailedKnob:before,.PinturaActiveFrame .PinturaSliderKnobController .PinturaActiveFrameDetailedKnob:after{content:"";position:absolute;top:calc(var(--timeline-height) + var(--timeline-padding));top:0;left:calc(50% - 0.5px);height:calc(var(--timeline-height) + var(--timeline-padding) + var(--frame-size) + var(--clip-border-width));width:1px;background:var(--color-foreground-100)}
.PinturaActiveFrame .PinturaSliderKnobController .PinturaActiveFrameDetailedKnob:before{left:calc(50% + 0.5px);background:var(--color-background-30)}
.PinturaUtilPanel[data-util=trim] .PinturaTrimControls{position:absolute;bottom:100%;margin-bottom:2em;left:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:1}
.PinturaUtilPanel[data-util=trim] .PinturaButtonMerge,.PinturaUtilPanel[data-util=trim] .PinturaButtonSplit,.PinturaUtilPanel[data-util=trim] .PinturaButtonMute,.PinturaUtilPanel[data-util=trim] .PinturaButtonPlay{--size:2em;--size-neg:calc(var(--size)*-1);width:var(--size);height:var(--size);line-height:0;overflow:hidden;border-radius:var(--border-radius-round);color:#000;background:rgba(255,255,255,.8);backdrop-filter:var(--backdrop-filter-bright);outline:none;margin:0 .25em}
.PinturaUtilPanel[data-util=trim] .PinturaButtonMerge svg,.PinturaUtilPanel[data-util=trim] .PinturaButtonSplit svg,.PinturaUtilPanel[data-util=trim] .PinturaButtonMute svg,.PinturaUtilPanel[data-util=trim] .PinturaButtonPlay svg{color:currentColor;pointer-events:none;width:.75em;height:.75em}
.PinturaUtilPanel[data-util=trim] .PinturaButtonMerge,.PinturaUtilPanel[data-util=trim] .PinturaButtonSplit{width:auto;padding:0 1em}
.PinturaUtilPanel[data-util=trim] .PinturaButtonMerge .PinturaButtonLabel,.PinturaUtilPanel[data-util=trim] .PinturaButtonSplit .PinturaButtonLabel{font-size:.75em}
.PinturaUtilPanel[data-util=trim] .PinturaButtonMerge[disabled],.PinturaUtilPanel[data-util=trim] .PinturaButtonSplit[disabled]{color:#777}
.PinturaVideoStateTime>span{opacity:.3}
.PinturaVideoControls{padding:0 0 1em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.PinturaVideoControls:empty{padding:0}
.PinturaVideoControls>*{margin:0 .25em!important}
.PinturaVideoControls>div{margin:0 auto}
.PinturaVideoControls .PinturaButton{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;line-height:1;padding:0 .5em;min-height:1.75em;border-radius:var(--border-radius-round)}
.PinturaVideoControls .PinturaButton svg{width:.75em;height:.75em;fill:currentColor;pointer-events:none}
.PinturaVideoControls .PinturaButton,.PinturaVideoControls .PinturaDropdownButton{-webkit-box-shadow:inset 0 0 0 1px var(--color-foreground-5);box-shadow:inset 0 0 0 1px var(--color-foreground-5)}
.PinturaVideoControls .PinturaButton .PinturaButtonLabel,.PinturaVideoControls .PinturaDropdownButton .PinturaButtonLabel{font-size:.75em}
.PinturaRoot[data-env~=is-compact] .PinturaVideoTrimmer{--frame-size:2em;width:calc(100% - 3em)}
.PinturaVideoTrimmer{--clip-border-width:3px;--frame-size:3em;--frame-border-radius:calc(var(--border-radius)*0.5);--timeline-height:1.5em;--timeline-padding:.5em;--timeline-total-height:calc(var(--timeline-height) + var(--timeline-padding));position:relative;max-width:36em;width:calc(100% - 2em);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-radius:var(--frame-border-radius)}
.PinturaVideoTrimmer .PinturaTimeline{height:var(--timeline-height);padding-bottom:var(--timeline-padding)}
.PinturaVideoTrimmer .PinturaVideoFrames,.PinturaVideoTrimmer .PinturaMediaClipper{min-height:var(--frame-size)}
.PinturaVideoTrimmer .PinturaActiveFrame,.PinturaVideoTrimmer .PinturaMediaClipper{position:absolute;left:0;width:100%}
.PinturaVideoTrimmer .PinturaMediaClipper{bottom:0}
.PinturaVideoTrimmer .PinturaActiveFrame{top:0}