/*!
 * 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;--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;--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%}
/* line 4, app/assets/stylesheets/screen.scss */
html {
  font-family: 'Rubik';
  font-size: 14px;
}

/* line 54, app/assets/stylesheets/screen.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";
  max-width: 100vw;
  overflow-x: hidden;
  box-sizing: border-box;
}

@media (min-width: 1025px) and (max-width: 1400px) {
  /* line 54, app/assets/stylesheets/screen.scss */
  #main-wrapper {
    /* iPad landscape */
    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 54, app/assets/stylesheets/screen.scss */
  #main-wrapper {
    grid-template-columns: max-content 1fr;
    grid-template-rows: 64px max-content 300px 1fr 1fr;
    column-gap: 0.5vw;
    grid-template-areas: "topNav topNav" "sideBarWrapper flashContainer" "sideBarWrapper mainContentWrapper" "sideBarWrapper mainContentWrapper" "sideBarWrapper mainContentWrapper";
  }
}

/* line 91, app/assets/stylesheets/screen.scss */
#main-content-wrapper {
  grid-area: mainContentWrapper;
  position: relative;
}

/* line 96, app/assets/stylesheets/screen.scss */
#top-nav {
  grid-area: topNav;
}

/* line 100, app/assets/stylesheets/screen.scss */
#flash_container {
  grid-area: flashContainer;
  margin-top: 6px;
  margin-bottom: 6px;
}

/* line 106, app/assets/stylesheets/screen.scss */
#side-bar-wrapper {
  max-width: 10vw;
  grid-area: sideBarWrapper;
}

@media (min-width: 1025px) {
  /* line 106, app/assets/stylesheets/screen.scss */
  #side-bar-wrapper {
    padding: 0px;
  }
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/* line 120, app/assets/stylesheets/screen.scss */
#top-nav {
  background-color: lch(9.471% 6.568 282.863);
  font-family: "Rubik";
  padding: 14px 20px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

/* line 129, app/assets/stylesheets/screen.scss */
#top-nav #branding {
  margin-right: 18px;
  margin-top: 0px;
}

/* line 134, app/assets/stylesheets/screen.scss */
#top-nav .top-nav-dropdown {
  border-radius: 8px;
}

/* line 139, app/assets/stylesheets/screen.scss */
.menu,
.sub-menu {
  margin: 0;
  padding: 0;
  overflow: hidden;
}

/* line 148, app/assets/stylesheets/screen.scss */
.menu-item.has-children, .menu-item.has-children .menu-item {
  position: relative;
}

@media (min-width: 1025px) {
  /* line 153, app/assets/stylesheets/screen.scss */
  .menu-item:not(:last-child) {
    border-bottom: none;
  }
}

/* line 159, app/assets/stylesheets/screen.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: #b7b7b7;
  background-color: lch(9.471% 6.568 282.863);
}

/* line 169, app/assets/stylesheets/screen.scss */
.menu-item button:hover, .menu-item a:hover {
  background-color: #282f38;
  border-radius: 4px;
  color: #b7b7b7;
}

@media (min-width: 769px) {
  /* line 159, app/assets/stylesheets/screen.scss */
  .menu-item button, .menu-item a {
    font-size: 12px;
  }
}

/* line 180, app/assets/stylesheets/screen.scss */
.menu-item button {
  border: none;
}

/* line 183, app/assets/stylesheets/screen.scss */
.menu-item button:focus {
  outline: 0;
}

/* line 188, app/assets/stylesheets/screen.scss */
.menu-item a {
  text-decoration: none;
  display: block;
}

/* line 193, app/assets/stylesheets/screen.scss */
.menu-item a.active {
  border-radius: 4px;
  background-color: #000;
  border: 1px solid  #4e5866;
}

/* line 200, app/assets/stylesheets/screen.scss */
.menu-item form {
  margin: 0;
}

/* line 203, app/assets/stylesheets/screen.scss */
.menu-item form input:focus {
  outline: none;
}

@media (min-width: 1025px) {
  /* line 200, app/assets/stylesheets/screen.scss */
  .menu-item form {
    padding: 0px;
  }
}

/* line 211, app/assets/stylesheets/screen.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 211, app/assets/stylesheets/screen.scss */
  .menu-item form .search-query-input {
    padding: .5em .6em;
    margin: .25em 0;
    width: 400px;
    box-sizing: border-box;
    font-size: 0.8em;
    background-color: #314052;
    border: 1px solid black;
    color: #d3d3d3;
    border-radius: 4px;
    padding-left: 3px;
  }
}

@media (max-width: 1080px) {
  /* line 211, app/assets/stylesheets/screen.scss */
  .menu-item form .search-query-input {
    width: 200px;
  }
}

/* line 239, app/assets/stylesheets/screen.scss */
.sub-menu {
  background-color: white;
  visibility: hidden;
  opacity: 0;
  height: 0;
  width: 0;
}

@media (min-width: 1025px) {
  /* line 239, app/assets/stylesheets/screen.scss */
  .sub-menu {
    width: 225px;
    position: absolute;
    z-index: 3000;
  }
}

/* line 252, app/assets/stylesheets/screen.scss */
.sub-menu sub-menu-item {
  visibility: hidden;
  border-bottom: 1px solid rgba(74, 74, 74, 0.535);
}

@media (min-width: 1025px) {
  /* line 252, app/assets/stylesheets/screen.scss */
  .sub-menu sub-menu-item {
    border-bottom: none;
  }
}

/* line 260, app/assets/stylesheets/screen.scss */
.sub-menu sub-menu-item a {
  margin: 4px 0;
  display: block;
  color: lch(9.471% 6.568 282.863);
  font-size: 12px;
  text-decoration: none;
  font-family: 'Rubik', sans-serif;
  font-weight: 400;
  line-height: 28px;
}

/* line 270, app/assets/stylesheets/screen.scss */
.sub-menu sub-menu-item a:hover {
  text-decoration: underline;
}

/* line 277, app/assets/stylesheets/screen.scss */
#top-nav-search {
  padding: 0.2em;
  margin-left: auto;
}

/* line 281, app/assets/stylesheets/screen.scss */
#top-nav-search::placeholder {
  color: red;
}

/* line 286, app/assets/stylesheets/screen.scss */
#client-brand {
  color: #2a2a2a;
}

/* line 290, app/assets/stylesheets/screen.scss */
.visible {
  visibility: visible !important;
}

/* line 294, app/assets/stylesheets/screen.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 303, app/assets/stylesheets/screen.scss */
.openSubMenuUser a {
  background-color: white;
  color: #019bd7;
}

/* line 307, app/assets/stylesheets/screen.scss */
.openSubMenuUser a:hover {
  background-color: white;
  text-decoration: underline;
  color: #019bd7;
}

/* line 314, app/assets/stylesheets/screen.scss */
.openSubMenuUser .menu-item {
  display: block;
}

@media (min-width: 1025px) {
  /* line 294, app/assets/stylesheets/screen.scss */
  .openSubMenuUser {
    width: 219px;
    left: -300%;
    top: 35px;
  }
}

/* line 325, app/assets/stylesheets/screen.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 334, app/assets/stylesheets/screen.scss */
.openClientSubMenuUser a {
  background-color: white;
  color: #0366d6;
}

/* line 338, app/assets/stylesheets/screen.scss */
.openClientSubMenuUser a:hover {
  background-color: white;
  text-decoration: underline;
  color: #0366d6;
}

/* line 345, app/assets/stylesheets/screen.scss */
.openClientSubMenuUser .menu-item {
  display: block;
}

@media (min-width: 1025px) {
  /* line 325, app/assets/stylesheets/screen.scss */
  .openClientSubMenuUser {
    width: 219px;
    left: 6%;
    top: 35px;
  }
}

/* line 356, app/assets/stylesheets/screen.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 365, app/assets/stylesheets/screen.scss */
.openSubMenuReport a {
  background-color: white;
  color: #019bd7;
}

/* line 369, app/assets/stylesheets/screen.scss */
.openSubMenuReport a:hover {
  background-color: white;
  text-decoration: underline;
  color: #019bd7;
}

@media (min-width: 1025px) {
  /* line 356, app/assets/stylesheets/screen.scss */
  .openSubMenuReport {
    width: 225px;
    left: 0%;
    top: 37px;
  }
}

/* line 383, app/assets/stylesheets/screen.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 393, app/assets/stylesheets/screen.scss */
.openSubMenuInventorySite a {
  background-color: white;
  color: #0366d6;
  margin-bottom: 10px;
  text-decoration: none;
}

/* line 399, app/assets/stylesheets/screen.scss */
.openSubMenuInventorySite a:hover {
  background-color: white;
  text-decoration: underline;
  color: #0366d6;
}

@media (min-width: 1025px) {
  /* line 383, app/assets/stylesheets/screen.scss */
  .openSubMenuInventorySite {
    width: 138px;
    left: 155px;
    top: 29px;
    padding: 13px;
  }
  /* line 412, app/assets/stylesheets/screen.scss */
  .openSubMenuInventorySite div {
    margin-bottom: 14px;
  }
}

/* line 418, app/assets/stylesheets/screen.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 428, app/assets/stylesheets/screen.scss */
.openSubMenuInventoryTech a {
  background-color: white;
  color: #0366d6;
  margin-bottom: 10px;
  text-decoration: none;
}

/* line 434, app/assets/stylesheets/screen.scss */
.openSubMenuInventoryTech a:hover {
  background-color: white;
  text-decoration: underline;
  color: #0366d6;
}

@media (min-width: 1025px) {
  /* line 418, app/assets/stylesheets/screen.scss */
  .openSubMenuInventoryTech {
    width: 138px;
    left: 155px;
    top: 29px;
    padding: 13px;
  }
  /* line 447, app/assets/stylesheets/screen.scss */
  .openSubMenuInventoryTech div {
    margin-bottom: 14px;
  }
}

@media (min-width: 1025px) {
  /* line 454, app/assets/stylesheets/screen.scss */
  .menu {
    display: flex;
    flex-flow: row wrap;
  }
  /* line 460, app/assets/stylesheets/screen.scss */
  #sync-button-link i.active {
    animation: rotation 2s infinite linear;
  }
  /* line 465, app/assets/stylesheets/screen.scss */
  .disabled {
    opacity: 0.2;
  }
  /* line 469, app/assets/stylesheets/screen.scss */
  ::placeholder {
    color: #adadad;
    font-size: 12px;
    letter-spacing: -0.009em;
    line-height: 12px;
  }
  /* line 477, app/assets/stylesheets/screen.scss */
  #q::placeholder {
    color: #bcbcbc;
    font-size: 12px;
    letter-spacing: -0.009em;
    line-height: 10px;
  }
  /* line 485, app/assets/stylesheets/screen.scss */
  .authentication-forms > ::placeholder {
    color: #adadad;
    font-size: 12px;
    letter-spacing: -0.009em;
    line-height: 12px;
  }
}

/* line 493, app/assets/stylesheets/screen.scss */
.avatar-circle {
  width: 35px;
  height: 35px;
  background-color: gold;
  text-align: center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}

/* line 503, app/assets/stylesheets/screen.scss */
.initials {
  position: relative;
  top: 0.75em;
  font-size: 14px;
  line-height: 10px;
  color: black;
  font-weight: bold;
}

/* line 512, app/assets/stylesheets/screen.scss */
.avatar-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

/* line 518, app/assets/stylesheets/screen.scss */
.avatar-container img {
  border-radius: 50%;
  border: 1px solid white;
}

/* line 524, app/assets/stylesheets/screen.scss */
.initials-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

/* line 531, app/assets/stylesheets/screen.scss */
.dropdown-container {
  display: flex;
  flex-direction: column;
  background-color: white;
}

/* line 536, app/assets/stylesheets/screen.scss */
.dropdown-container a {
  font-size: 12px;
  font-family: "Rubik";
  font-weight: 400;
  line-height: 0.8em;
  text-decoration: none;
  color: #032e8d;
}

/* line 544, app/assets/stylesheets/screen.scss */
.dropdown-container a:hover {
  background-color: #f4f4f4;
  color: #032e8d;
}

/* line 551, app/assets/stylesheets/screen.scss */
#user-menu-container a,
#client-user-menu-container a {
  background-color: white;
  white-space: nowrap;
}

/* line 556, app/assets/stylesheets/screen.scss */
#user-menu-container a:hover,
#client-user-menu-container a:hover {
  background-color: #f4f4f4;
  color: #032e8d;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* line 758, app/assets/stylesheets/screen.scss */
.report-form-contact-select {
  height: 200px;
}

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

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

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

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

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

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

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

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

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

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

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

/* line 825, app/assets/stylesheets/screen.scss */
.label-wt {
  border-color: #7ba112;
  color: #7ba112;
  background: #eefacc;
}

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

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

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

/* line 849, app/assets/stylesheets/screen.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 860, app/assets/stylesheets/screen.scss */
.work-order-status-label {
  padding: 0.40rem 0.3rem 0.3rem;
  font-size: 11px;
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
  text-transform: uppercase;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

/* line 929, app/assets/stylesheets/screen.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 940, app/assets/stylesheets/screen.scss */
.dashboard-notification .closebtn:hover {
  color: black;
}

/* line 946, app/assets/stylesheets/screen.scss */
.panel-empty-work-orders,
.panel-empty-bases {
  border-radius: 4px;
  padding: 6px;
  background-color: #feffa4;
  border: 1px solid #c8c20f;
  color: #a39f15;
  display: block;
  font-size: 11px;
  letter-spacing: -0.003em;
  line-height: 18px;
}

/* line 958, app/assets/stylesheets/screen.scss */
.panel-empty-work-orders a:not(.sentry-button),
.panel-empty-bases a:not(.sentry-button) {
  color: #d8ab15;
}

/* line 962, app/assets/stylesheets/screen.scss */
.panel-empty-work-orders .closebtn,
.panel-empty-bases .closebtn {
  margin-left: 15px;
  color: #d8ab15;
  font-weight: bold;
  float: right;
  font-size: 16px;
  line-height: 16px;
  cursor: pointer;
  transition: 0.3s;
}

/* line 973, app/assets/stylesheets/screen.scss */
.panel-empty-work-orders .closebtn:hover,
.panel-empty-bases .closebtn:hover {
  color: black;
}

/* line 978, app/assets/stylesheets/screen.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 990, app/assets/stylesheets/screen.scss */
table.clients_table {
  background: #FFFFFF;
  border: solid 1px #DDDDDD;
  margin-bottom: 1.11111rem;
  display: block;
}

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

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

/* line 1004, app/assets/stylesheets/screen.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 1004, app/assets/stylesheets/screen.scss */
  table.clients_table th {
    display: table-cell;
  }
}

/* line 1017, app/assets/stylesheets/screen.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 1017, app/assets/stylesheets/screen.scss */
  table.clients_table td {
    display: table-cell;
  }
}

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

/* line 1040, app/assets/stylesheets/screen.scss */
.flex-fields {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

/* line 1046, app/assets/stylesheets/screen.scss */
.flex-fields input[type="text"],
.flex-fields select {
  flex: 1 1 120px;
  min-width: 100px;
  height: 35px;
}

/* line 1053, app/assets/stylesheets/screen.scss */
.defect-type-popup {
  background: white;
  padding: 1rem;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  max-width: 400px;
  /* or width: 100%; */
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* line 1139, app/assets/stylesheets/screen.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 1151, app/assets/stylesheets/screen.scss */
.hide_list_style {
  list-style: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* line 1297, app/assets/stylesheets/screen.scss */
table#report-header td h2 {
  padding: 0px;
  margin: 0px;
  font-size: 14px;
  font-weight: 300;
  font-size: 0.8em;
  line-height: 1.3em;
}

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

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

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

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

/* line 1338, app/assets/stylesheets/screen.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 1352, app/assets/stylesheets/screen.scss */
#report-menu {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: baseline;
  grid-area: reportMenu;
}

/* line 1359, app/assets/stylesheets/screen.scss */
#report-menu > * {
  margin-right: 6px;
}

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

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

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

/* line 1382, app/assets/stylesheets/screen.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 1392, app/assets/stylesheets/screen.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 1403, app/assets/stylesheets/screen.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 1403, app/assets/stylesheets/screen.scss */
  fieldset.main-content-fieldset {
    padding: 2px;
  }
}

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

/* line 1421, app/assets/stylesheets/screen.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 1430, app/assets/stylesheets/screen.scss */
.panel a:not(.sentry-button):not(.work-order-label) {
  text-decoration: none;
  color: #0032a0;
}

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

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

/* line 1447, app/assets/stylesheets/screen.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 1462, app/assets/stylesheets/screen.scss */
.panel .panel-header input[type="text"] {
  height: 22px;
}

/* line 1467, app/assets/stylesheets/screen.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 1484, app/assets/stylesheets/screen.scss */
.panel .panel-content {
  padding: 10px;
  font-size: 13px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e7e1ec;
}

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

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

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

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

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

/* line 1518, app/assets/stylesheets/screen.scss */
.panel .panel-content-vertical {
  display: flex;
  flex-direction: column;
  padding: 10px;
  font-size: 13px;
  gap: 10px;
}

/* line 1527, app/assets/stylesheets/screen.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 1535, app/assets/stylesheets/screen.scss */
.main_content small {
  font-size: 9px;
}

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

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

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

/* line 1555, app/assets/stylesheets/screen.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 1567, app/assets/stylesheets/screen.scss */
#side-nav .fas {
  line-height: 0 !important;
}

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

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

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

/* line 1590, app/assets/stylesheets/screen.scss */
#side-nav a:not(.sentry-button):hover {
  color: #302839;
  outline: currentcolor none medium;
}

/* line 1596, app/assets/stylesheets/screen.scss */
#side-nav a.danger:not(.sentry-button):hover {
  color: red;
  border-color: red;
}

/* line 1606, app/assets/stylesheets/screen.scss */
.pagination {
  font-size: 14px;
  margin: 18px 0;
  height: auto;
  line-height: 16px;
  font-family: 'Rubik';
}

/* line 1613, app/assets/stylesheets/screen.scss */
.pagination a {
  float: none;
  padding: 1px 5px 2px 5px;
  margin: 1px 2px 1px 4px;
  color: #3972E3;
  border: 1px solid #3972E3;
  text-decoration: none;
}

/* line 1622, app/assets/stylesheets/screen.scss */
.pagination a:hover {
  color: white;
  background-color: #cfdaf0;
}

/* line 1627, app/assets/stylesheets/screen.scss */
.pagination .disabled {
  display: none;
}

/* line 1631, app/assets/stylesheets/screen.scss */
.pagination .current {
  color: white;
  background-color: #cfdaf0;
  padding: 1px 5px 2px 5px;
  margin: 1px 2px 1px 4px;
  border: 1px solid #3972E3;
}

/* line 1642, app/assets/stylesheets/screen.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 1650, app/assets/stylesheets/screen.scss */
fieldset.authentication-forms select {
  width: 100%;
  height: 37px;
}

/* line 1655, app/assets/stylesheets/screen.scss */
fieldset.authentication-forms input[type="email"],
fieldset.authentication-forms input[type="password"] {
  padding: 7px;
  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: 32px;
}

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

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

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

/* line 1688, app/assets/stylesheets/screen.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 1703, app/assets/stylesheets/screen.scss */
#report-show p,
#report-show-items p {
  line-height: 16px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* line 1791, app/assets/stylesheets/screen.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 1802, app/assets/stylesheets/screen.scss */
.defects_table td {
  text-align: center;
  font-size: 12px;
  letter-spacing: -0.003em;
  line-height: 12px;
  padding: 3px 0 2px 0px;
}

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

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

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

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

/* line 1833, app/assets/stylesheets/screen.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 1841, app/assets/stylesheets/screen.scss */
#signatures_table td.shaded {
  text-align: center;
}

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

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

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

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

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

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

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

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

/* line 1901, app/assets/stylesheets/screen.scss */
#report-show_technician {
  width: 33.3%;
}

/* line 1905, app/assets/stylesheets/screen.scss */
#report-show_customer {
  width: 33.3%;
}

/* line 1909, app/assets/stylesheets/screen.scss */
#report-show_authority {
  width: 33.3%;
}

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

/* line 1919, app/assets/stylesheets/screen.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 1926, app/assets/stylesheets/screen.scss */
#signature_cell img.signature,
.signature_cell img.signature,
#approval_signature_cell img.signature {
  z-index: 1;
  position: relative;
}

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

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

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

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

/* line 1959, app/assets/stylesheets/screen.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 1968, app/assets/stylesheets/screen.scss */
table.table-flash td {
  border: 1px solid black;
  padding: 5px 0px 5px 2px;
}

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

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

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

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

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

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

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

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

/* line 2024, app/assets/stylesheets/screen.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;
}

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

/* line 2039, app/assets/stylesheets/screen.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 2054, app/assets/stylesheets/screen.scss */
#emails_cart {
  font-size: 14px;
}

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

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

/* line 2076, app/assets/stylesheets/screen.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 2090, app/assets/stylesheets/screen.scss */
.form-button:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

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

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

/* line 2105, app/assets/stylesheets/screen.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 2142, app/assets/stylesheets/screen.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 2169, app/assets/stylesheets/screen.scss */
.general-button:hover {
  background-color: #016acc;
}

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

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

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

/* line 2192, app/assets/stylesheets/screen.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 2219, app/assets/stylesheets/screen.scss */
.alternative-button:hover {
  background-color: #d6d6d6;
}

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

/* line 2229, app/assets/stylesheets/screen.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 2255, app/assets/stylesheets/screen.scss */
.alternative-button-inline:hover {
  background-color: #d6d6d6;
}

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

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

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

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

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

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

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

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

/* line 2310, app/assets/stylesheets/screen.scss */
.internal-form input[type=text],
.internal-form textarea,
.internal-form input[type=number],
.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 2310, app/assets/stylesheets/screen.scss */
  .internal-form input[type=text],
.internal-form textarea,
.internal-form input[type=number],
.internal-form .input-list {
    width: 100%;
  }
}

/* line 2332, app/assets/stylesheets/screen.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 2346, app/assets/stylesheets/screen.scss */
.internal-form textarea {
  height: 100px;
  padding: .4em .3em;
  font-size: 12px;
}

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

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

/* line 2365, app/assets/stylesheets/screen.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 2389, app/assets/stylesheets/screen.scss */
form#edit_user img {
  margin-bottom: 20px;
}

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

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

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

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

/* line 2414, app/assets/stylesheets/screen.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 2425, app/assets/stylesheets/screen.scss */
#clone-dropdown-content a:hover {
  background-color: #ececec;
  border-radius: 4px;
  color: #032e8d;
}

/* line 2433, app/assets/stylesheets/screen.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 2447, app/assets/stylesheets/screen.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 2456, app/assets/stylesheets/screen.scss */
.clear-button.primary {
  background-color: #0032a0;
  color: white;
  cursor: pointer;
}

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

/* line 2468, app/assets/stylesheets/screen.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 2478, app/assets/stylesheets/screen.scss */
.clear-button:hover {
  color: #0032a0;
  border-color: #0032a0;
}

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

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

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

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

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

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

/* line 2525, app/assets/stylesheets/screen.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 2541, app/assets/stylesheets/screen.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 2545, app/assets/stylesheets/screen.scss */
.report-form-annex-checkbox[type="checkbox"]:disabled:after {
  -webkit-filter: opacity(0.4);
}

/* line 2549, app/assets/stylesheets/screen.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 2553, app/assets/stylesheets/screen.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 2558, app/assets/stylesheets/screen.scss */
.report-form-annex-checkbox[type="checkbox"]:not(:disabled):hover:before {
  border-color: #3D7591;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 1024px) and (max-width: 1400px) {
  /* line 2649, app/assets/stylesheets/screen.scss */
  #graph-container {
    /* iPad Pro landscape */
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    min-height: 220px;
    flex-wrap: wrap;
    /* Allow items to wrap */
  }
  /* line 2661, app/assets/stylesheets/screen.scss */
  #graph-container .panel {
    margin-right: 10px;
    flex: 1 1 calc(20% - 20px);
    /* Adjust flex basis to fit two panels per row */
    box-sizing: border-box;
    /* Ensure padding and border are included in the element's total width and height */
    max-width: 20vw;
  }
  /* line 2668, app/assets/stylesheets/screen.scss */
  #graph-container .panel:last-child {
    margin-right: 0;
    /* Remove margin from the last panel to avoid extra space */
  }
}

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

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

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

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

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

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

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

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

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

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

/* line 2725, app/assets/stylesheets/screen.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 2741, app/assets/stylesheets/screen.scss */
.sentry-button:hover {
  background-color: #d6d6d6;
  border-color: #a4a4a4;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

/* line 2807, app/assets/stylesheets/screen.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 2819, app/assets/stylesheets/screen.scss */
.field-wrapper label {
  flex-basis: 40%;
  font-size: 12px;
  display: inline-block;
  padding-right: 60px;
  font-weight: 500;
}

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

/* line 2831, app/assets/stylesheets/screen.scss */
.field-wrapper input[type="text"],
.field-wrapper input[type="email"],
.field-wrapper input[type="number"] {
  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: 24px !important;
  font-size: 12px;
}

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

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

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

/* line 2863, app/assets/stylesheets/screen.scss */
.field-wrapper .required {
  color: #ff0000;
  font-size: 120%;
}

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

/* line 2875, app/assets/stylesheets/screen.scss */
.field-wrapper input[type="datetime-local"] {
  width: 100%;
}

/* line 2879, app/assets/stylesheets/screen.scss */
.field-wrapper div.report-form-inline-container-single {
  width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* line 3011, app/assets/stylesheets/screen.scss */
.rm-lines td {
  text-align: left;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* line 3105, app/assets/stylesheets/screen.scss */
#bases-index-container .oba {
  width: 10%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

/* line 3111, app/assets/stylesheets/screen.scss */
#bases-index-container .oba .unassigned {
  color: #999;
  font-style: italic;
}

/* line 3117, app/assets/stylesheets/screen.scss */
#bases-index-container .address {
  width: 30%;
}

/* line 3121, app/assets/stylesheets/screen.scss */
#bases-index-container .added {
  width: 25%;
}

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

/* line 3132, app/assets/stylesheets/screen.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 3137, app/assets/stylesheets/screen.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 3142, app/assets/stylesheets/screen.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 3147, app/assets/stylesheets/screen.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 3152, app/assets/stylesheets/screen.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 3157, app/assets/stylesheets/screen.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 3162, app/assets/stylesheets/screen.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 3167, app/assets/stylesheets/screen.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 3172, app/assets/stylesheets/screen.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 3180, app/assets/stylesheets/screen.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 3185, app/assets/stylesheets/screen.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 3190, app/assets/stylesheets/screen.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 3195, app/assets/stylesheets/screen.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 3200, app/assets/stylesheets/screen.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 3205, app/assets/stylesheets/screen.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 3210, app/assets/stylesheets/screen.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 3215, app/assets/stylesheets/screen.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 3220, app/assets/stylesheets/screen.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 3225, app/assets/stylesheets/screen.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 3230, app/assets/stylesheets/screen.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 3235, app/assets/stylesheets/screen.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 3240, app/assets/stylesheets/screen.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 3246, app/assets/stylesheets/screen.scss */
.green-icon {
  color: #00af00;
}

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

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

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

/* line 3261, app/assets/stylesheets/screen.scss */
#approve-report-dropdown-content select {
  margin-bottom: 10px;
  max-width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* line 3348, app/assets/stylesheets/screen.scss */
.actions-container-popover {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

/* line 3353, app/assets/stylesheets/screen.scss */
.actions-container-popover fieldset {
  border: 1px solid #cdcdcd;
  padding: 6px;
}

/* line 3359, app/assets/stylesheets/screen.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 3366, app/assets/stylesheets/screen.scss */
.stats-container {
  display: flex;
  flex-direction: column;
  justify-items: center;
  align-items: center;
  padding: 15px;
  font-size: 12px;
}

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

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

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

/* line 3393, app/assets/stylesheets/screen.scss */
.micromodal {
  display: none;
}

/* line 3397, app/assets/stylesheets/screen.scss */
.micromodal.is-open {
  display: block;
}

/* line 3401, app/assets/stylesheets/screen.scss */
.micromodal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.65);
}

/* line 3413, app/assets/stylesheets/screen.scss */
.micromodal__container {
  box-sizing: border-box;
  overflow-y: auto;
  width: 800px;
  max-height: 120vh;
  padding: 25px;
  background-color: #fff;
  border-radius: 4px;
}

/* line 3423, app/assets/stylesheets/screen.scss */
.close-modal-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}

/* line 3429, app/assets/stylesheets/screen.scss */
.micromodal[aria-hidden="false"] .micromodal__overlay {
  animation: microModalFadeIn 0.2s cubic-bezier(0, 0, 0.2, 1);
}

/* line 3433, app/assets/stylesheets/screen.scss */
.micromodal[aria-hidden="false"] .micromodal__container {
  animation: microModalSlideIn 0.2s cubic-bezier(0, 0, 0.2, 1);
}

/* line 3437, app/assets/stylesheets/screen.scss */
.micromodal .micromodal__container,
.micromodal .micromodal__overlay {
  will-change: transform;
}

/* line 3442, app/assets/stylesheets/screen.scss */
.modal-header h1 {
  font-size: 20px;
}

@keyframes microModalFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes microModalSlideIn {
  from {
    transform: translateY(15%);
  }
  to {
    transform: translateY(0);
  }
}

/* line 3456, app/assets/stylesheets/screen.scss */
#email-editor-report-list-header,
.email-editor-report-list-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 12px;
}

/* line 3463, app/assets/stylesheets/screen.scss */
#email-editor-report-list-header #uid,
#email-editor-report-list-header #uid-content,
.email-editor-report-list-content #uid,
.email-editor-report-list-content #uid-content {
  flex-basis: 10%;
}

/* line 3468, app/assets/stylesheets/screen.scss */
#email-editor-report-list-header #email,
#email-editor-report-list-header #email-content,
.email-editor-report-list-content #email,
.email-editor-report-list-content #email-content {
  flex-basis: 5%;
}

/* line 3473, app/assets/stylesheets/screen.scss */
#email-editor-report-list-header #project,
#email-editor-report-list-header #project-content,
.email-editor-report-list-content #project,
.email-editor-report-list-content #project-content {
  flex-basis: 20%;
}

/* line 3478, app/assets/stylesheets/screen.scss */
#email-editor-report-list-header #work,
#email-editor-report-list-header #work-content,
.email-editor-report-list-content #work,
.email-editor-report-list-content #work-content {
  flex-basis: 25%;
}

/* line 3483, app/assets/stylesheets/screen.scss */
#email-editor-report-list-header #client,
#email-editor-report-list-header #client-content,
.email-editor-report-list-content #client,
.email-editor-report-list-content #client-content {
  flex-basis: 25%;
}

/* line 3488, app/assets/stylesheets/screen.scss */
#email-editor-report-list-header #remove,
#email-editor-report-list-header #remove-content,
.email-editor-report-list-content #remove,
.email-editor-report-list-content #remove-content {
  flex-basis: 15%;
}

/* line 3494, app/assets/stylesheets/screen.scss */
#email-editor-report-list-header {
  border: 1px solid black;
  border-radius: 2px;
  padding: 2px;
  margin-bottom: 10px;
}

/* line 3501, app/assets/stylesheets/screen.scss */
.email-editor-report-list-content {
  margin-bottom: 12px;
  border-bottom: 1px dashed grey;
}

/* line 3507, app/assets/stylesheets/screen.scss */
#emails-editor-body h4 {
  margin: 0;
  padding: 0;
}

/* line 3514, app/assets/stylesheets/screen.scss */
#emails-editor-checkbox label {
  font-size: 12px;
}

/* line 3519, app/assets/stylesheets/screen.scss */
#report-comment-form-input {
  height: 19px;
  width: 40vw;
}

/* line 3524, app/assets/stylesheets/screen.scss */
#report-show-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 35px auto;
  grid-area: reportComments;
  grid-template-areas: "reportMenu reportMenu" "reportIframe reportComments";
}

/* line 3533, app/assets/stylesheets/screen.scss */
#report-iframe {
  grid-area: reportIframe;
  width: 100%;
  height: 100vh;
  max-height: calc(100vh - 100px);
}

/* line 3540, app/assets/stylesheets/screen.scss */
.comment-body {
  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;
  font-family: 'Rubik', sans-serif;
  font-size: 12px;
  max-width: 10vw;
  padding: 6px;
}

/* line 3551, app/assets/stylesheets/screen.scss */
.comment-body .comment-content {
  margin-top: 8px;
}

/* line 3557, app/assets/stylesheets/screen.scss */
.filter-form-content div {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 2px;
  font-size: 80%;
  text-transform: none;
}

/* line 3569, app/assets/stylesheets/screen.scss */
#work-order-index .request-uid,
#work-order-index .request-uid-header {
  flex-basis: 5%;
  flex-shrink: 0;
  min-width: 70px;
  /* Ensure minimum width to prevent wrapping */
  white-space: nowrap;
  /* Prevent text from wrapping */
  text-overflow: ellipsis;
  /* Show ellipsis for overflow text */
}

/* line 3579, app/assets/stylesheets/screen.scss */
#work-order-index .request-title,
#work-order-index .request-title-header {
  flex-basis: 20%;
}

/* line 3584, app/assets/stylesheets/screen.scss */
#work-order-index .request-client,
#work-order-index .request-client-header {
  flex-basis: 22%;
}

/* line 3589, app/assets/stylesheets/screen.scss */
#work-order-index .request-inspection-types,
#work-order-index .request-inspection-types-header {
  flex-basis: 8%;
  display: flex;
  flex-direction: row;
  gap: 4px;
}

/* line 3597, app/assets/stylesheets/screen.scss */
#work-order-index .request-location,
#work-order-index .request-location-header {
  flex-basis: 18%;
}

/* line 3602, app/assets/stylesheets/screen.scss */
#work-order-index .request-assigned,
#work-order-index .request-assigned-header {
  flex-basis: 7%;
}

/* line 3607, app/assets/stylesheets/screen.scss */
#work-order-index .request-oba,
#work-order-index .request-oba-header {
  flex-basis: 7%;
}

/* line 3612, app/assets/stylesheets/screen.scss */
#work-order-index .request-status,
#work-order-index .request-status-header {
  flex-basis: 5%;
}

/* line 3617, app/assets/stylesheets/screen.scss */
#work-order-index .preview,
#work-order-index .preview-header {
  flex-basis: 3%;
}

/* line 3622, app/assets/stylesheets/screen.scss */
#work-order-index .request-created,
#work-order-index .request-created-header {
  flex-basis: 17%;
}

/* line 3627, app/assets/stylesheets/screen.scss */
#work-order-index .request-created {
  font-size: 75%;
}

/* line 3634, app/assets/stylesheets/screen.scss */
#work-order-index.work-order-compact .request-uid,
#work-order-index.work-order-compact .request-uid-header {
  flex-basis: 8%;
  flex-shrink: 0;
  min-width: 70px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* line 3643, app/assets/stylesheets/screen.scss */
#work-order-index.work-order-compact .request-title,
#work-order-index.work-order-compact .request-title-header {
  flex-basis: 32%;
  /* Larger since we removed methods and location */
}

/* line 3648, app/assets/stylesheets/screen.scss */
#work-order-index.work-order-compact .request-client,
#work-order-index.work-order-compact .request-client-header {
  flex-basis: 25%;
  /* Larger since we have more space */
}

/* line 3653, app/assets/stylesheets/screen.scss */
#work-order-index.work-order-compact .request-assigned,
#work-order-index.work-order-compact .request-assigned-header {
  flex-basis: 10%;
  /* Slightly larger */
}

/* line 3658, app/assets/stylesheets/screen.scss */
#work-order-index.work-order-compact .request-status,
#work-order-index.work-order-compact .request-status-header {
  flex-basis: 8%;
  /* Slightly larger */
}

/* line 3663, app/assets/stylesheets/screen.scss */
#work-order-index.work-order-compact .request-created,
#work-order-index.work-order-compact .request-created-header {
  flex-basis: 17%;
}

/* line 3668, app/assets/stylesheets/screen.scss */
#work-order-index.work-order-compact .request-created {
  font-size: 75%;
}

/* line 3676, app/assets/stylesheets/screen.scss */
#report-index .panel-header #uid {
  flex-basis: 8%;
}

/* line 3677, app/assets/stylesheets/screen.scss */
#report-index .panel-header #preview {
  flex-basis: 3%;
}

/* line 3678, app/assets/stylesheets/screen.scss */
#report-index .panel-header #email-status {
  flex-basis: 3%;
}

/* line 3679, app/assets/stylesheets/screen.scss */
#report-index .panel-header #approved-status {
  flex-basis: 3%;
}

/* line 3680, app/assets/stylesheets/screen.scss */
#report-index .panel-header #title {
  flex-basis: 20%;
}

/* line 3681, app/assets/stylesheets/screen.scss */
#report-index .panel-header #component {
  flex-basis: 15%;
}

/* line 3682, app/assets/stylesheets/screen.scss */
#report-index .panel-header #client {
  flex-basis: 15%;
}

/* line 3683, app/assets/stylesheets/screen.scss */
#report-index .panel-header #status {
  flex-basis: 10%;
}

/* line 3684, app/assets/stylesheets/screen.scss */
#report-index .panel-header #user {
  flex-basis: 10%;
}

/* line 3685, app/assets/stylesheets/screen.scss */
#report-index .panel-header .comments-indicator {
  flex-basis: 3%;
}

/* line 3686, app/assets/stylesheets/screen.scss */
#report-index .panel-header #updated {
  flex-basis: 10%;
}

/* line 3690, app/assets/stylesheets/screen.scss */
#report-index .panel-content #uid-content {
  flex-basis: 8%;
}

/* line 3691, app/assets/stylesheets/screen.scss */
#report-index .panel-content #preview-content {
  flex-basis: 3%;
}

/* line 3692, app/assets/stylesheets/screen.scss */
#report-index .panel-content #email-status-content {
  flex-basis: 3%;
}

/* line 3693, app/assets/stylesheets/screen.scss */
#report-index .panel-content #approved-status-content {
  flex-basis: 3%;
}

/* line 3694, app/assets/stylesheets/screen.scss */
#report-index .panel-content #title-content {
  flex-basis: 20%;
}

/* line 3695, app/assets/stylesheets/screen.scss */
#report-index .panel-content #component-content {
  flex-basis: 15%;
}

/* line 3696, app/assets/stylesheets/screen.scss */
#report-index .panel-content #client-content {
  flex-basis: 15%;
}

/* line 3697, app/assets/stylesheets/screen.scss */
#report-index .panel-content #status-content {
  flex-basis: 8%;
}

/* line 3698, app/assets/stylesheets/screen.scss */
#report-index .panel-content #user-content {
  flex-basis: 10%;
}

/* line 3699, app/assets/stylesheets/screen.scss */
#report-index .panel-content .comments-indicator-content {
  flex-basis: 3%;
}

/* line 3700, app/assets/stylesheets/screen.scss */
#report-index .panel-content #updated-content {
  flex-basis: 10%;
}

/* line 3707, app/assets/stylesheets/screen.scss */
#report-index.report-compact .panel-header #uid {
  flex-basis: 12% !important;
}

/* line 3708, app/assets/stylesheets/screen.scss */
#report-index.report-compact .panel-header #title {
  flex-basis: 30% !important;
}

/* line 3709, app/assets/stylesheets/screen.scss */
#report-index.report-compact .panel-header #client {
  flex-basis: 30% !important;
}

/* line 3710, app/assets/stylesheets/screen.scss */
#report-index.report-compact .panel-header #status {
  flex-basis: 12% !important;
}

/* line 3711, app/assets/stylesheets/screen.scss */
#report-index.report-compact .panel-header #updated {
  flex-basis: 16% !important;
}

/* line 3714, app/assets/stylesheets/screen.scss */
#report-index.report-compact .panel-content #uid-content {
  flex-basis: 12% !important;
}

/* line 3715, app/assets/stylesheets/screen.scss */
#report-index.report-compact .panel-content #title-content {
  flex-basis: 30% !important;
}

/* line 3716, app/assets/stylesheets/screen.scss */
#report-index.report-compact .panel-content #client-content {
  flex-basis: 30% !important;
}

/* line 3717, app/assets/stylesheets/screen.scss */
#report-index.report-compact .panel-content #status-content {
  flex-basis: 12% !important;
}

/* line 3718, app/assets/stylesheets/screen.scss */
#report-index.report-compact .panel-content #updated-content {
  flex-basis: 16% !important;
}

/* line 3721, app/assets/stylesheets/screen.scss */
.request-label-progress {
  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 3731, app/assets/stylesheets/screen.scss */
.request-label-progress a {
  color: #3b45d8;
  text-decoration: none;
}

/* line 3737, app/assets/stylesheets/screen.scss */
.request-label-status {
  border-color: #262626;
  color: #262626;
  background: #dfdfdf;
  padding: 0.20rem 0.24444rem 0.23333rem;
  font-size: 11px;
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
  text-transform: uppercase;
}

/* line 3748, app/assets/stylesheets/screen.scss */
.request-label-status a {
  color: #262626;
  text-decoration: none;
}

/* line 3755, app/assets/stylesheets/screen.scss */
#prices .price-name {
  flex-basis: 33%;
}

/* line 3759, app/assets/stylesheets/screen.scss */
#prices .price-description {
  flex-basis: 33%;
}

/* line 3763, app/assets/stylesheets/screen.scss */
#prices .price-actions {
  flex-basis: 33%;
}

/* line 3769, app/assets/stylesheets/screen.scss */
#invoices-index .uid,
#invoices-index .uid-header {
  flex-basis: 10%;
}

/* line 3774, app/assets/stylesheets/screen.scss */
#invoices-index .client-header,
#invoices-index .client {
  flex-basis: 20%;
}

/* line 3779, app/assets/stylesheets/screen.scss */
#invoices-index .title-header,
#invoices-index .title {
  flex-basis: 20%;
}

/* line 3784, app/assets/stylesheets/screen.scss */
#invoices-index .client-order-header,
#invoices-index .client-order {
  flex-basis: 20%;
}

/* line 3789, app/assets/stylesheets/screen.scss */
#invoices-index .user,
#invoices-index .user-header {
  flex-basis: 10%;
}

/* line 3794, app/assets/stylesheets/screen.scss */
#invoices-index .date,
#invoices-index .date-header {
  flex-basis: 10%;
}

/* line 3799, app/assets/stylesheets/screen.scss */
#invoices-index .total,
#invoices-index .total-header {
  flex-basis: 10%;
}

/* line 3806, app/assets/stylesheets/screen.scss */
#bids-index .bid-uid-header,
#bids-index .bid-uid {
  flex-basis: 10%;
}

/* line 3811, app/assets/stylesheets/screen.scss */
#bids-index .bid-preview-header,
#bids-index .bid-preview {
  flex-basis: 10%;
}

/* line 3816, app/assets/stylesheets/screen.scss */
#bids-index .bid-client-header,
#bids-index .bid-client {
  flex-basis: 20%;
}

/* line 3821, app/assets/stylesheets/screen.scss */
#bids-index .bid-description-header,
#bids-index .bid-description {
  flex-basis: 40%;
}

/* line 3826, app/assets/stylesheets/screen.scss */
#bids-index .bid-amount-header,
#bids-index .bid-amount {
  flex-basis: 10%;
}

/* line 3831, app/assets/stylesheets/screen.scss */
#bids-index .bid-status-header,
#bids-index .bid-status {
  flex-basis: 10%;
}

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

/* line 3845, app/assets/stylesheets/screen.scss */
.bid-status-label-draft {
  border-color: #3b45d8;
  color: #3b45d8;
  background: #b1b6fc;
}

/* line 3851, app/assets/stylesheets/screen.scss */
.bid-status-label-submitted {
  border-color: #0e8888;
  color: #0e8888;
  background: #f4feff;
}

/* line 3857, app/assets/stylesheets/screen.scss */
.bid-status-label-accepted {
  border-color: #3b45d8;
  color: #3b45d8;
  background: #b1b6fc;
}

/* line 3863, app/assets/stylesheets/screen.scss */
.bid-status-label-rejected {
  border-color: #0da92b;
  color: #0da92b;
  background: #f1fff1;
}

/* line 3869, app/assets/stylesheets/screen.scss */
#new-report-menu-button {
  cursor: pointer;
}

/* line 3873, app/assets/stylesheets/screen.scss */
#new-report-dropdown-content {
  width: 200px;
}

/* line 3875, app/assets/stylesheets/screen.scss */
#new-report-dropdown-content a {
  line-height: 1em;
}

/* line 3881, app/assets/stylesheets/screen.scss */
#products-index .product-image-header,
#products-index .product-image {
  flex-basis: 10%;
}

/* line 3886, app/assets/stylesheets/screen.scss */
#products-index .product-name-header,
#products-index .product-name {
  flex-basis: 20%;
}

/* line 3891, app/assets/stylesheets/screen.scss */
#products-index .product-serial-header,
#products-index .product-serial {
  flex-basis: 20%;
}

/* line 3896, app/assets/stylesheets/screen.scss */
#products-index .product-make-header,
#products-index .product-make {
  flex-basis: 15%;
}

/* line 3901, app/assets/stylesheets/screen.scss */
#products-index .product-model-header,
#products-index .product-model {
  flex-basis: 10%;
}

/* line 3906, app/assets/stylesheets/screen.scss */
#products-index .product-cal-header,
#products-index .product-cal {
  flex-basis: 10%;
}

/* line 3911, app/assets/stylesheets/screen.scss */
#products-index .product-assinged-header,
#products-index .product-assinged {
  flex-basis: 10%;
}

/* line 3916, app/assets/stylesheets/screen.scss */
#products-index .product-status-header,
#products-index .product-status {
  flex-basis: 10%;
}

/* line 3922, app/assets/stylesheets/screen.scss */
.defect-type-button {
  padding: 0.5rem;
  border: 1px solid #ccc;
  border-radius: 4px;
  background: white;
  cursor: pointer;
  min-width: 120px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 3935, app/assets/stylesheets/screen.scss */
.defect-type-popup {
  background: white;
  padding: 1rem;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  width: 400px;
}

/* line 3942, app/assets/stylesheets/screen.scss */
.defect-type-popup select {
  width: 100%;
  height: 200px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 12px;
}

/* line 3949, app/assets/stylesheets/screen.scss */
.defect-type-popup select option {
  padding: 0.75rem 1rem;
  line-height: 1.5;
}

/* line 3953, app/assets/stylesheets/screen.scss */
.defect-type-popup select option:hover {
  background-color: #f5f5f5;
}

/* line 3957, app/assets/stylesheets/screen.scss */
.defect-type-popup select option:checked {
  background-color: #e6f3ff;
}

/* line 3980, app/assets/stylesheets/screen.scss */
.panel-content #user-name {
  flex-basis: 40%;
  display: flex;
  flex-direction: column;
}

/* line 3985, app/assets/stylesheets/screen.scss */
.panel-content #user-name a {
  color: #0032a0;
  width: fit-content;
}

/* line 3989, app/assets/stylesheets/screen.scss */
.panel-content #user-name a:hover {
  color: #1c2bd1;
}

/* line 3994, app/assets/stylesheets/screen.scss */
.panel-content #user-name .highlight {
  width: fit-content;
}

/* line 3999, app/assets/stylesheets/screen.scss */
.panel-content #user-added-date {
  flex-basis: 20%;
}

/* line 4003, app/assets/stylesheets/screen.scss */
.panel-content #user-promote {
  flex-basis: 20%;
}

/* line 4007, app/assets/stylesheets/screen.scss */
.panel-content #user-suspend {
  flex-basis: 20%;
}

/* line 4011, app/assets/stylesheets/screen.scss */
.panel-content #customer-company {
  flex-basis: 20%;
}

/* line 4014, app/assets/stylesheets/screen.scss */
.panel-content #customer-company a {
  color: #0032a0;
  width: fit-content;
}

/* line 4018, app/assets/stylesheets/screen.scss */
.panel-content #customer-company a:hover {
  color: #1c2bd1;
}

/* line 4025, app/assets/stylesheets/screen.scss */
#user-header {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

/* line 4030, app/assets/stylesheets/screen.scss */
#user-header form {
  flex: 1 1 300px;
  font-family: 'Rubik';
  position: relative;
}

/* line 4035, app/assets/stylesheets/screen.scss */
#user-header form ::placeholder {
  font-size: 12px;
}

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

/* line 4048, app/assets/stylesheets/screen.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 4059, app/assets/stylesheets/screen.scss */
#user-header a {
  margin-right: 6px;
}

/* line 4068, app/assets/stylesheets/screen.scss */
.client {
  width: 28%;
  float: left;
}

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

/* line 4078, app/assets/stylesheets/screen.scss */
.panel-content #contact-name {
  flex-basis: 20%;
}

/* line 4082, app/assets/stylesheets/screen.scss */
.panel-content #contact-title {
  flex-basis: 20%;
}

/* line 4086, app/assets/stylesheets/screen.scss */
.panel-content #contact-phone {
  flex-basis: 20%;
}

/* line 4090, app/assets/stylesheets/screen.scss */
.panel-content #contact-email {
  flex-basis: 20%;
}

/* line 4094, app/assets/stylesheets/screen.scss */
.panel-content #client-report-count {
  flex-basis: 20%;
}

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

/* line 4103, app/assets/stylesheets/screen.scss */
#client-header {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

/* line 4108, app/assets/stylesheets/screen.scss */
#client-header form {
  flex: 1 1 300px;
  font-family: 'Rubik';
  position: relative;
}

/* line 4113, app/assets/stylesheets/screen.scss */
#client-header form ::placeholder {
  font-size: 12px;
}

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

/* line 4126, app/assets/stylesheets/screen.scss */
#client-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 4137, app/assets/stylesheets/screen.scss */
#client-header a {
  margin-right: 6px;
}

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

/* line 4151, app/assets/stylesheets/screen.scss */
#client-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 4162, app/assets/stylesheets/screen.scss */
#client-show-header #title {
  flex-basis: 60%;
}

/* line 4166, app/assets/stylesheets/screen.scss */
#client-show-header #stats {
  flex-basis: 40%;
  display: flex;
  justify-content: flex-end;
}

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

/* line 4182, app/assets/stylesheets/screen.scss */
#client-show-header p {
  margin: 0px;
}

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

/* line 4192, app/assets/stylesheets/screen.scss */
#client-show-menu {
  display: flex;
}

/* line 4195, app/assets/stylesheets/screen.scss */
#client-show-menu a {
  margin-right: 4px;
}

/* line 4201, app/assets/stylesheets/screen.scss */
#client-index .client-name-header,
#client-index .client-name {
  flex-basis: 40%;
}

/* line 4206, app/assets/stylesheets/screen.scss */
#client-index .client-work-order-header,
#client-index .client-work-order {
  flex-basis: 20%;
}

/* line 4211, app/assets/stylesheets/screen.scss */
#client-index .client-report-count-header,
#client-index .client-report-count {
  flex-basis: 20%;
}

/* line 4216, app/assets/stylesheets/screen.scss */
#client-index .client-created-header,
#client-index .client-created {
  flex-basis: 20%;
}

/* line 4221, app/assets/stylesheets/screen.scss */
#client-index .client-name {
  display: flex;
  flex-direction: column;
}

/* line 4225, app/assets/stylesheets/screen.scss */
#client-index .client-name a {
  color: #0032a0;
  font-size: 14px;
}

/* line 4229, app/assets/stylesheets/screen.scss */
#client-index .client-name a:hover {
  color: #1c2bd1;
}

/* line 4234, app/assets/stylesheets/screen.scss */
#client-index .client-name .highlight {
  width: fit-content;
}

/* line 4241, app/assets/stylesheets/screen.scss */
#report-list-container #uid,
#report-list-container #uid-content {
  flex-basis: 7%;
}

/* line 4246, app/assets/stylesheets/screen.scss */
#report-list-container #preview,
#report-list-container #preview-content {
  flex-basis: 3%;
}

/* line 4251, app/assets/stylesheets/screen.scss */
#report-list-container #email-status,
#report-list-container #email-status-content {
  flex-basis: 3%;
}

/* line 4256, app/assets/stylesheets/screen.scss */
#report-list-container #approved-status,
#report-list-container #approved-status-content {
  flex-basis: 3%;
}

/* line 4261, app/assets/stylesheets/screen.scss */
#report-list-container #title,
#report-list-container #title-content {
  flex-basis: 20%;
}

/* line 4266, app/assets/stylesheets/screen.scss */
#report-list-container #component,
#report-list-container #component-content {
  flex-basis: 12%;
}

/* line 4271, app/assets/stylesheets/screen.scss */
#report-list-container #client,
#report-list-container #client-content {
  flex-basis: 20%;
}

/* line 4276, app/assets/stylesheets/screen.scss */
#report-list-container #status,
#report-list-container #status-content {
  flex-basis: 10%;
}

/* line 4281, app/assets/stylesheets/screen.scss */
#report-list-container #user,
#report-list-container #user-content {
  flex-basis: 10%;
}

/* line 4286, app/assets/stylesheets/screen.scss */
#report-list-container #updated,
#report-list-container #updated-content {
  flex-basis: 10%;
}

/* line 4291, app/assets/stylesheets/screen.scss */
#report-list-container .comments-indicator,
#report-list-container .comments-indicator-content {
  flex-basis: 2%;
}

/* line 4297, app/assets/stylesheets/screen.scss */
.panel-sidebar {
  border-radius: 0px;
}

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

/* line 4305, app/assets/stylesheets/screen.scss */
.rounded-input {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 10px;
  font-size: 14px;
  width: 150%;
  box-sizing: border-box;
  outline: none;
  transition: border-color 0.3s ease;
  height: 40px;
}

/* line 4316, app/assets/stylesheets/screen.scss */
.rounded-input:focus {
  border-color: #0078e7;
  box-shadow: 0 0 5px rgba(0, 120, 231, 0.5);
}

/* line 4321, app/assets/stylesheets/screen.scss */
.rounded-input::placeholder {
  color: #aaa;
  font-size: 12px;
}

/* line 4327, app/assets/stylesheets/screen.scss */
.image-panel {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  height: 100%;
  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 4340, app/assets/stylesheets/screen.scss */
.image-panel .image-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 4358, app/assets/stylesheets/screen.scss */
.image-container {
  flex: 1;
  height: auto;
}

/* line 4363, app/assets/stylesheets/screen.scss */
.reference-image {
  max-width: 100%;
  height: auto;
  margin-top: 8px;
  margin-left: 1rem;
  width: 50%;
  object-fit: contain;
}

/* line 4373, app/assets/stylesheets/screen.scss */
.test-location-image {
  width: 300px;
  height: auto;
}

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

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

/* line 4389, app/assets/stylesheets/screen.scss */
#users-index .user-base-content,
#users-index .user-base {
  flex-basis: 10%;
}

/* line 4394, app/assets/stylesheets/screen.scss */
#users-index .user-type-content,
#users-index .user-type {
  flex-basis: 10%;
}

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

/* line 4404, app/assets/stylesheets/screen.scss */
#users-index .user-client-content,
#users-index .user-client {
  flex-basis: 15%;
}

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

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

/* line 4418, app/assets/stylesheets/screen.scss */
.image-panel {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  height: 100%;
  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 4431, app/assets/stylesheets/screen.scss */
.image-panel .image-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 4449, app/assets/stylesheets/screen.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 4461, app/assets/stylesheets/screen.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 4473, app/assets/stylesheets/screen.scss */
.work-order-container {
  display: flex;
  align-items: flex-start;
}

/* line 4478, app/assets/stylesheets/screen.scss */
.work-order-content {
  flex: 1;
  overflow-y: auto;
}

/* line 4484, app/assets/stylesheets/screen.scss */
#work-order-container #uid,
#work-order-container #uid-content {
  flex-basis: 20%;
}

/* line 4489, app/assets/stylesheets/screen.scss */
#work-order-container #user-work-order,
#work-order-container #user-work-order-content {
  flex-basis: 30%;
}

/* line 4494, app/assets/stylesheets/screen.scss */
#work-order-container #approved-status,
#work-order-container #approved-status-content {
  flex-basis: 10%;
}

/* line 4500, app/assets/stylesheets/screen.scss */
#work-request-menu {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 10px;
  gap: 4px;
}

/* line 4508, app/assets/stylesheets/screen.scss */
.pre-report {
  color: #f35959 !important;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}

/* line 4518, app/assets/stylesheets/screen.scss */
.user-avatars {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

/* line 4524, app/assets/stylesheets/screen.scss */
.user-avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f0f0f0;
  transition: transform 0.2s ease;
}

/* line 4537, app/assets/stylesheets/screen.scss */
.user-avatar:not(:first-child) {
  margin-left: -8px;
}

/* line 4542, app/assets/stylesheets/screen.scss */
.inline-avatar {
  display: inline-flex;
  width: 24px;
  height: 24px;
  margin: 0 5px;
  vertical-align: middle;
  position: relative;
  top: -2px;
}

/* line 4552, app/assets/stylesheets/screen.scss */
.avatar-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* line 4558, app/assets/stylesheets/screen.scss */
.avatar-initials {
  font-size: 12px;
  font-weight: 600;
  color: #666;
}

/* line 4565, app/assets/stylesheets/screen.scss */
.readonly-field {
  padding: 8px 12px;
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  border-radius: 4px;
  color: #666;
  font-style: italic;
}

/* line 4575, app/assets/stylesheets/screen.scss */
.assigned-users {
  display: flex;
  align-items: center;
  gap: 1rem;
}

/* line 4583, app/assets/stylesheets/screen.scss */
.request-assigned .user-avatars {
  margin: 0;
  display: inline-flex;
}

/* line 4588, app/assets/stylesheets/screen.scss */
.request-assigned .unassigned {
  color: #666;
  font-style: italic;
}

/* line 4594, app/assets/stylesheets/screen.scss */
.user-avatar {
  width: 24px;
  height: 24px;
}

/* line 4598, app/assets/stylesheets/screen.scss */
.user-avatar .avatar-initials {
  font-size: 10px;
}

/* line 4605, app/assets/stylesheets/screen.scss */
.hidden-section {
  display: none !important;
}

/* line 4609, app/assets/stylesheets/screen.scss */
.form-section {
  transition: all 0.3s ease-in-out;
  padding: 15px;
  margin-bottom: 15px;
  border-radius: 5px;
}

/* line 4616, app/assets/stylesheets/screen.scss */
.client-select-section {
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

/* line 4622, app/assets/stylesheets/screen.scss */
.form-section:not(.hidden-section) {
  animation: fadeIn 0.5s;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* line 4632, app/assets/stylesheets/screen.scss */
.hidden-section {
  display: none !important;
}

/* line 4636, app/assets/stylesheets/screen.scss */
.form-section {
  transition: all 0.3s ease-in-out;
  padding: 15px;
  margin-bottom: 15px;
  border-radius: 5px;
}

/* line 4643, app/assets/stylesheets/screen.scss */
.form-section:not(.hidden-section) {
  animation: fadeIn 0.5s;
}

/* line 4647, app/assets/stylesheets/screen.scss */
.work-order-warning {
  border-left: 4px solid #f0ad4e;
  background-color: #fcf8e3;
  padding: 20px;
  margin: 20px 0;
  border-radius: 4px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

/* line 4656, app/assets/stylesheets/screen.scss */
.work-order-warning h3 {
  margin-top: 0;
  color: #8a6d3b;
  font-weight: 600;
}

/* line 4662, app/assets/stylesheets/screen.scss */
.work-order-warning p {
  margin-bottom: 20px;
  color: #666;
}

/* line 4667, app/assets/stylesheets/screen.scss */
.work-order-warning .button-container {
  display: flex;
  gap: 10px;
}

/* line 4672, app/assets/stylesheets/screen.scss */
.work-order-warning:not(.hidden-section) {
  animation: bounceIn 0.5s;
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  70% {
    opacity: 1;
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}

/* line 4684, app/assets/stylesheets/screen.scss */
.tippy-content h4 {
  margin: 0 0 8px;
  padding-bottom: 6px;
  border-bottom: 1px solid #eee;
  font-size: 13px;
  color: #333;
}

/* line 4693, app/assets/stylesheets/screen.scss */
.report-creators-list {
  max-height: 250px;
  overflow-y: auto;
}

/* line 4697, app/assets/stylesheets/screen.scss */
.report-creators-list .creator-button {
  width: 100%;
  padding: 6px;
  border: none;
  background: none;
  cursor: pointer;
  text-align: left;
  transition: background-color 0.2s;
}

/* line 4706, app/assets/stylesheets/screen.scss */
.report-creators-list .creator-button:hover {
  background-color: #f5f5f5;
}

/* line 4711, app/assets/stylesheets/screen.scss */
.report-creators-list .creator-info {
  display: flex;
  align-items: center;
  gap: 6px;
}

/* line 4717, app/assets/stylesheets/screen.scss */
.report-creators-list .creator-avatar {
  width: 20px;
  height: 20px;
  border-radius: 50%;
}

/* line 4723, app/assets/stylesheets/screen.scss */
.report-creators-list .creator-initials {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #e0e0e0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  color: #666;
}

/* line 4735, app/assets/stylesheets/screen.scss */
.report-creators-list .creator-name {
  font-size: 13px;
  color: #333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 4747, app/assets/stylesheets/screen.scss */
.lifecycle-events h3 {
  color: #0032a0;
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: 600;
}

/* line 4755, app/assets/stylesheets/screen.scss */
.lifecycle-events .events-timeline .timeline-event {
  border-left: 3px solid #019bd7;
  margin-bottom: 15px;
  padding-left: 15px;
  position: relative;
}

/* line 4761, app/assets/stylesheets/screen.scss */
.lifecycle-events .events-timeline .timeline-event:before {
  content: '';
  background: #019bd7;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  position: absolute;
  left: -6px;
  top: 5px;
}

/* line 4772, app/assets/stylesheets/screen.scss */
.lifecycle-events .events-timeline .timeline-event:last-child {
  margin-bottom: 0;
}

/* line 4776, app/assets/stylesheets/screen.scss */
.lifecycle-events .events-timeline .timeline-event .event-timestamp {
  font-size: 12px;
  color: #666;
  margin-bottom: 5px;
}

/* line 4782, app/assets/stylesheets/screen.scss */
.lifecycle-events .events-timeline .timeline-event .event-type {
  font-weight: 600;
  color: #0032a0;
  margin-bottom: 3px;
}

/* line 4788, app/assets/stylesheets/screen.scss */
.lifecycle-events .events-timeline .timeline-event .event-type.event-type-status-change {
  color: #0da92b;
}

/* line 4792, app/assets/stylesheets/screen.scss */
.lifecycle-events .events-timeline .timeline-event .event-type.event-type-assignment {
  color: #0e8888;
}

/* line 4796, app/assets/stylesheets/screen.scss */
.lifecycle-events .events-timeline .timeline-event .event-type.event-type-oba-assignment {
  color: #0032a0;
  font-size: 14px;
}

/* line 4801, app/assets/stylesheets/screen.scss */
.lifecycle-events .events-timeline .timeline-event .event-type.event-type-base-assignment {
  color: #0e8888;
}

/* line 4805, app/assets/stylesheets/screen.scss */
.lifecycle-events .events-timeline .timeline-event .event-type.event-type-user-assignment {
  color: #019bd7;
}

/* line 4809, app/assets/stylesheets/screen.scss */
.lifecycle-events .events-timeline .timeline-event .event-type.event-type-user-unassignment {
  color: #d3850f;
}

/* line 4813, app/assets/stylesheets/screen.scss */
.lifecycle-events .events-timeline .timeline-event .event-type.event-type-created {
  color: #d3850f;
}

/* line 4817, app/assets/stylesheets/screen.scss */
.lifecycle-events .events-timeline .timeline-event .event-type.event-type-approval {
  color: #0da92b;
}

/* line 4821, app/assets/stylesheets/screen.scss */
.lifecycle-events .events-timeline .timeline-event .event-type.event-type-field-update {
  color: #262626;
}

/* line 4825, app/assets/stylesheets/screen.scss */
.lifecycle-events .events-timeline .timeline-event .event-type.event-type-edit {
  color: #e67e22;
}

/* line 4829, app/assets/stylesheets/screen.scss */
.lifecycle-events .events-timeline .timeline-event .event-type.event-type-ready-for-creation {
  color: #27ae60;
}

/* line 4833, app/assets/stylesheets/screen.scss */
.lifecycle-events .events-timeline .timeline-event .event-type.event-type-ready-for-review {
  color: #3498db;
}

/* line 4838, app/assets/stylesheets/screen.scss */
.lifecycle-events .events-timeline .timeline-event .event-description {
  color: #333;
  margin-bottom: 3px;
}

/* line 4843, app/assets/stylesheets/screen.scss */
.lifecycle-events .events-timeline .timeline-event .event-user {
  font-size: 12px;
  color: #888;
  font-style: italic;
}

/* line 4854, app/assets/stylesheets/screen.scss */
#work-order-lifecycle .lifecycle-events .events-timeline .timeline-event {
  border-left-color: #0e8888;
}

/* line 4857, app/assets/stylesheets/screen.scss */
#work-order-lifecycle .lifecycle-events .events-timeline .timeline-event:before {
  background: #0e8888;
}

/* line 4863, app/assets/stylesheets/screen.scss */
#work-order-show-container {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-template-rows: 40px auto;
  gap: 10px;
}

/* line 4869, app/assets/stylesheets/screen.scss */
#work-order-show-container #work-request-menu {
  grid-column: 1 / -1;
  grid-row: 1 / 2;
}

/* line 4874, app/assets/stylesheets/screen.scss */
#work-order-show-container #work-order-container {
  grid-column: 1 / 2;
  grid-row: 2 / 3;
}

/* line 4879, app/assets/stylesheets/screen.scss */
#work-order-show-container #work-order-lifecycle {
  grid-column: 2 / 3;
  grid-row: 2 / 3;
}

/* line 2, app/assets/stylesheets/work_orders.scss */
.panel-content-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
  padding: 15px;
}

/* line 8, app/assets/stylesheets/work_orders.scss */
.panel-content-grid .grid-item {
  padding: 8px;
  border-radius: 5px;
  background-color: #f9f9f9;
}

/* line 13, app/assets/stylesheets/work_orders.scss */
.panel-content-grid .grid-item.assigned-users {
  grid-column: span 3;
}

/* line 16, app/assets/stylesheets/work_orders.scss */
.panel-content-grid .grid-item.assigned-users .user-avatars {
  display: flex;
  flex-wrap: wrap;
  margin-top: 5px;
}

/* Dashboard styles */
/* line 2, app/assets/stylesheets/dashboard.scss */
.dashboard-container {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 15px;
}

/* line 9, app/assets/stylesheets/dashboard.scss */
.dashboard-header {
  margin-bottom: 10px;
}

/* line 12, app/assets/stylesheets/dashboard.scss */
.dashboard-header h1 {
  font-size: 1.75rem;
  font-weight: 500;
  margin-bottom: 5px;
}

/* line 18, app/assets/stylesheets/dashboard.scss */
.dashboard-header p {
  color: #666;
  margin-top: 0;
}

/* Stats Cards */
/* line 25, app/assets/stylesheets/dashboard.scss */
.dashboard-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin-bottom: 20px;
}

/* line 32, app/assets/stylesheets/dashboard.scss */
.stat-card {
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  padding: 15px 20px;
  min-width: 120px;
  flex: 1;
  text-align: center;
  transition: transform 0.2s ease;
}

/* line 42, app/assets/stylesheets/dashboard.scss */
.stat-card:hover {
  transform: translateY(-2px);
}

/* line 46, app/assets/stylesheets/dashboard.scss */
.stat-card .stat-value {
  font-size: 2rem;
  font-weight: 600;
  color: #0032a0;
}

/* line 52, app/assets/stylesheets/dashboard.scss */
.stat-card .stat-label {
  font-size: 0.9rem;
  color: #666;
  margin-top: 5px;
}

/* line 59, app/assets/stylesheets/dashboard.scss */
.dashboard-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}

@media (min-width: 1024px) {
  /* line 59, app/assets/stylesheets/dashboard.scss */
  .dashboard-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* line 69, app/assets/stylesheets/dashboard.scss */
.dashboard-panel {
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  margin-bottom: 20px;
}

/* line 76, app/assets/stylesheets/dashboard.scss */
.dashboard-panel .panel-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 15px;
  background: #f5f5f5;
  border-bottom: 1px solid #e1e1e1;
  font-weight: 500;
}

/* line 86, app/assets/stylesheets/dashboard.scss */
.dashboard-panel .panel-content {
  padding: 15px;
}

/* line 90, app/assets/stylesheets/dashboard.scss */
.dashboard-panel .view-all-link {
  font-size: 0.8rem;
  color: #0032a0;
  text-decoration: none;
}

/* line 95, app/assets/stylesheets/dashboard.scss */
.dashboard-panel .view-all-link:hover {
  text-decoration: underline;
}

/* Status Chart */
/* line 102, app/assets/stylesheets/dashboard.scss */
.status-chart {
  padding: 10px 0;
}

/* line 106, app/assets/stylesheets/dashboard.scss */
.status-item {
  margin-bottom: 12px;
}

/* line 109, app/assets/stylesheets/dashboard.scss */
.status-item .status-label {
  font-size: 0.8rem;
  color: #555;
  margin-bottom: 3px;
}

/* line 115, app/assets/stylesheets/dashboard.scss */
.status-item .status-bar {
  background: #f0f0f0;
  border-radius: 4px;
  height: 25px;
  overflow: hidden;
}

/* line 121, app/assets/stylesheets/dashboard.scss */
.status-item .status-bar .status-bar-fill {
  height: 100%;
  color: white;
  display: flex;
  align-items: center;
  padding-left: 8px;
  font-size: 0.8rem;
  font-weight: 500;
  min-width: 30px;
  transition: width 0.5s ease-in-out;
  /* Default fallback if class not specified */
}

/* line 132, app/assets/stylesheets/dashboard.scss */
.status-item .status-bar .status-bar-fill.work-order-bar {
  background: linear-gradient(to right, #0032a0, #019bd7);
}

/* line 136, app/assets/stylesheets/dashboard.scss */
.status-item .status-bar .status-bar-fill.report-bar {
  background: linear-gradient(to right, #7ba112, #9dcc1a);
}

/* line 141, app/assets/stylesheets/dashboard.scss */
.status-item .status-bar .status-bar-fill:not(.work-order-bar):not(.report-bar) {
  background: linear-gradient(to right, #0032a0, #019bd7);
}
/* Dashboard styles */
/* line 2, app/assets/stylesheets/dashboard.scss */
.dashboard-container {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 15px;
}

/* line 9, app/assets/stylesheets/dashboard.scss */
.dashboard-header {
  margin-bottom: 10px;
}

/* line 12, app/assets/stylesheets/dashboard.scss */
.dashboard-header h1 {
  font-size: 1.75rem;
  font-weight: 500;
  margin-bottom: 5px;
}

/* line 18, app/assets/stylesheets/dashboard.scss */
.dashboard-header p {
  color: #666;
  margin-top: 0;
}

/* Stats Cards */
/* line 25, app/assets/stylesheets/dashboard.scss */
.dashboard-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin-bottom: 20px;
}

/* line 32, app/assets/stylesheets/dashboard.scss */
.stat-card {
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  padding: 15px 20px;
  min-width: 120px;
  flex: 1;
  text-align: center;
  transition: transform 0.2s ease;
}

/* line 42, app/assets/stylesheets/dashboard.scss */
.stat-card:hover {
  transform: translateY(-2px);
}

/* line 46, app/assets/stylesheets/dashboard.scss */
.stat-card .stat-value {
  font-size: 2rem;
  font-weight: 600;
  color: #0032a0;
}

/* line 52, app/assets/stylesheets/dashboard.scss */
.stat-card .stat-label {
  font-size: 0.9rem;
  color: #666;
  margin-top: 5px;
}

/* line 59, app/assets/stylesheets/dashboard.scss */
.dashboard-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}

@media (min-width: 1024px) {
  /* line 59, app/assets/stylesheets/dashboard.scss */
  .dashboard-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* line 69, app/assets/stylesheets/dashboard.scss */
.dashboard-panel {
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  margin-bottom: 20px;
}

/* line 76, app/assets/stylesheets/dashboard.scss */
.dashboard-panel .panel-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 15px;
  background: #f5f5f5;
  border-bottom: 1px solid #e1e1e1;
  font-weight: 500;
}

/* line 86, app/assets/stylesheets/dashboard.scss */
.dashboard-panel .panel-content {
  padding: 15px;
}

/* line 90, app/assets/stylesheets/dashboard.scss */
.dashboard-panel .view-all-link {
  font-size: 0.8rem;
  color: #0032a0;
  text-decoration: none;
}

/* line 95, app/assets/stylesheets/dashboard.scss */
.dashboard-panel .view-all-link:hover {
  text-decoration: underline;
}

/* Status Chart */
/* line 102, app/assets/stylesheets/dashboard.scss */
.status-chart {
  padding: 10px 0;
}

/* line 106, app/assets/stylesheets/dashboard.scss */
.status-item {
  margin-bottom: 12px;
}

/* line 109, app/assets/stylesheets/dashboard.scss */
.status-item .status-label {
  font-size: 0.8rem;
  color: #555;
  margin-bottom: 3px;
}

/* line 115, app/assets/stylesheets/dashboard.scss */
.status-item .status-bar {
  background: #f0f0f0;
  border-radius: 4px;
  height: 25px;
  overflow: hidden;
}

/* line 121, app/assets/stylesheets/dashboard.scss */
.status-item .status-bar .status-bar-fill {
  height: 100%;
  color: white;
  display: flex;
  align-items: center;
  padding-left: 8px;
  font-size: 0.8rem;
  font-weight: 500;
  min-width: 30px;
  transition: width 0.5s ease-in-out;
  /* Default fallback if class not specified */
}

/* line 132, app/assets/stylesheets/dashboard.scss */
.status-item .status-bar .status-bar-fill.work-order-bar {
  background: linear-gradient(to right, #0032a0, #019bd7);
}

/* line 136, app/assets/stylesheets/dashboard.scss */
.status-item .status-bar .status-bar-fill.report-bar {
  background: linear-gradient(to right, #7ba112, #9dcc1a);
}

/* line 141, app/assets/stylesheets/dashboard.scss */
.status-item .status-bar .status-bar-fill:not(.work-order-bar):not(.report-bar) {
  background: linear-gradient(to right, #0032a0, #019bd7);
}
@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: 8px;
}

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

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

/* line 26, app/assets/stylesheets/pdf_styles.scss */
.test-data-section table tr:last-child td,
.general-params-section table tr:last-child td,
.specific-params-section table tr:last-child td {
  border-bottom: none !important;
}

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

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

/* line 43, app/assets/stylesheets/pdf_styles.scss */
#report-header td {
  border: 1px solid black;
  text-align: center;
  background-color: #019bd7;
  color: white;
}

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

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

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

/* line 67, 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 76, app/assets/stylesheets/pdf_styles.scss */
span.es-text {
  text-transform: uppercase;
}

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

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

/* line 91, app/assets/stylesheets/pdf_styles.scss */
.td-label-cells {
  background-color: #efefef;
  text-align: center;
}

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

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

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

/* line 109, app/assets/stylesheets/pdf_styles.scss */
.bottom-border {
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
}

/* line 113, app/assets/stylesheets/pdf_styles.scss */
.footer-section {
  position: fixed;
  bottom: 40px;
  left: 20px;
  right: 20px;
}

/* line 120, app/assets/stylesheets/pdf_styles.scss */
.description-section {
  display: block;
  padding: 10px;
}

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

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

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

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

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

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

/* line 160, 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 167, app/assets/stylesheets/pdf_styles.scss */
.annex-page {
  page-break-before: always;
  padding-top: 20px;
}

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

/* Add or update page break styles */
@page {
  margin: 2mm 2mm 2mm 2mm;
  /* top right bottom left */
}

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

/* Footer signature */
/* line 189, app/assets/stylesheets/pdf_styles.scss */
.td-signature {
  text-align: center;
  vertical-align: middle;
}

/* line 194, app/assets/stylesheets/pdf_styles.scss */
.img-signature {
  display: block;
  margin: 0 auto;
  max-width: 110px;
  max-height: 38px;
}

/* line 200, app/assets/stylesheets/pdf_styles.scss */
.image-container {
  align-items: center;
  height: 100%;
  text-align: center;
}

/* line 206, app/assets/stylesheets/pdf_styles.scss */
.reference-image {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
/* line 4, app/assets/stylesheets/screen.scss */
html {
  font-family: 'Rubik';
  font-size: 14px;
}

/* line 54, app/assets/stylesheets/screen.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";
  max-width: 100vw;
  overflow-x: hidden;
  box-sizing: border-box;
}

@media (min-width: 1025px) and (max-width: 1400px) {
  /* line 54, app/assets/stylesheets/screen.scss */
  #main-wrapper {
    /* iPad landscape */
    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 54, app/assets/stylesheets/screen.scss */
  #main-wrapper {
    grid-template-columns: max-content 1fr;
    grid-template-rows: 64px max-content 300px 1fr 1fr;
    column-gap: 0.5vw;
    grid-template-areas: "topNav topNav" "sideBarWrapper flashContainer" "sideBarWrapper mainContentWrapper" "sideBarWrapper mainContentWrapper" "sideBarWrapper mainContentWrapper";
  }
}

/* line 91, app/assets/stylesheets/screen.scss */
#main-content-wrapper {
  grid-area: mainContentWrapper;
  position: relative;
}

/* line 96, app/assets/stylesheets/screen.scss */
#top-nav {
  grid-area: topNav;
}

/* line 100, app/assets/stylesheets/screen.scss */
#flash_container {
  grid-area: flashContainer;
  margin-top: 6px;
  margin-bottom: 6px;
}

/* line 106, app/assets/stylesheets/screen.scss */
#side-bar-wrapper {
  max-width: 10vw;
  grid-area: sideBarWrapper;
}

@media (min-width: 1025px) {
  /* line 106, app/assets/stylesheets/screen.scss */
  #side-bar-wrapper {
    padding: 0px;
  }
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/* line 120, app/assets/stylesheets/screen.scss */
#top-nav {
  background-color: lch(9.471% 6.568 282.863);
  font-family: "Rubik";
  padding: 14px 20px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

/* line 129, app/assets/stylesheets/screen.scss */
#top-nav #branding {
  margin-right: 18px;
  margin-top: 0px;
}

/* line 134, app/assets/stylesheets/screen.scss */
#top-nav .top-nav-dropdown {
  border-radius: 8px;
}

/* line 139, app/assets/stylesheets/screen.scss */
.menu,
.sub-menu {
  margin: 0;
  padding: 0;
  overflow: hidden;
}

/* line 148, app/assets/stylesheets/screen.scss */
.menu-item.has-children, .menu-item.has-children .menu-item {
  position: relative;
}

@media (min-width: 1025px) {
  /* line 153, app/assets/stylesheets/screen.scss */
  .menu-item:not(:last-child) {
    border-bottom: none;
  }
}

/* line 159, app/assets/stylesheets/screen.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: #b7b7b7;
  background-color: lch(9.471% 6.568 282.863);
}

/* line 169, app/assets/stylesheets/screen.scss */
.menu-item button:hover, .menu-item a:hover {
  background-color: #282f38;
  border-radius: 4px;
  color: #b7b7b7;
}

@media (min-width: 769px) {
  /* line 159, app/assets/stylesheets/screen.scss */
  .menu-item button, .menu-item a {
    font-size: 12px;
  }
}

/* line 180, app/assets/stylesheets/screen.scss */
.menu-item button {
  border: none;
}

/* line 183, app/assets/stylesheets/screen.scss */
.menu-item button:focus {
  outline: 0;
}

/* line 188, app/assets/stylesheets/screen.scss */
.menu-item a {
  text-decoration: none;
  display: block;
}

/* line 193, app/assets/stylesheets/screen.scss */
.menu-item a.active {
  border-radius: 4px;
  background-color: #000;
  border: 1px solid  #4e5866;
}

/* line 200, app/assets/stylesheets/screen.scss */
.menu-item form {
  margin: 0;
}

/* line 203, app/assets/stylesheets/screen.scss */
.menu-item form input:focus {
  outline: none;
}

@media (min-width: 1025px) {
  /* line 200, app/assets/stylesheets/screen.scss */
  .menu-item form {
    padding: 0px;
  }
}

/* line 211, app/assets/stylesheets/screen.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 211, app/assets/stylesheets/screen.scss */
  .menu-item form .search-query-input {
    padding: .5em .6em;
    margin: .25em 0;
    width: 400px;
    box-sizing: border-box;
    font-size: 0.8em;
    background-color: #314052;
    border: 1px solid black;
    color: #d3d3d3;
    border-radius: 4px;
    padding-left: 3px;
  }
}

@media (max-width: 1080px) {
  /* line 211, app/assets/stylesheets/screen.scss */
  .menu-item form .search-query-input {
    width: 200px;
  }
}

/* line 239, app/assets/stylesheets/screen.scss */
.sub-menu {
  background-color: white;
  visibility: hidden;
  opacity: 0;
  height: 0;
  width: 0;
}

@media (min-width: 1025px) {
  /* line 239, app/assets/stylesheets/screen.scss */
  .sub-menu {
    width: 225px;
    position: absolute;
    z-index: 3000;
  }
}

/* line 252, app/assets/stylesheets/screen.scss */
.sub-menu sub-menu-item {
  visibility: hidden;
  border-bottom: 1px solid rgba(74, 74, 74, 0.535);
}

@media (min-width: 1025px) {
  /* line 252, app/assets/stylesheets/screen.scss */
  .sub-menu sub-menu-item {
    border-bottom: none;
  }
}

/* line 260, app/assets/stylesheets/screen.scss */
.sub-menu sub-menu-item a {
  margin: 4px 0;
  display: block;
  color: lch(9.471% 6.568 282.863);
  font-size: 12px;
  text-decoration: none;
  font-family: 'Rubik', sans-serif;
  font-weight: 400;
  line-height: 28px;
}

/* line 270, app/assets/stylesheets/screen.scss */
.sub-menu sub-menu-item a:hover {
  text-decoration: underline;
}

/* line 277, app/assets/stylesheets/screen.scss */
#top-nav-search {
  padding: 0.2em;
  margin-left: auto;
}

/* line 281, app/assets/stylesheets/screen.scss */
#top-nav-search::placeholder {
  color: red;
}

/* line 286, app/assets/stylesheets/screen.scss */
#client-brand {
  color: #2a2a2a;
}

/* line 290, app/assets/stylesheets/screen.scss */
.visible {
  visibility: visible !important;
}

/* line 294, app/assets/stylesheets/screen.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 303, app/assets/stylesheets/screen.scss */
.openSubMenuUser a {
  background-color: white;
  color: #019bd7;
}

/* line 307, app/assets/stylesheets/screen.scss */
.openSubMenuUser a:hover {
  background-color: white;
  text-decoration: underline;
  color: #019bd7;
}

/* line 314, app/assets/stylesheets/screen.scss */
.openSubMenuUser .menu-item {
  display: block;
}

@media (min-width: 1025px) {
  /* line 294, app/assets/stylesheets/screen.scss */
  .openSubMenuUser {
    width: 219px;
    left: -300%;
    top: 35px;
  }
}

/* line 325, app/assets/stylesheets/screen.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 334, app/assets/stylesheets/screen.scss */
.openClientSubMenuUser a {
  background-color: white;
  color: #0366d6;
}

/* line 338, app/assets/stylesheets/screen.scss */
.openClientSubMenuUser a:hover {
  background-color: white;
  text-decoration: underline;
  color: #0366d6;
}

/* line 345, app/assets/stylesheets/screen.scss */
.openClientSubMenuUser .menu-item {
  display: block;
}

@media (min-width: 1025px) {
  /* line 325, app/assets/stylesheets/screen.scss */
  .openClientSubMenuUser {
    width: 219px;
    left: 6%;
    top: 35px;
  }
}

/* line 356, app/assets/stylesheets/screen.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 365, app/assets/stylesheets/screen.scss */
.openSubMenuReport a {
  background-color: white;
  color: #019bd7;
}

/* line 369, app/assets/stylesheets/screen.scss */
.openSubMenuReport a:hover {
  background-color: white;
  text-decoration: underline;
  color: #019bd7;
}

@media (min-width: 1025px) {
  /* line 356, app/assets/stylesheets/screen.scss */
  .openSubMenuReport {
    width: 225px;
    left: 0%;
    top: 37px;
  }
}

/* line 383, app/assets/stylesheets/screen.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 393, app/assets/stylesheets/screen.scss */
.openSubMenuInventorySite a {
  background-color: white;
  color: #0366d6;
  margin-bottom: 10px;
  text-decoration: none;
}

/* line 399, app/assets/stylesheets/screen.scss */
.openSubMenuInventorySite a:hover {
  background-color: white;
  text-decoration: underline;
  color: #0366d6;
}

@media (min-width: 1025px) {
  /* line 383, app/assets/stylesheets/screen.scss */
  .openSubMenuInventorySite {
    width: 138px;
    left: 155px;
    top: 29px;
    padding: 13px;
  }
  /* line 412, app/assets/stylesheets/screen.scss */
  .openSubMenuInventorySite div {
    margin-bottom: 14px;
  }
}

/* line 418, app/assets/stylesheets/screen.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 428, app/assets/stylesheets/screen.scss */
.openSubMenuInventoryTech a {
  background-color: white;
  color: #0366d6;
  margin-bottom: 10px;
  text-decoration: none;
}

/* line 434, app/assets/stylesheets/screen.scss */
.openSubMenuInventoryTech a:hover {
  background-color: white;
  text-decoration: underline;
  color: #0366d6;
}

@media (min-width: 1025px) {
  /* line 418, app/assets/stylesheets/screen.scss */
  .openSubMenuInventoryTech {
    width: 138px;
    left: 155px;
    top: 29px;
    padding: 13px;
  }
  /* line 447, app/assets/stylesheets/screen.scss */
  .openSubMenuInventoryTech div {
    margin-bottom: 14px;
  }
}

@media (min-width: 1025px) {
  /* line 454, app/assets/stylesheets/screen.scss */
  .menu {
    display: flex;
    flex-flow: row wrap;
  }
  /* line 460, app/assets/stylesheets/screen.scss */
  #sync-button-link i.active {
    animation: rotation 2s infinite linear;
  }
  /* line 465, app/assets/stylesheets/screen.scss */
  .disabled {
    opacity: 0.2;
  }
  /* line 469, app/assets/stylesheets/screen.scss */
  ::placeholder {
    color: #adadad;
    font-size: 12px;
    letter-spacing: -0.009em;
    line-height: 12px;
  }
  /* line 477, app/assets/stylesheets/screen.scss */
  #q::placeholder {
    color: #bcbcbc;
    font-size: 12px;
    letter-spacing: -0.009em;
    line-height: 10px;
  }
  /* line 485, app/assets/stylesheets/screen.scss */
  .authentication-forms > ::placeholder {
    color: #adadad;
    font-size: 12px;
    letter-spacing: -0.009em;
    line-height: 12px;
  }
}

/* line 493, app/assets/stylesheets/screen.scss */
.avatar-circle {
  width: 35px;
  height: 35px;
  background-color: gold;
  text-align: center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}

/* line 503, app/assets/stylesheets/screen.scss */
.initials {
  position: relative;
  top: 0.75em;
  font-size: 14px;
  line-height: 10px;
  color: black;
  font-weight: bold;
}

/* line 512, app/assets/stylesheets/screen.scss */
.avatar-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

/* line 518, app/assets/stylesheets/screen.scss */
.avatar-container img {
  border-radius: 50%;
  border: 1px solid white;
}

/* line 524, app/assets/stylesheets/screen.scss */
.initials-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

/* line 531, app/assets/stylesheets/screen.scss */
.dropdown-container {
  display: flex;
  flex-direction: column;
  background-color: white;
}

/* line 536, app/assets/stylesheets/screen.scss */
.dropdown-container a {
  font-size: 12px;
  font-family: "Rubik";
  font-weight: 400;
  line-height: 0.8em;
  text-decoration: none;
  color: #032e8d;
}

/* line 544, app/assets/stylesheets/screen.scss */
.dropdown-container a:hover {
  background-color: #f4f4f4;
  color: #032e8d;
}

/* line 551, app/assets/stylesheets/screen.scss */
#user-menu-container a,
#client-user-menu-container a {
  background-color: white;
  white-space: nowrap;
}

/* line 556, app/assets/stylesheets/screen.scss */
#user-menu-container a:hover,
#client-user-menu-container a:hover {
  background-color: #f4f4f4;
  color: #032e8d;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* line 758, app/assets/stylesheets/screen.scss */
.report-form-contact-select {
  height: 200px;
}

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

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

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

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

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

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

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

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

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

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

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

/* line 825, app/assets/stylesheets/screen.scss */
.label-wt {
  border-color: #7ba112;
  color: #7ba112;
  background: #eefacc;
}

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

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

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

/* line 849, app/assets/stylesheets/screen.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 860, app/assets/stylesheets/screen.scss */
.work-order-status-label {
  padding: 0.40rem 0.3rem 0.3rem;
  font-size: 11px;
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
  text-transform: uppercase;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

/* line 929, app/assets/stylesheets/screen.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 940, app/assets/stylesheets/screen.scss */
.dashboard-notification .closebtn:hover {
  color: black;
}

/* line 946, app/assets/stylesheets/screen.scss */
.panel-empty-work-orders,
.panel-empty-bases {
  border-radius: 4px;
  padding: 6px;
  background-color: #feffa4;
  border: 1px solid #c8c20f;
  color: #a39f15;
  display: block;
  font-size: 11px;
  letter-spacing: -0.003em;
  line-height: 18px;
}

/* line 958, app/assets/stylesheets/screen.scss */
.panel-empty-work-orders a:not(.sentry-button),
.panel-empty-bases a:not(.sentry-button) {
  color: #d8ab15;
}

/* line 962, app/assets/stylesheets/screen.scss */
.panel-empty-work-orders .closebtn,
.panel-empty-bases .closebtn {
  margin-left: 15px;
  color: #d8ab15;
  font-weight: bold;
  float: right;
  font-size: 16px;
  line-height: 16px;
  cursor: pointer;
  transition: 0.3s;
}

/* line 973, app/assets/stylesheets/screen.scss */
.panel-empty-work-orders .closebtn:hover,
.panel-empty-bases .closebtn:hover {
  color: black;
}

/* line 978, app/assets/stylesheets/screen.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 990, app/assets/stylesheets/screen.scss */
table.clients_table {
  background: #FFFFFF;
  border: solid 1px #DDDDDD;
  margin-bottom: 1.11111rem;
  display: block;
}

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

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

/* line 1004, app/assets/stylesheets/screen.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 1004, app/assets/stylesheets/screen.scss */
  table.clients_table th {
    display: table-cell;
  }
}

/* line 1017, app/assets/stylesheets/screen.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 1017, app/assets/stylesheets/screen.scss */
  table.clients_table td {
    display: table-cell;
  }
}

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

/* line 1040, app/assets/stylesheets/screen.scss */
.flex-fields {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

/* line 1046, app/assets/stylesheets/screen.scss */
.flex-fields input[type="text"],
.flex-fields select {
  flex: 1 1 120px;
  min-width: 100px;
  height: 35px;
}

/* line 1053, app/assets/stylesheets/screen.scss */
.defect-type-popup {
  background: white;
  padding: 1rem;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  max-width: 400px;
  /* or width: 100%; */
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* line 1139, app/assets/stylesheets/screen.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 1151, app/assets/stylesheets/screen.scss */
.hide_list_style {
  list-style: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* line 1297, app/assets/stylesheets/screen.scss */
table#report-header td h2 {
  padding: 0px;
  margin: 0px;
  font-size: 14px;
  font-weight: 300;
  font-size: 0.8em;
  line-height: 1.3em;
}

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

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

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

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

/* line 1338, app/assets/stylesheets/screen.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 1352, app/assets/stylesheets/screen.scss */
#report-menu {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: baseline;
  grid-area: reportMenu;
}

/* line 1359, app/assets/stylesheets/screen.scss */
#report-menu > * {
  margin-right: 6px;
}

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

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

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

/* line 1382, app/assets/stylesheets/screen.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 1392, app/assets/stylesheets/screen.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 1403, app/assets/stylesheets/screen.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 1403, app/assets/stylesheets/screen.scss */
  fieldset.main-content-fieldset {
    padding: 2px;
  }
}

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

/* line 1421, app/assets/stylesheets/screen.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 1430, app/assets/stylesheets/screen.scss */
.panel a:not(.sentry-button):not(.work-order-label) {
  text-decoration: none;
  color: #0032a0;
}

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

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

/* line 1447, app/assets/stylesheets/screen.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 1462, app/assets/stylesheets/screen.scss */
.panel .panel-header input[type="text"] {
  height: 22px;
}

/* line 1467, app/assets/stylesheets/screen.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 1484, app/assets/stylesheets/screen.scss */
.panel .panel-content {
  padding: 10px;
  font-size: 13px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e7e1ec;
}

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

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

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

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

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

/* line 1518, app/assets/stylesheets/screen.scss */
.panel .panel-content-vertical {
  display: flex;
  flex-direction: column;
  padding: 10px;
  font-size: 13px;
  gap: 10px;
}

/* line 1527, app/assets/stylesheets/screen.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 1535, app/assets/stylesheets/screen.scss */
.main_content small {
  font-size: 9px;
}

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

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

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

/* line 1555, app/assets/stylesheets/screen.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 1567, app/assets/stylesheets/screen.scss */
#side-nav .fas {
  line-height: 0 !important;
}

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

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

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

/* line 1590, app/assets/stylesheets/screen.scss */
#side-nav a:not(.sentry-button):hover {
  color: #302839;
  outline: currentcolor none medium;
}

/* line 1596, app/assets/stylesheets/screen.scss */
#side-nav a.danger:not(.sentry-button):hover {
  color: red;
  border-color: red;
}

/* line 1606, app/assets/stylesheets/screen.scss */
.pagination {
  font-size: 14px;
  margin: 18px 0;
  height: auto;
  line-height: 16px;
  font-family: 'Rubik';
}

/* line 1613, app/assets/stylesheets/screen.scss */
.pagination a {
  float: none;
  padding: 1px 5px 2px 5px;
  margin: 1px 2px 1px 4px;
  color: #3972E3;
  border: 1px solid #3972E3;
  text-decoration: none;
}

/* line 1622, app/assets/stylesheets/screen.scss */
.pagination a:hover {
  color: white;
  background-color: #cfdaf0;
}

/* line 1627, app/assets/stylesheets/screen.scss */
.pagination .disabled {
  display: none;
}

/* line 1631, app/assets/stylesheets/screen.scss */
.pagination .current {
  color: white;
  background-color: #cfdaf0;
  padding: 1px 5px 2px 5px;
  margin: 1px 2px 1px 4px;
  border: 1px solid #3972E3;
}

/* line 1642, app/assets/stylesheets/screen.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 1650, app/assets/stylesheets/screen.scss */
fieldset.authentication-forms select {
  width: 100%;
  height: 37px;
}

/* line 1655, app/assets/stylesheets/screen.scss */
fieldset.authentication-forms input[type="email"],
fieldset.authentication-forms input[type="password"] {
  padding: 7px;
  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: 32px;
}

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

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

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

/* line 1688, app/assets/stylesheets/screen.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 1703, app/assets/stylesheets/screen.scss */
#report-show p,
#report-show-items p {
  line-height: 16px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* line 1791, app/assets/stylesheets/screen.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 1802, app/assets/stylesheets/screen.scss */
.defects_table td {
  text-align: center;
  font-size: 12px;
  letter-spacing: -0.003em;
  line-height: 12px;
  padding: 3px 0 2px 0px;
}

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

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

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

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

/* line 1833, app/assets/stylesheets/screen.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 1841, app/assets/stylesheets/screen.scss */
#signatures_table td.shaded {
  text-align: center;
}

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

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

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

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

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

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

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

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

/* line 1901, app/assets/stylesheets/screen.scss */
#report-show_technician {
  width: 33.3%;
}

/* line 1905, app/assets/stylesheets/screen.scss */
#report-show_customer {
  width: 33.3%;
}

/* line 1909, app/assets/stylesheets/screen.scss */
#report-show_authority {
  width: 33.3%;
}

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

/* line 1919, app/assets/stylesheets/screen.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 1926, app/assets/stylesheets/screen.scss */
#signature_cell img.signature,
.signature_cell img.signature,
#approval_signature_cell img.signature {
  z-index: 1;
  position: relative;
}

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

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

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

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

/* line 1959, app/assets/stylesheets/screen.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 1968, app/assets/stylesheets/screen.scss */
table.table-flash td {
  border: 1px solid black;
  padding: 5px 0px 5px 2px;
}

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

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

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

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

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

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

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

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

/* line 2024, app/assets/stylesheets/screen.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;
}

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

/* line 2039, app/assets/stylesheets/screen.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 2054, app/assets/stylesheets/screen.scss */
#emails_cart {
  font-size: 14px;
}

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

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

/* line 2076, app/assets/stylesheets/screen.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 2090, app/assets/stylesheets/screen.scss */
.form-button:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

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

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

/* line 2105, app/assets/stylesheets/screen.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 2142, app/assets/stylesheets/screen.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 2169, app/assets/stylesheets/screen.scss */
.general-button:hover {
  background-color: #016acc;
}

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

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

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

/* line 2192, app/assets/stylesheets/screen.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 2219, app/assets/stylesheets/screen.scss */
.alternative-button:hover {
  background-color: #d6d6d6;
}

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

/* line 2229, app/assets/stylesheets/screen.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 2255, app/assets/stylesheets/screen.scss */
.alternative-button-inline:hover {
  background-color: #d6d6d6;
}

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

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

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

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

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

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

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

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

/* line 2310, app/assets/stylesheets/screen.scss */
.internal-form input[type=text],
.internal-form textarea,
.internal-form input[type=number],
.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 2310, app/assets/stylesheets/screen.scss */
  .internal-form input[type=text],
.internal-form textarea,
.internal-form input[type=number],
.internal-form .input-list {
    width: 100%;
  }
}

/* line 2332, app/assets/stylesheets/screen.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 2346, app/assets/stylesheets/screen.scss */
.internal-form textarea {
  height: 100px;
  padding: .4em .3em;
  font-size: 12px;
}

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

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

/* line 2365, app/assets/stylesheets/screen.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 2389, app/assets/stylesheets/screen.scss */
form#edit_user img {
  margin-bottom: 20px;
}

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

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

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

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

/* line 2414, app/assets/stylesheets/screen.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 2425, app/assets/stylesheets/screen.scss */
#clone-dropdown-content a:hover {
  background-color: #ececec;
  border-radius: 4px;
  color: #032e8d;
}

/* line 2433, app/assets/stylesheets/screen.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 2447, app/assets/stylesheets/screen.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 2456, app/assets/stylesheets/screen.scss */
.clear-button.primary {
  background-color: #0032a0;
  color: white;
  cursor: pointer;
}

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

/* line 2468, app/assets/stylesheets/screen.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 2478, app/assets/stylesheets/screen.scss */
.clear-button:hover {
  color: #0032a0;
  border-color: #0032a0;
}

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

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

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

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

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

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

/* line 2525, app/assets/stylesheets/screen.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 2541, app/assets/stylesheets/screen.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 2545, app/assets/stylesheets/screen.scss */
.report-form-annex-checkbox[type="checkbox"]:disabled:after {
  -webkit-filter: opacity(0.4);
}

/* line 2549, app/assets/stylesheets/screen.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 2553, app/assets/stylesheets/screen.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 2558, app/assets/stylesheets/screen.scss */
.report-form-annex-checkbox[type="checkbox"]:not(:disabled):hover:before {
  border-color: #3D7591;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 1024px) and (max-width: 1400px) {
  /* line 2649, app/assets/stylesheets/screen.scss */
  #graph-container {
    /* iPad Pro landscape */
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    min-height: 220px;
    flex-wrap: wrap;
    /* Allow items to wrap */
  }
  /* line 2661, app/assets/stylesheets/screen.scss */
  #graph-container .panel {
    margin-right: 10px;
    flex: 1 1 calc(20% - 20px);
    /* Adjust flex basis to fit two panels per row */
    box-sizing: border-box;
    /* Ensure padding and border are included in the element's total width and height */
    max-width: 20vw;
  }
  /* line 2668, app/assets/stylesheets/screen.scss */
  #graph-container .panel:last-child {
    margin-right: 0;
    /* Remove margin from the last panel to avoid extra space */
  }
}

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

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

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

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

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

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

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

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

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

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

/* line 2725, app/assets/stylesheets/screen.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 2741, app/assets/stylesheets/screen.scss */
.sentry-button:hover {
  background-color: #d6d6d6;
  border-color: #a4a4a4;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

/* line 2807, app/assets/stylesheets/screen.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 2819, app/assets/stylesheets/screen.scss */
.field-wrapper label {
  flex-basis: 40%;
  font-size: 12px;
  display: inline-block;
  padding-right: 60px;
  font-weight: 500;
}

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

/* line 2831, app/assets/stylesheets/screen.scss */
.field-wrapper input[type="text"],
.field-wrapper input[type="email"],
.field-wrapper input[type="number"] {
  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: 24px !important;
  font-size: 12px;
}

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

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

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

/* line 2863, app/assets/stylesheets/screen.scss */
.field-wrapper .required {
  color: #ff0000;
  font-size: 120%;
}

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

/* line 2875, app/assets/stylesheets/screen.scss */
.field-wrapper input[type="datetime-local"] {
  width: 100%;
}

/* line 2879, app/assets/stylesheets/screen.scss */
.field-wrapper div.report-form-inline-container-single {
  width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* line 3011, app/assets/stylesheets/screen.scss */
.rm-lines td {
  text-align: left;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* line 3105, app/assets/stylesheets/screen.scss */
#bases-index-container .oba {
  width: 10%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

/* line 3111, app/assets/stylesheets/screen.scss */
#bases-index-container .oba .unassigned {
  color: #999;
  font-style: italic;
}

/* line 3117, app/assets/stylesheets/screen.scss */
#bases-index-container .address {
  width: 30%;
}

/* line 3121, app/assets/stylesheets/screen.scss */
#bases-index-container .added {
  width: 25%;
}

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

/* line 3132, app/assets/stylesheets/screen.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 3137, app/assets/stylesheets/screen.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 3142, app/assets/stylesheets/screen.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 3147, app/assets/stylesheets/screen.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 3152, app/assets/stylesheets/screen.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 3157, app/assets/stylesheets/screen.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 3162, app/assets/stylesheets/screen.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 3167, app/assets/stylesheets/screen.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 3172, app/assets/stylesheets/screen.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 3180, app/assets/stylesheets/screen.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 3185, app/assets/stylesheets/screen.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 3190, app/assets/stylesheets/screen.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 3195, app/assets/stylesheets/screen.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 3200, app/assets/stylesheets/screen.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 3205, app/assets/stylesheets/screen.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 3210, app/assets/stylesheets/screen.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 3215, app/assets/stylesheets/screen.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 3220, app/assets/stylesheets/screen.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 3225, app/assets/stylesheets/screen.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 3230, app/assets/stylesheets/screen.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 3235, app/assets/stylesheets/screen.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 3240, app/assets/stylesheets/screen.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 3246, app/assets/stylesheets/screen.scss */
.green-icon {
  color: #00af00;
}

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

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

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

/* line 3261, app/assets/stylesheets/screen.scss */
#approve-report-dropdown-content select {
  margin-bottom: 10px;
  max-width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* line 3348, app/assets/stylesheets/screen.scss */
.actions-container-popover {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

/* line 3353, app/assets/stylesheets/screen.scss */
.actions-container-popover fieldset {
  border: 1px solid #cdcdcd;
  padding: 6px;
}

/* line 3359, app/assets/stylesheets/screen.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 3366, app/assets/stylesheets/screen.scss */
.stats-container {
  display: flex;
  flex-direction: column;
  justify-items: center;
  align-items: center;
  padding: 15px;
  font-size: 12px;
}

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

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

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

/* line 3393, app/assets/stylesheets/screen.scss */
.micromodal {
  display: none;
}

/* line 3397, app/assets/stylesheets/screen.scss */
.micromodal.is-open {
  display: block;
}

/* line 3401, app/assets/stylesheets/screen.scss */
.micromodal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.65);
}

/* line 3413, app/assets/stylesheets/screen.scss */
.micromodal__container {
  box-sizing: border-box;
  overflow-y: auto;
  width: 800px;
  max-height: 120vh;
  padding: 25px;
  background-color: #fff;
  border-radius: 4px;
}

/* line 3423, app/assets/stylesheets/screen.scss */
.close-modal-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}

/* line 3429, app/assets/stylesheets/screen.scss */
.micromodal[aria-hidden="false"] .micromodal__overlay {
  animation: microModalFadeIn 0.2s cubic-bezier(0, 0, 0.2, 1);
}

/* line 3433, app/assets/stylesheets/screen.scss */
.micromodal[aria-hidden="false"] .micromodal__container {
  animation: microModalSlideIn 0.2s cubic-bezier(0, 0, 0.2, 1);
}

/* line 3437, app/assets/stylesheets/screen.scss */
.micromodal .micromodal__container,
.micromodal .micromodal__overlay {
  will-change: transform;
}

/* line 3442, app/assets/stylesheets/screen.scss */
.modal-header h1 {
  font-size: 20px;
}

@keyframes microModalFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes microModalSlideIn {
  from {
    transform: translateY(15%);
  }
  to {
    transform: translateY(0);
  }
}

/* line 3456, app/assets/stylesheets/screen.scss */
#email-editor-report-list-header,
.email-editor-report-list-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 12px;
}

/* line 3463, app/assets/stylesheets/screen.scss */
#email-editor-report-list-header #uid,
#email-editor-report-list-header #uid-content,
.email-editor-report-list-content #uid,
.email-editor-report-list-content #uid-content {
  flex-basis: 10%;
}

/* line 3468, app/assets/stylesheets/screen.scss */
#email-editor-report-list-header #email,
#email-editor-report-list-header #email-content,
.email-editor-report-list-content #email,
.email-editor-report-list-content #email-content {
  flex-basis: 5%;
}

/* line 3473, app/assets/stylesheets/screen.scss */
#email-editor-report-list-header #project,
#email-editor-report-list-header #project-content,
.email-editor-report-list-content #project,
.email-editor-report-list-content #project-content {
  flex-basis: 20%;
}

/* line 3478, app/assets/stylesheets/screen.scss */
#email-editor-report-list-header #work,
#email-editor-report-list-header #work-content,
.email-editor-report-list-content #work,
.email-editor-report-list-content #work-content {
  flex-basis: 25%;
}

/* line 3483, app/assets/stylesheets/screen.scss */
#email-editor-report-list-header #client,
#email-editor-report-list-header #client-content,
.email-editor-report-list-content #client,
.email-editor-report-list-content #client-content {
  flex-basis: 25%;
}

/* line 3488, app/assets/stylesheets/screen.scss */
#email-editor-report-list-header #remove,
#email-editor-report-list-header #remove-content,
.email-editor-report-list-content #remove,
.email-editor-report-list-content #remove-content {
  flex-basis: 15%;
}

/* line 3494, app/assets/stylesheets/screen.scss */
#email-editor-report-list-header {
  border: 1px solid black;
  border-radius: 2px;
  padding: 2px;
  margin-bottom: 10px;
}

/* line 3501, app/assets/stylesheets/screen.scss */
.email-editor-report-list-content {
  margin-bottom: 12px;
  border-bottom: 1px dashed grey;
}

/* line 3507, app/assets/stylesheets/screen.scss */
#emails-editor-body h4 {
  margin: 0;
  padding: 0;
}

/* line 3514, app/assets/stylesheets/screen.scss */
#emails-editor-checkbox label {
  font-size: 12px;
}

/* line 3519, app/assets/stylesheets/screen.scss */
#report-comment-form-input {
  height: 19px;
  width: 40vw;
}

/* line 3524, app/assets/stylesheets/screen.scss */
#report-show-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 35px auto;
  grid-area: reportComments;
  grid-template-areas: "reportMenu reportMenu" "reportIframe reportComments";
}

/* line 3533, app/assets/stylesheets/screen.scss */
#report-iframe {
  grid-area: reportIframe;
  width: 100%;
  height: 100vh;
  max-height: calc(100vh - 100px);
}

/* line 3540, app/assets/stylesheets/screen.scss */
.comment-body {
  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;
  font-family: 'Rubik', sans-serif;
  font-size: 12px;
  max-width: 10vw;
  padding: 6px;
}

/* line 3551, app/assets/stylesheets/screen.scss */
.comment-body .comment-content {
  margin-top: 8px;
}

/* line 3557, app/assets/stylesheets/screen.scss */
.filter-form-content div {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 2px;
  font-size: 80%;
  text-transform: none;
}

/* line 3569, app/assets/stylesheets/screen.scss */
#work-order-index .request-uid,
#work-order-index .request-uid-header {
  flex-basis: 5%;
  flex-shrink: 0;
  min-width: 70px;
  /* Ensure minimum width to prevent wrapping */
  white-space: nowrap;
  /* Prevent text from wrapping */
  text-overflow: ellipsis;
  /* Show ellipsis for overflow text */
}

/* line 3579, app/assets/stylesheets/screen.scss */
#work-order-index .request-title,
#work-order-index .request-title-header {
  flex-basis: 20%;
}

/* line 3584, app/assets/stylesheets/screen.scss */
#work-order-index .request-client,
#work-order-index .request-client-header {
  flex-basis: 22%;
}

/* line 3589, app/assets/stylesheets/screen.scss */
#work-order-index .request-inspection-types,
#work-order-index .request-inspection-types-header {
  flex-basis: 8%;
  display: flex;
  flex-direction: row;
  gap: 4px;
}

/* line 3597, app/assets/stylesheets/screen.scss */
#work-order-index .request-location,
#work-order-index .request-location-header {
  flex-basis: 18%;
}

/* line 3602, app/assets/stylesheets/screen.scss */
#work-order-index .request-assigned,
#work-order-index .request-assigned-header {
  flex-basis: 7%;
}

/* line 3607, app/assets/stylesheets/screen.scss */
#work-order-index .request-oba,
#work-order-index .request-oba-header {
  flex-basis: 7%;
}

/* line 3612, app/assets/stylesheets/screen.scss */
#work-order-index .request-status,
#work-order-index .request-status-header {
  flex-basis: 5%;
}

/* line 3617, app/assets/stylesheets/screen.scss */
#work-order-index .preview,
#work-order-index .preview-header {
  flex-basis: 3%;
}

/* line 3622, app/assets/stylesheets/screen.scss */
#work-order-index .request-created,
#work-order-index .request-created-header {
  flex-basis: 17%;
}

/* line 3627, app/assets/stylesheets/screen.scss */
#work-order-index .request-created {
  font-size: 75%;
}

/* line 3634, app/assets/stylesheets/screen.scss */
#work-order-index.work-order-compact .request-uid,
#work-order-index.work-order-compact .request-uid-header {
  flex-basis: 8%;
  flex-shrink: 0;
  min-width: 70px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* line 3643, app/assets/stylesheets/screen.scss */
#work-order-index.work-order-compact .request-title,
#work-order-index.work-order-compact .request-title-header {
  flex-basis: 32%;
  /* Larger since we removed methods and location */
}

/* line 3648, app/assets/stylesheets/screen.scss */
#work-order-index.work-order-compact .request-client,
#work-order-index.work-order-compact .request-client-header {
  flex-basis: 25%;
  /* Larger since we have more space */
}

/* line 3653, app/assets/stylesheets/screen.scss */
#work-order-index.work-order-compact .request-assigned,
#work-order-index.work-order-compact .request-assigned-header {
  flex-basis: 10%;
  /* Slightly larger */
}

/* line 3658, app/assets/stylesheets/screen.scss */
#work-order-index.work-order-compact .request-status,
#work-order-index.work-order-compact .request-status-header {
  flex-basis: 8%;
  /* Slightly larger */
}

/* line 3663, app/assets/stylesheets/screen.scss */
#work-order-index.work-order-compact .request-created,
#work-order-index.work-order-compact .request-created-header {
  flex-basis: 17%;
}

/* line 3668, app/assets/stylesheets/screen.scss */
#work-order-index.work-order-compact .request-created {
  font-size: 75%;
}

/* line 3676, app/assets/stylesheets/screen.scss */
#report-index .panel-header #uid {
  flex-basis: 8%;
}

/* line 3677, app/assets/stylesheets/screen.scss */
#report-index .panel-header #preview {
  flex-basis: 3%;
}

/* line 3678, app/assets/stylesheets/screen.scss */
#report-index .panel-header #email-status {
  flex-basis: 3%;
}

/* line 3679, app/assets/stylesheets/screen.scss */
#report-index .panel-header #approved-status {
  flex-basis: 3%;
}

/* line 3680, app/assets/stylesheets/screen.scss */
#report-index .panel-header #title {
  flex-basis: 20%;
}

/* line 3681, app/assets/stylesheets/screen.scss */
#report-index .panel-header #component {
  flex-basis: 15%;
}

/* line 3682, app/assets/stylesheets/screen.scss */
#report-index .panel-header #client {
  flex-basis: 15%;
}

/* line 3683, app/assets/stylesheets/screen.scss */
#report-index .panel-header #status {
  flex-basis: 10%;
}

/* line 3684, app/assets/stylesheets/screen.scss */
#report-index .panel-header #user {
  flex-basis: 10%;
}

/* line 3685, app/assets/stylesheets/screen.scss */
#report-index .panel-header .comments-indicator {
  flex-basis: 3%;
}

/* line 3686, app/assets/stylesheets/screen.scss */
#report-index .panel-header #updated {
  flex-basis: 10%;
}

/* line 3690, app/assets/stylesheets/screen.scss */
#report-index .panel-content #uid-content {
  flex-basis: 8%;
}

/* line 3691, app/assets/stylesheets/screen.scss */
#report-index .panel-content #preview-content {
  flex-basis: 3%;
}

/* line 3692, app/assets/stylesheets/screen.scss */
#report-index .panel-content #email-status-content {
  flex-basis: 3%;
}

/* line 3693, app/assets/stylesheets/screen.scss */
#report-index .panel-content #approved-status-content {
  flex-basis: 3%;
}

/* line 3694, app/assets/stylesheets/screen.scss */
#report-index .panel-content #title-content {
  flex-basis: 20%;
}

/* line 3695, app/assets/stylesheets/screen.scss */
#report-index .panel-content #component-content {
  flex-basis: 15%;
}

/* line 3696, app/assets/stylesheets/screen.scss */
#report-index .panel-content #client-content {
  flex-basis: 15%;
}

/* line 3697, app/assets/stylesheets/screen.scss */
#report-index .panel-content #status-content {
  flex-basis: 8%;
}

/* line 3698, app/assets/stylesheets/screen.scss */
#report-index .panel-content #user-content {
  flex-basis: 10%;
}

/* line 3699, app/assets/stylesheets/screen.scss */
#report-index .panel-content .comments-indicator-content {
  flex-basis: 3%;
}

/* line 3700, app/assets/stylesheets/screen.scss */
#report-index .panel-content #updated-content {
  flex-basis: 10%;
}

/* line 3707, app/assets/stylesheets/screen.scss */
#report-index.report-compact .panel-header #uid {
  flex-basis: 12% !important;
}

/* line 3708, app/assets/stylesheets/screen.scss */
#report-index.report-compact .panel-header #title {
  flex-basis: 30% !important;
}

/* line 3709, app/assets/stylesheets/screen.scss */
#report-index.report-compact .panel-header #client {
  flex-basis: 30% !important;
}

/* line 3710, app/assets/stylesheets/screen.scss */
#report-index.report-compact .panel-header #status {
  flex-basis: 12% !important;
}

/* line 3711, app/assets/stylesheets/screen.scss */
#report-index.report-compact .panel-header #updated {
  flex-basis: 16% !important;
}

/* line 3714, app/assets/stylesheets/screen.scss */
#report-index.report-compact .panel-content #uid-content {
  flex-basis: 12% !important;
}

/* line 3715, app/assets/stylesheets/screen.scss */
#report-index.report-compact .panel-content #title-content {
  flex-basis: 30% !important;
}

/* line 3716, app/assets/stylesheets/screen.scss */
#report-index.report-compact .panel-content #client-content {
  flex-basis: 30% !important;
}

/* line 3717, app/assets/stylesheets/screen.scss */
#report-index.report-compact .panel-content #status-content {
  flex-basis: 12% !important;
}

/* line 3718, app/assets/stylesheets/screen.scss */
#report-index.report-compact .panel-content #updated-content {
  flex-basis: 16% !important;
}

/* line 3721, app/assets/stylesheets/screen.scss */
.request-label-progress {
  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 3731, app/assets/stylesheets/screen.scss */
.request-label-progress a {
  color: #3b45d8;
  text-decoration: none;
}

/* line 3737, app/assets/stylesheets/screen.scss */
.request-label-status {
  border-color: #262626;
  color: #262626;
  background: #dfdfdf;
  padding: 0.20rem 0.24444rem 0.23333rem;
  font-size: 11px;
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
  text-transform: uppercase;
}

/* line 3748, app/assets/stylesheets/screen.scss */
.request-label-status a {
  color: #262626;
  text-decoration: none;
}

/* line 3755, app/assets/stylesheets/screen.scss */
#prices .price-name {
  flex-basis: 33%;
}

/* line 3759, app/assets/stylesheets/screen.scss */
#prices .price-description {
  flex-basis: 33%;
}

/* line 3763, app/assets/stylesheets/screen.scss */
#prices .price-actions {
  flex-basis: 33%;
}

/* line 3769, app/assets/stylesheets/screen.scss */
#invoices-index .uid,
#invoices-index .uid-header {
  flex-basis: 10%;
}

/* line 3774, app/assets/stylesheets/screen.scss */
#invoices-index .client-header,
#invoices-index .client {
  flex-basis: 20%;
}

/* line 3779, app/assets/stylesheets/screen.scss */
#invoices-index .title-header,
#invoices-index .title {
  flex-basis: 20%;
}

/* line 3784, app/assets/stylesheets/screen.scss */
#invoices-index .client-order-header,
#invoices-index .client-order {
  flex-basis: 20%;
}

/* line 3789, app/assets/stylesheets/screen.scss */
#invoices-index .user,
#invoices-index .user-header {
  flex-basis: 10%;
}

/* line 3794, app/assets/stylesheets/screen.scss */
#invoices-index .date,
#invoices-index .date-header {
  flex-basis: 10%;
}

/* line 3799, app/assets/stylesheets/screen.scss */
#invoices-index .total,
#invoices-index .total-header {
  flex-basis: 10%;
}

/* line 3806, app/assets/stylesheets/screen.scss */
#bids-index .bid-uid-header,
#bids-index .bid-uid {
  flex-basis: 10%;
}

/* line 3811, app/assets/stylesheets/screen.scss */
#bids-index .bid-preview-header,
#bids-index .bid-preview {
  flex-basis: 10%;
}

/* line 3816, app/assets/stylesheets/screen.scss */
#bids-index .bid-client-header,
#bids-index .bid-client {
  flex-basis: 20%;
}

/* line 3821, app/assets/stylesheets/screen.scss */
#bids-index .bid-description-header,
#bids-index .bid-description {
  flex-basis: 40%;
}

/* line 3826, app/assets/stylesheets/screen.scss */
#bids-index .bid-amount-header,
#bids-index .bid-amount {
  flex-basis: 10%;
}

/* line 3831, app/assets/stylesheets/screen.scss */
#bids-index .bid-status-header,
#bids-index .bid-status {
  flex-basis: 10%;
}

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

/* line 3845, app/assets/stylesheets/screen.scss */
.bid-status-label-draft {
  border-color: #3b45d8;
  color: #3b45d8;
  background: #b1b6fc;
}

/* line 3851, app/assets/stylesheets/screen.scss */
.bid-status-label-submitted {
  border-color: #0e8888;
  color: #0e8888;
  background: #f4feff;
}

/* line 3857, app/assets/stylesheets/screen.scss */
.bid-status-label-accepted {
  border-color: #3b45d8;
  color: #3b45d8;
  background: #b1b6fc;
}

/* line 3863, app/assets/stylesheets/screen.scss */
.bid-status-label-rejected {
  border-color: #0da92b;
  color: #0da92b;
  background: #f1fff1;
}

/* line 3869, app/assets/stylesheets/screen.scss */
#new-report-menu-button {
  cursor: pointer;
}

/* line 3873, app/assets/stylesheets/screen.scss */
#new-report-dropdown-content {
  width: 200px;
}

/* line 3875, app/assets/stylesheets/screen.scss */
#new-report-dropdown-content a {
  line-height: 1em;
}

/* line 3881, app/assets/stylesheets/screen.scss */
#products-index .product-image-header,
#products-index .product-image {
  flex-basis: 10%;
}

/* line 3886, app/assets/stylesheets/screen.scss */
#products-index .product-name-header,
#products-index .product-name {
  flex-basis: 20%;
}

/* line 3891, app/assets/stylesheets/screen.scss */
#products-index .product-serial-header,
#products-index .product-serial {
  flex-basis: 20%;
}

/* line 3896, app/assets/stylesheets/screen.scss */
#products-index .product-make-header,
#products-index .product-make {
  flex-basis: 15%;
}

/* line 3901, app/assets/stylesheets/screen.scss */
#products-index .product-model-header,
#products-index .product-model {
  flex-basis: 10%;
}

/* line 3906, app/assets/stylesheets/screen.scss */
#products-index .product-cal-header,
#products-index .product-cal {
  flex-basis: 10%;
}

/* line 3911, app/assets/stylesheets/screen.scss */
#products-index .product-assinged-header,
#products-index .product-assinged {
  flex-basis: 10%;
}

/* line 3916, app/assets/stylesheets/screen.scss */
#products-index .product-status-header,
#products-index .product-status {
  flex-basis: 10%;
}

/* line 3922, app/assets/stylesheets/screen.scss */
.defect-type-button {
  padding: 0.5rem;
  border: 1px solid #ccc;
  border-radius: 4px;
  background: white;
  cursor: pointer;
  min-width: 120px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 3935, app/assets/stylesheets/screen.scss */
.defect-type-popup {
  background: white;
  padding: 1rem;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  width: 400px;
}

/* line 3942, app/assets/stylesheets/screen.scss */
.defect-type-popup select {
  width: 100%;
  height: 200px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 12px;
}

/* line 3949, app/assets/stylesheets/screen.scss */
.defect-type-popup select option {
  padding: 0.75rem 1rem;
  line-height: 1.5;
}

/* line 3953, app/assets/stylesheets/screen.scss */
.defect-type-popup select option:hover {
  background-color: #f5f5f5;
}

/* line 3957, app/assets/stylesheets/screen.scss */
.defect-type-popup select option:checked {
  background-color: #e6f3ff;
}

/* line 3980, app/assets/stylesheets/screen.scss */
.panel-content #user-name {
  flex-basis: 40%;
  display: flex;
  flex-direction: column;
}

/* line 3985, app/assets/stylesheets/screen.scss */
.panel-content #user-name a {
  color: #0032a0;
  width: fit-content;
}

/* line 3989, app/assets/stylesheets/screen.scss */
.panel-content #user-name a:hover {
  color: #1c2bd1;
}

/* line 3994, app/assets/stylesheets/screen.scss */
.panel-content #user-name .highlight {
  width: fit-content;
}

/* line 3999, app/assets/stylesheets/screen.scss */
.panel-content #user-added-date {
  flex-basis: 20%;
}

/* line 4003, app/assets/stylesheets/screen.scss */
.panel-content #user-promote {
  flex-basis: 20%;
}

/* line 4007, app/assets/stylesheets/screen.scss */
.panel-content #user-suspend {
  flex-basis: 20%;
}

/* line 4011, app/assets/stylesheets/screen.scss */
.panel-content #customer-company {
  flex-basis: 20%;
}

/* line 4014, app/assets/stylesheets/screen.scss */
.panel-content #customer-company a {
  color: #0032a0;
  width: fit-content;
}

/* line 4018, app/assets/stylesheets/screen.scss */
.panel-content #customer-company a:hover {
  color: #1c2bd1;
}

/* line 4025, app/assets/stylesheets/screen.scss */
#user-header {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

/* line 4030, app/assets/stylesheets/screen.scss */
#user-header form {
  flex: 1 1 300px;
  font-family: 'Rubik';
  position: relative;
}

/* line 4035, app/assets/stylesheets/screen.scss */
#user-header form ::placeholder {
  font-size: 12px;
}

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

/* line 4048, app/assets/stylesheets/screen.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 4059, app/assets/stylesheets/screen.scss */
#user-header a {
  margin-right: 6px;
}

/* line 4068, app/assets/stylesheets/screen.scss */
.client {
  width: 28%;
  float: left;
}

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

/* line 4078, app/assets/stylesheets/screen.scss */
.panel-content #contact-name {
  flex-basis: 20%;
}

/* line 4082, app/assets/stylesheets/screen.scss */
.panel-content #contact-title {
  flex-basis: 20%;
}

/* line 4086, app/assets/stylesheets/screen.scss */
.panel-content #contact-phone {
  flex-basis: 20%;
}

/* line 4090, app/assets/stylesheets/screen.scss */
.panel-content #contact-email {
  flex-basis: 20%;
}

/* line 4094, app/assets/stylesheets/screen.scss */
.panel-content #client-report-count {
  flex-basis: 20%;
}

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

/* line 4103, app/assets/stylesheets/screen.scss */
#client-header {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

/* line 4108, app/assets/stylesheets/screen.scss */
#client-header form {
  flex: 1 1 300px;
  font-family: 'Rubik';
  position: relative;
}

/* line 4113, app/assets/stylesheets/screen.scss */
#client-header form ::placeholder {
  font-size: 12px;
}

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

/* line 4126, app/assets/stylesheets/screen.scss */
#client-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 4137, app/assets/stylesheets/screen.scss */
#client-header a {
  margin-right: 6px;
}

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

/* line 4151, app/assets/stylesheets/screen.scss */
#client-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 4162, app/assets/stylesheets/screen.scss */
#client-show-header #title {
  flex-basis: 60%;
}

/* line 4166, app/assets/stylesheets/screen.scss */
#client-show-header #stats {
  flex-basis: 40%;
  display: flex;
  justify-content: flex-end;
}

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

/* line 4182, app/assets/stylesheets/screen.scss */
#client-show-header p {
  margin: 0px;
}

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

/* line 4192, app/assets/stylesheets/screen.scss */
#client-show-menu {
  display: flex;
}

/* line 4195, app/assets/stylesheets/screen.scss */
#client-show-menu a {
  margin-right: 4px;
}

/* line 4201, app/assets/stylesheets/screen.scss */
#client-index .client-name-header,
#client-index .client-name {
  flex-basis: 40%;
}

/* line 4206, app/assets/stylesheets/screen.scss */
#client-index .client-work-order-header,
#client-index .client-work-order {
  flex-basis: 20%;
}

/* line 4211, app/assets/stylesheets/screen.scss */
#client-index .client-report-count-header,
#client-index .client-report-count {
  flex-basis: 20%;
}

/* line 4216, app/assets/stylesheets/screen.scss */
#client-index .client-created-header,
#client-index .client-created {
  flex-basis: 20%;
}

/* line 4221, app/assets/stylesheets/screen.scss */
#client-index .client-name {
  display: flex;
  flex-direction: column;
}

/* line 4225, app/assets/stylesheets/screen.scss */
#client-index .client-name a {
  color: #0032a0;
  font-size: 14px;
}

/* line 4229, app/assets/stylesheets/screen.scss */
#client-index .client-name a:hover {
  color: #1c2bd1;
}

/* line 4234, app/assets/stylesheets/screen.scss */
#client-index .client-name .highlight {
  width: fit-content;
}

/* line 4241, app/assets/stylesheets/screen.scss */
#report-list-container #uid,
#report-list-container #uid-content {
  flex-basis: 7%;
}

/* line 4246, app/assets/stylesheets/screen.scss */
#report-list-container #preview,
#report-list-container #preview-content {
  flex-basis: 3%;
}

/* line 4251, app/assets/stylesheets/screen.scss */
#report-list-container #email-status,
#report-list-container #email-status-content {
  flex-basis: 3%;
}

/* line 4256, app/assets/stylesheets/screen.scss */
#report-list-container #approved-status,
#report-list-container #approved-status-content {
  flex-basis: 3%;
}

/* line 4261, app/assets/stylesheets/screen.scss */
#report-list-container #title,
#report-list-container #title-content {
  flex-basis: 20%;
}

/* line 4266, app/assets/stylesheets/screen.scss */
#report-list-container #component,
#report-list-container #component-content {
  flex-basis: 12%;
}

/* line 4271, app/assets/stylesheets/screen.scss */
#report-list-container #client,
#report-list-container #client-content {
  flex-basis: 20%;
}

/* line 4276, app/assets/stylesheets/screen.scss */
#report-list-container #status,
#report-list-container #status-content {
  flex-basis: 10%;
}

/* line 4281, app/assets/stylesheets/screen.scss */
#report-list-container #user,
#report-list-container #user-content {
  flex-basis: 10%;
}

/* line 4286, app/assets/stylesheets/screen.scss */
#report-list-container #updated,
#report-list-container #updated-content {
  flex-basis: 10%;
}

/* line 4291, app/assets/stylesheets/screen.scss */
#report-list-container .comments-indicator,
#report-list-container .comments-indicator-content {
  flex-basis: 2%;
}

/* line 4297, app/assets/stylesheets/screen.scss */
.panel-sidebar {
  border-radius: 0px;
}

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

/* line 4305, app/assets/stylesheets/screen.scss */
.rounded-input {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 10px;
  font-size: 14px;
  width: 150%;
  box-sizing: border-box;
  outline: none;
  transition: border-color 0.3s ease;
  height: 40px;
}

/* line 4316, app/assets/stylesheets/screen.scss */
.rounded-input:focus {
  border-color: #0078e7;
  box-shadow: 0 0 5px rgba(0, 120, 231, 0.5);
}

/* line 4321, app/assets/stylesheets/screen.scss */
.rounded-input::placeholder {
  color: #aaa;
  font-size: 12px;
}

/* line 4327, app/assets/stylesheets/screen.scss */
.image-panel {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  height: 100%;
  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 4340, app/assets/stylesheets/screen.scss */
.image-panel .image-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 4358, app/assets/stylesheets/screen.scss */
.image-container {
  flex: 1;
  height: auto;
}

/* line 4363, app/assets/stylesheets/screen.scss */
.reference-image {
  max-width: 100%;
  height: auto;
  margin-top: 8px;
  margin-left: 1rem;
  width: 50%;
  object-fit: contain;
}

/* line 4373, app/assets/stylesheets/screen.scss */
.test-location-image {
  width: 300px;
  height: auto;
}

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

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

/* line 4389, app/assets/stylesheets/screen.scss */
#users-index .user-base-content,
#users-index .user-base {
  flex-basis: 10%;
}

/* line 4394, app/assets/stylesheets/screen.scss */
#users-index .user-type-content,
#users-index .user-type {
  flex-basis: 10%;
}

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

/* line 4404, app/assets/stylesheets/screen.scss */
#users-index .user-client-content,
#users-index .user-client {
  flex-basis: 15%;
}

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

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

/* line 4418, app/assets/stylesheets/screen.scss */
.image-panel {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  height: 100%;
  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 4431, app/assets/stylesheets/screen.scss */
.image-panel .image-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 4449, app/assets/stylesheets/screen.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 4461, app/assets/stylesheets/screen.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 4473, app/assets/stylesheets/screen.scss */
.work-order-container {
  display: flex;
  align-items: flex-start;
}

/* line 4478, app/assets/stylesheets/screen.scss */
.work-order-content {
  flex: 1;
  overflow-y: auto;
}

/* line 4484, app/assets/stylesheets/screen.scss */
#work-order-container #uid,
#work-order-container #uid-content {
  flex-basis: 20%;
}

/* line 4489, app/assets/stylesheets/screen.scss */
#work-order-container #user-work-order,
#work-order-container #user-work-order-content {
  flex-basis: 30%;
}

/* line 4494, app/assets/stylesheets/screen.scss */
#work-order-container #approved-status,
#work-order-container #approved-status-content {
  flex-basis: 10%;
}

/* line 4500, app/assets/stylesheets/screen.scss */
#work-request-menu {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 10px;
  gap: 4px;
}

/* line 4508, app/assets/stylesheets/screen.scss */
.pre-report {
  color: #f35959 !important;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}

/* line 4518, app/assets/stylesheets/screen.scss */
.user-avatars {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

/* line 4524, app/assets/stylesheets/screen.scss */
.user-avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f0f0f0;
  transition: transform 0.2s ease;
}

/* line 4537, app/assets/stylesheets/screen.scss */
.user-avatar:not(:first-child) {
  margin-left: -8px;
}

/* line 4542, app/assets/stylesheets/screen.scss */
.inline-avatar {
  display: inline-flex;
  width: 24px;
  height: 24px;
  margin: 0 5px;
  vertical-align: middle;
  position: relative;
  top: -2px;
}

/* line 4552, app/assets/stylesheets/screen.scss */
.avatar-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* line 4558, app/assets/stylesheets/screen.scss */
.avatar-initials {
  font-size: 12px;
  font-weight: 600;
  color: #666;
}

/* line 4565, app/assets/stylesheets/screen.scss */
.readonly-field {
  padding: 8px 12px;
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  border-radius: 4px;
  color: #666;
  font-style: italic;
}

/* line 4575, app/assets/stylesheets/screen.scss */
.assigned-users {
  display: flex;
  align-items: center;
  gap: 1rem;
}

/* line 4583, app/assets/stylesheets/screen.scss */
.request-assigned .user-avatars {
  margin: 0;
  display: inline-flex;
}

/* line 4588, app/assets/stylesheets/screen.scss */
.request-assigned .unassigned {
  color: #666;
  font-style: italic;
}

/* line 4594, app/assets/stylesheets/screen.scss */
.user-avatar {
  width: 24px;
  height: 24px;
}

/* line 4598, app/assets/stylesheets/screen.scss */
.user-avatar .avatar-initials {
  font-size: 10px;
}

/* line 4605, app/assets/stylesheets/screen.scss */
.hidden-section {
  display: none !important;
}

/* line 4609, app/assets/stylesheets/screen.scss */
.form-section {
  transition: all 0.3s ease-in-out;
  padding: 15px;
  margin-bottom: 15px;
  border-radius: 5px;
}

/* line 4616, app/assets/stylesheets/screen.scss */
.client-select-section {
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

/* line 4622, app/assets/stylesheets/screen.scss */
.form-section:not(.hidden-section) {
  animation: fadeIn 0.5s;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* line 4632, app/assets/stylesheets/screen.scss */
.hidden-section {
  display: none !important;
}

/* line 4636, app/assets/stylesheets/screen.scss */
.form-section {
  transition: all 0.3s ease-in-out;
  padding: 15px;
  margin-bottom: 15px;
  border-radius: 5px;
}

/* line 4643, app/assets/stylesheets/screen.scss */
.form-section:not(.hidden-section) {
  animation: fadeIn 0.5s;
}

/* line 4647, app/assets/stylesheets/screen.scss */
.work-order-warning {
  border-left: 4px solid #f0ad4e;
  background-color: #fcf8e3;
  padding: 20px;
  margin: 20px 0;
  border-radius: 4px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

/* line 4656, app/assets/stylesheets/screen.scss */
.work-order-warning h3 {
  margin-top: 0;
  color: #8a6d3b;
  font-weight: 600;
}

/* line 4662, app/assets/stylesheets/screen.scss */
.work-order-warning p {
  margin-bottom: 20px;
  color: #666;
}

/* line 4667, app/assets/stylesheets/screen.scss */
.work-order-warning .button-container {
  display: flex;
  gap: 10px;
}

/* line 4672, app/assets/stylesheets/screen.scss */
.work-order-warning:not(.hidden-section) {
  animation: bounceIn 0.5s;
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  70% {
    opacity: 1;
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}

/* line 4684, app/assets/stylesheets/screen.scss */
.tippy-content h4 {
  margin: 0 0 8px;
  padding-bottom: 6px;
  border-bottom: 1px solid #eee;
  font-size: 13px;
  color: #333;
}

/* line 4693, app/assets/stylesheets/screen.scss */
.report-creators-list {
  max-height: 250px;
  overflow-y: auto;
}

/* line 4697, app/assets/stylesheets/screen.scss */
.report-creators-list .creator-button {
  width: 100%;
  padding: 6px;
  border: none;
  background: none;
  cursor: pointer;
  text-align: left;
  transition: background-color 0.2s;
}

/* line 4706, app/assets/stylesheets/screen.scss */
.report-creators-list .creator-button:hover {
  background-color: #f5f5f5;
}

/* line 4711, app/assets/stylesheets/screen.scss */
.report-creators-list .creator-info {
  display: flex;
  align-items: center;
  gap: 6px;
}

/* line 4717, app/assets/stylesheets/screen.scss */
.report-creators-list .creator-avatar {
  width: 20px;
  height: 20px;
  border-radius: 50%;
}

/* line 4723, app/assets/stylesheets/screen.scss */
.report-creators-list .creator-initials {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #e0e0e0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  color: #666;
}

/* line 4735, app/assets/stylesheets/screen.scss */
.report-creators-list .creator-name {
  font-size: 13px;
  color: #333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 4747, app/assets/stylesheets/screen.scss */
.lifecycle-events h3 {
  color: #0032a0;
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: 600;
}

/* line 4755, app/assets/stylesheets/screen.scss */
.lifecycle-events .events-timeline .timeline-event {
  border-left: 3px solid #019bd7;
  margin-bottom: 15px;
  padding-left: 15px;
  position: relative;
}

/* line 4761, app/assets/stylesheets/screen.scss */
.lifecycle-events .events-timeline .timeline-event:before {
  content: '';
  background: #019bd7;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  position: absolute;
  left: -6px;
  top: 5px;
}

/* line 4772, app/assets/stylesheets/screen.scss */
.lifecycle-events .events-timeline .timeline-event:last-child {
  margin-bottom: 0;
}

/* line 4776, app/assets/stylesheets/screen.scss */
.lifecycle-events .events-timeline .timeline-event .event-timestamp {
  font-size: 12px;
  color: #666;
  margin-bottom: 5px;
}

/* line 4782, app/assets/stylesheets/screen.scss */
.lifecycle-events .events-timeline .timeline-event .event-type {
  font-weight: 600;
  color: #0032a0;
  margin-bottom: 3px;
}

/* line 4788, app/assets/stylesheets/screen.scss */
.lifecycle-events .events-timeline .timeline-event .event-type.event-type-status-change {
  color: #0da92b;
}

/* line 4792, app/assets/stylesheets/screen.scss */
.lifecycle-events .events-timeline .timeline-event .event-type.event-type-assignment {
  color: #0e8888;
}

/* line 4796, app/assets/stylesheets/screen.scss */
.lifecycle-events .events-timeline .timeline-event .event-type.event-type-oba-assignment {
  color: #0032a0;
  font-size: 14px;
}

/* line 4801, app/assets/stylesheets/screen.scss */
.lifecycle-events .events-timeline .timeline-event .event-type.event-type-base-assignment {
  color: #0e8888;
}

/* line 4805, app/assets/stylesheets/screen.scss */
.lifecycle-events .events-timeline .timeline-event .event-type.event-type-user-assignment {
  color: #019bd7;
}

/* line 4809, app/assets/stylesheets/screen.scss */
.lifecycle-events .events-timeline .timeline-event .event-type.event-type-user-unassignment {
  color: #d3850f;
}

/* line 4813, app/assets/stylesheets/screen.scss */
.lifecycle-events .events-timeline .timeline-event .event-type.event-type-created {
  color: #d3850f;
}

/* line 4817, app/assets/stylesheets/screen.scss */
.lifecycle-events .events-timeline .timeline-event .event-type.event-type-approval {
  color: #0da92b;
}

/* line 4821, app/assets/stylesheets/screen.scss */
.lifecycle-events .events-timeline .timeline-event .event-type.event-type-field-update {
  color: #262626;
}

/* line 4825, app/assets/stylesheets/screen.scss */
.lifecycle-events .events-timeline .timeline-event .event-type.event-type-edit {
  color: #e67e22;
}

/* line 4829, app/assets/stylesheets/screen.scss */
.lifecycle-events .events-timeline .timeline-event .event-type.event-type-ready-for-creation {
  color: #27ae60;
}

/* line 4833, app/assets/stylesheets/screen.scss */
.lifecycle-events .events-timeline .timeline-event .event-type.event-type-ready-for-review {
  color: #3498db;
}

/* line 4838, app/assets/stylesheets/screen.scss */
.lifecycle-events .events-timeline .timeline-event .event-description {
  color: #333;
  margin-bottom: 3px;
}

/* line 4843, app/assets/stylesheets/screen.scss */
.lifecycle-events .events-timeline .timeline-event .event-user {
  font-size: 12px;
  color: #888;
  font-style: italic;
}

/* line 4854, app/assets/stylesheets/screen.scss */
#work-order-lifecycle .lifecycle-events .events-timeline .timeline-event {
  border-left-color: #0e8888;
}

/* line 4857, app/assets/stylesheets/screen.scss */
#work-order-lifecycle .lifecycle-events .events-timeline .timeline-event:before {
  background: #0e8888;
}

/* line 4863, app/assets/stylesheets/screen.scss */
#work-order-show-container {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-template-rows: 40px auto;
  gap: 10px;
}

/* line 4869, app/assets/stylesheets/screen.scss */
#work-order-show-container #work-request-menu {
  grid-column: 1 / -1;
  grid-row: 1 / 2;
}

/* line 4874, app/assets/stylesheets/screen.scss */
#work-order-show-container #work-order-container {
  grid-column: 1 / 2;
  grid-row: 2 / 3;
}

/* line 4879, app/assets/stylesheets/screen.scss */
#work-order-show-container #work-order-lifecycle {
  grid-column: 2 / 3;
  grid-row: 2 / 3;
}
/* line 2, app/assets/stylesheets/work_orders.scss */
.panel-content-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
  padding: 15px;
}

/* line 8, app/assets/stylesheets/work_orders.scss */
.panel-content-grid .grid-item {
  padding: 8px;
  border-radius: 5px;
  background-color: #f9f9f9;
}

/* line 13, app/assets/stylesheets/work_orders.scss */
.panel-content-grid .grid-item.assigned-users {
  grid-column: span 3;
}

/* line 16, app/assets/stylesheets/work_orders.scss */
.panel-content-grid .grid-item.assigned-users .user-avatars {
  display: flex;
  flex-wrap: wrap;
  margin-top: 5px;
}
/*
 * 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.
 *




 */