/*!
 * Pintura v8.66.1 - Test version
 * (c) 2018-2023 PQINA Inc. - All Rights Reserved
 * License: https://pqina.nl/pintura/license/
 * 
 * This version of Pintura is for testing purposes only.
 * Visit https://pqina.nl/pintura/ to obtain a commercial license.
 */
/* eslint-disable */
.PinturaUtilPanel[data-util=retouch] .PinturaControlListScroller+.PinturaControlListScroller{margin-top:1em}.PinturaUtilPanel[data-util=redact] .PinturaUtilFooter{padding:0}.PinturaUtilPanel[data-util=redact] .PinturaUtilFooter>div{height:1px}.pintura-editor,pintura-editor{--color-primary:#ffd843;--color-primary-dark:#ffc343;--color-primary-text:#000;--color-secondary:#03a9f4;--color-secondary-dark:#046bbf;--color-focus:4,107,191;--color-focus-100:rgba(var(--color-focus),1);--color-focus-50:rgba(var(--color-focus),0.5);--color-focus-25:rgba(var(--color-focus),0.25);--color-error:255,87,34;--color-error-100:rgb(var(--color-error));--color-error-75:rgba(var(--color-error),0.75);--color-error-50:rgba(var(--color-error),0.5);--color-error-25:rgba(var(--color-error),0.25);--color-error-10:rgba(var(--color-error),0.1);--color-foreground:0,0,0;--color-background:255,255,255;--color-preview-outline:var(--color-foreground);--color-transition-duration:250ms;--button-cursor:pointer;--font-size:16px;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--backdrop-filter-bright:brightness(110%) saturate(180%) blur(10px);--backdrop-filter-dark:brightness(90%) saturate(180%) blur(10px);--border-radius-round:9999em;--border-radius:0.625em;--filter-disabled:grayscale(95%) opacity(40%);--editor-inset-top:0px;--editor-inset-bottom:0px;--safe-area-inset-top:0px;--safe-area-inset-bottom:0px;--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:80vh;overflow-y:auto;scrollbar-color:var(--color-foreground-30) transparent;scrollbar-width:thin}.PinturaScrollableContent::-webkit-scrollbar{width:1em;cursor:pointer}.PinturaScrollableContent::-webkit-scrollbar-track{background:none}.PinturaScrollableContent::-webkit-scrollbar-thumb{cursor:pointer;background-clip:padding-box;background-color:var(--color-foreground-30);border-radius:9999em;border:.3125em solid transparent}.PinturaRoot[data-env~=is-animated]{--transition-duration-multiplier:1}.PinturaRoot[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);box-sizing:border-box;width:var(--editor-width,100%);height:var(--editor-height,100%);padding-top:var(--editor-calculated-inset-top);padding-bottom:var(--editor-calculated-inset-bottom);max-width:var(--editor-max-width,var(--editor-max-width-default,none));max-height:var(--editor-max-height,var(--editor-max-height-default,none));position:relative;overflow:hidden;contain:strict;display:grid;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:normal;font-size:var(--font-size);font-family:var(--font-family);font-weight:450;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);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 *{box-sizing:content-box;word-wrap:normal}.PinturaRoot button,.PinturaRoot fieldset,.PinturaRoot input,.PinturaRoot legend{padding:0;margin:0;border:none;background:transparent;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit;width:auto;text-decoration:none}.PinturaRoot button[disabled]{pointer-events:none}.PinturaRoot canvas{display:block}.PinturaRoot svg{display:inline-block;width:auto;height:auto;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);-webkit-clip-path:polygon(0 0,0 0,0 0);clip-path:polygon(0 0,0 0,0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.PinturaRoot .PinturaFixedWidthCharacters{font-variant:tabular-nums}.PinturaRoot .PinturaStage{display:flex;align-self:stretch;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:flex;justify-content:center;align-items:flex-start;background-color:var(--color-background-90)}.PinturaRoot>.PinturaStatus>p{position:absolute;top:50%;left:50%;display:inline-flex;white-space:nowrap;align-items:center;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;transition:background-color var(--transition-duration-10) ease-out,color var(--transition-duration-10) ease-out;-webkit-backdrop-filter:var(--backdrop-filter-dark);backdrop-filter:var(--backdrop-filter-dark)}.PinturaRoot .PinturaStatusAside .PinturaButton:not([disabled])[data-focus-visible]{background-color:var(--color-focus-50);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;transition:background-color var(--transition-duration-10) ease-out,color var(--transition-duration-10) ease-out}.PinturaRoot>.PinturaNav .PinturaButton svg{width:1em;transition:opacity var(--transition-duration-10) ease-out}.PinturaRoot>.PinturaNav .PinturaButton>span{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){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);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaRoot>.PinturaNav .PinturaButton:not(.PinturaButtonExport):not([disabled]):hover{background-color:var(--color-foreground-10)}.PinturaRoot .PinturaButtonExport{color:var(--color-primary-text);background-color:var(--color-primary)}.PinturaRoot .PinturaButtonExport:hover{background-color:var(--color-primary-dark)}.PinturaRoot .PinturaButtonExport[data-focus-visible]{color:var(--color-primary-text);background-color:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-foreground-5),0 0 0 3px var(--color-focus-50);background-color:var(--color-primary-dark)}.PinturaRoot .PinturaButtonExport:not(.PinturaButtonIconOnly){flex:1;padding:0 .75em}.PinturaRoot>.PinturaNavMain{display:flex;overflow:hidden}.PinturaRoot>.PinturaNavMain [aria-selected=true] button{-webkit-backdrop-filter:var(--backdrop-filter-dark);backdrop-filter:var(--backdrop-filter-dark);background-color:var(--color-foreground-10)}.PinturaRoot>.PinturaNavMain button svg{align-self:center;width:1.5em}.PinturaRoot>.PinturaNavMain button span,.PinturaRoot>.PinturaNavMain button svg{pointer-events:none}.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{box-shadow:inset 0 0 0 1px var(--color-foreground-5);transition:background-color var(--transition-duration-10) ease-out,color var(--transition-duration-10) ease-out,box-shadow var(--transition-duration-10) ease-out}.PinturaRoot>.PinturaNavMain button:hover{box-shadow:inset 0 0 0 1px var(--color-foreground-10)}.PinturaRoot>.PinturaNavMain button[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaRoot>.PinturaNavTools{max-width:100%;box-sizing:border-box;pointer-events:none}.PinturaRoot>.PinturaNavTools:empty{display:none}.PinturaRoot>.PinturaNavTools,.PinturaRoot>.PinturaNavTools .PinturaNavGroup,.PinturaRoot>.PinturaNavTools .PinturaNavSet{display:flex;align-items:center;justify-content:center}.PinturaRoot>.PinturaNavTools .PinturaButton,.PinturaRoot>.PinturaNavTools .PinturaNavSet{pointer-events:all}.PinturaRoot>.PinturaNavTools .PinturaButton[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaRoot .PinturaNavGroup{margin:0 var(--nav-group-margin)}.PinturaRoot .PinturaNavGroup>*{border-radius:var(--border-radius-round)}.PinturaRoot .PinturaNavGroup>*+*{margin-left:.5em}.PinturaRoot .PinturaNavGroup:first-of-type{margin-right:auto;margin-left:0}.PinturaRoot .PinturaNavGroup:last-of-type{margin-left:auto;margin-right:0}.PinturaRoot .PinturaNavSet{box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.PinturaRoot .PinturaNavSet>:not(:only-child){border:1px solid var(--color-foreground-3);border-top:0;border-bottom:0}.PinturaRoot .PinturaNavSet>:first-child:not(:only-child){border-left:0}.PinturaRoot .PinturaNavSet>:last-child:not(:only-child){border-right:0}.PinturaRoot .PinturaNavSet>*+*{margin-left:-1px}.PinturaRoot .PinturaNavSet>.PinturaButton:hover,.PinturaRoot .PinturaNavSet>.PinturaButton[data-focus-visible]{position:relative;z-index:1}.PinturaRoot .PinturaNavSet>:only-child{border-radius:var(--border-radius-round)}.PinturaRoot .PinturaNavSet>:first-child:not(:only-child) .PinturaButtonInner{padding:0 .125em 0 .25em}.PinturaRoot .PinturaNavSet>:first-child:not(:only-child){border-top-left-radius:var(--border-radius-round);border-bottom-left-radius:var(--border-radius-round)}.PinturaRoot .PinturaNavSet>:last-child:not(:only-child) .PinturaButtonInner{padding:0 .25em 0 .125em}.PinturaRoot .PinturaNavSet>:last-child:not(:only-child){border-top-right-radius:var(--border-radius-round);border-bottom-right-radius:var(--border-radius-round)}.PinturaRoot[data-env~=overlay] .PinturaNavSet{background-color:var(--color-background-50);-webkit-backdrop-filter:var(--backdrop-filter-bright);backdrop-filter:var(--backdrop-filter-bright);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{box-shadow:0 .0625em .125em rgba(0,0,0,.25),0 .125em .35em rgba(0,0,0,.35)}.PinturaRoot[data-env~=overlay] .PinturaNavGroup .PinturaButtonExport{box-shadow:inset 0 0 .125em rgba(0,0,0,.25),0 .0625em .125em rgba(0,0,0,.25),0 .125em .35em rgba(0,0,0,.35)}.PinturaRoot .PinturaNavGroupFloat{position:absolute;left:0;right:0;pointer-events:none}.PinturaRoot .PinturaNavGroupFloat>*{pointer-events:all}.PinturaRoot .PinturaUtilFooter .PinturaScrollable>div{padding-left:1em;padding-right:1em}.PinturaRoot>.PinturaMain{max-width:100vw}.PinturaRoot:not([data-env~=has-toolbar]) .PinturaUtilHeader{padding-top:0;padding-bottom:1em;margin-bottom:-1em}.PinturaRoot[data-env~=landscape]{grid-template-rows:-webkit-min-content auto;grid-template-rows:min-content auto;grid-template-columns:auto}.PinturaRoot[data-env~=landscape]>.PinturaNavTools{grid-row:1;grid-column:1;padding:1em 1em 0;z-index:3}.PinturaRoot[data-env~=landscape]>.PinturaNavMain{align-items:center;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{flex-direction:column}.PinturaRoot[data-env~=landscape]>.PinturaNavMain .PinturaTabList li{display:flex}.PinturaRoot[data-env~=landscape]>.PinturaNavMain .PinturaTabList li+li{margin:.5em 0 0}.PinturaRoot[data-env~=landscape]>.PinturaNavMain button{flex:1;width:4em;height:4em;border-radius:var(--border-radius);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{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;justify-content:center}.PinturaRoot[data-env~=portrait]>.PinturaNavMain .PinturaTabList{padding:0 .875em}.PinturaRoot[data-env~=portrait]>.PinturaNavMain li+li{margin-left:.5em}.PinturaRoot[data-env~=portrait]>.PinturaNavMain[data-state~=overflows]{overflow:visible}.PinturaRoot[data-env~=portrait]>.PinturaNavMain button{flex:1;width:4em;height:4em;border-radius:var(--border-radius);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{flex:1;flex-direction:row;width:auto;height:auto;border-radius:var(--border-radius);justify-content:flex-start;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;width:4em;height:4em;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{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:var(--color-primary);color:var(--color-primary)}.PinturaUtilPanel[data-util=frame] [data-selected=true] span{color:var(--color-foreground-90)}.PinturaUtilPanel[data-util=frame] [data-layout=row]>.PinturaRadioGroupOptions>li{margin:0 .5em}.PinturaUtilPanel[data-util=frame] [data-layout=row]>.PinturaRadioGroupOptions>li:first-child{margin-left:0}.PinturaUtilPanel[data-util=frame] [data-layout=row]>.PinturaRadioGroupOptions>li:last-child{margin-right:0}.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOptionGroupLabel{width:1px;height:1px;position:absolute;font-size:0}.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOptionGroup{display:flex;flex-direction:column-reverse}.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption{cursor:var(--button-cursor);margin-bottom:1em}.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption span{display:block;text-align:center;padding:0 1.5em;font-size:.625em;font-weight:400}.PinturaUtilPanel[data-util=frame] [data-focus-visible]+label>.PinturaRadioGroupOption span{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100);border-radius:.25em}.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption{position:relative;width:3em;height:4em}.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption div{position:absolute;outline-color:currentColor;border-color:currentColor;cursor:var(--button-cursor)}.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption div[slot]{overflow:hidden;left:-1px;top:-1px;bottom:-1px;right:-1px;display:flex;align-items: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;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:flex;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{transition:background-color var(--transition-duration-10),color var(--transition-duration-10)}.PinturaUtilPanel[data-util=filter] [data-selected=true] .PinturaFilterOption .PinturaFilterPreview{position:relative;z-index:1}.PinturaUtilPanel[data-util=filter] [data-selected=true] .PinturaFilterOption .PinturaFilterPreview:before{content:"";position:absolute;width:100%;height:100%;opacity:.35;border-radius:inherit;background-color:var(--color-primary)}.PinturaUtilPanel[data-util=filter] [data-focus-visible]+label>.PinturaFilterOption span{background-color:var(--color-focus-50);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{touch-action:none}.PinturaUtilPanel[data-util=crop],.PinturaUtilPanel[data-util=crop] .PinturaStage,.PinturaUtilPanel[data-util=crop] .PinturaUtilMain{pointer-events:all}.PinturaUtilPanel[data-util=crop] .PinturaImageInfo{position:absolute;right:1em;bottom:1em}.PinturaUtilPanel[data-util=crop] .PinturaButtonCenter{--size:3em;position:absolute;left:0;top:0;width:var(--size);height:var(--size);z-index:1;line-height:0;margin-top:calc(var(--size) * (-.5));margin-left:calc(var(--size) * (-.5));overflow:hidden;border-radius:50%;color:#000;background:hsla(0,0%,100%,.8);-webkit-backdrop-filter:var(--backdrop-filter-bright);backdrop-filter:var(--backdrop-filter-bright);outline:none}.PinturaUtilPanel[data-util=crop] .PinturaButtonCenter[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaRoot[data-env~=short] .PinturaUtilPanel[data-util=crop] .PinturaUtilFooter{padding-bottom:.5em}.PinturaUtilPanel[data-util=resize] form{display:flex;justify-content:center;padding:0 1em}.PinturaUtilPanel[data-util=resize] .PinturaFormInner{position:relative;display:flex;justify-content:center;align-items:center}.PinturaUtilPanel[data-util=resize] .PinturaFormInner>button{position:absolute;left:100%;margin-left:1em}.PinturaUtilPanel[data-util=resize] .PinturaFieldsetInner{display:inline-flex;align-items: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);box-shadow:inset 0 0 0 1px var(--color-foreground-5);transition:background-color var(--transition-duration-10)}.PinturaUtilPanel[data-util=resize] .PinturaDropdownButton:hover{background-color:var(--color-foreground-10)}.PinturaUtilPanel[data-util=resize] .PinturaDropdownButton .PinturaButtonLabel{display:block;line-height:2.65;padding:0 1em;font-variant-numeric:tabular-nums;font-size:.75em;font-weight:400}.PinturaUtilPanel[data-util=resize] .PinturaDropdownButton .PinturaButtonLabel:after{content:"▼";font-size:.6875em;margin-left:.75em;position:relative;top:-.125em;margin-right:-.25em;pointer-events:none}.PinturaUtilPanel[data-util=resize] input[type=checkbox]+label{padding:0 .125em;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);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaInputDimension{display:inline-flex;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;box-sizing:border-box;font-variant-numeric:tabular-nums;padding:.625em 0 .625em .625em;width:100%;max-width:7em;outline:transparent;border-radius:var(--border-radius);box-shadow:none;border:1px solid var(--color-foreground-80);transition:background-color var(--transition-duration-10) ease-in-out,color var(--transition-duration-10) ease-in-out,border-color var(--transition-duration-10) ease-in-out}.PinturaInputDimension button::-moz-selection, .PinturaInputDimension input::-moz-selection{background-color:var(--color-foreground-20)}.PinturaInputDimension button::selection,.PinturaInputDimension input::selection{background-color:var(--color-foreground-20)}.PinturaInputDimension button:hover,.PinturaInputDimension input:hover{background-color:var(--color-foreground-10)}.PinturaInputDimension button:focus,.PinturaInputDimension input:focus{border-color:var(--color-focus-100)}.PinturaInputDimension input{background-color:var(--color-foreground-5)}.PinturaInputDimension input:-moz-placeholder-shown+label{color:var(--color-foreground-20)}.PinturaInputDimension input:-ms-input-placeholder+label{color:var(--color-foreground-20)}.PinturaInputDimension input:placeholder-shown+label{color:var(--color-foreground-20)}.PinturaInputDimension input::-moz-placeholder{color:var(--color-foreground-30)}.PinturaInputDimension input:-ms-input-placeholder{color:var(--color-foreground-30)}.PinturaInputDimension input::placeholder{color:var(--color-foreground-30)}.PinturaInputDimension input[data-state=invalid]{border-color:var(--color-error-75);box-shadow:inset 0 0 .25em var(--color-error-25),0 0 .25em var(--color-error-50)}.PinturaInputDimension button{width:10em;min-height:2.65em}.PinturaInputDimension input::-webkit-inner-spin-button,.PinturaInputDimension input::-webkit-outer-spin-button{-webkit-appearance:none}.PinturaInputDimension input::-ms-clear{display:none}.PinturaRoot[dir=rtl] .PinturaInputDimension label{left:.625em;right:auto}.PinturaRoot[dir=rtl] .PinturaInputDimension input{padding-right:.625em;padding-left:0;text-align:right}.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%;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{box-shadow:inset 0 0 0 1px var(--color-foreground-5),inset 0 0 0 4px var(--color-primary),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}.PinturaModal{--safe-area-inset-top:env(safe-area-inset-top);--safe-area-inset-bottom:env(safe-area-inset-bottom);--editor-modal-border-radius:0;--editor-modal-overlay-opacity:0.95;--editor-modal-shadow:0 1em 2em -1em rgba(0,0,0,0.25),0 1.5em 1.5em -2em rgba(0,0,0,0.5);--editor-modal-outline:inset 0 0 0 1px var(--color-foreground-3);position:fixed;left:0;top:0;width:100%;height:100vh;z-index:2147483646;display:flex;justify-content:center;align-items:center;background-color:rgba(var(--color-background),var(--editor-modal-overlay-opacity,var(--editor-modal-overlay-opacity-default,.95)))}.PinturaModal>.PinturaRoot[data-env~=is-centered]{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:"";box-shadow:var(--editor-modal-outline);z-index:2147483646}.PinturaModal[style*="--viewport-pad-footer:1"]{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)}}.PinturaDocumentLock,.PinturaDocumentLock body{height:calc(var(--pintura-document-height) - 1px);overflow-y:hidden;box-sizing:border-box}.PinturaDocumentLock body{position:relative}.PinturaDocumentLock .PinturaModal{height:100%!important}.PinturaTabPanels{flex:1;display:grid;grid-template-columns:1fr}.PinturaTabPanel{position:relative;grid-row-start:1;grid-column-start:1;min-width:0}.PinturaTabPanel:not([hidden]){z-index:2;outline:transparent}.PinturaTabPanel[hidden]{display:block!important;z-index:1;pointer-events:none}.PinturaTabPanel[data-inert=true]{visibility:hidden}@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:inline-flex;vertical-align:top}.PinturaScrollable{touch-action:none}.PinturaScrollable[data-direction=x]{max-width:100%;--mask-angle:90deg}.PinturaScrollable[data-direction=y]{max-height:100%;--mask-angle:180deg}.PinturaScrollable[data-state~=overflows]{-webkit-mask:linear-gradient(var(--mask-angle),rgba(0,0,0,var(--scrollable-feather-start-opacity)),#000 var(--scrollable-feather-size),#000 calc(100% - var(--scrollable-feather-size)),rgba(0,0,0,var(--scrollable-feather-end-opacity)));mask:linear-gradient(var(--mask-angle),rgba(0,0,0,var(--scrollable-feather-start-opacity)),#000 var(--scrollable-feather-size),#000 calc(100% - var(--scrollable-feather-size)),rgba(0,0,0,var(--scrollable-feather-end-opacity)))}.PinturaScrollable[data-state~=scrolling]>div *{pointer-events:none}.PinturaTabList{display:flex;justify-content:center}.PinturaTabList button{display:flex;align-items:center;flex-direction:column;outline:transparent;cursor:var(--button-cursor);-webkit-tap-highlight-color:transparent}.PinturaTabList button>*{transition:filter var(--transition-duration-10) ease-out}.PinturaTabList button[disabled]>*{filter:var(--filter-disabled)}.PinturaUtilPanel{position:relative;z-index:1;height:100%;display:flex;flex:1;flex-direction:column;contain:layout size;box-sizing:border-box}.PinturaUtilPanel,.PinturaUtilPanel>*{padding-top:.5em;padding-bottom:.5em}.PinturaButton{white-space:nowrap;flex-shrink:0;-webkit-tap-highlight-color:transparent;cursor:var(--button-cursor)}.PinturaButton>span{display:inline-flex;align-items:center;vertical-align:top;min-height:1em}.PinturaButton svg+.PinturaButtonLabel{margin-left:.5em}.PinturaButton[disabled]{cursor:default;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}.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;transition:stroke-dashoffset .5s linear,stroke-dasharray .5s linear}@-webkit-keyframes image_editor_spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes image_editor_spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media only screen and (-webkit-min-device-pixel-ratio:3){.PinturaRoot[data-env~=is-ios] .PinturaProgressIndicator svg{transform-origin:49% 49%}}.PinturaUtilMain{padding-left:1em;padding-right:1em;min-height:1px;touch-action:none}.PinturaUtilMain,.PinturaUtilMain>[slot]{flex:1;display:flex;flex-direction:column}.PinturaUtilMain>[slot]{align-items:center}.PinturaUtilFooter>[slot]:empty{min-height:1em}.PinturaUtilFooter>[slot]{display:flex;flex-direction:column;align-items:center;justify-content:stretch;pointer-events:all}.PinturaUtilFooter .PinturaControlPanel .PinturaImageButtonList,.PinturaUtilFooter .PinturaShapeStyleList{min-height:3.5em;align-items:flex-start}.PinturaUtilFooter .PinturaControlList [role=tab][aria-selected=true] button{background-color:var(--color-foreground-10);box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.PinturaUtilFooter .PinturaControlList .PinturaControlListOption label,.PinturaUtilFooter .PinturaControlList [role=tab] button{flex-direction:row;line-height:1;padding:0 .75em;min-height:1.75em;white-space:nowrap;border-radius:var(--border-radius-round);transition:background-color var(--transition-duration-10) ease-out,color var(--transition-duration-10) ease-out,filter var(--transition-duration-25) ease-out;box-shadow:inset 0 0 0 1px var(--color-foreground-0);cursor:var(--button-cursor)}.PinturaUtilFooter .PinturaControlList .PinturaControlListOption label span,.PinturaUtilFooter .PinturaControlList [role=tab] button span{font-size:.75em;font-weight:400}.PinturaUtilFooter .PinturaControlList .PinturaControlListOption label svg,.PinturaUtilFooter .PinturaControlList [role=tab] button svg{width:.875em;font-size:.875em}.PinturaUtilFooter .PinturaControlList .PinturaControlListOption label svg:only-child,.PinturaUtilFooter .PinturaControlList [role=tab] button svg:only-child{margin-left:-.25em;margin-right:-.25em}.PinturaUtilFooter .PinturaControlList .PinturaControlListOption label svg:not(:only-child),.PinturaUtilFooter .PinturaControlList [role=tab] button svg:not(:only-child){margin-left:-.25em;margin-right:.375em}.PinturaUtilFooter .PinturaControlList .PinturaControlListOption label:hover,.PinturaUtilFooter .PinturaControlList [role=tab] button:hover{box-shadow:inset 0 0 0 1px var(--color-foreground-10)}.PinturaUtilFooter .PinturaControlList .PinturaControlListOption label[data-focus-visible],.PinturaUtilFooter .PinturaControlList [role=tab] button[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaUtilFooter .PinturaControlListOption [slot],.PinturaUtilFooter .PinturaControlListOption label{display:flex;flex-direction:row;align-items:center}.PinturaUtilFooter .PinturaControlListOption[data-selected=true] label{background-color:var(--color-foreground-10);box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.PinturaUtilFooter .PinturaControlListOption input[data-focus-visible]+label{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaUtilFooter .PinturaControlListOption input[disabled]+label{filter:var(--filter-disabled)}.PinturaUtilFooter .PinturaControlList .PinturaControlListOption+.PinturaControlListOption,.PinturaUtilFooter .PinturaControlList>li+li{margin-left:.5em}.PinturaUtilFooter .PinturaControlPanels{display:grid;grid-template-columns:1fr;width:40em;max-width:100%;margin:0 auto;flex:auto}.PinturaUtilFooter .PinturaControlPanel{grid-row-start:1;grid-column-start:1;max-width:100%;overflow:hidden;visibility:visible;opacity:1}.PinturaUtilFooter .PinturaControlPanel[hidden]{display:block!important;visibility:hidden;transition-delay:0s;pointer-events:none;opacity:0}.PinturaUtilFooter .PinturaControlList[data-layout=compact]>*+*{margin-left:-1px}.PinturaUtilFooter .PinturaControlList[data-layout=compact]>[role=tab] button{padding-left:.625em;padding-right:.625em;border-radius:0;box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.PinturaUtilFooter .PinturaControlList[data-layout=compact]>[role=tab]:only-child button{border-radius:var(--border-radius-round)}.PinturaUtilFooter .PinturaControlList[data-layout=compact]>[role=tab]:first-child:not(:only-child) button{padding-left:.75em;border-top-left-radius:var(--border-radius-round);border-bottom-left-radius:var(--border-radius-round)}.PinturaUtilFooter .PinturaControlList[data-layout=compact]>[role=tab]:last-child:not(:only-child) button{padding-right:.75em;border-top-right-radius:var(--border-radius-round);border-bottom-right-radius:var(--border-radius-round)}@supports not (aspect-ratio:1){.PinturaControlPanel{overflow-x:hidden}}.PinturaRoot[data-env~=is-animated] .PinturaUtilFooter .PinturaControlPanel{transition:opacity var(--transition-duration-25) ease-in-out,visibility var(--transition-duration-25) linear;transition-delay:.1s}.PinturaRoot[data-env~=has-controlgroups-preference-top] .PinturaUtilHeader{order:1}.PinturaRoot[data-env~=has-controlgroups-preference-top] .PinturaUtilFooter{order:2}.PinturaRoot[data-env~=has-controlgroups-preference-top] .PinturaUtilMain{order:3}.PinturaRoot[data-env~=has-controltabs-preference-bottom] .PinturaUtilFooter .PinturaControlPanels{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{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{align-items:flex-end}.PinturaRoot[data-env~=has-controltabs-preference-top] .PinturaUtilFooter .PinturaShapeStyleLabel{order:1}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter{margin:.75em 0}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlPanels{max-width:24em}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList{margin-top:1em}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList>li+li{margin-left:0}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList li[role=tab] span{font-size:.75em}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList li[role=tab] button{border-radius:0;background-color:var(--color-background-50);-webkit-backdrop-filter:var(--backdrop-filter-bright);backdrop-filter:var(--backdrop-filter-bright);box-shadow:inset 0 0 0 1px var(--color-background-15),0 .0625em .125em rgba(0,0,0,.25),0 .125em .35em rgba(0,0,0,.35)}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList li[role=tab]:first-child button{padding-left:.875em;border-top-left-radius:var(--border-radius-round);border-bottom-left-radius:var(--border-radius-round)}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList li[role=tab]:last-child button{padding-right:.875em;border-top-right-radius:var(--border-radius-round);border-bottom-right-radius:var(--border-radius-round)}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList li:not([aria-selected=true]) span{color:var(--color-foreground-40)}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlPanels{background-color:var(--color-background-50);-webkit-backdrop-filter:var(--backdrop-filter-bright);backdrop-filter:var(--backdrop-filter-bright);border-radius:var(--border-radius-round);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{flex-direction:row-reverse}.PinturaRoot[dir=rtl] .PinturaUtilFooter .PinturaControlList .PinturaControlListOption label svg:not(:only-child),.PinturaRoot[dir=rtl] .PinturaUtilFooter .PinturaControlList [role=tab] button svg:not(:only-child){margin-right:-.25em;margin-left:.375em}.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);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]{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;box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.PinturaInputFormInner>.PinturaButton:first-of-type{left:1em}.PinturaInputFormInner>.PinturaButton:last-of-type{right:1rem;color:var(--color-primary-text);background:var(--color-primary);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:flex;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:linear-gradient(0deg,transparent,#000 1em);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{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{flex:1}.PinturaInputForm[data-layout=row] .PinturaInputFormInner{display:flex;padding:.5em}.PinturaInputForm[data-layout=row] .PinturaInputFormInner input{padding:0 .5em;line-height:1.75;font-size:.8125em;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}.PinturaRadioGroup .PinturaRadioGroupOptions{display:flex;flex-direction:column}.PinturaRadioGroup .PinturaRadioGroupOptionGroup+.PinturaRadioGroupOptionGroup{margin-top:.5em}.PinturaRadioGroup .PinturaRadioGroupOption[data-hidden=true]{display:none}.PinturaRadioGroup[data-layout=row] .PinturaRadioGroupOptions{flex-direction:row}.PinturaRadioGroup label{-webkit-tap-highlight-color:transparent}.PinturaRangeInput{position:relative;display:flex;flex-direction:column;align-items:center;margin:auto;height:3.5em;max-width:24em;width:calc(100% - 2em);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);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% - .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;font-feature-settings:"tnum";font-family:Tahoma,Geneva,Verdana,sans-serif}.PinturaRangeInput>.PinturaRangeInputReset{position:absolute;left:calc(50% - 1.0625em);top:0;margin-top:.125em;padding:0;z-index:1;width:2em;overflow:hidden;color:transparent!important;transition:opacity var(--transition-duration-25);opacity:.35;outline:transparent;cursor:var(--button-cursor)}.PinturaRangeInput>.PinturaRangeInputReset:hover{opacity:.5}.PinturaRangeInput>.PinturaRangeInputReset[data-focus-visible]{opacity:1}.PinturaRangeInput>.PinturaRangeInputReset[data-focus-visible]:before{content:"";pointer-events:none;position:absolute;left:calc(50% - .5em);top:calc(50% - .5em);height:1em;width:1em;z-index:2;border-radius:.25em;background-color:var(--color-focus-50);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{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}.PinturaImageInfo{pointer-events:none}.PinturaImageInfo p{width:8em;height:1.25em;contain:strict;overflow:hidden;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";font-family:Tahoma,Geneva,Verdana,sans-serif;text-align:right;line-height:1;font-size:.75em}.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:flex;justify-content:center;align-items:center}.PinturaShapeStyleEditorOverflow>div{overflow:visible;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:flex;justify-content:center}.PinturaShapeStyleList{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:flex;flex-direction:column;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:flex;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;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);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;box-shadow:0 0 0 1px var(--color-foreground-5);content:""}.PinturaShapeStyle>.PinturaDropdownButton .PinturaButtonLabel,.PinturaShapeStyle>.PinturaRadioGroup .PinturaButtonLabel,.PinturaShapeStyle>.PinturaRadioGroupOption label,.PinturaShapeStyle>.PinturaSliderButton .PinturaButtonLabel{display:block;line-height:2.25;padding:0 1em;font-size:.6875em}.PinturaShapeStyle>.PinturaButton:not(.PinturaColorPickerButton)[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaShapeStyle .PinturaInputField{padding:0 .75em;width:3em;height:2em;line-height:2em;box-shadow:inset 0 0 0 1px var(--color-foreground-5);border-radius:var(--border-radius)}.PinturaShapeStyle .PinturaPromptInputGroup{position:relative;display:flex;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;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:flex;justify-content:center;align-items:center;width:1.75em;height:1.75em;padding:0;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:flex;align-items:center}.PinturaShapeStyle .PinturaPromptInputWrapper .PinturaProgressIndicator{right:.3125em}.PinturaShapeStyle .PinturaGenerateMoreButtonWrapper{position:relative;display:flex;align-items:center;justify-content:center;margin-top:.3125em;margin-left:.75em}.PinturaShapeStyle .PinturaPromptOptions{margin-left:.5em;display:flex;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;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{box-shadow:inset 0 0 0 1px var(--color-foreground-5);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{box-shadow:none}.PinturaShapeStyle .PinturaComboBox .PinturaInputField{padding-right:.375em}.PinturaShapeStyle>.PinturaRadioGroup>.PinturaRadioGroupOptions{flex-direction:row}.PinturaShapeStyle>.PinturaRadioGroup>.PinturaRadioGroupOptions label{cursor:var(--button-cursor);display:flex;height:var(--control-height);align-items:center;padding:0 .25em;box-shadow:inset 0 0 0 1px var(--color-foreground-5);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}.PinturaRectManipulator{--size:1.25em;position:absolute;left:0;top:0;outline:none;touch-action:none;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);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaRectManipulator[data-shape~=circle]{margin-left:calc(var(--size) * (-.5));margin-top:calc(var(--size) * (-.5));line-height:var(--size);border-radius:50%;background-color:var(--color-foreground-100);box-shadow:0 0 2px var(--color-background-50)}.PinturaRectManipulator[data-shape=hook]{border:3px solid var(--color-foreground-100)}.PinturaRectManipulator[data-shape=hook][data-direction*=t]{margin-top:-3px;border-bottom:0}.PinturaRectManipulator[data-shape=hook][data-direction*=r]{border-left:0;margin-left:calc(var(--size) * (-1))}.PinturaRectManipulator[data-shape=hook][data-direction*=b]{margin-top:calc(var(--size) * (-1));border-top:0}.PinturaRectManipulator[data-shape=hook][data-direction*=l]{border-right:0;margin-left:-3px}.PinturaRectManipulator[data-shape~=edge]{height:1px;width:1px;z-index:1}.PinturaRectManipulator[data-shape~=edge][data-focus-visible]{background-color:var(--color-focus-50)}.PinturaRectManipulator[data-direction=b],.PinturaRectManipulator[data-direction=t]{cursor:ns-resize;height:var(--size);margin-top:calc(var(--size) * (-.5));transform-origin:0 center}.PinturaRectManipulator[data-direction=l],.PinturaRectManipulator[data-direction=r]{cursor:ew-resize;width:var(--size);margin-left:calc(var(--size) * (-.5));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{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)}.PinturaToolbar{display:flex;justify-content:center;margin-left:1em;margin-right:1em}.PinturaToolbar .PinturaToolbarInner{display:inline-flex}.PinturaToolbar[data-layout=compact] .PinturaToolbarContentWide,.PinturaToolbar[data-overflow=overflow] .PinturaToolbarContentOptional{display:none}.PinturaToolbar .PinturaButton{border-radius:var(--border-radius-round);outline:transparent;padding:.3125em .75em;transition:background-color var(--transition-duration-10) ease-out,color var(--transition-duration-10) ease-out,box-shadow var(--transition-duration-10) ease-out;line-height:1.1}.PinturaToolbar .PinturaButton:hover{box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.PinturaToolbar .PinturaButton[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaToolbar .PinturaButton .PinturaButtonIcon{width:1em}.PinturaToolbar .PinturaButtonLabel{font-size:.75em}.PinturaToolbar .PinturaPanel{z-index:3}.PinturaToolbar .PinturaToolbarInner>*{margin:0 .5em}.PinturaImageButtonList,.PinturaImageButtonList>li{display:flex;align-items:center}.PinturaImageButtonList>li{--thumb-size:1.75em;--thumb-radius:0.3125em;--thumb-margin:0.3125em;justify-content:center;position:relative}.PinturaImageButtonList>li+li{margin-left:.5em}.PinturaRoot .PinturaImageButton{--thumb-size:1.75em;--thumb-radius:0.3125em;--thumb-margin:0.3125em;padding:var(--thumb-margin);border-radius:var(--border-radius);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);transition:filter var(--transition-duration-25) ease-out}.PinturaRoot .PinturaImageButton[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:"⚠";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 calc(var(--transition-duration-multiplier, 0) * 1s) infinite alternate ease-in-out;animation:pintura-img-loading calc(var(--transition-duration-multiplier, 0) * 1s) infinite alternate ease-in-out;background-color:var(--color-foreground-10);transition:transform calc(var(--transition-duration-multiplier, 0) * .5s) ease-in;z-index:-1}.PinturaRoot .PinturaImageButton[data-loader] img{opacity:0;transition:opacity calc(var(--transition-duration-multiplier, 0) * .35s) 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;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}}.PinturaInput{display:flex;flex-direction:row}.PinturaInput input[disabled]{filter:var(--filter-disabled)}.PinturaInputField{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:flex;flex-direction:column;justify-content:space-evenly;align-items:center}.PinturaInputSpinners button{line-height:1!important;width:2em;font-size:.5em!important;outline:transparent}.PinturaPanel.PinturaSliderPanel{border-radius:var(--border-radius-round)}.PinturaPercentageLabel{font-variant-numeric:tabular-nums;min-width:3em;text-align:center}.PinturaSliderPanel .PinturaSlider{width:10em;--knob-size:0.75em;--knob-margin-left:0.3125em;--knob-margin-right:0.3125em}.PinturaSliderPanel .PinturaSliderTrack{background-color:var(--color-foreground-10)}.PinturaSliderPanel .PinturaSliderKnob{background-color:var(--color-foreground-100);box-shadow:0 .125em .25em rgba(0,0,0,.35),0 -.125em .25em rgba(0,0,0,.1)}.PinturaShapeList{pointer-events:none;opacity:0;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);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:flex;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);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaShapeList[data-visible=true] .PinturaShapeListItem{pointer-events:all}.PinturaShapeEditor{height:100%;width:100%;outline:none;touch-action:none}.PinturaShapeControls{position:absolute!important;left:0;top:0;z-index:3;pointer-events:none;display:flex;align-items:center}.PinturaShapeControlsGroup{pointer-events:all;color:#eee;background:#222;box-shadow:0 .125em .25em rgba(0,0,0,.25);border-radius:.25em}.PinturaShapeControlsGroup,.PinturaShapeControlsGroup .PinturaShapeControlsGroupToggle{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);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;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;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;transform-origin:center;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)) - var(--bottom-inset, 0));overflow:hidden;outline:none;vertical-align:top}.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:flex;justify-content:center}.PinturaShapePresetsPalette .PinturaButton+.PinturaButton{margin-left:.5em}.PinturaShapePresetsPalette .PinturaButton{flex-direction:row;line-height:1.1;padding:.3125em .75em;border-radius:var(--border-radius-round);box-shadow:inset 0 0 0 1px var(--color-foreground-5);cursor:var(--button-cursor);transition:background-color var(--transition-duration-10) ease-out,color var(--transition-duration-10) ease-out,box-shadow var(--transition-duration-10) ease-out;outline:none}.PinturaShapePresetsPalette .PinturaButton .PinturaButtonIcon{width:1em}.PinturaShapePresetsPalette .PinturaButton .PinturaButtonLabel{font-size:.75em}.PinturaShapePresetsPalette .PinturaButton:hover{box-shadow:inset 0 0 0 1px var(--color-foreground-10)}.PinturaShapePresetsPalette .PinturaButton[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaShapePresetsPalette .PinturaShapePresetsFlat>*+*,.PinturaShapePresetsPalette .PinturaShapePresetsGroups>*+*,.PinturaShapePresetsPalette .PinturaShapePresetsGroups>div>*+*{margin-left:.5em}.PinturaShapePresetsGroups{display:flex}.PinturaShapePresetsGrouped{display:flex;flex-direction:column;align-items:center}.PinturaShapePresetsGrouped [role=tab]{white-space:nowrap}.PinturaShapePresetsFlat{display:flex;align-items:center;justify-content:center}.PinturaShapePresetsFlat>.PinturaButton{margin-left:1em}.PinturaOptionsList,.PinturaOptionsListWrapper{border-radius:inherit}.PinturaOptionsList .PinturaListOption{transition:background-color var(--transition-duration-10);border-radius:inherit}.PinturaOptionsList .PinturaListOption label{display:block;margin:0;border-radius:inherit;white-space:nowrap}.PinturaOptionsList .PinturaListOption svg{margin-right:.25em;margin-left:-.5em;min-width:1.5em}.PinturaOptionsList .PinturaListOption svg:only-child{margin-left:0;margin-right:0}.PinturaOptionsList .PinturaListOption [slot]{display:flex;align-items:center;padding:.325em .75em}.PinturaOptionsList .PinturaDropdownOptionLabel{font-size:.75em;line-height:1.75;padding:0 .325em;margin-left:-.325em;display:inline-flex;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);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;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]{justify-content:flex-end}.PinturaColorPickerPanel{padding:.5em;max-width:14em;overflow:visible;touch-action:none}.PinturaColorPickerPanel .PinturaColorPickerButton{outline:transparent}.PinturaColorPickerPanel .PinturaColorPickerButton[data-focus-visible]{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;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:flex;flex-direction:row;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);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaColorPickerPanel .PinturaSlider{margin-left:-.325em;margin-right:-.325em}.PinturaColorPickerPanel .PinturaSlider>.PinturaSliderControl{position:relative;z-index:2}.PinturaColorPickerPanel .PinturaPicker{width:100%}.PinturaColorPickerPanel .PinturaPicker+.PinturaColorPresets{margin-top:.5em}.PinturaColorPickerPanel .PinturaPicker .PinturaPickerKnob,.PinturaColorPickerPanel .PinturaPicker .PinturaSliderKnob{border-radius:9999em;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);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:linear-gradient(180deg,transparent,#000),linear-gradient(90deg,#fff,transparent)}.PinturaColorPickerPanel .PinturaPicker .PinturaHuePicker .PinturaSliderTrack{background-image:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.PinturaColorPickerPanel .PinturaPicker .PinturaSliderTrack{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);margin:.75em 0 .25em .3125em;width:calc(100% - .625em);line-height:1.75;text-indent:.5em;font-size:.875em;border-radius:.25em;border:1px solid var(--color-foreground-20);font-variant:tabular-nums;text-transform:uppercase}.PinturaColorPickerPanel .PinturaPicker .PinturaColorPickerInput:focus{outline:transparent;border-color:var(--color-focus-100)}.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;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;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))}.PinturaPanelTip[style*="top:0"]{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))}.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}.PinturaContentEditable{white-space:pre-line!important;word-break:break-word!important;display:inline-block!important;-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important;user-select:text!important}.PinturaContentEditable[data-wrap-content=nowrap]{white-space:nowrap!important;word-break:normal!important}.PinturaContentEditable{background:transparent!important;margin:0!important;border-radius:0!important;max-width:none!important;min-width:auto!important;box-shadow:none!important}.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:flex;align-items:center;touch-action:none}.PinturaSlider[data-direction=y]{flex-direction:column}.PinturaSlider .PinturaSliderControl{position:relative;flex:1}.PinturaSlider>button{position:relative;z-index:1;width:var(--track-size);height:var(--track-size);overflow:hidden;cursor:pointer;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{order:2;padding-right:.125em;margin-left:-.325em}.PinturaSlider>button:last-of-type{order:1;padding-left:.125em;margin-right:-.325em}.PinturaSlider>.PinturaSliderControl{order:2}.PinturaSlider .PinturaSliderKnob{left:0;top:50%;border-radius:9999em;visibility:visible;width:var(--knob-size);height:var(--knob-size);margin-left:calc(var(--knob-size) * -.5);margin-top:calc(var(--knob-size) * -.5)}.PinturaSlider .PinturaSliderKnob,.PinturaSlider .PinturaSliderKnobController,.PinturaSlider .PinturaSliderTrack{pointer-events:none;position:absolute}.PinturaSlider .PinturaSliderTrack{top:var(--track-offset-y);bottom:var(--track-offset-y);left:var(--track-offset-x);right:var(--track-offset-x)}.PinturaSlider .PinturaSliderKnobController{visibility:hidden;top:calc(var(--track-offset-y) + var(--knob-margin-top));bottom:calc(var(--track-offset-y) + var(--knob-margin-bottom));left:calc(var(--track-offset-x) + var(--knob-margin-left));right:calc(var(--track-offset-x) + var(--knob-margin-right))}.PinturaSlider .PinturaSliderTrack{border-radius:9999em}.PinturaSlider[data-direction=x] input[type=range]{height:var(--track-size);margin-left:var(--track-offset-x);width:calc(100% - (var(--track-offset-x) * 2))}.PinturaSlider[data-direction=y] input[type=range]{width:var(--track-size);margin-top:var(--track-offset-y);height:calc(100% - (var(--track-offset-y) * 2))}.PinturaSlider input[type=range]{-webkit-appearance:none;display:block}.PinturaSlider input[type=range]::-webkit-slider-runnable-track{background:transparent}.PinturaSlider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;line-height:0;margin:0;padding:0;border:none}.PinturaSlider input[type=range]::-moz-range-thumb{line-height:0;margin:0;padding:0;border:none;visibility:hidden}.PinturaSlider input[type=range]::-ms-thumb{line-height:0;margin:0;padding:0;border:none}.PinturaSlider input[type=range]::-ms-ticks-before,.PinturaSlider input[type=range]::-ms-tooltip{display:none}.PinturaSlider input[type=range]::-ms-ticks-after{display:none}.PinturaSlider input[type=range]::-ms-track{color:transparent;border:none;background:transparent}.PinturaSlider input[type=range]::-ms-fill-lower,.PinturaSlider input[type=range]::-ms-fill-upper{background:transparent}.PinturaSlider input[type=range]:focus{outline:transparent}.PinturaSlider input[type=range][data-focus-visible]~.PinturaSliderKnobController .PinturaSliderKnob:after{position:absolute;left:-.3125em;right:-.3125em;top:-.3125em;bottom:-.3125em;border-radius:inherit;content:"";background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100);pointer-events:none}.PinturaShapeManipulator{position:absolute;left:0;top:0;outline:none;touch-action:none;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) * (-.5));margin-top:calc(var(--size) * (-.5));line-height:var(--size);width:var(--size);height:var(--size);border-radius:9999em}.PinturaShapeManipulator:not([data-control=edge]):after{position:absolute;left:-.5em;right:-.5em;top:-.5em;bottom:-.5em;content:""}.PinturaShapeManipulator:not([data-control=edge])[data-focus-visible]:after{border-radius:inherit;background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaShapeManipulator[data-control=point]{background:linear-gradient(90deg,var(--color-secondary-dark),var(--color-secondary));box-shadow:0 0 0 2px #fff,0 0 4px #000;z-index:3}.PinturaShapeManipulator[data-control=edge]{margin-top:calc(var(--size) * (-.5));height:var(--size);width:1px;z-index:1;transform-origin:0 calc(var(--size) * .5)}.PinturaShapeManipulator[data-control=edge][data-focus-visible]{background-color:var(--color-focus-50)}.PinturaShapeManipulator[data-control=rotate]{border-radius:9999em;background:linear-gradient(90deg,#fff,#ddd);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);transform:translate3d(calc(var(--tx) * 1px),calc(var(--ty) * 1px),0) rotate(var(--r))}
/*!
 * Pintura v8.66.1 - Test version
 * (c) 2018-2023 PQINA Inc. - All Rights Reserved
 * License: https://pqina.nl/pintura/license/
 * 
 * This version of Pintura is for testing purposes only.
 * Visit https://pqina.nl/pintura/ to obtain a commercial license.
 */
/* eslint-disable */
.pintura :global .PinturaUtilPanel[data-util=retouch] .PinturaControlListScroller+.PinturaControlListScroller{margin-top:1em}.pintura :global .PinturaUtilPanel[data-util=redact] .PinturaUtilFooter{padding:0}.pintura :global .PinturaUtilPanel[data-util=redact] .PinturaUtilFooter>div{height:1px}.pintura :global .pintura-editor,.pintura :global 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 :global .pintura-editor,.pintura :global .pintura-editor-panel,.pintura :global 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 :global .pintura-editor,.pintura :global .PinturaRootWrapper,.pintura :global pintura-editor{display:block}.pintura :global .PinturaRootWrapper{height:100%}.pintura :global .PinturaScrollableContent{overflow:hidden;max-height:80vh;overflow-y:auto;scrollbar-color:var(--color-foreground-30) transparent;scrollbar-width:thin}.pintura :global .PinturaScrollableContent::-webkit-scrollbar{width:1em;cursor:pointer}.pintura :global .PinturaScrollableContent::-webkit-scrollbar-track{background:none}.pintura :global .PinturaScrollableContent::-webkit-scrollbar-thumb{cursor:pointer;background-clip:padding-box;background-color:var(--color-foreground-30);border-radius:9999em;border:.3125em solid transparent}.pintura :global .PinturaRoot[data-env~=is-animated]{--transition-duration-multiplier:1}.pintura :global .PinturaRoot[data-env~=is-transparent]{background:none}.pintura :global .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);box-sizing:border-box;width:var(--editor-width,100%);height:var(--editor-height,100%);padding-top:var(--editor-calculated-inset-top);padding-bottom:var(--editor-calculated-inset-bottom);max-width:var(--editor-max-width,var(--editor-max-width-default,none));max-height:var(--editor-max-height,var(--editor-max-height-default,none));position:relative;overflow:hidden;contain:strict;display:grid;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:normal;font-size:var(--font-size);font-family:var(--font-family);font-weight:450;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);transition:background-color 1ms,outline-color 1ms,color var(--transition-duration-10) ease-in-out,dir 1ms}.pintura :global .PinturaRoot[dir=rtl] button{direction:rtl}.pintura :global .PinturaRoot .PinturaUtilMain{cursor:var(--cursor)}.pintura :global .PinturaRoot *{box-sizing:content-box;word-wrap:normal}.pintura :global .PinturaRoot button,.pintura :global .PinturaRoot fieldset,.pintura :global .PinturaRoot input,.pintura :global .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}.pintura :global .PinturaRoot button[disabled]{pointer-events:none}.pintura :global .PinturaRoot canvas{display:block}.pintura :global .PinturaRoot svg{display:inline-block;width:auto;height:auto;max-width:none}.pintura :global .PinturaRoot p{margin:0}.pintura :global .PinturaRoot li,.pintura :global .PinturaRoot ul{list-style:none;margin:0;padding:0}.pintura :global .PinturaRoot a{color:inherit;text-decoration:none}.pintura :global .PinturaRoot .implicit{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0,0 0,0 0);clip-path:polygon(0 0,0 0,0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.pintura :global .PinturaRoot .PinturaFixedWidthCharacters{font-variant:tabular-nums}.pintura :global .PinturaRoot .PinturaStage{display:flex;align-self:stretch;flex:1;pointer-events:none}.pintura :global .PinturaRoot .PinturaStage[tabindex="-1"]{outline:none}.pintura :global .PinturaRoot .PinturaRootPortal,.pintura :global .PinturaRoot>.PinturaCanvas{position:absolute;left:0;top:0}.pintura :global .PinturaRoot>.PinturaCanvas{width:100%;height:100%;pointer-events:none;z-index:0}.pintura :global .PinturaRoot>.PinturaCanvas canvas{position:absolute;width:100%;height:100%}.pintura :global .PinturaRoot>.PinturaCanvas:after{content:"";position:absolute;left:0;top:0;bottom:0;right:0;background-repeat:no-repeat}.pintura :global .PinturaRoot>.PinturaStatus{position:absolute;z-index:99999;left:0;top:0;width:100%;height:100%;display:flex;justify-content:center;align-items:flex-start;background-color:var(--color-background-90)}.pintura :global .PinturaRoot>.PinturaStatus>p{position:absolute;top:50%;left:50%;display:inline-flex;white-space:nowrap;align-items:center;transition:opacity var(--transition-duration-50) ease-out}.pintura :global .PinturaRoot .PinturaStatusMessage{position:absolute;font-size:.875em}.pintura :global .PinturaRoot .PinturaStatusAside{position:absolute;left:0}.pintura :global .PinturaRoot .PinturaStatusAside svg{width:1.25em;height:1.25em}.pintura :global .PinturaRoot .PinturaStatusAside .PinturaProgressIndicator{margin-left:.5em}.pintura :global .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;transition:background-color var(--transition-duration-10) ease-out,color var(--transition-duration-10) ease-out;-webkit-backdrop-filter:var(--backdrop-filter-dark);backdrop-filter:var(--backdrop-filter-dark)}.pintura :global .PinturaRoot .PinturaStatusAside .PinturaButton:not([disabled])[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.pintura :global .PinturaRoot .PinturaStatusAside .PinturaButton:not([disabled]):hover{background-color:var(--color-foreground-10)}.pintura :global .PinturaRoot .PinturaStatusIcon svg{font-size:.875em;margin-top:.25em;margin-left:.5em}.pintura :global .PinturaRoot>.PinturaNav{position:relative;z-index:3}.pintura :global .PinturaRoot>.PinturaNav:empty{display:none!important}.pintura :global .PinturaRoot>.PinturaNav .PinturaButton{outline:transparent;transition:background-color var(--transition-duration-10) ease-out,color var(--transition-duration-10) ease-out}.pintura :global .PinturaRoot>.PinturaNav .PinturaButton svg{width:1em;transition:opacity var(--transition-duration-10) ease-out}.pintura :global .PinturaRoot>.PinturaNav .PinturaButton>span{justify-content:center}.pintura :global .PinturaRoot>.PinturaNav .PinturaButtonIconOnly .PinturaButtonInner,.pintura :global .PinturaRoot>.PinturaNav .PinturaDropdownIconOnly .PinturaButtonInner{width:1.75em}.pintura :global .PinturaRoot>.PinturaNav .PinturaButton .PinturaButtonInner{height:1.75em}.pintura :global .PinturaRoot>.PinturaNav .PinturaButton:not(.PinturaButtonIconOnly):not(.PinturaDropdownIconOnly){padding-left:.75em;padding-right:.75em}.pintura :global .PinturaRoot>.PinturaNav .PinturaButton:not(.PinturaButtonIconOnly):not(.PinturaDropdownIconOnly) .PinturaButtonLabel{font-size:.75em;line-height:2}.pintura :global .PinturaRoot>.PinturaNav .PinturaButton:not(.PinturaButtonIconOnly):not(.PinturaDropdownIconOnly):not(.PinturaDropdownButton){box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.pintura :global .PinturaRoot>.PinturaNav .PinturaButton:only-of-type{border-radius:var(--border-radius-round)}.pintura :global .PinturaRoot>.PinturaNav .PinturaButton:only-of-type+*{margin-left:.5em}.pintura :global .PinturaRoot>.PinturaNav .PinturaButton[disabled] .PinturaButtonLabel,.pintura :global .PinturaRoot>.PinturaNav .PinturaButton[disabled] svg{opacity:.25}.pintura :global .PinturaRoot>.PinturaNav .PinturaButton:not(.PinturaButtonExport):not([disabled])[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.pintura :global .PinturaRoot>.PinturaNav .PinturaButton:not(.PinturaButtonExport):not([disabled]):hover{background-color:var(--color-foreground-10)}.pintura :global .PinturaRoot .PinturaButtonExport{color:var(--color-primary-text);background-color:var(--color-primary)}.pintura :global .PinturaRoot .PinturaButtonExport:hover{background-color:var(--color-primary-dark)}.pintura :global .PinturaRoot .PinturaButtonExport[data-focus-visible]{color:var(--color-primary-text);background-color:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-foreground-5),0 0 0 3px var(--color-focus-50);background-color:var(--color-primary-dark)}.pintura :global .PinturaRoot .PinturaButtonExport:not(.PinturaButtonIconOnly){flex:1;padding:0 .75em}.pintura :global .PinturaRoot>.PinturaNavMain{display:flex;overflow:hidden}.pintura :global .PinturaRoot>.PinturaNavMain [aria-selected=true] button{-webkit-backdrop-filter:var(--backdrop-filter-dark);backdrop-filter:var(--backdrop-filter-dark);background-color:var(--color-foreground-10)}.pintura :global .PinturaRoot>.PinturaNavMain button svg{align-self:center;width:1.5em}.pintura :global .PinturaRoot>.PinturaNavMain button span,.pintura :global .PinturaRoot>.PinturaNavMain button svg{pointer-events:none}.pintura :global .PinturaRoot>.PinturaNavMain button svg+span{margin-top:.75em}.pintura :global .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)}.pintura :global .PinturaRoot>.PinturaNavMain button{box-shadow:inset 0 0 0 1px var(--color-foreground-5);transition:background-color var(--transition-duration-10) ease-out,color var(--transition-duration-10) ease-out,box-shadow var(--transition-duration-10) ease-out}.pintura :global .PinturaRoot>.PinturaNavMain button:hover{box-shadow:inset 0 0 0 1px var(--color-foreground-10)}.pintura :global .PinturaRoot>.PinturaNavMain button[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.pintura :global .PinturaRoot>.PinturaNavTools{max-width:100%;box-sizing:border-box;pointer-events:none}.pintura :global .PinturaRoot>.PinturaNavTools:empty{display:none}.pintura :global .PinturaRoot>.PinturaNavTools,.pintura :global .PinturaRoot>.PinturaNavTools .PinturaNavGroup,.pintura :global .PinturaRoot>.PinturaNavTools .PinturaNavSet{display:flex;align-items:center;justify-content:center}.pintura :global .PinturaRoot>.PinturaNavTools .PinturaButton,.pintura :global .PinturaRoot>.PinturaNavTools .PinturaNavSet{pointer-events:all}.pintura :global .PinturaRoot>.PinturaNavTools .PinturaButton[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.pintura :global .PinturaRoot .PinturaNavGroup{margin:0 var(--nav-group-margin)}.pintura :global .PinturaRoot .PinturaNavGroup>*{border-radius:var(--border-radius-round)}.pintura :global .PinturaRoot .PinturaNavGroup>*+*{margin-left:.5em}.pintura :global .PinturaRoot .PinturaNavGroup:first-of-type{margin-right:auto;margin-left:0}.pintura :global .PinturaRoot .PinturaNavGroup:last-of-type{margin-left:auto;margin-right:0}.pintura :global .PinturaRoot .PinturaNavSet{box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.pintura :global .PinturaRoot .PinturaNavSet>:not(:only-child){border:1px solid var(--color-foreground-3);border-top:0;border-bottom:0}.pintura :global .PinturaRoot .PinturaNavSet>:first-child:not(:only-child){border-left:0}.pintura :global .PinturaRoot .PinturaNavSet>:last-child:not(:only-child){border-right:0}.pintura :global .PinturaRoot .PinturaNavSet>*+*{margin-left:-1px}.pintura :global .PinturaRoot .PinturaNavSet>.PinturaButton:hover,.pintura :global .PinturaRoot .PinturaNavSet>.PinturaButton[data-focus-visible]{position:relative;z-index:1}.pintura :global .PinturaRoot .PinturaNavSet>:only-child{border-radius:var(--border-radius-round)}.pintura :global .PinturaRoot .PinturaNavSet>:first-child:not(:only-child) .PinturaButtonInner{padding:0 .125em 0 .25em}.pintura :global .PinturaRoot .PinturaNavSet>:first-child:not(:only-child){border-top-left-radius:var(--border-radius-round);border-bottom-left-radius:var(--border-radius-round)}.pintura :global .PinturaRoot .PinturaNavSet>:last-child:not(:only-child) .PinturaButtonInner{padding:0 .25em 0 .125em}.pintura :global .PinturaRoot .PinturaNavSet>:last-child:not(:only-child){border-top-right-radius:var(--border-radius-round);border-bottom-right-radius:var(--border-radius-round)}.pintura :global .PinturaRoot[data-env~=overlay] .PinturaNavSet{background-color:var(--color-background-50);-webkit-backdrop-filter:var(--backdrop-filter-bright);backdrop-filter:var(--backdrop-filter-bright);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)}.pintura :global .PinturaRoot[data-env~=overlay] .PinturaNavSet .PinturaButton:not(.PinturaButtonExport):not([disabled]):hover,.pintura :global .PinturaRoot[data-env~=overlay] .PinturaNavSet>*{border-color:var(--color-background-15)}.pintura :global .PinturaRoot[data-env~=overlay] .PinturaNavGroup>.PinturaButton{box-shadow:0 .0625em .125em rgba(0,0,0,.25),0 .125em .35em rgba(0,0,0,.35)}.pintura :global .PinturaRoot[data-env~=overlay] .PinturaNavGroup .PinturaButtonExport{box-shadow:inset 0 0 .125em rgba(0,0,0,.25),0 .0625em .125em rgba(0,0,0,.25),0 .125em .35em rgba(0,0,0,.35)}.pintura :global .PinturaRoot .PinturaNavGroupFloat{position:absolute;left:0;right:0;pointer-events:none}.pintura :global .PinturaRoot .PinturaNavGroupFloat>*{pointer-events:all}.pintura :global .PinturaRoot .PinturaUtilFooter .PinturaScrollable>div{padding-left:1em;padding-right:1em}.pintura :global .PinturaRoot>.PinturaMain{max-width:100vw}.pintura :global .PinturaRoot:not([data-env~=has-toolbar]) .PinturaUtilHeader{padding-top:0;padding-bottom:1em;margin-bottom:-1em}.pintura :global .PinturaRoot[data-env~=landscape]{grid-template-rows:-webkit-min-content auto;grid-template-rows:min-content auto;grid-template-columns:auto}.pintura :global .PinturaRoot[data-env~=landscape]>.PinturaNavTools{grid-row:1;grid-column:1;padding:1em 1em 0;z-index:3}.pintura :global .PinturaRoot[data-env~=landscape]>.PinturaNavMain{align-items:center;justify-content:flex-end;position:absolute;left:1em;top:calc(1em + var(--editor-calculated-inset-top));bottom:calc(1em + var(--editor-calculated-inset-bottom))}.pintura :global .PinturaRoot[data-env~=landscape]>.PinturaNavMain .PinturaTabList{flex-direction:column}.pintura :global .PinturaRoot[data-env~=landscape]>.PinturaNavMain .PinturaTabList li{display:flex}.pintura :global .PinturaRoot[data-env~=landscape]>.PinturaNavMain .PinturaTabList li+li{margin:.5em 0 0}.pintura :global .PinturaRoot[data-env~=landscape]>.PinturaNavMain button{flex:1;width:4em;height:4em;border-radius:var(--border-radius);justify-content:center}.pintura :global .PinturaRoot[data-env~=landscape]>.PinturaNavMain button span{font-size:.6875em;margin-top:.5em}.pintura :global .PinturaRoot[data-env~=landscape]>.PinturaNavMain button svg{width:1em;margin-top:.25em}.pintura :global .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))}.pintura :global .PinturaRoot[data-env~=landscape][data-env~=has-limited-space]>.PinturaNavMain{align-items:flex-start;bottom:calc(1em + var(--editor-calculated-inset-bottom))}.pintura :global .PinturaRoot[data-env~=landscape]>.PinturaMain{grid-row:2;grid-column:1}.pintura :global .PinturaRoot[data-env~=landscape][data-env~=has-toolbar-preference-bottom]{grid-template-rows:auto -webkit-min-content;grid-template-rows:auto min-content}.pintura :global .PinturaRoot[data-env~=landscape][data-env~=has-toolbar-preference-bottom]>.PinturaNavTools{grid-row:2;padding-top:0;padding-bottom:1em}.pintura :global .PinturaRoot[data-env~=landscape][data-env~=has-toolbar-preference-bottom]>.PinturaMain{grid-row:1}.pintura :global .PinturaRoot[data-env~=landscape][data-env~=has-navigation]{grid-template-columns:6em auto}.pintura :global .PinturaRoot[data-env~=landscape][data-env~=has-navigation]:not([data-env~=narrow]) .PinturaNavGroupFloat{margin:0 0 0 7em}.pintura :global .PinturaRoot[data-env~=landscape][data-env~=has-navigation]>.PinturaNavTools{grid-column:1/span 2}.pintura :global .PinturaRoot[data-env~=landscape][data-env~=has-navigation]>.PinturaMain{grid-column:2}.pintura :global .PinturaRoot[data-env~=landscape][data-env~=has-navigation]:not([data-env~=has-navigation-preference-right]) .PinturaUtilMain{padding-left:0}.pintura :global .PinturaRoot[data-env~=landscape][data-env~=has-navigation]:not([data-env~=has-navigation-preference-right]) .PinturaUtilFooter{padding-right:1em}.pintura :global .PinturaRoot[data-env~=landscape][data-env~=has-navigation][data-env~=has-navigation-preference-right]{grid-template-columns:auto 6em}.pintura :global .PinturaRoot[data-env~=landscape][data-env~=has-navigation][data-env~=has-navigation-preference-right]:not([data-env~=narrow]) .PinturaNavGroupFloat{margin:0 7em 0 0}.pintura :global .PinturaRoot[data-env~=landscape][data-env~=has-navigation][data-env~=has-navigation-preference-right]>.PinturaNavMain{right:1em;left:auto}.pintura :global .PinturaRoot[data-env~=landscape][data-env~=has-navigation][data-env~=has-navigation-preference-right]>.PinturaMain{grid-column:1}.pintura :global .PinturaRoot[data-env~=landscape][data-env~=has-navigation][data-env~=has-navigation-preference-right] .PinturaUtilMain{padding-right:0}.pintura :global .PinturaRoot[data-env~=landscape][data-env~=has-navigation][data-env~=has-navigation-preference-right] .PinturaUtilFooter{padding-left:1em}.pintura :global .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}.pintura :global .PinturaRoot[data-env~=portrait]>*{grid-column:1}.pintura :global .PinturaRoot[data-env~=portrait]>.PinturaNavTools{grid-row:1;padding:.75em .75em 0}.pintura :global .PinturaRoot[data-env~=portrait]>.PinturaNavMain{grid-row:3;margin-bottom:.75em;justify-content:center}.pintura :global .PinturaRoot[data-env~=portrait]>.PinturaNavMain .PinturaTabList{padding:0 .875em}.pintura :global .PinturaRoot[data-env~=portrait]>.PinturaNavMain li+li{margin-left:.5em}.pintura :global .PinturaRoot[data-env~=portrait]>.PinturaNavMain[data-state~=overflows]{overflow:visible}.pintura :global .PinturaRoot[data-env~=portrait]>.PinturaNavMain button{flex:1;width:4em;height:4em;border-radius:var(--border-radius);justify-content:center}.pintura :global .PinturaRoot[data-env~=portrait]>.PinturaNavMain button span{font-size:.6875em;margin-top:.5em}.pintura :global .PinturaRoot[data-env~=portrait]>.PinturaNavMain button svg{width:1em;margin-top:.25em}.pintura :global .PinturaRoot[data-env~=portrait]>.PinturaMain{grid-row:2;grid-column:1}.pintura :global .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}.pintura :global .PinturaRoot[data-env~=portrait][data-env~=has-toolbar-preference-bottom]>.PinturaNavTools{grid-row:3;padding:0 .75em .75em}.pintura :global .PinturaRoot[data-env~=portrait][data-env~=has-toolbar-preference-bottom]>.PinturaNavMain{grid-row:2}.pintura :global .PinturaRoot[data-env~=portrait][data-env~=has-toolbar-preference-bottom]>.PinturaMain{grid-row:1}.pintura :global .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}.pintura :global .PinturaRoot[data-env~=portrait]:not([data-env~=narrow])[data-env~=has-navigation-preference-top]>.PinturaMain{grid-row:3}.pintura :global .PinturaRoot[data-env~=portrait]:not([data-env~=narrow])[data-env~=has-navigation-preference-top]>.PinturaNavMain{grid-row:2;margin-top:.75em;margin-bottom:0}.pintura :global .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}.pintura :global .PinturaRoot[data-env~=portrait]:not([data-env~=narrow])[data-env~=has-navigation-preference-top][data-env~=has-toolbar-preference-bottom]>.PinturaNavMain{grid-row:1}.pintura :global .PinturaRoot[data-env~=portrait]:not([data-env~=narrow])[data-env~=has-navigation-preference-top][data-env~=has-toolbar-preference-bottom]>.PinturaMain{grid-row:2}.pintura :global .PinturaRoot[data-env~=portrait]:not([data-env~=narrow])[data-env~=has-navigation-preference-top][data-env~=has-toolbar-preference-bottom]>.PinturaNavTools{grid-row:3}.pintura :global .PinturaRoot[data-env~=landscape][data-env~=is-compact]>.PinturaNavMain button{flex:1;flex-direction:row;width:auto;height:auto;border-radius:var(--border-radius);justify-content:flex-start;align-items:center;padding:.625em 0;width:6em}.pintura :global .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}.pintura :global .PinturaRoot[data-env~=landscape][data-env~=is-compact]>.PinturaNavMain button svg{margin:0 .5em 0 .625em;min-width:1em}.pintura :global .PinturaRoot[data-env~=landscape][data-env~=is-compact][data-env~=has-navigation]{grid-template-columns:8em auto}.pintura :global .PinturaRoot[data-env~=landscape][data-env~=is-compact][data-env~=has-navigation][data-env~=has-navigation-preference-right]{grid-template-columns:auto 8em}.pintura :global .PinturaRoot[data-env~=landscape][data-env~=is-compact][dir=rtl]>.PinturaNavMain button{padding-left:.625em}.pintura :global .PinturaRoot[data-env~=landscape][data-env~=is-compact][dir=rtl]>.PinturaNavMain svg{margin-left:0}.pintura :global .PinturaRoot[data-env~=narrow] .PinturaNavGroupFloat{position:static;margin:0}.pintura :global .PinturaRoot[data-env~=portrait][data-env~=is-compact]>.PinturaNavMain button{padding:0;font-size:.625em;width:4em;height:4em;justify-content:center;border-radius:9999em}.pintura :global .PinturaRoot[data-env~=portrait][data-env~=is-compact]>.PinturaNavMain button span{visibility:hidden;font-size:0;margin:0}.pintura :global .PinturaRoot[data-env~=portrait][data-env~=is-compact]>.PinturaNavMain button svg{margin-top:0;width:1.6em}.pintura :global .PinturaRoot[data-env~=portrait][data-env~=is-compact]>.PinturaNavMain button svg [stroke-width]{stroke-width:.15em}.pintura :global .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}.pintura :global .PinturaRoot[data-env~=portrait][data-env~=narrow]>*{grid-column:1}.pintura :global .PinturaRoot[data-env~=portrait][data-env~=narrow] .PinturaUtilFooter .PinturaControlList .PinturaControlListOption span,.pintura :global .PinturaRoot[data-env~=portrait][data-env~=narrow] .PinturaUtilFooter .PinturaControlList [role=tab] span{font-size:.6875em}.pintura :global .PinturaRoot[data-env~=portrait][data-env~=narrow] .PinturaToolbar .PinturaToolbarInner>*{margin:0 .25em}.pintura :global .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}.pintura :global .PinturaRoot[data-env~=overlay]{grid-template-rows:auto!important;grid-template-columns:auto!important}.pintura :global .PinturaRoot[data-env~=overlay] .PinturaNav{z-index:3}.pintura :global .PinturaRoot[data-env~=overlay] .PinturaMain{grid-row:1;grid-column:1}.pintura :global .PinturaRoot[data-env~=overlay] .PinturaUtilMain{position:absolute;left:0;top:0;right:0;bottom:0;padding:0;z-index:-1}.pintura :global .PinturaRoot[data-env~=overlay] .PinturaUtilFooter,.pintura :global .PinturaRoot[data-env~=overlay] .PinturaUtilHeader{position:absolute;left:0;right:0}.pintura :global .PinturaRoot[data-env~=overlay] .PinturaUtilHeader{top:0}.pintura :global .PinturaRoot[data-env~=overlay] .PinturaUtilFooter{bottom:0}.pintura :global .PinturaRoot[data-env~=overlay] .PinturaNavMain{position:absolute;right:0;top:0;bottom:0;background:none}.pintura :global .PinturaRoot[data-env~=overlay] .PinturaNavTools{position:absolute;left:0;top:0;right:0}.pintura :global .PinturaRoot[data-env~=overlay][data-env~=has-controlgroups-preference-top] .PinturaUtilFooter{top:0;bottom:auto}.pintura :global .PinturaRoot[data-env~=overlay][data-env~=has-toolbar-preference-bottom] .PinturaNavTools{top:auto;bottom:0}.pintura :global .PinturaRoot[data-env~=has-swipe-navigation] .PinturaUtilMain{padding-left:2em;padding-right:2em}.pintura :global .PinturaRoot[data-env~=has-swipe-navigation][data-env~=landscape] .PinturaUtilMain[data-env~=has-navigation]{padding-left:0;padding-right:2em}.pintura :global .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}.pintura :global .PinturaRoot[data-env*=is-disabled],.pintura :global .PinturaRoot[data-env*=is-disabled] *{pointer-events:none!important}.pintura :global .PinturaRoot[data-env*=is-disabled]{--color-primary:#b4b4b4;--color-primary-dark:#a0a0a0;--color-primary-text:#000;--color-secondary:#969696;--color-secondary-dark:#646464}.pintura :global .PinturaRoot[data-env*=is-disabled] .PinturaCanvas,.pintura :global .PinturaRoot[data-env*=is-disabled] .PinturaColorPickerButton{filter:grayscale(100%)}.pintura :global .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){.pintura :global .PinturaNav{will-change:transform}}}.pintura :global .PinturaUtilPanel[data-util=frame] .PinturaShapeStyleEditor{min-height:3.375em}.pintura :global .PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption{margin:1em 1em 0 0;padding:.125em;border:1px dashed var(--color-foreground-15);color:var(--color-foreground-70)}.pintura :global .PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption span{color:var(--color-foreground-90)}.pintura :global .PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption label{font-size:.75em}.pintura :global .PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption img,.pintura :global .PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption svg{position:absolute;left:0;top:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.pintura :global .PinturaUtilPanel[data-util=frame] [data-selected=true]{border-color:var(--color-primary);color:var(--color-primary)}.pintura :global .PinturaUtilPanel[data-util=frame] [data-selected=true] span{color:var(--color-foreground-90)}.pintura :global .PinturaUtilPanel[data-util=frame] [data-layout=row]>.PinturaRadioGroupOptions>li{margin:0 .5em}.pintura :global .PinturaUtilPanel[data-util=frame] [data-layout=row]>.PinturaRadioGroupOptions>li:first-child{margin-left:0}.pintura :global .PinturaUtilPanel[data-util=frame] [data-layout=row]>.PinturaRadioGroupOptions>li:last-child{margin-right:0}.pintura :global .PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOptionGroupLabel{width:1px;height:1px;position:absolute;font-size:0}.pintura :global .PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOptionGroup{display:flex;flex-direction:column-reverse}.pintura :global .PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption{cursor:var(--button-cursor);margin-bottom:1em}.pintura :global .PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption span{display:block;text-align:center;padding:0 1.5em;font-size:.625em;font-weight:400}.pintura :global .PinturaUtilPanel[data-util=frame] [data-focus-visible]+label>.PinturaRadioGroupOption span{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100);border-radius:.25em}.pintura :global .PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption{position:relative;width:3em;height:4em}.pintura :global .PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption div{position:absolute;outline-color:currentColor;border-color:currentColor;cursor:var(--button-cursor)}.pintura :global .PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption div[slot]{overflow:hidden;left:-1px;top:-1px;bottom:-1px;right:-1px;display:flex;align-items:center;justify-content:center}.pintura :global .PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=frame] .PinturaUtilFooter>div{padding:0}.pintura :global .PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption{width:2.25em;height:3em}.pintura :global .PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption span{font-size:.5em}.pintura :global .PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=frame] [data-layout=row]>.PinturaRadioGroupOptions>li{margin:0 .25em}.pintura :global .PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=frame] [data-layout=row]>.PinturaRadioGroupOptions>li:first-child{margin-left:0}.pintura :global .PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=frame] [data-layout=row]>.PinturaRadioGroupOptions>li:last-child{margin-right:0}.pintura :global .PinturaUtilPanel[data-util=filter] .PinturaUtilFooter{padding-left:0!important;padding-right:0!important}.pintura :global .PinturaUtilPanel[data-util=filter] .PinturaScrollable{width:40em}.pintura :global .PinturaUtilPanel[data-util=filter] [data-layout=row]>.PinturaRadioGroupOptions>li{margin:0 .5em}.pintura :global .PinturaUtilPanel[data-util=filter] [data-layout=row]>.PinturaRadioGroupOptions>li:first-child{margin-left:0}.pintura :global .PinturaUtilPanel[data-util=filter] [data-layout=row]>.PinturaRadioGroupOptions>li:last-child{margin-right:0}.pintura :global .PinturaUtilPanel[data-util=filter] .PinturaRadioGroupOptionGroupLabel{width:1px;height:1px;position:absolute;font-size:0;pointer-events:none}.pintura :global .PinturaUtilPanel[data-util=filter] .PinturaFilterPreview{border-radius:0;transition:border-radius 1ms}.pintura :global .PinturaUtilPanel[data-util=filter] .PinturaFilterOption{border-radius:0}.pintura :global .PinturaUtilPanel[data-util=filter] .PinturaRadioGroupOptions .PinturaRadioGroupOption:first-of-type .PinturaFilterPreview{border-top-left-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius)}.pintura :global .PinturaUtilPanel[data-util=filter] .PinturaRadioGroupOptions .PinturaRadioGroupOption:first-of-type .PinturaFilterOption{border-bottom-left-radius:var(--border-radius)}.pintura :global .PinturaUtilPanel[data-util=filter] .PinturaRadioGroupOptions .PinturaRadioGroupOption:last-of-type .PinturaFilterPreview{border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}.pintura :global .PinturaUtilPanel[data-util=filter] .PinturaRadioGroupOptions .PinturaRadioGroupOption:last-of-type .PinturaFilterOption{border-bottom-right-radius:var(--border-radius)}.pintura :global .PinturaUtilPanel[data-util=filter] .PinturaRadioGroupOptionGroup{display:flex;flex-direction:column-reverse}.pintura :global .PinturaUtilPanel[data-util=filter] .PinturaFilterOption{cursor:var(--button-cursor);margin-bottom:1em}.pintura :global .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}.pintura :global .PinturaUtilPanel[data-util=filter] .PinturaFilterPreview:before{transition:background-color var(--transition-duration-10),color var(--transition-duration-10)}.pintura :global .PinturaUtilPanel[data-util=filter] [data-selected=true] .PinturaFilterOption .PinturaFilterPreview{position:relative;z-index:1}.pintura :global .PinturaUtilPanel[data-util=filter] [data-selected=true] .PinturaFilterOption .PinturaFilterPreview:before{content:"";position:absolute;width:100%;height:100%;opacity:.35;border-radius:inherit;background-color:var(--color-primary)}.pintura :global .PinturaUtilPanel[data-util=filter] [data-focus-visible]+label>.PinturaFilterOption span{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100);border-radius:.25em}.pintura :global .PinturaUtilPanel[data-util=filter] .PinturaFilterOption,.pintura :global .PinturaUtilPanel[data-util=filter] .PinturaFilterPreview{width:3.75em;height:4.5em}.pintura :global .PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=filter] .PinturaUtilFooter>div{padding:0}.pintura :global .PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=filter] .PinturaFilterOption,.pintura :global .PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=filter] .PinturaFilterPreview{width:2.875em;height:3.5em}.pintura :global .PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=filter] .PinturaFilterOption span{font-size:.5em}.pintura :global .PinturaUtilPanel[data-util=crop] .PinturaStage{touch-action:none}.pintura :global .PinturaUtilPanel[data-util=crop],.pintura :global .PinturaUtilPanel[data-util=crop] .PinturaStage,.pintura :global .PinturaUtilPanel[data-util=crop] .PinturaUtilMain{pointer-events:all}.pintura :global .PinturaUtilPanel[data-util=crop] .PinturaImageInfo{position:absolute;right:1em;bottom:1em}.pintura :global .PinturaUtilPanel[data-util=crop] .PinturaButtonCenter{--size:3em;position:absolute;left:0;top:0;width:var(--size);height:var(--size);z-index:1;line-height:0;margin-top:calc(var(--size) * (-.5));margin-left:calc(var(--size) * (-.5));overflow:hidden;border-radius:50%;color:#000;background:hsla(0,0%,100%,.8);-webkit-backdrop-filter:var(--backdrop-filter-bright);backdrop-filter:var(--backdrop-filter-bright);outline:none}.pintura :global .PinturaUtilPanel[data-util=crop] .PinturaButtonCenter[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.pintura :global .PinturaRoot[data-env~=short] .PinturaUtilPanel[data-util=crop] .PinturaUtilFooter{padding-bottom:.5em}.pintura :global .PinturaUtilPanel[data-util=resize] form{display:flex;justify-content:center;padding:0 1em}.pintura :global .PinturaUtilPanel[data-util=resize] .PinturaFormInner{position:relative;display:flex;justify-content:center;align-items:center}.pintura :global .PinturaUtilPanel[data-util=resize] .PinturaFormInner>button{position:absolute;left:100%;margin-left:1em}.pintura :global .PinturaUtilPanel[data-util=resize] .PinturaFieldsetInner{display:inline-flex;align-items:center;justify-content:center}.pintura :global .PinturaUtilPanel[data-util=resize] .PinturaFieldsetInner>*{margin:.25em}.pintura :global .PinturaUtilPanel[data-util=resize] .PinturaResizeLabel{font-size:.75em}.pintura :global .PinturaUtilPanel[data-util=resize] .PinturaDropdownButton{margin-left:.5em;margin-right:.5em;background-color:var(--color-foreground-5);border-radius:var(--border-radius-round);box-shadow:inset 0 0 0 1px var(--color-foreground-5);transition:background-color var(--transition-duration-10)}.pintura :global .PinturaUtilPanel[data-util=resize] .PinturaDropdownButton:hover{background-color:var(--color-foreground-10)}.pintura :global .PinturaUtilPanel[data-util=resize] .PinturaDropdownButton .PinturaButtonLabel{display:block;line-height:2.65;padding:0 1em;font-variant-numeric:tabular-nums;font-size:.75em;font-weight:400}.pintura :global .PinturaUtilPanel[data-util=resize] .PinturaDropdownButton .PinturaButtonLabel:after{content:"▼";font-size:.6875em;margin-left:.75em;position:relative;top:-.125em;margin-right:-.25em;pointer-events:none}.pintura :global .PinturaUtilPanel[data-util=resize] input[type=checkbox]+label{padding:0 .125em;margin:0 -.25em;outline:transparent;display:block;cursor:pointer}.pintura :global .PinturaUtilPanel[data-util=resize] input[type=checkbox][data-focus-visible]+label{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.pintura :global .PinturaInputDimension{display:inline-flex;align-items:center;position:relative}.pintura :global .PinturaInputDimension label{position:absolute;right:.625em;font-size:.75em;text-transform:uppercase;pointer-events:none;color:var(--color-foreground-80);z-index:1}.pintura :global .PinturaInputDimension button,.pintura :global .PinturaInputDimension input,.pintura :global .PinturaInputDimension label{font-size:.75em;font-weight:400}.pintura :global .PinturaInputDimension button,.pintura :global .PinturaInputDimension input{-webkit-appearance:none;appearance:none;-moz-appearance:textfield;box-sizing:border-box;font-variant-numeric:tabular-nums;padding:.625em 0 .625em .625em;width:100%;max-width:7em;outline:transparent;border-radius:var(--border-radius);box-shadow:none;border:1px solid var(--color-foreground-80);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}.pintura :global .PinturaInputDimension button::-moz-selection,.pintura :global  .PinturaInputDimension input::-moz-selection{background-color:var(--color-foreground-20)}.pintura :global .PinturaInputDimension button::selection,.pintura :global .PinturaInputDimension input::selection{background-color:var(--color-foreground-20)}.pintura :global .PinturaInputDimension button:hover,.pintura :global .PinturaInputDimension input:hover{background-color:var(--color-foreground-10)}.pintura :global .PinturaInputDimension button:focus,.pintura :global .PinturaInputDimension input:focus{border-color:var(--color-focus-100)}.pintura :global .PinturaInputDimension input{background-color:var(--color-foreground-5)}.pintura :global .PinturaInputDimension input:-moz-placeholder-shown+label{color:var(--color-foreground-20)}.pintura :global .PinturaInputDimension input:-ms-input-placeholder+label{color:var(--color-foreground-20)}.pintura :global .PinturaInputDimension input:placeholder-shown+label{color:var(--color-foreground-20)}.pintura :global .PinturaInputDimension input::-moz-placeholder{color:var(--color-foreground-30)}.pintura :global .PinturaInputDimension input:-ms-input-placeholder{color:var(--color-foreground-30)}.pintura :global .PinturaInputDimension input::placeholder{color:var(--color-foreground-30)}.pintura :global .PinturaInputDimension input[data-state=invalid]{border-color:var(--color-error-75);box-shadow:inset 0 0 .25em var(--color-error-25),0 0 .25em var(--color-error-50)}.pintura :global .PinturaInputDimension button{width:10em;min-height:2.65em}.pintura :global .PinturaInputDimension input::-webkit-inner-spin-button,.pintura :global .PinturaInputDimension input::-webkit-outer-spin-button{-webkit-appearance:none}.pintura :global .PinturaInputDimension input::-ms-clear{display:none}.pintura :global .PinturaRoot[dir=rtl] .PinturaInputDimension label{left:.625em;right:auto}.pintura :global .PinturaRoot[dir=rtl] .PinturaInputDimension input{padding-right:.625em;padding-left:0;text-align:right}.pintura :global .PinturaUtilPanel[data-util=fill] [data-layout=row]>.PinturaRadioGroupOptions>li{margin:0 .25em}.pintura :global .PinturaUtilPanel[data-util=fill] [data-layout=row]>.PinturaRadioGroupOptions>li:first-child{margin-left:0}.pintura :global .PinturaUtilPanel[data-util=fill] [data-layout=row]>.PinturaRadioGroupOptions>li:last-child{margin-right:0}.pintura :global .PinturaUtilPanel[data-util=fill] .PinturaRadioGroupOption{position:relative;width:3em;height:4em}.pintura :global .PinturaUtilPanel[data-util=fill] .PinturaFillTile{position:absolute;width:100%;height:100%}.pintura :global .PinturaUtilPanel[data-util=fill] .PinturaFillTile[data-transparent=true]{background-color:#fff;background-image:var(--pattern-transparent);border-radius:calc(var(--border-radius) + 1px)}.pintura :global .PinturaUtilPanel[data-util=fill] .PinturaFillTile div,.pintura :global .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)}.pintura :global .PinturaUtilPanel[data-util=fill] .PinturaFillTile:after{content:"";z-index:3;position:absolute;left:0;top:0;width:100%;height:100%;box-shadow:inset 0 0 0 1px var(--color-foreground-5);border-radius:var(--border-radius);pointer-events:none}.pintura :global .PinturaUtilPanel[data-util=fill] .PinturaRadioGroupOption[data-selected=true] .PinturaFillTile:after{box-shadow:inset 0 0 0 1px var(--color-foreground-5),inset 0 0 0 4px var(--color-primary),inset 0 0 0 5px var(--color-foreground-5)}.pintura :global .PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=fill] .PinturaUtilFooter>div{padding:0}.pintura :global .PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=fill] .PinturaRadioGroupOption{width:2.25em;height:3em}.pintura :global .PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=fill] .PinturaRadioGroupOption span{font-size:.5em}.pintura :global .PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=fill] [data-layout=row]>.PinturaRadioGroupOptions>li{margin:0 .175em}.pintura :global .PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=fill] [data-layout=row]>.PinturaRadioGroupOptions>li:first-child{margin-left:0}.pintura :global .PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=fill] [data-layout=row]>.PinturaRadioGroupOptions>li:last-child{margin-right:0}.pintura :global .PinturaModal{--safe-area-inset-top:env(safe-area-inset-top);--safe-area-inset-bottom:env(safe-area-inset-bottom);--editor-modal-border-radius:0;--editor-modal-overlay-opacity:0.95;--editor-modal-shadow:0 1em 2em -1em rgba(0,0,0,0.25),0 1.5em 1.5em -2em rgba(0,0,0,0.5);--editor-modal-outline:inset 0 0 0 1px var(--color-foreground-3);position:fixed;left:0;top:0;width:100%;height:100vh;z-index:2147483646;display:flex;justify-content:center;align-items:center;background-color:rgba(var(--color-background),var(--editor-modal-overlay-opacity,var(--editor-modal-overlay-opacity-default,.95)))}.pintura :global .PinturaModal>.PinturaRoot[data-env~=is-centered]{box-shadow:var(--editor-modal-shadow);border-radius:var(--editor-modal-border-radius)}.pintura :global .PinturaModal>.PinturaRoot[data-env~=is-centered]:after{position:absolute;left:0;top:0;bottom:0;right:0;pointer-events:none;border-radius:inherit;content:"";box-shadow:var(--editor-modal-outline);z-index:2147483646}.pintura :global .PinturaModal[style*="--viewport-pad-footer:1"]{box-sizing:border-box;padding-bottom:env(safe-area-inset-bottom)}.pintura :global .PinturaModal+.PinturaModal{--editor-modal-overlay-opacity-default:0.75}@media(min-width:600px) and (min-height:600px){.pintura :global .PinturaModal+.PinturaModal .PinturaRoot{--editor-max-width-default:calc(100vw - 8em);--editor-max-height-default:calc(100vh - 8em)}}.pintura :global .PinturaDocumentLock,.pintura :global .PinturaDocumentLock body{height:calc(var(--pintura-document-height) - 1px);overflow-y:hidden;box-sizing:border-box}.pintura :global .PinturaDocumentLock body{position:relative}.pintura :global .PinturaDocumentLock .PinturaModal{height:100%!important}.pintura :global .PinturaTabPanels{flex:1;display:grid;grid-template-columns:1fr}.pintura :global .PinturaTabPanel{position:relative;grid-row-start:1;grid-column-start:1;min-width:0}.pintura :global .PinturaTabPanel:not([hidden]){z-index:2;outline:transparent}.pintura :global .PinturaTabPanel[hidden]{display:block!important;z-index:1;pointer-events:none}.pintura :global .PinturaTabPanel[data-inert=true]{visibility:hidden}@supports not (aspect-ratio:1){.pintura :global .PinturaTabPanel{overflow-x:hidden}}.pintura :global .PinturaScrollable{--scrollable-feather-start-opacity:0;--scrollable-feather-end-opacity:0;--scrollable-feather-size:2em;contain:paint;overflow:hidden}.pintura :global .PinturaScrollable:focus{outline:transparent}.pintura :global .PinturaScrollable>div{position:relative;display:inline-flex;vertical-align:top}.pintura :global .PinturaScrollable{touch-action:none}.pintura :global .PinturaScrollable[data-direction=x]{max-width:100%;--mask-angle:90deg}.pintura :global .PinturaScrollable[data-direction=y]{max-height:100%;--mask-angle:180deg}.pintura :global .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)))}.pintura :global .PinturaScrollable[data-state~=scrolling]>div *{pointer-events:none}.pintura :global .PinturaTabList{display:flex;justify-content:center}.pintura :global .PinturaTabList button{display:flex;align-items:center;flex-direction:column;outline:transparent;cursor:var(--button-cursor);-webkit-tap-highlight-color:transparent}.pintura :global .PinturaTabList button>*{transition:filter var(--transition-duration-10) ease-out}.pintura :global .PinturaTabList button[disabled]>*{filter:var(--filter-disabled)}.pintura :global .PinturaUtilPanel{position:relative;z-index:1;height:100%;display:flex;flex:1;flex-direction:column;contain:layout size;box-sizing:border-box}.pintura :global .PinturaUtilPanel,.pintura :global .PinturaUtilPanel>*{padding-top:.5em;padding-bottom:.5em}.pintura :global .PinturaButton{white-space:nowrap;flex-shrink:0;-webkit-tap-highlight-color:transparent;cursor:var(--button-cursor)}.pintura :global .PinturaButton>span{display:inline-flex;align-items:center;vertical-align:top;min-height:1em}.pintura :global .PinturaButton svg+.PinturaButtonLabel{margin-left:.5em}.pintura :global .PinturaButton[disabled]{cursor:default;filter:var(--filter-disabled)}.pintura :global .PinturaButtonInner{text-decoration:inherit}.pintura :global .PinturaButton:not(.PinturaButtonIconOnly) svg:first-of-type{margin-left:-.25em}.pintura :global .PinturaRoot[dir=rtl] .PinturaButton:not(.PinturaButtonIconOnly) svg:first-of-type{margin-right:-.25em}.pintura :global .PinturaRoot[dir=rtl] .PinturaButton svg+.PinturaButtonLabel{margin-left:0;margin-right:1em}.pintura :global .PinturaProgressIndicator{position:relative;display:block;width:1.25em;height:1.25em}.pintura :global .PinturaProgressIndicator svg{pointer-events:none;vertical-align:top}.pintura :global .PinturaProgressIndicator .PinturaProgressIndicatorFill{stroke-dashoffset:0}.pintura :global .PinturaProgressIndicator[data-status=busy] svg :local{-webkit-animation:image_editor_spin 1s linear infinite;animation:image_editor_spin 1s linear infinite}.pintura :global .PinturaProgressIndicator[data-status=busy] .PinturaProgressIndicatorFill{stroke-dashoffset:-26.5;stroke-dasharray:26.5 53;transition:stroke-dashoffset .5s linear,stroke-dasharray .5s linear}@-webkit-keyframes image_editor_spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes image_editor_spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media only screen and (-webkit-min-device-pixel-ratio:3){.pintura :global .PinturaRoot[data-env~=is-ios] .PinturaProgressIndicator svg{transform-origin:49% 49%}}.pintura :global .PinturaUtilMain{padding-left:1em;padding-right:1em;min-height:1px;touch-action:none}.pintura :global .PinturaUtilMain,.pintura :global .PinturaUtilMain>[slot]{flex:1;display:flex;flex-direction:column}.pintura :global .PinturaUtilMain>[slot]{align-items:center}.pintura :global .PinturaUtilFooter>[slot]:empty{min-height:1em}.pintura :global .PinturaUtilFooter>[slot]{display:flex;flex-direction:column;align-items:center;justify-content:stretch;pointer-events:all}.pintura :global .PinturaUtilFooter .PinturaControlPanel .PinturaImageButtonList,.pintura :global .PinturaUtilFooter .PinturaShapeStyleList{min-height:3.5em;align-items:flex-start}.pintura :global .PinturaUtilFooter .PinturaControlList [role=tab][aria-selected=true] button{background-color:var(--color-foreground-10);box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.pintura :global .PinturaUtilFooter .PinturaControlList .PinturaControlListOption label,.pintura :global .PinturaUtilFooter .PinturaControlList [role=tab] button{flex-direction:row;line-height:1;padding:0 .75em;min-height:1.75em;white-space:nowrap;border-radius:var(--border-radius-round);transition:background-color var(--transition-duration-10) ease-out,color var(--transition-duration-10) ease-out,filter var(--transition-duration-25) ease-out;box-shadow:inset 0 0 0 1px var(--color-foreground-0);cursor:var(--button-cursor)}.pintura :global .PinturaUtilFooter .PinturaControlList .PinturaControlListOption label span,.pintura :global .PinturaUtilFooter .PinturaControlList [role=tab] button span{font-size:.75em;font-weight:400}.pintura :global .PinturaUtilFooter .PinturaControlList .PinturaControlListOption label svg,.pintura :global .PinturaUtilFooter .PinturaControlList [role=tab] button svg{width:.875em;font-size:.875em}.pintura :global .PinturaUtilFooter .PinturaControlList .PinturaControlListOption label svg:only-child,.pintura :global .PinturaUtilFooter .PinturaControlList [role=tab] button svg:only-child{margin-left:-.25em;margin-right:-.25em}.pintura :global .PinturaUtilFooter .PinturaControlList .PinturaControlListOption label svg:not(:only-child),.pintura :global .PinturaUtilFooter .PinturaControlList [role=tab] button svg:not(:only-child){margin-left:-.25em;margin-right:.375em}.pintura :global .PinturaUtilFooter .PinturaControlList .PinturaControlListOption label:hover,.pintura :global .PinturaUtilFooter .PinturaControlList [role=tab] button:hover{box-shadow:inset 0 0 0 1px var(--color-foreground-10)}.pintura :global .PinturaUtilFooter .PinturaControlList .PinturaControlListOption label[data-focus-visible],.pintura :global .PinturaUtilFooter .PinturaControlList [role=tab] button[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.pintura :global .PinturaUtilFooter .PinturaControlListOption [slot],.pintura :global .PinturaUtilFooter .PinturaControlListOption label{display:flex;flex-direction:row;align-items:center}.pintura :global .PinturaUtilFooter .PinturaControlListOption[data-selected=true] label{background-color:var(--color-foreground-10);box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.pintura :global .PinturaUtilFooter .PinturaControlListOption input[data-focus-visible]+label{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.pintura :global .PinturaUtilFooter .PinturaControlListOption input[disabled]+label{filter:var(--filter-disabled)}.pintura :global .PinturaUtilFooter .PinturaControlList .PinturaControlListOption+.PinturaControlListOption,.pintura :global .PinturaUtilFooter .PinturaControlList>li+li{margin-left:.5em}.pintura :global .PinturaUtilFooter .PinturaControlPanels{display:grid;grid-template-columns:1fr;width:40em;max-width:100%;margin:0 auto;flex:auto}.pintura :global .PinturaUtilFooter .PinturaControlPanel{grid-row-start:1;grid-column-start:1;max-width:100%;overflow:hidden;visibility:visible;opacity:1}.pintura :global .PinturaUtilFooter .PinturaControlPanel[hidden]{display:block!important;visibility:hidden;transition-delay:0s;pointer-events:none;opacity:0}.pintura :global .PinturaUtilFooter .PinturaControlList[data-layout=compact]>*+*{margin-left:-1px}.pintura :global .PinturaUtilFooter .PinturaControlList[data-layout=compact]>[role=tab] button{padding-left:.625em;padding-right:.625em;border-radius:0;box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.pintura :global .PinturaUtilFooter .PinturaControlList[data-layout=compact]>[role=tab]:only-child button{border-radius:var(--border-radius-round)}.pintura :global .PinturaUtilFooter .PinturaControlList[data-layout=compact]>[role=tab]:first-child:not(:only-child) button{padding-left:.75em;border-top-left-radius:var(--border-radius-round);border-bottom-left-radius:var(--border-radius-round)}.pintura :global .PinturaUtilFooter .PinturaControlList[data-layout=compact]>[role=tab]:last-child:not(:only-child) button{padding-right:.75em;border-top-right-radius:var(--border-radius-round);border-bottom-right-radius:var(--border-radius-round)}@supports not (aspect-ratio:1){.pintura :global .PinturaControlPanel{overflow-x:hidden}}.pintura :global .PinturaRoot[data-env~=is-animated] .PinturaUtilFooter .PinturaControlPanel{transition:opacity var(--transition-duration-25) ease-in-out,visibility var(--transition-duration-25) linear;transition-delay:.1s}.pintura :global .PinturaRoot[data-env~=has-controlgroups-preference-top] .PinturaUtilHeader{order:1}.pintura :global .PinturaRoot[data-env~=has-controlgroups-preference-top] .PinturaUtilFooter{order:2}.pintura :global .PinturaRoot[data-env~=has-controlgroups-preference-top] .PinturaUtilMain{order:3}.pintura :global .PinturaRoot[data-env~=has-controltabs-preference-bottom] .PinturaUtilFooter .PinturaControlPanels{order:-1}.pintura :global .PinturaRoot[data-env~=has-controltabs-preference-bottom] .PinturaUtilFooter .PinturaRangeInput .PinturaRangeInputReset{top:0;bottom:auto}.pintura :global .PinturaRoot[data-env~=has-controltabs-preference-bottom] .PinturaUtilFooter .PinturaControlPanel .PinturaShapePresetsGrouped{padding-bottom:.75em}.pintura :global .PinturaRoot[data-env~=has-controltabs-preference-top] .PinturaUtilFooter .PinturaControlPanels{order:1}.pintura :global .PinturaRoot[data-env~=has-controltabs-preference-top] .PinturaUtilFooter .PinturaRangeInput .PinturaRangeInputReset{top:auto;bottom:0}.pintura :global .PinturaRoot[data-env~=has-controltabs-preference-top] .PinturaUtilFooter .PinturaControlPanel .PinturaShapePresetsGrouped{padding-top:.75em}.pintura :global .PinturaRoot[data-env~=has-controltabs-preference-top] .PinturaUtilFooter .PinturaControlPanel .PinturaImageButtonList,.pintura :global .PinturaRoot[data-env~=has-controltabs-preference-top] .PinturaUtilFooter .PinturaShapeStyleList{align-items:flex-end}.pintura :global .PinturaRoot[data-env~=has-controltabs-preference-top] .PinturaUtilFooter .PinturaShapeStyleLabel{order:1}.pintura :global .PinturaRoot[data-env~=overlay] .PinturaUtilFooter{margin:.75em 0}.pintura :global .PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlPanels{max-width:24em}.pintura :global .PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList{margin-top:1em}.pintura :global .PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList>li+li{margin-left:0}.pintura :global .PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList li[role=tab] span{font-size:.75em}.pintura :global .PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList li[role=tab] button{border-radius:0;background-color:var(--color-background-50);-webkit-backdrop-filter:var(--backdrop-filter-bright);backdrop-filter:var(--backdrop-filter-bright);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)}.pintura :global .PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList li[role=tab]:first-child button{padding-left:.875em;border-top-left-radius:var(--border-radius-round);border-bottom-left-radius:var(--border-radius-round)}.pintura :global .PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList li[role=tab]:last-child button{padding-right:.875em;border-top-right-radius:var(--border-radius-round);border-bottom-right-radius:var(--border-radius-round)}.pintura :global .PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList li:not([aria-selected=true]) span{color:var(--color-foreground-40)}.pintura :global .PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlPanels{background-color:var(--color-background-50);-webkit-backdrop-filter:var(--backdrop-filter-bright);backdrop-filter:var(--backdrop-filter-bright);border-radius:var(--border-radius-round);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)}.pintura :global .PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaRangeInput{height:1.5em;margin-top:0}.pintura :global .PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaRangeInputReset{opacity:0}.pintura :global .PinturaRoot[dir=rtl] .PinturaUtilFooter .PinturaControlListOption [slot],.pintura :global .PinturaRoot[dir=rtl] .PinturaUtilFooter .PinturaControlListOption label{flex-direction:row-reverse}.pintura :global .PinturaRoot[dir=rtl] .PinturaUtilFooter .PinturaControlList .PinturaControlListOption label svg:not(:only-child),.pintura :global .PinturaRoot[dir=rtl] .PinturaUtilFooter .PinturaControlList [role=tab] button svg:not(:only-child){margin-right:-.25em;margin-left:.375em}.pintura :global .PinturaInputForm{opacity:0;cursor:auto;z-index:2147483647;--width:30em}.pintura :global .PinturaInputForm:not([data-stick=true]){position:absolute;bottom:7.5em;width:var(--width);left:calc(50% - var(--width) / 2);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){.pintura :global .PinturaInputForm:not([data-stick=true]){left:2em;right:2em;width:auto}}.pintura :global .PinturaInputForm[data-stick=true]{transition:opacity .15s ease .25s;position:absolute;left:0;right:0;outline:1px solid var(--color-foreground-15);background-color:var(--color-background-100)}.pintura :global .PinturaInputForm[data-stick=true]>.PinturaInputFormInner{background-color:var(--color-foreground-3)}.pintura :global .PinturaInputFormInner>.PinturaButton{color:var(--color-foreground-100);border-radius:9999em;box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.pintura :global .PinturaInputFormInner>.PinturaButton:first-of-type{left:1em}.pintura :global .PinturaInputFormInner>.PinturaButton:last-of-type{right:1rem;color:var(--color-primary-text);background:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.pintura :global .PinturaInputFormInner>.PinturaButton:not(.PinturaButtonIconOnly) .PinturaButtonInner{padding:0 .875em}.pintura :global .PinturaInputFormInner>.PinturaButton .PinturaButtonIcon{width:.875em;height:.875em}.pintura :global .PinturaInputFormInner>.PinturaButton.PinturaButtonIconOnly{width:1.875em;height:1.875em}.pintura :global .PinturaInputFormInner>.PinturaButton .PinturaButtonLabel{font-size:.75em}.pintura :global .PinturaInputFormInner>.PinturaButton .PinturaButtonInner{line-height:2;display:flex;justify-content:center}.pintura :global .PinturaInputFormInner{padding-top:1em;padding-bottom:3.5em}.pintura :global .PinturaInputFormInner>.PinturaButton{position:absolute;bottom:1em}.pintura :global .PinturaInputFormFields textarea:only-child{height:5em;-webkit-mask:linear-gradient(0deg,transparent,#000 1em);mask:linear-gradient(0deg,transparent,#000 1em)}.pintura :global .PinturaInputFormFields textarea:only-child::-webkit-scrollbar{width:1em;cursor:pointer}.pintura :global .PinturaInputFormFields textarea:only-child::-webkit-scrollbar-track{background:none}.pintura :global .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}.pintura :global .PinturaInputFormFields input:only-child,.pintura :global .PinturaInputFormFields textarea:only-child{width:100%;padding:0 1em .5em;display:block;background:transparent}.pintura :global .PinturaInputForm input,.pintura :global .PinturaInputForm textarea{box-sizing:border-box;resize:none;border:none;font-size:.875em;outline:transparent;color:var(--color-foreground-100)}.pintura :global .PinturaInputForm input{background-color:var(--color-background-100)}.pintura :global .PinturaModalBodyLock .PinturaInputForm{margin-top:-50px}.pintura :global .PinturaInputForm[data-layout=row]{--width:30em;width:var(--width);max-width:calc(100% - 2em);border-radius:9999em}.pintura :global .PinturaInputForm[data-layout=row] .PinturaInputFormFields{flex:1}.pintura :global .PinturaInputForm[data-layout=row] .PinturaInputFormInner{display:flex;padding:.5em}.pintura :global .PinturaInputForm[data-layout=row] .PinturaInputFormInner input{padding:0 .5em;line-height:1.75;font-size:.8125em;flex:1}.pintura :global .PinturaInputForm[data-layout=row] .PinturaInputFormInner .PinturaButton:first-child{margin-right:0}.pintura :global .PinturaInputForm[data-layout=row] .PinturaInputFormInner .PinturaButton{position:static}.pintura :global .PinturaInputForm[data-layout=row] .PinturaInputFormInner .PinturaButtonIconOnly{width:1.5em;height:1.5em}.pintura :global .PinturaInputForm[data-layout=row] .PinturaInputFormInner .PinturaButtonLabel{font-size:.625em}.pintura :global .PinturaRadioGroup .PinturaRadioGroupOptions{display:flex;flex-direction:column}.pintura :global .PinturaRadioGroup .PinturaRadioGroupOptionGroup+.PinturaRadioGroupOptionGroup{margin-top:.5em}.pintura :global .PinturaRadioGroup .PinturaRadioGroupOption[data-hidden=true]{display:none}.pintura :global .PinturaRadioGroup[data-layout=row] .PinturaRadioGroupOptions{flex-direction:row}.pintura :global .PinturaRadioGroup label{-webkit-tap-highlight-color:transparent}.pintura :global .PinturaRangeInput{position:relative;display:flex;flex-direction:column;align-items:center;margin:auto;height:3.5em;max-width:24em;width:calc(100% - 2em);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}.pintura :global .PinturaRangeInput[data-focus-visible]:after{background-color:var(--color-focus-50);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}.pintura :global .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)}.pintura :global .PinturaRangeInputMeter{height:100%}.pintura :global .PinturaRangeInput .PinturaRangeInputMeter svg{display:block;pointer-events:none;fill:currentColor}.pintura :global .PinturaRangeInput>.PinturaRangeInputValue{position:absolute;z-index:1;pointer-events:none;top:calc(50% - .6875em);left:calc(50% - 1.75em);width:3.5em;height:1.5em;overflow:hidden;contain:strict;text-align:center;font-size:.75em;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";font-family:Tahoma,Geneva,Verdana,sans-serif}.pintura :global .PinturaRangeInput>.PinturaRangeInputReset{position:absolute;left:calc(50% - 1.0625em);top:0;margin-top:.125em;padding:0;z-index:1;width:2em;overflow:hidden;color:transparent!important;transition:opacity var(--transition-duration-25);opacity:.35;outline:transparent;cursor:var(--button-cursor)}.pintura :global .PinturaRangeInput>.PinturaRangeInputReset:hover{opacity:.5}.pintura :global .PinturaRangeInput>.PinturaRangeInputReset[data-focus-visible]{opacity:1}.pintura :global .PinturaRangeInput>.PinturaRangeInputReset[data-focus-visible]:before{content:"";pointer-events:none;position:absolute;left:calc(50% - .5em);top:calc(50% - .5em);height:1em;width:1em;z-index:2;border-radius:.25em;background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.pintura :global .PinturaRangeInput>.PinturaRangeInputReset[disabled]{opacity:.15}.pintura :global .PinturaRangeInput>.PinturaRangeInputReset:after{content:"";position:absolute;left:50%;top:20%;width:1px;height:60%;background:var(--color-foreground-100)}.pintura :global .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))}.pintura :global .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)}.pintura :global .PinturaPresetListFilter .PinturaRadioGroupOptions{justify-content:space-evenly;padding:.625em 0 .3125em}.pintura :global .PinturaPresetListFilter .PinturaRadioGroupOptions label{display:block;cursor:pointer}.pintura :global .PinturaPresetListFilter+.PinturaOptionsList{border-top-left-radius:0;border-top-right-radius:0}.pintura :global .PinturaImageInfo{pointer-events:none}.pintura :global .PinturaImageInfo p{width:8em;height:1.25em;contain:strict;overflow:hidden;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";font-family:Tahoma,Geneva,Verdana,sans-serif;text-align:right;line-height:1;font-size:.75em}.pintura :global .PinturaShapeStyleEditor{position:relative;display:grid;grid-template-columns:1fr}.pintura :global .PinturaShapeStyleEditor>div{grid-row-start:1;grid-column-start:1;max-width:100%;overflow:hidden;display:flex;justify-content:center;align-items:center}.pintura :global .PinturaShapeStyleEditorOverflow>div{overflow:visible;justify-content:flex-start}.pintura :global .PinturaShapeStyleEditorOverflow .PinturaShapeStyleList{min-height:auto;margin-left:1em}.pintura :global .PinturaShapeStyleEditorOverflow .PinturaShapeStyle{--control-height:1.75em}.pintura :global .PinturaShapeStyles{position:relative}.pintura :global .PinturaShapeStyles:not([data-state~=overflows]){display:flex;justify-content:center}.pintura :global .PinturaShapeStyleList{display:flex}.pintura :global .PinturaShapeStyleList .PinturaButton,.pintura :global .PinturaShapeStyleList .PinturaInput{outline:transparent}.pintura :global .PinturaShapeStyleList .PinturaInput{padding:0 0 0 .625em;font-size:.75em;line-height:2.25}.pintura :global .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}.pintura :global .PinturaShapeStyleList>.PinturaShapeStyle{border-radius:var(--border-radius-round)}.pintura :global .PinturaShapeStyleList>.PinturaShapeStyle+.PinturaShapeStyle{margin-left:1em}.pintura :global .PinturaShapeStyle{display:flex;flex-direction:column;align-items:stretch;--control-height:1.5em}.pintura :global .PinturaShapeStyle .PinturaPanelButton{border-radius:inherit}.pintura :global .PinturaShapeStyle>.PinturaButton:hover,.pintura :global .PinturaShapeStyle>.PinturaButton[data-focus-visible]{position:relative;z-index:1}.pintura :global .PinturaShapeStyle>.PinturaColorPickerButton .PinturaButtonLabel{display:block;border-radius:inherit}.pintura :global .PinturaShapeStyle>.PinturaColorPickerButton{display:flex;justify-content:center}.pintura :global .PinturaShapeStyle .PinturaColorPreview{border-radius:inherit;width:1.5em;height:1.5em;background-color:#fff;background-size:4px}.pintura :global .PinturaShapeStyle .PinturaColorPreview span{border-radius:inherit;box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.pintura :global .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);box-shadow:inset 0 0 0 1px var(--color-focus-100);content:"";z-index:1}.pintura :global .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}.pintura :global .PinturaShapeStyle>.PinturaColorPickerButtonStroke .PinturaColorPreview span:after{position:absolute;left:6px;top:6px;right:6px;bottom:6px;border-radius:inherit;box-shadow:0 0 0 1px var(--color-foreground-5);content:""}.pintura :global .PinturaShapeStyle>.PinturaDropdownButton .PinturaButtonLabel,.pintura :global .PinturaShapeStyle>.PinturaRadioGroup .PinturaButtonLabel,.pintura :global .PinturaShapeStyle>.PinturaRadioGroupOption label,.pintura :global .PinturaShapeStyle>.PinturaSliderButton .PinturaButtonLabel{display:block;line-height:2.25;padding:0 1em;font-size:.6875em}.pintura :global .PinturaShapeStyle>.PinturaButton:not(.PinturaColorPickerButton)[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.pintura :global .PinturaShapeStyle .PinturaInputField{padding:0 .75em;width:3em;height:2em;line-height:2em;box-shadow:inset 0 0 0 1px var(--color-foreground-5);border-radius:var(--border-radius)}.pintura :global .PinturaShapeStyle .PinturaPromptInputGroup{position:relative;display:flex;align-items:flex-start}.pintura :global .PinturaShapeStyle .PinturaPromptInputGroup .PinturaInput{width:18em;padding:0}.pintura :global .PinturaShapeStyle .PinturaPromptInputGroup .PinturaInput input{padding-right:2em}.pintura :global .PinturaShapeStyle .PinturaPromptInputGroup>.PinturaButton:not(.PinturaButtonIconOnly){display:block;line-height:2.125;margin-left:.5em;padding:0 1em;font-size:.6875em;box-shadow:inset 0 0 0 1px var(--color-foreground-5);background-color:var(--color-foreground-10);border-radius:var(--border-radius)}.pintura :global .PinturaShapeStyle .PinturaPromptInputGroup .PinturaButtonIconOnly{display:flex;justify-content:center;align-items:center;width:1.75em;height:1.75em;padding:0;box-shadow:inset 0 0 0 1px var(--color-foreground-5);border-radius:var(--border-radius)}.pintura :global .PinturaShapeStyle .PinturaPromptInputGroup .PinturaButtonIconOnly svg{width:.875em}.pintura :global .PinturaShapeStyle .PinturaPromptInputGroup .PinturaProgressIndicator{position:absolute;width:.875em;height:.875em;pointer-events:none}.pintura :global .PinturaShapeStyle .PinturaPromptInputGroup .PinturaProgressIndicator svg{width:.875em}.pintura :global .PinturaShapeStyle .PinturaPromptInputWrapper{position:relative;display:flex;align-items:center}.pintura :global .PinturaShapeStyle .PinturaPromptInputWrapper .PinturaProgressIndicator{right:.3125em}.pintura :global .PinturaShapeStyle .PinturaGenerateMoreButtonWrapper{position:relative;display:flex;align-items:center;justify-content:center;margin-top:.3125em;margin-left:.75em}.pintura :global .PinturaShapeStyle .PinturaPromptOptions{margin-left:.5em;display:flex;align-items:center}.pintura :global .PinturaShapeStyle .PinturaPromptOption{position:relative;padding:0;margin-left:.5em;border-radius:.5em}.pintura :global .PinturaShapeStyle .PinturaPromptOption:after,.pintura :global .PinturaShapeStyle .PinturaPromptOption img{border-radius:.5em;pointer-events:none}.pintura :global .PinturaShapeStyle .PinturaPromptOption:after{content:"";position:absolute;z-index:1;left:0;top:0;right:0;bottom:0;box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.pintura :global .PinturaShapeStyle .PinturaPromptOption img{display:block;width:2.5em;height:2.5em;-o-object-fit:cover;object-fit:cover}.pintura :global .PinturaShapeStyle>.PinturaDropdownButton{box-shadow:inset 0 0 0 1px var(--color-foreground-5);transition:background-color var(--transition-duration-10)}.pintura :global .PinturaShapeStyle>.PinturaDropdownButton:hover{background-color:var(--color-foreground-10)}.pintura :global .PinturaShapeStyle>.PinturaDropdownButton .PinturaButtonLabel:after,.pintura :global .PinturaShapeStyle>.PinturaDropdownButton .PinturaComboBox:after{content:"▼";font-size:.6875em;margin-left:.75em;position:relative;top:-.125em;margin-right:-.25em;pointer-events:none}.pintura :global .PinturaShapeStyle>.PinturaDropdownButton .PinturaComboBox:after{top:0;margin-left:.375em;font-size:.47265625em}.pintura :global .PinturaShapeStyle .PinturaComboBox{padding-right:.75em}.pintura :global .PinturaShapeStyle .PinturaComboBox .PinturaInput{padding-left:0}.pintura :global .PinturaShapeStyle .PinturaComboBox .PinturaInput input{box-shadow:none}.pintura :global .PinturaShapeStyle .PinturaComboBox .PinturaInputField{padding-right:.375em}.pintura :global .PinturaShapeStyle>.PinturaRadioGroup>.PinturaRadioGroupOptions{flex-direction:row}.pintura :global .PinturaShapeStyle>.PinturaRadioGroup>.PinturaRadioGroupOptions label{cursor:var(--button-cursor);display:flex;height:var(--control-height);align-items:center;padding:0 .25em;box-shadow:inset 0 0 0 1px var(--color-foreground-5);transition:background-color var(--transition-duration-10)}.pintura :global .PinturaShapeStyle>.PinturaRadioGroup>.PinturaRadioGroupOptions label:hover{background-color:var(--color-foreground-20)}.pintura :global .PinturaShapeStyle>.PinturaRadioGroup>.PinturaRadioGroupOptions svg{width:1.125em;height:1.125em}.pintura :global .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)}.pintura :global .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)}.pintura :global .PinturaShapeStyle>.PinturaRadioGroup>.PinturaRadioGroupOptions [data-selected=true] label{background-color:var(--color-foreground-10)}.pintura :global .PinturaRoot[dir=rtl] .PinturaShapeStyle>.PinturaDropdownButton .PinturaButtonLabel:after,.pintura :global .PinturaRoot[dir=rtl] .PinturaShapeStyle>.PinturaDropdownButton .PinturaComboBox:after{margin-right:.75em;margin-left:-.25em}.pintura :global .PinturaRectManipulator{--size:1.25em;position:absolute;left:0;top:0;outline:none;touch-action:none;transform:translate3d(calc(var(--tx) * 1px),calc(var(--ty) * 1px),0) scale(var(--sx),var(--sy))}.pintura :global .PinturaRectManipulator:not([data-shape=edge]){width:var(--size);height:var(--size);z-index:2}.pintura :global .PinturaRectManipulator:not([data-shape=edge]):after{position:absolute;left:-.5em;right:-.5em;top:-.5em;bottom:-.5em;border-radius:inherit;content:""}.pintura :global .PinturaRectManipulator:not([data-shape=edge])[data-focus-visible]:after{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.pintura :global .PinturaRectManipulator[data-shape~=circle]{margin-left:calc(var(--size) * (-.5));margin-top:calc(var(--size) * (-.5));line-height:var(--size);border-radius:50%;background-color:var(--color-foreground-100);box-shadow:0 0 2px var(--color-background-50)}.pintura :global .PinturaRectManipulator[data-shape=hook]{border:3px solid var(--color-foreground-100)}.pintura :global .PinturaRectManipulator[data-shape=hook][data-direction*=t]{margin-top:-3px;border-bottom:0}.pintura :global .PinturaRectManipulator[data-shape=hook][data-direction*=r]{border-left:0;margin-left:calc(var(--size) * (-1))}.pintura :global .PinturaRectManipulator[data-shape=hook][data-direction*=b]{margin-top:calc(var(--size) * (-1));border-top:0}.pintura :global .PinturaRectManipulator[data-shape=hook][data-direction*=l]{border-right:0;margin-left:-3px}.pintura :global .PinturaRectManipulator[data-shape~=edge]{height:1px;width:1px;z-index:1}.pintura :global .PinturaRectManipulator[data-shape~=edge][data-focus-visible]{background-color:var(--color-focus-50)}.pintura :global .PinturaRectManipulator[data-direction=b],.pintura :global .PinturaRectManipulator[data-direction=t]{cursor:ns-resize;height:var(--size);margin-top:calc(var(--size) * (-.5));transform-origin:0 center}.pintura :global .PinturaRectManipulator[data-direction=l],.pintura :global .PinturaRectManipulator[data-direction=r]{cursor:ew-resize;width:var(--size);margin-left:calc(var(--size) * (-.5));transform-origin:center 0}.pintura :global .PinturaRectManipulator[data-direction=bl],.pintura :global .PinturaRectManipulator[data-direction=tr]{cursor:nesw-resize}.pintura :global .PinturaRectManipulator[data-direction=br],.pintura :global .PinturaRectManipulator[data-direction=tl]{cursor:nwse-resize}.pintura :global .PinturaRoot[data-env~=pointer-coarse] .PinturaRectManipulator[data-shape=edge]:active{background-color:var(--color-foreground-5)}.pintura :global .PinturaRoot[data-env~=pointer-coarse] .PinturaRectManipulator:not([data-shape=edge]):after{left:-1em;right:-1em;top:-1em;bottom:-1em}.pintura :global .PinturaRoot[data-env~=pointer-coarse] .PinturaRectManipulator:not([data-shape=edge]):active:after{background-color:var(--color-foreground-5)}.pintura :global .PinturaRoot[data-env*=chrome-] .PinturaRectManipulator{transform:translate3d(calc(var(--tx) * 1px),calc(var(--ty) * 1px),0)}.pintura :global .PinturaRoot[data-env*=chrome-] .PinturaRectManipulator[data-direction=b],.pintura :global .PinturaRoot[data-env*=chrome-] .PinturaRectManipulator[data-direction=t]{width:calc(var(--sx) * 1px)}.pintura :global .PinturaRoot[data-env*=chrome-] .PinturaRectManipulator[data-direction=l],.pintura :global .PinturaRoot[data-env*=chrome-] .PinturaRectManipulator[data-direction=r]{height:calc(var(--sy) * 1px)}.pintura :global .PinturaToolbar{display:flex;justify-content:center;margin-left:1em;margin-right:1em}.pintura :global .PinturaToolbar .PinturaToolbarInner{display:inline-flex}.pintura :global .PinturaToolbar[data-layout=compact] .PinturaToolbarContentWide,.pintura :global .PinturaToolbar[data-overflow=overflow] .PinturaToolbarContentOptional{display:none}.pintura :global .PinturaToolbar .PinturaButton{border-radius:var(--border-radius-round);outline:transparent;padding:.3125em .75em;transition:background-color var(--transition-duration-10) ease-out,color var(--transition-duration-10) ease-out,box-shadow var(--transition-duration-10) ease-out;line-height:1.1}.pintura :global .PinturaToolbar .PinturaButton:hover{box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.pintura :global .PinturaToolbar .PinturaButton[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.pintura :global .PinturaToolbar .PinturaButton .PinturaButtonIcon{width:1em}.pintura :global .PinturaToolbar .PinturaButtonLabel{font-size:.75em}.pintura :global .PinturaToolbar .PinturaPanel{z-index:3}.pintura :global .PinturaToolbar .PinturaToolbarInner>*{margin:0 .5em}.pintura :global .PinturaImageButtonList,.pintura :global .PinturaImageButtonList>li{display:flex;align-items:center}.pintura :global .PinturaImageButtonList>li{--thumb-size:1.75em;--thumb-radius:0.3125em;--thumb-margin:0.3125em;justify-content:center;position:relative}.pintura :global .PinturaImageButtonList>li+li{margin-left:.5em}.pintura :global .PinturaRoot .PinturaImageButton{--thumb-size:1.75em;--thumb-radius:0.3125em;--thumb-margin:0.3125em;padding:var(--thumb-margin);border-radius:var(--border-radius);box-shadow:inset 0 0 0 1px var(--color-foreground-5);cursor:var(--button-cursor);outline:transparent}.pintura :global .PinturaRoot .PinturaImageButton>*{pointer-events:none}.pintura :global .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);transition:filter var(--transition-duration-25) ease-out}.pintura :global .PinturaRoot .PinturaImageButton[disabled]{filter:var(--filter-disabled)}.pintura :global .PinturaRoot .PinturaImageButton:hover{background-color:var(--color-foreground-10)}.pintura :global .PinturaRoot .PinturaImageButton text{font-family:monospace}.pintura :global .PinturaRoot .PinturaImageButton img,.pintura :global .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)}.pintura :global .PinturaRoot .PinturaImageButton[data-loader]:after,.pintura :global .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)}.pintura :global .PinturaRoot .PinturaImageButton[data-error] img{display:none}.pintura :global .PinturaRoot .PinturaImageButton[data-error]:after{content:"⚠";box-shadow:inset 0 0 0 1px var(--color-error-75);background-color:var(--color-error-10);color:var(--color-error-75)}.pintura :global .PinturaRoot .PinturaImageButton[data-loader]{position:relative}.pintura :global .PinturaRoot .PinturaImageButton[data-loader]:before :local{content:"";position:absolute;left:var(--thumb-margin);top:var(--thumb-margin);-webkit-animation:pintura-img-loading calc(var(--transition-duration-multiplier, 0) * 1s) infinite alternate ease-in-out;animation:pintura-img-loading calc(var(--transition-duration-multiplier, 0) * 1s) infinite alternate ease-in-out;background-color:var(--color-foreground-10);transition:transform calc(var(--transition-duration-multiplier, 0) * .5s) ease-in;z-index:-1}.pintura :global .PinturaRoot .PinturaImageButton[data-loader] img{opacity:0;transition:opacity calc(var(--transition-duration-multiplier, 0) * .35s) ease-out}.pintura :global .PinturaRoot .PinturaImageButton[data-loader][data-load] img{opacity:1}.pintura :global .PinturaRoot .PinturaImageButton[data-loader][data-error]:before,.pintura :global .PinturaRoot .PinturaImageButton[data-loader][data-load]:before{-webkit-animation-play-state:paused;animation-play-state:paused;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}}.pintura :global .PinturaInput{display:flex;flex-direction:row}.pintura :global .PinturaInput input[disabled]{filter:var(--filter-disabled)}.pintura :global .PinturaInputField{flex:1;outline:transparent}.pintura :global .PinturaInputField[type=number]{-moz-appearance:textfield}.pintura :global .PinturaInputField[type=number]::-webkit-inner-spin-button,.pintura :global .PinturaInputField[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pintura :global .PinturaInputSpinners{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}.pintura :global .PinturaInputSpinners button{line-height:1!important;width:2em;font-size:.5em!important;outline:transparent}.pintura :global .PinturaPanel.PinturaSliderPanel{border-radius:var(--border-radius-round)}.pintura :global .PinturaPercentageLabel{font-variant-numeric:tabular-nums;min-width:3em;text-align:center}.pintura :global .PinturaSliderPanel .PinturaSlider{width:10em;--knob-size:0.75em;--knob-margin-left:0.3125em;--knob-margin-right:0.3125em}.pintura :global .PinturaSliderPanel .PinturaSliderTrack{background-color:var(--color-foreground-10)}.pintura :global .PinturaSliderPanel .PinturaSliderKnob{background-color:var(--color-foreground-100);box-shadow:0 .125em .25em rgba(0,0,0,.35),0 -.125em .25em rgba(0,0,0,.1)}.pintura :global .PinturaShapeList{pointer-events:none;opacity:0;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);box-shadow:0 0 0 1px var(--color-foreground-5)}.pintura :global .PinturaShapeList li+li{margin-top:-.3125em}.pintura :global .PinturaShapeList[data-visible=true]{opacity:1}.pintura :global .PinturaShapeList .PinturaColorPreview{width:.75em;height:.75em;margin-right:.25em;border-radius:.25em}.pintura :global .PinturaShapeList .PinturaShapeListItem{display:flex;align-items:center;padding:.25em .5em;outline:none}.pintura :global .PinturaShapeList .PinturaShapeListItem>span{font-size:.75em;line-height:1.75;padding:0 .325em;margin-left:-.325em}.pintura :global .PinturaShapeList .PinturaShapeListItem[data-focus-visible]>span{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.pintura :global .PinturaShapeList[data-visible=true] .PinturaShapeListItem{pointer-events:all}.pintura :global .PinturaShapeEditor{height:100%;width:100%;outline:none;touch-action:none}.pintura :global .PinturaShapeControls{position:absolute!important;left:0;top:0;z-index:3;pointer-events:none;display:flex;align-items:center}.pintura :global .PinturaShapeControlsGroup{pointer-events:all;color:#eee;background:#222;box-shadow:0 .125em .25em rgba(0,0,0,.25);border-radius:.25em}.pintura :global .PinturaShapeControlsGroup,.pintura :global .PinturaShapeControlsGroup .PinturaShapeControlsGroupToggle{display:inline-flex;min-height:1.75em}.pintura :global .PinturaShapeControlsGroup+.PinturaShapeControlsGroup{margin-left:.5em}.pintura :global .PinturaShapeControlsGroup .PinturaShapeControlsGroupToggle{position:relative}.pintura :global .PinturaShapeControlsGroup .PinturaButton{outline:transparent}.pintura :global .PinturaShapeControlsGroup .PinturaButton[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.pintura :global .PinturaShapeControlsGroup .PinturaButton[disabled]>span{opacity:.5;pointer-events:all;cursor:not-allowed}.pintura :global .PinturaShapeControlsGroup>.PinturaButton{display:block;font-weight:700;transition:background-color var(--transition-duration-10);outline:transparent}.pintura :global .PinturaShapeControlsGroup>.PinturaButton:hover{background-color:hsla(0,0%,100%,.15)}.pintura :global .PinturaShapeControlsGroup>.PinturaButton .PinturaButtonLabel{display:block;font-size:.6875em;padding:0 .75em;line-height:1.7em}.pintura :global .PinturaShapeControlsGroup .PinturaButtonIconOnly{width:1.75em;transition:background-color var(--transition-duration-10)}.pintura :global .PinturaShapeControlsGroup .PinturaButtonIconOnly:hover{background-color:hsla(0,0%,100%,.15)}.pintura :global .PinturaShapeControlsGroup>button:first-of-type{border-radius:.25em 0 0 .25em}.pintura :global .PinturaShapeControlsGroup>button:last-of-type{border-radius:0 .25em .25em 0}.pintura :global .PinturaShapeControlsGroup>button:only-of-type{border-radius:.25em}.pintura :global .PinturaShapeControlsGroup>*+*{border-left:1px solid rgba(0,0,0,.5)}.pintura :global .PinturaShapeControlsGroup svg{pointer-events:none}.pintura :global .PinturaInlineInput{position:absolute;left:0;top:0;margin:0;padding:0;transform-origin:center;display:flex}.pintura :global .PinturaInlineInput:before{content:"";width:0;height:var(--line-height)}.pintura :global .PinturaContentEditable{margin:0;padding:0;width:calc(100% / var(--font-scalar));height:calc((100% / var(--font-scalar)) - var(--bottom-inset, 0));overflow:hidden;outline:none;vertical-align:top}.pintura :global .PinturaShapePresetsPalette{text-align:center;width:40em;max-width:100%;overflow:hidden}.pintura :global .PinturaShapePresetsPalette .PinturaShapePresetSelect{vertical-align:top;display:inline-block}.pintura :global .PinturaShapePresetsPalette .PinturaScrollable:not([data-state~=overflows]){display:flex;justify-content:center}.pintura :global .PinturaShapePresetsPalette .PinturaButton+.PinturaButton{margin-left:.5em}.pintura :global .PinturaShapePresetsPalette .PinturaButton{flex-direction:row;line-height:1.1;padding:.3125em .75em;border-radius:var(--border-radius-round);box-shadow:inset 0 0 0 1px var(--color-foreground-5);cursor:var(--button-cursor);transition:background-color var(--transition-duration-10) ease-out,color var(--transition-duration-10) ease-out,box-shadow var(--transition-duration-10) ease-out;outline:none}.pintura :global .PinturaShapePresetsPalette .PinturaButton .PinturaButtonIcon{width:1em}.pintura :global .PinturaShapePresetsPalette .PinturaButton .PinturaButtonLabel{font-size:.75em}.pintura :global .PinturaShapePresetsPalette .PinturaButton:hover{box-shadow:inset 0 0 0 1px var(--color-foreground-10)}.pintura :global .PinturaShapePresetsPalette .PinturaButton[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.pintura :global .PinturaShapePresetsPalette .PinturaShapePresetsFlat>*+*,.pintura :global .PinturaShapePresetsPalette .PinturaShapePresetsGroups>*+*,.pintura :global .PinturaShapePresetsPalette .PinturaShapePresetsGroups>div>*+*{margin-left:.5em}.pintura :global .PinturaShapePresetsGroups{display:flex}.pintura :global .PinturaShapePresetsGrouped{display:flex;flex-direction:column;align-items:center}.pintura :global .PinturaShapePresetsGrouped [role=tab]{white-space:nowrap}.pintura :global .PinturaShapePresetsFlat{display:flex;align-items:center;justify-content:center}.pintura :global .PinturaShapePresetsFlat>.PinturaButton{margin-left:1em}.pintura :global .PinturaOptionsList,.pintura :global .PinturaOptionsListWrapper{border-radius:inherit}.pintura :global .PinturaOptionsList .PinturaListOption{transition:background-color var(--transition-duration-10);border-radius:inherit}.pintura :global .PinturaOptionsList .PinturaListOption label{display:block;margin:0;border-radius:inherit;white-space:nowrap}.pintura :global .PinturaOptionsList .PinturaListOption svg{margin-right:.25em;margin-left:-.5em;min-width:1.5em}.pintura :global .PinturaOptionsList .PinturaListOption svg:only-child{margin-left:0;margin-right:0}.pintura :global .PinturaOptionsList .PinturaListOption [slot]{display:flex;align-items:center;padding:.325em .75em}.pintura :global .PinturaOptionsList .PinturaDropdownOptionLabel{font-size:.75em;line-height:1.75;padding:0 .325em;margin-left:-.325em;display:inline-flex;flex-direction:column}.pintura :global .PinturaOptionsList .PinturaDropdownOptionSublabel{font-size:.75em;opacity:.5;margin-top:-.5em}.pintura :global .PinturaOptionsList .PinturaListOptionGroup>span{display:block;padding:.75em 1em;text-transform:uppercase;font-size:.75em;color:var(--color-foreground-50)}.pintura :global .PinturaOptionsList [data-disabled=true]{color:var(--color-foreground-50)}.pintura :global .PinturaOptionsList [data-selected=false]:not([data-disabled=true]):hover{background-color:var(--color-foreground-10)}.pintura :global .PinturaOptionsList [data-selected=true]{color:var(--color-foreground-100);background-color:var(--color-foreground-20)}.pintura :global .PinturaOptionsList [data-focus-visible]+label .PinturaDropdownOptionLabel{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100);border-radius:.25em}.pintura :global .PinturaListOption label{margin:0}.pintura :global .PinturaRoot[dir=rtl] .PinturaDropdownOptionLabel{margin-right:-.325em;align-items:flex-end}.pintura :global .PinturaRoot[dir=rtl] .PinturaListOption svg{margin-left:-.5em;margin-right:auto}.pintura :global .PinturaRoot[dir=rtl] .PinturaListOption svg+span{margin-left:.25em}.pintura :global .PinturaRoot[dir=rtl] .PinturaListOption [slot]{justify-content:flex-end}.pintura :global .PinturaColorPickerPanel{padding:.5em;max-width:14em;overflow:visible;touch-action:none}.pintura :global .PinturaColorPickerPanel .PinturaColorPickerButton{outline:transparent}.pintura :global .PinturaColorPickerPanel .PinturaColorPickerButton[data-focus-visible]{box-shadow:inset 0 0 0 1px var(--color-foreground-70)}.pintura :global .PinturaColorPickerPanel .PinturaColorPreview{width:1.25em;height:1.25em;border-radius:.25em}.pintura :global .PinturaColorPickerPanel .PinturaColorPreview span{border-radius:.2em;box-shadow:inset 0 0 0 1px var(--color-foreground-20)}.pintura :global .PinturaColorPickerPanel .PinturaColorPresets legend{color:var(--color-foreground-50);margin:0 0 .25em .3125em;font-size:.75em}.pintura :global .PinturaColorPickerPanel .PinturaColorPresets:only-child legend{display:none}.pintura :global .PinturaColorPickerPanel .PinturaColorPresetsGrid .PinturaRadioGroupOptions{display:flex;flex-direction:row;flex-wrap:wrap}.pintura :global .PinturaColorPickerPanel .PinturaColorPresetsGrid .PinturaListOption{display:block;padding:.25em}.pintura :global .PinturaColorPickerPanel .PinturaColorPresetsGrid .PinturaListOption label,.pintura :global .PinturaColorPickerPanel .PinturaColorPresetsGrid .PinturaListOption label span{display:block;cursor:var(--button-cursor)}.pintura :global .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);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.pintura :global .PinturaColorPickerPanel .PinturaSlider{margin-left:-.325em;margin-right:-.325em}.pintura :global .PinturaColorPickerPanel .PinturaSlider>.PinturaSliderControl{position:relative;z-index:2}.pintura :global .PinturaColorPickerPanel .PinturaPicker{width:100%}.pintura :global .PinturaColorPickerPanel .PinturaPicker+.PinturaColorPresets{margin-top:.5em}.pintura :global .PinturaColorPickerPanel .PinturaPicker .PinturaPickerKnob,.pintura :global .PinturaColorPickerPanel .PinturaPicker .PinturaSliderKnob{border-radius:9999em;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)}.pintura :global .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}.pintura :global .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);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.pintura :global .PinturaColorPickerPanel .PinturaPicker .PinturaPickerKnobController{position:absolute;left:0;top:0;right:0;bottom:0;visibility:hidden}.pintura :global .PinturaColorPickerPanel .PinturaPicker .PinturaSaturationPicker{position:relative;border-radius:var(--border-radius) var(--border-radius) 0 0;margin:-.5em -.5em .5em;height:7em;background-image:linear-gradient(180deg,transparent,#000),linear-gradient(90deg,#fff,transparent)}.pintura :global .PinturaColorPickerPanel .PinturaPicker .PinturaHuePicker .PinturaSliderTrack{background-image:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.pintura :global .PinturaColorPickerPanel .PinturaPicker .PinturaSliderTrack{box-shadow:inset 0 0 1px var(--color-foreground-50)}.pintura :global .PinturaColorPickerPanel .PinturaPicker .PinturaOpacityPicker .PinturaSliderKnob:before,.pintura :global .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)}.pintura :global .PinturaColorPickerPanel .PinturaPicker .PinturaOpacityPicker .PinturaSliderKnob:before{background-position:calc(var(--slider-position) * -2px) 0}.pintura :global .PinturaColorPickerPanel .PinturaPicker .PinturaOpacityPicker{margin-top:.5em}.pintura :global .PinturaColorPickerPanel .PinturaPicker .PinturaColorPickerInput{color:var(--color-foreground-80);margin:.75em 0 .25em .3125em;width:calc(100% - .625em);line-height:1.75;text-indent:.5em;font-size:.875em;border-radius:.25em;border:1px solid var(--color-foreground-20);font-variant:tabular-nums;text-transform:uppercase}.pintura :global .PinturaColorPickerPanel .PinturaPicker .PinturaColorPickerInput:focus{outline:transparent;border-color:var(--color-focus-100)}.pintura :global .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;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)}.pintura :global .PinturaPanel,.pintura :global .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}.pintura :global .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;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))}.pintura :global .PinturaPanelTip[style*="top:0"]{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))}.pintura :global .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")}.pintura :global .PinturaColorPreview span{position:absolute;left:0;top:0;right:0;bottom:0;background-color:var(--color);border-radius:inherit}.pintura :global .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}.pintura :global .PinturaContentEditable[data-wrap-content=nowrap]{white-space:nowrap!important;word-break:normal!important}.pintura :global .PinturaContentEditable{background:transparent!important;margin:0!important;border-radius:0!important;max-width:none!important;min-width:auto!important;box-shadow:none!important}.pintura :global .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:flex;align-items:center;touch-action:none}.pintura :global .PinturaSlider[data-direction=y]{flex-direction:column}.pintura :global .PinturaSlider .PinturaSliderControl{position:relative;flex:1}.pintura :global .PinturaSlider>button{position:relative;z-index:1;width:var(--track-size);height:var(--track-size);overflow:hidden;cursor:pointer;flex-shrink:none}.pintura :global .PinturaSlider>button svg{width:1.25em;height:1.25em;margin:.125em;stroke-width:.125em;stroke:var(--color-foreground-50)}.pintura :global .PinturaSlider>button:first-of-type{order:2;padding-right:.125em;margin-left:-.325em}.pintura :global .PinturaSlider>button:last-of-type{order:1;padding-left:.125em;margin-right:-.325em}.pintura :global .PinturaSlider>.PinturaSliderControl{order:2}.pintura :global .PinturaSlider .PinturaSliderKnob{left:0;top:50%;border-radius:9999em;visibility:visible;width:var(--knob-size);height:var(--knob-size);margin-left:calc(var(--knob-size) * -.5);margin-top:calc(var(--knob-size) * -.5)}.pintura :global .PinturaSlider .PinturaSliderKnob,.pintura :global .PinturaSlider .PinturaSliderKnobController,.pintura :global .PinturaSlider .PinturaSliderTrack{pointer-events:none;position:absolute}.pintura :global .PinturaSlider .PinturaSliderTrack{top:var(--track-offset-y);bottom:var(--track-offset-y);left:var(--track-offset-x);right:var(--track-offset-x)}.pintura :global .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))}.pintura :global .PinturaSlider .PinturaSliderTrack{border-radius:9999em}.pintura :global .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))}.pintura :global .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))}.pintura :global .PinturaSlider input[type=range]{-webkit-appearance:none;display:block}.pintura :global .PinturaSlider input[type=range]::-webkit-slider-runnable-track{background:transparent}.pintura :global .PinturaSlider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;line-height:0;margin:0;padding:0;border:none}.pintura :global .PinturaSlider input[type=range]::-moz-range-thumb{line-height:0;margin:0;padding:0;border:none;visibility:hidden}.pintura :global .PinturaSlider input[type=range]::-ms-thumb{line-height:0;margin:0;padding:0;border:none}.pintura :global .PinturaSlider input[type=range]::-ms-ticks-before,.pintura :global .PinturaSlider input[type=range]::-ms-tooltip{display:none}.pintura :global .PinturaSlider input[type=range]::-ms-ticks-after{display:none}.pintura :global .PinturaSlider input[type=range]::-ms-track{color:transparent;border:none;background:transparent}.pintura :global .PinturaSlider input[type=range]::-ms-fill-lower,.pintura :global .PinturaSlider input[type=range]::-ms-fill-upper{background:transparent}.pintura :global .PinturaSlider input[type=range]:focus{outline:transparent}.pintura :global .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);box-shadow:inset 0 0 0 1px var(--color-focus-100);pointer-events:none}.pintura :global .PinturaShapeManipulator{position:absolute;left:0;top:0;outline:none;touch-action:none;transform:translate3d(calc(var(--tx) * 1px),calc(var(--ty) * 1px),0) rotate(var(--r)) scale(var(--sx),var(--sy));--size:0.75em}.pintura :global .PinturaShapeManipulator:not([data-control=edge]){margin-left:calc(var(--size) * (-.5));margin-top:calc(var(--size) * (-.5));line-height:var(--size);width:var(--size);height:var(--size);border-radius:9999em}.pintura :global .PinturaShapeManipulator:not([data-control=edge]):after{position:absolute;left:-.5em;right:-.5em;top:-.5em;bottom:-.5em;content:""}.pintura :global .PinturaShapeManipulator:not([data-control=edge])[data-focus-visible]:after{border-radius:inherit;background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.pintura :global .PinturaShapeManipulator[data-control=point]{background:linear-gradient(90deg,var(--color-secondary-dark),var(--color-secondary));box-shadow:0 0 0 2px #fff,0 0 4px #000;z-index:3}.pintura :global .PinturaShapeManipulator[data-control=edge]{margin-top:calc(var(--size) * (-.5));height:var(--size);width:1px;z-index:1;transform-origin:0 calc(var(--size) * .5)}.pintura :global .PinturaShapeManipulator[data-control=edge][data-focus-visible]{background-color:var(--color-focus-50)}.pintura :global .PinturaShapeManipulator[data-control=rotate]{border-radius:9999em;background:linear-gradient(90deg,#fff,#ddd);box-shadow:0 0 0 2px var(--color-secondary-dark),0 0 4px #000;z-index:2;cursor:-webkit-grab;cursor:grab}.pintura :global .PinturaRoot[data-env*=chrome-] .PinturaShapeManipulator[data-control=edge]{width:calc(var(--sx) * 1px);transform:translate3d(calc(var(--tx) * 1px),calc(var(--ty) * 1px),0) rotate(var(--r))}.pintura :global{display:block;height:100%}
trix-editor {
  border: 1px solid #bbb;
  border-radius: 3px;
  margin: 0;
  padding: 0.4em 0.6em;
  min-height: 5em;
  outline: none; }

trix-toolbar * {
  box-sizing: border-box; }

trix-toolbar .trix-button-row {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  overflow-x: auto; }

trix-toolbar .trix-button-group {
  display: flex;
  margin-bottom: 10px;
  border: 1px solid #bbb;
  border-top-color: #ccc;
  border-bottom-color: #888;
  border-radius: 3px; }
  trix-toolbar .trix-button-group:not(:first-child) {
    margin-left: 1.5vw; }
    @media (max-width: 768px) {
      trix-toolbar .trix-button-group:not(:first-child) {
        margin-left: 0; } }

trix-toolbar .trix-button-group-spacer {
  flex-grow: 1; }
  @media (max-width: 768px) {
    trix-toolbar .trix-button-group-spacer {
      display: none; } }

trix-toolbar .trix-button {
  position: relative;
  float: left;
  color: rgba(0, 0, 0, 0.6);
  font-size: 0.75em;
  font-weight: 600;
  white-space: nowrap;
  padding: 0 0.5em;
  margin: 0;
  outline: none;
  border: none;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
  background: transparent; }
  trix-toolbar .trix-button:not(:first-child) {
    border-left: 1px solid #ccc; }
  trix-toolbar .trix-button.trix-active {
    background: #cbeefa;
    color: black; }
  trix-toolbar .trix-button:not(:disabled) {
    cursor: pointer; }
  trix-toolbar .trix-button:disabled {
    color: rgba(0, 0, 0, 0.125); }
  @media (max-width: 768px) {
    trix-toolbar .trix-button {
      letter-spacing: -0.01em;
      padding: 0 0.3em; } }

trix-toolbar .trix-button--icon {
  font-size: inherit;
  width: 2.6em;
  height: 1.6em;
  max-width: calc(0.8em + 4vw);
  text-indent: -9999px; }
  @media (max-width: 768px) {
    trix-toolbar .trix-button--icon {
      height: 2em;
      max-width: calc(0.8em + 3.5vw); } }
  trix-toolbar .trix-button--icon::before {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.6;
    content: "";
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain; }
    @media (max-width: 768px) {
      trix-toolbar .trix-button--icon::before {
        right: 6%;
        left: 6%; } }
  trix-toolbar .trix-button--icon.trix-active::before {
    opacity: 1; }
  trix-toolbar .trix-button--icon:disabled::before {
    opacity: 0.125; }

trix-toolbar .trix-button--icon-attach::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10.5%2018V7.5c0-2.25%203-2.25%203%200V18c0%204.125-6%204.125-6%200V7.5c0-6.375%209-6.375%209%200V18%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  top: 8%;
  bottom: 4%; }

trix-toolbar .trix-button--icon-bold::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.522%2019.242a.5.5%200%200%201-.5-.5V5.35a.5.5%200%200%201%20.5-.5h5.783c1.347%200%202.46.345%203.24.982.783.64%201.216%201.562%201.216%202.683%200%201.13-.587%202.129-1.476%202.71a.35.35%200%200%200%20.049.613c1.259.56%202.101%201.742%202.101%203.22%200%201.282-.483%202.334-1.363%203.063-.876.726-2.132%201.12-3.66%201.12h-5.89ZM9.27%207.347v3.362h1.97c.766%200%201.347-.17%201.733-.464.38-.291.587-.716.587-1.27%200-.53-.183-.928-.513-1.198-.334-.273-.838-.43-1.505-.43H9.27Zm0%205.606v3.791h2.389c.832%200%201.448-.177%201.853-.497.399-.315.614-.786.614-1.423%200-.62-.22-1.077-.63-1.385-.418-.313-1.053-.486-1.905-.486H9.27Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-italic::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M9%205h6.5v2h-2.23l-2.31%2010H13v2H6v-2h2.461l2.306-10H9V5Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-link::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M18.948%205.258a4.337%204.337%200%200%200-6.108%200L11.217%206.87a.993.993%200%200%200%200%201.41c.392.39%201.027.39%201.418%200l1.623-1.613a2.323%202.323%200%200%201%203.271%200%202.29%202.29%200%200%201%200%203.251l-2.393%202.38a3.021%203.021%200%200%201-4.255%200l-.05-.049a1.007%201.007%200%200%200-1.418%200%20.993.993%200%200%200%200%201.41l.05.049a5.036%205.036%200%200%200%207.091%200l2.394-2.38a4.275%204.275%200%200%200%200-6.072Zm-13.683%2013.6a4.337%204.337%200%200%200%206.108%200l1.262-1.255a.993.993%200%200%200%200-1.41%201.007%201.007%200%200%200-1.418%200L9.954%2017.45a2.323%202.323%200%200%201-3.27%200%202.29%202.29%200%200%201%200-3.251l2.344-2.331a2.579%202.579%200%200%201%203.631%200c.392.39%201.027.39%201.419%200a.993.993%200%200%200%200-1.41%204.593%204.593%200%200%200-6.468%200l-2.345%202.33a4.275%204.275%200%200%200%200%206.072Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-strike::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6%2014.986c.088%202.647%202.246%204.258%205.635%204.258%203.496%200%205.713-1.728%205.713-4.463%200-.275-.02-.536-.062-.781h-3.461c.398.293.573.654.573%201.123%200%201.035-1.074%201.787-2.646%201.787-1.563%200-2.773-.762-2.91-1.924H6ZM6.432%2010h3.763c-.632-.314-.914-.715-.914-1.273%200-1.045.977-1.739%202.432-1.739%201.475%200%202.52.723%202.617%201.914h2.764c-.05-2.548-2.11-4.238-5.39-4.238-3.145%200-5.392%201.719-5.392%204.316%200%20.363.04.703.12%201.02ZM4%2011a1%201%200%201%200%200%202h15a1%201%200%201%200%200-2H4Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-quote::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4.581%208.471c.44-.5%201.056-.834%201.758-.995C8.074%207.17%209.201%207.822%2010%208.752c1.354%201.578%201.33%203.555.394%205.277-.941%201.731-2.788%203.163-4.988%203.56a.622.622%200%200%201-.653-.317c-.113-.205-.121-.49.16-.764.294-.286.567-.566.791-.835.222-.266.413-.54.524-.815.113-.28.156-.597.026-.908-.128-.303-.39-.524-.72-.69a3.02%203.02%200%200%201-1.674-2.7c0-.905.283-1.59.72-2.088Zm9.419%200c.44-.5%201.055-.834%201.758-.995%201.734-.306%202.862.346%203.66%201.276%201.355%201.578%201.33%203.555.395%205.277-.941%201.731-2.789%203.163-4.988%203.56a.622.622%200%200%201-.653-.317c-.113-.205-.122-.49.16-.764.294-.286.567-.566.791-.835.222-.266.412-.54.523-.815.114-.28.157-.597.026-.908-.127-.303-.39-.524-.72-.69a3.02%203.02%200%200%201-1.672-2.701c0-.905.283-1.59.72-2.088Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-heading-1::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21.5%207.5v-3h-12v3H14v13h3v-13h4.5ZM9%2013.5h3.5v-3h-10v3H6v7h3v-7Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-code::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3.293%2011.293a1%201%200%200%200%200%201.414l4%204a1%201%200%201%200%201.414-1.414L5.414%2012l3.293-3.293a1%201%200%200%200-1.414-1.414l-4%204Zm13.414%205.414%204-4a1%201%200%200%200%200-1.414l-4-4a1%201%200%201%200-1.414%201.414L18.586%2012l-3.293%203.293a1%201%200%200%200%201.414%201.414Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-bullet-list::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%207.5a1.5%201.5%200%201%200%200-3%201.5%201.5%200%200%200%200%203ZM8%206a1%201%200%200%201%201-1h11a1%201%200%201%201%200%202H9a1%201%200%200%201-1-1Zm1%205a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm0%206a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm-2.5-5a1.5%201.5%200%201%201-3%200%201.5%201.5%200%200%201%203%200ZM5%2019.5a1.5%201.5%200%201%200%200-3%201.5%201.5%200%200%200%200%203Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-number-list::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3%204h2v4H4V5H3V4Zm5%202a1%201%200%200%201%201-1h11a1%201%200%201%201%200%202H9a1%201%200%200%201-1-1Zm1%205a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm0%206a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm-3.5-7H6v1l-1.5%202H6v1H3v-1l1.667-2H3v-1h2.5ZM3%2017v-1h3v4H3v-1h2v-.5H4v-1h1V17H3Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-undo::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3%2014a1%201%200%200%200%201%201h6a1%201%200%201%200%200-2H6.257c2.247-2.764%205.151-3.668%207.579-3.264%202.589.432%204.739%202.356%205.174%205.405a1%201%200%200%200%201.98-.283c-.564-3.95-3.415-6.526-6.825-7.095C11.084%207.25%207.63%208.377%205%2011.39V8a1%201%200%200%200-2%200v6Zm2-1Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-redo::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21%2014a1%201%200%200%201-1%201h-6a1%201%200%201%201%200-2h3.743c-2.247-2.764-5.151-3.668-7.579-3.264-2.589.432-4.739%202.356-5.174%205.405a1%201%200%200%201-1.98-.283c.564-3.95%203.415-6.526%206.826-7.095%203.08-.513%206.534.614%209.164%203.626V8a1%201%200%201%201%202%200v6Zm-2-1Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-decrease-nesting-level::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%206a1%201%200%200%201%201-1h12a1%201%200%201%201%200%202H6a1%201%200%200%201-1-1Zm4%205a1%201%200%201%200%200%202h9a1%201%200%201%200%200-2H9Zm-3%206a1%201%200%201%200%200%202h12a1%201%200%201%200%200-2H6Zm-3.707-5.707a1%201%200%200%200%200%201.414l2%202a1%201%200%201%200%201.414-1.414L4.414%2012l1.293-1.293a1%201%200%200%200-1.414-1.414l-2%202Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-increase-nesting-level::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%206a1%201%200%200%201%201-1h12a1%201%200%201%201%200%202H6a1%201%200%200%201-1-1Zm4%205a1%201%200%201%200%200%202h9a1%201%200%201%200%200-2H9Zm-3%206a1%201%200%201%200%200%202h12a1%201%200%201%200%200-2H6Zm-2.293-2.293%202-2a1%201%200%200%200%200-1.414l-2-2a1%201%200%201%200-1.414%201.414L3.586%2012l-1.293%201.293a1%201%200%201%200%201.414%201.414Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-dialogs {
  position: relative; }

trix-toolbar .trix-dialog {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  font-size: 0.75em;
  padding: 15px 10px;
  background: #fff;
  box-shadow: 0 0.3em 1em #ccc;
  border-top: 2px solid #888;
  border-radius: 5px;
  z-index: 5; }

trix-toolbar .trix-input--dialog {
  font-size: inherit;
  font-weight: normal;
  padding: 0.5em 0.8em;
  margin: 0 10px 0 0;
  border-radius: 3px;
  border: 1px solid #bbb;
  background-color: #fff;
  box-shadow: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none; }
  trix-toolbar .trix-input--dialog.validate:invalid {
    box-shadow: #F00 0px 0px 1.5px 1px; }

trix-toolbar .trix-button--dialog {
  font-size: inherit;
  padding: 0.5em;
  border-bottom: none; }

trix-toolbar .trix-dialog--link {
  max-width: 600px; }

trix-toolbar .trix-dialog__link-fields {
  display: flex;
  align-items: baseline; }
  trix-toolbar .trix-dialog__link-fields .trix-input {
    flex: 1; }
  trix-toolbar .trix-dialog__link-fields .trix-button-group {
    flex: 0 0 content;
    margin: 0; }

trix-editor [data-trix-mutable]:not(.attachment__caption-editor) {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

trix-editor [data-trix-mutable]::-moz-selection,
trix-editor [data-trix-cursor-target]::-moz-selection, trix-editor [data-trix-mutable] ::-moz-selection {
  background: none; }

trix-editor [data-trix-mutable]::selection,
trix-editor [data-trix-cursor-target]::selection, trix-editor [data-trix-mutable] ::selection {
  background: none; }

trix-editor .attachment__caption-editor:focus[data-trix-mutable]::-moz-selection {
  background: highlight; }

trix-editor .attachment__caption-editor:focus[data-trix-mutable]::selection {
  background: highlight; }

trix-editor [data-trix-mutable].attachment.attachment--file {
  box-shadow: 0 0 0 2px highlight;
  border-color: transparent; }

trix-editor [data-trix-mutable].attachment img {
  box-shadow: 0 0 0 2px highlight; }

trix-editor .attachment {
  position: relative; }
  trix-editor .attachment:hover {
    cursor: default; }

trix-editor .attachment--preview .attachment__caption:hover {
  cursor: text; }

trix-editor .attachment__progress {
  position: absolute;
  z-index: 1;
  height: 20px;
  top: calc(50% - 10px);
  left: 5%;
  width: 90%;
  opacity: 0.9;
  transition: opacity 200ms ease-in; }
  trix-editor .attachment__progress[value="100"] {
    opacity: 0; }

trix-editor .attachment__caption-editor {
  display: inline-block;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  color: inherit;
  text-align: center;
  vertical-align: top;
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none; }

trix-editor .attachment__toolbar {
  position: absolute;
  z-index: 1;
  top: -0.9em;
  left: 0;
  width: 100%;
  text-align: center; }

trix-editor .trix-button-group {
  display: inline-flex; }

trix-editor .trix-button {
  position: relative;
  float: left;
  color: #666;
  white-space: nowrap;
  font-size: 80%;
  padding: 0 0.8em;
  margin: 0;
  outline: none;
  border: none;
  border-radius: 0;
  background: transparent; }
  trix-editor .trix-button:not(:first-child) {
    border-left: 1px solid #ccc; }
  trix-editor .trix-button.trix-active {
    background: #cbeefa; }
  trix-editor .trix-button:not(:disabled) {
    cursor: pointer; }

trix-editor .trix-button--remove {
  text-indent: -9999px;
  display: inline-block;
  padding: 0;
  outline: none;
  width: 1.8em;
  height: 1.8em;
  line-height: 1.8em;
  border-radius: 50%;
  background-color: #fff;
  border: 2px solid highlight;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.25); }
  trix-editor .trix-button--remove::before {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.7;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg%20height%3D%2224%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M19%206.41%2017.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z%22%2F%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 90%; }
  trix-editor .trix-button--remove:hover {
    border-color: #333; }
    trix-editor .trix-button--remove:hover::before {
      opacity: 1; }

trix-editor .attachment__metadata-container {
  position: relative; }

trix-editor .attachment__metadata {
  position: absolute;
  left: 50%;
  top: 2em;
  transform: translate(-50%, 0);
  max-width: 90%;
  padding: 0.1em 0.6em;
  font-size: 0.8em;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 3px; }
  trix-editor .attachment__metadata .attachment__name {
    display: inline-block;
    max-width: 100%;
    vertical-align: bottom;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  trix-editor .attachment__metadata .attachment__size {
    margin-left: 0.2em;
    white-space: nowrap; }

.trix-content {
  line-height: 1.5;
  overflow-wrap: break-word;
  word-break: break-word; }
  .trix-content * {
    box-sizing: border-box;
    margin: 0;
    padding: 0; }
  .trix-content h1 {
    font-size: 1.2em;
    line-height: 1.2; }
  .trix-content blockquote {
    border: 0 solid #ccc;
    border-left-width: 0.3em;
    margin-left: 0.3em;
    padding-left: 0.6em; }
  .trix-content [dir=rtl] blockquote,
  .trix-content blockquote[dir=rtl] {
    border-width: 0;
    border-right-width: 0.3em;
    margin-right: 0.3em;
    padding-right: 0.6em; }
  .trix-content li {
    margin-left: 1em; }
  .trix-content [dir=rtl] li {
    margin-right: 1em; }
  .trix-content pre {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    font-family: monospace;
    font-size: 0.9em;
    padding: 0.5em;
    white-space: pre;
    background-color: #eee;
    overflow-x: auto; }
  .trix-content img {
    max-width: 100%;
    height: auto; }
  .trix-content .attachment {
    display: inline-block;
    position: relative;
    max-width: 100%; }
    .trix-content .attachment a {
      color: inherit;
      text-decoration: none; }
      .trix-content .attachment a:hover, .trix-content .attachment a:visited:hover {
        color: inherit; }
  .trix-content .attachment__caption {
    text-align: center; }
    .trix-content .attachment__caption .attachment__name + .attachment__size::before {
      content: ' \2022 '; }
  .trix-content .attachment--preview {
    width: 100%;
    text-align: center; }
    .trix-content .attachment--preview .attachment__caption {
      color: #666;
      font-size: 0.9em;
      line-height: 1.2; }
  .trix-content .attachment--file {
    color: #333;
    line-height: 1;
    margin: 0 2px 2px 2px;
    padding: 0.4em 1em;
    border: 1px solid #bbb;
    border-radius: 5px; }
  .trix-content .attachment-gallery {
    display: flex;
    flex-wrap: wrap;
    position: relative; }
    .trix-content .attachment-gallery .attachment {
      flex: 1 0 33%;
      padding: 0 0.5em;
      max-width: 33%; }
    .trix-content .attachment-gallery.attachment-gallery--2 .attachment, .trix-content .attachment-gallery.attachment-gallery--4 .attachment {
      flex-basis: 50%;
      max-width: 50%; }
/*
 * Provides a drop-in pointer for the default Trix stylesheet that will format the toolbar and
 * the trix-editor content (whether displayed or under editing). Feel free to incorporate this
 * inclusion directly in any other asset bundle and remove this file.
 *

*/

/*
 * We need to override trix.css’s image gallery styles to accommodate the
 * <action-text-attachment> element we wrap around attachments. Otherwise,
 * images in galleries will be squished by the max-width: 33%; rule.
*/
.trix-content .attachment-gallery > action-text-attachment,
.trix-content .attachment-gallery > .attachment {
  flex: 1 0 33%;
  padding: 0 0.5em;
  max-width: 33%;
}

.trix-content .attachment-gallery.attachment-gallery--2 > action-text-attachment,
.trix-content .attachment-gallery.attachment-gallery--2 > .attachment, .trix-content .attachment-gallery.attachment-gallery--4 > action-text-attachment,
.trix-content .attachment-gallery.attachment-gallery--4 > .attachment {
  flex-basis: 50%;
  max-width: 50%;
}

.trix-content action-text-attachment .attachment {
  padding: 0 !important;
  max-width: 100% !important;
}
/* line 2, app/assets/stylesheets/dashboard.css.scss */
#report-list-container #uid,
#report-list-container #uid-content {
  flex-basis: 10%;
}

/* line 7, app/assets/stylesheets/dashboard.css.scss */
#report-list-container #preview,
#report-list-container #preview-content {
  flex-basis: 2%;
}

/* line 12, app/assets/stylesheets/dashboard.css.scss */
#report-list-container #email-status,
#report-list-container #email-status-content {
  flex-basis: 2%;
}

/* line 17, app/assets/stylesheets/dashboard.css.scss */
#report-list-container #approved-status,
#report-list-container #approved-status-content {
  flex-basis: 2%;
}

/* line 22, app/assets/stylesheets/dashboard.css.scss */
#report-list-container #part,
#report-list-container #part-content {
  flex-basis: 24%;
}

/* line 27, app/assets/stylesheets/dashboard.css.scss */
#report-list-container #department,
#report-list-container #department-content {
  flex-basis: 15%;
}

/* line 32, app/assets/stylesheets/dashboard.css.scss */
#report-list-container #work-order,
#report-list-container #work-order-content {
  flex-basis: 20%;
}

/* line 37, app/assets/stylesheets/dashboard.css.scss */
#report-list-container #user,
#report-list-container #user-content {
  flex-basis: 16%;
}

/* line 42, app/assets/stylesheets/dashboard.css.scss */
#report-list-container .flex-inline {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

/* line 48, app/assets/stylesheets/dashboard.css.scss */
#report-list-container .flex-inline div {
  margin-right: 4px;
}

/* line 53, app/assets/stylesheets/dashboard.css.scss */
#report-list-container .user-avatar {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #e0e0e0;
  border: 2px solid white;
  box-sizing: border-box;
  transition: transform 0.2s ease;
}

/* line 67, app/assets/stylesheets/dashboard.css.scss */
#report-list-container .user-avatar:hover {
  transform: scale(1.1);
  z-index: 100 !important;
  /* Make sure hovered avatar is on top */
  cursor: pointer;
}

/* line 73, app/assets/stylesheets/dashboard.css.scss */
#report-list-container .avatar-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* line 79, app/assets/stylesheets/dashboard.css.scss */
#report-list-container #avatar,
#report-list-container #avatar-content {
  flex-basis: 16%;
}

/* line 84, app/assets/stylesheets/dashboard.css.scss */
#report-list-container .avatar-initials {
  font-size: 12px;
  font-weight: bold;
  color: #555;
}

/* line 90, app/assets/stylesheets/dashboard.css.scss */
#report-list-container #updated,
#report-list-container #updated-content {
  flex-basis: 9%;
}

/* line 95, app/assets/stylesheets/dashboard.css.scss */
#report-list-container input[type="text"] {
  height: 22px;
}
/* line 4, app/assets/stylesheets/departments.css.scss */
.department {
  width: 28%;
  float: left;
}

/* line 9, app/assets/stylesheets/departments.css.scss */
.client-content {
  min-height: 200px;
}

/* line 14, app/assets/stylesheets/departments.css.scss */
.panel-content #deprtment-name {
  flex-basis: 40%;
  display: flex;
  flex-direction: column;
}

/* line 19, app/assets/stylesheets/departments.css.scss */
.panel-content #deprtment-name a {
  color: #0032a0;
  font-size: 14px;
}

/* line 23, app/assets/stylesheets/departments.css.scss */
.panel-content #deprtment-name a:hover {
  color: #1c2bd1;
}

/* line 28, app/assets/stylesheets/departments.css.scss */
.panel-content #deprtment-name .highlight {
  width: fit-content;
}

/* line 34, app/assets/stylesheets/departments.css.scss */
#department-header {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

/* line 39, app/assets/stylesheets/departments.css.scss */
#department-header form {
  flex: 1 1 300px;
  font-family: 'Rubik';
  position: relative;
}

/* line 44, app/assets/stylesheets/departments.css.scss */
#department-header form ::placeholder {
  font-size: 12px;
}

/* line 49, app/assets/stylesheets/departments.css.scss */
#department-header i.internal-input {
  position: absolute;
  top: 11px;
  left: 7px;
  font-size: 12px;
  color: #989898;
}

/* line 57, app/assets/stylesheets/departments.css.scss */
#department-header input#query {
  margin: 0px;
  font-family: 'Rubik';
  height: 30px;
  width: 70%;
  border-radius: 4px;
  border: 1px solid #c7becf;
  padding: 0px 0 0px 30px;
  font-size: 16px;
}

/* line 68, app/assets/stylesheets/departments.css.scss */
#department-header a {
  margin-right: 6px;
}

/* line 73, app/assets/stylesheets/departments.css.scss */
#department-show-header {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-family: "Rubik";
  color: #494949;
  font-size: 14px;
}

/* line 82, app/assets/stylesheets/departments.css.scss */
#department-show-header h6 {
  margin: 0px;
  padding: 0px;
  font-size: 12px;
  line-height: 14px;
  color: #968ba0;
  text-transform: uppercase;
  letter-spacing: .1px;
  font-weight: 400;
}

/* line 93, app/assets/stylesheets/departments.css.scss */
#department-show-header #title {
  flex-basis: 60%;
}

/* line 97, app/assets/stylesheets/departments.css.scss */
#department-show-header #stats {
  flex-basis: 40%;
  display: flex;
  justify-content: flex-end;
}

/* line 103, app/assets/stylesheets/departments.css.scss */
#department-show-header h3 {
  margin: 0px;
  padding: 0px;
  font-weight: 500;
  font-size: 22px;
  line-height: 22px;
  color: #4a3e56;
  margin-bottom: 6px;
}

/* line 113, app/assets/stylesheets/departments.css.scss */
#department-show-header p {
  margin: 0px;
}

/* line 117, app/assets/stylesheets/departments.css.scss */
#department-show-header #client-header-edit,
#department-show-header #client-header-delete {
  flex-basis: 10%;
}

/* line 123, app/assets/stylesheets/departments.css.scss */
#department-show-menu {
  display: flex;
}

/* line 126, app/assets/stylesheets/departments.css.scss */
#department-show-menu a {
  margin-right: 4px;
}

/* line 132, app/assets/stylesheets/departments.css.scss */
#departments-table-view .department-name {
  flex-basis: 20%;
  display: flex;
  flex-direction: column;
}

/* line 138, app/assets/stylesheets/departments.css.scss */
#departments-table-view .department-report-count {
  flex-basis: 20%;
}

/* line 142, app/assets/stylesheets/departments.css.scss */
#departments-table-view .department-site {
  flex-basis: 20%;
}

/* line 146, app/assets/stylesheets/departments.css.scss */
#departments-table-view .department-created {
  flex-basis: 20%;
}

/* line 150, app/assets/stylesheets/departments.css.scss */
#departments-table-view .actions {
  flex-basis: 20%;
  display: flex;
  justify-content: flex-end;
}

/* line 155, app/assets/stylesheets/departments.css.scss */
#departments-table-view .header-label {
  margin-right: 40px;
  align-self: center;
}
@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600&display=swap");
/* line 3, app/assets/stylesheets/pdf_styles.scss */
* {
  -webkit-print-color-adjust: exact !important;
  print-color-adjust: exact !important;
}

/* line 8, app/assets/stylesheets/pdf_styles.scss */
html {
  font-family: 'Rubik', sans-serif;
  font-size: 10px;
}

/* line 13, app/assets/stylesheets/pdf_styles.scss */
body {
  margin: 0;
  padding: 10px;
  margin-bottom: 20px;
}

/* line 18, app/assets/stylesheets/pdf_styles.scss */
body .survey-drawing-page {
  page-break-before: always;
  page-break-inside: avoid;
  height: auto;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

/* line 28, app/assets/stylesheets/pdf_styles.scss */
table {
  border-collapse: collapse !important;
  /* Force collapse */
  width: 100%;
}

/* line 33, app/assets/stylesheets/pdf_styles.scss */
.legend-table {
  page-break-inside: avoid;
}

/* line 37, app/assets/stylesheets/pdf_styles.scss */
.radiation-legend-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  margin-right: 10px;
}

/* line 45, app/assets/stylesheets/pdf_styles.scss */
.radiation-legend-icon svg {
  width: 100%;
  height: 100%;
}

/* line 51, app/assets/stylesheets/pdf_styles.scss */
.radiation-legend-icon--double {
  width: 36px;
}

/* line 55, app/assets/stylesheets/pdf_styles.scss */
.radiation-legend-icon--wide {
  width: 48px;
}

/* Remove gaps between TD cells */
/* line 60, app/assets/stylesheets/pdf_styles.scss */
td, th {
  border: 1px solid black;
  padding: 2px;
  margin: 0;
}

/* line 66, app/assets/stylesheets/pdf_styles.scss */
h2 {
  font-weight: 600;
  font-size: 11px;
  margin: 12px 0 4px 0;
  padding: 0;
}

/* Header table styling */
/* line 74, app/assets/stylesheets/pdf_styles.scss */
#report-header {
  width: 100%;
  margin-bottom: 10px;
}

/* line 78, app/assets/stylesheets/pdf_styles.scss */
#report-header td {
  border: 1px solid black;
  text-align: center;
  padding: 0;
}

/* line 83, app/assets/stylesheets/pdf_styles.scss */
#report-header td h1 {
  font-size: 13px;
  margin: 0;
  padding: 0;
}

/* line 90, app/assets/stylesheets/pdf_styles.scss */
#report-header img {
  max-width: 100px;
}

/* line 94, app/assets/stylesheets/pdf_styles.scss */
#report-header .qr-code-cell {
  width: 40px;
  vertical-align: middle;
  padding: 0;
}

/* line 99, app/assets/stylesheets/pdf_styles.scss */
#report-header .qr-code-cell img {
  margin: 4px;
  max-width: none;
}

/* line 106, app/assets/stylesheets/pdf_styles.scss */
td.data-bar {
  width: 100%;
  background-color: #019bd7;
  text-transform: uppercase;
  color: white;
  font-weight: bold;
  font-size: 10px;
}

/* line 115, app/assets/stylesheets/pdf_styles.scss */
span.es-text {
  text-transform: uppercase;
}

/* Other section styling */
/* line 120, app/assets/stylesheets/pdf_styles.scss */
.report-section {
  page-break-inside: avoid;
}

/* Allow page breaks within specific params section for RadiationSurvey */
/* line 125, app/assets/stylesheets/pdf_styles.scss */
.specific-params-section {
  page-break-inside: auto;
}

/* Custom background for data cells */
/* line 130, app/assets/stylesheets/pdf_styles.scss */
.td-label {
  background-color: #d6eaf8;
  text-align: right;
}

/* line 135, app/assets/stylesheets/pdf_styles.scss */
.td-label-alt {
  background-color: #d6eaf8;
  text-align: left;
}

/* line 140, app/assets/stylesheets/pdf_styles.scss */
.section-header {
  text-align: center;
}

/* line 144, app/assets/stylesheets/pdf_styles.scss */
th {
  background-color: #efefef;
  text-align: left;
}

/* line 149, app/assets/stylesheets/pdf_styles.scss */
.td-value {
  text-align: left;
}

/* line 153, app/assets/stylesheets/pdf_styles.scss */
.footer-section {
  margin-top: 30px;
  page-break-inside: avoid;
  clear: both;
}

/* line 159, app/assets/stylesheets/pdf_styles.scss */
#footer-container {
  width: 100%;
  margin-top: 20px;
  page-break-inside: avoid;
  clear: both;
}

/* line 166, app/assets/stylesheets/pdf_styles.scss */
#footer-meta {
  width: 100%;
  clear: both;
}

/* Footer Template Styles */
/* line 172, app/assets/stylesheets/pdf_styles.scss */
.footer-template-wrapper {
  width: 100%;
  padding: 0 0.7cm;
  font-family: Arial, Helvetica, sans-serif;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}

/* line 180, app/assets/stylesheets/pdf_styles.scss */
.footer-template-signature {
  width: 100%;
  font-size: 8px;
  margin-bottom: 3px;
}

/* line 186, app/assets/stylesheets/pdf_styles.scss */
.footer-template-info {
  width: 100%;
  font-size: 8px;
  color: #333;
  text-align: right;
  padding-top: 3px;
  border-top: 1px solid #ccc;
}

/* line 195, app/assets/stylesheets/pdf_styles.scss */
.footer-template-signature table {
  border-collapse: collapse !important;
  width: 100%;
}

/* line 199, app/assets/stylesheets/pdf_styles.scss */
.footer-template-signature table td {
  border: 1px solid black;
  padding: 2px 3px;
  font-size: 8px;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}

/* line 207, app/assets/stylesheets/pdf_styles.scss */
.footer-template-signature table .td-label-alt {
  background-color: #d6eaf8;
  text-align: left;
}

/* line 212, app/assets/stylesheets/pdf_styles.scss */
.footer-template-signature table img {
  max-width: 50px;
  max-height: 25px;
}

/* line 218, app/assets/stylesheets/pdf_styles.scss */
.tm-table {
  width: 100%;
  page-break-inside: avoid;
  clear: both;
  margin-top: 10px;
}

/* line 224, app/assets/stylesheets/pdf_styles.scss */
.tm-table td {
  border: 1px solid black;
  padding: 3px;
  font-size: 10px;
}

/* annex page */
/* line 232, app/assets/stylesheets/pdf_styles.scss */
.annex-page {
  page-break-before: always;
}

/* line 236, app/assets/stylesheets/pdf_styles.scss */
.annex-header {
  margin-bottom: 20px;
}

/* line 240, app/assets/stylesheets/pdf_styles.scss */
.annex-title {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin: 20px 0;
  color: #333;
}

/* line 248, app/assets/stylesheets/pdf_styles.scss */
.annex-body {
  font-size: 12px;
  line-height: 1.5;
}

/* Style for images in the annex content */
/* line 254, app/assets/stylesheets/pdf_styles.scss */
.annex-body img {
  max-width: 100%;
  height: auto;
}

/* Style for tables in the annex content */
/* line 260, app/assets/stylesheets/pdf_styles.scss */
.annex-body table {
  border-collapse: collapse;
  width: 100%;
  margin: 15px 0;
}

/* line 266, app/assets/stylesheets/pdf_styles.scss */
.annex-body table td,
.annex-body table th {
  border: 1px solid #ddd;
  padding: 8px;
}

/* Add page break styling for annex */
/* line 273, app/assets/stylesheets/pdf_styles.scss */
.annex-page {
  page-break-before: always;
  padding-top: 20px;
}

/* TinyMCE content styling */
/* line 279, app/assets/stylesheets/pdf_styles.scss */
.annex-content {
  font-family: 'Rubik', sans-serif;
}

/* Add or update page break styles */
@page {
  margin-top: 5mm;
  margin-bottom: 25mm;
  /* Increased to make room for footer with signature */
  margin-left: 3mm;
  margin-right: 3mm;
  size: LETTER;
}

/* Page break utility */
/* line 293, app/assets/stylesheets/pdf_styles.scss */
.page-break {
  page-break-before: always;
}

/* Annex Images PDF Page Styles */
/* line 298, app/assets/stylesheets/pdf_styles.scss */
.annex-images-pdf-page {
  page-break-before: always;
  padding: 20px 0;
}

/* line 303, app/assets/stylesheets/pdf_styles.scss */
.annex-page-header {
  margin-bottom: 30px;
  border-bottom: 2px solid #333;
  padding-bottom: 10px;
}

/* line 308, app/assets/stylesheets/pdf_styles.scss */
.annex-page-header h2 {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 5px 0;
  color: #333;
}

/* line 315, app/assets/stylesheets/pdf_styles.scss */
.annex-page-header .report-info {
  font-size: 11px;
  color: #666;
  display: flex;
  gap: 20px;
}

/* line 323, app/assets/stylesheets/pdf_styles.scss */
.annex-images-pdf-grid {
  width: 100%;
}

/* line 327, app/assets/stylesheets/pdf_styles.scss */
.annex-images-row {
  display: flex;
  width: 100%;
  margin-bottom: 20px;
  gap: 15px;
}

/* line 334, app/assets/stylesheets/pdf_styles.scss */
.annex-image-pdf-item {
  flex: 1;
  max-width: calc(25% - 11.25px);
  /* 4 items per row with gaps */
  break-inside: avoid;
}

/* line 340, app/assets/stylesheets/pdf_styles.scss */
.annex-image-pdf-container {
  width: 100%;
  height: 150px;
  border: 1px solid #ddd;
  border-radius: 4px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f9f9f9;
}

/* line 352, app/assets/stylesheets/pdf_styles.scss */
.annex-image-pdf {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

/* line 359, app/assets/stylesheets/pdf_styles.scss */
.annex-image-pdf-placeholder {
  text-align: center;
  color: #999;
}

/* line 363, app/assets/stylesheets/pdf_styles.scss */
.annex-image-pdf-placeholder .placeholder-icon {
  font-size: 24px;
  margin-bottom: 5px;
}

/* line 368, app/assets/stylesheets/pdf_styles.scss */
.annex-image-pdf-placeholder .placeholder-text {
  font-size: 9px;
}

/* line 373, app/assets/stylesheets/pdf_styles.scss */
.annex-image-pdf-caption {
  margin-top: 8px;
  font-size: 9px;
  line-height: 1.3;
  color: #333;
  text-align: center;
  word-wrap: break-word;
  height: 35px;
  /* Fixed height for consistent layout */
  overflow: hidden;
}

/* line 384, app/assets/stylesheets/pdf_styles.scss */
.draft-version {
  color: #f35959;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}

/* line 393, app/assets/stylesheets/pdf_styles.scss */
.et-calibration-image {
  max-width: 70%;
  margin-top: 8px;
}

/* line 398, app/assets/stylesheets/pdf_styles.scss */
.specific-params-table {
  width: 100%;
  border-collapse: collapse !important;
  table-layout: auto;
}

/* line 403, app/assets/stylesheets/pdf_styles.scss */
.specific-params-table td {
  font-size: 10px;
}

/* line 406, app/assets/stylesheets/pdf_styles.scss */
.specific-params-table td.td-label {
  white-space: nowrap;
  width: 1%;
  padding-left: 5px;
  text-align: right;
}

/* line 413, app/assets/stylesheets/pdf_styles.scss */
.specific-params-table td.td-label-centered {
  text-align: center;
}

/* line 419, app/assets/stylesheets/pdf_styles.scss */
.personnel-layout-table {
  margin-top: 10px;
}

/* Style checkbox symbols and labels separately */
/* line 424, app/assets/stylesheets/pdf_styles.scss */
.checkbox-symbol {
  font-size: 18px;
  font-weight: bold;
  margin-right: 2px;
}

/* line 430, app/assets/stylesheets/pdf_styles.scss */
.checkbox-label {
  font-size: 11px;
  font-weight: normal;
  margin-right: 4px;
}

/* Survey drawing/sketch display styles */
/* line 437, app/assets/stylesheets/pdf_styles.scss */
.survey-drawing-page {
  page-break-before: always;
  page-break-inside: avoid;
  height: auto;
  max-height: 50vh;
  display: flex;
  flex-direction: column;
}

/* Inline survey drawing (no page break) */
/* line 447, app/assets/stylesheets/pdf_styles.scss */
.survey-drawing-inline {
  page-break-inside: avoid;
  margin: 20px 0;
  display: flex;
  flex-direction: column;
}

/* line 454, app/assets/stylesheets/pdf_styles.scss */
.survey-drawing-title {
  margin-bottom: 10px;
  text-align: center;
}

/* line 459, app/assets/stylesheets/pdf_styles.scss */
.survey-drawing-container {
  width: 100%;
  height: auto;
  max-height: 60vh;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #ccc;
  padding: 10px;
  margin-bottom: 10px;
}

/* line 471, app/assets/stylesheets/pdf_styles.scss */
.survey-drawing-image {
  max-width: 70%;
  max-height: 70%;
  object-fit: contain;
  display: block;
}

/* line 478, app/assets/stylesheets/pdf_styles.scss */
.survey-drawing-filename {
  text-align: center;
  margin-top: 10px;
  font-size: 12px;
  color: #666;
}

/* Additional table spacing */
/* line 486, app/assets/stylesheets/pdf_styles.scss */
.specific-params-table.spaced {
  margin-top: 10px;
}

/* Legend table styles */
/* line 491, app/assets/stylesheets/pdf_styles.scss */
.legend-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 10px;
  font-size: 10px;
}

/* line 497, app/assets/stylesheets/pdf_styles.scss */
.legend-table td {
  border: 1px solid black;
  padding: 2px;
}

/* line 503, app/assets/stylesheets/pdf_styles.scss */
.legend-icon-cell {
  width: 12.5%;
}

/* line 507, app/assets/stylesheets/pdf_styles.scss */
.legend-text-cell {
  width: 37.5%;
}

/* line 511, app/assets/stylesheets/pdf_styles.scss */
.radiation-legend-icon {
  display: inline-block;
  width: 20px;
  height: 16px;
}

/* line 516, app/assets/stylesheets/pdf_styles.scss */
.radiation-legend-icon svg {
  width: 100%;
  height: 100%;
}

/* line 521, app/assets/stylesheets/pdf_styles.scss */
.radiation-legend-icon--double {
  width: 30px;
}

/* line 525, app/assets/stylesheets/pdf_styles.scss */
.radiation-legend-icon--wide {
  width: 40px;
}

/* Table cell variations */
/* line 531, app/assets/stylesheets/pdf_styles.scss */
.td-label-alt.bottom-border {
  border-bottom: 1px solid black;
}

/* line 535, app/assets/stylesheets/pdf_styles.scss */
.text-right {
  text-align: right;
}
/* line 4, app/assets/stylesheets/screen.css.scss */
html {
  font-family: 'Rubik';
}

/* line 55, app/assets/stylesheets/screen.css.scss */
.red-text {
  color: #e70909;
  font-weight: bold;
  font-size: 20px;
}

/* line 61, app/assets/stylesheets/screen.css.scss */
.red-text-normal {
  color: #e70909;
  font-size: 13px;
}

/* line 66, app/assets/stylesheets/screen.css.scss */
.right-justify {
  text-align: right;
  vertical-align: top;
}

/* line 71, app/assets/stylesheets/screen.css.scss */
.center-justify {
  text-align: center;
  vertical-align: top;
}

/* line 76, app/assets/stylesheets/screen.css.scss */
.left-justify {
  text-align: left;
  vertical-align: top;
}

/* line 81, app/assets/stylesheets/screen.css.scss */
.hide {
  display: none !important;
}

/* line 85, app/assets/stylesheets/screen.css.scss */
.p12 {
  padding: 12px !important;
}

/* line 89, app/assets/stylesheets/screen.css.scss */
.bt4 {
  border-top: 3px solid black;
}

/* line 93, app/assets/stylesheets/screen.css.scss */
.bt5 {
  border-top: 5px solid black;
}

/* line 97, app/assets/stylesheets/screen.css.scss */
.bb1 {
  border-bottom: 1px solid black;
}

/* line 101, app/assets/stylesheets/screen.css.scss */
.p8 {
  padding: 8px;
}

/* line 105, app/assets/stylesheets/screen.css.scss */
.w17 {
  width: 17%;
}

/* line 109, app/assets/stylesheets/screen.css.scss */
.w45 {
  width: 45%;
}

/* line 113, app/assets/stylesheets/screen.css.scss */
.w38 {
  width: 38%;
}

/* line 117, app/assets/stylesheets/screen.css.scss */
.w16 {
  width: 16%;
}

/* line 121, app/assets/stylesheets/screen.css.scss */
.w20 {
  width: 20%;
}

/* line 125, app/assets/stylesheets/screen.css.scss */
.w25 {
  width: 25%;
}

/* line 129, app/assets/stylesheets/screen.css.scss */
.w30 {
  width: 30%;
}

/* line 133, app/assets/stylesheets/screen.css.scss */
.w35 {
  width: 35%;
}

/* line 137, app/assets/stylesheets/screen.css.scss */
.w16-6 {
  width: 16.6%;
}

/* line 141, app/assets/stylesheets/screen.css.scss */
.w12 {
  width: 12%;
}

/* line 145, app/assets/stylesheets/screen.css.scss */
.w12-5 {
  width: 12.5%;
}

/* line 149, app/assets/stylesheets/screen.css.scss */
.w8 {
  width: 8%;
}

/* line 153, app/assets/stylesheets/screen.css.scss */
.w11 {
  width: 11%;
}

/* line 157, app/assets/stylesheets/screen.css.scss */
.w13 {
  width: 13%;
}

/* line 161, app/assets/stylesheets/screen.css.scss */
.w14 {
  width: 14%;
}

/* line 165, app/assets/stylesheets/screen.css.scss */
.w15 {
  width: 15%;
}

/* line 169, app/assets/stylesheets/screen.css.scss */
.w9 {
  width: 9%;
}

/* line 173, app/assets/stylesheets/screen.css.scss */
.w5 {
  width: 5px;
}

/* line 177, app/assets/stylesheets/screen.css.scss */
.w50 {
  width: 50%;
}

/* line 181, app/assets/stylesheets/screen.css.scss */
.w33 {
  width: 33%;
}

/* line 185, app/assets/stylesheets/screen.css.scss */
.mt20 {
  margin-top: 20px;
}

/* line 189, app/assets/stylesheets/screen.css.scss */
.pb50 {
  padding-bottom: 50px;
}

/* line 193, app/assets/stylesheets/screen.css.scss */
.w4 {
  width: 4%;
}

/* line 197, app/assets/stylesheets/screen.css.scss */
.mt10 {
  margin-top: 10px;
}

/* line 201, app/assets/stylesheets/screen.css.scss */
.mb50 {
  margin-bottom: 20px;
}

/* line 205, app/assets/stylesheets/screen.css.scss */
.mb200 {
  margin-bottom: 200px;
}

/* line 209, app/assets/stylesheets/screen.css.scss */
.pt10 {
  padding-top: 10px;
}

/* line 213, app/assets/stylesheets/screen.css.scss */
.m16 {
  margin: 16px;
}

/* line 217, app/assets/stylesheets/screen.css.scss */
.m20 {
  margin: 20px;
}

/* line 221, app/assets/stylesheets/screen.css.scss */
.w100 {
  width: 100%;
}

/* line 225, app/assets/stylesheets/screen.css.scss */
.mr10 {
  margin-right: 10px;
}

/* line 229, app/assets/stylesheets/screen.css.scss */
.ml80 {
  margin-left: 80px;
}

/* line 233, app/assets/stylesheets/screen.css.scss */
.ml20 {
  margin-left: 20px;
}

/* line 237, app/assets/stylesheets/screen.css.scss */
.p20 {
  padding: 20px;
}

/* line 241, app/assets/stylesheets/screen.css.scss */
.w250 {
  width: 250px;
}

/* line 245, app/assets/stylesheets/screen.css.scss */
.flex {
  display: flex;
}

/* line 249, app/assets/stylesheets/screen.css.scss */
.flex-inline {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

/* line 255, app/assets/stylesheets/screen.css.scss */
.flex-inline div {
  margin-right: 4px;
}

/* line 260, app/assets/stylesheets/screen.css.scss */
.ml10 {
  margin-left: 10px;
}

/* line 264, app/assets/stylesheets/screen.css.scss */
button:hover {
  cursor: pointer;
}

/* line 268, app/assets/stylesheets/screen.css.scss */
.justify-right {
  text-align: right;
}

/* line 272, app/assets/stylesheets/screen.css.scss */
.flex-right {
  justify-content: flex-end;
}

/* line 276, app/assets/stylesheets/screen.css.scss */
.required-asterix {
  color: red;
  font-size: 10px;
}

/* line 281, app/assets/stylesheets/screen.css.scss */
.uid-label,
.mini-uid-label {
  padding: 0.20rem 0.24444rem 0.23333rem;
  font-size: 11px;
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
}

/* line 290, app/assets/stylesheets/screen.css.scss */
.label-ir {
  border-color: #0e8888;
  color: #0e8888;
  background-color: #f4feff;
}

/* line 296, app/assets/stylesheets/screen.css.scss */
.label-ut {
  border-color: #0da92b;
  color: #0da92b;
  background: #f1fff1;
}

/* line 302, app/assets/stylesheets/screen.css.scss */
.label-acut {
  border-color: #eba62f;
  color: #eba62f;
  background: #f1f6d6;
}

/* line 308, app/assets/stylesheets/screen.css.scss */
.label-mt {
  border-color: #262626;
  color: #262626;
  background: #dfdfdf;
}

/* line 314, app/assets/stylesheets/screen.css.scss */
.label-vt {
  border-color: #3b45d8;
  color: #3b45d8;
  background: #b1b6fc;
}

/* line 320, app/assets/stylesheets/screen.css.scss */
.label-pt {
  border-color: #c42c2c;
  color: #c42c2c;
  background: #ffc6c6;
}

/* line 326, app/assets/stylesheets/screen.css.scss */
.label-et {
  border-color: #a81eb4;
  color: #a81eb4;
  background: #f8c6ff;
}

/* line 332, app/assets/stylesheets/screen.css.scss */
.label-rt {
  border-color: #d3850f;
  color: #d3850f;
  background: #fff0db;
}

/* line 338, app/assets/stylesheets/screen.css.scss */
.label-vt {
  border-color: #3b45d8;
  color: #3b45d8;
  background: #b1b6fc;
}

/* line 344, app/assets/stylesheets/screen.css.scss */
.label-paut {
  border-color: #eb2f65;
  color: #eb2f65;
  background: #fdd6f0;
}

/* line 350, app/assets/stylesheets/screen.css.scss */
.label-sut {
  border-color: #eb2f65;
  color: #eb2f65;
  background: #fdd6f0;
}

/* line 356, app/assets/stylesheets/screen.css.scss */
.label-rs {
  border-color: #3b84a8;
  color: #3b84a8;
  background: #d4eef7;
}

/* line 362, app/assets/stylesheets/screen.css.scss */
.label-utt {
  border-color: #242179;
  color: #242179;
  background: #d4d6e6;
}

/* line 368, app/assets/stylesheets/screen.css.scss */
.label-paut {
  border-color: #579163;
  color: #579163;
  background: #d3f1d9;
}

/* line 374, app/assets/stylesheets/screen.css.scss */
.time-sheet-uid {
  border-color: #3b45d8;
  color: #3b45d8;
  background: #b1b6fc;
  padding: 0.20rem 0.24444rem 0.23333rem;
  font-size: 11px;
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
}

/* line 385, app/assets/stylesheets/screen.css.scss */
.highlight {
  background-color: #ffffbc;
}

/* line 389, app/assets/stylesheets/screen.css.scss */
.highlight-sharp {
  background-color: #ff0;
}

/* line 393, app/assets/stylesheets/screen.css.scss */
.full-width {
  width: 100%;
  display: block;
}

/* line 398, app/assets/stylesheets/screen.css.scss */
.wide-modal {
  width: 803px !important;
}

/* line 402, app/assets/stylesheets/screen.css.scss */
.shaded {
  background: #f2f2f2;
}

/* line 406, app/assets/stylesheets/screen.css.scss */
.w7 {
  width: 7%;
}

/* line 410, app/assets/stylesheets/screen.css.scss */
.w6 {
  width: 6%;
}

/* line 414, app/assets/stylesheets/screen.css.scss */
.w10 {
  width: 10%;
}

/* line 418, app/assets/stylesheets/screen.css.scss */
.w70 {
  width: 70%;
}

/* line 422, app/assets/stylesheets/screen.css.scss */
.w55 {
  width: 55%;
}

/* line 426, app/assets/stylesheets/screen.css.scss */
.green_icon {
  color: #41c71e;
}

/* line 430, app/assets/stylesheets/screen.css.scss */
.red_icon {
  color: #e63f44;
}

/* line 434, app/assets/stylesheets/screen.css.scss */
.dashboard-notification {
  border-radius: 4px;
  padding: 6px;
  background-color: #feffa4;
  border: 1px solid #c8c20f;
  color: #a39f15;
  display: block;
  font-size: 13px;
  letter-spacing: -0.003em;
  line-height: 18px;
}

/* line 445, app/assets/stylesheets/screen.css.scss */
.dashboard-notification a:not(.sentry-button) {
  color: #d8ab15;
}

/* line 449, app/assets/stylesheets/screen.css.scss */
.dashboard-notification .closebtn {
  margin-left: 15px;
  color: #d8ab15;
  font-weight: bold;
  float: right;
  font-size: 16px;
  line-height: 16px;
  cursor: pointer;
  transition: 0.3s;
}

/* line 460, app/assets/stylesheets/screen.css.scss */
.dashboard-notification .closebtn:hover {
  color: black;
}

/* line 465, app/assets/stylesheets/screen.css.scss */
.alert-box.success {
  border-radius: 4px;
  padding: 6px;
  background-color: #e3fbe4;
  border: 1px solid #0ca20c;
  color: #0ca20c;
  display: block;
  font-size: 13px;
  letter-spacing: -0.003em;
  line-height: 18px;
}

/* line 477, app/assets/stylesheets/screen.css.scss */
.alert-box.notice {
  border-radius: 4px;
  padding: 6px;
  background-color: #e3fbe4;
  border: 1px solid #0ca20c;
  color: #0ca20c;
  display: block;
  font-size: 13px;
  letter-spacing: -0.003em;
  line-height: 18px;
}

/* line 489, app/assets/stylesheets/screen.css.scss */
.alert-box.info {
  border-radius: 4px;
  padding: 10px;
  background-color: #d1ecf1;
  border: 1px solid #bee5eb;
  color: #0c5460;
  display: block;
  font-size: 13px;
  letter-spacing: -0.003em;
  line-height: 18px;
  margin-top: 10px;
}

/* line 502, app/assets/stylesheets/screen.css.scss */
.alert-box {
  transition: opacity 0.3s ease, transform 0.3s ease;
}

/* line 506, app/assets/stylesheets/screen.css.scss */
.alert-box.is-hidden {
  opacity: 0;
  transform: translateY(-4px);
}

/* line 511, app/assets/stylesheets/screen.css.scss */
table.clients_table {
  background: #FFFFFF;
  border: solid 1px #DDDDDD;
  margin-bottom: 1.11111rem;
  display: block;
}

@media (min-width: 1025px) {
  /* line 511, app/assets/stylesheets/screen.css.scss */
  table.clients_table {
    display: table-cell;
  }
}

/* line 521, app/assets/stylesheets/screen.css.scss */
table.clients_table thead {
  background: #F5F5F5;
}

/* line 525, app/assets/stylesheets/screen.css.scss */
table.clients_table th {
  color: #222222;
  font-size: 0.77778rem;
  font-weight: bold;
  padding: 0.44444rem 0.55556rem 0.55556rem;
  text-align: left;
  display: block;
}

@media (min-width: 1025px) {
  /* line 525, app/assets/stylesheets/screen.css.scss */
  table.clients_table th {
    display: table-cell;
  }
}

/* line 538, app/assets/stylesheets/screen.css.scss */
table.clients_table td {
  display: table-cell;
  line-height: 1.7em;
  color: #222222;
  font-size: 0.77778rem;
  padding: 0.5rem 0.55556rem;
  text-align: left;
  border-bottom: 1px solid #cdcdcd;
  display: block;
}

@media (min-width: 1025px) {
  /* line 538, app/assets/stylesheets/screen.css.scss */
  table.clients_table td {
    display: table-cell;
  }
}

/* line 554, app/assets/stylesheets/screen.css.scss */
tr.fields td {
  padding-top: 4px;
  margin-bottom: 10px;
  border-bottom: 1px solid white;
  border-right: 1px solid white;
}

/* line 561, app/assets/stylesheets/screen.css.scss */
.flex-fields {
  display: flex;
  flex-direction: row;
  align-items: center;
}

/* line 566, app/assets/stylesheets/screen.css.scss */
.flex-fields select {
  height: 36px;
  border-radius: 4px;
}

/* line 572, app/assets/stylesheets/screen.css.scss */
.flex-fields-default {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}

/* line 579, app/assets/stylesheets/screen.css.scss */
.flex-fields-default > * {
  margin-right: 20px;
}

/* line 583, app/assets/stylesheets/screen.css.scss */
.flex-fields > * {
  margin-right: 4px;
}

/* line 588, app/assets/stylesheets/screen.css.scss */
.result-nc-container {
  display: inline-flex;
  align-items: center;
}

/* line 592, app/assets/stylesheets/screen.css.scss */
.result-nc-container select {
  height: 36px;
  min-width: 120px;
  width: clamp(120px, 12vw, 200px);
}

/* line 598, app/assets/stylesheets/screen.css.scss */
.result-nc-container .nc-field {
  margin-left: 10px;
}

/* line 601, app/assets/stylesheets/screen.css.scss */
.result-nc-container .nc-field input {
  min-width: 90px;
  width: clamp(90px, 10vw, 150px);
  height: 36px;
}

/* line 610, app/assets/stylesheets/screen.css.scss */
.annex-image-upload-area {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px;
  border: 2px dashed #ddd;
  border-radius: 8px;
  background-color: #fafafa;
  transition: border-color 0.3s ease;
}

/* line 620, app/assets/stylesheets/screen.css.scss */
.annex-image-upload-area:hover {
  border-color: #bbb;
}

/* line 624, app/assets/stylesheets/screen.css.scss */
.annex-image-upload-area .image-preview {
  min-width: 120px;
}

/* line 627, app/assets/stylesheets/screen.css.scss */
.annex-image-upload-area .image-preview img {
  width: 120px;
  height: 120px;
  object-fit: cover;
  border-radius: 4px;
  border: 1px solid #ddd;
}

/* line 635, app/assets/stylesheets/screen.css.scss */
.annex-image-upload-area .image-preview > div {
  width: 120px;
  height: 120px;
  background: #f5f5f5;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #999;
  border: 1px solid #e5e5e5;
}

/* line 648, app/assets/stylesheets/screen.css.scss */
.annex-image-upload-area .caption-field {
  flex: 1;
}

/* line 651, app/assets/stylesheets/screen.css.scss */
.annex-image-upload-area .caption-field label {
  display: block;
  margin-bottom: 8px;
  font-weight: 500;
  color: #333;
}

/* line 658, app/assets/stylesheets/screen.css.scss */
.annex-image-upload-area .caption-field input[type="file"] {
  display: block;
  width: 100%;
  margin-bottom: 16px;
  padding: 8px;
  border: 1px solid #ddd;
  border-radius: 4px;
  background-color: white;
}

/* line 668, app/assets/stylesheets/screen.css.scss */
.annex-image-upload-area .caption-field textarea {
  width: 100%;
  padding: 8px;
  border: 1px solid #ddd;
  border-radius: 4px;
  resize: vertical;
  min-height: 60px;
}

/* line 678, app/assets/stylesheets/screen.css.scss */
.annex-image-upload-area .annex-image-actions {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 80px;
}

/* line 687, app/assets/stylesheets/screen.css.scss */
.checkbox-group {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px;
  background: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: 6px;
  transition: background-color 0.2s ease;
}

/* line 697, app/assets/stylesheets/screen.css.scss */
.checkbox-group:hover {
  background: #e9ecef;
}

/* line 701, app/assets/stylesheets/screen.css.scss */
.checkbox-group .checkbox-input {
  width: 18px;
  height: 18px;
  margin: 0;
}

/* line 707, app/assets/stylesheets/screen.css.scss */
.checkbox-group .checkbox-label {
  margin: 0;
  font-weight: 500;
  color: #333;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* line 716, app/assets/stylesheets/screen.css.scss */
.checkbox-group .checkbox-label i {
  color: #dc3545;
  font-size: 16px;
}

/* line 724, app/assets/stylesheets/screen.css.scss */
.annex-images-display {
  margin-top: 24px;
  padding: 20px;
  background: white none repeat scroll 0% 0%;
  border-radius: 4px;
  border: 1px solid #c6becf;
  box-shadow: rgba(37, 11, 54, 0.04) 0px 2px 0px;
  padding: 10px;
}

/* line 733, app/assets/stylesheets/screen.css.scss */
.annex-images-display .annex-images-title {
  margin: 0 0 20px 0;
  color: #333;
  font-size: 1.2rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* line 742, app/assets/stylesheets/screen.css.scss */
.annex-images-display .annex-images-title i {
  color: #666;
}

/* line 747, app/assets/stylesheets/screen.css.scss */
.annex-images-display .annex-images-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 20px;
}

@media (max-width: 768px) {
  /* line 747, app/assets/stylesheets/screen.css.scss */
  .annex-images-display .annex-images-grid {
    grid-template-columns: 1fr;
  }
}

/* line 757, app/assets/stylesheets/screen.css.scss */
.annex-images-display .annex-image-item {
  background: #f9f9f9;
  border-radius: 8px;
  overflow: hidden;
}

/* line 763, app/assets/stylesheets/screen.css.scss */
.annex-images-display .annex-image-container {
  position: relative;
  width: 100%;
  height: 200px;
  background: #f0f0f0;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 773, app/assets/stylesheets/screen.css.scss */
.annex-images-display .annex-image-thumbnail {
  width: 100%;
  height: 100%;
  object-fit: cover;
  cursor: pointer;
  transition: opacity 0.2s ease;
}

/* line 781, app/assets/stylesheets/screen.css.scss */
.annex-images-display .annex-image-link {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  position: relative;
}

/* line 788, app/assets/stylesheets/screen.css.scss */
.annex-images-display .annex-image-link:hover .annex-image-thumbnail {
  opacity: 0.9;
}

/* line 792, app/assets/stylesheets/screen.css.scss */
.annex-images-display .annex-image-link::after {
  content: '\f35d';
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  position: absolute;
  top: 8px;
  right: 8px;
  background: rgba(0, 0, 0, 0.7);
  color: white;
  padding: 6px;
  border-radius: 4px;
  font-size: 12px;
  opacity: 0;
  transition: opacity 0.2s ease;
  pointer-events: none;
}

/* line 809, app/assets/stylesheets/screen.css.scss */
.annex-images-display .annex-image-link:hover::after {
  opacity: 1;
}

/* line 814, app/assets/stylesheets/screen.css.scss */
.annex-images-display .annex-image-placeholder {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  color: #999;
  text-align: center;
}

/* line 822, app/assets/stylesheets/screen.css.scss */
.annex-images-display .annex-image-placeholder span {
  font-size: 0.9rem;
}

/* line 827, app/assets/stylesheets/screen.css.scss */
.annex-images-display .annex-image-caption {
  padding: 12px;
  font-weight: 500;
  color: #333;
  background: white;
  min-height: 50px;
  display: flex;
  align-items: center;
}

/* line 837, app/assets/stylesheets/screen.css.scss */
.annex-images-display .annex-image-meta {
  padding: 8px 12px;
  background: #f8f8f8;
  border-top: 1px solid #eee;
}

/* line 842, app/assets/stylesheets/screen.css.scss */
.annex-images-display .annex-image-meta small {
  color: #666;
  display: flex;
  align-items: center;
  gap: 6px;
}

/* line 851, app/assets/stylesheets/screen.css.scss */
tr.odd {
  background-color: #f2f2f2;
}

/* line 856, app/assets/stylesheets/screen.css.scss */
tr.even {
  background-color: #f2f2f2;
}

/* line 861, app/assets/stylesheets/screen.css.scss */
.margin_top_small {
  margin-top: 13px;
}

/* line 865, app/assets/stylesheets/screen.css.scss */
.alt_label_alert {
  background-color: #fbb3b3;
  padding: 0 6px 0 6px;
  color: #c10202;
}

/* line 871, app/assets/stylesheets/screen.css.scss */
.alt_label_success {
  background-color: #c2f5b8;
  padding: 0 6px 0 6px;
  color: #228a0d;
}

/* line 877, app/assets/stylesheets/screen.css.scss */
#emails_editor_emails_chosen input {
  font-size: 12px;
}

/* line 881, app/assets/stylesheets/screen.css.scss */
#email-editor-input {
  width: 100%;
  border-radius: 4px;
  height: 26px;
  border: 1px solid grey;
}

/* line 888, app/assets/stylesheets/screen.css.scss */
.small_text {
  font-size: 0.5em !important;
}

/* line 892, app/assets/stylesheets/screen.css.scss */
.visual_defect {
  border: 1px solid #F17070;
  padding: 0 1px 0 1px;
  background-color: #fbecec;
  color: #a60101;
}

/* line 899, app/assets/stylesheets/screen.css.scss */
.underline {
  text-decoration: underline;
}

/* line 903, app/assets/stylesheets/screen.css.scss */
.caps {
  text-transform: uppercase;
}

/* line 907, app/assets/stylesheets/screen.css.scss */
p {
  font-size: 0.8rem;
  line-height: 1.6;
  margin-bottom: 1.11111rem;
  text-rendering: optimizeLegibility;
}

/* line 914, app/assets/stylesheets/screen.css.scss */
.report_title {
  padding: 3px;
  border: 1px solid black;
  background-color: #04a6b3;
  color: white;
  width: 420px;
  margin: 0 auto;
  font-weight: 700;
  font-size: 1.6em !important;
  text-shadow: 1px 1px 1px #545454;
}

/* line 926, app/assets/stylesheets/screen.css.scss */
.hide_list_style {
  list-style: none;
}

/* line 930, app/assets/stylesheets/screen.css.scss */
.float_right {
  float: right;
}

/* line 934, app/assets/stylesheets/screen.css.scss */
.float_left {
  float: left;
}

/* line 938, app/assets/stylesheets/screen.css.scss */
.full_width {
  width: 100%;
}

/* line 942, app/assets/stylesheets/screen.css.scss */
table {
  border-collapse: collapse;
}

/* line 946, app/assets/stylesheets/screen.css.scss */
ul.chosen-results {
  font-size: 12px;
}

/* line 950, app/assets/stylesheets/screen.css.scss */
div.chosen-container {
  margin-bottom: 13px;
}

/* line 954, app/assets/stylesheets/screen.css.scss */
a.chosen-single {
  height: 28px !important;
}

/* line 958, app/assets/stylesheets/screen.css.scss */
tfoot {
  background-color: white;
}

/* line 962, app/assets/stylesheets/screen.css.scss */
#ui-datepicker-div {
  font-size: 12px;
  margin-bottom: 1em;
}

/* line 967, app/assets/stylesheets/screen.css.scss */
#visual_report_attributes_description_tbl {
  margin-bottom: 14px;
}

/* line 971, app/assets/stylesheets/screen.css.scss */
h5.form_title {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 0.85rem;
  color: #5e5e5e;
}

/* line 979, app/assets/stylesheets/screen.css.scss */
.page-break {
  display: block;
  clear: both;
  page-break-after: always;
}

/* line 985, app/assets/stylesheets/screen.css.scss */
.placeholder {
  color: #aaa;
}

/* line 989, app/assets/stylesheets/screen.css.scss */
a.btn {
  text-decoration: none;
}

/* line 993, app/assets/stylesheets/screen.css.scss */
.text_center {
  text-align: center !important;
}

/* line 997, app/assets/stylesheets/screen.css.scss */
.padding5 {
  padding: 5px;
}

/* line 1001, app/assets/stylesheets/screen.css.scss */
.margin-top {
  margin: 10px 0 0 0;
}

/* line 1005, app/assets/stylesheets/screen.css.scss */
.mb10 {
  margin-bottom: 10px;
}

/* line 1009, app/assets/stylesheets/screen.css.scss */
.mb20 {
  margin-bottom: 20px;
}

/* line 1013, app/assets/stylesheets/screen.css.scss */
.deactive {
  color: #9a9a9a;
  font-style: italic;
}

/* line 1018, app/assets/stylesheets/screen.css.scss */
#report_number {
  float: right;
  margin: 22px 0 0 0;
  font-size: 1.5em;
}

/* line 1024, app/assets/stylesheets/screen.css.scss */
.relative {
  position: relative;
}

/* line 1029, app/assets/stylesheets/screen.css.scss */
.table_hover tr:hover {
  background: #FFFFD6;
}

/* line 1034, app/assets/stylesheets/screen.css.scss */
.bold {
  font-weight: bold;
}

/* line 1038, app/assets/stylesheets/screen.css.scss */
.no-margin {
  margin: 0;
}

/* line 1042, app/assets/stylesheets/screen.css.scss */
.hidden {
  display: none !important;
}

/* line 1046, app/assets/stylesheets/screen.css.scss */
#graph-options {
  max-width: 174px;
}

/* line 1052, app/assets/stylesheets/screen.css.scss */
table#report-header {
  width: 100%;
  font-family: "Rubik";
}

/* line 1056, app/assets/stylesheets/screen.css.scss */
table#report-header .left-justify div {
  border-bottom: 1px dashed #474747;
}

/* line 1060, app/assets/stylesheets/screen.css.scss */
table#report-header td {
  font-size: 14px;
  line-height: 20px;
}

/* line 1064, app/assets/stylesheets/screen.css.scss */
table#report-header td h1 {
  padding: 0px;
  margin: 0px;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
}

/* line 1072, app/assets/stylesheets/screen.css.scss */
table#report-header td h2 {
  padding: 0px;
  margin: 0px;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.3em;
}

/* line 1080, app/assets/stylesheets/screen.css.scss */
table#report-header td h3 {
  padding: 0px;
  margin: 0px;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}

/* line 1090, app/assets/stylesheets/screen.css.scss */
.tm-table {
  font-family: "Rubik";
  width: 100%;
}

/* line 1094, app/assets/stylesheets/screen.css.scss */
.tm-table td {
  border: 1px solid black;
  padding-left: 3px;
  padding: 3px;
  font-size: 0.8em;
  font-weight: 300;
}

/* line 1102, app/assets/stylesheets/screen.css.scss */
.tm-table th {
  border: 1px solid black;
  padding-left: 3px;
  padding: 3px;
  font-size: 0.8em;
  font-weight: 300;
}

/* line 1111, app/assets/stylesheets/screen.css.scss */
.tm-table .tm-header td {
  padding: 4px;
  text-transform: uppercase;
  background: #0032a0;
  background-repeat: no-repeat;
  text-align: center;
  font-weight: 500;
  font-size: 0.9em;
  color: white;
}

/* line 1126, app/assets/stylesheets/screen.css.scss */
.sub-nav {
  margin-bottom: 14px;
  position: relative;
}

/* line 1133, app/assets/stylesheets/screen.css.scss */
i[rel=tooltip] {
  margin-top: 2px;
}

/* line 1140, app/assets/stylesheets/screen.css.scss */
body.blue-grey {
  background: #F2F4F7;
  margin: 0;
  padding: 0;
  height: 100%;
}

/* line 1147, app/assets/stylesheets/screen.css.scss */
.grey {
  color: grey;
}

/* line 1151, app/assets/stylesheets/screen.css.scss */
.page_header {
  background: linear-gradient(to bottom, #7FB4F8 0%, #437ECA 100%);
  /* TODO - other browser gradients*/
  margin: 0 0 5px 0;
  padding: 7px 30px 2px 10px;
  border: 1px solid #2C37B3;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

/* line 1161, app/assets/stylesheets/screen.css.scss */
.page_header h1 {
  font-size: 1em;
  color: white;
  line-height: 16px;
  letter-spacing: 0;
  text-shadow: 0px 0px 1px #000;
  text-transform: uppercase;
  font-weight: bold;
}

/* line 1172, app/assets/stylesheets/screen.css.scss */
fieldset.main-content-fieldset {
  border-radius: 4px;
  border-width: 0;
  background: #fff;
  padding: 20px;
  font-size: 0.77778rem;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
  margin-bottom: 20px;
}

@media (max-width: 769px) {
  /* line 1172, app/assets/stylesheets/screen.css.scss */
  fieldset.main-content-fieldset {
    padding: 2px;
  }
}

/* line 1185, app/assets/stylesheets/screen.css.scss */
fieldset.main-content-fieldset:legend {
  background-color: white;
}

/* line 1190, app/assets/stylesheets/screen.css.scss */
.panel {
  background: white none repeat scroll 0% 0%;
  border-radius: 4px;
  border: 1px solid #c6becf;
  box-shadow: rgba(37, 11, 54, 0.04) 0px 2px 0px;
  margin-bottom: 20px;
  position: relative;
  font-family: 'Rubik', sans-serif;
}

/* line 1199, app/assets/stylesheets/screen.css.scss */
.panel a:not(.sentry-button) {
  text-decoration: none;
  color: #0032a0;
}

/* line 1204, app/assets/stylesheets/screen.css.scss */
.panel h4 {
  font-weight: normal;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
}

/* line 1210, app/assets/stylesheets/screen.css.scss */
.panel h4 a {
  color: #0032a0;
  font-size: 14px;
}

/* line 1216, app/assets/stylesheets/screen.css.scss */
.panel .panel-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #645574;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  border-bottom: 1px solid #c6becf;
  border-radius: 4px 4px 0px 0px;
  background: #faf9fb none repeat scroll 0% 0%;
  line-height: 1;
  position: relative;
  padding: 10px;
}

/* line 1232, app/assets/stylesheets/screen.css.scss */
.panel .panel-header-alt {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  color: #645574;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  border-bottom: 1px solid #c6becf;
  border-radius: 4px 4px 0px 0px;
  background: #faf9fb none repeat scroll 0% 0%;
  line-height: 1;
  position: relative;
  padding: 10px;
  align-items: center;
}

/* line 1249, app/assets/stylesheets/screen.css.scss */
.panel .panel-content {
  padding: 10px;
  font-size: 13px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e7e1ec;
}

/* line 1260, app/assets/stylesheets/screen.css.scss */
.panel .panel-content:hover {
  background-color: #f7f7f7;
}

/* line 1265, app/assets/stylesheets/screen.css.scss */
.panel .panel-content-alt {
  display: flex;
  align-items: center;
  padding: 10px;
  font-size: 12px;
  border-bottom: 1px solid #e7e1ec;
}

/* line 1272, app/assets/stylesheets/screen.css.scss */
.panel .panel-content-alt:last-of-type {
  border-bottom: none;
}

/* line 1276, app/assets/stylesheets/screen.css.scss */
.panel .panel-content-alt:hover {
  background-color: #f7f7f7;
}

/* line 1282, app/assets/stylesheets/screen.css.scss */
.main_content {
  background: white none repeat scroll 0% 0%;
  border-radius: 4px;
  border: 1px solid #c6becf;
  box-shadow: rgba(37, 11, 54, 0.04) 0px 2px 0px;
  margin-bottom: 20px;
  position: relative;
}

/* line 1290, app/assets/stylesheets/screen.css.scss */
.main_content small {
  font-size: 9px;
}

/* line 1294, app/assets/stylesheets/screen.css.scss */
.main_content .table_container {
  margin: 0;
}

/* line 1297, app/assets/stylesheets/screen.css.scss */
.main_content .table_container table {
  width: 100%;
}

/* line 1302, app/assets/stylesheets/screen.css.scss */
.main_content ul {
  font-size: 0.77778rem;
  list-style: none;
}

/* line 1310, app/assets/stylesheets/screen.css.scss */
#side-nav {
  margin: 0;
  padding: 10px 30px 10px 10px;
  font-size: 12px;
  line-height: 1.5;
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.65);
  line-height: 0;
  list-style: none;
  background: #fff;
}

/* line 1322, app/assets/stylesheets/screen.css.scss */
#side-nav .fas {
  line-height: 0 !important;
}

/* line 1326, app/assets/stylesheets/screen.css.scss */
#side-nav li {
  padding: 0;
}

/* line 1330, app/assets/stylesheets/screen.css.scss */
#side-nav div.side-nav-header {
  text-transform: uppercase;
  color: #434244;
  font-size: 12px;
  line-height: 26px;
}

/* line 1337, app/assets/stylesheets/screen.css.scss */
#side-nav a {
  display: block;
  color: #9585a3;
  font-size: 12px;
  line-height: 30px;
  position: relative;
  text-decoration: none;
}

/* line 1345, app/assets/stylesheets/screen.css.scss */
#side-nav a:hover {
  color: #302839;
  outline: currentcolor none medium;
}

/* line 1351, app/assets/stylesheets/screen.css.scss */
#side-nav a.danger:hover {
  color: red;
  border-color: red;
}

/* line 1361, app/assets/stylesheets/screen.css.scss */
fieldset.authentication-forms {
  background: #fff;
  padding: 8px;
  border: 1px solid #c6becf;
  box-shadow: rgba(37, 11, 54, 0.04) 0px 2px 0px;
  border-radius: 4px;
  width: 30vw;
}

/* line 1369, app/assets/stylesheets/screen.css.scss */
fieldset.authentication-forms select {
  width: 100%;
  height: 37px;
}

/* line 1374, app/assets/stylesheets/screen.css.scss */
fieldset.authentication-forms input[type="email"],
fieldset.authentication-forms input[type="password"] {
  padding: .7em .6em;
  width: 100%;
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 3px #ddd;
  border-radius: 4px;
  font-size: 12px;
  box-sizing: border-box;
  vertical-align: middle;
  height: 37px;
}

/* line 1386, app/assets/stylesheets/screen.css.scss */
fieldset.authentication-forms input[type="email"]:focus,
fieldset.authentication-forms input[type="password"]:focus {
  outline: 0;
  border-color: #129fea;
}

/* line 1392, app/assets/stylesheets/screen.css.scss */
fieldset.authentication-forms .form-text-link {
  color: #0032a0;
  font-size: 12px;
  padding: 2px;
  text-decoration: none;
}

/* line 1398, app/assets/stylesheets/screen.css.scss */
fieldset.authentication-forms .form-text-link:hover {
  background-color: #0032a0;
  color: white;
}

/* line 1404, app/assets/stylesheets/screen.css.scss */
fieldset.authentication-forms .button-group {
  display: flex;
  gap: 8px;
  margin-top: 12px;
  align-items: center;
}

/* line 1414, app/assets/stylesheets/screen.css.scss */
#report_show,
#report-show-items {
  background: #fff;
  border-radius: 4px;
  border-right: 1px solid #c6becf;
  border-top: 1px solid #c6becf;
  border-bottom: 1px solid #c6becf;
  border-left: 1px solid #c6becf;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  box-shadow: rgba(37, 11, 54, 0.04) 0px 2px 0px;
  max-width: 940px;
  height: auto;
  margin: 10px 0 0 0;
  padding: 20px;
}

/* line 1429, app/assets/stylesheets/screen.css.scss */
#report_show p,
#report-show-items p {
  line-height: 16px;
}

/* line 1433, app/assets/stylesheets/screen.css.scss */
#report_show hr,
#report-show-items hr {
  border: 1px solid black;
}

/* line 1438, app/assets/stylesheets/screen.css.scss */
.sentry-button.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* line 1443, app/assets/stylesheets/screen.css.scss */
table.border-top {
  border-top: 3px solid black;
}

/* line 1447, app/assets/stylesheets/screen.css.scss */
#report-header-container {
  height: 140px;
}

/* line 1451, app/assets/stylesheets/screen.css.scss */
#footer-container {
  height: 131px;
  width: 100%;
}

/* line 1456, app/assets/stylesheets/screen.css.scss */
div.remarks {
  border: 1px solid black;
  padding: 4px;
  min-height: 100px;
  margin-top: 20px;
}

/* line 1463, app/assets/stylesheets/screen.css.scss */
.client_details {
  font-size: 0.7em;
}

/* line 1466, app/assets/stylesheets/screen.css.scss */
.client_details img {
  margin-bottom: 4px;
  display: block;
}

/* line 1472, app/assets/stylesheets/screen.css.scss */
.header_table {
  margin-bottom: 4px;
}

/* line 1476, app/assets/stylesheets/screen.css.scss */
.header_table td {
  line-height: 0.85em;
  border: 1px solid #000;
  padding: 2px;
}

/* line 1481, app/assets/stylesheets/screen.css.scss */
.header_table td.shaded {
  font-weight: bold;
}

/* line 1486, app/assets/stylesheets/screen.css.scss */
.arrangement_sketch {
  padding-top: 10px;
  padding-bottom: 10px;
}

/* line 1490, app/assets/stylesheets/screen.css.scss */
.arrangement_sketch img {
  width: 16%;
  height: auto;
}

/* line 1495, app/assets/stylesheets/screen.css.scss */
.arrangement_sketch .highlighted {
  border: 2px solid #04a6b3;
}

/* line 1500, app/assets/stylesheets/screen.css.scss */
.reject {
  background-color: #f5bbae !important;
  color: #b12808 !important;
  font-weight: bold !important;
  text-transform: uppercase;
  font-size: 10px !important;
}

/* line 1508, app/assets/stylesheets/screen.css.scss */
.accept {
  background-color: #c3e4c7 !important;
  color: #077e15;
  font-weight: bold !important;
  text-transform: uppercase;
  font-size: 10px !important;
}

/* line 1516, app/assets/stylesheets/screen.css.scss */
.defects_table {
  page-break-inside: avoid;
  width: 100%;
  width: 100%;
  white-space: nowrap;
}

/* line 1522, app/assets/stylesheets/screen.css.scss */
.defects_table th {
  text-align: center;
  font-size: 12px;
  letter-spacing: -0.003em;
  line-height: 12px;
  padding: 3px 0 2px 0px;
  font-weight: normal;
  border: 1px solid white;
  background-color: #f7f7f7;
}

/* line 1533, app/assets/stylesheets/screen.css.scss */
.defects_table td {
  text-align: center;
  font-size: 12px;
  letter-spacing: -0.003em;
  line-height: 12px;
  padding: 3px 0 2px 0px;
}

/* line 1540, app/assets/stylesheets/screen.css.scss */
.defects_table td.content {
  font-weight: normal;
  text-align: center;
  background-color: #f2f2f2;
}

/* line 1546, app/assets/stylesheets/screen.css.scss */
.defects_table td.shaded {
  font-weight: normal;
  text-align: center;
  background-color: white;
}

/* line 1555, app/assets/stylesheets/screen.css.scss */
#signatures_table {
  width: 100%;
}

/* line 1558, app/assets/stylesheets/screen.css.scss */
#signatures_table th {
  font-size: 11px;
  font-weight: normal;
  border: 1px solid #d2d2d2;
}

/* line 1564, app/assets/stylesheets/screen.css.scss */
#signatures_table td {
  padding: 3px 0 2px 0px;
  text-align: center;
  font-size: 11px;
  letter-spacing: -0.003em;
  border-bottom: 1px solid white;
  border-right: 1px solid white;
}

/* line 1572, app/assets/stylesheets/screen.css.scss */
#signatures_table td.shaded {
  text-align: center;
}

/* line 1578, app/assets/stylesheets/screen.css.scss */
.specific_table {
  page-break-inside: avoid;
  width: 100%;
}

/* line 1582, app/assets/stylesheets/screen.css.scss */
.specific_table td {
  text-align: center;
  font-size: 0.85em;
  letter-spacing: 0px;
  padding: 6px 0 6px 4px;
  border: 2px solid white;
}

/* line 1590, app/assets/stylesheets/screen.css.scss */
.specific_table td.shaded {
  text-align: left;
  padding-left: 4px;
  width: 120px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

/* line 1598, app/assets/stylesheets/screen.css.scss */
.specific_table td.content {
  width: 120px;
  text-align: left;
  line-height: 10px;
}

/* line 1603, app/assets/stylesheets/screen.css.scss */
.specific_table td.content div {
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  margin-bottom: 2px;
  color: #000;
}

/* line 1613, app/assets/stylesheets/screen.css.scss */
td.caption {
  font-weight: bold;
  background-color: #b7242b;
  color: white;
  padding: 3px;
  text-align: left;
}

/* line 1624, app/assets/stylesheets/screen.css.scss */
.span1 {
  width: 9%;
}

/* line 1628, app/assets/stylesheets/screen.css.scss */
.span4 {
  width: 28%;
}

/* line 1632, app/assets/stylesheets/screen.css.scss */
#report_show_technician {
  width: 33.3%;
}

/* line 1636, app/assets/stylesheets/screen.css.scss */
#report_show_customer {
  width: 33.3%;
}

/* line 1640, app/assets/stylesheets/screen.css.scss */
#report_show_authority {
  width: 33.3%;
}

/* line 1644, app/assets/stylesheets/screen.css.scss */
#signature_cell,
.signature_cell,
#approval_signature_cell {
  height: 50px;
  padding: 2px 0;
}

/* line 1650, app/assets/stylesheets/screen.css.scss */
#signature_cell img.tuv_stamp,
.signature_cell img.tuv_stamp,
#approval_signature_cell img.tuv_stamp {
  z-index: 2;
  position: relative;
  top: 0px;
  left: 49px;
}

/* line 1657, app/assets/stylesheets/screen.css.scss */
#signature_cell img.signature,
.signature_cell img.signature,
#approval_signature_cell img.signature {
  z-index: 1;
  position: relative;
}

/* line 1665, app/assets/stylesheets/screen.css.scss */
#email_form {
  border: 1px solid #cdcdcd;
  display: none;
  font-size: 0.9em;
}

/* line 1673, app/assets/stylesheets/screen.css.scss */
#flash-content {
  width: 100%;
}

/* line 1677, app/assets/stylesheets/screen.css.scss */
#flash-content ol li {
  float: left;
  width: 300px;
  margin-right: 30px;
  margin-bottom: 30px;
}

/* line 1685, app/assets/stylesheets/screen.css.scss */
#flash-content br {
  clear: left;
}

/* line 1690, app/assets/stylesheets/screen.css.scss */
table.table-flash {
  font-size: 0.6em;
  font-weight: bold;
  border: 4px solid black;
  background-color: black;
  color: white;
  line-height: 0.15em;
  width: 100%;
}

/* line 1699, app/assets/stylesheets/screen.css.scss */
table.table-flash td {
  border: 1px solid black;
  padding: 5px 0px 5px 2px;
}

/* line 1707, app/assets/stylesheets/screen.css.scss */
div#pdfkit-paging {
  display: none;
  font-size: 12px;
  color: black;
  margin-top: 6px;
}

/* line 1714, app/assets/stylesheets/screen.css.scss */
div#footer-meta {
  font-size: 11px;
}

/* line 1717, app/assets/stylesheets/screen.css.scss */
div#footer-meta #left {
  width: 25%;
  text-align: left;
}

/* line 1722, app/assets/stylesheets/screen.css.scss */
div#footer-meta #right {
  width: 25%;
  text-align: right;
}

/* line 1727, app/assets/stylesheets/screen.css.scss */
div#footer-meta #main {
  width: 50%;
  text-align: center;
}

/* line 1735, app/assets/stylesheets/screen.css.scss */
#emails-editor {
  display: flex;
  flex-direction: row;
}

/* line 1739, app/assets/stylesheets/screen.css.scss */
#emails-editor input[type=email] {
  border-radius: 4px;
  border: 1px solid #c6becf;
  height: 23px;
  width: 300px;
}

/* line 1747, app/assets/stylesheets/screen.css.scss */
#emails_editor_textarea {
  min-height: 240px;
  width: 690px;
  padding-left: 4px;
}

/* line 1755, app/assets/stylesheets/screen.css.scss */
div#error-explanation {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
  padding: 8px 8px 8px 14px;
  margin-bottom: 20px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  border: 1px solid;
  border-radius: 4px;
  max-width: 50%;
  margin: 20px auto;
}

/* line 1767, app/assets/stylesheets/screen.css.scss */
div#error-explanation ul {
  font-size: 80%;
}

/* line 1772, app/assets/stylesheets/screen.css.scss */
.alert {
  padding: 8px 14px 8px 14px;
  background-color: #f9d7d7;
  border: 1px solid #bd1111;
  border-radius: 4px;
  color: #bd1111;
  font-size: 12px;
  letter-spacing: 0em;
  line-height: 17px;
}

/* line 1787, app/assets/stylesheets/screen.css.scss */
#emails_cart {
  font-size: 14px;
}

/* line 1792, app/assets/stylesheets/screen.css.scss */
.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front {
  color: #545454;
  background-color: white;
  font-size: 80%;
}

/* line 1800, app/assets/stylesheets/screen.css.scss */
.form-container {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: center;
  grid-gap: 12px;
  padding-top: 6px;
}

/* line 1809, app/assets/stylesheets/screen.css.scss */
.form-button {
  display: block;
  font-family: 'Inter', sans-serif !important;
  font-size: 100%;
  padding: .5em 1em;
  text-decoration: none;
  border-radius: 2px;
  background-color: #0078e7;
  color: #fff;
  border-radius: 2px;
  border-bottom: 3px solid rgba(0, 0, 0, 0.15);
  margin-bottom: 20px;
  cursor: pointer;
}

/* line 1823, app/assets/stylesheets/screen.css.scss */
.form-button:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

/* line 1828, app/assets/stylesheets/screen.css.scss */
.form-button:hover {
  background-color: #016acc;
}

/* line 1832, app/assets/stylesheets/screen.css.scss */
.form-button:active {
  box-shadow: 1px 1px #666;
  transform: translateY(1px);
}

/* line 1838, app/assets/stylesheets/screen.css.scss */
.ant-btn {
  line-height: 1.5;
  position: relative;
  display: inline-block;
  font-weight: 400;
  white-space: nowrap;
  text-align: center;
  background-image: none;
  border: 1px solid transparent;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
  cursor: pointer;
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  height: 32px;
  padding: 0 15px;
  font-size: 14px;
  border-radius: 4px;
  color: rgba(0, 0, 0, 0.65);
  border-color: #d9d9d9;
  color: #fff;
  background-color: #0032a0;
  border-color: #0032a0;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
  outline: 0;
  -webkit-appearance: button;
  text-transform: none;
  overflow: visible;
}

/* line 1875, app/assets/stylesheets/screen.css.scss */
.general-button {
  display: inline-block;
  zoom: 1;
  line-height: normal;
  white-space: nowrap;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: 'Inter', sans-serif !important;
  font-size: 11px;
  letter-spacing: 0.005em;
  line-height: 15px;
  padding: .5em 1em;
  text-decoration: none;
  background-color: #0078e7;
  color: #fff;
  border-radius: 2px;
  border-bottom: 2px solid rgba(0, 0, 0, 0.15);
  margin-bottom: 20px;
}

/* line 1902, app/assets/stylesheets/screen.css.scss */
.general-button:hover {
  background-color: #016acc;
}

/* line 1906, app/assets/stylesheets/screen.css.scss */
.general-button:active {
  box-shadow: 1px 1px #666;
  transform: translateY(1px);
}

/* line 1912, app/assets/stylesheets/screen.css.scss */
select {
  display: inline-block;
  height: 28px;
  line-height: 28px;
  border: 1px solid #aaa;
  padding: 4px;
  color: #555;
}

/* line 1921, app/assets/stylesheets/screen.css.scss */
input:disabled {
  background-color: #eeeeee;
}

/* line 1925, app/assets/stylesheets/screen.css.scss */
.alternative-button {
  display: inline-block;
  zoom: 1;
  line-height: normal;
  white-space: nowrap;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: 'Inter', sans-serif !important;
  font-size: 11px;
  letter-spacing: 0.005em;
  line-height: 15px;
  padding: .5em 1em;
  text-decoration: none;
  background-color: #e6e6e6;
  color: #4b4b4b;
  border-radius: 2px;
  border-bottom: 2px solid rgba(0, 0, 0, 0.15);
  margin-bottom: 20px;
}

/* line 1952, app/assets/stylesheets/screen.css.scss */
.alternative-button:hover {
  background-color: #d6d6d6;
}

/* line 1956, app/assets/stylesheets/screen.css.scss */
.alternative-button:active {
  box-shadow: 1px 1px #666;
  transform: translateY(1px);
}

/* line 1962, app/assets/stylesheets/screen.css.scss */
.alternative-button-inline {
  display: inline-block;
  zoom: 1;
  line-height: normal;
  white-space: nowrap;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: 'Inter', sans-serif !important;
  font-size: 11px;
  letter-spacing: 0.005em;
  line-height: 15px;
  padding: .5em 1em;
  text-decoration: none;
  background-color: #e6e6e6;
  color: #4b4b4b;
  border-radius: 2px;
  border-bottom: 2px solid rgba(0, 0, 0, 0.15);
}

/* line 1988, app/assets/stylesheets/screen.css.scss */
.alternative-button-inline:hover {
  background-color: #d6d6d6;
}

/* line 1992, app/assets/stylesheets/screen.css.scss */
.alternative-button-inline:active {
  box-shadow: 1px 1px #666;
  transform: translateY(1px);
}

/* line 1999, app/assets/stylesheets/screen.css.scss */
.closebtn {
  margin-left: 15px;
  color: grey;
  font-weight: bold;
  float: right;
  font-size: 16px;
  line-height: 14px;
  cursor: pointer;
  transition: 0.3s;
}

/* line 2010, app/assets/stylesheets/screen.css.scss */
.closebtn:hover {
  color: black;
}

/* line 2014, app/assets/stylesheets/screen.css.scss */
legend {
  padding: 2px;
  color: black;
  font-size: 13px;
  text-transform: uppercase;
  background-color: white;
  border: 1px solid #cdcdcd;
  border-radius: 2px;
}

/* line 2024, app/assets/stylesheets/screen.css.scss */
.container {
  padding: 6px;
}

/* line 2029, app/assets/stylesheets/screen.css.scss */
.internal-form ::placeholder {
  opacity: .9;
}

/* line 2033, app/assets/stylesheets/screen.css.scss */
.internal-form.white-bg {
  background-color: white;
}

/* line 2037, app/assets/stylesheets/screen.css.scss */
.internal-form label {
  display: block;
  margin: .25em 0;
  font-size: 12px;
}

/* line 2043, app/assets/stylesheets/screen.css.scss */
.internal-form input[type=text],
.internal-form textarea,
.internal-form input[type=number],
.internal-form input[type=datetime-local],
.internal-form .input-list {
  width: 100%;
  padding: .3em .6em;
  display: inline-block;
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0 1px 3px #ddd;
  box-shadow: inset 0 1px 3px #ddd;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 12px;
  height: 35px;
  font-family: "Rubik", "Helvetica Neue", sans-serif;
}

@media (min-width: 1025px) {
  /* line 2043, app/assets/stylesheets/screen.css.scss */
  .internal-form input[type=text],
.internal-form textarea,
.internal-form input[type=number],
.internal-form input[type=datetime-local],
.internal-form .input-list {
    width: 100%;
  }
}

/* line 2066, app/assets/stylesheets/screen.css.scss */
.internal-form input:disabled:not(.form-button) {
  padding: .5em .6em;
  display: inline-block;
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0 1px 3px #ddd;
  box-shadow: inset 0 1px 3px #ddd;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 12px;
  opacity: 0.5;
  cursor: not-allowed;
}

/* line 2080, app/assets/stylesheets/screen.css.scss */
.internal-form textarea {
  height: 100px;
  padding: .4em .3em;
  font-size: 12px;
}

/* line 2087, app/assets/stylesheets/screen.css.scss */
#user_latest_reports {
  grid-area: userLatestReports;
}

/* line 2091, app/assets/stylesheets/screen.css.scss */
#latest_reports {
  grid-area: latestReports;
}

/* line 2099, app/assets/stylesheets/screen.css.scss */
.custom-file-upload {
  display: inline-block !important;
  zoom: 1;
  line-height: normal;
  white-space: nowrap;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  user-select: none;
  box-sizing: border-box;
  font-family: 'Inter', sans-serif !important;
  font-size: 11px;
  letter-spacing: 0.005em;
  line-height: 15px;
  padding: .5em 1em;
  text-decoration: none;
  background-color: #e6e6e6;
  color: #4b4b4b;
  border-radius: 2px;
  border-bottom: 2px solid rgba(0, 0, 0, 0.15);
  margin-bottom: 20px !important;
}

/* line 2123, app/assets/stylesheets/screen.css.scss */
form#edit_user img {
  margin-bottom: 20px;
}

@media (min-width: 1025px) {
  /* line 2130, app/assets/stylesheets/screen.css.scss */
  div.report-form-flex-container {
    display: flex;
  }
}

/* line 2136, app/assets/stylesheets/screen.css.scss */
div.report-form-flex-item {
  width: 100%;
}

@media (min-width: 1025px) {
  /* line 2136, app/assets/stylesheets/screen.css.scss */
  div.report-form-flex-item {
    margin-right: 123px;
  }
}

/* line 2144, app/assets/stylesheets/screen.css.scss */
#clone-dropdown-content {
  display: flex;
  flex-direction: column;
}

/* line 2148, app/assets/stylesheets/screen.css.scss */
#clone-dropdown-content a {
  font-size: 12px;
  font-family: "Rubik";
  font-weight: 400;
  padding: 10px 14px;
  letter-spacing: 0px;
  line-height: 16px;
  color: #0032a0;
  background-color: white;
  text-decoration: none;
}

/* line 2159, app/assets/stylesheets/screen.css.scss */
#clone-dropdown-content a:hover {
  background-color: #ececec;
  border-radius: 4px;
  color: #032e8d;
}

/* line 2167, app/assets/stylesheets/screen.css.scss */
caption {
  text-align: left;
  border-right: 1px solid #000;
  border-left: 1px solid #000;
  border-top: 1px solid #000;
  font-weight: bold;
  background: #e9e9e9;
  font-size: 11px;
  text-align: center;
  text-transform: uppercase;
}

/* line 2181, app/assets/stylesheets/screen.css.scss */
.clear-button {
  display: inline-block;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
  text-decoration: none;
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 2px 8px;
  border-radius: 3px;
}

/* line 2190, app/assets/stylesheets/screen.css.scss */
.clear-button.primary {
  background-color: #0032a0;
  color: white;
  cursor: pointer;
}

/* line 2195, app/assets/stylesheets/screen.css.scss */
.clear-button.primary:hover {
  opacity: 0.9;
  background-color: #0032a0;
  color: white;
  cursor: pointer;
}

/* line 2202, app/assets/stylesheets/screen.css.scss */
.clear-button.primary.disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
  cursor: not-allowed;
}

/* line 2212, app/assets/stylesheets/screen.css.scss */
.clear-button:hover {
  color: #0032a0;
  border-color: #0032a0;
}

/* line 2217, app/assets/stylesheets/screen.css.scss */
.clear-button.active {
  background-color: #0032a0;
  color: white;
}

/* line 2223, app/assets/stylesheets/screen.css.scss */
.clear-button.danger:hover {
  color: #c11b1b;
  border-color: #c11b1b;
}

/* line 2229, app/assets/stylesheets/screen.css.scss */
.clear-button.large {
  padding: 6px 8px;
}

/* line 2234, app/assets/stylesheets/screen.css.scss */
.trix-container {
  background: #fff;
  height: 900px;
  margin: 10px 0 0 0;
  padding: 8px 6px 6px 6px;
  font-size: 12px;
  width: 969px;
}

/* line 2243, app/assets/stylesheets/screen.css.scss */
.input-group select {
  width: 100%;
  height: 34px;
  border-radius: 4px;
}

/* line 2250, app/assets/stylesheets/screen.css.scss */
#total-exposure-time-container {
  display: none;
}

/* line 2254, app/assets/stylesheets/screen.css.scss */
.readonly-total-field {
  background-color: #f5f5f5;
  cursor: not-allowed;
}

/* line 2260, app/assets/stylesheets/screen.css.scss */
.exposure-total-group {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 6px;
  padding-left: 10px;
  margin-bottom: 10px;
}

/* line 2268, app/assets/stylesheets/screen.css.scss */
.exposure-total-group label {
  margin: 0;
  font-weight: 500;
  font-size: 12px;
}

/* line 2274, app/assets/stylesheets/screen.css.scss */
.exposure-total-group small.form-text {
  margin-left: 6px;
  color: #6b7280;
  margin-bottom: 10px;
}

/* line 2282, app/assets/stylesheets/screen.css.scss */
.internal-form input.exposure-total-field {
  width: 120px;
  min-width: 120px;
  height: 32px;
  padding: 4px 6px;
}

/* line 2289, app/assets/stylesheets/screen.css.scss */
.report-form-annex-checkbox[type="checkbox"]:before {
  position: relative;
  display: block;
  width: 11px;
  height: 11px;
  border: 1px solid #808080;
  content: "";
  background: #FFF;
}

/* line 2299, app/assets/stylesheets/screen.css.scss */
.report-form-annex-checkbox[type="checkbox"]:after {
  position: relative;
  display: block;
  left: 2px;
  top: -11px;
  width: 7px;
  height: 7px;
  border-width: 1px;
  border-style: solid;
  border-color: #B3B3B3 #dcddde #dcddde #B3B3B3;
  content: "";
  background-image: linear-gradient(135deg, #B1B6BE 0%, #FFF 100%);
  background-repeat: no-repeat;
  background-position: center;
}

/* line 2315, app/assets/stylesheets/screen.css.scss */
.report-form-annex-checkbox[type="checkbox"]:checked:after {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAQAAABuW59YAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAB2SURBVHjaAGkAlv8A3QDyAP0A/QD+Dam3W+kCAAD8APYAAgTVZaZCGwwA5wr0AvcA+Dh+7UX/x24AqK3Wg/8nt6w4/5q71wAAVP9g/7rTXf9n/+9N+AAAtpJa/zf/S//DhP8H/wAA4gzWj2P4lsf0JP0A/wADAHB0Ngka6UmKAAAAAElFTkSuQmCC"), linear-gradient(135deg, #B1B6BE 0%, #FFF 100%);
}

/* line 2319, app/assets/stylesheets/screen.css.scss */
.report-form-annex-checkbox[type="checkbox"]:disabled:after {
  -webkit-filter: opacity(0.4);
}

/* line 2323, app/assets/stylesheets/screen.css.scss */
.report-form-annex-checkbox[type="checkbox"]:not(:disabled):checked:hover:after {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAQAAABuW59YAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAB2SURBVHjaAGkAlv8A3QDyAP0A/QD+Dam3W+kCAAD8APYAAgTVZaZCGwwA5wr0AvcA+Dh+7UX/x24AqK3Wg/8nt6w4/5q71wAAVP9g/7rTXf9n/+9N+AAAtpJa/zf/S//DhP8H/wAA4gzWj2P4lsf0JP0A/wADAHB0Ngka6UmKAAAAAElFTkSuQmCC"), linear-gradient(135deg, #8BB0C2 0%, #FFF 100%);
}

/* line 2327, app/assets/stylesheets/screen.css.scss */
.report-form-annex-checkbox[type="checkbox"]:not(:disabled):hover:after {
  background-image: linear-gradient(135deg, #8BB0C2 0%, #FFF 100%);
  border-color: #85A9BB #92C2DA #92C2DA #85A9BB;
}

/* line 2332, app/assets/stylesheets/screen.css.scss */
.report-form-annex-checkbox[type="checkbox"]:not(:disabled):hover:before {
  border-color: #3D7591;
}

/* Large checkboxes */
/* line 2337, app/assets/stylesheets/screen.css.scss */
.report-form-annex-checkbox.large {
  height: 22px;
  width: 22px;
}

/* line 2342, app/assets/stylesheets/screen.css.scss */
.report-form-annex-checkbox.large[type="checkbox"]:before {
  width: 20px;
  height: 20px;
}

/* line 2347, app/assets/stylesheets/screen.css.scss */
.report-form-annex-checkbox.large[type="checkbox"]:after {
  top: -20px;
  width: 16px;
  height: 16px;
}

/* line 2353, app/assets/stylesheets/screen.css.scss */
#annex-content-container {
  height: 500px;
}

/* line 2357, app/assets/stylesheets/screen.css.scss */
.approval-label {
  background-color: pink;
  color: white;
}

/* line 2362, app/assets/stylesheets/screen.css.scss */
.long-input {
  width: 700px;
}

@media (min-width: 1025px) {
  /* line 2362, app/assets/stylesheets/screen.css.scss */
  .long-input {
    width: 100%;
  }
}

/* line 2370, app/assets/stylesheets/screen.css.scss */
.report-form-inline-container {
  display: grid;
  grid-template-columns: 1fr;
}

@media (min-width: 1025px) {
  /* line 2370, app/assets/stylesheets/screen.css.scss */
  .report-form-inline-container {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

/* line 2378, app/assets/stylesheets/screen.css.scss */
.report-form-inline-container .input-group {
  padding: 10px 4px 10px 4px;
}

@media (min-width: 1025px) {
  /* line 2378, app/assets/stylesheets/screen.css.scss */
  .report-form-inline-container .input-group {
    padding: 16px;
  }
}

/* line 2385, app/assets/stylesheets/screen.css.scss */
.report-form-inline-container .input-group input[type="file"] {
  display: inherit;
}

/* line 2390, app/assets/stylesheets/screen.css.scss */
.report-form-inline-container select {
  width: 100%;
}

/* line 2395, app/assets/stylesheets/screen.css.scss */
.report-form-inline-container-single {
  display: grid;
  grid-template-columns: 1fr;
}

@media (min-width: 1025px) {
  /* line 2395, app/assets/stylesheets/screen.css.scss */
  .report-form-inline-container-single {
    grid-template-columns: 1fr;
  }
}

/* line 2403, app/assets/stylesheets/screen.css.scss */
.report-form-inline-container-single .input-group {
  padding: 10px 4px 10px 4px;
}

@media (min-width: 1025px) {
  /* line 2403, app/assets/stylesheets/screen.css.scss */
  .report-form-inline-container-single .input-group {
    padding: 16px;
  }
}

/* line 2412, app/assets/stylesheets/screen.css.scss */
#report_specific_fields_techniques,
#report_specific_fields_acq_software_chosen,
#report_qualification_id_chosen {
  width: 300px !important;
}

/* line 2418, app/assets/stylesheets/screen.css.scss */
#graph-container {
  display: none;
}

@media (min-width: 1025px) {
  /* line 2418, app/assets/stylesheets/screen.css.scss */
  #graph-container {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    min-height: 220px;
  }
  /* line 2429, app/assets/stylesheets/screen.css.scss */
  #graph-container .panel {
    margin-right: 10px;
  }
}

/* line 2435, app/assets/stylesheets/screen.css.scss */
.multiple-select {
  display: block;
  height: 150px;
  width: 150px;
}

/* line 2441, app/assets/stylesheets/screen.css.scss */
thead {
  display: table-header-group;
}

/* line 2442, app/assets/stylesheets/screen.css.scss */
tfoot {
  display: table-row-group;
}

/* line 2443, app/assets/stylesheets/screen.css.scss */
tr {
  page-break-inside: avoid;
}

/* line 2445, app/assets/stylesheets/screen.css.scss */
div#updatesTippy {
  text-align: left;
  font-family: 'Inter', sans-serif;
}

/* line 2449, app/assets/stylesheets/screen.css.scss */
div#updatesTippy h3, div#updatesTippy p, div#updatesTippy em {
  margin: 0;
  padding: 0;
}

/* line 2454, app/assets/stylesheets/screen.css.scss */
div#updatesTippy h3 {
  font-size: 12px;
  letter-spacing: 0em;
  line-height: 17px;
  margin-top: 10px;
}

/* line 2461, app/assets/stylesheets/screen.css.scss */
div#updatesTippy em {
  color: #999999;
}

/* line 2465, app/assets/stylesheets/screen.css.scss */
div#updatesTippy p, div#updatesTippy em {
  font-size: 10px;
  letter-spacing: 0.01em;
  line-height: 14px;
  font-weight: 400;
}

/* line 2473, app/assets/stylesheets/screen.css.scss */
.sentry-button {
  font-family: "Rubik", "Helvetica Neue", sans-serif;
  display: inline-block;
  padding: 9px 12px;
  line-height: 1;
  border-radius: 3px;
  text-transform: none;
  font-weight: 400;
  font-size: 13px;
  color: #6e6e6e;
  background-color: #e9e9e9;
  border: 1px solid #b5b5b5;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 2px;
  cursor: pointer;
  text-decoration: none;
}

/* line 2489, app/assets/stylesheets/screen.css.scss */
.sentry-button:hover {
  background-color: #d6d6d6;
  border-color: #a4a4a4;
}

/* line 2494, app/assets/stylesheets/screen.css.scss */
.sentry-button.active {
  background-color: #cacaca;
  border-color: #a3a3a3;
}

/* line 2499, app/assets/stylesheets/screen.css.scss */
.sentry-button.small {
  padding: 6px 7px;
  font-size: 11px;
}

/* line 2504, app/assets/stylesheets/screen.css.scss */
.sentry-button.medium {
  padding: 7px 9px;
  font-size: 11px;
}

/* line 2509, app/assets/stylesheets/screen.css.scss */
.sentry-button.hollow {
  border: 1px solid #92a8bf;
  color: #2b445e;
  background-color: #f2f4f7;
}

/* line 2515, app/assets/stylesheets/screen.css.scss */
.sentry-button:disabled {
  cursor: not-allowed;
  opacity: 0.7;
}

/* line 2520, app/assets/stylesheets/screen.css.scss */
.sentry-button.success {
  color: white;
  background-color: #378f08;
  border: 1px solid #073b06;
  box-shadow: rgba(4, 41, 14, 0.05) 0px 2px;
}

/* line 2526, app/assets/stylesheets/screen.css.scss */
.sentry-button.success:hover {
  background-color: #2e7906;
  border-color: #0a5a07;
}

/* line 2532, app/assets/stylesheets/screen.css.scss */
.sentry-button.danger {
  color: white;
  background-color: #bb1212;
  border: 1px solid #640c0c;
  box-shadow: rgba(4, 41, 14, 0.05) 0px 2px;
}

/* line 2538, app/assets/stylesheets/screen.css.scss */
.sentry-button.danger:hover {
  background-color: #ad1010;
  border-color: #5a0707;
}

/* line 2546, app/assets/stylesheets/screen.css.scss */
button .show-when-enabled {
  display: inherit;
}

/* line 2547, app/assets/stylesheets/screen.css.scss */
button .show-when-disabled {
  display: none;
}

/* line 2550, app/assets/stylesheets/screen.css.scss */
button[disabled] .show-when-enabled {
  display: none;
}

/* line 2551, app/assets/stylesheets/screen.css.scss */
button[disabled] .show-when-disabled {
  display: initial;
}

/* line 2555, app/assets/stylesheets/screen.css.scss */
.field-wrapper {
  font-family: 'Rubik';
  display: flex;
  flex-direction: row;
  justify-items: flex-start;
  align-items: center;
  padding: 16px;
  max-width: 100%;
  transition: background 0.15s ease 0s;
  border-bottom: 1px solid #e7e1ec;
  font-size: 13px;
}

/* line 2567, app/assets/stylesheets/screen.css.scss */
.field-wrapper label {
  flex-basis: 40%;
  font-size: 12px;
  display: inline-block;
  padding-right: 60px;
}

/* line 2574, app/assets/stylesheets/screen.css.scss */
.field-wrapper input[type="file"] {
  display: inherit;
}

/* line 2578, app/assets/stylesheets/screen.css.scss */
.field-wrapper input[type="text"],
.field-wrapper input[type="email"] {
  color: #302839;
  display: block;
  width: 100%;
  background: white none repeat scroll 0% 0%;
  border: 1px solid #c6becf;
  border-radius: 4px;
  box-shadow: rgba(37, 11, 54, 0.04) 0px 2px 0px inset;
  padding: 0.5em;
  transition: border 0.1s linear 0s;
  resize: vertical;
  height: 37px;
  font-size: 12px;
}

/* line 2594, app/assets/stylesheets/screen.css.scss */
.field-wrapper select {
  width: 100%;
  height: 37px;
}

/* line 2599, app/assets/stylesheets/screen.css.scss */
.field-wrapper select[multiple] {
  height: 180px;
  width: 100%;
}

/* line 2604, app/assets/stylesheets/screen.css.scss */
.field-wrapper textarea {
  width: 100%;
  font-size: 14px;
}

/* line 2609, app/assets/stylesheets/screen.css.scss */
.field-wrapper .field-help {
  color: #9585a3;
  font-size: 12px;
  line-height: 20px;
}

/* line 2616, app/assets/stylesheets/screen.css.scss */
.general-remarks {
  background-color: #f2f2f2;
  font-size: 12px;
  padding: 10px;
}

/* line 2622, app/assets/stylesheets/screen.css.scss */
.report-number-box {
  margin-top: 8px;
}

/* line 2626, app/assets/stylesheets/screen.css.scss */
.scarlet-left {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  background-color: pink;
  height: 1091px;
}

/* line 2636, app/assets/stylesheets/screen.css.scss */
#accreditation-file-logo input[type="file"] {
  display: inherit;
}

/* line 2641, app/assets/stylesheets/screen.css.scss */
.empty-logo {
  width: 160px;
}

/* line 2645, app/assets/stylesheets/screen.css.scss */
#asme-scanplan {
  width: 480px;
  max-width: 100%;
  margin: 0 auto;
  margin-top: 13px;
}

/* line 2651, app/assets/stylesheets/screen.css.scss */
#asme-scanplan img {
  border: 1px solid black;
}

/* line 2656, app/assets/stylesheets/screen.css.scss */
.table-container {
  border-top: 3px solid black;
  padding: 5px 0;
}

/* line 2661, app/assets/stylesheets/screen.css.scss */
.tm-specific {
  background-color: #000;
  color: white;
  padding: 4px;
  text-transform: uppercase;
}

/* line 2668, app/assets/stylesheets/screen.css.scss */
.tm-specific-alt {
  background-color: #efefef;
  color: black;
  padding: 4px;
  text-transform: uppercase;
}

/* line 2675, app/assets/stylesheets/screen.css.scss */
.border-right-white {
  border-right: 1px solid white;
}

/* line 2679, app/assets/stylesheets/screen.css.scss */
.border-right-black {
  border-right: 1px solid black;
}

/* line 2683, app/assets/stylesheets/screen.css.scss */
.border-left-black {
  border-left: 1px solid black;
}

/* line 2687, app/assets/stylesheets/screen.css.scss */
.tm-label {
  background-color: #efefef;
}

/* line 2691, app/assets/stylesheets/screen.css.scss */
.tm-table-releative {
  font-size: 11px;
}

/* line 2694, app/assets/stylesheets/screen.css.scss */
.tm-table-releative td {
  border: 1px solid black;
  padding-left: 3px;
  padding: 3px;
}

/* line 2700, app/assets/stylesheets/screen.css.scss */
.tm-table-releative .td-border {
  border: 1px solid black;
  padding: 0px 2px;
  display: inline-block;
}

/* line 2707, app/assets/stylesheets/screen.css.scss */
.tm-table-short {
  width: inherit;
}

/* line 2711, app/assets/stylesheets/screen.css.scss */
.tm-line-items {
  font-size: 11px;
  width: 100%;
}

/* line 2715, app/assets/stylesheets/screen.css.scss */
.tm-line-items .sub-header > th {
  background-color: #e9e9e9;
  border: 1px solid black;
}

/* line 2720, app/assets/stylesheets/screen.css.scss */
.tm-line-items td {
  border: 1px solid black;
}

/* line 2724, app/assets/stylesheets/screen.css.scss */
.tm-line-items th {
  text-align: center;
  font-weight: bold;
}

/* line 2730, app/assets/stylesheets/screen.css.scss */
.tm-line-items tr.sub-header th {
  padding: 4px;
}

/* line 2735, app/assets/stylesheets/screen.css.scss */
.tm-line-items .vertical {
  writing-mode: vertical-rl;
  padding: 0;
  margin: 0;
}

/* line 2742, app/assets/stylesheets/screen.css.scss */
table#rt-certifications {
  width: 50%;
}

/* line 2746, app/assets/stylesheets/screen.css.scss */
.enlarge {
  font-size: 150%;
}

/**************************\
  Basic Modal Styles
\**************************/
/* line 2754, app/assets/stylesheets/screen.css.scss */
.modal {
  display: none;
  font-family: -apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif;
}

/* line 2758, app/assets/stylesheets/screen.css.scss */
.modal a {
  text-decoration: none;
}

/* line 2763, app/assets/stylesheets/screen.css.scss */
.modal.is-open {
  display: block;
}

/* line 2767, app/assets/stylesheets/screen.css.scss */
.modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  overflow-y: initial;
}

/* line 2780, app/assets/stylesheets/screen.css.scss */
.modal__container {
  background-color: #fff;
  padding: 10px;
  border-radius: 4px;
  width: 70%;
  box-sizing: border-box;
  max-height: 80%;
  overflow-y: auto;
}

/* line 2790, app/assets/stylesheets/screen.css.scss */
.modal__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* line 2796, app/assets/stylesheets/screen.css.scss */
.modal__title {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.25;
  color: #00449e;
  box-sizing: border-box;
}

/* line 2806, app/assets/stylesheets/screen.css.scss */
.modal__close {
  background: transparent;
  border: 0;
}

/* line 2811, app/assets/stylesheets/screen.css.scss */
.modal__header .modal__close:before {
  content: "\2715";
}

/* line 2813, app/assets/stylesheets/screen.css.scss */
.modal__content {
  margin-top: 2rem;
  margin-bottom: 2rem;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.8);
}

/* line 2820, app/assets/stylesheets/screen.css.scss */
.modal__btn {
  font-size: .875rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: .5rem;
  padding-bottom: .5rem;
  background-color: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  border-radius: .25rem;
  border-style: none;
  border-width: 0;
  cursor: pointer;
  -webkit-appearance: button;
  text-transform: none;
  overflow: visible;
  line-height: 1.15;
  margin: 0;
  will-change: transform;
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  transition: -webkit-transform .25s ease-out;
  transition: transform .25s ease-out;
  transition: transform .25s ease-out,-webkit-transform .25s ease-out;
}

/* line 2848, app/assets/stylesheets/screen.css.scss */
.modal__btn-primary {
  background-color: #00449e;
  color: #fff;
}

/* line 2854, app/assets/stylesheets/screen.css.scss */
tr.no-border-top td {
  border-top: none;
}

/* line 2859, app/assets/stylesheets/screen.css.scss */
input[readonly] {
  background-color: #ebebeb;
}

/* line 2863, app/assets/stylesheets/screen.css.scss */
h1.tm-heading {
  margin: none;
  padding: none;
  font-size: 16px;
  color: #645574;
}

/* line 2870, app/assets/stylesheets/screen.css.scss */
.form-help-text {
  font-size: 12px;
}

/* line 2874, app/assets/stylesheets/screen.css.scss */
#assistant-name {
  flex-basis: 20%;
}

/* line 2878, app/assets/stylesheets/screen.css.scss */
#div-for-margin-rt {
  height: 10px;
  width: 100%;
}

/* line 2883, app/assets/stylesheets/screen.css.scss */
.user_menu_buttons {
  display: relative;
}

/* line 2888, app/assets/stylesheets/screen.css.scss */
#qualifications-index-table .name,
#qualifications-index-table .name-header {
  flex-basis: 14%;
}

/* line 2893, app/assets/stylesheets/screen.css.scss */
#qualifications-index-table .level,
#qualifications-index-table .level-header {
  flex-basis: 12%;
}

/* line 2898, app/assets/stylesheets/screen.css.scss */
#qualifications-index-table .number,
#qualifications-index-table .number-header {
  flex-basis: 19%;
}

/* line 2903, app/assets/stylesheets/screen.css.scss */
#qualifications-index-table .method,
#qualifications-index-table .method-header {
  flex-basis: 15%;
}

/* line 2908, app/assets/stylesheets/screen.css.scss */
#qualifications-index-table .cal-due,
#qualifications-index-table .cal-due-header {
  flex-basis: 15%;
}

/* line 2913, app/assets/stylesheets/screen.css.scss */
#qualifications-index-table .actions,
#qualifications-index-table .actions-header {
  flex-basis: 15%;
}

/* line 2918, app/assets/stylesheets/screen.css.scss */
#qualifications-index-table .document,
#qualifications-index-table .document-header {
  flex-basis: 5%;
}

/* line 2923, app/assets/stylesheets/screen.css.scss */
#qualifications-index-table .approved,
#qualifications-index-table .approved-header {
  flex-basis: 5%;
}

/* line 2929, app/assets/stylesheets/screen.css.scss */
#asme-additional-section:focus {
  background-color: pink;
}

/* line 2934, app/assets/stylesheets/screen.css.scss */
#sites-index-container .name {
  width: 15%;
}

/* line 2938, app/assets/stylesheets/screen.css.scss */
#sites-index-container .reports {
  width: 10%;
}

/* line 2942, app/assets/stylesheets/screen.css.scss */
#sites-index-container .code {
  width: 10%;
}

/* line 2946, app/assets/stylesheets/screen.css.scss */
#sites-index-container .address {
  width: 20%;
}

/* line 2950, app/assets/stylesheets/screen.css.scss */
#sites-index-container .added {
  width: 30%;
}

/* line 2954, app/assets/stylesheets/screen.css.scss */
#sites-index-container .actions {
  width: 10%;
}

/* line 2961, app/assets/stylesheets/screen.css.scss */
#items-calibrated-list #name,
#items-calibrated-list #name-header,
#items-calibrated-list-header #name,
#items-calibrated-list-header #name-header {
  flex-basis: 13%;
}

/* line 2966, app/assets/stylesheets/screen.css.scss */
#items-calibrated-list #brand,
#items-calibrated-list #brand-header,
#items-calibrated-list-header #brand,
#items-calibrated-list-header #brand-header {
  flex-basis: 13%;
}

/* line 2971, app/assets/stylesheets/screen.css.scss */
#items-calibrated-list #model,
#items-calibrated-list #model-header,
#items-calibrated-list-header #model,
#items-calibrated-list-header #model-header {
  flex-basis: 13%;
}

/* line 2976, app/assets/stylesheets/screen.css.scss */
#items-calibrated-list #serial,
#items-calibrated-list #serial-header,
#items-calibrated-list-header #serial,
#items-calibrated-list-header #serial-header {
  flex-basis: 13%;
}

/* line 2981, app/assets/stylesheets/screen.css.scss */
#items-calibrated-list #cal-due,
#items-calibrated-list #cal-due-header,
#items-calibrated-list-header #cal-due,
#items-calibrated-list-header #cal-due-header {
  flex-basis: 13%;
}

/* line 2986, app/assets/stylesheets/screen.css.scss */
#items-calibrated-list #assigned-to-header,
#items-calibrated-list #assigned-to,
#items-calibrated-list-header #assigned-to-header,
#items-calibrated-list-header #assigned-to {
  flex-basis: 13%;
}

/* line 2991, app/assets/stylesheets/screen.css.scss */
#items-calibrated-list #date-out-header,
#items-calibrated-list #date-out,
#items-calibrated-list-header #date-out-header,
#items-calibrated-list-header #date-out {
  flex-basis: 13%;
}

/* line 2996, app/assets/stylesheets/screen.css.scss */
#items-calibrated-list #status-header,
#items-calibrated-list #status,
#items-calibrated-list-header #status-header,
#items-calibrated-list-header #status {
  flex-basis: 13%;
}

/* line 3001, app/assets/stylesheets/screen.css.scss */
#items-calibrated-list #actions,
#items-calibrated-list #actions-header,
#items-calibrated-list-header #actions,
#items-calibrated-list-header #actions-header {
  flex-basis: 13%;
}

/* line 3009, app/assets/stylesheets/screen.css.scss */
#items-general-list-header #name-header,
#items-general-list-header #name,
#items-general-list #name-header,
#items-general-list #name {
  flex-basis: 8%;
}

/* line 3014, app/assets/stylesheets/screen.css.scss */
#items-general-list-header #model-header,
#items-general-list-header #model,
#items-general-list #model-header,
#items-general-list #model {
  flex-basis: 8%;
}

/* line 3019, app/assets/stylesheets/screen.css.scss */
#items-general-list-header #serial-header,
#items-general-list-header #serial,
#items-general-list #serial-header,
#items-general-list #serial {
  flex-basis: 8%;
}

/* line 3024, app/assets/stylesheets/screen.css.scss */
#items-general-list-header #material-header,
#items-general-list-header #material,
#items-general-list #material-header,
#items-general-list #material {
  flex-basis: 8%;
}

/* line 3029, app/assets/stylesheets/screen.css.scss */
#items-general-list-header #connection-header,
#items-general-list-header #connection,
#items-general-list #connection-header,
#items-general-list #connection {
  flex-basis: 8%;
}

/* line 3034, app/assets/stylesheets/screen.css.scss */
#items-general-list-header #probe-header,
#items-general-list-header #probe,
#items-general-list #probe-header,
#items-general-list #probe {
  flex-basis: 8%;
}

/* line 3039, app/assets/stylesheets/screen.css.scss */
#items-general-list-header #angle-header,
#items-general-list-header #angle,
#items-general-list #angle-header,
#items-general-list #angle {
  flex-basis: 8%;
}

/* line 3044, app/assets/stylesheets/screen.css.scss */
#items-general-list-header #frequency-header,
#items-general-list-header #frequency,
#items-general-list #frequency-header,
#items-general-list #frequency {
  flex-basis: 8%;
}

/* line 3049, app/assets/stylesheets/screen.css.scss */
#items-general-list-header #diameter-header,
#items-general-list-header #diameter,
#items-general-list #diameter-header,
#items-general-list #diameter {
  flex-basis: 8%;
}

/* line 3054, app/assets/stylesheets/screen.css.scss */
#items-general-list-header #assigned-to-header,
#items-general-list-header #assigned-to,
#items-general-list #assigned-to-header,
#items-general-list #assigned-to {
  flex-basis: 8%;
}

/* line 3059, app/assets/stylesheets/screen.css.scss */
#items-general-list-header #date-out-header,
#items-general-list-header #date-out,
#items-general-list #date-out-header,
#items-general-list #date-out {
  flex-basis: 8%;
}

/* line 3064, app/assets/stylesheets/screen.css.scss */
#items-general-list-header #status-header,
#items-general-list-header #status,
#items-general-list #status-header,
#items-general-list #status {
  flex-basis: 8%;
}

/* line 3069, app/assets/stylesheets/screen.css.scss */
#items-general-list-header #actions-header,
#items-general-list-header #actions,
#items-general-list #actions-header,
#items-general-list #actions {
  flex-basis: 8%;
}

/* line 3075, app/assets/stylesheets/screen.css.scss */
.green-icon {
  color: #00af00;
}

/* line 3079, app/assets/stylesheets/screen.css.scss */
.red-icon {
  color: #d30000;
}

/* line 3083, app/assets/stylesheets/screen.css.scss */
.yellow-icon {
  color: #ffca00;
}

/* line 3087, app/assets/stylesheets/screen.css.scss */
#approve-report-dropdown-content {
  padding: 6px;
}

/* line 3090, app/assets/stylesheets/screen.css.scss */
#approve-report-dropdown-content select {
  margin-bottom: 10px;
}

/* line 3095, app/assets/stylesheets/screen.css.scss */
form.button_to {
  display: inline;
}

/* line 3103, app/assets/stylesheets/screen.css.scss */
.action-buttons {
  display: flex;
  margin-left: auto;
}

/* line 3107, app/assets/stylesheets/screen.css.scss */
.action-buttons div {
  margin-right: 6px;
}

/* line 3113, app/assets/stylesheets/screen.css.scss */
#site-assets-table-view #name,
#site-assets-table-view #name-content {
  flex-basis: 20%;
}

/* line 3118, app/assets/stylesheets/screen.css.scss */
#site-assets-table-view #location,
#site-assets-table-view #location-content {
  flex-basis: 19%;
}

/* line 3123, app/assets/stylesheets/screen.css.scss */
#site-assets-table-view #client,
#site-assets-table-view #client-content {
  flex-basis: 20%;
}

/* line 3128, app/assets/stylesheets/screen.css.scss */
#site-assets-table-view #category,
#site-assets-table-view #category-content {
  flex-basis: 22%;
}

/* line 3133, app/assets/stylesheets/screen.css.scss */
#site-assets-table-view #classification,
#site-assets-table-view #classification-content {
  flex-basis: 10%;
}

/* line 3138, app/assets/stylesheets/screen.css.scss */
#site-assets-table-view #actions,
#site-assets-table-view #actions-content {
  flex-basis: 5%;
}

/* line 3145, app/assets/stylesheets/screen.css.scss */
.panel #project-number,
.panel #project-number-content {
  flex-basis: 20%;
}

/* line 3150, app/assets/stylesheets/screen.css.scss */
.panel #project-category,
.panel #project-category-content {
  flex-basis: 20%;
}

/* line 3155, app/assets/stylesheets/screen.css.scss */
.panel #project-asset,
.panel #project-asset-content {
  flex-basis: 20%;
}

/* line 3160, app/assets/stylesheets/screen.css.scss */
.panel #project-client,
.panel #project-client-content {
  flex-basis: 20%;
}

/* line 3166, app/assets/stylesheets/screen.css.scss */
.condition-poor {
  background-color: red;
}

/* line 3170, app/assets/stylesheets/screen.css.scss */
.condition-fair {
  background-color: yellow;
}

/* line 3174, app/assets/stylesheets/screen.css.scss */
.condition-good {
  background-color: green;
}

/* line 3178, app/assets/stylesheets/screen.css.scss */
.condition-no {
  background-color: white;
}

/* line 3183, app/assets/stylesheets/screen.css.scss */
#project-show-packages-index * {
  margin-right: 10px;
}

/* line 3188, app/assets/stylesheets/screen.css.scss */
.pdf-preview-icon:hover {
  cursor: pointer;
}

/* line 3192, app/assets/stylesheets/screen.css.scss */
#trix-form-container {
  height: 700px;
}

/* line 3196, app/assets/stylesheets/screen.css.scss */
.trix-content {
  height: 600px;
  font-family: "Rubik";
  font-size: 0.8em;
  font-weight: 300;
}

/* line 3203, app/assets/stylesheets/screen.css.scss */
.inline-form {
  display: inline;
}

/* line 3212, app/assets/stylesheets/screen.css.scss */
.actions-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* line 3218, app/assets/stylesheets/screen.css.scss */
.actions-container-alt {
  display: flex;
  flex-direction: row;
}

/* line 3223, app/assets/stylesheets/screen.css.scss */
.alt-form {
  background: white none repeat scroll 0% 0%;
  border-radius: 4px;
  border: 1px solid #c6becf;
  box-shadow: rgba(37, 11, 54, 0.04) 0px 2px 0px;
}

/* line 3230, app/assets/stylesheets/screen.css.scss */
.stats-container {
  display: flex;
  flex-direction: column;
  justify-items: center;
  align-items: center;
  padding: 15px;
  font-size: 12px;
}

/* line 3238, app/assets/stylesheets/screen.css.scss */
.stats-container div {
  display: flex;
  flex-direction: column;
  justify-items: center;
  align-items: center;
}

/* line 3245, app/assets/stylesheets/screen.css.scss */
.stats-container .stat-number {
  font-size: 30px;
  color: #1429e5;
}

/* line 3251, app/assets/stylesheets/screen.css.scss */
.stats-panel-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 2fr;
}

/* line 3258, app/assets/stylesheets/screen.css.scss */
#reference-blocks-index .name,
#reference-blocks-index .name-content {
  width: 18%;
}

/* line 3263, app/assets/stylesheets/screen.css.scss */
#reference-blocks-index .serial,
#reference-blocks-index .serial-content {
  width: 14%;
}

/* line 3268, app/assets/stylesheets/screen.css.scss */
#reference-blocks-index .part,
#reference-blocks-index .part-content {
  width: 14%;
}

/* line 3273, app/assets/stylesheets/screen.css.scss */
#reference-blocks-index .thickness,
#reference-blocks-index .thickness-content {
  width: 14%;
}

/* line 3278, app/assets/stylesheets/screen.css.scss */
#reference-blocks-index .material,
#reference-blocks-index .material-content {
  width: 14%;
}

/* line 3283, app/assets/stylesheets/screen.css.scss */
#reference-blocks-index .updated,
#reference-blocks-index .updated-content {
  width: 14%;
}

/* line 3288, app/assets/stylesheets/screen.css.scss */
#reference-blocks-index .actions,
#reference-blocks-index .actions-content {
  width: 10%;
}

/* line 3295, app/assets/stylesheets/screen.css.scss */
#base-materials-index .name,
#base-materials-index .name-content {
  width: 30%;
}

/* line 3300, app/assets/stylesheets/screen.css.scss */
#base-materials-index .updated,
#base-materials-index .updated-content {
  width: 30%;
}

/* line 3305, app/assets/stylesheets/screen.css.scss */
#base-materials-index .actions,
#base-materials-index .actions-content {
  width: 30%;
}

/* line 3312, app/assets/stylesheets/screen.css.scss */
#ultrasonic-systems-index .name,
#ultrasonic-systems-index .name-content {
  width: 18%;
}

/* line 3317, app/assets/stylesheets/screen.css.scss */
#ultrasonic-systems-index .actions,
#ultrasonic-systems-index .actions-content {
  width: 10%;
}

/* line 3324, app/assets/stylesheets/screen.css.scss */
#ultrasonic-techniques-index .name,
#ultrasonic-techniques-index .name-content {
  width: 18%;
}

/* line 3329, app/assets/stylesheets/screen.css.scss */
#ultrasonic-techniques-index .actions,
#ultrasonic-techniques-index .actions-content {
  width: 10%;
}

/* line 3337, app/assets/stylesheets/screen.css.scss */
#acceptance-index .name,
#acceptance-index .name-content,
#process-specs-index .name,
#process-specs-index .name-content {
  flex-basis: 50%;
}

/* line 3342, app/assets/stylesheets/screen.css.scss */
#acceptance-index .method,
#acceptance-index .method-content,
#process-specs-index .method,
#process-specs-index .method-content {
  flex-basis: 16%;
}

/* line 3347, app/assets/stylesheets/screen.css.scss */
#acceptance-index .updated,
#acceptance-index .updated-content,
#process-specs-index .updated,
#process-specs-index .updated-content {
  flex-basis: 16%;
}

/* line 3352, app/assets/stylesheets/screen.css.scss */
#acceptance-index .actions,
#acceptance-index .actions-content,
#process-specs-index .actions,
#process-specs-index .actions-content {
  flex-basis: 16%;
}

/* line 3359, app/assets/stylesheets/screen.css.scss */
#acceptance-grade-index .name,
#acceptance-grade-index .name-content {
  flex-basis: 25%;
}

/* line 3364, app/assets/stylesheets/screen.css.scss */
#acceptance-grade-index .acceptance,
#acceptance-grade-index .acceptance-content {
  flex-basis: 25%;
}

/* line 3368, app/assets/stylesheets/screen.css.scss */
#acceptance-grade-index .method,
#acceptance-grade-index .method-content {
  flex-basis: 25%;
}

/* line 3373, app/assets/stylesheets/screen.css.scss */
#acceptance-grade-index .updated,
#acceptance-grade-index .updated-content {
  flex-basis: 25%;
}

/* line 3378, app/assets/stylesheets/screen.css.scss */
#acceptance-grade-index .actions,
#acceptance-grade-index .actions-content {
  flex-basis: 25%;
}

/* line 3385, app/assets/stylesheets/screen.css.scss */
#ir-system-index .system,
#ir-system-index .system-content {
  flex-basis: 20%;
}

/* line 3390, app/assets/stylesheets/screen.css.scss */
#ir-system-index .software,
#ir-system-index .software-content {
  flex-basis: 25%;
}

/* line 3395, app/assets/stylesheets/screen.css.scss */
#ir-system-index .version,
#ir-system-index .version-content {
  flex-basis: 25%;
}

/* line 3400, app/assets/stylesheets/screen.css.scss */
#ir-system-index .camera,
#ir-system-index .camera-content {
  flex-basis: 25%;
}

/* line 3405, app/assets/stylesheets/screen.css.scss */
#ir-system-index .actions,
#ir-system-index .actions-content {
  flex-basis: 25%;
}

/* line 3412, app/assets/stylesheets/screen.css.scss */
#ir-technique-index .name,
#ir-technique-index .name-content {
  flex-basis: 16.6%;
}

/* line 3417, app/assets/stylesheets/screen.css.scss */
#ir-technique-index .frame,
#ir-technique-index .frame-content {
  flex-basis: 16.6%;
}

/* line 3422, app/assets/stylesheets/screen.css.scss */
#ir-technique-index .integration,
#ir-technique-index .integration-content {
  flex-basis: 16.6%;
}

/* line 3427, app/assets/stylesheets/screen.css.scss */
#ir-technique-index .flash,
#ir-technique-index .flash-content {
  flex-basis: 16.6%;
}

/* line 3432, app/assets/stylesheets/screen.css.scss */
#ir-technique-index .working,
#ir-technique-index .working-content {
  flex-basis: 16.6%;
}

/* line 3437, app/assets/stylesheets/screen.css.scss */
#ir-technique-index .actions,
#ir-technique-index .actions-content {
  flex-basis: 16.6%;
}

/* line 3443, app/assets/stylesheets/screen.css.scss */
#signature_pad {
  border: 1px solid black;
}

/* line 3447, app/assets/stylesheets/screen.css.scss */
#report-show-container {
  display: grid;
  grid-template-rows: 40px 1fr;
  grid-template-columns: max-content 1fr;
  gap: 10px;
}

/* line 3453, app/assets/stylesheets/screen.css.scss */
#report-show-container ul {
  margin: 0;
  padding-left: 20px;
  line-height: 1.3em;
}

/* line 3459, app/assets/stylesheets/screen.css.scss */
#report-show-container .annex-images-display {
  grid-row: 3;
  grid-column: 1 / -1;
}

/* line 3465, app/assets/stylesheets/screen.css.scss */
#report-menu {
  grid-row-start: 1;
  grid-row-end: 2;
}

/* line 3470, app/assets/stylesheets/screen.css.scss */
#report-iframe {
  grid-row-start: 2;
  grid-row-end: 3;
  width: 1030px;
  height: 1370px;
}

/* line 3477, app/assets/stylesheets/screen.css.scss */
#side-events {
  grid-row-start: 2;
  grid-row-end: 3;
  grid-column-start: 2;
  grid-column-end: 3;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* line 3486, app/assets/stylesheets/screen.css.scss */
#side-events #events-list {
  margin: 0;
  padding-left: 20px;
  line-height: 1.3em;
  background: white none repeat scroll 0% 0%;
  border-radius: 4px;
  border: 1px solid #c6becf;
  box-shadow: rgba(37, 11, 54, 0.04) 0px 2px 0px;
  padding: 10px;
  font-size: 12px;
}

/* line 3499, app/assets/stylesheets/screen.css.scss */
#approvers-dropdown {
  padding: 6px;
}

/* line 3502, app/assets/stylesheets/screen.css.scss */
#approvers-dropdown select[multiple] {
  margin: 0 auto;
  display: block;
  width: 300px;
  height: 400px;
}

/* line 3510, app/assets/stylesheets/screen.css.scss */
#submit-container {
  display: flex;
  justify-content: left;
  align-items: center;
  margin-top: 20px;
  gap: 20px;
}

/* line 3518, app/assets/stylesheets/screen.css.scss */
.tabs-container {
  margin-bottom: 20px;
  /* Tab container styling */
  /* Tab links */
  /* Active tab */
  /* Tab content */
}

/* line 3521, app/assets/stylesheets/screen.css.scss */
.tabs-container ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
}

/* line 3529, app/assets/stylesheets/screen.css.scss */
.tabs-container ul li a {
  font-size: 12px;
  display: block;
  padding: 10px 20px;
  text-decoration: none;
  color: #333;
  border: 1px solid #ccc;
  border-bottom: none;
  background-color: #f1f1f1;
  margin-right: 5px;
  border-radius: 5px 5px 0 0;
}

/* line 3543, app/assets/stylesheets/screen.css.scss */
.tabs-container ul li a.active, .tabs-container ul li a:hover {
  background-color: #fff;
  color: #000;
}

/* line 3549, app/assets/stylesheets/screen.css.scss */
.tabs-container .tab-content {
  padding: 20px;
  border: 1px solid #ccc;
  background-color: #fff;
  border-radius: 0 5px 5px 5px;
}

/* line 3557, app/assets/stylesheets/screen.css.scss */
.floor-field-set {
  border: 1px solid black;
  border-radius: 4px;
  padding: 10px 4px 10px 4px;
  margin-bottom: 6px;
}

/* line 3564, app/assets/stylesheets/screen.css.scss */
.pagination {
  font-size: 14px;
  margin: 18px 6px;
  height: auto;
  line-height: 16px;
  font-family: "Rubik";
}

/* line 3571, app/assets/stylesheets/screen.css.scss */
.pagination a {
  float: none;
  padding: 3px 6px;
  margin: 1px 2px 1px 4px;
  color: #414141 !important;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
  text-decoration: none;
  transition: background-color 0.3s, color 0.3s;
}

/* line 3583, app/assets/stylesheets/screen.css.scss */
.pagination a:hover {
  background-color: #ddd;
}

/* line 3587, app/assets/stylesheets/screen.css.scss */
.pagination .disabled {
  opacity: 0.4;
  pointer-events: none;
}

/* line 3592, app/assets/stylesheets/screen.css.scss */
.pagination .current {
  color: white;
  background-color: #bbbbbb;
  border: 1px solid #303030;
}

/* line 3599, app/assets/stylesheets/screen.css.scss */
.pagination .active a {
  background-color: #ddd;
}

/* line 3605, app/assets/stylesheets/screen.css.scss */
.panel-form {
  display: flex;
  flex-direction: row;
  gap: 6px;
  justify-content: flex-start;
  align-items: center;
}

/* line 3612, app/assets/stylesheets/screen.css.scss */
.panel-form input[type="text"] {
  height: 23px;
}

/* line 3618, app/assets/stylesheets/screen.css.scss */
#users-index .user-name,
#users-index .user-name-content {
  flex-basis: 25%;
}

/* line 3623, app/assets/stylesheets/screen.css.scss */
#users-index .user-email-content,
#users-index .user-email {
  flex-basis: 25%;
}

/* line 3628, app/assets/stylesheets/screen.css.scss */
#users-index .user-site-content,
#users-index .user-site {
  flex-basis: 20%;
}

/* line 3633, app/assets/stylesheets/screen.css.scss */
#users-index .user-added,
#users-index .user-added-content {
  flex-basis: 20%;
}

/* line 3638, app/assets/stylesheets/screen.css.scss */
#users-index .action-row-buttons,
#users-index .action-row-buttons-content {
  flex-basis: 10%;
}

/* line 3642, app/assets/stylesheets/screen.css.scss */
#users-index .action-row-buttons:hover,
#users-index .action-row-buttons-content:hover {
  cursor: pointer;
}

/* line 3649, app/assets/stylesheets/screen.css.scss */
#qualifications-all-table .name,
#qualifications-all-table .name-header {
  flex-basis: 18%;
}

/* line 3654, app/assets/stylesheets/screen.css.scss */
#qualifications-all-table .level,
#qualifications-all-table .level-header {
  flex-basis: 10%;
}

/* line 3659, app/assets/stylesheets/screen.css.scss */
#qualifications-all-table .number,
#qualifications-all-table .number-header {
  flex-basis: 10%;
}

/* line 3664, app/assets/stylesheets/screen.css.scss */
#qualifications-all-table .method,
#qualifications-all-table .method-header {
  flex-basis: 10%;
}

/* line 3669, app/assets/stylesheets/screen.css.scss */
#qualifications-all-table .approver,
#qualifications-all-table .approver-header {
  flex-basis: 15%;
}

/* line 3674, app/assets/stylesheets/screen.css.scss */
#qualifications-all-table .cal-due,
#qualifications-all-table .cal-due-header {
  flex-basis: 10%;
}

/* line 3679, app/assets/stylesheets/screen.css.scss */
#qualifications-all-table .document,
#qualifications-all-table .document-header {
  flex-basis: 6%;
}

/* line 3684, app/assets/stylesheets/screen.css.scss */
#qualifications-all-table .approved,
#qualifications-all-table .approved-header {
  flex-basis: 6%;
}

/* line 3689, app/assets/stylesheets/screen.css.scss */
#qualifications-all-table .actions,
#qualifications-all-table .actions-header {
  flex-basis: 15%;
}

/* line 3695, app/assets/stylesheets/screen.css.scss */
.loading-spinner {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 10;
}

/* line 3706, app/assets/stylesheets/screen.css.scss */
.loading-spinner i {
  margin-bottom: 10px;
  color: #0066cc;
}

/* line 3711, app/assets/stylesheets/screen.css.scss */
#success-notice {
  background-color: #e3fbe4;
  color: #0ca20c;
  padding: 6px;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  max-width: 500px;
  z-index: 1000;
  transition: opacity 0.3s;
  border: 1px solid #0ca20c;
  font-size: 13px;
  letter-spacing: -0.003em;
  line-height: 18px;
}

/* line 3726, app/assets/stylesheets/screen.css.scss */
.user-tooltip {
  padding: 5px;
  min-width: 200px;
}

/* line 3731, app/assets/stylesheets/screen.css.scss */
.user-tooltip-name {
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 5px;
}

/* line 3737, app/assets/stylesheets/screen.css.scss */
.user-tooltip-email {
  color: #666;
  font-size: 12px;
  margin-bottom: 8px;
}

/* line 3743, app/assets/stylesheets/screen.css.scss */
.user-tooltip-qualifications {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 5px;
}

/* line 3750, app/assets/stylesheets/screen.css.scss */
.qualification-badge {
  background-color: #f0f0f0;
  border-radius: 12px;
  padding: 2px 8px;
  font-size: 10px;
  color: #444;
}

/* line 3758, app/assets/stylesheets/screen.css.scss */
.form-header-text-input-qualifications,
.form-header-text-input {
  width: 300px;
  min-width: 20ch;
  max-width: 100%;
  border: 1px solid #ccc;
  border-radius: 5px;
}

/* line 3768, app/assets/stylesheets/screen.css.scss */
.rs-input {
  height: 32px;
}

/* line 3773, app/assets/stylesheets/screen.css.scss */
.sub-nav.user_menu_buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

/* line 3781, app/assets/stylesheets/screen.css.scss */
.comments-form-container h4 {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 16px;
  color: #333;
}

/* line 3788, app/assets/stylesheets/screen.css.scss */
.comment-textarea {
  width: 90%;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 4px;
  resize: vertical;
  font-family: inherit;
}

/* User Avatar Styles */
/* line 3798, app/assets/stylesheets/screen.css.scss */
.user-avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #0078e7;
  color: white;
  font-weight: bold;
  overflow: hidden;
}

/* line 3808, app/assets/stylesheets/screen.css.scss */
.user-avatar.large {
  width: 30px;
  height: 30px;
  margin-right: 8px;
}

/* line 3814, app/assets/stylesheets/screen.css.scss */
.user-avatar.small {
  width: 22px;
  height: 22px;
  margin-right: 8px;
}

/* line 3820, app/assets/stylesheets/screen.css.scss */
.user-avatar .avatar-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

/* line 3828, app/assets/stylesheets/screen.css.scss */
.avatar-initials {
  font-size: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

/* line 3837, app/assets/stylesheets/screen.css.scss */
#comments-section {
  margin: 0;
  padding-left: 20px;
  line-height: 1.3em;
  background: white none repeat scroll 0% 0%;
  border-radius: 4px;
  border: 1px solid #c6becf;
  box-shadow: rgba(37, 11, 54, 0.04) 0px 2px 0px;
  padding: 10px;
  font-size: 12px;
  margin-top: 10px;
}

/* line 3851, app/assets/stylesheets/screen.css.scss */
#comments-list h4, #no-comments h4 {
  margin-bottom: 15px;
  font-size: 14px;
  color: #333;
  border-bottom: 1px solid #dee2e6;
  padding-bottom: 5px;
  display: flex;
  align-items: center;
}

/* line 3863, app/assets/stylesheets/screen.css.scss */
#no-comments p {
  margin: 10px 0;
  font-style: italic;
  color: #6c757d;
  font-size: 12px;
}

/* line 3872, app/assets/stylesheets/screen.css.scss */
.version-badge {
  display: flex;
  flex-direction: column;
  justify-items: left;
  align-items: left;
  gap: 8px;
  padding: 8px 12px;
  font-size: 12px;
  font-family: monospace;
  margin-top: 20px;
}

/* line 3883, app/assets/stylesheets/screen.css.scss */
.version-badge:hover {
  background-color: #f9f9f9;
  cursor: help;
}

/* line 3888, app/assets/stylesheets/screen.css.scss */
.version-badge .env-tag {
  padding: 4px 8px;
  border-radius: 4px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 3896, app/assets/stylesheets/screen.css.scss */
.version-badge .env-tag.env-development {
  background: #bef7c0;
  border: 1px solid #156019;
  color: #156019;
}

/* line 3902, app/assets/stylesheets/screen.css.scss */
.version-badge .env-tag.env-staging {
  background: #fff0db;
  border: 1px solid #d3850f;
  color: #d3850f;
}

/* line 3908, app/assets/stylesheets/screen.css.scss */
.version-badge .env-tag.env-production {
  background: #ebbfbc;
  border: 1px solid #f44336;
  color: #f44336;
}

/* line 3914, app/assets/stylesheets/screen.css.scss */
.version-badge .env-tag.env-test {
  background: #2196f3;
  color: white;
}

/* line 3920, app/assets/stylesheets/screen.css.scss */
.version-badge .revision-tag {
  color: #666;
  font-family: 'Courier New', monospace;
  font-size: 11px;
}

/* line 3926, app/assets/stylesheets/screen.css.scss */
.version-badge .deploy-time {
  color: #888;
  font-size: 10px;
  font-style: italic;
}

@media (max-width: 768px) {
  /* line 3872, app/assets/stylesheets/screen.css.scss */
  .version-badge {
    padding: 6px 10px;
    font-size: 10px;
  }
  /* line 3937, app/assets/stylesheets/screen.css.scss */
  .version-badge .revision-tag,
.version-badge .deploy-time {
    display: none;
  }
}

/* line 3945, app/assets/stylesheets/screen.css.scss */
#comments-list .comment-item {
  background: #f8f9fa;
  border: 1px solid #e9ecef;
  padding: 10px;
  margin-bottom: 10px;
  border-radius: 4px;
  font-size: 12px;
}

/* line 3953, app/assets/stylesheets/screen.css.scss */
#comments-list .comment-item .comment-header {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  font-size: 12px;
}

/* line 3959, app/assets/stylesheets/screen.css.scss */
#comments-list .comment-item .comment-header strong {
  color: #333;
  margin-right: 10px;
  font-weight: 600;
}

/* line 3965, app/assets/stylesheets/screen.css.scss */
#comments-list .comment-item .comment-header .comment-date {
  color: #6c757d;
  font-size: 11px;
  margin-right: 10px;
  display: flex;
  align-items: center;
}

/* line 3973, app/assets/stylesheets/screen.css.scss */
#comments-list .comment-item .comment-header .email-status {
  margin-left: auto;
}

/* line 3976, app/assets/stylesheets/screen.css.scss */
#comments-list .comment-item .comment-header .email-status i {
  font-size: 14px;
  cursor: help;
}

/* line 3983, app/assets/stylesheets/screen.css.scss */
#comments-list .comment-item .comment-content {
  color: #333;
  line-height: 1.4em;
  font-size: 14px;
  margin-bottom: 6px;
}

/* line 3989, app/assets/stylesheets/screen.css.scss */
#comments-list .comment-item .comment-content p {
  margin-bottom: 6px;
}

/* line 3992, app/assets/stylesheets/screen.css.scss */
#comments-list .comment-item .comment-content p:last-child {
  margin-bottom: 0;
}

/* line 3998, app/assets/stylesheets/screen.css.scss */
#comments-list .comment-item .comment-meta {
  border-top: 1px solid #e9ecef;
  padding-top: 6px;
}

/* line 4002, app/assets/stylesheets/screen.css.scss */
#comments-list .comment-item .comment-meta .text-muted {
  color: #6c757d;
  font-size: 11px;
}

/* line 4010, app/assets/stylesheets/screen.css.scss */
.read-only-field {
  color: #302839;
  padding: 10px 14px;
  background: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: 4px;
  font-size: 14px;
  margin-bottom: 4px;
}

/* line 4019, app/assets/stylesheets/screen.css.scss */
.read-only-field i {
  margin-right: 6px;
  color: #6c757d;
}

/* line 4025, app/assets/stylesheets/screen.css.scss */
#comment-icon {
  margin-left: 12px;
}

/* line 4031, app/assets/stylesheets/screen.css.scss */
#account-info-section {
  margin-bottom: 20px;
  padding: 0 0 16px 0;
}

/* line 4036, app/assets/stylesheets/screen.css.scss */
#account-info-section #account-title {
  padding-bottom: 12px;
  margin-bottom: 16px;
  border-bottom: 1px solid #e7e1ec;
}

/* line 4041, app/assets/stylesheets/screen.css.scss */
#account-info-section #account-title h3 {
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  color: #645574;
  margin: 0;
}

/* line 4050, app/assets/stylesheets/screen.css.scss */
#account-info-section #account-stats {
  display: flex;
  flex-direction: row;
  gap: 20px;
  flex-wrap: wrap;
}

/* line 4057, app/assets/stylesheets/screen.css.scss */
#account-info-section #account-stats .account-stat h6 {
  font-size: 11px;
  font-weight: 400;
  color: #645574;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 0 0 6px 0;
}

/* line 4066, app/assets/stylesheets/screen.css.scss */
#account-info-section #account-stats .account-stat .stat-value {
  font-size: 14px;
  color: #302839;
  font-weight: 400;
}

/* line 4071, app/assets/stylesheets/screen.css.scss */
#account-info-section #account-stats .account-stat .stat-value .role-badge {
  display: inline-block;
  padding: 0.25em 0.5em;
  margin-right: 6px;
  background-color: #0d6efd;
  color: white;
  border-radius: 3px;
  font-size: 0.75em;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 4083, app/assets/stylesheets/screen.css.scss */
#account-info-section #account-stats .account-stat .stat-value .role-badge.role-success {
  background-color: #198754;
}

@media (max-width: 768px) {
  /* line 4092, app/assets/stylesheets/screen.css.scss */
  #account-info-section #account-stats {
    flex-direction: column;
    gap: 12px;
  }
  /* line 4097, app/assets/stylesheets/screen.css.scss */
  #account-info-section #account-stats .account-stat .ml80 {
    margin-left: 0;
  }
}

/* line 4107, app/assets/stylesheets/screen.css.scss */
.calibration-image-preview {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 8px;
}

/* line 4114, app/assets/stylesheets/screen.css.scss */
.calibration-image-thumbnail {
  max-width: 100px;
  max-height: 100px;
  cursor: pointer;
  border: 1px solid #ccc;
  border-radius: 4px;
}

/* line 4124, app/assets/stylesheets/screen.css.scss */
.month-picker-wrapper {
  display: inline;
  position: relative;
  vertical-align: top;
}

/* line 4130, app/assets/stylesheets/screen.css.scss */
.month-picker-placeholder {
  position: absolute;
  left: 4px;
  top: 50%;
  transform: translateY(-50%);
  color: #555;
  font-size: inherit;
  pointer-events: none;
  background: #fff;
  padding-right: 20px;
  text-transform: none;
  z-index: 1;
}

/* line 4144, app/assets/stylesheets/screen.css.scss */
.month-picker-filter {
  height: 28px;
  border: 1px solid #aaa;
  padding: 4px;
  color: transparent;
  font-size: inherit;
  border-radius: 0;
  background-color: #fff;
  cursor: pointer;
  min-width: 120px;
  box-sizing: border-box;
}

/* line 4156, app/assets/stylesheets/screen.css.scss */
.month-picker-filter::-webkit-datetime-edit {
  color: transparent;
}

/* line 4160, app/assets/stylesheets/screen.css.scss */
.month-picker-filter::-webkit-calendar-picker-indicator {
  cursor: pointer;
  opacity: 0.6;
}

/* line 4164, app/assets/stylesheets/screen.css.scss */
.month-picker-filter::-webkit-calendar-picker-indicator:hover {
  opacity: 1;
}

/* line 4169, app/assets/stylesheets/screen.css.scss */
.month-picker-filter:focus {
  outline: none;
  border-color: #129fea;
}

/* line 4176, app/assets/stylesheets/screen.css.scss */
.month-picker-wrapper.has-value .month-picker-filter {
  color: #555;
}

/* line 4179, app/assets/stylesheets/screen.css.scss */
.month-picker-wrapper.has-value .month-picker-filter::-webkit-datetime-edit {
  color: #555;
}
/**
 * tingle.js - A simple modal plugin written in pure JavaScript
 * @version v0.16.0
 * @link https://github.com/robinparisi/tingle#readme
 * @license MIT
 */
 
 .tingle-modal * {
  box-sizing: border-box;
}

.tingle-modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  display: flex;
  visibility: hidden;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  background: rgba(0, 0, 0, .9);
  opacity: 0;
  cursor: url("data:image/svg+xml,%3Csvg width='19' height='19' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.514.535l-6.42 6.42L2.677.536a1.517 1.517 0 00-2.14 0 1.517 1.517 0 000 2.14l6.42 6.419-6.42 6.419a1.517 1.517 0 000 2.14 1.517 1.517 0 002.14 0l6.419-6.42 6.419 6.42a1.517 1.517 0 002.14 0 1.517 1.517 0 000-2.14l-6.42-6.42 6.42-6.418a1.517 1.517 0 000-2.14 1.516 1.516 0 00-2.14 0z' fill='%23FFF' fill-rule='nonzero'/%3E%3C/svg%3E"), auto;
}

@supports ((-webkit-backdrop-filter: blur(12px)) or (backdrop-filter: blur(12px))) {
  .tingle-modal {
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
  }
}

/* confirm and alerts
-------------------------------------------------------------- */

.tingle-modal--confirm .tingle-modal-box {
  text-align: center;
}

/* modal
-------------------------------------------------------------- */

.tingle-modal--noOverlayClose {
  cursor: default;
}

.tingle-modal--noClose .tingle-modal__close {
  display: none;
}

.tingle-modal__close {
  position: fixed;
  top: 2.5rem;
  right: 2.5rem;
  z-index: 1000;
  padding: 0;
  width: 2rem;
  height: 2rem;
  border: none;
  background-color: transparent;
  color: #fff;
  cursor: pointer;
}

.tingle-modal__close svg * {
  fill: currentColor;
}

.tingle-modal__closeLabel {
  display: none;
}

.tingle-modal__close:hover {
  color: #fff;
}

.tingle-modal-box {
  position: relative;
  flex-shrink: 0;
  margin-top: auto;
  margin-bottom: auto;
  width: 60%;
  border-radius: 4px;
  background: #fff;
  opacity: 1;
  cursor: auto;
  will-change: transform, opacity;
}

.tingle-modal-box__content {
  padding: 3rem 3rem;
}

.tingle-modal-box__footer {
  padding: 1.5rem 2rem;
  width: auto;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #f5f5f5;
  cursor: auto;
}

.tingle-modal-box__footer::after {
  display: table;
  clear: both;
  content: "";
}

.tingle-modal-box__footer--sticky {
  position: fixed;
  bottom: -200px; /* TODO : find a better way */
  z-index: 10001;
  opacity: 1;
  transition: bottom .3s ease-in-out .3s;
}

/* state
-------------------------------------------------------------- */

.tingle-enabled {
  position: fixed;
  right: 0;
  left: 0;
  overflow: hidden;
}

.tingle-modal--visible .tingle-modal-box__footer {
  bottom: 0;
}

.tingle-modal--visible {
  visibility: visible;
  opacity: 1;
}

.tingle-modal--visible .tingle-modal-box {
  animation: scale .2s cubic-bezier(.68, -.55, .265, 1.55) forwards;
}

.tingle-modal--overflow {
  overflow-y: scroll;
  padding-top: 8vh;
}

/* btn
-------------------------------------------------------------- */

.tingle-btn {
  display: inline-block;
  margin: 0 .5rem;
  padding: 1rem 2rem;
  border: none;
  background-color: grey;
  box-shadow: none;
  color: #fff;
  vertical-align: middle;
  text-decoration: none;
  font-size: inherit;
  font-family: inherit;
  line-height: normal;
  cursor: pointer;
  transition: background-color .4s ease;
}

.tingle-btn--primary {
  background-color: #3498db;
}

.tingle-btn--danger {
  background-color: #e74c3c;
}

.tingle-btn--default {
  background-color: #34495e;
}

.tingle-btn--pull-left {
  float: left;
}

.tingle-btn--pull-right {
  float: right;
}

/* responsive
-------------------------------------------------------------- */

@media (max-width : 540px) {
  .tingle-modal {
    top: 0px;
    display: block;
    padding-top: 60px;
    width: 100%;
  }

  .tingle-modal-box {
    width: auto;
    border-radius: 0;
  }

  .tingle-modal-box__content {
    overflow-y: scroll;
  }

  .tingle-modal--noClose {
    top: 0;
  }

  .tingle-modal--noOverlayClose {
    padding-top: 0;
  }

  .tingle-modal-box__footer .tingle-btn {
    display: block;
    float: none;
    margin-bottom: 1rem;
    width: 100%;
  }

  .tingle-modal__close {
    top: 0;
    right: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 60px;
    border: none;
    background-color: #2c3e50;
    box-shadow: none;
    color: #fff;
  }

  .tingle-modal__closeLabel {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.6rem;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  }

  .tingle-modal__closeIcon {
    display: inline-block;
    margin-right: .8rem;
    width: 1.6rem;
    vertical-align: middle;
    font-size: 0;
  }
}

/* animations
-------------------------------------------------------------- */

@keyframes scale {
  0% {
    opacity: 0;
    transform: scale(.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/* line 9, app/assets/stylesheets/top-nav.css.scss */
#top-nav {
  background-color: white;
  font-family: "Rubik";
  padding: 14px 20px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  border-bottom: 1px solid #0032a0;
}

/* line 19, app/assets/stylesheets/top-nav.css.scss */
#top-nav #branding {
  margin-right: 18px;
  margin-top: 5px;
}

/* line 24, app/assets/stylesheets/top-nav.css.scss */
#top-nav .top-nav-dropdown {
  border-radius: 8px;
}

/* line 28, app/assets/stylesheets/top-nav.css.scss */
#top-nav #new-report-dropdown-content {
  width: 300px;
}

/* line 32, app/assets/stylesheets/top-nav.css.scss */
#top-nav .nav-group {
  display: flex;
  flex-direction: column;
  margin-bottom: 6px;
  padding: 4px;
}

/* line 38, app/assets/stylesheets/top-nav.css.scss */
#top-nav .nav-group .nav-group-items {
  display: flex;
  flex-direction: column;
  line-height: 1.4em;
  margin-left: 6px;
}

/* line 44, app/assets/stylesheets/top-nav.css.scss */
#top-nav .nav-group .nav-group-items a {
  color: #0032a0;
  text-decoration: none;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0px;
  padding: 10px 14px;
}

/* line 53, app/assets/stylesheets/top-nav.css.scss */
#top-nav .nav-group .nav-group-items a:hover {
  background-color: #ececec;
  border-radius: 4px;
  color: #032e8d;
}

/* line 61, app/assets/stylesheets/top-nav.css.scss */
#top-nav .nav-group .nav-group-title {
  cursor: pointer;
}

/* line 67, app/assets/stylesheets/top-nav.css.scss */
.menu,
.sub-menu {
  margin: 0;
  padding: 0;
  overflow: hidden;
}

/* line 76, app/assets/stylesheets/top-nav.css.scss */
.menu-item.has-children, .menu-item.has-children .menu-item {
  position: relative;
}

@media (min-width: 1025px) {
  /* line 81, app/assets/stylesheets/top-nav.css.scss */
  .menu-item:not(:last-child) {
    border-bottom: none;
  }
}

/* line 87, app/assets/stylesheets/top-nav.css.scss */
.menu-item button, .menu-item a {
  font-size: 12px;
  font-family: "Rubik";
  font-weight: 400;
  padding: 10px 14px;
  letter-spacing: 0px;
  line-height: 16px;
  color: #0032a0;
  background-color: white;
}

/* line 97, app/assets/stylesheets/top-nav.css.scss */
.menu-item button:hover, .menu-item a:hover {
  background-color: #ececec;
  border-radius: 4px;
  color: #032e8d;
}

@media (min-width: 769px) {
  /* line 87, app/assets/stylesheets/top-nav.css.scss */
  .menu-item button, .menu-item a {
    font-size: 12px;
  }
}

/* line 108, app/assets/stylesheets/top-nav.css.scss */
.menu-item button {
  border: none;
}

/* line 111, app/assets/stylesheets/top-nav.css.scss */
.menu-item button:focus {
  outline: 0;
}

/* line 116, app/assets/stylesheets/top-nav.css.scss */
.menu-item a {
  text-decoration: none;
  display: block;
}

/* line 121, app/assets/stylesheets/top-nav.css.scss */
.menu-item a.active {
  border-radius: 4px;
  border: 1px solid #0533a0;
}

/* line 127, app/assets/stylesheets/top-nav.css.scss */
.menu-item form {
  margin: 0;
}

/* line 130, app/assets/stylesheets/top-nav.css.scss */
.menu-item form input:focus {
  outline: none;
}

@media (min-width: 1025px) {
  /* line 127, app/assets/stylesheets/top-nav.css.scss */
  .menu-item form {
    padding: 0px;
  }
}

/* line 138, app/assets/stylesheets/top-nav.css.scss */
.menu-item form .search-query-input {
  display: block;
  height: 28px;
  padding: .5em .6em;
  margin: .25em 0;
  border-radius: 4px;
  width: 100%;
}

@media (min-width: 1025px) {
  /* line 138, app/assets/stylesheets/top-nav.css.scss */
  .menu-item form .search-query-input {
    padding: .5em .6em;
    margin: .25em 0;
    width: 400px;
    box-sizing: border-box;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    color: #333;
    border-radius: 4px;
    padding-left: 3px;
  }
}

/* line 161, app/assets/stylesheets/top-nav.css.scss */
.sub-menu {
  background-color: white;
  visibility: hidden;
  opacity: 0;
  height: 0;
  width: 0;
}

@media (min-width: 1025px) {
  /* line 161, app/assets/stylesheets/top-nav.css.scss */
  .sub-menu {
    width: 225px;
    position: absolute;
    z-index: 3000;
  }
}

/* line 174, app/assets/stylesheets/top-nav.css.scss */
.sub-menu sub-menu-item {
  visibility: hidden;
  border-bottom: 1px solid rgba(74, 74, 74, 0.535);
}

@media (min-width: 1025px) {
  /* line 174, app/assets/stylesheets/top-nav.css.scss */
  .sub-menu sub-menu-item {
    border-bottom: none;
  }
}

/* line 182, app/assets/stylesheets/top-nav.css.scss */
.sub-menu sub-menu-item a {
  margin: 4px 0;
  display: block;
  color: #0032a0;
  font-size: 12px;
  text-decoration: none;
  font-family: 'Rubik', sans-serif;
  font-weight: 400;
  line-height: 28px;
}

/* line 192, app/assets/stylesheets/top-nav.css.scss */
.sub-menu sub-menu-item a:hover {
  text-decoration: underline;
}

/* line 199, app/assets/stylesheets/top-nav.css.scss */
#top-nav-search {
  padding: 0.2em;
  margin-left: auto;
}

/* line 203, app/assets/stylesheets/top-nav.css.scss */
#top-nav-search::placeholder {
  color: red;
}

/* line 208, app/assets/stylesheets/top-nav.css.scss */
#client-brand {
  color: #bfc4ca;
}

/* line 212, app/assets/stylesheets/top-nav.css.scss */
.visible {
  visibility: visible !important;
}

/* line 216, app/assets/stylesheets/top-nav.css.scss */
.openSubMenuUser {
  visibility: visible !important;
  opacity: 1;
  height: auto;
  width: auto;
  box-shadow: 2px 5px 6px rgba(149, 157, 165, 0.2);
  border-radius: 4px;
  border: 1px solid #cdcdcd;
}

/* line 225, app/assets/stylesheets/top-nav.css.scss */
.openSubMenuUser a {
  background-color: white;
  color: #0032a0;
}

/* line 229, app/assets/stylesheets/top-nav.css.scss */
.openSubMenuUser a:hover {
  background-color: white;
  text-decoration: underline;
  color: #0032a0;
}

/* line 236, app/assets/stylesheets/top-nav.css.scss */
.openSubMenuUser .menu-item {
  display: block;
}

@media (min-width: 1025px) {
  /* line 216, app/assets/stylesheets/top-nav.css.scss */
  .openSubMenuUser {
    width: 219px;
    left: -300%;
    top: 35px;
  }
}

/* line 247, app/assets/stylesheets/top-nav.css.scss */
.openClientSubMenuUser {
  visibility: visible !important;
  opacity: 1;
  height: auto;
  width: auto;
  box-shadow: 2px 5px 6px rgba(149, 157, 165, 0.2);
  border-radius: 4px;
  border: 1px solid #cdcdcd;
}

/* line 256, app/assets/stylesheets/top-nav.css.scss */
.openClientSubMenuUser a {
  background-color: white;
  color: #0366d6;
}

/* line 260, app/assets/stylesheets/top-nav.css.scss */
.openClientSubMenuUser a:hover {
  background-color: white;
  text-decoration: underline;
  color: #0366d6;
}

/* line 267, app/assets/stylesheets/top-nav.css.scss */
.openClientSubMenuUser .menu-item {
  display: block;
}

@media (min-width: 1025px) {
  /* line 247, app/assets/stylesheets/top-nav.css.scss */
  .openClientSubMenuUser {
    width: 219px;
    left: 6%;
    top: 35px;
  }
}

/* line 278, app/assets/stylesheets/top-nav.css.scss */
.openSubMenuReport {
  visibility: visible !important;
  opacity: 1;
  height: auto;
  width: auto;
  box-shadow: 2px 5px 6px rgba(149, 157, 165, 0.2);
  border-radius: 4px;
  border: 1px solid #cdcdcd;
}

/* line 287, app/assets/stylesheets/top-nav.css.scss */
.openSubMenuReport a {
  background-color: white;
  color: #0032a0;
}

/* line 291, app/assets/stylesheets/top-nav.css.scss */
.openSubMenuReport a:hover {
  background-color: white;
  text-decoration: underline;
  color: #0032a0;
}

@media (min-width: 1025px) {
  /* line 278, app/assets/stylesheets/top-nav.css.scss */
  .openSubMenuReport {
    width: 225px;
    left: 0%;
    top: 37px;
  }
}

/* line 305, app/assets/stylesheets/top-nav.css.scss */
.openSubMenuInventorySite {
  visibility: visible !important;
  opacity: 1;
  height: auto;
  width: auto;
  box-shadow: 2px 5px 6px rgba(149, 157, 165, 0.2);
  border-radius: 4px;
  border: 1px solid #cdcdcd;
  font-size: 13px;
}

/* line 315, app/assets/stylesheets/top-nav.css.scss */
.openSubMenuInventorySite a {
  background-color: white;
  color: #0366d6;
  margin-bottom: 10px;
  text-decoration: none;
}

/* line 321, app/assets/stylesheets/top-nav.css.scss */
.openSubMenuInventorySite a:hover {
  background-color: white;
  text-decoration: underline;
  color: #0366d6;
}

@media (min-width: 1025px) {
  /* line 305, app/assets/stylesheets/top-nav.css.scss */
  .openSubMenuInventorySite {
    width: 138px;
    left: 155px;
    top: 29px;
    padding: 13px;
  }
  /* line 334, app/assets/stylesheets/top-nav.css.scss */
  .openSubMenuInventorySite div {
    margin-bottom: 14px;
  }
}

/* line 340, app/assets/stylesheets/top-nav.css.scss */
.openSubMenuInventoryTech {
  visibility: visible !important;
  opacity: 1;
  height: auto;
  width: auto;
  box-shadow: 2px 5px 6px rgba(149, 157, 165, 0.2);
  border-radius: 4px;
  border: 1px solid #cdcdcd;
  font-size: 13px;
}

/* line 350, app/assets/stylesheets/top-nav.css.scss */
.openSubMenuInventoryTech a {
  background-color: white;
  color: #0366d6;
  margin-bottom: 10px;
  text-decoration: none;
}

/* line 356, app/assets/stylesheets/top-nav.css.scss */
.openSubMenuInventoryTech a:hover {
  background-color: white;
  text-decoration: underline;
  color: #0366d6;
}

@media (min-width: 1025px) {
  /* line 340, app/assets/stylesheets/top-nav.css.scss */
  .openSubMenuInventoryTech {
    width: 138px;
    left: 155px;
    top: 29px;
    padding: 13px;
  }
  /* line 369, app/assets/stylesheets/top-nav.css.scss */
  .openSubMenuInventoryTech div {
    margin-bottom: 14px;
  }
}

@media (min-width: 1025px) {
  /* line 376, app/assets/stylesheets/top-nav.css.scss */
  .menu {
    display: flex;
    flex-flow: row wrap;
  }
  /* line 382, app/assets/stylesheets/top-nav.css.scss */
  #sync-button-link i.active {
    animation: rotation 2s infinite linear;
  }
  /* line 387, app/assets/stylesheets/top-nav.css.scss */
  .disabled {
    opacity: 0.2;
  }
  /* line 391, app/assets/stylesheets/top-nav.css.scss */
  ::placeholder {
    color: #adadad;
    font-size: 12px;
    letter-spacing: -0.009em;
    line-height: 12px;
  }
  /* line 399, app/assets/stylesheets/top-nav.css.scss */
  #q::placeholder {
    color: #bcbcbc;
    font-size: 12px;
    letter-spacing: -0.009em;
    line-height: 10px;
  }
  /* line 407, app/assets/stylesheets/top-nav.css.scss */
  .authentication-forms > ::placeholder {
    color: #adadad;
    font-size: 12px;
    letter-spacing: -0.009em;
    line-height: 12px;
  }
}

/* line 415, app/assets/stylesheets/top-nav.css.scss */
.avatar-circle {
  width: 35px;
  height: 35px;
  background-color: gold;
  text-align: center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border: 1px solid #888888;
}

/* line 426, app/assets/stylesheets/top-nav.css.scss */
.initials {
  position: relative;
  top: 0.745em;
  /* 25% of parent */
  font-size: 12px;
  /* 50% of parent */
  line-height: 12px;
  /* 50% of parent */
  color: black;
  font-weight: bold;
}

/* line 435, app/assets/stylesheets/top-nav.css.scss */
.avatar-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

/* line 441, app/assets/stylesheets/top-nav.css.scss */
.avatar-container img {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  border: 1px solid white;
  object-fit: cover;
  object-position: top;
}

/* line 451, app/assets/stylesheets/top-nav.css.scss */
.initials-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

/* line 458, app/assets/stylesheets/top-nav.css.scss */
.dropdown-container {
  display: flex;
  flex-direction: column;
  /* Legacy styles - keeping for other dropdowns */
}

/* line 462, app/assets/stylesheets/top-nav.css.scss */
.dropdown-container .user-menu-header {
  padding: 8px 0;
  border-bottom: none;
}

/* line 466, app/assets/stylesheets/top-nav.css.scss */
.dropdown-container .user-menu-header .user-menu-account-link {
  font-size: 13px;
  font-family: "Rubik";
  font-weight: 500;
  padding: 10px 14px;
  line-height: 14px;
  text-decoration: none;
  color: #032e8d;
  display: block;
}

/* line 476, app/assets/stylesheets/top-nav.css.scss */
.dropdown-container .user-menu-header .user-menu-account-link:hover {
  background-color: #f4f4f4;
  color: #032e8d;
}

/* line 482, app/assets/stylesheets/top-nav.css.scss */
.dropdown-container .user-menu-header .user-info-item {
  font-size: 12px;
  font-family: "Rubik";
  font-weight: 400;
  padding: 6px 14px;
  line-height: 14px;
  color: #586069;
  display: block;
  cursor: default;
}

/* line 492, app/assets/stylesheets/top-nav.css.scss */
.dropdown-container .user-menu-header .user-info-item i {
  margin-right: 4px;
  width: 14px;
  display: inline-block;
}

/* line 500, app/assets/stylesheets/top-nav.css.scss */
.dropdown-container .user-menu-divider {
  height: 1px;
  background-color: #e1e4e8;
  margin: 8px 0;
}

/* line 506, app/assets/stylesheets/top-nav.css.scss */
.dropdown-container .user-menu-nav {
  padding: 4px 0;
}

/* line 509, app/assets/stylesheets/top-nav.css.scss */
.dropdown-container .user-menu-nav a {
  font-size: 13px;
  font-family: "Rubik";
  font-weight: 400;
  padding: 10px 14px;
  line-height: 14px;
  text-decoration: none;
  color: #032e8d;
  display: block;
}

/* line 519, app/assets/stylesheets/top-nav.css.scss */
.dropdown-container .user-menu-nav a:hover {
  background-color: #f4f4f4;
  color: #032e8d;
}

/* line 524, app/assets/stylesheets/top-nav.css.scss */
.dropdown-container .user-menu-nav a i {
  margin-right: 6px;
  width: 16px;
  display: inline-block;
}

/* line 533, app/assets/stylesheets/top-nav.css.scss */
.dropdown-container .user-site,
.dropdown-container .user-roles {
  font-size: 13px;
  font-family: "Rubik";
  font-weight: 400;
  padding: 10px 4px;
  line-height: 14px;
  color: #032e8d;
  display: block;
}

/* line 544, app/assets/stylesheets/top-nav.css.scss */
.dropdown-container a {
  font-size: 13px;
  font-family: "Rubik";
  font-weight: 400;
  padding: 10px 4px;
  line-height: 14px;
  text-decoration: none;
  color: #032e8d;
}

/* line 553, app/assets/stylesheets/top-nav.css.scss */
.dropdown-container a.menu-item-indent {
  padding-left: 20px;
}

/* line 557, app/assets/stylesheets/top-nav.css.scss */
.dropdown-container a:hover {
  background-color: #f4f4f4;
  color: #032e8d;
}
/* line 6, app/assets/stylesheets/users.css.scss */
.panel-header .user-name {
  flex-basis: 18%;
}

/* line 10, app/assets/stylesheets/users.css.scss */
.panel-header .user-email {
  flex-basis: 22%;
}

/* line 14, app/assets/stylesheets/users.css.scss */
.panel-header .user-site {
  flex-basis: 12%;
}

/* line 18, app/assets/stylesheets/users.css.scss */
.panel-header .user-type {
  flex-basis: 12%;
}

/* line 22, app/assets/stylesheets/users.css.scss */
.panel-header .user-added {
  flex-basis: 11%;
}

/* line 26, app/assets/stylesheets/users.css.scss */
.panel-header .user-roles {
  flex-basis: 20%;
}

/* line 30, app/assets/stylesheets/users.css.scss */
.panel-header .action-row-buttons {
  flex-basis: 5%;
  text-align: right;
}

/* line 38, app/assets/stylesheets/users.css.scss */
.panel-content .user-name-content {
  flex-basis: 18%;
  display: flex;
  flex-direction: column;
}

/* line 43, app/assets/stylesheets/users.css.scss */
.panel-content .user-name-content a {
  color: #0032a0;
  width: fit-content;
}

/* line 47, app/assets/stylesheets/users.css.scss */
.panel-content .user-name-content a:hover {
  color: #1c2bd1;
}

/* line 52, app/assets/stylesheets/users.css.scss */
.panel-content .user-name-content .highlight {
  width: fit-content;
}

/* line 57, app/assets/stylesheets/users.css.scss */
.panel-content .user-email-content {
  flex-basis: 22%;
}

/* line 60, app/assets/stylesheets/users.css.scss */
.panel-content .user-email-content a {
  color: #0032a0;
  width: fit-content;
}

/* line 64, app/assets/stylesheets/users.css.scss */
.panel-content .user-email-content a:hover {
  color: #1c2bd1;
}

/* line 70, app/assets/stylesheets/users.css.scss */
.panel-content .user-site-content {
  flex-basis: 12%;
}

/* line 74, app/assets/stylesheets/users.css.scss */
.panel-content .user-type-content {
  flex-basis: 12%;
}

/* line 78, app/assets/stylesheets/users.css.scss */
.panel-content .user-added-content {
  flex-basis: 11%;
  font-size: 0.9em;
  color: #666;
}

/* line 84, app/assets/stylesheets/users.css.scss */
.panel-content .user-roles-content {
  flex-basis: 20%;
}

/* line 87, app/assets/stylesheets/users.css.scss */
.panel-content .user-roles-content .badge {
  font-size: 0.75em;
  padding: 0.25em 0.5em;
  border-radius: 3px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 95, app/assets/stylesheets/users.css.scss */
.panel-content .user-roles-content .badge.bg-primary {
  background-color: #0d6efd;
  color: white;
}

/* line 100, app/assets/stylesheets/users.css.scss */
.panel-content .user-roles-content .badge.bg-success {
  background-color: #198754;
  color: white;
}

/* line 105, app/assets/stylesheets/users.css.scss */
.panel-content .user-roles-content .badge.bg-secondary {
  background-color: #6c757d;
  color: white;
}

/* line 110, app/assets/stylesheets/users.css.scss */
.panel-content .user-roles-content .badge.me-1 {
  margin-right: 0.25rem;
}

/* line 116, app/assets/stylesheets/users.css.scss */
.panel-content .action-row-buttons-content {
  flex-basis: 5%;
  text-align: right;
  position: relative;
}

/* line 121, app/assets/stylesheets/users.css.scss */
.panel-content .action-row-buttons-content .actions-container {
  text-align: left;
  min-width: 280px;
}

/* line 125, app/assets/stylesheets/users.css.scss */
.panel-content .action-row-buttons-content .actions-container .action-section {
  border: 1px solid #e7e1ec;
  border-radius: 4px;
  padding: 12px;
  margin-bottom: 12px;
}

/* line 131, app/assets/stylesheets/users.css.scss */
.panel-content .action-row-buttons-content .actions-container .action-section:last-child {
  margin-bottom: 0;
}

/* line 135, app/assets/stylesheets/users.css.scss */
.panel-content .action-row-buttons-content .actions-container .action-section legend {
  font-size: 0.8em;
  font-weight: 600;
  color: #645574;
  text-transform: uppercase;
  padding: 0 8px;
  margin-bottom: 8px;
}

/* line 144, app/assets/stylesheets/users.css.scss */
.panel-content .action-row-buttons-content .actions-container .action-section .field {
  margin-bottom: 8px;
}

/* line 147, app/assets/stylesheets/users.css.scss */
.panel-content .action-row-buttons-content .actions-container .action-section .field:last-child {
  margin-bottom: 0;
}

/* line 152, app/assets/stylesheets/users.css.scss */
.panel-content .action-row-buttons-content .actions-container .action-section .form-group {
  padding: 8px;
  border-radius: 3px;
  background-color: #fafafa;
  margin-bottom: 8px;
}

/* line 158, app/assets/stylesheets/users.css.scss */
.panel-content .action-row-buttons-content .actions-container .action-section .form-group:last-child {
  margin-bottom: 0;
}

/* line 163, app/assets/stylesheets/users.css.scss */
.panel-content .action-row-buttons-content .actions-container .action-section .role-checkboxes {
  margin-bottom: 8px;
}

/* line 167, app/assets/stylesheets/users.css.scss */
.panel-content .action-row-buttons-content .actions-container .action-section .current-value,
.panel-content .action-row-buttons-content .actions-container .action-section .role-current {
  font-size: 0.85em;
  color: #666;
  margin-bottom: 8px;
}

/* line 178, app/assets/stylesheets/users.css.scss */
.panel-content #user-name {
  flex-basis: 40%;
  display: flex;
  flex-direction: column;
}

/* line 183, app/assets/stylesheets/users.css.scss */
.panel-content #user-name a {
  color: #0032a0;
  width: fit-content;
}

/* line 187, app/assets/stylesheets/users.css.scss */
.panel-content #user-name a:hover {
  color: #1c2bd1;
}

/* line 192, app/assets/stylesheets/users.css.scss */
.panel-content #user-name .highlight {
  width: fit-content;
}

/* line 197, app/assets/stylesheets/users.css.scss */
.panel-content #user-added-date {
  flex-basis: 20%;
}

/* line 201, app/assets/stylesheets/users.css.scss */
.panel-content #user-promote {
  flex-basis: 20%;
}

/* line 205, app/assets/stylesheets/users.css.scss */
.panel-content #user-suspend {
  flex-basis: 20%;
}

/* line 209, app/assets/stylesheets/users.css.scss */
.panel-content #customer-company {
  flex-basis: 20%;
}

/* line 212, app/assets/stylesheets/users.css.scss */
.panel-content #customer-company a {
  color: #0032a0;
  width: fit-content;
}

/* line 216, app/assets/stylesheets/users.css.scss */
.panel-content #customer-company a:hover {
  color: #1c2bd1;
}

/* line 223, app/assets/stylesheets/users.css.scss */
#user-header {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

/* line 228, app/assets/stylesheets/users.css.scss */
#user-header form {
  flex: 1 1 300px;
  font-family: 'Rubik';
  position: relative;
}

/* line 233, app/assets/stylesheets/users.css.scss */
#user-header form ::placeholder {
  font-size: 12px;
}

/* line 238, app/assets/stylesheets/users.css.scss */
#user-header i.internal-input {
  position: absolute;
  top: 11px;
  left: 7px;
  font-size: 12px;
  color: #989898;
}

/* line 246, app/assets/stylesheets/users.css.scss */
#user-header input#user_query {
  margin: 0px;
  font-family: 'Rubik';
  height: 30px;
  width: 70%;
  border-radius: 4px;
  border: 1px solid #c7becf;
  padding: 0px 0 0px 30px;
  font-size: 16px;
}

/* line 257, app/assets/stylesheets/users.css.scss */
#user-header a {
  margin-right: 6px;
}

/* line 264, app/assets/stylesheets/users.css.scss */
.role-management-section .role-current {
  font-size: 0.85em;
  color: #666;
  margin-bottom: 8px;
}

/* line 271, app/assets/stylesheets/users.css.scss */
.role-management-section .role-checkboxes .form-check {
  margin-right: 15px;
  margin-bottom: 5px;
}

/* line 275, app/assets/stylesheets/users.css.scss */
.role-management-section .role-checkboxes .form-check .form-check-input {
  margin-right: 5px;
}

/* line 279, app/assets/stylesheets/users.css.scss */
.role-management-section .role-checkboxes .form-check .form-check-label {
  font-size: 0.9em;
  cursor: pointer;
}

/* line 287, app/assets/stylesheets/users.css.scss */
.user-roles-content {
  margin: 5px 0;
}

/* line 290, app/assets/stylesheets/users.css.scss */
.user-roles-content .badge {
  font-size: 0.75em;
  padding: 0.25em 0.5em;
}
/* line 1, app/assets/stylesheets/wrapper.css.scss */
#main-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 0px;
  grid-template-rows: repeat(4, auto);
  grid-template-areas: "topNav" "flashConatiner" "mainContentWrapper" "sideBarWrapper";
}

@media (min-width: 1025px) {
  /* line 1, app/assets/stylesheets/wrapper.css.scss */
  #main-wrapper {
    grid-template-columns: 0.5vw max-content 6fr 0.5vw;
    grid-template-rows: 64px 32px 300px 1fr 1fr;
    column-gap: 0.5vw;
    row-gap: 1vh;
    grid-template-areas: "topNav topNav topNav topNav" ". flashContainer flashContainer ." ". sideBarWrapper mainContentWrapper ." ". sideBarWrapper mainContentWrapper ." ". sideBarWrapper mainContentWrapper .";
  }
}

/* line 26, app/assets/stylesheets/wrapper.css.scss */
#main-content-wrapper {
  grid-area: mainContentWrapper;
  position: relative;
}

/* line 31, app/assets/stylesheets/wrapper.css.scss */
#top-nav {
  grid-area: topNav;
}

/* line 35, app/assets/stylesheets/wrapper.css.scss */
#flash_container {
  grid-area: flashContainer;
}

/* line 39, app/assets/stylesheets/wrapper.css.scss */
#side-bar-wrapper {
  grid-area: sideBarWrapper;
}

@media (min-width: 1025px) {
  /* line 39, app/assets/stylesheets/wrapper.css.scss */
  #side-bar-wrapper {
    padding: 0px;
  }
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *




 */