{"version":3,"file":"../css/dashboard-changelog.min.css","mappings":";AAGS,0GCHT,SACC,cACA,WACA,eACA,gBACA,8BACA,6BACA,CADA,oBACA,6BACA,YACA,UACA,SACA,4BACA,4DCVA,qCACC,oDAEA,2DAHD,SAIE,eACA,8DAIF,sCACC,oDAEA,4DAHD,SAIE,eACA,+DAIF,6CACC,oDAEA,6DAHD,SAIE,eACA,gEAIF,+CACC,oDAEA,8DAHD,SAIE,eACA,qEAIF,0CACC,oDAEA,mEAHD,SAIE,eACA,sEAIF,2CACC,oDAEA,oEAHD,SAIE,eACA,0BAKH,oBACC,6DACC,IAED,SACC,qCACA,KAED,SACC,kCACA,KAED,kCACC,KAED,gCACC,IAED,cACC,4BAIF,GACC,qDACA,cACA,4DACA,8CACA,4CACA,iEAGD,GACC,4BACA,gDACA,4CACA,cACA,yEACA,mCAGD,IACC,gCACC,SAED,SACC,iCACA,IAED,SACC,iCACA,oBAIF,GACC,SACC,KAED,SACC,yBAIF,GACC,SACC,KAED,SACC,6CACA,MAED,uCACC,qBAIF,GACC,SACC,KAED,SACC,MAED,SACC,0BAIF,GACC,SACC,wCACA,KAED,SACC,6CACA,MAED,SACC,wBAIF,KACC,SACC,mCACA,IAED,SACC,eACA,yBAIF,KACC,SACC,kCACA,IAED,SACC,eACA,kBAIF,GACC,sBACC,MAED,wBACC,gDCxJC,qCCzBqC,gBAGnB,eAFmB,iBAMA,WC4EA,uBD3EA,+DJFvC,uBACC,0BG0EA,8DH3ED,sBAIE,kDAIF,2BACC,oCACA,kCACA,kCACA,2BACA,mCACA,oCACA,uSAKD,aACC,iBACA,UACA,iBItBsC,WCgQA,gBDlQf,sCALe,kDJoCvC,cI1BuC,iBAOA,WCsPA,SL/NtC,kDAED,cI/BuC,iBAOA,kDJ6BvC,cInCuC,iBAOA,kDJiCvC,cIvCuC,kDJ2CvC,cI1CuC,kDJ8CvC,cI7CuC,iDJmDvC,qCIlEuC,gBAGnB,eAFmB,iBAMA,WC4EA,uBD3EA,kCJiEtC,6DAEA,cACC,iBACA,WK4LqC,aL1LrC,6DAGD,YACC,+EAGD,kBI7DsC,0BDwDtC,8EHKA,kBI5DsC,6DJoEtC,eACC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DiDtC,qHOxEE,gBNsBoC,+FMVrC,eACC,iBACA,sBACA,gGAID,UACC,oBACA,sCACA,+FAID,kBACC,kBACA,mBNLoC,4CDiDtC,8FO9CC,kBAOE,kBACA,mBNZmC,6CDkDtC,kFOhFA,mBAiDE,CAjDF,YAiDE,yFAKF,iBACC,mBNxBqC,0BDuDtC,0HO1BE,gBN7BoC,2BDiDtC,0HOpBE,gBN9BoC,2BDkDtC,qPONE,YAGE,iBACA,oGAKH,eACC,0BPJF,uFO1BA,mBAkCE,CAlCF,YAkCE,sFAKF,eACC,mBACA,CADA,cACA,0NAEA,UACC,0BPlBF,oFOuBA,WAGE,WACA,CADA,MACA,2KAKF,aACC,eACA,UACA,SACA,WACA,6CACA,uBNzGqC,gMM4GrC,QACC,4LAGD,UACC,0FAGD,mBAEC,CAFD,YAEC,qBACA,CADA,sBACA,mGAEA,eACC,iBACA,8GAEA,cACC,8NAGD,cAEC,gGASH,eACC,oGAOD,QACC,iBACA,mBNpIoC,qCMuIpC,0GAEA,UACC,WACA,WACA,cACA,kBACA,QACA,SACA,OACA,yBACA,+NAGD,mBAEC,2OAEA,aACC,0BPnGJ,8NO8FE,gBNrJoC,2BDiDtC,mGOiFC,gBAiCE,mBNpKmC,2CO9BvC,wBACC,0BACA,kBACA,gBACA,yBACA,CADA,oBACA,CADA,gBACA,aACA,0BACA,CADA,qBACA,sBACA,CADA,kBACA,eACA,WACA,SACA,WACA,eACA,oCN6esC,iDM1etC,qBACC,2CAID,yBAEC,eACA,WACA,SACA,WACA,WACA,0BR0DD,0CQjEA,OAUE,kDAGD,cACC,aACA,gBACA,8DAGD,UACC,2CAKF,UACC,aACA,kBACA,CADA,aACA,kBACA,YACA,eACA,0BRkCD,0CQxCA,cASE,0CAKF,YACC,oDAEA,SACC,cACA,uBACA,yBACA,wBACA,4BACA,+DAEA,SACC,+DAGD,SACC,sBACA,oDAEA,8DAJD,SAKE,oBACA,qEAIF,SACC,0BACA,oDAEA,mEAJD,SAKE,oBACA,sEAIF,SACC,2BACA,oDAEA,oEAJD,SAKE,oBACA,qDAIF,mDA1CD,yBA2CE,+iBAOD,UAK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","sources":["webpack://wpmudev-updates/./node_modules/@wpmudev/shared-ui/scss/_typography.scss","webpack://wpmudev-updates/./node_modules/@wpmudev/shared-ui/scss/_accessibility.scss","webpack://wpmudev-updates/./node_modules/@wpmudev/shared-ui/scss/_animations.scss","webpack://wpmudev-updates/./node_modules/@wpmudev/shared-ui/scss/_mixins.scss","webpack://wpmudev-updates/./node_modules/@wpmudev/shared-ui/scss/_variables.scss","webpack://wpmudev-updates/./node_modules/@wpmudev/shared-ui/scss/_colors.scss","webpack://wpmudev-updates/./node_modules/@wpmudev/shared-ui/scss/_icons.scss","webpack://wpmudev-updates/./node_modules/@wpmudev/shared-ui/scss/_buttons.scss","webpack://wpmudev-updates/./node_modules/@wpmudev/shared-ui/scss/_tags.scss","webpack://wpmudev-updates/./node_modules/@wpmudev/shared-ui/scss/_boxes.scss","webpack://wpmudev-updates/./node_modules/@wpmudev/shared-ui/scss/_box-settings.scss","webpack://wpmudev-updates/./node_modules/@wpmudev/shared-ui/scss/_modals.scss","webpack://wpmudev-updates/./node_modules/@wpmudev/shared-ui/scss/_utility.scss","webpack://wpmudev-updates/./assets/src/scss/admin-ui/_variables.scss","webpack://wpmudev-updates/./assets/src/scss/admin-ui/_list-changelog.scss","webpack://wpmudev-updates/./assets/src/scss/dashboard-changelog.scss"],"sourcesContent":["// 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\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\n\t// FIX: Prevent SUI React modal from getting these margins.\n\t&:not(.sui-modal) {\n\t\tmargin: $sui-gutter $sui-gutter 0 ($sui-gutter - 20px); // Account for padding from #wpcontent.\n\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\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// 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@include body-class($wrap: true, $rtl: false, $monochrome: false) {\n\n\t// BLOCK: Description.\n\t.sui-description {\n\t\tdisplay: block;\n\t\tmargin: 5px 0;\n\t\tcolor: $grey;\n\t\tfont: 400 13px/22px $font;\n\t\tletter-spacing: $font--letter-spacing;\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\t}\n}\n\n@include body-class($wrap: true, $rtl: false, $monochrome: true) {\n\n\t// BLOCK: Description.\n\t.sui-description {\n\t\tcolor: $black;\n\t}\n}","%sui-screen-reader-text {\n\twidth: 1px;\n\tmin-width: 1px;\n\theight: 1px;\n\tmin-height: 1px;\n\toverflow: hidden;\n\tclip: rect(1px, 1px, 1px, 1px);\n\tclip-path: inset(50%);\n\tposition: absolute !important;\n\tmargin: -1px;\n\tpadding: 0;\n\tborder: 0;\n\tword-wrap: normal !important;\n}\n\n@include body-class() {\n\n\t.sui-screen-reader-text {\n\t\t@extend %sui-screen-reader-text;\n\t}\n}\n\n@include body-class(true) {\n\n\t.sui-screen-reader-text {\n\t\t@extend %sui-screen-reader-text;\n\t}\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","// ==================================================\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}.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}.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","@use \"sass:math\";\n\n$sui-version: '2.12.2';\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:              600                            !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$scrollbar--width: 20px !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:       #{math.div($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\tghost:   #E1F6FF,\n\t),\n\tred: (\n\t\tdefault: #FF6D6D,\n\t\tlight:   #FFE5E9,\n\t\tghost:   #FFE5E9,\n\t),\n\tyellow: (\n\t\tdefault: #FECF2F,\n\t\tlight:   #FFF5D5,\n\t\tghost:   #FFF5D5,\n\t),\n\tgreen: (\n\t\tdefault: #1ABC9C,\n\t\tlight:   #D1F1EA,\n\t\tghost:   #D1F1EA,\n\t),\n\torange: (\n\t\tdefault: #FF7E41,\n\t\tlight:   #FFE5D9,\n\t\tghost:   #FFE5D9,\n\t),\n\tpurple: (\n\t\tdefault: #8D00B1,\n\t\tlight:   #F9E1FF,\n\t\tghost:   #F9E1FF,\n\t),\n\tmonos: (\n\t\tcloud:       #FAFAFA,\n\t\thaze:        #F8F8F8,\n\t\tsmoke:       #F2F2F2,\n\t\tsilver:      #E6E6E6,\n\t\tovercast:    #DDDDDD,\n\t\tfiftyshades: #AAAAAA,\n\t\tgrey:        #888888,\n\t\tironmike:    #666666,\n\t\tnightrider:  #333333,\n\t),\n) !default;\n\n$cloud:        palette(monos, cloud)       !default;\n$haze:         palette(monos, haze)        !default;\n$smoke:        palette(monos, smoke)       !default;\n$silver:       palette(monos, silver)    !default;\n$overcast:     palette(monos, overcast)    !default;\n$fiftyshades:  palette(monos, fiftyshades) !default;\n$grey:         palette(monos, grey)      !default;\n$ironmike:     palette(monos, ironmike)    !default;\n$nightrider:   palette(monos, nightrider)  !default;\n$blue:         palette(blue, default)    !default;\n$green:        palette(green, default)   !default;\n$yellow:       palette(yellow, default)  !default;\n$red:          palette(red, default)     !default;\n$purple:       palette(purple, default)  !default;\n$blue-ghost:   palette(blue, ghost)      !default;\n$green-ghost:  palette(green, ghost)     !default;\n$yellow-ghost: palette(yellow, ghost)    !default;\n$red-ghost:    palette(red, ghost)       !default;\n$purple-ghost: palette(purple, ghost)    !default;\n\n// ============================================================\n// Old colors (organization)\n\n$success:                               palette(green)                !default;\n$warning:                               palette(yellow)               !default;\n$error:                                 palette(red)                  !default;\n$info:                                  palette(blue)                 !default;\n\n// Primary Colors\n$white:                                 palette(mono, white)          !default;\n$black:                                 palette(mono, black)          !default;\n$gray:                                  palette(gray)                 !default;\n$gray-alt:                              palette(gray, dark)           !default;\n\n// Boxes Colors (_boxes.scss)\n$box-bg-color:                          palette(mono, white)          !default;\n$box-box-shadow-color:                  palette(silver, soft)          !default;\n$box-header-border-color:               palette(silver, soft)          !default;\n$box-footer-border-color:               palette(silver, soft)          !default;\n$box-settings-box-border-color:         palette(silver, soft)         !default;\n$box-settings-label-color:              palette(gray, dark)           !default;\n$box-upsell-p-color:                    palette(gray, dark)           !default;\n$box-upsell-border-color:               palette(purple)                !default;\n\n// ============================================================\n// Buttons Colors (_buttons.scss)\n\n$button-colors: blue green red orange yellow purple white;\n\n$button-shadow: (\n\tdefault: $overcast,\n\tblue:    $blue-ghost,\n\tgreen:   $green-ghost,\n\tred:     $red-ghost,\n\torange:  palette(orange, ghost),\n\tyellow:  $yellow-ghost,\n\tpurple:  $purple-ghost,\n\twhite:   $white\n) !default;\n\n$button-border: (\n\tdefault: palette(gray, lighter),\n\tblue:    palette(blue, light),\n\tgreen:   palette(green, light),\n\tred:     palette(red, light),\n\torange:  palette(orange, light),\n\tyellow:  palette(yellow, light),\n\tpurple:  palette(purple, light),\n\twhite:   palette(mono, white)\n) !default;\n\n$button-background: (\n\tdefault: palette(gray, light),\n\tblue:    palette(blue, default),\n\tgreen:   palette(green, default),\n\tred:     palette(red, default),\n\torange:  palette(orange, default),\n\tyellow:  palette(yellow, default),\n\tpurple:  palette(purple, default),\n\twhite:   palette(mono, white)\n) !default;\n\n$button-text-color: (\n\tdefault: palette(mono, white),\n\tblue:    palette(mono, white),\n\tgreen:   palette(mono, white),\n\tred:     palette(mono, white),\n\torange:  palette(mono, white),\n\tyellow:  palette(gray, dark),\n\tpurple:  palette(mono, white),\n\twhite:   palette(mono, black)\n) !default;\n\n$button-disabled--background: palette(silver, soft);\n$button-disabled--color:      palette(silver, medium);\n\n// Upsell Button\n$button-upsell--border-static: palette(green, light)   !default;\n$button-upsell--border-active: palette(green, default) !default;\n$button-upsell--color-static:  palette(green, default) !default;\n$button-upsell--color-active:  palette(mono, white)    !default;\n\n// Dashed Button\n$button-dashed--border:        palette(silver, medium) !default;\n$button-dashed--background:    transparent               !default;\n$button-dashed--color:         palette(gray, light)    !default;\n\n// ============================================================\n// Icon Buttons Colors (_buttons.scss)\n\n$button-icon--shadow: (\n\tdefault: $overcast,\n\tblue:    $blue-ghost,\n\tgreen:   $green-ghost,\n\tred:     $red-ghost,\n\torange:  palette(orange, ghost),\n\tyellow:  $yellow-ghost,\n\tpurple:  $purple-ghost,\n\twhite:   $white\n) !default;\n\n$button-icon--border: (\n\tdefault: palette(gray, lighter),\n\tblue:    palette(blue, light),\n\tgreen:   palette(green, light),\n\tred:     palette(red, light),\n\torange:  palette(orange, light),\n\tyellow:  palette(yellow, light),\n\tpurple:  palette(purple, light),\n\twhite:   palette(mono, white)\n) !default;\n\n$button-icon--background: (\n\tdefault: palette(silver, default),\n\tblue:    palette(blue, light),\n\tgreen:   palette(green, light),\n\tred:     palette(red, light),\n\torange:  palette(orange, light),\n\tyellow:  palette(yellow, light),\n\tpurple:  palette(purple, light),\n\twhite:   rgba(0,0,0,0.2)\n) !default;\n\n$button-icon--background-hover: (\n\tdefault: palette(gray, light),\n\tblue:    palette(blue, default),\n\tgreen:   palette(green, default),\n\tred:     palette(red, default),\n\torange:  palette(orange, default),\n\tyellow:  palette(yellow, default),\n\tpurple:  palette(purple, default),\n\twhite:   palette(mono, white)\n) !default;\n\n$button-icon--background-filled: (\n\tdefault: palette(silver, soft),\n\tblue:    palette(blue, default),\n\tgreen:   palette(green, default),\n\tred:     palette(red, default),\n\torange:  palette(orange, default),\n\tyellow:  palette(yellow, default),\n\tpurple:  palette(purple, default),\n\twhite:   palette(mono, white)\n) !default;\n\n$button-icon--color: (\n\tdefault: palette(gray, light),\n\tblue:    palette(blue, default),\n\tgreen:   palette(green, default),\n\tred:     palette(red, default),\n\torange:  palette(orange, default),\n\tyellow:  palette(yellow, default),\n\tpurple:  palette(purple, default),\n\twhite:   palette(mono, white)\n) !default;\n\n$button-icon--color-hover: (\n\tdefault: palette(gray, dark),\n\tblue:    palette(blue, default),\n\tgreen:   palette(green, default),\n\tred:     palette(red, default),\n\torange:  palette(orange, default),\n\tyellow:  palette(yellow, default),\n\tpurple:  palette(purple, default),\n\twhite:   palette(mono, white)\n) !default;\n\n$button-icon--alt: (\n\tdefault: palette(mono, white),\n\tblue:    palette(mono, white),\n\tgreen:   palette(mono, white),\n\tred:     palette(mono, white),\n\torange:  palette(mono, white),\n\tyellow:  palette(gray, dark),\n\tpurple:  palette(mono, white),\n\twhite:   palette(mono, black)\n) !default;\n\n$button-icon--color-filled: (\n\tdefault: palette(silver, medium),\n\tblue:    palette(mono, white),\n\tgreen:   palette(mono, white),\n\tred:     palette(mono, white),\n\torange:  palette(mono, white),\n\tyellow:  palette(gray, dark),\n\tpurple:  palette(mono, white),\n\twhite:   palette(mono, white)\n) !default;\n\n// ============================================================\n// 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--disabled:\t\t\t\t\tpalette(silver, default)\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-error-color:               $error                        !default;\n$form--input-icon-color:                palette(gray, light)          !default;\n$form--label-color:                     $fiftyshades                      !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$radio-checkbox--checked-hover-background: rgba(23, 168, 227, 0.2)    !default;\n$radio-checkbox--hover-background:   palette(silver)        !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$icon-lighter-color:                            palette(gray,lighter)           !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\topacity: 1;\n\n\t// Better Font Rendering\n\t-webkit-font-smoothing: antialiased;\n\t-moz-osx-font-smoothing: grayscale;\n\t@media all and (-ms-high-contrast: none) {\n\t\tcolor: $icon-color;\n\t}\n\t@media all and (-ms-high-contrast: active) {\n\t\tcolor: $icon-lighter-color;\n\t}\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\t\tbeehive: \"\\3a9\",\n\t\tasync: \"\\2909\",\n\t\tsite-health: \"\\2764\",\n\t\timport-export: \"\\296e\"\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(false) {\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&:hover {\n\t\t\t\toutline: none;\n\t\t\t\tbox-shadow: none;\n\t\t\t}\n\n\t\t\t&:focus {\n\t\t\t\toutline: 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\tbackground-color: darken(map-get($button-background, default), 10%);\n\t\t}\n\n\t\t&:focus {\n\t\t\toutline: none;\n\t\t\tbox-shadow: 0 0 0 2px map-get($button-shadow, 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\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\tbackground-color: darken(map-get($button-background, $color), 10%);\n\t\t\t\t}\n\n\t\t\t\t&:focus {\n\t\t\t\t\toutline: none;\n\t\t\t\t\tbox-shadow: 0 0 0 2px map-get($button-shadow, $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\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\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\n\t\t\t&:focus {\n\t\t\t\toutline: none;\n\t\t\t\tbox-shadow: 0 0 0 2px $purple-ghost;\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\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&:focus {\n\t\t\t\toutline: none;\n\t\t\t\tbox-shadow: 0 0 0 2px map-get($button-shadow, 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\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&:focus {\n\t\t\t\t\t\toutline: none;\n\t\t\t\t\t\tbox-shadow: 0 0 0 2px map-get($button-shadow, $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\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&.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&:focus {\n\t\t\toutline: none;\n\t\t\tbox-shadow: 0 0 0 2px map-get($button-icon--shadow, 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&.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&:focus {\n\t\t\t\t\toutline: none;\n\t\t\t\t\tbox-shadow: 0 0 0 2px map-get($button-icon--shadow, $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&.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&:focus {\n\t\t\t\toutline: none;\n\t\t\t\tbox-shadow: 0 0 0 2px map-get($button-icon--shadow, 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&.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&:focus {\n\t\t\t\t\t\toutline: none;\n\t\t\t\t\t\tbox-shadow: 0 0 0 2px map-get($button-icon--shadow, $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&.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&:focus {\n\t\t\t\toutline: none;\n\t\t\t\tbox-shadow: 0 0 0 2px map-get($button-icon--shadow, 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\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&.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&:focus {\n\t\t\t\t\t\toutline: none;\n\t\t\t\t\t\tbox-shadow: 0 0 0 2px map-get($button-icon--shadow, $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\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}","@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","@use \"sass:math\";\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 > [class*=\"sui-icon-\"] {\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: math.div($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: math.div($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: math.div($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: math.div($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: math.div($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: math.div($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: math.div($sui-gutter, 2);\n\t\t\tpadding-bottom: math.div($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\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}","@use \"sass:math\";\n\n@include body-class {\n\n\t// NOTE: New modal.\n\t.sui-modal {\n\t\twidth: calc(100% - #{map-get($wordpress, adminmenu)});\n\t\theight: calc(100vh - #{map-get($wordpress, adminbar)});\n\t\toverflow-x: hidden;\n\t\toverflow-y: auto;\n\t\tuser-select: auto;\n\t\tdisplay: none;\n\t\tflex-direction: column;\n\t\talign-items: center;\n\t\tposition: fixed;\n\t\tz-index: map-get($modal, z-index);\n\t\ttop: map-get($wordpress, adminbar);\n\t\tleft: map-get($wordpress, adminmenu);\n\t\tpadding: $sui-gutter 0;\n\t\tbackground-color: $modal-overlay-bg-color;\n\n\t\t&, * {\n\t\t\tbox-sizing: border-box;\n\t\t}\n\n\t\t// ELEMENT: Overlay mask.\n\t\t.sui-modal-overlay {\n\t\t\t// width: calc(100% - #{map-get($wordpress, adminmenu)});\n\t\t\theight: calc(100vh - #{map-get($wordpress, adminbar)});\n\t\t\tposition: fixed;\n\t\t\tz-index: #{map-get($modal, z-index) - 1};\n\t\t\ttop: map-get($wordpress, adminbar);\n\t\t\tleft: map-get($wordpress, adminmenu);\n\t\t\tright: #{($scrollbar--width)};\n\n\t\t\t@include media(max-width, md) {\n\t\t\t\tright: 0;\n\t\t\t}\n\n\t\t\t&:hover {\n\t\t\t\tcursor: pointer;\n\t\t\t\toutline: none;\n\t\t\t\tbox-shadow: none;\n\t\t\t}\n\n\t\t\t+ .sui-modal-content {\n\t\t\t\tz-index: map-get($modal, z-index);\n\t\t\t}\n\t\t}\n\n\t\t// ELEMENT: Content. \n\t\t.sui-modal-content {\n\t\t\twidth: 100%;\n\t\t\tmin-height: 0;\n\t\t\tflex: 0 0 auto;\n\t\t\tposition: relative;\n\t\t\tmargin: auto;\n\t\t\tpadding: 0 $sui-gutter;\n\n\t\t\t@include media(max-width, md) {\n\t\t\t\tpadding: 0 $sui-gutter-md;\n\t\t\t}\n\t\t}\n\n\t\t// ELEMENT: Slide.\n\t\t.sui-modal-slide {\n\t\t\tdisplay: none;\n\n\t\t\t&.sui-active {\n\t\t\t\topacity: 0;\n\t\t\t\tdisplay: block;\n\t\t\t\tanimation-duration: 0.7s;\n\t\t\t\tanimation-fill-mode: both;\n\t\t\t\ttransform-origin: center;\n\t\t\t\ttransform-style: preserve-3d;\n\n\t\t\t\t&.sui-loaded {\n\t\t\t\t\topacity: 1;\n\t\t\t\t}\n\n\t\t\t\t&.sui-fadein {\n\t\t\t\t\topacity: 1;\n\t\t\t\t\tanimation-name: fadeIn;\n\n\t\t\t\t\t@media screen and (prefers-reduced-motion: reduce) {\n\t\t\t\t\t\topacity: 1;\n\t\t\t\t\t\tanimation-name: none;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&.sui-fadein-left {\n\t\t\t\t\topacity: 1;\n\t\t\t\t\tanimation-name: fadeInLeft;\n\n\t\t\t\t\t@media screen and (prefers-reduced-motion: reduce) {\n\t\t\t\t\t\topacity: 1;\n\t\t\t\t\t\tanimation-name: none;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&.sui-fadein-right {\n\t\t\t\t\topacity: 1;\n\t\t\t\t\tanimation-name: fadeInRight;\n\n\t\t\t\t\t@media screen and (prefers-reduced-motion: reduce) {\n\t\t\t\t\t\topacity: 1;\n\t\t\t\t\t\tanimation-name: none;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t@media screen and (prefers-reduced-motion: reduce) {\n\t\t\t\t\tanimation-duration: 0.001ms;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:disabled,\n\t\t\t&[disabled] {\n\n\t\t\t\ta,\n\t\t\t\tinput,\n\t\t\t\tselect,\n\t\t\t\tbutton,\n\t\t\t\ttextarea {\n\t\t\t\t\topacity: 0.5;\n\t\t\t\t\tpointer-events: none;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// ELEMENT: Box.\n\t\t.sui-box {\n\t\t\tbox-shadow: none;\n\n\t\t\t// ELEMENT: Icon\n\t\t\t[class*=sui-icon-] + .sui-box-title{\n\t\t\t\tmargin-top: 15px;\n\t\t\t}\n\n\t\t\t// ELEMENT: Box Title.\n\t\t\t.sui-box-title {\n\n\t\t\t\t&.sui-lg {\n\t\t\t\t\tfont-size: 22px;\n\t\t\t\t\tline-height: 30px;\n\t\t\t\t}\n\n\t\t\t\t+ .sui-description {\n\t\t\t\t\tmargin-top: math.div($sui-gutter, 2);\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tmargin-top: math.div($sui-gutter-md, 2);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// ELEMENT: Box Banner.\n\t\t\t.sui-box-banner {\n\t\t\t\twidth: 100%;\n\t\t\t\tmax-width: 100%;\n\t\t\t\theight: auto;\n\t\t\t\toverflow: hidden;\n\t\t\t\tdisplay: block;\n\t\t\t\tmargin: 0;\n\t\t\t\tpadding: 0;\n\t\t\t\tborder: 0;\n\t\t\t\tborder-radius: 0;\n\n\t\t\t\timg {\n\t\t\t\t\tmax-width: 100%;\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tmargin: 0 auto;\n\t\t\t\t\tpadding: 0;\n\t\t\t\t\tborder: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// ELEMENT: Box Logo.\n\t\t\t.sui-box-logo {\n\t\t\t\twidth: map-get($modal-logo, size);\n\t\t\t\theight: map-get($modal-logo, size);\n\t\t\t\toverflow: hidden;\n\t\t\t\tdisplay: block;\n\t\t\t\tmargin: 0 auto;\n\t\t\t\tpadding: 0;\n\t\t\t\tborder: map-get($modal-logo, frame-width) solid map-get($modal-logo, frame-color);\n\t\t\t\tborder-radius: $border-radius;\n\t\t\t\tbackground-color: map-get($modal-logo, frame-color);\n\n\t\t\t\timg {\n\t\t\t\t\twidth: #{map-get($modal-logo, size) - (map-get($modal-logo, frame-width) * 2)};\n\t\t\t\t\theight: #{map-get($modal-logo, size) - (map-get($modal-logo, frame-width) * 2)};\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tmargin: 0;\n\t\t\t\t\tpadding: 0;\n\t\t\t\t\tborder: 0;\n\t\t\t\t\tborder-radius: $border-radius;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// ELEMENT: Box Header.\n\t\t\t.sui-box-header {\n\t\t\t\tposition: relative;\n\n\t\t\t\t// ELEMENT: Box Banner.\n\t\t\t\t.sui-box-banner {\n\t\t\t\t\twidth: auto;\n\t\t\t\t\tmax-width: none;\n\t\t\t\t\tmargin-top: -#{math.div($sui-gutter, 2)};\n\t\t\t\t\tmargin-right: -#{$sui-gutter};\n\t\t\t\t\tmargin-bottom: #{$sui-gutter + 10px};\n\t\t\t\t\tmargin-left: -#{$sui-gutter};\n\t\t\t\t\tborder-top-left-radius: $border-radius;\n\t\t\t\t\tborder-top-right-radius: $border-radius;\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tmargin-top: -#{math.div($sui-gutter-md, 2)};\n\t\t\t\t\t\tmargin-right: -#{$sui-gutter-md};\n\t\t\t\t\t\tmargin-bottom: #{$sui-gutter-md + 10px};\n\t\t\t\t\t\tmargin-left: -#{$sui-gutter-md};\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// ELEMENT: Box Logo.\n\t\t\t\t.sui-box-logo {\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\ttop: -#{math.div(map-get($modal-logo, size), 2)};\n\t\t\t\t\tleft: 50%;\n\t\t\t\t\ttransform: translateX(-50%);\n\t\t\t\t}\n\n\t\t\t\t// ELEMENT: Floated button.\n\t\t\t\t.sui-button-float {\n\n\t\t\t\t\t// FLOAT: Right.\n\t\t\t\t\t&--right {\n\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\ttop: #{$sui-gutter - 10px};\n\t\t\t\t\t\tright: #{$sui-gutter - 10px};\n\t\t\t\t\t\tmargin: 0;\n\n\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\ttop: #{$sui-gutter-md - 5px};\n\t\t\t\t\t\t\tright: #{$sui-gutter-md - 5px};\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// FLOAT: Left.\n\t\t\t\t\t&--left {\n\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\ttop: #{$sui-gutter - 10px};\n\t\t\t\t\t\tleft: #{$sui-gutter - 10px};\n\t\t\t\t\t\tmargin: 0;\n\n\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\ttop: #{$sui-gutter-md - 5px};\n\t\t\t\t\t\t\tleft: #{$sui-gutter-md - 5px};\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// ELEMENT: Floated steps.\n\t\t\t\t.sui-steps-float {\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\ttop: #{$sui-gutter - 10px};\n\t\t\t\t\tleft: 50%;\n\t\t\t\t\tmargin: 0;\n\t\t\t\t\ttransform: translateX(-50%);\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\ttop: #{$sui-gutter-md - 5px};\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// VAR: Flatten.\n\t\t\t\t&.sui-flatten {\n\t\t\t\t\tpadding-bottom: 0;\n\t\t\t\t\tborder-bottom-width: 0;\n\t\t\t\t}\n\n\t\t\t\t// VAR: Spacing.\n\t\t\t\t@each $name, $spacing in $modal-spacing {\n\n\t\t\t\t\t// SPACING: Top.\n\t\t\t\t\t&.sui-spacing-top--#{$name} {\n\t\t\t\t\t\tpadding-top: nth($spacing, 1);\n\n\t\t\t\t\t\t// ELEMENT: Box image.\n\t\t\t\t\t\t.sui-box-banner {\n\t\t\t\t\t\t\tmargin-top: -#{nth($spacing, 1)};\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// SPACING: Right.\n\t\t\t\t\t&.sui-spacing-right--#{$name} {\n\t\t\t\t\t\tpadding-right: nth($spacing, 1);\n\n\t\t\t\t\t\t// ELEMENT: Box image.\n\t\t\t\t\t\t.sui-box-banner {\n\t\t\t\t\t\t\tmargin-right: -#{nth($spacing, 1)};\n\n\t\t\t\t\t\t\t@if nth($spacing, 1) != nth($spacing, 2) {\n\n\t\t\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\t\t\tmargin-right: -#{nth($spacing, 2)};\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\n\t\t\t\t\t\t@if nth($spacing, 1) != nth($spacing, 2) {\n\n\t\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\t\tpadding-right: nth($spacing, 2);\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// SPACING: Bottom.\n\t\t\t\t\t&.sui-spacing-bottom--#{$name} {\n\t\t\t\t\t\tpadding-bottom: nth($spacing, 1);\n\n\t\t\t\t\t\t@if nth($spacing, 1) != nth($spacing, 2) {\n\n\t\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\t\tpadding-bottom: nth($spacing, 2);\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// SPACING: Left.\n\t\t\t\t\t&.sui-spacing-left--#{$name} {\n\t\t\t\t\t\tpadding-left: nth($spacing, 1);\n\n\t\t\t\t\t\t// ELEMENT: Box image.\n\t\t\t\t\t\t.sui-box-banner {\n\t\t\t\t\t\t\tmargin-left: -#{nth($spacing, 1)};\n\n\t\t\t\t\t\t\t@if nth($spacing, 1) != nth($spacing, 2) {\n\n\t\t\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\t\t\tmargin-left: -#{nth($spacing, 2)};\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\n\t\t\t\t\t\t@if nth($spacing, 1) != nth($spacing, 2) {\n\n\t\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\t\tpadding-left: nth($spacing, 2);\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// SPACING: Sides.\n\t\t\t\t\t&.sui-spacing-sides--#{$name} {\n\t\t\t\t\t\tpadding-left: nth($spacing, 1);\n\t\t\t\t\t\tpadding-right: nth($spacing, 1);\n\n\t\t\t\t\t\t// ELEMENT: Box Image.\n\t\t\t\t\t\t.sui-box-banner {\n\t\t\t\t\t\t\tmargin-left: -#{nth($spacing, 1)};\n\t\t\t\t\t\t\tmargin-right: -#{nth($spacing, 1)};\n\n\t\t\t\t\t\t\t@if nth($spacing, 1) != nth($spacing, 2) {\n\n\t\t\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\t\t\tmargin-left: -#{nth($spacing, 2)};\n\t\t\t\t\t\t\t\t\tmargin-right: -#{nth($spacing, 2)};\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\n\t\t\t\t\t\t@if nth($spacing, 1) != nth($spacing, 2) {\n\n\t\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\t\tpadding-left: nth($spacing, 2);\n\t\t\t\t\t\t\t\tpadding-right: nth($spacing, 2);\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\n\t\t\t\t// VAR: Content alignment.\n\t\t\t\t&.sui-content {\n\n\t\t\t\t\t// ALIGN: Center.\n\t\t\t\t\t&-center {\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\ttext-align: center;\n\t\t\t\t\t}\n\n\t\t\t\t\t// ALIGN: Center Inline.\n\t\t\t\t\t&-center-inline {\n\t\t\t\t\t\tjustify-content: center;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t+ .sui-box-footer.sui-flatten {\n\t\t\t\t\tpadding-top: $sui-gutter;\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+ .sui-box-footer:not(.sui-flatten) {\n\t\t\t\t\tmargin-top: $sui-gutter;\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tmargin-top: $sui-gutter-md;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// ELEMENT: Box Body.\n\t\t\t.sui-box-body {\n\n\t\t\t\t// VAR: Content alignment.\n\t\t\t\t&.sui-content {\n\n\t\t\t\t\t// ALIGN: Center.\n\t\t\t\t\t&-center {\n\t\t\t\t\t\ttext-align: center;\n\t\t\t\t\t}\n\n\t\t\t\t\t// ALIGN: Right.\n\t\t\t\t\t&-center-inline {\n\t\t\t\t\t\ttext-align: right;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// VAR: Spacing.\n\t\t\t\t@each $name, $spacing in $modal-spacing {\n\n\t\t\t\t\t// SPACING: Top.\n\t\t\t\t\t&.sui-spacing-top--#{$name} {\n\t\t\t\t\t\tpadding-top: nth($spacing, 1);\n\n\t\t\t\t\t\t@if nth($spacing, 1) != nth($spacing, 2) {\n\n\t\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\t\tpadding-top: nth($spacing, 2);\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// SPACING: Right.\n\t\t\t\t\t&.sui-spacing-right--#{$name} {\n\t\t\t\t\t\tpadding-right: nth($spacing, 1);\n\n\t\t\t\t\t\t@if nth($spacing, 1) != nth($spacing, 2) {\n\n\t\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\t\tpadding-right: nth($spacing, 2);\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// SPACING: Bottom.\n\t\t\t\t\t&.sui-spacing-bottom--#{$name} {\n\t\t\t\t\t\tpadding-bottom: nth($spacing, 1);\n\n\t\t\t\t\t\t@if nth($spacing, 1) != nth($spacing, 2) {\n\n\t\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\t\tpadding-bottom: nth($spacing, 2);\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// SPACING: Left.\n\t\t\t\t\t&.sui-spacing-left--#{$name} {\n\t\t\t\t\t\tpadding-left: nth($spacing, 1);\n\n\t\t\t\t\t\t@if nth($spacing, 1) != nth($spacing, 2) {\n\n\t\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\t\tpadding-left: nth($spacing, 2);\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// SPACING: Sides.\n\t\t\t\t\t&.sui-spacing-sides--#{$name} {\n\t\t\t\t\t\tpadding-left: nth($spacing, 1);\n\t\t\t\t\t\tpadding-right: nth($spacing, 1);\n\n\t\t\t\t\t\t@if nth($spacing, 1) != nth($spacing, 2) {\n\n\t\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\t\tpadding-left: nth($spacing, 2);\n\t\t\t\t\t\t\t\tpadding-right: nth($spacing, 2);\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// ELEMENT: Box Selectors.\n\t\t\t.sui-box-selectors {\n\t\t\t\tmargin: $sui-gutter 0;\n\n\t\t\t\t&:first-child {\n\t\t\t\t\tmargin-top: 0;\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tmargin-top: 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\tmargin-bottom: 0;\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tmargin-bottom: 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\tmargin: $sui-gutter-md 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// ELEMENT: Box Footer.\n\t\t\t.sui-box-footer {\n\n\t\t\t\t// VAR: Flatten.\n\t\t\t\t&.sui-flatten {\n\t\t\t\t\tpadding-top: 0;\n\t\t\t\t\tborder-top-width: 0;\n\t\t\t\t}\n\n\t\t\t\t// VAR: Content alignment.\n\t\t\t\t&.sui-content {\n\n\t\t\t\t\t// ALIGN: Center.\n\t\t\t\t\t&-center {\n\t\t\t\t\t\tjustify-content: center;\n\t\t\t\t\t}\n\n\t\t\t\t\t// ALIGN: Right.\n\t\t\t\t\t&-right {\n\t\t\t\t\t\tjustify-content: flex-end;\n\t\t\t\t\t}\n\n\t\t\t\t\t// ALIGN: Separated (space between).\n\t\t\t\t\t&-separated {\n\t\t\t\t\t\tjustify-content: space-between;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// VAR: Spacing.\n\t\t\t\t@each $name, $spacing in $modal-spacing {\n\n\t\t\t\t\t// SPACING: Top.\n\t\t\t\t\t&.sui-spacing-top--#{$name} {\n\t\t\t\t\t\tpadding-top: nth($spacing, 1);\n\n\t\t\t\t\t\t@if nth($spacing, 1) != nth($spacing, 2) {\n\n\t\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\t\tpadding-top: nth($spacing, 2);\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// SPACING: Right.\n\t\t\t\t\t&.sui-spacing-right--#{$name} {\n\t\t\t\t\t\tpadding-right: nth($spacing, 1);\n\n\t\t\t\t\t\t@if nth($spacing, 1) != nth($spacing, 2) {\n\n\t\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\t\tpadding-right: nth($spacing, 2);\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// SPACING: Bottom.\n\t\t\t\t\t&.sui-spacing-bottom--#{$name} {\n\t\t\t\t\t\tpadding-bottom: nth($spacing, 1);\n\t\t\t\t\t}\n\n\t\t\t\t\t// SPACING: Left.\n\t\t\t\t\t&.sui-spacing-left--#{$name} {\n\t\t\t\t\t\tpadding-left: nth($spacing, 1);\n\n\t\t\t\t\t\t@if nth($spacing, 1) != nth($spacing, 2) {\n\n\t\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\t\tpadding-left: nth($spacing, 2);\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// SPACING: Sides.\n\t\t\t\t\t&.sui-spacing-sides--#{$name} {\n\t\t\t\t\t\tpadding-left: nth($spacing, 1);\n\t\t\t\t\t\tpadding-right: nth($spacing, 1);\n\n\t\t\t\t\t\t@if nth($spacing, 1) != nth($spacing, 2) {\n\n\t\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\t\tpadding-left: nth($spacing, 2);\n\t\t\t\t\t\t\t\tpadding-right: nth($spacing, 2);\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// ELEMENT: Skip modal.\n\t\t.sui-modal-skip:not(.sui-button) {\n\t\t\twidth: auto;\n\t\t\tmax-width: 100%;\n\t\t\tcursor: pointer;\n\t\t\tdisplay: block;\n\t\t\tmargin: 0 auto;\n\t\t\tpadding: 0;\n\t\t\tborder: 0;\n\t\t\tbackground-color: transparent;\n\t\t\tbackground-image: none;\n\t\t\tbox-shadow: none;\n\t\t\tcolor: palette(silver, medium);\n\t\t\tfont: 500 12px/16px $font;\n\t\t\tletter-spacing: -0.18px;\n\t\t\ttext-align: center;\n\n\t\t\t&:focus,\n\t\t\t&:hover,\n\t\t\t&:active {\n\t\t\t\tcolor: $white;\n\t\t\t}\n\t\t}\n\n\t\t// ELEMENT: Steps.\n\t\t.sui-box-steps {\n\t\t\tdisplay: flex;\n\t\t\tflex-wrap: wrap;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\tmargin: 0 -5px;\n\t\t\tpadding: 0;\n\t\t\tborder: 0;\n\n\t\t\ta,\n\t\t\tspan,\n\t\t\tbutton {\n\t\t\t\toverflow: hidden;\n\t\t\t\tdisplay: block;\n\t\t\t\tflex: 0 0 auto;\n\t\t\t\tmargin: 0 5px;\n\t\t\t\tpadding: 0;\n\t\t\t\tborder: 0;\n\t\t\t\tbackground-color: palette(silver, soft);\n\t\t\t\twhite-space: nowrap;\n\t\t\t\ttext-overflow: clip;\n\t\t\t\tcolor: transparent;\n\n\t\t\t\t&.sui-current {\n\t\t\t\t\tbackground-color: $blue;\n\t\t\t\t}\n\n\t\t\t\t&:disabled,\n\t\t\t\t&[disabled],\n\t\t\t\t&.sui-disabled {\n\t\t\t\t\tcursor: not-allowed;\n\t\t\t\t\tpointer-events: none;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\ta,\n\t\t\tbutton,\n\t\t\tspan[role=\"button\"] {\n\t\t\t\tcursor: pointer;\n\t\t\t}\n\n\t\t\t@each $name, $size in $modal-steps {\n\n\t\t\t\t&.sui-#{$name} {\n\t\t\t\t\tpadding: math.div((30px - $size), 2) 0;\n\n\t\t\t\t\ta,\n\t\t\t\t\tspan,\n\t\t\t\t\tbutton {\n\t\t\t\t\t\twidth: $size;\n\t\t\t\t\t\theight: $size;\n\t\t\t\t\t\tborder-radius: #{$size * 2};\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t@each $name, $size in $modal-size {\n\n\t\t\t&.sui-modal-#{$name} {\n\n\t\t\t\t.sui-modal-content {\n\t\t\t\t\tmax-width: #{$size + ($sui-gutter * 2)};\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tmax-width: #{$size + ($sui-gutter-md * 2)};\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// STATE: Hidden.\n\t\t&.sui-active {\n\t\t\tdisplay: flex;\n\t\t}\n\n\t\t@include media(max-width, md) {\n\t\t\twidth: 100%;\n\t\t\tleft: 0;\n\t\t\tpadding: $sui-gutter-md 0;\n\t\t}\n\t}\n\n\t// VAR: Folded sidebar.\n\t&.wp-admin.folded {\n\n\t\t.sui-modal {\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\twidth: calc(100% - #{map-get($wordpress, adminmenu-sm)});\n\t\t\t\tleft: map-get($wordpress, adminmenu-sm);\n\t\t\t}\n\t\t}\n\t}\n\n\t&.wp-admin {\n\n\t\t&.auto-fold {\n\n\t\t\t.sui-modal {\n\n\t\t\t\t@media only screen and (max-width: 960px) {\n\t\t\t\t\twidth: calc(100% - #{map-get($wordpress, adminmenu-sm)});\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\twidth: 100%;\n\t\t\t\t\tleft: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n@include body-class(true, true) {\n\n\t.sui-modal {\n\t\tright: map-get($wordpress, adminmenu);\n\t\tleft: auto;\n\n\t\t.sui-modal-overlay {\n\t\t\tright: map-get($wordpress, adminmenu);\n\t\t\tleft: auto;\n\t\t}\n\t}\n\n\t// VAR: Folded sidebar.\n\t&.wp-admin.folded {\n\n\t\t.sui-modal {\n\n\t\t\t.sui-modal-overlay {\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tright: map-get($wordpress, adminmenu-sm);\n\t\t\t\t\tleft: auto;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tright: map-get($wordpress, adminmenu-sm);\n\t\t\t\tleft: auto;\n\t\t\t}\n\t\t}\n\t}\n\n\t&.wp-admin {\n\n\t\t&.auto-fold {\n\n\t\t\t.sui-modal {\n\n\t\t\t\t.sui-modal-overlay {\n\n\t\t\t\t\t@media only screen and (max-width: 960px) {\n\t\t\t\t\t\tright: map-get($wordpress, adminmenu-sm);\n\t\t\t\t\t\tleft: auto;\n\t\t\t\t\t}\n\n\t\t\t\t\t@media only screen and (max-width: 782px) {\n\t\t\t\t\t\tright: 0;\n\t\t\t\t\t\tleft: auto;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t@media only screen and (max-width: 960px) {\n\t\t\t\t\tright: map-get($wordpress, adminmenu-sm);\n\t\t\t\t\tleft: auto;\n\t\t\t\t}\n\n\t\t\t\t@media only screen and (max-width: 782px) {\n\t\t\t\t\tright: 0;\n\t\t\t\t\tleft: auto;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\nhtml.sui-has-modal,\nhtml.sui-has-overlay {\n\toverflow: hidden;\n}\n","$positions: (\n\ttop,\n\tright,\n\tbottom,\n\tleft\n) !default;\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: $sui-gutter-md;\n\n\t\t@include media(min-width, md) {\n\t\t\tpadding: $sui-gutter;\n\t\t}\n\n\t\t&--hidden {\n\t\t\tpadding: 0;\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tpadding: 0;\n\t\t\t}\n\t\t}\n\n\t\t&__desktop {\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tpadding: $sui-gutter;\n\t\t\t}\n\n\t\t\t&--hidden {\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tpadding: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&__mobile {\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&--hidden {\n\n\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\tpadding: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t@each $position in $positions {\n\n\t\t.sui-padding-#{$position} {\n\t\t\tpadding-#{$position}: $sui-gutter-md;\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tpadding-#{$position}: $sui-gutter;\n\t\t\t}\n\n\t\t\t&--hidden {\n\t\t\t\tpadding-#{$position}: 0;\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tpadding-#{$position}: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&__desktop {\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tpadding-#{$position}: $sui-gutter;\n\t\t\t\t}\n\n\t\t\t\t&--hidden {\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tpadding-#{$position}: 0;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&__mobile {\n\n\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\tpadding-#{$position}: $sui-gutter-md;\n\t\t\t\t}\n\n\t\t\t\t&--hidden {\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tpadding-#{$position}: 0;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\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","%dashui-view-more-info {\n\tfont-size: 12px;\n\tline-height: 16px;\n\ttext-align: center;\n\n\t[class*=\"sui-icon-\"] {\n\t\twidth: 21px;\n\t\tfont-size: 12px;\n\t\ttext-align: center;\n\n\t\t&:before {\n\t\t\tcolor: inherit;\n\t\t}\n\t}\n\n\t&:not(:first-child) {\n\n\t\t@include media(max-width, md) {\n\t\t\tmargin-top: $sui-gutter-md;\n\t\t}\n\t\n\t\t@include media(min-width, md) {\n\t\t\tmargin-top: $sui-gutter;\n\t\t}\n\t}\n}\n\n// ============================================================\n// On Boarding (_onboarding.scss)\n$dashui-onboarding-page: $white;\n\n// ============================================================\n// Login Connect (_login-connect.scss)\n\n// Header: Bars\n$dashui-connect-header--bar-height:                  10px;\n\n// Header: Loading Bar\n$dashui-connect-header--loading-inclination:         -70deg;\n$dashui-connect-header--loading-bars-color:          #A6E0F8;\n$dashui-connect-header--loading-background:          palette(blue, light);\n$dashui-connect-header--loading-background-size:     24px;\n\n// Header: Connected Bar\n$dashui-connect-header--connect-size:                10px;\n$dashui-connect-header--connect-background:          $blue;\n$dashui-connect-header--connect-dot-size:            26px;\n$dashui-connect-header--connect-dot-background:      $white;\n$dashui-connect-header--connect-icon-size:           9px;\n\n// Body\n$dashui-connect-body--border-color:                  palette(silver, soft);\n$dashui-connect-body--background:                    $white;\n$dashui-connect-body--color:                         palette(gray, light);\n$dashui-connect-body--font-size:                     13px;\n$dashui-connect-body--line-height:                   22px;\n$dashui-connect-body--pointer-size:                  10px;\n$dashui-connect-body--pointer-position:              50px;\n\n// Navigation\n$dashui-connect-navigation--dot-size:                10px;\n$dashui-connect-navigation--dot-background:          palette(silver, soft);\n$dashui-connect-navigation--dot-background-current:  $blue;\n\n// Actions\n$dashui-connect-actions--button-width:               120px;\n$dashui-connect-actions--button-height:              80px;\n$dashui-connect-actions--button-border-color:        palette(silver, soft);\n$dashui-connect-actions--button-border-color-hover:  palette(silver, medium);\n$dashui-connect-actions--button-background:          transparent;\n$dashui-connect-actions--button-color:               $gray;\n$dashui-connect-actions--button-color-hover:         palette(gray, dark);\n$dashui-connect-actions--button-icon-size:           16px;\n\n// Process\n$dashui-connect-process--width:                      222px;\n$dashui-connect-process--color:                      palette(gray, light);\n$dashui-connect-process--icon-size:                  16px;\n$dashui-connect-process--color-ready:                $blue;\n$dashui-connect-process--color-failed:               $red;\n$dashui-connect-process--color-gray:                 $gray;\n","@include body-class(true) {\n\n\t.dashui-changelog-list {\n\t\tmargin: 0;\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\tposition: relative;\n\t\t\tpadding-left: 36px;\n\t\t\tcolor: palette(gray, light);\n\t\t\tfont: 400 13px/22px $font;\n\t\t\tletter-spacing: $font--letter-spacing;\n\n\t\t\t&:before {\n\t\t\t\tcontent: \"•\";\n\t\t\t\twidth: 26px;\n\t\t\t\tdisplay: block;\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 0;\n\t\t\t\tleft: 0;\n\t\t\t\ttext-align: center;\n\t\t\t}\n\t\t}\n\t}\n\n\t.dashui-changelog-version {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\n\t\t.sui-tag {\n\t\t\tdisplay: block;\n\t\t\tflex: 0 0 auto;\n\n\t\t\t+ span {\n\t\t\t\tmargin-left: 10px;\n\t\t\t}\n\n\t\t\t&.dashui-tag-current {\n\t\t\t\tcolor: #ffffff;\n\t\t\t\tbackground-color: #888888\n\t\t\t}\n\t\t}\n\n\t\tspan:not(.sui-tag) {\n\t\t\tflex: 0 0 auto;\n\t\t\tcolor: palette(gray, light);\n\t\t\tfont: $font--medium 13px/22px $font;\n\t\t\tletter-spacing: $font--letter-spacing;\n\t\t}\n\n\t\t@include media(max-width, md) {\n\t\t\tmargin: 0 0 $sui-gutter-md;\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}","@charset \"UTF-8\";\n\n// Overwrite font path.\n$sui-font-path: '~@wpmudev/shared-ui/dist/fonts/';\n$sui-image-path: '~@wpmudev/shared-ui/dist/images/';\n\n// ============================================================\n// Shared UI\n// Import only the required styles.\n@import \"~@wpmudev/shared-ui/scss/functions\";\n@import \"~@wpmudev/shared-ui/scss/colors\";\n@import \"~@wpmudev/shared-ui/scss/variables\";\n$sui-wrap-class: 'wpmudev-dashboard-changelog-wrap';\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/tags\";\n@import \"~@wpmudev/shared-ui/scss/boxes\";\n@import \"~@wpmudev/shared-ui/scss/box-settings\";\n@import \"~@wpmudev/shared-ui/scss/modals\";\n@import \"~@wpmudev/shared-ui/scss/utility\";\n\n// Changelog custom styles.\n@import \"admin-ui/variables\";\n@import \"admin-ui/list-changelog\";\n\n@include body-class(true) {\n  // Changelog link to view more.\n  .dashui-changelog-view-more {\n    @extend %dashui-view-more-info;\n  }\n}\n\n#update-plugins-table {\n  .wpmudev-info {\n    font-style: italic;\n    position: relative;\n    z-index: 11;\n  }\n}"],"names":[],"sourceRoot":""}