/* jquery.Jcrop.css v0.9.10 - MIT License */ /* The outer-most container in a typical Jcrop instance If you are having difficulty with formatting related to styles on a parent element, place any fixes here or in a like selector You can also style this element if you want to add a border, etc A better method for styling can be seen below with .jcrop-light (Add a class to the holder and style elements for that extended class) */ .jcrop-holder { direction: ltr; text-align: left; } /* These styles define the border lines */ .jcrop-vline,.jcrop-hline{background:#FFF url(https://qndt.report/assets/Jcrop-84a7f966d62bae87922a647224b04effc1236b4f8b63077d76d731a2b32a9803.gif) top left repeat;font-size:0;position:absolute;} .jcrop-vline{height:100%;width:1px!important;} .jcrop-hline{height:1px!important;width:100%;} .jcrop-vline.right{right:0;} .jcrop-hline.bottom{bottom:0;} /* Handle style - size is set by Jcrop handleSize option (currently) */ .jcrop-handle{background-color:#333;border:1px #eee solid;font-size:1px;} /* This style is used for invisible click targets */ .jcrop-tracker { height: 100%; width: 100%; -webkit-tap-highlight-color: transparent; /* "turn off" link highlight */ -webkit-touch-callout: none; /* disable callout, image save panel */ -webkit-user-select: none; /* disable cut copy paste */ } /* Positioning of handles and drag bars */ .jcrop-handle.ord-n{left:50%;margin-left:-4px;margin-top:-4px;top:0;} .jcrop-handle.ord-s{bottom:0;left:50%;margin-bottom:-4px;margin-left:-4px;} .jcrop-handle.ord-e{margin-right:-4px;margin-top:-4px;right:0;top:50%;} .jcrop-handle.ord-w{left:0;margin-left:-4px;margin-top:-4px;top:50%;} .jcrop-handle.ord-nw{left:0;margin-left:-4px;margin-top:-4px;top:0;} .jcrop-handle.ord-ne{margin-right:-4px;margin-top:-4px;right:0;top:0;} .jcrop-handle.ord-se{bottom:0;margin-bottom:-4px;margin-right:-4px;right:0;} .jcrop-handle.ord-sw{bottom:0;left:0;margin-bottom:-4px;margin-left:-4px;} .jcrop-dragbar.ord-n,.jcrop-dragbar.ord-s{height:7px;width:100%;} .jcrop-dragbar.ord-e,.jcrop-dragbar.ord-w{height:100%;width:7px;} .jcrop-dragbar.ord-n{margin-top:-4px;} .jcrop-dragbar.ord-s{bottom:0;margin-bottom:-4px;} .jcrop-dragbar.ord-e{margin-right:-4px;right:0;} .jcrop-dragbar.ord-w{margin-left:-4px;} /* The "jcrop-light" class/extension */ .jcrop-light .jcrop-vline,.jcrop-light .jcrop-hline { background:#FFF; filter:Alpha(opacity=70)!important; opacity:.70!important; } .jcrop-light .jcrop-handle { -moz-border-radius:3px; -webkit-border-radius:3px; background-color:#000; border-color:#FFF; border-radius:3px; } /* The "jcrop-dark" class/extension */ .jcrop-dark .jcrop-vline,.jcrop-dark .jcrop-hline { background:#000; filter:Alpha(opacity=70)!important; opacity:.7!important; } .jcrop-dark .jcrop-handle { -moz-border-radius:3px; -webkit-border-radius:3px; background-color:#FFF; border-color:#000; border-radius:3px; } /* Fix for twitter bootstrap et al. */ .jcrop-holder img,img.jcrop-preview{ max-width: none; } /*! * jQuery UI CSS Framework 1.12.1 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://api.jqueryui.com/category/theming/ * * To view and modify this theme, visit http://jqueryui.com/themeroller/ */ /* */ /* Component containers ----------------------------------*/ .ui-widget { font-family: Arial,Helvetica,sans-serif/*{ffDefault}*/; font-size: 1em/*{fsDefault}*/; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial,Helvetica,sans-serif/*{ffDefault}*/; font-size: 1em; } .ui-widget.ui-widget-content { border: 1px solid #c5c5c5/*{borderColorDefault}*/; } .ui-widget-content { border: 1px solid #dddddd/*{borderColorContent}*/; background: #ffffff/*{bgColorContent}*/ /*{bgImgUrlContent}*/ /*{bgContentXPos}*/ /*{bgContentYPos}*/ /*{bgContentRepeat}*/; color: #333333/*{fcContent}*/; } .ui-widget-content a { color: #333333/*{fcContent}*/; } .ui-widget-header { border: 1px solid #dddddd/*{borderColorHeader}*/; background: #e9e9e9/*{bgColorHeader}*/ /*{bgImgUrlHeader}*/ /*{bgHeaderXPos}*/ /*{bgHeaderYPos}*/ /*{bgHeaderRepeat}*/; color: #333333/*{fcHeader}*/; font-weight: bold; } .ui-widget-header a { color: #333333/*{fcHeader}*/; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, /* We use html here because we need a greater specificity to make sure disabled works properly when clicked or hovered */ html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 1px solid #c5c5c5/*{borderColorDefault}*/; background: #f6f6f6/*{bgColorDefault}*/ /*{bgImgUrlDefault}*/ /*{bgDefaultXPos}*/ /*{bgDefaultYPos}*/ /*{bgDefaultRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #454545/*{fcDefault}*/; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button { color: #454545/*{fcDefault}*/; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border: 1px solid #cccccc/*{borderColorHover}*/; background: #ededed/*{bgColorHover}*/ /*{bgImgUrlHover}*/ /*{bgHoverXPos}*/ /*{bgHoverYPos}*/ /*{bgHoverRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #2b2b2b/*{fcHover}*/; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus { color: #2b2b2b/*{fcHover}*/; text-decoration: none; } .ui-visual-focus { box-shadow: 0 0 3px 1px rgb(94, 158, 214); } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid #003eff/*{borderColorActive}*/; background: #007fff/*{bgColorActive}*/ /*{bgImgUrlActive}*/ /*{bgActiveXPos}*/ /*{bgActiveYPos}*/ /*{bgActiveRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #ffffff/*{fcActive}*/; } .ui-icon-background, .ui-state-active .ui-icon-background { border: #003eff/*{borderColorActive}*/; background-color: #ffffff/*{fcActive}*/; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff/*{fcActive}*/; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #dad55e/*{borderColorHighlight}*/; background: #fffa90/*{bgColorHighlight}*/ /*{bgImgUrlHighlight}*/ /*{bgHighlightXPos}*/ /*{bgHighlightYPos}*/ /*{bgHighlightRepeat}*/; color: #777620/*{fcHighlight}*/; } .ui-state-checked { border: 1px solid #dad55e/*{borderColorHighlight}*/; background: #fffa90/*{bgColorHighlight}*/; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #777620/*{fcHighlight}*/; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #f1a899/*{borderColorError}*/; background: #fddfdf/*{bgColorError}*/ /*{bgImgUrlError}*/ /*{bgErrorXPos}*/ /*{bgErrorYPos}*/ /*{bgErrorRepeat}*/; color: #5f3f3f/*{fcError}*/; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #5f3f3f/*{fcError}*/; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #5f3f3f/*{fcError}*/; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); /* support: IE8 */ font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); /* support: IE8 */ background-image: none; } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url(https://qndt.report/assets/jquery-ui/ui-icons_444444_256x240-f6d8c091e81dfb911fc0815e7c9952c90b361a3f685804be08a5fa2ee6d6198b.png)/*{iconsContent}*/; } .ui-widget-header .ui-icon { background-image: url(https://qndt.report/assets/jquery-ui/ui-icons_444444_256x240-f6d8c091e81dfb911fc0815e7c9952c90b361a3f685804be08a5fa2ee6d6198b.png)/*{iconsHeader}*/; } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon { background-image: url(https://qndt.report/assets/jquery-ui/ui-icons_555555_256x240-c23f23416a84a359723ffe28c6231f7e6edd10de024da40c190f9e0706c70276.png)/*{iconsHover}*/; } .ui-state-active .ui-icon, .ui-button:active .ui-icon { background-image: url(https://qndt.report/assets/jquery-ui/ui-icons_ffffff_256x240-24221a00d39ccfd2da654907e99b5af8d8dc60b91bfb414b4ca82779f7f9ffb6.png)/*{iconsActive}*/; } .ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon { background-image: url(https://qndt.report/assets/jquery-ui/ui-icons_777620_256x240-0a3bb6e0c499ea585572cbda26b638d08b96a568bfb173f0dce2c9eee4a441b3.png)/*{iconsHighlight}*/; } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url(https://qndt.report/assets/jquery-ui/ui-icons_cc0000_256x240-c7cf3a680d1476856186d49a361c0b3e09d13a2f4ba4ebd638595bbad9d21c2d.png)/*{iconsError}*/; } .ui-button .ui-icon { background-image: url(https://qndt.report/assets/jquery-ui/ui-icons_777777_256x240-ea4f5d5317b31eaaaf01e3db3357884b418c8b3361019647559c835996ddaedb.png)/*{iconsDefault}*/; } /* positioning */ .ui-icon-blank { background-position: 16px 16px; } .ui-icon-caret-1-n { background-position: 0 0; } .ui-icon-caret-1-ne { background-position: -16px 0; } .ui-icon-caret-1-e { background-position: -32px 0; } .ui-icon-caret-1-se { background-position: -48px 0; } .ui-icon-caret-1-s { background-position: -65px 0; } .ui-icon-caret-1-sw { background-position: -80px 0; } .ui-icon-caret-1-w { background-position: -96px 0; } .ui-icon-caret-1-nw { background-position: -112px 0; } .ui-icon-caret-2-n-s { background-position: -128px 0; } .ui-icon-caret-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -65px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -65px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 1px -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 3px/*{cornerRadius}*/; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 3px/*{cornerRadius}*/; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 3px/*{cornerRadius}*/; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 3px/*{cornerRadius}*/; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa/*{bgColorOverlay}*/ /*{bgImgUrlOverlay}*/ /*{bgOverlayXPos}*/ /*{bgOverlayYPos}*/ /*{bgOverlayRepeat}*/; opacity: .3/*{opacityOverlay}*/; filter: Alpha(Opacity=30)/*{opacityFilterOverlay}*/; /* support: IE8 */ } .ui-widget-shadow { -webkit-box-shadow: 0/*{offsetLeftShadow}*/ 0/*{offsetTopShadow}*/ 5px/*{thicknessShadow}*/ #666666/*{bgColorShadow}*/; box-shadow: 0/*{offsetLeftShadow}*/ 0/*{offsetTopShadow}*/ 5px/*{thicknessShadow}*/ #666666/*{bgColorShadow}*/; } /*! * jQuery UI CSS Framework 1.12.1 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://api.jqueryui.com/category/theming/ */ /* */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); /* support: IE8 */ } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; pointer-events: none; } /* Icons ----------------------------------*/ .ui-icon { display: inline-block; vertical-align: middle; margin-top: -.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-icon-block { left: 50%; margin-left: -8px; display: block; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } /*! * jQuery UI Accordion 1.12.1 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://api.jqueryui.com/accordion/#theming */ /* */ .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: .5em .5em .5em .7em; font-size: 100%; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } /*! * jQuery UI Autocomplete 1.12.1 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://api.jqueryui.com/autocomplete/#theming */ /* */ .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } /*! * jQuery UI Button 1.12.1 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://api.jqueryui.com/button/#theming */ /* */ .ui-button { padding: .4em 1em; display: inline-block; position: relative; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /* Support: IE <= 11 */ overflow: visible; } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2em; box-sizing: border-box; text-indent: -9999px; white-space: nowrap; } /* no icon support for input elements */ input.ui-button.ui-button-icon-only { text-indent: 0; } /* button icon element(s) */ .ui-button-icon-only .ui-icon { position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; } .ui-button.ui-icon-notext .ui-icon { padding: 0; width: 2.1em; height: 2.1em; text-indent: -9999px; white-space: nowrap; } input.ui-button.ui-icon-notext .ui-icon { width: auto; height: auto; text-indent: 0; white-space: normal; padding: .4em 1em; } /* workarounds */ /* Support: Firefox 5 - 40 */ input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /*! * jQuery UI Checkboxradio 1.12.1 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://api.jqueryui.com/checkboxradio/#theming */ /* */ .ui-checkboxradio-label .ui-icon-background { box-shadow: inset 1px 1px 1px #ccc; border-radius: .12em; border: none; } .ui-checkboxradio-radio-label .ui-icon-background { width: 16px; height: 16px; border-radius: 1em; overflow: visible; border: none; } .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon { background-image: none; width: 8px; height: 8px; border-width: 4px; border-style: solid; } .ui-checkboxradio-disabled { pointer-events: none; } /*! * jQuery UI Controlgroup 1.12.1 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://api.jqueryui.com/controlgroup/#theming */ /* */ .ui-controlgroup { vertical-align: middle; display: inline-block; } .ui-controlgroup > .ui-controlgroup-item { float: left; margin-left: 0; margin-right: 0; } .ui-controlgroup > .ui-controlgroup-item:focus, .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus { z-index: 9999; } .ui-controlgroup-vertical > .ui-controlgroup-item { display: block; float: none; width: 100%; margin-top: 0; margin-bottom: 0; text-align: left; } .ui-controlgroup-vertical .ui-controlgroup-item { box-sizing: border-box; } .ui-controlgroup .ui-controlgroup-label { padding: .4em 1em; } .ui-controlgroup .ui-controlgroup-label span { font-size: 80%; } .ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item { border-left: none; } .ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item { border-top: none; } .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content { border-right: none; } .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content { border-bottom: none; } /* Spinner specific style fixes */ .ui-controlgroup-vertical .ui-spinner-input { /* Support: IE8 only, Android < 4.4 only */ width: 75%; width: calc( 100% - 2.4em ); } .ui-controlgroup-vertical .ui-spinner .ui-spinner-up { border-top-style: solid; } /*! * jQuery UI Datepicker 1.12.1 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://api.jqueryui.com/datepicker/#theming */ /* */ .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } /* Icons */ .ui-datepicker .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; left: .5em; top: .3em; } /*! * jQuery UI Dialog 1.12.1 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://api.jqueryui.com/dialog/#theming */ /* */ .ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-n { height: 2px; top: 0; } .ui-dialog .ui-resizable-e { width: 2px; right: 0; } .ui-dialog .ui-resizable-s { height: 2px; bottom: 0; } .ui-dialog .ui-resizable-w { width: 2px; left: 0; } .ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw, .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw { width: 7px; height: 7px; } .ui-dialog .ui-resizable-se { right: 0; bottom: 0; } .ui-dialog .ui-resizable-sw { left: 0; bottom: 0; } .ui-dialog .ui-resizable-ne { right: 0; top: 0; } .ui-dialog .ui-resizable-nw { left: 0; top: 0; } .ui-draggable .ui-dialog-titlebar { cursor: move; } /*! * jQuery UI Draggable 1.12.1 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license */ /* */ .ui-draggable-handle { -ms-touch-action: none; touch-action: none; } /*! * jQuery UI Menu 1.12.1 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://api.jqueryui.com/menu/#theming */ /* */ .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: 0; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { margin: 0; cursor: pointer; /* support: IE10, see #8844 */ list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); } .ui-menu .ui-menu-item-wrapper { position: relative; padding: 3px 1em 3px .4em; } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item-wrapper { padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0; } /* right-aligned */ .ui-menu .ui-menu-icon { left: auto; right: 0; } /*! * jQuery UI Progressbar 1.12.1 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://api.jqueryui.com/progressbar/#theming */ /* */ .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=="); height: 100%; filter: alpha(opacity=25); /* support: IE8 */ opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } /*! * jQuery UI Resizable 1.12.1 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license */ /* */ .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } /*! * jQuery UI Selectable 1.12.1 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license */ /* */ .ui-selectable { -ms-touch-action: none; touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } /*! * jQuery UI Selectmenu 1.12.1 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://api.jqueryui.com/selectmenu/#theming */ /* */ .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; } .ui-selectmenu-menu .ui-menu { overflow: auto; overflow-x: hidden; padding-bottom: 1px; } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: bold; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0 0 0; height: auto; border: 0; } .ui-selectmenu-open { display: block; } .ui-selectmenu-text { display: block; margin-right: 20px; overflow: hidden; text-overflow: ellipsis; } .ui-selectmenu-button.ui-button { text-align: left; white-space: nowrap; width: 14em; } .ui-selectmenu-icon.ui-icon { float: right; margin-top: 0; } /*! * jQuery UI Sortable 1.12.1 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license */ /* */ .ui-sortable-handle { -ms-touch-action: none; touch-action: none; } /*! * jQuery UI Slider 1.12.1 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://api.jqueryui.com/slider/#theming */ /* */ .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* support: IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } /*! * jQuery UI Spinner 1.12.1 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://api.jqueryui.com/spinner/#theming */ /* */ .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: .222em 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 2em; } .ui-spinner-button { width: 1.6em; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } /* more specificity required here to override default borders */ .ui-spinner a.ui-spinner-button { border-top-style: none; border-bottom-style: none; border-right-style: none; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } /*! * jQuery UI Tabs 1.12.1 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://api.jqueryui.com/tabs/#theming */ /* */ .ui-tabs { position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: .2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text; } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } /*! * jQuery UI Tooltip 1.12.1 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://api.jqueryui.com/tooltip/#theming */ /* */ .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; } body .ui-tooltip { border-width: 2px; } /*! * jQuery UI CSS Framework 1.12.1 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://api.jqueryui.com/category/theming/ */ /* */ /*! * jQuery UI CSS Framework 1.12.1 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://api.jqueryui.com/category/theming/ */ /* */ /* line 4, app/assets/stylesheets/wrapper.css.scss */ #wrapper { display: grid; grid-template-columns: 1fr; grid-template-rows: auto auto auto auto; grid-template-areas: "topBarNav" "flashContainer" "yieldWrapper" "sidebarWrapper"; row-gap: 4px; } @media (min-width: 1025px) { /* line 4, app/assets/stylesheets/wrapper.css.scss */ #wrapper { display: grid; grid-template-columns: 1fr 8fr; grid-template-rows: 35px 30px 1fr; grid-template-areas: "topBarNav topBarNav" "flashContainer flashContainer" "sidebarWrapper yieldWrapper"; row-gap: 1vh; column-gap: 0.5vw; } } /* line 28, app/assets/stylesheets/wrapper.css.scss */ #top-bar-nav { grid-area: topBarNav; } /* line 32, app/assets/stylesheets/wrapper.css.scss */ #flash_container { grid-area: flashContainer; } /* line 36, app/assets/stylesheets/wrapper.css.scss */ #yield-wrapper { padding-right: 0.5vw; grid-area: yieldWrapper; } /* line 41, app/assets/stylesheets/wrapper.css.scss */ #sidebar-wrapper { grid-area: sidebarWrapper; } /* line 5, app/assets/stylesheets/form-wrapper.css.scss */ .form-container { padding-top: 5vh; max-width: 740px; position: relative; padding-left: 30px; padding-right: 30px; width: 100% !important; flex: 1; margin-right: auto; margin-left: auto; font-size: 16px; line-height: 24px; color: #2f2936; } /* line 20, app/assets/stylesheets/form-wrapper.css.scss */ #form-wrapper { border: 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08), 0 1px 4px rgba(0, 0, 0, 0.1); border-radius: 4px; display: flex; width: 100%; color: #2f2936; font-family: "Rubik", "Avenir Next", "Helvetica Neue", sans-serif; background-color: #fff; } /* line 30, app/assets/stylesheets/form-wrapper.css.scss */ #form-wrapper fieldset { border-radius: 4px; } /* line 34, app/assets/stylesheets/form-wrapper.css.scss */ #form-wrapper form { width: 100%; } /* line 38, app/assets/stylesheets/form-wrapper.css.scss */ #form-wrapper input[type="text"] { height: 34px; } /* line 45, app/assets/stylesheets/form-wrapper.css.scss */ #form-wrapper h3 { font-size: 24px; font-weight: 500; color: #2f2936; padding-left: 40px; padding-top: 10px; } /* line 53, app/assets/stylesheets/form-wrapper.css.scss */ #form-wrapper label::after { margin-left: 8px; vertical-align: bottom; content: "[required]"; font-size: 12px; color: #999; text-transform: uppercase; } /* line 62, app/assets/stylesheets/form-wrapper.css.scss */ #form-wrapper .form-sidebar { padding-top: 10px; width: 60px; background: #00b3c1; background-image: linear-gradient(-180deg, #00b3c1, #00a7b3); box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.1); border-radius: 4px 0 0 4px; margin-top: -1px; margin-bottom: -1px; text-align: center; } /* line 74, app/assets/stylesheets/form-wrapper.css.scss */ #form-wrapper .form-internal-container { padding: 20px 40px 40px 40px; } /* line 77, app/assets/stylesheets/form-wrapper.css.scss */ #form-wrapper .form-internal-container input[type="email"], #form-wrapper .form-internal-container input[type="text"], #form-wrapper .form-internal-container input[type="password"], #form-wrapper .form-internal-container select { width: 100%; border: 1px solid #ccc; border-radius: 4px; box-shadow: inset 0 1px 3px #ddd; box-sizing: border-box; display: inline-block; padding: 0.5em 0.6em; vertical-align: middle; margin-bottom: 20px; } /* line 93, app/assets/stylesheets/form-wrapper.css.scss */ #form-wrapper .form-box-header { border-bottom: 1px solid #e2dee6; } /* line 98, app/assets/stylesheets/form-wrapper.css.scss */ body.form-wrapper-bg { background-color: #f9f9fa; } /* line 1, app/assets/stylesheets/clients.css.scss */ .client { width: 28%; float: left; } /* line 6, app/assets/stylesheets/clients.css.scss */ .client-content { min-height: 200px; } /* line 10, app/assets/stylesheets/clients.css.scss */ #client-name { display: flex; flex-direction: column; flex-basis: 40%; } /* line 16, app/assets/stylesheets/clients.css.scss */ #clients-report-count { flex-basis: 20%; } /* line 20, app/assets/stylesheets/clients.css.scss */ input.client-search-input { border-radius: 4px; text-indent: 20px; } /* line 25, app/assets/stylesheets/clients.css.scss */ #client-header { display: flex; flex-direction: row; justify-content: flex-start; } /* line 30, app/assets/stylesheets/clients.css.scss */ #client-header form { flex: 1 1 300px; font-family: 'Rubik'; position: relative; } /* line 36, app/assets/stylesheets/clients.css.scss */ #client-header i.internal-input { position: absolute; top: 8px; left: 7px; font-size: 11px; color: #989898; } /* line 44, app/assets/stylesheets/clients.css.scss */ #client-header input#query { margin: 0px; height: 21px; border: 1px solid gray; width: 100%; } /* line 50, app/assets/stylesheets/clients.css.scss */ #client-header input#query::placeholder { font-size: 11px; } /* line 55, app/assets/stylesheets/clients.css.scss */ #client-header a { margin-right: 6px; } /* line 60, app/assets/stylesheets/clients.css.scss */ .field-wrapper { font-family: 'Rubik'; display: flex; flex-direction: row; justify-items: flex-start; align-items: center; padding: 6px; max-width: 100%; transition: background 0.15s ease 0s; border-bottom: 1px solid #e7e1ec; } /* line 71, app/assets/stylesheets/clients.css.scss */ .field-wrapper ::placeholder { font-size: 11px; font-family: 'Rubik'; color: #bababa; } /* line 77, app/assets/stylesheets/clients.css.scss */ .field-wrapper label { width: 20%; font-size: 12px; margin-right: 20px; } /* line 83, app/assets/stylesheets/clients.css.scss */ .field-wrapper input[type="text"] { color: #302839; width: 100%; background: white none repeat scroll 0% 0%; border: 1px solid #c6becf; border-radius: 2px; box-shadow: rgba(37, 11, 54, 0.04) 0px 2px 0px inset; padding: 6px; transition: border 0.1s linear 0s; font-size: 11px; font-family: inherit; } /* line 96, app/assets/stylesheets/clients.css.scss */ .field-wrapper textarea { font-family: inherit; 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: 77px; font-size: 11px; } /* line 112, app/assets/stylesheets/clients.css.scss */ .field-wrapper .field-help { color: #9585a3; font-size: 12px; margin-top: 8px; line-height: 1.4; } /* line 120, app/assets/stylesheets/clients.css.scss */ .panel-max-width { max-width: 1000px; } /* line 3, app/assets/stylesheets/screen.css.scss */ :root { --off-white: #f2f2f2; --box-shading: #e9e9e9; --link: #00E; --link-hover: #2d2dff; --htdoc-primary: #610a04; --htdoc-secondary: #fdcfcc; } /* line 54, app/assets/stylesheets/screen.css.scss */ .mb20 { margin-bottom: 20px; } /* line 58, app/assets/stylesheets/screen.css.scss */ .mr10 { margin-right: 10px; } /* line 62, app/assets/stylesheets/screen.css.scss */ .mt20 { margin-top: 20px; } /* line 66, app/assets/stylesheets/screen.css.scss */ .mb200 { margin-bottom: 200px; } /* line 70, app/assets/stylesheets/screen.css.scss */ .m16 { margin: 16px; } /* line 74, app/assets/stylesheets/screen.css.scss */ .limited { max-width: 1300px; } /* line 78, app/assets/stylesheets/screen.css.scss */ .wide-modal { width: 803px !important; } /* line 82, app/assets/stylesheets/screen.css.scss */ .shaded { font-weight: bold; background: var(--box-shading); } /* line 87, app/assets/stylesheets/screen.css.scss */ .w30 { width: 30%; } /* line 91, app/assets/stylesheets/screen.css.scss */ .w10 { width: 10%; } /* line 95, app/assets/stylesheets/screen.css.scss */ .w60 { width: 60%; } /* line 99, app/assets/stylesheets/screen.css.scss */ .flex-adhoc { justify-content: space-between; } /* line 103, app/assets/stylesheets/screen.css.scss */ .green_icon { color: #41c71e; } /* line 107, app/assets/stylesheets/screen.css.scss */ .red_icon { color: #e63f44; } /* line 111, app/assets/stylesheets/screen.css.scss */ .search_query_highlight { background-color: #f4f80c; border-radius: 2px; padding: 0px 4px 1px 4px; } /* line 117, app/assets/stylesheets/screen.css.scss */ div.alert-box { display: flex; flex-direction: row; justify-content: flex-start; } /* line 122, app/assets/stylesheets/screen.css.scss */ div.alert-box.success { border: 1px solid green; background-color: #affdaf; padding: 6px; border-radius: 4px; color: green; font-size: 12px; } /* line 131, app/assets/stylesheets/screen.css.scss */ div.alert-box div { margin-right: auto; } /* line 135, app/assets/stylesheets/screen.css.scss */ div.alert-box .alert_link { text-decoration: underline; color: inherit; } /* line 139, app/assets/stylesheets/screen.css.scss */ div.alert-box .alert_link:hover { text-decoration: none; } /* line 145, app/assets/stylesheets/screen.css.scss */ table.clients_table { background: #FFFFFF; border: solid 1px #DDDDDD; margin-bottom: 1.11111rem; table-layout: auto; } /* line 151, app/assets/stylesheets/screen.css.scss */ table.clients_table thead { background: #F5F5F5; } /* line 155, app/assets/stylesheets/screen.css.scss */ table.clients_table th { color: #222222; font-size: 0.77778rem; font-weight: bold; padding: 0.44444rem 0.55556rem 0.55556rem; } /* line 162, app/assets/stylesheets/screen.css.scss */ table.clients_table td { display: table-cell; line-height: 1.7em; color: #222222; font-size: 0.77778rem; padding: 0.5rem 0.55556rem; text-align: left; border-bottom: 1px solid #cdcdcd; } /* line 172, app/assets/stylesheets/screen.css.scss */ table.clients_table a { color: #00E; } /* line 175, app/assets/stylesheets/screen.css.scss */ table.clients_table a:hover { background-color: #00E; color: white; } /* line 182, app/assets/stylesheets/screen.css.scss */ dl > dd.active > a { background-color: #028cba !important; border-bottom: 2px solid #067ca3 !important; text-shadow: 0px 1px 1px #7e7e7e !important; } /* line 188, app/assets/stylesheets/screen.css.scss */ .unapproved_cell { background-color: #ec3535; color: white; text-transform: uppercase; } /* line 194, app/assets/stylesheets/screen.css.scss */ .approved_cell { background-color: #28a828; color: white; text-transform: uppercase; } /* line 200, app/assets/stylesheets/screen.css.scss */ .fields { padding-top: 4px; margin-bottom: 10px; } /* line 205, app/assets/stylesheets/screen.css.scss */ tr.odd { background-color: #F9F9FB; border: 1px solid #cdcdcd; } /* line 210, app/assets/stylesheets/screen.css.scss */ tr.even { background-color: #eaeaea; border: 1px solid #cdcdcd; } /* line 215, app/assets/stylesheets/screen.css.scss */ .margin_top_small { margin-top: 13px; } /* line 219, app/assets/stylesheets/screen.css.scss */ .alt_label_alert { background-color: #fbb3b3; padding: 0 6px 0 6px; color: #c10202; } /* line 225, app/assets/stylesheets/screen.css.scss */ .alt_label_success { background-color: #c2f5b8; padding: 0 6px 0 6px; color: #228a0d; } /* line 231, app/assets/stylesheets/screen.css.scss */ #emails_editor_emails_chosen input { height: 22px; font-size: 12px; } /* line 236, app/assets/stylesheets/screen.css.scss */ .small_text { font-size: 0.5em !important; } /* line 240, app/assets/stylesheets/screen.css.scss */ .visual_defect { border: 1px solid #F17070; padding: 0 1px 0 1px; background-color: #fbecec; color: #a60101; } /* line 247, app/assets/stylesheets/screen.css.scss */ .underline { text-decoration: underline; } /* line 251, app/assets/stylesheets/screen.css.scss */ .caps { text-transform: uppercase; } /* line 256, app/assets/stylesheets/screen.css.scss */ .panel #uid, .panel #uid-content { flex-basis: 25%; } @media (min-width: 1025px) { /* line 256, app/assets/stylesheets/screen.css.scss */ .panel #uid, .panel #uid-content { flex-basis: 5%; } } /* line 265, app/assets/stylesheets/screen.css.scss */ .panel #email-status, .panel #email-status-content { flex-basis: 2%; } /* line 270, app/assets/stylesheets/screen.css.scss */ .panel #pdf-preview, .panel .pdf-preview-content { flex-basis: 2%; } /* line 275, app/assets/stylesheets/screen.css.scss */ .panel #approved-status, .panel #approved-status-content { flex-basis: 2%; } /* line 280, app/assets/stylesheets/screen.css.scss */ .panel .proxy-status, .panel .proxy-status-content { flex-basis: 2%; } /* line 285, app/assets/stylesheets/screen.css.scss */ .panel #reports-header-project, .panel #project-content { flex-basis: 25%; } @media (min-width: 1025px) { /* line 285, app/assets/stylesheets/screen.css.scss */ .panel #reports-header-project, .panel #project-content { flex-basis: 10%; } } /* line 294, app/assets/stylesheets/screen.css.scss */ .panel #reports-header-client, .panel #report-header-client-content { flex-basis: 30%; } @media (min-width: 1025px) { /* line 294, app/assets/stylesheets/screen.css.scss */ .panel #reports-header-client, .panel #report-header-client-content { flex-basis: 12%; } } /* line 303, app/assets/stylesheets/screen.css.scss */ .panel #purchase-order, .panel #purchase-order-content { flex-basis: 13%; } /* line 308, app/assets/stylesheets/screen.css.scss */ .panel #drawing-number, .panel #drawing-number-content { flex-basis: 14%; } /* line 313, app/assets/stylesheets/screen.css.scss */ .panel #part-number, .panel #part-number-content { flex-basis: 14%; } /* line 318, app/assets/stylesheets/screen.css.scss */ .panel #report-list-technician, .panel #report-list-technician-content { flex-basis: 20%; } @media (min-width: 1025px) { /* line 318, app/assets/stylesheets/screen.css.scss */ .panel #report-list-technician, .panel #report-list-technician-content { flex-basis: 14%; } } /* line 327, app/assets/stylesheets/screen.css.scss */ .panel #report-list-updated, .panel #report-list-updated-content { flex-basis: 8%; } /* line 332, app/assets/stylesheets/screen.css.scss */ .panel #email-marked, .panel #email-marked-content { flex-basis: 2%; } /* line 337, app/assets/stylesheets/screen.css.scss */ .panel .panel-content:last-of-type { border: none; border-radius: 4px; } /* line 342, app/assets/stylesheets/screen.css.scss */ .panel .panel-content { display: flex; align-items: center; -moz-box-align: center; color: #645574; font-size: 12px; border-bottom: 1px solid #e7e1ec; background: #fff none repeat scroll 0% 0%; line-height: 1; position: relative; padding: 10px; font-family: 'Rubik', sans-serif; } /* line 355, app/assets/stylesheets/screen.css.scss */ .panel .panel-content a:not(.uid-link):not(.sentry-clear-button) { text-decoration: none; } /* line 359, app/assets/stylesheets/screen.css.scss */ .panel .panel-content h6 { margin: 0px; padding: 0px; font-size: 12px; padding-bottom: 4px; font-weight: 400; letter-spacing: -0.3px; color: #645574; } /* line 370, app/assets/stylesheets/screen.css.scss */ .panel .panel-content-fieldset { padding: 16px; } /* line 374, app/assets/stylesheets/screen.css.scss */ .panel .panel-content-standard { display: flex; flex-direction: column; color: #645574; font-size: 10px; border-bottom: 1px solid #e7e1ec; background: #fff none repeat scroll 0% 0%; line-height: 1; position: relative; padding: 10px; font-family: 'Rubik', sans-serif; } /* line 390, app/assets/stylesheets/screen.css.scss */ p { font-size: 0.8rem; line-height: 1.6; margin-bottom: 1.11111rem; text-rendering: optimizeLegibility; } /* line 397, app/assets/stylesheets/screen.css.scss */ .report_title { padding: 3px; border: 1px solid black; background-color: #04a6b3; color: white; width: 420px; margin: 0 auto; font-weight: 700; font-size: 1.6em !important; text-shadow: 1px 1px 1px #545454; } /* line 409, app/assets/stylesheets/screen.css.scss */ .hide_list_style { list-style: none; } /* line 413, app/assets/stylesheets/screen.css.scss */ .float_right { float: right; } /* line 417, app/assets/stylesheets/screen.css.scss */ .float_left { float: left; } /* line 421, app/assets/stylesheets/screen.css.scss */ .full_width { width: 100%; } /* line 425, app/assets/stylesheets/screen.css.scss */ table { border-collapse: collapse; } /* line 429, app/assets/stylesheets/screen.css.scss */ ul.chosen-results { font-size: 12px; } /* line 433, app/assets/stylesheets/screen.css.scss */ div.chosen-container { margin-bottom: 13px; } /* line 437, app/assets/stylesheets/screen.css.scss */ a.chosen-single { height: 28px !important; } /* line 441, app/assets/stylesheets/screen.css.scss */ textarea.tinymce { height: 400px; width: 100%; } /* line 446, app/assets/stylesheets/screen.css.scss */ #tinymce { font-family: 'Roboto Condensed', sans-serif; } /* line 450, app/assets/stylesheets/screen.css.scss */ tfoot { background-color: white; } /* line 454, app/assets/stylesheets/screen.css.scss */ #ui-datepicker-div { font-size: 12px; margin-bottom: 1em; } /* line 459, app/assets/stylesheets/screen.css.scss */ #visual_report_attributes_description_tbl { margin-bottom: 14px; } /* line 463, app/assets/stylesheets/screen.css.scss */ h5.form_title { margin: 0px; padding: 0px; font-size: 1.3rem; font-weight: 500; color: #4a3e56; margin-bottom: 20px; } /* line 472, app/assets/stylesheets/screen.css.scss */ .page-break { display: block; clear: both; page-break-after: always; } /* line 478, app/assets/stylesheets/screen.css.scss */ .placeholder { color: #aaa; } /* line 482, app/assets/stylesheets/screen.css.scss */ a.btn { text-decoration: none; } /* line 486, app/assets/stylesheets/screen.css.scss */ .text_center { text-align: center !important; } /* line 490, app/assets/stylesheets/screen.css.scss */ .padding5 { padding: 5px; } /* line 494, app/assets/stylesheets/screen.css.scss */ .margin-top { margin: 10px 0 0 0; } /* line 498, app/assets/stylesheets/screen.css.scss */ .mb10 { margin-bottom: 10px; } /* line 502, app/assets/stylesheets/screen.css.scss */ .deactive { color: #9a9a9a; font-style: italic; } /* line 507, app/assets/stylesheets/screen.css.scss */ #report_number { float: right; margin: 22px 0 0 0; font-size: 1.5em; } /* line 513, app/assets/stylesheets/screen.css.scss */ .relative { position: relative; } /* line 518, app/assets/stylesheets/screen.css.scss */ .table_hover tr:hover { background: #FFFFD6; } /* line 523, app/assets/stylesheets/screen.css.scss */ .bold { font-weight: bold; } /* line 527, app/assets/stylesheets/screen.css.scss */ .no-margin { margin: 0; } /* line 531, app/assets/stylesheets/screen.css.scss */ #report_header { overflow: hidden; } /* line 535, app/assets/stylesheets/screen.css.scss */ .hidden { display: none !important; } /* line 539, app/assets/stylesheets/screen.css.scss */ #graph-options { max-width: 174px; } /* top nav bg */ /* line 546, app/assets/stylesheets/screen.css.scss */ nav.top-bar, .top-bar-section li a:not(.button), .top-bar-section .has-form { background-color: #333333; /* up link styles */ } /* line 550, app/assets/stylesheets/screen.css.scss */ nav.top-bar li a, .top-bar-section li a:not(.button) li a, .top-bar-section .has-form li a { color: #C4C4C4; text-shadow: 0px 1px 2px #2C2C2C; } /* up link size */ /* line 557, app/assets/stylesheets/screen.css.scss */ .top-bar-section ul li > a { font-size: 0.6em; } /* top nav bg hover */ /* line 562, app/assets/stylesheets/screen.css.scss */ .top-bar-section ul li:hover a:not(.button) { background-color: #4d4d4d; } /* line 565, app/assets/stylesheets/screen.css.scss */ .top-bar-section ul li:hover a:not(.button):active { color: #00ace4; } /* drop down list text */ /* line 571, app/assets/stylesheets/screen.css.scss */ section.top-bar-section ul.dropdown li a { color: #C4C4C4; } /* drop down list text hover */ /* line 576, app/assets/stylesheets/screen.css.scss */ section.top-bar-section ul.dropdown li:hover a { color: #dedede; background-color: #323232; } /* branding link */ /* line 582, app/assets/stylesheets/screen.css.scss */ ul.title-area li.name:hover a { background-color: #4d4d4d; } /* line 585, app/assets/stylesheets/screen.css.scss */ ul.title-area li.name:hover a:active { color: #00ace4; } /* line 591, app/assets/stylesheets/screen.css.scss */ div.row.max-width { max-width: inherit; } /* line 595, app/assets/stylesheets/screen.css.scss */ .top-bar-section ul li { font-size: 18px; } /* line 599, app/assets/stylesheets/screen.css.scss */ .button { -webkit-font-smoothing: antialiased; border-bottom: 2px solid #027198 !important; text-shadow: 0px 1px 1px #444444; } /* line 605, app/assets/stylesheets/screen.css.scss */ .button.success { border-bottom: 2px solid #2f8750 !important; } /* line 609, app/assets/stylesheets/screen.css.scss */ .button.alert { border-bottom: 2px solid #c31f1f !important; } /* line 613, app/assets/stylesheets/screen.css.scss */ .button.secondary { border-bottom: 2px solid #c6c6c6 !important; text-shadow: 0px 1px 1px #b3b3b3; } /* line 618, app/assets/stylesheets/screen.css.scss */ .button.small { padding-top: 0.3rem !important; padding-right: 0.7rem !important; padding-bottom: 0.3rem !important; padding-left: 0.7rem !important; font-size: 0.68rem !important; } /* line 626, app/assets/stylesheets/screen.css.scss */ .dropdown.button.small:before { display: none !important; } /* line 630, app/assets/stylesheets/screen.css.scss */ label { color: #151515; letter-spacing: -0.3px; font-size: 11px; display: block; font-weight: normal; margin-bottom: 2px; } /* line 639, app/assets/stylesheets/screen.css.scss */ .sub-nav { margin: 16px 0 0 0; } /* line 645, app/assets/stylesheets/screen.css.scss */ i[rel=tooltip] { margin-top: 2px; } /* line 649, app/assets/stylesheets/screen.css.scss */ .label { padding: 0.25rem 0.24444rem 0.23333rem; font-size: 9px; border-radius: 2px; } /* line 655, app/assets/stylesheets/screen.css.scss */ .side-nav-label { text-align: center; color: white !important; padding: 0.17rem 0.2rem 0.17rem 0.4rem; border-radius: 2px; text-shadow: 0px 1px 1px #3c3c3c; border-bottom: 1px solid; font-size: 0.95em !important; } /* line 664, app/assets/stylesheets/screen.css.scss */ .side-nav-label a:hover { text-decoration: none !important; } /* line 669, app/assets/stylesheets/screen.css.scss */ .side-nav-default { color: #0501ef !important; background-color: #eeeeee; text-shadow: none !important; border-color: #b9b9b9; } /* line 675, app/assets/stylesheets/screen.css.scss */ .side-nav-default:hover { background-color: #e4e4e4; } /* line 680, app/assets/stylesheets/screen.css.scss */ .side-nav-box { width: 12px; height: 12px; border: 1px solid black; display: inline-block; } /* line 687, app/assets/stylesheets/screen.css.scss */ .side-nav-ut { background-color: #3e5cc9; } /* line 691, app/assets/stylesheets/screen.css.scss */ .side-nav-vt { background-color: #34a7a7; } /* line 695, app/assets/stylesheets/screen.css.scss */ .side-nav-pt { background-color: #b1271c; } /* line 699, app/assets/stylesheets/screen.css.scss */ .side-nav-rt { background-color: #ad6603; } /* line 703, app/assets/stylesheets/screen.css.scss */ .side-nav-dr { background-color: #75521c; } /* line 707, app/assets/stylesheets/screen.css.scss */ .side-nav-mt { background-color: #b31bb0; } /* line 711, app/assets/stylesheets/screen.css.scss */ .side-nav-pm { background-color: #0f9c11; } /* line 715, app/assets/stylesheets/screen.css.scss */ .side-nav-ht { background-color: #4b4b4b; } /* line 719, app/assets/stylesheets/screen.css.scss */ .side-nav-th { background-color: #0097b9; } /* line 723, app/assets/stylesheets/screen.css.scss */ .side-nav-fr { background-color: #d6d4f7; } /* line 727, app/assets/stylesheets/screen.css.scss */ .side-nav-pr { background-color: #fffeb0; } /* line 731, app/assets/stylesheets/screen.css.scss */ .label-mt { color: #b31bb0; background-color: #f8b8f7; border: 1px solid #b31bb0; } /* line 737, app/assets/stylesheets/screen.css.scss */ .label-fr { color: #386cdc; background-color: #d6d4f7; border: 1px solid #386cdc; } /* line 743, app/assets/stylesheets/screen.css.scss */ .label-ut { color: #3e5cc9; background-color: #8FA7FF; border: 1px solid #3e5cc9; } /* line 749, app/assets/stylesheets/screen.css.scss */ .label-rt { color: #ad6603; background-color: #f7cd96; border: 1px solid #ad6603; } /* line 755, app/assets/stylesheets/screen.css.scss */ .label-pt { color: #b1271c; background-color: #f3b8b4; border: 1px solid #b1271c; } /* line 761, app/assets/stylesheets/screen.css.scss */ .label-htdoc { color: var(--htdoc-primary); background-color: var(--htdoc-secondary); border: 1px solid var(--htdoc-primary); } /* line 767, app/assets/stylesheets/screen.css.scss */ .label-cr { color: #75521c; background-color: #ffe5be; border: 1px solid #75521c; } /* line 773, app/assets/stylesheets/screen.css.scss */ .label-dr { color: #75521c; background-color: #ffe5be; border: 1px solid #75521c; } /* line 779, app/assets/stylesheets/screen.css.scss */ .label-vt { color: #34a7a7; background-color: #c0f0f0; border: 1px solid #34a7a7; } /* line 785, app/assets/stylesheets/screen.css.scss */ .label-pr { color: #ab960d; background-color: #fffeb0; border: 1px solid #ab960d; } /* line 791, app/assets/stylesheets/screen.css.scss */ .label-pm { color: #0f9c11; background-color: #bcf0bd; border: 1px solid #0f9c11; } /* line 797, app/assets/stylesheets/screen.css.scss */ .label-pa { color: #691348; background-color: #ccc2fe; border: 1px solid #691348; } /* line 803, app/assets/stylesheets/screen.css.scss */ .label-pe { color: #646506; background-color: #ffc4d3; border: 1px solid #646506; } /* line 809, app/assets/stylesheets/screen.css.scss */ .label-reject { background-color: #D00000; padding: 1px 3px; color: white; } /* line 814, app/assets/stylesheets/screen.css.scss */ .label-reject:hover { color: white; } /* line 819, app/assets/stylesheets/screen.css.scss */ .label-ht { color: #4b4b4b; background-color: #b9b9b9; border: 1px solid #4b4b4b; } /* line 825, app/assets/stylesheets/screen.css.scss */ .label-th { color: #0097b9; background-color: #8ceaff; border: 1px solid #0097b9; } /* line 831, app/assets/stylesheets/screen.css.scss */ .label-ca { color: #080808; background-color: #e1e1e1; border: 1px solid #080808; } /* line 837, app/assets/stylesheets/screen.css.scss */ .rt_header_table .label-reject { font-size: 0.85em; } /* line 841, app/assets/stylesheets/screen.css.scss */ .label-accept { background-color: #00A900; padding: 1px 3px; color: white; } /* line 846, app/assets/stylesheets/screen.css.scss */ .label-accept:hover { color: white; } /* line 851, app/assets/stylesheets/screen.css.scss */ .rt_header_table .label-accept { font-size: 0.85em; } /* line 855, app/assets/stylesheets/screen.css.scss */ .label-dt { background-color: #BE80CA; } /* line 859, app/assets/stylesheets/screen.css.scss */ .rs_alt { margin: 0 0 10px 79px; } /* line 867, app/assets/stylesheets/screen.css.scss */ body .nav-tabs li a { color: #0088cc; text-decoration: none; } /* line 873, app/assets/stylesheets/screen.css.scss */ #brand_meta { text-align: center; } /* line 877, app/assets/stylesheets/screen.css.scss */ body.blue_grey, body.forms { background: #f4f5f9; margin: 0px; font-family: "Rubik", "Helvetica Neue", sans-serif; } /* line 884, app/assets/stylesheets/screen.css.scss */ .page_header { background: linear-gradient(to bottom, #7FB4F8 0%, #437ECA 100%); /* TODO - other browser gradients*/ margin: 0 0 5px 0; padding: 7px 30px 2px 10px; border: 1px solid #2C37B3; border-radius: 2px; } /* line 891, app/assets/stylesheets/screen.css.scss */ .page_header h1 { font-size: 1em; color: white; line-height: 16px; letter-spacing: 0; text-shadow: 0px 0px 1px #000; text-transform: uppercase; font-weight: bold; } /* line 902, app/assets/stylesheets/screen.css.scss */ .graph-box-alt { border-radius: 4px; background: #fff; padding: 10px; font-size: 0.77778rem; border: 1px solid #d1cad8; margin-bottom: 20px; width: 250px; display: flex; flex-direction: row; align-items: center; justify-content: center; } /* line 916, app/assets/stylesheets/screen.css.scss */ .graph-box { border-radius: 4px; background: #fff; padding: 10px; font-size: 0.77778rem; border: 1px solid #d1cad8; } /* line 924, app/assets/stylesheets/screen.css.scss */ .panel { background: white none repeat scroll 0% 0%; border-radius: 4px; border: 1px solid #c6becf; box-shadow: rgba(37, 11, 54, 0.04) 0px 2px 0px; margin-bottom: 20px; position: relative; } /* line 932, app/assets/stylesheets/screen.css.scss */ .panel .panel-header { display: flex; -moz-box-align: center; align-items: center; -moz-box-pack: justify; color: #645574; font-size: 12px; font-weight: 400; justify-content: flex-start; text-transform: uppercase; font-weight: 500; border-bottom: 1px solid #d1cad8; border-radius: 4px 4px 0px 0px; background: #faf9fb none repeat scroll 0% 0%; line-height: 1; position: relative; padding: 10px; font-family: 'Rubik'; } /* line 951, app/assets/stylesheets/screen.css.scss */ .panel .panel-header #user-name { display: flex; flex-direction: column; flex-basis: 20%; justify-content: space-evenly; } /* line 958, app/assets/stylesheets/screen.css.scss */ .panel .panel-header #user-created { flex-basis: 20%; } /* line 962, app/assets/stylesheets/screen.css.scss */ .panel .panel-header #user-email { flex-basis: 20%; } /* line 966, app/assets/stylesheets/screen.css.scss */ .panel .panel-header #user-type { flex-basis: 20%; } /* line 970, app/assets/stylesheets/screen.css.scss */ .panel .panel-header #actions { flex-basis: 20%; } /* line 976, app/assets/stylesheets/screen.css.scss */ .main_content { font-family: 'Rubik'; border-radius: 4px; background: #fff; padding: 10px; font-size: 0.77778rem; border: 1px solid #d1cad8; margin-bottom: 20px; margin-left: 0.5vw; } /* line 986, app/assets/stylesheets/screen.css.scss */ .main_content small { font-size: 9px; } /* line 990, app/assets/stylesheets/screen.css.scss */ .main_content h3, .main_content p { font-family: 'Rubik'; } /* line 994, app/assets/stylesheets/screen.css.scss */ .main_content .table_container { margin: 0; } /* line 997, app/assets/stylesheets/screen.css.scss */ .main_content .table_container table { width: 100%; } /* line 1002, app/assets/stylesheets/screen.css.scss */ .main_content ul { font-size: 0.77778rem; list-style: none; } /* line 1009, app/assets/stylesheets/screen.css.scss */ table.dashboard_list { border-collapse: collapse !important; width: 100%; } /* line 1013, app/assets/stylesheets/screen.css.scss */ table.dashboard_list input[type="checkbox"] { margin: 0; } /* line 1017, app/assets/stylesheets/screen.css.scss */ table.dashboard_list thead { border: 1px solid #cbcbcb; background-color: #e5e5e5; } /* line 1021, app/assets/stylesheets/screen.css.scss */ table.dashboard_list thead th { padding: 4px 2px; font-size: 12px; text-transform: uppercase; } /* line 1028, app/assets/stylesheets/screen.css.scss */ table.dashboard_list tbody tr { border-bottom: 1px dotted #D9D8D8; } /* line 1031, app/assets/stylesheets/screen.css.scss */ table.dashboard_list tbody tr:hover { background-color: #ffffd1; } /* line 1037, app/assets/stylesheets/screen.css.scss */ table.dashboard_list td a { color: var(--link); } /* line 1040, app/assets/stylesheets/screen.css.scss */ table.dashboard_list td a:hover { color: #fff; background-color: var(--link); } /* line 1046, app/assets/stylesheets/screen.css.scss */ table.dashboard_list tbody td { padding: 3px 0px 2px 0; margin: 0 0 2px 0; } /* line 1052, app/assets/stylesheets/screen.css.scss */ #side-nav { display: flex; flex-direction: column; justify-content: flex-start; font-family: 'Rubik', sans-serif; gap: 0.3rem; } /* line 1059, app/assets/stylesheets/screen.css.scss */ #side-nav a:not(.sentry-clear-button) { font-size: 12px; line-height: 24px; color: #9585a3; text-decoration: none; padding: 2px 2px 0px 4px; } /* line 1066, app/assets/stylesheets/screen.css.scss */ #side-nav a:not(.sentry-clear-button):hover { color: #302839; transition: color .2s linear; background-color: #dfdfdf64; border-radius: 4px; } /* line 1075, app/assets/stylesheets/screen.css.scss */ #new-user-button { display: inline-block; } /* line 1077, app/assets/stylesheets/screen.css.scss */ #new-user-button a { background-color: #29bc2b; border: 1px solid #175709; color: white; font-size: 10px; font-family: 'Rubik'; text-decoration: none; text-transform: none; line-height: 1; padding: 6px 8px; } /* line 1088, app/assets/stylesheets/screen.css.scss */ #new-user-button a:hover { background-color: #25a527; border: 1px solid #103c06; color: white; } /* line 1096, app/assets/stylesheets/screen.css.scss */ .nav-header { text-transform: uppercase; color: #514b57; font-weight: 500; font-size: 12px; line-height: 30px; } /* line 1106, app/assets/stylesheets/screen.css.scss */ .pagination { font-size: 12px; margin: 18px 0; height: auto; line-height: 16px; } /* line 1112, app/assets/stylesheets/screen.css.scss */ .pagination a { float: none; padding: 1px 5px 2px 5px; margin: 1px 2px 1px 4px; color: #3972E3; border: 1px solid #3972E3; } /* line 1120, app/assets/stylesheets/screen.css.scss */ .pagination a:hover { color: white; background-color: #3972E3; } /* line 1125, app/assets/stylesheets/screen.css.scss */ .pagination .disabled { display: none; } /* line 1129, app/assets/stylesheets/screen.css.scss */ .pagination .current { color: white; background-color: #3972E3; padding: 1px 5px 2px 5px; margin: 1px 2px 1px 4px; border: 1px solid #3972E3; } /* line 1140, app/assets/stylesheets/screen.css.scss */ fieldset { background: #fff; border-color: #D4d4d4; } /* line 1145, app/assets/stylesheets/screen.css.scss */ #form_wrapper { width: 477px; margin: 100px auto 0 auto; } /* line 1149, app/assets/stylesheets/screen.css.scss */ #form_wrapper img { margin: 0 0 10px 49px; } /* line 1153, app/assets/stylesheets/screen.css.scss */ #form_wrapper .form { width: 360px; margin: 0 auto 0 auto; border-radius: 10px; box-shadow: 0 0px 5px rgba(0, 0, 0, 0.4); padding: 18px 20px 2px 26px; background: white; } /* line 1161, app/assets/stylesheets/screen.css.scss */ #form_wrapper .form h2 { font-size: 1.4em; } /* line 1165, app/assets/stylesheets/screen.css.scss */ #form_wrapper .form p { margin-bottom: 10px; } /* line 1169, app/assets/stylesheets/screen.css.scss */ #form_wrapper .form .input { margin-left: 111px; } /* line 1173, app/assets/stylesheets/screen.css.scss */ #form_wrapper .form .btn { margin: 0 auto; } /* line 1177, app/assets/stylesheets/screen.css.scss */ #form_wrapper .form .meta { float: right; } /* line 1181, app/assets/stylesheets/screen.css.scss */ #form_wrapper .form .extras { border-top: 1px dashed #ccc; margin: 14px 0 0 0; padding: 8px 0 0 0; } /* line 1191, app/assets/stylesheets/screen.css.scss */ ul.dropdown-menu a:hover { background: var(--link); } /* line 1195, app/assets/stylesheets/screen.css.scss */ .nav_logo { background: url(https://qndt.report/nav_logo.png) no-repeat 6px 4px; opacity: 0.7; } /* line 1199, app/assets/stylesheets/screen.css.scss */ .nav_logo a { display: block; width: 28px; height: 20px; } /* line 1205, app/assets/stylesheets/screen.css.scss */ .nav_logo a:hover { background: 0; } /* line 1210, app/assets/stylesheets/screen.css.scss */ .nav_logo:hover { opacity: 1; } /* line 1217, app/assets/stylesheets/screen.css.scss */ #admin_controls { margin: 12px 0 10px 0; border: 1px solid #cdcdcd; padding: 10px; background: #EFEFEF; } /* line 1226, app/assets/stylesheets/screen.css.scss */ .settings { margin: 8px 0 24px 0; padding: 0 0 0 20px; } /* line 1230, app/assets/stylesheets/screen.css.scss */ .settings h4 { margin: 0 0 0 -18px; } /* line 1237, app/assets/stylesheets/screen.css.scss */ .cover_table { margin-top: 10px; } /* line 1240, app/assets/stylesheets/screen.css.scss */ .cover_table td { border: none !important; vertical-align: top; } /* line 1246, app/assets/stylesheets/screen.css.scss */ .confirmation { margin-top: 30px; } /* line 1248, app/assets/stylesheets/screen.css.scss */ .confirmation p { font-size: 12px; } /* line 1253, app/assets/stylesheets/screen.css.scss */ .inspection_data p { margin-top: 30px; font-size: 12px; } /* line 1258, app/assets/stylesheets/screen.css.scss */ .cover_footer { margin-top: 100px; font-size: 9px; text-align: center; line-height: 10px; } /* line 1265, app/assets/stylesheets/screen.css.scss */ .cover { page-break-after: always; } /* line 1271, app/assets/stylesheets/screen.css.scss */ #report_show { background: #fff; width: 769px; margin: 10px 0 0 0; border: 1px solid #c6becf; box-shadow: rgba(37, 11, 54, 0.04) 0px 2px 0px; padding: 8px 6px 6px 6px; border-radius: 4px; min-height: 1000px; font-family: 'Roboto Condensed', sans-serif; } /* line 1282, app/assets/stylesheets/screen.css.scss */ #report_show table, #report_show tr, #report_show th, #report_show td, #report_show div, #report_show p { font-size: 12px; } /* line 1286, app/assets/stylesheets/screen.css.scss */ #report_show p { line-height: 16px; } /* line 1290, app/assets/stylesheets/screen.css.scss */ #report_show td { text-align: left; } /* line 1293, app/assets/stylesheets/screen.css.scss */ #report_show td.shaded { background: var(--box-shading); text-align: right; padding: 3px; } /* line 1301, app/assets/stylesheets/screen.css.scss */ div.remarks { font-family: 'Roboto Condensed', sans-serif; border: 1px solid black; padding: 2px; min-height: 250px; } /* line 1309, app/assets/stylesheets/screen.css.scss */ .report h1 { font-size: 1.8em; line-height: 22px; text-shadow: 1px 1px 2px #cdcdcd; margin: 0 0 10px 0px; } /* line 1317, app/assets/stylesheets/screen.css.scss */ .client_details { font-size: 0.7em; } /* line 1320, app/assets/stylesheets/screen.css.scss */ .client_details img { margin-bottom: 4px; display: block; } /* line 1326, app/assets/stylesheets/screen.css.scss */ .header_table { margin-bottom: 4px; } /* line 1330, app/assets/stylesheets/screen.css.scss */ .header_table td { line-height: 0.7em; border: 1px solid #000; padding: 3px; font-size: 0.78em; background-color: white; } /* line 1337, app/assets/stylesheets/screen.css.scss */ .header_table td.shaded { font-weight: bold; } /* line 1342, app/assets/stylesheets/screen.css.scss */ #report_show table { border-collapse: collapse !important; } /* line 1346, app/assets/stylesheets/screen.css.scss */ .arrangement_sketch { padding-top: 10px; padding-bottom: 10px; } /* line 1350, app/assets/stylesheets/screen.css.scss */ .arrangement_sketch img { width: 16%; height: auto; } /* line 1355, app/assets/stylesheets/screen.css.scss */ .arrangement_sketch .highlighted { border: 2px solid #04a6b3; } /* line 1362, app/assets/stylesheets/screen.css.scss */ #signatures_table { margin: 3px 0 2px 0; width: 100%; } /* line 1366, app/assets/stylesheets/screen.css.scss */ #signatures_table td { font-size: 0.85em; letter-spacing: 0px; border: 1px solid #000; padding: 3px 0 2px 0px; } /* line 1372, app/assets/stylesheets/screen.css.scss */ #signatures_table td.shaded { background: var(--box-shading); text-align: center; } /* line 1379, app/assets/stylesheets/screen.css.scss */ #report_description { border: 1px solid #000; padding: 4px; margin: 4px 0 2px 0; min-height: 250px; height: 100%; } /* line 1386, app/assets/stylesheets/screen.css.scss */ #report_description div, #report_description p, #report_description li, #report_description table { font-size: 0.7em; } /* line 1391, app/assets/stylesheets/screen.css.scss */ #report_description table { width: inherit; } /* line 1394, app/assets/stylesheets/screen.css.scss */ #report_description table td { border: 1px dashed #e5e5e5; padding: 2px; } /* line 1403, app/assets/stylesheets/screen.css.scss */ .reject { background-color: #f5bbae !important; color: #b12808 !important; font-weight: bold !important; text-transform: uppercase; } /* line 1410, app/assets/stylesheets/screen.css.scss */ .accept { background-color: #c3e4c7 !important; color: #077e15; font-weight: bold !important; text-transform: uppercase; } /* line 1417, app/assets/stylesheets/screen.css.scss */ .defects_table { width: 100%; margin-bottom: 4px; width: 100%; } /* line 1423, app/assets/stylesheets/screen.css.scss */ .defects_table td { text-align: center; font-size: 1em; border: 1px solid #000; padding: 3px 0 2px 0px; } /* line 1430, app/assets/stylesheets/screen.css.scss */ .defects_table td.shaded { font-weight: normal; text-align: center; font-weight: bold; } /* line 1436, app/assets/stylesheets/screen.css.scss */ .defects_table td.content { font-weight: normal; text-align: center; background-color: white; } /* line 1445, app/assets/stylesheets/screen.css.scss */ .specific_table { page-break-inside: avoid; margin-bottom: 4px; margin-top: 0; margin: 3px 0 2px 0; width: 100%; } /* line 1452, app/assets/stylesheets/screen.css.scss */ .specific_table td { text-align: center; font-size: 1em; font-size: 0.85em; letter-spacing: 0px; border: 1px solid #000; padding: 3px 0 2px 4px; } /* line 1461, app/assets/stylesheets/screen.css.scss */ .specific_table td.shaded { width: 120px; text-align: right; font-weight: bold; background: var(--box-shading); } /* line 1468, app/assets/stylesheets/screen.css.scss */ .specific_table td.content { width: 250px; text-align: left; } /* line 1474, app/assets/stylesheets/screen.css.scss */ #report_result { margin-bottom: 2px; page-break-inside: avoid; width: 100%; } /* line 1480, app/assets/stylesheets/screen.css.scss */ #defects_not_found { background: #BADEBE; color: #08A01A; border: 1px solid #00A31C; text-align: center; text-transform: uppercase; font-weight: bold; } /* line 1489, app/assets/stylesheets/screen.css.scss */ #not_acceptable { background: #fd957d; color: #dc2a01; border: 1px solid #dc2a01 !important; text-align: center; text-transform: uppercase; font-weight: bold; margin-bottom: 2px; padding: 2px 0 2px 0; } /* line 1502, app/assets/stylesheets/screen.css.scss */ #signatures_table { width: 100%; margin: 8px 0; } /* line 1506, app/assets/stylesheets/screen.css.scss */ #signatures_table td { text-align: center; } /* line 1511, app/assets/stylesheets/screen.css.scss */ .span1 { width: 9%; } /* line 1515, app/assets/stylesheets/screen.css.scss */ .span4 { width: 28%; } /* line 1519, app/assets/stylesheets/screen.css.scss */ #report_show_technician { width: 33.3%; } /* line 1523, app/assets/stylesheets/screen.css.scss */ #report_show_customer { width: 33.3%; } /* line 1527, app/assets/stylesheets/screen.css.scss */ #report_show_authority { width: 33.3%; } /* line 1531, app/assets/stylesheets/screen.css.scss */ #stamp_cell { padding: 2px 0; height: 40px; } /* line 1536, app/assets/stylesheets/screen.css.scss */ #stamp_cell img { margin: 2px; } /* line 1541, app/assets/stylesheets/screen.css.scss */ #signature_cell, .signature_cell, #approval_signature_cell { height: 50px; padding: 2px 0; } /* line 1545, app/assets/stylesheets/screen.css.scss */ #signature_cell img.qndt_stamp, .signature_cell img.qndt_stamp, #approval_signature_cell img.qndt_stamp { z-index: 2; position: relative; top: 0px; left: 49px; } /* line 1552, app/assets/stylesheets/screen.css.scss */ #signature_cell img.signature, .signature_cell img.signature, #approval_signature_cell img.signature { z-index: 1; position: relative; top: 1px; left: -50px; } /* line 1562, app/assets/stylesheets/screen.css.scss */ #email_form { border: 1px solid #cdcdcd; display: none; font-size: 0.9em; } /* line 1567, app/assets/stylesheets/screen.css.scss */ #email_form label { font-size: 1em; } /* line 1571, app/assets/stylesheets/screen.css.scss */ #email_form #before_checkbox { margin-bottom: 3px; } /* line 1575, app/assets/stylesheets/screen.css.scss */ #email_form .checkbox { margin-bottom: 10px; } /* line 1576, app/assets/stylesheets/screen.css.scss */ #email_form .checkbox label { display: inline; margin-left: 5px; } /* line 1586, app/assets/stylesheets/screen.css.scss */ div.nicEdit-main { background: #fff; margin: 0 0 10px 0; } /* line 1591, app/assets/stylesheets/screen.css.scss */ .form-horizontal .client-input { padding-right: 28px; width: 186px; } /* line 1596, app/assets/stylesheets/screen.css.scss */ .dotted_border { border: 1px dashed #000; float: left; padding: 6px; } /* line 1602, app/assets/stylesheets/screen.css.scss */ #myModal h2 { font-size: 1.2em; } /* line 1606, app/assets/stylesheets/screen.css.scss */ .table-flash { font-size: 0.9em; border: 1px solid black; width: 250px; float: left; line-height: 1.1em; } /* line 1613, app/assets/stylesheets/screen.css.scss */ .table-flash label { margin: 0 !important; } /* line 1617, app/assets/stylesheets/screen.css.scss */ .table-flash .shaded { font-weight: bold; font-style: italic; } /* line 1622, app/assets/stylesheets/screen.css.scss */ .table-flash .comments { height: 60px; border-top: 1px solid black; border-bottom: 1px solid black; } /* line 1626, app/assets/stylesheets/screen.css.scss */ .table-flash .comments td { vertical-align: top; font-weight: bold; font-style: italic; } /* line 1633, app/assets/stylesheets/screen.css.scss */ .table-flash .accept_reject { padding: 2px 0 2px 2px; border-right: 1px solid black; width: 30%; } /* line 1639, app/assets/stylesheets/screen.css.scss */ .table-flash .signature { text-align: center; } /* line 1644, app/assets/stylesheets/screen.css.scss */ .dashboard_list .label, #emails_editor .label { font-size: 0.8em; } /* line 1648, app/assets/stylesheets/screen.css.scss */ .invisible-form { display: none; } /* line 1652, app/assets/stylesheets/screen.css.scss */ .report_form_container { margin: 0 0 20px 0; } /* line 1655, app/assets/stylesheets/screen.css.scss */ .report_form_container label { margin-bottom: 2px; font-size: 1em; } /* line 1660, app/assets/stylesheets/screen.css.scss */ .report_form_container label.alt_label { margin-top: 10px; font-size: 12px; line-height: 20px; font-weight: normal; } /* line 1667, app/assets/stylesheets/screen.css.scss */ .report_form_container form { margin: 0 0 0 10px; } /* line 1673, app/assets/stylesheets/screen.css.scss */ p.help-block { font-size: 10px; } /* line 1677, app/assets/stylesheets/screen.css.scss */ .help-text { font-size: 10px; color: gray; } /* line 1684, app/assets/stylesheets/screen.css.scss */ div#pdfkit-paging { display: none; text-align: center; font-size: 8px; color: #525252; margin-top: 6px; } /* line 1700, app/assets/stylesheets/screen.css.scss */ #emails_editor thead { background-color: #e6e6e6; border: 1px solid #c2c2c2; } /* line 1705, app/assets/stylesheets/screen.css.scss */ #emails_editor table { width: 100%; } /* line 1709, app/assets/stylesheets/screen.css.scss */ #emails_editor td { padding-top: 1em !important; } /* line 1716, app/assets/stylesheets/screen.css.scss */ #emails_editor_emails_chzn li { height: 28px; } /* line 1719, app/assets/stylesheets/screen.css.scss */ #emails_editor_emails_chzn li input { font-size: 12px; height: 28px; } /* line 1726, app/assets/stylesheets/screen.css.scss */ #emails_editor_textarea { min-height: 240px; width: 690px; } /* line 1731, app/assets/stylesheets/screen.css.scss */ .table_container thead tr { background: #E1E1E1; font-weight: bold; } /* line 1739, app/assets/stylesheets/screen.css.scss */ div#error_explanation { color: #b94a48; background-color: #f2dede; border-color: #eed3d7; padding: 8px 8px 8px 14px; margin-bottom: 20px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); border: 1px solid; border-radius: 4px; } /* line 1749, app/assets/stylesheets/screen.css.scss */ div#error_explanation ul { font-size: 80%; } /* line 1756, app/assets/stylesheets/screen.css.scss */ .alert { padding: 6px; background-color: #fcf8e3; border: 1px solid #ebc781; border-radius: 4px; font-size: 12px; } /* line 1764, app/assets/stylesheets/screen.css.scss */ .small_select { width: 100px; } /* line 1769, app/assets/stylesheets/screen.css.scss */ .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front { color: #545454; background-color: white; font-size: 80%; } /* line 1775, app/assets/stylesheets/screen.css.scss */ .hardness-line { padding: 8px; } /* line 1779, app/assets/stylesheets/screen.css.scss */ .link { color: #00E; } /* line 1782, app/assets/stylesheets/screen.css.scss */ .link:hover { background-color: #00E; color: white; } /* line 1788, app/assets/stylesheets/screen.css.scss */ div#updatesTippy { text-align: left; font-family: 'Inter', sans-serif; } /* line 1792, app/assets/stylesheets/screen.css.scss */ div#updatesTippy h3, div#updatesTippy p, div#updatesTippy em { margin: 0; padding: 0; } /* line 1797, app/assets/stylesheets/screen.css.scss */ div#updatesTippy h3 { font-size: 12px; letter-spacing: 0em; line-height: 17px; margin-top: 10px; font-weight: 700; } /* line 1805, app/assets/stylesheets/screen.css.scss */ div#updatesTippy em { color: #999999; } /* line 1809, app/assets/stylesheets/screen.css.scss */ div#updatesTippy p, div#updatesTippy em { font-size: 10px; letter-spacing: 0.01em; line-height: 14px; font-weight: 400; } /* line 1817, app/assets/stylesheets/screen.css.scss */ #graph-container { display: none; } @media (min-width: 1025px) { /* line 1817, app/assets/stylesheets/screen.css.scss */ #graph-container { display: flex; flex-direction: row; justify-content: space-between; align-items: center; min-height: 220px; margin-bottom: 20px; } } /* line 1830, app/assets/stylesheets/screen.css.scss */ .form-panel { background: white none repeat scroll 0% 0%; border-radius: 4px; border: 1px solid #d1cad8; box-shadow: rgba(37, 11, 54, 0.04) 0px 2px 0px; margin-bottom: 20px; position: relative; font-family: 'Rubik'; } /* line 1839, app/assets/stylesheets/screen.css.scss */ .form-panel ::placeholder { color: #bcbcbc; font-size: 14px; } /* line 1844, app/assets/stylesheets/screen.css.scss */ .form-panel label { font-size: 12px; } /* line 1848, app/assets/stylesheets/screen.css.scss */ .form-panel .panel-header { display: flex; align-items: center; justify-content: space-between; color: #645574; font-size: 12px; font-weight: 600; text-transform: uppercase; border-bottom: 1px solid #d1cad8; border-radius: 4px 4px 0px 0px; background: #faf9fb none repeat scroll 0% 0%; line-height: 1; position: relative; padding: 10px; } /* line 1864, app/assets/stylesheets/screen.css.scss */ .form-panel textarea { width: 100%; padding: 0.3em 0.6em; display: inline-block; border: 1px solid #ccc; box-shadow: inset 0 1px 3px #ddd; border-radius: 4px; box-sizing: border-box; font-size: 12px; height: 70px; font-family: "Rubik", "Helvetica Neue", sans-serif; } /* line 1878, app/assets/stylesheets/screen.css.scss */ div.main-content-fieldset { display: grid; grid-column-gap: 40px; grid-row-gap: 20px; grid-template-columns: repeat(3, 1fr); border-radius: 4px; border-width: 0; background: #fff; padding: 20px; font-size: 0.77778rem; margin-bottom: 20px; } /* line 1890, app/assets/stylesheets/screen.css.scss */ div.main-content-fieldset input, div.main-content-fieldset select { width: 100%; padding: 0.3em 0.6em; display: inline-block; border: 1px solid #ccc; box-shadow: inset 0 1px 3px #ddd; border-radius: 4px; box-sizing: border-box; font-size: 12px; height: 32px; font-family: "Rubik", "Helvetica Neue", sans-serif; } /* line 1903, app/assets/stylesheets/screen.css.scss */ div.main-content-fieldset legend { padding: 2px; color: black; font-size: 13px; text-transform: uppercase; background-color: white; border: 1px solid #cdcdcd; border-radius: 2px; } /* line 1913, app/assets/stylesheets/screen.css.scss */ div.main-content-fieldset ::placeholder { color: #a7a7a7; font-size: 12px; } /* line 1919, app/assets/stylesheets/screen.css.scss */ fieldset.row-content { padding: 20px; font-size: 0.77778rem; margin-bottom: 20px; border: 0px; } /* line 1926, app/assets/stylesheets/screen.css.scss */ div.single-content-fieldset.hide { display: none; } /* line 1930, app/assets/stylesheets/screen.css.scss */ .single-content-fieldset { display: flex; justify-content: flex-start; align-items: center; padding: 6px; } /* line 1936, app/assets/stylesheets/screen.css.scss */ .single-content-fieldset input, .single-content-fieldset select { margin-right: 10px; width: 100%; } /* line 1941, app/assets/stylesheets/screen.css.scss */ .single-content-fieldset a { margin-right: 8px; } /* line 1945, app/assets/stylesheets/screen.css.scss */ .single-content-fieldset ::placeholder { font-size: 12px; } /* line 1949, app/assets/stylesheets/screen.css.scss */ .single-content-fieldset div { margin-right: 10px; } /* line 1953, app/assets/stylesheets/screen.css.scss */ .single-content-fieldset input, .single-content-fieldset select { padding: 0.3em 0.6em; display: inline-block; border: 1px solid #ccc; box-shadow: inset 0 1px 3px #ddd; border-radius: 4px; box-sizing: border-box; font-size: 12px; height: 27px; font-family: "Rubik", "Helvetica Neue", sans-serif; } /* line 1967, app/assets/stylesheets/screen.css.scss */ .single-content-fieldset-three { display: flex; justify-content: flex-start; align-items: center; padding: 12px; } /* line 1973, app/assets/stylesheets/screen.css.scss */ .single-content-fieldset-three input, .single-content-fieldset-three a, .single-content-fieldset-three select { margin: 0px; width: auto; margin-right: 10px; } /* line 1980, app/assets/stylesheets/screen.css.scss */ .required { font-size: 120%; color: red; } @media (max-width: 769px) { /* line 1985, app/assets/stylesheets/screen.css.scss */ #email-status, #approved-status, #purchase-order, #drawing-number, #report-list-updated, #email-marked, #email-status-content, #approved-status-content, #purchase-order-content, #drawing-number-content, #report-list-updated-content, #email-marked-content { display: none; } } /* line 2003, app/assets/stylesheets/screen.css.scss */ #user_latest_reports { margin-bottom: 20px; } /* line 2007, app/assets/stylesheets/screen.css.scss */ .sentry-clear-button { display: inline-block; text-decoration: none; line-height: 1; border-radius: 3px; padding: 8px 10px; text-transform: none; font-weight: 500; font-size: 12px; color: #6e6e6e; background-color: #ededed; border: 1px solid #969696; box-shadow: rgba(0, 0, 0, 0.05) 0px 2px; cursor: pointer; font-family: 'Rubik'; } /* line 2023, app/assets/stylesheets/screen.css.scss */ .sentry-clear-button.small { font-size: 10px; padding: 6px 8px; } /* line 2028, app/assets/stylesheets/screen.css.scss */ .sentry-clear-button.tiny { font-size: 8px; padding: 4px 6px; } /* line 2033, app/assets/stylesheets/screen.css.scss */ .sentry-clear-button.success { background-color: #29bc2b; border: 1px solid #175709; color: white; } /* line 2038, app/assets/stylesheets/screen.css.scss */ .sentry-clear-button.success:hover { background-color: #25a527; border: 1px solid #103c06; color: white; } /* line 2045, app/assets/stylesheets/screen.css.scss */ .sentry-clear-button.active { background-color: #45BFBF; border: 1px solid #006770; color: white; } /* line 2050, app/assets/stylesheets/screen.css.scss */ .sentry-clear-button.active:hover { background-color: #3dabab; border: 1px solid #006770; color: white; } /* line 2057, app/assets/stylesheets/screen.css.scss */ .sentry-clear-button.danger { background-color: #bc2929; border: 1px solid #650a0a; color: white; } /* line 2062, app/assets/stylesheets/screen.css.scss */ .sentry-clear-button.danger:hover { background-color: #ac2626; border: 1px solid #510808; color: white; } /* line 2069, app/assets/stylesheets/screen.css.scss */ .sentry-clear-button:hover { color: #161319; background-color: #e3e3e3; border-color: #7e7e7e; } /* line 2076, app/assets/stylesheets/screen.css.scss */ .qndt-button { display: inline-block; border-radius: 3px; text-transform: none; font-weight: 500; font-size: 12px; color: white; background-color: #45bbc7; border: 1px solid #006770; box-shadow: rgba(0, 0, 0, 0.05) 0px 2px; cursor: pointer; padding: 9px 12px; font-family: 'Rubik'; text-decoration: none; } /* line 2091, app/assets/stylesheets/screen.css.scss */ .qndt-button.small { padding: 5px 6px; } /* line 2095, app/assets/stylesheets/screen.css.scss */ .qndt-button.active { background-color: #2a8e99; } /* line 2099, app/assets/stylesheets/screen.css.scss */ .qndt-button:hover { background-color: #3ba8b4; color: white; } /* line 2106, app/assets/stylesheets/screen.css.scss */ .panel-content #user-name { display: flex; flex-direction: column; flex-basis: 20%; justify-content: space-evenly; } /* line 2113, app/assets/stylesheets/screen.css.scss */ .panel-content #user-created { flex-basis: 20%; } /* line 2117, app/assets/stylesheets/screen.css.scss */ .panel-content #user-email { flex-basis: 20%; } /* line 2121, app/assets/stylesheets/screen.css.scss */ .panel-content #user-type { flex-basis: 20%; } /* line 2125, app/assets/stylesheets/screen.css.scss */ .panel-content #actions { flex-basis: 20%; } /* line 2130, app/assets/stylesheets/screen.css.scss */ .uid-link { color: inherit; text-decoration: none; } /* line 2134, app/assets/stylesheets/screen.css.scss */ .uid-link:hover { color: inherit; } /* line 2139, app/assets/stylesheets/screen.css.scss */ #hardnessMethodSelect, #ferriteMethodSelect, #thicknessMethodSelect { width: 200px; display: block; padding: 6px; } /* line 2147, app/assets/stylesheets/screen.css.scss */ #new-report-menu-button:hover, #user-menu-button:hover { cursor: pointer; } /* line 2152, app/assets/stylesheets/screen.css.scss */ #template-dropdown-content { position: absolute; top: 26px; left: 1px; width: 130px; border: 1px solid #004448; z-index: 10; display: flex; flex-direction: column; background-color: #00b3c1; padding: 10px 0px; font-size: 12px; line-height: 20px; } /* line 2166, app/assets/stylesheets/screen.css.scss */ #template-dropdown-content a { text-decoration: none; color: black; font-family: 'Rubik', sans-serif; padding: 4px; color: #004448; } /* line 2173, app/assets/stylesheets/screen.css.scss */ #template-dropdown-content a:hover { background-color: #00a0ac; } /* line 2179, app/assets/stylesheets/screen.css.scss */ #template-dropdown { position: relative; } /* line 2183, app/assets/stylesheets/screen.css.scss */ #email-editor-reports-table { font-size: 10px; } /* line 2188, app/assets/stylesheets/screen.css.scss */ #qualifications-index .name-header, #qualifications-index .name-content { flex-basis: 20%; } /* line 2193, app/assets/stylesheets/screen.css.scss */ #qualifications-index .level-header, #qualifications-index .level-content { flex-basis: 20%; } /* line 2198, app/assets/stylesheets/screen.css.scss */ #qualifications-index .number-header, #qualifications-index .number-content { flex-basis: 20%; } /* line 2203, app/assets/stylesheets/screen.css.scss */ #qualifications-index .updated-header, #qualifications-index .updated-content { flex-basis: 20%; } /* line 2208, app/assets/stylesheets/screen.css.scss */ #qualifications-index .actions-header, #qualifications-index .actions-content { flex-basis: 20%; } /* line 2214, app/assets/stylesheets/screen.css.scss */ .preview-pdf-button:hover { cursor: pointer; } /* line 2218, app/assets/stylesheets/screen.css.scss */ .customer-header { margin: 8px 2px 2px 13px; } /* line 2222, app/assets/stylesheets/screen.css.scss */ #emails-cart-inner { display: flex; flex-direction: column; justify-content: space-between; height: 100%; border: 1px solid #acac0f; border-radius: 4px; background-color: #ffff00; padding: 6px; max-width: 120px; } /* line 2234, app/assets/stylesheets/screen.css.scss */ .micromodal { display: none; } /* line 2238, app/assets/stylesheets/screen.css.scss */ .micromodal.is-open { display: block; } /* line 2242, app/assets/stylesheets/screen.css.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); overflow: scroll; } /* line 2255, app/assets/stylesheets/screen.css.scss */ .micromodal__container { box-sizing: border-box; overflow-y: auto; width: 800px; max-height: 120vh; padding: 40px 20px 40px 20px; background-color: #fff; border-radius: 4px; } /* line 2265, app/assets/stylesheets/screen.css.scss */ .close-modal-container { display: flex; flex-direction: row; justify-content: flex-end; } /* line 2271, app/assets/stylesheets/screen.css.scss */ .micromodal[aria-hidden="false"] .micromodal__overlay { animation: microModalFadeIn 0.2s cubic-bezier(0, 0, 0.2, 1); } /* line 2275, app/assets/stylesheets/screen.css.scss */ .micromodal[aria-hidden="false"] .micromodal__container { animation: microModalSlideIn 0.2s cubic-bezier(0, 0, 0.2, 1); } /* line 2279, app/assets/stylesheets/screen.css.scss */ .micromodal .micromodal__container, .micromodal .micromodal__overlay { will-change: transform; } /* line 2284, app/assets/stylesheets/screen.css.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 2298, app/assets/stylesheets/screen.css.scss */ #email-editor-report-list-header, .email-editor-report-list-content { display: flex; flex-direction: row; align-items: center; font-size: 12px; } /* line 2305, app/assets/stylesheets/screen.css.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 2310, app/assets/stylesheets/screen.css.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 2315, app/assets/stylesheets/screen.css.scss */ #email-editor-report-list-header #assembly, #email-editor-report-list-header #assembly-content, .email-editor-report-list-content #assembly, .email-editor-report-list-content #assembly-content { flex-basis: 27%; } /* line 2320, app/assets/stylesheets/screen.css.scss */ #email-editor-report-list-header #component, #email-editor-report-list-header #component-content, .email-editor-report-list-content #component, .email-editor-report-list-content #component-content { flex-basis: 25%; } /* line 2325, app/assets/stylesheets/screen.css.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: 27%; } /* line 2330, app/assets/stylesheets/screen.css.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: 5%; } /* line 2336, app/assets/stylesheets/screen.css.scss */ #email-editor-report-list-header { border: 1px solid black; border-radius: 2px; padding: 2px; margin-bottom: 10px; } /* line 2343, app/assets/stylesheets/screen.css.scss */ .email-editor-report-list-content { margin-bottom: 12px; border-bottom: 1px dashed grey; } /* line 2349, app/assets/stylesheets/screen.css.scss */ #email-editor-form h4 { margin-bottom: 6px; padding: 0; } /* line 2356, app/assets/stylesheets/screen.css.scss */ #emails-editor-checkbox label { font-size: 12px; } /* line 2361, app/assets/stylesheets/screen.css.scss */ #report-comment-form-input { height: 19px; width: 40vw; } /* line 2366, app/assets/stylesheets/screen.css.scss */ .no-list-margin { margin: 0; padding: 0; } /* line 2371, app/assets/stylesheets/screen.css.scss */ .emails_select { width: 100%; padding: 4px; } /* line 2376, app/assets/stylesheets/screen.css.scss */ #new-technique-button-content { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } /* line 2382, app/assets/stylesheets/screen.css.scss */ #new-technique-button-content a { padding: 6px; text-decoration: none; color: var(--link); } /* line 2387, app/assets/stylesheets/screen.css.scss */ #new-technique-button-content a:hover { color: var(--link-hover); } /* line 2394, app/assets/stylesheets/screen.css.scss */ #techniques-index .uid, #techniques-index .uid-content { flex-basis: 10%; } /* line 2399, app/assets/stylesheets/screen.css.scss */ #techniques-index .approved, #techniques-index .approved-content { flex-basis: 3%; } /* line 2404, app/assets/stylesheets/screen.css.scss */ #techniques-index .part, #techniques-index .part-content { flex-basis: 20%; } /* line 2409, app/assets/stylesheets/screen.css.scss */ #techniques-index .created, #techniques-index .created-content { flex-basis: 20%; } /* line 2414, app/assets/stylesheets/screen.css.scss */ #techniques-index .project, #techniques-index .project-content { flex-basis: 20%; } /* line 2421, app/assets/stylesheets/screen.css.scss */ #ht-documents-list .uid, #ht-documents-list .uid-header { flex-basis: 6%; } /* line 2426, app/assets/stylesheets/screen.css.scss */ #ht-documents-list .ht-preview-header, #ht-documents-list .ht-preview { flex-basis: 3%; } /* line 2431, app/assets/stylesheets/screen.css.scss */ #ht-documents-list .title, #ht-documents-list .title-header { flex-basis: 14%; } /* line 2436, app/assets/stylesheets/screen.css.scss */ #ht-documents-list .order-number-header, #ht-documents-list .order-number { flex-basis: 14%; } /* line 2441, app/assets/stylesheets/screen.css.scss */ #ht-documents-list .part-header, #ht-documents-list .part { flex-basis: 14%; } /* line 2446, app/assets/stylesheets/screen.css.scss */ #ht-documents-list .client, #ht-documents-list .client-header { flex-basis: 14%; } /* line 2451, app/assets/stylesheets/screen.css.scss */ #ht-documents-list .user, #ht-documents-list .user-header { flex-basis: 14%; } /* line 2456, app/assets/stylesheets/screen.css.scss */ #ht-documents-list .updated, #ht-documents-list .updated-header { flex-basis: 10%; } /* line 2463, app/assets/stylesheets/screen.css.scss */ #chemicals-list .uid, #chemicals-list .uid-header { flex-basis: 7%; } /* line 2468, app/assets/stylesheets/screen.css.scss */ #chemicals-list .chem-preview-header, #chemicals-list .chem-preview { flex-basis: 2%; } /* line 2473, app/assets/stylesheets/screen.css.scss */ #chemicals-list .project, #chemicals-list .project-header { flex-basis: 20%; } /* line 2478, app/assets/stylesheets/screen.css.scss */ #chemicals-list .po-header, #chemicals-list .po { flex-basis: 20%; } /* line 2483, app/assets/stylesheets/screen.css.scss */ #chemicals-list .client, #chemicals-list .client-header { flex-basis: 20%; } /* line 2488, app/assets/stylesheets/screen.css.scss */ #chemicals-list .user, #chemicals-list .user-header { flex-basis: 15%; } /* line 2493, app/assets/stylesheets/screen.css.scss */ #chemicals-list .updated, #chemicals-list .updated-header { flex-basis: 15%; } /* line 2499, app/assets/stylesheets/screen.css.scss */ .live-search-input { width: 250px; border-radius: 4px; height: 27px; padding: 0.3em 0.6em; border: 1px solid #ccc; box-shadow: inset 0 1px 3px #ddd; box-sizing: border-box; font-size: 12px; font-family: "Rubik", "Helvetica Neue", sans-serif; } /* line 2511, app/assets/stylesheets/screen.css.scss */ .menu-bar { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; background-color: #f5f5f5; gap: 6px; margin-bottom: 10px; } /* line 2521, app/assets/stylesheets/screen.css.scss */ .live-search-dropdown { width: 150px; border-radius: 4px; height: 27px; padding: 0.3em 0.6em; border: 1px solid #ccc; box-shadow: inset 0 1px 3px #ddd; box-sizing: border-box; font-size: 12px; font-family: "Rubik", "Helvetica Neue", sans-serif; } /* line 2533, app/assets/stylesheets/screen.css.scss */ .sentry-button { font-family: "Rubik", "Helvetica Neue", sans-serif; display: inline-block; padding: 9px 12px; line-height: 1; border-radius: 3px; text-transform: none; font-weight: 400; font-size: 13px; color: #6e6e6e; background-color: #e9e9e9; border: 1px solid #b5b5b5; box-shadow: rgba(0, 0, 0, 0.05) 0px 2px; cursor: pointer; text-decoration: none; } /* line 2549, app/assets/stylesheets/screen.css.scss */ .sentry-button:hover { background-color: #d6d6d6; border-color: #a4a4a4; } /* line 2554, app/assets/stylesheets/screen.css.scss */ .sentry-button.active { background-color: #cacaca; border-color: #a3a3a3; } /* line 2559, app/assets/stylesheets/screen.css.scss */ .sentry-button.small { padding: 7px 9px; font-size: 12px; } /* line 2564, app/assets/stylesheets/screen.css.scss */ .sentry-button.medium { padding: 7px 9px; font-size: 11px; } /* line 2569, app/assets/stylesheets/screen.css.scss */ .sentry-button.hollow { border: 1px solid #92a8bf; color: #2b445e; background-color: #f2f4f7; } /* line 2575, app/assets/stylesheets/screen.css.scss */ .sentry-button:disabled { opacity: 0.7; cursor: not-allowed; } /* line 2580, app/assets/stylesheets/screen.css.scss */ .sentry-button.generated { border: none; color: white; background-color: #4dbb12; } /* line 2586, app/assets/stylesheets/screen.css.scss */ .sentry-button.success { color: white; background-color: #4dbb12; border: 1px solid #0f640c; box-shadow: rgba(4, 41, 14, 0.05) 0px 2px; } /* line 2592, app/assets/stylesheets/screen.css.scss */ .sentry-button.success:hover { background-color: #47ad10; border-color: #0a5a07; } /* line 2598, app/assets/stylesheets/screen.css.scss */ .sentry-button.danger { color: white; background-color: #d43b3b; border: 1px solid #4a0707; box-shadow: rgba(41, 4, 4, 0.05) 0px 2px; } /* line 2604, app/assets/stylesheets/screen.css.scss */ .sentry-button.danger:hover { background-color: #8d2121; border-color: #5a0707; } /* line 2611, app/assets/stylesheets/screen.css.scss */ .action-row-buttons, .action-row-buttons-content { flex-basis: 10%; } /* line 2615, app/assets/stylesheets/screen.css.scss */ .action-row-buttons:hover, .action-row-buttons-content:hover { cursor: pointer; } /* line 2620, app/assets/stylesheets/screen.css.scss */ .actions-container { display: flex; flex-direction: column; gap: 10px; } /* line 2626, app/assets/stylesheets/screen.css.scss */ #signature_pad { border: 1px solid black; } /* line 2630, app/assets/stylesheets/screen.css.scss */ .link-button { background: none; border: none; padding: 0; margin: 0; font-family: inherit; font-size: inherit; color: #0563c7; text-decoration: none; cursor: pointer; text-align: left; } /* line 2643, app/assets/stylesheets/screen.css.scss */ .link-button:hover { text-decoration: underline; } /* line 2647, app/assets/stylesheets/screen.css.scss */ .panel-header-form { display: flex; align-items: center; justify-content: flex-start; color: #645574; font-size: 12px; font-weight: 600; border-radius: 4px 4px 0px 0px; background: #faf9fb none repeat scroll 0% 0%; gap: 10px; } /* ... existing styles ... */ /* line 2661, app/assets/stylesheets/screen.css.scss */ .pagination-container { display: flex; justify-content: center; margin: 1rem 0; padding: 0.5rem; } /* line 2668, app/assets/stylesheets/screen.css.scss */ .pagy.nav { display: flex; list-style: none; padding: 0; margin: 0; gap: 0.25rem; } /* line 2676, app/assets/stylesheets/screen.css.scss */ .pagy.nav a { display: inline-block; padding: 0.2rem 0.4rem; border: 1px solid #dee2e6; border-radius: 0.25rem; text-decoration: none; color: #007bff; background-color: #fff; font-size: 0.8em; } /* line 2687, app/assets/stylesheets/screen.css.scss */ .pagy.nav a.current { background-color: #007bff; color: white; border-color: #007bff; } /* line 2693, app/assets/stylesheets/screen.css.scss */ .pagy.nav a:hover:not(.current):not([aria-disabled="true"]) { background-color: #e9ecef; color: #0056b3; } /* line 2698, app/assets/stylesheets/screen.css.scss */ .pagy.nav a[aria-disabled="true"] { color: #6c757d; pointer-events: none; cursor: not-allowed; background-color: #fff; border-color: #dee2e6; } /* Make the link-button look like links */ /* line 2707, app/assets/stylesheets/screen.css.scss */ .link-button { background: none; border: none; padding: 0; font-family: inherit; font-size: inherit; color: #007bff; text-decoration: underline; cursor: pointer; text-align: left; } /* line 2719, app/assets/stylesheets/screen.css.scss */ .link-button:hover { color: #0056b3; } /* @group Base */ /* line 5, ../../shared/bundle/ruby/3.2.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container { position: relative; display: inline-block; vertical-align: middle; font-size: 13px; user-select: none; } /* line 11, ../../shared/bundle/ruby/3.2.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container * { box-sizing: border-box; } /* line 14, ../../shared/bundle/ruby/3.2.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container .chosen-drop { position: absolute; top: 100%; z-index: 1010; width: 100%; border: 1px solid #aaa; border-top: 0; background: #fff; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); clip: rect(0, 0, 0, 0); clip-path: inset(100% 100%); } /* line 26, ../../shared/bundle/ruby/3.2.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container.chosen-with-drop .chosen-drop { clip: auto; clip-path: none; } /* line 30, ../../shared/bundle/ruby/3.2.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container a { cursor: pointer; } /* line 35, ../../shared/bundle/ruby/3.2.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name { margin-right: 4px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: normal; color: #999999; } /* line 42, ../../shared/bundle/ruby/3.2.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after { content: ":"; padding-left: 2px; vertical-align: top; } /* @end */ /* @group Single Chosen */ /* line 54, ../../shared/bundle/ruby/3.2.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container-single .chosen-single { position: relative; display: block; overflow: hidden; padding: 0 0 0 8px; height: 25px; border: 1px solid #aaa; border-radius: 5px; background-color: #fff; background: linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%); background-clip: padding-box; box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1); color: #444; text-decoration: none; white-space: nowrap; line-height: 24px; } /* line 71, ../../shared/bundle/ruby/3.2.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container-single .chosen-default { color: #999; } /* line 74, ../../shared/bundle/ruby/3.2.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container-single .chosen-single span { display: block; overflow: hidden; margin-right: 26px; text-overflow: ellipsis; white-space: nowrap; } /* line 81, ../../shared/bundle/ruby/3.2.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container-single .chosen-single-with-deselect span { margin-right: 38px; } /* line 84, ../../shared/bundle/ruby/3.2.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container-single .chosen-single abbr { position: absolute; top: 6px; right: 26px; display: block; width: 12px; height: 12px; background: url(https://qndt.report/assets/chosen-sprite-5bc6e9c830f68e6bfe60f7ab730538090027d4fc53a0e41c342e8cb1ee2091cd.png) -42px 1px no-repeat; font-size: 1px; } /* line 93, ../../shared/bundle/ruby/3.2.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container-single .chosen-single abbr:hover { background-position: -42px -10px; } /* line 97, ../../shared/bundle/ruby/3.2.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container-single.chosen-disabled .chosen-single abbr:hover { background-position: -42px -10px; } /* line 100, ../../shared/bundle/ruby/3.2.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container-single .chosen-single div { position: absolute; top: 0; right: 0; display: block; width: 18px; height: 100%; } /* line 107, ../../shared/bundle/ruby/3.2.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container-single .chosen-single div b { display: block; width: 100%; height: 100%; background: url(https://qndt.report/assets/chosen-sprite-5bc6e9c830f68e6bfe60f7ab730538090027d4fc53a0e41c342e8cb1ee2091cd.png) no-repeat 0px 2px; } /* line 114, ../../shared/bundle/ruby/3.2.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container-single .chosen-search { position: relative; z-index: 1010; margin: 0; padding: 3px 4px; white-space: nowrap; } /* line 121, ../../shared/bundle/ruby/3.2.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container-single .chosen-search input[type="text"] { margin: 1px 0; padding: 4px 20px 4px 5px; width: 100%; height: auto; outline: 0; border: 1px solid #aaa; background: url(https://qndt.report/assets/chosen-sprite-5bc6e9c830f68e6bfe60f7ab730538090027d4fc53a0e41c342e8cb1ee2091cd.png) no-repeat 100% -20px; font-size: 1em; font-family: sans-serif; line-height: normal; border-radius: 0; } /* line 135, ../../shared/bundle/ruby/3.2.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container-single .chosen-drop { margin-top: -1px; border-radius: 0 0 4px 4px; background-clip: padding-box; } /* line 140, ../../shared/bundle/ruby/3.2.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container-single.chosen-container-single-nosearch .chosen-search { position: absolute; clip: rect(0, 0, 0, 0); clip-path: inset(100% 100%); } /* @end */ /* @group Results */ /* line 149, ../../shared/bundle/ruby/3.2.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container .chosen-results { color: #444; position: relative; overflow-x: hidden; overflow-y: auto; margin: 0 4px 4px 0; padding: 0 0 0 4px; max-height: 240px; -webkit-overflow-scrolling: touch; } /* line 158, ../../shared/bundle/ruby/3.2.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container .chosen-results li { display: none; margin: 0; padding: 5px 6px; list-style: none; line-height: 15px; word-wrap: break-word; -webkit-touch-callout: none; } /* line 166, ../../shared/bundle/ruby/3.2.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container .chosen-results li.active-result { display: list-item; cursor: pointer; } /* line 170, ../../shared/bundle/ruby/3.2.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container .chosen-results li.disabled-result { display: list-item; color: #ccc; cursor: default; } /* line 175, ../../shared/bundle/ruby/3.2.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container .chosen-results li.highlighted { background-color: #3875d7; background-image: linear-gradient(#3875d7 20%, #2a62bc 90%); color: #fff; } /* line 180, ../../shared/bundle/ruby/3.2.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container .chosen-results li.no-results { color: #777; display: list-item; background: #f4f4f4; } /* line 185, ../../shared/bundle/ruby/3.2.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container .chosen-results li.group-result { display: list-item; font-weight: bold; cursor: default; } /* line 190, ../../shared/bundle/ruby/3.2.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container .chosen-results li.group-option { padding-left: 15px; } /* line 193, ../../shared/bundle/ruby/3.2.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container .chosen-results li em { font-style: normal; text-decoration: underline; } /* @end */ /* @group Multi Chosen */ /* line 203, ../../shared/bundle/ruby/3.2.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container-multi .chosen-choices { position: relative; overflow: hidden; margin: 0; padding: 0 5px; width: 100%; height: auto; border: 1px solid #aaa; background-color: #fff; background-image: linear-gradient(#eee 1%, #fff 15%); cursor: text; } /* line 215, ../../shared/bundle/ruby/3.2.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container-multi .chosen-choices li { float: left; list-style: none; } /* line 218, ../../shared/bundle/ruby/3.2.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container-multi .chosen-choices li.search-field { margin: 0; padding: 0; white-space: nowrap; } /* line 222, ../../shared/bundle/ruby/3.2.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container-multi .chosen-choices li.search-field input[type="text"] { margin: 1px 0; padding: 0; height: 25px; outline: 0; border: 0 !important; background: transparent !important; box-shadow: none; color: #999; font-size: 100%; font-family: sans-serif; line-height: normal; border-radius: 0; width: 25px; } /* line 238, ../../shared/bundle/ruby/3.2.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container-multi .chosen-choices li.search-choice { position: relative; margin: 3px 5px 3px 0; padding: 3px 20px 3px 5px; border: 1px solid #aaa; max-width: 100%; border-radius: 3px; background-color: #eeeeee; background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); background-size: 100% 19px; background-repeat: repeat-x; background-clip: padding-box; box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05); color: #333; line-height: 13px; cursor: default; } /* line 254, ../../shared/bundle/ruby/3.2.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container-multi .chosen-choices li.search-choice span { word-wrap: break-word; } /* line 257, ../../shared/bundle/ruby/3.2.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container-multi .chosen-choices li.search-choice .search-choice-close { position: absolute; top: 4px; right: 3px; display: block; width: 12px; height: 12px; background: url(https://qndt.report/assets/chosen-sprite-5bc6e9c830f68e6bfe60f7ab730538090027d4fc53a0e41c342e8cb1ee2091cd.png) -42px 1px no-repeat; font-size: 1px; } /* line 266, ../../shared/bundle/ruby/3.2.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover { background-position: -42px -10px; } /* line 271, ../../shared/bundle/ruby/3.2.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container-multi .chosen-choices li.search-choice-disabled { padding-right: 5px; border: 1px solid #ccc; background-color: #e4e4e4; background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); color: #666; } /* line 278, ../../shared/bundle/ruby/3.2.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container-multi .chosen-choices li.search-choice-focus { background: #d4d4d4; } /* line 280, ../../shared/bundle/ruby/3.2.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close { background-position: -42px -10px; } /* line 285, ../../shared/bundle/ruby/3.2.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container-multi .chosen-results { margin: 0; padding: 0; } /* line 289, ../../shared/bundle/ruby/3.2.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container-multi .chosen-drop .result-selected { display: list-item; color: #ccc; cursor: default; } /* @end */ /* @group Active */ /* line 299, ../../shared/bundle/ruby/3.2.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container-active .chosen-single { border: 1px solid #5897fb; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } /* line 304, ../../shared/bundle/ruby/3.2.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container-active.chosen-with-drop .chosen-single { border: 1px solid #aaa; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; background-image: linear-gradient(#eee 20%, #fff 80%); box-shadow: 0 1px 0 #fff inset; } /* line 313, ../../shared/bundle/ruby/3.2.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container-active.chosen-with-drop .chosen-single div { border-left: none; background: transparent; } /* line 316, ../../shared/bundle/ruby/3.2.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container-active.chosen-with-drop .chosen-single div b { background-position: -18px 2px; } /* line 321, ../../shared/bundle/ruby/3.2.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container-active .chosen-choices { border: 1px solid #5897fb; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } /* line 324, ../../shared/bundle/ruby/3.2.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container-active .chosen-choices li.search-field input[type="text"] { color: #222 !important; } /* @end */ /* @group Disabled Support */ /* line 332, ../../shared/bundle/ruby/3.2.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-disabled { opacity: 0.5 !important; cursor: default; } /* line 335, ../../shared/bundle/ruby/3.2.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-disabled .chosen-single { cursor: default; } /* line 338, ../../shared/bundle/ruby/3.2.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-disabled .chosen-choices .search-choice .search-choice-close { cursor: default; } /* @end */ /* @group Right to Left */ /* line 345, ../../shared/bundle/ruby/3.2.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-rtl { text-align: right; } /* line 347, ../../shared/bundle/ruby/3.2.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-rtl .chosen-single { overflow: visible; padding: 0 8px 0 0; } /* line 351, ../../shared/bundle/ruby/3.2.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-rtl .chosen-single span { margin-right: 0; margin-left: 26px; direction: rtl; } /* line 356, ../../shared/bundle/ruby/3.2.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-rtl .chosen-single-with-deselect span { margin-left: 38px; } /* line 359, ../../shared/bundle/ruby/3.2.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-rtl .chosen-single div { right: auto; left: 3px; } /* line 363, ../../shared/bundle/ruby/3.2.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-rtl .chosen-single abbr { right: auto; left: 26px; } /* line 367, ../../shared/bundle/ruby/3.2.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-rtl .chosen-choices li { float: right; } /* line 369, ../../shared/bundle/ruby/3.2.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-rtl .chosen-choices li.search-field input[type="text"] { direction: rtl; } /* line 372, ../../shared/bundle/ruby/3.2.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-rtl .chosen-choices li.search-choice { margin: 3px 5px 3px 0; padding: 3px 5px 3px 19px; } /* line 375, ../../shared/bundle/ruby/3.2.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-rtl .chosen-choices li.search-choice .search-choice-close { right: auto; left: 4px; } /* line 381, ../../shared/bundle/ruby/3.2.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-rtl.chosen-container-single .chosen-results { margin: 0 0 4px 4px; padding: 0 4px 0 0; } /* line 385, ../../shared/bundle/ruby/3.2.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-rtl .chosen-results li.group-option { padding-right: 15px; padding-left: 0; } /* line 389, ../../shared/bundle/ruby/3.2.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div { border-right: none; } /* line 392, ../../shared/bundle/ruby/3.2.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-rtl .chosen-search input[type="text"] { padding: 4px 5px 4px 20px; background: url(https://qndt.report/assets/chosen-sprite-5bc6e9c830f68e6bfe60f7ab730538090027d4fc53a0e41c342e8cb1ee2091cd.png) no-repeat -30px -20px; direction: rtl; } /* line 398, ../../shared/bundle/ruby/3.2.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-rtl.chosen-container-single .chosen-single div b { background-position: 6px 2px; } /* line 402, ../../shared/bundle/ruby/3.2.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b { background-position: -12px 2px; } /* @end */ /* @group Retina compatibility */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) { /* line 413, ../../shared/bundle/ruby/3.2.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-rtl .chosen-search input[type="text"], .chosen-container-single .chosen-single abbr, .chosen-container-single .chosen-single div b, .chosen-container-single .chosen-search input[type="text"], .chosen-container-multi .chosen-choices .search-choice .search-choice-close, .chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-up span { background-image: url(https://qndt.report/assets/chosen-sprite@2x-085ee9b19ba0e879649a3bb219296e48c49f3da9a6dd70272348e9abd2ddde8e.png) !important; background-size: 52px 37px !important; background-repeat: no-repeat !important; } } /* @end */ .tingle-modal * { box-sizing: border-box; } .tingle-modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; display: flex; visibility: hidden; flex-direction: column; align-items: center; overflow: hidden; -webkit-overflow-scrolling: touch; background: rgba(0, 0, 0, .9); opacity: 0; cursor: url("data:image/svg+xml,%3Csvg width='19' height='19' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.514.535l-6.42 6.42L2.677.536a1.517 1.517 0 00-2.14 0 1.517 1.517 0 000 2.14l6.42 6.419-6.42 6.419a1.517 1.517 0 000 2.14 1.517 1.517 0 002.14 0l6.419-6.42 6.419 6.42a1.517 1.517 0 002.14 0 1.517 1.517 0 000-2.14l-6.42-6.42 6.42-6.418a1.517 1.517 0 000-2.14 1.516 1.516 0 00-2.14 0z' fill='%23FFF' fill-rule='nonzero'/%3E%3C/svg%3E"), auto; } @supports (backdrop-filter: blur(12px)) { .tingle-modal { backdrop-filter: blur(12px); } } /* confirm and alerts -------------------------------------------------------------- */ .tingle-modal--confirm .tingle-modal-box { text-align: center; } /* modal -------------------------------------------------------------- */ .tingle-modal--noOverlayClose { cursor: default; } .tingle-modal--noClose .tingle-modal__close { display: none; } .tingle-modal__close { position: fixed; top: 2.5rem; right: 2.5rem; z-index: 1000; padding: 0; width: 2rem; height: 2rem; border: none; background-color: transparent; color: #fff; cursor: pointer; } .tingle-modal__close svg * { fill: currentColor; } .tingle-modal__closeLabel { display: none; } .tingle-modal__close:hover { color: #fff; } .tingle-modal-box { position: relative; flex-shrink: 0; margin-top: auto; margin-bottom: auto; width: 60%; border-radius: 4px; background: #fff; opacity: 1; cursor: auto; will-change: transform, opacity; } .tingle-modal-box__content { padding: 3rem 3rem; } .tingle-modal-box__footer { padding: 1.5rem 2rem; width: auto; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; background-color: #f5f5f5; cursor: auto; } .tingle-modal-box__footer::after { display: table; clear: both; content: ""; } .tingle-modal-box__footer--sticky { position: fixed; bottom: -200px; /* TODO : find a better way */ z-index: 10001; opacity: 1; transition: bottom .3s ease-in-out .3s; } /* state -------------------------------------------------------------- */ .tingle-enabled { position: fixed; right: 0; left: 0; overflow: hidden; } .tingle-modal--visible .tingle-modal-box__footer { bottom: 0; } .tingle-modal--visible { visibility: visible; opacity: 1; } .tingle-modal--visible .tingle-modal-box { animation: scale .2s cubic-bezier(.68, -.55, .265, 1.55) forwards; } .tingle-modal--overflow { overflow-y: scroll; padding-top: 8vh; } /* btn -------------------------------------------------------------- */ .tingle-btn { display: inline-block; margin: 0 .5rem; padding: 1rem 2rem; border: none; background-color: grey; box-shadow: none; color: #fff; vertical-align: middle; text-decoration: none; font-size: inherit; font-family: inherit; line-height: normal; cursor: pointer; transition: background-color .4s ease; } .tingle-btn--primary { background-color: #3498db; } .tingle-btn--danger { background-color: #e74c3c; } .tingle-btn--default { background-color: #34495e; } .tingle-btn--pull-left { float: left; } .tingle-btn--pull-right { float: right; } /* responsive -------------------------------------------------------------- */ @media (max-width : 540px) { .tingle-modal { top: 0px; display: block; padding-top: 60px; width: 100%; } .tingle-modal-box { width: auto; border-radius: 0; } .tingle-modal-box__content { overflow-y: scroll; } .tingle-modal--noClose { top: 0; } .tingle-modal--noOverlayClose { padding-top: 0; } .tingle-modal-box__footer .tingle-btn { display: block; float: none; margin-bottom: 1rem; width: 100%; } .tingle-modal__close { top: 0; right: 0; left: 0; display: block; width: 100%; height: 60px; border: none; background-color: #2c3e50; box-shadow: none; color: #fff; } .tingle-modal__closeLabel { display: inline-block; vertical-align: middle; font-size: 1.6rem; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; } .tingle-modal__closeIcon { display: inline-block; margin-right: .8rem; width: 1.6rem; vertical-align: middle; font-size: 0; } } /* animations -------------------------------------------------------------- */ @keyframes scale { 0% { opacity: 0; transform: scale(.9); } 100% { opacity: 1; transform: scale(1); } } /* line 4, app/assets/stylesheets/top-bar-nav.css.scss */ #top-bar-nav { background: #00b3c1; display: flex; flex-direction: column; justify-content: flex-start; font-family: 'Rubik', sans-serif; border-bottom: 1px solid #7c7c7c; } @media (min-width: 1025px) { /* line 4, app/assets/stylesheets/top-bar-nav.css.scss */ #top-bar-nav { flex-direction: row; justify-content: flex-start; } } /* line 17, app/assets/stylesheets/top-bar-nav.css.scss */ #top-bar-nav a { color: #004448; font-size: 0.7em; text-decoration: none; } /* line 22, app/assets/stylesheets/top-bar-nav.css.scss */ #top-bar-nav a:hover { color: #004448; } @media (min-width: 1025px) { /* line 17, app/assets/stylesheets/top-bar-nav.css.scss */ #top-bar-nav a { font-size: 0.76em; } } /* line 31, app/assets/stylesheets/top-bar-nav.css.scss */ #top-bar-nav a:nth-of-type(1) { padding: 2px 10px 2px 10px; border-left: none; border-right: none; } @media (min-width: 1025px) { /* line 31, app/assets/stylesheets/top-bar-nav.css.scss */ #top-bar-nav a:nth-of-type(1) { padding: 0px 10px 0px 10px; border-right: 1px solid #004448; } } /* line 42, app/assets/stylesheets/top-bar-nav.css.scss */ #top-bar-nav a:nth-of-type(3) { border-right: none; } @media (min-width: 1025px) { /* line 42, app/assets/stylesheets/top-bar-nav.css.scss */ #top-bar-nav a:nth-of-type(3) { border-right: 1px solid #004448; } } /* line 50, app/assets/stylesheets/top-bar-nav.css.scss */ #top-bar-nav a:nth-of-type(4) { border-right: none; border-top: 1px solid #004448; } @media (min-width: 1025px) { /* line 50, app/assets/stylesheets/top-bar-nav.css.scss */ #top-bar-nav a:nth-of-type(4) { border-right: 1px solid #004448; border-top: none; } } /* line 60, app/assets/stylesheets/top-bar-nav.css.scss */ #top-bar-nav a { padding: 14px 10px 14px 10px; border-bottom: 1px solid #004448; display: block; } @media (min-width: 1025px) { /* line 60, app/assets/stylesheets/top-bar-nav.css.scss */ #top-bar-nav a { padding: 10px 12px 12px 12px; font-weight: 400; letter-spacing: -0.4px; border-right: 1px solid #004448; border-bottom: none; } /* line 72, app/assets/stylesheets/top-bar-nav.css.scss */ #top-bar-nav a.has-tip-html { border-left: 1px solid #004448; } } /* line 77, app/assets/stylesheets/top-bar-nav.css.scss */ #top-bar-nav a:hover { background-color: #00a0ac; } /* line 81, app/assets/stylesheets/top-bar-nav.css.scss */ #top-bar-nav a.active { background-color: #00a0ac; } @media (min-width: 1025px) { /* line 86, app/assets/stylesheets/top-bar-nav.css.scss */ #top-bar-nav .drop-down-menu:nth-of-type(1) { border-right: 1px solid #004448; } } /* line 94, app/assets/stylesheets/top-bar-nav.css.scss */ #top-bar-nav .drop-down-menu a:nth-of-type(1) { padding: 14px 12px 12px 12px; border-left: none; border-right: none; display: block; position: relative; } @media (min-width: 1025px) { /* line 94, app/assets/stylesheets/top-bar-nav.css.scss */ #top-bar-nav .drop-down-menu a:nth-of-type(1) { padding: 10px 12px 11px 12px; position: relative; } } /* line 108, app/assets/stylesheets/top-bar-nav.css.scss */ #top-bar-nav #new-report-menu, #top-bar-nav #user-menu { position: relative; top: -1px; z-index: 10; border: 1px solid #004448; background-color: #00b3c1; } @media (min-width: 1025px) { /* line 108, app/assets/stylesheets/top-bar-nav.css.scss */ #top-bar-nav #new-report-menu, #top-bar-nav #user-menu { position: absolute; top: 34px; } } /* line 121, app/assets/stylesheets/top-bar-nav.css.scss */ #top-bar-nav #new-report-menu a, #top-bar-nav #user-menu a { padding: 10px; border: none; } /* line 127, app/assets/stylesheets/top-bar-nav.css.scss */ #top-bar-nav div.search_bar { margin-left: inherit; padding: 12px 10px 12px 4px; } @media (min-width: 1025px) { /* line 127, app/assets/stylesheets/top-bar-nav.css.scss */ #top-bar-nav div.search_bar { margin-left: auto; padding: 4px 4px 4px 4px; } } /* line 136, app/assets/stylesheets/top-bar-nav.css.scss */ #top-bar-nav div.search_bar #top-bar-nav-search-input { height: 20px; font-size: 0.7em; color: #222121; border: 1px solid grey; border-radius: 4px; } /* line 143, app/assets/stylesheets/top-bar-nav.css.scss */ #top-bar-nav div.search_bar #top-bar-nav-search-input ::placeholder { color: black; opacity: 0.9; } @media (min-width: 1025px) { /* line 136, app/assets/stylesheets/top-bar-nav.css.scss */ #top-bar-nav div.search_bar #top-bar-nav-search-input { width: 430px; } } /* line 154, app/assets/stylesheets/top-bar-nav.css.scss */ #top-bar-nav input { margin-bottom: 0px; } /*! * Pintura v8.66.1 - Test version * (c) 2018-2023 PQINA Inc. - All Rights Reserved * License: https://pqina.nl/pintura/license/ * * This version of Pintura is for testing purposes only. * Visit https://pqina.nl/pintura/ to obtain a commercial license. */ /* eslint-disable */ .PinturaUtilPanel[data-util=retouch] .PinturaControlListScroller+.PinturaControlListScroller{margin-top:1em}.PinturaUtilPanel[data-util=redact] .PinturaUtilFooter{padding:0}.PinturaUtilPanel[data-util=redact] .PinturaUtilFooter>div{height:1px}.pintura-editor,pintura-editor{--color-primary:#ffd843;--color-primary-dark:#ffc343;--color-primary-text:#000;--color-secondary:#03a9f4;--color-secondary-dark:#046bbf;--color-focus:4,107,191;--color-focus-100:rgba(var(--color-focus),1);--color-focus-50:rgba(var(--color-focus),0.5);--color-focus-25:rgba(var(--color-focus),0.25);--color-error:255,87,34;--color-error-100:rgb(var(--color-error));--color-error-75:rgba(var(--color-error),0.75);--color-error-50:rgba(var(--color-error),0.5);--color-error-25:rgba(var(--color-error),0.25);--color-error-10:rgba(var(--color-error),0.1);--color-foreground:0,0,0;--color-background:255,255,255;--color-preview-outline:var(--color-foreground);--color-transition-duration:250ms;--button-cursor:pointer;--font-size:16px;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--backdrop-filter-bright:brightness(110%) saturate(180%) blur(10px);--backdrop-filter-dark:brightness(90%) saturate(180%) blur(10px);--border-radius-round:9999em;--border-radius:0.625em;--filter-disabled:grayscale(95%) opacity(40%);--editor-inset-top:0px;--editor-inset-bottom:0px;--safe-area-inset-top:0px;--safe-area-inset-bottom:0px;--pattern-transparent:url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h4v4H0zm4 4h4v4H4z' fill='%23E5E5E5'/%3E%3C/svg%3E");--grid-color-even:rgba(var(--color-foreground),0.1);--grid-color-odd:rgba(var(--color-background),0.1);--grid-size:24}.pintura-editor,.pintura-editor-panel,pintura-editor{--color-foreground-100:rgba(var(--color-foreground),1);--color-foreground-95:rgba(var(--color-foreground),0.95);--color-foreground-90:rgba(var(--color-foreground),0.9);--color-foreground-80:rgba(var(--color-foreground),0.8);--color-foreground-70:rgba(var(--color-foreground),0.7);--color-foreground-60:rgba(var(--color-foreground),0.6);--color-foreground-50:rgba(var(--color-foreground),0.5);--color-foreground-40:rgba(var(--color-foreground),0.4);--color-foreground-30:rgba(var(--color-foreground),0.3);--color-foreground-20:rgba(var(--color-foreground),0.25);--color-foreground-15:rgba(var(--color-foreground),0.2);--color-foreground-10:rgba(var(--color-foreground),0.15);--color-foreground-5:rgba(var(--color-foreground),0.075);--color-foreground-3:rgba(var(--color-foreground),0.05);--color-foreground-1:rgba(var(--color-foreground),0.02);--color-foreground-0:rgba(var(--color-foreground),0);--color-background-100:rgba(var(--color-background),1);--color-background-95:rgba(var(--color-background),0.95);--color-background-90:rgba(var(--color-background),0.9);--color-background-80:rgba(var(--color-background),0.8);--color-background-70:rgba(var(--color-background),0.7);--color-background-60:rgba(var(--color-background),0.6);--color-background-50:rgba(var(--color-background),0.5);--color-background-40:rgba(var(--color-background),0.4);--color-background-30:rgba(var(--color-background),0.3);--color-background-20:rgba(var(--color-background),0.2);--color-background-15:rgba(var(--color-background),0.15);--color-background-10:rgba(var(--color-background),0.1);--color-background-5:rgba(var(--color-background),0.05);--color-background-3:rgba(var(--color-background),0.03);--color-background-1:rgba(var(--color-background),0.01);--color-background-0:rgba(var(--color-background),0)}.pintura-editor,.PinturaRootWrapper,pintura-editor{display:block}.PinturaRootWrapper{height:100%}.PinturaScrollableContent{overflow:hidden;max-height:80vh;overflow-y:auto;scrollbar-color:var(--color-foreground-30) transparent;scrollbar-width:thin}.PinturaScrollableContent::-webkit-scrollbar{width:1em;cursor:pointer}.PinturaScrollableContent::-webkit-scrollbar-track{background:none}.PinturaScrollableContent::-webkit-scrollbar-thumb{cursor:pointer;background-clip:padding-box;background-color:var(--color-foreground-30);border-radius:9999em;border:.3125em solid transparent}.PinturaRoot[data-env~=is-animated]{--transition-duration-multiplier:1}.PinturaRoot[data-env~=is-transparent]{background:none}.PinturaRoot{--nav-group-margin:0.5em;--editor-calculated-inset-top:calc(var(--safe-area-inset-top) + var(--editor-inset-top));--editor-calculated-inset-bottom:calc(var(--safe-area-inset-bottom) + var(--editor-inset-bottom));--transition-duration-10:calc(var(--transition-duration-multiplier, 0) * 0.1s);--transition-duration-25:calc(var(--transition-duration-multiplier, 0) * 0.25s);--transition-duration-50:calc(var(--transition-duration-multiplier, 0) * 0.5s);box-sizing:border-box;width:var(--editor-width,100%);height:var(--editor-height,100%);padding-top:var(--editor-calculated-inset-top);padding-bottom:var(--editor-calculated-inset-bottom);max-width:var(--editor-max-width,var(--editor-max-width-default,none));max-height:var(--editor-max-height,var(--editor-max-height-default,none));position:relative;overflow:hidden;contain:strict;display:grid;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:normal;font-size:var(--font-size);font-family:var(--font-family);font-weight:450;touch-action:manipulation;text-align:left;text-transform:none;text-rendering:optimizeLegibility;direction:ltr;color:var(--color-foreground-90);background-color:var(--color-background-100);outline-color:rgba(var(--color-preview-outline),1);transition:background-color 1ms,outline-color 1ms,color var(--transition-duration-10) ease-in-out,dir 1ms}.PinturaRoot[dir=rtl] button{direction:rtl}.PinturaRoot .PinturaUtilMain{cursor:var(--cursor)}.PinturaRoot *{box-sizing:content-box;word-wrap:normal}.PinturaRoot button,.PinturaRoot fieldset,.PinturaRoot input,.PinturaRoot legend{padding:0;margin:0;border:none;background:transparent;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit;width:auto;text-decoration:none}.PinturaRoot button[disabled]{pointer-events:none}.PinturaRoot canvas{display:block}.PinturaRoot svg{display:inline-block;width:auto;height:auto;max-width:none}.PinturaRoot p{margin:0}.PinturaRoot li,.PinturaRoot ul{list-style:none;margin:0;padding:0}.PinturaRoot a{color:inherit;text-decoration:none}.PinturaRoot .implicit{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0,0 0,0 0);clip-path:polygon(0 0,0 0,0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.PinturaRoot .PinturaFixedWidthCharacters{font-variant:tabular-nums}.PinturaRoot .PinturaStage{display:flex;align-self:stretch;flex:1;pointer-events:none}.PinturaRoot .PinturaStage[tabindex="-1"]{outline:none}.PinturaRoot .PinturaRootPortal,.PinturaRoot>.PinturaCanvas{position:absolute;left:0;top:0}.PinturaRoot>.PinturaCanvas{width:100%;height:100%;pointer-events:none;z-index:0}.PinturaRoot>.PinturaCanvas canvas{position:absolute;width:100%;height:100%}.PinturaRoot>.PinturaCanvas:after{content:"";position:absolute;left:0;top:0;bottom:0;right:0;background-repeat:no-repeat}.PinturaRoot>.PinturaStatus{position:absolute;z-index:99999;left:0;top:0;width:100%;height:100%;display:flex;justify-content:center;align-items:flex-start;background-color:var(--color-background-90)}.PinturaRoot>.PinturaStatus>p{position:absolute;top:50%;left:50%;display:inline-flex;white-space:nowrap;align-items:center;transition:opacity var(--transition-duration-50) ease-out}.PinturaRoot .PinturaStatusMessage{position:absolute;font-size:.875em}.PinturaRoot .PinturaStatusAside{position:absolute;left:0}.PinturaRoot .PinturaStatusAside svg{width:1.25em;height:1.25em}.PinturaRoot .PinturaStatusAside .PinturaProgressIndicator{margin-left:.5em}.PinturaRoot .PinturaStatusAside .PinturaButton{outline:transparent;margin-left:.75em;font-size:.875em;border-radius:var(--border-radius-round);background-color:var(--color-foreground-5);padding:.25em;transition:background-color var(--transition-duration-10) ease-out,color var(--transition-duration-10) ease-out;-webkit-backdrop-filter:var(--backdrop-filter-dark);backdrop-filter:var(--backdrop-filter-dark)}.PinturaRoot .PinturaStatusAside .PinturaButton:not([disabled])[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaRoot .PinturaStatusAside .PinturaButton:not([disabled]):hover{background-color:var(--color-foreground-10)}.PinturaRoot .PinturaStatusIcon svg{font-size:.875em;margin-top:.25em;margin-left:.5em}.PinturaRoot>.PinturaNav{position:relative;z-index:3}.PinturaRoot>.PinturaNav:empty{display:none!important}.PinturaRoot>.PinturaNav .PinturaButton{outline:transparent;transition:background-color var(--transition-duration-10) ease-out,color var(--transition-duration-10) ease-out}.PinturaRoot>.PinturaNav .PinturaButton svg{width:1em;transition:opacity var(--transition-duration-10) ease-out}.PinturaRoot>.PinturaNav .PinturaButton>span{justify-content:center}.PinturaRoot>.PinturaNav .PinturaButtonIconOnly .PinturaButtonInner,.PinturaRoot>.PinturaNav .PinturaDropdownIconOnly .PinturaButtonInner{width:1.75em}.PinturaRoot>.PinturaNav .PinturaButton .PinturaButtonInner{height:1.75em}.PinturaRoot>.PinturaNav .PinturaButton:not(.PinturaButtonIconOnly):not(.PinturaDropdownIconOnly){padding-left:.75em;padding-right:.75em}.PinturaRoot>.PinturaNav .PinturaButton:not(.PinturaButtonIconOnly):not(.PinturaDropdownIconOnly) .PinturaButtonLabel{font-size:.75em;line-height:2}.PinturaRoot>.PinturaNav .PinturaButton:not(.PinturaButtonIconOnly):not(.PinturaDropdownIconOnly):not(.PinturaDropdownButton){box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.PinturaRoot>.PinturaNav .PinturaButton:only-of-type{border-radius:var(--border-radius-round)}.PinturaRoot>.PinturaNav .PinturaButton:only-of-type+*{margin-left:.5em}.PinturaRoot>.PinturaNav .PinturaButton[disabled] .PinturaButtonLabel,.PinturaRoot>.PinturaNav .PinturaButton[disabled] svg{opacity:.25}.PinturaRoot>.PinturaNav .PinturaButton:not(.PinturaButtonExport):not([disabled])[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaRoot>.PinturaNav .PinturaButton:not(.PinturaButtonExport):not([disabled]):hover{background-color:var(--color-foreground-10)}.PinturaRoot .PinturaButtonExport{color:var(--color-primary-text);background-color:var(--color-primary)}.PinturaRoot .PinturaButtonExport:hover{background-color:var(--color-primary-dark)}.PinturaRoot .PinturaButtonExport[data-focus-visible]{color:var(--color-primary-text);background-color:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-foreground-5),0 0 0 3px var(--color-focus-50);background-color:var(--color-primary-dark)}.PinturaRoot .PinturaButtonExport:not(.PinturaButtonIconOnly){flex:1;padding:0 .75em}.PinturaRoot>.PinturaNavMain{display:flex;overflow:hidden}.PinturaRoot>.PinturaNavMain [aria-selected=true] button{-webkit-backdrop-filter:var(--backdrop-filter-dark);backdrop-filter:var(--backdrop-filter-dark);background-color:var(--color-foreground-10)}.PinturaRoot>.PinturaNavMain button svg{align-self:center;width:1.5em}.PinturaRoot>.PinturaNavMain button span,.PinturaRoot>.PinturaNavMain button svg{pointer-events:none}.PinturaRoot>.PinturaNavMain button svg+span{margin-top:.75em}.PinturaRoot>.PinturaNavMain button span{font-size:.875em;display:block;width:calc(100% - 1em);overflow:hidden;text-overflow:ellipsis;width:inherit;max-width:calc(100% - 1em)}.PinturaRoot>.PinturaNavMain button{box-shadow:inset 0 0 0 1px var(--color-foreground-5);transition:background-color var(--transition-duration-10) ease-out,color var(--transition-duration-10) ease-out,box-shadow var(--transition-duration-10) ease-out}.PinturaRoot>.PinturaNavMain button:hover{box-shadow:inset 0 0 0 1px var(--color-foreground-10)}.PinturaRoot>.PinturaNavMain button[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaRoot>.PinturaNavTools{max-width:100%;box-sizing:border-box;pointer-events:none}.PinturaRoot>.PinturaNavTools:empty{display:none}.PinturaRoot>.PinturaNavTools,.PinturaRoot>.PinturaNavTools .PinturaNavGroup,.PinturaRoot>.PinturaNavTools .PinturaNavSet{display:flex;align-items:center;justify-content:center}.PinturaRoot>.PinturaNavTools .PinturaButton,.PinturaRoot>.PinturaNavTools .PinturaNavSet{pointer-events:all}.PinturaRoot>.PinturaNavTools .PinturaButton[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaRoot .PinturaNavGroup{margin:0 var(--nav-group-margin)}.PinturaRoot .PinturaNavGroup>*{border-radius:var(--border-radius-round)}.PinturaRoot .PinturaNavGroup>*+*{margin-left:.5em}.PinturaRoot .PinturaNavGroup:first-of-type{margin-right:auto;margin-left:0}.PinturaRoot .PinturaNavGroup:last-of-type{margin-left:auto;margin-right:0}.PinturaRoot .PinturaNavSet{box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.PinturaRoot .PinturaNavSet>:not(:only-child){border:1px solid var(--color-foreground-3);border-top:0;border-bottom:0}.PinturaRoot .PinturaNavSet>:first-child:not(:only-child){border-left:0}.PinturaRoot .PinturaNavSet>:last-child:not(:only-child){border-right:0}.PinturaRoot .PinturaNavSet>*+*{margin-left:-1px}.PinturaRoot .PinturaNavSet>.PinturaButton:hover,.PinturaRoot .PinturaNavSet>.PinturaButton[data-focus-visible]{position:relative;z-index:1}.PinturaRoot .PinturaNavSet>:only-child{border-radius:var(--border-radius-round)}.PinturaRoot .PinturaNavSet>:first-child:not(:only-child) .PinturaButtonInner{padding:0 .125em 0 .25em}.PinturaRoot .PinturaNavSet>:first-child:not(:only-child){border-top-left-radius:var(--border-radius-round);border-bottom-left-radius:var(--border-radius-round)}.PinturaRoot .PinturaNavSet>:last-child:not(:only-child) .PinturaButtonInner{padding:0 .25em 0 .125em}.PinturaRoot .PinturaNavSet>:last-child:not(:only-child){border-top-right-radius:var(--border-radius-round);border-bottom-right-radius:var(--border-radius-round)}.PinturaRoot[data-env~=overlay] .PinturaNavSet{background-color:var(--color-background-50);-webkit-backdrop-filter:var(--backdrop-filter-bright);backdrop-filter:var(--backdrop-filter-bright);box-shadow:inset 0 0 0 1px var(--color-background-15),0 .0625em .125em rgba(0,0,0,.25),0 .125em .35em rgba(0,0,0,.35)}.PinturaRoot[data-env~=overlay] .PinturaNavSet .PinturaButton:not(.PinturaButtonExport):not([disabled]):hover,.PinturaRoot[data-env~=overlay] .PinturaNavSet>*{border-color:var(--color-background-15)}.PinturaRoot[data-env~=overlay] .PinturaNavGroup>.PinturaButton{box-shadow:0 .0625em .125em rgba(0,0,0,.25),0 .125em .35em rgba(0,0,0,.35)}.PinturaRoot[data-env~=overlay] .PinturaNavGroup .PinturaButtonExport{box-shadow:inset 0 0 .125em rgba(0,0,0,.25),0 .0625em .125em rgba(0,0,0,.25),0 .125em .35em rgba(0,0,0,.35)}.PinturaRoot .PinturaNavGroupFloat{position:absolute;left:0;right:0;pointer-events:none}.PinturaRoot .PinturaNavGroupFloat>*{pointer-events:all}.PinturaRoot .PinturaUtilFooter .PinturaScrollable>div{padding-left:1em;padding-right:1em}.PinturaRoot>.PinturaMain{max-width:100vw}.PinturaRoot:not([data-env~=has-toolbar]) .PinturaUtilHeader{padding-top:0;padding-bottom:1em;margin-bottom:-1em}.PinturaRoot[data-env~=landscape]{grid-template-rows:-webkit-min-content auto;grid-template-rows:min-content auto;grid-template-columns:auto}.PinturaRoot[data-env~=landscape]>.PinturaNavTools{grid-row:1;grid-column:1;padding:1em 1em 0;z-index:3}.PinturaRoot[data-env~=landscape]>.PinturaNavMain{align-items:center;justify-content:flex-end;position:absolute;left:1em;top:calc(1em + var(--editor-calculated-inset-top));bottom:calc(1em + var(--editor-calculated-inset-bottom))}.PinturaRoot[data-env~=landscape]>.PinturaNavMain .PinturaTabList{flex-direction:column}.PinturaRoot[data-env~=landscape]>.PinturaNavMain .PinturaTabList li{display:flex}.PinturaRoot[data-env~=landscape]>.PinturaNavMain .PinturaTabList li+li{margin:.5em 0 0}.PinturaRoot[data-env~=landscape]>.PinturaNavMain button{flex:1;width:4em;height:4em;border-radius:var(--border-radius);justify-content:center}.PinturaRoot[data-env~=landscape]>.PinturaNavMain button span{font-size:.6875em;margin-top:.5em}.PinturaRoot[data-env~=landscape]>.PinturaNavMain button svg{width:1em;margin-top:.25em}.PinturaRoot[data-env~=landscape][data-env~=has-toolbar]>.PinturaNavMain{top:calc(4em + var(--editor-calculated-inset-top));bottom:calc(4em + var(--editor-calculated-inset-bottom))}.PinturaRoot[data-env~=landscape][data-env~=has-limited-space]>.PinturaNavMain{align-items:flex-start;bottom:calc(1em + var(--editor-calculated-inset-bottom))}.PinturaRoot[data-env~=landscape]>.PinturaMain{grid-row:2;grid-column:1}.PinturaRoot[data-env~=landscape][data-env~=has-toolbar-preference-bottom]{grid-template-rows:auto -webkit-min-content;grid-template-rows:auto min-content}.PinturaRoot[data-env~=landscape][data-env~=has-toolbar-preference-bottom]>.PinturaNavTools{grid-row:2;padding-top:0;padding-bottom:1em}.PinturaRoot[data-env~=landscape][data-env~=has-toolbar-preference-bottom]>.PinturaMain{grid-row:1}.PinturaRoot[data-env~=landscape][data-env~=has-navigation]{grid-template-columns:6em auto}.PinturaRoot[data-env~=landscape][data-env~=has-navigation]:not([data-env~=narrow]) .PinturaNavGroupFloat{margin:0 0 0 7em}.PinturaRoot[data-env~=landscape][data-env~=has-navigation]>.PinturaNavTools{grid-column:1/span 2}.PinturaRoot[data-env~=landscape][data-env~=has-navigation]>.PinturaMain{grid-column:2}.PinturaRoot[data-env~=landscape][data-env~=has-navigation]:not([data-env~=has-navigation-preference-right]) .PinturaUtilMain{padding-left:0}.PinturaRoot[data-env~=landscape][data-env~=has-navigation]:not([data-env~=has-navigation-preference-right]) .PinturaUtilFooter{padding-right:1em}.PinturaRoot[data-env~=landscape][data-env~=has-navigation][data-env~=has-navigation-preference-right]{grid-template-columns:auto 6em}.PinturaRoot[data-env~=landscape][data-env~=has-navigation][data-env~=has-navigation-preference-right]:not([data-env~=narrow]) .PinturaNavGroupFloat{margin:0 7em 0 0}.PinturaRoot[data-env~=landscape][data-env~=has-navigation][data-env~=has-navigation-preference-right]>.PinturaNavMain{right:1em;left:auto}.PinturaRoot[data-env~=landscape][data-env~=has-navigation][data-env~=has-navigation-preference-right]>.PinturaMain{grid-column:1}.PinturaRoot[data-env~=landscape][data-env~=has-navigation][data-env~=has-navigation-preference-right] .PinturaUtilMain{padding-right:0}.PinturaRoot[data-env~=landscape][data-env~=has-navigation][data-env~=has-navigation-preference-right] .PinturaUtilFooter{padding-left:1em}.PinturaRoot[data-env~=portrait]{grid-template-rows:-webkit-min-content auto -webkit-min-content;grid-template-rows:min-content auto min-content;grid-template-columns:auto}.PinturaRoot[data-env~=portrait]>*{grid-column:1}.PinturaRoot[data-env~=portrait]>.PinturaNavTools{grid-row:1;padding:.75em .75em 0}.PinturaRoot[data-env~=portrait]>.PinturaNavMain{grid-row:3;margin-bottom:.75em;justify-content:center}.PinturaRoot[data-env~=portrait]>.PinturaNavMain .PinturaTabList{padding:0 .875em}.PinturaRoot[data-env~=portrait]>.PinturaNavMain li+li{margin-left:.5em}.PinturaRoot[data-env~=portrait]>.PinturaNavMain[data-state~=overflows]{overflow:visible}.PinturaRoot[data-env~=portrait]>.PinturaNavMain button{flex:1;width:4em;height:4em;border-radius:var(--border-radius);justify-content:center}.PinturaRoot[data-env~=portrait]>.PinturaNavMain button span{font-size:.6875em;margin-top:.5em}.PinturaRoot[data-env~=portrait]>.PinturaNavMain button svg{width:1em;margin-top:.25em}.PinturaRoot[data-env~=portrait]>.PinturaMain{grid-row:2;grid-column:1}.PinturaRoot[data-env~=portrait][data-env~=has-toolbar-preference-bottom]{grid-template-rows:auto -webkit-min-content -webkit-min-content;grid-template-rows:auto min-content min-content}.PinturaRoot[data-env~=portrait][data-env~=has-toolbar-preference-bottom]>.PinturaNavTools{grid-row:3;padding:0 .75em .75em}.PinturaRoot[data-env~=portrait][data-env~=has-toolbar-preference-bottom]>.PinturaNavMain{grid-row:2}.PinturaRoot[data-env~=portrait][data-env~=has-toolbar-preference-bottom]>.PinturaMain{grid-row:1}.PinturaRoot[data-env~=portrait]:not([data-env~=narrow])[data-env~=has-navigation-preference-top]{grid-template-rows:-webkit-min-content -webkit-min-content auto;grid-template-rows:min-content min-content auto}.PinturaRoot[data-env~=portrait]:not([data-env~=narrow])[data-env~=has-navigation-preference-top]>.PinturaMain{grid-row:3}.PinturaRoot[data-env~=portrait]:not([data-env~=narrow])[data-env~=has-navigation-preference-top]>.PinturaNavMain{grid-row:2;margin-top:.75em;margin-bottom:0}.PinturaRoot[data-env~=portrait]:not([data-env~=narrow])[data-env~=has-navigation-preference-top][data-env~=has-toolbar-preference-bottom]{grid-template-rows:-webkit-min-content auto -webkit-min-content;grid-template-rows:min-content auto min-content}.PinturaRoot[data-env~=portrait]:not([data-env~=narrow])[data-env~=has-navigation-preference-top][data-env~=has-toolbar-preference-bottom]>.PinturaNavMain{grid-row:1}.PinturaRoot[data-env~=portrait]:not([data-env~=narrow])[data-env~=has-navigation-preference-top][data-env~=has-toolbar-preference-bottom]>.PinturaMain{grid-row:2}.PinturaRoot[data-env~=portrait]:not([data-env~=narrow])[data-env~=has-navigation-preference-top][data-env~=has-toolbar-preference-bottom]>.PinturaNavTools{grid-row:3}.PinturaRoot[data-env~=landscape][data-env~=is-compact]>.PinturaNavMain button{flex:1;flex-direction:row;width:auto;height:auto;border-radius:var(--border-radius);justify-content:flex-start;align-items:center;padding:.625em 0;width:6em}.PinturaRoot[data-env~=landscape][data-env~=is-compact]>.PinturaNavMain button span{font-size:.6875em;margin:0 .625em 0 0;line-height:1.2;text-align:left}.PinturaRoot[data-env~=landscape][data-env~=is-compact]>.PinturaNavMain button svg{margin:0 .5em 0 .625em;min-width:1em}.PinturaRoot[data-env~=landscape][data-env~=is-compact][data-env~=has-navigation]{grid-template-columns:8em auto}.PinturaRoot[data-env~=landscape][data-env~=is-compact][data-env~=has-navigation][data-env~=has-navigation-preference-right]{grid-template-columns:auto 8em}.PinturaRoot[data-env~=landscape][data-env~=is-compact][dir=rtl]>.PinturaNavMain button{padding-left:.625em}.PinturaRoot[data-env~=landscape][data-env~=is-compact][dir=rtl]>.PinturaNavMain svg{margin-left:0}.PinturaRoot[data-env~=narrow] .PinturaNavGroupFloat{position:static;margin:0}.PinturaRoot[data-env~=portrait][data-env~=is-compact]>.PinturaNavMain button{padding:0;font-size:.625em;width:4em;height:4em;justify-content:center;border-radius:9999em}.PinturaRoot[data-env~=portrait][data-env~=is-compact]>.PinturaNavMain button span{visibility:hidden;font-size:0;margin:0}.PinturaRoot[data-env~=portrait][data-env~=is-compact]>.PinturaNavMain button svg{margin-top:0;width:1.6em}.PinturaRoot[data-env~=portrait][data-env~=is-compact]>.PinturaNavMain button svg [stroke-width]{stroke-width:.15em}.PinturaRoot[data-env~=portrait][data-env~=narrow]{--nav-group-margin:0.25em;grid-template-rows:-webkit-min-content auto -webkit-min-content;grid-template-rows:min-content auto min-content;grid-template-columns:auto}.PinturaRoot[data-env~=portrait][data-env~=narrow]>*{grid-column:1}.PinturaRoot[data-env~=portrait][data-env~=narrow] .PinturaUtilFooter .PinturaControlList .PinturaControlListOption span,.PinturaRoot[data-env~=portrait][data-env~=narrow] .PinturaUtilFooter .PinturaControlList [role=tab] span{font-size:.6875em}.PinturaRoot[data-env~=portrait][data-env~=narrow] .PinturaToolbar .PinturaToolbarInner>*{margin:0 .25em}.PinturaRoot[data-env~=portrait][data-env~=narrow][data-env~=has-toolbar-preference-bottom]{grid-template-rows:auto -webkit-min-content -webkit-min-content;grid-template-rows:auto min-content min-content}.PinturaRoot[data-env~=overlay]{grid-template-rows:auto!important;grid-template-columns:auto!important}.PinturaRoot[data-env~=overlay] .PinturaNav{z-index:3}.PinturaRoot[data-env~=overlay] .PinturaMain{grid-row:1;grid-column:1}.PinturaRoot[data-env~=overlay] .PinturaUtilMain{position:absolute;left:0;top:0;right:0;bottom:0;padding:0;z-index:-1}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter,.PinturaRoot[data-env~=overlay] .PinturaUtilHeader{position:absolute;left:0;right:0}.PinturaRoot[data-env~=overlay] .PinturaUtilHeader{top:0}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter{bottom:0}.PinturaRoot[data-env~=overlay] .PinturaNavMain{position:absolute;right:0;top:0;bottom:0;background:none}.PinturaRoot[data-env~=overlay] .PinturaNavTools{position:absolute;left:0;top:0;right:0}.PinturaRoot[data-env~=overlay][data-env~=has-controlgroups-preference-top] .PinturaUtilFooter{top:0;bottom:auto}.PinturaRoot[data-env~=overlay][data-env~=has-toolbar-preference-bottom] .PinturaNavTools{top:auto;bottom:0}.PinturaRoot[data-env~=has-swipe-navigation] .PinturaUtilMain{padding-left:2em;padding-right:2em}.PinturaRoot[data-env~=has-swipe-navigation][data-env~=landscape] .PinturaUtilMain[data-env~=has-navigation]{padding-left:0;padding-right:2em}.PinturaRoot[data-env~=has-swipe-navigation][data-env~=landscape] .PinturaUtilMain[data-env~=has-navigation][data-env~=has-navigation-preference-right]{padding-left:2em;padding-right:0}.PinturaRoot[data-env*=is-disabled],.PinturaRoot[data-env*=is-disabled] *{pointer-events:none!important}.PinturaRoot[data-env*=is-disabled]{--color-primary:#b4b4b4;--color-primary-dark:#a0a0a0;--color-primary-text:#000;--color-secondary:#969696;--color-secondary-dark:#646464}.PinturaRoot[data-env*=is-disabled] .PinturaCanvas,.PinturaRoot[data-env*=is-disabled] .PinturaColorPickerButton{filter:grayscale(100%)}.PinturaRoot .PinturaEditorOverlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:3;background:var(--color-background-50);pointer-events:none}@media not all and (-webkit-min-device-pixel-ratio:0), not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none){.PinturaNav{will-change:transform}}}.PinturaUtilPanel[data-util=frame] .PinturaShapeStyleEditor{min-height:3.375em}.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption{margin:1em 1em 0 0;padding:.125em;border:1px dashed var(--color-foreground-15);color:var(--color-foreground-70)}.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption span{color:var(--color-foreground-90)}.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption label{font-size:.75em}.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption img,.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption svg{position:absolute;left:0;top:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.PinturaUtilPanel[data-util=frame] [data-selected=true]{border-color:var(--color-primary);color:var(--color-primary)}.PinturaUtilPanel[data-util=frame] [data-selected=true] span{color:var(--color-foreground-90)}.PinturaUtilPanel[data-util=frame] [data-layout=row]>.PinturaRadioGroupOptions>li{margin:0 .5em}.PinturaUtilPanel[data-util=frame] [data-layout=row]>.PinturaRadioGroupOptions>li:first-child{margin-left:0}.PinturaUtilPanel[data-util=frame] [data-layout=row]>.PinturaRadioGroupOptions>li:last-child{margin-right:0}.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOptionGroupLabel{width:1px;height:1px;position:absolute;font-size:0}.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOptionGroup{display:flex;flex-direction:column-reverse}.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption{cursor:var(--button-cursor);margin-bottom:1em}.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption span{display:block;text-align:center;padding:0 1.5em;font-size:.625em;font-weight:400}.PinturaUtilPanel[data-util=frame] [data-focus-visible]+label>.PinturaRadioGroupOption span{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100);border-radius:.25em}.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption{position:relative;width:3em;height:4em}.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption div{position:absolute;outline-color:currentColor;border-color:currentColor;cursor:var(--button-cursor)}.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption div[slot]{overflow:hidden;left:-1px;top:-1px;bottom:-1px;right:-1px;display:flex;align-items:center;justify-content:center}.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=frame] .PinturaUtilFooter>div{padding:0}.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption{width:2.25em;height:3em}.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption span{font-size:.5em}.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=frame] [data-layout=row]>.PinturaRadioGroupOptions>li{margin:0 .25em}.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=frame] [data-layout=row]>.PinturaRadioGroupOptions>li:first-child{margin-left:0}.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=frame] [data-layout=row]>.PinturaRadioGroupOptions>li:last-child{margin-right:0}.PinturaUtilPanel[data-util=filter] .PinturaUtilFooter{padding-left:0!important;padding-right:0!important}.PinturaUtilPanel[data-util=filter] .PinturaScrollable{width:40em}.PinturaUtilPanel[data-util=filter] [data-layout=row]>.PinturaRadioGroupOptions>li{margin:0 .5em}.PinturaUtilPanel[data-util=filter] [data-layout=row]>.PinturaRadioGroupOptions>li:first-child{margin-left:0}.PinturaUtilPanel[data-util=filter] [data-layout=row]>.PinturaRadioGroupOptions>li:last-child{margin-right:0}.PinturaUtilPanel[data-util=filter] .PinturaRadioGroupOptionGroupLabel{width:1px;height:1px;position:absolute;font-size:0;pointer-events:none}.PinturaUtilPanel[data-util=filter] .PinturaFilterPreview{border-radius:0;transition:border-radius 1ms}.PinturaUtilPanel[data-util=filter] .PinturaFilterOption{border-radius:0}.PinturaUtilPanel[data-util=filter] .PinturaRadioGroupOptions .PinturaRadioGroupOption:first-of-type .PinturaFilterPreview{border-top-left-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius)}.PinturaUtilPanel[data-util=filter] .PinturaRadioGroupOptions .PinturaRadioGroupOption:first-of-type .PinturaFilterOption{border-bottom-left-radius:var(--border-radius)}.PinturaUtilPanel[data-util=filter] .PinturaRadioGroupOptions .PinturaRadioGroupOption:last-of-type .PinturaFilterPreview{border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}.PinturaUtilPanel[data-util=filter] .PinturaRadioGroupOptions .PinturaRadioGroupOption:last-of-type .PinturaFilterOption{border-bottom-right-radius:var(--border-radius)}.PinturaUtilPanel[data-util=filter] .PinturaRadioGroupOptionGroup{display:flex;flex-direction:column-reverse}.PinturaUtilPanel[data-util=filter] .PinturaFilterOption{cursor:var(--button-cursor);margin-bottom:1em}.PinturaUtilPanel[data-util=filter] .PinturaFilterOption span{display:block;text-align:center;padding:0 .3125em;line-height:1.75;max-width:100%;font-size:.625em;font-weight:400;margin-left:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.PinturaUtilPanel[data-util=filter] .PinturaFilterPreview:before{transition:background-color var(--transition-duration-10),color var(--transition-duration-10)}.PinturaUtilPanel[data-util=filter] [data-selected=true] .PinturaFilterOption .PinturaFilterPreview{position:relative;z-index:1}.PinturaUtilPanel[data-util=filter] [data-selected=true] .PinturaFilterOption .PinturaFilterPreview:before{content:"";position:absolute;width:100%;height:100%;opacity:.35;border-radius:inherit;background-color:var(--color-primary)}.PinturaUtilPanel[data-util=filter] [data-focus-visible]+label>.PinturaFilterOption span{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100);border-radius:.25em}.PinturaUtilPanel[data-util=filter] .PinturaFilterOption,.PinturaUtilPanel[data-util=filter] .PinturaFilterPreview{width:3.75em;height:4.5em}.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=filter] .PinturaUtilFooter>div{padding:0}.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=filter] .PinturaFilterOption,.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=filter] .PinturaFilterPreview{width:2.875em;height:3.5em}.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=filter] .PinturaFilterOption span{font-size:.5em}.PinturaUtilPanel[data-util=crop] .PinturaStage{touch-action:none}.PinturaUtilPanel[data-util=crop],.PinturaUtilPanel[data-util=crop] .PinturaStage,.PinturaUtilPanel[data-util=crop] .PinturaUtilMain{pointer-events:all}.PinturaUtilPanel[data-util=crop] .PinturaImageInfo{position:absolute;right:1em;bottom:1em}.PinturaUtilPanel[data-util=crop] .PinturaButtonCenter{--size:3em;position:absolute;left:0;top:0;width:var(--size);height:var(--size);z-index:1;line-height:0;margin-top:calc(var(--size) * (-.5));margin-left:calc(var(--size) * (-.5));overflow:hidden;border-radius:50%;color:#000;background:hsla(0,0%,100%,.8);-webkit-backdrop-filter:var(--backdrop-filter-bright);backdrop-filter:var(--backdrop-filter-bright);outline:none}.PinturaUtilPanel[data-util=crop] .PinturaButtonCenter[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaRoot[data-env~=short] .PinturaUtilPanel[data-util=crop] .PinturaUtilFooter{padding-bottom:.5em}.PinturaUtilPanel[data-util=resize] form{display:flex;justify-content:center;padding:0 1em}.PinturaUtilPanel[data-util=resize] .PinturaFormInner{position:relative;display:flex;justify-content:center;align-items:center}.PinturaUtilPanel[data-util=resize] .PinturaFormInner>button{position:absolute;left:100%;margin-left:1em}.PinturaUtilPanel[data-util=resize] .PinturaFieldsetInner{display:inline-flex;align-items:center;justify-content:center}.PinturaUtilPanel[data-util=resize] .PinturaFieldsetInner>*{margin:.25em}.PinturaUtilPanel[data-util=resize] .PinturaResizeLabel{font-size:.75em}.PinturaUtilPanel[data-util=resize] .PinturaDropdownButton{margin-left:.5em;margin-right:.5em;background-color:var(--color-foreground-5);border-radius:var(--border-radius-round);box-shadow:inset 0 0 0 1px var(--color-foreground-5);transition:background-color var(--transition-duration-10)}.PinturaUtilPanel[data-util=resize] .PinturaDropdownButton:hover{background-color:var(--color-foreground-10)}.PinturaUtilPanel[data-util=resize] .PinturaDropdownButton .PinturaButtonLabel{display:block;line-height:2.65;padding:0 1em;font-variant-numeric:tabular-nums;font-size:.75em;font-weight:400}.PinturaUtilPanel[data-util=resize] .PinturaDropdownButton .PinturaButtonLabel:after{content:"▼";font-size:.6875em;margin-left:.75em;position:relative;top:-.125em;margin-right:-.25em;pointer-events:none}.PinturaUtilPanel[data-util=resize] input[type=checkbox]+label{padding:0 .125em;margin:0 -.25em;outline:transparent;display:block;cursor:pointer}.PinturaUtilPanel[data-util=resize] input[type=checkbox][data-focus-visible]+label{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaInputDimension{display:inline-flex;align-items:center;position:relative}.PinturaInputDimension label{position:absolute;right:.625em;font-size:.75em;text-transform:uppercase;pointer-events:none;color:var(--color-foreground-80);z-index:1}.PinturaInputDimension button,.PinturaInputDimension input,.PinturaInputDimension label{font-size:.75em;font-weight:400}.PinturaInputDimension button,.PinturaInputDimension input{-webkit-appearance:none;appearance:none;-moz-appearance:textfield;box-sizing:border-box;font-variant-numeric:tabular-nums;padding:.625em 0 .625em .625em;width:100%;max-width:7em;outline:transparent;border-radius:var(--border-radius);box-shadow:none;border:1px solid var(--color-foreground-80);transition:background-color var(--transition-duration-10) ease-in-out,color var(--transition-duration-10) ease-in-out,border-color var(--transition-duration-10) ease-in-out}.PinturaInputDimension button::-moz-selection, .PinturaInputDimension input::-moz-selection{background-color:var(--color-foreground-20)}.PinturaInputDimension button::selection,.PinturaInputDimension input::selection{background-color:var(--color-foreground-20)}.PinturaInputDimension button:hover,.PinturaInputDimension input:hover{background-color:var(--color-foreground-10)}.PinturaInputDimension button:focus,.PinturaInputDimension input:focus{border-color:var(--color-focus-100)}.PinturaInputDimension input{background-color:var(--color-foreground-5)}.PinturaInputDimension input:-moz-placeholder-shown+label{color:var(--color-foreground-20)}.PinturaInputDimension input:-ms-input-placeholder+label{color:var(--color-foreground-20)}.PinturaInputDimension input:placeholder-shown+label{color:var(--color-foreground-20)}.PinturaInputDimension input::-moz-placeholder{color:var(--color-foreground-30)}.PinturaInputDimension input:-ms-input-placeholder{color:var(--color-foreground-30)}.PinturaInputDimension input::placeholder{color:var(--color-foreground-30)}.PinturaInputDimension input[data-state=invalid]{border-color:var(--color-error-75);box-shadow:inset 0 0 .25em var(--color-error-25),0 0 .25em var(--color-error-50)}.PinturaInputDimension button{width:10em;min-height:2.65em}.PinturaInputDimension input::-webkit-inner-spin-button,.PinturaInputDimension input::-webkit-outer-spin-button{-webkit-appearance:none}.PinturaInputDimension input::-ms-clear{display:none}.PinturaRoot[dir=rtl] .PinturaInputDimension label{left:.625em;right:auto}.PinturaRoot[dir=rtl] .PinturaInputDimension input{padding-right:.625em;padding-left:0;text-align:right}.PinturaUtilPanel[data-util=fill] [data-layout=row]>.PinturaRadioGroupOptions>li{margin:0 .25em}.PinturaUtilPanel[data-util=fill] [data-layout=row]>.PinturaRadioGroupOptions>li:first-child{margin-left:0}.PinturaUtilPanel[data-util=fill] [data-layout=row]>.PinturaRadioGroupOptions>li:last-child{margin-right:0}.PinturaUtilPanel[data-util=fill] .PinturaRadioGroupOption{position:relative;width:3em;height:4em}.PinturaUtilPanel[data-util=fill] .PinturaFillTile{position:absolute;width:100%;height:100%}.PinturaUtilPanel[data-util=fill] .PinturaFillTile[data-transparent=true]{background-color:#fff;background-image:var(--pattern-transparent);border-radius:calc(var(--border-radius) + 1px)}.PinturaUtilPanel[data-util=fill] .PinturaFillTile div,.PinturaUtilPanel[data-util=fill] .PinturaFillTile img{cursor:var(--button-cursor);position:absolute;left:0;top:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:var(--border-radius)}.PinturaUtilPanel[data-util=fill] .PinturaFillTile:after{content:"";z-index:3;position:absolute;left:0;top:0;width:100%;height:100%;box-shadow:inset 0 0 0 1px var(--color-foreground-5);border-radius:var(--border-radius);pointer-events:none}.PinturaUtilPanel[data-util=fill] .PinturaRadioGroupOption[data-selected=true] .PinturaFillTile:after{box-shadow:inset 0 0 0 1px var(--color-foreground-5),inset 0 0 0 4px var(--color-primary),inset 0 0 0 5px var(--color-foreground-5)}.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=fill] .PinturaUtilFooter>div{padding:0}.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=fill] .PinturaRadioGroupOption{width:2.25em;height:3em}.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=fill] .PinturaRadioGroupOption span{font-size:.5em}.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=fill] [data-layout=row]>.PinturaRadioGroupOptions>li{margin:0 .175em}.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=fill] [data-layout=row]>.PinturaRadioGroupOptions>li:first-child{margin-left:0}.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=fill] [data-layout=row]>.PinturaRadioGroupOptions>li:last-child{margin-right:0}.PinturaModal{--safe-area-inset-top:env(safe-area-inset-top);--safe-area-inset-bottom:env(safe-area-inset-bottom);--editor-modal-border-radius:0;--editor-modal-overlay-opacity:0.95;--editor-modal-shadow:0 1em 2em -1em rgba(0,0,0,0.25),0 1.5em 1.5em -2em rgba(0,0,0,0.5);--editor-modal-outline:inset 0 0 0 1px var(--color-foreground-3);position:fixed;left:0;top:0;width:100%;height:100vh;z-index:2147483646;display:flex;justify-content:center;align-items:center;background-color:rgba(var(--color-background),var(--editor-modal-overlay-opacity,var(--editor-modal-overlay-opacity-default,.95)))}.PinturaModal>.PinturaRoot[data-env~=is-centered]{box-shadow:var(--editor-modal-shadow);border-radius:var(--editor-modal-border-radius)}.PinturaModal>.PinturaRoot[data-env~=is-centered]:after{position:absolute;left:0;top:0;bottom:0;right:0;pointer-events:none;border-radius:inherit;content:"";box-shadow:var(--editor-modal-outline);z-index:2147483646}.PinturaModal[style*="--viewport-pad-footer:1"]{box-sizing:border-box;padding-bottom:env(safe-area-inset-bottom)}.PinturaModal+.PinturaModal{--editor-modal-overlay-opacity-default:0.75}@media(min-width:600px) and (min-height:600px){.PinturaModal+.PinturaModal .PinturaRoot{--editor-max-width-default:calc(100vw - 8em);--editor-max-height-default:calc(100vh - 8em)}}.PinturaDocumentLock,.PinturaDocumentLock body{height:calc(var(--pintura-document-height) - 1px);overflow-y:hidden;box-sizing:border-box}.PinturaDocumentLock body{position:relative}.PinturaDocumentLock .PinturaModal{height:100%!important}.PinturaTabPanels{flex:1;display:grid;grid-template-columns:1fr}.PinturaTabPanel{position:relative;grid-row-start:1;grid-column-start:1;min-width:0}.PinturaTabPanel:not([hidden]){z-index:2;outline:transparent}.PinturaTabPanel[hidden]{display:block!important;z-index:1;pointer-events:none}.PinturaTabPanel[data-inert=true]{visibility:hidden}@supports not (aspect-ratio:1){.PinturaTabPanel{overflow-x:hidden}}.PinturaScrollable{--scrollable-feather-start-opacity:0;--scrollable-feather-end-opacity:0;--scrollable-feather-size:2em;contain:paint;overflow:hidden}.PinturaScrollable:focus{outline:transparent}.PinturaScrollable>div{position:relative;display:inline-flex;vertical-align:top}.PinturaScrollable{touch-action:none}.PinturaScrollable[data-direction=x]{max-width:100%;--mask-angle:90deg}.PinturaScrollable[data-direction=y]{max-height:100%;--mask-angle:180deg}.PinturaScrollable[data-state~=overflows]{-webkit-mask:linear-gradient(var(--mask-angle),rgba(0,0,0,var(--scrollable-feather-start-opacity)),#000 var(--scrollable-feather-size),#000 calc(100% - var(--scrollable-feather-size)),rgba(0,0,0,var(--scrollable-feather-end-opacity)));mask:linear-gradient(var(--mask-angle),rgba(0,0,0,var(--scrollable-feather-start-opacity)),#000 var(--scrollable-feather-size),#000 calc(100% - var(--scrollable-feather-size)),rgba(0,0,0,var(--scrollable-feather-end-opacity)))}.PinturaScrollable[data-state~=scrolling]>div *{pointer-events:none}.PinturaTabList{display:flex;justify-content:center}.PinturaTabList button{display:flex;align-items:center;flex-direction:column;outline:transparent;cursor:var(--button-cursor);-webkit-tap-highlight-color:transparent}.PinturaTabList button>*{transition:filter var(--transition-duration-10) ease-out}.PinturaTabList button[disabled]>*{filter:var(--filter-disabled)}.PinturaUtilPanel{position:relative;z-index:1;height:100%;display:flex;flex:1;flex-direction:column;contain:layout size;box-sizing:border-box}.PinturaUtilPanel,.PinturaUtilPanel>*{padding-top:.5em;padding-bottom:.5em}.PinturaButton{white-space:nowrap;flex-shrink:0;-webkit-tap-highlight-color:transparent;cursor:var(--button-cursor)}.PinturaButton>span{display:inline-flex;align-items:center;vertical-align:top;min-height:1em}.PinturaButton svg+.PinturaButtonLabel{margin-left:.5em}.PinturaButton[disabled]{cursor:default;filter:var(--filter-disabled)}.PinturaButtonInner{text-decoration:inherit}.PinturaButton:not(.PinturaButtonIconOnly) svg:first-of-type{margin-left:-.25em}.PinturaRoot[dir=rtl] .PinturaButton:not(.PinturaButtonIconOnly) svg:first-of-type{margin-right:-.25em}.PinturaRoot[dir=rtl] .PinturaButton svg+.PinturaButtonLabel{margin-left:0;margin-right:1em}.PinturaProgressIndicator{position:relative;display:block;width:1.25em;height:1.25em}.PinturaProgressIndicator svg{pointer-events:none;vertical-align:top}.PinturaProgressIndicator .PinturaProgressIndicatorFill{stroke-dashoffset:0}.PinturaProgressIndicator[data-status=busy] svg{-webkit-animation:image_editor_spin 1s linear infinite;animation:image_editor_spin 1s linear infinite}.PinturaProgressIndicator[data-status=busy] .PinturaProgressIndicatorFill{stroke-dashoffset:-26.5;stroke-dasharray:26.5 53;transition:stroke-dashoffset .5s linear,stroke-dasharray .5s linear}@-webkit-keyframes image_editor_spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes image_editor_spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media only screen and (-webkit-min-device-pixel-ratio:3){.PinturaRoot[data-env~=is-ios] .PinturaProgressIndicator svg{transform-origin:49% 49%}}.PinturaUtilMain{padding-left:1em;padding-right:1em;min-height:1px;touch-action:none}.PinturaUtilMain,.PinturaUtilMain>[slot]{flex:1;display:flex;flex-direction:column}.PinturaUtilMain>[slot]{align-items:center}.PinturaUtilFooter>[slot]:empty{min-height:1em}.PinturaUtilFooter>[slot]{display:flex;flex-direction:column;align-items:center;justify-content:stretch;pointer-events:all}.PinturaUtilFooter .PinturaControlPanel .PinturaImageButtonList,.PinturaUtilFooter .PinturaShapeStyleList{min-height:3.5em;align-items:flex-start}.PinturaUtilFooter .PinturaControlList [role=tab][aria-selected=true] button{background-color:var(--color-foreground-10);box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.PinturaUtilFooter .PinturaControlList .PinturaControlListOption label,.PinturaUtilFooter .PinturaControlList [role=tab] button{flex-direction:row;line-height:1;padding:0 .75em;min-height:1.75em;white-space:nowrap;border-radius:var(--border-radius-round);transition:background-color var(--transition-duration-10) ease-out,color var(--transition-duration-10) ease-out,filter var(--transition-duration-25) ease-out;box-shadow:inset 0 0 0 1px var(--color-foreground-0);cursor:var(--button-cursor)}.PinturaUtilFooter .PinturaControlList .PinturaControlListOption label span,.PinturaUtilFooter .PinturaControlList [role=tab] button span{font-size:.75em;font-weight:400}.PinturaUtilFooter .PinturaControlList .PinturaControlListOption label svg,.PinturaUtilFooter .PinturaControlList [role=tab] button svg{width:.875em;font-size:.875em}.PinturaUtilFooter .PinturaControlList .PinturaControlListOption label svg:only-child,.PinturaUtilFooter .PinturaControlList [role=tab] button svg:only-child{margin-left:-.25em;margin-right:-.25em}.PinturaUtilFooter .PinturaControlList .PinturaControlListOption label svg:not(:only-child),.PinturaUtilFooter .PinturaControlList [role=tab] button svg:not(:only-child){margin-left:-.25em;margin-right:.375em}.PinturaUtilFooter .PinturaControlList .PinturaControlListOption label:hover,.PinturaUtilFooter .PinturaControlList [role=tab] button:hover{box-shadow:inset 0 0 0 1px var(--color-foreground-10)}.PinturaUtilFooter .PinturaControlList .PinturaControlListOption label[data-focus-visible],.PinturaUtilFooter .PinturaControlList [role=tab] button[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaUtilFooter .PinturaControlListOption [slot],.PinturaUtilFooter .PinturaControlListOption label{display:flex;flex-direction:row;align-items:center}.PinturaUtilFooter .PinturaControlListOption[data-selected=true] label{background-color:var(--color-foreground-10);box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.PinturaUtilFooter .PinturaControlListOption input[data-focus-visible]+label{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaUtilFooter .PinturaControlListOption input[disabled]+label{filter:var(--filter-disabled)}.PinturaUtilFooter .PinturaControlList .PinturaControlListOption+.PinturaControlListOption,.PinturaUtilFooter .PinturaControlList>li+li{margin-left:.5em}.PinturaUtilFooter .PinturaControlPanels{display:grid;grid-template-columns:1fr;width:40em;max-width:100%;margin:0 auto;flex:auto}.PinturaUtilFooter .PinturaControlPanel{grid-row-start:1;grid-column-start:1;max-width:100%;overflow:hidden;visibility:visible;opacity:1}.PinturaUtilFooter .PinturaControlPanel[hidden]{display:block!important;visibility:hidden;transition-delay:0s;pointer-events:none;opacity:0}.PinturaUtilFooter .PinturaControlList[data-layout=compact]>*+*{margin-left:-1px}.PinturaUtilFooter .PinturaControlList[data-layout=compact]>[role=tab] button{padding-left:.625em;padding-right:.625em;border-radius:0;box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.PinturaUtilFooter .PinturaControlList[data-layout=compact]>[role=tab]:only-child button{border-radius:var(--border-radius-round)}.PinturaUtilFooter .PinturaControlList[data-layout=compact]>[role=tab]:first-child:not(:only-child) button{padding-left:.75em;border-top-left-radius:var(--border-radius-round);border-bottom-left-radius:var(--border-radius-round)}.PinturaUtilFooter .PinturaControlList[data-layout=compact]>[role=tab]:last-child:not(:only-child) button{padding-right:.75em;border-top-right-radius:var(--border-radius-round);border-bottom-right-radius:var(--border-radius-round)}@supports not (aspect-ratio:1){.PinturaControlPanel{overflow-x:hidden}}.PinturaRoot[data-env~=is-animated] .PinturaUtilFooter .PinturaControlPanel{transition:opacity var(--transition-duration-25) ease-in-out,visibility var(--transition-duration-25) linear;transition-delay:.1s}.PinturaRoot[data-env~=has-controlgroups-preference-top] .PinturaUtilHeader{order:1}.PinturaRoot[data-env~=has-controlgroups-preference-top] .PinturaUtilFooter{order:2}.PinturaRoot[data-env~=has-controlgroups-preference-top] .PinturaUtilMain{order:3}.PinturaRoot[data-env~=has-controltabs-preference-bottom] .PinturaUtilFooter .PinturaControlPanels{order:-1}.PinturaRoot[data-env~=has-controltabs-preference-bottom] .PinturaUtilFooter .PinturaRangeInput .PinturaRangeInputReset{top:0;bottom:auto}.PinturaRoot[data-env~=has-controltabs-preference-bottom] .PinturaUtilFooter .PinturaControlPanel .PinturaShapePresetsGrouped{padding-bottom:.75em}.PinturaRoot[data-env~=has-controltabs-preference-top] .PinturaUtilFooter .PinturaControlPanels{order:1}.PinturaRoot[data-env~=has-controltabs-preference-top] .PinturaUtilFooter .PinturaRangeInput .PinturaRangeInputReset{top:auto;bottom:0}.PinturaRoot[data-env~=has-controltabs-preference-top] .PinturaUtilFooter .PinturaControlPanel .PinturaShapePresetsGrouped{padding-top:.75em}.PinturaRoot[data-env~=has-controltabs-preference-top] .PinturaUtilFooter .PinturaControlPanel .PinturaImageButtonList,.PinturaRoot[data-env~=has-controltabs-preference-top] .PinturaUtilFooter .PinturaShapeStyleList{align-items:flex-end}.PinturaRoot[data-env~=has-controltabs-preference-top] .PinturaUtilFooter .PinturaShapeStyleLabel{order:1}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter{margin:.75em 0}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlPanels{max-width:24em}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList{margin-top:1em}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList>li+li{margin-left:0}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList li[role=tab] span{font-size:.75em}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList li[role=tab] button{border-radius:0;background-color:var(--color-background-50);-webkit-backdrop-filter:var(--backdrop-filter-bright);backdrop-filter:var(--backdrop-filter-bright);box-shadow:inset 0 0 0 1px var(--color-background-15),0 .0625em .125em rgba(0,0,0,.25),0 .125em .35em rgba(0,0,0,.35)}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList li[role=tab]:first-child button{padding-left:.875em;border-top-left-radius:var(--border-radius-round);border-bottom-left-radius:var(--border-radius-round)}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList li[role=tab]:last-child button{padding-right:.875em;border-top-right-radius:var(--border-radius-round);border-bottom-right-radius:var(--border-radius-round)}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList li:not([aria-selected=true]) span{color:var(--color-foreground-40)}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlPanels{background-color:var(--color-background-50);-webkit-backdrop-filter:var(--backdrop-filter-bright);backdrop-filter:var(--backdrop-filter-bright);border-radius:var(--border-radius-round);box-shadow:inset 0 0 0 1px var(--color-background-15),0 .0625em .125em rgba(0,0,0,.25),0 .125em .35em rgba(0,0,0,.35)}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaRangeInput{height:1.5em;margin-top:0}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaRangeInputReset{opacity:0}.PinturaRoot[dir=rtl] .PinturaUtilFooter .PinturaControlListOption [slot],.PinturaRoot[dir=rtl] .PinturaUtilFooter .PinturaControlListOption label{flex-direction:row-reverse}.PinturaRoot[dir=rtl] .PinturaUtilFooter .PinturaControlList .PinturaControlListOption label svg:not(:only-child),.PinturaRoot[dir=rtl] .PinturaUtilFooter .PinturaControlList [role=tab] button svg:not(:only-child){margin-right:-.25em;margin-left:.375em}.PinturaInputForm{opacity:0;cursor:auto;z-index:2147483647;--width:30em}.PinturaInputForm:not([data-stick=true]){position:absolute;bottom:7.5em;width:var(--width);left:calc(50% - var(--width) / 2);box-shadow:0 .25em .5em -.5em rgba(0,0,0,.75),inset 0 0 0 1px var(--color-foreground-5);border-radius:var(--border-radius);background-color:var(--color-background-95)}@media(max-width:34em){.PinturaInputForm:not([data-stick=true]){left:2em;right:2em;width:auto}}.PinturaInputForm[data-stick=true]{transition:opacity .15s ease .25s;position:absolute;left:0;right:0;outline:1px solid var(--color-foreground-15);background-color:var(--color-background-100)}.PinturaInputForm[data-stick=true]>.PinturaInputFormInner{background-color:var(--color-foreground-3)}.PinturaInputFormInner>.PinturaButton{color:var(--color-foreground-100);border-radius:9999em;box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.PinturaInputFormInner>.PinturaButton:first-of-type{left:1em}.PinturaInputFormInner>.PinturaButton:last-of-type{right:1rem;color:var(--color-primary-text);background:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.PinturaInputFormInner>.PinturaButton:not(.PinturaButtonIconOnly) .PinturaButtonInner{padding:0 .875em}.PinturaInputFormInner>.PinturaButton .PinturaButtonIcon{width:.875em;height:.875em}.PinturaInputFormInner>.PinturaButton.PinturaButtonIconOnly{width:1.875em;height:1.875em}.PinturaInputFormInner>.PinturaButton .PinturaButtonLabel{font-size:.75em}.PinturaInputFormInner>.PinturaButton .PinturaButtonInner{line-height:2;display:flex;justify-content:center}.PinturaInputFormInner{padding-top:1em;padding-bottom:3.5em}.PinturaInputFormInner>.PinturaButton{position:absolute;bottom:1em}.PinturaInputFormFields textarea:only-child{height:5em;-webkit-mask:linear-gradient(0deg,transparent,#000 1em);mask:linear-gradient(0deg,transparent,#000 1em)}.PinturaInputFormFields textarea:only-child::-webkit-scrollbar{width:1em;cursor:pointer}.PinturaInputFormFields textarea:only-child::-webkit-scrollbar-track{background:none}.PinturaInputFormFields textarea:only-child::-webkit-scrollbar-thumb{cursor:pointer;background-clip:padding-box;background-color:var(--color-foreground-70);border-radius:9999em;border:.25em solid transparent}.PinturaInputFormFields input:only-child,.PinturaInputFormFields textarea:only-child{width:100%;padding:0 1em .5em;display:block;background:transparent}.PinturaInputForm input,.PinturaInputForm textarea{box-sizing:border-box;resize:none;border:none;font-size:.875em;outline:transparent;color:var(--color-foreground-100)}.PinturaInputForm input{background-color:var(--color-background-100)}.PinturaModalBodyLock .PinturaInputForm{margin-top:-50px}.PinturaInputForm[data-layout=row]{--width:30em;width:var(--width);max-width:calc(100% - 2em);border-radius:9999em}.PinturaInputForm[data-layout=row] .PinturaInputFormFields{flex:1}.PinturaInputForm[data-layout=row] .PinturaInputFormInner{display:flex;padding:.5em}.PinturaInputForm[data-layout=row] .PinturaInputFormInner input{padding:0 .5em;line-height:1.75;font-size:.8125em;flex:1}.PinturaInputForm[data-layout=row] .PinturaInputFormInner .PinturaButton:first-child{margin-right:0}.PinturaInputForm[data-layout=row] .PinturaInputFormInner .PinturaButton{position:static}.PinturaInputForm[data-layout=row] .PinturaInputFormInner .PinturaButtonIconOnly{width:1.5em;height:1.5em}.PinturaInputForm[data-layout=row] .PinturaInputFormInner .PinturaButtonLabel{font-size:.625em}.PinturaRadioGroup .PinturaRadioGroupOptions{display:flex;flex-direction:column}.PinturaRadioGroup .PinturaRadioGroupOptionGroup+.PinturaRadioGroupOptionGroup{margin-top:.5em}.PinturaRadioGroup .PinturaRadioGroupOption[data-hidden=true]{display:none}.PinturaRadioGroup[data-layout=row] .PinturaRadioGroupOptions{flex-direction:row}.PinturaRadioGroup label{-webkit-tap-highlight-color:transparent}.PinturaRangeInput{position:relative;display:flex;flex-direction:column;align-items:center;margin:auto;height:3.5em;max-width:24em;width:calc(100% - 2em);touch-action:none;--range-input-feather-left:2em;--range-input-feather-right:2em;--range-input-mask-from:0%;--range-input-mask-to:100%;--range-input-mask-color:rgba(0,0,0,0.25);--range-input-line-color:var(--color-foreground-15);outline:transparent}.PinturaRangeInput[data-focus-visible]:after{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100);content:"";position:absolute;left:0;right:0;top:calc(50% - 1em);height:2em;border-radius:.25em}.PinturaRangeInputInner{position:relative;overflow:hidden;height:100%;width:100%;contain:strict;-webkit-mask:linear-gradient(90deg,transparent 0,#000 var(--range-input-feather-left),#000 calc(50% - 3em),transparent 50%,#000 calc(50% + 3em),#000 calc(100% - var(--range-input-feather-right)),transparent);mask:linear-gradient(90deg,transparent 0,#000 var(--range-input-feather-left),#000 calc(50% - 3em),transparent 50%,#000 calc(50% + 3em),#000 calc(100% - var(--range-input-feather-right)),transparent)}.PinturaRangeInputMeter{height:100%}.PinturaRangeInput .PinturaRangeInputMeter svg{display:block;pointer-events:none;fill:currentColor}.PinturaRangeInput>.PinturaRangeInputValue{position:absolute;z-index:1;pointer-events:none;top:calc(50% - .6875em);left:calc(50% - 1.75em);width:3.5em;height:1.5em;overflow:hidden;contain:strict;text-align:center;font-size:.75em;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";font-family:Tahoma,Geneva,Verdana,sans-serif}.PinturaRangeInput>.PinturaRangeInputReset{position:absolute;left:calc(50% - 1.0625em);top:0;margin-top:.125em;padding:0;z-index:1;width:2em;overflow:hidden;color:transparent!important;transition:opacity var(--transition-duration-25);opacity:.35;outline:transparent;cursor:var(--button-cursor)}.PinturaRangeInput>.PinturaRangeInputReset:hover{opacity:.5}.PinturaRangeInput>.PinturaRangeInputReset[data-focus-visible]{opacity:1}.PinturaRangeInput>.PinturaRangeInputReset[data-focus-visible]:before{content:"";pointer-events:none;position:absolute;left:calc(50% - .5em);top:calc(50% - .5em);height:1em;width:1em;z-index:2;border-radius:.25em;background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaRangeInput>.PinturaRangeInputReset[disabled]{opacity:.15}.PinturaRangeInput>.PinturaRangeInputReset:after{content:"";position:absolute;left:50%;top:20%;width:1px;height:60%;background:var(--color-foreground-100)}.PinturaRangeInputInner[data-value-limited] svg{-webkit-mask:linear-gradient(90deg,var(--range-input-mask-color) var(--range-mask-from),#000 var(--range-mask-from),#000 var(--range-mask-to),var(--range-input-mask-color) var(--range-mask-to));mask:linear-gradient(90deg,var(--range-input-mask-color) var(--range-mask-from),#000 var(--range-mask-from),#000 var(--range-mask-to),var(--range-input-mask-color) var(--range-mask-to))}.PinturaRangeInputInner[data-value-limited] svg rect{x:var(--range-mask-from);width:calc(var(--range-mask-to) - var(--range-mask-from));fill:var(--range-input-line-color)}.PinturaPresetListFilter .PinturaRadioGroupOptions{justify-content:space-evenly;padding:.625em 0 .3125em}.PinturaPresetListFilter .PinturaRadioGroupOptions label{display:block;cursor:pointer}.PinturaPresetListFilter+.PinturaOptionsList{border-top-left-radius:0;border-top-right-radius:0}.PinturaImageInfo{pointer-events:none}.PinturaImageInfo p{width:8em;height:1.25em;contain:strict;overflow:hidden;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";font-family:Tahoma,Geneva,Verdana,sans-serif;text-align:right;line-height:1;font-size:.75em}.PinturaShapeStyleEditor{position:relative;display:grid;grid-template-columns:1fr}.PinturaShapeStyleEditor>div{grid-row-start:1;grid-column-start:1;max-width:100%;overflow:hidden;display:flex;justify-content:center;align-items:center}.PinturaShapeStyleEditorOverflow>div{overflow:visible;justify-content:flex-start}.PinturaShapeStyleEditorOverflow .PinturaShapeStyleList{min-height:auto;margin-left:1em}.PinturaShapeStyleEditorOverflow .PinturaShapeStyle{--control-height:1.75em}.PinturaShapeStyles{position:relative}.PinturaShapeStyles:not([data-state~=overflows]){display:flex;justify-content:center}.PinturaShapeStyleList{display:flex}.PinturaShapeStyleList .PinturaButton,.PinturaShapeStyleList .PinturaInput{outline:transparent}.PinturaShapeStyleList .PinturaInput{padding:0 0 0 .625em;font-size:.75em;line-height:2.25}.PinturaShapeStyleList .PinturaShapeStyleLabel{line-height:1.75;font-size:.625em;font-weight:300;padding:0 .75em;text-transform:lowercase;pointer-events:none;text-align:center;color:var(--color-foreground-50);white-space:nowrap}.PinturaShapeStyleList>.PinturaShapeStyle{border-radius:var(--border-radius-round)}.PinturaShapeStyleList>.PinturaShapeStyle+.PinturaShapeStyle{margin-left:1em}.PinturaShapeStyle{display:flex;flex-direction:column;align-items:stretch;--control-height:1.5em}.PinturaShapeStyle .PinturaPanelButton{border-radius:inherit}.PinturaShapeStyle>.PinturaButton:hover,.PinturaShapeStyle>.PinturaButton[data-focus-visible]{position:relative;z-index:1}.PinturaShapeStyle>.PinturaColorPickerButton .PinturaButtonLabel{display:block;border-radius:inherit}.PinturaShapeStyle>.PinturaColorPickerButton{display:flex;justify-content:center}.PinturaShapeStyle .PinturaColorPreview{border-radius:inherit;width:1.5em;height:1.5em;background-color:#fff;background-size:4px}.PinturaShapeStyle .PinturaColorPreview span{border-radius:inherit;box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.PinturaShapeStyle [data-focus-visible] .PinturaColorPreview span:before{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100);content:"";z-index:1}.PinturaShapeStyle>.PinturaColorPickerButtonStroke .PinturaColorPreview{-webkit-mask:radial-gradient(circle,transparent 5.5px,#000 6px);mask:radial-gradient(circle,transparent 5.5px,#000 6px);-webkit-mask-size:cover;mask-size:cover}.PinturaShapeStyle>.PinturaColorPickerButtonStroke .PinturaColorPreview span:after{position:absolute;left:6px;top:6px;right:6px;bottom:6px;border-radius:inherit;box-shadow:0 0 0 1px var(--color-foreground-5);content:""}.PinturaShapeStyle>.PinturaDropdownButton .PinturaButtonLabel,.PinturaShapeStyle>.PinturaRadioGroup .PinturaButtonLabel,.PinturaShapeStyle>.PinturaRadioGroupOption label,.PinturaShapeStyle>.PinturaSliderButton .PinturaButtonLabel{display:block;line-height:2.25;padding:0 1em;font-size:.6875em}.PinturaShapeStyle>.PinturaButton:not(.PinturaColorPickerButton)[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaShapeStyle .PinturaInputField{padding:0 .75em;width:3em;height:2em;line-height:2em;box-shadow:inset 0 0 0 1px var(--color-foreground-5);border-radius:var(--border-radius)}.PinturaShapeStyle .PinturaPromptInputGroup{position:relative;display:flex;align-items:flex-start}.PinturaShapeStyle .PinturaPromptInputGroup .PinturaInput{width:18em;padding:0}.PinturaShapeStyle .PinturaPromptInputGroup .PinturaInput input{padding-right:2em}.PinturaShapeStyle .PinturaPromptInputGroup>.PinturaButton:not(.PinturaButtonIconOnly){display:block;line-height:2.125;margin-left:.5em;padding:0 1em;font-size:.6875em;box-shadow:inset 0 0 0 1px var(--color-foreground-5);background-color:var(--color-foreground-10);border-radius:var(--border-radius)}.PinturaShapeStyle .PinturaPromptInputGroup .PinturaButtonIconOnly{display:flex;justify-content:center;align-items:center;width:1.75em;height:1.75em;padding:0;box-shadow:inset 0 0 0 1px var(--color-foreground-5);border-radius:var(--border-radius)}.PinturaShapeStyle .PinturaPromptInputGroup .PinturaButtonIconOnly svg{width:.875em}.PinturaShapeStyle .PinturaPromptInputGroup .PinturaProgressIndicator{position:absolute;width:.875em;height:.875em;pointer-events:none}.PinturaShapeStyle .PinturaPromptInputGroup .PinturaProgressIndicator svg{width:.875em}.PinturaShapeStyle .PinturaPromptInputWrapper{position:relative;display:flex;align-items:center}.PinturaShapeStyle .PinturaPromptInputWrapper .PinturaProgressIndicator{right:.3125em}.PinturaShapeStyle .PinturaGenerateMoreButtonWrapper{position:relative;display:flex;align-items:center;justify-content:center;margin-top:.3125em;margin-left:.75em}.PinturaShapeStyle .PinturaPromptOptions{margin-left:.5em;display:flex;align-items:center}.PinturaShapeStyle .PinturaPromptOption{position:relative;padding:0;margin-left:.5em;border-radius:.5em}.PinturaShapeStyle .PinturaPromptOption:after,.PinturaShapeStyle .PinturaPromptOption img{border-radius:.5em;pointer-events:none}.PinturaShapeStyle .PinturaPromptOption:after{content:"";position:absolute;z-index:1;left:0;top:0;right:0;bottom:0;box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.PinturaShapeStyle .PinturaPromptOption img{display:block;width:2.5em;height:2.5em;-o-object-fit:cover;object-fit:cover}.PinturaShapeStyle>.PinturaDropdownButton{box-shadow:inset 0 0 0 1px var(--color-foreground-5);transition:background-color var(--transition-duration-10)}.PinturaShapeStyle>.PinturaDropdownButton:hover{background-color:var(--color-foreground-10)}.PinturaShapeStyle>.PinturaDropdownButton .PinturaButtonLabel:after,.PinturaShapeStyle>.PinturaDropdownButton .PinturaComboBox:after{content:"▼";font-size:.6875em;margin-left:.75em;position:relative;top:-.125em;margin-right:-.25em;pointer-events:none}.PinturaShapeStyle>.PinturaDropdownButton .PinturaComboBox:after{top:0;margin-left:.375em;font-size:.47265625em}.PinturaShapeStyle .PinturaComboBox{padding-right:.75em}.PinturaShapeStyle .PinturaComboBox .PinturaInput{padding-left:0}.PinturaShapeStyle .PinturaComboBox .PinturaInput input{box-shadow:none}.PinturaShapeStyle .PinturaComboBox .PinturaInputField{padding-right:.375em}.PinturaShapeStyle>.PinturaRadioGroup>.PinturaRadioGroupOptions{flex-direction:row}.PinturaShapeStyle>.PinturaRadioGroup>.PinturaRadioGroupOptions label{cursor:var(--button-cursor);display:flex;height:var(--control-height);align-items:center;padding:0 .25em;box-shadow:inset 0 0 0 1px var(--color-foreground-5);transition:background-color var(--transition-duration-10)}.PinturaShapeStyle>.PinturaRadioGroup>.PinturaRadioGroupOptions label:hover{background-color:var(--color-foreground-20)}.PinturaShapeStyle>.PinturaRadioGroup>.PinturaRadioGroupOptions svg{width:1.125em;height:1.125em}.PinturaShapeStyle>.PinturaRadioGroup>.PinturaRadioGroupOptions .PinturaRadioGroupOption:first-of-type label{padding-left:.5em;border-top-left-radius:var(--border-radius-round);border-bottom-left-radius:var(--border-radius-round)}.PinturaShapeStyle>.PinturaRadioGroup>.PinturaRadioGroupOptions .PinturaRadioGroupOption:last-of-type label{padding-right:.5em;border-top-right-radius:var(--border-radius-round);border-bottom-right-radius:var(--border-radius-round)}.PinturaShapeStyle>.PinturaRadioGroup>.PinturaRadioGroupOptions [data-selected=true] label{background-color:var(--color-foreground-10)}.PinturaRoot[dir=rtl] .PinturaShapeStyle>.PinturaDropdownButton .PinturaButtonLabel:after,.PinturaRoot[dir=rtl] .PinturaShapeStyle>.PinturaDropdownButton .PinturaComboBox:after{margin-right:.75em;margin-left:-.25em}.PinturaRectManipulator{--size:1.25em;position:absolute;left:0;top:0;outline:none;touch-action:none;transform:translate3d(calc(var(--tx) * 1px),calc(var(--ty) * 1px),0) scale(var(--sx),var(--sy))}.PinturaRectManipulator:not([data-shape=edge]){width:var(--size);height:var(--size);z-index:2}.PinturaRectManipulator:not([data-shape=edge]):after{position:absolute;left:-.5em;right:-.5em;top:-.5em;bottom:-.5em;border-radius:inherit;content:""}.PinturaRectManipulator:not([data-shape=edge])[data-focus-visible]:after{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaRectManipulator[data-shape~=circle]{margin-left:calc(var(--size) * (-.5));margin-top:calc(var(--size) * (-.5));line-height:var(--size);border-radius:50%;background-color:var(--color-foreground-100);box-shadow:0 0 2px var(--color-background-50)}.PinturaRectManipulator[data-shape=hook]{border:3px solid var(--color-foreground-100)}.PinturaRectManipulator[data-shape=hook][data-direction*=t]{margin-top:-3px;border-bottom:0}.PinturaRectManipulator[data-shape=hook][data-direction*=r]{border-left:0;margin-left:calc(var(--size) * (-1))}.PinturaRectManipulator[data-shape=hook][data-direction*=b]{margin-top:calc(var(--size) * (-1));border-top:0}.PinturaRectManipulator[data-shape=hook][data-direction*=l]{border-right:0;margin-left:-3px}.PinturaRectManipulator[data-shape~=edge]{height:1px;width:1px;z-index:1}.PinturaRectManipulator[data-shape~=edge][data-focus-visible]{background-color:var(--color-focus-50)}.PinturaRectManipulator[data-direction=b],.PinturaRectManipulator[data-direction=t]{cursor:ns-resize;height:var(--size);margin-top:calc(var(--size) * (-.5));transform-origin:0 center}.PinturaRectManipulator[data-direction=l],.PinturaRectManipulator[data-direction=r]{cursor:ew-resize;width:var(--size);margin-left:calc(var(--size) * (-.5));transform-origin:center 0}.PinturaRectManipulator[data-direction=bl],.PinturaRectManipulator[data-direction=tr]{cursor:nesw-resize}.PinturaRectManipulator[data-direction=br],.PinturaRectManipulator[data-direction=tl]{cursor:nwse-resize}.PinturaRoot[data-env~=pointer-coarse] .PinturaRectManipulator[data-shape=edge]:active{background-color:var(--color-foreground-5)}.PinturaRoot[data-env~=pointer-coarse] .PinturaRectManipulator:not([data-shape=edge]):after{left:-1em;right:-1em;top:-1em;bottom:-1em}.PinturaRoot[data-env~=pointer-coarse] .PinturaRectManipulator:not([data-shape=edge]):active:after{background-color:var(--color-foreground-5)}.PinturaRoot[data-env*=chrome-] .PinturaRectManipulator{transform:translate3d(calc(var(--tx) * 1px),calc(var(--ty) * 1px),0)}.PinturaRoot[data-env*=chrome-] .PinturaRectManipulator[data-direction=b],.PinturaRoot[data-env*=chrome-] .PinturaRectManipulator[data-direction=t]{width:calc(var(--sx) * 1px)}.PinturaRoot[data-env*=chrome-] .PinturaRectManipulator[data-direction=l],.PinturaRoot[data-env*=chrome-] .PinturaRectManipulator[data-direction=r]{height:calc(var(--sy) * 1px)}.PinturaToolbar{display:flex;justify-content:center;margin-left:1em;margin-right:1em}.PinturaToolbar .PinturaToolbarInner{display:inline-flex}.PinturaToolbar[data-layout=compact] .PinturaToolbarContentWide,.PinturaToolbar[data-overflow=overflow] .PinturaToolbarContentOptional{display:none}.PinturaToolbar .PinturaButton{border-radius:var(--border-radius-round);outline:transparent;padding:.3125em .75em;transition:background-color var(--transition-duration-10) ease-out,color var(--transition-duration-10) ease-out,box-shadow var(--transition-duration-10) ease-out;line-height:1.1}.PinturaToolbar .PinturaButton:hover{box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.PinturaToolbar .PinturaButton[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaToolbar .PinturaButton .PinturaButtonIcon{width:1em}.PinturaToolbar .PinturaButtonLabel{font-size:.75em}.PinturaToolbar .PinturaPanel{z-index:3}.PinturaToolbar .PinturaToolbarInner>*{margin:0 .5em}.PinturaImageButtonList,.PinturaImageButtonList>li{display:flex;align-items:center}.PinturaImageButtonList>li{--thumb-size:1.75em;--thumb-radius:0.3125em;--thumb-margin:0.3125em;justify-content:center;position:relative}.PinturaImageButtonList>li+li{margin-left:.5em}.PinturaRoot .PinturaImageButton{--thumb-size:1.75em;--thumb-radius:0.3125em;--thumb-margin:0.3125em;padding:var(--thumb-margin);border-radius:var(--border-radius);box-shadow:inset 0 0 0 1px var(--color-foreground-5);cursor:var(--button-cursor);outline:transparent}.PinturaRoot .PinturaImageButton>*{pointer-events:none}.PinturaRoot .PinturaImageButton{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:filter var(--transition-duration-25) ease-out}.PinturaRoot .PinturaImageButton[disabled]{filter:var(--filter-disabled)}.PinturaRoot .PinturaImageButton:hover{background-color:var(--color-foreground-10)}.PinturaRoot .PinturaImageButton text{font-family:monospace}.PinturaRoot .PinturaImageButton img,.PinturaRoot .PinturaImageButton svg{display:block;width:var(--thumb-size);height:var(--thumb-size);min-width:auto;max-width:none;-o-object-fit:cover;object-fit:cover;border-radius:var(--thumb-radius)}.PinturaRoot .PinturaImageButton[data-loader]:after,.PinturaRoot .PinturaImageButton[data-loader]:before{display:block;width:var(--thumb-size);height:var(--thumb-size);line-height:var(--thumb-size);border-radius:var(--thumb-radius)}.PinturaRoot .PinturaImageButton[data-error] img{display:none}.PinturaRoot .PinturaImageButton[data-error]:after{content:"⚠";box-shadow:inset 0 0 0 1px var(--color-error-75);background-color:var(--color-error-10);color:var(--color-error-75)}.PinturaRoot .PinturaImageButton[data-loader]{position:relative}.PinturaRoot .PinturaImageButton[data-loader]:before{content:"";position:absolute;left:var(--thumb-margin);top:var(--thumb-margin);-webkit-animation:pintura-img-loading calc(var(--transition-duration-multiplier, 0) * 1s) infinite alternate ease-in-out;animation:pintura-img-loading calc(var(--transition-duration-multiplier, 0) * 1s) infinite alternate ease-in-out;background-color:var(--color-foreground-10);transition:transform calc(var(--transition-duration-multiplier, 0) * .5s) ease-in;z-index:-1}.PinturaRoot .PinturaImageButton[data-loader] img{opacity:0;transition:opacity calc(var(--transition-duration-multiplier, 0) * .35s) ease-out}.PinturaRoot .PinturaImageButton[data-loader][data-load] img{opacity:1}.PinturaRoot .PinturaImageButton[data-loader][data-error]:before,.PinturaRoot .PinturaImageButton[data-loader][data-load]:before{-webkit-animation-play-state:paused;animation-play-state:paused;transform:scale(.5)}@-webkit-keyframes pintura-img-loading{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}@keyframes pintura-img-loading{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.PinturaInput{display:flex;flex-direction:row}.PinturaInput input[disabled]{filter:var(--filter-disabled)}.PinturaInputField{flex:1;outline:transparent}.PinturaInputField[type=number]{-moz-appearance:textfield}.PinturaInputField[type=number]::-webkit-inner-spin-button,.PinturaInputField[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.PinturaInputSpinners{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}.PinturaInputSpinners button{line-height:1!important;width:2em;font-size:.5em!important;outline:transparent}.PinturaPanel.PinturaSliderPanel{border-radius:var(--border-radius-round)}.PinturaPercentageLabel{font-variant-numeric:tabular-nums;min-width:3em;text-align:center}.PinturaSliderPanel .PinturaSlider{width:10em;--knob-size:0.75em;--knob-margin-left:0.3125em;--knob-margin-right:0.3125em}.PinturaSliderPanel .PinturaSliderTrack{background-color:var(--color-foreground-10)}.PinturaSliderPanel .PinturaSliderKnob{background-color:var(--color-foreground-100);box-shadow:0 .125em .25em rgba(0,0,0,.35),0 -.125em .25em rgba(0,0,0,.1)}.PinturaShapeList{pointer-events:none;opacity:0;transition:opacity var(--transition-duration-10) ease-in-out;position:absolute;top:1em;left:1em;width:-webkit-max-content;width:-moz-max-content;width:max-content;z-index:1;border-radius:var(--border-radius);color:var(--color-foreground-100);background:var(--color-background-70);box-shadow:0 0 0 1px var(--color-foreground-5)}.PinturaShapeList li+li{margin-top:-.3125em}.PinturaShapeList[data-visible=true]{opacity:1}.PinturaShapeList .PinturaColorPreview{width:.75em;height:.75em;margin-right:.25em;border-radius:.25em}.PinturaShapeList .PinturaShapeListItem{display:flex;align-items:center;padding:.25em .5em;outline:none}.PinturaShapeList .PinturaShapeListItem>span{font-size:.75em;line-height:1.75;padding:0 .325em;margin-left:-.325em}.PinturaShapeList .PinturaShapeListItem[data-focus-visible]>span{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaShapeList[data-visible=true] .PinturaShapeListItem{pointer-events:all}.PinturaShapeEditor{height:100%;width:100%;outline:none;touch-action:none}.PinturaShapeControls{position:absolute!important;left:0;top:0;z-index:3;pointer-events:none;display:flex;align-items:center}.PinturaShapeControlsGroup{pointer-events:all;color:#eee;background:#222;box-shadow:0 .125em .25em rgba(0,0,0,.25);border-radius:.25em}.PinturaShapeControlsGroup,.PinturaShapeControlsGroup .PinturaShapeControlsGroupToggle{display:inline-flex;min-height:1.75em}.PinturaShapeControlsGroup+.PinturaShapeControlsGroup{margin-left:.5em}.PinturaShapeControlsGroup .PinturaShapeControlsGroupToggle{position:relative}.PinturaShapeControlsGroup .PinturaButton{outline:transparent}.PinturaShapeControlsGroup .PinturaButton[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaShapeControlsGroup .PinturaButton[disabled]>span{opacity:.5;pointer-events:all;cursor:not-allowed}.PinturaShapeControlsGroup>.PinturaButton{display:block;font-weight:700;transition:background-color var(--transition-duration-10);outline:transparent}.PinturaShapeControlsGroup>.PinturaButton:hover{background-color:hsla(0,0%,100%,.15)}.PinturaShapeControlsGroup>.PinturaButton .PinturaButtonLabel{display:block;font-size:.6875em;padding:0 .75em;line-height:1.7em}.PinturaShapeControlsGroup .PinturaButtonIconOnly{width:1.75em;transition:background-color var(--transition-duration-10)}.PinturaShapeControlsGroup .PinturaButtonIconOnly:hover{background-color:hsla(0,0%,100%,.15)}.PinturaShapeControlsGroup>button:first-of-type{border-radius:.25em 0 0 .25em}.PinturaShapeControlsGroup>button:last-of-type{border-radius:0 .25em .25em 0}.PinturaShapeControlsGroup>button:only-of-type{border-radius:.25em}.PinturaShapeControlsGroup>*+*{border-left:1px solid rgba(0,0,0,.5)}.PinturaShapeControlsGroup svg{pointer-events:none}.PinturaInlineInput{position:absolute;left:0;top:0;margin:0;padding:0;transform-origin:center;display:flex}.PinturaInlineInput:before{content:"";width:0;height:var(--line-height)}.PinturaContentEditable{margin:0;padding:0;width:calc(100% / var(--font-scalar));height:calc((100% / var(--font-scalar)) - var(--bottom-inset, 0));overflow:hidden;outline:none;vertical-align:top}.PinturaShapePresetsPalette{text-align:center;width:40em;max-width:100%;overflow:hidden}.PinturaShapePresetsPalette .PinturaShapePresetSelect{vertical-align:top;display:inline-block}.PinturaShapePresetsPalette .PinturaScrollable:not([data-state~=overflows]){display:flex;justify-content:center}.PinturaShapePresetsPalette .PinturaButton+.PinturaButton{margin-left:.5em}.PinturaShapePresetsPalette .PinturaButton{flex-direction:row;line-height:1.1;padding:.3125em .75em;border-radius:var(--border-radius-round);box-shadow:inset 0 0 0 1px var(--color-foreground-5);cursor:var(--button-cursor);transition:background-color var(--transition-duration-10) ease-out,color var(--transition-duration-10) ease-out,box-shadow var(--transition-duration-10) ease-out;outline:none}.PinturaShapePresetsPalette .PinturaButton .PinturaButtonIcon{width:1em}.PinturaShapePresetsPalette .PinturaButton .PinturaButtonLabel{font-size:.75em}.PinturaShapePresetsPalette .PinturaButton:hover{box-shadow:inset 0 0 0 1px var(--color-foreground-10)}.PinturaShapePresetsPalette .PinturaButton[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaShapePresetsPalette .PinturaShapePresetsFlat>*+*,.PinturaShapePresetsPalette .PinturaShapePresetsGroups>*+*,.PinturaShapePresetsPalette .PinturaShapePresetsGroups>div>*+*{margin-left:.5em}.PinturaShapePresetsGroups{display:flex}.PinturaShapePresetsGrouped{display:flex;flex-direction:column;align-items:center}.PinturaShapePresetsGrouped [role=tab]{white-space:nowrap}.PinturaShapePresetsFlat{display:flex;align-items:center;justify-content:center}.PinturaShapePresetsFlat>.PinturaButton{margin-left:1em}.PinturaOptionsList,.PinturaOptionsListWrapper{border-radius:inherit}.PinturaOptionsList .PinturaListOption{transition:background-color var(--transition-duration-10);border-radius:inherit}.PinturaOptionsList .PinturaListOption label{display:block;margin:0;border-radius:inherit;white-space:nowrap}.PinturaOptionsList .PinturaListOption svg{margin-right:.25em;margin-left:-.5em;min-width:1.5em}.PinturaOptionsList .PinturaListOption svg:only-child{margin-left:0;margin-right:0}.PinturaOptionsList .PinturaListOption [slot]{display:flex;align-items:center;padding:.325em .75em}.PinturaOptionsList .PinturaDropdownOptionLabel{font-size:.75em;line-height:1.75;padding:0 .325em;margin-left:-.325em;display:inline-flex;flex-direction:column}.PinturaOptionsList .PinturaDropdownOptionSublabel{font-size:.75em;opacity:.5;margin-top:-.5em}.PinturaOptionsList .PinturaListOptionGroup>span{display:block;padding:.75em 1em;text-transform:uppercase;font-size:.75em;color:var(--color-foreground-50)}.PinturaOptionsList [data-disabled=true]{color:var(--color-foreground-50)}.PinturaOptionsList [data-selected=false]:not([data-disabled=true]):hover{background-color:var(--color-foreground-10)}.PinturaOptionsList [data-selected=true]{color:var(--color-foreground-100);background-color:var(--color-foreground-20)}.PinturaOptionsList [data-focus-visible]+label .PinturaDropdownOptionLabel{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100);border-radius:.25em}.PinturaListOption label{margin:0}.PinturaRoot[dir=rtl] .PinturaDropdownOptionLabel{margin-right:-.325em;align-items:flex-end}.PinturaRoot[dir=rtl] .PinturaListOption svg{margin-left:-.5em;margin-right:auto}.PinturaRoot[dir=rtl] .PinturaListOption svg+span{margin-left:.25em}.PinturaRoot[dir=rtl] .PinturaListOption [slot]{justify-content:flex-end}.PinturaColorPickerPanel{padding:.5em;max-width:14em;overflow:visible;touch-action:none}.PinturaColorPickerPanel .PinturaColorPickerButton{outline:transparent}.PinturaColorPickerPanel .PinturaColorPickerButton[data-focus-visible]{box-shadow:inset 0 0 0 1px var(--color-foreground-70)}.PinturaColorPickerPanel .PinturaColorPreview{width:1.25em;height:1.25em;border-radius:.25em}.PinturaColorPickerPanel .PinturaColorPreview span{border-radius:.2em;box-shadow:inset 0 0 0 1px var(--color-foreground-20)}.PinturaColorPickerPanel .PinturaColorPresets legend{color:var(--color-foreground-50);margin:0 0 .25em .3125em;font-size:.75em}.PinturaColorPickerPanel .PinturaColorPresets:only-child legend{display:none}.PinturaColorPickerPanel .PinturaColorPresetsGrid .PinturaRadioGroupOptions{display:flex;flex-direction:row;flex-wrap:wrap}.PinturaColorPickerPanel .PinturaColorPresetsGrid .PinturaListOption{display:block;padding:.25em}.PinturaColorPickerPanel .PinturaColorPresetsGrid .PinturaListOption label,.PinturaColorPickerPanel .PinturaColorPresetsGrid .PinturaListOption label span{display:block;cursor:var(--button-cursor)}.PinturaColorPickerPanel .PinturaColorPresetsGrid input[data-focus-visible]+label .PinturaColorPreview:after{position:absolute;left:-.3125em;right:-.3125em;top:-.3125em;bottom:-.3125em;border-radius:inherit;pointer-events:none;content:"";background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaColorPickerPanel .PinturaSlider{margin-left:-.325em;margin-right:-.325em}.PinturaColorPickerPanel .PinturaSlider>.PinturaSliderControl{position:relative;z-index:2}.PinturaColorPickerPanel .PinturaPicker{width:100%}.PinturaColorPickerPanel .PinturaPicker+.PinturaColorPresets{margin-top:.5em}.PinturaColorPickerPanel .PinturaPicker .PinturaPickerKnob,.PinturaColorPickerPanel .PinturaPicker .PinturaSliderKnob{border-radius:9999em;box-shadow:inset 0 .06125em .06125em rgba(0,0,0,.1),0 0 0 .06125em #fff,0 .1875em .25em rgba(0,0,0,.35),0 -.125em .25em rgba(0,0,0,.1)}.PinturaColorPickerPanel .PinturaPicker .PinturaPickerKnob{pointer-events:none;position:absolute;z-index:1;left:0;top:0;margin-left:-.625em;margin-top:-.625em;width:1.25em;height:1.25em;visibility:visible;outline:none}.PinturaColorPickerPanel .PinturaPicker .PinturaPickerKnob[data-focus-visible]:after{position:absolute;left:-.3125em;right:-.3125em;top:-.3125em;bottom:-.3125em;border-radius:inherit;pointer-events:none;content:"";background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaColorPickerPanel .PinturaPicker .PinturaPickerKnobController{position:absolute;left:0;top:0;right:0;bottom:0;visibility:hidden}.PinturaColorPickerPanel .PinturaPicker .PinturaSaturationPicker{position:relative;border-radius:var(--border-radius) var(--border-radius) 0 0;margin:-.5em -.5em .5em;height:7em;background-image:linear-gradient(180deg,transparent,#000),linear-gradient(90deg,#fff,transparent)}.PinturaColorPickerPanel .PinturaPicker .PinturaHuePicker .PinturaSliderTrack{background-image:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.PinturaColorPickerPanel .PinturaPicker .PinturaSliderTrack{box-shadow:inset 0 0 1px var(--color-foreground-50)}.PinturaColorPickerPanel .PinturaPicker .PinturaOpacityPicker .PinturaSliderKnob:before,.PinturaColorPickerPanel .PinturaPicker .PinturaOpacityPicker .PinturaSliderTrack:before{position:absolute;content:"";display:block;left:0;top:0;width:100%;height:100%;z-index:-1;border-radius:inherit;background-color:#fff;background-image:var(--pattern-transparent)}.PinturaColorPickerPanel .PinturaPicker .PinturaOpacityPicker .PinturaSliderKnob:before{background-position:calc(var(--slider-position) * -2px) 0}.PinturaColorPickerPanel .PinturaPicker .PinturaOpacityPicker{margin-top:.5em}.PinturaColorPickerPanel .PinturaPicker .PinturaColorPickerInput{color:var(--color-foreground-80);margin:.75em 0 .25em .3125em;width:calc(100% - .625em);line-height:1.75;text-indent:.5em;font-size:.875em;border-radius:.25em;border:1px solid var(--color-foreground-20);font-variant:tabular-nums;text-transform:uppercase}.PinturaColorPickerPanel .PinturaPicker .PinturaColorPickerInput:focus{outline:transparent;border-color:var(--color-focus-100)}.PinturaPanel{--color-inset:hsla(0,0%,100%,0.1);--color-fill:var(--color-foreground-5);top:0;left:0;z-index:2147483647;width:-webkit-max-content;width:-moz-max-content;width:max-content;cursor:auto;outline:transparent;box-shadow:inset 0 0 0 1px var(--color-inset),0 .125em .25em rgba(0,0,0,.25),0 .125em .75em rgba(0,0,0,.15),0 .125em .125em rgba(0,0,0,.1);border-radius:var(--border-radius)}.PinturaPanel,.PinturaPanelTip{position:absolute;color:var(--color-foreground-90);background-color:var(--color-background-100);background-image:linear-gradient(var(--color-fill),var(--color-fill));background-blend-mode:screen}.PinturaPanelTip{--tip-mask:transparent calc(50% - 1.5px),#000 calc(50% - 1.5px);width:.5em;height:.5em;margin-left:-.25em;margin-top:-.25em;z-index:-1;box-shadow:inset -1px -1px 0 0 var(--color-inset);-webkit-mask:linear-gradient(to bottom right,var(--tip-mask));mask:linear-gradient(to bottom right,var(--tip-mask))}.PinturaPanelTip[style*="top:0"]{box-shadow:inset 1px 1px 0 0 var(--color-inset);-webkit-mask:linear-gradient(to top left,var(--tip-mask));mask:linear-gradient(to top left,var(--tip-mask))}.PinturaColorPreview{--color:transparent;color:var(--color);position:relative;pointer-events:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h4v4H0zm4 4h4v4H4z' fill='%23E5E5E5'/%3E%3C/svg%3E")}.PinturaColorPreview span{position:absolute;left:0;top:0;right:0;bottom:0;background-color:var(--color);border-radius:inherit}.PinturaContentEditable{white-space:pre-line!important;word-break:break-word!important;display:inline-block!important;-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important;user-select:text!important}.PinturaContentEditable[data-wrap-content=nowrap]{white-space:nowrap!important;word-break:normal!important}.PinturaContentEditable{background:transparent!important;margin:0!important;border-radius:0!important;max-width:none!important;min-width:auto!important;box-shadow:none!important}.PinturaSlider{position:relative;--track-offset-x:0.5em;--track-offset-y:0.5em;--track-size:1.5em;--knob-size:1em;--knob-margin-top:0em;--knob-margin-right:0em;--knob-margin-bottom:0em;--knob-margin-left:0em;display:flex;align-items:center;touch-action:none}.PinturaSlider[data-direction=y]{flex-direction:column}.PinturaSlider .PinturaSliderControl{position:relative;flex:1}.PinturaSlider>button{position:relative;z-index:1;width:var(--track-size);height:var(--track-size);overflow:hidden;cursor:pointer;flex-shrink:none}.PinturaSlider>button svg{width:1.25em;height:1.25em;margin:.125em;stroke-width:.125em;stroke:var(--color-foreground-50)}.PinturaSlider>button:first-of-type{order:2;padding-right:.125em;margin-left:-.325em}.PinturaSlider>button:last-of-type{order:1;padding-left:.125em;margin-right:-.325em}.PinturaSlider>.PinturaSliderControl{order:2}.PinturaSlider .PinturaSliderKnob{left:0;top:50%;border-radius:9999em;visibility:visible;width:var(--knob-size);height:var(--knob-size);margin-left:calc(var(--knob-size) * -.5);margin-top:calc(var(--knob-size) * -.5)}.PinturaSlider .PinturaSliderKnob,.PinturaSlider .PinturaSliderKnobController,.PinturaSlider .PinturaSliderTrack{pointer-events:none;position:absolute}.PinturaSlider .PinturaSliderTrack{top:var(--track-offset-y);bottom:var(--track-offset-y);left:var(--track-offset-x);right:var(--track-offset-x)}.PinturaSlider .PinturaSliderKnobController{visibility:hidden;top:calc(var(--track-offset-y) + var(--knob-margin-top));bottom:calc(var(--track-offset-y) + var(--knob-margin-bottom));left:calc(var(--track-offset-x) + var(--knob-margin-left));right:calc(var(--track-offset-x) + var(--knob-margin-right))}.PinturaSlider .PinturaSliderTrack{border-radius:9999em}.PinturaSlider[data-direction=x] input[type=range]{height:var(--track-size);margin-left:var(--track-offset-x);width:calc(100% - (var(--track-offset-x) * 2))}.PinturaSlider[data-direction=y] input[type=range]{width:var(--track-size);margin-top:var(--track-offset-y);height:calc(100% - (var(--track-offset-y) * 2))}.PinturaSlider input[type=range]{-webkit-appearance:none;display:block}.PinturaSlider input[type=range]::-webkit-slider-runnable-track{background:transparent}.PinturaSlider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;line-height:0;margin:0;padding:0;border:none}.PinturaSlider input[type=range]::-moz-range-thumb{line-height:0;margin:0;padding:0;border:none;visibility:hidden}.PinturaSlider input[type=range]::-ms-thumb{line-height:0;margin:0;padding:0;border:none}.PinturaSlider input[type=range]::-ms-ticks-before,.PinturaSlider input[type=range]::-ms-tooltip{display:none}.PinturaSlider input[type=range]::-ms-ticks-after{display:none}.PinturaSlider input[type=range]::-ms-track{color:transparent;border:none;background:transparent}.PinturaSlider input[type=range]::-ms-fill-lower,.PinturaSlider input[type=range]::-ms-fill-upper{background:transparent}.PinturaSlider input[type=range]:focus{outline:transparent}.PinturaSlider input[type=range][data-focus-visible]~.PinturaSliderKnobController .PinturaSliderKnob:after{position:absolute;left:-.3125em;right:-.3125em;top:-.3125em;bottom:-.3125em;border-radius:inherit;content:"";background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100);pointer-events:none}.PinturaShapeManipulator{position:absolute;left:0;top:0;outline:none;touch-action:none;transform:translate3d(calc(var(--tx) * 1px),calc(var(--ty) * 1px),0) rotate(var(--r)) scale(var(--sx),var(--sy));--size:0.75em}.PinturaShapeManipulator:not([data-control=edge]){margin-left:calc(var(--size) * (-.5));margin-top:calc(var(--size) * (-.5));line-height:var(--size);width:var(--size);height:var(--size);border-radius:9999em}.PinturaShapeManipulator:not([data-control=edge]):after{position:absolute;left:-.5em;right:-.5em;top:-.5em;bottom:-.5em;content:""}.PinturaShapeManipulator:not([data-control=edge])[data-focus-visible]:after{border-radius:inherit;background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaShapeManipulator[data-control=point]{background:linear-gradient(90deg,var(--color-secondary-dark),var(--color-secondary));box-shadow:0 0 0 2px #fff,0 0 4px #000;z-index:3}.PinturaShapeManipulator[data-control=edge]{margin-top:calc(var(--size) * (-.5));height:var(--size);width:1px;z-index:1;transform-origin:0 calc(var(--size) * .5)}.PinturaShapeManipulator[data-control=edge][data-focus-visible]{background-color:var(--color-focus-50)}.PinturaShapeManipulator[data-control=rotate]{border-radius:9999em;background:linear-gradient(90deg,#fff,#ddd);box-shadow:0 0 0 2px var(--color-secondary-dark),0 0 4px #000;z-index:2;cursor:-webkit-grab;cursor:grab}.PinturaRoot[data-env*=chrome-] .PinturaShapeManipulator[data-control=edge]{width:calc(var(--sx) * 1px);transform:translate3d(calc(var(--tx) * 1px),calc(var(--ty) * 1px),0) rotate(var(--r))} /*! * Pintura v8.66.1 - Test version * (c) 2018-2023 PQINA Inc. - All Rights Reserved * License: https://pqina.nl/pintura/license/ * * This version of Pintura is for testing purposes only. * Visit https://pqina.nl/pintura/ to obtain a commercial license. */ /* eslint-disable */ .pintura :global .PinturaUtilPanel[data-util=retouch] .PinturaControlListScroller+.PinturaControlListScroller{margin-top:1em}.pintura :global .PinturaUtilPanel[data-util=redact] .PinturaUtilFooter{padding:0}.pintura :global .PinturaUtilPanel[data-util=redact] .PinturaUtilFooter>div{height:1px}.pintura :global .pintura-editor,.pintura :global pintura-editor{--color-primary:#ffd843;--color-primary-dark:#ffc343;--color-primary-text:#000;--color-secondary:#03a9f4;--color-secondary-dark:#046bbf;--color-focus:4,107,191;--color-focus-100:rgba(var(--color-focus),1);--color-focus-50:rgba(var(--color-focus),0.5);--color-focus-25:rgba(var(--color-focus),0.25);--color-error:255,87,34;--color-error-100:rgb(var(--color-error));--color-error-75:rgba(var(--color-error),0.75);--color-error-50:rgba(var(--color-error),0.5);--color-error-25:rgba(var(--color-error),0.25);--color-error-10:rgba(var(--color-error),0.1);--color-foreground:0,0,0;--color-background:255,255,255;--color-preview-outline:var(--color-foreground);--color-transition-duration:250ms;--button-cursor:pointer;--font-size:16px;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--backdrop-filter-bright:brightness(110%) saturate(180%) blur(10px);--backdrop-filter-dark:brightness(90%) saturate(180%) blur(10px);--border-radius-round:9999em;--border-radius:0.625em;--filter-disabled:grayscale(95%) opacity(40%);--editor-inset-top:0px;--editor-inset-bottom:0px;--safe-area-inset-top:0px;--safe-area-inset-bottom:0px;--pattern-transparent:url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h4v4H0zm4 4h4v4H4z' fill='%23E5E5E5'/%3E%3C/svg%3E");--grid-color-even:rgba(var(--color-foreground),0.1);--grid-color-odd:rgba(var(--color-background),0.1);--grid-size:24}.pintura :global .pintura-editor,.pintura :global .pintura-editor-panel,.pintura :global pintura-editor{--color-foreground-100:rgba(var(--color-foreground),1);--color-foreground-95:rgba(var(--color-foreground),0.95);--color-foreground-90:rgba(var(--color-foreground),0.9);--color-foreground-80:rgba(var(--color-foreground),0.8);--color-foreground-70:rgba(var(--color-foreground),0.7);--color-foreground-60:rgba(var(--color-foreground),0.6);--color-foreground-50:rgba(var(--color-foreground),0.5);--color-foreground-40:rgba(var(--color-foreground),0.4);--color-foreground-30:rgba(var(--color-foreground),0.3);--color-foreground-20:rgba(var(--color-foreground),0.25);--color-foreground-15:rgba(var(--color-foreground),0.2);--color-foreground-10:rgba(var(--color-foreground),0.15);--color-foreground-5:rgba(var(--color-foreground),0.075);--color-foreground-3:rgba(var(--color-foreground),0.05);--color-foreground-1:rgba(var(--color-foreground),0.02);--color-foreground-0:rgba(var(--color-foreground),0);--color-background-100:rgba(var(--color-background),1);--color-background-95:rgba(var(--color-background),0.95);--color-background-90:rgba(var(--color-background),0.9);--color-background-80:rgba(var(--color-background),0.8);--color-background-70:rgba(var(--color-background),0.7);--color-background-60:rgba(var(--color-background),0.6);--color-background-50:rgba(var(--color-background),0.5);--color-background-40:rgba(var(--color-background),0.4);--color-background-30:rgba(var(--color-background),0.3);--color-background-20:rgba(var(--color-background),0.2);--color-background-15:rgba(var(--color-background),0.15);--color-background-10:rgba(var(--color-background),0.1);--color-background-5:rgba(var(--color-background),0.05);--color-background-3:rgba(var(--color-background),0.03);--color-background-1:rgba(var(--color-background),0.01);--color-background-0:rgba(var(--color-background),0)}.pintura :global .pintura-editor,.pintura :global .PinturaRootWrapper,.pintura :global pintura-editor{display:block}.pintura :global .PinturaRootWrapper{height:100%}.pintura :global .PinturaScrollableContent{overflow:hidden;max-height:80vh;overflow-y:auto;scrollbar-color:var(--color-foreground-30) transparent;scrollbar-width:thin}.pintura :global .PinturaScrollableContent::-webkit-scrollbar{width:1em;cursor:pointer}.pintura :global .PinturaScrollableContent::-webkit-scrollbar-track{background:none}.pintura :global .PinturaScrollableContent::-webkit-scrollbar-thumb{cursor:pointer;background-clip:padding-box;background-color:var(--color-foreground-30);border-radius:9999em;border:.3125em solid transparent}.pintura :global .PinturaRoot[data-env~=is-animated]{--transition-duration-multiplier:1}.pintura :global .PinturaRoot[data-env~=is-transparent]{background:none}.pintura :global .PinturaRoot{--nav-group-margin:0.5em;--editor-calculated-inset-top:calc(var(--safe-area-inset-top) + var(--editor-inset-top));--editor-calculated-inset-bottom:calc(var(--safe-area-inset-bottom) + var(--editor-inset-bottom));--transition-duration-10:calc(var(--transition-duration-multiplier, 0) * 0.1s);--transition-duration-25:calc(var(--transition-duration-multiplier, 0) * 0.25s);--transition-duration-50:calc(var(--transition-duration-multiplier, 0) * 0.5s);box-sizing:border-box;width:var(--editor-width,100%);height:var(--editor-height,100%);padding-top:var(--editor-calculated-inset-top);padding-bottom:var(--editor-calculated-inset-bottom);max-width:var(--editor-max-width,var(--editor-max-width-default,none));max-height:var(--editor-max-height,var(--editor-max-height-default,none));position:relative;overflow:hidden;contain:strict;display:grid;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:normal;font-size:var(--font-size);font-family:var(--font-family);font-weight:450;touch-action:manipulation;text-align:left;text-transform:none;text-rendering:optimizeLegibility;direction:ltr;color:var(--color-foreground-90);background-color:var(--color-background-100);outline-color:rgba(var(--color-preview-outline),1);transition:background-color 1ms,outline-color 1ms,color var(--transition-duration-10) ease-in-out,dir 1ms}.pintura :global .PinturaRoot[dir=rtl] button{direction:rtl}.pintura :global .PinturaRoot .PinturaUtilMain{cursor:var(--cursor)}.pintura :global .PinturaRoot *{box-sizing:content-box;word-wrap:normal}.pintura :global .PinturaRoot button,.pintura :global .PinturaRoot fieldset,.pintura :global .PinturaRoot input,.pintura :global .PinturaRoot legend{padding:0;margin:0;border:none;background:transparent;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit;width:auto;text-decoration:none}.pintura :global .PinturaRoot button[disabled]{pointer-events:none}.pintura :global .PinturaRoot canvas{display:block}.pintura :global .PinturaRoot svg{display:inline-block;width:auto;height:auto;max-width:none}.pintura :global .PinturaRoot p{margin:0}.pintura :global .PinturaRoot li,.pintura :global .PinturaRoot ul{list-style:none;margin:0;padding:0}.pintura :global .PinturaRoot a{color:inherit;text-decoration:none}.pintura :global .PinturaRoot .implicit{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0,0 0,0 0);clip-path:polygon(0 0,0 0,0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.pintura :global .PinturaRoot .PinturaFixedWidthCharacters{font-variant:tabular-nums}.pintura :global .PinturaRoot .PinturaStage{display:flex;align-self:stretch;flex:1;pointer-events:none}.pintura :global .PinturaRoot .PinturaStage[tabindex="-1"]{outline:none}.pintura :global .PinturaRoot .PinturaRootPortal,.pintura :global .PinturaRoot>.PinturaCanvas{position:absolute;left:0;top:0}.pintura :global .PinturaRoot>.PinturaCanvas{width:100%;height:100%;pointer-events:none;z-index:0}.pintura :global .PinturaRoot>.PinturaCanvas canvas{position:absolute;width:100%;height:100%}.pintura :global .PinturaRoot>.PinturaCanvas:after{content:"";position:absolute;left:0;top:0;bottom:0;right:0;background-repeat:no-repeat}.pintura :global .PinturaRoot>.PinturaStatus{position:absolute;z-index:99999;left:0;top:0;width:100%;height:100%;display:flex;justify-content:center;align-items:flex-start;background-color:var(--color-background-90)}.pintura :global .PinturaRoot>.PinturaStatus>p{position:absolute;top:50%;left:50%;display:inline-flex;white-space:nowrap;align-items:center;transition:opacity var(--transition-duration-50) ease-out}.pintura :global .PinturaRoot .PinturaStatusMessage{position:absolute;font-size:.875em}.pintura :global .PinturaRoot .PinturaStatusAside{position:absolute;left:0}.pintura :global .PinturaRoot .PinturaStatusAside svg{width:1.25em;height:1.25em}.pintura :global .PinturaRoot .PinturaStatusAside .PinturaProgressIndicator{margin-left:.5em}.pintura :global .PinturaRoot .PinturaStatusAside .PinturaButton{outline:transparent;margin-left:.75em;font-size:.875em;border-radius:var(--border-radius-round);background-color:var(--color-foreground-5);padding:.25em;transition:background-color var(--transition-duration-10) ease-out,color var(--transition-duration-10) ease-out;-webkit-backdrop-filter:var(--backdrop-filter-dark);backdrop-filter:var(--backdrop-filter-dark)}.pintura :global .PinturaRoot .PinturaStatusAside .PinturaButton:not([disabled])[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.pintura :global .PinturaRoot .PinturaStatusAside .PinturaButton:not([disabled]):hover{background-color:var(--color-foreground-10)}.pintura :global .PinturaRoot .PinturaStatusIcon svg{font-size:.875em;margin-top:.25em;margin-left:.5em}.pintura :global .PinturaRoot>.PinturaNav{position:relative;z-index:3}.pintura :global .PinturaRoot>.PinturaNav:empty{display:none!important}.pintura :global .PinturaRoot>.PinturaNav .PinturaButton{outline:transparent;transition:background-color var(--transition-duration-10) ease-out,color var(--transition-duration-10) ease-out}.pintura :global .PinturaRoot>.PinturaNav .PinturaButton svg{width:1em;transition:opacity var(--transition-duration-10) ease-out}.pintura :global .PinturaRoot>.PinturaNav .PinturaButton>span{justify-content:center}.pintura :global .PinturaRoot>.PinturaNav .PinturaButtonIconOnly .PinturaButtonInner,.pintura :global .PinturaRoot>.PinturaNav .PinturaDropdownIconOnly .PinturaButtonInner{width:1.75em}.pintura :global .PinturaRoot>.PinturaNav .PinturaButton .PinturaButtonInner{height:1.75em}.pintura :global .PinturaRoot>.PinturaNav .PinturaButton:not(.PinturaButtonIconOnly):not(.PinturaDropdownIconOnly){padding-left:.75em;padding-right:.75em}.pintura :global .PinturaRoot>.PinturaNav .PinturaButton:not(.PinturaButtonIconOnly):not(.PinturaDropdownIconOnly) .PinturaButtonLabel{font-size:.75em;line-height:2}.pintura :global .PinturaRoot>.PinturaNav .PinturaButton:not(.PinturaButtonIconOnly):not(.PinturaDropdownIconOnly):not(.PinturaDropdownButton){box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.pintura :global .PinturaRoot>.PinturaNav .PinturaButton:only-of-type{border-radius:var(--border-radius-round)}.pintura :global .PinturaRoot>.PinturaNav .PinturaButton:only-of-type+*{margin-left:.5em}.pintura :global .PinturaRoot>.PinturaNav .PinturaButton[disabled] .PinturaButtonLabel,.pintura :global .PinturaRoot>.PinturaNav .PinturaButton[disabled] svg{opacity:.25}.pintura :global .PinturaRoot>.PinturaNav .PinturaButton:not(.PinturaButtonExport):not([disabled])[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.pintura :global .PinturaRoot>.PinturaNav .PinturaButton:not(.PinturaButtonExport):not([disabled]):hover{background-color:var(--color-foreground-10)}.pintura :global .PinturaRoot .PinturaButtonExport{color:var(--color-primary-text);background-color:var(--color-primary)}.pintura :global .PinturaRoot .PinturaButtonExport:hover{background-color:var(--color-primary-dark)}.pintura :global .PinturaRoot .PinturaButtonExport[data-focus-visible]{color:var(--color-primary-text);background-color:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-foreground-5),0 0 0 3px var(--color-focus-50);background-color:var(--color-primary-dark)}.pintura :global .PinturaRoot .PinturaButtonExport:not(.PinturaButtonIconOnly){flex:1;padding:0 .75em}.pintura :global .PinturaRoot>.PinturaNavMain{display:flex;overflow:hidden}.pintura :global .PinturaRoot>.PinturaNavMain [aria-selected=true] button{-webkit-backdrop-filter:var(--backdrop-filter-dark);backdrop-filter:var(--backdrop-filter-dark);background-color:var(--color-foreground-10)}.pintura :global .PinturaRoot>.PinturaNavMain button svg{align-self:center;width:1.5em}.pintura :global .PinturaRoot>.PinturaNavMain button span,.pintura :global .PinturaRoot>.PinturaNavMain button svg{pointer-events:none}.pintura :global .PinturaRoot>.PinturaNavMain button svg+span{margin-top:.75em}.pintura :global .PinturaRoot>.PinturaNavMain button span{font-size:.875em;display:block;width:calc(100% - 1em);overflow:hidden;text-overflow:ellipsis;width:inherit;max-width:calc(100% - 1em)}.pintura :global .PinturaRoot>.PinturaNavMain button{box-shadow:inset 0 0 0 1px var(--color-foreground-5);transition:background-color var(--transition-duration-10) ease-out,color var(--transition-duration-10) ease-out,box-shadow var(--transition-duration-10) ease-out}.pintura :global .PinturaRoot>.PinturaNavMain button:hover{box-shadow:inset 0 0 0 1px var(--color-foreground-10)}.pintura :global .PinturaRoot>.PinturaNavMain button[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.pintura :global .PinturaRoot>.PinturaNavTools{max-width:100%;box-sizing:border-box;pointer-events:none}.pintura :global .PinturaRoot>.PinturaNavTools:empty{display:none}.pintura :global .PinturaRoot>.PinturaNavTools,.pintura :global .PinturaRoot>.PinturaNavTools .PinturaNavGroup,.pintura :global .PinturaRoot>.PinturaNavTools .PinturaNavSet{display:flex;align-items:center;justify-content:center}.pintura :global .PinturaRoot>.PinturaNavTools .PinturaButton,.pintura :global .PinturaRoot>.PinturaNavTools .PinturaNavSet{pointer-events:all}.pintura :global .PinturaRoot>.PinturaNavTools .PinturaButton[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.pintura :global .PinturaRoot .PinturaNavGroup{margin:0 var(--nav-group-margin)}.pintura :global .PinturaRoot .PinturaNavGroup>*{border-radius:var(--border-radius-round)}.pintura :global .PinturaRoot .PinturaNavGroup>*+*{margin-left:.5em}.pintura :global .PinturaRoot .PinturaNavGroup:first-of-type{margin-right:auto;margin-left:0}.pintura :global .PinturaRoot .PinturaNavGroup:last-of-type{margin-left:auto;margin-right:0}.pintura :global .PinturaRoot .PinturaNavSet{box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.pintura :global .PinturaRoot .PinturaNavSet>:not(:only-child){border:1px solid var(--color-foreground-3);border-top:0;border-bottom:0}.pintura :global .PinturaRoot .PinturaNavSet>:first-child:not(:only-child){border-left:0}.pintura :global .PinturaRoot .PinturaNavSet>:last-child:not(:only-child){border-right:0}.pintura :global .PinturaRoot .PinturaNavSet>*+*{margin-left:-1px}.pintura :global .PinturaRoot .PinturaNavSet>.PinturaButton:hover,.pintura :global .PinturaRoot .PinturaNavSet>.PinturaButton[data-focus-visible]{position:relative;z-index:1}.pintura :global .PinturaRoot .PinturaNavSet>:only-child{border-radius:var(--border-radius-round)}.pintura :global .PinturaRoot .PinturaNavSet>:first-child:not(:only-child) .PinturaButtonInner{padding:0 .125em 0 .25em}.pintura :global .PinturaRoot .PinturaNavSet>:first-child:not(:only-child){border-top-left-radius:var(--border-radius-round);border-bottom-left-radius:var(--border-radius-round)}.pintura :global .PinturaRoot .PinturaNavSet>:last-child:not(:only-child) .PinturaButtonInner{padding:0 .25em 0 .125em}.pintura :global .PinturaRoot .PinturaNavSet>:last-child:not(:only-child){border-top-right-radius:var(--border-radius-round);border-bottom-right-radius:var(--border-radius-round)}.pintura :global .PinturaRoot[data-env~=overlay] .PinturaNavSet{background-color:var(--color-background-50);-webkit-backdrop-filter:var(--backdrop-filter-bright);backdrop-filter:var(--backdrop-filter-bright);box-shadow:inset 0 0 0 1px var(--color-background-15),0 .0625em .125em rgba(0,0,0,.25),0 .125em .35em rgba(0,0,0,.35)}.pintura :global .PinturaRoot[data-env~=overlay] .PinturaNavSet .PinturaButton:not(.PinturaButtonExport):not([disabled]):hover,.pintura :global .PinturaRoot[data-env~=overlay] .PinturaNavSet>*{border-color:var(--color-background-15)}.pintura :global .PinturaRoot[data-env~=overlay] .PinturaNavGroup>.PinturaButton{box-shadow:0 .0625em .125em rgba(0,0,0,.25),0 .125em .35em rgba(0,0,0,.35)}.pintura :global .PinturaRoot[data-env~=overlay] .PinturaNavGroup .PinturaButtonExport{box-shadow:inset 0 0 .125em rgba(0,0,0,.25),0 .0625em .125em rgba(0,0,0,.25),0 .125em .35em rgba(0,0,0,.35)}.pintura :global .PinturaRoot .PinturaNavGroupFloat{position:absolute;left:0;right:0;pointer-events:none}.pintura :global .PinturaRoot .PinturaNavGroupFloat>*{pointer-events:all}.pintura :global .PinturaRoot .PinturaUtilFooter .PinturaScrollable>div{padding-left:1em;padding-right:1em}.pintura :global .PinturaRoot>.PinturaMain{max-width:100vw}.pintura :global .PinturaRoot:not([data-env~=has-toolbar]) .PinturaUtilHeader{padding-top:0;padding-bottom:1em;margin-bottom:-1em}.pintura :global .PinturaRoot[data-env~=landscape]{grid-template-rows:-webkit-min-content auto;grid-template-rows:min-content auto;grid-template-columns:auto}.pintura :global .PinturaRoot[data-env~=landscape]>.PinturaNavTools{grid-row:1;grid-column:1;padding:1em 1em 0;z-index:3}.pintura :global .PinturaRoot[data-env~=landscape]>.PinturaNavMain{align-items:center;justify-content:flex-end;position:absolute;left:1em;top:calc(1em + var(--editor-calculated-inset-top));bottom:calc(1em + var(--editor-calculated-inset-bottom))}.pintura :global .PinturaRoot[data-env~=landscape]>.PinturaNavMain .PinturaTabList{flex-direction:column}.pintura :global .PinturaRoot[data-env~=landscape]>.PinturaNavMain .PinturaTabList li{display:flex}.pintura :global .PinturaRoot[data-env~=landscape]>.PinturaNavMain .PinturaTabList li+li{margin:.5em 0 0}.pintura :global .PinturaRoot[data-env~=landscape]>.PinturaNavMain button{flex:1;width:4em;height:4em;border-radius:var(--border-radius);justify-content:center}.pintura :global .PinturaRoot[data-env~=landscape]>.PinturaNavMain button span{font-size:.6875em;margin-top:.5em}.pintura :global .PinturaRoot[data-env~=landscape]>.PinturaNavMain button svg{width:1em;margin-top:.25em}.pintura :global .PinturaRoot[data-env~=landscape][data-env~=has-toolbar]>.PinturaNavMain{top:calc(4em + var(--editor-calculated-inset-top));bottom:calc(4em + var(--editor-calculated-inset-bottom))}.pintura :global .PinturaRoot[data-env~=landscape][data-env~=has-limited-space]>.PinturaNavMain{align-items:flex-start;bottom:calc(1em + var(--editor-calculated-inset-bottom))}.pintura :global .PinturaRoot[data-env~=landscape]>.PinturaMain{grid-row:2;grid-column:1}.pintura :global .PinturaRoot[data-env~=landscape][data-env~=has-toolbar-preference-bottom]{grid-template-rows:auto -webkit-min-content;grid-template-rows:auto min-content}.pintura :global .PinturaRoot[data-env~=landscape][data-env~=has-toolbar-preference-bottom]>.PinturaNavTools{grid-row:2;padding-top:0;padding-bottom:1em}.pintura :global .PinturaRoot[data-env~=landscape][data-env~=has-toolbar-preference-bottom]>.PinturaMain{grid-row:1}.pintura :global .PinturaRoot[data-env~=landscape][data-env~=has-navigation]{grid-template-columns:6em auto}.pintura :global .PinturaRoot[data-env~=landscape][data-env~=has-navigation]:not([data-env~=narrow]) .PinturaNavGroupFloat{margin:0 0 0 7em}.pintura :global .PinturaRoot[data-env~=landscape][data-env~=has-navigation]>.PinturaNavTools{grid-column:1/span 2}.pintura :global .PinturaRoot[data-env~=landscape][data-env~=has-navigation]>.PinturaMain{grid-column:2}.pintura :global .PinturaRoot[data-env~=landscape][data-env~=has-navigation]:not([data-env~=has-navigation-preference-right]) .PinturaUtilMain{padding-left:0}.pintura :global .PinturaRoot[data-env~=landscape][data-env~=has-navigation]:not([data-env~=has-navigation-preference-right]) .PinturaUtilFooter{padding-right:1em}.pintura :global .PinturaRoot[data-env~=landscape][data-env~=has-navigation][data-env~=has-navigation-preference-right]{grid-template-columns:auto 6em}.pintura :global .PinturaRoot[data-env~=landscape][data-env~=has-navigation][data-env~=has-navigation-preference-right]:not([data-env~=narrow]) .PinturaNavGroupFloat{margin:0 7em 0 0}.pintura :global .PinturaRoot[data-env~=landscape][data-env~=has-navigation][data-env~=has-navigation-preference-right]>.PinturaNavMain{right:1em;left:auto}.pintura :global .PinturaRoot[data-env~=landscape][data-env~=has-navigation][data-env~=has-navigation-preference-right]>.PinturaMain{grid-column:1}.pintura :global .PinturaRoot[data-env~=landscape][data-env~=has-navigation][data-env~=has-navigation-preference-right] .PinturaUtilMain{padding-right:0}.pintura :global .PinturaRoot[data-env~=landscape][data-env~=has-navigation][data-env~=has-navigation-preference-right] .PinturaUtilFooter{padding-left:1em}.pintura :global .PinturaRoot[data-env~=portrait]{grid-template-rows:-webkit-min-content auto -webkit-min-content;grid-template-rows:min-content auto min-content;grid-template-columns:auto}.pintura :global .PinturaRoot[data-env~=portrait]>*{grid-column:1}.pintura :global .PinturaRoot[data-env~=portrait]>.PinturaNavTools{grid-row:1;padding:.75em .75em 0}.pintura :global .PinturaRoot[data-env~=portrait]>.PinturaNavMain{grid-row:3;margin-bottom:.75em;justify-content:center}.pintura :global .PinturaRoot[data-env~=portrait]>.PinturaNavMain .PinturaTabList{padding:0 .875em}.pintura :global .PinturaRoot[data-env~=portrait]>.PinturaNavMain li+li{margin-left:.5em}.pintura :global .PinturaRoot[data-env~=portrait]>.PinturaNavMain[data-state~=overflows]{overflow:visible}.pintura :global .PinturaRoot[data-env~=portrait]>.PinturaNavMain button{flex:1;width:4em;height:4em;border-radius:var(--border-radius);justify-content:center}.pintura :global .PinturaRoot[data-env~=portrait]>.PinturaNavMain button span{font-size:.6875em;margin-top:.5em}.pintura :global .PinturaRoot[data-env~=portrait]>.PinturaNavMain button svg{width:1em;margin-top:.25em}.pintura :global .PinturaRoot[data-env~=portrait]>.PinturaMain{grid-row:2;grid-column:1}.pintura :global .PinturaRoot[data-env~=portrait][data-env~=has-toolbar-preference-bottom]{grid-template-rows:auto -webkit-min-content -webkit-min-content;grid-template-rows:auto min-content min-content}.pintura :global .PinturaRoot[data-env~=portrait][data-env~=has-toolbar-preference-bottom]>.PinturaNavTools{grid-row:3;padding:0 .75em .75em}.pintura :global .PinturaRoot[data-env~=portrait][data-env~=has-toolbar-preference-bottom]>.PinturaNavMain{grid-row:2}.pintura :global .PinturaRoot[data-env~=portrait][data-env~=has-toolbar-preference-bottom]>.PinturaMain{grid-row:1}.pintura :global .PinturaRoot[data-env~=portrait]:not([data-env~=narrow])[data-env~=has-navigation-preference-top]{grid-template-rows:-webkit-min-content -webkit-min-content auto;grid-template-rows:min-content min-content auto}.pintura :global .PinturaRoot[data-env~=portrait]:not([data-env~=narrow])[data-env~=has-navigation-preference-top]>.PinturaMain{grid-row:3}.pintura :global .PinturaRoot[data-env~=portrait]:not([data-env~=narrow])[data-env~=has-navigation-preference-top]>.PinturaNavMain{grid-row:2;margin-top:.75em;margin-bottom:0}.pintura :global .PinturaRoot[data-env~=portrait]:not([data-env~=narrow])[data-env~=has-navigation-preference-top][data-env~=has-toolbar-preference-bottom]{grid-template-rows:-webkit-min-content auto -webkit-min-content;grid-template-rows:min-content auto min-content}.pintura :global .PinturaRoot[data-env~=portrait]:not([data-env~=narrow])[data-env~=has-navigation-preference-top][data-env~=has-toolbar-preference-bottom]>.PinturaNavMain{grid-row:1}.pintura :global .PinturaRoot[data-env~=portrait]:not([data-env~=narrow])[data-env~=has-navigation-preference-top][data-env~=has-toolbar-preference-bottom]>.PinturaMain{grid-row:2}.pintura :global .PinturaRoot[data-env~=portrait]:not([data-env~=narrow])[data-env~=has-navigation-preference-top][data-env~=has-toolbar-preference-bottom]>.PinturaNavTools{grid-row:3}.pintura :global .PinturaRoot[data-env~=landscape][data-env~=is-compact]>.PinturaNavMain button{flex:1;flex-direction:row;width:auto;height:auto;border-radius:var(--border-radius);justify-content:flex-start;align-items:center;padding:.625em 0;width:6em}.pintura :global .PinturaRoot[data-env~=landscape][data-env~=is-compact]>.PinturaNavMain button span{font-size:.6875em;margin:0 .625em 0 0;line-height:1.2;text-align:left}.pintura :global .PinturaRoot[data-env~=landscape][data-env~=is-compact]>.PinturaNavMain button svg{margin:0 .5em 0 .625em;min-width:1em}.pintura :global .PinturaRoot[data-env~=landscape][data-env~=is-compact][data-env~=has-navigation]{grid-template-columns:8em auto}.pintura :global .PinturaRoot[data-env~=landscape][data-env~=is-compact][data-env~=has-navigation][data-env~=has-navigation-preference-right]{grid-template-columns:auto 8em}.pintura :global .PinturaRoot[data-env~=landscape][data-env~=is-compact][dir=rtl]>.PinturaNavMain button{padding-left:.625em}.pintura :global .PinturaRoot[data-env~=landscape][data-env~=is-compact][dir=rtl]>.PinturaNavMain svg{margin-left:0}.pintura :global .PinturaRoot[data-env~=narrow] .PinturaNavGroupFloat{position:static;margin:0}.pintura :global .PinturaRoot[data-env~=portrait][data-env~=is-compact]>.PinturaNavMain button{padding:0;font-size:.625em;width:4em;height:4em;justify-content:center;border-radius:9999em}.pintura :global .PinturaRoot[data-env~=portrait][data-env~=is-compact]>.PinturaNavMain button span{visibility:hidden;font-size:0;margin:0}.pintura :global .PinturaRoot[data-env~=portrait][data-env~=is-compact]>.PinturaNavMain button svg{margin-top:0;width:1.6em}.pintura :global .PinturaRoot[data-env~=portrait][data-env~=is-compact]>.PinturaNavMain button svg [stroke-width]{stroke-width:.15em}.pintura :global .PinturaRoot[data-env~=portrait][data-env~=narrow]{--nav-group-margin:0.25em;grid-template-rows:-webkit-min-content auto -webkit-min-content;grid-template-rows:min-content auto min-content;grid-template-columns:auto}.pintura :global .PinturaRoot[data-env~=portrait][data-env~=narrow]>*{grid-column:1}.pintura :global .PinturaRoot[data-env~=portrait][data-env~=narrow] .PinturaUtilFooter .PinturaControlList .PinturaControlListOption span,.pintura :global .PinturaRoot[data-env~=portrait][data-env~=narrow] .PinturaUtilFooter .PinturaControlList [role=tab] span{font-size:.6875em}.pintura :global .PinturaRoot[data-env~=portrait][data-env~=narrow] .PinturaToolbar .PinturaToolbarInner>*{margin:0 .25em}.pintura :global .PinturaRoot[data-env~=portrait][data-env~=narrow][data-env~=has-toolbar-preference-bottom]{grid-template-rows:auto -webkit-min-content -webkit-min-content;grid-template-rows:auto min-content min-content}.pintura :global .PinturaRoot[data-env~=overlay]{grid-template-rows:auto!important;grid-template-columns:auto!important}.pintura :global .PinturaRoot[data-env~=overlay] .PinturaNav{z-index:3}.pintura :global .PinturaRoot[data-env~=overlay] .PinturaMain{grid-row:1;grid-column:1}.pintura :global .PinturaRoot[data-env~=overlay] .PinturaUtilMain{position:absolute;left:0;top:0;right:0;bottom:0;padding:0;z-index:-1}.pintura :global .PinturaRoot[data-env~=overlay] .PinturaUtilFooter,.pintura :global .PinturaRoot[data-env~=overlay] .PinturaUtilHeader{position:absolute;left:0;right:0}.pintura :global .PinturaRoot[data-env~=overlay] .PinturaUtilHeader{top:0}.pintura :global .PinturaRoot[data-env~=overlay] .PinturaUtilFooter{bottom:0}.pintura :global .PinturaRoot[data-env~=overlay] .PinturaNavMain{position:absolute;right:0;top:0;bottom:0;background:none}.pintura :global .PinturaRoot[data-env~=overlay] .PinturaNavTools{position:absolute;left:0;top:0;right:0}.pintura :global .PinturaRoot[data-env~=overlay][data-env~=has-controlgroups-preference-top] .PinturaUtilFooter{top:0;bottom:auto}.pintura :global .PinturaRoot[data-env~=overlay][data-env~=has-toolbar-preference-bottom] .PinturaNavTools{top:auto;bottom:0}.pintura :global .PinturaRoot[data-env~=has-swipe-navigation] .PinturaUtilMain{padding-left:2em;padding-right:2em}.pintura :global .PinturaRoot[data-env~=has-swipe-navigation][data-env~=landscape] .PinturaUtilMain[data-env~=has-navigation]{padding-left:0;padding-right:2em}.pintura :global .PinturaRoot[data-env~=has-swipe-navigation][data-env~=landscape] .PinturaUtilMain[data-env~=has-navigation][data-env~=has-navigation-preference-right]{padding-left:2em;padding-right:0}.pintura :global .PinturaRoot[data-env*=is-disabled],.pintura :global .PinturaRoot[data-env*=is-disabled] *{pointer-events:none!important}.pintura :global .PinturaRoot[data-env*=is-disabled]{--color-primary:#b4b4b4;--color-primary-dark:#a0a0a0;--color-primary-text:#000;--color-secondary:#969696;--color-secondary-dark:#646464}.pintura :global .PinturaRoot[data-env*=is-disabled] .PinturaCanvas,.pintura :global .PinturaRoot[data-env*=is-disabled] .PinturaColorPickerButton{filter:grayscale(100%)}.pintura :global .PinturaRoot .PinturaEditorOverlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:3;background:var(--color-background-50);pointer-events:none}@media not all and (-webkit-min-device-pixel-ratio:0), not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none){.pintura :global .PinturaNav{will-change:transform}}}.pintura :global .PinturaUtilPanel[data-util=frame] .PinturaShapeStyleEditor{min-height:3.375em}.pintura :global .PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption{margin:1em 1em 0 0;padding:.125em;border:1px dashed var(--color-foreground-15);color:var(--color-foreground-70)}.pintura :global .PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption span{color:var(--color-foreground-90)}.pintura :global .PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption label{font-size:.75em}.pintura :global .PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption img,.pintura :global .PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption svg{position:absolute;left:0;top:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.pintura :global .PinturaUtilPanel[data-util=frame] [data-selected=true]{border-color:var(--color-primary);color:var(--color-primary)}.pintura :global .PinturaUtilPanel[data-util=frame] [data-selected=true] span{color:var(--color-foreground-90)}.pintura :global .PinturaUtilPanel[data-util=frame] [data-layout=row]>.PinturaRadioGroupOptions>li{margin:0 .5em}.pintura :global .PinturaUtilPanel[data-util=frame] [data-layout=row]>.PinturaRadioGroupOptions>li:first-child{margin-left:0}.pintura :global .PinturaUtilPanel[data-util=frame] [data-layout=row]>.PinturaRadioGroupOptions>li:last-child{margin-right:0}.pintura :global .PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOptionGroupLabel{width:1px;height:1px;position:absolute;font-size:0}.pintura :global .PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOptionGroup{display:flex;flex-direction:column-reverse}.pintura :global .PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption{cursor:var(--button-cursor);margin-bottom:1em}.pintura :global .PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption span{display:block;text-align:center;padding:0 1.5em;font-size:.625em;font-weight:400}.pintura :global .PinturaUtilPanel[data-util=frame] [data-focus-visible]+label>.PinturaRadioGroupOption span{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100);border-radius:.25em}.pintura :global .PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption{position:relative;width:3em;height:4em}.pintura :global .PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption div{position:absolute;outline-color:currentColor;border-color:currentColor;cursor:var(--button-cursor)}.pintura :global .PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption div[slot]{overflow:hidden;left:-1px;top:-1px;bottom:-1px;right:-1px;display:flex;align-items:center;justify-content:center}.pintura :global .PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=frame] .PinturaUtilFooter>div{padding:0}.pintura :global .PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption{width:2.25em;height:3em}.pintura :global .PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption span{font-size:.5em}.pintura :global .PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=frame] [data-layout=row]>.PinturaRadioGroupOptions>li{margin:0 .25em}.pintura :global .PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=frame] [data-layout=row]>.PinturaRadioGroupOptions>li:first-child{margin-left:0}.pintura :global .PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=frame] [data-layout=row]>.PinturaRadioGroupOptions>li:last-child{margin-right:0}.pintura :global .PinturaUtilPanel[data-util=filter] .PinturaUtilFooter{padding-left:0!important;padding-right:0!important}.pintura :global .PinturaUtilPanel[data-util=filter] .PinturaScrollable{width:40em}.pintura :global .PinturaUtilPanel[data-util=filter] [data-layout=row]>.PinturaRadioGroupOptions>li{margin:0 .5em}.pintura :global .PinturaUtilPanel[data-util=filter] [data-layout=row]>.PinturaRadioGroupOptions>li:first-child{margin-left:0}.pintura :global .PinturaUtilPanel[data-util=filter] [data-layout=row]>.PinturaRadioGroupOptions>li:last-child{margin-right:0}.pintura :global .PinturaUtilPanel[data-util=filter] .PinturaRadioGroupOptionGroupLabel{width:1px;height:1px;position:absolute;font-size:0;pointer-events:none}.pintura :global .PinturaUtilPanel[data-util=filter] .PinturaFilterPreview{border-radius:0;transition:border-radius 1ms}.pintura :global .PinturaUtilPanel[data-util=filter] .PinturaFilterOption{border-radius:0}.pintura :global .PinturaUtilPanel[data-util=filter] .PinturaRadioGroupOptions .PinturaRadioGroupOption:first-of-type .PinturaFilterPreview{border-top-left-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius)}.pintura :global .PinturaUtilPanel[data-util=filter] .PinturaRadioGroupOptions .PinturaRadioGroupOption:first-of-type .PinturaFilterOption{border-bottom-left-radius:var(--border-radius)}.pintura :global .PinturaUtilPanel[data-util=filter] .PinturaRadioGroupOptions .PinturaRadioGroupOption:last-of-type .PinturaFilterPreview{border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}.pintura :global .PinturaUtilPanel[data-util=filter] .PinturaRadioGroupOptions .PinturaRadioGroupOption:last-of-type .PinturaFilterOption{border-bottom-right-radius:var(--border-radius)}.pintura :global .PinturaUtilPanel[data-util=filter] .PinturaRadioGroupOptionGroup{display:flex;flex-direction:column-reverse}.pintura :global .PinturaUtilPanel[data-util=filter] .PinturaFilterOption{cursor:var(--button-cursor);margin-bottom:1em}.pintura :global .PinturaUtilPanel[data-util=filter] .PinturaFilterOption span{display:block;text-align:center;padding:0 .3125em;line-height:1.75;max-width:100%;font-size:.625em;font-weight:400;margin-left:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pintura :global .PinturaUtilPanel[data-util=filter] .PinturaFilterPreview:before{transition:background-color var(--transition-duration-10),color var(--transition-duration-10)}.pintura :global .PinturaUtilPanel[data-util=filter] [data-selected=true] .PinturaFilterOption .PinturaFilterPreview{position:relative;z-index:1}.pintura :global .PinturaUtilPanel[data-util=filter] [data-selected=true] .PinturaFilterOption .PinturaFilterPreview:before{content:"";position:absolute;width:100%;height:100%;opacity:.35;border-radius:inherit;background-color:var(--color-primary)}.pintura :global .PinturaUtilPanel[data-util=filter] [data-focus-visible]+label>.PinturaFilterOption span{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100);border-radius:.25em}.pintura :global .PinturaUtilPanel[data-util=filter] .PinturaFilterOption,.pintura :global .PinturaUtilPanel[data-util=filter] .PinturaFilterPreview{width:3.75em;height:4.5em}.pintura :global .PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=filter] .PinturaUtilFooter>div{padding:0}.pintura :global .PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=filter] .PinturaFilterOption,.pintura :global .PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=filter] .PinturaFilterPreview{width:2.875em;height:3.5em}.pintura :global .PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=filter] .PinturaFilterOption span{font-size:.5em}.pintura :global .PinturaUtilPanel[data-util=crop] .PinturaStage{touch-action:none}.pintura :global .PinturaUtilPanel[data-util=crop],.pintura :global .PinturaUtilPanel[data-util=crop] .PinturaStage,.pintura :global .PinturaUtilPanel[data-util=crop] .PinturaUtilMain{pointer-events:all}.pintura :global .PinturaUtilPanel[data-util=crop] .PinturaImageInfo{position:absolute;right:1em;bottom:1em}.pintura :global .PinturaUtilPanel[data-util=crop] .PinturaButtonCenter{--size:3em;position:absolute;left:0;top:0;width:var(--size);height:var(--size);z-index:1;line-height:0;margin-top:calc(var(--size) * (-.5));margin-left:calc(var(--size) * (-.5));overflow:hidden;border-radius:50%;color:#000;background:hsla(0,0%,100%,.8);-webkit-backdrop-filter:var(--backdrop-filter-bright);backdrop-filter:var(--backdrop-filter-bright);outline:none}.pintura :global .PinturaUtilPanel[data-util=crop] .PinturaButtonCenter[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.pintura :global .PinturaRoot[data-env~=short] .PinturaUtilPanel[data-util=crop] .PinturaUtilFooter{padding-bottom:.5em}.pintura :global .PinturaUtilPanel[data-util=resize] form{display:flex;justify-content:center;padding:0 1em}.pintura :global .PinturaUtilPanel[data-util=resize] .PinturaFormInner{position:relative;display:flex;justify-content:center;align-items:center}.pintura :global .PinturaUtilPanel[data-util=resize] .PinturaFormInner>button{position:absolute;left:100%;margin-left:1em}.pintura :global .PinturaUtilPanel[data-util=resize] .PinturaFieldsetInner{display:inline-flex;align-items:center;justify-content:center}.pintura :global .PinturaUtilPanel[data-util=resize] .PinturaFieldsetInner>*{margin:.25em}.pintura :global .PinturaUtilPanel[data-util=resize] .PinturaResizeLabel{font-size:.75em}.pintura :global .PinturaUtilPanel[data-util=resize] .PinturaDropdownButton{margin-left:.5em;margin-right:.5em;background-color:var(--color-foreground-5);border-radius:var(--border-radius-round);box-shadow:inset 0 0 0 1px var(--color-foreground-5);transition:background-color var(--transition-duration-10)}.pintura :global .PinturaUtilPanel[data-util=resize] .PinturaDropdownButton:hover{background-color:var(--color-foreground-10)}.pintura :global .PinturaUtilPanel[data-util=resize] .PinturaDropdownButton .PinturaButtonLabel{display:block;line-height:2.65;padding:0 1em;font-variant-numeric:tabular-nums;font-size:.75em;font-weight:400}.pintura :global .PinturaUtilPanel[data-util=resize] .PinturaDropdownButton .PinturaButtonLabel:after{content:"▼";font-size:.6875em;margin-left:.75em;position:relative;top:-.125em;margin-right:-.25em;pointer-events:none}.pintura :global .PinturaUtilPanel[data-util=resize] input[type=checkbox]+label{padding:0 .125em;margin:0 -.25em;outline:transparent;display:block;cursor:pointer}.pintura :global .PinturaUtilPanel[data-util=resize] input[type=checkbox][data-focus-visible]+label{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.pintura :global .PinturaInputDimension{display:inline-flex;align-items:center;position:relative}.pintura :global .PinturaInputDimension label{position:absolute;right:.625em;font-size:.75em;text-transform:uppercase;pointer-events:none;color:var(--color-foreground-80);z-index:1}.pintura :global .PinturaInputDimension button,.pintura :global .PinturaInputDimension input,.pintura :global .PinturaInputDimension label{font-size:.75em;font-weight:400}.pintura :global .PinturaInputDimension button,.pintura :global .PinturaInputDimension input{-webkit-appearance:none;appearance:none;-moz-appearance:textfield;box-sizing:border-box;font-variant-numeric:tabular-nums;padding:.625em 0 .625em .625em;width:100%;max-width:7em;outline:transparent;border-radius:var(--border-radius);box-shadow:none;border:1px solid var(--color-foreground-80);transition:background-color var(--transition-duration-10) ease-in-out,color var(--transition-duration-10) ease-in-out,border-color var(--transition-duration-10) ease-in-out}.pintura :global .PinturaInputDimension button::-moz-selection,.pintura :global .PinturaInputDimension input::-moz-selection{background-color:var(--color-foreground-20)}.pintura :global .PinturaInputDimension button::selection,.pintura :global .PinturaInputDimension input::selection{background-color:var(--color-foreground-20)}.pintura :global .PinturaInputDimension button:hover,.pintura :global .PinturaInputDimension input:hover{background-color:var(--color-foreground-10)}.pintura :global .PinturaInputDimension button:focus,.pintura :global .PinturaInputDimension input:focus{border-color:var(--color-focus-100)}.pintura :global .PinturaInputDimension input{background-color:var(--color-foreground-5)}.pintura :global .PinturaInputDimension input:-moz-placeholder-shown+label{color:var(--color-foreground-20)}.pintura :global .PinturaInputDimension input:-ms-input-placeholder+label{color:var(--color-foreground-20)}.pintura :global .PinturaInputDimension input:placeholder-shown+label{color:var(--color-foreground-20)}.pintura :global .PinturaInputDimension input::-moz-placeholder{color:var(--color-foreground-30)}.pintura :global .PinturaInputDimension input:-ms-input-placeholder{color:var(--color-foreground-30)}.pintura :global .PinturaInputDimension input::placeholder{color:var(--color-foreground-30)}.pintura :global .PinturaInputDimension input[data-state=invalid]{border-color:var(--color-error-75);box-shadow:inset 0 0 .25em var(--color-error-25),0 0 .25em var(--color-error-50)}.pintura :global .PinturaInputDimension button{width:10em;min-height:2.65em}.pintura :global .PinturaInputDimension input::-webkit-inner-spin-button,.pintura :global .PinturaInputDimension input::-webkit-outer-spin-button{-webkit-appearance:none}.pintura :global .PinturaInputDimension input::-ms-clear{display:none}.pintura :global .PinturaRoot[dir=rtl] .PinturaInputDimension label{left:.625em;right:auto}.pintura :global .PinturaRoot[dir=rtl] .PinturaInputDimension input{padding-right:.625em;padding-left:0;text-align:right}.pintura :global .PinturaUtilPanel[data-util=fill] [data-layout=row]>.PinturaRadioGroupOptions>li{margin:0 .25em}.pintura :global .PinturaUtilPanel[data-util=fill] [data-layout=row]>.PinturaRadioGroupOptions>li:first-child{margin-left:0}.pintura :global .PinturaUtilPanel[data-util=fill] [data-layout=row]>.PinturaRadioGroupOptions>li:last-child{margin-right:0}.pintura :global .PinturaUtilPanel[data-util=fill] .PinturaRadioGroupOption{position:relative;width:3em;height:4em}.pintura :global .PinturaUtilPanel[data-util=fill] .PinturaFillTile{position:absolute;width:100%;height:100%}.pintura :global .PinturaUtilPanel[data-util=fill] .PinturaFillTile[data-transparent=true]{background-color:#fff;background-image:var(--pattern-transparent);border-radius:calc(var(--border-radius) + 1px)}.pintura :global .PinturaUtilPanel[data-util=fill] .PinturaFillTile div,.pintura :global .PinturaUtilPanel[data-util=fill] .PinturaFillTile img{cursor:var(--button-cursor);position:absolute;left:0;top:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:var(--border-radius)}.pintura :global .PinturaUtilPanel[data-util=fill] .PinturaFillTile:after{content:"";z-index:3;position:absolute;left:0;top:0;width:100%;height:100%;box-shadow:inset 0 0 0 1px var(--color-foreground-5);border-radius:var(--border-radius);pointer-events:none}.pintura :global .PinturaUtilPanel[data-util=fill] .PinturaRadioGroupOption[data-selected=true] .PinturaFillTile:after{box-shadow:inset 0 0 0 1px var(--color-foreground-5),inset 0 0 0 4px var(--color-primary),inset 0 0 0 5px var(--color-foreground-5)}.pintura :global .PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=fill] .PinturaUtilFooter>div{padding:0}.pintura :global .PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=fill] .PinturaRadioGroupOption{width:2.25em;height:3em}.pintura :global .PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=fill] .PinturaRadioGroupOption span{font-size:.5em}.pintura :global .PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=fill] [data-layout=row]>.PinturaRadioGroupOptions>li{margin:0 .175em}.pintura :global .PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=fill] [data-layout=row]>.PinturaRadioGroupOptions>li:first-child{margin-left:0}.pintura :global .PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=fill] [data-layout=row]>.PinturaRadioGroupOptions>li:last-child{margin-right:0}.pintura :global .PinturaModal{--safe-area-inset-top:env(safe-area-inset-top);--safe-area-inset-bottom:env(safe-area-inset-bottom);--editor-modal-border-radius:0;--editor-modal-overlay-opacity:0.95;--editor-modal-shadow:0 1em 2em -1em rgba(0,0,0,0.25),0 1.5em 1.5em -2em rgba(0,0,0,0.5);--editor-modal-outline:inset 0 0 0 1px var(--color-foreground-3);position:fixed;left:0;top:0;width:100%;height:100vh;z-index:2147483646;display:flex;justify-content:center;align-items:center;background-color:rgba(var(--color-background),var(--editor-modal-overlay-opacity,var(--editor-modal-overlay-opacity-default,.95)))}.pintura :global .PinturaModal>.PinturaRoot[data-env~=is-centered]{box-shadow:var(--editor-modal-shadow);border-radius:var(--editor-modal-border-radius)}.pintura :global .PinturaModal>.PinturaRoot[data-env~=is-centered]:after{position:absolute;left:0;top:0;bottom:0;right:0;pointer-events:none;border-radius:inherit;content:"";box-shadow:var(--editor-modal-outline);z-index:2147483646}.pintura :global .PinturaModal[style*="--viewport-pad-footer:1"]{box-sizing:border-box;padding-bottom:env(safe-area-inset-bottom)}.pintura :global .PinturaModal+.PinturaModal{--editor-modal-overlay-opacity-default:0.75}@media(min-width:600px) and (min-height:600px){.pintura :global .PinturaModal+.PinturaModal .PinturaRoot{--editor-max-width-default:calc(100vw - 8em);--editor-max-height-default:calc(100vh - 8em)}}.pintura :global .PinturaDocumentLock,.pintura :global .PinturaDocumentLock body{height:calc(var(--pintura-document-height) - 1px);overflow-y:hidden;box-sizing:border-box}.pintura :global .PinturaDocumentLock body{position:relative}.pintura :global .PinturaDocumentLock .PinturaModal{height:100%!important}.pintura :global .PinturaTabPanels{flex:1;display:grid;grid-template-columns:1fr}.pintura :global .PinturaTabPanel{position:relative;grid-row-start:1;grid-column-start:1;min-width:0}.pintura :global .PinturaTabPanel:not([hidden]){z-index:2;outline:transparent}.pintura :global .PinturaTabPanel[hidden]{display:block!important;z-index:1;pointer-events:none}.pintura :global .PinturaTabPanel[data-inert=true]{visibility:hidden}@supports not (aspect-ratio:1){.pintura :global .PinturaTabPanel{overflow-x:hidden}}.pintura :global .PinturaScrollable{--scrollable-feather-start-opacity:0;--scrollable-feather-end-opacity:0;--scrollable-feather-size:2em;contain:paint;overflow:hidden}.pintura :global .PinturaScrollable:focus{outline:transparent}.pintura :global .PinturaScrollable>div{position:relative;display:inline-flex;vertical-align:top}.pintura :global .PinturaScrollable{touch-action:none}.pintura :global .PinturaScrollable[data-direction=x]{max-width:100%;--mask-angle:90deg}.pintura :global .PinturaScrollable[data-direction=y]{max-height:100%;--mask-angle:180deg}.pintura :global .PinturaScrollable[data-state~=overflows]{-webkit-mask:linear-gradient(var(--mask-angle),rgba(0,0,0,var(--scrollable-feather-start-opacity)),#000 var(--scrollable-feather-size),#000 calc(100% - var(--scrollable-feather-size)),rgba(0,0,0,var(--scrollable-feather-end-opacity)));mask:linear-gradient(var(--mask-angle),rgba(0,0,0,var(--scrollable-feather-start-opacity)),#000 var(--scrollable-feather-size),#000 calc(100% - var(--scrollable-feather-size)),rgba(0,0,0,var(--scrollable-feather-end-opacity)))}.pintura :global .PinturaScrollable[data-state~=scrolling]>div *{pointer-events:none}.pintura :global .PinturaTabList{display:flex;justify-content:center}.pintura :global .PinturaTabList button{display:flex;align-items:center;flex-direction:column;outline:transparent;cursor:var(--button-cursor);-webkit-tap-highlight-color:transparent}.pintura :global .PinturaTabList button>*{transition:filter var(--transition-duration-10) ease-out}.pintura :global .PinturaTabList button[disabled]>*{filter:var(--filter-disabled)}.pintura :global .PinturaUtilPanel{position:relative;z-index:1;height:100%;display:flex;flex:1;flex-direction:column;contain:layout size;box-sizing:border-box}.pintura :global .PinturaUtilPanel,.pintura :global .PinturaUtilPanel>*{padding-top:.5em;padding-bottom:.5em}.pintura :global .PinturaButton{white-space:nowrap;flex-shrink:0;-webkit-tap-highlight-color:transparent;cursor:var(--button-cursor)}.pintura :global .PinturaButton>span{display:inline-flex;align-items:center;vertical-align:top;min-height:1em}.pintura :global .PinturaButton svg+.PinturaButtonLabel{margin-left:.5em}.pintura :global .PinturaButton[disabled]{cursor:default;filter:var(--filter-disabled)}.pintura :global .PinturaButtonInner{text-decoration:inherit}.pintura :global .PinturaButton:not(.PinturaButtonIconOnly) svg:first-of-type{margin-left:-.25em}.pintura :global .PinturaRoot[dir=rtl] .PinturaButton:not(.PinturaButtonIconOnly) svg:first-of-type{margin-right:-.25em}.pintura :global .PinturaRoot[dir=rtl] .PinturaButton svg+.PinturaButtonLabel{margin-left:0;margin-right:1em}.pintura :global .PinturaProgressIndicator{position:relative;display:block;width:1.25em;height:1.25em}.pintura :global .PinturaProgressIndicator svg{pointer-events:none;vertical-align:top}.pintura :global .PinturaProgressIndicator .PinturaProgressIndicatorFill{stroke-dashoffset:0}.pintura :global .PinturaProgressIndicator[data-status=busy] svg :local{-webkit-animation:image_editor_spin 1s linear infinite;animation:image_editor_spin 1s linear infinite}.pintura :global .PinturaProgressIndicator[data-status=busy] .PinturaProgressIndicatorFill{stroke-dashoffset:-26.5;stroke-dasharray:26.5 53;transition:stroke-dashoffset .5s linear,stroke-dasharray .5s linear}@-webkit-keyframes image_editor_spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes image_editor_spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media only screen and (-webkit-min-device-pixel-ratio:3){.pintura :global .PinturaRoot[data-env~=is-ios] .PinturaProgressIndicator svg{transform-origin:49% 49%}}.pintura :global .PinturaUtilMain{padding-left:1em;padding-right:1em;min-height:1px;touch-action:none}.pintura :global .PinturaUtilMain,.pintura :global .PinturaUtilMain>[slot]{flex:1;display:flex;flex-direction:column}.pintura :global .PinturaUtilMain>[slot]{align-items:center}.pintura :global .PinturaUtilFooter>[slot]:empty{min-height:1em}.pintura :global .PinturaUtilFooter>[slot]{display:flex;flex-direction:column;align-items:center;justify-content:stretch;pointer-events:all}.pintura :global .PinturaUtilFooter .PinturaControlPanel .PinturaImageButtonList,.pintura :global .PinturaUtilFooter .PinturaShapeStyleList{min-height:3.5em;align-items:flex-start}.pintura :global .PinturaUtilFooter .PinturaControlList [role=tab][aria-selected=true] button{background-color:var(--color-foreground-10);box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.pintura :global .PinturaUtilFooter .PinturaControlList .PinturaControlListOption label,.pintura :global .PinturaUtilFooter .PinturaControlList [role=tab] button{flex-direction:row;line-height:1;padding:0 .75em;min-height:1.75em;white-space:nowrap;border-radius:var(--border-radius-round);transition:background-color var(--transition-duration-10) ease-out,color var(--transition-duration-10) ease-out,filter var(--transition-duration-25) ease-out;box-shadow:inset 0 0 0 1px var(--color-foreground-0);cursor:var(--button-cursor)}.pintura :global .PinturaUtilFooter .PinturaControlList .PinturaControlListOption label span,.pintura :global .PinturaUtilFooter .PinturaControlList [role=tab] button span{font-size:.75em;font-weight:400}.pintura :global .PinturaUtilFooter .PinturaControlList .PinturaControlListOption label svg,.pintura :global .PinturaUtilFooter .PinturaControlList [role=tab] button svg{width:.875em;font-size:.875em}.pintura :global .PinturaUtilFooter .PinturaControlList .PinturaControlListOption label svg:only-child,.pintura :global .PinturaUtilFooter .PinturaControlList [role=tab] button svg:only-child{margin-left:-.25em;margin-right:-.25em}.pintura :global .PinturaUtilFooter .PinturaControlList .PinturaControlListOption label svg:not(:only-child),.pintura :global .PinturaUtilFooter .PinturaControlList [role=tab] button svg:not(:only-child){margin-left:-.25em;margin-right:.375em}.pintura :global .PinturaUtilFooter .PinturaControlList .PinturaControlListOption label:hover,.pintura :global .PinturaUtilFooter .PinturaControlList [role=tab] button:hover{box-shadow:inset 0 0 0 1px var(--color-foreground-10)}.pintura :global .PinturaUtilFooter .PinturaControlList .PinturaControlListOption label[data-focus-visible],.pintura :global .PinturaUtilFooter .PinturaControlList [role=tab] button[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.pintura :global .PinturaUtilFooter .PinturaControlListOption [slot],.pintura :global .PinturaUtilFooter .PinturaControlListOption label{display:flex;flex-direction:row;align-items:center}.pintura :global .PinturaUtilFooter .PinturaControlListOption[data-selected=true] label{background-color:var(--color-foreground-10);box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.pintura :global .PinturaUtilFooter .PinturaControlListOption input[data-focus-visible]+label{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.pintura :global .PinturaUtilFooter .PinturaControlListOption input[disabled]+label{filter:var(--filter-disabled)}.pintura :global .PinturaUtilFooter .PinturaControlList .PinturaControlListOption+.PinturaControlListOption,.pintura :global .PinturaUtilFooter .PinturaControlList>li+li{margin-left:.5em}.pintura :global .PinturaUtilFooter .PinturaControlPanels{display:grid;grid-template-columns:1fr;width:40em;max-width:100%;margin:0 auto;flex:auto}.pintura :global .PinturaUtilFooter .PinturaControlPanel{grid-row-start:1;grid-column-start:1;max-width:100%;overflow:hidden;visibility:visible;opacity:1}.pintura :global .PinturaUtilFooter .PinturaControlPanel[hidden]{display:block!important;visibility:hidden;transition-delay:0s;pointer-events:none;opacity:0}.pintura :global .PinturaUtilFooter .PinturaControlList[data-layout=compact]>*+*{margin-left:-1px}.pintura :global .PinturaUtilFooter .PinturaControlList[data-layout=compact]>[role=tab] button{padding-left:.625em;padding-right:.625em;border-radius:0;box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.pintura :global .PinturaUtilFooter .PinturaControlList[data-layout=compact]>[role=tab]:only-child button{border-radius:var(--border-radius-round)}.pintura :global .PinturaUtilFooter .PinturaControlList[data-layout=compact]>[role=tab]:first-child:not(:only-child) button{padding-left:.75em;border-top-left-radius:var(--border-radius-round);border-bottom-left-radius:var(--border-radius-round)}.pintura :global .PinturaUtilFooter .PinturaControlList[data-layout=compact]>[role=tab]:last-child:not(:only-child) button{padding-right:.75em;border-top-right-radius:var(--border-radius-round);border-bottom-right-radius:var(--border-radius-round)}@supports not (aspect-ratio:1){.pintura :global .PinturaControlPanel{overflow-x:hidden}}.pintura :global .PinturaRoot[data-env~=is-animated] .PinturaUtilFooter .PinturaControlPanel{transition:opacity var(--transition-duration-25) ease-in-out,visibility var(--transition-duration-25) linear;transition-delay:.1s}.pintura :global .PinturaRoot[data-env~=has-controlgroups-preference-top] .PinturaUtilHeader{order:1}.pintura :global .PinturaRoot[data-env~=has-controlgroups-preference-top] .PinturaUtilFooter{order:2}.pintura :global .PinturaRoot[data-env~=has-controlgroups-preference-top] .PinturaUtilMain{order:3}.pintura :global .PinturaRoot[data-env~=has-controltabs-preference-bottom] .PinturaUtilFooter .PinturaControlPanels{order:-1}.pintura :global .PinturaRoot[data-env~=has-controltabs-preference-bottom] .PinturaUtilFooter .PinturaRangeInput .PinturaRangeInputReset{top:0;bottom:auto}.pintura :global .PinturaRoot[data-env~=has-controltabs-preference-bottom] .PinturaUtilFooter .PinturaControlPanel .PinturaShapePresetsGrouped{padding-bottom:.75em}.pintura :global .PinturaRoot[data-env~=has-controltabs-preference-top] .PinturaUtilFooter .PinturaControlPanels{order:1}.pintura :global .PinturaRoot[data-env~=has-controltabs-preference-top] .PinturaUtilFooter .PinturaRangeInput .PinturaRangeInputReset{top:auto;bottom:0}.pintura :global .PinturaRoot[data-env~=has-controltabs-preference-top] .PinturaUtilFooter .PinturaControlPanel .PinturaShapePresetsGrouped{padding-top:.75em}.pintura :global .PinturaRoot[data-env~=has-controltabs-preference-top] .PinturaUtilFooter .PinturaControlPanel .PinturaImageButtonList,.pintura :global .PinturaRoot[data-env~=has-controltabs-preference-top] .PinturaUtilFooter .PinturaShapeStyleList{align-items:flex-end}.pintura :global .PinturaRoot[data-env~=has-controltabs-preference-top] .PinturaUtilFooter .PinturaShapeStyleLabel{order:1}.pintura :global .PinturaRoot[data-env~=overlay] .PinturaUtilFooter{margin:.75em 0}.pintura :global .PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlPanels{max-width:24em}.pintura :global .PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList{margin-top:1em}.pintura :global .PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList>li+li{margin-left:0}.pintura :global .PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList li[role=tab] span{font-size:.75em}.pintura :global .PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList li[role=tab] button{border-radius:0;background-color:var(--color-background-50);-webkit-backdrop-filter:var(--backdrop-filter-bright);backdrop-filter:var(--backdrop-filter-bright);box-shadow:inset 0 0 0 1px var(--color-background-15),0 .0625em .125em rgba(0,0,0,.25),0 .125em .35em rgba(0,0,0,.35)}.pintura :global .PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList li[role=tab]:first-child button{padding-left:.875em;border-top-left-radius:var(--border-radius-round);border-bottom-left-radius:var(--border-radius-round)}.pintura :global .PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList li[role=tab]:last-child button{padding-right:.875em;border-top-right-radius:var(--border-radius-round);border-bottom-right-radius:var(--border-radius-round)}.pintura :global .PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList li:not([aria-selected=true]) span{color:var(--color-foreground-40)}.pintura :global .PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlPanels{background-color:var(--color-background-50);-webkit-backdrop-filter:var(--backdrop-filter-bright);backdrop-filter:var(--backdrop-filter-bright);border-radius:var(--border-radius-round);box-shadow:inset 0 0 0 1px var(--color-background-15),0 .0625em .125em rgba(0,0,0,.25),0 .125em .35em rgba(0,0,0,.35)}.pintura :global .PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaRangeInput{height:1.5em;margin-top:0}.pintura :global .PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaRangeInputReset{opacity:0}.pintura :global .PinturaRoot[dir=rtl] .PinturaUtilFooter .PinturaControlListOption [slot],.pintura :global .PinturaRoot[dir=rtl] .PinturaUtilFooter .PinturaControlListOption label{flex-direction:row-reverse}.pintura :global .PinturaRoot[dir=rtl] .PinturaUtilFooter .PinturaControlList .PinturaControlListOption label svg:not(:only-child),.pintura :global .PinturaRoot[dir=rtl] .PinturaUtilFooter .PinturaControlList [role=tab] button svg:not(:only-child){margin-right:-.25em;margin-left:.375em}.pintura :global .PinturaInputForm{opacity:0;cursor:auto;z-index:2147483647;--width:30em}.pintura :global .PinturaInputForm:not([data-stick=true]){position:absolute;bottom:7.5em;width:var(--width);left:calc(50% - var(--width) / 2);box-shadow:0 .25em .5em -.5em rgba(0,0,0,.75),inset 0 0 0 1px var(--color-foreground-5);border-radius:var(--border-radius);background-color:var(--color-background-95)}@media(max-width:34em){.pintura :global .PinturaInputForm:not([data-stick=true]){left:2em;right:2em;width:auto}}.pintura :global .PinturaInputForm[data-stick=true]{transition:opacity .15s ease .25s;position:absolute;left:0;right:0;outline:1px solid var(--color-foreground-15);background-color:var(--color-background-100)}.pintura :global .PinturaInputForm[data-stick=true]>.PinturaInputFormInner{background-color:var(--color-foreground-3)}.pintura :global .PinturaInputFormInner>.PinturaButton{color:var(--color-foreground-100);border-radius:9999em;box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.pintura :global .PinturaInputFormInner>.PinturaButton:first-of-type{left:1em}.pintura :global .PinturaInputFormInner>.PinturaButton:last-of-type{right:1rem;color:var(--color-primary-text);background:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.pintura :global .PinturaInputFormInner>.PinturaButton:not(.PinturaButtonIconOnly) .PinturaButtonInner{padding:0 .875em}.pintura :global .PinturaInputFormInner>.PinturaButton .PinturaButtonIcon{width:.875em;height:.875em}.pintura :global .PinturaInputFormInner>.PinturaButton.PinturaButtonIconOnly{width:1.875em;height:1.875em}.pintura :global .PinturaInputFormInner>.PinturaButton .PinturaButtonLabel{font-size:.75em}.pintura :global .PinturaInputFormInner>.PinturaButton .PinturaButtonInner{line-height:2;display:flex;justify-content:center}.pintura :global .PinturaInputFormInner{padding-top:1em;padding-bottom:3.5em}.pintura :global .PinturaInputFormInner>.PinturaButton{position:absolute;bottom:1em}.pintura :global .PinturaInputFormFields textarea:only-child{height:5em;-webkit-mask:linear-gradient(0deg,transparent,#000 1em);mask:linear-gradient(0deg,transparent,#000 1em)}.pintura :global .PinturaInputFormFields textarea:only-child::-webkit-scrollbar{width:1em;cursor:pointer}.pintura :global .PinturaInputFormFields textarea:only-child::-webkit-scrollbar-track{background:none}.pintura :global .PinturaInputFormFields textarea:only-child::-webkit-scrollbar-thumb{cursor:pointer;background-clip:padding-box;background-color:var(--color-foreground-70);border-radius:9999em;border:.25em solid transparent}.pintura :global .PinturaInputFormFields input:only-child,.pintura :global .PinturaInputFormFields textarea:only-child{width:100%;padding:0 1em .5em;display:block;background:transparent}.pintura :global .PinturaInputForm input,.pintura :global .PinturaInputForm textarea{box-sizing:border-box;resize:none;border:none;font-size:.875em;outline:transparent;color:var(--color-foreground-100)}.pintura :global .PinturaInputForm input{background-color:var(--color-background-100)}.pintura :global .PinturaModalBodyLock .PinturaInputForm{margin-top:-50px}.pintura :global .PinturaInputForm[data-layout=row]{--width:30em;width:var(--width);max-width:calc(100% - 2em);border-radius:9999em}.pintura :global .PinturaInputForm[data-layout=row] .PinturaInputFormFields{flex:1}.pintura :global .PinturaInputForm[data-layout=row] .PinturaInputFormInner{display:flex;padding:.5em}.pintura :global .PinturaInputForm[data-layout=row] .PinturaInputFormInner input{padding:0 .5em;line-height:1.75;font-size:.8125em;flex:1}.pintura :global .PinturaInputForm[data-layout=row] .PinturaInputFormInner .PinturaButton:first-child{margin-right:0}.pintura :global .PinturaInputForm[data-layout=row] .PinturaInputFormInner .PinturaButton{position:static}.pintura :global .PinturaInputForm[data-layout=row] .PinturaInputFormInner .PinturaButtonIconOnly{width:1.5em;height:1.5em}.pintura :global .PinturaInputForm[data-layout=row] .PinturaInputFormInner .PinturaButtonLabel{font-size:.625em}.pintura :global .PinturaRadioGroup .PinturaRadioGroupOptions{display:flex;flex-direction:column}.pintura :global .PinturaRadioGroup .PinturaRadioGroupOptionGroup+.PinturaRadioGroupOptionGroup{margin-top:.5em}.pintura :global .PinturaRadioGroup .PinturaRadioGroupOption[data-hidden=true]{display:none}.pintura :global .PinturaRadioGroup[data-layout=row] .PinturaRadioGroupOptions{flex-direction:row}.pintura :global .PinturaRadioGroup label{-webkit-tap-highlight-color:transparent}.pintura :global .PinturaRangeInput{position:relative;display:flex;flex-direction:column;align-items:center;margin:auto;height:3.5em;max-width:24em;width:calc(100% - 2em);touch-action:none;--range-input-feather-left:2em;--range-input-feather-right:2em;--range-input-mask-from:0%;--range-input-mask-to:100%;--range-input-mask-color:rgba(0,0,0,0.25);--range-input-line-color:var(--color-foreground-15);outline:transparent}.pintura :global .PinturaRangeInput[data-focus-visible]:after{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100);content:"";position:absolute;left:0;right:0;top:calc(50% - 1em);height:2em;border-radius:.25em}.pintura :global .PinturaRangeInputInner{position:relative;overflow:hidden;height:100%;width:100%;contain:strict;-webkit-mask:linear-gradient(90deg,transparent 0,#000 var(--range-input-feather-left),#000 calc(50% - 3em),transparent 50%,#000 calc(50% + 3em),#000 calc(100% - var(--range-input-feather-right)),transparent);mask:linear-gradient(90deg,transparent 0,#000 var(--range-input-feather-left),#000 calc(50% - 3em),transparent 50%,#000 calc(50% + 3em),#000 calc(100% - var(--range-input-feather-right)),transparent)}.pintura :global .PinturaRangeInputMeter{height:100%}.pintura :global .PinturaRangeInput .PinturaRangeInputMeter svg{display:block;pointer-events:none;fill:currentColor}.pintura :global .PinturaRangeInput>.PinturaRangeInputValue{position:absolute;z-index:1;pointer-events:none;top:calc(50% - .6875em);left:calc(50% - 1.75em);width:3.5em;height:1.5em;overflow:hidden;contain:strict;text-align:center;font-size:.75em;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";font-family:Tahoma,Geneva,Verdana,sans-serif}.pintura :global .PinturaRangeInput>.PinturaRangeInputReset{position:absolute;left:calc(50% - 1.0625em);top:0;margin-top:.125em;padding:0;z-index:1;width:2em;overflow:hidden;color:transparent!important;transition:opacity var(--transition-duration-25);opacity:.35;outline:transparent;cursor:var(--button-cursor)}.pintura :global .PinturaRangeInput>.PinturaRangeInputReset:hover{opacity:.5}.pintura :global .PinturaRangeInput>.PinturaRangeInputReset[data-focus-visible]{opacity:1}.pintura :global .PinturaRangeInput>.PinturaRangeInputReset[data-focus-visible]:before{content:"";pointer-events:none;position:absolute;left:calc(50% - .5em);top:calc(50% - .5em);height:1em;width:1em;z-index:2;border-radius:.25em;background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.pintura :global .PinturaRangeInput>.PinturaRangeInputReset[disabled]{opacity:.15}.pintura :global .PinturaRangeInput>.PinturaRangeInputReset:after{content:"";position:absolute;left:50%;top:20%;width:1px;height:60%;background:var(--color-foreground-100)}.pintura :global .PinturaRangeInputInner[data-value-limited] svg{-webkit-mask:linear-gradient(90deg,var(--range-input-mask-color) var(--range-mask-from),#000 var(--range-mask-from),#000 var(--range-mask-to),var(--range-input-mask-color) var(--range-mask-to));mask:linear-gradient(90deg,var(--range-input-mask-color) var(--range-mask-from),#000 var(--range-mask-from),#000 var(--range-mask-to),var(--range-input-mask-color) var(--range-mask-to))}.pintura :global .PinturaRangeInputInner[data-value-limited] svg rect{x:var(--range-mask-from);width:calc(var(--range-mask-to) - var(--range-mask-from));fill:var(--range-input-line-color)}.pintura :global .PinturaPresetListFilter .PinturaRadioGroupOptions{justify-content:space-evenly;padding:.625em 0 .3125em}.pintura :global .PinturaPresetListFilter .PinturaRadioGroupOptions label{display:block;cursor:pointer}.pintura :global .PinturaPresetListFilter+.PinturaOptionsList{border-top-left-radius:0;border-top-right-radius:0}.pintura :global .PinturaImageInfo{pointer-events:none}.pintura :global .PinturaImageInfo p{width:8em;height:1.25em;contain:strict;overflow:hidden;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";font-family:Tahoma,Geneva,Verdana,sans-serif;text-align:right;line-height:1;font-size:.75em}.pintura :global .PinturaShapeStyleEditor{position:relative;display:grid;grid-template-columns:1fr}.pintura :global .PinturaShapeStyleEditor>div{grid-row-start:1;grid-column-start:1;max-width:100%;overflow:hidden;display:flex;justify-content:center;align-items:center}.pintura :global .PinturaShapeStyleEditorOverflow>div{overflow:visible;justify-content:flex-start}.pintura :global .PinturaShapeStyleEditorOverflow .PinturaShapeStyleList{min-height:auto;margin-left:1em}.pintura :global .PinturaShapeStyleEditorOverflow .PinturaShapeStyle{--control-height:1.75em}.pintura :global .PinturaShapeStyles{position:relative}.pintura :global .PinturaShapeStyles:not([data-state~=overflows]){display:flex;justify-content:center}.pintura :global .PinturaShapeStyleList{display:flex}.pintura :global .PinturaShapeStyleList .PinturaButton,.pintura :global .PinturaShapeStyleList .PinturaInput{outline:transparent}.pintura :global .PinturaShapeStyleList .PinturaInput{padding:0 0 0 .625em;font-size:.75em;line-height:2.25}.pintura :global .PinturaShapeStyleList .PinturaShapeStyleLabel{line-height:1.75;font-size:.625em;font-weight:300;padding:0 .75em;text-transform:lowercase;pointer-events:none;text-align:center;color:var(--color-foreground-50);white-space:nowrap}.pintura :global .PinturaShapeStyleList>.PinturaShapeStyle{border-radius:var(--border-radius-round)}.pintura :global .PinturaShapeStyleList>.PinturaShapeStyle+.PinturaShapeStyle{margin-left:1em}.pintura :global .PinturaShapeStyle{display:flex;flex-direction:column;align-items:stretch;--control-height:1.5em}.pintura :global .PinturaShapeStyle .PinturaPanelButton{border-radius:inherit}.pintura :global .PinturaShapeStyle>.PinturaButton:hover,.pintura :global .PinturaShapeStyle>.PinturaButton[data-focus-visible]{position:relative;z-index:1}.pintura :global .PinturaShapeStyle>.PinturaColorPickerButton .PinturaButtonLabel{display:block;border-radius:inherit}.pintura :global .PinturaShapeStyle>.PinturaColorPickerButton{display:flex;justify-content:center}.pintura :global .PinturaShapeStyle .PinturaColorPreview{border-radius:inherit;width:1.5em;height:1.5em;background-color:#fff;background-size:4px}.pintura :global .PinturaShapeStyle .PinturaColorPreview span{border-radius:inherit;box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.pintura :global .PinturaShapeStyle [data-focus-visible] .PinturaColorPreview span:before{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100);content:"";z-index:1}.pintura :global .PinturaShapeStyle>.PinturaColorPickerButtonStroke .PinturaColorPreview{-webkit-mask:radial-gradient(circle,transparent 5.5px,#000 6px);mask:radial-gradient(circle,transparent 5.5px,#000 6px);-webkit-mask-size:cover;mask-size:cover}.pintura :global .PinturaShapeStyle>.PinturaColorPickerButtonStroke .PinturaColorPreview span:after{position:absolute;left:6px;top:6px;right:6px;bottom:6px;border-radius:inherit;box-shadow:0 0 0 1px var(--color-foreground-5);content:""}.pintura :global .PinturaShapeStyle>.PinturaDropdownButton .PinturaButtonLabel,.pintura :global .PinturaShapeStyle>.PinturaRadioGroup .PinturaButtonLabel,.pintura :global .PinturaShapeStyle>.PinturaRadioGroupOption label,.pintura :global .PinturaShapeStyle>.PinturaSliderButton .PinturaButtonLabel{display:block;line-height:2.25;padding:0 1em;font-size:.6875em}.pintura :global .PinturaShapeStyle>.PinturaButton:not(.PinturaColorPickerButton)[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.pintura :global .PinturaShapeStyle .PinturaInputField{padding:0 .75em;width:3em;height:2em;line-height:2em;box-shadow:inset 0 0 0 1px var(--color-foreground-5);border-radius:var(--border-radius)}.pintura :global .PinturaShapeStyle .PinturaPromptInputGroup{position:relative;display:flex;align-items:flex-start}.pintura :global .PinturaShapeStyle .PinturaPromptInputGroup .PinturaInput{width:18em;padding:0}.pintura :global .PinturaShapeStyle .PinturaPromptInputGroup .PinturaInput input{padding-right:2em}.pintura :global .PinturaShapeStyle .PinturaPromptInputGroup>.PinturaButton:not(.PinturaButtonIconOnly){display:block;line-height:2.125;margin-left:.5em;padding:0 1em;font-size:.6875em;box-shadow:inset 0 0 0 1px var(--color-foreground-5);background-color:var(--color-foreground-10);border-radius:var(--border-radius)}.pintura :global .PinturaShapeStyle .PinturaPromptInputGroup .PinturaButtonIconOnly{display:flex;justify-content:center;align-items:center;width:1.75em;height:1.75em;padding:0;box-shadow:inset 0 0 0 1px var(--color-foreground-5);border-radius:var(--border-radius)}.pintura :global .PinturaShapeStyle .PinturaPromptInputGroup .PinturaButtonIconOnly svg{width:.875em}.pintura :global .PinturaShapeStyle .PinturaPromptInputGroup .PinturaProgressIndicator{position:absolute;width:.875em;height:.875em;pointer-events:none}.pintura :global .PinturaShapeStyle .PinturaPromptInputGroup .PinturaProgressIndicator svg{width:.875em}.pintura :global .PinturaShapeStyle .PinturaPromptInputWrapper{position:relative;display:flex;align-items:center}.pintura :global .PinturaShapeStyle .PinturaPromptInputWrapper .PinturaProgressIndicator{right:.3125em}.pintura :global .PinturaShapeStyle .PinturaGenerateMoreButtonWrapper{position:relative;display:flex;align-items:center;justify-content:center;margin-top:.3125em;margin-left:.75em}.pintura :global .PinturaShapeStyle .PinturaPromptOptions{margin-left:.5em;display:flex;align-items:center}.pintura :global .PinturaShapeStyle .PinturaPromptOption{position:relative;padding:0;margin-left:.5em;border-radius:.5em}.pintura :global .PinturaShapeStyle .PinturaPromptOption:after,.pintura :global .PinturaShapeStyle .PinturaPromptOption img{border-radius:.5em;pointer-events:none}.pintura :global .PinturaShapeStyle .PinturaPromptOption:after{content:"";position:absolute;z-index:1;left:0;top:0;right:0;bottom:0;box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.pintura :global .PinturaShapeStyle .PinturaPromptOption img{display:block;width:2.5em;height:2.5em;-o-object-fit:cover;object-fit:cover}.pintura :global .PinturaShapeStyle>.PinturaDropdownButton{box-shadow:inset 0 0 0 1px var(--color-foreground-5);transition:background-color var(--transition-duration-10)}.pintura :global .PinturaShapeStyle>.PinturaDropdownButton:hover{background-color:var(--color-foreground-10)}.pintura :global .PinturaShapeStyle>.PinturaDropdownButton .PinturaButtonLabel:after,.pintura :global .PinturaShapeStyle>.PinturaDropdownButton .PinturaComboBox:after{content:"▼";font-size:.6875em;margin-left:.75em;position:relative;top:-.125em;margin-right:-.25em;pointer-events:none}.pintura :global .PinturaShapeStyle>.PinturaDropdownButton .PinturaComboBox:after{top:0;margin-left:.375em;font-size:.47265625em}.pintura :global .PinturaShapeStyle .PinturaComboBox{padding-right:.75em}.pintura :global .PinturaShapeStyle .PinturaComboBox .PinturaInput{padding-left:0}.pintura :global .PinturaShapeStyle .PinturaComboBox .PinturaInput input{box-shadow:none}.pintura :global .PinturaShapeStyle .PinturaComboBox .PinturaInputField{padding-right:.375em}.pintura :global .PinturaShapeStyle>.PinturaRadioGroup>.PinturaRadioGroupOptions{flex-direction:row}.pintura :global .PinturaShapeStyle>.PinturaRadioGroup>.PinturaRadioGroupOptions label{cursor:var(--button-cursor);display:flex;height:var(--control-height);align-items:center;padding:0 .25em;box-shadow:inset 0 0 0 1px var(--color-foreground-5);transition:background-color var(--transition-duration-10)}.pintura :global .PinturaShapeStyle>.PinturaRadioGroup>.PinturaRadioGroupOptions label:hover{background-color:var(--color-foreground-20)}.pintura :global .PinturaShapeStyle>.PinturaRadioGroup>.PinturaRadioGroupOptions svg{width:1.125em;height:1.125em}.pintura :global .PinturaShapeStyle>.PinturaRadioGroup>.PinturaRadioGroupOptions .PinturaRadioGroupOption:first-of-type label{padding-left:.5em;border-top-left-radius:var(--border-radius-round);border-bottom-left-radius:var(--border-radius-round)}.pintura :global .PinturaShapeStyle>.PinturaRadioGroup>.PinturaRadioGroupOptions .PinturaRadioGroupOption:last-of-type label{padding-right:.5em;border-top-right-radius:var(--border-radius-round);border-bottom-right-radius:var(--border-radius-round)}.pintura :global .PinturaShapeStyle>.PinturaRadioGroup>.PinturaRadioGroupOptions [data-selected=true] label{background-color:var(--color-foreground-10)}.pintura :global .PinturaRoot[dir=rtl] .PinturaShapeStyle>.PinturaDropdownButton .PinturaButtonLabel:after,.pintura :global .PinturaRoot[dir=rtl] .PinturaShapeStyle>.PinturaDropdownButton .PinturaComboBox:after{margin-right:.75em;margin-left:-.25em}.pintura :global .PinturaRectManipulator{--size:1.25em;position:absolute;left:0;top:0;outline:none;touch-action:none;transform:translate3d(calc(var(--tx) * 1px),calc(var(--ty) * 1px),0) scale(var(--sx),var(--sy))}.pintura :global .PinturaRectManipulator:not([data-shape=edge]){width:var(--size);height:var(--size);z-index:2}.pintura :global .PinturaRectManipulator:not([data-shape=edge]):after{position:absolute;left:-.5em;right:-.5em;top:-.5em;bottom:-.5em;border-radius:inherit;content:""}.pintura :global .PinturaRectManipulator:not([data-shape=edge])[data-focus-visible]:after{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.pintura :global .PinturaRectManipulator[data-shape~=circle]{margin-left:calc(var(--size) * (-.5));margin-top:calc(var(--size) * (-.5));line-height:var(--size);border-radius:50%;background-color:var(--color-foreground-100);box-shadow:0 0 2px var(--color-background-50)}.pintura :global .PinturaRectManipulator[data-shape=hook]{border:3px solid var(--color-foreground-100)}.pintura :global .PinturaRectManipulator[data-shape=hook][data-direction*=t]{margin-top:-3px;border-bottom:0}.pintura :global .PinturaRectManipulator[data-shape=hook][data-direction*=r]{border-left:0;margin-left:calc(var(--size) * (-1))}.pintura :global .PinturaRectManipulator[data-shape=hook][data-direction*=b]{margin-top:calc(var(--size) * (-1));border-top:0}.pintura :global .PinturaRectManipulator[data-shape=hook][data-direction*=l]{border-right:0;margin-left:-3px}.pintura :global .PinturaRectManipulator[data-shape~=edge]{height:1px;width:1px;z-index:1}.pintura :global .PinturaRectManipulator[data-shape~=edge][data-focus-visible]{background-color:var(--color-focus-50)}.pintura :global .PinturaRectManipulator[data-direction=b],.pintura :global .PinturaRectManipulator[data-direction=t]{cursor:ns-resize;height:var(--size);margin-top:calc(var(--size) * (-.5));transform-origin:0 center}.pintura :global .PinturaRectManipulator[data-direction=l],.pintura :global .PinturaRectManipulator[data-direction=r]{cursor:ew-resize;width:var(--size);margin-left:calc(var(--size) * (-.5));transform-origin:center 0}.pintura :global .PinturaRectManipulator[data-direction=bl],.pintura :global .PinturaRectManipulator[data-direction=tr]{cursor:nesw-resize}.pintura :global .PinturaRectManipulator[data-direction=br],.pintura :global .PinturaRectManipulator[data-direction=tl]{cursor:nwse-resize}.pintura :global .PinturaRoot[data-env~=pointer-coarse] .PinturaRectManipulator[data-shape=edge]:active{background-color:var(--color-foreground-5)}.pintura :global .PinturaRoot[data-env~=pointer-coarse] .PinturaRectManipulator:not([data-shape=edge]):after{left:-1em;right:-1em;top:-1em;bottom:-1em}.pintura :global .PinturaRoot[data-env~=pointer-coarse] .PinturaRectManipulator:not([data-shape=edge]):active:after{background-color:var(--color-foreground-5)}.pintura :global .PinturaRoot[data-env*=chrome-] .PinturaRectManipulator{transform:translate3d(calc(var(--tx) * 1px),calc(var(--ty) * 1px),0)}.pintura :global .PinturaRoot[data-env*=chrome-] .PinturaRectManipulator[data-direction=b],.pintura :global .PinturaRoot[data-env*=chrome-] .PinturaRectManipulator[data-direction=t]{width:calc(var(--sx) * 1px)}.pintura :global .PinturaRoot[data-env*=chrome-] .PinturaRectManipulator[data-direction=l],.pintura :global .PinturaRoot[data-env*=chrome-] .PinturaRectManipulator[data-direction=r]{height:calc(var(--sy) * 1px)}.pintura :global .PinturaToolbar{display:flex;justify-content:center;margin-left:1em;margin-right:1em}.pintura :global .PinturaToolbar .PinturaToolbarInner{display:inline-flex}.pintura :global .PinturaToolbar[data-layout=compact] .PinturaToolbarContentWide,.pintura :global .PinturaToolbar[data-overflow=overflow] .PinturaToolbarContentOptional{display:none}.pintura :global .PinturaToolbar .PinturaButton{border-radius:var(--border-radius-round);outline:transparent;padding:.3125em .75em;transition:background-color var(--transition-duration-10) ease-out,color var(--transition-duration-10) ease-out,box-shadow var(--transition-duration-10) ease-out;line-height:1.1}.pintura :global .PinturaToolbar .PinturaButton:hover{box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.pintura :global .PinturaToolbar .PinturaButton[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.pintura :global .PinturaToolbar .PinturaButton .PinturaButtonIcon{width:1em}.pintura :global .PinturaToolbar .PinturaButtonLabel{font-size:.75em}.pintura :global .PinturaToolbar .PinturaPanel{z-index:3}.pintura :global .PinturaToolbar .PinturaToolbarInner>*{margin:0 .5em}.pintura :global .PinturaImageButtonList,.pintura :global .PinturaImageButtonList>li{display:flex;align-items:center}.pintura :global .PinturaImageButtonList>li{--thumb-size:1.75em;--thumb-radius:0.3125em;--thumb-margin:0.3125em;justify-content:center;position:relative}.pintura :global .PinturaImageButtonList>li+li{margin-left:.5em}.pintura :global .PinturaRoot .PinturaImageButton{--thumb-size:1.75em;--thumb-radius:0.3125em;--thumb-margin:0.3125em;padding:var(--thumb-margin);border-radius:var(--border-radius);box-shadow:inset 0 0 0 1px var(--color-foreground-5);cursor:var(--button-cursor);outline:transparent}.pintura :global .PinturaRoot .PinturaImageButton>*{pointer-events:none}.pintura :global .PinturaRoot .PinturaImageButton{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:filter var(--transition-duration-25) ease-out}.pintura :global .PinturaRoot .PinturaImageButton[disabled]{filter:var(--filter-disabled)}.pintura :global .PinturaRoot .PinturaImageButton:hover{background-color:var(--color-foreground-10)}.pintura :global .PinturaRoot .PinturaImageButton text{font-family:monospace}.pintura :global .PinturaRoot .PinturaImageButton img,.pintura :global .PinturaRoot .PinturaImageButton svg{display:block;width:var(--thumb-size);height:var(--thumb-size);min-width:auto;max-width:none;-o-object-fit:cover;object-fit:cover;border-radius:var(--thumb-radius)}.pintura :global .PinturaRoot .PinturaImageButton[data-loader]:after,.pintura :global .PinturaRoot .PinturaImageButton[data-loader]:before{display:block;width:var(--thumb-size);height:var(--thumb-size);line-height:var(--thumb-size);border-radius:var(--thumb-radius)}.pintura :global .PinturaRoot .PinturaImageButton[data-error] img{display:none}.pintura :global .PinturaRoot .PinturaImageButton[data-error]:after{content:"⚠";box-shadow:inset 0 0 0 1px var(--color-error-75);background-color:var(--color-error-10);color:var(--color-error-75)}.pintura :global .PinturaRoot .PinturaImageButton[data-loader]{position:relative}.pintura :global .PinturaRoot .PinturaImageButton[data-loader]:before :local{content:"";position:absolute;left:var(--thumb-margin);top:var(--thumb-margin);-webkit-animation:pintura-img-loading calc(var(--transition-duration-multiplier, 0) * 1s) infinite alternate ease-in-out;animation:pintura-img-loading calc(var(--transition-duration-multiplier, 0) * 1s) infinite alternate ease-in-out;background-color:var(--color-foreground-10);transition:transform calc(var(--transition-duration-multiplier, 0) * .5s) ease-in;z-index:-1}.pintura :global .PinturaRoot .PinturaImageButton[data-loader] img{opacity:0;transition:opacity calc(var(--transition-duration-multiplier, 0) * .35s) ease-out}.pintura :global .PinturaRoot .PinturaImageButton[data-loader][data-load] img{opacity:1}.pintura :global .PinturaRoot .PinturaImageButton[data-loader][data-error]:before,.pintura :global .PinturaRoot .PinturaImageButton[data-loader][data-load]:before{-webkit-animation-play-state:paused;animation-play-state:paused;transform:scale(.5)}@-webkit-keyframes pintura-img-loading{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}@keyframes pintura-img-loading{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.pintura :global .PinturaInput{display:flex;flex-direction:row}.pintura :global .PinturaInput input[disabled]{filter:var(--filter-disabled)}.pintura :global .PinturaInputField{flex:1;outline:transparent}.pintura :global .PinturaInputField[type=number]{-moz-appearance:textfield}.pintura :global .PinturaInputField[type=number]::-webkit-inner-spin-button,.pintura :global .PinturaInputField[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pintura :global .PinturaInputSpinners{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}.pintura :global .PinturaInputSpinners button{line-height:1!important;width:2em;font-size:.5em!important;outline:transparent}.pintura :global .PinturaPanel.PinturaSliderPanel{border-radius:var(--border-radius-round)}.pintura :global .PinturaPercentageLabel{font-variant-numeric:tabular-nums;min-width:3em;text-align:center}.pintura :global .PinturaSliderPanel .PinturaSlider{width:10em;--knob-size:0.75em;--knob-margin-left:0.3125em;--knob-margin-right:0.3125em}.pintura :global .PinturaSliderPanel .PinturaSliderTrack{background-color:var(--color-foreground-10)}.pintura :global .PinturaSliderPanel .PinturaSliderKnob{background-color:var(--color-foreground-100);box-shadow:0 .125em .25em rgba(0,0,0,.35),0 -.125em .25em rgba(0,0,0,.1)}.pintura :global .PinturaShapeList{pointer-events:none;opacity:0;transition:opacity var(--transition-duration-10) ease-in-out;position:absolute;top:1em;left:1em;width:-webkit-max-content;width:-moz-max-content;width:max-content;z-index:1;border-radius:var(--border-radius);color:var(--color-foreground-100);background:var(--color-background-70);box-shadow:0 0 0 1px var(--color-foreground-5)}.pintura :global .PinturaShapeList li+li{margin-top:-.3125em}.pintura :global .PinturaShapeList[data-visible=true]{opacity:1}.pintura :global .PinturaShapeList .PinturaColorPreview{width:.75em;height:.75em;margin-right:.25em;border-radius:.25em}.pintura :global .PinturaShapeList .PinturaShapeListItem{display:flex;align-items:center;padding:.25em .5em;outline:none}.pintura :global .PinturaShapeList .PinturaShapeListItem>span{font-size:.75em;line-height:1.75;padding:0 .325em;margin-left:-.325em}.pintura :global .PinturaShapeList .PinturaShapeListItem[data-focus-visible]>span{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.pintura :global .PinturaShapeList[data-visible=true] .PinturaShapeListItem{pointer-events:all}.pintura :global .PinturaShapeEditor{height:100%;width:100%;outline:none;touch-action:none}.pintura :global .PinturaShapeControls{position:absolute!important;left:0;top:0;z-index:3;pointer-events:none;display:flex;align-items:center}.pintura :global .PinturaShapeControlsGroup{pointer-events:all;color:#eee;background:#222;box-shadow:0 .125em .25em rgba(0,0,0,.25);border-radius:.25em}.pintura :global .PinturaShapeControlsGroup,.pintura :global .PinturaShapeControlsGroup .PinturaShapeControlsGroupToggle{display:inline-flex;min-height:1.75em}.pintura :global .PinturaShapeControlsGroup+.PinturaShapeControlsGroup{margin-left:.5em}.pintura :global .PinturaShapeControlsGroup .PinturaShapeControlsGroupToggle{position:relative}.pintura :global .PinturaShapeControlsGroup .PinturaButton{outline:transparent}.pintura :global .PinturaShapeControlsGroup .PinturaButton[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.pintura :global .PinturaShapeControlsGroup .PinturaButton[disabled]>span{opacity:.5;pointer-events:all;cursor:not-allowed}.pintura :global .PinturaShapeControlsGroup>.PinturaButton{display:block;font-weight:700;transition:background-color var(--transition-duration-10);outline:transparent}.pintura :global .PinturaShapeControlsGroup>.PinturaButton:hover{background-color:hsla(0,0%,100%,.15)}.pintura :global .PinturaShapeControlsGroup>.PinturaButton .PinturaButtonLabel{display:block;font-size:.6875em;padding:0 .75em;line-height:1.7em}.pintura :global .PinturaShapeControlsGroup .PinturaButtonIconOnly{width:1.75em;transition:background-color var(--transition-duration-10)}.pintura :global .PinturaShapeControlsGroup .PinturaButtonIconOnly:hover{background-color:hsla(0,0%,100%,.15)}.pintura :global .PinturaShapeControlsGroup>button:first-of-type{border-radius:.25em 0 0 .25em}.pintura :global .PinturaShapeControlsGroup>button:last-of-type{border-radius:0 .25em .25em 0}.pintura :global .PinturaShapeControlsGroup>button:only-of-type{border-radius:.25em}.pintura :global .PinturaShapeControlsGroup>*+*{border-left:1px solid rgba(0,0,0,.5)}.pintura :global .PinturaShapeControlsGroup svg{pointer-events:none}.pintura :global .PinturaInlineInput{position:absolute;left:0;top:0;margin:0;padding:0;transform-origin:center;display:flex}.pintura :global .PinturaInlineInput:before{content:"";width:0;height:var(--line-height)}.pintura :global .PinturaContentEditable{margin:0;padding:0;width:calc(100% / var(--font-scalar));height:calc((100% / var(--font-scalar)) - var(--bottom-inset, 0));overflow:hidden;outline:none;vertical-align:top}.pintura :global .PinturaShapePresetsPalette{text-align:center;width:40em;max-width:100%;overflow:hidden}.pintura :global .PinturaShapePresetsPalette .PinturaShapePresetSelect{vertical-align:top;display:inline-block}.pintura :global .PinturaShapePresetsPalette .PinturaScrollable:not([data-state~=overflows]){display:flex;justify-content:center}.pintura :global .PinturaShapePresetsPalette .PinturaButton+.PinturaButton{margin-left:.5em}.pintura :global .PinturaShapePresetsPalette .PinturaButton{flex-direction:row;line-height:1.1;padding:.3125em .75em;border-radius:var(--border-radius-round);box-shadow:inset 0 0 0 1px var(--color-foreground-5);cursor:var(--button-cursor);transition:background-color var(--transition-duration-10) ease-out,color var(--transition-duration-10) ease-out,box-shadow var(--transition-duration-10) ease-out;outline:none}.pintura :global .PinturaShapePresetsPalette .PinturaButton .PinturaButtonIcon{width:1em}.pintura :global .PinturaShapePresetsPalette .PinturaButton .PinturaButtonLabel{font-size:.75em}.pintura :global .PinturaShapePresetsPalette .PinturaButton:hover{box-shadow:inset 0 0 0 1px var(--color-foreground-10)}.pintura :global .PinturaShapePresetsPalette .PinturaButton[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.pintura :global .PinturaShapePresetsPalette .PinturaShapePresetsFlat>*+*,.pintura :global .PinturaShapePresetsPalette .PinturaShapePresetsGroups>*+*,.pintura :global .PinturaShapePresetsPalette .PinturaShapePresetsGroups>div>*+*{margin-left:.5em}.pintura :global .PinturaShapePresetsGroups{display:flex}.pintura :global .PinturaShapePresetsGrouped{display:flex;flex-direction:column;align-items:center}.pintura :global .PinturaShapePresetsGrouped [role=tab]{white-space:nowrap}.pintura :global .PinturaShapePresetsFlat{display:flex;align-items:center;justify-content:center}.pintura :global .PinturaShapePresetsFlat>.PinturaButton{margin-left:1em}.pintura :global .PinturaOptionsList,.pintura :global .PinturaOptionsListWrapper{border-radius:inherit}.pintura :global .PinturaOptionsList .PinturaListOption{transition:background-color var(--transition-duration-10);border-radius:inherit}.pintura :global .PinturaOptionsList .PinturaListOption label{display:block;margin:0;border-radius:inherit;white-space:nowrap}.pintura :global .PinturaOptionsList .PinturaListOption svg{margin-right:.25em;margin-left:-.5em;min-width:1.5em}.pintura :global .PinturaOptionsList .PinturaListOption svg:only-child{margin-left:0;margin-right:0}.pintura :global .PinturaOptionsList .PinturaListOption [slot]{display:flex;align-items:center;padding:.325em .75em}.pintura :global .PinturaOptionsList .PinturaDropdownOptionLabel{font-size:.75em;line-height:1.75;padding:0 .325em;margin-left:-.325em;display:inline-flex;flex-direction:column}.pintura :global .PinturaOptionsList .PinturaDropdownOptionSublabel{font-size:.75em;opacity:.5;margin-top:-.5em}.pintura :global .PinturaOptionsList .PinturaListOptionGroup>span{display:block;padding:.75em 1em;text-transform:uppercase;font-size:.75em;color:var(--color-foreground-50)}.pintura :global .PinturaOptionsList [data-disabled=true]{color:var(--color-foreground-50)}.pintura :global .PinturaOptionsList [data-selected=false]:not([data-disabled=true]):hover{background-color:var(--color-foreground-10)}.pintura :global .PinturaOptionsList [data-selected=true]{color:var(--color-foreground-100);background-color:var(--color-foreground-20)}.pintura :global .PinturaOptionsList [data-focus-visible]+label .PinturaDropdownOptionLabel{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100);border-radius:.25em}.pintura :global .PinturaListOption label{margin:0}.pintura :global .PinturaRoot[dir=rtl] .PinturaDropdownOptionLabel{margin-right:-.325em;align-items:flex-end}.pintura :global .PinturaRoot[dir=rtl] .PinturaListOption svg{margin-left:-.5em;margin-right:auto}.pintura :global .PinturaRoot[dir=rtl] .PinturaListOption svg+span{margin-left:.25em}.pintura :global .PinturaRoot[dir=rtl] .PinturaListOption [slot]{justify-content:flex-end}.pintura :global .PinturaColorPickerPanel{padding:.5em;max-width:14em;overflow:visible;touch-action:none}.pintura :global .PinturaColorPickerPanel .PinturaColorPickerButton{outline:transparent}.pintura :global .PinturaColorPickerPanel .PinturaColorPickerButton[data-focus-visible]{box-shadow:inset 0 0 0 1px var(--color-foreground-70)}.pintura :global .PinturaColorPickerPanel .PinturaColorPreview{width:1.25em;height:1.25em;border-radius:.25em}.pintura :global .PinturaColorPickerPanel .PinturaColorPreview span{border-radius:.2em;box-shadow:inset 0 0 0 1px var(--color-foreground-20)}.pintura :global .PinturaColorPickerPanel .PinturaColorPresets legend{color:var(--color-foreground-50);margin:0 0 .25em .3125em;font-size:.75em}.pintura :global .PinturaColorPickerPanel .PinturaColorPresets:only-child legend{display:none}.pintura :global .PinturaColorPickerPanel .PinturaColorPresetsGrid .PinturaRadioGroupOptions{display:flex;flex-direction:row;flex-wrap:wrap}.pintura :global .PinturaColorPickerPanel .PinturaColorPresetsGrid .PinturaListOption{display:block;padding:.25em}.pintura :global .PinturaColorPickerPanel .PinturaColorPresetsGrid .PinturaListOption label,.pintura :global .PinturaColorPickerPanel .PinturaColorPresetsGrid .PinturaListOption label span{display:block;cursor:var(--button-cursor)}.pintura :global .PinturaColorPickerPanel .PinturaColorPresetsGrid input[data-focus-visible]+label .PinturaColorPreview:after{position:absolute;left:-.3125em;right:-.3125em;top:-.3125em;bottom:-.3125em;border-radius:inherit;pointer-events:none;content:"";background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.pintura :global .PinturaColorPickerPanel .PinturaSlider{margin-left:-.325em;margin-right:-.325em}.pintura :global .PinturaColorPickerPanel .PinturaSlider>.PinturaSliderControl{position:relative;z-index:2}.pintura :global .PinturaColorPickerPanel .PinturaPicker{width:100%}.pintura :global .PinturaColorPickerPanel .PinturaPicker+.PinturaColorPresets{margin-top:.5em}.pintura :global .PinturaColorPickerPanel .PinturaPicker .PinturaPickerKnob,.pintura :global .PinturaColorPickerPanel .PinturaPicker .PinturaSliderKnob{border-radius:9999em;box-shadow:inset 0 .06125em .06125em rgba(0,0,0,.1),0 0 0 .06125em #fff,0 .1875em .25em rgba(0,0,0,.35),0 -.125em .25em rgba(0,0,0,.1)}.pintura :global .PinturaColorPickerPanel .PinturaPicker .PinturaPickerKnob{pointer-events:none;position:absolute;z-index:1;left:0;top:0;margin-left:-.625em;margin-top:-.625em;width:1.25em;height:1.25em;visibility:visible;outline:none}.pintura :global .PinturaColorPickerPanel .PinturaPicker .PinturaPickerKnob[data-focus-visible]:after{position:absolute;left:-.3125em;right:-.3125em;top:-.3125em;bottom:-.3125em;border-radius:inherit;pointer-events:none;content:"";background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.pintura :global .PinturaColorPickerPanel .PinturaPicker .PinturaPickerKnobController{position:absolute;left:0;top:0;right:0;bottom:0;visibility:hidden}.pintura :global .PinturaColorPickerPanel .PinturaPicker .PinturaSaturationPicker{position:relative;border-radius:var(--border-radius) var(--border-radius) 0 0;margin:-.5em -.5em .5em;height:7em;background-image:linear-gradient(180deg,transparent,#000),linear-gradient(90deg,#fff,transparent)}.pintura :global .PinturaColorPickerPanel .PinturaPicker .PinturaHuePicker .PinturaSliderTrack{background-image:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.pintura :global .PinturaColorPickerPanel .PinturaPicker .PinturaSliderTrack{box-shadow:inset 0 0 1px var(--color-foreground-50)}.pintura :global .PinturaColorPickerPanel .PinturaPicker .PinturaOpacityPicker .PinturaSliderKnob:before,.pintura :global .PinturaColorPickerPanel .PinturaPicker .PinturaOpacityPicker .PinturaSliderTrack:before{position:absolute;content:"";display:block;left:0;top:0;width:100%;height:100%;z-index:-1;border-radius:inherit;background-color:#fff;background-image:var(--pattern-transparent)}.pintura :global .PinturaColorPickerPanel .PinturaPicker .PinturaOpacityPicker .PinturaSliderKnob:before{background-position:calc(var(--slider-position) * -2px) 0}.pintura :global .PinturaColorPickerPanel .PinturaPicker .PinturaOpacityPicker{margin-top:.5em}.pintura :global .PinturaColorPickerPanel .PinturaPicker .PinturaColorPickerInput{color:var(--color-foreground-80);margin:.75em 0 .25em .3125em;width:calc(100% - .625em);line-height:1.75;text-indent:.5em;font-size:.875em;border-radius:.25em;border:1px solid var(--color-foreground-20);font-variant:tabular-nums;text-transform:uppercase}.pintura :global .PinturaColorPickerPanel .PinturaPicker .PinturaColorPickerInput:focus{outline:transparent;border-color:var(--color-focus-100)}.pintura :global .PinturaPanel{--color-inset:hsla(0,0%,100%,0.1);--color-fill:var(--color-foreground-5);top:0;left:0;z-index:2147483647;width:-webkit-max-content;width:-moz-max-content;width:max-content;cursor:auto;outline:transparent;box-shadow:inset 0 0 0 1px var(--color-inset),0 .125em .25em rgba(0,0,0,.25),0 .125em .75em rgba(0,0,0,.15),0 .125em .125em rgba(0,0,0,.1);border-radius:var(--border-radius)}.pintura :global .PinturaPanel,.pintura :global .PinturaPanelTip{position:absolute;color:var(--color-foreground-90);background-color:var(--color-background-100);background-image:linear-gradient(var(--color-fill),var(--color-fill));background-blend-mode:screen}.pintura :global .PinturaPanelTip{--tip-mask:transparent calc(50% - 1.5px),#000 calc(50% - 1.5px);width:.5em;height:.5em;margin-left:-.25em;margin-top:-.25em;z-index:-1;box-shadow:inset -1px -1px 0 0 var(--color-inset);-webkit-mask:linear-gradient(to bottom right,var(--tip-mask));mask:linear-gradient(to bottom right,var(--tip-mask))}.pintura :global .PinturaPanelTip[style*="top:0"]{box-shadow:inset 1px 1px 0 0 var(--color-inset);-webkit-mask:linear-gradient(to top left,var(--tip-mask));mask:linear-gradient(to top left,var(--tip-mask))}.pintura :global .PinturaColorPreview{--color:transparent;color:var(--color);position:relative;pointer-events:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h4v4H0zm4 4h4v4H4z' fill='%23E5E5E5'/%3E%3C/svg%3E")}.pintura :global .PinturaColorPreview span{position:absolute;left:0;top:0;right:0;bottom:0;background-color:var(--color);border-radius:inherit}.pintura :global .PinturaContentEditable{white-space:pre-line!important;word-break:break-word!important;display:inline-block!important;-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important;user-select:text!important}.pintura :global .PinturaContentEditable[data-wrap-content=nowrap]{white-space:nowrap!important;word-break:normal!important}.pintura :global .PinturaContentEditable{background:transparent!important;margin:0!important;border-radius:0!important;max-width:none!important;min-width:auto!important;box-shadow:none!important}.pintura :global .PinturaSlider{position:relative;--track-offset-x:0.5em;--track-offset-y:0.5em;--track-size:1.5em;--knob-size:1em;--knob-margin-top:0em;--knob-margin-right:0em;--knob-margin-bottom:0em;--knob-margin-left:0em;display:flex;align-items:center;touch-action:none}.pintura :global .PinturaSlider[data-direction=y]{flex-direction:column}.pintura :global .PinturaSlider .PinturaSliderControl{position:relative;flex:1}.pintura :global .PinturaSlider>button{position:relative;z-index:1;width:var(--track-size);height:var(--track-size);overflow:hidden;cursor:pointer;flex-shrink:none}.pintura :global .PinturaSlider>button svg{width:1.25em;height:1.25em;margin:.125em;stroke-width:.125em;stroke:var(--color-foreground-50)}.pintura :global .PinturaSlider>button:first-of-type{order:2;padding-right:.125em;margin-left:-.325em}.pintura :global .PinturaSlider>button:last-of-type{order:1;padding-left:.125em;margin-right:-.325em}.pintura :global .PinturaSlider>.PinturaSliderControl{order:2}.pintura :global .PinturaSlider .PinturaSliderKnob{left:0;top:50%;border-radius:9999em;visibility:visible;width:var(--knob-size);height:var(--knob-size);margin-left:calc(var(--knob-size) * -.5);margin-top:calc(var(--knob-size) * -.5)}.pintura :global .PinturaSlider .PinturaSliderKnob,.pintura :global .PinturaSlider .PinturaSliderKnobController,.pintura :global .PinturaSlider .PinturaSliderTrack{pointer-events:none;position:absolute}.pintura :global .PinturaSlider .PinturaSliderTrack{top:var(--track-offset-y);bottom:var(--track-offset-y);left:var(--track-offset-x);right:var(--track-offset-x)}.pintura :global .PinturaSlider .PinturaSliderKnobController{visibility:hidden;top:calc(var(--track-offset-y) + var(--knob-margin-top));bottom:calc(var(--track-offset-y) + var(--knob-margin-bottom));left:calc(var(--track-offset-x) + var(--knob-margin-left));right:calc(var(--track-offset-x) + var(--knob-margin-right))}.pintura :global .PinturaSlider .PinturaSliderTrack{border-radius:9999em}.pintura :global .PinturaSlider[data-direction=x] input[type=range]{height:var(--track-size);margin-left:var(--track-offset-x);width:calc(100% - (var(--track-offset-x) * 2))}.pintura :global .PinturaSlider[data-direction=y] input[type=range]{width:var(--track-size);margin-top:var(--track-offset-y);height:calc(100% - (var(--track-offset-y) * 2))}.pintura :global .PinturaSlider input[type=range]{-webkit-appearance:none;display:block}.pintura :global .PinturaSlider input[type=range]::-webkit-slider-runnable-track{background:transparent}.pintura :global .PinturaSlider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;line-height:0;margin:0;padding:0;border:none}.pintura :global .PinturaSlider input[type=range]::-moz-range-thumb{line-height:0;margin:0;padding:0;border:none;visibility:hidden}.pintura :global .PinturaSlider input[type=range]::-ms-thumb{line-height:0;margin:0;padding:0;border:none}.pintura :global .PinturaSlider input[type=range]::-ms-ticks-before,.pintura :global .PinturaSlider input[type=range]::-ms-tooltip{display:none}.pintura :global .PinturaSlider input[type=range]::-ms-ticks-after{display:none}.pintura :global .PinturaSlider input[type=range]::-ms-track{color:transparent;border:none;background:transparent}.pintura :global .PinturaSlider input[type=range]::-ms-fill-lower,.pintura :global .PinturaSlider input[type=range]::-ms-fill-upper{background:transparent}.pintura :global .PinturaSlider input[type=range]:focus{outline:transparent}.pintura :global .PinturaSlider input[type=range][data-focus-visible]~.PinturaSliderKnobController .PinturaSliderKnob:after{position:absolute;left:-.3125em;right:-.3125em;top:-.3125em;bottom:-.3125em;border-radius:inherit;content:"";background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100);pointer-events:none}.pintura :global .PinturaShapeManipulator{position:absolute;left:0;top:0;outline:none;touch-action:none;transform:translate3d(calc(var(--tx) * 1px),calc(var(--ty) * 1px),0) rotate(var(--r)) scale(var(--sx),var(--sy));--size:0.75em}.pintura :global .PinturaShapeManipulator:not([data-control=edge]){margin-left:calc(var(--size) * (-.5));margin-top:calc(var(--size) * (-.5));line-height:var(--size);width:var(--size);height:var(--size);border-radius:9999em}.pintura :global .PinturaShapeManipulator:not([data-control=edge]):after{position:absolute;left:-.5em;right:-.5em;top:-.5em;bottom:-.5em;content:""}.pintura :global .PinturaShapeManipulator:not([data-control=edge])[data-focus-visible]:after{border-radius:inherit;background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.pintura :global .PinturaShapeManipulator[data-control=point]{background:linear-gradient(90deg,var(--color-secondary-dark),var(--color-secondary));box-shadow:0 0 0 2px #fff,0 0 4px #000;z-index:3}.pintura :global .PinturaShapeManipulator[data-control=edge]{margin-top:calc(var(--size) * (-.5));height:var(--size);width:1px;z-index:1;transform-origin:0 calc(var(--size) * .5)}.pintura :global .PinturaShapeManipulator[data-control=edge][data-focus-visible]{background-color:var(--color-focus-50)}.pintura :global .PinturaShapeManipulator[data-control=rotate]{border-radius:9999em;background:linear-gradient(90deg,#fff,#ddd);box-shadow:0 0 0 2px var(--color-secondary-dark),0 0 4px #000;z-index:2;cursor:-webkit-grab;cursor:grab}.pintura :global .PinturaRoot[data-env*=chrome-] .PinturaShapeManipulator[data-control=edge]{width:calc(var(--sx) * 1px);transform:translate3d(calc(var(--tx) * 1px),calc(var(--ty) * 1px),0) rotate(var(--r))}.pintura :global{display:block;height:100%} /* * This is a manifest file that'll automatically include all the stylesheets available in this directory * and any sub-directories. You're free to add application-wide styles to this file and they'll appear at * the top of the compiled file, but it's generally better to create a new file per style scope. */