22

22

Home / home / balubaid / honda.core3.agency / wp-content / plugins / wp-smushit / app / assets / css /

✏️ Editing: smush-global.min.css.map

{"version":3,"sources":["webpack://wp-smushit/./node_modules/@wpmudev/shared-ui/scss/_mixins.scss","webpack://wp-smushit/./node_modules/@wpmudev/shared-ui/scss/_tooltips.scss","webpack://wp-smushit/./node_modules/@wpmudev/shared-ui/scss/_colors.scss","webpack://wp-smushit/./node_modules/@wpmudev/shared-ui/scss/_variables.scss","webpack://wp-smushit/./_src/scss/modules/_media.scss","webpack://wp-smushit/./_src/scss/common.scss"],"names":[],"mappings":"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","file":"../css/smush-global.min.css","sourcesContent":["// ==================================================\n// Generates the required versioned body class.\n//\n// $wrap: true\n// $rtl: false\n// $monochrome: false\n// ==================================================\n@mixin body-class($wrap: false, $rtl: false, $monochrome: false) {\n\n\t$formatted-version: str-replace($sui-version, '.', '-');\n\n\t@if ( $wrap and $sui-wrap-class ) {\n\n\t\t@if $rtl {\n\n\t\t\t.sui-#{$formatted-version}[dir=\"rtl\"] {\n\n\t\t\t\t.#{$sui-wrap-class} {\n\n\t\t\t\t\t@if $monochrome {\n\n\t\t\t\t\t\t&.sui-color-accessible {\n\t\t\t\t\t\t\t@content;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t@else {\n\t\t\t\t\t\t@content;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t@else {\n\n\t\t\t.sui-#{$formatted-version} .#{$sui-wrap-class} {\n\n\t\t\t\t@if $monochrome {\n\n\t\t\t\t\t&.sui-color-accessible {\n\t\t\t\t\t\t@content;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t@else {\n\t\t\t\t\t@content;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t@else {\n\n\t\t@if $rtl {\n\n\t\t\t.sui-#{$formatted-version}[dir=\"rtl\"] {\n\t\t\t\t@content;\n\t\t\t}\n\t\t}\n\n\t\t@else {\n\n\t\t\t.sui-#{$formatted-version} {\n\t\t\t\t@content;\n\t\t\t}\n\t\t}\n\t}\n}\n\n// Prevent text such as titles from wrapping.\n@mixin text-truncate {\n\twhite-space: nowrap;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n}\n\n// Media queries.\n// Examples:\n//   @include media(min-width, lg) {}\n//   @include media(max-width, sm) {}\n//   @include media(between, sm, lg) {}\n//\n@mixin media($type, $breakpoint-name-1, $breakpoint-name-2: null) {\n\t@if ($type == min-width) {\n\t\t$min-breakpoint-width: #{map-get($sui-breakpoints, $breakpoint-name-1)};\n\t\t@media (min-width: $min-breakpoint-width) {\n\t\t\t@content;\n\t\t}\n\t}\n\t@else if ($type == max-width) {\n\t\t$max-breakpoint-width: map-get($sui-breakpoints, $breakpoint-name-1) - 1px;\n\t\t@media (max-width: $max-breakpoint-width) {\n\t\t\t@content;\n\t\t}\n\t}\n\t@else if ($type == between) {\n\t\t$min-breakpoint-width: map-get($sui-breakpoints, $breakpoint-name-1);\n\t\t$max-breakpoint-width: map-get($sui-breakpoints, $breakpoint-name-2) - 1px;\n\t\t@media (min-width: $min-breakpoint-width) and (max-width: $max-breakpoint-width) {\n\t\t\t@content;\n\t\t}\n\t}\n\t@else {\n\t\t@warn \"Unfortunately, no type could be retrieved from `#{$type}`. \"\n\t\t+ \"Use either `min-width`, `max-width`, or `between`.\";\n\t}\n}\n\n// High PPI display background\n@mixin background-2x($path, $ext: \"png\", $w: auto, $h: auto, $pos: left top, $repeat: no-repeat) {\n\t$at1x_path: \"#{$path}.#{$ext}\";\n\t$at2x_path: \"#{$path}@2x.#{$ext}\";\n\n\tbackground: url(\"#{$at1x_path}\") $repeat $pos;\n\tbackground-size: $w $h;\n\n\t@media only screen and (-webkit-min-device-pixel-ratio: 2),\n\tonly screen and (min--moz-device-pixel-ratio: 2),\n\tonly screen and (-o-min-device-pixel-ratio: 2/1),\n\tonly screen and (min-device-pixel-ratio: 2),\n\tonly screen and (min-resolution: 192dpi),\n\tonly screen and (min-resolution: 2dppx) {\n\t\tbackground-image: url(\"#{$at2x_path}\");\n\t}\n}\n","@include body-class(true) {\n\n\t.sui-tooltip {\n\t\tposition: relative;\n\n\t\t&:before,\n\t\t&:after {\n\t\t\tcontent: \" \";\n\t\t\topacity: 0;\n\t\t\tbackface-visibility: hidden;\n\t\t\tpointer-events: none;\n\t\t\tposition: absolute;\n\t\t\tz-index: 1;\n\t\t\ttransition: 0.2s;\n\t\t}\n\n\t\t&:before {\n\t\t\tleft: 50%;\n\t\t\tbottom: 100%;\n\t\t\tborder: 5px solid transparent;\n\t\t\tborder-top-color: $tooltips-color;\n\t\t\ttransform: translateX(-50%);\n\t\t}\n\n\t\t&:after {\n\t\t\tcontent: attr(data-tooltip);\n\t\t\tmin-width: var(--tooltip-width, 40px);\n\t\t\tleft: 50%;\n\t\t\tbottom: 100%;\n\t\t\tmargin-bottom: 10px;\n\t\t\tpadding: 8px 12px;\n\t\t\tborder-radius: $border-radius;\n\t\t\tbackground-color: $tooltips-color;\n\t\t\tbox-sizing: border-box;\n\t\t\ttransform: translateX(-50%);\n\t\t\tcolor: $white;\n\t\t\tfont: 500 12px/18px $font;\n\t\t\tletter-spacing: $font--letter-spacing;\n\t\t\ttext-transform: none;\n\t\t\ttext-align: var(--tooltip-text-align, center);\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\twhite-space: nowrap;\n\t\t\t}\n\t\t}\n\n\t\t// VARIATION: Constrained tooltip\n\t\t&.sui-tooltip-constrained {\n\n\t\t\t&:after {\n\t\t\t\tmin-width: var(--tooltip-width, 240px);\n\t\t\t\twhite-space: normal;\n\t\t\t}\n\t\t}\n\n\t\t// POSITION: Top\n\t\t&.sui-tooltip-top {\n\n\t\t\t// POSITION: Left\n\t\t\t&-left {\n\n\t\t\t\t&:after {\n\t\t\t\t\tleft: 0;\n\t\t\t\t\ttransform: translateX(0);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// POSITION: Right\n\t\t\t&-right {\n\n\t\t\t\t&:after {\n\t\t\t\t\tright: 0;\n\t\t\t\t\tleft: unset;\n\t\t\t\t\ttransform: translateX(0);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// POSITION: Bottom\n\t\t&.sui-tooltip-bottom {\n\n\t\t\t&,\n\t\t\t&-left,\n\t\t\t&-right {\n\n\t\t\t\t&:before {\n\t\t\t\t\ttop: 100%;\n\t\t\t\t\tbottom: unset;\n\t\t\t\t\tborder-top-color: transparent;\n\t\t\t\t\tborder-bottom-color: $tooltips-color;\n\t\t\t\t}\n\t\n\t\t\t\t&:after {\n\t\t\t\t\ttop: 100%;\n\t\t\t\t\tbottom: unset;\n\t\t\t\t\tmargin-top: 10px;\n\t\t\t\t\tmargin-bottom: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// POSITION: Left\n\t\t\t&-left {\n\n\t\t\t\t&:after {\n\t\t\t\t\tleft: 0;\n\t\t\t\t\ttransform: translate(0);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// POSITION: Right\n\t\t\t&-right {\n\n\t\t\t\t&:after {\n\t\t\t\t\tleft: unset;\n\t\t\t\t\tright: 0;\n\t\t\t\t\ttransform: translate(0);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// POSITION: Left\n\t\t&.sui-tooltip-left {\n\n\t\t\t&:before {\n\t\t\t\ttop: 50%;\n\t\t\t\tright: 100%;\n\t\t\t\tbottom: unset;\n\t\t\t\tleft: unset;\n\t\t\t\tborder-top-color: transparent;\n\t\t\t\tborder-left-color: $tooltips-color;\n\t\t\t\ttransform: translateY(-50%);\n\t\t\t}\n\n\t\t\t&:after {\n\t\t\t\ttop: 50%;\n\t\t\t\tright: 100%;\n\t\t\t\tbottom: unset;\n\t\t\t\tleft: unset;\n\t\t\t\tmargin-right: 10px;\n\t\t\t\tmargin-bottom: 0;\n\t\t\t\ttransform: translateY(-50%);\n\t\t\t}\n\t\t}\n\n\t\t// POSITION: Right\n\t\t&.sui-tooltip-right {\n\n\t\t\t&:before {\n\t\t\t\ttop: 50%;\n\t\t\t\tbottom: unset;\n\t\t\t\tleft: 100%;\n\t\t\t\tborder-top-color: transparent;\n\t\t\t\tborder-right-color: $tooltips-color;\n\t\t\t\ttransform: translateY(-50%);\n\t\t\t}\n\n\t\t\t&:after {\n\t\t\t\ttop: 50%;\n\t\t\t\tbottom: unset;\n\t\t\t\tleft: 100%;\n\t\t\t\tmargin-left: 10px;\n\t\t\t\tmargin-bottom: 0;\n\t\t\t\ttransform: translateY(-50%);\n\t\t\t}\n\t\t}\n\n\t\t// VARIATION: Mobile\n\t\t&.sui-tooltip {\n\n\t\t\t// VARIATION: Constrained tooltip\n\t\t\t// Use this variation in case you need to keep tooltip position but\n\t\t\t// constrain its content.\n\t\t\t&-mobile {\n\n\t\t\t\t&:after {\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tmin-width: var(--tooltip-width-mobile, 120px);\n\t\t\t\t\t\twhite-space: normal;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// POSITION: Top\n\t\t\t&-top {\n\n\t\t\t\t&-mobile,\n\t\t\t\t&-left-mobile,\n\t\t\t\t&-right-mobile {\n\n\t\t\t\t\t&:before {\n\n\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\ttop: unset;\n\t\t\t\t\t\t\tbottom: 100%;\n\t\t\t\t\t\t\tleft: 50%;\n\t\t\t\t\t\t\tright: unset;\n\t\t\t\t\t\t\tborder-top-color: $tooltips-color;\n\t\t\t\t\t\t\tborder-right-color: transparent;\n\t\t\t\t\t\t\tborder-bottom-color: transparent;\n\t\t\t\t\t\t\tborder-left-color: transparent;\n\t\t\t\t\t\t\ttransform: translateX(-50%);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t&:after {\n\n\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\tmin-width: var(--tooltip-width-mobile, 120px);\n\t\t\t\t\t\t\ttop: unset;\n\t\t\t\t\t\t\tbottom: 100%;\n\t\t\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\t\t\tmargin-right: 0;\n\t\t\t\t\t\t\tmargin-bottom: 10px;\n\t\t\t\t\t\t\tmargin-left: 0;\n\t\t\t\t\t\t\twhite-space: normal;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&-mobile:after {\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tright: unset;\n\t\t\t\t\t\tleft: 50%;\n\t\t\t\t\t\ttransform: translateX(-50%);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&-left-mobile:after {\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tright: unset;\n\t\t\t\t\t\tleft: 0;\n\t\t\t\t\t\ttransform: translateX(0);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&-right-mobile:after {\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tright: 0;\n\t\t\t\t\t\tleft: unset;\n\t\t\t\t\t\ttransform: translateX(0);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// POSITION: Bottom\n\t\t\t&-bottom {\n\n\t\t\t\t&-mobile,\n\t\t\t\t&-left-mobile,\n\t\t\t\t&-right-mobile {\n\n\t\t\t\t\t&:before {\n\n\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\ttop: 100%;\n\t\t\t\t\t\t\tbottom: unset;\n\t\t\t\t\t\t\tleft: 50%;\n\t\t\t\t\t\t\tright: unset;\n\t\t\t\t\t\t\tborder-top-color: transparent;\n\t\t\t\t\t\t\tborder-right-color: transparent;\n\t\t\t\t\t\t\tborder-bottom-color: $tooltips-color;\n\t\t\t\t\t\t\tborder-left-color: transparent;\n\t\t\t\t\t\t\ttransform: translateX(-50%);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t&:after {\n\n\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\tmin-width: var(--tooltip-width-mobile, 120px);\n\t\t\t\t\t\t\ttop: 100%;\n\t\t\t\t\t\t\tbottom: unset;\n\t\t\t\t\t\t\tmargin-top: 10px;\n\t\t\t\t\t\t\tmargin-right: 0;\n\t\t\t\t\t\t\tmargin-bottom: 0;\n\t\t\t\t\t\t\tmargin-left: 0;\n\t\t\t\t\t\t\twhite-space: normal;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&-mobile:after {\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tright: unset;\n\t\t\t\t\t\tleft: 50%;\n\t\t\t\t\t\ttransform: translateX(-50%);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&-left-mobile:after {\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tright: unset;\n\t\t\t\t\t\tleft: 0;\n\t\t\t\t\t\ttransform: translateX(0);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&-right-mobile:after {\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tright: 0;\n\t\t\t\t\t\tleft: unset;\n\t\t\t\t\t\ttransform: translateX(0);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// POSITION: Left\n\t\t\t&-left-mobile {\n\n\t\t\t\t&:before {\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\ttop: 50%;\n\t\t\t\t\t\tright: 100%;\n\t\t\t\t\t\tbottom: unset;\n\t\t\t\t\t\tleft: unset;\n\t\t\t\t\t\tborder-top-color: transparent;\n\t\t\t\t\t\tborder-right-color: transparent;\n\t\t\t\t\t\tborder-bottom-color: transparent;\n\t\t\t\t\t\tborder-left-color: $tooltips-color;\n\t\t\t\t\t\ttransform: translateY(-50%);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&:after {\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tmin-width: var(--tooltip-width-mobile, 120px);\n\t\t\t\t\t\ttop: 50%;\n\t\t\t\t\t\tright: 100%;\n\t\t\t\t\t\tbottom: unset;\n\t\t\t\t\t\tleft: unset;\n\t\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\t\tmargin-right: 10px;\n\t\t\t\t\t\tmargin-bottom: 0;\n\t\t\t\t\t\tmargin-left: 0;\n\t\t\t\t\t\ttransform: translateY(-50%);\n\t\t\t\t\t\twhite-space: normal;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// POSITION: Right\n\t\t\t&-right-mobile {\n\n\t\t\t\t&:before {\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\ttop: 50%;\n\t\t\t\t\t\tright: unset;\n\t\t\t\t\t\tbottom: unset;\n\t\t\t\t\t\tleft: 100%;\n\t\t\t\t\t\tborder-top-color: transparent;\n\t\t\t\t\t\tborder-right-color: $tooltips-color;\n\t\t\t\t\t\tborder-bottom-color: transparent;\n\t\t\t\t\t\tborder-left-color: transparent;\n\t\t\t\t\t\ttransform: translateY(-50%);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&:after {\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tmin-width: var(--tooltip-width-mobile, 120px);\n\t\t\t\t\t\ttop: 50%;\n\t\t\t\t\t\tright: unset;\n\t\t\t\t\t\tbottom: unset;\n\t\t\t\t\t\tleft: 100%;\n\t\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\t\tmargin-right: 0;\n\t\t\t\t\t\tmargin-bottom: 0;\n\t\t\t\t\t\tmargin-left: 10px;\n\t\t\t\t\t\ttransform: translateY(-50%);\n\t\t\t\t\t\twhite-space: normal;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// STATE: Hover\n\t\t// Show tooltips when user hovers on it.\n\t\t&:hover {\n\n\t\t\t&:before,\n\t\t\t&:after {\n\t\t\t\topacity: 1;\n\t\t\t\tbackface-visibility: visible;\n\t\t\t}\n\t\t}\n\t}\n}","// Colors\n$palettes: (\n\tmono: (\n\t\tdefault: #000000,\n\t\tblack:   #000000,\n\t\twhite:   #FFFFFF,\n\t),\n\tgray: (\n\t\tdefault: #666666,\n\t\tlighter: #DDDDDD,\n\t\tlight:   #888888,\n\t\tdark:    #333333,\n\t),\n\tsilver: (\n\t\tdefault: #F2F2F2,\n\t\tlight:   #F8F8F8,\n\t\tsoft:    #E6E6E6,\n\t\tmedium:  #AAAAAA,\n\t),\n\tblue: (\n\t\tdefault: #17A8E3,\n\t\tlight:   #E1F6FF,\n\t\tghost:   #E1F6FF,\n\t),\n\tred: (\n\t\tdefault: #FF6D6D,\n\t\tlight:   #FFE5E9,\n\t\tghost:   #FFE5E9,\n\t),\n\tyellow: (\n\t\tdefault: #FECF2F,\n\t\tlight:   #FFF5D5,\n\t\tghost:   #FFF5D5,\n\t),\n\tgreen: (\n\t\tdefault: #1ABC9C,\n\t\tlight:   #D1F1EA,\n\t\tghost:   #D1F1EA,\n\t),\n\torange: (\n\t\tdefault: #FF7E41,\n\t\tlight:   #FFE5D9,\n\t\tghost:   #FFE5D9,\n\t),\n\tpurple: (\n\t\tdefault: #8D00B1,\n\t\tlight:   #F9E1FF,\n\t\tghost:   #F9E1FF,\n\t),\n\tmonos: (\n\t\tcloud:       #FAFAFA,\n\t\thaze:        #F8F8F8,\n\t\tsmoke:       #F2F2F2,\n\t\tsilver:      #E6E6E6,\n\t\tovercast:    #DDDDDD,\n\t\tfiftyshades: #AAAAAA,\n\t\tgrey:        #888888,\n\t\tironmike:    #666666,\n\t\tnightrider:  #333333,\n\t),\n) !default;\n\n$cloud:        palette(monos, cloud)       !default;\n$haze:         palette(monos, haze)        !default;\n$smoke:        palette(monos, smoke)       !default;\n$silver:       palette(monos, silver)    !default;\n$overcast:     palette(monos, overcast)    !default;\n$fiftyshades:  palette(monos, fiftyshades) !default;\n$grey:         palette(monos, grey)      !default;\n$ironmike:     palette(monos, ironmike)    !default;\n$nightrider:   palette(monos, nightrider)  !default;\n$blue:         palette(blue, default)    !default;\n$green:        palette(green, default)   !default;\n$yellow:       palette(yellow, default)  !default;\n$red:          palette(red, default)     !default;\n$purple:       palette(purple, default)  !default;\n$blue-ghost:   palette(blue, ghost)      !default;\n$green-ghost:  palette(green, ghost)     !default;\n$yellow-ghost: palette(yellow, ghost)    !default;\n$red-ghost:    palette(red, ghost)       !default;\n$purple-ghost: palette(purple, ghost)    !default;\n\n// ============================================================\n// Old colors (organization)\n\n$success:                               palette(green)                !default;\n$warning:                               palette(yellow)               !default;\n$error:                                 palette(red)                  !default;\n$info:                                  palette(blue)                 !default;\n\n// Primary Colors\n$white:                                 palette(mono, white)          !default;\n$black:                                 palette(mono, black)          !default;\n$gray:                                  palette(gray)                 !default;\n$gray-alt:                              palette(gray, dark)           !default;\n\n// Boxes Colors (_boxes.scss)\n$box-bg-color:                          palette(mono, white)          !default;\n$box-box-shadow-color:                  palette(silver, soft)          !default;\n$box-header-border-color:               palette(silver, soft)          !default;\n$box-footer-border-color:               palette(silver, soft)          !default;\n$box-settings-box-border-color:         palette(silver, soft)         !default;\n$box-settings-label-color:              palette(gray, dark)           !default;\n$box-upsell-p-color:                    palette(gray, dark)           !default;\n$box-upsell-border-color:               palette(purple)                !default;\n\n// ============================================================\n// Buttons Colors (_buttons.scss)\n\n$button-colors: blue green red orange yellow purple white;\n\n$button-shadow: (\n\tdefault: $overcast,\n\tblue:    $blue-ghost,\n\tgreen:   $green-ghost,\n\tred:     $red-ghost,\n\torange:  palette(orange, ghost),\n\tyellow:  $yellow-ghost,\n\tpurple:  $purple-ghost,\n\twhite:   $white\n) !default;\n\n$button-border: (\n\tdefault: palette(gray, lighter),\n\tblue:    palette(blue, light),\n\tgreen:   palette(green, light),\n\tred:     palette(red, light),\n\torange:  palette(orange, light),\n\tyellow:  palette(yellow, light),\n\tpurple:  palette(purple, light),\n\twhite:   palette(mono, white)\n) !default;\n\n$button-background: (\n\tdefault: palette(gray, light),\n\tblue:    palette(blue, default),\n\tgreen:   palette(green, default),\n\tred:     palette(red, default),\n\torange:  palette(orange, default),\n\tyellow:  palette(yellow, default),\n\tpurple:  palette(purple, default),\n\twhite:   palette(mono, white)\n) !default;\n\n$button-text-color: (\n\tdefault: palette(mono, white),\n\tblue:    palette(mono, white),\n\tgreen:   palette(mono, white),\n\tred:     palette(mono, white),\n\torange:  palette(mono, white),\n\tyellow:  palette(gray, dark),\n\tpurple:  palette(mono, white),\n\twhite:   palette(mono, black)\n) !default;\n\n$button-disabled--background: palette(silver, soft);\n$button-disabled--color:      palette(silver, medium);\n\n// Upsell Button\n$button-upsell--border-static: palette(green, light)   !default;\n$button-upsell--border-active: palette(green, default) !default;\n$button-upsell--color-static:  palette(green, default) !default;\n$button-upsell--color-active:  palette(mono, white)    !default;\n\n// Dashed Button\n$button-dashed--border:        palette(silver, medium) !default;\n$button-dashed--background:    transparent               !default;\n$button-dashed--color:         palette(gray, light)    !default;\n\n// ============================================================\n// Icon Buttons Colors (_buttons.scss)\n\n$button-icon--shadow: (\n\tdefault: $overcast,\n\tblue:    $blue-ghost,\n\tgreen:   $green-ghost,\n\tred:     $red-ghost,\n\torange:  palette(orange, ghost),\n\tyellow:  $yellow-ghost,\n\tpurple:  $purple-ghost,\n\twhite:   $white\n) !default;\n\n$button-icon--border: (\n\tdefault: palette(gray, lighter),\n\tblue:    palette(blue, light),\n\tgreen:   palette(green, light),\n\tred:     palette(red, light),\n\torange:  palette(orange, light),\n\tyellow:  palette(yellow, light),\n\tpurple:  palette(purple, light),\n\twhite:   palette(mono, white)\n) !default;\n\n$button-icon--background: (\n\tdefault: palette(silver, default),\n\tblue:    palette(blue, light),\n\tgreen:   palette(green, light),\n\tred:     palette(red, light),\n\torange:  palette(orange, light),\n\tyellow:  palette(yellow, light),\n\tpurple:  palette(purple, light),\n\twhite:   rgba(0,0,0,0.2)\n) !default;\n\n$button-icon--background-hover: (\n\tdefault: palette(gray, light),\n\tblue:    palette(blue, default),\n\tgreen:   palette(green, default),\n\tred:     palette(red, default),\n\torange:  palette(orange, default),\n\tyellow:  palette(yellow, default),\n\tpurple:  palette(purple, default),\n\twhite:   palette(mono, white)\n) !default;\n\n$button-icon--background-filled: (\n\tdefault: palette(silver, soft),\n\tblue:    palette(blue, default),\n\tgreen:   palette(green, default),\n\tred:     palette(red, default),\n\torange:  palette(orange, default),\n\tyellow:  palette(yellow, default),\n\tpurple:  palette(purple, default),\n\twhite:   palette(mono, white)\n) !default;\n\n$button-icon--color: (\n\tdefault: palette(gray, light),\n\tblue:    palette(blue, default),\n\tgreen:   palette(green, default),\n\tred:     palette(red, default),\n\torange:  palette(orange, default),\n\tyellow:  palette(yellow, default),\n\tpurple:  palette(purple, default),\n\twhite:   palette(mono, white)\n) !default;\n\n$button-icon--color-hover: (\n\tdefault: palette(gray, dark),\n\tblue:    palette(blue, default),\n\tgreen:   palette(green, default),\n\tred:     palette(red, default),\n\torange:  palette(orange, default),\n\tyellow:  palette(yellow, default),\n\tpurple:  palette(purple, default),\n\twhite:   palette(mono, white)\n) !default;\n\n$button-icon--alt: (\n\tdefault: palette(mono, white),\n\tblue:    palette(mono, white),\n\tgreen:   palette(mono, white),\n\tred:     palette(mono, white),\n\torange:  palette(mono, white),\n\tyellow:  palette(gray, dark),\n\tpurple:  palette(mono, white),\n\twhite:   palette(mono, black)\n) !default;\n\n$button-icon--color-filled: (\n\tdefault: palette(silver, medium),\n\tblue:    palette(mono, white),\n\tgreen:   palette(mono, white),\n\tred:     palette(mono, white),\n\torange:  palette(mono, white),\n\tyellow:  palette(gray, dark),\n\tpurple:  palette(mono, white),\n\twhite:   palette(mono, white)\n) !default;\n\n// ============================================================\n// Toggles Colors (_toggles.scss)\n$toggle-slider-bg-color:                palette(silver, medium)       !default;\n$toggle-slider-bg-hover-color:          palette(silver)               !default;\n$toggle-slider-active-bg-hover-color:   palette(blue, light)          !default;\n$toggle-slider-before-bg-color:         $white                        !default;\n$toggle-slider-before-checked-bg-color: palette(blue)                 !default;\n$toggle-active-disabled-bg-color:       palette(gray, lighter)        !default;\n$toggle-active-before-disabled-color:   palette(silver, lighter)        !default;\n\n// Typography Colors (_typography.scss)\n$headings-color:                        palette(gray, dark)           !default;\n$font-color:                            $gray !default;\n$p-small-color:                         palette(gray, light)          !default;\n$a-color:                               palette(blue)                 !default;\n$a-action-color:                        darken($a-color, 10%)         !default;\n$a-disabled-color:                      palette(gray, light)          !default;\n$code-bg-color:                         palette(silver, light)        !default;\n$code-border-color:                     palette(silver, soft)         !default;\n$dfn-border-color:                      palette(gray, light)          !default;\n$pre-color:                             palette(gray, dark)           !default;\n\n// Notifications Colors (_notifications.scss)\n$notice-font-color:                     palette(gray, dark)           !default;\n$notice-default-bg-color:               $white                        !default;\n$notice-default-icon-color:             palette(gray, light)          !default;\n$notice-warning-icon-color:             $warning                      !default;\n$notice-success-icon-color:             $success                      !default;\n$notice-error-icon-color:               $error                        !default;\n$notice-info-icon-color:                palette(blue)                 !default;\n\n// Tooltips (_tooltips.scss)\n$tooltips-color:                        palette(gray, dark)           !default;\n\n// ============================================================\n// Box Selectors (_box-selectors.scss)\n\n// Container\n$box-selectors--background: palette(silver, light) !default;\n\n// Item\n$box-selector--border-color: rgba(230, 230, 230, 0.5) !default;\n$box-selector--background: $white !default;\n$box-selector--color: palette(gray, light) !default;\n$box-selector--box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.05) !default;\n\n$box-selector--active-background: palette(blue, light) !default;\n$box-selector--active-color: palette(blue, default) !default;\n$box-selector--active-box-shadow:  0 0 0 4px rgba(0, 0, 0, 0.02), 0 4px 15px 0 rgba(0, 0, 0, 0.05);\n\n// Item icon\n$box-selector--icon-color: palette(silver, medium) !default;\n\n// Item ribbon\n// Used as blue triangle on top-right corner when item is selected\n$box-selector--ribbon-color: $white !default;\n$box-selector--ribbon-background: palette(blue, default) !default;\n\n// ============================================================\n// Box Builder (_box-builder.scss)\n\n// Main container\n$box-builder--background:   $white !default;\n$box-builder--border-color: palette(silver, soft) !default;\n\n// Body\n$box-builder--body-background: palette(silver, light) !default;\n$box-builder--body-message:    palette(gray, light) !default;\n\n// Fields\n$box-builder--field-background: $white                   !default;\n$box-builder--field-color:      palette(gray, dark)    !default;\n$box-builder--field-move-color: palette(gray, lighter) !default;\n$box-builder--field-move-color-hover: palette(gray, light) !default;\n$box-builder--field-border:     palette(silver, soft)  !default;\n\n// Field - Notice\n$box-builder--notice-background: palette(silver, default) !default;\n$box-builder--notice-color:      $blue !default;\n\n// ============================================================\n// Select (_select.scss)\n\n// Container\n$select-container--border-color:        palette(gray, lighter)  !default;\n$select-container--background:          #FAFAFA                 !default;\n$select-container--background-active:   $white                    !default;\n\n// List value\n$select-value--color:                   palette(gray, dark)     !default;\n\n// List results\n$select-results--border-color:          palette(gray, lighter)  !default;\n$select-results--background:            $white                    !default;\n$select-results--color:                 palette(gray, light)    !default;\n$select-results--background-hover:      rgba(51, 51, 51, 0.05)  !default;\n$select-results--color-hover:           palette(gray, default)  !default;\n$select-results--background-current:    palette(gray, light)    !default;\n$select-results--color-current:         $white                    !default;\n$select-results--optgroup-color:        palette(silver, medium) !default;\n\n// Search results\n$select-search--border-color:           palette(gray, lighter)  !default;\n$select-search--background:             #FAFAFA                 !default;\n$select-search--background-focus:       $white                    !default;\n$select-search--color:                  palette(gray, dark)     !default;\n$select-search--placeholder:            palette(silver, medium) !default;\n$select-search--result:                 palette(gray, light)    !default;\n\n// Mobile select\n$select-mobile-nav-handle-color:        palette(gray, lighter)  !default;\n$select-mobile-nav-handle-hover-color:  palette(gray, light)    !default;\n\n// ============================================================\n// Sidebar (_sidebar.scss)\n$sidenav-tab-color:                     palette(gray)                 !default;\n$sidenav-tab-color-hover:               palette(gray, dark)           !default;\n$sidenav-tab-active-color:              palette(gray, dark)           !default;\n$sidenav-tab-active-bg-color:           palette(silver, soft)         !default;\n$sidenav-tab-icon-color:                palette(green)                !default;\n\n// ============================================================\n// Summary (_summary.scss)\n$summary-details--color:     palette(gray, dark)   !default;\n$summary-details--sub-color: palette(gray, light)  !default;\n\n$summary-list--border-color: palette(silver, soft) !default;\n$summary-list--color:        palette(gray,light)   !default;\n$summary-list--label:        palette(gray, dark)   !default;\n\n// ============================================================\n// Tags (_tags.scss)\n\n// Default tags\n$tag--default-background: palette(silver) !default;\n$tag--default-color: palette(gray, dark) !default;\n\n// Red tags\n$tag--red-border-color: palette(red, light) !default;\n$tag--red-background: $error !default;\n$tag--red-color: $white !default;\n\n// Yellow tags\n$tag--yellow-border-color: palette(yellow, light) !default;\n$tag--yellow-background: $warning !default;\n$tag--yellow-color: palette(gray, dark) !default;\n\n// Green tags\n$tag--green-border-color: palette(green, light) !default;\n$tag--green-background: $success !default;\n$tag--green-color: $white !default;\n\n// Blue tags\n$tag--blue-border-color: palette(blue, light) !default;\n$tag--blue-background: palette(blue) !default;\n$tag--blue-color: $white !default;\n\n// Purple tags\n$tag--purple-border-color: palette(purple, light) !default;\n$tag--purple-background: palette(purple) !default;\n$tag--purple-color: $white;\n\n// Disabled tags\n$tag--disabled-background: palette(silver) !default;\n$tag--disabled-color: palette(silver, medium) !default;\n\n// Pro tags\n$tag--pro-background: palette(purple) !default;\n$tag--pro-color: $white !default;\n\n// Beta tags\n$tag--beta-background: palette(orange) !default;\n$tag--beta-color: $white !default;\n\n// Forms (_forms.scss)\n$form--input-border-color:\t\t\t\tpalette(gray, lighter)\t\t\t!default;\n$form--input-bg-color:\t\t\t\t\t#FAFAFA\t\t\t\t\t\t\t!default;\n$form--input-color:\t\t\t\t\t\tpalette(gray, dark)\t\t\t\t!default;\n$form--input--disabled:\t\t\t\t\tpalette(silver, default)\t\t!default;\n$form--input-color-disabled:\t\t\tpalette(silver, medium)\t\t\t!default;\n$form--input-icon:\t\t\t\t\t\tpalette(silver, medium)\t\t\t!default;\n$form--input-icon-right:\t\t\t\tpalette(gray, light)\t\t\t!default;\n$form--description-color:\t\t\t\tpalette(gray, light)\t\t\t!default;\n$form--input-color-focus:\t\t\t\tpalette(gray, dark)\t\t\t\t!default;\n$form--input-bg-color-focus:\t\t\tpalette(mono, white)\t\t\t!default;\n$form--input-border-color-hover:\t\tpalette(gray, lighter)\t\t\t!default;\n$form--input-border-color-error:        $error                        !default;\n$form--input-error-color:               $error                        !default;\n$form--input-icon-color:                palette(gray, light)          !default;\n$form--input-placeholder-color:         palette(silver, medium)       !default;\n$form--label-color:                     palette(gray, light)          !default;\n\n// ============================================================\n// Radio & Checkbox (_radio-checkbox.scss)\n$radio-checkbox--background:            #FAFAFA                !default;\n$radio-checkbox--border-color:          palette(gray, lighter) !default;\n$radio-checkbox--color:                 palette(gray)          !default;\n$radio-checkbox--checked-border-color:  $blue                    !default;\n$radio-checkbox--checked-background:    $blue                    !default;\n$radio-checkbox--disabled-border-color: palette(silver)        !default;\n$radio-checkbox--disabled-background:   palette(silver)        !default;\n\n$radio-checkbox--check-color:          $white                    !default;\n$radio-checkbox--disabled-check-color: palette(silver, medium) !default;\n\n// ============================================================\n// Upload (_upload.scss)\n\n// Image container\n$file-upload--image-border-color:       palette(silver, soft)   !default;\n$file-upload--image-mask-background:    palette(gray, lighter)  !default;\n$file-upload--image-preview-background: rgba(0, 0, 0, 0.5)      !default;\n\n// Button: Add\n$file-upload--add-border-color:         palette(gray, lighter)  !default;\n$file-upload--add-background:           transparent               !default;\n$file-upload--add-color:                palette(silver, medium) !default;\n\n// File name\n$file-upload--file-border-color:        palette(gray, lighter)  !default;\n$file-upload--file-background:          $white                    !default;\n$file-upload--file-color:               palette(gray, dark)     !default;\n$file-upload--file-hover-background:    #FAFAFA                 !default;\n\n// ============================================================\n// Color Pickers (_colorpickers.scss)\n\n// Value\n$colorpicker--border-color:                    palette(gray, lighter) !default;\n$colorpicker--background:                      #FAFAFA                !default;\n$colorpicker--color:                           palette(gray, dark)    !default;\n\n// Preview\n$colorpicker--preview-background:              palette(gray, lighter) !default;\n\n// Iris\n$colorpicker--iris-border-color:               palette(gray, lighter) !default;\n$colorpicker--iris-background:                 $white                   !default;\n$colorpicker--iris-palette-border-color:       palette(silver, soft)  !default;\n$colorpicker--iris-square-handle-border-color: $white                   !default;\n$colorpicker--iris-slider-handle-border-color: $white                   !default;\n\n// ============================================================\n// Tabs Colors (_tabs.scss)\n$tabs-label-color:                      palette(gray, light)   !default;\n$tabs-label-checked-color:              palette(gray, light)   !default;\n$tabs-label-active-color:               palette(gray, dark)    !default;\n$tabs-label-active-border-color:        palette(gray, dark)    !default;\n$tabs-content-border-color:             palette(silver, soft)  !default;\n$side-tabs--label-color:                palette(gray, default) !default;\n$side-tabs--label-background:           palette(silver, light) !default;\n$side-tabs--label-active-color:         palette(blue, default) !default;\n$side-tabs--label-active-background:    palette(blue, light)   !default;\n\n// Modals (_modals.scss)\n$modal-overlay-bg-color:                rgba(51, 51, 51, 0.95)        !default;\n$modal-box-shadow-color:                rgba(0, 0, 0, 0.2)            !default;\n$modal-close-color:                     palette(silver, medium)       !default;\n$modal-close-action-color:              palette(gray, light)          !default;\n\n// Dropdowns (_dropdowns.scss)\n$dropdown-anchor-color:                 palette(gray, light)          !default;\n$dropdown-ul-border-color:              palette(gray, lighter)        !default;\n$dropdown-label-border-color:           palette(silver, soft)         !default;\n$dropdown-ul-before-border-color:       palette(silver, soft)         !default;\n\n// Scores (_scores.scss)\n$circle-score-success-color:            $success                      !default;\n$circle-score-warning-color:            $warning                      !default;\n$circle-score-error-color:              $error                        !default;\n$circle-score-disabled-color:           palette(silver, medium)       !default;\n$circle-score-bg-color:                 $silver                       !default;\n$circle-score-default-dial-color:       $success                      !default;\n\n// Footer (_footer.scss)\n$footer-color:                          palette(silver, medium)       !default;\n$footer-color-hover:                    palette(gray, default)        !default;\n$footer-cross-sell-border-color:        palette(silver, soft)         !default;\n$footer-cross-sell-icon-color:          palette(gray, light)          !default;\n$footer-cross-sell-p-color:             palette(gray, light)          !default;\n\n// ============================================================\n// Progress Bars (_progress-bars.scss)\n$progress-block--background:   $white;\n$progress-block--border-color: palette(silver, soft);\n\n$progress-text--color:         palette(gray, light);\n$progress-status--color:       palette(gray, light);\n\n$progress-bar--background:     palette(silver, soft);\n$progress-bar--loading-color:  $blue;\n\n// ============================================================\n// Tables (_tables.scss)\n$table--border-color:                   palette(silver, soft)       !default;\n$table--th-color:                       $headings-color               !default;\n$table--text-color:                     $font-color                   !default;\n$table--field-list-title-color:         $headings-color               !default;\n$table--title-color:                    $headings-color               !default;\n\n// ============================================================\n// Accordions (_accordions.scss)\n$accordion--content-bg-color:           palette(silver,light)         !default;\n$accordion--open-indicator-color:       palette(gray,light)           !default;\n$accordion--disabled-color:             palette(silver, medium)       !default;\n$accordion--disabled-icon:              palette(gray, lighter)        !default;\n\n$accordion--block-background:           $white                          !default;\n$accordion--block-shadow:               palette(silver, soft)         !default;\n$accordion--block-color:                palette(gray, light)          !default;\n\n// ============================================================\n// Icons (_icons.scss)\n$icon-color:                            palette(gray,light)           !default;\n\n// Lists (_list.scss)\n$list-detail-color:                     palette(gray,light)           !default;\n\n// Pagination (_pagination.scss)\n$pagination-border:                     palette(silver, soft)         !default;\n$pagination-background:                 palette(mono, white)          !default;\n$pagination-item-color-static:          palette(gray, light)          !default;\n$pagination-item-color-hover:           palette(blue, default)        !default;\n$pagination-item-color-active:          palette(gray, dark)           !default;\n$pagination-item-color-disabled:        palette(gray, lighter)        !default;\n$pagination-item-bg-active:             palette(silver, light)        !default;\n$pagination-filter-border:              palette(silver, soft)         !default;\n$pagination-results:                    palette(gray, light)          !default;\n\n// ACE Editor (_ace-editor.scss)\n$ace-selector-background:       palette(gray, default) !default;\n$ace-selector-background-hover: palette(gray, dark)    !default;\n$ace-selector-color:            $white                   !default;\n\n// Recipient (_recipient.scss)\n$recipient-border-color:       palette(silver, soft) !default;\n\n// Color Accessibility (_color-accessibility.scss)\n$accessible-light:     $white;\n$accessible-dark:      $black;\n$accessible-dark-alt:  #555555;","$sui-version: '2.10.8';\n$sui-wrap-class: 'sui-wrap';\n\n// Import Google Fonts\n$import-font:                           true                          !default;\n$google-fonts-url:                      'https://fonts.googleapis.com/css?family=Roboto:400,500,700' !default;\n\n// Typography\n$font:                                  \"Roboto\", Arial, sans-serif   !default;\n$font--size:                            15px                          !default;\n\n$font--weight:\t\t\t\t\t\t\t400;\n$font--medium:\t\t\t\t\t\t\t500;\n$font--weight-bold:\t\t\t\t\t\t700;\n\n$font--line-height:                     30px                          !default;\n$font--letter-spacing:                  -0.25px                       !default;\n\n$h1-font-size:                          32px                          !default;\n$h2-font-size:                          22px                          !default;\n$h3-font-size:                          18px                          !default;\n$h4-font-size:                          15px                          !default;\n$h5-font-size:                          15px                          !default;\n$h6-font-size:                          15px                          !default;\n\n$h1-line-height:                        40px;\n$h2-line-height:                        35px;\n$h3-line-height:                        40px;\n\n$border-radius:\t\t\t\t\t\t\t4px                           !default;\n$transition:                            all 0.3s ease                 !default;\n\n// Layout\n$sui-gutter:                            30px                          !default;\n$sui-gutter-md:                         20px                          !default;\n$sui-total-grid-cols:                   12                            !default;\n$sui-breakpoints: (\n\txs: 0px,\n\tsm: 480px,\n\tmd: 783px,\n\tlg: 1200px\n) !default;\n\n// ============================================================\n// Summary\n\n// SIZE: Regular\n$summary-size:               212px                                                         !default;\n\n$summary-image--width:       192px                                                         !default;\n$summary-image--height:      182px                                                         !default;\n\n$summary-image--position-x:  30px                                                          !default;\n$summary-image--position-y:  bottom                                                        !default;\n$summary-image--position:    $summary-image--position-x $summary-image--position-y         !default;\n\n// SIZE: Small\n$summary-size-sm:              151px                                                       !default;\n\n$summary-image-sm--width:      192px                                                       !default;\n$summary-image-sm--height:     121px                                                       !default;\n\n$summary-image-sm--position-x: 30px                                                        !default;\n$summary-image-sm--position-y: bottom                                                      !default;\n$summary-image-sm--position:   $summary-image-sm--position-x $summary-image-sm--position-y !default;\n\n// ============================================================\n// Forms (_forms.scss)\n$form--input-height-base:              40px                           !default;\n$form--input-border-radius:            $border-radius                 !default;\n$form--input-line-height:              20px                           !default;\n$form--input-font-weight:              500                            !default;\n\n$form--input-error-font-size:          12px                           !default;\n$form--input-error-line-height:        16px                           !default;\n$form--input-error-font-weight:        500                            !default;\n$form--label-font:                     $font                          !default;\n$form--label-font-weight:              500                            !default;\n$form--label-font-size:                12px                           !default;\n$form--label-line-height:              16px                           !default;\n$form--description-font-weight:        400                            !default;\n$form--description-font-size:          13px                           !default;\n\n// ============================================================\n// Radio & Checkbox (_radio-checkbox.scss)\n\n// SIZE: Default\n$radio-checkbox--size:         16px !default;\n$radio-checkbox--font-size:    15px !default;\n$radio-checkbox--line-height:  22px !default;\n$radio-checkbox--check-size:   6px  !default;\n$radio-checkbox--icon-size:    10px !default;\n\n// SIZE: Small\n$radio-checkbox--font-size-sm: 13px !default;\n\n// ============================================================\n// Paths\n$sui-image-path:                       '../images/'                   !default;\n$sui-font-path:                        '../fonts/'                    !default;\n\n// ============================================================\n// Scores\n$circle-score-sm:                      30px                           !default;\n$circle-score-lg:                      120px                          !default;\n$circle-score-label-spacing:           10px                           !default;\n\n// ============================================================\n// Sidenav\n$sidenav-width:                        220px                          !default;\n\n// ============================================================\n// Margin\n$default-margin:                       30px                           !default;\n\n// ============================================================\n// Padding\n$default-padding:                      30px                           !default;\n\n// ============================================================\n// Tables\n$table--border-width:                  1px                            !default;\n$table--border-style:                  solid                          !default;\n$table--text-font-size:                13px                           !default;\n$table--text-line-height:              22px                           !default;\n\n// ============================================================\n// Select\n$select-dropdown-handle-size:          40px                           !default;\n$select-dropdown-handle-size-sm:       30px                           !default;\n\n// ============================================================\n// Accordions\n$accordion--grid:                      12                             !default;\n\n// ============================================================\n// Upload (_upload.scss)\n\n// Image container\n$file-upload--image-size:         40px   !default;\n$file-upload--image-border-width: 1px    !default;\n$file-upload--image-border-style: solid  !default;\n$file-upload--image-padding:      1px    !default;\n\n// Button: Add\n$file-upload--add-border-width:   1px    !default;\n$file-upload--add-border-style:   dashed !default;\n\n// ============================================================\n// Color Pickers (_colorpickers.scss)\n\n// Default\n$colorpicker--hex-width:                       135px !default;\n$colorpicker--rgba-width:                      215px !default;\n$colorpicker--button-size:                     30px  !default;\n$colorpicker--border-width:                    1px   !default;\n\n// Input\n$colorpicker--input-height:                    30px  !default;\n$colorpicker--input-font-size:                 12px  !default;\n$colorpicker--input-line-height:               16px  !default;\n\n// Iris\n$colorpicker--iris-hex-width:                  210px !default;\n$colorpicker--iris-rgba-width:                 240px !default;\n$colorpicker--iris-square-size:                160px !default;\n$colorpicker--iris-square-size-sm:             140px !default;\n$colorpicker--iris-square-value-size:          0     !default;\n$colorpicker--iris-square-handle-size:         16px  !default;\n$colorpicker--iris-square-handle-border-width: 3px   !default;\n$colorpicker--iris-slider-size:                190px !default;\n$colorpicker--iris-slider-handle-size:         10px  !default;\n$colorpicker--iris-slider-handle-border-width: 2px   !default;\n$colorpicker--iris-palette-size:               20px  !default;\n\n// ============================================================\n// Box Selectors (_box-selectors.scss)\n\n// Container\n$box-selectors--spacing:                20px !default;\n$box-selectors--columns: (\n\tcol-1: 100%,\n\tcol-2: 50%,\n\tcol-3: 33.33%,\n\tcol-4: 25%,\n\tcol-5: 20%\n) !default;\n\n// Item\n$box-selector--height:                  60px !default;\n$box-selector--padding:                 10px !default;\n$box-selector--font-size:               12px !default;\n$box-selector--line-height:             20px !default;\n\n$box-selector--font-size-lg:            13px !default;\n$box-selector--line-height-lg:          22px !default;\n\n// Item icon\n$box-selector--icon-width:              30px !default;\n$box-selector--icon-size:               16px !default;\n\n// Item image\n$box-selector--image-width:             24px !default;\n\n// Item ribbon\n// Used as blue triangle on top-right corner when item is selected\n$box-selector--ribbon-height:           80px !default;\n\n// Item (vertical)\n$box-selector-vertical--height:         80px !default;\n$box-selector-vertical--padding-top:    16px !default;\n$box-selector-vertical--icon-spacing:   7px !default;\n$box-selector-vertical--padding-bottom: #{$box-selector-vertical--height - ($box-selector--line-height + $box-selector--icon-size + $box-selector-vertical--icon-spacing + $box-selector-vertical--padding-top)} !default;\n\n// ============================================================\n// Progress Bars (_progress-bars.scss)\n$progress-block--size: 60px;\n$progress-bar--size:   10px;\n\n// ============================================================\n// Buttons (_buttons.scss)\n$button-dashed-height-lg:          70px !default;\n$button-dashed-height:             60px !default;\n$button-dashed-height-md:          50px !default;\n\n// ============================================================\n// Box Builder (_box-builder.scss)\n\n// Field - Basic\n$box-builder--field-height:           60px !default;\n$box-builder--field-height-md:        50px !default;\n$box-builder--field-spacing:          20px !default;\n$box-builder--field-shadow:           0 2px 7px 0 rgba(0, 0, 0, 0.05) !default;\n$box-builder--field-shadow-hover:     0 0 0 4px rgba(0, 0, 0, 0.02), 0 4px 15px 0 rgba(0, 0, 0, 0.05) !default;\n\n// Field - Icon\n$box-builder--field-icon-size: 30px !default;\n\n// ============================================================\n// Dialogs (_modals.scss)\n$wordpress: (\n\tadminbar:     32px,\n\tadminbar-sm:  32px,\n\tadminmenu:    160px, // Size for unfolded admin menu.\n\tadminmenu-sm: 36px, // Size for folded admin menu.\n) !default;\n\n$modal: (\n\tz-index:     13,\n) !default;\n\n$modal-size: (\n\txl: 980px,\n\tlg: 600px,\n\tmd: 500px,\n\tsm: 400px,\n) !default;\n\n$modal-spacing: (\n\t0:   (0, 0),\n\t10:  (10px, 10px),\n\t20:  (20px, 20px),\n\t30:  (30px, 20px),\n\t40:  (40px, 20px),\n\t50:  (50px, 40px),\n\t60:  (60px, 40px),\n\t70:  (70px, 40px),\n\t80:  (80px, 40px),\n\t90:  (90px, 50px),\n\t100: (100px, 50px),\n) !default;\n\n$modal-steps: (\n\tlg: 14px,\n\tmd: 10px,\n\tsm: 7px,\n) !default;\n\n$modal-logo: (\n\tsize: 70px,\n\tframe-width: 5px,\n\tframe-color: $white,\n) !default;\n\n$onboard: (\n\tspacing:   40px,\n\tbutton:    40px,\n\tbutton-md: 30px,\n) !default;\n\n// ============================================================\n// Toggles (_toggles.scss)\n\n$toggle-width:       34px !default;\n$toggle-height:      16px !default;\n$toggle-font-size:   15px !default;\n$toggle-font-height: 22px !default;\n\n// ************************************************************\n// Datepicker - (_calendar.scss)\n\n$calendar: (\n\tpadding:       #{($sui-gutter / 2) - 1px},\n\tborder-width:  1px,\n\tborder-style:  solid,\n\tborder-color:  palette(gray, lighter),\n\tborder-radius: $border-radius,\n\tbackground:    $white,\n\tshadow:        0 3px 7px 0 rgba(0,0,0,0.07),\n\tcell-size:     30px,\n);\n\n$calendar-padding:        map-get($calendar, padding)       !default;\n$calendar-border--width:  map-get($calendar, border-width)  !default;\n$calendar-border--style:  map-get($calendar, border-style)  !default;\n$calendar-border--color:  map-get($calendar, border-color)  !default;\n$calendar-border--radius: map-get($calendar, border-radius) !default;\n$calendar-background:     map-get($calendar, background)    !default;\n$calendar-shadow:         map-get($calendar, shadow)        !default;\n$calendar-cell:           map-get($calendar, cell-size)     !default;\n\n$month: (\n\tcolor:          palette(gray, dark),\n\tfont-size:      12px,\n\tline-height:    map-get($calendar, cell-size),\n\tfont-family:    $font,\n\tfont-weight:    bold,\n\tletter-spacing: $font--letter-spacing,\n\ttext-align:     center,\n);\n\n$month-color:   map-get($month, color)          !default;\n$month-size:    map-get($month, font-size)      !default;\n$month-height:  map-get($month, line-height)    !default;\n$month-family:  map-get($month, font-family)    !default;\n$month-weight:  map-get($month, font-weight)    !default;\n$month-spacing: map-get($month, letter-spacing) !default;\n$month-align:   map-get($month, text-align)     !default;\n\n$day: (\n\tfont-size:           12px,\n\tline-height:         map-get($calendar, cell-size),\n\tfont-family:         $font,\n\tfont-weight:         400,\n\tletter-spacing:      $font--letter-spacing,\n\ttext-align:          center,\n\tdefault-color:       palette(gray, light),\n\tdefault-background:  $white,\n\thover-color:         palette(gray, dark),\n\thover-background:    palette(silver, light),\n\tactive-color:        $blue,\n\tactive-background:   palette(blue, light),\n\tinactive-color:      palette(gray, lighter),\n\tinactive-background: $white,\n\ttoday-color:         palette(gray, default),\n\ttoday-background:    palette(yellow, light),\n);\n\n$day-size:    map-get($day, font-size)      !default;\n$day-height:  map-get($day, line-height)    !default;\n$day-family:  map-get($day, font-family)    !default;\n$day-weight:  map-get($day, font-weight)    !default;\n$day-spacing: map-get($day, letter-spacing) !default;\n$day-align:   map-get($day, text-align)     !default;\n\n$day-default--color:       map-get($day, default-color)       !default;\n$day-default--background:  map-get($day, default-background)  !default;\n$day-hover--color:         map-get($day, hover-color)         !default;\n$day-hover--background:    map-get($day, hover-background)    !default;\n$day-active--color:        map-get($day, active-color)        !default;\n$day-active--background:   map-get($day, active-background)   !default;\n$day-inactive--color:      map-get($day, inactive-color)      !default;\n$day-inactive--background: map-get($day, inactive-background) !default;\n$day-today--color:         map-get($day, today-color)         !default;\n$day-today--background:    map-get($day, today-background)    !default;\n","/* ****************************************************************************\n * MEDIA AREA SCSS FILE\n */\n@import \"~@wpmudev/shared-ui/scss/functions\";\n@import \"~@wpmudev/shared-ui/scss/colors\";\n@import \"~@wpmudev/shared-ui/scss/variables\";\n// Override body class\n$sui-version: 'smush-media';\n$sui-wrap-class: false;\n@import \"~@wpmudev/shared-ui/scss/mixins\";\n@import \"~@wpmudev/shared-ui/scss/tooltips\";\n\n/* ****************************************************************************\n * MEDIA AREA STYLES\n */\n\n// Set column width.\n.manage-column.column-smushit {\n\twidth: 260px;\n}\n\n// Margin for buttons.\n.sui-smush-media {\n\t.button {\n\t\tmargin-right: 5px;\n\t\t&:last-of-type {\n\t\t\tmargin-right: 0;\n\t\t}\n\t}\n}\n\n// Smush button loading icon.\n#ngg-listimages,\n.column-smushit {\n\t.spinner {\n\t\tfloat: none;\n\n\t\t&.visible {\n\t\t\tvisibility: visible;\n\t\t}\n\t}\n}\n\n// Stats table.\n.sui-smush-media {\n\ttable.wp-smush-stats-holder {\n\t\twidth: 100%;\n\t\tborder: 1px solid #E6E6E6;\n\t\tborder-radius: 4px;\n\t\tmargin-top: 6px;\n\t\tborder-collapse: collapse;\n\t\tborder-spacing: 0;\n\t\tthead {\n\t\t\tth.smush-stats-header {\n\t\t\t\tpadding: 8px 10px;\n\t\t\t\tborder-bottom: 1px solid #E6E6E6 !important;\n\t\t\t\tcolor: #32373D;\n\t\t\t\tfont-size: 12px;\n\t\t\t\tfont-weight: bold;\n\t\t\t\tletter-spacing: -0.23px;\n\t\t\t\tline-height: 16px;\n\t\t\t\ttext-align: left;\n\t\t\t}\n\t\t}\n\t\ttr {\n\t\t\tborder: 1px solid #E6E6E6;\n\t\t}\n\t\ttd {\n\t\t\tvertical-align: middle;\n\t\t\tpadding: 8px 10px;\n\t\t\tcolor: #555555;\n\t\t\tfont-size: 11px;\n\t\t\tletter-spacing: -0.21px;\n\t\t\tline-height: 16px;\n\t\t\tborder-bottom: 1px solid #E6E6E6;\n\t\t\t&:first-of-type {\n\t\t\t\tmax-width: 110px;\n\t\t\t\tfont-weight: 500;\n\t\t\t}\n\t\t}\n\t}\n}\n\n// Override !important set from WordPress.\n#the-list {\n\t.sui-smush-media {\n\t\tthead {\n\t\t\tth.smush-stats-header {\n\t\t\t\tborder-bottom: 1px solid #E6E6E6 !important;\n\t\t\t}\n\t\t}\n\t}\n}\n\n// Responsive table for list mode.\n@media screen and (max-width: 1024px) {\n\t.wp-list-table .smushit {\n\t\ttable.wp-smush-stats-holder {\n\t\t\tth {\n\t\t\t\tdisplay: table-cell;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t}\n\t\t\ttr td {\n\t\t\t\tword-wrap: break-word;\n\t\t\t\tdisplay: table-cell !important;\n\t\t\t\t&:first-child {\n\t\t\t\t\tborder-right: none;\n\t\t\t\t\tbox-sizing: border-box;\n\t\t\t\t}\n\t\t\t\t&:last-child {\n\t\t\t\t\tbox-sizing: border-box;\n\t\t\t\t\tfloat: none;\n\t\t\t\t\toverflow: visible;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n// NextGen Integration.\n.iedit .wp-smush-action,\n.iedit .smush-stats-details {\n\tfont-size: 11px;\n}\n\n/*NextGen Gallery stats*/\n#ngg-listimages {\n\ttable.wp-smush-stats-holder {\n\t\ttable-layout: fixed;\n\t\tborder: 1px solid lightgray;\n\t\tborder-collapse: collapse;\n\t\twidth: 100%;\n\t\ttd,\n\t\tth {\n\t\t\tborder: 1px solid #CECECE;\n\t\t}\n\t}\n\t.column-7 {\n\t\twidth: 300px;\n\t}\n\t.spinner {\n\t\twidth: auto;\n\t\tpadding-left: 30px;\n\t}\n}\n\n/** NextGen Gallery tr height, to show the progress bar properly for alternate rows **/\n.alternate.iedit {\n\theight: 120px;\n}\n\n/** Allows to click on button, otherwise row-actions from NextGen interferes **/\n.wp-smush-nextgen-send {\n\tposition: relative;\n\tz-index: 2;\n}\n","/**\n * Common styles that are used on all the WP pages in the backend\n */\n@import \"modules/media\";\n\n/**\n * Media details (grid layout)\n * @since 3.4.0\n */\n.attachment-info .smush-stats .value {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\n\t.smush-status {\n\t\tmargin: 0 0 10px;\n\t\tflex-basis: 100%;\n\t\tfont-size: 12px;\n\t\tline-height: 1.33333;\n\t}\n\n\t.smush-status-links {\n\t\twidth: 100%;\n\t}\n\n\tspan.sui-tooltip {\n\t\tfloat: none;\n\t}\n\n\ta {\n\t\tmargin-left: 5px;\n\t}\n\n\ta:first-of-type {\n\t\tmargin-left: 0;\n\t\tmargin-right: 5px;\n\t}\n}\n\n.attachment-info .smush-status-links,\n.column-smushit .smush-status-links {\n\tcolor: #ddd;\n}\n\n.column-smushit .smush-status-links > a {\n\tbox-shadow: none;\n\toutline: none;\n}\n\n.wp-smush-progress {\n\tpadding-left: 25px;\n\tmargin: 0;\n\tbackground-size: 17px 17px;\n\tvisibility: visible;\n\tvertical-align: initial !important; /* prevent from jumping on a line */\n\tdisplay: inline;\n\tcolor: #32373c;\n\tcursor: default;\n}\n\n// Fix grid view links.\n.attachment-details .setting span.wp-smush-progress {\n\twidth: auto;\n\tline-height: 0;\n\tmargin-right: 5px;\n}\n\n/** Settings Page **/\n.smush-status.fail {\n\tcolor: #dd3d36;\n}\n\n.smush-status.success {\n\tcolor: #0074a2;\n}\n\n.smush-status.error {\n\tcolor: red;\n}\n\n#post-body-content .smush-status {\n\tmargin: 4px 0;\n}\n\n.attachment-info .wp-smush-error-message {\n\tmargin: 0 0 1em;\n}\n\n.smush-stats-wrapper .row {\n\tpadding: 8px 0;\n}\n\n.smush-stats-wrapper .row:first-child {\n\tpadding-top: 0;\n}\n\n.smush-stats-wrapper td, .smush-stats-wrapper th {\n\tfont-size: 11px;\n}\n\n.smush-skipped .dashicons-editor-help {\n\tmargin-top: -2px;\n\tmargin-left: 5px;\n}\n\n.smush-skipped {\n\ta:focus { box-shadow: 0 0 black; }\n\t.sui-tag.sui-tag-purple {\n\t\tmin-height: 18px;\n\t\tpadding: 2px 10px;\n\t\tfont-size: 10px;\n\t\tline-height: 12px;\n\t\tfont-weight: 700;\n\t\tbackground-color: #8d00b1;\n\t\tcolor: #fff;\n\t\tborder: 2px solid transparent;\n\t\tborder-radius: 13px;\n\t}\n}\n\n/** Help Tip **/\n.ui-tooltip-content {\n\tfont-size: 12px;\n}\n\n/** Disabled Hyperlinks **/\n/*\n.smush-stats a[disabled] {\n\tcursor: default;\n\tcolor: grey;\n}\n\n.wp-smush-error {\n\tcolor: #ffb900;\n}\n*/\n\n/** Bulk Smush Page UI - New UI Changes **/\n/** Font-Families **/\n\n.wp-smush-page-header {\n\toverflow: hidden;\n\tmargin: 0 0 10px;\n\twidth: 100%;\n}\n\n/** Bulk Smush **/\n/** No Images **/\n.wp-smush-no-image {\n\tdisplay: block;\n\toverflow: hidden;\n}\n\n.wp-smush-upload-images {\n\tdisplay: block;\n\toverflow: hidden;\n\tpadding: 10px 0 40px;\n}\n\n/** All Smushed **/\n.wp-smush-notice {\n\tbackground-color: #D1F1EA;\n\tborder-radius: 5px;\n\tcolor: #333333;\n\tfont-family: 'Roboto', sans-serif;\n\tfont-size: 15px;\n\tline-height: 30px;\n\tmargin-bottom: 30px;\n\tpadding: 15px 30px;\n\tletter-spacing: -0.015em;\n}\n\ndiv.smush-notice-cta a.smush-notice-act.button-primary {\n\tpadding: 3px 23px;\n\tbackground-color: #00B0DB;\n\tbox-shadow: none;\n\tborder-radius: 4px;\n\tborder: none;\n\ttext-shadow: none;\n\tfont-weight: normal;\n\t-webkit-font-smoothing: antialiased;\n\n\t&:hover {\n\t\tborder: none;\n\t}\n}\n\n.wp-smush-resmush-message,\n.wp-smush-settings-updated {\n\tborder: none;\n\tmargin-bottom: 25px;\n\tpadding: 18px 50px;\n\ttext-align: center;\n}\n\na.wp-smush-resize-enable:hover,\na.wp-smush-lossy-enable:hover {\n\tcolor: #0A9BD6;\n}\n\n.wp-smush-bulk-wrapper {\n\t#wp-smush-bulk-image-count {\n\t\tcolor: #333333;\n\t\tfont-size: 28px;\n\t\tline-height: 40px;\n\t\tletter-spacing: -0.5px;\n\t\tfont-weight: 600;\n\t}\n\n\t#wp-smush-bulk-image-count-description {\n\t\tcolor: #333333;\n\t\tfont-size: 13px;\n\t\tmargin-top: 0;\n\t\tmargin-bottom: 0;\n\t}\n\n\t#wp-smush-all-button-container {\n\t\ttext-align: right;\n\t}\n\n\t.sui-tooltip,\n\t.sui-tooltip > .sui-icon-info {\n\t\tvertical-align: top;\n\t}\n\n\t#wp-smush-bulk-smush-upsell-row {\n\t\tmargin-top: 30px;\n\t\tmargin-right: 0;\n\t\tmargin-left: 0;\n\t\tborder-top: 1px solid #F2F2F2;\n\t\tpadding-top: 30px;\n\n\n\t\t.sui-col-sm-6 {\n\n\t\t\t&:first-child {\n\t\t\t\tpadding-right: 30px;\n\t\t\t\tpadding-left: 0;\n\n\t\t\t\t@media only screen and (max-width: 782px) {\n\t\t\t\t\tmargin-bottom: 5px;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.wp-smush-hidden-xl {\n\t\t\t\t@media only screen and (max-width: 782px) {\n\t\t\t\t\tpadding-left: 0;\n\t\t\t\t\tmargin-bottom: 10px;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.sui-col-sm-3:last-child {\n\t\t\tpadding-right: 0;\n\t\t}\n\n\t\th3 {\n\t\t\tfont-size: 20px;\n\t\t\tline-height: 24px;\n\t\t\tmargin-bottom: 20px;\n\t\t}\n\n\t\tp {\n\t\t\tmargin-top: 0;\n\t\t\tfont-size: 13px;\n\t\t\tline-height: 22px;\n\n\t\t\tsmall {\n\t\t\t\tcolor: #333333;\n\t\t\t\tfont-size: 11px;\n\t\t\t\tline-height: 14px;\n\t\t\t\tmargin-top: 10px;\n\t\t\t}\n\t\t}\n\n\t\t.smush-pro-features {\n\t\t\tmargin-bottom: 0;\n\n\t\t\t.smush-pro-feature-row {\n\t\t\t\tmargin-bottom: 0;\n\n\t\t\t\t.smush-pro-feature-title {\n\t\t\t\t\tfont-size: 12px;\n\t\t\t\t\tline-height: 16px;\n\t\t\t\t\tcolor: #8D00B1;\n\n\t\t\t\t\t&:before {\n\t\t\t\t\t\tfont-size: 12px;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&:not(:last-child) {\n\t\t\t\t\tpadding-bottom: 15px;\n\t\t\t\t\tmargin-bottom: 15px;\n\t\t\t\t\tborder-bottom: 1px solid #F2F2F2;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n/** Image Remaining **/\ndiv.wp-smush-remaining,\ndiv.wp-smush-dir-limit,\ndiv.smush-s3-setup-message {\n\tbackground-color: #FFF5D5;\n\tborder: none;\n\tcolor: #333333;\n\tline-height: 30px;\n\tfont-size: 15px;\n\tletter-spacing: -0.015em;\n}\n\ndiv.smush-s3-setup-message {\n\tbackground-color: #DFF6FA;\n}\n\ndiv.wp-smush-dir-limit {\n\tbackground-color: #dff6fa;\n}\n\n.wp-smush-resmush-wrap .wp-smush-remaining {\n\tpadding: 10px 50px;\n}\n\n.wp-smush-count {\n\tcolor: #888888;\n\tfont-size: 13px;\n\tline-height: 1.5;\n\tmargin-top: 15px;\n}\n\n.wp-smush-sep {\n\tmargin: 20px 0;\n}\n\n.wp-smush-ajax-error {\n\tcolor: black;\n\tfont-size: 14px;\n\tfont-weight: bold;\n\tmargin-bottom: 20px;\n}\n\n/** Stats Container **/\n\na.wp-smush-lossy-enable {\n\tcursor: pointer;\n}\n\nul.smush-pro-features {\n\tmargin-bottom: 30px;\n}\n\nli.smush-pro-feature-row {\n\tmargin-bottom: 20px;\n}\n\ndiv.smush-pro-link-wrap {\n\ttext-align: center;\n}\n\n/** Re Smush **/\n.wp-smush-settings-changed {\n\tbackground: #dff6fa;\n\tborder-radius: 5px;\n\tfont-size: 13px;\n\tline-height: 1.7;\n\tpadding: 20px;\n}\n\n.compat-item .compat-field-wp_smush {\n\tdisplay: table-row;\n}\n\n.manage-column.column-smushit {\n\twidth: 260px;\n}\n\n.smushit [tooltip],\nlabel.setting.smush-stats [tooltip],\n.compat-field-wp_smush [tooltip] {\n\tposition: relative;\n\toverflow: visible;\n}\n\n.smushit [tooltip]:before,\nlabel.setting.smush-stats [tooltip]:before,\n.compat-field-wp_smush [tooltip]:before {\n\tcontent: '';\n\tposition: absolute;\n\tborder: 5px solid transparent;\n\tborder-top-color: #0B2F3F;\n\tbottom: 100%;\n\tleft: 50%;\n\tmargin-left: -5px;\n\tmargin-bottom: -5px;\n\topacity: 0;\n\tz-index: -1;\n\ttransition: margin .2s, opacity .2s, z-index .2s linear .2s;\n\tpointer-events: none;\n}\n\n.smushit [tooltip]:after,\nlabel.setting.smush-stats [tooltip]:after,\n.compat-field-wp_smush [tooltip]:after {\n\tbackground: #0B2F3F;\n\tborder-radius: 4px;\n\tbottom: 100%;\n\tcolor: #FFF;\n\tcontent: attr(tooltip);\n\tfont-size: 13px;\n\tfont-weight: 400;\n\tleft: 50%;\n\tline-height: 20px;\n\tmargin-left: -100px;\n\tmargin-bottom: 5px;\n\topacity: 0;\n\tpadding: 5px;\n\tpointer-events: none;\n\tposition: absolute;\n\twidth: 180px;\n\ttext-align: center;\n\ttransition: margin .2s, opacity .2s, z-index .2s linear .2s;\n\twhite-space: pre-wrap;\n\tz-index: -1;\n}\n\n.smushit .smush-skipped [tooltip]:before,\nlabel.setting.smush-stats .smush-skipped [tooltip]:before,\n.compat-field-wp_smush .smush-skipped [tooltip]:before {\n\tborder-top-color: transparent;\n\tborder-left-color: #0B2F3F;\n\tbottom: 0;\n\tleft: 0;\n}\n\n.smushit .smush-skipped [tooltip]:after,\nlabel.setting.smush-stats .smush-skipped [tooltip]:after,\n.compat-field-wp_smush .smush-skipped [tooltip]:after {\n\tmargin-left: 0;\n\tleft: -195px;\n\ttop: -35px;\n\tbottom: inherit;\n\tmargin-bottom: 5px;\n}\n\nlabel.setting.smush-stats .smush-skipped [tooltip]:after {\n\ttop: -98px;\n}\n\ndiv.media-sidebar label.setting.smush-stats .smush-skipped [tooltip]:after {\n\tleft: -188px;\n\tpadding-left: 10px;\n\twidth: 170px;\n}\n\ndiv.media-sidebar label.setting.smush-stats .smush-skipped [tooltip]:before {\n\tmargin-left: -3px;\n}\n\n.smushit [tooltip].tooltip-s:after,\nlabel.setting.smush-stats [tooltip].tooltip-s:after,\n.compat-field-wp_smush [tooltip].tooltip-s:after {\n\twidth: 150px;\n\tmargin-left: -75px;\n}\n\n.smushit [tooltip].tooltip-l:after,\nlabel.setting.smush-stats [tooltip].tooltip-l:after,\n.compat-field-wp_smush [tooltip].tooltip-l:after {\n\twidth: 280px;\n\tmargin-left: -140px;\n}\n\n.smushit [tooltip].tooltip-right:after, .compat-field-wp_smush [tooltip].tooltip-right:after {\n\tmargin-left: -180px;\n}\n\n.smushit [tooltip].tooltip-s.tooltip-right:after, .compat-field-wp_smush [tooltip].tooltip-s.tooltip-right:after {\n\tmargin-left: -130px;\n}\n\n.smushit [tooltip].tooltip-l.tooltip-right:after, .compat-field-wp_smush [tooltip].tooltip-l.tooltip-right:after {\n\tmargin-left: -260px;\n}\n\n.smushit [tooltip].tooltip-bottom:before, .compat-field-wp_smush [tooltip].tooltip-bottom:before {\n\tborder-color: transparent;\n\tborder-bottom-color: #0B2F3F;\n\ttop: 100%;\n\tbottom: auto;\n\tmargin-top: -5px;\n\tmargin-bottom: 0;\n}\n\n.smushit [tooltip].tooltip-bottom:after, .compat-field-wp_smush [tooltip].tooltip-bottom:after {\n\tbottom: auto;\n\ttop: 100%;\n\tmargin-top: 5px;\n\tmargin-bottom: 0;\n}\n\n.smushit [tooltip]:hover:before,\nlabel.setting.smush-stats [tooltip]:hover:before,\n.compat-field-wp_smush [tooltip]:hover:before {\n\tz-index: 1;\n\tmargin-bottom: 0;\n\topacity: 1;\n\ttransition: margin .2s, opacity .2s;\n}\n\n.smushit [tooltip]:hover:after,\nlabel.setting.smush-stats [tooltip]:hover:after,\n.compat-field-wp_smush [tooltip]:hover:after {\n\topacity: 1;\n\tz-index: 1;\n\tmargin-bottom: 10px;\n\ttransition: margin .2s, opacity .2s;\n}\n\n.smushit .disabled[tooltip]:before,\n.smushit .disabled[tooltip]:after,\nlabel.setting.smush-stats .disabled[tooltip]:before,\nlabel.setting.smush-stats .disabled[tooltip]:after,\n.compat-field-wp_smush .disabled[tooltip]:before,\n.compat-field-wp_smush .disabled[tooltip]:after {\n\tdisplay: none;\n}\n\ndiv.wp-smush-resize-note {\n\tcolor: #555;\n\tfont-size: 13px;\n\tfont-weight: 400;\n}\n\n/** Directory Browser **/\ndiv.wp-smush-dir-desc {\n\tfont-size: 15px;\n\tfont-weight: 500;\n\tline-height: 30px;\n\tpadding: 10px 0 25px;\n}\n\n.wp-smush-select-dir {\n\tfloat: right;\n\tmargin-top: 20px;\n\twidth: 154px;\n}\n\n/** Image List **/\n\ndiv.wp-smush-scan-result {\n\tbackground: white;\n}\n\ndiv.wp-smush-scan-result div.wp-smush-notice {\n\tmargin-top: 14px;\n\tpadding: 15px 30px;\n\n}\n\ndiv.wp-smush-scan-result div.content {\n\toverflow: hidden;\n\twidth: 100%;\n}\n\ndiv.wp-smush-info.notice {\n\tfont-size: 15px;\n\tletter-spacing: -0.015em;\n\tmargin: 0 0 30px;\n\tpadding: 15px;\n}\n\n/** Media Queries **/\n\n@media screen and (max-width: 1024px) and (min-width: 800px) {\n\t/** Stats Section **/\n\t.smush-stats-wrapper h3 {\n\t\tpadding: 6px 0;\n\t}\n}\n\n/** Media Queries for resolution below 782px **/\n@media only screen and (max-width: 800px) {\n\t.dev-box.bulk-smush-wrapper.wp-smush-container {\n\t\tpadding: 20px 10px;\n\t}\n}\n\n/**\n * CSS styles used Admin notice\n */\n.smush-notice.notice {\n\tmax-width: 1000px;\n\tpadding: 0;\n\tmargin: 5px 0 10px;\n\tborder: 1px solid #E5E5E5;\n\tbackground: #FFF;\n\toverflow: hidden;\n\t-webkit-border-radius: 6px;\n\tborder-radius: 6px;\n\t-webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);\n\tbox-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);\n\tposition: relative;\n\tz-index: 1;\n\tmin-height: 80px;\n\tdisplay: table; /* The magic ingredient! */\n\tfont: 13px \"Roboto\", sans-serif;\n\n\t.smush-notice-only-admins {\n\t\tline-height: 22px;\n\t\tcolor: #888888;\n\t}\n}\n\n.smush-notice.notice.loading:before {\n\tcontent: attr(data-message);\n\tposition: absolute;\n\tleft: 0;\n\tright: 0;\n\ttop: 0;\n\tbottom: 0;\n\tbackground-color: rgba(255, 255, 255, 0.7);\n\tz-index: 5;\n\ttext-align: center;\n\tline-height: 80px;\n\tfont-size: 22px;\n\tfont-weight: bold;\n}\n\n.smush-notice > div {\n\tdisplay: table-cell; /* The magic ingredient! */\n\tvertical-align: middle;\n\tcursor: default;\n\tline-height: 1.5;\n}\n\n.smush-notice.notice.loading > div {\n\t-webkit-filter: blur(2px);\n\t-moz-filter: blur(2px);\n\t-o-filter: blur(2px);\n\t-ms-filter: blur(2px);\n\tfilter: blur(2px);\n}\n\n.smush-notice-logo {\n\tpadding-left: 30px;\n}\n\n.smush-notice-message {\n\tcolor: #23282D;\n\tfont-size: 13px;\n\tfont-weight: normal;\n\tline-height: 20px;\n\tpadding: 20px;\n\t-webkit-font-smoothing: antialiased;\n\twidth: 100%;\n}\n\n.smush-notice-cta {\n\tbackground: #F8F8F8;\n\tpadding: 0 30px;\n\tposition: relative;\n\twhite-space: nowrap;\n}\n\n.wp-core-ui .smush-notice-cta button,\n.wp-core-ui .smush-notice-cta .button-primary:active {\n\tvertical-align: middle;\n}\n\n.wp-core-ui .smush-notice-cta input[type=\"email\"] {\n\tvertical-align: middle;\n\tline-height: 20px;\n\tmargin: 0;\n\tmin-width: 50px;\n\tmax-width: 320px;\n\ttext-align: center;\n\tpadding-left: 0;\n\tpadding-right: 0;\n}\n\n.smush-notice-dismiss {\n\tbackground: transparent;\n\tborder: 0;\n\tcursor: pointer;\n\tcolor: #C5C5C5;\n\t-webkit-font-smoothing: antialiased;\n}\n\n.smush-notice-dismiss:hover {\n\tcolor: #666;\n}\n\n.wp-smush-show-xl {\n\tdisplay: none;\n}\n\n@media only all and (min-width: 1700px) {\n\t.wp-smush-hidden-xl {\n\t\tdisplay: none;\n\t}\n\t.wp-smush-show-xl {\n\t\tdisplay: block;\n\t}\n}\n\n@media only all and (max-width: 1200px) {\n\t.smush-notice-dismiss {\n\t\tdisplay: block;\n\t\tmargin: 0 auto;\n\t\tline-height: 18px;\n\t\tpadding-top: 8px;\n\t\tpadding-bottom: 2px;\n\t}\n}\n\n@media only all and (max-width: 1000px) {\n\t.smush-notice.notice {\n\t\tdisplay: block;\n\t\tfont-size: 13px;\n\t}\n\n\t.smush-notice > .smush-notice-logo {\n\t\tfloat: left;\n\t\tdisplay: inline-block;\n\t\theight: 80px;\n\t\tmargin: 10px;\n\t\tborder-radius: 4px;\n\t}\n\n\t.smush-notice > .smush-notice-message {\n\t\twidth: auto;\n\t\tdisplay: block;\n\t\tmin-height: 80px;\n\t}\n\n\t.smush-notice > .smush-notice-cta {\n\t\tdisplay: block;\n\t\tborder-top: 1px solid #E5E5E5;\n\t\tborder-left: 0;\n\t\ttext-align: center;\n\t\twhite-space: normal;\n\t\tline-height: 30px;\n\t\tpadding: 10px 20px;\n\t}\n\n\t.wp-core-ui .smush-notice > .smush-notice-cta > input[type=\"email\"],\n\t.smush-notice > .smush-notice-cta > button {\n\t\tfont-size: 14px;\n\t}\n\n\t.smush-notice > .smush-notice-cta > .smush-notice-dismiss {\n\t\tdisplay: inline-block;\n\t\tfloat: none;\n\t\tline-height: 26px;\n\t\tpadding-top: 0;\n\t\tpadding-bottom: 0;\n\t\tfont-size: 13px;\n\t}\n}\n\n@media only all and (max-width: 500px) {\n\t.wp-core-ui .smush-notice > .smush-notice-cta > input[type=\"email\"],\n\t.smush-notice > .smush-notice-cta > button {\n\t\tdisplay: block;\n\t\twidth: 100% !important;\n\t\tmax-width: none;\n\t\tmargin-bottom: 4px;\n\t\tfont-size: 16px;\n\t\theight: 34px;\n\t}\n\n\t.smush-notice > .smush-notice-cta > .smush-notice-dismiss {\n\t\tmargin-top: 5px;\n\t\tfont-size: 14px;\n\t\theight: 23px;\n\t}\n}\n"],"sourceRoot":""}