{"version":3,"sources":["webpack:///node_modules/@wpmudev/shared-ui/scss/_accessibility.scss","webpack:///node_modules/@wpmudev/shared-ui/scss/_mixins.scss","webpack:///node_modules/@wpmudev/shared-ui/scss/_animations.scss","webpack:///node_modules/@wpmudev/shared-ui/scss/_typography.scss","webpack:///node_modules/@wpmudev/shared-ui/scss/_variables.scss","webpack:///node_modules/@wpmudev/shared-ui/scss/_colors.scss","webpack:///node_modules/@wpmudev/shared-ui/scss/_icons.scss","webpack:///node_modules/@wpmudev/shared-ui/scss/_buttons.scss","webpack:///node_modules/@wpmudev/shared-ui/scss/_boxes.scss","webpack:///node_modules/@wpmudev/shared-ui/scss/_box-settings.scss","webpack:///node_modules/@wpmudev/shared-ui/scss/_notifications.scss","webpack:///node_modules/@wpmudev/shared-ui/scss/_header.scss","webpack:///node_modules/@wpmudev/shared-ui/scss/_list.scss","webpack:///node_modules/@wpmudev/shared-ui/scss/_tooltips.scss","webpack:///node_modules/@wpmudev/shared-ui/scss/_select.scss","webpack:///node_modules/@wpmudev/shared-ui/scss/_tags.scss","webpack:///node_modules/@wpmudev/shared-ui/scss/_forms.scss","webpack:///node_modules/@wpmudev/shared-ui/scss/_tabs.scss","webpack:///node_modules/@wpmudev/shared-ui/scss/_footer.scss","webpack:///node_modules/@wpmudev/shared-ui/scss/_code-snippet.scss","webpack:///node_modules/@wpmudev/shared-ui/scss/_utility.scss","webpack:///node_modules/@wpmudev/shared-ui/scss/_wp-admin-notices.scss","webpack:///node_modules/@wpmudev/shared-ui/scss/_color-accessibility.scss","webpack:///_src/scss/common/_extensions.scss","webpack:///_src/react/app.scss","webpack:///_src/react/components/border-frame/style.scss","webpack:///_src/react/components/sui-box/style.scss"],"names":[],"mappings":";AAAA,scACC,QAAS,CACT,6BAA8B,CAC9B,4BAAqB,CAArB,oBAAqB,CACrB,UAAW,CACX,WAAY,CACZ,eAAgB,CAChB,SAAU,CACV,4BAA6B,CAC7B,SAAU,CACV,2BAA4B,CCyB1B,kCChCD,sCAAuC,CAEvC,mDD8BC,kCC7BA,SAAU,CACV,cAAe,CAEhB,CD0BC,mCCvBD,uCAAwC,CAExC,mDDqBC,mCCpBA,SAAU,CACV,cAAe,CAEhB,CDiBC,oCCdD,8CAA+C,CAE/C,mDDYC,oCCXA,SAAU,CACV,cAAe,CAEhB,CDQC,qCCLD,gDAAiD,CAEjD,mDDGC,qCCFA,SAAU,CACV,cAAe,CAEhB,CDDC,0CCID,2CAA4C,CAE5C,mDDNC,0CCOA,SAAU,CACV,cAAe,CAEhB,CDVC,2CCaD,4CAA6C,CAE7C,mDDfC,2CCgBA,SAAU,CACV,cAAe,CAEhB,CAGF,wBACC,oBACC,6DAAmE,CAEpE,GACC,SAAU,CACV,oCAAqC,CAEtC,IACC,SAAU,CACV,iCAAkC,CAEnC,IACC,kCAAmC,CAEpC,IACC,gCAAiC,CAElC,GACC,cAAe,EAIjB,0BACC,GAAO,sCAAuC,CAAE,SAAS,CACzD,IAAO,SAAS,CAChB,IAAO,6CAA8C,CAAE,SAAW,CAClE,IAAO,yCAA0C,CACjD,IAAO,sCAAuC,CAC9C,KAAO,oCAAqC,EAG7C,2BACC,GAAO,uBAAwB,CAC/B,IAAO,2CAA4C,CACnD,IAAO,uCAAwC,CAC/C,IAAO,SAAU,CACjB,IAAO,yDAA0D,CAAE,SAAU,CAC7E,KAAO,YAAa,EAGrB,qBACC,IACC,gCAA8B,CAE/B,QACC,SAAU,CACV,gCAAiC,CAElC,GACC,SAAU,CACV,gCAA8B,EAIhC,kBACC,GACC,SAAU,CAEX,IACC,SAAU,EAIZ,uBACC,GACC,SAAU,CAEX,IACC,SAAU,CACV,4CAA2C,CAE5C,KACC,uCAAsC,EAIxC,mBACC,GACC,SAAU,CAEX,IACC,SAAU,CAEX,KACC,SAAU,EAIZ,wBACC,GACC,SAAU,CACV,uCAAsC,CAEvC,IACC,SAAU,CACV,4CAA2C,CAE5C,KACC,SAAU,EAIZ,sBACC,KACC,SAAU,CACV,kCAAmC,CAEpC,GACC,SAAU,CACV,cAAe,EAIjB,uBACC,KACC,SAAU,CACV,iCAAkC,CAEnC,GACC,SAAU,CACV,cAAe,EAIjB,gBACC,GACC,sBAAuB,CAExB,KACC,wBAAyB,EDxJxB,qBE1BF,qCCDkE,CDElE,eCCuB,CDAvB,cCF2C,CDG3C,gBCG2C,CDF3C,UELiB,CFMjB,qBCE8C,CDD9C,uBAAsD,CFoBpD,uBEjBD,2BAA4B,CAC5B,mCAAoC,CACpC,iCAAkC,CAClC,iCAAkC,CAClC,0BAA2B,CAC3B,kCAAmC,CACnC,oCAAuC,CFmEvC,0BAxDC,qBEPD,sBAAwE,CFmBtE,CAZD,gJEAD,aAAc,CACd,iBAAkB,CAClB,SAAU,CACV,gBCvB0C,CDwB1C,UE5BgB,CF6BhB,eC3B0B,CD4B1B,qCCjCiE,CH2BhE,wBEUD,cC3B0C,CD4B1C,gBCrB0C,CDsB1C,UEpCgB,CFqChB,QAAS,CFbR,wBEgBD,cChC0C,CDiC1C,gBC1B0C,CHSzC,wBEqBD,cCpC0C,CDqC1C,gBC9B0C,CHQzC,wBE0BD,cCxC0C,CHczC,wBE8BD,cC3C0C,CHazC,wBEkCD,cC9C0C,CHYzC,uBEwCD,qCCnEiE,CDoEjE,eCjEsB,CDkEtB,cCpE0C,CDqE1C,gBC/D0C,CDgE1C,UEvEgB,CFwEhB,qBChE6C,CDiE7C,iCAAkC,CF9CjC,mCEiDA,cAAe,CACf,gBAAiB,CACjB,UE5Ee,CF6Ef,YAAa,CFpDb,mCEwDA,YAAa,CFxDb,qDE4DA,kBC9DyC,CH0D1C,0BAxDC,qDE+DC,kBChEwC,CDkEzC,CFjEA,kCEoEA,eAAgB,CFpEhB,2BE0ED,oBAAqB,CACrB,cAAe,CACf,gBAAiB,CACjB,UEtGgB,CFuGhB,iBAAkB,CF9EjB,uBEoFD,oBAAqB,CACrB,aEpGgB,CFqGhB,eAAgB,CAChB,yBAA0B,CAC1B,kBAAmB,CACnB,eAAgB,CFzFf,2IE6FC,aEoGyD,CJjM1D,gCEkGA,mBAAoB,CFlGpB,mHEqGC,UE9Hc,CF+Hd,cAAe,CFtGhB,mDEiHD,eAAgB,CAChB,cAAe,CACf,gBAAiB,CACjB,UE5IgB,CF6I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H,kBAoHE,YAAa,cAMX,iBbvPM,CAAO,iDa4PN,sEA/HX,kBAoHE,4BAYgB,sEAhIlB,kBAoHE,mDAoBQ,oEAxIV,eAgGC,4BAyCa,oEAzId,2BAoHE,mDA6BO,sDAjJT,yBAgGC,8CjBpMY,iBiB2Pb,gBACC,gDjB5PY,ciB2Pb,iBAIC,CAAE,gBAED,oBACA,+CjBlQW,eiB2Pb,sBAYE,yDAZF,yDjB3Pa,aiB2Pb,2BAoBS,CAAE,kBAET,sBACQ,YjBvPR,gDA3BW,iBkBjCb,yFAGC,oBACC,SAAU,eACC,CACX,iClB2BA,YAAW,4CAAD,uBmB7BZ,gDnB6Ba,iBmBzBb,iCACmB,anBwBN,YmBrBb,eACQ,CAAE,uCnBoBR,iBmBfF,iBACC,wCnBcC,mBAAW,CAAX,YAAW,sBmBVb,CnBUa,kBmBVb,CAAiB,gBAEhB,kBACA,yCnBOC,mBAAW,CAAX,YAAW,CAAS,qBmBHtB,CnBGsB,kBmBHtB,CAAkB,gBAEjB,eAAa,CAAM,wCnBClB,qBmBKF,CnBLE,6BmBKF,uCnBLE,mBmBQF,CnBRE,0BmBQF,qCnBRE,iBmBWF,CnBXE,wBmBWF,mCnBXE,aAAW,mCAAX,aAAW,iCIPI,aJOJ,gCIXH,aJWG,qCAAX,mBmB+BF,yCnB/BE,uBmBmCF,4CnBnCY,0BmBuCZ,0CnBvCE,wBmB2CF,2CnB3CE,yBmB+CF,sCnB/CE,oBmBmDF,0CnBnDE,wBmBuDF,6CnBvDa,2BmB2Db,2CnB3DE,yBmB+DF,4CnB/DY,0BmBmEZ,kCnBnEE,sBmBuEF,sCnBvEE,0BmB2EF,yCnB3EE,6BmB+EF,uCnB/EE,2BmBmFF,wCnBnFE,4BmBuFF,mCnBvFE,uBmB2FF,uCnB3FE,2BmB+FF,0CnB/FE,8BmBmGF,wCnBnGE,4BmBuGF,yCnBvGE,6BmB2GF,2BACiC,eAYxB,uBACP,mDAkBQ,eAAuB,uBAC/B,oDADiB,eAAc,uBAC/B,6BACU,eAZH,uBACP,qCnBvGA,0BoBvDgB,2BACT,mCpBsDP,sBoBvDF,EAAe,0CpB4Bb,UAAW,CAAS,sfAAT,UAAS,6CAAT,wBAAS,mDAAT,qBAAS,8FAAT,eAAS,udqBLrB,iCjB1BgB,CiB4Bf,uUA9Bo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","file":"../css/wphb-react-gzip.min.css","sourcesContent":["%sui-screen-reader-text {\n\tborder: 0;\n\tclip: rect(1px, 1px, 1px, 1px);\n\tclip-path: inset(50%);\n\theight: 1px;\n\tmargin: -1px;\n\toverflow: hidden;\n\tpadding: 0;\n\tposition: absolute !important;\n\twidth: 1px;\n\tword-wrap: normal !important;\n}\n\n.sui-screen-reader-text {\n\t@extend %sui-screen-reader-text;\n}\n","// ==================================================\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-fade-in {\n\t\tanimation: fadeIn 0.3s ease-in forwards;\n\n\t\t@media screen and (prefers-reduced-motion: reduce) {\n\t\t\topacity: 1;\n\t\t\tanimation: none;\n\t\t}\n\t}\n\n\t.sui-fade-out {\n\t\tanimation: fadeOut 0.3s ease-in forwards;\n\n\t\t@media screen and (prefers-reduced-motion: reduce) {\n\t\t\topacity: 0;\n\t\t\tanimation: none;\n\t\t}\n\t}\n\n\t.sui-bounce-in {\n\t\tanimation: bounceInJiggle 0.8s ease-in forwards;\n\n\t\t@media screen and (prefers-reduced-motion: reduce) {\n\t\t\topacity: 1;\n\t\t\tanimation: none;\n\t\t}\n\t}\n\n\t.sui-bounce-out {\n\t\tanimation: bounceOutJiggle 0.6s ease-out forwards;\n\n\t\t@media screen and (prefers-reduced-motion: reduce) {\n\t\t\topacity: 0;\n\t\t\tanimation: none;\n\t\t}\n\t}\n\n\t.sui-content-fade-in {\n\t\tanimation: fadeScaleIn 0.5s ease-in forwards;\n\n\t\t@media screen and (prefers-reduced-motion: reduce) {\n\t\t\topacity: 1;\n\t\t\tanimation: none;\n\t\t}\n\t}\n\n\t.sui-content-fade-out {\n\t\tanimation: fadeScaleOut 0.9s ease-in forwards;\n\n\t\t@media screen and (prefers-reduced-motion: reduce) {\n\t\t\topacity: 0;\n\t\t\tanimation: none;\n\t\t}\n\t}\n}\n\n@keyframes bounceInDown {\n\tfrom, 60%, 75%, 90%, to {\n\t\tanimation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);\n\t}\n\t0% {\n\t\topacity: 0;\n\t\ttransform: translate3d(0, -3000px, 0);\n\t}\n\t60% {\n\t\topacity: 1;\n\t\ttransform: translate3d(0, 25px, 0);\n\t}\n\t75% {\n\t\ttransform: translate3d(0, -10px, 0);\n\t}\n\t90% {\n\t\ttransform: translate3d(0, 5px, 0);\n\t}\n\tto {\n\t\ttransform: none;\n\t}\n}\n\n@keyframes bounceInJiggle {\n\t0%   { transform: translateY(-200%) scale(1.5); opacity:0; }\n\t30%  { opacity:1; }\n\t58%  { transform: translateY(0) rotate(1deg) scale(1); opacity: 1 }\n\t72%  { transform: translateY(-30px) rotate(-1deg); }\n\t80%  { transform: translateY(0) rotate(0.5deg); }\n\t100% { transform: translateY(0) rotate(0deg); }\n}\n\n@keyframes bounceOutJiggle {\n\t0%   { transform: translateY(0); }\n\t10%  { transform: translateY(-10px) rotate(-0.5deg); }\n\t30%  { transform: translateY(20px) rotate(8deg); }\n\t70%  { opacity: 1; }\n\t90%  { transform: translateY(300%) translateX(40px) rotate(35deg); opacity: 0; }\n\t100% { display: none; }\n}\n\n@keyframes bounceOut {\n\t20% {\n\t\ttransform: scale3d(.9, .9, .9);\n\t}\n\t50%, 55% {\n\t\topacity: 1;\n\t\ttransform: scale3d(1.1, 1.1, 1.1);\n\t}\n\tto {\n\t\topacity: 0;\n\t\ttransform: scale3d(.3, .3, .3);\n\t}\n}\n\n@keyframes fadeIn {\n\t0% {\n\t\topacity: 0;\n\t}\n\t25% {\n\t\topacity: 1;\n\t}\n}\n\n@keyframes fadeScaleIn {\n\t0% {\n\t\topacity: 0;\n\t}\n\t25% {\n\t\topacity: 0;\n\t\ttransform: translate3d(0,10px,0) scale(0.9);\n\t}\n\t100% {\n\t\ttransform: translate3d(0,0,0) scale(1);\n\t}\n}\n\n@keyframes fadeOut {\n\t0% {\n\t\topacity: 1;\n\t}\n\t75% {\n\t\topacity: 1;\n\t}\n\t100% {\n\t\topacity: 0;\n\t}\n}\n\n@keyframes fadeScaleOut {\n\t0% {\n\t\topacity: 1;\n\t\ttransform: translate3d(0,0,0) scale(1);\n\t}\n\t25% {\n\t\topacity: 0;\n\t\ttransform: translate3d(0,10px,0) scale(0.9);\n\t}\n\t100% {\n\t\topacity: 0;\n\t}\n}\n\n@keyframes fadeInLeft {\n\tfrom {\n\t\topacity: 0;\n\t\ttransform: translate3d(-50px, 0, 0);\n\t}\n\tto {\n\t\topacity: 1;\n\t\ttransform: none;\n\t}\n}\n\n@keyframes fadeInRight {\n\tfrom {\n\t\topacity: 0;\n\t\ttransform: translate3d(50px, 0, 0);\n\t}\n\tto {\n\t\topacity: 1;\n\t\ttransform: none;\n\t}\n}\n\n@keyframes spin {\n\t0% {\n\t\ttransform: rotate(0deg);\n\t}\n\t100% {\n\t\ttransform: rotate(360deg);\n\t}\n}\n","// Typography\n\n@if variable-exists(google-fonts-url) and $import-font == true {\n\t@import url($google-fonts-url);\n}\n\n// Base\n@include body-class(true) {\n\n\tfont-family: $font;\n\tfont-weight: $font--weight;\n\tfont-size: $font--size;\n\tline-height: $font--line-height;\n\tcolor: $font-color;\n\tletter-spacing: $font--letter-spacing;\n\tmargin: $sui-gutter $sui-gutter 0 ($sui-gutter - 20px); // Account for padding from #wpcontent.\n\n\t* {\n\t\tfont-variant-ligatures: none;\n\t\t-webkit-font-variant-ligatures: none;\n\t\ttext-rendering: optimizeLegibility;\n\t\t-moz-osx-font-smoothing: grayscale;\n\t\tfont-smoothing: antialiased;\n\t\t-webkit-font-smoothing: antialiased;\n\t\ttext-shadow: rgba(0, 0, 0, .01) 0 0 1px;\n\t}\n\n\t@include media( max-width, md ) {\n\t\tmargin: $sui-gutter-md ($sui-gutter-md - 10px) 0 ($sui-gutter-md - 20px); // Account for padding from #wpcontent.\n\t}\n\n\n\t// Headings\n\n\th1, h2, h3, h4, h5, h6 {\n\t\tdisplay: block;\n\t\tmargin: 0.5em auto;\n\t\tpadding: 0;\n\t\tline-height: $font--line-height;\n\t\tcolor: $headings-color;\n\t\tfont-weight: $font--weight-bold;\n\t\tfont-family: $font;\n\t}\n\n\th1 {\n\t\tfont-size: $h1-font-size;\n\t\tline-height: $h1-line-height;\n\t\tcolor: $headings-color;\n\t\tmargin: 0;\n\t}\n\th2 {\n\t\tfont-size: $h2-font-size;\n\t\tline-height: $h2-line-height;\n\t}\n\n\th3 {\n\t\tfont-size: $h3-font-size;\n\t\tline-height: $h3-line-height;\n\t}\n\n\th4 {\n\t\tfont-size: $h4-font-size;\n\t}\n\n\th5 {\n\t\tfont-size: $h5-font-size;\n\t}\n\n\th6 {\n\t\tfont-size: $h6-font-size;\n\t}\n\n\t// Paragraph\n\n\tp {\n\t\tfont-family: $font;\n\t\tfont-weight: $font--weight;\n\t\tfont-size: $font--size;\n\t\tline-height: $font--line-height;\n\t\tcolor: $font-color;\n\t\tletter-spacing: $font--letter-spacing;\n\t\ttext-rendering: optimizeLegibility;\n\n\t\t&.sui-p-small {\n\t\t\tfont-size: 13px;\n\t\t\tline-height: 22px;\n\t\t\tcolor: $p-small-color;\n\t\t\tmargin: 5px 0;\n\t\t}\n\n\t\t&:first-child {\n\t\t\tmargin-top: 0;\n\t\t}\n\n\t\t&:last-of-type:not(:last-child) {\n\t\t\tmargin-bottom: $sui-gutter;\n\n\t\t\t@include media( max-width, md ) {\n\t\t\t\tmargin-bottom: $sui-gutter-md;\n\t\t\t}\n\t\t}\n\n\t\t&:last-child {\n\t\t\tmargin-bottom: 0;\n\t\t}\n\n\t}\n\n\tsmall {\n\t\tdisplay: inline-block;\n\t\tfont-size: 13px;\n\t\tline-height: 22px;\n\t\tcolor: $p-small-color;\n\t\tmargin-bottom: 5px;\n\t}\n\n\t// Links\n\n\ta {\n\t\ttext-decoration: none;\n\t\tcolor: $a-color;\n\t\tfont-weight: 500;\n\t\toutline-color: transparent;\n\t\toutline-style: none;\n\t\tbox-shadow: none;\n\n\t\t&:hover, &:focus, &:active {\n\t\t\t&:not(.sui-button) {\n\t\t\t\tcolor: $a-action-color;\n\t\t\t}\n\t\t}\n\n\t\t&.disabled {\n\t\t\tpointer-events: none;\n\n\t\t\t&:hover, &:focus, &:active {\n\t\t\t\tcolor: $a-disabled-color;\n\t\t\t\tcursor: default;\n\t\t\t}\n\n\t\t}\n\n\t}\n\n\t// Code\n\n\tcode,\n\tpre {\n\t\tfont-weight: 500;\n\t\tfont-size: 13px;\n\t\tline-height: 18px;\n\t\tcolor: $pre-color;\n\t\tbackground-color: $code-bg-color;\n\t\tborder: 1px solid $code-border-color;\n\t\tborder-radius: $border-radius;\n\t\tmargin: 0;\n\t\tpadding: 10px 15px;\n\t\twhite-space: pre;\n\t\toverflow: auto;\n\t\tmax-width: 100%;\n\t\tvertical-align: middle;\n\t\ttab-size: 4;\n\t}\n\n\tcode {\n\t\tdisplay: inline-block;\n\t\tpadding: 2px 5px;\n\t}\n\n\t// Misc\n\tb, strong {\n\t\tfont-weight: 500;\n\t}\n\n\tdfn {\n\t\tfont-style: normal;\n\t\tfont-weight: normal;\n\t\tborder-bottom: 1px dotted $dfn-border-color;\n\t}\n\n\thr {\n\t\tborder: none;\n\t\tdisplay: block;\n\t\theight: 1px;\n\t\tbackground: #e6e6e6;\n\t\tmargin: 30px 0;\n\t}\n}\n\n\n\n\n\n","$sui-version: '2.9.6';\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","// 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),\n\tred: (\n\t\tdefault: #FF6D6D,\n\t\tlight:   #FFE5E9,\n\t),\n\tyellow: (\n\t\tdefault: #FECF2F,\n\t\tlight:   #FFF5D5,\n\t),\n\tgreen: (\n\t\tdefault: #1ABC9C,\n\t\tlight:   #D1F1EA,\n\t),\n\torange: (\n\t\tdefault: #FF7E41,\n\t\tlight:   #FFE5D9,\n\t),\n\tpurple: (\n\t\tdefault: #8D00B1,\n\t\tlight:   #F9E1FF,\n\t)\n) !default;\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$blue:                                  palette(blue)                 !default;\n$red:                                   palette(red)                  !default;\n$green:                                 palette(green)                !default;\n$silver:                                palette(silver)               !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-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--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-icons {\n\tfont-family: 'wpmudev-plugin-icons' !important; // Use !important to prevent issues with browser extensions that change fonts.\n\tspeak: none;\n\tfont-size: 1em;\n\tfont-style: normal;\n\tfont-weight: normal;\n\tfont-variant: normal;\n\ttext-transform: none;\n\tline-height: 1;\n\ttext-rendering: auto;\n\tdisplay: inline-block;\n\tcolor: $icon-color;\n\n\t// Better Font Rendering\n\t-webkit-font-smoothing: antialiased;\n\t-moz-osx-font-smoothing: grayscale;\n}\n\n@mixin icon($position: before, $icon: false, $styles: true) {\n\t@if $position == both {\n\t\t$position: 'before, &:after';\n\t}\n\t// Either a :before or :after pseudo-element, or both, defaulting to :before.\n\t&:#{$position} {\n\t\t@if $icon {\n\t\t\t// A particular icon has been specified.\n\t\t\tcontent: \"#{map-get($icons, $icon)}\";\n\t\t}\n\t\t@if $styles {\n\t\t\t@extend %sui-icons;\n\t\t}\n\t\t// Include any extra rules supplied for the pseudo-element.\n\t\t@content;\n\t}\n}\n\n// Map icon names to font unicode characters.\n$icons: (\n\t\tcheck: \"\\28\",\n\t\tclose: \"\\29\",\n\t\tcheck-tick: \"\\5f\",\n\t\tcross-close: \"\\2b\",\n\t\tplus-circle: \"\\40\",\n\t\twarning-alert: \"\\21\",\n\t\tinfo: \"\\49\",\n\t\tquestion: \"\\3f\",\n\t\ttrash: \"\\51\",\n\t\tpencil: \"\\2f\",\n\t\tunlock: \"\\30\",\n\t\tlock: \"\\39\",\n\t\tkey: \"\\25ca\",\n\t\tplus: \"\\3d\",\n\t\tmagnifying-glass-search: \"\\ba\",\n\t\tmore: \"\\2026\",\n\t\twrench-tool: \"\\2044\",\n\t\twidget-settings-config: \"\\78\",\n\t\tsettings-slider-control: \"\\153\",\n\t\tloader: \"\\4e\",\n\t\tcalendar: \"\\220f\",\n\t\tclock: \"\\2c\",\n\t\tspeed-optimize: \"\\f8\",\n\t\tstopwatch: \"\\56\",\n\t\tfilter: \"\\7a\",\n\t\tbookmark: \"\\221a\",\n\t\tchevron-up: \"\\2dd\",\n\t\tchevron-right: \"\\2dc\",\n\t\tchevron-down: \"\\131\",\n\t\tchevron-left: \"\\d3\",\n\t\tarrow-up: \"\\d4\",\n\t\tarrow-right: \"\\af\",\n\t\tarrow-down: \"\\c2\",\n\t\tarrow-left: \"\\f8ff\",\n\t\tarrow-skip-back: \"\\7b\",\n\t\tarrow-skip-forward: \"\\7d\",\n\t\tarrow-skip-start: \"\\3a\",\n\t\tarrow-skip-end: \"\\22\",\n\t\tplay: \"\\b4\",\n\t\tpause: \"\\2020\",\n\t\tarrows-out: \"\\2da\",\n\t\tarrows-in: \"\\2264\",\n\t\tarrows-expand: \"\\ac\",\n\t\tarrows-compress: \"\\2265\",\n\t\trefresh2: \"\\c1\",\n\t\tzip: \"\\61\",\n\t\tcombine: \"\\6f\",\n\t\tdefer: \"\\70\",\n\t\tinlinecss: \"\\63\",\n\t\tmovefooter: \"\\75\",\n\t\tpopup: \"\\31\",\n\t\tslide-in: \"\\32\",\n\t\tembed: \"\\33\",\n\t\tlist: \"\\60\",\n\t\tlayout-grid: \"\\221e\",\n\t\tlayout: \"\\a9\",\n\t\tthumbnails: \"\\47\",\n\t\tdrag: \"\\201e\",\n\t\talign-left: \"\\25\",\n\t\talign-center: \"\\5e\",\n\t\talign-right: \"\\26\",\n\t\talign-justify: \"\\23\",\n\t\tindent-more: \"\\2019\",\n\t\tindent-less: \"\\201d\",\n\t\tblog: \"\\59\",\n\t\tlist-number: \"\\37\",\n\t\tlist-bullet: \"\\38\",\n\t\tbold: \"\\42\",\n\t\tquote-2: \"\\27\",\n\t\tstyle-type: \"\\3c\",\n\t\twand-magic: \"\\5a\",\n\t\tlink: \"\\35\",\n\t\tunlink: \"\\36\",\n\t\tpaperclip: \"\\41\",\n\t\tcode: \"\\3b\",\n\t\tcolor-pick-eyedropper: \"\\a5\",\n\t\tcrop: \"\\43\",\n\t\tpaint-bucket: \"\\222b\",\n\t\tcamera: \"\\d8\",\n\t\tphoto-picture: \"\\44\",\n\t\tanimation-video: \"\\46\",\n\t\thome: \"\\4a\",\n\t\tmail: \"\\6d\",\n\t\tsend: \"\\201c\",\n\t\tphone: \"\\3e\",\n\t\tpin: \"\\152\",\n\t\tpost-pin: \"\\2c7\",\n\t\tcalculator: \"\\a8\",\n\t\telement-checkbox: \"\\c5\",\n\t\telement-radio: \"\\cd\",\n\t\telement-select: \"\\cf\",\n\t\telement-number: \"\\da\",\n\t\trecaptcha: \"\\2013\",\n\t\tfolder: \"\\2d8\",\n\t\tfolder-open: \"\\bb\",\n\t\tarchive: \"\\62\",\n\t\tbook: \"\\2206\",\n\t\tpage-multiple: \"\\e7\",\n\t\tlayers: \"\\e6\",\n\t\tcopy: \"\\34\",\n\t\tgraph-bar: \"\\c7\",\n\t\tgraph-bar-2: \"\\2db\",\n\t\tgraph-line: \"\\a1\",\n\t\ttracking-disabled: \"\\20ac\",\n\t\tpage: \"\\d2\",\n\t\tclipboard-notes: \"\\bf\",\n\t\tpage-pdf: \"\\c6\",\n\t\theart: \"\\4b\",\n\t\tstar: \"\\53\",\n\t\tplugin-2: \"\\4f\",\n\t\tbrush: \"\\7e\",\n\t\tplug-connected: \"\\52\",\n\t\tplug-disconnected: \"\\2e\",\n\t\tpower-on-off: \"\\5b\",\n\t\ttarget: \"\\2260\",\n\t\tupload-cloud: \"\\a2\",\n\t\tdownload-cloud: \"\\a3\",\n\t\tcloud: \"\\2122\",\n\t\tcloud-migration: \"\\6c\",\n\t\tunpublish: \"\\2c6\",\n\t\tdownload: \"\\58\",\n\t\tsave: \"\\df\",\n\t\tlightbulb: \"\\4c\",\n\t\tsitemap: \"\\b8\",\n\t\tstorage-server-data: \"\\ce\",\n\t\tuser-reputation-points: \"\\45\",\n\t\ttablet-portrait: \"\\5d\",\n\t\tlaptop: \"\\ab\",\n\t\tmonitor: \"\\24\",\n\t\teye: \"\\65\",\n\t\teye-hide: \"\\71\",\n\t\tupdate: \"\\ae\",\n\t\trefresh: \"\\48\",\n\t\tundo: \"\\2030\",\n\t\tweb-globe-world: \"\\57\",\n\t\tflag: \"\\7c\",\n\t\tacademy: \"\\3c0\",\n\t\tprofile-male: \"\\b5\",\n\t\tcommunity-people: \"\\2018\",\n\t\thelp-support: \"\\4d\",\n\t\tgdpr: \"\\2211\",\n\t\tlike: \"\\6a\",\n\t\tdislike: \"\\6b\",\n\t\tfinger-point: \"\\2248\",\n\t\topen-new-window: \"\\6e\",\n\t\treply: \"\\72\",\n\t\tshare: \"\\73\",\n\t\twordpress: \"\\77\",\n\t\tsocial-facebook: \"\\66\",\n\t\tsocial-twitter: \"\\74\",\n\t\tsocial-linkedin: \"\\69\",\n\t\tsocial-dropbox: \"\\64\",\n\t\tsocial-drive: \"\\76\",\n\t\tsocial-google-plus: \"\\67\",\n\t\tsocial-youtube: \"\\79\",\n\t\tinstagram: \"\\2d\",\n\t\tcloudflare: \"\\d0\",\n\t\tsocial-github: \"\\68\",\n\t\twpmudev-logo: \"\\2039\",\n\t\tdefender: \"\\b7\",\n\t\tsmush: \"\\2021\",\n\t\tupfront: \"\\201a\",\n\t\thummingbird: \"\\b0\",\n\t\tuptime: \"\\b1\",\n\t\tsmart-crawl: \"\\2202\",\n\t\tforminator: \"\\50\",\n\t\tshipper-anchor: \"\\54\",\n\t\tsnapshot: \"\\fb01\",\n\t\thustle: \"\\2014\",\n\t\tperformance: \"\\55\",\n\t\thub: \"\\fb02\",\n\t\tautomate: \"\\2d9\",\n\t\talign-y-center: \"\\2a\",\n\t\talign-y-top: \"\\a7\",\n\t\talign-y-bottom: \"\\b6\",\n\t\talign-x-center: \"\\192\",\n\t\talign-x-right: \"\\2022\",\n\t\talign-x-left: \"\\e5\",\n\t\tlogout: \"\\203a\",\n\t\tbranda: \"\\aa\",\n);\n\n\n@font-face {\n\tfont-family: 'wpmudev-plugin-icons';\n\tsrc: url('#{$sui-font-path}wpmudev-plugin-icons.eot?#{$sui-version}');\n\tsrc: url('#{$sui-font-path}wpmudev-plugin-icons.eot?#{$sui-version}') format('embedded-opentype'),\n\turl('#{$sui-font-path}wpmudev-plugin-icons.ttf?#{$sui-version}') format('truetype'),\n\turl('#{$sui-font-path}wpmudev-plugin-icons.woff?#{$sui-version}') format('woff'),\n\turl('#{$sui-font-path}wpmudev-plugin-icons.woff2?#{$sui-version}') format('woff2'),\n\turl('#{$sui-font-path}wpmudev-plugin-icons.svg?#{$sui-version}') format('svg');\n\tfont-weight: normal;\n\tfont-style: normal;\n}\n\n@include body-class(true) {\n\n\t.sui-loading:before {\n\t\tanimation: spin 1.3s linear infinite;\n\t}\n\n\t// Set the required styles on all icons.\n\t[class*=\"sui-icon-\"] {\n\t\tdisplay: inline-block;\n\t\t@include icon(both);\n\t}\n\n\t// Icon sizes.\n\t[class*=\"sui-icon-\"].sui-xl {\n\t\t&:before {\n\t\t\tfont-size: 30px;\n\t\t}\n\t}\n\n\t[class*=\"sui-icon-\"].sui-lg {\n\t\t&:before {\n\t\t\tfont-size: 20px;\n\t\t}\n\t}\n\n\t[class*=\"sui-icon-\"].sui-md {\n\t\t&:before {\n\t\t\tfont-size: 16px;\n\t\t}\n\t}\n\n\t[class*=\"sui-icon-\"].sui-sm {\n\t\t&:before {\n\t\t\tfont-size: 12px;\n\t\t}\n\t}\n\n\t// Colors.\n\t[class*=\"sui-icon-\"].sui-success {\n\t\t&:before {\n\t\t\tcolor: inherit;\n\t\t}\n\t}\n\n\t[class*=\"sui-icon-\"].sui-error {\n\t\t&:before {\n\t\t\tcolor: inherit;\n\t\t}\n\t}\n\n\t[class*=\"sui-icon-\"].sui-warning {\n\t\t&:before {\n\t\t\tcolor: inherit;\n\t\t}\n\t}\n\n\t[class*=\"sui-icon-\"].sui-info {\n\t\t&:before {\n\t\t\tcolor: inherit;\n\t\t}\n\t}\n\n\t// Fixed width icons.\n\t[class*=\"sui-icon-\"].sui-fw {\n\t\twidth: 1.8em;\n\t\ttext-align: center;\n\t\tmin-height: 1em;\n\t}\n\n\t// Setup a class name for each icon.\n\t@each $name, $char in $icons {\n\t\t.sui-icon-#{$name}:before {\n\t\t\tcontent: $char;\n\t\t}\n\t}\n}\n","@include body-class(true) {\n\n\t.sui-button,\n\ta.sui-button,\n\tbutton.sui-button {\n\n\t\t&, &-icon {\n\t\t\tcursor: pointer;\n\t\t\tdisplay: inline-block;\n\t\t\tposition: relative;\n\t\t\tmargin: 0;\n\t\t\tborder-width: 2px;\n\t\t\tborder-style: solid;\n\t\t\tborder-color: transparent;\n\t\t\tborder-radius: $border-radius;\n\t\t\ttext-decoration: none;\n\t\t\ttext-align: center;\n\t\t\ttransition: $transition;\n\n\t\t\t.sui-loading {\n\t\t\t\twidth: 16px;\n\t\t\t\theight: 16px;\n\t\t\t\tdisplay: none;\n\t\t\t\tflex-direction: column;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t\tposition: absolute;\n\t\t\t\tmargin: 0;\n\n\t\t\t\t&:before {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sui-loading-text,\n\t\t\t.sui-button-text-default {\n\t\t\t\tdisplay: block;\n\t\t\t\tpointer-events: none;\n\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t.sui-loading-text {\n\t\t\t\t\t\toverflow: hidden;\n\t\t\t\t\t\ttext-overflow: ellipsis;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sui-button-text-onload {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\n\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\tfont-size: 12px;\n\n\t\t\t\t&:before {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tcolor: inherit;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&,\n\t\t\t&:hover,\n\t\t\t&:focus,\n\t\t\t&:active {\n\t\t\t\toutline: none;\n\t\t\t\tbox-shadow: none;\n\t\t\t}\n\n\t\t\t&.disabled,\n\t\t\t&:disabled,\n\t\t\t&[disabled],\n\t\t\t&.sui-button-onload,\n\t\t\t&.sui-button-onload-text {\n\t\t\t\tcursor: default;\n\t\t\t\tpointer-events: none;\n\t\t\t}\n\n\t\t\t&.sui-button-onload {\n\t\t\t\tpointer-events: none;\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\tflex-direction: column;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\n\t\t\t\t.sui-loading {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t}\n\n\t\t\t\t.sui-loading-text {\n\t\t\t\t\topacity: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.sui-button-onload-text {\n\t\t\t\tpointer-events: none;\n\n\t\t\t\t.sui-button-text-default {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\n\t\t\t\t.sui-button-text-onload {\n\t\t\t\t\tdisplay: block;\n\n\t\t\t\t\t.sui-loading {\n\t\t\t\t\t\twidth: auto;\n\t\t\t\t\t\theight: auto;\n\t\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\t\tposition: relative;\n\t\t\t\t\t\tvertical-align: unset;\n\t\t\t\t\t\tmargin-right: 4px;\n\n\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:not(:last-child) {\n\t\t\t\tmargin-right: 10px;\n\t\t\t}\n\t\t}\n\t}\n\n\t// VARIATION: Buttons with text\n\t.sui-button,\n\ta.sui-button,\n\tbutton.sui-button {\n\t\twidth: auto;\n\t\tmin-width: 80px;\n\t\tpadding: 5px 14px;\n\t\tbackground-color: map-get($button-background, default);\n\t\tcolor: map-get($button-text-color, default);\n\t\tfont: 500 12px/16px $font;\n\t\tletter-spacing: $font--letter-spacing;\n\t\ttext-transform: uppercase;\n\n\t\t[class*=\"sui-icon-\"] {\n\t\t\tvertical-align: middle;\n\n\t\t\t&:not(.sui-loading) {\n\t\t\t\twidth: 22px;\n\t\t\t\tposition: relative;\n\t\t\t\ttop: -1px;\n\t\t\t\tmargin-left: -7px;\n\t\t\t}\n\t\t}\n\n\t\t&:hover,\n\t\t&:focus,\n\t\t&:active {\n\t\t\tbackground-color: darken(map-get($button-background, default), 10%);\n\t\t}\n\n\t\t&.disabled,\n\t\t&:disabled,\n\t\t&[disabled],\n\t\t&.sui-button-onload,\n\t\t&.sui-button-onload-text {\n\t\t\tbackground-color: $button-disabled--background;\n\t\t\tcolor: $button-disabled--color;\n\t\t}\n\n\t\t// VARIATION: Button with right icon\n\t\t&.sui-button-icon-right {\n\n\t\t\t[class*=\"sui-icon-\"] {\n\n\t\t\t\t&:not(.sui-loading) {\n\t\t\t\t\tmargin-right: -7px;\n\t\t\t\t\tmargin-left: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// VARIATION: Colorize buttons\n\t\t@each $color in $button-colors {\n\n\t\t\t&.sui-button-#{$color} {\n\t\t\t\tbackground-color: map-get($button-background, $color);\n\t\t\t\tcolor: map-get($button-text-color, $color);\n\n\t\t\t\t&:hover,\n\t\t\t\t&:focus,\n\t\t\t\t&:active {\n\t\t\t\t\tbackground-color: darken(map-get($button-background, $color), 10%);\n\t\t\t\t}\n\n\t\t\t\t&.disabled,\n\t\t\t\t&:disabled,\n\t\t\t\t&[disabled],\n\t\t\t\t&.sui-button-onload,\n\t\t\t\t&.sui-button-onload-text {\n\t\t\t\t\tbackground-color: $button-disabled--background;\n\t\t\t\t\tcolor: $button-disabled--color;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// VARIATION: Upsell button\n\t\t&.sui-button-upsell {\n\t\t\twidth: auto;\n\t\t\theight: 26px;\n\t\t\tpadding: 4px 14px;\n\t\t\tborder-color: $button-upsell--border-static;\n\t\t\tborder-radius: 14px;\n\t\t\tbackground-color: transparent;\n\t\t\tcolor: $button-upsell--color-static;\n\t\t\tline-height: 14px;\n\t\t\ttext-transform: none;\n\n\t\t\t&:hover,\n\t\t\t&:focus,\n\t\t\t&:active {\n\t\t\t\topacity: 1;\n\t\t\t\tborder-color: $button-upsell--border-active;\n\t\t\t\tbackground-color: $button-upsell--border-active;\n\t\t\t\tcolor: $button-upsell--color-active;\n\t\t\t}\n\t\t}\n\n\t\t// VARIATION: Dashed button\n\t\t&.sui-button-dashed {\n\t\t\twidth: 100%;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\tborder-width: 1px;\n\t\t\tborder-style: dashed;\n\t\t\tborder-color: $button-dashed--border;\n\t\t\tbackground-color: $button-dashed--background;\n\t\t\tcolor: $button-dashed--color;\n\t\t\tline-height: 18px;\n\n\t\t\t&.sui-lg {\n\t\t\t\theight: $button-dashed-height-lg;\n\n\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\theight: $button-dashed-height-md;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@include media(max-width, md) {\n\t\t\t\theight: $button-dashed-height-md;\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\theight: $button-dashed-height;\n\t\t\t}\n\t\t}\n\n\t\t// VARIATION: Ghost button\n\t\t&.sui-button-ghost {\n\t\t\tborder-color: map-get($button-border, default);\n\t\t\tbackground-color: transparent;\n\t\t\tcolor: map-get($button-background, default);\n\n\t\t\t&:hover,\n\t\t\t&:focus,\n\t\t\t&:active {\n\t\t\t\tborder-color: map-get($button-background, default);\n\t\t\t\tbackground-color: map-get($button-background, default);\n\t\t\t\tcolor: map-get($button-text-color, default);\n\t\t\t}\n\n\t\t\t&.disabled,\n\t\t\t&:disabled,\n\t\t\t&[disabled],\n\t\t\t&.sui-button-onload,\n\t\t\t&.sui-button-onload-text {\n\t\t\t\tborder-color: $button-disabled--background;\n\t\t\t\tbackground-color: $button-disabled--background;\n\t\t\t\tcolor: $button-disabled--color;\n\t\t\t}\n\n\t\t\t@each $color in $button-colors {\n\n\t\t\t\t&.sui-button-#{$color} {\n\t\t\t\t\tborder-color: map-get($button-border, $color);\n\t\t\t\t\tcolor: map-get($button-background, $color);\n\n\t\t\t\t\t&:hover,\n\t\t\t\t\t&:focus,\n\t\t\t\t\t&:active {\n\t\t\t\t\t\tborder-color: map-get($button-background, $color);\n\t\t\t\t\t\tbackground-color: map-get($button-background, $color);\n\t\t\t\t\t\tcolor: map-get($button-text-color, $color);\n\t\t\t\t\t}\n\n\t\t\t\t\t&.disabled,\n\t\t\t\t\t&:disabled,\n\t\t\t\t\t&[disabled],\n\t\t\t\t\t&.sui-button-onload {\n\t\t\t\t\t\tborder-color: $button-disabled--background;\n\t\t\t\t\t\tbackground-color: $button-disabled--background;\n\t\t\t\t\t\tcolor: $button-disabled--color;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// VARIATION: Compound button\n\t\t&.sui-button-compound {\n\n\t\t\t.sui-compound-desktop {\n\n\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sui-compound-mobile {\n\n\t\t\t\t[class*=\"sui-icon-\"] {\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tmargin-right: 0;\n\t\t\t\t\t\tmargin-left: 0;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t}\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@include media(max-width, md) {\n\t\t\t\tmin-width: 44px;\n\t\t\t\tpadding-right: 5px;\n\t\t\t\tpadding-left: 5px;\n\t\t\t}\n\t\t}\n\n\t\t// SIZE: Large\n\t\t&.sui-button-lg {\n\t\t\tpadding: 8px 20px;\n\t\t\tfont-size: 15px;\n\t\t\tline-height: 20px;\n\n\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\tfont-size: 16px;\n\t\t\t}\n\t\t}\n\t}\n\n\t// VARIATION: Buttons with icons (only)\n\t// This variation it's not related and must not be used with .sui-button class\n\t.sui-button-icon,\n\ta.sui-button-icon,\n\tbutton.sui-button-icon {\n\t\twidth: 30px;\n\t\theight: 30px;\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tpadding: 0 4px;\n\t\tborder-width: 1px;\n\t\tbackground-color: transparent;\n\t\tcolor: map-get($button-icon--color, default);\n\t\ttext-align: center;\n\t\twhite-space: nowrap;\n\n\t\t[class*=\"sui-icon-\"] {\n\n\t\t\t&:not(.sui-loading) {\n\t\t\t\tdisplay: block;\n\t\t\t}\n\t\t}\n\n\t\t&:hover,\n\t\t&:focus,\n\t\t&:active,\n\t\t&.sui-active {\n\t\t\tbackground-color: map-get($button-icon--background, default);\n\t\t\tcolor: map-get($button-icon--color-hover, default);\n\t\t}\n\n\t\t&.disabled,\n\t\t&:disabled,\n\t\t&[disabled],\n\t\t&.sui-button-onload,\n\t\t&.sui-button-onload-text {\n\t\t\tcolor: $button-disabled--color;\n\t\t\tbackground-color: $button-disabled--background;\n\t\t}\n\n\t\t@each $color in $button-colors {\n\n\t\t\t&.sui-button-#{$color} {\n\t\t\t\tcolor: map-get($button-icon--color, $color);\n\n\t\t\t\t&:hover,\n\t\t\t\t&:focus,\n\t\t\t\t&:active,\n\t\t\t\t&.sui-active {\n\t\t\t\t\tbackground-color: map-get($button-icon--background, $color);\n\t\t\t\t\tcolor: map-get($button-icon--color-hover, $color);\n\t\t\t\t}\n\n\t\t\t\t&.disabled,\n\t\t\t\t&:disabled,\n\t\t\t\t&[disabled],\n\t\t\t\t&.sui-button-onload,\n\t\t\t\t&.sui-button-onload-text {\n\t\t\t\t\tcolor: $button-disabled--color;\n\t\t\t\t\tbackground-color: $button-disabled--background;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// DESIGN: Outlined\n\t\t&.sui-button-outlined {\n\t\t\twidth: 44px;\n\t\t\tborder-color: map-get($button-icon--border, default);\n\n\t\t\t&:hover,\n\t\t\t&:focus,\n\t\t\t&:active,\n\t\t\t&.sui-active {\n\t\t\t\tborder-color: map-get($button-icon--background-hover, default);\n\t\t\t\tbackground-color: map-get($button-icon--background-hover, default);\n\t\t\t\tcolor: map-get($button-icon--alt, default);\n\t\t\t}\n\n\t\t\t&.disabled,\n\t\t\t&:disabled,\n\t\t\t&[disabled],\n\t\t\t&.sui-button-onload,\n\t\t\t&.sui-button-onload-text {\n\t\t\t\tborder-color: $button-disabled--background;\n\t\t\t}\n\n\t\t\t@each $color in $button-colors {\n\n\t\t\t\t&.sui-button-#{$color} {\n\t\t\t\t\tborder-color: map-get($button-icon--border, $color);\n\n\t\t\t\t\t&:hover,\n\t\t\t\t\t&:focus,\n\t\t\t\t\t&:active,\n\t\t\t\t\t&.sui-active {\n\t\t\t\t\t\tborder-color: map-get($button-icon--background-hover, $color);\n\t\t\t\t\t\tbackground-color: map-get($button-icon--background-hover, $color);\n\t\t\t\t\t\tcolor: map-get($button-icon--alt, $color);\n\t\t\t\t\t}\n\n\t\t\t\t\t&.disabled,\n\t\t\t\t\t&:disabled,\n\t\t\t\t\t&[disabled],\n\t\t\t\t\t&.sui-button-onload,\n\t\t\t\t\t&.sui-button-onload-text {\n\t\t\t\t\t\tborder-color: $button-disabled--background;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// DESIGN: Filled\n\t\t&.sui-button-filled {\n\t\t\tbackground-color: map-get($button-icon--background-filled, default);\n\t\t\tcolor: map-get($button-icon--color-filled, default);\n\n\t\t\t&:hover,\n\t\t\t&:focus,\n\t\t\t&:active,\n\t\t\t&.sui-active {\n\t\t\t\tbackground-color: darken(map-get($button-icon--background-filled, default), 8%);\n\t\t\t}\n\n\t\t\t&.disabled,\n\t\t\t&:disabled,\n\t\t\t&[disabled],\n\t\t\t&.sui-button-onload,\n\t\t\t&.sui-button-onload-text {\n\t\t\t\tbackground-color: $button-disabled--background;\n\t\t\t\tcolor: $button-disabled--color;\n\t\t\t}\n\n\t\t\t@each $color in $button-colors {\n\n\t\t\t\t&.sui-button-#{$color} {\n\t\t\t\t\tbackground-color: map-get($button-icon--background-filled, $color);\n\t\t\t\t\tcolor: map-get($button-icon--color-filled, $color);\n\n\t\t\t\t\t&:hover,\n\t\t\t\t\t&:focus,\n\t\t\t\t\t&:active,\n\t\t\t\t\t&.sui-active {\n\t\t\t\t\t\tbackground-color: darken(map-get($button-icon--background-filled, $color), 10%);\n\t\t\t\t\t}\n\n\t\t\t\t\t&.disabled,\n\t\t\t\t\t&:disabled,\n\t\t\t\t\t&[disabled],\n\t\t\t\t\t&.sui-button-onload,\n\t\t\t\t\t&.sui-button-onload-text {\n\t\t\t\t\t\tbackground-color: $button-disabled--background;\n\t\t\t\t\t\tcolor: $button-disabled--color;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// SIZE: Large\n\t\t&.sui-button-lg {\n\t\t\twidth: 50px;\n\t\t\theight: 40px;\n\n\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\tfont-size: 13px;\n\t\t\t}\n\t\t}\n\t}\n\n\t// FIX: Dropdown button\n\t// Remove margin when using sui-buttons inside dropdown element\n\t.sui-dropdown {\n\n\t\t.sui-button,\n\t\ta.sui-button,\n\t\tbutton.sui-button {\n\n\t\t\t&, &-icon {\n\n\t\t\t\t&:not(:last-child) {\n\t\t\t\t\tmargin-right: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","@include body-class(true) {\n\n\t* {\n\t\tbox-sizing: border-box;\n\t}\n\n\t*:before,\n\t*:after {\n\t\tbox-sizing: border-box;\n\t}\n\n\t// ELEMENT: Box\n\t.sui-box {\n\t\tmin-height: 20px;\n\t\tposition: relative;\n\t\tborder-radius: $border-radius;\n\t\tbackground-color: $box-bg-color;\n\t\tbox-shadow: 0 2px 0 $box-box-shadow-color;\n\n\t\t// BOX: Header\n\t\t.sui-box-header {\n\t\t\tborder-bottom: 1px solid $box-header-border-color;\n\t\t\tpadding: 15px 30px;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\n\t\t\t@include media( max-width, md ) {\n\t\t\t\tpadding: 15px $sui-gutter-md;\n\t\t\t}\n\n\t\t\t& > h3 > i {\n\t\t\t\tline-height: 30px;\n\t\t\t}\n\t\t}\n\n\t\t// BOX: Body\n\t\t.sui-box-body {\n\n\t\t\t@include media(max-width, md) {\n\t\t\t\tpadding: $sui-gutter-md;\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tpadding: $sui-gutter;\n\t\t\t}\n\t\t}\n\n\t\t// BOX: Footer\n\t\t.sui-box-footer {\n\t\t\tborder-top: 1px solid $box-footer-border-color;\n\t\t\tpadding: 30px;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\t&.sui-pull-up {\n\t\t\t\tmargin-top: -15px;\n\t\t\t}\n\n\t\t\t@include media( max-width, md ) {\n\t\t\t\tpadding: $sui-gutter-md;\n\t\t\t}\n\t\t}\n\n\t\t// BOX: Status Bar\n\t\t.sui-box-status {\n\t\t\tpadding: #{$sui-gutter / 2} $sui-gutter-md $sui-gutter-md;\n\n\t\t\t.sui-status {\n\t\t\t\tdisplay: flex;\n\n\t\t\t\t[class*=\"sui-status-\"] {\n\t\t\t\t\tfont-size: 12px;\n\t\t\t\t\tline-height: 30px;\n\t\t\t\t\tfont-family: $font;\n\t\t\t\t\tletter-spacing: $font--letter-spacing;\n\n\t\t\t\t\t.sui-tag {\n\t\t\t\t\t\tmargin-left: 8px;\n\t\t\t\t\t}\n\n\t\t\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\t\t\tmargin-right: 4px;\n\t\t\t\t\t\tfont-size: 12px;\n\n\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t&:not(:last-child) {\n\t\t\t\t\t\tmargin-right: 20px;\n\t\t\t\t\t}\n\n\t\t\t\t\t&:not(:first-child) {\n\t\t\t\t\t\tpadding-left: 20px;\n\t\t\t\t\t\tborder-left: 1px solid palette(silver, soft);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.sui-status-module {\n\t\t\t\t\tcolor: palette(gray, light);\n\t\t\t\t\tfont-weight: bold;\n\t\t\t\t}\n\n\t\t\t\t.sui-status-changes {\n\t\t\t\t\tcolor: palette(silver, medium);\n\t\t\t\t\tfont-weight: 500;\n\t\t\t\t\tletter-spacing: $font--letter-spacing;\n\n\t\t\t\t\t.sui-icon-check-tick:before {\n\t\t\t\t\t\tcolor: palette(green, default);\n\t\t\t\t\t}\n\n\t\t\t\t\t.sui-icon-update:before {\n\t\t\t\t\t\tcolor: palette(gray, light);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t+ .sui-actions {\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tmargin-top: #{$sui-gutter / 2};\n\t\t\t\t\t}\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tmargin-left: #{$sui-gutter / 2};\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tflex: 1;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sui-actions {\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tflex: 0 0 auto;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tdisplay: flex;\n\t\t\t\tpadding: #{$sui-gutter / 2} $sui-gutter;\n\t\t\t}\n\t\t}\n\n\t\t// BOX: Search Bar\n\t\t.sui-box-search {\n\n\t\t\t> * {\n\t\t\t\tmax-width: 100%;\n\t\t\t\tflex: 0 1 auto;\n\t\t\t}\n\n\t\t\t> .sui-search-left {\n\n\t\t\t\t&:not(:last-child) {\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tmargin-right: #{$sui-gutter / 2};\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\tflex: 1;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t> .sui-search-right {\n\n\t\t\t\t&:only-child {\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tflex: 1;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&:not(:only-child) {\n\n\t\t\t\t\t&:not(:last-child) {\n\n\t\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t\tmargin-right: #{$sui-gutter / 2};\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tflex: 0 0 auto;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tdisplay: flex;\n\t\t\t}\n\t\t}\n\n\t\t// BOX: Sticky box\n\t\t&.sui-box-sticky {\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tposition: sticky !important;\n\t\t\t\ttop: 32px;\n\t\t\t\tz-index: 12;\n\t\t\t}\n          &.sui-is-sticky {\n              box-shadow: 0 5px 25px rgba(0, 0, 0, .15);\n          }\n\t\t}\n\n\t\t> .sui-box-search {\n\t\t\tpadding-top: #{$sui-gutter / 2};\n\t\t\tpadding-bottom: #{$sui-gutter / 2};\n\n\t\t\t@include media(max-width, md) {\n\t\t\t\tpadding-right: $sui-gutter-md;\n\t\t\t\tpadding-left: $sui-gutter-md;\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tpadding-right: $sui-gutter;\n\t\t\t\tpadding-left: $sui-gutter;\n\t\t\t}\n\t\t}\n\n\t\t&:last-child {\n\n\t\t\t@include media(max-width, md) {\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\t\t}\n\n\t\t@include media(max-width, md) {\n\t\t\tmargin-bottom: $sui-gutter-md;\n\t\t}\n\n\t\t@include media(min-width, md) {\n\t\t\tmargin-bottom: $sui-gutter;\n\t\t}\n\t}\n\n\t// ELEMENT: Box Message\n\t// Commonly used for \"empty message\" or text with image on top.\n\t// To use with sui-box preferrably.\n\t.sui-message {\n\t\tdisplay: block;\n\t\ttext-align: center;\n\n\t\t.sui-message-content {\n\t\t\tmax-width: 600px;\n\t\t\tmargin-right: auto;\n\t\t\tmargin-left: auto;\n\n\t\t\th1, h2, h3, h4, h5, h6 {\n\t\t\t\tmargin: 0 0 $sui-gutter-md;\n\n\t\t\t\t&:last-child {\n\t\t\t\t\tmargin-bottom: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tp {\n\t\t\t\tmargin: 0 0 $sui-gutter;\n\t\t\t\tletter-spacing: -0.25px;\n\n\t\t\t\t&:last-child {\n\t\t\t\t\tmargin-bottom: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@include media(max-width, md) {\n\t\t\t\tmargin-top: $sui-gutter-md;\n\t\t\t\tmargin-bottom: $sui-gutter-md;\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tmargin-top: $sui-gutter;\n\t\t\t\tmargin-bottom: $sui-gutter;\n\t\t\t}\n\t\t}\n\n\t\t// SIZE: Regular\n\t\t&:not(.sui-message-lg) {\n\n\t\t\t.sui-image {\n\t\t\t\tmargin: 10px auto;\n\t\t\t}\n\n\t\t\t.sui-message-content {\n\n\t\t\t\t&:first-child {\n\t\t\t\t\tmargin-top: 0;\n\t\t\t\t}\n\n\t\t\t\t&:last-child {\n\t\t\t\t\tmargin-bottom: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// SIZE: Large\n\t\t&.sui-message-lg {\n\n\t\t\t.sui-image {\n\t\t\t\tmargin: $sui-gutter auto;\n\t\t\t}\n\t\t}\n\n\t\t&:first-child {\n\t\t\tmargin-top: 0;\n\t\t}\n\n\t\t&:last-child {\n\t\t\tmargin-bottom: 0;\n\t\t}\n\n\t\t@include media(max-width, md) {\n\t\t\tpadding: $sui-gutter-md;\n\t\t}\n\n\t\t@include media(min-width, md) {\n\t\t\tpadding: $sui-gutter;\n\t\t}\n\t}\n\n\t// ELEMENT: Box Title\n\t.sui-box {\n\n\t\t.sui-box-title {\n\t\t\tdisplay: block;\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\t\t\tborder: 0;\n\t\t\tcolor: palette(gray, dark);\n\t\t\tfont: $font--weight-bold 15px/30px $font;\n\t\t\ttext-transform: none;\n\t\t\t@include text-truncate;\n\n\t\t\t* {\n\t\t\t\tvertical-align: middle;\n\t\t\t}\n\n\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\tfloat: left;\n\t\t\t\tdisplay: block;\n\t\t\t\tmargin-right: 10px;\n\n\t\t\t\t&:before {\n\t\t\t\t\tcolor: inherit;\n\t\t\t\t\tfont-size: 20px;\n\t\t\t\t\tvertical-align: text-bottom;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// ELEMENT: Upsell\n\t.sui-box-body {\n\n\t\t.sui-upsell-row {\n\t\t\tposition: relative;\n\n\t\t\t.sui-upsell-image {\n\t\t\t\twidth: 100px;\n\t\t\t\tposition: absolute;\n\t\t\t\tbottom: 0;\n\n\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sui-upsell-notice {\n\n\t\t\t\tp {\n\t\t\t\t\tposition: relative;\n\t\t\t\t\tpadding: 15px 20px 15px 43px;\n\t\t\t\t\tborder-radius: $border-radius;\n\t\t\t\t\tcolor: $box-upsell-p-color;\n\t\t\t\t\tfont-size: 13px;\n\t\t\t\t\tline-height: 22px;\n\t\t\t\t\tborder-top: 1px solid #e6e6e6;\n\t\t\t\t\tborder-right: 1px solid #e6e6e6;\n\t\t\t\t\tborder-bottom: 1px solid #e6e6e6;\n\t\t\t\t\tborder-left: 2px solid $box-upsell-border-color;\n\n\t\t\t\t\ta {\n\t\t\t\t\t\tcolor: $box-upsell-p-color;\n\t\t\t\t\t\tfont-weight: 500;\n\t\t\t\t\t}\n\t\t\t\t\t&:first-of-type {\n\t\t\t\t\t\t@include icon( before, info );\n\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\tcolor: $box-upsell-border-color;\n\t\t\t\t\t\t\tmargin-left: -23px;\n\t\t\t\t\t\t\tmargin-right: 10px;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tpadding-left: 130px;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&.sui-upsell-items {\n\t\t\tpadding: 0;\n\t\t}\n\t}\n\n\t// ELEMENT: Other(s)\n\t.sui-box-body {\n\n\t\t.sui-settings-box {\n\t\t\tpadding: $sui-gutter-md;\n\t\t\tborder: 1px solid $box-settings-box-border-color;\n\t\t\tborder-radius: $border-radius;\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tpadding: $sui-gutter;\n\t\t\t}\n\t\t}\n\t}\n\n\t.sui-with-bottom-border {\n\t\tmargin-bottom: $default-margin;\n\t\tpadding-bottom: $default-padding;\n\t\tborder-bottom: 1px solid $box-settings-box-border-color;\n\n\t\t@include media(max-width, md) {\n\t\t\tmargin-bottom: $sui-gutter-md;\n\t\t\tpadding-bottom: $sui-gutter-md;\n\t\t}\n\t}\n\n\t.sui-border-frame {\n\t\tmargin: 10px 0 0;\n\t\tborder: 1px solid palette(silver, soft);\n\t\tborder-radius: $border-radius;\n\n\t\t&:not(:last-child) {\n\n\t\t\t@include media(max-width, md) {\n\t\t\t\tmargin-bottom: $sui-gutter-md;\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tmargin-bottom: $sui-gutter;\n\t\t\t}\n\t\t}\n\n\t\t@include media(max-width, md) {\n\t\t\tpadding: $sui-gutter-md;\n\t\t}\n\n\t\t@include media(min-width, md) {\n\t\t\tpadding: $sui-gutter;\n\t\t}\n\t}\n}","@include body-class(true) {\n\n\t.sui-box-body {\n\n\t\t// ELEMENT: Row\n\t\t.sui-box-settings-row {\n\t\t\tposition: relative;\n\t\t\tmargin-bottom: $sui-gutter;\n\t\t\tpadding-bottom: $sui-gutter;\n\t\t\tborder-bottom: 1px solid palette(silver, soft);\n\n\t\t\t[class*=\"sui-box-settings-col-\"] {\n\n\t\t\t\t+ div {\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tpadding-top: $sui-gutter-md;\n\t\t\t\t\t}\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tmargin-left: $sui-gutter;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:last-child {\n\t\t\t\tmargin-bottom: 0;\n\t\t\t\tpadding-bottom: 0;\n\t\t\t\tborder-bottom-width: 0;\n\t\t\t}\n\n\t\t\t// STATUS: Disable\n\t\t\t&.sui-disabled {\n\t\t\t\topacity: 0.5;\n\t\t\t\tpointer-events: none;\n\t\t\t\tbackground-color: rgba(242, 242, 242, 0.5);\n\t\t\t}\n\n\t\t\t// VARIATION: Flushed\n\t\t\t&.sui-flushed {\n\t\t\t\tmargin-right: -#{$sui-gutter-md};\n\t\t\t\tmargin-left: -#{$sui-gutter-md};\n\t\t\t\tpadding-right: $sui-gutter-md;\n\t\t\t\tpadding-left: $sui-gutter-md;\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tmargin-right: -#{$sui-gutter};\n\t\t\t\t\tmargin-left: -#{$sui-gutter};\n\t\t\t\t\tpadding-right: $sui-gutter;\n\t\t\t\t\tpadding-left: $sui-gutter;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tdisplay: flex;\n\t\t\t}\n\t\t}\n\n\t\t// ELEMENT: Row (Slim)\n\t\t.sui-box-settings-slim-row {\n\t\t\tposition: relative;\n\t\t\tmargin-bottom: $sui-gutter-md;\n\n\t\t\t[class*=\"sui-box-settings-col-\"] {\n\n\t\t\t\t+ div {\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tpadding-top: $sui-gutter-md;\n\t\t\t\t\t}\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tmargin-left: $sui-gutter;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sui-settings-label {\n\n\t\t\t\t&:only-child {\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tmargin: 5px 0;\n\t\t\t\t\t\tline-height: 30px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:last-child {\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tdisplay: flex;\n\t\t\t}\n\t\t}\n\n\t\t// ELEMENT: Fixed width content\n\t\t.sui-box-settings-col-1 {\n\t\t\tmax-width: 200px;\n\t\t\tflex: 0 1 200px;\n\n\t\t\t.sui-settings-label {\n\t\t\t\tcolor: palette(gray, dark);\n\t\t\t}\n\t\t}\n\n\t\t// ELEMENT: Adjustable content\n\t\t.sui-box-settings-col-2 {\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tmin-width: 0;\n\t\t\t\tflex: 1;\n\t\t\t}\n\t\t}\n\n\t\t// ELEMENT: Label\n\t\t.sui-settings-label {\n\t\t\tdisplay: block;\n\t\t\tmargin: 0 0 5px;\n\t\t\tpadding: 0;\n\t\t\tborder: 0;\n\t\t\tcolor: palette(gray, default);\n\t\t\tfont: 500 15px/22px $font;\n\t\t\tletter-spacing: $font--letter-spacing;\n\n\t\t\t&:last-child {\n\t\t\t\tmargin: 0;\n\t\t\t}\n\n\t\t\t&.sui-dark {\n\t\t\t\tcolor: palette(gray, dark);\n\t\t\t}\n\n\t\t\t&-with-tag {\n\t\t\t\t@extend .sui-settings-label;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: flex-start;\n\n\t\t\t\t.sui-tag {\n\t\t\t\t\tmargin-top: -2px;\n\t\t\t\t\tmargin-left: 10px;\n\n\t\t\t\t\t&.sui-tag-sm {\n\t\t\t\t\t\tmargin-top: 4px;\n\t\t\t\t\t}\n\n\t\t\t\t\t&.sui-tag-pro,\n\t\t\t\t\t&.sui-tag-beta {\n\t\t\t\t\t\tmargin-top: 5px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Element: Description\n\t\t.sui-description {\n\t\t\tline-height: 22px;\n\n\t\t\t+ .sui-settings-box {\n\t\t\t\tmargin-top: 10px;\n\t\t\t}\n\t\t}\n\n\t\t// FIX: Upsell\n\t\t&.sui-upsell-items {\n\n\t\t\t.sui-box-settings-row {\n\t\t\t\tmargin: 0;\n\t\t\t\tpadding-top: #{$sui-gutter-md + 1px};\n\t\t\t\tpadding-right: $sui-gutter-md;\n\t\t\t\tpadding-left: $sui-gutter-md;\n\t\t\t\tborder-bottom: none;\n\n\t\t\t\t&:after {\n\t\t\t\t\tcontent: '';\n\t\t\t\t\theight: 1px;\n\t\t\t\t\tclear: both;\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\tright: 0;\n\t\t\t\t\tbottom: 0;\n\t\t\t\t\tleft: 0;\n\t\t\t\t\tbackground-color: palette(silver, soft);\n\t\t\t\t}\n\n\t\t\t\t&:last-child,\n\t\t\t\t&:last-of-type {\n\t\t\t\t\tpadding-bottom: 30px;\n\n\t\t\t\t\t&:after {\n\t\t\t\t\t\tcontent: unset;\n\t\t\t\t\t}\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tpadding-top: $sui-gutter-md;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tpadding-top: #{$sui-gutter + 1px};\n\t\t\t\t\tpadding-right: $sui-gutter;\n\t\t\t\t\tpadding-left: $sui-gutter;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}","@include body-class(true) {\n\n\t.sui-notice {\n\t\tmargin: 0 0 $sui-gutter;\n\n\t\t.sui-notice-content {\n\t\t\tdisplay: flex;\n\t\t\talign-items: flex-start;\n\t\t\tmargin: 0;\n\t\t\tpadding: #{($sui-gutter-md / 2) + 1px} $sui-gutter-md;\n\t\t\tborder: 0;\n\t\t\tborder-radius: $border-radius;\n\t\t\tbackground-color: $white;\n\t\t\tbox-shadow: inset 2px 0 0 0 palette(silver, medium), inset 0 0 0 1px palette(silver, soft);\n\n\t\t\tp {\n\t\t\t\tmargin: 0 0 #{$sui-gutter-md / 2};\n\t\t\t\tpadding: 0;\n\t\t\t\tborder: 0;\n\t\t\t\tcolor: palette(gray, dark);\n\t\t\t\tfont-size: 13px;\n\t\t\t\tline-height: 22px;\n\n\t\t\t\t&:last-child {\n\t\t\t\t\tmargin-bottom: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sui-notice-icon {\n\t\t\t\twidth: 30px;\n\t\t\t\tdisplay: block;\n\t\t\t\tcolor: palette(gray, light);\n\t\t\t\ttext-align: center;\n\n\t\t\t\t&:before {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tcolor: inherit;\n\t\t\t\t}\n\n\t\t\t\t~ *:not(.sui-notice-icon) {\n\t\t\t\t\tpadding-left: #{$sui-gutter - 4px};\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sui-notice-message {\n\t\t\t\tflex: 1;\n\t\t\t\tposition: relative;\n\t\t\t\tpadding: 5px 0 3px;\n\n\t\t\t\t.sui-notice-icon {\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\ttop: 8px;\n\t\t\t\t\tleft: -7px;\n\n\t\t\t\t\t&.sui-sm {\n\t\t\t\t\t\ttop: 9px;\n\t\t\t\t\t}\n\n\t\t\t\t\t&.sui-md {\n\t\t\t\t\t\ttop: 7px;\n\t\t\t\t\t}\n\n\t\t\t\t\t&.sui-lg {\n\t\t\t\t\t\ttop: 5px;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t+ .sui-notice-actions {\n\t\t\t\t\tflex: 0 0 auto;\n\t\t\t\t\tmargin-right: -#{($sui-gutter-md / 2) - 1px};\n\t\t\t\t\tmargin-left: #{$sui-gutter-md / 2};\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&[role=\"alert\"],\n\t\t&[aria-live=\"assertive\"] {\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t&.sui-notice-blue,\n\t\t&.sui-notice-info {\n\n\t\t\t.sui-notice-content {\n\t\t\t\tbox-shadow: inset 2px 0 0 0 $blue, inset 0 0 0 1px palette(silver, soft);\n\n\t\t\t\t.sui-notice-icon {\n\t\t\t\t\tcolor: $blue;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&.sui-notice-green,\n\t\t&.sui-notice-success {\n\n\t\t\t.sui-notice-content {\n\t\t\t\tbox-shadow: inset 2px 0 0 0 $green, inset 0 0 0 1px palette(silver, soft);\n\n\t\t\t\t.sui-notice-icon {\n\t\t\t\t\tcolor: $green;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&.sui-notice-yellow,\n\t\t&.sui-notice-warning {\n\n\t\t\t.sui-notice-content {\n\t\t\t\tbox-shadow: inset 2px 0 0 0 palette(yellow, default), inset 0 0 0 1px palette(silver, soft);\n\n\t\t\t\t.sui-notice-icon {\n\t\t\t\t\tcolor: palette(yellow, default);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&.sui-notice-red,\n\t\t&.sui-notice-error {\n\n\t\t\t.sui-notice-content {\n\t\t\t\tbox-shadow: inset 2px 0 0 0 $red, inset 0 0 0 1px palette(silver, soft);\n\n\t\t\t\t.sui-notice-icon {\n\t\t\t\t\tcolor: $red;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&.sui-notice-purple,\n\t\t&.sui-notice-upsell {\n\n\t\t\t.sui-notice-content {\n\t\t\t\tbox-shadow: inset 2px 0 0 0 palette(purple, default), inset 0 0 0 1px palette(silver, soft);\n\n\t\t\t\t.sui-notice-icon {\n\t\t\t\t\tcolor: palette(purple, default);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&:last-child {\n\t\t\tmargin: 0;\n\t\t}\n\t}\n\n\t.sui-floating-notices {\n\t\tpointer-events: none;\n\t\tposition: fixed;\n\t\tz-index: 99999;\n\t\ttop: 0;\n\t\tright: 0;\n\t\tbottom: 0;\n\t\tpadding: #{$sui-gutter-md / 2};\n\n\t\t.sui-notice {\n\t\t\twidth: 100%;\n\t\t\tmax-width: 600px;\n\t\t\tpointer-events: initial;\n\t\t\tz-index: 1;\n\t\t\tmargin: 0 auto #{$sui-gutter-md / 2};\n\n\t\t\t.sui-notice-content {\n\t\t\t\tbox-shadow: 0 5px 25px 0 rgba(0,0,0,0.15), inset 2px 0 0 0 palette(silver, medium);\n\t\t\t}\n\n\t\t\t&.sui-notice-blue,\n\t\t\t&.sui-notice-info {\n\n\t\t\t\t.sui-notice-content {\n\t\t\t\t\tbox-shadow: 0 5px 25px 0 rgba(0,0,0,0.15), inset 2px 0 0 0 $blue;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.sui-notice-green,\n\t\t\t&.sui-notice-success {\n\n\t\t\t\t.sui-notice-content {\n\t\t\t\t\tbox-shadow: 0 5px 25px 0 rgba(0,0,0,0.15), inset 2px 0 0 0 $green;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.sui-notice-yellow,\n\t\t\t&.sui-notice-warning {\n\n\t\t\t\t.sui-notice-content {\n\t\t\t\t\tbox-shadow: 0 5px 25px 0 rgba(0,0,0,0.15), inset 2px 0 0 0 palette(yellow, default);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.sui-notice-red,\n\t\t\t&.sui-notice-error {\n\n\t\t\t\t.sui-notice-content {\n\t\t\t\t\tbox-shadow: 0 5px 25px 0 rgba(0,0,0,0.15), inset 2px 0 0 0 $red;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.sui-notice-purple,\n\t\t\t&.sui-notice-upsell {\n\n\t\t\t\t.sui-notice-content {\n\t\t\t\t\tbox-shadow: 0 5px 25px 0 rgba(0,0,0,0.15), inset 2px 0 0 0 palette(purple, default);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:last-child {\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\n\t\t\t@media only screen and (max-width: 640px) {\n\t\t\t\tmax-width: 100%;\n\t\t\t}\n\t\t}\n\t}\n\n\t// VARIATION: Color Accessibility.\n\t&.sui-color-accessible {\n\n\t\t.sui-notice {\n\n\t\t\t.sui-notice-content {\n\t\t\t\tbox-shadow: inset 2px 0 0 0 $black, inset 0 0 0 1px palette(silver, soft);\n\n\t\t\t\tp {\n\t\t\t\t\tcolor: $black;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.sui-notice-blue,\n\t\t\t&.sui-notice-info,\n\t\t\t&.sui-notice-green,\n\t\t\t&.sui-notice-success,\n\t\t\t&.sui-notice-yellow,\n\t\t\t&.sui-notice-warning,\n\t\t\t&.sui-notice-red,\n\t\t\t&.sui-notice-error,\n\t\t\t&.sui-notice-purple,\n\t\t\t&.sui-notice-upsell {\n\n\t\t\t\t.sui-notice-content {\n\t\t\t\t\tbox-shadow: inset 2px 0 0 0 $black, inset 0 0 0 1px palette(silver, soft);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.sui-floating-notices {\n\n\t\t\t.sui-notice {\n\n\t\t\t\t.sui-notice-content {\n\t\t\t\t\tbox-shadow: 0 5px 25px 0 rgba(0,0,0,0.15), inset 2px 0 0 0 $black;\n\t\t\t\t}\n\n\t\t\t\t&.sui-notice-blue,\n\t\t\t\t&.sui-notice-info,\n\t\t\t\t&.sui-notice-green,\n\t\t\t\t&.sui-notice-success,\n\t\t\t\t&.sui-notice-yellow,\n\t\t\t\t&.sui-notice-warning,\n\t\t\t\t&.sui-notice-red,\n\t\t\t\t&.sui-notice-error,\n\t\t\t\t&.sui-notice-purple,\n\t\t\t\t&.sui-notice-upsell {\n\n\t\t\t\t\t.sui-notice-content {\n\t\t\t\t\t\tbox-shadow: 0 5px 25px 0 rgba(0,0,0,0.15), inset 2px 0 0 0 $black;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n// RTL Support.\n@include body-class(true, true) {\n\n\t.sui-notice {\n\t\tdirection: rtl;\n\n\t\t.sui-notice-content {\n\t\t\tflex-direction: row;\n\t\t\tbox-shadow: inset -2px 0 0 0 palette(silver, medium), inset 0 0 0 1px palette(silver, soft);\n\n\t\t\tp {\n\t\t\t\tpadding-right: #{$sui-gutter - 4px};\n\t\t\t\tpadding-left: 0;\n\t\t\t}\n\n\t\t\t.sui-notice-message {\n\n\t\t\t\t.sui-notice-icon {\n\t\t\t\t\tleft: auto;\n\t\t\t\t\tright: -7px;\n\t\t\t\t}\n\n\t\t\t\t+ .sui-notice-actions {\n\t\t\t\t\tmargin-right: #{$sui-gutter-md / 2};\n\t\t\t\t\tmargin-left: -#{($sui-gutter-md / 2) - 1px};\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&.sui-notice-blue,\n\t\t&.sui-notice-info {\n\n\t\t\t.sui-notice-content {\n\t\t\t\tbox-shadow: inset -2px 0 0 0 $blue, inset 0 0 0 1px palette(silver, soft);\n\t\t\t}\n\t\t}\n\n\t\t&.sui-notice-green,\n\t\t&.sui-notice-success {\n\n\t\t\t.sui-notice-content {\n\t\t\t\tbox-shadow: inset -2px 0 0 0 $green, inset 0 0 0 1px palette(silver, soft);\n\t\t\t}\n\t\t}\n\n\t\t&.sui-notice-yellow,\n\t\t&.sui-notice-warning {\n\n\t\t\t.sui-notice-content {\n\t\t\t\tbox-shadow: inset -2px 0 0 0 palette(yellow, default), inset 0 0 0 1px palette(silver, soft);\n\t\t\t}\n\t\t}\n\n\t\t&.sui-notice-red,\n\t\t&.sui-notice-error {\n\n\t\t\t.sui-notice-content {\n\t\t\t\tbox-shadow: inset -2px 0 0 0 $red, inset 0 0 0 1px palette(silver, soft);\n\t\t\t}\n\t\t}\n\n\t\t&.sui-notice-purple,\n\t\t&.sui-notice-upsell {\n\n\t\t\t.sui-notice-content {\n\t\t\t\tbox-shadow: inset -2px 0 0 0 palette(purple, default), inset 0 0 0 1px palette(silver, soft);\n\t\t\t}\n\t\t}\n\t}\n\n\t.sui-floating-notices {\n\n\t\t.sui-notice {\n\n\t\t\t.sui-notice-content {\n\t\t\t\tbox-shadow: 0 5px 25px 0 rgba(0,0,0,0.15), inset -2px 0 0 0 palette(silver, medium);\n\t\t\t}\n\n\t\t\t&.sui-notice-blue,\n\t\t\t&.sui-notice-info {\n\n\t\t\t\t.sui-notice-content {\n\t\t\t\t\tbox-shadow: 0 5px 25px 0 rgba(0,0,0,0.15), inset -2px 0 0 0 $blue;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.sui-notice-green,\n\t\t\t&.sui-notice-success {\n\n\t\t\t\t.sui-notice-content {\n\t\t\t\t\tbox-shadow: 0 5px 25px 0 rgba(0,0,0,0.15), inset -2px 0 0 0 $green;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.sui-notice-yellow,\n\t\t\t&.sui-notice-warning {\n\n\t\t\t\t.sui-notice-content {\n\t\t\t\t\tbox-shadow: 0 5px 25px 0 rgba(0,0,0,0.15), inset -2px 0 0 0 palette(yellow, default);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.sui-notice-red,\n\t\t\t&.sui-notice-error {\n\n\t\t\t\t.sui-notice-content {\n\t\t\t\t\tbox-shadow: 0 5px 25px 0 rgba(0,0,0,0.15), inset -2px 0 0 0 $red;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.sui-notice-purple,\n\t\t\t&.sui-notice-upsell {\n\n\t\t\t\t.sui-notice-content {\n\t\t\t\t\tbox-shadow: 0 5px 25px 0 rgba(0,0,0,0.15), inset -2px 0 0 0 palette(purple, default);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// VARIATION: Color Accessibility.\n\t&.sui-color-accessible {\n\n\t\t.sui-notice {\n\n\t\t\t.sui-notice-content {\n\t\t\t\tbox-shadow: inset -2px 0 0 0 $black, inset 0 0 0 1px palette(silver, soft);\n\n\t\t\t\tp {\n\t\t\t\t\tcolor: $black;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.sui-notice-blue,\n\t\t\t&.sui-notice-info,\n\t\t\t&.sui-notice-green,\n\t\t\t&.sui-notice-success,\n\t\t\t&.sui-notice-yellow,\n\t\t\t&.sui-notice-warning,\n\t\t\t&.sui-notice-red,\n\t\t\t&.sui-notice-error,\n\t\t\t&.sui-notice-purple,\n\t\t\t&.sui-notice-upsell {\n\n\t\t\t\t.sui-notice-content {\n\t\t\t\t\tbox-shadow: inset -2px 0 0 0 $black, inset 0 0 0 1px palette(silver, soft);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.sui-floating-notices {\n\n\t\t\t.sui-notice {\n\n\t\t\t\t.sui-notice-content {\n\t\t\t\t\tbox-shadow: 0 5px 25px 0 rgba(0,0,0,0.15), inset -2px 0 0 0 $black;\n\t\t\t\t}\n\n\t\t\t\t&.sui-notice-blue,\n\t\t\t\t&.sui-notice-info,\n\t\t\t\t&.sui-notice-green,\n\t\t\t\t&.sui-notice-success,\n\t\t\t\t&.sui-notice-yellow,\n\t\t\t\t&.sui-notice-warning,\n\t\t\t\t&.sui-notice-red,\n\t\t\t\t&.sui-notice-error,\n\t\t\t\t&.sui-notice-purple,\n\t\t\t\t&.sui-notice-upsell {\n\n\t\t\t\t\t.sui-notice-content {\n\t\t\t\t\t\tbox-shadow: 0 5px 25px 0 rgba(0,0,0,0.15), inset -2px 0 0 0 $black;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n// WordPress Support.\n@include body-class {\n\n\t&.wp-admin {\n\n\t\t.sui-floating-notices {\n\t\t\tleft: map-get($wordpress, adminmenu);\n\t\t}\n\n\t\t// Folded sidebar.\n\t\t&.folded {\n\n\t\t\t.sui-floating-notices {\n\t\t\t\tleft: map-get($wordpress, adminmenu-sm);\n\t\t\t}\n\t\t}\n\n\t\t// Auto-folded sidebar.\n\t\t&.auto-fold {\n\n\t\t\t.sui-floating-notices {\n\n\t\t\t\t@media only screen and (max-width: 960px) {\n\t\t\t\t\tleft: map-get($wordpress, adminmenu-sm);\n\t\t\t\t}\n\n\t\t\t\t@media only screen and (max-width: 782px) {\n\t\t\t\t\tleft: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}","@include body-class(true) {\n\n\t.sui-header {\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t\talign-items: center;\n\t\tposition: relative;\n\t\tmargin-bottom: $sui-gutter;\n\t\tline-height: 1;\n\n\t\th1 {\n\n\t\t\t@include media(max-width, md) {\n\t\t\t\tflex: 0 0 100%;\n\t\t\t}\n\t\t}\n\n\t\t.sui-actions-right {\n\n\t\t\t@include media(max-width, md) {\n\t\t\t\tmargin-top: 10px;\n\t\t\t\tmargin-right: auto;\n\t\t\t\tmargin-left: 0;\n\t\t\t}\n\t\t}\n\n\t\t.sui-actions-left {\n\n\t\t\t@include media(max-width, md) {\n\t\t\t\tmargin-top: 10px;\n\t\t\t\tmargin-right: 0;\n\t\t\t\tmargin-left: 0;\n\t\t\t}\n\t\t}\n\n\t\t&.sui-header-inline {\n\n\t\t\th1 {\n\n\t\t\t\t+ * {\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tmargin-left: 10px;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\tflex: 1;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sui-actions-right,\n\t\t\t.sui-actions-left {\n\n\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\tflex: 0 0 auto;\n\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\tmargin-right: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&.sui-with-floating-input {\n\n\t\t\th1 {\n\n\t\t\t\t@include media(min-width, lg) {\n\t\t\t\t\tpadding-right: 260px;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@include media(max-width, md) {\n\t\t\t\tmargin-bottom: #{$sui-gutter / 2};\n\t\t\t}\n\t\t}\n\n\t\t@include media(max-width, md) {\n\t\t\tmargin-bottom: $sui-gutter-md;\n\t\t}\n\t}\n\n\t.sui-header-title {\n\t\tcolor: $headings-color;\n\t\tmargin: 0;\n\t\ttext-align: left;\n\t\tfont-weight: bold;\n\t\tmax-width: none;\n\t\twhite-space: nowrap;\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t}\n}\n","@include body-class(true, false) {\n\n\t.sui-list {\n\t\tmargin: $sui-gutter-md 0;\n\t\tpadding: 0;\n\t\tborder: 0;\n\n\t\t&, li {\n\t\t\tlist-style: none;\n\t\t}\n\n\t\tli {\n\t\t\tdisplay: flex;\n\t\t\tmargin: 0;\n\t\t\tpadding: 9px 0;\n\t\t\tborder: 0;\n\t\t\tborder-bottom: 1px solid palette(silver, soft);\n\t\t\tcolor: $summary-list--color;\n\t\t\tfont-size: 13px;\n\t\t\tline-height: 22px;\n\t\t\tfont-family: $font;\n\t\t\tfont-weight: 500;\n\t\t\tletter-spacing: $font--letter-spacing;\n\n\t\t\t[class*=\"sui-list-\"] {\n\t\t\t\tpadding: 0 #{$sui-gutter-md / 2};\n\n\t\t\t\t&:first-child {\n\t\t\t\t\tpadding-left: 0;\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tpadding-left: 0;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&:last-child {\n\t\t\t\t\tpadding-right: 0;\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tpadding-right: 0;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tpadding: 0 #{$sui-gutter / 2};\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sui-list-label {\n\t\t\t\tflex: 1;\n\t\t\t\tcolor: $summary-list--label;\n\t\t\t}\n\n\t\t\t.sui-list-detail {\n\t\t\t\tflex: 0 0 auto;\n\t\t\t\ttext-align: right;\n\t\t\t}\n\n\t\t\t&:first-child {\n\t\t\t\tpadding-top: 0;\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tpadding-top: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:last-child {\n\t\t\t\tpadding-bottom: 0;\n\t\t\t\tborder-bottom: 0;\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tpadding-bottom: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tpadding: 19px 0;\n\t\t\t}\n\t\t}\n\n\t\t&:first-child {\n\t\t\tmargin-top: 0;\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tmargin-top: 0;\n\t\t\t}\n\t\t}\n\n\t\t&:last-child {\n\t\t\tmargin-bottom: 0;\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\t\t}\n\n\t\t// FIX:\n\t\t// Prevent .sui-list from having nested lists\n\t\t// since this element doesn't support it.\n\t\tul, ol {\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t@include media(min-width, md) {\n\t\t\tmargin: $sui-gutter 0;\n\t\t}\n\t}\n}\n\n@include body-class(true, true) {\n\n\t.sui-list {\n\n\t\tli {\n\n\t\t\t[class*=\"sui-list-\"] {\n\n\t\t\t\t&:first-child {\n\t\t\t\t\tpadding-right: 0;\n\t\t\t\t\tpadding-left: #{$sui-gutter-md / 2};\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tpadding-right: 0;\n\t\t\t\t\t\tpadding-left: #{$sui-gutter / 2};\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&:last-child {\n\t\t\t\t\tpadding-right: #{$sui-gutter-md / 2};\n\t\t\t\t\tpadding-left: 0;\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tpadding-right: #{$sui-gutter / 2};\n\t\t\t\t\t\tpadding-left: 0;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\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}","@include body-class {\n\n\t.select-container {\n\t\tcursor: pointer;\n\t\tdisplay: block;\n\t\tposition: relative;\n\t\tborder: 1px solid $select-container--border-color;\n\t\tborder-radius: $border-radius;\n\t\tbackground-color: $select-container--background;\n\t\ttext-align: left;\n\t\ttransition-property: background;\n\t\ttransition-duration: 0.3s;\n\n\t\tselect {\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t.dropdown-handle {\n\t\t\twidth: #{$select-dropdown-handle-size - 1px};\n\t\t\tdisplay: block;\n\t\t\tposition: absolute;\n\t\t\tz-index: 10;\n\t\t\ttop: 0;\n\t\t\tright: 0;\n\t\t\tpadding: 0;\n\t\t\tline-height: #{$select-dropdown-handle-size - 2px};\n\t\t\ttext-align: center;\n\t\t\ttransition-property: color, border-color;\n\t\t\ttransition-duration: 0.3s;\n\n\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\theight: #{$select-dropdown-handle-size - 2px};\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t\tmargin: 0 !important;\n\t\t\t\tfont-size: 12px !important;\n\t\t\t\ttransition: transform 0.2s linear;\n\n\t\t\t\t&:before {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tflex: 0 0 auto;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.select-list-container {\n\t\t\tzoom: 1;\n\t\t\tdisplay: block;\n\t\t\tposition: relative;\n\t\t\tpadding-right: #{$select-dropdown-handle-size - 1px};\n\n\t\t\t.list-value {\n\t\t\t\twidth: 100%;\n\t\t\t\theight: auto;\n\t\t\t\tcursor: pointer;\n\t\t\t\toverflow: hidden;\n\t\t\t\tdisplay: block;\n\t\t\t\tposition: relative;\n\t\t\t\tpadding: 8px 8px 8px 14px;\n\t\t\t\tborder: 0;\n\t\t\t\tborder-radius: 0;\n\t\t\t\tbackground-color: transparent;\n\t\t\t\tbackground-clip: padding-box;\n\t\t\t\tcolor: $select-value--color;\n\t\t\t\tfont: 500 15px/22px $font;\n\t\t\t\tletter-spacing: $font--letter-spacing;\n\t\t\t\ttext-align: left;\n\t\t\t\ttext-decoration: none;\n\t\t\t\ttext-overflow: ellipsis;\n\t\t\t\twhite-space: nowrap;\n\t\t\t\ttransition-property: color;\n\t\t\t\ttransition-duration: 0.3s;\n\n\t\t\t\t&:focus,\n\t\t\t\t&:hover,\n\t\t\t\t&:active {\n\t\t\t\t\toutline: none;\n\t\t\t\t\tbox-shadow: none;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tul.list-results {\n\t\t\t\twidth: 0;\n\t\t\t\tmax-height: 200px;\n\t\t\t\toverflow-y: auto;\n\t\t\t\tdisplay: none;\n\t\t\t\tposition: absolute;\n\t\t\t\tz-index: 10;\n\t\t\t\ttop: #{$select-dropdown-handle-size - 2px};\n\t\t\t\tright: -9999px;\n\t\t\t\tleft: -9999px;\n\t\t\t\tmargin: 0 -1px;\n\t\t\t\tpadding: 10px 0;\n\t\t\t\tborder: 1px solid $select-results--border-color;\n\t\t\t\tborder-radius: $border-radius;\n\t\t\t\tbackground-color: $select-results--background;\n\t\t\t\tbox-shadow: 0 3px 7px 0 rgba(0,0,0,0.07);\n\t\t\t\ttransition-property: opacity, border-color;\n\t\t\t\ttransition-duration: 0.3s;\n\n\t\t\t\t&, ul, li {\n\t\t\t\t\tpadding-inline-start: 0; // Overwrite styles from \"user agent stylesheet\"\n\t\t\t\t\tlist-style: none;\n\t\t\t\t}\n\n\t\t\t\tli {\n\t\t\t\t\tcursor: pointer;\n\t\t\t\t\tmargin: 0;\n\t\t\t\t\tpadding: 5px 14px;\n\t\t\t\t\tcolor: $select-results--color;\n\t\t\t\t\tfont: 500 15px/25px $font;\n\t\t\t\t\tletter-spacing: $font--letter-spacing;\n\t\t\t\t\tword-wrap: break-word;\n\t\t\t\t\ttransition: 0.3s ease;\n\n\t\t\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\t\t\tmargin-right: 7px;\n\t\t\t\t\t\ttext-align: center;\n\n\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\tcolor: inherit;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t&.current {\n\t\t\t\t\t\tbackground-color: $select-results--background-current;\n\t\t\t\t\t\tcolor: $select-results--color-current;\n\t\t\t\t\t}\n\n\t\t\t\t\t&:not(.current):hover {\n\t\t\t\t\t\tbackground-color: $select-results--background-hover;\n\t\t\t\t\t\tcolor: $select-results--color-hover;\n\t\t\t\t\t}\n\n\t\t\t\t\t&.sui-disabled {\n\t\t\t\t\t\tcursor: not-allowed;\n\t\t\t\t\t\topacity: 0.5;\n\t\t\t\t\t\tpointer-events: none;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.optgroup {\n\t\t\t\t\tcursor: default;\n\n\t\t\t\t\tli.optgroup-label {\n\t\t\t\t\t\tcursor: default;\n\t\t\t\t\t\tpointer-events: none;\n\t\t\t\t\t\tcolor: $select-results--optgroup-color;\n\t\t\t\t\t\tfont-size: 12px;\n\t\t\t\t\t\tfont-weight: 500;\n\n\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\tbackground-color: transparent;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tli:not(.optgroup-label) {\n\t\t\t\t\t\tcursor: pointer;\n\t\t\t\t\t\tpadding-left: 28px\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&:focus,\n\t\t\t\t&:hover,\n\t\t\t\t&:active {\n\t\t\t\t\toutline: none;\n\t\t\t\t\tbox-shadow: none;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&:hover {\n\t\t\tbackground-color: $select-container--background-active;\n\t\t}\n\n\t\t&.active {\n\t\t\tz-index: 10; // OLD 99999\n\t\t\tbackground-color: $select-container--background-active;\n\n\t\t\t.dropdown-handle {\n\n\t\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\t\ttransform: rotate(180deg);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.select-list-container {\n\n\t\t\t\t.list-results {\n\t\t\t\t\twidth: auto;\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tleft: 0;\n\t\t\t\t\tright: 0;\n\t\t\t\t\ttransition-duration: 0ms;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// DESIGN: Mobible navigation\n\t\t&.sui-mobile-nav {\n\t\t\tmargin-bottom: $sui-gutter;\n\t\t\tbackground-color: $white;\n\n\t\t\t.dropdown-handle {\n\t\t\t\tbackground-color: $white;\n\t\t\t\tfont-size: 13px;\n\t\t\t}\n\n\t\t\t&.active {\n\n\t\t\t\t.dropdown-handle {\n\t\t\t\t\tbackground-color: transparent;\n\t\t\t\t\tfont-size: 13px;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@include media( max-width, md ) {\n\t\t\t\tmargin-bottom: $sui-gutter-md;\n\t\t\t}\n\t\t}\n\n\t\t// SIZE: Small\n\t\t&.sui-select-sm {\n\n\t\t\t.dropdown-handle {\n\t\t\t\twidth: #{$select-dropdown-handle-size-sm - 1px};\n\t\t\t\tline-height: #{$select-dropdown-handle-size-sm - 2px};\n\n\t\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\t\theight: #{$select-dropdown-handle-size-sm - 2px};\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.select-list-container {\n\t\t\t\tpadding-right: #{$select-dropdown-handle-size-sm - 1px};\n\n\t\t\t\t.list-value {\n\t\t\t\t\tpadding: 6px 7px 6px 11px;\n\t\t\t\t\tfont-size: 13px;\n\t\t\t\t\tline-height: 16px;\n\t\t\t\t}\n\n\t\t\t\t.list-results {\n\t\t\t\t\ttop: #{$select-dropdown-handle-size-sm - 2px};\n\t\t\t\t\tpadding: 7px 0;\n\n\t\t\t\t\tli {\n\t\t\t\t\t\tfont-size: 13px;\n\t\t\t\t\t\tline-height: 20px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// VARIATION: Inline\n\t\t&.sui-select-inline {\n\t\t\twidth: auto;\n\t\t\tmax-width: 100%;\n\t\t\tmin-width: 120px;\n\t\t\tdisplay: inline-flex;\n\t\t\tmargin-right: 10px;\n\n\t\t\t.select-list-container {\n\t\t\t\tflex: 0 0 100%;\n\t\t\t}\n\n\t\t\t&:last-child {\n\t\t\t\tmargin-right: 0;\n\t\t\t}\n\t\t}\n\n\t\t// VARIATION: Colors\n\t\t&.sui-select-colors {\n\n\t\t\t.select-list-container {\n\n\t\t\t\t.list-value {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\talign-items: center;\n\t\t\t\t\tpadding-top: 5px;\n\t\t\t\t\tpadding-left: 5px;\n\t\t\t\t\tpadding-bottom: 5px;\n\n\t\t\t\t\tspan {\n\t\t\t\t\t\twidth: 30px;\n\t\t\t\t\t\theight: 30px;\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\tmargin-right: 10px;\n\t\t\t\t\t\tborder: 1px solid transparent;\n\t\t\t\t\t\tborder-radius: #{$border-radius / 2};\n\n\t\t\t\t\t\t&[data-color=\"#FFF\"],\n\t\t\t\t\t\t&[data-color=\"white\"],\n\t\t\t\t\t\t&[data-color=\"#FFFFFF\"] {\n\t\t\t\t\t\t\tborder-color: #2C2E2F;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.list-results {\n\n\t\t\t\t\tli {\n\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\talign-items: center;\n\t\t\t\t\t\tpadding-left: 9px;\n\t\t\t\t\t\tpadding-right: 9px;\n\t\t\t\t\t\tfont-size: 13px;\n\t\t\t\t\t\tline-height: 20px;\n\n\t\t\t\t\t\tspan {\n\t\t\t\t\t\t\twidth: 20px;\n\t\t\t\t\t\t\theight: 20px;\n\t\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\t\tmargin-right: 10px;\n\t\t\t\t\t\t\tborder: 1px solid transparent;\n\t\t\t\t\t\t\tborder-radius: #{$border-radius / 2};\n\n\t\t\t\t\t\t\t&[data-color=\"#FFF\"],\n\t\t\t\t\t\t\t&[data-color=\"white\"],\n\t\t\t\t\t\t\t&[data-color=\"#FFFFFF\"] {\n\t\t\t\t\t\t\t\tborder-color: #2C2E2F;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// Fix\n\t.list-table > thead,\n\t.list-table > tbody,\n\t.list-table > tfoot {\n\n\t\t> .select-open th,\n\t\t> .select-open td {\n\t\t\tz-index: 10;\n\t\t}\n\t}\n}","@include body-class(true) {\n\n\t.sui-tag {\n\t\theight: auto;\n\t\tmin-height: 26px;\n\t\tcursor: default;\n\t\tdisplay: inline-block;\n\t\tmargin: 0 3px;\n\t\tpadding: 0 16px;\n\t\tborder: 2px solid transparent;\n\t\tborder-radius: 13px;\n\t\tbackground-color: $tag--default-background;\n\t\tcolor: $tag--default-color;\n\t\tfont: 500 12px/22px $font;\n\t\tletter-spacing: $font--letter-spacing;\n\t\ttext-align: center;\n\n\t\t// VARIATION: One line tag.\n\t\t&.sui-tag-truncated {\n\t\t\tmax-width: 100%;\n\n\t\t\tspan {\n\t\t\t\tmax-width: 100%;\n\t\t\t\toverflow: hidden;\n\t\t\t\tdisplay: block;\n\t\t\t\ttext-overflow: ellipsis;\n\t\t\t\twhite-space: nowrap;\n\t\t\t}\n\t\t}\n\n\t\t// TAG: Red\n\t\t&.sui-tag-red,\n\t\t&.sui-tag-error {\n\t\t\tbackground-color: $tag--red-background;\n\t\t\tcolor: $tag--red-color;\n\t\t}\n\n\t\t// TAG: Yellow\n\t\t&.sui-tag-yellow,\n\t\t&.sui-tag-warning {\n\t\t\tbackground-color: $tag--yellow-background;\n\t\t\tcolor: $tag--yellow-color;\n\t\t}\n\n\t\t// TAG: Green\n\t\t&.sui-tag-green,\n\t\t&.sui-tag-upsell,\n\t\t&.sui-tag-success,\n\t\t&.sui-tag-upgrade {\n\t\t\tbackground-color: $tag--green-background;\n\t\t\tcolor: $tag--green-color;\n\t\t}\n\n\t\t// TAG: Blue\n\t\t&.sui-tag-blue,\n\t\t&.sui-tag-branded {\n\t\t\tbackground-color: $tag--blue-background;\n\t\t\tcolor: $tag--blue-color;\n\t\t}\n\n\t\t// TAG: Purple\n\t\t&.sui-tag-purple {\n\t\t\tbackground-color: $tag--purple-background;\n\t\t\tcolor: $tag--purple-color;\n\t\t}\n\n\t\t// TAG: Disabled\n\t\t&.sui-tag-disabled,\n\t\t&.sui-tag-inactive {\n\t\t\tbackground-color: $tag--disabled-background;\n\t\t\tcolor: $tag--disabled-color;\n\t\t}\n\n\t\t// TAG: Uppercase\n\t\t&.sui-tag-uppercase {\n\t\t\ttext-transform: uppercase;\n\t\t}\n\n\t\t&.sui-tag-pro,\n\t\t&.sui-tag-beta {\n\t\t\tmin-height: 12px;\n\t\t\tpadding: 2px 8px 1px;\n\t\t\tborder: 0;\n\t\t\tborder-radius: 6px;\n\t\t\tfont-size: 8px;\n\t\t\tline-height: 9px;\n\t\t\ttext-align: center;\n\t\t\ttext-transform: uppercase;\n\t\t}\n\n\t\t// TAG: Pro\n\t\t&.sui-tag-pro {\n\t\t\tbackground-color: $tag--pro-background;\n\t\t\tcolor: $tag--pro-color;\n\t\t}\n\n\t\t// TAG: Beta\n\t\t&.sui-tag-beta {\n\t\t\tbackground-color: $tag--beta-background;\n\t\t\tcolor: $tag--beta-color;\n\t\t}\n\n\t\t// SIZE: Small\n\t\t&.sui-tag-sm {\n\t\t\tmin-height: 18px;\n\t\t\tpadding: 2px 10px;\n\t\t\tfont-size: 10px;\n\t\t\tline-height: 12px;\n\t\t\tfont-weight: bold;\n\t\t}\n\n\t\t// GHOST TAGS\n\t\t&.sui-tag-ghost {\n\n\t\t\t// TAG: Red\n\t\t\t&.sui-tag-red,\n\t\t\t&.sui-tag-error {\n\t\t\t\tborder-color: $tag--red-border-color;\n\t\t\t\tbackground-color: transparent;\n\t\t\t\tcolor: $tag--red-background;\n\t\t\t}\n\n\t\t\t// TAG: Yellow\n\t\t\t&.sui-tag-yellow,\n\t\t\t&.sui-tag-warning {\n\t\t\t\tborder-color: $tag--yellow-border-color;\n\t\t\t\tbackground-color: transparent;\n\t\t\t\tcolor: $tag--yellow-background;\n\t\t\t}\n\n\t\t\t// TAG: Green\n\t\t\t&.sui-tag-green,\n\t\t\t&.sui-tag-upsell,\n\t\t\t&.sui-tag-success,\n\t\t\t&.sui-tag-upgrade {\n\t\t\t\tborder-color: $tag--green-border-color;\n\t\t\t\tbackground-color: transparent;\n\t\t\t\tcolor: $tag--green-background;\n\t\t\t}\n\n\t\t\t// TAG: Blue\n\t\t\t&.sui-tag-blue,\n\t\t\t&.sui-tag-branded {\n\t\t\t\tborder-color: $tag--blue-border-color;\n\t\t\t\tbackground-color: transparent;\n\t\t\t\tcolor: $tag--blue-background;\n\t\t\t}\n\n\t\t\t// TAG: Purple\n\t\t\t&.sui-tag-purple {\n\t\t\t\tborder-color: $tag--purple-border-color;\n\t\t\t\tbackground-color: transparent;\n\t\t\t\tcolor: $tag--purple-background;\n\t\t\t}\n\t\t}\n\n\t\t&:first-child {\n\t\t\tmargin-left: 0;\n\t\t}\n\n\t\t&:last-child {\n\t\t\tmargin-right: 0;\n\t\t}\n\t}\n}\n","@include body-class(true) {\n\n\t// HELPER: Label\n\t%label {\n\t\tdisplay: inline-flex;\n\t\tpadding: 0;\n\t\tborder: 0;\n\t\tcolor: $form--label-color;\n\t\tfont: $form--label-font-weight #{$form--label-font-size}/#{$form--label-line-height} $form--label-font;\n\t}\n\n\t// HELPER: Form control\n\t%form-control {\n\t\twidth: 100%;\n\t\theight: $form--input-height-base;\n\t\tmargin: 0;\n\t\tpadding: #{($form--input-height-base - ($form--input-line-height + 2px)) / 2} 14px;\n\t\tborder: 1px solid $form--input-border-color;\n\t\tborder-radius: $border-radius;\n\t\tbackground-color: $form--input-bg-color;\n\t\tbackground-image: none;\n\t\tcolor: $form--input-color;\n\t\tfont: $form--input-font-weight #{$font--size}/#{$form--input-line-height} $font;\n\t\tletter-spacing: $font--letter-spacing;\n\t\ttransition: 0.3s ease-in-out;\n\n\t\t&,\n\t\t&:hover,\n\t\t&:focus,\n\t\t&:active {\n\t\t\toutline: none;\n\t\t\tbox-shadow: none;\n\t\t}\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tborder-color: $form--input-border-color-hover;\n\t\t\tbackground-color: $white;\n\t\t}\n\n\t\t&:focus {\n\t\t\tbackground-color: $form--input-bg-color-focus;\n\t\t\tcolor: $form--input-color-focus;\n\t\t}\n\n\t\t&::placeholder {\n\t\t\tcolor: $form--input-placeholder-color;\n\t\t}\n\n\t\t// STATE: Disabled\n\t\t&[disabled],\n\t\t&.sui-disabled,\n\t\tfieldset[disabled] & {\n\t\t\tcursor: not-allowed;\n\n\t\t\t&,\n\t\t\t&:focus,\n\t\t\t&:hover {\n\t\t\t\tborder-color: $form--input--disabled;\n\t\t\t\tbackground-color: $form--input--disabled;\n\t\t\t\tcolor: $form--input-color-disabled;\n\t\t\t}\n\t\t}\n\n\t\t// FIX:\n\t\t// Unstyle the caret on <select> in IE10+\n\t\t&::-ms-expand {\n\t\t\tborder: 0;\n\t\t\tbackground-color: transparent;\n\t\t}\n\t}\n\n\t// ELEMENT: Label (Global)\n\tlabel {\n\t\tcursor: default;\n\n\t\t&[for] {\n\t\t\tcursor: pointer;\n\t\t}\n\t}\n\n\t// ELEMENT: Label\n\t.sui-label {\n\t\t@extend %label;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tmargin: 0 0 5px;\n\n\t\t.sui-tag {\n\t\t\tmargin-left: 5px;\n\n\t\t\t&.sui-left {\n\t\t\t\tmargin-right: 5px;\n\t\t\t\tmargin-left: 0;\n\t\t\t}\n\t\t}\n\n\t\t&:last-child {\n\t\t\tmargin: 0;\n\t\t}\n\n\t\t// VARIATION: Label link\n\t\t&-link {\n\t\t\tmargin-right: 0;\n\t\t\tmargin-left: auto;\n\t\t\tcolor: $form--label-color;\n\t\t\tfont-weight: 400;\n\t\t}\n\n\t\t// VARIATION: Inline label\n\t\t&-inline {\n\t\t\t@extend %label;\n\t\t\tmargin: 0;\n\t\t}\n\n\t\t// VARIATION: Label note\n\t\t&-note {\n\t\t\tmargin-right: 0;\n\t\t\tmargin-left: auto;\n\t\t}\n\t}\n\n\t// ELEMENT: Form control\n\t// This element allow us to style textarea and inputs (all except checkbox and radio)\n\t.sui-form-control {\n\t\t@extend %form-control;\n\t\tdisplay: block;\n\n\t\t&.sui-input-sm {\n\t\t\tmax-width: 80px;\n\t\t}\n\t\t&.sui-input-md {\n\t\t\tmax-width: 240px;\n\t\t}\n\n\t\t// Form field prefix and suffix\n\t\t&.sui-field-has-prefix,\n\t\t&.sui-field-has-suffix {\n\t\t\twidth: auto;\n\t\t\tdisplay: inline-block;\n\t\t}\n\t}\n\n\t// ELEMENT: Multi checkbox\n\t.sui-multi-checkbox {\n\t\t@extend .sui-form-control;\n\t\theight: auto;\n\t\tmax-height: 114px;\n\t\toverflow-y: auto;\n\t\tpadding: 1px;\n\n\t\tlabel {\n\t\t\tmargin: 1px 0;\n\n\t\t\tinput {\n\t\t\t\t@extend %sui-screen-reader-text;\n\n\t\t\t\t&:checked + span {\n\t\t\t\t\tbackground-color: $blue;\n\t\t\t\t\tcolor: $white;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tspan {\n\t\t\t\tdisplay: block;\n\t\t\t\tpadding: 10px;\n\t\t\t}\n\n\t\t\t&:first-child {\n\t\t\t\tmargin-top: 0;\n\n\t\t\t\tspan {\n\t\t\t\t\tborder-radius: #{$border-radius - 1px} #{$border-radius - 1px} 0 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:last-child {\n\t\t\t\tmargin-bottom: 0;\n\n\t\t\t\tspan {\n\t\t\t\t\tborder-radius: 0 0 #{$border-radius - 1px} #{$border-radius - 1px};\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// ELEMENT: Field description\n\t.sui-description,\n\t.sui-multi-checkbox label {\n\t\tdisplay: block;\n\t\tmargin-top: 5px;\n\t\tcolor: $form--description-color;\n\t\tfont-size: $form--description-font-size;\n\t\tline-height: 22px;\n\t\tfont-weight: $form--description-font-weight;\n\t\tletter-spacing: $font--letter-spacing;\n\n\t\t&.sui-toggle-description {\n\t\t\tmargin-left: 48px;\n\t\t}\n\n\t\t&.sui-checkbox-description,\n\t\t&.sui-radio-description {\n\t\t\tmargin: 0 27px 5px;\n\t\t}\n\n\t\t+ .sui-form-field,\n\t\t+ .sui-form-field-inline {\n\t\t\tmargin-top: 20px;\n\t\t}\n\t}\n\n\t// ELEMENT: Error message\n\t.sui-error-message {\n\t\tdisplay: block;\n\t\tmargin-top: 8px;\n\t\tcolor: $form--input-error-color;\n\t\tfont-size: $form--input-error-font-size;\n\t\tline-height: $form--input-error-line-height;\n\t\tfont-weight: $form--input-error-font-weight;\n\t}\n\n\t// GROUP: Form field\n\t.sui-form-field {\n\n\t\t&.sui-input-sm {\n\t\t\tmax-width: 80px;\n\t\t}\n\t\t&.sui-input-md {\n\t\t\tmax-width: 240px;\n\t\t}\n\n\t\t> .sui-row {\n\n\t\t\t[class^=\"sui-col\"] {\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tpadding-right: 5px;\n\t\t\t\t\tpadding-left: 5px;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:first-child {\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tmargin-top: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tmargin-top: 10px;\n\t\t\t\tmargin-right: -5px;\n\t\t\t\tmargin-bottom: 0;\n\t\t\t\tmargin-left: -5px;\n\t\t\t}\n\t\t}\n\n\t\t&:last-child {\n\t\t\tmargin-bottom: 0;\n\n\t\t\t@include media( max-width, md ) {\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\t\t}\n\n\t\t// STATE: Error\n\t\t&.sui-has_error,\n\t\t&.sui-form-field-error {\n\n\t\t\t.sui-form-control {\n\t\t\t\tborder-bottom: 2px solid $form--input-border-color-error;\n\t\t\t}\n\n\t\t\t.sui-control-with-icon {\n\n\t\t\t\t[class*=\"sui-icon-\"]:before {\n\t\t\t\t\tcolor: $form--input-border-color-error;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t@include media(max-width, md) {\n\t\t\tmargin-bottom: $sui-gutter-md;\n\t\t}\n\n\t\t@include media(min-width, md) {\n\t\t\tmargin-bottom: $sui-gutter;\n\t\t}\n\t}\n\n\t.sui-field-suffix,\n\t.sui-field-prefix {\n\t\tdisplay: inline-block;\n\t\tcolor: #888888;\n\t\tfont-size: 13px;\n\t\tline-height: 22px;\n\t}\n\n\t.sui-field-prefix {\n\t\tmargin-right: 10px;\n\t}\n\t.sui-field-suffix {\n\t\tmargin-left: 10px;\n\t}\n\n\t// GROUP: Form field (inline)\n\t.sui-form-field-inline {\n\n\t\t> .sui-form-field,\n\t\t> .select-container {\n\n\t\t\t&:first-child {\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tmargin-left: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:last-child {\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tmargin-right: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tflex: 0 0 auto;\n\t\t\t\tmargin-top: 0;\n\t\t\t\tmargin-bottom: 0;\n\t\t\t\tmargin-right: 10px;\n\t\t\t\tmargin-left: 10px;\n\t\t\t}\n\t\t}\n\n\t\t> .sui-form-field {\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tflex: 0 0 auto;\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\t\t}\n\n\t\t> p,\n\t\t> span,\n\t\t> .sui-label {\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tflex: 0 0 auto;\n\t\t\t\tmargin: 0;\n\t\t\t}\n\t\t}\n\n\t\t&:last-child {\n\n\t\t\t@include media(max-width, md) {\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\t\t}\n\n\t\t@include media(min-width, md) {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tmargin-bottom: $sui-gutter;\n\t\t}\n\n\t\t@include media(max-width, md) {\n\t\t\tmargin-bottom: $sui-gutter-md;\n\t\t}\n\t}\n\n\t// GROUP: Input with icon\n\t// This group doesn't work with inline form control\n\t.sui-control-with-icon {\n\t\tposition: relative;\n\n\t\t.sui-form-control {\n\t\t\tpadding-left: 40px;\n\t\t}\n\n\t\t// Select 2\n\t\tselect.sui-select+.select2-container .select2-selection__rendered {\n\t\t\tpadding-left: 40px;\n\t\t}\n\n\t\t[class*=\"sui-icon-\"] {\n\t\t\twidth: 16px;\n\t\t\theight: 16px;\n\t\t\tpointer-events: none;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\tposition: absolute;\n\t\t\ttop: 11px;\n\t\t\tleft: 14px;\n\n\t\t\t&:before {\n\t\t\t\tcolor: $form--input-icon;\n\t\t\t\tdisplay: block;\n\t\t\t}\n\t\t}\n\n\t\t&.sui-right-icon {\n\n\t\t\t.sui-form-control {\n\t\t\t\tpadding-right: 40px;\n\t\t\t\tpadding-left: 14px;\n\t\t\t}\n\n\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\tright: 14px;\n\t\t\t\tleft: auto;\n\t\t\t\tcolor: $form--input-icon-right;\n\t\t\t}\n\t\t}\n\t}\n\n\t// GROUP: Input with button\n\t.sui-with-button {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\n\t\t.sui-button {\n\t\t\tflex: 0 0 auto;\n\t\t}\n\n\t\t.sui-form-control {\n\t\t\tflex: 1;\n\t\t\tmargin: 0 5px;\n\n\t\t\t&:first-child {\n\t\t\t\tmargin-left: 0;\n\t\t\t}\n\n\t\t\t&:last-child {\n\t\t\t\tmargin-right: 0;\n\t\t\t}\n\t\t}\n\n\t\t// VARIATION: Inside button\n\t\t&.sui-inside,\n\t\t&.sui-with-button-inside {\n\t\t\tdisplay: block;\n\t\t\tposition: relative;\n\n\t\t\t.sui-button,\n\t\t\t.sui-button-icon {\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 5px;\n\t\t\t\tright: 5px;\n\t\t\t}\n\n\t\t\t.sui-button-lg {\n\t\t\t\ttop: 0;\n\t\t\t\tright: 0;\n\t\t\t\tborder-top-left-radius: 0;\n\t\t\t\tborder-bottom-left-radius: 0;\n\t\t\t}\n\n\t\t\t.sui-form-control {\n\t\t\t\tmargin: 0;\n\t\t\t\tpadding-right: 90px;\n\t\t\t}\n\t\t}\n\n\t\t// VARIATION: Icon button\n\t\t&.sui-with-button-icon {\n\t\t\tdisplay: block;\n\t\t\tposition: relative;\n\n\t\t\t.sui-button,\n\t\t\t.sui-button-icon {\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 5px;\n\t\t\t\tright: 5px;\n\t\t\t}\n\n\t\t\t.sui-button-lg {\n\t\t\t\ttop: 0;\n\t\t\t\tright: 0;\n\t\t\t}\n\n\t\t\t.sui-form-control {\n\t\t\t\tmargin: 0;\n\t\t\t\tpadding-right: 40px;\n\t\t\t}\n\t\t}\n\t}\n\n\t// GROUP: Inputs\n\t.sui-input-group {\n\t\twidth: 100%;\n\t\tdisplay: flex;\n\t\talign-items: stretch;\n\t\tposition: relative;\n\t}\n\n\t// GROUP: Password\n\t.sui-password-group {\n\t\tposition: relative;\n\n\t\t.sui-password-toggle {\n\t\t\twidth: 30px;\n\t\t\theight: 30px;\n\t\t\tcursor: pointer;\n\t\t\tposition: absolute;\n\t\t\ttop: 50%;\n\t\t\tright: 7px;\n\t\t\tpadding: 0;\n\t\t\tborder: 0;\n\t\t\tborder-radius: $border-radius;\n\t\t\tbackground: transparent;\n\t\t\tcolor: $form--input-icon-color;\n\t\t\tfont-size: 15px;\n\t\t\tline-height: 1em;\n\t\t\ttransform: translateY(-50%);\n\n\t\t\t&:hover,\n\t\t\t&:focus,\n\t\t\t&:active {\n\t\t\t\toutline: 0;\n\t\t\t}\n\n\t\t\t&:hover {\n\t\t\t\tbackground-color: rgba(0, 0, 0, .03);\n\n\t\t\t\t[class*=\"sui-icon-\"]:before {\n\t\t\t\t\tcolor: $gray;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// GROUP: Date\n\t.sui-date {\n\t\tposition: relative;\n\n\t\t.sui-form-control {\n\n\t\t\t&:first-child {\n\t\t\t\tpadding-right: 40px;\n\t\t\t}\n\n\t\t\t&:last-child {\n\t\t\t\tpadding-left: 40px;\n\t\t\t}\n\t\t}\n\n\t\t[class*=\"sui-icon-\"] {\n\t\t\twidth: 30px;\n\t\t\theight: 30px;\n\t\t\tpointer-events: none;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\tposition: absolute;\n\t\t\ttop: 5px;\n\n\t\t\t&:before {\n\t\t\t\tdisplay: block;\n\t\t\t}\n\n\t\t\t&:first-child {\n\t\t\t\tleft: 5px;\n\t\t\t}\n\n\t\t\t&:last-child {\n\t\t\t\tright: 5px;\n\t\t\t}\n\t\t}\n\t}\n\n\t.sui-multi-date {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\n\t\t.sui-form-field {\n\t\t\tflex: 1;\n\n\t\t\t+ button {\n\t\t\t\tflex: 0 0 auto;\n\t\t\t\tmargin-left: 10px;\n\t\t\t}\n\n\t\t\t@include media(max-width, md) {\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\t\t}\n\n\t\t&:not(:last-child) {\n\t\t\tmargin-bottom: 10px;\n\t\t}\n\t}\n\n\t// GROUP: Insert variables\n\t.sui-insert-variables {\n\t\tposition: relative;\n\n\t\t.sui-form-control {\n\t\t\tpadding-right: #{($form--input-height-base - 1px) + 14px};\n\t\t}\n\n\t\t.select-container {\n\t\t\tposition: absolute;\n\t\t\ttop: 0;\n\t\t\tright: 0;\n\t\t\tborder: 0;\n\t\t\tbackground-color: transparent;\n\t\t\tpointer-events: none;\n\n\t\t\t.dropdown-handle {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\n\t\t\t.select-list-container {\n\t\t\t\tpadding-right: 0;\n\t\t\t\tpointer-events: initial;\n\n\t\t\t\t.list-value {\n\t\t\t\t\twidth: $form--input-height-base;\n\t\t\t\t\theight: $form--input-height-base;\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\tflex-direction: column;\n\t\t\t\t\talign-items: center;\n\t\t\t\t\tjustify-content: center;\n\t\t\t\t\tposition: relative;\n\t\t\t\t\tpadding: 0;\n\t\t\t\t\tborder: 1px solid $form--input-border-color;\n\t\t\t\t\tborder-left-color: transparent;\n\t\t\t\t\tborder-radius: 0 $border-radius $border-radius 0;\n\t\t\t\t\tcolor: transparent;\n\t\t\t\t\tfont-size: 16px;\n\t\t\t\t\ttransition: 0.2s ease;\n\n\t\t\t\t\t&:hover {\n\t\t\t\t\t\tborder-left-color: $form--input-border-color;\n\t\t\t\t\t\tbackground-color: $silver;\n\n\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\tcolor: $gray;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t@include icon(before, plus-circle, true){\n\t\t\t\t\t\twidth: 16px;\n\t\t\t\t\t\theight: 16px;\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.list-results {\n\t\t\t\t\twidth: 320px;\n\t\t\t\t\tleft: auto;\n\t\t\t\t\tmargin-right: 0;\n\t\t\t\t\tborder-color: $form--input-border-color;\n\t\t\t\t\tbackground-color: $white;\n\n\t\t\t\t\tli.sui-element-flex {\n\t\t\t\t\t\tdisplay: flex;\n\n\t\t\t\t\t\tspan {\n\t\t\t\t\t\t\tpointer-events: none;\n\t\t\t\t\t\t\toverflow: hidden;\n\t\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\t\ttext-overflow: ellipsis;\n\t\t\t\t\t\t\twhite-space: nowrap;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tspan {\n\t\t\t\t\t\t\tflex: 1;\n\n\t\t\t\t\t\t\t+ span {\n\t\t\t\t\t\t\t\tflex: 0 0 auto;\n\t\t\t\t\t\t\t\tmargin-left: 5px;\n\t\t\t\t\t\t\t\tcolor: #AAA;\n\t\t\t\t\t\t\t\tfont-size: 12px;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.current {\n\t\t\t\t\t\tbackground-color: transparent;\n\t\t\t\t\t\tcolor: palette(gray, light);\n\n\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\tbackground-color: palette(silver, light);\n\t\t\t\t\t\t\tcolor: palette(gray, dark);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.active {\n\n\t\t\t\t.select-list-container .list-value {\n\t\t\t\t\tz-index: 1011;\n\t\t\t\t\tborder-bottom-color: $white;\n\t\t\t\t\tborder-left-color: $form--input-border-color;\n\t\t\t\t\tbackground-color: $white;\n\t\t\t\t\tborder-bottom-right-radius: 0;\n\n\t\t\t\t\t&:before {\n\t\t\t\t\t\tcolor: palette(gray, dark);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.select-list-container .list-results {\n\t\t\t\t\ttop: 38px;\n\t\t\t\t\tborder-top-right-radius: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.sui-variables + .select2 {\n\t\t\twidth: auto !important;\n\t\t\theight: auto !important;\n\t\t\tdisplay: block;\n\t\t\tposition: absolute;\n\t\t\ttop: 0;\n\t\t\tright: 0;\n\n\t\t\t* {\n\t\t\t\tdisplay: block;\n\t\t\t\toutline: none;\n\t\t\t}\n\n\t\t\t.select2-selection--single {\n\t\t\t\theight: auto;\n\t\t\t\tborder: 1px solid $form--input-border-color;\n\t\t\t\tborder-left-color: transparent;\n\t\t\t\tborder-radius: 0 $border-radius $border-radius 0;\n\t\t\t\tbackground-color: transparent;\n\t\t\t\ttransition: 0.2s ease;\n\n\t\t\t\t.select2-selection__rendered {\n\t\t\t\t\t@extend %sui-screen-reader-text;\n\t\t\t\t}\n\n\t\t\t\t.select2-selection__arrow {\n\t\t\t\t\twidth: #{$form--input-height-base - 2px};\n\t\t\t\t\theight: #{$form--input-height-base - 2px};\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\talign-items: center;\n\t\t\t\t\tposition: relative;\n\t\t\t\t\ttop: auto;\n\t\t\t\t\tright: auto;\n\n\t\t\t\t\t@include icon(before, plus-circle) {\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\tmargin: 0 auto;\n\t\t\t\t\t\tcolor: palette(gray, light);\n\t\t\t\t\t\tfont-size: 16px;\n\t\t\t\t\t}\n\n\t\t\t\t\tb {\n\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&:hover {\n\t\t\t\t\tborder-left-color: $form--input-border-color;\n\t\t\t\t\tbackground-color: $silver;\n\n\t\t\t\t\t.select2-selection__arrow:before {\n\t\t\t\t\t\tcolor: palette(gray, default);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.select2-container--open {\n\n\t\t\t\t.select2-selection--single {\n\t\t\t\t\tborder-left-color: $form--input-border-color;\n\t\t\t\t\tbackground-color: $white;\n\t\t\t\t\tborder-bottom-right-radius: 0;\n\n\t\t\t\t\t.select2-selection__arrow:before {\n\t\t\t\t\t\tcolor: palette(gray, dark);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\ttextarea.sui-form-control + .select-container {\n\n\t\t\t.select-list-container {\n\n\t\t\t\t.list-value {\n\t\t\t\t\tborder-color: transparent;\n\n\t\t\t\t\t&:hover {\n\t\t\t\t\t\tborder-left-color: transparent;\n\t\t\t\t\t\tbackground-color: transparent;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.active .select-list-container {\n\n\t\t\t\t.list-value {\n\t\t\t\t\tborder-left-color: transparent;\n\t\t\t\t\tbackground-color: transparent;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// FIX:\n\t// Reset height for textarea\n\ttextarea.sui-form-control {\n\t\tmax-width: 100%;\n\t\theight: auto;\n\t\tresize: vertical;\n\t\tline-height: 20px;\n\t}\n\n\t// FIX:\n\t// Add special styles if <select> is being used with .sui-form-control class.\n\t//\n\t// NOTE: There's no need to use <select> with this class but just in case,\n\t// a fix for it must be included.\n\tselect.sui-form-control {\n\t\tcursor: pointer;\n\t\tappearance: none;\n\t\tbackground-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAs0lEQVQ4T6WS2w0CIRBF59KA2oklaAdbgpbgB48SIBThduKWYClrA2CGgEEXNWH5moR7Zu48QJ0PnRytA6WUe67svb//clDrUkWt9UxEMYRw/AYzJIS4sd45t0ugMeZERNcY49yCCwRgS0Rna+346rGGAVz4s06aW0gQx2/DUUoNAEYAG86cxezkAWCw1k5lBoupZltThomhEMLhs/fmOgrM2VvQwmq9in8rWncAPWfXXfEJ6RpWD7sJ1JwAAAAASUVORK5CYII=);\n\t\tbackground-repeat: no-repeat;\n\t\tbackground-position: center right 10px;\n\t\tline-height: 1;\n\t}\n}","@include body-class(true) {\n\n\t// Tabs\n\t.sui-tabs:not(.sui-side-tabs) {\n\n\t\t> [data-tabs],\n\t\t> .sui-tabs-menu {\n\t\t\tdisplay: flex;\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\t\t\tborder-top: 1px solid $tabs-content-border-color;\n\t\t\tlist-style: none;\n\n\t\t\t> *,\n\t\t\t.sui-tab-item {\n\t\t\t\tcursor: pointer;\n\t\t\t\tmargin: 0 10px;\n\t\t\t\tpadding: 14px 0 12px;\n\t\t\t\tborder: 0; // Make sure borders are disabled when using \"button\" element for tabs.\n\t\t\t\tbackground-color: transparent;\n\t\t\t\tfont: 500 13px/22px $font;\n\t\t\t\tletter-spacing: $font--letter-spacing;\n\t\t\t\ttext-transform: uppercase;\n\t\t\t\ttext-decoration: none;\n\n\t\t\t\t&,\n\t\t\t\t&:focus,\n\t\t\t\t&:hover,\n\t\t\t\t&:active,\n\t\t\t\t&:visited {\n\t\t\t\t\toutline: none; // Make sure outline blur is disabled when using \"button\" element for tabs.\n\t\t\t\t\tborder-bottom: 2px solid transparent;\n\t\t\t\t}\n\n\t\t\t\t&,\n\t\t\t\t&:visited {\n\t\t\t\t\tcolor: $tabs-label-color;\n\t\t\t\t}\n\n\t\t\t\t&:focus,\n\t\t\t\t&:hover,\n\t\t\t\t&:active {\n\t\t\t\t\tcolor: $tabs-label-active-border-color;\n\t\t\t\t}\n\n\t\t\t\t&:first-child {\n\t\t\t\t\tmargin-left: 0;\n\t\t\t\t}\n\n\t\t\t\t&:last-child {\n\t\t\t\t\tmargin-right: 0;\n\t\t\t\t}\n\n\t\t\t\t&.active {\n\t\t\t\t\tcolor: $tabs-label-active-border-color;\n\t\t\t\t\tborder-bottom-color: $tabs-label-active-color;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t> [data-panes],\n\t\t> .sui-tabs-content {\n\n\t\t\t> *,\n\t\t\t> .sui-tab-content {\n\t\t\t\tdisplay: none;\n\t\t\t\tmargin-top: -1px;\n\t\t\t\tpadding: $sui-gutter-md 0 0;\n\t\t\t\tborder-top: 1px solid #E6E6E6;\n\n\t\t\t\t&.active {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t}\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tpadding: $sui-gutter 0 0;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Flushed tabs\n\t\t&.sui-tabs-flushed {\n\n\t\t\t> [data-tabs],\n\t\t\t> .sui-tabs-menu {\n\t\t\t\tborder-top-width: 0;\n\t\t\t}\n\t\t}\n\n\t\t// Overflowed tabs\n\t\t&.sui-tabs-overflow {\n\t\t\tposition: relative;\n\n\t\t\t> [data-tabs],\n\t\t\t> .sui-tabs-menu {\n\t\t\t\toverflow: auto;\n\t\t\t\tscrollbar-width: none;\n\t\t\t\tscrollbar-height: none;\n\n\t\t\t\t&::-webkit-scrollbar {\n\t\t\t\t\twidth: 0;\n\t\t\t\t\theight: 0;\n\t\t\t\t\tbackground: transparent;\n\t\t\t\t}\n\n\t\t\t\t> *,\n\t\t\t\t.sui-tab-item {\n\t\t\t\t\tflex: 0 0 auto;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Navigation for overflow.\n\t\t\t.sui-tabs-navigation {\n\t\t\t\tposition: absolute;\n\t\t\t\twidth: 100%;\n\t\t\t\tdisplay: flex;\n\t\t\t\tjustify-content: space-between;\n\t\t\t\theight: 50px;\n\t\t\t\talign-items: center;\n\t\t\t\ttop: 1px;\n\t\t\t\tpointer-events: none;\n\t\t\t\topacity: 1;\n\n\t\t\t\t&--left,\n\t\t\t\t&--right {\n\t\t\t\t\tbackground: rgba(255, 255, 255, 0.8);\n\t\t\t\t\tpointer-events: all;\n\t\t\t\t\ttransition: all .2s;\n\t\t\t\t}\n\t\t\t\t&--hidden {\n\t\t\t\t\tvisibility: hidden;\n\t\t\t\t\topacity: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:not(.sui-tabs-flushed) {\n\t\t\t\tborder: 1px solid $tabs-content-border-color;\n\t\t\t\tborder-radius: $border-radius;\n\n\t\t\t\t> [data-tabs],\n\t\t\t\t> .sui-tabs-menu {\n\t\t\t\t\tmargin-right: $sui-gutter-md;\n\t\t\t\t\tmargin-left: $sui-gutter-md;\n\t\t\t\t\tborder-top-width: 0;\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tmargin-right: $sui-gutter;\n\t\t\t\t\t\tmargin-left: $sui-gutter;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t> [data-panes],\n\t\t\t\t> .sui-tabs-content {\n\n\t\t\t\t\t> *,\n\t\t\t\t\t> .sui-tab-content {\n\t\t\t\t\t\tpadding-right: $sui-gutter-md;\n\t\t\t\t\t\tpadding-bottom: $sui-gutter-md;\n\t\t\t\t\t\tpadding-left: $sui-gutter-md;\n\n\t\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t\tpadding-right: $sui-gutter;\n\t\t\t\t\t\t\tpadding-bottom: $sui-gutter;\n\t\t\t\t\t\t\tpadding-left: $sui-gutter;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// Side Tabs\n\t.sui-side-tabs {\n\t\tmargin: 0 0 $sui-gutter-md;\n\n\t\t> [data-tabs],\n\t\t> .sui-tabs-menu {\n\t\t\tdisplay: flex;\n\t\t\tflex-wrap: wrap;\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\t\t\tlist-style: none;\n\n\t\t\t> *,\n\t\t\t.sui-tab-item {\n\t\t\t\tcursor: pointer;\n\t\t\t\tflex: 0 0 auto;\n\t\t\t\tmargin: 0 1px 0 0;\n\t\t\t\tpadding: 9px 20px;\n\t\t\t\tborder: 0; // Make sure borders are disabled when using \"button\" element for tabs.\n\t\t\t\tfont: 500 13px/22px $font;\n\t\t\t\tletter-spacing: $font--letter-spacing;\n\t\t\t\ttext-decoration: none;\n\n\t\t\t\t&,\n\t\t\t\t&:focus,\n\t\t\t\t&:hover,\n\t\t\t\t&:active,\n\t\t\t\t&:visited {\n\t\t\t\t\toutline: none; // Make sure outline blur is disabled when using \"button\" element for tabs.\n\t\t\t\t\tbackground-color: $side-tabs--label-background;\n\t\t\t\t\tcolor: $side-tabs--label-color;\n\t\t\t\t}\n\n\t\t\t\tinput {\n\t\t\t\t\t@extend %sui-screen-reader-text;\n\t\t\t\t}\n\n\t\t\t\t&:first-child {\n\t\t\t\t\tborder-radius: $border-radius 0 0 $border-radius;\n\t\t\t\t}\n\n\t\t\t\t&:last-child {\n\t\t\t\t\tmargin: 0;\n\t\t\t\t\tborder-radius: 0 $border-radius $border-radius 0;\n\t\t\t\t}\n\n\t\t\t\t&.active {\n\t\t\t\t\tbackground-color: $side-tabs--label-active-background;\n\t\t\t\t\tcolor: $side-tabs--label-active-color;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t> [data-panes],\n\t\t> .sui-tabs-content {\n\n\t\t\t> *,\n\t\t\t> .sui-tab-content {\n\t\t\t\tdisplay: none;\n\t\t\t\tmargin: 10px 0 0;\n\n\t\t\t\t&.sui-tab-boxed {\n\t\t\t\t\tpadding: $sui-gutter-md;\n\t\t\t\t\tborder: 1px solid #E6E6E6;\n\t\t\t\t\tborder-radius: $border-radius;\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tpadding: $sui-gutter;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&.active {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// VARIATION: Large\n\t\t\t// This class will increase the space\n\t\t\t// between data-tabs and data-panes.\n\t\t\t&.sui-tabs-content-lg {\n\n\t\t\t\t> *,\n\t\t\t\t> .sui-tab-content {\n\t\t\t\t\tmargin-top: 30px;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&:last-child {\n\t\t\tmargin: 0;\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tmargin: 0;\n\t\t\t}\n\t\t}\n\n\t\t@include media(min-width, md) {\n\t\t\tmargin: 0 0 $sui-gutter;\n\t\t}\n\t}\n\n\t// Flushed tabs inside box\n\t.sui-box-body {\n\n\t\t> .sui-tabs-flushed {\n\n\t\t\t> [data-tabs],\n\t\t\t> .sui-tabs-menu {\n\t\t\t\tpadding: 0 $sui-gutter-md;\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tpadding: 0 $sui-gutter;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t> [data-panes],\n\t\t\t> .sui-tabs-content {\n\n\t\t\t\t> *,\n\t\t\t\t> .sui-tab-content {\n\t\t\t\t\tpadding: $sui-gutter-md;\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tpadding: $sui-gutter;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@include media(max-width, md) {\n\t\t\t\tmargin: -#{$sui-gutter-md} !important;\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tmargin: -#{$sui-gutter} !important;\n\t\t\t}\n\t\t}\n\t}\n}\n","@include body-class(true) {\n\n\t.sui-footer {\n\t\tmargin-top: #{$sui-gutter-md * 2};\n\t\tcolor: $footer-color;\n\t\tfont: $font--medium 12px/22px $font;\n\t\tletter-spacing: $font--letter-spacing;\n\t\ttext-align: center;\n\n\t\t[class*=\"sui-icon-\"] {\n\t\t\tmargin: 0 3px;\n\t\t\tfont-size: 11px;\n\n\t\t\t&:before {\n\t\t\t\tdisplay: block;\n\t\t\t\tcolor: $footer-color;\n\t\t\t}\n\t\t}\n\n\t\t@include media(min-width, md) {\n\t\t\tmargin-top: #{$sui-gutter * 2};\n\t\t}\n\t}\n\n\t.sui-footer-nav,\n\t.sui-footer-social {\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\tmargin: $sui-gutter-md 0 0;\n\t\ttext-align: center;\n\n\t\t&, li {\n\t\t\tpadding: 0;\n\t\t\tborder: 0;\n\t\t\tlist-style: none;\n\t\t}\n\n\t\tli {\n\t\t\tdisplay: inline-flex;\n\t\t\tmargin: 0;\n\t\t\tcolor: $footer-color;\n\t\t\tfont: 400 12px/16px $font;\n\n\t\t\ta {\n\t\t\t\tdisplay: block;\n\t\t\t\tcolor: $footer-color;\n\t\t\t\tfont-weight: 400;\n\t\t\t\ttransition: $transition;\n\n\t\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\t\twidth: 30px;\n\t\t\t\t\ttext-align: center;\n\n\t\t\t\t\t&:before {\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\tcolor: inherit;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&,\n\t\t\t\t&:hover,\n\t\t\t\t&:active {\n\t\t\t\t\toutline: none;\n\t\t\t\t\tbox-shadow: none;\n\t\t\t\t}\n\n\t\t\t\t&:hover,\n\t\t\t\t&:active {\n\t\t\t\t\tcolor: $footer-color-hover;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t@include media(max-width, md) {\n\t\t\tflex-wrap: wrap;\n\t\t}\n\n\t\t@include media(min-width, md) {\n\t\t\tmargin-top: $sui-gutter;\n\t\t}\n\t}\n\n\t.sui-footer-nav {\n\n\t\tli:not(:last-child) {\n\n\t\t\t&:after {\n\t\t\t\tcontent: \"/\";\n\t\t\t\tmargin-right: 6px;\n\t\t\t\tmargin-left: 6px;\n\t\t\t}\n\t\t}\n\t}\n\n\t.sui-footer-social {\n\n\t\tli {\n\t\t\tmargin: 0 5px;\n\n\t\t\t&:first-child {\n\t\t\t\tmargin-left: 0;\n\t\t\t}\n\n\t\t\t&:last-child {\n\t\t\t\tmargin-right: 0;\n\t\t\t}\n\t\t}\n\t}\n\n\t#sui-cross-sell-footer {\n\n\t\t> div {\n\t\t\twidth: 100%;\n\t\t\ttext-align: center;\n\t\t\tborder-bottom: 1px solid $footer-cross-sell-border-color;\n\t\t\tline-height: 0.1em;\n\t\t\tmargin: 10px 0 40px;\n\t\t\t> span {\n\t\t\t\tposition: relative;\n\t\t\t\tcolor: $footer-cross-sell-icon-color;\n\t\t\t\tbackground-color: #f1f1f1;\n\t\t\t\tpadding: 0 30px;\n\t\t\t\tfont-size: 16px;\n\t\t\t\ttop: 8px;\n\t\t\t}\n\t\t}\n\n\t\th3 {\n\t\t\tfont-size: 22px;\n\t\t\tfont-weight: bold;\n\t\t\tline-height: 30px;\n\t\t\ttext-transform: none;\n\t\t}\n\t}\n\n\t.sui-cross-sell-modules {\n\t\tmargin-top: 30px;\n\n\t\t.sui-col-md-4 {\n\n\t\t\t@media (min-width: 600px) and (max-width: 783px) {\n\t\t\t\tdisplay: flex;\n\t\t\t}\n\t\t}\n\n\t\t[class*=\"sui-cross-\"] {\n\t\t\tmin-height: 150px;\n\t\t\tborder-radius: $border-radius $border-radius 0 0;\n\t\t\tbackground-size: cover;\n\t\t\tbackground-position: center;\n\n\t\t\t> span {\n\t\t\t\twidth: 56px;\n\t\t\t\theight: 56px;\n\t\t\t\tdisplay: block;\n\t\t\t\tborder: 3px solid #fff;\n\t\t\t\tborder-radius: 50%;\n\t\t\t\tposition: relative;\n\t\t\t\ttop: 80px;\n\t\t\t\tleft: 15px;\n\t\t\t\tbox-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.25);\n\n\t\t\t\t@media (min-width: 600px) and (max-width: 783px) {\n\t\t\t\t\ttop: 110px;\n\t\t\t\t}\n\n\t\t\t\t@media (max-width: 600px) {\n\t\t\t\t\tz-index: 1;\n\t\t\t\t\ttop: 45px;\n\t\t\t\t\tleft: 50%;\n\t\t\t\t\ttransform: translateX(-50%);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@media (min-width: 600px) and (max-width: 783px) {\n\t\t\t\twidth: 180px;\n\t\t\t\tflex: none;\n\t\t\t\tborder-radius: $border-radius 0 0 $border-radius;\n\t\t\t}\n\n\t\t\t@media (max-width: 600px) {\n\t\t\t\theight: 80px;\n\t\t\t\tmin-height: auto;\n\t\t\t}\n\t\t}\n\n\t\t@if variable-exists(cross-sell-1) {\n\n\t\t\t@if $cross-sell-1 != '' {\n\n\t\t\t\t.sui-cross-1 {\n\n\t\t\t\t\t> span {\n\t\t\t\t\t\t@include background-2x(\"#{$sui-image-path}plugins-#{$cross-sell-1}-icon\", 'png', 50px, 50px, center center, no-repeat);\n\t\t\t\t\t}\n\t\t\n\t\t\t\t\tbackground-image: url(\"#{$sui-image-path}plugins-#{$cross-sell-1}.jpg\");\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t@if variable-exists(cross-sell-2) {\n\n\t\t\t@if $cross-sell-2 != '' {\n\n\t\t\t\t.sui-cross-2 {\n\n\t\t\t\t\t> span {\n\t\t\t\t\t\t@include background-2x(\"#{$sui-image-path}plugins-#{$cross-sell-2}-icon\", 'png', 50px, 50px, center center, no-repeat);\n\t\t\t\t\t}\n\t\t\n\t\t\t\t\tbackground-image: url(\"#{$sui-image-path}plugins-#{$cross-sell-2}.jpg\");\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t@if variable-exists(cross-sell-3) {\n\n\t\t\t@if $cross-sell-3 != '' {\n\n\t\t\t\t.sui-cross-3 {\n\n\t\t\t\t\t> span {\n\t\t\t\t\t\t@include background-2x(\"#{$sui-image-path}plugins-#{$cross-sell-3}-icon\", 'png', 50px, 50px, center center, no-repeat);\n\t\t\t\t\t}\n\t\t\n\t\t\t\t\tbackground-image: url(\"#{$sui-image-path}plugins-#{$cross-sell-3}.jpg\");\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.sui-box {\n\t\t\tmargin-bottom: 0;\n\n\t\t\th3 {\n\t\t\t\tmargin-top: 0;\n\t\t\t\tfont-size: 18px;\n\t\t\t\tline-height: 30px;\n\t\t\t\tfont-weight: 700;\n\t\t\t\ttext-transform: none;\n\n\t\t\t\t@media(min-width: 600px) and (max-width: 783px) {\n\t\t\t\t\tmargin: 0;\n\t\t\t\t\tmin-height: auto;\n\t\t\t\t}\n\n\t\t\t\t@media(max-width: 600px) {\n\t\t\t\t\tmin-height: auto;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sui-box-body {\n\t\t\t\tpadding: 30px;\n\t\t\t\tborder-radius: 0 0 $border-radius $border-radius;\n\t\t\t\ttext-align: center;\n\n\t\t\t\tp {\n\t\t\t\t\tmargin-bottom: 30px;\n\t\t\t\t\tcolor: $footer-cross-sell-p-color;\n\t\t\t\t\tfont-size: 13px;\n\t\t\t\t\tline-height: 22px;\n\n\t\t\t\t\t@media(min-width: 600px) and (max-width: 783px) {\n\t\t\t\t\t\tmargin-bottom: 14px;\n\t\t\t\t\t}\n\n\t\t\t\t\t@media(max-width: 600px) {\n\t\t\t\t\t\tmargin-bottom: 20px;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t@media(min-width: 600px) and (max-width: 783px) {\n\t\t\t\t\ttext-align: left;\n\t\t\t\t}\n\n\t\t\t\t@media(max-width: 600px) {\n\t\t\t\t\tpadding: 26px 20px 20px 20px;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@media(min-width: 600px) and (max-width: 783px) {\n\t\t\t\tborder-radius: 0 $border-radius $border-radius 0;\n\t\t\t}\n\t\t}\n\t}\n\n\t.sui-cross-sell-bottom {\n\t\ttext-align: center;\n\t\tmargin-top: 50px;\n\n\t\th3 {\n\t\t\tfont-size: 22px;\n\t\t\tfont-weight: bold;\n\t\t\tline-height: 30px;\n\t\t\ttext-transform: none;\n\t\t}\n\n\t\tp {\n\t\t\tmax-width: 500px;\n\t\t\tmargin: 20px auto 30px;\n\t\t}\n\t\t.sui-button {\n\t\t\tmargin: 0;\n\t\t}\n\n\t\timg {\n\t\t\tdisplay: block;\n\t\t\theight: auto;\n\t\t\tmax-width: 100%;\n\t\t\tmargin: 30px auto 0;\n\t\t}\n\t}\n}\n\n// Remove WordPress footer\n@include body-class() {\n\n\t#wpfooter {\n\t\tdisplay: none;\n\t}\n}","@include body-class(true) {\n\n\t.sui-code-snippet-wrapper {\n\t\tposition: relative;\n\n\t\t[data-clipboard-target] {\n\t\t\tposition: absolute;\n\t\t\tright: 15px;\n\t\t\ttop: 15px;\n\t\t\tmargin: 0;\n\t\t\tmin-width: auto;\n\t\t}\n\t}\n}\n","@include body-class(true) {\n\n\t.sui-hidden {\n\t\tdisplay: none;\n\t}\n\n\t.sui-hidden-important {\n\t\tdisplay: none !important;\n\t}\n\n\t.sui-block-content-center {\n\t\ttext-align: center;\n\t}\n\n\t.sui-image {\n\t\tdisplay: block;\n\t\theight: auto;\n\t\tmax-width: 100%;\n\t}\n\n\t.sui-image-center {\n\t\tmargin-right: auto;\n\t\tmargin-left: auto;\n\t}\n\n\t.sui-actions-left {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tmargin-left: 10px;\n\t\tmargin-right: auto;\n\t}\n\n\t.sui-actions-right {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tmargin-left: auto;\n\t\tmargin-right: 0;\n\t}\n\n\t// Flex alignment\n\t.sui-space-between {\n\t\tjustify-content: space-between;\n\t}\n\t.sui-align-start {\n\t\tjustify-content: flex-start;\n\t}\n\t.sui-align-end {\n\t\tjustify-content: flex-end;\n\t}\n\n\t.sui-success {\n\t\tcolor: $success;\n\t}\n\n\t.sui-warning {\n\t\tcolor: $warning;\n\t}\n\n\t.sui-error {\n\t\tcolor: $error;\n\t}\n\n\t.sui-info {\n\t\tcolor: $info;\n\t}\n\n\t.sui-no-margin {\n\t\tmargin: 0 !important;\n\t}\n\n\t.sui-no-margin-top {\n\t\tmargin-top: 0 !important;\n\t}\n\n\t.sui-no-margin-bottom {\n\t\tmargin-bottom: 0 !important;\n\t}\n\n\t.sui-no-margin-left {\n\t\tmargin-left: 0 !important;\n\t}\n\n\t.sui-no-margin-right {\n\t\tmargin-right: 0 !important;\n\t}\n\n\t.sui-no-padding {\n\t\tpadding: 0 !important;\n\t}\n\n\t.sui-no-padding-top {\n\t\tpadding-top: 0 !important;\n\t}\n\n\t.sui-no-padding-bottom {\n\t\tpadding-bottom: 0 !important;\n\t}\n\n\t.sui-no-padding-left {\n\t\tpadding-left: 0 !important;\n\t}\n\n\t.sui-no-padding-right {\n\t\tpadding-right: 0 !important;\n\t}\n\n\t.sui-margin {\n\t\tmargin: $default-margin !important;\n\t}\n\n\t.sui-margin-top {\n\t\tmargin-top: $default-margin !important;\n\t}\n\n\t.sui-margin-bottom {\n\t\tmargin-bottom: $default-margin !important;\n\t}\n\n\t.sui-margin-left {\n\t\tmargin-left: $default-margin !important;\n\t}\n\n\t.sui-margin-right {\n\t\tmargin-right: $default-margin !important;\n\t}\n\n\t.sui-padding {\n\t\tpadding: $default-padding !important;\n\t}\n\n\t.sui-padding-top {\n\t\tpadding-top: $default-padding !important;\n\t}\n\n\t.sui-padding-bottom {\n\t\tpadding-bottom: $default-padding !important;\n\t}\n\n\t.sui-padding-left {\n\t\tpadding-left: $default-padding !important;\n\t}\n\n\t.sui-padding-right {\n\t\tpadding-right: $default-padding !important;\n\t}\n}\n\n// Loop through breakpoints & generate hidden utility classes.\n@for $i from 1 through length($sui-breakpoints) {\n\t$size: nth(nth($sui-breakpoints, $i), 1);\n\t$screen-width-min: nth(nth($sui-breakpoints, $i), 2);\n\n\t// If lowest breakpoint in map.\n\t@if ($i == 1) {\n\t\t$screen-width-max: nth(nth($sui-breakpoints, ($i + 1)), 2) - 1px;\n\t\t@media (max-width: $screen-width-max) {\n\t\t\t.sui-hidden-#{$size} {\n\t\t\t\tdisplay: none !important;\n\t\t\t}\n\t\t}\n\t}\n\n\t// If highest breakpoint in map.\n\t@else if ($i == length($sui-breakpoints)) {\n\t\t@media (min-width: $screen-width-min) {\n\t\t\t.sui-hidden-#{$size} {\n\t\t\t\tdisplay: none !important;\n\t\t\t}\n\t\t}\n\t}\n\n\t// If breakpoint falls inbetween.\n\t@else {\n\t\t$screen-width-max: nth(nth($sui-breakpoints, ($i + 1)), 2) - 1px;\n\t\t\t@media (min-width: $screen-width-min) and (max-width: $screen-width-max) {\n\t\t\t.sui-hidden-#{$size} {\n\t\t\t\tdisplay: none !important;\n\t\t\t}\n\t\t}\n\t}\n}\n","/**\nWP Admin Notices\n\nThis is used to give admin notices that are loaded outside of the .wrap but inside .sui-*-*-* the proper styles\n\n */\n@include body-class {\n\t#wpbody-content > .notice {\n\t\tmargin: 10px 30px 15px 10px;\n\t\t@include media( max-width, md ) {\n\t\t\tmargin: $sui-gutter-md ($sui-gutter-md - 10px) 0 ($sui-gutter-md - 20px); // Account for padding from #wpcontent.\n\t\t}\n\t}\n}\n","@include body-class(true) {\n\n\t&.sui-color-accessible {\n\t\tcolor: $accessible-dark;\n\n\t\t// Typography.\n\t\th1, h2, h3, h4, h5, h6, p, p small, li, code, pre {\n\t\t\tcolor: $accessible-dark;\n\t\t}\n\t\ta {\n\t\t\tcolor: lighten($accessible-dark, 10%) !important;\n\t\t\t&:hover {\n\t\t\t\tcolor: $accessible-dark !important;\n\t\t\t}\n\t\t}\n\n\t\tpre,\n\t\tcode {\n\t\t\tbackground: $accessible-light;\n\t\t}\n\n\t\t// Box Settings\n\t\t.sui-settings-label,\n\t\t.sui-description {\n\t\t\tcolor: $accessible-dark;\n\t\t}\n\n\t\t// Forms.\n\t\t.sui-form-control,\n\t\t.sui-label,\n\t\t.sui-error-message {\n\t\t\tborder-color: $accessible-dark;\n\t\t\tcolor: $accessible-dark;\n\t\t\tbackground-color: $accessible-light;\n\t\t\t&::placeholder {\n\t\t\t\tcolor: $accessible-dark-alt;\n\t\t\t}\n\t\t}\n\n\t\t.sui-checkbox,\n\t\t.sui-radio {\n\t\t\tinput + span {\n\t\t\t\tborder-color: $accessible-dark;\n\t\t\t\t& + span {\n\t\t\t\t\tcolor: $accessible-dark;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.sui-upload-button {\n\t\t\tcolor: $accessible-dark;\n\t\t\tbackground: $accessible-light;\n\t\t}\n\n\t\t.sui-upload-label {\n\t\t\t&:hover {\n\t\t\t\t.sui-upload-button {\n\t\t\t\t\tcolor: $accessible-light;\n\t\t\t\t\tbackground: $accessible-dark;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.select-container {\n\t\t\t.select-list-container {\n\t\t\t\t.list-value {\n\t\t\t\t\tborder-color: $accessible-dark;\n\t\t\t\t}\n\t\t\t\t.list-results {\n\t\t\t\t\tli.sui-element-flex {\n\t\t\t\t\t\tspan + span {\n\t\t\t\t\t\t\tcolor: $accessible-dark;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t}\n\t\t.sui-insert-variables {\n\n\t\t\t.sui-variables + .select2 {\n\n\t\t\t\t.select2-selection--single {\n\t\t\t\t\tborder-color: $accessible-dark;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\ttextarea.sui-form-control + .select-container {\n\t\t\t\tbackground-color: transparent;\n\t\t\t}\n\n\t\t}\n\n\t\t// Recipient.\n\t\t.sui-recipient {\n\t\t\tspan {\n\t\t\t\tcolor: $accessible-dark;\n\t\t\t}\n\t\t}\n\n\t\t// Sidenav.\n\t\t.sui-row-with-sidenav {\n\t\t\t.sui-sidenav {\n\t\t\t\t.sui-vertical-tabs {\n\t\t\t\t\ta {\n\t\t\t\t\t\tcolor: $accessible-dark;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t}\n\n\t\t// Tabs.\n\t\t.sui-tabs {\n\t\t\t> [data-tabs],\n\t\t\t> .sui-tabs-menu {\n\t\t\t\t> *,\n\t\t\t\t.sui-tab-item {\n\t\t\t\t\tcolor: $accessible-dark;\n\t\t\t\t\t&:hover {\n\t\t\t\t\t\tcolor: $accessible-dark-alt;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Toggle Tabs.\n\t\t.sui-side-tabs {\n\t\t\t> [data-tabs],\n\t\t\t> .sui-tabs-menu {\n\t\t\t\t> *,\n\t\t\t\t.sui-tab-item {\n\t\t\t\t\tcolor: $accessible-dark-alt;\n\t\t\t\t\t&.active {\n\t\t\t\t\t\tcolor: $accessible-light;\n\t\t\t\t\t\tbackground-color: $accessible-dark;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Tags.\n\t\t.sui-tag {\n\t\t\tbackground: $accessible-dark;\n\t\t\tcolor: $accessible-light;\n\t\t\t&.sui-tag-ghost {\n\t\t\t\tbackground: $accessible-light;\n\t\t\t\tcolor: $accessible-dark;\n\t\t\t\tborder-color: $accessible-dark;\n\n\t\t\t}\n\t\t}\n\n\t\t// Notifications.\n\t\t.sui-notice,\n\t\t.sui-notice-top {\n\t\t\tborder-left-color: $accessible-dark;\n\t\t\t.sui-notice-dismiss a,\n\t\t\tp:first-of-type:before {\n\t\t\t\tcolor: $accessible-dark;\n\t\t\t}\n\t\t}\n\t\t.sui-upsell-row {\n\t\t\t.sui-upsell-notice {\n\t\t\t\tp {\n\t\t\t\t\tborder-left: 2px solid $accessible-dark;\n\t\t\t\t\t&:first-of-type:before {\n\t\t\t\t\t\tcolor: $accessible-dark;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Icons.\n\t\t[class*=\"sui-icon-\"],\n\t\t.sui-dialog-close {\n\t\t\t&:before {\n\t\t\t\tcolor: $accessible-dark !important;\n\t\t\t}\n\t\t}\n\t\t.sui-tab-item {\n\t\t\t&.active {\n\t\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\t\t&:before {\n\t\t\t\t\t\tcolor: $accessible-light !important;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Progress bars.\n\t\t.sui-progress-block {\n\t\t\t.sui-progress {\n\t\t\t\t.sui-progress-bar {\n\t\t\t\t\tspan {\n\t\t\t\t\t\tbackground: $accessible-dark;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t.sui-progress-text {\n\t\t\t\t\tspan {\n\t\t\t\t\t\tcolor: $accessible-dark;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t.sui-progress-state {\n\t\t\tspan {\n\t\t\t\tcolor: $accessible-dark;\n\t\t\t}\n\t\t}\n\n\t\t// ELEMENT: Tables\n\t\t.sui-table {\n\t\t\tborder-color: $accessible-dark;\n\n\t\t\tth, td {\n\t\t\t\tcolor: $accessible-dark;\n\t\t\t}\n\n\t\t\tthead, tbody, tfoot {\n\n\t\t\t\t> tr > {\n\n\t\t\t\t\tth,\n\t\t\t\t\t.sui-table-item-title,\n\t\t\t\t\t.sui-accordion-item-title {\n\t\t\t\t\t\tcolor: $accessible-dark;\n\t\t\t\t\t}\n\n\t\t\t\t\tth, td {\n\t\t\t\t\t\tborder-bottom-color: $accessible-dark;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\ttbody {\n\n\t\t\t\ttr.sui-error,\n\t\t\t\ttr.sui-warning,\n\t\t\t\ttr.sui-success {\n\n\t\t\t\t\tth,\n\t\t\t\t\t.sui-table-item-title,\n\t\t\t\t\t.sui-accordion-item-title {\n\t\t\t\t\t\tcolor: $accessible-dark;\n\t\t\t\t\t}\n\n\t\t\t\t\ttd {\n\t\t\t\t\t\tcolor: $accessible-dark;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// STATUS: All\n\t\t\t\ttr.sui-default,\n\t\t\t\ttr.sui-error,\n\t\t\t\ttr.sui-warning,\n\t\t\t\ttr.sui-success {\n\t\t\t\t\tbox-shadow: none;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&-title {\n\t\t\t\tcolor: $accessible-dark;\n\t\t\t}\n\t\t}\n\n\t\t// ELEMENT: Accordions\n\t\t.sui-accordion {\n\n\t\t\t// DESIGN: Table (Flexbox)\n\t\t\t&:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) {\n\t\t\t\tborder-color: $accessible-dark;\n\n\t\t\t\t.sui-accordion-header {\n\t\t\t\t\tborder-bottom-color: $accessible-dark;\n\n\t\t\t\t\t> div {\n\t\t\t\t\t\tcolor: $accessible-dark;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.sui-accordion-item {\n\t\t\t\t\tborder-bottom-color: $accessible-dark;\n\n\t\t\t\t\t.sui-accordion-item-header {\n\t\t\t\t\t\tcolor: $accessible-dark;\n\n\t\t\t\t\t\t.sui-accordion-item-title {\n\t\t\t\t\t\t\tcolor: $accessible-dark;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// STATUS: All\n\t\t\t\t\t&.sui-default,\n\t\t\t\t\t&.sui-error,\n\t\t\t\t\t&.sui-warning,\n\t\t\t\t\t&.sui-success {\n\n\t\t\t\t\t\t> .sui-accordion-item-header,\n\t\t\t\t\t\t> .sui-accordion-item-body {\n\t\t\t\t\t\t\tbox-shadow: none;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// When item is disabled\n\t\t\t\t\t&.sui-accordion-item--disabled {\n\n\t\t\t\t\t\t.sui-accordion-item-header {\n\n\t\t\t\t\t\t\t&, .sui-accordion-item-title {\n\t\t\t\t\t\t\t\tcolor: $accessible-dark-alt;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// DESIGN: Table\n\t\t\t// Must use in conjunction with .sui-table on the <table> element.\n\t\t\t&.sui-table {\n\n\t\t\t\t> tbody {\n\n\t\t\t\t\t> .sui-accordion-item {\n\n\t\t\t\t\t\t// STATUS: All\n\t\t\t\t\t\t&.sui-default,\n\t\t\t\t\t\t&.sui-error,\n\t\t\t\t\t\t&.sui-warning,\n\t\t\t\t\t\t&.sui-success {\n\n\t\t\t\t\t\t\t+ .sui-accordion-item-content {\n\t\t\t\t\t\t\t\tbox-shadow: none;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// When item is disabled\n\t\t\t\t\t\t&.sui-accordion-item--disabled {\n\n\t\t\t\t\t\t\tth, td {\n\t\t\t\t\t\t\t\tcolor: $accessible-dark-alt;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t&.sui-error,\n\t\t\t\t\t\t\t&.sui-warning,\n\t\t\t\t\t\t\t&.sui-success {\n\t\t\t\t\t\t\t\tbox-shadow: none;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// DESIGN: Blocks (Flexbox)\n\t\t\t&-block {\n\n\t\t\t\t.sui-accordion-item {\n\t\t\t\t\tbackground-color: $accessible-light;\n\n\t\t\t\t\t.sui-accordion-item-header {\n\t\t\t\t\t\tcolor: $accessible-dark;\n\n\t\t\t\t\t\tstrong {\n\t\t\t\t\t\t\tcolor: inherit;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.sui-accordion-item-title {\n\t\t\t\t\t\t\tcolor: $accessible-dark;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.sui-accordion-item-body {\n\n\t\t\t\t\t\t.sui-accordion-item-data {\n\n\t\t\t\t\t\t\tli strong {\n\t\t\t\t\t\t\t\tcolor: inherit;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t// Loading data animation when accordion opens\n\t\t\t\t\t\t\t&.sui-onload {\n\n\t\t\t\t\t\t\t\tli > * {\n\t\t\t\t\t\t\t\t\tcolor: transparent !important;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Scores.\n\t\t.sui-grade-a,\n\t\t.sui-grade-b,\n\t\t.sui-grade-c,\n\t\t.sui-grade-d,\n\t\t.sui-grade-e,\n\t\t.sui-grade-f  {\n\t\t\tsvg circle:last-child {\n\t\t\t\tstroke: $accessible-dark;\n\t\t\t}\n\t\t}\n\n\t\t// Dropdowns.\n\t\t.sui-dropdown {\n\t\t\tul {\n\t\t\t\tli {\n\t\t\t\t\tcolor: $accessible-dark;\n\t\t\t\t\t&:hover {\n\t\t\t\t\t\tcolor: $accessible-dark;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t}\n\n\t\t// Buttons.\n\t\t.sui-button-icon:not(.sui-button),\n\t\t.sui-button {\n\t\t\tcolor: $accessible-light !important;\n\t\t\tbackground: $accessible-dark !important;\n\t\t\t&:hover {\n\t\t\t\tcolor: $accessible-light !important;\n\t\t\t}\n\t\t\ti {\n\t\t\t\t&:before {\n\t\t\t\t\tcolor: $accessible-light !important;\n\t\t\t\t}\n\t\t\t}\n\t\t\t&.sui-button-ghost {\n\t\t\t\tpadding: 7px 16px;\n\t\t\t\tborder: 0;\n\t\t\t}\n\t\t\t&.sui-button-upsell {\n\t\t\t\tbackground: $accessible-light !important;\n\t\t\t\tcolor: $accessible-dark !important;\n\t\t\t\tborder-color: $accessible-dark;\n\t\t\t\t&:hover {\n\t\t\t\t\tborder-color: $accessible-dark;\n\t\t\t\t}\n\n\t\t\t}\n\n\t\t}\n\n\t\t// Lists.\n\t\t.sui-list {\n\t\t\t.sui-list-label,\n\t\t\t.sui-list-detail {\n\t\t\t\tcolor: $accessible-dark;\n\t\t\t}\n\t\t}\n\n\t\t// Toggles.\n\t\t.sui-toggle {\n\t\t\tinput[type=checkbox] + .sui-toggle-slider {\n\t\t\t\t&:hover {\n\t\t\t\t\tbox-shadow: none;\n\t\t\t\t}\n\t\t\t}\n\t\t\tinput[type=checkbox]:checked + .sui-toggle-slider {\n\t\t\t\tbackground-color: $accessible-dark;\n\t\t\t\t&:hover {\n\t\t\t\t\tbox-shadow: none;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Checkbox and Radio.\n\t\t.sui-checkbox,\n\t\t.sui-radio {\n\t\t\tinput:checked+span {\n\t\t\t\tborder-color: $accessible-dark;\n\t\t\t\tbackground-color: $accessible-dark;\n\t\t\t}\n\t\t}\n\n\t\t// Status dot.\n\t\t.sui-status-dot {\n\t\t\tspan {\n\t\t\t\tbackground-color: $accessible-light;\n\t\t\t\tborder: 1px solid $accessible-dark;\n\t\t\t}\n\t\t\t&.sui-published {\n\t\t\t\tspan {\n\t\t\t\t\tbackground-color: $accessible-dark;\n\t\t\t\t\tborder: none;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// WP Editor.\n\t\t.wp-editor-wrap {\n\t\t\t&.tmce-active {\n\t\t\t\t.wp-editor-tabs {\n\t\t\t\t\t.switch-tmce {\n\t\t\t\t\t\tcolor: $accessible-light;\n\t\t\t\t\t\tbackground-color: $accessible-dark;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\t&.html-active {\n\t\t\t\t.wp-editor-tabs {\n\t\t\t\t\t.switch-html {\n\t\t\t\t\t\tcolor: $accessible-light;\n\t\t\t\t\t\tbackground-color: $accessible-dark;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\t.wp-media-buttons {\n\t\t\t\t.insert-media {\n\t\t\t\t\tbackground-color: $accessible-dark !important;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Ace editor selectors.\n\t\t.sui-ace-selectors {\n\t\t\ta.sui-selector {\n\t\t\t\tbackground-color: $accessible-dark;\n\t\t\t\tcolor: $accessible-light !important;\n\t\t\t}\n\t\t}\n\n\t\t// ACE editor elements.\n\t\t.ace-sui {\n\t\t\t.ace_gutter {\n\t\t\t\tbackground: $accessible-dark;\n\t\t\t}\n\t\t\t.ace_text-layer {\n\t\t\t\tcolor: $accessible-dark;\n\t\t\t}\n\t\t\t.ace_content {\n\t\t\t\tbackground-color: $accessible-light;\n\t\t\t}\n\t\t\t.ace_line {\n\t\t\t\tfilter: brightness(0%);\n\t\t\t}\n\t\t}\n\n\t\t// Pagination filters.\n\t\t.sui-pagination-wrap {\n\t\t\t.sui-pagination-filter {\n\t\t\t\t.sui-active-filter,\n\t\t\t\t.sui-active-filter-remove,\n\t\t\t\t.sui-active-filter-remove:hover {\n\t\t\t\t\tbackground-color: $accessible-dark;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// SUI box.\n\t\t.sui-box {\n\t\t\t.sui-box-title {\n\t\t\t\tcolor: $accessible-dark !important;\n\t\t\t}\n\t\t}\n\n\t\t// SUI selector box.\n\t\t.sui-box-selector {\n\t\t\tinput + span {\n\t\t\t\tcolor: $accessible-dark-alt;\n\t\t\t\t~span {\n\t\t\t\t\tcolor: $accessible-dark-alt;\n\t\t\t\t}\n\t\t\t}\n\t\t\tinput:checked+span {\n\t\t\t\tbackground-color: $accessible-light !important;\n\t\t\t\tcolor: $accessible-dark;\n\t\t\t\t&:after {\n\t\t\t\t\tborder-top: 40px solid $accessible-dark;\n\t\t\t\t}\n\t\t\t\t~span {\n\t\t\t\t\tborder-top-color: $accessible-dark-alt;\n\t\t\t\t}\n\t\t\t}\n\t\t\tinput:checked+span [class*=sui-icon]:before {\n\t\t\t\tcolor: $accessible-dark;\n\t\t\t}\n\t\t}\n\n\t\t// SUI status box.\n\t\t.sui-box-status {\n\t\t\t.sui-status {\n\t\t\t\t.sui-status-changes,\n\t\t\t\t.sui-status-module {\n\t\t\t\t\tcolor: $accessible-dark-alt;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Sidenav.\n\t\t.sui-row-with-sidenav {\n\t\t\t.sui-sidenav {\n\t\t\t\t.sui-vertical-tabs {\n\t\t\t\t\t.sui-vertical-tab.current {\n\t\t\t\t\t\tbox-shadow: 0 0 0 1px $accessible-dark;\n\t\t\t\t\t\tbackground-color: transparent;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Select & Select2.\n\t\t.select-container {\n\t\t\tborder-color: $accessible-dark;\n\t\t\tbackground-color: $accessible-light;\n\t\t\t.select-list-container {\n\t\t\t\t.list-results {\n\t\t\t\t\tborder-color: $accessible-dark;\n\t\t\t\t\tli {\n\t\t\t\t\t\tcolor: $accessible-dark;\n\t\t\t\t\t\t&.current {\n\t\t\t\t\t\t\tbackground-color: $accessible-dark;\n\t\t\t\t\t\t\tcolor: $accessible-light;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tselect.sui-select + .select2-container {\n\t\t\t.select2-selection--single {\n\t\t\t\tborder-color: $accessible-dark;\n\t\t\t\tbackground-color: $accessible-light;\n\t\t\t\t.select2-selection__arrow::before {\n\t\t\t\t\tcolor: $accessible-dark;\n\t\t\t\t}\n\t\t\t\t.select2-selection__rendered {\n\t\t\t\t\tcolor: $accessible-dark;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.select2-selection--multiple {\n\t\t\t\tborder-color: $accessible-dark;\n\t\t\t\tbackground-color: $accessible-light;\n\t\t\t\t.select2-selection__rendered {\n\t\t\t\t\t.select2-selection__choice {\n\t\t\t\t\t\tbackground-color: $accessible-dark;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Footer.\n\t\t.sui-footer {\n\t\t\tcolor: $accessible-dark;\n\t\t}\n\t}\n}\n\n// Loaded outside of sui-wrap.\n@include body-class() {\n\t// Select2.\n\t.sui-select-dropdown {\n\t\t&.sui-color-accessible {\n\t\t\tborder-color: $accessible-dark;\n\t\t\t.select2-results {\n\t\t\t\t.select2-results__group,\n\t\t\t\t.select2-results__option {\n\t\t\t\t\tcolor: $accessible-dark;\n\t\t\t\t}\n\t\t\t\t> .select2-results__options {\n\t\t\t\t\t.select2-results__option {\n\t\t\t\t\t\tcolor: $accessible-dark;\n\t\t\t\t\t\t&[aria-selected=true] {\n\t\t\t\t\t\t\tbackground-color: $accessible-dark;\n\t\t\t\t\t\t\tcolor: $accessible-light;\n\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\t.select2-results__option--highlighted:not([aria-selected=true]) {\n\t\t\t\t\t\tcolor: $accessible-dark;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\t.select2-search--dropdown {\n\t\t\t\t.select2-search__field {\n\t\t\t\t\tborder-color: $accessible-dark;\n\t\t\t\t}\n\t\t\t}\n\t\t\t.select2-results__message {\n\t\t\t\tcolor: $accessible-dark;\n\t\t\t}\n\t\t\t.select2-search--dropdown:after {\n\t\t\t\tcolor: $accessible-dark;\n\t\t\t}\n\t\t}\n\t}\n}\n","/* Filename Extensions Icons */\n.wpmud {\n  .wphb-filename-extension {\n    border-radius: 4px;\n    display: block;\n    float: left;\n    font-family: $font;\n    font-size: 9px;\n    color: #fff;\n    text-transform: uppercase;\n    text-align: center;\n    line-height: 43px;\n    height: 30px;\n    margin: 0 10px 0 0;\n    width: 30px;\n\n    &.wphb-filename-extension-html { background-color: #F56418; }\n    &.wphb-filename-extension-other { background-color: #AAAAAA; }\n    &.wphb-filename-extension-css { background-color: #25A8DE; }\n    &.wphb-filename-extension-media { background-color: #55DDB8; }\n    &.wphb-filename-extension-images {\n      background-color: #BDF2F7;\n      color: #333333;\n    }\n\n    &.wphb-filename-extension-javascript,\n    &.wphb-filename-extension-js {\n      background-color: #F7E100;\n      color: #333333;\n    }\n  }\n}\n","/**\n * Shared UI CSS. To minimize the end CSS file, we take only the modules that we use.\n * ALL the styles on every page load.\n */\n@import \"~@wpmudev/shared-ui/scss/functions\";\n@import \"~@wpmudev/shared-ui/scss/colors\";\n@import \"~@wpmudev/shared-ui/scss/variables\";\n$sui-font-path: '~@wpmudev/shared-ui/dist/fonts/';\n@import \"~@wpmudev/shared-ui/scss/mixins\";\n@import \"~@wpmudev/shared-ui/scss/accessibility\";\n@import \"~@wpmudev/shared-ui/scss/animations\";\n@import \"~@wpmudev/shared-ui/scss/typography\";\n@import \"~@wpmudev/shared-ui/scss/icons\";\n@import \"~@wpmudev/shared-ui/scss/buttons\";\n@import \"~@wpmudev/shared-ui/scss/boxes\";\n@import \"~@wpmudev/shared-ui/scss/box-settings\";\n@import \"~@wpmudev/shared-ui/scss/notifications\";\n@import \"~@wpmudev/shared-ui/scss/header\";\n@import \"~@wpmudev/shared-ui/scss/list\";\n@import \"~@wpmudev/shared-ui/scss/tooltips\";\n@import \"~@wpmudev/shared-ui/scss/select\";\n@import \"~@wpmudev/shared-ui/scss/tags\";\n@import \"~@wpmudev/shared-ui/scss/forms\";\n@import \"~@wpmudev/shared-ui/scss/tabs\";\n@import \"~@wpmudev/shared-ui/scss/footer\";\n@import \"~@wpmudev/shared-ui/scss/code-snippet\";\n@import \"~@wpmudev/shared-ui/scss/utility\";\n@import \"~@wpmudev/shared-ui/scss/wp-admin-notices\";\n@import \"~@wpmudev/shared-ui/scss/color-accessibility\";\n\n@import \"../scss/common/extensions\";\n\n/**\n * React related stuff.\n */\n@include body-class(true) {\n\t.box-gzip-settings {\n\t\t// Select containers in Configure meta box.\n\t\t.select-container {\n\t\t\tmax-width: 240px;\n\t\t}\n\n\t\t.wphb-listing.wphb-listing-ordered {\n\t\t\tmargin: 0;\n\t\t\tpadding-left: 20px;\n\n\t\t\tli {\n\t\t\t\tmargin-top: 0;\n\t\t\t\tmargin-bottom: 0;\n\t\t\t\tcolor: #888888;\n\t\t\t\tfont-size: 13px;\n\t\t\t\tline-height: 22px;\n\n\t\t\t\t&:last-child {\n\t\t\t\t\tmargin-bottom: 10px;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n}\n","@import \"~@wpmudev/shared-ui/scss/functions\";\n@import \"~@wpmudev/shared-ui/scss/colors\";\n@import \"~@wpmudev/shared-ui/scss/variables\";\n@import '~@wpmudev/shared-ui/scss/mixins';\n\n@include body-class(true) {\n\n  .wphb-border-frame {\n    border: 1px solid #E6E6E6;\n    border-radius: 5px;\n    margin: 10px 0 0 !important;\n\n    .table-header,\n    .table-row {\n      display: flex;\n      justify-content: space-between;\n      padding: 15px 30px;\n    }\n\n    .table-header {\n      color: #333333;\n      font-size: 13px;\n      font-weight: bold;\n      border-bottom: 1px solid #E6E6E6;\n    }\n\n    .table-row {\n      border-bottom: 1px solid #E6E6E6;\n\n      &:last-child {\n        border-bottom: 0;\n      }\n    }\n\n    .table-content {\n      display: flex;\n      justify-content: space-between;\n      font-size: 13px;\n      font-weight: 500;\n\n      strong {\n        color: #333333;\n      }\n\n      span {\n        color: #888888;\n      }\n    }\n  }\n\n  .wphb-caching-summary-item-type {\n    font-size: 13px;\n    font-weight: 500;\n    color: #333;\n  }\n\n  @media screen and (min-width: 960px) {\n    .wphb-border-frame.two-columns .table-header,\n    .wphb-border-frame.two-columns .table-row {\n      justify-content: flex-start;\n    }\n    .wphb-border-frame.two-columns .table-header > div:first-child,\n    .wphb-border-frame.two-columns .table-row > div:first-child {\n      flex-basis: 50%;\n    }\n  }\n\n}\n","@import \"~@wpmudev/shared-ui/scss/functions\";\n@import \"~@wpmudev/shared-ui/scss/colors\";\n@import \"~@wpmudev/shared-ui/scss/variables\";\n@import '~@wpmudev/shared-ui/scss/mixins';\n\n@include body-class(true) {\n\n  // Needed for overlay to cover the whole box.\n  .sui-box {\n    position: relative;\n\n    /* Status text on dashboard meta boxes */\n    .status-text {\n      color: #888888;\n      font-size: 13px;\n      line-height: 22px;\n      margin-top: 5px;\n    }\n\n    .label-notice-inline {\n      font-size: 13px;\n      color: #888888;\n      margin: 0 15px;\n    }\n  }\n\n  .wphb-loading-overlay {\n    &:not(.wphb-loading) { display: none; }\n\n    &.wphb-loading {\n      position: absolute;\n      width: 100%;\n      height: 100%;\n      background-color: rgba(255,255,255,.95);\n      z-index: 2;\n      display: flex;\n      align-items: center;\n      align-content: center;\n      justify-content: center;\n\n      p {\n        font-size: 13px;\n        margin-top: 0;\n        margin-left: 10px;\n        color: #888888;\n      }\n    }\n  }\n\n}\n"],"sourceRoot":""}