diff --git a/CHANGELOG-WIP.md b/CHANGELOG-WIP.md
index 953f6143dd5..a3749f841e1 100644
--- a/CHANGELOG-WIP.md
+++ b/CHANGELOG-WIP.md
@@ -8,7 +8,7 @@
### Changed
- Improved the control panel accessibility. ([#11534](https://github.com/craftcms/cms/pull/11534), [#11565](https://github.com/craftcms/cms/pull/11565), [#11578](https://github.com/craftcms/cms/pull/11578), [#11589](https://github.com/craftcms/cms/pull/11589), [#11604](https://github.com/craftcms/cms/pull/11604), [#11610](https://github.com/craftcms/cms/pull/11610), [#11611](https://github.com/craftcms/cms/pull/11611), [#11613](https://github.com/craftcms/cms/pull/11613), [#11636](https://github.com/craftcms/cms/pull/11636), [#11703](https://github.com/craftcms/cms/pull/11703), [#11727](https://github.com/craftcms/cms/pull/11727), [#11763](https://github.com/craftcms/cms/pull/11763), [#11768](https://github.com/craftcms/cms/pull/11768), [#11775](https://github.com/craftcms/cms/pull/11775))
-- `users/session-info` responses now include a `csrfTokenName` key. ([#11706](https://github.com/craftcms/cms/pull/11706))
+- `users/session-info` responses now include a `csrfTokenName` key. ([#11706](https://github.com/craftcms/cms/pull/11706), [#11767](https://github.com/craftcms/cms/pull/11767))
- `craft\helpers\Component::iconSvg()` now namespaces the SVG contents, and adds `aria-hidden="true"`. ([#11703](https://github.com/craftcms/cms/pull/11703))
- `craft\services\Search::EVENT_BEFORE_INDEX_KEYWORDS` is now cancellable by setting `$event->isValid` to `false`. ([#11705](https://github.com/craftcms/cms/discussions/11705))
- `checkboxSelect` inputs without `showAllOption: true` now post an empty value if no options were selected. ([#11748](https://github.com/craftcms/cms/issues/11748))
diff --git a/packages/craftcms-sass/_mixins.scss b/packages/craftcms-sass/_mixins.scss
index 87abe0a023a..be4e7d47e38 100644
--- a/packages/craftcms-sass/_mixins.scss
+++ b/packages/craftcms-sass/_mixins.scss
@@ -148,9 +148,19 @@ $radioSize: 16px;
font-size: 0.9em !important;
}
-@function toRem($size) {
- $remValue: calc($size / 16) + rem;
- @return $remValue;
+@function toRem($values...) {
+ $max: length($values);
+ $remValues: '';
+
+ @for $i from 1 through $max {
+ $remValues: #{$remValues + calc(nth($values, $i) / 16)}rem;
+
+ @if $i < $max {
+ $remValues: #{$remValues + ' '};
+ }
+ }
+
+ @return $remValues;
}
@mixin fontSize($size) {
@@ -590,27 +600,33 @@ $radioSize: 16px;
}
@mixin placeholder-styles($color) {
- ::-webkit-input-placeholder {
+ input::-webkit-input-placeholder,
+ textarea::-webkit-input-placeholder {
color: $color;
}
- input:-ms-input-placeholder {
+ input:-ms-input-placeholder,
+ textarea:-ms-input-placeholder {
color: $color;
}
- ::-ms-input-placeholder {
+ input::-ms-input-placeholder,
+ textarea::-ms-input-placeholder {
color: $color;
}
- :-moz-placeholder {
+ input:-moz-placeholder,
+ textarea:-moz-placeholder {
color: $color;
}
- ::-moz-placeholder {
+ input::-moz-placeholder,
+ textarea::-moz-placeholder {
color: $color;
}
- ::placeholder {
+ input::placeholder,
+ textarea::placeholder {
color: $color;
}
}
diff --git a/src/helpers/Cp.php b/src/helpers/Cp.php
index 2da6ce80f8c..ace542ce18d 100644
--- a/src/helpers/Cp.php
+++ b/src/helpers/Cp.php
@@ -1306,6 +1306,7 @@ public static function addressFieldsHtml(Address $address): string
'value' => $address->addressLine1,
'required' => isset($requiredFields['addressLine1']),
'errors' => $address->getErrors('addressLine1'),
+ 'autocomplete' => 'address-line1',
]) .
static::textFieldHtml([
'label' => $address->getAttributeLabel('addressLine2'),
@@ -1314,6 +1315,7 @@ public static function addressFieldsHtml(Address $address): string
'value' => $address->addressLine2,
'required' => isset($requiredFields['addressLine2']),
'errors' => $address->getErrors('addressLine2'),
+ 'autocomplete' => 'address-line2',
]) .
self::_subdivisionField(
$address,
@@ -1351,6 +1353,7 @@ public static function addressFieldsHtml(Address $address): string
'value' => $address->postalCode,
'required' => isset($requiredFields['postalCode']),
'errors' => $address->getErrors('postalCode'),
+ 'autocomplete' => 'postal-code',
]) .
static::textFieldHtml([
'fieldClass' => array_filter([
diff --git a/src/web/assets/cp/dist/css/cp.css b/src/web/assets/cp/dist/css/cp.css
index ff1c350e2a8..479a4e623d6 100644
--- a/src/web/assets/cp/dist/css/cp.css
+++ b/src/web/assets/cp/dist/css/cp.css
@@ -1,2 +1,2 @@
-:root{--white:#fff;--black:#000;--gray-050:#f3f7fc;--gray-100:#e4edf6;--gray-200:#cdd8e4;--gray-300:#9aa5b1;--gray-350:#8b96a2;--gray-400:#7b8793;--gray-500:#606d7b;--gray-550:#596673;--gray-600:#515f6c;--gray-700:#3f4d5a;--gray-800:#33404d;--gray-900:#1f2933;--gray-1000:#131920;--blue-050:#e3f8ff;--blue-100:#b3ecff;--blue-200:#81defd;--blue-300:#5ed0fa;--blue-400:#40c3f7;--blue-500:#2bb0ed;--blue-600:#1992d4;--blue-700:#127fbf;--blue-800:#0b69a3;--blue-900:#035388;--cyan-050:#e0fcff;--cyan-100:#bef8fd;--cyan-200:#87eaf2;--cyan-300:#54d1db;--cyan-400:#38bec9;--cyan-500:#2cb1bc;--cyan-600:#14919b;--cyan-700:#0e7c86;--cyan-800:#0a6c74;--cyan-900:#044e54;--pink-050:#ffe3ec;--pink-100:#ffb8d2;--pink-200:#ff8cba;--pink-300:#f364a2;--pink-400:#e8368f;--pink-500:#da127d;--pink-600:#bc0a6f;--pink-700:#a30664;--pink-800:#870557;--pink-900:#620042;--red-050:#ffe3e3;--red-100:#ffbdbd;--red-200:#ff9b9b;--red-300:#f86a6a;--red-400:#ef4e4e;--red-500:#e12d39;--red-600:#cf1124;--red-700:#ab091e;--red-800:#8a041a;--red-900:#610316;--yellow-050:#fffbea;--yellow-100:#fff3c4;--yellow-200:#fce588;--yellow-300:#fadb5f;--yellow-400:#f7c948;--yellow-500:#f0b429;--yellow-600:#de911d;--yellow-700:#cb6e17;--yellow-800:#b44d12;--yellow-900:#8d2b0b;--teal-050:#effcf6;--teal-100:#c6f7e2;--teal-200:#8eedc7;--teal-300:#65d6ad;--teal-400:#3ebd93;--teal-500:#27ab83;--teal-550:#20a07b;--teal-600:#199473;--teal-700:#147d64;--teal-800:#0c6b58;--teal-900:#014d40}:root{--bg-color:$grey100;--bg-color-hsl:212deg,50%,93%;--primary-color:var(--red-500);--secondary-color:var(--gray-500);--input-color:#607d9f;--text-color:var(--gray-700);--medium-dark-text-color:var(--gray-550);--medium-text-color:var(--gray-550);--light-text-color:var(--gray-500);--link-color:#2563eb;--font-weight-bold:700;--menu-option-color:var(--text-color);--menu-option-active-color:var(--white);--menu-option-active-background-color:var(--gray-350);--hairline-color:rgba(51,64,77,.1);--medium-hairline-color:rgba(81,95,108,.25);--dark-hairline-color:rgba(123,135,147,.5);--light-focus-color:var(--blue-300);--medium-focus-color:var(--blue-500);--dark-focus-color:#0f74b1;--light-focus-ring:0 0 0 1px #5ed0fa,0 0 0 3px rgba(94,208,250,.7);--medium-focus-ring:0 0 0 1px #2bb0ed,0 0 0 3px rgba(43,176,237,.7);--dark-focus-ring:0 0 0 1px #0f74b1,0 0 0 3px rgba(15,116,177,.7);--light-sel-color:var(--gray-200);--dark-sel-color:var(--gray-600);--error-color:var(--red-600);--warning-color:var(--yellow-800);--success-color:var(--teal-700);--notice-color:var(--blue-800);--enabled-color:var(--teal-550);--pending-color:var(--yellow-700);--disabled-color:var(--red-600);--small-border-radius:3px;--medium-border-radius:4px;--large-border-radius:5px;--menu-border-radius:var(--medium-border-radius);--checkbox-size:16px;--radio-size:16px}@font-face{font-family:Craft;font-style:normal;font-weight:400;src:url(../fonts/Craft.woff) format("woff"),url(../fonts/Craft.ttf) format("truetype"),url(../fonts/Craft.svg#Craft) format("svg")}:root{--ui-control-color:var(--gray-550);--ui-control-hover-color:var(--gray-600);--ui-control-active-color:var(--gray-700);--icon-opacity:0.8;--light-focus-hsl:196.1538461538deg,93.9759036145%,67.4509803922%;--medium-focus-hsl:198.8659793814deg,84.347826087%,54.9019607843%;--dark-focus-hsl:202.5925925926deg,84.375%,37.6470588235%;--focus-ring:0 0 0 1px hsl(var(--dark-focus-hsl)),0 0 0 3px hsla(var(--dark-focus-hsl),0.8);--inner-focus-ring:inset 0 0 0 1px hsl(var(--dark-focus-hsl)),inset 0 0 0 3px hsla(var(--dark-focus-hsl),0.7);--touch-target-size:24px}body,html{background-color:var(--gray-100);box-shadow:var(--light-focus-ring)}body{-webkit-font-smoothing:subpixel-antialiased;color:var(--text-color);font-size:.875rem;line-height:1.42;overflow-x:hidden;width:100vw}body.rtl{direction:rtl}body,input,select,textarea{font-family:system-ui,BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.buttons:first-child,.condition-container:first-child,.field:first-child,.first,.grid:first-child,.pane:first-child,.toolbar:first-child,blockquote:first-child,fieldset:first-child,h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child,hr:first-child,p:first-child{margin-top:0!important}.buttons:last-child,.condition-container:last-child,.field:last-child,.grid:last-child,.last,.meta:last-child,.pane:last-child,.toolbar:last-child,blockquote:last-child,fieldset:last-child,h1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child,h6:last-child,p:last-child{margin-bottom:0!important}.no-scroll{overflow:hidden!important}.draghelper{box-sizing:border-box}img{max-width:100%}body.rtl .ltr .text,body.rtl .ltr table.editable textarea{direction:ltr!important;text-align:left!important}body.ltr .rtl .text,body.ltr .rtl table.editable textarea{direction:rtl!important;text-align:right!important}#help:before,.element:before,.go:after,.icon:before,.insecure:before,.menu .flex.padded.sel:before,.menu ul.padded li a.sel:before,.preview-btn:before,.required:after,.secure:before,.texticon:before,.view-btn:before,[data-icon-after]:after,[data-icon]:before{speak:none;-webkit-font-feature-settings:"liga","dlig";-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:normal!important;direction:ltr;display:inline-block;font-family:Craft;font-style:normal;font-variant:normal;font-weight:400;line-height:1;opacity:var(--icon-opacity);text-align:center;text-transform:none;-webkit-user-select:none;user-select:none;vertical-align:middle}.badge-icon{-webkit-align-items:center;align-items:center;border:1px solid var(--yellow-500);border-radius:var(--small-border-radius);box-sizing:border-box;color:var(--yellow-500);display:-webkit-inline-flex;display:inline-flex;font-size:9px;height:17px;-webkit-justify-content:center;justify-content:center;width:17px}.insecure:before,.secure:before{font-size:14px;margin-top:-3px}[data-icon]:before{content:attr(data-icon)}[data-icon-after]:after{content:attr(data-icon-after)}body.rtl [data-icon-after=list]:after,body.rtl [data-icon=list]:before{content:"listrtl"}body.rtl [data-icon-after=structure]:after,body.rtl [data-icon=structure]:before{content:"structurertl"}.icon.secure:before{content:"secure"}.icon.insecure:before{content:"insecure"}.icon.add:before{content:"plus"}.icon.edit:before{content:"edit"}.icon.settings:before{content:"settings"}.icon.search:before{content:"search"}.icon.expand:before{content:"expand"}.icon.collapse:before{content:"collapse"}.help:before{color:var(--pink-400);content:"help"}body.ltr .preview-btn:before,body.ltr .view-btn:before{margin-right:var(--xs)}body.rtl .preview-btn:before,body.rtl .view-btn:before{margin-left:var(--xs)}.preview-btn:before{content:"view";margin-top:-2px}body.ltr .view-btn:before{content:"share"}body.rtl .view-btn:before{content:"shareleft"}.h1,h1{font-size:18px;font-weight:700;line-height:1.2;margin-bottom:24px}.h2,h2{font-size:16px;line-height:20px}.h2,.h3,h2,h3{font-weight:700;margin:14px 0}.h3,h3{line-height:1.2}.h4,h4{font-weight:700;margin:14px 0}.h4,.h5,h4,h5{color:var(--medium-text-color);line-height:1.2}.h5,.h6,h5,h6{margin:14px 0 3px}.h6,h6{color:#606d7b;font-size:11px;line-height:1.2;text-transform:uppercase}body.ltr h1[data-icon]:before{margin:-8px 10px 0 0}body.rtl h1[data-icon]:before{margin:-8px 0 0 10px}h2[data-icon]:before{font-size:19px}body.ltr h2[data-icon]:before{margin:-4px 6px 0 0}body.rtl h2[data-icon]:before{margin:-4px 0 0 6px}hr{border:none;border-top:1px solid var(--hairline-color);color:transparent;height:0;margin:24px 0}.pane hr{margin:24px -24px}p{margin:1em 0}h5+p{margin-top:0}sup{vertical-align:super}sub,sup{font-size:smaller}sub{vertical-align:sub}body.ltr .indent{margin-left:14px}body.rtl .indent{margin-right:14px}.bullets{list-style-type:square}body.ltr .bullets{padding-left:40px}body.rtl .bullets{padding-right:40px}ol{list-style-type:decimal}body.ltr ol{padding-left:40px}body.rtl ol{padding-right:40px}.code,.code input,.code textarea,code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:.9em!important}.code input.smalltext,.code textarea.smalltext,.code.smalltext,code.smalltext{font-size:.8em!important}pre code{display:block;overflow-x:auto}a{color:var(--link-color);cursor:pointer}a:hover,body.underline-links a{text-decoration:underline}a.sel,li.sel a{cursor:default!important;text-decoration:none}.go:after{color:var(--link-color);font-size:11px;margin-top:-1px;opacity:.9}body.ltr .go:after{padding-left:4px}body.rtl .go:after{padding-right:4px}body.ltr .go:after{content:"circlerarr"}body.rtl .go:after{content:"circlelarr"}button{cursor:pointer}.context-btn.disabled{background-color:rgba(205,216,228,.5)!important;color:var(--medium-dark-text-color);opacity:1}.alert-icon,.checkmark-icon{border-radius:20px;cursor:pointer;line-height:10px;margin-bottom:0!important;padding:5px}.alert-icon:before,.checkmark-icon:before{speak:none;-webkit-font-feature-settings:"liga","dlig";-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:normal!important;direction:ltr;display:inline-block;font-family:Craft;font-style:normal;font-variant:normal;font-weight:400;line-height:1;opacity:var(--icon-opacity);text-align:center;text-transform:none;-webkit-user-select:none;user-select:none;vertical-align:middle}.checkmark-icon{background-color:var(--gray-200)}p .checkmark-icon{display:inline-block}.checkmark-icon:before{color:var(--success-color);content:"check"}.alert-icon{background-color:var(--gray-200)}.alert-icon:before{color:var(--error-color);content:"alert"}.menu.revision-menu{padding:10px 24px}.menu.revision-menu hr{margin:10px -24px}.menu.revision-menu ul li.sel{background:var(--gray-050);border-radius:var(--large-border-radius);margin:0 -14px;padding:0 14px}.menu.revision-menu ul li.sel .edited-desc{-webkit-align-items:center;align-items:center;border-top:1px solid var(--hairline-color);color:var(--light-text-color);display:-webkit-flex;display:flex;padding:10px 0;white-space:normal}body.ltr .menu.revision-menu ul li.sel .edited-desc{margin-left:10px}body.rtl .menu.revision-menu ul li.sel .edited-desc{margin-right:10px}.menu.revision-menu ul li.sel .edited-desc p{margin:0}body.ltr .menu.revision-menu ul li.sel .edited-desc .btn{margin-left:14px}body.rtl .menu.revision-menu ul li.sel .edited-desc .btn{margin-right:14px}.menu.revision-menu ul li a{border-radius:var(--large-border-radius);padding-top:7px}.menu.revision-menu .extralight{margin-top:2px}.revision-status-hud{max-width:400px}.revision-status-hud .http-error{background-color:var(--gray-050);border:1px solid var(--hairline-color);border-radius:var(--medium-border-radius);color:var(--light-text-color);padding:7px 14px}.draft-notice{-webkit-align-content:stretch;align-content:stretch;-webkit-align-items:center;align-items:center;color:var(--blue-800);display:-webkit-flex;display:flex;gap:var(--s);-webkit-justify-content:center;justify-content:center}#content-notice .draft-notice{display:-webkit-inline-flex;display:inline-flex;-webkit-justify-content:flex-start;justify-content:flex-start}body.ltr .so-notice>.draft-notice{margin:calc(var(--s)*-1) 0 calc(var(--s)*-1) calc(var(--xl)*-1)}body.rtl .so-notice>.draft-notice{margin:calc(var(--s)*-1) calc(var(--xl)*-1) calc(var(--s)*-1) 0}body.ltr .so-notice>.draft-notice{padding:var(--s) 0 var(--s) var(--xl)}body.rtl .so-notice>.draft-notice{padding:var(--s) var(--xl) var(--s) 0}body.ltr .so-notice>.draft-notice{border-bottom-left-radius:var(--large-border-radius)}body.rtl .so-notice>.draft-notice{border-bottom-right-radius:var(--large-border-radius)}body.ltr .so-notice>.draft-notice{background-image:-o-linear-gradient(top left,rgba(25,146,212,.2),rgba(25,146,212,0) 50%);background-image:linear-gradient(to bottom right,rgba(25,146,212,.2),rgba(25,146,212,0) 50%)}body.rtl .so-notice>.draft-notice{background-image:-o-linear-gradient(right,rgba(25,146,212,.2),rgba(25,146,212,0));background-image:linear-gradient(270deg,rgba(25,146,212,.2),rgba(25,146,212,0))}.draft-notice p{-webkit-flex:1;flex:1;margin:0}.draft-notice .draft-icon{-webkit-align-items:center;align-items:center;border:2px solid rgba(11,105,163,.2);border-radius:100%;box-shadow:0 1px 1px 1px var(--white);box-sizing:border-box;display:-webkit-flex;display:flex;-webkit-flex-shrink:0;flex-shrink:0;height:34px;-webkit-justify-content:center;justify-content:center;position:relative;width:34px}.draft-notice .draft-icon:before{color:var(--blue-800)!important;font-size:18px;left:1px;position:relative}.draft-notice .draft-icon:after{border-radius:100%;bottom:-2px;box-shadow:inset 0 2px 0 rgba(3,83,136,.2);content:"";font-size:0;left:-2px;position:absolute;right:-2px;top:-2px}.draft-notice .discard-changes-btn{background-color:transparent!important;border:2px solid var(--blue-600);color:var(--blue-800)!important}body.ltr .draft-notice .discard-changes-btn{margin-left:var(--xs)}body.rtl .draft-notice .discard-changes-btn{margin-right:var(--xs)}.draft-notice .discard-changes-btn:focus,.draft-notice .discard-changes-btn:hover{border-color:#1682bd}.draft-notice .discard-changes-btn:active{border-color:#1473a6}button.toggle{-webkit-appearance:none;appearance:none;background:none;border:none;color:inherit;padding:0}.toggle:before,a.fieldtoggle:before{border:solid;border-width:0 2px 2px 0;content:"";display:block;font-size:0;height:7px;opacity:.8;transition:-webkit-transform .1s linear;-o-transition:-o-transform .1s linear;transition:transform .1s linear;transition:transform .1s linear,-webkit-transform .1s linear,-o-transform .1s linear;width:7px}body.ltr .toggle:before,body.ltr a.fieldtoggle:before{-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}body.rtl .toggle:before,body.rtl a.fieldtoggle:before{-webkit-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}.sidebar nav li.expanded>.toggle:before,.structure li:not(.collapsed)>.row>.toggle:before,.toggle.expanded:before,a.fieldtoggle.expanded:before{-webkit-transform:rotate(45deg)!important;-o-transform:rotate(45deg)!important;transform:rotate(45deg)!important}a.fieldtoggle{color:var(--text-color);display:block;margin:14px 0;position:relative;text-decoration:none}body.ltr a.fieldtoggle{padding-left:12px}body.rtl a.fieldtoggle{padding-right:12px}a.fieldtoggle:before{display:block;position:absolute;top:7px}body.ltr a.fieldtoggle:before{left:-1px}body.rtl a.fieldtoggle:before{right:-1px}em,i{font-style:italic}b,i em,strong{font-weight:700}.readable{font-size:16px;line-height:22px}.readable h1,.readable h2,.readable h3,.readable h4,.readable h5,.readable h6{font-weight:600;margin:24px 0 16px}.readable h1{color:#000;font-size:32px;line-height:40px}.readable h2{font-size:24px;line-height:30px}.readable h3{font-size:20px;line-height:24px}.readable h4{font-size:16px;line-height:20px}.readable h5{font-size:14px;line-height:18px}.readable h6{color:#596673;font-size:13.6px;line-height:17px}.readable ol,.readable ul{margin:1em 0}body.ltr .readable ol,body.ltr .readable ul{padding-left:2em}body.rtl .readable ol,body.rtl .readable ul{padding-right:2em}.readable ul li{list-style-type:disc}.readable li+li{margin-top:.25em}.readable blockquote{margin:16px 0}.readable blockquote:not(.note){color:#596673;padding:0 16px}body.ltr .readable blockquote:not(.note){border-left:4px solid rgba(51,64,77,.1)}body.rtl .readable blockquote:not(.note){border-right:4px solid rgba(51,64,77,.1)}.readable blockquote.note{border:1px solid;border-radius:4px;padding:1em;position:relative}body.ltr .readable blockquote.note{padding-left:56px}body.rtl .readable blockquote.note{padding-right:56px}.readable blockquote.note:not(.tip):not(.warning){border-color:#cf1124;color:#bf503f}.readable blockquote.note:not(.tip):not(.warning):before{color:#cf1124;content:"alert"}.readable blockquote.note.tip{border-color:#2563eb;color:#596673}.readable blockquote.note.tip:before{color:#2563eb;content:"lightbulb"}.readable blockquote.note.warning{border-color:#b44d12;color:#cf783a}.readable blockquote.note.warning:before{color:#b44d12;content:"alert"}.readable blockquote.note:before{speak:none;-webkit-font-feature-settings:"liga","dlig";-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:normal!important;direction:ltr;display:inline-block;font-family:Craft;font-size:30px;font-style:normal;font-variant:normal;font-weight:400;line-height:1;opacity:var(--icon-opacity);position:absolute;text-align:center;text-transform:none;top:12px;-webkit-user-select:none;user-select:none;vertical-align:middle;width:24px}body.ltr .readable blockquote.note:before{left:16px}body.rtl .readable blockquote.note:before{right:16px}body.ltr .leftalign{text-align:left}body.rtl .leftalign{text-align:right}.topalign{vertical-align:top}body.ltr .rightalign{text-align:right}body.rtl .rightalign{text-align:left}.centeralign{text-align:center!important}.nowrap{white-space:nowrap}.break-word{word-wrap:break-word}.light{color:var(--medium-text-color)!important;font-weight:400}.extralight{color:var(--light-text-color)!important}.smalltext{font-size:12px;line-height:1.2}.largetext{font-size:16px;line-height:1.2}.zilch{color:var(--light-text-color);font-size:20px;line-height:24px;padding:100px 0;text-align:center}.zilch.small{font-size:16px;padding:24px 0}input.checkbox+label.smalltext{padding-top:2px}.required:after{color:var(--error-color);content:"asterisk";font-size:7px}body.ltr .required:after{margin:-2px 0 0 5px}body.rtl .required:after{margin:-2px 5px 0 0}.scrollpane{overflow:auto}body.ltr .left{float:left}body.ltr .right,body.rtl .left{float:right}body.rtl .right{float:left}td,th{vertical-align:middle}body.ltr td,body.ltr th{text-align:left}body.ltr table[dir=rtl] td,body.ltr table[dir=rtl] th,body.rtl td,body.rtl th{text-align:right}body.rtl table[dir=ltr] td,body.rtl table[dir=ltr] th{text-align:left}td.right,th.right{float:none}body.ltr td.right,body.ltr th.right{text-align:right}body.rtl td.right,body.rtl th.right{text-align:left}.clear{clear:both;display:block;height:0}.fullwidth{width:100%}.token{background-color:#e4edf6;border-radius:3px;color:#3f4d5a;display:inline-block;font-size:12px;line-height:14px;padding:3px 7px}.token[data-name="*"]{position:relative;width:10px}.token[data-name="*"] span{opacity:0}.token[data-name="*"]:before{speak:none;-webkit-font-feature-settings:"liga","dlig";-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:normal!important;content:"asterisk";direction:ltr;display:inline-block;display:block;font-family:Craft;font-size:9px;font-style:normal;font-variant:normal;font-weight:400;left:0;line-height:1;line-height:17px;opacity:var(--icon-opacity);position:absolute;text-align:center;text-indent:0;text-transform:none;top:0;-webkit-user-select:none;user-select:none;vertical-align:middle;width:100%}.token:focus{background-color:#cdd8e4}.highlight .token{background:transparent;border:none;border-radius:0;box-shadow:none;display:inline;font-size:inherit;line-height:inherit;padding:0;text-shadow:none}.pane.highlight pre[class*=language-]{overflow:visible}.pane.highlight pre[class*=language-]>code.diff-highlight .token:not(.prefix){margin:0 -24px;padding:0 24px}.success{color:var(--success-color)!important}.notice .icon:before,.notice.with-icon:before,.warning .icon:before,.warning.with-icon:before{speak:none;-webkit-font-feature-settings:"liga","dlig";-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:normal!important;direction:ltr;display:inline-block;font-family:Craft;font-style:normal;font-variant:normal;font-weight:400;line-height:1;opacity:var(--icon-opacity);text-align:center;text-transform:none;-webkit-user-select:none;user-select:none;vertical-align:middle;width:1em}body.ltr .notice .icon:before,body.ltr .notice.with-icon:before,body.ltr .warning .icon:before,body.ltr .warning.with-icon:before{margin:-2px 2px 0 0}body.rtl .notice .icon:before,body.rtl .notice.with-icon:before,body.rtl .warning .icon:before,body.rtl .warning.with-icon:before{margin:-2px 0 0 2px}.notice.has-icon,.warning.has-icon{-webkit-align-items:flex-start;align-items:flex-start;display:-webkit-flex;display:flex;-webkit-flex-wrap:nowrap;flex-wrap:nowrap}.notice.has-icon .icon,.warning.has-icon .icon{-webkit-flex-shrink:1;flex-shrink:1}.notice{color:var(--notice-color)!important}.notice a{text-decoration:underline}.notice .icon:before,.notice.with-icon:before{content:"lightbulb"}.warning{color:var(--warning-color)!important}.warning .icon:before,.warning.with-icon:before{content:"alert"}.error{color:var(--error-color)!important}.icon.move{display:inline-block}.icon.move:not(.disabled){cursor:move}.icon.move:before{color:var(--ui-control-color);content:"move"}.icon.move:not(.disabled):hover:before{color:var(--link-color)}.icon.delete{display:inline-block;line-height:inherit}.icon.delete:before{color:var(--ui-control-color);content:"remove"}.icon.delete:not(.disabled){cursor:pointer}.icon.delete:not(.disabled):hover:before{color:var(--disabled-color)}.icon.delete:not(.disabled):active:before{color:var(--red-800)}.hidden{display:none!important}.visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:0;overflow:hidden;padding:0;position:absolute;width:1px}.invisible{visibility:hidden}.clearafter:after{clear:both;content:"";display:block;height:0;visibility:hidden}.info{cursor:pointer;height:1.375em;overflow:hidden;vertical-align:bottom;width:1em}.info,.info:before{display:inline-block;text-align:center}.info:before{speak:none;-webkit-font-feature-settings:"liga","dlig";-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:normal!important;color:var(--ui-control-color);direction:ltr;font-family:Craft;font-style:normal;font-variant:normal;font-weight:400;line-height:1;line-height:1.375;opacity:var(--icon-opacity);text-transform:none;-webkit-user-select:none;user-select:none;vertical-align:middle;vertical-align:baseline;width:100%}.info:not(.warning):before{content:"info"}.info:not(.warning):hover:before{color:var(--link-color)}.info.warning:before{content:"alert"}.info.warning:hover:before{color:var(--warning-color)}.info-hud table{max-width:280px;table-layout:auto}.info-hud td{word-wrap:break-word;width:100%}@media(max-width:450px){.info-hud table{table-layout:fixed;width:100%}}.content{position:relative}.content:after{clear:both;content:"";display:block;height:0;visibility:hidden}.sidebar .customize-sources{color:var(--light-text-color)!important;cursor:pointer;display:block;margin:14px -24px 4px;-o-transition:color .1s linear;transition:color .1s linear}body.ltr .sidebar .customize-sources{padding:7px 14px 7px 24px}body.rtl .sidebar .customize-sources{padding:7px 24px 7px 14px}.sidebar .customize-sources .icon{color:currentColor}body.ltr .sidebar .customize-sources .icon{margin-right:4px}body.rtl .sidebar .customize-sources .icon{margin-left:4px}.sidebar .customize-sources .label{opacity:0;-o-transition:opacity .1s linear;transition:opacity .1s linear}.sidebar .customize-sources:focus,.sidebar .customize-sources:hover{color:var(--medium-text-color)!important;text-decoration:none}.sidebar .customize-sources:focus .label,.sidebar .customize-sources:hover .label{opacity:1}.sidebar .customize-sources:hover{color:var(--link-color)}.customize-sources-modal{overflow:visible!important}body.ltr .customize-sources-modal{padding-left:200px}body.rtl .customize-sources-modal{padding-right:200px}.customize-sources-modal>.cs-sidebar{background-color:var(--gray-050);border:none;box-shadow:inset -1px 0 0 var(--hairline-color);box-sizing:border-box;height:calc(100% - 50px);margin:0;overflow:auto;padding:10px 0;position:absolute;top:0;width:200px}body.ltr .customize-sources-modal>.cs-sidebar{left:0}body.rtl .customize-sources-modal>.cs-sidebar{right:0}body.ltr .customize-sources-modal>.cs-sidebar{border-top-left-radius:var(--large-border-radius)}body.rtl .customize-sources-modal>.cs-sidebar{border-top-right-radius:var(--large-border-radius)}.customize-sources-modal>.cs-sidebar>.btn{display:block;width:calc(100% - 28px)}body.ltr .customize-sources-modal>.cs-sidebar>.btn{margin:10px 0 0 14px}body.rtl .customize-sources-modal>.cs-sidebar>.btn{margin:10px 14px 0 0}.customize-sources-modal>.source-settings{box-sizing:border-box;height:calc(100% - 50px);overflow:auto;padding:24px;position:relative}.customize-sources-modal>.footer{bottom:0;left:0;position:absolute;width:100%}.customize-sources-item{-webkit-align-items:center;align-items:center;background-color:var(--gray-100);border:solid var(--hairline-color);border-width:1px 0;box-sizing:border-box;cursor:default;display:-webkit-flex;display:flex;margin-top:-1px;padding:8px 14px;position:relative;-webkit-user-select:none;user-select:none;width:calc(100% - 1px)}.customize-sources-item+.customize-sources-item.heading{margin-top:10px}.customize-sources-item+.customize-sources-item:not(.heading){border-top:1px solid var(--hairline-color)}.customize-sources-item.sel{background-color:var(--gray-200);z-index:1}.customize-sources-item .label{-webkit-flex:1;flex:1;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.customize-sources-item.heading .label{color:var(--light-text-color);font-size:12px;font-weight:700;text-transform:uppercase}body.ltr .customize-sources-item .move{margin-left:7px}body.rtl .customize-sources-item .move{margin-right:7px}body.ltr .customize-sources-table-column .move{margin-right:10px}body.rtl .customize-sources-table-column .move{margin-left:10px}ul.path{-webkit-align-items:stretch;align-items:stretch;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap}ul.path li{-webkit-align-items:center;align-items:center;display:-webkit-inline-flex;display:inline-flex}ul.path li:not(:last-child):after{border:solid var(--light-text-color);border-width:0 1px 1px 0;content:"";display:block;font-size:0;height:7px;opacity:.8;width:7px}body.ltr ul.path li:not(:last-child):after{margin:0 5px 0 2px}body.rtl ul.path li:not(:last-child):after{margin:0 2px 0 5px}body.ltr ul.path li:not(:last-child):after{-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}body.rtl ul.path li:not(:last-child):after{-webkit-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}ul.icons{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin-top:20px}ul.icons li{margin:0 4px 10px 0}ul.icons li a{border:1px solid var(--white);border-radius:4px;color:var(--text-color);display:block;padding:60px 5px 10px;position:relative;text-align:center;width:110px}ul.icons li a:before{display:block;font-size:40px;left:0;line-height:60px;position:absolute;top:0;width:100%}ul.icons li a .icon img,ul.icons li a .icon svg{height:40px;left:calc(50% - 20px);position:absolute;top:12px;width:40px}ul.icons li a .icon.icon-mask svg circle,ul.icons li a .icon.icon-mask svg ellipse,ul.icons li a .icon.icon-mask svg line,ul.icons li a .icon.icon-mask svg path,ul.icons li a .icon.icon-mask svg polygon,ul.icons li a .icon.icon-mask svg polyline,ul.icons li a .icon.icon-mask svg rect,ul.icons li a .icon.icon-mask svg text{fill:var(--text-color);stroke-width:0}ul.icons li a:hover{background-color:var(--gray-050);border-color:var(--gray-100);text-decoration:none}ul.icons li a:hover .icon.icon-mask svg circle,ul.icons li a:hover .icon.icon-mask svg ellipse,ul.icons li a:hover .icon.icon-mask svg line,ul.icons li a:hover .icon.icon-mask svg path,ul.icons li a:hover .icon.icon-mask svg polygon,ul.icons li a:hover .icon.icon-mask svg polyline,ul.icons li a:hover .icon.icon-mask svg rect,ul.icons li a:hover .icon.icon-mask svg text{fill:var(--link-color);stroke-width:0}@media only screen and (max-width:380px){ul.icons li a{width:96px}}@media only screen and (max-width:320px){ul.icons li a{width:75px}}.toolbar{margin-bottom:14px;min-height:34px;position:relative}.toolbar .flex,.toolbar.flex{-webkit-align-items:flex-start;align-items:flex-start}.toolbar .text{border-radius:var(--large-border-radius)!important;box-shadow:none!important}.flex{-webkit-align-content:stretch;align-content:stretch;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;gap:var(--s)}.flex:not(.flex-nowrap){-webkit-flex-wrap:wrap;flex-wrap:wrap}.flex>.label{white-space:nowrap}.centeralign .flex{-webkit-justify-content:center;justify-content:center}.inline-flex{-webkit-align-content:stretch;align-content:stretch;-webkit-align-items:center;align-items:center;display:-webkit-inline-flex;display:inline-flex;gap:var(--s)}.gap-xs{gap:var(--xs)}.gap-s{gap:var(--s)}.gap-m{gap:var(--m)}.gap-l{gap:var(--l)}.gap-xl{gap:var(--xl)}.flex-grow{-webkit-flex:1;flex:1}.flex-justify{-webkit-justify-content:space-between;justify-content:space-between}.flex-justify-start{-webkit-justify-content:flex-start;justify-content:flex-start}.flex-justify-end{-webkit-justify-content:flex-end;justify-content:flex-end}.flex-justify-center{-webkit-justify-content:center;justify-content:center}.flex-start{-webkit-align-items:flex-start;align-items:flex-start}.flex-end{-webkit-align-items:flex-end;align-items:flex-end}.flex-center{-webkit-align-items:center;align-items:center}.flex-stretch{-webkit-align-items:stretch;align-items:stretch}.spacer{width:14px}.buttons{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;gap:7px;margin:24px 0;position:relative}.footer>.buttons,.hud-footer>.buttons{margin:0}.btn{-webkit-align-items:center;align-items:center;-webkit-appearance:none;appearance:none;background-color:rgba(96,125,159,.25);border:none;border-radius:var(--large-border-radius);box-sizing:border-box;color:currentColor;cursor:pointer;display:-webkit-inline-flex;display:inline-flex;font-size:inherit;-webkit-justify-content:center;justify-content:center;padding:7px 14px;position:relative;text-align:center;-webkit-user-select:none;user-select:none;white-space:nowrap}.btn.chromeless{height:auto;padding:0}.btn.chromeless,.btn.chromeless:active,.btn.chromeless:focus,.btn.chromeless:hover{background-color:transparent}.btn.chromeless:active,.btn.chromeless:hover{text-decoration:underline}.btn:not(.disabled):not(.loading):not(.dashed).focus,.btn:not(.disabled):not(.loading):not(.dashed):focus,.btn:not(.disabled):not(.loading):not(.dashed):hover{background-color:rgba(96,125,159,.3)}.btn:not(.disabled):not(.loading):not(.dashed).active,.btn:not(.disabled):not(.loading):not(.dashed):active{background-color:rgba(96,125,159,.5)}.btn:not(.disabled):not(.loading):not(.dashed).active.focus,.btn:not(.disabled):not(.loading):not(.dashed).active:focus,.btn:not(.disabled):not(.loading):not(.dashed):active.focus,.btn:not(.disabled):not(.loading):not(.dashed):active:focus,.btngroup:focus .btn:not(.disabled):not(.loading):not(.dashed).active,.btngroup:focus .btn:not(.disabled):not(.loading):not(.dashed):active{background-color:rgba(96,125,159,.6)}.btn[type=color]{padding:6px!important;width:36px}.btn.active,.btn.loading{cursor:default}.btn:hover{text-decoration:none}body.ltr .btn.icon:not(:empty):not(.btn-empty):before,body.ltr .btn.menubtn.icon.btn-empty:before,body.ltr .btn.menubtn.icon:empty:before,body.ltr .btn.menubtn[data-icon].btn-empty:before,body.ltr .btn.menubtn[data-icon]:empty:before,body.ltr .btn[data-icon]:not(:empty):not(.btn-empty):before{margin-right:5px}body.rtl .btn.icon:not(:empty):not(.btn-empty):before,body.rtl .btn.menubtn.icon.btn-empty:before,body.rtl .btn.menubtn.icon:empty:before,body.rtl .btn.menubtn[data-icon].btn-empty:before,body.rtl .btn.menubtn[data-icon]:empty:before,body.rtl .btn[data-icon]:not(:empty):not(.btn-empty):before{margin-left:5px}.btn:not(.loading) .spinner{display:none}.btn.loading .label,.btn.loading:after,.btn.loading:before{visibility:hidden}.btn div.checkbox{margin-top:2px}.disabled{opacity:.25}.disabled,.disabled .btn{cursor:default}.btn,.spinner{height:34px}body.ltr .btn[data-icon-after]:not(:empty):not(.btn-empty):after,body.ltr .menu-toggle:not(:empty):not(.btn-empty):after,body.ltr .menubtn.icon:after,body.ltr .menubtn:not(:empty):not(.btn-empty):after{margin-left:6px}body.rtl .btn[data-icon-after]:not(:empty):not(.btn-empty):after,body.rtl .menu-toggle:not(:empty):not(.btn-empty):after,body.rtl .menubtn.icon:after,body.rtl .menubtn:not(:empty):not(.btn-empty):after{margin-right:6px}.btn.icon:before,.btn[data-icon-after]:after,.btn[data-icon]:before{position:relative}.btn.icon.small:before,.btn.small[data-icon-after]:after,.btn.small[data-icon]:before{font-size:10px}.btngroup{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;position:relative;white-space:nowrap;z-index:1}.btngroup.fullwidth .btn{-webkit-flex:1;flex:1}.btngroup.disabled .btn{cursor:default}.btngroup .btn:focus{z-index:1}body.ltr .btngroup .btn:not(.dashed):not(:last-child):not(.btngroup-btn-last){margin-right:1px}body.rtl .btngroup .btn:not(.dashed):not(:last-child):not(.btngroup-btn-last){margin-left:1px}body.ltr .btngroup .btn:not(:first-child):not(.btngroup-btn-first){border-bottom-left-radius:0;border-top-left-radius:0}body.ltr .btngroup .btn:not(:last-child):not(.btngroup-btn-last){border-bottom-right-radius:0;border-top-right-radius:0}body.rtl .btngroup .btn:not(:first-child):not(.btngroup-btn-first){border-bottom-right-radius:0;border-top-right-radius:0}body.rtl .btngroup .btn:not(:last-child):not(.btngroup-btn-last){border-bottom-left-radius:0;border-top-left-radius:0}.copytext{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;position:relative;white-space:nowrap;z-index:1}body.ltr .copytext .text{border-bottom-right-radius:0;border-top-right-radius:0;min-width:0}body.ltr .copytext .btn,body.rtl .copytext .text{border-bottom-left-radius:0;border-top-left-radius:0}body.rtl .copytext .btn{border-bottom-right-radius:0;border-top-right-radius:0}.copytextbtn{-webkit-align-items:center;align-items:center;border:1px solid var(--hairline-color);border-radius:var(--small-border-radius);display:-webkit-inline-flex;display:inline-flex;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;padding:0 9px}.copytextbtn,.copytextbtn input{color:var(--medium-text-color);cursor:pointer}.copytextbtn input{background-color:transparent;border:none;box-shadow:none;height:32px;padding:0;text-align:center}.copytextbtn span{background:none;color:var(--light-text-color);margin-top:-3px;padding:0;width:13px}body.ltr .copytextbtn span{margin-left:5px}body.rtl .copytextbtn span{margin-right:5px}.copytextbtn:focus,.copytextbtn:hover{border-color:var(--medium-hairline-color);color:var(--text-color)}.copytextbtn:focus input,.copytextbtn:hover input{color:var(--text-color)}.copytextbtn.small{padding:0 5px}.copytextbtn.small input{font-size:11px!important;height:20px}.menu-toggle,.menubtn{-webkit-align-items:center;align-items:center;display:-webkit-inline-flex;display:inline-flex;-webkit-user-select:none;user-select:none}.menu-toggle:after,.menubtn:after{border:solid;border-width:0 2px 2px 0;content:"";display:block;font-size:0;height:7px;opacity:.8;position:relative;-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);width:7px}.menu-toggle.btn:after,.menubtn.btn:after{top:-1px}.menu-toggle.btn:not(.disabled):not(.inactive).active:after,.menu-toggle.btn:not(.disabled):not(.inactive):active:after,.menubtn.btn:not(.disabled):not(.inactive).active:after,.menubtn.btn:not(.disabled):not(.inactive):active:after{border-color:var(--ui-control-active-color)}.menu-toggle.btn.submit:after,.menubtn.btn.submit:after{border-color:var(--white)!important;opacity:.8}.menu-toggle.btn.submit:not(.disabled):not(.inactive).active:after,.menu-toggle.btn.submit:not(.disabled):not(.inactive).hover:after,.menu-toggle.btn.submit:not(.disabled):not(.inactive):active:after,.menu-toggle.btn.submit:not(.disabled):not(.inactive):hover:after,.menubtn.btn.submit:not(.disabled):not(.inactive).active:after,.menubtn.btn.submit:not(.disabled):not(.inactive).hover:after,.menubtn.btn.submit:not(.disabled):not(.inactive):active:after,.menubtn.btn.submit:not(.disabled):not(.inactive):hover:after{opacity:1}.menu-toggle:not(.btn):not(.icon),.menubtn:not(.btn):not(.icon){height:17px}.menu-toggle:not(.btn):not(.icon):after,.menubtn:not(.btn):not(.icon):after{border-color:var(--link-color);top:-2px}body.ltr .menu-toggle.btn-empty,body.ltr .menu-toggle:empty,body.ltr .menubtn.btn-empty,body.ltr .menubtn:empty{padding-left:8px}body.rtl .menu-toggle.btn-empty,body.rtl .menu-toggle:empty,body.rtl .menubtn.btn-empty,body.rtl .menubtn:empty{padding-right:8px}body.ltr .menu-toggle.btn-empty,body.ltr .menu-toggle:empty,body.ltr .menubtn.btn-empty,body.ltr .menubtn:empty{padding-right:8px}body.rtl .menu-toggle.btn-empty,body.rtl .menu-toggle:empty,body.rtl .menubtn.btn-empty,body.rtl .menubtn:empty{padding-left:8px}@-webkit-keyframes rotator{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-o-keyframes rotator{0%{-webkit-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);-o-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotator{0%{-webkit-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);-o-transform:rotate(1turn);transform:rotate(1turn)}}.spinner{-webkit-align-items:center;align-items:center;display:-webkit-inline-flex;display:inline-flex;height:var(--size,34px);-webkit-justify-content:center;justify-content:center;width:var(--size,24px)}.spinner:before{-webkit-animation:rotator .7s linear infinite;-o-animation:rotator .7s linear infinite;animation:rotator .7s linear infinite;border-color:transparent currentcolor currentcolor transparent;border-radius:50%;border-style:solid;border-width:2px;box-sizing:border-box;content:"";display:block;font-size:0;height:var(--size,20px);-o-object-fit:scale-down;object-fit:scale-down;opacity:.8;width:var(--size,20px)}.spinner.small{--size:12px}.spinner.big{--size:48px}.spinner.spinner-absolute{height:var(--size,20px);left:calc(50% - var(--size, 20px)/2);position:absolute;top:calc(50% - var(--size, 20px)/2);width:var(--size,20px)}body.ltr .btn+.spinner{margin-left:7px}body.rtl .btn+.spinner{margin-right:7px}body.ltr .buttons .btn+.spinner,body.ltr .buttons .btngroup+.spinner{margin-left:0}body.rtl .buttons .btn+.spinner,body.rtl .buttons .btngroup+.spinner{margin-right:0}body.ltr .buttons.right .btn+.spinner{margin-right:var(--neg-padding)}body.rtl .buttons.right .btn+.spinner{margin-left:var(--neg-padding)}.btn.small,.btngroup.small .btn{font-size:12px;line-height:22px;padding:0 7px!important}.btn.small,.btn.small+.spinner,.btngroup.small,.btngroup.small input.btn{height:22px}.btn.big,.btngroup.big .btn{font-size:14px;line-height:36px;padding:0 14px}body.ltr .btn.big[data-icon]:before,body.ltr .preview-btn:before,body.ltr .view-btn:before{margin-left:-2px}body.rtl .btn.big[data-icon]:before,body.rtl .preview-btn:before,body.rtl .view-btn:before{margin-right:-2px}.btn.big,.btn.big+.spinner,.btngroup.big,.btngroup.big input.btn{height:36px}.btn.secondary,.btn.submit{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;color:var(--white)!important;font-weight:500}.btn.submit{background-color:var(--primary-color)!important}.btn.submit:not(.disabled):not(.inactive):not(.loading).hover,.btn.submit:not(.disabled):not(.inactive):not(.loading):focus,.btn.submit:not(.disabled):not(.inactive):not(.loading):hover{background-color:#d61f2b!important}.btn.submit:not(.disabled):not(.inactive):not(.loading).active,.btn.submit:not(.disabled):not(.inactive):not(.loading):active{background-color:#c01b26!important}.btn.caution{background-color:var(--red-050)!important;color:var(--error-color)}.btn.caution.hover,.btn.caution:focus,.btn.caution:hover{background-color:#ffcaca!important}.btn.caution.active,.btn.caution:active{background-color:var(--red-100)!important}.btn.secondary,.secondary-buttons .btn.submit{background-color:var(--secondary-color)!important}.btn.secondary:not(.disabled):not(.inactive):not(.loading).hover,.btn.secondary:not(.disabled):not(.inactive):not(.loading):focus,.btn.secondary:not(.disabled):not(.inactive):not(.loading):hover,.secondary-buttons .btn.submit:not(.disabled):not(.inactive):not(.loading).hover,.secondary-buttons .btn.submit:not(.disabled):not(.inactive):not(.loading):focus,.secondary-buttons .btn.submit:not(.disabled):not(.inactive):not(.loading):hover{background-color:#55616d!important}.btn.secondary:not(.disabled):not(.inactive):not(.loading).active,.btn.secondary:not(.disabled):not(.inactive):not(.loading):active,.secondary-buttons .btn.submit:not(.disabled):not(.inactive):not(.loading).active,.secondary-buttons .btn.submit:not(.disabled):not(.inactive):not(.loading):active{background-color:#4a545e!important}div.btn.submit{overflow:hidden;position:relative}div.btn.submit input{left:100%;position:absolute}.btn.dashed{background-color:transparent;border:1px dashed var(--medium-hairline-color)}body.ltr .btngroup .btn.dashed:not(:last-child):not(.btngroup-btn-last){border-right:1px solid transparent}body.rtl .btngroup .btn.dashed:not(:last-child):not(.btngroup-btn-last){border-left:1px solid transparent}body.ltr .btngroup .btn.dashed:not(:last-child):not(.btngroup-btn-last){margin-right:-1px}body.rtl .btngroup .btn.dashed:not(:last-child):not(.btngroup-btn-last){margin-left:-1px}.btn.dashed:focus{background-color:rgba(205,216,228,.1);border-color:transparent}.reduce-focus-visibility .btn.dashed:focus:not(.focus-visible){border:1px dashed var(--medium-hairline-color)}.btn.dashed:not(.disabled).active,.btn.dashed:not(.disabled):active{background-color:rgba(205,216,228,.25)}.color-input-container{position:relative}.color-input-container .color-hex-indicator{line-height:34px;position:absolute;text-align:center;top:0;-webkit-user-select:none;user-select:none;width:1em}body.ltr .color-input-container .color-hex-indicator{left:7px}body.rtl .color-input-container .color-hex-indicator{right:7px}.color-input{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:.9em!important}body.ltr .color-input{padding-left:calc(7px + 1em)}body.rtl .color-input{padding-right:calc(7px + 1em)}.color{border-radius:17px;display:inline-block;height:34px;padding:0;position:relative;vertical-align:middle;width:34px}.color:not(.static){cursor:pointer}.color:not(.small){background-image:-o-linear-gradient(45deg,var(--gray-100) 25%,transparent 25%),-o-linear-gradient(315deg,var(--gray-100) 25%,transparent 25%),-o-linear-gradient(45deg,transparent 75%,var(--gray-100) 75%),-o-linear-gradient(315deg,transparent 75%,var(--gray-100) 75%);background-image:linear-gradient(45deg,var(--gray-100) 25%,transparent 25%),linear-gradient(135deg,var(--gray-100) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--gray-100) 75%),linear-gradient(135deg,transparent 75%,var(--gray-100) 75%);background-position:0 0,8.5px 0,8.5px -8.5px,0 8.5px;-o-background-size:17px 17px;background-size:17px 17px}.color.small{background-image:-o-linear-gradient(45deg,var(--gray-100) 25%,transparent 25%),-o-linear-gradient(315deg,var(--gray-100) 25%,transparent 25%),-o-linear-gradient(45deg,transparent 75%,var(--gray-100) 75%),-o-linear-gradient(315deg,transparent 75%,var(--gray-100) 75%);background-image:linear-gradient(45deg,var(--gray-100) 25%,transparent 25%),linear-gradient(135deg,var(--gray-100) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--gray-100) 75%),linear-gradient(135deg,transparent 75%,var(--gray-100) 75%);background-position:0 0,4px 0,4px -4px,0 4px;-o-background-size:8px 8px;background-size:8px 8px;height:16px;width:16px}.color .color-preview{border-radius:17px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15);height:100%;position:absolute;top:0;width:100%}body.ltr .color .color-preview{left:0}body.rtl .color .color-preview{right:0}.color .color-preview:focus-within{box-shadow:var(--focus-ring)}.color .color-preview>.color-preview-input{border:none;height:100%;margin:0;opacity:0;padding:0;position:absolute;width:100%}body.ltr .color .color-preview>.color-preview-input{left:0}body.rtl .color .color-preview>.color-preview-input{right:0}.colorhex{color:var(--medium-text-color);display:inline-block;margin-left:5px;vertical-align:middle}.lightswitch-outer-container{display:-webkit-flex;display:flex}.lightswitch-outer-container .lightswitch-inner-container{-webkit-align-items:center;align-items:center;border:1px solid var(--hairline-color);border-radius:var(--small-border-radius);display:-webkit-flex;display:flex}.lightswitch-outer-container .lightswitch-inner-container span{color:var(--medium-text-color);cursor:default;padding:7px 0}body.ltr .lightswitch-outer-container .lightswitch-inner-container span[data-toggle=on]{padding-right:10px}body.rtl .lightswitch-outer-container .lightswitch-inner-container span[data-toggle=on]{padding-left:10px}body.ltr .lightswitch-outer-container .lightswitch-inner-container span[data-toggle=on]{margin-left:7px}body.rtl .lightswitch-outer-container .lightswitch-inner-container span[data-toggle=on]{margin-right:7px}body.ltr .lightswitch-outer-container .lightswitch-inner-container span[data-toggle=off]{padding-left:10px}body.rtl .lightswitch-outer-container .lightswitch-inner-container span[data-toggle=off]{padding-right:10px}body.ltr .lightswitch-outer-container .lightswitch-inner-container span[data-toggle=off]{margin-right:7px}body.rtl .lightswitch-outer-container .lightswitch-inner-container span[data-toggle=off]{margin-left:7px}.lightswitch{background-image:-o-linear-gradient(left,var(--gray-400),var(--gray-400));background-image:linear-gradient(to right,var(--gray-400),var(--gray-400));border:none!important;cursor:pointer;display:block;overflow:hidden;position:relative;-o-transition:background-image .1s linear;transition:background-image .1s linear;-webkit-user-select:none;user-select:none}.lightswitch.on{background-image:-o-linear-gradient(left,var(--enabled-color),var(--enabled-color));background-image:linear-gradient(to right,var(--enabled-color),var(--enabled-color))}.lightswitch.indeterminate{background-image:-o-linear-gradient(left,var(--enabled-color),var(--gray-300));background-image:linear-gradient(to right,var(--enabled-color),var(--gray-300))}.lightswitch .lightswitch-container{height:100%;position:relative}.lightswitch .lightswitch-container .handle{background-color:var(--white);position:absolute;top:1px}.lightswitch:not(.small){border-radius:11px;height:22px;width:34px}.lightswitch:not(.small) .lightswitch-container{width:46px}body.ltr .lightswitch:not(.small) .lightswitch-container{margin-left:-12px}body.rtl .lightswitch:not(.small) .lightswitch-container{margin-right:-12px}.lightswitch:not(.small) .lightswitch-container .handle{border-radius:10px;height:20px;left:calc(50% - 10px);width:20px}.lightswitch.small{border-radius:9px;height:18px;width:28px}.lightswitch.small .lightswitch-container{width:38px}body.ltr .lightswitch.small .lightswitch-container{margin-left:-10px}body.rtl .lightswitch.small .lightswitch-container{margin-right:-10px}.lightswitch.small .lightswitch-container .handle{border-radius:8px;height:16px;left:calc(50% - 8px);width:16px}table .lightswitch{display:inline-block;margin-bottom:-5px}body.ltr .lightswitch.on .lightswitch-container{margin-left:0}body.rtl .lightswitch.on .lightswitch-container{margin-right:0}body.ltr .lightswitch.indeterminate:not(.small) .lightswitch-container{margin-left:-6px}body.rtl .lightswitch.indeterminate:not(.small) .lightswitch-container{margin-right:-6px}body.ltr .lightswitch.indeterminate.small .lightswitch-container{margin-left:-5px}body.rtl .lightswitch.indeterminate.small .lightswitch-container{margin-right:-5px}table.data+.pagination{margin-top:24px}.pagination .page-link{-webkit-align-items:center;align-items:center;border-radius:var(--medium-border-radius);display:-webkit-flex;display:flex;height:32px;-webkit-justify-content:center;justify-content:center;width:32px}.pagination .page-link:after{position:relative;-o-transition:border-color .1s linear;transition:border-color .1s linear}.pagination .page-link.prev-page:after{border:solid var(--light-text-color);border-width:0 2px 2px 0;content:"";display:block;font-size:0;height:7px;opacity:.8;width:7px}body.ltr .pagination .page-link.prev-page:after{-webkit-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}body.rtl .pagination .page-link.prev-page:after{-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}body.ltr .pagination .page-link.prev-page:after{right:-1px}body.rtl .pagination .page-link.prev-page:after{left:-1px}.pagination .page-link.next-page:after{border:solid var(--light-text-color);border-width:0 2px 2px 0;content:"";display:block;font-size:0;height:7px;opacity:.8;width:7px}body.ltr .pagination .page-link.next-page:after{-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}body.rtl .pagination .page-link.next-page:after{-webkit-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}body.ltr .pagination .page-link.next-page:after{left:-1px}body.rtl .pagination .page-link.next-page:after{right:-1px}.pagination .page-link:not(.disabled){box-shadow:inset 0 0 0 1px var(--hairline-color);cursor:pointer;-o-transition:box-shadow .1s linear;transition:box-shadow .1s linear}.pagination .page-link:not(.disabled):hover{box-shadow:inset 0 0 0 1px var(--link-color);text-decoration:none}.pagination .page-link:not(.disabled):hover:after{border-color:var(--link-color)}.pagination .page-link:not(.disabled).focus-visible{box-shadow:inset 0 0 0 1px var(--hairline-color),var(--focus-ring)}.pagination .page-link.disabled{opacity:1}.pagination .page-link.disabled:after{border-color:var(--hairline-color)}body.ltr .actions{float:right}body.ltr .actions>li,body.rtl .actions{float:left}body.rtl .actions>li{float:right}body.ltr .actions>li+li{margin-left:10px}body.rtl .actions>li+li{margin-right:10px}h1+.actions{margin-top:-100px}h2+.actions{margin-top:-54px}.tablepane{margin:-24px -24px -12px;overflow-x:auto}body.ltr .tablepane table.data td:first-child,body.ltr .tablepane table.data th:first-child{padding-left:24px}body.rtl .tablepane table.data td:first-child,body.rtl .tablepane table.data th:first-child{padding-right:24px}body.ltr .tablepane table.data td:last-child,body.ltr .tablepane table.data th:last-child{padding-right:24px}body.rtl .tablepane table.data td:last-child,body.rtl .tablepane table.data th:last-child{padding-left:24px}table.fixed-layout{table-layout:fixed}table td.thin,table th.thin{white-space:nowrap;width:.01%!important}table thead th{font-weight:700;vertical-align:top}body.ltr table thead th{text-align:left}body.rtl table thead th{text-align:right}table:not(.data) td,table:not(.data) th{padding-bottom:7px;padding-top:7px}table:not(.data) td:not(:first-child),table:not(.data) th:not(:first-child){padding-left:12px}table:not(.data) td:not(:last-child),table:not(.data) th:not(:last-child){padding-right:12px}table.data td,table.data th{box-sizing:border-box;padding-left:12px;padding-right:12px;position:relative}table.data td.checkbox-cell,table.data th.checkbox-cell{box-sizing:content-box;min-width:var(--checkbox-size);position:relative;width:var(--checkbox-size)!important}table.data td.checkbox-cell div.checkbox,table.data td.checkbox-cell input.checkbox+label,table.data th.checkbox-cell div.checkbox,table.data th.checkbox-cell input.checkbox+label{position:absolute;top:calc(50% - 8px)}table.data th{font-weight:700}body.ltr table.data caption+tbody tr:first-child td:first-child,body.ltr table.data caption+tbody tr:first-child th:first-child,body.ltr table.data caption+tfoot tr:first-child td:first-child,body.ltr table.data caption+tfoot tr:first-child th:first-child,body.ltr table.data caption+thead tr:first-child td:first-child,body.ltr table.data caption+thead tr:first-child th:first-child,body.ltr table.data tbody:first-child tr:first-child td:first-child,body.ltr table.data tbody:first-child tr:first-child th:first-child,body.ltr table.data tfoot:first-child tr:first-child td:first-child,body.ltr table.data tfoot:first-child tr:first-child th:first-child,body.ltr table.data thead:first-child tr:first-child td:first-child,body.ltr table.data thead:first-child tr:first-child th:first-child{border-top-left-radius:var(--large-border-radius)}body.rtl table.data caption+tbody tr:first-child td:first-child,body.rtl table.data caption+tbody tr:first-child th:first-child,body.rtl table.data caption+tfoot tr:first-child td:first-child,body.rtl table.data caption+tfoot tr:first-child th:first-child,body.rtl table.data caption+thead tr:first-child td:first-child,body.rtl table.data caption+thead tr:first-child th:first-child,body.rtl table.data tbody:first-child tr:first-child td:first-child,body.rtl table.data tbody:first-child tr:first-child th:first-child,body.rtl table.data tfoot:first-child tr:first-child td:first-child,body.rtl table.data tfoot:first-child tr:first-child th:first-child,body.rtl table.data thead:first-child tr:first-child td:first-child,body.rtl table.data thead:first-child tr:first-child th:first-child{border-top-right-radius:var(--large-border-radius)}body.ltr table.data caption+tbody tr:first-child td:last-child,body.ltr table.data caption+tbody tr:first-child th:last-child,body.ltr table.data caption+tfoot tr:first-child td:last-child,body.ltr table.data caption+tfoot tr:first-child th:last-child,body.ltr table.data caption+thead tr:first-child td:last-child,body.ltr table.data caption+thead tr:first-child th:last-child,body.ltr table.data tbody:first-child tr:first-child td:last-child,body.ltr table.data tbody:first-child tr:first-child th:last-child,body.ltr table.data tfoot:first-child tr:first-child td:last-child,body.ltr table.data tfoot:first-child tr:first-child th:last-child,body.ltr table.data thead:first-child tr:first-child td:last-child,body.ltr table.data thead:first-child tr:first-child th:last-child{border-top-right-radius:var(--large-border-radius)}body.rtl table.data caption+tbody tr:first-child td:last-child,body.rtl table.data caption+tbody tr:first-child th:last-child,body.rtl table.data caption+tfoot tr:first-child td:last-child,body.rtl table.data caption+tfoot tr:first-child th:last-child,body.rtl table.data caption+thead tr:first-child td:last-child,body.rtl table.data caption+thead tr:first-child th:last-child,body.rtl table.data tbody:first-child tr:first-child td:last-child,body.rtl table.data tbody:first-child tr:first-child th:last-child,body.rtl table.data tfoot:first-child tr:first-child td:last-child,body.rtl table.data tfoot:first-child tr:first-child th:last-child,body.rtl table.data thead:first-child tr:first-child td:last-child,body.rtl table.data thead:first-child tr:first-child th:last-child{border-top-left-radius:var(--large-border-radius)}table.data thead td,table.data thead th{background-color:var(--gray-050);cursor:default;width:auto}table.data thead td,table.data thead th:not(.orderable){padding-bottom:15px;padding-top:15px}table.data thead th{vertical-align:middle;white-space:nowrap}table.data thead th.orderable{padding-left:0;padding-right:0;position:relative}table.data thead th.orderable:not(.ordered):hover{background-color:var(--gray-100)}table.data thead th.orderable.ordered{background-color:var(--light-sel-color)}table.data thead th.orderable.ordered:not(.loading) button:after{border:solid;border-width:0 2px 2px 0;content:"";display:block;font-size:0;height:7px;opacity:.8;position:absolute;top:calc(50% - 3px);-webkit-transform:rotate(225deg);-o-transform:rotate(225deg);transform:rotate(225deg);width:7px}body.ltr table.data thead th.orderable.ordered:not(.loading) button:after{right:10px}body.rtl table.data thead th.orderable.ordered:not(.loading) button:after{left:10px}table.data thead th.orderable.ordered:not(.loading).desc button:after{-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}table.data thead th.orderable button{font:inherit;padding:14px;position:relative;width:100%}body.ltr table.data thead th.orderable button{padding-right:26px}body.rtl table.data thead th.orderable button{padding-left:26px}body.ltr table.data thead th.orderable button{text-align:left}body.rtl table.data thead th.orderable button{text-align:right}table.data thead th.orderable button:focus{z-index:1}table.data thead th:not(.loading) .spinner{display:none}table.data thead th .spinner{--size:12px;position:absolute;top:calc(50% - 6px)}body.ltr table.data thead th .spinner{right:8px}body.rtl table.data thead th .spinner{left:8px}table.data tbody tr:not(.disabled):hover td,table.data tbody tr:not(.disabled):hover th{background-color:var(--gray-050)}table.data tbody tr:not(.disabled):focus{position:relative;z-index:1}table.data tbody tr:not(.disabled).sel td,table.data tbody tr:not(.disabled).sel th{background-color:var(--light-sel-color)}table.data tbody td,table.data tbody th{background-clip:padding-box;padding-bottom:7px;padding-top:7px}table.data tbody td.timestamp{color:var(--light-text-color);vertical-align:bottom;white-space:nowrap}body.ltr table.data tbody td.timestamp{text-align:right}body.rtl table.data tbody td.timestamp{text-align:left}table.data thead+tbody tr td,table.data thead+tbody tr th,table.data tr+tr td,table.data tr+tr th{border-top:1px solid transparent}table.collapsed{width:auto}table.collapsed,table.collapsed tbody,table.collapsed tbody td,table.collapsed tbody th,table.collapsed tbody tr{border:none;display:block;padding:0;white-space:normal;width:auto!important}body.ltr table.collapsed,body.ltr table.collapsed tbody,body.ltr table.collapsed tbody td,body.ltr table.collapsed tbody th,body.ltr table.collapsed tbody tr{text-align:left}body.rtl table.collapsed,body.rtl table.collapsed tbody,body.rtl table.collapsed tbody td,body.rtl table.collapsed tbody th,body.rtl table.collapsed tbody tr{text-align:right}table.collapsed thead{display:none}table.collapsed tbody tr{border-bottom:1px dotted var(--hairline-color);padding:6px 0}table.collapsed tbody tr:after{clear:both;content:"";display:block;height:0;visibility:hidden}table.collapsed tbody td,table.collapsed tbody th{padding:2px 0!important}table.collapsed tbody td:empty{display:none}body.ltr table.collapsed tbody [data-title]{margin-right:0}body.rtl table.collapsed tbody [data-title]{margin-left:0}table.collapsed tbody [data-title]:before{content:attr(data-title) ":";font-weight:700;margin-right:5px}table.collapsed tbody [data-title] form{display:inline-block}.datatablesorthelper,.editabletablesorthelper,.thumbviewhelper{background-color:var(--white);box-shadow:0 1px 5px -1px rgba(31,41,51,.2)}.datatablesorthelper,.datatablesorthelper .element,.datatablesorthelper a{cursor:move!important}.datatablesorthelper tr:first-child td,.datatablesorthelper tr:first-child th{border-top:none!important}.datatablesorthelper tr:last-child td,.datatablesorthelper tr:last-child th{border-bottom:none!important}.element{border-radius:var(--small-border-radius);cursor:default;font-weight:400;position:relative;-webkit-user-select:none;user-select:none}.element:focus,li:focus .element{background-color:var(--gray-050)}.element.sel,li.sel .element{background-color:var(--light-sel-color)!important;cursor:default}.element.sel:focus,li.sel .element:focus{background-color:#bdcbdb!important}.element.sel.hasthumb .elementthumb img,li.sel .element.hasthumb .elementthumb img{box-shadow:0 0 0 1px rgba(81,95,108,.1),0 6px 4px -4px rgba(81,95,108,.2)}.element.hasthumb .elementthumb:not(:empty){-ms-flex-pack:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;position:absolute}.element.hasthumb .elementthumb:not(:empty) img{border-radius:var(--small-border-radius);display:block;-webkit-flex-shrink:0;flex-shrink:0;max-height:100%;max-width:100%;pointer-events:none}.element.hasthumb .elementthumb:not(:empty).rounded img{border-radius:50%}.element.hasthumb .elementthumb.open-preview{cursor:pointer}.element.error [data-icon=alert]{margin-left:var(--xs)}.element .label{display:inline-block}.element .label .draft-label{background:var(--gray-100);border-radius:var(--large-border-radius);color:var(--medium-text-color);display:inline-block;font-weight:400;padding:1px 5px;text-decoration:none!important}body.ltr .element .label .draft-label{margin:-1px 0 -1px 7px}body.rtl .element .label .draft-label{margin:-1px 7px -1px 0}.element.large:not(.hasthumb),.element.small{box-sizing:border-box;display:inline-block;padding:7px}body.ltr .element.large:not(.hasthumb).hasstatus,body.ltr .element.small.hasstatus{padding-left:22px}body.rtl .element.large:not(.hasthumb).hasstatus,body.rtl .element.small.hasstatus{padding-right:22px}.element.large:not(.hasthumb).hasstatus .status,.element.small.hasstatus .status{position:absolute;top:calc(50% - 5px)}body.ltr .element.large:not(.hasthumb).hasstatus .status,body.ltr .element.small.hasstatus .status{left:7px}body.rtl .element.large:not(.hasthumb).hasstatus .status,body.rtl .element.small.hasstatus .status{right:7px}.element.large:not(.hasthumb).hasstatus .icon:not(.delete),.element.small.hasstatus .icon:not(.delete){position:absolute;top:calc(50% - 11px)}body.ltr .element.large:not(.hasthumb).hasstatus .icon:not(.delete),body.ltr .element.small.hasstatus .icon:not(.delete){left:6px}body.rtl .element.large:not(.hasthumb).hasstatus .icon:not(.delete),body.rtl .element.small.hasstatus .icon:not(.delete){right:6px}body.ltr .element.large:not(.hasthumb).hasthumb,body.ltr .element.small.hasthumb{padding-left:39px}body.rtl .element.large:not(.hasthumb).hasthumb,body.rtl .element.small.hasthumb{padding-right:39px}.element.large:not(.hasthumb).hasthumb .elementthumb:not(:empty),.element.small.hasthumb .elementthumb:not(:empty){height:34px;top:calc(50% - 17px);width:34px}body.ltr .element.large:not(.hasthumb).hasthumb .elementthumb:not(:empty),body.ltr .element.small.hasthumb .elementthumb:not(:empty){left:0}body.rtl .element.large:not(.hasthumb).hasthumb .elementthumb:not(:empty),body.rtl .element.small.hasthumb .elementthumb:not(:empty){right:0}.element.large:not(.hasthumb).hasthumb .elementthumb:not(:empty).checkered img,.element.small.hasthumb .elementthumb:not(:empty).checkered img{background-image:-o-linear-gradient(45deg,var(--gray-100) 25%,transparent 25%),-o-linear-gradient(315deg,var(--gray-100) 25%,transparent 25%),-o-linear-gradient(45deg,transparent 75%,var(--gray-100) 75%),-o-linear-gradient(315deg,transparent 75%,var(--gray-100) 75%);background-image:linear-gradient(45deg,var(--gray-100) 25%,transparent 25%),linear-gradient(135deg,var(--gray-100) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--gray-100) 75%),linear-gradient(135deg,transparent 75%,var(--gray-100) 75%);background-position:0 0,4px 0,4px -4px,0 4px;-o-background-size:8px 8px;background-size:8px 8px}body.ltr .element.large:not(.hasthumb).hasthumb.hasstatus,body.ltr .element.small.hasthumb.hasstatus{padding-left:54px}body.rtl .element.large:not(.hasthumb).hasthumb.hasstatus,body.rtl .element.small.hasthumb.hasstatus{padding-right:54px}body.ltr .element.large:not(.hasthumb).hasthumb.hasstatus .status,body.ltr .element.small.hasthumb.hasstatus .status{left:39px}body.rtl .element.large:not(.hasthumb).hasthumb.hasstatus .status,body.rtl .element.small.hasthumb.hasstatus .status{right:39px}.element.large.hasthumb{box-sizing:border-box;display:block;padding:132px 7px 7px;width:134px}body.ltr .element.large.hasthumb.hasstatus{padding-left:22px}body.rtl .element.large.hasthumb.hasstatus{padding-right:22px}.element.large.hasthumb.hasstatus .status{position:absolute;top:138px}body.ltr .element.large.hasthumb.hasstatus .status{left:7px}body.rtl .element.large.hasthumb.hasstatus .status{right:7px}.element.large.hasthumb .elementthumb:not(:empty){height:120px;top:7px;width:120px}body.ltr .element.large.hasthumb .elementthumb:not(:empty){left:7px}body.rtl .element.large.hasthumb .elementthumb:not(:empty){right:7px}.element.large.hasthumb .elementthumb:not(:empty).checkered img{background-image:-o-linear-gradient(45deg,var(--gray-100) 25%,transparent 25%),-o-linear-gradient(315deg,var(--gray-100) 25%,transparent 25%),-o-linear-gradient(45deg,transparent 75%,var(--gray-100) 75%),-o-linear-gradient(315deg,transparent 75%,var(--gray-100) 75%);background-image:linear-gradient(45deg,var(--gray-100) 25%,transparent 25%),linear-gradient(135deg,var(--gray-100) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--gray-100) 75%),linear-gradient(135deg,transparent 75%,var(--gray-100) 75%);background-position:0 0,7.5px 0,7.5px -7.5px,0 7.5px;-o-background-size:15px 15px;background-size:15px 15px}.element.large.hasthumb .label{word-wrap:normal;display:block}body.ltr .element.removable .label{padding-right:20px}body.rtl .element.removable .label{padding-left:20px}.element.removable .delete:before{color:var(--ui-control-color)}.element.removable.large:not(.hasthumb) .delete,.element.removable.small .delete{position:absolute;top:calc(50% - 11px)}body.ltr .element.removable.large:not(.hasthumb) .delete,body.ltr .element.removable.small .delete{right:7px}body.rtl .element.removable.large:not(.hasthumb) .delete,body.rtl .element.removable.small .delete{left:7px}.element.removable.large.hasthumb .delete{position:absolute}body.ltr .element.removable.large.hasthumb .delete{right:7px}body.rtl .element.removable.large.hasthumb .delete{left:7px}.element:not(.removable) .delete{display:none}.elements{position:relative}.elements:not(.busy) .update-spinner{display:none}.elements.busy{min-height:200px}.elements.busy:after{background:hsla(0,0%,100%,.75);border-radius:var(--large-border-radius);content:"";display:block;font-size:0;height:100%;left:-24px;position:absolute;top:0;width:calc(100% + 48px)}.elements.busy .update-spinner{z-index:1}.elements .header{background-color:var(--gray-050);box-shadow:none;margin:-24px -24px 24px;padding:14px 24px}.elements .header:after{content:""}.elements .header .selectallcontainer{cursor:default}body.ltr .elements .header .selectallcontainer .checkbox{margin-right:5px}body.rtl .elements .header .selectallcontainer .checkbox{margin-left:5px}.elements .tableview .move,.elements .tableview .toggle{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;height:var(--touch-target-size);-webkit-justify-content:center;justify-content:center;position:absolute;top:50%;-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);width:var(--touch-target-size)}body.ltr .elements .tableview .move,body.ltr .elements .tableview .toggle{margin-left:calc(var(--touch-target-size)*-1)}body.rtl .elements .tableview .move,body.rtl .elements .tableview .toggle{margin-right:calc(var(--touch-target-size)*-1)}.elements .tableview .move{font-size:11px;text-decoration:none}.elements .tableview .toggle{border-radius:50%;padding:4px;text-align:center}body.ltr .elements .tableview .move+.toggle{margin-left:calc(var(--touch-target-size)*-2)}body.rtl .elements .tableview .move+.toggle{margin-right:calc(var(--touch-target-size)*-2)}.elements .thumbsview{display:grid;gap:5px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));width:calc(100% + 15px)}body.ltr .elements .thumbsview{margin:-7px -8px -8px -7px}body.rtl .elements .thumbsview{margin:-7px -7px -8px -8px}.elements .thumbsview li{position:relative}body.ltr .elements .thumbsview li{margin:0 1px 1px 0}body.rtl .elements .thumbsview li{margin:0 0 1px 1px}.elements .thumbsview li:hover .element{background-color:var(--gray-050)}.elements .thumbsview li .element.large.hasthumb{width:unset}.elements .thumbsview li .element.large.hasthumb .elementthumb:not(:empty){width:100%}body.ltr .elements .thumbsview li.has-checkbox .element.hasthumb:not(.hasstatus){padding-left:28px}body.rtl .elements .thumbsview li.has-checkbox .element.hasthumb:not(.hasstatus){padding-right:28px}body.ltr .elements .thumbsview li.has-checkbox .element.hasthumb.hasstatus{padding-left:43px}body.rtl .elements .thumbsview li.has-checkbox .element.hasthumb.hasstatus{padding-right:43px}body.ltr .elements .thumbsview li.has-checkbox .element.hasthumb.hasstatus .status{left:28px}body.rtl .elements .thumbsview li.has-checkbox .element.hasthumb.hasstatus .status{right:28px}.elements .thumbsview li.has-checkbox .checkbox{position:absolute;top:134px}body.ltr .elements .thumbsview li.has-checkbox .checkbox{left:7px}body.rtl .elements .thumbsview li.has-checkbox .checkbox{right:7px}.export-form{position:relative}.export-form .spinner{bottom:0;position:absolute}body.ltr .export-form .spinner{right:-24px}body.rtl .export-form .spinner{left:-24px}.thumbviewhelper{margin:-7px;padding:7px}.thumbviewhelper .thumbsview,.thumbviewhelper .thumbsview li{margin:0!important}.structure{position:relative;z-index:1}body.ltr .structure li{padding-left:8px}body.rtl .structure li{padding-right:8px}.structure li.collapsed>ul{display:none}.structure li .add.active,.structure li .row:hover>.icon,.structure li.draghelper>.row .move{opacity:1}.structure li.draghelper>.row .add{opacity:0}.structure li.draghelper>.row .move:before{color:var(--link-color)}.structure li.draginsertion{background-color:var(--link-color)!important;border-radius:1px;height:2px;position:relative}body.ltr .structure li.draginsertion{margin:-1px 0 -1px 8px}body.rtl .structure li.draginsertion{margin:-1px 8px -1px 0}body.ltr .structure li.draginsertion{padding-left:0}body.rtl .structure li.draginsertion{padding-right:0}body.ltr .structure li.draginsertion{border-left:none}body.rtl .structure li.draginsertion{border-right:none}.structure li .toggle{padding:4px;position:relative;z-index:1}body.ltr .structure li .toggle{float:left}body.rtl .structure li .toggle{float:right}body.ltr .structure li .toggle{margin:10px -8px 0 -12px}body.rtl .structure li .toggle{margin:10px -12px 0 -8px}.structure li .row:after{clear:both;content:"";display:block;height:0;visibility:hidden}.structure li .add,.structure li .move{opacity:0;-o-transition:opacity .1s linear;transition:opacity .1s linear}body.ltr .structure li .add,body.ltr .structure li .move{margin:5px 5px 0 0}body.rtl .structure li .add,body.rtl .structure li .move{margin:5px 0 0 5px}.structure li .add{padding:0 5px}.structure li .add:before{color:var(--dark-hairline-color);content:"downangle"}.structure li .add.active:before,.structure li .add:not(.disabled):hover:before{color:var(--link-color)}body.ltr .structure li .checkbox{float:left}body.rtl .structure li .checkbox{float:right}body.ltr .structure li .checkbox{margin:7px 0 0 7px}body.rtl .structure li .checkbox{margin:7px 7px 0 0}body.ltr .structure ul{margin-left:-3px}body.rtl .structure ul{margin-right:-3px}.structure ul li{background-repeat:no-repeat}body.ltr .structure ul li{padding-left:38px}body.rtl .structure ul li{padding-right:38px}body.ltr .structure ul li{background-image:url(../images/branch.png);background-position:0 0}body.rtl .structure ul li{background-image:url(../images/branch_rtl.png);background-position:100% 0}body.ltr .structure ul li:not(:last-child):not(.last){padding-left:37px}body.rtl .structure ul li:not(:last-child):not(.last){padding-right:37px}body.ltr .structure ul li:not(:last-child):not(.last){border-left:1px solid var(--hairline-color)}body.rtl .structure ul li:not(:last-child):not(.last){border-right:1px solid var(--hairline-color)}body.ltr .structure ul li:not(:last-child):not(.last){background-position:-1px 0}body.rtl .structure ul li:not(:last-child):not(.last){background-position:calc(100% + 1px) 0}body.ltr .structure ul li.draginsertion{margin-left:38px}body.rtl .structure ul li.draginsertion{margin-right:38px}.structure .row.draghover .element{border-radius:15px;box-shadow:inset 0 0 0 2px var(--link-color);z-index:2}.structure .row.droptarget{border-radius:5px;box-shadow:inset 0 0 0 2px var(--link-color)}.elementselect{margin-top:-7px;min-height:34px;position:relative}.elementselect .elements:after{clear:both;content:"";display:block;height:0;visibility:hidden}body.ltr .elementselect .element{float:left}body.rtl .elementselect .element{float:right}body.ltr .elementselect .element{margin:7px 7px 0 0}body.rtl .elementselect .element{margin:7px 0 0 7px}.elementselect .btn,.elementselect .element.small,.elementselect .flex{clear:both}.elementselect .element{z-index:1}.elementselect .element.small{max-width:100%}.elementselect .element.small .label{box-sizing:border-box;display:block;max-width:100%;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}body.ltr .elementselect .caboose{float:left}body.rtl .elementselect .caboose{float:right}.elementselect .flex{float:none!important;padding-top:7px}table.editable{border:1px solid var(--gray-200);border-radius:var(--large-border-radius)}table.editable td.action,table.editable th{background-color:var(--gray-050);color:var(--medium-text-color);font-weight:400}table.editable tbody tr th,table.editable thead tr th{padding:6px 10px}table.editable thead tr th{border-bottom:1px solid var(--hairline-color)}body.ltr table.editable thead tr th.has-info{padding-right:calc(15px + 1em)}body.rtl table.editable thead tr th.has-info{padding-left:calc(15px + 1em)}table.editable thead tr th span.info{margin-left:5px;position:absolute}table.editable tbody tr:not(:first-child) td,table.editable tbody tr:not(:first-child) th{border-top:1px solid var(--hairline-color)}body.ltr table.editable tbody tr:last-child td:first-child{border-bottom-left-radius:var(--large-border-radius)}body.rtl table.editable tbody tr:last-child td:first-child{border-bottom-right-radius:var(--large-border-radius)}body.ltr table.editable tbody tr:last-child td:first-child input.text,body.ltr table.editable tbody tr:last-child td:first-child textarea{border-bottom-left-radius:var(--large-border-radius)-1}body.rtl table.editable tbody tr:last-child td:first-child input.text,body.rtl table.editable tbody tr:last-child td:first-child textarea{border-bottom-right-radius:var(--large-border-radius)-1}body.ltr table.editable tbody tr td:not(:first-child),body.ltr table.editable tbody tr th~td:not(.hidden)~td{border-left:1px solid var(--hairline-color)}body.rtl table.editable tbody tr td:not(:first-child),body.rtl table.editable tbody tr th~td:not(.hidden)~td{border-right:1px solid var(--hairline-color)}body.ltr table.editable tbody tr th~td:not(:first-child){border-left:1px solid #dbdddf}body.rtl table.editable tbody tr th~td:not(:first-child){border-right:1px solid #dbdddf}table.editable tbody tr td{background-color:var(--white);padding:4px 10px;text-align:center;vertical-align:top}table.editable tbody tr td.focus{box-shadow:inset 0 0 0 1px var(--hairline-color);position:relative}table.editable tbody tr td.textual{padding:0}table.editable tbody tr td.textual textarea{resize:none}table.editable tbody tr td.textual pre{white-space:pre-wrap}body.ltr table.editable tbody tr td.textual pre{text-align:left}body.rtl table.editable tbody tr td.textual pre{text-align:right}table.editable tbody tr td.lightswitch-cell{padding-bottom:9px;padding-top:9px}table.editable tbody tr td.lightswitch-cell .lightswitch{display:block;margin:0 auto}table.editable tbody tr td.checkbox-cell{padding-bottom:10px;padding-top:10px}table.editable tbody tr td.checkbox-cell .checkbox-wrapper{display:block;height:16px;margin:-2px auto 0;width:16px}table.editable tbody tr td.error{box-shadow:inset 0 0 0 1px var(--error-color)}table.editable tbody tr td.disabled{opacity:1;position:relative}table.editable tbody tr td.disabled:after{background-color:rgba(243,247,252,.75);content:"";font-size:0;height:100%;left:0;position:absolute;top:0;-webkit-user-select:none;user-select:none;width:100%}table.editable tbody tr td.action{padding:4px 7px}body.ltr table.editable tbody tr td.action+td.action{border-left:none}body.rtl table.editable tbody tr td.action+td.action{border-right:none}body.ltr table.editable tbody tr td.action+td.action{padding-left:0}body.rtl table.editable tbody tr td.action+td.action{padding-right:0}table.editable tbody tr td .flex>*{margin-bottom:0}table.editable tbody input.text,table.editable tbody pre,table.editable tbody textarea,table.editable tbody textarea.text{background-color:transparent;border:none;border-radius:0;box-shadow:none;box-sizing:border-box;display:block;overflow:hidden;padding:7px 10px;-o-transition:none;transition:none;width:100%}table.editable tbody .color-container{display:block;position:relative}table.editable tbody .color-container .color-input,table.editable tbody .color-container>.color{margin-bottom:0}table.editable tbody .color-container>.color{position:absolute;top:10px;z-index:1}body.ltr table.editable tbody .color-container>.color{left:10px}body.rtl table.editable tbody .color-container>.color{right:10px}body.ltr table.editable tbody .color-container .color-hex-indicator{left:32px}body.rtl table.editable tbody .color-container .color-hex-indicator{right:32px}body.ltr table.editable tbody .color-container .color-input{padding-left:calc(32px + 1em)}body.rtl table.editable tbody .color-container .color-input{padding-right:calc(32px + 1em)}table.editable tbody .datewrapper,table.editable tbody .timewrapper{display:block;width:100%}table.editable tbody .datewrapper .text+div[data-icon],table.editable tbody .timewrapper .text+div[data-icon]{top:6px}body.ltr table.editable tbody .datewrapper .text+div[data-icon],body.ltr table.editable tbody .timewrapper .text+div[data-icon]{left:10px}body.rtl table.editable tbody .datewrapper .text+div[data-icon],body.rtl table.editable tbody .timewrapper .text+div[data-icon]{right:10px}table.editable:not(.static) td.textual{cursor:text}table.editable+.btn.add{display:block;width:100%}table.editable:not(.hidden)+.btn.add{border-radius:0 0 var(--medium-border-radius) var(--medium-border-radius);border-top-width:0}.border-box+.buttons,.shadow-box+.buttons{margin-top:7px}body.ltr .tree ul,body.ltr ul.tree{margin-left:20px}body.rtl .tree ul,body.rtl ul.tree{margin-right:20px}body.ltr .tree li .toggle{margin:7px 0 0 -15px}body.rtl .tree li .toggle{margin:7px -15px 0 0}.status{border:1px solid transparent;border-radius:100%;box-sizing:border-box;display:inline-block;height:10px;width:10px}body.ltr .status{margin-right:10px}body.rtl .status{margin-left:10px}body.use-shapes .status.pending{background-color:transparent;border-color:transparent transparent var(--pending-color) transparent;border-radius:1px;border-style:solid;border-width:0 5px 10px}body.use-shapes .status.expired,body.use-shapes .status.off,body.use-shapes .status.suspended{border-radius:1px}.status:not(.on):not(.live):not(.active):not(.enabled):not(.pending):not(.off):not(.suspended):not(.expired):not(.yellow):not(.orange):not(.red):not(.pink):not(.purple):not(.blue):not(.green):not(.turquoise):not(.light):not(.grey):not(.black){border-color:var(--ui-control-color)}.green,.status.active,.status.enabled,.status.live,.status.on{background-color:var(--enabled-color)}.orange,.status.pending{background-color:var(--pending-color)}.red,.status.expired,.status.off,.status.suspended{background-color:var(--disabled-color)}.yellow{background-color:var(--yellow-300)}.pink{background-color:var(--pink-400)}.purple{background-color:#9b59b6}.blue{background-color:var(--blue-600)}.turquoise{background-color:var(--teal-300)}.status.light{background-color:var(--gray-100)}.grey{background-color:var(--gray-300)}.black{background-color:var(--gray-800)}.status.disabled,.status.white{opacity:1}.condition-container{margin:24px 0}.condition-footer,.condition-rule{padding:7px}.condition-footer{border:1px dashed var(--medium-hairline-color);border-radius:var(--large-border-radius)}.condition:not(:empty)+.condition-footer{border-top-left-radius:0;border-top-right-radius:0;border-top-width:0}.condition-footer .spinner:not(.loading){display:none}.condition-rule{background-color:var(--gray-050);border:1px solid var(--hairline-color);margin:0}.condition-rule:first-child{border-top-left-radius:var(--large-border-radius);border-top-right-radius:var(--large-border-radius)}.condition-rule+.condition-rule{border-top-width:0}.condition-rule>.rule-actions,.condition-rule>.rule-move{margin-top:5px}.condition-rule>.rule-body .lightswitch{display:block;margin-top:6px}.condition-rule>.rule-body .selectize{min-width:100px}.condition-rule>.rule-body .text.fullwidth{max-width:100%;min-width:100px}.progressbar{border:2px solid var(--gray-700);border-radius:6px;left:20%;padding:2px;position:absolute;width:60%;z-index:1000}.progressbar-inner{background-color:var(--gray-700);border-radius:2px;height:4px}.progressbar:not(.pending) .progressbar-inner{-o-transition:width .1s linear;transition:width .1s linear;width:0}.progressbar.pending .progressbar-inner{-webkit-animation-duration:.25s;-o-animation-duration:.25s;animation-duration:.25s;-webkit-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-o-animation-timing-function:linear;animation-timing-function:linear}body.ltr .progressbar.pending .progressbar-inner{background:-o-repeating-linear-gradient(315deg,var(--white),var(--white) 8.8388347649px,var(--gray-700) 8.8388347649px,var(--gray-700) 17.6776695297px);background:repeating-linear-gradient(135deg,var(--white),var(--white) 8.8388347649px,var(--gray-700) 8.8388347649px,var(--gray-700) 17.6776695297px)}body.rtl .progressbar.pending .progressbar-inner{background:-o-repeating-linear-gradient(45deg,var(--white),var(--white) 8.8388347649px,var(--gray-700) 8.8388347649px,var(--gray-700) 17.6776695297px);background:repeating-linear-gradient(45deg,var(--white),var(--white) 8.8388347649px,var(--gray-700) 8.8388347649px,var(--gray-700) 17.6776695297px)}body.ltr .progressbar.pending .progressbar-inner{-webkit-animation-name:pendingprogress-ltr;-o-animation-name:pendingprogress-ltr;animation-name:pendingprogress-ltr}body.rtl .progressbar.pending .progressbar-inner{-webkit-animation-name:pendingprogress-rtl;-o-animation-name:pendingprogress-rtl;animation-name:pendingprogress-rtl}@-webkit-keyframes pendingprogress-ltr{0%{background-position:0}to{background-position:25px}}@-o-keyframes pendingprogress-ltr{0%{background-position:0}to{background-position:25px}}@keyframes pendingprogress-ltr{0%{background-position:0}to{background-position:25px}}@-webkit-keyframes pendingprogress-rtl{0%{background-position:0}to{background-position:-25px}}@-o-keyframes pendingprogress-rtl{0%{background-position:0}to{background-position:-25px}}@keyframes pendingprogress-rtl{0%{background-position:0}to{background-position:-25px}}.elementselect .progress-shade{background-color:hsla(0,0%,100%,.8);display:none;height:100%;position:absolute;top:0;width:100%}body.ltr .elementselect .progress-shade{left:0}body.rtl .elementselect .progress-shade{right:0}.elementselect.uploading{position:relative}.elementselect.uploading .progress-shade{display:block;z-index:2}.missing-component{background-color:var(--gray-050)!important;max-width:400px;padding:7px 10px!important}.missing-component .error{margin:0}.missing-component .install-plugin{border-top:1px solid var(--hairline-color);margin:7px 0 -7px;position:relative}body.ltr .missing-component .install-plugin{padding:10px 0 10px 40px}body.rtl .missing-component .install-plugin{padding:10px 40px 10px 0}.missing-component .install-plugin .icon{height:32px;position:absolute;top:calc(50% - 16px);width:32px}body.ltr .missing-component .install-plugin .icon{left:0}body.rtl .missing-component .install-plugin .icon{right:0}.missing-component .install-plugin .icon img,.missing-component .install-plugin .icon svg{height:100%;width:100%}.missing-component .install-plugin h3{-webkit-flex:1;flex:1;margin:8px 0!important}.missing-component .install-plugin .btn{margin:0}.pane{word-wrap:break-word;background:#fff;border-radius:var(--large-border-radius);box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);box-sizing:border-box;margin:14px 0;padding:24px;position:relative}.pane:focus{box-shadow:var(--focus-ring)}#content .pane,.pane .pane{background-color:var(--gray-050);border:1px solid var(--hairline-color);box-shadow:none}.pane.loading{min-height:200px}.pane.loading:after{content:"";display:block;font-size:0;height:100%;left:-24px;position:absolute;top:0;width:calc(100% + 48px)}.pane-header{background-color:var(--gray-050);border-radius:var(--large-border-radius) var(--large-border-radius) 0 0;box-shadow:inset 0 -1px 0 0 rgba(154,165,177,.25);box-sizing:border-box;margin:calc(var(--xl)*-1) var(--neg-padding) var(--xl);min-height:50px;padding:var(--s) var(--xl)}.pane-header .header-btn{height:30px;margin:2px 0;padding-left:0;padding-right:0;width:30px}.pane-header .header-btn:not(:hover):not(:active):not(.active){background-color:transparent}.pane-header .header-btn:not(:active):not(.active):hover{background-color:rgba(154,165,177,.15)}.pane-header .spinner{margin:0!important}.pane-tabs{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;margin:calc(var(--s)*-1) calc(var(--xl)*-1)}.pane-tabs:first-child{border-radius:var(--large-border-radius) var(--large-border-radius) 0 0;overflow:hidden}.pane-tabs [role=tablist]{display:-webkit-flex;display:flex;-webkit-flex:1;flex:1;-webkit-flex-direction:row;flex-direction:row;overflow-x:auto;scrollbar-width:none}.pane-tabs [role=tablist]::-webkit-scrollbar{display:none}body.ltr .pane-tabs [role=tablist].scrollable{-webkit-mask-image:linear-gradient(270deg,transparent,#000 24px);mask-image:linear-gradient(270deg,transparent,#000 24px)}body.rtl .pane-tabs [role=tablist].scrollable{-webkit-mask-image:linear-gradient(90deg,transparent,#000 24px);mask-image:linear-gradient(90deg,transparent,#000 24px)}.pane-tabs [role=tablist] [role=tab],.pane-tabs [role=tablist] [role=tab] .tab-label{border-radius:2px 2px 0 0}.pane-tabs [role=tablist] [role=tab] .tab-label{-webkit-align-items:center;align-items:center;color:var(--light-text-color);display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;height:50px;padding:0 24px;position:relative;white-space:nowrap}.pane-tabs [role=tablist] [role=tab]:hover{text-decoration:none}.pane-tabs [role=tablist] [role=tab].focus-visible{box-shadow:none}.pane-tabs [role=tablist] [role=tab].focus-visible .tab-label{box-shadow:var(--inner-focus-ring)}.pane-tabs [role=tablist] [role=tab]:not(.sel):hover{background-color:rgba(154,165,177,.15)}.pane-tabs [role=tablist] [role=tab].sel{background-color:var(--white);box-shadow:inset 0 2px 0 var(--gray-500),0 0 0 1px rgba(51,64,77,.1),0 2px 12px rgba(205,216,228,.5);color:var(--text-color);cursor:default;position:relative;z-index:1}body.ltr .pane-tabs [role=tablist] [role=tab] span[data-icon]{margin-left:4px}body.rtl .pane-tabs [role=tablist] [role=tab] span[data-icon]{margin-right:4px}body.ltr .pane-tabs:first-child [role=tablist] [role=tab]:first-child,body.ltr .pane-tabs:first-child [role=tablist] [role=tab]:first-child .tab-label{border-top-left-radius:var(--large-border-radius)}body.rtl .pane-tabs:first-child [role=tablist] [role=tab]:first-child,body.rtl .pane-tabs:first-child [role=tablist] [role=tab]:first-child .tab-label{border-top-right-radius:var(--large-border-radius)}.pane-tabs .menubtn{margin:0 var(--xl)}.details{--spacing:var(--l);padding:0 var(--padding) var(--spacing)}.details .field,.details .meta,.details hr{margin-left:var(--neg-padding);margin-right:var(--neg-padding)}.details .meta{margin-bottom:var(--spacing)}.details .meta:not(.read-only){background-color:var(--gray-050)!important}.details .meta.read-only{color:var(--medium-text-color)}.details .meta.read-only>.data{-webkit-align-items:baseline;align-items:baseline;min-height:auto}.details .meta.read-only>.data>.heading,.details .meta.read-only>.data>.value{padding:6px 0}.details .meta.read-only>.data:first-child>.heading,.details .meta.read-only>.data:first-child>.value{padding-top:0}.details .meta.read-only>.data:last-child>.heading,.details .meta.read-only>.data:last-child>.value{padding-bottom:0}.details .meta.warning{background-color:var(--yellow-050)!important;box-shadow:0 0 0 1px var(--yellow-300),0 2px 12px rgba(205,216,228,.5);color:var(--text-color)!important;padding-bottom:var(--m);padding-top:var(--m)}.details .meta.warning p{margin-bottom:5px}.details .meta.warning .btn{background-color:var(--yellow-300)}.details .meta.warning .btn:focus,.details .meta.warning .btn:hover{background-color:#f8d02e}.details .meta.warning .btn:active{background-color:#f8ca15}.details .meta>.data,.details .meta>.field{margin:0 var(--neg-padding)!important}.details .meta>.data>.heading,.details .meta>.data>.heading>label,.details .meta>.field>.heading,.details .meta>.field>.heading>label{color:var(--gray-600)}body.ltr .details .meta>.field>.status-badge{left:0}body.rtl .details .meta>.field>.status-badge{right:0}.details .meta .text::-webkit-input-placeholder{color:var(--gray-500)}.details .meta .datewrapper .text+div[data-icon],.details .meta .text::placeholder,.details .meta .timewrapper .text+div[data-icon]{color:var(--gray-500)}body.ltr .details .meta .ui-datepicker{margin:0 0 0 -8px}body.rtl .details .meta .ui-datepicker{margin:0 -8px 0 0}.details hr{border-top-color:var(--hairline-color);margin:var(--spacing) 0}.details ::-webkit-input-placeholder{color:var(--gray-500)}.details ::placeholder{color:var(--gray-500)}.details .text{background-color:transparent!important;resize:none}.details>.field>.heading>label,.details>fieldset>legend{color:var(--gray-600);font-weight:400;margin-top:0}.details>fieldset{margin:0 0 var(--spacing)}.details>fieldset>legend{margin-bottom:5px}.details>.field{margin:0 0 var(--spacing)}.details>.field>.heading{margin-top:0}.details>.field>.input>.text.fullwidth{background-color:var(--gray-050)!important;border:none;margin:0 var(--neg-padding);padding-left:var(--padding);padding-right:var(--padding);width:calc(100% + var(--padding) + var(--padding))}.details>.text{border-radius:var(--large-border-radius);margin-bottom:var(--spacing)}.details>.text:not(:focus){border-color:rgba(96,125,159,.4)}.meta{overflow:visible;padding:0 var(--padding)}.meta>.data,.meta>.field,.meta>.flex-fields>.data,.meta>.flex-fields>.field{-webkit-align-items:center;align-items:center;box-sizing:border-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between;margin:0 var(--neg-padding)!important;min-height:50px;padding:0 var(--padding);-o-transition:padding-left .1s linear,padding-right .1s linear;transition:padding-left .1s linear,padding-right .1s linear}body.ltr .meta>.data.nested,body.ltr .meta>.field.nested,body.ltr .meta>.flex-fields>.data.nested,body.ltr .meta>.flex-fields>.field.nested{padding-left:38px}body.rtl .meta>.data.nested,body.rtl .meta>.field.nested,body.rtl .meta>.flex-fields>.data.nested,body.rtl .meta>.flex-fields>.field.nested{padding-right:38px}.meta>.data.add,.meta>.field.add,.meta>.flex-fields>.data.add,.meta>.flex-fields>.field.add{background-color:#ebf2fa}.meta>.data.add:before,.meta>.field.add:before,.meta>.flex-fields>.data.add:before,.meta>.flex-fields>.field.add:before{speak:none;-webkit-font-feature-settings:"liga","dlig";-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:normal!important;color:var(--light-text-color);content:"plus";direction:ltr;display:inline-block;font-family:Craft;font-style:normal;font-variant:normal;font-weight:400;line-height:1;opacity:var(--icon-opacity);position:absolute;text-align:center;text-transform:none;-webkit-user-select:none;user-select:none;vertical-align:middle;width:31px}body.ltr .meta>.data.add:before,body.ltr .meta>.field.add:before,body.ltr .meta>.flex-fields>.data.add:before,body.ltr .meta>.flex-fields>.field.add:before{left:0}body.rtl .meta>.data.add:before,body.rtl .meta>.field.add:before,body.rtl .meta>.flex-fields>.data.add:before,body.rtl .meta>.flex-fields>.field.add:before{right:0}body.ltr .meta>.data.add:before,body.ltr .meta>.field.add:before,body.ltr .meta>.flex-fields>.data.add:before,body.ltr .meta>.flex-fields>.field.add:before{text-align:right}body.rtl .meta>.data.add:before,body.rtl .meta>.field.add:before,body.rtl .meta>.flex-fields>.data.add:before,body.rtl .meta>.flex-fields>.field.add:before{text-align:left}.meta>.data.add .input,.meta>.field.add .input,.meta>.flex-fields>.data.add .input,.meta>.flex-fields>.field.add .input{width:100%}.meta>.data>.heading,.meta>.field>.heading,.meta>.flex-fields>.data>.heading,.meta>.flex-fields>.field>.heading{-webkit-flex:0 0 104px;flex:0 0 104px;line-height:18px}body.ltr .meta>.data>.heading,body.ltr .meta>.field>.heading,body.ltr .meta>.flex-fields>.data>.heading,body.ltr .meta>.flex-fields>.field>.heading{margin:0 var(--s) 0 0}body.rtl .meta>.data>.heading,body.rtl .meta>.field>.heading,body.rtl .meta>.flex-fields>.data>.heading,body.rtl .meta>.flex-fields>.field>.heading{margin:0 0 0 var(--s)}.meta>.data.lightswitch-field>.heading,.meta>.field.lightswitch-field>.heading,.meta>.flex-fields>.data.lightswitch-field>.heading,.meta>.flex-fields>.field.lightswitch-field>.heading{-webkit-flex:1;flex:1}.meta>.data>.input .flex,.meta>.field>.input .flex,.meta>.flex-fields>.data>.input .flex,.meta>.flex-fields>.field>.input .flex{-webkit-flex-wrap:nowrap;flex-wrap:nowrap}.meta>.data>.input .flex>*,.meta>.field>.input .flex>*,.meta>.flex-fields>.data>.input .flex>*,.meta>.flex-fields>.field>.input .flex>*{margin-bottom:0}.meta>.field>.heading,.meta>.flex-fields>.field>.heading{padding:14px 0}.meta>.field>.heading>.copytextbtn,.meta>.flex-fields>.field>.heading>.copytextbtn{display:none}.meta>.data>.heading,.meta>.flex-fields>.data>.heading{padding:var(--s) 0}.meta>.data>.heading,.meta>.field>.heading>label,.meta>.flex-fields>.data>.heading,.meta>.flex-fields>.field>.heading>label{color:var(--medium-text-color)}.meta>.data>.value,.meta>.field>.input,.meta>.flex-fields>.data>.value,.meta>.flex-fields>.field>.input{padding:var(--s) 0;width:calc(100% - 112px)}.meta>.data>.value,.meta>.flex-fields>.data>.value{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex}.meta>.data>.value>[data-icon=draft],.meta>.flex-fields>.data>.value>[data-icon=draft]{margin-top:-2px}body.ltr .meta>.data>.value>[data-icon=draft],body.ltr .meta>.flex-fields>.data>.value>[data-icon=draft]{margin-right:8px}body.rtl .meta>.data>.value>[data-icon=draft],body.rtl .meta>.flex-fields>.data>.value>[data-icon=draft]{margin-left:8px}.meta>.field.lightswitch-field>.input,.meta>.flex-fields>.field.lightswitch-field>.input{-webkit-flex:0;flex:0;width:auto}.meta>.field.has-errors,.meta>.flex-fields>.field.has-errors{border:1px solid var(--error-color)!important}.meta>.field.has-errors:first-child,.meta>.flex-fields>.field.has-errors:first-child{border-top-left-radius:var(--large-border-radius);border-top-right-radius:var(--large-border-radius)}.meta>.field.has-errors:last-child,.meta>.flex-fields>.field.has-errors:last-child{border-bottom-left-radius:var(--large-border-radius);border-bottom-right-radius:var(--large-border-radius)}.meta>.field.has-errors+.field,.meta>.flex-fields>.field.has-errors+.field{border-top:none!important}.meta>.field>.heading>label,.meta>.field>.heading>legend,.meta>.flex-fields>.field>.heading>label,.meta>.flex-fields>.field>.heading>legend{font-weight:400}.meta>.field>.input>.datetimewrapper>.datewrapper>.text,.meta>.field>.input>.datetimewrapper>.timewrapper>.text,.meta>.field>.input>.datewrapper>.text,.meta>.field>.input>.flex>.text,.meta>.field>.input>.flex>.textwrapper>.text,.meta>.field>.input>.text,.meta>.field>.input>.timewrapper>.text,.meta>.flex-fields>.field>.input>.datetimewrapper>.datewrapper>.text,.meta>.flex-fields>.field>.input>.datetimewrapper>.timewrapper>.text,.meta>.flex-fields>.field>.input>.datewrapper>.text,.meta>.flex-fields>.field>.input>.flex>.text,.meta>.flex-fields>.field>.input>.flex>.textwrapper>.text,.meta>.flex-fields>.field>.input>.text,.meta>.flex-fields>.field>.input>.timewrapper>.text{background-color:transparent;border:none!important;border-radius:0;display:block;margin:calc(var(--s)*-1) 0;padding:14px 0}.meta>.field>.input>.datetimewrapper>.datewrapper,.meta>.field>.input>.datetimewrapper>.timewrapper,.meta>.field>.input>.datewrapper,.meta>.field>.input>.timewrapper,.meta>.flex-fields>.field>.input>.datetimewrapper>.datewrapper,.meta>.flex-fields>.field>.input>.datetimewrapper>.timewrapper,.meta>.flex-fields>.field>.input>.datewrapper,.meta>.flex-fields>.field>.input>.timewrapper{background-color:transparent}body.ltr .meta>.field>.input>.datetimewrapper>.datewrapper .text+div[data-icon],body.ltr .meta>.field>.input>.datetimewrapper>.timewrapper .text+div[data-icon],body.ltr .meta>.field>.input>.datewrapper .text+div[data-icon],body.ltr .meta>.field>.input>.timewrapper .text+div[data-icon],body.ltr .meta>.flex-fields>.field>.input>.datetimewrapper>.datewrapper .text+div[data-icon],body.ltr .meta>.flex-fields>.field>.input>.datetimewrapper>.timewrapper .text+div[data-icon],body.ltr .meta>.flex-fields>.field>.input>.datewrapper .text+div[data-icon],body.ltr .meta>.flex-fields>.field>.input>.timewrapper .text+div[data-icon]{left:0}body.rtl .meta>.field>.input>.datetimewrapper>.datewrapper .text+div[data-icon],body.rtl .meta>.field>.input>.datetimewrapper>.timewrapper .text+div[data-icon],body.rtl .meta>.field>.input>.datewrapper .text+div[data-icon],body.rtl .meta>.field>.input>.timewrapper .text+div[data-icon],body.rtl .meta>.flex-fields>.field>.input>.datetimewrapper>.datewrapper .text+div[data-icon],body.rtl .meta>.flex-fields>.field>.input>.datetimewrapper>.timewrapper .text+div[data-icon],body.rtl .meta>.flex-fields>.field>.input>.datewrapper .text+div[data-icon],body.rtl .meta>.flex-fields>.field>.input>.timewrapper .text+div[data-icon]{right:0}.meta>.field>.input>.datetimewrapper>.datewrapper,.meta>.flex-fields>.field>.input>.datetimewrapper>.datewrapper{width:55%}.meta>.field>.input>.datetimewrapper>.timewrapper,.meta>.flex-fields>.field>.input>.datetimewrapper>.timewrapper{width:45%}body.ltr .meta>.field>.input>.datetimewrapper>.clear-btn,body.ltr .meta>.flex-fields>.field>.input>.datetimewrapper>.clear-btn{margin-right:-24px}body.rtl .meta>.field>.input>.datetimewrapper>.clear-btn,body.rtl .meta>.flex-fields>.field>.input>.datetimewrapper>.clear-btn{margin-left:-24px}.meta>.field>.input>.datewrapper,.meta>.field>.input>.timewrapper,.meta>.flex-fields>.field>.input>.datewrapper,.meta>.flex-fields>.field>.input>.timewrapper{display:block;width:100%}.meta>.field>ul.errors,.meta>.flex-fields>.field>ul.errors{list-style-type:none;margin:0;padding:0 0 6px;width:100%}body.ltr .meta>.field>.clear-btn,body.ltr .meta>.flex-fields>.field>.clear-btn{margin-right:var(--neg-padding)}body.rtl .meta>.field>.clear-btn,body.rtl .meta>.flex-fields>.field>.clear-btn{margin-left:var(--neg-padding)}.meta>.field:not(:first-child),.meta>.flex-fields+.field{border-top:1px solid var(--hairline-color)}.meta>.flex-fields blockquote.note,.meta>.flex-fields h2{background-color:#ebf2fa;margin:0 -24px!important;padding:14px 24px}.meta>.flex-fields blockquote.note{border:none;border-radius:0}.meta>.flex-fields hr{margin:0 -24px}.meta>.field>.input>.select{background-color:transparent;border-radius:0;box-shadow:none;display:block;margin:calc(var(--s)*-1) 0;width:100%}body.ltr .meta>.field>.input>.select:after{right:0}body.rtl .meta>.field>.input>.select:after{left:0}.meta>.field>.input>.select+.spinner{position:absolute;top:calc(50% - 17px)}body.ltr .meta>.field>.input>.select+.spinner{right:-24px}body.rtl .meta>.field>.input>.select+.spinner{left:-24px}.meta>.field>.input>.select select{background-color:transparent;width:100%}body.ltr .meta>.field>.input>.select select{padding:var(--s) 12px var(--s) 0}body.rtl .meta>.field>.input>.select select{padding:var(--s) 0 var(--s) 12px}.body{position:relative}.hud,.modal,.slideout,.slideout-container{box-sizing:border-box;z-index:100}.hud .body,.modal{background-color:#fff;border-radius:5px;box-shadow:0 25px 100px rgba(31,41,51,.5)}.slideout-shade{opacity:0;-o-transition:opacity .25s linear;transition:opacity .25s linear}.slideout-shade.so-visible{opacity:1}.slideout-container{height:100vh;height:-webkit-fill-available;left:0;pointer-events:none;position:fixed;top:0;width:100vw}.slideout{background-color:var(--white);box-shadow:0 0 0 1px rgba(123,135,147,.25),0 25px 100px rgba(31,41,51,.5);display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;overflow:hidden;padding:24px var(--padding);pointer-events:all;position:absolute}.slideout.so-mobile{--padding:14px;--neg-padding:-14px;height:100%;left:0;-o-transition:top .25s linear;transition:top .25s linear;width:100%;will-change:top}.slideout:not(.so-mobile){border-radius:var(--large-border-radius);height:calc(100% - 16px);top:8px;width:calc(50% - 8px)}@media screen and (prefers-reduced-motion:no-preference){body.ltr .slideout:not(.so-mobile){-o-transition:left .25s linear;transition:left .25s linear;will-change:left}body.rtl .slideout:not(.so-mobile){-o-transition:right .25s linear;transition:right .25s linear;will-change:right}}.slideout>.pane-header{z-index:2}.slideout>.pane-header>.so-toolbar{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;gap:var(--s);min-height:34px}.slideout>.pane-header>.so-toolbar>.pane-tabs{-webkit-flex:1;flex:1;width:1px}body.ltr .slideout>.pane-header>.so-toolbar>.pane-tabs{margin-right:0}body.rtl .slideout>.pane-header>.so-toolbar>.pane-tabs{margin-left:0}.slideout.so-mobile>.pane-header{padding-left:10px;padding-right:10px}.slideout>.so-body{-webkit-flex:1;flex:1;margin:-24px var(--neg-padding) 0;overflow:hidden auto;padding:24px var(--padding);position:relative}.slideout>.so-body>.so-sidebar{background:#fff;background-color:var(--gray-100);box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);box-sizing:border-box;height:100%;max-width:100%;overflow:hidden auto;padding:0 var(--padding) var(--spacing);position:absolute;top:0;width:350px;z-index:1}.slideout>.so-body>.so-sidebar:focus{box-shadow:var(--focus-ring)}body.ltr .slideout>.so-body>.so-sidebar{-o-transition:right .25s linear;transition:right .25s linear}body.rtl .slideout>.so-body>.so-sidebar{-o-transition:left .25s linear;transition:left .25s linear}.slideout>.so-body>.so-sidebar>.preview-thumb-container{height:auto;margin:0 var(--neg-padding);min-height:54px}.slideout>.so-body>.so-sidebar>.preview-thumb-container+.pane-header{border-radius:0}.slideout>.so-body>.so-sidebar .image-actions.is-mobile{margin:calc(var(--spacing)/2) 0 var(--spacing)}.slideout>.so-body>.so-sidebar>.meta.read-only:first-child{margin-top:var(--padding)}.slideout>.so-body>.so-sidebar>.meta.warning{border-bottom:1px solid var(--yellow-300);box-shadow:none}.slideout>.so-body>.so-sidebar>.field>.input>.text.fullwidth{border-radius:0}.slideout>.so-footer{background:#fff;background-color:var(--gray-050);box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;gap:8px;-webkit-justify-content:space-between;justify-content:space-between;margin:0 var(--neg-padding) -24px;padding:8px var(--padding);position:relative;z-index:3}.slideout>.so-footer:focus{box-shadow:var(--focus-ring)}.slideout>.so-footer>.so-extra{border-bottom:1px solid var(--hairline-color);-webkit-flex:0 0 100%;flex:0 0 100%;margin:0 var(--neg-padding);padding:0 var(--padding) 8px}@media(min-width:1536px){.slideout.has-sidebar .pane-header:not(.so-visible){display:none}.slideout.has-sidebar .sidebar-btn{display:none}.slideout.has-sidebar .so-body{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;overflow:hidden;padding:0}.slideout.has-sidebar .so-body>.so-content{box-sizing:border-box;height:100%;overflow:hidden auto;padding:24px;position:relative;width:calc(100% - 350px);z-index:2}body.ltr .slideout.has-sidebar .so-body>.so-content{border-right:1px solid var(--gray-200)}body.rtl .slideout.has-sidebar .so-body>.so-content{border-left:1px solid var(--gray-200)}.slideout.has-sidebar .so-body>.so-sidebar{box-shadow:none;display:block!important;height:100%;left:auto!important;position:relative;right:auto!important;top:auto}.slideout>.so-footer>.so-extra{border:none;-webkit-flex:auto 0 1;flex:auto 0 1;margin:0;padding:0}}.body:after,.footer:after,.header:after,.hud-footer:after,.hud-header:after{clear:both;content:"";display:block;height:0;visibility:hidden}.footer,.header,.hud-footer,.hud-header{background-color:var(--gray-100);box-sizing:border-box;position:relative;z-index:1}.header,.hud-header{border-radius:var(--large-border-radius) var(--large-border-radius) 0 0;box-shadow:inset 0 -1px 0 var(--hairline-color);padding:24px}.header h1,.hud-header h1{margin:0}.footer,.hud-footer{border-radius:0 0 var(--large-border-radius) var(--large-border-radius);box-shadow:inset 0 1px 0 var(--hairline-color);padding:var(--s) var(--xl)}.footer.flex>*,.hud-footer.flex>*{margin-bottom:0}.hud .main,.modal .body{box-sizing:border-box;overflow:hidden;padding:24px}.modal .body .header,.pane .header{margin:-24px -24px 24px}.modal .body .footer,.pane .footer{margin:24px -24px -24px}.hud-shade,.modal-shade,.slideout-shade{display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:100}.modal-shade:not(.dark),.slideout-shade:not(.dark){background-color:rgba(123,135,147,.35)!important}.modal-shade.dark,.slideout-shade.dark{background-color:rgba(31,41,51,.5)!important}.modal{overflow:hidden;position:fixed}.modal:not(.fitted):not(.fullscreen){height:66%;min-height:400px;min-width:600px;width:66%}.modal.fitted{height:auto;min-height:0;min-width:0;width:auto}.modal.fullscreen{border-radius:0;height:100%;width:100%}body.ltr .modal.alert .body{padding-left:76px}body.rtl .modal.alert .body{padding-right:76px}.modal.alert .body:before{speak:none;-webkit-font-feature-settings:"liga","dlig";-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:normal!important;color:var(--light-text-color);content:"alert";direction:ltr;display:inline-block;font-family:Craft;font-size:40px;font-style:normal;font-variant:normal;font-weight:400;line-height:1;opacity:var(--icon-opacity);text-align:center;text-transform:none;-webkit-user-select:none;user-select:none;vertical-align:middle}body.ltr .modal.alert .body:before{margin:-6px 0 0 -58px}body.rtl .modal.alert .body:before{margin:-6px -58px 0 0}body.ltr .modal.alert .body:before{float:left}body.rtl .modal.alert .body:before{float:right}body.ltr .modal.secure .body{padding-left:76px}body.rtl .modal.secure .body{padding-right:76px}.modal.secure .body:before{speak:none;-webkit-font-feature-settings:"liga","dlig";-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:normal!important;color:var(--light-text-color);content:"secure";direction:ltr;display:inline-block;font-family:Craft;font-size:58px;font-style:normal;font-variant:normal;font-weight:400;line-height:1;opacity:var(--icon-opacity);text-align:center;text-transform:none;-webkit-user-select:none;user-select:none;vertical-align:middle}body.ltr .modal.secure .body:before{margin:-14px 0 0 -56px}body.rtl .modal.secure .body:before{margin:-14px -56px 0 0}body.ltr .modal.secure .body:before{float:left}body.rtl .modal.secure .body:before{float:right}.modal .resizehandle{bottom:0;cursor:nwse-resize;height:24px;padding:var(--xs);position:absolute;width:24px;z-index:1}body.ltr .modal .resizehandle{right:0}body.rtl .modal .resizehandle{left:0}.modal .resizehandle path{fill:var(--ui-control-color)}.hud,body.ltr .modal .resizehandle .rtl,body.rtl .modal .resizehandle .ltr{display:none}.hud{position:absolute;top:0}.hud.has-footer .tip-bottom{background-image:url(../images/hudtip_bottom_gray.png)}.hud .tip{background:no-repeat 0 0;position:absolute;z-index:101}.hud .tip-left{background-image:url(../images/hudtip_left.png);height:30px;left:-15px;width:15px}.hud .tip-top{background-image:url(../images/hudtip_top.png);height:15px;top:-15px;width:30px}.hud .tip-right{background-image:url(../images/hudtip_right.png);height:30px;right:-15px;width:15px}.hud .tip-bottom{background-image:url(../images/hudtip_bottom.png);bottom:-15px;height:15px;width:30px}.hud .hud-footer,.hud .hud-header{padding:var(--s) var(--xl)}.hud .body{overflow:hidden}.hud .body ::-webkit-scrollbar{-webkit-appearance:none;appearance:none}.hud .body ::-webkit-scrollbar:vertical{width:11px}.hud .body ::-webkit-scrollbar:horizontal{height:11px}.hud .body ::-webkit-scrollbar-thumb{background-clip:content-box;background-color:rgba(0,0,0,.5);border:2px solid transparent;border-radius:8px}.hud .body ::-webkit-scrollbar-track{background-color:var(--gray-050)}.preview-thumb-container{-webkit-align-items:center;align-items:center;background-color:var(--gray-900);display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;height:190px;margin:0 var(--neg-padding) var(--spacing);position:relative}.preview-thumb-container.checkered img{background-color:var(--white);background-image:-o-linear-gradient(45deg,var(--gray-100) 25%,transparent 25%),-o-linear-gradient(315deg,var(--gray-100) 25%,transparent 25%),-o-linear-gradient(45deg,transparent 75%,var(--gray-100) 75%),-o-linear-gradient(315deg,transparent 75%,var(--gray-100) 75%);background-image:linear-gradient(45deg,var(--gray-100) 25%,transparent 25%),linear-gradient(135deg,var(--gray-100) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--gray-100) 75%),linear-gradient(135deg,transparent 75%,var(--gray-100) 75%);background-position:0 0,8.5px 0,8.5px -8.5px,0 8.5px;-o-background-size:17px 17px;background-size:17px 17px}.preview-thumb-container.editable{cursor:pointer}.preview-thumb-container.loading:after{background-color:rgba(31,41,51,.8);content:"";display:block;font-size:0;height:100%;left:0;position:absolute;top:0;width:100%}.preview-thumb-container.loading .spinner{color:var(--white);z-index:1}#details .preview-thumb-container{border-radius:var(--large-border-radius);overflow:hidden}.preview-thumb-container .preview-thumb{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;height:100%;width:100%}.preview-thumb-container .preview-thumb img{display:block;max-height:190px;max-width:100%}.image-actions.is-mobile{display:grid;grid-template-columns:1fr 1fr;margin:calc(var(--spacing)/2*-1) var(--neg-padding) var(--spacing)}.button-fade .buttons{margin:0;opacity:0;position:absolute;top:10px;-o-transition:opacity .1s linear;transition:opacity .1s linear}body.ltr .button-fade .buttons{right:10px}body.rtl .button-fade .buttons{left:10px}.button-fade .buttons .btn{--ui-control-color:var(--white);--ui-control-hover-color:var(--white);--ui-control-active-color:var(--white);--interaction-background-color:var(--gray-700);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;--light-color:var(--white);--dark-color:var(--gray-800);--focus-ring:0 0 0 3px var(--light-color),0 0 0 6px var(--dark-color);background-color:var(--gray-600);color:var(--white);font-weight:500}.button-fade .buttons .btn:hover{background-color:var(--interaction-background-color)!important}.button-fade .buttons .btn:not(.disabled):not(.loading):not(.dashed).focus,.button-fade .buttons .btn:not(.disabled):not(.loading):not(.dashed):focus,.button-fade .buttons .btn:not(.disabled):not(.loading):not(.dashed):hover{background-color:var(--interaction-background-color)}.button-fade:focus-within .buttons,.button-fade:hover .buttons{opacity:1}.elementselectormodal{--content-padding:24px;padding-bottom:50px;-webkit-user-select:none;user-select:none}.elementselectormodal .main-header{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;margin-bottom:var(--s)}.elementselectormodal .main-heading{margin-bottom:0}.elementselectormodal .nav-toggle{color:var(--ui-control-color);height:var(--touch-target-size);width:var(--touch-target-size)}body.ltr .elementselectormodal .nav-toggle{margin-left:4px}body.rtl .elementselectormodal .nav-toggle{margin-right:4px}.elementselectormodal .nav-toggle:hover{color:var(--gray-500)}.elementselectormodal .sidebar-header{display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;margin-bottom:var(--s);padding:0 var(--s)}.elementselectormodal .nav-close{height:var(--touch-target-size);width:var(--touch-target-size)}.elementselectormodal .body{height:100%;position:relative}.elementselectormodal .body .spinner.big{left:50%;margin:-24px 0 0 -24px;position:absolute;top:50%}.elementselectormodal .body .content{height:calc(100% + 48px)}.elementselectormodal .body .content .sidebar{height:100%;overflow:auto;padding:var(--content-padding) 0;position:absolute;top:0}body.ltr .elementselectormodal .body .content .sidebar{margin-left:-249px}body.rtl .elementselectormodal .body .content .sidebar{margin-right:-249px}.elementselectormodal .body .content .main{box-sizing:border-box;height:100%;margin:-24px;overflow:auto;padding:var(--content-padding);position:relative}.elementselectormodal .body .content .main .elements.busy{min-height:calc(100% - 48px)}.elementselectormodal .body .content .main .elements .tableview table .element{display:inline-block}.elementselectormodal .body .content .main .elements .tableview table tr.disabled{color:var(--gray-200);opacity:1}.elementselectormodal .body .content .main .elements .tableview table tr.disabled .element{opacity:.25}.elementselectormodal .body .content .main .elements .tableview table tr td,.elementselectormodal .body .content .main .elements .tableview table tr th{cursor:default}body.ltr .elementselectormodal .body .content .main .elements .tableview table tr td:first-child{padding-left:7px}body.rtl .elementselectormodal .body .content .main .elements .tableview table tr td:first-child{padding-right:7px}.elementselectormodal .body .content .main .elements .structure .row{margin-top:1px}.elementselectormodal .footer{bottom:0;box-sizing:border-box;left:0;margin:0;position:absolute;width:100%}body.ltr .elementselectormodal .footer .spinner{float:right}body.rtl .elementselectormodal .footer .spinner{float:left}body.ltr .elementselectormodal .footer .spinner{margin-right:-24px}body.rtl .elementselectormodal .footer .spinner{margin-left:-24px}.element-hud-form .buttons{position:relative}.element-hud-form .buttons .spinner{position:absolute;top:0}body.ltr .element-hud-form .buttons .spinner{right:-24px}body.rtl .element-hud-form .buttons .spinner{left:-24px}.element-filter-hud.loading .body{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;padding:50px}.element-filter-hud .body,.element-filter-hud .main{overflow:visible}.address-cards{display:grid;gap:var(--m) var(--m);grid-auto-rows:minmax(0,1fr);grid-template-columns:repeat(1,minmax(0,1fr))}.address-cards__add-btn{height:auto;min-height:8rem;padding:1rem;width:100%}.address-card.error{border:1px solid #cf1124}.address-card.error:hover{border-color:#cf1124}@media(min-width:1024px){.address-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1280px){.address-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1536px){.address-cards{grid-template-columns:repeat(4,minmax(0,1fr))}}.address-card{border:1px solid #eee;border-radius:.375rem;min-height:4rem;padding:1rem}.address-card:hover{background-color:#fafafa;border-color:#ddd;cursor:pointer}.address-card .address-card-header{display:-webkit-flex;display:flex;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-justify-content:space-between;justify-content:space-between}.address-card .address-card-header-actions{display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end}.address-card .address-card-label{background:#e6f1fe;border-radius:.25rem;color:#2563eb;font-size:.75rem;font-weight:500;margin-bottom:.75rem;padding:.125rem .5rem;text-transform:uppercase}.ltr .address-card .address-card-label{margin-right:.5rem}.rtl .address-card .address-card-label{margin-left:.5rem}.loginmodalshade,.logoutwarningmodalshade{z-index:101}#elevatedsessionmodal,#loginmodal,#logoutwarningmodal,.prompt{width:500px}#loginmodal,#logoutwarningmodal{z-index:101}.prompt{height:auto;min-height:auto}.deleteusermodal .content-summary{background-color:var(--gray-050);margin:-24px -24px 24px;padding:24px}.deleteusermodal .options label{display:inline-block;line-height:30px}.deleteusermodal .elementselect{display:inline-block;vertical-align:middle}body.ltr .deleteusermodal .elementselect{margin-left:10px}body.rtl .deleteusermodal .elementselect{margin-right:10px}body.ltr .deleteusermodal .buttons .spinner{margin-right:-20px}body.rtl .deleteusermodal .buttons .spinner{margin-left:-20px}.dropdownsettingsmodal{height:auto;max-width:400px;min-height:0;min-width:0;width:auto}.dropdownsettingsmodal .body{max-height:100%;overflow-y:auto}.previewmodal.zilch{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;padding:100px 0}.menu,.ui-datepicker,.ui-timepicker-list{background:#fff;border-radius:4px;box-shadow:0 0 0 1px rgba(31,41,51,.1),0 5px 20px rgba(31,41,51,.25);overflow:auto;padding:0 14px;-webkit-user-select:none;user-select:none;z-index:100}.ui-datepicker,.ui-timepicker-list{padding:0}.menu{display:none;position:absolute}.menu h6:first-child{margin-top:14px!important}body.ltr .menu ul.padded li .menu-option,body.ltr .menu ul.padded li a{padding-left:24px}body.rtl .menu ul.padded li .menu-option,body.rtl .menu ul.padded li a{padding-right:24px}.menu ul.padded li .menu-option.icon:before,.menu ul.padded li .menu-option.sel:before,.menu ul.padded li .menu-option[data-icon]:before,.menu ul.padded li a.icon:before,.menu ul.padded li a.sel:before,.menu ul.padded li a[data-icon]:before{color:var(--ui-control-color);font-size:14px}body.ltr .menu ul.padded li .menu-option.icon:before,body.ltr .menu ul.padded li .menu-option.sel:before,body.ltr .menu ul.padded li .menu-option[data-icon]:before,body.ltr .menu ul.padded li a.icon:before,body.ltr .menu ul.padded li a.sel:before,body.ltr .menu ul.padded li a[data-icon]:before{float:left}body.rtl .menu ul.padded li .menu-option.icon:before,body.rtl .menu ul.padded li .menu-option.sel:before,body.rtl .menu ul.padded li .menu-option[data-icon]:before,body.rtl .menu ul.padded li a.icon:before,body.rtl .menu ul.padded li a.sel:before,body.rtl .menu ul.padded li a[data-icon]:before{float:right}body.ltr .menu ul.padded li .menu-option.icon:before,body.ltr .menu ul.padded li .menu-option.sel:before,body.ltr .menu ul.padded li .menu-option[data-icon]:before,body.ltr .menu ul.padded li a.icon:before,body.ltr .menu ul.padded li a.sel:before,body.ltr .menu ul.padded li a[data-icon]:before{margin:3px 0 0 -17px}body.rtl .menu ul.padded li .menu-option.icon:before,body.rtl .menu ul.padded li .menu-option.sel:before,body.rtl .menu ul.padded li .menu-option[data-icon]:before,body.rtl .menu ul.padded li a.icon:before,body.rtl .menu ul.padded li a.sel:before,body.rtl .menu ul.padded li a[data-icon]:before{margin:3px -17px 0 0}.menu ul.padded li .menu-option.icon.error:before,.menu ul.padded li .menu-option.sel.error:before,.menu ul.padded li .menu-option[data-icon].error:before,.menu ul.padded li a.icon.error:before,.menu ul.padded li a.sel.error:before,.menu ul.padded li a[data-icon].error:before{color:var(--error-color)}.menu ul.padded li .menu-option.sel:not([data-icon]):before,.menu ul.padded li a.sel:not([data-icon]):before{content:"check"}.menu ul li .menu-option,.menu ul li a{-webkit-appearance:none;color:#3f4d5a;cursor:default;font-size:14px;margin:0 -14px;padding:10px 14px;text-decoration:none;white-space:nowrap}.menu ul li .menu-option:not(.flex),.menu ul li a:not(.flex){box-sizing:border-box;display:block!important;width:calc(100% + 28px)}body.ltr .menu ul li .menu-option:not(.flex),body.ltr .menu ul li a:not(.flex){text-align:left}body.rtl .menu ul li .menu-option:not(.flex),body.rtl .menu ul li a:not(.flex){text-align:right}.menu ul li .menu-option.sel,.menu ul li a.sel{cursor:default}.menu ul li .menu-option .shortcut,.menu ul li a .shortcut{border-radius:var(--medium-border-radius);box-shadow:0 0 0 1px rgba(81,95,108,.25),0 1px 3px -1px rgba(81,95,108,.5);padding:0 4px}body.ltr .menu ul li .menu-option .shortcut,body.ltr .menu ul li a .shortcut{float:right}body.rtl .menu ul li .menu-option .shortcut,body.rtl .menu ul li a .shortcut{float:left}body.ltr .menu ul li .menu-option .shortcut,body.ltr .menu ul li a .shortcut{margin-left:14px}body.rtl .menu ul li .menu-option .shortcut,body.rtl .menu ul li a .shortcut{margin-right:14px}.menu>.flex{margin-bottom:10px;margin-top:10px;position:relative}body.ltr .menu>.flex.padded{margin-left:-14px}body.rtl .menu>.flex.padded{margin-right:-14px}body.ltr .menu>.flex.padded{padding-left:24px}body.rtl .menu>.flex.padded{padding-right:24px}.menu>.flex.padded.sel:before{color:var(--light-text-color);content:"check";font-size:14px;position:absolute;top:36px}body.ltr .menu>.flex.padded.sel:before{left:7px}body.rtl .menu>.flex.padded.sel:before{right:7px}.menu hr{margin:5px -14px}.menu span.icon,.menubtn span.icon{color:var(--ui-control-color);display:inline-block;font-size:14px;margin-top:-1px;text-align:center;width:10px}body.ltr .menu span.icon,body.ltr .menubtn span.icon{margin-right:10px}body.rtl .menu span.icon,body.rtl .menubtn span.icon{margin-left:10px}.menu:not(.menu--disclosure) ul li a:not(.sel):not(.disabled):hover,.menu:not(.menu--disclosure):not(:hover) ul li a:not(.disabled).hover{--text-color:var(--white);--light-text-color:var(--gray-100);--ui-control-color:var(--gray-050);--ui-control-hover-color:var(--gray-100);--ui-control-active-color:var(--gray-100);background-color:#606d7b;color:#fff}.menu:not(.menu--disclosure) ul li a:not(.sel):not(.disabled):hover span.icon,.menu:not(.menu--disclosure) ul li a:not(.sel):not(.disabled):hover:before,.menu:not(.menu--disclosure):not(:hover) ul li a:not(.disabled).hover span.icon,.menu:not(.menu--disclosure):not(:hover) ul li a:not(.disabled).hover:before{color:var(--menu-option-active-color)}.menu:not(.menu--disclosure) ul li a:not(.sel):not(.disabled):hover.error,.menu:not(.menu--disclosure):not(:hover) ul li a:not(.disabled).hover.error{color:var(--menu-option-active-color)!important}body.ltr .menu h6.padded,body.ltr .menu hr.padded{margin-left:10px}body.rtl .menu h6.padded,body.rtl .menu hr.padded{margin-right:10px}.menu--disclosure ul li>.menu-option:hover,.menu--disclosure ul li>a:hover{background-color:#f3f7fc;color:#3f4d5a}body.reduce-focus-visibility .menu--disclosure ul li>.menu-option.focus-visible,body.reduce-focus-visibility .menu--disclosure ul li>a.focus-visible,body:not(.reduce-focus-visibility) .menu--disclosure ul li>.menu-option:focus,body:not(.reduce-focus-visibility) .menu--disclosure ul li>a:focus{box-shadow:inset 0 0 0 3px hsla(var(--dark-focus-hsl),.7)}.tagselect .elements{display:inline}.tagselect .element.small{clear:none}.tagselect .add{display:inline-block;position:relative;width:12em;z-index:1}body.ltr .tagselect .add{margin:7px 7px 0 0}body.rtl .tagselect .add{margin:7px 0 0 7px}body.ltr .tagselect .add .text{padding-right:30px}body.rtl .tagselect .add .text{padding-left:30px}.tagselect .add .spinner{position:absolute;top:0}body.ltr .tagselect .add .spinner{right:5px}body.rtl .tagselect .add .spinner{left:5px}body.ltr .tagselect.elementselect .element,body.rtl .tagselect.elementselect .element{display:inline-block;float:none!important}body.ltr .tagmenu ul li a{padding-left:26px}body.rtl .tagmenu ul li a{padding-right:26px}body.ltr .tagmenu ul li a:before{float:left}body.rtl .tagmenu ul li a:before{float:right}body.ltr .tagmenu ul li a:before{margin:3px 0 0 -18px}body.rtl .tagmenu ul li a:before{margin:3px -18px 0 0}.shadow-box{border:1px solid var(--gray-200);border-radius:var(--large-border-radius);box-shadow:0 1px 5px -1px rgba(31,41,51,.2)}table.editable,table.shadow-box{border-collapse:separate;border-spacing:0}table.editable caption+tbody tr:first-child td:first-child,table.editable caption+tbody tr:first-child td:first-child.disabled:after,table.editable caption+tbody tr:first-child th:first-child,table.editable caption+tbody tr:first-child th:first-child.disabled:after,table.editable tbody:first-child tr:first-child td:first-child,table.editable tbody:first-child tr:first-child td:first-child.disabled:after,table.editable tbody:first-child tr:first-child th:first-child,table.editable tbody:first-child tr:first-child th:first-child.disabled:after,table.editable thead tr:first-child td:first-child,table.editable thead tr:first-child td:first-child.disabled:after,table.editable thead tr:first-child th:first-child,table.editable thead tr:first-child th:first-child.disabled:after,table.shadow-box caption+tbody tr:first-child td:first-child,table.shadow-box caption+tbody tr:first-child td:first-child.disabled:after,table.shadow-box caption+tbody tr:first-child th:first-child,table.shadow-box caption+tbody tr:first-child th:first-child.disabled:after,table.shadow-box tbody:first-child tr:first-child td:first-child,table.shadow-box tbody:first-child tr:first-child td:first-child.disabled:after,table.shadow-box tbody:first-child tr:first-child th:first-child,table.shadow-box tbody:first-child tr:first-child th:first-child.disabled:after,table.shadow-box thead tr:first-child td:first-child,table.shadow-box thead tr:first-child td:first-child.disabled:after,table.shadow-box thead tr:first-child th:first-child,table.shadow-box thead tr:first-child th:first-child.disabled:after{border-top-left-radius:var(--medium-border-radius)}table.editable caption+tbody tr:first-child td:last-child,table.editable caption+tbody tr:first-child td:last-child.disabled:after,table.editable caption+tbody tr:first-child th:last-child,table.editable caption+tbody tr:first-child th:last-child.disabled:after,table.editable tbody:first-child tr:first-child td:last-child,table.editable tbody:first-child tr:first-child td:last-child.disabled:after,table.editable tbody:first-child tr:first-child th:last-child,table.editable tbody:first-child tr:first-child th:last-child.disabled:after,table.editable thead tr:first-child td:last-child,table.editable thead tr:first-child td:last-child.disabled:after,table.editable thead tr:first-child th:last-child,table.editable thead tr:first-child th:last-child.disabled:after,table.shadow-box caption+tbody tr:first-child td:last-child,table.shadow-box caption+tbody tr:first-child td:last-child.disabled:after,table.shadow-box caption+tbody tr:first-child th:last-child,table.shadow-box caption+tbody tr:first-child th:last-child.disabled:after,table.shadow-box tbody:first-child tr:first-child td:last-child,table.shadow-box tbody:first-child tr:first-child td:last-child.disabled:after,table.shadow-box tbody:first-child tr:first-child th:last-child,table.shadow-box tbody:first-child tr:first-child th:last-child.disabled:after,table.shadow-box thead tr:first-child td:last-child,table.shadow-box thead tr:first-child td:last-child.disabled:after,table.shadow-box thead tr:first-child th:last-child,table.shadow-box thead tr:first-child th:last-child.disabled:after{border-top-right-radius:var(--medium-border-radius)}table.editable tbody:last-child tr:last-child td:first-child,table.editable tbody:last-child tr:last-child td:first-child.disabled:after,table.editable tbody:last-child tr:last-child th:first-child,table.editable tbody:last-child tr:last-child th:first-child.disabled:after,table.editable thead:last-child tr:last-child td:first-child,table.editable thead:last-child tr:last-child td:first-child.disabled:after,table.editable thead:last-child tr:last-child th:first-child,table.editable thead:last-child tr:last-child th:first-child.disabled:after,table.shadow-box tbody:last-child tr:last-child td:first-child,table.shadow-box tbody:last-child tr:last-child td:first-child.disabled:after,table.shadow-box tbody:last-child tr:last-child th:first-child,table.shadow-box tbody:last-child tr:last-child th:first-child.disabled:after,table.shadow-box thead:last-child tr:last-child td:first-child,table.shadow-box thead:last-child tr:last-child td:first-child.disabled:after,table.shadow-box thead:last-child tr:last-child th:first-child,table.shadow-box thead:last-child tr:last-child th:first-child.disabled:after{border-bottom-left-radius:var(--large-border-radius)-1}table.editable tbody:last-child tr:last-child td:last-child,table.editable tbody:last-child tr:last-child td:last-child.disabled:after,table.editable tbody:last-child tr:last-child th:last-child,table.editable tbody:last-child tr:last-child th:last-child.disabled:after,table.editable thead:last-child tr:last-child td:last-child,table.editable thead:last-child tr:last-child td:last-child.disabled:after,table.editable thead:last-child tr:last-child th:last-child,table.editable thead:last-child tr:last-child th:last-child.disabled:after,table.shadow-box tbody:last-child tr:last-child td:last-child,table.shadow-box tbody:last-child tr:last-child td:last-child.disabled:after,table.shadow-box tbody:last-child tr:last-child th:last-child,table.shadow-box tbody:last-child tr:last-child th:last-child.disabled:after,table.shadow-box thead:last-child tr:last-child td:last-child,table.shadow-box thead:last-child tr:last-child td:last-child.disabled:after,table.shadow-box thead:last-child tr:last-child th:last-child,table.shadow-box thead:last-child tr:last-child th:last-child.disabled:after{border-bottom-right-radius:var(--large-border-radius)-1}.border-box,.matrix-configurator>.field>.input,.multiselect>select,.passwordwrapper,.selectize.multiselect .selectize-input,.text{background-clip:padding-box;background-color:#fbfcfe;border:1px solid rgba(96,125,159,.25);border-radius:3px}.border-box.focus,.passwordwrapper.focus,.selectize.multiselect .selectize-input.focus,.text.focus{box-shadow:var(--focus-ring)}body.reduce-focus-visibility .border-box.focus-visible,body.reduce-focus-visibility .passwordwrapper.focus-visible,body.reduce-focus-visibility .selectize.multiselect .selectize-input.focus-visible,body.reduce-focus-visibility .text.focus-visible,body:not(.reduce-focus-visibility) .border-box:focus,body:not(.reduce-focus-visibility) .passwordwrapper:focus,body:not(.reduce-focus-visibility) .selectize.multiselect .selectize-input:focus,body:not(.reduce-focus-visibility) .text:focus{box-shadow:var(--focus-ring)}.selectize.multiselect .selectize-input,.text>input,.text>textarea,input.text,table.editable textarea,textarea.text{-webkit-appearance:none;appearance:none;box-sizing:border-box;color:var(--text-color);font-size:14px;line-height:20px;min-height:3px}.selectize.multiselect .selectize-input{line-height:18px}textarea.text.fullwidth{display:block}.multitext .multitextrow:after{clear:both;content:"";display:block;height:0;visibility:hidden}body.ltr .multitext .multitextrow:first-child .text:first-child{border-top-left-radius:var(--medium-border-radius)}body.rtl .multitext .multitextrow:first-child .text:first-child{border-top-right-radius:var(--medium-border-radius)}body.ltr .multitext .multitextrow:first-child .text:last-child{border-top-right-radius:var(--medium-border-radius)}body.rtl .multitext .multitextrow:first-child .text:last-child{border-top-left-radius:var(--medium-border-radius)}body.ltr .multitext .multitextrow:last-child .text:first-child{border-bottom-left-radius:var(--medium-border-radius)}body.rtl .multitext .multitextrow:last-child .text:first-child{border-bottom-right-radius:var(--medium-border-radius)}body.ltr .multitext .multitextrow:last-child .text:last-child{border-bottom-right-radius:var(--medium-border-radius)}body.rtl .multitext .multitextrow:last-child .text:last-child{border-bottom-left-radius:var(--medium-border-radius)}.multitext .multitextrow:not(:first-child) .text{margin-top:-1px}.multitext .multitextrow .text{border-radius:0;box-sizing:border-box;float:left}body.ltr .multitext .multitextrow .text:not(:first-child){margin-left:-1px}body.rtl .multitext .multitextrow .text:not(:first-child){margin-right:-1px}.multitext .multitextrow .text:first-child:last-child{width:100%}.multitext .multitextrow .text:first-child:nth-last-child(2){width:50%}.multitext .multitextrow .text:first-child:nth-last-child(2)~.text{width:calc(50% + 1px)}.multitext .multitextrow .text.error{position:relative;z-index:1}.multitext .multitextrow .selectize.multiselect .selectize-input.focus,.multitext .multitextrow .text:focus{position:relative;z-index:2}.chars-left{color:var(--light-text-color);position:relative}body.ltr .chars-left{float:right}body.rtl .chars-left{float:left}body.ltr .chars-left{margin:-27px 7px 0 0}body.rtl .chars-left{margin:-27px 0 0 7px}.input.ltr>.chars-left{float:right!important;margin-right:7px!important}.input.rtl>.chars-left{float:left!important;margin-left:7px!important}.chars-left.negative-chars-left{color:var(--error-color)}.field,fieldset{margin:24px 0;position:relative}.flex>.field,.flex>fieldset{margin-bottom:0;margin-top:0}.field{min-inline-size:0}.field>.status-badge{content:"";cursor:help;height:100%;position:absolute;top:0;width:2px}body.ltr .field>.status-badge{left:0}body.rtl .field>.status-badge{right:0}.field>.status-badge.modified{background-color:var(--blue-600)}.field>.status-badge.outdated{background-color:var(--pending-color)}.field>.heading{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:5px;margin-top:-5px;position:relative}.field>.heading>label,.field>.heading>legend{color:var(--medium-dark-text-color);font-weight:700}.field>.heading>label code,.field>.heading>legend code{font-size:1em!important}body.ltr .field>.heading>label .info,body.ltr .field>.heading>legend .info{margin-left:5px}body.rtl .field>.heading>label .info,body.rtl .field>.heading>legend .info{margin-right:5px}.field>.heading>.t9n-indicator{color:var(--light-text-color)}body.ltr .field>.heading>.t9n-indicator{margin-left:7px}body.rtl .field>.heading>.t9n-indicator{margin-right:7px}.field>.heading+.instructions{margin-top:-3px}.field>.heading>.instructions{width:100%}.field>.instructions{margin-bottom:5px}.field>.input{position:relative}.field>.input:after{clear:both;content:"";display:block;height:0;visibility:hidden}.field>.input+.instructions,.field>.notice,.field>.warning{margin:5px 0 0}.checkboxfield .instructions,.field>.heading>.instructions,.field>.instructions{color:var(--medium-text-color)}.checkboxfield .instructions embed,.checkboxfield .instructions iframe,.checkboxfield .instructions img,.checkboxfield .instructions video,.field>.heading>.instructions embed,.field>.heading>.instructions iframe,.field>.heading>.instructions img,.field>.heading>.instructions video,.field>.instructions embed,.field>.instructions iframe,.field>.instructions img,.field>.instructions video{max-width:100%!important}.checkboxfield .instructions ol,.checkboxfield .instructions ul,.field>.heading>.instructions ol,.field>.heading>.instructions ul,.field>.instructions ol,.field>.instructions ul{margin:1em 0}body.ltr .checkboxfield .instructions ol,body.ltr .checkboxfield .instructions ul,body.ltr .field>.heading>.instructions ol,body.ltr .field>.heading>.instructions ul,body.ltr .field>.instructions ol,body.ltr .field>.instructions ul{padding-left:2em}body.rtl .checkboxfield .instructions ol,body.rtl .checkboxfield .instructions ul,body.rtl .field>.heading>.instructions ol,body.rtl .field>.heading>.instructions ul,body.rtl .field>.instructions ol,body.rtl .field>.instructions ul{padding-right:2em}.checkboxfield .instructions ul li,.field>.heading>.instructions ul li,.field>.instructions ul li{list-style-type:disc}.checkboxfield .instructions li+li,.field>.heading>.instructions li+li,.field>.instructions li+li{margin-top:.25em}.expand-status-btn{border-radius:var(--small-border-radius);color:var(--text-color);height:17px;line-height:16px;padding:0;width:30px}body.ltr .expand-status-btn{margin-left:5px}body.rtl .expand-status-btn{margin-right:5px}.expand-status-btn:before{margin:0}.nested-fields{margin:-24px;padding:24px 24px 0}.nested-fields.hidden{display:block;height:0}.nested-fields>.field:last-child{padding-bottom:24px}input.checkbox{height:var(--checkbox-size);opacity:0;position:absolute;width:var(--checkbox-size)}div.checkbox,input.checkbox+label{clear:none;cursor:pointer;display:inline-block;height:16px;line-height:16px;position:relative}body.ltr div.checkbox,body.ltr input.checkbox+label{padding-left:21px}body.rtl div.checkbox,body.rtl input.checkbox+label{padding-right:21px}div.checkbox .info,input.checkbox+label .info{height:16px}.disabled div.checkbox,input.checkbox:disabled+label{cursor:default}body.ltr div.checkbox:empty,body.ltr input.checkbox+label:empty{padding-left:var(--checkbox-size)}body.rtl div.checkbox:empty,body.rtl input.checkbox+label:empty{padding-right:var(--checkbox-size)}div.checkbox:empty:after,input.checkbox+label:empty:after{content:"";font-size:0}div.checkbox:before,input.checkbox+label:before{background-clip:padding-box;background-color:#fbfcfe;border:1px solid rgba(96,125,159,.4);border-radius:var(--small-border-radius);box-sizing:border-box;content:"";display:block;font-size:0;height:var(--checkbox-size);position:absolute;top:0;width:var(--checkbox-size)!important}body.ltr div.checkbox:before,body.ltr input.checkbox+label:before{left:0}body.rtl div.checkbox:before,body.rtl input.checkbox+label:before{right:0}div.checkbox.disabled+label,div.checkbox.disabled:before,input.checkbox:disabled+label{opacity:.25}.sel div.checkbox:before,div.checkbox.checked:before,div.checkbox.indeterminate:before,input.checkbox:checked+label:before,input.checkbox:indeterminate+label:before{speak:none;-webkit-font-feature-settings:"liga","dlig";-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:normal!important;color:var(--gray-900);direction:ltr;display:inline-block;font-family:Craft;font-style:normal;font-variant:normal;font-weight:400;line-height:1;line-height:var(--checkbox-size);opacity:var(--icon-opacity);text-align:center;text-transform:none;-webkit-user-select:none;user-select:none;vertical-align:middle}.sel div.checkbox:not(.indeterminate):before,div.checkbox.checked:not(.indeterminate):before,input.checkbox:checked:not(:indeterminate)+label:before{content:"check";font-size:15px}div.checkbox.indeterminate:before,input.checkbox:indeterminate+label:before{content:"minus";font-size:7px;text-align:center}body:not(.reduce-focus-visibility) :focus div.checkbox:before,body:not(.reduce-focus-visibility) input.checkbox:focus+label:before{box-shadow:var(--focus-ring)}body.reduce-focus-visibility .focus-visible div.checkbox:before,body.reduce-focus-visibility input.checkbox.focus-visible+label:before{box-shadow:var(--focus-ring)}.monaco-mouse-cursor-text.focus-visible,.monaco-mouse-cursor-text:focus{box-shadow:none!important}fieldset .checkboxfield{margin:5px 0}.checkboxfield .instructions,.checkboxfield .notice,.checkboxfield .warning{margin-top:2px}body.ltr .checkboxfield .instructions,body.ltr .checkboxfield .notice,body.ltr .checkboxfield .warning{padding-left:21px}body.rtl .checkboxfield .instructions,body.rtl .checkboxfield .notice,body.rtl .checkboxfield .warning{padding-right:21px}input.radio{height:var(--radio-size);opacity:0;position:absolute;width:var(--radio-size)}div.radio,input.radio+label{clear:none;cursor:pointer;display:inline-block;line-height:1.7142857143;position:relative}body.ltr div.radio,body.ltr input.radio+label{padding-left:21px}body.rtl div.radio,body.rtl input.radio+label{padding-right:21px}.disabled div.radio,input.radio:disabled+label{cursor:default}body.ltr div.radio:empty,body.ltr input.radio+label:empty{padding-left:var(--radio-size)}body.rtl div.radio:empty,body.rtl input.radio+label:empty{padding-right:var(--radio-size)}div.radio:after,div.radio:before,input.radio+label:after,input.radio+label:before{background-clip:padding-box;border-radius:100%;box-sizing:border-box;content:"";display:block;position:absolute}div.radio:before,input.radio+label:before{background-color:#fbfcfe;border:1px solid rgba(96,125,159,.4);height:var(--radio-size);left:0;width:var(--radio-size)}div.radio:after,div.radio:before,input.radio+label:after,input.radio+label:before{top:50%;-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}div.radio:after,input.radio+label:after{height:calc(var(--radio-size) - 8px);left:4px;width:calc(var(--radio-size) - 8px)}div.radio.disabled+label,div.radio.disabled:before,input.radio:disabled+label{opacity:.25}.sel div.radio:after,div.radio.checked:after,input.radio:checked+label:after{background:var(--gray-900)}body:not(.reduce-focus-visibility) :focus div.radio:before,body:not(.reduce-focus-visibility) input.radio:focus+label:before{box-shadow:var(--focus-ring)}body.reduce-focus-visibility .focus-visible div.radio:before,body.reduce-focus-visibility input.radio.focus-visible+label:before{box-shadow:var(--focus-ring)}.multiselect>select{-webkit-appearance:none;appearance:none;color:var(--text-color);font-size:14px}body.reduce-focus-visibility .multiselect>select.focus-visible,body:not(.reduce-focus-visibility) .multiselect>select:focus{box-shadow:var(--focus-ring)}.multiselect>select option{padding:1px 8px}.selectize.multiselect .selectize-input,.text{padding:6px 9px}.text{background-color:var(--white)}.text:not(.small){box-sizing:border-box;min-height:34px}.text.small{padding:3px}.text.readable{font-size:16px;line-height:22px;padding:16px 18px}.text.readable+.chars-left{margin-top:-23px}body.ltr .text.clearable{padding-right:var(--touch-target-size)}body.rtl .text.clearable{padding-left:var(--touch-target-size)}.text input{background-color:transparent;border:none;margin:0;padding:0}.input.errors>.autosuggest-container .text,.input.errors>.border-box,.input.errors>.passwordwrapper,.input.errors>.text,.text.error{border:1px solid var(--error-color)!important}.texticon{cursor:text;min-width:130px;position:relative}.texticon.icon:before{color:var(--ui-control-color);position:absolute;top:9px}body.ltr .texticon.icon:before{left:9px}body.rtl .texticon.icon:before{right:9px}body.ltr .texticon.icon .text{padding-left:26px}body.rtl .texticon.icon .text{padding-right:26px}.texticon .clear-btn{height:var(--touch-target-size);position:absolute;top:calc((var(--touch-target-size) - 34px)/-2);width:var(--touch-target-size)}body.ltr .texticon .clear-btn{right:0}body.rtl .texticon .clear-btn{left:0}body.ltr .texticon.has-filter-btn .text{padding-right:26px}body.rtl .texticon.has-filter-btn .text{padding-left:26px}.texticon.has-filter-btn .filter-btn{border-radius:13px;cursor:pointer;font-size:14px;line-height:22px;padding:0 7px 4px;position:absolute;top:4px}body.ltr .texticon.has-filter-btn .filter-btn{right:4px}body.rtl .texticon.has-filter-btn .filter-btn{left:4px}.texticon.has-filter-btn .filter-btn:before{speak:none;-webkit-font-feature-settings:"liga","dlig";-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:normal!important;color:var(--medium-text-color);content:"sliders";direction:ltr;display:inline-block;font-family:Craft;font-style:normal;font-variant:normal;font-weight:400;line-height:1;opacity:var(--icon-opacity);text-align:center;text-transform:none;-webkit-user-select:none;user-select:none;vertical-align:middle}.texticon.has-filter-btn .filter-btn:hover{background-color:var(--gray-100)}.texticon.has-filter-btn .filter-btn.active,.texticon.has-filter-btn .filter-btn:active{background-color:var(--gray-350)}.texticon.has-filter-btn .filter-btn.active:before,.texticon.has-filter-btn .filter-btn:active:before{color:var(--white)}body.ltr .texticon.has-filter-btn .text{padding-left:26px}body.rtl .texticon.has-filter-btn .text{padding-right:26px}body.ltr .texticon.has-filter-btn .text.clearable{padding-right:calc(30px + var(--touch-target-size))}body.rtl .texticon.has-filter-btn .text.clearable{padding-left:calc(30px + var(--touch-target-size))}body.ltr .texticon.has-filter-btn .clear-btn{right:30px}body.rtl .texticon.has-filter-btn .clear-btn{left:30px}.texthint-container{height:0;position:relative}.texthint{color:var(--light-text-color);cursor:text;position:absolute;top:-1px;width:100%}.passwordwrapper{position:relative}.passwordwrapper .password{background:transparent;border:none;box-shadow:none;padding-right:4rem}.passwordwrapper .password-toggle{bottom:0;color:var(--link-color);cursor:pointer;position:absolute;top:0}body.ltr .passwordwrapper .password-toggle{right:9px}body.rtl .passwordwrapper .password-toggle{left:9px}.passwordwrapper .password-toggle:hover{text-decoration:underline}.datetimewrapper{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row}body.ltr .datetimewrapper>.datewrapper+.timewrapper,body.ltr .datetimewrapper>.select,body.ltr .datetimewrapper>.timewrapper+.timezone{margin-left:5px}body.rtl .datetimewrapper>.datewrapper+.timewrapper,body.rtl .datetimewrapper>.select,body.rtl .datetimewrapper>.timewrapper+.timezone{margin-right:5px}.clear-btn{-webkit-align-items:center;align-items:center;background:transparent;border:none;color:var(--ui-control-color);cursor:pointer;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;padding:0;width:24px}.clear-btn:before{speak:none;-webkit-font-feature-settings:"liga","dlig";-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:normal!important;content:"remove";direction:ltr;display:inline-block;font-family:Craft;font-style:normal;font-variant:normal;font-weight:400;line-height:1;opacity:var(--icon-opacity);text-align:center;text-transform:none;-webkit-user-select:none;user-select:none;vertical-align:middle}.clear-btn:hover{color:var(--ui-control-hover-color)}.clear-btn:active{color:var(--ui-control-active-color)}.close-btn{position:relative}.close-btn:after,.close-btn:before{background-color:var(--ui-control-color);content:"";height:15px;left:50%;opacity:var(--icon-opacity);position:absolute;top:50%;width:2px}.close-btn:before{-webkit-transform:translate(-50%,-50%) rotate(-45deg);-o-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg)}.close-btn:after{-webkit-transform:translate(-50%,-50%) rotate(45deg);-o-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}.close-btn:hover:after,.close-btn:hover:before{background-color:var(--ui-control-hover-color)}.close-btn:active:after,.close-btn:active:before{background-color:var(--ui-control-active-color)}.datewrapper,.timewrapper{display:inline-block;position:relative}.datewrapper .text,.timewrapper .text{position:relative;width:100%;z-index:1}.datewrapper .text+div[data-icon],.timewrapper .text+div[data-icon]{display:none}.datewrapper .text.empty-value+div[data-icon],.datewrapper .text:placeholder-shown+div[data-icon],.timewrapper .text.empty-value+div[data-icon],.timewrapper .text:placeholder-shown+div[data-icon]{color:var(--light-text-color);display:block;position:absolute;top:calc(50% - 12px);z-index:0}body.ltr .datewrapper .text.empty-value+div[data-icon],body.ltr .datewrapper .text:placeholder-shown+div[data-icon],body.ltr .timewrapper .text.empty-value+div[data-icon],body.ltr .timewrapper .text:placeholder-shown+div[data-icon]{left:14px}body.rtl .datewrapper .text.empty-value+div[data-icon],body.rtl .datewrapper .text:placeholder-shown+div[data-icon],body.rtl .timewrapper .text.empty-value+div[data-icon],body.rtl .timewrapper .text:placeholder-shown+div[data-icon]{right:14px}.datewrapper .text.empty-value+div[data-icon],.datewrapper .text.empty-value+div[data-icon]:before,.datewrapper .text:placeholder-shown+div[data-icon],.datewrapper .text:placeholder-shown+div[data-icon]:before,.timewrapper .text.empty-value+div[data-icon],.timewrapper .text.empty-value+div[data-icon]:before,.timewrapper .text:placeholder-shown+div[data-icon],.timewrapper .text:placeholder-shown+div[data-icon]:before{pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1}.datewrapper{width:8em}.timewrapper{width:7em}::-webkit-input-placeholder{color:var(--gray-400)}::placeholder{color:var(--gray-400)}::-ms-clear,::-ms-reveal{display:none}tr.indexingSession td{height:34px;padding:1px 10px}tr.indexingSession td.progress div.progressContainer{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;width:100%}tr.indexingSession td.progress div.progressContainer .progressbar{height:12px;left:0;position:relative;width:70%;z-index:1}tr.indexingSession td.progress div.progressContainer div.progressInfo{width:20%}.select:not(.selectize),.select:not(.selectize) select{border-radius:5px;position:relative;white-space:nowrap}.select:not(.selectize){max-width:100%;position:relative}:not(.flex)>.select:not(.selectize){display:inline-block}.select:not(.selectize):after{border:solid;border-width:0 2px 2px 0;content:"";display:block;font-size:0;height:7px;opacity:.8;pointer-events:none;position:absolute;top:calc(50% - 5px);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-user-select:none;user-select:none;width:7px;z-index:1}body.ltr .select:not(.selectize):after{right:9px}body.rtl .select:not(.selectize):after{left:9px}.select:not(.selectize) select{-webkit-appearance:none;appearance:none;background-color:#dfe5ec;border:none;color:#3f4d5a;display:block;font-size:14px;line-height:20px;max-width:100%;position:relative;white-space:pre}body.ltr .select:not(.selectize) select{padding:7px 22px 7px 10px}body.rtl .select:not(.selectize) select{padding:7px 10px 7px 22px}.select:not(.selectize) select::-ms-expand{display:none}.select:not(.selectize).fullwidth select{min-width:100%}.select:not(.selectize) select:hover{background-color:#cfd8e2;box-shadow:var(--focus-ring);outline-color:transparent}body.reduce-focus-visibility .select:not(.selectize) select.focus-visible,body:not(.reduce-focus-visibility) .select:not(.selectize) select:focus{background-color:#cfd8e2;box-shadow:var(--focus-ring);outline-color:transparent}.select:not(.selectize).small:after{top:9px}.select:not(.selectize).small select{font-size:11px;padding-bottom:4px!important;padding-top:4px!important}.selectize .selectize-input{background-color:transparent;border-color:inherit;box-shadow:none;display:block}.selectize.select .selectize-input:after{display:none}body .selectize-dropdown{border:none;z-index:100}.selectize.select{height:34px}.selectize.select:not(.fullwidth){max-width:25em}.selectize.select .selectize-control{max-width:100%;position:relative}:not(.flex)>.selectize.select .selectize-control{display:inline-block}.selectize.select .selectize-control:after{border:solid;border-width:0 2px 2px 0;content:"";display:block;font-size:0;height:7px;opacity:.8;pointer-events:none;position:absolute;top:calc(50% - 5px);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-user-select:none;user-select:none;width:7px;z-index:1}body.ltr .selectize.select .selectize-control:after{right:9px}body.rtl .selectize.select .selectize-control:after{left:9px}.selectize.select .selectize-input{border-radius:5px;white-space:nowrap}.selectize.select .selectize-input.focus{box-shadow:var(--focus-ring)}.selectize.select .selectize-input{-webkit-appearance:none;appearance:none;background-color:#dfe5ec;border:none;color:#3f4d5a;display:block;font-size:14px;line-height:20px;max-width:100%;position:relative}body.ltr .selectize.select .selectize-input{padding:7px 22px 7px 10px}body.rtl .selectize.select .selectize-input{padding:7px 10px 7px 22px}.selectize.select .selectize-input::-ms-expand{display:none}.selectize.select .selectize-control,.selectize.select .selectize-input{width:100%}.selectize.multiselect .selectize-input{min-height:34px;padding-bottom:3px}.selectize.multiselect .selectize-input.focus{box-shadow:var(--focus-ring)}.selectize.multiselect .selectize-input>.item{background-color:#e4edf6;border-radius:3px;color:#3f4d5a;display:inline-block;display:-webkit-inline-flex;display:inline-flex;-webkit-flex-direction:row;flex-direction:row;font-size:12px;line-height:14px;padding:3px 7px;padding:3px 7px!important}.selectize.multiselect .selectize-input>.item.active{background-color:#cdd8e4}.selectize.multiselect .selectize-input>.item>.remove{border-left:none;color:var(--ui-control-color);font-size:0;padding:0;position:static}body.ltr .selectize.multiselect .selectize-input>.item>.remove{margin:-1px -3px 0 3px}body.rtl .selectize.multiselect .selectize-input>.item>.remove{margin:-1px 3px 0 -3px}.selectize.multiselect .selectize-input>.item>.remove:hover{background-color:transparent;color:var(--ui-control-hover-color)}.selectize.multiselect .selectize-input>.item>.remove:before{speak:none;-webkit-font-feature-settings:"liga","dlig";-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:normal!important;content:"remove";direction:ltr;display:inline-block;font-family:Craft;font-size:14px;font-style:normal;font-variant:normal;font-weight:400;line-height:1;opacity:var(--icon-opacity);text-align:center;text-transform:none;-webkit-user-select:none;user-select:none;vertical-align:middle}body .selectize-dropdown{margin-top:1px}body .selectize-dropdown-content{background:#fff;border-radius:4px;box-shadow:0 0 0 1px rgba(31,41,51,.1),0 5px 20px rgba(31,41,51,.25);overflow:auto;padding:0 14px;-webkit-user-select:none;user-select:none;z-index:100}body .selectize-dropdown-content .option{min-height:18px}body .selectize-dropdown-content>div[data-value=new]:before{speak:none;-webkit-font-feature-settings:"liga","dlig";-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:normal!important;content:"plus";direction:ltr;display:inline-block;font-family:Craft;font-style:normal;font-variant:normal;font-weight:400;line-height:1;margin-right:5px;opacity:var(--icon-opacity);text-align:center;text-transform:none;-webkit-user-select:none;user-select:none;vertical-align:middle}body .selectize-dropdown-content>div[data-value=new]:after{content:"…"}body .selectize-dropdown .optgroup-header,body .selectize-dropdown [data-selectable]{color:#3f4d5a;margin:0 -14px;padding:10px 14px;text-decoration:none;white-space:nowrap}body .selectize-dropdown .optgroup-header{color:#606d7b;font-size:11px;line-height:1.2;margin:0;padding:4px 0;text-transform:uppercase}body .selectize-dropdown .active{background-color:#606d7b;color:#fff}body .selectize-dropdown .active .light{color:inherit!important}.ui-datepicker{-padding:10px;height:242px;position:fixed;top:-300px;width:210px;z-index:101!important}body.ltr .ui-datepicker{margin-left:1px}body.rtl .ui-datepicker{margin-right:1px}.ui-datepicker-header{padding:8px 8px 4px}body.ltr .ui-datepicker-prev{float:left}body.ltr .ui-datepicker-next,body.rtl .ui-datepicker-prev{float:right}body.rtl .ui-datepicker-next{float:left}.ui-datepicker-next span,.ui-datepicker-prev span{display:none}.ui-datepicker-next,.ui-datepicker-prev{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;height:20px;-webkit-justify-content:center;justify-content:center;width:20px}.ui-datepicker-next:hover:after,.ui-datepicker-prev:hover:after{border-color:var(--link-color)}.ui-datepicker-prev:after{border:solid;border-width:0 2px 2px 0;content:"";display:block;font-size:0;height:7px;opacity:.8;width:7px}body.ltr .ui-datepicker-prev:after{-webkit-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}body.rtl .ui-datepicker-prev:after{-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}.ui-datepicker-next:after{border:solid;border-width:0 2px 2px 0;content:"";display:block;font-size:0;height:7px;opacity:.8;width:7px}body.ltr .ui-datepicker-next:after{-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}body.rtl .ui-datepicker-next:after{-webkit-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}.ui-datepicker-title{text-align:center}.ui-datepicker-calendar td,.ui-datepicker-calendar th{padding:2px!important}.ui-datepicker-calendar td a,.ui-datepicker-calendar th span{color:var(--text-color);display:block;line-height:26px;text-align:center;width:26px}.ui-datepicker-calendar th span{color:var(--medium-text-color);font-weight:400}.ui-datepicker-calendar td a{border-radius:2px}.ui-datepicker-calendar td a:hover{background-color:var(--light-sel-color);text-decoration:none}.ui-datepicker-calendar td a.ui-state-active{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background-color:var(--dark-sel-color);color:var(--white);cursor:default;font-weight:500}.ui-datepicker-calendar td.ui-datepicker-today a{border-radius:13px;box-shadow:inset 0 0 0 2px var(--light-sel-color)}.ui-timepicker-wrapper{z-index:101}.ui-timepicker-list{height:210px;overflow-y:auto;width:calc(14px + 6em);z-index:100}body.ltr .ui-timepicker-list{margin-left:1px}body.rtl .ui-timepicker-list{margin-right:1px}.ui-timepicker-list li{cursor:pointer;white-space:nowrap}body.ltr .ui-timepicker-list li{padding:2px 0 2px 14px}body.rtl .ui-timepicker-list li{padding:2px 14px 2px 0}.ui-timepicker-list li:hover{background-color:var(--light-sel-color)}.ui-timepicker-list li.ui-timepicker-selected{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background-color:var(--dark-sel-color);color:var(--white);cursor:default;font-weight:500}.slide-picker{display:-webkit-flex;display:flex;height:15px;white-space:nowrap}.slide-picker a{background-image:none;border:1px solid var(--hairline-color);box-sizing:border-box;display:inline-block;height:13px;margin-bottom:1px;margin-left:0;margin-top:1px;width:7px}body.ltr .slide-picker a{border-left:none}body.rtl .slide-picker a{border-right:none}.slide-picker a:first-child{width:8px}body.ltr .slide-picker a:first-child{border-left:1px solid var(--gray-400)!important}body.rtl .slide-picker a:first-child{border-right:1px solid var(--gray-400)!important}.slide-picker:hover a.active-hover,.slide-picker:not(:hover) a.active{border-bottom-color:var(--gray-400);border-top-color:var(--gray-400);height:15px;margin-bottom:0;margin-top:0}body.ltr .slide-picker:hover a.active-hover:first-child,body.ltr .slide-picker:not(:hover) a.active:first-child{border-left:1px solid var(--gray-400)}body.rtl .slide-picker:hover a.active-hover:first-child,body.rtl .slide-picker:not(:hover) a.active:first-child{border-right:1px solid var(--gray-400)}body.ltr .slide-picker:hover a.active-hover:first-child,body.ltr .slide-picker:not(:hover) a.active:first-child{border-top-left-radius:var(--small-border-radius)}body.rtl .slide-picker:hover a.active-hover:first-child,body.rtl .slide-picker:not(:hover) a.active:first-child{border-top-right-radius:var(--small-border-radius)}body.ltr .slide-picker:hover a.active-hover:first-child,body.ltr .slide-picker:not(:hover) a.active:first-child{border-bottom-left-radius:var(--small-border-radius)}body.rtl .slide-picker:hover a.active-hover:first-child,body.rtl .slide-picker:not(:hover) a.active:first-child{border-bottom-right-radius:var(--small-border-radius)}body.ltr .slide-picker:hover a.last-active-hover,body.ltr .slide-picker:not(:hover) a.last-active{border-right:1px solid var(--gray-400)}body.rtl .slide-picker:hover a.last-active-hover,body.rtl .slide-picker:not(:hover) a.last-active{border-left:1px solid var(--gray-400)}body.ltr .slide-picker:hover a.last-active-hover,body.ltr .slide-picker:not(:hover) a.last-active{border-top-right-radius:var(--small-border-radius)}body.rtl .slide-picker:hover a.last-active-hover,body.rtl .slide-picker:not(:hover) a.last-active{border-top-left-radius:var(--small-border-radius)}body.ltr .slide-picker:hover a.last-active-hover,body.ltr .slide-picker:not(:hover) a.last-active{border-bottom-right-radius:var(--small-border-radius)}body.rtl .slide-picker:hover a.last-active-hover,body.rtl .slide-picker:not(:hover) a.last-active{border-bottom-left-radius:var(--small-border-radius)}.slide-picker:focus a.active{background-color:var(--light-sel-color)}ul.errors{list-style-type:square;margin-top:5px}body.ltr ul.errors{padding-left:20px}body.rtl ul.errors{padding-right:20px}ul.errors li{color:var(--error-color)}.message-container{height:100%;position:absolute;top:0;width:100%;z-index:100}body.ltr .message-container{left:0}body.rtl .message-container{right:0}.message-container.no-access{background-color:rgba(31,41,51,.5)}.message-container .pane{box-shadow:0 25px 100px rgba(31,41,51,.5);margin-left:auto;margin-right:auto;margin-top:-33px!important;top:50%;width:320px}.autosuggest-container{position:relative}.autosuggest__results-container{background-color:var(--white);border-radius:var(--large-border-radius);box-shadow:0 1px 5px -1px rgba(31,41,51,.2);box-sizing:border-box;font-family:system-ui,BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1em!important;padding:0 14px;position:absolute;text-align:left;width:100%;z-index:2}.autosuggest__results-container .autosuggest__results-before{color:#606d7b;font-size:11px;line-height:1.2;margin:14px 0 3px;margin-top:14px!important;text-transform:uppercase}.autosuggest__results-container .autosuggest__results-item{color:#3f4d5a;margin:0 -14px;overflow:hidden;padding:10px 14px;text-decoration:none;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.autosuggest__results-container .autosuggest__results-item.autosuggest__results-item--highlighted,.autosuggest__results-container .autosuggest__results-item:hover{background-color:#606d7b;color:#fff;cursor:pointer}.matrix-configurator>.field{max-width:none}.matrix-configurator>.field>.input{-webkit-align-items:stretch;align-items:stretch;background-color:var(--gray-050);box-shadow:none;display:-webkit-flex;display:flex}.matrix-configurator .mc-sidebar{box-sizing:border-box}.matrix-configurator .mc-sidebar .mc-col-items{margin-top:-1px;padding-top:1px}.matrix-configurator .mc-sidebar.block-types{width:200px}body.ltr .matrix-configurator .mc-sidebar.block-types{border-top-left-radius:var(--small-border-radius)}body.rtl .matrix-configurator .mc-sidebar.block-types{border-top-right-radius:var(--small-border-radius)}body.ltr .matrix-configurator .mc-sidebar.block-types{border-bottom-left-radius:var(--small-border-radius)}body.rtl .matrix-configurator .mc-sidebar.block-types{border-bottom-right-radius:var(--small-border-radius)}body.ltr .matrix-configurator .mc-sidebar.block-types>.mc-col-inner-container>.mc-col-heading{border-top-left-radius:var(--small-border-radius)}body.rtl .matrix-configurator .mc-sidebar.block-types>.mc-col-inner-container>.mc-col-heading{border-top-right-radius:var(--small-border-radius)}.matrix-configurator .mc-sidebar.block-types>.mc-col-inner-container>.mc-col-items .btn{margin:14px}.matrix-configurator .mc-sidebar.mc-fields{background:#fff;box-shadow:-1px 0 0 0 rgba(31,41,51,.1),1px 0 0 0 rgba(31,41,51,.1);width:240px;z-index:1}.matrix-configurator .mc-sidebar.mc-fields .mc-col-items{padding:14px}.matrix-configurator .mc-sidebar.mc-fields .mc-col-items .btn{margin-top:14px}.matrix-configurator .mc-field-settings>.mc-col-inner-container>.mc-col-heading,.matrix-configurator .mc-sidebar>.mc-col-inner-container>.mc-col-heading{background-color:var(--gray-050);background-image:-o-linear-gradient(rgba(51,64,77,0),rgba(51,64,77,.05));background-image:linear-gradient(rgba(51,64,77,0),rgba(51,64,77,.05));border-bottom:1px solid var(--hairline-color);margin:0;padding:7px 14px 6px}.matrix-configurator .mc-field-settings{-webkit-flex:1;flex:1;position:relative}body.ltr .matrix-configurator .mc-field-settings{border-top-right-radius:var(--small-border-radius)}body.rtl .matrix-configurator .mc-field-settings{border-top-left-radius:var(--small-border-radius)}body.ltr .matrix-configurator .mc-field-settings{border-bottom-right-radius:var(--small-border-radius)}body.rtl .matrix-configurator .mc-field-settings{border-bottom-left-radius:var(--small-border-radius)}.matrix-configurator .mc-field-settings>.mc-col-inner-container>.mc-col-heading{padding-left:24px;padding-right:24px}body.ltr .matrix-configurator .mc-field-settings>.mc-col-inner-container>.mc-col-heading{border-top-right-radius:var(--small-border-radius)}body.rtl .matrix-configurator .mc-field-settings>.mc-col-inner-container>.mc-col-heading{border-top-left-radius:var(--small-border-radius)}.matrix-configurator .mc-field-settings>.mc-col-inner-container>.mc-col-items{padding:24px}.matrixconfigitem{-webkit-align-items:center;align-items:center;box-sizing:border-box;cursor:default;display:-webkit-flex;display:flex;min-height:48px;position:relative;-webkit-user-select:none;user-select:none}.matrixconfigitem.mci-blocktype{background-color:var(--gray-100);border:solid var(--hairline-color);border-width:1px 0;margin-top:-1px;padding:8px 14px}.matrixconfigitem.mci-blocktype.sel{background-color:var(--gray-200);z-index:1}.matrixconfigitem.mci-field{background-color:var(--gray-100);border-radius:var(--medium-border-radius);padding:7px 10px}.matrixconfigitem.mci-field.sel{background-color:var(--gray-200)}.matrixconfigitem.mci-field.sel .slide-picker:focus a.active{background-color:#5f6c79}.matrixconfigitem.mci-field+.mci-field{margin-top:7px}.matrixconfigitem .mci-name{-webkit-flex:1;flex:1;overflow:hidden}.matrixconfigitem .mci-name .smalltext,.matrixconfigitem .mci-name h4{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.matrixconfigitem .mci-name h4{color:var(--text-color);font-weight:400;margin-bottom:2px}.matrixconfigitem .mci-name h4.mci-required:after{speak:none;-webkit-font-feature-settings:"liga","dlig";-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:normal!important;content:"asterisk";direction:ltr;display:inline-block;font-family:Craft;font-size:8px;font-style:normal;font-variant:normal;font-weight:400;line-height:1;opacity:var(--icon-opacity);text-align:center;text-transform:none;-webkit-user-select:none;user-select:none;vertical-align:middle}body.ltr .matrixconfigitem .mci-name h4.mci-required:after{margin:-2px 0 0 4px}body.rtl .matrixconfigitem .mci-name h4.mci-required:after{margin:-2px 4px 0 0}.matrixconfigitem.error .mci-name h4{color:var(--error-color)}body.ltr .matrixconfigitem .icon,body.ltr .matrixconfigitem .slide-picker{margin-left:7px}body.rtl .matrixconfigitem .icon,body.rtl .matrixconfigitem .slide-picker{margin-right:7px}.matrixconfigitem .icon{display:block}.matrixconfigitem .icon:not(.error):before{color:var(--ui-control-color)}.matrixconfigitem .icon:not(.error):hover:before{color:var(--ui-control-hover-color)}.matrixconfigitem .icon:not(.error):active:before{color:var(--ui-control-active-color)}.matrixconfigitem .icon.error:before{color:var(--error-color)}.matrix>.buttons{margin-top:10px}.matrixblock{background-color:var(--gray-050);border:1px solid var(--hairline-color);border-radius:var(--large-border-radius);margin-bottom:10px;padding:0 var(--m) var(--m);position:relative}.matrixblock.static{padding-top:14px}.matrixblock .flex-fields{--row-gap:var(--m)!important}.matrixblock>.titlebar{word-wrap:normal;background-color:#ebf2fa;border-radius:var(--large-border-radius)-1 var(--large-border-radius)-1 0 0;box-sizing:border-box;color:var(--light-text-color);cursor:default;margin:0 -14px;overflow:hidden;position:relative;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;white-space:nowrap;width:calc(100% + 28px)}body.ltr .matrixblock>.titlebar{padding:5px 70px 5px 35px}body.rtl .matrixblock>.titlebar{padding:5px 35px 5px 70px}.matrixblock>.titlebar:after{background-color:var(--hairline-color);bottom:-1px;content:"";display:block;height:1px;left:14px;position:absolute;width:calc(100% - 28px)}.matrixblock>.titlebar>.blocktype{color:var(--medium-text-color);display:inline}.matrixblock>.titlebar>.preview{display:inline;opacity:0;-o-transition:opacity .1s linear;transition:opacity .1s linear}body.ltr .matrixblock>.titlebar>.preview{margin-left:7px}body.rtl .matrixblock>.titlebar>.preview{margin-right:7px}.matrixblock>.titlebar>.preview span{opacity:.5}.matrixblock.disabled{opacity:1}body.ltr .matrixblock.disabled>.titlebar{padding-right:90px}body.rtl .matrixblock.disabled>.titlebar{padding-left:90px}.matrixblock.disabled>.actions>.status.off{display:block}.matrixblock.collapsed>.titlebar{border-bottom:none;border-radius:var(--titlebar-border-radius)}.matrixblock.collapsed>.titlebar>.preview{opacity:1}.matrixblock>.checkbox{position:absolute;top:7px}body.ltr .matrixblock>.checkbox{left:14px}body.rtl .matrixblock>.checkbox{right:14px}.matrixblock>.actions{-webkit-align-items:center;align-items:center;cursor:default;display:-webkit-flex;display:flex;position:absolute;top:5px}body.ltr .matrixblock>.actions{right:14px}body.rtl .matrixblock>.actions{left:14px}body.ltr .matrixblock>.actions>*{margin:0 0 0 5px}body.rtl .matrixblock>.actions>*{margin:0 5px 0 0}.matrixblock>.actions .settings{color:var(--ui-control-color);height:20px;padding:0 8px}body.ltr .matrixblock>.actions .settings:before{margin-right:0!important}body.rtl .matrixblock>.actions .settings:before{margin-left:0!important}.matrixblock>.actions .settings:not(:hover):not(:active){background-color:transparent}.matrixblock>.actions>.move{margin-top:-3px!important}.matrixblock>.actions>.status.off{display:none}.matrixblock>.actions a:not([data-action]){color:var(--dark-hairline-color);height:20px;padding:0;text-align:center;-webkit-transform:color linear .1s;-o-transform:color linear .1s;transform:color linear .1s}.matrixblock>.actions a:not([data-action]).settings:after{border-color:var(--dark-hairline-color);-webkit-transform:border-color linear .1s;-o-transform:border-color linear .1s;transform:border-color linear .1s}body.ltr .matrixblock>.actions a:not([data-action]).settings:after{margin-left:3px}body.rtl .matrixblock>.actions a:not([data-action]).settings:after{margin-right:3px}.matrixblock>.actions a:not([data-action]):hover{color:var(--link-color)}.matrixblock>.actions a:not([data-action]):hover.settings:after{border-color:var(--link-color)}.matrixblock:not(.static)>.fields{padding-top:14px}.matrixblock>.fields>.flex-fields>.field:before{display:none}.matrixblock>.buttons{height:30px;margin-top:0}.add-category-form{margin-top:24px}.add-category-form .texticon{width:200px}body.ltr .add-category-form .texticon{float:left}body.rtl .add-category-form .texticon{float:right}body.ltr .add-category-form .texticon{margin-right:5px}body.rtl .add-category-form .texticon{margin-left:5px}body.ltr .add-category-form .texticon .text{padding-right:30px}body.rtl .add-category-form .texticon .text{padding-left:30px}.add-category-form .texticon .spinner{position:absolute;top:0}body.ltr .add-category-form .texticon .spinner{right:5px}body.rtl .add-category-form .texticon .spinner{left:5px}.categoriesfield{min-height:30px;position:relative}body.ltr .categoriesfield .structure ul{margin-left:12px}body.rtl .categoriesfield .structure ul{margin-right:12px}body.sitepicker #main-content{-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;padding:30px;text-align:center}body.sitepicker #content-container{max-width:400px}.sitepicker-group li:not(:first-child) a{border-top-left-radius:0;border-top-right-radius:0;margin-top:-1px}.sitepicker-group li:not(:first-child) a:not(:hover){border-top-color:transparent}.sitepicker-group li:not(:last-child) a{border-bottom-left-radius:0;border-bottom-right-radius:0}.sitepicker-group li a{border:1px solid var(--hairline-color);border-radius:var(--medium-border-radius);box-sizing:border-box;display:block;font-size:16px;line-height:1.4;position:relative;text-align:left;width:100%}body.ltr .sitepicker-group li a{padding:9px 42px 9px 15px}body.rtl .sitepicker-group li a{padding:9px 15px 9px 42px}.sitepicker-group li a:after{font-size:14px;margin:0;padding:0;position:absolute;top:calc(50% - 7px)}body.ltr .sitepicker-group li a:after{right:12px}body.rtl .sitepicker-group li a:after{left:12px}.sitepicker-group li a:hover{border-color:var(--link-color);text-decoration:none;z-index:1}.elementselectormodal .body .main{float:left\9;width:445px\9}@media only screen and (-moz-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx){.structure ul li{-o-background-size:40px;background-size:40px}body.ltr .structure ul li{background-image:url(../images/branch_2x.png)}body.rtl .structure ul li{background-image:url(../images/branch_rtl_2x.png)}.hud .tip-left{background-image:url(../images/hudtip_left_2x.png);-o-background-size:15px 30px;background-size:15px 30px}.hud .tip-top{background-image:url(../images/hudtip_top_2x.png);-o-background-size:30px 15px;background-size:30px 15px}.hud .tip-right{background-image:url(../images/hudtip_right_2x.png);-o-background-size:15px 30px;background-size:15px 30px}.hud .tip-bottom{background-image:url(../images/hudtip_bottom_2x.png);-o-background-size:30px 15px;background-size:30px 15px}.hud.has-footer .tip-bottom{background-image:url(../images/hudtip_bottom_gray_2x.png)}}:root{--xs:4px;--s:8px;--m:14px;--l:18px;--xl:24px;--padding:var(--xl);--neg-padding:calc(var(--padding)*-1)}html{-webkit-text-size-adjust:100%}body,html{min-height:100vh}body :focus{box-shadow:var(--focus-ring);outline-color:transparent;outline-style:solid}.reduce-focus-visibility :focus:not(.focus-visible){box-shadow:none}.reduce-focus-visibility .focus-visible{box-shadow:var(--focus-ring)}.skip-link{height:1px;left:-10000px;margin:5px;overflow:hidden;position:absolute;top:0;width:1px;z-index:101}.skip-link:focus{background-color:var(--gray-100)!important;height:auto;left:unset;width:auto}body.ltr .skip-link:focus{left:0}body.rtl .skip-link:focus{right:0}@media only screen and (min-width:1200px){#global-skip-link{--light-color:var(--white);--dark-color:var(--gray-800);--focus-ring:0 0 0 3px var(--dark-color),0 0 0 6px var(--light-color)}}#global-container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;min-height:100vh;position:relative}body.ltr #global-container{left:0}body.rtl #global-container{right:0}@media screen and (prefers-reduced-motion:no-preference){body.ltr #global-container{-o-transition:left .25s ease-out;transition:left .25s ease-out}body.rtl #global-container{-o-transition:right .25s ease-out;transition:right .25s ease-out}}#global-sidebar{--is-always-visible:true;-webkit-overflow-scrolling:touch;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;--focus-ring:0 0 0 1px hsl(var(--light-focus-hsl)),0 0 0 3px hsla(var(--light-focus-hsl),0.7);background-color:var(--gray-800);display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;font-weight:500;height:100vh;overflow-x:hidden;overflow-y:auto;padding:0;position:fixed;z-index:100}#global-sidebar a{color:var(--gray-100);text-decoration:none}#global-sidebar :not(.has-subnav)>a[href]:not(.sel):hover,#global-sidebar>a[href]:not(.sel):hover{background-color:#29333d}#global-sidebar :not(.has-subnav)>a:not([href]),#global-sidebar>a:not([href]){background-color:transparent;cursor:default}#global-sidebar .light{color:var(--gray-400)}@media only screen and (max-width:1199px){#global-sidebar{--is-always-visible:false}}#system-info{grid-gap:10px;-webkit-align-items:center;align-items:center;background-color:#29333d;display:grid;-webkit-flex:0 0 50px;flex:0 0 50px;-webkit-flex-direction:row;flex-direction:row;grid-template-columns:30px auto;height:50px;padding:0 10px;position:relative}#system-info:after{display:none}#system-info:focus,#system-info:hover{background-color:#1f272e!important}#site-icon{height:30px}#site-icon img,#site-icon svg{border-radius:4px;display:block;height:30px;width:30px}#site-icon svg circle,#site-icon svg ellipse,#site-icon svg line,#site-icon svg path,#site-icon svg polygon,#site-icon svg polyline,#site-icon svg rect,#site-icon svg text{fill:var(--medium-text-color);stroke-width:0}#system-name .h2,#system-name h2{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;margin:0;max-height:40px;overflow:hidden;position:relative;width:100%}#system-name .h2:after,#system-name h2:after{background-image:-o-linear-gradient(left,rgba(41,51,61,0),#29333d);background-image:linear-gradient(90deg,rgba(41,51,61,0),#29333d);content:"";display:block;font-size:0;position:absolute;top:0;width:var(--m)}body.ltr #system-name .h2:after,body.ltr #system-name h2:after{right:0}body.rtl #system-name .h2:after,body.rtl #system-name h2:after{left:0}#system-info:hover #system-name .h2:after,#system-info:hover #system-name h2:after{background-image:-o-linear-gradient(left,rgba(31,39,46,0),#1f272e);background-image:linear-gradient(90deg,rgba(31,39,46,0),#1f272e)}#job-icon{-webkit-align-items:flex-start;align-items:flex-start}#job-icon>span.icon{display:block;height:16px;margin-top:2px!important;position:relative;width:16px}#job-icon>span.icon>canvas{display:block;height:16px;position:absolute;width:16px}#job-icon>span.icon>canvas#job-icon-hover{opacity:0}#job-icon[href]:hover .icon>span.icon>canvas#job-icon-hover{opacity:1}#job-icon .progress-label{color:var(--gray-300);display:block;font-size:11px;line-height:1.5}#nav{-webkit-flex:1;flex:1;margin:22px 0 0;overflow:visible;padding-bottom:var(--xl)}#nav li:not(.has-subnav)>a.sel{background-color:var(--gray-100);color:var(--gray-800);opacity:1}#nav li:not(.has-subnav)>a.sel .icon{opacity:1}#nav li a{padding-left:var(--m);padding-right:var(--m);position:relative}#nav li a:focus{z-index:1}#nav li a.menubtn{line-height:26px}#nav li a.external:after{speak:none;-webkit-font-feature-settings:"liga","dlig";-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:normal!important;content:"external";direction:ltr;display:inline-block;font-family:Craft;font-style:normal;font-variant:normal;font-weight:400;line-height:1;opacity:var(--icon-opacity);text-align:center;text-transform:none;-webkit-user-select:none;user-select:none;vertical-align:middle}body.ltr #nav li a.external:after{margin-left:5px}body.rtl #nav li a.external:after{margin-right:5px}#nav li a .label,#nav li a .label span{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}#nav li a .badge{background-color:var(--gray-200);color:var(--gray-800)}body.ltr #nav li a .badge{margin-right:0}body.rtl #nav li a .badge{margin-left:0}#nav li ul{display:block;margin-bottom:10px}#nav li ul li a{font-size:12px}body.ltr #nav li ul li a{padding:3px var(--m) 3px 42px!important}body.rtl #nav li ul li a{padding:3px 42px 3px var(--m)!important}#nav li ul li a:not(.active){color:var(--gray-200)}#global-footer{-webkit-flex-direction:column;flex-direction:column;padding:var(--m) var(--m) var(--xl)}#app-info,#global-footer{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex}#app-info{color:var(--gray-600);font-size:12px;gap:var(--s);-webkit-justify-content:center;justify-content:center;margin-top:var(--xs);text-align:center}#app-info a{text-decoration:underline}#app-info a,#app-info a.go:hover:after{color:var(--gray-600)}#edition-logo{border:1px solid var(--gray-600);border-radius:3px;box-sizing:content-box;display:-webkit-inline-flex;display:inline-flex;font-size:11px;height:20px;-webkit-user-select:none;user-select:none}#edition-logo>.edition-name,#edition-logo>.edition-trial{line-height:var(--s);padding:6px 7px 5px}#edition-logo>.edition-name{font-weight:600;letter-spacing:1.7px;padding-right:5px;text-transform:uppercase}#edition-logo>.edition-trial{background-color:var(--gray-600);border-radius:0 1px 1px 0;color:var(--gray-200);display:inline-block;letter-spacing:1px;position:relative;text-transform:lowercase}body.ltr #edition-logo>.edition-trial{margin-left:5px}body.rtl #edition-logo>.edition-trial{margin-right:5px}body.ltr #edition-logo>.edition-trial{padding-left:5px}body.rtl #edition-logo>.edition-trial{padding-right:5px}body.ltr #edition-logo>.edition-trial{padding-right:7px}body.rtl #edition-logo>.edition-trial{padding-left:7px}#edition-logo>.edition-trial:before{border-style:solid;content:"";display:block;font-size:0;height:0;position:absolute;top:0;width:0}body.ltr #edition-logo>.edition-trial:before{border-color:transparent var(--gray-600) transparent transparent;border-width:0 10px 20px 0;left:-10px}body.rtl #edition-logo>.edition-trial:before{border-color:transparent transparent transparent var(--gray-600);border-width:0 0 20px 10px;right:-10px}#devmode{background:url(../images/dev-mode.svg) repeat-x 21px 0;cursor:help;-webkit-flex:0 0 4px;flex:0 0 4px;min-height:4px;width:100%}#page-container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-flex-grow:1;flex-grow:1}body.ltr #page-container{padding-left:226px}body.rtl #page-container{padding-right:226px}#alerts{background-color:var(--red-050);border-left:5px solid var(--error-color);color:var(--error-color);padding:11px 0;position:relative;text-align:center}#alerts li{padding:4px var(--xl)}#alerts li a{color:var(--error-color);text-decoration:underline}#alerts li a.go{border:1px solid rgba(207,17,36,.5);border-radius:var(--medium-border-radius);margin:0 2px;padding:3px 5px;text-decoration:none;white-space:nowrap}#alerts li a.go:after{color:var(--error-color)}#alerts li a.go:hover{border-color:var(--error-color)}#global-header{background:#fff;background:var(--gray-050);box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);margin-bottom:var(--m);width:100%}#global-header:focus{box-shadow:var(--focus-ring)}#global-header .flex{-webkit-align-items:center;align-items:center}#global-header .btn{--ui-control-color:var(--gray-400);--ui-control-hover-color:var(--gray-500);--ui-control-active-color:var(--gray-600)}.nav-toggle{-webkit-align-items:center;align-items:center;color:currentColor;display:-webkit-flex;display:flex;height:50px;-webkit-justify-content:center;justify-content:center;line-height:26px;text-align:center;width:36px}body.ltr .nav-toggle{margin-left:-10px}body.rtl .nav-toggle{margin-right:-10px}.nav-toggle:before{speak:none;-webkit-font-feature-settings:"liga","dlig";-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:normal!important;content:"menu";direction:ltr;display:inline-block;font-family:Craft;font-size:16px;font-style:normal;font-variant:normal;font-weight:400;line-height:1;line-height:0;opacity:var(--icon-opacity);text-align:center;text-transform:none;-webkit-user-select:none;user-select:none;vertical-align:middle}.nav-toggle:hover{color:var(--gray-400)}#crumbs{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;font-size:13px;margin:0!important}#crumbs.empty{display:none}#crumbs a,#crumbs button{color:var(--light-text-color);-o-transition:color .1s linear;transition:color .1s linear}#crumbs a:hover,#crumbs button:hover{color:var(--link-color);text-decoration:none}#crumbs nav{margin:0}.breadcrumb-list{-webkit-align-items:stretch;align-items:stretch;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap}.breadcrumb-list li{-webkit-align-items:center;align-items:center;display:-webkit-inline-flex;display:inline-flex}.breadcrumb-list li a,.breadcrumb-list li button{padding:15px 0}.breadcrumb-list li button{cursor:pointer}.breadcrumb-list li:after{border:solid var(--medium-hairline-color);border-width:0 2px 2px 0;content:"";display:block;font-size:0;height:7px;opacity:.8;width:7px}body.ltr .breadcrumb-list li:after{margin:0 8px 0 7px}body.rtl .breadcrumb-list li:after{margin:0 7px 0 8px}body.ltr .breadcrumb-list li:after{-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}body.rtl .breadcrumb-list li:after{-webkit-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}.breadcrumb-list .menu--disclosure li{display:block}.breadcrumb-list .menu--disclosure li:after,li.breadcrumb-toggle-wrapper:after{content:none}#account-menu ul li a{max-width:calc(100% + 28px)!important}#announcements-btn{height:30px;padding-left:0;padding-right:0;position:relative;width:30px;width:40px}#announcements-btn:not(:hover):not(:active):not(.active){background-color:transparent}#announcements-btn:not(:active):not(.active):hover{background-color:rgba(154,165,177,.15)}#announcements-btn.unread:after{background-color:var(--blue-600);border-radius:4px;content:"";display:block;height:7px;position:absolute;top:3px;width:7px}body.ltr #announcements-btn.unread:after{right:7px}body.rtl #announcements-btn.unread:after{left:7px}#announcements-btn svg{height:22px;width:22px}#announcements-btn svg circle,#announcements-btn svg ellipse,#announcements-btn svg line,#announcements-btn svg path,#announcements-btn svg polygon,#announcements-btn svg polyline,#announcements-btn svg rect,#announcements-btn svg text{fill:var(--ui-control-color);stroke-width:0}#announcements-btn.active svg circle,#announcements-btn.active svg ellipse,#announcements-btn.active svg line,#announcements-btn.active svg path,#announcements-btn.active svg polygon,#announcements-btn.active svg polyline,#announcements-btn.active svg rect,#announcements-btn.active svg text,#announcements-btn:active svg circle,#announcements-btn:active svg ellipse,#announcements-btn:active svg line,#announcements-btn:active svg path,#announcements-btn:active svg polygon,#announcements-btn:active svg polyline,#announcements-btn:active svg rect,#announcements-btn:active svg text,#announcements-btn:hover svg circle,#announcements-btn:hover svg ellipse,#announcements-btn:hover svg line,#announcements-btn:hover svg path,#announcements-btn:hover svg polygon,#announcements-btn:hover svg polyline,#announcements-btn:hover svg rect,#announcements-btn:hover svg text{fill:var(--link-color);stroke-width:0}#announcements{max-width:350px}#announcements .announcement:not(:first-child){margin-top:20px}#announcements .announcement .announcement-label-container{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;margin-bottom:3px;margin-top:-3px}#announcements .announcement .announcement-label-container .announcement-icon svg{display:block;height:15px;width:15px}#announcements .announcement .announcement-label-container .announcement-label{color:var(--light-text-color);font-size:12px;margin-left:5px}#announcements .announcement h2{margin:0 0 3px;position:relative}#announcements .announcement.unread h2:after{background-color:var(--blue-600);border-radius:4px;content:"";display:block;height:7px;position:absolute;top:7px;width:7px}body.ltr #announcements .announcement.unread h2:after{left:-13px}body.rtl #announcements .announcement.unread h2:after{right:-13px}#announcements .announcement p{margin:0}#user-info{-webkit-align-items:center;align-items:center;background-color:transparent;border-radius:0;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;height:100%;padding-bottom:5px;padding-top:5px}body.ltr #user-info{padding-right:25px}body.rtl #user-info{padding-left:25px}#user-info:after{border-color:var(--ui-control-color);-o-transition:border-color .1s linear;transition:border-color .1s linear}#user-info:hover:after{border-color:var(--ui-control-hover-color)}#user-info[aria-expanded=true]:after{border-color:var(--ui-control-active-color)}.header-photo{padding:5px 0}.header-photo img{border-radius:50%;box-shadow:0 0 0 1px rgba(31,41,51,.05),0 0 0 rgba(31,41,51,0);display:block;height:30px;max-width:none;-o-transition:box-shadow .15s linear;transition:box-shadow .15s linear;width:30px}#user-info:hover .header-photo img{box-shadow:0 0 0 1px rgba(31,41,51,.05),0 2px 10px -2px rgba(31,41,51,.3)}#main-container{-webkit-flex-grow:1;flex-grow:1;position:relative}#notifications{bottom:8px;position:fixed;width:calc(100% - 16px);z-index:101}body.ltr #notifications{left:8px}body.rtl #notifications{right:8px}@media only screen and (min-width:974px){#notifications{width:350px}}#notifications .notification{--color:var(--notice-color);background:#fff;border-radius:var(--large-border-radius);box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);box-shadow:0 0 0 1px rgba(19,26,32,.15),0 2px 12px rgba(19,26,32,.15);display:-webkit-flex;display:flex;padding:10px 14px;position:relative}#notifications .notification:focus{box-shadow:var(--focus-ring)}#notifications .notification[data-type=success]{--color:var(--success-color)}#notifications .notification[data-type=error]{--color:var(--error-color)}#notifications .notification+.notification{margin-top:12px}#notifications .notification .notification-icon{color:var(--color);font-size:18px;margin-top:-2px;width:18px}body.ltr #notifications .notification .notification-icon{margin-right:10px}body.rtl #notifications .notification .notification-icon{margin-left:10px}#notifications .notification .notification-body{display:-webkit-flex;display:flex;-webkit-flex:1;flex:1}#notifications .notification .notification-body .notification-message{font-weight:700}#notifications .notification .notification-body .notification-details{margin-top:var(--xs)}#notifications .notification .notification-body .notification-details .element{border:1px solid rgba(51,64,77,.1)}#notifications .notification .notification-close-btn{position:relative;top:-2px}body.ltr #notifications .notification .notification-close-btn{margin-left:10px}body.rtl #notifications .notification .notification-close-btn{margin-right:10px}#header-container{margin-bottom:var(--m)}#crumbs,#header{padding-left:var(--xl);padding-right:var(--xl)}@media only screen and (min-width:1200px){#primary-nav-toggle{display:none}}#global-header .flex,#header .flex{max-width:100%}#global-header .flex.flex-nowrap,#header .flex.flex-nowrap{min-width:0}#header{-webkit-align-content:stretch;align-content:stretch;-webkit-align-items:flex-start;align-items:flex-start;background-color:rgba(154,165,177,0);box-shadow:0 1px 0 rgba(51,64,77,0);box-sizing:border-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;gap:var(--s);-webkit-justify-content:space-between;justify-content:space-between;padding-bottom:var(--s);padding-top:var(--s);position:relative;-o-transition:background-color .1s linear,box-shadow .1s linear;transition:background-color .1s linear,box-shadow .1s linear;width:calc(100vw - 226px);z-index:2}body.fixed-header #header{background-color:var(--gray-100);box-shadow:inset 0 -1px 0 rgba(63,77,90,.1);position:fixed;top:0;z-index:12}@supports((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){#header{transition:background-color .1s linear,box-shadow .1s linear,-webkit-backdrop-filter .1s linear;-o-transition:background-color .1s linear,box-shadow .1s linear,backdrop-filter .1s linear;transition:background-color .1s linear,box-shadow .1s linear,backdrop-filter .1s linear;transition:background-color .1s linear,box-shadow .1s linear,backdrop-filter .1s linear,-webkit-backdrop-filter .1s linear}body.fixed-header #header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(228,237,246,.75)}}#header h1{line-height:34px;margin-bottom:0;min-width:0}#header .btngroup,#header .buttons,#header h1{margin-top:0}@media only screen and (min-width:974px){#page-title.has-toolbar{min-width:calc(226px - var(--xl) - var(--s))!important}}#toolbar{-webkit-align-items:flex-start;align-items:flex-start;-webkit-flex:1;flex:1}#toolbar .icon:before,#toolbar .menubtn:after,#toolbar .texticon:before,#toolbar [data-icon-after]:after,#toolbar [data-icon]:before{color:currentColor;opacity:.8}#toolbar .btn[aria-pressed=true]{background-color:var(--gray-500);color:var(--white)}#toolbar .text{border-radius:var(--large-border-radius)}#toolbar .text::-webkit-input-placeholder{color:var(--light-text-color)}#toolbar .text::placeholder{color:var(--light-text-color)}#toolbar .text:not(:focus){background-clip:border-box}#main-content{-webkit-align-items:flex-start;align-items:flex-start;box-sizing:border-box;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;padding:0 var(--xl) 48px;width:calc(100vw - 226px)}#main-content>.grid:only-child{-webkit-flex:1;flex:1}#sidebar-toggle-container{display:none}#sidebar-container{box-sizing:border-box;-webkit-flex:0 0 226px;flex:0 0 226px;width:226px}@media only screen and (min-width:1200px){body.ltr #sidebar-container{margin-left:calc(var(--xl)*-1)}body.rtl #sidebar-container{margin-right:calc(var(--xl)*-1)}}#sidebar{background-color:transparent;box-sizing:border-box;padding:0 31px;width:226px}#sidebar.fixed{overflow-y:auto;padding-bottom:var(--m);padding-top:var(--m);position:fixed}#sidebar nav{margin-left:-31px;margin-right:-31px}#sidebar nav li a{position:relative}#sidebar nav li a:focus{z-index:1}#sidebar nav li a:not(.sel):hover{background-color:var(--gray-200)}#content-container{-webkit-flex:1;flex:1}#main-content:not(.has-sidebar):not(.has-details) #content-container{max-width:100%;width:100%}#main-content.has-sidebar #content-container{max-width:calc(100% - 202px);width:calc(100% - 202px)}#main-content.has-details #content-container{max-width:calc(100% - 350px - var(--m));width:calc(100% - 350px - var(--m))}#content-container #main-content.has-sidebar.has-details{max-width:calc(100% - 614px);width:calc(100% - 614px)}#content-heading{margin-top:var(--xl)!important}@media only screen and (min-width:974px){#content-heading{clip:rect(0,0,0,0);border:0;height:1px;margin:0;overflow:hidden;padding:0;position:absolute;width:1px}}.content-pane{word-wrap:break-word;background:#fff;background-clip:padding-box;border-radius:var(--large-border-radius);box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);padding:var(--xl);position:relative}.content-pane:focus{box-shadow:var(--focus-ring)}.content-pane>hr{margin-left:calc(var(--xl)*-1);margin-right:calc(var(--xl)*-1)}#footer{background-color:var(--gray-050);border-radius:0 0 var(--large-border-radius) var(--large-border-radius);box-sizing:border-box;margin:25px calc(var(--xl)*-1) calc(var(--xl)*-1);min-height:50px;padding:var(--s) var(--xl);z-index:1}#footer:empty{display:none}#footer .flex>*,#footer>*{margin-bottom:0}#details-container{box-sizing:border-box;-webkit-flex:0 0 388px;flex:0 0 388px;width:388px}body.ltr #details-container{margin-right:calc(var(--xl)*-1)}body.rtl #details-container{margin-left:calc(var(--xl)*-1)}#details{box-sizing:border-box;width:388px}body.ltr #details{padding-right:var(--xl)}body.rtl #details{padding-left:var(--xl)}body.ltr #details{padding-left:var(--m)}body.rtl #details{padding-right:var(--m)}#details.fixed{overflow-y:auto;padding-top:var(--m);position:fixed}#details .details .meta{border-radius:var(--large-border-radius)}#details .details .meta:not(.read-only):not(.warning){background:#fff;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5)}#details .details .meta:not(.read-only):not(.warning):focus{box-shadow:var(--focus-ring)}#details .details .meta.read-only{background-color:transparent!important;color:var(--medium-text-color)}#details .details .meta>.data:first-child,#details .details .meta>.field:first-child{border-top-right-radius:var(--large-border-radius)}#details .details .meta>.data:first-child,#details .details .meta>.data:first-child>.status-badge,#details .details .meta>.field:first-child,#details .details .meta>.field:first-child>.status-badge{border-top-left-radius:var(--large-border-radius)}#details .details .meta>.data:last-child,#details .details .meta>.field:last-child{border-bottom-right-radius:var(--large-border-radius)}#details .details .meta>.data:last-child,#details .details .meta>.data:last-child>.status-badge,#details .details .meta>.field:last-child,#details .details .meta>.field:last-child>.status-badge{border-bottom-left-radius:var(--large-border-radius)}#details .details>.field>.input>.text.fullwidth{background:#fff;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5)}#details .details>.field>.input>.text.fullwidth:focus{box-shadow:var(--focus-ring)}#details .details .notes{border-radius:5px;padding-bottom:15px;padding-top:15px}@media only screen and (max-width:1199px){#global-container{width:calc(100vw + 226px)}body.ltr #global-container{left:-226px}body.rtl #global-container{right:-226px}body.ltr.showing-nav #global-container{left:0}body.rtl.showing-nav #global-container{right:0}#crumbs{display:-webkit-flex!important;display:flex!important}#header,#main-content{width:100vw}}@media only screen and (max-width:973px){#header{display:block}#header .flex:not(#toolbar){margin-top:10px}#toolbar{-webkit-flex-wrap:wrap!important;flex-wrap:wrap!important}#toolbar>*{margin-top:10px!important}body.fixed-header #header .flex:first-child{margin-top:0}#main-content{display:block}#sidebar-toggle-container{display:block;margin-bottom:var(--m)}#sidebar-toggle:after{top:0;-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}body.rtl #sidebar-toggle:after{-webkit-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}body.showing-sidebar #sidebar-toggle{background-color:#acbed2!important}body.showing-sidebar #sidebar-toggle:after{-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}#content-container{min-height:0!important}#details-container,#sidebar-container{width:auto!important}#details,#sidebar{max-height:none!important;overflow-y:visible!important;position:static!important;width:auto}#sidebar{margin-bottom:var(--m)}body:not(.showing-sidebar) #sidebar{display:none}body.ltr #details-container{margin-right:0}body.rtl #details-container{margin-left:0}#content-container{max-width:none!important;width:auto!important}#details{margin-top:var(--m);padding:0!important}}@media only screen and (max-width:767px){#crumbs,#header,#main-content{padding-left:10px!important;padding-right:10px!important}#tabs ul li a{padding-left:var(--m);padding-right:var(--m)}body.ltr #tabs ul li+li{margin-left:-7px}body.rtl #tabs ul li+li{margin-right:-7px}}body.ltr #settingsmenu ul li a{padding-left:46px}body.rtl #settingsmenu ul li a{padding-right:46px}#settingsmenu ul li a:before{font-size:15px}body.ltr #settingsmenu ul li a:before{margin:1px 0 0 -22px}body.rtl #settingsmenu ul li a:before{margin:1px -22px 0 0}#settingsmenu ul li a img{height:16px;margin-left:-23px;margin-top:1px;position:absolute;width:16px}.grid{min-height:1px;position:relative}.grid:after{clear:both;content:"";display:block;height:0;visibility:hidden}.grid>.item{display:none}.grid>.item,.sidebar{box-sizing:border-box}.sidebar{font-size:13px;width:226px}.sidebar:not(.drag-helper){background-color:var(--gray-050);padding:var(--m) 0}.sidebar .heading{margin:var(--m) var(--xl) 2px;position:relative}.sidebar .heading span{color:var(--medium-text-color);display:inline-block;font-size:11px;font-weight:700;margin:0 -5px;padding:0 5px;position:relative;text-transform:uppercase;z-index:1}.sidebar nav{padding:0 var(--s)}body.ltr .sidebar nav>ul>li>a{padding-left:24px}body.rtl .sidebar nav>ul>li>a{padding-right:24px}body.ltr .sidebar nav>ul>li>.toggle{left:calc(var(--m)*0)}body.rtl .sidebar nav>ul>li>.toggle{right:calc(var(--m)*0)}body.ltr .sidebar nav>ul>li>ul>li>a{padding-left:38px}body.rtl .sidebar nav>ul>li>ul>li>a{padding-right:38px}body.ltr .sidebar nav>ul>li>ul>li>.toggle{left:calc(var(--m)*1)}body.rtl .sidebar nav>ul>li>ul>li>.toggle{right:calc(var(--m)*1)}body.ltr .sidebar nav>ul>li>ul>li>ul>li>a{padding-left:52px}body.rtl .sidebar nav>ul>li>ul>li>ul>li>a{padding-right:52px}body.ltr .sidebar nav>ul>li>ul>li>ul>li>.toggle{left:calc(var(--m)*2)}body.rtl .sidebar nav>ul>li>ul>li>ul>li>.toggle{right:calc(var(--m)*2)}body.ltr .sidebar nav>ul>li>ul>li>ul>li>ul>li>a{padding-left:66px}body.rtl .sidebar nav>ul>li>ul>li>ul>li>ul>li>a{padding-right:66px}body.ltr .sidebar nav>ul>li>ul>li>ul>li>ul>li>.toggle{left:calc(var(--m)*3)}body.rtl .sidebar nav>ul>li>ul>li>ul>li>ul>li>.toggle{right:calc(var(--m)*3)}body.ltr .sidebar nav>ul>li>ul>li>ul>li>ul>li>ul>li>a{padding-left:80px}body.rtl .sidebar nav>ul>li>ul>li>ul>li>ul>li>ul>li>a{padding-right:80px}body.ltr .sidebar nav>ul>li>ul>li>ul>li>ul>li>ul>li>.toggle{left:calc(var(--m)*4)}body.rtl .sidebar nav>ul>li>ul>li>ul>li>ul>li>ul>li>.toggle{right:calc(var(--m)*4)}.sidebar nav li{position:relative}.sidebar nav li:not(.has-subnav)>a:not(.sel):hover{background-color:var(--gray-100);text-decoration:none}.sidebar nav li:not(.has-subnav)>a.sel{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background-color:var(--gray-500);cursor:default;font-weight:500}.sidebar nav li:not(.has-subnav)>a.sel,.sidebar nav li:not(.has-subnav)>a.sel+.toggle{color:var(--white)}.sidebar nav li a{-webkit-align-items:center;align-items:center;border-radius:var(--large-border-radius);box-sizing:border-box;color:var(--text-color);display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;margin-bottom:1px;min-height:var(--xl);padding:7px var(--xl);position:relative;-webkit-user-select:none;user-select:none;word-break:break-word}.sidebar nav li a .icon,.sidebar nav li a .status{-webkit-flex-shrink:1;flex-shrink:1}.sidebar nav li a .icon{height:18px;opacity:.85;-o-transition:margin-left .15s linear,margin-right .15s linear;transition:margin-left .15s linear,margin-right .15s linear;width:18px;word-break:normal}body.ltr .sidebar nav li a .icon{margin-right:10px}body.rtl .sidebar nav li a .icon{margin-left:10px}.sidebar nav li a .icon.icon-mask svg circle,.sidebar nav li a .icon.icon-mask svg ellipse,.sidebar nav li a .icon.icon-mask svg line,.sidebar nav li a .icon.icon-mask svg path,.sidebar nav li a .icon.icon-mask svg polygon,.sidebar nav li a .icon.icon-mask svg polyline,.sidebar nav li a .icon.icon-mask svg rect,.sidebar nav li a .icon.icon-mask svg text{fill:currentColor;stroke-width:0}.sidebar nav li a .icon.icon-mask span[data-icon]{color:currentColor}.sidebar nav li a .icon svg{height:16px;width:16px}.sidebar nav li a .icon span[data-icon]{font-size:16px}.sidebar nav li a .icon span[data-icon]:before{display:block}.sidebar nav li a .label{-webkit-flex:1;flex:1}.sidebar nav li a .badge{background-color:var(--medium-text-color);border-radius:var(--s);color:var(--white);-webkit-flex-shrink:1;flex-shrink:1;font-size:11px;line-height:16px;padding:0 6px}body.ltr .sidebar nav li a .badge{margin:0 -4px 0 10px}body.rtl .sidebar nav li a .badge{margin:0 10px 0 -4px}.sidebar nav li .toggle{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;height:34px;-webkit-justify-content:center;justify-content:center;position:absolute;top:0;width:var(--xl);z-index:1}.sidebar nav li ul{display:none}.sidebar nav li.expanded>ul{display:block}body.ltr .content.has-sidebar:not(.hiding-sidebar){margin-left:226px}body.rtl .content.has-sidebar:not(.hiding-sidebar){margin-right:226px}#content-notice{margin:0 calc(var(--xl)*-1);padding:0 var(--xl)}#content-notice:not(:last-child){border-bottom:1px solid var(--hairline-color);margin-bottom:var(--s);padding-bottom:var(--s)}#content :not(.meta)>.flex-fields,#content>.flex-fields,.so-content .flex-fields{--row-gap:var(--xl);-webkit-align-content:flex-start;align-content:flex-start;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin:0 calc(var(--row-gap)*-1) calc(var(--row-gap)*-1);width:calc(100% + var(--row-gap)*2)}#content :not(.meta)>.flex-fields>*,#content>.flex-fields>*,.so-content .flex-fields>*{box-sizing:border-box;margin:0 0 var(--row-gap)!important;padding:0 var(--row-gap)}#content :not(.meta)>.flex-fields>h2,#content>.flex-fields>h2,.so-content .flex-fields>h2{-webkit-flex:4 0 100%;flex:4 0 100%}#content :not(.meta)>.flex-fields>h2:not(:first-child),#content>.flex-fields>h2:not(:first-child),.so-content .flex-fields>h2:not(:first-child){border-top:1px solid var(--hairline-color);padding-top:var(--xl)}#content :not(.meta)>.flex-fields>.line-break,#content :not(.meta)>.flex-fields>hr,#content>.flex-fields>.line-break,#content>.flex-fields>hr,.so-content .flex-fields>.line-break,.so-content .flex-fields>hr{-webkit-flex:4 0 100%;flex:4 0 100%}#content :not(.meta)>.flex-fields>.line-break:not(:first-child),#content>.flex-fields>.line-break:not(:first-child),.so-content .flex-fields>.line-break:not(:first-child){margin-bottom:0!important}#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break),#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child,#content>.flex-fields>:not(h2):not(hr):not(.line-break),#content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child,.so-content .flex-fields>:not(h2):not(hr):not(.line-break),.so-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child{position:relative;width:100%}#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):before,#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child:before,#content>.flex-fields>:not(h2):not(hr):not(.line-break):before,#content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child:before,.so-content .flex-fields>:not(h2):not(hr):not(.line-break):before,.so-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child:before{background-color:rgba(205,216,228,.5);content:"";height:100%;position:absolute;top:0;width:1px}body.ltr #content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):before,body.ltr #content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child:before,body.ltr #content>.flex-fields>:not(h2):not(hr):not(.line-break):before,body.ltr #content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child:before,body.ltr .so-content .flex-fields>:not(h2):not(hr):not(.line-break):before,body.ltr .so-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child:before{left:-1px}body.rtl #content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):before,body.rtl #content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child:before,body.rtl #content>.flex-fields>:not(h2):not(hr):not(.line-break):before,body.rtl #content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child:before,body.rtl .so-content .flex-fields>:not(h2):not(hr):not(.line-break):before,body.rtl .so-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child:before{right:-1px}@media only screen and (min-width:1536px){#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break).width-25,#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25,#content>.flex-fields>:not(h2):not(hr):not(.line-break).width-25,#content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25{width:25%}#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break).width-50,#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50,#content>.flex-fields>:not(h2):not(hr):not(.line-break).width-50,#content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50{width:50%}#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break).width-75,#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-75,#content>.flex-fields>:not(h2):not(hr):not(.line-break).width-75,#content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-75{width:75%}}@media only screen and (min-width:600px)and (max-width:1535px){#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break).width-25,#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break).width-50,#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25,#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50,#content>.flex-fields>:not(h2):not(hr):not(.line-break).width-25,#content>.flex-fields>:not(h2):not(hr):not(.line-break).width-50,#content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25,#content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50{width:50%}}@media only screen and (min-width:1200px){.so-content .flex-fields>:not(h2):not(hr):not(.line-break).width-25,.so-content .flex-fields>:not(h2):not(hr):not(.line-break).width-50,.so-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25,.so-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50{width:50%}}.lp-editor-container,.lp-preview-container{background-color:var(--white);height:100%;position:fixed;top:0;z-index:100}.lp-editor-container header,.lp-preview-container header{background-color:var(--gray-100);box-shadow:0 1px 0 rgba(63,77,90,.2);box-sizing:border-box;padding:8px 24px;position:relative;z-index:1}@supports((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.lp-editor-container header,.lp-preview-container header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(228,237,246,.75);left:0;position:absolute;top:0;width:100%;z-index:2}.lp-editor-container header+.lp-editor,.lp-preview-container header+.lp-editor{padding-top:78px}}.lp-editor-container header .btn,.lp-editor-container header .checkmark-icon,.lp-editor-container header .spinner,.lp-preview-container header .btn,.lp-preview-container header .checkmark-icon,.lp-preview-container header .spinner{margin-bottom:0}.lp-editor-container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.lp-editor-container .lp-editor{box-sizing:border-box;-webkit-flex:1;flex:1;overflow:auto;padding:24px}.lp-editor-container .lp-editor>.field:last-child{margin-bottom:24px!important}body.ltr .lp-editor-container .lp-editor>.field>.status-badge{left:-24px}body.rtl .lp-editor-container .lp-editor>.field>.status-badge{right:-24px}.lp-editor-container .lp-draghandle{cursor:col-resize;height:100%;position:absolute;top:0;width:4px;z-index:6}body.ltr .lp-editor-container .lp-draghandle{right:-2px}body.rtl .lp-editor-container .lp-draghandle{left:-2px}.lp-preview-container{box-shadow:-1px 0 0 rgba(63,77,90,.2);display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.lp-preview-container.dragging:after{content:"";font-size:0;height:100%;left:0;position:absolute;top:0;width:100%}.lp-preview-container .lp-preview-header{display:-webkit-flex;display:flex}@supports not ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.lp-preview-container .lp-preview-header{background-color:rgba(228,237,246,.75)}}.lp-preview-container .lp-preview-header .buttons{margin:0}body.ltr .lp-preview-container .lp-preview-header .buttons .btn+.btn{margin-left:7px}body.rtl .lp-preview-container .lp-preview-header .buttons .btn+.btn{margin-right:7px}.lp-preview-container .lp-preview-header+.lp-iframe-container{padding-top:0}@supports((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.lp-preview-container .lp-preview-header+.lp-iframe-container{padding-top:50px}}.lp-preview-container .lp-preview-header .lp-device-type{margin:0}.lp-preview-container .lp-device-type__label:before{background-position:50%;background-repeat:no-repeat;-o-background-size:contain;background-size:contain;content:"";display:block;height:22px;-o-transition-duration:.3s;transition-duration:.3s;width:27px}.lp-preview-container .lp-device-type__label.lp-device-type__label--phone:before{background-image:url(../images/preview/icon-phone.svg)}.lp-preview-container .lp-device-type__label.lp-device-type__label--tablet:before{background-image:url(../images/preview/icon-tablet.svg)}.lp-preview-container .lp-device-type__label.lp-device-type__label--desktop:before{background-image:url(../images/preview/icon-desktop.svg)}.lp-preview-container .lp-device-type__radio-group{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;white-space:nowrap}body.ltr .lp-preview-container .lp-device-type__item:not(:last-child) .btn{border-bottom-right-radius:0;border-top-right-radius:0;margin-right:1px}body.rtl .lp-preview-container .lp-device-type__item:not(:last-child) .btn{border-bottom-left-radius:0;border-top-left-radius:0;margin-left:1px}.lp-preview-container .lp-preview-container__bumper-link{bottom:0;top:unset}body.ltr .lp-preview-container .lp-device-type__item:not(:first-child) .btn{border-bottom-left-radius:0;border-top-left-radius:0}body.rtl .lp-preview-container .lp-device-type__item:not(:first-child) .btn{border-bottom-right-radius:0;border-top-right-radius:0}.lp-preview-container .lp-device-type__input.focus-visible+label{box-shadow:var(--focus-ring)}.lp-preview-container .lp-device-mask{display:none}.lp-preview-container .lp-iframe-container{-webkit-flex:1;flex:1;overflow:auto}.lp-preview-container .lp-iframe-container .lp-preview{display:block;min-height:100%;width:100%}.lp-preview-container .lp-iframe-container:not(.lp-iframe-container--has-device-preview) .lp-device-preview-container{height:100%!important;margin:0!important;-webkit-transform:none!important;-o-transform:none!important;transform:none!important;width:auto!important}.lp-preview-container .lp-iframe-container--has-device-preview{background-color:var(--gray-100);-webkit-flex:none;flex:none;height:calc(100% - 50px);padding-top:0!important;position:relative;top:0;width:100%}@supports((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.lp-preview-container .lp-iframe-container--has-device-preview{top:50px}}.lp-preview-container .lp-iframe-container--has-device-preview .lp-device-preview-container{left:50%;opacity:1;overflow:auto;position:absolute;top:50%;-o-transition:opacity .3s;transition:opacity .3s;z-index:2}.lp-preview-container .lp-iframe-container--has-device-preview .lp-device-mask{background-color:#fff;background-image:url(../images/preview/chrome-phone-top.svg),url(../images/preview/chrome-phone-bottom.svg);background-position:top,bottom;background-repeat:no-repeat;-o-background-size:contain;background-size:contain;border-radius:18px;box-shadow:0 0 58px rgba(6,67,117,.3);display:block;left:50%;position:absolute;top:50%;z-index:1}.lp-preview-container .lp-iframe-container--has-device-preview.lp-iframe-container--tablet .lp-device-mask{background-image:url(../images/preview/chrome-tablet-top.svg),url(../images/preview/chrome-tablet-bottom.svg)}@media screen and (prefers-reduced-motion:no-preference){.lp-preview-container .lp-iframe-container--rotating .lp-device-mask{-o-transition-duration:.3s;transition-duration:.3s;transition-property:-webkit-transform;-o-transition-property:-o-transform;transition-property:transform;transition-property:transform,-webkit-transform,-o-transform}.lp-preview-container .lp-iframe-container--rotating .lp-device-preview-container{opacity:0;-o-transition:opacity 0s;transition:opacity 0s}}.layoutdesigner{-webkit-align-items:stretch;align-items:stretch;background-clip:padding-box;background-color:#fbfcfe;border:1px solid rgba(96,125,159,.25);border-radius:3px;box-shadow:none;display:-webkit-flex;display:flex;min-height:500px;overflow:hidden;position:relative}body.ltr .layoutdesigner{padding-right:241px}body.rtl .layoutdesigner{padding-left:241px}.errors>.layoutdesigner{border:1px solid var(--error-color)!important}.layoutdesigner .fld-workspace{background-color:var(--gray-050);background-image:-o-linear-gradient(left,#ecf2f9 1px,transparent 0),-o-linear-gradient(top,#ecf2f9 1px,transparent 1px);background-image:linear-gradient(90deg,#ecf2f9 1px,transparent 0),linear-gradient(180deg,#ecf2f9 1px,transparent 0);background-position:-1px -1px;-o-background-size:24px 24px;background-size:24px 24px;box-shadow:inset 0 1px 3px -1px #acbed2;-webkit-flex:1;flex:1}body.ltr .layoutdesigner .fld-workspace{border-radius:var(--small-border-radius) 0 0 var(--small-border-radius)}body.rtl .layoutdesigner .fld-workspace{border-radius:0 var(--small-border-radius) var(--small-border-radius) 0}body.ltr .layoutdesigner .fld-workspace{padding:24px 0 24px 24px}body.rtl .layoutdesigner .fld-workspace{padding:24px 24px 24px 0}.layoutdesigner .fld-workspace .fld-tabs{-webkit-align-items:flex-start;align-items:flex-start;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.layoutdesigner .fld-sidebar{box-sizing:border-box;height:100%;overflow:auto;padding:14px;position:absolute;top:0;width:241px}body.ltr .layoutdesigner .fld-sidebar{right:0}body.rtl .layoutdesigner .fld-sidebar{left:0}.layoutdesigner .fld-sidebar .btngroup{margin-bottom:14px}.layoutdesigner .fld-sidebar .fld-field-library .fld-field-group{margin-top:14px}.layoutdesigner .fld-sidebar .fld-field-library .fld-field-group h6{margin-bottom:7px}.layoutdesigner .fld-sidebar .filtered{display:none}.layoutdesigner .fld-new-tab-btn:active{background-color:var(--gray-050)}.fld-new-tab-btn,.fld-new-tab-btn:hover,.fld-sidebar,.fld-tab .fld-tabcontent,.fld-tab .tabs .tab{background-color:var(--white);box-shadow:0 0 0 1px rgba(31,41,51,.1),0 2px 5px -2px rgba(31,41,51,.2)}body.ltr .fld-element .settings,body.ltr .fld-element .slide-picker,body.ltr .fld-tab .settings{margin-left:7px}body.rtl .fld-element .settings,body.rtl .fld-element .slide-picker,body.rtl .fld-tab .settings{margin-right:7px}.fld-element .settings:before,.fld-tab .settings:before{font-size:16px;margin-top:-2px;opacity:.5}.fld-element .settings.active:before,.fld-element .settings:hover:before,.fld-tab .settings.active:before,.fld-tab .settings:hover:before{opacity:1}.fld-tab{box-sizing:border-box;width:264px}body.ltr .fld-tab{padding:0 25px 24px 0}body.rtl .fld-tab{padding:0 0 24px 25px}.fld-tab .tabs{display:-webkit-flex;display:flex;margin:-10px -12px 0;overflow:hidden;padding:10px 12px 0}.fld-tab .tabs .tab{border-radius:var(--medium-border-radius) var(--medium-border-radius) 0 0;box-sizing:border-box;display:-webkit-flex;display:flex;max-width:calc(100% - 10px);padding:8px 14px}body:not(.dragging) .fld-tab .tabs .tab.draggable{cursor:move;cursor:-webkit-grab;cursor:grab}.fld-tab .tabs .tab span{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.fld-tab .fld-tabcontent{padding:14px}body.ltr .fld-tab .fld-tabcontent{border-radius:0 var(--medium-border-radius) var(--medium-border-radius) var(--medium-border-radius)}body.rtl .fld-tab .fld-tabcontent{border-radius:var(--medium-border-radius) 0 var(--medium-border-radius) var(--medium-border-radius)}.fld-tab.fld-insertion .fld-tabcontent,.fld-tab.fld-insertion .tabs .tab{background-color:var(--gray-050);background-image:-o-linear-gradient(left,#ecf2f9 1px,transparent 0),-o-linear-gradient(top,#ecf2f9 1px,transparent 1px);background-image:linear-gradient(90deg,#ecf2f9 1px,transparent 0),linear-gradient(180deg,#ecf2f9 1px,transparent 0);-o-background-size:24px 24px;background-size:24px 24px;border:2px dashed var(--hairline-color);box-shadow:none;margin:-2px}.fld-tab.fld-insertion .tabs .tab{background-position:-1px -1px}.fld-tab.fld-insertion .fld-tabcontent{background-position:-1px -13px}.fld-tab-caboose{min-height:24px}.fld-required-indicator{color:var(--link-color);display:-webkit-inline-flex;display:inline-flex;font-size:9px}body.ltr .fld-required-indicator{margin-left:4px}body.rtl .fld-required-indicator{margin-right:4px}.fld-element{-webkit-align-items:center;align-items:center;background-color:var(--white);border-radius:var(--medium-border-radius);box-shadow:inset 0 0 0 1px var(--hairline-color);display:-webkit-flex;display:flex;padding:7px 10px;position:relative;z-index:0}.fld-element.has-conditions:after{background-clip:content-box,border-box;background-image:-o-linear-gradient(var(--white),var(--white)),-o-repeating-linear-gradient(135deg,var(--white),var(--white) 5px,transparent 5px,transparent 10px);background-image:linear-gradient(var(--white),var(--white)),repeating-linear-gradient(-45deg,var(--white),var(--white) 5px,transparent 5px,transparent 10px);-o-background-origin:border-box;background-origin:border-box;border:2px solid transparent;border-radius:var(--medium-border-radius);bottom:2px;content:" ";left:2px;position:absolute;right:2px;top:2px;z-index:-1}body:not(.dragging) .fld-element{cursor:move;cursor:-webkit-grab;cursor:grab}.fld-element+.fld-element{margin-top:7px}.fld-element.fld-insertion{background:none;border:2px dashed var(--hairline-color);border-radius:var(--medium-border-radius);box-shadow:none;box-sizing:border-box}.fld-element.draghelper{box-shadow:0 1px 5px -1px rgba(31,41,51,.2)}.fld-element.fld-field{background-color:var(--gray-100);color:var(--medium-text-color)}.fld-element.fld-field.has-conditions:after{background-clip:content-box,border-box;background-image:-o-linear-gradient(var(--gray-100),var(--gray-100)),-o-repeating-linear-gradient(135deg,var(--white),var(--white) 5px,transparent 5px,transparent 10px);background-image:linear-gradient(var(--gray-100),var(--gray-100)),repeating-linear-gradient(-45deg,var(--white),var(--white) 5px,transparent 5px,transparent 10px);-o-background-origin:border-box;background-origin:border-box;border:2px solid transparent;border-radius:var(--medium-border-radius);bottom:2px;content:" ";left:2px;position:absolute;right:2px;top:2px;z-index:-1}.fld-element.fld-field:not(.draghelper){box-shadow:none}.fld-element.fld-field .fld-field-hidden:not(.hidden){margin-top:-3px}body.ltr .fld-element.fld-field .fld-field-hidden:not(.hidden){margin-right:5px}body.rtl .fld-element.fld-field .fld-field-hidden:not(.hidden){margin-left:5px}.fld-element.fld-field .fld-field-hidden:not(.hidden):before{speak:none;-webkit-font-feature-settings:"liga","dlig";-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:normal!important;content:"shuteye";direction:ltr;display:inline-block;font-family:Craft;font-style:normal;font-variant:normal;font-weight:400;line-height:1;opacity:var(--icon-opacity);text-align:center;text-transform:none;-webkit-user-select:none;user-select:none;vertical-align:middle}.fld-element.fld-field .field-name .fld-element-label{margin-bottom:2px}.fld-element .fld-element-icon{text-align:center}body.ltr .fld-element .fld-element-icon{margin-right:5px}body.rtl .fld-element .fld-element-icon{margin-left:5px}.fld-element .fld-element-icon,.fld-element .fld-element-icon svg{height:16px;width:16px}.fld-element .fld-element-icon svg circle,.fld-element .fld-element-icon svg ellipse,.fld-element .fld-element-icon svg line,.fld-element .fld-element-icon svg path,.fld-element .fld-element-icon svg polygon,.fld-element .fld-element-icon svg polyline,.fld-element .fld-element-icon svg rect,.fld-element .fld-element-icon svg text{fill:var(--ui-control-color);stroke-width:0}.fld-element .field-name{-webkit-flex:1;flex:1;overflow:hidden}.fld-element .field-name .fld-attribute,.fld-element .field-name .fld-element-label{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-flex:1;flex:1}.fld-element .field-name .fld-attribute .smalltext,.fld-element .field-name .fld-element-label h4{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.fld-element .field-name .fld-element-label h4{color:var(--text-color);font-weight:400;margin:0}body.dragging{cursor:move!important;cursor:-webkit-grabbing!important;cursor:grabbing!important}.fld-br,.fld-hr{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;padding:9px 10px}.fld-br:before,.fld-hr:before{border-radius:2px;content:"";display:block;font-size:0;height:4px;left:10px;position:absolute;top:calc(50% - 2px);width:calc(100% - 20px)}.fld-br .smalltext,.fld-hr .smalltext{background-color:var(--gray-100);border-radius:8px;padding:1px 7px;position:relative}.fld-hr:before{background-color:var(--gray-100)}.fld-br:before{background-image:-o-repeating-linear-gradient(left,var(--gray-100),var(--gray-100) 5.2631578947%,transparent 5.2631578947%,transparent 10.5263157895%,var(--gray-100) 10.5263157895%);background-image:repeating-linear-gradient(to right,var(--gray-100),var(--gray-100) 5.2631578947%,transparent 5.2631578947%,transparent 10.5263157895%,var(--gray-100) 10.5263157895%)}.fld-element-settings-body{-webkit-flex:1;flex:1;margin:-24px var(--neg-padding) 0;overflow:hidden auto;padding:24px var(--padding);position:relative}.fld-element-settings-footer{background:#fff;background-color:var(--gray-050);box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;margin:0 var(--neg-padding) -24px;padding:var(--padding);position:relative;z-index:3}.fld-element-settings-footer:focus{box-shadow:var(--focus-ring)}.fld-element-settings-footer>.ee-site-select{-webkit-flex:1;flex:1}body.ltr .fld-element-settings-footer>.btn{margin-left:5px}body.rtl .fld-element-settings-footer>.btn{margin-right:5px}body.ltr .fld-element-settings-footer>.spinner{margin:0 var(--neg-padding) 0 0}body.rtl .fld-element-settings-footer>.spinner{margin:0 0 0 var(--neg-padding)}html.noscroll,html.noscroll body{height:100%;overflow:hidden}.modal.imageeditor{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;--focus-ring:0 0 0 1px hsl(var(--light-focus-hsl)),0 0 0 3px hsla(var(--light-focus-hsl),0.7);background-color:var(--gray-900);color:var(--white);font-weight:500;opacity:0;-webkit-user-select:none;user-select:none}.modal.imageeditor.modal{border-radius:0}.modal.imageeditor.modal .body:after{display:none}.modal.imageeditor .btn:not(.submit):not(.noborder){background-color:var(--gray-600);color:var(--white)}.modal.imageeditor .btn:not(.submit):not(.noborder):hover{background-color:var(--gray-700)}.modal.imageeditor .btn:not(.submit):not(.noborder).active{background-color:var(--gray-800)}.modal.imageeditor .icon:before{content:"";display:inline-block;height:24px;margin-left:-3px;margin-top:-4px;width:24px}.modal.imageeditor .icon.rotate-left:before{background-image:url(../images/image-editor/rotate-left.svg)}.modal.imageeditor .icon.rotate-right:before{background-image:url(../images/image-editor/rotate-right.svg)}.modal.imageeditor .icon.flip-vertical:before{background-image:url(../images/image-editor/flip-vertical.svg)}.modal.imageeditor .icon.flip-horizontal:before{background-image:url(../images/image-editor/flip-horizontal.svg)}.modal.imageeditor .icon.constraint:before{background-image:url(../images/image-editor/unconstrained.svg)}.modal.imageeditor .icon.focal-point:before{background-image:url(../images/image-editor/focal-point.svg)}.modal.imageeditor .body{display:-webkit-flex;display:flex;padding:0}.modal.imageeditor input{color:var(--text-color)}.modal.imageeditor .body .tabs{border-right:1px solid var(--gray-1000)}.modal.imageeditor .body .tabs ul{-webkit-align-items:stretch;align-items:stretch;-webkit-flex-direction:column;flex-direction:column;width:100px}.modal.imageeditor .body .tabs ul li{border-bottom:1px solid var(--gray-1000);cursor:pointer;padding:14px;position:relative;text-align:center}.modal.imageeditor .body .tabs ul li:before{background-color:currentColor;content:"";height:100%;position:absolute;top:0;width:0}body.ltr .modal.imageeditor .body .tabs ul li:before{left:0}body.rtl .modal.imageeditor .body .tabs ul li:before{right:0}.modal.imageeditor .body .tabs ul li.selected{background-color:#151c23}.modal.imageeditor .body .tabs ul li.selected:before{width:2px}.modal.imageeditor .body .tabs ul li i{background-position:top;background-repeat:no-repeat;display:block;height:24px}.modal.imageeditor .body .tabs ul li[data-view=rotate] i{background-image:url(../images/image-editor/rotate-left.svg)}.modal.imageeditor .body .tabs ul li[data-view=crop] i{background-image:url(../images/image-editor/crop.svg)}.modal.imageeditor .body .tabs ul li[data-view=filters] i{background-image:url(../images/image-editor/filters.svg)}.modal.imageeditor .body .tabs ul li:hover{background-color:#1b242c;cursor:pointer}.modal.imageeditor .body .views{overflow:auto;padding:24px}.modal.imageeditor .body .views .btngroup{margin-bottom:24px}.modal.imageeditor .body .views .filters ul{width:100px}.modal.imageeditor .body .views .filters ul li{margin-bottom:14px;margin-right:14px;text-align:center}.modal.imageeditor .body .views .filters ul li:last-child{margin-right:0}.modal.imageeditor .body .views .filters ul li img{border:3px solid transparent;border-radius:4px}.modal.imageeditor .body .views .filters ul li span{display:block}.modal.imageeditor .body .views .filters ul li:hover{cursor:pointer}.modal.imageeditor .body .views .filters ul li.selected img{border-color:var(--white)}.modal.imageeditor .body .image-container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-flex-grow:1;flex-grow:1;overflow:hidden;position:relative}.modal.imageeditor .body .image-container .image{-webkit-flex-grow:1;flex-grow:1;margin:14px;position:relative;text-align:center}.modal.imageeditor .body .image-container .image canvas{left:0;position:absolute;top:0}.modal.imageeditor .body .image-container .image-tools{text-align:center}.modal.imageeditor .body .image-container .image-tools .straightening{display:block;margin:0 auto;max-width:400px;min-height:3.75rem;overflow:hidden}.modal.imageeditor .footer{background-color:transparent;border-top:1px solid #000;bottom:0;left:0;position:absolute;width:100%}.modal.imageeditor .body .views .crop fieldset .heading{display:none}.modal.imageeditor .body .views .crop .custom-constraint-spacer{padding:0 var(--xs)}.modal.imageeditor .body .views .crop .constraint-group{grid-gap:var(--xs);display:grid}body.ltr .modal.imageeditor .body .views .crop .custom{padding-left:21px}body.rtl .modal.imageeditor .body .views .crop .custom{padding-right:21px}.modal.imageeditor .body .views .crop .orientation{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.modal.imageeditor .body .views .crop .orientation input{-webkit-appearance:none;appearance:none;background-position:50%;background-repeat:no-repeat;cursor:pointer;margin:0 4px}.modal.imageeditor .body .views .crop .orientation input[value=landscape]{background-image:url(../images/image-editor/orientation-landscape-unchecked.svg);height:20px;width:30px}.modal.imageeditor .body .views .crop .orientation input[value=landscape]:checked{background-image:url(../images/image-editor/orientation-landscape-checked.svg)}.modal.imageeditor .body .views .crop .orientation input[value=portrait]{background-image:url(../images/image-editor/orientation-portrait-unchecked.svg);height:30px;width:20px}.modal.imageeditor .body .views .crop .orientation input[value=portrait]:checked{background-image:url(../images/image-editor/orientation-portrait-checked.svg)}.modal.imageeditor.vertical .body .views .crop>.btngroup:first-child{-webkit-justify-content:center;justify-content:center}.modal.imageeditor:not(.vertical) .body .views .crop .constraint.custom{margin-top:var(--xs)}.vertical.imageeditor .body{-webkit-flex-direction:column;flex-direction:column}.vertical.imageeditor .body .image-container{-webkit-flex-basis:30vh;flex-basis:30vh;-webkit-flex-shrink:0;flex-shrink:0}.vertical.imageeditor .body .constraint-group{grid-template-columns:1fr 1fr}.vertical.imageeditor .body .tabs ul{border-bottom:1px solid #000;border-top:1px solid #000;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;width:100%}.vertical.imageeditor .body .tabs ul li{border:0;border-right:1px solid #000;-webkit-flex-grow:1;flex-grow:1;padding:10px 7px}.vertical.imageeditor .body .tabs ul li:before{height:0;top:unset;top:0;width:100%}.vertical.imageeditor .body .tabs ul li.selected:before{height:2px;width:100%}.vertical.imageeditor .body .views{width:auto}.vertical.imageeditor .body .views .rotate{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;justify-content:center;margin-bottom:-14px}.vertical.imageeditor .body .views .rotate .btngroup{margin:0 7px 14px}.vertical.imageeditor .body .views .filters ul{height:109px;margin:0 -24px -24px;overflow:auto;padding:24px;text-align:center;white-space:nowrap;width:auto}.vertical.imageeditor .body .views .filters ul li{display:inline-block;margin-bottom:0}.slide-rule{padding:10px 0;position:relative}.slide-rule:focus{box-shadow:none}body.reduce-focus-visibility .slide-rule.focus-visible .cursor:after,body:not(.reduce-focus-visibility) .slide-rule:focus .cursor:after{box-shadow:var(--focus-ring)}.slide-rule .cursor:after{content:"";height:3.125rem;left:50%;position:absolute;top:-15px;-webkit-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);width:1.25rem}.slide-rule .cursor{border-left:.3125rem solid transparent;border-right:.3125rem solid transparent;border-top:.3125rem solid #63a6e1;height:0;left:50%;margin-left:-.25rem;margin-top:4px;position:absolute;width:0;z-index:1}.slide-rule .graduations{height:40px;position:relative;white-space:nowrap}.slide-rule .graduations ul{float:left;position:relative}.slide-rule .graduations ul li{display:inline-block;font-size:8px;position:relative;width:10px}.slide-rule .graduations ul li:not(.main-graduation){left:1px}.slide-rule .graduations ul li.main-graduation:before{border-left-width:3px}.slide-rule .graduations ul li.main-graduation .label{cursor:default;display:block}.slide-rule .graduations ul li.selected:before{border-left-color:#63a6e1}.slide-rule .graduations ul li:before{border-left:1px solid var(--white);content:"";height:10px;left:0;position:absolute;top:0}.slide-rule .graduations ul li .label{display:none;left:-9px;position:absolute;text-align:center;top:10px;width:20px}.slide-rule .value{background:var(--gray-600);bottom:0;box-sizing:border-box;display:none;left:50%;margin-left:-25px;padding:5px;position:absolute;width:50px;z-index:1}.slide-rule .overlay{background-image:-o-linear-gradient(left,var(--gray-900) 0,rgba(31,41,51,0) 15%,rgba(31,41,51,0) 85%,var(--gray-900) 100%);background-image:linear-gradient(to right,var(--gray-900) 0,rgba(31,41,51,0) 15%,rgba(31,41,51,0) 85%,var(--gray-900) 100%);bottom:1px;left:0;position:absolute;right:0;top:0;z-index:2}.menu.dark{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background-color:var(--gray-600);font-weight:500}.menu.dark ul li a{color:var(--white)!important}.menu.dark ul li a:not(.sel):not(.disabled):hover{background-color:var(--gray-700)}.elements .tableview td.checkbox-cell div.checkbox,.elements .tableview td.checkbox-cell input.checkbox+label,_:-ms-lang(x){top:16px}_:-ms-lang(x),div:empty.checkbox,input.checkbox+label:empty{display:block}.yii-debug-toolbar__title a{display:block!important}.cp-chart{height:100%;margin:0;position:relative}.cp-chart svg{height:100%;width:100%}.cp-chart .axis line,.cp-chart .axis path{fill:none;stroke:var(--hairline-color);shape-rendering:crispEdges}.cp-chart .ticks-axis line,.cp-chart .ticks-axis path{fill:none;stroke:none;shape-rendering:crispEdges}.cp-chart .ticks-axis g.tick text{fill:var(--black);font-size:11px}.cp-chart .axis text{fill:rgba(0,0,0,.6)}.cp-chart .grid-line .tick,.cp-chart .grid-line .tick line{stroke:rgba(0,0,0,.08);stroke-opacity:.7;shape-rendering:crispEdges}.cp-chart .grid-line path{stroke-width:0}.tooltip{background:hsla(0,0%,100%,.9);border-radius:3px;box-shadow:0 1px 5px -1px rgba(31,41,51,.2);padding:7px 10px;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;z-index:1000000}
+:root{--white:#fff;--black:#000;--gray-050:#f3f7fc;--gray-100:#e4edf6;--gray-200:#cdd8e4;--gray-300:#9aa5b1;--gray-350:#8b96a2;--gray-400:#7b8793;--gray-500:#606d7b;--gray-550:#596673;--gray-600:#515f6c;--gray-700:#3f4d5a;--gray-800:#33404d;--gray-900:#1f2933;--gray-1000:#131920;--blue-050:#e3f8ff;--blue-100:#b3ecff;--blue-200:#81defd;--blue-300:#5ed0fa;--blue-400:#40c3f7;--blue-500:#2bb0ed;--blue-600:#1992d4;--blue-700:#127fbf;--blue-800:#0b69a3;--blue-900:#035388;--cyan-050:#e0fcff;--cyan-100:#bef8fd;--cyan-200:#87eaf2;--cyan-300:#54d1db;--cyan-400:#38bec9;--cyan-500:#2cb1bc;--cyan-600:#14919b;--cyan-700:#0e7c86;--cyan-800:#0a6c74;--cyan-900:#044e54;--pink-050:#ffe3ec;--pink-100:#ffb8d2;--pink-200:#ff8cba;--pink-300:#f364a2;--pink-400:#e8368f;--pink-500:#da127d;--pink-600:#bc0a6f;--pink-700:#a30664;--pink-800:#870557;--pink-900:#620042;--red-050:#ffe3e3;--red-100:#ffbdbd;--red-200:#ff9b9b;--red-300:#f86a6a;--red-400:#ef4e4e;--red-500:#e12d39;--red-600:#cf1124;--red-700:#ab091e;--red-800:#8a041a;--red-900:#610316;--yellow-050:#fffbea;--yellow-100:#fff3c4;--yellow-200:#fce588;--yellow-300:#fadb5f;--yellow-400:#f7c948;--yellow-500:#f0b429;--yellow-600:#de911d;--yellow-700:#cb6e17;--yellow-800:#b44d12;--yellow-900:#8d2b0b;--teal-050:#effcf6;--teal-100:#c6f7e2;--teal-200:#8eedc7;--teal-300:#65d6ad;--teal-400:#3ebd93;--teal-500:#27ab83;--teal-550:#20a07b;--teal-600:#199473;--teal-700:#147d64;--teal-800:#0c6b58;--teal-900:#014d40}:root{--bg-color:$grey100;--bg-color-hsl:212deg,50%,93%;--primary-color:var(--red-500);--secondary-color:var(--gray-500);--input-color:#607d9f;--text-color:var(--gray-700);--medium-dark-text-color:var(--gray-550);--medium-text-color:var(--gray-550);--light-text-color:var(--gray-500);--link-color:#2563eb;--font-weight-bold:700;--menu-option-color:var(--text-color);--menu-option-active-color:var(--white);--menu-option-active-background-color:var(--gray-350);--hairline-color:rgba(51,64,77,.1);--medium-hairline-color:rgba(81,95,108,.25);--dark-hairline-color:rgba(123,135,147,.5);--light-focus-color:var(--blue-300);--medium-focus-color:var(--blue-500);--dark-focus-color:#0f74b1;--light-focus-ring:0 0 0 1px #5ed0fa,0 0 0 3px rgba(94,208,250,.7);--medium-focus-ring:0 0 0 1px #2bb0ed,0 0 0 3px rgba(43,176,237,.7);--dark-focus-ring:0 0 0 1px #0f74b1,0 0 0 3px rgba(15,116,177,.7);--light-sel-color:var(--gray-200);--dark-sel-color:var(--gray-600);--error-color:var(--red-600);--warning-color:var(--yellow-800);--success-color:var(--teal-700);--notice-color:var(--blue-800);--enabled-color:var(--teal-550);--pending-color:var(--yellow-700);--disabled-color:var(--red-600);--small-border-radius:3px;--medium-border-radius:4px;--large-border-radius:5px;--menu-border-radius:var(--medium-border-radius);--checkbox-size:16px;--radio-size:16px}@font-face{font-family:Craft;font-style:normal;font-weight:400;src:url(../fonts/Craft.woff) format("woff"),url(../fonts/Craft.ttf) format("truetype"),url(../fonts/Craft.svg#Craft) format("svg")}:root{--ui-control-color:var(--gray-550);--ui-control-hover-color:var(--gray-600);--ui-control-active-color:var(--gray-700);--icon-opacity:0.8;--light-focus-hsl:196.1538461538deg,93.9759036145%,67.4509803922%;--medium-focus-hsl:198.8659793814deg,84.347826087%,54.9019607843%;--dark-focus-hsl:202.5925925926deg,84.375%,37.6470588235%;--focus-ring:0 0 0 1px hsl(var(--dark-focus-hsl)),0 0 0 3px hsla(var(--dark-focus-hsl),0.8);--inner-focus-ring:inset 0 0 0 1px hsl(var(--dark-focus-hsl)),inset 0 0 0 3px hsla(var(--dark-focus-hsl),0.7);--touch-target-size:24px}body,html{background-color:var(--gray-100);box-shadow:var(--light-focus-ring)}body{-webkit-font-smoothing:subpixel-antialiased;color:var(--text-color);font-size:.875rem;line-height:1.42;overflow-x:hidden;width:100vw}body.rtl{direction:rtl}body,input,select,textarea{font-family:system-ui,BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.buttons:first-child,.condition-container:first-child,.field:first-child,.first,.grid:first-child,.pane:first-child,.toolbar:first-child,blockquote:first-child,fieldset:first-child,h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child,hr:first-child,p:first-child{margin-top:0!important}.buttons:last-child,.condition-container:last-child,.field:last-child,.grid:last-child,.last,.meta:last-child,.pane:last-child,.toolbar:last-child,blockquote:last-child,fieldset:last-child,h1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child,h6:last-child,p:last-child{margin-bottom:0!important}.no-scroll{overflow:hidden!important}.draghelper{box-sizing:border-box}img{max-width:100%}body.rtl .ltr .text,body.rtl .ltr table.editable textarea{direction:ltr!important;text-align:left!important}body.ltr .rtl .text,body.ltr .rtl table.editable textarea{direction:rtl!important;text-align:right!important}#help:before,.element:before,.go:after,.icon:before,.insecure:before,.menu .flex.padded.sel:before,.menu ul.padded li a.sel:before,.preview-btn:before,.required:after,.secure:before,.texticon:before,.view-btn:before,[data-icon-after]:after,[data-icon]:before{speak:none;-webkit-font-feature-settings:"liga","dlig";-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:normal!important;direction:ltr;display:inline-block;font-family:Craft;font-style:normal;font-variant:normal;font-weight:400;line-height:1;opacity:var(--icon-opacity);text-align:center;text-transform:none;-webkit-user-select:none;user-select:none;vertical-align:middle}.badge-icon{-webkit-align-items:center;align-items:center;border:1px solid var(--yellow-500);border-radius:var(--small-border-radius);box-sizing:border-box;color:var(--yellow-500);display:-webkit-inline-flex;display:inline-flex;font-size:9px;height:17px;-webkit-justify-content:center;justify-content:center;width:17px}.insecure:before,.secure:before{font-size:14px;margin-top:-3px}[data-icon]:before{content:attr(data-icon)}[data-icon-after]:after{content:attr(data-icon-after)}body.rtl [data-icon-after=list]:after,body.rtl [data-icon=list]:before{content:"listrtl"}body.rtl [data-icon-after=structure]:after,body.rtl [data-icon=structure]:before{content:"structurertl"}.icon.secure:before{content:"secure"}.icon.insecure:before{content:"insecure"}.icon.add:before{content:"plus"}.icon.edit:before{content:"edit"}.icon.settings:before{content:"settings"}.icon.search:before{content:"search"}.icon.expand:before{content:"expand"}.icon.collapse:before{content:"collapse"}.help:before{color:var(--pink-400);content:"help"}body.ltr .preview-btn:before,body.ltr .view-btn:before{margin-right:var(--xs)}body.rtl .preview-btn:before,body.rtl .view-btn:before{margin-left:var(--xs)}.preview-btn:before{content:"view";margin-top:-2px}body.ltr .view-btn:before{content:"share"}body.rtl .view-btn:before{content:"shareleft"}.h1,h1{font-size:18px;font-weight:700;line-height:1.2;margin-bottom:24px}.h2,h2{font-size:16px}.h2,.h3,.h4,h2,h3,h4{font-weight:700;line-height:1.2;margin:14px 0}.h4,h4{color:var(--medium-text-color)}.h5,h5{color:var(--medium-text-color)}.h5,.h6,h5,h6{line-height:1.2;margin:14px 0 3px}.h6,h6{color:#606d7b;font-size:11px;text-transform:uppercase}body.ltr h1[data-icon]:before{margin:-8px 10px 0 0}body.rtl h1[data-icon]:before{margin:-8px 0 0 10px}h2[data-icon]:before{font-size:19px}body.ltr h2[data-icon]:before{margin:-4px 6px 0 0}body.rtl h2[data-icon]:before{margin:-4px 0 0 6px}hr{border:none;border-top:1px solid var(--hairline-color);color:transparent;height:0;margin:24px 0}.pane hr{margin:24px -24px}p{margin:1em 0}h5+p{margin-top:0}sup{vertical-align:super}sub,sup{font-size:smaller}sub{vertical-align:sub}body.ltr .indent{margin-left:14px}body.rtl .indent{margin-right:14px}.bullets{list-style-type:square}body.ltr .bullets{padding-left:40px}body.rtl .bullets{padding-right:40px}ol{list-style-type:decimal}body.ltr ol{padding-left:40px}body.rtl ol{padding-right:40px}.code,.code input,.code textarea,code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:.9em!important}.code input.smalltext,.code textarea.smalltext,.code.smalltext,code.smalltext{font-size:.8em!important}pre code{display:block;overflow-x:auto}a{color:var(--link-color);cursor:pointer}a:hover,body.underline-links a{text-decoration:underline}a.sel,li.sel a{cursor:default!important;text-decoration:none}.go:after{color:var(--link-color);font-size:11px;margin-top:-1px;opacity:.9}body.ltr .go:after{padding-left:4px}body.rtl .go:after{padding-right:4px}body.ltr .go:after{content:"circlerarr"}body.rtl .go:after{content:"circlelarr"}button{cursor:pointer}.context-btn.disabled{background-color:rgba(205,216,228,.5)!important;color:var(--medium-dark-text-color);opacity:1}.alert-icon,.checkmark-icon{border-radius:20px;cursor:pointer;line-height:10px;margin-bottom:0!important;padding:5px}.alert-icon:before,.checkmark-icon:before{speak:none;-webkit-font-feature-settings:"liga","dlig";-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:normal!important;direction:ltr;display:inline-block;font-family:Craft;font-style:normal;font-variant:normal;font-weight:400;line-height:1;opacity:var(--icon-opacity);text-align:center;text-transform:none;-webkit-user-select:none;user-select:none;vertical-align:middle}.checkmark-icon{background-color:var(--gray-200)}p .checkmark-icon{display:inline-block}.checkmark-icon:before{color:var(--success-color);content:"check"}.alert-icon{background-color:var(--gray-200)}.alert-icon:before{color:var(--error-color);content:"alert"}.menu.revision-menu{padding:10px 24px}.menu.revision-menu hr{margin:10px -24px}.menu.revision-menu ul li.sel{background:var(--gray-050);border-radius:var(--large-border-radius);margin:0 -14px;padding:0 14px}.menu.revision-menu ul li.sel .edited-desc{-webkit-align-items:center;align-items:center;border-top:1px solid var(--hairline-color);color:var(--light-text-color);display:-webkit-flex;display:flex;padding:10px 0;white-space:normal}body.ltr .menu.revision-menu ul li.sel .edited-desc{margin-left:10px}body.rtl .menu.revision-menu ul li.sel .edited-desc{margin-right:10px}.menu.revision-menu ul li.sel .edited-desc p{margin:0}body.ltr .menu.revision-menu ul li.sel .edited-desc .btn{margin-left:14px}body.rtl .menu.revision-menu ul li.sel .edited-desc .btn{margin-right:14px}.menu.revision-menu ul li a{border-radius:var(--large-border-radius);padding-top:7px}.menu.revision-menu .extralight{margin-top:2px}.revision-status-hud{max-width:400px}.revision-status-hud .http-error{background-color:var(--gray-050);border:1px solid var(--hairline-color);border-radius:var(--medium-border-radius);color:var(--light-text-color);padding:7px 14px}.draft-notice{-webkit-align-content:stretch;align-content:stretch;-webkit-align-items:center;align-items:center;color:var(--blue-800);display:-webkit-flex;display:flex;gap:var(--s);-webkit-justify-content:center;justify-content:center}#content-notice .draft-notice{display:-webkit-inline-flex;display:inline-flex;-webkit-justify-content:flex-start;justify-content:flex-start}body.ltr .so-notice>.draft-notice{margin:calc(var(--s)*-1) 0 calc(var(--s)*-1) calc(var(--xl)*-1)}body.rtl .so-notice>.draft-notice{margin:calc(var(--s)*-1) calc(var(--xl)*-1) calc(var(--s)*-1) 0}body.ltr .so-notice>.draft-notice{padding:var(--s) 0 var(--s) var(--xl)}body.rtl .so-notice>.draft-notice{padding:var(--s) var(--xl) var(--s) 0}body.ltr .so-notice>.draft-notice{border-bottom-left-radius:var(--large-border-radius)}body.rtl .so-notice>.draft-notice{border-bottom-right-radius:var(--large-border-radius)}body.ltr .so-notice>.draft-notice{background-image:-o-linear-gradient(top left,rgba(25,146,212,.2),rgba(25,146,212,0) 50%);background-image:linear-gradient(to bottom right,rgba(25,146,212,.2),rgba(25,146,212,0) 50%)}body.rtl .so-notice>.draft-notice{background-image:-o-linear-gradient(right,rgba(25,146,212,.2),rgba(25,146,212,0));background-image:linear-gradient(270deg,rgba(25,146,212,.2),rgba(25,146,212,0))}.draft-notice p{-webkit-flex:1;flex:1;margin:0}.draft-notice .draft-icon{-webkit-align-items:center;align-items:center;border:2px solid rgba(11,105,163,.2);border-radius:100%;box-shadow:0 1px 1px 1px var(--white);box-sizing:border-box;display:-webkit-flex;display:flex;-webkit-flex-shrink:0;flex-shrink:0;height:34px;-webkit-justify-content:center;justify-content:center;position:relative;width:34px}.draft-notice .draft-icon:before{color:var(--blue-800)!important;font-size:18px;left:1px;position:relative}.draft-notice .draft-icon:after{border-radius:100%;bottom:-2px;box-shadow:inset 0 2px 0 rgba(3,83,136,.2);content:"";font-size:0;left:-2px;position:absolute;right:-2px;top:-2px}.draft-notice .discard-changes-btn{background-color:transparent!important;border:2px solid var(--blue-600);color:var(--blue-800)!important}body.ltr .draft-notice .discard-changes-btn{margin-left:var(--xs)}body.rtl .draft-notice .discard-changes-btn{margin-right:var(--xs)}.draft-notice .discard-changes-btn:focus,.draft-notice .discard-changes-btn:hover{border-color:#1682bd}.draft-notice .discard-changes-btn:active{border-color:#1473a6}button.toggle{-webkit-appearance:none;appearance:none;background:none;border:none;color:inherit;padding:0}.toggle:before,a.fieldtoggle:before{border:solid;border-width:0 2px 2px 0;content:"";display:block;font-size:0;height:7px;opacity:.8;transition:-webkit-transform .1s linear;-o-transition:-o-transform .1s linear;transition:transform .1s linear;transition:transform .1s linear,-webkit-transform .1s linear,-o-transform .1s linear;width:7px}body.ltr .toggle:before,body.ltr a.fieldtoggle:before{-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}body.rtl .toggle:before,body.rtl a.fieldtoggle:before{-webkit-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}.sidebar nav li.expanded>.toggle:before,.structure li:not(.collapsed)>.row>.toggle:before,.toggle.expanded:before,a.fieldtoggle.expanded:before{-webkit-transform:rotate(45deg)!important;-o-transform:rotate(45deg)!important;transform:rotate(45deg)!important}a.fieldtoggle{color:var(--text-color);display:block;margin:14px 0;position:relative;text-decoration:none}body.ltr a.fieldtoggle{padding-left:12px}body.rtl a.fieldtoggle{padding-right:12px}a.fieldtoggle:before{display:block;position:absolute;top:7px}body.ltr a.fieldtoggle:before{left:-1px}body.rtl a.fieldtoggle:before{right:-1px}em,i{font-style:italic}b,i em,strong{font-weight:700}.readable{font-size:16px;line-height:22px}.readable h1,.readable h2,.readable h3,.readable h4,.readable h5,.readable h6{font-weight:600;margin:24px 0 16px}.readable h1{color:#000;font-size:32px;line-height:40px}.readable h2{font-size:24px;line-height:30px}.readable h3{font-size:20px;line-height:24px}.readable h4{font-size:16px;line-height:20px}.readable h5{font-size:14px;line-height:18px}.readable h6{color:#596673;font-size:13.6px;line-height:17px}.readable ol,.readable ul{margin:1em 0}body.ltr .readable ol,body.ltr .readable ul{padding-left:2em}body.rtl .readable ol,body.rtl .readable ul{padding-right:2em}.readable ul li{list-style-type:disc}.readable li+li{margin-top:.25em}.readable blockquote{margin:16px 0}.readable blockquote:not(.note){color:#596673;padding:0 16px}body.ltr .readable blockquote:not(.note){border-left:4px solid rgba(51,64,77,.1)}body.rtl .readable blockquote:not(.note){border-right:4px solid rgba(51,64,77,.1)}.readable blockquote.note{border:1px solid;border-radius:4px;padding:1em;position:relative}body.ltr .readable blockquote.note{padding-left:56px}body.rtl .readable blockquote.note{padding-right:56px}.readable blockquote.note:not(.tip):not(.warning){border-color:#cf1124;color:#bf503f}.readable blockquote.note:not(.tip):not(.warning):before{color:#cf1124;content:"alert"}.readable blockquote.note.tip{border-color:#2563eb;color:#596673}.readable blockquote.note.tip:before{color:#2563eb;content:"lightbulb"}.readable blockquote.note.warning{border-color:#b44d12;color:#cf783a}.readable blockquote.note.warning:before{color:#b44d12;content:"alert"}.readable blockquote.note:before{speak:none;-webkit-font-feature-settings:"liga","dlig";-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:normal!important;direction:ltr;display:inline-block;font-family:Craft;font-size:30px;font-style:normal;font-variant:normal;font-weight:400;line-height:1;opacity:var(--icon-opacity);position:absolute;text-align:center;text-transform:none;top:12px;-webkit-user-select:none;user-select:none;vertical-align:middle;width:24px}body.ltr .readable blockquote.note:before{left:16px}body.rtl .readable blockquote.note:before{right:16px}body.ltr .leftalign{text-align:left}body.rtl .leftalign{text-align:right}.topalign{vertical-align:top}body.ltr .rightalign{text-align:right}body.rtl .rightalign{text-align:left}.centeralign{text-align:center!important}.nowrap{white-space:nowrap}.break-word{word-wrap:break-word}.light{color:var(--medium-text-color)!important;font-weight:400}.extralight{color:var(--light-text-color)!important}.smalltext{font-size:12px;line-height:1.2}.largetext{font-size:16px;line-height:1.2}.zilch{color:var(--light-text-color);font-size:20px;line-height:24px;padding:100px 0;text-align:center}.zilch.small{font-size:16px;padding:24px 0}input.checkbox+label.smalltext{padding-top:2px}.required:after{color:var(--error-color);content:"asterisk";font-size:7px}body.ltr .required:after{margin:-2px 0 0 5px}body.rtl .required:after{margin:-2px 5px 0 0}.scrollpane{overflow:auto}body.ltr .left{float:left}body.ltr .right,body.rtl .left{float:right}body.rtl .right{float:left}td,th{vertical-align:middle}body.ltr td,body.ltr th{text-align:left}body.ltr table[dir=rtl] td,body.ltr table[dir=rtl] th,body.rtl td,body.rtl th{text-align:right}body.rtl table[dir=ltr] td,body.rtl table[dir=ltr] th{text-align:left}td.right,th.right{float:none}body.ltr td.right,body.ltr th.right{text-align:right}body.rtl td.right,body.rtl th.right{text-align:left}.clear{clear:both;display:block;height:0}.fullwidth{width:100%}.token{background-color:#e4edf6;border-radius:3px;color:#3f4d5a;display:inline-block;font-size:12px;line-height:14px;padding:3px 7px}.token[data-name="*"]{position:relative;width:10px}.token[data-name="*"] span{opacity:0}.token[data-name="*"]:before{speak:none;-webkit-font-feature-settings:"liga","dlig";-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:normal!important;content:"asterisk";direction:ltr;display:inline-block;display:block;font-family:Craft;font-size:9px;font-style:normal;font-variant:normal;font-weight:400;left:0;line-height:1;line-height:17px;opacity:var(--icon-opacity);position:absolute;text-align:center;text-indent:0;text-transform:none;top:0;-webkit-user-select:none;user-select:none;vertical-align:middle;width:100%}.token:focus{background-color:#cdd8e4}.highlight .token{background:transparent;border:none;border-radius:0;box-shadow:none;display:inline;font-size:inherit;line-height:inherit;padding:0;text-shadow:none}.pane.highlight pre[class*=language-]{overflow:visible}.pane.highlight pre[class*=language-]>code.diff-highlight .token:not(.prefix){margin:0 -24px;padding:0 24px}.success{color:var(--success-color)!important}.notice .icon:before,.notice.with-icon:before,.warning .icon:before,.warning.with-icon:before{speak:none;-webkit-font-feature-settings:"liga","dlig";-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:normal!important;direction:ltr;display:inline-block;font-family:Craft;font-style:normal;font-variant:normal;font-weight:400;line-height:1;opacity:var(--icon-opacity);text-align:center;text-transform:none;-webkit-user-select:none;user-select:none;vertical-align:middle;width:1em}body.ltr .notice .icon:before,body.ltr .notice.with-icon:before,body.ltr .warning .icon:before,body.ltr .warning.with-icon:before{margin:-2px 2px 0 0}body.rtl .notice .icon:before,body.rtl .notice.with-icon:before,body.rtl .warning .icon:before,body.rtl .warning.with-icon:before{margin:-2px 0 0 2px}.notice.has-icon,.warning.has-icon{-webkit-align-items:flex-start;align-items:flex-start;display:-webkit-flex;display:flex;-webkit-flex-wrap:nowrap;flex-wrap:nowrap}.notice.has-icon .icon,.warning.has-icon .icon{-webkit-flex-shrink:1;flex-shrink:1}.notice{color:var(--notice-color)!important}.notice a{text-decoration:underline}.notice .icon:before,.notice.with-icon:before{content:"lightbulb"}.warning{color:var(--warning-color)!important}.warning .icon:before,.warning.with-icon:before{content:"alert"}.error{color:var(--error-color)!important}.icon.move{display:inline-block}.icon.move:not(.disabled){cursor:move}.icon.move:before{color:var(--ui-control-color);content:"move"}.icon.move:not(.disabled):hover:before{color:var(--link-color)}.icon.delete{display:inline-block;line-height:inherit}.icon.delete:before{color:var(--ui-control-color);content:"remove"}.icon.delete:not(.disabled){cursor:pointer}.icon.delete:not(.disabled):hover:before{color:var(--disabled-color)}.icon.delete:not(.disabled):active:before{color:var(--red-800)}.hidden{display:none!important}.visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:0;overflow:hidden;padding:0;position:absolute;width:1px}.invisible{visibility:hidden}.clearafter:after{clear:both;content:"";display:block;height:0;visibility:hidden}.info{cursor:pointer;height:1.375em;overflow:hidden;vertical-align:bottom;width:1em}.info,.info:before{display:inline-block;text-align:center}.info:before{speak:none;-webkit-font-feature-settings:"liga","dlig";-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:normal!important;color:var(--ui-control-color);direction:ltr;font-family:Craft;font-style:normal;font-variant:normal;font-weight:400;line-height:1;line-height:1.375;opacity:var(--icon-opacity);text-transform:none;-webkit-user-select:none;user-select:none;vertical-align:middle;vertical-align:baseline;width:100%}.info:not(.warning):before{content:"info"}.info:not(.warning):hover:before{color:var(--link-color)}.info.warning:before{content:"alert"}.info.warning:hover:before{color:var(--warning-color)}.info-hud table{max-width:280px;table-layout:auto}.info-hud td{word-wrap:break-word;width:100%}@media(max-width:450px){.info-hud table{table-layout:fixed;width:100%}}.content{position:relative}.content:after{clear:both;content:"";display:block;height:0;visibility:hidden}.sidebar .customize-sources{color:var(--light-text-color)!important;cursor:pointer;display:block;margin:14px -24px 4px;-o-transition:color .1s linear;transition:color .1s linear}body.ltr .sidebar .customize-sources{padding:7px 14px 7px 24px}body.rtl .sidebar .customize-sources{padding:7px 24px 7px 14px}.sidebar .customize-sources .icon{color:currentColor}body.ltr .sidebar .customize-sources .icon{margin-right:4px}body.rtl .sidebar .customize-sources .icon{margin-left:4px}.sidebar .customize-sources .label{opacity:0;-o-transition:opacity .1s linear;transition:opacity .1s linear}.sidebar .customize-sources:focus,.sidebar .customize-sources:hover{color:var(--medium-text-color)!important;text-decoration:none}.sidebar .customize-sources:focus .label,.sidebar .customize-sources:hover .label{opacity:1}.sidebar .customize-sources:hover{color:var(--link-color)}.customize-sources-modal{overflow:visible!important}body.ltr .customize-sources-modal{padding-left:200px}body.rtl .customize-sources-modal{padding-right:200px}.customize-sources-modal>.cs-sidebar{background-color:var(--gray-050);border:none;box-shadow:inset -1px 0 0 var(--hairline-color);box-sizing:border-box;height:calc(100% - 50px);margin:0;overflow:auto;padding:10px 0;position:absolute;top:0;width:200px}body.ltr .customize-sources-modal>.cs-sidebar{left:0}body.rtl .customize-sources-modal>.cs-sidebar{right:0}body.ltr .customize-sources-modal>.cs-sidebar{border-top-left-radius:var(--large-border-radius)}body.rtl .customize-sources-modal>.cs-sidebar{border-top-right-radius:var(--large-border-radius)}.customize-sources-modal>.cs-sidebar>.btn{display:block;width:calc(100% - 28px)}body.ltr .customize-sources-modal>.cs-sidebar>.btn{margin:10px 0 0 14px}body.rtl .customize-sources-modal>.cs-sidebar>.btn{margin:10px 14px 0 0}.customize-sources-modal>.source-settings{box-sizing:border-box;height:calc(100% - 50px);overflow:auto;padding:24px;position:relative}.customize-sources-modal>.footer{bottom:0;left:0;position:absolute;width:100%}.customize-sources-item{-webkit-align-items:center;align-items:center;background-color:var(--gray-100);border:solid var(--hairline-color);border-width:1px 0;box-sizing:border-box;cursor:default;display:-webkit-flex;display:flex;margin-top:-1px;padding:8px 14px;position:relative;-webkit-user-select:none;user-select:none;width:calc(100% - 1px)}.customize-sources-item+.customize-sources-item.heading{margin-top:10px}.customize-sources-item+.customize-sources-item:not(.heading){border-top:1px solid var(--hairline-color)}.customize-sources-item.sel{background-color:var(--gray-200);z-index:1}.customize-sources-item .label{-webkit-flex:1;flex:1;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.customize-sources-item.heading .label{color:var(--light-text-color);font-size:12px;font-weight:700;text-transform:uppercase}body.ltr .customize-sources-item .move{margin-left:7px}body.rtl .customize-sources-item .move{margin-right:7px}body.ltr .customize-sources-table-column .move{margin-right:10px}body.rtl .customize-sources-table-column .move{margin-left:10px}ul.path{-webkit-align-items:stretch;align-items:stretch;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap}ul.path li{-webkit-align-items:center;align-items:center;display:-webkit-inline-flex;display:inline-flex}ul.path li:not(:last-child):after{border:solid var(--light-text-color);border-width:0 1px 1px 0;content:"";display:block;font-size:0;height:7px;opacity:.8;width:7px}body.ltr ul.path li:not(:last-child):after{margin:0 5px 0 2px}body.rtl ul.path li:not(:last-child):after{margin:0 2px 0 5px}body.ltr ul.path li:not(:last-child):after{-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}body.rtl ul.path li:not(:last-child):after{-webkit-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}ul.icons{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin-top:20px}ul.icons li{margin:0 4px 10px 0}ul.icons li a{border:1px solid var(--white);border-radius:4px;color:var(--text-color);display:block;padding:60px 5px 10px;position:relative;text-align:center;width:110px}ul.icons li a:before{display:block;font-size:40px;left:0;line-height:60px;position:absolute;top:0;width:100%}ul.icons li a .icon img,ul.icons li a .icon svg{height:40px;left:calc(50% - 20px);position:absolute;top:12px;width:40px}ul.icons li a .icon.icon-mask svg circle,ul.icons li a .icon.icon-mask svg ellipse,ul.icons li a .icon.icon-mask svg line,ul.icons li a .icon.icon-mask svg path,ul.icons li a .icon.icon-mask svg polygon,ul.icons li a .icon.icon-mask svg polyline,ul.icons li a .icon.icon-mask svg rect,ul.icons li a .icon.icon-mask svg text{fill:var(--text-color);stroke-width:0}ul.icons li a:hover{background-color:var(--gray-050);border-color:var(--gray-100);text-decoration:none}ul.icons li a:hover .icon.icon-mask svg circle,ul.icons li a:hover .icon.icon-mask svg ellipse,ul.icons li a:hover .icon.icon-mask svg line,ul.icons li a:hover .icon.icon-mask svg path,ul.icons li a:hover .icon.icon-mask svg polygon,ul.icons li a:hover .icon.icon-mask svg polyline,ul.icons li a:hover .icon.icon-mask svg rect,ul.icons li a:hover .icon.icon-mask svg text{fill:var(--link-color);stroke-width:0}@media only screen and (max-width:380px){ul.icons li a{width:96px}}@media only screen and (max-width:320px){ul.icons li a{width:75px}}.toolbar{margin-bottom:14px;min-height:34px;position:relative}.toolbar .flex,.toolbar.flex{-webkit-align-items:flex-start;align-items:flex-start}.toolbar .text{border-radius:var(--large-border-radius)!important;box-shadow:none!important}.flex{-webkit-align-content:stretch;align-content:stretch;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;gap:var(--s)}.flex:not(.flex-nowrap){-webkit-flex-wrap:wrap;flex-wrap:wrap}.flex>.label{white-space:nowrap}.centeralign .flex{-webkit-justify-content:center;justify-content:center}.inline-flex{-webkit-align-content:stretch;align-content:stretch;-webkit-align-items:center;align-items:center;display:-webkit-inline-flex;display:inline-flex;gap:var(--s)}.gap-xs{gap:var(--xs)}.gap-s{gap:var(--s)}.gap-m{gap:var(--m)}.gap-l{gap:var(--l)}.gap-xl{gap:var(--xl)}.flex-grow{-webkit-flex:1;flex:1}.flex-justify{-webkit-justify-content:space-between;justify-content:space-between}.flex-justify-start{-webkit-justify-content:flex-start;justify-content:flex-start}.flex-justify-end{-webkit-justify-content:flex-end;justify-content:flex-end}.flex-justify-center{-webkit-justify-content:center;justify-content:center}.flex-start{-webkit-align-items:flex-start;align-items:flex-start}.flex-end{-webkit-align-items:flex-end;align-items:flex-end}.flex-center{-webkit-align-items:center;align-items:center}.flex-stretch{-webkit-align-items:stretch;align-items:stretch}.spacer{width:14px}.buttons{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;gap:7px;margin:24px 0;position:relative}.footer>.buttons,.hud-footer>.buttons{margin:0}.btn{-webkit-align-items:center;align-items:center;-webkit-appearance:none;appearance:none;background-color:rgba(96,125,159,.25);border:none;border-radius:var(--large-border-radius);box-sizing:border-box;color:currentColor;cursor:pointer;display:-webkit-inline-flex;display:inline-flex;font-size:inherit;-webkit-justify-content:center;justify-content:center;padding:7px 14px;position:relative;text-align:center;-webkit-user-select:none;user-select:none;white-space:nowrap}.btn.chromeless{height:auto;padding:0}.btn.chromeless,.btn.chromeless:active,.btn.chromeless:focus,.btn.chromeless:hover{background-color:transparent}.btn.chromeless:active,.btn.chromeless:hover{text-decoration:underline}.btn:not(.disabled):not(.loading):not(.dashed).focus,.btn:not(.disabled):not(.loading):not(.dashed):focus,.btn:not(.disabled):not(.loading):not(.dashed):hover{background-color:rgba(96,125,159,.3)}.btn:not(.disabled):not(.loading):not(.dashed).active,.btn:not(.disabled):not(.loading):not(.dashed):active{background-color:rgba(96,125,159,.5)}.btn:not(.disabled):not(.loading):not(.dashed).active.focus,.btn:not(.disabled):not(.loading):not(.dashed).active:focus,.btn:not(.disabled):not(.loading):not(.dashed):active.focus,.btn:not(.disabled):not(.loading):not(.dashed):active:focus,.btngroup:focus .btn:not(.disabled):not(.loading):not(.dashed).active,.btngroup:focus .btn:not(.disabled):not(.loading):not(.dashed):active{background-color:rgba(96,125,159,.6)}.btn[type=color]{padding:6px!important;width:36px}.btn.active,.btn.loading{cursor:default}.btn:hover{text-decoration:none}body.ltr .btn.icon:not(:empty):not(.btn-empty):before,body.ltr .btn.menubtn.icon.btn-empty:before,body.ltr .btn.menubtn.icon:empty:before,body.ltr .btn.menubtn[data-icon].btn-empty:before,body.ltr .btn.menubtn[data-icon]:empty:before,body.ltr .btn[data-icon]:not(:empty):not(.btn-empty):before{margin-right:5px}body.rtl .btn.icon:not(:empty):not(.btn-empty):before,body.rtl .btn.menubtn.icon.btn-empty:before,body.rtl .btn.menubtn.icon:empty:before,body.rtl .btn.menubtn[data-icon].btn-empty:before,body.rtl .btn.menubtn[data-icon]:empty:before,body.rtl .btn[data-icon]:not(:empty):not(.btn-empty):before{margin-left:5px}.btn:not(.loading) .spinner{display:none}.btn.loading .label,.btn.loading:after,.btn.loading:before{visibility:hidden}.btn div.checkbox{margin-top:2px}.disabled{opacity:.25}.disabled,.disabled .btn{cursor:default}.btn,.spinner{height:34px}body.ltr .btn[data-icon-after]:not(:empty):not(.btn-empty):after,body.ltr .menu-toggle:not(:empty):not(.btn-empty):after,body.ltr .menubtn.icon:after,body.ltr .menubtn:not(:empty):not(.btn-empty):after{margin-left:6px}body.rtl .btn[data-icon-after]:not(:empty):not(.btn-empty):after,body.rtl .menu-toggle:not(:empty):not(.btn-empty):after,body.rtl .menubtn.icon:after,body.rtl .menubtn:not(:empty):not(.btn-empty):after{margin-right:6px}.btn.icon:before,.btn[data-icon-after]:after,.btn[data-icon]:before{position:relative}.btn.icon.small:before,.btn.small[data-icon-after]:after,.btn.small[data-icon]:before{font-size:10px}.btngroup{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;position:relative;white-space:nowrap;z-index:1}.btngroup.fullwidth .btn{-webkit-flex:1;flex:1}.btngroup.disabled .btn{cursor:default}.btngroup .btn:focus{z-index:1}body.ltr .btngroup .btn:not(.dashed):not(:last-child):not(.btngroup-btn-last){margin-right:1px}body.rtl .btngroup .btn:not(.dashed):not(:last-child):not(.btngroup-btn-last){margin-left:1px}body.ltr .btngroup .btn:not(:first-child):not(.btngroup-btn-first){border-bottom-left-radius:0;border-top-left-radius:0}body.ltr .btngroup .btn:not(:last-child):not(.btngroup-btn-last){border-bottom-right-radius:0;border-top-right-radius:0}body.rtl .btngroup .btn:not(:first-child):not(.btngroup-btn-first){border-bottom-right-radius:0;border-top-right-radius:0}body.rtl .btngroup .btn:not(:last-child):not(.btngroup-btn-last){border-bottom-left-radius:0;border-top-left-radius:0}.copytext{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;position:relative;white-space:nowrap;z-index:1}body.ltr .copytext .text{border-bottom-right-radius:0;border-top-right-radius:0;min-width:0}body.ltr .copytext .btn,body.rtl .copytext .text{border-bottom-left-radius:0;border-top-left-radius:0}body.rtl .copytext .btn{border-bottom-right-radius:0;border-top-right-radius:0}.copytextbtn{-webkit-align-items:center;align-items:center;border:1px solid var(--hairline-color);border-radius:var(--small-border-radius);display:-webkit-inline-flex;display:inline-flex;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;padding:0 9px}.copytextbtn,.copytextbtn input{color:var(--medium-text-color);cursor:pointer}.copytextbtn input{background-color:transparent;border:none;box-shadow:none;height:32px;padding:0;text-align:center}.copytextbtn span{background:none;color:var(--light-text-color);margin-top:-3px;padding:0;width:13px}body.ltr .copytextbtn span{margin-left:5px}body.rtl .copytextbtn span{margin-right:5px}.copytextbtn:focus,.copytextbtn:hover{border-color:var(--medium-hairline-color);color:var(--text-color)}.copytextbtn:focus input,.copytextbtn:hover input{color:var(--text-color)}.copytextbtn.small{padding:0 5px}.copytextbtn.small input{font-size:11px!important;height:20px}.menu-toggle,.menubtn{-webkit-align-items:center;align-items:center;display:-webkit-inline-flex;display:inline-flex;-webkit-user-select:none;user-select:none}.menu-toggle:after,.menubtn:after{border:solid;border-width:0 2px 2px 0;content:"";display:block;font-size:0;height:7px;opacity:.8;position:relative;-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);width:7px}.menu-toggle.btn:after,.menubtn.btn:after{top:-1px}.menu-toggle.btn:not(.disabled):not(.inactive).active:after,.menu-toggle.btn:not(.disabled):not(.inactive):active:after,.menubtn.btn:not(.disabled):not(.inactive).active:after,.menubtn.btn:not(.disabled):not(.inactive):active:after{border-color:var(--ui-control-active-color)}.menu-toggle.btn.submit:after,.menubtn.btn.submit:after{border-color:var(--white)!important;opacity:.8}.menu-toggle.btn.submit:not(.disabled):not(.inactive).active:after,.menu-toggle.btn.submit:not(.disabled):not(.inactive).hover:after,.menu-toggle.btn.submit:not(.disabled):not(.inactive):active:after,.menu-toggle.btn.submit:not(.disabled):not(.inactive):hover:after,.menubtn.btn.submit:not(.disabled):not(.inactive).active:after,.menubtn.btn.submit:not(.disabled):not(.inactive).hover:after,.menubtn.btn.submit:not(.disabled):not(.inactive):active:after,.menubtn.btn.submit:not(.disabled):not(.inactive):hover:after{opacity:1}.menu-toggle:not(.btn):not(.icon),.menubtn:not(.btn):not(.icon){height:17px}.menu-toggle:not(.btn):not(.icon):after,.menubtn:not(.btn):not(.icon):after{border-color:var(--link-color);top:-2px}body.ltr .menu-toggle.btn-empty,body.ltr .menu-toggle:empty,body.ltr .menubtn.btn-empty,body.ltr .menubtn:empty{padding-left:8px}body.rtl .menu-toggle.btn-empty,body.rtl .menu-toggle:empty,body.rtl .menubtn.btn-empty,body.rtl .menubtn:empty{padding-right:8px}body.ltr .menu-toggle.btn-empty,body.ltr .menu-toggle:empty,body.ltr .menubtn.btn-empty,body.ltr .menubtn:empty{padding-right:8px}body.rtl .menu-toggle.btn-empty,body.rtl .menu-toggle:empty,body.rtl .menubtn.btn-empty,body.rtl .menubtn:empty{padding-left:8px}@-webkit-keyframes rotator{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-o-keyframes rotator{0%{-webkit-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);-o-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotator{0%{-webkit-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);-o-transform:rotate(1turn);transform:rotate(1turn)}}.spinner{-webkit-align-items:center;align-items:center;display:-webkit-inline-flex;display:inline-flex;height:var(--size,34px);-webkit-justify-content:center;justify-content:center;width:var(--size,24px)}.spinner:before{-webkit-animation:rotator .7s linear infinite;-o-animation:rotator .7s linear infinite;animation:rotator .7s linear infinite;border-color:transparent currentcolor currentcolor transparent;border-radius:50%;border-style:solid;border-width:2px;box-sizing:border-box;content:"";display:block;font-size:0;height:var(--size,20px);-o-object-fit:scale-down;object-fit:scale-down;opacity:.8;width:var(--size,20px)}.spinner.small{--size:12px}.spinner.big{--size:48px}.spinner.spinner-absolute{height:var(--size,20px);left:calc(50% - var(--size, 20px)/2);position:absolute;top:calc(50% - var(--size, 20px)/2);width:var(--size,20px)}body.ltr .btn+.spinner{margin-left:7px}body.rtl .btn+.spinner{margin-right:7px}body.ltr .buttons .btn+.spinner,body.ltr .buttons .btngroup+.spinner{margin-left:0}body.rtl .buttons .btn+.spinner,body.rtl .buttons .btngroup+.spinner{margin-right:0}body.ltr .buttons.right .btn+.spinner{margin-right:var(--neg-padding)}body.rtl .buttons.right .btn+.spinner{margin-left:var(--neg-padding)}.btn.small,.btngroup.small .btn{font-size:12px;line-height:22px;padding:0 7px!important}.btn.small,.btn.small+.spinner,.btngroup.small,.btngroup.small input.btn{height:22px}.btn.big,.btngroup.big .btn{font-size:14px;line-height:36px;padding:0 14px}body.ltr .btn.big[data-icon]:before,body.ltr .preview-btn:before,body.ltr .view-btn:before{margin-left:-2px}body.rtl .btn.big[data-icon]:before,body.rtl .preview-btn:before,body.rtl .view-btn:before{margin-right:-2px}.btn.big,.btn.big+.spinner,.btngroup.big,.btngroup.big input.btn{height:36px}.btn.secondary,.btn.submit{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;color:var(--white)!important;font-weight:500}.btn.submit{background-color:var(--primary-color)!important}.btn.submit:not(.disabled):not(.inactive):not(.loading).hover,.btn.submit:not(.disabled):not(.inactive):not(.loading):focus,.btn.submit:not(.disabled):not(.inactive):not(.loading):hover{background-color:#d61f2b!important}.btn.submit:not(.disabled):not(.inactive):not(.loading).active,.btn.submit:not(.disabled):not(.inactive):not(.loading):active{background-color:#c01b26!important}.btn.caution{background-color:var(--red-050)!important;color:var(--error-color)}.btn.caution.hover,.btn.caution:focus,.btn.caution:hover{background-color:#ffcaca!important}.btn.caution.active,.btn.caution:active{background-color:var(--red-100)!important}.btn.secondary,.secondary-buttons .btn.submit{background-color:var(--secondary-color)!important}.btn.secondary:not(.disabled):not(.inactive):not(.loading).hover,.btn.secondary:not(.disabled):not(.inactive):not(.loading):focus,.btn.secondary:not(.disabled):not(.inactive):not(.loading):hover,.secondary-buttons .btn.submit:not(.disabled):not(.inactive):not(.loading).hover,.secondary-buttons .btn.submit:not(.disabled):not(.inactive):not(.loading):focus,.secondary-buttons .btn.submit:not(.disabled):not(.inactive):not(.loading):hover{background-color:#55616d!important}.btn.secondary:not(.disabled):not(.inactive):not(.loading).active,.btn.secondary:not(.disabled):not(.inactive):not(.loading):active,.secondary-buttons .btn.submit:not(.disabled):not(.inactive):not(.loading).active,.secondary-buttons .btn.submit:not(.disabled):not(.inactive):not(.loading):active{background-color:#4a545e!important}div.btn.submit{overflow:hidden;position:relative}div.btn.submit input{left:100%;position:absolute}.btn.dashed{background-color:transparent;border:1px dashed var(--medium-hairline-color)}body.ltr .btngroup .btn.dashed:not(:last-child):not(.btngroup-btn-last){border-right:1px solid transparent}body.rtl .btngroup .btn.dashed:not(:last-child):not(.btngroup-btn-last){border-left:1px solid transparent}body.ltr .btngroup .btn.dashed:not(:last-child):not(.btngroup-btn-last){margin-right:-1px}body.rtl .btngroup .btn.dashed:not(:last-child):not(.btngroup-btn-last){margin-left:-1px}.btn.dashed:focus{background-color:rgba(205,216,228,.1);border-color:transparent}.reduce-focus-visibility .btn.dashed:focus:not(.focus-visible){border:1px dashed var(--medium-hairline-color)}.btn.dashed:not(.disabled).active,.btn.dashed:not(.disabled):active{background-color:rgba(205,216,228,.25)}.color-input-container{position:relative}.color-input-container .color-hex-indicator{line-height:34px;position:absolute;text-align:center;top:0;-webkit-user-select:none;user-select:none;width:1em}body.ltr .color-input-container .color-hex-indicator{left:7px}body.rtl .color-input-container .color-hex-indicator{right:7px}.color-input{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:.9em!important}body.ltr .color-input{padding-left:calc(7px + 1em)}body.rtl .color-input{padding-right:calc(7px + 1em)}.color{border-radius:17px;display:inline-block;height:34px;padding:0;position:relative;vertical-align:middle;width:34px}.color:not(.static){cursor:pointer}.color:not(.small){background-image:-o-linear-gradient(45deg,var(--gray-100) 25%,transparent 25%),-o-linear-gradient(315deg,var(--gray-100) 25%,transparent 25%),-o-linear-gradient(45deg,transparent 75%,var(--gray-100) 75%),-o-linear-gradient(315deg,transparent 75%,var(--gray-100) 75%);background-image:linear-gradient(45deg,var(--gray-100) 25%,transparent 25%),linear-gradient(135deg,var(--gray-100) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--gray-100) 75%),linear-gradient(135deg,transparent 75%,var(--gray-100) 75%);background-position:0 0,8.5px 0,8.5px -8.5px,0 8.5px;-o-background-size:17px 17px;background-size:17px 17px}.color.small{background-image:-o-linear-gradient(45deg,var(--gray-100) 25%,transparent 25%),-o-linear-gradient(315deg,var(--gray-100) 25%,transparent 25%),-o-linear-gradient(45deg,transparent 75%,var(--gray-100) 75%),-o-linear-gradient(315deg,transparent 75%,var(--gray-100) 75%);background-image:linear-gradient(45deg,var(--gray-100) 25%,transparent 25%),linear-gradient(135deg,var(--gray-100) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--gray-100) 75%),linear-gradient(135deg,transparent 75%,var(--gray-100) 75%);background-position:0 0,4px 0,4px -4px,0 4px;-o-background-size:8px 8px;background-size:8px 8px;height:16px;width:16px}.color .color-preview{border-radius:17px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15);height:100%;position:absolute;top:0;width:100%}body.ltr .color .color-preview{left:0}body.rtl .color .color-preview{right:0}.color .color-preview:focus-within{box-shadow:var(--focus-ring)}.color .color-preview>.color-preview-input{border:none;height:100%;margin:0;opacity:0;padding:0;position:absolute;width:100%}body.ltr .color .color-preview>.color-preview-input{left:0}body.rtl .color .color-preview>.color-preview-input{right:0}.colorhex{color:var(--medium-text-color);display:inline-block;margin-left:5px;vertical-align:middle}.lightswitch-outer-container{display:-webkit-flex;display:flex}.lightswitch-outer-container .lightswitch-inner-container{-webkit-align-items:center;align-items:center;border:1px solid var(--hairline-color);border-radius:var(--small-border-radius);display:-webkit-flex;display:flex}.lightswitch-outer-container .lightswitch-inner-container span{color:var(--medium-text-color);cursor:default;padding:7px 0}body.ltr .lightswitch-outer-container .lightswitch-inner-container span[data-toggle=on]{padding-right:10px}body.rtl .lightswitch-outer-container .lightswitch-inner-container span[data-toggle=on]{padding-left:10px}body.ltr .lightswitch-outer-container .lightswitch-inner-container span[data-toggle=on]{margin-left:7px}body.rtl .lightswitch-outer-container .lightswitch-inner-container span[data-toggle=on]{margin-right:7px}body.ltr .lightswitch-outer-container .lightswitch-inner-container span[data-toggle=off]{padding-left:10px}body.rtl .lightswitch-outer-container .lightswitch-inner-container span[data-toggle=off]{padding-right:10px}body.ltr .lightswitch-outer-container .lightswitch-inner-container span[data-toggle=off]{margin-right:7px}body.rtl .lightswitch-outer-container .lightswitch-inner-container span[data-toggle=off]{margin-left:7px}.lightswitch{background-image:-o-linear-gradient(left,var(--gray-400),var(--gray-400));background-image:linear-gradient(to right,var(--gray-400),var(--gray-400));border:none!important;cursor:pointer;display:block;overflow:hidden;position:relative;-o-transition:background-image .1s linear;transition:background-image .1s linear;-webkit-user-select:none;user-select:none}.lightswitch.on{background-image:-o-linear-gradient(left,var(--enabled-color),var(--enabled-color));background-image:linear-gradient(to right,var(--enabled-color),var(--enabled-color))}.lightswitch.indeterminate{background-image:-o-linear-gradient(left,var(--enabled-color),var(--gray-300));background-image:linear-gradient(to right,var(--enabled-color),var(--gray-300))}.lightswitch .lightswitch-container{height:100%;position:relative}.lightswitch .lightswitch-container .handle{background-color:var(--white);position:absolute;top:1px}.lightswitch:not(.small){border-radius:11px;height:22px;width:34px}.lightswitch:not(.small) .lightswitch-container{width:46px}body.ltr .lightswitch:not(.small) .lightswitch-container{margin-left:-12px}body.rtl .lightswitch:not(.small) .lightswitch-container{margin-right:-12px}.lightswitch:not(.small) .lightswitch-container .handle{border-radius:10px;height:20px;left:calc(50% - 10px);width:20px}.lightswitch.small{border-radius:9px;height:18px;width:28px}.lightswitch.small .lightswitch-container{width:38px}body.ltr .lightswitch.small .lightswitch-container{margin-left:-10px}body.rtl .lightswitch.small .lightswitch-container{margin-right:-10px}.lightswitch.small .lightswitch-container .handle{border-radius:8px;height:16px;left:calc(50% - 8px);width:16px}table .lightswitch{display:inline-block;margin-bottom:-5px}body.ltr .lightswitch.on .lightswitch-container{margin-left:0}body.rtl .lightswitch.on .lightswitch-container{margin-right:0}body.ltr .lightswitch.indeterminate:not(.small) .lightswitch-container{margin-left:-6px}body.rtl .lightswitch.indeterminate:not(.small) .lightswitch-container{margin-right:-6px}body.ltr .lightswitch.indeterminate.small .lightswitch-container{margin-left:-5px}body.rtl .lightswitch.indeterminate.small .lightswitch-container{margin-right:-5px}table.data+.pagination{margin-top:24px}.pagination .page-link{-webkit-align-items:center;align-items:center;border-radius:var(--medium-border-radius);display:-webkit-flex;display:flex;height:32px;-webkit-justify-content:center;justify-content:center;width:32px}.pagination .page-link:after{position:relative;-o-transition:border-color .1s linear;transition:border-color .1s linear}.pagination .page-link.prev-page:after{border:solid var(--light-text-color);border-width:0 2px 2px 0;content:"";display:block;font-size:0;height:7px;opacity:.8;width:7px}body.ltr .pagination .page-link.prev-page:after{-webkit-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}body.rtl .pagination .page-link.prev-page:after{-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}body.ltr .pagination .page-link.prev-page:after{right:-1px}body.rtl .pagination .page-link.prev-page:after{left:-1px}.pagination .page-link.next-page:after{border:solid var(--light-text-color);border-width:0 2px 2px 0;content:"";display:block;font-size:0;height:7px;opacity:.8;width:7px}body.ltr .pagination .page-link.next-page:after{-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}body.rtl .pagination .page-link.next-page:after{-webkit-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}body.ltr .pagination .page-link.next-page:after{left:-1px}body.rtl .pagination .page-link.next-page:after{right:-1px}.pagination .page-link:not(.disabled){box-shadow:inset 0 0 0 1px var(--hairline-color);cursor:pointer;-o-transition:box-shadow .1s linear;transition:box-shadow .1s linear}.pagination .page-link:not(.disabled):hover{box-shadow:inset 0 0 0 1px var(--link-color);text-decoration:none}.pagination .page-link:not(.disabled):hover:after{border-color:var(--link-color)}.pagination .page-link:not(.disabled).focus-visible{box-shadow:inset 0 0 0 1px var(--hairline-color),var(--focus-ring)}.pagination .page-link.disabled{opacity:1}.pagination .page-link.disabled:after{border-color:var(--hairline-color)}body.ltr .actions{float:right}body.ltr .actions>li,body.rtl .actions{float:left}body.rtl .actions>li{float:right}body.ltr .actions>li+li{margin-left:10px}body.rtl .actions>li+li{margin-right:10px}h1+.actions{margin-top:-100px}h2+.actions{margin-top:-54px}.tablepane{margin:-24px -24px -12px;overflow-x:auto}body.ltr .tablepane table.data td:first-child,body.ltr .tablepane table.data th:first-child{padding-left:24px}body.rtl .tablepane table.data td:first-child,body.rtl .tablepane table.data th:first-child{padding-right:24px}body.ltr .tablepane table.data td:last-child,body.ltr .tablepane table.data th:last-child{padding-right:24px}body.rtl .tablepane table.data td:last-child,body.rtl .tablepane table.data th:last-child{padding-left:24px}table.fixed-layout{table-layout:fixed}table td.thin,table th.thin{white-space:nowrap;width:.01%!important}table thead th{font-weight:700;vertical-align:top}body.ltr table thead th{text-align:left}body.rtl table thead th{text-align:right}table:not(.data) td,table:not(.data) th{padding-bottom:7px;padding-top:7px}table:not(.data) td:not(:first-child),table:not(.data) th:not(:first-child){padding-left:12px}table:not(.data) td:not(:last-child),table:not(.data) th:not(:last-child){padding-right:12px}table.data td,table.data th{box-sizing:border-box;padding-left:12px;padding-right:12px;position:relative}table.data td.checkbox-cell,table.data th.checkbox-cell{box-sizing:content-box;min-width:var(--checkbox-size);position:relative;width:var(--checkbox-size)!important}table.data td.checkbox-cell div.checkbox,table.data td.checkbox-cell input.checkbox+label,table.data th.checkbox-cell div.checkbox,table.data th.checkbox-cell input.checkbox+label{position:absolute;top:calc(50% - 8px)}table.data th{font-weight:700}body.ltr table.data caption+tbody tr:first-child td:first-child,body.ltr table.data caption+tbody tr:first-child th:first-child,body.ltr table.data caption+tfoot tr:first-child td:first-child,body.ltr table.data caption+tfoot tr:first-child th:first-child,body.ltr table.data caption+thead tr:first-child td:first-child,body.ltr table.data caption+thead tr:first-child th:first-child,body.ltr table.data tbody:first-child tr:first-child td:first-child,body.ltr table.data tbody:first-child tr:first-child th:first-child,body.ltr table.data tfoot:first-child tr:first-child td:first-child,body.ltr table.data tfoot:first-child tr:first-child th:first-child,body.ltr table.data thead:first-child tr:first-child td:first-child,body.ltr table.data thead:first-child tr:first-child th:first-child{border-top-left-radius:var(--large-border-radius)}body.rtl table.data caption+tbody tr:first-child td:first-child,body.rtl table.data caption+tbody tr:first-child th:first-child,body.rtl table.data caption+tfoot tr:first-child td:first-child,body.rtl table.data caption+tfoot tr:first-child th:first-child,body.rtl table.data caption+thead tr:first-child td:first-child,body.rtl table.data caption+thead tr:first-child th:first-child,body.rtl table.data tbody:first-child tr:first-child td:first-child,body.rtl table.data tbody:first-child tr:first-child th:first-child,body.rtl table.data tfoot:first-child tr:first-child td:first-child,body.rtl table.data tfoot:first-child tr:first-child th:first-child,body.rtl table.data thead:first-child tr:first-child td:first-child,body.rtl table.data thead:first-child tr:first-child th:first-child{border-top-right-radius:var(--large-border-radius)}body.ltr table.data caption+tbody tr:first-child td:last-child,body.ltr table.data caption+tbody tr:first-child th:last-child,body.ltr table.data caption+tfoot tr:first-child td:last-child,body.ltr table.data caption+tfoot tr:first-child th:last-child,body.ltr table.data caption+thead tr:first-child td:last-child,body.ltr table.data caption+thead tr:first-child th:last-child,body.ltr table.data tbody:first-child tr:first-child td:last-child,body.ltr table.data tbody:first-child tr:first-child th:last-child,body.ltr table.data tfoot:first-child tr:first-child td:last-child,body.ltr table.data tfoot:first-child tr:first-child th:last-child,body.ltr table.data thead:first-child tr:first-child td:last-child,body.ltr table.data thead:first-child tr:first-child th:last-child{border-top-right-radius:var(--large-border-radius)}body.rtl table.data caption+tbody tr:first-child td:last-child,body.rtl table.data caption+tbody tr:first-child th:last-child,body.rtl table.data caption+tfoot tr:first-child td:last-child,body.rtl table.data caption+tfoot tr:first-child th:last-child,body.rtl table.data caption+thead tr:first-child td:last-child,body.rtl table.data caption+thead tr:first-child th:last-child,body.rtl table.data tbody:first-child tr:first-child td:last-child,body.rtl table.data tbody:first-child tr:first-child th:last-child,body.rtl table.data tfoot:first-child tr:first-child td:last-child,body.rtl table.data tfoot:first-child tr:first-child th:last-child,body.rtl table.data thead:first-child tr:first-child td:last-child,body.rtl table.data thead:first-child tr:first-child th:last-child{border-top-left-radius:var(--large-border-radius)}table.data thead td,table.data thead th{background-color:var(--gray-050);cursor:default;width:auto}table.data thead td,table.data thead th:not(.orderable){padding-bottom:15px;padding-top:15px}table.data thead th{vertical-align:middle;white-space:nowrap}table.data thead th.orderable{padding-left:0;padding-right:0;position:relative}table.data thead th.orderable:not(.ordered):hover{background-color:var(--gray-100)}table.data thead th.orderable.ordered{background-color:var(--light-sel-color)}table.data thead th.orderable.ordered:not(.loading) button:after{border:solid;border-width:0 2px 2px 0;content:"";display:block;font-size:0;height:7px;opacity:.8;position:absolute;top:calc(50% - 3px);-webkit-transform:rotate(225deg);-o-transform:rotate(225deg);transform:rotate(225deg);width:7px}body.ltr table.data thead th.orderable.ordered:not(.loading) button:after{right:10px}body.rtl table.data thead th.orderable.ordered:not(.loading) button:after{left:10px}table.data thead th.orderable.ordered:not(.loading).desc button:after{-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}table.data thead th.orderable button{font:inherit;padding:14px;position:relative;width:100%}body.ltr table.data thead th.orderable button{padding-right:26px}body.rtl table.data thead th.orderable button{padding-left:26px}body.ltr table.data thead th.orderable button{text-align:left}body.rtl table.data thead th.orderable button{text-align:right}table.data thead th.orderable button:focus{z-index:1}table.data thead th:not(.loading) .spinner{display:none}table.data thead th .spinner{--size:12px;position:absolute;top:calc(50% - 6px)}body.ltr table.data thead th .spinner{right:8px}body.rtl table.data thead th .spinner{left:8px}table.data tbody tr:not(.disabled):hover td,table.data tbody tr:not(.disabled):hover th{background-color:var(--gray-050)}table.data tbody tr:not(.disabled):focus{position:relative;z-index:1}table.data tbody tr:not(.disabled).sel td,table.data tbody tr:not(.disabled).sel th{background-color:var(--light-sel-color)}table.data tbody td,table.data tbody th{background-clip:padding-box;padding-bottom:7px;padding-top:7px}table.data tbody td.timestamp{color:var(--light-text-color);vertical-align:bottom;white-space:nowrap}body.ltr table.data tbody td.timestamp{text-align:right}body.rtl table.data tbody td.timestamp{text-align:left}table.data thead+tbody tr td,table.data thead+tbody tr th,table.data tr+tr td,table.data tr+tr th{border-top:1px solid transparent}table.collapsed{width:auto}table.collapsed,table.collapsed tbody,table.collapsed tbody td,table.collapsed tbody th,table.collapsed tbody tr{border:none;display:block;padding:0;white-space:normal;width:auto!important}body.ltr table.collapsed,body.ltr table.collapsed tbody,body.ltr table.collapsed tbody td,body.ltr table.collapsed tbody th,body.ltr table.collapsed tbody tr{text-align:left}body.rtl table.collapsed,body.rtl table.collapsed tbody,body.rtl table.collapsed tbody td,body.rtl table.collapsed tbody th,body.rtl table.collapsed tbody tr{text-align:right}table.collapsed thead{display:none}table.collapsed tbody tr{border-bottom:1px dotted var(--hairline-color);padding:6px 0}table.collapsed tbody tr:after{clear:both;content:"";display:block;height:0;visibility:hidden}table.collapsed tbody td,table.collapsed tbody th{padding:2px 0!important}table.collapsed tbody td:empty{display:none}body.ltr table.collapsed tbody [data-title]{margin-right:0}body.rtl table.collapsed tbody [data-title]{margin-left:0}table.collapsed tbody [data-title]:before{content:attr(data-title) ":";font-weight:700;margin-right:5px}table.collapsed tbody [data-title] form{display:inline-block}.datatablesorthelper,.editabletablesorthelper,.thumbviewhelper{background-color:var(--white);box-shadow:0 1px 5px -1px rgba(31,41,51,.2)}.datatablesorthelper,.datatablesorthelper .element,.datatablesorthelper a{cursor:move!important}.datatablesorthelper tr:first-child td,.datatablesorthelper tr:first-child th{border-top:none!important}.datatablesorthelper tr:last-child td,.datatablesorthelper tr:last-child th{border-bottom:none!important}.element{border-radius:var(--small-border-radius);cursor:default;font-weight:400;position:relative;-webkit-user-select:none;user-select:none}.element:focus,li:focus .element{background-color:var(--gray-050)}.element.sel,li.sel .element{background-color:var(--light-sel-color)!important;cursor:default}.element.sel:focus,li.sel .element:focus{background-color:#bdcbdb!important}.element.sel.hasthumb .elementthumb img,li.sel .element.hasthumb .elementthumb img{box-shadow:0 0 0 1px rgba(81,95,108,.1),0 6px 4px -4px rgba(81,95,108,.2)}.element.hasthumb .elementthumb:not(:empty){-ms-flex-pack:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;position:absolute}.element.hasthumb .elementthumb:not(:empty) img{border-radius:var(--small-border-radius);display:block;-webkit-flex-shrink:0;flex-shrink:0;max-height:100%;max-width:100%;pointer-events:none}.element.hasthumb .elementthumb:not(:empty).rounded img{border-radius:50%}.element.hasthumb .elementthumb.open-preview{cursor:pointer}.element.error [data-icon=alert]{margin-left:var(--xs)}.element .label{display:inline-block}.element .label .draft-label{background:var(--gray-100);border-radius:var(--large-border-radius);color:var(--medium-text-color);display:inline-block;font-weight:400;padding:1px 5px;text-decoration:none!important}body.ltr .element .label .draft-label{margin:-1px 0 -1px 7px}body.rtl .element .label .draft-label{margin:-1px 7px -1px 0}.element.large:not(.hasthumb),.element.small{box-sizing:border-box;display:inline-block;padding:7px}body.ltr .element.large:not(.hasthumb).hasstatus,body.ltr .element.small.hasstatus{padding-left:22px}body.rtl .element.large:not(.hasthumb).hasstatus,body.rtl .element.small.hasstatus{padding-right:22px}.element.large:not(.hasthumb).hasstatus .status,.element.small.hasstatus .status{position:absolute;top:calc(50% - 5px)}body.ltr .element.large:not(.hasthumb).hasstatus .status,body.ltr .element.small.hasstatus .status{left:7px}body.rtl .element.large:not(.hasthumb).hasstatus .status,body.rtl .element.small.hasstatus .status{right:7px}.element.large:not(.hasthumb).hasstatus .icon:not(.delete),.element.small.hasstatus .icon:not(.delete){position:absolute;top:calc(50% - 11px)}body.ltr .element.large:not(.hasthumb).hasstatus .icon:not(.delete),body.ltr .element.small.hasstatus .icon:not(.delete){left:6px}body.rtl .element.large:not(.hasthumb).hasstatus .icon:not(.delete),body.rtl .element.small.hasstatus .icon:not(.delete){right:6px}body.ltr .element.large:not(.hasthumb).hasthumb,body.ltr .element.small.hasthumb{padding-left:39px}body.rtl .element.large:not(.hasthumb).hasthumb,body.rtl .element.small.hasthumb{padding-right:39px}.element.large:not(.hasthumb).hasthumb .elementthumb:not(:empty),.element.small.hasthumb .elementthumb:not(:empty){height:34px;top:calc(50% - 17px);width:34px}body.ltr .element.large:not(.hasthumb).hasthumb .elementthumb:not(:empty),body.ltr .element.small.hasthumb .elementthumb:not(:empty){left:0}body.rtl .element.large:not(.hasthumb).hasthumb .elementthumb:not(:empty),body.rtl .element.small.hasthumb .elementthumb:not(:empty){right:0}.element.large:not(.hasthumb).hasthumb .elementthumb:not(:empty).checkered img,.element.small.hasthumb .elementthumb:not(:empty).checkered img{background-image:-o-linear-gradient(45deg,var(--gray-100) 25%,transparent 25%),-o-linear-gradient(315deg,var(--gray-100) 25%,transparent 25%),-o-linear-gradient(45deg,transparent 75%,var(--gray-100) 75%),-o-linear-gradient(315deg,transparent 75%,var(--gray-100) 75%);background-image:linear-gradient(45deg,var(--gray-100) 25%,transparent 25%),linear-gradient(135deg,var(--gray-100) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--gray-100) 75%),linear-gradient(135deg,transparent 75%,var(--gray-100) 75%);background-position:0 0,4px 0,4px -4px,0 4px;-o-background-size:8px 8px;background-size:8px 8px}body.ltr .element.large:not(.hasthumb).hasthumb.hasstatus,body.ltr .element.small.hasthumb.hasstatus{padding-left:54px}body.rtl .element.large:not(.hasthumb).hasthumb.hasstatus,body.rtl .element.small.hasthumb.hasstatus{padding-right:54px}body.ltr .element.large:not(.hasthumb).hasthumb.hasstatus .status,body.ltr .element.small.hasthumb.hasstatus .status{left:39px}body.rtl .element.large:not(.hasthumb).hasthumb.hasstatus .status,body.rtl .element.small.hasthumb.hasstatus .status{right:39px}.element.large.hasthumb{box-sizing:border-box;display:block;padding:132px 7px 7px;width:134px}body.ltr .element.large.hasthumb.hasstatus{padding-left:22px}body.rtl .element.large.hasthumb.hasstatus{padding-right:22px}.element.large.hasthumb.hasstatus .status{position:absolute;top:138px}body.ltr .element.large.hasthumb.hasstatus .status{left:7px}body.rtl .element.large.hasthumb.hasstatus .status{right:7px}.element.large.hasthumb .elementthumb:not(:empty){height:120px;top:7px;width:120px}body.ltr .element.large.hasthumb .elementthumb:not(:empty){left:7px}body.rtl .element.large.hasthumb .elementthumb:not(:empty){right:7px}.element.large.hasthumb .elementthumb:not(:empty).checkered img{background-image:-o-linear-gradient(45deg,var(--gray-100) 25%,transparent 25%),-o-linear-gradient(315deg,var(--gray-100) 25%,transparent 25%),-o-linear-gradient(45deg,transparent 75%,var(--gray-100) 75%),-o-linear-gradient(315deg,transparent 75%,var(--gray-100) 75%);background-image:linear-gradient(45deg,var(--gray-100) 25%,transparent 25%),linear-gradient(135deg,var(--gray-100) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--gray-100) 75%),linear-gradient(135deg,transparent 75%,var(--gray-100) 75%);background-position:0 0,7.5px 0,7.5px -7.5px,0 7.5px;-o-background-size:15px 15px;background-size:15px 15px}.element.large.hasthumb .label{word-wrap:normal;display:block}body.ltr .element.removable .label{padding-right:20px}body.rtl .element.removable .label{padding-left:20px}.element.removable .delete:before{color:var(--ui-control-color)}.element.removable.large:not(.hasthumb) .delete,.element.removable.small .delete{position:absolute;top:calc(50% - 11px)}body.ltr .element.removable.large:not(.hasthumb) .delete,body.ltr .element.removable.small .delete{right:7px}body.rtl .element.removable.large:not(.hasthumb) .delete,body.rtl .element.removable.small .delete{left:7px}.element.removable.large.hasthumb .delete{position:absolute}body.ltr .element.removable.large.hasthumb .delete{right:7px}body.rtl .element.removable.large.hasthumb .delete{left:7px}.element:not(.removable) .delete{display:none}.elements{position:relative}.elements:not(.busy) .update-spinner{display:none}.elements.busy{min-height:200px}.elements.busy:after{background:hsla(0,0%,100%,.75);border-radius:var(--large-border-radius);content:"";display:block;font-size:0;height:100%;left:-24px;position:absolute;top:0;width:calc(100% + 48px)}.elements.busy .update-spinner{z-index:1}.elements .header{background-color:var(--gray-050);box-shadow:none;margin:-24px -24px 24px;padding:14px 24px}.elements .header:after{content:""}.elements .header .selectallcontainer{cursor:default}body.ltr .elements .header .selectallcontainer .checkbox{margin-right:5px}body.rtl .elements .header .selectallcontainer .checkbox{margin-left:5px}.elements .tableview .move,.elements .tableview .toggle{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;height:var(--touch-target-size);-webkit-justify-content:center;justify-content:center;position:absolute;top:50%;-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);width:var(--touch-target-size)}body.ltr .elements .tableview .move,body.ltr .elements .tableview .toggle{margin-left:calc(var(--touch-target-size)*-1)}body.rtl .elements .tableview .move,body.rtl .elements .tableview .toggle{margin-right:calc(var(--touch-target-size)*-1)}.elements .tableview .move{font-size:11px;text-decoration:none}.elements .tableview .toggle{border-radius:50%;padding:4px;text-align:center}body.ltr .elements .tableview .move+.toggle{margin-left:calc(var(--touch-target-size)*-2)}body.rtl .elements .tableview .move+.toggle{margin-right:calc(var(--touch-target-size)*-2)}.elements .thumbsview{display:grid;gap:5px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));width:calc(100% + 15px)}body.ltr .elements .thumbsview{margin:-7px -8px -8px -7px}body.rtl .elements .thumbsview{margin:-7px -7px -8px -8px}.elements .thumbsview li{position:relative}body.ltr .elements .thumbsview li{margin:0 1px 1px 0}body.rtl .elements .thumbsview li{margin:0 0 1px 1px}.elements .thumbsview li:hover .element{background-color:var(--gray-050)}.elements .thumbsview li .element.large.hasthumb{width:unset}.elements .thumbsview li .element.large.hasthumb .elementthumb:not(:empty){width:100%}body.ltr .elements .thumbsview li.has-checkbox .element.hasthumb:not(.hasstatus){padding-left:28px}body.rtl .elements .thumbsview li.has-checkbox .element.hasthumb:not(.hasstatus){padding-right:28px}body.ltr .elements .thumbsview li.has-checkbox .element.hasthumb.hasstatus{padding-left:43px}body.rtl .elements .thumbsview li.has-checkbox .element.hasthumb.hasstatus{padding-right:43px}body.ltr .elements .thumbsview li.has-checkbox .element.hasthumb.hasstatus .status{left:28px}body.rtl .elements .thumbsview li.has-checkbox .element.hasthumb.hasstatus .status{right:28px}.elements .thumbsview li.has-checkbox .checkbox{position:absolute;top:134px}body.ltr .elements .thumbsview li.has-checkbox .checkbox{left:7px}body.rtl .elements .thumbsview li.has-checkbox .checkbox{right:7px}.export-form{position:relative}.export-form .spinner{bottom:0;position:absolute}body.ltr .export-form .spinner{right:-24px}body.rtl .export-form .spinner{left:-24px}.thumbviewhelper{margin:-7px;padding:7px}.thumbviewhelper .thumbsview,.thumbviewhelper .thumbsview li{margin:0!important}.structure{position:relative;z-index:1}body.ltr .structure li{padding-left:8px}body.rtl .structure li{padding-right:8px}.structure li.collapsed>ul{display:none}.structure li .add.active,.structure li .row:hover>.icon,.structure li.draghelper>.row .move{opacity:1}.structure li.draghelper>.row .add{opacity:0}.structure li.draghelper>.row .move:before{color:var(--link-color)}.structure li.draginsertion{background-color:var(--link-color)!important;border-radius:1px;height:2px;position:relative}body.ltr .structure li.draginsertion{margin:-1px 0 -1px 8px}body.rtl .structure li.draginsertion{margin:-1px 8px -1px 0}body.ltr .structure li.draginsertion{padding-left:0}body.rtl .structure li.draginsertion{padding-right:0}body.ltr .structure li.draginsertion{border-left:none}body.rtl .structure li.draginsertion{border-right:none}.structure li .toggle{padding:4px;position:relative;z-index:1}body.ltr .structure li .toggle{float:left}body.rtl .structure li .toggle{float:right}body.ltr .structure li .toggle{margin:10px -8px 0 -12px}body.rtl .structure li .toggle{margin:10px -12px 0 -8px}.structure li .row:after{clear:both;content:"";display:block;height:0;visibility:hidden}.structure li .add,.structure li .move{opacity:0;-o-transition:opacity .1s linear;transition:opacity .1s linear}body.ltr .structure li .add,body.ltr .structure li .move{margin:5px 5px 0 0}body.rtl .structure li .add,body.rtl .structure li .move{margin:5px 0 0 5px}.structure li .add{padding:0 5px}.structure li .add:before{color:var(--dark-hairline-color);content:"downangle"}.structure li .add.active:before,.structure li .add:not(.disabled):hover:before{color:var(--link-color)}body.ltr .structure li .checkbox{float:left}body.rtl .structure li .checkbox{float:right}body.ltr .structure li .checkbox{margin:7px 0 0 7px}body.rtl .structure li .checkbox{margin:7px 7px 0 0}body.ltr .structure ul{margin-left:-3px}body.rtl .structure ul{margin-right:-3px}.structure ul li{background-repeat:no-repeat}body.ltr .structure ul li{padding-left:38px}body.rtl .structure ul li{padding-right:38px}body.ltr .structure ul li{background-image:url(../images/branch.png);background-position:0 0}body.rtl .structure ul li{background-image:url(../images/branch_rtl.png);background-position:100% 0}body.ltr .structure ul li:not(:last-child):not(.last){padding-left:37px}body.rtl .structure ul li:not(:last-child):not(.last){padding-right:37px}body.ltr .structure ul li:not(:last-child):not(.last){border-left:1px solid var(--hairline-color)}body.rtl .structure ul li:not(:last-child):not(.last){border-right:1px solid var(--hairline-color)}body.ltr .structure ul li:not(:last-child):not(.last){background-position:-1px 0}body.rtl .structure ul li:not(:last-child):not(.last){background-position:calc(100% + 1px) 0}body.ltr .structure ul li.draginsertion{margin-left:38px}body.rtl .structure ul li.draginsertion{margin-right:38px}.structure .row.draghover .element{border-radius:15px;box-shadow:inset 0 0 0 2px var(--link-color);z-index:2}.structure .row.droptarget{border-radius:5px;box-shadow:inset 0 0 0 2px var(--link-color)}.elementselect{margin-top:-7px;min-height:34px;position:relative}.elementselect .elements:after{clear:both;content:"";display:block;height:0;visibility:hidden}body.ltr .elementselect .element{float:left}body.rtl .elementselect .element{float:right}body.ltr .elementselect .element{margin:7px 7px 0 0}body.rtl .elementselect .element{margin:7px 0 0 7px}.elementselect .btn,.elementselect .element.small,.elementselect .flex{clear:both}.elementselect .element{z-index:1}.elementselect .element.small{max-width:100%}.elementselect .element.small .label{box-sizing:border-box;display:block;max-width:100%;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}body.ltr .elementselect .caboose{float:left}body.rtl .elementselect .caboose{float:right}.elementselect .flex{float:none!important;padding-top:7px}table.editable{border:1px solid var(--gray-200);border-radius:var(--large-border-radius)}table.editable td.action,table.editable th{background-color:var(--gray-050);color:var(--medium-text-color);font-weight:400}table.editable tbody tr th,table.editable thead tr th{padding:6px 10px}table.editable thead tr th{border-bottom:1px solid var(--hairline-color)}body.ltr table.editable thead tr th.has-info{padding-right:calc(15px + 1em)}body.rtl table.editable thead tr th.has-info{padding-left:calc(15px + 1em)}table.editable thead tr th span.info{margin-left:5px;position:absolute}table.editable tbody tr:not(:first-child) td,table.editable tbody tr:not(:first-child) th{border-top:1px solid var(--hairline-color)}body.ltr table.editable tbody tr:last-child td:first-child{border-bottom-left-radius:var(--large-border-radius)}body.rtl table.editable tbody tr:last-child td:first-child{border-bottom-right-radius:var(--large-border-radius)}body.ltr table.editable tbody tr:last-child td:first-child input.text,body.ltr table.editable tbody tr:last-child td:first-child textarea{border-bottom-left-radius:var(--large-border-radius)-1}body.rtl table.editable tbody tr:last-child td:first-child input.text,body.rtl table.editable tbody tr:last-child td:first-child textarea{border-bottom-right-radius:var(--large-border-radius)-1}body.ltr table.editable tbody tr td:not(:first-child),body.ltr table.editable tbody tr th~td:not(.hidden)~td{border-left:1px solid var(--hairline-color)}body.rtl table.editable tbody tr td:not(:first-child),body.rtl table.editable tbody tr th~td:not(.hidden)~td{border-right:1px solid var(--hairline-color)}body.ltr table.editable tbody tr th~td:not(:first-child){border-left:1px solid #dbdddf}body.rtl table.editable tbody tr th~td:not(:first-child){border-right:1px solid #dbdddf}table.editable tbody tr td{background-color:var(--white);padding:4px 10px;text-align:center;vertical-align:top}table.editable tbody tr td.focus{box-shadow:inset 0 0 0 1px var(--hairline-color);position:relative}table.editable tbody tr td.textual{padding:0}table.editable tbody tr td.textual textarea{resize:none}table.editable tbody tr td.textual pre{white-space:pre-wrap}body.ltr table.editable tbody tr td.textual pre{text-align:left}body.rtl table.editable tbody tr td.textual pre{text-align:right}table.editable tbody tr td.lightswitch-cell{padding-bottom:9px;padding-top:9px}table.editable tbody tr td.lightswitch-cell .lightswitch{display:block;margin:0 auto}table.editable tbody tr td.checkbox-cell{padding-bottom:10px;padding-top:10px}table.editable tbody tr td.checkbox-cell .checkbox-wrapper{display:block;height:16px;margin:-2px auto 0;width:16px}table.editable tbody tr td.error{box-shadow:inset 0 0 0 1px var(--error-color)}table.editable tbody tr td.disabled{opacity:1;position:relative}table.editable tbody tr td.disabled:after{background-color:rgba(243,247,252,.75);content:"";font-size:0;height:100%;left:0;position:absolute;top:0;-webkit-user-select:none;user-select:none;width:100%}table.editable tbody tr td.action{padding:4px 7px}body.ltr table.editable tbody tr td.action+td.action{border-left:none}body.rtl table.editable tbody tr td.action+td.action{border-right:none}body.ltr table.editable tbody tr td.action+td.action{padding-left:0}body.rtl table.editable tbody tr td.action+td.action{padding-right:0}table.editable tbody tr td .flex>*{margin-bottom:0}table.editable tbody input.text,table.editable tbody pre,table.editable tbody textarea,table.editable tbody textarea.text{background-color:transparent;border:none;border-radius:0;box-shadow:none;box-sizing:border-box;display:block;overflow:hidden;padding:7px 10px;-o-transition:none;transition:none;width:100%}table.editable tbody .color-container{display:block;position:relative}table.editable tbody .color-container .color-input,table.editable tbody .color-container>.color{margin-bottom:0}table.editable tbody .color-container>.color{position:absolute;top:10px;z-index:1}body.ltr table.editable tbody .color-container>.color{left:10px}body.rtl table.editable tbody .color-container>.color{right:10px}body.ltr table.editable tbody .color-container .color-hex-indicator{left:32px}body.rtl table.editable tbody .color-container .color-hex-indicator{right:32px}body.ltr table.editable tbody .color-container .color-input{padding-left:calc(32px + 1em)}body.rtl table.editable tbody .color-container .color-input{padding-right:calc(32px + 1em)}table.editable tbody .datewrapper,table.editable tbody .timewrapper{display:block;width:100%}table.editable tbody .datewrapper .text+div[data-icon],table.editable tbody .timewrapper .text+div[data-icon]{top:6px}body.ltr table.editable tbody .datewrapper .text+div[data-icon],body.ltr table.editable tbody .timewrapper .text+div[data-icon]{left:10px}body.rtl table.editable tbody .datewrapper .text+div[data-icon],body.rtl table.editable tbody .timewrapper .text+div[data-icon]{right:10px}table.editable:not(.static) td.textual{cursor:text}table.editable+.btn.add{display:block;width:100%}table.editable:not(.hidden)+.btn.add{border-radius:0 0 var(--medium-border-radius) var(--medium-border-radius);border-top-width:0}.border-box+.buttons,.shadow-box+.buttons{margin-top:7px}body.ltr .tree ul,body.ltr ul.tree{margin-left:20px}body.rtl .tree ul,body.rtl ul.tree{margin-right:20px}body.ltr .tree li .toggle{margin:7px 0 0 -15px}body.rtl .tree li .toggle{margin:7px -15px 0 0}.status{border:1px solid transparent;border-radius:100%;box-sizing:border-box;display:inline-block;height:10px;width:10px}body.ltr .status{margin-right:10px}body.rtl .status{margin-left:10px}body.use-shapes .status.pending{background-color:transparent;border-color:transparent transparent var(--pending-color) transparent;border-radius:1px;border-style:solid;border-width:0 5px 10px}body.use-shapes .status.expired,body.use-shapes .status.off,body.use-shapes .status.suspended{border-radius:1px}.status:not(.on):not(.live):not(.active):not(.enabled):not(.pending):not(.off):not(.suspended):not(.expired):not(.yellow):not(.orange):not(.red):not(.pink):not(.purple):not(.blue):not(.green):not(.turquoise):not(.light):not(.grey):not(.black){border-color:var(--ui-control-color)}.green,.status.active,.status.enabled,.status.live,.status.on{background-color:var(--enabled-color)}.orange,.status.pending{background-color:var(--pending-color)}.red,.status.expired,.status.off,.status.suspended{background-color:var(--disabled-color)}.yellow{background-color:var(--yellow-300)}.pink{background-color:var(--pink-400)}.purple{background-color:#9b59b6}.blue{background-color:var(--blue-600)}.turquoise{background-color:var(--teal-300)}.status.light{background-color:var(--gray-100)}.grey{background-color:var(--gray-300)}.black{background-color:var(--gray-800)}.status.disabled,.status.white{opacity:1}.condition-container{margin:24px 0}.condition-footer,.condition-rule{padding:7px}.condition-footer{border:1px dashed var(--medium-hairline-color);border-radius:var(--large-border-radius)}.condition:not(:empty)+.condition-footer{border-top-left-radius:0;border-top-right-radius:0;border-top-width:0}.condition-footer .spinner:not(.loading){display:none}.condition-rule{background-color:var(--gray-050);border:1px solid var(--hairline-color);margin:0}.condition-rule:first-child{border-top-left-radius:var(--large-border-radius);border-top-right-radius:var(--large-border-radius)}.condition-rule+.condition-rule{border-top-width:0}.condition-rule>.rule-actions,.condition-rule>.rule-move{margin-top:5px}.condition-rule>.rule-body .lightswitch{display:block;margin-top:6px}.condition-rule>.rule-body .selectize{min-width:100px}.condition-rule>.rule-body .text.fullwidth{max-width:100%;min-width:100px}.progressbar{border:2px solid var(--gray-700);border-radius:6px;left:20%;padding:2px;position:absolute;width:60%;z-index:1000}.progressbar-inner{background-color:var(--gray-700);border-radius:2px;height:4px}.progressbar:not(.pending) .progressbar-inner{-o-transition:width .1s linear;transition:width .1s linear;width:0}.progressbar.pending .progressbar-inner{-webkit-animation-duration:.25s;-o-animation-duration:.25s;animation-duration:.25s;-webkit-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-o-animation-timing-function:linear;animation-timing-function:linear}body.ltr .progressbar.pending .progressbar-inner{background:-o-repeating-linear-gradient(315deg,var(--white),var(--white) 8.8388347649px,var(--gray-700) 8.8388347649px,var(--gray-700) 17.6776695297px);background:repeating-linear-gradient(135deg,var(--white),var(--white) 8.8388347649px,var(--gray-700) 8.8388347649px,var(--gray-700) 17.6776695297px)}body.rtl .progressbar.pending .progressbar-inner{background:-o-repeating-linear-gradient(45deg,var(--white),var(--white) 8.8388347649px,var(--gray-700) 8.8388347649px,var(--gray-700) 17.6776695297px);background:repeating-linear-gradient(45deg,var(--white),var(--white) 8.8388347649px,var(--gray-700) 8.8388347649px,var(--gray-700) 17.6776695297px)}body.ltr .progressbar.pending .progressbar-inner{-webkit-animation-name:pendingprogress-ltr;-o-animation-name:pendingprogress-ltr;animation-name:pendingprogress-ltr}body.rtl .progressbar.pending .progressbar-inner{-webkit-animation-name:pendingprogress-rtl;-o-animation-name:pendingprogress-rtl;animation-name:pendingprogress-rtl}@-webkit-keyframes pendingprogress-ltr{0%{background-position:0}to{background-position:25px}}@-o-keyframes pendingprogress-ltr{0%{background-position:0}to{background-position:25px}}@keyframes pendingprogress-ltr{0%{background-position:0}to{background-position:25px}}@-webkit-keyframes pendingprogress-rtl{0%{background-position:0}to{background-position:-25px}}@-o-keyframes pendingprogress-rtl{0%{background-position:0}to{background-position:-25px}}@keyframes pendingprogress-rtl{0%{background-position:0}to{background-position:-25px}}.elementselect .progress-shade{background-color:hsla(0,0%,100%,.8);display:none;height:100%;position:absolute;top:0;width:100%}body.ltr .elementselect .progress-shade{left:0}body.rtl .elementselect .progress-shade{right:0}.elementselect.uploading{position:relative}.elementselect.uploading .progress-shade{display:block;z-index:2}.missing-component{background-color:var(--gray-050)!important;max-width:400px;padding:7px 10px!important}.missing-component .error{margin:0}.missing-component .install-plugin{border-top:1px solid var(--hairline-color);margin:7px 0 -7px;position:relative}body.ltr .missing-component .install-plugin{padding:10px 0 10px 40px}body.rtl .missing-component .install-plugin{padding:10px 40px 10px 0}.missing-component .install-plugin .icon{height:32px;position:absolute;top:calc(50% - 16px);width:32px}body.ltr .missing-component .install-plugin .icon{left:0}body.rtl .missing-component .install-plugin .icon{right:0}.missing-component .install-plugin .icon img,.missing-component .install-plugin .icon svg{height:100%;width:100%}.missing-component .install-plugin h3{-webkit-flex:1;flex:1;margin:8px 0!important}.missing-component .install-plugin .btn{margin:0}.pane{word-wrap:break-word;background:#fff;border-radius:var(--large-border-radius);box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);box-sizing:border-box;margin:14px 0;padding:24px;position:relative}.pane:focus{box-shadow:var(--focus-ring)}#content .pane,.pane .pane{background-color:var(--gray-050);border:1px solid var(--hairline-color);box-shadow:none}.pane.loading{min-height:200px}.pane.loading:after{content:"";display:block;font-size:0;height:100%;left:-24px;position:absolute;top:0;width:calc(100% + 48px)}.pane-header{background-color:var(--gray-050);border-radius:var(--large-border-radius) var(--large-border-radius) 0 0;box-shadow:inset 0 -1px 0 0 rgba(154,165,177,.25);box-sizing:border-box;margin:calc(var(--xl)*-1) var(--neg-padding) var(--xl);min-height:50px;padding:var(--s) var(--xl)}.pane-header .header-btn{height:30px;margin:2px 0;padding-left:0;padding-right:0;width:30px}.pane-header .header-btn:not(:hover):not(:active):not(.active){background-color:transparent}.pane-header .header-btn:not(:active):not(.active):hover{background-color:rgba(154,165,177,.15)}.pane-header .spinner{margin:0!important}.pane-tabs{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;margin:calc(var(--s)*-1) calc(var(--xl)*-1)}.pane-tabs:first-child{border-radius:var(--large-border-radius) var(--large-border-radius) 0 0;overflow:hidden}.pane-tabs [role=tablist]{display:-webkit-flex;display:flex;-webkit-flex:1;flex:1;-webkit-flex-direction:row;flex-direction:row;overflow-x:auto;scrollbar-width:none}.pane-tabs [role=tablist]::-webkit-scrollbar{display:none}body.ltr .pane-tabs [role=tablist].scrollable{-webkit-mask-image:linear-gradient(270deg,transparent,#000 24px);mask-image:linear-gradient(270deg,transparent,#000 24px)}body.rtl .pane-tabs [role=tablist].scrollable{-webkit-mask-image:linear-gradient(90deg,transparent,#000 24px);mask-image:linear-gradient(90deg,transparent,#000 24px)}.pane-tabs [role=tablist] [role=tab],.pane-tabs [role=tablist] [role=tab] .tab-label{border-radius:2px 2px 0 0}.pane-tabs [role=tablist] [role=tab] .tab-label{-webkit-align-items:center;align-items:center;color:var(--light-text-color);display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;height:50px;padding:0 24px;position:relative;white-space:nowrap}.pane-tabs [role=tablist] [role=tab]:hover{text-decoration:none}.pane-tabs [role=tablist] [role=tab].focus-visible{box-shadow:none}.pane-tabs [role=tablist] [role=tab].focus-visible .tab-label{box-shadow:var(--inner-focus-ring)}.pane-tabs [role=tablist] [role=tab]:not(.sel):hover{background-color:rgba(154,165,177,.15)}.pane-tabs [role=tablist] [role=tab].sel{background-color:var(--white);box-shadow:inset 0 2px 0 var(--gray-500),0 0 0 1px rgba(51,64,77,.1),0 2px 12px rgba(205,216,228,.5);color:var(--text-color);cursor:default;position:relative;z-index:1}body.ltr .pane-tabs [role=tablist] [role=tab] span[data-icon]{margin-left:4px}body.rtl .pane-tabs [role=tablist] [role=tab] span[data-icon]{margin-right:4px}body.ltr .pane-tabs:first-child [role=tablist] [role=tab]:first-child,body.ltr .pane-tabs:first-child [role=tablist] [role=tab]:first-child .tab-label{border-top-left-radius:var(--large-border-radius)}body.rtl .pane-tabs:first-child [role=tablist] [role=tab]:first-child,body.rtl .pane-tabs:first-child [role=tablist] [role=tab]:first-child .tab-label{border-top-right-radius:var(--large-border-radius)}.pane-tabs .menubtn{margin:0 var(--xl)}.details{--spacing:var(--l);padding:0 var(--padding) var(--spacing)}.details .field,.details .meta,.details hr{margin-left:var(--neg-padding);margin-right:var(--neg-padding)}.details .meta{margin-bottom:var(--spacing)}.details .meta:not(.read-only){background-color:var(--gray-050)!important}.details .meta.read-only{color:var(--medium-text-color)}.details .meta.read-only>.data{-webkit-align-items:baseline;align-items:baseline;min-height:auto}.details .meta.read-only>.data>.heading,.details .meta.read-only>.data>.value{padding:6px 0}.details .meta.read-only>.data:first-child>.heading,.details .meta.read-only>.data:first-child>.value{padding-top:0}.details .meta.read-only>.data:last-child>.heading,.details .meta.read-only>.data:last-child>.value{padding-bottom:0}.details .meta.warning{background-color:var(--yellow-050)!important;box-shadow:0 0 0 1px var(--yellow-300),0 2px 12px rgba(205,216,228,.5);color:var(--text-color)!important;padding-bottom:var(--m);padding-top:var(--m)}.details .meta.warning p{margin-bottom:5px}.details .meta.warning .btn{background-color:var(--yellow-300)}.details .meta.warning .btn:focus,.details .meta.warning .btn:hover{background-color:#f8d02e}.details .meta.warning .btn:active{background-color:#f8ca15}.details .meta>.data,.details .meta>.field{margin:0 var(--neg-padding)!important}.details .meta>.data>.heading,.details .meta>.data>.heading>label,.details .meta>.field>.heading,.details .meta>.field>.heading>label{color:var(--gray-600)}body.ltr .details .meta>.field>.status-badge{left:0}body.rtl .details .meta>.field>.status-badge{right:0}.details .meta .text::-webkit-input-placeholder{color:var(--gray-500)}.details .meta .datewrapper .text+div[data-icon],.details .meta .text::placeholder,.details .meta .timewrapper .text+div[data-icon]{color:var(--gray-500)}body.ltr .details .meta .ui-datepicker{margin:0 0 0 -8px}body.rtl .details .meta .ui-datepicker{margin:0 -8px 0 0}.details hr{border-top-color:var(--hairline-color);margin:var(--spacing) 0}.details input::-webkit-input-placeholder,.details textarea::-webkit-input-placeholder{color:var(--gray-500)}.details input::placeholder,.details textarea::placeholder{color:var(--gray-500)}.details .text{background-color:transparent!important;resize:none}.details>.field>.heading>label,.details>fieldset>legend{color:var(--gray-600);font-weight:400;margin-top:0}.details>fieldset{margin:0 0 var(--spacing)}.details>fieldset>legend{margin-bottom:5px}.details>.field{margin:0 0 var(--spacing)}.details>.field>.heading{margin-top:0}.details>.field>.input>.text.fullwidth{background-color:var(--gray-050)!important;border:none;margin:0 var(--neg-padding);padding-left:var(--padding);padding-right:var(--padding);width:calc(100% + var(--padding) + var(--padding))}.details>.text{border-radius:var(--large-border-radius);margin-bottom:var(--spacing)}.details>.text:not(:focus){border-color:rgba(96,125,159,.4)}.meta{overflow:visible;padding:0 var(--padding)}.meta>.data,.meta>.field,.meta>.flex-fields>.data,.meta>.flex-fields>.field{-webkit-align-items:center;align-items:center;box-sizing:border-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between;margin:0 var(--neg-padding)!important;min-height:50px;padding:0 var(--padding);-o-transition:padding-left .1s linear,padding-right .1s linear;transition:padding-left .1s linear,padding-right .1s linear}body.ltr .meta>.data.nested,body.ltr .meta>.field.nested,body.ltr .meta>.flex-fields>.data.nested,body.ltr .meta>.flex-fields>.field.nested{padding-left:38px}body.rtl .meta>.data.nested,body.rtl .meta>.field.nested,body.rtl .meta>.flex-fields>.data.nested,body.rtl .meta>.flex-fields>.field.nested{padding-right:38px}.meta>.data.add,.meta>.field.add,.meta>.flex-fields>.data.add,.meta>.flex-fields>.field.add{background-color:#ebf2fa}.meta>.data.add:before,.meta>.field.add:before,.meta>.flex-fields>.data.add:before,.meta>.flex-fields>.field.add:before{speak:none;-webkit-font-feature-settings:"liga","dlig";-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:normal!important;color:var(--light-text-color);content:"plus";direction:ltr;display:inline-block;font-family:Craft;font-style:normal;font-variant:normal;font-weight:400;line-height:1;opacity:var(--icon-opacity);position:absolute;text-align:center;text-transform:none;-webkit-user-select:none;user-select:none;vertical-align:middle;width:31px}body.ltr .meta>.data.add:before,body.ltr .meta>.field.add:before,body.ltr .meta>.flex-fields>.data.add:before,body.ltr .meta>.flex-fields>.field.add:before{left:0}body.rtl .meta>.data.add:before,body.rtl .meta>.field.add:before,body.rtl .meta>.flex-fields>.data.add:before,body.rtl .meta>.flex-fields>.field.add:before{right:0}body.ltr .meta>.data.add:before,body.ltr .meta>.field.add:before,body.ltr .meta>.flex-fields>.data.add:before,body.ltr .meta>.flex-fields>.field.add:before{text-align:right}body.rtl .meta>.data.add:before,body.rtl .meta>.field.add:before,body.rtl .meta>.flex-fields>.data.add:before,body.rtl .meta>.flex-fields>.field.add:before{text-align:left}.meta>.data.add .input,.meta>.field.add .input,.meta>.flex-fields>.data.add .input,.meta>.flex-fields>.field.add .input{width:100%}.meta>.data>.heading,.meta>.field>.heading,.meta>.flex-fields>.data>.heading,.meta>.flex-fields>.field>.heading{-webkit-flex:0 0 104px;flex:0 0 104px;line-height:18px}body.ltr .meta>.data>.heading,body.ltr .meta>.field>.heading,body.ltr .meta>.flex-fields>.data>.heading,body.ltr .meta>.flex-fields>.field>.heading{margin:0 var(--s) 0 0}body.rtl .meta>.data>.heading,body.rtl .meta>.field>.heading,body.rtl .meta>.flex-fields>.data>.heading,body.rtl .meta>.flex-fields>.field>.heading{margin:0 0 0 var(--s)}.meta>.data.lightswitch-field>.heading,.meta>.field.lightswitch-field>.heading,.meta>.flex-fields>.data.lightswitch-field>.heading,.meta>.flex-fields>.field.lightswitch-field>.heading{-webkit-flex:1;flex:1}.meta>.data>.input .flex,.meta>.field>.input .flex,.meta>.flex-fields>.data>.input .flex,.meta>.flex-fields>.field>.input .flex{-webkit-flex-wrap:nowrap;flex-wrap:nowrap}.meta>.data>.input .flex>*,.meta>.field>.input .flex>*,.meta>.flex-fields>.data>.input .flex>*,.meta>.flex-fields>.field>.input .flex>*{margin-bottom:0}.meta>.field>.heading,.meta>.flex-fields>.field>.heading{padding:14px 0}.meta>.field>.heading>.copytextbtn,.meta>.flex-fields>.field>.heading>.copytextbtn{display:none}.meta>.data>.heading,.meta>.flex-fields>.data>.heading{padding:var(--s) 0}.meta>.data>.heading,.meta>.field>.heading>label,.meta>.flex-fields>.data>.heading,.meta>.flex-fields>.field>.heading>label{color:var(--medium-text-color)}.meta>.data>.value,.meta>.field>.input,.meta>.flex-fields>.data>.value,.meta>.flex-fields>.field>.input{padding:var(--s) 0;width:calc(100% - 112px)}.meta>.data>.value,.meta>.flex-fields>.data>.value{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex}.meta>.data>.value>[data-icon=draft],.meta>.flex-fields>.data>.value>[data-icon=draft]{margin-top:-2px}body.ltr .meta>.data>.value>[data-icon=draft],body.ltr .meta>.flex-fields>.data>.value>[data-icon=draft]{margin-right:8px}body.rtl .meta>.data>.value>[data-icon=draft],body.rtl .meta>.flex-fields>.data>.value>[data-icon=draft]{margin-left:8px}.meta>.field.lightswitch-field>.input,.meta>.flex-fields>.field.lightswitch-field>.input{-webkit-flex:0;flex:0;width:auto}.meta>.field.has-errors,.meta>.flex-fields>.field.has-errors{border:1px solid var(--error-color)!important}.meta>.field.has-errors:first-child,.meta>.flex-fields>.field.has-errors:first-child{border-top-left-radius:var(--large-border-radius);border-top-right-radius:var(--large-border-radius)}.meta>.field.has-errors:last-child,.meta>.flex-fields>.field.has-errors:last-child{border-bottom-left-radius:var(--large-border-radius);border-bottom-right-radius:var(--large-border-radius)}.meta>.field.has-errors+.field,.meta>.flex-fields>.field.has-errors+.field{border-top:none!important}.meta>.field>.heading>label,.meta>.field>.heading>legend,.meta>.flex-fields>.field>.heading>label,.meta>.flex-fields>.field>.heading>legend{font-weight:400}.meta>.field>.input>.datetimewrapper>.datewrapper>.text,.meta>.field>.input>.datetimewrapper>.timewrapper>.text,.meta>.field>.input>.datewrapper>.text,.meta>.field>.input>.flex>.text,.meta>.field>.input>.flex>.textwrapper>.text,.meta>.field>.input>.text,.meta>.field>.input>.timewrapper>.text,.meta>.flex-fields>.field>.input>.datetimewrapper>.datewrapper>.text,.meta>.flex-fields>.field>.input>.datetimewrapper>.timewrapper>.text,.meta>.flex-fields>.field>.input>.datewrapper>.text,.meta>.flex-fields>.field>.input>.flex>.text,.meta>.flex-fields>.field>.input>.flex>.textwrapper>.text,.meta>.flex-fields>.field>.input>.text,.meta>.flex-fields>.field>.input>.timewrapper>.text{background-color:transparent;border:none!important;border-radius:0;display:block;margin:calc(var(--s)*-1) 0;padding:14px 0}.meta>.field>.input>.datetimewrapper>.datewrapper,.meta>.field>.input>.datetimewrapper>.timewrapper,.meta>.field>.input>.datewrapper,.meta>.field>.input>.timewrapper,.meta>.flex-fields>.field>.input>.datetimewrapper>.datewrapper,.meta>.flex-fields>.field>.input>.datetimewrapper>.timewrapper,.meta>.flex-fields>.field>.input>.datewrapper,.meta>.flex-fields>.field>.input>.timewrapper{background-color:transparent}body.ltr .meta>.field>.input>.datetimewrapper>.datewrapper .text+div[data-icon],body.ltr .meta>.field>.input>.datetimewrapper>.timewrapper .text+div[data-icon],body.ltr .meta>.field>.input>.datewrapper .text+div[data-icon],body.ltr .meta>.field>.input>.timewrapper .text+div[data-icon],body.ltr .meta>.flex-fields>.field>.input>.datetimewrapper>.datewrapper .text+div[data-icon],body.ltr .meta>.flex-fields>.field>.input>.datetimewrapper>.timewrapper .text+div[data-icon],body.ltr .meta>.flex-fields>.field>.input>.datewrapper .text+div[data-icon],body.ltr .meta>.flex-fields>.field>.input>.timewrapper .text+div[data-icon]{left:0}body.rtl .meta>.field>.input>.datetimewrapper>.datewrapper .text+div[data-icon],body.rtl .meta>.field>.input>.datetimewrapper>.timewrapper .text+div[data-icon],body.rtl .meta>.field>.input>.datewrapper .text+div[data-icon],body.rtl .meta>.field>.input>.timewrapper .text+div[data-icon],body.rtl .meta>.flex-fields>.field>.input>.datetimewrapper>.datewrapper .text+div[data-icon],body.rtl .meta>.flex-fields>.field>.input>.datetimewrapper>.timewrapper .text+div[data-icon],body.rtl .meta>.flex-fields>.field>.input>.datewrapper .text+div[data-icon],body.rtl .meta>.flex-fields>.field>.input>.timewrapper .text+div[data-icon]{right:0}.meta>.field>.input>.datetimewrapper>.datewrapper,.meta>.flex-fields>.field>.input>.datetimewrapper>.datewrapper{width:55%}.meta>.field>.input>.datetimewrapper>.timewrapper,.meta>.flex-fields>.field>.input>.datetimewrapper>.timewrapper{width:45%}body.ltr .meta>.field>.input>.datetimewrapper>.clear-btn,body.ltr .meta>.flex-fields>.field>.input>.datetimewrapper>.clear-btn{margin-right:-24px}body.rtl .meta>.field>.input>.datetimewrapper>.clear-btn,body.rtl .meta>.flex-fields>.field>.input>.datetimewrapper>.clear-btn{margin-left:-24px}.meta>.field>.input>.datewrapper,.meta>.field>.input>.timewrapper,.meta>.flex-fields>.field>.input>.datewrapper,.meta>.flex-fields>.field>.input>.timewrapper{display:block;width:100%}.meta>.field>ul.errors,.meta>.flex-fields>.field>ul.errors{list-style-type:none;margin:0;padding:0 0 6px;width:100%}body.ltr .meta>.field>.clear-btn,body.ltr .meta>.flex-fields>.field>.clear-btn{margin-right:var(--neg-padding)}body.rtl .meta>.field>.clear-btn,body.rtl .meta>.flex-fields>.field>.clear-btn{margin-left:var(--neg-padding)}.meta>.field:not(:first-child),.meta>.flex-fields+.field{border-top:1px solid var(--hairline-color)}.meta>.flex-fields blockquote.note,.meta>.flex-fields h2{background-color:#ebf2fa;margin:0 -24px!important;padding:14px 24px}.meta>.flex-fields blockquote.note{border:none;border-radius:0}.meta>.flex-fields hr{margin:0 -24px}.meta>.field>.input>.select{background-color:transparent;border-radius:0;box-shadow:none;display:block;margin:calc(var(--s)*-1) 0;width:100%}body.ltr .meta>.field>.input>.select:after{right:0}body.rtl .meta>.field>.input>.select:after{left:0}.meta>.field>.input>.select+.spinner{position:absolute;top:calc(50% - 17px)}body.ltr .meta>.field>.input>.select+.spinner{right:-24px}body.rtl .meta>.field>.input>.select+.spinner{left:-24px}.meta>.field>.input>.select select{background-color:transparent;width:100%}body.ltr .meta>.field>.input>.select select{padding:var(--s) 12px var(--s) 0}body.rtl .meta>.field>.input>.select select{padding:var(--s) 0 var(--s) 12px}.body{position:relative}.hud,.modal,.slideout,.slideout-container{box-sizing:border-box;z-index:100}.hud .body,.modal{background-color:#fff;border-radius:5px;box-shadow:0 25px 100px rgba(31,41,51,.5)}.slideout-shade{opacity:0;-o-transition:opacity .25s linear;transition:opacity .25s linear}.slideout-shade.so-visible{opacity:1}.slideout-container{height:100vh;height:-webkit-fill-available;left:0;pointer-events:none;position:fixed;top:0;width:100vw}.slideout{background-color:var(--white);box-shadow:0 0 0 1px rgba(123,135,147,.25),0 25px 100px rgba(31,41,51,.5);display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;overflow:hidden;padding:24px var(--padding);pointer-events:all;position:absolute}.slideout.so-mobile{--padding:14px;--neg-padding:-14px;height:100%;left:0;-o-transition:top .25s linear;transition:top .25s linear;width:100%;will-change:top}.slideout:not(.so-mobile){border-radius:var(--large-border-radius);height:calc(100% - 16px);top:8px;width:calc(50% - 8px)}@media screen and (prefers-reduced-motion:no-preference){body.ltr .slideout:not(.so-mobile){-o-transition:left .25s linear;transition:left .25s linear;will-change:left}body.rtl .slideout:not(.so-mobile){-o-transition:right .25s linear;transition:right .25s linear;will-change:right}}.slideout>.pane-header{z-index:2}.slideout>.pane-header>.so-toolbar{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;gap:var(--s);min-height:34px}.slideout>.pane-header>.so-toolbar>.pane-tabs{-webkit-flex:1;flex:1;width:1px}body.ltr .slideout>.pane-header>.so-toolbar>.pane-tabs{margin-right:0}body.rtl .slideout>.pane-header>.so-toolbar>.pane-tabs{margin-left:0}.slideout.so-mobile>.pane-header{padding-left:10px;padding-right:10px}.slideout>.so-body{-webkit-flex:1;flex:1;margin:-24px var(--neg-padding) 0;overflow:hidden auto;padding:24px var(--padding);position:relative}.slideout>.so-body>.so-sidebar{background:#fff;background-color:var(--gray-100);box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);box-sizing:border-box;height:100%;max-width:100%;overflow:hidden auto;padding:0 var(--padding) var(--spacing);position:absolute;top:0;width:350px;z-index:1}.slideout>.so-body>.so-sidebar:focus{box-shadow:var(--focus-ring)}body.ltr .slideout>.so-body>.so-sidebar{-o-transition:right .25s linear;transition:right .25s linear}body.rtl .slideout>.so-body>.so-sidebar{-o-transition:left .25s linear;transition:left .25s linear}.slideout>.so-body>.so-sidebar>.preview-thumb-container{height:auto;margin:0 var(--neg-padding);min-height:54px}.slideout>.so-body>.so-sidebar>.preview-thumb-container+.pane-header{border-radius:0}.slideout>.so-body>.so-sidebar .image-actions.is-mobile{margin:calc(var(--spacing)/2) 0 var(--spacing)}.slideout>.so-body>.so-sidebar>.meta.read-only:first-child{margin-top:var(--padding)}.slideout>.so-body>.so-sidebar>.meta.warning{border-bottom:1px solid var(--yellow-300);box-shadow:none}.slideout>.so-body>.so-sidebar>.field>.input>.text.fullwidth{border-radius:0}.slideout>.so-footer{background:#fff;background-color:var(--gray-050);box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;gap:8px;-webkit-justify-content:space-between;justify-content:space-between;margin:0 var(--neg-padding) -24px;padding:8px var(--padding);position:relative;z-index:3}.slideout>.so-footer:focus{box-shadow:var(--focus-ring)}.slideout>.so-footer>.so-extra{border-bottom:1px solid var(--hairline-color);-webkit-flex:0 0 100%;flex:0 0 100%;margin:0 var(--neg-padding);padding:0 var(--padding) 8px}@media(min-width:1536px){.slideout.has-sidebar .pane-header:not(.so-visible){display:none}.slideout.has-sidebar .sidebar-btn{display:none}.slideout.has-sidebar .so-body{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;overflow:hidden;padding:0}.slideout.has-sidebar .so-body>.so-content{box-sizing:border-box;height:100%;overflow:hidden auto;padding:24px;position:relative;width:calc(100% - 350px);z-index:2}body.ltr .slideout.has-sidebar .so-body>.so-content{border-right:1px solid var(--gray-200)}body.rtl .slideout.has-sidebar .so-body>.so-content{border-left:1px solid var(--gray-200)}.slideout.has-sidebar .so-body>.so-sidebar{box-shadow:none;display:block!important;height:100%;left:auto!important;position:relative;right:auto!important;top:auto}.slideout>.so-footer>.so-extra{border:none;-webkit-flex:auto 0 1;flex:auto 0 1;margin:0;padding:0}}.body:after,.footer:after,.header:after,.hud-footer:after,.hud-header:after{clear:both;content:"";display:block;height:0;visibility:hidden}.footer,.header,.hud-footer,.hud-header{background-color:var(--gray-100);box-sizing:border-box;position:relative;z-index:1}.header,.hud-header{border-radius:var(--large-border-radius) var(--large-border-radius) 0 0;box-shadow:inset 0 -1px 0 var(--hairline-color);padding:24px}.header h1,.hud-header h1{margin:0}.footer,.hud-footer{border-radius:0 0 var(--large-border-radius) var(--large-border-radius);box-shadow:inset 0 1px 0 var(--hairline-color);padding:var(--s) var(--xl)}.footer.flex>*,.hud-footer.flex>*{margin-bottom:0}.hud .main,.modal .body{box-sizing:border-box;overflow:hidden;padding:24px}.modal .body .header,.pane .header{margin:-24px -24px 24px}.modal .body .footer,.pane .footer{margin:24px -24px -24px}.hud-shade,.modal-shade,.slideout-shade{display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:100}.modal-shade:not(.dark),.slideout-shade:not(.dark){background-color:rgba(123,135,147,.35)!important}.modal-shade.dark,.slideout-shade.dark{background-color:rgba(31,41,51,.5)!important}.modal{overflow:hidden;position:fixed}.modal:not(.fitted):not(.fullscreen){height:66%;min-height:400px;min-width:600px;width:66%}.modal.fitted{height:auto;min-height:0;min-width:0;width:auto}.modal.fullscreen{border-radius:0;height:100%;width:100%}body.ltr .modal.alert .body{padding-left:76px}body.rtl .modal.alert .body{padding-right:76px}.modal.alert .body:before{speak:none;-webkit-font-feature-settings:"liga","dlig";-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:normal!important;color:var(--light-text-color);content:"alert";direction:ltr;display:inline-block;font-family:Craft;font-size:40px;font-style:normal;font-variant:normal;font-weight:400;line-height:1;opacity:var(--icon-opacity);text-align:center;text-transform:none;-webkit-user-select:none;user-select:none;vertical-align:middle}body.ltr .modal.alert .body:before{margin:-6px 0 0 -58px}body.rtl .modal.alert .body:before{margin:-6px -58px 0 0}body.ltr .modal.alert .body:before{float:left}body.rtl .modal.alert .body:before{float:right}body.ltr .modal.secure .body{padding-left:76px}body.rtl .modal.secure .body{padding-right:76px}.modal.secure .body:before{speak:none;-webkit-font-feature-settings:"liga","dlig";-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:normal!important;color:var(--light-text-color);content:"secure";direction:ltr;display:inline-block;font-family:Craft;font-size:58px;font-style:normal;font-variant:normal;font-weight:400;line-height:1;opacity:var(--icon-opacity);text-align:center;text-transform:none;-webkit-user-select:none;user-select:none;vertical-align:middle}body.ltr .modal.secure .body:before{margin:-14px 0 0 -56px}body.rtl .modal.secure .body:before{margin:-14px -56px 0 0}body.ltr .modal.secure .body:before{float:left}body.rtl .modal.secure .body:before{float:right}.modal .resizehandle{bottom:0;cursor:nwse-resize;height:24px;padding:var(--xs);position:absolute;width:24px;z-index:1}body.ltr .modal .resizehandle{right:0}body.rtl .modal .resizehandle{left:0}.modal .resizehandle path{fill:var(--ui-control-color)}.hud,body.ltr .modal .resizehandle .rtl,body.rtl .modal .resizehandle .ltr{display:none}.hud{position:absolute;top:0}.hud.has-footer .tip-bottom{background-image:url(../images/hudtip_bottom_gray.png)}.hud .tip{background:no-repeat 0 0;position:absolute;z-index:101}.hud .tip-left{background-image:url(../images/hudtip_left.png);height:30px;left:-15px;width:15px}.hud .tip-top{background-image:url(../images/hudtip_top.png);height:15px;top:-15px;width:30px}.hud .tip-right{background-image:url(../images/hudtip_right.png);height:30px;right:-15px;width:15px}.hud .tip-bottom{background-image:url(../images/hudtip_bottom.png);bottom:-15px;height:15px;width:30px}.hud .hud-footer,.hud .hud-header{padding:var(--s) var(--xl)}.hud .body{overflow:hidden}.hud .body ::-webkit-scrollbar{-webkit-appearance:none;appearance:none}.hud .body ::-webkit-scrollbar:vertical{width:11px}.hud .body ::-webkit-scrollbar:horizontal{height:11px}.hud .body ::-webkit-scrollbar-thumb{background-clip:content-box;background-color:rgba(0,0,0,.5);border:2px solid transparent;border-radius:8px}.hud .body ::-webkit-scrollbar-track{background-color:var(--gray-050)}.preview-thumb-container{-webkit-align-items:center;align-items:center;background-color:var(--gray-900);display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;height:190px;margin:0 var(--neg-padding) var(--spacing);position:relative}.preview-thumb-container.checkered img{background-color:var(--white);background-image:-o-linear-gradient(45deg,var(--gray-100) 25%,transparent 25%),-o-linear-gradient(315deg,var(--gray-100) 25%,transparent 25%),-o-linear-gradient(45deg,transparent 75%,var(--gray-100) 75%),-o-linear-gradient(315deg,transparent 75%,var(--gray-100) 75%);background-image:linear-gradient(45deg,var(--gray-100) 25%,transparent 25%),linear-gradient(135deg,var(--gray-100) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--gray-100) 75%),linear-gradient(135deg,transparent 75%,var(--gray-100) 75%);background-position:0 0,8.5px 0,8.5px -8.5px,0 8.5px;-o-background-size:17px 17px;background-size:17px 17px}.preview-thumb-container.editable{cursor:pointer}.preview-thumb-container.loading:after{background-color:rgba(31,41,51,.8);content:"";display:block;font-size:0;height:100%;left:0;position:absolute;top:0;width:100%}.preview-thumb-container.loading .spinner{color:var(--white);z-index:1}#details .preview-thumb-container{border-radius:var(--large-border-radius);overflow:hidden}.preview-thumb-container .preview-thumb{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;height:100%;width:100%}.preview-thumb-container .preview-thumb img{display:block;max-height:190px;max-width:100%}.image-actions.is-mobile{display:grid;grid-template-columns:1fr 1fr;margin:calc(var(--spacing)/2*-1) var(--neg-padding) var(--spacing)}.button-fade .buttons{margin:0;opacity:0;position:absolute;top:10px;-o-transition:opacity .1s linear;transition:opacity .1s linear}body.ltr .button-fade .buttons{right:10px}body.rtl .button-fade .buttons{left:10px}.button-fade .buttons .btn{--ui-control-color:var(--white);--ui-control-hover-color:var(--white);--ui-control-active-color:var(--white);--interaction-background-color:var(--gray-700);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;--light-color:var(--white);--dark-color:var(--gray-800);--focus-ring:0 0 0 3px var(--light-color),0 0 0 6px var(--dark-color);background-color:var(--gray-600);color:var(--white);font-weight:500}.button-fade .buttons .btn:hover{background-color:var(--interaction-background-color)!important}.button-fade .buttons .btn:not(.disabled):not(.loading):not(.dashed).focus,.button-fade .buttons .btn:not(.disabled):not(.loading):not(.dashed):focus,.button-fade .buttons .btn:not(.disabled):not(.loading):not(.dashed):hover{background-color:var(--interaction-background-color)}.button-fade:focus-within .buttons,.button-fade:hover .buttons{opacity:1}.elementselectormodal{--content-padding:24px;padding-bottom:50px;-webkit-user-select:none;user-select:none}.elementselectormodal .main-header{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;margin-bottom:var(--s)}.elementselectormodal .main-heading{margin-bottom:0}.elementselectormodal .nav-toggle{color:var(--ui-control-color);height:var(--touch-target-size);width:var(--touch-target-size)}body.ltr .elementselectormodal .nav-toggle{margin-left:4px}body.rtl .elementselectormodal .nav-toggle{margin-right:4px}.elementselectormodal .nav-toggle:hover{color:var(--gray-500)}.elementselectormodal .sidebar-header{display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;margin-bottom:var(--s);padding:0 var(--s)}.elementselectormodal .nav-close{height:var(--touch-target-size);width:var(--touch-target-size)}.elementselectormodal .body{height:100%;position:relative}.elementselectormodal .body .spinner.big{left:50%;margin:-24px 0 0 -24px;position:absolute;top:50%}.elementselectormodal .body .content{height:calc(100% + 48px)}.elementselectormodal .body .content .sidebar{height:100%;overflow:auto;padding:var(--content-padding) 0;position:absolute;top:0}body.ltr .elementselectormodal .body .content .sidebar{margin-left:-249px}body.rtl .elementselectormodal .body .content .sidebar{margin-right:-249px}.elementselectormodal .body .content .main{box-sizing:border-box;height:100%;margin:-24px;overflow:auto;padding:var(--content-padding);position:relative}.elementselectormodal .body .content .main .elements.busy{min-height:calc(100% - 48px)}.elementselectormodal .body .content .main .elements .tableview table .element{display:inline-block}.elementselectormodal .body .content .main .elements .tableview table tr.disabled{color:var(--gray-200);opacity:1}.elementselectormodal .body .content .main .elements .tableview table tr.disabled .element{opacity:.25}.elementselectormodal .body .content .main .elements .tableview table tr td,.elementselectormodal .body .content .main .elements .tableview table tr th{cursor:default}body.ltr .elementselectormodal .body .content .main .elements .tableview table tr td:first-child{padding-left:7px}body.rtl .elementselectormodal .body .content .main .elements .tableview table tr td:first-child{padding-right:7px}.elementselectormodal .body .content .main .elements .structure .row{margin-top:1px}.elementselectormodal .footer{bottom:0;box-sizing:border-box;left:0;margin:0;position:absolute;width:100%}body.ltr .elementselectormodal .footer .spinner{float:right}body.rtl .elementselectormodal .footer .spinner{float:left}body.ltr .elementselectormodal .footer .spinner{margin-right:-24px}body.rtl .elementselectormodal .footer .spinner{margin-left:-24px}.element-hud-form .buttons{position:relative}.element-hud-form .buttons .spinner{position:absolute;top:0}body.ltr .element-hud-form .buttons .spinner{right:-24px}body.rtl .element-hud-form .buttons .spinner{left:-24px}.element-filter-hud.loading .body{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;padding:50px}.element-filter-hud .body,.element-filter-hud .main{overflow:visible}.address-cards{display:grid;gap:var(--m) var(--m);grid-auto-rows:minmax(0,1fr);grid-template-columns:repeat(1,minmax(0,1fr))}.address-cards__add-btn{height:auto;min-height:8rem;padding:1rem;width:100%}.address-card.error{border:1px solid #cf1124}.address-card.error:hover{border-color:#cf1124}@media(min-width:1024px){.address-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1280px){.address-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1536px){.address-cards{grid-template-columns:repeat(4,minmax(0,1fr))}}.address-card{border:1px solid #eee;border-radius:.375rem;min-height:4rem;padding:1rem}.address-card:hover{background-color:#fafafa;border-color:#ddd;cursor:pointer}.address-card .address-card-header{display:-webkit-flex;display:flex;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-justify-content:space-between;justify-content:space-between}.address-card .address-card-header-actions{display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end}.address-card .address-card-label{background:#e6f1fe;border-radius:.25rem;color:#2563eb;font-size:.75rem;font-weight:500;margin-bottom:.75rem;padding:.125rem .5rem;text-transform:uppercase}.ltr .address-card .address-card-label{margin-right:.5rem}.rtl .address-card .address-card-label{margin-left:.5rem}.loginmodalshade,.logoutwarningmodalshade{z-index:101}#elevatedsessionmodal,#loginmodal,#logoutwarningmodal,.prompt{width:500px}#loginmodal,#logoutwarningmodal{z-index:101}.prompt{height:auto;min-height:auto}.deleteusermodal .content-summary{background-color:var(--gray-050);margin:-24px -24px 24px;padding:24px}.deleteusermodal .options label{display:inline-block;line-height:30px}.deleteusermodal .elementselect{display:inline-block;vertical-align:middle}body.ltr .deleteusermodal .elementselect{margin-left:10px}body.rtl .deleteusermodal .elementselect{margin-right:10px}body.ltr .deleteusermodal .buttons .spinner{margin-right:-20px}body.rtl .deleteusermodal .buttons .spinner{margin-left:-20px}.dropdownsettingsmodal{height:auto;max-width:400px;min-height:0;min-width:0;width:auto}.dropdownsettingsmodal .body{max-height:100%;overflow-y:auto}.previewmodal.zilch{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;padding:100px 0}.menu,.ui-datepicker,.ui-timepicker-list{background:#fff;border-radius:4px;box-shadow:0 0 0 1px rgba(31,41,51,.1),0 5px 20px rgba(31,41,51,.25);overflow:auto;padding:0 14px;-webkit-user-select:none;user-select:none;z-index:100}.ui-datepicker,.ui-timepicker-list{padding:0}.menu{display:none;position:absolute}.menu h6:first-child{margin-top:14px!important}body.ltr .menu ul.padded li .menu-option,body.ltr .menu ul.padded li a{padding-left:24px}body.rtl .menu ul.padded li .menu-option,body.rtl .menu ul.padded li a{padding-right:24px}.menu ul.padded li .menu-option.icon:before,.menu ul.padded li .menu-option.sel:before,.menu ul.padded li .menu-option[data-icon]:before,.menu ul.padded li a.icon:before,.menu ul.padded li a.sel:before,.menu ul.padded li a[data-icon]:before{color:var(--ui-control-color);font-size:14px}body.ltr .menu ul.padded li .menu-option.icon:before,body.ltr .menu ul.padded li .menu-option.sel:before,body.ltr .menu ul.padded li .menu-option[data-icon]:before,body.ltr .menu ul.padded li a.icon:before,body.ltr .menu ul.padded li a.sel:before,body.ltr .menu ul.padded li a[data-icon]:before{float:left}body.rtl .menu ul.padded li .menu-option.icon:before,body.rtl .menu ul.padded li .menu-option.sel:before,body.rtl .menu ul.padded li .menu-option[data-icon]:before,body.rtl .menu ul.padded li a.icon:before,body.rtl .menu ul.padded li a.sel:before,body.rtl .menu ul.padded li a[data-icon]:before{float:right}body.ltr .menu ul.padded li .menu-option.icon:before,body.ltr .menu ul.padded li .menu-option.sel:before,body.ltr .menu ul.padded li .menu-option[data-icon]:before,body.ltr .menu ul.padded li a.icon:before,body.ltr .menu ul.padded li a.sel:before,body.ltr .menu ul.padded li a[data-icon]:before{margin:3px 0 0 -17px}body.rtl .menu ul.padded li .menu-option.icon:before,body.rtl .menu ul.padded li .menu-option.sel:before,body.rtl .menu ul.padded li .menu-option[data-icon]:before,body.rtl .menu ul.padded li a.icon:before,body.rtl .menu ul.padded li a.sel:before,body.rtl .menu ul.padded li a[data-icon]:before{margin:3px -17px 0 0}.menu ul.padded li .menu-option.icon.error:before,.menu ul.padded li .menu-option.sel.error:before,.menu ul.padded li .menu-option[data-icon].error:before,.menu ul.padded li a.icon.error:before,.menu ul.padded li a.sel.error:before,.menu ul.padded li a[data-icon].error:before{color:var(--error-color)}.menu ul.padded li .menu-option.sel:not([data-icon]):before,.menu ul.padded li a.sel:not([data-icon]):before{content:"check"}.menu ul li .menu-option,.menu ul li a{-webkit-appearance:none;color:#3f4d5a;cursor:default;font-size:14px;margin:0 -14px;padding:10px 14px;text-decoration:none;white-space:nowrap}.menu ul li .menu-option:not(.flex),.menu ul li a:not(.flex){box-sizing:border-box;display:block!important;width:calc(100% + 28px)}body.ltr .menu ul li .menu-option:not(.flex),body.ltr .menu ul li a:not(.flex){text-align:left}body.rtl .menu ul li .menu-option:not(.flex),body.rtl .menu ul li a:not(.flex){text-align:right}.menu ul li .menu-option.sel,.menu ul li a.sel{cursor:default}.menu ul li .menu-option .shortcut,.menu ul li a .shortcut{border-radius:var(--medium-border-radius);box-shadow:0 0 0 1px rgba(81,95,108,.25),0 1px 3px -1px rgba(81,95,108,.5);padding:0 4px}body.ltr .menu ul li .menu-option .shortcut,body.ltr .menu ul li a .shortcut{float:right}body.rtl .menu ul li .menu-option .shortcut,body.rtl .menu ul li a .shortcut{float:left}body.ltr .menu ul li .menu-option .shortcut,body.ltr .menu ul li a .shortcut{margin-left:14px}body.rtl .menu ul li .menu-option .shortcut,body.rtl .menu ul li a .shortcut{margin-right:14px}.menu>.flex{margin-bottom:10px;margin-top:10px;position:relative}body.ltr .menu>.flex.padded{margin-left:-14px}body.rtl .menu>.flex.padded{margin-right:-14px}body.ltr .menu>.flex.padded{padding-left:24px}body.rtl .menu>.flex.padded{padding-right:24px}.menu>.flex.padded.sel:before{color:var(--light-text-color);content:"check";font-size:14px;position:absolute;top:36px}body.ltr .menu>.flex.padded.sel:before{left:7px}body.rtl .menu>.flex.padded.sel:before{right:7px}.menu hr{margin:5px -14px}.menu span.icon,.menubtn span.icon{color:var(--ui-control-color);display:inline-block;font-size:14px;margin-top:-1px;text-align:center;width:10px}body.ltr .menu span.icon,body.ltr .menubtn span.icon{margin-right:10px}body.rtl .menu span.icon,body.rtl .menubtn span.icon{margin-left:10px}.menu:not(.menu--disclosure) ul li a:not(.sel):not(.disabled):hover,.menu:not(.menu--disclosure):not(:hover) ul li a:not(.disabled).hover{--text-color:var(--white);--light-text-color:var(--gray-100);--ui-control-color:var(--gray-050);--ui-control-hover-color:var(--gray-100);--ui-control-active-color:var(--gray-100);background-color:#606d7b;color:#fff}.menu:not(.menu--disclosure) ul li a:not(.sel):not(.disabled):hover span.icon,.menu:not(.menu--disclosure) ul li a:not(.sel):not(.disabled):hover:before,.menu:not(.menu--disclosure):not(:hover) ul li a:not(.disabled).hover span.icon,.menu:not(.menu--disclosure):not(:hover) ul li a:not(.disabled).hover:before{color:var(--menu-option-active-color)}.menu:not(.menu--disclosure) ul li a:not(.sel):not(.disabled):hover.error,.menu:not(.menu--disclosure):not(:hover) ul li a:not(.disabled).hover.error{color:var(--menu-option-active-color)!important}body.ltr .menu h6.padded,body.ltr .menu hr.padded{margin-left:10px}body.rtl .menu h6.padded,body.rtl .menu hr.padded{margin-right:10px}.menu--disclosure ul li>.menu-option:hover,.menu--disclosure ul li>a:hover{background-color:#f3f7fc;color:#3f4d5a}body.reduce-focus-visibility .menu--disclosure ul li>.menu-option.focus-visible,body.reduce-focus-visibility .menu--disclosure ul li>a.focus-visible,body:not(.reduce-focus-visibility) .menu--disclosure ul li>.menu-option:focus,body:not(.reduce-focus-visibility) .menu--disclosure ul li>a:focus{box-shadow:inset 0 0 0 3px hsla(var(--dark-focus-hsl),.7)}.tagselect .elements{display:inline}.tagselect .element.small{clear:none}.tagselect .add{display:inline-block;position:relative;width:12em;z-index:1}body.ltr .tagselect .add{margin:7px 7px 0 0}body.rtl .tagselect .add{margin:7px 0 0 7px}body.ltr .tagselect .add .text{padding-right:30px}body.rtl .tagselect .add .text{padding-left:30px}.tagselect .add .spinner{position:absolute;top:0}body.ltr .tagselect .add .spinner{right:5px}body.rtl .tagselect .add .spinner{left:5px}body.ltr .tagselect.elementselect .element,body.rtl .tagselect.elementselect .element{display:inline-block;float:none!important}body.ltr .tagmenu ul li a{padding-left:26px}body.rtl .tagmenu ul li a{padding-right:26px}body.ltr .tagmenu ul li a:before{float:left}body.rtl .tagmenu ul li a:before{float:right}body.ltr .tagmenu ul li a:before{margin:3px 0 0 -18px}body.rtl .tagmenu ul li a:before{margin:3px -18px 0 0}.shadow-box{border:1px solid var(--gray-200);border-radius:var(--large-border-radius);box-shadow:0 1px 5px -1px rgba(31,41,51,.2)}table.editable,table.shadow-box{border-collapse:separate;border-spacing:0}table.editable caption+tbody tr:first-child td:first-child,table.editable caption+tbody tr:first-child td:first-child.disabled:after,table.editable caption+tbody tr:first-child th:first-child,table.editable caption+tbody tr:first-child th:first-child.disabled:after,table.editable tbody:first-child tr:first-child td:first-child,table.editable tbody:first-child tr:first-child td:first-child.disabled:after,table.editable tbody:first-child tr:first-child th:first-child,table.editable tbody:first-child tr:first-child th:first-child.disabled:after,table.editable thead tr:first-child td:first-child,table.editable thead tr:first-child td:first-child.disabled:after,table.editable thead tr:first-child th:first-child,table.editable thead tr:first-child th:first-child.disabled:after,table.shadow-box caption+tbody tr:first-child td:first-child,table.shadow-box caption+tbody tr:first-child td:first-child.disabled:after,table.shadow-box caption+tbody tr:first-child th:first-child,table.shadow-box caption+tbody tr:first-child th:first-child.disabled:after,table.shadow-box tbody:first-child tr:first-child td:first-child,table.shadow-box tbody:first-child tr:first-child td:first-child.disabled:after,table.shadow-box tbody:first-child tr:first-child th:first-child,table.shadow-box tbody:first-child tr:first-child th:first-child.disabled:after,table.shadow-box thead tr:first-child td:first-child,table.shadow-box thead tr:first-child td:first-child.disabled:after,table.shadow-box thead tr:first-child th:first-child,table.shadow-box thead tr:first-child th:first-child.disabled:after{border-top-left-radius:var(--medium-border-radius)}table.editable caption+tbody tr:first-child td:last-child,table.editable caption+tbody tr:first-child td:last-child.disabled:after,table.editable caption+tbody tr:first-child th:last-child,table.editable caption+tbody tr:first-child th:last-child.disabled:after,table.editable tbody:first-child tr:first-child td:last-child,table.editable tbody:first-child tr:first-child td:last-child.disabled:after,table.editable tbody:first-child tr:first-child th:last-child,table.editable tbody:first-child tr:first-child th:last-child.disabled:after,table.editable thead tr:first-child td:last-child,table.editable thead tr:first-child td:last-child.disabled:after,table.editable thead tr:first-child th:last-child,table.editable thead tr:first-child th:last-child.disabled:after,table.shadow-box caption+tbody tr:first-child td:last-child,table.shadow-box caption+tbody tr:first-child td:last-child.disabled:after,table.shadow-box caption+tbody tr:first-child th:last-child,table.shadow-box caption+tbody tr:first-child th:last-child.disabled:after,table.shadow-box tbody:first-child tr:first-child td:last-child,table.shadow-box tbody:first-child tr:first-child td:last-child.disabled:after,table.shadow-box tbody:first-child tr:first-child th:last-child,table.shadow-box tbody:first-child tr:first-child th:last-child.disabled:after,table.shadow-box thead tr:first-child td:last-child,table.shadow-box thead tr:first-child td:last-child.disabled:after,table.shadow-box thead tr:first-child th:last-child,table.shadow-box thead tr:first-child th:last-child.disabled:after{border-top-right-radius:var(--medium-border-radius)}table.editable tbody:last-child tr:last-child td:first-child,table.editable tbody:last-child tr:last-child td:first-child.disabled:after,table.editable tbody:last-child tr:last-child th:first-child,table.editable tbody:last-child tr:last-child th:first-child.disabled:after,table.editable thead:last-child tr:last-child td:first-child,table.editable thead:last-child tr:last-child td:first-child.disabled:after,table.editable thead:last-child tr:last-child th:first-child,table.editable thead:last-child tr:last-child th:first-child.disabled:after,table.shadow-box tbody:last-child tr:last-child td:first-child,table.shadow-box tbody:last-child tr:last-child td:first-child.disabled:after,table.shadow-box tbody:last-child tr:last-child th:first-child,table.shadow-box tbody:last-child tr:last-child th:first-child.disabled:after,table.shadow-box thead:last-child tr:last-child td:first-child,table.shadow-box thead:last-child tr:last-child td:first-child.disabled:after,table.shadow-box thead:last-child tr:last-child th:first-child,table.shadow-box thead:last-child tr:last-child th:first-child.disabled:after{border-bottom-left-radius:var(--large-border-radius)-1}table.editable tbody:last-child tr:last-child td:last-child,table.editable tbody:last-child tr:last-child td:last-child.disabled:after,table.editable tbody:last-child tr:last-child th:last-child,table.editable tbody:last-child tr:last-child th:last-child.disabled:after,table.editable thead:last-child tr:last-child td:last-child,table.editable thead:last-child tr:last-child td:last-child.disabled:after,table.editable thead:last-child tr:last-child th:last-child,table.editable thead:last-child tr:last-child th:last-child.disabled:after,table.shadow-box tbody:last-child tr:last-child td:last-child,table.shadow-box tbody:last-child tr:last-child td:last-child.disabled:after,table.shadow-box tbody:last-child tr:last-child th:last-child,table.shadow-box tbody:last-child tr:last-child th:last-child.disabled:after,table.shadow-box thead:last-child tr:last-child td:last-child,table.shadow-box thead:last-child tr:last-child td:last-child.disabled:after,table.shadow-box thead:last-child tr:last-child th:last-child,table.shadow-box thead:last-child tr:last-child th:last-child.disabled:after{border-bottom-right-radius:var(--large-border-radius)-1}.border-box,.matrix-configurator>.field>.input,.multiselect>select,.passwordwrapper,.selectize.multiselect .selectize-input,.text{background-clip:padding-box;background-color:#fbfcfe;border:1px solid rgba(96,125,159,.25);border-radius:3px}.border-box.focus,.passwordwrapper.focus,.selectize.multiselect .selectize-input.focus,.text.focus{box-shadow:var(--focus-ring)}body.reduce-focus-visibility .border-box.focus-visible,body.reduce-focus-visibility .passwordwrapper.focus-visible,body.reduce-focus-visibility .selectize.multiselect .selectize-input.focus-visible,body.reduce-focus-visibility .text.focus-visible,body:not(.reduce-focus-visibility) .border-box:focus,body:not(.reduce-focus-visibility) .passwordwrapper:focus,body:not(.reduce-focus-visibility) .selectize.multiselect .selectize-input:focus,body:not(.reduce-focus-visibility) .text:focus{box-shadow:var(--focus-ring)}.selectize.multiselect .selectize-input,.text>input,.text>textarea,input.text,table.editable textarea,textarea.text{-webkit-appearance:none;appearance:none;box-sizing:border-box;color:var(--text-color);font-size:14px;line-height:20px;min-height:3px}.selectize.multiselect .selectize-input{line-height:18px}textarea.text.fullwidth{display:block}.multitext .multitextrow:after{clear:both;content:"";display:block;height:0;visibility:hidden}body.ltr .multitext .multitextrow:first-child .text:first-child{border-top-left-radius:var(--medium-border-radius)}body.rtl .multitext .multitextrow:first-child .text:first-child{border-top-right-radius:var(--medium-border-radius)}body.ltr .multitext .multitextrow:first-child .text:last-child{border-top-right-radius:var(--medium-border-radius)}body.rtl .multitext .multitextrow:first-child .text:last-child{border-top-left-radius:var(--medium-border-radius)}body.ltr .multitext .multitextrow:last-child .text:first-child{border-bottom-left-radius:var(--medium-border-radius)}body.rtl .multitext .multitextrow:last-child .text:first-child{border-bottom-right-radius:var(--medium-border-radius)}body.ltr .multitext .multitextrow:last-child .text:last-child{border-bottom-right-radius:var(--medium-border-radius)}body.rtl .multitext .multitextrow:last-child .text:last-child{border-bottom-left-radius:var(--medium-border-radius)}.multitext .multitextrow:not(:first-child) .text{margin-top:-1px}.multitext .multitextrow .text{border-radius:0;box-sizing:border-box;float:left}body.ltr .multitext .multitextrow .text:not(:first-child){margin-left:-1px}body.rtl .multitext .multitextrow .text:not(:first-child){margin-right:-1px}.multitext .multitextrow .text:first-child:last-child{width:100%}.multitext .multitextrow .text:first-child:nth-last-child(2){width:50%}.multitext .multitextrow .text:first-child:nth-last-child(2)~.text{width:calc(50% + 1px)}.multitext .multitextrow .text.error{position:relative;z-index:1}.multitext .multitextrow .selectize.multiselect .selectize-input.focus,.multitext .multitextrow .text:focus{position:relative;z-index:2}.chars-left{color:var(--light-text-color);position:relative}body.ltr .chars-left{float:right}body.rtl .chars-left{float:left}body.ltr .chars-left{margin:-27px 7px 0 0}body.rtl .chars-left{margin:-27px 0 0 7px}.input.ltr>.chars-left{float:right!important;margin-right:7px!important}.input.rtl>.chars-left{float:left!important;margin-left:7px!important}.chars-left.negative-chars-left{color:var(--error-color)}.field,fieldset{margin:24px 0;position:relative}.flex>.field,.flex>fieldset{margin-bottom:0;margin-top:0}.field{min-inline-size:0}.field>.status-badge{content:"";cursor:help;height:100%;position:absolute;top:0;width:2px}body.ltr .field>.status-badge{left:0}body.rtl .field>.status-badge{right:0}.field>.status-badge.modified{background-color:var(--blue-600)}.field>.status-badge.outdated{background-color:var(--pending-color)}.field>.heading{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:5px;margin-top:-5px;position:relative}.field>.heading>label,.field>.heading>legend{color:var(--medium-dark-text-color);font-weight:700}.field>.heading>label code,.field>.heading>legend code{font-size:1em!important}body.ltr .field>.heading>label .info,body.ltr .field>.heading>legend .info{margin-left:5px}body.rtl .field>.heading>label .info,body.rtl .field>.heading>legend .info{margin-right:5px}.field>.heading>.t9n-indicator{color:var(--light-text-color)}body.ltr .field>.heading>.t9n-indicator{margin-left:7px}body.rtl .field>.heading>.t9n-indicator{margin-right:7px}.field>.heading+.instructions{margin-top:-3px}.field>.heading>.instructions{width:100%}.field>.instructions{margin-bottom:5px}.field>.input{position:relative}.field>.input:after{clear:both;content:"";display:block;height:0;visibility:hidden}.field>.input+.instructions,.field>.notice,.field>.warning{margin:5px 0 0}.checkboxfield .instructions,.field>.heading>.instructions,.field>.instructions{color:var(--medium-text-color)}.checkboxfield .instructions embed,.checkboxfield .instructions iframe,.checkboxfield .instructions img,.checkboxfield .instructions video,.field>.heading>.instructions embed,.field>.heading>.instructions iframe,.field>.heading>.instructions img,.field>.heading>.instructions video,.field>.instructions embed,.field>.instructions iframe,.field>.instructions img,.field>.instructions video{max-width:100%!important}.checkboxfield .instructions ol,.checkboxfield .instructions ul,.field>.heading>.instructions ol,.field>.heading>.instructions ul,.field>.instructions ol,.field>.instructions ul{margin:1em 0}body.ltr .checkboxfield .instructions ol,body.ltr .checkboxfield .instructions ul,body.ltr .field>.heading>.instructions ol,body.ltr .field>.heading>.instructions ul,body.ltr .field>.instructions ol,body.ltr .field>.instructions ul{padding-left:2em}body.rtl .checkboxfield .instructions ol,body.rtl .checkboxfield .instructions ul,body.rtl .field>.heading>.instructions ol,body.rtl .field>.heading>.instructions ul,body.rtl .field>.instructions ol,body.rtl .field>.instructions ul{padding-right:2em}.checkboxfield .instructions ul li,.field>.heading>.instructions ul li,.field>.instructions ul li{list-style-type:disc}.checkboxfield .instructions li+li,.field>.heading>.instructions li+li,.field>.instructions li+li{margin-top:.25em}.expand-status-btn{border-radius:var(--small-border-radius);color:var(--text-color);height:17px;line-height:16px;padding:0;width:30px}body.ltr .expand-status-btn{margin-left:5px}body.rtl .expand-status-btn{margin-right:5px}.expand-status-btn:before{margin:0}.nested-fields{margin:-24px;padding:24px 24px 0}.nested-fields.hidden{display:block;height:0}.nested-fields>.field:last-child{padding-bottom:24px}input.checkbox{height:var(--checkbox-size);opacity:0;position:absolute;width:var(--checkbox-size)}div.checkbox,input.checkbox+label{clear:none;cursor:pointer;display:inline-block;height:16px;line-height:16px;position:relative}body.ltr div.checkbox,body.ltr input.checkbox+label{padding-left:21px}body.rtl div.checkbox,body.rtl input.checkbox+label{padding-right:21px}div.checkbox .info,input.checkbox+label .info{height:16px}.disabled div.checkbox,input.checkbox:disabled+label{cursor:default}body.ltr div.checkbox:empty,body.ltr input.checkbox+label:empty{padding-left:var(--checkbox-size)}body.rtl div.checkbox:empty,body.rtl input.checkbox+label:empty{padding-right:var(--checkbox-size)}div.checkbox:empty:after,input.checkbox+label:empty:after{content:"";font-size:0}div.checkbox:before,input.checkbox+label:before{background-clip:padding-box;background-color:#fbfcfe;border:1px solid rgba(96,125,159,.4);border-radius:var(--small-border-radius);box-sizing:border-box;content:"";display:block;font-size:0;height:var(--checkbox-size);position:absolute;top:0;width:var(--checkbox-size)!important}body.ltr div.checkbox:before,body.ltr input.checkbox+label:before{left:0}body.rtl div.checkbox:before,body.rtl input.checkbox+label:before{right:0}div.checkbox.disabled+label,div.checkbox.disabled:before,input.checkbox:disabled+label{opacity:.25}.sel div.checkbox:before,div.checkbox.checked:before,div.checkbox.indeterminate:before,input.checkbox:checked+label:before,input.checkbox:indeterminate+label:before{speak:none;-webkit-font-feature-settings:"liga","dlig";-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:normal!important;color:var(--gray-900);direction:ltr;display:inline-block;font-family:Craft;font-style:normal;font-variant:normal;font-weight:400;line-height:1;line-height:var(--checkbox-size);opacity:var(--icon-opacity);text-align:center;text-transform:none;-webkit-user-select:none;user-select:none;vertical-align:middle}.sel div.checkbox:not(.indeterminate):before,div.checkbox.checked:not(.indeterminate):before,input.checkbox:checked:not(:indeterminate)+label:before{content:"check";font-size:15px}div.checkbox.indeterminate:before,input.checkbox:indeterminate+label:before{content:"minus";font-size:7px;text-align:center}body:not(.reduce-focus-visibility) :focus div.checkbox:before,body:not(.reduce-focus-visibility) input.checkbox:focus+label:before{box-shadow:var(--focus-ring)}body.reduce-focus-visibility .focus-visible div.checkbox:before,body.reduce-focus-visibility input.checkbox.focus-visible+label:before{box-shadow:var(--focus-ring)}.monaco-mouse-cursor-text.focus-visible,.monaco-mouse-cursor-text:focus{box-shadow:none!important}fieldset .checkboxfield{margin:5px 0}.checkboxfield .instructions,.checkboxfield .notice,.checkboxfield .warning{margin-top:2px}body.ltr .checkboxfield .instructions,body.ltr .checkboxfield .notice,body.ltr .checkboxfield .warning{padding-left:21px}body.rtl .checkboxfield .instructions,body.rtl .checkboxfield .notice,body.rtl .checkboxfield .warning{padding-right:21px}input.radio{height:var(--radio-size);opacity:0;position:absolute;width:var(--radio-size)}div.radio,input.radio+label{clear:none;cursor:pointer;display:inline-block;line-height:1.7142857143;position:relative}body.ltr div.radio,body.ltr input.radio+label{padding-left:21px}body.rtl div.radio,body.rtl input.radio+label{padding-right:21px}.disabled div.radio,input.radio:disabled+label{cursor:default}body.ltr div.radio:empty,body.ltr input.radio+label:empty{padding-left:var(--radio-size)}body.rtl div.radio:empty,body.rtl input.radio+label:empty{padding-right:var(--radio-size)}div.radio:after,div.radio:before,input.radio+label:after,input.radio+label:before{background-clip:padding-box;border-radius:100%;box-sizing:border-box;content:"";display:block;position:absolute}div.radio:before,input.radio+label:before{background-color:#fbfcfe;border:1px solid rgba(96,125,159,.4);height:var(--radio-size);left:0;width:var(--radio-size)}div.radio:after,div.radio:before,input.radio+label:after,input.radio+label:before{top:50%;-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}div.radio:after,input.radio+label:after{height:calc(var(--radio-size) - 8px);left:4px;width:calc(var(--radio-size) - 8px)}div.radio.disabled+label,div.radio.disabled:before,input.radio:disabled+label{opacity:.25}.sel div.radio:after,div.radio.checked:after,input.radio:checked+label:after{background:var(--gray-900)}body:not(.reduce-focus-visibility) :focus div.radio:before,body:not(.reduce-focus-visibility) input.radio:focus+label:before{box-shadow:var(--focus-ring)}body.reduce-focus-visibility .focus-visible div.radio:before,body.reduce-focus-visibility input.radio.focus-visible+label:before{box-shadow:var(--focus-ring)}.multiselect>select{-webkit-appearance:none;appearance:none;color:var(--text-color);font-size:14px}body.reduce-focus-visibility .multiselect>select.focus-visible,body:not(.reduce-focus-visibility) .multiselect>select:focus{box-shadow:var(--focus-ring)}.multiselect>select option{padding:1px 8px}.selectize.multiselect .selectize-input,.text{padding:6px 9px}.text{background-color:var(--white)}.text:not(.small){box-sizing:border-box;min-height:34px}.text.small{padding:3px}.text.readable{font-size:16px;line-height:22px;padding:16px 18px}.text.readable+.chars-left{margin-top:-23px}body.ltr .text.clearable{padding-right:var(--touch-target-size)}body.rtl .text.clearable{padding-left:var(--touch-target-size)}.text input{background-color:transparent;border:none;margin:0;padding:0}.input.errors>.autosuggest-container .text,.input.errors>.border-box,.input.errors>.passwordwrapper,.input.errors>.text,.text.error{border:1px solid var(--error-color)!important}.texticon{cursor:text;min-width:130px;position:relative}.texticon.icon:before{color:var(--ui-control-color);position:absolute;top:9px}body.ltr .texticon.icon:before{left:9px}body.rtl .texticon.icon:before{right:9px}body.ltr .texticon.icon .text{padding-left:26px}body.rtl .texticon.icon .text{padding-right:26px}.texticon .clear-btn{height:var(--touch-target-size);position:absolute;top:calc((var(--touch-target-size) - 34px)/-2);width:var(--touch-target-size)}body.ltr .texticon .clear-btn{right:0}body.rtl .texticon .clear-btn{left:0}body.ltr .texticon.has-filter-btn .text{padding-right:26px}body.rtl .texticon.has-filter-btn .text{padding-left:26px}.texticon.has-filter-btn .filter-btn{border-radius:13px;cursor:pointer;font-size:14px;line-height:22px;padding:0 7px 4px;position:absolute;top:4px}body.ltr .texticon.has-filter-btn .filter-btn{right:4px}body.rtl .texticon.has-filter-btn .filter-btn{left:4px}.texticon.has-filter-btn .filter-btn:before{speak:none;-webkit-font-feature-settings:"liga","dlig";-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:normal!important;color:var(--medium-text-color);content:"sliders";direction:ltr;display:inline-block;font-family:Craft;font-style:normal;font-variant:normal;font-weight:400;line-height:1;opacity:var(--icon-opacity);text-align:center;text-transform:none;-webkit-user-select:none;user-select:none;vertical-align:middle}.texticon.has-filter-btn .filter-btn:hover{background-color:var(--gray-100)}.texticon.has-filter-btn .filter-btn.active,.texticon.has-filter-btn .filter-btn:active{background-color:var(--gray-350)}.texticon.has-filter-btn .filter-btn.active:before,.texticon.has-filter-btn .filter-btn:active:before{color:var(--white)}body.ltr .texticon.has-filter-btn .text{padding-left:26px}body.rtl .texticon.has-filter-btn .text{padding-right:26px}body.ltr .texticon.has-filter-btn .text.clearable{padding-right:calc(30px + var(--touch-target-size))}body.rtl .texticon.has-filter-btn .text.clearable{padding-left:calc(30px + var(--touch-target-size))}body.ltr .texticon.has-filter-btn .clear-btn{right:30px}body.rtl .texticon.has-filter-btn .clear-btn{left:30px}.texthint-container{height:0;position:relative}.texthint{color:var(--light-text-color);cursor:text;position:absolute;top:-1px;width:100%}.passwordwrapper{position:relative}.passwordwrapper .password{background:transparent;border:none;box-shadow:none;padding-right:4rem}.passwordwrapper .password-toggle{bottom:0;color:var(--link-color);cursor:pointer;position:absolute;top:0}body.ltr .passwordwrapper .password-toggle{right:9px}body.rtl .passwordwrapper .password-toggle{left:9px}.passwordwrapper .password-toggle:hover{text-decoration:underline}.datetimewrapper{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row}body.ltr .datetimewrapper>.datewrapper+.timewrapper,body.ltr .datetimewrapper>.select,body.ltr .datetimewrapper>.timewrapper+.timezone{margin-left:5px}body.rtl .datetimewrapper>.datewrapper+.timewrapper,body.rtl .datetimewrapper>.select,body.rtl .datetimewrapper>.timewrapper+.timezone{margin-right:5px}.clear-btn{-webkit-align-items:center;align-items:center;background:transparent;border:none;color:var(--ui-control-color);cursor:pointer;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;padding:0;width:24px}.clear-btn:before{speak:none;-webkit-font-feature-settings:"liga","dlig";-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:normal!important;content:"remove";direction:ltr;display:inline-block;font-family:Craft;font-style:normal;font-variant:normal;font-weight:400;line-height:1;opacity:var(--icon-opacity);text-align:center;text-transform:none;-webkit-user-select:none;user-select:none;vertical-align:middle}.clear-btn:hover{color:var(--ui-control-hover-color)}.clear-btn:active{color:var(--ui-control-active-color)}.close-btn{position:relative}.close-btn:after,.close-btn:before{background-color:var(--ui-control-color);content:"";height:15px;left:50%;opacity:var(--icon-opacity);position:absolute;top:50%;width:2px}.close-btn:before{-webkit-transform:translate(-50%,-50%) rotate(-45deg);-o-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg)}.close-btn:after{-webkit-transform:translate(-50%,-50%) rotate(45deg);-o-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}.close-btn:hover:after,.close-btn:hover:before{background-color:var(--ui-control-hover-color)}.close-btn:active:after,.close-btn:active:before{background-color:var(--ui-control-active-color)}.datewrapper,.timewrapper{display:inline-block;position:relative}.datewrapper .text,.timewrapper .text{position:relative;width:100%;z-index:1}.datewrapper .text+div[data-icon],.timewrapper .text+div[data-icon]{display:none}.datewrapper .text.empty-value+div[data-icon],.datewrapper .text:placeholder-shown+div[data-icon],.timewrapper .text.empty-value+div[data-icon],.timewrapper .text:placeholder-shown+div[data-icon]{color:var(--light-text-color);display:block;position:absolute;top:calc(50% - 12px);z-index:0}body.ltr .datewrapper .text.empty-value+div[data-icon],body.ltr .datewrapper .text:placeholder-shown+div[data-icon],body.ltr .timewrapper .text.empty-value+div[data-icon],body.ltr .timewrapper .text:placeholder-shown+div[data-icon]{left:14px}body.rtl .datewrapper .text.empty-value+div[data-icon],body.rtl .datewrapper .text:placeholder-shown+div[data-icon],body.rtl .timewrapper .text.empty-value+div[data-icon],body.rtl .timewrapper .text:placeholder-shown+div[data-icon]{right:14px}.datewrapper .text.empty-value+div[data-icon],.datewrapper .text.empty-value+div[data-icon]:before,.datewrapper .text:placeholder-shown+div[data-icon],.datewrapper .text:placeholder-shown+div[data-icon]:before,.timewrapper .text.empty-value+div[data-icon],.timewrapper .text.empty-value+div[data-icon]:before,.timewrapper .text:placeholder-shown+div[data-icon],.timewrapper .text:placeholder-shown+div[data-icon]:before{pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1}.datewrapper{width:8em}.timewrapper{width:7em}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:var(--gray-400)}input::placeholder,textarea::placeholder{color:var(--gray-400)}::-ms-clear,::-ms-reveal{display:none}tr.indexingSession td{height:34px;padding:1px 10px}tr.indexingSession td.progress div.progressContainer{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;width:100%}tr.indexingSession td.progress div.progressContainer .progressbar{height:12px;left:0;position:relative;width:70%;z-index:1}tr.indexingSession td.progress div.progressContainer div.progressInfo{width:20%}.select:not(.selectize),.select:not(.selectize) select{border-radius:5px;position:relative;white-space:nowrap}.select:not(.selectize){max-width:100%;position:relative}:not(.flex)>.select:not(.selectize){display:inline-block}.select:not(.selectize):after{border:solid;border-width:0 2px 2px 0;content:"";display:block;font-size:0;height:7px;opacity:.8;pointer-events:none;position:absolute;top:calc(50% - 5px);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-user-select:none;user-select:none;width:7px;z-index:1}body.ltr .select:not(.selectize):after{right:9px}body.rtl .select:not(.selectize):after{left:9px}.select:not(.selectize) select{-webkit-appearance:none;appearance:none;background-color:#dfe5ec;border:none;color:#3f4d5a;display:block;font-size:14px;line-height:20px;max-width:100%;position:relative;white-space:pre}body.ltr .select:not(.selectize) select{padding:7px 22px 7px 10px}body.rtl .select:not(.selectize) select{padding:7px 10px 7px 22px}.select:not(.selectize) select::-ms-expand{display:none}.select:not(.selectize).fullwidth select{min-width:100%}.select:not(.selectize) select:hover{background-color:#cfd8e2;box-shadow:var(--focus-ring);outline-color:transparent}body.reduce-focus-visibility .select:not(.selectize) select.focus-visible,body:not(.reduce-focus-visibility) .select:not(.selectize) select:focus{background-color:#cfd8e2;box-shadow:var(--focus-ring);outline-color:transparent}.select:not(.selectize).small:after{top:9px}.select:not(.selectize).small select{font-size:11px;padding-bottom:4px!important;padding-top:4px!important}.selectize .selectize-input{background-color:transparent;border-color:inherit;box-shadow:none;display:block}.selectize.select .selectize-input:after{display:none}body .selectize-dropdown{border:none;z-index:100}.selectize.select{height:34px}.selectize.select input::-webkit-input-placeholder,.selectize.select textarea::-webkit-input-placeholder{color:var(--gray-700)}.selectize.select input::placeholder,.selectize.select textarea::placeholder{color:var(--gray-700)}.selectize.select:not(.fullwidth){max-width:25em}.selectize.select .selectize-control{max-width:100%;position:relative}:not(.flex)>.selectize.select .selectize-control{display:inline-block}.selectize.select .selectize-control:after{border:solid;border-width:0 2px 2px 0;content:"";display:block;font-size:0;height:7px;opacity:.8;pointer-events:none;position:absolute;top:calc(50% - 5px);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-user-select:none;user-select:none;width:7px;z-index:1}body.ltr .selectize.select .selectize-control:after{right:9px}body.rtl .selectize.select .selectize-control:after{left:9px}.selectize.select .selectize-input{border-radius:5px;white-space:nowrap}.selectize.select .selectize-input.focus{box-shadow:var(--focus-ring)}.selectize.select .selectize-input{-webkit-appearance:none;appearance:none;background-color:#dfe5ec;border:none;color:#3f4d5a;display:block;font-size:14px;line-height:20px;max-width:100%;position:relative}body.ltr .selectize.select .selectize-input{padding:7px 22px 7px 10px}body.rtl .selectize.select .selectize-input{padding:7px 10px 7px 22px}.selectize.select .selectize-input::-ms-expand{display:none}.selectize.select .selectize-control,.selectize.select .selectize-input{width:100%}.selectize.multiselect .selectize-input{min-height:34px;padding-bottom:3px}.selectize.multiselect .selectize-input.focus{box-shadow:var(--focus-ring)}.selectize.multiselect .selectize-input>.item{background-color:#e4edf6;border-radius:3px;color:#3f4d5a;display:inline-block;display:-webkit-inline-flex;display:inline-flex;-webkit-flex-direction:row;flex-direction:row;font-size:12px;line-height:14px;padding:3px 7px;padding:3px 7px!important}.selectize.multiselect .selectize-input>.item.active{background-color:#cdd8e4}.selectize.multiselect .selectize-input>.item>.remove{border-left:none;color:var(--ui-control-color);font-size:0;padding:0;position:static}body.ltr .selectize.multiselect .selectize-input>.item>.remove{margin:-1px -3px 0 3px}body.rtl .selectize.multiselect .selectize-input>.item>.remove{margin:-1px 3px 0 -3px}.selectize.multiselect .selectize-input>.item>.remove:hover{background-color:transparent;color:var(--ui-control-hover-color)}.selectize.multiselect .selectize-input>.item>.remove:before{speak:none;-webkit-font-feature-settings:"liga","dlig";-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:normal!important;content:"remove";direction:ltr;display:inline-block;font-family:Craft;font-size:14px;font-style:normal;font-variant:normal;font-weight:400;line-height:1;opacity:var(--icon-opacity);text-align:center;text-transform:none;-webkit-user-select:none;user-select:none;vertical-align:middle}body .selectize-dropdown{margin-top:1px}body .selectize-dropdown-content{background:#fff;border-radius:4px;box-shadow:0 0 0 1px rgba(31,41,51,.1),0 5px 20px rgba(31,41,51,.25);overflow:auto;padding:0 14px;-webkit-user-select:none;user-select:none;z-index:100}body .selectize-dropdown-content .option{min-height:18px}body .selectize-dropdown-content>div[data-value=new]:before{speak:none;-webkit-font-feature-settings:"liga","dlig";-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:normal!important;content:"plus";direction:ltr;display:inline-block;font-family:Craft;font-style:normal;font-variant:normal;font-weight:400;line-height:1;margin-right:5px;opacity:var(--icon-opacity);text-align:center;text-transform:none;-webkit-user-select:none;user-select:none;vertical-align:middle}body .selectize-dropdown-content>div[data-value=new]:after{content:"…"}body .selectize-dropdown .optgroup-header,body .selectize-dropdown [data-selectable]{color:#3f4d5a;margin:0 -14px;padding:10px 14px;text-decoration:none;white-space:nowrap}body .selectize-dropdown .optgroup-header{color:#606d7b;font-size:11px;line-height:1.2;margin:0;padding:4px 0;text-transform:uppercase}body .selectize-dropdown .active{background-color:#606d7b;color:#fff}body .selectize-dropdown .active .light{color:inherit!important}.ui-datepicker{-padding:10px;height:242px;position:fixed;top:-300px;width:210px;z-index:101!important}body.ltr .ui-datepicker{margin-left:1px}body.rtl .ui-datepicker{margin-right:1px}.ui-datepicker-header{padding:8px 8px 4px}body.ltr .ui-datepicker-prev{float:left}body.ltr .ui-datepicker-next,body.rtl .ui-datepicker-prev{float:right}body.rtl .ui-datepicker-next{float:left}.ui-datepicker-next span,.ui-datepicker-prev span{display:none}.ui-datepicker-next,.ui-datepicker-prev{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;height:20px;-webkit-justify-content:center;justify-content:center;width:20px}.ui-datepicker-next:hover:after,.ui-datepicker-prev:hover:after{border-color:var(--link-color)}.ui-datepicker-prev:after{border:solid;border-width:0 2px 2px 0;content:"";display:block;font-size:0;height:7px;opacity:.8;width:7px}body.ltr .ui-datepicker-prev:after{-webkit-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}body.rtl .ui-datepicker-prev:after{-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}.ui-datepicker-next:after{border:solid;border-width:0 2px 2px 0;content:"";display:block;font-size:0;height:7px;opacity:.8;width:7px}body.ltr .ui-datepicker-next:after{-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}body.rtl .ui-datepicker-next:after{-webkit-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}.ui-datepicker-title{text-align:center}.ui-datepicker-calendar td,.ui-datepicker-calendar th{padding:2px!important}.ui-datepicker-calendar td a,.ui-datepicker-calendar th span{color:var(--text-color);display:block;line-height:26px;text-align:center;width:1.625rem}.ui-datepicker-calendar th span{color:var(--medium-text-color);font-weight:400}.ui-datepicker-calendar td a{border-radius:2px}.ui-datepicker-calendar td a:hover{background-color:var(--light-sel-color);text-decoration:none}.ui-datepicker-calendar td a.ui-state-active{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background-color:var(--dark-sel-color);color:var(--white);cursor:default;font-weight:500}.ui-datepicker-calendar td.ui-datepicker-today a{border-radius:13px;box-shadow:inset 0 0 0 2px var(--light-sel-color)}.ui-timepicker-wrapper{z-index:101}.ui-timepicker-list{height:210px;overflow-y:auto;width:calc(14px + 6em);z-index:100}body.ltr .ui-timepicker-list{margin-left:1px}body.rtl .ui-timepicker-list{margin-right:1px}.ui-timepicker-list li{cursor:pointer;white-space:nowrap}body.ltr .ui-timepicker-list li{padding:2px 0 2px 14px}body.rtl .ui-timepicker-list li{padding:2px 14px 2px 0}.ui-timepicker-list li:hover{background-color:var(--light-sel-color)}.ui-timepicker-list li.ui-timepicker-selected{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background-color:var(--dark-sel-color);color:var(--white);cursor:default;font-weight:500}.slide-picker{display:-webkit-flex;display:flex;height:15px;white-space:nowrap}.slide-picker a{background-image:none;border:1px solid var(--hairline-color);box-sizing:border-box;display:inline-block;height:13px;margin-bottom:1px;margin-left:0;margin-top:1px;width:7px}body.ltr .slide-picker a{border-left:none}body.rtl .slide-picker a{border-right:none}.slide-picker a:first-child{width:8px}body.ltr .slide-picker a:first-child{border-left:1px solid var(--gray-400)!important}body.rtl .slide-picker a:first-child{border-right:1px solid var(--gray-400)!important}.slide-picker:hover a.active-hover,.slide-picker:not(:hover) a.active{border-bottom-color:var(--gray-400);border-top-color:var(--gray-400);height:15px;margin-bottom:0;margin-top:0}body.ltr .slide-picker:hover a.active-hover:first-child,body.ltr .slide-picker:not(:hover) a.active:first-child{border-left:1px solid var(--gray-400)}body.rtl .slide-picker:hover a.active-hover:first-child,body.rtl .slide-picker:not(:hover) a.active:first-child{border-right:1px solid var(--gray-400)}body.ltr .slide-picker:hover a.active-hover:first-child,body.ltr .slide-picker:not(:hover) a.active:first-child{border-top-left-radius:var(--small-border-radius)}body.rtl .slide-picker:hover a.active-hover:first-child,body.rtl .slide-picker:not(:hover) a.active:first-child{border-top-right-radius:var(--small-border-radius)}body.ltr .slide-picker:hover a.active-hover:first-child,body.ltr .slide-picker:not(:hover) a.active:first-child{border-bottom-left-radius:var(--small-border-radius)}body.rtl .slide-picker:hover a.active-hover:first-child,body.rtl .slide-picker:not(:hover) a.active:first-child{border-bottom-right-radius:var(--small-border-radius)}body.ltr .slide-picker:hover a.last-active-hover,body.ltr .slide-picker:not(:hover) a.last-active{border-right:1px solid var(--gray-400)}body.rtl .slide-picker:hover a.last-active-hover,body.rtl .slide-picker:not(:hover) a.last-active{border-left:1px solid var(--gray-400)}body.ltr .slide-picker:hover a.last-active-hover,body.ltr .slide-picker:not(:hover) a.last-active{border-top-right-radius:var(--small-border-radius)}body.rtl .slide-picker:hover a.last-active-hover,body.rtl .slide-picker:not(:hover) a.last-active{border-top-left-radius:var(--small-border-radius)}body.ltr .slide-picker:hover a.last-active-hover,body.ltr .slide-picker:not(:hover) a.last-active{border-bottom-right-radius:var(--small-border-radius)}body.rtl .slide-picker:hover a.last-active-hover,body.rtl .slide-picker:not(:hover) a.last-active{border-bottom-left-radius:var(--small-border-radius)}.slide-picker:focus a.active{background-color:var(--light-sel-color)}ul.errors{list-style-type:square;margin-top:5px}body.ltr ul.errors{padding-left:20px}body.rtl ul.errors{padding-right:20px}ul.errors li{color:var(--error-color)}.message-container{height:100%;position:absolute;top:0;width:100%;z-index:100}body.ltr .message-container{left:0}body.rtl .message-container{right:0}.message-container.no-access{background-color:rgba(31,41,51,.5)}.message-container .pane{box-shadow:0 25px 100px rgba(31,41,51,.5);margin-left:auto;margin-right:auto;margin-top:-33px!important;top:50%;width:320px}.autosuggest-container{position:relative}.autosuggest__results-container{background-color:var(--white);border-radius:var(--large-border-radius);box-shadow:0 1px 5px -1px rgba(31,41,51,.2);box-sizing:border-box;font-family:system-ui,BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1em!important;padding:0 14px;position:absolute;text-align:left;width:100%;z-index:2}.autosuggest__results-container .autosuggest__results-before{color:#606d7b;font-size:11px;line-height:1.2;margin:14px 0 3px;margin-top:14px!important;text-transform:uppercase}.autosuggest__results-container .autosuggest__results-item{color:#3f4d5a;margin:0 -14px;overflow:hidden;padding:10px 14px;text-decoration:none;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.autosuggest__results-container .autosuggest__results-item.autosuggest__results-item--highlighted,.autosuggest__results-container .autosuggest__results-item:hover{background-color:#606d7b;color:#fff;cursor:pointer}.matrix-configurator>.field{max-width:none}.matrix-configurator>.field>.input{-webkit-align-items:stretch;align-items:stretch;background-color:var(--gray-050);box-shadow:none;display:-webkit-flex;display:flex}.matrix-configurator .mc-sidebar{box-sizing:border-box}.matrix-configurator .mc-sidebar .mc-col-items{margin-top:-1px;padding-top:1px}.matrix-configurator .mc-sidebar.block-types{width:200px}body.ltr .matrix-configurator .mc-sidebar.block-types{border-top-left-radius:var(--small-border-radius)}body.rtl .matrix-configurator .mc-sidebar.block-types{border-top-right-radius:var(--small-border-radius)}body.ltr .matrix-configurator .mc-sidebar.block-types{border-bottom-left-radius:var(--small-border-radius)}body.rtl .matrix-configurator .mc-sidebar.block-types{border-bottom-right-radius:var(--small-border-radius)}body.ltr .matrix-configurator .mc-sidebar.block-types>.mc-col-inner-container>.mc-col-heading{border-top-left-radius:var(--small-border-radius)}body.rtl .matrix-configurator .mc-sidebar.block-types>.mc-col-inner-container>.mc-col-heading{border-top-right-radius:var(--small-border-radius)}.matrix-configurator .mc-sidebar.block-types>.mc-col-inner-container>.mc-col-items .btn{margin:14px}.matrix-configurator .mc-sidebar.mc-fields{background:#fff;box-shadow:-1px 0 0 0 rgba(31,41,51,.1),1px 0 0 0 rgba(31,41,51,.1);width:240px;z-index:1}.matrix-configurator .mc-sidebar.mc-fields .mc-col-items{padding:14px}.matrix-configurator .mc-sidebar.mc-fields .mc-col-items .btn{margin-top:14px}.matrix-configurator .mc-field-settings>.mc-col-inner-container>.mc-col-heading,.matrix-configurator .mc-sidebar>.mc-col-inner-container>.mc-col-heading{background-color:var(--gray-050);background-image:-o-linear-gradient(rgba(51,64,77,0),rgba(51,64,77,.05));background-image:linear-gradient(rgba(51,64,77,0),rgba(51,64,77,.05));border-bottom:1px solid var(--hairline-color);margin:0;padding:7px 14px 6px}.matrix-configurator .mc-field-settings{-webkit-flex:1;flex:1;position:relative}body.ltr .matrix-configurator .mc-field-settings{border-top-right-radius:var(--small-border-radius)}body.rtl .matrix-configurator .mc-field-settings{border-top-left-radius:var(--small-border-radius)}body.ltr .matrix-configurator .mc-field-settings{border-bottom-right-radius:var(--small-border-radius)}body.rtl .matrix-configurator .mc-field-settings{border-bottom-left-radius:var(--small-border-radius)}.matrix-configurator .mc-field-settings>.mc-col-inner-container>.mc-col-heading{padding-left:24px;padding-right:24px}body.ltr .matrix-configurator .mc-field-settings>.mc-col-inner-container>.mc-col-heading{border-top-right-radius:var(--small-border-radius)}body.rtl .matrix-configurator .mc-field-settings>.mc-col-inner-container>.mc-col-heading{border-top-left-radius:var(--small-border-radius)}.matrix-configurator .mc-field-settings>.mc-col-inner-container>.mc-col-items{padding:24px}.matrixconfigitem{-webkit-align-items:center;align-items:center;box-sizing:border-box;cursor:default;display:-webkit-flex;display:flex;min-height:48px;position:relative;-webkit-user-select:none;user-select:none}.matrixconfigitem.mci-blocktype{background-color:var(--gray-100);border:solid var(--hairline-color);border-width:1px 0;margin-top:-1px;padding:8px 14px}.matrixconfigitem.mci-blocktype.sel{background-color:var(--gray-200);z-index:1}.matrixconfigitem.mci-field{background-color:var(--gray-100);border-radius:var(--medium-border-radius);padding:7px 10px}.matrixconfigitem.mci-field.sel{background-color:var(--gray-200)}.matrixconfigitem.mci-field.sel .slide-picker:focus a.active{background-color:#5f6c79}.matrixconfigitem.mci-field+.mci-field{margin-top:7px}.matrixconfigitem .mci-name{-webkit-flex:1;flex:1;overflow:hidden}.matrixconfigitem .mci-name .smalltext,.matrixconfigitem .mci-name h4{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.matrixconfigitem .mci-name h4{color:var(--text-color);font-weight:400;margin-bottom:2px}.matrixconfigitem .mci-name h4.mci-required:after{speak:none;-webkit-font-feature-settings:"liga","dlig";-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:normal!important;content:"asterisk";direction:ltr;display:inline-block;font-family:Craft;font-size:8px;font-style:normal;font-variant:normal;font-weight:400;line-height:1;opacity:var(--icon-opacity);text-align:center;text-transform:none;-webkit-user-select:none;user-select:none;vertical-align:middle}body.ltr .matrixconfigitem .mci-name h4.mci-required:after{margin:-2px 0 0 4px}body.rtl .matrixconfigitem .mci-name h4.mci-required:after{margin:-2px 4px 0 0}.matrixconfigitem.error .mci-name h4{color:var(--error-color)}body.ltr .matrixconfigitem .icon,body.ltr .matrixconfigitem .slide-picker{margin-left:7px}body.rtl .matrixconfigitem .icon,body.rtl .matrixconfigitem .slide-picker{margin-right:7px}.matrixconfigitem .icon{display:block}.matrixconfigitem .icon:not(.error):before{color:var(--ui-control-color)}.matrixconfigitem .icon:not(.error):hover:before{color:var(--ui-control-hover-color)}.matrixconfigitem .icon:not(.error):active:before{color:var(--ui-control-active-color)}.matrixconfigitem .icon.error:before{color:var(--error-color)}.matrix>.buttons{margin-top:10px}.matrixblock{background-color:var(--gray-050);border:1px solid var(--hairline-color);border-radius:var(--large-border-radius);margin-bottom:10px;padding:0 var(--m) var(--m);position:relative}.matrixblock.static{padding-top:14px}.matrixblock .flex-fields{--row-gap:var(--m)!important}.matrixblock>.titlebar{word-wrap:normal;background-color:#ebf2fa;border-radius:var(--large-border-radius)-1 var(--large-border-radius)-1 0 0;box-sizing:border-box;color:var(--light-text-color);cursor:default;margin:0 -14px;overflow:hidden;position:relative;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;white-space:nowrap;width:calc(100% + 28px)}body.ltr .matrixblock>.titlebar{padding:5px 70px 5px 35px}body.rtl .matrixblock>.titlebar{padding:5px 35px 5px 70px}.matrixblock>.titlebar:after{background-color:var(--hairline-color);bottom:-1px;content:"";display:block;height:1px;left:14px;position:absolute;width:calc(100% - 28px)}.matrixblock>.titlebar>.blocktype{color:var(--medium-text-color);display:inline}.matrixblock>.titlebar>.preview{display:inline;opacity:0;-o-transition:opacity .1s linear;transition:opacity .1s linear}body.ltr .matrixblock>.titlebar>.preview{margin-left:7px}body.rtl .matrixblock>.titlebar>.preview{margin-right:7px}.matrixblock>.titlebar>.preview span{opacity:.5}.matrixblock.disabled{opacity:1}body.ltr .matrixblock.disabled>.titlebar{padding-right:90px}body.rtl .matrixblock.disabled>.titlebar{padding-left:90px}.matrixblock.disabled>.actions>.status.off{display:block}.matrixblock.collapsed>.titlebar{border-bottom:none;border-radius:var(--titlebar-border-radius)}.matrixblock.collapsed>.titlebar>.preview{opacity:1}.matrixblock>.checkbox{position:absolute;top:7px}body.ltr .matrixblock>.checkbox{left:14px}body.rtl .matrixblock>.checkbox{right:14px}.matrixblock>.actions{-webkit-align-items:center;align-items:center;cursor:default;display:-webkit-flex;display:flex;position:absolute;top:5px}body.ltr .matrixblock>.actions{right:14px}body.rtl .matrixblock>.actions{left:14px}body.ltr .matrixblock>.actions>*{margin:0 0 0 5px}body.rtl .matrixblock>.actions>*{margin:0 5px 0 0}.matrixblock>.actions .settings{color:var(--ui-control-color);height:20px;padding:0 8px}body.ltr .matrixblock>.actions .settings:before{margin-right:0!important}body.rtl .matrixblock>.actions .settings:before{margin-left:0!important}.matrixblock>.actions .settings:not(:hover):not(:active){background-color:transparent}.matrixblock>.actions>.move{margin-top:-3px!important}.matrixblock>.actions>.status.off{display:none}.matrixblock>.actions a:not([data-action]){color:var(--dark-hairline-color);height:20px;padding:0;text-align:center;-webkit-transform:color linear .1s;-o-transform:color linear .1s;transform:color linear .1s}.matrixblock>.actions a:not([data-action]).settings:after{border-color:var(--dark-hairline-color);-webkit-transform:border-color linear .1s;-o-transform:border-color linear .1s;transform:border-color linear .1s}body.ltr .matrixblock>.actions a:not([data-action]).settings:after{margin-left:3px}body.rtl .matrixblock>.actions a:not([data-action]).settings:after{margin-right:3px}.matrixblock>.actions a:not([data-action]):hover{color:var(--link-color)}.matrixblock>.actions a:not([data-action]):hover.settings:after{border-color:var(--link-color)}.matrixblock:not(.static)>.fields{padding-top:14px}.matrixblock>.fields>.flex-fields>.field:before{display:none}.matrixblock>.buttons{height:30px;margin-top:0}.add-category-form{margin-top:24px}.add-category-form .texticon{width:200px}body.ltr .add-category-form .texticon{float:left}body.rtl .add-category-form .texticon{float:right}body.ltr .add-category-form .texticon{margin-right:5px}body.rtl .add-category-form .texticon{margin-left:5px}body.ltr .add-category-form .texticon .text{padding-right:30px}body.rtl .add-category-form .texticon .text{padding-left:30px}.add-category-form .texticon .spinner{position:absolute;top:0}body.ltr .add-category-form .texticon .spinner{right:5px}body.rtl .add-category-form .texticon .spinner{left:5px}.categoriesfield{min-height:30px;position:relative}body.ltr .categoriesfield .structure ul{margin-left:12px}body.rtl .categoriesfield .structure ul{margin-right:12px}body.sitepicker #main-content{-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;padding:30px;text-align:center}body.sitepicker #content-container{max-width:400px}.sitepicker-group li:not(:first-child) a{border-top-left-radius:0;border-top-right-radius:0;margin-top:-1px}.sitepicker-group li:not(:first-child) a:not(:hover){border-top-color:transparent}.sitepicker-group li:not(:last-child) a{border-bottom-left-radius:0;border-bottom-right-radius:0}.sitepicker-group li a{border:1px solid var(--hairline-color);border-radius:var(--medium-border-radius);box-sizing:border-box;display:block;font-size:16px;line-height:1.4;position:relative;text-align:left;width:100%}body.ltr .sitepicker-group li a{padding:9px 42px 9px 15px}body.rtl .sitepicker-group li a{padding:9px 15px 9px 42px}.sitepicker-group li a:after{font-size:14px;margin:0;padding:0;position:absolute;top:calc(50% - 7px)}body.ltr .sitepicker-group li a:after{right:12px}body.rtl .sitepicker-group li a:after{left:12px}.sitepicker-group li a:hover{border-color:var(--link-color);text-decoration:none;z-index:1}.elementselectormodal .body .main{float:left\9;width:445px\9}@media only screen and (-moz-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx){.structure ul li{-o-background-size:40px;background-size:40px}body.ltr .structure ul li{background-image:url(../images/branch_2x.png)}body.rtl .structure ul li{background-image:url(../images/branch_rtl_2x.png)}.hud .tip-left{background-image:url(../images/hudtip_left_2x.png);-o-background-size:15px 30px;background-size:15px 30px}.hud .tip-top{background-image:url(../images/hudtip_top_2x.png);-o-background-size:30px 15px;background-size:30px 15px}.hud .tip-right{background-image:url(../images/hudtip_right_2x.png);-o-background-size:15px 30px;background-size:15px 30px}.hud .tip-bottom{background-image:url(../images/hudtip_bottom_2x.png);-o-background-size:30px 15px;background-size:30px 15px}.hud.has-footer .tip-bottom{background-image:url(../images/hudtip_bottom_gray_2x.png)}}:root{--xs:4px;--s:8px;--m:14px;--l:18px;--xl:24px;--padding:var(--xl);--neg-padding:calc(var(--padding)*-1)}html{-webkit-text-size-adjust:100%}body,html{min-height:100vh}body :focus{box-shadow:var(--focus-ring);outline-color:transparent;outline-style:solid}.reduce-focus-visibility :focus:not(.focus-visible){box-shadow:none}.reduce-focus-visibility .focus-visible{box-shadow:var(--focus-ring)}.skip-link{height:1px;left:-10000px;margin:5px;overflow:hidden;position:absolute;top:0;width:1px;z-index:101}.skip-link:focus{background-color:var(--gray-100)!important;height:auto;left:unset;width:auto}body.ltr .skip-link:focus{left:0}body.rtl .skip-link:focus{right:0}@media only screen and (min-width:1200px){#global-skip-link{--light-color:var(--white);--dark-color:var(--gray-800);--focus-ring:0 0 0 3px var(--dark-color),0 0 0 6px var(--light-color)}}#global-container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;min-height:100vh;position:relative}body.ltr #global-container{left:0}body.rtl #global-container{right:0}@media screen and (prefers-reduced-motion:no-preference){body.ltr #global-container{-o-transition:left .25s ease-out;transition:left .25s ease-out}body.rtl #global-container{-o-transition:right .25s ease-out;transition:right .25s ease-out}}#global-sidebar{--is-always-visible:true;-webkit-overflow-scrolling:touch;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;--focus-ring:0 0 0 1px hsl(var(--light-focus-hsl)),0 0 0 3px hsla(var(--light-focus-hsl),0.7);background-color:var(--gray-800);display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;font-weight:500;height:100vh;overflow-x:hidden;overflow-y:auto;padding:0;position:fixed;z-index:100}#global-sidebar a{color:var(--gray-100);text-decoration:none}#global-sidebar :not(.has-subnav)>a[href]:not(.sel):hover,#global-sidebar>a[href]:not(.sel):hover{background-color:#29333d}#global-sidebar :not(.has-subnav)>a:not([href]),#global-sidebar>a:not([href]){background-color:transparent;cursor:default}#global-sidebar .light{color:var(--gray-400)}@media only screen and (max-width:1199px){#global-sidebar{--is-always-visible:false}}#system-info{grid-gap:10px;-webkit-align-items:center;align-items:center;background-color:#29333d;display:grid;-webkit-flex:0 0 50px;flex:0 0 50px;-webkit-flex-direction:row;flex-direction:row;grid-template-columns:30px auto;height:50px;padding:0 10px;position:relative}#system-info:after{display:none}#system-info:focus,#system-info:hover{background-color:#1f272e!important}#site-icon{height:30px}#site-icon img,#site-icon svg{border-radius:4px;display:block;height:30px;width:30px}#site-icon svg circle,#site-icon svg ellipse,#site-icon svg line,#site-icon svg path,#site-icon svg polygon,#site-icon svg polyline,#site-icon svg rect,#site-icon svg text{fill:var(--medium-text-color);stroke-width:0}#system-name .h2,#system-name h2{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;margin:0;max-height:40px;overflow:hidden;position:relative;width:100%}#system-name .h2:after,#system-name h2:after{background-image:-o-linear-gradient(left,rgba(41,51,61,0),#29333d);background-image:linear-gradient(90deg,rgba(41,51,61,0),#29333d);content:"";display:block;font-size:0;position:absolute;top:0;width:var(--m)}body.ltr #system-name .h2:after,body.ltr #system-name h2:after{right:0}body.rtl #system-name .h2:after,body.rtl #system-name h2:after{left:0}#system-info:hover #system-name .h2:after,#system-info:hover #system-name h2:after{background-image:-o-linear-gradient(left,rgba(31,39,46,0),#1f272e);background-image:linear-gradient(90deg,rgba(31,39,46,0),#1f272e)}#job-icon{-webkit-align-items:flex-start;align-items:flex-start}#job-icon>span.icon{display:block;height:16px;margin-top:2px!important;position:relative;width:16px}#job-icon>span.icon>canvas{display:block;height:16px;position:absolute;width:16px}#job-icon>span.icon>canvas#job-icon-hover{opacity:0}#job-icon[href]:hover .icon>span.icon>canvas#job-icon-hover{opacity:1}#job-icon .progress-label{color:var(--gray-300);display:block;font-size:11px;line-height:1.5}#nav{-webkit-flex:1;flex:1;margin:22px 0 0;overflow:visible;padding-bottom:var(--xl)}#nav li:not(.has-subnav)>a.sel{background-color:var(--gray-100);color:var(--gray-800);opacity:1}#nav li:not(.has-subnav)>a.sel .icon{opacity:1}#nav li a{padding-left:var(--m);padding-right:var(--m);position:relative}#nav li a:focus{z-index:1}#nav li a.menubtn{line-height:26px}#nav li a.external:after{speak:none;-webkit-font-feature-settings:"liga","dlig";-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:normal!important;content:"external";direction:ltr;display:inline-block;font-family:Craft;font-style:normal;font-variant:normal;font-weight:400;line-height:1;opacity:var(--icon-opacity);text-align:center;text-transform:none;-webkit-user-select:none;user-select:none;vertical-align:middle}body.ltr #nav li a.external:after{margin-left:5px}body.rtl #nav li a.external:after{margin-right:5px}#nav li a .label,#nav li a .label span{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}#nav li a .badge{background-color:var(--gray-200);color:var(--gray-800)}body.ltr #nav li a .badge{margin-right:0}body.rtl #nav li a .badge{margin-left:0}#nav li ul{display:block;margin-bottom:10px}#nav li ul li a{font-size:12px}body.ltr #nav li ul li a{padding:3px var(--m) 3px 42px!important}body.rtl #nav li ul li a{padding:3px 42px 3px var(--m)!important}#nav li ul li a:not(.active){color:var(--gray-200)}#global-footer{-webkit-flex-direction:column;flex-direction:column;padding:var(--m) var(--m) var(--xl)}#app-info,#global-footer{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex}#app-info{color:var(--gray-600);font-size:12px;gap:var(--s);-webkit-justify-content:center;justify-content:center;margin-top:var(--xs);text-align:center}#app-info a{text-decoration:underline}#app-info a,#app-info a.go:hover:after{color:var(--gray-600)}#edition-logo{border:1px solid var(--gray-600);border-radius:3px;box-sizing:content-box;display:-webkit-inline-flex;display:inline-flex;font-size:11px;height:1.25rem;-webkit-user-select:none;user-select:none}#edition-logo>.edition-name,#edition-logo>.edition-trial{line-height:var(--s);padding:.375rem .4375rem .3125rem}#edition-logo>.edition-name{font-weight:600;letter-spacing:1.7px;padding-right:.3125rem;text-transform:uppercase}#edition-logo>.edition-trial{background-color:var(--gray-600);border-radius:0 1px 1px 0;color:var(--gray-200);display:inline-block;letter-spacing:1px;position:relative;text-transform:lowercase}body.ltr #edition-logo>.edition-trial{margin-left:5px}body.rtl #edition-logo>.edition-trial{margin-right:5px}body.ltr #edition-logo>.edition-trial{padding-left:5px}body.rtl #edition-logo>.edition-trial{padding-right:5px}body.ltr #edition-logo>.edition-trial{padding-right:7px}body.rtl #edition-logo>.edition-trial{padding-left:7px}#edition-logo>.edition-trial:before{border-style:solid;content:"";display:block;font-size:0;height:0;position:absolute;top:0;width:0}body.ltr #edition-logo>.edition-trial:before{border-color:transparent var(--gray-600) transparent transparent;border-width:0 10px 20px 0;left:-10px}body.rtl #edition-logo>.edition-trial:before{border-color:transparent transparent transparent var(--gray-600);border-width:0 0 20px 10px;right:-10px}#devmode{background:url(../images/dev-mode.svg) repeat-x 21px 0;cursor:help;-webkit-flex:0 0 4px;flex:0 0 4px;min-height:4px;width:100%}#page-container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-flex-grow:1;flex-grow:1}body.ltr #page-container{padding-left:226px}body.rtl #page-container{padding-right:226px}#alerts{background-color:var(--red-050);border-left:5px solid var(--error-color);color:var(--error-color);padding:11px 0;position:relative;text-align:center}#alerts li{padding:4px var(--xl)}#alerts li a{color:var(--error-color);text-decoration:underline}#alerts li a.go{border:1px solid rgba(207,17,36,.5);border-radius:var(--medium-border-radius);margin:0 2px;padding:3px 5px;text-decoration:none;white-space:nowrap}#alerts li a.go:after{color:var(--error-color)}#alerts li a.go:hover{border-color:var(--error-color)}#global-header{background:#fff;background:var(--gray-050);box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);margin-bottom:var(--m);width:100%}#global-header:focus{box-shadow:var(--focus-ring)}#global-header .flex{-webkit-align-items:center;align-items:center}#global-header .btn{--ui-control-color:var(--gray-400);--ui-control-hover-color:var(--gray-500);--ui-control-active-color:var(--gray-600)}.nav-toggle{-webkit-align-items:center;align-items:center;color:currentColor;display:-webkit-flex;display:flex;height:50px;-webkit-justify-content:center;justify-content:center;line-height:26px;text-align:center;width:36px}body.ltr .nav-toggle{margin-left:-10px}body.rtl .nav-toggle{margin-right:-10px}.nav-toggle:before{speak:none;-webkit-font-feature-settings:"liga","dlig";-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:normal!important;content:"menu";direction:ltr;display:inline-block;font-family:Craft;font-size:16px;font-style:normal;font-variant:normal;font-weight:400;line-height:1;line-height:0;opacity:var(--icon-opacity);text-align:center;text-transform:none;-webkit-user-select:none;user-select:none;vertical-align:middle}.nav-toggle:hover{color:var(--gray-400)}#crumbs{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;font-size:13px;margin:0!important}#crumbs.empty{display:none}#crumbs a,#crumbs button{color:var(--light-text-color);-o-transition:color .1s linear;transition:color .1s linear}#crumbs a:hover,#crumbs button:hover{color:var(--link-color);text-decoration:none}#crumbs nav{margin:0}.breadcrumb-list{-webkit-align-items:stretch;align-items:stretch;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap}.breadcrumb-list li{-webkit-align-items:center;align-items:center;display:-webkit-inline-flex;display:inline-flex}.breadcrumb-list li a,.breadcrumb-list li button{padding:15px 0}.breadcrumb-list li button{cursor:pointer}.breadcrumb-list li:after{border:solid var(--medium-hairline-color);border-width:0 2px 2px 0;content:"";display:block;font-size:0;height:7px;opacity:.8;width:7px}body.ltr .breadcrumb-list li:after{margin:0 8px 0 7px}body.rtl .breadcrumb-list li:after{margin:0 7px 0 8px}body.ltr .breadcrumb-list li:after{-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}body.rtl .breadcrumb-list li:after{-webkit-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}.breadcrumb-list .menu--disclosure li{display:block}.breadcrumb-list .menu--disclosure li:after,li.breadcrumb-toggle-wrapper:after{content:none}#account-menu ul li a{max-width:calc(100% + 28px)!important}#announcements-btn{height:30px;padding-left:0;padding-right:0;position:relative;width:30px;width:40px}#announcements-btn:not(:hover):not(:active):not(.active){background-color:transparent}#announcements-btn:not(:active):not(.active):hover{background-color:rgba(154,165,177,.15)}#announcements-btn.unread:after{background-color:var(--blue-600);border-radius:4px;content:"";display:block;height:7px;position:absolute;top:3px;width:7px}body.ltr #announcements-btn.unread:after{right:7px}body.rtl #announcements-btn.unread:after{left:7px}#announcements-btn svg{height:22px;width:22px}#announcements-btn svg circle,#announcements-btn svg ellipse,#announcements-btn svg line,#announcements-btn svg path,#announcements-btn svg polygon,#announcements-btn svg polyline,#announcements-btn svg rect,#announcements-btn svg text{fill:var(--ui-control-color);stroke-width:0}#announcements-btn.active svg circle,#announcements-btn.active svg ellipse,#announcements-btn.active svg line,#announcements-btn.active svg path,#announcements-btn.active svg polygon,#announcements-btn.active svg polyline,#announcements-btn.active svg rect,#announcements-btn.active svg text,#announcements-btn:active svg circle,#announcements-btn:active svg ellipse,#announcements-btn:active svg line,#announcements-btn:active svg path,#announcements-btn:active svg polygon,#announcements-btn:active svg polyline,#announcements-btn:active svg rect,#announcements-btn:active svg text,#announcements-btn:hover svg circle,#announcements-btn:hover svg ellipse,#announcements-btn:hover svg line,#announcements-btn:hover svg path,#announcements-btn:hover svg polygon,#announcements-btn:hover svg polyline,#announcements-btn:hover svg rect,#announcements-btn:hover svg text{fill:var(--link-color);stroke-width:0}#announcements{max-width:350px}#announcements .announcement:not(:first-child){margin-top:20px}#announcements .announcement .announcement-label-container{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;margin-bottom:3px;margin-top:-3px}#announcements .announcement .announcement-label-container .announcement-icon svg{display:block;height:15px;width:15px}#announcements .announcement .announcement-label-container .announcement-label{color:var(--light-text-color);font-size:12px;margin-left:5px}#announcements .announcement h2{margin:0 0 3px;position:relative}#announcements .announcement.unread h2:after{background-color:var(--blue-600);border-radius:4px;content:"";display:block;height:7px;position:absolute;top:7px;width:7px}body.ltr #announcements .announcement.unread h2:after{left:-13px}body.rtl #announcements .announcement.unread h2:after{right:-13px}#announcements .announcement p{margin:0}#user-info{-webkit-align-items:center;align-items:center;background-color:transparent;border-radius:0;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;height:100%;padding-bottom:5px;padding-top:5px}body.ltr #user-info{padding-right:25px}body.rtl #user-info{padding-left:25px}#user-info:after{border-color:var(--ui-control-color);-o-transition:border-color .1s linear;transition:border-color .1s linear}#user-info:hover:after{border-color:var(--ui-control-hover-color)}#user-info[aria-expanded=true]:after{border-color:var(--ui-control-active-color)}.header-photo{padding:5px 0}.header-photo img{border-radius:50%;box-shadow:0 0 0 1px rgba(31,41,51,.05),0 0 0 rgba(31,41,51,0);display:block;height:30px;max-width:none;-o-transition:box-shadow .15s linear;transition:box-shadow .15s linear;width:30px}#user-info:hover .header-photo img{box-shadow:0 0 0 1px rgba(31,41,51,.05),0 2px 10px -2px rgba(31,41,51,.3)}#main-container{-webkit-flex-grow:1;flex-grow:1;position:relative}#notifications{bottom:8px;position:fixed;width:calc(100% - 16px);z-index:101}body.ltr #notifications{left:8px}body.rtl #notifications{right:8px}@media only screen and (min-width:974px){#notifications{width:350px}}#notifications .notification{--color:var(--notice-color);background:#fff;border-radius:var(--large-border-radius);box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);box-shadow:0 0 0 1px rgba(19,26,32,.15),0 2px 12px rgba(19,26,32,.15);display:-webkit-flex;display:flex;padding:10px 14px;position:relative}#notifications .notification:focus{box-shadow:var(--focus-ring)}#notifications .notification[data-type=success]{--color:var(--success-color)}#notifications .notification[data-type=error]{--color:var(--error-color)}#notifications .notification+.notification{margin-top:12px}#notifications .notification .notification-icon{color:var(--color);font-size:18px;margin-top:-2px;width:18px}body.ltr #notifications .notification .notification-icon{margin-right:10px}body.rtl #notifications .notification .notification-icon{margin-left:10px}#notifications .notification .notification-body{display:-webkit-flex;display:flex;-webkit-flex:1;flex:1}#notifications .notification .notification-body .notification-message{font-weight:700}#notifications .notification .notification-body .notification-details{margin-top:var(--xs)}#notifications .notification .notification-body .notification-details .element{border:1px solid rgba(51,64,77,.1)}#notifications .notification .notification-close-btn{position:relative;top:-2px}body.ltr #notifications .notification .notification-close-btn{margin-left:10px}body.rtl #notifications .notification .notification-close-btn{margin-right:10px}#header-container{margin-bottom:var(--m)}#crumbs,#header{padding-left:var(--xl);padding-right:var(--xl)}@media only screen and (min-width:1200px){#primary-nav-toggle{display:none}}#global-header .flex,#header .flex{max-width:100%}#global-header .flex.flex-nowrap,#header .flex.flex-nowrap{min-width:0}#header{-webkit-align-content:stretch;align-content:stretch;-webkit-align-items:flex-start;align-items:flex-start;background-color:rgba(154,165,177,0);box-shadow:0 1px 0 rgba(51,64,77,0);box-sizing:border-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;gap:var(--s);-webkit-justify-content:space-between;justify-content:space-between;padding-bottom:var(--s);padding-top:var(--s);position:relative;-o-transition:background-color .1s linear,box-shadow .1s linear;transition:background-color .1s linear,box-shadow .1s linear;width:calc(100vw - 226px);z-index:2}body.fixed-header #header{background-color:var(--gray-100);box-shadow:inset 0 -1px 0 rgba(63,77,90,.1);position:fixed;top:0;z-index:12}@supports((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){#header{transition:background-color .1s linear,box-shadow .1s linear,-webkit-backdrop-filter .1s linear;-o-transition:background-color .1s linear,box-shadow .1s linear,backdrop-filter .1s linear;transition:background-color .1s linear,box-shadow .1s linear,backdrop-filter .1s linear;transition:background-color .1s linear,box-shadow .1s linear,backdrop-filter .1s linear,-webkit-backdrop-filter .1s linear}body.fixed-header #header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(228,237,246,.75)}}#header h1{line-height:34px;margin-bottom:0;min-width:0}#header .btngroup,#header .buttons,#header h1{margin-top:0}@media only screen and (min-width:974px){#page-title.has-toolbar{min-width:calc(226px - var(--xl) - var(--s))!important}}#toolbar{-webkit-align-items:flex-start;align-items:flex-start;-webkit-flex:1;flex:1}#toolbar .icon:before,#toolbar .menubtn:after,#toolbar .texticon:before,#toolbar [data-icon-after]:after,#toolbar [data-icon]:before{color:currentColor;opacity:.8}#toolbar .btn[aria-pressed=true]{background-color:var(--gray-500);color:var(--white)}#toolbar .text{border-radius:var(--large-border-radius)}#toolbar .text::-webkit-input-placeholder{color:var(--light-text-color)}#toolbar .text::placeholder{color:var(--light-text-color)}#toolbar .text:not(:focus){background-clip:border-box}#main-content{-webkit-align-items:flex-start;align-items:flex-start;box-sizing:border-box;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;padding:0 var(--xl) 48px;width:calc(100vw - 226px)}#main-content>.grid:only-child{-webkit-flex:1;flex:1}#sidebar-toggle-container{display:none}#sidebar-container{box-sizing:border-box;-webkit-flex:0 0 226px;flex:0 0 226px;width:226px}@media only screen and (min-width:1200px){body.ltr #sidebar-container{margin-left:calc(var(--xl)*-1)}body.rtl #sidebar-container{margin-right:calc(var(--xl)*-1)}}#sidebar{background-color:transparent;box-sizing:border-box;padding:0 31px;width:226px}#sidebar.fixed{overflow-y:auto;padding-bottom:var(--m);padding-top:var(--m);position:fixed}#sidebar nav{margin-left:-31px;margin-right:-31px}#sidebar nav li a{position:relative}#sidebar nav li a:focus{z-index:1}#sidebar nav li a:not(.sel):hover{background-color:var(--gray-200)}#content-container{-webkit-flex:1;flex:1}#main-content:not(.has-sidebar):not(.has-details) #content-container{max-width:100%;width:100%}#main-content.has-sidebar #content-container{max-width:calc(100% - 202px);width:calc(100% - 202px)}#main-content.has-details #content-container{max-width:calc(100% - 350px - var(--m));width:calc(100% - 350px - var(--m))}#content-container #main-content.has-sidebar.has-details{max-width:calc(100% - 614px);width:calc(100% - 614px)}#content-heading{margin-top:var(--xl)!important}@media only screen and (min-width:974px){#content-heading{clip:rect(0,0,0,0);border:0;height:1px;margin:0;overflow:hidden;padding:0;position:absolute;width:1px}}.content-pane{word-wrap:break-word;background:#fff;background-clip:padding-box;border-radius:var(--large-border-radius);box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);padding:var(--xl);position:relative}.content-pane:focus{box-shadow:var(--focus-ring)}.content-pane>hr{margin-left:calc(var(--xl)*-1);margin-right:calc(var(--xl)*-1)}#footer{background-color:var(--gray-050);border-radius:0 0 var(--large-border-radius) var(--large-border-radius);box-sizing:border-box;margin:25px calc(var(--xl)*-1) calc(var(--xl)*-1);min-height:50px;padding:var(--s) var(--xl);z-index:1}#footer:empty{display:none}#footer .flex>*,#footer>*{margin-bottom:0}#details-container{box-sizing:border-box;-webkit-flex:0 0 388px;flex:0 0 388px;width:388px}body.ltr #details-container{margin-right:calc(var(--xl)*-1)}body.rtl #details-container{margin-left:calc(var(--xl)*-1)}#details{box-sizing:border-box;width:388px}body.ltr #details{padding-right:var(--xl)}body.rtl #details{padding-left:var(--xl)}body.ltr #details{padding-left:var(--m)}body.rtl #details{padding-right:var(--m)}#details.fixed{overflow-y:auto;padding-top:var(--m);position:fixed}#details .details .meta{border-radius:var(--large-border-radius)}#details .details .meta:not(.read-only):not(.warning){background:#fff;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5)}#details .details .meta:not(.read-only):not(.warning):focus{box-shadow:var(--focus-ring)}#details .details .meta.read-only{background-color:transparent!important;color:var(--medium-text-color)}#details .details .meta>.data:first-child,#details .details .meta>.field:first-child{border-top-right-radius:var(--large-border-radius)}#details .details .meta>.data:first-child,#details .details .meta>.data:first-child>.status-badge,#details .details .meta>.field:first-child,#details .details .meta>.field:first-child>.status-badge{border-top-left-radius:var(--large-border-radius)}#details .details .meta>.data:last-child,#details .details .meta>.field:last-child{border-bottom-right-radius:var(--large-border-radius)}#details .details .meta>.data:last-child,#details .details .meta>.data:last-child>.status-badge,#details .details .meta>.field:last-child,#details .details .meta>.field:last-child>.status-badge{border-bottom-left-radius:var(--large-border-radius)}#details .details>.field>.input>.text.fullwidth{background:#fff;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5)}#details .details>.field>.input>.text.fullwidth:focus{box-shadow:var(--focus-ring)}#details .details .notes{border-radius:5px;padding-bottom:15px;padding-top:15px}@media only screen and (max-width:1199px){#global-container{width:calc(100vw + 226px)}body.ltr #global-container{left:-226px}body.rtl #global-container{right:-226px}body.ltr.showing-nav #global-container{left:0}body.rtl.showing-nav #global-container{right:0}#crumbs{display:-webkit-flex!important;display:flex!important}#header,#main-content{width:100vw}}@media only screen and (max-width:973px){#header{display:block}#header .flex:not(#toolbar){margin-top:10px}#toolbar{-webkit-flex-wrap:wrap!important;flex-wrap:wrap!important}#toolbar>*{margin-top:10px!important}body.fixed-header #header .flex:first-child{margin-top:0}#main-content{display:block}#sidebar-toggle-container{display:block;margin-bottom:var(--m)}#sidebar-toggle:after{top:0;-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}body.rtl #sidebar-toggle:after{-webkit-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}body.showing-sidebar #sidebar-toggle{background-color:#acbed2!important}body.showing-sidebar #sidebar-toggle:after{-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}#content-container{min-height:0!important}#details-container,#sidebar-container{width:auto!important}#details,#sidebar{max-height:none!important;overflow-y:visible!important;position:static!important;width:auto}#sidebar{margin-bottom:var(--m)}body:not(.showing-sidebar) #sidebar{display:none}body.ltr #details-container{margin-right:0}body.rtl #details-container{margin-left:0}#content-container{max-width:none!important;width:auto!important}#details{margin-top:var(--m);padding:0!important}}@media only screen and (max-width:767px){#crumbs,#header,#main-content{padding-left:10px!important;padding-right:10px!important}#tabs ul li a{padding-left:var(--m);padding-right:var(--m)}body.ltr #tabs ul li+li{margin-left:-7px}body.rtl #tabs ul li+li{margin-right:-7px}}body.ltr #settingsmenu ul li a{padding-left:46px}body.rtl #settingsmenu ul li a{padding-right:46px}#settingsmenu ul li a:before{font-size:15px}body.ltr #settingsmenu ul li a:before{margin:1px 0 0 -22px}body.rtl #settingsmenu ul li a:before{margin:1px -22px 0 0}#settingsmenu ul li a img{height:16px;margin-left:-23px;margin-top:1px;position:absolute;width:16px}.grid{min-height:1px;position:relative}.grid:after{clear:both;content:"";display:block;height:0;visibility:hidden}.grid>.item{display:none}.grid>.item,.sidebar{box-sizing:border-box}.sidebar{font-size:13px;width:226px}.sidebar:not(.drag-helper){background-color:var(--gray-050);padding:var(--m) 0}.sidebar .heading{margin:var(--m) var(--xl) 2px;position:relative}.sidebar .heading span{color:var(--medium-text-color);display:inline-block;font-size:11px;font-weight:700;margin:0 -5px;padding:0 5px;position:relative;text-transform:uppercase;z-index:1}.sidebar nav{padding:0 var(--s)}body.ltr .sidebar nav>ul>li>a{padding-left:24px}body.rtl .sidebar nav>ul>li>a{padding-right:24px}body.ltr .sidebar nav>ul>li>.toggle{left:calc(var(--m)*0)}body.rtl .sidebar nav>ul>li>.toggle{right:calc(var(--m)*0)}body.ltr .sidebar nav>ul>li>ul>li>a{padding-left:38px}body.rtl .sidebar nav>ul>li>ul>li>a{padding-right:38px}body.ltr .sidebar nav>ul>li>ul>li>.toggle{left:calc(var(--m)*1)}body.rtl .sidebar nav>ul>li>ul>li>.toggle{right:calc(var(--m)*1)}body.ltr .sidebar nav>ul>li>ul>li>ul>li>a{padding-left:52px}body.rtl .sidebar nav>ul>li>ul>li>ul>li>a{padding-right:52px}body.ltr .sidebar nav>ul>li>ul>li>ul>li>.toggle{left:calc(var(--m)*2)}body.rtl .sidebar nav>ul>li>ul>li>ul>li>.toggle{right:calc(var(--m)*2)}body.ltr .sidebar nav>ul>li>ul>li>ul>li>ul>li>a{padding-left:66px}body.rtl .sidebar nav>ul>li>ul>li>ul>li>ul>li>a{padding-right:66px}body.ltr .sidebar nav>ul>li>ul>li>ul>li>ul>li>.toggle{left:calc(var(--m)*3)}body.rtl .sidebar nav>ul>li>ul>li>ul>li>ul>li>.toggle{right:calc(var(--m)*3)}body.ltr .sidebar nav>ul>li>ul>li>ul>li>ul>li>ul>li>a{padding-left:80px}body.rtl .sidebar nav>ul>li>ul>li>ul>li>ul>li>ul>li>a{padding-right:80px}body.ltr .sidebar nav>ul>li>ul>li>ul>li>ul>li>ul>li>.toggle{left:calc(var(--m)*4)}body.rtl .sidebar nav>ul>li>ul>li>ul>li>ul>li>ul>li>.toggle{right:calc(var(--m)*4)}.sidebar nav li{position:relative}.sidebar nav li:not(.has-subnav)>a:not(.sel):hover{background-color:var(--gray-100);text-decoration:none}.sidebar nav li:not(.has-subnav)>a.sel{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background-color:var(--gray-500);cursor:default;font-weight:500}.sidebar nav li:not(.has-subnav)>a.sel,.sidebar nav li:not(.has-subnav)>a.sel+.toggle{color:var(--white)}.sidebar nav li a{-webkit-align-items:center;align-items:center;border-radius:var(--large-border-radius);box-sizing:border-box;color:var(--text-color);display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;margin-bottom:1px;min-height:var(--xl);padding:7px var(--xl);position:relative;-webkit-user-select:none;user-select:none;word-break:break-word}.sidebar nav li a .icon,.sidebar nav li a .status{-webkit-flex-shrink:1;flex-shrink:1}.sidebar nav li a .icon{height:1.125rem;opacity:.85;-o-transition:margin-left .15s linear,margin-right .15s linear;transition:margin-left .15s linear,margin-right .15s linear;width:1.125rem;word-break:normal}body.ltr .sidebar nav li a .icon{margin-right:10px}body.rtl .sidebar nav li a .icon{margin-left:10px}.sidebar nav li a .icon.icon-mask svg circle,.sidebar nav li a .icon.icon-mask svg ellipse,.sidebar nav li a .icon.icon-mask svg line,.sidebar nav li a .icon.icon-mask svg path,.sidebar nav li a .icon.icon-mask svg polygon,.sidebar nav li a .icon.icon-mask svg polyline,.sidebar nav li a .icon.icon-mask svg rect,.sidebar nav li a .icon.icon-mask svg text{fill:currentColor;stroke-width:0}.sidebar nav li a .icon.icon-mask span[data-icon]{color:currentColor}.sidebar nav li a .icon svg{height:16px;width:16px}.sidebar nav li a .icon span[data-icon]{font-size:16px}.sidebar nav li a .icon span[data-icon]:before{display:block}.sidebar nav li a .label{-webkit-flex:1;flex:1}.sidebar nav li a .badge{background-color:var(--medium-text-color);border-radius:var(--s);color:var(--white);-webkit-flex-shrink:1;flex-shrink:1;font-size:11px;line-height:16px;padding:0 6px}body.ltr .sidebar nav li a .badge{margin:0 -4px 0 10px}body.rtl .sidebar nav li a .badge{margin:0 10px 0 -4px}.sidebar nav li .toggle{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;height:34px;-webkit-justify-content:center;justify-content:center;position:absolute;top:0;width:var(--xl);z-index:1}.sidebar nav li ul{display:none}.sidebar nav li.expanded>ul{display:block}body.ltr .content.has-sidebar:not(.hiding-sidebar){margin-left:226px}body.rtl .content.has-sidebar:not(.hiding-sidebar){margin-right:226px}#content-notice{margin:0 calc(var(--xl)*-1);padding:0 var(--xl)}#content-notice:not(:last-child){border-bottom:1px solid var(--hairline-color);margin-bottom:var(--s);padding-bottom:var(--s)}#content :not(.meta)>.flex-fields,#content>.flex-fields,.so-content .flex-fields{--row-gap:var(--xl);-webkit-align-content:flex-start;align-content:flex-start;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin:0 calc(var(--row-gap)*-1) calc(var(--row-gap)*-1);width:calc(100% + var(--row-gap)*2)}#content :not(.meta)>.flex-fields>*,#content>.flex-fields>*,.so-content .flex-fields>*{box-sizing:border-box;margin:0 0 var(--row-gap)!important;padding:0 var(--row-gap)}#content :not(.meta)>.flex-fields>h2,#content>.flex-fields>h2,.so-content .flex-fields>h2{-webkit-flex:4 0 100%;flex:4 0 100%}#content :not(.meta)>.flex-fields>h2:not(:first-child),#content>.flex-fields>h2:not(:first-child),.so-content .flex-fields>h2:not(:first-child){border-top:1px solid var(--hairline-color);padding-top:var(--xl)}#content :not(.meta)>.flex-fields>.line-break,#content :not(.meta)>.flex-fields>hr,#content>.flex-fields>.line-break,#content>.flex-fields>hr,.so-content .flex-fields>.line-break,.so-content .flex-fields>hr{-webkit-flex:4 0 100%;flex:4 0 100%}#content :not(.meta)>.flex-fields>.line-break:not(:first-child),#content>.flex-fields>.line-break:not(:first-child),.so-content .flex-fields>.line-break:not(:first-child){margin-bottom:0!important}#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break),#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child,#content>.flex-fields>:not(h2):not(hr):not(.line-break),#content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child,.so-content .flex-fields>:not(h2):not(hr):not(.line-break),.so-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child{position:relative;width:100%}#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):before,#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child:before,#content>.flex-fields>:not(h2):not(hr):not(.line-break):before,#content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child:before,.so-content .flex-fields>:not(h2):not(hr):not(.line-break):before,.so-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child:before{background-color:rgba(205,216,228,.5);content:"";height:100%;position:absolute;top:0;width:1px}body.ltr #content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):before,body.ltr #content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child:before,body.ltr #content>.flex-fields>:not(h2):not(hr):not(.line-break):before,body.ltr #content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child:before,body.ltr .so-content .flex-fields>:not(h2):not(hr):not(.line-break):before,body.ltr .so-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child:before{left:-1px}body.rtl #content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):before,body.rtl #content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child:before,body.rtl #content>.flex-fields>:not(h2):not(hr):not(.line-break):before,body.rtl #content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child:before,body.rtl .so-content .flex-fields>:not(h2):not(hr):not(.line-break):before,body.rtl .so-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child:before{right:-1px}@media only screen and (min-width:1536px){#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break).width-25,#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25,#content>.flex-fields>:not(h2):not(hr):not(.line-break).width-25,#content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25{width:25%}#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break).width-50,#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50,#content>.flex-fields>:not(h2):not(hr):not(.line-break).width-50,#content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50{width:50%}#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break).width-75,#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-75,#content>.flex-fields>:not(h2):not(hr):not(.line-break).width-75,#content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-75{width:75%}}@media only screen and (min-width:600px)and (max-width:1535px){#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break).width-25,#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break).width-50,#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25,#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50,#content>.flex-fields>:not(h2):not(hr):not(.line-break).width-25,#content>.flex-fields>:not(h2):not(hr):not(.line-break).width-50,#content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25,#content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50{width:50%}}@media only screen and (min-width:1200px){.so-content .flex-fields>:not(h2):not(hr):not(.line-break).width-25,.so-content .flex-fields>:not(h2):not(hr):not(.line-break).width-50,.so-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25,.so-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50{width:50%}}.lp-editor-container,.lp-preview-container{background-color:var(--white);height:100%;position:fixed;top:0;z-index:100}.lp-editor-container header,.lp-preview-container header{background-color:var(--gray-100);box-shadow:0 1px 0 rgba(63,77,90,.2);box-sizing:border-box;padding:8px 24px;position:relative;z-index:1}@supports((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.lp-editor-container header,.lp-preview-container header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(228,237,246,.75);left:0;position:absolute;top:0;width:100%;z-index:2}.lp-editor-container header+.lp-editor,.lp-preview-container header+.lp-editor{padding-top:78px}}.lp-editor-container header .btn,.lp-editor-container header .checkmark-icon,.lp-editor-container header .spinner,.lp-preview-container header .btn,.lp-preview-container header .checkmark-icon,.lp-preview-container header .spinner{margin-bottom:0}.lp-editor-container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.lp-editor-container .lp-editor{box-sizing:border-box;-webkit-flex:1;flex:1;overflow:auto;padding:24px}.lp-editor-container .lp-editor>.field:last-child{margin-bottom:24px!important}body.ltr .lp-editor-container .lp-editor>.field>.status-badge{left:-24px}body.rtl .lp-editor-container .lp-editor>.field>.status-badge{right:-24px}.lp-editor-container .lp-draghandle{cursor:col-resize;height:100%;position:absolute;top:0;width:4px;z-index:6}body.ltr .lp-editor-container .lp-draghandle{right:-2px}body.rtl .lp-editor-container .lp-draghandle{left:-2px}.lp-preview-container{box-shadow:-1px 0 0 rgba(63,77,90,.2);display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.lp-preview-container.dragging:after{content:"";font-size:0;height:100%;left:0;position:absolute;top:0;width:100%}.lp-preview-container .lp-preview-header{display:-webkit-flex;display:flex}@supports not ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.lp-preview-container .lp-preview-header{background-color:rgba(228,237,246,.75)}}.lp-preview-container .lp-preview-header .buttons{margin:0}body.ltr .lp-preview-container .lp-preview-header .buttons .btn+.btn{margin-left:7px}body.rtl .lp-preview-container .lp-preview-header .buttons .btn+.btn{margin-right:7px}.lp-preview-container .lp-preview-header+.lp-iframe-container{padding-top:0}@supports((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.lp-preview-container .lp-preview-header+.lp-iframe-container{padding-top:50px}}.lp-preview-container .lp-preview-header .lp-device-type{margin:0}.lp-preview-container .lp-device-type__label:before{background-position:50%;background-repeat:no-repeat;-o-background-size:contain;background-size:contain;content:"";display:block;height:22px;-o-transition-duration:.3s;transition-duration:.3s;width:27px}.lp-preview-container .lp-device-type__label.lp-device-type__label--phone:before{background-image:url(../images/preview/icon-phone.svg)}.lp-preview-container .lp-device-type__label.lp-device-type__label--tablet:before{background-image:url(../images/preview/icon-tablet.svg)}.lp-preview-container .lp-device-type__label.lp-device-type__label--desktop:before{background-image:url(../images/preview/icon-desktop.svg)}.lp-preview-container .lp-device-type__radio-group{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;white-space:nowrap}body.ltr .lp-preview-container .lp-device-type__item:not(:last-child) .btn{border-bottom-right-radius:0;border-top-right-radius:0;margin-right:1px}body.rtl .lp-preview-container .lp-device-type__item:not(:last-child) .btn{border-bottom-left-radius:0;border-top-left-radius:0;margin-left:1px}.lp-preview-container .lp-preview-container__bumper-link{bottom:0;top:unset}body.ltr .lp-preview-container .lp-device-type__item:not(:first-child) .btn{border-bottom-left-radius:0;border-top-left-radius:0}body.rtl .lp-preview-container .lp-device-type__item:not(:first-child) .btn{border-bottom-right-radius:0;border-top-right-radius:0}.lp-preview-container .lp-device-type__input.focus-visible+label{box-shadow:var(--focus-ring)}.lp-preview-container .lp-device-mask{display:none}.lp-preview-container .lp-iframe-container{-webkit-flex:1;flex:1;overflow:auto}.lp-preview-container .lp-iframe-container .lp-preview{display:block;min-height:100%;width:100%}.lp-preview-container .lp-iframe-container:not(.lp-iframe-container--has-device-preview) .lp-device-preview-container{height:100%!important;margin:0!important;-webkit-transform:none!important;-o-transform:none!important;transform:none!important;width:auto!important}.lp-preview-container .lp-iframe-container--has-device-preview{background-color:var(--gray-100);-webkit-flex:none;flex:none;height:calc(100% - 50px);padding-top:0!important;position:relative;top:0;width:100%}@supports((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.lp-preview-container .lp-iframe-container--has-device-preview{top:50px}}.lp-preview-container .lp-iframe-container--has-device-preview .lp-device-preview-container{left:50%;opacity:1;overflow:auto;position:absolute;top:50%;-o-transition:opacity .3s;transition:opacity .3s;z-index:2}.lp-preview-container .lp-iframe-container--has-device-preview .lp-device-mask{background-color:#fff;background-image:url(../images/preview/chrome-phone-top.svg),url(../images/preview/chrome-phone-bottom.svg);background-position:top,bottom;background-repeat:no-repeat;-o-background-size:contain;background-size:contain;border-radius:18px;box-shadow:0 0 58px rgba(6,67,117,.3);display:block;left:50%;position:absolute;top:50%;z-index:1}.lp-preview-container .lp-iframe-container--has-device-preview.lp-iframe-container--tablet .lp-device-mask{background-image:url(../images/preview/chrome-tablet-top.svg),url(../images/preview/chrome-tablet-bottom.svg)}@media screen and (prefers-reduced-motion:no-preference){.lp-preview-container .lp-iframe-container--rotating .lp-device-mask{-o-transition-duration:.3s;transition-duration:.3s;transition-property:-webkit-transform;-o-transition-property:-o-transform;transition-property:transform;transition-property:transform,-webkit-transform,-o-transform}.lp-preview-container .lp-iframe-container--rotating .lp-device-preview-container{opacity:0;-o-transition:opacity 0s;transition:opacity 0s}}.layoutdesigner{-webkit-align-items:stretch;align-items:stretch;background-clip:padding-box;background-color:#fbfcfe;border:1px solid rgba(96,125,159,.25);border-radius:3px;box-shadow:none;display:-webkit-flex;display:flex;min-height:500px;overflow:hidden;position:relative}body.ltr .layoutdesigner{padding-right:241px}body.rtl .layoutdesigner{padding-left:241px}.errors>.layoutdesigner{border:1px solid var(--error-color)!important}.layoutdesigner .fld-workspace{background-color:var(--gray-050);background-image:-o-linear-gradient(left,#ecf2f9 1px,transparent 0),-o-linear-gradient(top,#ecf2f9 1px,transparent 1px);background-image:linear-gradient(90deg,#ecf2f9 1px,transparent 0),linear-gradient(180deg,#ecf2f9 1px,transparent 0);background-position:-1px -1px;-o-background-size:24px 24px;background-size:24px 24px;box-shadow:inset 0 1px 3px -1px #acbed2;-webkit-flex:1;flex:1}body.ltr .layoutdesigner .fld-workspace{border-radius:var(--small-border-radius) 0 0 var(--small-border-radius)}body.rtl .layoutdesigner .fld-workspace{border-radius:0 var(--small-border-radius) var(--small-border-radius) 0}body.ltr .layoutdesigner .fld-workspace{padding:24px 0 24px 24px}body.rtl .layoutdesigner .fld-workspace{padding:24px 24px 24px 0}.layoutdesigner .fld-workspace .fld-tabs{-webkit-align-items:flex-start;align-items:flex-start;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.layoutdesigner .fld-sidebar{box-sizing:border-box;height:100%;overflow:auto;padding:14px;position:absolute;top:0;width:241px}body.ltr .layoutdesigner .fld-sidebar{right:0}body.rtl .layoutdesigner .fld-sidebar{left:0}.layoutdesigner .fld-sidebar .btngroup{margin-bottom:14px}.layoutdesigner .fld-sidebar .fld-field-library .fld-field-group{margin-top:14px}.layoutdesigner .fld-sidebar .fld-field-library .fld-field-group h6{margin-bottom:7px}.layoutdesigner .fld-sidebar .filtered{display:none}.layoutdesigner .fld-new-tab-btn:active{background-color:var(--gray-050)}.fld-new-tab-btn,.fld-new-tab-btn:hover,.fld-sidebar,.fld-tab .fld-tabcontent,.fld-tab .tabs .tab{background-color:var(--white);box-shadow:0 0 0 1px rgba(31,41,51,.1),0 2px 5px -2px rgba(31,41,51,.2)}body.ltr .fld-element .settings,body.ltr .fld-element .slide-picker,body.ltr .fld-tab .settings{margin-left:7px}body.rtl .fld-element .settings,body.rtl .fld-element .slide-picker,body.rtl .fld-tab .settings{margin-right:7px}.fld-element .settings:before,.fld-tab .settings:before{font-size:16px;margin-top:-2px;opacity:.5}.fld-element .settings.active:before,.fld-element .settings:hover:before,.fld-tab .settings.active:before,.fld-tab .settings:hover:before{opacity:1}.fld-tab{box-sizing:border-box;width:264px}body.ltr .fld-tab{padding:0 25px 24px 0}body.rtl .fld-tab{padding:0 0 24px 25px}.fld-tab .tabs{display:-webkit-flex;display:flex;margin:-10px -12px 0;overflow:hidden;padding:10px 12px 0}.fld-tab .tabs .tab{border-radius:var(--medium-border-radius) var(--medium-border-radius) 0 0;box-sizing:border-box;display:-webkit-flex;display:flex;max-width:calc(100% - 10px);padding:8px 14px}body:not(.dragging) .fld-tab .tabs .tab.draggable{cursor:move;cursor:-webkit-grab;cursor:grab}.fld-tab .tabs .tab span{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.fld-tab .fld-tabcontent{padding:14px}body.ltr .fld-tab .fld-tabcontent{border-radius:0 var(--medium-border-radius) var(--medium-border-radius) var(--medium-border-radius)}body.rtl .fld-tab .fld-tabcontent{border-radius:var(--medium-border-radius) 0 var(--medium-border-radius) var(--medium-border-radius)}.fld-tab.fld-insertion .fld-tabcontent,.fld-tab.fld-insertion .tabs .tab{background-color:var(--gray-050);background-image:-o-linear-gradient(left,#ecf2f9 1px,transparent 0),-o-linear-gradient(top,#ecf2f9 1px,transparent 1px);background-image:linear-gradient(90deg,#ecf2f9 1px,transparent 0),linear-gradient(180deg,#ecf2f9 1px,transparent 0);-o-background-size:24px 24px;background-size:24px 24px;border:2px dashed var(--hairline-color);box-shadow:none;margin:-2px}.fld-tab.fld-insertion .tabs .tab{background-position:-1px -1px}.fld-tab.fld-insertion .fld-tabcontent{background-position:-1px -13px}.fld-tab-caboose{min-height:24px}.fld-required-indicator{color:var(--link-color);display:-webkit-inline-flex;display:inline-flex;font-size:9px}body.ltr .fld-required-indicator{margin-left:4px}body.rtl .fld-required-indicator{margin-right:4px}.fld-element{-webkit-align-items:center;align-items:center;background-color:var(--white);border-radius:var(--medium-border-radius);box-shadow:inset 0 0 0 1px var(--hairline-color);display:-webkit-flex;display:flex;padding:7px 10px;position:relative;z-index:0}.fld-element.has-conditions:after{background-clip:content-box,border-box;background-image:-o-linear-gradient(var(--white),var(--white)),-o-repeating-linear-gradient(135deg,var(--white),var(--white) 5px,transparent 5px,transparent 10px);background-image:linear-gradient(var(--white),var(--white)),repeating-linear-gradient(-45deg,var(--white),var(--white) 5px,transparent 5px,transparent 10px);-o-background-origin:border-box;background-origin:border-box;border:2px solid transparent;border-radius:var(--medium-border-radius);bottom:2px;content:" ";left:2px;position:absolute;right:2px;top:2px;z-index:-1}body:not(.dragging) .fld-element{cursor:move;cursor:-webkit-grab;cursor:grab}.fld-element+.fld-element{margin-top:7px}.fld-element.fld-insertion{background:none;border:2px dashed var(--hairline-color);border-radius:var(--medium-border-radius);box-shadow:none;box-sizing:border-box}.fld-element.draghelper{box-shadow:0 1px 5px -1px rgba(31,41,51,.2)}.fld-element.fld-field{background-color:var(--gray-100);color:var(--medium-text-color)}.fld-element.fld-field.has-conditions:after{background-clip:content-box,border-box;background-image:-o-linear-gradient(var(--gray-100),var(--gray-100)),-o-repeating-linear-gradient(135deg,var(--white),var(--white) 5px,transparent 5px,transparent 10px);background-image:linear-gradient(var(--gray-100),var(--gray-100)),repeating-linear-gradient(-45deg,var(--white),var(--white) 5px,transparent 5px,transparent 10px);-o-background-origin:border-box;background-origin:border-box;border:2px solid transparent;border-radius:var(--medium-border-radius);bottom:2px;content:" ";left:2px;position:absolute;right:2px;top:2px;z-index:-1}.fld-element.fld-field:not(.draghelper){box-shadow:none}.fld-element.fld-field .fld-field-hidden:not(.hidden){margin-top:-3px}body.ltr .fld-element.fld-field .fld-field-hidden:not(.hidden){margin-right:5px}body.rtl .fld-element.fld-field .fld-field-hidden:not(.hidden){margin-left:5px}.fld-element.fld-field .fld-field-hidden:not(.hidden):before{speak:none;-webkit-font-feature-settings:"liga","dlig";-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:normal!important;content:"shuteye";direction:ltr;display:inline-block;font-family:Craft;font-style:normal;font-variant:normal;font-weight:400;line-height:1;opacity:var(--icon-opacity);text-align:center;text-transform:none;-webkit-user-select:none;user-select:none;vertical-align:middle}.fld-element.fld-field .field-name .fld-element-label{margin-bottom:2px}.fld-element .fld-element-icon{text-align:center}body.ltr .fld-element .fld-element-icon{margin-right:5px}body.rtl .fld-element .fld-element-icon{margin-left:5px}.fld-element .fld-element-icon,.fld-element .fld-element-icon svg{height:16px;width:16px}.fld-element .fld-element-icon svg circle,.fld-element .fld-element-icon svg ellipse,.fld-element .fld-element-icon svg line,.fld-element .fld-element-icon svg path,.fld-element .fld-element-icon svg polygon,.fld-element .fld-element-icon svg polyline,.fld-element .fld-element-icon svg rect,.fld-element .fld-element-icon svg text{fill:var(--ui-control-color);stroke-width:0}.fld-element .field-name{-webkit-flex:1;flex:1;overflow:hidden}.fld-element .field-name .fld-attribute,.fld-element .field-name .fld-element-label{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-flex:1;flex:1}.fld-element .field-name .fld-attribute .smalltext,.fld-element .field-name .fld-element-label h4{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.fld-element .field-name .fld-element-label h4{color:var(--text-color);font-weight:400;margin:0}body.dragging{cursor:move!important;cursor:-webkit-grabbing!important;cursor:grabbing!important}.fld-br,.fld-hr{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;padding:9px 10px}.fld-br:before,.fld-hr:before{border-radius:2px;content:"";display:block;font-size:0;height:4px;left:10px;position:absolute;top:calc(50% - 2px);width:calc(100% - 20px)}.fld-br .smalltext,.fld-hr .smalltext{background-color:var(--gray-100);border-radius:8px;padding:1px 7px;position:relative}.fld-hr:before{background-color:var(--gray-100)}.fld-br:before{background-image:-o-repeating-linear-gradient(left,var(--gray-100),var(--gray-100) 5.2631578947%,transparent 5.2631578947%,transparent 10.5263157895%,var(--gray-100) 10.5263157895%);background-image:repeating-linear-gradient(to right,var(--gray-100),var(--gray-100) 5.2631578947%,transparent 5.2631578947%,transparent 10.5263157895%,var(--gray-100) 10.5263157895%)}.fld-element-settings-body{-webkit-flex:1;flex:1;margin:-24px var(--neg-padding) 0;overflow:hidden auto;padding:24px var(--padding);position:relative}.fld-element-settings-footer{background:#fff;background-color:var(--gray-050);box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;margin:0 var(--neg-padding) -24px;padding:var(--padding);position:relative;z-index:3}.fld-element-settings-footer:focus{box-shadow:var(--focus-ring)}.fld-element-settings-footer>.ee-site-select{-webkit-flex:1;flex:1}body.ltr .fld-element-settings-footer>.btn{margin-left:5px}body.rtl .fld-element-settings-footer>.btn{margin-right:5px}body.ltr .fld-element-settings-footer>.spinner{margin:0 var(--neg-padding) 0 0}body.rtl .fld-element-settings-footer>.spinner{margin:0 0 0 var(--neg-padding)}html.noscroll,html.noscroll body{height:100%;overflow:hidden}.modal.imageeditor{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;--focus-ring:0 0 0 1px hsl(var(--light-focus-hsl)),0 0 0 3px hsla(var(--light-focus-hsl),0.7);background-color:var(--gray-900);color:var(--white);font-weight:500;opacity:0;-webkit-user-select:none;user-select:none}.modal.imageeditor.modal{border-radius:0}.modal.imageeditor.modal .body:after{display:none}.modal.imageeditor .btn:not(.submit):not(.noborder){background-color:var(--gray-600);color:var(--white)}.modal.imageeditor .btn:not(.submit):not(.noborder):hover{background-color:var(--gray-700)}.modal.imageeditor .btn:not(.submit):not(.noborder).active{background-color:var(--gray-800)}.modal.imageeditor .icon:before{content:"";display:inline-block;height:24px;margin-left:-3px;margin-top:-4px;width:24px}.modal.imageeditor .icon.rotate-left:before{background-image:url(../images/image-editor/rotate-left.svg)}.modal.imageeditor .icon.rotate-right:before{background-image:url(../images/image-editor/rotate-right.svg)}.modal.imageeditor .icon.flip-vertical:before{background-image:url(../images/image-editor/flip-vertical.svg)}.modal.imageeditor .icon.flip-horizontal:before{background-image:url(../images/image-editor/flip-horizontal.svg)}.modal.imageeditor .icon.constraint:before{background-image:url(../images/image-editor/unconstrained.svg)}.modal.imageeditor .icon.focal-point:before{background-image:url(../images/image-editor/focal-point.svg)}.modal.imageeditor .body{display:-webkit-flex;display:flex;padding:0}.modal.imageeditor input{color:var(--text-color)}.modal.imageeditor .body .tabs{border-right:1px solid var(--gray-1000)}.modal.imageeditor .body .tabs ul{-webkit-align-items:stretch;align-items:stretch;-webkit-flex-direction:column;flex-direction:column;width:100px}.modal.imageeditor .body .tabs ul li{border-bottom:1px solid var(--gray-1000);cursor:pointer;padding:14px;position:relative;text-align:center}.modal.imageeditor .body .tabs ul li:before{background-color:currentColor;content:"";height:100%;position:absolute;top:0;width:0}body.ltr .modal.imageeditor .body .tabs ul li:before{left:0}body.rtl .modal.imageeditor .body .tabs ul li:before{right:0}.modal.imageeditor .body .tabs ul li.selected{background-color:#151c23}.modal.imageeditor .body .tabs ul li.selected:before{width:2px}.modal.imageeditor .body .tabs ul li i{background-position:top;background-repeat:no-repeat;display:block;height:24px}.modal.imageeditor .body .tabs ul li[data-view=rotate] i{background-image:url(../images/image-editor/rotate-left.svg)}.modal.imageeditor .body .tabs ul li[data-view=crop] i{background-image:url(../images/image-editor/crop.svg)}.modal.imageeditor .body .tabs ul li[data-view=filters] i{background-image:url(../images/image-editor/filters.svg)}.modal.imageeditor .body .tabs ul li:hover{background-color:#1b242c;cursor:pointer}.modal.imageeditor .body .views{overflow:auto;padding:24px}.modal.imageeditor .body .views .btngroup{margin-bottom:24px}.modal.imageeditor .body .views .filters ul{width:100px}.modal.imageeditor .body .views .filters ul li{margin-bottom:14px;margin-right:14px;text-align:center}.modal.imageeditor .body .views .filters ul li:last-child{margin-right:0}.modal.imageeditor .body .views .filters ul li img{border:3px solid transparent;border-radius:4px}.modal.imageeditor .body .views .filters ul li span{display:block}.modal.imageeditor .body .views .filters ul li:hover{cursor:pointer}.modal.imageeditor .body .views .filters ul li.selected img{border-color:var(--white)}.modal.imageeditor .body .image-container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-flex-grow:1;flex-grow:1;overflow:hidden;position:relative}.modal.imageeditor .body .image-container .image{-webkit-flex-grow:1;flex-grow:1;margin:14px;position:relative;text-align:center}.modal.imageeditor .body .image-container .image canvas{left:0;position:absolute;top:0}.modal.imageeditor .body .image-container .image-tools{text-align:center}.modal.imageeditor .body .image-container .image-tools .straightening{display:block;margin:0 auto;max-width:400px;min-height:3.75rem;overflow:hidden}.modal.imageeditor .footer{background-color:transparent;border-top:1px solid #000;bottom:0;left:0;position:absolute;width:100%}.modal.imageeditor .body .views .crop fieldset .heading{display:none}.modal.imageeditor .body .views .crop .custom-constraint-spacer{padding:0 var(--xs)}.modal.imageeditor .body .views .crop .constraint-group{grid-gap:var(--xs);display:grid}body.ltr .modal.imageeditor .body .views .crop .custom{padding-left:21px}body.rtl .modal.imageeditor .body .views .crop .custom{padding-right:21px}.modal.imageeditor .body .views .crop .orientation{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.modal.imageeditor .body .views .crop .orientation input{-webkit-appearance:none;appearance:none;background-position:50%;background-repeat:no-repeat;cursor:pointer;margin:0 4px}.modal.imageeditor .body .views .crop .orientation input[value=landscape]{background-image:url(../images/image-editor/orientation-landscape-unchecked.svg);height:20px;width:30px}.modal.imageeditor .body .views .crop .orientation input[value=landscape]:checked{background-image:url(../images/image-editor/orientation-landscape-checked.svg)}.modal.imageeditor .body .views .crop .orientation input[value=portrait]{background-image:url(../images/image-editor/orientation-portrait-unchecked.svg);height:30px;width:20px}.modal.imageeditor .body .views .crop .orientation input[value=portrait]:checked{background-image:url(../images/image-editor/orientation-portrait-checked.svg)}.modal.imageeditor.vertical .body .views .crop>.btngroup:first-child{-webkit-justify-content:center;justify-content:center}.modal.imageeditor:not(.vertical) .body .views .crop .constraint.custom{margin-top:var(--xs)}.vertical.imageeditor .body{-webkit-flex-direction:column;flex-direction:column}.vertical.imageeditor .body .image-container{-webkit-flex-basis:30vh;flex-basis:30vh;-webkit-flex-shrink:0;flex-shrink:0}.vertical.imageeditor .body .constraint-group{grid-template-columns:1fr 1fr}.vertical.imageeditor .body .tabs ul{border-bottom:1px solid #000;border-top:1px solid #000;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;width:100%}.vertical.imageeditor .body .tabs ul li{border:0;border-right:1px solid #000;-webkit-flex-grow:1;flex-grow:1;padding:10px 7px}.vertical.imageeditor .body .tabs ul li:before{height:0;top:unset;top:0;width:100%}.vertical.imageeditor .body .tabs ul li.selected:before{height:2px;width:100%}.vertical.imageeditor .body .views{width:auto}.vertical.imageeditor .body .views .rotate{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;justify-content:center;margin-bottom:-14px}.vertical.imageeditor .body .views .rotate .btngroup{margin:0 7px 14px}.vertical.imageeditor .body .views .filters ul{height:109px;margin:0 -24px -24px;overflow:auto;padding:24px;text-align:center;white-space:nowrap;width:auto}.vertical.imageeditor .body .views .filters ul li{display:inline-block;margin-bottom:0}.slide-rule{padding:10px 0;position:relative}.slide-rule:focus{box-shadow:none}body.reduce-focus-visibility .slide-rule.focus-visible .cursor:after,body:not(.reduce-focus-visibility) .slide-rule:focus .cursor:after{box-shadow:var(--focus-ring)}.slide-rule .cursor:after{content:"";height:3.125rem;left:50%;position:absolute;top:-15px;-webkit-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);width:1.25rem}.slide-rule .cursor{border-left:.3125rem solid transparent;border-right:.3125rem solid transparent;border-top:.3125rem solid #63a6e1;height:0;left:50%;margin-left:-.25rem;margin-top:4px;position:absolute;width:0;z-index:1}.slide-rule .graduations{height:40px;position:relative;white-space:nowrap}.slide-rule .graduations ul{float:left;position:relative}.slide-rule .graduations ul li{display:inline-block;font-size:8px;position:relative;width:10px}.slide-rule .graduations ul li:not(.main-graduation){left:1px}.slide-rule .graduations ul li.main-graduation:before{border-left-width:3px}.slide-rule .graduations ul li.main-graduation .label{cursor:default;display:block}.slide-rule .graduations ul li.selected:before{border-left-color:#63a6e1}.slide-rule .graduations ul li:before{border-left:1px solid var(--white);content:"";height:10px;left:0;position:absolute;top:0}.slide-rule .graduations ul li .label{display:none;left:-9px;position:absolute;text-align:center;top:10px;width:20px}.slide-rule .value{background:var(--gray-600);bottom:0;box-sizing:border-box;display:none;left:50%;margin-left:-25px;padding:5px;position:absolute;width:50px;z-index:1}.slide-rule .overlay{background-image:-o-linear-gradient(left,var(--gray-900) 0,rgba(31,41,51,0) 15%,rgba(31,41,51,0) 85%,var(--gray-900) 100%);background-image:linear-gradient(to right,var(--gray-900) 0,rgba(31,41,51,0) 15%,rgba(31,41,51,0) 85%,var(--gray-900) 100%);bottom:1px;left:0;position:absolute;right:0;top:0;z-index:2}.menu.dark{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background-color:var(--gray-600);font-weight:500}.menu.dark ul li a{color:var(--white)!important}.menu.dark ul li a:not(.sel):not(.disabled):hover{background-color:var(--gray-700)}.elements .tableview td.checkbox-cell div.checkbox,.elements .tableview td.checkbox-cell input.checkbox+label,_:-ms-lang(x){top:16px}_:-ms-lang(x),div:empty.checkbox,input.checkbox+label:empty{display:block}.yii-debug-toolbar__title a{display:block!important}.cp-chart{height:100%;margin:0;position:relative}.cp-chart svg{height:100%;width:100%}.cp-chart .axis line,.cp-chart .axis path{fill:none;stroke:var(--hairline-color);shape-rendering:crispEdges}.cp-chart .ticks-axis line,.cp-chart .ticks-axis path{fill:none;stroke:none;shape-rendering:crispEdges}.cp-chart .ticks-axis g.tick text{fill:var(--black);font-size:11px}.cp-chart .axis text{fill:rgba(0,0,0,.6)}.cp-chart .grid-line .tick,.cp-chart .grid-line .tick line{stroke:rgba(0,0,0,.08);stroke-opacity:.7;shape-rendering:crispEdges}.cp-chart .grid-line path{stroke-width:0}.tooltip{background:hsla(0,0%,100%,.9);border-radius:3px;box-shadow:0 1px 5px -1px rgba(31,41,51,.2);padding:7px 10px;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;z-index:1000000}
/*# sourceMappingURL=cp.css.map*/
\ No newline at end of file
diff --git a/src/web/assets/cp/dist/css/cp.css.map b/src/web/assets/cp/dist/css/cp.css.map
index 0689b56a20e..6c36e9f27e2 100644
--- a/src/web/assets/cp/dist/css/cp.css.map
+++ b/src/web/assets/cp/dist/css/cp.css.map
@@ -1 +1 @@
-{"version":3,"file":"css/cp.css","mappings":"AAAA,MCGA,YACE,aACA,mBAEA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,oBACA,mBAEA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBAEA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBAEA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,kBAEA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,qBAEA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,mBAEA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,OCnFF,mBACE,8BACA,+BAIA,kCACA,sBAEA,6BAGA,yCACA,oCACA,mCACA,qBACA,uBAGA,sCAGA,wCACA,sDACA,mCAGA,4CACA,2CACA,oCAGA,qCACA,2BACA,mEAGA,oEAEA,kEAEA,kCAIA,iCACA,6BAGA,kCACA,gCACA,+BACA,gCAGA,kCACA,gCACA,0BAGA,2BACA,0BACA,iDAEA,qBACA,kBACA,YChCF,iBACE,4KACA,kCAIA,yCAQA,0CACA,qFAEA,kEACA,0DAEA,4FAEA,8GAEA,oCAIA,gCAGF,CAPE,kCAOF,CAGE,KCqFA,2CDxEA,CAJA,uBC4EA,CDlFF,iBAKA,iBACE,CATA,iBAGF,CAHE,WAaA,mDAIF,6IAIA,6SC+CE,qTDvBA,8DAGF,aAiBE,qBAGF,mBACE,CAGF,0DAKE,uBAKA,CALA,yBAKA,2DAEE,uBAGF,CAHE,0BAGF,oQAEE,sDCwBF,yCACA,sCAEA,oCACA,kCACA,CAIA,kCAEA,kCACA,CAKA,0BACA,CAVA,aACA,CAGA,oBACA,CDrCE,kBCqCF,iBACA,CARA,oBADA,eACA,CAEA,cAYA,4BAPA,kBAPA,mBACA,CAWA,wBACA,iBACA,CANA,qBAMA,aDtBF,6CACE,CAEA,kCAEA,yCAEA,CALA,qBACA,CAIA,wBCgBA,4BAEA,mBDzBF,C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","sources":["webpack:///./css/craft.scss","webpack:///./css/_color-palette.scss","webpack:///./css/_variables.scss","webpack:///./css/_main.scss","webpack:///../../../../../packages/craftcms-sass/_mixins.scss","webpack:///./css/_cp.scss","webpack:///./css/_preview.scss","webpack:///./css/_fld.scss","webpack:///./css/_image_editor.scss","webpack:///./css/_shame.scss","webpack:///./css/_debug_toolbar.scss","webpack:///./css/charts.scss"],"sourcesContent":[":root{--white: #fff;--black: #000;--gray-050: hsl(212, 60%, 97%);--gray-100: hsl(212, 50%, 93%);--gray-200: hsl(212, 30%, 85%);--gray-300: hsl(211, 13%, 65%);--gray-350: hsl(211, 11%, 59%);--gray-400: hsl(210, 10%, 53%);--gray-500: hsl(211, 12%, 43%);--gray-550: hsl(210, 13%, 40%);--gray-600: hsl(209, 14%, 37%);--gray-700: hsl(209, 18%, 30%);--gray-800: hsl(209, 20%, 25%);--gray-900: hsl(210, 24%, 16%);--gray-1000: hsl(210, 24%, 10%);--blue-050: #e3f8ff;--blue-100: #b3ecff;--blue-200: #81defd;--blue-300: #5ed0fa;--blue-400: #40c3f7;--blue-500: #2bb0ed;--blue-600: #1992d4;--blue-700: #127fbf;--blue-800: #0b69a3;--blue-900: #035388;--cyan-050: #e0fcff;--cyan-100: #bef8fd;--cyan-200: #87eaf2;--cyan-300: #54d1db;--cyan-400: #38bec9;--cyan-500: #2cb1bc;--cyan-600: #14919b;--cyan-700: #0e7c86;--cyan-800: #0a6c74;--cyan-900: #044e54;--pink-050: #ffe3ec;--pink-100: #ffb8d2;--pink-200: #ff8cba;--pink-300: #f364a2;--pink-400: #e8368f;--pink-500: #da127d;--pink-600: #bc0a6f;--pink-700: #a30664;--pink-800: #870557;--pink-900: #620042;--red-050: #ffe3e3;--red-100: #ffbdbd;--red-200: #ff9b9b;--red-300: #f86a6a;--red-400: #ef4e4e;--red-500: #e12d39;--red-600: #cf1124;--red-700: #ab091e;--red-800: #8a041a;--red-900: #610316;--yellow-050: #fffbea;--yellow-100: #fff3c4;--yellow-200: #fce588;--yellow-300: #fadb5f;--yellow-400: #f7c948;--yellow-500: #f0b429;--yellow-600: #de911d;--yellow-700: #cb6e17;--yellow-800: #b44d12;--yellow-900: #8d2b0b;--teal-050: #effcf6;--teal-100: #c6f7e2;--teal-200: #8eedc7;--teal-300: #65d6ad;--teal-400: #3ebd93;--teal-500: #27ab83;--teal-550: #20a07b;--teal-600: #199473;--teal-700: #147d64;--teal-800: #0c6b58;--teal-900: #014d40}:root{--bg-color: $grey100;--bg-color-hsl: 212deg, 50%, 93%;--primary-color: var(--red-500);--secondary-color: var(--gray-500);--input-color: hsl(212, 25%, 50%);--text-color: var(--gray-700);--medium-dark-text-color: var(--gray-550);--medium-text-color: var(--gray-550);--light-text-color: var(--gray-500);--link-color: #2563eb;--font-weight-bold: 700;--menu-option-color: var(--text-color);--menu-option-active-color: var(--white);--menu-option-active-background-color: var(--gray-350);--hairline-color: rgba(51, 64, 77, 0.1);--medium-hairline-color: rgba(81, 95, 108, 0.25);--dark-hairline-color: rgba(123, 135, 147, 0.5);--light-focus-color: var(--blue-300);--medium-focus-color: var(--blue-500);--dark-focus-color: #0f74b1;--light-focus-ring: 0 0 0 1px #5ed0fa, 0 0 0 3px rgba(94, 208, 250, 0.7);--medium-focus-ring: 0 0 0 1px #2bb0ed, 0 0 0 3px rgba(43, 176, 237, 0.7);--dark-focus-ring: 0 0 0 1px #0f74b1, 0 0 0 3px rgba(15, 116, 177, 0.7);--light-sel-color: var(--gray-200);--dark-sel-color: var(--gray-600);--error-color: var(--red-600);--warning-color: var(--yellow-800);--success-color: var(--teal-700);--notice-color: var(--blue-800);--enabled-color: var(--teal-550);--pending-color: var(--yellow-700);--disabled-color: var(--red-600);--small-border-radius: 3px;--medium-border-radius: 4px;--large-border-radius: 5px;--menu-border-radius: var(--medium-border-radius);--checkbox-size: 16px;--radio-size: 16px}@font-face{font-family:\"Craft\";src:url(\"../fonts/Craft.woff\") format(\"woff\"),url(\"../fonts/Craft.ttf\") format(\"truetype\"),url(\"../fonts/Craft.svg#Craft\") format(\"svg\");font-weight:normal;font-style:normal}:root{--ui-control-color: var(--gray-550);--ui-control-hover-color: var(--gray-600);--ui-control-active-color: var(--gray-700);--icon-opacity: 0.8;--light-focus-hsl: 196.1538461538deg, 93.9759036145%, 67.4509803922%;--medium-focus-hsl: 198.8659793814deg, 84.347826087%, 54.9019607843%;--dark-focus-hsl: 202.5925925926deg, 84.375%, 37.6470588235%;--focus-ring: 0 0 0 1px hsl(var(--dark-focus-hsl)), 0 0 0 3px hsla(var(--dark-focus-hsl), 0.8);--inner-focus-ring: inset 0 0 0 1px hsl(var(--dark-focus-hsl)), inset 0 0 0 3px hsla(var(--dark-focus-hsl), 0.7);--touch-target-size: 24px}body,html{box-shadow:var(--light-focus-ring);background-color:var(--gray-100)}html.noscroll,html.noscroll body{overflow:hidden}body{width:100vw;overflow-x:hidden;font-size:0.875rem;line-height:1.42;color:var(--text-color);-webkit-font-smoothing:subpixel-antialiased}body.rtl{direction:rtl}body,input,select,textarea{font-family:system-ui,BlinkMacSystemFont,-apple-system,\"Segoe UI\",\"Roboto\",\"Oxygen\",\"Ubuntu\",\"Cantarell\",\"Fira Sans\",\"Droid Sans\",\"Helvetica Neue\",sans-serif}.first,h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child,p:first-child,blockquote:first-child,hr:first-child,.pane:first-child,.grid:first-child,fieldset:first-child,.field:first-child,.toolbar:first-child,.buttons:first-child,.condition-container:first-child{margin-top:0 !important}.last,h1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child,h6:last-child,p:last-child,blockquote:last-child,.pane:last-child,.grid:last-child,.meta:last-child,fieldset:last-child,.field:last-child,.toolbar:last-child,.buttons:last-child,.condition-container:last-child{margin-bottom:0 !important}.no-scroll{overflow:hidden !important}.draghelper{box-sizing:border-box}img{max-width:100%}body.rtl .ltr .text,body.rtl .ltr table.editable textarea{text-align:left !important;direction:ltr !important}body.ltr .rtl .text,body.ltr .rtl table.editable textarea{text-align:right !important;direction:rtl !important}.icon:before,.menu ul.padded li a.sel:before,.menu .flex.padded.sel:before,.texticon:before,.element:before,#help:before,.secure:before,.insecure:before,.go:after,.required:after,.preview-btn:before,.view-btn:before,[data-icon]:before,[data-icon-after]:after{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity)}.badge-icon{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;box-sizing:border-box;border:1px solid var(--yellow-500);border-radius:var(--small-border-radius);color:var(--yellow-500);font-size:9px}.secure:before,.insecure:before{margin-top:-3px;font-size:14px}[data-icon]:before{content:attr(data-icon)}[data-icon-after]:after{content:attr(data-icon-after)}body.rtl [data-icon=list]:before,body.rtl [data-icon-after=list]:after{content:\"listrtl\"}body.rtl [data-icon=structure]:before,body.rtl [data-icon-after=structure]:after{content:\"structurertl\"}.icon.secure:before{content:\"secure\"}.icon.insecure:before{content:\"insecure\"}.icon.add:before{content:\"plus\"}.icon.edit:before{content:\"edit\"}.icon.settings:before{content:\"settings\"}.icon.search:before{content:\"search\"}.icon.expand:before{content:\"expand\"}.icon.collapse:before{content:\"collapse\"}.help:before{content:\"help\";color:var(--pink-400)}body.ltr .preview-btn:before,body.ltr .view-btn:before{margin-right:var(--xs)}body.rtl .preview-btn:before,body.rtl .view-btn:before{margin-left:var(--xs)}.preview-btn:before{margin-top:-2px;content:\"view\"}body.ltr .view-btn:before{content:\"share\"}body.rtl .view-btn:before{content:\"shareleft\"}h1,.h1{margin-bottom:24px;font-size:18px;font-weight:bold;line-height:1.2}h2,.h2{margin:14px 0;font-size:16px;font-weight:bold;line-height:20px}h3,.h3{margin:14px 0;font-weight:bold;line-height:1.2}h4,.h4{margin:14px 0;font-weight:bold;line-height:1.2;color:var(--medium-text-color)}h5,.h5{margin:14px 0 3px;line-height:1.2;color:var(--medium-text-color)}h6,.h6{margin:14px 0 3px;font-size:11px;line-height:1.2;color:#606d7b;text-transform:uppercase}body.ltr h1[data-icon]:before{margin:-8px 10px 0 0}body.rtl h1[data-icon]:before{margin:-8px 0 0 10px}h2[data-icon]:before{font-size:19px}body.ltr h2[data-icon]:before{margin:-4px 6px 0 0}body.rtl h2[data-icon]:before{margin:-4px 0 0 6px}hr{margin:24px 0;border:none;border-top:1px solid var(--hairline-color);height:0;color:rgba(0,0,0,0)}.pane hr{margin:24px -24px}p{margin:1em 0}h5+p{margin-top:0}sup{vertical-align:super;font-size:smaller}sub{vertical-align:sub;font-size:smaller}body.ltr .indent{margin-left:14px}body.rtl .indent{margin-right:14px}.bullets{list-style-type:square}body.ltr .bullets{padding-left:40px}body.rtl .bullets{padding-right:40px}ol{list-style-type:decimal}body.ltr ol{padding-left:40px}body.rtl ol{padding-right:40px}code,.code,.code input,.code textarea{font-family:\"SFMono-Regular\",Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:.9em !important}code.smalltext,.code.smalltext,.code input.smalltext,.code textarea.smalltext{font-size:.8em !important}pre code{display:block;overflow-x:auto}a{color:var(--link-color);cursor:pointer}body.underline-links a{text-decoration:underline}a:hover{text-decoration:underline}a.sel,li.sel a{cursor:default !important;text-decoration:none}.go:after{font-size:11px;margin-top:-1px;color:var(--link-color);opacity:.9}body.ltr .go:after{padding-left:4px}body.rtl .go:after{padding-right:4px}body.ltr .go:after{content:\"circlerarr\"}body.rtl .go:after{content:\"circlelarr\"}button{cursor:pointer}.context-btn.disabled{opacity:1;color:var(--medium-dark-text-color);background-color:rgba(205,216,228,.5) !important}.checkmark-icon,.alert-icon{padding:5px;margin-bottom:0 !important;line-height:10px;border-radius:20px;cursor:pointer}.checkmark-icon:before,.alert-icon:before{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity)}.checkmark-icon{background-color:var(--gray-200)}p .checkmark-icon{display:inline-block}.checkmark-icon:before{content:\"check\";color:var(--success-color)}.alert-icon{background-color:var(--gray-200)}.alert-icon:before{content:\"alert\";color:var(--error-color)}.menu.revision-menu{padding:10px 24px}.menu.revision-menu hr{margin:10px -24px}.menu.revision-menu ul li.sel{margin:0 -14px;padding:0 14px;background:var(--gray-050);border-radius:var(--large-border-radius)}.menu.revision-menu ul li.sel .edited-desc{display:flex;align-items:center;border-top:1px solid var(--hairline-color);padding:10px 0;color:var(--light-text-color);white-space:normal}body.ltr .menu.revision-menu ul li.sel .edited-desc{margin-left:10px}body.rtl .menu.revision-menu ul li.sel .edited-desc{margin-right:10px}.menu.revision-menu ul li.sel .edited-desc p{margin:0}body.ltr .menu.revision-menu ul li.sel .edited-desc .btn{margin-left:14px}body.rtl .menu.revision-menu ul li.sel .edited-desc .btn{margin-right:14px}.menu.revision-menu ul li a{padding-top:7px;border-radius:var(--large-border-radius)}.menu.revision-menu .extralight{margin-top:2px}.revision-status-hud{max-width:400px}.revision-status-hud .http-error{border-radius:var(--medium-border-radius);border:1px solid var(--hairline-color);color:var(--light-text-color);background-color:var(--gray-050);padding:7px 14px}.draft-notice{display:flex;align-items:center;align-content:stretch;justify-content:center;gap:var(--s);color:var(--blue-800)}#content-notice .draft-notice{display:inline-flex;justify-content:flex-start}body.ltr .so-notice>.draft-notice{margin:calc(var(--s)*-1) 0 calc(var(--s)*-1) calc(var(--xl)*-1)}body.rtl .so-notice>.draft-notice{margin:calc(var(--s)*-1) calc(var(--xl)*-1) calc(var(--s)*-1) 0}body.ltr .so-notice>.draft-notice{padding:var(--s) 0 var(--s) var(--xl)}body.rtl .so-notice>.draft-notice{padding:var(--s) var(--xl) var(--s) 0}body.ltr .so-notice>.draft-notice{border-bottom-left-radius:var(--large-border-radius)}body.rtl .so-notice>.draft-notice{border-bottom-right-radius:var(--large-border-radius)}body.ltr .so-notice>.draft-notice{background-image:linear-gradient(to bottom right, rgba(25, 146, 212, 0.2), rgba(25, 146, 212, 0) 50%)}body.rtl .so-notice>.draft-notice{background-image:linear-gradient(to left, rgba(25, 146, 212, 0.2), rgba(25, 146, 212, 0))}.draft-notice p{flex:1;margin:0}.draft-notice .draft-icon{position:relative;flex-shrink:0;width:34px;height:34px;display:flex;justify-content:center;align-items:center;border-radius:100%;border:2px solid rgba(11,105,163,.2);box-sizing:border-box;box-shadow:0 1px 1px 1px var(--white)}.draft-notice .draft-icon:before{position:relative;left:1px;color:var(--blue-800) !important;font-size:18px}.draft-notice .draft-icon:after{content:\"\";font-size:0;position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:100%;box-shadow:inset 0 2px 0 rgba(3,83,136,.2)}.draft-notice .discard-changes-btn{background-color:rgba(0,0,0,0) !important;color:var(--blue-800) !important;border:2px solid var(--blue-600)}body.ltr .draft-notice .discard-changes-btn{margin-left:var(--xs)}body.rtl .draft-notice .discard-changes-btn{margin-right:var(--xs)}.draft-notice .discard-changes-btn:hover,.draft-notice .discard-changes-btn:focus{border-color:#1682bd}.draft-notice .discard-changes-btn:active{border-color:#1473a6}button.toggle{appearance:none;color:inherit;background:none;border:none;padding:0}.toggle:before,a.fieldtoggle:before{display:block;content:\"\";font-size:0;width:7px;height:7px;border:solid currentColor;border-width:0 2px 2px 0;opacity:.8;transition:transform linear 100ms}body.ltr .toggle:before,body.ltr a.fieldtoggle:before{transform:rotate(-45deg)}body.rtl .toggle:before,body.rtl a.fieldtoggle:before{transform:rotate(135deg)}.toggle.expanded:before,a.fieldtoggle.expanded:before,.sidebar nav li.expanded>.toggle:before,.structure li:not(.collapsed)>.row>.toggle:before{transform:rotate(45deg) !important}a.fieldtoggle{display:block;position:relative;margin:14px 0;color:var(--text-color);text-decoration:none}body.ltr a.fieldtoggle{padding-left:12px}body.rtl a.fieldtoggle{padding-right:12px}a.fieldtoggle:before{display:block;position:absolute;top:7px}body.ltr a.fieldtoggle:before{left:-1px}body.rtl a.fieldtoggle:before{right:-1px}em,i{font-style:italic}strong,b,i em{font-weight:bold}.readable{font-size:16px;line-height:22px}.readable h1,.readable h2,.readable h3,.readable h4,.readable h5,.readable h6{margin:24px 0 16px;font-weight:600}.readable h1{font-size:32px;line-height:40px;color:#000}.readable h2{font-size:24px;line-height:30px}.readable h3{font-size:20px;line-height:24px}.readable h4{font-size:16px;line-height:20px}.readable h5{font-size:14px;line-height:18px}.readable h6{font-size:13.6px;line-height:17px;color:#596673}.readable ul,.readable ol{margin:1em 0}body.ltr .readable ul,body.ltr .readable ol{padding-left:2em}body.rtl .readable ul,body.rtl .readable ol{padding-right:2em}.readable ul li{list-style-type:disc}.readable li+li{margin-top:.25em}.readable blockquote{margin:16px 0}.readable blockquote:not(.note){padding:0 16px;color:#596673}body.ltr .readable blockquote:not(.note){border-left:4px solid rgba(51,64,77,.1)}body.rtl .readable blockquote:not(.note){border-right:4px solid rgba(51,64,77,.1)}.readable blockquote.note{position:relative;border-radius:4px;padding:1em;border:1px solid}body.ltr .readable blockquote.note{padding-left:56px}body.rtl .readable blockquote.note{padding-right:56px}.readable blockquote.note:not(.tip):not(.warning){border-color:#cf1124;color:#bf503f}.readable blockquote.note:not(.tip):not(.warning):before{content:\"alert\";color:#cf1124}.readable blockquote.note.tip{border-color:#2563eb;color:#596673}.readable blockquote.note.tip:before{content:\"lightbulb\";color:#2563eb}.readable blockquote.note.warning{border-color:#b44d12;color:#cf783a}.readable blockquote.note.warning:before{content:\"alert\";color:#b44d12}.readable blockquote.note:before{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);position:absolute;top:12px;font-size:30px;width:24px}body.ltr .readable blockquote.note:before{left:16px}body.rtl .readable blockquote.note:before{right:16px}body.ltr .leftalign{text-align:left}body.rtl .leftalign{text-align:right}.topalign{vertical-align:top}body.ltr .rightalign{text-align:right}body.rtl .rightalign{text-align:left}.centeralign{text-align:center !important}.nowrap{white-space:nowrap}.break-word{word-wrap:break-word}.light{color:var(--medium-text-color) !important;font-weight:normal}.extralight{color:var(--light-text-color) !important}.smalltext{font-size:12px;line-height:1.2}.largetext{font-size:16px;line-height:1.2}.zilch{padding:100px 0;text-align:center;font-size:20px;line-height:24px;color:var(--light-text-color)}.zilch.small{padding:24px 0;font-size:16px}input.checkbox+label.smalltext{padding-top:2px}.required:after{content:\"asterisk\";font-size:7px;color:var(--error-color)}body.ltr .required:after{margin:-2px 0 0 5px}body.rtl .required:after{margin:-2px 5px 0 0}.scrollpane{overflow:auto}body.ltr .left{float:left}body.rtl .left{float:right}body.ltr .right{float:right}body.rtl .right{float:left}th,td{vertical-align:middle}body.ltr th,body.ltr td{text-align:left}body.rtl th,body.rtl td{text-align:right}body.ltr table[dir=rtl] th,body.ltr table[dir=rtl] td{text-align:right}body.rtl table[dir=ltr] th,body.rtl table[dir=ltr] td{text-align:left}th.right,td.right{float:none}body.ltr th.right,body.ltr td.right{text-align:right}body.rtl th.right,body.rtl td.right{text-align:left}.clear{display:block;clear:both;height:0}.fullwidth{width:100%}.token{display:inline-block;border-radius:3px;padding:3px 7px;font-size:12px;line-height:14px;color:#3f4d5a;background-color:#e4edf6}.token[data-name=\"*\"]{position:relative;width:10px}.token[data-name=\"*\"] span{opacity:0}.token[data-name=\"*\"]:before{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);display:block;position:absolute;top:0;left:0;width:100%;font-size:9px;line-height:17px;content:\"asterisk\";text-indent:0}.token:focus{background-color:#cdd8e4}.highlight .token{display:inline;border:none;border-radius:0;padding:0;font-size:inherit;line-height:inherit;text-shadow:none;background:rgba(0,0,0,0);box-shadow:none}.pane.highlight pre[class*=language-]{overflow:visible}.pane.highlight pre[class*=language-]>code.diff-highlight .token:not(.prefix){margin:0 -24px;padding:0 24px}.success{color:var(--success-color) !important}.notice.with-icon:before,.notice .icon:before,.warning.with-icon:before,.warning .icon:before{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);width:1em}body.ltr .notice.with-icon:before,body.ltr .notice .icon:before,body.ltr .warning.with-icon:before,body.ltr .warning .icon:before{margin:-2px 2px 0 0}body.rtl .notice.with-icon:before,body.rtl .notice .icon:before,body.rtl .warning.with-icon:before,body.rtl .warning .icon:before{margin:-2px 0 0 2px}.notice.has-icon,.warning.has-icon{display:flex;flex-wrap:nowrap;align-items:flex-start}.notice.has-icon .icon,.warning.has-icon .icon{flex-shrink:1}.notice{color:var(--notice-color) !important}.notice a{text-decoration:underline}.notice.with-icon:before,.notice .icon:before{content:\"lightbulb\"}.warning{color:var(--warning-color) !important}.warning.with-icon:before,.warning .icon:before{content:\"alert\"}.error{color:var(--error-color) !important}.icon.move{display:inline-block}.icon.move:not(.disabled){cursor:move}.icon.move:before{content:\"move\";color:var(--ui-control-color)}.icon.move:not(.disabled):hover:before{color:var(--link-color)}.icon.delete{display:inline-block;line-height:inherit}.icon.delete:before{content:\"remove\";color:var(--ui-control-color)}.icon.delete:not(.disabled){cursor:pointer}.icon.delete:not(.disabled):hover:before{color:var(--disabled-color)}.icon.delete:not(.disabled):active:before{color:var(--red-800)}.hidden{display:none !important}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.invisible{visibility:hidden}.clearafter:after{content:\"\";display:block;height:0;clear:both;visibility:hidden}.info{vertical-align:bottom;display:inline-block;width:1em;height:1.375em;text-align:center;cursor:pointer;overflow:hidden}.info:before{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);vertical-align:baseline;width:100%;line-height:1.375;color:var(--ui-control-color)}.info:not(.warning):before{content:\"info\"}.info:not(.warning):hover:before{color:var(--link-color)}.info.warning:before{content:\"alert\"}.info.warning:hover:before{color:var(--warning-color)}.info-hud table{max-width:280px;table-layout:auto}.info-hud td{word-wrap:break-word;width:100%}@media(max-width: 450px){.info-hud table{table-layout:fixed;width:100%}}.content{position:relative}.content:after{content:\"\";display:block;height:0;clear:both;visibility:hidden}.sidebar .customize-sources{display:block;margin:14px -24px 4px;color:var(--light-text-color) !important;transition:color linear 100ms;cursor:pointer}body.ltr .sidebar .customize-sources{padding:7px 14px 7px 24px}body.rtl .sidebar .customize-sources{padding:7px 24px 7px 14px}.sidebar .customize-sources .icon{color:currentColor}body.ltr .sidebar .customize-sources .icon{margin-right:4px}body.rtl .sidebar .customize-sources .icon{margin-left:4px}.sidebar .customize-sources .label{opacity:0;transition:opacity linear 100ms}.sidebar .customize-sources:hover,.sidebar .customize-sources:focus{color:var(--medium-text-color) !important;text-decoration:none}.sidebar .customize-sources:hover .label,.sidebar .customize-sources:focus .label{opacity:1}.sidebar .customize-sources:hover{color:var(--link-color)}.customize-sources-modal{overflow:visible !important}body.ltr .customize-sources-modal{padding-left:200px}body.rtl .customize-sources-modal{padding-right:200px}.customize-sources-modal>.cs-sidebar{position:absolute;top:0;margin:0;padding:10px 0;border:none;width:200px;height:calc(100% - 50px);box-sizing:border-box;background-color:var(--gray-050);overflow:auto;box-shadow:inset -1px 0 0 var(--hairline-color)}body.ltr .customize-sources-modal>.cs-sidebar{left:0}body.rtl .customize-sources-modal>.cs-sidebar{right:0}body.ltr .customize-sources-modal>.cs-sidebar{border-top-left-radius:var(--large-border-radius)}body.rtl .customize-sources-modal>.cs-sidebar{border-top-right-radius:var(--large-border-radius)}.customize-sources-modal>.cs-sidebar>.btn{display:block;width:calc(100% - 28px)}body.ltr .customize-sources-modal>.cs-sidebar>.btn{margin:10px 0 0 14px}body.rtl .customize-sources-modal>.cs-sidebar>.btn{margin:10px 14px 0 0}.customize-sources-modal>.source-settings{position:relative;height:calc(100% - 50px);box-sizing:border-box;padding:24px;overflow:auto}.customize-sources-modal>.footer{position:absolute;bottom:0;left:0;width:100%}.customize-sources-item{display:flex;width:calc(100% - 1px);box-sizing:border-box;align-items:center;position:relative;margin-top:-1px;padding:8px 14px;background-color:var(--gray-100);border:solid var(--hairline-color);border-width:1px 0;user-select:none;cursor:default}.customize-sources-item+.customize-sources-item.heading{margin-top:10px}.customize-sources-item+.customize-sources-item:not(.heading){border-top:1px solid var(--hairline-color)}.customize-sources-item.sel{background-color:var(--gray-200);z-index:1}.customize-sources-item .label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customize-sources-item.heading .label{text-transform:uppercase;color:var(--light-text-color);font-size:12px;font-weight:bold}body.ltr .customize-sources-item .move{margin-left:7px}body.rtl .customize-sources-item .move{margin-right:7px}body.ltr .customize-sources-table-column .move{margin-right:10px}body.rtl .customize-sources-table-column .move{margin-left:10px}ul.path{display:flex;flex-direction:row;align-items:stretch;flex-wrap:wrap}ul.path li{display:inline-flex;align-items:center}ul.path li:not(:last-child):after{display:block;content:\"\";font-size:0;width:7px;height:7px;border:solid var(--light-text-color);border-width:0 1px 1px 0;opacity:.8}body.ltr ul.path li:not(:last-child):after{margin:0 5px 0 2px}body.rtl ul.path li:not(:last-child):after{margin:0 2px 0 5px}body.ltr ul.path li:not(:last-child):after{transform:rotate(-45deg)}body.rtl ul.path li:not(:last-child):after{transform:rotate(135deg)}ul.icons{margin-top:20px;display:flex;flex-wrap:wrap}ul.icons li{margin:0 4px 10px 0}ul.icons li a{display:block;position:relative;padding:60px 5px 10px;width:110px;text-align:center;color:var(--text-color);border-radius:4px;border:1px solid var(--white)}ul.icons li a:before{display:block;position:absolute;top:0;left:0;width:100%;font-size:40px;line-height:60px}ul.icons li a .icon img,ul.icons li a .icon svg{width:40px;height:40px;position:absolute;top:12px;left:calc(50% - 20px)}ul.icons li a .icon.icon-mask svg rect,ul.icons li a .icon.icon-mask svg circle,ul.icons li a .icon.icon-mask svg ellipse,ul.icons li a .icon.icon-mask svg line,ul.icons li a .icon.icon-mask svg polyline,ul.icons li a .icon.icon-mask svg polygon,ul.icons li a .icon.icon-mask svg path,ul.icons li a .icon.icon-mask svg text{fill:var(--text-color);stroke-width:0}ul.icons li a:hover{text-decoration:none;background-color:var(--gray-050);border-color:var(--gray-100)}ul.icons li a:hover .icon.icon-mask svg rect,ul.icons li a:hover .icon.icon-mask svg circle,ul.icons li a:hover .icon.icon-mask svg ellipse,ul.icons li a:hover .icon.icon-mask svg line,ul.icons li a:hover .icon.icon-mask svg polyline,ul.icons li a:hover .icon.icon-mask svg polygon,ul.icons li a:hover .icon.icon-mask svg path,ul.icons li a:hover .icon.icon-mask svg text{fill:var(--link-color);stroke-width:0}@media only screen and (max-width: 380px){ul.icons li a{width:96px}}@media only screen and (max-width: 320px){ul.icons li a{width:75px}}.toolbar{position:relative;margin-bottom:14px;min-height:34px}.toolbar.flex,.toolbar .flex{align-items:flex-start}.toolbar .text{border-radius:var(--large-border-radius) !important;box-shadow:none !important}.flex{display:flex;align-items:center;align-content:stretch;gap:var(--s)}.flex:not(.flex-nowrap){flex-wrap:wrap}.flex>*.label{white-space:nowrap}.centeralign .flex{justify-content:center}.inline-flex{display:inline-flex;align-items:center;align-content:stretch;gap:var(--s)}.gap-xs{gap:var(--xs)}.gap-s{gap:var(--s)}.gap-m{gap:var(--m)}.gap-l{gap:var(--l)}.gap-xl{gap:var(--xl)}.flex-grow{flex:1}.flex-justify{justify-content:space-between}.flex-justify-start{justify-content:flex-start}.flex-justify-end{justify-content:flex-end}.flex-justify-center{justify-content:center}.flex-start{align-items:flex-start}.flex-end{align-items:flex-end}.flex-center{align-items:center}.flex-stretch{align-items:stretch}.spacer{width:14px}.buttons{display:flex;gap:7px;position:relative;margin:24px 0;align-items:center}.hud-footer>.buttons,.footer>.buttons{margin:0}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--large-border-radius);padding:7px 14px;border:none;text-align:center;white-space:nowrap;user-select:none;cursor:pointer;box-sizing:border-box;appearance:none;color:currentColor;font-size:inherit;background-color:rgba(96,125,159,.25)}.btn.chromeless{background-color:rgba(0,0,0,0);height:auto;padding:0}.btn.chromeless:hover,.btn.chromeless:active,.btn.chromeless:focus{background-color:rgba(0,0,0,0)}.btn.chromeless:hover,.btn.chromeless:active{text-decoration:underline}.btn:not(.disabled):not(.loading):not(.dashed):focus,.btn:not(.disabled):not(.loading):not(.dashed).focus,.btn:not(.disabled):not(.loading):not(.dashed):hover{background-color:rgba(96,125,159,.3)}.btn:not(.disabled):not(.loading):not(.dashed):active,.btn:not(.disabled):not(.loading):not(.dashed).active{background-color:rgba(96,125,159,.5)}.btn:not(.disabled):not(.loading):not(.dashed):active:focus,.btn:not(.disabled):not(.loading):not(.dashed):active.focus,.btngroup:focus .btn:not(.disabled):not(.loading):not(.dashed):active,.btn:not(.disabled):not(.loading):not(.dashed).active:focus,.btn:not(.disabled):not(.loading):not(.dashed).active.focus,.btngroup:focus .btn:not(.disabled):not(.loading):not(.dashed).active{background-color:rgba(96,125,159,.6)}.btn[type=color]{padding:6px !important;width:36px}.btn.active,.btn.loading{cursor:default}.btn:hover{text-decoration:none}body.ltr .btn[data-icon]:not(:empty):not(.btn-empty):before,body.ltr .btn.icon:not(:empty):not(.btn-empty):before,body.ltr .btn.menubtn[data-icon]:empty:before,body.ltr .btn.menubtn[data-icon].btn-empty:before,body.ltr .btn.menubtn.icon:empty:before,body.ltr .btn.menubtn.icon.btn-empty:before{margin-right:5px}body.rtl .btn[data-icon]:not(:empty):not(.btn-empty):before,body.rtl .btn.icon:not(:empty):not(.btn-empty):before,body.rtl .btn.menubtn[data-icon]:empty:before,body.rtl .btn.menubtn[data-icon].btn-empty:before,body.rtl .btn.menubtn.icon:empty:before,body.rtl .btn.menubtn.icon.btn-empty:before{margin-left:5px}.btn:not(.loading) .spinner{display:none}.btn.loading:before,.btn.loading:after,.btn.loading .label{visibility:hidden}.btn div.checkbox{margin-top:2px}.disabled{opacity:.25}.disabled,.disabled .btn{cursor:default}.btn,.spinner{height:34px}body.ltr .btn[data-icon-after]:not(:empty):not(.btn-empty):after,body.ltr .menu-toggle:not(:empty):not(.btn-empty):after,body.ltr .menubtn:not(:empty):not(.btn-empty):after,body.ltr .menubtn.icon:after{margin-left:6px}body.rtl .btn[data-icon-after]:not(:empty):not(.btn-empty):after,body.rtl .menu-toggle:not(:empty):not(.btn-empty):after,body.rtl .menubtn:not(:empty):not(.btn-empty):after,body.rtl .menubtn.icon:after{margin-right:6px}.btn[data-icon]:before,.btn[data-icon-after]:after,.btn.icon:before{position:relative}.btn.small[data-icon]:before,.btn.small[data-icon-after]:after,.btn.icon.small:before{font-size:10px}.btngroup{position:relative;z-index:1;display:flex;white-space:nowrap;align-items:center}.btngroup.fullwidth .btn{flex:1}.btngroup.disabled .btn{cursor:default}.btngroup .btn:focus{z-index:1}body.ltr .btngroup .btn:not(.dashed):not(:last-child):not(.btngroup-btn-last){margin-right:1px}body.rtl .btngroup .btn:not(.dashed):not(:last-child):not(.btngroup-btn-last){margin-left:1px}body.ltr .btngroup .btn:not(:first-child):not(.btngroup-btn-first){border-top-left-radius:0;border-bottom-left-radius:0}body.ltr .btngroup .btn:not(:last-child):not(.btngroup-btn-last){border-top-right-radius:0;border-bottom-right-radius:0}body.rtl .btngroup .btn:not(:first-child):not(.btngroup-btn-first){border-top-right-radius:0;border-bottom-right-radius:0}body.rtl .btngroup .btn:not(:last-child):not(.btngroup-btn-last){border-top-left-radius:0;border-bottom-left-radius:0}.copytext{position:relative;z-index:1;display:flex;white-space:nowrap;align-items:center}body.ltr .copytext .text{border-top-right-radius:0;border-bottom-right-radius:0;min-width:0}body.ltr .copytext .btn{border-top-left-radius:0;border-bottom-left-radius:0}body.rtl .copytext .text{border-top-left-radius:0;border-bottom-left-radius:0}body.rtl .copytext .btn{border-top-right-radius:0;border-bottom-right-radius:0}.copytextbtn{display:inline-flex;flex-wrap:nowrap;align-items:center;border:1px solid var(--hairline-color);border-radius:var(--small-border-radius);padding:0 9px;cursor:pointer;color:var(--medium-text-color)}.copytextbtn input{border:0;padding:0;height:32px;box-shadow:none;background-color:rgba(0,0,0,0);border:none;cursor:pointer;color:var(--medium-text-color);text-align:center}.copytextbtn span{padding:0;width:13px;background:none;margin-top:-3px;color:var(--light-text-color)}body.ltr .copytextbtn span{margin-left:5px}body.rtl .copytextbtn span{margin-right:5px}.copytextbtn:hover,.copytextbtn:focus{border-color:var(--medium-hairline-color);color:var(--text-color)}.copytextbtn:hover input,.copytextbtn:focus input{color:var(--text-color)}.copytextbtn.small{padding:0 5px}.copytextbtn.small input{font-size:11px !important;height:20px}.menu-toggle,.menubtn{display:inline-flex;align-items:center;user-select:none}.menu-toggle:after,.menubtn:after{display:block;content:\"\";font-size:0;width:7px;height:7px;border:solid currentColor;border-width:0 2px 2px 0;opacity:.8;transform:rotate(45deg);position:relative}.menu-toggle.btn:after,.menubtn.btn:after{top:-1px}.menu-toggle.btn:not(.disabled):not(.inactive):active:after,.menu-toggle.btn:not(.disabled):not(.inactive).active:after,.menubtn.btn:not(.disabled):not(.inactive):active:after,.menubtn.btn:not(.disabled):not(.inactive).active:after{border-color:var(--ui-control-active-color)}.menu-toggle.btn.submit:after,.menubtn.btn.submit:after{border-color:var(--white) !important;opacity:.8}.menu-toggle.btn.submit:not(.disabled):not(.inactive):hover:after,.menu-toggle.btn.submit:not(.disabled):not(.inactive).hover:after,.menu-toggle.btn.submit:not(.disabled):not(.inactive):active:after,.menu-toggle.btn.submit:not(.disabled):not(.inactive).active:after,.menubtn.btn.submit:not(.disabled):not(.inactive):hover:after,.menubtn.btn.submit:not(.disabled):not(.inactive).hover:after,.menubtn.btn.submit:not(.disabled):not(.inactive):active:after,.menubtn.btn.submit:not(.disabled):not(.inactive).active:after{opacity:1}.menu-toggle:not(.btn):not(.icon),.menubtn:not(.btn):not(.icon){height:17px}.menu-toggle:not(.btn):not(.icon):after,.menubtn:not(.btn):not(.icon):after{top:-2px;border-color:var(--link-color)}body.ltr .menu-toggle:empty,body.ltr .menu-toggle.btn-empty,body.ltr .menubtn:empty,body.ltr .menubtn.btn-empty{padding-left:8px}body.rtl .menu-toggle:empty,body.rtl .menu-toggle.btn-empty,body.rtl .menubtn:empty,body.rtl .menubtn.btn-empty{padding-right:8px}body.ltr .menu-toggle:empty,body.ltr .menu-toggle.btn-empty,body.ltr .menubtn:empty,body.ltr .menubtn.btn-empty{padding-right:8px}body.rtl .menu-toggle:empty,body.rtl .menu-toggle.btn-empty,body.rtl .menubtn:empty,body.rtl .menubtn.btn-empty{padding-left:8px}@keyframes rotator{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.spinner{display:inline-flex;align-items:center;justify-content:center;width:var(--size, 24px);height:var(--size, 34px)}.spinner:before{display:block;content:\"\";font-size:0;animation:rotator .7s linear infinite;box-sizing:border-box;width:var(--size, 20px);height:var(--size, 20px);object-fit:scale-down;border-radius:50%;border:2px solid rgba(0,0,0,0);border-right-color:currentColor;border-bottom-color:currentColor;opacity:.8}.spinner.small{--size: 12px}.spinner.big{--size: 48px}.spinner.spinner-absolute{position:absolute;width:var(--size, 20px);height:var(--size, 20px);top:calc(50% - var(--size, 20px)/2);left:calc(50% - var(--size, 20px)/2)}body.ltr .btn+.spinner{margin-left:7px}body.rtl .btn+.spinner{margin-right:7px}body.ltr .buttons .btn+.spinner,body.ltr .buttons .btngroup+.spinner{margin-left:0}body.rtl .buttons .btn+.spinner,body.rtl .buttons .btngroup+.spinner{margin-right:0}body.ltr .buttons.right .btn+.spinner{margin-right:var(--neg-padding)}body.rtl .buttons.right .btn+.spinner{margin-left:var(--neg-padding)}.btngroup.small .btn,.btn.small{padding:0 7px !important;font-size:12px;line-height:22px}.btngroup.small,.btngroup.small input.btn,.btn.small,.btn.small+.spinner{height:22px}.btngroup.big .btn,.btn.big{padding:0 14px;font-size:14px;line-height:36px}body.ltr .btn.big[data-icon]:before,body.ltr .preview-btn:before,body.ltr .view-btn:before{margin-left:-2px}body.rtl .btn.big[data-icon]:before,body.rtl .preview-btn:before,body.rtl .view-btn:before{margin-right:-2px}.btngroup.big,.btngroup.big input.btn,.btn.big,.btn.big+.spinner{height:36px}.btn.submit,.btn.secondary{color:var(--white) !important;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:500}.btn.submit{background-color:var(--primary-color) !important}.btn.submit:not(.disabled):not(.inactive):not(.loading):hover,.btn.submit:not(.disabled):not(.inactive):not(.loading).hover,.btn.submit:not(.disabled):not(.inactive):not(.loading):focus{background-color:#d61f2b !important}.btn.submit:not(.disabled):not(.inactive):not(.loading):active,.btn.submit:not(.disabled):not(.inactive):not(.loading).active{background-color:#c01b26 !important}.btn.caution{background-color:var(--red-050) !important;color:var(--error-color)}.btn.caution:hover,.btn.caution.hover,.btn.caution:focus{background-color:#ffcaca !important}.btn.caution:active,.btn.caution.active{background-color:var(--red-100) !important}.secondary-buttons .btn.submit,.btn.secondary{background-color:var(--secondary-color) !important}.secondary-buttons .btn.submit:not(.disabled):not(.inactive):not(.loading):hover,.secondary-buttons .btn.submit:not(.disabled):not(.inactive):not(.loading).hover,.secondary-buttons .btn.submit:not(.disabled):not(.inactive):not(.loading):focus,.btn.secondary:not(.disabled):not(.inactive):not(.loading):hover,.btn.secondary:not(.disabled):not(.inactive):not(.loading).hover,.btn.secondary:not(.disabled):not(.inactive):not(.loading):focus{background-color:#55616d !important}.secondary-buttons .btn.submit:not(.disabled):not(.inactive):not(.loading):active,.secondary-buttons .btn.submit:not(.disabled):not(.inactive):not(.loading).active,.btn.secondary:not(.disabled):not(.inactive):not(.loading):active,.btn.secondary:not(.disabled):not(.inactive):not(.loading).active{background-color:#4a545e !important}div.btn.submit{position:relative;overflow:hidden}div.btn.submit input{position:absolute;left:100%}.btn.dashed{border:1px dashed var(--medium-hairline-color);background-color:rgba(0,0,0,0)}body.ltr .btngroup .btn.dashed:not(:last-child):not(.btngroup-btn-last){border-right:1px solid rgba(0,0,0,0)}body.rtl .btngroup .btn.dashed:not(:last-child):not(.btngroup-btn-last){border-left:1px solid rgba(0,0,0,0)}body.ltr .btngroup .btn.dashed:not(:last-child):not(.btngroup-btn-last){margin-right:-1px}body.rtl .btngroup .btn.dashed:not(:last-child):not(.btngroup-btn-last){margin-left:-1px}.btn.dashed:focus{background-color:rgba(205,216,228,.1);border-color:rgba(0,0,0,0)}.reduce-focus-visibility .btn.dashed:focus:not(.focus-visible){border:1px dashed var(--medium-hairline-color)}.btn.dashed:not(.disabled):active,.btn.dashed:not(.disabled).active{background-color:rgba(205,216,228,.25)}.color-input-container{position:relative}.color-input-container .color-hex-indicator{position:absolute;top:0;width:1em;line-height:34px;text-align:center;user-select:none}body.ltr .color-input-container .color-hex-indicator{left:7px}body.rtl .color-input-container .color-hex-indicator{right:7px}.color-input{font-family:\"SFMono-Regular\",Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:.9em !important}body.ltr .color-input{padding-left:calc(7px + 1em)}body.rtl .color-input{padding-right:calc(7px + 1em)}.color{display:inline-block;position:relative;vertical-align:middle;width:34px;height:34px;border-radius:17px;padding:0}.color:not(.static){cursor:pointer}.color:not(.small){background-image:linear-gradient(45deg, var(--gray-100) 25%, transparent 25%),linear-gradient(135deg, var(--gray-100) 25%, transparent 25%),linear-gradient(45deg, transparent 75%, var(--gray-100) 75%),linear-gradient(135deg, transparent 75%, var(--gray-100) 75%);background-size:17px 17px;background-position:0 0,8.5px 0,8.5px -8.5px,0 8.5px}.color.small{width:16px;height:16px;background-image:linear-gradient(45deg, var(--gray-100) 25%, transparent 25%),linear-gradient(135deg, var(--gray-100) 25%, transparent 25%),linear-gradient(45deg, transparent 75%, var(--gray-100) 75%),linear-gradient(135deg, transparent 75%, var(--gray-100) 75%);background-size:8px 8px;background-position:0 0,4px 0,4px -4px,0 4px}.color .color-preview{position:absolute;top:0;width:100%;height:100%;border-radius:17px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}body.ltr .color .color-preview{left:0}body.rtl .color .color-preview{right:0}.color .color-preview:focus-within{box-shadow:var(--focus-ring)}.color .color-preview>.color-preview-input{position:absolute;width:100%;height:100%;margin:0;padding:0;border:none;opacity:0}body.ltr .color .color-preview>.color-preview-input{left:0}body.rtl .color .color-preview>.color-preview-input{right:0}.colorhex{display:inline-block;margin-left:5px;vertical-align:middle;color:var(--medium-text-color)}.lightswitch-outer-container{display:flex}.lightswitch-outer-container .lightswitch-inner-container{border:1px solid var(--hairline-color);border-radius:var(--small-border-radius);display:flex;align-items:center}.lightswitch-outer-container .lightswitch-inner-container span{padding:7px 0;color:var(--medium-text-color);cursor:default}body.ltr .lightswitch-outer-container .lightswitch-inner-container span[data-toggle=on]{padding-right:10px}body.rtl .lightswitch-outer-container .lightswitch-inner-container span[data-toggle=on]{padding-left:10px}body.ltr .lightswitch-outer-container .lightswitch-inner-container span[data-toggle=on]{margin-left:7px}body.rtl .lightswitch-outer-container .lightswitch-inner-container span[data-toggle=on]{margin-right:7px}body.ltr .lightswitch-outer-container .lightswitch-inner-container span[data-toggle=off]{padding-left:10px}body.rtl .lightswitch-outer-container .lightswitch-inner-container span[data-toggle=off]{padding-right:10px}body.ltr .lightswitch-outer-container .lightswitch-inner-container span[data-toggle=off]{margin-right:7px}body.rtl .lightswitch-outer-container .lightswitch-inner-container span[data-toggle=off]{margin-left:7px}.lightswitch{display:block;position:relative;border:none !important;overflow:hidden;cursor:pointer;user-select:none;background-image:linear-gradient(to right, var(--gray-400), var(--gray-400));transition:background-image linear 100ms}.lightswitch.on{background-image:linear-gradient(to right, var(--enabled-color), var(--enabled-color))}.lightswitch.indeterminate{background-image:linear-gradient(to right, var(--enabled-color), var(--gray-300))}.lightswitch .lightswitch-container{position:relative;height:100%}.lightswitch .lightswitch-container .handle{position:absolute;top:1px;background-color:var(--white)}.lightswitch:not(.small){border-radius:11px;width:34px;height:22px}.lightswitch:not(.small) .lightswitch-container{width:46px}body.ltr .lightswitch:not(.small) .lightswitch-container{margin-left:-12px}body.rtl .lightswitch:not(.small) .lightswitch-container{margin-right:-12px}.lightswitch:not(.small) .lightswitch-container .handle{border-radius:10px;width:20px;height:20px;left:calc(50% - 10px)}.lightswitch.small{border-radius:9px;width:28px;height:18px}.lightswitch.small .lightswitch-container{width:38px}body.ltr .lightswitch.small .lightswitch-container{margin-left:-10px}body.rtl .lightswitch.small .lightswitch-container{margin-right:-10px}.lightswitch.small .lightswitch-container .handle{border-radius:8px;width:16px;height:16px;left:calc(50% - 8px)}table .lightswitch{display:inline-block;margin-bottom:-5px}body.ltr .lightswitch.on .lightswitch-container{margin-left:0}body.rtl .lightswitch.on .lightswitch-container{margin-right:0}body.ltr .lightswitch.indeterminate:not(.small) .lightswitch-container{margin-left:-6px}body.rtl .lightswitch.indeterminate:not(.small) .lightswitch-container{margin-right:-6px}body.ltr .lightswitch.indeterminate.small .lightswitch-container{margin-left:-5px}body.rtl .lightswitch.indeterminate.small .lightswitch-container{margin-right:-5px}table.data+.pagination{margin-top:24px}.pagination .page-link{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--medium-border-radius)}.pagination .page-link:after{position:relative;transition:border-color linear 100ms}.pagination .page-link.prev-page:after{display:block;content:\"\";font-size:0;width:7px;height:7px;border:solid var(--light-text-color);border-width:0 2px 2px 0;opacity:.8}body.ltr .pagination .page-link.prev-page:after{transform:rotate(135deg)}body.rtl .pagination .page-link.prev-page:after{transform:rotate(-45deg)}body.ltr .pagination .page-link.prev-page:after{right:-1px}body.rtl .pagination .page-link.prev-page:after{left:-1px}.pagination .page-link.next-page:after{display:block;content:\"\";font-size:0;width:7px;height:7px;border:solid var(--light-text-color);border-width:0 2px 2px 0;opacity:.8}body.ltr .pagination .page-link.next-page:after{transform:rotate(-45deg)}body.rtl .pagination .page-link.next-page:after{transform:rotate(135deg)}body.ltr .pagination .page-link.next-page:after{left:-1px}body.rtl .pagination .page-link.next-page:after{right:-1px}.pagination .page-link:not(.disabled){transition:box-shadow linear 100ms;box-shadow:inset 0 0 0 1px var(--hairline-color);cursor:pointer}.pagination .page-link:not(.disabled):hover{text-decoration:none;box-shadow:inset 0 0 0 1px var(--link-color)}.pagination .page-link:not(.disabled):hover:after{border-color:var(--link-color)}.pagination .page-link:not(.disabled).focus-visible{box-shadow:inset 0 0 0 1px var(--hairline-color),var(--focus-ring)}.pagination .page-link.disabled{opacity:1}.pagination .page-link.disabled:after{border-color:var(--hairline-color)}body.ltr .actions{float:right}body.rtl .actions{float:left}body.ltr .actions>li{float:left}body.rtl .actions>li{float:right}body.ltr .actions>li+li{margin-left:10px}body.rtl .actions>li+li{margin-right:10px}h1+.actions{margin-top:-100px}h2+.actions{margin-top:-54px}.tablepane{margin:-24px -24px -12px;overflow-x:auto}body.ltr .tablepane table.data th:first-child,body.ltr .tablepane table.data td:first-child{padding-left:24px}body.rtl .tablepane table.data th:first-child,body.rtl .tablepane table.data td:first-child{padding-right:24px}body.ltr .tablepane table.data th:last-child,body.ltr .tablepane table.data td:last-child{padding-right:24px}body.rtl .tablepane table.data th:last-child,body.rtl .tablepane table.data td:last-child{padding-left:24px}table.fixed-layout{table-layout:fixed}table th.thin,table td.thin{width:.01% !important;white-space:nowrap}table thead th{font-weight:bold;vertical-align:top}body.ltr table thead th{text-align:left}body.rtl table thead th{text-align:right}table:not(.data) th,table:not(.data) td{padding-top:7px;padding-bottom:7px}table:not(.data) th:not(:first-child),table:not(.data) td:not(:first-child){padding-left:12px}table:not(.data) th:not(:last-child),table:not(.data) td:not(:last-child){padding-right:12px}table.data th,table.data td{position:relative;padding-left:12px;padding-right:12px;box-sizing:border-box}table.data th.checkbox-cell,table.data td.checkbox-cell{width:var(--checkbox-size) !important;min-width:var(--checkbox-size);box-sizing:content-box;position:relative}table.data th.checkbox-cell input.checkbox+label,table.data th.checkbox-cell div.checkbox,table.data td.checkbox-cell input.checkbox+label,table.data td.checkbox-cell div.checkbox{position:absolute;top:calc(50% - 8px)}table.data th{font-weight:bold}body.ltr table.data thead:first-child tr:first-child th:first-child,body.ltr table.data thead:first-child tr:first-child td:first-child,body.ltr table.data tbody:first-child tr:first-child th:first-child,body.ltr table.data tbody:first-child tr:first-child td:first-child,body.ltr table.data tfoot:first-child tr:first-child th:first-child,body.ltr table.data tfoot:first-child tr:first-child td:first-child,body.ltr table.data caption+thead tr:first-child th:first-child,body.ltr table.data caption+thead tr:first-child td:first-child,body.ltr table.data caption+tbody tr:first-child th:first-child,body.ltr table.data caption+tbody tr:first-child td:first-child,body.ltr table.data caption+tfoot tr:first-child th:first-child,body.ltr table.data caption+tfoot tr:first-child td:first-child{border-top-left-radius:var(--large-border-radius)}body.rtl table.data thead:first-child tr:first-child th:first-child,body.rtl table.data thead:first-child tr:first-child td:first-child,body.rtl table.data tbody:first-child tr:first-child th:first-child,body.rtl table.data tbody:first-child tr:first-child td:first-child,body.rtl table.data tfoot:first-child tr:first-child th:first-child,body.rtl table.data tfoot:first-child tr:first-child td:first-child,body.rtl table.data caption+thead tr:first-child th:first-child,body.rtl table.data caption+thead tr:first-child td:first-child,body.rtl table.data caption+tbody tr:first-child th:first-child,body.rtl table.data caption+tbody tr:first-child td:first-child,body.rtl table.data caption+tfoot tr:first-child th:first-child,body.rtl table.data caption+tfoot tr:first-child td:first-child{border-top-right-radius:var(--large-border-radius)}body.ltr table.data thead:first-child tr:first-child th:last-child,body.ltr table.data thead:first-child tr:first-child td:last-child,body.ltr table.data tbody:first-child tr:first-child th:last-child,body.ltr table.data tbody:first-child tr:first-child td:last-child,body.ltr table.data tfoot:first-child tr:first-child th:last-child,body.ltr table.data tfoot:first-child tr:first-child td:last-child,body.ltr table.data caption+thead tr:first-child th:last-child,body.ltr table.data caption+thead tr:first-child td:last-child,body.ltr table.data caption+tbody tr:first-child th:last-child,body.ltr table.data caption+tbody tr:first-child td:last-child,body.ltr table.data caption+tfoot tr:first-child th:last-child,body.ltr table.data caption+tfoot tr:first-child td:last-child{border-top-right-radius:var(--large-border-radius)}body.rtl table.data thead:first-child tr:first-child th:last-child,body.rtl table.data thead:first-child tr:first-child td:last-child,body.rtl table.data tbody:first-child tr:first-child th:last-child,body.rtl table.data tbody:first-child tr:first-child td:last-child,body.rtl table.data tfoot:first-child tr:first-child th:last-child,body.rtl table.data tfoot:first-child tr:first-child td:last-child,body.rtl table.data caption+thead tr:first-child th:last-child,body.rtl table.data caption+thead tr:first-child td:last-child,body.rtl table.data caption+tbody tr:first-child th:last-child,body.rtl table.data caption+tbody tr:first-child td:last-child,body.rtl table.data caption+tfoot tr:first-child th:last-child,body.rtl table.data caption+tfoot tr:first-child td:last-child{border-top-left-radius:var(--large-border-radius)}table.data thead th,table.data thead td{width:auto;background-color:var(--gray-050);cursor:default}table.data thead th:not(.orderable),table.data thead td{padding-top:15px;padding-bottom:15px}table.data thead th{white-space:nowrap;vertical-align:middle}table.data thead th.orderable{position:relative;padding-left:0;padding-right:0}table.data thead th.orderable:not(.ordered):hover{background-color:var(--gray-100)}table.data thead th.orderable.ordered{background-color:var(--light-sel-color)}table.data thead th.orderable.ordered:not(.loading) button:after{display:block;content:\"\";font-size:0;width:7px;height:7px;border:solid currentColor;border-width:0 2px 2px 0;opacity:.8;transform:rotate(225deg);position:absolute;top:calc(50% - 3px)}body.ltr table.data thead th.orderable.ordered:not(.loading) button:after{right:10px}body.rtl table.data thead th.orderable.ordered:not(.loading) button:after{left:10px}table.data thead th.orderable.ordered:not(.loading).desc button:after{transform:rotate(45deg)}table.data thead th.orderable button{position:relative;font:inherit;width:100%;padding:14px}body.ltr table.data thead th.orderable button{padding-right:26px}body.rtl table.data thead th.orderable button{padding-left:26px}body.ltr table.data thead th.orderable button{text-align:left}body.rtl table.data thead th.orderable button{text-align:right}table.data thead th.orderable button:focus{z-index:1}table.data thead th:not(.loading) .spinner{display:none}table.data thead th .spinner{position:absolute;top:calc(50% - 6px);--size: 12px}body.ltr table.data thead th .spinner{right:8px}body.rtl table.data thead th .spinner{left:8px}table.data tbody tr:not(.disabled):hover th,table.data tbody tr:not(.disabled):hover td{background-color:var(--gray-050)}table.data tbody tr:not(.disabled):focus{position:relative;z-index:1}table.data tbody tr:not(.disabled).sel th,table.data tbody tr:not(.disabled).sel td{background-color:var(--light-sel-color)}table.data tbody th,table.data tbody td{padding-top:7px;padding-bottom:7px;background-clip:padding-box}table.data tbody td.timestamp{vertical-align:bottom;white-space:nowrap;color:var(--light-text-color)}body.ltr table.data tbody td.timestamp{text-align:right}body.rtl table.data tbody td.timestamp{text-align:left}table.data thead+tbody tr th,table.data thead+tbody tr td,table.data tr+tr th,table.data tr+tr td{border-top:1px solid rgba(0,0,0,0)}table.collapsed{width:auto}table.collapsed,table.collapsed tbody,table.collapsed tbody tr,table.collapsed tbody th,table.collapsed tbody td{display:block;border:none;padding:0;width:auto !important;white-space:normal}body.ltr table.collapsed,body.ltr table.collapsed tbody,body.ltr table.collapsed tbody tr,body.ltr table.collapsed tbody th,body.ltr table.collapsed tbody td{text-align:left}body.rtl table.collapsed,body.rtl table.collapsed tbody,body.rtl table.collapsed tbody tr,body.rtl table.collapsed tbody th,body.rtl table.collapsed tbody td{text-align:right}table.collapsed thead{display:none}table.collapsed tbody tr{padding:6px 0;border-bottom:1px dotted var(--hairline-color)}table.collapsed tbody tr:after{content:\"\";display:block;height:0;clear:both;visibility:hidden}table.collapsed tbody th,table.collapsed tbody td{padding:2px 0 !important}table.collapsed tbody td:empty{display:none}body.ltr table.collapsed tbody [data-title]{margin-right:0}body.rtl table.collapsed tbody [data-title]{margin-left:0}table.collapsed tbody [data-title]:before{margin-right:5px;content:attr(data-title) \":\";font-weight:bold}table.collapsed tbody [data-title] form{display:inline-block}.datatablesorthelper,.editabletablesorthelper,.thumbviewhelper{background-color:var(--white);box-shadow:0 1px 5px -1px rgba(31,41,51,.2)}.datatablesorthelper,.datatablesorthelper .element,.datatablesorthelper a{cursor:move !important}.datatablesorthelper tr:first-child th,.datatablesorthelper tr:first-child td{border-top:none !important}.datatablesorthelper tr:last-child th,.datatablesorthelper tr:last-child td{border-bottom:none !important}.element{position:relative;cursor:default;user-select:none;font-weight:normal;border-radius:var(--small-border-radius)}.element:focus,li:focus .element{background-color:var(--gray-050)}.element.sel,li.sel .element{background-color:var(--light-sel-color) !important;cursor:default}.element.sel:focus,li.sel .element:focus{background-color:#bdcbdb !important}.element.sel.hasthumb .elementthumb img,li.sel .element.hasthumb .elementthumb img{box-shadow:0 0 0 1px rgba(81,95,108,.1),0 6px 4px -4px rgba(81,95,108,.2)}.element.hasthumb .elementthumb:not(:empty){position:absolute;display:flex;justify-content:center;-ms-flex-pack:center;align-items:center;-ms-flex-align:center}.element.hasthumb .elementthumb:not(:empty) img{display:block;flex-shrink:0;pointer-events:none;border-radius:var(--small-border-radius);max-width:100%;max-height:100%}.element.hasthumb .elementthumb:not(:empty).rounded img{border-radius:50%}.element.hasthumb .elementthumb.open-preview{cursor:pointer}.element.error [data-icon=alert]{margin-left:var(--xs)}.element .label{display:inline-block}.element .label .draft-label{display:inline-block;padding:1px 5px;font-weight:normal;text-decoration:none !important;color:var(--medium-text-color);background:var(--gray-100);border-radius:var(--large-border-radius)}body.ltr .element .label .draft-label{margin:-1px 0 -1px 7px}body.rtl .element .label .draft-label{margin:-1px 7px -1px 0}.element.small,.element.large:not(.hasthumb){display:inline-block;padding:7px;box-sizing:border-box}body.ltr .element.small.hasstatus,body.ltr .element.large:not(.hasthumb).hasstatus{padding-left:22px}body.rtl .element.small.hasstatus,body.rtl .element.large:not(.hasthumb).hasstatus{padding-right:22px}.element.small.hasstatus .status,.element.large:not(.hasthumb).hasstatus .status{position:absolute;top:calc(50% - 5px)}body.ltr .element.small.hasstatus .status,body.ltr .element.large:not(.hasthumb).hasstatus .status{left:7px}body.rtl .element.small.hasstatus .status,body.rtl .element.large:not(.hasthumb).hasstatus .status{right:7px}.element.small.hasstatus .icon:not(.delete),.element.large:not(.hasthumb).hasstatus .icon:not(.delete){position:absolute;top:calc(50% - 11px)}body.ltr .element.small.hasstatus .icon:not(.delete),body.ltr .element.large:not(.hasthumb).hasstatus .icon:not(.delete){left:6px}body.rtl .element.small.hasstatus .icon:not(.delete),body.rtl .element.large:not(.hasthumb).hasstatus .icon:not(.delete){right:6px}body.ltr .element.small.hasthumb,body.ltr .element.large:not(.hasthumb).hasthumb{padding-left:39px}body.rtl .element.small.hasthumb,body.rtl .element.large:not(.hasthumb).hasthumb{padding-right:39px}.element.small.hasthumb .elementthumb:not(:empty),.element.large:not(.hasthumb).hasthumb .elementthumb:not(:empty){top:calc(50% - 17px);width:34px;height:34px}body.ltr .element.small.hasthumb .elementthumb:not(:empty),body.ltr .element.large:not(.hasthumb).hasthumb .elementthumb:not(:empty){left:0}body.rtl .element.small.hasthumb .elementthumb:not(:empty),body.rtl .element.large:not(.hasthumb).hasthumb .elementthumb:not(:empty){right:0}.element.small.hasthumb .elementthumb:not(:empty).checkered img,.element.large:not(.hasthumb).hasthumb .elementthumb:not(:empty).checkered img{background-image:linear-gradient(45deg, var(--gray-100) 25%, transparent 25%),linear-gradient(135deg, var(--gray-100) 25%, transparent 25%),linear-gradient(45deg, transparent 75%, var(--gray-100) 75%),linear-gradient(135deg, transparent 75%, var(--gray-100) 75%);background-size:8px 8px;background-position:0 0,4px 0,4px -4px,0 4px}body.ltr .element.small.hasthumb.hasstatus,body.ltr .element.large:not(.hasthumb).hasthumb.hasstatus{padding-left:54px}body.rtl .element.small.hasthumb.hasstatus,body.rtl .element.large:not(.hasthumb).hasthumb.hasstatus{padding-right:54px}body.ltr .element.small.hasthumb.hasstatus .status,body.ltr .element.large:not(.hasthumb).hasthumb.hasstatus .status{left:39px}body.rtl .element.small.hasthumb.hasstatus .status,body.rtl .element.large:not(.hasthumb).hasthumb.hasstatus .status{right:39px}.element.large.hasthumb{display:block;padding:132px 7px 7px;width:134px;box-sizing:border-box}body.ltr .element.large.hasthumb.hasstatus{padding-left:22px}body.rtl .element.large.hasthumb.hasstatus{padding-right:22px}.element.large.hasthumb.hasstatus .status{position:absolute;top:138px}body.ltr .element.large.hasthumb.hasstatus .status{left:7px}body.rtl .element.large.hasthumb.hasstatus .status{right:7px}.element.large.hasthumb .elementthumb:not(:empty){top:7px;width:120px;height:120px}body.ltr .element.large.hasthumb .elementthumb:not(:empty){left:7px}body.rtl .element.large.hasthumb .elementthumb:not(:empty){right:7px}.element.large.hasthumb .elementthumb:not(:empty).checkered img{background-image:linear-gradient(45deg, var(--gray-100) 25%, transparent 25%),linear-gradient(135deg, var(--gray-100) 25%, transparent 25%),linear-gradient(45deg, transparent 75%, var(--gray-100) 75%),linear-gradient(135deg, transparent 75%, var(--gray-100) 75%);background-size:15px 15px;background-position:0 0,7.5px 0,7.5px -7.5px,0 7.5px}.element.large.hasthumb .label{display:block;word-wrap:normal}body.ltr .element.removable .label{padding-right:20px}body.rtl .element.removable .label{padding-left:20px}.element.removable .delete:before{color:var(--ui-control-color)}.element.removable.small .delete,.element.removable.large:not(.hasthumb) .delete{position:absolute;top:calc(50% - 11px)}body.ltr .element.removable.small .delete,body.ltr .element.removable.large:not(.hasthumb) .delete{right:7px}body.rtl .element.removable.small .delete,body.rtl .element.removable.large:not(.hasthumb) .delete{left:7px}.element.removable.large.hasthumb .delete{position:absolute}body.ltr .element.removable.large.hasthumb .delete{right:7px}body.rtl .element.removable.large.hasthumb .delete{left:7px}.element:not(.removable) .delete{display:none}.elements{position:relative}.elements:not(.busy) .update-spinner{display:none}.elements.busy{min-height:200px}.elements.busy:after{display:block;content:\"\";font-size:0;position:absolute;top:0;left:-24px;width:calc(100% + 48px);height:100%;background:rgba(255,255,255,.75);border-radius:var(--large-border-radius)}.elements.busy .update-spinner{z-index:1}.elements .header{margin:-24px -24px 24px;padding:14px 24px;background-color:var(--gray-050);box-shadow:none}.elements .header:after{content:\"\"}.elements .header .selectallcontainer{cursor:default}body.ltr .elements .header .selectallcontainer .checkbox{margin-right:5px}body.rtl .elements .header .selectallcontainer .checkbox{margin-left:5px}.elements .tableview .move,.elements .tableview .toggle{display:flex;position:absolute;justify-content:center;align-items:center;top:50%;transform:translateY(-50%);width:var(--touch-target-size);height:var(--touch-target-size)}body.ltr .elements .tableview .move,body.ltr .elements .tableview .toggle{margin-left:calc(var(--touch-target-size)*-1)}body.rtl .elements .tableview .move,body.rtl .elements .tableview .toggle{margin-right:calc(var(--touch-target-size)*-1)}.elements .tableview .move{font-size:11px;text-decoration:none}.elements .tableview .toggle{text-align:center;padding:4px;border-radius:50%}body.ltr .elements .tableview .move+.toggle{margin-left:calc(var(--touch-target-size)*-2)}body.rtl .elements .tableview .move+.toggle{margin-right:calc(var(--touch-target-size)*-2)}.elements .thumbsview{width:calc(\n 100% + 15px\n );display:grid;gap:5px;grid-template-columns:repeat(auto-fit, minmax(180px, 1fr))}body.ltr .elements .thumbsview{margin:-7px -8px -8px -7px}body.rtl .elements .thumbsview{margin:-7px -7px -8px -8px}.elements .thumbsview li{position:relative}body.ltr .elements .thumbsview li{margin:0 1px 1px 0}body.rtl .elements .thumbsview li{margin:0 0 1px 1px}.elements .thumbsview li:hover .element{background-color:var(--gray-050)}.elements .thumbsview li .element.large.hasthumb{width:unset}.elements .thumbsview li .element.large.hasthumb .elementthumb:not(:empty){width:100%}body.ltr .elements .thumbsview li.has-checkbox .element.hasthumb:not(.hasstatus){padding-left:28px}body.rtl .elements .thumbsview li.has-checkbox .element.hasthumb:not(.hasstatus){padding-right:28px}body.ltr .elements .thumbsview li.has-checkbox .element.hasthumb.hasstatus{padding-left:43px}body.rtl .elements .thumbsview li.has-checkbox .element.hasthumb.hasstatus{padding-right:43px}body.ltr .elements .thumbsview li.has-checkbox .element.hasthumb.hasstatus .status{left:28px}body.rtl .elements .thumbsview li.has-checkbox .element.hasthumb.hasstatus .status{right:28px}.elements .thumbsview li.has-checkbox .checkbox{position:absolute;top:134px}body.ltr .elements .thumbsview li.has-checkbox .checkbox{left:7px}body.rtl .elements .thumbsview li.has-checkbox .checkbox{right:7px}.export-form{position:relative}.export-form .spinner{position:absolute;bottom:0}body.ltr .export-form .spinner{right:-24px}body.rtl .export-form .spinner{left:-24px}.thumbviewhelper{margin:-7px;padding:7px}.thumbviewhelper .thumbsview,.thumbviewhelper .thumbsview li{margin:0 !important}.structure{position:relative;z-index:1}body.ltr .structure li{padding-left:8px}body.rtl .structure li{padding-right:8px}.structure li.collapsed>ul{display:none}.structure li .row:hover>.icon,.structure li.draghelper>.row .move,.structure li .add.active{opacity:1}.structure li.draghelper>.row .add{opacity:0}.structure li.draghelper>.row .move:before{color:var(--link-color)}.structure li.draginsertion{position:relative;height:2px;background-color:var(--link-color) !important;border-radius:1px}body.ltr .structure li.draginsertion{margin:-1px 0 -1px 8px}body.rtl .structure li.draginsertion{margin:-1px 8px -1px 0}body.ltr .structure li.draginsertion{padding-left:0}body.rtl .structure li.draginsertion{padding-right:0}body.ltr .structure li.draginsertion{border-left:none}body.rtl .structure li.draginsertion{border-right:none}.structure li .toggle{position:relative;z-index:1;padding:4px}body.ltr .structure li .toggle{float:left}body.rtl .structure li .toggle{float:right}body.ltr .structure li .toggle{margin:10px -8px 0 -12px}body.rtl .structure li .toggle{margin:10px -12px 0 -8px}.structure li .row:after{content:\"\";display:block;height:0;clear:both;visibility:hidden}.structure li .move,.structure li .add{opacity:0;transition:opacity linear 100ms}body.ltr .structure li .move,body.ltr .structure li .add{margin:5px 5px 0 0}body.rtl .structure li .move,body.rtl .structure li .add{margin:5px 0 0 5px}.structure li .add{padding:0 5px}.structure li .add:before{content:\"downangle\";color:var(--dark-hairline-color)}.structure li .add:not(.disabled):hover:before,.structure li .add.active:before{color:var(--link-color)}body.ltr .structure li .checkbox{float:left}body.rtl .structure li .checkbox{float:right}body.ltr .structure li .checkbox{margin:7px 0 0 7px}body.rtl .structure li .checkbox{margin:7px 7px 0 0}body.ltr .structure ul{margin-left:-3px}body.rtl .structure ul{margin-right:-3px}.structure ul li{background-repeat:no-repeat}body.ltr .structure ul li{padding-left:38px}body.rtl .structure ul li{padding-right:38px}body.ltr .structure ul li{background-image:url(../images/branch.png);background-position:0 0}body.rtl .structure ul li{background-image:url(../images/branch_rtl.png);background-position:100% 0}body.ltr .structure ul li:not(:last-child):not(.last){padding-left:37px}body.rtl .structure ul li:not(:last-child):not(.last){padding-right:37px}body.ltr .structure ul li:not(:last-child):not(.last){border-left:1px solid var(--hairline-color)}body.rtl .structure ul li:not(:last-child):not(.last){border-right:1px solid var(--hairline-color)}body.ltr .structure ul li:not(:last-child):not(.last){background-position:-1px 0}body.rtl .structure ul li:not(:last-child):not(.last){background-position:calc(100% + 1px) 0}body.ltr .structure ul li.draginsertion{margin-left:38px}body.rtl .structure ul li.draginsertion{margin-right:38px}.structure .row.draghover .element{z-index:2;border-radius:15px;box-shadow:inset 0 0 0 2px var(--link-color)}.structure .row.droptarget{border-radius:5px;box-shadow:inset 0 0 0 2px var(--link-color)}.elementselect{position:relative;min-height:34px;margin-top:-7px}.elementselect .elements:after{content:\"\";display:block;height:0;clear:both;visibility:hidden}body.ltr .elementselect .element{float:left}body.rtl .elementselect .element{float:right}body.ltr .elementselect .element{margin:7px 7px 0 0}body.rtl .elementselect .element{margin:7px 0 0 7px}.elementselect .element.small,.elementselect .flex,.elementselect .btn{clear:both}.elementselect .element{z-index:1}.elementselect .element.small{max-width:100%}.elementselect .element.small .label{display:block;max-width:100%;box-sizing:border-box;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}body.ltr .elementselect .caboose{float:left}body.rtl .elementselect .caboose{float:right}.elementselect .flex{padding-top:7px;float:none !important}table.editable{border-radius:var(--large-border-radius);border:1px solid var(--gray-200)}table.editable th,table.editable td.action{color:var(--medium-text-color);font-weight:normal;background-color:var(--gray-050)}table.editable thead tr th,table.editable tbody tr th{padding:6px 10px}table.editable thead tr th{border-bottom:1px solid var(--hairline-color)}body.ltr table.editable thead tr th.has-info{padding-right:calc(15px + 1em)}body.rtl table.editable thead tr th.has-info{padding-left:calc(15px + 1em)}table.editable thead tr th span.info{position:absolute;margin-left:5px}table.editable tbody tr:not(:first-child) th,table.editable tbody tr:not(:first-child) td{border-top:1px solid var(--hairline-color)}body.ltr table.editable tbody tr:last-child td:first-child{border-bottom-left-radius:var(--large-border-radius)}body.rtl table.editable tbody tr:last-child td:first-child{border-bottom-right-radius:var(--large-border-radius)}body.ltr table.editable tbody tr:last-child td:first-child textarea,body.ltr table.editable tbody tr:last-child td:first-child input.text{border-bottom-left-radius:var(--large-border-radius)-1}body.rtl table.editable tbody tr:last-child td:first-child textarea,body.rtl table.editable tbody tr:last-child td:first-child input.text{border-bottom-right-radius:var(--large-border-radius)-1}body.ltr table.editable tbody tr td:not(:first-child),body.ltr table.editable tbody tr th~td:not(.hidden)~td{border-left:1px solid var(--hairline-color)}body.rtl table.editable tbody tr td:not(:first-child),body.rtl table.editable tbody tr th~td:not(.hidden)~td{border-right:1px solid var(--hairline-color)}body.ltr table.editable tbody tr th~td:not(:first-child){border-left:1px solid #dbdddf}body.rtl table.editable tbody tr th~td:not(:first-child){border-right:1px solid #dbdddf}table.editable tbody tr td{vertical-align:top;text-align:center;background-color:var(--white);padding:4px 10px}table.editable tbody tr td.focus{position:relative;box-shadow:inset 0 0 0 1px var(--hairline-color)}table.editable tbody tr td.textual{padding:0}table.editable tbody tr td.textual textarea{resize:none}table.editable tbody tr td.textual pre{white-space:pre-wrap}body.ltr table.editable tbody tr td.textual pre{text-align:left}body.rtl table.editable tbody tr td.textual pre{text-align:right}table.editable tbody tr td.lightswitch-cell{padding-top:9px;padding-bottom:9px}table.editable tbody tr td.lightswitch-cell .lightswitch{display:block;margin:0 auto}table.editable tbody tr td.checkbox-cell{padding-top:10px;padding-bottom:10px}table.editable tbody tr td.checkbox-cell .checkbox-wrapper{display:block;margin:-2px auto 0;width:16px;height:16px}table.editable tbody tr td.error{box-shadow:inset 0 0 0 1px var(--error-color)}table.editable tbody tr td.disabled{position:relative;opacity:1}table.editable tbody tr td.disabled:after{content:\"\";font-size:0;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(243,247,252,.75);user-select:none}table.editable tbody tr td.action{padding:4px 7px}body.ltr table.editable tbody tr td.action+td.action{border-left:none}body.rtl table.editable tbody tr td.action+td.action{border-right:none}body.ltr table.editable tbody tr td.action+td.action{padding-left:0}body.rtl table.editable tbody tr td.action+td.action{padding-right:0}table.editable tbody tr td .flex>*{margin-bottom:0}table.editable tbody textarea,table.editable tbody textarea.text,table.editable tbody input.text,table.editable tbody pre{display:block;width:100%;border:none;box-shadow:none;border-radius:0;padding:7px 10px;background-color:rgba(0,0,0,0);overflow:hidden;transition:none;box-sizing:border-box}table.editable tbody .color-container{display:block;position:relative}table.editable tbody .color-container>.color,table.editable tbody .color-container .color-input{margin-bottom:0}table.editable tbody .color-container>.color{position:absolute;top:10px;z-index:1}body.ltr table.editable tbody .color-container>.color{left:10px}body.rtl table.editable tbody .color-container>.color{right:10px}body.ltr table.editable tbody .color-container .color-hex-indicator{left:32px}body.rtl table.editable tbody .color-container .color-hex-indicator{right:32px}body.ltr table.editable tbody .color-container .color-input{padding-left:calc(32px + 1em)}body.rtl table.editable tbody .color-container .color-input{padding-right:calc(32px + 1em)}table.editable tbody .datewrapper,table.editable tbody .timewrapper{display:block;width:100%}table.editable tbody .datewrapper .text+div[data-icon],table.editable tbody .timewrapper .text+div[data-icon]{top:6px}body.ltr table.editable tbody .datewrapper .text+div[data-icon],body.ltr table.editable tbody .timewrapper .text+div[data-icon]{left:10px}body.rtl table.editable tbody .datewrapper .text+div[data-icon],body.rtl table.editable tbody .timewrapper .text+div[data-icon]{right:10px}table.editable:not(.static) td.textual{cursor:text}table.editable+.btn.add{display:block;width:100%}table.editable:not(.hidden)+.btn.add{border-top-width:0;border-radius:0 0 var(--medium-border-radius) var(--medium-border-radius)}.border-box+.buttons,.shadow-box+.buttons{margin-top:7px}body.ltr ul.tree,body.ltr .tree ul{margin-left:20px}body.rtl ul.tree,body.rtl .tree ul{margin-right:20px}body.ltr .tree li .toggle{margin:7px 0 0 -15px}body.rtl .tree li .toggle{margin:7px -15px 0 0}.status{display:inline-block;width:10px;height:10px;border:1px solid rgba(0,0,0,0);border-radius:100%;box-sizing:border-box}body.ltr .status{margin-right:10px}body.rtl .status{margin-left:10px}body.use-shapes .status.pending{background-color:rgba(0,0,0,0);border-style:solid;border-width:0 5px 10px 5px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) var(--pending-color) rgba(0,0,0,0);border-radius:1px}body.use-shapes .status.off,body.use-shapes .status.suspended,body.use-shapes .status.expired{border-radius:1px}.status:not(.on):not(.live):not(.active):not(.enabled):not(.pending):not(.off):not(.suspended):not(.expired):not(.yellow):not(.orange):not(.red):not(.pink):not(.purple):not(.blue):not(.green):not(.turquoise):not(.light):not(.grey):not(.black){border-color:var(--ui-control-color)}.green,.status.on,.status.live,.status.active,.status.enabled{background-color:var(--enabled-color)}.orange,.status.pending{background-color:var(--pending-color)}.red,.status.off,.status.suspended,.status.expired{background-color:var(--disabled-color)}.yellow{background-color:var(--yellow-300)}.pink{background-color:var(--pink-400)}.purple{background-color:#9b59b6}.blue{background-color:var(--blue-600)}.turquoise{background-color:var(--teal-300)}.status.light{background-color:var(--gray-100)}.grey{background-color:var(--gray-300)}.black{background-color:var(--gray-800)}.status.white,.status.disabled{opacity:1}.condition-container{margin:24px 0}.condition-rule,.condition-footer{padding:7px}.condition-footer{border:1px dashed var(--medium-hairline-color);border-radius:var(--large-border-radius)}.condition:not(:empty)+.condition-footer{border-top-width:0;border-top-left-radius:0;border-top-right-radius:0}.condition-footer .spinner:not(.loading){display:none}.condition-rule{margin:0;border:1px solid var(--hairline-color);background-color:var(--gray-050)}.condition-rule:first-child{border-top-left-radius:var(--large-border-radius);border-top-right-radius:var(--large-border-radius)}.condition-rule+.condition-rule{border-top-width:0}.condition-rule>.rule-move,.condition-rule>.rule-actions{margin-top:5px}.condition-rule>.rule-body .lightswitch{margin-top:6px;display:block}.condition-rule>.rule-body .selectize{min-width:100px}.condition-rule>.rule-body .text.fullwidth{min-width:100px;max-width:100%}.progressbar{border-radius:6px;border:2px solid var(--gray-700);padding:2px;position:absolute;left:20%;width:60%;z-index:1000}.progressbar-inner{border-radius:2px;height:4px;background-color:var(--gray-700)}.progressbar:not(.pending) .progressbar-inner{width:0;transition:width linear 100ms}.progressbar.pending .progressbar-inner{animation-timing-function:linear;animation-duration:250ms;animation-iteration-count:infinite}body.ltr .progressbar.pending .progressbar-inner{background:repeating-linear-gradient(135deg, var(--white), var(--white) 8.8388347649px, var(--gray-700) 8.8388347649px, var(--gray-700) 17.6776695297px)}body.rtl .progressbar.pending .progressbar-inner{background:repeating-linear-gradient(45deg, var(--white), var(--white) 8.8388347649px, var(--gray-700) 8.8388347649px, var(--gray-700) 17.6776695297px)}body.ltr .progressbar.pending .progressbar-inner{animation-name:pendingprogress-ltr}body.rtl .progressbar.pending .progressbar-inner{animation-name:pendingprogress-rtl}@keyframes pendingprogress-ltr{from{background-position:0}to{background-position:25px}}@keyframes pendingprogress-rtl{from{background-position:0}to{background-position:-25px}}.elementselect .progress-shade{background-color:rgba(255,255,255,.8);width:100%;height:100%;position:absolute;top:0;display:none}body.ltr .elementselect .progress-shade{left:0}body.rtl .elementselect .progress-shade{right:0}.elementselect.uploading{position:relative}.elementselect.uploading .progress-shade{display:block;z-index:2}.missing-component{padding:7px 10px !important;max-width:400px;background-color:var(--gray-050) !important}.missing-component .error{margin:0}.missing-component .install-plugin{margin:7px 0 -7px;border-top:1px solid var(--hairline-color);position:relative}body.ltr .missing-component .install-plugin{padding:10px 0 10px 40px}body.rtl .missing-component .install-plugin{padding:10px 40px 10px 0}.missing-component .install-plugin .icon{width:32px;height:32px;position:absolute;top:calc(50% - 16px)}body.ltr .missing-component .install-plugin .icon{left:0}body.rtl .missing-component .install-plugin .icon{right:0}.missing-component .install-plugin .icon img,.missing-component .install-plugin .icon svg{width:100%;height:100%}.missing-component .install-plugin h3{flex:1;margin:8px 0 !important}.missing-component .install-plugin .btn{margin:0}.pane{background:#fff;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);position:relative;margin:14px 0;padding:24px;border-radius:var(--large-border-radius);word-wrap:break-word;box-sizing:border-box}.pane:focus{box-shadow:var(--focus-ring)}.pane .pane,#content .pane{background-color:var(--gray-050);border:1px solid var(--hairline-color);box-shadow:none}.pane.loading{min-height:200px}.pane.loading:after{display:block;content:\"\";font-size:0;position:absolute;top:0;left:-24px;width:calc(100% + 48px);height:100%}.pane-header{margin:calc(var(--xl)*-1) var(--neg-padding) var(--xl);padding:var(--s) var(--xl);min-height:50px;box-sizing:border-box;box-shadow:inset 0 -1px 0 0 rgba(154,165,177,.25);border-radius:var(--large-border-radius) var(--large-border-radius) 0 0;background-color:var(--gray-050)}.pane-header .header-btn{margin:2px 0;width:30px;height:30px;padding-left:0;padding-right:0}.pane-header .header-btn:not(:hover):not(:active):not(.active){background-color:rgba(0,0,0,0)}.pane-header .header-btn:not(:active):not(.active):hover{background-color:rgba(154,165,177,.15)}.pane-header .spinner{margin:0 !important}.pane-tabs{display:flex;flex-direction:row;align-items:center;margin:calc(var(--s)*-1) calc(var(--xl)*-1)}.pane-tabs:first-child{border-radius:var(--large-border-radius) var(--large-border-radius) 0 0;overflow:hidden}.pane-tabs [role=tablist]{flex:1;display:flex;flex-direction:row;overflow-x:auto;scrollbar-width:none}.pane-tabs [role=tablist]::-webkit-scrollbar{display:none}body.ltr .pane-tabs [role=tablist].scrollable{mask-image:linear-gradient(to left, rgba(0, 0, 0, 0), rgb(0, 0, 0) 24px)}body.rtl .pane-tabs [role=tablist].scrollable{mask-image:linear-gradient(to right, rgba(0, 0, 0, 0), rgb(0, 0, 0) 24px)}.pane-tabs [role=tablist] [role=tab],.pane-tabs [role=tablist] [role=tab] .tab-label{border-radius:2px 2px 0 0}.pane-tabs [role=tablist] [role=tab] .tab-label{display:flex;flex-direction:row;align-items:center;position:relative;padding:0 24px;white-space:nowrap;color:var(--light-text-color);height:50px}.pane-tabs [role=tablist] [role=tab]:hover{text-decoration:none}.pane-tabs [role=tablist] [role=tab].focus-visible{box-shadow:none}.pane-tabs [role=tablist] [role=tab].focus-visible .tab-label{box-shadow:var(--inner-focus-ring)}.pane-tabs [role=tablist] [role=tab]:not(.sel):hover{background-color:rgba(154,165,177,.15)}.pane-tabs [role=tablist] [role=tab].sel{position:relative;z-index:1;cursor:default;color:var(--text-color);box-shadow:inset 0 2px 0 var(--gray-500),0 0 0 1px rgba(51,64,77,.1),0 2px 12px rgba(205,216,228,.5);color:var(--text-color);background-color:var(--white)}body.ltr .pane-tabs [role=tablist] [role=tab] span[data-icon]{margin-left:4px}body.rtl .pane-tabs [role=tablist] [role=tab] span[data-icon]{margin-right:4px}body.ltr .pane-tabs:first-child [role=tablist] [role=tab]:first-child,body.ltr .pane-tabs:first-child [role=tablist] [role=tab]:first-child .tab-label{border-top-left-radius:var(--large-border-radius)}body.rtl .pane-tabs:first-child [role=tablist] [role=tab]:first-child,body.rtl .pane-tabs:first-child [role=tablist] [role=tab]:first-child .tab-label{border-top-right-radius:var(--large-border-radius)}.pane-tabs .menubtn{margin:0 var(--xl)}.details{--spacing: var(--l);padding:0 var(--padding) var(--spacing)}.details .meta,.details .field,.details hr{margin-left:var(--neg-padding);margin-right:var(--neg-padding)}.details .meta{margin-bottom:var(--spacing)}.details .meta:not(.read-only){background-color:var(--gray-050) !important}.details .meta.read-only{color:var(--medium-text-color)}.details .meta.read-only>.data{align-items:baseline;min-height:auto}.details .meta.read-only>.data>.heading,.details .meta.read-only>.data>.value{padding:6px 0}.details .meta.read-only>.data:first-child>.heading,.details .meta.read-only>.data:first-child>.value{padding-top:0}.details .meta.read-only>.data:last-child>.heading,.details .meta.read-only>.data:last-child>.value{padding-bottom:0}.details .meta.warning{padding-top:var(--m);padding-bottom:var(--m);color:var(--text-color) !important;background-color:var(--yellow-050) !important;box-shadow:0 0 0 1px var(--yellow-300),0 2px 12px rgba(205,216,228,.5)}.details .meta.warning p{margin-bottom:5px}.details .meta.warning .btn{background-color:var(--yellow-300)}.details .meta.warning .btn:hover,.details .meta.warning .btn:focus{background-color:#f8d02e}.details .meta.warning .btn:active{background-color:#f8ca15}.details .meta>.field,.details .meta>.data{margin:0 var(--neg-padding) !important}.details .meta>.field>.heading>label,.details .meta>.field>.heading,.details .meta>.data>.heading>label,.details .meta>.data>.heading{color:var(--gray-600)}body.ltr .details .meta>.field>.status-badge{left:0}body.rtl .details .meta>.field>.status-badge{right:0}.details .meta .text::placeholder,.details .meta .datewrapper .text+div[data-icon],.details .meta .timewrapper .text+div[data-icon]{color:var(--gray-500)}body.ltr .details .meta .ui-datepicker{margin:0 0 0 -8px}body.rtl .details .meta .ui-datepicker{margin:0 -8px 0 0}.details hr{margin:var(--spacing) 0;border-top-color:var(--hairline-color)}.details ::-webkit-input-placeholder{color:var(--gray-500)}.details input:-ms-input-placeholder{color:var(--gray-500)}.details ::-ms-input-placeholder{color:var(--gray-500)}.details :-moz-placeholder{color:var(--gray-500)}.details ::-moz-placeholder{color:var(--gray-500)}.details ::placeholder{color:var(--gray-500)}.details .text{background-color:rgba(0,0,0,0) !important;resize:none}.details>.field>.heading>label,.details>fieldset>legend{margin-top:0;font-weight:normal;color:var(--gray-600)}.details>fieldset{margin:0 0 var(--spacing)}.details>fieldset>legend{margin-bottom:5px}.details>.field{margin:0 0 var(--spacing)}.details>.field>.heading{margin-top:0}.details>.field>.input>.text.fullwidth{margin:0 var(--neg-padding);padding-left:var(--padding);padding-right:var(--padding);border:none;background-color:var(--gray-050) !important;width:calc(100% + var(--padding) + var(--padding))}.details>.text{border-radius:var(--large-border-radius);margin-bottom:var(--spacing)}.details>.text:not(:focus){border-color:rgba(96,125,159,.4)}.meta{padding:0 var(--padding);overflow:visible}.meta>.field,.meta>.data,.meta>.flex-fields>.field,.meta>.flex-fields>.data{display:flex;min-height:50px;box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;align-items:center;margin:0 var(--neg-padding) !important;padding:0 var(--padding);transition:padding-left linear 100ms,padding-right linear 100ms}body.ltr .meta>.field.nested,body.ltr .meta>.data.nested,body.ltr .meta>.flex-fields>.field.nested,body.ltr .meta>.flex-fields>.data.nested{padding-left:38px}body.rtl .meta>.field.nested,body.rtl .meta>.data.nested,body.rtl .meta>.flex-fields>.field.nested,body.rtl .meta>.flex-fields>.data.nested{padding-right:38px}.meta>.field.add,.meta>.data.add,.meta>.flex-fields>.field.add,.meta>.flex-fields>.data.add{background-color:#ebf2fa}.meta>.field.add:before,.meta>.data.add:before,.meta>.flex-fields>.field.add:before,.meta>.flex-fields>.data.add:before{position:absolute;width:31px;font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);content:\"plus\";color:var(--light-text-color)}body.ltr .meta>.field.add:before,body.ltr .meta>.data.add:before,body.ltr .meta>.flex-fields>.field.add:before,body.ltr .meta>.flex-fields>.data.add:before{left:0}body.rtl .meta>.field.add:before,body.rtl .meta>.data.add:before,body.rtl .meta>.flex-fields>.field.add:before,body.rtl .meta>.flex-fields>.data.add:before{right:0}body.ltr .meta>.field.add:before,body.ltr .meta>.data.add:before,body.ltr .meta>.flex-fields>.field.add:before,body.ltr .meta>.flex-fields>.data.add:before{text-align:right}body.rtl .meta>.field.add:before,body.rtl .meta>.data.add:before,body.rtl .meta>.flex-fields>.field.add:before,body.rtl .meta>.flex-fields>.data.add:before{text-align:left}.meta>.field.add .input,.meta>.data.add .input,.meta>.flex-fields>.field.add .input,.meta>.flex-fields>.data.add .input{width:100%}.meta>.field>.heading,.meta>.data>.heading,.meta>.flex-fields>.field>.heading,.meta>.flex-fields>.data>.heading{flex:0 0 104px;line-height:18px}body.ltr .meta>.field>.heading,body.ltr .meta>.data>.heading,body.ltr .meta>.flex-fields>.field>.heading,body.ltr .meta>.flex-fields>.data>.heading{margin:0 var(--s) 0 0}body.rtl .meta>.field>.heading,body.rtl .meta>.data>.heading,body.rtl .meta>.flex-fields>.field>.heading,body.rtl .meta>.flex-fields>.data>.heading{margin:0 0 0 var(--s)}.meta>.field.lightswitch-field>.heading,.meta>.data.lightswitch-field>.heading,.meta>.flex-fields>.field.lightswitch-field>.heading,.meta>.flex-fields>.data.lightswitch-field>.heading{flex:1}.meta>.field>.input .flex,.meta>.data>.input .flex,.meta>.flex-fields>.field>.input .flex,.meta>.flex-fields>.data>.input .flex{flex-wrap:nowrap}.meta>.field>.input .flex>*,.meta>.data>.input .flex>*,.meta>.flex-fields>.field>.input .flex>*,.meta>.flex-fields>.data>.input .flex>*{margin-bottom:0}.meta>.field>.heading,.meta>.flex-fields>.field>.heading{padding:14px 0}.meta>.field>.heading>.copytextbtn,.meta>.flex-fields>.field>.heading>.copytextbtn{display:none}.meta>.data>.heading,.meta>.flex-fields>.data>.heading{padding:var(--s) 0}.meta>.field>.heading>label,.meta>.data>.heading,.meta>.flex-fields>.field>.heading>label,.meta>.flex-fields>.data>.heading{color:var(--medium-text-color)}.meta>.field>.input,.meta>.data>.value,.meta>.flex-fields>.field>.input,.meta>.flex-fields>.data>.value{padding:var(--s) 0;width:calc(100% - 112px)}.meta>.data>.value,.meta>.flex-fields>.data>.value{display:flex;align-items:center}.meta>.data>.value>[data-icon=draft],.meta>.flex-fields>.data>.value>[data-icon=draft]{margin-top:-2px}body.ltr .meta>.data>.value>[data-icon=draft],body.ltr .meta>.flex-fields>.data>.value>[data-icon=draft]{margin-right:8px}body.rtl .meta>.data>.value>[data-icon=draft],body.rtl .meta>.flex-fields>.data>.value>[data-icon=draft]{margin-left:8px}.meta>.field.lightswitch-field>.input,.meta>.flex-fields>.field.lightswitch-field>.input{flex:0;width:auto}.meta>.field.has-errors,.meta>.flex-fields>.field.has-errors{border:1px solid var(--error-color) !important}.meta>.field.has-errors:first-child,.meta>.flex-fields>.field.has-errors:first-child{border-top-left-radius:var(--large-border-radius);border-top-right-radius:var(--large-border-radius)}.meta>.field.has-errors:last-child,.meta>.flex-fields>.field.has-errors:last-child{border-bottom-left-radius:var(--large-border-radius);border-bottom-right-radius:var(--large-border-radius)}.meta>.field.has-errors+.field,.meta>.flex-fields>.field.has-errors+.field{border-top:none !important}.meta>.field>.heading>label,.meta>.field>.heading>legend,.meta>.flex-fields>.field>.heading>label,.meta>.flex-fields>.field>.heading>legend{font-weight:normal}.meta>.field>.input>.text,.meta>.field>.input>.flex>.text,.meta>.field>.input>.flex>.textwrapper>.text,.meta>.field>.input>.datewrapper>.text,.meta>.field>.input>.timewrapper>.text,.meta>.field>.input>.datetimewrapper>.datewrapper>.text,.meta>.field>.input>.datetimewrapper>.timewrapper>.text,.meta>.flex-fields>.field>.input>.text,.meta>.flex-fields>.field>.input>.flex>.text,.meta>.flex-fields>.field>.input>.flex>.textwrapper>.text,.meta>.flex-fields>.field>.input>.datewrapper>.text,.meta>.flex-fields>.field>.input>.timewrapper>.text,.meta>.flex-fields>.field>.input>.datetimewrapper>.datewrapper>.text,.meta>.flex-fields>.field>.input>.datetimewrapper>.timewrapper>.text{display:block;margin:calc(var(--s)*-1) 0;padding:14px 0;border-radius:0;background-color:rgba(0,0,0,0);border:none !important}.meta>.field>.input>.datewrapper,.meta>.field>.input>.timewrapper,.meta>.field>.input>.datetimewrapper>.datewrapper,.meta>.field>.input>.datetimewrapper>.timewrapper,.meta>.flex-fields>.field>.input>.datewrapper,.meta>.flex-fields>.field>.input>.timewrapper,.meta>.flex-fields>.field>.input>.datetimewrapper>.datewrapper,.meta>.flex-fields>.field>.input>.datetimewrapper>.timewrapper{background-color:rgba(0,0,0,0)}body.ltr .meta>.field>.input>.datewrapper .text+div[data-icon],body.ltr .meta>.field>.input>.timewrapper .text+div[data-icon],body.ltr .meta>.field>.input>.datetimewrapper>.datewrapper .text+div[data-icon],body.ltr .meta>.field>.input>.datetimewrapper>.timewrapper .text+div[data-icon],body.ltr .meta>.flex-fields>.field>.input>.datewrapper .text+div[data-icon],body.ltr .meta>.flex-fields>.field>.input>.timewrapper .text+div[data-icon],body.ltr .meta>.flex-fields>.field>.input>.datetimewrapper>.datewrapper .text+div[data-icon],body.ltr .meta>.flex-fields>.field>.input>.datetimewrapper>.timewrapper .text+div[data-icon]{left:0}body.rtl .meta>.field>.input>.datewrapper .text+div[data-icon],body.rtl .meta>.field>.input>.timewrapper .text+div[data-icon],body.rtl .meta>.field>.input>.datetimewrapper>.datewrapper .text+div[data-icon],body.rtl .meta>.field>.input>.datetimewrapper>.timewrapper .text+div[data-icon],body.rtl .meta>.flex-fields>.field>.input>.datewrapper .text+div[data-icon],body.rtl .meta>.flex-fields>.field>.input>.timewrapper .text+div[data-icon],body.rtl .meta>.flex-fields>.field>.input>.datetimewrapper>.datewrapper .text+div[data-icon],body.rtl .meta>.flex-fields>.field>.input>.datetimewrapper>.timewrapper .text+div[data-icon]{right:0}.meta>.field>.input>.datetimewrapper>.datewrapper,.meta>.flex-fields>.field>.input>.datetimewrapper>.datewrapper{width:55%}.meta>.field>.input>.datetimewrapper>.timewrapper,.meta>.flex-fields>.field>.input>.datetimewrapper>.timewrapper{width:45%}body.ltr .meta>.field>.input>.datetimewrapper>.clear-btn,body.ltr .meta>.flex-fields>.field>.input>.datetimewrapper>.clear-btn{margin-right:-24px}body.rtl .meta>.field>.input>.datetimewrapper>.clear-btn,body.rtl .meta>.flex-fields>.field>.input>.datetimewrapper>.clear-btn{margin-left:-24px}.meta>.field>.input>.datewrapper,.meta>.field>.input>.timewrapper,.meta>.flex-fields>.field>.input>.datewrapper,.meta>.flex-fields>.field>.input>.timewrapper{display:block;width:100%}.meta>.field>ul.errors,.meta>.flex-fields>.field>ul.errors{margin:0;padding:0 0 6px;width:100%;list-style-type:none}body.ltr .meta>.field>.clear-btn,body.ltr .meta>.flex-fields>.field>.clear-btn{margin-right:var(--neg-padding)}body.rtl .meta>.field>.clear-btn,body.rtl .meta>.flex-fields>.field>.clear-btn{margin-left:var(--neg-padding)}.meta>.field:not(:first-child),.meta>.flex-fields+.field{border-top:1px solid var(--hairline-color)}.meta>.flex-fields h2,.meta>.flex-fields blockquote.note{margin:0 -24px !important;padding:14px 24px;background-color:#ebf2fa}.meta>.flex-fields blockquote.note{border-radius:0;border:none}.meta>.flex-fields hr{margin:0 -24px}.meta>.field>.input>.select{display:block;margin:calc(var(--s)*-1) 0;width:100%;border-radius:0;box-shadow:none;background-color:rgba(0,0,0,0)}body.ltr .meta>.field>.input>.select:after{right:0}body.rtl .meta>.field>.input>.select:after{left:0}.meta>.field>.input>.select+.spinner{position:absolute;top:calc(50% - 17px)}body.ltr .meta>.field>.input>.select+.spinner{right:-24px}body.rtl .meta>.field>.input>.select+.spinner{left:-24px}.meta>.field>.input>.select select{width:100%;background-color:rgba(0,0,0,0)}body.ltr .meta>.field>.input>.select select{padding:var(--s) 12px var(--s) 0}body.rtl .meta>.field>.input>.select select{padding:var(--s) 0 var(--s) 12px}.body{position:relative}.slideout-container,.slideout,.modal,.hud{z-index:100;box-sizing:border-box}.modal,.hud .body{border-radius:5px;background-color:#fff;box-shadow:0 25px 100px rgba(31,41,51,.5)}.slideout-shade{opacity:0;transition:opacity linear 250ms}.slideout-shade.so-visible{opacity:1}.slideout-container{position:fixed;top:0;left:0;width:100vw;height:100vh;height:-webkit-fill-available;pointer-events:none}.slideout{position:absolute;background-color:var(--white);box-shadow:0 0 0 1px rgba(123,135,147,.25),0 25px 100px rgba(31,41,51,.5);display:flex;flex-direction:column;overflow:hidden;padding:24px var(--padding);pointer-events:all}.slideout.so-mobile{--padding: 14px;--neg-padding: -14px;width:100%;height:100%;left:0;transition:top linear 250ms;will-change:top}.slideout:not(.so-mobile){top:8px;width:calc(50% - 8px);height:calc(100% - 16px);border-radius:var(--large-border-radius)}@media screen and (prefers-reduced-motion: no-preference){body.ltr .slideout:not(.so-mobile){transition:left linear 250ms;will-change:left}body.rtl .slideout:not(.so-mobile){transition:right linear 250ms;will-change:right}}.slideout>.pane-header{z-index:2}.slideout>.pane-header>.so-toolbar{display:flex;flex-direction:row;align-items:center;gap:var(--s);min-height:34px}.slideout>.pane-header>.so-toolbar>.pane-tabs{width:1px;flex:1}body.ltr .slideout>.pane-header>.so-toolbar>.pane-tabs{margin-right:0}body.rtl .slideout>.pane-header>.so-toolbar>.pane-tabs{margin-left:0}.slideout.so-mobile>.pane-header{padding-left:10px;padding-right:10px}.slideout>.so-body{flex:1;margin:-24px var(--neg-padding) 0;padding:24px var(--padding);overflow:hidden auto;position:relative}.slideout>.so-body>.so-sidebar{position:absolute;top:0;background:#fff;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);width:350px;height:100%;max-width:100%;box-sizing:border-box;padding:0 var(--padding) var(--spacing);background-color:var(--gray-100);overflow:hidden auto;z-index:1}.slideout>.so-body>.so-sidebar:focus{box-shadow:var(--focus-ring)}body.ltr .slideout>.so-body>.so-sidebar{transition:right linear 250ms}body.rtl .slideout>.so-body>.so-sidebar{transition:left linear 250ms}.slideout>.so-body>.so-sidebar>.preview-thumb-container{margin:0 var(--neg-padding);height:auto;min-height:54px}.slideout>.so-body>.so-sidebar>.preview-thumb-container+.pane-header{border-radius:0}.slideout>.so-body>.so-sidebar .image-actions.is-mobile{margin:calc(var(--spacing)/2) 0 var(--spacing)}.slideout>.so-body>.so-sidebar>.meta.read-only:first-child{margin-top:var(--padding)}.slideout>.so-body>.so-sidebar>.meta.warning{box-shadow:none;border-bottom:1px solid var(--yellow-300)}.slideout>.so-body>.so-sidebar>.field>.input>.text.fullwidth{border-radius:0}.slideout>.so-footer{position:relative;display:flex;gap:8px;justify-content:space-between;flex-wrap:wrap;margin:0 var(--neg-padding) -24px;padding:8px var(--padding);background:#fff;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);background-color:var(--gray-050);z-index:3}.slideout>.so-footer:focus{box-shadow:var(--focus-ring)}.slideout>.so-footer>.so-extra{flex:0 0 100%;margin:0 var(--neg-padding);padding:0 var(--padding) 8px;border-bottom:1px solid var(--hairline-color)}@media(min-width: 1536px){.slideout.has-sidebar .pane-header:not(.so-visible){display:none}.slideout.has-sidebar .sidebar-btn{display:none}.slideout.has-sidebar .so-body{display:flex;flex-direction:row;padding:0;overflow:hidden}.slideout.has-sidebar .so-body>.so-content{position:relative;z-index:2;padding:24px;width:calc(100% - 350px);height:100%;box-sizing:border-box;overflow:hidden auto}body.ltr .slideout.has-sidebar .so-body>.so-content{border-right:1px solid var(--gray-200)}body.rtl .slideout.has-sidebar .so-body>.so-content{border-left:1px solid var(--gray-200)}.slideout.has-sidebar .so-body>.so-sidebar{position:relative;display:block !important;top:auto;right:auto !important;left:auto !important;height:100%;box-shadow:none}.slideout>.so-footer>.so-extra{margin:0;padding:0;border:none;flex:auto 0 1}}.header:after,.hud-header:after,.footer:after,.hud-footer:after,.body:after{content:\"\";display:block;height:0;clear:both;visibility:hidden}.header,.hud-header,.footer,.hud-footer{position:relative;z-index:1;box-sizing:border-box}.header,.hud-header,.footer,.hud-footer{background-color:var(--gray-100)}.header,.hud-header{border-radius:var(--large-border-radius) var(--large-border-radius) 0 0;padding:24px;box-shadow:inset 0 -1px 0 var(--hairline-color)}.header h1,.hud-header h1{margin:0}.footer,.hud-footer{border-radius:0 0 var(--large-border-radius) var(--large-border-radius);padding:var(--s) var(--xl);box-shadow:inset 0 1px 0 var(--hairline-color)}.footer.flex>*,.hud-footer.flex>*{margin-bottom:0}.modal .body,.hud .main{padding:24px;overflow:hidden;box-sizing:border-box}.pane .header,.modal .body .header{margin:-24px -24px 24px}.pane .footer,.modal .body .footer{margin:24px -24px -24px}.slideout-shade,.modal-shade,.hud-shade{z-index:100;position:fixed;top:0;left:0;width:100%;height:100%;display:none}.slideout-shade:not(.dark),.modal-shade:not(.dark){background-color:rgba(123,135,147,.35) !important}.slideout-shade.dark,.modal-shade.dark{background-color:rgba(31,41,51,.5) !important}.modal{position:fixed;overflow:hidden}.modal:not(.fitted):not(.fullscreen){width:66%;height:66%;min-width:600px;min-height:400px}.modal.fitted{width:auto;height:auto;min-width:0;min-height:0}.modal.fullscreen{width:100%;height:100%;border-radius:0}body.ltr .modal.alert .body{padding-left:76px}body.rtl .modal.alert .body{padding-right:76px}.modal.alert .body:before{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);content:\"alert\";font-size:40px;color:var(--light-text-color)}body.ltr .modal.alert .body:before{margin:-6px 0 0 -58px}body.rtl .modal.alert .body:before{margin:-6px -58px 0 0}body.ltr .modal.alert .body:before{float:left}body.rtl .modal.alert .body:before{float:right}body.ltr .modal.secure .body{padding-left:76px}body.rtl .modal.secure .body{padding-right:76px}.modal.secure .body:before{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);content:\"secure\";font-size:58px;color:var(--light-text-color)}body.ltr .modal.secure .body:before{margin:-14px 0 0 -56px}body.rtl .modal.secure .body:before{margin:-14px -56px 0 0}body.ltr .modal.secure .body:before{float:left}body.rtl .modal.secure .body:before{float:right}.modal .resizehandle{position:absolute;z-index:1;bottom:0;width:24px;height:24px;cursor:nwse-resize;padding:var(--xs)}body.ltr .modal .resizehandle{right:0}body.rtl .modal .resizehandle{left:0}.modal .resizehandle path{fill:var(--ui-control-color)}body.rtl .modal .resizehandle .ltr{display:none}body.ltr .modal .resizehandle .rtl{display:none}.hud{position:absolute;display:none;top:0}.hud.has-footer .tip-bottom{background-image:url(../images/hudtip_bottom_gray.png)}.hud .tip{position:absolute;z-index:101;background:no-repeat 0 0}.hud .tip-left{left:-15px;width:15px;height:30px;background-image:url(../images/hudtip_left.png)}.hud .tip-top{top:-15px;width:30px;height:15px;background-image:url(../images/hudtip_top.png)}.hud .tip-right{right:-15px;width:15px;height:30px;background-image:url(../images/hudtip_right.png)}.hud .tip-bottom{bottom:-15px;width:30px;height:15px;background-image:url(../images/hudtip_bottom.png)}.hud .hud-header,.hud .hud-footer{padding:var(--s) var(--xl)}.hud .body{overflow:hidden}.hud .body ::-webkit-scrollbar{appearance:none}.hud .body ::-webkit-scrollbar:vertical{width:11px}.hud .body ::-webkit-scrollbar:horizontal{height:11px}.hud .body ::-webkit-scrollbar-thumb{border-radius:8px;border:2px solid rgba(0,0,0,0);background-color:rgba(0,0,0,.5);background-clip:content-box}.hud .body ::-webkit-scrollbar-track{background-color:var(--gray-050)}.preview-thumb-container{position:relative;display:flex;flex-direction:row;align-items:center;height:190px;background-color:var(--gray-900);margin:0 var(--neg-padding) var(--spacing)}.preview-thumb-container.checkered img{background-color:var(--white);background-image:linear-gradient(45deg, var(--gray-100) 25%, transparent 25%),linear-gradient(135deg, var(--gray-100) 25%, transparent 25%),linear-gradient(45deg, transparent 75%, var(--gray-100) 75%),linear-gradient(135deg, transparent 75%, var(--gray-100) 75%);background-size:17px 17px;background-position:0 0,8.5px 0,8.5px -8.5px,0 8.5px}.preview-thumb-container.editable{cursor:pointer}.preview-thumb-container.loading:after{content:\"\";font-size:0;display:block;position:absolute;width:100%;height:100%;left:0;top:0;background-color:rgba(31,41,51,.8)}.preview-thumb-container.loading .spinner{color:var(--white);z-index:1}#details .preview-thumb-container{border-radius:var(--large-border-radius);overflow:hidden}.preview-thumb-container .preview-thumb{display:flex;flex-direction:column;align-items:center;width:100%;height:100%}.preview-thumb-container .preview-thumb img{display:block;max-width:100%;max-height:190px}.image-actions.is-mobile{margin:calc(var(--spacing)/2*-1) var(--neg-padding) var(--spacing);display:grid;grid-template-columns:1fr 1fr}.button-fade .buttons{opacity:0;position:absolute;top:10px;margin:0;transition:opacity linear 100ms}body.ltr .button-fade .buttons{right:10px}body.rtl .button-fade .buttons{left:10px}.button-fade .buttons .btn{--ui-control-color: var(--white);--ui-control-hover-color: var(--white);--ui-control-active-color: var(--white);--interaction-background-color: var(--gray-700);background-color:var(--gray-600);color:var(--white);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:500;--light-color: var(--white);--dark-color: var(--gray-800);--focus-ring: 0 0 0 3px var(--light-color), 0 0 0 6px var(--dark-color)}.button-fade .buttons .btn:hover{background-color:var(--interaction-background-color) !important}.button-fade .buttons .btn:not(.disabled):not(.loading):not(.dashed):focus,.button-fade .buttons .btn:not(.disabled):not(.loading):not(.dashed).focus,.button-fade .buttons .btn:not(.disabled):not(.loading):not(.dashed):hover{background-color:var(--interaction-background-color)}.button-fade:hover .buttons,.button-fade:focus-within .buttons{opacity:1}.elementselectormodal{--content-padding: 24px;padding-bottom:50px;user-select:none}.elementselectormodal .main-header{display:flex;align-items:center;margin-bottom:var(--s)}.elementselectormodal .main-heading{margin-bottom:0}.elementselectormodal .nav-toggle{height:var(--touch-target-size);width:var(--touch-target-size);color:var(--ui-control-color)}body.ltr .elementselectormodal .nav-toggle{margin-left:4px}body.rtl .elementselectormodal .nav-toggle{margin-right:4px}.elementselectormodal .nav-toggle:hover{color:var(--gray-500)}.elementselectormodal .sidebar-header{display:flex;justify-content:flex-end;padding:0 var(--s);margin-bottom:var(--s)}.elementselectormodal .nav-close{height:var(--touch-target-size);width:var(--touch-target-size)}.elementselectormodal .body{position:relative;height:100%}.elementselectormodal .body .spinner.big{position:absolute;top:50%;left:50%;margin:-24px 0 0 -24px}.elementselectormodal .body .content{height:calc(100% + 48px)}.elementselectormodal .body .content .sidebar{position:absolute;top:0;height:100%;overflow:auto;padding:var(--content-padding) 0}body.ltr .elementselectormodal .body .content .sidebar{margin-left:-249px}body.rtl .elementselectormodal .body .content .sidebar{margin-right:-249px}.elementselectormodal .body .content .main{margin:-24px;padding:var(--content-padding);height:100%;box-sizing:border-box;overflow:auto;position:relative}.elementselectormodal .body .content .main .elements.busy{min-height:calc(100% - 48px)}.elementselectormodal .body .content .main .elements .tableview table .element{display:inline-block}.elementselectormodal .body .content .main .elements .tableview table tr.disabled{opacity:1;color:var(--gray-200)}.elementselectormodal .body .content .main .elements .tableview table tr.disabled .element{opacity:.25}.elementselectormodal .body .content .main .elements .tableview table tr th,.elementselectormodal .body .content .main .elements .tableview table tr td{cursor:default}body.ltr .elementselectormodal .body .content .main .elements .tableview table tr td:first-child{padding-left:7px}body.rtl .elementselectormodal .body .content .main .elements .tableview table tr td:first-child{padding-right:7px}.elementselectormodal .body .content .main .elements .structure .row{margin-top:1px}.elementselectormodal .footer{position:absolute;bottom:0;left:0;width:100%;margin:0;box-sizing:border-box}body.ltr .elementselectormodal .footer .spinner{float:right}body.rtl .elementselectormodal .footer .spinner{float:left}body.ltr .elementselectormodal .footer .spinner{margin-right:-24px}body.rtl .elementselectormodal .footer .spinner{margin-left:-24px}.element-hud-form .buttons{position:relative}.element-hud-form .buttons .spinner{position:absolute;top:0}body.ltr .element-hud-form .buttons .spinner{right:-24px}body.rtl .element-hud-form .buttons .spinner{left:-24px}.element-filter-hud.loading .body{padding:50px;display:flex;align-items:center;justify-content:center}.element-filter-hud .body,.element-filter-hud .main{overflow:visible}.address-cards{display:grid;gap:var(--m) var(--m);grid-template-columns:repeat(1, minmax(0, 1fr));grid-auto-rows:minmax(0, 1fr)}.address-cards__add-btn{padding:1rem;min-height:8rem;height:auto;width:100%}.address-card.error{border:1px solid #cf1124}.address-card.error:hover{border-color:#cf1124}@media(min-width: 1024px){.address-cards{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media(min-width: 1280px){.address-cards{grid-template-columns:repeat(3, minmax(0, 1fr))}}@media(min-width: 1536px){.address-cards{grid-template-columns:repeat(4, minmax(0, 1fr))}}.address-card{border:1px solid #eee;border-radius:.375rem;padding:1rem;min-height:4rem}.address-card:hover{border-color:#ddd;background-color:#fafafa;cursor:pointer}.address-card .address-card-header{display:flex;flex-wrap:nowrap;justify-content:space-between}.address-card .address-card-header-actions{display:flex;justify-content:flex-end}.address-card .address-card-label{background:#e6f1fe;color:#2563eb;padding:.125rem .5rem;border-radius:.25rem;font-size:.75rem;text-transform:uppercase;font-weight:500;margin-bottom:.75rem}.ltr .address-card .address-card-label{margin-right:.5rem}.rtl .address-card .address-card-label{margin-left:.5rem}.logoutwarningmodalshade,.loginmodalshade{z-index:101}#logoutwarningmodal,#loginmodal,#elevatedsessionmodal,.prompt{width:500px}#logoutwarningmodal,#loginmodal{z-index:101}.prompt{height:auto;min-height:auto}.deleteusermodal .content-summary{margin:-24px -24px 24px;padding:24px;background-color:var(--gray-050)}.deleteusermodal .options label{display:inline-block;line-height:30px}.deleteusermodal .elementselect{display:inline-block;vertical-align:middle}body.ltr .deleteusermodal .elementselect{margin-left:10px}body.rtl .deleteusermodal .elementselect{margin-right:10px}body.ltr .deleteusermodal .buttons .spinner{margin-right:-20px}body.rtl .deleteusermodal .buttons .spinner{margin-left:-20px}.dropdownsettingsmodal{width:auto;height:auto;min-width:0;min-height:0;max-width:400px}.dropdownsettingsmodal .body{max-height:100%;overflow-y:auto}.previewmodal.zilch{padding:100px 0;display:flex;align-items:center;justify-content:center}.menu,.ui-datepicker,.ui-timepicker-list{z-index:100;border-radius:4px;padding:0 14px;overflow:auto;background:#fff;user-select:none;box-shadow:0 0 0 1px rgba(31,41,51,.1),0 5px 20px rgba(31,41,51,.25)}.ui-datepicker,.ui-timepicker-list{padding:0}.menu{display:none;position:absolute}.menu h6:first-child{margin-top:14px !important}body.ltr .menu ul.padded li a,body.ltr .menu ul.padded li .menu-option{padding-left:24px}body.rtl .menu ul.padded li a,body.rtl .menu ul.padded li .menu-option{padding-right:24px}.menu ul.padded li a[data-icon]:before,.menu ul.padded li a.icon:before,.menu ul.padded li a.sel:before,.menu ul.padded li .menu-option[data-icon]:before,.menu ul.padded li .menu-option.icon:before,.menu ul.padded li .menu-option.sel:before{font-size:14px;color:var(--ui-control-color)}body.ltr .menu ul.padded li a[data-icon]:before,body.ltr .menu ul.padded li a.icon:before,body.ltr .menu ul.padded li a.sel:before,body.ltr .menu ul.padded li .menu-option[data-icon]:before,body.ltr .menu ul.padded li .menu-option.icon:before,body.ltr .menu ul.padded li .menu-option.sel:before{float:left}body.rtl .menu ul.padded li a[data-icon]:before,body.rtl .menu ul.padded li a.icon:before,body.rtl .menu ul.padded li a.sel:before,body.rtl .menu ul.padded li .menu-option[data-icon]:before,body.rtl .menu ul.padded li .menu-option.icon:before,body.rtl .menu ul.padded li .menu-option.sel:before{float:right}body.ltr .menu ul.padded li a[data-icon]:before,body.ltr .menu ul.padded li a.icon:before,body.ltr .menu ul.padded li a.sel:before,body.ltr .menu ul.padded li .menu-option[data-icon]:before,body.ltr .menu ul.padded li .menu-option.icon:before,body.ltr .menu ul.padded li .menu-option.sel:before{margin:3px 0 0 -17px}body.rtl .menu ul.padded li a[data-icon]:before,body.rtl .menu ul.padded li a.icon:before,body.rtl .menu ul.padded li a.sel:before,body.rtl .menu ul.padded li .menu-option[data-icon]:before,body.rtl .menu ul.padded li .menu-option.icon:before,body.rtl .menu ul.padded li .menu-option.sel:before{margin:3px -17px 0 0}.menu ul.padded li a[data-icon].error:before,.menu ul.padded li a.icon.error:before,.menu ul.padded li a.sel.error:before,.menu ul.padded li .menu-option[data-icon].error:before,.menu ul.padded li .menu-option.icon.error:before,.menu ul.padded li .menu-option.sel.error:before{color:var(--error-color)}.menu ul.padded li a.sel:not([data-icon]):before,.menu ul.padded li .menu-option.sel:not([data-icon]):before{content:\"check\"}.menu ul li a,.menu ul li .menu-option{margin:0 -14px;padding:10px 14px;color:#3f4d5a;text-decoration:none;white-space:nowrap;font-size:14px;cursor:default;-webkit-appearance:none}.menu ul li a:not(.flex),.menu ul li .menu-option:not(.flex){display:block !important;box-sizing:border-box;width:calc(100% + 28px)}body.ltr .menu ul li a:not(.flex),body.ltr .menu ul li .menu-option:not(.flex){text-align:left}body.rtl .menu ul li a:not(.flex),body.rtl .menu ul li .menu-option:not(.flex){text-align:right}.menu ul li a.sel,.menu ul li .menu-option.sel{cursor:default}.menu ul li a .shortcut,.menu ul li .menu-option .shortcut{padding:0 4px;border-radius:var(--medium-border-radius);box-shadow:0 0 0 1px rgba(81,95,108,.25),0 1px 3px -1px rgba(81,95,108,.5)}body.ltr .menu ul li a .shortcut,body.ltr .menu ul li .menu-option .shortcut{float:right}body.rtl .menu ul li a .shortcut,body.rtl .menu ul li .menu-option .shortcut{float:left}body.ltr .menu ul li a .shortcut,body.ltr .menu ul li .menu-option .shortcut{margin-left:14px}body.rtl .menu ul li a .shortcut,body.rtl .menu ul li .menu-option .shortcut{margin-right:14px}.menu>.flex{margin-top:10px;margin-bottom:10px;position:relative}body.ltr .menu>.flex.padded{margin-left:-14px}body.rtl .menu>.flex.padded{margin-right:-14px}body.ltr .menu>.flex.padded{padding-left:24px}body.rtl .menu>.flex.padded{padding-right:24px}.menu>.flex.padded.sel:before{position:absolute;top:36px;content:\"check\";font-size:14px;color:var(--light-text-color)}body.ltr .menu>.flex.padded.sel:before{left:7px}body.rtl .menu>.flex.padded.sel:before{right:7px}.menu hr{margin:5px -14px}.menubtn span.icon,.menu span.icon{display:inline-block;margin-top:-1px;width:10px;text-align:center;font-size:14px;color:var(--ui-control-color)}body.ltr .menubtn span.icon,body.ltr .menu span.icon{margin-right:10px}body.rtl .menubtn span.icon,body.rtl .menu span.icon{margin-left:10px}.menu:not(.menu--disclosure) ul li a:not(.sel):not(.disabled):hover,.menu:not(.menu--disclosure):not(:hover) ul li a:not(.disabled).hover{color:#fff;background-color:#606d7b;--text-color: var(--white);--light-text-color: var(--gray-100);--ui-control-color: var(--gray-050);--ui-control-hover-color: var(--gray-100);--ui-control-active-color: var(--gray-100)}.menu:not(.menu--disclosure) ul li a:not(.sel):not(.disabled):hover span.icon,.menu:not(.menu--disclosure) ul li a:not(.sel):not(.disabled):hover:before,.menu:not(.menu--disclosure):not(:hover) ul li a:not(.disabled).hover span.icon,.menu:not(.menu--disclosure):not(:hover) ul li a:not(.disabled).hover:before{color:var(--menu-option-active-color)}.menu:not(.menu--disclosure) ul li a:not(.sel):not(.disabled):hover.error,.menu:not(.menu--disclosure):not(:hover) ul li a:not(.disabled).hover.error{color:var(--menu-option-active-color) !important}body.ltr .menu hr.padded,body.ltr .menu h6.padded{margin-left:10px}body.rtl .menu hr.padded,body.rtl .menu h6.padded{margin-right:10px}.menu--disclosure ul li>a:hover,.menu--disclosure ul li>.menu-option:hover{color:#3f4d5a;background-color:#f3f7fc}body:not(.reduce-focus-visibility) .menu--disclosure ul li>a:focus,body.reduce-focus-visibility .menu--disclosure ul li>a.focus-visible,body:not(.reduce-focus-visibility) .menu--disclosure ul li>.menu-option:focus,body.reduce-focus-visibility .menu--disclosure ul li>.menu-option.focus-visible{box-shadow:inset 0 0 0 3px hsla(var(--dark-focus-hsl), 0.7)}.tagselect .elements{display:inline}.tagselect .element.small{clear:none}.tagselect .add{position:relative;z-index:1;display:inline-block;width:12em}body.ltr .tagselect .add{margin:7px 7px 0 0}body.rtl .tagselect .add{margin:7px 0 0 7px}body.ltr .tagselect .add .text{padding-right:30px}body.rtl .tagselect .add .text{padding-left:30px}.tagselect .add .spinner{position:absolute;top:0}body.ltr .tagselect .add .spinner{right:5px}body.rtl .tagselect .add .spinner{left:5px}body.ltr .tagselect.elementselect .element,body.rtl .tagselect.elementselect .element{float:none !important;display:inline-block}body.ltr .tagmenu ul li a{padding-left:26px}body.rtl .tagmenu ul li a{padding-right:26px}body.ltr .tagmenu ul li a:before{float:left}body.rtl .tagmenu ul li a:before{float:right}body.ltr .tagmenu ul li a:before{margin:3px 0 0 -18px}body.rtl .tagmenu ul li a:before{margin:3px -18px 0 0}.shadow-box{border-radius:var(--large-border-radius);border:1px solid var(--gray-200);box-shadow:0 1px 5px -1px rgba(31,41,51,.2)}table.shadow-box,table.editable{border-collapse:separate;border-spacing:0}table.shadow-box thead tr:first-child th:first-child,table.shadow-box thead tr:first-child th:first-child.disabled:after,table.shadow-box thead tr:first-child td:first-child,table.shadow-box thead tr:first-child td:first-child.disabled:after,table.shadow-box tbody:first-child tr:first-child th:first-child,table.shadow-box tbody:first-child tr:first-child th:first-child.disabled:after,table.shadow-box tbody:first-child tr:first-child td:first-child,table.shadow-box tbody:first-child tr:first-child td:first-child.disabled:after,table.shadow-box caption+tbody tr:first-child th:first-child,table.shadow-box caption+tbody tr:first-child th:first-child.disabled:after,table.shadow-box caption+tbody tr:first-child td:first-child,table.shadow-box caption+tbody tr:first-child td:first-child.disabled:after,table.editable thead tr:first-child th:first-child,table.editable thead tr:first-child th:first-child.disabled:after,table.editable thead tr:first-child td:first-child,table.editable thead tr:first-child td:first-child.disabled:after,table.editable tbody:first-child tr:first-child th:first-child,table.editable tbody:first-child tr:first-child th:first-child.disabled:after,table.editable tbody:first-child tr:first-child td:first-child,table.editable tbody:first-child tr:first-child td:first-child.disabled:after,table.editable caption+tbody tr:first-child th:first-child,table.editable caption+tbody tr:first-child th:first-child.disabled:after,table.editable caption+tbody tr:first-child td:first-child,table.editable caption+tbody tr:first-child td:first-child.disabled:after{border-top-left-radius:var(--medium-border-radius)}table.shadow-box thead tr:first-child th:last-child,table.shadow-box thead tr:first-child th:last-child.disabled:after,table.shadow-box thead tr:first-child td:last-child,table.shadow-box thead tr:first-child td:last-child.disabled:after,table.shadow-box tbody:first-child tr:first-child th:last-child,table.shadow-box tbody:first-child tr:first-child th:last-child.disabled:after,table.shadow-box tbody:first-child tr:first-child td:last-child,table.shadow-box tbody:first-child tr:first-child td:last-child.disabled:after,table.shadow-box caption+tbody tr:first-child th:last-child,table.shadow-box caption+tbody tr:first-child th:last-child.disabled:after,table.shadow-box caption+tbody tr:first-child td:last-child,table.shadow-box caption+tbody tr:first-child td:last-child.disabled:after,table.editable thead tr:first-child th:last-child,table.editable thead tr:first-child th:last-child.disabled:after,table.editable thead tr:first-child td:last-child,table.editable thead tr:first-child td:last-child.disabled:after,table.editable tbody:first-child tr:first-child th:last-child,table.editable tbody:first-child tr:first-child th:last-child.disabled:after,table.editable tbody:first-child tr:first-child td:last-child,table.editable tbody:first-child tr:first-child td:last-child.disabled:after,table.editable caption+tbody tr:first-child th:last-child,table.editable caption+tbody tr:first-child th:last-child.disabled:after,table.editable caption+tbody tr:first-child td:last-child,table.editable caption+tbody tr:first-child td:last-child.disabled:after{border-top-right-radius:var(--medium-border-radius)}table.shadow-box thead:last-child tr:last-child th:first-child,table.shadow-box thead:last-child tr:last-child th:first-child.disabled:after,table.shadow-box thead:last-child tr:last-child td:first-child,table.shadow-box thead:last-child tr:last-child td:first-child.disabled:after,table.shadow-box tbody:last-child tr:last-child th:first-child,table.shadow-box tbody:last-child tr:last-child th:first-child.disabled:after,table.shadow-box tbody:last-child tr:last-child td:first-child,table.shadow-box tbody:last-child tr:last-child td:first-child.disabled:after,table.editable thead:last-child tr:last-child th:first-child,table.editable thead:last-child tr:last-child th:first-child.disabled:after,table.editable thead:last-child tr:last-child td:first-child,table.editable thead:last-child tr:last-child td:first-child.disabled:after,table.editable tbody:last-child tr:last-child th:first-child,table.editable tbody:last-child tr:last-child th:first-child.disabled:after,table.editable tbody:last-child tr:last-child td:first-child,table.editable tbody:last-child tr:last-child td:first-child.disabled:after{border-bottom-left-radius:var(--large-border-radius)-1}table.shadow-box thead:last-child tr:last-child th:last-child,table.shadow-box thead:last-child tr:last-child th:last-child.disabled:after,table.shadow-box thead:last-child tr:last-child td:last-child,table.shadow-box thead:last-child tr:last-child td:last-child.disabled:after,table.shadow-box tbody:last-child tr:last-child th:last-child,table.shadow-box tbody:last-child tr:last-child th:last-child.disabled:after,table.shadow-box tbody:last-child tr:last-child td:last-child,table.shadow-box tbody:last-child tr:last-child td:last-child.disabled:after,table.editable thead:last-child tr:last-child th:last-child,table.editable thead:last-child tr:last-child th:last-child.disabled:after,table.editable thead:last-child tr:last-child td:last-child,table.editable thead:last-child tr:last-child td:last-child.disabled:after,table.editable tbody:last-child tr:last-child th:last-child,table.editable tbody:last-child tr:last-child th:last-child.disabled:after,table.editable tbody:last-child tr:last-child td:last-child,table.editable tbody:last-child tr:last-child td:last-child.disabled:after{border-bottom-right-radius:var(--large-border-radius)-1}.text,.passwordwrapper,.border-box,.matrix-configurator>.field>.input,.selectize.multiselect .selectize-input,.multiselect>select{border-radius:3px;border:1px solid rgba(96,125,159,.25);background-color:#fbfcfe;background-clip:padding-box}.text.focus,.passwordwrapper.focus,.border-box.focus,.selectize.multiselect .selectize-input.focus{box-shadow:var(--focus-ring)}body:not(.reduce-focus-visibility) .text:focus,body.reduce-focus-visibility .text.focus-visible,body:not(.reduce-focus-visibility) .passwordwrapper:focus,body.reduce-focus-visibility .passwordwrapper.focus-visible,body:not(.reduce-focus-visibility) .border-box:focus,body.reduce-focus-visibility .border-box.focus-visible,body:not(.reduce-focus-visibility) .selectize.multiselect .selectize-input:focus,body.reduce-focus-visibility .selectize.multiselect .selectize-input.focus-visible{box-shadow:var(--focus-ring)}input.text,textarea.text,.text>input,.text>textarea,table.editable textarea,.selectize.multiselect .selectize-input{font-size:14px;line-height:20px;color:var(--text-color);min-height:3px;box-sizing:border-box;appearance:none}.selectize.multiselect .selectize-input{line-height:18px}textarea.text.fullwidth{display:block}.multitext .multitextrow:after{content:\"\";display:block;height:0;clear:both;visibility:hidden}body.ltr .multitext .multitextrow:first-child .text:first-child{border-top-left-radius:var(--medium-border-radius)}body.rtl .multitext .multitextrow:first-child .text:first-child{border-top-right-radius:var(--medium-border-radius)}body.ltr .multitext .multitextrow:first-child .text:last-child{border-top-right-radius:var(--medium-border-radius)}body.rtl .multitext .multitextrow:first-child .text:last-child{border-top-left-radius:var(--medium-border-radius)}body.ltr .multitext .multitextrow:last-child .text:first-child{border-bottom-left-radius:var(--medium-border-radius)}body.rtl .multitext .multitextrow:last-child .text:first-child{border-bottom-right-radius:var(--medium-border-radius)}body.ltr .multitext .multitextrow:last-child .text:last-child{border-bottom-right-radius:var(--medium-border-radius)}body.rtl .multitext .multitextrow:last-child .text:last-child{border-bottom-left-radius:var(--medium-border-radius)}.multitext .multitextrow:not(:first-child) .text{margin-top:-1px}.multitext .multitextrow .text{border-radius:0;float:left;box-sizing:border-box}body.ltr .multitext .multitextrow .text:not(:first-child){margin-left:-1px}body.rtl .multitext .multitextrow .text:not(:first-child){margin-right:-1px}.multitext .multitextrow .text:first-child:nth-last-child(1){width:100%}.multitext .multitextrow .text:first-child:nth-last-child(2){width:50%}.multitext .multitextrow .text:first-child:nth-last-child(2)~.text{width:calc(50% + 1px)}.multitext .multitextrow .text.error{position:relative;z-index:1}.multitext .multitextrow .text:focus,.multitext .multitextrow .selectize.multiselect .selectize-input.focus{position:relative;z-index:2}.chars-left{position:relative;color:var(--light-text-color)}body.ltr .chars-left{float:right}body.rtl .chars-left{float:left}body.ltr .chars-left{margin:-27px 7px 0 0}body.rtl .chars-left{margin:-27px 0 0 7px}.input.ltr>.chars-left{float:right !important;margin-right:7px !important}.input.rtl>.chars-left{float:left !important;margin-left:7px !important}.chars-left.negative-chars-left{color:var(--error-color)}.field,fieldset{position:relative;margin:24px 0}.flex>.field,.flex>fieldset{margin-top:0;margin-bottom:0}.field{min-inline-size:initial}.field>.status-badge{position:absolute;top:0;width:2px;height:100%;content:\"\";cursor:help}body.ltr .field>.status-badge{left:0}body.rtl .field>.status-badge{right:0}.field>.status-badge.modified{background-color:var(--blue-600)}.field>.status-badge.outdated{background-color:var(--pending-color)}.field>.heading{display:flex;flex-wrap:wrap;align-items:center;position:relative;margin-top:-5px;margin-bottom:5px}.field>.heading>label,.field>.heading>legend{font-weight:bold;color:var(--medium-dark-text-color)}.field>.heading>label code,.field>.heading>legend code{font-size:1em !important}body.ltr .field>.heading>label .info,body.ltr .field>.heading>legend .info{margin-left:5px}body.rtl .field>.heading>label .info,body.rtl .field>.heading>legend .info{margin-right:5px}.field>.heading>.t9n-indicator{color:var(--light-text-color)}body.ltr .field>.heading>.t9n-indicator{margin-left:7px}body.rtl .field>.heading>.t9n-indicator{margin-right:7px}.field>.heading+.instructions{margin-top:-3px}.field>.heading>.instructions{width:100%}.field>.instructions{margin-bottom:5px}.field>.input{position:relative}.field>.input:after{content:\"\";display:block;height:0;clear:both;visibility:hidden}.field>.input+.instructions{margin:5px 0 0}.field>.notice,.field>.warning{margin:5px 0 0}.field>.instructions,.field>.heading>.instructions,.checkboxfield .instructions{color:var(--medium-text-color)}.field>.instructions img,.field>.instructions video,.field>.instructions embed,.field>.instructions iframe,.field>.heading>.instructions img,.field>.heading>.instructions video,.field>.heading>.instructions embed,.field>.heading>.instructions iframe,.checkboxfield .instructions img,.checkboxfield .instructions video,.checkboxfield .instructions embed,.checkboxfield .instructions iframe{max-width:100% !important}.field>.instructions ul,.field>.instructions ol,.field>.heading>.instructions ul,.field>.heading>.instructions ol,.checkboxfield .instructions ul,.checkboxfield .instructions ol{margin:1em 0}body.ltr .field>.instructions ul,body.ltr .field>.instructions ol,body.ltr .field>.heading>.instructions ul,body.ltr .field>.heading>.instructions ol,body.ltr .checkboxfield .instructions ul,body.ltr .checkboxfield .instructions ol{padding-left:2em}body.rtl .field>.instructions ul,body.rtl .field>.instructions ol,body.rtl .field>.heading>.instructions ul,body.rtl .field>.heading>.instructions ol,body.rtl .checkboxfield .instructions ul,body.rtl .checkboxfield .instructions ol{padding-right:2em}.field>.instructions ul li,.field>.heading>.instructions ul li,.checkboxfield .instructions ul li{list-style-type:disc}.field>.instructions li+li,.field>.heading>.instructions li+li,.checkboxfield .instructions li+li{margin-top:.25em}.expand-status-btn{width:30px;height:17px;padding:0;line-height:16px;border-radius:var(--small-border-radius);color:var(--text-color)}body.ltr .expand-status-btn{margin-left:5px}body.rtl .expand-status-btn{margin-right:5px}.expand-status-btn:before{margin:0}.nested-fields{margin:-24px;padding:24px 24px 0}.nested-fields.hidden{display:block;height:0}.nested-fields>.field:last-child{padding-bottom:24px}input.checkbox{opacity:0;position:absolute;width:var(--checkbox-size);height:var(--checkbox-size)}input.checkbox+label,div.checkbox{display:inline-block;clear:none;position:relative;line-height:16px;height:16px;cursor:pointer}body.ltr input.checkbox+label,body.ltr div.checkbox{padding-left:21px}body.rtl input.checkbox+label,body.rtl div.checkbox{padding-right:21px}input.checkbox+label .info,div.checkbox .info{height:16px}input.checkbox:disabled+label,.disabled div.checkbox{cursor:default}body.ltr input.checkbox+label:empty,body.ltr div.checkbox:empty{padding-left:var(--checkbox-size)}body.rtl input.checkbox+label:empty,body.rtl div.checkbox:empty{padding-right:var(--checkbox-size)}input.checkbox+label:empty:after,div.checkbox:empty:after{content:\"\";font-size:0}input.checkbox+label:before,div.checkbox:before{display:block;position:absolute;top:0;width:var(--checkbox-size) !important;height:var(--checkbox-size);box-sizing:border-box;content:\"\";font-size:0;background-color:#fbfcfe;border:1px solid rgba(96,125,159,.4);background-clip:padding-box;border-radius:var(--small-border-radius)}body.ltr input.checkbox+label:before,body.ltr div.checkbox:before{left:0}body.rtl input.checkbox+label:before,body.rtl div.checkbox:before{right:0}input.checkbox:disabled+label,div.checkbox.disabled:before,div.checkbox.disabled+label{opacity:.25}input.checkbox:checked+label:before,div.checkbox.checked:before,.sel div.checkbox:before,input.checkbox:indeterminate+label:before,div.checkbox.indeterminate:before{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);line-height:var(--checkbox-size);color:var(--gray-900)}input.checkbox:checked:not(:indeterminate)+label:before,div.checkbox.checked:not(.indeterminate):before,.sel div.checkbox:not(.indeterminate):before{content:\"check\";font-size:15px}input.checkbox:indeterminate+label:before,div.checkbox.indeterminate:before{content:\"minus\";font-size:7px;text-align:center}body:not(.reduce-focus-visibility) input.checkbox:focus+label:before,body:not(.reduce-focus-visibility) :focus div.checkbox:before{box-shadow:var(--focus-ring)}body.reduce-focus-visibility input.checkbox.focus-visible+label:before,body.reduce-focus-visibility .focus-visible div.checkbox:before{box-shadow:var(--focus-ring)}.monaco-mouse-cursor-text:focus,.monaco-mouse-cursor-text.focus-visible{box-shadow:none !important}fieldset .checkboxfield{margin:5px 0}.checkboxfield .instructions,.checkboxfield .notice,.checkboxfield .warning{margin-top:2px}body.ltr .checkboxfield .instructions,body.ltr .checkboxfield .notice,body.ltr .checkboxfield .warning{padding-left:21px}body.rtl .checkboxfield .instructions,body.rtl .checkboxfield .notice,body.rtl .checkboxfield .warning{padding-right:21px}input.radio{opacity:0;position:absolute;width:var(--radio-size);height:var(--radio-size)}input.radio+label,div.radio{display:inline-block;clear:none;position:relative;line-height:1.7142857143;cursor:pointer}body.ltr input.radio+label,body.ltr div.radio{padding-left:21px}body.rtl input.radio+label,body.rtl div.radio{padding-right:21px}input.radio:disabled+label,.disabled div.radio{cursor:default}body.ltr input.radio+label:empty,body.ltr div.radio:empty{padding-left:var(--radio-size)}body.rtl input.radio+label:empty,body.rtl div.radio:empty{padding-right:var(--radio-size)}input.radio+label:before,input.radio+label:after,div.radio:before,div.radio:after{display:block;position:absolute;content:\"\";box-sizing:border-box;background-clip:padding-box;border-radius:100%}input.radio+label:before,div.radio:before{top:50%;left:0;transform:translateY(-50%);width:var(--radio-size);height:var(--radio-size);background-color:#fbfcfe;border:1px solid rgba(96,125,159,.4)}input.radio+label:after,div.radio:after{top:50%;left:4px;transform:translateY(-50%);width:calc(var(--radio-size) - 8px);height:calc(var(--radio-size) - 8px)}input.radio:disabled+label,div.radio.disabled:before,div.radio.disabled+label{opacity:.25}input.radio:checked+label:after,div.radio.checked:after,.sel div.radio:after{background:var(--gray-900)}body:not(.reduce-focus-visibility) input.radio:focus+label:before,body:not(.reduce-focus-visibility) :focus div.radio:before{box-shadow:var(--focus-ring)}body.reduce-focus-visibility input.radio.focus-visible+label:before,body.reduce-focus-visibility .focus-visible div.radio:before{box-shadow:var(--focus-ring)}.multiselect>select{color:var(--text-color);font-size:14px;appearance:none}body:not(.reduce-focus-visibility) .multiselect>select:focus,body.reduce-focus-visibility .multiselect>select.focus-visible{box-shadow:var(--focus-ring)}.multiselect>select option{padding:1px 8px}.text,.selectize.multiselect .selectize-input{padding:6px 9px}.text{background-color:var(--white)}.text:not(.small){box-sizing:border-box;min-height:34px}.text.small{padding:3px}.text.readable{padding:16px 18px;font-size:16px;line-height:22px}.text.readable+.chars-left{margin-top:-23px}body.ltr .text.clearable{padding-right:var(--touch-target-size)}body.rtl .text.clearable{padding-left:var(--touch-target-size)}.text input{margin:0;padding:0;border:none;background-color:rgba(0,0,0,0)}.input.errors>.text,.input.errors>.border-box,.input.errors>.passwordwrapper,.input.errors>.autosuggest-container .text,.text.error{border:1px solid var(--error-color) !important}.texticon{position:relative;cursor:text;min-width:130px}.texticon.icon:before{position:absolute;top:9px;color:var(--ui-control-color)}body.ltr .texticon.icon:before{left:9px}body.rtl .texticon.icon:before{right:9px}body.ltr .texticon.icon .text{padding-left:26px}body.rtl .texticon.icon .text{padding-right:26px}.texticon .clear-btn{position:absolute;top:calc((var(--touch-target-size) - 34px)/-2);width:var(--touch-target-size);height:var(--touch-target-size)}body.ltr .texticon .clear-btn{right:0}body.rtl .texticon .clear-btn{left:0}body.ltr .texticon.has-filter-btn .text{padding-right:26px}body.rtl .texticon.has-filter-btn .text{padding-left:26px}.texticon.has-filter-btn .filter-btn{position:absolute;top:4px;padding:0 7px 4px;font-size:14px;line-height:22px;cursor:pointer;border-radius:13px}body.ltr .texticon.has-filter-btn .filter-btn{right:4px}body.rtl .texticon.has-filter-btn .filter-btn{left:4px}.texticon.has-filter-btn .filter-btn:before{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);content:\"sliders\";color:var(--medium-text-color)}.texticon.has-filter-btn .filter-btn:hover{background-color:var(--gray-100)}.texticon.has-filter-btn .filter-btn:active,.texticon.has-filter-btn .filter-btn.active{background-color:var(--gray-350)}.texticon.has-filter-btn .filter-btn:active:before,.texticon.has-filter-btn .filter-btn.active:before{color:var(--white)}body.ltr .texticon.has-filter-btn .text{padding-left:26px}body.rtl .texticon.has-filter-btn .text{padding-right:26px}body.ltr .texticon.has-filter-btn .text.clearable{padding-right:calc(30px + var(--touch-target-size))}body.rtl .texticon.has-filter-btn .text.clearable{padding-left:calc(30px + var(--touch-target-size))}body.ltr .texticon.has-filter-btn .clear-btn{right:30px}body.rtl .texticon.has-filter-btn .clear-btn{left:30px}.texthint-container{position:relative;height:0}.texthint{position:absolute;top:-1px;width:100%;color:var(--light-text-color);cursor:text}.passwordwrapper{position:relative}.passwordwrapper .password{border:none;background:rgba(0,0,0,0);padding-right:4rem;box-shadow:none}.passwordwrapper .password-toggle{color:var(--link-color);position:absolute;top:0;bottom:0;cursor:pointer}body.ltr .passwordwrapper .password-toggle{right:9px}body.rtl .passwordwrapper .password-toggle{left:9px}.passwordwrapper .password-toggle:hover{text-decoration:underline}.datetimewrapper{display:flex;flex-direction:row;align-items:center}body.ltr .datetimewrapper>.datewrapper+.timewrapper,body.ltr .datetimewrapper>.timewrapper+.timezone,body.ltr .datetimewrapper>.select{margin-left:5px}body.rtl .datetimewrapper>.datewrapper+.timewrapper,body.rtl .datetimewrapper>.timewrapper+.timezone,body.rtl .datetimewrapper>.select{margin-right:5px}.clear-btn{display:flex;justify-content:center;align-items:center;width:24px;cursor:pointer;color:var(--ui-control-color);border:none;padding:0;background:rgba(0,0,0,0)}.clear-btn:before{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);content:\"remove\"}.clear-btn:hover{color:var(--ui-control-hover-color)}.clear-btn:active{color:var(--ui-control-active-color)}.close-btn{position:relative}.close-btn:before,.close-btn:after{position:absolute;content:\"\";top:50%;left:50%;height:15px;width:2px;background-color:var(--ui-control-color);opacity:var(--icon-opacity)}.close-btn:before{transform:translate(-50%, -50%) rotate(-45deg)}.close-btn:after{transform:translate(-50%, -50%) rotate(45deg)}.close-btn:hover:before,.close-btn:hover:after{background-color:var(--ui-control-hover-color)}.close-btn:active:before,.close-btn:active:after{background-color:var(--ui-control-active-color)}.datewrapper,.timewrapper{display:inline-block;position:relative}.datewrapper .text,.timewrapper .text{position:relative;z-index:1;width:100%}.datewrapper .text+div[data-icon],.timewrapper .text+div[data-icon]{display:none}.datewrapper .text:placeholder-shown+div[data-icon],.datewrapper .text.empty-value+div[data-icon],.timewrapper .text:placeholder-shown+div[data-icon],.timewrapper .text.empty-value+div[data-icon]{display:block;position:absolute;top:calc(50% - 12px);z-index:0;color:var(--light-text-color)}body.ltr .datewrapper .text:placeholder-shown+div[data-icon],body.ltr .datewrapper .text.empty-value+div[data-icon],body.ltr .timewrapper .text:placeholder-shown+div[data-icon],body.ltr .timewrapper .text.empty-value+div[data-icon]{left:14px}body.rtl .datewrapper .text:placeholder-shown+div[data-icon],body.rtl .datewrapper .text.empty-value+div[data-icon],body.rtl .timewrapper .text:placeholder-shown+div[data-icon],body.rtl .timewrapper .text.empty-value+div[data-icon]{right:14px}.datewrapper .text:placeholder-shown+div[data-icon],.datewrapper .text:placeholder-shown+div[data-icon]:before,.datewrapper .text.empty-value+div[data-icon],.datewrapper .text.empty-value+div[data-icon]:before,.timewrapper .text:placeholder-shown+div[data-icon],.timewrapper .text:placeholder-shown+div[data-icon]:before,.timewrapper .text.empty-value+div[data-icon],.timewrapper .text.empty-value+div[data-icon]:before{user-select:none;pointer-events:none;z-index:1}.datewrapper{width:8em}.timewrapper{width:7em}::-webkit-input-placeholder{color:var(--gray-400)}input:-ms-input-placeholder{color:var(--gray-400)}::-ms-input-placeholder{color:var(--gray-400)}:-moz-placeholder{color:var(--gray-400)}::-moz-placeholder{color:var(--gray-400)}::placeholder{color:var(--gray-400)}::-ms-reveal,::-ms-clear{display:none}tr.indexingSession td{height:34px;padding:1px 10px}tr.indexingSession td.progress div.progressContainer{width:100%;display:flex;justify-content:space-between;align-items:center}tr.indexingSession td.progress div.progressContainer .progressbar{width:70%;position:relative;left:0;height:12px;z-index:1}tr.indexingSession td.progress div.progressContainer div.progressInfo{width:20%}.select:not(.selectize),.select:not(.selectize) select{position:relative;border-radius:5px;white-space:nowrap}.select:not(.selectize){max-width:100%;position:relative}:not(.flex)>.select:not(.selectize){display:inline-block}.select:not(.selectize):after{display:block;content:\"\";font-size:0;width:7px;height:7px;border:solid currentColor;border-width:0 2px 2px 0;opacity:.8;transform:rotate(45deg);position:absolute;z-index:1;top:calc(50% - 5px);user-select:none;pointer-events:none}body.ltr .select:not(.selectize):after{right:9px}body.rtl .select:not(.selectize):after{left:9px}.select:not(.selectize) select{display:block;position:relative;max-width:100%;border:none;font-size:14px;line-height:20px;color:#3f4d5a;background-color:#dfe5ec;appearance:none;white-space:pre}body.ltr .select:not(.selectize) select{padding:7px 22px 7px 10px}body.rtl .select:not(.selectize) select{padding:7px 10px 7px 22px}.select:not(.selectize) select::-ms-expand{display:none}.select:not(.selectize).fullwidth select{min-width:100%}.select:not(.selectize) select:hover{outline-color:rgba(0,0,0,0);background-color:#cfd8e2;box-shadow:var(--focus-ring)}body:not(.reduce-focus-visibility) .select:not(.selectize) select:focus,body.reduce-focus-visibility .select:not(.selectize) select.focus-visible{outline-color:rgba(0,0,0,0);background-color:#cfd8e2;box-shadow:var(--focus-ring)}.select:not(.selectize).small:after{top:9px}.select:not(.selectize).small select{padding-top:4px !important;padding-bottom:4px !important;font-size:11px}.selectize .selectize-input{display:block;border-color:inherit;box-shadow:none;background-color:rgba(0,0,0,0)}.selectize.select .selectize-input:after{display:none}body .selectize-dropdown{border:none;z-index:100}.selectize.select{height:34px}.selectize.select:not(.fullwidth){max-width:25em}.selectize.select .selectize-control{max-width:100%;position:relative}:not(.flex)>.selectize.select .selectize-control{display:inline-block}.selectize.select .selectize-control:after{display:block;content:\"\";font-size:0;width:7px;height:7px;border:solid currentColor;border-width:0 2px 2px 0;opacity:.8;transform:rotate(45deg);position:absolute;z-index:1;top:calc(50% - 5px);user-select:none;pointer-events:none}body.ltr .selectize.select .selectize-control:after{right:9px}body.rtl .selectize.select .selectize-control:after{left:9px}.selectize.select .selectize-input{position:relative;border-radius:5px;white-space:nowrap}.selectize.select .selectize-input.focus{box-shadow:var(--focus-ring)}.selectize.select .selectize-input{display:block;position:relative;max-width:100%;border:none;font-size:14px;line-height:20px;color:#3f4d5a;background-color:#dfe5ec;appearance:none}body.ltr .selectize.select .selectize-input{padding:7px 22px 7px 10px}body.rtl .selectize.select .selectize-input{padding:7px 10px 7px 22px}.selectize.select .selectize-input::-ms-expand{display:none}.selectize.select .selectize-control,.selectize.select .selectize-input{width:100%}.selectize.multiselect .selectize-input{min-height:34px;padding-bottom:3px}.selectize.multiselect .selectize-input.focus{box-shadow:var(--focus-ring)}.selectize.multiselect .selectize-input>.item{display:inline-block;border-radius:3px;padding:3px 7px;font-size:12px;line-height:14px;color:#3f4d5a;background-color:#e4edf6;display:inline-flex;flex-direction:row;padding:3px 7px !important}.selectize.multiselect .selectize-input>.item.active{background-color:#cdd8e4}.selectize.multiselect .selectize-input>.item>.remove{position:static;border-left:none;padding:0;font-size:0;color:var(--ui-control-color)}body.ltr .selectize.multiselect .selectize-input>.item>.remove{margin:-1px -3px 0 3px}body.rtl .selectize.multiselect .selectize-input>.item>.remove{margin:-1px 3px 0 -3px}.selectize.multiselect .selectize-input>.item>.remove:hover{color:var(--ui-control-hover-color);background-color:rgba(0,0,0,0)}.selectize.multiselect .selectize-input>.item>.remove:before{font-size:14px;font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);content:\"remove\"}body .selectize-dropdown{margin-top:1px}body .selectize-dropdown-content{z-index:100;border-radius:4px;padding:0 14px;overflow:auto;background:#fff;user-select:none;box-shadow:0 0 0 1px rgba(31,41,51,.1),0 5px 20px rgba(31,41,51,.25)}body .selectize-dropdown-content .option{min-height:18px}body .selectize-dropdown-content>div[data-value=new]:before{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);content:\"plus\";margin-right:5px}body .selectize-dropdown-content>div[data-value=new]:after{content:\"…\"}body .selectize-dropdown [data-selectable],body .selectize-dropdown .optgroup-header{margin:0 -14px;padding:10px 14px;color:#3f4d5a;text-decoration:none;white-space:nowrap}body .selectize-dropdown .optgroup-header{margin:14px 0 3px;font-size:11px;line-height:1.2;color:#606d7b;text-transform:uppercase;margin:0;padding:4px 0}body .selectize-dropdown .active{color:#fff;background-color:#606d7b}body .selectize-dropdown .active .light{color:inherit !important}.ui-datepicker{position:fixed;top:-300px;-padding:10px;width:210px;height:242px;z-index:101 !important}body.ltr .ui-datepicker{margin-left:1px}body.rtl .ui-datepicker{margin-right:1px}.ui-datepicker-header{padding:8px 8px 4px}body.ltr .ui-datepicker-prev{float:left}body.rtl .ui-datepicker-prev{float:right}body.ltr .ui-datepicker-next{float:right}body.rtl .ui-datepicker-next{float:left}.ui-datepicker-prev span,.ui-datepicker-next span{display:none}.ui-datepicker-prev,.ui-datepicker-next{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.ui-datepicker-prev:hover:after,.ui-datepicker-next:hover:after{border-color:var(--link-color)}.ui-datepicker-prev:after{display:block;content:\"\";font-size:0;width:7px;height:7px;border:solid currentColor;border-width:0 2px 2px 0;opacity:.8}body.ltr .ui-datepicker-prev:after{transform:rotate(135deg)}body.rtl .ui-datepicker-prev:after{transform:rotate(-45deg)}.ui-datepicker-next:after{display:block;content:\"\";font-size:0;width:7px;height:7px;border:solid currentColor;border-width:0 2px 2px 0;opacity:.8}body.ltr .ui-datepicker-next:after{transform:rotate(-45deg)}body.rtl .ui-datepicker-next:after{transform:rotate(135deg)}.ui-datepicker-title{text-align:center}.ui-datepicker-calendar th,.ui-datepicker-calendar td{padding:2px !important}.ui-datepicker-calendar th span,.ui-datepicker-calendar td a{display:block;width:26px;line-height:26px;text-align:center;color:var(--text-color)}.ui-datepicker-calendar th span{color:var(--medium-text-color);font-weight:normal}.ui-datepicker-calendar td a{border-radius:2px}.ui-datepicker-calendar td a:hover{background-color:var(--light-sel-color);text-decoration:none}.ui-datepicker-calendar td a.ui-state-active{background-color:var(--dark-sel-color);color:var(--white);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:500;cursor:default}.ui-datepicker-calendar td.ui-datepicker-today a{border-radius:13px;box-shadow:inset 0 0 0 2px var(--light-sel-color)}.ui-timepicker-wrapper{z-index:101}.ui-timepicker-list{overflow-y:auto;width:calc(14px + 6em);height:210px;z-index:100}body.ltr .ui-timepicker-list{margin-left:1px}body.rtl .ui-timepicker-list{margin-right:1px}.ui-timepicker-list li{white-space:nowrap;cursor:pointer}body.ltr .ui-timepicker-list li{padding:2px 0 2px 14px}body.rtl .ui-timepicker-list li{padding:2px 14px 2px 0}.ui-timepicker-list li:hover{background-color:var(--light-sel-color)}.ui-timepicker-list li.ui-timepicker-selected{background-color:var(--dark-sel-color);color:var(--white);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:500;cursor:default}.slide-picker{display:flex;height:15px;white-space:nowrap}.slide-picker a{border:1px solid var(--hairline-color);background-image:none;width:7px;height:13px;margin-left:0;display:inline-block;margin-top:1px;margin-bottom:1px;box-sizing:border-box}body.ltr .slide-picker a{border-left:none}body.rtl .slide-picker a{border-right:none}.slide-picker a:first-child{width:8px}body.ltr .slide-picker a:first-child{border-left:1px solid var(--gray-400) !important}body.rtl .slide-picker a:first-child{border-right:1px solid var(--gray-400) !important}.slide-picker:not(:hover) a.active,.slide-picker:hover a.active-hover{border-top-color:var(--gray-400);border-bottom-color:var(--gray-400);height:15px;margin-top:0;margin-bottom:0}body.ltr .slide-picker:not(:hover) a.active:first-child,body.ltr .slide-picker:hover a.active-hover:first-child{border-left:1px solid var(--gray-400)}body.rtl .slide-picker:not(:hover) a.active:first-child,body.rtl .slide-picker:hover a.active-hover:first-child{border-right:1px solid var(--gray-400)}body.ltr .slide-picker:not(:hover) a.active:first-child,body.ltr .slide-picker:hover a.active-hover:first-child{border-top-left-radius:var(--small-border-radius)}body.rtl .slide-picker:not(:hover) a.active:first-child,body.rtl .slide-picker:hover a.active-hover:first-child{border-top-right-radius:var(--small-border-radius)}body.ltr .slide-picker:not(:hover) a.active:first-child,body.ltr .slide-picker:hover a.active-hover:first-child{border-bottom-left-radius:var(--small-border-radius)}body.rtl .slide-picker:not(:hover) a.active:first-child,body.rtl .slide-picker:hover a.active-hover:first-child{border-bottom-right-radius:var(--small-border-radius)}body.ltr .slide-picker:not(:hover) a.last-active,body.ltr .slide-picker:hover a.last-active-hover{border-right:1px solid var(--gray-400)}body.rtl .slide-picker:not(:hover) a.last-active,body.rtl .slide-picker:hover a.last-active-hover{border-left:1px solid var(--gray-400)}body.ltr .slide-picker:not(:hover) a.last-active,body.ltr .slide-picker:hover a.last-active-hover{border-top-right-radius:var(--small-border-radius)}body.rtl .slide-picker:not(:hover) a.last-active,body.rtl .slide-picker:hover a.last-active-hover{border-top-left-radius:var(--small-border-radius)}body.ltr .slide-picker:not(:hover) a.last-active,body.ltr .slide-picker:hover a.last-active-hover{border-bottom-right-radius:var(--small-border-radius)}body.rtl .slide-picker:not(:hover) a.last-active,body.rtl .slide-picker:hover a.last-active-hover{border-bottom-left-radius:var(--small-border-radius)}.slide-picker:focus a.active{background-color:var(--light-sel-color)}ul.errors{margin-top:5px;list-style-type:square}body.ltr ul.errors{padding-left:20px}body.rtl ul.errors{padding-right:20px}ul.errors li{color:var(--error-color)}.message-container{position:absolute;z-index:100;top:0;width:100%;height:100%}body.ltr .message-container{left:0}body.rtl .message-container{right:0}.message-container.no-access{background-color:rgba(31,41,51,.5)}.message-container .pane{top:50%;margin-top:-33px !important;margin-left:auto;margin-right:auto;width:320px;box-shadow:0 25px 100px rgba(31,41,51,.5)}.autosuggest-container{position:relative}.autosuggest__results-container{position:absolute;z-index:2;width:100%;border-radius:var(--large-border-radius);background-color:var(--white);box-shadow:0 1px 5px -1px rgba(31,41,51,.2);box-sizing:border-box;padding:0 14px;text-align:left;font-family:system-ui,BlinkMacSystemFont,-apple-system,\"Segoe UI\",\"Roboto\",\"Oxygen\",\"Ubuntu\",\"Cantarell\",\"Fira Sans\",\"Droid Sans\",\"Helvetica Neue\",sans-serif;font-size:1em !important}.autosuggest__results-container .autosuggest__results-before{margin:14px 0 3px;font-size:11px;line-height:1.2;color:#606d7b;text-transform:uppercase;margin-top:14px !important}.autosuggest__results-container .autosuggest__results-item{margin:0 -14px;padding:10px 14px;color:#3f4d5a;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.autosuggest__results-container .autosuggest__results-item:hover,.autosuggest__results-container .autosuggest__results-item.autosuggest__results-item--highlighted{color:#fff;background-color:#606d7b;cursor:pointer}.matrix-configurator>.field{max-width:none}.matrix-configurator>.field>.input{display:flex;align-items:stretch;background-color:var(--gray-050);box-shadow:none}.matrix-configurator .mc-sidebar{box-sizing:border-box}.matrix-configurator .mc-sidebar .mc-col-items{margin-top:-1px;padding-top:1px}.matrix-configurator .mc-sidebar.block-types{width:200px}body.ltr .matrix-configurator .mc-sidebar.block-types{border-top-left-radius:var(--small-border-radius)}body.rtl .matrix-configurator .mc-sidebar.block-types{border-top-right-radius:var(--small-border-radius)}body.ltr .matrix-configurator .mc-sidebar.block-types{border-bottom-left-radius:var(--small-border-radius)}body.rtl .matrix-configurator .mc-sidebar.block-types{border-bottom-right-radius:var(--small-border-radius)}body.ltr .matrix-configurator .mc-sidebar.block-types>.mc-col-inner-container>.mc-col-heading{border-top-left-radius:var(--small-border-radius)}body.rtl .matrix-configurator .mc-sidebar.block-types>.mc-col-inner-container>.mc-col-heading{border-top-right-radius:var(--small-border-radius)}.matrix-configurator .mc-sidebar.block-types>.mc-col-inner-container>.mc-col-items .btn{margin:14px}.matrix-configurator .mc-sidebar.mc-fields{width:240px;z-index:1;background:#fff;box-shadow:-1px 0 0 0 rgba(31,41,51,.1),1px 0 0 0 rgba(31,41,51,.1)}.matrix-configurator .mc-sidebar.mc-fields .mc-col-items{padding:14px}.matrix-configurator .mc-sidebar.mc-fields .mc-col-items .btn{margin-top:14px}.matrix-configurator .mc-sidebar>.mc-col-inner-container>.mc-col-heading,.matrix-configurator .mc-field-settings>.mc-col-inner-container>.mc-col-heading{margin:0;padding:7px 14px 6px;border-bottom:1px solid var(--hairline-color);background-color:var(--gray-050);background-image:linear-gradient(rgba(51, 64, 77, 0), rgba(51, 64, 77, 0.05))}.matrix-configurator .mc-field-settings{flex:1;position:relative}body.ltr .matrix-configurator .mc-field-settings{border-top-right-radius:var(--small-border-radius)}body.rtl .matrix-configurator .mc-field-settings{border-top-left-radius:var(--small-border-radius)}body.ltr .matrix-configurator .mc-field-settings{border-bottom-right-radius:var(--small-border-radius)}body.rtl .matrix-configurator .mc-field-settings{border-bottom-left-radius:var(--small-border-radius)}.matrix-configurator .mc-field-settings>.mc-col-inner-container>.mc-col-heading{padding-left:24px;padding-right:24px}body.ltr .matrix-configurator .mc-field-settings>.mc-col-inner-container>.mc-col-heading{border-top-right-radius:var(--small-border-radius)}body.rtl .matrix-configurator .mc-field-settings>.mc-col-inner-container>.mc-col-heading{border-top-left-radius:var(--small-border-radius)}.matrix-configurator .mc-field-settings>.mc-col-inner-container>.mc-col-items{padding:24px}.matrixconfigitem{position:relative;display:flex;align-items:center;user-select:none;cursor:default;min-height:48px;box-sizing:border-box}.matrixconfigitem.mci-blocktype{margin-top:-1px;padding:8px 14px;border:solid var(--hairline-color);border-width:1px 0;background-color:var(--gray-100)}.matrixconfigitem.mci-blocktype.sel{z-index:1;background-color:var(--gray-200)}.matrixconfigitem.mci-field{border-radius:var(--medium-border-radius);padding:7px 10px;background-color:var(--gray-100)}.matrixconfigitem.mci-field.sel{background-color:var(--gray-200)}.matrixconfigitem.mci-field.sel .slide-picker:focus a.active{background-color:#5f6c79}.matrixconfigitem.mci-field+.mci-field{margin-top:7px}.matrixconfigitem .mci-name{flex:1;overflow:hidden}.matrixconfigitem .mci-name h4,.matrixconfigitem .mci-name .smalltext{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.matrixconfigitem .mci-name h4{margin-bottom:2px;font-weight:normal;color:var(--text-color)}.matrixconfigitem .mci-name h4.mci-required:after{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);content:\"asterisk\";font-size:8px}body.ltr .matrixconfigitem .mci-name h4.mci-required:after{margin:-2px 0 0 4px}body.rtl .matrixconfigitem .mci-name h4.mci-required:after{margin:-2px 4px 0 0}.matrixconfigitem.error .mci-name h4{color:var(--error-color)}body.ltr .matrixconfigitem .slide-picker,body.ltr .matrixconfigitem .icon{margin-left:7px}body.rtl .matrixconfigitem .slide-picker,body.rtl .matrixconfigitem .icon{margin-right:7px}.matrixconfigitem .icon{display:block}.matrixconfigitem .icon:not(.error):before{color:var(--ui-control-color)}.matrixconfigitem .icon:not(.error):hover:before{color:var(--ui-control-hover-color)}.matrixconfigitem .icon:not(.error):active:before{color:var(--ui-control-active-color)}.matrixconfigitem .icon.error:before{color:var(--error-color)}.matrix>.buttons{margin-top:10px}.matrixblock{position:relative;margin-bottom:10px;padding:0 var(--m) var(--m);border-radius:var(--large-border-radius);border:1px solid var(--hairline-color);background-color:var(--gray-050)}.matrixblock.static{padding-top:14px}.matrixblock .flex-fields{--row-gap: var(--m) !important}.matrixblock>.titlebar{margin:0 -14px;width:calc(100% + 28px);box-sizing:border-box;border-radius:var(--large-border-radius)-1 var(--large-border-radius)-1 0 0;color:var(--light-text-color);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal;cursor:default;user-select:none;position:relative;background-color:#ebf2fa}body.ltr .matrixblock>.titlebar{padding:5px 70px 5px 35px}body.rtl .matrixblock>.titlebar{padding:5px 35px 5px 70px}.matrixblock>.titlebar:after{display:block;content:\"\";position:absolute;bottom:-1px;left:14px;width:calc(100% - 28px);height:1px;background-color:var(--hairline-color)}.matrixblock>.titlebar>.blocktype{display:inline;color:var(--medium-text-color)}.matrixblock>.titlebar>.preview{display:inline;opacity:0;transition:opacity linear 100ms}body.ltr .matrixblock>.titlebar>.preview{margin-left:7px}body.rtl .matrixblock>.titlebar>.preview{margin-right:7px}.matrixblock>.titlebar>.preview span{opacity:.5}.matrixblock.disabled{opacity:1}body.ltr .matrixblock.disabled>.titlebar{padding-right:90px}body.rtl .matrixblock.disabled>.titlebar{padding-left:90px}.matrixblock.disabled>.actions>.status.off{display:block}.matrixblock.collapsed>.titlebar{border-radius:var(--titlebar-border-radius);border-bottom:none}.matrixblock.collapsed>.titlebar>.preview{opacity:1}.matrixblock>.checkbox{position:absolute;top:7px}body.ltr .matrixblock>.checkbox{left:14px}body.rtl .matrixblock>.checkbox{right:14px}.matrixblock>.actions{display:flex;align-items:center;position:absolute;top:5px;cursor:default}body.ltr .matrixblock>.actions{right:14px}body.rtl .matrixblock>.actions{left:14px}body.ltr .matrixblock>.actions>*{margin:0 0 0 5px}body.rtl .matrixblock>.actions>*{margin:0 5px 0 0}.matrixblock>.actions .settings{padding:0 8px;height:20px;color:var(--ui-control-color)}body.ltr .matrixblock>.actions .settings:before{margin-right:0 !important}body.rtl .matrixblock>.actions .settings:before{margin-left:0 !important}.matrixblock>.actions .settings:not(:hover):not(:active){background-color:rgba(0,0,0,0)}.matrixblock>.actions>.move{margin-top:-3px !important}.matrixblock>.actions>.status.off{display:none}.matrixblock>.actions a:not([data-action]){padding:0;height:20px;text-align:center;color:var(--dark-hairline-color);transform:color linear 100ms}.matrixblock>.actions a:not([data-action]).settings:after{border-color:var(--dark-hairline-color);transform:border-color linear 100ms}body.ltr .matrixblock>.actions a:not([data-action]).settings:after{margin-left:3px}body.rtl .matrixblock>.actions a:not([data-action]).settings:after{margin-right:3px}.matrixblock>.actions a:not([data-action]):hover{color:var(--link-color)}.matrixblock>.actions a:not([data-action]):hover.settings:after{border-color:var(--link-color)}.matrixblock:not(.static)>.fields{padding-top:14px}.matrixblock>.fields>.flex-fields>.field:before{display:none}.matrixblock>.buttons{margin-top:0;height:30px}.add-category-form{margin-top:24px}.add-category-form .texticon{width:200px}body.ltr .add-category-form .texticon{float:left}body.rtl .add-category-form .texticon{float:right}body.ltr .add-category-form .texticon{margin-right:5px}body.rtl .add-category-form .texticon{margin-left:5px}body.ltr .add-category-form .texticon .text{padding-right:30px}body.rtl .add-category-form .texticon .text{padding-left:30px}.add-category-form .texticon .spinner{position:absolute;top:0}body.ltr .add-category-form .texticon .spinner{right:5px}body.rtl .add-category-form .texticon .spinner{left:5px}.categoriesfield{position:relative;min-height:30px}body.ltr .categoriesfield .structure ul{margin-left:12px}body.rtl .categoriesfield .structure ul{margin-right:12px}body.sitepicker #main-content{padding:30px;justify-content:center;align-items:center;text-align:center}body.sitepicker #content-container{max-width:400px}.sitepicker-group li:not(:first-child) a{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.sitepicker-group li:not(:first-child) a:not(:hover){border-top-color:rgba(0,0,0,0)}.sitepicker-group li:not(:last-child) a{border-bottom-left-radius:0;border-bottom-right-radius:0}.sitepicker-group li a{display:block;position:relative;text-align:left;width:100%;box-sizing:border-box;border:1px solid var(--hairline-color);border-radius:var(--medium-border-radius);font-size:16px;line-height:1.4}body.ltr .sitepicker-group li a{padding:9px 42px 9px 15px}body.rtl .sitepicker-group li a{padding:9px 15px 9px 42px}.sitepicker-group li a:after{font-size:14px;position:absolute;top:calc(50% - 7px);margin:0;padding:0}body.ltr .sitepicker-group li a:after{right:12px}body.rtl .sitepicker-group li a:after{left:12px}.sitepicker-group li a:hover{border-color:var(--link-color);text-decoration:none;z-index:1}.elementselectormodal .body .main{float:left \\9 ;width:445px \\9 }@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (-moz-min-device-pixel-ratio: 1.5),only screen and (-o-min-device-pixel-ratio: 3/2),only screen and (min-device-pixel-ratio: 1.5),only screen and (min-resolution: 1.5dppx){.structure ul li{background-size:40px}body.ltr .structure ul li{background-image:url(../images/branch_2x.png)}body.rtl .structure ul li{background-image:url(../images/branch_rtl_2x.png)}.hud .tip-left{background-image:url(../images/hudtip_left_2x.png);background-size:15px 30px}.hud .tip-top{background-image:url(../images/hudtip_top_2x.png);background-size:30px 15px}.hud .tip-right{background-image:url(../images/hudtip_right_2x.png);background-size:15px 30px}.hud .tip-bottom{background-image:url(../images/hudtip_bottom_2x.png);background-size:30px 15px}.hud.has-footer .tip-bottom{background-image:url(../images/hudtip_bottom_gray_2x.png)}}:root{--xs: 4px;--s: 8px;--m: 14px;--l: 18px;--xl: 24px;--padding: var(--xl);--neg-padding: calc(var(--padding) * -1)}html{-webkit-text-size-adjust:100%;min-height:100vh}body{min-height:100vh}body :focus{outline-style:solid;outline-color:rgba(0,0,0,0);box-shadow:var(--focus-ring)}.reduce-focus-visibility :focus:not(.focus-visible){box-shadow:none}.reduce-focus-visibility .focus-visible{box-shadow:var(--focus-ring)}.skip-link{position:absolute;margin:5px;left:-10000px;top:0;width:1px;height:1px;overflow:hidden;z-index:101}.skip-link:focus{left:unset;width:auto;height:auto;background-color:var(--gray-100) !important}body.ltr .skip-link:focus{left:0}body.rtl .skip-link:focus{right:0}@media only screen and (min-width: 1200px){#global-skip-link{--light-color: var(--white);--dark-color: var(--gray-800);--focus-ring: 0 0 0 3px var(--dark-color), 0 0 0 6px var(--light-color)}}#global-container{position:relative;display:flex;flex-direction:column;min-height:100vh}body.ltr #global-container{left:0}body.rtl #global-container{right:0}@media screen and (prefers-reduced-motion: no-preference){body.ltr #global-container{transition:left 250ms ease-out}body.rtl #global-container{transition:right 250ms ease-out}}#global-sidebar{--is-always-visible: true;position:fixed;z-index:100;display:flex;flex-direction:column;height:100vh;padding:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:500;--focus-ring: 0 0 0 1px hsl(var(--light-focus-hsl)), 0 0 0 3px hsla(var(--light-focus-hsl), 0.7);background-color:var(--gray-800)}#global-sidebar a{color:var(--gray-100);text-decoration:none}#global-sidebar>a[href]:not(.sel):hover,#global-sidebar *:not(.has-subnav)>a[href]:not(.sel):hover{background-color:#29333d}#global-sidebar>a:not([href]),#global-sidebar *:not(.has-subnav)>a:not([href]){cursor:default;background-color:rgba(0,0,0,0)}#global-sidebar .light{color:var(--gray-400)}@media only screen and (max-width: 1199px){#global-sidebar{--is-always-visible: false}}#system-info{display:grid;grid-template-columns:30px auto;grid-gap:10px;height:50px;padding:0 10px;position:relative;flex:0 0 50px;flex-direction:row;align-items:center;background-color:#29333d}#system-info:after{display:none}#system-info:focus,#system-info:hover{background-color:#1f272e !important}#site-icon{height:30px}#site-icon img,#site-icon svg{display:block;width:30px;height:30px;border-radius:4px}#site-icon svg rect,#site-icon svg circle,#site-icon svg ellipse,#site-icon svg line,#site-icon svg polyline,#site-icon svg polygon,#site-icon svg path,#site-icon svg text{fill:var(--medium-text-color);stroke-width:0}#system-name h2,#system-name .h2{margin:0;width:100%;overflow:hidden;max-height:40px;position:relative;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}#system-name h2:after,#system-name .h2:after{display:block;content:\"\";font-size:0;position:absolute;top:0;width:var(--m);background-image:linear-gradient(to right, rgba(41, 51, 61, 0), #29333d)}body.ltr #system-name h2:after,body.ltr #system-name .h2:after{right:0}body.rtl #system-name h2:after,body.rtl #system-name .h2:after{left:0}#system-info:hover #system-name h2:after,#system-info:hover #system-name .h2:after{background-image:linear-gradient(to right, rgba(31, 39, 46, 0), #1f272e)}#job-icon{align-items:flex-start}#job-icon>span.icon{display:block;position:relative;width:16px;height:16px;margin-top:2px !important}#job-icon>span.icon>canvas{display:block;position:absolute;width:16px;height:16px}#job-icon>span.icon>canvas#job-icon-hover{opacity:0}#job-icon[href]:hover .icon>span.icon>canvas#job-icon-hover{opacity:1}#job-icon .progress-label{display:block;color:var(--gray-300);font-size:11px;line-height:1.5}#nav{flex:1;margin:22px 0 0;padding-bottom:var(--xl);overflow:visible}#nav li:not(.has-subnav)>a.sel{color:var(--gray-800);background-color:var(--gray-100);opacity:1}#nav li:not(.has-subnav)>a.sel .icon{opacity:1}#nav li a{position:relative;padding-left:var(--m);padding-right:var(--m)}#nav li a:focus{z-index:1}#nav li a.menubtn{line-height:26px}#nav li a.external:after{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);content:\"external\"}body.ltr #nav li a.external:after{margin-left:5px}body.rtl #nav li a.external:after{margin-right:5px}#nav li a .label,#nav li a .label span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#nav li a .badge{background-color:var(--gray-200);color:var(--gray-800)}body.ltr #nav li a .badge{margin-right:0}body.rtl #nav li a .badge{margin-left:0}#nav li ul{display:block;margin-bottom:10px}#nav li ul li a{font-size:12px}body.ltr #nav li ul li a{padding:3px var(--m) 3px 42px !important}body.rtl #nav li ul li a{padding:3px 42px 3px var(--m) !important}#nav li ul li a:not(.active){color:var(--gray-200)}#global-footer{display:flex;flex-direction:column;align-items:center;padding:var(--m) var(--m) var(--xl)}#app-info{margin-top:var(--xs);display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--gray-600);text-align:center;gap:var(--s)}#app-info a{color:var(--gray-600);text-decoration:underline}#app-info a.go:hover:after{color:var(--gray-600)}#edition-logo{user-select:none;border:1px solid var(--gray-600);border-radius:3px;display:inline-flex;height:20px;box-sizing:content-box;font-size:11px}#edition-logo>.edition-name,#edition-logo>.edition-trial{padding:6px 7px 5px;line-height:var(--s)}#edition-logo>.edition-name{font-weight:600;letter-spacing:1.7px;padding-right:5px;text-transform:uppercase}#edition-logo>.edition-trial{display:inline-block;position:relative;background-color:var(--gray-600);color:var(--gray-200);border-radius:0 1px 1px 0;letter-spacing:1px;text-transform:lowercase}body.ltr #edition-logo>.edition-trial{margin-left:5px}body.rtl #edition-logo>.edition-trial{margin-right:5px}body.ltr #edition-logo>.edition-trial{padding-left:5px}body.rtl #edition-logo>.edition-trial{padding-right:5px}body.ltr #edition-logo>.edition-trial{padding-right:7px}body.rtl #edition-logo>.edition-trial{padding-left:7px}#edition-logo>.edition-trial:before{display:block;position:absolute;top:0;content:\"\";font-size:0;width:0;height:0;border-style:solid}body.ltr #edition-logo>.edition-trial:before{left:-10px;border-width:0 10px 20px 0;border-color:rgba(0,0,0,0) var(--gray-600) rgba(0,0,0,0) rgba(0,0,0,0)}body.rtl #edition-logo>.edition-trial:before{right:-10px;border-width:0 0 20px 10px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) var(--gray-600)}#devmode{flex:0 0 4px;width:100%;min-height:4px;background:url(../images/dev-mode.svg) repeat-x 21px 0;cursor:help}#page-container{display:flex;flex-direction:column;flex-grow:1}body.ltr #page-container{padding-left:226px}body.rtl #page-container{padding-right:226px}#alerts{position:relative;background-color:var(--red-050);border-left:5px solid var(--error-color);padding:11px 0;text-align:center;color:var(--error-color)}#alerts li{padding:4px var(--xl)}#alerts li a{color:var(--error-color);text-decoration:underline}#alerts li a.go{text-decoration:none;white-space:nowrap;border:1px solid rgba(207,17,36,.5);border-radius:var(--medium-border-radius);padding:3px 5px;margin:0 2px}#alerts li a.go:after{color:var(--error-color)}#alerts li a.go:hover{border-color:var(--error-color)}#global-header{width:100%;margin-bottom:var(--m);background:#fff;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);background:var(--gray-050)}#global-header:focus{box-shadow:var(--focus-ring)}#global-header .flex{align-items:center}#global-header .btn{--ui-control-color: var(--gray-400);--ui-control-hover-color: var(--gray-500);--ui-control-active-color: var(--gray-600)}.nav-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:50px;line-height:26px;color:currentColor;text-align:center}body.ltr .nav-toggle{margin-left:-10px}body.rtl .nav-toggle{margin-right:-10px}.nav-toggle:before{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);content:\"menu\";font-size:16px;line-height:0}.nav-toggle:hover{color:var(--gray-400)}#crumbs{display:flex;flex-direction:row;align-items:center;font-size:13px;margin:0 !important}#crumbs.empty{display:none}#crumbs a,#crumbs button{color:var(--light-text-color);transition:color linear 100ms}#crumbs a:hover,#crumbs button:hover{color:var(--link-color);text-decoration:none}#crumbs nav{margin:0}.breadcrumb-list{display:flex;flex-direction:row;align-items:stretch;flex-wrap:wrap}.breadcrumb-list li{display:inline-flex;align-items:center}.breadcrumb-list li a,.breadcrumb-list li button{padding:15px 0}.breadcrumb-list li button{cursor:pointer}.breadcrumb-list li:after{display:block;content:\"\";font-size:0;width:7px;height:7px;border:solid var(--medium-hairline-color);border-width:0 2px 2px 0;opacity:.8}body.ltr .breadcrumb-list li:after{margin:0 8px 0 7px}body.rtl .breadcrumb-list li:after{margin:0 7px 0 8px}body.ltr .breadcrumb-list li:after{transform:rotate(-45deg)}body.rtl .breadcrumb-list li:after{transform:rotate(135deg)}.breadcrumb-list .menu--disclosure li{display:block}.breadcrumb-list .menu--disclosure li::after{content:none}li.breadcrumb-toggle-wrapper::after{content:none}#account-menu ul li a{max-width:calc(100% + 28px) !important}#announcements-btn{width:30px;height:30px;padding-left:0;padding-right:0;width:40px;position:relative}#announcements-btn:not(:hover):not(:active):not(.active){background-color:rgba(0,0,0,0)}#announcements-btn:not(:active):not(.active):hover{background-color:rgba(154,165,177,.15)}#announcements-btn.unread:after{content:\"\";display:block;position:absolute;top:3px;width:7px;height:7px;border-radius:4px;background-color:var(--blue-600)}body.ltr #announcements-btn.unread:after{right:7px}body.rtl #announcements-btn.unread:after{left:7px}#announcements-btn svg{width:22px;height:22px}#announcements-btn svg rect,#announcements-btn svg circle,#announcements-btn svg ellipse,#announcements-btn svg line,#announcements-btn svg polyline,#announcements-btn svg polygon,#announcements-btn svg path,#announcements-btn svg text{fill:var(--ui-control-color);stroke-width:0}#announcements-btn:hover svg rect,#announcements-btn:hover svg circle,#announcements-btn:hover svg ellipse,#announcements-btn:hover svg line,#announcements-btn:hover svg polyline,#announcements-btn:hover svg polygon,#announcements-btn:hover svg path,#announcements-btn:hover svg text,#announcements-btn:active svg rect,#announcements-btn:active svg circle,#announcements-btn:active svg ellipse,#announcements-btn:active svg line,#announcements-btn:active svg polyline,#announcements-btn:active svg polygon,#announcements-btn:active svg path,#announcements-btn:active svg text,#announcements-btn.active svg rect,#announcements-btn.active svg circle,#announcements-btn.active svg ellipse,#announcements-btn.active svg line,#announcements-btn.active svg polyline,#announcements-btn.active svg polygon,#announcements-btn.active svg path,#announcements-btn.active svg text{fill:var(--link-color);stroke-width:0}#announcements{max-width:350px}#announcements .announcement:not(:first-child){margin-top:20px}#announcements .announcement .announcement-label-container{margin-top:-3px;display:flex;align-items:center;margin-bottom:3px}#announcements .announcement .announcement-label-container .announcement-icon svg{display:block;width:15px;height:15px}#announcements .announcement .announcement-label-container .announcement-label{margin-left:5px;font-size:12px;color:var(--light-text-color)}#announcements .announcement h2{position:relative;margin:0 0 3px}#announcements .announcement.unread h2:after{content:\"\";display:block;position:absolute;top:7px;width:7px;height:7px;border-radius:4px;background-color:var(--blue-600)}body.ltr #announcements .announcement.unread h2:after{left:-13px}body.rtl #announcements .announcement.unread h2:after{right:-13px}#announcements .announcement p{margin:0}#user-info{display:flex;flex-direction:row;align-items:center;padding-top:5px;padding-bottom:5px;height:100%;background-color:rgba(0,0,0,0);border-radius:0}body.ltr #user-info{padding-right:25px}body.rtl #user-info{padding-left:25px}#user-info:after{border-color:var(--ui-control-color);transition:border-color linear 100ms}#user-info:hover:after{border-color:var(--ui-control-hover-color)}#user-info[aria-expanded=true]:after{border-color:var(--ui-control-active-color)}.header-photo{padding:5px 0}.header-photo img{display:block;width:30px;height:30px;max-width:none;border-radius:50%;box-shadow:0 0 0 1px rgba(31,41,51,.05),0 0 0 rgba(31,41,51,0);transition:box-shadow linear 150ms}#user-info:hover .header-photo img{box-shadow:0 0 0 1px rgba(31,41,51,.05),0 2px 10px -2px rgba(31,41,51,.3)}#main-container{position:relative;flex-grow:1}#notifications{position:fixed;bottom:8px;width:calc(100% - 16px);z-index:101}body.ltr #notifications{left:8px}body.rtl #notifications{right:8px}@media only screen and (min-width: 974px){#notifications{width:350px}}#notifications .notification{display:flex;position:relative;background:#fff;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);padding:10px 14px;border-radius:var(--large-border-radius);box-shadow:0 0 0 1px rgba(19,26,32,.15),0 2px 12px rgba(19,26,32,.15);--color: var(--notice-color)}#notifications .notification:focus{box-shadow:var(--focus-ring)}#notifications .notification[data-type=success]{--color: var(--success-color)}#notifications .notification[data-type=error]{--color: var(--error-color)}#notifications .notification+.notification{margin-top:12px}#notifications .notification .notification-icon{width:18px;margin-top:-2px;font-size:18px;color:var(--color)}body.ltr #notifications .notification .notification-icon{margin-right:10px}body.rtl #notifications .notification .notification-icon{margin-left:10px}#notifications .notification .notification-body{display:flex;flex:1}#notifications .notification .notification-body .notification-message{font-weight:bold}#notifications .notification .notification-body .notification-details{margin-top:var(--xs)}#notifications .notification .notification-body .notification-details .element{border:1px solid rgba(51,64,77,.1)}#notifications .notification .notification-close-btn{position:relative;top:-2px}body.ltr #notifications .notification .notification-close-btn{margin-left:10px}body.rtl #notifications .notification .notification-close-btn{margin-right:10px}#header-container{margin-bottom:var(--m)}#crumbs,#header{padding-left:var(--xl);padding-right:var(--xl)}@media only screen and (min-width: 1200px){#primary-nav-toggle{display:none}}#global-header .flex,#header .flex{max-width:100%}#global-header .flex.flex-nowrap,#header .flex.flex-nowrap{min-width:0}#header{display:flex;align-items:flex-start;align-content:stretch;flex-wrap:nowrap;justify-content:space-between;gap:var(--s);padding-top:var(--s);padding-bottom:var(--s);position:relative;z-index:2;width:calc(100vw - 226px);box-sizing:border-box;background-color:rgba(154,165,177,0);box-shadow:0 1px 0 rgba(51,64,77,0);transition:background-color linear 100ms,box-shadow linear 100ms}body.fixed-header #header{position:fixed;z-index:12;top:0;background-color:var(--gray-100);box-shadow:inset 0 -1px 0 rgba(63,77,90,.1)}@supports(backdrop-filter: blur(10px)){#header{transition:background-color linear 100ms,box-shadow linear 100ms,backdrop-filter linear 100ms}body.fixed-header #header{background-color:rgba(228,237,246,.75);backdrop-filter:blur(10px)}}#header h1{line-height:34px;margin-top:0;margin-bottom:0;min-width:0}#header .buttons,#header .btngroup{margin-top:0}@media only screen and (min-width: 974px){#page-title.has-toolbar{min-width:calc(226px - var(--xl) - var(--s)) !important}}#toolbar{flex:1;align-items:flex-start}#toolbar .icon:before,#toolbar .texticon:before,#toolbar .menubtn:after,#toolbar [data-icon]:before,#toolbar [data-icon-after]:after{color:currentColor;opacity:.8}#toolbar .btn[aria-pressed=true]{background-color:var(--gray-500);color:var(--white)}#toolbar .text{border-radius:var(--large-border-radius)}#toolbar .text::-webkit-input-placeholder{color:var(--light-text-color)}#toolbar .text:-ms-input-placeholder{color:var(--light-text-color)}#toolbar .text::-ms-input-placeholder{color:var(--light-text-color)}#toolbar .text:-moz-placeholder{color:var(--light-text-color)}#toolbar .text::-moz-placeholder{color:var(--light-text-color)}#toolbar .text::placeholder{color:var(--light-text-color)}#toolbar .text:not(:focus){background-clip:border-box}#main-content{display:flex;flex-direction:row;align-items:flex-start;width:calc(100vw - 226px);padding:0 var(--xl) 48px;box-sizing:border-box}#main-content>.grid:only-child{flex:1}#sidebar-toggle-container{display:none}#sidebar-container{flex:0 0 226px;width:226px;box-sizing:border-box}@media only screen and (min-width: 1200px){body.ltr #sidebar-container{margin-left:calc(var(--xl)*-1)}body.rtl #sidebar-container{margin-right:calc(var(--xl)*-1)}}#sidebar{box-sizing:border-box;padding:0 31px;width:226px;background-color:rgba(0,0,0,0)}#sidebar.fixed{position:fixed;overflow-y:auto;padding-top:var(--m);padding-bottom:var(--m)}#sidebar nav{margin-left:-31px;margin-right:-31px}#sidebar nav li a{position:relative}#sidebar nav li a:focus{z-index:1}#sidebar nav li a:not(.sel):hover{background-color:var(--gray-200)}#content-container{flex:1}#main-content:not(.has-sidebar):not(.has-details) #content-container{width:100%;max-width:100%}#main-content.has-sidebar #content-container{width:calc(100% - 202px);max-width:calc(100% - 202px)}#main-content.has-details #content-container{width:calc(100% - 350px - var(--m));max-width:calc(100% - 350px - var(--m))}#content-container #main-content.has-sidebar.has-details{width:calc(100% - 226px - 350px - 38px);max-width:calc(100% - 226px - 350px - 38px)}#content-heading{margin-top:var(--xl) !important}@media only screen and (min-width: 974px){#content-heading{position:absolute;width:1px;height:1px;padding:0;margin:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}}.content-pane{background:#fff;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);border-radius:var(--large-border-radius);position:relative;background-clip:padding-box;padding:var(--xl);word-wrap:break-word}.content-pane:focus{box-shadow:var(--focus-ring)}.content-pane>hr{margin-left:calc(var(--xl)*-1);margin-right:calc(var(--xl)*-1)}#footer{z-index:1;margin:25px calc(var(--xl)*-1) calc(var(--xl)*-1);padding:var(--s) var(--xl);background-color:var(--gray-050);border-radius:0 0 var(--large-border-radius) var(--large-border-radius);box-sizing:border-box;min-height:50px}#footer:empty{display:none}#footer>*,#footer .flex>*{margin-bottom:0}#details-container{flex:0 0 388px;width:388px;box-sizing:border-box}body.ltr #details-container{margin-right:calc(var(--xl)*-1)}body.rtl #details-container{margin-left:calc(var(--xl)*-1)}#details{box-sizing:border-box;width:388px}body.ltr #details{padding-right:var(--xl)}body.rtl #details{padding-left:var(--xl)}body.ltr #details{padding-left:var(--m)}body.rtl #details{padding-right:var(--m)}#details.fixed{position:fixed;overflow-y:auto;padding-top:var(--m)}#details .details .meta{border-radius:var(--large-border-radius)}#details .details .meta:not(.read-only):not(.warning){background:#fff;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5)}#details .details .meta:not(.read-only):not(.warning):focus{box-shadow:var(--focus-ring)}#details .details .meta.read-only{color:var(--medium-text-color);background-color:rgba(0,0,0,0) !important}#details .details .meta>.field:first-child,#details .details .meta>.data:first-child{border-top-right-radius:var(--large-border-radius)}#details .details .meta>.field:first-child,#details .details .meta>.field:first-child>.status-badge,#details .details .meta>.data:first-child,#details .details .meta>.data:first-child>.status-badge{border-top-left-radius:var(--large-border-radius)}#details .details .meta>.field:last-child,#details .details .meta>.data:last-child{border-bottom-right-radius:var(--large-border-radius)}#details .details .meta>.field:last-child,#details .details .meta>.field:last-child>.status-badge,#details .details .meta>.data:last-child,#details .details .meta>.data:last-child>.status-badge{border-bottom-left-radius:var(--large-border-radius)}#details .details>.field>.input>.text.fullwidth{background:#fff;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5)}#details .details>.field>.input>.text.fullwidth:focus{box-shadow:var(--focus-ring)}#details .details .notes{border-radius:5px;padding-top:15px;padding-bottom:15px}@media only screen and (max-width: 1199px){#global-container{width:calc(100vw + 226px)}body.ltr #global-container{left:-226px}body.rtl #global-container{right:-226px}body.ltr.showing-nav #global-container{left:0}body.rtl.showing-nav #global-container{right:0}#crumbs{display:flex !important}#header{width:100vw}#main-content{width:100vw}}@media only screen and (max-width: 973px){#header{display:block}#header .flex:not(#toolbar){margin-top:10px}#toolbar{flex-wrap:wrap !important}#toolbar>*{margin-top:10px !important}body.fixed-header #header .flex:first-child{margin-top:0}#main-content{display:block}#sidebar-toggle-container{display:block;margin-bottom:var(--m)}#sidebar-toggle:after{top:0;transform:rotate(-45deg)}body.rtl #sidebar-toggle:after{transform:rotate(135deg)}body.showing-sidebar #sidebar-toggle{background-color:#acbed2 !important}body.showing-sidebar #sidebar-toggle:after{transform:rotate(45deg)}#content-container{min-height:0 !important}#sidebar-container,#details-container{width:auto !important}#sidebar,#details{position:static !important;overflow-y:visible !important;max-height:none !important;width:auto}#sidebar{margin-bottom:var(--m)}body:not(.showing-sidebar) #sidebar{display:none}body.ltr #details-container{margin-right:0}body.rtl #details-container{margin-left:0}#content-container{width:auto !important;max-width:none !important}#details{padding:0 !important;margin-top:var(--m)}}@media only screen and (max-width: 767px){#crumbs,#header,#main-content{padding-left:10px !important;padding-right:10px !important}#tabs ul li a{padding-left:var(--m);padding-right:var(--m)}body.ltr #tabs ul li+li{margin-left:-7px}body.rtl #tabs ul li+li{margin-right:-7px}}body.ltr #settingsmenu ul li a{padding-left:46px}body.rtl #settingsmenu ul li a{padding-right:46px}#settingsmenu ul li a:before{font-size:15px}body.ltr #settingsmenu ul li a:before{margin:1px 0 0 -22px}body.rtl #settingsmenu ul li a:before{margin:1px -22px 0 0}#settingsmenu ul li a img{width:16px;height:16px;position:absolute;margin-left:-23px;margin-top:1px}.grid{position:relative;min-height:1px}.grid:after{content:\"\";display:block;height:0;clear:both;visibility:hidden}.grid>.item{display:none;box-sizing:border-box}.sidebar{width:226px;box-sizing:border-box;font-size:13px}.sidebar:not(.drag-helper){padding:var(--m) 0;background-color:var(--gray-050)}.sidebar .heading{position:relative;margin:var(--m) var(--xl) 2px}.sidebar .heading span{display:inline-block;position:relative;z-index:1;padding:0 5px;margin:0 -5px;text-transform:uppercase;color:var(--medium-text-color);font-size:11px;font-weight:bold}.sidebar nav{padding:0 var(--s)}body.ltr .sidebar nav>ul>li>a{padding-left:24px}body.rtl .sidebar nav>ul>li>a{padding-right:24px}body.ltr .sidebar nav>ul>li>.toggle{left:calc(var(--m) * 0)}body.rtl .sidebar nav>ul>li>.toggle{right:calc(var(--m) * 0)}body.ltr .sidebar nav>ul>li>ul>li>a{padding-left:38px}body.rtl .sidebar nav>ul>li>ul>li>a{padding-right:38px}body.ltr .sidebar nav>ul>li>ul>li>.toggle{left:calc(var(--m) * 1)}body.rtl .sidebar nav>ul>li>ul>li>.toggle{right:calc(var(--m) * 1)}body.ltr .sidebar nav>ul>li>ul>li>ul>li>a{padding-left:52px}body.rtl .sidebar nav>ul>li>ul>li>ul>li>a{padding-right:52px}body.ltr .sidebar nav>ul>li>ul>li>ul>li>.toggle{left:calc(var(--m) * 2)}body.rtl .sidebar nav>ul>li>ul>li>ul>li>.toggle{right:calc(var(--m) * 2)}body.ltr .sidebar nav>ul>li>ul>li>ul>li>ul>li>a{padding-left:66px}body.rtl .sidebar nav>ul>li>ul>li>ul>li>ul>li>a{padding-right:66px}body.ltr .sidebar nav>ul>li>ul>li>ul>li>ul>li>.toggle{left:calc(var(--m) * 3)}body.rtl .sidebar nav>ul>li>ul>li>ul>li>ul>li>.toggle{right:calc(var(--m) * 3)}body.ltr .sidebar nav>ul>li>ul>li>ul>li>ul>li>ul>li>a{padding-left:80px}body.rtl .sidebar nav>ul>li>ul>li>ul>li>ul>li>ul>li>a{padding-right:80px}body.ltr .sidebar nav>ul>li>ul>li>ul>li>ul>li>ul>li>.toggle{left:calc(var(--m) * 4)}body.rtl .sidebar nav>ul>li>ul>li>ul>li>ul>li>ul>li>.toggle{right:calc(var(--m) * 4)}.sidebar nav li{position:relative}.sidebar nav li:not(.has-subnav)>a:not(.sel):hover{text-decoration:none;background-color:var(--gray-100)}.sidebar nav li:not(.has-subnav)>a.sel{cursor:default;background-color:var(--gray-500);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:500}.sidebar nav li:not(.has-subnav)>a.sel,.sidebar nav li:not(.has-subnav)>a.sel+.toggle{color:var(--white)}.sidebar nav li a{position:relative;margin-bottom:1px;display:flex;flex-direction:row;align-items:center;padding:7px var(--xl);min-height:var(--xl);box-sizing:border-box;color:var(--text-color);user-select:none;border-radius:var(--large-border-radius);word-break:break-word}.sidebar nav li a .status{flex-shrink:1}.sidebar nav li a .icon{flex-shrink:1;width:18px;height:18px;word-break:normal;transition:margin-left linear 150ms,margin-right linear 150ms;opacity:.85}body.ltr .sidebar nav li a .icon{margin-right:10px}body.rtl .sidebar nav li a .icon{margin-left:10px}.sidebar nav li a .icon.icon-mask svg rect,.sidebar nav li a .icon.icon-mask svg circle,.sidebar nav li a .icon.icon-mask svg ellipse,.sidebar nav li a .icon.icon-mask svg line,.sidebar nav li a .icon.icon-mask svg polyline,.sidebar nav li a .icon.icon-mask svg polygon,.sidebar nav li a .icon.icon-mask svg path,.sidebar nav li a .icon.icon-mask svg text{fill:currentColor;stroke-width:0}.sidebar nav li a .icon.icon-mask span[data-icon]{color:currentColor}.sidebar nav li a .icon svg{width:16px;height:16px}.sidebar nav li a .icon span[data-icon]{font-size:16px}.sidebar nav li a .icon span[data-icon]::before{display:block}.sidebar nav li a .label{flex:1}.sidebar nav li a .badge{flex-shrink:1;padding:0 6px;font-size:11px;line-height:16px;border-radius:var(--s);background-color:var(--medium-text-color);color:var(--white)}body.ltr .sidebar nav li a .badge{margin:0 -4px 0 10px}body.rtl .sidebar nav li a .badge{margin:0 10px 0 -4px}.sidebar nav li .toggle{position:absolute;z-index:1;height:34px;top:0;width:var(--xl);display:flex;align-items:center;justify-content:center}.sidebar nav li ul{display:none}.sidebar nav li.expanded>ul{display:block}body.ltr .content.has-sidebar:not(.hiding-sidebar){margin-left:226px}body.rtl .content.has-sidebar:not(.hiding-sidebar){margin-right:226px}#content-notice{margin:0 calc(var(--xl)*-1);padding:0 var(--xl)}#content-notice:not(:last-child){padding-bottom:var(--s);border-bottom:1px solid var(--hairline-color);margin-bottom:var(--s)}#content :not(.meta)>.flex-fields,#content>.flex-fields,.so-content .flex-fields{--row-gap: var(--xl);display:flex;flex-wrap:wrap;align-content:flex-start;margin:0 calc(var(--row-gap)*-1) calc(var(--row-gap)*-1);width:calc(100% + var(--row-gap)*2)}#content :not(.meta)>.flex-fields>*,#content>.flex-fields>*,.so-content .flex-fields>*{margin:0 0 var(--row-gap) !important;padding:0 var(--row-gap);box-sizing:border-box}#content :not(.meta)>.flex-fields>h2,#content>.flex-fields>h2,.so-content .flex-fields>h2{flex:4 0 100%}#content :not(.meta)>.flex-fields>h2:not(:first-child),#content>.flex-fields>h2:not(:first-child),.so-content .flex-fields>h2:not(:first-child){padding-top:var(--xl);border-top:1px solid var(--hairline-color)}#content :not(.meta)>.flex-fields>hr,#content :not(.meta)>.flex-fields>.line-break,#content>.flex-fields>hr,#content>.flex-fields>.line-break,.so-content .flex-fields>hr,.so-content .flex-fields>.line-break{flex:4 0 100%}#content :not(.meta)>.flex-fields>.line-break:not(:first-child),#content>.flex-fields>.line-break:not(:first-child),.so-content .flex-fields>.line-break:not(:first-child){margin-bottom:0 !important}#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break),#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child,#content>.flex-fields>:not(h2):not(hr):not(.line-break),#content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child,.so-content .flex-fields>:not(h2):not(hr):not(.line-break),.so-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child{position:relative;width:100%}#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):before,#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child:before,#content>.flex-fields>:not(h2):not(hr):not(.line-break):before,#content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child:before,.so-content .flex-fields>:not(h2):not(hr):not(.line-break):before,.so-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child:before{position:absolute;top:0;width:1px;height:100%;content:\"\";background-color:rgba(205,216,228,.5)}body.ltr #content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):before,body.ltr #content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child:before,body.ltr #content>.flex-fields>:not(h2):not(hr):not(.line-break):before,body.ltr #content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child:before,body.ltr .so-content .flex-fields>:not(h2):not(hr):not(.line-break):before,body.ltr .so-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child:before{left:-1px}body.rtl #content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):before,body.rtl #content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child:before,body.rtl #content>.flex-fields>:not(h2):not(hr):not(.line-break):before,body.rtl #content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child:before,body.rtl .so-content .flex-fields>:not(h2):not(hr):not(.line-break):before,body.rtl .so-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child:before{right:-1px}@media only screen and (min-width: 1536px){#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break).width-25,#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25,#content>.flex-fields>:not(h2):not(hr):not(.line-break).width-25,#content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25{width:25%}#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break).width-50,#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50,#content>.flex-fields>:not(h2):not(hr):not(.line-break).width-50,#content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50{width:50%}#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break).width-75,#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-75,#content>.flex-fields>:not(h2):not(hr):not(.line-break).width-75,#content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-75{width:75%}}@media only screen and (min-width: 600px)and (max-width: 1535px){#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break).width-25,#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break).width-50,#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25,#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50,#content>.flex-fields>:not(h2):not(hr):not(.line-break).width-25,#content>.flex-fields>:not(h2):not(hr):not(.line-break).width-50,#content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25,#content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50{width:50%}}@media only screen and (min-width: 1200px){.so-content .flex-fields>:not(h2):not(hr):not(.line-break).width-25,.so-content .flex-fields>:not(h2):not(hr):not(.line-break).width-50,.so-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25,.so-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50{width:50%}}.lp-editor-container,.lp-preview-container{position:fixed;top:0;height:100%;background-color:var(--white);z-index:100}.lp-editor-container header,.lp-preview-container header{padding:8px 24px;background-color:var(--gray-100);box-shadow:0 1px 0 rgba(63,77,90,.2);box-sizing:border-box;position:relative;z-index:1}@supports(backdrop-filter: blur(10px)){.lp-editor-container header,.lp-preview-container header{position:absolute;z-index:2;top:0;left:0;width:100%;background-color:rgba(228,237,246,.75);backdrop-filter:blur(10px)}.lp-editor-container header+.lp-editor,.lp-preview-container header+.lp-editor{padding-top:78px}}.lp-editor-container header .btn,.lp-editor-container header .spinner,.lp-editor-container header .checkmark-icon,.lp-preview-container header .btn,.lp-preview-container header .spinner,.lp-preview-container header .checkmark-icon{margin-bottom:0}.lp-editor-container{display:flex;flex-direction:column}.lp-editor-container .lp-editor{flex:1;padding:24px;overflow:auto;box-sizing:border-box}.lp-editor-container .lp-editor>.field:last-child{margin-bottom:24px !important}body.ltr .lp-editor-container .lp-editor>.field>.status-badge{left:-24px}body.rtl .lp-editor-container .lp-editor>.field>.status-badge{right:-24px}.lp-editor-container .lp-draghandle{position:absolute;z-index:6;top:0;width:4px;height:100%;cursor:col-resize}body.ltr .lp-editor-container .lp-draghandle{right:-2px}body.rtl .lp-editor-container .lp-draghandle{left:-2px}.lp-preview-container{display:flex;flex-direction:column;box-shadow:-1px 0 0 rgba(63,77,90,.2)}.lp-preview-container.dragging:after{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";font-size:0}.lp-preview-container .lp-preview-header{display:flex}@supports not (backdrop-filter: blur(10px)){.lp-preview-container .lp-preview-header{background-color:rgba(228,237,246,.75)}}.lp-preview-container .lp-preview-header .buttons{margin:0}body.ltr .lp-preview-container .lp-preview-header .buttons .btn+.btn{margin-left:7px}body.rtl .lp-preview-container .lp-preview-header .buttons .btn+.btn{margin-right:7px}.lp-preview-container .lp-preview-header+.lp-iframe-container{padding-top:0}@supports(backdrop-filter: blur(10px)){.lp-preview-container .lp-preview-header+.lp-iframe-container{padding-top:50px}}.lp-preview-container .lp-preview-header .lp-device-type{margin:0}.lp-preview-container .lp-device-type__label::before{width:27px;height:22px;display:block;content:\"\";background-size:contain;background-repeat:no-repeat;background-position:center;transition-duration:.3s}.lp-preview-container .lp-device-type__label.lp-device-type__label--phone::before{background-image:url(../images/preview/icon-phone.svg)}.lp-preview-container .lp-device-type__label.lp-device-type__label--tablet::before{background-image:url(../images/preview/icon-tablet.svg)}.lp-preview-container .lp-device-type__label.lp-device-type__label--desktop::before{background-image:url(../images/preview/icon-desktop.svg)}.lp-preview-container .lp-device-type__radio-group{display:flex;white-space:nowrap;align-items:center}body.ltr .lp-preview-container .lp-device-type__item:not(:last-child) .btn{border-top-right-radius:0;border-bottom-right-radius:0;margin-right:1px}body.rtl .lp-preview-container .lp-device-type__item:not(:last-child) .btn{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:1px}.lp-preview-container .lp-preview-container__bumper-link{top:unset;bottom:0}body.ltr .lp-preview-container .lp-device-type__item:not(:first-child) .btn{border-top-left-radius:0;border-bottom-left-radius:0}body.rtl .lp-preview-container .lp-device-type__item:not(:first-child) .btn{border-top-right-radius:0;border-bottom-right-radius:0}.lp-preview-container .lp-device-type__input.focus-visible+label{box-shadow:var(--focus-ring)}.lp-preview-container .lp-device-mask{display:none}.lp-preview-container .lp-iframe-container{flex:1;overflow:auto}.lp-preview-container .lp-iframe-container .lp-preview{display:block;width:100%;min-height:100%}.lp-preview-container .lp-iframe-container:not(.lp-iframe-container--has-device-preview) .lp-device-preview-container{width:auto !important;height:100% !important;transform:none !important;margin:0 !important}.lp-preview-container .lp-iframe-container--has-device-preview{flex:none;padding-top:0 !important;position:relative;top:0;height:calc(100% - 50px);width:100%;background-color:var(--gray-100)}@supports(backdrop-filter: blur(10px)){.lp-preview-container .lp-iframe-container--has-device-preview{top:50px}}.lp-preview-container .lp-iframe-container--has-device-preview .lp-device-preview-container{position:absolute;top:50%;left:50%;z-index:2;overflow:auto;opacity:1;transition:opacity .3s}.lp-preview-container .lp-iframe-container--has-device-preview .lp-device-mask{display:block;position:absolute;top:50%;left:50%;z-index:1;background-image:url(../images/preview/chrome-phone-top.svg),url(../images/preview/chrome-phone-bottom.svg);background-position:top center,bottom center;background-repeat:no-repeat;background-size:contain;background-color:#fff;box-shadow:0 0 58px rgba(6,67,117,.3);border-radius:18px}.lp-preview-container .lp-iframe-container--has-device-preview.lp-iframe-container--tablet .lp-device-mask{background-image:url(../images/preview/chrome-tablet-top.svg),url(../images/preview/chrome-tablet-bottom.svg)}@media screen and (prefers-reduced-motion: no-preference){.lp-preview-container .lp-iframe-container--rotating .lp-device-mask{transition-duration:.3s;transition-property:transform}.lp-preview-container .lp-iframe-container--rotating .lp-device-preview-container{opacity:0;transition:opacity 0s}}.layoutdesigner{display:flex;align-items:stretch;position:relative;border-radius:3px;border:1px solid rgba(96,125,159,.25);background-color:#fbfcfe;background-clip:padding-box;overflow:hidden;box-shadow:none;min-height:500px}body.ltr .layoutdesigner{padding-right:241px}body.rtl .layoutdesigner{padding-left:241px}.errors>.layoutdesigner{border:1px solid var(--error-color) !important}.layoutdesigner .fld-workspace{flex:1;background-color:var(--gray-050);background-image:linear-gradient(to right, hsl(212deg, 50%, 95%) 1px, transparent 0px),linear-gradient(to bottom, hsl(212deg, 50%, 95%) 1px, transparent 1px);background-size:24px 24px;background-position:-1px -1px;box-shadow:inset 0 1px 3px -1px #acbed2}body.ltr .layoutdesigner .fld-workspace{border-radius:var(--small-border-radius) 0 0 var(--small-border-radius)}body.rtl .layoutdesigner .fld-workspace{border-radius:0 var(--small-border-radius) var(--small-border-radius) 0}body.ltr .layoutdesigner .fld-workspace{padding:24px 0 24px 24px}body.rtl .layoutdesigner .fld-workspace{padding:24px 24px 24px 0}.layoutdesigner .fld-workspace .fld-tabs{display:flex;align-items:flex-start;flex-wrap:wrap}.layoutdesigner .fld-sidebar{position:absolute;top:0;height:100%;width:241px;padding:14px;overflow:auto;box-sizing:border-box}body.ltr .layoutdesigner .fld-sidebar{right:0}body.rtl .layoutdesigner .fld-sidebar{left:0}.layoutdesigner .fld-sidebar .btngroup{margin-bottom:14px}.layoutdesigner .fld-sidebar .fld-field-library .fld-field-group{margin-top:14px}.layoutdesigner .fld-sidebar .fld-field-library .fld-field-group h6{margin-bottom:7px}.layoutdesigner .fld-sidebar .filtered{display:none}.layoutdesigner .fld-new-tab-btn:active{background-color:var(--gray-050)}.fld-sidebar,.fld-tab .tabs .tab,.fld-tab .fld-tabcontent,.fld-new-tab-btn,.fld-new-tab-btn:hover{background-color:var(--white);box-shadow:0 0 0 1px rgba(31,41,51,.1),0 2px 5px -2px rgba(31,41,51,.2)}body.ltr .fld-tab .settings,body.ltr .fld-element .settings,body.ltr .fld-element .slide-picker{margin-left:7px}body.rtl .fld-tab .settings,body.rtl .fld-element .settings,body.rtl .fld-element .slide-picker{margin-right:7px}.fld-tab .settings:before,.fld-element .settings:before{margin-top:-2px;font-size:16px;opacity:.5}.fld-tab .settings:hover:before,.fld-tab .settings.active:before,.fld-element .settings:hover:before,.fld-element .settings.active:before{opacity:1}.fld-tab{width:264px;box-sizing:border-box}body.ltr .fld-tab{padding:0 25px 24px 0}body.rtl .fld-tab{padding:0 0 24px 25px}.fld-tab .tabs{margin:-10px -12px 0;padding:10px 12px 0;overflow:hidden;display:flex}.fld-tab .tabs .tab{display:flex;max-width:calc(100% - 10px);box-sizing:border-box;padding:8px 14px;border-radius:var(--medium-border-radius) var(--medium-border-radius) 0 0}body:not(.dragging) .fld-tab .tabs .tab.draggable{cursor:move;cursor:grab}.fld-tab .tabs .tab span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fld-tab .fld-tabcontent{padding:14px}body.ltr .fld-tab .fld-tabcontent{border-radius:0 var(--medium-border-radius) var(--medium-border-radius) var(--medium-border-radius)}body.rtl .fld-tab .fld-tabcontent{border-radius:var(--medium-border-radius) 0 var(--medium-border-radius) var(--medium-border-radius)}.fld-tab.fld-insertion .tabs .tab,.fld-tab.fld-insertion .fld-tabcontent{margin:-2px;border:2px dashed var(--hairline-color);box-shadow:none;background-color:var(--gray-050);background-image:linear-gradient(to right, hsl(212deg, 50%, 95%) 1px, transparent 0px),linear-gradient(to bottom, hsl(212deg, 50%, 95%) 1px, transparent 1px);background-size:24px 24px}.fld-tab.fld-insertion .tabs .tab{background-position:-1px -1px}.fld-tab.fld-insertion .fld-tabcontent{background-position:-1px -13px}.fld-tab-caboose{min-height:24px}.fld-required-indicator{display:inline-flex;font-size:9px;color:var(--link-color)}body.ltr .fld-required-indicator{margin-left:4px}body.rtl .fld-required-indicator{margin-right:4px}.fld-element{position:relative;z-index:0;display:flex;align-items:center;padding:7px 10px;box-shadow:inset 0 0 0 1px var(--hairline-color);border-radius:var(--medium-border-radius);background-color:var(--white)}.fld-element.has-conditions:after{position:absolute;content:\" \";top:2px;right:2px;bottom:2px;left:2px;z-index:-1;border:2px solid rgba(0,0,0,0);border-radius:var(--medium-border-radius);background-image:linear-gradient(var(--white), var(--white)),repeating-linear-gradient(-45deg, var(--white), var(--white) 5px, transparent 5px, transparent 10px);background-origin:border-box;background-clip:content-box,border-box}body:not(.dragging) .fld-element{cursor:move;cursor:grab}.fld-element+.fld-element{margin-top:7px}.fld-element.fld-insertion{box-sizing:border-box;border:2px dashed var(--hairline-color);border-radius:var(--medium-border-radius);background:none;box-shadow:none}.fld-element.draghelper{box-shadow:0 1px 5px -1px rgba(31,41,51,.2)}.fld-element.fld-field{color:var(--medium-text-color);background-color:var(--gray-100)}.fld-element.fld-field.has-conditions:after{position:absolute;content:\" \";top:2px;right:2px;bottom:2px;left:2px;z-index:-1;border:2px solid rgba(0,0,0,0);border-radius:var(--medium-border-radius);background-image:linear-gradient(var(--gray-100), var(--gray-100)),repeating-linear-gradient(-45deg, var(--white), var(--white) 5px, transparent 5px, transparent 10px);background-origin:border-box;background-clip:content-box,border-box}.fld-element.fld-field:not(.draghelper){box-shadow:none}.fld-element.fld-field .fld-field-hidden:not(.hidden){margin-top:-3px}body.ltr .fld-element.fld-field .fld-field-hidden:not(.hidden){margin-right:5px}body.rtl .fld-element.fld-field .fld-field-hidden:not(.hidden){margin-left:5px}.fld-element.fld-field .fld-field-hidden:not(.hidden):before{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);content:\"shuteye\"}.fld-element.fld-field .field-name .fld-element-label{margin-bottom:2px}.fld-element .fld-element-icon{text-align:center}body.ltr .fld-element .fld-element-icon{margin-right:5px}body.rtl .fld-element .fld-element-icon{margin-left:5px}.fld-element .fld-element-icon,.fld-element .fld-element-icon svg{width:16px;height:16px}.fld-element .fld-element-icon svg rect,.fld-element .fld-element-icon svg circle,.fld-element .fld-element-icon svg ellipse,.fld-element .fld-element-icon svg line,.fld-element .fld-element-icon svg polyline,.fld-element .fld-element-icon svg polygon,.fld-element .fld-element-icon svg path,.fld-element .fld-element-icon svg text{fill:var(--ui-control-color);stroke-width:0}.fld-element .field-name{flex:1;overflow:hidden}.fld-element .field-name .fld-element-label,.fld-element .field-name .fld-attribute{flex:1;display:flex;align-items:center}.fld-element .field-name .fld-element-label h4,.fld-element .field-name .fld-attribute .smalltext{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fld-element .field-name .fld-element-label h4{font-weight:normal;color:var(--text-color);margin:0}body.dragging{cursor:move !important;cursor:grabbing !important}.fld-hr,.fld-br{display:flex;justify-content:center;padding:9px 10px}.fld-hr:before,.fld-br:before{position:absolute;display:block;top:calc(50% - 2px);left:10px;width:calc(100% - 20px);height:4px;content:\"\";font-size:0;border-radius:2px}.fld-hr .smalltext,.fld-br .smalltext{position:relative;background-color:var(--gray-100);border-radius:8px;padding:1px 7px}.fld-hr:before{background-color:var(--gray-100)}.fld-br:before{background-image:repeating-linear-gradient(to right, var(--gray-100), var(--gray-100) 5.2631578947%, transparent 5.2631578947%, transparent 10.5263157895%, var(--gray-100) 10.5263157895%)}.fld-element-settings-body{flex:1;margin:-24px var(--neg-padding) 0;padding:24px var(--padding);overflow:hidden auto;position:relative}.fld-element-settings-footer{position:relative;display:flex;flex-direction:row;margin:0 var(--neg-padding) -24px;padding:var(--padding);background:#fff;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);background-color:var(--gray-050);z-index:3}.fld-element-settings-footer:focus{box-shadow:var(--focus-ring)}.fld-element-settings-footer>.ee-site-select{flex:1}body.ltr .fld-element-settings-footer>.btn{margin-left:5px}body.rtl .fld-element-settings-footer>.btn{margin-right:5px}body.ltr .fld-element-settings-footer>.spinner{margin:0 var(--neg-padding) 0 0}body.rtl .fld-element-settings-footer>.spinner{margin:0 0 0 var(--neg-padding)}html.noscroll,html.noscroll body{overflow:hidden;height:100%}.modal.imageeditor{background-color:var(--gray-900);color:var(--white);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:500;--focus-ring: 0 0 0 1px hsl(var(--light-focus-hsl)), 0 0 0 3px hsla(var(--light-focus-hsl), 0.7);opacity:0;user-select:none}.modal.imageeditor.modal{border-radius:0}.modal.imageeditor.modal .body:after{display:none}.modal.imageeditor .btn:not(.submit):not(.noborder){background-color:var(--gray-600);color:var(--white)}.modal.imageeditor .btn:not(.submit):not(.noborder):hover{background-color:var(--gray-700)}.modal.imageeditor .btn:not(.submit):not(.noborder).active{background-color:var(--gray-800)}.modal.imageeditor .icon::before{width:24px;height:24px;margin-top:-4px;margin-left:-3px;display:inline-block;content:\"\"}.modal.imageeditor .icon.rotate-left::before{background-image:url(../images/image-editor/rotate-left.svg)}.modal.imageeditor .icon.rotate-right::before{background-image:url(../images/image-editor/rotate-right.svg)}.modal.imageeditor .icon.flip-vertical::before{background-image:url(../images/image-editor/flip-vertical.svg)}.modal.imageeditor .icon.flip-horizontal::before{background-image:url(../images/image-editor/flip-horizontal.svg)}.modal.imageeditor .icon.constraint::before{background-image:url(../images/image-editor/unconstrained.svg)}.modal.imageeditor .icon.focal-point::before{background-image:url(../images/image-editor/focal-point.svg)}.modal.imageeditor .body{display:flex;padding:0}.modal.imageeditor input{color:var(--text-color)}.modal.imageeditor .body .tabs{border-right:1px solid var(--gray-1000)}.modal.imageeditor .body .tabs ul{width:100px;flex-direction:column;align-items:stretch}.modal.imageeditor .body .tabs ul li{position:relative;padding:14px;text-align:center;border-bottom:1px solid var(--gray-1000);cursor:pointer}.modal.imageeditor .body .tabs ul li::before{position:absolute;top:0;content:\"\";width:0;height:100%;background-color:currentColor}body.ltr .modal.imageeditor .body .tabs ul li::before{left:0}body.rtl .modal.imageeditor .body .tabs ul li::before{right:0}.modal.imageeditor .body .tabs ul li.selected{background-color:#151c23}.modal.imageeditor .body .tabs ul li.selected::before{width:2px}.modal.imageeditor .body .tabs ul li i{background-repeat:no-repeat;background-position:top center;display:block;height:24px}.modal.imageeditor .body .tabs ul li[data-view=rotate] i{background-image:url(../images/image-editor/rotate-left.svg)}.modal.imageeditor .body .tabs ul li[data-view=crop] i{background-image:url(../images/image-editor/crop.svg)}.modal.imageeditor .body .tabs ul li[data-view=filters] i{background-image:url(../images/image-editor/filters.svg)}.modal.imageeditor .body .tabs ul li:hover{background-color:#1b242c}.modal.imageeditor .body .tabs ul li:hover{cursor:pointer}.modal.imageeditor .body .views{padding:24px;overflow:auto}.modal.imageeditor .body .views .btngroup{margin-bottom:24px}.modal.imageeditor .body .views .filters ul{width:100px}.modal.imageeditor .body .views .filters ul li{text-align:center;margin-right:14px;margin-bottom:14px}.modal.imageeditor .body .views .filters ul li:last-child{margin-right:0}.modal.imageeditor .body .views .filters ul li img{border:3px solid rgba(0,0,0,0);border-radius:4px}.modal.imageeditor .body .views .filters ul li span{display:block}.modal.imageeditor .body .views .filters ul li:hover{cursor:pointer}.modal.imageeditor .body .views .filters ul li.selected img{border-color:var(--white)}.modal.imageeditor .body .image-container{flex-grow:1;display:flex;flex-direction:column;position:relative;overflow:hidden}.modal.imageeditor .body .image-container .image{text-align:center;flex-grow:1;position:relative;margin:14px}.modal.imageeditor .body .image-container .image canvas{position:absolute;top:0;left:0}.modal.imageeditor .body .image-container .image-tools{text-align:center}.modal.imageeditor .body .image-container .image-tools .straightening{max-width:400px;min-height:3.75rem;display:block;margin:0 auto;overflow:hidden}.modal.imageeditor .footer{position:absolute;background-color:rgba(0,0,0,0);bottom:0;left:0;width:100%;border-top:1px solid #000}.modal.imageeditor .body .views .crop fieldset .heading{display:none}.modal.imageeditor .body .views .crop .custom-constraint-spacer{padding:0 var(--xs)}.modal.imageeditor .body .views .crop .constraint-group{display:grid;grid-gap:var(--xs)}body.ltr .modal.imageeditor .body .views .crop .custom{padding-left:21px}body.rtl .modal.imageeditor .body .views .crop .custom{padding-right:21px}.modal.imageeditor .body .views .crop .orientation{display:flex;align-items:center;justify-content:center}.modal.imageeditor .body .views .crop .orientation input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-position:center center;background-repeat:no-repeat;margin:0 4px;cursor:pointer}.modal.imageeditor .body .views .crop .orientation input[value=landscape]{width:30px;height:20px;background-image:url(../images/image-editor/orientation-landscape-unchecked.svg)}.modal.imageeditor .body .views .crop .orientation input[value=landscape]:checked{background-image:url(../images/image-editor/orientation-landscape-checked.svg)}.modal.imageeditor .body .views .crop .orientation input[value=portrait]{width:20px;height:30px;background-image:url(../images/image-editor/orientation-portrait-unchecked.svg)}.modal.imageeditor .body .views .crop .orientation input[value=portrait]:checked{background-image:url(../images/image-editor/orientation-portrait-checked.svg)}.modal.imageeditor.vertical .body .views .crop>.btngroup:first-child{justify-content:center}.modal.imageeditor:not(.vertical) .body .views .crop .constraint.custom{margin-top:var(--xs)}.vertical.imageeditor .body{flex-direction:column}.vertical.imageeditor .body .image-container{flex-basis:30vh;flex-shrink:0}.vertical.imageeditor .body .constraint-group{grid-template-columns:1fr 1fr}.vertical.imageeditor .body .tabs ul{display:flex;flex-direction:row;width:100%;border-top:1px solid #000;border-bottom:1px solid #000}.vertical.imageeditor .body .tabs ul li{flex-grow:1;border:0;border-right:1px solid #000;padding:10px 7px}.vertical.imageeditor .body .tabs ul li::before{top:unset;top:0;width:100%;height:0}.vertical.imageeditor .body .tabs ul li.selected::before{width:100%;height:2px}.vertical.imageeditor .body .views{width:auto}.vertical.imageeditor .body .views .rotate{display:flex;justify-content:center;flex-wrap:wrap;margin-bottom:-14px}.vertical.imageeditor .body .views .rotate .btngroup{margin:0 7px 14px}.vertical.imageeditor .body .views .filters ul{width:auto;height:109px;overflow:auto;white-space:nowrap;margin:0 -24px;margin-bottom:-24px;padding:24px;text-align:center}.vertical.imageeditor .body .views .filters ul li{display:inline-block;margin-bottom:0}.slide-rule{position:relative;padding:10px 0}.slide-rule:focus{box-shadow:none}body:not(.reduce-focus-visibility) .slide-rule:focus .cursor::after,body.reduce-focus-visibility .slide-rule.focus-visible .cursor::after{box-shadow:var(--focus-ring)}.slide-rule .cursor::after{content:\"\";width:1.25rem;height:3.125rem;position:absolute;top:-15px;left:50%;transform:translateX(-50%)}.slide-rule .cursor{position:absolute;margin-left:-0.25rem;margin-top:4px;left:50%;z-index:1;width:0;height:0;border-left:0.3125rem solid rgba(0,0,0,0);border-right:0.3125rem solid rgba(0,0,0,0);border-top:0.3125rem solid #63a6e1}.slide-rule .graduations{white-space:nowrap;height:40px;position:relative}.slide-rule .graduations ul{position:relative;float:left}.slide-rule .graduations ul li{display:inline-block;font-size:8px;position:relative;width:10px}.slide-rule .graduations ul li:not(.main-graduation){left:1px}.slide-rule .graduations ul li.main-graduation:before{border-left-width:3px}.slide-rule .graduations ul li.main-graduation .label{display:block;cursor:default}.slide-rule .graduations ul li.selected:before{border-left-color:#63a6e1}.slide-rule .graduations ul li:before{content:\"\";position:absolute;border-left:1px solid var(--white);height:10px;top:0px;left:0}.slide-rule .graduations ul li .label{width:20px;position:absolute;top:10px;left:-9px;display:none;text-align:center}.slide-rule .value{display:none;position:absolute;bottom:0;left:50%;z-index:1;box-sizing:border-box;padding:5px;width:50px;margin-left:-25px;background:var(--gray-600)}.slide-rule .overlay{z-index:2;position:absolute;top:0;right:0;bottom:1px;left:0;background-image:linear-gradient(to right, var(--gray-900) 0%, rgba(31, 41, 51, 0) 15%, rgba(31, 41, 51, 0) 85%, var(--gray-900) 100%)}.menu.dark{background-color:var(--gray-600);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:500}.menu.dark ul li a{color:var(--white) !important}.menu.dark ul li a:not(.sel):not(.disabled):hover{background-color:var(--gray-700)}_:-ms-lang(x),.elements .tableview td.checkbox-cell input.checkbox+label,.elements .tableview td.checkbox-cell div.checkbox{top:16px}_:-ms-lang(x),input.checkbox+label:empty,div:empty.checkbox{display:block}.yii-debug-toolbar__title a{display:block !important}","@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\n:root {\n --white: #fff;\n --black: #000;\n\n --gray-050: hsl(212, 60%, 97%);\n --gray-100: hsl(212, 50%, 93%);\n --gray-200: hsl(212, 30%, 85%);\n --gray-300: hsl(211, 13%, 65%);\n --gray-350: hsl(211, 11%, 59%);\n --gray-400: hsl(210, 10%, 53%);\n --gray-500: hsl(211, 12%, 43%);\n --gray-550: hsl(210, 13%, 40%);\n --gray-600: hsl(209, 14%, 37%);\n --gray-700: hsl(209, 18%, 30%);\n --gray-800: hsl(209, 20%, 25%);\n --gray-900: hsl(210, 24%, 16%);\n --gray-1000: hsl(210, 24%, 10%);\n\n --blue-050: #e3f8ff;\n --blue-100: #b3ecff;\n --blue-200: #81defd;\n --blue-300: #5ed0fa;\n --blue-400: #40c3f7;\n --blue-500: #2bb0ed;\n --blue-600: #1992d4;\n --blue-700: #127fbf;\n --blue-800: #0b69a3;\n --blue-900: #035388;\n\n --cyan-050: #e0fcff;\n --cyan-100: #bef8fd;\n --cyan-200: #87eaf2;\n --cyan-300: #54d1db;\n --cyan-400: #38bec9;\n --cyan-500: #2cb1bc;\n --cyan-600: #14919b;\n --cyan-700: #0e7c86;\n --cyan-800: #0a6c74;\n --cyan-900: #044e54;\n\n --pink-050: #ffe3ec;\n --pink-100: #ffb8d2;\n --pink-200: #ff8cba;\n --pink-300: #f364a2;\n --pink-400: #e8368f;\n --pink-500: #da127d;\n --pink-600: #bc0a6f;\n --pink-700: #a30664;\n --pink-800: #870557;\n --pink-900: #620042;\n\n --red-050: #ffe3e3;\n --red-100: #ffbdbd;\n --red-200: #ff9b9b;\n --red-300: #f86a6a;\n --red-400: #ef4e4e;\n --red-500: #e12d39;\n --red-600: #cf1124;\n --red-700: #ab091e;\n --red-800: #8a041a;\n --red-900: #610316;\n\n --yellow-050: #fffbea;\n --yellow-100: #fff3c4;\n --yellow-200: #fce588;\n --yellow-300: #fadb5f;\n --yellow-400: #f7c948;\n --yellow-500: #f0b429;\n --yellow-600: #de911d;\n --yellow-700: #cb6e17;\n --yellow-800: #b44d12;\n --yellow-900: #8d2b0b;\n\n --teal-050: #effcf6;\n --teal-100: #c6f7e2;\n --teal-200: #8eedc7;\n --teal-300: #65d6ad;\n --teal-400: #3ebd93;\n --teal-500: #27ab83;\n --teal-550: #20a07b;\n --teal-600: #199473;\n --teal-700: #147d64;\n --teal-800: #0c6b58;\n --teal-900: #014d40;\n}\n","@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\n:root {\n --bg-color: $grey100;\n --bg-color-hsl: #{hue($grey100)}, #{saturation($grey100)},\n #{lightness($grey100)};\n\n // submit button colors\n --primary-color: var(--red-500);\n --secondary-color: var(--gray-500);\n\n --input-color: hsl(212, 25%, 50%);\n\n // text colors\n --text-color: var(--gray-700);\n --medium-dark-text-color: var(--gray-550);\n --medium-text-color: var(--gray-550);\n --light-text-color: var(--gray-500);\n --link-color: #2563eb;\n\n // font styles\n --font-weight-bold: 700;\n\n // menu colors\n --menu-option-color: var(--text-color);\n --menu-option-active-color: var(--white);\n --menu-option-active-background-color: var(--gray-350);\n\n // hairline colors\n --hairline-color: #{transparentize(hsl(209, 20%, 25%), 0.9)};\n --medium-hairline-color: #{transparentize(hsl(209, 14%, 37%), 0.75)};\n --dark-hairline-color: #{transparentize(hsl(210, 10%, 53%), 0.5)};\n\n // focus colors\n --light-focus-color: var(--blue-300);\n --medium-focus-color: var(--blue-500);\n --dark-focus-color: #0f74b1;\n\n // focus rings\n --light-focus-ring: 0 0 0 1px #5ed0fa,\n 0 0 0 3px #{transparentize(#5ed0fa, 0.3)};\n --medium-focus-ring: 0 0 0 1px #2bb0ed,\n 0 0 0 3px #{transparentize(#2bb0ed, 0.3)};\n --dark-focus-ring: 0 0 0 1px #0f74b1,\n 0 0 0 3px #{transparentize(#0f74b1, 0.3)};\n\n // selection colors\n --light-sel-color: var(--gray-200);\n --dark-sel-color: var(--gray-600);\n\n // alert/notice colors\n --error-color: var(--red-600);\n --warning-color: var(--yellow-800);\n --success-color: var(--teal-700);\n --notice-color: var(--blue-800);\n\n // status colors\n --enabled-color: var(--teal-550);\n --pending-color: var(--yellow-700);\n --disabled-color: var(--red-600);\n\n // UI element styles\n --small-border-radius: 3px;\n --medium-border-radius: 4px;\n --large-border-radius: 5px;\n\n --menu-border-radius: var(--medium-border-radius);\n --checkbox-size: 16px;\n --radio-size: 16px;\n}\n","@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\n@mixin checkered-bg($size) {\n // h/t https://gist.github.com/dfrankland/f6fed3e3ccc42e3de482b324126f9542\n $halfSize: $size * 0.5;\n background-image: linear-gradient(45deg, var(--gray-100) 25%, transparent 25%),\n linear-gradient(135deg, var(--gray-100) 25%, transparent 25%),\n linear-gradient(45deg, transparent 75%, var(--gray-100) 75%),\n linear-gradient(135deg, transparent 75%, var(--gray-100) 75%);\n background-size: $size $size;\n background-position: 0 0, $halfSize 0, $halfSize -#{$halfSize}, 0 $halfSize;\n}\n\n@mixin striped-bg($size, $color: $grey100) {\n // h/t https://css-tricks.com/stripes-css/\n $halfSize: $size * 0.5;\n body.ltr & {\n background: repeating-linear-gradient(\n 135deg,\n var(--white),\n var(--white) $halfSize,\n $color $halfSize,\n $color $size\n );\n }\n body.rtl & {\n background: repeating-linear-gradient(\n 45deg,\n var(--white),\n var(--white) $halfSize,\n $color $halfSize,\n $color $size\n );\n }\n}\n\n@font-face {\n font-family: 'Craft';\n src: url('../fonts/Craft.woff') format('woff'),\n url('../fonts/Craft.ttf') format('truetype'),\n url('../fonts/Craft.svg#Craft') format('svg');\n font-weight: normal;\n font-style: normal;\n}\n\n/* ----------------------------------------\n/* Basic stuff\n/* ----------------------------------------*/\n\n:root {\n --ui-control-color: var(--gray-550);\n --ui-control-hover-color: var(--gray-600);\n --ui-control-active-color: var(--gray-700);\n --icon-opacity: 0.8;\n --light-focus-hsl: #{hue($lightFocusColor)}, #{saturation($lightFocusColor)},\n #{lightness($lightFocusColor)};\n --medium-focus-hsl: #{hue($mediumFocusColor)},\n #{saturation($mediumFocusColor)}, #{lightness($mediumFocusColor)};\n --dark-focus-hsl: #{hue($darkFocusColor)}, #{saturation($darkFocusColor)},\n #{lightness($darkFocusColor)};\n --focus-ring: 0 0 0 1px hsl(var(--dark-focus-hsl)),\n 0 0 0 3px hsla(var(--dark-focus-hsl), 0.8);\n --inner-focus-ring: inset 0 0 0 1px hsl(var(--dark-focus-hsl)),\n inset 0 0 0 3px hsla(var(--dark-focus-hsl), 0.7);\n --touch-target-size: 24px; /* Minimum recommended touch target size */\n}\n\nbody,\nhtml {\n box-shadow: var(--light-focus-ring);\n background-color: var(--gray-100);\n}\n\nhtml.noscroll,\nhtml.noscroll body {\n overflow: hidden;\n}\n\nbody {\n width: 100vw;\n overflow-x: hidden;\n @include fontSize(14);\n line-height: 1.42;\n color: var(--text-color);\n -webkit-font-smoothing: subpixel-antialiased;\n}\n\nbody.rtl {\n direction: rtl;\n}\n\nbody,\ninput,\nselect,\ntextarea {\n @include sans-serif-font;\n}\n\n.first,\nh1:first-child,\nh2:first-child,\nh3:first-child,\nh4:first-child,\nh5:first-child,\nh6:first-child,\np:first-child,\nblockquote:first-child,\nhr:first-child,\n.pane:first-child,\n.grid:first-child,\nfieldset:first-child,\n.field:first-child,\n.toolbar:first-child,\n.buttons:first-child,\n.condition-container:first-child {\n margin-top: 0 !important;\n}\n\n.last,\nh1:last-child,\nh2:last-child,\nh3:last-child,\nh4:last-child,\nh5:last-child,\nh6:last-child,\np:last-child,\nblockquote:last-child,\n.pane:last-child,\n.grid:last-child,\n.meta:last-child,\nfieldset:last-child,\n.field:last-child,\n.toolbar:last-child,\n.buttons:last-child,\n.condition-container:last-child {\n margin-bottom: 0 !important;\n}\n\n.no-scroll {\n overflow: hidden !important;\n}\n\n.draghelper {\n box-sizing: border-box;\n}\n\nimg {\n max-width: 100%;\n}\n\n.text,\ntable.editable textarea {\n body.rtl .ltr & {\n text-align: left !important;\n direction: ltr !important;\n }\n\n body.ltr .rtl & {\n text-align: right !important;\n direction: rtl !important;\n }\n}\n\n/* icons */\n.icon:before,\n.menu ul.padded li a.sel:before,\n.menu .flex.padded.sel:before,\n.texticon:before,\n.element:before,\n#help:before,\n.secure:before,\n.insecure:before,\n.go:after,\n.required:after,\n.preview-btn:before,\n.view-btn:before,\n[data-icon]:before,\n[data-icon-after]:after {\n @include icon;\n}\n\n.badge-icon {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 17px;\n height: 17px;\n box-sizing: border-box;\n border: 1px solid var(--yellow-500);\n border-radius: var(--small-border-radius);\n color: var(--yellow-500);\n font-size: 9px;\n}\n\n.secure:before,\n.insecure:before {\n margin-top: -3px;\n font-size: 14px;\n}\n\n[data-icon]:before {\n content: attr(data-icon);\n}\n\n[data-icon-after]:after {\n content: attr(data-icon-after);\n}\n\nbody.rtl [data-icon='list']:before,\nbody.rtl [data-icon-after='list']:after {\n content: 'listrtl';\n}\n\nbody.rtl [data-icon='structure']:before,\nbody.rtl [data-icon-after='structure']:after {\n content: 'structurertl';\n}\n\n.icon.secure:before {\n content: 'secure';\n}\n\n.icon.insecure:before {\n content: 'insecure';\n}\n\n.icon.add:before {\n content: 'plus';\n}\n\n.icon.edit:before {\n content: 'edit';\n}\n\n.icon.settings:before {\n content: 'settings';\n}\n\n.icon.search:before {\n content: 'search';\n}\n\n.icon.expand:before {\n content: 'expand';\n}\n\n.icon.collapse:before {\n content: 'collapse';\n}\n\n.help:before {\n content: 'help';\n color: var(--pink-400);\n}\n\n.preview-btn,\n.view-btn {\n &:before {\n @include margin-right(var(--xs));\n }\n}\n\n.preview-btn:before {\n margin-top: -2px;\n content: 'view';\n}\n\n.view-btn:before {\n body.ltr & {\n content: 'share';\n }\n body.rtl & {\n content: 'shareleft';\n }\n}\n\n/* headings */\nh1,\n.h1 {\n margin-bottom: 24px;\n font-size: 18px;\n font-weight: bold;\n line-height: 1.2;\n}\n\nh2,\n.h2 {\n margin: 14px 0;\n font-size: 16px;\n font-weight: bold;\n line-height: 20px;\n}\n\nh3,\n.h3 {\n margin: 14px 0;\n font-weight: bold;\n line-height: 1.2;\n}\n\nh4,\n.h4 {\n margin: 14px 0;\n font-weight: bold;\n line-height: 1.2;\n color: var(--medium-text-color);\n}\n\nh5,\n.h5 {\n margin: 14px 0 3px;\n line-height: 1.2;\n color: var(--medium-text-color);\n}\n\nh6,\n.h6 {\n @include h6-styles;\n}\n\nh1[data-icon]:before {\n @include margin(-8px, 10px, 0, 0);\n}\n\nh2[data-icon]:before {\n @include margin(-4px, 6px, 0, 0);\n font-size: 19px;\n}\n\n/* horizontal rule */\nhr {\n margin: 24px 0;\n border: none;\n border-top: 1px solid var(--hairline-color);\n height: 0;\n color: transparent;\n}\n\n.pane hr {\n margin: 24px -24px;\n}\n\n/* paragraphs */\np {\n margin: 1em 0;\n}\n\nh5 + p {\n margin-top: 0;\n}\n\nsup {\n vertical-align: super;\n font-size: smaller;\n}\n\nsub {\n vertical-align: sub;\n font-size: smaller;\n}\n\n.indent {\n @include margin-left(14px);\n}\n\n/* lists */\n.bullets {\n @include padding-left(40px);\n list-style-type: square;\n}\n\nol {\n @include padding-left(40px);\n list-style-type: decimal;\n}\n\n/* code */\ncode,\n.code,\n.code input,\n.code textarea {\n @include fixed-width-font;\n\n &.smalltext {\n font-size: 0.8em !important;\n }\n}\n\npre code {\n display: block;\n overflow-x: auto;\n}\n\n/* links */\na {\n color: var(--link-color);\n cursor: pointer;\n\n body.underline-links & {\n text-decoration: underline;\n }\n}\n\na:hover {\n text-decoration: underline;\n}\n\na.sel,\nli.sel a {\n cursor: default !important;\n text-decoration: none;\n}\n\n.go:after {\n font-size: 11px;\n margin-top: -1px;\n @include padding-left(4px);\n color: var(--link-color);\n opacity: 0.9;\n body.ltr & {\n content: 'circlerarr';\n }\n body.rtl & {\n content: 'circlelarr';\n }\n}\n\nbutton {\n cursor: pointer;\n}\n\n/* revision button */\n.context-btn.disabled {\n opacity: 1;\n color: var(--medium-dark-text-color);\n background-color: transparentize($grey200, 0.5) !important;\n}\n\n/* status icons */\n.checkmark-icon,\n.alert-icon {\n padding: 5px;\n margin-bottom: 0 !important;\n line-height: 10px;\n border-radius: 20px;\n cursor: pointer;\n\n &:before {\n @include icon;\n }\n}\n\n.checkmark-icon {\n p & {\n display: inline-block;\n }\n\n background-color: var(--gray-200);\n\n &:before {\n content: 'check';\n color: var(--success-color);\n }\n}\n\n.alert-icon {\n background-color: var(--gray-200);\n\n &:before {\n content: 'alert';\n color: var(--error-color);\n }\n}\n\n.menu.revision-menu {\n padding: 10px 24px;\n\n hr {\n margin: 10px -24px;\n }\n\n ul {\n li {\n &.sel {\n margin: 0 -14px;\n padding: 0 14px;\n background: var(--gray-050);\n border-radius: var(--large-border-radius);\n\n .edited-desc {\n display: flex;\n align-items: center;\n @include margin-left(10px);\n border-top: 1px solid var(--hairline-color);\n padding: 10px 0;\n color: var(--light-text-color);\n white-space: normal;\n\n p {\n margin: 0;\n }\n\n .btn {\n @include margin-left(14px);\n }\n }\n }\n\n a {\n padding-top: 7px;\n border-radius: var(--large-border-radius);\n }\n }\n }\n\n .extralight {\n margin-top: 2px;\n }\n}\n\n.revision-status-hud {\n max-width: 400px;\n\n .http-error {\n border-radius: var(--medium-border-radius);\n border: 1px solid var(--hairline-color);\n color: var(--light-text-color);\n background-color: var(--gray-050);\n padding: 7px 14px;\n }\n}\n\n.draft-notice {\n display: flex;\n align-items: center;\n align-content: stretch;\n justify-content: center;\n gap: var(--s);\n color: var(--blue-800);\n\n #content-notice & {\n display: inline-flex;\n justify-content: flex-start;\n }\n\n .so-notice > & {\n @include margin(\n calc(var(--s) * -1),\n 0,\n calc(var(--s) * -1),\n calc(var(--xl) * -1)\n );\n @include padding(var(--s), 0, var(--s), var(--xl));\n @include border-bottom-left-radius(var(--large-border-radius));\n\n body.ltr & {\n background-image: linear-gradient(\n to bottom right,\n transparentize($blue600, 0.8),\n transparentize($blue600, 1) 50%\n );\n }\n body.rtl & {\n background-image: linear-gradient(\n to left,\n transparentize($blue600, 0.8),\n transparentize($blue600, 1)\n );\n }\n }\n\n p {\n flex: 1;\n margin: 0;\n }\n\n .draft-icon {\n position: relative;\n flex-shrink: 0;\n width: 34px;\n height: 34px;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 100%;\n border: 2px solid transparentize($blue800, 0.8);\n box-sizing: border-box;\n box-shadow: 0 1px 1px 1px var(--white);\n\n &:before {\n position: relative;\n left: 1px;\n color: var(--blue-800) !important;\n font-size: 18px;\n }\n\n &:after {\n content: '';\n font-size: 0;\n position: absolute;\n top: -2px;\n left: -2px;\n right: -2px;\n bottom: -2px;\n border-radius: 100%;\n box-shadow: inset 0 2px 0 transparentize($blue900, 0.8);\n }\n }\n\n .discard-changes-btn {\n @include margin-left(var(--xs));\n background-color: transparent !important;\n color: var(--blue-800) !important;\n border: 2px solid var(--blue-600);\n\n &:hover,\n &:focus {\n border-color: darken($blue600, 5%);\n }\n\n &:active {\n border-color: darken($blue600, 10%);\n }\n }\n}\n\n/* toggles */\nbutton.toggle {\n appearance: none;\n color: inherit;\n background: none;\n border: none;\n padding: 0;\n}\n\n.toggle:before,\na.fieldtoggle:before {\n @include angle(right);\n transition: transform linear 100ms;\n}\n\n.toggle.expanded:before,\na.fieldtoggle.expanded:before,\n.sidebar nav li.expanded > .toggle:before,\n.structure li:not(.collapsed) > .row > .toggle:before {\n transform: rotate(45deg) !important;\n}\n\na.fieldtoggle {\n display: block;\n position: relative;\n margin: 14px 0;\n @include padding-left(12px);\n color: var(--text-color);\n text-decoration: none;\n}\n\na.fieldtoggle:before {\n display: block;\n position: absolute;\n top: 7px;\n @include left(-1px);\n}\n\n/* emphasis */\nem,\ni {\n font-style: italic;\n}\n\nstrong,\nb,\ni em {\n font-weight: bold;\n}\n\n/* readable blocks */\n.readable {\n @include readable;\n}\n\n/* text styles */\n.leftalign {\n @include alignleft;\n}\n\n.topalign {\n vertical-align: top;\n}\n\n.rightalign {\n @include alignright;\n}\n\n.centeralign {\n text-align: center !important;\n}\n\n.nowrap {\n white-space: nowrap;\n}\n\n.break-word {\n word-wrap: break-word;\n}\n\n.light {\n color: var(--medium-text-color) !important;\n font-weight: normal;\n}\n\n.extralight {\n color: var(--light-text-color) !important;\n}\n\n.smalltext {\n font-size: 12px;\n line-height: 1.2;\n}\n\n.largetext {\n font-size: 16px;\n line-height: 1.2;\n}\n\n.zilch {\n padding: 100px 0;\n text-align: center;\n font-size: 20px;\n line-height: 24px;\n color: var(--light-text-color);\n\n &.small {\n padding: 24px 0;\n font-size: 16px;\n }\n}\n\ninput.checkbox + label.smalltext {\n padding-top: 2px;\n}\n\n.required:after {\n content: 'asterisk';\n @include margin(-2px, 0, 0, 5px);\n font-size: 7px;\n color: var(--error-color);\n}\n\n.scrollpane {\n overflow: auto;\n}\n\n.left {\n @include floatleft;\n}\n\n.right {\n @include floatright;\n}\n\nth,\ntd {\n @include alignleft;\n vertical-align: middle;\n}\n\nbody.ltr table[dir='rtl'] {\n th,\n td {\n text-align: right;\n }\n}\nbody.rtl table[dir='ltr'] {\n th,\n td {\n text-align: left;\n }\n}\n\nth.right,\ntd.right {\n float: none;\n @include alignright;\n}\n\n.clear {\n display: block;\n clear: both;\n height: 0;\n}\n\n.fullwidth {\n width: 100%;\n}\n\n.token {\n @include token-styles;\n}\n\n.token[data-name='*'] {\n position: relative;\n width: 10px;\n}\n\n.token[data-name='*'] span {\n opacity: 0;\n}\n\n.token[data-name='*']:before {\n @include icon;\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n font-size: 9px;\n line-height: 17px;\n content: 'asterisk';\n text-indent: 0;\n}\n\n.token:focus {\n @include active-token-styles;\n}\n\n// Override .token for Prism\n.highlight {\n .token {\n display: inline;\n border: none;\n border-radius: 0;\n padding: 0;\n font-size: inherit;\n line-height: inherit;\n text-shadow: none;\n background: transparent;\n box-shadow: none;\n }\n}\n\n.pane.highlight {\n pre[class*='language-'] {\n overflow: visible;\n\n & > code.diff-highlight .token:not(.prefix) {\n margin: 0 -24px;\n padding: 0 24px;\n }\n }\n}\n\n.success {\n color: var(--success-color) !important;\n}\n\n.notice,\n.warning {\n &.with-icon,\n .icon {\n &:before {\n @include margin(-2px, 2px, 0, 0);\n @include icon;\n width: 1em;\n }\n }\n\n &.has-icon {\n display: flex;\n flex-wrap: nowrap;\n align-items: flex-start;\n\n .icon {\n flex-shrink: 1;\n }\n }\n}\n\n.notice {\n color: var(--notice-color) !important;\n a {\n text-decoration: underline;\n }\n\n &.with-icon,\n .icon {\n &:before {\n content: 'lightbulb';\n }\n }\n}\n\n.warning {\n color: var(--warning-color) !important;\n\n &.with-icon,\n .icon {\n &:before {\n content: 'alert';\n }\n }\n}\n\n.error {\n color: var(--error-color) !important;\n}\n\n.icon.move {\n display: inline-block;\n}\n\n.icon.move:not(.disabled) {\n cursor: move;\n}\n\n.icon.move:before {\n content: 'move';\n color: var(--ui-control-color);\n}\n\n.icon.move:not(.disabled):hover:before {\n color: var(--link-color);\n}\n\n.icon.delete {\n display: inline-block;\n line-height: inherit;\n\n &:before {\n content: 'remove';\n color: var(--ui-control-color);\n }\n\n &:not(.disabled) {\n cursor: pointer;\n\n &:hover:before {\n color: var(--disabled-color);\n }\n\n &:active:before {\n color: var(--red-800);\n }\n }\n}\n\n.hidden {\n display: none !important;\n}\n\n// Visually hide without hiding from screen readers\n.visually-hidden {\n @include visually-hidden;\n}\n\n.invisible {\n visibility: hidden;\n}\n\n.clearafter:after {\n @include clearafter;\n}\n\n.info {\n vertical-align: bottom;\n display: inline-block;\n width: 1em;\n height: 1.375em;\n text-align: center;\n cursor: pointer;\n overflow: hidden;\n\n &:before {\n @include icon;\n vertical-align: baseline;\n width: 100%;\n line-height: 1.375;\n color: var(--ui-control-color);\n }\n\n &:not(.warning) {\n &:before {\n content: 'info';\n }\n &:hover:before {\n color: var(--link-color);\n }\n }\n\n &.warning {\n &:before {\n content: 'alert';\n }\n &:hover:before {\n color: var(--warning-color);\n }\n }\n}\n\n.info-hud {\n table {\n max-width: 280px;\n table-layout: auto;\n }\n\n td {\n word-wrap: break-word;\n width: 100%;\n }\n}\n\n@media (max-width: 450px) {\n .info-hud {\n table {\n table-layout: fixed;\n width: 100%;\n }\n }\n}\n\n/* ----------------------------------------\n/* Content\n/* ----------------------------------------*/\n\n.content {\n position: relative;\n}\n\n.content:after {\n @include clearafter;\n}\n\n/* Customize Sources */\n.sidebar {\n .customize-sources {\n display: block;\n margin: 14px -24px 4px;\n @include padding(7px, 14px, 7px, 24px);\n color: var(--light-text-color) !important;\n transition: color linear 100ms;\n cursor: pointer;\n\n .icon {\n @include margin-right(4px);\n color: currentColor;\n }\n\n .label {\n opacity: 0;\n transition: opacity linear 100ms;\n }\n\n &:hover,\n &:focus {\n color: var(--medium-text-color) !important;\n text-decoration: none;\n\n .label {\n opacity: 1;\n }\n }\n }\n}\n\n.sidebar .customize-sources:hover {\n color: var(--link-color);\n}\n\n.customize-sources-modal {\n @include padding-left(200px);\n overflow: visible !important;\n\n & > .cs-sidebar {\n position: absolute;\n top: 0;\n @include left(0);\n margin: 0;\n padding: 10px 0;\n border: none;\n width: 200px;\n height: calc(100% - 50px);\n box-sizing: border-box;\n background-color: var(--gray-050);\n overflow: auto;\n box-shadow: inset -1px 0 0 var(--hairline-color);\n @include border-top-left-radius(var(--large-border-radius));\n\n & > .btn {\n @include margin(10px, 0, 0, 14px);\n display: block;\n width: calc(100% - 28px);\n }\n }\n\n & > .source-settings {\n position: relative;\n height: calc(100% - 50px);\n box-sizing: border-box;\n padding: 24px;\n overflow: auto;\n }\n\n & > .footer {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n }\n}\n\n.customize-sources-item {\n display: flex;\n width: calc(100% - 1px);\n box-sizing: border-box;\n align-items: center;\n position: relative;\n margin-top: -1px;\n padding: 8px 14px;\n background-color: var(--gray-100);\n border: solid var(--hairline-color);\n border-width: 1px 0;\n user-select: none;\n cursor: default;\n\n & + .customize-sources-item {\n &.heading {\n margin-top: 10px;\n }\n\n &:not(.heading) {\n border-top: 1px solid var(--hairline-color);\n }\n }\n\n &.sel {\n background-color: var(--gray-200);\n z-index: 1;\n }\n\n .label {\n flex: 1;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n &.heading {\n .label {\n text-transform: uppercase;\n color: var(--light-text-color);\n font-size: 12px;\n font-weight: bold;\n }\n }\n\n .move {\n @include margin-left(7px);\n }\n}\n\n.customize-sources-table-column .move {\n @include margin-right(10px);\n}\n\nul.path {\n display: flex;\n flex-direction: row;\n align-items: stretch;\n flex-wrap: wrap;\n\n li {\n display: inline-flex;\n align-items: center;\n\n &:not(:last-child):after {\n @include margin(0, 5px, 0, 2px);\n @include angle(right, var(--light-text-color), 1px);\n }\n }\n}\n\n/* ----------------------------------------\n/* Icon lists\n/* ----------------------------------------*/\n\nul.icons {\n margin-top: 20px;\n display: flex;\n flex-wrap: wrap;\n\n li {\n margin: 0 4px 10px 0;\n\n a {\n display: block;\n position: relative;\n padding: 60px 5px 10px;\n width: 110px;\n text-align: center;\n color: var(--text-color);\n border-radius: 4px;\n border: 1px solid var(--white);\n\n &:before {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n font-size: 40px;\n line-height: 60px;\n }\n\n .icon {\n img,\n svg {\n width: 40px;\n height: 40px;\n position: absolute;\n top: 12px;\n left: calc(50% - 20px);\n }\n\n &.icon-mask svg {\n @include svg-mask(var(--text-color));\n }\n }\n\n &:hover {\n text-decoration: none;\n background-color: var(--gray-050);\n border-color: var(--gray-100);\n\n .icon.icon-mask svg {\n @include svg-mask(var(--link-color));\n }\n }\n }\n }\n}\n\n@media only screen and (max-width: 380px) {\n ul.icons li a {\n width: 96px;\n }\n}\n\n@media only screen and (max-width: 320px) {\n ul.icons li a {\n width: 75px;\n }\n}\n\n/* ----------------------------------------\n/* Buttons\n/* ----------------------------------------*/\n\n.toolbar {\n position: relative;\n margin-bottom: 14px;\n min-height: 34px;\n\n &.flex,\n .flex {\n align-items: flex-start;\n }\n\n .text {\n border-radius: var(--large-border-radius) !important;\n box-shadow: none !important;\n }\n}\n\n.flex {\n display: flex;\n align-items: center;\n align-content: stretch;\n gap: var(--s);\n\n &:not(.flex-nowrap) {\n flex-wrap: wrap;\n }\n\n & > * {\n &.label {\n white-space: nowrap;\n }\n }\n\n .centeralign & {\n justify-content: center;\n }\n}\n\n.inline-flex {\n display: inline-flex;\n align-items: center;\n align-content: stretch;\n gap: var(--s);\n}\n\n.gap-xs {\n gap: var(--xs);\n}\n\n.gap-s {\n gap: var(--s);\n}\n\n.gap-m {\n gap: var(--m);\n}\n\n.gap-l {\n gap: var(--l);\n}\n\n.gap-xl {\n gap: var(--xl);\n}\n\n.flex-grow {\n flex: 1;\n}\n\n.flex-justify {\n justify-content: space-between;\n}\n\n.flex-justify-start {\n justify-content: flex-start;\n}\n\n.flex-justify-end {\n justify-content: flex-end;\n}\n\n.flex-justify-center {\n justify-content: center;\n}\n\n.flex-start {\n align-items: flex-start;\n}\n\n.flex-end {\n align-items: flex-end;\n}\n\n.flex-center {\n align-items: center;\n}\n\n.flex-stretch {\n align-items: stretch;\n}\n\n.spacer {\n width: 14px;\n}\n\n.buttons {\n display: flex;\n gap: 7px;\n position: relative;\n margin: 24px 0;\n align-items: center;\n\n .hud-footer > &,\n .footer > & {\n margin: 0;\n }\n}\n\n.btn {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--large-border-radius);\n padding: 7px 14px;\n border: none;\n text-align: center;\n white-space: nowrap;\n user-select: none;\n cursor: pointer;\n box-sizing: border-box;\n appearance: none;\n color: currentColor;\n font-size: inherit;\n background-color: transparentize($inputColor, 0.75);\n\n &.chromeless {\n background-color: transparent;\n height: auto;\n padding: 0;\n\n &:hover,\n &:active,\n &:focus {\n background-color: transparent;\n }\n\n &:hover,\n &:active {\n text-decoration: underline;\n }\n }\n\n &:not(.disabled):not(.loading):not(.dashed) {\n &:focus,\n &.focus,\n &:hover {\n background-color: transparentize($inputColor, 0.7);\n }\n\n &:active,\n &.active {\n background-color: transparentize($inputColor, 0.5);\n\n &:focus,\n &.focus,\n .btngroup:focus & {\n background-color: transparentize($inputColor, 0.4);\n }\n }\n }\n\n &[type='color'] {\n padding: 6px !important;\n width: 36px;\n }\n\n &.active,\n &.loading {\n cursor: default;\n }\n\n &:hover {\n text-decoration: none;\n }\n\n &[data-icon]:not(:empty):not(.btn-empty):before,\n &.icon:not(:empty):not(.btn-empty):before,\n &.menubtn[data-icon]:empty:before,\n &.menubtn[data-icon].btn-empty:before,\n &.menubtn.icon:empty:before,\n &.menubtn.icon.btn-empty:before {\n @include margin-right(5px);\n }\n\n &:not(.loading) .spinner {\n display: none;\n }\n\n &.loading {\n &:before,\n &:after,\n .label {\n visibility: hidden;\n }\n }\n\n div.checkbox {\n margin-top: 2px;\n }\n}\n\n.disabled {\n opacity: 0.25;\n}\n\n.disabled,\n.disabled .btn {\n cursor: default;\n}\n\n.btn,\n.spinner {\n height: 34px;\n}\n\n.btn[data-icon-after]:not(:empty):not(.btn-empty):after,\n.menu-toggle:not(:empty):not(.btn-empty):after,\n.menubtn:not(:empty):not(.btn-empty):after,\n.menubtn.icon:after {\n @include margin-left(6px);\n}\n\n.btn[data-icon]:before,\n.btn[data-icon-after]:after,\n.btn.icon:before {\n position: relative;\n}\n\n.btn.small[data-icon]:before,\n.btn.small[data-icon-after]:after,\n.btn.icon.small:before {\n font-size: 10px;\n}\n\n/* button groups */\n.btngroup {\n position: relative;\n z-index: 1;\n display: flex;\n white-space: nowrap;\n align-items: center;\n\n &.fullwidth .btn {\n flex: 1;\n }\n\n &.disabled .btn {\n cursor: default;\n }\n\n .btn {\n &:focus {\n z-index: 1;\n }\n\n &:not(.dashed):not(:last-child):not(.btngroup-btn-last) {\n @include margin-right(1px);\n }\n\n body.ltr & {\n &:not(:first-child):not(.btngroup-btn-first) {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n\n &:not(:last-child):not(.btngroup-btn-last) {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n }\n\n body.rtl & {\n &:not(:first-child):not(.btngroup-btn-first) {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n &:not(:last-child):not(.btngroup-btn-last) {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n }\n }\n}\n\n.copytext {\n position: relative;\n z-index: 1;\n display: flex;\n white-space: nowrap;\n align-items: center;\n\n body.ltr & {\n .text {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n min-width: 0;\n }\n .btn {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n }\n\n body.rtl & {\n .text {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n .btn {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n }\n}\n\n.copytextbtn {\n display: inline-flex;\n flex-wrap: nowrap;\n align-items: center;\n border: 1px solid var(--hairline-color);\n border-radius: var(--small-border-radius);\n padding: 0 9px;\n cursor: pointer;\n color: var(--medium-text-color);\n\n input {\n border: 0;\n padding: 0;\n height: 32px;\n box-shadow: none;\n background-color: transparent;\n border: none;\n cursor: pointer;\n color: var(--medium-text-color);\n text-align: center;\n }\n\n span {\n padding: 0;\n width: 13px;\n background: none;\n margin-top: -3px;\n @include margin-left(5px);\n color: var(--light-text-color);\n }\n\n &:hover,\n &:focus {\n border-color: var(--medium-hairline-color);\n color: var(--text-color);\n\n input {\n color: var(--text-color);\n }\n }\n\n &.small {\n padding: 0 5px;\n\n input {\n font-size: 11px !important;\n height: 20px;\n }\n }\n}\n\n/* menu buttons */\n.menu-toggle,\n.menubtn {\n display: inline-flex;\n align-items: center;\n user-select: none;\n\n &:after {\n @include angle;\n position: relative;\n }\n\n &.btn {\n &:after {\n top: -1px;\n }\n\n &:not(.disabled):not(.inactive) {\n &:active,\n &.active {\n &:after {\n border-color: var(--ui-control-active-color);\n }\n }\n }\n\n &.submit {\n &:after {\n border-color: var(--white) !important;\n opacity: 0.8;\n }\n\n &:not(.disabled):not(.inactive) {\n &:hover,\n &.hover,\n &:active,\n &.active {\n &:after {\n opacity: 1;\n }\n }\n }\n }\n }\n\n &:not(.btn):not(.icon) {\n height: 17px;\n &:after {\n top: -2px;\n border-color: var(--link-color);\n }\n }\n\n &:empty,\n &.btn-empty {\n @include padding-left(8px);\n @include padding-right(8px);\n }\n}\n\n@keyframes rotator {\n 0% {\n -webkit-transform: rotate(0);\n transform: rotate(0);\n }\n\n to {\n -webkit-transform: rotate(1turn);\n transform: rotate(1turn);\n }\n}\n\n/* spinner */\n.spinner {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: var(--size, 24px);\n height: var(--size, 34px);\n\n &:before {\n display: block;\n content: '';\n font-size: 0;\n animation: rotator 0.7s linear infinite;\n box-sizing: border-box;\n width: var(--size, 20px);\n height: var(--size, 20px);\n object-fit: scale-down;\n border-radius: 50%;\n border: 2px solid transparent;\n border-right-color: currentColor;\n border-bottom-color: currentColor;\n opacity: 0.8;\n }\n\n &.small {\n --size: 12px;\n }\n\n &.big {\n --size: 48px;\n }\n\n &.spinner-absolute {\n position: absolute;\n width: var(--size, 20px);\n height: var(--size, 20px);\n top: calc(50% - var(--size, 20px) / 2);\n left: calc(50% - var(--size, 20px) / 2);\n }\n}\n\n.btn + .spinner {\n @include margin-left(7px);\n}\n\n.buttons .btn + .spinner,\n.buttons .btngroup + .spinner {\n @include margin-left(0);\n}\n\n.buttons.right .btn + .spinner {\n @include margin-right(var(--neg-padding));\n}\n\n/* small buttons */\n.btngroup.small .btn,\n.btn.small {\n padding: 0 7px !important;\n font-size: 12px;\n line-height: 22px;\n}\n\n.btngroup.small,\n.btngroup.small input.btn,\n.btn.small,\n.btn.small + .spinner {\n height: 22px;\n}\n\n/* big buttons */\n.btngroup.big .btn,\n.btn.big {\n padding: 0 14px;\n font-size: 14px;\n line-height: 36px;\n}\n\n.btn.big[data-icon]:before,\n.preview-btn:before,\n.view-btn:before {\n @include margin-left(-2px);\n}\n\n.btngroup.big,\n.btngroup.big input.btn,\n.btn.big,\n.btn.big + .spinner {\n height: 36px;\n}\n\n/* special buttons */\n.btn {\n &.submit,\n &.secondary {\n color: var(--white) !important;\n @include light-on-dark-text;\n }\n\n &.submit {\n background-color: var(--primary-color) !important;\n\n &:not(.disabled):not(.inactive):not(.loading) {\n &:hover,\n &.hover,\n &:focus {\n background-color: darken($primaryColor, 5%) !important;\n }\n\n &:active,\n &.active {\n background-color: darken($primaryColor, 10%) !important;\n }\n }\n }\n\n &.caution {\n background-color: var(--red-050) !important;\n color: var(--error-color);\n\n &:hover,\n &.hover,\n &:focus {\n background-color: darken($red050, 5%) !important;\n }\n\n &:active,\n &.active {\n background-color: var(--red-100) !important;\n }\n }\n}\n\n.secondary-buttons .btn.submit,\n.btn.secondary {\n background-color: var(--secondary-color) !important;\n}\n\n.secondary-buttons\n .btn.submit:not(.disabled):not(.inactive):not(.loading):hover,\n.secondary-buttons\n .btn.submit:not(.disabled):not(.inactive):not(.loading).hover,\n.secondary-buttons\n .btn.submit:not(.disabled):not(.inactive):not(.loading):focus,\n.btn.secondary:not(.disabled):not(.inactive):not(.loading):hover,\n.btn.secondary:not(.disabled):not(.inactive):not(.loading).hover,\n.btn.secondary:not(.disabled):not(.inactive):not(.loading):focus {\n background-color: darken($secondaryColor, 5%) !important;\n}\n\n.secondary-buttons\n .btn.submit:not(.disabled):not(.inactive):not(.loading):active,\n.secondary-buttons\n .btn.submit:not(.disabled):not(.inactive):not(.loading).active,\n.btn.secondary:not(.disabled):not(.inactive):not(.loading):active,\n.btn.secondary:not(.disabled):not(.inactive):not(.loading).active {\n background-color: darken($secondaryColor, 10%) !important;\n}\n\ndiv.btn.submit {\n position: relative;\n overflow: hidden;\n}\n\ndiv.btn.submit input {\n position: absolute;\n left: 100%;\n}\n\n/* dashed buttons */\n.btn.dashed {\n border: 1px dashed var(--medium-hairline-color);\n background-color: transparent;\n\n .btngroup &:not(:last-child):not(.btngroup-btn-last) {\n @include border-right(1px solid transparent);\n @include margin-right(-1px);\n }\n\n &:focus {\n background-color: transparentize($grey200, 0.9);\n border-color: transparent;\n\n .reduce-focus-visibility &:not(.focus-visible) {\n border: 1px dashed var(--medium-hairline-color);\n }\n }\n\n &:not(.disabled) {\n &:active,\n &.active {\n background-color: transparentize($grey200, 0.75);\n }\n }\n}\n\n/* color inputs */\n.color-input-container {\n position: relative;\n\n .color-hex-indicator {\n position: absolute;\n top: 0;\n @include left(7px);\n width: 1em;\n line-height: 34px;\n text-align: center;\n user-select: none;\n }\n}\n\n.color-input {\n @include fixed-width-font;\n @include padding-left(calc(7px + 1em));\n}\n\n.color {\n display: inline-block;\n position: relative;\n vertical-align: middle;\n width: 34px;\n height: 34px;\n border-radius: 17px;\n padding: 0;\n\n &:not(.static) {\n cursor: pointer;\n }\n\n &:not(.small) {\n @include checkered-bg(17px);\n }\n\n &.small {\n width: 16px;\n height: 16px;\n @include checkered-bg(8px);\n }\n\n .color-preview {\n position: absolute;\n top: 0;\n @include left(0);\n width: 100%;\n height: 100%;\n border-radius: 17px;\n box-shadow: inset 0 0 0 1px transparentize($black, 0.85);\n\n &:focus-within {\n @include input-focused-styles;\n }\n\n & > .color-preview-input {\n position: absolute;\n @include left(0);\n width: 100%;\n height: 100%;\n margin: 0;\n padding: 0;\n border: none;\n opacity: 0;\n }\n }\n}\n\n.colorhex {\n display: inline-block;\n margin-left: 5px;\n vertical-align: middle;\n color: var(--medium-text-color);\n}\n\n/* lightswitch */\n.lightswitch-outer-container {\n display: flex;\n\n .lightswitch-inner-container {\n border: 1px solid var(--hairline-color);\n border-radius: var(--small-border-radius);\n display: flex;\n align-items: center;\n\n span {\n padding: 7px 0;\n color: var(--medium-text-color);\n cursor: default;\n\n &[data-toggle='on'] {\n @include padding-right(10px);\n @include margin-left(7px);\n }\n\n &[data-toggle='off'] {\n @include padding-left(10px);\n @include margin-right(7px);\n }\n }\n }\n}\n\n.lightswitch {\n display: block;\n position: relative;\n border: none !important;\n overflow: hidden;\n cursor: pointer;\n user-select: none;\n background-image: linear-gradient(to right, var(--gray-400), var(--gray-400));\n transition: background-image linear 100ms;\n\n &.on {\n background-image: linear-gradient(\n to right,\n var(--enabled-color),\n var(--enabled-color)\n );\n }\n\n &.indeterminate {\n background-image: linear-gradient(\n to right,\n var(--enabled-color),\n var(--gray-300)\n );\n }\n\n .lightswitch-container {\n position: relative;\n height: 100%;\n\n .handle {\n position: absolute;\n top: 1px;\n background-color: var(--white);\n }\n }\n\n &:not(.small) {\n border-radius: 11px;\n width: 34px;\n height: 22px;\n\n .lightswitch-container {\n @include margin-left(-12px);\n width: 46px;\n\n .handle {\n border-radius: 10px;\n width: 20px;\n height: 20px;\n left: calc(50% - 10px);\n }\n }\n }\n\n &.small {\n border-radius: 9px;\n width: 28px;\n height: 18px;\n\n .lightswitch-container {\n @include margin-left(-10px);\n width: 38px;\n\n .handle {\n border-radius: 8px;\n width: 16px;\n height: 16px;\n left: calc(50% - 8px);\n }\n }\n }\n\n table & {\n display: inline-block;\n margin-bottom: -5px;\n }\n\n &.on {\n .lightswitch-container {\n @include margin-left(0);\n }\n }\n\n &.indeterminate {\n &:not(.small) {\n .lightswitch-container {\n @include margin-left(0.5 * -12px);\n }\n }\n &.small {\n .lightswitch-container {\n @include margin-left(0.5 * -10px);\n }\n }\n }\n}\n\n/* pagination */\n.pagination {\n table.data + & {\n margin-top: 24px;\n }\n\n .page-link {\n width: 32px;\n height: 32px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--medium-border-radius);\n\n &:after {\n position: relative;\n transition: border-color linear 100ms;\n }\n\n &.prev-page:after {\n @include angle(left, var(--light-text-color));\n @include right(-1px);\n }\n\n &.next-page:after {\n @include angle(right, var(--light-text-color));\n @include left(-1px);\n }\n\n &:not(.disabled) {\n transition: box-shadow linear 100ms;\n box-shadow: inset 0 0 0 1px var(--hairline-color);\n cursor: pointer;\n\n &:hover {\n text-decoration: none;\n box-shadow: inset 0 0 0 1px var(--link-color);\n\n &:after {\n border-color: var(--link-color);\n }\n }\n\n &.focus-visible {\n box-shadow: inset 0 0 0 1px var(--hairline-color), var(--focus-ring);\n }\n }\n\n &.disabled {\n opacity: 1;\n &:after {\n border-color: var(--hairline-color);\n }\n }\n }\n}\n\n/* action buttons */\n.actions {\n @include floatright;\n}\n\n.actions > li {\n @include floatleft;\n}\n\n.actions > li + li {\n @include margin-left(10px);\n}\n\nh1 + .actions {\n margin-top: -100px;\n}\n\nh2 + .actions {\n margin-top: -54px;\n}\n\n/* ----------------------------------------\n/* Tables\n/* ----------------------------------------*/\n\n.tablepane {\n margin: -24px -24px -12px;\n overflow-x: auto;\n\n table.data {\n th,\n td {\n &:first-child {\n @include padding-left(24px);\n }\n &:last-child {\n @include padding-right(24px);\n }\n }\n }\n}\n\ntable {\n &.fixed-layout {\n table-layout: fixed;\n }\n\n th.thin,\n td.thin {\n width: 0.01% !important;\n white-space: nowrap;\n }\n\n thead {\n th {\n font-weight: bold;\n @include alignleft;\n vertical-align: top;\n }\n }\n\n // plain tables\n &:not(.data) {\n th,\n td {\n padding-top: 7px;\n padding-bottom: 7px;\n\n &:not(:first-child) {\n padding-left: 12px;\n }\n &:not(:last-child) {\n padding-right: 12px;\n }\n }\n }\n\n // data tables\n &.data {\n th,\n td {\n position: relative;\n padding-left: 12px;\n padding-right: 12px;\n box-sizing: border-box;\n\n &.checkbox-cell {\n width: var(--checkbox-size) !important;\n min-width: var(--checkbox-size);\n box-sizing: content-box;\n position: relative;\n\n input.checkbox + label,\n div.checkbox {\n position: absolute;\n top: calc(50% - 8px);\n }\n }\n }\n\n th {\n font-weight: bold;\n }\n\n thead:first-child,\n tbody:first-child,\n tfoot:first-child,\n caption + thead,\n caption + tbody,\n caption + tfoot {\n tr:first-child {\n th,\n td {\n &:first-child {\n @include border-top-left-radius(var(--large-border-radius));\n }\n &:last-child {\n @include border-top-right-radius(var(--large-border-radius));\n }\n }\n }\n }\n\n thead {\n th,\n td {\n width: auto;\n background-color: var(--gray-050);\n cursor: default;\n }\n\n th:not(.orderable),\n td {\n padding-top: 15px;\n padding-bottom: 15px;\n }\n\n th {\n white-space: nowrap;\n vertical-align: middle;\n\n &.orderable {\n position: relative;\n padding-left: 0;\n padding-right: 0;\n\n &:not(.ordered):hover {\n background-color: var(--gray-100);\n }\n\n &.ordered {\n background-color: var(--light-sel-color);\n\n &:not(.loading) {\n button:after {\n @include angle(up);\n position: absolute;\n @include right(10px);\n top: calc(50% - 3px);\n }\n\n &.desc button:after {\n transform: rotate(45deg);\n }\n }\n }\n\n button {\n position: relative;\n @include padding-right(26px);\n font: inherit;\n width: 100%;\n padding: 14px;\n @include alignleft;\n\n &:focus {\n z-index: 1;\n }\n }\n }\n\n &:not(.loading) {\n .spinner {\n display: none;\n }\n }\n\n .spinner {\n position: absolute;\n top: calc(50% - 6px);\n @include right(8px);\n --size: 12px;\n }\n }\n }\n\n tbody {\n tr {\n &:not(.disabled) {\n &:hover {\n th,\n td {\n background-color: var(--gray-050);\n }\n }\n\n &:focus {\n position: relative;\n z-index: 1;\n }\n\n &.sel {\n th,\n td {\n background-color: var(--light-sel-color);\n }\n }\n }\n }\n\n th,\n td {\n padding-top: 7px;\n padding-bottom: 7px;\n background-clip: padding-box;\n }\n\n td {\n &.timestamp {\n @include alignright;\n vertical-align: bottom;\n white-space: nowrap;\n color: var(--light-text-color);\n }\n }\n }\n\n thead + tbody tr,\n tr + tr {\n th,\n td {\n border-top: 1px solid transparent;\n }\n }\n }\n\n // collapsable data tables for small screens\n // based on Aaron Gustafson's technique: http://blog.easy-designs.net/archives/2013/02/02/responsive-tables/\n &.collapsed {\n width: auto;\n\n &,\n tbody,\n tbody tr,\n tbody th,\n tbody td {\n display: block;\n border: none;\n padding: 0;\n @include alignleft;\n width: auto !important;\n white-space: normal;\n }\n\n thead {\n display: none;\n }\n\n tbody {\n tr {\n padding: 6px 0;\n border-bottom: 1px dotted var(--hairline-color);\n\n &:after {\n @include clearafter;\n }\n }\n\n th,\n td {\n padding: 2px 0 !important;\n }\n\n td {\n &:empty {\n display: none;\n }\n }\n\n [data-title] {\n @include margin-right(0);\n\n &:before {\n margin-right: 5px;\n content: attr(data-title) ':';\n font-weight: bold;\n }\n\n form {\n display: inline-block;\n }\n }\n }\n }\n}\n\n.datatablesorthelper,\n.editabletablesorthelper,\n.thumbviewhelper {\n background-color: var(--white);\n @include shadow;\n}\n\n.datatablesorthelper,\n.datatablesorthelper .element,\n.datatablesorthelper a {\n cursor: move !important;\n}\n\n.datatablesorthelper tr:first-child th,\n.datatablesorthelper tr:first-child td {\n border-top: none !important;\n}\n\n.datatablesorthelper tr:last-child th,\n.datatablesorthelper tr:last-child td {\n border-bottom: none !important;\n}\n\n/* elements */\n$smallThumbSize: 34px;\n$largeThumbSize: 120px;\n$statusSize: 10px;\n$baseElementSidePadding: 7px;\n$elementInnerSpacing: 5px;\n\n.element {\n position: relative;\n cursor: default;\n user-select: none;\n font-weight: normal;\n border-radius: var(--small-border-radius);\n\n &:focus,\n li:focus & {\n background-color: var(--gray-050);\n }\n\n &.sel,\n li.sel & {\n background-color: var(--light-sel-color) !important;\n cursor: default;\n\n &:focus {\n background-color: darken($lightSelColor, 5%) !important;\n }\n\n &.hasthumb {\n .elementthumb {\n img {\n box-shadow: 0 0 0 1px transparentize($darkSelColor, 0.9),\n 0 6px 4px -4px transparentize($darkSelColor, 0.8);\n }\n }\n }\n }\n\n &.hasthumb {\n .elementthumb:not(:empty) {\n position: absolute;\n display: flex;\n justify-content: center;\n -ms-flex-pack: center;\n align-items: center;\n -ms-flex-align: center;\n\n img {\n display: block;\n flex-shrink: 0;\n pointer-events: none;\n border-radius: var(--small-border-radius);\n max-width: 100%;\n max-height: 100%;\n }\n\n &.rounded img {\n border-radius: 50%;\n }\n }\n .elementthumb.open-preview {\n cursor: pointer;\n }\n }\n\n &.error {\n [data-icon='alert'] {\n margin-left: var(--xs);\n }\n }\n\n .label {\n display: inline-block;\n\n .draft-label {\n display: inline-block;\n @include margin(-1px, 0, -1px, 7px);\n padding: 1px 5px;\n font-weight: normal;\n text-decoration: none !important;\n color: var(--medium-text-color);\n background: var(--gray-100);\n border-radius: var(--large-border-radius);\n }\n }\n\n &.small,\n &.large:not(.hasthumb) {\n display: inline-block;\n padding: $baseElementSidePadding;\n box-sizing: border-box;\n\n &.hasstatus {\n @include padding-left(\n $baseElementSidePadding + $statusSize + $elementInnerSpacing\n );\n\n .status {\n position: absolute;\n @include left($baseElementSidePadding);\n top: calc(50% - 5px);\n }\n\n .icon:not(.delete) {\n position: absolute;\n @include left($baseElementSidePadding - 1);\n top: calc(50% - 11px);\n }\n }\n\n &.hasthumb {\n @include padding-left($smallThumbSize + $elementInnerSpacing);\n\n .elementthumb:not(:empty) {\n top: calc(50% - 17px);\n @include left(0);\n width: $smallThumbSize;\n height: $smallThumbSize;\n\n &.checkered img {\n @include checkered-bg(8px);\n }\n }\n\n &.hasstatus {\n @include padding-left(\n $smallThumbSize + $elementInnerSpacing * 2 + $statusSize\n );\n\n .status {\n @include left($smallThumbSize + $elementInnerSpacing);\n }\n }\n }\n }\n\n &.large.hasthumb {\n display: block;\n padding: #{$baseElementSidePadding + $largeThumbSize + $elementInnerSpacing}\n $baseElementSidePadding $baseElementSidePadding;\n width: #{120px + $baseElementSidePadding + $baseElementSidePadding};\n box-sizing: border-box;\n\n &.hasstatus {\n @include padding-left(\n $baseElementSidePadding + $statusSize + $elementInnerSpacing\n );\n\n .status {\n position: absolute;\n @include left($baseElementSidePadding);\n top: #{$baseElementSidePadding + $largeThumbSize + $elementInnerSpacing +\n 6};\n }\n }\n\n .elementthumb:not(:empty) {\n top: $baseElementSidePadding;\n @include left($baseElementSidePadding);\n width: $largeThumbSize;\n height: $largeThumbSize;\n\n &.checkered img {\n @include checkered-bg(15px);\n }\n }\n\n .label {\n display: block;\n word-wrap: normal;\n }\n }\n\n &.removable {\n .label {\n @include padding-right(20px);\n }\n\n .delete:before {\n color: var(--ui-control-color);\n }\n\n &.small,\n &.large:not(.hasthumb) {\n .delete {\n position: absolute;\n top: calc(50% - 11px);\n @include right($baseElementSidePadding);\n }\n }\n\n &.large.hasthumb {\n .delete {\n position: absolute;\n @include right($baseElementSidePadding);\n }\n }\n }\n\n &:not(.removable) {\n .delete {\n display: none;\n }\n }\n}\n\n$checkboxPadding: $checkboxSize + 4;\n\n.elements {\n position: relative;\n\n &:not(.busy) {\n .update-spinner {\n display: none;\n }\n }\n\n &.busy {\n min-height: 200px;\n\n &:after {\n display: block;\n content: '';\n font-size: 0;\n position: absolute;\n top: 0;\n left: -24px;\n width: calc(100% + #{24 + 24}px);\n height: 100%;\n background: transparentize($white, 0.25);\n border-radius: var(--large-border-radius);\n }\n\n .update-spinner {\n z-index: 1;\n }\n }\n\n .header {\n margin: -24px -24px 24px;\n padding: 14px 24px;\n background-color: var(--gray-050);\n box-shadow: none;\n\n &:after {\n content: '';\n }\n\n .selectallcontainer {\n cursor: default;\n\n .checkbox {\n @include margin-right($elementInnerSpacing);\n }\n }\n }\n\n // table views\n .tableview {\n .move,\n .toggle {\n display: flex;\n position: absolute;\n justify-content: center;\n align-items: center;\n top: 50%;\n transform: translateY(-50%);\n @include margin-left(calc(var(--touch-target-size) * -1));\n width: var(--touch-target-size);\n height: var(--touch-target-size);\n }\n\n .move {\n font-size: 11px;\n text-decoration: none;\n }\n\n .toggle {\n text-align: center;\n padding: 4px;\n border-radius: 50%;\n }\n\n .move + .toggle {\n @include margin-left(calc(var(--touch-target-size) * -2));\n }\n }\n\n // thumbs views\n .thumbsview {\n @include margin(\n -$baseElementSidePadding,\n -$baseElementSidePadding - 1px,\n -$baseElementSidePadding - 1px,\n -$baseElementSidePadding\n );\n width: calc(\n 100% + #{$baseElementSidePadding + $baseElementSidePadding + 1px}\n );\n display: grid;\n gap: 5px;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n\n li {\n position: relative;\n @include margin(0, 1px, 1px, 0);\n\n &:hover {\n .element {\n background-color: var(--gray-050);\n }\n }\n\n .element.large.hasthumb {\n width: unset;\n\n .elementthumb:not(:empty) {\n width: 100%;\n }\n }\n\n &.has-checkbox {\n .element.hasthumb {\n &:not(.hasstatus) {\n @include padding-left(\n $baseElementSidePadding + $checkboxSize + $elementInnerSpacing\n );\n }\n\n &.hasstatus {\n @include padding-left(\n $baseElementSidePadding + $checkboxSize + $elementInnerSpacing +\n $statusSize + $elementInnerSpacing\n );\n\n .status {\n @include left(\n $baseElementSidePadding + $checkboxSize + $elementInnerSpacing\n );\n }\n }\n }\n\n .checkbox {\n position: absolute;\n top: $baseElementSidePadding + $largeThumbSize + $elementInnerSpacing +\n (20px - $checkboxSize) * 0.5;\n @include left($baseElementSidePadding);\n }\n }\n }\n }\n}\n\n.export-form {\n position: relative;\n .spinner {\n position: absolute;\n bottom: 0;\n @include right(-24px);\n }\n}\n\n.thumbviewhelper {\n margin: -7px;\n padding: 7px;\n\n .thumbsview {\n &,\n li {\n margin: 0 !important;\n }\n }\n}\n\n/* structures */\n.structure {\n position: relative;\n z-index: 1;\n\n li {\n @include padding-left(8px);\n\n &.collapsed > ul {\n display: none;\n }\n\n .row:hover > .icon,\n &.draghelper > .row .move,\n .add.active {\n opacity: 1;\n }\n\n &.draghelper {\n & > .row {\n .add {\n opacity: 0;\n }\n\n .move:before {\n color: var(--link-color);\n }\n }\n }\n\n &.draginsertion {\n position: relative;\n @include margin(-1px, 0, -1px, 8px);\n @include padding-left(0);\n height: 2px;\n background-color: var(--link-color) !important;\n @include border-left(none);\n border-radius: 1px;\n }\n\n .toggle {\n position: relative;\n z-index: 1;\n @include floatleft;\n @include margin(10px, -8px, 0, -12px);\n padding: 4px;\n }\n\n .row:after {\n @include clearafter;\n }\n\n .move,\n .add {\n @include margin(5px, 5px, 0, 0);\n opacity: 0;\n transition: opacity linear 100ms;\n }\n\n .add {\n padding: 0 5px;\n\n &:before {\n content: 'downangle';\n color: var(--dark-hairline-color);\n }\n\n &:not(.disabled):hover:before,\n &.active:before {\n color: var(--link-color);\n }\n }\n\n .checkbox {\n @include floatleft;\n @include margin(7px, 0, 0, 7px);\n }\n }\n\n ul {\n @include margin-left(-3px);\n\n li {\n @include padding-left(38px);\n background-repeat: no-repeat;\n\n body.ltr & {\n background-image: url(../images/branch.png);\n background-position: 0 0;\n }\n\n body.rtl & {\n background-image: url(../images/branch_rtl.png);\n background-position: 100% 0;\n }\n\n &:not(:last-child):not(.last) {\n @include padding-left(37px);\n @include border-left(1px solid var(--hairline-color));\n\n body.ltr & {\n background-position: -1px 0;\n }\n\n body.rtl & {\n background-position: calc(100% + 1px) 0;\n }\n }\n\n &.draginsertion {\n @include margin-left(38px);\n }\n }\n }\n\n .row {\n &.draghover {\n .element {\n z-index: 2;\n border-radius: 15px;\n box-shadow: inset 0 0 0 2px var(--link-color);\n }\n }\n\n &.droptarget {\n border-radius: 5px;\n box-shadow: inset 0 0 0 2px var(--link-color);\n }\n }\n}\n\n/* element select fields */\n.elementselect {\n position: relative;\n min-height: 34px;\n margin-top: -7px;\n\n .elements:after {\n @include clearafter;\n }\n\n .element {\n @include floatleft;\n @include margin(7px, 7px, 0, 0);\n }\n\n .element.small,\n .flex,\n .btn {\n clear: both;\n }\n\n .element {\n z-index: 1;\n\n &.small {\n max-width: 100%;\n\n .label {\n display: block;\n max-width: 100%;\n box-sizing: border-box;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n }\n }\n\n .caboose {\n @include floatleft;\n }\n\n .flex {\n padding-top: 7px;\n float: none !important;\n }\n}\n\n/* editable tables */\ntable.editable {\n border-radius: var(--large-border-radius);\n border: 1px solid var(--gray-200);\n\n th,\n td.action {\n color: var(--medium-text-color);\n font-weight: normal;\n background-color: var(--gray-050);\n }\n\n thead,\n tbody {\n tr {\n th {\n padding: 6px 10px;\n }\n }\n }\n\n thead {\n tr {\n th {\n border-bottom: 1px solid var(--hairline-color);\n\n &.has-info {\n @include padding-right(calc(15px + 1em));\n }\n\n span.info {\n position: absolute;\n margin-left: 5px;\n }\n }\n }\n }\n\n tbody {\n tr {\n &:not(:first-child) {\n th,\n td {\n border-top: 1px solid var(--hairline-color);\n }\n }\n\n &:last-child {\n td:first-child {\n @include border-bottom-left-radius(var(--large-border-radius));\n\n textarea,\n input.text {\n @include border-bottom-left-radius(var(--large-border-radius) - 1);\n }\n }\n }\n\n td:not(:first-child),\n th ~ td:not(.hidden) ~ td {\n @include border-left(1px solid var(--hairline-color));\n }\n\n th {\n // Set a dark border-left for the first | that follows a | , if there is one.\n // This is a ridiculous CSS hack since there's no operator/pseudo-class that mimics jQuery's next(selector) function.\n // If there was it could have been as simple as: th ??? td:not(.hidden) { dark left border }\n // kudos to Mark Huot for coming up with it!\n & ~ td:not(:first-child) {\n @include border-left(1px solid #dbdddf);\n }\n }\n\n td {\n vertical-align: top;\n text-align: center;\n background-color: var(--white);\n padding: 4px 10px;\n\n &.focus {\n position: relative;\n box-shadow: inset 0 0 0 1px var(--hairline-color);\n }\n\n &.textual {\n padding: 0;\n\n textarea {\n resize: none;\n }\n\n pre {\n @include alignleft;\n white-space: pre-wrap;\n }\n }\n\n &.lightswitch-cell {\n padding-top: 9px;\n padding-bottom: 9px;\n\n .lightswitch {\n display: block;\n margin: 0 auto;\n }\n }\n\n &.checkbox-cell {\n padding-top: 10px;\n padding-bottom: 10px;\n\n .checkbox-wrapper {\n display: block;\n margin: -2px auto 0;\n width: 16px;\n height: 16px;\n }\n }\n\n &.error {\n box-shadow: inset 0 0 0 1px var(--error-color);\n }\n\n &.disabled {\n position: relative;\n opacity: 1;\n\n &:after {\n content: '';\n font-size: 0;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: transparentize($grey050, 0.25);\n user-select: none;\n }\n }\n\n &.action {\n padding: 4px 7px;\n\n & + td.action {\n @include border-left(none);\n @include padding-left(0);\n }\n }\n\n .flex > * {\n margin-bottom: 0;\n }\n }\n }\n\n textarea,\n textarea.text,\n input.text,\n pre {\n display: block;\n width: 100%;\n border: none;\n box-shadow: none;\n border-radius: 0;\n padding: 7px 10px;\n background-color: transparent;\n overflow: hidden;\n transition: none;\n box-sizing: border-box;\n }\n\n .color-container {\n display: block;\n position: relative;\n\n & > .color,\n .color-input {\n margin-bottom: 0;\n }\n\n & > .color {\n position: absolute;\n top: 10px;\n @include left(10px);\n z-index: 1;\n }\n\n .color-hex-indicator {\n @include left(32px);\n }\n\n .color-input {\n @include padding-left(calc(32px + 1em));\n }\n }\n\n .datewrapper,\n .timewrapper {\n display: block;\n width: 100%;\n\n .text + div[data-icon] {\n top: 6px;\n @include left(10px);\n }\n }\n }\n\n &:not(.static) {\n td.textual {\n cursor: text;\n }\n }\n\n & + .btn.add {\n display: block;\n width: 100%;\n }\n\n &:not(.hidden) + .btn.add {\n border-top-width: 0;\n border-radius: 0 0 var(--medium-border-radius) var(--medium-border-radius);\n }\n}\n\n.border-box,\n.shadow-box {\n & + .buttons {\n margin-top: 7px;\n }\n}\n\n/* ----------------------------------------\n/* Nav\n/* ----------------------------------------*/\n\nul.tree,\n.tree ul {\n @include margin-left(20px);\n}\n\n.tree li .toggle {\n @include margin(7px, 0, 0, -15px);\n}\n\n/* status icons */\n.status {\n display: inline-block;\n @include margin-right(10px);\n width: 10px;\n height: 10px;\n border: 1px solid transparent;\n border-radius: 100%;\n box-sizing: border-box;\n\n body.use-shapes & {\n &.pending {\n background-color: transparent;\n border-style: solid;\n border-width: 0 5px 10px 5px;\n border-color: transparent transparent var(--pending-color) transparent;\n border-radius: 1px;\n }\n\n &.off,\n &.suspended,\n &.expired {\n border-radius: 1px;\n }\n }\n}\n\n.status:not(.on):not(.live):not(.active):not(.enabled):not(.pending):not(.off):not(.suspended):not(.expired):not(.yellow):not(.orange):not(.red):not(.pink):not(.purple):not(.blue):not(.green):not(.turquoise):not(.light):not(.grey):not(.black) {\n border-color: var(--ui-control-color);\n}\n\n.green,\n.status.on,\n.status.live,\n.status.active,\n.status.enabled {\n background-color: var(--enabled-color);\n}\n\n.orange,\n.status.pending {\n background-color: var(--pending-color);\n}\n\n.red,\n.status.off,\n.status.suspended,\n.status.expired {\n background-color: var(--disabled-color);\n}\n\n.yellow {\n background-color: var(--yellow-300);\n}\n\n.pink {\n background-color: var(--pink-400);\n}\n\n.purple {\n background-color: #9b59b6;\n}\n\n.blue {\n background-color: var(--blue-600);\n}\n\n.turquoise {\n background-color: var(--teal-300);\n}\n\n.status.light {\n background-color: var(--gray-100);\n}\n\n.grey {\n background-color: var(--gray-300);\n}\n\n.black {\n background-color: var(--gray-800);\n}\n\n.status.white,\n.status.disabled {\n opacity: 1;\n}\n\n/* ----------------------------------------\n/* Condition builders\n/* ----------------------------------------*/\n\n.condition-container {\n margin: 24px 0;\n}\n\n.condition:not(:empty) + .condition-footer .btn.add {\n}\n\n.condition-rule,\n.condition-footer {\n padding: 7px;\n}\n\n.condition-footer {\n border: 1px dashed var(--medium-hairline-color);\n border-radius: var(--large-border-radius);\n\n .condition:not(:empty) + & {\n border-top-width: 0;\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n\n .spinner:not(.loading) {\n display: none;\n }\n}\n\n.condition-rule {\n margin: 0;\n border: 1px solid var(--hairline-color);\n background-color: var(--gray-050);\n\n &:first-child {\n border-top-left-radius: var(--large-border-radius);\n border-top-right-radius: var(--large-border-radius);\n }\n\n & + .condition-rule {\n border-top-width: 0;\n }\n\n & > .rule-move,\n & > .rule-actions {\n margin-top: 5px;\n }\n\n & > .rule-body {\n .lightswitch {\n margin-top: 6px;\n display: block;\n }\n\n .selectize {\n min-width: 100px;\n }\n\n .text.fullwidth {\n min-width: 100px;\n max-width: 100%;\n }\n }\n}\n\n/* ----------------------------------------\n/* Progress bar\n/* ----------------------------------------*/\n\n.progressbar {\n border-radius: 6px;\n border: 2px solid var(--gray-700);\n padding: 2px;\n position: absolute;\n left: 20%;\n width: 60%;\n z-index: 1000;\n}\n\n.progressbar-inner {\n border-radius: 2px;\n height: 4px;\n background-color: var(--gray-700);\n}\n\n.progressbar:not(.pending) .progressbar-inner {\n width: 0;\n transition: width linear 100ms;\n}\n\n.progressbar.pending .progressbar-inner {\n @include striped-bg(17.6776695297px, var(--gray-700)); // sqrt(25^2 / 2);\n body.ltr & {\n animation-name: pendingprogress-ltr;\n }\n body.rtl & {\n animation-name: pendingprogress-rtl;\n }\n animation-timing-function: linear;\n animation-duration: 250ms;\n animation-iteration-count: infinite;\n}\n\n@keyframes pendingprogress-ltr {\n from {\n background-position: 0;\n }\n to {\n background-position: 25px;\n }\n}\n\n@keyframes pendingprogress-rtl {\n from {\n background-position: 0;\n }\n to {\n background-position: -25px;\n }\n}\n\n.elementselect .progress-shade {\n background-color: transparentize($white, 0.2);\n width: 100%;\n height: 100%;\n position: absolute;\n top: 0;\n @include left(0);\n display: none;\n}\n\n.elementselect.uploading {\n position: relative;\n}\n\n.elementselect.uploading .progress-shade {\n display: block;\n z-index: 2;\n}\n\n// Plugin installers\n\n.missing-component {\n padding: 7px 10px !important;\n max-width: 400px;\n background-color: var(--gray-050) !important;\n\n .error {\n margin: 0;\n }\n\n .install-plugin {\n margin: 7px 0 -7px;\n border-top: 1px solid var(--hairline-color);\n position: relative;\n @include padding(10px, 0, 10px, 40px);\n\n .icon {\n width: 32px;\n height: 32px;\n position: absolute;\n top: calc(50% - 16px);\n @include left(0);\n\n img,\n svg {\n width: 100%;\n height: 100%;\n }\n }\n\n h3 {\n flex: 1;\n margin: 8px 0 !important;\n }\n\n .btn {\n margin: 0;\n }\n }\n}\n\n/* ----------------------------------------\n/* Panes, Modals and HUDs\n/* ----------------------------------------*/\n\n.pane {\n @include pane;\n position: relative;\n margin: 14px 0;\n padding: 24px;\n border-radius: var(--large-border-radius);\n word-wrap: break-word;\n box-sizing: border-box;\n\n .pane &,\n #content & {\n background-color: var(--gray-050);\n border: 1px solid var(--hairline-color);\n box-shadow: none;\n }\n\n &.loading {\n min-height: 200px;\n\n &:after {\n display: block;\n content: '';\n font-size: 0;\n position: absolute;\n top: 0;\n left: -24px;\n width: calc(100% + #{24 + 24}px);\n height: 100%;\n }\n }\n}\n\n.pane-header {\n margin: calc(var(--xl) * -1) var(--neg-padding) var(--xl);\n padding: var(--s) var(--xl);\n min-height: 50px;\n box-sizing: border-box;\n box-shadow: inset 0 -1px 0 0 transparentize($grey300, 0.75);\n border-radius: var(--large-border-radius) var(--large-border-radius) 0 0;\n background-color: var(--gray-050);\n\n .header-btn {\n margin: 2px 0;\n @include header-btn;\n }\n\n .spinner {\n margin: 0 !important;\n }\n}\n\n.pane-tabs {\n display: flex;\n flex-direction: row;\n align-items: center;\n margin: calc(var(--s) * -1) calc(var(--xl) * -1);\n\n &:first-child {\n border-radius: var(--large-border-radius) var(--large-border-radius) 0 0;\n overflow: hidden;\n }\n\n [role='tablist'] {\n flex: 1;\n display: flex;\n flex-direction: row;\n overflow-x: auto;\n scrollbar-width: none;\n\n &::-webkit-scrollbar {\n display: none;\n }\n\n &.scrollable {\n body.ltr & {\n mask-image: linear-gradient(\n to left,\n rgba(0, 0, 0, 0),\n rgba(0, 0, 0, 1) 24px\n );\n }\n body.rtl & {\n mask-image: linear-gradient(\n to right,\n rgba(0, 0, 0, 0),\n rgba(0, 0, 0, 1) 24px\n );\n }\n }\n\n [role='tab'] {\n &,\n .tab-label {\n border-radius: 2px 2px 0 0;\n }\n\n .tab-label {\n display: flex;\n flex-direction: row;\n align-items: center;\n position: relative;\n padding: 0 24px;\n white-space: nowrap;\n color: var(--light-text-color);\n height: 50px;\n }\n\n &:hover {\n text-decoration: none;\n }\n\n &.focus-visible {\n box-shadow: none;\n\n .tab-label {\n box-shadow: var(--inner-focus-ring);\n }\n }\n\n &:not(.sel) {\n &:hover {\n background-color: transparentize($grey300, 0.85);\n }\n }\n\n &.sel {\n position: relative;\n z-index: 1;\n cursor: default;\n color: var(--text-color);\n box-shadow: inset 0 2px 0 var(--gray-500), 0 0 0 1px $hairlineColor,\n 0 2px 12px transparentize($grey200, 0.5);\n color: var(--text-color);\n background-color: var(--white);\n }\n\n span[data-icon] {\n @include margin-left(4px);\n }\n }\n }\n\n &:first-child {\n [role='tablist'] {\n [role='tab'] {\n &:first-child {\n &,\n .tab-label {\n @include border-top-left-radius(var(--large-border-radius));\n }\n }\n }\n }\n }\n\n .menubtn {\n margin: 0 var(--xl);\n }\n}\n\n/* detail sidebars */\n.details {\n --spacing: var(--l);\n padding: 0 var(--padding) var(--spacing);\n\n .meta,\n .field,\n hr {\n margin-left: var(--neg-padding);\n margin-right: var(--neg-padding);\n }\n\n .meta {\n margin-bottom: var(--spacing);\n\n &:not(.read-only) {\n background-color: var(--gray-050) !important;\n }\n\n &.read-only {\n color: var(--medium-text-color);\n\n & > .data {\n align-items: baseline;\n min-height: auto;\n\n & > .heading,\n & > .value {\n padding: 6px 0;\n }\n\n &:first-child {\n & > .heading,\n & > .value {\n padding-top: 0;\n }\n }\n\n &:last-child {\n & > .heading,\n & > .value {\n padding-bottom: 0;\n }\n }\n }\n }\n\n &.warning {\n padding-top: var(--m);\n padding-bottom: var(--m);\n color: var(--text-color) !important;\n background-color: var(--yellow-050) !important;\n box-shadow: 0 0 0 1px var(--yellow-300),\n 0 2px 12px transparentize($grey200, 0.5);\n\n p {\n margin-bottom: 5px;\n }\n\n .btn {\n background-color: var(--yellow-300);\n\n &:hover,\n &:focus {\n background-color: darken($yellow300, 10%);\n }\n\n &:active {\n background-color: darken($yellow300, 15%);\n }\n }\n }\n\n & > .field,\n & > .data {\n margin: 0 var(--neg-padding) !important;\n\n & > .heading > label,\n & > .heading {\n color: var(--gray-600);\n }\n }\n\n & > .field > .status-badge {\n @include left(0);\n }\n\n .text::placeholder,\n .datewrapper .text + div[data-icon],\n .timewrapper .text + div[data-icon] {\n color: var(--gray-500);\n }\n\n .ui-datepicker {\n @include margin(0, 0, 0, -8px);\n }\n }\n\n hr {\n margin: var(--spacing) 0;\n border-top-color: var(--hairline-color);\n }\n\n @include placeholder-styles(var(--gray-500));\n\n .text {\n background-color: transparent !important;\n resize: none;\n }\n\n & > .field > .heading > label,\n & > fieldset > legend {\n margin-top: 0;\n font-weight: normal;\n color: var(--gray-600);\n }\n\n & > fieldset {\n margin: 0 0 var(--spacing);\n\n & > legend {\n margin-bottom: 5px;\n }\n }\n\n & > .field {\n margin: 0 0 var(--spacing);\n\n & > .heading {\n margin-top: 0;\n }\n\n & > .input > .text.fullwidth {\n margin: 0 var(--neg-padding);\n padding-left: var(--padding);\n padding-right: var(--padding);\n border: none;\n background-color: var(--gray-050) !important;\n width: calc(100% + var(--padding) + var(--padding));\n }\n }\n\n & > .text {\n border-radius: var(--large-border-radius);\n margin-bottom: var(--spacing);\n\n &:not(:focus) {\n border-color: transparentize($inputColor, 0.6);\n }\n }\n}\n\n/* meta panes */\n.meta {\n padding: 0 var(--padding);\n overflow: visible;\n\n &,\n & > .flex-fields {\n & > .field,\n & > .data {\n display: flex;\n min-height: 50px;\n box-sizing: border-box;\n flex-wrap: wrap; // for error lists\n justify-content: space-between;\n align-items: center;\n margin: 0 var(--neg-padding) !important;\n padding: 0 var(--padding);\n transition: padding-left linear 100ms, padding-right linear 100ms;\n\n &.nested {\n @include padding-left(38px);\n }\n\n &.add {\n background-color: darken($grey050, 2%);\n\n &:before {\n position: absolute;\n @include left(0);\n width: 31px;\n @include alignright;\n @include icon;\n content: 'plus';\n color: var(--light-text-color);\n }\n\n .input {\n width: 100%;\n }\n }\n\n & > .heading {\n flex: 0 0 104px;\n @include margin(0, var(--s), 0, 0);\n line-height: 18px;\n }\n\n &.lightswitch-field > .heading {\n flex: 1;\n }\n\n & > .input {\n .flex {\n flex-wrap: nowrap;\n\n & > * {\n margin-bottom: 0;\n }\n }\n }\n }\n\n & > .field > .heading {\n padding: 14px 0;\n\n & > .copytextbtn {\n display: none;\n }\n }\n\n & > .data > .heading {\n padding: var(--s) 0;\n }\n\n & > .field > .heading > label,\n & > .data > .heading {\n color: var(--medium-text-color);\n }\n\n & > .field > .input,\n & > .data > .value {\n padding: var(--s) 0;\n width: calc(100% - 112px);\n }\n\n & > .data > .value {\n display: flex;\n align-items: center;\n\n & > [data-icon='draft'] {\n margin-top: -2px;\n @include margin-right(8px);\n }\n }\n\n & > .field.lightswitch-field > .input {\n flex: 0;\n width: auto;\n }\n\n & > .field {\n &.has-errors {\n border: 1px solid var(--error-color) !important;\n\n &:first-child {\n border-top-left-radius: var(--large-border-radius);\n border-top-right-radius: var(--large-border-radius);\n }\n\n &:last-child {\n border-bottom-left-radius: var(--large-border-radius);\n border-bottom-right-radius: var(--large-border-radius);\n }\n\n & + .field {\n border-top: none !important;\n }\n }\n\n & > .heading {\n & > label,\n & > legend {\n font-weight: normal;\n }\n }\n\n & > .input {\n &,\n & > .flex,\n & > .flex > .textwrapper,\n & > .datewrapper,\n & > .timewrapper,\n & > .datetimewrapper > .datewrapper,\n & > .datetimewrapper > .timewrapper {\n & > .text {\n display: block;\n margin: calc(var(--s) * -1) 0;\n padding: 14px 0;\n border-radius: 0;\n background-color: transparent;\n border: none !important;\n }\n }\n\n & > .datewrapper,\n & > .timewrapper,\n & > .datetimewrapper > .datewrapper,\n & > .datetimewrapper > .timewrapper {\n background-color: transparent;\n .text + div[data-icon] {\n @include left(0);\n }\n }\n\n & > .datetimewrapper {\n & > .datewrapper {\n width: 55%;\n }\n\n & > .timewrapper {\n width: 45%;\n }\n\n & > .clear-btn {\n @include margin-right(-24px);\n }\n }\n\n & > .datewrapper,\n & > .timewrapper {\n display: block;\n width: 100%;\n }\n }\n\n & > ul.errors {\n margin: 0;\n padding: 0 0 6px;\n width: 100%;\n list-style-type: none;\n }\n\n & > .clear-btn {\n @include margin-right(var(--neg-padding));\n }\n }\n }\n\n & > .field:not(:first-child),\n & > .flex-fields + .field {\n border-top: 1px solid var(--hairline-color);\n }\n\n & > .flex-fields {\n h2,\n blockquote.note {\n margin: 0 -24px !important;\n padding: 14px 24px;\n background-color: darken($grey050, 2%);\n }\n\n blockquote.note {\n border-radius: 0;\n border: none;\n }\n\n hr {\n margin: 0 -24px;\n }\n }\n}\n\n.meta > .field > .input > .select {\n display: block;\n margin: calc(var(--s) * -1) 0;\n width: 100%;\n border-radius: 0;\n box-shadow: none;\n background-color: transparent;\n\n &:after {\n @include right(0);\n }\n\n & + .spinner {\n position: absolute;\n top: calc(50% - 17px);\n @include right(-24px);\n }\n\n select {\n @include padding(var(--s), 12px, var(--s), 0);\n width: 100%;\n background-color: transparent;\n }\n}\n\n.body {\n position: relative;\n}\n\n.slideout-container,\n.slideout,\n.modal,\n.hud {\n z-index: 100;\n box-sizing: border-box;\n}\n\n.modal,\n.hud .body {\n @include modal;\n}\n\n.slideout-shade {\n opacity: 0;\n transition: opacity linear 250ms;\n\n &.so-visible {\n opacity: 1;\n }\n}\n\n.slideout-container {\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n height: -webkit-fill-available; // h/t https://twitter.com/AllThingsSmitty/status/1254151507412496384\n pointer-events: none;\n}\n\n.slideout {\n position: absolute;\n background-color: var(--white);\n box-shadow: 0 0 0 1px transparentize($grey400, 0.75),\n 0 25px 100px transparentize($grey900, 0.5);\n display: flex;\n flex-direction: column;\n overflow: hidden;\n padding: 24px var(--padding);\n pointer-events: all;\n\n &.so-mobile {\n --padding: 14px;\n --neg-padding: -14px;\n width: 100%;\n height: 100%;\n left: 0;\n transition: top linear 250ms;\n will-change: top;\n }\n\n &:not(.so-mobile) {\n top: 8px;\n width: calc(50% - 8px);\n height: calc(100% - 16px);\n border-radius: var(--large-border-radius);\n\n @media screen and (prefers-reduced-motion: no-preference) {\n body.ltr & {\n transition: left linear 250ms;\n will-change: left;\n }\n\n body.rtl & {\n transition: right linear 250ms;\n will-change: right;\n }\n }\n }\n\n & > .pane-header {\n z-index: 2;\n\n & > .so-toolbar {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: var(--s);\n min-height: calc(50px - 16px);\n\n & > .pane-tabs {\n width: 1px; // give other elements in the header plenty of room before the tabs take up whatever's left\n flex: 1;\n @include margin-right(0);\n }\n }\n }\n\n &.so-mobile > .pane-header {\n padding-left: 10px;\n padding-right: 10px;\n }\n\n & > .so-body {\n flex: 1;\n margin: -24px var(--neg-padding) 0;\n padding: 24px var(--padding);\n overflow: hidden auto;\n position: relative;\n\n & > .so-sidebar {\n position: absolute;\n top: 0;\n @include pane();\n width: 350px;\n height: 100%;\n max-width: 100%;\n box-sizing: border-box;\n padding: 0 var(--padding) var(--spacing);\n background-color: var(--gray-100);\n overflow: hidden auto;\n z-index: 1;\n\n body.ltr & {\n transition: right linear 250ms;\n }\n body.rtl & {\n transition: left linear 250ms;\n }\n\n & > .preview-thumb-container {\n margin: 0 var(--neg-padding);\n height: auto;\n min-height: 54px; // make room for the Preview / Edit buttons\n\n & + .pane-header {\n border-radius: 0;\n }\n }\n\n .image-actions {\n &.is-mobile {\n margin: calc(var(--spacing) / 2) 0 var(--spacing);\n }\n }\n\n & > .meta.read-only:first-child {\n margin-top: var(--padding);\n }\n\n & > .meta.warning {\n box-shadow: none;\n border-bottom: 1px solid var(--yellow-300);\n }\n\n & > .field {\n & > .input > .text.fullwidth {\n border-radius: 0;\n }\n }\n }\n }\n\n & > .so-footer {\n position: relative;\n display: flex;\n gap: 8px;\n justify-content: space-between;\n flex-wrap: wrap;\n margin: 0 var(--neg-padding) -24px;\n padding: 8px var(--padding);\n @include pane;\n background-color: var(--gray-050);\n z-index: 3;\n\n & > .so-extra {\n flex: 0 0 100%;\n margin: 0 var(--neg-padding);\n padding: 0 var(--padding) 8px;\n border-bottom: 1px solid var(--hairline-color);\n }\n }\n}\n\n@media (min-width: 1536px) {\n .slideout {\n &.has-sidebar {\n .pane-header:not(.so-visible) {\n display: none;\n }\n\n .sidebar-btn {\n display: none;\n }\n\n .so-body {\n display: flex;\n flex-direction: row;\n padding: 0;\n overflow: hidden;\n\n & > .so-content {\n position: relative;\n z-index: 2;\n padding: 24px;\n width: calc(100% - 350px);\n height: 100%;\n box-sizing: border-box;\n @include border-right(1px solid var(--gray-200));\n overflow: hidden auto;\n }\n\n & > .so-sidebar {\n position: relative;\n display: block !important;\n top: auto;\n right: auto !important;\n left: auto !important;\n height: 100%;\n box-shadow: none;\n }\n }\n }\n\n & > .so-footer {\n & > .so-extra {\n margin: 0;\n padding: 0;\n border: none;\n flex: auto 0 1;\n }\n }\n }\n}\n\n.header,\n.hud-header,\n.footer,\n.hud-footer,\n.body {\n &:after {\n @include clearafter;\n }\n}\n\n.header,\n.hud-header,\n.footer,\n.hud-footer {\n position: relative;\n z-index: 1;\n box-sizing: border-box;\n}\n\n.header,\n.hud-header,\n.footer,\n.hud-footer {\n background-color: var(--gray-100);\n}\n\n.header,\n.hud-header {\n border-radius: var(--large-border-radius) var(--large-border-radius) 0 0;\n padding: 24px;\n box-shadow: inset 0 -1px 0 var(--hairline-color);\n\n h1 {\n margin: 0;\n }\n}\n\n.footer,\n.hud-footer {\n border-radius: 0 0 var(--large-border-radius) var(--large-border-radius);\n padding: var(--s) var(--xl);\n box-shadow: inset 0 1px 0 var(--hairline-color);\n\n &.flex {\n & > * {\n margin-bottom: 0;\n }\n }\n}\n\n.modal .body,\n.hud .main {\n padding: 24px;\n overflow: hidden;\n box-sizing: border-box;\n}\n\n.pane,\n.modal .body {\n .header {\n margin: -24px -24px 24px;\n }\n\n .footer {\n margin: 24px -24px -24px;\n }\n}\n\n.slideout-shade,\n.modal-shade,\n.hud-shade {\n z-index: 100;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: none;\n}\n\n.slideout-shade,\n.modal-shade {\n &:not(.dark) {\n background-color: transparentize($grey400, 0.65) !important;\n }\n\n &.dark {\n background-color: transparentize($grey900, 0.5) !important;\n }\n}\n\n.modal {\n position: fixed;\n overflow: hidden;\n\n &:not(.fitted):not(.fullscreen) {\n width: 66%;\n height: 66%;\n min-width: 600px;\n min-height: 400px;\n }\n\n &.fitted {\n width: auto;\n height: auto;\n min-width: 0;\n min-height: 0;\n }\n\n &.fullscreen {\n width: 100%;\n height: 100%;\n border-radius: 0;\n }\n\n &.alert .body {\n @include padding-left(76px);\n\n &:before {\n @include icon;\n @include margin(-6px, 0, 0, -58px);\n @include floatleft;\n content: 'alert';\n font-size: 40px;\n color: var(--light-text-color);\n }\n }\n\n &.secure .body {\n @include padding-left(76px);\n\n &:before {\n @include icon;\n @include margin(-14px, 0, 0, -56px);\n @include floatleft;\n content: 'secure';\n font-size: 58px;\n color: var(--light-text-color);\n }\n }\n\n .resizehandle {\n position: absolute;\n z-index: 1;\n bottom: 0;\n @include right(0);\n width: 24px;\n height: 24px;\n cursor: nwse-resize;\n padding: var(--xs);\n\n path {\n fill: var(--ui-control-color);\n }\n\n body.rtl & {\n .ltr {\n display: none;\n }\n }\n\n body.ltr & {\n .rtl {\n display: none;\n }\n }\n }\n}\n\n.hud {\n position: absolute;\n display: none;\n top: 0;\n\n &.has-footer .tip-bottom {\n background-image: url(../images/hudtip_bottom_gray.png);\n }\n\n .tip {\n position: absolute;\n z-index: 101;\n background: no-repeat 0 0;\n }\n\n .tip-left {\n left: -15px;\n width: 15px;\n height: 30px;\n background-image: url(../images/hudtip_left.png);\n }\n\n .tip-top {\n top: -15px;\n width: 30px;\n height: 15px;\n background-image: url(../images/hudtip_top.png);\n }\n\n .tip-right {\n right: -15px;\n width: 15px;\n height: 30px;\n background-image: url(../images/hudtip_right.png);\n }\n\n .tip-bottom {\n bottom: -15px;\n width: 30px;\n height: 15px;\n background-image: url(../images/hudtip_bottom.png);\n }\n}\n\n.hud .hud-header,\n.hud .hud-footer {\n padding: var(--s) var(--xl);\n}\n\n.hud .body {\n overflow: hidden;\n\n ::-webkit-scrollbar {\n appearance: none;\n\n &:vertical {\n width: 11px;\n }\n\n &:horizontal {\n height: 11px;\n }\n }\n\n ::-webkit-scrollbar-thumb {\n border-radius: 8px;\n border: 2px solid transparent;\n background-color: transparentize($black, 0.5);\n background-clip: content-box;\n }\n\n ::-webkit-scrollbar-track {\n background-color: var(--gray-050);\n }\n}\n\n/* inline asset previews */\n\n.preview-thumb-container {\n position: relative;\n display: flex;\n flex-direction: row;\n align-items: center;\n height: 190px;\n background-color: var(--gray-900);\n margin: 0 var(--neg-padding) var(--spacing);\n\n &.checkered img {\n background-color: var(--white);\n @include checkered-bg(17px);\n }\n\n &.editable {\n cursor: pointer;\n }\n\n &.loading {\n &:after {\n content: '';\n font-size: 0;\n display: block;\n position: absolute;\n width: 100%;\n height: 100%;\n left: 0;\n top: 0;\n background-color: transparentize($grey900, 0.2);\n }\n\n .spinner {\n color: var(--white);\n z-index: 1;\n }\n }\n\n #details & {\n border-radius: var(--large-border-radius);\n overflow: hidden;\n }\n\n .preview-thumb {\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n height: 100%;\n\n img {\n display: block;\n max-width: 100%;\n max-height: 190px;\n }\n }\n}\n\n.image-actions {\n &.is-mobile {\n margin: calc((var(--spacing) / 2) * -1) var(--neg-padding) var(--spacing);\n display: grid;\n grid-template-columns: 1fr 1fr;\n }\n}\n\n.button-fade {\n .buttons {\n opacity: 0;\n position: absolute;\n top: 10px;\n @include right(10px);\n margin: 0;\n transition: opacity linear 100ms;\n\n .btn {\n --ui-control-color: var(--white);\n --ui-control-hover-color: var(--white);\n --ui-control-active-color: var(--white);\n --interaction-background-color: var(--gray-700);\n background-color: var(--gray-600);\n color: var(--white);\n @include light-on-dark-text;\n @include two-color-focus-ring($light-button: false);\n\n &:hover {\n background-color: var(--interaction-background-color) !important;\n }\n\n &:not(.disabled):not(.loading):not(.dashed) {\n &:focus,\n &.focus,\n &:hover {\n background-color: var(--interaction-background-color);\n }\n }\n }\n }\n\n &:hover,\n &:focus-within {\n .buttons {\n opacity: 1;\n }\n }\n}\n\n/* element selector modals */\n.elementselectormodal {\n --content-padding: 24px;\n padding-bottom: 50px;\n user-select: none;\n\n .main-header {\n display: flex;\n align-items: center;\n margin-bottom: var(--s);\n }\n\n .main-heading {\n margin-bottom: 0;\n }\n\n .nav-toggle {\n @include margin-left(4px);\n @include touch-target;\n color: var(--ui-control-color);\n\n &:hover {\n color: var(--gray-500);\n }\n }\n\n .sidebar-header {\n display: flex;\n justify-content: flex-end;\n padding: 0 var(--s);\n margin-bottom: var(--s);\n }\n\n .nav-close {\n @include touch-target;\n }\n\n .body {\n position: relative;\n height: 100%;\n\n .spinner.big {\n position: absolute;\n top: 50%;\n left: 50%;\n margin: -24px 0 0 -24px;\n }\n\n .content {\n height: calc(100% + 48px);\n\n .sidebar {\n position: absolute;\n top: 0;\n @include margin-left(-249px);\n height: 100%;\n overflow: auto;\n padding: var(--content-padding) 0;\n }\n\n .main {\n margin: -24px;\n padding: var(--content-padding);\n height: 100%;\n box-sizing: border-box;\n overflow: auto;\n position: relative;\n\n .elements {\n &.busy {\n min-height: calc(100% - 48px);\n }\n\n .tableview table {\n .element {\n display: inline-block;\n }\n\n tr {\n &.disabled {\n opacity: 1;\n color: var(--gray-200);\n\n .element {\n opacity: 0.25;\n }\n }\n\n th,\n td {\n cursor: default;\n }\n\n td:first-child {\n @include padding-left(7px);\n }\n }\n }\n\n .structure .row {\n margin-top: 1px;\n }\n }\n }\n }\n }\n\n .footer {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n margin: 0;\n box-sizing: border-box;\n\n .spinner {\n @include floatright;\n @include margin-right(-24px);\n }\n }\n}\n\n/* element editing HUD */\n.element-hud-form {\n .buttons {\n position: relative;\n\n .spinner {\n position: absolute;\n top: 0;\n @include right(-24px);\n }\n }\n}\n\n/* element filter HUD */\n.element-filter-hud {\n &.loading .body {\n padding: 50px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .body,\n .main {\n overflow: visible;\n }\n}\n\n/* Address Cards */\n.address-cards {\n display: grid;\n gap: var(--m) var(--m);\n grid-template-columns: repeat(1, minmax(0, 1fr));\n grid-auto-rows: minmax(0, 1fr);\n}\n\n.address-cards__add-btn {\n padding: 1rem;\n min-height: 8rem;\n height: auto;\n width: 100%;\n}\n\n.address-card.error {\n border: 1px solid #cf1124;\n}\n\n.address-card.error:hover {\n border-color: #cf1124;\n}\n\n@media (min-width: 1024px) {\n .address-cards {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n}\n\n@media (min-width: 1280px) {\n .address-cards {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n}\n\n@media (min-width: 1536px) {\n .address-cards {\n grid-template-columns: repeat(4, minmax(0, 1fr));\n }\n}\n\n.address-card {\n border: 1px solid #eee;\n border-radius: 0.375rem;\n padding: 1rem;\n min-height: 4rem;\n}\n\n.address-card:hover {\n border-color: #ddd;\n background-color: #fafafa;\n cursor: pointer;\n}\n\n.address-card .address-card-header {\n display: flex;\n flex-wrap: nowrap;\n justify-content: space-between;\n}\n\n.address-card .address-card-header-actions {\n display: flex;\n justify-content: flex-end;\n}\n\n.address-card .address-card-label {\n background: #e6f1fe;\n color: #2563eb;\n padding: 0.125rem 0.5rem;\n border-radius: 0.25rem;\n font-size: 0.75rem;\n text-transform: uppercase;\n font-weight: 500;\n margin-bottom: 0.75rem;\n\n .ltr & {\n margin-right: 0.5rem;\n }\n\n .rtl & {\n margin-left: 0.5rem;\n }\n}\n\n/* logout warning/login/elevated session modals */\n.logoutwarningmodalshade,\n.loginmodalshade {\n z-index: 101;\n}\n\n#logoutwarningmodal,\n#loginmodal,\n#elevatedsessionmodal,\n.prompt {\n width: 500px;\n}\n\n#logoutwarningmodal,\n#loginmodal {\n z-index: 101;\n}\n\n.prompt {\n height: auto;\n min-height: auto;\n}\n\n/* delete user modal */\n.deleteusermodal {\n .content-summary {\n margin: -24px -24px 24px;\n padding: 24px;\n background-color: var(--gray-050);\n }\n\n .options {\n label {\n display: inline-block;\n line-height: 30px;\n }\n }\n\n .elementselect {\n @include margin-left(10px);\n display: inline-block;\n vertical-align: middle;\n }\n\n .buttons {\n .spinner {\n @include margin-right(-20px);\n }\n }\n}\n\n.dropdownsettingsmodal {\n width: auto;\n height: auto;\n min-width: 0;\n min-height: 0;\n max-width: 400px;\n\n .body {\n max-height: 100%;\n overflow-y: auto;\n }\n}\n\n.previewmodal {\n &.zilch {\n padding: 100px 0;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n}\n\n/* ----------------------------------------\n/* Menus\n/* ----------------------------------------*/\n\n.menu,\n.ui-datepicker,\n.ui-timepicker-list {\n @include menu-styles;\n}\n\n.ui-datepicker,\n.ui-timepicker-list {\n padding: 0;\n}\n\n.menu {\n display: none;\n position: absolute;\n\n h6 {\n &:first-child {\n margin-top: 14px !important;\n }\n }\n\n ul {\n &.padded {\n li {\n a,\n .menu-option {\n @include padding-left(24px);\n\n &[data-icon],\n &.icon,\n &.sel {\n &:before {\n @include floatleft;\n @include margin(3px, 0, 0, -17px);\n font-size: 14px;\n color: var(--ui-control-color);\n }\n\n &.error:before {\n color: var(--error-color);\n }\n }\n\n &.sel:not([data-icon]):before {\n content: 'check';\n }\n }\n }\n }\n\n li {\n a,\n .menu-option {\n @include menu-option-styles;\n font-size: 14px;\n cursor: default;\n -webkit-appearance: none;\n\n &:not(.flex) {\n display: block !important;\n box-sizing: border-box;\n width: calc(100% + 28px);\n @include alignleft;\n }\n\n &.sel {\n cursor: default;\n }\n\n .shortcut {\n @include floatright;\n @include margin-left(14px);\n padding: 0 4px;\n border-radius: var(--medium-border-radius);\n box-shadow: 0 0 0 1px transparentize($grey600, 0.75),\n 0 1px 3px -1px transparentize($grey600, 0.5);\n }\n }\n }\n }\n\n & > .flex {\n margin-top: 10px;\n margin-bottom: 10px;\n position: relative;\n\n &.padded {\n @include margin-left(-14px);\n @include padding-left(24px);\n\n &.sel {\n &:before {\n position: absolute;\n top: 36px;\n @include left(7px);\n content: 'check';\n font-size: 14px;\n color: var(--light-text-color);\n }\n }\n }\n }\n\n hr {\n margin: 5px -14px;\n }\n}\n\n.menubtn,\n.menu {\n span.icon {\n display: inline-block;\n margin-top: -1px;\n width: 10px;\n @include margin-right(10px);\n text-align: center;\n font-size: 14px;\n color: var(--ui-control-color);\n }\n}\n\n.menu:not(.menu--disclosure) ul li a:not(.sel):not(.disabled):hover,\n.menu:not(.menu--disclosure):not(:hover) ul li a:not(.disabled).hover {\n @include menu-option-active-styles;\n\n --text-color: var(--white);\n --light-text-color: var(--gray-100);\n --ui-control-color: var(--gray-050);\n --ui-control-hover-color: var(--gray-100);\n --ui-control-active-color: var(--gray-100);\n\n span.icon,\n &:before {\n color: var(--menu-option-active-color);\n }\n\n &.error {\n color: var(--menu-option-active-color) !important;\n }\n}\n\n.menu {\n hr.padded,\n h6.padded {\n @include margin-left(10px);\n }\n}\n\n.menu--disclosure ul li {\n & > a,\n & > .menu-option {\n &:hover {\n @include disclosure-link-hover-styles;\n }\n\n body:not(.reduce-focus-visibility) &:focus,\n body.reduce-focus-visibility &.focus-visible {\n box-shadow: inset 0 0 0 3px hsla(var(--dark-focus-hsl), 0.7);\n }\n }\n}\n\n/* tag select fields */\n.tagselect {\n .elements {\n display: inline;\n }\n\n .element.small {\n clear: none;\n }\n\n .add {\n position: relative;\n z-index: 1;\n @include margin(7px, 7px, 0, 0);\n display: inline-block;\n width: 12em;\n\n .text {\n @include padding-right(30px);\n }\n\n .spinner {\n position: absolute;\n top: 0;\n @include right(5px);\n }\n }\n\n // todo: why are body.ltr and body.rtl needed here?\n body.ltr &,\n body.rtl & {\n &.elementselect .element {\n float: none !important;\n display: inline-block;\n }\n }\n}\n\n.tagmenu {\n ul {\n li {\n a {\n @include padding-left(26px);\n\n &:before {\n @include floatleft;\n @include margin(3px, 0, 0, -18px);\n }\n }\n }\n }\n}\n\n/* selectize */\n\n/* ----------------------------------------\n/* Fields\n/* ----------------------------------------*/\n\n.shadow-box {\n border-radius: var(--large-border-radius);\n border: 1px solid var(--gray-200);\n @include shadow;\n}\n\ntable.shadow-box,\ntable.editable {\n border-collapse: separate;\n border-spacing: 0;\n\n thead,\n tbody:first-child,\n caption + tbody {\n tr:first-child {\n th:first-child,\n td:first-child {\n &,\n &.disabled:after {\n border-top-left-radius: var(--medium-border-radius);\n }\n }\n th:last-child,\n td:last-child {\n &,\n &.disabled:after {\n border-top-right-radius: var(--medium-border-radius);\n }\n }\n }\n }\n thead:last-child,\n tbody:last-child {\n tr:last-child {\n th:first-child,\n td:first-child {\n &,\n &.disabled:after {\n border-bottom-left-radius: var(--large-border-radius) - 1;\n }\n }\n th:last-child,\n td:last-child {\n &,\n &.disabled:after {\n border-bottom-right-radius: var(--large-border-radius) - 1;\n }\n }\n }\n }\n}\n\n.text,\n.passwordwrapper,\n.border-box,\n.matrix-configurator > .field > .input,\n.selectize.multiselect .selectize-input,\n.multiselect > select {\n @include input-styles;\n}\n\n.text,\n.passwordwrapper,\n.border-box,\n.selectize.multiselect .selectize-input {\n &.focus {\n @include input-focused-styles;\n }\n\n body:not(.reduce-focus-visibility) &:focus,\n body.reduce-focus-visibility &.focus-visible {\n @include input-focused-styles;\n }\n}\n\ninput.text,\ntextarea.text,\n.text > input,\n.text > textarea,\ntable.editable textarea,\n.selectize.multiselect .selectize-input {\n font-size: 14px;\n line-height: 20px;\n color: var(--text-color);\n min-height: 3px;\n box-sizing: border-box;\n appearance: none;\n}\n\n.selectize.multiselect .selectize-input {\n line-height: 18px;\n}\n\ntextarea.text.fullwidth {\n display: block;\n}\n\n.multitext .multitextrow {\n &:after {\n @include clearafter;\n }\n\n &:first-child .text {\n &:first-child {\n @include border-top-left-radius(var(--medium-border-radius));\n }\n\n &:last-child {\n @include border-top-right-radius(var(--medium-border-radius));\n }\n }\n\n &:last-child .text {\n &:first-child {\n @include border-bottom-left-radius(var(--medium-border-radius));\n }\n\n &:last-child {\n @include border-bottom-right-radius(var(--medium-border-radius));\n }\n }\n\n &:not(:first-child) .text {\n margin-top: -1px;\n }\n\n .text {\n border-radius: 0;\n float: left;\n box-sizing: border-box;\n\n &:not(:first-child) {\n @include margin-left(-1px);\n }\n\n &:first-child {\n &:nth-last-child(1) {\n width: 100%;\n }\n\n &:nth-last-child(2) {\n width: 50%;\n }\n\n &:nth-last-child(2) ~ .text {\n width: calc(50% + 1px);\n }\n }\n\n &.error {\n position: relative;\n z-index: 1;\n }\n }\n\n .text:focus,\n .selectize.multiselect .selectize-input.focus {\n position: relative;\n z-index: 2;\n }\n}\n\n.chars-left {\n position: relative;\n @include floatright;\n @include margin(-27px, 7px, 0, 0);\n color: var(--light-text-color);\n\n .input.ltr > & {\n float: right !important;\n margin-right: 7px !important;\n }\n\n .input.rtl > & {\n float: left !important;\n margin-left: 7px !important;\n }\n\n &.negative-chars-left {\n color: var(--error-color);\n }\n}\n\n.field,\nfieldset {\n position: relative;\n margin: 24px 0;\n\n .flex > & {\n margin-top: 0;\n margin-bottom: 0;\n }\n}\n\n.field {\n min-inline-size: initial;\n\n & > .status-badge {\n position: absolute;\n top: 0;\n @include left(0);\n width: 2px;\n height: 100%;\n content: '';\n cursor: help;\n\n &.modified {\n background-color: var(--blue-600);\n }\n\n &.outdated {\n background-color: var(--pending-color);\n }\n }\n\n & > .heading {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n position: relative;\n margin-top: -5px;\n margin-bottom: 5px;\n\n & > label,\n & > legend {\n font-weight: bold;\n color: var(--medium-dark-text-color);\n\n code {\n font-size: 1em !important;\n }\n\n .info {\n @include margin-left(5px);\n }\n }\n\n & > .t9n-indicator {\n @include margin-left(7px);\n color: var(--light-text-color);\n }\n\n & + .instructions {\n margin-top: -3px;\n }\n\n // BC\n & > .instructions {\n width: 100%;\n }\n }\n\n & > .instructions {\n margin-bottom: 5px;\n }\n\n & > .input {\n position: relative;\n\n &:after {\n @include clearafter;\n }\n\n & + .instructions {\n margin: 5px 0 0;\n }\n }\n\n & > .notice,\n & > .warning {\n margin: 5px 0 0;\n }\n}\n\n.field > .instructions,\n// BC\n.field > .heading > .instructions,\n.checkboxfield .instructions {\n color: var(--medium-text-color);\n\n img,\n video,\n embed,\n iframe {\n max-width: 100% !important;\n }\n\n ul,\n ol {\n margin: 1em 0;\n @include padding-left(2em);\n }\n\n ul li {\n list-style-type: disc;\n }\n\n li + li {\n margin-top: 0.25em;\n }\n}\n\n.expand-status-btn {\n @include margin-left(5px);\n width: 30px;\n height: 17px;\n padding: 0;\n line-height: 16px;\n border-radius: var(--small-border-radius);\n color: var(--text-color);\n\n &:before {\n margin: 0;\n }\n}\n\n/* toggles and nested fields */\n.nested-fields {\n margin: -24px;\n padding: 24px 24px 0;\n\n &.hidden {\n display: block;\n height: 0;\n }\n\n & > .field:last-child {\n padding-bottom: 24px;\n }\n}\n\n/* checkbox */\ninput.checkbox {\n opacity: 0;\n position: absolute;\n width: var(--checkbox-size);\n height: var(--checkbox-size);\n}\n\ninput.checkbox + label,\ndiv.checkbox {\n display: inline-block;\n clear: none;\n position: relative;\n @include padding-left($checkboxSize + 5);\n line-height: 16px;\n height: 16px;\n cursor: pointer;\n\n .info {\n height: 16px;\n }\n}\n\ninput.checkbox:disabled + label,\n.disabled div.checkbox {\n cursor: default;\n}\n\ninput.checkbox + label:empty,\ndiv.checkbox:empty {\n @include padding-left(var(--checkbox-size));\n}\n\ninput.checkbox + label:empty:after,\ndiv.checkbox:empty:after {\n content: '';\n font-size: 0;\n}\n\n/* fixes a RTL bug */\ninput.checkbox + label:before,\ndiv.checkbox:before {\n display: block;\n position: absolute;\n @include left(0);\n top: 0;\n width: var(--checkbox-size) !important;\n height: var(--checkbox-size);\n box-sizing: border-box;\n content: '';\n font-size: 0;\n background-color: hsl(212, 50%, 99%);\n border: 1px solid transparentize($inputColor, 0.6);\n background-clip: padding-box;\n border-radius: var(--small-border-radius);\n}\n\ninput.checkbox:disabled + label,\ndiv.checkbox.disabled:before,\ndiv.checkbox.disabled + label {\n opacity: 0.25;\n}\n\ninput.checkbox:checked + label:before,\ndiv.checkbox.checked:before,\n.sel div.checkbox:before,\ninput.checkbox:indeterminate + label:before,\ndiv.checkbox.indeterminate:before {\n @include icon;\n line-height: var(--checkbox-size);\n color: var(--gray-900);\n}\n\ninput.checkbox:checked:not(:indeterminate) + label:before,\ndiv.checkbox.checked:not(.indeterminate):before,\n.sel div.checkbox:not(.indeterminate):before {\n content: 'check';\n font-size: 15px;\n}\n\ninput.checkbox:indeterminate + label:before,\ndiv.checkbox.indeterminate:before {\n content: 'minus';\n font-size: 7px;\n text-align: center;\n}\n\nbody:not(.reduce-focus-visibility) {\n input.checkbox:focus + label:before,\n :focus div.checkbox:before {\n @include input-focused-styles;\n }\n}\n\nbody.reduce-focus-visibility {\n input.checkbox.focus-visible + label:before,\n .focus-visible div.checkbox:before {\n @include input-focused-styles;\n }\n}\n\n.monaco-mouse-cursor-text {\n &:focus,\n &.focus-visible {\n box-shadow: none !important;\n }\n}\n\nfieldset {\n .checkboxfield {\n margin: 5px 0;\n }\n}\n\n.checkboxfield {\n .instructions,\n .notice,\n .warning {\n margin-top: 2px;\n @include padding-left($checkboxSize + 5);\n }\n}\n\n/* radio */\ninput.radio {\n opacity: 0;\n position: absolute;\n width: var(--radio-size);\n height: var(--radio-size);\n}\n\ninput.radio + label,\ndiv.radio {\n display: inline-block;\n clear: none;\n position: relative;\n @include padding-left($radioSize + 5);\n line-height: calc(24 / 14);\n cursor: pointer;\n}\n\ninput.radio:disabled + label,\n.disabled div.radio {\n cursor: default;\n}\n\ninput.radio + label:empty,\ndiv.radio:empty {\n @include padding-left(var(--radio-size));\n}\n\n/* fixes a RTL bug */\ninput.radio + label:before,\ninput.radio + label:after,\ndiv.radio:before,\ndiv.radio:after {\n display: block;\n position: absolute;\n content: '';\n box-sizing: border-box;\n background-clip: padding-box;\n border-radius: 100%;\n}\n\ninput.radio + label:before,\ndiv.radio:before {\n top: 50%;\n left: 0;\n transform: translateY(-50%);\n width: var(--radio-size);\n height: var(--radio-size);\n background-color: hsl(212, 50%, 99%);\n border: 1px solid transparentize($inputColor, 0.6);\n}\n\ninput.radio + label:after,\ndiv.radio:after {\n top: calc(50%);\n left: 4px;\n transform: translateY(-50%);\n width: calc(var(--radio-size) - 8px);\n height: calc(var(--radio-size) - 8px);\n}\n\ninput.radio:disabled + label,\ndiv.radio.disabled:before,\ndiv.radio.disabled + label {\n opacity: 0.25;\n}\n\ninput.radio:checked + label:after,\ndiv.radio.checked:after,\n.sel div.radio:after {\n background: var(--gray-900);\n}\n\nbody:not(.reduce-focus-visibility) {\n input.radio:focus + label:before,\n :focus div.radio:before {\n @include input-focused-styles;\n }\n}\n\nbody.reduce-focus-visibility {\n input.radio.focus-visible + label:before,\n .focus-visible div.radio:before {\n @include input-focused-styles;\n }\n}\n\n/* multiselect */\n.multiselect > select {\n color: var(--text-color);\n font-size: 14px;\n appearance: none;\n\n body:not(.reduce-focus-visibility) &:focus,\n body.reduce-focus-visibility &.focus-visible {\n @include input-focused-styles;\n }\n\n option {\n padding: 1px 8px;\n }\n}\n\n.text,\n.selectize.multiselect .selectize-input {\n padding: 6px 9px;\n}\n\n.text {\n background-color: var(--white);\n\n &:not(.small) {\n box-sizing: border-box;\n min-height: 34px;\n }\n\n &.small {\n padding: 3px;\n }\n\n &.readable {\n padding: 16px 18px;\n font-size: 16px;\n line-height: 22px;\n\n & + .chars-left {\n margin-top: -23px;\n }\n }\n\n &.clearable {\n @include padding-right(var(--touch-target-size));\n }\n\n input {\n margin: 0;\n padding: 0;\n border: none;\n background-color: transparent;\n }\n}\n\n.input.errors > .text,\n.input.errors > .border-box,\n.input.errors > .passwordwrapper,\n.input.errors > .autosuggest-container .text,\n.text.error {\n border: 1px solid var(--error-color) !important;\n}\n\n.texticon {\n position: relative;\n cursor: text;\n min-width: 130px;\n\n &.icon {\n &:before {\n position: absolute;\n top: 9px;\n @include left(9px);\n color: var(--ui-control-color);\n }\n\n .text {\n @include padding-left(26px);\n }\n }\n\n .clear-btn {\n position: absolute;\n top: calc(\n (var(--touch-target-size) - 34px) / -2\n ); /* Responds to min-height of text input */\n @include right(0);\n width: var(--touch-target-size);\n height: var(--touch-target-size);\n }\n\n &.has-filter-btn {\n .text {\n @include padding-right(26px);\n }\n\n .filter-btn {\n position: absolute;\n top: 4px;\n @include right(4px);\n padding: 0 7px 4px;\n font-size: 14px;\n line-height: 22px;\n cursor: pointer;\n border-radius: 13px;\n\n &:before {\n @include icon;\n content: 'sliders';\n color: var(--medium-text-color);\n }\n\n &:hover {\n background-color: var(--gray-100);\n }\n\n &:active,\n &.active {\n background-color: var(--gray-350);\n\n &:before {\n color: var(--white);\n }\n }\n }\n\n .text {\n @include padding-left(26px);\n\n &.clearable {\n @include padding-right(calc(30px + var(--touch-target-size)));\n }\n }\n\n .clear-btn {\n @include right(30px);\n }\n }\n}\n\n.texthint-container {\n position: relative;\n height: 0;\n}\n\n.texthint {\n position: absolute;\n top: -1px;\n width: 100%;\n color: var(--light-text-color);\n cursor: text;\n}\n\n.passwordwrapper {\n position: relative;\n\n .password {\n border: none;\n background: transparent;\n padding-right: 4rem;\n box-shadow: none;\n }\n\n .password-toggle {\n color: var(--link-color);\n position: absolute;\n top: 0;\n @include right(9px);\n bottom: 0;\n cursor: pointer;\n\n &:hover {\n text-decoration: underline;\n }\n }\n}\n\n.datetimewrapper {\n display: flex;\n flex-direction: row;\n align-items: center;\n\n & > .datewrapper + .timewrapper,\n & > .timewrapper + .timezone,\n & > .select {\n @include margin-left(5px);\n }\n}\n\n.clear-btn {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 24px;\n cursor: pointer;\n color: var(--ui-control-color);\n border: none;\n padding: 0;\n background: transparent;\n\n &:before {\n @include icon;\n content: 'remove';\n }\n\n &:hover {\n color: var(--ui-control-hover-color);\n }\n\n &:active {\n color: var(--ui-control-active-color);\n }\n}\n\n.close-btn {\n position: relative;\n\n &:before,\n &:after {\n position: absolute;\n content: '';\n top: 50%;\n left: 50%;\n height: 15px;\n width: 2px;\n background-color: var(--ui-control-color);\n opacity: var(--icon-opacity);\n }\n\n &:before {\n transform: translate(-50%, -50%) rotate(-45deg);\n }\n\n &:after {\n transform: translate(-50%, -50%) rotate(45deg);\n }\n\n &:hover {\n &:before,\n &:after {\n background-color: var(--ui-control-hover-color);\n }\n }\n\n &:active {\n &:before,\n &:after {\n background-color: var(--ui-control-active-color);\n }\n }\n}\n\n.datewrapper,\n.timewrapper {\n display: inline-block;\n position: relative;\n\n .text {\n position: relative;\n z-index: 1;\n width: 100%;\n\n & + div[data-icon] {\n display: none;\n }\n\n &:placeholder-shown,\n &.empty-value {\n & + div[data-icon] {\n display: block;\n position: absolute;\n top: calc(50% - 12px);\n @include left(14px);\n z-index: 0;\n color: var(--light-text-color);\n\n &,\n &:before {\n user-select: none;\n pointer-events: none;\n z-index: 1;\n }\n }\n }\n }\n}\n\n.datewrapper {\n width: 8em;\n}\n\n.timewrapper {\n width: 7em;\n}\n\n@include placeholder-styles(var(--gray-400));\n\n/* Kill IE's special text features */\n::-ms-reveal,\n::-ms-clear {\n display: none;\n}\n\n/* Asset indexing related */\ntr.indexingSession td {\n height: 34px;\n padding: 1px 10px;\n}\n\ntr.indexingSession td.progress div.progressContainer {\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\ntr.indexingSession td.progress div.progressContainer .progressbar {\n width: 70%;\n position: relative;\n left: 0;\n height: 12px;\n z-index: 1;\n}\n\ntr.indexingSession td.progress div.progressContainer div.progressInfo {\n width: 20%;\n}\n\n// Selects\n.select:not(.selectize),\n.select:not(.selectize) select {\n @include select-styles;\n}\n\n.select:not(.selectize) {\n @include select-container-styles;\n}\n\n.select:not(.selectize):after {\n @include select-arrow-styles;\n}\n\n.select:not(.selectize) select {\n @include select-input-styles;\n white-space: pre;\n}\n\n.select:not(.selectize).fullwidth select {\n @include select-input-fullwidth-styles;\n}\n\n.select:not(.selectize) select {\n &:hover {\n @include select-input-focused-styles;\n }\n\n body:not(.reduce-focus-visibility) &:focus,\n body.reduce-focus-visibility &.focus-visible {\n @include select-input-focused-styles;\n }\n}\n\n.select:not(.selectize).small:after {\n top: 9px;\n}\n\n.select:not(.selectize).small select {\n padding-top: 4px !important;\n padding-bottom: 4px !important;\n font-size: 11px;\n}\n\n/* selectize reset */\n.selectize .selectize-input {\n display: block;\n border-color: inherit;\n box-shadow: none;\n background-color: transparent;\n}\n\n.selectize.select .selectize-input:after {\n display: none;\n}\n\nbody .selectize-dropdown {\n border: none;\n z-index: 100;\n}\n\n/* single select styles */\n.selectize.select {\n height: 34px;\n\n &:not(.fullwidth) {\n max-width: 25em;\n }\n}\n\n.selectize.select .selectize-control {\n @include select-container-styles;\n\n &:after {\n @include select-arrow-styles;\n }\n}\n\n.selectize.select .selectize-input {\n @include select-styles;\n\n &.focus {\n box-shadow: var(--focus-ring);\n }\n}\n\n.selectize.select .selectize-input {\n @include select-input-styles;\n}\n\n.selectize.select .selectize-control,\n.selectize.select .selectize-input {\n width: 100%;\n}\n\n/* multi select styles */\n.selectize.multiselect .selectize-input {\n min-height: 34px;\n padding-bottom: 3px;\n\n &.focus {\n @include input-focused-styles;\n }\n\n & > .item {\n @include token-styles;\n display: inline-flex;\n flex-direction: row;\n padding: 3px 7px !important;\n\n &.active {\n @include active-token-styles;\n }\n\n & > .remove {\n position: static;\n @include margin(-1px, -3px, 0, 3px);\n border-left: none;\n padding: 0;\n font-size: 0;\n color: var(--ui-control-color);\n\n &:hover {\n color: var(--ui-control-hover-color);\n background-color: transparent;\n }\n\n &:before {\n font-size: 14px;\n @include icon;\n content: 'remove';\n }\n }\n }\n}\n\n/* menu styles */\nbody .selectize-dropdown {\n margin-top: 1px;\n}\n\nbody .selectize-dropdown-content {\n @include menu-styles;\n\n .option {\n min-height: 18px;\n }\n}\n\nbody .selectize-dropdown-content > div[data-value='new']:before {\n @include icon;\n content: 'plus';\n margin-right: 5px;\n}\n\nbody .selectize-dropdown-content > div[data-value='new']:after {\n content: '…';\n}\n\nbody .selectize-dropdown [data-selectable],\nbody .selectize-dropdown .optgroup-header {\n @include menu-option-styles;\n}\n\nbody .selectize-dropdown .optgroup-header {\n @include h6-styles;\n margin: 0;\n padding: 4px 0;\n}\n\nbody .selectize-dropdown .active {\n @include menu-option-active-styles;\n\n .light {\n color: inherit !important;\n }\n}\n\n/* datepicker */\n.ui-datepicker {\n position: fixed;\n top: -300px;\n @include margin-left(1px);\n -padding: 10px;\n width: 210px;\n height: 242px;\n z-index: 101 !important;\n}\n\n.ui-datepicker-header {\n padding: 8px 8px 4px;\n}\n\n.ui-datepicker-prev {\n @include floatleft;\n}\n\n.ui-datepicker-next {\n @include floatright;\n}\n\n.ui-datepicker-prev span,\n.ui-datepicker-next span {\n display: none;\n}\n\n.ui-datepicker-prev,\n.ui-datepicker-next {\n width: 20px;\n height: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n\n &:hover:after {\n border-color: var(--link-color);\n }\n}\n\n.ui-datepicker-prev:after {\n @include angle(left);\n}\n\n.ui-datepicker-next:after {\n @include angle(right);\n}\n\n.ui-datepicker-title {\n text-align: center;\n}\n\n.ui-datepicker-calendar th,\n.ui-datepicker-calendar td {\n padding: 2px !important;\n}\n\n.ui-datepicker-calendar th span,\n.ui-datepicker-calendar td a {\n display: block;\n width: 26px;\n line-height: 26px;\n text-align: center;\n color: var(--text-color);\n}\n\n.ui-datepicker-calendar th span {\n color: var(--medium-text-color);\n font-weight: normal;\n}\n\n.ui-datepicker-calendar td a {\n border-radius: 2px;\n}\n\n.ui-datepicker-calendar td a:hover {\n background-color: var(--light-sel-color);\n text-decoration: none;\n}\n\n.ui-datepicker-calendar td a.ui-state-active {\n background-color: var(--dark-sel-color);\n color: var(--white);\n @include light-on-dark-text;\n cursor: default;\n}\n\n.ui-datepicker-calendar td.ui-datepicker-today a {\n border-radius: 13px;\n box-shadow: inset 0 0 0 2px var(--light-sel-color);\n}\n\n/* timepicker */\n.ui-timepicker-wrapper {\n z-index: 101;\n}\n\n.ui-timepicker-list {\n @include margin-left(1px);\n overflow-y: auto;\n width: calc(14px + 6em);\n height: 210px;\n z-index: 100;\n}\n\n.ui-timepicker-list li {\n @include padding(2px, 0, 2px, 14px);\n white-space: nowrap;\n cursor: pointer;\n}\n\n.ui-timepicker-list li:hover {\n background-color: var(--light-sel-color);\n}\n\n.ui-timepicker-list li.ui-timepicker-selected {\n background-color: var(--dark-sel-color);\n color: var(--white);\n @include light-on-dark-text;\n cursor: default;\n}\n\n/* slide picker */\n.slide-picker {\n display: flex;\n height: 15px;\n white-space: nowrap;\n\n a {\n border: 1px solid var(--hairline-color);\n @include border-left(none);\n background-image: none;\n width: 7px;\n height: 13px;\n margin-left: 0;\n display: inline-block;\n margin-top: 1px;\n margin-bottom: 1px;\n box-sizing: border-box;\n\n &:first-child {\n width: 8px;\n @include border-left(1px solid var(--gray-400) !important);\n }\n }\n\n &:not(:hover) a.active,\n &:hover a.active-hover {\n border-top-color: var(--gray-400);\n border-bottom-color: var(--gray-400);\n height: 15px;\n margin-top: 0;\n margin-bottom: 0;\n\n &:first-child {\n @include border-left(1px solid var(--gray-400));\n @include border-top-left-radius(var(--small-border-radius));\n @include border-bottom-left-radius(var(--small-border-radius));\n }\n }\n\n &:not(:hover) a.last-active,\n &:hover a.last-active-hover {\n @include border-right(1px solid var(--gray-400));\n @include border-top-right-radius(var(--small-border-radius));\n @include border-bottom-right-radius(var(--small-border-radius));\n }\n\n &:focus {\n a.active {\n background-color: var(--light-sel-color);\n }\n }\n}\n\n/* errors */\nul.errors {\n margin-top: 5px;\n list-style-type: square;\n @include padding-left(20px);\n}\n\nul.errors li {\n color: var(--error-color);\n}\n\n/* message pages */\n.message-container {\n position: absolute;\n z-index: 100;\n top: 0;\n @include left(0);\n width: 100%;\n height: 100%;\n\n &.no-access {\n background-color: transparentize($grey900, 0.5);\n }\n\n .pane {\n top: 50%;\n margin-top: -33px !important;\n margin-left: auto;\n margin-right: auto;\n width: 320px;\n box-shadow: 0 25px 100px transparentize($grey900, 0.5);\n }\n}\n\n/* auto-suggest */\n.autosuggest-container {\n position: relative;\n}\n\n.autosuggest__results-container {\n position: absolute;\n z-index: 2;\n width: 100%;\n border-radius: var(--large-border-radius);\n background-color: var(--white);\n @include shadow;\n box-sizing: border-box;\n padding: 0 14px;\n text-align: left;\n @include sans-serif-font;\n font-size: 1em !important;\n\n .autosuggest__results-before {\n @include h6-styles;\n margin-top: 14px !important;\n }\n\n .autosuggest__results-item {\n @include menu-option-styles;\n overflow: hidden;\n text-overflow: ellipsis;\n\n &:hover,\n &.autosuggest__results-item--highlighted {\n @include menu-option-active-styles;\n cursor: pointer;\n }\n }\n}\n\n/* ----------------------------------------\n/* Matrix\n/* ----------------------------------------*/\n\n.matrix-configurator {\n & > .field {\n max-width: none;\n\n & > .input {\n display: flex;\n align-items: stretch;\n background-color: var(--gray-050);\n box-shadow: none;\n }\n }\n\n .mc-sidebar {\n box-sizing: border-box;\n\n .mc-col-items {\n margin-top: -1px;\n padding-top: 1px;\n }\n\n &.block-types {\n width: 200px;\n @include border-top-left-radius(var(--small-border-radius));\n @include border-bottom-left-radius(var(--small-border-radius));\n\n & > .mc-col-inner-container {\n & > .mc-col-heading {\n @include border-top-left-radius(var(--small-border-radius));\n }\n\n & > .mc-col-items {\n .btn {\n margin: 14px;\n }\n }\n }\n }\n\n &.mc-fields {\n width: 240px;\n z-index: 1;\n background: #fff;\n box-shadow: -1px 0 0 0 transparentize($grey900, 0.9),\n 1px 0 0 0 transparentize($grey900, 0.9);\n\n .mc-col-items {\n padding: 14px;\n\n .btn {\n margin-top: 14px;\n }\n }\n }\n }\n\n .mc-sidebar,\n .mc-field-settings {\n & > .mc-col-inner-container > .mc-col-heading {\n margin: 0;\n padding: 7px 14px 6px;\n border-bottom: 1px solid var(--hairline-color);\n background-color: var(--gray-050);\n background-image: linear-gradient(\n transparentize($grey800, 1),\n transparentize($grey800, 0.95)\n );\n }\n }\n\n .mc-field-settings {\n flex: 1;\n position: relative;\n @include border-top-right-radius(var(--small-border-radius));\n @include border-bottom-right-radius(var(--small-border-radius));\n\n & > .mc-col-inner-container {\n & > .mc-col-heading {\n padding-left: 24px;\n padding-right: 24px;\n @include border-top-right-radius(var(--small-border-radius));\n }\n\n & > .mc-col-items {\n padding: 24px;\n }\n }\n }\n}\n\n.matrixconfigitem {\n position: relative;\n display: flex;\n align-items: center;\n user-select: none;\n cursor: default;\n min-height: 48px;\n box-sizing: border-box;\n\n &.mci-blocktype {\n margin-top: -1px;\n padding: 8px 14px;\n border: solid var(--hairline-color);\n border-width: 1px 0;\n background-color: var(--gray-100);\n\n &.sel {\n z-index: 1;\n background-color: var(--gray-200);\n }\n }\n\n &.mci-field {\n border-radius: var(--medium-border-radius);\n padding: 7px 10px;\n background-color: var(--gray-100);\n\n &.sel {\n background-color: var(--gray-200);\n\n .slide-picker:focus a.active {\n background-color: darken($lightTextColor, 0.5%);\n }\n }\n\n & + .mci-field {\n margin-top: 7px;\n }\n }\n\n .mci-name {\n flex: 1;\n overflow: hidden;\n\n h4,\n .smalltext {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n h4 {\n margin-bottom: 2px;\n font-weight: normal;\n color: var(--text-color);\n\n &.mci-required:after {\n @include icon;\n @include margin(-2px, 0, 0, 4px);\n content: 'asterisk';\n font-size: 8px;\n }\n }\n }\n\n &.error .mci-name h4 {\n color: var(--error-color);\n }\n\n .slide-picker,\n .icon {\n @include margin-left(7px);\n }\n\n .icon {\n display: block;\n\n &:not(.error) {\n &:before {\n color: var(--ui-control-color);\n }\n\n &:hover:before {\n color: var(--ui-control-hover-color);\n }\n\n &:active:before {\n color: var(--ui-control-active-color);\n }\n }\n\n &.error:before {\n color: var(--error-color);\n }\n }\n}\n\n/* Matrix fields */\n.matrix {\n & > .buttons {\n margin-top: 10px;\n }\n}\n\n$titlebarBorderRadius: var(--large-border-radius) - 1;\n\n.matrixblock {\n position: relative;\n margin-bottom: 10px;\n padding: 0 var(--m) var(--m);\n border-radius: var(--large-border-radius);\n border: 1px solid var(--hairline-color);\n background-color: var(--gray-050);\n\n &.static {\n padding-top: 14px;\n }\n\n .flex-fields {\n --row-gap: var(--m) !important;\n }\n\n & > .titlebar {\n margin: 0 -14px;\n width: calc(100% + 28px);\n box-sizing: border-box;\n border-radius: $titlebarBorderRadius $titlebarBorderRadius 0 0;\n @include padding(5px, 70px, 5px, 35px);\n color: var(--light-text-color);\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n word-wrap: normal;\n cursor: default;\n user-select: none;\n position: relative;\n background-color: darken($grey050, 2%);\n\n &:after {\n display: block;\n content: '';\n position: absolute;\n bottom: -1px;\n left: 14px;\n width: calc(100% - 28px);\n height: 1px;\n background-color: var(--hairline-color);\n }\n\n & > .blocktype {\n display: inline;\n color: var(--medium-text-color);\n }\n\n & > .preview {\n @include margin-left(7px);\n display: inline;\n opacity: 0;\n transition: opacity linear 100ms;\n\n span {\n opacity: 0.5;\n }\n }\n }\n\n &.disabled {\n opacity: 1;\n\n & > .titlebar {\n @include padding-right(90px);\n }\n\n & > .actions {\n & > .status {\n &.off {\n display: block;\n }\n }\n }\n }\n\n &.collapsed {\n & > .titlebar {\n border-radius: var(--titlebar-border-radius);\n border-bottom: none;\n\n & > .preview {\n opacity: 1;\n }\n }\n }\n\n & > .checkbox {\n position: absolute;\n top: 7px;\n @include left(14px);\n }\n\n & > .actions {\n display: flex;\n align-items: center;\n position: absolute;\n top: 5px;\n @include right(14px);\n cursor: default;\n\n & > * {\n @include margin(0, 0, 0, 5px);\n }\n\n & .settings {\n padding: 0 8px;\n height: 20px;\n color: var(--ui-control-color);\n\n &:before {\n @include margin-right(0 !important);\n }\n\n &:not(:hover):not(:active) {\n background-color: transparent;\n }\n }\n\n & > .move {\n margin-top: -3px !important;\n }\n\n & > .status {\n &.off {\n display: none;\n }\n }\n\n a:not([data-action]) {\n padding: 0;\n height: 20px;\n text-align: center;\n color: var(--dark-hairline-color);\n transform: color linear 100ms;\n\n &.settings:after {\n @include margin-left(3px);\n border-color: var(--dark-hairline-color);\n transform: border-color linear 100ms;\n }\n\n &:hover {\n color: var(--link-color);\n\n &.settings:after {\n border-color: var(--link-color);\n }\n }\n }\n }\n\n &:not(.static) {\n & > .fields {\n padding-top: 14px;\n }\n }\n\n & > .fields > .flex-fields > .field {\n &:before {\n display: none;\n }\n }\n\n & > .buttons {\n margin-top: 0;\n height: 30px;\n }\n}\n\n/* categories */\n.add-category-form {\n margin-top: 24px;\n}\n\n.add-category-form .texticon {\n width: 200px;\n @include floatleft;\n @include margin-right(5px);\n}\n\n.add-category-form .texticon .text {\n @include padding-right(30px);\n}\n\n.add-category-form .texticon .spinner {\n position: absolute;\n top: 0;\n @include right(5px);\n}\n\n.categoriesfield {\n position: relative;\n min-height: 30px;\n}\n\n.categoriesfield .structure ul {\n @include margin-left(12px);\n}\n\n/* site pickers */\nbody.sitepicker {\n #main-content {\n padding: 30px;\n justify-content: center;\n align-items: center;\n text-align: center;\n }\n\n #content-container {\n max-width: 400px;\n }\n}\n\n.sitepicker-group {\n li {\n &:not(:first-child) {\n a {\n margin-top: -1px;\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n\n &:not(:hover) {\n border-top-color: transparent;\n }\n }\n }\n\n &:not(:last-child) {\n a {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n }\n\n a {\n display: block;\n position: relative;\n text-align: left;\n width: 100%;\n box-sizing: border-box;\n border: 1px solid var(--hairline-color);\n border-radius: var(--medium-border-radius);\n @include padding(9px, 42px, 9px, 15px);\n font-size: 16px;\n line-height: 1.4;\n\n &:after {\n font-size: 14px;\n position: absolute;\n top: calc(50% - 7px);\n @include right(12px);\n margin: 0;\n padding: 0;\n }\n\n &:hover {\n border-color: var(--link-color);\n text-decoration: none;\n z-index: 1;\n }\n }\n }\n}\n\n/* ----------------------------------------\n/* IE hacks\n/* ----------------------------------------*/\n\n/* Fix layout of modal element selectors for IE8 */\n.elementselectormodal .body .main {\n float: left \\9;\n width: 445px \\9;\n}\n\n/* ----------------------------------------\n/* Retina graphics\n/* ----------------------------------------*/\n\n@media only screen and (-webkit-min-device-pixel-ratio: 1.5),\n only screen and (-moz-min-device-pixel-ratio: 1.5),\n only screen and (-o-min-device-pixel-ratio: 3/2),\n only screen and (min-device-pixel-ratio: 1.5),\n only screen and (min-resolution: 1.5dppx) {\n .structure ul li {\n background-size: 40px;\n body.ltr & {\n background-image: url(../images/branch_2x.png);\n }\n body.rtl & {\n background-image: url(../images/branch_rtl_2x.png);\n }\n }\n\n .hud .tip-left {\n background-image: url(../images/hudtip_left_2x.png);\n background-size: 15px 30px;\n }\n .hud .tip-top {\n background-image: url(../images/hudtip_top_2x.png);\n background-size: 30px 15px;\n }\n .hud .tip-right {\n background-image: url(../images/hudtip_right_2x.png);\n background-size: 15px 30px;\n }\n .hud .tip-bottom {\n background-image: url(../images/hudtip_bottom_2x.png);\n background-size: 30px 15px;\n }\n .hud.has-footer .tip-bottom {\n background-image: url(../images/hudtip_bottom_gray_2x.png);\n }\n}\n","$white: #fff;\n$black: #000;\n\n$grey050: hsl(212, 60%, 97%);\n$grey100: hsl(212, 50%, 93%);\n$grey200: hsl(212, 30%, 85%);\n$grey300: hsl(211, 13%, 65%);\n$grey350: hsl(211, 11%, 59%);\n$grey400: hsl(210, 10%, 53%);\n$grey500: hsl(211, 12%, 43%);\n$grey550: hsl(210, 13%, 40%);\n$grey600: hsl(209, 14%, 37%);\n$grey700: hsl(209, 18%, 30%);\n$grey800: hsl(209, 20%, 25%);\n$grey900: hsl(210, 24%, 16%);\n$grey1000: hsl(210, 24%, 10%);\n\n$blue050: #e3f8ff;\n$blue100: #b3ecff;\n$blue200: #81defd;\n$blue300: #5ed0fa;\n$blue400: #40c3f7;\n$blue500: #2bb0ed;\n$blue600: #1992d4;\n$blue700: #127fbf;\n$blue800: #0b69a3;\n$blue900: #035388;\n\n$cyan050: #e0fcff;\n$cyan100: #bef8fd;\n$cyan200: #87eaf2;\n$cyan300: #54d1db;\n$cyan400: #38bec9;\n$cyan500: #2cb1bc;\n$cyan600: #14919b;\n$cyan700: #0e7c86;\n$cyan800: #0a6c74;\n$cyan900: #044e54;\n\n$pink050: #ffe3ec;\n$pink100: #ffb8d2;\n$pink200: #ff8cba;\n$pink300: #f364a2;\n$pink400: #e8368f;\n$pink500: #da127d;\n$pink600: #bc0a6f;\n$pink700: #a30664;\n$pink800: #870557;\n$pink900: #620042;\n\n$red050: #ffe3e3;\n$red100: #ffbdbd;\n$red200: #ff9b9b;\n$red300: #f86a6a;\n$red400: #ef4e4e;\n$red500: #e12d39;\n$red600: #cf1124;\n$red700: #ab091e;\n$red800: #8a041a;\n$red900: #610316;\n\n$yellow050: #fffbea;\n$yellow100: #fff3c4;\n$yellow200: #fce588;\n$yellow300: #fadb5f;\n$yellow400: #f7c948;\n$yellow500: #f0b429;\n$yellow600: #de911d;\n$yellow700: #cb6e17;\n$yellow800: #b44d12;\n$yellow900: #8d2b0b;\n\n$teal050: #effcf6;\n$teal100: #c6f7e2;\n$teal200: #8eedc7;\n$teal300: #65d6ad;\n$teal400: #3ebd93;\n$teal500: #27ab83;\n$teal600: #199473;\n$teal700: #147d64;\n$teal800: #0c6b58;\n$teal900: #014d40;\n\n// submit button colors\n$primaryColor: $red500;\n$secondaryColor: $grey500;\n\n$inputColor: hsl(212, 25%, 50%);\n\n// text colors\n$textColor: $grey700;\n$mediumDarkTextColor: $grey550;\n$mediumTextColor: $grey550;\n$lightTextColor: $grey500;\n$linkColor: #2563eb;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $white;\n$menuOptionActiveBackgroundColor: $grey500;\n\n// hairline colors\n$hairlineColor: transparentize($grey800, 0.9);\n$mediumHairlineColor: transparentize($grey600, 0.75);\n$darkHairlineColor: transparentize($grey400, 0.5);\n\n// focus colors\n$lightFocusColor: $blue300;\n$mediumFocusColor: $blue500;\n$darkFocusColor: #0f74b1;\n\n// focus rings\n$lightFocusRing: 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing: 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing: 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey600;\n\n// alert/notice colors\n$errorColor: $red600;\n$warningColor: $yellow800;\n$successColor: $teal500;\n$noticeColor: $blue800;\n\n// UI element styles\n$smallBorderRadius: 3px;\n$mediumBorderRadius: 4px;\n$largeBorderRadius: 5px;\n\n$menuBorderRadius: $mediumBorderRadius;\n$checkboxSize: 16px;\n$radioSize: 16px;\n\n@mixin sans-serif-font {\n font-family: system-ui, BlinkMacSystemFont, -apple-system, 'Segoe UI',\n 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',\n 'Helvetica Neue', sans-serif;\n}\n\n@mixin fixed-width-font {\n font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier,\n monospace;\n font-size: 0.9em !important;\n}\n\n@function toRem($size) {\n $remValue: calc($size / 16) + rem;\n @return $remValue;\n}\n\n@mixin fontSize($size) {\n font-size: toRem($size);\n}\n\n// Other\n\n@mixin focus-styles {\n body:not(.reduce-focus-visibility) &:focus,\n body.reduce-focus-visibility &.focus-visible {\n @content;\n }\n}\n\n@mixin svg-mask($color) {\n rect,\n circle,\n ellipse,\n line,\n polyline,\n polygon,\n path,\n text {\n fill: $color;\n stroke-width: 0;\n }\n}\n\n@mixin icon {\n font-family: 'Craft';\n speak: none;\n -webkit-font-feature-settings: 'liga', 'dlig';\n -moz-font-feature-settings: 'liga=1, dlig=1';\n -moz-font-feature-settings: 'liga', 'dlig';\n -ms-font-feature-settings: 'liga', 'dlig';\n -o-font-feature-settings: 'liga', 'dlig';\n font-feature-settings: 'liga', 'dlig';\n text-rendering: optimizeLegibility;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n direction: ltr; // Fixes a rendering issue in Chrome/Win\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n\n display: inline-block;\n text-align: center;\n font-style: normal;\n vertical-align: middle;\n word-wrap: normal !important;\n user-select: none;\n\n opacity: var(--icon-opacity);\n}\n\n@mixin angle($dir: down, $color: currentColor, $width: 2px) {\n display: block;\n content: '';\n font-size: 0;\n width: 7px;\n height: 7px;\n border: solid $color;\n border-width: 0 $width $width 0;\n opacity: 0.8;\n\n @if $dir == up {\n transform: rotate(225deg);\n } @else if $dir == down {\n transform: rotate(45deg);\n } @else if $dir == left {\n body.ltr & {\n transform: rotate(135deg);\n }\n body.rtl & {\n transform: rotate(-45deg);\n }\n } @else if $dir == right {\n body.ltr & {\n transform: rotate(-45deg);\n }\n body.rtl & {\n transform: rotate(135deg);\n }\n }\n}\n\n@mixin clearafter {\n content: '';\n display: block;\n height: 0;\n clear: both;\n visibility: hidden;\n}\n\n@mixin shadow {\n box-shadow: 0 1px 5px -1px transparentize($grey900, 0.8);\n}\n\n@mixin pane {\n background: $white;\n box-shadow: 0 0 0 1px $grey200, 0 2px 12px transparentize($grey200, 0.5);\n\n &:focus {\n box-shadow: var(--focus-ring);\n }\n}\n\n@mixin modal {\n border-radius: $largeBorderRadius;\n background-color: $white;\n box-shadow: 0 25px 100px transparentize($grey900, 0.5);\n}\n\n@mixin light-on-dark-text() {\n // Make light on dark text sharp on Macs\n // (sub-pixel antialiasing looks too bold/blurry with light text on dark background)\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-weight: 500;\n}\n\n@mixin light-focus-ring() {\n --focus-ring: 0 0 0 1px hsl(var(--light-focus-hsl)),\n 0 0 0 3px hsla(var(--light-focus-hsl), 0.7);\n}\n\n@mixin two-color-focus-ring($light-button: true) {\n // Creates a two-color focus ring, with a white\n // If button is light, the dark box shadow is adjacent to the button\n // Else the light box shadow is adjacent to the button\n --light-color: var(--white);\n --dark-color: var(--gray-800);\n\n @if $light-button {\n --focus-ring: 0 0 0 3px var(--dark-color), 0 0 0 6px var(--light-color);\n } @else {\n --focus-ring: 0 0 0 3px var(--light-color), 0 0 0 6px var(--dark-color);\n }\n}\n\n// RTL stuff\n\n@mixin left($left) {\n body.ltr & {\n left: $left;\n }\n body.rtl & {\n right: $left;\n }\n}\n\n@mixin right($right) {\n body.ltr & {\n right: $right;\n }\n body.rtl & {\n left: $right;\n }\n}\n\n@mixin alignleft {\n body.ltr & {\n text-align: left;\n }\n body.rtl & {\n text-align: right;\n }\n}\n\n@mixin alignright {\n body.ltr & {\n text-align: right;\n }\n body.rtl & {\n text-align: left;\n }\n}\n\n@mixin border-left($params...) {\n body.ltr & {\n border-left: $params;\n }\n body.rtl & {\n border-right: $params;\n }\n}\n\n@mixin border-right($params...) {\n body.ltr & {\n border-right: $params;\n }\n body.rtl & {\n border-left: $params;\n }\n}\n\n@mixin border-left-width($param) {\n body.ltr & {\n border-left-width: $param;\n }\n body.rtl & {\n border-right-width: $param;\n }\n}\n\n@mixin border-right-width($param) {\n body.ltr & {\n border-right-width: $param;\n }\n body.rtl & {\n border-left-width: $param;\n }\n}\n\n@mixin border-radius($tl, $tr, $br, $bl) {\n body.ltr & {\n border-radius: $tl $tr $br $bl;\n }\n body.rtl & {\n border-radius: $tr $tl $bl $br;\n }\n}\n\n@mixin border-top-left-radius($params...) {\n body.ltr & {\n border-top-left-radius: $params;\n }\n body.rtl & {\n border-top-right-radius: $params;\n }\n}\n\n@mixin border-top-right-radius($params...) {\n body.ltr & {\n border-top-right-radius: $params;\n }\n body.rtl & {\n border-top-left-radius: $params;\n }\n}\n\n@mixin border-bottom-left-radius($params...) {\n body.ltr & {\n border-bottom-left-radius: $params;\n }\n body.rtl & {\n border-bottom-right-radius: $params;\n }\n}\n\n@mixin border-bottom-right-radius($params...) {\n body.ltr & {\n border-bottom-right-radius: $params;\n }\n body.rtl & {\n border-bottom-left-radius: $params;\n }\n}\n\n@mixin floatleft {\n body.ltr & {\n float: left;\n }\n body.rtl & {\n float: right;\n }\n}\n\n@mixin floatright {\n body.ltr & {\n float: right;\n }\n body.rtl & {\n float: left;\n }\n}\n\n@mixin margin($t, $r, $b, $l, $important: '') {\n body.ltr & {\n margin: $t $r $b $l unquote($important);\n }\n body.rtl & {\n margin: $t $l $b $r unquote($important);\n }\n}\n\n@mixin margin-left($margin...) {\n body.ltr & {\n margin-left: $margin;\n }\n body.rtl & {\n margin-right: $margin;\n }\n}\n\n@mixin margin-right($margin...) {\n body.ltr & {\n margin-right: $margin;\n }\n body.rtl & {\n margin-left: $margin;\n }\n}\n\n@mixin padding($t, $r, $b, $l, $important: '') {\n body.ltr & {\n padding: $t $r $b $l unquote($important);\n }\n body.rtl & {\n padding: $t $l $b $r unquote($important);\n }\n}\n\n@mixin padding-left($padding...) {\n body.ltr & {\n padding-left: $padding;\n }\n body.rtl & {\n padding-right: $padding;\n }\n}\n\n@mixin padding-right($padding...) {\n body.ltr & {\n padding-right: $padding;\n }\n body.rtl & {\n padding-left: $padding;\n }\n}\n\n// Misc\n\n@mixin dark-inputs {\n @include placeholder-styles($grey400);\n\n .btn,\n .select:not(.selectize) select {\n background-color: $grey200;\n\n &:focus,\n &:hover {\n background-color: darken($grey200, 5%);\n }\n\n &:active,\n &.active {\n background-color: darken($grey200, 10%);\n }\n }\n\n .text {\n background-color: $grey200;\n\n &:focus {\n background-color: darken($grey200, 5%);\n }\n }\n}\n\n@mixin header-btn {\n width: 30px;\n height: 30px;\n padding-left: 0;\n padding-right: 0;\n\n &:not(:hover):not(:active):not(.active) {\n background-color: transparent;\n }\n &:not(:active):not(.active):hover {\n background-color: transparentize($grey300, 0.85);\n }\n}\n\n@mixin h6-styles {\n margin: 14px 0 3px;\n font-size: 11px;\n line-height: 1.2;\n color: $lightTextColor;\n text-transform: uppercase;\n}\n\n@mixin token-styles {\n display: inline-block;\n border-radius: $smallBorderRadius;\n padding: 3px 7px;\n font-size: 12px;\n line-height: 14px;\n color: $textColor;\n background-color: $grey100;\n}\n\n@mixin active-token-styles {\n background-color: $grey200;\n}\n\n@mixin menu-styles {\n z-index: 100;\n border-radius: $menuBorderRadius;\n padding: 0 14px;\n overflow: auto;\n background: $white;\n user-select: none;\n box-shadow: 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-option-styles {\n margin: 0 -14px;\n padding: 10px 14px;\n color: $menuOptionColor;\n text-decoration: none;\n white-space: nowrap;\n}\n\n@mixin menu-option-active-styles {\n color: $menuOptionActiveColor;\n background-color: $menuOptionActiveBackgroundColor;\n}\n\n@mixin disclosure-link-hover-styles {\n color: $menuOptionColor;\n background-color: $grey050;\n}\n\n@mixin input-styles {\n border-radius: $smallBorderRadius;\n border: 1px solid transparentize($inputColor, 0.75);\n background-color: hsl(212, 50%, 99%);\n background-clip: padding-box;\n}\n\n@mixin input-focused-styles {\n box-shadow: var(--focus-ring);\n}\n\n@mixin placeholder-styles($color) {\n ::-webkit-input-placeholder {\n color: $color;\n }\n\n input:-ms-input-placeholder {\n color: $color;\n }\n\n ::-ms-input-placeholder {\n color: $color;\n }\n\n :-moz-placeholder {\n color: $color;\n }\n\n ::-moz-placeholder {\n color: $color;\n }\n\n ::placeholder {\n color: $color;\n }\n}\n\n@mixin select-styles {\n position: relative;\n border-radius: $largeBorderRadius;\n white-space: nowrap;\n}\n\n@mixin select-container-styles {\n max-width: 100%;\n position: relative;\n :not(.flex) > & {\n display: inline-block;\n }\n}\n\n@mixin select-arrow-styles {\n @include angle;\n position: absolute;\n z-index: 1;\n top: calc(50% - 5px);\n @include right(9px);\n user-select: none;\n pointer-events: none;\n}\n\n@mixin select-input-styles {\n display: block;\n position: relative;\n max-width: 100%;\n border: none;\n @include padding(7px, 22px, 7px, 10px);\n font-size: 14px;\n line-height: 20px;\n color: $textColor;\n background-color: hsl(212, 25%, 90%);\n appearance: none;\n // from https://stackoverflow.com/a/15933790/1688568\n &::-ms-expand {\n display: none;\n }\n}\n\n@mixin select-input-fullwidth-styles {\n min-width: 100%;\n}\n\n@mixin select-input-focused-styles {\n outline-color: transparent;\n background-color: hsl(212, 25%, 85%);\n box-shadow: var(--focus-ring);\n}\n\n@mixin touch-target {\n height: var(--touch-target-size);\n width: var(--touch-target-size);\n}\n\n@mixin visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: 0;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\n@mixin readable {\n font-size: 16px;\n line-height: 22px;\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6 {\n font-size: 13.6px;\n line-height: 17px;\n color: $mediumTextColor;\n }\n\n ul,\n ol {\n margin: 1em 0;\n @include padding-left(2em);\n }\n\n ul li {\n list-style-type: disc;\n }\n\n li + li {\n margin-top: 0.25em;\n }\n\n blockquote {\n margin: 16px 0;\n\n &:not(.note) {\n padding: 0 16px;\n color: $mediumTextColor;\n @include border-left(4px solid $hairlineColor);\n }\n\n &.note {\n position: relative;\n border-radius: 4px;\n padding: 1em;\n @include padding-left(56px);\n border: 1px solid;\n\n &:not(.tip):not(.warning) {\n border-color: $errorColor;\n color: #bf503f;\n\n &:before {\n content: 'alert';\n color: $errorColor;\n }\n }\n\n &.tip {\n border-color: $linkColor;\n color: $mediumTextColor;\n\n &:before {\n content: 'lightbulb';\n color: $linkColor;\n }\n }\n\n &.warning {\n border-color: $warningColor;\n color: #cf783a;\n\n &:before {\n content: 'alert';\n color: $warningColor;\n }\n }\n\n &:before {\n @include icon;\n position: absolute;\n top: 12px;\n @include left(16px);\n font-size: 30px;\n width: 24px;\n }\n }\n }\n}\n","@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\n:root {\n --xs: 4px;\n --s: 8px;\n --m: 14px;\n --l: 18px;\n --xl: 24px;\n --padding: var(--xl);\n --neg-padding: calc(var(--padding) * -1);\n}\n\n$sidebarWidth: 226px;\n$sidebarZIndex: 100;\n$detailsWidth: 350px;\n$minFullUiWidth: 1200px;\n$minXlUiWidth: 1536px;\n$minDesktopWidth: 600px;\n$minHorizontalUiWidth: $minFullUiWidth - $sidebarWidth;\n\n// Colors\n$badgeBackgroundColor: var(--gray-200);\n$badgeColor: var(--gray-800);\n\nhtml {\n -webkit-text-size-adjust: 100%;\n min-height: 100vh;\n}\n\nbody {\n min-height: 100vh;\n}\n\nbody {\n :focus {\n outline-style: solid;\n outline-color: transparent;\n box-shadow: var(--focus-ring);\n }\n}\n\n.reduce-focus-visibility {\n :focus:not(.focus-visible) {\n box-shadow: none;\n }\n\n .focus-visible {\n box-shadow: var(--focus-ring);\n }\n}\n\n.skip-link {\n position: absolute;\n margin: 5px;\n left: -10000px;\n top: 0;\n width: 1px;\n height: 1px;\n overflow: hidden;\n z-index: $sidebarZIndex + 1;\n\n &:focus {\n left: unset;\n @include left(0);\n width: auto;\n height: auto;\n background-color: var(--gray-100) !important;\n }\n}\n\n#global-skip-link {\n @media only screen and (min-width: $minFullUiWidth) {\n @include two-color-focus-ring;\n }\n}\n\n#global-container {\n position: relative;\n display: flex;\n flex-direction: column;\n min-height: 100vh;\n @include left(0);\n\n @media screen and (prefers-reduced-motion: no-preference) {\n body.ltr & {\n transition: left 250ms ease-out;\n }\n\n body.rtl & {\n transition: right 250ms ease-out;\n }\n }\n}\n\n/* global sidebar */\n$sidebarLinkStaticColor: var(--gray-100);\n$sidebarLinkSecondaryColor: var(--gray-200);\n\n#global-sidebar {\n --is-always-visible: true;\n position: fixed;\n z-index: $sidebarZIndex;\n display: flex;\n flex-direction: column;\n height: 100vh;\n padding: 0;\n overflow-y: auto;\n overflow-x: hidden;\n -webkit-overflow-scrolling: touch;\n @include light-on-dark-text;\n @include light-focus-ring;\n background-color: var(--gray-800);\n\n a {\n color: $sidebarLinkStaticColor;\n text-decoration: none;\n }\n\n & > a,\n *:not(.has-subnav) > a {\n &[href] {\n &:not(.sel):hover {\n background-color: darken($grey800, 5%);\n }\n }\n\n &:not([href]) {\n cursor: default;\n background-color: transparent;\n }\n }\n\n .light {\n color: var(--gray-400);\n }\n\n @media only screen and (max-width: $minFullUiWidth - 1px) {\n --is-always-visible: false;\n }\n}\n\n$systemInfoBgColor: darken($grey800, 5%);\n$systemInfoHoverBgColor: darken($grey800, 10%);\n\n#system-info {\n display: grid;\n grid-template-columns: 30px auto;\n grid-gap: 10px;\n height: 50px;\n padding: 0 10px;\n position: relative;\n flex: 0 0 50px;\n flex-direction: row;\n align-items: center;\n background-color: $systemInfoBgColor;\n\n &:after {\n display: none;\n }\n\n &:focus,\n &:hover {\n background-color: $systemInfoHoverBgColor !important;\n }\n}\n\n#site-icon {\n height: 30px;\n\n img,\n svg {\n display: block;\n width: 30px;\n height: 30px;\n border-radius: 4px;\n }\n\n svg {\n @include svg-mask(var(--medium-text-color));\n }\n}\n\n#system-name {\n h2,\n .h2 {\n margin: 0;\n width: 100%;\n overflow: hidden;\n max-height: 40px;\n position: relative;\n\n // Multi-line text overflow ellipsis\n // (https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-line-clamp)\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n\n &:after {\n display: block;\n content: '';\n font-size: 0;\n position: absolute;\n top: 0;\n @include right(0);\n width: var(--m);\n background-image: linear-gradient(\n to right,\n transparentize($systemInfoBgColor, 1),\n $systemInfoBgColor\n );\n\n #system-info:hover & {\n background-image: linear-gradient(\n to right,\n transparentize($systemInfoHoverBgColor, 1),\n $systemInfoHoverBgColor\n );\n }\n }\n }\n}\n\n#job-icon {\n align-items: flex-start;\n\n & > span.icon {\n display: block;\n position: relative;\n width: 16px;\n height: 16px;\n margin-top: 2px !important;\n\n & > canvas {\n display: block;\n position: absolute;\n width: 16px;\n height: 16px;\n\n &#job-icon-hover {\n opacity: 0;\n }\n }\n }\n\n &[href]:hover {\n .icon > span.icon > canvas#job-icon-hover {\n opacity: 1;\n }\n }\n\n .progress-label {\n display: block;\n color: var(--gray-300);\n font-size: 11px;\n line-height: 1.5;\n }\n}\n\n#nav {\n flex: 1;\n margin: 22px 0 0;\n padding-bottom: var(--xl);\n overflow: visible;\n\n li {\n &:not(.has-subnav) > a.sel {\n color: var(--gray-800);\n background-color: var(--gray-100);\n opacity: 1;\n\n .icon {\n opacity: 1;\n }\n }\n\n a {\n position: relative;\n padding-left: var(--m);\n padding-right: var(--m);\n\n &:focus {\n z-index: 1;\n }\n\n &.menubtn {\n line-height: 26px;\n }\n\n &.external:after {\n @include margin-left(5px);\n @include icon;\n content: 'external';\n }\n\n .label {\n &,\n & span {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n\n .badge {\n @include margin-right(0);\n background-color: $badgeBackgroundColor;\n color: $badgeColor;\n }\n }\n\n ul {\n display: block;\n margin-bottom: 10px;\n\n li a {\n @include padding(3px, var(--m), 3px, 42px, !important);\n font-size: 12px;\n\n &:not(.active) {\n color: $sidebarLinkSecondaryColor;\n }\n }\n }\n }\n}\n\n#global-footer {\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: var(--m) var(--m) var(--xl);\n}\n\n#app-info {\n margin-top: var(--xs);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 12px;\n color: var(--gray-600);\n text-align: center;\n gap: var(--s);\n\n a {\n color: var(--gray-600);\n text-decoration: underline;\n\n &.go:hover:after {\n color: var(--gray-600);\n }\n }\n}\n\n#edition-logo {\n user-select: none;\n border: 1px solid var(--gray-600);\n border-radius: 3px;\n display: inline-flex;\n height: 20px;\n box-sizing: content-box;\n font-size: 11px;\n\n & > .edition-name,\n & > .edition-trial {\n padding: 6px 7px 5px;\n line-height: var(--s);\n }\n\n & > .edition-name {\n font-weight: 600;\n letter-spacing: 1.7px;\n padding-right: 5px;\n text-transform: uppercase;\n }\n\n & > .edition-trial {\n display: inline-block;\n position: relative;\n @include margin-left(5px);\n @include padding-left(5px);\n background-color: var(--gray-600);\n color: var(--gray-200);\n border-radius: 0 1px 1px 0;\n letter-spacing: 1px;\n @include padding-right(7px);\n text-transform: lowercase;\n\n &:before {\n display: block;\n position: absolute;\n top: 0;\n content: '';\n font-size: 0;\n width: 0;\n height: 0;\n border-style: solid;\n\n body.ltr & {\n left: -10px;\n border-width: 0 10px 20px 0;\n border-color: transparent var(--gray-600) transparent transparent;\n }\n\n body.rtl & {\n right: -10px;\n border-width: 0 0 20px 10px;\n border-color: transparent transparent transparent var(--gray-600);\n }\n }\n }\n}\n\n#devmode {\n flex: 0 0 4px;\n width: 100%;\n min-height: 4px; // fixes Windows scaling bug (https://github.com/craftcms/cms/issues/3259)\n background: url(../images/dev-mode.svg) repeat-x 21px 0;\n cursor: help;\n}\n\n#page-container {\n @include padding-left($sidebarWidth);\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n}\n\n#alerts {\n position: relative; // to keep it above #global-header's shadow\n background-color: var(--red-050);\n border-left: 5px solid var(--error-color);\n padding: 11px 0;\n text-align: center;\n color: var(--error-color);\n\n li {\n padding: 4px var(--xl);\n\n a {\n color: var(--error-color);\n text-decoration: underline;\n\n &.go {\n text-decoration: none;\n white-space: nowrap;\n border: 1px solid transparentize($errorColor, 0.5);\n border-radius: var(--medium-border-radius);\n padding: 3px 5px;\n margin: 0 2px;\n\n &:after {\n color: var(--error-color);\n }\n\n &:hover {\n border-color: var(--error-color);\n }\n }\n }\n }\n}\n\n#global-header {\n width: 100%;\n margin-bottom: var(--m);\n @include pane;\n background: var(--gray-050);\n\n .flex {\n align-items: center;\n }\n\n .btn {\n --ui-control-color: var(--gray-400);\n --ui-control-hover-color: var(--gray-500);\n --ui-control-active-color: var(--gray-600);\n }\n}\n\n.nav-toggle {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 36px;\n height: 50px;\n line-height: 26px;\n color: currentColor;\n text-align: center;\n @include margin-left(-10px);\n\n &:before {\n @include icon;\n content: 'menu';\n font-size: 16px;\n line-height: 0;\n }\n\n &:hover {\n color: var(--gray-400);\n }\n}\n\n#crumbs {\n display: flex;\n flex-direction: row;\n align-items: center;\n font-size: 13px;\n margin: 0 !important;\n\n &.empty {\n display: none;\n }\n\n a,\n button {\n color: var(--light-text-color);\n transition: color linear 100ms;\n\n &:hover {\n color: var(--link-color);\n text-decoration: none;\n }\n }\n\n nav {\n margin: 0;\n }\n}\n\n.breadcrumb-list {\n display: flex;\n flex-direction: row;\n align-items: stretch;\n flex-wrap: wrap;\n\n li {\n display: inline-flex;\n align-items: center;\n\n a,\n button {\n padding: 15px 0;\n }\n\n button {\n cursor: pointer;\n }\n\n &:after {\n @include margin(0, 8px, 0, 7px);\n @include angle(right, var(--medium-hairline-color));\n }\n }\n\n & .menu--disclosure {\n li {\n display: block;\n\n &::after {\n content: none;\n }\n }\n }\n}\n\nli.breadcrumb-toggle-wrapper {\n &::after {\n content: none;\n }\n}\n\n#account-menu {\n ul {\n li {\n a {\n max-width: calc(100% + 28px) !important;\n }\n }\n }\n}\n\n#announcements-btn {\n @include header-btn;\n width: 40px;\n position: relative;\n\n &.unread:after {\n content: '';\n display: block;\n position: absolute;\n top: 3px;\n @include right(7px);\n width: 7px;\n height: 7px;\n border-radius: 4px;\n background-color: var(--blue-600);\n }\n\n svg {\n width: 22px;\n height: 22px;\n @include svg-mask(var(--ui-control-color));\n }\n\n &:hover,\n &:active,\n &.active {\n svg {\n @include svg-mask(var(--link-color));\n }\n }\n}\n\n#announcements {\n max-width: 350px;\n\n .announcement {\n &:not(:first-child) {\n margin-top: 20px;\n }\n\n .announcement-label-container {\n margin-top: -3px;\n display: flex;\n align-items: center;\n margin-bottom: 3px;\n\n .announcement-icon svg {\n display: block;\n width: 15px;\n height: 15px;\n }\n\n .announcement-label {\n margin-left: 5px;\n font-size: 12px;\n color: var(--light-text-color);\n }\n }\n\n h2 {\n position: relative;\n margin: 0 0 3px;\n }\n\n &.unread h2:after {\n content: '';\n display: block;\n position: absolute;\n top: 7px;\n @include left(-13px);\n width: 7px;\n height: 7px;\n border-radius: 4px;\n background-color: var(--blue-600);\n }\n\n p {\n margin: 0;\n }\n }\n}\n\n#user-info {\n display: flex;\n flex-direction: row;\n align-items: center;\n @include padding-right(25px);\n padding-top: 5px;\n padding-bottom: 5px;\n height: 100%;\n background-color: transparent;\n border-radius: 0;\n\n &:after {\n border-color: var(--ui-control-color);\n transition: border-color linear 100ms;\n }\n\n &:hover:after {\n border-color: var(--ui-control-hover-color);\n }\n\n &[aria-expanded='true']:after {\n border-color: var(--ui-control-active-color);\n }\n}\n\n.header-photo {\n padding: 5px 0;\n\n img {\n display: block;\n width: 30px;\n height: 30px;\n max-width: none;\n border-radius: 50%;\n box-shadow: 0 0 0 1px transparentize($grey900, 0.95),\n 0 0 0 transparentize($grey900, 1);\n transition: box-shadow linear 150ms;\n\n #user-info:hover & {\n box-shadow: 0 0 0 1px transparentize($grey900, 0.95),\n 0 2px 10px -2px transparentize($grey900, 0.7);\n }\n }\n}\n\n/* main container */\n\n#main-container {\n position: relative;\n flex-grow: 1;\n}\n\n#notifications {\n position: fixed;\n bottom: 8px;\n @include left(8px);\n width: calc(100% - 16px);\n z-index: 101;\n\n @media only screen and (min-width: $minHorizontalUiWidth) {\n width: 350px;\n }\n\n .notification {\n display: flex;\n position: relative;\n @include pane;\n padding: 10px 14px;\n border-radius: var(--large-border-radius);\n box-shadow: 0 0 0 1px transparentize($grey1000, 0.85),\n 0 2px 12px transparentize($grey1000, 0.85);\n --color: var(--notice-color);\n\n &[data-type='success'] {\n --color: var(--success-color);\n }\n\n &[data-type='error'] {\n --color: var(--error-color);\n }\n\n & + .notification {\n margin-top: 12px;\n }\n\n .notification-icon {\n width: 18px;\n margin-top: -2px;\n @include margin-right(10px);\n font-size: 18px;\n color: var(--color);\n }\n\n .notification-body {\n display: flex;\n flex: 1;\n\n .notification-message {\n font-weight: bold;\n }\n\n .notification-details {\n margin-top: var(--xs);\n\n .element {\n border: 1px solid $hairlineColor;\n }\n }\n }\n\n .notification-close-btn {\n position: relative;\n top: -2px;\n @include margin-left(10px);\n }\n }\n}\n\n#header-container {\n margin-bottom: var(--m);\n}\n\n#crumbs,\n#header {\n padding-left: var(--xl);\n padding-right: var(--xl);\n}\n\n#primary-nav-toggle {\n @media only screen and (min-width: $minFullUiWidth) {\n display: none;\n }\n}\n\n#global-header,\n#header {\n .flex {\n max-width: 100%;\n\n &.flex-nowrap {\n min-width: 0;\n }\n }\n}\n\n#header {\n display: flex;\n align-items: flex-start;\n align-content: stretch;\n flex-wrap: nowrap;\n justify-content: space-between;\n gap: var(--s);\n padding-top: var(--s);\n padding-bottom: var(--s);\n position: relative;\n z-index: 2;\n width: calc(100vw - #{$sidebarWidth});\n box-sizing: border-box;\n background-color: transparentize($grey300, 1);\n box-shadow: 0 1px 0 transparentize($grey800, 1);\n transition: background-color linear 100ms, box-shadow linear 100ms;\n\n body.fixed-header & {\n position: fixed;\n z-index: 12;\n top: 0;\n background-color: var(--gray-100);\n box-shadow: inset 0 -1px 0 transparentize($grey700, 0.9);\n }\n\n @supports (backdrop-filter: blur(10px)) {\n & {\n transition: background-color linear 100ms, box-shadow linear 100ms,\n backdrop-filter linear 100ms;\n\n body.fixed-header & {\n background-color: transparentize($grey100, 0.25);\n backdrop-filter: blur(10px);\n }\n }\n }\n\n h1 {\n line-height: 34px;\n margin-top: 0;\n margin-bottom: 0;\n min-width: 0;\n }\n\n .buttons,\n .btngroup {\n margin-top: 0;\n }\n}\n\n#page-title {\n &.has-toolbar {\n @media only screen and (min-width: $minHorizontalUiWidth) {\n min-width: calc(#{$sidebarWidth} - var(--xl) - var(--s)) !important;\n }\n }\n}\n\n#toolbar {\n flex: 1;\n align-items: flex-start;\n\n .icon:before,\n .texticon:before,\n .menubtn:after,\n [data-icon]:before,\n [data-icon-after]:after {\n color: currentColor;\n opacity: 0.8;\n }\n\n .btn[aria-pressed='true'] {\n background-color: var(--gray-500);\n color: var(--white);\n }\n\n .text {\n border-radius: var(--large-border-radius);\n\n &::-webkit-input-placeholder {\n color: var(--light-text-color);\n }\n\n &:-ms-input-placeholder {\n color: var(--light-text-color);\n }\n\n &::-ms-input-placeholder {\n color: var(--light-text-color);\n }\n\n &:-moz-placeholder {\n color: var(--light-text-color);\n }\n\n &::-moz-placeholder {\n color: var(--light-text-color);\n }\n\n &::placeholder {\n color: var(--light-text-color);\n }\n\n &:not(:focus) {\n background-clip: border-box;\n }\n }\n}\n\n#main-content {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n width: calc(100vw - #{$sidebarWidth});\n padding: 0 var(--xl) 48px;\n box-sizing: border-box;\n\n // for the Dashboard and any other full-page grids:\n & > .grid:only-child {\n flex: 1;\n }\n}\n\n#sidebar-toggle-container {\n display: none;\n}\n\n#sidebar-container {\n flex: 0 0 $sidebarWidth;\n width: $sidebarWidth;\n box-sizing: border-box;\n\n @media only screen and (min-width: $minFullUiWidth) {\n @include margin-left(calc(var(--xl) * -1));\n }\n}\n\n#sidebar {\n box-sizing: border-box;\n padding: 0 31px;\n width: $sidebarWidth;\n background-color: transparent;\n\n &.fixed {\n position: fixed;\n overflow-y: auto;\n padding-top: var(--m);\n padding-bottom: var(--m);\n }\n\n nav {\n margin-left: -31px;\n margin-right: -31px;\n\n li {\n a {\n position: relative;\n\n &:focus {\n z-index: 1;\n }\n &:not(.sel) {\n &:hover {\n background-color: var(--gray-200);\n }\n }\n }\n }\n }\n}\n\n#content-container {\n flex: 1;\n\n #main-content:not(.has-sidebar):not(.has-details) & {\n width: 100%;\n max-width: 100%;\n }\n\n #main-content.has-sidebar & {\n width: calc(100% - #{$sidebarWidth - 24});\n max-width: calc(100% - #{$sidebarWidth - 24});\n }\n\n #main-content.has-details & {\n width: calc(100% - #{$detailsWidth} - var(--m));\n max-width: calc(100% - #{$detailsWidth} - var(--m));\n }\n\n #main-content.has-sidebar.has-details {\n width: calc(100% - #{$sidebarWidth} - #{$detailsWidth} - 38px);\n max-width: calc(100% - #{$sidebarWidth} - #{$detailsWidth} - 38px);\n }\n}\n\n#content-heading {\n margin-top: var(--xl) !important;\n\n @media only screen and (min-width: $minHorizontalUiWidth) {\n @include visually-hidden;\n }\n}\n\n.content-pane {\n @include pane;\n border-radius: var(--large-border-radius);\n position: relative;\n background-clip: padding-box;\n padding: var(--xl);\n word-wrap: break-word;\n\n & > hr {\n margin-left: calc(var(--xl) * -1);\n margin-right: calc(var(--xl) * -1);\n }\n}\n\n#footer {\n z-index: 1;\n margin: 25px calc(var(--xl) * -1) calc(var(--xl) * -1); // 1px extra on top is intentional\n padding: var(--s) var(--xl);\n background-color: var(--gray-050);\n border-radius: 0 0 var(--large-border-radius) var(--large-border-radius);\n box-sizing: border-box;\n min-height: 50px;\n\n &:empty {\n display: none;\n }\n\n & > *,\n .flex > * {\n margin-bottom: 0;\n }\n}\n\n#details-container {\n flex: 0 0 #{$detailsWidth + 38};\n width: $detailsWidth + 38;\n @include margin-right(calc(var(--xl) * -1));\n box-sizing: border-box;\n}\n\n#details {\n box-sizing: border-box;\n @include padding-right(var(--xl));\n @include padding-left(var(--m));\n width: $detailsWidth + 38;\n\n &.fixed {\n position: fixed;\n overflow-y: auto;\n padding-top: var(--m);\n }\n\n .details {\n .meta {\n border-radius: var(--large-border-radius);\n\n &:not(.read-only):not(.warning) {\n @include pane;\n }\n\n &.read-only {\n color: var(--medium-text-color);\n background-color: transparent !important;\n }\n\n & > .field,\n & > .data {\n &:first-child {\n &,\n & > .status-badge {\n border-top-left-radius: var(--large-border-radius);\n }\n border-top-right-radius: var(--large-border-radius);\n }\n\n &:last-child {\n &,\n & > .status-badge {\n border-bottom-left-radius: var(--large-border-radius);\n }\n border-bottom-right-radius: var(--large-border-radius);\n }\n }\n }\n\n & > .field {\n & > .input > .text.fullwidth {\n @include pane;\n }\n }\n\n .notes {\n border-radius: 5px;\n padding-top: 15px;\n padding-bottom: 15px;\n }\n }\n}\n\n// Hide the sidebar at < 1200\n@media only screen and (max-width: $minFullUiWidth - 1px) {\n #global-container {\n @include left(-$sidebarWidth);\n width: calc(100vw + #{$sidebarWidth});\n\n body.ltr.showing-nav & {\n left: 0;\n }\n\n body.rtl.showing-nav & {\n right: 0;\n }\n }\n\n #crumbs {\n display: flex !important;\n }\n\n #header {\n width: 100vw;\n }\n\n #main-content {\n width: 100vw;\n }\n}\n\n// Rearrange #main-content to flow vertically at < 999\n@media only screen and (max-width: $minHorizontalUiWidth - 1px) {\n #header {\n display: block;\n\n .flex:not(#toolbar) {\n margin-top: 10px;\n }\n }\n\n #toolbar {\n flex-wrap: wrap !important;\n\n & > * {\n margin-top: 10px !important;\n }\n }\n\n body.fixed-header #header .flex:first-child {\n margin-top: 0;\n }\n\n #main-content {\n display: block;\n }\n\n #sidebar-toggle-container {\n display: block;\n margin-bottom: var(--m);\n }\n\n #sidebar-toggle {\n &:after {\n top: 0;\n transform: rotate(-45deg);\n\n body.rtl & {\n transform: rotate(135deg);\n }\n }\n\n body.showing-sidebar & {\n background-color: darken($grey200, 10%) !important;\n\n &:after {\n transform: rotate(45deg);\n }\n }\n }\n\n #content-container {\n min-height: 0 !important;\n }\n\n #sidebar-container,\n #details-container {\n width: auto !important;\n }\n\n #sidebar,\n #details {\n position: static !important;\n overflow-y: visible !important;\n max-height: none !important;\n width: auto;\n }\n\n #sidebar {\n margin-bottom: var(--m);\n\n body:not(.showing-sidebar) & {\n display: none;\n }\n }\n\n #details-container {\n @include margin-right(0);\n }\n\n #content-container {\n width: auto !important;\n max-width: none !important;\n }\n\n #details {\n padding: 0 !important;\n margin-top: var(--m);\n }\n}\n\n// Tighten up the padding at < 768\n@media only screen and (max-width: 767px) {\n #crumbs,\n #header,\n #main-content {\n padding-left: 10px !important;\n padding-right: 10px !important;\n }\n\n #tabs ul li {\n a {\n padding-left: var(--m);\n padding-right: var(--m);\n }\n\n & + li {\n @include margin-left(-7px);\n }\n }\n}\n\n@media print {\n}\n\n#settingsmenu ul li a {\n @include padding-left(46px);\n\n &:before {\n @include margin(1px, 0, 0, -22px);\n font-size: 15px;\n }\n\n img {\n width: 16px;\n height: 16px;\n position: absolute;\n margin-left: -23px;\n margin-top: 1px;\n }\n}\n\n/* grids */\n.grid {\n position: relative;\n min-height: 1px; // Required for Grid.js to run\n\n &:after {\n @include clearafter;\n }\n\n & > .item {\n display: none;\n box-sizing: border-box;\n }\n}\n\n/* Sidebar */\n.sidebar {\n width: $sidebarWidth;\n box-sizing: border-box;\n font-size: 13px;\n\n &:not(.drag-helper) {\n padding: var(--m) 0;\n background-color: var(--gray-050);\n }\n\n .heading {\n position: relative;\n margin: var(--m) var(--xl) 2px;\n\n span {\n display: inline-block;\n position: relative;\n z-index: 1;\n padding: 0 5px;\n margin: 0 -5px;\n text-transform: uppercase;\n color: var(--medium-text-color);\n font-size: 11px;\n font-weight: bold;\n }\n }\n\n @mixin nav-level($level) {\n & > a {\n @include padding-left(24px + 14 * $level);\n }\n\n & > .toggle {\n @include left(calc(var(--m) * #{$level}));\n }\n }\n\n nav {\n padding: 0 var(--s);\n\n & > ul > li {\n @include nav-level(0);\n & > ul > li {\n @include nav-level(1);\n & > ul > li {\n @include nav-level(2);\n & > ul > li {\n @include nav-level(3);\n & > ul > li {\n @include nav-level(4);\n }\n }\n }\n }\n }\n\n li {\n position: relative;\n\n &:not(.has-subnav) > a {\n &:not(.sel):hover {\n text-decoration: none;\n background-color: var(--gray-100);\n }\n\n &.sel {\n cursor: default;\n background-color: var(--gray-500);\n @include light-on-dark-text;\n\n &,\n & + .toggle {\n color: var(--white);\n }\n }\n }\n\n a {\n position: relative;\n margin-bottom: 1px;\n display: flex;\n flex-direction: row;\n align-items: center;\n padding: 7px var(--xl);\n min-height: var(--xl);\n box-sizing: border-box;\n color: var(--text-color);\n user-select: none;\n border-radius: var(--large-border-radius);\n word-break: break-word;\n\n .status {\n flex-shrink: 1;\n }\n\n .icon {\n @include margin-right(10px);\n flex-shrink: 1;\n width: 18px;\n height: 18px;\n word-break: normal;\n transition: margin-left linear 150ms, margin-right linear 150ms;\n opacity: 0.85;\n\n &.icon-mask {\n svg {\n @include svg-mask(currentColor);\n }\n\n span[data-icon] {\n color: currentColor;\n }\n }\n\n svg {\n width: 16px;\n height: 16px;\n }\n\n span[data-icon] {\n font-size: 16px;\n\n &::before {\n display: block;\n }\n }\n }\n\n .label {\n flex: 1;\n }\n\n .badge {\n @include margin(0, -4px, 0, 10px);\n flex-shrink: 1;\n padding: 0 6px;\n font-size: 11px;\n line-height: 16px;\n border-radius: var(--s);\n background-color: var(--medium-text-color);\n color: var(--white);\n }\n }\n\n .toggle {\n position: absolute;\n z-index: 1;\n height: 34px;\n top: 0;\n width: var(--xl);\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n ul {\n display: none;\n }\n\n &.expanded > ul {\n display: block;\n }\n }\n }\n}\n\n.content.has-sidebar:not(.hiding-sidebar) {\n @include margin-left($sidebarWidth);\n}\n\n#content-notice {\n margin: 0 calc(var(--xl) * -1);\n padding: 0 var(--xl);\n\n &:not(:last-child) {\n padding-bottom: var(--s);\n border-bottom: 1px solid var(--hairline-color);\n margin-bottom: var(--s);\n }\n}\n\n/* flexbox field layouts */\n#content :not(.meta) > .flex-fields,\n#content > .flex-fields,\n.so-content .flex-fields {\n --row-gap: var(--xl);\n display: flex;\n flex-wrap: wrap;\n align-content: flex-start;\n margin: 0 calc(var(--row-gap) * -1) calc(var(--row-gap) * -1);\n width: calc(100% + var(--row-gap) * 2);\n\n & > * {\n margin: 0 0 var(--row-gap) !important;\n padding: 0 var(--row-gap);\n box-sizing: border-box;\n }\n\n & > h2 {\n flex: 4 0 100%;\n\n &:not(:first-child) {\n padding-top: var(--xl);\n border-top: 1px solid var(--hairline-color);\n }\n }\n\n & > hr,\n & > .line-break {\n flex: 4 0 100%;\n }\n\n & > .line-break:not(:first-child) {\n margin-bottom: 0 !important;\n }\n\n & > :not(h2):not(hr):not(.line-break) {\n &,\n &:last-child {\n position: relative;\n width: 100%;\n\n &:before {\n position: absolute;\n top: 0;\n @include left(-1px);\n width: 1px;\n height: 100%;\n content: '';\n // same BG color as the hairline around the content pane’s 1px shadow\n background-color: transparentize($grey200, 0.5);\n }\n }\n }\n}\n\n#content :not(.meta) > .flex-fields,\n#content > .flex-fields {\n & > :not(h2):not(hr):not(.line-break) {\n &,\n &:last-child {\n // 4 cols for >= 1536px\n @media only screen and (min-width: $minXlUiWidth) {\n &.width-25 {\n width: 25%;\n }\n &.width-50 {\n width: 50%;\n }\n &.width-75 {\n width: 75%;\n }\n }\n\n // 2 cols for 600 - 1535px\n @media only screen and (min-width: $minDesktopWidth) and (max-width: $minXlUiWidth - 1px) {\n &.width-25,\n &.width-50 {\n width: 50%;\n }\n }\n }\n }\n}\n\n.so-content .flex-fields {\n & > :not(h2):not(hr):not(.line-break) {\n &,\n &:last-child {\n // 2 cols for >= 1200\n @media only screen and (min-width: $minDesktopWidth * 2) {\n &.width-25,\n &.width-50 {\n width: 50%;\n }\n }\n }\n }\n}\n","@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\n.lp-editor-container,\n.lp-preview-container {\n position: fixed;\n top: 0;\n height: 100%;\n background-color: var(--white);\n z-index: 100;\n\n header {\n padding: 8px 24px;\n background-color: var(--gray-100);\n box-shadow: 0 1px 0 transparentize($grey700, 0.8);\n box-sizing: border-box;\n position: relative;\n z-index: 1;\n\n @supports (backdrop-filter: blur(10px)) {\n & {\n position: absolute;\n z-index: 2;\n top: 0;\n left: 0;\n width: 100%;\n background-color: transparentize($grey100, 0.25);\n backdrop-filter: blur(10px);\n\n & + .lp-editor {\n padding-top: #{10 + 34 + 10 + 24}px;\n }\n }\n }\n\n .btn,\n .spinner,\n .checkmark-icon {\n margin-bottom: 0;\n }\n }\n}\n\n.lp-editor-container {\n display: flex;\n flex-direction: column;\n\n .lp-editor {\n flex: 1;\n padding: 24px;\n overflow: auto;\n box-sizing: border-box;\n\n & > .field {\n &:last-child {\n margin-bottom: 24px !important;\n }\n\n & > .status-badge {\n @include left(-24px);\n }\n }\n }\n\n .lp-draghandle {\n position: absolute;\n z-index: 6;\n top: 0;\n @include right(-2px);\n width: 4px;\n height: 100%;\n cursor: col-resize;\n }\n}\n\n.lp-preview-container {\n display: flex;\n flex-direction: column;\n box-shadow: -1px 0 0 transparentize($grey700, 0.8);\n\n &.dragging:after {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n content: '';\n font-size: 0;\n }\n\n .lp-preview-header {\n display: flex;\n\n @supports (not (backdrop-filter: blur(10px))) {\n background-color: transparentize($grey100, 0.25);\n }\n\n .buttons {\n margin: 0;\n\n .btn + .btn {\n @include margin-left(7px);\n }\n }\n\n & + .lp-iframe-container {\n padding-top: 0;\n\n @supports (backdrop-filter: blur(10px)) {\n padding-top: 50px;\n }\n }\n\n .lp-device-type {\n margin: 0;\n }\n }\n\n .lp-device-type__label {\n &::before {\n width: 27px;\n height: 22px;\n display: block;\n content: '';\n background-size: contain;\n background-repeat: no-repeat;\n background-position: center;\n transition-duration: 0.3s;\n }\n\n // SVGs\n &.lp-device-type__label--phone::before {\n background-image: url(../images/preview/icon-phone.svg);\n }\n &.lp-device-type__label--tablet::before {\n background-image: url(../images/preview/icon-tablet.svg);\n }\n &.lp-device-type__label--desktop::before {\n background-image: url(../images/preview/icon-desktop.svg);\n }\n }\n\n .lp-device-type__radio-group {\n display: flex;\n white-space: nowrap;\n align-items: center;\n }\n\n .lp-device-type__item:not(:last-child) .btn {\n body.ltr & {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n margin-right: 1px;\n }\n\n body.rtl & {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n margin-left: 1px;\n }\n }\n\n .lp-preview-container__bumper-link {\n top: unset;\n bottom: 0;\n }\n\n .lp-device-type__item:not(:first-child) .btn {\n body.ltr & {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n\n body.rtl & {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n }\n\n .lp-device-type__input {\n &.focus-visible + label {\n box-shadow: var(--focus-ring);\n }\n }\n\n .lp-device-mask {\n display: none;\n }\n\n .lp-iframe-container {\n flex: 1;\n overflow: auto;\n\n .lp-preview {\n display: block;\n width: 100%;\n min-height: 100%;\n }\n\n &:not(.lp-iframe-container--has-device-preview) {\n // Preview container\n .lp-device-preview-container {\n width: auto !important;\n height: 100% !important;\n transform: none !important;\n margin: 0 !important;\n }\n }\n\n &--has-device-preview {\n flex: none;\n padding-top: 0 !important;\n position: relative;\n top: 0;\n height: calc(100% - 50px);\n width: 100%;\n background-color: var(--gray-100);\n\n @supports (backdrop-filter: blur(10px)) {\n top: 50px;\n }\n\n // Preview container\n .lp-device-preview-container {\n position: absolute;\n top: 50%;\n left: 50%;\n z-index: 2;\n overflow: auto;\n opacity: 1;\n transition: opacity 0.3s;\n }\n\n // Device mask\n .lp-device-mask {\n display: block;\n position: absolute;\n top: 50%;\n left: 50%;\n z-index: 1;\n background-image: url(../images/preview/chrome-phone-top.svg),\n url(../images/preview/chrome-phone-bottom.svg);\n background-position: top center, bottom center;\n background-repeat: no-repeat;\n background-size: contain;\n background-color: #fff;\n box-shadow: 0 0 58px rgba(6, 67, 117, 0.3);\n border-radius: 18px;\n }\n\n // Tablet\n &.lp-iframe-container--tablet {\n .lp-device-mask {\n background-image: url(../images/preview/chrome-tablet-top.svg),\n url(../images/preview/chrome-tablet-bottom.svg);\n }\n }\n }\n\n // Animate rotations\n @media screen and (prefers-reduced-motion: no-preference) {\n &--rotating {\n .lp-device-mask {\n transition-duration: 0.3s;\n transition-property: transform;\n }\n .lp-device-preview-container {\n opacity: 0;\n transition: opacity 0s;\n }\n }\n }\n }\n}\n","@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\n$base: 24px;\n$tabPadding: 14px;\n$tabWidth: $base * 10;\n$gridColor: hsl(212, 50%, 95%);\n\n@mixin workspaceBg {\n background-color: var(--gray-050);\n background-image: linear-gradient(to right, $gridColor 1px, transparent 0px),\n linear-gradient(to bottom, $gridColor 1px, transparent 1px);\n background-size: $base $base;\n}\n\n.layoutdesigner {\n display: flex;\n align-items: stretch;\n position: relative;\n @include input-styles;\n overflow: hidden;\n box-shadow: none;\n @include padding-right($tabWidth + 1);\n min-height: 500px;\n\n .errors > & {\n border: 1px solid var(--error-color) !important;\n }\n\n .fld-workspace {\n flex: 1;\n @include border-radius(\n var(--small-border-radius),\n 0,\n 0,\n var(--small-border-radius)\n );\n @include padding($base, 0, $base, $base);\n @include workspaceBg;\n background-position: -1px -1px;\n box-shadow: inset 0 1px 3px -1px darken($grey200, 10%);\n\n .fld-tabs {\n display: flex;\n align-items: flex-start;\n flex-wrap: wrap;\n }\n }\n\n .fld-sidebar {\n position: absolute;\n top: 0;\n @include right(0);\n height: 100%;\n width: $tabWidth + 1;\n padding: $tabPadding;\n overflow: auto;\n box-sizing: border-box;\n\n .btngroup {\n margin-bottom: $tabPadding;\n }\n\n .fld-field-library {\n .fld-field-group {\n margin-top: $tabPadding;\n\n h6 {\n margin-bottom: 7px;\n }\n }\n }\n\n .filtered {\n display: none;\n }\n }\n\n .fld-new-tab-btn:active {\n background-color: var(--gray-050);\n }\n}\n\n.fld-sidebar,\n.fld-tab .tabs .tab,\n.fld-tab .fld-tabcontent,\n.fld-new-tab-btn,\n.fld-new-tab-btn:hover {\n background-color: var(--white);\n box-shadow: 0 0 0 1px transparentize($grey900, 0.9),\n 0 2px 5px -2px transparentize($grey900, 0.8);\n}\n\n.fld-tab .settings,\n.fld-element .settings,\n.fld-element .slide-picker {\n @include margin-left(7px);\n}\n\n.fld-tab .settings:before,\n.fld-element .settings:before {\n margin-top: -2px;\n font-size: 16px;\n opacity: 0.5;\n}\n\n.fld-tab .settings:hover:before,\n.fld-tab .settings.active:before,\n.fld-element .settings:hover:before,\n.fld-element .settings.active:before {\n opacity: 1;\n}\n\n.fld-tab {\n width: $tabWidth + $base;\n @include padding(0, $base + 1, $base, 0);\n box-sizing: border-box;\n\n .tabs {\n margin: -10px -12px 0;\n padding: 10px 12px 0;\n overflow: hidden;\n display: flex;\n\n .tab {\n display: flex;\n max-width: calc(100% - 10px);\n box-sizing: border-box;\n padding: 8px $tabPadding;\n border-radius: var(--medium-border-radius) var(--medium-border-radius) 0 0;\n\n body:not(.dragging) &.draggable {\n cursor: move;\n cursor: grab;\n }\n\n span {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n }\n\n .fld-tabcontent {\n padding: $tabPadding;\n @include border-radius(\n 0,\n var(--medium-border-radius),\n var(--medium-border-radius),\n var(--medium-border-radius)\n );\n }\n\n &.fld-insertion {\n .tabs .tab,\n .fld-tabcontent {\n margin: -2px;\n border: 2px dashed var(--hairline-color);\n box-shadow: none;\n @include workspaceBg;\n }\n .tabs .tab {\n background-position: -1px -1px;\n }\n .fld-tabcontent {\n background-position: -1px -13px;\n }\n }\n}\n\n.fld-tab-caboose {\n min-height: 24px;\n}\n\n.fld-required-indicator {\n display: inline-flex;\n font-size: 9px;\n color: var(--link-color);\n @include margin-left(4px);\n}\n\n@mixin striped-bg($color) {\n background-color: $color;\n\n &.has-conditions:after {\n position: absolute;\n content: ' ';\n top: 2px;\n right: 2px;\n bottom: 2px;\n left: 2px;\n z-index: -1;\n border: 2px solid transparent;\n border-radius: var(--medium-border-radius);\n background-image: linear-gradient($color, $color),\n repeating-linear-gradient(\n -45deg,\n var(--white),\n var(--white) 5px,\n transparent 5px,\n transparent 10px\n );\n background-origin: border-box;\n background-clip: content-box, border-box;\n }\n}\n\n.fld-element {\n position: relative;\n z-index: 0; // required for the striped-bg\n display: flex;\n align-items: center;\n padding: 7px 10px;\n box-shadow: inset 0 0 0 1px var(--hairline-color);\n border-radius: var(--medium-border-radius);\n @include striped-bg(var(--white));\n\n body:not(.dragging) & {\n cursor: move;\n cursor: grab;\n }\n\n & + .fld-element {\n margin-top: 7px;\n }\n\n &.fld-insertion {\n box-sizing: border-box;\n border: 2px dashed var(--hairline-color);\n border-radius: var(--medium-border-radius);\n background: none;\n box-shadow: none;\n }\n\n &.draghelper {\n @include shadow;\n }\n\n &.fld-field {\n color: var(--medium-text-color);\n @include striped-bg(var(--gray-100));\n\n &:not(.draghelper) {\n box-shadow: none;\n }\n\n .fld-field-hidden:not(.hidden) {\n margin-top: -3px;\n @include margin-right(5px);\n\n &:before {\n @include icon;\n content: 'shuteye';\n }\n }\n\n .field-name {\n .fld-element-label {\n margin-bottom: 2px;\n }\n }\n }\n\n .fld-element-icon {\n @include margin-right(5px);\n text-align: center;\n\n &,\n svg {\n width: 16px;\n height: 16px;\n }\n\n svg {\n @include svg-mask(var(--ui-control-color));\n }\n }\n\n .field-name {\n flex: 1;\n overflow: hidden;\n\n .fld-element-label,\n .fld-attribute {\n flex: 1;\n display: flex;\n align-items: center;\n }\n\n .fld-element-label h4,\n .fld-attribute .smalltext {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .fld-element-label h4 {\n font-weight: normal;\n color: var(--text-color);\n margin: 0;\n }\n }\n}\n\nbody.dragging {\n cursor: move !important;\n cursor: grabbing !important;\n}\n\n.fld-hr,\n.fld-br {\n display: flex;\n justify-content: center;\n padding: 9px 10px;\n\n &:before {\n position: absolute;\n display: block;\n top: calc(50% - 2px);\n left: 10px;\n width: calc(100% - 20px);\n height: 4px;\n content: '';\n font-size: 0;\n border-radius: 2px;\n }\n\n .smalltext {\n position: relative;\n background-color: var(--gray-100);\n border-radius: 8px;\n padding: 1px 7px;\n }\n}\n\n.fld-hr:before {\n background-color: var(--gray-100);\n}\n\n.fld-br:before {\n background-image: repeating-linear-gradient(\n to right,\n var(--gray-100),\n var(--gray-100) calc(100% / 19),\n transparent calc(100% / 19),\n transparent calc(100% / 9.5),\n var(--gray-100) calc(100% / 9.5)\n );\n}\n\n.fld-element-settings-body {\n flex: 1;\n margin: -24px var(--neg-padding) 0;\n padding: 24px var(--padding);\n overflow: hidden auto;\n position: relative;\n}\n\n.fld-element-settings-footer {\n position: relative;\n display: flex;\n flex-direction: row;\n margin: 0 var(--neg-padding) -24px;\n padding: var(--padding);\n @include pane;\n background-color: var(--gray-050);\n z-index: 3;\n\n & > .ee-site-select {\n flex: 1;\n }\n\n & > .btn {\n @include margin-left(5px);\n }\n\n & > .spinner {\n @include margin(0, var(--neg-padding), 0, 0);\n }\n}\n","@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\n/* No Scroll */\nhtml.noscroll,\nhtml.noscroll body {\n overflow: hidden;\n height: 100%;\n}\n\n/* Image Editor */\n\n.modal.imageeditor {\n background-color: var(--gray-900);\n color: var(--white);\n @include light-on-dark-text;\n @include light-focus-ring;\n opacity: 0;\n user-select: none;\n}\n\n.modal.imageeditor.modal {\n border-radius: 0;\n}\n\n.modal.imageeditor.modal .body:after {\n display: none;\n}\n\n.modal.imageeditor .btn:not(.submit):not(.noborder) {\n background-color: var(--gray-600);\n color: var(--white);\n}\n\n.modal.imageeditor .btn:not(.submit):not(.noborder):hover {\n background-color: var(--gray-700);\n}\n\n.modal.imageeditor .btn:not(.submit):not(.noborder).active {\n background-color: var(--gray-800);\n}\n\n.modal.imageeditor .icon::before {\n width: 24px;\n height: 24px;\n margin-top: -4px;\n margin-left: -3px;\n display: inline-block;\n content: '';\n}\n\n.modal.imageeditor .icon.rotate-left::before {\n background-image: url(../images/image-editor/rotate-left.svg);\n}\n\n.modal.imageeditor .icon.rotate-right::before {\n background-image: url(../images/image-editor/rotate-right.svg);\n}\n\n.modal.imageeditor .icon.flip-vertical::before {\n background-image: url(../images/image-editor/flip-vertical.svg);\n}\n\n.modal.imageeditor .icon.flip-horizontal::before {\n background-image: url(../images/image-editor/flip-horizontal.svg);\n}\n\n.modal.imageeditor .icon.constraint::before {\n background-image: url(../images/image-editor/unconstrained.svg);\n}\n\n.modal.imageeditor .icon.focal-point::before {\n background-image: url(../images/image-editor/focal-point.svg);\n}\n\n.modal.imageeditor .body {\n display: flex;\n padding: 0;\n}\n\n.modal.imageeditor input {\n color: var(--text-color);\n}\n\n.modal.imageeditor .body .tabs {\n border-right: 1px solid var(--gray-1000);\n}\n\n.modal.imageeditor .body .tabs ul {\n width: 100px;\n flex-direction: column;\n align-items: stretch;\n}\n\n.modal.imageeditor .body .tabs ul li {\n position: relative;\n padding: 14px;\n text-align: center;\n border-bottom: 1px solid var(--gray-1000);\n cursor: pointer;\n\n &::before {\n position: absolute;\n top: 0;\n @include left(0);\n content: '';\n width: 0;\n height: 100%;\n background-color: currentColor;\n }\n\n &.selected {\n background-color: darken($grey900, 5%);\n\n &::before {\n width: 2px;\n }\n }\n}\n\n.modal.imageeditor .body .tabs ul li i {\n background-repeat: no-repeat;\n background-position: top center;\n display: block;\n height: 24px;\n}\n\n.modal.imageeditor .body .tabs ul li[data-view='rotate'] i {\n background-image: url(../images/image-editor/rotate-left.svg);\n}\n\n.modal.imageeditor .body .tabs ul li[data-view='crop'] i {\n background-image: url(../images/image-editor/crop.svg);\n}\n\n.modal.imageeditor .body .tabs ul li[data-view='filters'] i {\n background-image: url(../images/image-editor/filters.svg);\n}\n\n.modal.imageeditor .body .tabs ul li:hover {\n background-color: darken($grey900, 2%);\n}\n\n.modal.imageeditor .body .tabs ul li:hover {\n cursor: pointer;\n}\n\n.modal.imageeditor .body .views {\n padding: 24px;\n overflow: auto;\n}\n\n.modal.imageeditor .body .views .btngroup {\n margin-bottom: 24px;\n}\n\n.modal.imageeditor .body .views .filters ul {\n width: 100px;\n}\n\n.modal.imageeditor .body .views .filters ul li {\n text-align: center;\n margin-right: 14px;\n margin-bottom: 14px;\n}\n\n.modal.imageeditor .body .views .filters ul li:last-child {\n margin-right: 0;\n}\n\n.modal.imageeditor .body .views .filters ul li img {\n border: 3px solid transparent;\n border-radius: 4px;\n}\n\n.modal.imageeditor .body .views .filters ul li span {\n display: block;\n}\n\n.modal.imageeditor .body .views .filters ul li:hover {\n cursor: pointer;\n}\n\n.modal.imageeditor .body .views .filters ul li.selected img {\n border-color: var(--white);\n}\n\n.modal.imageeditor .body .image-container {\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n position: relative;\n overflow: hidden;\n}\n\n.modal.imageeditor .body .image-container .image {\n text-align: center;\n flex-grow: 1;\n position: relative;\n margin: 14px;\n}\n\n.modal.imageeditor .body .image-container .image canvas {\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.modal.imageeditor .body .image-container .image-tools {\n text-align: center;\n}\n\n.modal.imageeditor .body .image-container .image-tools .straightening {\n max-width: 400px;\n min-height: toRem(60);\n display: block;\n margin: 0 auto;\n overflow: hidden;\n}\n\n.modal.imageeditor .footer {\n position: absolute;\n background-color: transparent;\n bottom: 0;\n left: 0;\n width: 100%;\n border-top: 1px solid #000;\n}\n\n.modal.imageeditor .body .views .crop {\n fieldset .heading {\n display: none;\n }\n\n .custom-constraint-spacer {\n padding: 0 var(--xs);\n }\n\n .constraint-group {\n display: grid;\n grid-gap: var(--xs);\n }\n\n .custom {\n @include padding-left($radioSize + 5);\n }\n\n .orientation {\n display: flex;\n align-items: center;\n justify-content: center;\n\n input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n background-position: center center;\n background-repeat: no-repeat;\n margin: 0 4px;\n cursor: pointer;\n\n &[value='landscape'] {\n width: 30px;\n height: 20px;\n background-image: url(../images/image-editor/orientation-landscape-unchecked.svg);\n\n &:checked {\n background-image: url(../images/image-editor/orientation-landscape-checked.svg);\n }\n }\n\n &[value='portrait'] {\n width: 20px;\n height: 30px;\n background-image: url(../images/image-editor/orientation-portrait-unchecked.svg);\n\n &:checked {\n background-image: url(../images/image-editor/orientation-portrait-checked.svg);\n }\n }\n }\n }\n}\n\n.modal.imageeditor.vertical .body .views .crop {\n & > .btngroup:first-child {\n justify-content: center;\n }\n}\n\n.modal.imageeditor:not(.vertical) .body .views .crop {\n .constraint.custom {\n margin-top: var(--xs);\n }\n}\n\n/* Vertical */\n\n.vertical.imageeditor .body {\n flex-direction: column;\n\n .image-container {\n flex-basis: 30vh;\n flex-shrink: 0;\n }\n\n .constraint-group {\n grid-template-columns: 1fr 1fr;\n }\n}\n\n.vertical.imageeditor .body .tabs ul {\n display: flex;\n flex-direction: row;\n width: 100%;\n border-top: 1px solid #000;\n border-bottom: 1px solid #000;\n}\n\n.vertical.imageeditor .body .tabs ul li {\n flex-grow: 1;\n border: 0;\n border-right: 1px solid #000;\n padding: 10px 7px;\n\n &::before {\n top: unset;\n top: 0;\n width: 100%;\n height: 0;\n }\n\n &.selected::before {\n width: 100%;\n height: 2px;\n }\n}\n\n.vertical.imageeditor .body .views {\n width: auto;\n}\n\n.vertical.imageeditor .body .views .rotate {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n margin-bottom: -14px;\n}\n\n.vertical.imageeditor .body .views .rotate .btngroup {\n margin: 0 7px 14px;\n}\n\n.vertical.imageeditor .body .views .filters ul {\n width: auto;\n height: 109px;\n overflow: auto;\n white-space: nowrap;\n margin: 0 -24px;\n margin-bottom: -24px;\n padding: 24px;\n text-align: center;\n}\n\n.vertical.imageeditor .body .views .filters ul li {\n display: inline-block;\n margin-bottom: 0;\n}\n\n/* Slide Rule */\n\n.slide-rule {\n position: relative;\n padding: 10px 0;\n\n &:focus {\n box-shadow: none;\n }\n\n @include focus-styles {\n .cursor::after {\n box-shadow: var(--focus-ring);\n }\n }\n\n .cursor {\n &::after {\n content: '';\n width: toRem(20);\n height: toRem(50);\n position: absolute;\n top: -15px;\n left: 50%;\n transform: translateX(-50%);\n }\n }\n}\n\n.slide-rule .cursor {\n position: absolute;\n margin-left: toRem(-4);\n margin-top: 4px;\n left: 50%;\n z-index: 1;\n width: 0;\n height: 0;\n border-left: toRem(5) solid transparent;\n border-right: toRem(5) solid transparent;\n border-top: toRem(5) solid #63a6e1;\n}\n\n.slide-rule .graduations {\n white-space: nowrap;\n height: 40px;\n position: relative;\n}\n\n.slide-rule .graduations ul {\n position: relative;\n float: left;\n}\n\n.slide-rule .graduations ul li {\n display: inline-block;\n font-size: 8px;\n position: relative;\n width: 10px;\n}\n\n.slide-rule .graduations ul li:not(.main-graduation) {\n left: 1px;\n}\n\n.slide-rule .graduations ul li.main-graduation:before {\n border-left-width: 3px;\n}\n\n.slide-rule .graduations ul li.main-graduation .label {\n display: block;\n cursor: default;\n}\n\n.slide-rule .graduations ul li.selected:before {\n border-left-color: #63a6e1;\n}\n\n.slide-rule .graduations ul li:before {\n content: '';\n position: absolute;\n border-left: 1px solid var(--white);\n height: 10px;\n top: 0px;\n left: 0;\n}\n\n.slide-rule .graduations ul li .label {\n width: 20px;\n position: absolute;\n top: 10px;\n left: -9px;\n display: none;\n text-align: center;\n}\n\n.slide-rule .value {\n display: none;\n position: absolute;\n bottom: 0;\n left: 50%;\n z-index: 1;\n box-sizing: border-box;\n padding: 5px;\n width: 50px;\n margin-left: -25px;\n background: var(--gray-600);\n}\n\n.slide-rule .overlay {\n z-index: 2;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 1px;\n left: 0;\n background-image: linear-gradient(\n to right,\n var(--gray-900) 0%,\n transparentize($grey900, 1) 15%,\n transparentize($grey900, 1) 85%,\n var(--gray-900) 100%\n );\n}\n\n/* Misc */\n\n.menu.dark {\n background-color: var(--gray-600);\n @include light-on-dark-text;\n\n ul {\n li {\n a {\n color: var(--white) !important;\n\n &:not(.sel):not(.disabled):hover {\n background-color: var(--gray-700);\n }\n }\n }\n }\n}\n","_:-ms-lang(x),\n.elements .tableview td.checkbox-cell input.checkbox + label,\n.elements .tableview td.checkbox-cell div.checkbox {\n top: 16px;\n}\n\n_:-ms-lang(x),\ninput.checkbox + label:empty,\ndiv:empty.checkbox {\n display: block;\n}\n",".yii-debug-toolbar__title a {\n display: block !important;\n}\n","@charset \"UTF-8\";\n\n@import '@craftcms/sass/mixins';\n\n.cp-chart {\n margin: 0;\n height: 100%;\n position: relative;\n}\n\n.cp-chart svg {\n width: 100%;\n height: 100%;\n}\n\n.cp-chart .axis path,\n.cp-chart .axis line {\n fill: none;\n stroke: var(--hairline-color);\n shape-rendering: crispEdges;\n}\n\n.cp-chart .ticks-axis path,\n.cp-chart .ticks-axis line {\n fill: none;\n stroke: none;\n shape-rendering: crispEdges;\n}\n\n.cp-chart .ticks-axis g.tick text {\n fill: var(--black);\n font-size: 11px;\n}\n\n.cp-chart .axis text {\n fill: RGBA(0, 0, 0, 0.6);\n}\n\n.cp-chart .grid-line .tick {\n stroke: RGBA(0, 0, 0, 0.08);\n stroke-opacity: 0.7;\n shape-rendering: crispEdges;\n}\n\n.cp-chart .grid-line .tick line {\n stroke: RGBA(0, 0, 0, 0.08);\n stroke-opacity: 0.7;\n shape-rendering: crispEdges;\n}\n\n.cp-chart .grid-line path {\n stroke-width: 0;\n}\n\n.tooltip {\n border-radius: 3px;\n padding: 7px 10px;\n background: transparentize($white, 0.1);\n position: absolute;\n z-index: 1000000;\n @include shadow;\n user-select: none;\n pointer-events: none;\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"css/cp.css","mappings":"AAAA,MCGA,YACE,aACA,mBAEA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,oBACA,mBAEA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBAEA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBAEA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,kBAEA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,qBAEA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,mBAEA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,OCnFF,mBACE,8BACA,+BAIA,kCACA,sBAEA,6BAGA,yCACA,oCACA,mCACA,qBACA,uBAGA,sCAGA,wCACA,sDACA,mCAGA,4CACA,2CACA,oCAGA,qCACA,2BACA,mEAGA,oEAEA,kEAEA,kCAIA,iCACA,6BAGA,kCACA,gCACA,+BACA,gCAGA,kCACA,gCACA,0BAGA,2BACA,0BACA,iDAEA,qBACA,kBACA,YChCF,iBACE,4KACA,kCAIA,yCAQA,0CACA,qFAEA,kEACA,0DAEA,4FAEA,8GAEA,oCAIA,gCAGF,CAPE,kCAOF,CAGE,KC+FA,2CDlFA,CAJA,uBCsFA,CD5FF,iBAKA,iBACE,CATA,iBAGF,CAHE,WAaA,mDAIF,6IAIA,6SC+CE,qTDvBA,8DAGF,aAiBE,qBAGF,mBACE,CAGF,0DAKE,uBAKA,CALA,yBAKA,2DAEE,uBAGF,CAHE,0BAGF,oQAEE,sDCkCF,yCACA,sCAEA,oCACA,kCACA,CAIA,kCAEA,kCACA,CAKA,0BACA,CAVA,aACA,CAGA,oBACA,CD/CE,kBC+CF,iBACA,CARA,oBADA,eACA,CAEA,cAYA,4BAPA,kBAPA,mBACA,CAWA,wBACA,iBACA,CANA,qBAMA,aDhCF,6CACE,CAEA,kCAEA,yCAEA,CALA,qBACA,CAIA,wBC0BA,4BAEA,mBDnCF,C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","sources":["webpack:///./css/craft.scss","webpack:///./css/_color-palette.scss","webpack:///./css/_variables.scss","webpack:///./css/_main.scss","webpack:///../../../../../packages/craftcms-sass/_mixins.scss","webpack:///./css/_cp.scss","webpack:///./css/_preview.scss","webpack:///./css/_fld.scss","webpack:///./css/_image_editor.scss","webpack:///./css/_shame.scss","webpack:///./css/_debug_toolbar.scss","webpack:///./css/charts.scss"],"sourcesContent":[":root{--white: #fff;--black: #000;--gray-050: hsl(212, 60%, 97%);--gray-100: hsl(212, 50%, 93%);--gray-200: hsl(212, 30%, 85%);--gray-300: hsl(211, 13%, 65%);--gray-350: hsl(211, 11%, 59%);--gray-400: hsl(210, 10%, 53%);--gray-500: hsl(211, 12%, 43%);--gray-550: hsl(210, 13%, 40%);--gray-600: hsl(209, 14%, 37%);--gray-700: hsl(209, 18%, 30%);--gray-800: hsl(209, 20%, 25%);--gray-900: hsl(210, 24%, 16%);--gray-1000: hsl(210, 24%, 10%);--blue-050: #e3f8ff;--blue-100: #b3ecff;--blue-200: #81defd;--blue-300: #5ed0fa;--blue-400: #40c3f7;--blue-500: #2bb0ed;--blue-600: #1992d4;--blue-700: #127fbf;--blue-800: #0b69a3;--blue-900: #035388;--cyan-050: #e0fcff;--cyan-100: #bef8fd;--cyan-200: #87eaf2;--cyan-300: #54d1db;--cyan-400: #38bec9;--cyan-500: #2cb1bc;--cyan-600: #14919b;--cyan-700: #0e7c86;--cyan-800: #0a6c74;--cyan-900: #044e54;--pink-050: #ffe3ec;--pink-100: #ffb8d2;--pink-200: #ff8cba;--pink-300: #f364a2;--pink-400: #e8368f;--pink-500: #da127d;--pink-600: #bc0a6f;--pink-700: #a30664;--pink-800: #870557;--pink-900: #620042;--red-050: #ffe3e3;--red-100: #ffbdbd;--red-200: #ff9b9b;--red-300: #f86a6a;--red-400: #ef4e4e;--red-500: #e12d39;--red-600: #cf1124;--red-700: #ab091e;--red-800: #8a041a;--red-900: #610316;--yellow-050: #fffbea;--yellow-100: #fff3c4;--yellow-200: #fce588;--yellow-300: #fadb5f;--yellow-400: #f7c948;--yellow-500: #f0b429;--yellow-600: #de911d;--yellow-700: #cb6e17;--yellow-800: #b44d12;--yellow-900: #8d2b0b;--teal-050: #effcf6;--teal-100: #c6f7e2;--teal-200: #8eedc7;--teal-300: #65d6ad;--teal-400: #3ebd93;--teal-500: #27ab83;--teal-550: #20a07b;--teal-600: #199473;--teal-700: #147d64;--teal-800: #0c6b58;--teal-900: #014d40}:root{--bg-color: $grey100;--bg-color-hsl: 212deg, 50%, 93%;--primary-color: var(--red-500);--secondary-color: var(--gray-500);--input-color: hsl(212, 25%, 50%);--text-color: var(--gray-700);--medium-dark-text-color: var(--gray-550);--medium-text-color: var(--gray-550);--light-text-color: var(--gray-500);--link-color: #2563eb;--font-weight-bold: 700;--menu-option-color: var(--text-color);--menu-option-active-color: var(--white);--menu-option-active-background-color: var(--gray-350);--hairline-color: rgba(51, 64, 77, 0.1);--medium-hairline-color: rgba(81, 95, 108, 0.25);--dark-hairline-color: rgba(123, 135, 147, 0.5);--light-focus-color: var(--blue-300);--medium-focus-color: var(--blue-500);--dark-focus-color: #0f74b1;--light-focus-ring: 0 0 0 1px #5ed0fa, 0 0 0 3px rgba(94, 208, 250, 0.7);--medium-focus-ring: 0 0 0 1px #2bb0ed, 0 0 0 3px rgba(43, 176, 237, 0.7);--dark-focus-ring: 0 0 0 1px #0f74b1, 0 0 0 3px rgba(15, 116, 177, 0.7);--light-sel-color: var(--gray-200);--dark-sel-color: var(--gray-600);--error-color: var(--red-600);--warning-color: var(--yellow-800);--success-color: var(--teal-700);--notice-color: var(--blue-800);--enabled-color: var(--teal-550);--pending-color: var(--yellow-700);--disabled-color: var(--red-600);--small-border-radius: 3px;--medium-border-radius: 4px;--large-border-radius: 5px;--menu-border-radius: var(--medium-border-radius);--checkbox-size: 16px;--radio-size: 16px}@font-face{font-family:\"Craft\";src:url(\"../fonts/Craft.woff\") format(\"woff\"),url(\"../fonts/Craft.ttf\") format(\"truetype\"),url(\"../fonts/Craft.svg#Craft\") format(\"svg\");font-weight:normal;font-style:normal}:root{--ui-control-color: var(--gray-550);--ui-control-hover-color: var(--gray-600);--ui-control-active-color: var(--gray-700);--icon-opacity: 0.8;--light-focus-hsl: 196.1538461538deg, 93.9759036145%, 67.4509803922%;--medium-focus-hsl: 198.8659793814deg, 84.347826087%, 54.9019607843%;--dark-focus-hsl: 202.5925925926deg, 84.375%, 37.6470588235%;--focus-ring: 0 0 0 1px hsl(var(--dark-focus-hsl)), 0 0 0 3px hsla(var(--dark-focus-hsl), 0.8);--inner-focus-ring: inset 0 0 0 1px hsl(var(--dark-focus-hsl)), inset 0 0 0 3px hsla(var(--dark-focus-hsl), 0.7);--touch-target-size: 24px}body,html{box-shadow:var(--light-focus-ring);background-color:var(--gray-100)}html.noscroll,html.noscroll body{overflow:hidden}body{width:100vw;overflow-x:hidden;font-size:0.875rem;line-height:1.42;color:var(--text-color);-webkit-font-smoothing:subpixel-antialiased}body.rtl{direction:rtl}body,input,select,textarea{font-family:system-ui,BlinkMacSystemFont,-apple-system,\"Segoe UI\",\"Roboto\",\"Oxygen\",\"Ubuntu\",\"Cantarell\",\"Fira Sans\",\"Droid Sans\",\"Helvetica Neue\",sans-serif}.first,h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child,p:first-child,blockquote:first-child,hr:first-child,.pane:first-child,.grid:first-child,fieldset:first-child,.field:first-child,.toolbar:first-child,.buttons:first-child,.condition-container:first-child{margin-top:0 !important}.last,h1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child,h6:last-child,p:last-child,blockquote:last-child,.pane:last-child,.grid:last-child,.meta:last-child,fieldset:last-child,.field:last-child,.toolbar:last-child,.buttons:last-child,.condition-container:last-child{margin-bottom:0 !important}.no-scroll{overflow:hidden !important}.draghelper{box-sizing:border-box}img{max-width:100%}body.rtl .ltr .text,body.rtl .ltr table.editable textarea{text-align:left !important;direction:ltr !important}body.ltr .rtl .text,body.ltr .rtl table.editable textarea{text-align:right !important;direction:rtl !important}.icon:before,.menu ul.padded li a.sel:before,.menu .flex.padded.sel:before,.texticon:before,.element:before,#help:before,.secure:before,.insecure:before,.go:after,.required:after,.preview-btn:before,.view-btn:before,[data-icon]:before,[data-icon-after]:after{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity)}.badge-icon{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;box-sizing:border-box;border:1px solid var(--yellow-500);border-radius:var(--small-border-radius);color:var(--yellow-500);font-size:9px}.secure:before,.insecure:before{margin-top:-3px;font-size:14px}[data-icon]:before{content:attr(data-icon)}[data-icon-after]:after{content:attr(data-icon-after)}body.rtl [data-icon=list]:before,body.rtl [data-icon-after=list]:after{content:\"listrtl\"}body.rtl [data-icon=structure]:before,body.rtl [data-icon-after=structure]:after{content:\"structurertl\"}.icon.secure:before{content:\"secure\"}.icon.insecure:before{content:\"insecure\"}.icon.add:before{content:\"plus\"}.icon.edit:before{content:\"edit\"}.icon.settings:before{content:\"settings\"}.icon.search:before{content:\"search\"}.icon.expand:before{content:\"expand\"}.icon.collapse:before{content:\"collapse\"}.help:before{content:\"help\";color:var(--pink-400)}body.ltr .preview-btn:before,body.ltr .view-btn:before{margin-right:var(--xs)}body.rtl .preview-btn:before,body.rtl .view-btn:before{margin-left:var(--xs)}.preview-btn:before{margin-top:-2px;content:\"view\"}body.ltr .view-btn:before{content:\"share\"}body.rtl .view-btn:before{content:\"shareleft\"}h1,.h1{margin-bottom:24px;font-size:18px;font-weight:bold;line-height:1.2}h2,.h2{margin:14px 0;font-size:16px;font-weight:bold;line-height:1.2}h3,.h3{margin:14px 0;font-weight:bold;line-height:1.2}h4,.h4{margin:14px 0;font-weight:bold;line-height:1.2;color:var(--medium-text-color)}h5,.h5{margin:14px 0 3px;line-height:1.2;color:var(--medium-text-color)}h6,.h6{margin:14px 0 3px;font-size:11px;line-height:1.2;color:#606d7b;text-transform:uppercase}body.ltr h1[data-icon]:before{margin:-8px 10px 0 0}body.rtl h1[data-icon]:before{margin:-8px 0 0 10px}h2[data-icon]:before{font-size:19px}body.ltr h2[data-icon]:before{margin:-4px 6px 0 0}body.rtl h2[data-icon]:before{margin:-4px 0 0 6px}hr{margin:24px 0;border:none;border-top:1px solid var(--hairline-color);height:0;color:rgba(0,0,0,0)}.pane hr{margin:24px -24px}p{margin:1em 0}h5+p{margin-top:0}sup{vertical-align:super;font-size:smaller}sub{vertical-align:sub;font-size:smaller}body.ltr .indent{margin-left:14px}body.rtl .indent{margin-right:14px}.bullets{list-style-type:square}body.ltr .bullets{padding-left:40px}body.rtl .bullets{padding-right:40px}ol{list-style-type:decimal}body.ltr ol{padding-left:40px}body.rtl ol{padding-right:40px}code,.code,.code input,.code textarea{font-family:\"SFMono-Regular\",Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:.9em !important}code.smalltext,.code.smalltext,.code input.smalltext,.code textarea.smalltext{font-size:.8em !important}pre code{display:block;overflow-x:auto}a{color:var(--link-color);cursor:pointer}body.underline-links a{text-decoration:underline}a:hover{text-decoration:underline}a.sel,li.sel a{cursor:default !important;text-decoration:none}.go:after{font-size:11px;margin-top:-1px;color:var(--link-color);opacity:.9}body.ltr .go:after{padding-left:4px}body.rtl .go:after{padding-right:4px}body.ltr .go:after{content:\"circlerarr\"}body.rtl .go:after{content:\"circlelarr\"}button{cursor:pointer}.context-btn.disabled{opacity:1;color:var(--medium-dark-text-color);background-color:rgba(205,216,228,.5) !important}.checkmark-icon,.alert-icon{padding:5px;margin-bottom:0 !important;line-height:10px;border-radius:20px;cursor:pointer}.checkmark-icon:before,.alert-icon:before{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity)}.checkmark-icon{background-color:var(--gray-200)}p .checkmark-icon{display:inline-block}.checkmark-icon:before{content:\"check\";color:var(--success-color)}.alert-icon{background-color:var(--gray-200)}.alert-icon:before{content:\"alert\";color:var(--error-color)}.menu.revision-menu{padding:10px 24px}.menu.revision-menu hr{margin:10px -24px}.menu.revision-menu ul li.sel{margin:0 -14px;padding:0 14px;background:var(--gray-050);border-radius:var(--large-border-radius)}.menu.revision-menu ul li.sel .edited-desc{display:flex;align-items:center;border-top:1px solid var(--hairline-color);padding:10px 0;color:var(--light-text-color);white-space:normal}body.ltr .menu.revision-menu ul li.sel .edited-desc{margin-left:10px}body.rtl .menu.revision-menu ul li.sel .edited-desc{margin-right:10px}.menu.revision-menu ul li.sel .edited-desc p{margin:0}body.ltr .menu.revision-menu ul li.sel .edited-desc .btn{margin-left:14px}body.rtl .menu.revision-menu ul li.sel .edited-desc .btn{margin-right:14px}.menu.revision-menu ul li a{padding-top:7px;border-radius:var(--large-border-radius)}.menu.revision-menu .extralight{margin-top:2px}.revision-status-hud{max-width:400px}.revision-status-hud .http-error{border-radius:var(--medium-border-radius);border:1px solid var(--hairline-color);color:var(--light-text-color);background-color:var(--gray-050);padding:7px 14px}.draft-notice{display:flex;align-items:center;align-content:stretch;justify-content:center;gap:var(--s);color:var(--blue-800)}#content-notice .draft-notice{display:inline-flex;justify-content:flex-start}body.ltr .so-notice>.draft-notice{margin:calc(var(--s)*-1) 0 calc(var(--s)*-1) calc(var(--xl)*-1)}body.rtl .so-notice>.draft-notice{margin:calc(var(--s)*-1) calc(var(--xl)*-1) calc(var(--s)*-1) 0}body.ltr .so-notice>.draft-notice{padding:var(--s) 0 var(--s) var(--xl)}body.rtl .so-notice>.draft-notice{padding:var(--s) var(--xl) var(--s) 0}body.ltr .so-notice>.draft-notice{border-bottom-left-radius:var(--large-border-radius)}body.rtl .so-notice>.draft-notice{border-bottom-right-radius:var(--large-border-radius)}body.ltr .so-notice>.draft-notice{background-image:linear-gradient(to bottom right, rgba(25, 146, 212, 0.2), rgba(25, 146, 212, 0) 50%)}body.rtl .so-notice>.draft-notice{background-image:linear-gradient(to left, rgba(25, 146, 212, 0.2), rgba(25, 146, 212, 0))}.draft-notice p{flex:1;margin:0}.draft-notice .draft-icon{position:relative;flex-shrink:0;width:34px;height:34px;display:flex;justify-content:center;align-items:center;border-radius:100%;border:2px solid rgba(11,105,163,.2);box-sizing:border-box;box-shadow:0 1px 1px 1px var(--white)}.draft-notice .draft-icon:before{position:relative;left:1px;color:var(--blue-800) !important;font-size:18px}.draft-notice .draft-icon:after{content:\"\";font-size:0;position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:100%;box-shadow:inset 0 2px 0 rgba(3,83,136,.2)}.draft-notice .discard-changes-btn{background-color:rgba(0,0,0,0) !important;color:var(--blue-800) !important;border:2px solid var(--blue-600)}body.ltr .draft-notice .discard-changes-btn{margin-left:var(--xs)}body.rtl .draft-notice .discard-changes-btn{margin-right:var(--xs)}.draft-notice .discard-changes-btn:hover,.draft-notice .discard-changes-btn:focus{border-color:#1682bd}.draft-notice .discard-changes-btn:active{border-color:#1473a6}button.toggle{appearance:none;color:inherit;background:none;border:none;padding:0}.toggle:before,a.fieldtoggle:before{display:block;content:\"\";font-size:0;width:7px;height:7px;border:solid currentColor;border-width:0 2px 2px 0;opacity:.8;transition:transform linear 100ms}body.ltr .toggle:before,body.ltr a.fieldtoggle:before{transform:rotate(-45deg)}body.rtl .toggle:before,body.rtl a.fieldtoggle:before{transform:rotate(135deg)}.toggle.expanded:before,a.fieldtoggle.expanded:before,.sidebar nav li.expanded>.toggle:before,.structure li:not(.collapsed)>.row>.toggle:before{transform:rotate(45deg) !important}a.fieldtoggle{display:block;position:relative;margin:14px 0;color:var(--text-color);text-decoration:none}body.ltr a.fieldtoggle{padding-left:12px}body.rtl a.fieldtoggle{padding-right:12px}a.fieldtoggle:before{display:block;position:absolute;top:7px}body.ltr a.fieldtoggle:before{left:-1px}body.rtl a.fieldtoggle:before{right:-1px}em,i{font-style:italic}strong,b,i em{font-weight:bold}.readable{font-size:16px;line-height:22px}.readable h1,.readable h2,.readable h3,.readable h4,.readable h5,.readable h6{margin:24px 0 16px;font-weight:600}.readable h1{font-size:32px;line-height:40px;color:#000}.readable h2{font-size:24px;line-height:30px}.readable h3{font-size:20px;line-height:24px}.readable h4{font-size:16px;line-height:20px}.readable h5{font-size:14px;line-height:18px}.readable h6{font-size:13.6px;line-height:17px;color:#596673}.readable ul,.readable ol{margin:1em 0}body.ltr .readable ul,body.ltr .readable ol{padding-left:2em}body.rtl .readable ul,body.rtl .readable ol{padding-right:2em}.readable ul li{list-style-type:disc}.readable li+li{margin-top:.25em}.readable blockquote{margin:16px 0}.readable blockquote:not(.note){padding:0 16px;color:#596673}body.ltr .readable blockquote:not(.note){border-left:4px solid rgba(51,64,77,.1)}body.rtl .readable blockquote:not(.note){border-right:4px solid rgba(51,64,77,.1)}.readable blockquote.note{position:relative;border-radius:4px;padding:1em;border:1px solid}body.ltr .readable blockquote.note{padding-left:56px}body.rtl .readable blockquote.note{padding-right:56px}.readable blockquote.note:not(.tip):not(.warning){border-color:#cf1124;color:#bf503f}.readable blockquote.note:not(.tip):not(.warning):before{content:\"alert\";color:#cf1124}.readable blockquote.note.tip{border-color:#2563eb;color:#596673}.readable blockquote.note.tip:before{content:\"lightbulb\";color:#2563eb}.readable blockquote.note.warning{border-color:#b44d12;color:#cf783a}.readable blockquote.note.warning:before{content:\"alert\";color:#b44d12}.readable blockquote.note:before{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);position:absolute;top:12px;font-size:30px;width:24px}body.ltr .readable blockquote.note:before{left:16px}body.rtl .readable blockquote.note:before{right:16px}body.ltr .leftalign{text-align:left}body.rtl .leftalign{text-align:right}.topalign{vertical-align:top}body.ltr .rightalign{text-align:right}body.rtl .rightalign{text-align:left}.centeralign{text-align:center !important}.nowrap{white-space:nowrap}.break-word{word-wrap:break-word}.light{color:var(--medium-text-color) !important;font-weight:normal}.extralight{color:var(--light-text-color) !important}.smalltext{font-size:12px;line-height:1.2}.largetext{font-size:16px;line-height:1.2}.zilch{padding:100px 0;text-align:center;font-size:20px;line-height:24px;color:var(--light-text-color)}.zilch.small{padding:24px 0;font-size:16px}input.checkbox+label.smalltext{padding-top:2px}.required:after{content:\"asterisk\";font-size:7px;color:var(--error-color)}body.ltr .required:after{margin:-2px 0 0 5px}body.rtl .required:after{margin:-2px 5px 0 0}.scrollpane{overflow:auto}body.ltr .left{float:left}body.rtl .left{float:right}body.ltr .right{float:right}body.rtl .right{float:left}th,td{vertical-align:middle}body.ltr th,body.ltr td{text-align:left}body.rtl th,body.rtl td{text-align:right}body.ltr table[dir=rtl] th,body.ltr table[dir=rtl] td{text-align:right}body.rtl table[dir=ltr] th,body.rtl table[dir=ltr] td{text-align:left}th.right,td.right{float:none}body.ltr th.right,body.ltr td.right{text-align:right}body.rtl th.right,body.rtl td.right{text-align:left}.clear{display:block;clear:both;height:0}.fullwidth{width:100%}.token{display:inline-block;border-radius:3px;padding:3px 7px;font-size:12px;line-height:14px;color:#3f4d5a;background-color:#e4edf6}.token[data-name=\"*\"]{position:relative;width:10px}.token[data-name=\"*\"] span{opacity:0}.token[data-name=\"*\"]:before{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);display:block;position:absolute;top:0;left:0;width:100%;font-size:9px;line-height:17px;content:\"asterisk\";text-indent:0}.token:focus{background-color:#cdd8e4}.highlight .token{display:inline;border:none;border-radius:0;padding:0;font-size:inherit;line-height:inherit;text-shadow:none;background:rgba(0,0,0,0);box-shadow:none}.pane.highlight pre[class*=language-]{overflow:visible}.pane.highlight pre[class*=language-]>code.diff-highlight .token:not(.prefix){margin:0 -24px;padding:0 24px}.success{color:var(--success-color) !important}.notice.with-icon:before,.notice .icon:before,.warning.with-icon:before,.warning .icon:before{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);width:1em}body.ltr .notice.with-icon:before,body.ltr .notice .icon:before,body.ltr .warning.with-icon:before,body.ltr .warning .icon:before{margin:-2px 2px 0 0}body.rtl .notice.with-icon:before,body.rtl .notice .icon:before,body.rtl .warning.with-icon:before,body.rtl .warning .icon:before{margin:-2px 0 0 2px}.notice.has-icon,.warning.has-icon{display:flex;flex-wrap:nowrap;align-items:flex-start}.notice.has-icon .icon,.warning.has-icon .icon{flex-shrink:1}.notice{color:var(--notice-color) !important}.notice a{text-decoration:underline}.notice.with-icon:before,.notice .icon:before{content:\"lightbulb\"}.warning{color:var(--warning-color) !important}.warning.with-icon:before,.warning .icon:before{content:\"alert\"}.error{color:var(--error-color) !important}.icon.move{display:inline-block}.icon.move:not(.disabled){cursor:move}.icon.move:before{content:\"move\";color:var(--ui-control-color)}.icon.move:not(.disabled):hover:before{color:var(--link-color)}.icon.delete{display:inline-block;line-height:inherit}.icon.delete:before{content:\"remove\";color:var(--ui-control-color)}.icon.delete:not(.disabled){cursor:pointer}.icon.delete:not(.disabled):hover:before{color:var(--disabled-color)}.icon.delete:not(.disabled):active:before{color:var(--red-800)}.hidden{display:none !important}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.invisible{visibility:hidden}.clearafter:after{content:\"\";display:block;height:0;clear:both;visibility:hidden}.info{vertical-align:bottom;display:inline-block;width:1em;height:1.375em;text-align:center;cursor:pointer;overflow:hidden}.info:before{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);vertical-align:baseline;width:100%;line-height:1.375;color:var(--ui-control-color)}.info:not(.warning):before{content:\"info\"}.info:not(.warning):hover:before{color:var(--link-color)}.info.warning:before{content:\"alert\"}.info.warning:hover:before{color:var(--warning-color)}.info-hud table{max-width:280px;table-layout:auto}.info-hud td{word-wrap:break-word;width:100%}@media(max-width: 450px){.info-hud table{table-layout:fixed;width:100%}}.content{position:relative}.content:after{content:\"\";display:block;height:0;clear:both;visibility:hidden}.sidebar .customize-sources{display:block;margin:14px -24px 4px;color:var(--light-text-color) !important;transition:color linear 100ms;cursor:pointer}body.ltr .sidebar .customize-sources{padding:7px 14px 7px 24px}body.rtl .sidebar .customize-sources{padding:7px 24px 7px 14px}.sidebar .customize-sources .icon{color:currentColor}body.ltr .sidebar .customize-sources .icon{margin-right:4px}body.rtl .sidebar .customize-sources .icon{margin-left:4px}.sidebar .customize-sources .label{opacity:0;transition:opacity linear 100ms}.sidebar .customize-sources:hover,.sidebar .customize-sources:focus{color:var(--medium-text-color) !important;text-decoration:none}.sidebar .customize-sources:hover .label,.sidebar .customize-sources:focus .label{opacity:1}.sidebar .customize-sources:hover{color:var(--link-color)}.customize-sources-modal{overflow:visible !important}body.ltr .customize-sources-modal{padding-left:200px}body.rtl .customize-sources-modal{padding-right:200px}.customize-sources-modal>.cs-sidebar{position:absolute;top:0;margin:0;padding:10px 0;border:none;width:200px;height:calc(100% - 50px);box-sizing:border-box;background-color:var(--gray-050);overflow:auto;box-shadow:inset -1px 0 0 var(--hairline-color)}body.ltr .customize-sources-modal>.cs-sidebar{left:0}body.rtl .customize-sources-modal>.cs-sidebar{right:0}body.ltr .customize-sources-modal>.cs-sidebar{border-top-left-radius:var(--large-border-radius)}body.rtl .customize-sources-modal>.cs-sidebar{border-top-right-radius:var(--large-border-radius)}.customize-sources-modal>.cs-sidebar>.btn{display:block;width:calc(100% - 28px)}body.ltr .customize-sources-modal>.cs-sidebar>.btn{margin:10px 0 0 14px}body.rtl .customize-sources-modal>.cs-sidebar>.btn{margin:10px 14px 0 0}.customize-sources-modal>.source-settings{position:relative;height:calc(100% - 50px);box-sizing:border-box;padding:24px;overflow:auto}.customize-sources-modal>.footer{position:absolute;bottom:0;left:0;width:100%}.customize-sources-item{display:flex;width:calc(100% - 1px);box-sizing:border-box;align-items:center;position:relative;margin-top:-1px;padding:8px 14px;background-color:var(--gray-100);border:solid var(--hairline-color);border-width:1px 0;user-select:none;cursor:default}.customize-sources-item+.customize-sources-item.heading{margin-top:10px}.customize-sources-item+.customize-sources-item:not(.heading){border-top:1px solid var(--hairline-color)}.customize-sources-item.sel{background-color:var(--gray-200);z-index:1}.customize-sources-item .label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customize-sources-item.heading .label{text-transform:uppercase;color:var(--light-text-color);font-size:12px;font-weight:bold}body.ltr .customize-sources-item .move{margin-left:7px}body.rtl .customize-sources-item .move{margin-right:7px}body.ltr .customize-sources-table-column .move{margin-right:10px}body.rtl .customize-sources-table-column .move{margin-left:10px}ul.path{display:flex;flex-direction:row;align-items:stretch;flex-wrap:wrap}ul.path li{display:inline-flex;align-items:center}ul.path li:not(:last-child):after{display:block;content:\"\";font-size:0;width:7px;height:7px;border:solid var(--light-text-color);border-width:0 1px 1px 0;opacity:.8}body.ltr ul.path li:not(:last-child):after{margin:0 5px 0 2px}body.rtl ul.path li:not(:last-child):after{margin:0 2px 0 5px}body.ltr ul.path li:not(:last-child):after{transform:rotate(-45deg)}body.rtl ul.path li:not(:last-child):after{transform:rotate(135deg)}ul.icons{margin-top:20px;display:flex;flex-wrap:wrap}ul.icons li{margin:0 4px 10px 0}ul.icons li a{display:block;position:relative;padding:60px 5px 10px;width:110px;text-align:center;color:var(--text-color);border-radius:4px;border:1px solid var(--white)}ul.icons li a:before{display:block;position:absolute;top:0;left:0;width:100%;font-size:40px;line-height:60px}ul.icons li a .icon img,ul.icons li a .icon svg{width:40px;height:40px;position:absolute;top:12px;left:calc(50% - 20px)}ul.icons li a .icon.icon-mask svg rect,ul.icons li a .icon.icon-mask svg circle,ul.icons li a .icon.icon-mask svg ellipse,ul.icons li a .icon.icon-mask svg line,ul.icons li a .icon.icon-mask svg polyline,ul.icons li a .icon.icon-mask svg polygon,ul.icons li a .icon.icon-mask svg path,ul.icons li a .icon.icon-mask svg text{fill:var(--text-color);stroke-width:0}ul.icons li a:hover{text-decoration:none;background-color:var(--gray-050);border-color:var(--gray-100)}ul.icons li a:hover .icon.icon-mask svg rect,ul.icons li a:hover .icon.icon-mask svg circle,ul.icons li a:hover .icon.icon-mask svg ellipse,ul.icons li a:hover .icon.icon-mask svg line,ul.icons li a:hover .icon.icon-mask svg polyline,ul.icons li a:hover .icon.icon-mask svg polygon,ul.icons li a:hover .icon.icon-mask svg path,ul.icons li a:hover .icon.icon-mask svg text{fill:var(--link-color);stroke-width:0}@media only screen and (max-width: 380px){ul.icons li a{width:96px}}@media only screen and (max-width: 320px){ul.icons li a{width:75px}}.toolbar{position:relative;margin-bottom:14px;min-height:34px}.toolbar.flex,.toolbar .flex{align-items:flex-start}.toolbar .text{border-radius:var(--large-border-radius) !important;box-shadow:none !important}.flex{display:flex;align-items:center;align-content:stretch;gap:var(--s)}.flex:not(.flex-nowrap){flex-wrap:wrap}.flex>*.label{white-space:nowrap}.centeralign .flex{justify-content:center}.inline-flex{display:inline-flex;align-items:center;align-content:stretch;gap:var(--s)}.gap-xs{gap:var(--xs)}.gap-s{gap:var(--s)}.gap-m{gap:var(--m)}.gap-l{gap:var(--l)}.gap-xl{gap:var(--xl)}.flex-grow{flex:1}.flex-justify{justify-content:space-between}.flex-justify-start{justify-content:flex-start}.flex-justify-end{justify-content:flex-end}.flex-justify-center{justify-content:center}.flex-start{align-items:flex-start}.flex-end{align-items:flex-end}.flex-center{align-items:center}.flex-stretch{align-items:stretch}.spacer{width:14px}.buttons{display:flex;gap:7px;position:relative;margin:24px 0;align-items:center}.hud-footer>.buttons,.footer>.buttons{margin:0}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--large-border-radius);padding:7px 14px;border:none;text-align:center;white-space:nowrap;user-select:none;cursor:pointer;box-sizing:border-box;appearance:none;color:currentColor;font-size:inherit;background-color:rgba(96,125,159,.25)}.btn.chromeless{background-color:rgba(0,0,0,0);height:auto;padding:0}.btn.chromeless:hover,.btn.chromeless:active,.btn.chromeless:focus{background-color:rgba(0,0,0,0)}.btn.chromeless:hover,.btn.chromeless:active{text-decoration:underline}.btn:not(.disabled):not(.loading):not(.dashed):focus,.btn:not(.disabled):not(.loading):not(.dashed).focus,.btn:not(.disabled):not(.loading):not(.dashed):hover{background-color:rgba(96,125,159,.3)}.btn:not(.disabled):not(.loading):not(.dashed):active,.btn:not(.disabled):not(.loading):not(.dashed).active{background-color:rgba(96,125,159,.5)}.btn:not(.disabled):not(.loading):not(.dashed):active:focus,.btn:not(.disabled):not(.loading):not(.dashed):active.focus,.btngroup:focus .btn:not(.disabled):not(.loading):not(.dashed):active,.btn:not(.disabled):not(.loading):not(.dashed).active:focus,.btn:not(.disabled):not(.loading):not(.dashed).active.focus,.btngroup:focus .btn:not(.disabled):not(.loading):not(.dashed).active{background-color:rgba(96,125,159,.6)}.btn[type=color]{padding:6px !important;width:36px}.btn.active,.btn.loading{cursor:default}.btn:hover{text-decoration:none}body.ltr .btn[data-icon]:not(:empty):not(.btn-empty):before,body.ltr .btn.icon:not(:empty):not(.btn-empty):before,body.ltr .btn.menubtn[data-icon]:empty:before,body.ltr .btn.menubtn[data-icon].btn-empty:before,body.ltr .btn.menubtn.icon:empty:before,body.ltr .btn.menubtn.icon.btn-empty:before{margin-right:5px}body.rtl .btn[data-icon]:not(:empty):not(.btn-empty):before,body.rtl .btn.icon:not(:empty):not(.btn-empty):before,body.rtl .btn.menubtn[data-icon]:empty:before,body.rtl .btn.menubtn[data-icon].btn-empty:before,body.rtl .btn.menubtn.icon:empty:before,body.rtl .btn.menubtn.icon.btn-empty:before{margin-left:5px}.btn:not(.loading) .spinner{display:none}.btn.loading:before,.btn.loading:after,.btn.loading .label{visibility:hidden}.btn div.checkbox{margin-top:2px}.disabled{opacity:.25}.disabled,.disabled .btn{cursor:default}.btn,.spinner{height:34px}body.ltr .btn[data-icon-after]:not(:empty):not(.btn-empty):after,body.ltr .menu-toggle:not(:empty):not(.btn-empty):after,body.ltr .menubtn:not(:empty):not(.btn-empty):after,body.ltr .menubtn.icon:after{margin-left:6px}body.rtl .btn[data-icon-after]:not(:empty):not(.btn-empty):after,body.rtl .menu-toggle:not(:empty):not(.btn-empty):after,body.rtl .menubtn:not(:empty):not(.btn-empty):after,body.rtl .menubtn.icon:after{margin-right:6px}.btn[data-icon]:before,.btn[data-icon-after]:after,.btn.icon:before{position:relative}.btn.small[data-icon]:before,.btn.small[data-icon-after]:after,.btn.icon.small:before{font-size:10px}.btngroup{position:relative;z-index:1;display:flex;white-space:nowrap;align-items:center}.btngroup.fullwidth .btn{flex:1}.btngroup.disabled .btn{cursor:default}.btngroup .btn:focus{z-index:1}body.ltr .btngroup .btn:not(.dashed):not(:last-child):not(.btngroup-btn-last){margin-right:1px}body.rtl .btngroup .btn:not(.dashed):not(:last-child):not(.btngroup-btn-last){margin-left:1px}body.ltr .btngroup .btn:not(:first-child):not(.btngroup-btn-first){border-top-left-radius:0;border-bottom-left-radius:0}body.ltr .btngroup .btn:not(:last-child):not(.btngroup-btn-last){border-top-right-radius:0;border-bottom-right-radius:0}body.rtl .btngroup .btn:not(:first-child):not(.btngroup-btn-first){border-top-right-radius:0;border-bottom-right-radius:0}body.rtl .btngroup .btn:not(:last-child):not(.btngroup-btn-last){border-top-left-radius:0;border-bottom-left-radius:0}.copytext{position:relative;z-index:1;display:flex;white-space:nowrap;align-items:center}body.ltr .copytext .text{border-top-right-radius:0;border-bottom-right-radius:0;min-width:0}body.ltr .copytext .btn{border-top-left-radius:0;border-bottom-left-radius:0}body.rtl .copytext .text{border-top-left-radius:0;border-bottom-left-radius:0}body.rtl .copytext .btn{border-top-right-radius:0;border-bottom-right-radius:0}.copytextbtn{display:inline-flex;flex-wrap:nowrap;align-items:center;border:1px solid var(--hairline-color);border-radius:var(--small-border-radius);padding:0 9px;cursor:pointer;color:var(--medium-text-color)}.copytextbtn input{border:0;padding:0;height:32px;box-shadow:none;background-color:rgba(0,0,0,0);border:none;cursor:pointer;color:var(--medium-text-color);text-align:center}.copytextbtn span{padding:0;width:13px;background:none;margin-top:-3px;color:var(--light-text-color)}body.ltr .copytextbtn span{margin-left:5px}body.rtl .copytextbtn span{margin-right:5px}.copytextbtn:hover,.copytextbtn:focus{border-color:var(--medium-hairline-color);color:var(--text-color)}.copytextbtn:hover input,.copytextbtn:focus input{color:var(--text-color)}.copytextbtn.small{padding:0 5px}.copytextbtn.small input{font-size:11px !important;height:20px}.menu-toggle,.menubtn{display:inline-flex;align-items:center;user-select:none}.menu-toggle:after,.menubtn:after{display:block;content:\"\";font-size:0;width:7px;height:7px;border:solid currentColor;border-width:0 2px 2px 0;opacity:.8;transform:rotate(45deg);position:relative}.menu-toggle.btn:after,.menubtn.btn:after{top:-1px}.menu-toggle.btn:not(.disabled):not(.inactive):active:after,.menu-toggle.btn:not(.disabled):not(.inactive).active:after,.menubtn.btn:not(.disabled):not(.inactive):active:after,.menubtn.btn:not(.disabled):not(.inactive).active:after{border-color:var(--ui-control-active-color)}.menu-toggle.btn.submit:after,.menubtn.btn.submit:after{border-color:var(--white) !important;opacity:.8}.menu-toggle.btn.submit:not(.disabled):not(.inactive):hover:after,.menu-toggle.btn.submit:not(.disabled):not(.inactive).hover:after,.menu-toggle.btn.submit:not(.disabled):not(.inactive):active:after,.menu-toggle.btn.submit:not(.disabled):not(.inactive).active:after,.menubtn.btn.submit:not(.disabled):not(.inactive):hover:after,.menubtn.btn.submit:not(.disabled):not(.inactive).hover:after,.menubtn.btn.submit:not(.disabled):not(.inactive):active:after,.menubtn.btn.submit:not(.disabled):not(.inactive).active:after{opacity:1}.menu-toggle:not(.btn):not(.icon),.menubtn:not(.btn):not(.icon){height:17px}.menu-toggle:not(.btn):not(.icon):after,.menubtn:not(.btn):not(.icon):after{top:-2px;border-color:var(--link-color)}body.ltr .menu-toggle:empty,body.ltr .menu-toggle.btn-empty,body.ltr .menubtn:empty,body.ltr .menubtn.btn-empty{padding-left:8px}body.rtl .menu-toggle:empty,body.rtl .menu-toggle.btn-empty,body.rtl .menubtn:empty,body.rtl .menubtn.btn-empty{padding-right:8px}body.ltr .menu-toggle:empty,body.ltr .menu-toggle.btn-empty,body.ltr .menubtn:empty,body.ltr .menubtn.btn-empty{padding-right:8px}body.rtl .menu-toggle:empty,body.rtl .menu-toggle.btn-empty,body.rtl .menubtn:empty,body.rtl .menubtn.btn-empty{padding-left:8px}@keyframes rotator{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.spinner{display:inline-flex;align-items:center;justify-content:center;width:var(--size, 24px);height:var(--size, 34px)}.spinner:before{display:block;content:\"\";font-size:0;animation:rotator .7s linear infinite;box-sizing:border-box;width:var(--size, 20px);height:var(--size, 20px);object-fit:scale-down;border-radius:50%;border:2px solid rgba(0,0,0,0);border-right-color:currentColor;border-bottom-color:currentColor;opacity:.8}.spinner.small{--size: 12px}.spinner.big{--size: 48px}.spinner.spinner-absolute{position:absolute;width:var(--size, 20px);height:var(--size, 20px);top:calc(50% - var(--size, 20px)/2);left:calc(50% - var(--size, 20px)/2)}body.ltr .btn+.spinner{margin-left:7px}body.rtl .btn+.spinner{margin-right:7px}body.ltr .buttons .btn+.spinner,body.ltr .buttons .btngroup+.spinner{margin-left:0}body.rtl .buttons .btn+.spinner,body.rtl .buttons .btngroup+.spinner{margin-right:0}body.ltr .buttons.right .btn+.spinner{margin-right:var(--neg-padding)}body.rtl .buttons.right .btn+.spinner{margin-left:var(--neg-padding)}.btngroup.small .btn,.btn.small{padding:0 7px !important;font-size:12px;line-height:22px}.btngroup.small,.btngroup.small input.btn,.btn.small,.btn.small+.spinner{height:22px}.btngroup.big .btn,.btn.big{padding:0 14px;font-size:14px;line-height:36px}body.ltr .btn.big[data-icon]:before,body.ltr .preview-btn:before,body.ltr .view-btn:before{margin-left:-2px}body.rtl .btn.big[data-icon]:before,body.rtl .preview-btn:before,body.rtl .view-btn:before{margin-right:-2px}.btngroup.big,.btngroup.big input.btn,.btn.big,.btn.big+.spinner{height:36px}.btn.submit,.btn.secondary{color:var(--white) !important;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:500}.btn.submit{background-color:var(--primary-color) !important}.btn.submit:not(.disabled):not(.inactive):not(.loading):hover,.btn.submit:not(.disabled):not(.inactive):not(.loading).hover,.btn.submit:not(.disabled):not(.inactive):not(.loading):focus{background-color:#d61f2b !important}.btn.submit:not(.disabled):not(.inactive):not(.loading):active,.btn.submit:not(.disabled):not(.inactive):not(.loading).active{background-color:#c01b26 !important}.btn.caution{background-color:var(--red-050) !important;color:var(--error-color)}.btn.caution:hover,.btn.caution.hover,.btn.caution:focus{background-color:#ffcaca !important}.btn.caution:active,.btn.caution.active{background-color:var(--red-100) !important}.secondary-buttons .btn.submit,.btn.secondary{background-color:var(--secondary-color) !important}.secondary-buttons .btn.submit:not(.disabled):not(.inactive):not(.loading):hover,.secondary-buttons .btn.submit:not(.disabled):not(.inactive):not(.loading).hover,.secondary-buttons .btn.submit:not(.disabled):not(.inactive):not(.loading):focus,.btn.secondary:not(.disabled):not(.inactive):not(.loading):hover,.btn.secondary:not(.disabled):not(.inactive):not(.loading).hover,.btn.secondary:not(.disabled):not(.inactive):not(.loading):focus{background-color:#55616d !important}.secondary-buttons .btn.submit:not(.disabled):not(.inactive):not(.loading):active,.secondary-buttons .btn.submit:not(.disabled):not(.inactive):not(.loading).active,.btn.secondary:not(.disabled):not(.inactive):not(.loading):active,.btn.secondary:not(.disabled):not(.inactive):not(.loading).active{background-color:#4a545e !important}div.btn.submit{position:relative;overflow:hidden}div.btn.submit input{position:absolute;left:100%}.btn.dashed{border:1px dashed var(--medium-hairline-color);background-color:rgba(0,0,0,0)}body.ltr .btngroup .btn.dashed:not(:last-child):not(.btngroup-btn-last){border-right:1px solid rgba(0,0,0,0)}body.rtl .btngroup .btn.dashed:not(:last-child):not(.btngroup-btn-last){border-left:1px solid rgba(0,0,0,0)}body.ltr .btngroup .btn.dashed:not(:last-child):not(.btngroup-btn-last){margin-right:-1px}body.rtl .btngroup .btn.dashed:not(:last-child):not(.btngroup-btn-last){margin-left:-1px}.btn.dashed:focus{background-color:rgba(205,216,228,.1);border-color:rgba(0,0,0,0)}.reduce-focus-visibility .btn.dashed:focus:not(.focus-visible){border:1px dashed var(--medium-hairline-color)}.btn.dashed:not(.disabled):active,.btn.dashed:not(.disabled).active{background-color:rgba(205,216,228,.25)}.color-input-container{position:relative}.color-input-container .color-hex-indicator{position:absolute;top:0;width:1em;line-height:34px;text-align:center;user-select:none}body.ltr .color-input-container .color-hex-indicator{left:7px}body.rtl .color-input-container .color-hex-indicator{right:7px}.color-input{font-family:\"SFMono-Regular\",Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:.9em !important}body.ltr .color-input{padding-left:calc(7px + 1em)}body.rtl .color-input{padding-right:calc(7px + 1em)}.color{display:inline-block;position:relative;vertical-align:middle;width:34px;height:34px;border-radius:17px;padding:0}.color:not(.static){cursor:pointer}.color:not(.small){background-image:linear-gradient(45deg, var(--gray-100) 25%, transparent 25%),linear-gradient(135deg, var(--gray-100) 25%, transparent 25%),linear-gradient(45deg, transparent 75%, var(--gray-100) 75%),linear-gradient(135deg, transparent 75%, var(--gray-100) 75%);background-size:17px 17px;background-position:0 0,8.5px 0,8.5px -8.5px,0 8.5px}.color.small{width:16px;height:16px;background-image:linear-gradient(45deg, var(--gray-100) 25%, transparent 25%),linear-gradient(135deg, var(--gray-100) 25%, transparent 25%),linear-gradient(45deg, transparent 75%, var(--gray-100) 75%),linear-gradient(135deg, transparent 75%, var(--gray-100) 75%);background-size:8px 8px;background-position:0 0,4px 0,4px -4px,0 4px}.color .color-preview{position:absolute;top:0;width:100%;height:100%;border-radius:17px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}body.ltr .color .color-preview{left:0}body.rtl .color .color-preview{right:0}.color .color-preview:focus-within{box-shadow:var(--focus-ring)}.color .color-preview>.color-preview-input{position:absolute;width:100%;height:100%;margin:0;padding:0;border:none;opacity:0}body.ltr .color .color-preview>.color-preview-input{left:0}body.rtl .color .color-preview>.color-preview-input{right:0}.colorhex{display:inline-block;margin-left:5px;vertical-align:middle;color:var(--medium-text-color)}.lightswitch-outer-container{display:flex}.lightswitch-outer-container .lightswitch-inner-container{border:1px solid var(--hairline-color);border-radius:var(--small-border-radius);display:flex;align-items:center}.lightswitch-outer-container .lightswitch-inner-container span{padding:7px 0;color:var(--medium-text-color);cursor:default}body.ltr .lightswitch-outer-container .lightswitch-inner-container span[data-toggle=on]{padding-right:10px}body.rtl .lightswitch-outer-container .lightswitch-inner-container span[data-toggle=on]{padding-left:10px}body.ltr .lightswitch-outer-container .lightswitch-inner-container span[data-toggle=on]{margin-left:7px}body.rtl .lightswitch-outer-container .lightswitch-inner-container span[data-toggle=on]{margin-right:7px}body.ltr .lightswitch-outer-container .lightswitch-inner-container span[data-toggle=off]{padding-left:10px}body.rtl .lightswitch-outer-container .lightswitch-inner-container span[data-toggle=off]{padding-right:10px}body.ltr .lightswitch-outer-container .lightswitch-inner-container span[data-toggle=off]{margin-right:7px}body.rtl .lightswitch-outer-container .lightswitch-inner-container span[data-toggle=off]{margin-left:7px}.lightswitch{display:block;position:relative;border:none !important;overflow:hidden;cursor:pointer;user-select:none;background-image:linear-gradient(to right, var(--gray-400), var(--gray-400));transition:background-image linear 100ms}.lightswitch.on{background-image:linear-gradient(to right, var(--enabled-color), var(--enabled-color))}.lightswitch.indeterminate{background-image:linear-gradient(to right, var(--enabled-color), var(--gray-300))}.lightswitch .lightswitch-container{position:relative;height:100%}.lightswitch .lightswitch-container .handle{position:absolute;top:1px;background-color:var(--white)}.lightswitch:not(.small){border-radius:11px;width:34px;height:22px}.lightswitch:not(.small) .lightswitch-container{width:46px}body.ltr .lightswitch:not(.small) .lightswitch-container{margin-left:-12px}body.rtl .lightswitch:not(.small) .lightswitch-container{margin-right:-12px}.lightswitch:not(.small) .lightswitch-container .handle{border-radius:10px;width:20px;height:20px;left:calc(50% - 10px)}.lightswitch.small{border-radius:9px;width:28px;height:18px}.lightswitch.small .lightswitch-container{width:38px}body.ltr .lightswitch.small .lightswitch-container{margin-left:-10px}body.rtl .lightswitch.small .lightswitch-container{margin-right:-10px}.lightswitch.small .lightswitch-container .handle{border-radius:8px;width:16px;height:16px;left:calc(50% - 8px)}table .lightswitch{display:inline-block;margin-bottom:-5px}body.ltr .lightswitch.on .lightswitch-container{margin-left:0}body.rtl .lightswitch.on .lightswitch-container{margin-right:0}body.ltr .lightswitch.indeterminate:not(.small) .lightswitch-container{margin-left:-6px}body.rtl .lightswitch.indeterminate:not(.small) .lightswitch-container{margin-right:-6px}body.ltr .lightswitch.indeterminate.small .lightswitch-container{margin-left:-5px}body.rtl .lightswitch.indeterminate.small .lightswitch-container{margin-right:-5px}table.data+.pagination{margin-top:24px}.pagination .page-link{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--medium-border-radius)}.pagination .page-link:after{position:relative;transition:border-color linear 100ms}.pagination .page-link.prev-page:after{display:block;content:\"\";font-size:0;width:7px;height:7px;border:solid var(--light-text-color);border-width:0 2px 2px 0;opacity:.8}body.ltr .pagination .page-link.prev-page:after{transform:rotate(135deg)}body.rtl .pagination .page-link.prev-page:after{transform:rotate(-45deg)}body.ltr .pagination .page-link.prev-page:after{right:-1px}body.rtl .pagination .page-link.prev-page:after{left:-1px}.pagination .page-link.next-page:after{display:block;content:\"\";font-size:0;width:7px;height:7px;border:solid var(--light-text-color);border-width:0 2px 2px 0;opacity:.8}body.ltr .pagination .page-link.next-page:after{transform:rotate(-45deg)}body.rtl .pagination .page-link.next-page:after{transform:rotate(135deg)}body.ltr .pagination .page-link.next-page:after{left:-1px}body.rtl .pagination .page-link.next-page:after{right:-1px}.pagination .page-link:not(.disabled){transition:box-shadow linear 100ms;box-shadow:inset 0 0 0 1px var(--hairline-color);cursor:pointer}.pagination .page-link:not(.disabled):hover{text-decoration:none;box-shadow:inset 0 0 0 1px var(--link-color)}.pagination .page-link:not(.disabled):hover:after{border-color:var(--link-color)}.pagination .page-link:not(.disabled).focus-visible{box-shadow:inset 0 0 0 1px var(--hairline-color),var(--focus-ring)}.pagination .page-link.disabled{opacity:1}.pagination .page-link.disabled:after{border-color:var(--hairline-color)}body.ltr .actions{float:right}body.rtl .actions{float:left}body.ltr .actions>li{float:left}body.rtl .actions>li{float:right}body.ltr .actions>li+li{margin-left:10px}body.rtl .actions>li+li{margin-right:10px}h1+.actions{margin-top:-100px}h2+.actions{margin-top:-54px}.tablepane{margin:-24px -24px -12px;overflow-x:auto}body.ltr .tablepane table.data th:first-child,body.ltr .tablepane table.data td:first-child{padding-left:24px}body.rtl .tablepane table.data th:first-child,body.rtl .tablepane table.data td:first-child{padding-right:24px}body.ltr .tablepane table.data th:last-child,body.ltr .tablepane table.data td:last-child{padding-right:24px}body.rtl .tablepane table.data th:last-child,body.rtl .tablepane table.data td:last-child{padding-left:24px}table.fixed-layout{table-layout:fixed}table th.thin,table td.thin{width:.01% !important;white-space:nowrap}table thead th{font-weight:bold;vertical-align:top}body.ltr table thead th{text-align:left}body.rtl table thead th{text-align:right}table:not(.data) th,table:not(.data) td{padding-top:7px;padding-bottom:7px}table:not(.data) th:not(:first-child),table:not(.data) td:not(:first-child){padding-left:12px}table:not(.data) th:not(:last-child),table:not(.data) td:not(:last-child){padding-right:12px}table.data th,table.data td{position:relative;padding-left:12px;padding-right:12px;box-sizing:border-box}table.data th.checkbox-cell,table.data td.checkbox-cell{width:var(--checkbox-size) !important;min-width:var(--checkbox-size);box-sizing:content-box;position:relative}table.data th.checkbox-cell input.checkbox+label,table.data th.checkbox-cell div.checkbox,table.data td.checkbox-cell input.checkbox+label,table.data td.checkbox-cell div.checkbox{position:absolute;top:calc(50% - 8px)}table.data th{font-weight:bold}body.ltr table.data thead:first-child tr:first-child th:first-child,body.ltr table.data thead:first-child tr:first-child td:first-child,body.ltr table.data tbody:first-child tr:first-child th:first-child,body.ltr table.data tbody:first-child tr:first-child td:first-child,body.ltr table.data tfoot:first-child tr:first-child th:first-child,body.ltr table.data tfoot:first-child tr:first-child td:first-child,body.ltr table.data caption+thead tr:first-child th:first-child,body.ltr table.data caption+thead tr:first-child td:first-child,body.ltr table.data caption+tbody tr:first-child th:first-child,body.ltr table.data caption+tbody tr:first-child td:first-child,body.ltr table.data caption+tfoot tr:first-child th:first-child,body.ltr table.data caption+tfoot tr:first-child td:first-child{border-top-left-radius:var(--large-border-radius)}body.rtl table.data thead:first-child tr:first-child th:first-child,body.rtl table.data thead:first-child tr:first-child td:first-child,body.rtl table.data tbody:first-child tr:first-child th:first-child,body.rtl table.data tbody:first-child tr:first-child td:first-child,body.rtl table.data tfoot:first-child tr:first-child th:first-child,body.rtl table.data tfoot:first-child tr:first-child td:first-child,body.rtl table.data caption+thead tr:first-child th:first-child,body.rtl table.data caption+thead tr:first-child td:first-child,body.rtl table.data caption+tbody tr:first-child th:first-child,body.rtl table.data caption+tbody tr:first-child td:first-child,body.rtl table.data caption+tfoot tr:first-child th:first-child,body.rtl table.data caption+tfoot tr:first-child td:first-child{border-top-right-radius:var(--large-border-radius)}body.ltr table.data thead:first-child tr:first-child th:last-child,body.ltr table.data thead:first-child tr:first-child td:last-child,body.ltr table.data tbody:first-child tr:first-child th:last-child,body.ltr table.data tbody:first-child tr:first-child td:last-child,body.ltr table.data tfoot:first-child tr:first-child th:last-child,body.ltr table.data tfoot:first-child tr:first-child td:last-child,body.ltr table.data caption+thead tr:first-child th:last-child,body.ltr table.data caption+thead tr:first-child td:last-child,body.ltr table.data caption+tbody tr:first-child th:last-child,body.ltr table.data caption+tbody tr:first-child td:last-child,body.ltr table.data caption+tfoot tr:first-child th:last-child,body.ltr table.data caption+tfoot tr:first-child td:last-child{border-top-right-radius:var(--large-border-radius)}body.rtl table.data thead:first-child tr:first-child th:last-child,body.rtl table.data thead:first-child tr:first-child td:last-child,body.rtl table.data tbody:first-child tr:first-child th:last-child,body.rtl table.data tbody:first-child tr:first-child td:last-child,body.rtl table.data tfoot:first-child tr:first-child th:last-child,body.rtl table.data tfoot:first-child tr:first-child td:last-child,body.rtl table.data caption+thead tr:first-child th:last-child,body.rtl table.data caption+thead tr:first-child td:last-child,body.rtl table.data caption+tbody tr:first-child th:last-child,body.rtl table.data caption+tbody tr:first-child td:last-child,body.rtl table.data caption+tfoot tr:first-child th:last-child,body.rtl table.data caption+tfoot tr:first-child td:last-child{border-top-left-radius:var(--large-border-radius)}table.data thead th,table.data thead td{width:auto;background-color:var(--gray-050);cursor:default}table.data thead th:not(.orderable),table.data thead td{padding-top:15px;padding-bottom:15px}table.data thead th{white-space:nowrap;vertical-align:middle}table.data thead th.orderable{position:relative;padding-left:0;padding-right:0}table.data thead th.orderable:not(.ordered):hover{background-color:var(--gray-100)}table.data thead th.orderable.ordered{background-color:var(--light-sel-color)}table.data thead th.orderable.ordered:not(.loading) button:after{display:block;content:\"\";font-size:0;width:7px;height:7px;border:solid currentColor;border-width:0 2px 2px 0;opacity:.8;transform:rotate(225deg);position:absolute;top:calc(50% - 3px)}body.ltr table.data thead th.orderable.ordered:not(.loading) button:after{right:10px}body.rtl table.data thead th.orderable.ordered:not(.loading) button:after{left:10px}table.data thead th.orderable.ordered:not(.loading).desc button:after{transform:rotate(45deg)}table.data thead th.orderable button{position:relative;font:inherit;width:100%;padding:14px}body.ltr table.data thead th.orderable button{padding-right:26px}body.rtl table.data thead th.orderable button{padding-left:26px}body.ltr table.data thead th.orderable button{text-align:left}body.rtl table.data thead th.orderable button{text-align:right}table.data thead th.orderable button:focus{z-index:1}table.data thead th:not(.loading) .spinner{display:none}table.data thead th .spinner{position:absolute;top:calc(50% - 6px);--size: 12px}body.ltr table.data thead th .spinner{right:8px}body.rtl table.data thead th .spinner{left:8px}table.data tbody tr:not(.disabled):hover th,table.data tbody tr:not(.disabled):hover td{background-color:var(--gray-050)}table.data tbody tr:not(.disabled):focus{position:relative;z-index:1}table.data tbody tr:not(.disabled).sel th,table.data tbody tr:not(.disabled).sel td{background-color:var(--light-sel-color)}table.data tbody th,table.data tbody td{padding-top:7px;padding-bottom:7px;background-clip:padding-box}table.data tbody td.timestamp{vertical-align:bottom;white-space:nowrap;color:var(--light-text-color)}body.ltr table.data tbody td.timestamp{text-align:right}body.rtl table.data tbody td.timestamp{text-align:left}table.data thead+tbody tr th,table.data thead+tbody tr td,table.data tr+tr th,table.data tr+tr td{border-top:1px solid rgba(0,0,0,0)}table.collapsed{width:auto}table.collapsed,table.collapsed tbody,table.collapsed tbody tr,table.collapsed tbody th,table.collapsed tbody td{display:block;border:none;padding:0;width:auto !important;white-space:normal}body.ltr table.collapsed,body.ltr table.collapsed tbody,body.ltr table.collapsed tbody tr,body.ltr table.collapsed tbody th,body.ltr table.collapsed tbody td{text-align:left}body.rtl table.collapsed,body.rtl table.collapsed tbody,body.rtl table.collapsed tbody tr,body.rtl table.collapsed tbody th,body.rtl table.collapsed tbody td{text-align:right}table.collapsed thead{display:none}table.collapsed tbody tr{padding:6px 0;border-bottom:1px dotted var(--hairline-color)}table.collapsed tbody tr:after{content:\"\";display:block;height:0;clear:both;visibility:hidden}table.collapsed tbody th,table.collapsed tbody td{padding:2px 0 !important}table.collapsed tbody td:empty{display:none}body.ltr table.collapsed tbody [data-title]{margin-right:0}body.rtl table.collapsed tbody [data-title]{margin-left:0}table.collapsed tbody [data-title]:before{margin-right:5px;content:attr(data-title) \":\";font-weight:bold}table.collapsed tbody [data-title] form{display:inline-block}.datatablesorthelper,.editabletablesorthelper,.thumbviewhelper{background-color:var(--white);box-shadow:0 1px 5px -1px rgba(31,41,51,.2)}.datatablesorthelper,.datatablesorthelper .element,.datatablesorthelper a{cursor:move !important}.datatablesorthelper tr:first-child th,.datatablesorthelper tr:first-child td{border-top:none !important}.datatablesorthelper tr:last-child th,.datatablesorthelper tr:last-child td{border-bottom:none !important}.element{position:relative;cursor:default;user-select:none;font-weight:normal;border-radius:var(--small-border-radius)}.element:focus,li:focus .element{background-color:var(--gray-050)}.element.sel,li.sel .element{background-color:var(--light-sel-color) !important;cursor:default}.element.sel:focus,li.sel .element:focus{background-color:#bdcbdb !important}.element.sel.hasthumb .elementthumb img,li.sel .element.hasthumb .elementthumb img{box-shadow:0 0 0 1px rgba(81,95,108,.1),0 6px 4px -4px rgba(81,95,108,.2)}.element.hasthumb .elementthumb:not(:empty){position:absolute;display:flex;justify-content:center;-ms-flex-pack:center;align-items:center;-ms-flex-align:center}.element.hasthumb .elementthumb:not(:empty) img{display:block;flex-shrink:0;pointer-events:none;border-radius:var(--small-border-radius);max-width:100%;max-height:100%}.element.hasthumb .elementthumb:not(:empty).rounded img{border-radius:50%}.element.hasthumb .elementthumb.open-preview{cursor:pointer}.element.error [data-icon=alert]{margin-left:var(--xs)}.element .label{display:inline-block}.element .label .draft-label{display:inline-block;padding:1px 5px;font-weight:normal;text-decoration:none !important;color:var(--medium-text-color);background:var(--gray-100);border-radius:var(--large-border-radius)}body.ltr .element .label .draft-label{margin:-1px 0 -1px 7px}body.rtl .element .label .draft-label{margin:-1px 7px -1px 0}.element.small,.element.large:not(.hasthumb){display:inline-block;padding:7px;box-sizing:border-box}body.ltr .element.small.hasstatus,body.ltr .element.large:not(.hasthumb).hasstatus{padding-left:22px}body.rtl .element.small.hasstatus,body.rtl .element.large:not(.hasthumb).hasstatus{padding-right:22px}.element.small.hasstatus .status,.element.large:not(.hasthumb).hasstatus .status{position:absolute;top:calc(50% - 5px)}body.ltr .element.small.hasstatus .status,body.ltr .element.large:not(.hasthumb).hasstatus .status{left:7px}body.rtl .element.small.hasstatus .status,body.rtl .element.large:not(.hasthumb).hasstatus .status{right:7px}.element.small.hasstatus .icon:not(.delete),.element.large:not(.hasthumb).hasstatus .icon:not(.delete){position:absolute;top:calc(50% - 11px)}body.ltr .element.small.hasstatus .icon:not(.delete),body.ltr .element.large:not(.hasthumb).hasstatus .icon:not(.delete){left:6px}body.rtl .element.small.hasstatus .icon:not(.delete),body.rtl .element.large:not(.hasthumb).hasstatus .icon:not(.delete){right:6px}body.ltr .element.small.hasthumb,body.ltr .element.large:not(.hasthumb).hasthumb{padding-left:39px}body.rtl .element.small.hasthumb,body.rtl .element.large:not(.hasthumb).hasthumb{padding-right:39px}.element.small.hasthumb .elementthumb:not(:empty),.element.large:not(.hasthumb).hasthumb .elementthumb:not(:empty){top:calc(50% - 17px);width:34px;height:34px}body.ltr .element.small.hasthumb .elementthumb:not(:empty),body.ltr .element.large:not(.hasthumb).hasthumb .elementthumb:not(:empty){left:0}body.rtl .element.small.hasthumb .elementthumb:not(:empty),body.rtl .element.large:not(.hasthumb).hasthumb .elementthumb:not(:empty){right:0}.element.small.hasthumb .elementthumb:not(:empty).checkered img,.element.large:not(.hasthumb).hasthumb .elementthumb:not(:empty).checkered img{background-image:linear-gradient(45deg, var(--gray-100) 25%, transparent 25%),linear-gradient(135deg, var(--gray-100) 25%, transparent 25%),linear-gradient(45deg, transparent 75%, var(--gray-100) 75%),linear-gradient(135deg, transparent 75%, var(--gray-100) 75%);background-size:8px 8px;background-position:0 0,4px 0,4px -4px,0 4px}body.ltr .element.small.hasthumb.hasstatus,body.ltr .element.large:not(.hasthumb).hasthumb.hasstatus{padding-left:54px}body.rtl .element.small.hasthumb.hasstatus,body.rtl .element.large:not(.hasthumb).hasthumb.hasstatus{padding-right:54px}body.ltr .element.small.hasthumb.hasstatus .status,body.ltr .element.large:not(.hasthumb).hasthumb.hasstatus .status{left:39px}body.rtl .element.small.hasthumb.hasstatus .status,body.rtl .element.large:not(.hasthumb).hasthumb.hasstatus .status{right:39px}.element.large.hasthumb{display:block;padding:132px 7px 7px;width:134px;box-sizing:border-box}body.ltr .element.large.hasthumb.hasstatus{padding-left:22px}body.rtl .element.large.hasthumb.hasstatus{padding-right:22px}.element.large.hasthumb.hasstatus .status{position:absolute;top:138px}body.ltr .element.large.hasthumb.hasstatus .status{left:7px}body.rtl .element.large.hasthumb.hasstatus .status{right:7px}.element.large.hasthumb .elementthumb:not(:empty){top:7px;width:120px;height:120px}body.ltr .element.large.hasthumb .elementthumb:not(:empty){left:7px}body.rtl .element.large.hasthumb .elementthumb:not(:empty){right:7px}.element.large.hasthumb .elementthumb:not(:empty).checkered img{background-image:linear-gradient(45deg, var(--gray-100) 25%, transparent 25%),linear-gradient(135deg, var(--gray-100) 25%, transparent 25%),linear-gradient(45deg, transparent 75%, var(--gray-100) 75%),linear-gradient(135deg, transparent 75%, var(--gray-100) 75%);background-size:15px 15px;background-position:0 0,7.5px 0,7.5px -7.5px,0 7.5px}.element.large.hasthumb .label{display:block;word-wrap:normal}body.ltr .element.removable .label{padding-right:20px}body.rtl .element.removable .label{padding-left:20px}.element.removable .delete:before{color:var(--ui-control-color)}.element.removable.small .delete,.element.removable.large:not(.hasthumb) .delete{position:absolute;top:calc(50% - 11px)}body.ltr .element.removable.small .delete,body.ltr .element.removable.large:not(.hasthumb) .delete{right:7px}body.rtl .element.removable.small .delete,body.rtl .element.removable.large:not(.hasthumb) .delete{left:7px}.element.removable.large.hasthumb .delete{position:absolute}body.ltr .element.removable.large.hasthumb .delete{right:7px}body.rtl .element.removable.large.hasthumb .delete{left:7px}.element:not(.removable) .delete{display:none}.elements{position:relative}.elements:not(.busy) .update-spinner{display:none}.elements.busy{min-height:200px}.elements.busy:after{display:block;content:\"\";font-size:0;position:absolute;top:0;left:-24px;width:calc(100% + 48px);height:100%;background:rgba(255,255,255,.75);border-radius:var(--large-border-radius)}.elements.busy .update-spinner{z-index:1}.elements .header{margin:-24px -24px 24px;padding:14px 24px;background-color:var(--gray-050);box-shadow:none}.elements .header:after{content:\"\"}.elements .header .selectallcontainer{cursor:default}body.ltr .elements .header .selectallcontainer .checkbox{margin-right:5px}body.rtl .elements .header .selectallcontainer .checkbox{margin-left:5px}.elements .tableview .move,.elements .tableview .toggle{display:flex;position:absolute;justify-content:center;align-items:center;top:50%;transform:translateY(-50%);width:var(--touch-target-size);height:var(--touch-target-size)}body.ltr .elements .tableview .move,body.ltr .elements .tableview .toggle{margin-left:calc(var(--touch-target-size)*-1)}body.rtl .elements .tableview .move,body.rtl .elements .tableview .toggle{margin-right:calc(var(--touch-target-size)*-1)}.elements .tableview .move{font-size:11px;text-decoration:none}.elements .tableview .toggle{text-align:center;padding:4px;border-radius:50%}body.ltr .elements .tableview .move+.toggle{margin-left:calc(var(--touch-target-size)*-2)}body.rtl .elements .tableview .move+.toggle{margin-right:calc(var(--touch-target-size)*-2)}.elements .thumbsview{width:calc(\n 100% + 15px\n );display:grid;gap:5px;grid-template-columns:repeat(auto-fit, minmax(180px, 1fr))}body.ltr .elements .thumbsview{margin:-7px -8px -8px -7px}body.rtl .elements .thumbsview{margin:-7px -7px -8px -8px}.elements .thumbsview li{position:relative}body.ltr .elements .thumbsview li{margin:0 1px 1px 0}body.rtl .elements .thumbsview li{margin:0 0 1px 1px}.elements .thumbsview li:hover .element{background-color:var(--gray-050)}.elements .thumbsview li .element.large.hasthumb{width:unset}.elements .thumbsview li .element.large.hasthumb .elementthumb:not(:empty){width:100%}body.ltr .elements .thumbsview li.has-checkbox .element.hasthumb:not(.hasstatus){padding-left:28px}body.rtl .elements .thumbsview li.has-checkbox .element.hasthumb:not(.hasstatus){padding-right:28px}body.ltr .elements .thumbsview li.has-checkbox .element.hasthumb.hasstatus{padding-left:43px}body.rtl .elements .thumbsview li.has-checkbox .element.hasthumb.hasstatus{padding-right:43px}body.ltr .elements .thumbsview li.has-checkbox .element.hasthumb.hasstatus .status{left:28px}body.rtl .elements .thumbsview li.has-checkbox .element.hasthumb.hasstatus .status{right:28px}.elements .thumbsview li.has-checkbox .checkbox{position:absolute;top:134px}body.ltr .elements .thumbsview li.has-checkbox .checkbox{left:7px}body.rtl .elements .thumbsview li.has-checkbox .checkbox{right:7px}.export-form{position:relative}.export-form .spinner{position:absolute;bottom:0}body.ltr .export-form .spinner{right:-24px}body.rtl .export-form .spinner{left:-24px}.thumbviewhelper{margin:-7px;padding:7px}.thumbviewhelper .thumbsview,.thumbviewhelper .thumbsview li{margin:0 !important}.structure{position:relative;z-index:1}body.ltr .structure li{padding-left:8px}body.rtl .structure li{padding-right:8px}.structure li.collapsed>ul{display:none}.structure li .row:hover>.icon,.structure li.draghelper>.row .move,.structure li .add.active{opacity:1}.structure li.draghelper>.row .add{opacity:0}.structure li.draghelper>.row .move:before{color:var(--link-color)}.structure li.draginsertion{position:relative;height:2px;background-color:var(--link-color) !important;border-radius:1px}body.ltr .structure li.draginsertion{margin:-1px 0 -1px 8px}body.rtl .structure li.draginsertion{margin:-1px 8px -1px 0}body.ltr .structure li.draginsertion{padding-left:0}body.rtl .structure li.draginsertion{padding-right:0}body.ltr .structure li.draginsertion{border-left:none}body.rtl .structure li.draginsertion{border-right:none}.structure li .toggle{position:relative;z-index:1;padding:4px}body.ltr .structure li .toggle{float:left}body.rtl .structure li .toggle{float:right}body.ltr .structure li .toggle{margin:10px -8px 0 -12px}body.rtl .structure li .toggle{margin:10px -12px 0 -8px}.structure li .row:after{content:\"\";display:block;height:0;clear:both;visibility:hidden}.structure li .move,.structure li .add{opacity:0;transition:opacity linear 100ms}body.ltr .structure li .move,body.ltr .structure li .add{margin:5px 5px 0 0}body.rtl .structure li .move,body.rtl .structure li .add{margin:5px 0 0 5px}.structure li .add{padding:0 5px}.structure li .add:before{content:\"downangle\";color:var(--dark-hairline-color)}.structure li .add:not(.disabled):hover:before,.structure li .add.active:before{color:var(--link-color)}body.ltr .structure li .checkbox{float:left}body.rtl .structure li .checkbox{float:right}body.ltr .structure li .checkbox{margin:7px 0 0 7px}body.rtl .structure li .checkbox{margin:7px 7px 0 0}body.ltr .structure ul{margin-left:-3px}body.rtl .structure ul{margin-right:-3px}.structure ul li{background-repeat:no-repeat}body.ltr .structure ul li{padding-left:38px}body.rtl .structure ul li{padding-right:38px}body.ltr .structure ul li{background-image:url(../images/branch.png);background-position:0 0}body.rtl .structure ul li{background-image:url(../images/branch_rtl.png);background-position:100% 0}body.ltr .structure ul li:not(:last-child):not(.last){padding-left:37px}body.rtl .structure ul li:not(:last-child):not(.last){padding-right:37px}body.ltr .structure ul li:not(:last-child):not(.last){border-left:1px solid var(--hairline-color)}body.rtl .structure ul li:not(:last-child):not(.last){border-right:1px solid var(--hairline-color)}body.ltr .structure ul li:not(:last-child):not(.last){background-position:-1px 0}body.rtl .structure ul li:not(:last-child):not(.last){background-position:calc(100% + 1px) 0}body.ltr .structure ul li.draginsertion{margin-left:38px}body.rtl .structure ul li.draginsertion{margin-right:38px}.structure .row.draghover .element{z-index:2;border-radius:15px;box-shadow:inset 0 0 0 2px var(--link-color)}.structure .row.droptarget{border-radius:5px;box-shadow:inset 0 0 0 2px var(--link-color)}.elementselect{position:relative;min-height:34px;margin-top:-7px}.elementselect .elements:after{content:\"\";display:block;height:0;clear:both;visibility:hidden}body.ltr .elementselect .element{float:left}body.rtl .elementselect .element{float:right}body.ltr .elementselect .element{margin:7px 7px 0 0}body.rtl .elementselect .element{margin:7px 0 0 7px}.elementselect .element.small,.elementselect .flex,.elementselect .btn{clear:both}.elementselect .element{z-index:1}.elementselect .element.small{max-width:100%}.elementselect .element.small .label{display:block;max-width:100%;box-sizing:border-box;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}body.ltr .elementselect .caboose{float:left}body.rtl .elementselect .caboose{float:right}.elementselect .flex{padding-top:7px;float:none !important}table.editable{border-radius:var(--large-border-radius);border:1px solid var(--gray-200)}table.editable th,table.editable td.action{color:var(--medium-text-color);font-weight:normal;background-color:var(--gray-050)}table.editable thead tr th,table.editable tbody tr th{padding:6px 10px}table.editable thead tr th{border-bottom:1px solid var(--hairline-color)}body.ltr table.editable thead tr th.has-info{padding-right:calc(15px + 1em)}body.rtl table.editable thead tr th.has-info{padding-left:calc(15px + 1em)}table.editable thead tr th span.info{position:absolute;margin-left:5px}table.editable tbody tr:not(:first-child) th,table.editable tbody tr:not(:first-child) td{border-top:1px solid var(--hairline-color)}body.ltr table.editable tbody tr:last-child td:first-child{border-bottom-left-radius:var(--large-border-radius)}body.rtl table.editable tbody tr:last-child td:first-child{border-bottom-right-radius:var(--large-border-radius)}body.ltr table.editable tbody tr:last-child td:first-child textarea,body.ltr table.editable tbody tr:last-child td:first-child input.text{border-bottom-left-radius:var(--large-border-radius)-1}body.rtl table.editable tbody tr:last-child td:first-child textarea,body.rtl table.editable tbody tr:last-child td:first-child input.text{border-bottom-right-radius:var(--large-border-radius)-1}body.ltr table.editable tbody tr td:not(:first-child),body.ltr table.editable tbody tr th~td:not(.hidden)~td{border-left:1px solid var(--hairline-color)}body.rtl table.editable tbody tr td:not(:first-child),body.rtl table.editable tbody tr th~td:not(.hidden)~td{border-right:1px solid var(--hairline-color)}body.ltr table.editable tbody tr th~td:not(:first-child){border-left:1px solid #dbdddf}body.rtl table.editable tbody tr th~td:not(:first-child){border-right:1px solid #dbdddf}table.editable tbody tr td{vertical-align:top;text-align:center;background-color:var(--white);padding:4px 10px}table.editable tbody tr td.focus{position:relative;box-shadow:inset 0 0 0 1px var(--hairline-color)}table.editable tbody tr td.textual{padding:0}table.editable tbody tr td.textual textarea{resize:none}table.editable tbody tr td.textual pre{white-space:pre-wrap}body.ltr table.editable tbody tr td.textual pre{text-align:left}body.rtl table.editable tbody tr td.textual pre{text-align:right}table.editable tbody tr td.lightswitch-cell{padding-top:9px;padding-bottom:9px}table.editable tbody tr td.lightswitch-cell .lightswitch{display:block;margin:0 auto}table.editable tbody tr td.checkbox-cell{padding-top:10px;padding-bottom:10px}table.editable tbody tr td.checkbox-cell .checkbox-wrapper{display:block;margin:-2px auto 0;width:16px;height:16px}table.editable tbody tr td.error{box-shadow:inset 0 0 0 1px var(--error-color)}table.editable tbody tr td.disabled{position:relative;opacity:1}table.editable tbody tr td.disabled:after{content:\"\";font-size:0;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(243,247,252,.75);user-select:none}table.editable tbody tr td.action{padding:4px 7px}body.ltr table.editable tbody tr td.action+td.action{border-left:none}body.rtl table.editable tbody tr td.action+td.action{border-right:none}body.ltr table.editable tbody tr td.action+td.action{padding-left:0}body.rtl table.editable tbody tr td.action+td.action{padding-right:0}table.editable tbody tr td .flex>*{margin-bottom:0}table.editable tbody textarea,table.editable tbody textarea.text,table.editable tbody input.text,table.editable tbody pre{display:block;width:100%;border:none;box-shadow:none;border-radius:0;padding:7px 10px;background-color:rgba(0,0,0,0);overflow:hidden;transition:none;box-sizing:border-box}table.editable tbody .color-container{display:block;position:relative}table.editable tbody .color-container>.color,table.editable tbody .color-container .color-input{margin-bottom:0}table.editable tbody .color-container>.color{position:absolute;top:10px;z-index:1}body.ltr table.editable tbody .color-container>.color{left:10px}body.rtl table.editable tbody .color-container>.color{right:10px}body.ltr table.editable tbody .color-container .color-hex-indicator{left:32px}body.rtl table.editable tbody .color-container .color-hex-indicator{right:32px}body.ltr table.editable tbody .color-container .color-input{padding-left:calc(32px + 1em)}body.rtl table.editable tbody .color-container .color-input{padding-right:calc(32px + 1em)}table.editable tbody .datewrapper,table.editable tbody .timewrapper{display:block;width:100%}table.editable tbody .datewrapper .text+div[data-icon],table.editable tbody .timewrapper .text+div[data-icon]{top:6px}body.ltr table.editable tbody .datewrapper .text+div[data-icon],body.ltr table.editable tbody .timewrapper .text+div[data-icon]{left:10px}body.rtl table.editable tbody .datewrapper .text+div[data-icon],body.rtl table.editable tbody .timewrapper .text+div[data-icon]{right:10px}table.editable:not(.static) td.textual{cursor:text}table.editable+.btn.add{display:block;width:100%}table.editable:not(.hidden)+.btn.add{border-top-width:0;border-radius:0 0 var(--medium-border-radius) var(--medium-border-radius)}.border-box+.buttons,.shadow-box+.buttons{margin-top:7px}body.ltr ul.tree,body.ltr .tree ul{margin-left:20px}body.rtl ul.tree,body.rtl .tree ul{margin-right:20px}body.ltr .tree li .toggle{margin:7px 0 0 -15px}body.rtl .tree li .toggle{margin:7px -15px 0 0}.status{display:inline-block;width:10px;height:10px;border:1px solid rgba(0,0,0,0);border-radius:100%;box-sizing:border-box}body.ltr .status{margin-right:10px}body.rtl .status{margin-left:10px}body.use-shapes .status.pending{background-color:rgba(0,0,0,0);border-style:solid;border-width:0 5px 10px 5px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) var(--pending-color) rgba(0,0,0,0);border-radius:1px}body.use-shapes .status.off,body.use-shapes .status.suspended,body.use-shapes .status.expired{border-radius:1px}.status:not(.on):not(.live):not(.active):not(.enabled):not(.pending):not(.off):not(.suspended):not(.expired):not(.yellow):not(.orange):not(.red):not(.pink):not(.purple):not(.blue):not(.green):not(.turquoise):not(.light):not(.grey):not(.black){border-color:var(--ui-control-color)}.green,.status.on,.status.live,.status.active,.status.enabled{background-color:var(--enabled-color)}.orange,.status.pending{background-color:var(--pending-color)}.red,.status.off,.status.suspended,.status.expired{background-color:var(--disabled-color)}.yellow{background-color:var(--yellow-300)}.pink{background-color:var(--pink-400)}.purple{background-color:#9b59b6}.blue{background-color:var(--blue-600)}.turquoise{background-color:var(--teal-300)}.status.light{background-color:var(--gray-100)}.grey{background-color:var(--gray-300)}.black{background-color:var(--gray-800)}.status.white,.status.disabled{opacity:1}.condition-container{margin:24px 0}.condition-rule,.condition-footer{padding:7px}.condition-footer{border:1px dashed var(--medium-hairline-color);border-radius:var(--large-border-radius)}.condition:not(:empty)+.condition-footer{border-top-width:0;border-top-left-radius:0;border-top-right-radius:0}.condition-footer .spinner:not(.loading){display:none}.condition-rule{margin:0;border:1px solid var(--hairline-color);background-color:var(--gray-050)}.condition-rule:first-child{border-top-left-radius:var(--large-border-radius);border-top-right-radius:var(--large-border-radius)}.condition-rule+.condition-rule{border-top-width:0}.condition-rule>.rule-move,.condition-rule>.rule-actions{margin-top:5px}.condition-rule>.rule-body .lightswitch{margin-top:6px;display:block}.condition-rule>.rule-body .selectize{min-width:100px}.condition-rule>.rule-body .text.fullwidth{min-width:100px;max-width:100%}.progressbar{border-radius:6px;border:2px solid var(--gray-700);padding:2px;position:absolute;left:20%;width:60%;z-index:1000}.progressbar-inner{border-radius:2px;height:4px;background-color:var(--gray-700)}.progressbar:not(.pending) .progressbar-inner{width:0;transition:width linear 100ms}.progressbar.pending .progressbar-inner{animation-timing-function:linear;animation-duration:250ms;animation-iteration-count:infinite}body.ltr .progressbar.pending .progressbar-inner{background:repeating-linear-gradient(135deg, var(--white), var(--white) 8.8388347649px, var(--gray-700) 8.8388347649px, var(--gray-700) 17.6776695297px)}body.rtl .progressbar.pending .progressbar-inner{background:repeating-linear-gradient(45deg, var(--white), var(--white) 8.8388347649px, var(--gray-700) 8.8388347649px, var(--gray-700) 17.6776695297px)}body.ltr .progressbar.pending .progressbar-inner{animation-name:pendingprogress-ltr}body.rtl .progressbar.pending .progressbar-inner{animation-name:pendingprogress-rtl}@keyframes pendingprogress-ltr{from{background-position:0}to{background-position:25px}}@keyframes pendingprogress-rtl{from{background-position:0}to{background-position:-25px}}.elementselect .progress-shade{background-color:rgba(255,255,255,.8);width:100%;height:100%;position:absolute;top:0;display:none}body.ltr .elementselect .progress-shade{left:0}body.rtl .elementselect .progress-shade{right:0}.elementselect.uploading{position:relative}.elementselect.uploading .progress-shade{display:block;z-index:2}.missing-component{padding:7px 10px !important;max-width:400px;background-color:var(--gray-050) !important}.missing-component .error{margin:0}.missing-component .install-plugin{margin:7px 0 -7px;border-top:1px solid var(--hairline-color);position:relative}body.ltr .missing-component .install-plugin{padding:10px 0 10px 40px}body.rtl .missing-component .install-plugin{padding:10px 40px 10px 0}.missing-component .install-plugin .icon{width:32px;height:32px;position:absolute;top:calc(50% - 16px)}body.ltr .missing-component .install-plugin .icon{left:0}body.rtl .missing-component .install-plugin .icon{right:0}.missing-component .install-plugin .icon img,.missing-component .install-plugin .icon svg{width:100%;height:100%}.missing-component .install-plugin h3{flex:1;margin:8px 0 !important}.missing-component .install-plugin .btn{margin:0}.pane{background:#fff;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);position:relative;margin:14px 0;padding:24px;border-radius:var(--large-border-radius);word-wrap:break-word;box-sizing:border-box}.pane:focus{box-shadow:var(--focus-ring)}.pane .pane,#content .pane{background-color:var(--gray-050);border:1px solid var(--hairline-color);box-shadow:none}.pane.loading{min-height:200px}.pane.loading:after{display:block;content:\"\";font-size:0;position:absolute;top:0;left:-24px;width:calc(100% + 48px);height:100%}.pane-header{margin:calc(var(--xl)*-1) var(--neg-padding) var(--xl);padding:var(--s) var(--xl);min-height:50px;box-sizing:border-box;box-shadow:inset 0 -1px 0 0 rgba(154,165,177,.25);border-radius:var(--large-border-radius) var(--large-border-radius) 0 0;background-color:var(--gray-050)}.pane-header .header-btn{margin:2px 0;width:30px;height:30px;padding-left:0;padding-right:0}.pane-header .header-btn:not(:hover):not(:active):not(.active){background-color:rgba(0,0,0,0)}.pane-header .header-btn:not(:active):not(.active):hover{background-color:rgba(154,165,177,.15)}.pane-header .spinner{margin:0 !important}.pane-tabs{display:flex;flex-direction:row;align-items:center;margin:calc(var(--s)*-1) calc(var(--xl)*-1)}.pane-tabs:first-child{border-radius:var(--large-border-radius) var(--large-border-radius) 0 0;overflow:hidden}.pane-tabs [role=tablist]{flex:1;display:flex;flex-direction:row;overflow-x:auto;scrollbar-width:none}.pane-tabs [role=tablist]::-webkit-scrollbar{display:none}body.ltr .pane-tabs [role=tablist].scrollable{mask-image:linear-gradient(to left, rgba(0, 0, 0, 0), rgb(0, 0, 0) 24px)}body.rtl .pane-tabs [role=tablist].scrollable{mask-image:linear-gradient(to right, rgba(0, 0, 0, 0), rgb(0, 0, 0) 24px)}.pane-tabs [role=tablist] [role=tab],.pane-tabs [role=tablist] [role=tab] .tab-label{border-radius:2px 2px 0 0}.pane-tabs [role=tablist] [role=tab] .tab-label{display:flex;flex-direction:row;align-items:center;position:relative;padding:0 24px;white-space:nowrap;color:var(--light-text-color);height:50px}.pane-tabs [role=tablist] [role=tab]:hover{text-decoration:none}.pane-tabs [role=tablist] [role=tab].focus-visible{box-shadow:none}.pane-tabs [role=tablist] [role=tab].focus-visible .tab-label{box-shadow:var(--inner-focus-ring)}.pane-tabs [role=tablist] [role=tab]:not(.sel):hover{background-color:rgba(154,165,177,.15)}.pane-tabs [role=tablist] [role=tab].sel{position:relative;z-index:1;cursor:default;color:var(--text-color);box-shadow:inset 0 2px 0 var(--gray-500),0 0 0 1px rgba(51,64,77,.1),0 2px 12px rgba(205,216,228,.5);color:var(--text-color);background-color:var(--white)}body.ltr .pane-tabs [role=tablist] [role=tab] span[data-icon]{margin-left:4px}body.rtl .pane-tabs [role=tablist] [role=tab] span[data-icon]{margin-right:4px}body.ltr .pane-tabs:first-child [role=tablist] [role=tab]:first-child,body.ltr .pane-tabs:first-child [role=tablist] [role=tab]:first-child .tab-label{border-top-left-radius:var(--large-border-radius)}body.rtl .pane-tabs:first-child [role=tablist] [role=tab]:first-child,body.rtl .pane-tabs:first-child [role=tablist] [role=tab]:first-child .tab-label{border-top-right-radius:var(--large-border-radius)}.pane-tabs .menubtn{margin:0 var(--xl)}.details{--spacing: var(--l);padding:0 var(--padding) var(--spacing)}.details .meta,.details .field,.details hr{margin-left:var(--neg-padding);margin-right:var(--neg-padding)}.details .meta{margin-bottom:var(--spacing)}.details .meta:not(.read-only){background-color:var(--gray-050) !important}.details .meta.read-only{color:var(--medium-text-color)}.details .meta.read-only>.data{align-items:baseline;min-height:auto}.details .meta.read-only>.data>.heading,.details .meta.read-only>.data>.value{padding:6px 0}.details .meta.read-only>.data:first-child>.heading,.details .meta.read-only>.data:first-child>.value{padding-top:0}.details .meta.read-only>.data:last-child>.heading,.details .meta.read-only>.data:last-child>.value{padding-bottom:0}.details .meta.warning{padding-top:var(--m);padding-bottom:var(--m);color:var(--text-color) !important;background-color:var(--yellow-050) !important;box-shadow:0 0 0 1px var(--yellow-300),0 2px 12px rgba(205,216,228,.5)}.details .meta.warning p{margin-bottom:5px}.details .meta.warning .btn{background-color:var(--yellow-300)}.details .meta.warning .btn:hover,.details .meta.warning .btn:focus{background-color:#f8d02e}.details .meta.warning .btn:active{background-color:#f8ca15}.details .meta>.field,.details .meta>.data{margin:0 var(--neg-padding) !important}.details .meta>.field>.heading>label,.details .meta>.field>.heading,.details .meta>.data>.heading>label,.details .meta>.data>.heading{color:var(--gray-600)}body.ltr .details .meta>.field>.status-badge{left:0}body.rtl .details .meta>.field>.status-badge{right:0}.details .meta .text::placeholder,.details .meta .datewrapper .text+div[data-icon],.details .meta .timewrapper .text+div[data-icon]{color:var(--gray-500)}body.ltr .details .meta .ui-datepicker{margin:0 0 0 -8px}body.rtl .details .meta .ui-datepicker{margin:0 -8px 0 0}.details hr{margin:var(--spacing) 0;border-top-color:var(--hairline-color)}.details input::-webkit-input-placeholder,.details textarea::-webkit-input-placeholder{color:var(--gray-500)}.details input:-ms-input-placeholder,.details textarea:-ms-input-placeholder{color:var(--gray-500)}.details input::-ms-input-placeholder,.details textarea::-ms-input-placeholder{color:var(--gray-500)}.details input:-moz-placeholder,.details textarea:-moz-placeholder{color:var(--gray-500)}.details input::-moz-placeholder,.details textarea::-moz-placeholder{color:var(--gray-500)}.details input::placeholder,.details textarea::placeholder{color:var(--gray-500)}.details .text{background-color:rgba(0,0,0,0) !important;resize:none}.details>.field>.heading>label,.details>fieldset>legend{margin-top:0;font-weight:normal;color:var(--gray-600)}.details>fieldset{margin:0 0 var(--spacing)}.details>fieldset>legend{margin-bottom:5px}.details>.field{margin:0 0 var(--spacing)}.details>.field>.heading{margin-top:0}.details>.field>.input>.text.fullwidth{margin:0 var(--neg-padding);padding-left:var(--padding);padding-right:var(--padding);border:none;background-color:var(--gray-050) !important;width:calc(100% + var(--padding) + var(--padding))}.details>.text{border-radius:var(--large-border-radius);margin-bottom:var(--spacing)}.details>.text:not(:focus){border-color:rgba(96,125,159,.4)}.meta{padding:0 var(--padding);overflow:visible}.meta>.field,.meta>.data,.meta>.flex-fields>.field,.meta>.flex-fields>.data{display:flex;min-height:50px;box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;align-items:center;margin:0 var(--neg-padding) !important;padding:0 var(--padding);transition:padding-left linear 100ms,padding-right linear 100ms}body.ltr .meta>.field.nested,body.ltr .meta>.data.nested,body.ltr .meta>.flex-fields>.field.nested,body.ltr .meta>.flex-fields>.data.nested{padding-left:38px}body.rtl .meta>.field.nested,body.rtl .meta>.data.nested,body.rtl .meta>.flex-fields>.field.nested,body.rtl .meta>.flex-fields>.data.nested{padding-right:38px}.meta>.field.add,.meta>.data.add,.meta>.flex-fields>.field.add,.meta>.flex-fields>.data.add{background-color:#ebf2fa}.meta>.field.add:before,.meta>.data.add:before,.meta>.flex-fields>.field.add:before,.meta>.flex-fields>.data.add:before{position:absolute;width:31px;font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);content:\"plus\";color:var(--light-text-color)}body.ltr .meta>.field.add:before,body.ltr .meta>.data.add:before,body.ltr .meta>.flex-fields>.field.add:before,body.ltr .meta>.flex-fields>.data.add:before{left:0}body.rtl .meta>.field.add:before,body.rtl .meta>.data.add:before,body.rtl .meta>.flex-fields>.field.add:before,body.rtl .meta>.flex-fields>.data.add:before{right:0}body.ltr .meta>.field.add:before,body.ltr .meta>.data.add:before,body.ltr .meta>.flex-fields>.field.add:before,body.ltr .meta>.flex-fields>.data.add:before{text-align:right}body.rtl .meta>.field.add:before,body.rtl .meta>.data.add:before,body.rtl .meta>.flex-fields>.field.add:before,body.rtl .meta>.flex-fields>.data.add:before{text-align:left}.meta>.field.add .input,.meta>.data.add .input,.meta>.flex-fields>.field.add .input,.meta>.flex-fields>.data.add .input{width:100%}.meta>.field>.heading,.meta>.data>.heading,.meta>.flex-fields>.field>.heading,.meta>.flex-fields>.data>.heading{flex:0 0 104px;line-height:18px}body.ltr .meta>.field>.heading,body.ltr .meta>.data>.heading,body.ltr .meta>.flex-fields>.field>.heading,body.ltr .meta>.flex-fields>.data>.heading{margin:0 var(--s) 0 0}body.rtl .meta>.field>.heading,body.rtl .meta>.data>.heading,body.rtl .meta>.flex-fields>.field>.heading,body.rtl .meta>.flex-fields>.data>.heading{margin:0 0 0 var(--s)}.meta>.field.lightswitch-field>.heading,.meta>.data.lightswitch-field>.heading,.meta>.flex-fields>.field.lightswitch-field>.heading,.meta>.flex-fields>.data.lightswitch-field>.heading{flex:1}.meta>.field>.input .flex,.meta>.data>.input .flex,.meta>.flex-fields>.field>.input .flex,.meta>.flex-fields>.data>.input .flex{flex-wrap:nowrap}.meta>.field>.input .flex>*,.meta>.data>.input .flex>*,.meta>.flex-fields>.field>.input .flex>*,.meta>.flex-fields>.data>.input .flex>*{margin-bottom:0}.meta>.field>.heading,.meta>.flex-fields>.field>.heading{padding:14px 0}.meta>.field>.heading>.copytextbtn,.meta>.flex-fields>.field>.heading>.copytextbtn{display:none}.meta>.data>.heading,.meta>.flex-fields>.data>.heading{padding:var(--s) 0}.meta>.field>.heading>label,.meta>.data>.heading,.meta>.flex-fields>.field>.heading>label,.meta>.flex-fields>.data>.heading{color:var(--medium-text-color)}.meta>.field>.input,.meta>.data>.value,.meta>.flex-fields>.field>.input,.meta>.flex-fields>.data>.value{padding:var(--s) 0;width:calc(100% - 112px)}.meta>.data>.value,.meta>.flex-fields>.data>.value{display:flex;align-items:center}.meta>.data>.value>[data-icon=draft],.meta>.flex-fields>.data>.value>[data-icon=draft]{margin-top:-2px}body.ltr .meta>.data>.value>[data-icon=draft],body.ltr .meta>.flex-fields>.data>.value>[data-icon=draft]{margin-right:8px}body.rtl .meta>.data>.value>[data-icon=draft],body.rtl .meta>.flex-fields>.data>.value>[data-icon=draft]{margin-left:8px}.meta>.field.lightswitch-field>.input,.meta>.flex-fields>.field.lightswitch-field>.input{flex:0;width:auto}.meta>.field.has-errors,.meta>.flex-fields>.field.has-errors{border:1px solid var(--error-color) !important}.meta>.field.has-errors:first-child,.meta>.flex-fields>.field.has-errors:first-child{border-top-left-radius:var(--large-border-radius);border-top-right-radius:var(--large-border-radius)}.meta>.field.has-errors:last-child,.meta>.flex-fields>.field.has-errors:last-child{border-bottom-left-radius:var(--large-border-radius);border-bottom-right-radius:var(--large-border-radius)}.meta>.field.has-errors+.field,.meta>.flex-fields>.field.has-errors+.field{border-top:none !important}.meta>.field>.heading>label,.meta>.field>.heading>legend,.meta>.flex-fields>.field>.heading>label,.meta>.flex-fields>.field>.heading>legend{font-weight:normal}.meta>.field>.input>.text,.meta>.field>.input>.flex>.text,.meta>.field>.input>.flex>.textwrapper>.text,.meta>.field>.input>.datewrapper>.text,.meta>.field>.input>.timewrapper>.text,.meta>.field>.input>.datetimewrapper>.datewrapper>.text,.meta>.field>.input>.datetimewrapper>.timewrapper>.text,.meta>.flex-fields>.field>.input>.text,.meta>.flex-fields>.field>.input>.flex>.text,.meta>.flex-fields>.field>.input>.flex>.textwrapper>.text,.meta>.flex-fields>.field>.input>.datewrapper>.text,.meta>.flex-fields>.field>.input>.timewrapper>.text,.meta>.flex-fields>.field>.input>.datetimewrapper>.datewrapper>.text,.meta>.flex-fields>.field>.input>.datetimewrapper>.timewrapper>.text{display:block;margin:calc(var(--s)*-1) 0;padding:14px 0;border-radius:0;background-color:rgba(0,0,0,0);border:none !important}.meta>.field>.input>.datewrapper,.meta>.field>.input>.timewrapper,.meta>.field>.input>.datetimewrapper>.datewrapper,.meta>.field>.input>.datetimewrapper>.timewrapper,.meta>.flex-fields>.field>.input>.datewrapper,.meta>.flex-fields>.field>.input>.timewrapper,.meta>.flex-fields>.field>.input>.datetimewrapper>.datewrapper,.meta>.flex-fields>.field>.input>.datetimewrapper>.timewrapper{background-color:rgba(0,0,0,0)}body.ltr .meta>.field>.input>.datewrapper .text+div[data-icon],body.ltr .meta>.field>.input>.timewrapper .text+div[data-icon],body.ltr .meta>.field>.input>.datetimewrapper>.datewrapper .text+div[data-icon],body.ltr .meta>.field>.input>.datetimewrapper>.timewrapper .text+div[data-icon],body.ltr .meta>.flex-fields>.field>.input>.datewrapper .text+div[data-icon],body.ltr .meta>.flex-fields>.field>.input>.timewrapper .text+div[data-icon],body.ltr .meta>.flex-fields>.field>.input>.datetimewrapper>.datewrapper .text+div[data-icon],body.ltr .meta>.flex-fields>.field>.input>.datetimewrapper>.timewrapper .text+div[data-icon]{left:0}body.rtl .meta>.field>.input>.datewrapper .text+div[data-icon],body.rtl .meta>.field>.input>.timewrapper .text+div[data-icon],body.rtl .meta>.field>.input>.datetimewrapper>.datewrapper .text+div[data-icon],body.rtl .meta>.field>.input>.datetimewrapper>.timewrapper .text+div[data-icon],body.rtl .meta>.flex-fields>.field>.input>.datewrapper .text+div[data-icon],body.rtl .meta>.flex-fields>.field>.input>.timewrapper .text+div[data-icon],body.rtl .meta>.flex-fields>.field>.input>.datetimewrapper>.datewrapper .text+div[data-icon],body.rtl .meta>.flex-fields>.field>.input>.datetimewrapper>.timewrapper .text+div[data-icon]{right:0}.meta>.field>.input>.datetimewrapper>.datewrapper,.meta>.flex-fields>.field>.input>.datetimewrapper>.datewrapper{width:55%}.meta>.field>.input>.datetimewrapper>.timewrapper,.meta>.flex-fields>.field>.input>.datetimewrapper>.timewrapper{width:45%}body.ltr .meta>.field>.input>.datetimewrapper>.clear-btn,body.ltr .meta>.flex-fields>.field>.input>.datetimewrapper>.clear-btn{margin-right:-24px}body.rtl .meta>.field>.input>.datetimewrapper>.clear-btn,body.rtl .meta>.flex-fields>.field>.input>.datetimewrapper>.clear-btn{margin-left:-24px}.meta>.field>.input>.datewrapper,.meta>.field>.input>.timewrapper,.meta>.flex-fields>.field>.input>.datewrapper,.meta>.flex-fields>.field>.input>.timewrapper{display:block;width:100%}.meta>.field>ul.errors,.meta>.flex-fields>.field>ul.errors{margin:0;padding:0 0 6px;width:100%;list-style-type:none}body.ltr .meta>.field>.clear-btn,body.ltr .meta>.flex-fields>.field>.clear-btn{margin-right:var(--neg-padding)}body.rtl .meta>.field>.clear-btn,body.rtl .meta>.flex-fields>.field>.clear-btn{margin-left:var(--neg-padding)}.meta>.field:not(:first-child),.meta>.flex-fields+.field{border-top:1px solid var(--hairline-color)}.meta>.flex-fields h2,.meta>.flex-fields blockquote.note{margin:0 -24px !important;padding:14px 24px;background-color:#ebf2fa}.meta>.flex-fields blockquote.note{border-radius:0;border:none}.meta>.flex-fields hr{margin:0 -24px}.meta>.field>.input>.select{display:block;margin:calc(var(--s)*-1) 0;width:100%;border-radius:0;box-shadow:none;background-color:rgba(0,0,0,0)}body.ltr .meta>.field>.input>.select:after{right:0}body.rtl .meta>.field>.input>.select:after{left:0}.meta>.field>.input>.select+.spinner{position:absolute;top:calc(50% - 17px)}body.ltr .meta>.field>.input>.select+.spinner{right:-24px}body.rtl .meta>.field>.input>.select+.spinner{left:-24px}.meta>.field>.input>.select select{width:100%;background-color:rgba(0,0,0,0)}body.ltr .meta>.field>.input>.select select{padding:var(--s) 12px var(--s) 0}body.rtl .meta>.field>.input>.select select{padding:var(--s) 0 var(--s) 12px}.body{position:relative}.slideout-container,.slideout,.modal,.hud{z-index:100;box-sizing:border-box}.modal,.hud .body{border-radius:5px;background-color:#fff;box-shadow:0 25px 100px rgba(31,41,51,.5)}.slideout-shade{opacity:0;transition:opacity linear 250ms}.slideout-shade.so-visible{opacity:1}.slideout-container{position:fixed;top:0;left:0;width:100vw;height:100vh;height:-webkit-fill-available;pointer-events:none}.slideout{position:absolute;background-color:var(--white);box-shadow:0 0 0 1px rgba(123,135,147,.25),0 25px 100px rgba(31,41,51,.5);display:flex;flex-direction:column;overflow:hidden;padding:24px var(--padding);pointer-events:all}.slideout.so-mobile{--padding: 14px;--neg-padding: -14px;width:100%;height:100%;left:0;transition:top linear 250ms;will-change:top}.slideout:not(.so-mobile){top:8px;width:calc(50% - 8px);height:calc(100% - 16px);border-radius:var(--large-border-radius)}@media screen and (prefers-reduced-motion: no-preference){body.ltr .slideout:not(.so-mobile){transition:left linear 250ms;will-change:left}body.rtl .slideout:not(.so-mobile){transition:right linear 250ms;will-change:right}}.slideout>.pane-header{z-index:2}.slideout>.pane-header>.so-toolbar{display:flex;flex-direction:row;align-items:center;gap:var(--s);min-height:34px}.slideout>.pane-header>.so-toolbar>.pane-tabs{width:1px;flex:1}body.ltr .slideout>.pane-header>.so-toolbar>.pane-tabs{margin-right:0}body.rtl .slideout>.pane-header>.so-toolbar>.pane-tabs{margin-left:0}.slideout.so-mobile>.pane-header{padding-left:10px;padding-right:10px}.slideout>.so-body{flex:1;margin:-24px var(--neg-padding) 0;padding:24px var(--padding);overflow:hidden auto;position:relative}.slideout>.so-body>.so-sidebar{position:absolute;top:0;background:#fff;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);width:350px;height:100%;max-width:100%;box-sizing:border-box;padding:0 var(--padding) var(--spacing);background-color:var(--gray-100);overflow:hidden auto;z-index:1}.slideout>.so-body>.so-sidebar:focus{box-shadow:var(--focus-ring)}body.ltr .slideout>.so-body>.so-sidebar{transition:right linear 250ms}body.rtl .slideout>.so-body>.so-sidebar{transition:left linear 250ms}.slideout>.so-body>.so-sidebar>.preview-thumb-container{margin:0 var(--neg-padding);height:auto;min-height:54px}.slideout>.so-body>.so-sidebar>.preview-thumb-container+.pane-header{border-radius:0}.slideout>.so-body>.so-sidebar .image-actions.is-mobile{margin:calc(var(--spacing)/2) 0 var(--spacing)}.slideout>.so-body>.so-sidebar>.meta.read-only:first-child{margin-top:var(--padding)}.slideout>.so-body>.so-sidebar>.meta.warning{box-shadow:none;border-bottom:1px solid var(--yellow-300)}.slideout>.so-body>.so-sidebar>.field>.input>.text.fullwidth{border-radius:0}.slideout>.so-footer{position:relative;display:flex;gap:8px;justify-content:space-between;flex-wrap:wrap;margin:0 var(--neg-padding) -24px;padding:8px var(--padding);background:#fff;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);background-color:var(--gray-050);z-index:3}.slideout>.so-footer:focus{box-shadow:var(--focus-ring)}.slideout>.so-footer>.so-extra{flex:0 0 100%;margin:0 var(--neg-padding);padding:0 var(--padding) 8px;border-bottom:1px solid var(--hairline-color)}@media(min-width: 1536px){.slideout.has-sidebar .pane-header:not(.so-visible){display:none}.slideout.has-sidebar .sidebar-btn{display:none}.slideout.has-sidebar .so-body{display:flex;flex-direction:row;padding:0;overflow:hidden}.slideout.has-sidebar .so-body>.so-content{position:relative;z-index:2;padding:24px;width:calc(100% - 350px);height:100%;box-sizing:border-box;overflow:hidden auto}body.ltr .slideout.has-sidebar .so-body>.so-content{border-right:1px solid var(--gray-200)}body.rtl .slideout.has-sidebar .so-body>.so-content{border-left:1px solid var(--gray-200)}.slideout.has-sidebar .so-body>.so-sidebar{position:relative;display:block !important;top:auto;right:auto !important;left:auto !important;height:100%;box-shadow:none}.slideout>.so-footer>.so-extra{margin:0;padding:0;border:none;flex:auto 0 1}}.header:after,.hud-header:after,.footer:after,.hud-footer:after,.body:after{content:\"\";display:block;height:0;clear:both;visibility:hidden}.header,.hud-header,.footer,.hud-footer{position:relative;z-index:1;box-sizing:border-box}.header,.hud-header,.footer,.hud-footer{background-color:var(--gray-100)}.header,.hud-header{border-radius:var(--large-border-radius) var(--large-border-radius) 0 0;padding:24px;box-shadow:inset 0 -1px 0 var(--hairline-color)}.header h1,.hud-header h1{margin:0}.footer,.hud-footer{border-radius:0 0 var(--large-border-radius) var(--large-border-radius);padding:var(--s) var(--xl);box-shadow:inset 0 1px 0 var(--hairline-color)}.footer.flex>*,.hud-footer.flex>*{margin-bottom:0}.modal .body,.hud .main{padding:24px;overflow:hidden;box-sizing:border-box}.pane .header,.modal .body .header{margin:-24px -24px 24px}.pane .footer,.modal .body .footer{margin:24px -24px -24px}.slideout-shade,.modal-shade,.hud-shade{z-index:100;position:fixed;top:0;left:0;width:100%;height:100%;display:none}.slideout-shade:not(.dark),.modal-shade:not(.dark){background-color:rgba(123,135,147,.35) !important}.slideout-shade.dark,.modal-shade.dark{background-color:rgba(31,41,51,.5) !important}.modal{position:fixed;overflow:hidden}.modal:not(.fitted):not(.fullscreen){width:66%;height:66%;min-width:600px;min-height:400px}.modal.fitted{width:auto;height:auto;min-width:0;min-height:0}.modal.fullscreen{width:100%;height:100%;border-radius:0}body.ltr .modal.alert .body{padding-left:76px}body.rtl .modal.alert .body{padding-right:76px}.modal.alert .body:before{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);content:\"alert\";font-size:40px;color:var(--light-text-color)}body.ltr .modal.alert .body:before{margin:-6px 0 0 -58px}body.rtl .modal.alert .body:before{margin:-6px -58px 0 0}body.ltr .modal.alert .body:before{float:left}body.rtl .modal.alert .body:before{float:right}body.ltr .modal.secure .body{padding-left:76px}body.rtl .modal.secure .body{padding-right:76px}.modal.secure .body:before{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);content:\"secure\";font-size:58px;color:var(--light-text-color)}body.ltr .modal.secure .body:before{margin:-14px 0 0 -56px}body.rtl .modal.secure .body:before{margin:-14px -56px 0 0}body.ltr .modal.secure .body:before{float:left}body.rtl .modal.secure .body:before{float:right}.modal .resizehandle{position:absolute;z-index:1;bottom:0;width:24px;height:24px;cursor:nwse-resize;padding:var(--xs)}body.ltr .modal .resizehandle{right:0}body.rtl .modal .resizehandle{left:0}.modal .resizehandle path{fill:var(--ui-control-color)}body.rtl .modal .resizehandle .ltr{display:none}body.ltr .modal .resizehandle .rtl{display:none}.hud{position:absolute;display:none;top:0}.hud.has-footer .tip-bottom{background-image:url(../images/hudtip_bottom_gray.png)}.hud .tip{position:absolute;z-index:101;background:no-repeat 0 0}.hud .tip-left{left:-15px;width:15px;height:30px;background-image:url(../images/hudtip_left.png)}.hud .tip-top{top:-15px;width:30px;height:15px;background-image:url(../images/hudtip_top.png)}.hud .tip-right{right:-15px;width:15px;height:30px;background-image:url(../images/hudtip_right.png)}.hud .tip-bottom{bottom:-15px;width:30px;height:15px;background-image:url(../images/hudtip_bottom.png)}.hud .hud-header,.hud .hud-footer{padding:var(--s) var(--xl)}.hud .body{overflow:hidden}.hud .body ::-webkit-scrollbar{appearance:none}.hud .body ::-webkit-scrollbar:vertical{width:11px}.hud .body ::-webkit-scrollbar:horizontal{height:11px}.hud .body ::-webkit-scrollbar-thumb{border-radius:8px;border:2px solid rgba(0,0,0,0);background-color:rgba(0,0,0,.5);background-clip:content-box}.hud .body ::-webkit-scrollbar-track{background-color:var(--gray-050)}.preview-thumb-container{position:relative;display:flex;flex-direction:row;align-items:center;height:190px;background-color:var(--gray-900);margin:0 var(--neg-padding) var(--spacing)}.preview-thumb-container.checkered img{background-color:var(--white);background-image:linear-gradient(45deg, var(--gray-100) 25%, transparent 25%),linear-gradient(135deg, var(--gray-100) 25%, transparent 25%),linear-gradient(45deg, transparent 75%, var(--gray-100) 75%),linear-gradient(135deg, transparent 75%, var(--gray-100) 75%);background-size:17px 17px;background-position:0 0,8.5px 0,8.5px -8.5px,0 8.5px}.preview-thumb-container.editable{cursor:pointer}.preview-thumb-container.loading:after{content:\"\";font-size:0;display:block;position:absolute;width:100%;height:100%;left:0;top:0;background-color:rgba(31,41,51,.8)}.preview-thumb-container.loading .spinner{color:var(--white);z-index:1}#details .preview-thumb-container{border-radius:var(--large-border-radius);overflow:hidden}.preview-thumb-container .preview-thumb{display:flex;flex-direction:column;align-items:center;width:100%;height:100%}.preview-thumb-container .preview-thumb img{display:block;max-width:100%;max-height:190px}.image-actions.is-mobile{margin:calc(var(--spacing)/2*-1) var(--neg-padding) var(--spacing);display:grid;grid-template-columns:1fr 1fr}.button-fade .buttons{opacity:0;position:absolute;top:10px;margin:0;transition:opacity linear 100ms}body.ltr .button-fade .buttons{right:10px}body.rtl .button-fade .buttons{left:10px}.button-fade .buttons .btn{--ui-control-color: var(--white);--ui-control-hover-color: var(--white);--ui-control-active-color: var(--white);--interaction-background-color: var(--gray-700);background-color:var(--gray-600);color:var(--white);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:500;--light-color: var(--white);--dark-color: var(--gray-800);--focus-ring: 0 0 0 3px var(--light-color), 0 0 0 6px var(--dark-color)}.button-fade .buttons .btn:hover{background-color:var(--interaction-background-color) !important}.button-fade .buttons .btn:not(.disabled):not(.loading):not(.dashed):focus,.button-fade .buttons .btn:not(.disabled):not(.loading):not(.dashed).focus,.button-fade .buttons .btn:not(.disabled):not(.loading):not(.dashed):hover{background-color:var(--interaction-background-color)}.button-fade:hover .buttons,.button-fade:focus-within .buttons{opacity:1}.elementselectormodal{--content-padding: 24px;padding-bottom:50px;user-select:none}.elementselectormodal .main-header{display:flex;align-items:center;margin-bottom:var(--s)}.elementselectormodal .main-heading{margin-bottom:0}.elementselectormodal .nav-toggle{height:var(--touch-target-size);width:var(--touch-target-size);color:var(--ui-control-color)}body.ltr .elementselectormodal .nav-toggle{margin-left:4px}body.rtl .elementselectormodal .nav-toggle{margin-right:4px}.elementselectormodal .nav-toggle:hover{color:var(--gray-500)}.elementselectormodal .sidebar-header{display:flex;justify-content:flex-end;padding:0 var(--s);margin-bottom:var(--s)}.elementselectormodal .nav-close{height:var(--touch-target-size);width:var(--touch-target-size)}.elementselectormodal .body{position:relative;height:100%}.elementselectormodal .body .spinner.big{position:absolute;top:50%;left:50%;margin:-24px 0 0 -24px}.elementselectormodal .body .content{height:calc(100% + 48px)}.elementselectormodal .body .content .sidebar{position:absolute;top:0;height:100%;overflow:auto;padding:var(--content-padding) 0}body.ltr .elementselectormodal .body .content .sidebar{margin-left:-249px}body.rtl .elementselectormodal .body .content .sidebar{margin-right:-249px}.elementselectormodal .body .content .main{margin:-24px;padding:var(--content-padding);height:100%;box-sizing:border-box;overflow:auto;position:relative}.elementselectormodal .body .content .main .elements.busy{min-height:calc(100% - 48px)}.elementselectormodal .body .content .main .elements .tableview table .element{display:inline-block}.elementselectormodal .body .content .main .elements .tableview table tr.disabled{opacity:1;color:var(--gray-200)}.elementselectormodal .body .content .main .elements .tableview table tr.disabled .element{opacity:.25}.elementselectormodal .body .content .main .elements .tableview table tr th,.elementselectormodal .body .content .main .elements .tableview table tr td{cursor:default}body.ltr .elementselectormodal .body .content .main .elements .tableview table tr td:first-child{padding-left:7px}body.rtl .elementselectormodal .body .content .main .elements .tableview table tr td:first-child{padding-right:7px}.elementselectormodal .body .content .main .elements .structure .row{margin-top:1px}.elementselectormodal .footer{position:absolute;bottom:0;left:0;width:100%;margin:0;box-sizing:border-box}body.ltr .elementselectormodal .footer .spinner{float:right}body.rtl .elementselectormodal .footer .spinner{float:left}body.ltr .elementselectormodal .footer .spinner{margin-right:-24px}body.rtl .elementselectormodal .footer .spinner{margin-left:-24px}.element-hud-form .buttons{position:relative}.element-hud-form .buttons .spinner{position:absolute;top:0}body.ltr .element-hud-form .buttons .spinner{right:-24px}body.rtl .element-hud-form .buttons .spinner{left:-24px}.element-filter-hud.loading .body{padding:50px;display:flex;align-items:center;justify-content:center}.element-filter-hud .body,.element-filter-hud .main{overflow:visible}.address-cards{display:grid;gap:var(--m) var(--m);grid-template-columns:repeat(1, minmax(0, 1fr));grid-auto-rows:minmax(0, 1fr)}.address-cards__add-btn{padding:1rem;min-height:8rem;height:auto;width:100%}.address-card.error{border:1px solid #cf1124}.address-card.error:hover{border-color:#cf1124}@media(min-width: 1024px){.address-cards{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media(min-width: 1280px){.address-cards{grid-template-columns:repeat(3, minmax(0, 1fr))}}@media(min-width: 1536px){.address-cards{grid-template-columns:repeat(4, minmax(0, 1fr))}}.address-card{border:1px solid #eee;border-radius:.375rem;padding:1rem;min-height:4rem}.address-card:hover{border-color:#ddd;background-color:#fafafa;cursor:pointer}.address-card .address-card-header{display:flex;flex-wrap:nowrap;justify-content:space-between}.address-card .address-card-header-actions{display:flex;justify-content:flex-end}.address-card .address-card-label{background:#e6f1fe;color:#2563eb;padding:.125rem .5rem;border-radius:.25rem;font-size:.75rem;text-transform:uppercase;font-weight:500;margin-bottom:.75rem}.ltr .address-card .address-card-label{margin-right:.5rem}.rtl .address-card .address-card-label{margin-left:.5rem}.logoutwarningmodalshade,.loginmodalshade{z-index:101}#logoutwarningmodal,#loginmodal,#elevatedsessionmodal,.prompt{width:500px}#logoutwarningmodal,#loginmodal{z-index:101}.prompt{height:auto;min-height:auto}.deleteusermodal .content-summary{margin:-24px -24px 24px;padding:24px;background-color:var(--gray-050)}.deleteusermodal .options label{display:inline-block;line-height:30px}.deleteusermodal .elementselect{display:inline-block;vertical-align:middle}body.ltr .deleteusermodal .elementselect{margin-left:10px}body.rtl .deleteusermodal .elementselect{margin-right:10px}body.ltr .deleteusermodal .buttons .spinner{margin-right:-20px}body.rtl .deleteusermodal .buttons .spinner{margin-left:-20px}.dropdownsettingsmodal{width:auto;height:auto;min-width:0;min-height:0;max-width:400px}.dropdownsettingsmodal .body{max-height:100%;overflow-y:auto}.previewmodal.zilch{padding:100px 0;display:flex;align-items:center;justify-content:center}.menu,.ui-datepicker,.ui-timepicker-list{z-index:100;border-radius:4px;padding:0 14px;overflow:auto;background:#fff;user-select:none;box-shadow:0 0 0 1px rgba(31,41,51,.1),0 5px 20px rgba(31,41,51,.25)}.ui-datepicker,.ui-timepicker-list{padding:0}.menu{display:none;position:absolute}.menu h6:first-child{margin-top:14px !important}body.ltr .menu ul.padded li a,body.ltr .menu ul.padded li .menu-option{padding-left:24px}body.rtl .menu ul.padded li a,body.rtl .menu ul.padded li .menu-option{padding-right:24px}.menu ul.padded li a[data-icon]:before,.menu ul.padded li a.icon:before,.menu ul.padded li a.sel:before,.menu ul.padded li .menu-option[data-icon]:before,.menu ul.padded li .menu-option.icon:before,.menu ul.padded li .menu-option.sel:before{font-size:14px;color:var(--ui-control-color)}body.ltr .menu ul.padded li a[data-icon]:before,body.ltr .menu ul.padded li a.icon:before,body.ltr .menu ul.padded li a.sel:before,body.ltr .menu ul.padded li .menu-option[data-icon]:before,body.ltr .menu ul.padded li .menu-option.icon:before,body.ltr .menu ul.padded li .menu-option.sel:before{float:left}body.rtl .menu ul.padded li a[data-icon]:before,body.rtl .menu ul.padded li a.icon:before,body.rtl .menu ul.padded li a.sel:before,body.rtl .menu ul.padded li .menu-option[data-icon]:before,body.rtl .menu ul.padded li .menu-option.icon:before,body.rtl .menu ul.padded li .menu-option.sel:before{float:right}body.ltr .menu ul.padded li a[data-icon]:before,body.ltr .menu ul.padded li a.icon:before,body.ltr .menu ul.padded li a.sel:before,body.ltr .menu ul.padded li .menu-option[data-icon]:before,body.ltr .menu ul.padded li .menu-option.icon:before,body.ltr .menu ul.padded li .menu-option.sel:before{margin:3px 0 0 -17px}body.rtl .menu ul.padded li a[data-icon]:before,body.rtl .menu ul.padded li a.icon:before,body.rtl .menu ul.padded li a.sel:before,body.rtl .menu ul.padded li .menu-option[data-icon]:before,body.rtl .menu ul.padded li .menu-option.icon:before,body.rtl .menu ul.padded li .menu-option.sel:before{margin:3px -17px 0 0}.menu ul.padded li a[data-icon].error:before,.menu ul.padded li a.icon.error:before,.menu ul.padded li a.sel.error:before,.menu ul.padded li .menu-option[data-icon].error:before,.menu ul.padded li .menu-option.icon.error:before,.menu ul.padded li .menu-option.sel.error:before{color:var(--error-color)}.menu ul.padded li a.sel:not([data-icon]):before,.menu ul.padded li .menu-option.sel:not([data-icon]):before{content:\"check\"}.menu ul li a,.menu ul li .menu-option{margin:0 -14px;padding:10px 14px;color:#3f4d5a;text-decoration:none;white-space:nowrap;font-size:14px;cursor:default;-webkit-appearance:none}.menu ul li a:not(.flex),.menu ul li .menu-option:not(.flex){display:block !important;box-sizing:border-box;width:calc(100% + 28px)}body.ltr .menu ul li a:not(.flex),body.ltr .menu ul li .menu-option:not(.flex){text-align:left}body.rtl .menu ul li a:not(.flex),body.rtl .menu ul li .menu-option:not(.flex){text-align:right}.menu ul li a.sel,.menu ul li .menu-option.sel{cursor:default}.menu ul li a .shortcut,.menu ul li .menu-option .shortcut{padding:0 4px;border-radius:var(--medium-border-radius);box-shadow:0 0 0 1px rgba(81,95,108,.25),0 1px 3px -1px rgba(81,95,108,.5)}body.ltr .menu ul li a .shortcut,body.ltr .menu ul li .menu-option .shortcut{float:right}body.rtl .menu ul li a .shortcut,body.rtl .menu ul li .menu-option .shortcut{float:left}body.ltr .menu ul li a .shortcut,body.ltr .menu ul li .menu-option .shortcut{margin-left:14px}body.rtl .menu ul li a .shortcut,body.rtl .menu ul li .menu-option .shortcut{margin-right:14px}.menu>.flex{margin-top:10px;margin-bottom:10px;position:relative}body.ltr .menu>.flex.padded{margin-left:-14px}body.rtl .menu>.flex.padded{margin-right:-14px}body.ltr .menu>.flex.padded{padding-left:24px}body.rtl .menu>.flex.padded{padding-right:24px}.menu>.flex.padded.sel:before{position:absolute;top:36px;content:\"check\";font-size:14px;color:var(--light-text-color)}body.ltr .menu>.flex.padded.sel:before{left:7px}body.rtl .menu>.flex.padded.sel:before{right:7px}.menu hr{margin:5px -14px}.menubtn span.icon,.menu span.icon{display:inline-block;margin-top:-1px;width:10px;text-align:center;font-size:14px;color:var(--ui-control-color)}body.ltr .menubtn span.icon,body.ltr .menu span.icon{margin-right:10px}body.rtl .menubtn span.icon,body.rtl .menu span.icon{margin-left:10px}.menu:not(.menu--disclosure) ul li a:not(.sel):not(.disabled):hover,.menu:not(.menu--disclosure):not(:hover) ul li a:not(.disabled).hover{color:#fff;background-color:#606d7b;--text-color: var(--white);--light-text-color: var(--gray-100);--ui-control-color: var(--gray-050);--ui-control-hover-color: var(--gray-100);--ui-control-active-color: var(--gray-100)}.menu:not(.menu--disclosure) ul li a:not(.sel):not(.disabled):hover span.icon,.menu:not(.menu--disclosure) ul li a:not(.sel):not(.disabled):hover:before,.menu:not(.menu--disclosure):not(:hover) ul li a:not(.disabled).hover span.icon,.menu:not(.menu--disclosure):not(:hover) ul li a:not(.disabled).hover:before{color:var(--menu-option-active-color)}.menu:not(.menu--disclosure) ul li a:not(.sel):not(.disabled):hover.error,.menu:not(.menu--disclosure):not(:hover) ul li a:not(.disabled).hover.error{color:var(--menu-option-active-color) !important}body.ltr .menu hr.padded,body.ltr .menu h6.padded{margin-left:10px}body.rtl .menu hr.padded,body.rtl .menu h6.padded{margin-right:10px}.menu--disclosure ul li>a:hover,.menu--disclosure ul li>.menu-option:hover{color:#3f4d5a;background-color:#f3f7fc}body:not(.reduce-focus-visibility) .menu--disclosure ul li>a:focus,body.reduce-focus-visibility .menu--disclosure ul li>a.focus-visible,body:not(.reduce-focus-visibility) .menu--disclosure ul li>.menu-option:focus,body.reduce-focus-visibility .menu--disclosure ul li>.menu-option.focus-visible{box-shadow:inset 0 0 0 3px hsla(var(--dark-focus-hsl), 0.7)}.tagselect .elements{display:inline}.tagselect .element.small{clear:none}.tagselect .add{position:relative;z-index:1;display:inline-block;width:12em}body.ltr .tagselect .add{margin:7px 7px 0 0}body.rtl .tagselect .add{margin:7px 0 0 7px}body.ltr .tagselect .add .text{padding-right:30px}body.rtl .tagselect .add .text{padding-left:30px}.tagselect .add .spinner{position:absolute;top:0}body.ltr .tagselect .add .spinner{right:5px}body.rtl .tagselect .add .spinner{left:5px}body.ltr .tagselect.elementselect .element,body.rtl .tagselect.elementselect .element{float:none !important;display:inline-block}body.ltr .tagmenu ul li a{padding-left:26px}body.rtl .tagmenu ul li a{padding-right:26px}body.ltr .tagmenu ul li a:before{float:left}body.rtl .tagmenu ul li a:before{float:right}body.ltr .tagmenu ul li a:before{margin:3px 0 0 -18px}body.rtl .tagmenu ul li a:before{margin:3px -18px 0 0}.shadow-box{border-radius:var(--large-border-radius);border:1px solid var(--gray-200);box-shadow:0 1px 5px -1px rgba(31,41,51,.2)}table.shadow-box,table.editable{border-collapse:separate;border-spacing:0}table.shadow-box thead tr:first-child th:first-child,table.shadow-box thead tr:first-child th:first-child.disabled:after,table.shadow-box thead tr:first-child td:first-child,table.shadow-box thead tr:first-child td:first-child.disabled:after,table.shadow-box tbody:first-child tr:first-child th:first-child,table.shadow-box tbody:first-child tr:first-child th:first-child.disabled:after,table.shadow-box tbody:first-child tr:first-child td:first-child,table.shadow-box tbody:first-child tr:first-child td:first-child.disabled:after,table.shadow-box caption+tbody tr:first-child th:first-child,table.shadow-box caption+tbody tr:first-child th:first-child.disabled:after,table.shadow-box caption+tbody tr:first-child td:first-child,table.shadow-box caption+tbody tr:first-child td:first-child.disabled:after,table.editable thead tr:first-child th:first-child,table.editable thead tr:first-child th:first-child.disabled:after,table.editable thead tr:first-child td:first-child,table.editable thead tr:first-child td:first-child.disabled:after,table.editable tbody:first-child tr:first-child th:first-child,table.editable tbody:first-child tr:first-child th:first-child.disabled:after,table.editable tbody:first-child tr:first-child td:first-child,table.editable tbody:first-child tr:first-child td:first-child.disabled:after,table.editable caption+tbody tr:first-child th:first-child,table.editable caption+tbody tr:first-child th:first-child.disabled:after,table.editable caption+tbody tr:first-child td:first-child,table.editable caption+tbody tr:first-child td:first-child.disabled:after{border-top-left-radius:var(--medium-border-radius)}table.shadow-box thead tr:first-child th:last-child,table.shadow-box thead tr:first-child th:last-child.disabled:after,table.shadow-box thead tr:first-child td:last-child,table.shadow-box thead tr:first-child td:last-child.disabled:after,table.shadow-box tbody:first-child tr:first-child th:last-child,table.shadow-box tbody:first-child tr:first-child th:last-child.disabled:after,table.shadow-box tbody:first-child tr:first-child td:last-child,table.shadow-box tbody:first-child tr:first-child td:last-child.disabled:after,table.shadow-box caption+tbody tr:first-child th:last-child,table.shadow-box caption+tbody tr:first-child th:last-child.disabled:after,table.shadow-box caption+tbody tr:first-child td:last-child,table.shadow-box caption+tbody tr:first-child td:last-child.disabled:after,table.editable thead tr:first-child th:last-child,table.editable thead tr:first-child th:last-child.disabled:after,table.editable thead tr:first-child td:last-child,table.editable thead tr:first-child td:last-child.disabled:after,table.editable tbody:first-child tr:first-child th:last-child,table.editable tbody:first-child tr:first-child th:last-child.disabled:after,table.editable tbody:first-child tr:first-child td:last-child,table.editable tbody:first-child tr:first-child td:last-child.disabled:after,table.editable caption+tbody tr:first-child th:last-child,table.editable caption+tbody tr:first-child th:last-child.disabled:after,table.editable caption+tbody tr:first-child td:last-child,table.editable caption+tbody tr:first-child td:last-child.disabled:after{border-top-right-radius:var(--medium-border-radius)}table.shadow-box thead:last-child tr:last-child th:first-child,table.shadow-box thead:last-child tr:last-child th:first-child.disabled:after,table.shadow-box thead:last-child tr:last-child td:first-child,table.shadow-box thead:last-child tr:last-child td:first-child.disabled:after,table.shadow-box tbody:last-child tr:last-child th:first-child,table.shadow-box tbody:last-child tr:last-child th:first-child.disabled:after,table.shadow-box tbody:last-child tr:last-child td:first-child,table.shadow-box tbody:last-child tr:last-child td:first-child.disabled:after,table.editable thead:last-child tr:last-child th:first-child,table.editable thead:last-child tr:last-child th:first-child.disabled:after,table.editable thead:last-child tr:last-child td:first-child,table.editable thead:last-child tr:last-child td:first-child.disabled:after,table.editable tbody:last-child tr:last-child th:first-child,table.editable tbody:last-child tr:last-child th:first-child.disabled:after,table.editable tbody:last-child tr:last-child td:first-child,table.editable tbody:last-child tr:last-child td:first-child.disabled:after{border-bottom-left-radius:var(--large-border-radius)-1}table.shadow-box thead:last-child tr:last-child th:last-child,table.shadow-box thead:last-child tr:last-child th:last-child.disabled:after,table.shadow-box thead:last-child tr:last-child td:last-child,table.shadow-box thead:last-child tr:last-child td:last-child.disabled:after,table.shadow-box tbody:last-child tr:last-child th:last-child,table.shadow-box tbody:last-child tr:last-child th:last-child.disabled:after,table.shadow-box tbody:last-child tr:last-child td:last-child,table.shadow-box tbody:last-child tr:last-child td:last-child.disabled:after,table.editable thead:last-child tr:last-child th:last-child,table.editable thead:last-child tr:last-child th:last-child.disabled:after,table.editable thead:last-child tr:last-child td:last-child,table.editable thead:last-child tr:last-child td:last-child.disabled:after,table.editable tbody:last-child tr:last-child th:last-child,table.editable tbody:last-child tr:last-child th:last-child.disabled:after,table.editable tbody:last-child tr:last-child td:last-child,table.editable tbody:last-child tr:last-child td:last-child.disabled:after{border-bottom-right-radius:var(--large-border-radius)-1}.text,.passwordwrapper,.border-box,.matrix-configurator>.field>.input,.selectize.multiselect .selectize-input,.multiselect>select{border-radius:3px;border:1px solid rgba(96,125,159,.25);background-color:#fbfcfe;background-clip:padding-box}.text.focus,.passwordwrapper.focus,.border-box.focus,.selectize.multiselect .selectize-input.focus{box-shadow:var(--focus-ring)}body:not(.reduce-focus-visibility) .text:focus,body.reduce-focus-visibility .text.focus-visible,body:not(.reduce-focus-visibility) .passwordwrapper:focus,body.reduce-focus-visibility .passwordwrapper.focus-visible,body:not(.reduce-focus-visibility) .border-box:focus,body.reduce-focus-visibility .border-box.focus-visible,body:not(.reduce-focus-visibility) .selectize.multiselect .selectize-input:focus,body.reduce-focus-visibility .selectize.multiselect .selectize-input.focus-visible{box-shadow:var(--focus-ring)}input.text,textarea.text,.text>input,.text>textarea,table.editable textarea,.selectize.multiselect .selectize-input{font-size:14px;line-height:20px;color:var(--text-color);min-height:3px;box-sizing:border-box;appearance:none}.selectize.multiselect .selectize-input{line-height:18px}textarea.text.fullwidth{display:block}.multitext .multitextrow:after{content:\"\";display:block;height:0;clear:both;visibility:hidden}body.ltr .multitext .multitextrow:first-child .text:first-child{border-top-left-radius:var(--medium-border-radius)}body.rtl .multitext .multitextrow:first-child .text:first-child{border-top-right-radius:var(--medium-border-radius)}body.ltr .multitext .multitextrow:first-child .text:last-child{border-top-right-radius:var(--medium-border-radius)}body.rtl .multitext .multitextrow:first-child .text:last-child{border-top-left-radius:var(--medium-border-radius)}body.ltr .multitext .multitextrow:last-child .text:first-child{border-bottom-left-radius:var(--medium-border-radius)}body.rtl .multitext .multitextrow:last-child .text:first-child{border-bottom-right-radius:var(--medium-border-radius)}body.ltr .multitext .multitextrow:last-child .text:last-child{border-bottom-right-radius:var(--medium-border-radius)}body.rtl .multitext .multitextrow:last-child .text:last-child{border-bottom-left-radius:var(--medium-border-radius)}.multitext .multitextrow:not(:first-child) .text{margin-top:-1px}.multitext .multitextrow .text{border-radius:0;float:left;box-sizing:border-box}body.ltr .multitext .multitextrow .text:not(:first-child){margin-left:-1px}body.rtl .multitext .multitextrow .text:not(:first-child){margin-right:-1px}.multitext .multitextrow .text:first-child:nth-last-child(1){width:100%}.multitext .multitextrow .text:first-child:nth-last-child(2){width:50%}.multitext .multitextrow .text:first-child:nth-last-child(2)~.text{width:calc(50% + 1px)}.multitext .multitextrow .text.error{position:relative;z-index:1}.multitext .multitextrow .text:focus,.multitext .multitextrow .selectize.multiselect .selectize-input.focus{position:relative;z-index:2}.chars-left{position:relative;color:var(--light-text-color)}body.ltr .chars-left{float:right}body.rtl .chars-left{float:left}body.ltr .chars-left{margin:-27px 7px 0 0}body.rtl .chars-left{margin:-27px 0 0 7px}.input.ltr>.chars-left{float:right !important;margin-right:7px !important}.input.rtl>.chars-left{float:left !important;margin-left:7px !important}.chars-left.negative-chars-left{color:var(--error-color)}.field,fieldset{position:relative;margin:24px 0}.flex>.field,.flex>fieldset{margin-top:0;margin-bottom:0}.field{min-inline-size:initial}.field>.status-badge{position:absolute;top:0;width:2px;height:100%;content:\"\";cursor:help}body.ltr .field>.status-badge{left:0}body.rtl .field>.status-badge{right:0}.field>.status-badge.modified{background-color:var(--blue-600)}.field>.status-badge.outdated{background-color:var(--pending-color)}.field>.heading{display:flex;flex-wrap:wrap;align-items:center;position:relative;margin-top:-5px;margin-bottom:5px}.field>.heading>label,.field>.heading>legend{font-weight:bold;color:var(--medium-dark-text-color)}.field>.heading>label code,.field>.heading>legend code{font-size:1em !important}body.ltr .field>.heading>label .info,body.ltr .field>.heading>legend .info{margin-left:5px}body.rtl .field>.heading>label .info,body.rtl .field>.heading>legend .info{margin-right:5px}.field>.heading>.t9n-indicator{color:var(--light-text-color)}body.ltr .field>.heading>.t9n-indicator{margin-left:7px}body.rtl .field>.heading>.t9n-indicator{margin-right:7px}.field>.heading+.instructions{margin-top:-3px}.field>.heading>.instructions{width:100%}.field>.instructions{margin-bottom:5px}.field>.input{position:relative}.field>.input:after{content:\"\";display:block;height:0;clear:both;visibility:hidden}.field>.input+.instructions{margin:5px 0 0}.field>.notice,.field>.warning{margin:5px 0 0}.field>.instructions,.field>.heading>.instructions,.checkboxfield .instructions{color:var(--medium-text-color)}.field>.instructions img,.field>.instructions video,.field>.instructions embed,.field>.instructions iframe,.field>.heading>.instructions img,.field>.heading>.instructions video,.field>.heading>.instructions embed,.field>.heading>.instructions iframe,.checkboxfield .instructions img,.checkboxfield .instructions video,.checkboxfield .instructions embed,.checkboxfield .instructions iframe{max-width:100% !important}.field>.instructions ul,.field>.instructions ol,.field>.heading>.instructions ul,.field>.heading>.instructions ol,.checkboxfield .instructions ul,.checkboxfield .instructions ol{margin:1em 0}body.ltr .field>.instructions ul,body.ltr .field>.instructions ol,body.ltr .field>.heading>.instructions ul,body.ltr .field>.heading>.instructions ol,body.ltr .checkboxfield .instructions ul,body.ltr .checkboxfield .instructions ol{padding-left:2em}body.rtl .field>.instructions ul,body.rtl .field>.instructions ol,body.rtl .field>.heading>.instructions ul,body.rtl .field>.heading>.instructions ol,body.rtl .checkboxfield .instructions ul,body.rtl .checkboxfield .instructions ol{padding-right:2em}.field>.instructions ul li,.field>.heading>.instructions ul li,.checkboxfield .instructions ul li{list-style-type:disc}.field>.instructions li+li,.field>.heading>.instructions li+li,.checkboxfield .instructions li+li{margin-top:.25em}.expand-status-btn{width:30px;height:17px;padding:0;line-height:16px;border-radius:var(--small-border-radius);color:var(--text-color)}body.ltr .expand-status-btn{margin-left:5px}body.rtl .expand-status-btn{margin-right:5px}.expand-status-btn:before{margin:0}.nested-fields{margin:-24px;padding:24px 24px 0}.nested-fields.hidden{display:block;height:0}.nested-fields>.field:last-child{padding-bottom:24px}input.checkbox{opacity:0;position:absolute;width:var(--checkbox-size);height:var(--checkbox-size)}input.checkbox+label,div.checkbox{display:inline-block;clear:none;position:relative;line-height:16px;height:16px;cursor:pointer}body.ltr input.checkbox+label,body.ltr div.checkbox{padding-left:21px}body.rtl input.checkbox+label,body.rtl div.checkbox{padding-right:21px}input.checkbox+label .info,div.checkbox .info{height:16px}input.checkbox:disabled+label,.disabled div.checkbox{cursor:default}body.ltr input.checkbox+label:empty,body.ltr div.checkbox:empty{padding-left:var(--checkbox-size)}body.rtl input.checkbox+label:empty,body.rtl div.checkbox:empty{padding-right:var(--checkbox-size)}input.checkbox+label:empty:after,div.checkbox:empty:after{content:\"\";font-size:0}input.checkbox+label:before,div.checkbox:before{display:block;position:absolute;top:0;width:var(--checkbox-size) !important;height:var(--checkbox-size);box-sizing:border-box;content:\"\";font-size:0;background-color:#fbfcfe;border:1px solid rgba(96,125,159,.4);background-clip:padding-box;border-radius:var(--small-border-radius)}body.ltr input.checkbox+label:before,body.ltr div.checkbox:before{left:0}body.rtl input.checkbox+label:before,body.rtl div.checkbox:before{right:0}input.checkbox:disabled+label,div.checkbox.disabled:before,div.checkbox.disabled+label{opacity:.25}input.checkbox:checked+label:before,div.checkbox.checked:before,.sel div.checkbox:before,input.checkbox:indeterminate+label:before,div.checkbox.indeterminate:before{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);line-height:var(--checkbox-size);color:var(--gray-900)}input.checkbox:checked:not(:indeterminate)+label:before,div.checkbox.checked:not(.indeterminate):before,.sel div.checkbox:not(.indeterminate):before{content:\"check\";font-size:15px}input.checkbox:indeterminate+label:before,div.checkbox.indeterminate:before{content:\"minus\";font-size:7px;text-align:center}body:not(.reduce-focus-visibility) input.checkbox:focus+label:before,body:not(.reduce-focus-visibility) :focus div.checkbox:before{box-shadow:var(--focus-ring)}body.reduce-focus-visibility input.checkbox.focus-visible+label:before,body.reduce-focus-visibility .focus-visible div.checkbox:before{box-shadow:var(--focus-ring)}.monaco-mouse-cursor-text:focus,.monaco-mouse-cursor-text.focus-visible{box-shadow:none !important}fieldset .checkboxfield{margin:5px 0}.checkboxfield .instructions,.checkboxfield .notice,.checkboxfield .warning{margin-top:2px}body.ltr .checkboxfield .instructions,body.ltr .checkboxfield .notice,body.ltr .checkboxfield .warning{padding-left:21px}body.rtl .checkboxfield .instructions,body.rtl .checkboxfield .notice,body.rtl .checkboxfield .warning{padding-right:21px}input.radio{opacity:0;position:absolute;width:var(--radio-size);height:var(--radio-size)}input.radio+label,div.radio{display:inline-block;clear:none;position:relative;line-height:1.7142857143;cursor:pointer}body.ltr input.radio+label,body.ltr div.radio{padding-left:21px}body.rtl input.radio+label,body.rtl div.radio{padding-right:21px}input.radio:disabled+label,.disabled div.radio{cursor:default}body.ltr input.radio+label:empty,body.ltr div.radio:empty{padding-left:var(--radio-size)}body.rtl input.radio+label:empty,body.rtl div.radio:empty{padding-right:var(--radio-size)}input.radio+label:before,input.radio+label:after,div.radio:before,div.radio:after{display:block;position:absolute;content:\"\";box-sizing:border-box;background-clip:padding-box;border-radius:100%}input.radio+label:before,div.radio:before{top:50%;left:0;transform:translateY(-50%);width:var(--radio-size);height:var(--radio-size);background-color:#fbfcfe;border:1px solid rgba(96,125,159,.4)}input.radio+label:after,div.radio:after{top:50%;left:4px;transform:translateY(-50%);width:calc(var(--radio-size) - 8px);height:calc(var(--radio-size) - 8px)}input.radio:disabled+label,div.radio.disabled:before,div.radio.disabled+label{opacity:.25}input.radio:checked+label:after,div.radio.checked:after,.sel div.radio:after{background:var(--gray-900)}body:not(.reduce-focus-visibility) input.radio:focus+label:before,body:not(.reduce-focus-visibility) :focus div.radio:before{box-shadow:var(--focus-ring)}body.reduce-focus-visibility input.radio.focus-visible+label:before,body.reduce-focus-visibility .focus-visible div.radio:before{box-shadow:var(--focus-ring)}.multiselect>select{color:var(--text-color);font-size:14px;appearance:none}body:not(.reduce-focus-visibility) .multiselect>select:focus,body.reduce-focus-visibility .multiselect>select.focus-visible{box-shadow:var(--focus-ring)}.multiselect>select option{padding:1px 8px}.text,.selectize.multiselect .selectize-input{padding:6px 9px}.text{background-color:var(--white)}.text:not(.small){box-sizing:border-box;min-height:34px}.text.small{padding:3px}.text.readable{padding:16px 18px;font-size:16px;line-height:22px}.text.readable+.chars-left{margin-top:-23px}body.ltr .text.clearable{padding-right:var(--touch-target-size)}body.rtl .text.clearable{padding-left:var(--touch-target-size)}.text input{margin:0;padding:0;border:none;background-color:rgba(0,0,0,0)}.input.errors>.text,.input.errors>.border-box,.input.errors>.passwordwrapper,.input.errors>.autosuggest-container .text,.text.error{border:1px solid var(--error-color) !important}.texticon{position:relative;cursor:text;min-width:130px}.texticon.icon:before{position:absolute;top:9px;color:var(--ui-control-color)}body.ltr .texticon.icon:before{left:9px}body.rtl .texticon.icon:before{right:9px}body.ltr .texticon.icon .text{padding-left:26px}body.rtl .texticon.icon .text{padding-right:26px}.texticon .clear-btn{position:absolute;top:calc((var(--touch-target-size) - 34px)/-2);width:var(--touch-target-size);height:var(--touch-target-size)}body.ltr .texticon .clear-btn{right:0}body.rtl .texticon .clear-btn{left:0}body.ltr .texticon.has-filter-btn .text{padding-right:26px}body.rtl .texticon.has-filter-btn .text{padding-left:26px}.texticon.has-filter-btn .filter-btn{position:absolute;top:4px;padding:0 7px 4px;font-size:14px;line-height:22px;cursor:pointer;border-radius:13px}body.ltr .texticon.has-filter-btn .filter-btn{right:4px}body.rtl .texticon.has-filter-btn .filter-btn{left:4px}.texticon.has-filter-btn .filter-btn:before{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);content:\"sliders\";color:var(--medium-text-color)}.texticon.has-filter-btn .filter-btn:hover{background-color:var(--gray-100)}.texticon.has-filter-btn .filter-btn:active,.texticon.has-filter-btn .filter-btn.active{background-color:var(--gray-350)}.texticon.has-filter-btn .filter-btn:active:before,.texticon.has-filter-btn .filter-btn.active:before{color:var(--white)}body.ltr .texticon.has-filter-btn .text{padding-left:26px}body.rtl .texticon.has-filter-btn .text{padding-right:26px}body.ltr .texticon.has-filter-btn .text.clearable{padding-right:calc(30px + var(--touch-target-size))}body.rtl .texticon.has-filter-btn .text.clearable{padding-left:calc(30px + var(--touch-target-size))}body.ltr .texticon.has-filter-btn .clear-btn{right:30px}body.rtl .texticon.has-filter-btn .clear-btn{left:30px}.texthint-container{position:relative;height:0}.texthint{position:absolute;top:-1px;width:100%;color:var(--light-text-color);cursor:text}.passwordwrapper{position:relative}.passwordwrapper .password{border:none;background:rgba(0,0,0,0);padding-right:4rem;box-shadow:none}.passwordwrapper .password-toggle{color:var(--link-color);position:absolute;top:0;bottom:0;cursor:pointer}body.ltr .passwordwrapper .password-toggle{right:9px}body.rtl .passwordwrapper .password-toggle{left:9px}.passwordwrapper .password-toggle:hover{text-decoration:underline}.datetimewrapper{display:flex;flex-direction:row;align-items:center}body.ltr .datetimewrapper>.datewrapper+.timewrapper,body.ltr .datetimewrapper>.timewrapper+.timezone,body.ltr .datetimewrapper>.select{margin-left:5px}body.rtl .datetimewrapper>.datewrapper+.timewrapper,body.rtl .datetimewrapper>.timewrapper+.timezone,body.rtl .datetimewrapper>.select{margin-right:5px}.clear-btn{display:flex;justify-content:center;align-items:center;width:24px;cursor:pointer;color:var(--ui-control-color);border:none;padding:0;background:rgba(0,0,0,0)}.clear-btn:before{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);content:\"remove\"}.clear-btn:hover{color:var(--ui-control-hover-color)}.clear-btn:active{color:var(--ui-control-active-color)}.close-btn{position:relative}.close-btn:before,.close-btn:after{position:absolute;content:\"\";top:50%;left:50%;height:15px;width:2px;background-color:var(--ui-control-color);opacity:var(--icon-opacity)}.close-btn:before{transform:translate(-50%, -50%) rotate(-45deg)}.close-btn:after{transform:translate(-50%, -50%) rotate(45deg)}.close-btn:hover:before,.close-btn:hover:after{background-color:var(--ui-control-hover-color)}.close-btn:active:before,.close-btn:active:after{background-color:var(--ui-control-active-color)}.datewrapper,.timewrapper{display:inline-block;position:relative}.datewrapper .text,.timewrapper .text{position:relative;z-index:1;width:100%}.datewrapper .text+div[data-icon],.timewrapper .text+div[data-icon]{display:none}.datewrapper .text:placeholder-shown+div[data-icon],.datewrapper .text.empty-value+div[data-icon],.timewrapper .text:placeholder-shown+div[data-icon],.timewrapper .text.empty-value+div[data-icon]{display:block;position:absolute;top:calc(50% - 12px);z-index:0;color:var(--light-text-color)}body.ltr .datewrapper .text:placeholder-shown+div[data-icon],body.ltr .datewrapper .text.empty-value+div[data-icon],body.ltr .timewrapper .text:placeholder-shown+div[data-icon],body.ltr .timewrapper .text.empty-value+div[data-icon]{left:14px}body.rtl .datewrapper .text:placeholder-shown+div[data-icon],body.rtl .datewrapper .text.empty-value+div[data-icon],body.rtl .timewrapper .text:placeholder-shown+div[data-icon],body.rtl .timewrapper .text.empty-value+div[data-icon]{right:14px}.datewrapper .text:placeholder-shown+div[data-icon],.datewrapper .text:placeholder-shown+div[data-icon]:before,.datewrapper .text.empty-value+div[data-icon],.datewrapper .text.empty-value+div[data-icon]:before,.timewrapper .text:placeholder-shown+div[data-icon],.timewrapper .text:placeholder-shown+div[data-icon]:before,.timewrapper .text.empty-value+div[data-icon],.timewrapper .text.empty-value+div[data-icon]:before{user-select:none;pointer-events:none;z-index:1}.datewrapper{width:8em}.timewrapper{width:7em}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:var(--gray-400)}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:var(--gray-400)}input::-ms-input-placeholder,textarea::-ms-input-placeholder{color:var(--gray-400)}input:-moz-placeholder,textarea:-moz-placeholder{color:var(--gray-400)}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--gray-400)}input::placeholder,textarea::placeholder{color:var(--gray-400)}::-ms-reveal,::-ms-clear{display:none}tr.indexingSession td{height:34px;padding:1px 10px}tr.indexingSession td.progress div.progressContainer{width:100%;display:flex;justify-content:space-between;align-items:center}tr.indexingSession td.progress div.progressContainer .progressbar{width:70%;position:relative;left:0;height:12px;z-index:1}tr.indexingSession td.progress div.progressContainer div.progressInfo{width:20%}.select:not(.selectize),.select:not(.selectize) select{position:relative;border-radius:5px;white-space:nowrap}.select:not(.selectize){max-width:100%;position:relative}:not(.flex)>.select:not(.selectize){display:inline-block}.select:not(.selectize):after{display:block;content:\"\";font-size:0;width:7px;height:7px;border:solid currentColor;border-width:0 2px 2px 0;opacity:.8;transform:rotate(45deg);position:absolute;z-index:1;top:calc(50% - 5px);user-select:none;pointer-events:none}body.ltr .select:not(.selectize):after{right:9px}body.rtl .select:not(.selectize):after{left:9px}.select:not(.selectize) select{display:block;position:relative;max-width:100%;border:none;font-size:14px;line-height:20px;color:#3f4d5a;background-color:#dfe5ec;appearance:none;white-space:pre}body.ltr .select:not(.selectize) select{padding:7px 22px 7px 10px}body.rtl .select:not(.selectize) select{padding:7px 10px 7px 22px}.select:not(.selectize) select::-ms-expand{display:none}.select:not(.selectize).fullwidth select{min-width:100%}.select:not(.selectize) select:hover{outline-color:rgba(0,0,0,0);background-color:#cfd8e2;box-shadow:var(--focus-ring)}body:not(.reduce-focus-visibility) .select:not(.selectize) select:focus,body.reduce-focus-visibility .select:not(.selectize) select.focus-visible{outline-color:rgba(0,0,0,0);background-color:#cfd8e2;box-shadow:var(--focus-ring)}.select:not(.selectize).small:after{top:9px}.select:not(.selectize).small select{padding-top:4px !important;padding-bottom:4px !important;font-size:11px}.selectize .selectize-input{display:block;border-color:inherit;box-shadow:none;background-color:rgba(0,0,0,0)}.selectize.select .selectize-input:after{display:none}body .selectize-dropdown{border:none;z-index:100}.selectize.select{height:34px}.selectize.select input::-webkit-input-placeholder,.selectize.select textarea::-webkit-input-placeholder{color:var(--gray-700)}.selectize.select input:-ms-input-placeholder,.selectize.select textarea:-ms-input-placeholder{color:var(--gray-700)}.selectize.select input::-ms-input-placeholder,.selectize.select textarea::-ms-input-placeholder{color:var(--gray-700)}.selectize.select input:-moz-placeholder,.selectize.select textarea:-moz-placeholder{color:var(--gray-700)}.selectize.select input::-moz-placeholder,.selectize.select textarea::-moz-placeholder{color:var(--gray-700)}.selectize.select input::placeholder,.selectize.select textarea::placeholder{color:var(--gray-700)}.selectize.select:not(.fullwidth){max-width:25em}.selectize.select .selectize-control{max-width:100%;position:relative}:not(.flex)>.selectize.select .selectize-control{display:inline-block}.selectize.select .selectize-control:after{display:block;content:\"\";font-size:0;width:7px;height:7px;border:solid currentColor;border-width:0 2px 2px 0;opacity:.8;transform:rotate(45deg);position:absolute;z-index:1;top:calc(50% - 5px);user-select:none;pointer-events:none}body.ltr .selectize.select .selectize-control:after{right:9px}body.rtl .selectize.select .selectize-control:after{left:9px}.selectize.select .selectize-input{position:relative;border-radius:5px;white-space:nowrap}.selectize.select .selectize-input.focus{box-shadow:var(--focus-ring)}.selectize.select .selectize-input{display:block;position:relative;max-width:100%;border:none;font-size:14px;line-height:20px;color:#3f4d5a;background-color:#dfe5ec;appearance:none}body.ltr .selectize.select .selectize-input{padding:7px 22px 7px 10px}body.rtl .selectize.select .selectize-input{padding:7px 10px 7px 22px}.selectize.select .selectize-input::-ms-expand{display:none}.selectize.select .selectize-control,.selectize.select .selectize-input{width:100%}.selectize.multiselect .selectize-input{min-height:34px;padding-bottom:3px}.selectize.multiselect .selectize-input.focus{box-shadow:var(--focus-ring)}.selectize.multiselect .selectize-input>.item{display:inline-block;border-radius:3px;padding:3px 7px;font-size:12px;line-height:14px;color:#3f4d5a;background-color:#e4edf6;display:inline-flex;flex-direction:row;padding:3px 7px !important}.selectize.multiselect .selectize-input>.item.active{background-color:#cdd8e4}.selectize.multiselect .selectize-input>.item>.remove{position:static;border-left:none;padding:0;font-size:0;color:var(--ui-control-color)}body.ltr .selectize.multiselect .selectize-input>.item>.remove{margin:-1px -3px 0 3px}body.rtl .selectize.multiselect .selectize-input>.item>.remove{margin:-1px 3px 0 -3px}.selectize.multiselect .selectize-input>.item>.remove:hover{color:var(--ui-control-hover-color);background-color:rgba(0,0,0,0)}.selectize.multiselect .selectize-input>.item>.remove:before{font-size:14px;font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);content:\"remove\"}body .selectize-dropdown{margin-top:1px}body .selectize-dropdown-content{z-index:100;border-radius:4px;padding:0 14px;overflow:auto;background:#fff;user-select:none;box-shadow:0 0 0 1px rgba(31,41,51,.1),0 5px 20px rgba(31,41,51,.25)}body .selectize-dropdown-content .option{min-height:18px}body .selectize-dropdown-content>div[data-value=new]:before{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);content:\"plus\";margin-right:5px}body .selectize-dropdown-content>div[data-value=new]:after{content:\"…\"}body .selectize-dropdown [data-selectable],body .selectize-dropdown .optgroup-header{margin:0 -14px;padding:10px 14px;color:#3f4d5a;text-decoration:none;white-space:nowrap}body .selectize-dropdown .optgroup-header{margin:14px 0 3px;font-size:11px;line-height:1.2;color:#606d7b;text-transform:uppercase;margin:0;padding:4px 0}body .selectize-dropdown .active{color:#fff;background-color:#606d7b}body .selectize-dropdown .active .light{color:inherit !important}.ui-datepicker{position:fixed;top:-300px;-padding:10px;width:210px;height:242px;z-index:101 !important}body.ltr .ui-datepicker{margin-left:1px}body.rtl .ui-datepicker{margin-right:1px}.ui-datepicker-header{padding:8px 8px 4px}body.ltr .ui-datepicker-prev{float:left}body.rtl .ui-datepicker-prev{float:right}body.ltr .ui-datepicker-next{float:right}body.rtl .ui-datepicker-next{float:left}.ui-datepicker-prev span,.ui-datepicker-next span{display:none}.ui-datepicker-prev,.ui-datepicker-next{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.ui-datepicker-prev:hover:after,.ui-datepicker-next:hover:after{border-color:var(--link-color)}.ui-datepicker-prev:after{display:block;content:\"\";font-size:0;width:7px;height:7px;border:solid currentColor;border-width:0 2px 2px 0;opacity:.8}body.ltr .ui-datepicker-prev:after{transform:rotate(135deg)}body.rtl .ui-datepicker-prev:after{transform:rotate(-45deg)}.ui-datepicker-next:after{display:block;content:\"\";font-size:0;width:7px;height:7px;border:solid currentColor;border-width:0 2px 2px 0;opacity:.8}body.ltr .ui-datepicker-next:after{transform:rotate(-45deg)}body.rtl .ui-datepicker-next:after{transform:rotate(135deg)}.ui-datepicker-title{text-align:center}.ui-datepicker-calendar th,.ui-datepicker-calendar td{padding:2px !important}.ui-datepicker-calendar th span,.ui-datepicker-calendar td a{display:block;width:1.625rem;line-height:26px;text-align:center;color:var(--text-color)}.ui-datepicker-calendar th span{color:var(--medium-text-color);font-weight:normal}.ui-datepicker-calendar td a{border-radius:2px}.ui-datepicker-calendar td a:hover{background-color:var(--light-sel-color);text-decoration:none}.ui-datepicker-calendar td a.ui-state-active{background-color:var(--dark-sel-color);color:var(--white);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:500;cursor:default}.ui-datepicker-calendar td.ui-datepicker-today a{border-radius:13px;box-shadow:inset 0 0 0 2px var(--light-sel-color)}.ui-timepicker-wrapper{z-index:101}.ui-timepicker-list{overflow-y:auto;width:calc(14px + 6em);height:210px;z-index:100}body.ltr .ui-timepicker-list{margin-left:1px}body.rtl .ui-timepicker-list{margin-right:1px}.ui-timepicker-list li{white-space:nowrap;cursor:pointer}body.ltr .ui-timepicker-list li{padding:2px 0 2px 14px}body.rtl .ui-timepicker-list li{padding:2px 14px 2px 0}.ui-timepicker-list li:hover{background-color:var(--light-sel-color)}.ui-timepicker-list li.ui-timepicker-selected{background-color:var(--dark-sel-color);color:var(--white);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:500;cursor:default}.slide-picker{display:flex;height:15px;white-space:nowrap}.slide-picker a{border:1px solid var(--hairline-color);background-image:none;width:7px;height:13px;margin-left:0;display:inline-block;margin-top:1px;margin-bottom:1px;box-sizing:border-box}body.ltr .slide-picker a{border-left:none}body.rtl .slide-picker a{border-right:none}.slide-picker a:first-child{width:8px}body.ltr .slide-picker a:first-child{border-left:1px solid var(--gray-400) !important}body.rtl .slide-picker a:first-child{border-right:1px solid var(--gray-400) !important}.slide-picker:not(:hover) a.active,.slide-picker:hover a.active-hover{border-top-color:var(--gray-400);border-bottom-color:var(--gray-400);height:15px;margin-top:0;margin-bottom:0}body.ltr .slide-picker:not(:hover) a.active:first-child,body.ltr .slide-picker:hover a.active-hover:first-child{border-left:1px solid var(--gray-400)}body.rtl .slide-picker:not(:hover) a.active:first-child,body.rtl .slide-picker:hover a.active-hover:first-child{border-right:1px solid var(--gray-400)}body.ltr .slide-picker:not(:hover) a.active:first-child,body.ltr .slide-picker:hover a.active-hover:first-child{border-top-left-radius:var(--small-border-radius)}body.rtl .slide-picker:not(:hover) a.active:first-child,body.rtl .slide-picker:hover a.active-hover:first-child{border-top-right-radius:var(--small-border-radius)}body.ltr .slide-picker:not(:hover) a.active:first-child,body.ltr .slide-picker:hover a.active-hover:first-child{border-bottom-left-radius:var(--small-border-radius)}body.rtl .slide-picker:not(:hover) a.active:first-child,body.rtl .slide-picker:hover a.active-hover:first-child{border-bottom-right-radius:var(--small-border-radius)}body.ltr .slide-picker:not(:hover) a.last-active,body.ltr .slide-picker:hover a.last-active-hover{border-right:1px solid var(--gray-400)}body.rtl .slide-picker:not(:hover) a.last-active,body.rtl .slide-picker:hover a.last-active-hover{border-left:1px solid var(--gray-400)}body.ltr .slide-picker:not(:hover) a.last-active,body.ltr .slide-picker:hover a.last-active-hover{border-top-right-radius:var(--small-border-radius)}body.rtl .slide-picker:not(:hover) a.last-active,body.rtl .slide-picker:hover a.last-active-hover{border-top-left-radius:var(--small-border-radius)}body.ltr .slide-picker:not(:hover) a.last-active,body.ltr .slide-picker:hover a.last-active-hover{border-bottom-right-radius:var(--small-border-radius)}body.rtl .slide-picker:not(:hover) a.last-active,body.rtl .slide-picker:hover a.last-active-hover{border-bottom-left-radius:var(--small-border-radius)}.slide-picker:focus a.active{background-color:var(--light-sel-color)}ul.errors{margin-top:5px;list-style-type:square}body.ltr ul.errors{padding-left:20px}body.rtl ul.errors{padding-right:20px}ul.errors li{color:var(--error-color)}.message-container{position:absolute;z-index:100;top:0;width:100%;height:100%}body.ltr .message-container{left:0}body.rtl .message-container{right:0}.message-container.no-access{background-color:rgba(31,41,51,.5)}.message-container .pane{top:50%;margin-top:-33px !important;margin-left:auto;margin-right:auto;width:320px;box-shadow:0 25px 100px rgba(31,41,51,.5)}.autosuggest-container{position:relative}.autosuggest__results-container{position:absolute;z-index:2;width:100%;border-radius:var(--large-border-radius);background-color:var(--white);box-shadow:0 1px 5px -1px rgba(31,41,51,.2);box-sizing:border-box;padding:0 14px;text-align:left;font-family:system-ui,BlinkMacSystemFont,-apple-system,\"Segoe UI\",\"Roboto\",\"Oxygen\",\"Ubuntu\",\"Cantarell\",\"Fira Sans\",\"Droid Sans\",\"Helvetica Neue\",sans-serif;font-size:1em !important}.autosuggest__results-container .autosuggest__results-before{margin:14px 0 3px;font-size:11px;line-height:1.2;color:#606d7b;text-transform:uppercase;margin-top:14px !important}.autosuggest__results-container .autosuggest__results-item{margin:0 -14px;padding:10px 14px;color:#3f4d5a;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.autosuggest__results-container .autosuggest__results-item:hover,.autosuggest__results-container .autosuggest__results-item.autosuggest__results-item--highlighted{color:#fff;background-color:#606d7b;cursor:pointer}.matrix-configurator>.field{max-width:none}.matrix-configurator>.field>.input{display:flex;align-items:stretch;background-color:var(--gray-050);box-shadow:none}.matrix-configurator .mc-sidebar{box-sizing:border-box}.matrix-configurator .mc-sidebar .mc-col-items{margin-top:-1px;padding-top:1px}.matrix-configurator .mc-sidebar.block-types{width:200px}body.ltr .matrix-configurator .mc-sidebar.block-types{border-top-left-radius:var(--small-border-radius)}body.rtl .matrix-configurator .mc-sidebar.block-types{border-top-right-radius:var(--small-border-radius)}body.ltr .matrix-configurator .mc-sidebar.block-types{border-bottom-left-radius:var(--small-border-radius)}body.rtl .matrix-configurator .mc-sidebar.block-types{border-bottom-right-radius:var(--small-border-radius)}body.ltr .matrix-configurator .mc-sidebar.block-types>.mc-col-inner-container>.mc-col-heading{border-top-left-radius:var(--small-border-radius)}body.rtl .matrix-configurator .mc-sidebar.block-types>.mc-col-inner-container>.mc-col-heading{border-top-right-radius:var(--small-border-radius)}.matrix-configurator .mc-sidebar.block-types>.mc-col-inner-container>.mc-col-items .btn{margin:14px}.matrix-configurator .mc-sidebar.mc-fields{width:240px;z-index:1;background:#fff;box-shadow:-1px 0 0 0 rgba(31,41,51,.1),1px 0 0 0 rgba(31,41,51,.1)}.matrix-configurator .mc-sidebar.mc-fields .mc-col-items{padding:14px}.matrix-configurator .mc-sidebar.mc-fields .mc-col-items .btn{margin-top:14px}.matrix-configurator .mc-sidebar>.mc-col-inner-container>.mc-col-heading,.matrix-configurator .mc-field-settings>.mc-col-inner-container>.mc-col-heading{margin:0;padding:7px 14px 6px;border-bottom:1px solid var(--hairline-color);background-color:var(--gray-050);background-image:linear-gradient(rgba(51, 64, 77, 0), rgba(51, 64, 77, 0.05))}.matrix-configurator .mc-field-settings{flex:1;position:relative}body.ltr .matrix-configurator .mc-field-settings{border-top-right-radius:var(--small-border-radius)}body.rtl .matrix-configurator .mc-field-settings{border-top-left-radius:var(--small-border-radius)}body.ltr .matrix-configurator .mc-field-settings{border-bottom-right-radius:var(--small-border-radius)}body.rtl .matrix-configurator .mc-field-settings{border-bottom-left-radius:var(--small-border-radius)}.matrix-configurator .mc-field-settings>.mc-col-inner-container>.mc-col-heading{padding-left:24px;padding-right:24px}body.ltr .matrix-configurator .mc-field-settings>.mc-col-inner-container>.mc-col-heading{border-top-right-radius:var(--small-border-radius)}body.rtl .matrix-configurator .mc-field-settings>.mc-col-inner-container>.mc-col-heading{border-top-left-radius:var(--small-border-radius)}.matrix-configurator .mc-field-settings>.mc-col-inner-container>.mc-col-items{padding:24px}.matrixconfigitem{position:relative;display:flex;align-items:center;user-select:none;cursor:default;min-height:48px;box-sizing:border-box}.matrixconfigitem.mci-blocktype{margin-top:-1px;padding:8px 14px;border:solid var(--hairline-color);border-width:1px 0;background-color:var(--gray-100)}.matrixconfigitem.mci-blocktype.sel{z-index:1;background-color:var(--gray-200)}.matrixconfigitem.mci-field{border-radius:var(--medium-border-radius);padding:7px 10px;background-color:var(--gray-100)}.matrixconfigitem.mci-field.sel{background-color:var(--gray-200)}.matrixconfigitem.mci-field.sel .slide-picker:focus a.active{background-color:#5f6c79}.matrixconfigitem.mci-field+.mci-field{margin-top:7px}.matrixconfigitem .mci-name{flex:1;overflow:hidden}.matrixconfigitem .mci-name h4,.matrixconfigitem .mci-name .smalltext{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.matrixconfigitem .mci-name h4{margin-bottom:2px;font-weight:normal;color:var(--text-color)}.matrixconfigitem .mci-name h4.mci-required:after{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);content:\"asterisk\";font-size:8px}body.ltr .matrixconfigitem .mci-name h4.mci-required:after{margin:-2px 0 0 4px}body.rtl .matrixconfigitem .mci-name h4.mci-required:after{margin:-2px 4px 0 0}.matrixconfigitem.error .mci-name h4{color:var(--error-color)}body.ltr .matrixconfigitem .slide-picker,body.ltr .matrixconfigitem .icon{margin-left:7px}body.rtl .matrixconfigitem .slide-picker,body.rtl .matrixconfigitem .icon{margin-right:7px}.matrixconfigitem .icon{display:block}.matrixconfigitem .icon:not(.error):before{color:var(--ui-control-color)}.matrixconfigitem .icon:not(.error):hover:before{color:var(--ui-control-hover-color)}.matrixconfigitem .icon:not(.error):active:before{color:var(--ui-control-active-color)}.matrixconfigitem .icon.error:before{color:var(--error-color)}.matrix>.buttons{margin-top:10px}.matrixblock{position:relative;margin-bottom:10px;padding:0 var(--m) var(--m);border-radius:var(--large-border-radius);border:1px solid var(--hairline-color);background-color:var(--gray-050)}.matrixblock.static{padding-top:14px}.matrixblock .flex-fields{--row-gap: var(--m) !important}.matrixblock>.titlebar{margin:0 -14px;width:calc(100% + 28px);box-sizing:border-box;border-radius:var(--large-border-radius)-1 var(--large-border-radius)-1 0 0;color:var(--light-text-color);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal;cursor:default;user-select:none;position:relative;background-color:#ebf2fa}body.ltr .matrixblock>.titlebar{padding:5px 70px 5px 35px}body.rtl .matrixblock>.titlebar{padding:5px 35px 5px 70px}.matrixblock>.titlebar:after{display:block;content:\"\";position:absolute;bottom:-1px;left:14px;width:calc(100% - 28px);height:1px;background-color:var(--hairline-color)}.matrixblock>.titlebar>.blocktype{display:inline;color:var(--medium-text-color)}.matrixblock>.titlebar>.preview{display:inline;opacity:0;transition:opacity linear 100ms}body.ltr .matrixblock>.titlebar>.preview{margin-left:7px}body.rtl .matrixblock>.titlebar>.preview{margin-right:7px}.matrixblock>.titlebar>.preview span{opacity:.5}.matrixblock.disabled{opacity:1}body.ltr .matrixblock.disabled>.titlebar{padding-right:90px}body.rtl .matrixblock.disabled>.titlebar{padding-left:90px}.matrixblock.disabled>.actions>.status.off{display:block}.matrixblock.collapsed>.titlebar{border-radius:var(--titlebar-border-radius);border-bottom:none}.matrixblock.collapsed>.titlebar>.preview{opacity:1}.matrixblock>.checkbox{position:absolute;top:7px}body.ltr .matrixblock>.checkbox{left:14px}body.rtl .matrixblock>.checkbox{right:14px}.matrixblock>.actions{display:flex;align-items:center;position:absolute;top:5px;cursor:default}body.ltr .matrixblock>.actions{right:14px}body.rtl .matrixblock>.actions{left:14px}body.ltr .matrixblock>.actions>*{margin:0 0 0 5px}body.rtl .matrixblock>.actions>*{margin:0 5px 0 0}.matrixblock>.actions .settings{padding:0 8px;height:20px;color:var(--ui-control-color)}body.ltr .matrixblock>.actions .settings:before{margin-right:0 !important}body.rtl .matrixblock>.actions .settings:before{margin-left:0 !important}.matrixblock>.actions .settings:not(:hover):not(:active){background-color:rgba(0,0,0,0)}.matrixblock>.actions>.move{margin-top:-3px !important}.matrixblock>.actions>.status.off{display:none}.matrixblock>.actions a:not([data-action]){padding:0;height:20px;text-align:center;color:var(--dark-hairline-color);transform:color linear 100ms}.matrixblock>.actions a:not([data-action]).settings:after{border-color:var(--dark-hairline-color);transform:border-color linear 100ms}body.ltr .matrixblock>.actions a:not([data-action]).settings:after{margin-left:3px}body.rtl .matrixblock>.actions a:not([data-action]).settings:after{margin-right:3px}.matrixblock>.actions a:not([data-action]):hover{color:var(--link-color)}.matrixblock>.actions a:not([data-action]):hover.settings:after{border-color:var(--link-color)}.matrixblock:not(.static)>.fields{padding-top:14px}.matrixblock>.fields>.flex-fields>.field:before{display:none}.matrixblock>.buttons{margin-top:0;height:30px}.add-category-form{margin-top:24px}.add-category-form .texticon{width:200px}body.ltr .add-category-form .texticon{float:left}body.rtl .add-category-form .texticon{float:right}body.ltr .add-category-form .texticon{margin-right:5px}body.rtl .add-category-form .texticon{margin-left:5px}body.ltr .add-category-form .texticon .text{padding-right:30px}body.rtl .add-category-form .texticon .text{padding-left:30px}.add-category-form .texticon .spinner{position:absolute;top:0}body.ltr .add-category-form .texticon .spinner{right:5px}body.rtl .add-category-form .texticon .spinner{left:5px}.categoriesfield{position:relative;min-height:30px}body.ltr .categoriesfield .structure ul{margin-left:12px}body.rtl .categoriesfield .structure ul{margin-right:12px}body.sitepicker #main-content{padding:30px;justify-content:center;align-items:center;text-align:center}body.sitepicker #content-container{max-width:400px}.sitepicker-group li:not(:first-child) a{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.sitepicker-group li:not(:first-child) a:not(:hover){border-top-color:rgba(0,0,0,0)}.sitepicker-group li:not(:last-child) a{border-bottom-left-radius:0;border-bottom-right-radius:0}.sitepicker-group li a{display:block;position:relative;text-align:left;width:100%;box-sizing:border-box;border:1px solid var(--hairline-color);border-radius:var(--medium-border-radius);font-size:16px;line-height:1.4}body.ltr .sitepicker-group li a{padding:9px 42px 9px 15px}body.rtl .sitepicker-group li a{padding:9px 15px 9px 42px}.sitepicker-group li a:after{font-size:14px;position:absolute;top:calc(50% - 7px);margin:0;padding:0}body.ltr .sitepicker-group li a:after{right:12px}body.rtl .sitepicker-group li a:after{left:12px}.sitepicker-group li a:hover{border-color:var(--link-color);text-decoration:none;z-index:1}.elementselectormodal .body .main{float:left \\9 ;width:445px \\9 }@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (-moz-min-device-pixel-ratio: 1.5),only screen and (-o-min-device-pixel-ratio: 3/2),only screen and (min-device-pixel-ratio: 1.5),only screen and (min-resolution: 1.5dppx){.structure ul li{background-size:40px}body.ltr .structure ul li{background-image:url(../images/branch_2x.png)}body.rtl .structure ul li{background-image:url(../images/branch_rtl_2x.png)}.hud .tip-left{background-image:url(../images/hudtip_left_2x.png);background-size:15px 30px}.hud .tip-top{background-image:url(../images/hudtip_top_2x.png);background-size:30px 15px}.hud .tip-right{background-image:url(../images/hudtip_right_2x.png);background-size:15px 30px}.hud .tip-bottom{background-image:url(../images/hudtip_bottom_2x.png);background-size:30px 15px}.hud.has-footer .tip-bottom{background-image:url(../images/hudtip_bottom_gray_2x.png)}}:root{--xs: 4px;--s: 8px;--m: 14px;--l: 18px;--xl: 24px;--padding: var(--xl);--neg-padding: calc(var(--padding) * -1)}html{-webkit-text-size-adjust:100%;min-height:100vh}body{min-height:100vh}body :focus{outline-style:solid;outline-color:rgba(0,0,0,0);box-shadow:var(--focus-ring)}.reduce-focus-visibility :focus:not(.focus-visible){box-shadow:none}.reduce-focus-visibility .focus-visible{box-shadow:var(--focus-ring)}.skip-link{position:absolute;margin:5px;left:-10000px;top:0;width:1px;height:1px;overflow:hidden;z-index:101}.skip-link:focus{left:unset;width:auto;height:auto;background-color:var(--gray-100) !important}body.ltr .skip-link:focus{left:0}body.rtl .skip-link:focus{right:0}@media only screen and (min-width: 1200px){#global-skip-link{--light-color: var(--white);--dark-color: var(--gray-800);--focus-ring: 0 0 0 3px var(--dark-color), 0 0 0 6px var(--light-color)}}#global-container{position:relative;display:flex;flex-direction:column;min-height:100vh}body.ltr #global-container{left:0}body.rtl #global-container{right:0}@media screen and (prefers-reduced-motion: no-preference){body.ltr #global-container{transition:left 250ms ease-out}body.rtl #global-container{transition:right 250ms ease-out}}#global-sidebar{--is-always-visible: true;position:fixed;z-index:100;display:flex;flex-direction:column;height:100vh;padding:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:500;--focus-ring: 0 0 0 1px hsl(var(--light-focus-hsl)), 0 0 0 3px hsla(var(--light-focus-hsl), 0.7);background-color:var(--gray-800)}#global-sidebar a{color:var(--gray-100);text-decoration:none}#global-sidebar>a[href]:not(.sel):hover,#global-sidebar *:not(.has-subnav)>a[href]:not(.sel):hover{background-color:#29333d}#global-sidebar>a:not([href]),#global-sidebar *:not(.has-subnav)>a:not([href]){cursor:default;background-color:rgba(0,0,0,0)}#global-sidebar .light{color:var(--gray-400)}@media only screen and (max-width: 1199px){#global-sidebar{--is-always-visible: false}}#system-info{display:grid;grid-template-columns:30px auto;grid-gap:10px;height:50px;padding:0 10px;position:relative;flex:0 0 50px;flex-direction:row;align-items:center;background-color:#29333d}#system-info:after{display:none}#system-info:focus,#system-info:hover{background-color:#1f272e !important}#site-icon{height:30px}#site-icon img,#site-icon svg{display:block;width:30px;height:30px;border-radius:4px}#site-icon svg rect,#site-icon svg circle,#site-icon svg ellipse,#site-icon svg line,#site-icon svg polyline,#site-icon svg polygon,#site-icon svg path,#site-icon svg text{fill:var(--medium-text-color);stroke-width:0}#system-name h2,#system-name .h2{margin:0;width:100%;overflow:hidden;max-height:40px;position:relative;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}#system-name h2:after,#system-name .h2:after{display:block;content:\"\";font-size:0;position:absolute;top:0;width:var(--m);background-image:linear-gradient(to right, rgba(41, 51, 61, 0), #29333d)}body.ltr #system-name h2:after,body.ltr #system-name .h2:after{right:0}body.rtl #system-name h2:after,body.rtl #system-name .h2:after{left:0}#system-info:hover #system-name h2:after,#system-info:hover #system-name .h2:after{background-image:linear-gradient(to right, rgba(31, 39, 46, 0), #1f272e)}#job-icon{align-items:flex-start}#job-icon>span.icon{display:block;position:relative;width:16px;height:16px;margin-top:2px !important}#job-icon>span.icon>canvas{display:block;position:absolute;width:16px;height:16px}#job-icon>span.icon>canvas#job-icon-hover{opacity:0}#job-icon[href]:hover .icon>span.icon>canvas#job-icon-hover{opacity:1}#job-icon .progress-label{display:block;color:var(--gray-300);font-size:11px;line-height:1.5}#nav{flex:1;margin:22px 0 0;padding-bottom:var(--xl);overflow:visible}#nav li:not(.has-subnav)>a.sel{color:var(--gray-800);background-color:var(--gray-100);opacity:1}#nav li:not(.has-subnav)>a.sel .icon{opacity:1}#nav li a{position:relative;padding-left:var(--m);padding-right:var(--m)}#nav li a:focus{z-index:1}#nav li a.menubtn{line-height:26px}#nav li a.external:after{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);content:\"external\"}body.ltr #nav li a.external:after{margin-left:5px}body.rtl #nav li a.external:after{margin-right:5px}#nav li a .label,#nav li a .label span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#nav li a .badge{background-color:var(--gray-200);color:var(--gray-800)}body.ltr #nav li a .badge{margin-right:0}body.rtl #nav li a .badge{margin-left:0}#nav li ul{display:block;margin-bottom:10px}#nav li ul li a{font-size:12px}body.ltr #nav li ul li a{padding:3px var(--m) 3px 42px !important}body.rtl #nav li ul li a{padding:3px 42px 3px var(--m) !important}#nav li ul li a:not(.active){color:var(--gray-200)}#global-footer{display:flex;flex-direction:column;align-items:center;padding:var(--m) var(--m) var(--xl)}#app-info{margin-top:var(--xs);display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--gray-600);text-align:center;gap:var(--s)}#app-info a{color:var(--gray-600);text-decoration:underline}#app-info a.go:hover:after{color:var(--gray-600)}#edition-logo{user-select:none;border:1px solid var(--gray-600);border-radius:3px;display:inline-flex;height:1.25rem;box-sizing:content-box;font-size:11px}#edition-logo>.edition-name,#edition-logo>.edition-trial{padding:0.375rem 0.4375rem 0.3125rem;line-height:var(--s)}#edition-logo>.edition-name{font-weight:600;letter-spacing:1.7px;padding-right:0.3125rem;text-transform:uppercase}#edition-logo>.edition-trial{display:inline-block;position:relative;background-color:var(--gray-600);color:var(--gray-200);border-radius:0 1px 1px 0;letter-spacing:1px;text-transform:lowercase}body.ltr #edition-logo>.edition-trial{margin-left:5px}body.rtl #edition-logo>.edition-trial{margin-right:5px}body.ltr #edition-logo>.edition-trial{padding-left:5px}body.rtl #edition-logo>.edition-trial{padding-right:5px}body.ltr #edition-logo>.edition-trial{padding-right:7px}body.rtl #edition-logo>.edition-trial{padding-left:7px}#edition-logo>.edition-trial:before{display:block;position:absolute;top:0;content:\"\";font-size:0;width:0;height:0;border-style:solid}body.ltr #edition-logo>.edition-trial:before{left:-10px;border-width:0 10px 20px 0;border-color:rgba(0,0,0,0) var(--gray-600) rgba(0,0,0,0) rgba(0,0,0,0)}body.rtl #edition-logo>.edition-trial:before{right:-10px;border-width:0 0 20px 10px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) var(--gray-600)}#devmode{flex:0 0 4px;width:100%;min-height:4px;background:url(../images/dev-mode.svg) repeat-x 21px 0;cursor:help}#page-container{display:flex;flex-direction:column;flex-grow:1}body.ltr #page-container{padding-left:226px}body.rtl #page-container{padding-right:226px}#alerts{position:relative;background-color:var(--red-050);border-left:5px solid var(--error-color);padding:11px 0;text-align:center;color:var(--error-color)}#alerts li{padding:4px var(--xl)}#alerts li a{color:var(--error-color);text-decoration:underline}#alerts li a.go{text-decoration:none;white-space:nowrap;border:1px solid rgba(207,17,36,.5);border-radius:var(--medium-border-radius);padding:3px 5px;margin:0 2px}#alerts li a.go:after{color:var(--error-color)}#alerts li a.go:hover{border-color:var(--error-color)}#global-header{width:100%;margin-bottom:var(--m);background:#fff;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);background:var(--gray-050)}#global-header:focus{box-shadow:var(--focus-ring)}#global-header .flex{align-items:center}#global-header .btn{--ui-control-color: var(--gray-400);--ui-control-hover-color: var(--gray-500);--ui-control-active-color: var(--gray-600)}.nav-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:50px;line-height:26px;color:currentColor;text-align:center}body.ltr .nav-toggle{margin-left:-10px}body.rtl .nav-toggle{margin-right:-10px}.nav-toggle:before{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);content:\"menu\";font-size:16px;line-height:0}.nav-toggle:hover{color:var(--gray-400)}#crumbs{display:flex;flex-direction:row;align-items:center;font-size:13px;margin:0 !important}#crumbs.empty{display:none}#crumbs a,#crumbs button{color:var(--light-text-color);transition:color linear 100ms}#crumbs a:hover,#crumbs button:hover{color:var(--link-color);text-decoration:none}#crumbs nav{margin:0}.breadcrumb-list{display:flex;flex-direction:row;align-items:stretch;flex-wrap:wrap}.breadcrumb-list li{display:inline-flex;align-items:center}.breadcrumb-list li a,.breadcrumb-list li button{padding:15px 0}.breadcrumb-list li button{cursor:pointer}.breadcrumb-list li:after{display:block;content:\"\";font-size:0;width:7px;height:7px;border:solid var(--medium-hairline-color);border-width:0 2px 2px 0;opacity:.8}body.ltr .breadcrumb-list li:after{margin:0 8px 0 7px}body.rtl .breadcrumb-list li:after{margin:0 7px 0 8px}body.ltr .breadcrumb-list li:after{transform:rotate(-45deg)}body.rtl .breadcrumb-list li:after{transform:rotate(135deg)}.breadcrumb-list .menu--disclosure li{display:block}.breadcrumb-list .menu--disclosure li::after{content:none}li.breadcrumb-toggle-wrapper::after{content:none}#account-menu ul li a{max-width:calc(100% + 28px) !important}#announcements-btn{width:30px;height:30px;padding-left:0;padding-right:0;width:40px;position:relative}#announcements-btn:not(:hover):not(:active):not(.active){background-color:rgba(0,0,0,0)}#announcements-btn:not(:active):not(.active):hover{background-color:rgba(154,165,177,.15)}#announcements-btn.unread:after{content:\"\";display:block;position:absolute;top:3px;width:7px;height:7px;border-radius:4px;background-color:var(--blue-600)}body.ltr #announcements-btn.unread:after{right:7px}body.rtl #announcements-btn.unread:after{left:7px}#announcements-btn svg{width:22px;height:22px}#announcements-btn svg rect,#announcements-btn svg circle,#announcements-btn svg ellipse,#announcements-btn svg line,#announcements-btn svg polyline,#announcements-btn svg polygon,#announcements-btn svg path,#announcements-btn svg text{fill:var(--ui-control-color);stroke-width:0}#announcements-btn:hover svg rect,#announcements-btn:hover svg circle,#announcements-btn:hover svg ellipse,#announcements-btn:hover svg line,#announcements-btn:hover svg polyline,#announcements-btn:hover svg polygon,#announcements-btn:hover svg path,#announcements-btn:hover svg text,#announcements-btn:active svg rect,#announcements-btn:active svg circle,#announcements-btn:active svg ellipse,#announcements-btn:active svg line,#announcements-btn:active svg polyline,#announcements-btn:active svg polygon,#announcements-btn:active svg path,#announcements-btn:active svg text,#announcements-btn.active svg rect,#announcements-btn.active svg circle,#announcements-btn.active svg ellipse,#announcements-btn.active svg line,#announcements-btn.active svg polyline,#announcements-btn.active svg polygon,#announcements-btn.active svg path,#announcements-btn.active svg text{fill:var(--link-color);stroke-width:0}#announcements{max-width:350px}#announcements .announcement:not(:first-child){margin-top:20px}#announcements .announcement .announcement-label-container{margin-top:-3px;display:flex;align-items:center;margin-bottom:3px}#announcements .announcement .announcement-label-container .announcement-icon svg{display:block;width:15px;height:15px}#announcements .announcement .announcement-label-container .announcement-label{margin-left:5px;font-size:12px;color:var(--light-text-color)}#announcements .announcement h2{position:relative;margin:0 0 3px}#announcements .announcement.unread h2:after{content:\"\";display:block;position:absolute;top:7px;width:7px;height:7px;border-radius:4px;background-color:var(--blue-600)}body.ltr #announcements .announcement.unread h2:after{left:-13px}body.rtl #announcements .announcement.unread h2:after{right:-13px}#announcements .announcement p{margin:0}#user-info{display:flex;flex-direction:row;align-items:center;padding-top:5px;padding-bottom:5px;height:100%;background-color:rgba(0,0,0,0);border-radius:0}body.ltr #user-info{padding-right:25px}body.rtl #user-info{padding-left:25px}#user-info:after{border-color:var(--ui-control-color);transition:border-color linear 100ms}#user-info:hover:after{border-color:var(--ui-control-hover-color)}#user-info[aria-expanded=true]:after{border-color:var(--ui-control-active-color)}.header-photo{padding:5px 0}.header-photo img{display:block;width:30px;height:30px;max-width:none;border-radius:50%;box-shadow:0 0 0 1px rgba(31,41,51,.05),0 0 0 rgba(31,41,51,0);transition:box-shadow linear 150ms}#user-info:hover .header-photo img{box-shadow:0 0 0 1px rgba(31,41,51,.05),0 2px 10px -2px rgba(31,41,51,.3)}#main-container{position:relative;flex-grow:1}#notifications{position:fixed;bottom:8px;width:calc(100% - 16px);z-index:101}body.ltr #notifications{left:8px}body.rtl #notifications{right:8px}@media only screen and (min-width: 974px){#notifications{width:350px}}#notifications .notification{display:flex;position:relative;background:#fff;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);padding:10px 14px;border-radius:var(--large-border-radius);box-shadow:0 0 0 1px rgba(19,26,32,.15),0 2px 12px rgba(19,26,32,.15);--color: var(--notice-color)}#notifications .notification:focus{box-shadow:var(--focus-ring)}#notifications .notification[data-type=success]{--color: var(--success-color)}#notifications .notification[data-type=error]{--color: var(--error-color)}#notifications .notification+.notification{margin-top:12px}#notifications .notification .notification-icon{width:18px;margin-top:-2px;font-size:18px;color:var(--color)}body.ltr #notifications .notification .notification-icon{margin-right:10px}body.rtl #notifications .notification .notification-icon{margin-left:10px}#notifications .notification .notification-body{display:flex;flex:1}#notifications .notification .notification-body .notification-message{font-weight:bold}#notifications .notification .notification-body .notification-details{margin-top:var(--xs)}#notifications .notification .notification-body .notification-details .element{border:1px solid rgba(51,64,77,.1)}#notifications .notification .notification-close-btn{position:relative;top:-2px}body.ltr #notifications .notification .notification-close-btn{margin-left:10px}body.rtl #notifications .notification .notification-close-btn{margin-right:10px}#header-container{margin-bottom:var(--m)}#crumbs,#header{padding-left:var(--xl);padding-right:var(--xl)}@media only screen and (min-width: 1200px){#primary-nav-toggle{display:none}}#global-header .flex,#header .flex{max-width:100%}#global-header .flex.flex-nowrap,#header .flex.flex-nowrap{min-width:0}#header{display:flex;align-items:flex-start;align-content:stretch;flex-wrap:nowrap;justify-content:space-between;gap:var(--s);padding-top:var(--s);padding-bottom:var(--s);position:relative;z-index:2;width:calc(100vw - 226px);box-sizing:border-box;background-color:rgba(154,165,177,0);box-shadow:0 1px 0 rgba(51,64,77,0);transition:background-color linear 100ms,box-shadow linear 100ms}body.fixed-header #header{position:fixed;z-index:12;top:0;background-color:var(--gray-100);box-shadow:inset 0 -1px 0 rgba(63,77,90,.1)}@supports(backdrop-filter: blur(10px)){#header{transition:background-color linear 100ms,box-shadow linear 100ms,backdrop-filter linear 100ms}body.fixed-header #header{background-color:rgba(228,237,246,.75);backdrop-filter:blur(10px)}}#header h1{line-height:34px;margin-top:0;margin-bottom:0;min-width:0}#header .buttons,#header .btngroup{margin-top:0}@media only screen and (min-width: 974px){#page-title.has-toolbar{min-width:calc(226px - var(--xl) - var(--s)) !important}}#toolbar{flex:1;align-items:flex-start}#toolbar .icon:before,#toolbar .texticon:before,#toolbar .menubtn:after,#toolbar [data-icon]:before,#toolbar [data-icon-after]:after{color:currentColor;opacity:.8}#toolbar .btn[aria-pressed=true]{background-color:var(--gray-500);color:var(--white)}#toolbar .text{border-radius:var(--large-border-radius)}#toolbar .text::-webkit-input-placeholder{color:var(--light-text-color)}#toolbar .text:-ms-input-placeholder{color:var(--light-text-color)}#toolbar .text::-ms-input-placeholder{color:var(--light-text-color)}#toolbar .text:-moz-placeholder{color:var(--light-text-color)}#toolbar .text::-moz-placeholder{color:var(--light-text-color)}#toolbar .text::placeholder{color:var(--light-text-color)}#toolbar .text:not(:focus){background-clip:border-box}#main-content{display:flex;flex-direction:row;align-items:flex-start;width:calc(100vw - 226px);padding:0 var(--xl) 48px;box-sizing:border-box}#main-content>.grid:only-child{flex:1}#sidebar-toggle-container{display:none}#sidebar-container{flex:0 0 226px;width:226px;box-sizing:border-box}@media only screen and (min-width: 1200px){body.ltr #sidebar-container{margin-left:calc(var(--xl)*-1)}body.rtl #sidebar-container{margin-right:calc(var(--xl)*-1)}}#sidebar{box-sizing:border-box;padding:0 31px;width:226px;background-color:rgba(0,0,0,0)}#sidebar.fixed{position:fixed;overflow-y:auto;padding-top:var(--m);padding-bottom:var(--m)}#sidebar nav{margin-left:-31px;margin-right:-31px}#sidebar nav li a{position:relative}#sidebar nav li a:focus{z-index:1}#sidebar nav li a:not(.sel):hover{background-color:var(--gray-200)}#content-container{flex:1}#main-content:not(.has-sidebar):not(.has-details) #content-container{width:100%;max-width:100%}#main-content.has-sidebar #content-container{width:calc(100% - 202px);max-width:calc(100% - 202px)}#main-content.has-details #content-container{width:calc(100% - 350px - var(--m));max-width:calc(100% - 350px - var(--m))}#content-container #main-content.has-sidebar.has-details{width:calc(100% - 226px - 350px - 38px);max-width:calc(100% - 226px - 350px - 38px)}#content-heading{margin-top:var(--xl) !important}@media only screen and (min-width: 974px){#content-heading{position:absolute;width:1px;height:1px;padding:0;margin:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}}.content-pane{background:#fff;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);border-radius:var(--large-border-radius);position:relative;background-clip:padding-box;padding:var(--xl);word-wrap:break-word}.content-pane:focus{box-shadow:var(--focus-ring)}.content-pane>hr{margin-left:calc(var(--xl)*-1);margin-right:calc(var(--xl)*-1)}#footer{z-index:1;margin:25px calc(var(--xl)*-1) calc(var(--xl)*-1);padding:var(--s) var(--xl);background-color:var(--gray-050);border-radius:0 0 var(--large-border-radius) var(--large-border-radius);box-sizing:border-box;min-height:50px}#footer:empty{display:none}#footer>*,#footer .flex>*{margin-bottom:0}#details-container{flex:0 0 388px;width:388px;box-sizing:border-box}body.ltr #details-container{margin-right:calc(var(--xl)*-1)}body.rtl #details-container{margin-left:calc(var(--xl)*-1)}#details{box-sizing:border-box;width:388px}body.ltr #details{padding-right:var(--xl)}body.rtl #details{padding-left:var(--xl)}body.ltr #details{padding-left:var(--m)}body.rtl #details{padding-right:var(--m)}#details.fixed{position:fixed;overflow-y:auto;padding-top:var(--m)}#details .details .meta{border-radius:var(--large-border-radius)}#details .details .meta:not(.read-only):not(.warning){background:#fff;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5)}#details .details .meta:not(.read-only):not(.warning):focus{box-shadow:var(--focus-ring)}#details .details .meta.read-only{color:var(--medium-text-color);background-color:rgba(0,0,0,0) !important}#details .details .meta>.field:first-child,#details .details .meta>.data:first-child{border-top-right-radius:var(--large-border-radius)}#details .details .meta>.field:first-child,#details .details .meta>.field:first-child>.status-badge,#details .details .meta>.data:first-child,#details .details .meta>.data:first-child>.status-badge{border-top-left-radius:var(--large-border-radius)}#details .details .meta>.field:last-child,#details .details .meta>.data:last-child{border-bottom-right-radius:var(--large-border-radius)}#details .details .meta>.field:last-child,#details .details .meta>.field:last-child>.status-badge,#details .details .meta>.data:last-child,#details .details .meta>.data:last-child>.status-badge{border-bottom-left-radius:var(--large-border-radius)}#details .details>.field>.input>.text.fullwidth{background:#fff;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5)}#details .details>.field>.input>.text.fullwidth:focus{box-shadow:var(--focus-ring)}#details .details .notes{border-radius:5px;padding-top:15px;padding-bottom:15px}@media only screen and (max-width: 1199px){#global-container{width:calc(100vw + 226px)}body.ltr #global-container{left:-226px}body.rtl #global-container{right:-226px}body.ltr.showing-nav #global-container{left:0}body.rtl.showing-nav #global-container{right:0}#crumbs{display:flex !important}#header{width:100vw}#main-content{width:100vw}}@media only screen and (max-width: 973px){#header{display:block}#header .flex:not(#toolbar){margin-top:10px}#toolbar{flex-wrap:wrap !important}#toolbar>*{margin-top:10px !important}body.fixed-header #header .flex:first-child{margin-top:0}#main-content{display:block}#sidebar-toggle-container{display:block;margin-bottom:var(--m)}#sidebar-toggle:after{top:0;transform:rotate(-45deg)}body.rtl #sidebar-toggle:after{transform:rotate(135deg)}body.showing-sidebar #sidebar-toggle{background-color:#acbed2 !important}body.showing-sidebar #sidebar-toggle:after{transform:rotate(45deg)}#content-container{min-height:0 !important}#sidebar-container,#details-container{width:auto !important}#sidebar,#details{position:static !important;overflow-y:visible !important;max-height:none !important;width:auto}#sidebar{margin-bottom:var(--m)}body:not(.showing-sidebar) #sidebar{display:none}body.ltr #details-container{margin-right:0}body.rtl #details-container{margin-left:0}#content-container{width:auto !important;max-width:none !important}#details{padding:0 !important;margin-top:var(--m)}}@media only screen and (max-width: 767px){#crumbs,#header,#main-content{padding-left:10px !important;padding-right:10px !important}#tabs ul li a{padding-left:var(--m);padding-right:var(--m)}body.ltr #tabs ul li+li{margin-left:-7px}body.rtl #tabs ul li+li{margin-right:-7px}}body.ltr #settingsmenu ul li a{padding-left:46px}body.rtl #settingsmenu ul li a{padding-right:46px}#settingsmenu ul li a:before{font-size:15px}body.ltr #settingsmenu ul li a:before{margin:1px 0 0 -22px}body.rtl #settingsmenu ul li a:before{margin:1px -22px 0 0}#settingsmenu ul li a img{width:16px;height:16px;position:absolute;margin-left:-23px;margin-top:1px}.grid{position:relative;min-height:1px}.grid:after{content:\"\";display:block;height:0;clear:both;visibility:hidden}.grid>.item{display:none;box-sizing:border-box}.sidebar{width:226px;box-sizing:border-box;font-size:13px}.sidebar:not(.drag-helper){padding:var(--m) 0;background-color:var(--gray-050)}.sidebar .heading{position:relative;margin:var(--m) var(--xl) 2px}.sidebar .heading span{display:inline-block;position:relative;z-index:1;padding:0 5px;margin:0 -5px;text-transform:uppercase;color:var(--medium-text-color);font-size:11px;font-weight:bold}.sidebar nav{padding:0 var(--s)}body.ltr .sidebar nav>ul>li>a{padding-left:24px}body.rtl .sidebar nav>ul>li>a{padding-right:24px}body.ltr .sidebar nav>ul>li>.toggle{left:calc(var(--m) * 0)}body.rtl .sidebar nav>ul>li>.toggle{right:calc(var(--m) * 0)}body.ltr .sidebar nav>ul>li>ul>li>a{padding-left:38px}body.rtl .sidebar nav>ul>li>ul>li>a{padding-right:38px}body.ltr .sidebar nav>ul>li>ul>li>.toggle{left:calc(var(--m) * 1)}body.rtl .sidebar nav>ul>li>ul>li>.toggle{right:calc(var(--m) * 1)}body.ltr .sidebar nav>ul>li>ul>li>ul>li>a{padding-left:52px}body.rtl .sidebar nav>ul>li>ul>li>ul>li>a{padding-right:52px}body.ltr .sidebar nav>ul>li>ul>li>ul>li>.toggle{left:calc(var(--m) * 2)}body.rtl .sidebar nav>ul>li>ul>li>ul>li>.toggle{right:calc(var(--m) * 2)}body.ltr .sidebar nav>ul>li>ul>li>ul>li>ul>li>a{padding-left:66px}body.rtl .sidebar nav>ul>li>ul>li>ul>li>ul>li>a{padding-right:66px}body.ltr .sidebar nav>ul>li>ul>li>ul>li>ul>li>.toggle{left:calc(var(--m) * 3)}body.rtl .sidebar nav>ul>li>ul>li>ul>li>ul>li>.toggle{right:calc(var(--m) * 3)}body.ltr .sidebar nav>ul>li>ul>li>ul>li>ul>li>ul>li>a{padding-left:80px}body.rtl .sidebar nav>ul>li>ul>li>ul>li>ul>li>ul>li>a{padding-right:80px}body.ltr .sidebar nav>ul>li>ul>li>ul>li>ul>li>ul>li>.toggle{left:calc(var(--m) * 4)}body.rtl .sidebar nav>ul>li>ul>li>ul>li>ul>li>ul>li>.toggle{right:calc(var(--m) * 4)}.sidebar nav li{position:relative}.sidebar nav li:not(.has-subnav)>a:not(.sel):hover{text-decoration:none;background-color:var(--gray-100)}.sidebar nav li:not(.has-subnav)>a.sel{cursor:default;background-color:var(--gray-500);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:500}.sidebar nav li:not(.has-subnav)>a.sel,.sidebar nav li:not(.has-subnav)>a.sel+.toggle{color:var(--white)}.sidebar nav li a{position:relative;margin-bottom:1px;display:flex;flex-direction:row;align-items:center;padding:7px var(--xl);min-height:var(--xl);box-sizing:border-box;color:var(--text-color);user-select:none;border-radius:var(--large-border-radius);word-break:break-word}.sidebar nav li a .status{flex-shrink:1}.sidebar nav li a .icon{flex-shrink:1;width:1.125rem;height:1.125rem;word-break:normal;transition:margin-left linear 150ms,margin-right linear 150ms;opacity:.85}body.ltr .sidebar nav li a .icon{margin-right:10px}body.rtl .sidebar nav li a .icon{margin-left:10px}.sidebar nav li a .icon.icon-mask svg rect,.sidebar nav li a .icon.icon-mask svg circle,.sidebar nav li a .icon.icon-mask svg ellipse,.sidebar nav li a .icon.icon-mask svg line,.sidebar nav li a .icon.icon-mask svg polyline,.sidebar nav li a .icon.icon-mask svg polygon,.sidebar nav li a .icon.icon-mask svg path,.sidebar nav li a .icon.icon-mask svg text{fill:currentColor;stroke-width:0}.sidebar nav li a .icon.icon-mask span[data-icon]{color:currentColor}.sidebar nav li a .icon svg{width:16px;height:16px}.sidebar nav li a .icon span[data-icon]{font-size:16px}.sidebar nav li a .icon span[data-icon]::before{display:block}.sidebar nav li a .label{flex:1}.sidebar nav li a .badge{flex-shrink:1;padding:0 6px;font-size:11px;line-height:16px;border-radius:var(--s);background-color:var(--medium-text-color);color:var(--white)}body.ltr .sidebar nav li a .badge{margin:0 -4px 0 10px}body.rtl .sidebar nav li a .badge{margin:0 10px 0 -4px}.sidebar nav li .toggle{position:absolute;z-index:1;height:34px;top:0;width:var(--xl);display:flex;align-items:center;justify-content:center}.sidebar nav li ul{display:none}.sidebar nav li.expanded>ul{display:block}body.ltr .content.has-sidebar:not(.hiding-sidebar){margin-left:226px}body.rtl .content.has-sidebar:not(.hiding-sidebar){margin-right:226px}#content-notice{margin:0 calc(var(--xl)*-1);padding:0 var(--xl)}#content-notice:not(:last-child){padding-bottom:var(--s);border-bottom:1px solid var(--hairline-color);margin-bottom:var(--s)}#content :not(.meta)>.flex-fields,#content>.flex-fields,.so-content .flex-fields{--row-gap: var(--xl);display:flex;flex-wrap:wrap;align-content:flex-start;margin:0 calc(var(--row-gap)*-1) calc(var(--row-gap)*-1);width:calc(100% + var(--row-gap)*2)}#content :not(.meta)>.flex-fields>*,#content>.flex-fields>*,.so-content .flex-fields>*{margin:0 0 var(--row-gap) !important;padding:0 var(--row-gap);box-sizing:border-box}#content :not(.meta)>.flex-fields>h2,#content>.flex-fields>h2,.so-content .flex-fields>h2{flex:4 0 100%}#content :not(.meta)>.flex-fields>h2:not(:first-child),#content>.flex-fields>h2:not(:first-child),.so-content .flex-fields>h2:not(:first-child){padding-top:var(--xl);border-top:1px solid var(--hairline-color)}#content :not(.meta)>.flex-fields>hr,#content :not(.meta)>.flex-fields>.line-break,#content>.flex-fields>hr,#content>.flex-fields>.line-break,.so-content .flex-fields>hr,.so-content .flex-fields>.line-break{flex:4 0 100%}#content :not(.meta)>.flex-fields>.line-break:not(:first-child),#content>.flex-fields>.line-break:not(:first-child),.so-content .flex-fields>.line-break:not(:first-child){margin-bottom:0 !important}#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break),#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child,#content>.flex-fields>:not(h2):not(hr):not(.line-break),#content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child,.so-content .flex-fields>:not(h2):not(hr):not(.line-break),.so-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child{position:relative;width:100%}#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):before,#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child:before,#content>.flex-fields>:not(h2):not(hr):not(.line-break):before,#content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child:before,.so-content .flex-fields>:not(h2):not(hr):not(.line-break):before,.so-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child:before{position:absolute;top:0;width:1px;height:100%;content:\"\";background-color:rgba(205,216,228,.5)}body.ltr #content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):before,body.ltr #content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child:before,body.ltr #content>.flex-fields>:not(h2):not(hr):not(.line-break):before,body.ltr #content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child:before,body.ltr .so-content .flex-fields>:not(h2):not(hr):not(.line-break):before,body.ltr .so-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child:before{left:-1px}body.rtl #content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):before,body.rtl #content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child:before,body.rtl #content>.flex-fields>:not(h2):not(hr):not(.line-break):before,body.rtl #content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child:before,body.rtl .so-content .flex-fields>:not(h2):not(hr):not(.line-break):before,body.rtl .so-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child:before{right:-1px}@media only screen and (min-width: 1536px){#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break).width-25,#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25,#content>.flex-fields>:not(h2):not(hr):not(.line-break).width-25,#content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25{width:25%}#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break).width-50,#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50,#content>.flex-fields>:not(h2):not(hr):not(.line-break).width-50,#content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50{width:50%}#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break).width-75,#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-75,#content>.flex-fields>:not(h2):not(hr):not(.line-break).width-75,#content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-75{width:75%}}@media only screen and (min-width: 600px)and (max-width: 1535px){#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break).width-25,#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break).width-50,#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25,#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50,#content>.flex-fields>:not(h2):not(hr):not(.line-break).width-25,#content>.flex-fields>:not(h2):not(hr):not(.line-break).width-50,#content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25,#content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50{width:50%}}@media only screen and (min-width: 1200px){.so-content .flex-fields>:not(h2):not(hr):not(.line-break).width-25,.so-content .flex-fields>:not(h2):not(hr):not(.line-break).width-50,.so-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25,.so-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50{width:50%}}.lp-editor-container,.lp-preview-container{position:fixed;top:0;height:100%;background-color:var(--white);z-index:100}.lp-editor-container header,.lp-preview-container header{padding:8px 24px;background-color:var(--gray-100);box-shadow:0 1px 0 rgba(63,77,90,.2);box-sizing:border-box;position:relative;z-index:1}@supports(backdrop-filter: blur(10px)){.lp-editor-container header,.lp-preview-container header{position:absolute;z-index:2;top:0;left:0;width:100%;background-color:rgba(228,237,246,.75);backdrop-filter:blur(10px)}.lp-editor-container header+.lp-editor,.lp-preview-container header+.lp-editor{padding-top:78px}}.lp-editor-container header .btn,.lp-editor-container header .spinner,.lp-editor-container header .checkmark-icon,.lp-preview-container header .btn,.lp-preview-container header .spinner,.lp-preview-container header .checkmark-icon{margin-bottom:0}.lp-editor-container{display:flex;flex-direction:column}.lp-editor-container .lp-editor{flex:1;padding:24px;overflow:auto;box-sizing:border-box}.lp-editor-container .lp-editor>.field:last-child{margin-bottom:24px !important}body.ltr .lp-editor-container .lp-editor>.field>.status-badge{left:-24px}body.rtl .lp-editor-container .lp-editor>.field>.status-badge{right:-24px}.lp-editor-container .lp-draghandle{position:absolute;z-index:6;top:0;width:4px;height:100%;cursor:col-resize}body.ltr .lp-editor-container .lp-draghandle{right:-2px}body.rtl .lp-editor-container .lp-draghandle{left:-2px}.lp-preview-container{display:flex;flex-direction:column;box-shadow:-1px 0 0 rgba(63,77,90,.2)}.lp-preview-container.dragging:after{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";font-size:0}.lp-preview-container .lp-preview-header{display:flex}@supports not (backdrop-filter: blur(10px)){.lp-preview-container .lp-preview-header{background-color:rgba(228,237,246,.75)}}.lp-preview-container .lp-preview-header .buttons{margin:0}body.ltr .lp-preview-container .lp-preview-header .buttons .btn+.btn{margin-left:7px}body.rtl .lp-preview-container .lp-preview-header .buttons .btn+.btn{margin-right:7px}.lp-preview-container .lp-preview-header+.lp-iframe-container{padding-top:0}@supports(backdrop-filter: blur(10px)){.lp-preview-container .lp-preview-header+.lp-iframe-container{padding-top:50px}}.lp-preview-container .lp-preview-header .lp-device-type{margin:0}.lp-preview-container .lp-device-type__label::before{width:27px;height:22px;display:block;content:\"\";background-size:contain;background-repeat:no-repeat;background-position:center;transition-duration:.3s}.lp-preview-container .lp-device-type__label.lp-device-type__label--phone::before{background-image:url(../images/preview/icon-phone.svg)}.lp-preview-container .lp-device-type__label.lp-device-type__label--tablet::before{background-image:url(../images/preview/icon-tablet.svg)}.lp-preview-container .lp-device-type__label.lp-device-type__label--desktop::before{background-image:url(../images/preview/icon-desktop.svg)}.lp-preview-container .lp-device-type__radio-group{display:flex;white-space:nowrap;align-items:center}body.ltr .lp-preview-container .lp-device-type__item:not(:last-child) .btn{border-top-right-radius:0;border-bottom-right-radius:0;margin-right:1px}body.rtl .lp-preview-container .lp-device-type__item:not(:last-child) .btn{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:1px}.lp-preview-container .lp-preview-container__bumper-link{top:unset;bottom:0}body.ltr .lp-preview-container .lp-device-type__item:not(:first-child) .btn{border-top-left-radius:0;border-bottom-left-radius:0}body.rtl .lp-preview-container .lp-device-type__item:not(:first-child) .btn{border-top-right-radius:0;border-bottom-right-radius:0}.lp-preview-container .lp-device-type__input.focus-visible+label{box-shadow:var(--focus-ring)}.lp-preview-container .lp-device-mask{display:none}.lp-preview-container .lp-iframe-container{flex:1;overflow:auto}.lp-preview-container .lp-iframe-container .lp-preview{display:block;width:100%;min-height:100%}.lp-preview-container .lp-iframe-container:not(.lp-iframe-container--has-device-preview) .lp-device-preview-container{width:auto !important;height:100% !important;transform:none !important;margin:0 !important}.lp-preview-container .lp-iframe-container--has-device-preview{flex:none;padding-top:0 !important;position:relative;top:0;height:calc(100% - 50px);width:100%;background-color:var(--gray-100)}@supports(backdrop-filter: blur(10px)){.lp-preview-container .lp-iframe-container--has-device-preview{top:50px}}.lp-preview-container .lp-iframe-container--has-device-preview .lp-device-preview-container{position:absolute;top:50%;left:50%;z-index:2;overflow:auto;opacity:1;transition:opacity .3s}.lp-preview-container .lp-iframe-container--has-device-preview .lp-device-mask{display:block;position:absolute;top:50%;left:50%;z-index:1;background-image:url(../images/preview/chrome-phone-top.svg),url(../images/preview/chrome-phone-bottom.svg);background-position:top center,bottom center;background-repeat:no-repeat;background-size:contain;background-color:#fff;box-shadow:0 0 58px rgba(6,67,117,.3);border-radius:18px}.lp-preview-container .lp-iframe-container--has-device-preview.lp-iframe-container--tablet .lp-device-mask{background-image:url(../images/preview/chrome-tablet-top.svg),url(../images/preview/chrome-tablet-bottom.svg)}@media screen and (prefers-reduced-motion: no-preference){.lp-preview-container .lp-iframe-container--rotating .lp-device-mask{transition-duration:.3s;transition-property:transform}.lp-preview-container .lp-iframe-container--rotating .lp-device-preview-container{opacity:0;transition:opacity 0s}}.layoutdesigner{display:flex;align-items:stretch;position:relative;border-radius:3px;border:1px solid rgba(96,125,159,.25);background-color:#fbfcfe;background-clip:padding-box;overflow:hidden;box-shadow:none;min-height:500px}body.ltr .layoutdesigner{padding-right:241px}body.rtl .layoutdesigner{padding-left:241px}.errors>.layoutdesigner{border:1px solid var(--error-color) !important}.layoutdesigner .fld-workspace{flex:1;background-color:var(--gray-050);background-image:linear-gradient(to right, hsl(212deg, 50%, 95%) 1px, transparent 0px),linear-gradient(to bottom, hsl(212deg, 50%, 95%) 1px, transparent 1px);background-size:24px 24px;background-position:-1px -1px;box-shadow:inset 0 1px 3px -1px #acbed2}body.ltr .layoutdesigner .fld-workspace{border-radius:var(--small-border-radius) 0 0 var(--small-border-radius)}body.rtl .layoutdesigner .fld-workspace{border-radius:0 var(--small-border-radius) var(--small-border-radius) 0}body.ltr .layoutdesigner .fld-workspace{padding:24px 0 24px 24px}body.rtl .layoutdesigner .fld-workspace{padding:24px 24px 24px 0}.layoutdesigner .fld-workspace .fld-tabs{display:flex;align-items:flex-start;flex-wrap:wrap}.layoutdesigner .fld-sidebar{position:absolute;top:0;height:100%;width:241px;padding:14px;overflow:auto;box-sizing:border-box}body.ltr .layoutdesigner .fld-sidebar{right:0}body.rtl .layoutdesigner .fld-sidebar{left:0}.layoutdesigner .fld-sidebar .btngroup{margin-bottom:14px}.layoutdesigner .fld-sidebar .fld-field-library .fld-field-group{margin-top:14px}.layoutdesigner .fld-sidebar .fld-field-library .fld-field-group h6{margin-bottom:7px}.layoutdesigner .fld-sidebar .filtered{display:none}.layoutdesigner .fld-new-tab-btn:active{background-color:var(--gray-050)}.fld-sidebar,.fld-tab .tabs .tab,.fld-tab .fld-tabcontent,.fld-new-tab-btn,.fld-new-tab-btn:hover{background-color:var(--white);box-shadow:0 0 0 1px rgba(31,41,51,.1),0 2px 5px -2px rgba(31,41,51,.2)}body.ltr .fld-tab .settings,body.ltr .fld-element .settings,body.ltr .fld-element .slide-picker{margin-left:7px}body.rtl .fld-tab .settings,body.rtl .fld-element .settings,body.rtl .fld-element .slide-picker{margin-right:7px}.fld-tab .settings:before,.fld-element .settings:before{margin-top:-2px;font-size:16px;opacity:.5}.fld-tab .settings:hover:before,.fld-tab .settings.active:before,.fld-element .settings:hover:before,.fld-element .settings.active:before{opacity:1}.fld-tab{width:264px;box-sizing:border-box}body.ltr .fld-tab{padding:0 25px 24px 0}body.rtl .fld-tab{padding:0 0 24px 25px}.fld-tab .tabs{margin:-10px -12px 0;padding:10px 12px 0;overflow:hidden;display:flex}.fld-tab .tabs .tab{display:flex;max-width:calc(100% - 10px);box-sizing:border-box;padding:8px 14px;border-radius:var(--medium-border-radius) var(--medium-border-radius) 0 0}body:not(.dragging) .fld-tab .tabs .tab.draggable{cursor:move;cursor:grab}.fld-tab .tabs .tab span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fld-tab .fld-tabcontent{padding:14px}body.ltr .fld-tab .fld-tabcontent{border-radius:0 var(--medium-border-radius) var(--medium-border-radius) var(--medium-border-radius)}body.rtl .fld-tab .fld-tabcontent{border-radius:var(--medium-border-radius) 0 var(--medium-border-radius) var(--medium-border-radius)}.fld-tab.fld-insertion .tabs .tab,.fld-tab.fld-insertion .fld-tabcontent{margin:-2px;border:2px dashed var(--hairline-color);box-shadow:none;background-color:var(--gray-050);background-image:linear-gradient(to right, hsl(212deg, 50%, 95%) 1px, transparent 0px),linear-gradient(to bottom, hsl(212deg, 50%, 95%) 1px, transparent 1px);background-size:24px 24px}.fld-tab.fld-insertion .tabs .tab{background-position:-1px -1px}.fld-tab.fld-insertion .fld-tabcontent{background-position:-1px -13px}.fld-tab-caboose{min-height:24px}.fld-required-indicator{display:inline-flex;font-size:9px;color:var(--link-color)}body.ltr .fld-required-indicator{margin-left:4px}body.rtl .fld-required-indicator{margin-right:4px}.fld-element{position:relative;z-index:0;display:flex;align-items:center;padding:7px 10px;box-shadow:inset 0 0 0 1px var(--hairline-color);border-radius:var(--medium-border-radius);background-color:var(--white)}.fld-element.has-conditions:after{position:absolute;content:\" \";top:2px;right:2px;bottom:2px;left:2px;z-index:-1;border:2px solid rgba(0,0,0,0);border-radius:var(--medium-border-radius);background-image:linear-gradient(var(--white), var(--white)),repeating-linear-gradient(-45deg, var(--white), var(--white) 5px, transparent 5px, transparent 10px);background-origin:border-box;background-clip:content-box,border-box}body:not(.dragging) .fld-element{cursor:move;cursor:grab}.fld-element+.fld-element{margin-top:7px}.fld-element.fld-insertion{box-sizing:border-box;border:2px dashed var(--hairline-color);border-radius:var(--medium-border-radius);background:none;box-shadow:none}.fld-element.draghelper{box-shadow:0 1px 5px -1px rgba(31,41,51,.2)}.fld-element.fld-field{color:var(--medium-text-color);background-color:var(--gray-100)}.fld-element.fld-field.has-conditions:after{position:absolute;content:\" \";top:2px;right:2px;bottom:2px;left:2px;z-index:-1;border:2px solid rgba(0,0,0,0);border-radius:var(--medium-border-radius);background-image:linear-gradient(var(--gray-100), var(--gray-100)),repeating-linear-gradient(-45deg, var(--white), var(--white) 5px, transparent 5px, transparent 10px);background-origin:border-box;background-clip:content-box,border-box}.fld-element.fld-field:not(.draghelper){box-shadow:none}.fld-element.fld-field .fld-field-hidden:not(.hidden){margin-top:-3px}body.ltr .fld-element.fld-field .fld-field-hidden:not(.hidden){margin-right:5px}body.rtl .fld-element.fld-field .fld-field-hidden:not(.hidden){margin-left:5px}.fld-element.fld-field .fld-field-hidden:not(.hidden):before{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);content:\"shuteye\"}.fld-element.fld-field .field-name .fld-element-label{margin-bottom:2px}.fld-element .fld-element-icon{text-align:center}body.ltr .fld-element .fld-element-icon{margin-right:5px}body.rtl .fld-element .fld-element-icon{margin-left:5px}.fld-element .fld-element-icon,.fld-element .fld-element-icon svg{width:16px;height:16px}.fld-element .fld-element-icon svg rect,.fld-element .fld-element-icon svg circle,.fld-element .fld-element-icon svg ellipse,.fld-element .fld-element-icon svg line,.fld-element .fld-element-icon svg polyline,.fld-element .fld-element-icon svg polygon,.fld-element .fld-element-icon svg path,.fld-element .fld-element-icon svg text{fill:var(--ui-control-color);stroke-width:0}.fld-element .field-name{flex:1;overflow:hidden}.fld-element .field-name .fld-element-label,.fld-element .field-name .fld-attribute{flex:1;display:flex;align-items:center}.fld-element .field-name .fld-element-label h4,.fld-element .field-name .fld-attribute .smalltext{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fld-element .field-name .fld-element-label h4{font-weight:normal;color:var(--text-color);margin:0}body.dragging{cursor:move !important;cursor:grabbing !important}.fld-hr,.fld-br{display:flex;justify-content:center;padding:9px 10px}.fld-hr:before,.fld-br:before{position:absolute;display:block;top:calc(50% - 2px);left:10px;width:calc(100% - 20px);height:4px;content:\"\";font-size:0;border-radius:2px}.fld-hr .smalltext,.fld-br .smalltext{position:relative;background-color:var(--gray-100);border-radius:8px;padding:1px 7px}.fld-hr:before{background-color:var(--gray-100)}.fld-br:before{background-image:repeating-linear-gradient(to right, var(--gray-100), var(--gray-100) 5.2631578947%, transparent 5.2631578947%, transparent 10.5263157895%, var(--gray-100) 10.5263157895%)}.fld-element-settings-body{flex:1;margin:-24px var(--neg-padding) 0;padding:24px var(--padding);overflow:hidden auto;position:relative}.fld-element-settings-footer{position:relative;display:flex;flex-direction:row;margin:0 var(--neg-padding) -24px;padding:var(--padding);background:#fff;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);background-color:var(--gray-050);z-index:3}.fld-element-settings-footer:focus{box-shadow:var(--focus-ring)}.fld-element-settings-footer>.ee-site-select{flex:1}body.ltr .fld-element-settings-footer>.btn{margin-left:5px}body.rtl .fld-element-settings-footer>.btn{margin-right:5px}body.ltr .fld-element-settings-footer>.spinner{margin:0 var(--neg-padding) 0 0}body.rtl .fld-element-settings-footer>.spinner{margin:0 0 0 var(--neg-padding)}html.noscroll,html.noscroll body{overflow:hidden;height:100%}.modal.imageeditor{background-color:var(--gray-900);color:var(--white);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:500;--focus-ring: 0 0 0 1px hsl(var(--light-focus-hsl)), 0 0 0 3px hsla(var(--light-focus-hsl), 0.7);opacity:0;user-select:none}.modal.imageeditor.modal{border-radius:0}.modal.imageeditor.modal .body:after{display:none}.modal.imageeditor .btn:not(.submit):not(.noborder){background-color:var(--gray-600);color:var(--white)}.modal.imageeditor .btn:not(.submit):not(.noborder):hover{background-color:var(--gray-700)}.modal.imageeditor .btn:not(.submit):not(.noborder).active{background-color:var(--gray-800)}.modal.imageeditor .icon::before{width:24px;height:24px;margin-top:-4px;margin-left:-3px;display:inline-block;content:\"\"}.modal.imageeditor .icon.rotate-left::before{background-image:url(../images/image-editor/rotate-left.svg)}.modal.imageeditor .icon.rotate-right::before{background-image:url(../images/image-editor/rotate-right.svg)}.modal.imageeditor .icon.flip-vertical::before{background-image:url(../images/image-editor/flip-vertical.svg)}.modal.imageeditor .icon.flip-horizontal::before{background-image:url(../images/image-editor/flip-horizontal.svg)}.modal.imageeditor .icon.constraint::before{background-image:url(../images/image-editor/unconstrained.svg)}.modal.imageeditor .icon.focal-point::before{background-image:url(../images/image-editor/focal-point.svg)}.modal.imageeditor .body{display:flex;padding:0}.modal.imageeditor input{color:var(--text-color)}.modal.imageeditor .body .tabs{border-right:1px solid var(--gray-1000)}.modal.imageeditor .body .tabs ul{width:100px;flex-direction:column;align-items:stretch}.modal.imageeditor .body .tabs ul li{position:relative;padding:14px;text-align:center;border-bottom:1px solid var(--gray-1000);cursor:pointer}.modal.imageeditor .body .tabs ul li::before{position:absolute;top:0;content:\"\";width:0;height:100%;background-color:currentColor}body.ltr .modal.imageeditor .body .tabs ul li::before{left:0}body.rtl .modal.imageeditor .body .tabs ul li::before{right:0}.modal.imageeditor .body .tabs ul li.selected{background-color:#151c23}.modal.imageeditor .body .tabs ul li.selected::before{width:2px}.modal.imageeditor .body .tabs ul li i{background-repeat:no-repeat;background-position:top center;display:block;height:24px}.modal.imageeditor .body .tabs ul li[data-view=rotate] i{background-image:url(../images/image-editor/rotate-left.svg)}.modal.imageeditor .body .tabs ul li[data-view=crop] i{background-image:url(../images/image-editor/crop.svg)}.modal.imageeditor .body .tabs ul li[data-view=filters] i{background-image:url(../images/image-editor/filters.svg)}.modal.imageeditor .body .tabs ul li:hover{background-color:#1b242c}.modal.imageeditor .body .tabs ul li:hover{cursor:pointer}.modal.imageeditor .body .views{padding:24px;overflow:auto}.modal.imageeditor .body .views .btngroup{margin-bottom:24px}.modal.imageeditor .body .views .filters ul{width:100px}.modal.imageeditor .body .views .filters ul li{text-align:center;margin-right:14px;margin-bottom:14px}.modal.imageeditor .body .views .filters ul li:last-child{margin-right:0}.modal.imageeditor .body .views .filters ul li img{border:3px solid rgba(0,0,0,0);border-radius:4px}.modal.imageeditor .body .views .filters ul li span{display:block}.modal.imageeditor .body .views .filters ul li:hover{cursor:pointer}.modal.imageeditor .body .views .filters ul li.selected img{border-color:var(--white)}.modal.imageeditor .body .image-container{flex-grow:1;display:flex;flex-direction:column;position:relative;overflow:hidden}.modal.imageeditor .body .image-container .image{text-align:center;flex-grow:1;position:relative;margin:14px}.modal.imageeditor .body .image-container .image canvas{position:absolute;top:0;left:0}.modal.imageeditor .body .image-container .image-tools{text-align:center}.modal.imageeditor .body .image-container .image-tools .straightening{max-width:400px;min-height:3.75rem;display:block;margin:0 auto;overflow:hidden}.modal.imageeditor .footer{position:absolute;background-color:rgba(0,0,0,0);bottom:0;left:0;width:100%;border-top:1px solid #000}.modal.imageeditor .body .views .crop fieldset .heading{display:none}.modal.imageeditor .body .views .crop .custom-constraint-spacer{padding:0 var(--xs)}.modal.imageeditor .body .views .crop .constraint-group{display:grid;grid-gap:var(--xs)}body.ltr .modal.imageeditor .body .views .crop .custom{padding-left:21px}body.rtl .modal.imageeditor .body .views .crop .custom{padding-right:21px}.modal.imageeditor .body .views .crop .orientation{display:flex;align-items:center;justify-content:center}.modal.imageeditor .body .views .crop .orientation input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-position:center center;background-repeat:no-repeat;margin:0 4px;cursor:pointer}.modal.imageeditor .body .views .crop .orientation input[value=landscape]{width:30px;height:20px;background-image:url(../images/image-editor/orientation-landscape-unchecked.svg)}.modal.imageeditor .body .views .crop .orientation input[value=landscape]:checked{background-image:url(../images/image-editor/orientation-landscape-checked.svg)}.modal.imageeditor .body .views .crop .orientation input[value=portrait]{width:20px;height:30px;background-image:url(../images/image-editor/orientation-portrait-unchecked.svg)}.modal.imageeditor .body .views .crop .orientation input[value=portrait]:checked{background-image:url(../images/image-editor/orientation-portrait-checked.svg)}.modal.imageeditor.vertical .body .views .crop>.btngroup:first-child{justify-content:center}.modal.imageeditor:not(.vertical) .body .views .crop .constraint.custom{margin-top:var(--xs)}.vertical.imageeditor .body{flex-direction:column}.vertical.imageeditor .body .image-container{flex-basis:30vh;flex-shrink:0}.vertical.imageeditor .body .constraint-group{grid-template-columns:1fr 1fr}.vertical.imageeditor .body .tabs ul{display:flex;flex-direction:row;width:100%;border-top:1px solid #000;border-bottom:1px solid #000}.vertical.imageeditor .body .tabs ul li{flex-grow:1;border:0;border-right:1px solid #000;padding:10px 7px}.vertical.imageeditor .body .tabs ul li::before{top:unset;top:0;width:100%;height:0}.vertical.imageeditor .body .tabs ul li.selected::before{width:100%;height:2px}.vertical.imageeditor .body .views{width:auto}.vertical.imageeditor .body .views .rotate{display:flex;justify-content:center;flex-wrap:wrap;margin-bottom:-14px}.vertical.imageeditor .body .views .rotate .btngroup{margin:0 7px 14px}.vertical.imageeditor .body .views .filters ul{width:auto;height:109px;overflow:auto;white-space:nowrap;margin:0 -24px;margin-bottom:-24px;padding:24px;text-align:center}.vertical.imageeditor .body .views .filters ul li{display:inline-block;margin-bottom:0}.slide-rule{position:relative;padding:10px 0}.slide-rule:focus{box-shadow:none}body:not(.reduce-focus-visibility) .slide-rule:focus .cursor::after,body.reduce-focus-visibility .slide-rule.focus-visible .cursor::after{box-shadow:var(--focus-ring)}.slide-rule .cursor::after{content:\"\";width:1.25rem;height:3.125rem;position:absolute;top:-15px;left:50%;transform:translateX(-50%)}.slide-rule .cursor{position:absolute;margin-left:-0.25rem;margin-top:4px;left:50%;z-index:1;width:0;height:0;border-left:0.3125rem solid rgba(0,0,0,0);border-right:0.3125rem solid rgba(0,0,0,0);border-top:0.3125rem solid #63a6e1}.slide-rule .graduations{white-space:nowrap;height:40px;position:relative}.slide-rule .graduations ul{position:relative;float:left}.slide-rule .graduations ul li{display:inline-block;font-size:8px;position:relative;width:10px}.slide-rule .graduations ul li:not(.main-graduation){left:1px}.slide-rule .graduations ul li.main-graduation:before{border-left-width:3px}.slide-rule .graduations ul li.main-graduation .label{display:block;cursor:default}.slide-rule .graduations ul li.selected:before{border-left-color:#63a6e1}.slide-rule .graduations ul li:before{content:\"\";position:absolute;border-left:1px solid var(--white);height:10px;top:0px;left:0}.slide-rule .graduations ul li .label{width:20px;position:absolute;top:10px;left:-9px;display:none;text-align:center}.slide-rule .value{display:none;position:absolute;bottom:0;left:50%;z-index:1;box-sizing:border-box;padding:5px;width:50px;margin-left:-25px;background:var(--gray-600)}.slide-rule .overlay{z-index:2;position:absolute;top:0;right:0;bottom:1px;left:0;background-image:linear-gradient(to right, var(--gray-900) 0%, rgba(31, 41, 51, 0) 15%, rgba(31, 41, 51, 0) 85%, var(--gray-900) 100%)}.menu.dark{background-color:var(--gray-600);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:500}.menu.dark ul li a{color:var(--white) !important}.menu.dark ul li a:not(.sel):not(.disabled):hover{background-color:var(--gray-700)}_:-ms-lang(x),.elements .tableview td.checkbox-cell input.checkbox+label,.elements .tableview td.checkbox-cell div.checkbox{top:16px}_:-ms-lang(x),input.checkbox+label:empty,div:empty.checkbox{display:block}.yii-debug-toolbar__title a{display:block !important}","@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\n:root {\n --white: #fff;\n --black: #000;\n\n --gray-050: hsl(212, 60%, 97%);\n --gray-100: hsl(212, 50%, 93%);\n --gray-200: hsl(212, 30%, 85%);\n --gray-300: hsl(211, 13%, 65%);\n --gray-350: hsl(211, 11%, 59%);\n --gray-400: hsl(210, 10%, 53%);\n --gray-500: hsl(211, 12%, 43%);\n --gray-550: hsl(210, 13%, 40%);\n --gray-600: hsl(209, 14%, 37%);\n --gray-700: hsl(209, 18%, 30%);\n --gray-800: hsl(209, 20%, 25%);\n --gray-900: hsl(210, 24%, 16%);\n --gray-1000: hsl(210, 24%, 10%);\n\n --blue-050: #e3f8ff;\n --blue-100: #b3ecff;\n --blue-200: #81defd;\n --blue-300: #5ed0fa;\n --blue-400: #40c3f7;\n --blue-500: #2bb0ed;\n --blue-600: #1992d4;\n --blue-700: #127fbf;\n --blue-800: #0b69a3;\n --blue-900: #035388;\n\n --cyan-050: #e0fcff;\n --cyan-100: #bef8fd;\n --cyan-200: #87eaf2;\n --cyan-300: #54d1db;\n --cyan-400: #38bec9;\n --cyan-500: #2cb1bc;\n --cyan-600: #14919b;\n --cyan-700: #0e7c86;\n --cyan-800: #0a6c74;\n --cyan-900: #044e54;\n\n --pink-050: #ffe3ec;\n --pink-100: #ffb8d2;\n --pink-200: #ff8cba;\n --pink-300: #f364a2;\n --pink-400: #e8368f;\n --pink-500: #da127d;\n --pink-600: #bc0a6f;\n --pink-700: #a30664;\n --pink-800: #870557;\n --pink-900: #620042;\n\n --red-050: #ffe3e3;\n --red-100: #ffbdbd;\n --red-200: #ff9b9b;\n --red-300: #f86a6a;\n --red-400: #ef4e4e;\n --red-500: #e12d39;\n --red-600: #cf1124;\n --red-700: #ab091e;\n --red-800: #8a041a;\n --red-900: #610316;\n\n --yellow-050: #fffbea;\n --yellow-100: #fff3c4;\n --yellow-200: #fce588;\n --yellow-300: #fadb5f;\n --yellow-400: #f7c948;\n --yellow-500: #f0b429;\n --yellow-600: #de911d;\n --yellow-700: #cb6e17;\n --yellow-800: #b44d12;\n --yellow-900: #8d2b0b;\n\n --teal-050: #effcf6;\n --teal-100: #c6f7e2;\n --teal-200: #8eedc7;\n --teal-300: #65d6ad;\n --teal-400: #3ebd93;\n --teal-500: #27ab83;\n --teal-550: #20a07b;\n --teal-600: #199473;\n --teal-700: #147d64;\n --teal-800: #0c6b58;\n --teal-900: #014d40;\n}\n","@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\n:root {\n --bg-color: $grey100;\n --bg-color-hsl: #{hue($grey100)}, #{saturation($grey100)},\n #{lightness($grey100)};\n\n // submit button colors\n --primary-color: var(--red-500);\n --secondary-color: var(--gray-500);\n\n --input-color: hsl(212, 25%, 50%);\n\n // text colors\n --text-color: var(--gray-700);\n --medium-dark-text-color: var(--gray-550);\n --medium-text-color: var(--gray-550);\n --light-text-color: var(--gray-500);\n --link-color: #2563eb;\n\n // font styles\n --font-weight-bold: 700;\n\n // menu colors\n --menu-option-color: var(--text-color);\n --menu-option-active-color: var(--white);\n --menu-option-active-background-color: var(--gray-350);\n\n // hairline colors\n --hairline-color: #{transparentize(hsl(209, 20%, 25%), 0.9)};\n --medium-hairline-color: #{transparentize(hsl(209, 14%, 37%), 0.75)};\n --dark-hairline-color: #{transparentize(hsl(210, 10%, 53%), 0.5)};\n\n // focus colors\n --light-focus-color: var(--blue-300);\n --medium-focus-color: var(--blue-500);\n --dark-focus-color: #0f74b1;\n\n // focus rings\n --light-focus-ring: 0 0 0 1px #5ed0fa,\n 0 0 0 3px #{transparentize(#5ed0fa, 0.3)};\n --medium-focus-ring: 0 0 0 1px #2bb0ed,\n 0 0 0 3px #{transparentize(#2bb0ed, 0.3)};\n --dark-focus-ring: 0 0 0 1px #0f74b1,\n 0 0 0 3px #{transparentize(#0f74b1, 0.3)};\n\n // selection colors\n --light-sel-color: var(--gray-200);\n --dark-sel-color: var(--gray-600);\n\n // alert/notice colors\n --error-color: var(--red-600);\n --warning-color: var(--yellow-800);\n --success-color: var(--teal-700);\n --notice-color: var(--blue-800);\n\n // status colors\n --enabled-color: var(--teal-550);\n --pending-color: var(--yellow-700);\n --disabled-color: var(--red-600);\n\n // UI element styles\n --small-border-radius: 3px;\n --medium-border-radius: 4px;\n --large-border-radius: 5px;\n\n --menu-border-radius: var(--medium-border-radius);\n --checkbox-size: 16px;\n --radio-size: 16px;\n}\n","@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\n@mixin checkered-bg($size) {\n // h/t https://gist.github.com/dfrankland/f6fed3e3ccc42e3de482b324126f9542\n $halfSize: $size * 0.5;\n background-image: linear-gradient(45deg, var(--gray-100) 25%, transparent 25%),\n linear-gradient(135deg, var(--gray-100) 25%, transparent 25%),\n linear-gradient(45deg, transparent 75%, var(--gray-100) 75%),\n linear-gradient(135deg, transparent 75%, var(--gray-100) 75%);\n background-size: $size $size;\n background-position: 0 0, $halfSize 0, $halfSize -#{$halfSize}, 0 $halfSize;\n}\n\n@mixin striped-bg($size, $color: $grey100) {\n // h/t https://css-tricks.com/stripes-css/\n $halfSize: $size * 0.5;\n body.ltr & {\n background: repeating-linear-gradient(\n 135deg,\n var(--white),\n var(--white) $halfSize,\n $color $halfSize,\n $color $size\n );\n }\n body.rtl & {\n background: repeating-linear-gradient(\n 45deg,\n var(--white),\n var(--white) $halfSize,\n $color $halfSize,\n $color $size\n );\n }\n}\n\n@font-face {\n font-family: 'Craft';\n src: url('../fonts/Craft.woff') format('woff'),\n url('../fonts/Craft.ttf') format('truetype'),\n url('../fonts/Craft.svg#Craft') format('svg');\n font-weight: normal;\n font-style: normal;\n}\n\n/* ----------------------------------------\n/* Basic stuff\n/* ----------------------------------------*/\n\n:root {\n --ui-control-color: var(--gray-550);\n --ui-control-hover-color: var(--gray-600);\n --ui-control-active-color: var(--gray-700);\n --icon-opacity: 0.8;\n --light-focus-hsl: #{hue($lightFocusColor)}, #{saturation($lightFocusColor)},\n #{lightness($lightFocusColor)};\n --medium-focus-hsl: #{hue($mediumFocusColor)},\n #{saturation($mediumFocusColor)}, #{lightness($mediumFocusColor)};\n --dark-focus-hsl: #{hue($darkFocusColor)}, #{saturation($darkFocusColor)},\n #{lightness($darkFocusColor)};\n --focus-ring: 0 0 0 1px hsl(var(--dark-focus-hsl)),\n 0 0 0 3px hsla(var(--dark-focus-hsl), 0.8);\n --inner-focus-ring: inset 0 0 0 1px hsl(var(--dark-focus-hsl)),\n inset 0 0 0 3px hsla(var(--dark-focus-hsl), 0.7);\n --touch-target-size: 24px; /* Minimum recommended touch target size */\n}\n\nbody,\nhtml {\n box-shadow: var(--light-focus-ring);\n background-color: var(--gray-100);\n}\n\nhtml.noscroll,\nhtml.noscroll body {\n overflow: hidden;\n}\n\nbody {\n width: 100vw;\n overflow-x: hidden;\n @include fontSize(14);\n line-height: 1.42;\n color: var(--text-color);\n -webkit-font-smoothing: subpixel-antialiased;\n}\n\nbody.rtl {\n direction: rtl;\n}\n\nbody,\ninput,\nselect,\ntextarea {\n @include sans-serif-font;\n}\n\n.first,\nh1:first-child,\nh2:first-child,\nh3:first-child,\nh4:first-child,\nh5:first-child,\nh6:first-child,\np:first-child,\nblockquote:first-child,\nhr:first-child,\n.pane:first-child,\n.grid:first-child,\nfieldset:first-child,\n.field:first-child,\n.toolbar:first-child,\n.buttons:first-child,\n.condition-container:first-child {\n margin-top: 0 !important;\n}\n\n.last,\nh1:last-child,\nh2:last-child,\nh3:last-child,\nh4:last-child,\nh5:last-child,\nh6:last-child,\np:last-child,\nblockquote:last-child,\n.pane:last-child,\n.grid:last-child,\n.meta:last-child,\nfieldset:last-child,\n.field:last-child,\n.toolbar:last-child,\n.buttons:last-child,\n.condition-container:last-child {\n margin-bottom: 0 !important;\n}\n\n.no-scroll {\n overflow: hidden !important;\n}\n\n.draghelper {\n box-sizing: border-box;\n}\n\nimg {\n max-width: 100%;\n}\n\n.text,\ntable.editable textarea {\n body.rtl .ltr & {\n text-align: left !important;\n direction: ltr !important;\n }\n\n body.ltr .rtl & {\n text-align: right !important;\n direction: rtl !important;\n }\n}\n\n/* icons */\n.icon:before,\n.menu ul.padded li a.sel:before,\n.menu .flex.padded.sel:before,\n.texticon:before,\n.element:before,\n#help:before,\n.secure:before,\n.insecure:before,\n.go:after,\n.required:after,\n.preview-btn:before,\n.view-btn:before,\n[data-icon]:before,\n[data-icon-after]:after {\n @include icon;\n}\n\n.badge-icon {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 17px;\n height: 17px;\n box-sizing: border-box;\n border: 1px solid var(--yellow-500);\n border-radius: var(--small-border-radius);\n color: var(--yellow-500);\n font-size: 9px;\n}\n\n.secure:before,\n.insecure:before {\n margin-top: -3px;\n font-size: 14px;\n}\n\n[data-icon]:before {\n content: attr(data-icon);\n}\n\n[data-icon-after]:after {\n content: attr(data-icon-after);\n}\n\nbody.rtl [data-icon='list']:before,\nbody.rtl [data-icon-after='list']:after {\n content: 'listrtl';\n}\n\nbody.rtl [data-icon='structure']:before,\nbody.rtl [data-icon-after='structure']:after {\n content: 'structurertl';\n}\n\n.icon.secure:before {\n content: 'secure';\n}\n\n.icon.insecure:before {\n content: 'insecure';\n}\n\n.icon.add:before {\n content: 'plus';\n}\n\n.icon.edit:before {\n content: 'edit';\n}\n\n.icon.settings:before {\n content: 'settings';\n}\n\n.icon.search:before {\n content: 'search';\n}\n\n.icon.expand:before {\n content: 'expand';\n}\n\n.icon.collapse:before {\n content: 'collapse';\n}\n\n.help:before {\n content: 'help';\n color: var(--pink-400);\n}\n\n.preview-btn,\n.view-btn {\n &:before {\n @include margin-right(var(--xs));\n }\n}\n\n.preview-btn:before {\n margin-top: -2px;\n content: 'view';\n}\n\n.view-btn:before {\n body.ltr & {\n content: 'share';\n }\n body.rtl & {\n content: 'shareleft';\n }\n}\n\n/* headings */\nh1,\n.h1 {\n margin-bottom: 24px;\n font-size: 18px;\n font-weight: bold;\n line-height: 1.2;\n}\n\nh2,\n.h2 {\n margin: 14px 0;\n font-size: 16px;\n font-weight: bold;\n line-height: 1.2;\n}\n\nh3,\n.h3 {\n margin: 14px 0;\n font-weight: bold;\n line-height: 1.2;\n}\n\nh4,\n.h4 {\n margin: 14px 0;\n font-weight: bold;\n line-height: 1.2;\n color: var(--medium-text-color);\n}\n\nh5,\n.h5 {\n margin: 14px 0 3px;\n line-height: 1.2;\n color: var(--medium-text-color);\n}\n\nh6,\n.h6 {\n @include h6-styles;\n}\n\nh1[data-icon]:before {\n @include margin(-8px, 10px, 0, 0);\n}\n\nh2[data-icon]:before {\n @include margin(-4px, 6px, 0, 0);\n font-size: 19px;\n}\n\n/* horizontal rule */\nhr {\n margin: 24px 0;\n border: none;\n border-top: 1px solid var(--hairline-color);\n height: 0;\n color: transparent;\n}\n\n.pane hr {\n margin: 24px -24px;\n}\n\n/* paragraphs */\np {\n margin: 1em 0;\n}\n\nh5 + p {\n margin-top: 0;\n}\n\nsup {\n vertical-align: super;\n font-size: smaller;\n}\n\nsub {\n vertical-align: sub;\n font-size: smaller;\n}\n\n.indent {\n @include margin-left(14px);\n}\n\n/* lists */\n.bullets {\n @include padding-left(40px);\n list-style-type: square;\n}\n\nol {\n @include padding-left(40px);\n list-style-type: decimal;\n}\n\n/* code */\ncode,\n.code,\n.code input,\n.code textarea {\n @include fixed-width-font;\n\n &.smalltext {\n font-size: 0.8em !important;\n }\n}\n\npre code {\n display: block;\n overflow-x: auto;\n}\n\n/* links */\na {\n color: var(--link-color);\n cursor: pointer;\n\n body.underline-links & {\n text-decoration: underline;\n }\n}\n\na:hover {\n text-decoration: underline;\n}\n\na.sel,\nli.sel a {\n cursor: default !important;\n text-decoration: none;\n}\n\n.go:after {\n font-size: 11px;\n margin-top: -1px;\n @include padding-left(4px);\n color: var(--link-color);\n opacity: 0.9;\n body.ltr & {\n content: 'circlerarr';\n }\n body.rtl & {\n content: 'circlelarr';\n }\n}\n\nbutton {\n cursor: pointer;\n}\n\n/* revision button */\n.context-btn.disabled {\n opacity: 1;\n color: var(--medium-dark-text-color);\n background-color: transparentize($grey200, 0.5) !important;\n}\n\n/* status icons */\n.checkmark-icon,\n.alert-icon {\n padding: 5px;\n margin-bottom: 0 !important;\n line-height: 10px;\n border-radius: 20px;\n cursor: pointer;\n\n &:before {\n @include icon;\n }\n}\n\n.checkmark-icon {\n p & {\n display: inline-block;\n }\n\n background-color: var(--gray-200);\n\n &:before {\n content: 'check';\n color: var(--success-color);\n }\n}\n\n.alert-icon {\n background-color: var(--gray-200);\n\n &:before {\n content: 'alert';\n color: var(--error-color);\n }\n}\n\n.menu.revision-menu {\n padding: 10px 24px;\n\n hr {\n margin: 10px -24px;\n }\n\n ul {\n li {\n &.sel {\n margin: 0 -14px;\n padding: 0 14px;\n background: var(--gray-050);\n border-radius: var(--large-border-radius);\n\n .edited-desc {\n display: flex;\n align-items: center;\n @include margin-left(10px);\n border-top: 1px solid var(--hairline-color);\n padding: 10px 0;\n color: var(--light-text-color);\n white-space: normal;\n\n p {\n margin: 0;\n }\n\n .btn {\n @include margin-left(14px);\n }\n }\n }\n\n a {\n padding-top: 7px;\n border-radius: var(--large-border-radius);\n }\n }\n }\n\n .extralight {\n margin-top: 2px;\n }\n}\n\n.revision-status-hud {\n max-width: 400px;\n\n .http-error {\n border-radius: var(--medium-border-radius);\n border: 1px solid var(--hairline-color);\n color: var(--light-text-color);\n background-color: var(--gray-050);\n padding: 7px 14px;\n }\n}\n\n.draft-notice {\n display: flex;\n align-items: center;\n align-content: stretch;\n justify-content: center;\n gap: var(--s);\n color: var(--blue-800);\n\n #content-notice & {\n display: inline-flex;\n justify-content: flex-start;\n }\n\n .so-notice > & {\n @include margin(\n calc(var(--s) * -1),\n 0,\n calc(var(--s) * -1),\n calc(var(--xl) * -1)\n );\n @include padding(var(--s), 0, var(--s), var(--xl));\n @include border-bottom-left-radius(var(--large-border-radius));\n\n body.ltr & {\n background-image: linear-gradient(\n to bottom right,\n transparentize($blue600, 0.8),\n transparentize($blue600, 1) 50%\n );\n }\n body.rtl & {\n background-image: linear-gradient(\n to left,\n transparentize($blue600, 0.8),\n transparentize($blue600, 1)\n );\n }\n }\n\n p {\n flex: 1;\n margin: 0;\n }\n\n .draft-icon {\n position: relative;\n flex-shrink: 0;\n width: 34px;\n height: 34px;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 100%;\n border: 2px solid transparentize($blue800, 0.8);\n box-sizing: border-box;\n box-shadow: 0 1px 1px 1px var(--white);\n\n &:before {\n position: relative;\n left: 1px;\n color: var(--blue-800) !important;\n font-size: 18px;\n }\n\n &:after {\n content: '';\n font-size: 0;\n position: absolute;\n top: -2px;\n left: -2px;\n right: -2px;\n bottom: -2px;\n border-radius: 100%;\n box-shadow: inset 0 2px 0 transparentize($blue900, 0.8);\n }\n }\n\n .discard-changes-btn {\n @include margin-left(var(--xs));\n background-color: transparent !important;\n color: var(--blue-800) !important;\n border: 2px solid var(--blue-600);\n\n &:hover,\n &:focus {\n border-color: darken($blue600, 5%);\n }\n\n &:active {\n border-color: darken($blue600, 10%);\n }\n }\n}\n\n/* toggles */\nbutton.toggle {\n appearance: none;\n color: inherit;\n background: none;\n border: none;\n padding: 0;\n}\n\n.toggle:before,\na.fieldtoggle:before {\n @include angle(right);\n transition: transform linear 100ms;\n}\n\n.toggle.expanded:before,\na.fieldtoggle.expanded:before,\n.sidebar nav li.expanded > .toggle:before,\n.structure li:not(.collapsed) > .row > .toggle:before {\n transform: rotate(45deg) !important;\n}\n\na.fieldtoggle {\n display: block;\n position: relative;\n margin: 14px 0;\n @include padding-left(12px);\n color: var(--text-color);\n text-decoration: none;\n}\n\na.fieldtoggle:before {\n display: block;\n position: absolute;\n top: 7px;\n @include left(-1px);\n}\n\n/* emphasis */\nem,\ni {\n font-style: italic;\n}\n\nstrong,\nb,\ni em {\n font-weight: bold;\n}\n\n/* readable blocks */\n.readable {\n @include readable;\n}\n\n/* text styles */\n.leftalign {\n @include alignleft;\n}\n\n.topalign {\n vertical-align: top;\n}\n\n.rightalign {\n @include alignright;\n}\n\n.centeralign {\n text-align: center !important;\n}\n\n.nowrap {\n white-space: nowrap;\n}\n\n.break-word {\n word-wrap: break-word;\n}\n\n.light {\n color: var(--medium-text-color) !important;\n font-weight: normal;\n}\n\n.extralight {\n color: var(--light-text-color) !important;\n}\n\n.smalltext {\n font-size: 12px;\n line-height: 1.2;\n}\n\n.largetext {\n font-size: 16px;\n line-height: 1.2;\n}\n\n.zilch {\n padding: 100px 0;\n text-align: center;\n font-size: 20px;\n line-height: 24px;\n color: var(--light-text-color);\n\n &.small {\n padding: 24px 0;\n font-size: 16px;\n }\n}\n\ninput.checkbox + label.smalltext {\n padding-top: 2px;\n}\n\n.required:after {\n content: 'asterisk';\n @include margin(-2px, 0, 0, 5px);\n font-size: 7px;\n color: var(--error-color);\n}\n\n.scrollpane {\n overflow: auto;\n}\n\n.left {\n @include floatleft;\n}\n\n.right {\n @include floatright;\n}\n\nth,\ntd {\n @include alignleft;\n vertical-align: middle;\n}\n\nbody.ltr table[dir='rtl'] {\n th,\n td {\n text-align: right;\n }\n}\nbody.rtl table[dir='ltr'] {\n th,\n td {\n text-align: left;\n }\n}\n\nth.right,\ntd.right {\n float: none;\n @include alignright;\n}\n\n.clear {\n display: block;\n clear: both;\n height: 0;\n}\n\n.fullwidth {\n width: 100%;\n}\n\n.token {\n @include token-styles;\n}\n\n.token[data-name='*'] {\n position: relative;\n width: 10px;\n}\n\n.token[data-name='*'] span {\n opacity: 0;\n}\n\n.token[data-name='*']:before {\n @include icon;\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n font-size: 9px;\n line-height: 17px;\n content: 'asterisk';\n text-indent: 0;\n}\n\n.token:focus {\n @include active-token-styles;\n}\n\n// Override .token for Prism\n.highlight {\n .token {\n display: inline;\n border: none;\n border-radius: 0;\n padding: 0;\n font-size: inherit;\n line-height: inherit;\n text-shadow: none;\n background: transparent;\n box-shadow: none;\n }\n}\n\n.pane.highlight {\n pre[class*='language-'] {\n overflow: visible;\n\n & > code.diff-highlight .token:not(.prefix) {\n margin: 0 -24px;\n padding: 0 24px;\n }\n }\n}\n\n.success {\n color: var(--success-color) !important;\n}\n\n.notice,\n.warning {\n &.with-icon,\n .icon {\n &:before {\n @include margin(-2px, 2px, 0, 0);\n @include icon;\n width: 1em;\n }\n }\n\n &.has-icon {\n display: flex;\n flex-wrap: nowrap;\n align-items: flex-start;\n\n .icon {\n flex-shrink: 1;\n }\n }\n}\n\n.notice {\n color: var(--notice-color) !important;\n a {\n text-decoration: underline;\n }\n\n &.with-icon,\n .icon {\n &:before {\n content: 'lightbulb';\n }\n }\n}\n\n.warning {\n color: var(--warning-color) !important;\n\n &.with-icon,\n .icon {\n &:before {\n content: 'alert';\n }\n }\n}\n\n.error {\n color: var(--error-color) !important;\n}\n\n.icon.move {\n display: inline-block;\n}\n\n.icon.move:not(.disabled) {\n cursor: move;\n}\n\n.icon.move:before {\n content: 'move';\n color: var(--ui-control-color);\n}\n\n.icon.move:not(.disabled):hover:before {\n color: var(--link-color);\n}\n\n.icon.delete {\n display: inline-block;\n line-height: inherit;\n\n &:before {\n content: 'remove';\n color: var(--ui-control-color);\n }\n\n &:not(.disabled) {\n cursor: pointer;\n\n &:hover:before {\n color: var(--disabled-color);\n }\n\n &:active:before {\n color: var(--red-800);\n }\n }\n}\n\n.hidden {\n display: none !important;\n}\n\n// Visually hide without hiding from screen readers\n.visually-hidden {\n @include visually-hidden;\n}\n\n.invisible {\n visibility: hidden;\n}\n\n.clearafter:after {\n @include clearafter;\n}\n\n.info {\n vertical-align: bottom;\n display: inline-block;\n width: 1em;\n height: 1.375em;\n text-align: center;\n cursor: pointer;\n overflow: hidden;\n\n &:before {\n @include icon;\n vertical-align: baseline;\n width: 100%;\n line-height: 1.375;\n color: var(--ui-control-color);\n }\n\n &:not(.warning) {\n &:before {\n content: 'info';\n }\n &:hover:before {\n color: var(--link-color);\n }\n }\n\n &.warning {\n &:before {\n content: 'alert';\n }\n &:hover:before {\n color: var(--warning-color);\n }\n }\n}\n\n.info-hud {\n table {\n max-width: 280px;\n table-layout: auto;\n }\n\n td {\n word-wrap: break-word;\n width: 100%;\n }\n}\n\n@media (max-width: 450px) {\n .info-hud {\n table {\n table-layout: fixed;\n width: 100%;\n }\n }\n}\n\n/* ----------------------------------------\n/* Content\n/* ----------------------------------------*/\n\n.content {\n position: relative;\n}\n\n.content:after {\n @include clearafter;\n}\n\n/* Customize Sources */\n.sidebar {\n .customize-sources {\n display: block;\n margin: 14px -24px 4px;\n @include padding(7px, 14px, 7px, 24px);\n color: var(--light-text-color) !important;\n transition: color linear 100ms;\n cursor: pointer;\n\n .icon {\n @include margin-right(4px);\n color: currentColor;\n }\n\n .label {\n opacity: 0;\n transition: opacity linear 100ms;\n }\n\n &:hover,\n &:focus {\n color: var(--medium-text-color) !important;\n text-decoration: none;\n\n .label {\n opacity: 1;\n }\n }\n }\n}\n\n.sidebar .customize-sources:hover {\n color: var(--link-color);\n}\n\n.customize-sources-modal {\n @include padding-left(200px);\n overflow: visible !important;\n\n & > .cs-sidebar {\n position: absolute;\n top: 0;\n @include left(0);\n margin: 0;\n padding: 10px 0;\n border: none;\n width: 200px;\n height: calc(100% - 50px);\n box-sizing: border-box;\n background-color: var(--gray-050);\n overflow: auto;\n box-shadow: inset -1px 0 0 var(--hairline-color);\n @include border-top-left-radius(var(--large-border-radius));\n\n & > .btn {\n @include margin(10px, 0, 0, 14px);\n display: block;\n width: calc(100% - 28px);\n }\n }\n\n & > .source-settings {\n position: relative;\n height: calc(100% - 50px);\n box-sizing: border-box;\n padding: 24px;\n overflow: auto;\n }\n\n & > .footer {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n }\n}\n\n.customize-sources-item {\n display: flex;\n width: calc(100% - 1px);\n box-sizing: border-box;\n align-items: center;\n position: relative;\n margin-top: -1px;\n padding: 8px 14px;\n background-color: var(--gray-100);\n border: solid var(--hairline-color);\n border-width: 1px 0;\n user-select: none;\n cursor: default;\n\n & + .customize-sources-item {\n &.heading {\n margin-top: 10px;\n }\n\n &:not(.heading) {\n border-top: 1px solid var(--hairline-color);\n }\n }\n\n &.sel {\n background-color: var(--gray-200);\n z-index: 1;\n }\n\n .label {\n flex: 1;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n &.heading {\n .label {\n text-transform: uppercase;\n color: var(--light-text-color);\n font-size: 12px;\n font-weight: bold;\n }\n }\n\n .move {\n @include margin-left(7px);\n }\n}\n\n.customize-sources-table-column .move {\n @include margin-right(10px);\n}\n\nul.path {\n display: flex;\n flex-direction: row;\n align-items: stretch;\n flex-wrap: wrap;\n\n li {\n display: inline-flex;\n align-items: center;\n\n &:not(:last-child):after {\n @include margin(0, 5px, 0, 2px);\n @include angle(right, var(--light-text-color), 1px);\n }\n }\n}\n\n/* ----------------------------------------\n/* Icon lists\n/* ----------------------------------------*/\n\nul.icons {\n margin-top: 20px;\n display: flex;\n flex-wrap: wrap;\n\n li {\n margin: 0 4px 10px 0;\n\n a {\n display: block;\n position: relative;\n padding: 60px 5px 10px;\n width: 110px;\n text-align: center;\n color: var(--text-color);\n border-radius: 4px;\n border: 1px solid var(--white);\n\n &:before {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n font-size: 40px;\n line-height: 60px;\n }\n\n .icon {\n img,\n svg {\n width: 40px;\n height: 40px;\n position: absolute;\n top: 12px;\n left: calc(50% - 20px);\n }\n\n &.icon-mask svg {\n @include svg-mask(var(--text-color));\n }\n }\n\n &:hover {\n text-decoration: none;\n background-color: var(--gray-050);\n border-color: var(--gray-100);\n\n .icon.icon-mask svg {\n @include svg-mask(var(--link-color));\n }\n }\n }\n }\n}\n\n@media only screen and (max-width: 380px) {\n ul.icons li a {\n width: 96px;\n }\n}\n\n@media only screen and (max-width: 320px) {\n ul.icons li a {\n width: 75px;\n }\n}\n\n/* ----------------------------------------\n/* Buttons\n/* ----------------------------------------*/\n\n.toolbar {\n position: relative;\n margin-bottom: 14px;\n min-height: 34px;\n\n &.flex,\n .flex {\n align-items: flex-start;\n }\n\n .text {\n border-radius: var(--large-border-radius) !important;\n box-shadow: none !important;\n }\n}\n\n.flex {\n display: flex;\n align-items: center;\n align-content: stretch;\n gap: var(--s);\n\n &:not(.flex-nowrap) {\n flex-wrap: wrap;\n }\n\n & > * {\n &.label {\n white-space: nowrap;\n }\n }\n\n .centeralign & {\n justify-content: center;\n }\n}\n\n.inline-flex {\n display: inline-flex;\n align-items: center;\n align-content: stretch;\n gap: var(--s);\n}\n\n.gap-xs {\n gap: var(--xs);\n}\n\n.gap-s {\n gap: var(--s);\n}\n\n.gap-m {\n gap: var(--m);\n}\n\n.gap-l {\n gap: var(--l);\n}\n\n.gap-xl {\n gap: var(--xl);\n}\n\n.flex-grow {\n flex: 1;\n}\n\n.flex-justify {\n justify-content: space-between;\n}\n\n.flex-justify-start {\n justify-content: flex-start;\n}\n\n.flex-justify-end {\n justify-content: flex-end;\n}\n\n.flex-justify-center {\n justify-content: center;\n}\n\n.flex-start {\n align-items: flex-start;\n}\n\n.flex-end {\n align-items: flex-end;\n}\n\n.flex-center {\n align-items: center;\n}\n\n.flex-stretch {\n align-items: stretch;\n}\n\n.spacer {\n width: 14px;\n}\n\n.buttons {\n display: flex;\n gap: 7px;\n position: relative;\n margin: 24px 0;\n align-items: center;\n\n .hud-footer > &,\n .footer > & {\n margin: 0;\n }\n}\n\n.btn {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--large-border-radius);\n padding: 7px 14px;\n border: none;\n text-align: center;\n white-space: nowrap;\n user-select: none;\n cursor: pointer;\n box-sizing: border-box;\n appearance: none;\n color: currentColor;\n font-size: inherit;\n background-color: transparentize($inputColor, 0.75);\n\n &.chromeless {\n background-color: transparent;\n height: auto;\n padding: 0;\n\n &:hover,\n &:active,\n &:focus {\n background-color: transparent;\n }\n\n &:hover,\n &:active {\n text-decoration: underline;\n }\n }\n\n &:not(.disabled):not(.loading):not(.dashed) {\n &:focus,\n &.focus,\n &:hover {\n background-color: transparentize($inputColor, 0.7);\n }\n\n &:active,\n &.active {\n background-color: transparentize($inputColor, 0.5);\n\n &:focus,\n &.focus,\n .btngroup:focus & {\n background-color: transparentize($inputColor, 0.4);\n }\n }\n }\n\n &[type='color'] {\n padding: 6px !important;\n width: 36px;\n }\n\n &.active,\n &.loading {\n cursor: default;\n }\n\n &:hover {\n text-decoration: none;\n }\n\n &[data-icon]:not(:empty):not(.btn-empty):before,\n &.icon:not(:empty):not(.btn-empty):before,\n &.menubtn[data-icon]:empty:before,\n &.menubtn[data-icon].btn-empty:before,\n &.menubtn.icon:empty:before,\n &.menubtn.icon.btn-empty:before {\n @include margin-right(5px);\n }\n\n &:not(.loading) .spinner {\n display: none;\n }\n\n &.loading {\n &:before,\n &:after,\n .label {\n visibility: hidden;\n }\n }\n\n div.checkbox {\n margin-top: 2px;\n }\n}\n\n.disabled {\n opacity: 0.25;\n}\n\n.disabled,\n.disabled .btn {\n cursor: default;\n}\n\n.btn,\n.spinner {\n height: 34px;\n}\n\n.btn[data-icon-after]:not(:empty):not(.btn-empty):after,\n.menu-toggle:not(:empty):not(.btn-empty):after,\n.menubtn:not(:empty):not(.btn-empty):after,\n.menubtn.icon:after {\n @include margin-left(6px);\n}\n\n.btn[data-icon]:before,\n.btn[data-icon-after]:after,\n.btn.icon:before {\n position: relative;\n}\n\n.btn.small[data-icon]:before,\n.btn.small[data-icon-after]:after,\n.btn.icon.small:before {\n font-size: 10px;\n}\n\n/* button groups */\n.btngroup {\n position: relative;\n z-index: 1;\n display: flex;\n white-space: nowrap;\n align-items: center;\n\n &.fullwidth .btn {\n flex: 1;\n }\n\n &.disabled .btn {\n cursor: default;\n }\n\n .btn {\n &:focus {\n z-index: 1;\n }\n\n &:not(.dashed):not(:last-child):not(.btngroup-btn-last) {\n @include margin-right(1px);\n }\n\n body.ltr & {\n &:not(:first-child):not(.btngroup-btn-first) {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n\n &:not(:last-child):not(.btngroup-btn-last) {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n }\n\n body.rtl & {\n &:not(:first-child):not(.btngroup-btn-first) {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n &:not(:last-child):not(.btngroup-btn-last) {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n }\n }\n}\n\n.copytext {\n position: relative;\n z-index: 1;\n display: flex;\n white-space: nowrap;\n align-items: center;\n\n body.ltr & {\n .text {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n min-width: 0;\n }\n .btn {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n }\n\n body.rtl & {\n .text {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n .btn {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n }\n}\n\n.copytextbtn {\n display: inline-flex;\n flex-wrap: nowrap;\n align-items: center;\n border: 1px solid var(--hairline-color);\n border-radius: var(--small-border-radius);\n padding: 0 9px;\n cursor: pointer;\n color: var(--medium-text-color);\n\n input {\n border: 0;\n padding: 0;\n height: 32px;\n box-shadow: none;\n background-color: transparent;\n border: none;\n cursor: pointer;\n color: var(--medium-text-color);\n text-align: center;\n }\n\n span {\n padding: 0;\n width: 13px;\n background: none;\n margin-top: -3px;\n @include margin-left(5px);\n color: var(--light-text-color);\n }\n\n &:hover,\n &:focus {\n border-color: var(--medium-hairline-color);\n color: var(--text-color);\n\n input {\n color: var(--text-color);\n }\n }\n\n &.small {\n padding: 0 5px;\n\n input {\n font-size: 11px !important;\n height: 20px;\n }\n }\n}\n\n/* menu buttons */\n.menu-toggle,\n.menubtn {\n display: inline-flex;\n align-items: center;\n user-select: none;\n\n &:after {\n @include angle;\n position: relative;\n }\n\n &.btn {\n &:after {\n top: -1px;\n }\n\n &:not(.disabled):not(.inactive) {\n &:active,\n &.active {\n &:after {\n border-color: var(--ui-control-active-color);\n }\n }\n }\n\n &.submit {\n &:after {\n border-color: var(--white) !important;\n opacity: 0.8;\n }\n\n &:not(.disabled):not(.inactive) {\n &:hover,\n &.hover,\n &:active,\n &.active {\n &:after {\n opacity: 1;\n }\n }\n }\n }\n }\n\n &:not(.btn):not(.icon) {\n height: 17px;\n &:after {\n top: -2px;\n border-color: var(--link-color);\n }\n }\n\n &:empty,\n &.btn-empty {\n @include padding-left(8px);\n @include padding-right(8px);\n }\n}\n\n@keyframes rotator {\n 0% {\n -webkit-transform: rotate(0);\n transform: rotate(0);\n }\n\n to {\n -webkit-transform: rotate(1turn);\n transform: rotate(1turn);\n }\n}\n\n/* spinner */\n.spinner {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: var(--size, 24px);\n height: var(--size, 34px);\n\n &:before {\n display: block;\n content: '';\n font-size: 0;\n animation: rotator 0.7s linear infinite;\n box-sizing: border-box;\n width: var(--size, 20px);\n height: var(--size, 20px);\n object-fit: scale-down;\n border-radius: 50%;\n border: 2px solid transparent;\n border-right-color: currentColor;\n border-bottom-color: currentColor;\n opacity: 0.8;\n }\n\n &.small {\n --size: 12px;\n }\n\n &.big {\n --size: 48px;\n }\n\n &.spinner-absolute {\n position: absolute;\n width: var(--size, 20px);\n height: var(--size, 20px);\n top: calc(50% - var(--size, 20px) / 2);\n left: calc(50% - var(--size, 20px) / 2);\n }\n}\n\n.btn + .spinner {\n @include margin-left(7px);\n}\n\n.buttons .btn + .spinner,\n.buttons .btngroup + .spinner {\n @include margin-left(0);\n}\n\n.buttons.right .btn + .spinner {\n @include margin-right(var(--neg-padding));\n}\n\n/* small buttons */\n.btngroup.small .btn,\n.btn.small {\n padding: 0 7px !important;\n font-size: 12px;\n line-height: 22px;\n}\n\n.btngroup.small,\n.btngroup.small input.btn,\n.btn.small,\n.btn.small + .spinner {\n height: 22px;\n}\n\n/* big buttons */\n.btngroup.big .btn,\n.btn.big {\n padding: 0 14px;\n font-size: 14px;\n line-height: 36px;\n}\n\n.btn.big[data-icon]:before,\n.preview-btn:before,\n.view-btn:before {\n @include margin-left(-2px);\n}\n\n.btngroup.big,\n.btngroup.big input.btn,\n.btn.big,\n.btn.big + .spinner {\n height: 36px;\n}\n\n/* special buttons */\n.btn {\n &.submit,\n &.secondary {\n color: var(--white) !important;\n @include light-on-dark-text;\n }\n\n &.submit {\n background-color: var(--primary-color) !important;\n\n &:not(.disabled):not(.inactive):not(.loading) {\n &:hover,\n &.hover,\n &:focus {\n background-color: darken($primaryColor, 5%) !important;\n }\n\n &:active,\n &.active {\n background-color: darken($primaryColor, 10%) !important;\n }\n }\n }\n\n &.caution {\n background-color: var(--red-050) !important;\n color: var(--error-color);\n\n &:hover,\n &.hover,\n &:focus {\n background-color: darken($red050, 5%) !important;\n }\n\n &:active,\n &.active {\n background-color: var(--red-100) !important;\n }\n }\n}\n\n.secondary-buttons .btn.submit,\n.btn.secondary {\n background-color: var(--secondary-color) !important;\n}\n\n.secondary-buttons\n .btn.submit:not(.disabled):not(.inactive):not(.loading):hover,\n.secondary-buttons\n .btn.submit:not(.disabled):not(.inactive):not(.loading).hover,\n.secondary-buttons\n .btn.submit:not(.disabled):not(.inactive):not(.loading):focus,\n.btn.secondary:not(.disabled):not(.inactive):not(.loading):hover,\n.btn.secondary:not(.disabled):not(.inactive):not(.loading).hover,\n.btn.secondary:not(.disabled):not(.inactive):not(.loading):focus {\n background-color: darken($secondaryColor, 5%) !important;\n}\n\n.secondary-buttons\n .btn.submit:not(.disabled):not(.inactive):not(.loading):active,\n.secondary-buttons\n .btn.submit:not(.disabled):not(.inactive):not(.loading).active,\n.btn.secondary:not(.disabled):not(.inactive):not(.loading):active,\n.btn.secondary:not(.disabled):not(.inactive):not(.loading).active {\n background-color: darken($secondaryColor, 10%) !important;\n}\n\ndiv.btn.submit {\n position: relative;\n overflow: hidden;\n}\n\ndiv.btn.submit input {\n position: absolute;\n left: 100%;\n}\n\n/* dashed buttons */\n.btn.dashed {\n border: 1px dashed var(--medium-hairline-color);\n background-color: transparent;\n\n .btngroup &:not(:last-child):not(.btngroup-btn-last) {\n @include border-right(1px solid transparent);\n @include margin-right(-1px);\n }\n\n &:focus {\n background-color: transparentize($grey200, 0.9);\n border-color: transparent;\n\n .reduce-focus-visibility &:not(.focus-visible) {\n border: 1px dashed var(--medium-hairline-color);\n }\n }\n\n &:not(.disabled) {\n &:active,\n &.active {\n background-color: transparentize($grey200, 0.75);\n }\n }\n}\n\n/* color inputs */\n.color-input-container {\n position: relative;\n\n .color-hex-indicator {\n position: absolute;\n top: 0;\n @include left(7px);\n width: 1em;\n line-height: 34px;\n text-align: center;\n user-select: none;\n }\n}\n\n.color-input {\n @include fixed-width-font;\n @include padding-left(calc(7px + 1em));\n}\n\n.color {\n display: inline-block;\n position: relative;\n vertical-align: middle;\n width: 34px;\n height: 34px;\n border-radius: 17px;\n padding: 0;\n\n &:not(.static) {\n cursor: pointer;\n }\n\n &:not(.small) {\n @include checkered-bg(17px);\n }\n\n &.small {\n width: 16px;\n height: 16px;\n @include checkered-bg(8px);\n }\n\n .color-preview {\n position: absolute;\n top: 0;\n @include left(0);\n width: 100%;\n height: 100%;\n border-radius: 17px;\n box-shadow: inset 0 0 0 1px transparentize($black, 0.85);\n\n &:focus-within {\n @include input-focused-styles;\n }\n\n & > .color-preview-input {\n position: absolute;\n @include left(0);\n width: 100%;\n height: 100%;\n margin: 0;\n padding: 0;\n border: none;\n opacity: 0;\n }\n }\n}\n\n.colorhex {\n display: inline-block;\n margin-left: 5px;\n vertical-align: middle;\n color: var(--medium-text-color);\n}\n\n/* lightswitch */\n.lightswitch-outer-container {\n display: flex;\n\n .lightswitch-inner-container {\n border: 1px solid var(--hairline-color);\n border-radius: var(--small-border-radius);\n display: flex;\n align-items: center;\n\n span {\n padding: 7px 0;\n color: var(--medium-text-color);\n cursor: default;\n\n &[data-toggle='on'] {\n @include padding-right(10px);\n @include margin-left(7px);\n }\n\n &[data-toggle='off'] {\n @include padding-left(10px);\n @include margin-right(7px);\n }\n }\n }\n}\n\n.lightswitch {\n display: block;\n position: relative;\n border: none !important;\n overflow: hidden;\n cursor: pointer;\n user-select: none;\n background-image: linear-gradient(to right, var(--gray-400), var(--gray-400));\n transition: background-image linear 100ms;\n\n &.on {\n background-image: linear-gradient(\n to right,\n var(--enabled-color),\n var(--enabled-color)\n );\n }\n\n &.indeterminate {\n background-image: linear-gradient(\n to right,\n var(--enabled-color),\n var(--gray-300)\n );\n }\n\n .lightswitch-container {\n position: relative;\n height: 100%;\n\n .handle {\n position: absolute;\n top: 1px;\n background-color: var(--white);\n }\n }\n\n &:not(.small) {\n border-radius: 11px;\n width: 34px;\n height: 22px;\n\n .lightswitch-container {\n @include margin-left(-12px);\n width: 46px;\n\n .handle {\n border-radius: 10px;\n width: 20px;\n height: 20px;\n left: calc(50% - 10px);\n }\n }\n }\n\n &.small {\n border-radius: 9px;\n width: 28px;\n height: 18px;\n\n .lightswitch-container {\n @include margin-left(-10px);\n width: 38px;\n\n .handle {\n border-radius: 8px;\n width: 16px;\n height: 16px;\n left: calc(50% - 8px);\n }\n }\n }\n\n table & {\n display: inline-block;\n margin-bottom: -5px;\n }\n\n &.on {\n .lightswitch-container {\n @include margin-left(0);\n }\n }\n\n &.indeterminate {\n &:not(.small) {\n .lightswitch-container {\n @include margin-left(0.5 * -12px);\n }\n }\n &.small {\n .lightswitch-container {\n @include margin-left(0.5 * -10px);\n }\n }\n }\n}\n\n/* pagination */\n.pagination {\n table.data + & {\n margin-top: 24px;\n }\n\n .page-link {\n width: 32px;\n height: 32px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--medium-border-radius);\n\n &:after {\n position: relative;\n transition: border-color linear 100ms;\n }\n\n &.prev-page:after {\n @include angle(left, var(--light-text-color));\n @include right(-1px);\n }\n\n &.next-page:after {\n @include angle(right, var(--light-text-color));\n @include left(-1px);\n }\n\n &:not(.disabled) {\n transition: box-shadow linear 100ms;\n box-shadow: inset 0 0 0 1px var(--hairline-color);\n cursor: pointer;\n\n &:hover {\n text-decoration: none;\n box-shadow: inset 0 0 0 1px var(--link-color);\n\n &:after {\n border-color: var(--link-color);\n }\n }\n\n &.focus-visible {\n box-shadow: inset 0 0 0 1px var(--hairline-color), var(--focus-ring);\n }\n }\n\n &.disabled {\n opacity: 1;\n &:after {\n border-color: var(--hairline-color);\n }\n }\n }\n}\n\n/* action buttons */\n.actions {\n @include floatright;\n}\n\n.actions > li {\n @include floatleft;\n}\n\n.actions > li + li {\n @include margin-left(10px);\n}\n\nh1 + .actions {\n margin-top: -100px;\n}\n\nh2 + .actions {\n margin-top: -54px;\n}\n\n/* ----------------------------------------\n/* Tables\n/* ----------------------------------------*/\n\n.tablepane {\n margin: -24px -24px -12px;\n overflow-x: auto;\n\n table.data {\n th,\n td {\n &:first-child {\n @include padding-left(24px);\n }\n &:last-child {\n @include padding-right(24px);\n }\n }\n }\n}\n\ntable {\n &.fixed-layout {\n table-layout: fixed;\n }\n\n th.thin,\n td.thin {\n width: 0.01% !important;\n white-space: nowrap;\n }\n\n thead {\n th {\n font-weight: bold;\n @include alignleft;\n vertical-align: top;\n }\n }\n\n // plain tables\n &:not(.data) {\n th,\n td {\n padding-top: 7px;\n padding-bottom: 7px;\n\n &:not(:first-child) {\n padding-left: 12px;\n }\n &:not(:last-child) {\n padding-right: 12px;\n }\n }\n }\n\n // data tables\n &.data {\n th,\n td {\n position: relative;\n padding-left: 12px;\n padding-right: 12px;\n box-sizing: border-box;\n\n &.checkbox-cell {\n width: var(--checkbox-size) !important;\n min-width: var(--checkbox-size);\n box-sizing: content-box;\n position: relative;\n\n input.checkbox + label,\n div.checkbox {\n position: absolute;\n top: calc(50% - 8px);\n }\n }\n }\n\n th {\n font-weight: bold;\n }\n\n thead:first-child,\n tbody:first-child,\n tfoot:first-child,\n caption + thead,\n caption + tbody,\n caption + tfoot {\n tr:first-child {\n th,\n td {\n &:first-child {\n @include border-top-left-radius(var(--large-border-radius));\n }\n &:last-child {\n @include border-top-right-radius(var(--large-border-radius));\n }\n }\n }\n }\n\n thead {\n th,\n td {\n width: auto;\n background-color: var(--gray-050);\n cursor: default;\n }\n\n th:not(.orderable),\n td {\n padding-top: 15px;\n padding-bottom: 15px;\n }\n\n th {\n white-space: nowrap;\n vertical-align: middle;\n\n &.orderable {\n position: relative;\n padding-left: 0;\n padding-right: 0;\n\n &:not(.ordered):hover {\n background-color: var(--gray-100);\n }\n\n &.ordered {\n background-color: var(--light-sel-color);\n\n &:not(.loading) {\n button:after {\n @include angle(up);\n position: absolute;\n @include right(10px);\n top: calc(50% - 3px);\n }\n\n &.desc button:after {\n transform: rotate(45deg);\n }\n }\n }\n\n button {\n position: relative;\n @include padding-right(26px);\n font: inherit;\n width: 100%;\n padding: 14px;\n @include alignleft;\n\n &:focus {\n z-index: 1;\n }\n }\n }\n\n &:not(.loading) {\n .spinner {\n display: none;\n }\n }\n\n .spinner {\n position: absolute;\n top: calc(50% - 6px);\n @include right(8px);\n --size: 12px;\n }\n }\n }\n\n tbody {\n tr {\n &:not(.disabled) {\n &:hover {\n th,\n td {\n background-color: var(--gray-050);\n }\n }\n\n &:focus {\n position: relative;\n z-index: 1;\n }\n\n &.sel {\n th,\n td {\n background-color: var(--light-sel-color);\n }\n }\n }\n }\n\n th,\n td {\n padding-top: 7px;\n padding-bottom: 7px;\n background-clip: padding-box;\n }\n\n td {\n &.timestamp {\n @include alignright;\n vertical-align: bottom;\n white-space: nowrap;\n color: var(--light-text-color);\n }\n }\n }\n\n thead + tbody tr,\n tr + tr {\n th,\n td {\n border-top: 1px solid transparent;\n }\n }\n }\n\n // collapsable data tables for small screens\n // based on Aaron Gustafson's technique: http://blog.easy-designs.net/archives/2013/02/02/responsive-tables/\n &.collapsed {\n width: auto;\n\n &,\n tbody,\n tbody tr,\n tbody th,\n tbody td {\n display: block;\n border: none;\n padding: 0;\n @include alignleft;\n width: auto !important;\n white-space: normal;\n }\n\n thead {\n display: none;\n }\n\n tbody {\n tr {\n padding: 6px 0;\n border-bottom: 1px dotted var(--hairline-color);\n\n &:after {\n @include clearafter;\n }\n }\n\n th,\n td {\n padding: 2px 0 !important;\n }\n\n td {\n &:empty {\n display: none;\n }\n }\n\n [data-title] {\n @include margin-right(0);\n\n &:before {\n margin-right: 5px;\n content: attr(data-title) ':';\n font-weight: bold;\n }\n\n form {\n display: inline-block;\n }\n }\n }\n }\n}\n\n.datatablesorthelper,\n.editabletablesorthelper,\n.thumbviewhelper {\n background-color: var(--white);\n @include shadow;\n}\n\n.datatablesorthelper,\n.datatablesorthelper .element,\n.datatablesorthelper a {\n cursor: move !important;\n}\n\n.datatablesorthelper tr:first-child th,\n.datatablesorthelper tr:first-child td {\n border-top: none !important;\n}\n\n.datatablesorthelper tr:last-child th,\n.datatablesorthelper tr:last-child td {\n border-bottom: none !important;\n}\n\n/* elements */\n$smallThumbSize: 34px;\n$largeThumbSize: 120px;\n$statusSize: 10px;\n$baseElementSidePadding: 7px;\n$elementInnerSpacing: 5px;\n\n.element {\n position: relative;\n cursor: default;\n user-select: none;\n font-weight: normal;\n border-radius: var(--small-border-radius);\n\n &:focus,\n li:focus & {\n background-color: var(--gray-050);\n }\n\n &.sel,\n li.sel & {\n background-color: var(--light-sel-color) !important;\n cursor: default;\n\n &:focus {\n background-color: darken($lightSelColor, 5%) !important;\n }\n\n &.hasthumb {\n .elementthumb {\n img {\n box-shadow: 0 0 0 1px transparentize($darkSelColor, 0.9),\n 0 6px 4px -4px transparentize($darkSelColor, 0.8);\n }\n }\n }\n }\n\n &.hasthumb {\n .elementthumb:not(:empty) {\n position: absolute;\n display: flex;\n justify-content: center;\n -ms-flex-pack: center;\n align-items: center;\n -ms-flex-align: center;\n\n img {\n display: block;\n flex-shrink: 0;\n pointer-events: none;\n border-radius: var(--small-border-radius);\n max-width: 100%;\n max-height: 100%;\n }\n\n &.rounded img {\n border-radius: 50%;\n }\n }\n .elementthumb.open-preview {\n cursor: pointer;\n }\n }\n\n &.error {\n [data-icon='alert'] {\n margin-left: var(--xs);\n }\n }\n\n .label {\n display: inline-block;\n\n .draft-label {\n display: inline-block;\n @include margin(-1px, 0, -1px, 7px);\n padding: 1px 5px;\n font-weight: normal;\n text-decoration: none !important;\n color: var(--medium-text-color);\n background: var(--gray-100);\n border-radius: var(--large-border-radius);\n }\n }\n\n &.small,\n &.large:not(.hasthumb) {\n display: inline-block;\n padding: $baseElementSidePadding;\n box-sizing: border-box;\n\n &.hasstatus {\n @include padding-left(\n $baseElementSidePadding + $statusSize + $elementInnerSpacing\n );\n\n .status {\n position: absolute;\n @include left($baseElementSidePadding);\n top: calc(50% - 5px);\n }\n\n .icon:not(.delete) {\n position: absolute;\n @include left($baseElementSidePadding - 1);\n top: calc(50% - 11px);\n }\n }\n\n &.hasthumb {\n @include padding-left($smallThumbSize + $elementInnerSpacing);\n\n .elementthumb:not(:empty) {\n top: calc(50% - 17px);\n @include left(0);\n width: $smallThumbSize;\n height: $smallThumbSize;\n\n &.checkered img {\n @include checkered-bg(8px);\n }\n }\n\n &.hasstatus {\n @include padding-left(\n $smallThumbSize + $elementInnerSpacing * 2 + $statusSize\n );\n\n .status {\n @include left($smallThumbSize + $elementInnerSpacing);\n }\n }\n }\n }\n\n &.large.hasthumb {\n display: block;\n padding: #{$baseElementSidePadding + $largeThumbSize + $elementInnerSpacing}\n $baseElementSidePadding $baseElementSidePadding;\n width: #{120px + $baseElementSidePadding + $baseElementSidePadding};\n box-sizing: border-box;\n\n &.hasstatus {\n @include padding-left(\n $baseElementSidePadding + $statusSize + $elementInnerSpacing\n );\n\n .status {\n position: absolute;\n @include left($baseElementSidePadding);\n top: #{$baseElementSidePadding + $largeThumbSize + $elementInnerSpacing +\n 6};\n }\n }\n\n .elementthumb:not(:empty) {\n top: $baseElementSidePadding;\n @include left($baseElementSidePadding);\n width: $largeThumbSize;\n height: $largeThumbSize;\n\n &.checkered img {\n @include checkered-bg(15px);\n }\n }\n\n .label {\n display: block;\n word-wrap: normal;\n }\n }\n\n &.removable {\n .label {\n @include padding-right(20px);\n }\n\n .delete:before {\n color: var(--ui-control-color);\n }\n\n &.small,\n &.large:not(.hasthumb) {\n .delete {\n position: absolute;\n top: calc(50% - 11px);\n @include right($baseElementSidePadding);\n }\n }\n\n &.large.hasthumb {\n .delete {\n position: absolute;\n @include right($baseElementSidePadding);\n }\n }\n }\n\n &:not(.removable) {\n .delete {\n display: none;\n }\n }\n}\n\n$checkboxPadding: $checkboxSize + 4;\n\n.elements {\n position: relative;\n\n &:not(.busy) {\n .update-spinner {\n display: none;\n }\n }\n\n &.busy {\n min-height: 200px;\n\n &:after {\n display: block;\n content: '';\n font-size: 0;\n position: absolute;\n top: 0;\n left: -24px;\n width: calc(100% + #{24 + 24}px);\n height: 100%;\n background: transparentize($white, 0.25);\n border-radius: var(--large-border-radius);\n }\n\n .update-spinner {\n z-index: 1;\n }\n }\n\n .header {\n margin: -24px -24px 24px;\n padding: 14px 24px;\n background-color: var(--gray-050);\n box-shadow: none;\n\n &:after {\n content: '';\n }\n\n .selectallcontainer {\n cursor: default;\n\n .checkbox {\n @include margin-right($elementInnerSpacing);\n }\n }\n }\n\n // table views\n .tableview {\n .move,\n .toggle {\n display: flex;\n position: absolute;\n justify-content: center;\n align-items: center;\n top: 50%;\n transform: translateY(-50%);\n @include margin-left(calc(var(--touch-target-size) * -1));\n width: var(--touch-target-size);\n height: var(--touch-target-size);\n }\n\n .move {\n font-size: 11px;\n text-decoration: none;\n }\n\n .toggle {\n text-align: center;\n padding: 4px;\n border-radius: 50%;\n }\n\n .move + .toggle {\n @include margin-left(calc(var(--touch-target-size) * -2));\n }\n }\n\n // thumbs views\n .thumbsview {\n @include margin(\n -$baseElementSidePadding,\n -$baseElementSidePadding - 1px,\n -$baseElementSidePadding - 1px,\n -$baseElementSidePadding\n );\n width: calc(\n 100% + #{$baseElementSidePadding + $baseElementSidePadding + 1px}\n );\n display: grid;\n gap: 5px;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n\n li {\n position: relative;\n @include margin(0, 1px, 1px, 0);\n\n &:hover {\n .element {\n background-color: var(--gray-050);\n }\n }\n\n .element.large.hasthumb {\n width: unset;\n\n .elementthumb:not(:empty) {\n width: 100%;\n }\n }\n\n &.has-checkbox {\n .element.hasthumb {\n &:not(.hasstatus) {\n @include padding-left(\n $baseElementSidePadding + $checkboxSize + $elementInnerSpacing\n );\n }\n\n &.hasstatus {\n @include padding-left(\n $baseElementSidePadding + $checkboxSize + $elementInnerSpacing +\n $statusSize + $elementInnerSpacing\n );\n\n .status {\n @include left(\n $baseElementSidePadding + $checkboxSize + $elementInnerSpacing\n );\n }\n }\n }\n\n .checkbox {\n position: absolute;\n top: $baseElementSidePadding + $largeThumbSize + $elementInnerSpacing +\n (20px - $checkboxSize) * 0.5;\n @include left($baseElementSidePadding);\n }\n }\n }\n }\n}\n\n.export-form {\n position: relative;\n .spinner {\n position: absolute;\n bottom: 0;\n @include right(-24px);\n }\n}\n\n.thumbviewhelper {\n margin: -7px;\n padding: 7px;\n\n .thumbsview {\n &,\n li {\n margin: 0 !important;\n }\n }\n}\n\n/* structures */\n.structure {\n position: relative;\n z-index: 1;\n\n li {\n @include padding-left(8px);\n\n &.collapsed > ul {\n display: none;\n }\n\n .row:hover > .icon,\n &.draghelper > .row .move,\n .add.active {\n opacity: 1;\n }\n\n &.draghelper {\n & > .row {\n .add {\n opacity: 0;\n }\n\n .move:before {\n color: var(--link-color);\n }\n }\n }\n\n &.draginsertion {\n position: relative;\n @include margin(-1px, 0, -1px, 8px);\n @include padding-left(0);\n height: 2px;\n background-color: var(--link-color) !important;\n @include border-left(none);\n border-radius: 1px;\n }\n\n .toggle {\n position: relative;\n z-index: 1;\n @include floatleft;\n @include margin(10px, -8px, 0, -12px);\n padding: 4px;\n }\n\n .row:after {\n @include clearafter;\n }\n\n .move,\n .add {\n @include margin(5px, 5px, 0, 0);\n opacity: 0;\n transition: opacity linear 100ms;\n }\n\n .add {\n padding: 0 5px;\n\n &:before {\n content: 'downangle';\n color: var(--dark-hairline-color);\n }\n\n &:not(.disabled):hover:before,\n &.active:before {\n color: var(--link-color);\n }\n }\n\n .checkbox {\n @include floatleft;\n @include margin(7px, 0, 0, 7px);\n }\n }\n\n ul {\n @include margin-left(-3px);\n\n li {\n @include padding-left(38px);\n background-repeat: no-repeat;\n\n body.ltr & {\n background-image: url(../images/branch.png);\n background-position: 0 0;\n }\n\n body.rtl & {\n background-image: url(../images/branch_rtl.png);\n background-position: 100% 0;\n }\n\n &:not(:last-child):not(.last) {\n @include padding-left(37px);\n @include border-left(1px solid var(--hairline-color));\n\n body.ltr & {\n background-position: -1px 0;\n }\n\n body.rtl & {\n background-position: calc(100% + 1px) 0;\n }\n }\n\n &.draginsertion {\n @include margin-left(38px);\n }\n }\n }\n\n .row {\n &.draghover {\n .element {\n z-index: 2;\n border-radius: 15px;\n box-shadow: inset 0 0 0 2px var(--link-color);\n }\n }\n\n &.droptarget {\n border-radius: 5px;\n box-shadow: inset 0 0 0 2px var(--link-color);\n }\n }\n}\n\n/* element select fields */\n.elementselect {\n position: relative;\n min-height: 34px;\n margin-top: -7px;\n\n .elements:after {\n @include clearafter;\n }\n\n .element {\n @include floatleft;\n @include margin(7px, 7px, 0, 0);\n }\n\n .element.small,\n .flex,\n .btn {\n clear: both;\n }\n\n .element {\n z-index: 1;\n\n &.small {\n max-width: 100%;\n\n .label {\n display: block;\n max-width: 100%;\n box-sizing: border-box;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n }\n }\n\n .caboose {\n @include floatleft;\n }\n\n .flex {\n padding-top: 7px;\n float: none !important;\n }\n}\n\n/* editable tables */\ntable.editable {\n border-radius: var(--large-border-radius);\n border: 1px solid var(--gray-200);\n\n th,\n td.action {\n color: var(--medium-text-color);\n font-weight: normal;\n background-color: var(--gray-050);\n }\n\n thead,\n tbody {\n tr {\n th {\n padding: 6px 10px;\n }\n }\n }\n\n thead {\n tr {\n th {\n border-bottom: 1px solid var(--hairline-color);\n\n &.has-info {\n @include padding-right(calc(15px + 1em));\n }\n\n span.info {\n position: absolute;\n margin-left: 5px;\n }\n }\n }\n }\n\n tbody {\n tr {\n &:not(:first-child) {\n th,\n td {\n border-top: 1px solid var(--hairline-color);\n }\n }\n\n &:last-child {\n td:first-child {\n @include border-bottom-left-radius(var(--large-border-radius));\n\n textarea,\n input.text {\n @include border-bottom-left-radius(var(--large-border-radius) - 1);\n }\n }\n }\n\n td:not(:first-child),\n th ~ td:not(.hidden) ~ td {\n @include border-left(1px solid var(--hairline-color));\n }\n\n th {\n // Set a dark border-left for the first | that follows a | , if there is one.\n // This is a ridiculous CSS hack since there's no operator/pseudo-class that mimics jQuery's next(selector) function.\n // If there was it could have been as simple as: th ??? td:not(.hidden) { dark left border }\n // kudos to Mark Huot for coming up with it!\n & ~ td:not(:first-child) {\n @include border-left(1px solid #dbdddf);\n }\n }\n\n td {\n vertical-align: top;\n text-align: center;\n background-color: var(--white);\n padding: 4px 10px;\n\n &.focus {\n position: relative;\n box-shadow: inset 0 0 0 1px var(--hairline-color);\n }\n\n &.textual {\n padding: 0;\n\n textarea {\n resize: none;\n }\n\n pre {\n @include alignleft;\n white-space: pre-wrap;\n }\n }\n\n &.lightswitch-cell {\n padding-top: 9px;\n padding-bottom: 9px;\n\n .lightswitch {\n display: block;\n margin: 0 auto;\n }\n }\n\n &.checkbox-cell {\n padding-top: 10px;\n padding-bottom: 10px;\n\n .checkbox-wrapper {\n display: block;\n margin: -2px auto 0;\n width: 16px;\n height: 16px;\n }\n }\n\n &.error {\n box-shadow: inset 0 0 0 1px var(--error-color);\n }\n\n &.disabled {\n position: relative;\n opacity: 1;\n\n &:after {\n content: '';\n font-size: 0;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: transparentize($grey050, 0.25);\n user-select: none;\n }\n }\n\n &.action {\n padding: 4px 7px;\n\n & + td.action {\n @include border-left(none);\n @include padding-left(0);\n }\n }\n\n .flex > * {\n margin-bottom: 0;\n }\n }\n }\n\n textarea,\n textarea.text,\n input.text,\n pre {\n display: block;\n width: 100%;\n border: none;\n box-shadow: none;\n border-radius: 0;\n padding: 7px 10px;\n background-color: transparent;\n overflow: hidden;\n transition: none;\n box-sizing: border-box;\n }\n\n .color-container {\n display: block;\n position: relative;\n\n & > .color,\n .color-input {\n margin-bottom: 0;\n }\n\n & > .color {\n position: absolute;\n top: 10px;\n @include left(10px);\n z-index: 1;\n }\n\n .color-hex-indicator {\n @include left(32px);\n }\n\n .color-input {\n @include padding-left(calc(32px + 1em));\n }\n }\n\n .datewrapper,\n .timewrapper {\n display: block;\n width: 100%;\n\n .text + div[data-icon] {\n top: 6px;\n @include left(10px);\n }\n }\n }\n\n &:not(.static) {\n td.textual {\n cursor: text;\n }\n }\n\n & + .btn.add {\n display: block;\n width: 100%;\n }\n\n &:not(.hidden) + .btn.add {\n border-top-width: 0;\n border-radius: 0 0 var(--medium-border-radius) var(--medium-border-radius);\n }\n}\n\n.border-box,\n.shadow-box {\n & + .buttons {\n margin-top: 7px;\n }\n}\n\n/* ----------------------------------------\n/* Nav\n/* ----------------------------------------*/\n\nul.tree,\n.tree ul {\n @include margin-left(20px);\n}\n\n.tree li .toggle {\n @include margin(7px, 0, 0, -15px);\n}\n\n/* status icons */\n.status {\n display: inline-block;\n @include margin-right(10px);\n width: 10px;\n height: 10px;\n border: 1px solid transparent;\n border-radius: 100%;\n box-sizing: border-box;\n\n body.use-shapes & {\n &.pending {\n background-color: transparent;\n border-style: solid;\n border-width: 0 5px 10px 5px;\n border-color: transparent transparent var(--pending-color) transparent;\n border-radius: 1px;\n }\n\n &.off,\n &.suspended,\n &.expired {\n border-radius: 1px;\n }\n }\n}\n\n.status:not(.on):not(.live):not(.active):not(.enabled):not(.pending):not(.off):not(.suspended):not(.expired):not(.yellow):not(.orange):not(.red):not(.pink):not(.purple):not(.blue):not(.green):not(.turquoise):not(.light):not(.grey):not(.black) {\n border-color: var(--ui-control-color);\n}\n\n.green,\n.status.on,\n.status.live,\n.status.active,\n.status.enabled {\n background-color: var(--enabled-color);\n}\n\n.orange,\n.status.pending {\n background-color: var(--pending-color);\n}\n\n.red,\n.status.off,\n.status.suspended,\n.status.expired {\n background-color: var(--disabled-color);\n}\n\n.yellow {\n background-color: var(--yellow-300);\n}\n\n.pink {\n background-color: var(--pink-400);\n}\n\n.purple {\n background-color: #9b59b6;\n}\n\n.blue {\n background-color: var(--blue-600);\n}\n\n.turquoise {\n background-color: var(--teal-300);\n}\n\n.status.light {\n background-color: var(--gray-100);\n}\n\n.grey {\n background-color: var(--gray-300);\n}\n\n.black {\n background-color: var(--gray-800);\n}\n\n.status.white,\n.status.disabled {\n opacity: 1;\n}\n\n/* ----------------------------------------\n/* Condition builders\n/* ----------------------------------------*/\n\n.condition-container {\n margin: 24px 0;\n}\n\n.condition:not(:empty) + .condition-footer .btn.add {\n}\n\n.condition-rule,\n.condition-footer {\n padding: 7px;\n}\n\n.condition-footer {\n border: 1px dashed var(--medium-hairline-color);\n border-radius: var(--large-border-radius);\n\n .condition:not(:empty) + & {\n border-top-width: 0;\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n\n .spinner:not(.loading) {\n display: none;\n }\n}\n\n.condition-rule {\n margin: 0;\n border: 1px solid var(--hairline-color);\n background-color: var(--gray-050);\n\n &:first-child {\n border-top-left-radius: var(--large-border-radius);\n border-top-right-radius: var(--large-border-radius);\n }\n\n & + .condition-rule {\n border-top-width: 0;\n }\n\n & > .rule-move,\n & > .rule-actions {\n margin-top: 5px;\n }\n\n & > .rule-body {\n .lightswitch {\n margin-top: 6px;\n display: block;\n }\n\n .selectize {\n min-width: 100px;\n }\n\n .text.fullwidth {\n min-width: 100px;\n max-width: 100%;\n }\n }\n}\n\n/* ----------------------------------------\n/* Progress bar\n/* ----------------------------------------*/\n\n.progressbar {\n border-radius: 6px;\n border: 2px solid var(--gray-700);\n padding: 2px;\n position: absolute;\n left: 20%;\n width: 60%;\n z-index: 1000;\n}\n\n.progressbar-inner {\n border-radius: 2px;\n height: 4px;\n background-color: var(--gray-700);\n}\n\n.progressbar:not(.pending) .progressbar-inner {\n width: 0;\n transition: width linear 100ms;\n}\n\n.progressbar.pending .progressbar-inner {\n @include striped-bg(17.6776695297px, var(--gray-700)); // sqrt(25^2 / 2);\n body.ltr & {\n animation-name: pendingprogress-ltr;\n }\n body.rtl & {\n animation-name: pendingprogress-rtl;\n }\n animation-timing-function: linear;\n animation-duration: 250ms;\n animation-iteration-count: infinite;\n}\n\n@keyframes pendingprogress-ltr {\n from {\n background-position: 0;\n }\n to {\n background-position: 25px;\n }\n}\n\n@keyframes pendingprogress-rtl {\n from {\n background-position: 0;\n }\n to {\n background-position: -25px;\n }\n}\n\n.elementselect .progress-shade {\n background-color: transparentize($white, 0.2);\n width: 100%;\n height: 100%;\n position: absolute;\n top: 0;\n @include left(0);\n display: none;\n}\n\n.elementselect.uploading {\n position: relative;\n}\n\n.elementselect.uploading .progress-shade {\n display: block;\n z-index: 2;\n}\n\n// Plugin installers\n\n.missing-component {\n padding: 7px 10px !important;\n max-width: 400px;\n background-color: var(--gray-050) !important;\n\n .error {\n margin: 0;\n }\n\n .install-plugin {\n margin: 7px 0 -7px;\n border-top: 1px solid var(--hairline-color);\n position: relative;\n @include padding(10px, 0, 10px, 40px);\n\n .icon {\n width: 32px;\n height: 32px;\n position: absolute;\n top: calc(50% - 16px);\n @include left(0);\n\n img,\n svg {\n width: 100%;\n height: 100%;\n }\n }\n\n h3 {\n flex: 1;\n margin: 8px 0 !important;\n }\n\n .btn {\n margin: 0;\n }\n }\n}\n\n/* ----------------------------------------\n/* Panes, Modals and HUDs\n/* ----------------------------------------*/\n\n.pane {\n @include pane;\n position: relative;\n margin: 14px 0;\n padding: 24px;\n border-radius: var(--large-border-radius);\n word-wrap: break-word;\n box-sizing: border-box;\n\n .pane &,\n #content & {\n background-color: var(--gray-050);\n border: 1px solid var(--hairline-color);\n box-shadow: none;\n }\n\n &.loading {\n min-height: 200px;\n\n &:after {\n display: block;\n content: '';\n font-size: 0;\n position: absolute;\n top: 0;\n left: -24px;\n width: calc(100% + #{24 + 24}px);\n height: 100%;\n }\n }\n}\n\n.pane-header {\n margin: calc(var(--xl) * -1) var(--neg-padding) var(--xl);\n padding: var(--s) var(--xl);\n min-height: 50px;\n box-sizing: border-box;\n box-shadow: inset 0 -1px 0 0 transparentize($grey300, 0.75);\n border-radius: var(--large-border-radius) var(--large-border-radius) 0 0;\n background-color: var(--gray-050);\n\n .header-btn {\n margin: 2px 0;\n @include header-btn;\n }\n\n .spinner {\n margin: 0 !important;\n }\n}\n\n.pane-tabs {\n display: flex;\n flex-direction: row;\n align-items: center;\n margin: calc(var(--s) * -1) calc(var(--xl) * -1);\n\n &:first-child {\n border-radius: var(--large-border-radius) var(--large-border-radius) 0 0;\n overflow: hidden;\n }\n\n [role='tablist'] {\n flex: 1;\n display: flex;\n flex-direction: row;\n overflow-x: auto;\n scrollbar-width: none;\n\n &::-webkit-scrollbar {\n display: none;\n }\n\n &.scrollable {\n body.ltr & {\n mask-image: linear-gradient(\n to left,\n rgba(0, 0, 0, 0),\n rgba(0, 0, 0, 1) 24px\n );\n }\n body.rtl & {\n mask-image: linear-gradient(\n to right,\n rgba(0, 0, 0, 0),\n rgba(0, 0, 0, 1) 24px\n );\n }\n }\n\n [role='tab'] {\n &,\n .tab-label {\n border-radius: 2px 2px 0 0;\n }\n\n .tab-label {\n display: flex;\n flex-direction: row;\n align-items: center;\n position: relative;\n padding: 0 24px;\n white-space: nowrap;\n color: var(--light-text-color);\n height: 50px;\n }\n\n &:hover {\n text-decoration: none;\n }\n\n &.focus-visible {\n box-shadow: none;\n\n .tab-label {\n box-shadow: var(--inner-focus-ring);\n }\n }\n\n &:not(.sel) {\n &:hover {\n background-color: transparentize($grey300, 0.85);\n }\n }\n\n &.sel {\n position: relative;\n z-index: 1;\n cursor: default;\n color: var(--text-color);\n box-shadow: inset 0 2px 0 var(--gray-500), 0 0 0 1px $hairlineColor,\n 0 2px 12px transparentize($grey200, 0.5);\n color: var(--text-color);\n background-color: var(--white);\n }\n\n span[data-icon] {\n @include margin-left(4px);\n }\n }\n }\n\n &:first-child {\n [role='tablist'] {\n [role='tab'] {\n &:first-child {\n &,\n .tab-label {\n @include border-top-left-radius(var(--large-border-radius));\n }\n }\n }\n }\n }\n\n .menubtn {\n margin: 0 var(--xl);\n }\n}\n\n/* detail sidebars */\n.details {\n --spacing: var(--l);\n padding: 0 var(--padding) var(--spacing);\n\n .meta,\n .field,\n hr {\n margin-left: var(--neg-padding);\n margin-right: var(--neg-padding);\n }\n\n .meta {\n margin-bottom: var(--spacing);\n\n &:not(.read-only) {\n background-color: var(--gray-050) !important;\n }\n\n &.read-only {\n color: var(--medium-text-color);\n\n & > .data {\n align-items: baseline;\n min-height: auto;\n\n & > .heading,\n & > .value {\n padding: 6px 0;\n }\n\n &:first-child {\n & > .heading,\n & > .value {\n padding-top: 0;\n }\n }\n\n &:last-child {\n & > .heading,\n & > .value {\n padding-bottom: 0;\n }\n }\n }\n }\n\n &.warning {\n padding-top: var(--m);\n padding-bottom: var(--m);\n color: var(--text-color) !important;\n background-color: var(--yellow-050) !important;\n box-shadow: 0 0 0 1px var(--yellow-300),\n 0 2px 12px transparentize($grey200, 0.5);\n\n p {\n margin-bottom: 5px;\n }\n\n .btn {\n background-color: var(--yellow-300);\n\n &:hover,\n &:focus {\n background-color: darken($yellow300, 10%);\n }\n\n &:active {\n background-color: darken($yellow300, 15%);\n }\n }\n }\n\n & > .field,\n & > .data {\n margin: 0 var(--neg-padding) !important;\n\n & > .heading > label,\n & > .heading {\n color: var(--gray-600);\n }\n }\n\n & > .field > .status-badge {\n @include left(0);\n }\n\n .text::placeholder,\n .datewrapper .text + div[data-icon],\n .timewrapper .text + div[data-icon] {\n color: var(--gray-500);\n }\n\n .ui-datepicker {\n @include margin(0, 0, 0, -8px);\n }\n }\n\n hr {\n margin: var(--spacing) 0;\n border-top-color: var(--hairline-color);\n }\n\n @include placeholder-styles(var(--gray-500));\n\n .text {\n background-color: transparent !important;\n resize: none;\n }\n\n & > .field > .heading > label,\n & > fieldset > legend {\n margin-top: 0;\n font-weight: normal;\n color: var(--gray-600);\n }\n\n & > fieldset {\n margin: 0 0 var(--spacing);\n\n & > legend {\n margin-bottom: 5px;\n }\n }\n\n & > .field {\n margin: 0 0 var(--spacing);\n\n & > .heading {\n margin-top: 0;\n }\n\n & > .input > .text.fullwidth {\n margin: 0 var(--neg-padding);\n padding-left: var(--padding);\n padding-right: var(--padding);\n border: none;\n background-color: var(--gray-050) !important;\n width: calc(100% + var(--padding) + var(--padding));\n }\n }\n\n & > .text {\n border-radius: var(--large-border-radius);\n margin-bottom: var(--spacing);\n\n &:not(:focus) {\n border-color: transparentize($inputColor, 0.6);\n }\n }\n}\n\n/* meta panes */\n.meta {\n padding: 0 var(--padding);\n overflow: visible;\n\n &,\n & > .flex-fields {\n & > .field,\n & > .data {\n display: flex;\n min-height: 50px;\n box-sizing: border-box;\n flex-wrap: wrap; // for error lists\n justify-content: space-between;\n align-items: center;\n margin: 0 var(--neg-padding) !important;\n padding: 0 var(--padding);\n transition: padding-left linear 100ms, padding-right linear 100ms;\n\n &.nested {\n @include padding-left(38px);\n }\n\n &.add {\n background-color: darken($grey050, 2%);\n\n &:before {\n position: absolute;\n @include left(0);\n width: 31px;\n @include alignright;\n @include icon;\n content: 'plus';\n color: var(--light-text-color);\n }\n\n .input {\n width: 100%;\n }\n }\n\n & > .heading {\n flex: 0 0 104px;\n @include margin(0, var(--s), 0, 0);\n line-height: 18px;\n }\n\n &.lightswitch-field > .heading {\n flex: 1;\n }\n\n & > .input {\n .flex {\n flex-wrap: nowrap;\n\n & > * {\n margin-bottom: 0;\n }\n }\n }\n }\n\n & > .field > .heading {\n padding: 14px 0;\n\n & > .copytextbtn {\n display: none;\n }\n }\n\n & > .data > .heading {\n padding: var(--s) 0;\n }\n\n & > .field > .heading > label,\n & > .data > .heading {\n color: var(--medium-text-color);\n }\n\n & > .field > .input,\n & > .data > .value {\n padding: var(--s) 0;\n width: calc(100% - 112px);\n }\n\n & > .data > .value {\n display: flex;\n align-items: center;\n\n & > [data-icon='draft'] {\n margin-top: -2px;\n @include margin-right(8px);\n }\n }\n\n & > .field.lightswitch-field > .input {\n flex: 0;\n width: auto;\n }\n\n & > .field {\n &.has-errors {\n border: 1px solid var(--error-color) !important;\n\n &:first-child {\n border-top-left-radius: var(--large-border-radius);\n border-top-right-radius: var(--large-border-radius);\n }\n\n &:last-child {\n border-bottom-left-radius: var(--large-border-radius);\n border-bottom-right-radius: var(--large-border-radius);\n }\n\n & + .field {\n border-top: none !important;\n }\n }\n\n & > .heading {\n & > label,\n & > legend {\n font-weight: normal;\n }\n }\n\n & > .input {\n &,\n & > .flex,\n & > .flex > .textwrapper,\n & > .datewrapper,\n & > .timewrapper,\n & > .datetimewrapper > .datewrapper,\n & > .datetimewrapper > .timewrapper {\n & > .text {\n display: block;\n margin: calc(var(--s) * -1) 0;\n padding: 14px 0;\n border-radius: 0;\n background-color: transparent;\n border: none !important;\n }\n }\n\n & > .datewrapper,\n & > .timewrapper,\n & > .datetimewrapper > .datewrapper,\n & > .datetimewrapper > .timewrapper {\n background-color: transparent;\n .text + div[data-icon] {\n @include left(0);\n }\n }\n\n & > .datetimewrapper {\n & > .datewrapper {\n width: 55%;\n }\n\n & > .timewrapper {\n width: 45%;\n }\n\n & > .clear-btn {\n @include margin-right(-24px);\n }\n }\n\n & > .datewrapper,\n & > .timewrapper {\n display: block;\n width: 100%;\n }\n }\n\n & > ul.errors {\n margin: 0;\n padding: 0 0 6px;\n width: 100%;\n list-style-type: none;\n }\n\n & > .clear-btn {\n @include margin-right(var(--neg-padding));\n }\n }\n }\n\n & > .field:not(:first-child),\n & > .flex-fields + .field {\n border-top: 1px solid var(--hairline-color);\n }\n\n & > .flex-fields {\n h2,\n blockquote.note {\n margin: 0 -24px !important;\n padding: 14px 24px;\n background-color: darken($grey050, 2%);\n }\n\n blockquote.note {\n border-radius: 0;\n border: none;\n }\n\n hr {\n margin: 0 -24px;\n }\n }\n}\n\n.meta > .field > .input > .select {\n display: block;\n margin: calc(var(--s) * -1) 0;\n width: 100%;\n border-radius: 0;\n box-shadow: none;\n background-color: transparent;\n\n &:after {\n @include right(0);\n }\n\n & + .spinner {\n position: absolute;\n top: calc(50% - 17px);\n @include right(-24px);\n }\n\n select {\n @include padding(var(--s), 12px, var(--s), 0);\n width: 100%;\n background-color: transparent;\n }\n}\n\n.body {\n position: relative;\n}\n\n.slideout-container,\n.slideout,\n.modal,\n.hud {\n z-index: 100;\n box-sizing: border-box;\n}\n\n.modal,\n.hud .body {\n @include modal;\n}\n\n.slideout-shade {\n opacity: 0;\n transition: opacity linear 250ms;\n\n &.so-visible {\n opacity: 1;\n }\n}\n\n.slideout-container {\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n height: -webkit-fill-available; // h/t https://twitter.com/AllThingsSmitty/status/1254151507412496384\n pointer-events: none;\n}\n\n.slideout {\n position: absolute;\n background-color: var(--white);\n box-shadow: 0 0 0 1px transparentize($grey400, 0.75),\n 0 25px 100px transparentize($grey900, 0.5);\n display: flex;\n flex-direction: column;\n overflow: hidden;\n padding: 24px var(--padding);\n pointer-events: all;\n\n &.so-mobile {\n --padding: 14px;\n --neg-padding: -14px;\n width: 100%;\n height: 100%;\n left: 0;\n transition: top linear 250ms;\n will-change: top;\n }\n\n &:not(.so-mobile) {\n top: 8px;\n width: calc(50% - 8px);\n height: calc(100% - 16px);\n border-radius: var(--large-border-radius);\n\n @media screen and (prefers-reduced-motion: no-preference) {\n body.ltr & {\n transition: left linear 250ms;\n will-change: left;\n }\n\n body.rtl & {\n transition: right linear 250ms;\n will-change: right;\n }\n }\n }\n\n & > .pane-header {\n z-index: 2;\n\n & > .so-toolbar {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: var(--s);\n min-height: calc(50px - 16px);\n\n & > .pane-tabs {\n width: 1px; // give other elements in the header plenty of room before the tabs take up whatever's left\n flex: 1;\n @include margin-right(0);\n }\n }\n }\n\n &.so-mobile > .pane-header {\n padding-left: 10px;\n padding-right: 10px;\n }\n\n & > .so-body {\n flex: 1;\n margin: -24px var(--neg-padding) 0;\n padding: 24px var(--padding);\n overflow: hidden auto;\n position: relative;\n\n & > .so-sidebar {\n position: absolute;\n top: 0;\n @include pane();\n width: 350px;\n height: 100%;\n max-width: 100%;\n box-sizing: border-box;\n padding: 0 var(--padding) var(--spacing);\n background-color: var(--gray-100);\n overflow: hidden auto;\n z-index: 1;\n\n body.ltr & {\n transition: right linear 250ms;\n }\n body.rtl & {\n transition: left linear 250ms;\n }\n\n & > .preview-thumb-container {\n margin: 0 var(--neg-padding);\n height: auto;\n min-height: 54px; // make room for the Preview / Edit buttons\n\n & + .pane-header {\n border-radius: 0;\n }\n }\n\n .image-actions {\n &.is-mobile {\n margin: calc(var(--spacing) / 2) 0 var(--spacing);\n }\n }\n\n & > .meta.read-only:first-child {\n margin-top: var(--padding);\n }\n\n & > .meta.warning {\n box-shadow: none;\n border-bottom: 1px solid var(--yellow-300);\n }\n\n & > .field {\n & > .input > .text.fullwidth {\n border-radius: 0;\n }\n }\n }\n }\n\n & > .so-footer {\n position: relative;\n display: flex;\n gap: 8px;\n justify-content: space-between;\n flex-wrap: wrap;\n margin: 0 var(--neg-padding) -24px;\n padding: 8px var(--padding);\n @include pane;\n background-color: var(--gray-050);\n z-index: 3;\n\n & > .so-extra {\n flex: 0 0 100%;\n margin: 0 var(--neg-padding);\n padding: 0 var(--padding) 8px;\n border-bottom: 1px solid var(--hairline-color);\n }\n }\n}\n\n@media (min-width: 1536px) {\n .slideout {\n &.has-sidebar {\n .pane-header:not(.so-visible) {\n display: none;\n }\n\n .sidebar-btn {\n display: none;\n }\n\n .so-body {\n display: flex;\n flex-direction: row;\n padding: 0;\n overflow: hidden;\n\n & > .so-content {\n position: relative;\n z-index: 2;\n padding: 24px;\n width: calc(100% - 350px);\n height: 100%;\n box-sizing: border-box;\n @include border-right(1px solid var(--gray-200));\n overflow: hidden auto;\n }\n\n & > .so-sidebar {\n position: relative;\n display: block !important;\n top: auto;\n right: auto !important;\n left: auto !important;\n height: 100%;\n box-shadow: none;\n }\n }\n }\n\n & > .so-footer {\n & > .so-extra {\n margin: 0;\n padding: 0;\n border: none;\n flex: auto 0 1;\n }\n }\n }\n}\n\n.header,\n.hud-header,\n.footer,\n.hud-footer,\n.body {\n &:after {\n @include clearafter;\n }\n}\n\n.header,\n.hud-header,\n.footer,\n.hud-footer {\n position: relative;\n z-index: 1;\n box-sizing: border-box;\n}\n\n.header,\n.hud-header,\n.footer,\n.hud-footer {\n background-color: var(--gray-100);\n}\n\n.header,\n.hud-header {\n border-radius: var(--large-border-radius) var(--large-border-radius) 0 0;\n padding: 24px;\n box-shadow: inset 0 -1px 0 var(--hairline-color);\n\n h1 {\n margin: 0;\n }\n}\n\n.footer,\n.hud-footer {\n border-radius: 0 0 var(--large-border-radius) var(--large-border-radius);\n padding: var(--s) var(--xl);\n box-shadow: inset 0 1px 0 var(--hairline-color);\n\n &.flex {\n & > * {\n margin-bottom: 0;\n }\n }\n}\n\n.modal .body,\n.hud .main {\n padding: 24px;\n overflow: hidden;\n box-sizing: border-box;\n}\n\n.pane,\n.modal .body {\n .header {\n margin: -24px -24px 24px;\n }\n\n .footer {\n margin: 24px -24px -24px;\n }\n}\n\n.slideout-shade,\n.modal-shade,\n.hud-shade {\n z-index: 100;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: none;\n}\n\n.slideout-shade,\n.modal-shade {\n &:not(.dark) {\n background-color: transparentize($grey400, 0.65) !important;\n }\n\n &.dark {\n background-color: transparentize($grey900, 0.5) !important;\n }\n}\n\n.modal {\n position: fixed;\n overflow: hidden;\n\n &:not(.fitted):not(.fullscreen) {\n width: 66%;\n height: 66%;\n min-width: 600px;\n min-height: 400px;\n }\n\n &.fitted {\n width: auto;\n height: auto;\n min-width: 0;\n min-height: 0;\n }\n\n &.fullscreen {\n width: 100%;\n height: 100%;\n border-radius: 0;\n }\n\n &.alert .body {\n @include padding-left(76px);\n\n &:before {\n @include icon;\n @include margin(-6px, 0, 0, -58px);\n @include floatleft;\n content: 'alert';\n font-size: 40px;\n color: var(--light-text-color);\n }\n }\n\n &.secure .body {\n @include padding-left(76px);\n\n &:before {\n @include icon;\n @include margin(-14px, 0, 0, -56px);\n @include floatleft;\n content: 'secure';\n font-size: 58px;\n color: var(--light-text-color);\n }\n }\n\n .resizehandle {\n position: absolute;\n z-index: 1;\n bottom: 0;\n @include right(0);\n width: 24px;\n height: 24px;\n cursor: nwse-resize;\n padding: var(--xs);\n\n path {\n fill: var(--ui-control-color);\n }\n\n body.rtl & {\n .ltr {\n display: none;\n }\n }\n\n body.ltr & {\n .rtl {\n display: none;\n }\n }\n }\n}\n\n.hud {\n position: absolute;\n display: none;\n top: 0;\n\n &.has-footer .tip-bottom {\n background-image: url(../images/hudtip_bottom_gray.png);\n }\n\n .tip {\n position: absolute;\n z-index: 101;\n background: no-repeat 0 0;\n }\n\n .tip-left {\n left: -15px;\n width: 15px;\n height: 30px;\n background-image: url(../images/hudtip_left.png);\n }\n\n .tip-top {\n top: -15px;\n width: 30px;\n height: 15px;\n background-image: url(../images/hudtip_top.png);\n }\n\n .tip-right {\n right: -15px;\n width: 15px;\n height: 30px;\n background-image: url(../images/hudtip_right.png);\n }\n\n .tip-bottom {\n bottom: -15px;\n width: 30px;\n height: 15px;\n background-image: url(../images/hudtip_bottom.png);\n }\n}\n\n.hud .hud-header,\n.hud .hud-footer {\n padding: var(--s) var(--xl);\n}\n\n.hud .body {\n overflow: hidden;\n\n ::-webkit-scrollbar {\n appearance: none;\n\n &:vertical {\n width: 11px;\n }\n\n &:horizontal {\n height: 11px;\n }\n }\n\n ::-webkit-scrollbar-thumb {\n border-radius: 8px;\n border: 2px solid transparent;\n background-color: transparentize($black, 0.5);\n background-clip: content-box;\n }\n\n ::-webkit-scrollbar-track {\n background-color: var(--gray-050);\n }\n}\n\n/* inline asset previews */\n\n.preview-thumb-container {\n position: relative;\n display: flex;\n flex-direction: row;\n align-items: center;\n height: 190px;\n background-color: var(--gray-900);\n margin: 0 var(--neg-padding) var(--spacing);\n\n &.checkered img {\n background-color: var(--white);\n @include checkered-bg(17px);\n }\n\n &.editable {\n cursor: pointer;\n }\n\n &.loading {\n &:after {\n content: '';\n font-size: 0;\n display: block;\n position: absolute;\n width: 100%;\n height: 100%;\n left: 0;\n top: 0;\n background-color: transparentize($grey900, 0.2);\n }\n\n .spinner {\n color: var(--white);\n z-index: 1;\n }\n }\n\n #details & {\n border-radius: var(--large-border-radius);\n overflow: hidden;\n }\n\n .preview-thumb {\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n height: 100%;\n\n img {\n display: block;\n max-width: 100%;\n max-height: 190px;\n }\n }\n}\n\n.image-actions {\n &.is-mobile {\n margin: calc((var(--spacing) / 2) * -1) var(--neg-padding) var(--spacing);\n display: grid;\n grid-template-columns: 1fr 1fr;\n }\n}\n\n.button-fade {\n .buttons {\n opacity: 0;\n position: absolute;\n top: 10px;\n @include right(10px);\n margin: 0;\n transition: opacity linear 100ms;\n\n .btn {\n --ui-control-color: var(--white);\n --ui-control-hover-color: var(--white);\n --ui-control-active-color: var(--white);\n --interaction-background-color: var(--gray-700);\n background-color: var(--gray-600);\n color: var(--white);\n @include light-on-dark-text;\n @include two-color-focus-ring($light-button: false);\n\n &:hover {\n background-color: var(--interaction-background-color) !important;\n }\n\n &:not(.disabled):not(.loading):not(.dashed) {\n &:focus,\n &.focus,\n &:hover {\n background-color: var(--interaction-background-color);\n }\n }\n }\n }\n\n &:hover,\n &:focus-within {\n .buttons {\n opacity: 1;\n }\n }\n}\n\n/* element selector modals */\n.elementselectormodal {\n --content-padding: 24px;\n padding-bottom: 50px;\n user-select: none;\n\n .main-header {\n display: flex;\n align-items: center;\n margin-bottom: var(--s);\n }\n\n .main-heading {\n margin-bottom: 0;\n }\n\n .nav-toggle {\n @include margin-left(4px);\n @include touch-target;\n color: var(--ui-control-color);\n\n &:hover {\n color: var(--gray-500);\n }\n }\n\n .sidebar-header {\n display: flex;\n justify-content: flex-end;\n padding: 0 var(--s);\n margin-bottom: var(--s);\n }\n\n .nav-close {\n @include touch-target;\n }\n\n .body {\n position: relative;\n height: 100%;\n\n .spinner.big {\n position: absolute;\n top: 50%;\n left: 50%;\n margin: -24px 0 0 -24px;\n }\n\n .content {\n height: calc(100% + 48px);\n\n .sidebar {\n position: absolute;\n top: 0;\n @include margin-left(-249px);\n height: 100%;\n overflow: auto;\n padding: var(--content-padding) 0;\n }\n\n .main {\n margin: -24px;\n padding: var(--content-padding);\n height: 100%;\n box-sizing: border-box;\n overflow: auto;\n position: relative;\n\n .elements {\n &.busy {\n min-height: calc(100% - 48px);\n }\n\n .tableview table {\n .element {\n display: inline-block;\n }\n\n tr {\n &.disabled {\n opacity: 1;\n color: var(--gray-200);\n\n .element {\n opacity: 0.25;\n }\n }\n\n th,\n td {\n cursor: default;\n }\n\n td:first-child {\n @include padding-left(7px);\n }\n }\n }\n\n .structure .row {\n margin-top: 1px;\n }\n }\n }\n }\n }\n\n .footer {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n margin: 0;\n box-sizing: border-box;\n\n .spinner {\n @include floatright;\n @include margin-right(-24px);\n }\n }\n}\n\n/* element editing HUD */\n.element-hud-form {\n .buttons {\n position: relative;\n\n .spinner {\n position: absolute;\n top: 0;\n @include right(-24px);\n }\n }\n}\n\n/* element filter HUD */\n.element-filter-hud {\n &.loading .body {\n padding: 50px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .body,\n .main {\n overflow: visible;\n }\n}\n\n/* Address Cards */\n.address-cards {\n display: grid;\n gap: var(--m) var(--m);\n grid-template-columns: repeat(1, minmax(0, 1fr));\n grid-auto-rows: minmax(0, 1fr);\n}\n\n.address-cards__add-btn {\n padding: 1rem;\n min-height: 8rem;\n height: auto;\n width: 100%;\n}\n\n.address-card.error {\n border: 1px solid #cf1124;\n}\n\n.address-card.error:hover {\n border-color: #cf1124;\n}\n\n@media (min-width: 1024px) {\n .address-cards {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n}\n\n@media (min-width: 1280px) {\n .address-cards {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n}\n\n@media (min-width: 1536px) {\n .address-cards {\n grid-template-columns: repeat(4, minmax(0, 1fr));\n }\n}\n\n.address-card {\n border: 1px solid #eee;\n border-radius: 0.375rem;\n padding: 1rem;\n min-height: 4rem;\n}\n\n.address-card:hover {\n border-color: #ddd;\n background-color: #fafafa;\n cursor: pointer;\n}\n\n.address-card .address-card-header {\n display: flex;\n flex-wrap: nowrap;\n justify-content: space-between;\n}\n\n.address-card .address-card-header-actions {\n display: flex;\n justify-content: flex-end;\n}\n\n.address-card .address-card-label {\n background: #e6f1fe;\n color: #2563eb;\n padding: 0.125rem 0.5rem;\n border-radius: 0.25rem;\n font-size: 0.75rem;\n text-transform: uppercase;\n font-weight: 500;\n margin-bottom: 0.75rem;\n\n .ltr & {\n margin-right: 0.5rem;\n }\n\n .rtl & {\n margin-left: 0.5rem;\n }\n}\n\n/* logout warning/login/elevated session modals */\n.logoutwarningmodalshade,\n.loginmodalshade {\n z-index: 101;\n}\n\n#logoutwarningmodal,\n#loginmodal,\n#elevatedsessionmodal,\n.prompt {\n width: 500px;\n}\n\n#logoutwarningmodal,\n#loginmodal {\n z-index: 101;\n}\n\n.prompt {\n height: auto;\n min-height: auto;\n}\n\n/* delete user modal */\n.deleteusermodal {\n .content-summary {\n margin: -24px -24px 24px;\n padding: 24px;\n background-color: var(--gray-050);\n }\n\n .options {\n label {\n display: inline-block;\n line-height: 30px;\n }\n }\n\n .elementselect {\n @include margin-left(10px);\n display: inline-block;\n vertical-align: middle;\n }\n\n .buttons {\n .spinner {\n @include margin-right(-20px);\n }\n }\n}\n\n.dropdownsettingsmodal {\n width: auto;\n height: auto;\n min-width: 0;\n min-height: 0;\n max-width: 400px;\n\n .body {\n max-height: 100%;\n overflow-y: auto;\n }\n}\n\n.previewmodal {\n &.zilch {\n padding: 100px 0;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n}\n\n/* ----------------------------------------\n/* Menus\n/* ----------------------------------------*/\n\n.menu,\n.ui-datepicker,\n.ui-timepicker-list {\n @include menu-styles;\n}\n\n.ui-datepicker,\n.ui-timepicker-list {\n padding: 0;\n}\n\n.menu {\n display: none;\n position: absolute;\n\n h6 {\n &:first-child {\n margin-top: 14px !important;\n }\n }\n\n ul {\n &.padded {\n li {\n a,\n .menu-option {\n @include padding-left(24px);\n\n &[data-icon],\n &.icon,\n &.sel {\n &:before {\n @include floatleft;\n @include margin(3px, 0, 0, -17px);\n font-size: 14px;\n color: var(--ui-control-color);\n }\n\n &.error:before {\n color: var(--error-color);\n }\n }\n\n &.sel:not([data-icon]):before {\n content: 'check';\n }\n }\n }\n }\n\n li {\n a,\n .menu-option {\n @include menu-option-styles;\n font-size: 14px;\n cursor: default;\n -webkit-appearance: none;\n\n &:not(.flex) {\n display: block !important;\n box-sizing: border-box;\n width: calc(100% + 28px);\n @include alignleft;\n }\n\n &.sel {\n cursor: default;\n }\n\n .shortcut {\n @include floatright;\n @include margin-left(14px);\n padding: 0 4px;\n border-radius: var(--medium-border-radius);\n box-shadow: 0 0 0 1px transparentize($grey600, 0.75),\n 0 1px 3px -1px transparentize($grey600, 0.5);\n }\n }\n }\n }\n\n & > .flex {\n margin-top: 10px;\n margin-bottom: 10px;\n position: relative;\n\n &.padded {\n @include margin-left(-14px);\n @include padding-left(24px);\n\n &.sel {\n &:before {\n position: absolute;\n top: 36px;\n @include left(7px);\n content: 'check';\n font-size: 14px;\n color: var(--light-text-color);\n }\n }\n }\n }\n\n hr {\n margin: 5px -14px;\n }\n}\n\n.menubtn,\n.menu {\n span.icon {\n display: inline-block;\n margin-top: -1px;\n width: 10px;\n @include margin-right(10px);\n text-align: center;\n font-size: 14px;\n color: var(--ui-control-color);\n }\n}\n\n.menu:not(.menu--disclosure) ul li a:not(.sel):not(.disabled):hover,\n.menu:not(.menu--disclosure):not(:hover) ul li a:not(.disabled).hover {\n @include menu-option-active-styles;\n\n --text-color: var(--white);\n --light-text-color: var(--gray-100);\n --ui-control-color: var(--gray-050);\n --ui-control-hover-color: var(--gray-100);\n --ui-control-active-color: var(--gray-100);\n\n span.icon,\n &:before {\n color: var(--menu-option-active-color);\n }\n\n &.error {\n color: var(--menu-option-active-color) !important;\n }\n}\n\n.menu {\n hr.padded,\n h6.padded {\n @include margin-left(10px);\n }\n}\n\n.menu--disclosure ul li {\n & > a,\n & > .menu-option {\n &:hover {\n @include disclosure-link-hover-styles;\n }\n\n body:not(.reduce-focus-visibility) &:focus,\n body.reduce-focus-visibility &.focus-visible {\n box-shadow: inset 0 0 0 3px hsla(var(--dark-focus-hsl), 0.7);\n }\n }\n}\n\n/* tag select fields */\n.tagselect {\n .elements {\n display: inline;\n }\n\n .element.small {\n clear: none;\n }\n\n .add {\n position: relative;\n z-index: 1;\n @include margin(7px, 7px, 0, 0);\n display: inline-block;\n width: 12em;\n\n .text {\n @include padding-right(30px);\n }\n\n .spinner {\n position: absolute;\n top: 0;\n @include right(5px);\n }\n }\n\n // todo: why are body.ltr and body.rtl needed here?\n body.ltr &,\n body.rtl & {\n &.elementselect .element {\n float: none !important;\n display: inline-block;\n }\n }\n}\n\n.tagmenu {\n ul {\n li {\n a {\n @include padding-left(26px);\n\n &:before {\n @include floatleft;\n @include margin(3px, 0, 0, -18px);\n }\n }\n }\n }\n}\n\n/* selectize */\n\n/* ----------------------------------------\n/* Fields\n/* ----------------------------------------*/\n\n.shadow-box {\n border-radius: var(--large-border-radius);\n border: 1px solid var(--gray-200);\n @include shadow;\n}\n\ntable.shadow-box,\ntable.editable {\n border-collapse: separate;\n border-spacing: 0;\n\n thead,\n tbody:first-child,\n caption + tbody {\n tr:first-child {\n th:first-child,\n td:first-child {\n &,\n &.disabled:after {\n border-top-left-radius: var(--medium-border-radius);\n }\n }\n th:last-child,\n td:last-child {\n &,\n &.disabled:after {\n border-top-right-radius: var(--medium-border-radius);\n }\n }\n }\n }\n thead:last-child,\n tbody:last-child {\n tr:last-child {\n th:first-child,\n td:first-child {\n &,\n &.disabled:after {\n border-bottom-left-radius: var(--large-border-radius) - 1;\n }\n }\n th:last-child,\n td:last-child {\n &,\n &.disabled:after {\n border-bottom-right-radius: var(--large-border-radius) - 1;\n }\n }\n }\n }\n}\n\n.text,\n.passwordwrapper,\n.border-box,\n.matrix-configurator > .field > .input,\n.selectize.multiselect .selectize-input,\n.multiselect > select {\n @include input-styles;\n}\n\n.text,\n.passwordwrapper,\n.border-box,\n.selectize.multiselect .selectize-input {\n &.focus {\n @include input-focused-styles;\n }\n\n body:not(.reduce-focus-visibility) &:focus,\n body.reduce-focus-visibility &.focus-visible {\n @include input-focused-styles;\n }\n}\n\ninput.text,\ntextarea.text,\n.text > input,\n.text > textarea,\ntable.editable textarea,\n.selectize.multiselect .selectize-input {\n font-size: 14px;\n line-height: 20px;\n color: var(--text-color);\n min-height: 3px;\n box-sizing: border-box;\n appearance: none;\n}\n\n.selectize.multiselect .selectize-input {\n line-height: 18px;\n}\n\ntextarea.text.fullwidth {\n display: block;\n}\n\n.multitext .multitextrow {\n &:after {\n @include clearafter;\n }\n\n &:first-child .text {\n &:first-child {\n @include border-top-left-radius(var(--medium-border-radius));\n }\n\n &:last-child {\n @include border-top-right-radius(var(--medium-border-radius));\n }\n }\n\n &:last-child .text {\n &:first-child {\n @include border-bottom-left-radius(var(--medium-border-radius));\n }\n\n &:last-child {\n @include border-bottom-right-radius(var(--medium-border-radius));\n }\n }\n\n &:not(:first-child) .text {\n margin-top: -1px;\n }\n\n .text {\n border-radius: 0;\n float: left;\n box-sizing: border-box;\n\n &:not(:first-child) {\n @include margin-left(-1px);\n }\n\n &:first-child {\n &:nth-last-child(1) {\n width: 100%;\n }\n\n &:nth-last-child(2) {\n width: 50%;\n }\n\n &:nth-last-child(2) ~ .text {\n width: calc(50% + 1px);\n }\n }\n\n &.error {\n position: relative;\n z-index: 1;\n }\n }\n\n .text:focus,\n .selectize.multiselect .selectize-input.focus {\n position: relative;\n z-index: 2;\n }\n}\n\n.chars-left {\n position: relative;\n @include floatright;\n @include margin(-27px, 7px, 0, 0);\n color: var(--light-text-color);\n\n .input.ltr > & {\n float: right !important;\n margin-right: 7px !important;\n }\n\n .input.rtl > & {\n float: left !important;\n margin-left: 7px !important;\n }\n\n &.negative-chars-left {\n color: var(--error-color);\n }\n}\n\n.field,\nfieldset {\n position: relative;\n margin: 24px 0;\n\n .flex > & {\n margin-top: 0;\n margin-bottom: 0;\n }\n}\n\n.field {\n min-inline-size: initial;\n\n & > .status-badge {\n position: absolute;\n top: 0;\n @include left(0);\n width: 2px;\n height: 100%;\n content: '';\n cursor: help;\n\n &.modified {\n background-color: var(--blue-600);\n }\n\n &.outdated {\n background-color: var(--pending-color);\n }\n }\n\n & > .heading {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n position: relative;\n margin-top: -5px;\n margin-bottom: 5px;\n\n & > label,\n & > legend {\n font-weight: bold;\n color: var(--medium-dark-text-color);\n\n code {\n font-size: 1em !important;\n }\n\n .info {\n @include margin-left(5px);\n }\n }\n\n & > .t9n-indicator {\n @include margin-left(7px);\n color: var(--light-text-color);\n }\n\n & + .instructions {\n margin-top: -3px;\n }\n\n // BC\n & > .instructions {\n width: 100%;\n }\n }\n\n & > .instructions {\n margin-bottom: 5px;\n }\n\n & > .input {\n position: relative;\n\n &:after {\n @include clearafter;\n }\n\n & + .instructions {\n margin: 5px 0 0;\n }\n }\n\n & > .notice,\n & > .warning {\n margin: 5px 0 0;\n }\n}\n\n.field > .instructions,\n// BC\n.field > .heading > .instructions,\n.checkboxfield .instructions {\n color: var(--medium-text-color);\n\n img,\n video,\n embed,\n iframe {\n max-width: 100% !important;\n }\n\n ul,\n ol {\n margin: 1em 0;\n @include padding-left(2em);\n }\n\n ul li {\n list-style-type: disc;\n }\n\n li + li {\n margin-top: 0.25em;\n }\n}\n\n.expand-status-btn {\n @include margin-left(5px);\n width: 30px;\n height: 17px;\n padding: 0;\n line-height: 16px;\n border-radius: var(--small-border-radius);\n color: var(--text-color);\n\n &:before {\n margin: 0;\n }\n}\n\n/* toggles and nested fields */\n.nested-fields {\n margin: -24px;\n padding: 24px 24px 0;\n\n &.hidden {\n display: block;\n height: 0;\n }\n\n & > .field:last-child {\n padding-bottom: 24px;\n }\n}\n\n/* checkbox */\ninput.checkbox {\n opacity: 0;\n position: absolute;\n width: var(--checkbox-size);\n height: var(--checkbox-size);\n}\n\ninput.checkbox + label,\ndiv.checkbox {\n display: inline-block;\n clear: none;\n position: relative;\n @include padding-left($checkboxSize + 5);\n line-height: 16px;\n height: 16px;\n cursor: pointer;\n\n .info {\n height: 16px;\n }\n}\n\ninput.checkbox:disabled + label,\n.disabled div.checkbox {\n cursor: default;\n}\n\ninput.checkbox + label:empty,\ndiv.checkbox:empty {\n @include padding-left(var(--checkbox-size));\n}\n\ninput.checkbox + label:empty:after,\ndiv.checkbox:empty:after {\n content: '';\n font-size: 0;\n}\n\n/* fixes a RTL bug */\ninput.checkbox + label:before,\ndiv.checkbox:before {\n display: block;\n position: absolute;\n @include left(0);\n top: 0;\n width: var(--checkbox-size) !important;\n height: var(--checkbox-size);\n box-sizing: border-box;\n content: '';\n font-size: 0;\n background-color: hsl(212, 50%, 99%);\n border: 1px solid transparentize($inputColor, 0.6);\n background-clip: padding-box;\n border-radius: var(--small-border-radius);\n}\n\ninput.checkbox:disabled + label,\ndiv.checkbox.disabled:before,\ndiv.checkbox.disabled + label {\n opacity: 0.25;\n}\n\ninput.checkbox:checked + label:before,\ndiv.checkbox.checked:before,\n.sel div.checkbox:before,\ninput.checkbox:indeterminate + label:before,\ndiv.checkbox.indeterminate:before {\n @include icon;\n line-height: var(--checkbox-size);\n color: var(--gray-900);\n}\n\ninput.checkbox:checked:not(:indeterminate) + label:before,\ndiv.checkbox.checked:not(.indeterminate):before,\n.sel div.checkbox:not(.indeterminate):before {\n content: 'check';\n font-size: 15px;\n}\n\ninput.checkbox:indeterminate + label:before,\ndiv.checkbox.indeterminate:before {\n content: 'minus';\n font-size: 7px;\n text-align: center;\n}\n\nbody:not(.reduce-focus-visibility) {\n input.checkbox:focus + label:before,\n :focus div.checkbox:before {\n @include input-focused-styles;\n }\n}\n\nbody.reduce-focus-visibility {\n input.checkbox.focus-visible + label:before,\n .focus-visible div.checkbox:before {\n @include input-focused-styles;\n }\n}\n\n.monaco-mouse-cursor-text {\n &:focus,\n &.focus-visible {\n box-shadow: none !important;\n }\n}\n\nfieldset {\n .checkboxfield {\n margin: 5px 0;\n }\n}\n\n.checkboxfield {\n .instructions,\n .notice,\n .warning {\n margin-top: 2px;\n @include padding-left($checkboxSize + 5);\n }\n}\n\n/* radio */\ninput.radio {\n opacity: 0;\n position: absolute;\n width: var(--radio-size);\n height: var(--radio-size);\n}\n\ninput.radio + label,\ndiv.radio {\n display: inline-block;\n clear: none;\n position: relative;\n @include padding-left($radioSize + 5);\n line-height: calc(24 / 14);\n cursor: pointer;\n}\n\ninput.radio:disabled + label,\n.disabled div.radio {\n cursor: default;\n}\n\ninput.radio + label:empty,\ndiv.radio:empty {\n @include padding-left(var(--radio-size));\n}\n\n/* fixes a RTL bug */\ninput.radio + label:before,\ninput.radio + label:after,\ndiv.radio:before,\ndiv.radio:after {\n display: block;\n position: absolute;\n content: '';\n box-sizing: border-box;\n background-clip: padding-box;\n border-radius: 100%;\n}\n\ninput.radio + label:before,\ndiv.radio:before {\n top: 50%;\n left: 0;\n transform: translateY(-50%);\n width: var(--radio-size);\n height: var(--radio-size);\n background-color: hsl(212, 50%, 99%);\n border: 1px solid transparentize($inputColor, 0.6);\n}\n\ninput.radio + label:after,\ndiv.radio:after {\n top: calc(50%);\n left: 4px;\n transform: translateY(-50%);\n width: calc(var(--radio-size) - 8px);\n height: calc(var(--radio-size) - 8px);\n}\n\ninput.radio:disabled + label,\ndiv.radio.disabled:before,\ndiv.radio.disabled + label {\n opacity: 0.25;\n}\n\ninput.radio:checked + label:after,\ndiv.radio.checked:after,\n.sel div.radio:after {\n background: var(--gray-900);\n}\n\nbody:not(.reduce-focus-visibility) {\n input.radio:focus + label:before,\n :focus div.radio:before {\n @include input-focused-styles;\n }\n}\n\nbody.reduce-focus-visibility {\n input.radio.focus-visible + label:before,\n .focus-visible div.radio:before {\n @include input-focused-styles;\n }\n}\n\n/* multiselect */\n.multiselect > select {\n color: var(--text-color);\n font-size: 14px;\n appearance: none;\n\n body:not(.reduce-focus-visibility) &:focus,\n body.reduce-focus-visibility &.focus-visible {\n @include input-focused-styles;\n }\n\n option {\n padding: 1px 8px;\n }\n}\n\n.text,\n.selectize.multiselect .selectize-input {\n padding: 6px 9px;\n}\n\n.text {\n background-color: var(--white);\n\n &:not(.small) {\n box-sizing: border-box;\n min-height: 34px;\n }\n\n &.small {\n padding: 3px;\n }\n\n &.readable {\n padding: 16px 18px;\n font-size: 16px;\n line-height: 22px;\n\n & + .chars-left {\n margin-top: -23px;\n }\n }\n\n &.clearable {\n @include padding-right(var(--touch-target-size));\n }\n\n input {\n margin: 0;\n padding: 0;\n border: none;\n background-color: transparent;\n }\n}\n\n.input.errors > .text,\n.input.errors > .border-box,\n.input.errors > .passwordwrapper,\n.input.errors > .autosuggest-container .text,\n.text.error {\n border: 1px solid var(--error-color) !important;\n}\n\n.texticon {\n position: relative;\n cursor: text;\n min-width: 130px;\n\n &.icon {\n &:before {\n position: absolute;\n top: 9px;\n @include left(9px);\n color: var(--ui-control-color);\n }\n\n .text {\n @include padding-left(26px);\n }\n }\n\n .clear-btn {\n position: absolute;\n top: calc(\n (var(--touch-target-size) - 34px) / -2\n ); /* Responds to min-height of text input */\n @include right(0);\n width: var(--touch-target-size);\n height: var(--touch-target-size);\n }\n\n &.has-filter-btn {\n .text {\n @include padding-right(26px);\n }\n\n .filter-btn {\n position: absolute;\n top: 4px;\n @include right(4px);\n padding: 0 7px 4px;\n font-size: 14px;\n line-height: 22px;\n cursor: pointer;\n border-radius: 13px;\n\n &:before {\n @include icon;\n content: 'sliders';\n color: var(--medium-text-color);\n }\n\n &:hover {\n background-color: var(--gray-100);\n }\n\n &:active,\n &.active {\n background-color: var(--gray-350);\n\n &:before {\n color: var(--white);\n }\n }\n }\n\n .text {\n @include padding-left(26px);\n\n &.clearable {\n @include padding-right(calc(30px + var(--touch-target-size)));\n }\n }\n\n .clear-btn {\n @include right(30px);\n }\n }\n}\n\n.texthint-container {\n position: relative;\n height: 0;\n}\n\n.texthint {\n position: absolute;\n top: -1px;\n width: 100%;\n color: var(--light-text-color);\n cursor: text;\n}\n\n.passwordwrapper {\n position: relative;\n\n .password {\n border: none;\n background: transparent;\n padding-right: 4rem;\n box-shadow: none;\n }\n\n .password-toggle {\n color: var(--link-color);\n position: absolute;\n top: 0;\n @include right(9px);\n bottom: 0;\n cursor: pointer;\n\n &:hover {\n text-decoration: underline;\n }\n }\n}\n\n.datetimewrapper {\n display: flex;\n flex-direction: row;\n align-items: center;\n\n & > .datewrapper + .timewrapper,\n & > .timewrapper + .timezone,\n & > .select {\n @include margin-left(5px);\n }\n}\n\n.clear-btn {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 24px;\n cursor: pointer;\n color: var(--ui-control-color);\n border: none;\n padding: 0;\n background: transparent;\n\n &:before {\n @include icon;\n content: 'remove';\n }\n\n &:hover {\n color: var(--ui-control-hover-color);\n }\n\n &:active {\n color: var(--ui-control-active-color);\n }\n}\n\n.close-btn {\n position: relative;\n\n &:before,\n &:after {\n position: absolute;\n content: '';\n top: 50%;\n left: 50%;\n height: 15px;\n width: 2px;\n background-color: var(--ui-control-color);\n opacity: var(--icon-opacity);\n }\n\n &:before {\n transform: translate(-50%, -50%) rotate(-45deg);\n }\n\n &:after {\n transform: translate(-50%, -50%) rotate(45deg);\n }\n\n &:hover {\n &:before,\n &:after {\n background-color: var(--ui-control-hover-color);\n }\n }\n\n &:active {\n &:before,\n &:after {\n background-color: var(--ui-control-active-color);\n }\n }\n}\n\n.datewrapper,\n.timewrapper {\n display: inline-block;\n position: relative;\n\n .text {\n position: relative;\n z-index: 1;\n width: 100%;\n\n & + div[data-icon] {\n display: none;\n }\n\n &:placeholder-shown,\n &.empty-value {\n & + div[data-icon] {\n display: block;\n position: absolute;\n top: calc(50% - 12px);\n @include left(14px);\n z-index: 0;\n color: var(--light-text-color);\n\n &,\n &:before {\n user-select: none;\n pointer-events: none;\n z-index: 1;\n }\n }\n }\n }\n}\n\n.datewrapper {\n width: 8em;\n}\n\n.timewrapper {\n width: 7em;\n}\n\n@include placeholder-styles(var(--gray-400));\n\n/* Kill IE's special text features */\n::-ms-reveal,\n::-ms-clear {\n display: none;\n}\n\n/* Asset indexing related */\ntr.indexingSession td {\n height: 34px;\n padding: 1px 10px;\n}\n\ntr.indexingSession td.progress div.progressContainer {\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\ntr.indexingSession td.progress div.progressContainer .progressbar {\n width: 70%;\n position: relative;\n left: 0;\n height: 12px;\n z-index: 1;\n}\n\ntr.indexingSession td.progress div.progressContainer div.progressInfo {\n width: 20%;\n}\n\n// Selects\n.select:not(.selectize),\n.select:not(.selectize) select {\n @include select-styles;\n}\n\n.select:not(.selectize) {\n @include select-container-styles;\n}\n\n.select:not(.selectize):after {\n @include select-arrow-styles;\n}\n\n.select:not(.selectize) select {\n @include select-input-styles;\n white-space: pre;\n}\n\n.select:not(.selectize).fullwidth select {\n @include select-input-fullwidth-styles;\n}\n\n.select:not(.selectize) select {\n &:hover {\n @include select-input-focused-styles;\n }\n\n body:not(.reduce-focus-visibility) &:focus,\n body.reduce-focus-visibility &.focus-visible {\n @include select-input-focused-styles;\n }\n}\n\n.select:not(.selectize).small:after {\n top: 9px;\n}\n\n.select:not(.selectize).small select {\n padding-top: 4px !important;\n padding-bottom: 4px !important;\n font-size: 11px;\n}\n\n/* selectize reset */\n.selectize .selectize-input {\n display: block;\n border-color: inherit;\n box-shadow: none;\n background-color: transparent;\n}\n\n.selectize.select .selectize-input:after {\n display: none;\n}\n\nbody .selectize-dropdown {\n border: none;\n z-index: 100;\n}\n\n/* single select styles */\n.selectize.select {\n @include placeholder-styles(var(--gray-700));\n height: 34px;\n\n &:not(.fullwidth) {\n max-width: 25em;\n }\n}\n\n.selectize.select .selectize-control {\n @include select-container-styles;\n\n &:after {\n @include select-arrow-styles;\n }\n}\n\n.selectize.select .selectize-input {\n @include select-styles;\n\n &.focus {\n box-shadow: var(--focus-ring);\n }\n}\n\n.selectize.select .selectize-input {\n @include select-input-styles;\n}\n\n.selectize.select .selectize-control,\n.selectize.select .selectize-input {\n width: 100%;\n}\n\n/* multi select styles */\n.selectize.multiselect .selectize-input {\n min-height: 34px;\n padding-bottom: 3px;\n\n &.focus {\n @include input-focused-styles;\n }\n\n & > .item {\n @include token-styles;\n display: inline-flex;\n flex-direction: row;\n padding: 3px 7px !important;\n\n &.active {\n @include active-token-styles;\n }\n\n & > .remove {\n position: static;\n @include margin(-1px, -3px, 0, 3px);\n border-left: none;\n padding: 0;\n font-size: 0;\n color: var(--ui-control-color);\n\n &:hover {\n color: var(--ui-control-hover-color);\n background-color: transparent;\n }\n\n &:before {\n font-size: 14px;\n @include icon;\n content: 'remove';\n }\n }\n }\n}\n\n/* menu styles */\nbody .selectize-dropdown {\n margin-top: 1px;\n}\n\nbody .selectize-dropdown-content {\n @include menu-styles;\n\n .option {\n min-height: 18px;\n }\n}\n\nbody .selectize-dropdown-content > div[data-value='new']:before {\n @include icon;\n content: 'plus';\n margin-right: 5px;\n}\n\nbody .selectize-dropdown-content > div[data-value='new']:after {\n content: '…';\n}\n\nbody .selectize-dropdown [data-selectable],\nbody .selectize-dropdown .optgroup-header {\n @include menu-option-styles;\n}\n\nbody .selectize-dropdown .optgroup-header {\n @include h6-styles;\n margin: 0;\n padding: 4px 0;\n}\n\nbody .selectize-dropdown .active {\n @include menu-option-active-styles;\n\n .light {\n color: inherit !important;\n }\n}\n\n/* datepicker */\n.ui-datepicker {\n position: fixed;\n top: -300px;\n @include margin-left(1px);\n -padding: 10px;\n width: 210px;\n height: 242px;\n z-index: 101 !important;\n}\n\n.ui-datepicker-header {\n padding: 8px 8px 4px;\n}\n\n.ui-datepicker-prev {\n @include floatleft;\n}\n\n.ui-datepicker-next {\n @include floatright;\n}\n\n.ui-datepicker-prev span,\n.ui-datepicker-next span {\n display: none;\n}\n\n.ui-datepicker-prev,\n.ui-datepicker-next {\n width: 20px;\n height: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n\n &:hover:after {\n border-color: var(--link-color);\n }\n}\n\n.ui-datepicker-prev:after {\n @include angle(left);\n}\n\n.ui-datepicker-next:after {\n @include angle(right);\n}\n\n.ui-datepicker-title {\n text-align: center;\n}\n\n.ui-datepicker-calendar th,\n.ui-datepicker-calendar td {\n padding: 2px !important;\n}\n\n.ui-datepicker-calendar th span,\n.ui-datepicker-calendar td a {\n display: block;\n width: toRem(26);\n line-height: 26px;\n text-align: center;\n color: var(--text-color);\n}\n\n.ui-datepicker-calendar th span {\n color: var(--medium-text-color);\n font-weight: normal;\n}\n\n.ui-datepicker-calendar td a {\n border-radius: 2px;\n}\n\n.ui-datepicker-calendar td a:hover {\n background-color: var(--light-sel-color);\n text-decoration: none;\n}\n\n.ui-datepicker-calendar td a.ui-state-active {\n background-color: var(--dark-sel-color);\n color: var(--white);\n @include light-on-dark-text;\n cursor: default;\n}\n\n.ui-datepicker-calendar td.ui-datepicker-today a {\n border-radius: 13px;\n box-shadow: inset 0 0 0 2px var(--light-sel-color);\n}\n\n/* timepicker */\n.ui-timepicker-wrapper {\n z-index: 101;\n}\n\n.ui-timepicker-list {\n @include margin-left(1px);\n overflow-y: auto;\n width: calc(14px + 6em);\n height: 210px;\n z-index: 100;\n}\n\n.ui-timepicker-list li {\n @include padding(2px, 0, 2px, 14px);\n white-space: nowrap;\n cursor: pointer;\n}\n\n.ui-timepicker-list li:hover {\n background-color: var(--light-sel-color);\n}\n\n.ui-timepicker-list li.ui-timepicker-selected {\n background-color: var(--dark-sel-color);\n color: var(--white);\n @include light-on-dark-text;\n cursor: default;\n}\n\n/* slide picker */\n.slide-picker {\n display: flex;\n height: 15px;\n white-space: nowrap;\n\n a {\n border: 1px solid var(--hairline-color);\n @include border-left(none);\n background-image: none;\n width: 7px;\n height: 13px;\n margin-left: 0;\n display: inline-block;\n margin-top: 1px;\n margin-bottom: 1px;\n box-sizing: border-box;\n\n &:first-child {\n width: 8px;\n @include border-left(1px solid var(--gray-400) !important);\n }\n }\n\n &:not(:hover) a.active,\n &:hover a.active-hover {\n border-top-color: var(--gray-400);\n border-bottom-color: var(--gray-400);\n height: 15px;\n margin-top: 0;\n margin-bottom: 0;\n\n &:first-child {\n @include border-left(1px solid var(--gray-400));\n @include border-top-left-radius(var(--small-border-radius));\n @include border-bottom-left-radius(var(--small-border-radius));\n }\n }\n\n &:not(:hover) a.last-active,\n &:hover a.last-active-hover {\n @include border-right(1px solid var(--gray-400));\n @include border-top-right-radius(var(--small-border-radius));\n @include border-bottom-right-radius(var(--small-border-radius));\n }\n\n &:focus {\n a.active {\n background-color: var(--light-sel-color);\n }\n }\n}\n\n/* errors */\nul.errors {\n margin-top: 5px;\n list-style-type: square;\n @include padding-left(20px);\n}\n\nul.errors li {\n color: var(--error-color);\n}\n\n/* message pages */\n.message-container {\n position: absolute;\n z-index: 100;\n top: 0;\n @include left(0);\n width: 100%;\n height: 100%;\n\n &.no-access {\n background-color: transparentize($grey900, 0.5);\n }\n\n .pane {\n top: 50%;\n margin-top: -33px !important;\n margin-left: auto;\n margin-right: auto;\n width: 320px;\n box-shadow: 0 25px 100px transparentize($grey900, 0.5);\n }\n}\n\n/* auto-suggest */\n.autosuggest-container {\n position: relative;\n}\n\n.autosuggest__results-container {\n position: absolute;\n z-index: 2;\n width: 100%;\n border-radius: var(--large-border-radius);\n background-color: var(--white);\n @include shadow;\n box-sizing: border-box;\n padding: 0 14px;\n text-align: left;\n @include sans-serif-font;\n font-size: 1em !important;\n\n .autosuggest__results-before {\n @include h6-styles;\n margin-top: 14px !important;\n }\n\n .autosuggest__results-item {\n @include menu-option-styles;\n overflow: hidden;\n text-overflow: ellipsis;\n\n &:hover,\n &.autosuggest__results-item--highlighted {\n @include menu-option-active-styles;\n cursor: pointer;\n }\n }\n}\n\n/* ----------------------------------------\n/* Matrix\n/* ----------------------------------------*/\n\n.matrix-configurator {\n & > .field {\n max-width: none;\n\n & > .input {\n display: flex;\n align-items: stretch;\n background-color: var(--gray-050);\n box-shadow: none;\n }\n }\n\n .mc-sidebar {\n box-sizing: border-box;\n\n .mc-col-items {\n margin-top: -1px;\n padding-top: 1px;\n }\n\n &.block-types {\n width: 200px;\n @include border-top-left-radius(var(--small-border-radius));\n @include border-bottom-left-radius(var(--small-border-radius));\n\n & > .mc-col-inner-container {\n & > .mc-col-heading {\n @include border-top-left-radius(var(--small-border-radius));\n }\n\n & > .mc-col-items {\n .btn {\n margin: 14px;\n }\n }\n }\n }\n\n &.mc-fields {\n width: 240px;\n z-index: 1;\n background: #fff;\n box-shadow: -1px 0 0 0 transparentize($grey900, 0.9),\n 1px 0 0 0 transparentize($grey900, 0.9);\n\n .mc-col-items {\n padding: 14px;\n\n .btn {\n margin-top: 14px;\n }\n }\n }\n }\n\n .mc-sidebar,\n .mc-field-settings {\n & > .mc-col-inner-container > .mc-col-heading {\n margin: 0;\n padding: 7px 14px 6px;\n border-bottom: 1px solid var(--hairline-color);\n background-color: var(--gray-050);\n background-image: linear-gradient(\n transparentize($grey800, 1),\n transparentize($grey800, 0.95)\n );\n }\n }\n\n .mc-field-settings {\n flex: 1;\n position: relative;\n @include border-top-right-radius(var(--small-border-radius));\n @include border-bottom-right-radius(var(--small-border-radius));\n\n & > .mc-col-inner-container {\n & > .mc-col-heading {\n padding-left: 24px;\n padding-right: 24px;\n @include border-top-right-radius(var(--small-border-radius));\n }\n\n & > .mc-col-items {\n padding: 24px;\n }\n }\n }\n}\n\n.matrixconfigitem {\n position: relative;\n display: flex;\n align-items: center;\n user-select: none;\n cursor: default;\n min-height: 48px;\n box-sizing: border-box;\n\n &.mci-blocktype {\n margin-top: -1px;\n padding: 8px 14px;\n border: solid var(--hairline-color);\n border-width: 1px 0;\n background-color: var(--gray-100);\n\n &.sel {\n z-index: 1;\n background-color: var(--gray-200);\n }\n }\n\n &.mci-field {\n border-radius: var(--medium-border-radius);\n padding: 7px 10px;\n background-color: var(--gray-100);\n\n &.sel {\n background-color: var(--gray-200);\n\n .slide-picker:focus a.active {\n background-color: darken($lightTextColor, 0.5%);\n }\n }\n\n & + .mci-field {\n margin-top: 7px;\n }\n }\n\n .mci-name {\n flex: 1;\n overflow: hidden;\n\n h4,\n .smalltext {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n h4 {\n margin-bottom: 2px;\n font-weight: normal;\n color: var(--text-color);\n\n &.mci-required:after {\n @include icon;\n @include margin(-2px, 0, 0, 4px);\n content: 'asterisk';\n font-size: 8px;\n }\n }\n }\n\n &.error .mci-name h4 {\n color: var(--error-color);\n }\n\n .slide-picker,\n .icon {\n @include margin-left(7px);\n }\n\n .icon {\n display: block;\n\n &:not(.error) {\n &:before {\n color: var(--ui-control-color);\n }\n\n &:hover:before {\n color: var(--ui-control-hover-color);\n }\n\n &:active:before {\n color: var(--ui-control-active-color);\n }\n }\n\n &.error:before {\n color: var(--error-color);\n }\n }\n}\n\n/* Matrix fields */\n.matrix {\n & > .buttons {\n margin-top: 10px;\n }\n}\n\n$titlebarBorderRadius: var(--large-border-radius) - 1;\n\n.matrixblock {\n position: relative;\n margin-bottom: 10px;\n padding: 0 var(--m) var(--m);\n border-radius: var(--large-border-radius);\n border: 1px solid var(--hairline-color);\n background-color: var(--gray-050);\n\n &.static {\n padding-top: 14px;\n }\n\n .flex-fields {\n --row-gap: var(--m) !important;\n }\n\n & > .titlebar {\n margin: 0 -14px;\n width: calc(100% + 28px);\n box-sizing: border-box;\n border-radius: $titlebarBorderRadius $titlebarBorderRadius 0 0;\n @include padding(5px, 70px, 5px, 35px);\n color: var(--light-text-color);\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n word-wrap: normal;\n cursor: default;\n user-select: none;\n position: relative;\n background-color: darken($grey050, 2%);\n\n &:after {\n display: block;\n content: '';\n position: absolute;\n bottom: -1px;\n left: 14px;\n width: calc(100% - 28px);\n height: 1px;\n background-color: var(--hairline-color);\n }\n\n & > .blocktype {\n display: inline;\n color: var(--medium-text-color);\n }\n\n & > .preview {\n @include margin-left(7px);\n display: inline;\n opacity: 0;\n transition: opacity linear 100ms;\n\n span {\n opacity: 0.5;\n }\n }\n }\n\n &.disabled {\n opacity: 1;\n\n & > .titlebar {\n @include padding-right(90px);\n }\n\n & > .actions {\n & > .status {\n &.off {\n display: block;\n }\n }\n }\n }\n\n &.collapsed {\n & > .titlebar {\n border-radius: var(--titlebar-border-radius);\n border-bottom: none;\n\n & > .preview {\n opacity: 1;\n }\n }\n }\n\n & > .checkbox {\n position: absolute;\n top: 7px;\n @include left(14px);\n }\n\n & > .actions {\n display: flex;\n align-items: center;\n position: absolute;\n top: 5px;\n @include right(14px);\n cursor: default;\n\n & > * {\n @include margin(0, 0, 0, 5px);\n }\n\n & .settings {\n padding: 0 8px;\n height: 20px;\n color: var(--ui-control-color);\n\n &:before {\n @include margin-right(0 !important);\n }\n\n &:not(:hover):not(:active) {\n background-color: transparent;\n }\n }\n\n & > .move {\n margin-top: -3px !important;\n }\n\n & > .status {\n &.off {\n display: none;\n }\n }\n\n a:not([data-action]) {\n padding: 0;\n height: 20px;\n text-align: center;\n color: var(--dark-hairline-color);\n transform: color linear 100ms;\n\n &.settings:after {\n @include margin-left(3px);\n border-color: var(--dark-hairline-color);\n transform: border-color linear 100ms;\n }\n\n &:hover {\n color: var(--link-color);\n\n &.settings:after {\n border-color: var(--link-color);\n }\n }\n }\n }\n\n &:not(.static) {\n & > .fields {\n padding-top: 14px;\n }\n }\n\n & > .fields > .flex-fields > .field {\n &:before {\n display: none;\n }\n }\n\n & > .buttons {\n margin-top: 0;\n height: 30px;\n }\n}\n\n/* categories */\n.add-category-form {\n margin-top: 24px;\n}\n\n.add-category-form .texticon {\n width: 200px;\n @include floatleft;\n @include margin-right(5px);\n}\n\n.add-category-form .texticon .text {\n @include padding-right(30px);\n}\n\n.add-category-form .texticon .spinner {\n position: absolute;\n top: 0;\n @include right(5px);\n}\n\n.categoriesfield {\n position: relative;\n min-height: 30px;\n}\n\n.categoriesfield .structure ul {\n @include margin-left(12px);\n}\n\n/* site pickers */\nbody.sitepicker {\n #main-content {\n padding: 30px;\n justify-content: center;\n align-items: center;\n text-align: center;\n }\n\n #content-container {\n max-width: 400px;\n }\n}\n\n.sitepicker-group {\n li {\n &:not(:first-child) {\n a {\n margin-top: -1px;\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n\n &:not(:hover) {\n border-top-color: transparent;\n }\n }\n }\n\n &:not(:last-child) {\n a {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n }\n\n a {\n display: block;\n position: relative;\n text-align: left;\n width: 100%;\n box-sizing: border-box;\n border: 1px solid var(--hairline-color);\n border-radius: var(--medium-border-radius);\n @include padding(9px, 42px, 9px, 15px);\n font-size: 16px;\n line-height: 1.4;\n\n &:after {\n font-size: 14px;\n position: absolute;\n top: calc(50% - 7px);\n @include right(12px);\n margin: 0;\n padding: 0;\n }\n\n &:hover {\n border-color: var(--link-color);\n text-decoration: none;\n z-index: 1;\n }\n }\n }\n}\n\n/* ----------------------------------------\n/* IE hacks\n/* ----------------------------------------*/\n\n/* Fix layout of modal element selectors for IE8 */\n.elementselectormodal .body .main {\n float: left \\9;\n width: 445px \\9;\n}\n\n/* ----------------------------------------\n/* Retina graphics\n/* ----------------------------------------*/\n\n@media only screen and (-webkit-min-device-pixel-ratio: 1.5),\n only screen and (-moz-min-device-pixel-ratio: 1.5),\n only screen and (-o-min-device-pixel-ratio: 3/2),\n only screen and (min-device-pixel-ratio: 1.5),\n only screen and (min-resolution: 1.5dppx) {\n .structure ul li {\n background-size: 40px;\n body.ltr & {\n background-image: url(../images/branch_2x.png);\n }\n body.rtl & {\n background-image: url(../images/branch_rtl_2x.png);\n }\n }\n\n .hud .tip-left {\n background-image: url(../images/hudtip_left_2x.png);\n background-size: 15px 30px;\n }\n .hud .tip-top {\n background-image: url(../images/hudtip_top_2x.png);\n background-size: 30px 15px;\n }\n .hud .tip-right {\n background-image: url(../images/hudtip_right_2x.png);\n background-size: 15px 30px;\n }\n .hud .tip-bottom {\n background-image: url(../images/hudtip_bottom_2x.png);\n background-size: 30px 15px;\n }\n .hud.has-footer .tip-bottom {\n background-image: url(../images/hudtip_bottom_gray_2x.png);\n }\n}\n","$white: #fff;\n$black: #000;\n\n$grey050: hsl(212, 60%, 97%);\n$grey100: hsl(212, 50%, 93%);\n$grey200: hsl(212, 30%, 85%);\n$grey300: hsl(211, 13%, 65%);\n$grey350: hsl(211, 11%, 59%);\n$grey400: hsl(210, 10%, 53%);\n$grey500: hsl(211, 12%, 43%);\n$grey550: hsl(210, 13%, 40%);\n$grey600: hsl(209, 14%, 37%);\n$grey700: hsl(209, 18%, 30%);\n$grey800: hsl(209, 20%, 25%);\n$grey900: hsl(210, 24%, 16%);\n$grey1000: hsl(210, 24%, 10%);\n\n$blue050: #e3f8ff;\n$blue100: #b3ecff;\n$blue200: #81defd;\n$blue300: #5ed0fa;\n$blue400: #40c3f7;\n$blue500: #2bb0ed;\n$blue600: #1992d4;\n$blue700: #127fbf;\n$blue800: #0b69a3;\n$blue900: #035388;\n\n$cyan050: #e0fcff;\n$cyan100: #bef8fd;\n$cyan200: #87eaf2;\n$cyan300: #54d1db;\n$cyan400: #38bec9;\n$cyan500: #2cb1bc;\n$cyan600: #14919b;\n$cyan700: #0e7c86;\n$cyan800: #0a6c74;\n$cyan900: #044e54;\n\n$pink050: #ffe3ec;\n$pink100: #ffb8d2;\n$pink200: #ff8cba;\n$pink300: #f364a2;\n$pink400: #e8368f;\n$pink500: #da127d;\n$pink600: #bc0a6f;\n$pink700: #a30664;\n$pink800: #870557;\n$pink900: #620042;\n\n$red050: #ffe3e3;\n$red100: #ffbdbd;\n$red200: #ff9b9b;\n$red300: #f86a6a;\n$red400: #ef4e4e;\n$red500: #e12d39;\n$red600: #cf1124;\n$red700: #ab091e;\n$red800: #8a041a;\n$red900: #610316;\n\n$yellow050: #fffbea;\n$yellow100: #fff3c4;\n$yellow200: #fce588;\n$yellow300: #fadb5f;\n$yellow400: #f7c948;\n$yellow500: #f0b429;\n$yellow600: #de911d;\n$yellow700: #cb6e17;\n$yellow800: #b44d12;\n$yellow900: #8d2b0b;\n\n$teal050: #effcf6;\n$teal100: #c6f7e2;\n$teal200: #8eedc7;\n$teal300: #65d6ad;\n$teal400: #3ebd93;\n$teal500: #27ab83;\n$teal600: #199473;\n$teal700: #147d64;\n$teal800: #0c6b58;\n$teal900: #014d40;\n\n// submit button colors\n$primaryColor: $red500;\n$secondaryColor: $grey500;\n\n$inputColor: hsl(212, 25%, 50%);\n\n// text colors\n$textColor: $grey700;\n$mediumDarkTextColor: $grey550;\n$mediumTextColor: $grey550;\n$lightTextColor: $grey500;\n$linkColor: #2563eb;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $white;\n$menuOptionActiveBackgroundColor: $grey500;\n\n// hairline colors\n$hairlineColor: transparentize($grey800, 0.9);\n$mediumHairlineColor: transparentize($grey600, 0.75);\n$darkHairlineColor: transparentize($grey400, 0.5);\n\n// focus colors\n$lightFocusColor: $blue300;\n$mediumFocusColor: $blue500;\n$darkFocusColor: #0f74b1;\n\n// focus rings\n$lightFocusRing: 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing: 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing: 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey600;\n\n// alert/notice colors\n$errorColor: $red600;\n$warningColor: $yellow800;\n$successColor: $teal500;\n$noticeColor: $blue800;\n\n// UI element styles\n$smallBorderRadius: 3px;\n$mediumBorderRadius: 4px;\n$largeBorderRadius: 5px;\n\n$menuBorderRadius: $mediumBorderRadius;\n$checkboxSize: 16px;\n$radioSize: 16px;\n\n@mixin sans-serif-font {\n font-family: system-ui, BlinkMacSystemFont, -apple-system, 'Segoe UI',\n 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',\n 'Helvetica Neue', sans-serif;\n}\n\n@mixin fixed-width-font {\n font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier,\n monospace;\n font-size: 0.9em !important;\n}\n\n@function toRem($values...) {\n $max: length($values);\n $remValues: '';\n\n @for $i from 1 through $max {\n $remValues: #{$remValues + calc(nth($values, $i) / 16)}rem;\n\n @if $i < $max {\n $remValues: #{$remValues + ' '};\n }\n }\n\n @return $remValues;\n}\n\n@mixin fontSize($size) {\n font-size: toRem($size);\n}\n\n// Other\n\n@mixin focus-styles {\n body:not(.reduce-focus-visibility) &:focus,\n body.reduce-focus-visibility &.focus-visible {\n @content;\n }\n}\n\n@mixin svg-mask($color) {\n rect,\n circle,\n ellipse,\n line,\n polyline,\n polygon,\n path,\n text {\n fill: $color;\n stroke-width: 0;\n }\n}\n\n@mixin icon {\n font-family: 'Craft';\n speak: none;\n -webkit-font-feature-settings: 'liga', 'dlig';\n -moz-font-feature-settings: 'liga=1, dlig=1';\n -moz-font-feature-settings: 'liga', 'dlig';\n -ms-font-feature-settings: 'liga', 'dlig';\n -o-font-feature-settings: 'liga', 'dlig';\n font-feature-settings: 'liga', 'dlig';\n text-rendering: optimizeLegibility;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n direction: ltr; // Fixes a rendering issue in Chrome/Win\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n\n display: inline-block;\n text-align: center;\n font-style: normal;\n vertical-align: middle;\n word-wrap: normal !important;\n user-select: none;\n\n opacity: var(--icon-opacity);\n}\n\n@mixin angle($dir: down, $color: currentColor, $width: 2px) {\n display: block;\n content: '';\n font-size: 0;\n width: 7px;\n height: 7px;\n border: solid $color;\n border-width: 0 $width $width 0;\n opacity: 0.8;\n\n @if $dir == up {\n transform: rotate(225deg);\n } @else if $dir == down {\n transform: rotate(45deg);\n } @else if $dir == left {\n body.ltr & {\n transform: rotate(135deg);\n }\n body.rtl & {\n transform: rotate(-45deg);\n }\n } @else if $dir == right {\n body.ltr & {\n transform: rotate(-45deg);\n }\n body.rtl & {\n transform: rotate(135deg);\n }\n }\n}\n\n@mixin clearafter {\n content: '';\n display: block;\n height: 0;\n clear: both;\n visibility: hidden;\n}\n\n@mixin shadow {\n box-shadow: 0 1px 5px -1px transparentize($grey900, 0.8);\n}\n\n@mixin pane {\n background: $white;\n box-shadow: 0 0 0 1px $grey200, 0 2px 12px transparentize($grey200, 0.5);\n\n &:focus {\n box-shadow: var(--focus-ring);\n }\n}\n\n@mixin modal {\n border-radius: $largeBorderRadius;\n background-color: $white;\n box-shadow: 0 25px 100px transparentize($grey900, 0.5);\n}\n\n@mixin light-on-dark-text() {\n // Make light on dark text sharp on Macs\n // (sub-pixel antialiasing looks too bold/blurry with light text on dark background)\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-weight: 500;\n}\n\n@mixin light-focus-ring() {\n --focus-ring: 0 0 0 1px hsl(var(--light-focus-hsl)),\n 0 0 0 3px hsla(var(--light-focus-hsl), 0.7);\n}\n\n@mixin two-color-focus-ring($light-button: true) {\n // Creates a two-color focus ring, with a white\n // If button is light, the dark box shadow is adjacent to the button\n // Else the light box shadow is adjacent to the button\n --light-color: var(--white);\n --dark-color: var(--gray-800);\n\n @if $light-button {\n --focus-ring: 0 0 0 3px var(--dark-color), 0 0 0 6px var(--light-color);\n } @else {\n --focus-ring: 0 0 0 3px var(--light-color), 0 0 0 6px var(--dark-color);\n }\n}\n\n// RTL stuff\n\n@mixin left($left) {\n body.ltr & {\n left: $left;\n }\n body.rtl & {\n right: $left;\n }\n}\n\n@mixin right($right) {\n body.ltr & {\n right: $right;\n }\n body.rtl & {\n left: $right;\n }\n}\n\n@mixin alignleft {\n body.ltr & {\n text-align: left;\n }\n body.rtl & {\n text-align: right;\n }\n}\n\n@mixin alignright {\n body.ltr & {\n text-align: right;\n }\n body.rtl & {\n text-align: left;\n }\n}\n\n@mixin border-left($params...) {\n body.ltr & {\n border-left: $params;\n }\n body.rtl & {\n border-right: $params;\n }\n}\n\n@mixin border-right($params...) {\n body.ltr & {\n border-right: $params;\n }\n body.rtl & {\n border-left: $params;\n }\n}\n\n@mixin border-left-width($param) {\n body.ltr & {\n border-left-width: $param;\n }\n body.rtl & {\n border-right-width: $param;\n }\n}\n\n@mixin border-right-width($param) {\n body.ltr & {\n border-right-width: $param;\n }\n body.rtl & {\n border-left-width: $param;\n }\n}\n\n@mixin border-radius($tl, $tr, $br, $bl) {\n body.ltr & {\n border-radius: $tl $tr $br $bl;\n }\n body.rtl & {\n border-radius: $tr $tl $bl $br;\n }\n}\n\n@mixin border-top-left-radius($params...) {\n body.ltr & {\n border-top-left-radius: $params;\n }\n body.rtl & {\n border-top-right-radius: $params;\n }\n}\n\n@mixin border-top-right-radius($params...) {\n body.ltr & {\n border-top-right-radius: $params;\n }\n body.rtl & {\n border-top-left-radius: $params;\n }\n}\n\n@mixin border-bottom-left-radius($params...) {\n body.ltr & {\n border-bottom-left-radius: $params;\n }\n body.rtl & {\n border-bottom-right-radius: $params;\n }\n}\n\n@mixin border-bottom-right-radius($params...) {\n body.ltr & {\n border-bottom-right-radius: $params;\n }\n body.rtl & {\n border-bottom-left-radius: $params;\n }\n}\n\n@mixin floatleft {\n body.ltr & {\n float: left;\n }\n body.rtl & {\n float: right;\n }\n}\n\n@mixin floatright {\n body.ltr & {\n float: right;\n }\n body.rtl & {\n float: left;\n }\n}\n\n@mixin margin($t, $r, $b, $l, $important: '') {\n body.ltr & {\n margin: $t $r $b $l unquote($important);\n }\n body.rtl & {\n margin: $t $l $b $r unquote($important);\n }\n}\n\n@mixin margin-left($margin...) {\n body.ltr & {\n margin-left: $margin;\n }\n body.rtl & {\n margin-right: $margin;\n }\n}\n\n@mixin margin-right($margin...) {\n body.ltr & {\n margin-right: $margin;\n }\n body.rtl & {\n margin-left: $margin;\n }\n}\n\n@mixin padding($t, $r, $b, $l, $important: '') {\n body.ltr & {\n padding: $t $r $b $l unquote($important);\n }\n body.rtl & {\n padding: $t $l $b $r unquote($important);\n }\n}\n\n@mixin padding-left($padding...) {\n body.ltr & {\n padding-left: $padding;\n }\n body.rtl & {\n padding-right: $padding;\n }\n}\n\n@mixin padding-right($padding...) {\n body.ltr & {\n padding-right: $padding;\n }\n body.rtl & {\n padding-left: $padding;\n }\n}\n\n// Misc\n\n@mixin dark-inputs {\n @include placeholder-styles($grey400);\n\n .btn,\n .select:not(.selectize) select {\n background-color: $grey200;\n\n &:focus,\n &:hover {\n background-color: darken($grey200, 5%);\n }\n\n &:active,\n &.active {\n background-color: darken($grey200, 10%);\n }\n }\n\n .text {\n background-color: $grey200;\n\n &:focus {\n background-color: darken($grey200, 5%);\n }\n }\n}\n\n@mixin header-btn {\n width: 30px;\n height: 30px;\n padding-left: 0;\n padding-right: 0;\n\n &:not(:hover):not(:active):not(.active) {\n background-color: transparent;\n }\n &:not(:active):not(.active):hover {\n background-color: transparentize($grey300, 0.85);\n }\n}\n\n@mixin h6-styles {\n margin: 14px 0 3px;\n font-size: 11px;\n line-height: 1.2;\n color: $lightTextColor;\n text-transform: uppercase;\n}\n\n@mixin token-styles {\n display: inline-block;\n border-radius: $smallBorderRadius;\n padding: 3px 7px;\n font-size: 12px;\n line-height: 14px;\n color: $textColor;\n background-color: $grey100;\n}\n\n@mixin active-token-styles {\n background-color: $grey200;\n}\n\n@mixin menu-styles {\n z-index: 100;\n border-radius: $menuBorderRadius;\n padding: 0 14px;\n overflow: auto;\n background: $white;\n user-select: none;\n box-shadow: 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-option-styles {\n margin: 0 -14px;\n padding: 10px 14px;\n color: $menuOptionColor;\n text-decoration: none;\n white-space: nowrap;\n}\n\n@mixin menu-option-active-styles {\n color: $menuOptionActiveColor;\n background-color: $menuOptionActiveBackgroundColor;\n}\n\n@mixin disclosure-link-hover-styles {\n color: $menuOptionColor;\n background-color: $grey050;\n}\n\n@mixin input-styles {\n border-radius: $smallBorderRadius;\n border: 1px solid transparentize($inputColor, 0.75);\n background-color: hsl(212, 50%, 99%);\n background-clip: padding-box;\n}\n\n@mixin input-focused-styles {\n box-shadow: var(--focus-ring);\n}\n\n@mixin placeholder-styles($color) {\n input::-webkit-input-placeholder,\n textarea::-webkit-input-placeholder {\n color: $color;\n }\n\n input:-ms-input-placeholder,\n textarea:-ms-input-placeholder {\n color: $color;\n }\n\n input::-ms-input-placeholder,\n textarea::-ms-input-placeholder {\n color: $color;\n }\n\n input:-moz-placeholder,\n textarea:-moz-placeholder {\n color: $color;\n }\n\n input::-moz-placeholder,\n textarea::-moz-placeholder {\n color: $color;\n }\n\n input::placeholder,\n textarea::placeholder {\n color: $color;\n }\n}\n\n@mixin select-styles {\n position: relative;\n border-radius: $largeBorderRadius;\n white-space: nowrap;\n}\n\n@mixin select-container-styles {\n max-width: 100%;\n position: relative;\n :not(.flex) > & {\n display: inline-block;\n }\n}\n\n@mixin select-arrow-styles {\n @include angle;\n position: absolute;\n z-index: 1;\n top: calc(50% - 5px);\n @include right(9px);\n user-select: none;\n pointer-events: none;\n}\n\n@mixin select-input-styles {\n display: block;\n position: relative;\n max-width: 100%;\n border: none;\n @include padding(7px, 22px, 7px, 10px);\n font-size: 14px;\n line-height: 20px;\n color: $textColor;\n background-color: hsl(212, 25%, 90%);\n appearance: none;\n // from https://stackoverflow.com/a/15933790/1688568\n &::-ms-expand {\n display: none;\n }\n}\n\n@mixin select-input-fullwidth-styles {\n min-width: 100%;\n}\n\n@mixin select-input-focused-styles {\n outline-color: transparent;\n background-color: hsl(212, 25%, 85%);\n box-shadow: var(--focus-ring);\n}\n\n@mixin touch-target {\n height: var(--touch-target-size);\n width: var(--touch-target-size);\n}\n\n@mixin visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: 0;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\n@mixin readable {\n font-size: 16px;\n line-height: 22px;\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6 {\n font-size: 13.6px;\n line-height: 17px;\n color: $mediumTextColor;\n }\n\n ul,\n ol {\n margin: 1em 0;\n @include padding-left(2em);\n }\n\n ul li {\n list-style-type: disc;\n }\n\n li + li {\n margin-top: 0.25em;\n }\n\n blockquote {\n margin: 16px 0;\n\n &:not(.note) {\n padding: 0 16px;\n color: $mediumTextColor;\n @include border-left(4px solid $hairlineColor);\n }\n\n &.note {\n position: relative;\n border-radius: 4px;\n padding: 1em;\n @include padding-left(56px);\n border: 1px solid;\n\n &:not(.tip):not(.warning) {\n border-color: $errorColor;\n color: #bf503f;\n\n &:before {\n content: 'alert';\n color: $errorColor;\n }\n }\n\n &.tip {\n border-color: $linkColor;\n color: $mediumTextColor;\n\n &:before {\n content: 'lightbulb';\n color: $linkColor;\n }\n }\n\n &.warning {\n border-color: $warningColor;\n color: #cf783a;\n\n &:before {\n content: 'alert';\n color: $warningColor;\n }\n }\n\n &:before {\n @include icon;\n position: absolute;\n top: 12px;\n @include left(16px);\n font-size: 30px;\n width: 24px;\n }\n }\n }\n}\n","@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\n:root {\n --xs: 4px;\n --s: 8px;\n --m: 14px;\n --l: 18px;\n --xl: 24px;\n --padding: var(--xl);\n --neg-padding: calc(var(--padding) * -1);\n}\n\n$sidebarWidth: 226px;\n$sidebarZIndex: 100;\n$detailsWidth: 350px;\n$minFullUiWidth: 1200px;\n$minXlUiWidth: 1536px;\n$minDesktopWidth: 600px;\n$minHorizontalUiWidth: $minFullUiWidth - $sidebarWidth;\n\n// Colors\n$badgeBackgroundColor: var(--gray-200);\n$badgeColor: var(--gray-800);\n\nhtml {\n -webkit-text-size-adjust: 100%;\n min-height: 100vh;\n}\n\nbody {\n min-height: 100vh;\n}\n\nbody {\n :focus {\n outline-style: solid;\n outline-color: transparent;\n box-shadow: var(--focus-ring);\n }\n}\n\n.reduce-focus-visibility {\n :focus:not(.focus-visible) {\n box-shadow: none;\n }\n\n .focus-visible {\n box-shadow: var(--focus-ring);\n }\n}\n\n.skip-link {\n position: absolute;\n margin: 5px;\n left: -10000px;\n top: 0;\n width: 1px;\n height: 1px;\n overflow: hidden;\n z-index: $sidebarZIndex + 1;\n\n &:focus {\n left: unset;\n @include left(0);\n width: auto;\n height: auto;\n background-color: var(--gray-100) !important;\n }\n}\n\n#global-skip-link {\n @media only screen and (min-width: $minFullUiWidth) {\n @include two-color-focus-ring;\n }\n}\n\n#global-container {\n position: relative;\n display: flex;\n flex-direction: column;\n min-height: 100vh;\n @include left(0);\n\n @media screen and (prefers-reduced-motion: no-preference) {\n body.ltr & {\n transition: left 250ms ease-out;\n }\n\n body.rtl & {\n transition: right 250ms ease-out;\n }\n }\n}\n\n/* global sidebar */\n$sidebarLinkStaticColor: var(--gray-100);\n$sidebarLinkSecondaryColor: var(--gray-200);\n\n#global-sidebar {\n --is-always-visible: true;\n position: fixed;\n z-index: $sidebarZIndex;\n display: flex;\n flex-direction: column;\n height: 100vh;\n padding: 0;\n overflow-y: auto;\n overflow-x: hidden;\n -webkit-overflow-scrolling: touch;\n @include light-on-dark-text;\n @include light-focus-ring;\n background-color: var(--gray-800);\n\n a {\n color: $sidebarLinkStaticColor;\n text-decoration: none;\n }\n\n & > a,\n *:not(.has-subnav) > a {\n &[href] {\n &:not(.sel):hover {\n background-color: darken($grey800, 5%);\n }\n }\n\n &:not([href]) {\n cursor: default;\n background-color: transparent;\n }\n }\n\n .light {\n color: var(--gray-400);\n }\n\n @media only screen and (max-width: $minFullUiWidth - 1px) {\n --is-always-visible: false;\n }\n}\n\n$systemInfoBgColor: darken($grey800, 5%);\n$systemInfoHoverBgColor: darken($grey800, 10%);\n\n#system-info {\n display: grid;\n grid-template-columns: 30px auto;\n grid-gap: 10px;\n height: 50px;\n padding: 0 10px;\n position: relative;\n flex: 0 0 50px;\n flex-direction: row;\n align-items: center;\n background-color: $systemInfoBgColor;\n\n &:after {\n display: none;\n }\n\n &:focus,\n &:hover {\n background-color: $systemInfoHoverBgColor !important;\n }\n}\n\n#site-icon {\n height: 30px;\n\n img,\n svg {\n display: block;\n width: 30px;\n height: 30px;\n border-radius: 4px;\n }\n\n svg {\n @include svg-mask(var(--medium-text-color));\n }\n}\n\n#system-name {\n h2,\n .h2 {\n margin: 0;\n width: 100%;\n overflow: hidden;\n max-height: 40px;\n position: relative;\n\n // Multi-line text overflow ellipsis\n // (https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-line-clamp)\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n\n &:after {\n display: block;\n content: '';\n font-size: 0;\n position: absolute;\n top: 0;\n @include right(0);\n width: var(--m);\n background-image: linear-gradient(\n to right,\n transparentize($systemInfoBgColor, 1),\n $systemInfoBgColor\n );\n\n #system-info:hover & {\n background-image: linear-gradient(\n to right,\n transparentize($systemInfoHoverBgColor, 1),\n $systemInfoHoverBgColor\n );\n }\n }\n }\n}\n\n#job-icon {\n align-items: flex-start;\n\n & > span.icon {\n display: block;\n position: relative;\n width: 16px;\n height: 16px;\n margin-top: 2px !important;\n\n & > canvas {\n display: block;\n position: absolute;\n width: 16px;\n height: 16px;\n\n &#job-icon-hover {\n opacity: 0;\n }\n }\n }\n\n &[href]:hover {\n .icon > span.icon > canvas#job-icon-hover {\n opacity: 1;\n }\n }\n\n .progress-label {\n display: block;\n color: var(--gray-300);\n font-size: 11px;\n line-height: 1.5;\n }\n}\n\n#nav {\n flex: 1;\n margin: 22px 0 0;\n padding-bottom: var(--xl);\n overflow: visible;\n\n li {\n &:not(.has-subnav) > a.sel {\n color: var(--gray-800);\n background-color: var(--gray-100);\n opacity: 1;\n\n .icon {\n opacity: 1;\n }\n }\n\n a {\n position: relative;\n padding-left: var(--m);\n padding-right: var(--m);\n\n &:focus {\n z-index: 1;\n }\n\n &.menubtn {\n line-height: 26px;\n }\n\n &.external:after {\n @include margin-left(5px);\n @include icon;\n content: 'external';\n }\n\n .label {\n &,\n & span {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n\n .badge {\n @include margin-right(0);\n background-color: $badgeBackgroundColor;\n color: $badgeColor;\n }\n }\n\n ul {\n display: block;\n margin-bottom: 10px;\n\n li a {\n @include padding(3px, var(--m), 3px, 42px, !important);\n font-size: 12px;\n\n &:not(.active) {\n color: $sidebarLinkSecondaryColor;\n }\n }\n }\n }\n}\n\n#global-footer {\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: var(--m) var(--m) var(--xl);\n}\n\n#app-info {\n margin-top: var(--xs);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 12px;\n color: var(--gray-600);\n text-align: center;\n gap: var(--s);\n\n a {\n color: var(--gray-600);\n text-decoration: underline;\n\n &.go:hover:after {\n color: var(--gray-600);\n }\n }\n}\n\n#edition-logo {\n user-select: none;\n border: 1px solid var(--gray-600);\n border-radius: 3px;\n display: inline-flex;\n height: toRem(20);\n box-sizing: content-box;\n font-size: 11px;\n\n & > .edition-name,\n & > .edition-trial {\n padding: toRem(6, 7, 5);\n line-height: var(--s);\n }\n\n & > .edition-name {\n font-weight: 600;\n letter-spacing: 1.7px;\n padding-right: toRem(5);\n text-transform: uppercase;\n }\n\n & > .edition-trial {\n display: inline-block;\n position: relative;\n @include margin-left(5px);\n @include padding-left(5px);\n background-color: var(--gray-600);\n color: var(--gray-200);\n border-radius: 0 1px 1px 0;\n letter-spacing: 1px;\n @include padding-right(7px);\n text-transform: lowercase;\n\n &:before {\n display: block;\n position: absolute;\n top: 0;\n content: '';\n font-size: 0;\n width: 0;\n height: 0;\n border-style: solid;\n\n body.ltr & {\n left: -10px;\n border-width: 0 10px 20px 0;\n border-color: transparent var(--gray-600) transparent transparent;\n }\n\n body.rtl & {\n right: -10px;\n border-width: 0 0 20px 10px;\n border-color: transparent transparent transparent var(--gray-600);\n }\n }\n }\n}\n\n#devmode {\n flex: 0 0 4px;\n width: 100%;\n min-height: 4px; // fixes Windows scaling bug (https://github.com/craftcms/cms/issues/3259)\n background: url(../images/dev-mode.svg) repeat-x 21px 0;\n cursor: help;\n}\n\n#page-container {\n @include padding-left($sidebarWidth);\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n}\n\n#alerts {\n position: relative; // to keep it above #global-header's shadow\n background-color: var(--red-050);\n border-left: 5px solid var(--error-color);\n padding: 11px 0;\n text-align: center;\n color: var(--error-color);\n\n li {\n padding: 4px var(--xl);\n\n a {\n color: var(--error-color);\n text-decoration: underline;\n\n &.go {\n text-decoration: none;\n white-space: nowrap;\n border: 1px solid transparentize($errorColor, 0.5);\n border-radius: var(--medium-border-radius);\n padding: 3px 5px;\n margin: 0 2px;\n\n &:after {\n color: var(--error-color);\n }\n\n &:hover {\n border-color: var(--error-color);\n }\n }\n }\n }\n}\n\n#global-header {\n width: 100%;\n margin-bottom: var(--m);\n @include pane;\n background: var(--gray-050);\n\n .flex {\n align-items: center;\n }\n\n .btn {\n --ui-control-color: var(--gray-400);\n --ui-control-hover-color: var(--gray-500);\n --ui-control-active-color: var(--gray-600);\n }\n}\n\n.nav-toggle {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 36px;\n height: 50px;\n line-height: 26px;\n color: currentColor;\n text-align: center;\n @include margin-left(-10px);\n\n &:before {\n @include icon;\n content: 'menu';\n font-size: 16px;\n line-height: 0;\n }\n\n &:hover {\n color: var(--gray-400);\n }\n}\n\n#crumbs {\n display: flex;\n flex-direction: row;\n align-items: center;\n font-size: 13px;\n margin: 0 !important;\n\n &.empty {\n display: none;\n }\n\n a,\n button {\n color: var(--light-text-color);\n transition: color linear 100ms;\n\n &:hover {\n color: var(--link-color);\n text-decoration: none;\n }\n }\n\n nav {\n margin: 0;\n }\n}\n\n.breadcrumb-list {\n display: flex;\n flex-direction: row;\n align-items: stretch;\n flex-wrap: wrap;\n\n li {\n display: inline-flex;\n align-items: center;\n\n a,\n button {\n padding: 15px 0;\n }\n\n button {\n cursor: pointer;\n }\n\n &:after {\n @include margin(0, 8px, 0, 7px);\n @include angle(right, var(--medium-hairline-color));\n }\n }\n\n & .menu--disclosure {\n li {\n display: block;\n\n &::after {\n content: none;\n }\n }\n }\n}\n\nli.breadcrumb-toggle-wrapper {\n &::after {\n content: none;\n }\n}\n\n#account-menu {\n ul {\n li {\n a {\n max-width: calc(100% + 28px) !important;\n }\n }\n }\n}\n\n#announcements-btn {\n @include header-btn;\n width: 40px;\n position: relative;\n\n &.unread:after {\n content: '';\n display: block;\n position: absolute;\n top: 3px;\n @include right(7px);\n width: 7px;\n height: 7px;\n border-radius: 4px;\n background-color: var(--blue-600);\n }\n\n svg {\n width: 22px;\n height: 22px;\n @include svg-mask(var(--ui-control-color));\n }\n\n &:hover,\n &:active,\n &.active {\n svg {\n @include svg-mask(var(--link-color));\n }\n }\n}\n\n#announcements {\n max-width: 350px;\n\n .announcement {\n &:not(:first-child) {\n margin-top: 20px;\n }\n\n .announcement-label-container {\n margin-top: -3px;\n display: flex;\n align-items: center;\n margin-bottom: 3px;\n\n .announcement-icon svg {\n display: block;\n width: 15px;\n height: 15px;\n }\n\n .announcement-label {\n margin-left: 5px;\n font-size: 12px;\n color: var(--light-text-color);\n }\n }\n\n h2 {\n position: relative;\n margin: 0 0 3px;\n }\n\n &.unread h2:after {\n content: '';\n display: block;\n position: absolute;\n top: 7px;\n @include left(-13px);\n width: 7px;\n height: 7px;\n border-radius: 4px;\n background-color: var(--blue-600);\n }\n\n p {\n margin: 0;\n }\n }\n}\n\n#user-info {\n display: flex;\n flex-direction: row;\n align-items: center;\n @include padding-right(25px);\n padding-top: 5px;\n padding-bottom: 5px;\n height: 100%;\n background-color: transparent;\n border-radius: 0;\n\n &:after {\n border-color: var(--ui-control-color);\n transition: border-color linear 100ms;\n }\n\n &:hover:after {\n border-color: var(--ui-control-hover-color);\n }\n\n &[aria-expanded='true']:after {\n border-color: var(--ui-control-active-color);\n }\n}\n\n.header-photo {\n padding: 5px 0;\n\n img {\n display: block;\n width: 30px;\n height: 30px;\n max-width: none;\n border-radius: 50%;\n box-shadow: 0 0 0 1px transparentize($grey900, 0.95),\n 0 0 0 transparentize($grey900, 1);\n transition: box-shadow linear 150ms;\n\n #user-info:hover & {\n box-shadow: 0 0 0 1px transparentize($grey900, 0.95),\n 0 2px 10px -2px transparentize($grey900, 0.7);\n }\n }\n}\n\n/* main container */\n\n#main-container {\n position: relative;\n flex-grow: 1;\n}\n\n#notifications {\n position: fixed;\n bottom: 8px;\n @include left(8px);\n width: calc(100% - 16px);\n z-index: 101;\n\n @media only screen and (min-width: $minHorizontalUiWidth) {\n width: 350px;\n }\n\n .notification {\n display: flex;\n position: relative;\n @include pane;\n padding: 10px 14px;\n border-radius: var(--large-border-radius);\n box-shadow: 0 0 0 1px transparentize($grey1000, 0.85),\n 0 2px 12px transparentize($grey1000, 0.85);\n --color: var(--notice-color);\n\n &[data-type='success'] {\n --color: var(--success-color);\n }\n\n &[data-type='error'] {\n --color: var(--error-color);\n }\n\n & + .notification {\n margin-top: 12px;\n }\n\n .notification-icon {\n width: 18px;\n margin-top: -2px;\n @include margin-right(10px);\n font-size: 18px;\n color: var(--color);\n }\n\n .notification-body {\n display: flex;\n flex: 1;\n\n .notification-message {\n font-weight: bold;\n }\n\n .notification-details {\n margin-top: var(--xs);\n\n .element {\n border: 1px solid $hairlineColor;\n }\n }\n }\n\n .notification-close-btn {\n position: relative;\n top: -2px;\n @include margin-left(10px);\n }\n }\n}\n\n#header-container {\n margin-bottom: var(--m);\n}\n\n#crumbs,\n#header {\n padding-left: var(--xl);\n padding-right: var(--xl);\n}\n\n#primary-nav-toggle {\n @media only screen and (min-width: $minFullUiWidth) {\n display: none;\n }\n}\n\n#global-header,\n#header {\n .flex {\n max-width: 100%;\n\n &.flex-nowrap {\n min-width: 0;\n }\n }\n}\n\n#header {\n display: flex;\n align-items: flex-start;\n align-content: stretch;\n flex-wrap: nowrap;\n justify-content: space-between;\n gap: var(--s);\n padding-top: var(--s);\n padding-bottom: var(--s);\n position: relative;\n z-index: 2;\n width: calc(100vw - #{$sidebarWidth});\n box-sizing: border-box;\n background-color: transparentize($grey300, 1);\n box-shadow: 0 1px 0 transparentize($grey800, 1);\n transition: background-color linear 100ms, box-shadow linear 100ms;\n\n body.fixed-header & {\n position: fixed;\n z-index: 12;\n top: 0;\n background-color: var(--gray-100);\n box-shadow: inset 0 -1px 0 transparentize($grey700, 0.9);\n }\n\n @supports (backdrop-filter: blur(10px)) {\n & {\n transition: background-color linear 100ms, box-shadow linear 100ms,\n backdrop-filter linear 100ms;\n\n body.fixed-header & {\n background-color: transparentize($grey100, 0.25);\n backdrop-filter: blur(10px);\n }\n }\n }\n\n h1 {\n line-height: 34px;\n margin-top: 0;\n margin-bottom: 0;\n min-width: 0;\n }\n\n .buttons,\n .btngroup {\n margin-top: 0;\n }\n}\n\n#page-title {\n &.has-toolbar {\n @media only screen and (min-width: $minHorizontalUiWidth) {\n min-width: calc(#{$sidebarWidth} - var(--xl) - var(--s)) !important;\n }\n }\n}\n\n#toolbar {\n flex: 1;\n align-items: flex-start;\n\n .icon:before,\n .texticon:before,\n .menubtn:after,\n [data-icon]:before,\n [data-icon-after]:after {\n color: currentColor;\n opacity: 0.8;\n }\n\n .btn[aria-pressed='true'] {\n background-color: var(--gray-500);\n color: var(--white);\n }\n\n .text {\n border-radius: var(--large-border-radius);\n\n &::-webkit-input-placeholder {\n color: var(--light-text-color);\n }\n\n &:-ms-input-placeholder {\n color: var(--light-text-color);\n }\n\n &::-ms-input-placeholder {\n color: var(--light-text-color);\n }\n\n &:-moz-placeholder {\n color: var(--light-text-color);\n }\n\n &::-moz-placeholder {\n color: var(--light-text-color);\n }\n\n &::placeholder {\n color: var(--light-text-color);\n }\n\n &:not(:focus) {\n background-clip: border-box;\n }\n }\n}\n\n#main-content {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n width: calc(100vw - #{$sidebarWidth});\n padding: 0 var(--xl) 48px;\n box-sizing: border-box;\n\n // for the Dashboard and any other full-page grids:\n & > .grid:only-child {\n flex: 1;\n }\n}\n\n#sidebar-toggle-container {\n display: none;\n}\n\n#sidebar-container {\n flex: 0 0 $sidebarWidth;\n width: $sidebarWidth;\n box-sizing: border-box;\n\n @media only screen and (min-width: $minFullUiWidth) {\n @include margin-left(calc(var(--xl) * -1));\n }\n}\n\n#sidebar {\n box-sizing: border-box;\n padding: 0 31px;\n width: $sidebarWidth;\n background-color: transparent;\n\n &.fixed {\n position: fixed;\n overflow-y: auto;\n padding-top: var(--m);\n padding-bottom: var(--m);\n }\n\n nav {\n margin-left: -31px;\n margin-right: -31px;\n\n li {\n a {\n position: relative;\n\n &:focus {\n z-index: 1;\n }\n &:not(.sel) {\n &:hover {\n background-color: var(--gray-200);\n }\n }\n }\n }\n }\n}\n\n#content-container {\n flex: 1;\n\n #main-content:not(.has-sidebar):not(.has-details) & {\n width: 100%;\n max-width: 100%;\n }\n\n #main-content.has-sidebar & {\n width: calc(100% - #{$sidebarWidth - 24});\n max-width: calc(100% - #{$sidebarWidth - 24});\n }\n\n #main-content.has-details & {\n width: calc(100% - #{$detailsWidth} - var(--m));\n max-width: calc(100% - #{$detailsWidth} - var(--m));\n }\n\n #main-content.has-sidebar.has-details {\n width: calc(100% - #{$sidebarWidth} - #{$detailsWidth} - 38px);\n max-width: calc(100% - #{$sidebarWidth} - #{$detailsWidth} - 38px);\n }\n}\n\n#content-heading {\n margin-top: var(--xl) !important;\n\n @media only screen and (min-width: $minHorizontalUiWidth) {\n @include visually-hidden;\n }\n}\n\n.content-pane {\n @include pane;\n border-radius: var(--large-border-radius);\n position: relative;\n background-clip: padding-box;\n padding: var(--xl);\n word-wrap: break-word;\n\n & > hr {\n margin-left: calc(var(--xl) * -1);\n margin-right: calc(var(--xl) * -1);\n }\n}\n\n#footer {\n z-index: 1;\n margin: 25px calc(var(--xl) * -1) calc(var(--xl) * -1); // 1px extra on top is intentional\n padding: var(--s) var(--xl);\n background-color: var(--gray-050);\n border-radius: 0 0 var(--large-border-radius) var(--large-border-radius);\n box-sizing: border-box;\n min-height: 50px;\n\n &:empty {\n display: none;\n }\n\n & > *,\n .flex > * {\n margin-bottom: 0;\n }\n}\n\n#details-container {\n flex: 0 0 #{$detailsWidth + 38};\n width: $detailsWidth + 38;\n @include margin-right(calc(var(--xl) * -1));\n box-sizing: border-box;\n}\n\n#details {\n box-sizing: border-box;\n @include padding-right(var(--xl));\n @include padding-left(var(--m));\n width: $detailsWidth + 38;\n\n &.fixed {\n position: fixed;\n overflow-y: auto;\n padding-top: var(--m);\n }\n\n .details {\n .meta {\n border-radius: var(--large-border-radius);\n\n &:not(.read-only):not(.warning) {\n @include pane;\n }\n\n &.read-only {\n color: var(--medium-text-color);\n background-color: transparent !important;\n }\n\n & > .field,\n & > .data {\n &:first-child {\n &,\n & > .status-badge {\n border-top-left-radius: var(--large-border-radius);\n }\n border-top-right-radius: var(--large-border-radius);\n }\n\n &:last-child {\n &,\n & > .status-badge {\n border-bottom-left-radius: var(--large-border-radius);\n }\n border-bottom-right-radius: var(--large-border-radius);\n }\n }\n }\n\n & > .field {\n & > .input > .text.fullwidth {\n @include pane;\n }\n }\n\n .notes {\n border-radius: 5px;\n padding-top: 15px;\n padding-bottom: 15px;\n }\n }\n}\n\n// Hide the sidebar at < 1200\n@media only screen and (max-width: $minFullUiWidth - 1px) {\n #global-container {\n @include left(-$sidebarWidth);\n width: calc(100vw + #{$sidebarWidth});\n\n body.ltr.showing-nav & {\n left: 0;\n }\n\n body.rtl.showing-nav & {\n right: 0;\n }\n }\n\n #crumbs {\n display: flex !important;\n }\n\n #header {\n width: 100vw;\n }\n\n #main-content {\n width: 100vw;\n }\n}\n\n// Rearrange #main-content to flow vertically at < 999\n@media only screen and (max-width: $minHorizontalUiWidth - 1px) {\n #header {\n display: block;\n\n .flex:not(#toolbar) {\n margin-top: 10px;\n }\n }\n\n #toolbar {\n flex-wrap: wrap !important;\n\n & > * {\n margin-top: 10px !important;\n }\n }\n\n body.fixed-header #header .flex:first-child {\n margin-top: 0;\n }\n\n #main-content {\n display: block;\n }\n\n #sidebar-toggle-container {\n display: block;\n margin-bottom: var(--m);\n }\n\n #sidebar-toggle {\n &:after {\n top: 0;\n transform: rotate(-45deg);\n\n body.rtl & {\n transform: rotate(135deg);\n }\n }\n\n body.showing-sidebar & {\n background-color: darken($grey200, 10%) !important;\n\n &:after {\n transform: rotate(45deg);\n }\n }\n }\n\n #content-container {\n min-height: 0 !important;\n }\n\n #sidebar-container,\n #details-container {\n width: auto !important;\n }\n\n #sidebar,\n #details {\n position: static !important;\n overflow-y: visible !important;\n max-height: none !important;\n width: auto;\n }\n\n #sidebar {\n margin-bottom: var(--m);\n\n body:not(.showing-sidebar) & {\n display: none;\n }\n }\n\n #details-container {\n @include margin-right(0);\n }\n\n #content-container {\n width: auto !important;\n max-width: none !important;\n }\n\n #details {\n padding: 0 !important;\n margin-top: var(--m);\n }\n}\n\n// Tighten up the padding at < 768\n@media only screen and (max-width: 767px) {\n #crumbs,\n #header,\n #main-content {\n padding-left: 10px !important;\n padding-right: 10px !important;\n }\n\n #tabs ul li {\n a {\n padding-left: var(--m);\n padding-right: var(--m);\n }\n\n & + li {\n @include margin-left(-7px);\n }\n }\n}\n\n@media print {\n}\n\n#settingsmenu ul li a {\n @include padding-left(46px);\n\n &:before {\n @include margin(1px, 0, 0, -22px);\n font-size: 15px;\n }\n\n img {\n width: 16px;\n height: 16px;\n position: absolute;\n margin-left: -23px;\n margin-top: 1px;\n }\n}\n\n/* grids */\n.grid {\n position: relative;\n min-height: 1px; // Required for Grid.js to run\n\n &:after {\n @include clearafter;\n }\n\n & > .item {\n display: none;\n box-sizing: border-box;\n }\n}\n\n/* Sidebar */\n.sidebar {\n width: $sidebarWidth;\n box-sizing: border-box;\n font-size: 13px;\n\n &:not(.drag-helper) {\n padding: var(--m) 0;\n background-color: var(--gray-050);\n }\n\n .heading {\n position: relative;\n margin: var(--m) var(--xl) 2px;\n\n span {\n display: inline-block;\n position: relative;\n z-index: 1;\n padding: 0 5px;\n margin: 0 -5px;\n text-transform: uppercase;\n color: var(--medium-text-color);\n font-size: 11px;\n font-weight: bold;\n }\n }\n\n @mixin nav-level($level) {\n & > a {\n @include padding-left(24px + 14 * $level);\n }\n\n & > .toggle {\n @include left(calc(var(--m) * #{$level}));\n }\n }\n\n nav {\n padding: 0 var(--s);\n\n & > ul > li {\n @include nav-level(0);\n & > ul > li {\n @include nav-level(1);\n & > ul > li {\n @include nav-level(2);\n & > ul > li {\n @include nav-level(3);\n & > ul > li {\n @include nav-level(4);\n }\n }\n }\n }\n }\n\n li {\n position: relative;\n\n &:not(.has-subnav) > a {\n &:not(.sel):hover {\n text-decoration: none;\n background-color: var(--gray-100);\n }\n\n &.sel {\n cursor: default;\n background-color: var(--gray-500);\n @include light-on-dark-text;\n\n &,\n & + .toggle {\n color: var(--white);\n }\n }\n }\n\n a {\n position: relative;\n margin-bottom: 1px;\n display: flex;\n flex-direction: row;\n align-items: center;\n padding: 7px var(--xl);\n min-height: var(--xl);\n box-sizing: border-box;\n color: var(--text-color);\n user-select: none;\n border-radius: var(--large-border-radius);\n word-break: break-word;\n\n .status {\n flex-shrink: 1;\n }\n\n .icon {\n @include margin-right(10px);\n flex-shrink: 1;\n width: toRem(18);\n height: toRem(18);\n word-break: normal;\n transition: margin-left linear 150ms, margin-right linear 150ms;\n opacity: 0.85;\n\n &.icon-mask {\n svg {\n @include svg-mask(currentColor);\n }\n\n span[data-icon] {\n color: currentColor;\n }\n }\n\n svg {\n width: 16px;\n height: 16px;\n }\n\n span[data-icon] {\n font-size: 16px;\n\n &::before {\n display: block;\n }\n }\n }\n\n .label {\n flex: 1;\n }\n\n .badge {\n @include margin(0, -4px, 0, 10px);\n flex-shrink: 1;\n padding: 0 6px;\n font-size: 11px;\n line-height: 16px;\n border-radius: var(--s);\n background-color: var(--medium-text-color);\n color: var(--white);\n }\n }\n\n .toggle {\n position: absolute;\n z-index: 1;\n height: 34px;\n top: 0;\n width: var(--xl);\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n ul {\n display: none;\n }\n\n &.expanded > ul {\n display: block;\n }\n }\n }\n}\n\n.content.has-sidebar:not(.hiding-sidebar) {\n @include margin-left($sidebarWidth);\n}\n\n#content-notice {\n margin: 0 calc(var(--xl) * -1);\n padding: 0 var(--xl);\n\n &:not(:last-child) {\n padding-bottom: var(--s);\n border-bottom: 1px solid var(--hairline-color);\n margin-bottom: var(--s);\n }\n}\n\n/* flexbox field layouts */\n#content :not(.meta) > .flex-fields,\n#content > .flex-fields,\n.so-content .flex-fields {\n --row-gap: var(--xl);\n display: flex;\n flex-wrap: wrap;\n align-content: flex-start;\n margin: 0 calc(var(--row-gap) * -1) calc(var(--row-gap) * -1);\n width: calc(100% + var(--row-gap) * 2);\n\n & > * {\n margin: 0 0 var(--row-gap) !important;\n padding: 0 var(--row-gap);\n box-sizing: border-box;\n }\n\n & > h2 {\n flex: 4 0 100%;\n\n &:not(:first-child) {\n padding-top: var(--xl);\n border-top: 1px solid var(--hairline-color);\n }\n }\n\n & > hr,\n & > .line-break {\n flex: 4 0 100%;\n }\n\n & > .line-break:not(:first-child) {\n margin-bottom: 0 !important;\n }\n\n & > :not(h2):not(hr):not(.line-break) {\n &,\n &:last-child {\n position: relative;\n width: 100%;\n\n &:before {\n position: absolute;\n top: 0;\n @include left(-1px);\n width: 1px;\n height: 100%;\n content: '';\n // same BG color as the hairline around the content pane’s 1px shadow\n background-color: transparentize($grey200, 0.5);\n }\n }\n }\n}\n\n#content :not(.meta) > .flex-fields,\n#content > .flex-fields {\n & > :not(h2):not(hr):not(.line-break) {\n &,\n &:last-child {\n // 4 cols for >= 1536px\n @media only screen and (min-width: $minXlUiWidth) {\n &.width-25 {\n width: 25%;\n }\n &.width-50 {\n width: 50%;\n }\n &.width-75 {\n width: 75%;\n }\n }\n\n // 2 cols for 600 - 1535px\n @media only screen and (min-width: $minDesktopWidth) and (max-width: $minXlUiWidth - 1px) {\n &.width-25,\n &.width-50 {\n width: 50%;\n }\n }\n }\n }\n}\n\n.so-content .flex-fields {\n & > :not(h2):not(hr):not(.line-break) {\n &,\n &:last-child {\n // 2 cols for >= 1200\n @media only screen and (min-width: $minDesktopWidth * 2) {\n &.width-25,\n &.width-50 {\n width: 50%;\n }\n }\n }\n }\n}\n","@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\n.lp-editor-container,\n.lp-preview-container {\n position: fixed;\n top: 0;\n height: 100%;\n background-color: var(--white);\n z-index: 100;\n\n header {\n padding: 8px 24px;\n background-color: var(--gray-100);\n box-shadow: 0 1px 0 transparentize($grey700, 0.8);\n box-sizing: border-box;\n position: relative;\n z-index: 1;\n\n @supports (backdrop-filter: blur(10px)) {\n & {\n position: absolute;\n z-index: 2;\n top: 0;\n left: 0;\n width: 100%;\n background-color: transparentize($grey100, 0.25);\n backdrop-filter: blur(10px);\n\n & + .lp-editor {\n padding-top: #{10 + 34 + 10 + 24}px;\n }\n }\n }\n\n .btn,\n .spinner,\n .checkmark-icon {\n margin-bottom: 0;\n }\n }\n}\n\n.lp-editor-container {\n display: flex;\n flex-direction: column;\n\n .lp-editor {\n flex: 1;\n padding: 24px;\n overflow: auto;\n box-sizing: border-box;\n\n & > .field {\n &:last-child {\n margin-bottom: 24px !important;\n }\n\n & > .status-badge {\n @include left(-24px);\n }\n }\n }\n\n .lp-draghandle {\n position: absolute;\n z-index: 6;\n top: 0;\n @include right(-2px);\n width: 4px;\n height: 100%;\n cursor: col-resize;\n }\n}\n\n.lp-preview-container {\n display: flex;\n flex-direction: column;\n box-shadow: -1px 0 0 transparentize($grey700, 0.8);\n\n &.dragging:after {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n content: '';\n font-size: 0;\n }\n\n .lp-preview-header {\n display: flex;\n\n @supports (not (backdrop-filter: blur(10px))) {\n background-color: transparentize($grey100, 0.25);\n }\n\n .buttons {\n margin: 0;\n\n .btn + .btn {\n @include margin-left(7px);\n }\n }\n\n & + .lp-iframe-container {\n padding-top: 0;\n\n @supports (backdrop-filter: blur(10px)) {\n padding-top: 50px;\n }\n }\n\n .lp-device-type {\n margin: 0;\n }\n }\n\n .lp-device-type__label {\n &::before {\n width: 27px;\n height: 22px;\n display: block;\n content: '';\n background-size: contain;\n background-repeat: no-repeat;\n background-position: center;\n transition-duration: 0.3s;\n }\n\n // SVGs\n &.lp-device-type__label--phone::before {\n background-image: url(../images/preview/icon-phone.svg);\n }\n &.lp-device-type__label--tablet::before {\n background-image: url(../images/preview/icon-tablet.svg);\n }\n &.lp-device-type__label--desktop::before {\n background-image: url(../images/preview/icon-desktop.svg);\n }\n }\n\n .lp-device-type__radio-group {\n display: flex;\n white-space: nowrap;\n align-items: center;\n }\n\n .lp-device-type__item:not(:last-child) .btn {\n body.ltr & {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n margin-right: 1px;\n }\n\n body.rtl & {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n margin-left: 1px;\n }\n }\n\n .lp-preview-container__bumper-link {\n top: unset;\n bottom: 0;\n }\n\n .lp-device-type__item:not(:first-child) .btn {\n body.ltr & {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n\n body.rtl & {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n }\n\n .lp-device-type__input {\n &.focus-visible + label {\n box-shadow: var(--focus-ring);\n }\n }\n\n .lp-device-mask {\n display: none;\n }\n\n .lp-iframe-container {\n flex: 1;\n overflow: auto;\n\n .lp-preview {\n display: block;\n width: 100%;\n min-height: 100%;\n }\n\n &:not(.lp-iframe-container--has-device-preview) {\n // Preview container\n .lp-device-preview-container {\n width: auto !important;\n height: 100% !important;\n transform: none !important;\n margin: 0 !important;\n }\n }\n\n &--has-device-preview {\n flex: none;\n padding-top: 0 !important;\n position: relative;\n top: 0;\n height: calc(100% - 50px);\n width: 100%;\n background-color: var(--gray-100);\n\n @supports (backdrop-filter: blur(10px)) {\n top: 50px;\n }\n\n // Preview container\n .lp-device-preview-container {\n position: absolute;\n top: 50%;\n left: 50%;\n z-index: 2;\n overflow: auto;\n opacity: 1;\n transition: opacity 0.3s;\n }\n\n // Device mask\n .lp-device-mask {\n display: block;\n position: absolute;\n top: 50%;\n left: 50%;\n z-index: 1;\n background-image: url(../images/preview/chrome-phone-top.svg),\n url(../images/preview/chrome-phone-bottom.svg);\n background-position: top center, bottom center;\n background-repeat: no-repeat;\n background-size: contain;\n background-color: #fff;\n box-shadow: 0 0 58px rgba(6, 67, 117, 0.3);\n border-radius: 18px;\n }\n\n // Tablet\n &.lp-iframe-container--tablet {\n .lp-device-mask {\n background-image: url(../images/preview/chrome-tablet-top.svg),\n url(../images/preview/chrome-tablet-bottom.svg);\n }\n }\n }\n\n // Animate rotations\n @media screen and (prefers-reduced-motion: no-preference) {\n &--rotating {\n .lp-device-mask {\n transition-duration: 0.3s;\n transition-property: transform;\n }\n .lp-device-preview-container {\n opacity: 0;\n transition: opacity 0s;\n }\n }\n }\n }\n}\n","@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\n$base: 24px;\n$tabPadding: 14px;\n$tabWidth: $base * 10;\n$gridColor: hsl(212, 50%, 95%);\n\n@mixin workspaceBg {\n background-color: var(--gray-050);\n background-image: linear-gradient(to right, $gridColor 1px, transparent 0px),\n linear-gradient(to bottom, $gridColor 1px, transparent 1px);\n background-size: $base $base;\n}\n\n.layoutdesigner {\n display: flex;\n align-items: stretch;\n position: relative;\n @include input-styles;\n overflow: hidden;\n box-shadow: none;\n @include padding-right($tabWidth + 1);\n min-height: 500px;\n\n .errors > & {\n border: 1px solid var(--error-color) !important;\n }\n\n .fld-workspace {\n flex: 1;\n @include border-radius(\n var(--small-border-radius),\n 0,\n 0,\n var(--small-border-radius)\n );\n @include padding($base, 0, $base, $base);\n @include workspaceBg;\n background-position: -1px -1px;\n box-shadow: inset 0 1px 3px -1px darken($grey200, 10%);\n\n .fld-tabs {\n display: flex;\n align-items: flex-start;\n flex-wrap: wrap;\n }\n }\n\n .fld-sidebar {\n position: absolute;\n top: 0;\n @include right(0);\n height: 100%;\n width: $tabWidth + 1;\n padding: $tabPadding;\n overflow: auto;\n box-sizing: border-box;\n\n .btngroup {\n margin-bottom: $tabPadding;\n }\n\n .fld-field-library {\n .fld-field-group {\n margin-top: $tabPadding;\n\n h6 {\n margin-bottom: 7px;\n }\n }\n }\n\n .filtered {\n display: none;\n }\n }\n\n .fld-new-tab-btn:active {\n background-color: var(--gray-050);\n }\n}\n\n.fld-sidebar,\n.fld-tab .tabs .tab,\n.fld-tab .fld-tabcontent,\n.fld-new-tab-btn,\n.fld-new-tab-btn:hover {\n background-color: var(--white);\n box-shadow: 0 0 0 1px transparentize($grey900, 0.9),\n 0 2px 5px -2px transparentize($grey900, 0.8);\n}\n\n.fld-tab .settings,\n.fld-element .settings,\n.fld-element .slide-picker {\n @include margin-left(7px);\n}\n\n.fld-tab .settings:before,\n.fld-element .settings:before {\n margin-top: -2px;\n font-size: 16px;\n opacity: 0.5;\n}\n\n.fld-tab .settings:hover:before,\n.fld-tab .settings.active:before,\n.fld-element .settings:hover:before,\n.fld-element .settings.active:before {\n opacity: 1;\n}\n\n.fld-tab {\n width: $tabWidth + $base;\n @include padding(0, $base + 1, $base, 0);\n box-sizing: border-box;\n\n .tabs {\n margin: -10px -12px 0;\n padding: 10px 12px 0;\n overflow: hidden;\n display: flex;\n\n .tab {\n display: flex;\n max-width: calc(100% - 10px);\n box-sizing: border-box;\n padding: 8px $tabPadding;\n border-radius: var(--medium-border-radius) var(--medium-border-radius) 0 0;\n\n body:not(.dragging) &.draggable {\n cursor: move;\n cursor: grab;\n }\n\n span {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n }\n\n .fld-tabcontent {\n padding: $tabPadding;\n @include border-radius(\n 0,\n var(--medium-border-radius),\n var(--medium-border-radius),\n var(--medium-border-radius)\n );\n }\n\n &.fld-insertion {\n .tabs .tab,\n .fld-tabcontent {\n margin: -2px;\n border: 2px dashed var(--hairline-color);\n box-shadow: none;\n @include workspaceBg;\n }\n .tabs .tab {\n background-position: -1px -1px;\n }\n .fld-tabcontent {\n background-position: -1px -13px;\n }\n }\n}\n\n.fld-tab-caboose {\n min-height: 24px;\n}\n\n.fld-required-indicator {\n display: inline-flex;\n font-size: 9px;\n color: var(--link-color);\n @include margin-left(4px);\n}\n\n@mixin striped-bg($color) {\n background-color: $color;\n\n &.has-conditions:after {\n position: absolute;\n content: ' ';\n top: 2px;\n right: 2px;\n bottom: 2px;\n left: 2px;\n z-index: -1;\n border: 2px solid transparent;\n border-radius: var(--medium-border-radius);\n background-image: linear-gradient($color, $color),\n repeating-linear-gradient(\n -45deg,\n var(--white),\n var(--white) 5px,\n transparent 5px,\n transparent 10px\n );\n background-origin: border-box;\n background-clip: content-box, border-box;\n }\n}\n\n.fld-element {\n position: relative;\n z-index: 0; // required for the striped-bg\n display: flex;\n align-items: center;\n padding: 7px 10px;\n box-shadow: inset 0 0 0 1px var(--hairline-color);\n border-radius: var(--medium-border-radius);\n @include striped-bg(var(--white));\n\n body:not(.dragging) & {\n cursor: move;\n cursor: grab;\n }\n\n & + .fld-element {\n margin-top: 7px;\n }\n\n &.fld-insertion {\n box-sizing: border-box;\n border: 2px dashed var(--hairline-color);\n border-radius: var(--medium-border-radius);\n background: none;\n box-shadow: none;\n }\n\n &.draghelper {\n @include shadow;\n }\n\n &.fld-field {\n color: var(--medium-text-color);\n @include striped-bg(var(--gray-100));\n\n &:not(.draghelper) {\n box-shadow: none;\n }\n\n .fld-field-hidden:not(.hidden) {\n margin-top: -3px;\n @include margin-right(5px);\n\n &:before {\n @include icon;\n content: 'shuteye';\n }\n }\n\n .field-name {\n .fld-element-label {\n margin-bottom: 2px;\n }\n }\n }\n\n .fld-element-icon {\n @include margin-right(5px);\n text-align: center;\n\n &,\n svg {\n width: 16px;\n height: 16px;\n }\n\n svg {\n @include svg-mask(var(--ui-control-color));\n }\n }\n\n .field-name {\n flex: 1;\n overflow: hidden;\n\n .fld-element-label,\n .fld-attribute {\n flex: 1;\n display: flex;\n align-items: center;\n }\n\n .fld-element-label h4,\n .fld-attribute .smalltext {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .fld-element-label h4 {\n font-weight: normal;\n color: var(--text-color);\n margin: 0;\n }\n }\n}\n\nbody.dragging {\n cursor: move !important;\n cursor: grabbing !important;\n}\n\n.fld-hr,\n.fld-br {\n display: flex;\n justify-content: center;\n padding: 9px 10px;\n\n &:before {\n position: absolute;\n display: block;\n top: calc(50% - 2px);\n left: 10px;\n width: calc(100% - 20px);\n height: 4px;\n content: '';\n font-size: 0;\n border-radius: 2px;\n }\n\n .smalltext {\n position: relative;\n background-color: var(--gray-100);\n border-radius: 8px;\n padding: 1px 7px;\n }\n}\n\n.fld-hr:before {\n background-color: var(--gray-100);\n}\n\n.fld-br:before {\n background-image: repeating-linear-gradient(\n to right,\n var(--gray-100),\n var(--gray-100) calc(100% / 19),\n transparent calc(100% / 19),\n transparent calc(100% / 9.5),\n var(--gray-100) calc(100% / 9.5)\n );\n}\n\n.fld-element-settings-body {\n flex: 1;\n margin: -24px var(--neg-padding) 0;\n padding: 24px var(--padding);\n overflow: hidden auto;\n position: relative;\n}\n\n.fld-element-settings-footer {\n position: relative;\n display: flex;\n flex-direction: row;\n margin: 0 var(--neg-padding) -24px;\n padding: var(--padding);\n @include pane;\n background-color: var(--gray-050);\n z-index: 3;\n\n & > .ee-site-select {\n flex: 1;\n }\n\n & > .btn {\n @include margin-left(5px);\n }\n\n & > .spinner {\n @include margin(0, var(--neg-padding), 0, 0);\n }\n}\n","@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\n/* No Scroll */\nhtml.noscroll,\nhtml.noscroll body {\n overflow: hidden;\n height: 100%;\n}\n\n/* Image Editor */\n\n.modal.imageeditor {\n background-color: var(--gray-900);\n color: var(--white);\n @include light-on-dark-text;\n @include light-focus-ring;\n opacity: 0;\n user-select: none;\n}\n\n.modal.imageeditor.modal {\n border-radius: 0;\n}\n\n.modal.imageeditor.modal .body:after {\n display: none;\n}\n\n.modal.imageeditor .btn:not(.submit):not(.noborder) {\n background-color: var(--gray-600);\n color: var(--white);\n}\n\n.modal.imageeditor .btn:not(.submit):not(.noborder):hover {\n background-color: var(--gray-700);\n}\n\n.modal.imageeditor .btn:not(.submit):not(.noborder).active {\n background-color: var(--gray-800);\n}\n\n.modal.imageeditor .icon::before {\n width: 24px;\n height: 24px;\n margin-top: -4px;\n margin-left: -3px;\n display: inline-block;\n content: '';\n}\n\n.modal.imageeditor .icon.rotate-left::before {\n background-image: url(../images/image-editor/rotate-left.svg);\n}\n\n.modal.imageeditor .icon.rotate-right::before {\n background-image: url(../images/image-editor/rotate-right.svg);\n}\n\n.modal.imageeditor .icon.flip-vertical::before {\n background-image: url(../images/image-editor/flip-vertical.svg);\n}\n\n.modal.imageeditor .icon.flip-horizontal::before {\n background-image: url(../images/image-editor/flip-horizontal.svg);\n}\n\n.modal.imageeditor .icon.constraint::before {\n background-image: url(../images/image-editor/unconstrained.svg);\n}\n\n.modal.imageeditor .icon.focal-point::before {\n background-image: url(../images/image-editor/focal-point.svg);\n}\n\n.modal.imageeditor .body {\n display: flex;\n padding: 0;\n}\n\n.modal.imageeditor input {\n color: var(--text-color);\n}\n\n.modal.imageeditor .body .tabs {\n border-right: 1px solid var(--gray-1000);\n}\n\n.modal.imageeditor .body .tabs ul {\n width: 100px;\n flex-direction: column;\n align-items: stretch;\n}\n\n.modal.imageeditor .body .tabs ul li {\n position: relative;\n padding: 14px;\n text-align: center;\n border-bottom: 1px solid var(--gray-1000);\n cursor: pointer;\n\n &::before {\n position: absolute;\n top: 0;\n @include left(0);\n content: '';\n width: 0;\n height: 100%;\n background-color: currentColor;\n }\n\n &.selected {\n background-color: darken($grey900, 5%);\n\n &::before {\n width: 2px;\n }\n }\n}\n\n.modal.imageeditor .body .tabs ul li i {\n background-repeat: no-repeat;\n background-position: top center;\n display: block;\n height: 24px;\n}\n\n.modal.imageeditor .body .tabs ul li[data-view='rotate'] i {\n background-image: url(../images/image-editor/rotate-left.svg);\n}\n\n.modal.imageeditor .body .tabs ul li[data-view='crop'] i {\n background-image: url(../images/image-editor/crop.svg);\n}\n\n.modal.imageeditor .body .tabs ul li[data-view='filters'] i {\n background-image: url(../images/image-editor/filters.svg);\n}\n\n.modal.imageeditor .body .tabs ul li:hover {\n background-color: darken($grey900, 2%);\n}\n\n.modal.imageeditor .body .tabs ul li:hover {\n cursor: pointer;\n}\n\n.modal.imageeditor .body .views {\n padding: 24px;\n overflow: auto;\n}\n\n.modal.imageeditor .body .views .btngroup {\n margin-bottom: 24px;\n}\n\n.modal.imageeditor .body .views .filters ul {\n width: 100px;\n}\n\n.modal.imageeditor .body .views .filters ul li {\n text-align: center;\n margin-right: 14px;\n margin-bottom: 14px;\n}\n\n.modal.imageeditor .body .views .filters ul li:last-child {\n margin-right: 0;\n}\n\n.modal.imageeditor .body .views .filters ul li img {\n border: 3px solid transparent;\n border-radius: 4px;\n}\n\n.modal.imageeditor .body .views .filters ul li span {\n display: block;\n}\n\n.modal.imageeditor .body .views .filters ul li:hover {\n cursor: pointer;\n}\n\n.modal.imageeditor .body .views .filters ul li.selected img {\n border-color: var(--white);\n}\n\n.modal.imageeditor .body .image-container {\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n position: relative;\n overflow: hidden;\n}\n\n.modal.imageeditor .body .image-container .image {\n text-align: center;\n flex-grow: 1;\n position: relative;\n margin: 14px;\n}\n\n.modal.imageeditor .body .image-container .image canvas {\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.modal.imageeditor .body .image-container .image-tools {\n text-align: center;\n}\n\n.modal.imageeditor .body .image-container .image-tools .straightening {\n max-width: 400px;\n min-height: toRem(60);\n display: block;\n margin: 0 auto;\n overflow: hidden;\n}\n\n.modal.imageeditor .footer {\n position: absolute;\n background-color: transparent;\n bottom: 0;\n left: 0;\n width: 100%;\n border-top: 1px solid #000;\n}\n\n.modal.imageeditor .body .views .crop {\n fieldset .heading {\n display: none;\n }\n\n .custom-constraint-spacer {\n padding: 0 var(--xs);\n }\n\n .constraint-group {\n display: grid;\n grid-gap: var(--xs);\n }\n\n .custom {\n @include padding-left($radioSize + 5);\n }\n\n .orientation {\n display: flex;\n align-items: center;\n justify-content: center;\n\n input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n background-position: center center;\n background-repeat: no-repeat;\n margin: 0 4px;\n cursor: pointer;\n\n &[value='landscape'] {\n width: 30px;\n height: 20px;\n background-image: url(../images/image-editor/orientation-landscape-unchecked.svg);\n\n &:checked {\n background-image: url(../images/image-editor/orientation-landscape-checked.svg);\n }\n }\n\n &[value='portrait'] {\n width: 20px;\n height: 30px;\n background-image: url(../images/image-editor/orientation-portrait-unchecked.svg);\n\n &:checked {\n background-image: url(../images/image-editor/orientation-portrait-checked.svg);\n }\n }\n }\n }\n}\n\n.modal.imageeditor.vertical .body .views .crop {\n & > .btngroup:first-child {\n justify-content: center;\n }\n}\n\n.modal.imageeditor:not(.vertical) .body .views .crop {\n .constraint.custom {\n margin-top: var(--xs);\n }\n}\n\n/* Vertical */\n\n.vertical.imageeditor .body {\n flex-direction: column;\n\n .image-container {\n flex-basis: 30vh;\n flex-shrink: 0;\n }\n\n .constraint-group {\n grid-template-columns: 1fr 1fr;\n }\n}\n\n.vertical.imageeditor .body .tabs ul {\n display: flex;\n flex-direction: row;\n width: 100%;\n border-top: 1px solid #000;\n border-bottom: 1px solid #000;\n}\n\n.vertical.imageeditor .body .tabs ul li {\n flex-grow: 1;\n border: 0;\n border-right: 1px solid #000;\n padding: 10px 7px;\n\n &::before {\n top: unset;\n top: 0;\n width: 100%;\n height: 0;\n }\n\n &.selected::before {\n width: 100%;\n height: 2px;\n }\n}\n\n.vertical.imageeditor .body .views {\n width: auto;\n}\n\n.vertical.imageeditor .body .views .rotate {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n margin-bottom: -14px;\n}\n\n.vertical.imageeditor .body .views .rotate .btngroup {\n margin: 0 7px 14px;\n}\n\n.vertical.imageeditor .body .views .filters ul {\n width: auto;\n height: 109px;\n overflow: auto;\n white-space: nowrap;\n margin: 0 -24px;\n margin-bottom: -24px;\n padding: 24px;\n text-align: center;\n}\n\n.vertical.imageeditor .body .views .filters ul li {\n display: inline-block;\n margin-bottom: 0;\n}\n\n/* Slide Rule */\n\n.slide-rule {\n position: relative;\n padding: 10px 0;\n\n &:focus {\n box-shadow: none;\n }\n\n @include focus-styles {\n .cursor::after {\n box-shadow: var(--focus-ring);\n }\n }\n\n .cursor {\n &::after {\n content: '';\n width: toRem(20);\n height: toRem(50);\n position: absolute;\n top: -15px;\n left: 50%;\n transform: translateX(-50%);\n }\n }\n}\n\n.slide-rule .cursor {\n position: absolute;\n margin-left: toRem(-4);\n margin-top: 4px;\n left: 50%;\n z-index: 1;\n width: 0;\n height: 0;\n border-left: toRem(5) solid transparent;\n border-right: toRem(5) solid transparent;\n border-top: toRem(5) solid #63a6e1;\n}\n\n.slide-rule .graduations {\n white-space: nowrap;\n height: 40px;\n position: relative;\n}\n\n.slide-rule .graduations ul {\n position: relative;\n float: left;\n}\n\n.slide-rule .graduations ul li {\n display: inline-block;\n font-size: 8px;\n position: relative;\n width: 10px;\n}\n\n.slide-rule .graduations ul li:not(.main-graduation) {\n left: 1px;\n}\n\n.slide-rule .graduations ul li.main-graduation:before {\n border-left-width: 3px;\n}\n\n.slide-rule .graduations ul li.main-graduation .label {\n display: block;\n cursor: default;\n}\n\n.slide-rule .graduations ul li.selected:before {\n border-left-color: #63a6e1;\n}\n\n.slide-rule .graduations ul li:before {\n content: '';\n position: absolute;\n border-left: 1px solid var(--white);\n height: 10px;\n top: 0px;\n left: 0;\n}\n\n.slide-rule .graduations ul li .label {\n width: 20px;\n position: absolute;\n top: 10px;\n left: -9px;\n display: none;\n text-align: center;\n}\n\n.slide-rule .value {\n display: none;\n position: absolute;\n bottom: 0;\n left: 50%;\n z-index: 1;\n box-sizing: border-box;\n padding: 5px;\n width: 50px;\n margin-left: -25px;\n background: var(--gray-600);\n}\n\n.slide-rule .overlay {\n z-index: 2;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 1px;\n left: 0;\n background-image: linear-gradient(\n to right,\n var(--gray-900) 0%,\n transparentize($grey900, 1) 15%,\n transparentize($grey900, 1) 85%,\n var(--gray-900) 100%\n );\n}\n\n/* Misc */\n\n.menu.dark {\n background-color: var(--gray-600);\n @include light-on-dark-text;\n\n ul {\n li {\n a {\n color: var(--white) !important;\n\n &:not(.sel):not(.disabled):hover {\n background-color: var(--gray-700);\n }\n }\n }\n }\n}\n","_:-ms-lang(x),\n.elements .tableview td.checkbox-cell input.checkbox + label,\n.elements .tableview td.checkbox-cell div.checkbox {\n top: 16px;\n}\n\n_:-ms-lang(x),\ninput.checkbox + label:empty,\ndiv:empty.checkbox {\n display: block;\n}\n",".yii-debug-toolbar__title a {\n display: block !important;\n}\n","@charset \"UTF-8\";\n\n@import '@craftcms/sass/mixins';\n\n.cp-chart {\n margin: 0;\n height: 100%;\n position: relative;\n}\n\n.cp-chart svg {\n width: 100%;\n height: 100%;\n}\n\n.cp-chart .axis path,\n.cp-chart .axis line {\n fill: none;\n stroke: var(--hairline-color);\n shape-rendering: crispEdges;\n}\n\n.cp-chart .ticks-axis path,\n.cp-chart .ticks-axis line {\n fill: none;\n stroke: none;\n shape-rendering: crispEdges;\n}\n\n.cp-chart .ticks-axis g.tick text {\n fill: var(--black);\n font-size: 11px;\n}\n\n.cp-chart .axis text {\n fill: RGBA(0, 0, 0, 0.6);\n}\n\n.cp-chart .grid-line .tick {\n stroke: RGBA(0, 0, 0, 0.08);\n stroke-opacity: 0.7;\n shape-rendering: crispEdges;\n}\n\n.cp-chart .grid-line .tick line {\n stroke: RGBA(0, 0, 0, 0.08);\n stroke-opacity: 0.7;\n shape-rendering: crispEdges;\n}\n\n.cp-chart .grid-line path {\n stroke-width: 0;\n}\n\n.tooltip {\n border-radius: 3px;\n padding: 7px 10px;\n background: transparentize($white, 0.1);\n position: absolute;\n z-index: 1000000;\n @include shadow;\n user-select: none;\n pointer-events: none;\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/src/web/assets/cp/src/css/_cp.scss b/src/web/assets/cp/src/css/_cp.scss
index 8efa86fbada..ce490d4cf11 100644
--- a/src/web/assets/cp/src/css/_cp.scss
+++ b/src/web/assets/cp/src/css/_cp.scss
@@ -357,20 +357,20 @@ $systemInfoHoverBgColor: darken($grey800, 10%);
border: 1px solid var(--gray-600);
border-radius: 3px;
display: inline-flex;
- height: 20px;
+ height: toRem(20);
box-sizing: content-box;
font-size: 11px;
& > .edition-name,
& > .edition-trial {
- padding: 6px 7px 5px;
+ padding: toRem(6, 7, 5);
line-height: var(--s);
}
& > .edition-name {
font-weight: 600;
letter-spacing: 1.7px;
- padding-right: 5px;
+ padding-right: toRem(5);
text-transform: uppercase;
}
@@ -1382,8 +1382,8 @@ li.breadcrumb-toggle-wrapper {
.icon {
@include margin-right(10px);
flex-shrink: 1;
- width: 18px;
- height: 18px;
+ width: toRem(18);
+ height: toRem(18);
word-break: normal;
transition: margin-left linear 150ms, margin-right linear 150ms;
opacity: 0.85;
diff --git a/src/web/assets/cp/src/css/_main.scss b/src/web/assets/cp/src/css/_main.scss
index a984545b02c..9022a5fd4de 100644
--- a/src/web/assets/cp/src/css/_main.scss
+++ b/src/web/assets/cp/src/css/_main.scss
@@ -289,7 +289,7 @@ h2,
margin: 14px 0;
font-size: 16px;
font-weight: bold;
- line-height: 20px;
+ line-height: 1.2;
}
h3,
@@ -6160,6 +6160,7 @@ body .selectize-dropdown {
/* single select styles */
.selectize.select {
+ @include placeholder-styles(var(--gray-700));
height: 34px;
&:not(.fullwidth) {
@@ -6336,7 +6337,7 @@ body .selectize-dropdown .active {
.ui-datepicker-calendar th span,
.ui-datepicker-calendar td a {
display: block;
- width: 26px;
+ width: toRem(26);
line-height: 26px;
text-align: center;
color: var(--text-color);
diff --git a/src/web/assets/craftsupport/dist/css/CraftSupportWidget.css.map b/src/web/assets/craftsupport/dist/css/CraftSupportWidget.css.map
index 4063488e1d9..d5a7dd2bb40 100644
--- a/src/web/assets/craftsupport/dist/css/CraftSupportWidget.css.map
+++ b/src/web/assets/craftsupport/dist/css/CraftSupportWidget.css.map
@@ -1 +1 @@
-{"version":3,"file":"css/CraftSupportWidget.css","mappings":"AAKI,kDAEE,gBADA,SACA,CAEA,6DAEE,sBADA,iBACA,CAEA,+EACE,aACA,UAIA,8EACE,cAGA,YAFA,mBACA,UACA,CCkJV,oqBAQE,oBDzJ0B,CC0J1B,eDpJI,0EACE,wGAMA,cADA,eAHA,cAKA,aAJA,aACA,kBAIA,WAEA,sFACE,0BAGF,4FACE,qCAGF,qFACE,0BAGF,gFACE,2BAGF,6EAEE,gBADA,eACA,CAGF,4EAEE,8BADA,cACA,CAKN,oIAEE,aAIA,4FAME,2BACA,0FALA,eAEA,iBACA,gBAFA,eAFA,iBAMA,CAGA,4GACE,iBAEA,gHACE,cAGA,YAFA,cACA,UACA,CAKN,0FAIE,+BAFA,gBADA,kBAEA,iBACA,CAGF,kFAEE,eADA,iBACA,CAEA,oFACE,cACA,kBC8VV,6FACE,uBAEF,6FACE,uBD/VQ,4FACE,kBACA,QCuLZ,qGACE,MDvLwB,CCyL1B,qGACE,OD1LwB,CAKpB,yEACE,kBAEA,4FACE,aACA,aAGF,kKAEE,cACA,cACA,gBAIJ,+EACE,uEAEA,iFACE,SACA,kBAGF,kGACE,kCACA,sCACA,sDAEA,oGAEE,sBAEA,8BADA,iBAFA,SAGA,CAEA,0GACE,wBACA,qBAGF,uGAEE,eAAc,CADd,iBACA,CAEA,2GAEE,YADA,WACA,CAIJ,sGACE,aAKN,oGAGE,8CAFA,kCACA,qDACA,CAGF,kGAIE,kCACA,sDAHA,gBACA,iBAFA,iBAIA,CAEA,yGAUE,iCARA,WADA,cAEA,YAMA,WAHA,SACA,eAHA,kBACA,MAGA,UAEA,CCkPZ,+GACE,gBD/OU,CCiPZ,+GACE,iBDlPU,CAGF,oGAEE,8CADA,iCACA,CAEA,wGAEE,YADA,UACA,CC5Cd,o3BAQE,4BDqC8B,CCpC9B,eAwQF,kHACE,eDjOY,CCmOd,kHACE,gBDpOY,CAON,4FACE,iBAKF,wFACE,qEAGF,sHACE,gBAGF,yFAEE,QAAO,CADP,iBACA,CCkEV,kGACE,WDlEuB,CCoEzB,kGACE,UDrEuB","sources":["webpack:///./CraftSupportWidget.scss","webpack:///../../../../../packages/craftcms-sass/_mixins.scss"],"sourcesContent":["@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\n.widget.craft\\\\widgets\\\\craftsupport {\n .front {\n .pane {\n padding: 0;\n overflow: hidden;\n\n .cs-screen {\n position: relative;\n box-sizing: border-box;\n\n &:not(:first-child) {\n display: none;\n opacity: 0;\n }\n\n .cs-opt-icon {\n svg {\n display: block;\n margin: 0 auto 14px;\n width: 50px;\n height: 50px;\n @include svg-mask(var(--gray-200));\n }\n }\n }\n\n .cs-screen-home {\n .cs-opt {\n --focus-ring: inset 0 0 0 1px hsl(var(--dark-focus-hsl)),\n inset 0 0 0 3px hsla(var(--dark-focus-hsl), 0.7);\n display: block;\n padding: 24px;\n text-align: center;\n cursor: pointer;\n color: inherit;\n font: inherit;\n width: 100%;\n\n &:first-child {\n border-radius: 4px 4px 0 0;\n }\n\n &:not(:first-child) {\n border-top: 1px solid var(--gray-050);\n }\n\n &:last-child {\n border-radius: 0 0 4px 4px;\n }\n\n &:hover {\n background: var(--gray-050);\n }\n\n h2 {\n margin: -7px 0 0;\n font-weight: normal;\n }\n\n p {\n margin-top: 3px;\n color: var(--light-text-color);\n }\n }\n }\n\n .cs-screen-2,\n .cs-screen-support {\n padding: 24px;\n }\n\n .cs-screen-2 {\n .cs-search-results-container {\n position: relative;\n margin: 0 -24px;\n padding: 0 24px;\n max-height: 250px;\n overflow: scroll;\n background: var(--gray-050);\n box-shadow: inset 0 2px 2px -2px transparentize($grey800, 0.9),\n inset 0 -2px 2px -2px transparentize($grey800, 0.9);\n\n .cs-search-icon {\n padding-top: 10px;\n\n svg {\n display: block;\n margin: 0 auto;\n width: 30px;\n height: 30px;\n }\n }\n }\n\n .cs-more-resources-heading {\n margin: 7px 0 14px;\n font-weight: normal;\n text-align: center;\n color: var(--medium-text-color);\n }\n\n .cs-search-results {\n position: relative;\n padding: 14px 0 14px;\n\n a {\n display: block;\n position: relative;\n @include padding(3px, 0, 3px, 20px);\n\n .status {\n position: absolute;\n top: 6px;\n @include left(0);\n }\n }\n }\n\n .cs-forms {\n position: relative;\n\n .cs-button-wrapper {\n display: grid;\n gap: var(--s);\n }\n\n .submit,\n .cancel {\n display: block;\n margin: 0 auto;\n max-width: 365px;\n }\n }\n\n .cs-search-form {\n transition: padding-top linear 100ms;\n\n p {\n margin: 0;\n text-align: center;\n }\n\n .cs-logo-resources {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n\n a {\n width: 50%;\n box-sizing: border-box;\n padding: 10px 5px;\n color: var(--light-text-color);\n\n &:hover {\n color: var(--link-color);\n text-decoration: none;\n }\n\n h4 {\n text-align: center;\n margin-bottom: 0;\n\n img {\n width: 120px;\n height: 24px;\n }\n }\n\n p {\n margin-top: 0;\n }\n }\n }\n\n .cs-resource-heading {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n .cs-icon-resources {\n position: relative;\n margin-top: 14px;\n padding-top: 24px;\n display: flex;\n justify-content: center;\n\n &:before {\n display: block;\n content: '';\n font-size: 0;\n position: absolute;\n top: 0;\n left: 50%;\n margin: 0 -10px;\n width: 20px;\n height: 1px;\n background: var(--hairline-color);\n }\n\n a + a {\n @include margin-left(24px);\n }\n\n a {\n display: flex;\n align-items: center;\n\n svg {\n width: 16px;\n height: 16px;\n @include svg-mask(var(--light-text-color));\n }\n\n span {\n @include margin-left(5px);\n }\n }\n }\n }\n\n &.with-results {\n .cs-search-form {\n padding-top: 24px;\n }\n }\n\n .cs-support-form {\n .submit {\n transition: margin-top linear 100ms;\n }\n\n .cs-support-more:not(.hidden) + .submit {\n margin-top: 24px;\n }\n\n .spinner {\n position: absolute;\n bottom: 0;\n @include right(-24px);\n }\n }\n }\n }\n }\n}\n","$white: #fff;\n$black: #000;\n\n$grey050: hsl(212, 60%, 97%);\n$grey100: hsl(212, 50%, 93%);\n$grey200: hsl(212, 30%, 85%);\n$grey300: hsl(211, 13%, 65%);\n$grey350: hsl(211, 11%, 59%);\n$grey400: hsl(210, 10%, 53%);\n$grey500: hsl(211, 12%, 43%);\n$grey550: hsl(210, 13%, 40%);\n$grey600: hsl(209, 14%, 37%);\n$grey700: hsl(209, 18%, 30%);\n$grey800: hsl(209, 20%, 25%);\n$grey900: hsl(210, 24%, 16%);\n$grey1000: hsl(210, 24%, 10%);\n\n$blue050: #e3f8ff;\n$blue100: #b3ecff;\n$blue200: #81defd;\n$blue300: #5ed0fa;\n$blue400: #40c3f7;\n$blue500: #2bb0ed;\n$blue600: #1992d4;\n$blue700: #127fbf;\n$blue800: #0b69a3;\n$blue900: #035388;\n\n$cyan050: #e0fcff;\n$cyan100: #bef8fd;\n$cyan200: #87eaf2;\n$cyan300: #54d1db;\n$cyan400: #38bec9;\n$cyan500: #2cb1bc;\n$cyan600: #14919b;\n$cyan700: #0e7c86;\n$cyan800: #0a6c74;\n$cyan900: #044e54;\n\n$pink050: #ffe3ec;\n$pink100: #ffb8d2;\n$pink200: #ff8cba;\n$pink300: #f364a2;\n$pink400: #e8368f;\n$pink500: #da127d;\n$pink600: #bc0a6f;\n$pink700: #a30664;\n$pink800: #870557;\n$pink900: #620042;\n\n$red050: #ffe3e3;\n$red100: #ffbdbd;\n$red200: #ff9b9b;\n$red300: #f86a6a;\n$red400: #ef4e4e;\n$red500: #e12d39;\n$red600: #cf1124;\n$red700: #ab091e;\n$red800: #8a041a;\n$red900: #610316;\n\n$yellow050: #fffbea;\n$yellow100: #fff3c4;\n$yellow200: #fce588;\n$yellow300: #fadb5f;\n$yellow400: #f7c948;\n$yellow500: #f0b429;\n$yellow600: #de911d;\n$yellow700: #cb6e17;\n$yellow800: #b44d12;\n$yellow900: #8d2b0b;\n\n$teal050: #effcf6;\n$teal100: #c6f7e2;\n$teal200: #8eedc7;\n$teal300: #65d6ad;\n$teal400: #3ebd93;\n$teal500: #27ab83;\n$teal600: #199473;\n$teal700: #147d64;\n$teal800: #0c6b58;\n$teal900: #014d40;\n\n// submit button colors\n$primaryColor: $red500;\n$secondaryColor: $grey500;\n\n$inputColor: hsl(212, 25%, 50%);\n\n// text colors\n$textColor: $grey700;\n$mediumDarkTextColor: $grey550;\n$mediumTextColor: $grey550;\n$lightTextColor: $grey500;\n$linkColor: #2563eb;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $white;\n$menuOptionActiveBackgroundColor: $grey500;\n\n// hairline colors\n$hairlineColor: transparentize($grey800, 0.9);\n$mediumHairlineColor: transparentize($grey600, 0.75);\n$darkHairlineColor: transparentize($grey400, 0.5);\n\n// focus colors\n$lightFocusColor: $blue300;\n$mediumFocusColor: $blue500;\n$darkFocusColor: #0f74b1;\n\n// focus rings\n$lightFocusRing: 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing: 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing: 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey600;\n\n// alert/notice colors\n$errorColor: $red600;\n$warningColor: $yellow800;\n$successColor: $teal500;\n$noticeColor: $blue800;\n\n// UI element styles\n$smallBorderRadius: 3px;\n$mediumBorderRadius: 4px;\n$largeBorderRadius: 5px;\n\n$menuBorderRadius: $mediumBorderRadius;\n$checkboxSize: 16px;\n$radioSize: 16px;\n\n@mixin sans-serif-font {\n font-family: system-ui, BlinkMacSystemFont, -apple-system, 'Segoe UI',\n 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',\n 'Helvetica Neue', sans-serif;\n}\n\n@mixin fixed-width-font {\n font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier,\n monospace;\n font-size: 0.9em !important;\n}\n\n@function toRem($size) {\n $remValue: calc($size / 16) + rem;\n @return $remValue;\n}\n\n@mixin fontSize($size) {\n font-size: toRem($size);\n}\n\n// Other\n\n@mixin focus-styles {\n body:not(.reduce-focus-visibility) &:focus,\n body.reduce-focus-visibility &.focus-visible {\n @content;\n }\n}\n\n@mixin svg-mask($color) {\n rect,\n circle,\n ellipse,\n line,\n polyline,\n polygon,\n path,\n text {\n fill: $color;\n stroke-width: 0;\n }\n}\n\n@mixin icon {\n font-family: 'Craft';\n speak: none;\n -webkit-font-feature-settings: 'liga', 'dlig';\n -moz-font-feature-settings: 'liga=1, dlig=1';\n -moz-font-feature-settings: 'liga', 'dlig';\n -ms-font-feature-settings: 'liga', 'dlig';\n -o-font-feature-settings: 'liga', 'dlig';\n font-feature-settings: 'liga', 'dlig';\n text-rendering: optimizeLegibility;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n direction: ltr; // Fixes a rendering issue in Chrome/Win\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n\n display: inline-block;\n text-align: center;\n font-style: normal;\n vertical-align: middle;\n word-wrap: normal !important;\n user-select: none;\n\n opacity: var(--icon-opacity);\n}\n\n@mixin angle($dir: down, $color: currentColor, $width: 2px) {\n display: block;\n content: '';\n font-size: 0;\n width: 7px;\n height: 7px;\n border: solid $color;\n border-width: 0 $width $width 0;\n opacity: 0.8;\n\n @if $dir == up {\n transform: rotate(225deg);\n } @else if $dir == down {\n transform: rotate(45deg);\n } @else if $dir == left {\n body.ltr & {\n transform: rotate(135deg);\n }\n body.rtl & {\n transform: rotate(-45deg);\n }\n } @else if $dir == right {\n body.ltr & {\n transform: rotate(-45deg);\n }\n body.rtl & {\n transform: rotate(135deg);\n }\n }\n}\n\n@mixin clearafter {\n content: '';\n display: block;\n height: 0;\n clear: both;\n visibility: hidden;\n}\n\n@mixin shadow {\n box-shadow: 0 1px 5px -1px transparentize($grey900, 0.8);\n}\n\n@mixin pane {\n background: $white;\n box-shadow: 0 0 0 1px $grey200, 0 2px 12px transparentize($grey200, 0.5);\n\n &:focus {\n box-shadow: var(--focus-ring);\n }\n}\n\n@mixin modal {\n border-radius: $largeBorderRadius;\n background-color: $white;\n box-shadow: 0 25px 100px transparentize($grey900, 0.5);\n}\n\n@mixin light-on-dark-text() {\n // Make light on dark text sharp on Macs\n // (sub-pixel antialiasing looks too bold/blurry with light text on dark background)\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-weight: 500;\n}\n\n@mixin light-focus-ring() {\n --focus-ring: 0 0 0 1px hsl(var(--light-focus-hsl)),\n 0 0 0 3px hsla(var(--light-focus-hsl), 0.7);\n}\n\n@mixin two-color-focus-ring($light-button: true) {\n // Creates a two-color focus ring, with a white\n // If button is light, the dark box shadow is adjacent to the button\n // Else the light box shadow is adjacent to the button\n --light-color: var(--white);\n --dark-color: var(--gray-800);\n\n @if $light-button {\n --focus-ring: 0 0 0 3px var(--dark-color), 0 0 0 6px var(--light-color);\n } @else {\n --focus-ring: 0 0 0 3px var(--light-color), 0 0 0 6px var(--dark-color);\n }\n}\n\n// RTL stuff\n\n@mixin left($left) {\n body.ltr & {\n left: $left;\n }\n body.rtl & {\n right: $left;\n }\n}\n\n@mixin right($right) {\n body.ltr & {\n right: $right;\n }\n body.rtl & {\n left: $right;\n }\n}\n\n@mixin alignleft {\n body.ltr & {\n text-align: left;\n }\n body.rtl & {\n text-align: right;\n }\n}\n\n@mixin alignright {\n body.ltr & {\n text-align: right;\n }\n body.rtl & {\n text-align: left;\n }\n}\n\n@mixin border-left($params...) {\n body.ltr & {\n border-left: $params;\n }\n body.rtl & {\n border-right: $params;\n }\n}\n\n@mixin border-right($params...) {\n body.ltr & {\n border-right: $params;\n }\n body.rtl & {\n border-left: $params;\n }\n}\n\n@mixin border-left-width($param) {\n body.ltr & {\n border-left-width: $param;\n }\n body.rtl & {\n border-right-width: $param;\n }\n}\n\n@mixin border-right-width($param) {\n body.ltr & {\n border-right-width: $param;\n }\n body.rtl & {\n border-left-width: $param;\n }\n}\n\n@mixin border-radius($tl, $tr, $br, $bl) {\n body.ltr & {\n border-radius: $tl $tr $br $bl;\n }\n body.rtl & {\n border-radius: $tr $tl $bl $br;\n }\n}\n\n@mixin border-top-left-radius($params...) {\n body.ltr & {\n border-top-left-radius: $params;\n }\n body.rtl & {\n border-top-right-radius: $params;\n }\n}\n\n@mixin border-top-right-radius($params...) {\n body.ltr & {\n border-top-right-radius: $params;\n }\n body.rtl & {\n border-top-left-radius: $params;\n }\n}\n\n@mixin border-bottom-left-radius($params...) {\n body.ltr & {\n border-bottom-left-radius: $params;\n }\n body.rtl & {\n border-bottom-right-radius: $params;\n }\n}\n\n@mixin border-bottom-right-radius($params...) {\n body.ltr & {\n border-bottom-right-radius: $params;\n }\n body.rtl & {\n border-bottom-left-radius: $params;\n }\n}\n\n@mixin floatleft {\n body.ltr & {\n float: left;\n }\n body.rtl & {\n float: right;\n }\n}\n\n@mixin floatright {\n body.ltr & {\n float: right;\n }\n body.rtl & {\n float: left;\n }\n}\n\n@mixin margin($t, $r, $b, $l, $important: '') {\n body.ltr & {\n margin: $t $r $b $l unquote($important);\n }\n body.rtl & {\n margin: $t $l $b $r unquote($important);\n }\n}\n\n@mixin margin-left($margin...) {\n body.ltr & {\n margin-left: $margin;\n }\n body.rtl & {\n margin-right: $margin;\n }\n}\n\n@mixin margin-right($margin...) {\n body.ltr & {\n margin-right: $margin;\n }\n body.rtl & {\n margin-left: $margin;\n }\n}\n\n@mixin padding($t, $r, $b, $l, $important: '') {\n body.ltr & {\n padding: $t $r $b $l unquote($important);\n }\n body.rtl & {\n padding: $t $l $b $r unquote($important);\n }\n}\n\n@mixin padding-left($padding...) {\n body.ltr & {\n padding-left: $padding;\n }\n body.rtl & {\n padding-right: $padding;\n }\n}\n\n@mixin padding-right($padding...) {\n body.ltr & {\n padding-right: $padding;\n }\n body.rtl & {\n padding-left: $padding;\n }\n}\n\n// Misc\n\n@mixin dark-inputs {\n @include placeholder-styles($grey400);\n\n .btn,\n .select:not(.selectize) select {\n background-color: $grey200;\n\n &:focus,\n &:hover {\n background-color: darken($grey200, 5%);\n }\n\n &:active,\n &.active {\n background-color: darken($grey200, 10%);\n }\n }\n\n .text {\n background-color: $grey200;\n\n &:focus {\n background-color: darken($grey200, 5%);\n }\n }\n}\n\n@mixin header-btn {\n width: 30px;\n height: 30px;\n padding-left: 0;\n padding-right: 0;\n\n &:not(:hover):not(:active):not(.active) {\n background-color: transparent;\n }\n &:not(:active):not(.active):hover {\n background-color: transparentize($grey300, 0.85);\n }\n}\n\n@mixin h6-styles {\n margin: 14px 0 3px;\n font-size: 11px;\n line-height: 1.2;\n color: $lightTextColor;\n text-transform: uppercase;\n}\n\n@mixin token-styles {\n display: inline-block;\n border-radius: $smallBorderRadius;\n padding: 3px 7px;\n font-size: 12px;\n line-height: 14px;\n color: $textColor;\n background-color: $grey100;\n}\n\n@mixin active-token-styles {\n background-color: $grey200;\n}\n\n@mixin menu-styles {\n z-index: 100;\n border-radius: $menuBorderRadius;\n padding: 0 14px;\n overflow: auto;\n background: $white;\n user-select: none;\n box-shadow: 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-option-styles {\n margin: 0 -14px;\n padding: 10px 14px;\n color: $menuOptionColor;\n text-decoration: none;\n white-space: nowrap;\n}\n\n@mixin menu-option-active-styles {\n color: $menuOptionActiveColor;\n background-color: $menuOptionActiveBackgroundColor;\n}\n\n@mixin disclosure-link-hover-styles {\n color: $menuOptionColor;\n background-color: $grey050;\n}\n\n@mixin input-styles {\n border-radius: $smallBorderRadius;\n border: 1px solid transparentize($inputColor, 0.75);\n background-color: hsl(212, 50%, 99%);\n background-clip: padding-box;\n}\n\n@mixin input-focused-styles {\n box-shadow: var(--focus-ring);\n}\n\n@mixin placeholder-styles($color) {\n ::-webkit-input-placeholder {\n color: $color;\n }\n\n input:-ms-input-placeholder {\n color: $color;\n }\n\n ::-ms-input-placeholder {\n color: $color;\n }\n\n :-moz-placeholder {\n color: $color;\n }\n\n ::-moz-placeholder {\n color: $color;\n }\n\n ::placeholder {\n color: $color;\n }\n}\n\n@mixin select-styles {\n position: relative;\n border-radius: $largeBorderRadius;\n white-space: nowrap;\n}\n\n@mixin select-container-styles {\n max-width: 100%;\n position: relative;\n :not(.flex) > & {\n display: inline-block;\n }\n}\n\n@mixin select-arrow-styles {\n @include angle;\n position: absolute;\n z-index: 1;\n top: calc(50% - 5px);\n @include right(9px);\n user-select: none;\n pointer-events: none;\n}\n\n@mixin select-input-styles {\n display: block;\n position: relative;\n max-width: 100%;\n border: none;\n @include padding(7px, 22px, 7px, 10px);\n font-size: 14px;\n line-height: 20px;\n color: $textColor;\n background-color: hsl(212, 25%, 90%);\n appearance: none;\n // from https://stackoverflow.com/a/15933790/1688568\n &::-ms-expand {\n display: none;\n }\n}\n\n@mixin select-input-fullwidth-styles {\n min-width: 100%;\n}\n\n@mixin select-input-focused-styles {\n outline-color: transparent;\n background-color: hsl(212, 25%, 85%);\n box-shadow: var(--focus-ring);\n}\n\n@mixin touch-target {\n height: var(--touch-target-size);\n width: var(--touch-target-size);\n}\n\n@mixin visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: 0;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\n@mixin readable {\n font-size: 16px;\n line-height: 22px;\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6 {\n font-size: 13.6px;\n line-height: 17px;\n color: $mediumTextColor;\n }\n\n ul,\n ol {\n margin: 1em 0;\n @include padding-left(2em);\n }\n\n ul li {\n list-style-type: disc;\n }\n\n li + li {\n margin-top: 0.25em;\n }\n\n blockquote {\n margin: 16px 0;\n\n &:not(.note) {\n padding: 0 16px;\n color: $mediumTextColor;\n @include border-left(4px solid $hairlineColor);\n }\n\n &.note {\n position: relative;\n border-radius: 4px;\n padding: 1em;\n @include padding-left(56px);\n border: 1px solid;\n\n &:not(.tip):not(.warning) {\n border-color: $errorColor;\n color: #bf503f;\n\n &:before {\n content: 'alert';\n color: $errorColor;\n }\n }\n\n &.tip {\n border-color: $linkColor;\n color: $mediumTextColor;\n\n &:before {\n content: 'lightbulb';\n color: $linkColor;\n }\n }\n\n &.warning {\n border-color: $warningColor;\n color: #cf783a;\n\n &:before {\n content: 'alert';\n color: $warningColor;\n }\n }\n\n &:before {\n @include icon;\n position: absolute;\n top: 12px;\n @include left(16px);\n font-size: 30px;\n width: 24px;\n }\n }\n }\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"css/CraftSupportWidget.css","mappings":"AAKI,kDAEE,gBADA,SACA,CAEA,6DAEE,sBADA,iBACA,CAEA,+EACE,aACA,UAIA,8EACE,cAGA,YAFA,mBACA,UACA,CC4JV,oqBAQE,oBDnK0B,CCoK1B,eD9JI,0EACE,wGAMA,cADA,eAHA,cAKA,aAJA,aACA,kBAIA,WAEA,sFACE,0BAGF,4FACE,qCAGF,qFACE,0BAGF,gFACE,2BAGF,6EAEE,gBADA,eACA,CAGF,4EAEE,8BADA,cACA,CAKN,oIAEE,aAIA,4FAME,2BACA,0FALA,eAEA,iBACA,gBAFA,eAFA,iBAMA,CAGA,4GACE,iBAEA,gHACE,cAGA,YAFA,cACA,UACA,CAKN,0FAIE,+BAFA,gBADA,kBAEA,iBACA,CAGF,kFAEE,eADA,iBACA,CAEA,oFACE,cACA,kBCwWV,6FACE,uBAEF,6FACE,uBDzWQ,4FACE,kBACA,QCiMZ,qGACE,MDjMwB,CCmM1B,qGACE,ODpMwB,CAKpB,yEACE,kBAEA,4FACE,aACA,aAGF,kKAEE,cACA,cACA,gBAIJ,+EACE,uEAEA,iFACE,SACA,kBAGF,kGACE,kCACA,sCACA,sDAEA,oGAEE,sBAEA,8BADA,iBAFA,SAGA,CAEA,0GACE,wBACA,qBAGF,uGAEE,eAAc,CADd,iBACA,CAEA,2GAEE,YADA,WACA,CAIJ,sGACE,aAKN,oGAGE,8CAFA,kCACA,qDACA,CAGF,kGAIE,kCACA,sDAHA,gBACA,iBAFA,iBAIA,CAEA,yGAUE,iCARA,WADA,cAEA,YAMA,WAHA,SACA,eAHA,kBACA,MAGA,UAEA,CC4PZ,+GACE,gBDzPU,CC2PZ,+GACE,iBD5PU,CAGF,oGAEE,8CADA,iCACA,CAEA,wGAEE,YADA,UACA,CClCd,o3BAQE,4BD2B8B,CC1B9B,eAwQF,kHACE,eD3OY,CC6Od,kHACE,gBD9OY,CAON,4FACE,iBAKF,wFACE,qEAGF,sHACE,gBAGF,yFAEE,QAAO,CADP,iBACA,CC4EV,kGACE,WD5EuB,CC8EzB,kGACE,UD/EuB","sources":["webpack:///./CraftSupportWidget.scss","webpack:///../../../../../packages/craftcms-sass/_mixins.scss"],"sourcesContent":["@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\n.widget.craft\\\\widgets\\\\craftsupport {\n .front {\n .pane {\n padding: 0;\n overflow: hidden;\n\n .cs-screen {\n position: relative;\n box-sizing: border-box;\n\n &:not(:first-child) {\n display: none;\n opacity: 0;\n }\n\n .cs-opt-icon {\n svg {\n display: block;\n margin: 0 auto 14px;\n width: 50px;\n height: 50px;\n @include svg-mask(var(--gray-200));\n }\n }\n }\n\n .cs-screen-home {\n .cs-opt {\n --focus-ring: inset 0 0 0 1px hsl(var(--dark-focus-hsl)),\n inset 0 0 0 3px hsla(var(--dark-focus-hsl), 0.7);\n display: block;\n padding: 24px;\n text-align: center;\n cursor: pointer;\n color: inherit;\n font: inherit;\n width: 100%;\n\n &:first-child {\n border-radius: 4px 4px 0 0;\n }\n\n &:not(:first-child) {\n border-top: 1px solid var(--gray-050);\n }\n\n &:last-child {\n border-radius: 0 0 4px 4px;\n }\n\n &:hover {\n background: var(--gray-050);\n }\n\n h2 {\n margin: -7px 0 0;\n font-weight: normal;\n }\n\n p {\n margin-top: 3px;\n color: var(--light-text-color);\n }\n }\n }\n\n .cs-screen-2,\n .cs-screen-support {\n padding: 24px;\n }\n\n .cs-screen-2 {\n .cs-search-results-container {\n position: relative;\n margin: 0 -24px;\n padding: 0 24px;\n max-height: 250px;\n overflow: scroll;\n background: var(--gray-050);\n box-shadow: inset 0 2px 2px -2px transparentize($grey800, 0.9),\n inset 0 -2px 2px -2px transparentize($grey800, 0.9);\n\n .cs-search-icon {\n padding-top: 10px;\n\n svg {\n display: block;\n margin: 0 auto;\n width: 30px;\n height: 30px;\n }\n }\n }\n\n .cs-more-resources-heading {\n margin: 7px 0 14px;\n font-weight: normal;\n text-align: center;\n color: var(--medium-text-color);\n }\n\n .cs-search-results {\n position: relative;\n padding: 14px 0 14px;\n\n a {\n display: block;\n position: relative;\n @include padding(3px, 0, 3px, 20px);\n\n .status {\n position: absolute;\n top: 6px;\n @include left(0);\n }\n }\n }\n\n .cs-forms {\n position: relative;\n\n .cs-button-wrapper {\n display: grid;\n gap: var(--s);\n }\n\n .submit,\n .cancel {\n display: block;\n margin: 0 auto;\n max-width: 365px;\n }\n }\n\n .cs-search-form {\n transition: padding-top linear 100ms;\n\n p {\n margin: 0;\n text-align: center;\n }\n\n .cs-logo-resources {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n\n a {\n width: 50%;\n box-sizing: border-box;\n padding: 10px 5px;\n color: var(--light-text-color);\n\n &:hover {\n color: var(--link-color);\n text-decoration: none;\n }\n\n h4 {\n text-align: center;\n margin-bottom: 0;\n\n img {\n width: 120px;\n height: 24px;\n }\n }\n\n p {\n margin-top: 0;\n }\n }\n }\n\n .cs-resource-heading {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n .cs-icon-resources {\n position: relative;\n margin-top: 14px;\n padding-top: 24px;\n display: flex;\n justify-content: center;\n\n &:before {\n display: block;\n content: '';\n font-size: 0;\n position: absolute;\n top: 0;\n left: 50%;\n margin: 0 -10px;\n width: 20px;\n height: 1px;\n background: var(--hairline-color);\n }\n\n a + a {\n @include margin-left(24px);\n }\n\n a {\n display: flex;\n align-items: center;\n\n svg {\n width: 16px;\n height: 16px;\n @include svg-mask(var(--light-text-color));\n }\n\n span {\n @include margin-left(5px);\n }\n }\n }\n }\n\n &.with-results {\n .cs-search-form {\n padding-top: 24px;\n }\n }\n\n .cs-support-form {\n .submit {\n transition: margin-top linear 100ms;\n }\n\n .cs-support-more:not(.hidden) + .submit {\n margin-top: 24px;\n }\n\n .spinner {\n position: absolute;\n bottom: 0;\n @include right(-24px);\n }\n }\n }\n }\n }\n}\n","$white: #fff;\n$black: #000;\n\n$grey050: hsl(212, 60%, 97%);\n$grey100: hsl(212, 50%, 93%);\n$grey200: hsl(212, 30%, 85%);\n$grey300: hsl(211, 13%, 65%);\n$grey350: hsl(211, 11%, 59%);\n$grey400: hsl(210, 10%, 53%);\n$grey500: hsl(211, 12%, 43%);\n$grey550: hsl(210, 13%, 40%);\n$grey600: hsl(209, 14%, 37%);\n$grey700: hsl(209, 18%, 30%);\n$grey800: hsl(209, 20%, 25%);\n$grey900: hsl(210, 24%, 16%);\n$grey1000: hsl(210, 24%, 10%);\n\n$blue050: #e3f8ff;\n$blue100: #b3ecff;\n$blue200: #81defd;\n$blue300: #5ed0fa;\n$blue400: #40c3f7;\n$blue500: #2bb0ed;\n$blue600: #1992d4;\n$blue700: #127fbf;\n$blue800: #0b69a3;\n$blue900: #035388;\n\n$cyan050: #e0fcff;\n$cyan100: #bef8fd;\n$cyan200: #87eaf2;\n$cyan300: #54d1db;\n$cyan400: #38bec9;\n$cyan500: #2cb1bc;\n$cyan600: #14919b;\n$cyan700: #0e7c86;\n$cyan800: #0a6c74;\n$cyan900: #044e54;\n\n$pink050: #ffe3ec;\n$pink100: #ffb8d2;\n$pink200: #ff8cba;\n$pink300: #f364a2;\n$pink400: #e8368f;\n$pink500: #da127d;\n$pink600: #bc0a6f;\n$pink700: #a30664;\n$pink800: #870557;\n$pink900: #620042;\n\n$red050: #ffe3e3;\n$red100: #ffbdbd;\n$red200: #ff9b9b;\n$red300: #f86a6a;\n$red400: #ef4e4e;\n$red500: #e12d39;\n$red600: #cf1124;\n$red700: #ab091e;\n$red800: #8a041a;\n$red900: #610316;\n\n$yellow050: #fffbea;\n$yellow100: #fff3c4;\n$yellow200: #fce588;\n$yellow300: #fadb5f;\n$yellow400: #f7c948;\n$yellow500: #f0b429;\n$yellow600: #de911d;\n$yellow700: #cb6e17;\n$yellow800: #b44d12;\n$yellow900: #8d2b0b;\n\n$teal050: #effcf6;\n$teal100: #c6f7e2;\n$teal200: #8eedc7;\n$teal300: #65d6ad;\n$teal400: #3ebd93;\n$teal500: #27ab83;\n$teal600: #199473;\n$teal700: #147d64;\n$teal800: #0c6b58;\n$teal900: #014d40;\n\n// submit button colors\n$primaryColor: $red500;\n$secondaryColor: $grey500;\n\n$inputColor: hsl(212, 25%, 50%);\n\n// text colors\n$textColor: $grey700;\n$mediumDarkTextColor: $grey550;\n$mediumTextColor: $grey550;\n$lightTextColor: $grey500;\n$linkColor: #2563eb;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $white;\n$menuOptionActiveBackgroundColor: $grey500;\n\n// hairline colors\n$hairlineColor: transparentize($grey800, 0.9);\n$mediumHairlineColor: transparentize($grey600, 0.75);\n$darkHairlineColor: transparentize($grey400, 0.5);\n\n// focus colors\n$lightFocusColor: $blue300;\n$mediumFocusColor: $blue500;\n$darkFocusColor: #0f74b1;\n\n// focus rings\n$lightFocusRing: 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing: 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing: 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey600;\n\n// alert/notice colors\n$errorColor: $red600;\n$warningColor: $yellow800;\n$successColor: $teal500;\n$noticeColor: $blue800;\n\n// UI element styles\n$smallBorderRadius: 3px;\n$mediumBorderRadius: 4px;\n$largeBorderRadius: 5px;\n\n$menuBorderRadius: $mediumBorderRadius;\n$checkboxSize: 16px;\n$radioSize: 16px;\n\n@mixin sans-serif-font {\n font-family: system-ui, BlinkMacSystemFont, -apple-system, 'Segoe UI',\n 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',\n 'Helvetica Neue', sans-serif;\n}\n\n@mixin fixed-width-font {\n font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier,\n monospace;\n font-size: 0.9em !important;\n}\n\n@function toRem($values...) {\n $max: length($values);\n $remValues: '';\n\n @for $i from 1 through $max {\n $remValues: #{$remValues + calc(nth($values, $i) / 16)}rem;\n\n @if $i < $max {\n $remValues: #{$remValues + ' '};\n }\n }\n\n @return $remValues;\n}\n\n@mixin fontSize($size) {\n font-size: toRem($size);\n}\n\n// Other\n\n@mixin focus-styles {\n body:not(.reduce-focus-visibility) &:focus,\n body.reduce-focus-visibility &.focus-visible {\n @content;\n }\n}\n\n@mixin svg-mask($color) {\n rect,\n circle,\n ellipse,\n line,\n polyline,\n polygon,\n path,\n text {\n fill: $color;\n stroke-width: 0;\n }\n}\n\n@mixin icon {\n font-family: 'Craft';\n speak: none;\n -webkit-font-feature-settings: 'liga', 'dlig';\n -moz-font-feature-settings: 'liga=1, dlig=1';\n -moz-font-feature-settings: 'liga', 'dlig';\n -ms-font-feature-settings: 'liga', 'dlig';\n -o-font-feature-settings: 'liga', 'dlig';\n font-feature-settings: 'liga', 'dlig';\n text-rendering: optimizeLegibility;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n direction: ltr; // Fixes a rendering issue in Chrome/Win\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n\n display: inline-block;\n text-align: center;\n font-style: normal;\n vertical-align: middle;\n word-wrap: normal !important;\n user-select: none;\n\n opacity: var(--icon-opacity);\n}\n\n@mixin angle($dir: down, $color: currentColor, $width: 2px) {\n display: block;\n content: '';\n font-size: 0;\n width: 7px;\n height: 7px;\n border: solid $color;\n border-width: 0 $width $width 0;\n opacity: 0.8;\n\n @if $dir == up {\n transform: rotate(225deg);\n } @else if $dir == down {\n transform: rotate(45deg);\n } @else if $dir == left {\n body.ltr & {\n transform: rotate(135deg);\n }\n body.rtl & {\n transform: rotate(-45deg);\n }\n } @else if $dir == right {\n body.ltr & {\n transform: rotate(-45deg);\n }\n body.rtl & {\n transform: rotate(135deg);\n }\n }\n}\n\n@mixin clearafter {\n content: '';\n display: block;\n height: 0;\n clear: both;\n visibility: hidden;\n}\n\n@mixin shadow {\n box-shadow: 0 1px 5px -1px transparentize($grey900, 0.8);\n}\n\n@mixin pane {\n background: $white;\n box-shadow: 0 0 0 1px $grey200, 0 2px 12px transparentize($grey200, 0.5);\n\n &:focus {\n box-shadow: var(--focus-ring);\n }\n}\n\n@mixin modal {\n border-radius: $largeBorderRadius;\n background-color: $white;\n box-shadow: 0 25px 100px transparentize($grey900, 0.5);\n}\n\n@mixin light-on-dark-text() {\n // Make light on dark text sharp on Macs\n // (sub-pixel antialiasing looks too bold/blurry with light text on dark background)\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-weight: 500;\n}\n\n@mixin light-focus-ring() {\n --focus-ring: 0 0 0 1px hsl(var(--light-focus-hsl)),\n 0 0 0 3px hsla(var(--light-focus-hsl), 0.7);\n}\n\n@mixin two-color-focus-ring($light-button: true) {\n // Creates a two-color focus ring, with a white\n // If button is light, the dark box shadow is adjacent to the button\n // Else the light box shadow is adjacent to the button\n --light-color: var(--white);\n --dark-color: var(--gray-800);\n\n @if $light-button {\n --focus-ring: 0 0 0 3px var(--dark-color), 0 0 0 6px var(--light-color);\n } @else {\n --focus-ring: 0 0 0 3px var(--light-color), 0 0 0 6px var(--dark-color);\n }\n}\n\n// RTL stuff\n\n@mixin left($left) {\n body.ltr & {\n left: $left;\n }\n body.rtl & {\n right: $left;\n }\n}\n\n@mixin right($right) {\n body.ltr & {\n right: $right;\n }\n body.rtl & {\n left: $right;\n }\n}\n\n@mixin alignleft {\n body.ltr & {\n text-align: left;\n }\n body.rtl & {\n text-align: right;\n }\n}\n\n@mixin alignright {\n body.ltr & {\n text-align: right;\n }\n body.rtl & {\n text-align: left;\n }\n}\n\n@mixin border-left($params...) {\n body.ltr & {\n border-left: $params;\n }\n body.rtl & {\n border-right: $params;\n }\n}\n\n@mixin border-right($params...) {\n body.ltr & {\n border-right: $params;\n }\n body.rtl & {\n border-left: $params;\n }\n}\n\n@mixin border-left-width($param) {\n body.ltr & {\n border-left-width: $param;\n }\n body.rtl & {\n border-right-width: $param;\n }\n}\n\n@mixin border-right-width($param) {\n body.ltr & {\n border-right-width: $param;\n }\n body.rtl & {\n border-left-width: $param;\n }\n}\n\n@mixin border-radius($tl, $tr, $br, $bl) {\n body.ltr & {\n border-radius: $tl $tr $br $bl;\n }\n body.rtl & {\n border-radius: $tr $tl $bl $br;\n }\n}\n\n@mixin border-top-left-radius($params...) {\n body.ltr & {\n border-top-left-radius: $params;\n }\n body.rtl & {\n border-top-right-radius: $params;\n }\n}\n\n@mixin border-top-right-radius($params...) {\n body.ltr & {\n border-top-right-radius: $params;\n }\n body.rtl & {\n border-top-left-radius: $params;\n }\n}\n\n@mixin border-bottom-left-radius($params...) {\n body.ltr & {\n border-bottom-left-radius: $params;\n }\n body.rtl & {\n border-bottom-right-radius: $params;\n }\n}\n\n@mixin border-bottom-right-radius($params...) {\n body.ltr & {\n border-bottom-right-radius: $params;\n }\n body.rtl & {\n border-bottom-left-radius: $params;\n }\n}\n\n@mixin floatleft {\n body.ltr & {\n float: left;\n }\n body.rtl & {\n float: right;\n }\n}\n\n@mixin floatright {\n body.ltr & {\n float: right;\n }\n body.rtl & {\n float: left;\n }\n}\n\n@mixin margin($t, $r, $b, $l, $important: '') {\n body.ltr & {\n margin: $t $r $b $l unquote($important);\n }\n body.rtl & {\n margin: $t $l $b $r unquote($important);\n }\n}\n\n@mixin margin-left($margin...) {\n body.ltr & {\n margin-left: $margin;\n }\n body.rtl & {\n margin-right: $margin;\n }\n}\n\n@mixin margin-right($margin...) {\n body.ltr & {\n margin-right: $margin;\n }\n body.rtl & {\n margin-left: $margin;\n }\n}\n\n@mixin padding($t, $r, $b, $l, $important: '') {\n body.ltr & {\n padding: $t $r $b $l unquote($important);\n }\n body.rtl & {\n padding: $t $l $b $r unquote($important);\n }\n}\n\n@mixin padding-left($padding...) {\n body.ltr & {\n padding-left: $padding;\n }\n body.rtl & {\n padding-right: $padding;\n }\n}\n\n@mixin padding-right($padding...) {\n body.ltr & {\n padding-right: $padding;\n }\n body.rtl & {\n padding-left: $padding;\n }\n}\n\n// Misc\n\n@mixin dark-inputs {\n @include placeholder-styles($grey400);\n\n .btn,\n .select:not(.selectize) select {\n background-color: $grey200;\n\n &:focus,\n &:hover {\n background-color: darken($grey200, 5%);\n }\n\n &:active,\n &.active {\n background-color: darken($grey200, 10%);\n }\n }\n\n .text {\n background-color: $grey200;\n\n &:focus {\n background-color: darken($grey200, 5%);\n }\n }\n}\n\n@mixin header-btn {\n width: 30px;\n height: 30px;\n padding-left: 0;\n padding-right: 0;\n\n &:not(:hover):not(:active):not(.active) {\n background-color: transparent;\n }\n &:not(:active):not(.active):hover {\n background-color: transparentize($grey300, 0.85);\n }\n}\n\n@mixin h6-styles {\n margin: 14px 0 3px;\n font-size: 11px;\n line-height: 1.2;\n color: $lightTextColor;\n text-transform: uppercase;\n}\n\n@mixin token-styles {\n display: inline-block;\n border-radius: $smallBorderRadius;\n padding: 3px 7px;\n font-size: 12px;\n line-height: 14px;\n color: $textColor;\n background-color: $grey100;\n}\n\n@mixin active-token-styles {\n background-color: $grey200;\n}\n\n@mixin menu-styles {\n z-index: 100;\n border-radius: $menuBorderRadius;\n padding: 0 14px;\n overflow: auto;\n background: $white;\n user-select: none;\n box-shadow: 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-option-styles {\n margin: 0 -14px;\n padding: 10px 14px;\n color: $menuOptionColor;\n text-decoration: none;\n white-space: nowrap;\n}\n\n@mixin menu-option-active-styles {\n color: $menuOptionActiveColor;\n background-color: $menuOptionActiveBackgroundColor;\n}\n\n@mixin disclosure-link-hover-styles {\n color: $menuOptionColor;\n background-color: $grey050;\n}\n\n@mixin input-styles {\n border-radius: $smallBorderRadius;\n border: 1px solid transparentize($inputColor, 0.75);\n background-color: hsl(212, 50%, 99%);\n background-clip: padding-box;\n}\n\n@mixin input-focused-styles {\n box-shadow: var(--focus-ring);\n}\n\n@mixin placeholder-styles($color) {\n input::-webkit-input-placeholder,\n textarea::-webkit-input-placeholder {\n color: $color;\n }\n\n input:-ms-input-placeholder,\n textarea:-ms-input-placeholder {\n color: $color;\n }\n\n input::-ms-input-placeholder,\n textarea::-ms-input-placeholder {\n color: $color;\n }\n\n input:-moz-placeholder,\n textarea:-moz-placeholder {\n color: $color;\n }\n\n input::-moz-placeholder,\n textarea::-moz-placeholder {\n color: $color;\n }\n\n input::placeholder,\n textarea::placeholder {\n color: $color;\n }\n}\n\n@mixin select-styles {\n position: relative;\n border-radius: $largeBorderRadius;\n white-space: nowrap;\n}\n\n@mixin select-container-styles {\n max-width: 100%;\n position: relative;\n :not(.flex) > & {\n display: inline-block;\n }\n}\n\n@mixin select-arrow-styles {\n @include angle;\n position: absolute;\n z-index: 1;\n top: calc(50% - 5px);\n @include right(9px);\n user-select: none;\n pointer-events: none;\n}\n\n@mixin select-input-styles {\n display: block;\n position: relative;\n max-width: 100%;\n border: none;\n @include padding(7px, 22px, 7px, 10px);\n font-size: 14px;\n line-height: 20px;\n color: $textColor;\n background-color: hsl(212, 25%, 90%);\n appearance: none;\n // from https://stackoverflow.com/a/15933790/1688568\n &::-ms-expand {\n display: none;\n }\n}\n\n@mixin select-input-fullwidth-styles {\n min-width: 100%;\n}\n\n@mixin select-input-focused-styles {\n outline-color: transparent;\n background-color: hsl(212, 25%, 85%);\n box-shadow: var(--focus-ring);\n}\n\n@mixin touch-target {\n height: var(--touch-target-size);\n width: var(--touch-target-size);\n}\n\n@mixin visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: 0;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\n@mixin readable {\n font-size: 16px;\n line-height: 22px;\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6 {\n font-size: 13.6px;\n line-height: 17px;\n color: $mediumTextColor;\n }\n\n ul,\n ol {\n margin: 1em 0;\n @include padding-left(2em);\n }\n\n ul li {\n list-style-type: disc;\n }\n\n li + li {\n margin-top: 0.25em;\n }\n\n blockquote {\n margin: 16px 0;\n\n &:not(.note) {\n padding: 0 16px;\n color: $mediumTextColor;\n @include border-left(4px solid $hairlineColor);\n }\n\n &.note {\n position: relative;\n border-radius: 4px;\n padding: 1em;\n @include padding-left(56px);\n border: 1px solid;\n\n &:not(.tip):not(.warning) {\n border-color: $errorColor;\n color: #bf503f;\n\n &:before {\n content: 'alert';\n color: $errorColor;\n }\n }\n\n &.tip {\n border-color: $linkColor;\n color: $mediumTextColor;\n\n &:before {\n content: 'lightbulb';\n color: $linkColor;\n }\n }\n\n &.warning {\n border-color: $warningColor;\n color: #cf783a;\n\n &:before {\n content: 'alert';\n color: $warningColor;\n }\n }\n\n &:before {\n @include icon;\n position: absolute;\n top: 12px;\n @include left(16px);\n font-size: 30px;\n width: 24px;\n }\n }\n }\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/src/web/assets/dashboard/dist/css/Dashboard.css.map b/src/web/assets/dashboard/dist/css/Dashboard.css.map
index 9b712bf8ddf..dec62165b5d 100644
--- a/src/web/assets/dashboard/dist/css/Dashboard.css.map
+++ b/src/web/assets/dashboard/dist/css/Dashboard.css.map
@@ -1 +1 @@
-{"version":3,"file":"css/Dashboard.css","mappings":"AAIA,QAIE,mBAFA,8CADA,kBAEA,8QACA,CAEA,iBACE,UACA,uEAGF,6BAEE,8DACA,iCAIA,6BACE,wDAEA,wDACE,oBAGJ,4BACE,8DAGF,wDACE,WAGF,wDACE,WAKF,uBACE,4DAEF,sBACE,wDAIJ,mDAEE,UAKE,oCAGE,8CAEA,eAJA,kCASA,gCARA,sDAEA,UAKA,kBAFA,SACA,+DAGA,+BC8ON,6CACE,UDpPmB,CCsPrB,6CACE,SDvPmB,CAQjB,2CACE,aAKN,cAGE,OAFA,kBACA,MAEA,WAEA,oBACE,2BAEA,4BACE,gBAQA,mDACE,cCuUR,4DACE,YAEF,4DACE,WAcF,4DACE,gBDxVM,CC0VR,4DACE,iBD3VM,CAQJ,qCACE,aAEA,2DACE,cAGA,sBAFA,kBACA,oBACA,CAMR,wBACE,mBAEA,2BACE,kBAEF,2BACE,aAIJ,qBACE,gBAKJ,4CACE,mBAIF,iCACE,aACA,SAIF,uBACE,kBCgUA,gCACE,iBDhUF,CCkUA,gCACE,kBDnUF,CAEA,6BACE,kBACA,SAEA,WC8IF,sCACE,SDhJc,CCkJhB,sCACE,UDnJc,CAKlB,4DAGE,YADA,UACA,CCMA,wkBAQE,4BDbgB,CCchB,eDVJ,kBACE,gBAEA,wBACE,gBAIJ,yCACE,kBACE,gBAEA,wBACE,gBAMA,gHACE","sources":["webpack:///./dashboard.scss","webpack:///../../../../../packages/craftcms-sass/_mixins.scss"],"sourcesContent":["@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\n/* widgets */\n.widget {\n position: relative;\n perspective: 1000px;\n transition: opacity linear 200ms, transform linear 200ms;\n margin-bottom: 14px;\n\n &.scaleout {\n opacity: 0;\n transform: scale(0.5);\n }\n\n & > .front,\n & > .back {\n backface-visibility: hidden;\n transition: 600ms;\n }\n\n &:not(.flipped) {\n & > .front {\n transform: rotateY(0deg);\n\n & > .pane > .icon.settings:hover {\n opacity: 1 !important;\n }\n }\n & > .back {\n transform: rotateY(-180deg);\n }\n\n &:hover > .front > .pane > .icon.settings {\n opacity: 0.8;\n }\n\n & .front > .pane > .icon.settings:focus {\n opacity: 0.8;\n }\n }\n\n &.flipped {\n & > .front {\n transform: rotateY(180deg);\n }\n & > .back {\n transform: rotateY(0deg);\n }\n }\n\n &:not(.flipped) > .back,\n &.flipped > .front {\n opacity: 0;\n }\n\n & > .front {\n & > .pane {\n & > .icon.settings {\n display: flex;\n justify-content: center;\n align-items: center;\n opacity: 0;\n cursor: pointer;\n @include right(12px);\n top: 12px;\n transition: opacity linear 200ms;\n position: absolute;\n height: var(--touch-target-size);\n width: var(--touch-target-size);\n }\n\n & > .spinner.body-loading {\n display: none;\n }\n }\n }\n\n & > .back {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n\n & > .pane {\n background: var(--gray-050);\n\n & > .errors {\n margin-top: 24px;\n }\n }\n }\n\n &.loading {\n & > .front {\n & > .pane {\n & > .spinner.body-loading {\n display: block;\n @include floatright;\n @include margin-left(10px);\n }\n }\n }\n }\n\n &.loading-new.new {\n & > .front {\n & > .pane {\n height: 252px;\n\n & > .spinner.body-loading {\n display: block;\n position: absolute;\n top: calc(50% - 15px);\n left: calc(50% - 12px);\n }\n }\n }\n }\n\n .widget-heading {\n margin-bottom: 15px;\n\n h2 {\n margin-bottom: 3px;\n }\n h5 {\n margin-top: 0;\n }\n }\n\n form + .errors {\n margin-top: 15px;\n }\n}\n\n/* Recent Entries widget */\n.craft\\\\widgets\\\\recententries .body .table {\n table-layout: fixed;\n}\n\n/* New Users Widget */\n.craft\\\\widgets\\\\newusers .chart {\n height: 200px;\n margin: 0;\n}\n\n/* New Widget Menu */\n.newwidgetmenu ul li a {\n position: relative;\n @include padding-left(40px);\n\n .icon {\n position: absolute;\n top: 11px;\n @include left(14px);\n width: 16px;\n }\n}\n\n.newwidgetmenu ul li a .icon svg,\n.widgetmanagerhud-icon svg {\n width: 16px;\n height: 16px;\n @include svg-mask(var(--ui-control-color));\n}\n\n/* New Widget Menu */\n.widgetmanagerhud {\n max-width: 400px;\n\n .body {\n min-width: 400px;\n }\n}\n\n@media only screen and (max-width: 673px) {\n .widgetmanagerhud {\n max-width: 300px;\n\n .body {\n min-width: 300px;\n\n .widgetmanagerhud-col-colspan-picker {\n display: none;\n }\n\n .widgetmanagerhud-col-move {\n display: none;\n }\n }\n }\n}\n","$white: #fff;\n$black: #000;\n\n$grey050: hsl(212, 60%, 97%);\n$grey100: hsl(212, 50%, 93%);\n$grey200: hsl(212, 30%, 85%);\n$grey300: hsl(211, 13%, 65%);\n$grey350: hsl(211, 11%, 59%);\n$grey400: hsl(210, 10%, 53%);\n$grey500: hsl(211, 12%, 43%);\n$grey550: hsl(210, 13%, 40%);\n$grey600: hsl(209, 14%, 37%);\n$grey700: hsl(209, 18%, 30%);\n$grey800: hsl(209, 20%, 25%);\n$grey900: hsl(210, 24%, 16%);\n$grey1000: hsl(210, 24%, 10%);\n\n$blue050: #e3f8ff;\n$blue100: #b3ecff;\n$blue200: #81defd;\n$blue300: #5ed0fa;\n$blue400: #40c3f7;\n$blue500: #2bb0ed;\n$blue600: #1992d4;\n$blue700: #127fbf;\n$blue800: #0b69a3;\n$blue900: #035388;\n\n$cyan050: #e0fcff;\n$cyan100: #bef8fd;\n$cyan200: #87eaf2;\n$cyan300: #54d1db;\n$cyan400: #38bec9;\n$cyan500: #2cb1bc;\n$cyan600: #14919b;\n$cyan700: #0e7c86;\n$cyan800: #0a6c74;\n$cyan900: #044e54;\n\n$pink050: #ffe3ec;\n$pink100: #ffb8d2;\n$pink200: #ff8cba;\n$pink300: #f364a2;\n$pink400: #e8368f;\n$pink500: #da127d;\n$pink600: #bc0a6f;\n$pink700: #a30664;\n$pink800: #870557;\n$pink900: #620042;\n\n$red050: #ffe3e3;\n$red100: #ffbdbd;\n$red200: #ff9b9b;\n$red300: #f86a6a;\n$red400: #ef4e4e;\n$red500: #e12d39;\n$red600: #cf1124;\n$red700: #ab091e;\n$red800: #8a041a;\n$red900: #610316;\n\n$yellow050: #fffbea;\n$yellow100: #fff3c4;\n$yellow200: #fce588;\n$yellow300: #fadb5f;\n$yellow400: #f7c948;\n$yellow500: #f0b429;\n$yellow600: #de911d;\n$yellow700: #cb6e17;\n$yellow800: #b44d12;\n$yellow900: #8d2b0b;\n\n$teal050: #effcf6;\n$teal100: #c6f7e2;\n$teal200: #8eedc7;\n$teal300: #65d6ad;\n$teal400: #3ebd93;\n$teal500: #27ab83;\n$teal600: #199473;\n$teal700: #147d64;\n$teal800: #0c6b58;\n$teal900: #014d40;\n\n// submit button colors\n$primaryColor: $red500;\n$secondaryColor: $grey500;\n\n$inputColor: hsl(212, 25%, 50%);\n\n// text colors\n$textColor: $grey700;\n$mediumDarkTextColor: $grey550;\n$mediumTextColor: $grey550;\n$lightTextColor: $grey500;\n$linkColor: #2563eb;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $white;\n$menuOptionActiveBackgroundColor: $grey500;\n\n// hairline colors\n$hairlineColor: transparentize($grey800, 0.9);\n$mediumHairlineColor: transparentize($grey600, 0.75);\n$darkHairlineColor: transparentize($grey400, 0.5);\n\n// focus colors\n$lightFocusColor: $blue300;\n$mediumFocusColor: $blue500;\n$darkFocusColor: #0f74b1;\n\n// focus rings\n$lightFocusRing: 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing: 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing: 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey600;\n\n// alert/notice colors\n$errorColor: $red600;\n$warningColor: $yellow800;\n$successColor: $teal500;\n$noticeColor: $blue800;\n\n// UI element styles\n$smallBorderRadius: 3px;\n$mediumBorderRadius: 4px;\n$largeBorderRadius: 5px;\n\n$menuBorderRadius: $mediumBorderRadius;\n$checkboxSize: 16px;\n$radioSize: 16px;\n\n@mixin sans-serif-font {\n font-family: system-ui, BlinkMacSystemFont, -apple-system, 'Segoe UI',\n 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',\n 'Helvetica Neue', sans-serif;\n}\n\n@mixin fixed-width-font {\n font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier,\n monospace;\n font-size: 0.9em !important;\n}\n\n@function toRem($size) {\n $remValue: calc($size / 16) + rem;\n @return $remValue;\n}\n\n@mixin fontSize($size) {\n font-size: toRem($size);\n}\n\n// Other\n\n@mixin focus-styles {\n body:not(.reduce-focus-visibility) &:focus,\n body.reduce-focus-visibility &.focus-visible {\n @content;\n }\n}\n\n@mixin svg-mask($color) {\n rect,\n circle,\n ellipse,\n line,\n polyline,\n polygon,\n path,\n text {\n fill: $color;\n stroke-width: 0;\n }\n}\n\n@mixin icon {\n font-family: 'Craft';\n speak: none;\n -webkit-font-feature-settings: 'liga', 'dlig';\n -moz-font-feature-settings: 'liga=1, dlig=1';\n -moz-font-feature-settings: 'liga', 'dlig';\n -ms-font-feature-settings: 'liga', 'dlig';\n -o-font-feature-settings: 'liga', 'dlig';\n font-feature-settings: 'liga', 'dlig';\n text-rendering: optimizeLegibility;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n direction: ltr; // Fixes a rendering issue in Chrome/Win\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n\n display: inline-block;\n text-align: center;\n font-style: normal;\n vertical-align: middle;\n word-wrap: normal !important;\n user-select: none;\n\n opacity: var(--icon-opacity);\n}\n\n@mixin angle($dir: down, $color: currentColor, $width: 2px) {\n display: block;\n content: '';\n font-size: 0;\n width: 7px;\n height: 7px;\n border: solid $color;\n border-width: 0 $width $width 0;\n opacity: 0.8;\n\n @if $dir == up {\n transform: rotate(225deg);\n } @else if $dir == down {\n transform: rotate(45deg);\n } @else if $dir == left {\n body.ltr & {\n transform: rotate(135deg);\n }\n body.rtl & {\n transform: rotate(-45deg);\n }\n } @else if $dir == right {\n body.ltr & {\n transform: rotate(-45deg);\n }\n body.rtl & {\n transform: rotate(135deg);\n }\n }\n}\n\n@mixin clearafter {\n content: '';\n display: block;\n height: 0;\n clear: both;\n visibility: hidden;\n}\n\n@mixin shadow {\n box-shadow: 0 1px 5px -1px transparentize($grey900, 0.8);\n}\n\n@mixin pane {\n background: $white;\n box-shadow: 0 0 0 1px $grey200, 0 2px 12px transparentize($grey200, 0.5);\n\n &:focus {\n box-shadow: var(--focus-ring);\n }\n}\n\n@mixin modal {\n border-radius: $largeBorderRadius;\n background-color: $white;\n box-shadow: 0 25px 100px transparentize($grey900, 0.5);\n}\n\n@mixin light-on-dark-text() {\n // Make light on dark text sharp on Macs\n // (sub-pixel antialiasing looks too bold/blurry with light text on dark background)\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-weight: 500;\n}\n\n@mixin light-focus-ring() {\n --focus-ring: 0 0 0 1px hsl(var(--light-focus-hsl)),\n 0 0 0 3px hsla(var(--light-focus-hsl), 0.7);\n}\n\n@mixin two-color-focus-ring($light-button: true) {\n // Creates a two-color focus ring, with a white\n // If button is light, the dark box shadow is adjacent to the button\n // Else the light box shadow is adjacent to the button\n --light-color: var(--white);\n --dark-color: var(--gray-800);\n\n @if $light-button {\n --focus-ring: 0 0 0 3px var(--dark-color), 0 0 0 6px var(--light-color);\n } @else {\n --focus-ring: 0 0 0 3px var(--light-color), 0 0 0 6px var(--dark-color);\n }\n}\n\n// RTL stuff\n\n@mixin left($left) {\n body.ltr & {\n left: $left;\n }\n body.rtl & {\n right: $left;\n }\n}\n\n@mixin right($right) {\n body.ltr & {\n right: $right;\n }\n body.rtl & {\n left: $right;\n }\n}\n\n@mixin alignleft {\n body.ltr & {\n text-align: left;\n }\n body.rtl & {\n text-align: right;\n }\n}\n\n@mixin alignright {\n body.ltr & {\n text-align: right;\n }\n body.rtl & {\n text-align: left;\n }\n}\n\n@mixin border-left($params...) {\n body.ltr & {\n border-left: $params;\n }\n body.rtl & {\n border-right: $params;\n }\n}\n\n@mixin border-right($params...) {\n body.ltr & {\n border-right: $params;\n }\n body.rtl & {\n border-left: $params;\n }\n}\n\n@mixin border-left-width($param) {\n body.ltr & {\n border-left-width: $param;\n }\n body.rtl & {\n border-right-width: $param;\n }\n}\n\n@mixin border-right-width($param) {\n body.ltr & {\n border-right-width: $param;\n }\n body.rtl & {\n border-left-width: $param;\n }\n}\n\n@mixin border-radius($tl, $tr, $br, $bl) {\n body.ltr & {\n border-radius: $tl $tr $br $bl;\n }\n body.rtl & {\n border-radius: $tr $tl $bl $br;\n }\n}\n\n@mixin border-top-left-radius($params...) {\n body.ltr & {\n border-top-left-radius: $params;\n }\n body.rtl & {\n border-top-right-radius: $params;\n }\n}\n\n@mixin border-top-right-radius($params...) {\n body.ltr & {\n border-top-right-radius: $params;\n }\n body.rtl & {\n border-top-left-radius: $params;\n }\n}\n\n@mixin border-bottom-left-radius($params...) {\n body.ltr & {\n border-bottom-left-radius: $params;\n }\n body.rtl & {\n border-bottom-right-radius: $params;\n }\n}\n\n@mixin border-bottom-right-radius($params...) {\n body.ltr & {\n border-bottom-right-radius: $params;\n }\n body.rtl & {\n border-bottom-left-radius: $params;\n }\n}\n\n@mixin floatleft {\n body.ltr & {\n float: left;\n }\n body.rtl & {\n float: right;\n }\n}\n\n@mixin floatright {\n body.ltr & {\n float: right;\n }\n body.rtl & {\n float: left;\n }\n}\n\n@mixin margin($t, $r, $b, $l, $important: '') {\n body.ltr & {\n margin: $t $r $b $l unquote($important);\n }\n body.rtl & {\n margin: $t $l $b $r unquote($important);\n }\n}\n\n@mixin margin-left($margin...) {\n body.ltr & {\n margin-left: $margin;\n }\n body.rtl & {\n margin-right: $margin;\n }\n}\n\n@mixin margin-right($margin...) {\n body.ltr & {\n margin-right: $margin;\n }\n body.rtl & {\n margin-left: $margin;\n }\n}\n\n@mixin padding($t, $r, $b, $l, $important: '') {\n body.ltr & {\n padding: $t $r $b $l unquote($important);\n }\n body.rtl & {\n padding: $t $l $b $r unquote($important);\n }\n}\n\n@mixin padding-left($padding...) {\n body.ltr & {\n padding-left: $padding;\n }\n body.rtl & {\n padding-right: $padding;\n }\n}\n\n@mixin padding-right($padding...) {\n body.ltr & {\n padding-right: $padding;\n }\n body.rtl & {\n padding-left: $padding;\n }\n}\n\n// Misc\n\n@mixin dark-inputs {\n @include placeholder-styles($grey400);\n\n .btn,\n .select:not(.selectize) select {\n background-color: $grey200;\n\n &:focus,\n &:hover {\n background-color: darken($grey200, 5%);\n }\n\n &:active,\n &.active {\n background-color: darken($grey200, 10%);\n }\n }\n\n .text {\n background-color: $grey200;\n\n &:focus {\n background-color: darken($grey200, 5%);\n }\n }\n}\n\n@mixin header-btn {\n width: 30px;\n height: 30px;\n padding-left: 0;\n padding-right: 0;\n\n &:not(:hover):not(:active):not(.active) {\n background-color: transparent;\n }\n &:not(:active):not(.active):hover {\n background-color: transparentize($grey300, 0.85);\n }\n}\n\n@mixin h6-styles {\n margin: 14px 0 3px;\n font-size: 11px;\n line-height: 1.2;\n color: $lightTextColor;\n text-transform: uppercase;\n}\n\n@mixin token-styles {\n display: inline-block;\n border-radius: $smallBorderRadius;\n padding: 3px 7px;\n font-size: 12px;\n line-height: 14px;\n color: $textColor;\n background-color: $grey100;\n}\n\n@mixin active-token-styles {\n background-color: $grey200;\n}\n\n@mixin menu-styles {\n z-index: 100;\n border-radius: $menuBorderRadius;\n padding: 0 14px;\n overflow: auto;\n background: $white;\n user-select: none;\n box-shadow: 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-option-styles {\n margin: 0 -14px;\n padding: 10px 14px;\n color: $menuOptionColor;\n text-decoration: none;\n white-space: nowrap;\n}\n\n@mixin menu-option-active-styles {\n color: $menuOptionActiveColor;\n background-color: $menuOptionActiveBackgroundColor;\n}\n\n@mixin disclosure-link-hover-styles {\n color: $menuOptionColor;\n background-color: $grey050;\n}\n\n@mixin input-styles {\n border-radius: $smallBorderRadius;\n border: 1px solid transparentize($inputColor, 0.75);\n background-color: hsl(212, 50%, 99%);\n background-clip: padding-box;\n}\n\n@mixin input-focused-styles {\n box-shadow: var(--focus-ring);\n}\n\n@mixin placeholder-styles($color) {\n ::-webkit-input-placeholder {\n color: $color;\n }\n\n input:-ms-input-placeholder {\n color: $color;\n }\n\n ::-ms-input-placeholder {\n color: $color;\n }\n\n :-moz-placeholder {\n color: $color;\n }\n\n ::-moz-placeholder {\n color: $color;\n }\n\n ::placeholder {\n color: $color;\n }\n}\n\n@mixin select-styles {\n position: relative;\n border-radius: $largeBorderRadius;\n white-space: nowrap;\n}\n\n@mixin select-container-styles {\n max-width: 100%;\n position: relative;\n :not(.flex) > & {\n display: inline-block;\n }\n}\n\n@mixin select-arrow-styles {\n @include angle;\n position: absolute;\n z-index: 1;\n top: calc(50% - 5px);\n @include right(9px);\n user-select: none;\n pointer-events: none;\n}\n\n@mixin select-input-styles {\n display: block;\n position: relative;\n max-width: 100%;\n border: none;\n @include padding(7px, 22px, 7px, 10px);\n font-size: 14px;\n line-height: 20px;\n color: $textColor;\n background-color: hsl(212, 25%, 90%);\n appearance: none;\n // from https://stackoverflow.com/a/15933790/1688568\n &::-ms-expand {\n display: none;\n }\n}\n\n@mixin select-input-fullwidth-styles {\n min-width: 100%;\n}\n\n@mixin select-input-focused-styles {\n outline-color: transparent;\n background-color: hsl(212, 25%, 85%);\n box-shadow: var(--focus-ring);\n}\n\n@mixin touch-target {\n height: var(--touch-target-size);\n width: var(--touch-target-size);\n}\n\n@mixin visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: 0;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\n@mixin readable {\n font-size: 16px;\n line-height: 22px;\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6 {\n font-size: 13.6px;\n line-height: 17px;\n color: $mediumTextColor;\n }\n\n ul,\n ol {\n margin: 1em 0;\n @include padding-left(2em);\n }\n\n ul li {\n list-style-type: disc;\n }\n\n li + li {\n margin-top: 0.25em;\n }\n\n blockquote {\n margin: 16px 0;\n\n &:not(.note) {\n padding: 0 16px;\n color: $mediumTextColor;\n @include border-left(4px solid $hairlineColor);\n }\n\n &.note {\n position: relative;\n border-radius: 4px;\n padding: 1em;\n @include padding-left(56px);\n border: 1px solid;\n\n &:not(.tip):not(.warning) {\n border-color: $errorColor;\n color: #bf503f;\n\n &:before {\n content: 'alert';\n color: $errorColor;\n }\n }\n\n &.tip {\n border-color: $linkColor;\n color: $mediumTextColor;\n\n &:before {\n content: 'lightbulb';\n color: $linkColor;\n }\n }\n\n &.warning {\n border-color: $warningColor;\n color: #cf783a;\n\n &:before {\n content: 'alert';\n color: $warningColor;\n }\n }\n\n &:before {\n @include icon;\n position: absolute;\n top: 12px;\n @include left(16px);\n font-size: 30px;\n width: 24px;\n }\n }\n }\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"css/Dashboard.css","mappings":"AAIA,QAIE,mBAFA,8CADA,kBAEA,8QACA,CAEA,iBACE,UACA,uEAGF,6BAEE,8DACA,iCAIA,6BACE,wDAEA,wDACE,oBAGJ,4BACE,8DAGF,wDACE,WAGF,wDACE,WAKF,uBACE,4DAEF,sBACE,wDAIJ,mDAEE,UAKE,oCAGE,8CAEA,eAJA,kCASA,gCARA,sDAEA,UAKA,kBAFA,SACA,+DAGA,+BCwPN,6CACE,UD9PmB,CCgQrB,6CACE,SDjQmB,CAQjB,2CACE,aAKN,cAGE,OAFA,kBACA,MAEA,WAEA,oBACE,2BAEA,4BACE,gBAQA,mDACE,cCiVR,4DACE,YAEF,4DACE,WAcF,4DACE,gBDlWM,CCoWR,4DACE,iBDrWM,CAQJ,qCACE,aAEA,2DACE,cAGA,sBAFA,kBACA,oBACA,CAMR,wBACE,mBAEA,2BACE,kBAEF,2BACE,aAIJ,qBACE,gBAKJ,4CACE,mBAIF,iCACE,aACA,SAIF,uBACE,kBC0UA,gCACE,iBD1UF,CC4UA,gCACE,kBD7UF,CAEA,6BACE,kBACA,SAEA,WCwJF,sCACE,SD1Jc,CC4JhB,sCACE,UD7Jc,CAKlB,4DAGE,YADA,UACA,CCgBA,wkBAQE,4BDvBgB,CCwBhB,eDpBJ,kBACE,gBAEA,wBACE,gBAIJ,yCACE,kBACE,gBAEA,wBACE,gBAMA,gHACE","sources":["webpack:///./dashboard.scss","webpack:///../../../../../packages/craftcms-sass/_mixins.scss"],"sourcesContent":["@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\n/* widgets */\n.widget {\n position: relative;\n perspective: 1000px;\n transition: opacity linear 200ms, transform linear 200ms;\n margin-bottom: 14px;\n\n &.scaleout {\n opacity: 0;\n transform: scale(0.5);\n }\n\n & > .front,\n & > .back {\n backface-visibility: hidden;\n transition: 600ms;\n }\n\n &:not(.flipped) {\n & > .front {\n transform: rotateY(0deg);\n\n & > .pane > .icon.settings:hover {\n opacity: 1 !important;\n }\n }\n & > .back {\n transform: rotateY(-180deg);\n }\n\n &:hover > .front > .pane > .icon.settings {\n opacity: 0.8;\n }\n\n & .front > .pane > .icon.settings:focus {\n opacity: 0.8;\n }\n }\n\n &.flipped {\n & > .front {\n transform: rotateY(180deg);\n }\n & > .back {\n transform: rotateY(0deg);\n }\n }\n\n &:not(.flipped) > .back,\n &.flipped > .front {\n opacity: 0;\n }\n\n & > .front {\n & > .pane {\n & > .icon.settings {\n display: flex;\n justify-content: center;\n align-items: center;\n opacity: 0;\n cursor: pointer;\n @include right(12px);\n top: 12px;\n transition: opacity linear 200ms;\n position: absolute;\n height: var(--touch-target-size);\n width: var(--touch-target-size);\n }\n\n & > .spinner.body-loading {\n display: none;\n }\n }\n }\n\n & > .back {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n\n & > .pane {\n background: var(--gray-050);\n\n & > .errors {\n margin-top: 24px;\n }\n }\n }\n\n &.loading {\n & > .front {\n & > .pane {\n & > .spinner.body-loading {\n display: block;\n @include floatright;\n @include margin-left(10px);\n }\n }\n }\n }\n\n &.loading-new.new {\n & > .front {\n & > .pane {\n height: 252px;\n\n & > .spinner.body-loading {\n display: block;\n position: absolute;\n top: calc(50% - 15px);\n left: calc(50% - 12px);\n }\n }\n }\n }\n\n .widget-heading {\n margin-bottom: 15px;\n\n h2 {\n margin-bottom: 3px;\n }\n h5 {\n margin-top: 0;\n }\n }\n\n form + .errors {\n margin-top: 15px;\n }\n}\n\n/* Recent Entries widget */\n.craft\\\\widgets\\\\recententries .body .table {\n table-layout: fixed;\n}\n\n/* New Users Widget */\n.craft\\\\widgets\\\\newusers .chart {\n height: 200px;\n margin: 0;\n}\n\n/* New Widget Menu */\n.newwidgetmenu ul li a {\n position: relative;\n @include padding-left(40px);\n\n .icon {\n position: absolute;\n top: 11px;\n @include left(14px);\n width: 16px;\n }\n}\n\n.newwidgetmenu ul li a .icon svg,\n.widgetmanagerhud-icon svg {\n width: 16px;\n height: 16px;\n @include svg-mask(var(--ui-control-color));\n}\n\n/* New Widget Menu */\n.widgetmanagerhud {\n max-width: 400px;\n\n .body {\n min-width: 400px;\n }\n}\n\n@media only screen and (max-width: 673px) {\n .widgetmanagerhud {\n max-width: 300px;\n\n .body {\n min-width: 300px;\n\n .widgetmanagerhud-col-colspan-picker {\n display: none;\n }\n\n .widgetmanagerhud-col-move {\n display: none;\n }\n }\n }\n}\n","$white: #fff;\n$black: #000;\n\n$grey050: hsl(212, 60%, 97%);\n$grey100: hsl(212, 50%, 93%);\n$grey200: hsl(212, 30%, 85%);\n$grey300: hsl(211, 13%, 65%);\n$grey350: hsl(211, 11%, 59%);\n$grey400: hsl(210, 10%, 53%);\n$grey500: hsl(211, 12%, 43%);\n$grey550: hsl(210, 13%, 40%);\n$grey600: hsl(209, 14%, 37%);\n$grey700: hsl(209, 18%, 30%);\n$grey800: hsl(209, 20%, 25%);\n$grey900: hsl(210, 24%, 16%);\n$grey1000: hsl(210, 24%, 10%);\n\n$blue050: #e3f8ff;\n$blue100: #b3ecff;\n$blue200: #81defd;\n$blue300: #5ed0fa;\n$blue400: #40c3f7;\n$blue500: #2bb0ed;\n$blue600: #1992d4;\n$blue700: #127fbf;\n$blue800: #0b69a3;\n$blue900: #035388;\n\n$cyan050: #e0fcff;\n$cyan100: #bef8fd;\n$cyan200: #87eaf2;\n$cyan300: #54d1db;\n$cyan400: #38bec9;\n$cyan500: #2cb1bc;\n$cyan600: #14919b;\n$cyan700: #0e7c86;\n$cyan800: #0a6c74;\n$cyan900: #044e54;\n\n$pink050: #ffe3ec;\n$pink100: #ffb8d2;\n$pink200: #ff8cba;\n$pink300: #f364a2;\n$pink400: #e8368f;\n$pink500: #da127d;\n$pink600: #bc0a6f;\n$pink700: #a30664;\n$pink800: #870557;\n$pink900: #620042;\n\n$red050: #ffe3e3;\n$red100: #ffbdbd;\n$red200: #ff9b9b;\n$red300: #f86a6a;\n$red400: #ef4e4e;\n$red500: #e12d39;\n$red600: #cf1124;\n$red700: #ab091e;\n$red800: #8a041a;\n$red900: #610316;\n\n$yellow050: #fffbea;\n$yellow100: #fff3c4;\n$yellow200: #fce588;\n$yellow300: #fadb5f;\n$yellow400: #f7c948;\n$yellow500: #f0b429;\n$yellow600: #de911d;\n$yellow700: #cb6e17;\n$yellow800: #b44d12;\n$yellow900: #8d2b0b;\n\n$teal050: #effcf6;\n$teal100: #c6f7e2;\n$teal200: #8eedc7;\n$teal300: #65d6ad;\n$teal400: #3ebd93;\n$teal500: #27ab83;\n$teal600: #199473;\n$teal700: #147d64;\n$teal800: #0c6b58;\n$teal900: #014d40;\n\n// submit button colors\n$primaryColor: $red500;\n$secondaryColor: $grey500;\n\n$inputColor: hsl(212, 25%, 50%);\n\n// text colors\n$textColor: $grey700;\n$mediumDarkTextColor: $grey550;\n$mediumTextColor: $grey550;\n$lightTextColor: $grey500;\n$linkColor: #2563eb;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $white;\n$menuOptionActiveBackgroundColor: $grey500;\n\n// hairline colors\n$hairlineColor: transparentize($grey800, 0.9);\n$mediumHairlineColor: transparentize($grey600, 0.75);\n$darkHairlineColor: transparentize($grey400, 0.5);\n\n// focus colors\n$lightFocusColor: $blue300;\n$mediumFocusColor: $blue500;\n$darkFocusColor: #0f74b1;\n\n// focus rings\n$lightFocusRing: 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing: 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing: 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey600;\n\n// alert/notice colors\n$errorColor: $red600;\n$warningColor: $yellow800;\n$successColor: $teal500;\n$noticeColor: $blue800;\n\n// UI element styles\n$smallBorderRadius: 3px;\n$mediumBorderRadius: 4px;\n$largeBorderRadius: 5px;\n\n$menuBorderRadius: $mediumBorderRadius;\n$checkboxSize: 16px;\n$radioSize: 16px;\n\n@mixin sans-serif-font {\n font-family: system-ui, BlinkMacSystemFont, -apple-system, 'Segoe UI',\n 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',\n 'Helvetica Neue', sans-serif;\n}\n\n@mixin fixed-width-font {\n font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier,\n monospace;\n font-size: 0.9em !important;\n}\n\n@function toRem($values...) {\n $max: length($values);\n $remValues: '';\n\n @for $i from 1 through $max {\n $remValues: #{$remValues + calc(nth($values, $i) / 16)}rem;\n\n @if $i < $max {\n $remValues: #{$remValues + ' '};\n }\n }\n\n @return $remValues;\n}\n\n@mixin fontSize($size) {\n font-size: toRem($size);\n}\n\n// Other\n\n@mixin focus-styles {\n body:not(.reduce-focus-visibility) &:focus,\n body.reduce-focus-visibility &.focus-visible {\n @content;\n }\n}\n\n@mixin svg-mask($color) {\n rect,\n circle,\n ellipse,\n line,\n polyline,\n polygon,\n path,\n text {\n fill: $color;\n stroke-width: 0;\n }\n}\n\n@mixin icon {\n font-family: 'Craft';\n speak: none;\n -webkit-font-feature-settings: 'liga', 'dlig';\n -moz-font-feature-settings: 'liga=1, dlig=1';\n -moz-font-feature-settings: 'liga', 'dlig';\n -ms-font-feature-settings: 'liga', 'dlig';\n -o-font-feature-settings: 'liga', 'dlig';\n font-feature-settings: 'liga', 'dlig';\n text-rendering: optimizeLegibility;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n direction: ltr; // Fixes a rendering issue in Chrome/Win\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n\n display: inline-block;\n text-align: center;\n font-style: normal;\n vertical-align: middle;\n word-wrap: normal !important;\n user-select: none;\n\n opacity: var(--icon-opacity);\n}\n\n@mixin angle($dir: down, $color: currentColor, $width: 2px) {\n display: block;\n content: '';\n font-size: 0;\n width: 7px;\n height: 7px;\n border: solid $color;\n border-width: 0 $width $width 0;\n opacity: 0.8;\n\n @if $dir == up {\n transform: rotate(225deg);\n } @else if $dir == down {\n transform: rotate(45deg);\n } @else if $dir == left {\n body.ltr & {\n transform: rotate(135deg);\n }\n body.rtl & {\n transform: rotate(-45deg);\n }\n } @else if $dir == right {\n body.ltr & {\n transform: rotate(-45deg);\n }\n body.rtl & {\n transform: rotate(135deg);\n }\n }\n}\n\n@mixin clearafter {\n content: '';\n display: block;\n height: 0;\n clear: both;\n visibility: hidden;\n}\n\n@mixin shadow {\n box-shadow: 0 1px 5px -1px transparentize($grey900, 0.8);\n}\n\n@mixin pane {\n background: $white;\n box-shadow: 0 0 0 1px $grey200, 0 2px 12px transparentize($grey200, 0.5);\n\n &:focus {\n box-shadow: var(--focus-ring);\n }\n}\n\n@mixin modal {\n border-radius: $largeBorderRadius;\n background-color: $white;\n box-shadow: 0 25px 100px transparentize($grey900, 0.5);\n}\n\n@mixin light-on-dark-text() {\n // Make light on dark text sharp on Macs\n // (sub-pixel antialiasing looks too bold/blurry with light text on dark background)\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-weight: 500;\n}\n\n@mixin light-focus-ring() {\n --focus-ring: 0 0 0 1px hsl(var(--light-focus-hsl)),\n 0 0 0 3px hsla(var(--light-focus-hsl), 0.7);\n}\n\n@mixin two-color-focus-ring($light-button: true) {\n // Creates a two-color focus ring, with a white\n // If button is light, the dark box shadow is adjacent to the button\n // Else the light box shadow is adjacent to the button\n --light-color: var(--white);\n --dark-color: var(--gray-800);\n\n @if $light-button {\n --focus-ring: 0 0 0 3px var(--dark-color), 0 0 0 6px var(--light-color);\n } @else {\n --focus-ring: 0 0 0 3px var(--light-color), 0 0 0 6px var(--dark-color);\n }\n}\n\n// RTL stuff\n\n@mixin left($left) {\n body.ltr & {\n left: $left;\n }\n body.rtl & {\n right: $left;\n }\n}\n\n@mixin right($right) {\n body.ltr & {\n right: $right;\n }\n body.rtl & {\n left: $right;\n }\n}\n\n@mixin alignleft {\n body.ltr & {\n text-align: left;\n }\n body.rtl & {\n text-align: right;\n }\n}\n\n@mixin alignright {\n body.ltr & {\n text-align: right;\n }\n body.rtl & {\n text-align: left;\n }\n}\n\n@mixin border-left($params...) {\n body.ltr & {\n border-left: $params;\n }\n body.rtl & {\n border-right: $params;\n }\n}\n\n@mixin border-right($params...) {\n body.ltr & {\n border-right: $params;\n }\n body.rtl & {\n border-left: $params;\n }\n}\n\n@mixin border-left-width($param) {\n body.ltr & {\n border-left-width: $param;\n }\n body.rtl & {\n border-right-width: $param;\n }\n}\n\n@mixin border-right-width($param) {\n body.ltr & {\n border-right-width: $param;\n }\n body.rtl & {\n border-left-width: $param;\n }\n}\n\n@mixin border-radius($tl, $tr, $br, $bl) {\n body.ltr & {\n border-radius: $tl $tr $br $bl;\n }\n body.rtl & {\n border-radius: $tr $tl $bl $br;\n }\n}\n\n@mixin border-top-left-radius($params...) {\n body.ltr & {\n border-top-left-radius: $params;\n }\n body.rtl & {\n border-top-right-radius: $params;\n }\n}\n\n@mixin border-top-right-radius($params...) {\n body.ltr & {\n border-top-right-radius: $params;\n }\n body.rtl & {\n border-top-left-radius: $params;\n }\n}\n\n@mixin border-bottom-left-radius($params...) {\n body.ltr & {\n border-bottom-left-radius: $params;\n }\n body.rtl & {\n border-bottom-right-radius: $params;\n }\n}\n\n@mixin border-bottom-right-radius($params...) {\n body.ltr & {\n border-bottom-right-radius: $params;\n }\n body.rtl & {\n border-bottom-left-radius: $params;\n }\n}\n\n@mixin floatleft {\n body.ltr & {\n float: left;\n }\n body.rtl & {\n float: right;\n }\n}\n\n@mixin floatright {\n body.ltr & {\n float: right;\n }\n body.rtl & {\n float: left;\n }\n}\n\n@mixin margin($t, $r, $b, $l, $important: '') {\n body.ltr & {\n margin: $t $r $b $l unquote($important);\n }\n body.rtl & {\n margin: $t $l $b $r unquote($important);\n }\n}\n\n@mixin margin-left($margin...) {\n body.ltr & {\n margin-left: $margin;\n }\n body.rtl & {\n margin-right: $margin;\n }\n}\n\n@mixin margin-right($margin...) {\n body.ltr & {\n margin-right: $margin;\n }\n body.rtl & {\n margin-left: $margin;\n }\n}\n\n@mixin padding($t, $r, $b, $l, $important: '') {\n body.ltr & {\n padding: $t $r $b $l unquote($important);\n }\n body.rtl & {\n padding: $t $l $b $r unquote($important);\n }\n}\n\n@mixin padding-left($padding...) {\n body.ltr & {\n padding-left: $padding;\n }\n body.rtl & {\n padding-right: $padding;\n }\n}\n\n@mixin padding-right($padding...) {\n body.ltr & {\n padding-right: $padding;\n }\n body.rtl & {\n padding-left: $padding;\n }\n}\n\n// Misc\n\n@mixin dark-inputs {\n @include placeholder-styles($grey400);\n\n .btn,\n .select:not(.selectize) select {\n background-color: $grey200;\n\n &:focus,\n &:hover {\n background-color: darken($grey200, 5%);\n }\n\n &:active,\n &.active {\n background-color: darken($grey200, 10%);\n }\n }\n\n .text {\n background-color: $grey200;\n\n &:focus {\n background-color: darken($grey200, 5%);\n }\n }\n}\n\n@mixin header-btn {\n width: 30px;\n height: 30px;\n padding-left: 0;\n padding-right: 0;\n\n &:not(:hover):not(:active):not(.active) {\n background-color: transparent;\n }\n &:not(:active):not(.active):hover {\n background-color: transparentize($grey300, 0.85);\n }\n}\n\n@mixin h6-styles {\n margin: 14px 0 3px;\n font-size: 11px;\n line-height: 1.2;\n color: $lightTextColor;\n text-transform: uppercase;\n}\n\n@mixin token-styles {\n display: inline-block;\n border-radius: $smallBorderRadius;\n padding: 3px 7px;\n font-size: 12px;\n line-height: 14px;\n color: $textColor;\n background-color: $grey100;\n}\n\n@mixin active-token-styles {\n background-color: $grey200;\n}\n\n@mixin menu-styles {\n z-index: 100;\n border-radius: $menuBorderRadius;\n padding: 0 14px;\n overflow: auto;\n background: $white;\n user-select: none;\n box-shadow: 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-option-styles {\n margin: 0 -14px;\n padding: 10px 14px;\n color: $menuOptionColor;\n text-decoration: none;\n white-space: nowrap;\n}\n\n@mixin menu-option-active-styles {\n color: $menuOptionActiveColor;\n background-color: $menuOptionActiveBackgroundColor;\n}\n\n@mixin disclosure-link-hover-styles {\n color: $menuOptionColor;\n background-color: $grey050;\n}\n\n@mixin input-styles {\n border-radius: $smallBorderRadius;\n border: 1px solid transparentize($inputColor, 0.75);\n background-color: hsl(212, 50%, 99%);\n background-clip: padding-box;\n}\n\n@mixin input-focused-styles {\n box-shadow: var(--focus-ring);\n}\n\n@mixin placeholder-styles($color) {\n input::-webkit-input-placeholder,\n textarea::-webkit-input-placeholder {\n color: $color;\n }\n\n input:-ms-input-placeholder,\n textarea:-ms-input-placeholder {\n color: $color;\n }\n\n input::-ms-input-placeholder,\n textarea::-ms-input-placeholder {\n color: $color;\n }\n\n input:-moz-placeholder,\n textarea:-moz-placeholder {\n color: $color;\n }\n\n input::-moz-placeholder,\n textarea::-moz-placeholder {\n color: $color;\n }\n\n input::placeholder,\n textarea::placeholder {\n color: $color;\n }\n}\n\n@mixin select-styles {\n position: relative;\n border-radius: $largeBorderRadius;\n white-space: nowrap;\n}\n\n@mixin select-container-styles {\n max-width: 100%;\n position: relative;\n :not(.flex) > & {\n display: inline-block;\n }\n}\n\n@mixin select-arrow-styles {\n @include angle;\n position: absolute;\n z-index: 1;\n top: calc(50% - 5px);\n @include right(9px);\n user-select: none;\n pointer-events: none;\n}\n\n@mixin select-input-styles {\n display: block;\n position: relative;\n max-width: 100%;\n border: none;\n @include padding(7px, 22px, 7px, 10px);\n font-size: 14px;\n line-height: 20px;\n color: $textColor;\n background-color: hsl(212, 25%, 90%);\n appearance: none;\n // from https://stackoverflow.com/a/15933790/1688568\n &::-ms-expand {\n display: none;\n }\n}\n\n@mixin select-input-fullwidth-styles {\n min-width: 100%;\n}\n\n@mixin select-input-focused-styles {\n outline-color: transparent;\n background-color: hsl(212, 25%, 85%);\n box-shadow: var(--focus-ring);\n}\n\n@mixin touch-target {\n height: var(--touch-target-size);\n width: var(--touch-target-size);\n}\n\n@mixin visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: 0;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\n@mixin readable {\n font-size: 16px;\n line-height: 22px;\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6 {\n font-size: 13.6px;\n line-height: 17px;\n color: $mediumTextColor;\n }\n\n ul,\n ol {\n margin: 1em 0;\n @include padding-left(2em);\n }\n\n ul li {\n list-style-type: disc;\n }\n\n li + li {\n margin-top: 0.25em;\n }\n\n blockquote {\n margin: 16px 0;\n\n &:not(.note) {\n padding: 0 16px;\n color: $mediumTextColor;\n @include border-left(4px solid $hairlineColor);\n }\n\n &.note {\n position: relative;\n border-radius: 4px;\n padding: 1em;\n @include padding-left(56px);\n border: 1px solid;\n\n &:not(.tip):not(.warning) {\n border-color: $errorColor;\n color: #bf503f;\n\n &:before {\n content: 'alert';\n color: $errorColor;\n }\n }\n\n &.tip {\n border-color: $linkColor;\n color: $mediumTextColor;\n\n &:before {\n content: 'lightbulb';\n color: $linkColor;\n }\n }\n\n &.warning {\n border-color: $warningColor;\n color: #cf783a;\n\n &:before {\n content: 'alert';\n color: $warningColor;\n }\n }\n\n &:before {\n @include icon;\n position: absolute;\n top: 12px;\n @include left(16px);\n font-size: 30px;\n width: 24px;\n }\n }\n }\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/src/web/assets/edittransform/dist/css/transforms.css.map b/src/web/assets/edittransform/dist/css/transforms.css.map
index 7f1f508fbd8..2bc29d968ce 100644
--- a/src/web/assets/edittransform/dist/css/transforms.css.map
+++ b/src/web/assets/edittransform/dist/css/transforms.css.map
@@ -1 +1 @@
-{"version":3,"file":"css/transforms.css","mappings":"AAGA,YCkPE,WAHA,WACA,cACA,SAEA,kBD/OF,YAOE,2BANA,cAEA,gBAEA,iBACA,kBAFA,WAGA,CCiZA,qBACE,WAEF,qBACE,YDlZJ,sBACE,8DAGF,uCACE,qEAIA,qPAGF,0DAMI,kEAEF,sBACE,0CAEF,0BACE","sources":["webpack:///./transforms.scss","webpack:///../../../../../packages/craftcms-sass/_mixins.scss"],"sourcesContent":["@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\n#mode:after {\n @include clearafter;\n}\n\n#mode label {\n display: block;\n @include floatleft;\n margin-top: -1px;\n width: 113px;\n padding-top: 85px;\n text-align: center;\n background: no-repeat 50% 0;\n}\n\n#mode label#mode-crop {\n background-image: url(images/crop.jpg);\n}\n\n#mode label#mode-fit {\n background-image: url(images/fit.jpg);\n}\n\n#mode label#mode-stretch {\n background-image: url(images/stretch.jpg);\n}\n\n@media only screen and (-webkit-min-device-pixel-ratio: 1.5),\n only screen and (-moz-min-device-pixel-ratio: 1.5),\n only screen and (-o-min-device-pixel-ratio: 3/2),\n only screen and (min-device-pixel-ratio: 1.5),\n only screen and (min-resolution: 1.5dppx) {\n #mode label {\n background-size: 113px;\n }\n #mode label#mode-crop {\n background-image: url(images/crop_2x.jpg);\n }\n #mode label#mode-fit {\n background-image: url(images/fit_2x.jpg);\n }\n #mode label#mode-stretch {\n background-image: url(images/stretch_2x.jpg);\n }\n}\n","$white: #fff;\n$black: #000;\n\n$grey050: hsl(212, 60%, 97%);\n$grey100: hsl(212, 50%, 93%);\n$grey200: hsl(212, 30%, 85%);\n$grey300: hsl(211, 13%, 65%);\n$grey350: hsl(211, 11%, 59%);\n$grey400: hsl(210, 10%, 53%);\n$grey500: hsl(211, 12%, 43%);\n$grey550: hsl(210, 13%, 40%);\n$grey600: hsl(209, 14%, 37%);\n$grey700: hsl(209, 18%, 30%);\n$grey800: hsl(209, 20%, 25%);\n$grey900: hsl(210, 24%, 16%);\n$grey1000: hsl(210, 24%, 10%);\n\n$blue050: #e3f8ff;\n$blue100: #b3ecff;\n$blue200: #81defd;\n$blue300: #5ed0fa;\n$blue400: #40c3f7;\n$blue500: #2bb0ed;\n$blue600: #1992d4;\n$blue700: #127fbf;\n$blue800: #0b69a3;\n$blue900: #035388;\n\n$cyan050: #e0fcff;\n$cyan100: #bef8fd;\n$cyan200: #87eaf2;\n$cyan300: #54d1db;\n$cyan400: #38bec9;\n$cyan500: #2cb1bc;\n$cyan600: #14919b;\n$cyan700: #0e7c86;\n$cyan800: #0a6c74;\n$cyan900: #044e54;\n\n$pink050: #ffe3ec;\n$pink100: #ffb8d2;\n$pink200: #ff8cba;\n$pink300: #f364a2;\n$pink400: #e8368f;\n$pink500: #da127d;\n$pink600: #bc0a6f;\n$pink700: #a30664;\n$pink800: #870557;\n$pink900: #620042;\n\n$red050: #ffe3e3;\n$red100: #ffbdbd;\n$red200: #ff9b9b;\n$red300: #f86a6a;\n$red400: #ef4e4e;\n$red500: #e12d39;\n$red600: #cf1124;\n$red700: #ab091e;\n$red800: #8a041a;\n$red900: #610316;\n\n$yellow050: #fffbea;\n$yellow100: #fff3c4;\n$yellow200: #fce588;\n$yellow300: #fadb5f;\n$yellow400: #f7c948;\n$yellow500: #f0b429;\n$yellow600: #de911d;\n$yellow700: #cb6e17;\n$yellow800: #b44d12;\n$yellow900: #8d2b0b;\n\n$teal050: #effcf6;\n$teal100: #c6f7e2;\n$teal200: #8eedc7;\n$teal300: #65d6ad;\n$teal400: #3ebd93;\n$teal500: #27ab83;\n$teal600: #199473;\n$teal700: #147d64;\n$teal800: #0c6b58;\n$teal900: #014d40;\n\n// submit button colors\n$primaryColor: $red500;\n$secondaryColor: $grey500;\n\n$inputColor: hsl(212, 25%, 50%);\n\n// text colors\n$textColor: $grey700;\n$mediumDarkTextColor: $grey550;\n$mediumTextColor: $grey550;\n$lightTextColor: $grey500;\n$linkColor: #2563eb;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $white;\n$menuOptionActiveBackgroundColor: $grey500;\n\n// hairline colors\n$hairlineColor: transparentize($grey800, 0.9);\n$mediumHairlineColor: transparentize($grey600, 0.75);\n$darkHairlineColor: transparentize($grey400, 0.5);\n\n// focus colors\n$lightFocusColor: $blue300;\n$mediumFocusColor: $blue500;\n$darkFocusColor: #0f74b1;\n\n// focus rings\n$lightFocusRing: 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing: 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing: 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey600;\n\n// alert/notice colors\n$errorColor: $red600;\n$warningColor: $yellow800;\n$successColor: $teal500;\n$noticeColor: $blue800;\n\n// UI element styles\n$smallBorderRadius: 3px;\n$mediumBorderRadius: 4px;\n$largeBorderRadius: 5px;\n\n$menuBorderRadius: $mediumBorderRadius;\n$checkboxSize: 16px;\n$radioSize: 16px;\n\n@mixin sans-serif-font {\n font-family: system-ui, BlinkMacSystemFont, -apple-system, 'Segoe UI',\n 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',\n 'Helvetica Neue', sans-serif;\n}\n\n@mixin fixed-width-font {\n font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier,\n monospace;\n font-size: 0.9em !important;\n}\n\n@function toRem($size) {\n $remValue: calc($size / 16) + rem;\n @return $remValue;\n}\n\n@mixin fontSize($size) {\n font-size: toRem($size);\n}\n\n// Other\n\n@mixin focus-styles {\n body:not(.reduce-focus-visibility) &:focus,\n body.reduce-focus-visibility &.focus-visible {\n @content;\n }\n}\n\n@mixin svg-mask($color) {\n rect,\n circle,\n ellipse,\n line,\n polyline,\n polygon,\n path,\n text {\n fill: $color;\n stroke-width: 0;\n }\n}\n\n@mixin icon {\n font-family: 'Craft';\n speak: none;\n -webkit-font-feature-settings: 'liga', 'dlig';\n -moz-font-feature-settings: 'liga=1, dlig=1';\n -moz-font-feature-settings: 'liga', 'dlig';\n -ms-font-feature-settings: 'liga', 'dlig';\n -o-font-feature-settings: 'liga', 'dlig';\n font-feature-settings: 'liga', 'dlig';\n text-rendering: optimizeLegibility;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n direction: ltr; // Fixes a rendering issue in Chrome/Win\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n\n display: inline-block;\n text-align: center;\n font-style: normal;\n vertical-align: middle;\n word-wrap: normal !important;\n user-select: none;\n\n opacity: var(--icon-opacity);\n}\n\n@mixin angle($dir: down, $color: currentColor, $width: 2px) {\n display: block;\n content: '';\n font-size: 0;\n width: 7px;\n height: 7px;\n border: solid $color;\n border-width: 0 $width $width 0;\n opacity: 0.8;\n\n @if $dir == up {\n transform: rotate(225deg);\n } @else if $dir == down {\n transform: rotate(45deg);\n } @else if $dir == left {\n body.ltr & {\n transform: rotate(135deg);\n }\n body.rtl & {\n transform: rotate(-45deg);\n }\n } @else if $dir == right {\n body.ltr & {\n transform: rotate(-45deg);\n }\n body.rtl & {\n transform: rotate(135deg);\n }\n }\n}\n\n@mixin clearafter {\n content: '';\n display: block;\n height: 0;\n clear: both;\n visibility: hidden;\n}\n\n@mixin shadow {\n box-shadow: 0 1px 5px -1px transparentize($grey900, 0.8);\n}\n\n@mixin pane {\n background: $white;\n box-shadow: 0 0 0 1px $grey200, 0 2px 12px transparentize($grey200, 0.5);\n\n &:focus {\n box-shadow: var(--focus-ring);\n }\n}\n\n@mixin modal {\n border-radius: $largeBorderRadius;\n background-color: $white;\n box-shadow: 0 25px 100px transparentize($grey900, 0.5);\n}\n\n@mixin light-on-dark-text() {\n // Make light on dark text sharp on Macs\n // (sub-pixel antialiasing looks too bold/blurry with light text on dark background)\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-weight: 500;\n}\n\n@mixin light-focus-ring() {\n --focus-ring: 0 0 0 1px hsl(var(--light-focus-hsl)),\n 0 0 0 3px hsla(var(--light-focus-hsl), 0.7);\n}\n\n@mixin two-color-focus-ring($light-button: true) {\n // Creates a two-color focus ring, with a white\n // If button is light, the dark box shadow is adjacent to the button\n // Else the light box shadow is adjacent to the button\n --light-color: var(--white);\n --dark-color: var(--gray-800);\n\n @if $light-button {\n --focus-ring: 0 0 0 3px var(--dark-color), 0 0 0 6px var(--light-color);\n } @else {\n --focus-ring: 0 0 0 3px var(--light-color), 0 0 0 6px var(--dark-color);\n }\n}\n\n// RTL stuff\n\n@mixin left($left) {\n body.ltr & {\n left: $left;\n }\n body.rtl & {\n right: $left;\n }\n}\n\n@mixin right($right) {\n body.ltr & {\n right: $right;\n }\n body.rtl & {\n left: $right;\n }\n}\n\n@mixin alignleft {\n body.ltr & {\n text-align: left;\n }\n body.rtl & {\n text-align: right;\n }\n}\n\n@mixin alignright {\n body.ltr & {\n text-align: right;\n }\n body.rtl & {\n text-align: left;\n }\n}\n\n@mixin border-left($params...) {\n body.ltr & {\n border-left: $params;\n }\n body.rtl & {\n border-right: $params;\n }\n}\n\n@mixin border-right($params...) {\n body.ltr & {\n border-right: $params;\n }\n body.rtl & {\n border-left: $params;\n }\n}\n\n@mixin border-left-width($param) {\n body.ltr & {\n border-left-width: $param;\n }\n body.rtl & {\n border-right-width: $param;\n }\n}\n\n@mixin border-right-width($param) {\n body.ltr & {\n border-right-width: $param;\n }\n body.rtl & {\n border-left-width: $param;\n }\n}\n\n@mixin border-radius($tl, $tr, $br, $bl) {\n body.ltr & {\n border-radius: $tl $tr $br $bl;\n }\n body.rtl & {\n border-radius: $tr $tl $bl $br;\n }\n}\n\n@mixin border-top-left-radius($params...) {\n body.ltr & {\n border-top-left-radius: $params;\n }\n body.rtl & {\n border-top-right-radius: $params;\n }\n}\n\n@mixin border-top-right-radius($params...) {\n body.ltr & {\n border-top-right-radius: $params;\n }\n body.rtl & {\n border-top-left-radius: $params;\n }\n}\n\n@mixin border-bottom-left-radius($params...) {\n body.ltr & {\n border-bottom-left-radius: $params;\n }\n body.rtl & {\n border-bottom-right-radius: $params;\n }\n}\n\n@mixin border-bottom-right-radius($params...) {\n body.ltr & {\n border-bottom-right-radius: $params;\n }\n body.rtl & {\n border-bottom-left-radius: $params;\n }\n}\n\n@mixin floatleft {\n body.ltr & {\n float: left;\n }\n body.rtl & {\n float: right;\n }\n}\n\n@mixin floatright {\n body.ltr & {\n float: right;\n }\n body.rtl & {\n float: left;\n }\n}\n\n@mixin margin($t, $r, $b, $l, $important: '') {\n body.ltr & {\n margin: $t $r $b $l unquote($important);\n }\n body.rtl & {\n margin: $t $l $b $r unquote($important);\n }\n}\n\n@mixin margin-left($margin...) {\n body.ltr & {\n margin-left: $margin;\n }\n body.rtl & {\n margin-right: $margin;\n }\n}\n\n@mixin margin-right($margin...) {\n body.ltr & {\n margin-right: $margin;\n }\n body.rtl & {\n margin-left: $margin;\n }\n}\n\n@mixin padding($t, $r, $b, $l, $important: '') {\n body.ltr & {\n padding: $t $r $b $l unquote($important);\n }\n body.rtl & {\n padding: $t $l $b $r unquote($important);\n }\n}\n\n@mixin padding-left($padding...) {\n body.ltr & {\n padding-left: $padding;\n }\n body.rtl & {\n padding-right: $padding;\n }\n}\n\n@mixin padding-right($padding...) {\n body.ltr & {\n padding-right: $padding;\n }\n body.rtl & {\n padding-left: $padding;\n }\n}\n\n// Misc\n\n@mixin dark-inputs {\n @include placeholder-styles($grey400);\n\n .btn,\n .select:not(.selectize) select {\n background-color: $grey200;\n\n &:focus,\n &:hover {\n background-color: darken($grey200, 5%);\n }\n\n &:active,\n &.active {\n background-color: darken($grey200, 10%);\n }\n }\n\n .text {\n background-color: $grey200;\n\n &:focus {\n background-color: darken($grey200, 5%);\n }\n }\n}\n\n@mixin header-btn {\n width: 30px;\n height: 30px;\n padding-left: 0;\n padding-right: 0;\n\n &:not(:hover):not(:active):not(.active) {\n background-color: transparent;\n }\n &:not(:active):not(.active):hover {\n background-color: transparentize($grey300, 0.85);\n }\n}\n\n@mixin h6-styles {\n margin: 14px 0 3px;\n font-size: 11px;\n line-height: 1.2;\n color: $lightTextColor;\n text-transform: uppercase;\n}\n\n@mixin token-styles {\n display: inline-block;\n border-radius: $smallBorderRadius;\n padding: 3px 7px;\n font-size: 12px;\n line-height: 14px;\n color: $textColor;\n background-color: $grey100;\n}\n\n@mixin active-token-styles {\n background-color: $grey200;\n}\n\n@mixin menu-styles {\n z-index: 100;\n border-radius: $menuBorderRadius;\n padding: 0 14px;\n overflow: auto;\n background: $white;\n user-select: none;\n box-shadow: 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-option-styles {\n margin: 0 -14px;\n padding: 10px 14px;\n color: $menuOptionColor;\n text-decoration: none;\n white-space: nowrap;\n}\n\n@mixin menu-option-active-styles {\n color: $menuOptionActiveColor;\n background-color: $menuOptionActiveBackgroundColor;\n}\n\n@mixin disclosure-link-hover-styles {\n color: $menuOptionColor;\n background-color: $grey050;\n}\n\n@mixin input-styles {\n border-radius: $smallBorderRadius;\n border: 1px solid transparentize($inputColor, 0.75);\n background-color: hsl(212, 50%, 99%);\n background-clip: padding-box;\n}\n\n@mixin input-focused-styles {\n box-shadow: var(--focus-ring);\n}\n\n@mixin placeholder-styles($color) {\n ::-webkit-input-placeholder {\n color: $color;\n }\n\n input:-ms-input-placeholder {\n color: $color;\n }\n\n ::-ms-input-placeholder {\n color: $color;\n }\n\n :-moz-placeholder {\n color: $color;\n }\n\n ::-moz-placeholder {\n color: $color;\n }\n\n ::placeholder {\n color: $color;\n }\n}\n\n@mixin select-styles {\n position: relative;\n border-radius: $largeBorderRadius;\n white-space: nowrap;\n}\n\n@mixin select-container-styles {\n max-width: 100%;\n position: relative;\n :not(.flex) > & {\n display: inline-block;\n }\n}\n\n@mixin select-arrow-styles {\n @include angle;\n position: absolute;\n z-index: 1;\n top: calc(50% - 5px);\n @include right(9px);\n user-select: none;\n pointer-events: none;\n}\n\n@mixin select-input-styles {\n display: block;\n position: relative;\n max-width: 100%;\n border: none;\n @include padding(7px, 22px, 7px, 10px);\n font-size: 14px;\n line-height: 20px;\n color: $textColor;\n background-color: hsl(212, 25%, 90%);\n appearance: none;\n // from https://stackoverflow.com/a/15933790/1688568\n &::-ms-expand {\n display: none;\n }\n}\n\n@mixin select-input-fullwidth-styles {\n min-width: 100%;\n}\n\n@mixin select-input-focused-styles {\n outline-color: transparent;\n background-color: hsl(212, 25%, 85%);\n box-shadow: var(--focus-ring);\n}\n\n@mixin touch-target {\n height: var(--touch-target-size);\n width: var(--touch-target-size);\n}\n\n@mixin visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: 0;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\n@mixin readable {\n font-size: 16px;\n line-height: 22px;\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6 {\n font-size: 13.6px;\n line-height: 17px;\n color: $mediumTextColor;\n }\n\n ul,\n ol {\n margin: 1em 0;\n @include padding-left(2em);\n }\n\n ul li {\n list-style-type: disc;\n }\n\n li + li {\n margin-top: 0.25em;\n }\n\n blockquote {\n margin: 16px 0;\n\n &:not(.note) {\n padding: 0 16px;\n color: $mediumTextColor;\n @include border-left(4px solid $hairlineColor);\n }\n\n &.note {\n position: relative;\n border-radius: 4px;\n padding: 1em;\n @include padding-left(56px);\n border: 1px solid;\n\n &:not(.tip):not(.warning) {\n border-color: $errorColor;\n color: #bf503f;\n\n &:before {\n content: 'alert';\n color: $errorColor;\n }\n }\n\n &.tip {\n border-color: $linkColor;\n color: $mediumTextColor;\n\n &:before {\n content: 'lightbulb';\n color: $linkColor;\n }\n }\n\n &.warning {\n border-color: $warningColor;\n color: #cf783a;\n\n &:before {\n content: 'alert';\n color: $warningColor;\n }\n }\n\n &:before {\n @include icon;\n position: absolute;\n top: 12px;\n @include left(16px);\n font-size: 30px;\n width: 24px;\n }\n }\n }\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"css/transforms.css","mappings":"AAGA,YC4PE,WAHA,WACA,cACA,SAEA,kBDzPF,YAOE,2BANA,cAEA,gBAEA,iBACA,kBAFA,WAGA,CC2ZA,qBACE,WAEF,qBACE,YD5ZJ,sBACE,8DAGF,uCACE,qEAIA,qPAGF,0DAMI,kEAEF,sBACE,0CAEF,0BACE","sources":["webpack:///./transforms.scss","webpack:///../../../../../packages/craftcms-sass/_mixins.scss"],"sourcesContent":["@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\n#mode:after {\n @include clearafter;\n}\n\n#mode label {\n display: block;\n @include floatleft;\n margin-top: -1px;\n width: 113px;\n padding-top: 85px;\n text-align: center;\n background: no-repeat 50% 0;\n}\n\n#mode label#mode-crop {\n background-image: url(images/crop.jpg);\n}\n\n#mode label#mode-fit {\n background-image: url(images/fit.jpg);\n}\n\n#mode label#mode-stretch {\n background-image: url(images/stretch.jpg);\n}\n\n@media only screen and (-webkit-min-device-pixel-ratio: 1.5),\n only screen and (-moz-min-device-pixel-ratio: 1.5),\n only screen and (-o-min-device-pixel-ratio: 3/2),\n only screen and (min-device-pixel-ratio: 1.5),\n only screen and (min-resolution: 1.5dppx) {\n #mode label {\n background-size: 113px;\n }\n #mode label#mode-crop {\n background-image: url(images/crop_2x.jpg);\n }\n #mode label#mode-fit {\n background-image: url(images/fit_2x.jpg);\n }\n #mode label#mode-stretch {\n background-image: url(images/stretch_2x.jpg);\n }\n}\n","$white: #fff;\n$black: #000;\n\n$grey050: hsl(212, 60%, 97%);\n$grey100: hsl(212, 50%, 93%);\n$grey200: hsl(212, 30%, 85%);\n$grey300: hsl(211, 13%, 65%);\n$grey350: hsl(211, 11%, 59%);\n$grey400: hsl(210, 10%, 53%);\n$grey500: hsl(211, 12%, 43%);\n$grey550: hsl(210, 13%, 40%);\n$grey600: hsl(209, 14%, 37%);\n$grey700: hsl(209, 18%, 30%);\n$grey800: hsl(209, 20%, 25%);\n$grey900: hsl(210, 24%, 16%);\n$grey1000: hsl(210, 24%, 10%);\n\n$blue050: #e3f8ff;\n$blue100: #b3ecff;\n$blue200: #81defd;\n$blue300: #5ed0fa;\n$blue400: #40c3f7;\n$blue500: #2bb0ed;\n$blue600: #1992d4;\n$blue700: #127fbf;\n$blue800: #0b69a3;\n$blue900: #035388;\n\n$cyan050: #e0fcff;\n$cyan100: #bef8fd;\n$cyan200: #87eaf2;\n$cyan300: #54d1db;\n$cyan400: #38bec9;\n$cyan500: #2cb1bc;\n$cyan600: #14919b;\n$cyan700: #0e7c86;\n$cyan800: #0a6c74;\n$cyan900: #044e54;\n\n$pink050: #ffe3ec;\n$pink100: #ffb8d2;\n$pink200: #ff8cba;\n$pink300: #f364a2;\n$pink400: #e8368f;\n$pink500: #da127d;\n$pink600: #bc0a6f;\n$pink700: #a30664;\n$pink800: #870557;\n$pink900: #620042;\n\n$red050: #ffe3e3;\n$red100: #ffbdbd;\n$red200: #ff9b9b;\n$red300: #f86a6a;\n$red400: #ef4e4e;\n$red500: #e12d39;\n$red600: #cf1124;\n$red700: #ab091e;\n$red800: #8a041a;\n$red900: #610316;\n\n$yellow050: #fffbea;\n$yellow100: #fff3c4;\n$yellow200: #fce588;\n$yellow300: #fadb5f;\n$yellow400: #f7c948;\n$yellow500: #f0b429;\n$yellow600: #de911d;\n$yellow700: #cb6e17;\n$yellow800: #b44d12;\n$yellow900: #8d2b0b;\n\n$teal050: #effcf6;\n$teal100: #c6f7e2;\n$teal200: #8eedc7;\n$teal300: #65d6ad;\n$teal400: #3ebd93;\n$teal500: #27ab83;\n$teal600: #199473;\n$teal700: #147d64;\n$teal800: #0c6b58;\n$teal900: #014d40;\n\n// submit button colors\n$primaryColor: $red500;\n$secondaryColor: $grey500;\n\n$inputColor: hsl(212, 25%, 50%);\n\n// text colors\n$textColor: $grey700;\n$mediumDarkTextColor: $grey550;\n$mediumTextColor: $grey550;\n$lightTextColor: $grey500;\n$linkColor: #2563eb;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $white;\n$menuOptionActiveBackgroundColor: $grey500;\n\n// hairline colors\n$hairlineColor: transparentize($grey800, 0.9);\n$mediumHairlineColor: transparentize($grey600, 0.75);\n$darkHairlineColor: transparentize($grey400, 0.5);\n\n// focus colors\n$lightFocusColor: $blue300;\n$mediumFocusColor: $blue500;\n$darkFocusColor: #0f74b1;\n\n// focus rings\n$lightFocusRing: 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing: 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing: 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey600;\n\n// alert/notice colors\n$errorColor: $red600;\n$warningColor: $yellow800;\n$successColor: $teal500;\n$noticeColor: $blue800;\n\n// UI element styles\n$smallBorderRadius: 3px;\n$mediumBorderRadius: 4px;\n$largeBorderRadius: 5px;\n\n$menuBorderRadius: $mediumBorderRadius;\n$checkboxSize: 16px;\n$radioSize: 16px;\n\n@mixin sans-serif-font {\n font-family: system-ui, BlinkMacSystemFont, -apple-system, 'Segoe UI',\n 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',\n 'Helvetica Neue', sans-serif;\n}\n\n@mixin fixed-width-font {\n font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier,\n monospace;\n font-size: 0.9em !important;\n}\n\n@function toRem($values...) {\n $max: length($values);\n $remValues: '';\n\n @for $i from 1 through $max {\n $remValues: #{$remValues + calc(nth($values, $i) / 16)}rem;\n\n @if $i < $max {\n $remValues: #{$remValues + ' '};\n }\n }\n\n @return $remValues;\n}\n\n@mixin fontSize($size) {\n font-size: toRem($size);\n}\n\n// Other\n\n@mixin focus-styles {\n body:not(.reduce-focus-visibility) &:focus,\n body.reduce-focus-visibility &.focus-visible {\n @content;\n }\n}\n\n@mixin svg-mask($color) {\n rect,\n circle,\n ellipse,\n line,\n polyline,\n polygon,\n path,\n text {\n fill: $color;\n stroke-width: 0;\n }\n}\n\n@mixin icon {\n font-family: 'Craft';\n speak: none;\n -webkit-font-feature-settings: 'liga', 'dlig';\n -moz-font-feature-settings: 'liga=1, dlig=1';\n -moz-font-feature-settings: 'liga', 'dlig';\n -ms-font-feature-settings: 'liga', 'dlig';\n -o-font-feature-settings: 'liga', 'dlig';\n font-feature-settings: 'liga', 'dlig';\n text-rendering: optimizeLegibility;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n direction: ltr; // Fixes a rendering issue in Chrome/Win\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n\n display: inline-block;\n text-align: center;\n font-style: normal;\n vertical-align: middle;\n word-wrap: normal !important;\n user-select: none;\n\n opacity: var(--icon-opacity);\n}\n\n@mixin angle($dir: down, $color: currentColor, $width: 2px) {\n display: block;\n content: '';\n font-size: 0;\n width: 7px;\n height: 7px;\n border: solid $color;\n border-width: 0 $width $width 0;\n opacity: 0.8;\n\n @if $dir == up {\n transform: rotate(225deg);\n } @else if $dir == down {\n transform: rotate(45deg);\n } @else if $dir == left {\n body.ltr & {\n transform: rotate(135deg);\n }\n body.rtl & {\n transform: rotate(-45deg);\n }\n } @else if $dir == right {\n body.ltr & {\n transform: rotate(-45deg);\n }\n body.rtl & {\n transform: rotate(135deg);\n }\n }\n}\n\n@mixin clearafter {\n content: '';\n display: block;\n height: 0;\n clear: both;\n visibility: hidden;\n}\n\n@mixin shadow {\n box-shadow: 0 1px 5px -1px transparentize($grey900, 0.8);\n}\n\n@mixin pane {\n background: $white;\n box-shadow: 0 0 0 1px $grey200, 0 2px 12px transparentize($grey200, 0.5);\n\n &:focus {\n box-shadow: var(--focus-ring);\n }\n}\n\n@mixin modal {\n border-radius: $largeBorderRadius;\n background-color: $white;\n box-shadow: 0 25px 100px transparentize($grey900, 0.5);\n}\n\n@mixin light-on-dark-text() {\n // Make light on dark text sharp on Macs\n // (sub-pixel antialiasing looks too bold/blurry with light text on dark background)\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-weight: 500;\n}\n\n@mixin light-focus-ring() {\n --focus-ring: 0 0 0 1px hsl(var(--light-focus-hsl)),\n 0 0 0 3px hsla(var(--light-focus-hsl), 0.7);\n}\n\n@mixin two-color-focus-ring($light-button: true) {\n // Creates a two-color focus ring, with a white\n // If button is light, the dark box shadow is adjacent to the button\n // Else the light box shadow is adjacent to the button\n --light-color: var(--white);\n --dark-color: var(--gray-800);\n\n @if $light-button {\n --focus-ring: 0 0 0 3px var(--dark-color), 0 0 0 6px var(--light-color);\n } @else {\n --focus-ring: 0 0 0 3px var(--light-color), 0 0 0 6px var(--dark-color);\n }\n}\n\n// RTL stuff\n\n@mixin left($left) {\n body.ltr & {\n left: $left;\n }\n body.rtl & {\n right: $left;\n }\n}\n\n@mixin right($right) {\n body.ltr & {\n right: $right;\n }\n body.rtl & {\n left: $right;\n }\n}\n\n@mixin alignleft {\n body.ltr & {\n text-align: left;\n }\n body.rtl & {\n text-align: right;\n }\n}\n\n@mixin alignright {\n body.ltr & {\n text-align: right;\n }\n body.rtl & {\n text-align: left;\n }\n}\n\n@mixin border-left($params...) {\n body.ltr & {\n border-left: $params;\n }\n body.rtl & {\n border-right: $params;\n }\n}\n\n@mixin border-right($params...) {\n body.ltr & {\n border-right: $params;\n }\n body.rtl & {\n border-left: $params;\n }\n}\n\n@mixin border-left-width($param) {\n body.ltr & {\n border-left-width: $param;\n }\n body.rtl & {\n border-right-width: $param;\n }\n}\n\n@mixin border-right-width($param) {\n body.ltr & {\n border-right-width: $param;\n }\n body.rtl & {\n border-left-width: $param;\n }\n}\n\n@mixin border-radius($tl, $tr, $br, $bl) {\n body.ltr & {\n border-radius: $tl $tr $br $bl;\n }\n body.rtl & {\n border-radius: $tr $tl $bl $br;\n }\n}\n\n@mixin border-top-left-radius($params...) {\n body.ltr & {\n border-top-left-radius: $params;\n }\n body.rtl & {\n border-top-right-radius: $params;\n }\n}\n\n@mixin border-top-right-radius($params...) {\n body.ltr & {\n border-top-right-radius: $params;\n }\n body.rtl & {\n border-top-left-radius: $params;\n }\n}\n\n@mixin border-bottom-left-radius($params...) {\n body.ltr & {\n border-bottom-left-radius: $params;\n }\n body.rtl & {\n border-bottom-right-radius: $params;\n }\n}\n\n@mixin border-bottom-right-radius($params...) {\n body.ltr & {\n border-bottom-right-radius: $params;\n }\n body.rtl & {\n border-bottom-left-radius: $params;\n }\n}\n\n@mixin floatleft {\n body.ltr & {\n float: left;\n }\n body.rtl & {\n float: right;\n }\n}\n\n@mixin floatright {\n body.ltr & {\n float: right;\n }\n body.rtl & {\n float: left;\n }\n}\n\n@mixin margin($t, $r, $b, $l, $important: '') {\n body.ltr & {\n margin: $t $r $b $l unquote($important);\n }\n body.rtl & {\n margin: $t $l $b $r unquote($important);\n }\n}\n\n@mixin margin-left($margin...) {\n body.ltr & {\n margin-left: $margin;\n }\n body.rtl & {\n margin-right: $margin;\n }\n}\n\n@mixin margin-right($margin...) {\n body.ltr & {\n margin-right: $margin;\n }\n body.rtl & {\n margin-left: $margin;\n }\n}\n\n@mixin padding($t, $r, $b, $l, $important: '') {\n body.ltr & {\n padding: $t $r $b $l unquote($important);\n }\n body.rtl & {\n padding: $t $l $b $r unquote($important);\n }\n}\n\n@mixin padding-left($padding...) {\n body.ltr & {\n padding-left: $padding;\n }\n body.rtl & {\n padding-right: $padding;\n }\n}\n\n@mixin padding-right($padding...) {\n body.ltr & {\n padding-right: $padding;\n }\n body.rtl & {\n padding-left: $padding;\n }\n}\n\n// Misc\n\n@mixin dark-inputs {\n @include placeholder-styles($grey400);\n\n .btn,\n .select:not(.selectize) select {\n background-color: $grey200;\n\n &:focus,\n &:hover {\n background-color: darken($grey200, 5%);\n }\n\n &:active,\n &.active {\n background-color: darken($grey200, 10%);\n }\n }\n\n .text {\n background-color: $grey200;\n\n &:focus {\n background-color: darken($grey200, 5%);\n }\n }\n}\n\n@mixin header-btn {\n width: 30px;\n height: 30px;\n padding-left: 0;\n padding-right: 0;\n\n &:not(:hover):not(:active):not(.active) {\n background-color: transparent;\n }\n &:not(:active):not(.active):hover {\n background-color: transparentize($grey300, 0.85);\n }\n}\n\n@mixin h6-styles {\n margin: 14px 0 3px;\n font-size: 11px;\n line-height: 1.2;\n color: $lightTextColor;\n text-transform: uppercase;\n}\n\n@mixin token-styles {\n display: inline-block;\n border-radius: $smallBorderRadius;\n padding: 3px 7px;\n font-size: 12px;\n line-height: 14px;\n color: $textColor;\n background-color: $grey100;\n}\n\n@mixin active-token-styles {\n background-color: $grey200;\n}\n\n@mixin menu-styles {\n z-index: 100;\n border-radius: $menuBorderRadius;\n padding: 0 14px;\n overflow: auto;\n background: $white;\n user-select: none;\n box-shadow: 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-option-styles {\n margin: 0 -14px;\n padding: 10px 14px;\n color: $menuOptionColor;\n text-decoration: none;\n white-space: nowrap;\n}\n\n@mixin menu-option-active-styles {\n color: $menuOptionActiveColor;\n background-color: $menuOptionActiveBackgroundColor;\n}\n\n@mixin disclosure-link-hover-styles {\n color: $menuOptionColor;\n background-color: $grey050;\n}\n\n@mixin input-styles {\n border-radius: $smallBorderRadius;\n border: 1px solid transparentize($inputColor, 0.75);\n background-color: hsl(212, 50%, 99%);\n background-clip: padding-box;\n}\n\n@mixin input-focused-styles {\n box-shadow: var(--focus-ring);\n}\n\n@mixin placeholder-styles($color) {\n input::-webkit-input-placeholder,\n textarea::-webkit-input-placeholder {\n color: $color;\n }\n\n input:-ms-input-placeholder,\n textarea:-ms-input-placeholder {\n color: $color;\n }\n\n input::-ms-input-placeholder,\n textarea::-ms-input-placeholder {\n color: $color;\n }\n\n input:-moz-placeholder,\n textarea:-moz-placeholder {\n color: $color;\n }\n\n input::-moz-placeholder,\n textarea::-moz-placeholder {\n color: $color;\n }\n\n input::placeholder,\n textarea::placeholder {\n color: $color;\n }\n}\n\n@mixin select-styles {\n position: relative;\n border-radius: $largeBorderRadius;\n white-space: nowrap;\n}\n\n@mixin select-container-styles {\n max-width: 100%;\n position: relative;\n :not(.flex) > & {\n display: inline-block;\n }\n}\n\n@mixin select-arrow-styles {\n @include angle;\n position: absolute;\n z-index: 1;\n top: calc(50% - 5px);\n @include right(9px);\n user-select: none;\n pointer-events: none;\n}\n\n@mixin select-input-styles {\n display: block;\n position: relative;\n max-width: 100%;\n border: none;\n @include padding(7px, 22px, 7px, 10px);\n font-size: 14px;\n line-height: 20px;\n color: $textColor;\n background-color: hsl(212, 25%, 90%);\n appearance: none;\n // from https://stackoverflow.com/a/15933790/1688568\n &::-ms-expand {\n display: none;\n }\n}\n\n@mixin select-input-fullwidth-styles {\n min-width: 100%;\n}\n\n@mixin select-input-focused-styles {\n outline-color: transparent;\n background-color: hsl(212, 25%, 85%);\n box-shadow: var(--focus-ring);\n}\n\n@mixin touch-target {\n height: var(--touch-target-size);\n width: var(--touch-target-size);\n}\n\n@mixin visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: 0;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\n@mixin readable {\n font-size: 16px;\n line-height: 22px;\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6 {\n font-size: 13.6px;\n line-height: 17px;\n color: $mediumTextColor;\n }\n\n ul,\n ol {\n margin: 1em 0;\n @include padding-left(2em);\n }\n\n ul li {\n list-style-type: disc;\n }\n\n li + li {\n margin-top: 0.25em;\n }\n\n blockquote {\n margin: 16px 0;\n\n &:not(.note) {\n padding: 0 16px;\n color: $mediumTextColor;\n @include border-left(4px solid $hairlineColor);\n }\n\n &.note {\n position: relative;\n border-radius: 4px;\n padding: 1em;\n @include padding-left(56px);\n border: 1px solid;\n\n &:not(.tip):not(.warning) {\n border-color: $errorColor;\n color: #bf503f;\n\n &:before {\n content: 'alert';\n color: $errorColor;\n }\n }\n\n &.tip {\n border-color: $linkColor;\n color: $mediumTextColor;\n\n &:before {\n content: 'lightbulb';\n color: $linkColor;\n }\n }\n\n &.warning {\n border-color: $warningColor;\n color: #cf783a;\n\n &:before {\n content: 'alert';\n color: $warningColor;\n }\n }\n\n &:before {\n @include icon;\n position: absolute;\n top: 12px;\n @include left(16px);\n font-size: 30px;\n width: 24px;\n }\n }\n }\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/src/web/assets/edituser/dist/css/AccountSettingsForm.css.map b/src/web/assets/edituser/dist/css/AccountSettingsForm.css.map
index 21d8675dfa5..917f01893c5 100644
--- a/src/web/assets/edituser/dist/css/AccountSettingsForm.css.map
+++ b/src/web/assets/edituser/dist/css/AccountSettingsForm.css.map
@@ -1 +1 @@
-{"version":3,"file":"css/AccountSettingsForm.css","mappings":"AAibE,yBACE,sCAEF,yBACE","sources":["webpack:///../../../../../packages/craftcms-sass/_mixins.scss"],"sourcesContent":["$white: #fff;\n$black: #000;\n\n$grey050: hsl(212, 60%, 97%);\n$grey100: hsl(212, 50%, 93%);\n$grey200: hsl(212, 30%, 85%);\n$grey300: hsl(211, 13%, 65%);\n$grey350: hsl(211, 11%, 59%);\n$grey400: hsl(210, 10%, 53%);\n$grey500: hsl(211, 12%, 43%);\n$grey550: hsl(210, 13%, 40%);\n$grey600: hsl(209, 14%, 37%);\n$grey700: hsl(209, 18%, 30%);\n$grey800: hsl(209, 20%, 25%);\n$grey900: hsl(210, 24%, 16%);\n$grey1000: hsl(210, 24%, 10%);\n\n$blue050: #e3f8ff;\n$blue100: #b3ecff;\n$blue200: #81defd;\n$blue300: #5ed0fa;\n$blue400: #40c3f7;\n$blue500: #2bb0ed;\n$blue600: #1992d4;\n$blue700: #127fbf;\n$blue800: #0b69a3;\n$blue900: #035388;\n\n$cyan050: #e0fcff;\n$cyan100: #bef8fd;\n$cyan200: #87eaf2;\n$cyan300: #54d1db;\n$cyan400: #38bec9;\n$cyan500: #2cb1bc;\n$cyan600: #14919b;\n$cyan700: #0e7c86;\n$cyan800: #0a6c74;\n$cyan900: #044e54;\n\n$pink050: #ffe3ec;\n$pink100: #ffb8d2;\n$pink200: #ff8cba;\n$pink300: #f364a2;\n$pink400: #e8368f;\n$pink500: #da127d;\n$pink600: #bc0a6f;\n$pink700: #a30664;\n$pink800: #870557;\n$pink900: #620042;\n\n$red050: #ffe3e3;\n$red100: #ffbdbd;\n$red200: #ff9b9b;\n$red300: #f86a6a;\n$red400: #ef4e4e;\n$red500: #e12d39;\n$red600: #cf1124;\n$red700: #ab091e;\n$red800: #8a041a;\n$red900: #610316;\n\n$yellow050: #fffbea;\n$yellow100: #fff3c4;\n$yellow200: #fce588;\n$yellow300: #fadb5f;\n$yellow400: #f7c948;\n$yellow500: #f0b429;\n$yellow600: #de911d;\n$yellow700: #cb6e17;\n$yellow800: #b44d12;\n$yellow900: #8d2b0b;\n\n$teal050: #effcf6;\n$teal100: #c6f7e2;\n$teal200: #8eedc7;\n$teal300: #65d6ad;\n$teal400: #3ebd93;\n$teal500: #27ab83;\n$teal600: #199473;\n$teal700: #147d64;\n$teal800: #0c6b58;\n$teal900: #014d40;\n\n// submit button colors\n$primaryColor: $red500;\n$secondaryColor: $grey500;\n\n$inputColor: hsl(212, 25%, 50%);\n\n// text colors\n$textColor: $grey700;\n$mediumDarkTextColor: $grey550;\n$mediumTextColor: $grey550;\n$lightTextColor: $grey500;\n$linkColor: #2563eb;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $white;\n$menuOptionActiveBackgroundColor: $grey500;\n\n// hairline colors\n$hairlineColor: transparentize($grey800, 0.9);\n$mediumHairlineColor: transparentize($grey600, 0.75);\n$darkHairlineColor: transparentize($grey400, 0.5);\n\n// focus colors\n$lightFocusColor: $blue300;\n$mediumFocusColor: $blue500;\n$darkFocusColor: #0f74b1;\n\n// focus rings\n$lightFocusRing: 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing: 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing: 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey600;\n\n// alert/notice colors\n$errorColor: $red600;\n$warningColor: $yellow800;\n$successColor: $teal500;\n$noticeColor: $blue800;\n\n// UI element styles\n$smallBorderRadius: 3px;\n$mediumBorderRadius: 4px;\n$largeBorderRadius: 5px;\n\n$menuBorderRadius: $mediumBorderRadius;\n$checkboxSize: 16px;\n$radioSize: 16px;\n\n@mixin sans-serif-font {\n font-family: system-ui, BlinkMacSystemFont, -apple-system, 'Segoe UI',\n 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',\n 'Helvetica Neue', sans-serif;\n}\n\n@mixin fixed-width-font {\n font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier,\n monospace;\n font-size: 0.9em !important;\n}\n\n@function toRem($size) {\n $remValue: calc($size / 16) + rem;\n @return $remValue;\n}\n\n@mixin fontSize($size) {\n font-size: toRem($size);\n}\n\n// Other\n\n@mixin focus-styles {\n body:not(.reduce-focus-visibility) &:focus,\n body.reduce-focus-visibility &.focus-visible {\n @content;\n }\n}\n\n@mixin svg-mask($color) {\n rect,\n circle,\n ellipse,\n line,\n polyline,\n polygon,\n path,\n text {\n fill: $color;\n stroke-width: 0;\n }\n}\n\n@mixin icon {\n font-family: 'Craft';\n speak: none;\n -webkit-font-feature-settings: 'liga', 'dlig';\n -moz-font-feature-settings: 'liga=1, dlig=1';\n -moz-font-feature-settings: 'liga', 'dlig';\n -ms-font-feature-settings: 'liga', 'dlig';\n -o-font-feature-settings: 'liga', 'dlig';\n font-feature-settings: 'liga', 'dlig';\n text-rendering: optimizeLegibility;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n direction: ltr; // Fixes a rendering issue in Chrome/Win\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n\n display: inline-block;\n text-align: center;\n font-style: normal;\n vertical-align: middle;\n word-wrap: normal !important;\n user-select: none;\n\n opacity: var(--icon-opacity);\n}\n\n@mixin angle($dir: down, $color: currentColor, $width: 2px) {\n display: block;\n content: '';\n font-size: 0;\n width: 7px;\n height: 7px;\n border: solid $color;\n border-width: 0 $width $width 0;\n opacity: 0.8;\n\n @if $dir == up {\n transform: rotate(225deg);\n } @else if $dir == down {\n transform: rotate(45deg);\n } @else if $dir == left {\n body.ltr & {\n transform: rotate(135deg);\n }\n body.rtl & {\n transform: rotate(-45deg);\n }\n } @else if $dir == right {\n body.ltr & {\n transform: rotate(-45deg);\n }\n body.rtl & {\n transform: rotate(135deg);\n }\n }\n}\n\n@mixin clearafter {\n content: '';\n display: block;\n height: 0;\n clear: both;\n visibility: hidden;\n}\n\n@mixin shadow {\n box-shadow: 0 1px 5px -1px transparentize($grey900, 0.8);\n}\n\n@mixin pane {\n background: $white;\n box-shadow: 0 0 0 1px $grey200, 0 2px 12px transparentize($grey200, 0.5);\n\n &:focus {\n box-shadow: var(--focus-ring);\n }\n}\n\n@mixin modal {\n border-radius: $largeBorderRadius;\n background-color: $white;\n box-shadow: 0 25px 100px transparentize($grey900, 0.5);\n}\n\n@mixin light-on-dark-text() {\n // Make light on dark text sharp on Macs\n // (sub-pixel antialiasing looks too bold/blurry with light text on dark background)\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-weight: 500;\n}\n\n@mixin light-focus-ring() {\n --focus-ring: 0 0 0 1px hsl(var(--light-focus-hsl)),\n 0 0 0 3px hsla(var(--light-focus-hsl), 0.7);\n}\n\n@mixin two-color-focus-ring($light-button: true) {\n // Creates a two-color focus ring, with a white\n // If button is light, the dark box shadow is adjacent to the button\n // Else the light box shadow is adjacent to the button\n --light-color: var(--white);\n --dark-color: var(--gray-800);\n\n @if $light-button {\n --focus-ring: 0 0 0 3px var(--dark-color), 0 0 0 6px var(--light-color);\n } @else {\n --focus-ring: 0 0 0 3px var(--light-color), 0 0 0 6px var(--dark-color);\n }\n}\n\n// RTL stuff\n\n@mixin left($left) {\n body.ltr & {\n left: $left;\n }\n body.rtl & {\n right: $left;\n }\n}\n\n@mixin right($right) {\n body.ltr & {\n right: $right;\n }\n body.rtl & {\n left: $right;\n }\n}\n\n@mixin alignleft {\n body.ltr & {\n text-align: left;\n }\n body.rtl & {\n text-align: right;\n }\n}\n\n@mixin alignright {\n body.ltr & {\n text-align: right;\n }\n body.rtl & {\n text-align: left;\n }\n}\n\n@mixin border-left($params...) {\n body.ltr & {\n border-left: $params;\n }\n body.rtl & {\n border-right: $params;\n }\n}\n\n@mixin border-right($params...) {\n body.ltr & {\n border-right: $params;\n }\n body.rtl & {\n border-left: $params;\n }\n}\n\n@mixin border-left-width($param) {\n body.ltr & {\n border-left-width: $param;\n }\n body.rtl & {\n border-right-width: $param;\n }\n}\n\n@mixin border-right-width($param) {\n body.ltr & {\n border-right-width: $param;\n }\n body.rtl & {\n border-left-width: $param;\n }\n}\n\n@mixin border-radius($tl, $tr, $br, $bl) {\n body.ltr & {\n border-radius: $tl $tr $br $bl;\n }\n body.rtl & {\n border-radius: $tr $tl $bl $br;\n }\n}\n\n@mixin border-top-left-radius($params...) {\n body.ltr & {\n border-top-left-radius: $params;\n }\n body.rtl & {\n border-top-right-radius: $params;\n }\n}\n\n@mixin border-top-right-radius($params...) {\n body.ltr & {\n border-top-right-radius: $params;\n }\n body.rtl & {\n border-top-left-radius: $params;\n }\n}\n\n@mixin border-bottom-left-radius($params...) {\n body.ltr & {\n border-bottom-left-radius: $params;\n }\n body.rtl & {\n border-bottom-right-radius: $params;\n }\n}\n\n@mixin border-bottom-right-radius($params...) {\n body.ltr & {\n border-bottom-right-radius: $params;\n }\n body.rtl & {\n border-bottom-left-radius: $params;\n }\n}\n\n@mixin floatleft {\n body.ltr & {\n float: left;\n }\n body.rtl & {\n float: right;\n }\n}\n\n@mixin floatright {\n body.ltr & {\n float: right;\n }\n body.rtl & {\n float: left;\n }\n}\n\n@mixin margin($t, $r, $b, $l, $important: '') {\n body.ltr & {\n margin: $t $r $b $l unquote($important);\n }\n body.rtl & {\n margin: $t $l $b $r unquote($important);\n }\n}\n\n@mixin margin-left($margin...) {\n body.ltr & {\n margin-left: $margin;\n }\n body.rtl & {\n margin-right: $margin;\n }\n}\n\n@mixin margin-right($margin...) {\n body.ltr & {\n margin-right: $margin;\n }\n body.rtl & {\n margin-left: $margin;\n }\n}\n\n@mixin padding($t, $r, $b, $l, $important: '') {\n body.ltr & {\n padding: $t $r $b $l unquote($important);\n }\n body.rtl & {\n padding: $t $l $b $r unquote($important);\n }\n}\n\n@mixin padding-left($padding...) {\n body.ltr & {\n padding-left: $padding;\n }\n body.rtl & {\n padding-right: $padding;\n }\n}\n\n@mixin padding-right($padding...) {\n body.ltr & {\n padding-right: $padding;\n }\n body.rtl & {\n padding-left: $padding;\n }\n}\n\n// Misc\n\n@mixin dark-inputs {\n @include placeholder-styles($grey400);\n\n .btn,\n .select:not(.selectize) select {\n background-color: $grey200;\n\n &:focus,\n &:hover {\n background-color: darken($grey200, 5%);\n }\n\n &:active,\n &.active {\n background-color: darken($grey200, 10%);\n }\n }\n\n .text {\n background-color: $grey200;\n\n &:focus {\n background-color: darken($grey200, 5%);\n }\n }\n}\n\n@mixin header-btn {\n width: 30px;\n height: 30px;\n padding-left: 0;\n padding-right: 0;\n\n &:not(:hover):not(:active):not(.active) {\n background-color: transparent;\n }\n &:not(:active):not(.active):hover {\n background-color: transparentize($grey300, 0.85);\n }\n}\n\n@mixin h6-styles {\n margin: 14px 0 3px;\n font-size: 11px;\n line-height: 1.2;\n color: $lightTextColor;\n text-transform: uppercase;\n}\n\n@mixin token-styles {\n display: inline-block;\n border-radius: $smallBorderRadius;\n padding: 3px 7px;\n font-size: 12px;\n line-height: 14px;\n color: $textColor;\n background-color: $grey100;\n}\n\n@mixin active-token-styles {\n background-color: $grey200;\n}\n\n@mixin menu-styles {\n z-index: 100;\n border-radius: $menuBorderRadius;\n padding: 0 14px;\n overflow: auto;\n background: $white;\n user-select: none;\n box-shadow: 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-option-styles {\n margin: 0 -14px;\n padding: 10px 14px;\n color: $menuOptionColor;\n text-decoration: none;\n white-space: nowrap;\n}\n\n@mixin menu-option-active-styles {\n color: $menuOptionActiveColor;\n background-color: $menuOptionActiveBackgroundColor;\n}\n\n@mixin disclosure-link-hover-styles {\n color: $menuOptionColor;\n background-color: $grey050;\n}\n\n@mixin input-styles {\n border-radius: $smallBorderRadius;\n border: 1px solid transparentize($inputColor, 0.75);\n background-color: hsl(212, 50%, 99%);\n background-clip: padding-box;\n}\n\n@mixin input-focused-styles {\n box-shadow: var(--focus-ring);\n}\n\n@mixin placeholder-styles($color) {\n ::-webkit-input-placeholder {\n color: $color;\n }\n\n input:-ms-input-placeholder {\n color: $color;\n }\n\n ::-ms-input-placeholder {\n color: $color;\n }\n\n :-moz-placeholder {\n color: $color;\n }\n\n ::-moz-placeholder {\n color: $color;\n }\n\n ::placeholder {\n color: $color;\n }\n}\n\n@mixin select-styles {\n position: relative;\n border-radius: $largeBorderRadius;\n white-space: nowrap;\n}\n\n@mixin select-container-styles {\n max-width: 100%;\n position: relative;\n :not(.flex) > & {\n display: inline-block;\n }\n}\n\n@mixin select-arrow-styles {\n @include angle;\n position: absolute;\n z-index: 1;\n top: calc(50% - 5px);\n @include right(9px);\n user-select: none;\n pointer-events: none;\n}\n\n@mixin select-input-styles {\n display: block;\n position: relative;\n max-width: 100%;\n border: none;\n @include padding(7px, 22px, 7px, 10px);\n font-size: 14px;\n line-height: 20px;\n color: $textColor;\n background-color: hsl(212, 25%, 90%);\n appearance: none;\n // from https://stackoverflow.com/a/15933790/1688568\n &::-ms-expand {\n display: none;\n }\n}\n\n@mixin select-input-fullwidth-styles {\n min-width: 100%;\n}\n\n@mixin select-input-focused-styles {\n outline-color: transparent;\n background-color: hsl(212, 25%, 85%);\n box-shadow: var(--focus-ring);\n}\n\n@mixin touch-target {\n height: var(--touch-target-size);\n width: var(--touch-target-size);\n}\n\n@mixin visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: 0;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\n@mixin readable {\n font-size: 16px;\n line-height: 22px;\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6 {\n font-size: 13.6px;\n line-height: 17px;\n color: $mediumTextColor;\n }\n\n ul,\n ol {\n margin: 1em 0;\n @include padding-left(2em);\n }\n\n ul li {\n list-style-type: disc;\n }\n\n li + li {\n margin-top: 0.25em;\n }\n\n blockquote {\n margin: 16px 0;\n\n &:not(.note) {\n padding: 0 16px;\n color: $mediumTextColor;\n @include border-left(4px solid $hairlineColor);\n }\n\n &.note {\n position: relative;\n border-radius: 4px;\n padding: 1em;\n @include padding-left(56px);\n border: 1px solid;\n\n &:not(.tip):not(.warning) {\n border-color: $errorColor;\n color: #bf503f;\n\n &:before {\n content: 'alert';\n color: $errorColor;\n }\n }\n\n &.tip {\n border-color: $linkColor;\n color: $mediumTextColor;\n\n &:before {\n content: 'lightbulb';\n color: $linkColor;\n }\n }\n\n &.warning {\n border-color: $warningColor;\n color: #cf783a;\n\n &:before {\n content: 'alert';\n color: $warningColor;\n }\n }\n\n &:before {\n @include icon;\n position: absolute;\n top: 12px;\n @include left(16px);\n font-size: 30px;\n width: 24px;\n }\n }\n }\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"css/AccountSettingsForm.css","mappings":"AA2bE,yBACE,sCAEF,yBACE","sources":["webpack:///../../../../../packages/craftcms-sass/_mixins.scss"],"sourcesContent":["$white: #fff;\n$black: #000;\n\n$grey050: hsl(212, 60%, 97%);\n$grey100: hsl(212, 50%, 93%);\n$grey200: hsl(212, 30%, 85%);\n$grey300: hsl(211, 13%, 65%);\n$grey350: hsl(211, 11%, 59%);\n$grey400: hsl(210, 10%, 53%);\n$grey500: hsl(211, 12%, 43%);\n$grey550: hsl(210, 13%, 40%);\n$grey600: hsl(209, 14%, 37%);\n$grey700: hsl(209, 18%, 30%);\n$grey800: hsl(209, 20%, 25%);\n$grey900: hsl(210, 24%, 16%);\n$grey1000: hsl(210, 24%, 10%);\n\n$blue050: #e3f8ff;\n$blue100: #b3ecff;\n$blue200: #81defd;\n$blue300: #5ed0fa;\n$blue400: #40c3f7;\n$blue500: #2bb0ed;\n$blue600: #1992d4;\n$blue700: #127fbf;\n$blue800: #0b69a3;\n$blue900: #035388;\n\n$cyan050: #e0fcff;\n$cyan100: #bef8fd;\n$cyan200: #87eaf2;\n$cyan300: #54d1db;\n$cyan400: #38bec9;\n$cyan500: #2cb1bc;\n$cyan600: #14919b;\n$cyan700: #0e7c86;\n$cyan800: #0a6c74;\n$cyan900: #044e54;\n\n$pink050: #ffe3ec;\n$pink100: #ffb8d2;\n$pink200: #ff8cba;\n$pink300: #f364a2;\n$pink400: #e8368f;\n$pink500: #da127d;\n$pink600: #bc0a6f;\n$pink700: #a30664;\n$pink800: #870557;\n$pink900: #620042;\n\n$red050: #ffe3e3;\n$red100: #ffbdbd;\n$red200: #ff9b9b;\n$red300: #f86a6a;\n$red400: #ef4e4e;\n$red500: #e12d39;\n$red600: #cf1124;\n$red700: #ab091e;\n$red800: #8a041a;\n$red900: #610316;\n\n$yellow050: #fffbea;\n$yellow100: #fff3c4;\n$yellow200: #fce588;\n$yellow300: #fadb5f;\n$yellow400: #f7c948;\n$yellow500: #f0b429;\n$yellow600: #de911d;\n$yellow700: #cb6e17;\n$yellow800: #b44d12;\n$yellow900: #8d2b0b;\n\n$teal050: #effcf6;\n$teal100: #c6f7e2;\n$teal200: #8eedc7;\n$teal300: #65d6ad;\n$teal400: #3ebd93;\n$teal500: #27ab83;\n$teal600: #199473;\n$teal700: #147d64;\n$teal800: #0c6b58;\n$teal900: #014d40;\n\n// submit button colors\n$primaryColor: $red500;\n$secondaryColor: $grey500;\n\n$inputColor: hsl(212, 25%, 50%);\n\n// text colors\n$textColor: $grey700;\n$mediumDarkTextColor: $grey550;\n$mediumTextColor: $grey550;\n$lightTextColor: $grey500;\n$linkColor: #2563eb;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $white;\n$menuOptionActiveBackgroundColor: $grey500;\n\n// hairline colors\n$hairlineColor: transparentize($grey800, 0.9);\n$mediumHairlineColor: transparentize($grey600, 0.75);\n$darkHairlineColor: transparentize($grey400, 0.5);\n\n// focus colors\n$lightFocusColor: $blue300;\n$mediumFocusColor: $blue500;\n$darkFocusColor: #0f74b1;\n\n// focus rings\n$lightFocusRing: 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing: 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing: 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey600;\n\n// alert/notice colors\n$errorColor: $red600;\n$warningColor: $yellow800;\n$successColor: $teal500;\n$noticeColor: $blue800;\n\n// UI element styles\n$smallBorderRadius: 3px;\n$mediumBorderRadius: 4px;\n$largeBorderRadius: 5px;\n\n$menuBorderRadius: $mediumBorderRadius;\n$checkboxSize: 16px;\n$radioSize: 16px;\n\n@mixin sans-serif-font {\n font-family: system-ui, BlinkMacSystemFont, -apple-system, 'Segoe UI',\n 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',\n 'Helvetica Neue', sans-serif;\n}\n\n@mixin fixed-width-font {\n font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier,\n monospace;\n font-size: 0.9em !important;\n}\n\n@function toRem($values...) {\n $max: length($values);\n $remValues: '';\n\n @for $i from 1 through $max {\n $remValues: #{$remValues + calc(nth($values, $i) / 16)}rem;\n\n @if $i < $max {\n $remValues: #{$remValues + ' '};\n }\n }\n\n @return $remValues;\n}\n\n@mixin fontSize($size) {\n font-size: toRem($size);\n}\n\n// Other\n\n@mixin focus-styles {\n body:not(.reduce-focus-visibility) &:focus,\n body.reduce-focus-visibility &.focus-visible {\n @content;\n }\n}\n\n@mixin svg-mask($color) {\n rect,\n circle,\n ellipse,\n line,\n polyline,\n polygon,\n path,\n text {\n fill: $color;\n stroke-width: 0;\n }\n}\n\n@mixin icon {\n font-family: 'Craft';\n speak: none;\n -webkit-font-feature-settings: 'liga', 'dlig';\n -moz-font-feature-settings: 'liga=1, dlig=1';\n -moz-font-feature-settings: 'liga', 'dlig';\n -ms-font-feature-settings: 'liga', 'dlig';\n -o-font-feature-settings: 'liga', 'dlig';\n font-feature-settings: 'liga', 'dlig';\n text-rendering: optimizeLegibility;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n direction: ltr; // Fixes a rendering issue in Chrome/Win\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n\n display: inline-block;\n text-align: center;\n font-style: normal;\n vertical-align: middle;\n word-wrap: normal !important;\n user-select: none;\n\n opacity: var(--icon-opacity);\n}\n\n@mixin angle($dir: down, $color: currentColor, $width: 2px) {\n display: block;\n content: '';\n font-size: 0;\n width: 7px;\n height: 7px;\n border: solid $color;\n border-width: 0 $width $width 0;\n opacity: 0.8;\n\n @if $dir == up {\n transform: rotate(225deg);\n } @else if $dir == down {\n transform: rotate(45deg);\n } @else if $dir == left {\n body.ltr & {\n transform: rotate(135deg);\n }\n body.rtl & {\n transform: rotate(-45deg);\n }\n } @else if $dir == right {\n body.ltr & {\n transform: rotate(-45deg);\n }\n body.rtl & {\n transform: rotate(135deg);\n }\n }\n}\n\n@mixin clearafter {\n content: '';\n display: block;\n height: 0;\n clear: both;\n visibility: hidden;\n}\n\n@mixin shadow {\n box-shadow: 0 1px 5px -1px transparentize($grey900, 0.8);\n}\n\n@mixin pane {\n background: $white;\n box-shadow: 0 0 0 1px $grey200, 0 2px 12px transparentize($grey200, 0.5);\n\n &:focus {\n box-shadow: var(--focus-ring);\n }\n}\n\n@mixin modal {\n border-radius: $largeBorderRadius;\n background-color: $white;\n box-shadow: 0 25px 100px transparentize($grey900, 0.5);\n}\n\n@mixin light-on-dark-text() {\n // Make light on dark text sharp on Macs\n // (sub-pixel antialiasing looks too bold/blurry with light text on dark background)\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-weight: 500;\n}\n\n@mixin light-focus-ring() {\n --focus-ring: 0 0 0 1px hsl(var(--light-focus-hsl)),\n 0 0 0 3px hsla(var(--light-focus-hsl), 0.7);\n}\n\n@mixin two-color-focus-ring($light-button: true) {\n // Creates a two-color focus ring, with a white\n // If button is light, the dark box shadow is adjacent to the button\n // Else the light box shadow is adjacent to the button\n --light-color: var(--white);\n --dark-color: var(--gray-800);\n\n @if $light-button {\n --focus-ring: 0 0 0 3px var(--dark-color), 0 0 0 6px var(--light-color);\n } @else {\n --focus-ring: 0 0 0 3px var(--light-color), 0 0 0 6px var(--dark-color);\n }\n}\n\n// RTL stuff\n\n@mixin left($left) {\n body.ltr & {\n left: $left;\n }\n body.rtl & {\n right: $left;\n }\n}\n\n@mixin right($right) {\n body.ltr & {\n right: $right;\n }\n body.rtl & {\n left: $right;\n }\n}\n\n@mixin alignleft {\n body.ltr & {\n text-align: left;\n }\n body.rtl & {\n text-align: right;\n }\n}\n\n@mixin alignright {\n body.ltr & {\n text-align: right;\n }\n body.rtl & {\n text-align: left;\n }\n}\n\n@mixin border-left($params...) {\n body.ltr & {\n border-left: $params;\n }\n body.rtl & {\n border-right: $params;\n }\n}\n\n@mixin border-right($params...) {\n body.ltr & {\n border-right: $params;\n }\n body.rtl & {\n border-left: $params;\n }\n}\n\n@mixin border-left-width($param) {\n body.ltr & {\n border-left-width: $param;\n }\n body.rtl & {\n border-right-width: $param;\n }\n}\n\n@mixin border-right-width($param) {\n body.ltr & {\n border-right-width: $param;\n }\n body.rtl & {\n border-left-width: $param;\n }\n}\n\n@mixin border-radius($tl, $tr, $br, $bl) {\n body.ltr & {\n border-radius: $tl $tr $br $bl;\n }\n body.rtl & {\n border-radius: $tr $tl $bl $br;\n }\n}\n\n@mixin border-top-left-radius($params...) {\n body.ltr & {\n border-top-left-radius: $params;\n }\n body.rtl & {\n border-top-right-radius: $params;\n }\n}\n\n@mixin border-top-right-radius($params...) {\n body.ltr & {\n border-top-right-radius: $params;\n }\n body.rtl & {\n border-top-left-radius: $params;\n }\n}\n\n@mixin border-bottom-left-radius($params...) {\n body.ltr & {\n border-bottom-left-radius: $params;\n }\n body.rtl & {\n border-bottom-right-radius: $params;\n }\n}\n\n@mixin border-bottom-right-radius($params...) {\n body.ltr & {\n border-bottom-right-radius: $params;\n }\n body.rtl & {\n border-bottom-left-radius: $params;\n }\n}\n\n@mixin floatleft {\n body.ltr & {\n float: left;\n }\n body.rtl & {\n float: right;\n }\n}\n\n@mixin floatright {\n body.ltr & {\n float: right;\n }\n body.rtl & {\n float: left;\n }\n}\n\n@mixin margin($t, $r, $b, $l, $important: '') {\n body.ltr & {\n margin: $t $r $b $l unquote($important);\n }\n body.rtl & {\n margin: $t $l $b $r unquote($important);\n }\n}\n\n@mixin margin-left($margin...) {\n body.ltr & {\n margin-left: $margin;\n }\n body.rtl & {\n margin-right: $margin;\n }\n}\n\n@mixin margin-right($margin...) {\n body.ltr & {\n margin-right: $margin;\n }\n body.rtl & {\n margin-left: $margin;\n }\n}\n\n@mixin padding($t, $r, $b, $l, $important: '') {\n body.ltr & {\n padding: $t $r $b $l unquote($important);\n }\n body.rtl & {\n padding: $t $l $b $r unquote($important);\n }\n}\n\n@mixin padding-left($padding...) {\n body.ltr & {\n padding-left: $padding;\n }\n body.rtl & {\n padding-right: $padding;\n }\n}\n\n@mixin padding-right($padding...) {\n body.ltr & {\n padding-right: $padding;\n }\n body.rtl & {\n padding-left: $padding;\n }\n}\n\n// Misc\n\n@mixin dark-inputs {\n @include placeholder-styles($grey400);\n\n .btn,\n .select:not(.selectize) select {\n background-color: $grey200;\n\n &:focus,\n &:hover {\n background-color: darken($grey200, 5%);\n }\n\n &:active,\n &.active {\n background-color: darken($grey200, 10%);\n }\n }\n\n .text {\n background-color: $grey200;\n\n &:focus {\n background-color: darken($grey200, 5%);\n }\n }\n}\n\n@mixin header-btn {\n width: 30px;\n height: 30px;\n padding-left: 0;\n padding-right: 0;\n\n &:not(:hover):not(:active):not(.active) {\n background-color: transparent;\n }\n &:not(:active):not(.active):hover {\n background-color: transparentize($grey300, 0.85);\n }\n}\n\n@mixin h6-styles {\n margin: 14px 0 3px;\n font-size: 11px;\n line-height: 1.2;\n color: $lightTextColor;\n text-transform: uppercase;\n}\n\n@mixin token-styles {\n display: inline-block;\n border-radius: $smallBorderRadius;\n padding: 3px 7px;\n font-size: 12px;\n line-height: 14px;\n color: $textColor;\n background-color: $grey100;\n}\n\n@mixin active-token-styles {\n background-color: $grey200;\n}\n\n@mixin menu-styles {\n z-index: 100;\n border-radius: $menuBorderRadius;\n padding: 0 14px;\n overflow: auto;\n background: $white;\n user-select: none;\n box-shadow: 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-option-styles {\n margin: 0 -14px;\n padding: 10px 14px;\n color: $menuOptionColor;\n text-decoration: none;\n white-space: nowrap;\n}\n\n@mixin menu-option-active-styles {\n color: $menuOptionActiveColor;\n background-color: $menuOptionActiveBackgroundColor;\n}\n\n@mixin disclosure-link-hover-styles {\n color: $menuOptionColor;\n background-color: $grey050;\n}\n\n@mixin input-styles {\n border-radius: $smallBorderRadius;\n border: 1px solid transparentize($inputColor, 0.75);\n background-color: hsl(212, 50%, 99%);\n background-clip: padding-box;\n}\n\n@mixin input-focused-styles {\n box-shadow: var(--focus-ring);\n}\n\n@mixin placeholder-styles($color) {\n input::-webkit-input-placeholder,\n textarea::-webkit-input-placeholder {\n color: $color;\n }\n\n input:-ms-input-placeholder,\n textarea:-ms-input-placeholder {\n color: $color;\n }\n\n input::-ms-input-placeholder,\n textarea::-ms-input-placeholder {\n color: $color;\n }\n\n input:-moz-placeholder,\n textarea:-moz-placeholder {\n color: $color;\n }\n\n input::-moz-placeholder,\n textarea::-moz-placeholder {\n color: $color;\n }\n\n input::placeholder,\n textarea::placeholder {\n color: $color;\n }\n}\n\n@mixin select-styles {\n position: relative;\n border-radius: $largeBorderRadius;\n white-space: nowrap;\n}\n\n@mixin select-container-styles {\n max-width: 100%;\n position: relative;\n :not(.flex) > & {\n display: inline-block;\n }\n}\n\n@mixin select-arrow-styles {\n @include angle;\n position: absolute;\n z-index: 1;\n top: calc(50% - 5px);\n @include right(9px);\n user-select: none;\n pointer-events: none;\n}\n\n@mixin select-input-styles {\n display: block;\n position: relative;\n max-width: 100%;\n border: none;\n @include padding(7px, 22px, 7px, 10px);\n font-size: 14px;\n line-height: 20px;\n color: $textColor;\n background-color: hsl(212, 25%, 90%);\n appearance: none;\n // from https://stackoverflow.com/a/15933790/1688568\n &::-ms-expand {\n display: none;\n }\n}\n\n@mixin select-input-fullwidth-styles {\n min-width: 100%;\n}\n\n@mixin select-input-focused-styles {\n outline-color: transparent;\n background-color: hsl(212, 25%, 85%);\n box-shadow: var(--focus-ring);\n}\n\n@mixin touch-target {\n height: var(--touch-target-size);\n width: var(--touch-target-size);\n}\n\n@mixin visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: 0;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\n@mixin readable {\n font-size: 16px;\n line-height: 22px;\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6 {\n font-size: 13.6px;\n line-height: 17px;\n color: $mediumTextColor;\n }\n\n ul,\n ol {\n margin: 1em 0;\n @include padding-left(2em);\n }\n\n ul li {\n list-style-type: disc;\n }\n\n li + li {\n margin-top: 0.25em;\n }\n\n blockquote {\n margin: 16px 0;\n\n &:not(.note) {\n padding: 0 16px;\n color: $mediumTextColor;\n @include border-left(4px solid $hairlineColor);\n }\n\n &.note {\n position: relative;\n border-radius: 4px;\n padding: 1em;\n @include padding-left(56px);\n border: 1px solid;\n\n &:not(.tip):not(.warning) {\n border-color: $errorColor;\n color: #bf503f;\n\n &:before {\n content: 'alert';\n color: $errorColor;\n }\n }\n\n &.tip {\n border-color: $linkColor;\n color: $mediumTextColor;\n\n &:before {\n content: 'lightbulb';\n color: $linkColor;\n }\n }\n\n &.warning {\n border-color: $warningColor;\n color: #cf783a;\n\n &:before {\n content: 'alert';\n color: $warningColor;\n }\n }\n\n &:before {\n @include icon;\n position: absolute;\n top: 12px;\n @include left(16px);\n font-size: 30px;\n width: 24px;\n }\n }\n }\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/src/web/assets/edituser/dist/css/profile.css.map b/src/web/assets/edituser/dist/css/profile.css.map
index aef069c42e6..59675d7df93 100644
--- a/src/web/assets/edituser/dist/css/profile.css.map
+++ b/src/web/assets/edituser/dist/css/profile.css.map
@@ -1 +1 @@
-{"version":3,"file":"css/profile.css","mappings":"AAGA,eACE,kCACA,sCACA,SAGF,8BACE,kBAGF,oCASE,yCACA,iDALA,WADA,cAEA,YAEA,YALA,OAFA,kBACA,MAKA,UAGA,CAGF,kCAIE,yCADA,cADA,iBADA,eAGA,CAGF,uCACE,kCACA,oDACA,SACA,kBAGF,wCACE,8BAMA,aAJA,YACA,kBACA,MAHA,UAKA,CC2PA,iDACE,MD7PY,CC+Pd,iDACE,ODhQY,CAIhB,kDACE,cAGF,wDACE,aAGF,4DACE,qBAGF,wBACE","sources":["webpack:///./profile.scss","webpack:///../../../../../packages/craftcms-sass/_mixins.scss"],"sourcesContent":["@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\ndiv.user-photo {\n display: flex;\n flex-wrap: wrap;\n gap: 14px;\n}\n\ndiv.user-photo #current-photo {\n position: relative;\n}\n\ndiv.user-photo #current-photo:after {\n position: absolute;\n top: 0;\n left: 0;\n display: block;\n content: '';\n font-size: 0;\n width: 100%;\n height: 100%;\n border-radius: var(--large-border-radius);\n box-shadow: inset 0 0 0 1px var(--hairline-color);\n}\n\ndiv.user-photo #current-photo img {\n max-width: 100px;\n max-height: 100px;\n display: block;\n border-radius: var(--large-border-radius);\n}\n\ndiv.user-photo div.user-photo-controls {\n display: flex;\n flex-direction: column;\n gap: 14px;\n position: relative;\n}\n\ndiv.user-photo-controls .progress-shade {\n background: transparentize($white, 0.2);\n width: 100%;\n height: 100%;\n position: absolute;\n top: 0;\n @include left(0);\n display: none;\n}\n\ndiv.user-photo-controls.uploading .progress-shade {\n display: block;\n}\n\ndiv.user-photo div.user-photo-controls .upload-photo ul {\n display: none;\n}\n\ndiv.user-photo div.user-photo-controls .QqUploader-uploader {\n display: inline-block;\n}\n\ndiv.profile-image-modal {\n width: 500px;\n}\n","$white: #fff;\n$black: #000;\n\n$grey050: hsl(212, 60%, 97%);\n$grey100: hsl(212, 50%, 93%);\n$grey200: hsl(212, 30%, 85%);\n$grey300: hsl(211, 13%, 65%);\n$grey350: hsl(211, 11%, 59%);\n$grey400: hsl(210, 10%, 53%);\n$grey500: hsl(211, 12%, 43%);\n$grey550: hsl(210, 13%, 40%);\n$grey600: hsl(209, 14%, 37%);\n$grey700: hsl(209, 18%, 30%);\n$grey800: hsl(209, 20%, 25%);\n$grey900: hsl(210, 24%, 16%);\n$grey1000: hsl(210, 24%, 10%);\n\n$blue050: #e3f8ff;\n$blue100: #b3ecff;\n$blue200: #81defd;\n$blue300: #5ed0fa;\n$blue400: #40c3f7;\n$blue500: #2bb0ed;\n$blue600: #1992d4;\n$blue700: #127fbf;\n$blue800: #0b69a3;\n$blue900: #035388;\n\n$cyan050: #e0fcff;\n$cyan100: #bef8fd;\n$cyan200: #87eaf2;\n$cyan300: #54d1db;\n$cyan400: #38bec9;\n$cyan500: #2cb1bc;\n$cyan600: #14919b;\n$cyan700: #0e7c86;\n$cyan800: #0a6c74;\n$cyan900: #044e54;\n\n$pink050: #ffe3ec;\n$pink100: #ffb8d2;\n$pink200: #ff8cba;\n$pink300: #f364a2;\n$pink400: #e8368f;\n$pink500: #da127d;\n$pink600: #bc0a6f;\n$pink700: #a30664;\n$pink800: #870557;\n$pink900: #620042;\n\n$red050: #ffe3e3;\n$red100: #ffbdbd;\n$red200: #ff9b9b;\n$red300: #f86a6a;\n$red400: #ef4e4e;\n$red500: #e12d39;\n$red600: #cf1124;\n$red700: #ab091e;\n$red800: #8a041a;\n$red900: #610316;\n\n$yellow050: #fffbea;\n$yellow100: #fff3c4;\n$yellow200: #fce588;\n$yellow300: #fadb5f;\n$yellow400: #f7c948;\n$yellow500: #f0b429;\n$yellow600: #de911d;\n$yellow700: #cb6e17;\n$yellow800: #b44d12;\n$yellow900: #8d2b0b;\n\n$teal050: #effcf6;\n$teal100: #c6f7e2;\n$teal200: #8eedc7;\n$teal300: #65d6ad;\n$teal400: #3ebd93;\n$teal500: #27ab83;\n$teal600: #199473;\n$teal700: #147d64;\n$teal800: #0c6b58;\n$teal900: #014d40;\n\n// submit button colors\n$primaryColor: $red500;\n$secondaryColor: $grey500;\n\n$inputColor: hsl(212, 25%, 50%);\n\n// text colors\n$textColor: $grey700;\n$mediumDarkTextColor: $grey550;\n$mediumTextColor: $grey550;\n$lightTextColor: $grey500;\n$linkColor: #2563eb;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $white;\n$menuOptionActiveBackgroundColor: $grey500;\n\n// hairline colors\n$hairlineColor: transparentize($grey800, 0.9);\n$mediumHairlineColor: transparentize($grey600, 0.75);\n$darkHairlineColor: transparentize($grey400, 0.5);\n\n// focus colors\n$lightFocusColor: $blue300;\n$mediumFocusColor: $blue500;\n$darkFocusColor: #0f74b1;\n\n// focus rings\n$lightFocusRing: 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing: 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing: 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey600;\n\n// alert/notice colors\n$errorColor: $red600;\n$warningColor: $yellow800;\n$successColor: $teal500;\n$noticeColor: $blue800;\n\n// UI element styles\n$smallBorderRadius: 3px;\n$mediumBorderRadius: 4px;\n$largeBorderRadius: 5px;\n\n$menuBorderRadius: $mediumBorderRadius;\n$checkboxSize: 16px;\n$radioSize: 16px;\n\n@mixin sans-serif-font {\n font-family: system-ui, BlinkMacSystemFont, -apple-system, 'Segoe UI',\n 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',\n 'Helvetica Neue', sans-serif;\n}\n\n@mixin fixed-width-font {\n font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier,\n monospace;\n font-size: 0.9em !important;\n}\n\n@function toRem($size) {\n $remValue: calc($size / 16) + rem;\n @return $remValue;\n}\n\n@mixin fontSize($size) {\n font-size: toRem($size);\n}\n\n// Other\n\n@mixin focus-styles {\n body:not(.reduce-focus-visibility) &:focus,\n body.reduce-focus-visibility &.focus-visible {\n @content;\n }\n}\n\n@mixin svg-mask($color) {\n rect,\n circle,\n ellipse,\n line,\n polyline,\n polygon,\n path,\n text {\n fill: $color;\n stroke-width: 0;\n }\n}\n\n@mixin icon {\n font-family: 'Craft';\n speak: none;\n -webkit-font-feature-settings: 'liga', 'dlig';\n -moz-font-feature-settings: 'liga=1, dlig=1';\n -moz-font-feature-settings: 'liga', 'dlig';\n -ms-font-feature-settings: 'liga', 'dlig';\n -o-font-feature-settings: 'liga', 'dlig';\n font-feature-settings: 'liga', 'dlig';\n text-rendering: optimizeLegibility;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n direction: ltr; // Fixes a rendering issue in Chrome/Win\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n\n display: inline-block;\n text-align: center;\n font-style: normal;\n vertical-align: middle;\n word-wrap: normal !important;\n user-select: none;\n\n opacity: var(--icon-opacity);\n}\n\n@mixin angle($dir: down, $color: currentColor, $width: 2px) {\n display: block;\n content: '';\n font-size: 0;\n width: 7px;\n height: 7px;\n border: solid $color;\n border-width: 0 $width $width 0;\n opacity: 0.8;\n\n @if $dir == up {\n transform: rotate(225deg);\n } @else if $dir == down {\n transform: rotate(45deg);\n } @else if $dir == left {\n body.ltr & {\n transform: rotate(135deg);\n }\n body.rtl & {\n transform: rotate(-45deg);\n }\n } @else if $dir == right {\n body.ltr & {\n transform: rotate(-45deg);\n }\n body.rtl & {\n transform: rotate(135deg);\n }\n }\n}\n\n@mixin clearafter {\n content: '';\n display: block;\n height: 0;\n clear: both;\n visibility: hidden;\n}\n\n@mixin shadow {\n box-shadow: 0 1px 5px -1px transparentize($grey900, 0.8);\n}\n\n@mixin pane {\n background: $white;\n box-shadow: 0 0 0 1px $grey200, 0 2px 12px transparentize($grey200, 0.5);\n\n &:focus {\n box-shadow: var(--focus-ring);\n }\n}\n\n@mixin modal {\n border-radius: $largeBorderRadius;\n background-color: $white;\n box-shadow: 0 25px 100px transparentize($grey900, 0.5);\n}\n\n@mixin light-on-dark-text() {\n // Make light on dark text sharp on Macs\n // (sub-pixel antialiasing looks too bold/blurry with light text on dark background)\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-weight: 500;\n}\n\n@mixin light-focus-ring() {\n --focus-ring: 0 0 0 1px hsl(var(--light-focus-hsl)),\n 0 0 0 3px hsla(var(--light-focus-hsl), 0.7);\n}\n\n@mixin two-color-focus-ring($light-button: true) {\n // Creates a two-color focus ring, with a white\n // If button is light, the dark box shadow is adjacent to the button\n // Else the light box shadow is adjacent to the button\n --light-color: var(--white);\n --dark-color: var(--gray-800);\n\n @if $light-button {\n --focus-ring: 0 0 0 3px var(--dark-color), 0 0 0 6px var(--light-color);\n } @else {\n --focus-ring: 0 0 0 3px var(--light-color), 0 0 0 6px var(--dark-color);\n }\n}\n\n// RTL stuff\n\n@mixin left($left) {\n body.ltr & {\n left: $left;\n }\n body.rtl & {\n right: $left;\n }\n}\n\n@mixin right($right) {\n body.ltr & {\n right: $right;\n }\n body.rtl & {\n left: $right;\n }\n}\n\n@mixin alignleft {\n body.ltr & {\n text-align: left;\n }\n body.rtl & {\n text-align: right;\n }\n}\n\n@mixin alignright {\n body.ltr & {\n text-align: right;\n }\n body.rtl & {\n text-align: left;\n }\n}\n\n@mixin border-left($params...) {\n body.ltr & {\n border-left: $params;\n }\n body.rtl & {\n border-right: $params;\n }\n}\n\n@mixin border-right($params...) {\n body.ltr & {\n border-right: $params;\n }\n body.rtl & {\n border-left: $params;\n }\n}\n\n@mixin border-left-width($param) {\n body.ltr & {\n border-left-width: $param;\n }\n body.rtl & {\n border-right-width: $param;\n }\n}\n\n@mixin border-right-width($param) {\n body.ltr & {\n border-right-width: $param;\n }\n body.rtl & {\n border-left-width: $param;\n }\n}\n\n@mixin border-radius($tl, $tr, $br, $bl) {\n body.ltr & {\n border-radius: $tl $tr $br $bl;\n }\n body.rtl & {\n border-radius: $tr $tl $bl $br;\n }\n}\n\n@mixin border-top-left-radius($params...) {\n body.ltr & {\n border-top-left-radius: $params;\n }\n body.rtl & {\n border-top-right-radius: $params;\n }\n}\n\n@mixin border-top-right-radius($params...) {\n body.ltr & {\n border-top-right-radius: $params;\n }\n body.rtl & {\n border-top-left-radius: $params;\n }\n}\n\n@mixin border-bottom-left-radius($params...) {\n body.ltr & {\n border-bottom-left-radius: $params;\n }\n body.rtl & {\n border-bottom-right-radius: $params;\n }\n}\n\n@mixin border-bottom-right-radius($params...) {\n body.ltr & {\n border-bottom-right-radius: $params;\n }\n body.rtl & {\n border-bottom-left-radius: $params;\n }\n}\n\n@mixin floatleft {\n body.ltr & {\n float: left;\n }\n body.rtl & {\n float: right;\n }\n}\n\n@mixin floatright {\n body.ltr & {\n float: right;\n }\n body.rtl & {\n float: left;\n }\n}\n\n@mixin margin($t, $r, $b, $l, $important: '') {\n body.ltr & {\n margin: $t $r $b $l unquote($important);\n }\n body.rtl & {\n margin: $t $l $b $r unquote($important);\n }\n}\n\n@mixin margin-left($margin...) {\n body.ltr & {\n margin-left: $margin;\n }\n body.rtl & {\n margin-right: $margin;\n }\n}\n\n@mixin margin-right($margin...) {\n body.ltr & {\n margin-right: $margin;\n }\n body.rtl & {\n margin-left: $margin;\n }\n}\n\n@mixin padding($t, $r, $b, $l, $important: '') {\n body.ltr & {\n padding: $t $r $b $l unquote($important);\n }\n body.rtl & {\n padding: $t $l $b $r unquote($important);\n }\n}\n\n@mixin padding-left($padding...) {\n body.ltr & {\n padding-left: $padding;\n }\n body.rtl & {\n padding-right: $padding;\n }\n}\n\n@mixin padding-right($padding...) {\n body.ltr & {\n padding-right: $padding;\n }\n body.rtl & {\n padding-left: $padding;\n }\n}\n\n// Misc\n\n@mixin dark-inputs {\n @include placeholder-styles($grey400);\n\n .btn,\n .select:not(.selectize) select {\n background-color: $grey200;\n\n &:focus,\n &:hover {\n background-color: darken($grey200, 5%);\n }\n\n &:active,\n &.active {\n background-color: darken($grey200, 10%);\n }\n }\n\n .text {\n background-color: $grey200;\n\n &:focus {\n background-color: darken($grey200, 5%);\n }\n }\n}\n\n@mixin header-btn {\n width: 30px;\n height: 30px;\n padding-left: 0;\n padding-right: 0;\n\n &:not(:hover):not(:active):not(.active) {\n background-color: transparent;\n }\n &:not(:active):not(.active):hover {\n background-color: transparentize($grey300, 0.85);\n }\n}\n\n@mixin h6-styles {\n margin: 14px 0 3px;\n font-size: 11px;\n line-height: 1.2;\n color: $lightTextColor;\n text-transform: uppercase;\n}\n\n@mixin token-styles {\n display: inline-block;\n border-radius: $smallBorderRadius;\n padding: 3px 7px;\n font-size: 12px;\n line-height: 14px;\n color: $textColor;\n background-color: $grey100;\n}\n\n@mixin active-token-styles {\n background-color: $grey200;\n}\n\n@mixin menu-styles {\n z-index: 100;\n border-radius: $menuBorderRadius;\n padding: 0 14px;\n overflow: auto;\n background: $white;\n user-select: none;\n box-shadow: 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-option-styles {\n margin: 0 -14px;\n padding: 10px 14px;\n color: $menuOptionColor;\n text-decoration: none;\n white-space: nowrap;\n}\n\n@mixin menu-option-active-styles {\n color: $menuOptionActiveColor;\n background-color: $menuOptionActiveBackgroundColor;\n}\n\n@mixin disclosure-link-hover-styles {\n color: $menuOptionColor;\n background-color: $grey050;\n}\n\n@mixin input-styles {\n border-radius: $smallBorderRadius;\n border: 1px solid transparentize($inputColor, 0.75);\n background-color: hsl(212, 50%, 99%);\n background-clip: padding-box;\n}\n\n@mixin input-focused-styles {\n box-shadow: var(--focus-ring);\n}\n\n@mixin placeholder-styles($color) {\n ::-webkit-input-placeholder {\n color: $color;\n }\n\n input:-ms-input-placeholder {\n color: $color;\n }\n\n ::-ms-input-placeholder {\n color: $color;\n }\n\n :-moz-placeholder {\n color: $color;\n }\n\n ::-moz-placeholder {\n color: $color;\n }\n\n ::placeholder {\n color: $color;\n }\n}\n\n@mixin select-styles {\n position: relative;\n border-radius: $largeBorderRadius;\n white-space: nowrap;\n}\n\n@mixin select-container-styles {\n max-width: 100%;\n position: relative;\n :not(.flex) > & {\n display: inline-block;\n }\n}\n\n@mixin select-arrow-styles {\n @include angle;\n position: absolute;\n z-index: 1;\n top: calc(50% - 5px);\n @include right(9px);\n user-select: none;\n pointer-events: none;\n}\n\n@mixin select-input-styles {\n display: block;\n position: relative;\n max-width: 100%;\n border: none;\n @include padding(7px, 22px, 7px, 10px);\n font-size: 14px;\n line-height: 20px;\n color: $textColor;\n background-color: hsl(212, 25%, 90%);\n appearance: none;\n // from https://stackoverflow.com/a/15933790/1688568\n &::-ms-expand {\n display: none;\n }\n}\n\n@mixin select-input-fullwidth-styles {\n min-width: 100%;\n}\n\n@mixin select-input-focused-styles {\n outline-color: transparent;\n background-color: hsl(212, 25%, 85%);\n box-shadow: var(--focus-ring);\n}\n\n@mixin touch-target {\n height: var(--touch-target-size);\n width: var(--touch-target-size);\n}\n\n@mixin visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: 0;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\n@mixin readable {\n font-size: 16px;\n line-height: 22px;\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6 {\n font-size: 13.6px;\n line-height: 17px;\n color: $mediumTextColor;\n }\n\n ul,\n ol {\n margin: 1em 0;\n @include padding-left(2em);\n }\n\n ul li {\n list-style-type: disc;\n }\n\n li + li {\n margin-top: 0.25em;\n }\n\n blockquote {\n margin: 16px 0;\n\n &:not(.note) {\n padding: 0 16px;\n color: $mediumTextColor;\n @include border-left(4px solid $hairlineColor);\n }\n\n &.note {\n position: relative;\n border-radius: 4px;\n padding: 1em;\n @include padding-left(56px);\n border: 1px solid;\n\n &:not(.tip):not(.warning) {\n border-color: $errorColor;\n color: #bf503f;\n\n &:before {\n content: 'alert';\n color: $errorColor;\n }\n }\n\n &.tip {\n border-color: $linkColor;\n color: $mediumTextColor;\n\n &:before {\n content: 'lightbulb';\n color: $linkColor;\n }\n }\n\n &.warning {\n border-color: $warningColor;\n color: #cf783a;\n\n &:before {\n content: 'alert';\n color: $warningColor;\n }\n }\n\n &:before {\n @include icon;\n position: absolute;\n top: 12px;\n @include left(16px);\n font-size: 30px;\n width: 24px;\n }\n }\n }\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"css/profile.css","mappings":"AAGA,eACE,kCACA,sCACA,SAGF,8BACE,kBAGF,oCASE,yCACA,iDALA,WADA,cAEA,YAEA,YALA,OAFA,kBACA,MAKA,UAGA,CAGF,kCAIE,yCADA,cADA,iBADA,eAGA,CAGF,uCACE,kCACA,oDACA,SACA,kBAGF,wCACE,8BAMA,aAJA,YACA,kBACA,MAHA,UAKA,CCqQA,iDACE,MDvQY,CCyQd,iDACE,OD1QY,CAIhB,kDACE,cAGF,wDACE,aAGF,4DACE,qBAGF,wBACE","sources":["webpack:///./profile.scss","webpack:///../../../../../packages/craftcms-sass/_mixins.scss"],"sourcesContent":["@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\ndiv.user-photo {\n display: flex;\n flex-wrap: wrap;\n gap: 14px;\n}\n\ndiv.user-photo #current-photo {\n position: relative;\n}\n\ndiv.user-photo #current-photo:after {\n position: absolute;\n top: 0;\n left: 0;\n display: block;\n content: '';\n font-size: 0;\n width: 100%;\n height: 100%;\n border-radius: var(--large-border-radius);\n box-shadow: inset 0 0 0 1px var(--hairline-color);\n}\n\ndiv.user-photo #current-photo img {\n max-width: 100px;\n max-height: 100px;\n display: block;\n border-radius: var(--large-border-radius);\n}\n\ndiv.user-photo div.user-photo-controls {\n display: flex;\n flex-direction: column;\n gap: 14px;\n position: relative;\n}\n\ndiv.user-photo-controls .progress-shade {\n background: transparentize($white, 0.2);\n width: 100%;\n height: 100%;\n position: absolute;\n top: 0;\n @include left(0);\n display: none;\n}\n\ndiv.user-photo-controls.uploading .progress-shade {\n display: block;\n}\n\ndiv.user-photo div.user-photo-controls .upload-photo ul {\n display: none;\n}\n\ndiv.user-photo div.user-photo-controls .QqUploader-uploader {\n display: inline-block;\n}\n\ndiv.profile-image-modal {\n width: 500px;\n}\n","$white: #fff;\n$black: #000;\n\n$grey050: hsl(212, 60%, 97%);\n$grey100: hsl(212, 50%, 93%);\n$grey200: hsl(212, 30%, 85%);\n$grey300: hsl(211, 13%, 65%);\n$grey350: hsl(211, 11%, 59%);\n$grey400: hsl(210, 10%, 53%);\n$grey500: hsl(211, 12%, 43%);\n$grey550: hsl(210, 13%, 40%);\n$grey600: hsl(209, 14%, 37%);\n$grey700: hsl(209, 18%, 30%);\n$grey800: hsl(209, 20%, 25%);\n$grey900: hsl(210, 24%, 16%);\n$grey1000: hsl(210, 24%, 10%);\n\n$blue050: #e3f8ff;\n$blue100: #b3ecff;\n$blue200: #81defd;\n$blue300: #5ed0fa;\n$blue400: #40c3f7;\n$blue500: #2bb0ed;\n$blue600: #1992d4;\n$blue700: #127fbf;\n$blue800: #0b69a3;\n$blue900: #035388;\n\n$cyan050: #e0fcff;\n$cyan100: #bef8fd;\n$cyan200: #87eaf2;\n$cyan300: #54d1db;\n$cyan400: #38bec9;\n$cyan500: #2cb1bc;\n$cyan600: #14919b;\n$cyan700: #0e7c86;\n$cyan800: #0a6c74;\n$cyan900: #044e54;\n\n$pink050: #ffe3ec;\n$pink100: #ffb8d2;\n$pink200: #ff8cba;\n$pink300: #f364a2;\n$pink400: #e8368f;\n$pink500: #da127d;\n$pink600: #bc0a6f;\n$pink700: #a30664;\n$pink800: #870557;\n$pink900: #620042;\n\n$red050: #ffe3e3;\n$red100: #ffbdbd;\n$red200: #ff9b9b;\n$red300: #f86a6a;\n$red400: #ef4e4e;\n$red500: #e12d39;\n$red600: #cf1124;\n$red700: #ab091e;\n$red800: #8a041a;\n$red900: #610316;\n\n$yellow050: #fffbea;\n$yellow100: #fff3c4;\n$yellow200: #fce588;\n$yellow300: #fadb5f;\n$yellow400: #f7c948;\n$yellow500: #f0b429;\n$yellow600: #de911d;\n$yellow700: #cb6e17;\n$yellow800: #b44d12;\n$yellow900: #8d2b0b;\n\n$teal050: #effcf6;\n$teal100: #c6f7e2;\n$teal200: #8eedc7;\n$teal300: #65d6ad;\n$teal400: #3ebd93;\n$teal500: #27ab83;\n$teal600: #199473;\n$teal700: #147d64;\n$teal800: #0c6b58;\n$teal900: #014d40;\n\n// submit button colors\n$primaryColor: $red500;\n$secondaryColor: $grey500;\n\n$inputColor: hsl(212, 25%, 50%);\n\n// text colors\n$textColor: $grey700;\n$mediumDarkTextColor: $grey550;\n$mediumTextColor: $grey550;\n$lightTextColor: $grey500;\n$linkColor: #2563eb;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $white;\n$menuOptionActiveBackgroundColor: $grey500;\n\n// hairline colors\n$hairlineColor: transparentize($grey800, 0.9);\n$mediumHairlineColor: transparentize($grey600, 0.75);\n$darkHairlineColor: transparentize($grey400, 0.5);\n\n// focus colors\n$lightFocusColor: $blue300;\n$mediumFocusColor: $blue500;\n$darkFocusColor: #0f74b1;\n\n// focus rings\n$lightFocusRing: 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing: 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing: 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey600;\n\n// alert/notice colors\n$errorColor: $red600;\n$warningColor: $yellow800;\n$successColor: $teal500;\n$noticeColor: $blue800;\n\n// UI element styles\n$smallBorderRadius: 3px;\n$mediumBorderRadius: 4px;\n$largeBorderRadius: 5px;\n\n$menuBorderRadius: $mediumBorderRadius;\n$checkboxSize: 16px;\n$radioSize: 16px;\n\n@mixin sans-serif-font {\n font-family: system-ui, BlinkMacSystemFont, -apple-system, 'Segoe UI',\n 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',\n 'Helvetica Neue', sans-serif;\n}\n\n@mixin fixed-width-font {\n font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier,\n monospace;\n font-size: 0.9em !important;\n}\n\n@function toRem($values...) {\n $max: length($values);\n $remValues: '';\n\n @for $i from 1 through $max {\n $remValues: #{$remValues + calc(nth($values, $i) / 16)}rem;\n\n @if $i < $max {\n $remValues: #{$remValues + ' '};\n }\n }\n\n @return $remValues;\n}\n\n@mixin fontSize($size) {\n font-size: toRem($size);\n}\n\n// Other\n\n@mixin focus-styles {\n body:not(.reduce-focus-visibility) &:focus,\n body.reduce-focus-visibility &.focus-visible {\n @content;\n }\n}\n\n@mixin svg-mask($color) {\n rect,\n circle,\n ellipse,\n line,\n polyline,\n polygon,\n path,\n text {\n fill: $color;\n stroke-width: 0;\n }\n}\n\n@mixin icon {\n font-family: 'Craft';\n speak: none;\n -webkit-font-feature-settings: 'liga', 'dlig';\n -moz-font-feature-settings: 'liga=1, dlig=1';\n -moz-font-feature-settings: 'liga', 'dlig';\n -ms-font-feature-settings: 'liga', 'dlig';\n -o-font-feature-settings: 'liga', 'dlig';\n font-feature-settings: 'liga', 'dlig';\n text-rendering: optimizeLegibility;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n direction: ltr; // Fixes a rendering issue in Chrome/Win\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n\n display: inline-block;\n text-align: center;\n font-style: normal;\n vertical-align: middle;\n word-wrap: normal !important;\n user-select: none;\n\n opacity: var(--icon-opacity);\n}\n\n@mixin angle($dir: down, $color: currentColor, $width: 2px) {\n display: block;\n content: '';\n font-size: 0;\n width: 7px;\n height: 7px;\n border: solid $color;\n border-width: 0 $width $width 0;\n opacity: 0.8;\n\n @if $dir == up {\n transform: rotate(225deg);\n } @else if $dir == down {\n transform: rotate(45deg);\n } @else if $dir == left {\n body.ltr & {\n transform: rotate(135deg);\n }\n body.rtl & {\n transform: rotate(-45deg);\n }\n } @else if $dir == right {\n body.ltr & {\n transform: rotate(-45deg);\n }\n body.rtl & {\n transform: rotate(135deg);\n }\n }\n}\n\n@mixin clearafter {\n content: '';\n display: block;\n height: 0;\n clear: both;\n visibility: hidden;\n}\n\n@mixin shadow {\n box-shadow: 0 1px 5px -1px transparentize($grey900, 0.8);\n}\n\n@mixin pane {\n background: $white;\n box-shadow: 0 0 0 1px $grey200, 0 2px 12px transparentize($grey200, 0.5);\n\n &:focus {\n box-shadow: var(--focus-ring);\n }\n}\n\n@mixin modal {\n border-radius: $largeBorderRadius;\n background-color: $white;\n box-shadow: 0 25px 100px transparentize($grey900, 0.5);\n}\n\n@mixin light-on-dark-text() {\n // Make light on dark text sharp on Macs\n // (sub-pixel antialiasing looks too bold/blurry with light text on dark background)\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-weight: 500;\n}\n\n@mixin light-focus-ring() {\n --focus-ring: 0 0 0 1px hsl(var(--light-focus-hsl)),\n 0 0 0 3px hsla(var(--light-focus-hsl), 0.7);\n}\n\n@mixin two-color-focus-ring($light-button: true) {\n // Creates a two-color focus ring, with a white\n // If button is light, the dark box shadow is adjacent to the button\n // Else the light box shadow is adjacent to the button\n --light-color: var(--white);\n --dark-color: var(--gray-800);\n\n @if $light-button {\n --focus-ring: 0 0 0 3px var(--dark-color), 0 0 0 6px var(--light-color);\n } @else {\n --focus-ring: 0 0 0 3px var(--light-color), 0 0 0 6px var(--dark-color);\n }\n}\n\n// RTL stuff\n\n@mixin left($left) {\n body.ltr & {\n left: $left;\n }\n body.rtl & {\n right: $left;\n }\n}\n\n@mixin right($right) {\n body.ltr & {\n right: $right;\n }\n body.rtl & {\n left: $right;\n }\n}\n\n@mixin alignleft {\n body.ltr & {\n text-align: left;\n }\n body.rtl & {\n text-align: right;\n }\n}\n\n@mixin alignright {\n body.ltr & {\n text-align: right;\n }\n body.rtl & {\n text-align: left;\n }\n}\n\n@mixin border-left($params...) {\n body.ltr & {\n border-left: $params;\n }\n body.rtl & {\n border-right: $params;\n }\n}\n\n@mixin border-right($params...) {\n body.ltr & {\n border-right: $params;\n }\n body.rtl & {\n border-left: $params;\n }\n}\n\n@mixin border-left-width($param) {\n body.ltr & {\n border-left-width: $param;\n }\n body.rtl & {\n border-right-width: $param;\n }\n}\n\n@mixin border-right-width($param) {\n body.ltr & {\n border-right-width: $param;\n }\n body.rtl & {\n border-left-width: $param;\n }\n}\n\n@mixin border-radius($tl, $tr, $br, $bl) {\n body.ltr & {\n border-radius: $tl $tr $br $bl;\n }\n body.rtl & {\n border-radius: $tr $tl $bl $br;\n }\n}\n\n@mixin border-top-left-radius($params...) {\n body.ltr & {\n border-top-left-radius: $params;\n }\n body.rtl & {\n border-top-right-radius: $params;\n }\n}\n\n@mixin border-top-right-radius($params...) {\n body.ltr & {\n border-top-right-radius: $params;\n }\n body.rtl & {\n border-top-left-radius: $params;\n }\n}\n\n@mixin border-bottom-left-radius($params...) {\n body.ltr & {\n border-bottom-left-radius: $params;\n }\n body.rtl & {\n border-bottom-right-radius: $params;\n }\n}\n\n@mixin border-bottom-right-radius($params...) {\n body.ltr & {\n border-bottom-right-radius: $params;\n }\n body.rtl & {\n border-bottom-left-radius: $params;\n }\n}\n\n@mixin floatleft {\n body.ltr & {\n float: left;\n }\n body.rtl & {\n float: right;\n }\n}\n\n@mixin floatright {\n body.ltr & {\n float: right;\n }\n body.rtl & {\n float: left;\n }\n}\n\n@mixin margin($t, $r, $b, $l, $important: '') {\n body.ltr & {\n margin: $t $r $b $l unquote($important);\n }\n body.rtl & {\n margin: $t $l $b $r unquote($important);\n }\n}\n\n@mixin margin-left($margin...) {\n body.ltr & {\n margin-left: $margin;\n }\n body.rtl & {\n margin-right: $margin;\n }\n}\n\n@mixin margin-right($margin...) {\n body.ltr & {\n margin-right: $margin;\n }\n body.rtl & {\n margin-left: $margin;\n }\n}\n\n@mixin padding($t, $r, $b, $l, $important: '') {\n body.ltr & {\n padding: $t $r $b $l unquote($important);\n }\n body.rtl & {\n padding: $t $l $b $r unquote($important);\n }\n}\n\n@mixin padding-left($padding...) {\n body.ltr & {\n padding-left: $padding;\n }\n body.rtl & {\n padding-right: $padding;\n }\n}\n\n@mixin padding-right($padding...) {\n body.ltr & {\n padding-right: $padding;\n }\n body.rtl & {\n padding-left: $padding;\n }\n}\n\n// Misc\n\n@mixin dark-inputs {\n @include placeholder-styles($grey400);\n\n .btn,\n .select:not(.selectize) select {\n background-color: $grey200;\n\n &:focus,\n &:hover {\n background-color: darken($grey200, 5%);\n }\n\n &:active,\n &.active {\n background-color: darken($grey200, 10%);\n }\n }\n\n .text {\n background-color: $grey200;\n\n &:focus {\n background-color: darken($grey200, 5%);\n }\n }\n}\n\n@mixin header-btn {\n width: 30px;\n height: 30px;\n padding-left: 0;\n padding-right: 0;\n\n &:not(:hover):not(:active):not(.active) {\n background-color: transparent;\n }\n &:not(:active):not(.active):hover {\n background-color: transparentize($grey300, 0.85);\n }\n}\n\n@mixin h6-styles {\n margin: 14px 0 3px;\n font-size: 11px;\n line-height: 1.2;\n color: $lightTextColor;\n text-transform: uppercase;\n}\n\n@mixin token-styles {\n display: inline-block;\n border-radius: $smallBorderRadius;\n padding: 3px 7px;\n font-size: 12px;\n line-height: 14px;\n color: $textColor;\n background-color: $grey100;\n}\n\n@mixin active-token-styles {\n background-color: $grey200;\n}\n\n@mixin menu-styles {\n z-index: 100;\n border-radius: $menuBorderRadius;\n padding: 0 14px;\n overflow: auto;\n background: $white;\n user-select: none;\n box-shadow: 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-option-styles {\n margin: 0 -14px;\n padding: 10px 14px;\n color: $menuOptionColor;\n text-decoration: none;\n white-space: nowrap;\n}\n\n@mixin menu-option-active-styles {\n color: $menuOptionActiveColor;\n background-color: $menuOptionActiveBackgroundColor;\n}\n\n@mixin disclosure-link-hover-styles {\n color: $menuOptionColor;\n background-color: $grey050;\n}\n\n@mixin input-styles {\n border-radius: $smallBorderRadius;\n border: 1px solid transparentize($inputColor, 0.75);\n background-color: hsl(212, 50%, 99%);\n background-clip: padding-box;\n}\n\n@mixin input-focused-styles {\n box-shadow: var(--focus-ring);\n}\n\n@mixin placeholder-styles($color) {\n input::-webkit-input-placeholder,\n textarea::-webkit-input-placeholder {\n color: $color;\n }\n\n input:-ms-input-placeholder,\n textarea:-ms-input-placeholder {\n color: $color;\n }\n\n input::-ms-input-placeholder,\n textarea::-ms-input-placeholder {\n color: $color;\n }\n\n input:-moz-placeholder,\n textarea:-moz-placeholder {\n color: $color;\n }\n\n input::-moz-placeholder,\n textarea::-moz-placeholder {\n color: $color;\n }\n\n input::placeholder,\n textarea::placeholder {\n color: $color;\n }\n}\n\n@mixin select-styles {\n position: relative;\n border-radius: $largeBorderRadius;\n white-space: nowrap;\n}\n\n@mixin select-container-styles {\n max-width: 100%;\n position: relative;\n :not(.flex) > & {\n display: inline-block;\n }\n}\n\n@mixin select-arrow-styles {\n @include angle;\n position: absolute;\n z-index: 1;\n top: calc(50% - 5px);\n @include right(9px);\n user-select: none;\n pointer-events: none;\n}\n\n@mixin select-input-styles {\n display: block;\n position: relative;\n max-width: 100%;\n border: none;\n @include padding(7px, 22px, 7px, 10px);\n font-size: 14px;\n line-height: 20px;\n color: $textColor;\n background-color: hsl(212, 25%, 90%);\n appearance: none;\n // from https://stackoverflow.com/a/15933790/1688568\n &::-ms-expand {\n display: none;\n }\n}\n\n@mixin select-input-fullwidth-styles {\n min-width: 100%;\n}\n\n@mixin select-input-focused-styles {\n outline-color: transparent;\n background-color: hsl(212, 25%, 85%);\n box-shadow: var(--focus-ring);\n}\n\n@mixin touch-target {\n height: var(--touch-target-size);\n width: var(--touch-target-size);\n}\n\n@mixin visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: 0;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\n@mixin readable {\n font-size: 16px;\n line-height: 22px;\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6 {\n font-size: 13.6px;\n line-height: 17px;\n color: $mediumTextColor;\n }\n\n ul,\n ol {\n margin: 1em 0;\n @include padding-left(2em);\n }\n\n ul li {\n list-style-type: disc;\n }\n\n li + li {\n margin-top: 0.25em;\n }\n\n blockquote {\n margin: 16px 0;\n\n &:not(.note) {\n padding: 0 16px;\n color: $mediumTextColor;\n @include border-left(4px solid $hairlineColor);\n }\n\n &.note {\n position: relative;\n border-radius: 4px;\n padding: 1em;\n @include padding-left(56px);\n border: 1px solid;\n\n &:not(.tip):not(.warning) {\n border-color: $errorColor;\n color: #bf503f;\n\n &:before {\n content: 'alert';\n color: $errorColor;\n }\n }\n\n &.tip {\n border-color: $linkColor;\n color: $mediumTextColor;\n\n &:before {\n content: 'lightbulb';\n color: $linkColor;\n }\n }\n\n &.warning {\n border-color: $warningColor;\n color: #cf783a;\n\n &:before {\n content: 'alert';\n color: $warningColor;\n }\n }\n\n &:before {\n @include icon;\n position: absolute;\n top: 12px;\n @include left(16px);\n font-size: 30px;\n width: 24px;\n }\n }\n }\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/src/web/assets/generalsettings/dist/css/rebrand.css.map b/src/web/assets/generalsettings/dist/css/rebrand.css.map
index bfe3f057c4a..23bbba47208 100644
--- a/src/web/assets/generalsettings/dist/css/rebrand.css.map
+++ b/src/web/assets/generalsettings/dist/css/rebrand.css.map
@@ -1 +1 @@
-{"version":3,"file":"css/rebrand.css","mappings":"AAGA,UACE,kCACA,sCACA,SAGF,kBAIE,qBAHA,yCAIA,iDAFA,aADA,WAGA,CAGF,mBACE,kCACA,oDACA,SAGF,mCACE,8BAMA,aAJA,YACA,kBACA,MAHA,UAKA,CC4QA,4CACE,MD9QY,CCgRd,4CACE,ODjRY,CAIhB,6CACE,cAGF,gBACE","sources":["webpack:///./rebrand.scss","webpack:///../../../../../packages/craftcms-sass/_mixins.scss"],"sourcesContent":["@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\n.cp-image {\n display: flex;\n flex-wrap: wrap;\n gap: 14px;\n}\n\n.cp-current-image {\n border-radius: var(--large-border-radius);\n width: 100px;\n height: 100px;\n background: no-repeat;\n box-shadow: inset 0 0 0 1px var(--hairline-color);\n}\n\n.cp-image-controls {\n display: flex;\n flex-direction: column;\n gap: 14px;\n}\n\n.cp-image-controls .progress-shade {\n background: transparentize($white, 0.2);\n width: 100%;\n height: 100%;\n position: absolute;\n top: 0;\n @include left(0);\n display: none;\n}\n\n.cp-image-controls.uploading .progress-shade {\n display: block;\n}\n\n.cp-image-modal {\n width: 500px;\n}\n","$white: #fff;\n$black: #000;\n\n$grey050: hsl(212, 60%, 97%);\n$grey100: hsl(212, 50%, 93%);\n$grey200: hsl(212, 30%, 85%);\n$grey300: hsl(211, 13%, 65%);\n$grey350: hsl(211, 11%, 59%);\n$grey400: hsl(210, 10%, 53%);\n$grey500: hsl(211, 12%, 43%);\n$grey550: hsl(210, 13%, 40%);\n$grey600: hsl(209, 14%, 37%);\n$grey700: hsl(209, 18%, 30%);\n$grey800: hsl(209, 20%, 25%);\n$grey900: hsl(210, 24%, 16%);\n$grey1000: hsl(210, 24%, 10%);\n\n$blue050: #e3f8ff;\n$blue100: #b3ecff;\n$blue200: #81defd;\n$blue300: #5ed0fa;\n$blue400: #40c3f7;\n$blue500: #2bb0ed;\n$blue600: #1992d4;\n$blue700: #127fbf;\n$blue800: #0b69a3;\n$blue900: #035388;\n\n$cyan050: #e0fcff;\n$cyan100: #bef8fd;\n$cyan200: #87eaf2;\n$cyan300: #54d1db;\n$cyan400: #38bec9;\n$cyan500: #2cb1bc;\n$cyan600: #14919b;\n$cyan700: #0e7c86;\n$cyan800: #0a6c74;\n$cyan900: #044e54;\n\n$pink050: #ffe3ec;\n$pink100: #ffb8d2;\n$pink200: #ff8cba;\n$pink300: #f364a2;\n$pink400: #e8368f;\n$pink500: #da127d;\n$pink600: #bc0a6f;\n$pink700: #a30664;\n$pink800: #870557;\n$pink900: #620042;\n\n$red050: #ffe3e3;\n$red100: #ffbdbd;\n$red200: #ff9b9b;\n$red300: #f86a6a;\n$red400: #ef4e4e;\n$red500: #e12d39;\n$red600: #cf1124;\n$red700: #ab091e;\n$red800: #8a041a;\n$red900: #610316;\n\n$yellow050: #fffbea;\n$yellow100: #fff3c4;\n$yellow200: #fce588;\n$yellow300: #fadb5f;\n$yellow400: #f7c948;\n$yellow500: #f0b429;\n$yellow600: #de911d;\n$yellow700: #cb6e17;\n$yellow800: #b44d12;\n$yellow900: #8d2b0b;\n\n$teal050: #effcf6;\n$teal100: #c6f7e2;\n$teal200: #8eedc7;\n$teal300: #65d6ad;\n$teal400: #3ebd93;\n$teal500: #27ab83;\n$teal600: #199473;\n$teal700: #147d64;\n$teal800: #0c6b58;\n$teal900: #014d40;\n\n// submit button colors\n$primaryColor: $red500;\n$secondaryColor: $grey500;\n\n$inputColor: hsl(212, 25%, 50%);\n\n// text colors\n$textColor: $grey700;\n$mediumDarkTextColor: $grey550;\n$mediumTextColor: $grey550;\n$lightTextColor: $grey500;\n$linkColor: #2563eb;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $white;\n$menuOptionActiveBackgroundColor: $grey500;\n\n// hairline colors\n$hairlineColor: transparentize($grey800, 0.9);\n$mediumHairlineColor: transparentize($grey600, 0.75);\n$darkHairlineColor: transparentize($grey400, 0.5);\n\n// focus colors\n$lightFocusColor: $blue300;\n$mediumFocusColor: $blue500;\n$darkFocusColor: #0f74b1;\n\n// focus rings\n$lightFocusRing: 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing: 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing: 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey600;\n\n// alert/notice colors\n$errorColor: $red600;\n$warningColor: $yellow800;\n$successColor: $teal500;\n$noticeColor: $blue800;\n\n// UI element styles\n$smallBorderRadius: 3px;\n$mediumBorderRadius: 4px;\n$largeBorderRadius: 5px;\n\n$menuBorderRadius: $mediumBorderRadius;\n$checkboxSize: 16px;\n$radioSize: 16px;\n\n@mixin sans-serif-font {\n font-family: system-ui, BlinkMacSystemFont, -apple-system, 'Segoe UI',\n 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',\n 'Helvetica Neue', sans-serif;\n}\n\n@mixin fixed-width-font {\n font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier,\n monospace;\n font-size: 0.9em !important;\n}\n\n@function toRem($size) {\n $remValue: calc($size / 16) + rem;\n @return $remValue;\n}\n\n@mixin fontSize($size) {\n font-size: toRem($size);\n}\n\n// Other\n\n@mixin focus-styles {\n body:not(.reduce-focus-visibility) &:focus,\n body.reduce-focus-visibility &.focus-visible {\n @content;\n }\n}\n\n@mixin svg-mask($color) {\n rect,\n circle,\n ellipse,\n line,\n polyline,\n polygon,\n path,\n text {\n fill: $color;\n stroke-width: 0;\n }\n}\n\n@mixin icon {\n font-family: 'Craft';\n speak: none;\n -webkit-font-feature-settings: 'liga', 'dlig';\n -moz-font-feature-settings: 'liga=1, dlig=1';\n -moz-font-feature-settings: 'liga', 'dlig';\n -ms-font-feature-settings: 'liga', 'dlig';\n -o-font-feature-settings: 'liga', 'dlig';\n font-feature-settings: 'liga', 'dlig';\n text-rendering: optimizeLegibility;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n direction: ltr; // Fixes a rendering issue in Chrome/Win\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n\n display: inline-block;\n text-align: center;\n font-style: normal;\n vertical-align: middle;\n word-wrap: normal !important;\n user-select: none;\n\n opacity: var(--icon-opacity);\n}\n\n@mixin angle($dir: down, $color: currentColor, $width: 2px) {\n display: block;\n content: '';\n font-size: 0;\n width: 7px;\n height: 7px;\n border: solid $color;\n border-width: 0 $width $width 0;\n opacity: 0.8;\n\n @if $dir == up {\n transform: rotate(225deg);\n } @else if $dir == down {\n transform: rotate(45deg);\n } @else if $dir == left {\n body.ltr & {\n transform: rotate(135deg);\n }\n body.rtl & {\n transform: rotate(-45deg);\n }\n } @else if $dir == right {\n body.ltr & {\n transform: rotate(-45deg);\n }\n body.rtl & {\n transform: rotate(135deg);\n }\n }\n}\n\n@mixin clearafter {\n content: '';\n display: block;\n height: 0;\n clear: both;\n visibility: hidden;\n}\n\n@mixin shadow {\n box-shadow: 0 1px 5px -1px transparentize($grey900, 0.8);\n}\n\n@mixin pane {\n background: $white;\n box-shadow: 0 0 0 1px $grey200, 0 2px 12px transparentize($grey200, 0.5);\n\n &:focus {\n box-shadow: var(--focus-ring);\n }\n}\n\n@mixin modal {\n border-radius: $largeBorderRadius;\n background-color: $white;\n box-shadow: 0 25px 100px transparentize($grey900, 0.5);\n}\n\n@mixin light-on-dark-text() {\n // Make light on dark text sharp on Macs\n // (sub-pixel antialiasing looks too bold/blurry with light text on dark background)\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-weight: 500;\n}\n\n@mixin light-focus-ring() {\n --focus-ring: 0 0 0 1px hsl(var(--light-focus-hsl)),\n 0 0 0 3px hsla(var(--light-focus-hsl), 0.7);\n}\n\n@mixin two-color-focus-ring($light-button: true) {\n // Creates a two-color focus ring, with a white\n // If button is light, the dark box shadow is adjacent to the button\n // Else the light box shadow is adjacent to the button\n --light-color: var(--white);\n --dark-color: var(--gray-800);\n\n @if $light-button {\n --focus-ring: 0 0 0 3px var(--dark-color), 0 0 0 6px var(--light-color);\n } @else {\n --focus-ring: 0 0 0 3px var(--light-color), 0 0 0 6px var(--dark-color);\n }\n}\n\n// RTL stuff\n\n@mixin left($left) {\n body.ltr & {\n left: $left;\n }\n body.rtl & {\n right: $left;\n }\n}\n\n@mixin right($right) {\n body.ltr & {\n right: $right;\n }\n body.rtl & {\n left: $right;\n }\n}\n\n@mixin alignleft {\n body.ltr & {\n text-align: left;\n }\n body.rtl & {\n text-align: right;\n }\n}\n\n@mixin alignright {\n body.ltr & {\n text-align: right;\n }\n body.rtl & {\n text-align: left;\n }\n}\n\n@mixin border-left($params...) {\n body.ltr & {\n border-left: $params;\n }\n body.rtl & {\n border-right: $params;\n }\n}\n\n@mixin border-right($params...) {\n body.ltr & {\n border-right: $params;\n }\n body.rtl & {\n border-left: $params;\n }\n}\n\n@mixin border-left-width($param) {\n body.ltr & {\n border-left-width: $param;\n }\n body.rtl & {\n border-right-width: $param;\n }\n}\n\n@mixin border-right-width($param) {\n body.ltr & {\n border-right-width: $param;\n }\n body.rtl & {\n border-left-width: $param;\n }\n}\n\n@mixin border-radius($tl, $tr, $br, $bl) {\n body.ltr & {\n border-radius: $tl $tr $br $bl;\n }\n body.rtl & {\n border-radius: $tr $tl $bl $br;\n }\n}\n\n@mixin border-top-left-radius($params...) {\n body.ltr & {\n border-top-left-radius: $params;\n }\n body.rtl & {\n border-top-right-radius: $params;\n }\n}\n\n@mixin border-top-right-radius($params...) {\n body.ltr & {\n border-top-right-radius: $params;\n }\n body.rtl & {\n border-top-left-radius: $params;\n }\n}\n\n@mixin border-bottom-left-radius($params...) {\n body.ltr & {\n border-bottom-left-radius: $params;\n }\n body.rtl & {\n border-bottom-right-radius: $params;\n }\n}\n\n@mixin border-bottom-right-radius($params...) {\n body.ltr & {\n border-bottom-right-radius: $params;\n }\n body.rtl & {\n border-bottom-left-radius: $params;\n }\n}\n\n@mixin floatleft {\n body.ltr & {\n float: left;\n }\n body.rtl & {\n float: right;\n }\n}\n\n@mixin floatright {\n body.ltr & {\n float: right;\n }\n body.rtl & {\n float: left;\n }\n}\n\n@mixin margin($t, $r, $b, $l, $important: '') {\n body.ltr & {\n margin: $t $r $b $l unquote($important);\n }\n body.rtl & {\n margin: $t $l $b $r unquote($important);\n }\n}\n\n@mixin margin-left($margin...) {\n body.ltr & {\n margin-left: $margin;\n }\n body.rtl & {\n margin-right: $margin;\n }\n}\n\n@mixin margin-right($margin...) {\n body.ltr & {\n margin-right: $margin;\n }\n body.rtl & {\n margin-left: $margin;\n }\n}\n\n@mixin padding($t, $r, $b, $l, $important: '') {\n body.ltr & {\n padding: $t $r $b $l unquote($important);\n }\n body.rtl & {\n padding: $t $l $b $r unquote($important);\n }\n}\n\n@mixin padding-left($padding...) {\n body.ltr & {\n padding-left: $padding;\n }\n body.rtl & {\n padding-right: $padding;\n }\n}\n\n@mixin padding-right($padding...) {\n body.ltr & {\n padding-right: $padding;\n }\n body.rtl & {\n padding-left: $padding;\n }\n}\n\n// Misc\n\n@mixin dark-inputs {\n @include placeholder-styles($grey400);\n\n .btn,\n .select:not(.selectize) select {\n background-color: $grey200;\n\n &:focus,\n &:hover {\n background-color: darken($grey200, 5%);\n }\n\n &:active,\n &.active {\n background-color: darken($grey200, 10%);\n }\n }\n\n .text {\n background-color: $grey200;\n\n &:focus {\n background-color: darken($grey200, 5%);\n }\n }\n}\n\n@mixin header-btn {\n width: 30px;\n height: 30px;\n padding-left: 0;\n padding-right: 0;\n\n &:not(:hover):not(:active):not(.active) {\n background-color: transparent;\n }\n &:not(:active):not(.active):hover {\n background-color: transparentize($grey300, 0.85);\n }\n}\n\n@mixin h6-styles {\n margin: 14px 0 3px;\n font-size: 11px;\n line-height: 1.2;\n color: $lightTextColor;\n text-transform: uppercase;\n}\n\n@mixin token-styles {\n display: inline-block;\n border-radius: $smallBorderRadius;\n padding: 3px 7px;\n font-size: 12px;\n line-height: 14px;\n color: $textColor;\n background-color: $grey100;\n}\n\n@mixin active-token-styles {\n background-color: $grey200;\n}\n\n@mixin menu-styles {\n z-index: 100;\n border-radius: $menuBorderRadius;\n padding: 0 14px;\n overflow: auto;\n background: $white;\n user-select: none;\n box-shadow: 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-option-styles {\n margin: 0 -14px;\n padding: 10px 14px;\n color: $menuOptionColor;\n text-decoration: none;\n white-space: nowrap;\n}\n\n@mixin menu-option-active-styles {\n color: $menuOptionActiveColor;\n background-color: $menuOptionActiveBackgroundColor;\n}\n\n@mixin disclosure-link-hover-styles {\n color: $menuOptionColor;\n background-color: $grey050;\n}\n\n@mixin input-styles {\n border-radius: $smallBorderRadius;\n border: 1px solid transparentize($inputColor, 0.75);\n background-color: hsl(212, 50%, 99%);\n background-clip: padding-box;\n}\n\n@mixin input-focused-styles {\n box-shadow: var(--focus-ring);\n}\n\n@mixin placeholder-styles($color) {\n ::-webkit-input-placeholder {\n color: $color;\n }\n\n input:-ms-input-placeholder {\n color: $color;\n }\n\n ::-ms-input-placeholder {\n color: $color;\n }\n\n :-moz-placeholder {\n color: $color;\n }\n\n ::-moz-placeholder {\n color: $color;\n }\n\n ::placeholder {\n color: $color;\n }\n}\n\n@mixin select-styles {\n position: relative;\n border-radius: $largeBorderRadius;\n white-space: nowrap;\n}\n\n@mixin select-container-styles {\n max-width: 100%;\n position: relative;\n :not(.flex) > & {\n display: inline-block;\n }\n}\n\n@mixin select-arrow-styles {\n @include angle;\n position: absolute;\n z-index: 1;\n top: calc(50% - 5px);\n @include right(9px);\n user-select: none;\n pointer-events: none;\n}\n\n@mixin select-input-styles {\n display: block;\n position: relative;\n max-width: 100%;\n border: none;\n @include padding(7px, 22px, 7px, 10px);\n font-size: 14px;\n line-height: 20px;\n color: $textColor;\n background-color: hsl(212, 25%, 90%);\n appearance: none;\n // from https://stackoverflow.com/a/15933790/1688568\n &::-ms-expand {\n display: none;\n }\n}\n\n@mixin select-input-fullwidth-styles {\n min-width: 100%;\n}\n\n@mixin select-input-focused-styles {\n outline-color: transparent;\n background-color: hsl(212, 25%, 85%);\n box-shadow: var(--focus-ring);\n}\n\n@mixin touch-target {\n height: var(--touch-target-size);\n width: var(--touch-target-size);\n}\n\n@mixin visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: 0;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\n@mixin readable {\n font-size: 16px;\n line-height: 22px;\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6 {\n font-size: 13.6px;\n line-height: 17px;\n color: $mediumTextColor;\n }\n\n ul,\n ol {\n margin: 1em 0;\n @include padding-left(2em);\n }\n\n ul li {\n list-style-type: disc;\n }\n\n li + li {\n margin-top: 0.25em;\n }\n\n blockquote {\n margin: 16px 0;\n\n &:not(.note) {\n padding: 0 16px;\n color: $mediumTextColor;\n @include border-left(4px solid $hairlineColor);\n }\n\n &.note {\n position: relative;\n border-radius: 4px;\n padding: 1em;\n @include padding-left(56px);\n border: 1px solid;\n\n &:not(.tip):not(.warning) {\n border-color: $errorColor;\n color: #bf503f;\n\n &:before {\n content: 'alert';\n color: $errorColor;\n }\n }\n\n &.tip {\n border-color: $linkColor;\n color: $mediumTextColor;\n\n &:before {\n content: 'lightbulb';\n color: $linkColor;\n }\n }\n\n &.warning {\n border-color: $warningColor;\n color: #cf783a;\n\n &:before {\n content: 'alert';\n color: $warningColor;\n }\n }\n\n &:before {\n @include icon;\n position: absolute;\n top: 12px;\n @include left(16px);\n font-size: 30px;\n width: 24px;\n }\n }\n }\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"css/rebrand.css","mappings":"AAGA,UACE,kCACA,sCACA,SAGF,kBAIE,qBAHA,yCAIA,iDAFA,aADA,WAGA,CAGF,mBACE,kCACA,oDACA,SAGF,mCACE,8BAMA,aAJA,YACA,kBACA,MAHA,UAKA,CCsRA,4CACE,MDxRY,CC0Rd,4CACE,OD3RY,CAIhB,6CACE,cAGF,gBACE","sources":["webpack:///./rebrand.scss","webpack:///../../../../../packages/craftcms-sass/_mixins.scss"],"sourcesContent":["@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\n.cp-image {\n display: flex;\n flex-wrap: wrap;\n gap: 14px;\n}\n\n.cp-current-image {\n border-radius: var(--large-border-radius);\n width: 100px;\n height: 100px;\n background: no-repeat;\n box-shadow: inset 0 0 0 1px var(--hairline-color);\n}\n\n.cp-image-controls {\n display: flex;\n flex-direction: column;\n gap: 14px;\n}\n\n.cp-image-controls .progress-shade {\n background: transparentize($white, 0.2);\n width: 100%;\n height: 100%;\n position: absolute;\n top: 0;\n @include left(0);\n display: none;\n}\n\n.cp-image-controls.uploading .progress-shade {\n display: block;\n}\n\n.cp-image-modal {\n width: 500px;\n}\n","$white: #fff;\n$black: #000;\n\n$grey050: hsl(212, 60%, 97%);\n$grey100: hsl(212, 50%, 93%);\n$grey200: hsl(212, 30%, 85%);\n$grey300: hsl(211, 13%, 65%);\n$grey350: hsl(211, 11%, 59%);\n$grey400: hsl(210, 10%, 53%);\n$grey500: hsl(211, 12%, 43%);\n$grey550: hsl(210, 13%, 40%);\n$grey600: hsl(209, 14%, 37%);\n$grey700: hsl(209, 18%, 30%);\n$grey800: hsl(209, 20%, 25%);\n$grey900: hsl(210, 24%, 16%);\n$grey1000: hsl(210, 24%, 10%);\n\n$blue050: #e3f8ff;\n$blue100: #b3ecff;\n$blue200: #81defd;\n$blue300: #5ed0fa;\n$blue400: #40c3f7;\n$blue500: #2bb0ed;\n$blue600: #1992d4;\n$blue700: #127fbf;\n$blue800: #0b69a3;\n$blue900: #035388;\n\n$cyan050: #e0fcff;\n$cyan100: #bef8fd;\n$cyan200: #87eaf2;\n$cyan300: #54d1db;\n$cyan400: #38bec9;\n$cyan500: #2cb1bc;\n$cyan600: #14919b;\n$cyan700: #0e7c86;\n$cyan800: #0a6c74;\n$cyan900: #044e54;\n\n$pink050: #ffe3ec;\n$pink100: #ffb8d2;\n$pink200: #ff8cba;\n$pink300: #f364a2;\n$pink400: #e8368f;\n$pink500: #da127d;\n$pink600: #bc0a6f;\n$pink700: #a30664;\n$pink800: #870557;\n$pink900: #620042;\n\n$red050: #ffe3e3;\n$red100: #ffbdbd;\n$red200: #ff9b9b;\n$red300: #f86a6a;\n$red400: #ef4e4e;\n$red500: #e12d39;\n$red600: #cf1124;\n$red700: #ab091e;\n$red800: #8a041a;\n$red900: #610316;\n\n$yellow050: #fffbea;\n$yellow100: #fff3c4;\n$yellow200: #fce588;\n$yellow300: #fadb5f;\n$yellow400: #f7c948;\n$yellow500: #f0b429;\n$yellow600: #de911d;\n$yellow700: #cb6e17;\n$yellow800: #b44d12;\n$yellow900: #8d2b0b;\n\n$teal050: #effcf6;\n$teal100: #c6f7e2;\n$teal200: #8eedc7;\n$teal300: #65d6ad;\n$teal400: #3ebd93;\n$teal500: #27ab83;\n$teal600: #199473;\n$teal700: #147d64;\n$teal800: #0c6b58;\n$teal900: #014d40;\n\n// submit button colors\n$primaryColor: $red500;\n$secondaryColor: $grey500;\n\n$inputColor: hsl(212, 25%, 50%);\n\n// text colors\n$textColor: $grey700;\n$mediumDarkTextColor: $grey550;\n$mediumTextColor: $grey550;\n$lightTextColor: $grey500;\n$linkColor: #2563eb;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $white;\n$menuOptionActiveBackgroundColor: $grey500;\n\n// hairline colors\n$hairlineColor: transparentize($grey800, 0.9);\n$mediumHairlineColor: transparentize($grey600, 0.75);\n$darkHairlineColor: transparentize($grey400, 0.5);\n\n// focus colors\n$lightFocusColor: $blue300;\n$mediumFocusColor: $blue500;\n$darkFocusColor: #0f74b1;\n\n// focus rings\n$lightFocusRing: 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing: 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing: 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey600;\n\n// alert/notice colors\n$errorColor: $red600;\n$warningColor: $yellow800;\n$successColor: $teal500;\n$noticeColor: $blue800;\n\n// UI element styles\n$smallBorderRadius: 3px;\n$mediumBorderRadius: 4px;\n$largeBorderRadius: 5px;\n\n$menuBorderRadius: $mediumBorderRadius;\n$checkboxSize: 16px;\n$radioSize: 16px;\n\n@mixin sans-serif-font {\n font-family: system-ui, BlinkMacSystemFont, -apple-system, 'Segoe UI',\n 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',\n 'Helvetica Neue', sans-serif;\n}\n\n@mixin fixed-width-font {\n font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier,\n monospace;\n font-size: 0.9em !important;\n}\n\n@function toRem($values...) {\n $max: length($values);\n $remValues: '';\n\n @for $i from 1 through $max {\n $remValues: #{$remValues + calc(nth($values, $i) / 16)}rem;\n\n @if $i < $max {\n $remValues: #{$remValues + ' '};\n }\n }\n\n @return $remValues;\n}\n\n@mixin fontSize($size) {\n font-size: toRem($size);\n}\n\n// Other\n\n@mixin focus-styles {\n body:not(.reduce-focus-visibility) &:focus,\n body.reduce-focus-visibility &.focus-visible {\n @content;\n }\n}\n\n@mixin svg-mask($color) {\n rect,\n circle,\n ellipse,\n line,\n polyline,\n polygon,\n path,\n text {\n fill: $color;\n stroke-width: 0;\n }\n}\n\n@mixin icon {\n font-family: 'Craft';\n speak: none;\n -webkit-font-feature-settings: 'liga', 'dlig';\n -moz-font-feature-settings: 'liga=1, dlig=1';\n -moz-font-feature-settings: 'liga', 'dlig';\n -ms-font-feature-settings: 'liga', 'dlig';\n -o-font-feature-settings: 'liga', 'dlig';\n font-feature-settings: 'liga', 'dlig';\n text-rendering: optimizeLegibility;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n direction: ltr; // Fixes a rendering issue in Chrome/Win\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n\n display: inline-block;\n text-align: center;\n font-style: normal;\n vertical-align: middle;\n word-wrap: normal !important;\n user-select: none;\n\n opacity: var(--icon-opacity);\n}\n\n@mixin angle($dir: down, $color: currentColor, $width: 2px) {\n display: block;\n content: '';\n font-size: 0;\n width: 7px;\n height: 7px;\n border: solid $color;\n border-width: 0 $width $width 0;\n opacity: 0.8;\n\n @if $dir == up {\n transform: rotate(225deg);\n } @else if $dir == down {\n transform: rotate(45deg);\n } @else if $dir == left {\n body.ltr & {\n transform: rotate(135deg);\n }\n body.rtl & {\n transform: rotate(-45deg);\n }\n } @else if $dir == right {\n body.ltr & {\n transform: rotate(-45deg);\n }\n body.rtl & {\n transform: rotate(135deg);\n }\n }\n}\n\n@mixin clearafter {\n content: '';\n display: block;\n height: 0;\n clear: both;\n visibility: hidden;\n}\n\n@mixin shadow {\n box-shadow: 0 1px 5px -1px transparentize($grey900, 0.8);\n}\n\n@mixin pane {\n background: $white;\n box-shadow: 0 0 0 1px $grey200, 0 2px 12px transparentize($grey200, 0.5);\n\n &:focus {\n box-shadow: var(--focus-ring);\n }\n}\n\n@mixin modal {\n border-radius: $largeBorderRadius;\n background-color: $white;\n box-shadow: 0 25px 100px transparentize($grey900, 0.5);\n}\n\n@mixin light-on-dark-text() {\n // Make light on dark text sharp on Macs\n // (sub-pixel antialiasing looks too bold/blurry with light text on dark background)\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-weight: 500;\n}\n\n@mixin light-focus-ring() {\n --focus-ring: 0 0 0 1px hsl(var(--light-focus-hsl)),\n 0 0 0 3px hsla(var(--light-focus-hsl), 0.7);\n}\n\n@mixin two-color-focus-ring($light-button: true) {\n // Creates a two-color focus ring, with a white\n // If button is light, the dark box shadow is adjacent to the button\n // Else the light box shadow is adjacent to the button\n --light-color: var(--white);\n --dark-color: var(--gray-800);\n\n @if $light-button {\n --focus-ring: 0 0 0 3px var(--dark-color), 0 0 0 6px var(--light-color);\n } @else {\n --focus-ring: 0 0 0 3px var(--light-color), 0 0 0 6px var(--dark-color);\n }\n}\n\n// RTL stuff\n\n@mixin left($left) {\n body.ltr & {\n left: $left;\n }\n body.rtl & {\n right: $left;\n }\n}\n\n@mixin right($right) {\n body.ltr & {\n right: $right;\n }\n body.rtl & {\n left: $right;\n }\n}\n\n@mixin alignleft {\n body.ltr & {\n text-align: left;\n }\n body.rtl & {\n text-align: right;\n }\n}\n\n@mixin alignright {\n body.ltr & {\n text-align: right;\n }\n body.rtl & {\n text-align: left;\n }\n}\n\n@mixin border-left($params...) {\n body.ltr & {\n border-left: $params;\n }\n body.rtl & {\n border-right: $params;\n }\n}\n\n@mixin border-right($params...) {\n body.ltr & {\n border-right: $params;\n }\n body.rtl & {\n border-left: $params;\n }\n}\n\n@mixin border-left-width($param) {\n body.ltr & {\n border-left-width: $param;\n }\n body.rtl & {\n border-right-width: $param;\n }\n}\n\n@mixin border-right-width($param) {\n body.ltr & {\n border-right-width: $param;\n }\n body.rtl & {\n border-left-width: $param;\n }\n}\n\n@mixin border-radius($tl, $tr, $br, $bl) {\n body.ltr & {\n border-radius: $tl $tr $br $bl;\n }\n body.rtl & {\n border-radius: $tr $tl $bl $br;\n }\n}\n\n@mixin border-top-left-radius($params...) {\n body.ltr & {\n border-top-left-radius: $params;\n }\n body.rtl & {\n border-top-right-radius: $params;\n }\n}\n\n@mixin border-top-right-radius($params...) {\n body.ltr & {\n border-top-right-radius: $params;\n }\n body.rtl & {\n border-top-left-radius: $params;\n }\n}\n\n@mixin border-bottom-left-radius($params...) {\n body.ltr & {\n border-bottom-left-radius: $params;\n }\n body.rtl & {\n border-bottom-right-radius: $params;\n }\n}\n\n@mixin border-bottom-right-radius($params...) {\n body.ltr & {\n border-bottom-right-radius: $params;\n }\n body.rtl & {\n border-bottom-left-radius: $params;\n }\n}\n\n@mixin floatleft {\n body.ltr & {\n float: left;\n }\n body.rtl & {\n float: right;\n }\n}\n\n@mixin floatright {\n body.ltr & {\n float: right;\n }\n body.rtl & {\n float: left;\n }\n}\n\n@mixin margin($t, $r, $b, $l, $important: '') {\n body.ltr & {\n margin: $t $r $b $l unquote($important);\n }\n body.rtl & {\n margin: $t $l $b $r unquote($important);\n }\n}\n\n@mixin margin-left($margin...) {\n body.ltr & {\n margin-left: $margin;\n }\n body.rtl & {\n margin-right: $margin;\n }\n}\n\n@mixin margin-right($margin...) {\n body.ltr & {\n margin-right: $margin;\n }\n body.rtl & {\n margin-left: $margin;\n }\n}\n\n@mixin padding($t, $r, $b, $l, $important: '') {\n body.ltr & {\n padding: $t $r $b $l unquote($important);\n }\n body.rtl & {\n padding: $t $l $b $r unquote($important);\n }\n}\n\n@mixin padding-left($padding...) {\n body.ltr & {\n padding-left: $padding;\n }\n body.rtl & {\n padding-right: $padding;\n }\n}\n\n@mixin padding-right($padding...) {\n body.ltr & {\n padding-right: $padding;\n }\n body.rtl & {\n padding-left: $padding;\n }\n}\n\n// Misc\n\n@mixin dark-inputs {\n @include placeholder-styles($grey400);\n\n .btn,\n .select:not(.selectize) select {\n background-color: $grey200;\n\n &:focus,\n &:hover {\n background-color: darken($grey200, 5%);\n }\n\n &:active,\n &.active {\n background-color: darken($grey200, 10%);\n }\n }\n\n .text {\n background-color: $grey200;\n\n &:focus {\n background-color: darken($grey200, 5%);\n }\n }\n}\n\n@mixin header-btn {\n width: 30px;\n height: 30px;\n padding-left: 0;\n padding-right: 0;\n\n &:not(:hover):not(:active):not(.active) {\n background-color: transparent;\n }\n &:not(:active):not(.active):hover {\n background-color: transparentize($grey300, 0.85);\n }\n}\n\n@mixin h6-styles {\n margin: 14px 0 3px;\n font-size: 11px;\n line-height: 1.2;\n color: $lightTextColor;\n text-transform: uppercase;\n}\n\n@mixin token-styles {\n display: inline-block;\n border-radius: $smallBorderRadius;\n padding: 3px 7px;\n font-size: 12px;\n line-height: 14px;\n color: $textColor;\n background-color: $grey100;\n}\n\n@mixin active-token-styles {\n background-color: $grey200;\n}\n\n@mixin menu-styles {\n z-index: 100;\n border-radius: $menuBorderRadius;\n padding: 0 14px;\n overflow: auto;\n background: $white;\n user-select: none;\n box-shadow: 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-option-styles {\n margin: 0 -14px;\n padding: 10px 14px;\n color: $menuOptionColor;\n text-decoration: none;\n white-space: nowrap;\n}\n\n@mixin menu-option-active-styles {\n color: $menuOptionActiveColor;\n background-color: $menuOptionActiveBackgroundColor;\n}\n\n@mixin disclosure-link-hover-styles {\n color: $menuOptionColor;\n background-color: $grey050;\n}\n\n@mixin input-styles {\n border-radius: $smallBorderRadius;\n border: 1px solid transparentize($inputColor, 0.75);\n background-color: hsl(212, 50%, 99%);\n background-clip: padding-box;\n}\n\n@mixin input-focused-styles {\n box-shadow: var(--focus-ring);\n}\n\n@mixin placeholder-styles($color) {\n input::-webkit-input-placeholder,\n textarea::-webkit-input-placeholder {\n color: $color;\n }\n\n input:-ms-input-placeholder,\n textarea:-ms-input-placeholder {\n color: $color;\n }\n\n input::-ms-input-placeholder,\n textarea::-ms-input-placeholder {\n color: $color;\n }\n\n input:-moz-placeholder,\n textarea:-moz-placeholder {\n color: $color;\n }\n\n input::-moz-placeholder,\n textarea::-moz-placeholder {\n color: $color;\n }\n\n input::placeholder,\n textarea::placeholder {\n color: $color;\n }\n}\n\n@mixin select-styles {\n position: relative;\n border-radius: $largeBorderRadius;\n white-space: nowrap;\n}\n\n@mixin select-container-styles {\n max-width: 100%;\n position: relative;\n :not(.flex) > & {\n display: inline-block;\n }\n}\n\n@mixin select-arrow-styles {\n @include angle;\n position: absolute;\n z-index: 1;\n top: calc(50% - 5px);\n @include right(9px);\n user-select: none;\n pointer-events: none;\n}\n\n@mixin select-input-styles {\n display: block;\n position: relative;\n max-width: 100%;\n border: none;\n @include padding(7px, 22px, 7px, 10px);\n font-size: 14px;\n line-height: 20px;\n color: $textColor;\n background-color: hsl(212, 25%, 90%);\n appearance: none;\n // from https://stackoverflow.com/a/15933790/1688568\n &::-ms-expand {\n display: none;\n }\n}\n\n@mixin select-input-fullwidth-styles {\n min-width: 100%;\n}\n\n@mixin select-input-focused-styles {\n outline-color: transparent;\n background-color: hsl(212, 25%, 85%);\n box-shadow: var(--focus-ring);\n}\n\n@mixin touch-target {\n height: var(--touch-target-size);\n width: var(--touch-target-size);\n}\n\n@mixin visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: 0;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\n@mixin readable {\n font-size: 16px;\n line-height: 22px;\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6 {\n font-size: 13.6px;\n line-height: 17px;\n color: $mediumTextColor;\n }\n\n ul,\n ol {\n margin: 1em 0;\n @include padding-left(2em);\n }\n\n ul li {\n list-style-type: disc;\n }\n\n li + li {\n margin-top: 0.25em;\n }\n\n blockquote {\n margin: 16px 0;\n\n &:not(.note) {\n padding: 0 16px;\n color: $mediumTextColor;\n @include border-left(4px solid $hairlineColor);\n }\n\n &.note {\n position: relative;\n border-radius: 4px;\n padding: 1em;\n @include padding-left(56px);\n border: 1px solid;\n\n &:not(.tip):not(.warning) {\n border-color: $errorColor;\n color: #bf503f;\n\n &:before {\n content: 'alert';\n color: $errorColor;\n }\n }\n\n &.tip {\n border-color: $linkColor;\n color: $mediumTextColor;\n\n &:before {\n content: 'lightbulb';\n color: $linkColor;\n }\n }\n\n &.warning {\n border-color: $warningColor;\n color: #cf783a;\n\n &:before {\n content: 'alert';\n color: $warningColor;\n }\n }\n\n &:before {\n @include icon;\n position: absolute;\n top: 12px;\n @include left(16px);\n font-size: 30px;\n width: 24px;\n }\n }\n }\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/src/web/assets/graphiql/dist/css/graphiql.css.map b/src/web/assets/graphiql/dist/css/graphiql.css.map
index b5409c8bbfa..72a74ce21d6 100644
--- a/src/web/assets/graphiql/dist/css/graphiql.css.map
+++ b/src/web/assets/graphiql/dist/css/graphiql.css.map
@@ -1 +1 @@
-{"version":3,"file":"css/graphiql.css","mappings":"AAAA,sFAGE,qJACA,eAGA,qBAGF,oBACE,CADF,YACE,2BACA,CADA,kBACA,YACA,SACA,gBACA,WACA,iCAGF,oBACE,CADF,YACE,CACA,cACA,CADA,MACA,CAFA,6BACA,CADA,qBACA,CACA,iBACA,4BAGF,cACE,+BAGF,mBACE,eACA,CAKA,4DAFF,oBACE,CADF,YACE,2BACA,CADA,kBAeA,CAdA,4BAGF,0BACE,CADF,kBACE,+CACA,CADA,2CACA,gCACA,eACA,CAEA,cACA,CADA,MACA,YACA,mBACA,qBACA,yBACA,CADA,gBACA,8BAIA,oBACA,CADA,aADF,kBAEE,uEAGF,8CAEE,CAFF,2CAEE,CACA,+BACA,CAFA,eACA,CACA,iBACA,gBACA,cACA,eACA,eACA,SACA,wBACA,sCAGF,oCACE,kCAIA,cADF,qCAEE,6CAGF,6BACE,6BACA,WACA,qBACA,WACA,oBACA,kBACA,iCACA,CADA,2BACA,CADA,wBACA,UACA,gCAGF,oBACE,CADF,YACE,CACA,cACA,CADA,MACA,CAFA,0BACA,CADA,kBACA,CACA,eACA,CAMA,+DAHF,oBACE,CADF,YACE,CACA,cACA,CADA,OADA,6BACA,CADA,qBAWA,CATA,gCAGF,6BACE,CAGA,sBACA,CADA,cACA,kBACA,2EAGF,eAEE,mCACA,kBACA,UACA,sCAGF,eACE,UACA,yCAGF,iBACE,YACA,UACA,kBACA,MACA,WACA,WACA,sCAOA,YACA,SACA,CANF,cACE,eACA,CAIA,iBAJA,uBACA,4BAIA,uCAGF,cACE,CADF,MACE,kBACA,uCAGF,oBACE,CADF,YACE,8BACA,CADA,qBACA,YACA,kBACA,6CAGF,eACE,gCACA,6BACA,WACA,wBACA,gBACA,mBACA,iBACA,uBACA,yBACA,yBACA,CADA,gBACA,CAMA,uEAGF,cACE,CADF,MACE,YACA,kBACA,6BAGF,kBACE,8BACA,6BACA,iBACA,kBACA,oCAGF,eACE,SACA,YACA,WACA,kBACA,SACA,WACA,0CAKF,kBACE,wDAGF,qBACE,qBACA,kBACA,uMAGF,gBAGE,qCAGF,kBACE,+CACA,CADA,2CACA,SACA,kBACA,sFACA,WAEA,eACA,qBACA,aACA,CAIA,gBAJA,oBACA,qBACA,0BACA,CADA,sBACA,mBAEA,4CAGF,8CACE,CADF,2CACE,sIACA,2CAKF,8CACE,CADF,2CACE,WACA,2CAGF,YACE,mBACA,6CAGF,QACE,6DAIA,6BADF,yBAEE,8DAIA,2BACA,CAFF,wBACE,CACA,gBACA,0CAGF,WACE,qBACA,kBACA,qCAQA,SACA,CANF,8CACE,CADF,2CACE,CACA,gCACA,CAFA,kBACA,CACA,uBACA,eACA,CACA,WACA,SACA,UACA,WACA,yCAGF,mBACE,4CAGF,8CACE,CADF,2CACE,kFACA,uEAIF,iBAEE,0HAGF,eAGE,8DACA,SACA,cACA,kBACA,YACA,sCAKA,UAFF,eACE,SAEA,yCAGF,QACE,gBACA,eACA,SACA,kBACA,8CAGF,kBACE,6CAGF,MACE,eACA,SACA,kBACA,kDAGF,kBACE,mIAGF,cAGE,cACA,YACA,gBACA,gBACA,0BACA,mBACA,qcAGF,kBASE,WACA,oDAIA,SACA,CAFF,cACE,CACA,mBACA,oBACA,sBACA,6KAGF,SAGE,wCAGF,wBACE,iCAGF,aACE,kEACA,eACA,YACA,OACA,kBACA,MACA,WACA,uCAGF,cACE,uCAGF,mBACE,CAMA,YACA,CAPA,aACA,qBACA,CADA,YACA,qJACA,eAGA,CACA,gBACA,gBACA,gBACA,sCACA,CADA,kCACA,qDAGF,YACE,oDAGF,eACE,wCAGF,aACE,eACA,eACA,kBACA,+BAGF,6BACE,CADF,wBACE,CADF,qBACE,qCACA,CADA,+BACA,CADA,4BACA,0CACA,kBACA,sBACA,oBACA,kCAGF,MACE,4BAEE,+BACA,SAGF,kBAEE,qBACA,EAbF,4BAGF,MACE,4BAEE,+BACA,SAGF,kBAEE,qBACA,EAbF,yBAGF,MACE,4BAEE,+BACA,SAGF,kBAEE,qBACA,8BAIJ,qBACE,CACA,QACA,CAFA,iBACA,CAEA,oCACA,CAFA,aACA,CACA,cACA,iBACA,gBACA,UACA,iBACA,2BACA,CADA,uBACA,qBACA,+BAGF,iBACE,iCAGF,eACE,iDAKA,WAFF,cACE,qBAEA,wDAGF,UACE,4CAMA,eACA,+CACA,CADA,2CACA,CAHF,iBACE,CAEA,kEACA,WACA,kBACA,eACA,cACA,aACA,kBACA,kCACA,oEAGF,UACE,0BACA,uEAGF,SACE,aAKF,UACE,iBAKF,UACE,aAKF,aACE,SAKF,aACE,cAKF,aACE,eAKF,aACE,eAKF,aACE,YAKF,aACE,YAKF,aACE,aAKF,aACE,cAKF,aACE,cAKF,aACE,UAKF,aACE,UAKF,aACE,aAKF,UAEE,sBACA,aACA,mBAKF,aACE,iBAGF,aACE,wDAGF,qBAEE,qBAMA,wBACA,CAFF,2BACE,CACA,kBACA,wBAMF,UACE,eACA,oBACA,iBACA,mBACA,0BAGF,UACE,iCAGF,UACE,gCAKF,0BACE,4CAKF,4BACE,iDAGF,eACE,SACA,WACA,kDAGF,SACE,wBAGF,+CACE,CADF,0CACE,CADF,uCACE,SACA,WACA,0BAGF,GACE,eACE,KAEF,eACE,IAEF,eACE,EAXF,oBAGF,GACE,eACE,KAEF,eACE,IAEF,eACE,EAXF,iBAGF,GACE,eACE,KAEF,eACE,IAEF,eACE,UASJ,oBACE,wBACA,mBAGF,0BACE,kBACA,2BAKF,UACE,wBAGF,UACE,0BAGF,UACE,uBAGF,UACE,8BASF,UACE,8BAGF,UACE,2BAGF,UACE,0BAGF,UACE,4BAGF,UACE,CAIA,mDAGF,UACE,2BAGF,UACE,2BAGF,UACE,uBAGF,UACE,6BAGF,UACE,0BAGF,UACE,yBAGF,UACE,sBAGF,UACE,wBAGF,UACE,cAGF,UACE,cAGF,UACE,uBAGF,eAEE,QAGF,iBACE,UAGF,yBACE,mBAGF,4BACE,CAIA,wCAGF,SACE,uBAGF,uBACE,gDAKF,UACE,mDAGF,UACE,yBAGF,6BACE,mCAGF,kBACE,aAQF,eACE,gBACA,kBACA,oBAGF,WACE,oBAGA,mBACA,aACA,0BACA,oBACA,kBACA,mBAGF,mCACE,kBACA,sGAOF,YAIE,kBACA,UACA,wBAGF,iBACE,kBACA,QACA,MACA,wBAGF,QACE,OACA,kBACA,kBACA,8BAIA,SADF,OAEE,2BAIA,SADF,MAEE,qBAKA,MACA,CAHF,eACE,kBACA,CACA,KACA,UACA,oBAGF,oBACE,YACA,oBACA,mBACA,mBACA,4BAGF,yBACE,sBACA,kBACA,UACA,+BAKA,QACA,CAHF,iBACE,MACA,CACA,SACA,wBAGF,cACE,kBACA,UACA,4BAGF,wBACE,CADF,gBACE,mBAGF,WACE,eACA,iBAGF,yCACE,CAaA,gBACA,CAdA,sBAEA,gBACA,eACA,cACA,oBACA,kBACA,oCACA,CADA,2BACA,oBACA,SACA,iBACA,kBACA,gBACA,CACA,SACA,sBAGF,oBACE,qBACA,kBACA,4BAOA,QACA,CAJA,MACA,CAFF,iBACE,CACA,OACA,MACA,CACA,SACA,wBAGF,aACE,kBACA,UACA,kBAMF,YACE,oGAKF,sBAKE,qBAGF,QACE,gBACA,kBACA,kBACA,WACA,oBAGF,iBACE,yBAGF,eACE,wBAGF,iBACE,kBACA,UACA,CAIA,sEAGF,kBACE,sBAGF,kBACE,0CAGF,kBACE,uBAGF,gBACE,oGAGF,kBAGE,mHAGF,kBAGE,eAGF,eACE,8BACA,kBAKF,kBACE,cAGF,mCAEE,iBACE,0BAMJ,UACE,8BAKF,eACE,oBAGF,kBACE,cACA,OACA,CACA,eACA,kBACA,kBACA,CAJA,OACA,CAGA,UACA,wBAGF,4BACE,MACA,2BAGF,yBACE,SACA,0BAGF,sBACE,yBACA,cACA,sBACA,aACA,WACA,2BAGF,aACE,wBAGF,UACE,eACA,kBACA,eACA,oFACA,wBAGF,UACE,2DAEF,cAEE,mCAEF,WACE,qCAEF,WACE,kBAGF,eACE,kBACA,qCACA,sBACA,WACA,qJACA,eAGA,iBACA,gBACA,gBACA,UACA,gBACA,YACA,eACA,2BACA,CADA,uBACA,WACA,+BAGF,YACE,8BAGF,eACE,oBAGF,YACE,oCAGF,UACE,iBACA,eACA,gBACA,gBACA,oCAGF,kBACE,wCACA,cACA,iBACA,CACA,oBACA,gBACA,gBACA,YACA,0CAGF,aACE,eACA,cACA,cACA,gBACA,mBACA,cACA,mBACA,yBACA,yBACA,CADA,gBACA,4CAGF,YACE,oBAGF,oBACE,0BAGF,yBACE,6BAGF,aACE,8BAGF,aACE,8BAGF,aACE,4BAGF,aACE,kCAGF,aACE,wBAIA,eADF,yBAEE,0BAIF,UACE,0BAEF,+BACE,CACA,qBACA,CAFA,6BACA,CACA,cACA,sBACA,eACA,gBACA,UACA,gBACA,gBACA,eACA,0BACA,CADA,sBACA,qBACA,YACA,2DAEF,0BAEE,2BACA,6BAEF,gTAWE,+BAEA,4UAYA,+DAEF,uBAEE,4BAEF,gDACE,wCACA,4EAGA,uBAKI,CAAJ,2BAEA,gYASA,kEAEA,oWAaA,sPACE,8BAKF,4BACA,0EACA,2BAEA,+CAGA,kCAEA,+BAGA,sBAGF,8BACE,8CAGA,0CAGA,uCAIF,CASE,mCAEA,CALF,kBACE,CAEA,kCAEA,qBAGF,8BACE,sBACA,WACA,6BAGF,iCACE,uBACA,oCACA,oIACA,yBAGA,sBAEA,iCAEA,0BACA,2DAKA,4BAEA,yBACA,oBACA,eACA,qCAEA,kEACA,gBAGF,eACE,2BAGF,gBACE,4CAIA,sFAGF,yBAEE,gCACA,CACA,0CAEA,qBACA,kCACA,wFAGF,kBAEE,UACA,0CAEA,8BACA,oCACA,+CACA,wCACA,cAGF,qJAME,eACA,iBAEA,eACA,4CAGF,iDAIA,6BACE,2CAEA,mBACA,cACA,mBACA,yBACA,6FAEA,sDAIA,qJAQA,cACA,qBACA,aACA,YACA,iBACA,sCAGF,yBACE,2GAGF,QAEE,0DAGF,CACE,2CACA,gDAGF,iBACE,2DAQA,sBALF,aACE,gBAIA,iBAJA,yCAGF,4BACE,6GAGF,mFAKE,6BACA,4CACA,mBACA,kBACA,iCACA,4BAGA,yBACA,oJAMA,qBACA,6DACA,CACA,mCACA,6DAIA,eAGF,0HAME,YACA,8CAEA,cACA,CADA,oBACA,oDAIA,yBACA,yDAIA,cAIA,wDAIA,4LAWA,oDAOF,CAEE,qBAFF,cACE,CACA,gEADA,mBACA,mBAGF,cAGE,YANA,sD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","sources":["webpack:///../../../../../node_modules/graphiql/graphiql.css","webpack:///./graphiql.scss","webpack:///../../../../../packages/craftcms-sass/_mixins.scss"],"sourcesContent":[".graphiql-container,\n.graphiql-container button,\n.graphiql-container input {\n color: #141823;\n font-family: system, -apple-system, 'San Francisco', '.SFNSDisplay-Regular',\n 'Segoe UI', Segoe, 'Segoe WP', 'Helvetica Neue', helvetica, 'Lucida Grande',\n arial, sans-serif;\n font-size: 14px;\n}\n\n.graphiql-container {\n display: flex;\n flex-direction: row;\n height: 100%;\n margin: 0;\n overflow: hidden;\n width: 100%;\n}\n\n.graphiql-container .editorWrap {\n display: flex;\n flex-direction: column;\n flex: 1;\n overflow-x: hidden;\n}\n\n.graphiql-container .title {\n font-size: 18px;\n}\n\n.graphiql-container .title em {\n font-family: georgia;\n font-size: 19px;\n}\n\n.graphiql-container .topBarWrap {\n display: flex;\n flex-direction: row;\n}\n\n.graphiql-container .topBar {\n align-items: center;\n background: linear-gradient(#f7f7f7, #e2e2e2);\n border-bottom: 1px solid #d0d0d0;\n cursor: default;\n display: flex;\n flex-direction: row;\n flex: 1;\n height: 34px;\n overflow-y: visible;\n padding: 7px 14px 6px;\n user-select: none;\n}\n\n.graphiql-container .toolbar {\n overflow-x: visible;\n display: flex;\n}\n\n.graphiql-container .docExplorerShow,\n.graphiql-container .historyShow {\n background: linear-gradient(#f7f7f7, #e2e2e2);\n border-radius: 0;\n border-bottom: 1px solid #d0d0d0;\n border-right: none;\n border-top: none;\n color: #3b5998;\n cursor: pointer;\n font-size: 14px;\n margin: 0;\n padding: 2px 20px 0 18px;\n}\n\n.graphiql-container .docExplorerShow {\n border-left: 1px solid rgba(0, 0, 0, 0.2);\n}\n\n.graphiql-container .historyShow {\n border-right: 1px solid rgba(0, 0, 0, 0.2);\n border-left: 0;\n}\n\n.graphiql-container .docExplorerShow:before {\n border-left: 2px solid #3b5998;\n border-top: 2px solid #3b5998;\n content: '';\n display: inline-block;\n height: 9px;\n margin: 0 3px -1px 0;\n position: relative;\n transform: rotate(-45deg);\n width: 9px;\n}\n\n.graphiql-container .editorBar {\n display: flex;\n flex-direction: row;\n flex: 1;\n max-height: 100%;\n}\n\n.graphiql-container .queryWrap {\n display: flex;\n flex-direction: column;\n flex: 1;\n}\n\n.graphiql-container .resultWrap {\n border-left: solid 1px #e0e0e0;\n display: flex;\n flex-direction: column;\n flex: 1;\n flex-basis: 1em;\n position: relative;\n}\n\n.graphiql-container .docExplorerWrap,\n.graphiql-container .historyPaneWrap {\n background: white;\n box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);\n position: relative;\n z-index: 3;\n}\n\n.graphiql-container .historyPaneWrap {\n min-width: 230px;\n z-index: 5;\n}\n\n.graphiql-container .docExplorerResizer {\n cursor: col-resize;\n height: 100%;\n left: -5px;\n position: absolute;\n top: 0;\n width: 10px;\n z-index: 10;\n}\n\n.graphiql-container .docExplorerHide {\n cursor: pointer;\n font-size: 18px;\n margin: -7px -8px -6px 0;\n padding: 18px 16px 15px 12px;\n background: 0;\n border: 0;\n line-height: 14px;\n}\n\n.graphiql-container div .query-editor {\n flex: 1;\n position: relative;\n}\n\n.graphiql-container .secondary-editor {\n display: flex;\n flex-direction: column;\n height: 30px;\n position: relative;\n}\n\n.graphiql-container .secondary-editor-title {\n background: #eeeeee;\n border-bottom: 1px solid #d6d6d6;\n border-top: 1px solid #e0e0e0;\n color: #777;\n font-variant: small-caps;\n font-weight: bold;\n letter-spacing: 1px;\n line-height: 14px;\n padding: 6px 0 8px 43px;\n text-transform: lowercase;\n user-select: none;\n}\n\n.graphiql-container .codemirrorWrap {\n flex: 1;\n height: 100%;\n position: relative;\n}\n\n.graphiql-container .result-window {\n flex: 1;\n height: 100%;\n position: relative;\n}\n\n.graphiql-container .footer {\n background: #f6f7f8;\n border-left: 1px solid #e0e0e0;\n border-top: 1px solid #e0e0e0;\n margin-left: 12px;\n position: relative;\n}\n\n.graphiql-container .footer:before {\n background: #eeeeee;\n bottom: 0;\n content: ' ';\n left: -13px;\n position: absolute;\n top: -1px;\n width: 12px;\n}\n\n/* No `.graphiql-container` here so themes can overwrite */\n\n.result-window .CodeMirror.cm-s-graphiql {\n background: #f6f7f8;\n}\n\n.graphiql-container .result-window .CodeMirror-gutters {\n background-color: #eeeeee;\n border-color: #e0e0e0;\n cursor: col-resize;\n}\n\n.graphiql-container .result-window .CodeMirror-foldgutter,\n.graphiql-container .result-window .CodeMirror-foldgutter-open:after,\n.graphiql-container .result-window .CodeMirror-foldgutter-folded:after {\n padding-left: 3px;\n}\n\n.graphiql-container .toolbar-button {\n background: #fdfdfd;\n background: linear-gradient(#f9f9f9, #ececec);\n border: 0;\n border-radius: 3px;\n box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2),\n 0 1px 0 rgba(255, 255, 255, 0.7), inset 0 1px #fff;\n color: #555;\n cursor: pointer;\n display: inline-block;\n margin: 0 5px;\n padding: 3px 11px 5px;\n text-decoration: none;\n text-overflow: ellipsis;\n white-space: nowrap;\n max-width: 150px;\n}\n\n.graphiql-container .toolbar-button:active {\n background: linear-gradient(#ececec, #d5d5d5);\n box-shadow: 0 1px 0 rgba(255, 255, 255, 0.7),\n inset 0 0 0 1px rgba(0, 0, 0, 0.1), inset 0 1px 1px 1px rgba(0, 0, 0, 0.12),\n inset 0 0 5px rgba(0, 0, 0, 0.1);\n}\n\n.graphiql-container .toolbar-button.error {\n background: linear-gradient(#fdf3f3, #e6d6d7);\n color: #b00;\n}\n\n.graphiql-container .toolbar-button-group {\n margin: 0 5px;\n white-space: nowrap;\n}\n\n.graphiql-container .toolbar-button-group > * {\n margin: 0;\n}\n\n.graphiql-container .toolbar-button-group > *:not(:last-child) {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n\n.graphiql-container .toolbar-button-group > *:not(:first-child) {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n margin-left: -1px;\n}\n\n.graphiql-container .execute-button-wrap {\n height: 34px;\n margin: 0 14px 0 28px;\n position: relative;\n}\n\n.graphiql-container .execute-button {\n background: linear-gradient(#fdfdfd, #d2d3d6);\n border-radius: 17px;\n border: 1px solid rgba(0, 0, 0, 0.25);\n box-shadow: 0 1px 0 #fff;\n cursor: pointer;\n fill: #444;\n height: 34px;\n margin: 0;\n padding: 0;\n width: 34px;\n}\n\n.graphiql-container .execute-button svg {\n pointer-events: none;\n}\n\n.graphiql-container .execute-button:active {\n background: linear-gradient(#e6e6e6, #c3c3c3);\n box-shadow: 0 1px 0 #fff, inset 0 0 2px rgba(0, 0, 0, 0.2),\n inset 0 0 6px rgba(0, 0, 0, 0.1);\n}\n\n.graphiql-container .toolbar-menu,\n.graphiql-container .toolbar-select {\n position: relative;\n}\n\n.graphiql-container .execute-options,\n.graphiql-container .toolbar-menu-items,\n.graphiql-container .toolbar-select-options {\n background: #fff;\n box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.25);\n margin: 0;\n padding: 6px 0;\n position: absolute;\n z-index: 100;\n}\n\n.graphiql-container .execute-options {\n min-width: 100px;\n top: 37px;\n left: -1px;\n}\n\n.graphiql-container .toolbar-menu-items {\n left: 1px;\n margin-top: -1px;\n min-width: 110%;\n top: 100%;\n visibility: hidden;\n}\n\n.graphiql-container .toolbar-menu-items.open {\n visibility: visible;\n}\n\n.graphiql-container .toolbar-select-options {\n left: 0;\n min-width: 100%;\n top: -5px;\n visibility: hidden;\n}\n\n.graphiql-container .toolbar-select-options.open {\n visibility: visible;\n}\n\n.graphiql-container .execute-options > li,\n.graphiql-container .toolbar-menu-items > li,\n.graphiql-container .toolbar-select-options > li {\n cursor: pointer;\n display: block;\n margin: none;\n max-width: 300px;\n overflow: hidden;\n padding: 2px 20px 4px 11px;\n white-space: nowrap;\n}\n\n.graphiql-container .execute-options > li.selected,\n.graphiql-container .toolbar-menu-items > li.hover,\n.graphiql-container .toolbar-menu-items > li:active,\n.graphiql-container .toolbar-menu-items > li:hover,\n.graphiql-container .toolbar-select-options > li.hover,\n.graphiql-container .toolbar-select-options > li:active,\n.graphiql-container .toolbar-select-options > li:hover,\n.graphiql-container .history-contents > li:hover,\n.graphiql-container .history-contents > li:active {\n background: #e10098;\n color: #fff;\n}\n\n.graphiql-container .toolbar-select-options > li > svg {\n display: inline;\n fill: #666;\n margin: 0 -6px 0 6px;\n pointer-events: none;\n vertical-align: middle;\n}\n\n.graphiql-container .toolbar-select-options > li.hover > svg,\n.graphiql-container .toolbar-select-options > li:active > svg,\n.graphiql-container .toolbar-select-options > li:hover > svg {\n fill: #fff;\n}\n\n.graphiql-container .CodeMirror-scroll {\n overflow-scrolling: touch;\n}\n\n.graphiql-container .CodeMirror {\n color: #141823;\n font-family: 'Consolas', 'Inconsolata', 'Droid Sans Mono', 'Monaco', monospace;\n font-size: 13px;\n height: 100%;\n left: 0;\n position: absolute;\n top: 0;\n width: 100%;\n}\n\n.graphiql-container .CodeMirror-lines {\n padding: 20px 0;\n}\n\n.CodeMirror-hint-information .content {\n box-orient: vertical;\n color: #141823;\n display: flex;\n font-family: system, -apple-system, 'San Francisco', '.SFNSDisplay-Regular',\n 'Segoe UI', Segoe, 'Segoe WP', 'Helvetica Neue', helvetica, 'Lucida Grande',\n arial, sans-serif;\n font-size: 13px;\n line-clamp: 3;\n line-height: 16px;\n max-height: 48px;\n overflow: hidden;\n text-overflow: -o-ellipsis-lastline;\n}\n\n.CodeMirror-hint-information .content p:first-child {\n margin-top: 0;\n}\n\n.CodeMirror-hint-information .content p:last-child {\n margin-bottom: 0;\n}\n\n.CodeMirror-hint-information .infoType {\n color: #ca9800;\n cursor: pointer;\n display: inline;\n margin-right: 0.5em;\n}\n\n.autoInsertedLeaf.cm-property {\n animation-duration: 6s;\n animation-name: insertionFade;\n border-bottom: 2px solid rgba(255, 255, 255, 0);\n border-radius: 2px;\n margin: -2px -4px -1px;\n padding: 2px 4px 1px;\n}\n\n@keyframes insertionFade {\n from,\n to {\n background: rgba(255, 255, 255, 0);\n border-color: rgba(255, 255, 255, 0);\n }\n\n 15%,\n 85% {\n background: #fbffc9;\n border-color: #f0f3c0;\n }\n}\n\ndiv.CodeMirror-lint-tooltip {\n background-color: white;\n border-radius: 2px;\n border: 0;\n color: #141823;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);\n font-size: 13px;\n line-height: 16px;\n max-width: 430px;\n opacity: 0;\n padding: 8px 10px;\n transition: opacity 0.15s;\n white-space: pre-wrap;\n}\n\ndiv.CodeMirror-lint-tooltip > * {\n padding-left: 23px;\n}\n\ndiv.CodeMirror-lint-tooltip > * + * {\n margin-top: 12px;\n}\n\n.graphiql-container .variable-editor-title-text {\n cursor: pointer;\n display: inline-block;\n color: gray;\n}\n\n.graphiql-container .variable-editor-title-text.active {\n color: #000;\n}\n\n/* COLORS */\n\n.graphiql-container .CodeMirror-foldmarker {\n border-radius: 4px;\n background: #08f;\n background: linear-gradient(#43a8ff, #0f83e8);\n box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.1);\n color: white;\n font-family: arial;\n font-size: 12px;\n line-height: 0;\n margin: 0 3px;\n padding: 0px 4px 1px;\n text-shadow: 0 -1px rgba(0, 0, 0, 0.1);\n}\n\n.graphiql-container div.CodeMirror span.CodeMirror-matchingbracket {\n color: #555;\n text-decoration: underline;\n}\n\n.graphiql-container div.CodeMirror span.CodeMirror-nonmatchingbracket {\n color: #f00;\n}\n\n/* Comment */\n\n.cm-comment {\n color: #666;\n}\n\n/* Punctuation */\n\n.cm-punctuation {\n color: #555;\n}\n\n/* Keyword */\n\n.cm-keyword {\n color: #b11a04;\n}\n\n/* OperationName, FragmentName */\n\n.cm-def {\n color: #d2054e;\n}\n\n/* FieldName */\n\n.cm-property {\n color: #1f61a0;\n}\n\n/* FieldAlias */\n\n.cm-qualifier {\n color: #1c92a9;\n}\n\n/* ArgumentName and ObjectFieldName */\n\n.cm-attribute {\n color: #8b2bb9;\n}\n\n/* Number */\n\n.cm-number {\n color: #2882f9;\n}\n\n/* String */\n\n.cm-string {\n color: #d64292;\n}\n\n/* Boolean */\n\n.cm-builtin {\n color: #d47509;\n}\n\n/* EnumValue */\n\n.cm-string-2 {\n color: #0b7fc7;\n}\n\n/* Variable */\n\n.cm-variable {\n color: #397d13;\n}\n\n/* Directive */\n\n.cm-meta {\n color: #b33086;\n}\n\n/* Type */\n\n.cm-atom {\n color: #ca9800;\n}\n\n/* BASICS */\n\n.CodeMirror {\n /* Set height, width, borders, and global font properties here */\n color: black;\n font-family: monospace;\n height: 300px;\n}\n\n/* PADDING */\n\n.CodeMirror-lines {\n padding: 4px 0; /* Vertical padding around content */\n}\n\n.CodeMirror pre {\n padding: 0 4px; /* Horizontal padding of content */\n}\n\n.CodeMirror-scrollbar-filler,\n.CodeMirror-gutter-filler {\n background-color: white; /* The little square between H and V scrollbars */\n}\n\n/* GUTTER */\n\n.CodeMirror-gutters {\n border-right: 1px solid #ddd;\n background-color: #f7f7f7;\n white-space: nowrap;\n}\n\n.CodeMirror-linenumbers {\n}\n\n.CodeMirror-linenumber {\n color: #666;\n min-width: 20px;\n padding: 0 3px 0 5px;\n text-align: right;\n white-space: nowrap;\n}\n\n.CodeMirror-guttermarker {\n color: black;\n}\n\n.CodeMirror-guttermarker-subtle {\n color: #666;\n}\n\n/* CURSOR */\n\n.CodeMirror .CodeMirror-cursor {\n border-left: 1px solid black;\n}\n\n/* Shown when moving in bi-directional text */\n\n.CodeMirror div.CodeMirror-secondarycursor {\n border-left: 1px solid silver;\n}\n\n.CodeMirror.cm-fat-cursor div.CodeMirror-cursor {\n background: #7e7;\n border: 0;\n width: auto;\n}\n\n.CodeMirror.cm-fat-cursor div.CodeMirror-cursors {\n z-index: 1;\n}\n\n.cm-animate-fat-cursor {\n animation: blink 1.06s steps(1) infinite;\n border: 0;\n width: auto;\n}\n\n@keyframes blink {\n 0% {\n background: #7e7;\n }\n 50% {\n background: none;\n }\n 100% {\n background: #7e7;\n }\n}\n\n/* Can style cursor different in overwrite (non-insert) mode */\n\ndiv.CodeMirror-overwrite div.CodeMirror-cursor {\n}\n\n.cm-tab {\n display: inline-block;\n text-decoration: inherit;\n}\n\n.CodeMirror-ruler {\n border-left: 1px solid #ccc;\n position: absolute;\n}\n\n/* DEFAULT THEME */\n\n.cm-s-default .cm-keyword {\n color: #708;\n}\n\n.cm-s-default .cm-atom {\n color: #219;\n}\n\n.cm-s-default .cm-number {\n color: #164;\n}\n\n.cm-s-default .cm-def {\n color: #00f;\n}\n\n.cm-s-default .cm-variable,\n.cm-s-default .cm-punctuation,\n.cm-s-default .cm-property,\n.cm-s-default .cm-operator {\n}\n\n.cm-s-default .cm-variable-2 {\n color: #05a;\n}\n\n.cm-s-default .cm-variable-3 {\n color: #085;\n}\n\n.cm-s-default .cm-comment {\n color: #a50;\n}\n\n.cm-s-default .cm-string {\n color: #a11;\n}\n\n.cm-s-default .cm-string-2 {\n color: #f50;\n}\n\n.cm-s-default .cm-meta {\n color: #555;\n}\n\n.cm-s-default .cm-qualifier {\n color: #555;\n}\n\n.cm-s-default .cm-builtin {\n color: #30a;\n}\n\n.cm-s-default .cm-bracket {\n color: #666;\n}\n\n.cm-s-default .cm-tag {\n color: #170;\n}\n\n.cm-s-default .cm-attribute {\n color: #00c;\n}\n\n.cm-s-default .cm-header {\n color: blue;\n}\n\n.cm-s-default .cm-quote {\n color: #090;\n}\n\n.cm-s-default .cm-hr {\n color: #666;\n}\n\n.cm-s-default .cm-link {\n color: #00c;\n}\n\n.cm-negative {\n color: #d44;\n}\n\n.cm-positive {\n color: #292;\n}\n\n.cm-header,\n.cm-strong {\n font-weight: bold;\n}\n\n.cm-em {\n font-style: italic;\n}\n\n.cm-link {\n text-decoration: underline;\n}\n\n.cm-strikethrough {\n text-decoration: line-through;\n}\n\n.cm-s-default .cm-error {\n color: #f00;\n}\n\n.cm-invalidchar {\n color: #f00;\n}\n\n.CodeMirror-composing {\n border-bottom: 2px solid;\n}\n\n/* Default styles for common addons */\n\ndiv.CodeMirror span.CodeMirror-matchingbracket {\n color: #0f0;\n}\n\ndiv.CodeMirror span.CodeMirror-nonmatchingbracket {\n color: #f22;\n}\n\n.CodeMirror-matchingtag {\n background: rgba(255, 150, 0, 0.3);\n}\n\n.CodeMirror-activeline-background {\n background: #e8f2ff;\n}\n\n/* STOP */\n\n/* The rest of this file contains styles related to the mechanics of\n the editor. You probably shouldn't touch them. */\n\n.CodeMirror {\n background: white;\n overflow: hidden;\n position: relative;\n}\n\n.CodeMirror-scroll {\n height: 100%;\n /* 30px is the magic margin used to hide the element's real scrollbars */\n /* See overflow: hidden in .CodeMirror */\n margin-bottom: -30px;\n margin-right: -30px;\n outline: none; /* Prevent dragging from highlighting the element */\n overflow: scroll !important; /* Things will break if this is overridden */\n padding-bottom: 30px;\n position: relative;\n}\n\n.CodeMirror-sizer {\n border-right: 30px solid transparent;\n position: relative;\n}\n\n/* The fake, visible scrollbars. Used to force redraw during scrolling\n before actual scrolling happens, thus preventing shaking and\n flickering artifacts. */\n\n.CodeMirror-vscrollbar,\n.CodeMirror-hscrollbar,\n.CodeMirror-scrollbar-filler,\n.CodeMirror-gutter-filler {\n display: none;\n position: absolute;\n z-index: 6;\n}\n\n.CodeMirror-vscrollbar {\n overflow-x: hidden;\n overflow-y: scroll;\n right: 0;\n top: 0;\n}\n\n.CodeMirror-hscrollbar {\n bottom: 0;\n left: 0;\n overflow-x: scroll;\n overflow-y: hidden;\n}\n\n.CodeMirror-scrollbar-filler {\n right: 0;\n bottom: 0;\n}\n\n.CodeMirror-gutter-filler {\n left: 0;\n bottom: 0;\n}\n\n.CodeMirror-gutters {\n min-height: 100%;\n position: absolute;\n left: 0;\n top: 0;\n z-index: 3;\n}\n\n.CodeMirror-gutter {\n display: inline-block;\n height: 100%;\n margin-bottom: -30px;\n vertical-align: top;\n white-space: normal;\n}\n\n.CodeMirror-gutter-wrapper {\n background: none !important;\n border: none !important;\n position: absolute;\n z-index: 4;\n}\n\n.CodeMirror-gutter-background {\n position: absolute;\n top: 0;\n bottom: 0;\n z-index: 4;\n}\n\n.CodeMirror-gutter-elt {\n cursor: default;\n position: absolute;\n z-index: 4;\n}\n\n.CodeMirror-gutter-wrapper {\n user-select: none;\n}\n\n.CodeMirror-lines {\n cursor: text;\n min-height: 1px; /* prevents collapsing before first draw */\n}\n\n.CodeMirror pre {\n -webkit-tap-highlight-color: transparent;\n /* Reset some styles that the rest of the page might have set */\n background: transparent;\n border-radius: 0;\n border-width: 0;\n color: inherit;\n font-family: inherit;\n font-size: inherit;\n font-variant-ligatures: none;\n line-height: inherit;\n margin: 0;\n overflow: visible;\n position: relative;\n white-space: pre;\n word-wrap: normal;\n z-index: 2;\n}\n\n.CodeMirror-wrap pre {\n word-wrap: break-word;\n white-space: pre-wrap;\n word-break: normal;\n}\n\n.CodeMirror-linebackground {\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n z-index: 0;\n}\n\n.CodeMirror-linewidget {\n overflow: auto;\n position: relative;\n z-index: 2;\n}\n\n.CodeMirror-widget {\n}\n\n.CodeMirror-code {\n outline: none;\n}\n\n/* Force content-box sizing for the elements where we expect it */\n\n.CodeMirror-scroll,\n.CodeMirror-sizer,\n.CodeMirror-gutter,\n.CodeMirror-gutters,\n.CodeMirror-linenumber {\n box-sizing: content-box;\n}\n\n.CodeMirror-measure {\n height: 0;\n overflow: hidden;\n position: absolute;\n visibility: hidden;\n width: 100%;\n}\n\n.CodeMirror-cursor {\n position: absolute;\n}\n\n.CodeMirror-measure pre {\n position: static;\n}\n\ndiv.CodeMirror-cursors {\n position: relative;\n visibility: hidden;\n z-index: 3;\n}\n\ndiv.CodeMirror-dragcursors {\n visibility: visible;\n}\n\n.CodeMirror-focused div.CodeMirror-cursors {\n visibility: visible;\n}\n\n.CodeMirror-selected {\n background: #d9d9d9;\n}\n\n.CodeMirror-focused .CodeMirror-selected {\n background: #d7d4f0;\n}\n\n.CodeMirror-crosshair {\n cursor: crosshair;\n}\n\n.CodeMirror-line::selection,\n.CodeMirror-line > span::selection,\n.CodeMirror-line > span > span::selection {\n background: #d7d4f0;\n}\n\n.CodeMirror-line::-moz-selection,\n.CodeMirror-line > span::-moz-selection,\n.CodeMirror-line > span > span::-moz-selection {\n background: #d7d4f0;\n}\n\n.cm-searching {\n background: #ffa;\n background: rgba(255, 255, 0, 0.4);\n}\n\n/* Used to force a border model for a node */\n\n.cm-force-border {\n padding-right: 0.1px;\n}\n\n@media print {\n /* Hide the cursor when printing */\n .CodeMirror div.CodeMirror-cursors {\n visibility: hidden;\n }\n}\n\n/* See issue #2901 */\n\n.cm-tab-wrap-hack:after {\n content: '';\n}\n\n/* Help users use markselection to safely style text background */\n\nspan.CodeMirror-selectedtext {\n background: none;\n}\n\n.CodeMirror-dialog {\n background: inherit;\n color: inherit;\n left: 0;\n right: 0;\n overflow: hidden;\n padding: 0.1em 0.8em;\n position: absolute;\n z-index: 15;\n}\n\n.CodeMirror-dialog-top {\n border-bottom: 1px solid #eee;\n top: 0;\n}\n\n.CodeMirror-dialog-bottom {\n border-top: 1px solid #eee;\n bottom: 0;\n}\n\n.CodeMirror-dialog input {\n background: transparent;\n border: 1px solid #d3d6db;\n color: inherit;\n font-family: monospace;\n outline: none;\n width: 20em;\n}\n\n.CodeMirror-dialog button {\n font-size: 70%;\n}\n\n.CodeMirror-foldmarker {\n color: blue;\n cursor: pointer;\n font-family: arial;\n line-height: 0.3;\n text-shadow: #b9f 1px 1px 2px, #b9f -1px -1px 2px, #b9f 1px -1px 2px,\n #b9f -1px 1px 2px;\n}\n.CodeMirror-foldgutter {\n width: 0.7em;\n}\n.CodeMirror-foldgutter-open,\n.CodeMirror-foldgutter-folded {\n cursor: pointer;\n}\n.CodeMirror-foldgutter-open:after {\n content: '\\25BE';\n}\n.CodeMirror-foldgutter-folded:after {\n content: '\\25B8';\n}\n\n.CodeMirror-info {\n background: white;\n border-radius: 2px;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);\n box-sizing: border-box;\n color: #555;\n font-family: system, -apple-system, 'San Francisco', '.SFNSDisplay-Regular',\n 'Segoe UI', Segoe, 'Segoe WP', 'Helvetica Neue', helvetica, 'Lucida Grande',\n arial, sans-serif;\n font-size: 13px;\n line-height: 16px;\n margin: 8px -8px;\n max-width: 400px;\n opacity: 0;\n overflow: hidden;\n padding: 8px 8px;\n position: fixed;\n transition: opacity 0.15s;\n z-index: 50;\n}\n\n.CodeMirror-info :first-child {\n margin-top: 0;\n}\n\n.CodeMirror-info :last-child {\n margin-bottom: 0;\n}\n\n.CodeMirror-info p {\n margin: 1em 0;\n}\n\n.CodeMirror-info .info-description {\n color: #777;\n line-height: 16px;\n margin-top: 1em;\n max-height: 80px;\n overflow: hidden;\n}\n\n.CodeMirror-info .info-deprecation {\n background: #fffae8;\n box-shadow: inset 0 1px 1px -1px #bfb063;\n color: #867f70;\n line-height: 16px;\n margin: -8px;\n margin-top: 8px;\n max-height: 80px;\n overflow: hidden;\n padding: 8px;\n}\n\n.CodeMirror-info .info-deprecation-label {\n color: #c79b2e;\n cursor: default;\n display: block;\n font-size: 9px;\n font-weight: bold;\n letter-spacing: 1px;\n line-height: 1;\n padding-bottom: 5px;\n text-transform: uppercase;\n user-select: none;\n}\n\n.CodeMirror-info .info-deprecation-label + * {\n margin-top: 0;\n}\n\n.CodeMirror-info a {\n text-decoration: none;\n}\n\n.CodeMirror-info a:hover {\n text-decoration: underline;\n}\n\n.CodeMirror-info .type-name {\n color: #ca9800;\n}\n\n.CodeMirror-info .field-name {\n color: #1f61a0;\n}\n\n.CodeMirror-info .enum-value {\n color: #0b7fc7;\n}\n\n.CodeMirror-info .arg-name {\n color: #8b2bb9;\n}\n\n.CodeMirror-info .directive-name {\n color: #b33086;\n}\n\n.CodeMirror-jump-token {\n text-decoration: underline;\n cursor: pointer;\n}\n\n/* The lint marker gutter */\n.CodeMirror-lint-markers {\n width: 16px;\n}\n.CodeMirror-lint-tooltip {\n background-color: infobackground;\n border-radius: 4px 4px 4px 4px;\n border: 1px solid black;\n color: infotext;\n font-family: monospace;\n font-size: 10pt;\n max-width: 600px;\n opacity: 0;\n overflow: hidden;\n padding: 2px 5px;\n position: fixed;\n transition: opacity 0.4s;\n white-space: pre-wrap;\n z-index: 100;\n}\n.CodeMirror-lint-mark-error,\n.CodeMirror-lint-mark-warning {\n background-position: left bottom;\n background-repeat: repeat-x;\n}\n.CodeMirror-lint-mark-error {\n background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJDw4cOCW1/KIAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAHElEQVQI12NggIL/DAz/GdA5/xkY/qPKMDAwAADLZwf5rvm+LQAAAABJRU5ErkJggg==');\n}\n.CodeMirror-lint-mark-warning {\n background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJFhQXEbhTg7YAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAMklEQVQI12NkgIIvJ3QXMjAwdDN+OaEbysDA4MPAwNDNwMCwiOHLCd1zX07o6kBVGQEAKBANtobskNMAAAAASUVORK5CYII=');\n}\n.CodeMirror-lint-marker-error,\n.CodeMirror-lint-marker-warning {\n background-position: center center;\n background-repeat: no-repeat;\n cursor: pointer;\n display: inline-block;\n height: 16px;\n position: relative;\n vertical-align: middle;\n width: 16px;\n}\n.CodeMirror-lint-message-error,\n.CodeMirror-lint-message-warning {\n background-position: top left;\n background-repeat: no-repeat;\n padding-left: 18px;\n}\n.CodeMirror-lint-marker-error,\n.CodeMirror-lint-message-error {\n background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAHlBMVEW7AAC7AACxAAC7AAC7AAAAAAC4AAC5AAD///+7AAAUdclpAAAABnRSTlMXnORSiwCK0ZKSAAAATUlEQVR42mWPOQ7AQAgDuQLx/z8csYRmPRIFIwRGnosRrpamvkKi0FTIiMASR3hhKW+hAN6/tIWhu9PDWiTGNEkTtIOucA5Oyr9ckPgAWm0GPBog6v4AAAAASUVORK5CYII=');\n}\n.CodeMirror-lint-marker-warning,\n.CodeMirror-lint-message-warning {\n background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAANlBMVEX/uwDvrwD/uwD/uwD/uwD/uwD/uwD/uwD/uwD6twD/uwAAAADurwD2tQD7uAD+ugAAAAD/uwDhmeTRAAAADHRSTlMJ8mN1EYcbmiixgACm7WbuAAAAVklEQVR42n3PUQqAIBBFUU1LLc3u/jdbOJoW1P08DA9Gba8+YWJ6gNJoNYIBzAA2chBth5kLmG9YUoG0NHAUwFXwO9LuBQL1giCQb8gC9Oro2vp5rncCIY8L8uEx5ZkAAAAASUVORK5CYII=');\n}\n.CodeMirror-lint-marker-multiple {\n background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAMAAADzjKfhAAAACVBMVEUAAAAAAAC/v7914kyHAAAAAXRSTlMAQObYZgAAACNJREFUeNo1ioEJAAAIwmz/H90iFFSGJgFMe3gaLZ0od+9/AQZ0ADosbYraAAAAAElFTkSuQmCC');\n background-position: right bottom;\n background-repeat: no-repeat;\n width: 100%;\n height: 100%;\n}\n\n.graphiql-container .spinner-container {\n height: 36px;\n left: 50%;\n position: absolute;\n top: 50%;\n transform: translate(-50%, -50%);\n width: 36px;\n z-index: 10;\n}\n\n.graphiql-container .spinner {\n animation: rotation 0.6s infinite linear;\n border-bottom: 6px solid rgba(150, 150, 150, 0.15);\n border-left: 6px solid rgba(150, 150, 150, 0.15);\n border-radius: 100%;\n border-right: 6px solid rgba(150, 150, 150, 0.15);\n border-top: 6px solid rgba(150, 150, 150, 0.8);\n display: inline-block;\n height: 24px;\n position: absolute;\n vertical-align: middle;\n width: 24px;\n}\n\n@keyframes rotation {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(359deg);\n }\n}\n\n.CodeMirror-hints {\n background: white;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);\n font-family: 'Consolas', 'Inconsolata', 'Droid Sans Mono', 'Monaco', monospace;\n font-size: 13px;\n list-style: none;\n margin-left: -6px;\n margin: 0;\n max-height: 14.5em;\n overflow: hidden;\n overflow-y: auto;\n padding: 0;\n position: absolute;\n z-index: 10;\n}\n\n.CodeMirror-hint {\n border-top: solid 1px #f7f7f7;\n color: #141823;\n cursor: pointer;\n margin: 0;\n max-width: 300px;\n overflow: hidden;\n padding: 2px 6px;\n white-space: pre;\n}\n\nli.CodeMirror-hint-active {\n background-color: #08f;\n border-top-color: white;\n color: white;\n}\n\n.CodeMirror-hint-information {\n border-top: solid 1px #c0c0c0;\n max-width: 300px;\n padding: 4px 6px;\n position: relative;\n z-index: 1;\n}\n\n.CodeMirror-hint-information:first-child {\n border-bottom: solid 1px #c0c0c0;\n border-top: none;\n margin-bottom: -1px;\n}\n\n.CodeMirror-hint-deprecation {\n background: #fffae8;\n box-shadow: inset 0 1px 1px -1px #bfb063;\n color: #867f70;\n font-family: system, -apple-system, 'San Francisco', '.SFNSDisplay-Regular',\n 'Segoe UI', Segoe, 'Segoe WP', 'Helvetica Neue', helvetica, 'Lucida Grande',\n arial, sans-serif;\n font-size: 13px;\n line-height: 16px;\n margin-top: 4px;\n max-height: 80px;\n overflow: hidden;\n padding: 6px;\n}\n\n.CodeMirror-hint-deprecation .deprecation-label {\n color: #c79b2e;\n cursor: default;\n display: block;\n font-size: 9px;\n font-weight: bold;\n letter-spacing: 1px;\n line-height: 1;\n padding-bottom: 5px;\n text-transform: uppercase;\n user-select: none;\n}\n\n.CodeMirror-hint-deprecation .deprecation-label + * {\n margin-top: 0;\n}\n\n.CodeMirror-hint-deprecation :last-child {\n margin-bottom: 0;\n}\n\n.graphiql-container .doc-explorer {\n background: white;\n}\n\n.graphiql-container .doc-explorer-title-bar,\n.graphiql-container .history-title-bar {\n cursor: default;\n display: flex;\n height: 34px;\n line-height: 14px;\n padding: 8px 8px 5px;\n position: relative;\n user-select: none;\n}\n\n.graphiql-container .doc-explorer-title,\n.graphiql-container .history-title {\n flex: 1;\n font-weight: bold;\n overflow-x: hidden;\n padding: 10px 0 10px 10px;\n text-align: center;\n text-overflow: ellipsis;\n user-select: text;\n white-space: nowrap;\n}\n\n.graphiql-container .doc-explorer-back {\n color: #3b5998;\n cursor: pointer;\n margin: -7px 0 -6px -8px;\n overflow-x: hidden;\n padding: 17px 12px 16px 16px;\n text-overflow: ellipsis;\n white-space: nowrap;\n background: 0;\n border: 0;\n line-height: 14px;\n}\n\n.doc-explorer-narrow .doc-explorer-back {\n width: 0;\n}\n\n.graphiql-container .doc-explorer-back:before {\n border-left: 2px solid #3b5998;\n border-top: 2px solid #3b5998;\n content: '';\n display: inline-block;\n height: 9px;\n margin: 0 3px -1px 0;\n position: relative;\n transform: rotate(-45deg);\n width: 9px;\n}\n\n.graphiql-container .doc-explorer-rhs {\n position: relative;\n}\n\n.graphiql-container .doc-explorer-contents,\n.graphiql-container .history-contents {\n background-color: #ffffff;\n border-top: 1px solid #d6d6d6;\n bottom: 0;\n left: 0;\n overflow-y: auto;\n padding: 20px 15px;\n position: absolute;\n right: 0;\n top: 47px;\n}\n\n.graphiql-container .doc-explorer-contents {\n min-width: 300px;\n}\n\n.graphiql-container .doc-type-description p:first-child,\n.graphiql-container .doc-type-description blockquote:first-child {\n margin-top: 0;\n}\n\n.graphiql-container .doc-explorer-contents a {\n cursor: pointer;\n text-decoration: none;\n}\n\n.graphiql-container .doc-explorer-contents a:hover {\n text-decoration: underline;\n}\n\n.graphiql-container .doc-value-description > :first-child {\n margin-top: 4px;\n}\n\n.graphiql-container .doc-value-description > :last-child {\n margin-bottom: 4px;\n}\n\n.graphiql-container .doc-type-description code,\n.graphiql-container .doc-type-description pre,\n.graphiql-container .doc-category code,\n.graphiql-container .doc-category pre {\n --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);\n font-size: 12px;\n line-height: 1.50001;\n font-variant-ligatures: none;\n white-space: pre;\n white-space: pre-wrap;\n word-wrap: break-word;\n word-break: normal;\n -webkit-tab-size: 4;\n -moz-tab-size: 4;\n tab-size: 4;\n}\n\n.graphiql-container .doc-type-description code,\n.graphiql-container .doc-category code {\n padding: 2px 3px 1px;\n border: 1px solid var(--saf-0);\n border-radius: 3px;\n background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);\n color: #e01e5a;\n background-color: white;\n}\n\n.graphiql-container .doc-category {\n margin: 20px 0;\n}\n\n.graphiql-container .doc-category-title {\n border-bottom: 1px solid #e0e0e0;\n color: #777;\n cursor: default;\n font-size: 14px;\n font-variant: small-caps;\n font-weight: bold;\n letter-spacing: 1px;\n margin: 0 -15px 10px 0;\n padding: 10px 0;\n user-select: none;\n}\n\n.graphiql-container .doc-category-item {\n margin: 12px 0;\n color: #555;\n}\n\n.graphiql-container .keyword {\n color: #b11a04;\n}\n\n.graphiql-container .type-name {\n color: #ca9800;\n}\n\n.graphiql-container .field-name {\n color: #1f61a0;\n}\n\n.graphiql-container .field-short-description {\n color: #666;\n margin-left: 5px;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.graphiql-container .enum-value {\n color: #0b7fc7;\n}\n\n.graphiql-container .arg-name {\n color: #8b2bb9;\n}\n\n.graphiql-container .arg {\n display: block;\n margin-left: 1em;\n}\n\n.graphiql-container .arg:first-child:last-child,\n.graphiql-container .arg:first-child:nth-last-child(2),\n.graphiql-container .arg:first-child:nth-last-child(2) ~ .arg {\n display: inherit;\n margin: inherit;\n}\n\n.graphiql-container .arg:first-child:nth-last-child(2):after {\n content: ', ';\n}\n\n.graphiql-container .arg-default-value {\n color: #43a047;\n}\n\n.graphiql-container .doc-deprecation {\n background: #fffae8;\n box-shadow: inset 0 0 1px #bfb063;\n color: #867f70;\n line-height: 16px;\n margin: 8px -8px;\n max-height: 80px;\n overflow: hidden;\n padding: 8px;\n border-radius: 3px;\n}\n\n.graphiql-container .doc-deprecation:before {\n content: 'Deprecated:';\n color: #c79b2e;\n cursor: default;\n display: block;\n font-size: 9px;\n font-weight: bold;\n letter-spacing: 1px;\n line-height: 1;\n padding-bottom: 5px;\n text-transform: uppercase;\n user-select: none;\n}\n\n.graphiql-container .doc-deprecation > :first-child {\n margin-top: 0;\n}\n\n.graphiql-container .doc-deprecation > :last-child {\n margin-bottom: 0;\n}\n\n.graphiql-container .show-btn {\n -webkit-appearance: initial;\n display: block;\n border-radius: 3px;\n border: solid 1px #ccc;\n text-align: center;\n padding: 8px 12px 10px;\n width: 100%;\n box-sizing: border-box;\n background: #fbfcfc;\n color: #555;\n cursor: pointer;\n}\n\n.graphiql-container .search-box {\n border-bottom: 1px solid #d3d6db;\n display: flex;\n align-items: center;\n font-size: 14px;\n margin: -15px -15px 12px 0;\n position: relative;\n}\n\n.graphiql-container .search-box-icon {\n cursor: pointer;\n display: block;\n font-size: 24px;\n transform: rotate(-45deg);\n user-select: none;\n}\n\n.graphiql-container .search-box .search-box-clear {\n background-color: #d0d0d0;\n border-radius: 12px;\n color: #fff;\n cursor: pointer;\n font-size: 11px;\n padding: 1px 5px 2px;\n position: absolute;\n right: 3px;\n user-select: none;\n border: 0;\n}\n\n.graphiql-container .search-box .search-box-clear:hover {\n background-color: #b9b9b9;\n}\n\n.graphiql-container .search-box > input {\n border: none;\n box-sizing: border-box;\n font-size: 14px;\n outline: none;\n padding: 6px 24px 8px 20px;\n width: 100%;\n}\n\n.graphiql-container .error-container {\n font-weight: bold;\n left: 0;\n letter-spacing: 1px;\n opacity: 0.5;\n position: absolute;\n right: 0;\n text-align: center;\n text-transform: uppercase;\n top: 50%;\n transform: translate(0, -50%);\n}\n\n.graphiql-container .history-contents {\n font-family: 'Consolas', 'Inconsolata', 'Droid Sans Mono', 'Monaco', monospace;\n}\n\n.graphiql-container .history-contents {\n margin: 0;\n padding: 0;\n}\n\n.graphiql-container .history-contents li {\n align-items: center;\n display: flex;\n font-size: 12px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n margin: 0;\n padding: 8px;\n border-bottom: 1px solid #e0e0e0;\n}\n\n.graphiql-container .history-contents li button:not(.history-label) {\n display: none;\n margin-left: 10px;\n}\n\n.graphiql-container .history-contents li:hover button:not(.history-label),\n.graphiql-container\n .history-contents\n li:focus-within\n button:not(.history-label) {\n display: inline-block;\n}\n\n.graphiql-container .history-contents input,\n.graphiql-container .history-contents button {\n padding: 0;\n background: 0;\n border: 0;\n font-size: inherit;\n font-family: inherit;\n line-height: 14px;\n color: inherit;\n}\n\n.graphiql-container .history-contents input {\n flex-grow: 1;\n}\n\n.graphiql-container .history-contents input::placeholder {\n color: inherit;\n}\n\n.graphiql-container .history-contents button {\n cursor: pointer;\n text-align: left;\n}\n\n.graphiql-container .history-contents .history-label {\n flex-grow: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n","@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\nbody,\n#graphiql {\n width: 100vw;\n height: 100vh;\n}\n\n#graphiql {\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 14px;\n line-height: 20px;\n color: var(--text-color);\n -webkit-font-smoothing: subpixel-antialiased;\n\n svg {\n display: inline-block;\n }\n\n select {\n color: var(--text-color) !important;\n background-color: transparentize($inputColor, 0.75);\n border-radius: var(--large-border-radius);\n padding: 4px;\n }\n\n .graphiql-container .topBar,\n .graphiql-container .docExplorerShow,\n .graphiql-container .historyShow,\n .graphiql-container .docExplorerWrap,\n .graphiql-container .historyPaneWrap,\n .graphiql-container .variable-editor-title,\n .graphiql-container .footer,\n .result-window .CodeMirror,\n .graphiql-container .resultWrap,\n .graphiql-container .result-window .CodeMirror-gutters,\n .graphiql-container .toolbar-button,\n .graphiql-container .toolbar-button:active,\n .graphiql-container .execute-button,\n .graphiql-container .execute-button:active,\n .graphiql-container .toolbar-menu-items,\n .graphiql-container .toolbar-select-options,\n .graphiql-container .toolbar-menu-items > li.hover,\n .graphiql-container .toolbar-menu-items > li:active,\n .graphiql-container .toolbar-menu-items > li:hover,\n .graphiql-container .toolbar-select-options > li.hover,\n .graphiql-container .toolbar-select-options > li:active,\n .graphiql-container .toolbar-select-options > li:hover,\n .CodeMirror-gutters {\n background: none;\n border: none;\n }\n\n .graphiql-container .history-contents > p:hover,\n .graphiql-container .history-contents > p:active {\n color: var(--text-color);\n background-color: var(--gray-050);\n\n span:not(.history-label) {\n font-size: 14px;\n }\n }\n .graphiql-container,\n .graphiql-container .editorWrap {\n overflow: visible;\n }\n\n .topBarWrap {\n .topBar {\n body.rtl & {\n direction: rtl;\n }\n padding: 14px 24px;\n height: 100%;\n\n .title {\n @include sans-serif-font;\n font-size: 18px;\n font-weight: bold;\n line-height: 1.2;\n color: var(--text-color);\n }\n }\n\n .docExplorerShow {\n padding: 14px 24px;\n }\n }\n\n .doc-explorer-title-bar,\n .history-title-bar {\n background: var(--white);\n box-sizing: content-box;\n }\n\n .queryWrap,\n .docExplorerWrap,\n .historyPaneWrap {\n @include pane;\n overflow: hidden;\n }\n\n .docExplorerWrap {\n z-index: 8 !important;\n }\n\n .queryWrap {\n margin: 0 0 24px 24px;\n border-radius: var(--large-border-radius);\n\n .CodeMirror-gutters {\n background: var(--gray-050);\n box-shadow: inset -1px 0 0 var(--hairline-color);\n }\n\n .CodeMirror-linenumber {\n color: var(--light-text-color);\n }\n\n .variable-editor {\n height: 28px;\n\n .variable-editor-title {\n background: var(--gray-050);\n box-shadow: 0 -1px 0 var(--hairline-color),\n 0 1px 0 var(--hairline-color);\n z-index: 4;\n color: var(--light-text-color);\n }\n }\n }\n\n .graphiql-container {\n .toolbar {\n margin-left: 16px;\n }\n .toolbar-button {\n display: inline-block;\n background-color: var(--gray-200);\n border-radius: var(--large-border-radius);\n padding: 7px 14px;\n border: none;\n text-align: center;\n white-space: nowrap;\n user-select: none;\n cursor: pointer;\n box-sizing: border-box;\n appearance: none;\n color: var(--text-color);\n height: 34px;\n max-width: 100%;\n box-shadow: none;\n\n &:focus,\n &:hover {\n background-color: darken($grey200, 5%);\n }\n\n svg {\n @include margin-left(5px);\n }\n }\n\n .execute-options,\n .toolbar-menu-items {\n min-width: 100%;\n margin-top: 0;\n @include menu-styles;\n\n li {\n @include menu-option-styles;\n text-align: left;\n padding-left: 24px;\n max-width: unset;\n\n &:hover {\n @include disclosure-link-hover-styles;\n }\n\n &.selected-schema {\n cursor: default;\n background: none;\n\n &:before {\n @include icon;\n content: 'check';\n @include floatleft;\n @include margin(3px, 0, 0, -17px);\n font-size: 14px;\n color: var(--light-text-color);\n }\n\n &:hover {\n background-color: var(--white);\n }\n }\n }\n }\n\n .execute-options li {\n padding-left: 14px;\n }\n\n .execute-button {\n background: linear-gradient(#fdfdfd, #cfd6dc);\n border: 1px solid #cfd6dc;\n }\n\n .graphiql-explorer-root {\n padding: 0 !important;\n\n & > div:first-child {\n padding: 7px 14px;\n }\n\n .graphiql-explorer-actions {\n margin: 0 !important;\n padding: 14px !important;\n box-sizing: border-box;\n @include sans-serif-font;\n font-weight: normal;\n font-variant-caps: normal;\n text-transform: none;\n letter-spacing: normal;\n\n & > span {\n margin-right: 7px;\n }\n\n .toolbar-button {\n margin: 0 !important;\n padding: 0 4px;\n\n &:before {\n @include icon;\n content: 'plus';\n font-size: 14.4px;\n }\n\n span {\n display: none;\n }\n }\n }\n }\n\n .spinner {\n animation: none;\n border: none;\n display: inline-flex;\n height: 24px;\n width: 24px;\n position: relative;\n }\n }\n\n .graphiql-explorer-graphql-arguments {\n select {\n padding: 2px;\n }\n }\n}\n","$white: #fff;\n$black: #000;\n\n$grey050: hsl(212, 60%, 97%);\n$grey100: hsl(212, 50%, 93%);\n$grey200: hsl(212, 30%, 85%);\n$grey300: hsl(211, 13%, 65%);\n$grey350: hsl(211, 11%, 59%);\n$grey400: hsl(210, 10%, 53%);\n$grey500: hsl(211, 12%, 43%);\n$grey550: hsl(210, 13%, 40%);\n$grey600: hsl(209, 14%, 37%);\n$grey700: hsl(209, 18%, 30%);\n$grey800: hsl(209, 20%, 25%);\n$grey900: hsl(210, 24%, 16%);\n$grey1000: hsl(210, 24%, 10%);\n\n$blue050: #e3f8ff;\n$blue100: #b3ecff;\n$blue200: #81defd;\n$blue300: #5ed0fa;\n$blue400: #40c3f7;\n$blue500: #2bb0ed;\n$blue600: #1992d4;\n$blue700: #127fbf;\n$blue800: #0b69a3;\n$blue900: #035388;\n\n$cyan050: #e0fcff;\n$cyan100: #bef8fd;\n$cyan200: #87eaf2;\n$cyan300: #54d1db;\n$cyan400: #38bec9;\n$cyan500: #2cb1bc;\n$cyan600: #14919b;\n$cyan700: #0e7c86;\n$cyan800: #0a6c74;\n$cyan900: #044e54;\n\n$pink050: #ffe3ec;\n$pink100: #ffb8d2;\n$pink200: #ff8cba;\n$pink300: #f364a2;\n$pink400: #e8368f;\n$pink500: #da127d;\n$pink600: #bc0a6f;\n$pink700: #a30664;\n$pink800: #870557;\n$pink900: #620042;\n\n$red050: #ffe3e3;\n$red100: #ffbdbd;\n$red200: #ff9b9b;\n$red300: #f86a6a;\n$red400: #ef4e4e;\n$red500: #e12d39;\n$red600: #cf1124;\n$red700: #ab091e;\n$red800: #8a041a;\n$red900: #610316;\n\n$yellow050: #fffbea;\n$yellow100: #fff3c4;\n$yellow200: #fce588;\n$yellow300: #fadb5f;\n$yellow400: #f7c948;\n$yellow500: #f0b429;\n$yellow600: #de911d;\n$yellow700: #cb6e17;\n$yellow800: #b44d12;\n$yellow900: #8d2b0b;\n\n$teal050: #effcf6;\n$teal100: #c6f7e2;\n$teal200: #8eedc7;\n$teal300: #65d6ad;\n$teal400: #3ebd93;\n$teal500: #27ab83;\n$teal600: #199473;\n$teal700: #147d64;\n$teal800: #0c6b58;\n$teal900: #014d40;\n\n// submit button colors\n$primaryColor: $red500;\n$secondaryColor: $grey500;\n\n$inputColor: hsl(212, 25%, 50%);\n\n// text colors\n$textColor: $grey700;\n$mediumDarkTextColor: $grey550;\n$mediumTextColor: $grey550;\n$lightTextColor: $grey500;\n$linkColor: #2563eb;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $white;\n$menuOptionActiveBackgroundColor: $grey500;\n\n// hairline colors\n$hairlineColor: transparentize($grey800, 0.9);\n$mediumHairlineColor: transparentize($grey600, 0.75);\n$darkHairlineColor: transparentize($grey400, 0.5);\n\n// focus colors\n$lightFocusColor: $blue300;\n$mediumFocusColor: $blue500;\n$darkFocusColor: #0f74b1;\n\n// focus rings\n$lightFocusRing: 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing: 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing: 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey600;\n\n// alert/notice colors\n$errorColor: $red600;\n$warningColor: $yellow800;\n$successColor: $teal500;\n$noticeColor: $blue800;\n\n// UI element styles\n$smallBorderRadius: 3px;\n$mediumBorderRadius: 4px;\n$largeBorderRadius: 5px;\n\n$menuBorderRadius: $mediumBorderRadius;\n$checkboxSize: 16px;\n$radioSize: 16px;\n\n@mixin sans-serif-font {\n font-family: system-ui, BlinkMacSystemFont, -apple-system, 'Segoe UI',\n 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',\n 'Helvetica Neue', sans-serif;\n}\n\n@mixin fixed-width-font {\n font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier,\n monospace;\n font-size: 0.9em !important;\n}\n\n@function toRem($size) {\n $remValue: calc($size / 16) + rem;\n @return $remValue;\n}\n\n@mixin fontSize($size) {\n font-size: toRem($size);\n}\n\n// Other\n\n@mixin focus-styles {\n body:not(.reduce-focus-visibility) &:focus,\n body.reduce-focus-visibility &.focus-visible {\n @content;\n }\n}\n\n@mixin svg-mask($color) {\n rect,\n circle,\n ellipse,\n line,\n polyline,\n polygon,\n path,\n text {\n fill: $color;\n stroke-width: 0;\n }\n}\n\n@mixin icon {\n font-family: 'Craft';\n speak: none;\n -webkit-font-feature-settings: 'liga', 'dlig';\n -moz-font-feature-settings: 'liga=1, dlig=1';\n -moz-font-feature-settings: 'liga', 'dlig';\n -ms-font-feature-settings: 'liga', 'dlig';\n -o-font-feature-settings: 'liga', 'dlig';\n font-feature-settings: 'liga', 'dlig';\n text-rendering: optimizeLegibility;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n direction: ltr; // Fixes a rendering issue in Chrome/Win\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n\n display: inline-block;\n text-align: center;\n font-style: normal;\n vertical-align: middle;\n word-wrap: normal !important;\n user-select: none;\n\n opacity: var(--icon-opacity);\n}\n\n@mixin angle($dir: down, $color: currentColor, $width: 2px) {\n display: block;\n content: '';\n font-size: 0;\n width: 7px;\n height: 7px;\n border: solid $color;\n border-width: 0 $width $width 0;\n opacity: 0.8;\n\n @if $dir == up {\n transform: rotate(225deg);\n } @else if $dir == down {\n transform: rotate(45deg);\n } @else if $dir == left {\n body.ltr & {\n transform: rotate(135deg);\n }\n body.rtl & {\n transform: rotate(-45deg);\n }\n } @else if $dir == right {\n body.ltr & {\n transform: rotate(-45deg);\n }\n body.rtl & {\n transform: rotate(135deg);\n }\n }\n}\n\n@mixin clearafter {\n content: '';\n display: block;\n height: 0;\n clear: both;\n visibility: hidden;\n}\n\n@mixin shadow {\n box-shadow: 0 1px 5px -1px transparentize($grey900, 0.8);\n}\n\n@mixin pane {\n background: $white;\n box-shadow: 0 0 0 1px $grey200, 0 2px 12px transparentize($grey200, 0.5);\n\n &:focus {\n box-shadow: var(--focus-ring);\n }\n}\n\n@mixin modal {\n border-radius: $largeBorderRadius;\n background-color: $white;\n box-shadow: 0 25px 100px transparentize($grey900, 0.5);\n}\n\n@mixin light-on-dark-text() {\n // Make light on dark text sharp on Macs\n // (sub-pixel antialiasing looks too bold/blurry with light text on dark background)\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-weight: 500;\n}\n\n@mixin light-focus-ring() {\n --focus-ring: 0 0 0 1px hsl(var(--light-focus-hsl)),\n 0 0 0 3px hsla(var(--light-focus-hsl), 0.7);\n}\n\n@mixin two-color-focus-ring($light-button: true) {\n // Creates a two-color focus ring, with a white\n // If button is light, the dark box shadow is adjacent to the button\n // Else the light box shadow is adjacent to the button\n --light-color: var(--white);\n --dark-color: var(--gray-800);\n\n @if $light-button {\n --focus-ring: 0 0 0 3px var(--dark-color), 0 0 0 6px var(--light-color);\n } @else {\n --focus-ring: 0 0 0 3px var(--light-color), 0 0 0 6px var(--dark-color);\n }\n}\n\n// RTL stuff\n\n@mixin left($left) {\n body.ltr & {\n left: $left;\n }\n body.rtl & {\n right: $left;\n }\n}\n\n@mixin right($right) {\n body.ltr & {\n right: $right;\n }\n body.rtl & {\n left: $right;\n }\n}\n\n@mixin alignleft {\n body.ltr & {\n text-align: left;\n }\n body.rtl & {\n text-align: right;\n }\n}\n\n@mixin alignright {\n body.ltr & {\n text-align: right;\n }\n body.rtl & {\n text-align: left;\n }\n}\n\n@mixin border-left($params...) {\n body.ltr & {\n border-left: $params;\n }\n body.rtl & {\n border-right: $params;\n }\n}\n\n@mixin border-right($params...) {\n body.ltr & {\n border-right: $params;\n }\n body.rtl & {\n border-left: $params;\n }\n}\n\n@mixin border-left-width($param) {\n body.ltr & {\n border-left-width: $param;\n }\n body.rtl & {\n border-right-width: $param;\n }\n}\n\n@mixin border-right-width($param) {\n body.ltr & {\n border-right-width: $param;\n }\n body.rtl & {\n border-left-width: $param;\n }\n}\n\n@mixin border-radius($tl, $tr, $br, $bl) {\n body.ltr & {\n border-radius: $tl $tr $br $bl;\n }\n body.rtl & {\n border-radius: $tr $tl $bl $br;\n }\n}\n\n@mixin border-top-left-radius($params...) {\n body.ltr & {\n border-top-left-radius: $params;\n }\n body.rtl & {\n border-top-right-radius: $params;\n }\n}\n\n@mixin border-top-right-radius($params...) {\n body.ltr & {\n border-top-right-radius: $params;\n }\n body.rtl & {\n border-top-left-radius: $params;\n }\n}\n\n@mixin border-bottom-left-radius($params...) {\n body.ltr & {\n border-bottom-left-radius: $params;\n }\n body.rtl & {\n border-bottom-right-radius: $params;\n }\n}\n\n@mixin border-bottom-right-radius($params...) {\n body.ltr & {\n border-bottom-right-radius: $params;\n }\n body.rtl & {\n border-bottom-left-radius: $params;\n }\n}\n\n@mixin floatleft {\n body.ltr & {\n float: left;\n }\n body.rtl & {\n float: right;\n }\n}\n\n@mixin floatright {\n body.ltr & {\n float: right;\n }\n body.rtl & {\n float: left;\n }\n}\n\n@mixin margin($t, $r, $b, $l, $important: '') {\n body.ltr & {\n margin: $t $r $b $l unquote($important);\n }\n body.rtl & {\n margin: $t $l $b $r unquote($important);\n }\n}\n\n@mixin margin-left($margin...) {\n body.ltr & {\n margin-left: $margin;\n }\n body.rtl & {\n margin-right: $margin;\n }\n}\n\n@mixin margin-right($margin...) {\n body.ltr & {\n margin-right: $margin;\n }\n body.rtl & {\n margin-left: $margin;\n }\n}\n\n@mixin padding($t, $r, $b, $l, $important: '') {\n body.ltr & {\n padding: $t $r $b $l unquote($important);\n }\n body.rtl & {\n padding: $t $l $b $r unquote($important);\n }\n}\n\n@mixin padding-left($padding...) {\n body.ltr & {\n padding-left: $padding;\n }\n body.rtl & {\n padding-right: $padding;\n }\n}\n\n@mixin padding-right($padding...) {\n body.ltr & {\n padding-right: $padding;\n }\n body.rtl & {\n padding-left: $padding;\n }\n}\n\n// Misc\n\n@mixin dark-inputs {\n @include placeholder-styles($grey400);\n\n .btn,\n .select:not(.selectize) select {\n background-color: $grey200;\n\n &:focus,\n &:hover {\n background-color: darken($grey200, 5%);\n }\n\n &:active,\n &.active {\n background-color: darken($grey200, 10%);\n }\n }\n\n .text {\n background-color: $grey200;\n\n &:focus {\n background-color: darken($grey200, 5%);\n }\n }\n}\n\n@mixin header-btn {\n width: 30px;\n height: 30px;\n padding-left: 0;\n padding-right: 0;\n\n &:not(:hover):not(:active):not(.active) {\n background-color: transparent;\n }\n &:not(:active):not(.active):hover {\n background-color: transparentize($grey300, 0.85);\n }\n}\n\n@mixin h6-styles {\n margin: 14px 0 3px;\n font-size: 11px;\n line-height: 1.2;\n color: $lightTextColor;\n text-transform: uppercase;\n}\n\n@mixin token-styles {\n display: inline-block;\n border-radius: $smallBorderRadius;\n padding: 3px 7px;\n font-size: 12px;\n line-height: 14px;\n color: $textColor;\n background-color: $grey100;\n}\n\n@mixin active-token-styles {\n background-color: $grey200;\n}\n\n@mixin menu-styles {\n z-index: 100;\n border-radius: $menuBorderRadius;\n padding: 0 14px;\n overflow: auto;\n background: $white;\n user-select: none;\n box-shadow: 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-option-styles {\n margin: 0 -14px;\n padding: 10px 14px;\n color: $menuOptionColor;\n text-decoration: none;\n white-space: nowrap;\n}\n\n@mixin menu-option-active-styles {\n color: $menuOptionActiveColor;\n background-color: $menuOptionActiveBackgroundColor;\n}\n\n@mixin disclosure-link-hover-styles {\n color: $menuOptionColor;\n background-color: $grey050;\n}\n\n@mixin input-styles {\n border-radius: $smallBorderRadius;\n border: 1px solid transparentize($inputColor, 0.75);\n background-color: hsl(212, 50%, 99%);\n background-clip: padding-box;\n}\n\n@mixin input-focused-styles {\n box-shadow: var(--focus-ring);\n}\n\n@mixin placeholder-styles($color) {\n ::-webkit-input-placeholder {\n color: $color;\n }\n\n input:-ms-input-placeholder {\n color: $color;\n }\n\n ::-ms-input-placeholder {\n color: $color;\n }\n\n :-moz-placeholder {\n color: $color;\n }\n\n ::-moz-placeholder {\n color: $color;\n }\n\n ::placeholder {\n color: $color;\n }\n}\n\n@mixin select-styles {\n position: relative;\n border-radius: $largeBorderRadius;\n white-space: nowrap;\n}\n\n@mixin select-container-styles {\n max-width: 100%;\n position: relative;\n :not(.flex) > & {\n display: inline-block;\n }\n}\n\n@mixin select-arrow-styles {\n @include angle;\n position: absolute;\n z-index: 1;\n top: calc(50% - 5px);\n @include right(9px);\n user-select: none;\n pointer-events: none;\n}\n\n@mixin select-input-styles {\n display: block;\n position: relative;\n max-width: 100%;\n border: none;\n @include padding(7px, 22px, 7px, 10px);\n font-size: 14px;\n line-height: 20px;\n color: $textColor;\n background-color: hsl(212, 25%, 90%);\n appearance: none;\n // from https://stackoverflow.com/a/15933790/1688568\n &::-ms-expand {\n display: none;\n }\n}\n\n@mixin select-input-fullwidth-styles {\n min-width: 100%;\n}\n\n@mixin select-input-focused-styles {\n outline-color: transparent;\n background-color: hsl(212, 25%, 85%);\n box-shadow: var(--focus-ring);\n}\n\n@mixin touch-target {\n height: var(--touch-target-size);\n width: var(--touch-target-size);\n}\n\n@mixin visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: 0;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\n@mixin readable {\n font-size: 16px;\n line-height: 22px;\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6 {\n font-size: 13.6px;\n line-height: 17px;\n color: $mediumTextColor;\n }\n\n ul,\n ol {\n margin: 1em 0;\n @include padding-left(2em);\n }\n\n ul li {\n list-style-type: disc;\n }\n\n li + li {\n margin-top: 0.25em;\n }\n\n blockquote {\n margin: 16px 0;\n\n &:not(.note) {\n padding: 0 16px;\n color: $mediumTextColor;\n @include border-left(4px solid $hairlineColor);\n }\n\n &.note {\n position: relative;\n border-radius: 4px;\n padding: 1em;\n @include padding-left(56px);\n border: 1px solid;\n\n &:not(.tip):not(.warning) {\n border-color: $errorColor;\n color: #bf503f;\n\n &:before {\n content: 'alert';\n color: $errorColor;\n }\n }\n\n &.tip {\n border-color: $linkColor;\n color: $mediumTextColor;\n\n &:before {\n content: 'lightbulb';\n color: $linkColor;\n }\n }\n\n &.warning {\n border-color: $warningColor;\n color: #cf783a;\n\n &:before {\n content: 'alert';\n color: $warningColor;\n }\n }\n\n &:before {\n @include icon;\n position: absolute;\n top: 12px;\n @include left(16px);\n font-size: 30px;\n width: 24px;\n }\n }\n }\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"css/graphiql.css","mappings":"AAAA,sFAGE,qJACA,eAGA,qBAGF,oBACE,CADF,YACE,2BACA,CADA,kBACA,YACA,SACA,gBACA,WACA,iCAGF,oBACE,CADF,YACE,CACA,cACA,CADA,MACA,CAFA,6BACA,CADA,qBACA,CACA,iBACA,4BAGF,cACE,+BAGF,mBACE,eACA,CAKA,4DAFF,oBACE,CADF,YACE,2BACA,CADA,kBAeA,CAdA,4BAGF,0BACE,CADF,kBACE,+CACA,CADA,2CACA,gCACA,eACA,CAEA,cACA,CADA,MACA,YACA,mBACA,qBACA,yBACA,CADA,gBACA,8BAIA,oBACA,CADA,aADF,kBAEE,uEAGF,8CAEE,CAFF,2CAEE,CACA,+BACA,CAFA,eACA,CACA,iBACA,gBACA,cACA,eACA,eACA,SACA,wBACA,sCAGF,oCACE,kCAIA,cADF,qCAEE,6CAGF,6BACE,6BACA,WACA,qBACA,WACA,oBACA,kBACA,iCACA,CADA,2BACA,CADA,wBACA,UACA,gCAGF,oBACE,CADF,YACE,CACA,cACA,CADA,MACA,CAFA,0BACA,CADA,kBACA,CACA,eACA,CAMA,+DAHF,oBACE,CADF,YACE,CACA,cACA,CADA,OADA,6BACA,CADA,qBAWA,CATA,gCAGF,6BACE,CAGA,sBACA,CADA,cACA,kBACA,2EAGF,eAEE,mCACA,kBACA,UACA,sCAGF,eACE,UACA,yCAGF,iBACE,YACA,UACA,kBACA,MACA,WACA,WACA,sCAOA,YACA,SACA,CANF,cACE,eACA,CAIA,iBAJA,uBACA,4BAIA,uCAGF,cACE,CADF,MACE,kBACA,uCAGF,oBACE,CADF,YACE,8BACA,CADA,qBACA,YACA,kBACA,6CAGF,eACE,gCACA,6BACA,WACA,wBACA,gBACA,mBACA,iBACA,uBACA,yBACA,yBACA,CADA,gBACA,CAMA,uEAGF,cACE,CADF,MACE,YACA,kBACA,6BAGF,kBACE,8BACA,6BACA,iBACA,kBACA,oCAGF,eACE,SACA,YACA,WACA,kBACA,SACA,WACA,0CAKF,kBACE,wDAGF,qBACE,qBACA,kBACA,uMAGF,gBAGE,qCAGF,kBACE,+CACA,CADA,2CACA,SACA,kBACA,sFACA,WAEA,eACA,qBACA,aACA,CAIA,gBAJA,oBACA,qBACA,0BACA,CADA,sBACA,mBAEA,4CAGF,8CACE,CADF,2CACE,sIACA,2CAKF,8CACE,CADF,2CACE,WACA,2CAGF,YACE,mBACA,6CAGF,QACE,6DAIA,6BADF,yBAEE,8DAIA,2BACA,CAFF,wBACE,CACA,gBACA,0CAGF,WACE,qBACA,kBACA,qCAQA,SACA,CANF,8CACE,CADF,2CACE,CACA,gCACA,CAFA,kBACA,CACA,uBACA,eACA,CACA,WACA,SACA,UACA,WACA,yCAGF,mBACE,4CAGF,8CACE,CADF,2CACE,kFACA,uEAIF,iBAEE,0HAGF,eAGE,8DACA,SACA,cACA,kBACA,YACA,sCAKA,UAFF,eACE,SAEA,yCAGF,QACE,gBACA,eACA,SACA,kBACA,8CAGF,kBACE,6CAGF,MACE,eACA,SACA,kBACA,kDAGF,kBACE,mIAGF,cAGE,cACA,YACA,gBACA,gBACA,0BACA,mBACA,qcAGF,kBASE,WACA,oDAIA,SACA,CAFF,cACE,CACA,mBACA,oBACA,sBACA,6KAGF,SAGE,wCAGF,wBACE,iCAGF,aACE,kEACA,eACA,YACA,OACA,kBACA,MACA,WACA,uCAGF,cACE,uCAGF,mBACE,CAMA,YACA,CAPA,aACA,qBACA,CADA,YACA,qJACA,eAGA,CACA,gBACA,gBACA,gBACA,sCACA,CADA,kCACA,qDAGF,YACE,oDAGF,eACE,wCAGF,aACE,eACA,eACA,kBACA,+BAGF,6BACE,CADF,wBACE,CADF,qBACE,qCACA,CADA,+BACA,CADA,4BACA,0CACA,kBACA,sBACA,oBACA,kCAGF,MACE,4BAEE,+BACA,SAGF,kBAEE,qBACA,EAbF,4BAGF,MACE,4BAEE,+BACA,SAGF,kBAEE,qBACA,EAbF,yBAGF,MACE,4BAEE,+BACA,SAGF,kBAEE,qBACA,8BAIJ,qBACE,CACA,QACA,CAFA,iBACA,CAEA,oCACA,CAFA,aACA,CACA,cACA,iBACA,gBACA,UACA,iBACA,2BACA,CADA,uBACA,qBACA,+BAGF,iBACE,iCAGF,eACE,iDAKA,WAFF,cACE,qBAEA,wDAGF,UACE,4CAMA,eACA,+CACA,CADA,2CACA,CAHF,iBACE,CAEA,kEACA,WACA,kBACA,eACA,cACA,aACA,kBACA,kCACA,oEAGF,UACE,0BACA,uEAGF,SACE,aAKF,UACE,iBAKF,UACE,aAKF,aACE,SAKF,aACE,cAKF,aACE,eAKF,aACE,eAKF,aACE,YAKF,aACE,YAKF,aACE,aAKF,aACE,cAKF,aACE,cAKF,aACE,UAKF,aACE,UAKF,aACE,aAKF,UAEE,sBACA,aACA,mBAKF,aACE,iBAGF,aACE,wDAGF,qBAEE,qBAMA,wBACA,CAFF,2BACE,CACA,kBACA,wBAMF,UACE,eACA,oBACA,iBACA,mBACA,0BAGF,UACE,iCAGF,UACE,gCAKF,0BACE,4CAKF,4BACE,iDAGF,eACE,SACA,WACA,kDAGF,SACE,wBAGF,+CACE,CADF,0CACE,CADF,uCACE,SACA,WACA,0BAGF,GACE,eACE,KAEF,eACE,IAEF,eACE,EAXF,oBAGF,GACE,eACE,KAEF,eACE,IAEF,eACE,EAXF,iBAGF,GACE,eACE,KAEF,eACE,IAEF,eACE,UASJ,oBACE,wBACA,mBAGF,0BACE,kBACA,2BAKF,UACE,wBAGF,UACE,0BAGF,UACE,uBAGF,UACE,8BASF,UACE,8BAGF,UACE,2BAGF,UACE,0BAGF,UACE,4BAGF,UACE,CAIA,mDAGF,UACE,2BAGF,UACE,2BAGF,UACE,uBAGF,UACE,6BAGF,UACE,0BAGF,UACE,yBAGF,UACE,sBAGF,UACE,wBAGF,UACE,cAGF,UACE,cAGF,UACE,uBAGF,eAEE,QAGF,iBACE,UAGF,yBACE,mBAGF,4BACE,CAIA,wCAGF,SACE,uBAGF,uBACE,gDAKF,UACE,mDAGF,UACE,yBAGF,6BACE,mCAGF,kBACE,aAQF,eACE,gBACA,kBACA,oBAGF,WACE,oBAGA,mBACA,aACA,0BACA,oBACA,kBACA,mBAGF,mCACE,kBACA,sGAOF,YAIE,kBACA,UACA,wBAGF,iBACE,kBACA,QACA,MACA,wBAGF,QACE,OACA,kBACA,kBACA,8BAIA,SADF,OAEE,2BAIA,SADF,MAEE,qBAKA,MACA,CAHF,eACE,kBACA,CACA,KACA,UACA,oBAGF,oBACE,YACA,oBACA,mBACA,mBACA,4BAGF,yBACE,sBACA,kBACA,UACA,+BAKA,QACA,CAHF,iBACE,MACA,CACA,SACA,wBAGF,cACE,kBACA,UACA,4BAGF,wBACE,CADF,gBACE,mBAGF,WACE,eACA,iBAGF,yCACE,CAaA,gBACA,CAdA,sBAEA,gBACA,eACA,cACA,oBACA,kBACA,oCACA,CADA,2BACA,oBACA,SACA,iBACA,kBACA,gBACA,CACA,SACA,sBAGF,oBACE,qBACA,kBACA,4BAOA,QACA,CAJA,MACA,CAFF,iBACE,CACA,OACA,MACA,CACA,SACA,wBAGF,aACE,kBACA,UACA,kBAMF,YACE,oGAKF,sBAKE,qBAGF,QACE,gBACA,kBACA,kBACA,WACA,oBAGF,iBACE,yBAGF,eACE,wBAGF,iBACE,kBACA,UACA,CAIA,sEAGF,kBACE,sBAGF,kBACE,0CAGF,kBACE,uBAGF,gBACE,oGAGF,kBAGE,mHAGF,kBAGE,eAGF,eACE,8BACA,kBAKF,kBACE,cAGF,mCAEE,iBACE,0BAMJ,UACE,8BAKF,eACE,oBAGF,kBACE,cACA,OACA,CACA,eACA,kBACA,kBACA,CAJA,OACA,CAGA,UACA,wBAGF,4BACE,MACA,2BAGF,yBACE,SACA,0BAGF,sBACE,yBACA,cACA,sBACA,aACA,WACA,2BAGF,aACE,wBAGF,UACE,eACA,kBACA,eACA,oFACA,wBAGF,UACE,2DAEF,cAEE,mCAEF,WACE,qCAEF,WACE,kBAGF,eACE,kBACA,qCACA,sBACA,WACA,qJACA,eAGA,iBACA,gBACA,gBACA,UACA,gBACA,YACA,eACA,2BACA,CADA,uBACA,WACA,+BAGF,YACE,8BAGF,eACE,oBAGF,YACE,oCAGF,UACE,iBACA,eACA,gBACA,gBACA,oCAGF,kBACE,wCACA,cACA,iBACA,CACA,oBACA,gBACA,gBACA,YACA,0CAGF,aACE,eACA,cACA,cACA,gBACA,mBACA,cACA,mBACA,yBACA,yBACA,CADA,gBACA,4CAGF,YACE,oBAGF,oBACE,0BAGF,yBACE,6BAGF,aACE,8BAGF,aACE,8BAGF,aACE,4BAGF,aACE,kCAGF,aACE,wBAIA,eADF,yBAEE,0BAIF,UACE,0BAEF,+BACE,CACA,qBACA,CAFA,6BACA,CACA,cACA,sBACA,eACA,gBACA,UACA,gBACA,gBACA,eACA,0BACA,CADA,sBACA,qBACA,YACA,2DAEF,0BAEE,2BACA,6BAEF,gTAWE,+BAEA,4UAYA,+DAEF,uBAEE,4BAEF,gDACE,wCACA,4EAGA,uBAKI,CAAJ,2BAEA,gYASA,kEAEA,oWAaA,sPACE,8BAKF,4BACA,0EACA,2BAEA,+CAGA,kCAEA,+BAGA,sBAGF,8BACE,8CAGA,0CAGA,uCAIF,CASE,mCAEA,CALF,kBACE,CAEA,kCAEA,qBAGF,8BACE,sBACA,WACA,6BAGF,iCACE,uBACA,oCACA,oIACA,yBAGA,sBAEA,iCAEA,0BACA,2DAKA,4BAEA,yBACA,oBACA,eACA,qCAEA,kEACA,gBAGF,eACE,2BAGF,gBACE,4CAIA,sFAGF,yBAEE,gCACA,CACA,0CAEA,qBACA,kCACA,wFAGF,kBAEE,UACA,0CAEA,8BACA,oCACA,+CACA,wCACA,cAGF,qJAME,eACA,iBAEA,eACA,4CAGF,iDAIA,6BACE,2CAEA,mBACA,cACA,mBACA,yBACA,6FAEA,sDAIA,qJAQA,cACA,qBACA,aACA,YACA,iBACA,sCAGF,yBACE,2GAGF,QAEE,0DAGF,CACE,2CACA,gDAGF,iBACE,2DAQA,sBALF,aACE,gBAIA,iBAJA,yCAGF,4BACE,6GAGF,mFAKE,6BACA,4CACA,mBACA,kBACA,iCACA,4BAGA,yBACA,oJAMA,qBACA,6DACA,CACA,mCACA,6DAIA,eAGF,0HAME,YACA,8CAEA,cACA,CADA,oBACA,oDAIA,yBACA,yDAIA,cAIA,wDAIA,4LAWA,oDAOF,CAEE,qBAFF,cACE,CACA,gEADA,mBACA,mBAGF,cAGE,YANA,sD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","sources":["webpack:///../../../../../node_modules/graphiql/graphiql.css","webpack:///./graphiql.scss","webpack:///../../../../../packages/craftcms-sass/_mixins.scss"],"sourcesContent":[".graphiql-container,\n.graphiql-container button,\n.graphiql-container input {\n color: #141823;\n font-family: system, -apple-system, 'San Francisco', '.SFNSDisplay-Regular',\n 'Segoe UI', Segoe, 'Segoe WP', 'Helvetica Neue', helvetica, 'Lucida Grande',\n arial, sans-serif;\n font-size: 14px;\n}\n\n.graphiql-container {\n display: flex;\n flex-direction: row;\n height: 100%;\n margin: 0;\n overflow: hidden;\n width: 100%;\n}\n\n.graphiql-container .editorWrap {\n display: flex;\n flex-direction: column;\n flex: 1;\n overflow-x: hidden;\n}\n\n.graphiql-container .title {\n font-size: 18px;\n}\n\n.graphiql-container .title em {\n font-family: georgia;\n font-size: 19px;\n}\n\n.graphiql-container .topBarWrap {\n display: flex;\n flex-direction: row;\n}\n\n.graphiql-container .topBar {\n align-items: center;\n background: linear-gradient(#f7f7f7, #e2e2e2);\n border-bottom: 1px solid #d0d0d0;\n cursor: default;\n display: flex;\n flex-direction: row;\n flex: 1;\n height: 34px;\n overflow-y: visible;\n padding: 7px 14px 6px;\n user-select: none;\n}\n\n.graphiql-container .toolbar {\n overflow-x: visible;\n display: flex;\n}\n\n.graphiql-container .docExplorerShow,\n.graphiql-container .historyShow {\n background: linear-gradient(#f7f7f7, #e2e2e2);\n border-radius: 0;\n border-bottom: 1px solid #d0d0d0;\n border-right: none;\n border-top: none;\n color: #3b5998;\n cursor: pointer;\n font-size: 14px;\n margin: 0;\n padding: 2px 20px 0 18px;\n}\n\n.graphiql-container .docExplorerShow {\n border-left: 1px solid rgba(0, 0, 0, 0.2);\n}\n\n.graphiql-container .historyShow {\n border-right: 1px solid rgba(0, 0, 0, 0.2);\n border-left: 0;\n}\n\n.graphiql-container .docExplorerShow:before {\n border-left: 2px solid #3b5998;\n border-top: 2px solid #3b5998;\n content: '';\n display: inline-block;\n height: 9px;\n margin: 0 3px -1px 0;\n position: relative;\n transform: rotate(-45deg);\n width: 9px;\n}\n\n.graphiql-container .editorBar {\n display: flex;\n flex-direction: row;\n flex: 1;\n max-height: 100%;\n}\n\n.graphiql-container .queryWrap {\n display: flex;\n flex-direction: column;\n flex: 1;\n}\n\n.graphiql-container .resultWrap {\n border-left: solid 1px #e0e0e0;\n display: flex;\n flex-direction: column;\n flex: 1;\n flex-basis: 1em;\n position: relative;\n}\n\n.graphiql-container .docExplorerWrap,\n.graphiql-container .historyPaneWrap {\n background: white;\n box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);\n position: relative;\n z-index: 3;\n}\n\n.graphiql-container .historyPaneWrap {\n min-width: 230px;\n z-index: 5;\n}\n\n.graphiql-container .docExplorerResizer {\n cursor: col-resize;\n height: 100%;\n left: -5px;\n position: absolute;\n top: 0;\n width: 10px;\n z-index: 10;\n}\n\n.graphiql-container .docExplorerHide {\n cursor: pointer;\n font-size: 18px;\n margin: -7px -8px -6px 0;\n padding: 18px 16px 15px 12px;\n background: 0;\n border: 0;\n line-height: 14px;\n}\n\n.graphiql-container div .query-editor {\n flex: 1;\n position: relative;\n}\n\n.graphiql-container .secondary-editor {\n display: flex;\n flex-direction: column;\n height: 30px;\n position: relative;\n}\n\n.graphiql-container .secondary-editor-title {\n background: #eeeeee;\n border-bottom: 1px solid #d6d6d6;\n border-top: 1px solid #e0e0e0;\n color: #777;\n font-variant: small-caps;\n font-weight: bold;\n letter-spacing: 1px;\n line-height: 14px;\n padding: 6px 0 8px 43px;\n text-transform: lowercase;\n user-select: none;\n}\n\n.graphiql-container .codemirrorWrap {\n flex: 1;\n height: 100%;\n position: relative;\n}\n\n.graphiql-container .result-window {\n flex: 1;\n height: 100%;\n position: relative;\n}\n\n.graphiql-container .footer {\n background: #f6f7f8;\n border-left: 1px solid #e0e0e0;\n border-top: 1px solid #e0e0e0;\n margin-left: 12px;\n position: relative;\n}\n\n.graphiql-container .footer:before {\n background: #eeeeee;\n bottom: 0;\n content: ' ';\n left: -13px;\n position: absolute;\n top: -1px;\n width: 12px;\n}\n\n/* No `.graphiql-container` here so themes can overwrite */\n\n.result-window .CodeMirror.cm-s-graphiql {\n background: #f6f7f8;\n}\n\n.graphiql-container .result-window .CodeMirror-gutters {\n background-color: #eeeeee;\n border-color: #e0e0e0;\n cursor: col-resize;\n}\n\n.graphiql-container .result-window .CodeMirror-foldgutter,\n.graphiql-container .result-window .CodeMirror-foldgutter-open:after,\n.graphiql-container .result-window .CodeMirror-foldgutter-folded:after {\n padding-left: 3px;\n}\n\n.graphiql-container .toolbar-button {\n background: #fdfdfd;\n background: linear-gradient(#f9f9f9, #ececec);\n border: 0;\n border-radius: 3px;\n box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2),\n 0 1px 0 rgba(255, 255, 255, 0.7), inset 0 1px #fff;\n color: #555;\n cursor: pointer;\n display: inline-block;\n margin: 0 5px;\n padding: 3px 11px 5px;\n text-decoration: none;\n text-overflow: ellipsis;\n white-space: nowrap;\n max-width: 150px;\n}\n\n.graphiql-container .toolbar-button:active {\n background: linear-gradient(#ececec, #d5d5d5);\n box-shadow: 0 1px 0 rgba(255, 255, 255, 0.7),\n inset 0 0 0 1px rgba(0, 0, 0, 0.1), inset 0 1px 1px 1px rgba(0, 0, 0, 0.12),\n inset 0 0 5px rgba(0, 0, 0, 0.1);\n}\n\n.graphiql-container .toolbar-button.error {\n background: linear-gradient(#fdf3f3, #e6d6d7);\n color: #b00;\n}\n\n.graphiql-container .toolbar-button-group {\n margin: 0 5px;\n white-space: nowrap;\n}\n\n.graphiql-container .toolbar-button-group > * {\n margin: 0;\n}\n\n.graphiql-container .toolbar-button-group > *:not(:last-child) {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n\n.graphiql-container .toolbar-button-group > *:not(:first-child) {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n margin-left: -1px;\n}\n\n.graphiql-container .execute-button-wrap {\n height: 34px;\n margin: 0 14px 0 28px;\n position: relative;\n}\n\n.graphiql-container .execute-button {\n background: linear-gradient(#fdfdfd, #d2d3d6);\n border-radius: 17px;\n border: 1px solid rgba(0, 0, 0, 0.25);\n box-shadow: 0 1px 0 #fff;\n cursor: pointer;\n fill: #444;\n height: 34px;\n margin: 0;\n padding: 0;\n width: 34px;\n}\n\n.graphiql-container .execute-button svg {\n pointer-events: none;\n}\n\n.graphiql-container .execute-button:active {\n background: linear-gradient(#e6e6e6, #c3c3c3);\n box-shadow: 0 1px 0 #fff, inset 0 0 2px rgba(0, 0, 0, 0.2),\n inset 0 0 6px rgba(0, 0, 0, 0.1);\n}\n\n.graphiql-container .toolbar-menu,\n.graphiql-container .toolbar-select {\n position: relative;\n}\n\n.graphiql-container .execute-options,\n.graphiql-container .toolbar-menu-items,\n.graphiql-container .toolbar-select-options {\n background: #fff;\n box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.25);\n margin: 0;\n padding: 6px 0;\n position: absolute;\n z-index: 100;\n}\n\n.graphiql-container .execute-options {\n min-width: 100px;\n top: 37px;\n left: -1px;\n}\n\n.graphiql-container .toolbar-menu-items {\n left: 1px;\n margin-top: -1px;\n min-width: 110%;\n top: 100%;\n visibility: hidden;\n}\n\n.graphiql-container .toolbar-menu-items.open {\n visibility: visible;\n}\n\n.graphiql-container .toolbar-select-options {\n left: 0;\n min-width: 100%;\n top: -5px;\n visibility: hidden;\n}\n\n.graphiql-container .toolbar-select-options.open {\n visibility: visible;\n}\n\n.graphiql-container .execute-options > li,\n.graphiql-container .toolbar-menu-items > li,\n.graphiql-container .toolbar-select-options > li {\n cursor: pointer;\n display: block;\n margin: none;\n max-width: 300px;\n overflow: hidden;\n padding: 2px 20px 4px 11px;\n white-space: nowrap;\n}\n\n.graphiql-container .execute-options > li.selected,\n.graphiql-container .toolbar-menu-items > li.hover,\n.graphiql-container .toolbar-menu-items > li:active,\n.graphiql-container .toolbar-menu-items > li:hover,\n.graphiql-container .toolbar-select-options > li.hover,\n.graphiql-container .toolbar-select-options > li:active,\n.graphiql-container .toolbar-select-options > li:hover,\n.graphiql-container .history-contents > li:hover,\n.graphiql-container .history-contents > li:active {\n background: #e10098;\n color: #fff;\n}\n\n.graphiql-container .toolbar-select-options > li > svg {\n display: inline;\n fill: #666;\n margin: 0 -6px 0 6px;\n pointer-events: none;\n vertical-align: middle;\n}\n\n.graphiql-container .toolbar-select-options > li.hover > svg,\n.graphiql-container .toolbar-select-options > li:active > svg,\n.graphiql-container .toolbar-select-options > li:hover > svg {\n fill: #fff;\n}\n\n.graphiql-container .CodeMirror-scroll {\n overflow-scrolling: touch;\n}\n\n.graphiql-container .CodeMirror {\n color: #141823;\n font-family: 'Consolas', 'Inconsolata', 'Droid Sans Mono', 'Monaco', monospace;\n font-size: 13px;\n height: 100%;\n left: 0;\n position: absolute;\n top: 0;\n width: 100%;\n}\n\n.graphiql-container .CodeMirror-lines {\n padding: 20px 0;\n}\n\n.CodeMirror-hint-information .content {\n box-orient: vertical;\n color: #141823;\n display: flex;\n font-family: system, -apple-system, 'San Francisco', '.SFNSDisplay-Regular',\n 'Segoe UI', Segoe, 'Segoe WP', 'Helvetica Neue', helvetica, 'Lucida Grande',\n arial, sans-serif;\n font-size: 13px;\n line-clamp: 3;\n line-height: 16px;\n max-height: 48px;\n overflow: hidden;\n text-overflow: -o-ellipsis-lastline;\n}\n\n.CodeMirror-hint-information .content p:first-child {\n margin-top: 0;\n}\n\n.CodeMirror-hint-information .content p:last-child {\n margin-bottom: 0;\n}\n\n.CodeMirror-hint-information .infoType {\n color: #ca9800;\n cursor: pointer;\n display: inline;\n margin-right: 0.5em;\n}\n\n.autoInsertedLeaf.cm-property {\n animation-duration: 6s;\n animation-name: insertionFade;\n border-bottom: 2px solid rgba(255, 255, 255, 0);\n border-radius: 2px;\n margin: -2px -4px -1px;\n padding: 2px 4px 1px;\n}\n\n@keyframes insertionFade {\n from,\n to {\n background: rgba(255, 255, 255, 0);\n border-color: rgba(255, 255, 255, 0);\n }\n\n 15%,\n 85% {\n background: #fbffc9;\n border-color: #f0f3c0;\n }\n}\n\ndiv.CodeMirror-lint-tooltip {\n background-color: white;\n border-radius: 2px;\n border: 0;\n color: #141823;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);\n font-size: 13px;\n line-height: 16px;\n max-width: 430px;\n opacity: 0;\n padding: 8px 10px;\n transition: opacity 0.15s;\n white-space: pre-wrap;\n}\n\ndiv.CodeMirror-lint-tooltip > * {\n padding-left: 23px;\n}\n\ndiv.CodeMirror-lint-tooltip > * + * {\n margin-top: 12px;\n}\n\n.graphiql-container .variable-editor-title-text {\n cursor: pointer;\n display: inline-block;\n color: gray;\n}\n\n.graphiql-container .variable-editor-title-text.active {\n color: #000;\n}\n\n/* COLORS */\n\n.graphiql-container .CodeMirror-foldmarker {\n border-radius: 4px;\n background: #08f;\n background: linear-gradient(#43a8ff, #0f83e8);\n box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.1);\n color: white;\n font-family: arial;\n font-size: 12px;\n line-height: 0;\n margin: 0 3px;\n padding: 0px 4px 1px;\n text-shadow: 0 -1px rgba(0, 0, 0, 0.1);\n}\n\n.graphiql-container div.CodeMirror span.CodeMirror-matchingbracket {\n color: #555;\n text-decoration: underline;\n}\n\n.graphiql-container div.CodeMirror span.CodeMirror-nonmatchingbracket {\n color: #f00;\n}\n\n/* Comment */\n\n.cm-comment {\n color: #666;\n}\n\n/* Punctuation */\n\n.cm-punctuation {\n color: #555;\n}\n\n/* Keyword */\n\n.cm-keyword {\n color: #b11a04;\n}\n\n/* OperationName, FragmentName */\n\n.cm-def {\n color: #d2054e;\n}\n\n/* FieldName */\n\n.cm-property {\n color: #1f61a0;\n}\n\n/* FieldAlias */\n\n.cm-qualifier {\n color: #1c92a9;\n}\n\n/* ArgumentName and ObjectFieldName */\n\n.cm-attribute {\n color: #8b2bb9;\n}\n\n/* Number */\n\n.cm-number {\n color: #2882f9;\n}\n\n/* String */\n\n.cm-string {\n color: #d64292;\n}\n\n/* Boolean */\n\n.cm-builtin {\n color: #d47509;\n}\n\n/* EnumValue */\n\n.cm-string-2 {\n color: #0b7fc7;\n}\n\n/* Variable */\n\n.cm-variable {\n color: #397d13;\n}\n\n/* Directive */\n\n.cm-meta {\n color: #b33086;\n}\n\n/* Type */\n\n.cm-atom {\n color: #ca9800;\n}\n\n/* BASICS */\n\n.CodeMirror {\n /* Set height, width, borders, and global font properties here */\n color: black;\n font-family: monospace;\n height: 300px;\n}\n\n/* PADDING */\n\n.CodeMirror-lines {\n padding: 4px 0; /* Vertical padding around content */\n}\n\n.CodeMirror pre {\n padding: 0 4px; /* Horizontal padding of content */\n}\n\n.CodeMirror-scrollbar-filler,\n.CodeMirror-gutter-filler {\n background-color: white; /* The little square between H and V scrollbars */\n}\n\n/* GUTTER */\n\n.CodeMirror-gutters {\n border-right: 1px solid #ddd;\n background-color: #f7f7f7;\n white-space: nowrap;\n}\n\n.CodeMirror-linenumbers {\n}\n\n.CodeMirror-linenumber {\n color: #666;\n min-width: 20px;\n padding: 0 3px 0 5px;\n text-align: right;\n white-space: nowrap;\n}\n\n.CodeMirror-guttermarker {\n color: black;\n}\n\n.CodeMirror-guttermarker-subtle {\n color: #666;\n}\n\n/* CURSOR */\n\n.CodeMirror .CodeMirror-cursor {\n border-left: 1px solid black;\n}\n\n/* Shown when moving in bi-directional text */\n\n.CodeMirror div.CodeMirror-secondarycursor {\n border-left: 1px solid silver;\n}\n\n.CodeMirror.cm-fat-cursor div.CodeMirror-cursor {\n background: #7e7;\n border: 0;\n width: auto;\n}\n\n.CodeMirror.cm-fat-cursor div.CodeMirror-cursors {\n z-index: 1;\n}\n\n.cm-animate-fat-cursor {\n animation: blink 1.06s steps(1) infinite;\n border: 0;\n width: auto;\n}\n\n@keyframes blink {\n 0% {\n background: #7e7;\n }\n 50% {\n background: none;\n }\n 100% {\n background: #7e7;\n }\n}\n\n/* Can style cursor different in overwrite (non-insert) mode */\n\ndiv.CodeMirror-overwrite div.CodeMirror-cursor {\n}\n\n.cm-tab {\n display: inline-block;\n text-decoration: inherit;\n}\n\n.CodeMirror-ruler {\n border-left: 1px solid #ccc;\n position: absolute;\n}\n\n/* DEFAULT THEME */\n\n.cm-s-default .cm-keyword {\n color: #708;\n}\n\n.cm-s-default .cm-atom {\n color: #219;\n}\n\n.cm-s-default .cm-number {\n color: #164;\n}\n\n.cm-s-default .cm-def {\n color: #00f;\n}\n\n.cm-s-default .cm-variable,\n.cm-s-default .cm-punctuation,\n.cm-s-default .cm-property,\n.cm-s-default .cm-operator {\n}\n\n.cm-s-default .cm-variable-2 {\n color: #05a;\n}\n\n.cm-s-default .cm-variable-3 {\n color: #085;\n}\n\n.cm-s-default .cm-comment {\n color: #a50;\n}\n\n.cm-s-default .cm-string {\n color: #a11;\n}\n\n.cm-s-default .cm-string-2 {\n color: #f50;\n}\n\n.cm-s-default .cm-meta {\n color: #555;\n}\n\n.cm-s-default .cm-qualifier {\n color: #555;\n}\n\n.cm-s-default .cm-builtin {\n color: #30a;\n}\n\n.cm-s-default .cm-bracket {\n color: #666;\n}\n\n.cm-s-default .cm-tag {\n color: #170;\n}\n\n.cm-s-default .cm-attribute {\n color: #00c;\n}\n\n.cm-s-default .cm-header {\n color: blue;\n}\n\n.cm-s-default .cm-quote {\n color: #090;\n}\n\n.cm-s-default .cm-hr {\n color: #666;\n}\n\n.cm-s-default .cm-link {\n color: #00c;\n}\n\n.cm-negative {\n color: #d44;\n}\n\n.cm-positive {\n color: #292;\n}\n\n.cm-header,\n.cm-strong {\n font-weight: bold;\n}\n\n.cm-em {\n font-style: italic;\n}\n\n.cm-link {\n text-decoration: underline;\n}\n\n.cm-strikethrough {\n text-decoration: line-through;\n}\n\n.cm-s-default .cm-error {\n color: #f00;\n}\n\n.cm-invalidchar {\n color: #f00;\n}\n\n.CodeMirror-composing {\n border-bottom: 2px solid;\n}\n\n/* Default styles for common addons */\n\ndiv.CodeMirror span.CodeMirror-matchingbracket {\n color: #0f0;\n}\n\ndiv.CodeMirror span.CodeMirror-nonmatchingbracket {\n color: #f22;\n}\n\n.CodeMirror-matchingtag {\n background: rgba(255, 150, 0, 0.3);\n}\n\n.CodeMirror-activeline-background {\n background: #e8f2ff;\n}\n\n/* STOP */\n\n/* The rest of this file contains styles related to the mechanics of\n the editor. You probably shouldn't touch them. */\n\n.CodeMirror {\n background: white;\n overflow: hidden;\n position: relative;\n}\n\n.CodeMirror-scroll {\n height: 100%;\n /* 30px is the magic margin used to hide the element's real scrollbars */\n /* See overflow: hidden in .CodeMirror */\n margin-bottom: -30px;\n margin-right: -30px;\n outline: none; /* Prevent dragging from highlighting the element */\n overflow: scroll !important; /* Things will break if this is overridden */\n padding-bottom: 30px;\n position: relative;\n}\n\n.CodeMirror-sizer {\n border-right: 30px solid transparent;\n position: relative;\n}\n\n/* The fake, visible scrollbars. Used to force redraw during scrolling\n before actual scrolling happens, thus preventing shaking and\n flickering artifacts. */\n\n.CodeMirror-vscrollbar,\n.CodeMirror-hscrollbar,\n.CodeMirror-scrollbar-filler,\n.CodeMirror-gutter-filler {\n display: none;\n position: absolute;\n z-index: 6;\n}\n\n.CodeMirror-vscrollbar {\n overflow-x: hidden;\n overflow-y: scroll;\n right: 0;\n top: 0;\n}\n\n.CodeMirror-hscrollbar {\n bottom: 0;\n left: 0;\n overflow-x: scroll;\n overflow-y: hidden;\n}\n\n.CodeMirror-scrollbar-filler {\n right: 0;\n bottom: 0;\n}\n\n.CodeMirror-gutter-filler {\n left: 0;\n bottom: 0;\n}\n\n.CodeMirror-gutters {\n min-height: 100%;\n position: absolute;\n left: 0;\n top: 0;\n z-index: 3;\n}\n\n.CodeMirror-gutter {\n display: inline-block;\n height: 100%;\n margin-bottom: -30px;\n vertical-align: top;\n white-space: normal;\n}\n\n.CodeMirror-gutter-wrapper {\n background: none !important;\n border: none !important;\n position: absolute;\n z-index: 4;\n}\n\n.CodeMirror-gutter-background {\n position: absolute;\n top: 0;\n bottom: 0;\n z-index: 4;\n}\n\n.CodeMirror-gutter-elt {\n cursor: default;\n position: absolute;\n z-index: 4;\n}\n\n.CodeMirror-gutter-wrapper {\n user-select: none;\n}\n\n.CodeMirror-lines {\n cursor: text;\n min-height: 1px; /* prevents collapsing before first draw */\n}\n\n.CodeMirror pre {\n -webkit-tap-highlight-color: transparent;\n /* Reset some styles that the rest of the page might have set */\n background: transparent;\n border-radius: 0;\n border-width: 0;\n color: inherit;\n font-family: inherit;\n font-size: inherit;\n font-variant-ligatures: none;\n line-height: inherit;\n margin: 0;\n overflow: visible;\n position: relative;\n white-space: pre;\n word-wrap: normal;\n z-index: 2;\n}\n\n.CodeMirror-wrap pre {\n word-wrap: break-word;\n white-space: pre-wrap;\n word-break: normal;\n}\n\n.CodeMirror-linebackground {\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n z-index: 0;\n}\n\n.CodeMirror-linewidget {\n overflow: auto;\n position: relative;\n z-index: 2;\n}\n\n.CodeMirror-widget {\n}\n\n.CodeMirror-code {\n outline: none;\n}\n\n/* Force content-box sizing for the elements where we expect it */\n\n.CodeMirror-scroll,\n.CodeMirror-sizer,\n.CodeMirror-gutter,\n.CodeMirror-gutters,\n.CodeMirror-linenumber {\n box-sizing: content-box;\n}\n\n.CodeMirror-measure {\n height: 0;\n overflow: hidden;\n position: absolute;\n visibility: hidden;\n width: 100%;\n}\n\n.CodeMirror-cursor {\n position: absolute;\n}\n\n.CodeMirror-measure pre {\n position: static;\n}\n\ndiv.CodeMirror-cursors {\n position: relative;\n visibility: hidden;\n z-index: 3;\n}\n\ndiv.CodeMirror-dragcursors {\n visibility: visible;\n}\n\n.CodeMirror-focused div.CodeMirror-cursors {\n visibility: visible;\n}\n\n.CodeMirror-selected {\n background: #d9d9d9;\n}\n\n.CodeMirror-focused .CodeMirror-selected {\n background: #d7d4f0;\n}\n\n.CodeMirror-crosshair {\n cursor: crosshair;\n}\n\n.CodeMirror-line::selection,\n.CodeMirror-line > span::selection,\n.CodeMirror-line > span > span::selection {\n background: #d7d4f0;\n}\n\n.CodeMirror-line::-moz-selection,\n.CodeMirror-line > span::-moz-selection,\n.CodeMirror-line > span > span::-moz-selection {\n background: #d7d4f0;\n}\n\n.cm-searching {\n background: #ffa;\n background: rgba(255, 255, 0, 0.4);\n}\n\n/* Used to force a border model for a node */\n\n.cm-force-border {\n padding-right: 0.1px;\n}\n\n@media print {\n /* Hide the cursor when printing */\n .CodeMirror div.CodeMirror-cursors {\n visibility: hidden;\n }\n}\n\n/* See issue #2901 */\n\n.cm-tab-wrap-hack:after {\n content: '';\n}\n\n/* Help users use markselection to safely style text background */\n\nspan.CodeMirror-selectedtext {\n background: none;\n}\n\n.CodeMirror-dialog {\n background: inherit;\n color: inherit;\n left: 0;\n right: 0;\n overflow: hidden;\n padding: 0.1em 0.8em;\n position: absolute;\n z-index: 15;\n}\n\n.CodeMirror-dialog-top {\n border-bottom: 1px solid #eee;\n top: 0;\n}\n\n.CodeMirror-dialog-bottom {\n border-top: 1px solid #eee;\n bottom: 0;\n}\n\n.CodeMirror-dialog input {\n background: transparent;\n border: 1px solid #d3d6db;\n color: inherit;\n font-family: monospace;\n outline: none;\n width: 20em;\n}\n\n.CodeMirror-dialog button {\n font-size: 70%;\n}\n\n.CodeMirror-foldmarker {\n color: blue;\n cursor: pointer;\n font-family: arial;\n line-height: 0.3;\n text-shadow: #b9f 1px 1px 2px, #b9f -1px -1px 2px, #b9f 1px -1px 2px,\n #b9f -1px 1px 2px;\n}\n.CodeMirror-foldgutter {\n width: 0.7em;\n}\n.CodeMirror-foldgutter-open,\n.CodeMirror-foldgutter-folded {\n cursor: pointer;\n}\n.CodeMirror-foldgutter-open:after {\n content: '\\25BE';\n}\n.CodeMirror-foldgutter-folded:after {\n content: '\\25B8';\n}\n\n.CodeMirror-info {\n background: white;\n border-radius: 2px;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);\n box-sizing: border-box;\n color: #555;\n font-family: system, -apple-system, 'San Francisco', '.SFNSDisplay-Regular',\n 'Segoe UI', Segoe, 'Segoe WP', 'Helvetica Neue', helvetica, 'Lucida Grande',\n arial, sans-serif;\n font-size: 13px;\n line-height: 16px;\n margin: 8px -8px;\n max-width: 400px;\n opacity: 0;\n overflow: hidden;\n padding: 8px 8px;\n position: fixed;\n transition: opacity 0.15s;\n z-index: 50;\n}\n\n.CodeMirror-info :first-child {\n margin-top: 0;\n}\n\n.CodeMirror-info :last-child {\n margin-bottom: 0;\n}\n\n.CodeMirror-info p {\n margin: 1em 0;\n}\n\n.CodeMirror-info .info-description {\n color: #777;\n line-height: 16px;\n margin-top: 1em;\n max-height: 80px;\n overflow: hidden;\n}\n\n.CodeMirror-info .info-deprecation {\n background: #fffae8;\n box-shadow: inset 0 1px 1px -1px #bfb063;\n color: #867f70;\n line-height: 16px;\n margin: -8px;\n margin-top: 8px;\n max-height: 80px;\n overflow: hidden;\n padding: 8px;\n}\n\n.CodeMirror-info .info-deprecation-label {\n color: #c79b2e;\n cursor: default;\n display: block;\n font-size: 9px;\n font-weight: bold;\n letter-spacing: 1px;\n line-height: 1;\n padding-bottom: 5px;\n text-transform: uppercase;\n user-select: none;\n}\n\n.CodeMirror-info .info-deprecation-label + * {\n margin-top: 0;\n}\n\n.CodeMirror-info a {\n text-decoration: none;\n}\n\n.CodeMirror-info a:hover {\n text-decoration: underline;\n}\n\n.CodeMirror-info .type-name {\n color: #ca9800;\n}\n\n.CodeMirror-info .field-name {\n color: #1f61a0;\n}\n\n.CodeMirror-info .enum-value {\n color: #0b7fc7;\n}\n\n.CodeMirror-info .arg-name {\n color: #8b2bb9;\n}\n\n.CodeMirror-info .directive-name {\n color: #b33086;\n}\n\n.CodeMirror-jump-token {\n text-decoration: underline;\n cursor: pointer;\n}\n\n/* The lint marker gutter */\n.CodeMirror-lint-markers {\n width: 16px;\n}\n.CodeMirror-lint-tooltip {\n background-color: infobackground;\n border-radius: 4px 4px 4px 4px;\n border: 1px solid black;\n color: infotext;\n font-family: monospace;\n font-size: 10pt;\n max-width: 600px;\n opacity: 0;\n overflow: hidden;\n padding: 2px 5px;\n position: fixed;\n transition: opacity 0.4s;\n white-space: pre-wrap;\n z-index: 100;\n}\n.CodeMirror-lint-mark-error,\n.CodeMirror-lint-mark-warning {\n background-position: left bottom;\n background-repeat: repeat-x;\n}\n.CodeMirror-lint-mark-error {\n background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJDw4cOCW1/KIAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAHElEQVQI12NggIL/DAz/GdA5/xkY/qPKMDAwAADLZwf5rvm+LQAAAABJRU5ErkJggg==');\n}\n.CodeMirror-lint-mark-warning {\n background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJFhQXEbhTg7YAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAMklEQVQI12NkgIIvJ3QXMjAwdDN+OaEbysDA4MPAwNDNwMCwiOHLCd1zX07o6kBVGQEAKBANtobskNMAAAAASUVORK5CYII=');\n}\n.CodeMirror-lint-marker-error,\n.CodeMirror-lint-marker-warning {\n background-position: center center;\n background-repeat: no-repeat;\n cursor: pointer;\n display: inline-block;\n height: 16px;\n position: relative;\n vertical-align: middle;\n width: 16px;\n}\n.CodeMirror-lint-message-error,\n.CodeMirror-lint-message-warning {\n background-position: top left;\n background-repeat: no-repeat;\n padding-left: 18px;\n}\n.CodeMirror-lint-marker-error,\n.CodeMirror-lint-message-error {\n background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAHlBMVEW7AAC7AACxAAC7AAC7AAAAAAC4AAC5AAD///+7AAAUdclpAAAABnRSTlMXnORSiwCK0ZKSAAAATUlEQVR42mWPOQ7AQAgDuQLx/z8csYRmPRIFIwRGnosRrpamvkKi0FTIiMASR3hhKW+hAN6/tIWhu9PDWiTGNEkTtIOucA5Oyr9ckPgAWm0GPBog6v4AAAAASUVORK5CYII=');\n}\n.CodeMirror-lint-marker-warning,\n.CodeMirror-lint-message-warning {\n background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAANlBMVEX/uwDvrwD/uwD/uwD/uwD/uwD/uwD/uwD/uwD6twD/uwAAAADurwD2tQD7uAD+ugAAAAD/uwDhmeTRAAAADHRSTlMJ8mN1EYcbmiixgACm7WbuAAAAVklEQVR42n3PUQqAIBBFUU1LLc3u/jdbOJoW1P08DA9Gba8+YWJ6gNJoNYIBzAA2chBth5kLmG9YUoG0NHAUwFXwO9LuBQL1giCQb8gC9Oro2vp5rncCIY8L8uEx5ZkAAAAASUVORK5CYII=');\n}\n.CodeMirror-lint-marker-multiple {\n background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAMAAADzjKfhAAAACVBMVEUAAAAAAAC/v7914kyHAAAAAXRSTlMAQObYZgAAACNJREFUeNo1ioEJAAAIwmz/H90iFFSGJgFMe3gaLZ0od+9/AQZ0ADosbYraAAAAAElFTkSuQmCC');\n background-position: right bottom;\n background-repeat: no-repeat;\n width: 100%;\n height: 100%;\n}\n\n.graphiql-container .spinner-container {\n height: 36px;\n left: 50%;\n position: absolute;\n top: 50%;\n transform: translate(-50%, -50%);\n width: 36px;\n z-index: 10;\n}\n\n.graphiql-container .spinner {\n animation: rotation 0.6s infinite linear;\n border-bottom: 6px solid rgba(150, 150, 150, 0.15);\n border-left: 6px solid rgba(150, 150, 150, 0.15);\n border-radius: 100%;\n border-right: 6px solid rgba(150, 150, 150, 0.15);\n border-top: 6px solid rgba(150, 150, 150, 0.8);\n display: inline-block;\n height: 24px;\n position: absolute;\n vertical-align: middle;\n width: 24px;\n}\n\n@keyframes rotation {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(359deg);\n }\n}\n\n.CodeMirror-hints {\n background: white;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);\n font-family: 'Consolas', 'Inconsolata', 'Droid Sans Mono', 'Monaco', monospace;\n font-size: 13px;\n list-style: none;\n margin-left: -6px;\n margin: 0;\n max-height: 14.5em;\n overflow: hidden;\n overflow-y: auto;\n padding: 0;\n position: absolute;\n z-index: 10;\n}\n\n.CodeMirror-hint {\n border-top: solid 1px #f7f7f7;\n color: #141823;\n cursor: pointer;\n margin: 0;\n max-width: 300px;\n overflow: hidden;\n padding: 2px 6px;\n white-space: pre;\n}\n\nli.CodeMirror-hint-active {\n background-color: #08f;\n border-top-color: white;\n color: white;\n}\n\n.CodeMirror-hint-information {\n border-top: solid 1px #c0c0c0;\n max-width: 300px;\n padding: 4px 6px;\n position: relative;\n z-index: 1;\n}\n\n.CodeMirror-hint-information:first-child {\n border-bottom: solid 1px #c0c0c0;\n border-top: none;\n margin-bottom: -1px;\n}\n\n.CodeMirror-hint-deprecation {\n background: #fffae8;\n box-shadow: inset 0 1px 1px -1px #bfb063;\n color: #867f70;\n font-family: system, -apple-system, 'San Francisco', '.SFNSDisplay-Regular',\n 'Segoe UI', Segoe, 'Segoe WP', 'Helvetica Neue', helvetica, 'Lucida Grande',\n arial, sans-serif;\n font-size: 13px;\n line-height: 16px;\n margin-top: 4px;\n max-height: 80px;\n overflow: hidden;\n padding: 6px;\n}\n\n.CodeMirror-hint-deprecation .deprecation-label {\n color: #c79b2e;\n cursor: default;\n display: block;\n font-size: 9px;\n font-weight: bold;\n letter-spacing: 1px;\n line-height: 1;\n padding-bottom: 5px;\n text-transform: uppercase;\n user-select: none;\n}\n\n.CodeMirror-hint-deprecation .deprecation-label + * {\n margin-top: 0;\n}\n\n.CodeMirror-hint-deprecation :last-child {\n margin-bottom: 0;\n}\n\n.graphiql-container .doc-explorer {\n background: white;\n}\n\n.graphiql-container .doc-explorer-title-bar,\n.graphiql-container .history-title-bar {\n cursor: default;\n display: flex;\n height: 34px;\n line-height: 14px;\n padding: 8px 8px 5px;\n position: relative;\n user-select: none;\n}\n\n.graphiql-container .doc-explorer-title,\n.graphiql-container .history-title {\n flex: 1;\n font-weight: bold;\n overflow-x: hidden;\n padding: 10px 0 10px 10px;\n text-align: center;\n text-overflow: ellipsis;\n user-select: text;\n white-space: nowrap;\n}\n\n.graphiql-container .doc-explorer-back {\n color: #3b5998;\n cursor: pointer;\n margin: -7px 0 -6px -8px;\n overflow-x: hidden;\n padding: 17px 12px 16px 16px;\n text-overflow: ellipsis;\n white-space: nowrap;\n background: 0;\n border: 0;\n line-height: 14px;\n}\n\n.doc-explorer-narrow .doc-explorer-back {\n width: 0;\n}\n\n.graphiql-container .doc-explorer-back:before {\n border-left: 2px solid #3b5998;\n border-top: 2px solid #3b5998;\n content: '';\n display: inline-block;\n height: 9px;\n margin: 0 3px -1px 0;\n position: relative;\n transform: rotate(-45deg);\n width: 9px;\n}\n\n.graphiql-container .doc-explorer-rhs {\n position: relative;\n}\n\n.graphiql-container .doc-explorer-contents,\n.graphiql-container .history-contents {\n background-color: #ffffff;\n border-top: 1px solid #d6d6d6;\n bottom: 0;\n left: 0;\n overflow-y: auto;\n padding: 20px 15px;\n position: absolute;\n right: 0;\n top: 47px;\n}\n\n.graphiql-container .doc-explorer-contents {\n min-width: 300px;\n}\n\n.graphiql-container .doc-type-description p:first-child,\n.graphiql-container .doc-type-description blockquote:first-child {\n margin-top: 0;\n}\n\n.graphiql-container .doc-explorer-contents a {\n cursor: pointer;\n text-decoration: none;\n}\n\n.graphiql-container .doc-explorer-contents a:hover {\n text-decoration: underline;\n}\n\n.graphiql-container .doc-value-description > :first-child {\n margin-top: 4px;\n}\n\n.graphiql-container .doc-value-description > :last-child {\n margin-bottom: 4px;\n}\n\n.graphiql-container .doc-type-description code,\n.graphiql-container .doc-type-description pre,\n.graphiql-container .doc-category code,\n.graphiql-container .doc-category pre {\n --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);\n font-size: 12px;\n line-height: 1.50001;\n font-variant-ligatures: none;\n white-space: pre;\n white-space: pre-wrap;\n word-wrap: break-word;\n word-break: normal;\n -webkit-tab-size: 4;\n -moz-tab-size: 4;\n tab-size: 4;\n}\n\n.graphiql-container .doc-type-description code,\n.graphiql-container .doc-category code {\n padding: 2px 3px 1px;\n border: 1px solid var(--saf-0);\n border-radius: 3px;\n background-color: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);\n color: #e01e5a;\n background-color: white;\n}\n\n.graphiql-container .doc-category {\n margin: 20px 0;\n}\n\n.graphiql-container .doc-category-title {\n border-bottom: 1px solid #e0e0e0;\n color: #777;\n cursor: default;\n font-size: 14px;\n font-variant: small-caps;\n font-weight: bold;\n letter-spacing: 1px;\n margin: 0 -15px 10px 0;\n padding: 10px 0;\n user-select: none;\n}\n\n.graphiql-container .doc-category-item {\n margin: 12px 0;\n color: #555;\n}\n\n.graphiql-container .keyword {\n color: #b11a04;\n}\n\n.graphiql-container .type-name {\n color: #ca9800;\n}\n\n.graphiql-container .field-name {\n color: #1f61a0;\n}\n\n.graphiql-container .field-short-description {\n color: #666;\n margin-left: 5px;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.graphiql-container .enum-value {\n color: #0b7fc7;\n}\n\n.graphiql-container .arg-name {\n color: #8b2bb9;\n}\n\n.graphiql-container .arg {\n display: block;\n margin-left: 1em;\n}\n\n.graphiql-container .arg:first-child:last-child,\n.graphiql-container .arg:first-child:nth-last-child(2),\n.graphiql-container .arg:first-child:nth-last-child(2) ~ .arg {\n display: inherit;\n margin: inherit;\n}\n\n.graphiql-container .arg:first-child:nth-last-child(2):after {\n content: ', ';\n}\n\n.graphiql-container .arg-default-value {\n color: #43a047;\n}\n\n.graphiql-container .doc-deprecation {\n background: #fffae8;\n box-shadow: inset 0 0 1px #bfb063;\n color: #867f70;\n line-height: 16px;\n margin: 8px -8px;\n max-height: 80px;\n overflow: hidden;\n padding: 8px;\n border-radius: 3px;\n}\n\n.graphiql-container .doc-deprecation:before {\n content: 'Deprecated:';\n color: #c79b2e;\n cursor: default;\n display: block;\n font-size: 9px;\n font-weight: bold;\n letter-spacing: 1px;\n line-height: 1;\n padding-bottom: 5px;\n text-transform: uppercase;\n user-select: none;\n}\n\n.graphiql-container .doc-deprecation > :first-child {\n margin-top: 0;\n}\n\n.graphiql-container .doc-deprecation > :last-child {\n margin-bottom: 0;\n}\n\n.graphiql-container .show-btn {\n -webkit-appearance: initial;\n display: block;\n border-radius: 3px;\n border: solid 1px #ccc;\n text-align: center;\n padding: 8px 12px 10px;\n width: 100%;\n box-sizing: border-box;\n background: #fbfcfc;\n color: #555;\n cursor: pointer;\n}\n\n.graphiql-container .search-box {\n border-bottom: 1px solid #d3d6db;\n display: flex;\n align-items: center;\n font-size: 14px;\n margin: -15px -15px 12px 0;\n position: relative;\n}\n\n.graphiql-container .search-box-icon {\n cursor: pointer;\n display: block;\n font-size: 24px;\n transform: rotate(-45deg);\n user-select: none;\n}\n\n.graphiql-container .search-box .search-box-clear {\n background-color: #d0d0d0;\n border-radius: 12px;\n color: #fff;\n cursor: pointer;\n font-size: 11px;\n padding: 1px 5px 2px;\n position: absolute;\n right: 3px;\n user-select: none;\n border: 0;\n}\n\n.graphiql-container .search-box .search-box-clear:hover {\n background-color: #b9b9b9;\n}\n\n.graphiql-container .search-box > input {\n border: none;\n box-sizing: border-box;\n font-size: 14px;\n outline: none;\n padding: 6px 24px 8px 20px;\n width: 100%;\n}\n\n.graphiql-container .error-container {\n font-weight: bold;\n left: 0;\n letter-spacing: 1px;\n opacity: 0.5;\n position: absolute;\n right: 0;\n text-align: center;\n text-transform: uppercase;\n top: 50%;\n transform: translate(0, -50%);\n}\n\n.graphiql-container .history-contents {\n font-family: 'Consolas', 'Inconsolata', 'Droid Sans Mono', 'Monaco', monospace;\n}\n\n.graphiql-container .history-contents {\n margin: 0;\n padding: 0;\n}\n\n.graphiql-container .history-contents li {\n align-items: center;\n display: flex;\n font-size: 12px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n margin: 0;\n padding: 8px;\n border-bottom: 1px solid #e0e0e0;\n}\n\n.graphiql-container .history-contents li button:not(.history-label) {\n display: none;\n margin-left: 10px;\n}\n\n.graphiql-container .history-contents li:hover button:not(.history-label),\n.graphiql-container\n .history-contents\n li:focus-within\n button:not(.history-label) {\n display: inline-block;\n}\n\n.graphiql-container .history-contents input,\n.graphiql-container .history-contents button {\n padding: 0;\n background: 0;\n border: 0;\n font-size: inherit;\n font-family: inherit;\n line-height: 14px;\n color: inherit;\n}\n\n.graphiql-container .history-contents input {\n flex-grow: 1;\n}\n\n.graphiql-container .history-contents input::placeholder {\n color: inherit;\n}\n\n.graphiql-container .history-contents button {\n cursor: pointer;\n text-align: left;\n}\n\n.graphiql-container .history-contents .history-label {\n flex-grow: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n","@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\nbody,\n#graphiql {\n width: 100vw;\n height: 100vh;\n}\n\n#graphiql {\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 14px;\n line-height: 20px;\n color: var(--text-color);\n -webkit-font-smoothing: subpixel-antialiased;\n\n svg {\n display: inline-block;\n }\n\n select {\n color: var(--text-color) !important;\n background-color: transparentize($inputColor, 0.75);\n border-radius: var(--large-border-radius);\n padding: 4px;\n }\n\n .graphiql-container .topBar,\n .graphiql-container .docExplorerShow,\n .graphiql-container .historyShow,\n .graphiql-container .docExplorerWrap,\n .graphiql-container .historyPaneWrap,\n .graphiql-container .variable-editor-title,\n .graphiql-container .footer,\n .result-window .CodeMirror,\n .graphiql-container .resultWrap,\n .graphiql-container .result-window .CodeMirror-gutters,\n .graphiql-container .toolbar-button,\n .graphiql-container .toolbar-button:active,\n .graphiql-container .execute-button,\n .graphiql-container .execute-button:active,\n .graphiql-container .toolbar-menu-items,\n .graphiql-container .toolbar-select-options,\n .graphiql-container .toolbar-menu-items > li.hover,\n .graphiql-container .toolbar-menu-items > li:active,\n .graphiql-container .toolbar-menu-items > li:hover,\n .graphiql-container .toolbar-select-options > li.hover,\n .graphiql-container .toolbar-select-options > li:active,\n .graphiql-container .toolbar-select-options > li:hover,\n .CodeMirror-gutters {\n background: none;\n border: none;\n }\n\n .graphiql-container .history-contents > p:hover,\n .graphiql-container .history-contents > p:active {\n color: var(--text-color);\n background-color: var(--gray-050);\n\n span:not(.history-label) {\n font-size: 14px;\n }\n }\n .graphiql-container,\n .graphiql-container .editorWrap {\n overflow: visible;\n }\n\n .topBarWrap {\n .topBar {\n body.rtl & {\n direction: rtl;\n }\n padding: 14px 24px;\n height: 100%;\n\n .title {\n @include sans-serif-font;\n font-size: 18px;\n font-weight: bold;\n line-height: 1.2;\n color: var(--text-color);\n }\n }\n\n .docExplorerShow {\n padding: 14px 24px;\n }\n }\n\n .doc-explorer-title-bar,\n .history-title-bar {\n background: var(--white);\n box-sizing: content-box;\n }\n\n .queryWrap,\n .docExplorerWrap,\n .historyPaneWrap {\n @include pane;\n overflow: hidden;\n }\n\n .docExplorerWrap {\n z-index: 8 !important;\n }\n\n .queryWrap {\n margin: 0 0 24px 24px;\n border-radius: var(--large-border-radius);\n\n .CodeMirror-gutters {\n background: var(--gray-050);\n box-shadow: inset -1px 0 0 var(--hairline-color);\n }\n\n .CodeMirror-linenumber {\n color: var(--light-text-color);\n }\n\n .variable-editor {\n height: 28px;\n\n .variable-editor-title {\n background: var(--gray-050);\n box-shadow: 0 -1px 0 var(--hairline-color),\n 0 1px 0 var(--hairline-color);\n z-index: 4;\n color: var(--light-text-color);\n }\n }\n }\n\n .graphiql-container {\n .toolbar {\n margin-left: 16px;\n }\n .toolbar-button {\n display: inline-block;\n background-color: var(--gray-200);\n border-radius: var(--large-border-radius);\n padding: 7px 14px;\n border: none;\n text-align: center;\n white-space: nowrap;\n user-select: none;\n cursor: pointer;\n box-sizing: border-box;\n appearance: none;\n color: var(--text-color);\n height: 34px;\n max-width: 100%;\n box-shadow: none;\n\n &:focus,\n &:hover {\n background-color: darken($grey200, 5%);\n }\n\n svg {\n @include margin-left(5px);\n }\n }\n\n .execute-options,\n .toolbar-menu-items {\n min-width: 100%;\n margin-top: 0;\n @include menu-styles;\n\n li {\n @include menu-option-styles;\n text-align: left;\n padding-left: 24px;\n max-width: unset;\n\n &:hover {\n @include disclosure-link-hover-styles;\n }\n\n &.selected-schema {\n cursor: default;\n background: none;\n\n &:before {\n @include icon;\n content: 'check';\n @include floatleft;\n @include margin(3px, 0, 0, -17px);\n font-size: 14px;\n color: var(--light-text-color);\n }\n\n &:hover {\n background-color: var(--white);\n }\n }\n }\n }\n\n .execute-options li {\n padding-left: 14px;\n }\n\n .execute-button {\n background: linear-gradient(#fdfdfd, #cfd6dc);\n border: 1px solid #cfd6dc;\n }\n\n .graphiql-explorer-root {\n padding: 0 !important;\n\n & > div:first-child {\n padding: 7px 14px;\n }\n\n .graphiql-explorer-actions {\n margin: 0 !important;\n padding: 14px !important;\n box-sizing: border-box;\n @include sans-serif-font;\n font-weight: normal;\n font-variant-caps: normal;\n text-transform: none;\n letter-spacing: normal;\n\n & > span {\n margin-right: 7px;\n }\n\n .toolbar-button {\n margin: 0 !important;\n padding: 0 4px;\n\n &:before {\n @include icon;\n content: 'plus';\n font-size: 14.4px;\n }\n\n span {\n display: none;\n }\n }\n }\n }\n\n .spinner {\n animation: none;\n border: none;\n display: inline-flex;\n height: 24px;\n width: 24px;\n position: relative;\n }\n }\n\n .graphiql-explorer-graphql-arguments {\n select {\n padding: 2px;\n }\n }\n}\n","$white: #fff;\n$black: #000;\n\n$grey050: hsl(212, 60%, 97%);\n$grey100: hsl(212, 50%, 93%);\n$grey200: hsl(212, 30%, 85%);\n$grey300: hsl(211, 13%, 65%);\n$grey350: hsl(211, 11%, 59%);\n$grey400: hsl(210, 10%, 53%);\n$grey500: hsl(211, 12%, 43%);\n$grey550: hsl(210, 13%, 40%);\n$grey600: hsl(209, 14%, 37%);\n$grey700: hsl(209, 18%, 30%);\n$grey800: hsl(209, 20%, 25%);\n$grey900: hsl(210, 24%, 16%);\n$grey1000: hsl(210, 24%, 10%);\n\n$blue050: #e3f8ff;\n$blue100: #b3ecff;\n$blue200: #81defd;\n$blue300: #5ed0fa;\n$blue400: #40c3f7;\n$blue500: #2bb0ed;\n$blue600: #1992d4;\n$blue700: #127fbf;\n$blue800: #0b69a3;\n$blue900: #035388;\n\n$cyan050: #e0fcff;\n$cyan100: #bef8fd;\n$cyan200: #87eaf2;\n$cyan300: #54d1db;\n$cyan400: #38bec9;\n$cyan500: #2cb1bc;\n$cyan600: #14919b;\n$cyan700: #0e7c86;\n$cyan800: #0a6c74;\n$cyan900: #044e54;\n\n$pink050: #ffe3ec;\n$pink100: #ffb8d2;\n$pink200: #ff8cba;\n$pink300: #f364a2;\n$pink400: #e8368f;\n$pink500: #da127d;\n$pink600: #bc0a6f;\n$pink700: #a30664;\n$pink800: #870557;\n$pink900: #620042;\n\n$red050: #ffe3e3;\n$red100: #ffbdbd;\n$red200: #ff9b9b;\n$red300: #f86a6a;\n$red400: #ef4e4e;\n$red500: #e12d39;\n$red600: #cf1124;\n$red700: #ab091e;\n$red800: #8a041a;\n$red900: #610316;\n\n$yellow050: #fffbea;\n$yellow100: #fff3c4;\n$yellow200: #fce588;\n$yellow300: #fadb5f;\n$yellow400: #f7c948;\n$yellow500: #f0b429;\n$yellow600: #de911d;\n$yellow700: #cb6e17;\n$yellow800: #b44d12;\n$yellow900: #8d2b0b;\n\n$teal050: #effcf6;\n$teal100: #c6f7e2;\n$teal200: #8eedc7;\n$teal300: #65d6ad;\n$teal400: #3ebd93;\n$teal500: #27ab83;\n$teal600: #199473;\n$teal700: #147d64;\n$teal800: #0c6b58;\n$teal900: #014d40;\n\n// submit button colors\n$primaryColor: $red500;\n$secondaryColor: $grey500;\n\n$inputColor: hsl(212, 25%, 50%);\n\n// text colors\n$textColor: $grey700;\n$mediumDarkTextColor: $grey550;\n$mediumTextColor: $grey550;\n$lightTextColor: $grey500;\n$linkColor: #2563eb;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $white;\n$menuOptionActiveBackgroundColor: $grey500;\n\n// hairline colors\n$hairlineColor: transparentize($grey800, 0.9);\n$mediumHairlineColor: transparentize($grey600, 0.75);\n$darkHairlineColor: transparentize($grey400, 0.5);\n\n// focus colors\n$lightFocusColor: $blue300;\n$mediumFocusColor: $blue500;\n$darkFocusColor: #0f74b1;\n\n// focus rings\n$lightFocusRing: 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing: 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing: 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey600;\n\n// alert/notice colors\n$errorColor: $red600;\n$warningColor: $yellow800;\n$successColor: $teal500;\n$noticeColor: $blue800;\n\n// UI element styles\n$smallBorderRadius: 3px;\n$mediumBorderRadius: 4px;\n$largeBorderRadius: 5px;\n\n$menuBorderRadius: $mediumBorderRadius;\n$checkboxSize: 16px;\n$radioSize: 16px;\n\n@mixin sans-serif-font {\n font-family: system-ui, BlinkMacSystemFont, -apple-system, 'Segoe UI',\n 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',\n 'Helvetica Neue', sans-serif;\n}\n\n@mixin fixed-width-font {\n font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier,\n monospace;\n font-size: 0.9em !important;\n}\n\n@function toRem($values...) {\n $max: length($values);\n $remValues: '';\n\n @for $i from 1 through $max {\n $remValues: #{$remValues + calc(nth($values, $i) / 16)}rem;\n\n @if $i < $max {\n $remValues: #{$remValues + ' '};\n }\n }\n\n @return $remValues;\n}\n\n@mixin fontSize($size) {\n font-size: toRem($size);\n}\n\n// Other\n\n@mixin focus-styles {\n body:not(.reduce-focus-visibility) &:focus,\n body.reduce-focus-visibility &.focus-visible {\n @content;\n }\n}\n\n@mixin svg-mask($color) {\n rect,\n circle,\n ellipse,\n line,\n polyline,\n polygon,\n path,\n text {\n fill: $color;\n stroke-width: 0;\n }\n}\n\n@mixin icon {\n font-family: 'Craft';\n speak: none;\n -webkit-font-feature-settings: 'liga', 'dlig';\n -moz-font-feature-settings: 'liga=1, dlig=1';\n -moz-font-feature-settings: 'liga', 'dlig';\n -ms-font-feature-settings: 'liga', 'dlig';\n -o-font-feature-settings: 'liga', 'dlig';\n font-feature-settings: 'liga', 'dlig';\n text-rendering: optimizeLegibility;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n direction: ltr; // Fixes a rendering issue in Chrome/Win\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n\n display: inline-block;\n text-align: center;\n font-style: normal;\n vertical-align: middle;\n word-wrap: normal !important;\n user-select: none;\n\n opacity: var(--icon-opacity);\n}\n\n@mixin angle($dir: down, $color: currentColor, $width: 2px) {\n display: block;\n content: '';\n font-size: 0;\n width: 7px;\n height: 7px;\n border: solid $color;\n border-width: 0 $width $width 0;\n opacity: 0.8;\n\n @if $dir == up {\n transform: rotate(225deg);\n } @else if $dir == down {\n transform: rotate(45deg);\n } @else if $dir == left {\n body.ltr & {\n transform: rotate(135deg);\n }\n body.rtl & {\n transform: rotate(-45deg);\n }\n } @else if $dir == right {\n body.ltr & {\n transform: rotate(-45deg);\n }\n body.rtl & {\n transform: rotate(135deg);\n }\n }\n}\n\n@mixin clearafter {\n content: '';\n display: block;\n height: 0;\n clear: both;\n visibility: hidden;\n}\n\n@mixin shadow {\n box-shadow: 0 1px 5px -1px transparentize($grey900, 0.8);\n}\n\n@mixin pane {\n background: $white;\n box-shadow: 0 0 0 1px $grey200, 0 2px 12px transparentize($grey200, 0.5);\n\n &:focus {\n box-shadow: var(--focus-ring);\n }\n}\n\n@mixin modal {\n border-radius: $largeBorderRadius;\n background-color: $white;\n box-shadow: 0 25px 100px transparentize($grey900, 0.5);\n}\n\n@mixin light-on-dark-text() {\n // Make light on dark text sharp on Macs\n // (sub-pixel antialiasing looks too bold/blurry with light text on dark background)\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-weight: 500;\n}\n\n@mixin light-focus-ring() {\n --focus-ring: 0 0 0 1px hsl(var(--light-focus-hsl)),\n 0 0 0 3px hsla(var(--light-focus-hsl), 0.7);\n}\n\n@mixin two-color-focus-ring($light-button: true) {\n // Creates a two-color focus ring, with a white\n // If button is light, the dark box shadow is adjacent to the button\n // Else the light box shadow is adjacent to the button\n --light-color: var(--white);\n --dark-color: var(--gray-800);\n\n @if $light-button {\n --focus-ring: 0 0 0 3px var(--dark-color), 0 0 0 6px var(--light-color);\n } @else {\n --focus-ring: 0 0 0 3px var(--light-color), 0 0 0 6px var(--dark-color);\n }\n}\n\n// RTL stuff\n\n@mixin left($left) {\n body.ltr & {\n left: $left;\n }\n body.rtl & {\n right: $left;\n }\n}\n\n@mixin right($right) {\n body.ltr & {\n right: $right;\n }\n body.rtl & {\n left: $right;\n }\n}\n\n@mixin alignleft {\n body.ltr & {\n text-align: left;\n }\n body.rtl & {\n text-align: right;\n }\n}\n\n@mixin alignright {\n body.ltr & {\n text-align: right;\n }\n body.rtl & {\n text-align: left;\n }\n}\n\n@mixin border-left($params...) {\n body.ltr & {\n border-left: $params;\n }\n body.rtl & {\n border-right: $params;\n }\n}\n\n@mixin border-right($params...) {\n body.ltr & {\n border-right: $params;\n }\n body.rtl & {\n border-left: $params;\n }\n}\n\n@mixin border-left-width($param) {\n body.ltr & {\n border-left-width: $param;\n }\n body.rtl & {\n border-right-width: $param;\n }\n}\n\n@mixin border-right-width($param) {\n body.ltr & {\n border-right-width: $param;\n }\n body.rtl & {\n border-left-width: $param;\n }\n}\n\n@mixin border-radius($tl, $tr, $br, $bl) {\n body.ltr & {\n border-radius: $tl $tr $br $bl;\n }\n body.rtl & {\n border-radius: $tr $tl $bl $br;\n }\n}\n\n@mixin border-top-left-radius($params...) {\n body.ltr & {\n border-top-left-radius: $params;\n }\n body.rtl & {\n border-top-right-radius: $params;\n }\n}\n\n@mixin border-top-right-radius($params...) {\n body.ltr & {\n border-top-right-radius: $params;\n }\n body.rtl & {\n border-top-left-radius: $params;\n }\n}\n\n@mixin border-bottom-left-radius($params...) {\n body.ltr & {\n border-bottom-left-radius: $params;\n }\n body.rtl & {\n border-bottom-right-radius: $params;\n }\n}\n\n@mixin border-bottom-right-radius($params...) {\n body.ltr & {\n border-bottom-right-radius: $params;\n }\n body.rtl & {\n border-bottom-left-radius: $params;\n }\n}\n\n@mixin floatleft {\n body.ltr & {\n float: left;\n }\n body.rtl & {\n float: right;\n }\n}\n\n@mixin floatright {\n body.ltr & {\n float: right;\n }\n body.rtl & {\n float: left;\n }\n}\n\n@mixin margin($t, $r, $b, $l, $important: '') {\n body.ltr & {\n margin: $t $r $b $l unquote($important);\n }\n body.rtl & {\n margin: $t $l $b $r unquote($important);\n }\n}\n\n@mixin margin-left($margin...) {\n body.ltr & {\n margin-left: $margin;\n }\n body.rtl & {\n margin-right: $margin;\n }\n}\n\n@mixin margin-right($margin...) {\n body.ltr & {\n margin-right: $margin;\n }\n body.rtl & {\n margin-left: $margin;\n }\n}\n\n@mixin padding($t, $r, $b, $l, $important: '') {\n body.ltr & {\n padding: $t $r $b $l unquote($important);\n }\n body.rtl & {\n padding: $t $l $b $r unquote($important);\n }\n}\n\n@mixin padding-left($padding...) {\n body.ltr & {\n padding-left: $padding;\n }\n body.rtl & {\n padding-right: $padding;\n }\n}\n\n@mixin padding-right($padding...) {\n body.ltr & {\n padding-right: $padding;\n }\n body.rtl & {\n padding-left: $padding;\n }\n}\n\n// Misc\n\n@mixin dark-inputs {\n @include placeholder-styles($grey400);\n\n .btn,\n .select:not(.selectize) select {\n background-color: $grey200;\n\n &:focus,\n &:hover {\n background-color: darken($grey200, 5%);\n }\n\n &:active,\n &.active {\n background-color: darken($grey200, 10%);\n }\n }\n\n .text {\n background-color: $grey200;\n\n &:focus {\n background-color: darken($grey200, 5%);\n }\n }\n}\n\n@mixin header-btn {\n width: 30px;\n height: 30px;\n padding-left: 0;\n padding-right: 0;\n\n &:not(:hover):not(:active):not(.active) {\n background-color: transparent;\n }\n &:not(:active):not(.active):hover {\n background-color: transparentize($grey300, 0.85);\n }\n}\n\n@mixin h6-styles {\n margin: 14px 0 3px;\n font-size: 11px;\n line-height: 1.2;\n color: $lightTextColor;\n text-transform: uppercase;\n}\n\n@mixin token-styles {\n display: inline-block;\n border-radius: $smallBorderRadius;\n padding: 3px 7px;\n font-size: 12px;\n line-height: 14px;\n color: $textColor;\n background-color: $grey100;\n}\n\n@mixin active-token-styles {\n background-color: $grey200;\n}\n\n@mixin menu-styles {\n z-index: 100;\n border-radius: $menuBorderRadius;\n padding: 0 14px;\n overflow: auto;\n background: $white;\n user-select: none;\n box-shadow: 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-option-styles {\n margin: 0 -14px;\n padding: 10px 14px;\n color: $menuOptionColor;\n text-decoration: none;\n white-space: nowrap;\n}\n\n@mixin menu-option-active-styles {\n color: $menuOptionActiveColor;\n background-color: $menuOptionActiveBackgroundColor;\n}\n\n@mixin disclosure-link-hover-styles {\n color: $menuOptionColor;\n background-color: $grey050;\n}\n\n@mixin input-styles {\n border-radius: $smallBorderRadius;\n border: 1px solid transparentize($inputColor, 0.75);\n background-color: hsl(212, 50%, 99%);\n background-clip: padding-box;\n}\n\n@mixin input-focused-styles {\n box-shadow: var(--focus-ring);\n}\n\n@mixin placeholder-styles($color) {\n input::-webkit-input-placeholder,\n textarea::-webkit-input-placeholder {\n color: $color;\n }\n\n input:-ms-input-placeholder,\n textarea:-ms-input-placeholder {\n color: $color;\n }\n\n input::-ms-input-placeholder,\n textarea::-ms-input-placeholder {\n color: $color;\n }\n\n input:-moz-placeholder,\n textarea:-moz-placeholder {\n color: $color;\n }\n\n input::-moz-placeholder,\n textarea::-moz-placeholder {\n color: $color;\n }\n\n input::placeholder,\n textarea::placeholder {\n color: $color;\n }\n}\n\n@mixin select-styles {\n position: relative;\n border-radius: $largeBorderRadius;\n white-space: nowrap;\n}\n\n@mixin select-container-styles {\n max-width: 100%;\n position: relative;\n :not(.flex) > & {\n display: inline-block;\n }\n}\n\n@mixin select-arrow-styles {\n @include angle;\n position: absolute;\n z-index: 1;\n top: calc(50% - 5px);\n @include right(9px);\n user-select: none;\n pointer-events: none;\n}\n\n@mixin select-input-styles {\n display: block;\n position: relative;\n max-width: 100%;\n border: none;\n @include padding(7px, 22px, 7px, 10px);\n font-size: 14px;\n line-height: 20px;\n color: $textColor;\n background-color: hsl(212, 25%, 90%);\n appearance: none;\n // from https://stackoverflow.com/a/15933790/1688568\n &::-ms-expand {\n display: none;\n }\n}\n\n@mixin select-input-fullwidth-styles {\n min-width: 100%;\n}\n\n@mixin select-input-focused-styles {\n outline-color: transparent;\n background-color: hsl(212, 25%, 85%);\n box-shadow: var(--focus-ring);\n}\n\n@mixin touch-target {\n height: var(--touch-target-size);\n width: var(--touch-target-size);\n}\n\n@mixin visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: 0;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\n@mixin readable {\n font-size: 16px;\n line-height: 22px;\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6 {\n font-size: 13.6px;\n line-height: 17px;\n color: $mediumTextColor;\n }\n\n ul,\n ol {\n margin: 1em 0;\n @include padding-left(2em);\n }\n\n ul li {\n list-style-type: disc;\n }\n\n li + li {\n margin-top: 0.25em;\n }\n\n blockquote {\n margin: 16px 0;\n\n &:not(.note) {\n padding: 0 16px;\n color: $mediumTextColor;\n @include border-left(4px solid $hairlineColor);\n }\n\n &.note {\n position: relative;\n border-radius: 4px;\n padding: 1em;\n @include padding-left(56px);\n border: 1px solid;\n\n &:not(.tip):not(.warning) {\n border-color: $errorColor;\n color: #bf503f;\n\n &:before {\n content: 'alert';\n color: $errorColor;\n }\n }\n\n &.tip {\n border-color: $linkColor;\n color: $mediumTextColor;\n\n &:before {\n content: 'lightbulb';\n color: $linkColor;\n }\n }\n\n &.warning {\n border-color: $warningColor;\n color: #cf783a;\n\n &:before {\n content: 'alert';\n color: $warningColor;\n }\n }\n\n &:before {\n @include icon;\n position: absolute;\n top: 12px;\n @include left(16px);\n font-size: 30px;\n width: 24px;\n }\n }\n }\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/src/web/assets/installer/dist/css/install.css.map b/src/web/assets/installer/dist/css/install.css.map
index ab0b59dd00e..c6963b2a372 100644
--- a/src/web/assets/installer/dist/css/install.css.map
+++ b/src/web/assets/installer/dist/css/install.css.map
@@ -1 +1 @@
-{"version":3,"file":"css/install.css","mappings":"AAGA,UAEE,YAGF,KAEE,qGACA,uBAFA,eAEA,oBAKA,gBACA,CAHF,iBACE,CAGA,iBACA,CAJA,QAEA,UAEA,WAIA,wCACA,CAGA,yLACA,CANF,oBACE,CACA,cACA,YACA,eAEA,iBAGA,eACE,gBAKF,YACA,UACA,CAHF,WAGE,yDAKI,WACA,CAHF,UAGE,iCAKA,0BACA,+BACA,6BAHA,qBACA,CAFF,YAIE,oCAEA,sCACE,sCAGF,wCACE,oFAIA,uDAGF,kBAHE,iBAGF,CACE,qCAEA,WAGF,CAHE,SAGF,kGAKI,2CAEE,OAOV,CATQ,kBASR,iBACE,CADF,UACE,0BAMA,sCAEE,CAJF,iBAEA,CAJA,oBAEA,CAIE,UACA,CADA,SACA,uCACA,eACA,uCCwVJ,gBDrVM,CCwVN,6BDrVI,+BACE,CCoVN,iCDpVM,yBACA,CADA,eACA,UAON,WACA,CARM,iBAQN,mBAGF,UACE,mBACA,SC4LA,wBACE,kBAEF,wBAwKA,iBACE,qBAGA,sDA3SF,CACA,uCACA,uCAGA,oCACA,kCACA,CAGA,kCAEA,kCAEA,CAIA,0BACA,CAVA,aACA,CAIA,qBA4RA,iBACE,CArRF,eAPA,iBAEA,CAVA,mBACA,CADA,gBAeA,WAEA,CAfA,cAeA,iBAHA,2BACA,CAPA,kBAPA,mBACA,CAUA,wBACA,iBACA,CAJA,qBACA,CAIA,UAEA,CD/EI,6BAEA,mBACA,8BC8SJ,mBACE,8BAEF,cACE,8BDjTE,cACE,cAEF,2BACE,UAON,iBACA,CARM,mBAQN,2BAIA,kBACA,0EAMI,2DAEE,uCAEA,gBAGF,0CAKF,gEAEE,wBANE,eAMF,aACA,2DAMJ,sBAEA,aACE,yCAIA,UACA,CAFF,QAEE","sources":["webpack:///./install.scss","webpack:///../../../../../packages/craftcms-sass/_mixins.scss"],"sourcesContent":["@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\nhtml,\nbody {\n height: 100%;\n}\n\nbody {\n overflow: hidden;\n background: var(--gray-100) url(images/installer-bg.png) no-repeat 50% 50%;\n background-size: cover;\n}\n\n.beginbtncontainer {\n position: absolute;\n top: 50%;\n margin-top: -25px;\n width: 100%;\n text-align: center;\n}\n\n#beginbtn {\n display: inline-block;\n border-radius: var(--large-border-radius);\n font-size: 19px;\n height: 50px;\n padding: 0 24px;\n box-shadow: inset 0 1px #ffffff33, inset 0 -1px #00000022, 0 0 0 1px #21377066,\n 0 0 1px 2px #21377055, 0 10px 10px -10px #213770, 0 10px 20px -10px #213770;\n\n &:after {\n margin-top: -4px;\n }\n}\n\n#install-modal {\n width: 770px;\n height: 510px;\n padding: 0;\n\n #screens {\n &,\n .screen {\n width: 100%;\n height: 100%;\n }\n\n .screen {\n padding: 35px;\n box-sizing: border-box;\n background: no-repeat 0 50%;\n background-size: 368px 477px;\n\n &#db {\n background-image: url(./images/db.png);\n }\n\n &#site {\n background-image: url(./images/site.png);\n }\n\n &#account {\n background-image: url(./images/account.png);\n }\n\n h1 {\n margin-bottom: 35px;\n text-align: center;\n position: relative;\n }\n\n form {\n width: 50%;\n float: right;\n\n .select {\n &,\n select {\n width: 100%;\n }\n }\n }\n }\n }\n\n #dots {\n position: absolute;\n bottom: 10px;\n left: 0;\n width: 100%;\n text-align: center;\n\n & > div {\n display: inline-block;\n border-radius: 4px;\n border: 1px solid var(--hairline-color);\n width: 6px;\n height: 6px;\n\n & + div {\n @include margin-left(5px);\n }\n\n &.sel {\n border-color: var(--primary-color);\n background: var(--primary-color);\n }\n }\n }\n}\n\n.grid {\n margin-top: 35px;\n margin-bottom: 35px;\n}\n\n.buttons {\n position: absolute;\n bottom: 35px;\n @include right(35px);\n\n .btn {\n @include padding-right(10px);\n\n &:after {\n @include icon;\n @include margin(-2px, 0, 0, 4px);\n font-size: 20px;\n width: 20px;\n height: 20px;\n line-height: 18px;\n body.ltr & {\n content: 'rarr';\n }\n body.rtl & {\n content: 'larr';\n }\n }\n }\n}\n\ninput.hidden {\n position: absolute;\n top: 100px;\n}\n\n#license {\n padding: 0 !important;\n overflow-y: scroll;\n\n #license-content {\n padding: 70px 105px;\n\n .license {\n &,\n h1 {\n font-family: Menlo, monospace;\n font-size: 13px;\n line-height: 25px;\n }\n\n h1 {\n font-weight: bold;\n }\n }\n\n #license-accept {\n margin-top: 35px;\n display: flex;\n justify-content: center;\n }\n }\n}\n\n#installing {\n text-align: center;\n\n h1 {\n margin-top: 200px !important;\n }\n\n #spinner {\n display: block;\n margin: 0 auto;\n }\n\n .buttons {\n .btn {\n margin: 0;\n float: none;\n }\n }\n}\n","$white: #fff;\n$black: #000;\n\n$grey050: hsl(212, 60%, 97%);\n$grey100: hsl(212, 50%, 93%);\n$grey200: hsl(212, 30%, 85%);\n$grey300: hsl(211, 13%, 65%);\n$grey350: hsl(211, 11%, 59%);\n$grey400: hsl(210, 10%, 53%);\n$grey500: hsl(211, 12%, 43%);\n$grey550: hsl(210, 13%, 40%);\n$grey600: hsl(209, 14%, 37%);\n$grey700: hsl(209, 18%, 30%);\n$grey800: hsl(209, 20%, 25%);\n$grey900: hsl(210, 24%, 16%);\n$grey1000: hsl(210, 24%, 10%);\n\n$blue050: #e3f8ff;\n$blue100: #b3ecff;\n$blue200: #81defd;\n$blue300: #5ed0fa;\n$blue400: #40c3f7;\n$blue500: #2bb0ed;\n$blue600: #1992d4;\n$blue700: #127fbf;\n$blue800: #0b69a3;\n$blue900: #035388;\n\n$cyan050: #e0fcff;\n$cyan100: #bef8fd;\n$cyan200: #87eaf2;\n$cyan300: #54d1db;\n$cyan400: #38bec9;\n$cyan500: #2cb1bc;\n$cyan600: #14919b;\n$cyan700: #0e7c86;\n$cyan800: #0a6c74;\n$cyan900: #044e54;\n\n$pink050: #ffe3ec;\n$pink100: #ffb8d2;\n$pink200: #ff8cba;\n$pink300: #f364a2;\n$pink400: #e8368f;\n$pink500: #da127d;\n$pink600: #bc0a6f;\n$pink700: #a30664;\n$pink800: #870557;\n$pink900: #620042;\n\n$red050: #ffe3e3;\n$red100: #ffbdbd;\n$red200: #ff9b9b;\n$red300: #f86a6a;\n$red400: #ef4e4e;\n$red500: #e12d39;\n$red600: #cf1124;\n$red700: #ab091e;\n$red800: #8a041a;\n$red900: #610316;\n\n$yellow050: #fffbea;\n$yellow100: #fff3c4;\n$yellow200: #fce588;\n$yellow300: #fadb5f;\n$yellow400: #f7c948;\n$yellow500: #f0b429;\n$yellow600: #de911d;\n$yellow700: #cb6e17;\n$yellow800: #b44d12;\n$yellow900: #8d2b0b;\n\n$teal050: #effcf6;\n$teal100: #c6f7e2;\n$teal200: #8eedc7;\n$teal300: #65d6ad;\n$teal400: #3ebd93;\n$teal500: #27ab83;\n$teal600: #199473;\n$teal700: #147d64;\n$teal800: #0c6b58;\n$teal900: #014d40;\n\n// submit button colors\n$primaryColor: $red500;\n$secondaryColor: $grey500;\n\n$inputColor: hsl(212, 25%, 50%);\n\n// text colors\n$textColor: $grey700;\n$mediumDarkTextColor: $grey550;\n$mediumTextColor: $grey550;\n$lightTextColor: $grey500;\n$linkColor: #2563eb;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $white;\n$menuOptionActiveBackgroundColor: $grey500;\n\n// hairline colors\n$hairlineColor: transparentize($grey800, 0.9);\n$mediumHairlineColor: transparentize($grey600, 0.75);\n$darkHairlineColor: transparentize($grey400, 0.5);\n\n// focus colors\n$lightFocusColor: $blue300;\n$mediumFocusColor: $blue500;\n$darkFocusColor: #0f74b1;\n\n// focus rings\n$lightFocusRing: 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing: 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing: 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey600;\n\n// alert/notice colors\n$errorColor: $red600;\n$warningColor: $yellow800;\n$successColor: $teal500;\n$noticeColor: $blue800;\n\n// UI element styles\n$smallBorderRadius: 3px;\n$mediumBorderRadius: 4px;\n$largeBorderRadius: 5px;\n\n$menuBorderRadius: $mediumBorderRadius;\n$checkboxSize: 16px;\n$radioSize: 16px;\n\n@mixin sans-serif-font {\n font-family: system-ui, BlinkMacSystemFont, -apple-system, 'Segoe UI',\n 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',\n 'Helvetica Neue', sans-serif;\n}\n\n@mixin fixed-width-font {\n font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier,\n monospace;\n font-size: 0.9em !important;\n}\n\n@function toRem($size) {\n $remValue: calc($size / 16) + rem;\n @return $remValue;\n}\n\n@mixin fontSize($size) {\n font-size: toRem($size);\n}\n\n// Other\n\n@mixin focus-styles {\n body:not(.reduce-focus-visibility) &:focus,\n body.reduce-focus-visibility &.focus-visible {\n @content;\n }\n}\n\n@mixin svg-mask($color) {\n rect,\n circle,\n ellipse,\n line,\n polyline,\n polygon,\n path,\n text {\n fill: $color;\n stroke-width: 0;\n }\n}\n\n@mixin icon {\n font-family: 'Craft';\n speak: none;\n -webkit-font-feature-settings: 'liga', 'dlig';\n -moz-font-feature-settings: 'liga=1, dlig=1';\n -moz-font-feature-settings: 'liga', 'dlig';\n -ms-font-feature-settings: 'liga', 'dlig';\n -o-font-feature-settings: 'liga', 'dlig';\n font-feature-settings: 'liga', 'dlig';\n text-rendering: optimizeLegibility;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n direction: ltr; // Fixes a rendering issue in Chrome/Win\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n\n display: inline-block;\n text-align: center;\n font-style: normal;\n vertical-align: middle;\n word-wrap: normal !important;\n user-select: none;\n\n opacity: var(--icon-opacity);\n}\n\n@mixin angle($dir: down, $color: currentColor, $width: 2px) {\n display: block;\n content: '';\n font-size: 0;\n width: 7px;\n height: 7px;\n border: solid $color;\n border-width: 0 $width $width 0;\n opacity: 0.8;\n\n @if $dir == up {\n transform: rotate(225deg);\n } @else if $dir == down {\n transform: rotate(45deg);\n } @else if $dir == left {\n body.ltr & {\n transform: rotate(135deg);\n }\n body.rtl & {\n transform: rotate(-45deg);\n }\n } @else if $dir == right {\n body.ltr & {\n transform: rotate(-45deg);\n }\n body.rtl & {\n transform: rotate(135deg);\n }\n }\n}\n\n@mixin clearafter {\n content: '';\n display: block;\n height: 0;\n clear: both;\n visibility: hidden;\n}\n\n@mixin shadow {\n box-shadow: 0 1px 5px -1px transparentize($grey900, 0.8);\n}\n\n@mixin pane {\n background: $white;\n box-shadow: 0 0 0 1px $grey200, 0 2px 12px transparentize($grey200, 0.5);\n\n &:focus {\n box-shadow: var(--focus-ring);\n }\n}\n\n@mixin modal {\n border-radius: $largeBorderRadius;\n background-color: $white;\n box-shadow: 0 25px 100px transparentize($grey900, 0.5);\n}\n\n@mixin light-on-dark-text() {\n // Make light on dark text sharp on Macs\n // (sub-pixel antialiasing looks too bold/blurry with light text on dark background)\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-weight: 500;\n}\n\n@mixin light-focus-ring() {\n --focus-ring: 0 0 0 1px hsl(var(--light-focus-hsl)),\n 0 0 0 3px hsla(var(--light-focus-hsl), 0.7);\n}\n\n@mixin two-color-focus-ring($light-button: true) {\n // Creates a two-color focus ring, with a white\n // If button is light, the dark box shadow is adjacent to the button\n // Else the light box shadow is adjacent to the button\n --light-color: var(--white);\n --dark-color: var(--gray-800);\n\n @if $light-button {\n --focus-ring: 0 0 0 3px var(--dark-color), 0 0 0 6px var(--light-color);\n } @else {\n --focus-ring: 0 0 0 3px var(--light-color), 0 0 0 6px var(--dark-color);\n }\n}\n\n// RTL stuff\n\n@mixin left($left) {\n body.ltr & {\n left: $left;\n }\n body.rtl & {\n right: $left;\n }\n}\n\n@mixin right($right) {\n body.ltr & {\n right: $right;\n }\n body.rtl & {\n left: $right;\n }\n}\n\n@mixin alignleft {\n body.ltr & {\n text-align: left;\n }\n body.rtl & {\n text-align: right;\n }\n}\n\n@mixin alignright {\n body.ltr & {\n text-align: right;\n }\n body.rtl & {\n text-align: left;\n }\n}\n\n@mixin border-left($params...) {\n body.ltr & {\n border-left: $params;\n }\n body.rtl & {\n border-right: $params;\n }\n}\n\n@mixin border-right($params...) {\n body.ltr & {\n border-right: $params;\n }\n body.rtl & {\n border-left: $params;\n }\n}\n\n@mixin border-left-width($param) {\n body.ltr & {\n border-left-width: $param;\n }\n body.rtl & {\n border-right-width: $param;\n }\n}\n\n@mixin border-right-width($param) {\n body.ltr & {\n border-right-width: $param;\n }\n body.rtl & {\n border-left-width: $param;\n }\n}\n\n@mixin border-radius($tl, $tr, $br, $bl) {\n body.ltr & {\n border-radius: $tl $tr $br $bl;\n }\n body.rtl & {\n border-radius: $tr $tl $bl $br;\n }\n}\n\n@mixin border-top-left-radius($params...) {\n body.ltr & {\n border-top-left-radius: $params;\n }\n body.rtl & {\n border-top-right-radius: $params;\n }\n}\n\n@mixin border-top-right-radius($params...) {\n body.ltr & {\n border-top-right-radius: $params;\n }\n body.rtl & {\n border-top-left-radius: $params;\n }\n}\n\n@mixin border-bottom-left-radius($params...) {\n body.ltr & {\n border-bottom-left-radius: $params;\n }\n body.rtl & {\n border-bottom-right-radius: $params;\n }\n}\n\n@mixin border-bottom-right-radius($params...) {\n body.ltr & {\n border-bottom-right-radius: $params;\n }\n body.rtl & {\n border-bottom-left-radius: $params;\n }\n}\n\n@mixin floatleft {\n body.ltr & {\n float: left;\n }\n body.rtl & {\n float: right;\n }\n}\n\n@mixin floatright {\n body.ltr & {\n float: right;\n }\n body.rtl & {\n float: left;\n }\n}\n\n@mixin margin($t, $r, $b, $l, $important: '') {\n body.ltr & {\n margin: $t $r $b $l unquote($important);\n }\n body.rtl & {\n margin: $t $l $b $r unquote($important);\n }\n}\n\n@mixin margin-left($margin...) {\n body.ltr & {\n margin-left: $margin;\n }\n body.rtl & {\n margin-right: $margin;\n }\n}\n\n@mixin margin-right($margin...) {\n body.ltr & {\n margin-right: $margin;\n }\n body.rtl & {\n margin-left: $margin;\n }\n}\n\n@mixin padding($t, $r, $b, $l, $important: '') {\n body.ltr & {\n padding: $t $r $b $l unquote($important);\n }\n body.rtl & {\n padding: $t $l $b $r unquote($important);\n }\n}\n\n@mixin padding-left($padding...) {\n body.ltr & {\n padding-left: $padding;\n }\n body.rtl & {\n padding-right: $padding;\n }\n}\n\n@mixin padding-right($padding...) {\n body.ltr & {\n padding-right: $padding;\n }\n body.rtl & {\n padding-left: $padding;\n }\n}\n\n// Misc\n\n@mixin dark-inputs {\n @include placeholder-styles($grey400);\n\n .btn,\n .select:not(.selectize) select {\n background-color: $grey200;\n\n &:focus,\n &:hover {\n background-color: darken($grey200, 5%);\n }\n\n &:active,\n &.active {\n background-color: darken($grey200, 10%);\n }\n }\n\n .text {\n background-color: $grey200;\n\n &:focus {\n background-color: darken($grey200, 5%);\n }\n }\n}\n\n@mixin header-btn {\n width: 30px;\n height: 30px;\n padding-left: 0;\n padding-right: 0;\n\n &:not(:hover):not(:active):not(.active) {\n background-color: transparent;\n }\n &:not(:active):not(.active):hover {\n background-color: transparentize($grey300, 0.85);\n }\n}\n\n@mixin h6-styles {\n margin: 14px 0 3px;\n font-size: 11px;\n line-height: 1.2;\n color: $lightTextColor;\n text-transform: uppercase;\n}\n\n@mixin token-styles {\n display: inline-block;\n border-radius: $smallBorderRadius;\n padding: 3px 7px;\n font-size: 12px;\n line-height: 14px;\n color: $textColor;\n background-color: $grey100;\n}\n\n@mixin active-token-styles {\n background-color: $grey200;\n}\n\n@mixin menu-styles {\n z-index: 100;\n border-radius: $menuBorderRadius;\n padding: 0 14px;\n overflow: auto;\n background: $white;\n user-select: none;\n box-shadow: 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-option-styles {\n margin: 0 -14px;\n padding: 10px 14px;\n color: $menuOptionColor;\n text-decoration: none;\n white-space: nowrap;\n}\n\n@mixin menu-option-active-styles {\n color: $menuOptionActiveColor;\n background-color: $menuOptionActiveBackgroundColor;\n}\n\n@mixin disclosure-link-hover-styles {\n color: $menuOptionColor;\n background-color: $grey050;\n}\n\n@mixin input-styles {\n border-radius: $smallBorderRadius;\n border: 1px solid transparentize($inputColor, 0.75);\n background-color: hsl(212, 50%, 99%);\n background-clip: padding-box;\n}\n\n@mixin input-focused-styles {\n box-shadow: var(--focus-ring);\n}\n\n@mixin placeholder-styles($color) {\n ::-webkit-input-placeholder {\n color: $color;\n }\n\n input:-ms-input-placeholder {\n color: $color;\n }\n\n ::-ms-input-placeholder {\n color: $color;\n }\n\n :-moz-placeholder {\n color: $color;\n }\n\n ::-moz-placeholder {\n color: $color;\n }\n\n ::placeholder {\n color: $color;\n }\n}\n\n@mixin select-styles {\n position: relative;\n border-radius: $largeBorderRadius;\n white-space: nowrap;\n}\n\n@mixin select-container-styles {\n max-width: 100%;\n position: relative;\n :not(.flex) > & {\n display: inline-block;\n }\n}\n\n@mixin select-arrow-styles {\n @include angle;\n position: absolute;\n z-index: 1;\n top: calc(50% - 5px);\n @include right(9px);\n user-select: none;\n pointer-events: none;\n}\n\n@mixin select-input-styles {\n display: block;\n position: relative;\n max-width: 100%;\n border: none;\n @include padding(7px, 22px, 7px, 10px);\n font-size: 14px;\n line-height: 20px;\n color: $textColor;\n background-color: hsl(212, 25%, 90%);\n appearance: none;\n // from https://stackoverflow.com/a/15933790/1688568\n &::-ms-expand {\n display: none;\n }\n}\n\n@mixin select-input-fullwidth-styles {\n min-width: 100%;\n}\n\n@mixin select-input-focused-styles {\n outline-color: transparent;\n background-color: hsl(212, 25%, 85%);\n box-shadow: var(--focus-ring);\n}\n\n@mixin touch-target {\n height: var(--touch-target-size);\n width: var(--touch-target-size);\n}\n\n@mixin visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: 0;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\n@mixin readable {\n font-size: 16px;\n line-height: 22px;\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6 {\n font-size: 13.6px;\n line-height: 17px;\n color: $mediumTextColor;\n }\n\n ul,\n ol {\n margin: 1em 0;\n @include padding-left(2em);\n }\n\n ul li {\n list-style-type: disc;\n }\n\n li + li {\n margin-top: 0.25em;\n }\n\n blockquote {\n margin: 16px 0;\n\n &:not(.note) {\n padding: 0 16px;\n color: $mediumTextColor;\n @include border-left(4px solid $hairlineColor);\n }\n\n &.note {\n position: relative;\n border-radius: 4px;\n padding: 1em;\n @include padding-left(56px);\n border: 1px solid;\n\n &:not(.tip):not(.warning) {\n border-color: $errorColor;\n color: #bf503f;\n\n &:before {\n content: 'alert';\n color: $errorColor;\n }\n }\n\n &.tip {\n border-color: $linkColor;\n color: $mediumTextColor;\n\n &:before {\n content: 'lightbulb';\n color: $linkColor;\n }\n }\n\n &.warning {\n border-color: $warningColor;\n color: #cf783a;\n\n &:before {\n content: 'alert';\n color: $warningColor;\n }\n }\n\n &:before {\n @include icon;\n position: absolute;\n top: 12px;\n @include left(16px);\n font-size: 30px;\n width: 24px;\n }\n }\n }\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"css/install.css","mappings":"AAGA,UAEE,YAGF,KAEE,qGACA,uBAFA,eAEA,oBAKA,gBACA,CAHF,iBACE,CAGA,iBACA,CAJA,QAEA,UAEA,WAIA,wCACA,CAGA,yLACA,CANF,oBACE,CACA,cACA,YACA,eAEA,iBAGA,eACE,gBAKF,YACA,UACA,CAHF,WAGE,yDAKI,WACA,CAHF,UAGE,iCAKA,0BACA,+BACA,6BAHA,qBACA,CAFF,YAIE,oCAEA,sCACE,sCAGF,wCACE,oFAIA,uDAGF,kBAHE,iBAGF,CACE,qCAEA,WAGF,CAHE,SAGF,kGAKI,2CAEE,OAOV,CATQ,kBASR,iBACE,CADF,UACE,0BAMA,sCAEE,CAJF,iBAEA,CAJA,oBAEA,CAIE,UACA,CADA,SACA,uCACA,eACA,uCCkWJ,gBD/VM,CCkWN,6BD/VI,+BACE,CC8VN,iCD9VM,yBACA,CADA,eACA,UAON,WACA,CARM,iBAQN,mBAGF,UACE,mBACA,SCsMA,wBACE,kBAEF,wBAwKA,iBACE,qBAGA,sDA3SF,CACA,uCACA,uCAGA,oCACA,kCACA,CAGA,kCAEA,kCAEA,CAIA,0BACA,CAVA,aACA,CAIA,qBA4RA,iBACE,CArRF,eAPA,iBAEA,CAVA,mBACA,CADA,gBAeA,WAEA,CAfA,cAeA,iBAHA,2BACA,CAPA,kBAPA,mBACA,CAUA,wBACA,iBACA,CAJA,qBACA,CAIA,UAEA,CDzFI,6BAEA,mBACA,8BCwTJ,mBACE,8BAEF,cACE,8BD3TE,cACE,cAEF,2BACE,UAON,iBACA,CARM,mBAQN,2BAIA,kBACA,0EAMI,2DAEE,uCAEA,gBAGF,0CAKF,gEAEE,wBANE,eAMF,aACA,2DAMJ,sBAEA,aACE,yCAIA,UACA,CAFF,QAEE","sources":["webpack:///./install.scss","webpack:///../../../../../packages/craftcms-sass/_mixins.scss"],"sourcesContent":["@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\nhtml,\nbody {\n height: 100%;\n}\n\nbody {\n overflow: hidden;\n background: var(--gray-100) url(images/installer-bg.png) no-repeat 50% 50%;\n background-size: cover;\n}\n\n.beginbtncontainer {\n position: absolute;\n top: 50%;\n margin-top: -25px;\n width: 100%;\n text-align: center;\n}\n\n#beginbtn {\n display: inline-block;\n border-radius: var(--large-border-radius);\n font-size: 19px;\n height: 50px;\n padding: 0 24px;\n box-shadow: inset 0 1px #ffffff33, inset 0 -1px #00000022, 0 0 0 1px #21377066,\n 0 0 1px 2px #21377055, 0 10px 10px -10px #213770, 0 10px 20px -10px #213770;\n\n &:after {\n margin-top: -4px;\n }\n}\n\n#install-modal {\n width: 770px;\n height: 510px;\n padding: 0;\n\n #screens {\n &,\n .screen {\n width: 100%;\n height: 100%;\n }\n\n .screen {\n padding: 35px;\n box-sizing: border-box;\n background: no-repeat 0 50%;\n background-size: 368px 477px;\n\n &#db {\n background-image: url(./images/db.png);\n }\n\n &#site {\n background-image: url(./images/site.png);\n }\n\n &#account {\n background-image: url(./images/account.png);\n }\n\n h1 {\n margin-bottom: 35px;\n text-align: center;\n position: relative;\n }\n\n form {\n width: 50%;\n float: right;\n\n .select {\n &,\n select {\n width: 100%;\n }\n }\n }\n }\n }\n\n #dots {\n position: absolute;\n bottom: 10px;\n left: 0;\n width: 100%;\n text-align: center;\n\n & > div {\n display: inline-block;\n border-radius: 4px;\n border: 1px solid var(--hairline-color);\n width: 6px;\n height: 6px;\n\n & + div {\n @include margin-left(5px);\n }\n\n &.sel {\n border-color: var(--primary-color);\n background: var(--primary-color);\n }\n }\n }\n}\n\n.grid {\n margin-top: 35px;\n margin-bottom: 35px;\n}\n\n.buttons {\n position: absolute;\n bottom: 35px;\n @include right(35px);\n\n .btn {\n @include padding-right(10px);\n\n &:after {\n @include icon;\n @include margin(-2px, 0, 0, 4px);\n font-size: 20px;\n width: 20px;\n height: 20px;\n line-height: 18px;\n body.ltr & {\n content: 'rarr';\n }\n body.rtl & {\n content: 'larr';\n }\n }\n }\n}\n\ninput.hidden {\n position: absolute;\n top: 100px;\n}\n\n#license {\n padding: 0 !important;\n overflow-y: scroll;\n\n #license-content {\n padding: 70px 105px;\n\n .license {\n &,\n h1 {\n font-family: Menlo, monospace;\n font-size: 13px;\n line-height: 25px;\n }\n\n h1 {\n font-weight: bold;\n }\n }\n\n #license-accept {\n margin-top: 35px;\n display: flex;\n justify-content: center;\n }\n }\n}\n\n#installing {\n text-align: center;\n\n h1 {\n margin-top: 200px !important;\n }\n\n #spinner {\n display: block;\n margin: 0 auto;\n }\n\n .buttons {\n .btn {\n margin: 0;\n float: none;\n }\n }\n}\n","$white: #fff;\n$black: #000;\n\n$grey050: hsl(212, 60%, 97%);\n$grey100: hsl(212, 50%, 93%);\n$grey200: hsl(212, 30%, 85%);\n$grey300: hsl(211, 13%, 65%);\n$grey350: hsl(211, 11%, 59%);\n$grey400: hsl(210, 10%, 53%);\n$grey500: hsl(211, 12%, 43%);\n$grey550: hsl(210, 13%, 40%);\n$grey600: hsl(209, 14%, 37%);\n$grey700: hsl(209, 18%, 30%);\n$grey800: hsl(209, 20%, 25%);\n$grey900: hsl(210, 24%, 16%);\n$grey1000: hsl(210, 24%, 10%);\n\n$blue050: #e3f8ff;\n$blue100: #b3ecff;\n$blue200: #81defd;\n$blue300: #5ed0fa;\n$blue400: #40c3f7;\n$blue500: #2bb0ed;\n$blue600: #1992d4;\n$blue700: #127fbf;\n$blue800: #0b69a3;\n$blue900: #035388;\n\n$cyan050: #e0fcff;\n$cyan100: #bef8fd;\n$cyan200: #87eaf2;\n$cyan300: #54d1db;\n$cyan400: #38bec9;\n$cyan500: #2cb1bc;\n$cyan600: #14919b;\n$cyan700: #0e7c86;\n$cyan800: #0a6c74;\n$cyan900: #044e54;\n\n$pink050: #ffe3ec;\n$pink100: #ffb8d2;\n$pink200: #ff8cba;\n$pink300: #f364a2;\n$pink400: #e8368f;\n$pink500: #da127d;\n$pink600: #bc0a6f;\n$pink700: #a30664;\n$pink800: #870557;\n$pink900: #620042;\n\n$red050: #ffe3e3;\n$red100: #ffbdbd;\n$red200: #ff9b9b;\n$red300: #f86a6a;\n$red400: #ef4e4e;\n$red500: #e12d39;\n$red600: #cf1124;\n$red700: #ab091e;\n$red800: #8a041a;\n$red900: #610316;\n\n$yellow050: #fffbea;\n$yellow100: #fff3c4;\n$yellow200: #fce588;\n$yellow300: #fadb5f;\n$yellow400: #f7c948;\n$yellow500: #f0b429;\n$yellow600: #de911d;\n$yellow700: #cb6e17;\n$yellow800: #b44d12;\n$yellow900: #8d2b0b;\n\n$teal050: #effcf6;\n$teal100: #c6f7e2;\n$teal200: #8eedc7;\n$teal300: #65d6ad;\n$teal400: #3ebd93;\n$teal500: #27ab83;\n$teal600: #199473;\n$teal700: #147d64;\n$teal800: #0c6b58;\n$teal900: #014d40;\n\n// submit button colors\n$primaryColor: $red500;\n$secondaryColor: $grey500;\n\n$inputColor: hsl(212, 25%, 50%);\n\n// text colors\n$textColor: $grey700;\n$mediumDarkTextColor: $grey550;\n$mediumTextColor: $grey550;\n$lightTextColor: $grey500;\n$linkColor: #2563eb;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $white;\n$menuOptionActiveBackgroundColor: $grey500;\n\n// hairline colors\n$hairlineColor: transparentize($grey800, 0.9);\n$mediumHairlineColor: transparentize($grey600, 0.75);\n$darkHairlineColor: transparentize($grey400, 0.5);\n\n// focus colors\n$lightFocusColor: $blue300;\n$mediumFocusColor: $blue500;\n$darkFocusColor: #0f74b1;\n\n// focus rings\n$lightFocusRing: 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing: 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing: 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey600;\n\n// alert/notice colors\n$errorColor: $red600;\n$warningColor: $yellow800;\n$successColor: $teal500;\n$noticeColor: $blue800;\n\n// UI element styles\n$smallBorderRadius: 3px;\n$mediumBorderRadius: 4px;\n$largeBorderRadius: 5px;\n\n$menuBorderRadius: $mediumBorderRadius;\n$checkboxSize: 16px;\n$radioSize: 16px;\n\n@mixin sans-serif-font {\n font-family: system-ui, BlinkMacSystemFont, -apple-system, 'Segoe UI',\n 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',\n 'Helvetica Neue', sans-serif;\n}\n\n@mixin fixed-width-font {\n font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier,\n monospace;\n font-size: 0.9em !important;\n}\n\n@function toRem($values...) {\n $max: length($values);\n $remValues: '';\n\n @for $i from 1 through $max {\n $remValues: #{$remValues + calc(nth($values, $i) / 16)}rem;\n\n @if $i < $max {\n $remValues: #{$remValues + ' '};\n }\n }\n\n @return $remValues;\n}\n\n@mixin fontSize($size) {\n font-size: toRem($size);\n}\n\n// Other\n\n@mixin focus-styles {\n body:not(.reduce-focus-visibility) &:focus,\n body.reduce-focus-visibility &.focus-visible {\n @content;\n }\n}\n\n@mixin svg-mask($color) {\n rect,\n circle,\n ellipse,\n line,\n polyline,\n polygon,\n path,\n text {\n fill: $color;\n stroke-width: 0;\n }\n}\n\n@mixin icon {\n font-family: 'Craft';\n speak: none;\n -webkit-font-feature-settings: 'liga', 'dlig';\n -moz-font-feature-settings: 'liga=1, dlig=1';\n -moz-font-feature-settings: 'liga', 'dlig';\n -ms-font-feature-settings: 'liga', 'dlig';\n -o-font-feature-settings: 'liga', 'dlig';\n font-feature-settings: 'liga', 'dlig';\n text-rendering: optimizeLegibility;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n direction: ltr; // Fixes a rendering issue in Chrome/Win\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n\n display: inline-block;\n text-align: center;\n font-style: normal;\n vertical-align: middle;\n word-wrap: normal !important;\n user-select: none;\n\n opacity: var(--icon-opacity);\n}\n\n@mixin angle($dir: down, $color: currentColor, $width: 2px) {\n display: block;\n content: '';\n font-size: 0;\n width: 7px;\n height: 7px;\n border: solid $color;\n border-width: 0 $width $width 0;\n opacity: 0.8;\n\n @if $dir == up {\n transform: rotate(225deg);\n } @else if $dir == down {\n transform: rotate(45deg);\n } @else if $dir == left {\n body.ltr & {\n transform: rotate(135deg);\n }\n body.rtl & {\n transform: rotate(-45deg);\n }\n } @else if $dir == right {\n body.ltr & {\n transform: rotate(-45deg);\n }\n body.rtl & {\n transform: rotate(135deg);\n }\n }\n}\n\n@mixin clearafter {\n content: '';\n display: block;\n height: 0;\n clear: both;\n visibility: hidden;\n}\n\n@mixin shadow {\n box-shadow: 0 1px 5px -1px transparentize($grey900, 0.8);\n}\n\n@mixin pane {\n background: $white;\n box-shadow: 0 0 0 1px $grey200, 0 2px 12px transparentize($grey200, 0.5);\n\n &:focus {\n box-shadow: var(--focus-ring);\n }\n}\n\n@mixin modal {\n border-radius: $largeBorderRadius;\n background-color: $white;\n box-shadow: 0 25px 100px transparentize($grey900, 0.5);\n}\n\n@mixin light-on-dark-text() {\n // Make light on dark text sharp on Macs\n // (sub-pixel antialiasing looks too bold/blurry with light text on dark background)\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-weight: 500;\n}\n\n@mixin light-focus-ring() {\n --focus-ring: 0 0 0 1px hsl(var(--light-focus-hsl)),\n 0 0 0 3px hsla(var(--light-focus-hsl), 0.7);\n}\n\n@mixin two-color-focus-ring($light-button: true) {\n // Creates a two-color focus ring, with a white\n // If button is light, the dark box shadow is adjacent to the button\n // Else the light box shadow is adjacent to the button\n --light-color: var(--white);\n --dark-color: var(--gray-800);\n\n @if $light-button {\n --focus-ring: 0 0 0 3px var(--dark-color), 0 0 0 6px var(--light-color);\n } @else {\n --focus-ring: 0 0 0 3px var(--light-color), 0 0 0 6px var(--dark-color);\n }\n}\n\n// RTL stuff\n\n@mixin left($left) {\n body.ltr & {\n left: $left;\n }\n body.rtl & {\n right: $left;\n }\n}\n\n@mixin right($right) {\n body.ltr & {\n right: $right;\n }\n body.rtl & {\n left: $right;\n }\n}\n\n@mixin alignleft {\n body.ltr & {\n text-align: left;\n }\n body.rtl & {\n text-align: right;\n }\n}\n\n@mixin alignright {\n body.ltr & {\n text-align: right;\n }\n body.rtl & {\n text-align: left;\n }\n}\n\n@mixin border-left($params...) {\n body.ltr & {\n border-left: $params;\n }\n body.rtl & {\n border-right: $params;\n }\n}\n\n@mixin border-right($params...) {\n body.ltr & {\n border-right: $params;\n }\n body.rtl & {\n border-left: $params;\n }\n}\n\n@mixin border-left-width($param) {\n body.ltr & {\n border-left-width: $param;\n }\n body.rtl & {\n border-right-width: $param;\n }\n}\n\n@mixin border-right-width($param) {\n body.ltr & {\n border-right-width: $param;\n }\n body.rtl & {\n border-left-width: $param;\n }\n}\n\n@mixin border-radius($tl, $tr, $br, $bl) {\n body.ltr & {\n border-radius: $tl $tr $br $bl;\n }\n body.rtl & {\n border-radius: $tr $tl $bl $br;\n }\n}\n\n@mixin border-top-left-radius($params...) {\n body.ltr & {\n border-top-left-radius: $params;\n }\n body.rtl & {\n border-top-right-radius: $params;\n }\n}\n\n@mixin border-top-right-radius($params...) {\n body.ltr & {\n border-top-right-radius: $params;\n }\n body.rtl & {\n border-top-left-radius: $params;\n }\n}\n\n@mixin border-bottom-left-radius($params...) {\n body.ltr & {\n border-bottom-left-radius: $params;\n }\n body.rtl & {\n border-bottom-right-radius: $params;\n }\n}\n\n@mixin border-bottom-right-radius($params...) {\n body.ltr & {\n border-bottom-right-radius: $params;\n }\n body.rtl & {\n border-bottom-left-radius: $params;\n }\n}\n\n@mixin floatleft {\n body.ltr & {\n float: left;\n }\n body.rtl & {\n float: right;\n }\n}\n\n@mixin floatright {\n body.ltr & {\n float: right;\n }\n body.rtl & {\n float: left;\n }\n}\n\n@mixin margin($t, $r, $b, $l, $important: '') {\n body.ltr & {\n margin: $t $r $b $l unquote($important);\n }\n body.rtl & {\n margin: $t $l $b $r unquote($important);\n }\n}\n\n@mixin margin-left($margin...) {\n body.ltr & {\n margin-left: $margin;\n }\n body.rtl & {\n margin-right: $margin;\n }\n}\n\n@mixin margin-right($margin...) {\n body.ltr & {\n margin-right: $margin;\n }\n body.rtl & {\n margin-left: $margin;\n }\n}\n\n@mixin padding($t, $r, $b, $l, $important: '') {\n body.ltr & {\n padding: $t $r $b $l unquote($important);\n }\n body.rtl & {\n padding: $t $l $b $r unquote($important);\n }\n}\n\n@mixin padding-left($padding...) {\n body.ltr & {\n padding-left: $padding;\n }\n body.rtl & {\n padding-right: $padding;\n }\n}\n\n@mixin padding-right($padding...) {\n body.ltr & {\n padding-right: $padding;\n }\n body.rtl & {\n padding-left: $padding;\n }\n}\n\n// Misc\n\n@mixin dark-inputs {\n @include placeholder-styles($grey400);\n\n .btn,\n .select:not(.selectize) select {\n background-color: $grey200;\n\n &:focus,\n &:hover {\n background-color: darken($grey200, 5%);\n }\n\n &:active,\n &.active {\n background-color: darken($grey200, 10%);\n }\n }\n\n .text {\n background-color: $grey200;\n\n &:focus {\n background-color: darken($grey200, 5%);\n }\n }\n}\n\n@mixin header-btn {\n width: 30px;\n height: 30px;\n padding-left: 0;\n padding-right: 0;\n\n &:not(:hover):not(:active):not(.active) {\n background-color: transparent;\n }\n &:not(:active):not(.active):hover {\n background-color: transparentize($grey300, 0.85);\n }\n}\n\n@mixin h6-styles {\n margin: 14px 0 3px;\n font-size: 11px;\n line-height: 1.2;\n color: $lightTextColor;\n text-transform: uppercase;\n}\n\n@mixin token-styles {\n display: inline-block;\n border-radius: $smallBorderRadius;\n padding: 3px 7px;\n font-size: 12px;\n line-height: 14px;\n color: $textColor;\n background-color: $grey100;\n}\n\n@mixin active-token-styles {\n background-color: $grey200;\n}\n\n@mixin menu-styles {\n z-index: 100;\n border-radius: $menuBorderRadius;\n padding: 0 14px;\n overflow: auto;\n background: $white;\n user-select: none;\n box-shadow: 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-option-styles {\n margin: 0 -14px;\n padding: 10px 14px;\n color: $menuOptionColor;\n text-decoration: none;\n white-space: nowrap;\n}\n\n@mixin menu-option-active-styles {\n color: $menuOptionActiveColor;\n background-color: $menuOptionActiveBackgroundColor;\n}\n\n@mixin disclosure-link-hover-styles {\n color: $menuOptionColor;\n background-color: $grey050;\n}\n\n@mixin input-styles {\n border-radius: $smallBorderRadius;\n border: 1px solid transparentize($inputColor, 0.75);\n background-color: hsl(212, 50%, 99%);\n background-clip: padding-box;\n}\n\n@mixin input-focused-styles {\n box-shadow: var(--focus-ring);\n}\n\n@mixin placeholder-styles($color) {\n input::-webkit-input-placeholder,\n textarea::-webkit-input-placeholder {\n color: $color;\n }\n\n input:-ms-input-placeholder,\n textarea:-ms-input-placeholder {\n color: $color;\n }\n\n input::-ms-input-placeholder,\n textarea::-ms-input-placeholder {\n color: $color;\n }\n\n input:-moz-placeholder,\n textarea:-moz-placeholder {\n color: $color;\n }\n\n input::-moz-placeholder,\n textarea::-moz-placeholder {\n color: $color;\n }\n\n input::placeholder,\n textarea::placeholder {\n color: $color;\n }\n}\n\n@mixin select-styles {\n position: relative;\n border-radius: $largeBorderRadius;\n white-space: nowrap;\n}\n\n@mixin select-container-styles {\n max-width: 100%;\n position: relative;\n :not(.flex) > & {\n display: inline-block;\n }\n}\n\n@mixin select-arrow-styles {\n @include angle;\n position: absolute;\n z-index: 1;\n top: calc(50% - 5px);\n @include right(9px);\n user-select: none;\n pointer-events: none;\n}\n\n@mixin select-input-styles {\n display: block;\n position: relative;\n max-width: 100%;\n border: none;\n @include padding(7px, 22px, 7px, 10px);\n font-size: 14px;\n line-height: 20px;\n color: $textColor;\n background-color: hsl(212, 25%, 90%);\n appearance: none;\n // from https://stackoverflow.com/a/15933790/1688568\n &::-ms-expand {\n display: none;\n }\n}\n\n@mixin select-input-fullwidth-styles {\n min-width: 100%;\n}\n\n@mixin select-input-focused-styles {\n outline-color: transparent;\n background-color: hsl(212, 25%, 85%);\n box-shadow: var(--focus-ring);\n}\n\n@mixin touch-target {\n height: var(--touch-target-size);\n width: var(--touch-target-size);\n}\n\n@mixin visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: 0;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\n@mixin readable {\n font-size: 16px;\n line-height: 22px;\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6 {\n font-size: 13.6px;\n line-height: 17px;\n color: $mediumTextColor;\n }\n\n ul,\n ol {\n margin: 1em 0;\n @include padding-left(2em);\n }\n\n ul li {\n list-style-type: disc;\n }\n\n li + li {\n margin-top: 0.25em;\n }\n\n blockquote {\n margin: 16px 0;\n\n &:not(.note) {\n padding: 0 16px;\n color: $mediumTextColor;\n @include border-left(4px solid $hairlineColor);\n }\n\n &.note {\n position: relative;\n border-radius: 4px;\n padding: 1em;\n @include padding-left(56px);\n border: 1px solid;\n\n &:not(.tip):not(.warning) {\n border-color: $errorColor;\n color: #bf503f;\n\n &:before {\n content: 'alert';\n color: $errorColor;\n }\n }\n\n &.tip {\n border-color: $linkColor;\n color: $mediumTextColor;\n\n &:before {\n content: 'lightbulb';\n color: $linkColor;\n }\n }\n\n &.warning {\n border-color: $warningColor;\n color: #cf783a;\n\n &:before {\n content: 'alert';\n color: $warningColor;\n }\n }\n\n &:before {\n @include icon;\n position: absolute;\n top: 12px;\n @include left(16px);\n font-size: 30px;\n width: 24px;\n }\n }\n }\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/src/web/assets/login/dist/css/login.css.map b/src/web/assets/login/dist/css/login.css.map
index b403a0b472a..aa20e11744a 100644
--- a/src/web/assets/login/dist/css/login.css.map
+++ b/src/web/assets/login/dist/css/login.css.map
@@ -1 +1 @@
-{"version":3,"file":"css/login.css","mappings":"AAGA,KACE,YAGF,KAGE,8CAFA,kCACA,oDAEA,sDACA,gBAGF,OACE,YAGF,UAGE,qBADA,cADA,iBAEA,CAGF,YAEE,YADA,UACA,CAGF,gBACE,YAGF,YACE,kBAEA,mBACE,SAGF,iBACE,kCAIJ,WAIE,yCAHA,cAEA,kBADA,sBAEA,CAGF,iBACE,UAGF,mBACE,aAIA,4CAGE,qBAAoB,CADpB,wEADA,kBAEA,CAEA,kDACE,wBACA,mBAMJ,oIAGE,aAGF,8CACE,cAIJ,iBAEE,wEADA,kBACA,CAEA,uBACE,UAGF,2BAEE,sBC4WF,oCACE,4BAEF,oCACE,4BA7JF,2CACE,UDhNe,CCkNjB,2CACE,SDnNe,CAInB,mBACE,oBAGF,oBACE,4BAGF,kBACE,kCACA,sDCiVA,2BACE,iBD9UF,CCgVA,2BACE,gBDjVF,CAGF,oCAGE,+BADA,cACA,CAGF,gGAIE,wBAGF,oBACE,kCACA,YACA,WAGF,cAEE,yBACA,eAFA,iBAEA,CAGF,WACE,cAGA,mBADA,gBAEA,WAHA,iBAGA,CAEA,eACE,qBAIJ,oDAGE,UAGF,kBACE,YCgTA,iCACE,iBD7SF,CC+SA,iCACE,kBDhTF,CAGF,+BCYE,WACA,4CAGA,wCACA,uCACA,oCACA,kCAMA,mCACA,kCAMA,2BDxBA,wBAFA,eCkBA,cAIA,qBD1BA,cCSA,kBDJA,eCuBA,kBATA,oBADA,gBAGA,cAYA,4BDhCA,kBC0BA,kBAPA,oBDlBA,SC6BA,0CAFA,qBDvBA,CCsHA,wCACE,SD1HY,CC4Hd,wCACE,UD7HY","sources":["webpack:///./login.scss","webpack:///../../../../../packages/craftcms-sass/_mixins.scss"],"sourcesContent":["@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\nhtml {\n height: 100%;\n}\n\nbody {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n min-height: 100%;\n}\n\n#login {\n width: 300px;\n}\n\n#login h1 {\n text-align: center;\n font-size: 3em;\n word-wrap: break-word;\n}\n\n#login-logo {\n width: 100%;\n height: auto;\n}\n\n#login-form-top {\n padding: 1px;\n}\n\n#login-form {\n position: relative;\n\n .field {\n margin: 0;\n }\n\n .btn {\n display: flex;\n }\n}\n\n#loginName {\n margin: 0 -1px;\n width: calc(100% + 2px);\n padding: 14px 16px;\n border-radius: var(--large-border-radius);\n}\n\n#loginName-field {\n z-index: 1;\n}\n\n#remember-password {\n display: none;\n}\n\n#login-form:not(.reset-password) {\n #loginName {\n margin: -1px -1px 0;\n border-radius: var(--large-border-radius) var(--large-border-radius) 0 0;\n border-bottom-width: 0;\n\n &:focus {\n border-bottom-width: 1px;\n margin-bottom: -1px;\n }\n }\n}\n\n#login-form.reset-password {\n #password-field,\n #rememberMe-field,\n #forgot-password {\n display: none;\n }\n\n #remember-password {\n display: block;\n }\n}\n\n.passwordwrapper {\n margin: 0 -1px -1px;\n border-radius: 0 0 var(--large-border-radius) var(--large-border-radius);\n\n &.focus {\n z-index: 1;\n }\n\n #password {\n @include padding(14px, 4rem, 14px, 16px);\n border-radius: inherit;\n }\n\n .password-toggle {\n @include right(14px);\n }\n}\n\n#login-form-bottom {\n margin-top: var(--m);\n}\n\n#login-form-buttons {\n margin: var(--xl) 0 var(--s);\n}\n\n#login-form-extra {\n display: flex;\n justify-content: center;\n}\n\n#rememberMe-field {\n @include margin-right(14px);\n}\n\n#forgot-password,\n#remember-password {\n font-size: 11px;\n color: var(--medium-text-color);\n}\n\n#forgot-password:hover,\n#forgot-password:focus,\n#remember-password:hover,\n#remember-password:focus {\n color: var(--link-color);\n}\n\n#login-form .submit {\n display: flex;\n height: 44px;\n width: 100%;\n}\n\n#login-errors {\n text-align: center;\n color: var(--error-color);\n margin-top: 1em;\n}\n\n#poweredby {\n display: block;\n text-align: center;\n margin-top: 70px;\n margin-bottom: 48px;\n opacity: 0.8;\n\n > svg {\n display: inline-block;\n }\n}\n\n#poweredby:hover,\n#poweredby:focus,\n#poweredby:active {\n opacity: 1;\n}\n\n.modal.email-sent {\n width: 300px;\n}\n\n.modal.email-sent .body {\n @include padding-left(68px);\n}\n\n.modal.email-sent .body:before {\n @include icon;\n display: block;\n position: absolute;\n top: 24px;\n @include left(24px);\n content: 'mail';\n font-size: 30px;\n color: var(--link-color);\n}\n","$white: #fff;\n$black: #000;\n\n$grey050: hsl(212, 60%, 97%);\n$grey100: hsl(212, 50%, 93%);\n$grey200: hsl(212, 30%, 85%);\n$grey300: hsl(211, 13%, 65%);\n$grey350: hsl(211, 11%, 59%);\n$grey400: hsl(210, 10%, 53%);\n$grey500: hsl(211, 12%, 43%);\n$grey550: hsl(210, 13%, 40%);\n$grey600: hsl(209, 14%, 37%);\n$grey700: hsl(209, 18%, 30%);\n$grey800: hsl(209, 20%, 25%);\n$grey900: hsl(210, 24%, 16%);\n$grey1000: hsl(210, 24%, 10%);\n\n$blue050: #e3f8ff;\n$blue100: #b3ecff;\n$blue200: #81defd;\n$blue300: #5ed0fa;\n$blue400: #40c3f7;\n$blue500: #2bb0ed;\n$blue600: #1992d4;\n$blue700: #127fbf;\n$blue800: #0b69a3;\n$blue900: #035388;\n\n$cyan050: #e0fcff;\n$cyan100: #bef8fd;\n$cyan200: #87eaf2;\n$cyan300: #54d1db;\n$cyan400: #38bec9;\n$cyan500: #2cb1bc;\n$cyan600: #14919b;\n$cyan700: #0e7c86;\n$cyan800: #0a6c74;\n$cyan900: #044e54;\n\n$pink050: #ffe3ec;\n$pink100: #ffb8d2;\n$pink200: #ff8cba;\n$pink300: #f364a2;\n$pink400: #e8368f;\n$pink500: #da127d;\n$pink600: #bc0a6f;\n$pink700: #a30664;\n$pink800: #870557;\n$pink900: #620042;\n\n$red050: #ffe3e3;\n$red100: #ffbdbd;\n$red200: #ff9b9b;\n$red300: #f86a6a;\n$red400: #ef4e4e;\n$red500: #e12d39;\n$red600: #cf1124;\n$red700: #ab091e;\n$red800: #8a041a;\n$red900: #610316;\n\n$yellow050: #fffbea;\n$yellow100: #fff3c4;\n$yellow200: #fce588;\n$yellow300: #fadb5f;\n$yellow400: #f7c948;\n$yellow500: #f0b429;\n$yellow600: #de911d;\n$yellow700: #cb6e17;\n$yellow800: #b44d12;\n$yellow900: #8d2b0b;\n\n$teal050: #effcf6;\n$teal100: #c6f7e2;\n$teal200: #8eedc7;\n$teal300: #65d6ad;\n$teal400: #3ebd93;\n$teal500: #27ab83;\n$teal600: #199473;\n$teal700: #147d64;\n$teal800: #0c6b58;\n$teal900: #014d40;\n\n// submit button colors\n$primaryColor: $red500;\n$secondaryColor: $grey500;\n\n$inputColor: hsl(212, 25%, 50%);\n\n// text colors\n$textColor: $grey700;\n$mediumDarkTextColor: $grey550;\n$mediumTextColor: $grey550;\n$lightTextColor: $grey500;\n$linkColor: #2563eb;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $white;\n$menuOptionActiveBackgroundColor: $grey500;\n\n// hairline colors\n$hairlineColor: transparentize($grey800, 0.9);\n$mediumHairlineColor: transparentize($grey600, 0.75);\n$darkHairlineColor: transparentize($grey400, 0.5);\n\n// focus colors\n$lightFocusColor: $blue300;\n$mediumFocusColor: $blue500;\n$darkFocusColor: #0f74b1;\n\n// focus rings\n$lightFocusRing: 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing: 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing: 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey600;\n\n// alert/notice colors\n$errorColor: $red600;\n$warningColor: $yellow800;\n$successColor: $teal500;\n$noticeColor: $blue800;\n\n// UI element styles\n$smallBorderRadius: 3px;\n$mediumBorderRadius: 4px;\n$largeBorderRadius: 5px;\n\n$menuBorderRadius: $mediumBorderRadius;\n$checkboxSize: 16px;\n$radioSize: 16px;\n\n@mixin sans-serif-font {\n font-family: system-ui, BlinkMacSystemFont, -apple-system, 'Segoe UI',\n 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',\n 'Helvetica Neue', sans-serif;\n}\n\n@mixin fixed-width-font {\n font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier,\n monospace;\n font-size: 0.9em !important;\n}\n\n@function toRem($size) {\n $remValue: calc($size / 16) + rem;\n @return $remValue;\n}\n\n@mixin fontSize($size) {\n font-size: toRem($size);\n}\n\n// Other\n\n@mixin focus-styles {\n body:not(.reduce-focus-visibility) &:focus,\n body.reduce-focus-visibility &.focus-visible {\n @content;\n }\n}\n\n@mixin svg-mask($color) {\n rect,\n circle,\n ellipse,\n line,\n polyline,\n polygon,\n path,\n text {\n fill: $color;\n stroke-width: 0;\n }\n}\n\n@mixin icon {\n font-family: 'Craft';\n speak: none;\n -webkit-font-feature-settings: 'liga', 'dlig';\n -moz-font-feature-settings: 'liga=1, dlig=1';\n -moz-font-feature-settings: 'liga', 'dlig';\n -ms-font-feature-settings: 'liga', 'dlig';\n -o-font-feature-settings: 'liga', 'dlig';\n font-feature-settings: 'liga', 'dlig';\n text-rendering: optimizeLegibility;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n direction: ltr; // Fixes a rendering issue in Chrome/Win\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n\n display: inline-block;\n text-align: center;\n font-style: normal;\n vertical-align: middle;\n word-wrap: normal !important;\n user-select: none;\n\n opacity: var(--icon-opacity);\n}\n\n@mixin angle($dir: down, $color: currentColor, $width: 2px) {\n display: block;\n content: '';\n font-size: 0;\n width: 7px;\n height: 7px;\n border: solid $color;\n border-width: 0 $width $width 0;\n opacity: 0.8;\n\n @if $dir == up {\n transform: rotate(225deg);\n } @else if $dir == down {\n transform: rotate(45deg);\n } @else if $dir == left {\n body.ltr & {\n transform: rotate(135deg);\n }\n body.rtl & {\n transform: rotate(-45deg);\n }\n } @else if $dir == right {\n body.ltr & {\n transform: rotate(-45deg);\n }\n body.rtl & {\n transform: rotate(135deg);\n }\n }\n}\n\n@mixin clearafter {\n content: '';\n display: block;\n height: 0;\n clear: both;\n visibility: hidden;\n}\n\n@mixin shadow {\n box-shadow: 0 1px 5px -1px transparentize($grey900, 0.8);\n}\n\n@mixin pane {\n background: $white;\n box-shadow: 0 0 0 1px $grey200, 0 2px 12px transparentize($grey200, 0.5);\n\n &:focus {\n box-shadow: var(--focus-ring);\n }\n}\n\n@mixin modal {\n border-radius: $largeBorderRadius;\n background-color: $white;\n box-shadow: 0 25px 100px transparentize($grey900, 0.5);\n}\n\n@mixin light-on-dark-text() {\n // Make light on dark text sharp on Macs\n // (sub-pixel antialiasing looks too bold/blurry with light text on dark background)\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-weight: 500;\n}\n\n@mixin light-focus-ring() {\n --focus-ring: 0 0 0 1px hsl(var(--light-focus-hsl)),\n 0 0 0 3px hsla(var(--light-focus-hsl), 0.7);\n}\n\n@mixin two-color-focus-ring($light-button: true) {\n // Creates a two-color focus ring, with a white\n // If button is light, the dark box shadow is adjacent to the button\n // Else the light box shadow is adjacent to the button\n --light-color: var(--white);\n --dark-color: var(--gray-800);\n\n @if $light-button {\n --focus-ring: 0 0 0 3px var(--dark-color), 0 0 0 6px var(--light-color);\n } @else {\n --focus-ring: 0 0 0 3px var(--light-color), 0 0 0 6px var(--dark-color);\n }\n}\n\n// RTL stuff\n\n@mixin left($left) {\n body.ltr & {\n left: $left;\n }\n body.rtl & {\n right: $left;\n }\n}\n\n@mixin right($right) {\n body.ltr & {\n right: $right;\n }\n body.rtl & {\n left: $right;\n }\n}\n\n@mixin alignleft {\n body.ltr & {\n text-align: left;\n }\n body.rtl & {\n text-align: right;\n }\n}\n\n@mixin alignright {\n body.ltr & {\n text-align: right;\n }\n body.rtl & {\n text-align: left;\n }\n}\n\n@mixin border-left($params...) {\n body.ltr & {\n border-left: $params;\n }\n body.rtl & {\n border-right: $params;\n }\n}\n\n@mixin border-right($params...) {\n body.ltr & {\n border-right: $params;\n }\n body.rtl & {\n border-left: $params;\n }\n}\n\n@mixin border-left-width($param) {\n body.ltr & {\n border-left-width: $param;\n }\n body.rtl & {\n border-right-width: $param;\n }\n}\n\n@mixin border-right-width($param) {\n body.ltr & {\n border-right-width: $param;\n }\n body.rtl & {\n border-left-width: $param;\n }\n}\n\n@mixin border-radius($tl, $tr, $br, $bl) {\n body.ltr & {\n border-radius: $tl $tr $br $bl;\n }\n body.rtl & {\n border-radius: $tr $tl $bl $br;\n }\n}\n\n@mixin border-top-left-radius($params...) {\n body.ltr & {\n border-top-left-radius: $params;\n }\n body.rtl & {\n border-top-right-radius: $params;\n }\n}\n\n@mixin border-top-right-radius($params...) {\n body.ltr & {\n border-top-right-radius: $params;\n }\n body.rtl & {\n border-top-left-radius: $params;\n }\n}\n\n@mixin border-bottom-left-radius($params...) {\n body.ltr & {\n border-bottom-left-radius: $params;\n }\n body.rtl & {\n border-bottom-right-radius: $params;\n }\n}\n\n@mixin border-bottom-right-radius($params...) {\n body.ltr & {\n border-bottom-right-radius: $params;\n }\n body.rtl & {\n border-bottom-left-radius: $params;\n }\n}\n\n@mixin floatleft {\n body.ltr & {\n float: left;\n }\n body.rtl & {\n float: right;\n }\n}\n\n@mixin floatright {\n body.ltr & {\n float: right;\n }\n body.rtl & {\n float: left;\n }\n}\n\n@mixin margin($t, $r, $b, $l, $important: '') {\n body.ltr & {\n margin: $t $r $b $l unquote($important);\n }\n body.rtl & {\n margin: $t $l $b $r unquote($important);\n }\n}\n\n@mixin margin-left($margin...) {\n body.ltr & {\n margin-left: $margin;\n }\n body.rtl & {\n margin-right: $margin;\n }\n}\n\n@mixin margin-right($margin...) {\n body.ltr & {\n margin-right: $margin;\n }\n body.rtl & {\n margin-left: $margin;\n }\n}\n\n@mixin padding($t, $r, $b, $l, $important: '') {\n body.ltr & {\n padding: $t $r $b $l unquote($important);\n }\n body.rtl & {\n padding: $t $l $b $r unquote($important);\n }\n}\n\n@mixin padding-left($padding...) {\n body.ltr & {\n padding-left: $padding;\n }\n body.rtl & {\n padding-right: $padding;\n }\n}\n\n@mixin padding-right($padding...) {\n body.ltr & {\n padding-right: $padding;\n }\n body.rtl & {\n padding-left: $padding;\n }\n}\n\n// Misc\n\n@mixin dark-inputs {\n @include placeholder-styles($grey400);\n\n .btn,\n .select:not(.selectize) select {\n background-color: $grey200;\n\n &:focus,\n &:hover {\n background-color: darken($grey200, 5%);\n }\n\n &:active,\n &.active {\n background-color: darken($grey200, 10%);\n }\n }\n\n .text {\n background-color: $grey200;\n\n &:focus {\n background-color: darken($grey200, 5%);\n }\n }\n}\n\n@mixin header-btn {\n width: 30px;\n height: 30px;\n padding-left: 0;\n padding-right: 0;\n\n &:not(:hover):not(:active):not(.active) {\n background-color: transparent;\n }\n &:not(:active):not(.active):hover {\n background-color: transparentize($grey300, 0.85);\n }\n}\n\n@mixin h6-styles {\n margin: 14px 0 3px;\n font-size: 11px;\n line-height: 1.2;\n color: $lightTextColor;\n text-transform: uppercase;\n}\n\n@mixin token-styles {\n display: inline-block;\n border-radius: $smallBorderRadius;\n padding: 3px 7px;\n font-size: 12px;\n line-height: 14px;\n color: $textColor;\n background-color: $grey100;\n}\n\n@mixin active-token-styles {\n background-color: $grey200;\n}\n\n@mixin menu-styles {\n z-index: 100;\n border-radius: $menuBorderRadius;\n padding: 0 14px;\n overflow: auto;\n background: $white;\n user-select: none;\n box-shadow: 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-option-styles {\n margin: 0 -14px;\n padding: 10px 14px;\n color: $menuOptionColor;\n text-decoration: none;\n white-space: nowrap;\n}\n\n@mixin menu-option-active-styles {\n color: $menuOptionActiveColor;\n background-color: $menuOptionActiveBackgroundColor;\n}\n\n@mixin disclosure-link-hover-styles {\n color: $menuOptionColor;\n background-color: $grey050;\n}\n\n@mixin input-styles {\n border-radius: $smallBorderRadius;\n border: 1px solid transparentize($inputColor, 0.75);\n background-color: hsl(212, 50%, 99%);\n background-clip: padding-box;\n}\n\n@mixin input-focused-styles {\n box-shadow: var(--focus-ring);\n}\n\n@mixin placeholder-styles($color) {\n ::-webkit-input-placeholder {\n color: $color;\n }\n\n input:-ms-input-placeholder {\n color: $color;\n }\n\n ::-ms-input-placeholder {\n color: $color;\n }\n\n :-moz-placeholder {\n color: $color;\n }\n\n ::-moz-placeholder {\n color: $color;\n }\n\n ::placeholder {\n color: $color;\n }\n}\n\n@mixin select-styles {\n position: relative;\n border-radius: $largeBorderRadius;\n white-space: nowrap;\n}\n\n@mixin select-container-styles {\n max-width: 100%;\n position: relative;\n :not(.flex) > & {\n display: inline-block;\n }\n}\n\n@mixin select-arrow-styles {\n @include angle;\n position: absolute;\n z-index: 1;\n top: calc(50% - 5px);\n @include right(9px);\n user-select: none;\n pointer-events: none;\n}\n\n@mixin select-input-styles {\n display: block;\n position: relative;\n max-width: 100%;\n border: none;\n @include padding(7px, 22px, 7px, 10px);\n font-size: 14px;\n line-height: 20px;\n color: $textColor;\n background-color: hsl(212, 25%, 90%);\n appearance: none;\n // from https://stackoverflow.com/a/15933790/1688568\n &::-ms-expand {\n display: none;\n }\n}\n\n@mixin select-input-fullwidth-styles {\n min-width: 100%;\n}\n\n@mixin select-input-focused-styles {\n outline-color: transparent;\n background-color: hsl(212, 25%, 85%);\n box-shadow: var(--focus-ring);\n}\n\n@mixin touch-target {\n height: var(--touch-target-size);\n width: var(--touch-target-size);\n}\n\n@mixin visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: 0;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\n@mixin readable {\n font-size: 16px;\n line-height: 22px;\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6 {\n font-size: 13.6px;\n line-height: 17px;\n color: $mediumTextColor;\n }\n\n ul,\n ol {\n margin: 1em 0;\n @include padding-left(2em);\n }\n\n ul li {\n list-style-type: disc;\n }\n\n li + li {\n margin-top: 0.25em;\n }\n\n blockquote {\n margin: 16px 0;\n\n &:not(.note) {\n padding: 0 16px;\n color: $mediumTextColor;\n @include border-left(4px solid $hairlineColor);\n }\n\n &.note {\n position: relative;\n border-radius: 4px;\n padding: 1em;\n @include padding-left(56px);\n border: 1px solid;\n\n &:not(.tip):not(.warning) {\n border-color: $errorColor;\n color: #bf503f;\n\n &:before {\n content: 'alert';\n color: $errorColor;\n }\n }\n\n &.tip {\n border-color: $linkColor;\n color: $mediumTextColor;\n\n &:before {\n content: 'lightbulb';\n color: $linkColor;\n }\n }\n\n &.warning {\n border-color: $warningColor;\n color: #cf783a;\n\n &:before {\n content: 'alert';\n color: $warningColor;\n }\n }\n\n &:before {\n @include icon;\n position: absolute;\n top: 12px;\n @include left(16px);\n font-size: 30px;\n width: 24px;\n }\n }\n }\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"css/login.css","mappings":"AAGA,KACE,YAGF,KAGE,8CAFA,kCACA,oDAEA,sDACA,gBAGF,OACE,YAGF,UAGE,qBADA,cADA,iBAEA,CAGF,YAEE,YADA,UACA,CAGF,gBACE,YAGF,YACE,kBAEA,mBACE,SAGF,iBACE,kCAIJ,WAIE,yCAHA,cAEA,kBADA,sBAEA,CAGF,iBACE,UAGF,mBACE,aAIA,4CAGE,qBAAoB,CADpB,wEADA,kBAEA,CAEA,kDACE,wBACA,mBAMJ,oIAGE,aAGF,8CACE,cAIJ,iBAEE,wEADA,kBACA,CAEA,uBACE,UAGF,2BAEE,sBCsXF,oCACE,4BAEF,oCACE,4BA7JF,2CACE,UD1Ne,CC4NjB,2CACE,SD7Ne,CAInB,mBACE,oBAGF,oBACE,4BAGF,kBACE,kCACA,sDC2VA,2BACE,iBDxVF,CC0VA,2BACE,gBD3VF,CAGF,oCAGE,+BADA,cACA,CAGF,gGAIE,wBAGF,oBACE,kCACA,YACA,WAGF,cAEE,yBACA,eAFA,iBAEA,CAGF,WACE,cAGA,mBADA,gBAEA,WAHA,iBAGA,CAEA,eACE,qBAIJ,oDAGE,UAGF,kBACE,YC0TA,iCACE,iBDvTF,CCyTA,iCACE,kBD1TF,CAGF,+BCsBE,WACA,4CAGA,wCACA,uCACA,oCACA,kCAMA,mCACA,kCAMA,2BDlCA,wBAFA,eC4BA,cAIA,qBDpCA,cCmBA,kBDdA,eCiCA,kBATA,oBADA,gBAGA,cAYA,4BD1CA,kBCoCA,kBAPA,oBD5BA,SCuCA,0CAFA,qBDjCA,CCgIA,wCACE,SDpIY,CCsId,wCACE,UDvIY","sources":["webpack:///./login.scss","webpack:///../../../../../packages/craftcms-sass/_mixins.scss"],"sourcesContent":["@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\nhtml {\n height: 100%;\n}\n\nbody {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n min-height: 100%;\n}\n\n#login {\n width: 300px;\n}\n\n#login h1 {\n text-align: center;\n font-size: 3em;\n word-wrap: break-word;\n}\n\n#login-logo {\n width: 100%;\n height: auto;\n}\n\n#login-form-top {\n padding: 1px;\n}\n\n#login-form {\n position: relative;\n\n .field {\n margin: 0;\n }\n\n .btn {\n display: flex;\n }\n}\n\n#loginName {\n margin: 0 -1px;\n width: calc(100% + 2px);\n padding: 14px 16px;\n border-radius: var(--large-border-radius);\n}\n\n#loginName-field {\n z-index: 1;\n}\n\n#remember-password {\n display: none;\n}\n\n#login-form:not(.reset-password) {\n #loginName {\n margin: -1px -1px 0;\n border-radius: var(--large-border-radius) var(--large-border-radius) 0 0;\n border-bottom-width: 0;\n\n &:focus {\n border-bottom-width: 1px;\n margin-bottom: -1px;\n }\n }\n}\n\n#login-form.reset-password {\n #password-field,\n #rememberMe-field,\n #forgot-password {\n display: none;\n }\n\n #remember-password {\n display: block;\n }\n}\n\n.passwordwrapper {\n margin: 0 -1px -1px;\n border-radius: 0 0 var(--large-border-radius) var(--large-border-radius);\n\n &.focus {\n z-index: 1;\n }\n\n #password {\n @include padding(14px, 4rem, 14px, 16px);\n border-radius: inherit;\n }\n\n .password-toggle {\n @include right(14px);\n }\n}\n\n#login-form-bottom {\n margin-top: var(--m);\n}\n\n#login-form-buttons {\n margin: var(--xl) 0 var(--s);\n}\n\n#login-form-extra {\n display: flex;\n justify-content: center;\n}\n\n#rememberMe-field {\n @include margin-right(14px);\n}\n\n#forgot-password,\n#remember-password {\n font-size: 11px;\n color: var(--medium-text-color);\n}\n\n#forgot-password:hover,\n#forgot-password:focus,\n#remember-password:hover,\n#remember-password:focus {\n color: var(--link-color);\n}\n\n#login-form .submit {\n display: flex;\n height: 44px;\n width: 100%;\n}\n\n#login-errors {\n text-align: center;\n color: var(--error-color);\n margin-top: 1em;\n}\n\n#poweredby {\n display: block;\n text-align: center;\n margin-top: 70px;\n margin-bottom: 48px;\n opacity: 0.8;\n\n > svg {\n display: inline-block;\n }\n}\n\n#poweredby:hover,\n#poweredby:focus,\n#poweredby:active {\n opacity: 1;\n}\n\n.modal.email-sent {\n width: 300px;\n}\n\n.modal.email-sent .body {\n @include padding-left(68px);\n}\n\n.modal.email-sent .body:before {\n @include icon;\n display: block;\n position: absolute;\n top: 24px;\n @include left(24px);\n content: 'mail';\n font-size: 30px;\n color: var(--link-color);\n}\n","$white: #fff;\n$black: #000;\n\n$grey050: hsl(212, 60%, 97%);\n$grey100: hsl(212, 50%, 93%);\n$grey200: hsl(212, 30%, 85%);\n$grey300: hsl(211, 13%, 65%);\n$grey350: hsl(211, 11%, 59%);\n$grey400: hsl(210, 10%, 53%);\n$grey500: hsl(211, 12%, 43%);\n$grey550: hsl(210, 13%, 40%);\n$grey600: hsl(209, 14%, 37%);\n$grey700: hsl(209, 18%, 30%);\n$grey800: hsl(209, 20%, 25%);\n$grey900: hsl(210, 24%, 16%);\n$grey1000: hsl(210, 24%, 10%);\n\n$blue050: #e3f8ff;\n$blue100: #b3ecff;\n$blue200: #81defd;\n$blue300: #5ed0fa;\n$blue400: #40c3f7;\n$blue500: #2bb0ed;\n$blue600: #1992d4;\n$blue700: #127fbf;\n$blue800: #0b69a3;\n$blue900: #035388;\n\n$cyan050: #e0fcff;\n$cyan100: #bef8fd;\n$cyan200: #87eaf2;\n$cyan300: #54d1db;\n$cyan400: #38bec9;\n$cyan500: #2cb1bc;\n$cyan600: #14919b;\n$cyan700: #0e7c86;\n$cyan800: #0a6c74;\n$cyan900: #044e54;\n\n$pink050: #ffe3ec;\n$pink100: #ffb8d2;\n$pink200: #ff8cba;\n$pink300: #f364a2;\n$pink400: #e8368f;\n$pink500: #da127d;\n$pink600: #bc0a6f;\n$pink700: #a30664;\n$pink800: #870557;\n$pink900: #620042;\n\n$red050: #ffe3e3;\n$red100: #ffbdbd;\n$red200: #ff9b9b;\n$red300: #f86a6a;\n$red400: #ef4e4e;\n$red500: #e12d39;\n$red600: #cf1124;\n$red700: #ab091e;\n$red800: #8a041a;\n$red900: #610316;\n\n$yellow050: #fffbea;\n$yellow100: #fff3c4;\n$yellow200: #fce588;\n$yellow300: #fadb5f;\n$yellow400: #f7c948;\n$yellow500: #f0b429;\n$yellow600: #de911d;\n$yellow700: #cb6e17;\n$yellow800: #b44d12;\n$yellow900: #8d2b0b;\n\n$teal050: #effcf6;\n$teal100: #c6f7e2;\n$teal200: #8eedc7;\n$teal300: #65d6ad;\n$teal400: #3ebd93;\n$teal500: #27ab83;\n$teal600: #199473;\n$teal700: #147d64;\n$teal800: #0c6b58;\n$teal900: #014d40;\n\n// submit button colors\n$primaryColor: $red500;\n$secondaryColor: $grey500;\n\n$inputColor: hsl(212, 25%, 50%);\n\n// text colors\n$textColor: $grey700;\n$mediumDarkTextColor: $grey550;\n$mediumTextColor: $grey550;\n$lightTextColor: $grey500;\n$linkColor: #2563eb;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $white;\n$menuOptionActiveBackgroundColor: $grey500;\n\n// hairline colors\n$hairlineColor: transparentize($grey800, 0.9);\n$mediumHairlineColor: transparentize($grey600, 0.75);\n$darkHairlineColor: transparentize($grey400, 0.5);\n\n// focus colors\n$lightFocusColor: $blue300;\n$mediumFocusColor: $blue500;\n$darkFocusColor: #0f74b1;\n\n// focus rings\n$lightFocusRing: 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing: 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing: 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey600;\n\n// alert/notice colors\n$errorColor: $red600;\n$warningColor: $yellow800;\n$successColor: $teal500;\n$noticeColor: $blue800;\n\n// UI element styles\n$smallBorderRadius: 3px;\n$mediumBorderRadius: 4px;\n$largeBorderRadius: 5px;\n\n$menuBorderRadius: $mediumBorderRadius;\n$checkboxSize: 16px;\n$radioSize: 16px;\n\n@mixin sans-serif-font {\n font-family: system-ui, BlinkMacSystemFont, -apple-system, 'Segoe UI',\n 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',\n 'Helvetica Neue', sans-serif;\n}\n\n@mixin fixed-width-font {\n font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier,\n monospace;\n font-size: 0.9em !important;\n}\n\n@function toRem($values...) {\n $max: length($values);\n $remValues: '';\n\n @for $i from 1 through $max {\n $remValues: #{$remValues + calc(nth($values, $i) / 16)}rem;\n\n @if $i < $max {\n $remValues: #{$remValues + ' '};\n }\n }\n\n @return $remValues;\n}\n\n@mixin fontSize($size) {\n font-size: toRem($size);\n}\n\n// Other\n\n@mixin focus-styles {\n body:not(.reduce-focus-visibility) &:focus,\n body.reduce-focus-visibility &.focus-visible {\n @content;\n }\n}\n\n@mixin svg-mask($color) {\n rect,\n circle,\n ellipse,\n line,\n polyline,\n polygon,\n path,\n text {\n fill: $color;\n stroke-width: 0;\n }\n}\n\n@mixin icon {\n font-family: 'Craft';\n speak: none;\n -webkit-font-feature-settings: 'liga', 'dlig';\n -moz-font-feature-settings: 'liga=1, dlig=1';\n -moz-font-feature-settings: 'liga', 'dlig';\n -ms-font-feature-settings: 'liga', 'dlig';\n -o-font-feature-settings: 'liga', 'dlig';\n font-feature-settings: 'liga', 'dlig';\n text-rendering: optimizeLegibility;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n direction: ltr; // Fixes a rendering issue in Chrome/Win\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n\n display: inline-block;\n text-align: center;\n font-style: normal;\n vertical-align: middle;\n word-wrap: normal !important;\n user-select: none;\n\n opacity: var(--icon-opacity);\n}\n\n@mixin angle($dir: down, $color: currentColor, $width: 2px) {\n display: block;\n content: '';\n font-size: 0;\n width: 7px;\n height: 7px;\n border: solid $color;\n border-width: 0 $width $width 0;\n opacity: 0.8;\n\n @if $dir == up {\n transform: rotate(225deg);\n } @else if $dir == down {\n transform: rotate(45deg);\n } @else if $dir == left {\n body.ltr & {\n transform: rotate(135deg);\n }\n body.rtl & {\n transform: rotate(-45deg);\n }\n } @else if $dir == right {\n body.ltr & {\n transform: rotate(-45deg);\n }\n body.rtl & {\n transform: rotate(135deg);\n }\n }\n}\n\n@mixin clearafter {\n content: '';\n display: block;\n height: 0;\n clear: both;\n visibility: hidden;\n}\n\n@mixin shadow {\n box-shadow: 0 1px 5px -1px transparentize($grey900, 0.8);\n}\n\n@mixin pane {\n background: $white;\n box-shadow: 0 0 0 1px $grey200, 0 2px 12px transparentize($grey200, 0.5);\n\n &:focus {\n box-shadow: var(--focus-ring);\n }\n}\n\n@mixin modal {\n border-radius: $largeBorderRadius;\n background-color: $white;\n box-shadow: 0 25px 100px transparentize($grey900, 0.5);\n}\n\n@mixin light-on-dark-text() {\n // Make light on dark text sharp on Macs\n // (sub-pixel antialiasing looks too bold/blurry with light text on dark background)\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-weight: 500;\n}\n\n@mixin light-focus-ring() {\n --focus-ring: 0 0 0 1px hsl(var(--light-focus-hsl)),\n 0 0 0 3px hsla(var(--light-focus-hsl), 0.7);\n}\n\n@mixin two-color-focus-ring($light-button: true) {\n // Creates a two-color focus ring, with a white\n // If button is light, the dark box shadow is adjacent to the button\n // Else the light box shadow is adjacent to the button\n --light-color: var(--white);\n --dark-color: var(--gray-800);\n\n @if $light-button {\n --focus-ring: 0 0 0 3px var(--dark-color), 0 0 0 6px var(--light-color);\n } @else {\n --focus-ring: 0 0 0 3px var(--light-color), 0 0 0 6px var(--dark-color);\n }\n}\n\n// RTL stuff\n\n@mixin left($left) {\n body.ltr & {\n left: $left;\n }\n body.rtl & {\n right: $left;\n }\n}\n\n@mixin right($right) {\n body.ltr & {\n right: $right;\n }\n body.rtl & {\n left: $right;\n }\n}\n\n@mixin alignleft {\n body.ltr & {\n text-align: left;\n }\n body.rtl & {\n text-align: right;\n }\n}\n\n@mixin alignright {\n body.ltr & {\n text-align: right;\n }\n body.rtl & {\n text-align: left;\n }\n}\n\n@mixin border-left($params...) {\n body.ltr & {\n border-left: $params;\n }\n body.rtl & {\n border-right: $params;\n }\n}\n\n@mixin border-right($params...) {\n body.ltr & {\n border-right: $params;\n }\n body.rtl & {\n border-left: $params;\n }\n}\n\n@mixin border-left-width($param) {\n body.ltr & {\n border-left-width: $param;\n }\n body.rtl & {\n border-right-width: $param;\n }\n}\n\n@mixin border-right-width($param) {\n body.ltr & {\n border-right-width: $param;\n }\n body.rtl & {\n border-left-width: $param;\n }\n}\n\n@mixin border-radius($tl, $tr, $br, $bl) {\n body.ltr & {\n border-radius: $tl $tr $br $bl;\n }\n body.rtl & {\n border-radius: $tr $tl $bl $br;\n }\n}\n\n@mixin border-top-left-radius($params...) {\n body.ltr & {\n border-top-left-radius: $params;\n }\n body.rtl & {\n border-top-right-radius: $params;\n }\n}\n\n@mixin border-top-right-radius($params...) {\n body.ltr & {\n border-top-right-radius: $params;\n }\n body.rtl & {\n border-top-left-radius: $params;\n }\n}\n\n@mixin border-bottom-left-radius($params...) {\n body.ltr & {\n border-bottom-left-radius: $params;\n }\n body.rtl & {\n border-bottom-right-radius: $params;\n }\n}\n\n@mixin border-bottom-right-radius($params...) {\n body.ltr & {\n border-bottom-right-radius: $params;\n }\n body.rtl & {\n border-bottom-left-radius: $params;\n }\n}\n\n@mixin floatleft {\n body.ltr & {\n float: left;\n }\n body.rtl & {\n float: right;\n }\n}\n\n@mixin floatright {\n body.ltr & {\n float: right;\n }\n body.rtl & {\n float: left;\n }\n}\n\n@mixin margin($t, $r, $b, $l, $important: '') {\n body.ltr & {\n margin: $t $r $b $l unquote($important);\n }\n body.rtl & {\n margin: $t $l $b $r unquote($important);\n }\n}\n\n@mixin margin-left($margin...) {\n body.ltr & {\n margin-left: $margin;\n }\n body.rtl & {\n margin-right: $margin;\n }\n}\n\n@mixin margin-right($margin...) {\n body.ltr & {\n margin-right: $margin;\n }\n body.rtl & {\n margin-left: $margin;\n }\n}\n\n@mixin padding($t, $r, $b, $l, $important: '') {\n body.ltr & {\n padding: $t $r $b $l unquote($important);\n }\n body.rtl & {\n padding: $t $l $b $r unquote($important);\n }\n}\n\n@mixin padding-left($padding...) {\n body.ltr & {\n padding-left: $padding;\n }\n body.rtl & {\n padding-right: $padding;\n }\n}\n\n@mixin padding-right($padding...) {\n body.ltr & {\n padding-right: $padding;\n }\n body.rtl & {\n padding-left: $padding;\n }\n}\n\n// Misc\n\n@mixin dark-inputs {\n @include placeholder-styles($grey400);\n\n .btn,\n .select:not(.selectize) select {\n background-color: $grey200;\n\n &:focus,\n &:hover {\n background-color: darken($grey200, 5%);\n }\n\n &:active,\n &.active {\n background-color: darken($grey200, 10%);\n }\n }\n\n .text {\n background-color: $grey200;\n\n &:focus {\n background-color: darken($grey200, 5%);\n }\n }\n}\n\n@mixin header-btn {\n width: 30px;\n height: 30px;\n padding-left: 0;\n padding-right: 0;\n\n &:not(:hover):not(:active):not(.active) {\n background-color: transparent;\n }\n &:not(:active):not(.active):hover {\n background-color: transparentize($grey300, 0.85);\n }\n}\n\n@mixin h6-styles {\n margin: 14px 0 3px;\n font-size: 11px;\n line-height: 1.2;\n color: $lightTextColor;\n text-transform: uppercase;\n}\n\n@mixin token-styles {\n display: inline-block;\n border-radius: $smallBorderRadius;\n padding: 3px 7px;\n font-size: 12px;\n line-height: 14px;\n color: $textColor;\n background-color: $grey100;\n}\n\n@mixin active-token-styles {\n background-color: $grey200;\n}\n\n@mixin menu-styles {\n z-index: 100;\n border-radius: $menuBorderRadius;\n padding: 0 14px;\n overflow: auto;\n background: $white;\n user-select: none;\n box-shadow: 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-option-styles {\n margin: 0 -14px;\n padding: 10px 14px;\n color: $menuOptionColor;\n text-decoration: none;\n white-space: nowrap;\n}\n\n@mixin menu-option-active-styles {\n color: $menuOptionActiveColor;\n background-color: $menuOptionActiveBackgroundColor;\n}\n\n@mixin disclosure-link-hover-styles {\n color: $menuOptionColor;\n background-color: $grey050;\n}\n\n@mixin input-styles {\n border-radius: $smallBorderRadius;\n border: 1px solid transparentize($inputColor, 0.75);\n background-color: hsl(212, 50%, 99%);\n background-clip: padding-box;\n}\n\n@mixin input-focused-styles {\n box-shadow: var(--focus-ring);\n}\n\n@mixin placeholder-styles($color) {\n input::-webkit-input-placeholder,\n textarea::-webkit-input-placeholder {\n color: $color;\n }\n\n input:-ms-input-placeholder,\n textarea:-ms-input-placeholder {\n color: $color;\n }\n\n input::-ms-input-placeholder,\n textarea::-ms-input-placeholder {\n color: $color;\n }\n\n input:-moz-placeholder,\n textarea:-moz-placeholder {\n color: $color;\n }\n\n input::-moz-placeholder,\n textarea::-moz-placeholder {\n color: $color;\n }\n\n input::placeholder,\n textarea::placeholder {\n color: $color;\n }\n}\n\n@mixin select-styles {\n position: relative;\n border-radius: $largeBorderRadius;\n white-space: nowrap;\n}\n\n@mixin select-container-styles {\n max-width: 100%;\n position: relative;\n :not(.flex) > & {\n display: inline-block;\n }\n}\n\n@mixin select-arrow-styles {\n @include angle;\n position: absolute;\n z-index: 1;\n top: calc(50% - 5px);\n @include right(9px);\n user-select: none;\n pointer-events: none;\n}\n\n@mixin select-input-styles {\n display: block;\n position: relative;\n max-width: 100%;\n border: none;\n @include padding(7px, 22px, 7px, 10px);\n font-size: 14px;\n line-height: 20px;\n color: $textColor;\n background-color: hsl(212, 25%, 90%);\n appearance: none;\n // from https://stackoverflow.com/a/15933790/1688568\n &::-ms-expand {\n display: none;\n }\n}\n\n@mixin select-input-fullwidth-styles {\n min-width: 100%;\n}\n\n@mixin select-input-focused-styles {\n outline-color: transparent;\n background-color: hsl(212, 25%, 85%);\n box-shadow: var(--focus-ring);\n}\n\n@mixin touch-target {\n height: var(--touch-target-size);\n width: var(--touch-target-size);\n}\n\n@mixin visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: 0;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\n@mixin readable {\n font-size: 16px;\n line-height: 22px;\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6 {\n font-size: 13.6px;\n line-height: 17px;\n color: $mediumTextColor;\n }\n\n ul,\n ol {\n margin: 1em 0;\n @include padding-left(2em);\n }\n\n ul li {\n list-style-type: disc;\n }\n\n li + li {\n margin-top: 0.25em;\n }\n\n blockquote {\n margin: 16px 0;\n\n &:not(.note) {\n padding: 0 16px;\n color: $mediumTextColor;\n @include border-left(4px solid $hairlineColor);\n }\n\n &.note {\n position: relative;\n border-radius: 4px;\n padding: 1em;\n @include padding-left(56px);\n border: 1px solid;\n\n &:not(.tip):not(.warning) {\n border-color: $errorColor;\n color: #bf503f;\n\n &:before {\n content: 'alert';\n color: $errorColor;\n }\n }\n\n &.tip {\n border-color: $linkColor;\n color: $mediumTextColor;\n\n &:before {\n content: 'lightbulb';\n color: $linkColor;\n }\n }\n\n &.warning {\n border-color: $warningColor;\n color: #cf783a;\n\n &:before {\n content: 'alert';\n color: $warningColor;\n }\n }\n\n &:before {\n @include icon;\n position: absolute;\n top: 12px;\n @include left(16px);\n font-size: 30px;\n width: 24px;\n }\n }\n }\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/src/web/assets/money/dist/css/Money.css.map b/src/web/assets/money/dist/css/Money.css.map
index af72f400b9c..af17f3be2fe 100644
--- a/src/web/assets/money/dist/css/Money.css.map
+++ b/src/web/assets/money/dist/css/Money.css.map
@@ -1 +1 @@
-{"version":3,"file":"css/Money.css","mappings":"AAEA,iBAEE,8CADA,gDAEA,0CACA,MAEA,uCAKE,8CC2jBF,4BADA,yBDxjBE,uBCujBF,sCADA,iBAnckB,CDpHhB,sBAEA,kCACA,YACA,gBACA,mBCoUF,gDACE,iBD9UA,CCgVF,gDACE,gBDjVA,CC0XF,gDACE,yBD1XA,CC4XF,gDACE,wBD7XA,CC2YF,gDACE,4BD3YA,CC6YF,gDACE,2BD9YA,CC+WF,sDACE,wBDtWE,CCwWJ,sDACE,yBDzWE,CCuXJ,sDACE,2BDvXE,CCyXJ,sDACE,4BD1XE","sources":["webpack:///./Money.scss","webpack:///../../../../../packages/craftcms-sass/_mixins.scss"],"sourcesContent":["@import '@craftcms/sass/mixins';\n\n.money-container {\n display: inline-flex;\n align-items: center;\n flex-wrap: nowrap;\n gap: 0;\n\n .money-currency-label {\n @include input-styles;\n @include border-right(none);\n @include border-top-right-radius(0);\n @include border-bottom-right-radius(0);\n align-items: center;\n box-sizing: border-box;\n background: transparent;\n display: flex;\n height: 100%;\n padding: 6px 9px;\n white-space: nowrap;\n\n & + .text {\n @include border-top-left-radius(0);\n @include border-bottom-left-radius(0);\n }\n }\n}\n","$white: #fff;\n$black: #000;\n\n$grey050: hsl(212, 60%, 97%);\n$grey100: hsl(212, 50%, 93%);\n$grey200: hsl(212, 30%, 85%);\n$grey300: hsl(211, 13%, 65%);\n$grey350: hsl(211, 11%, 59%);\n$grey400: hsl(210, 10%, 53%);\n$grey500: hsl(211, 12%, 43%);\n$grey550: hsl(210, 13%, 40%);\n$grey600: hsl(209, 14%, 37%);\n$grey700: hsl(209, 18%, 30%);\n$grey800: hsl(209, 20%, 25%);\n$grey900: hsl(210, 24%, 16%);\n$grey1000: hsl(210, 24%, 10%);\n\n$blue050: #e3f8ff;\n$blue100: #b3ecff;\n$blue200: #81defd;\n$blue300: #5ed0fa;\n$blue400: #40c3f7;\n$blue500: #2bb0ed;\n$blue600: #1992d4;\n$blue700: #127fbf;\n$blue800: #0b69a3;\n$blue900: #035388;\n\n$cyan050: #e0fcff;\n$cyan100: #bef8fd;\n$cyan200: #87eaf2;\n$cyan300: #54d1db;\n$cyan400: #38bec9;\n$cyan500: #2cb1bc;\n$cyan600: #14919b;\n$cyan700: #0e7c86;\n$cyan800: #0a6c74;\n$cyan900: #044e54;\n\n$pink050: #ffe3ec;\n$pink100: #ffb8d2;\n$pink200: #ff8cba;\n$pink300: #f364a2;\n$pink400: #e8368f;\n$pink500: #da127d;\n$pink600: #bc0a6f;\n$pink700: #a30664;\n$pink800: #870557;\n$pink900: #620042;\n\n$red050: #ffe3e3;\n$red100: #ffbdbd;\n$red200: #ff9b9b;\n$red300: #f86a6a;\n$red400: #ef4e4e;\n$red500: #e12d39;\n$red600: #cf1124;\n$red700: #ab091e;\n$red800: #8a041a;\n$red900: #610316;\n\n$yellow050: #fffbea;\n$yellow100: #fff3c4;\n$yellow200: #fce588;\n$yellow300: #fadb5f;\n$yellow400: #f7c948;\n$yellow500: #f0b429;\n$yellow600: #de911d;\n$yellow700: #cb6e17;\n$yellow800: #b44d12;\n$yellow900: #8d2b0b;\n\n$teal050: #effcf6;\n$teal100: #c6f7e2;\n$teal200: #8eedc7;\n$teal300: #65d6ad;\n$teal400: #3ebd93;\n$teal500: #27ab83;\n$teal600: #199473;\n$teal700: #147d64;\n$teal800: #0c6b58;\n$teal900: #014d40;\n\n// submit button colors\n$primaryColor: $red500;\n$secondaryColor: $grey500;\n\n$inputColor: hsl(212, 25%, 50%);\n\n// text colors\n$textColor: $grey700;\n$mediumDarkTextColor: $grey550;\n$mediumTextColor: $grey550;\n$lightTextColor: $grey500;\n$linkColor: #2563eb;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $white;\n$menuOptionActiveBackgroundColor: $grey500;\n\n// hairline colors\n$hairlineColor: transparentize($grey800, 0.9);\n$mediumHairlineColor: transparentize($grey600, 0.75);\n$darkHairlineColor: transparentize($grey400, 0.5);\n\n// focus colors\n$lightFocusColor: $blue300;\n$mediumFocusColor: $blue500;\n$darkFocusColor: #0f74b1;\n\n// focus rings\n$lightFocusRing: 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing: 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing: 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey600;\n\n// alert/notice colors\n$errorColor: $red600;\n$warningColor: $yellow800;\n$successColor: $teal500;\n$noticeColor: $blue800;\n\n// UI element styles\n$smallBorderRadius: 3px;\n$mediumBorderRadius: 4px;\n$largeBorderRadius: 5px;\n\n$menuBorderRadius: $mediumBorderRadius;\n$checkboxSize: 16px;\n$radioSize: 16px;\n\n@mixin sans-serif-font {\n font-family: system-ui, BlinkMacSystemFont, -apple-system, 'Segoe UI',\n 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',\n 'Helvetica Neue', sans-serif;\n}\n\n@mixin fixed-width-font {\n font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier,\n monospace;\n font-size: 0.9em !important;\n}\n\n@function toRem($size) {\n $remValue: calc($size / 16) + rem;\n @return $remValue;\n}\n\n@mixin fontSize($size) {\n font-size: toRem($size);\n}\n\n// Other\n\n@mixin focus-styles {\n body:not(.reduce-focus-visibility) &:focus,\n body.reduce-focus-visibility &.focus-visible {\n @content;\n }\n}\n\n@mixin svg-mask($color) {\n rect,\n circle,\n ellipse,\n line,\n polyline,\n polygon,\n path,\n text {\n fill: $color;\n stroke-width: 0;\n }\n}\n\n@mixin icon {\n font-family: 'Craft';\n speak: none;\n -webkit-font-feature-settings: 'liga', 'dlig';\n -moz-font-feature-settings: 'liga=1, dlig=1';\n -moz-font-feature-settings: 'liga', 'dlig';\n -ms-font-feature-settings: 'liga', 'dlig';\n -o-font-feature-settings: 'liga', 'dlig';\n font-feature-settings: 'liga', 'dlig';\n text-rendering: optimizeLegibility;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n direction: ltr; // Fixes a rendering issue in Chrome/Win\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n\n display: inline-block;\n text-align: center;\n font-style: normal;\n vertical-align: middle;\n word-wrap: normal !important;\n user-select: none;\n\n opacity: var(--icon-opacity);\n}\n\n@mixin angle($dir: down, $color: currentColor, $width: 2px) {\n display: block;\n content: '';\n font-size: 0;\n width: 7px;\n height: 7px;\n border: solid $color;\n border-width: 0 $width $width 0;\n opacity: 0.8;\n\n @if $dir == up {\n transform: rotate(225deg);\n } @else if $dir == down {\n transform: rotate(45deg);\n } @else if $dir == left {\n body.ltr & {\n transform: rotate(135deg);\n }\n body.rtl & {\n transform: rotate(-45deg);\n }\n } @else if $dir == right {\n body.ltr & {\n transform: rotate(-45deg);\n }\n body.rtl & {\n transform: rotate(135deg);\n }\n }\n}\n\n@mixin clearafter {\n content: '';\n display: block;\n height: 0;\n clear: both;\n visibility: hidden;\n}\n\n@mixin shadow {\n box-shadow: 0 1px 5px -1px transparentize($grey900, 0.8);\n}\n\n@mixin pane {\n background: $white;\n box-shadow: 0 0 0 1px $grey200, 0 2px 12px transparentize($grey200, 0.5);\n\n &:focus {\n box-shadow: var(--focus-ring);\n }\n}\n\n@mixin modal {\n border-radius: $largeBorderRadius;\n background-color: $white;\n box-shadow: 0 25px 100px transparentize($grey900, 0.5);\n}\n\n@mixin light-on-dark-text() {\n // Make light on dark text sharp on Macs\n // (sub-pixel antialiasing looks too bold/blurry with light text on dark background)\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-weight: 500;\n}\n\n@mixin light-focus-ring() {\n --focus-ring: 0 0 0 1px hsl(var(--light-focus-hsl)),\n 0 0 0 3px hsla(var(--light-focus-hsl), 0.7);\n}\n\n@mixin two-color-focus-ring($light-button: true) {\n // Creates a two-color focus ring, with a white\n // If button is light, the dark box shadow is adjacent to the button\n // Else the light box shadow is adjacent to the button\n --light-color: var(--white);\n --dark-color: var(--gray-800);\n\n @if $light-button {\n --focus-ring: 0 0 0 3px var(--dark-color), 0 0 0 6px var(--light-color);\n } @else {\n --focus-ring: 0 0 0 3px var(--light-color), 0 0 0 6px var(--dark-color);\n }\n}\n\n// RTL stuff\n\n@mixin left($left) {\n body.ltr & {\n left: $left;\n }\n body.rtl & {\n right: $left;\n }\n}\n\n@mixin right($right) {\n body.ltr & {\n right: $right;\n }\n body.rtl & {\n left: $right;\n }\n}\n\n@mixin alignleft {\n body.ltr & {\n text-align: left;\n }\n body.rtl & {\n text-align: right;\n }\n}\n\n@mixin alignright {\n body.ltr & {\n text-align: right;\n }\n body.rtl & {\n text-align: left;\n }\n}\n\n@mixin border-left($params...) {\n body.ltr & {\n border-left: $params;\n }\n body.rtl & {\n border-right: $params;\n }\n}\n\n@mixin border-right($params...) {\n body.ltr & {\n border-right: $params;\n }\n body.rtl & {\n border-left: $params;\n }\n}\n\n@mixin border-left-width($param) {\n body.ltr & {\n border-left-width: $param;\n }\n body.rtl & {\n border-right-width: $param;\n }\n}\n\n@mixin border-right-width($param) {\n body.ltr & {\n border-right-width: $param;\n }\n body.rtl & {\n border-left-width: $param;\n }\n}\n\n@mixin border-radius($tl, $tr, $br, $bl) {\n body.ltr & {\n border-radius: $tl $tr $br $bl;\n }\n body.rtl & {\n border-radius: $tr $tl $bl $br;\n }\n}\n\n@mixin border-top-left-radius($params...) {\n body.ltr & {\n border-top-left-radius: $params;\n }\n body.rtl & {\n border-top-right-radius: $params;\n }\n}\n\n@mixin border-top-right-radius($params...) {\n body.ltr & {\n border-top-right-radius: $params;\n }\n body.rtl & {\n border-top-left-radius: $params;\n }\n}\n\n@mixin border-bottom-left-radius($params...) {\n body.ltr & {\n border-bottom-left-radius: $params;\n }\n body.rtl & {\n border-bottom-right-radius: $params;\n }\n}\n\n@mixin border-bottom-right-radius($params...) {\n body.ltr & {\n border-bottom-right-radius: $params;\n }\n body.rtl & {\n border-bottom-left-radius: $params;\n }\n}\n\n@mixin floatleft {\n body.ltr & {\n float: left;\n }\n body.rtl & {\n float: right;\n }\n}\n\n@mixin floatright {\n body.ltr & {\n float: right;\n }\n body.rtl & {\n float: left;\n }\n}\n\n@mixin margin($t, $r, $b, $l, $important: '') {\n body.ltr & {\n margin: $t $r $b $l unquote($important);\n }\n body.rtl & {\n margin: $t $l $b $r unquote($important);\n }\n}\n\n@mixin margin-left($margin...) {\n body.ltr & {\n margin-left: $margin;\n }\n body.rtl & {\n margin-right: $margin;\n }\n}\n\n@mixin margin-right($margin...) {\n body.ltr & {\n margin-right: $margin;\n }\n body.rtl & {\n margin-left: $margin;\n }\n}\n\n@mixin padding($t, $r, $b, $l, $important: '') {\n body.ltr & {\n padding: $t $r $b $l unquote($important);\n }\n body.rtl & {\n padding: $t $l $b $r unquote($important);\n }\n}\n\n@mixin padding-left($padding...) {\n body.ltr & {\n padding-left: $padding;\n }\n body.rtl & {\n padding-right: $padding;\n }\n}\n\n@mixin padding-right($padding...) {\n body.ltr & {\n padding-right: $padding;\n }\n body.rtl & {\n padding-left: $padding;\n }\n}\n\n// Misc\n\n@mixin dark-inputs {\n @include placeholder-styles($grey400);\n\n .btn,\n .select:not(.selectize) select {\n background-color: $grey200;\n\n &:focus,\n &:hover {\n background-color: darken($grey200, 5%);\n }\n\n &:active,\n &.active {\n background-color: darken($grey200, 10%);\n }\n }\n\n .text {\n background-color: $grey200;\n\n &:focus {\n background-color: darken($grey200, 5%);\n }\n }\n}\n\n@mixin header-btn {\n width: 30px;\n height: 30px;\n padding-left: 0;\n padding-right: 0;\n\n &:not(:hover):not(:active):not(.active) {\n background-color: transparent;\n }\n &:not(:active):not(.active):hover {\n background-color: transparentize($grey300, 0.85);\n }\n}\n\n@mixin h6-styles {\n margin: 14px 0 3px;\n font-size: 11px;\n line-height: 1.2;\n color: $lightTextColor;\n text-transform: uppercase;\n}\n\n@mixin token-styles {\n display: inline-block;\n border-radius: $smallBorderRadius;\n padding: 3px 7px;\n font-size: 12px;\n line-height: 14px;\n color: $textColor;\n background-color: $grey100;\n}\n\n@mixin active-token-styles {\n background-color: $grey200;\n}\n\n@mixin menu-styles {\n z-index: 100;\n border-radius: $menuBorderRadius;\n padding: 0 14px;\n overflow: auto;\n background: $white;\n user-select: none;\n box-shadow: 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-option-styles {\n margin: 0 -14px;\n padding: 10px 14px;\n color: $menuOptionColor;\n text-decoration: none;\n white-space: nowrap;\n}\n\n@mixin menu-option-active-styles {\n color: $menuOptionActiveColor;\n background-color: $menuOptionActiveBackgroundColor;\n}\n\n@mixin disclosure-link-hover-styles {\n color: $menuOptionColor;\n background-color: $grey050;\n}\n\n@mixin input-styles {\n border-radius: $smallBorderRadius;\n border: 1px solid transparentize($inputColor, 0.75);\n background-color: hsl(212, 50%, 99%);\n background-clip: padding-box;\n}\n\n@mixin input-focused-styles {\n box-shadow: var(--focus-ring);\n}\n\n@mixin placeholder-styles($color) {\n ::-webkit-input-placeholder {\n color: $color;\n }\n\n input:-ms-input-placeholder {\n color: $color;\n }\n\n ::-ms-input-placeholder {\n color: $color;\n }\n\n :-moz-placeholder {\n color: $color;\n }\n\n ::-moz-placeholder {\n color: $color;\n }\n\n ::placeholder {\n color: $color;\n }\n}\n\n@mixin select-styles {\n position: relative;\n border-radius: $largeBorderRadius;\n white-space: nowrap;\n}\n\n@mixin select-container-styles {\n max-width: 100%;\n position: relative;\n :not(.flex) > & {\n display: inline-block;\n }\n}\n\n@mixin select-arrow-styles {\n @include angle;\n position: absolute;\n z-index: 1;\n top: calc(50% - 5px);\n @include right(9px);\n user-select: none;\n pointer-events: none;\n}\n\n@mixin select-input-styles {\n display: block;\n position: relative;\n max-width: 100%;\n border: none;\n @include padding(7px, 22px, 7px, 10px);\n font-size: 14px;\n line-height: 20px;\n color: $textColor;\n background-color: hsl(212, 25%, 90%);\n appearance: none;\n // from https://stackoverflow.com/a/15933790/1688568\n &::-ms-expand {\n display: none;\n }\n}\n\n@mixin select-input-fullwidth-styles {\n min-width: 100%;\n}\n\n@mixin select-input-focused-styles {\n outline-color: transparent;\n background-color: hsl(212, 25%, 85%);\n box-shadow: var(--focus-ring);\n}\n\n@mixin touch-target {\n height: var(--touch-target-size);\n width: var(--touch-target-size);\n}\n\n@mixin visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: 0;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\n@mixin readable {\n font-size: 16px;\n line-height: 22px;\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6 {\n font-size: 13.6px;\n line-height: 17px;\n color: $mediumTextColor;\n }\n\n ul,\n ol {\n margin: 1em 0;\n @include padding-left(2em);\n }\n\n ul li {\n list-style-type: disc;\n }\n\n li + li {\n margin-top: 0.25em;\n }\n\n blockquote {\n margin: 16px 0;\n\n &:not(.note) {\n padding: 0 16px;\n color: $mediumTextColor;\n @include border-left(4px solid $hairlineColor);\n }\n\n &.note {\n position: relative;\n border-radius: 4px;\n padding: 1em;\n @include padding-left(56px);\n border: 1px solid;\n\n &:not(.tip):not(.warning) {\n border-color: $errorColor;\n color: #bf503f;\n\n &:before {\n content: 'alert';\n color: $errorColor;\n }\n }\n\n &.tip {\n border-color: $linkColor;\n color: $mediumTextColor;\n\n &:before {\n content: 'lightbulb';\n color: $linkColor;\n }\n }\n\n &.warning {\n border-color: $warningColor;\n color: #cf783a;\n\n &:before {\n content: 'alert';\n color: $warningColor;\n }\n }\n\n &:before {\n @include icon;\n position: absolute;\n top: 12px;\n @include left(16px);\n font-size: 30px;\n width: 24px;\n }\n }\n }\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"css/Money.css","mappings":"AAEA,iBAEE,8CADA,gDAEA,0CACA,MAEA,uCAKE,8CCqkBF,4BADA,yBDlkBE,uBCikBF,sCADA,iBA7ckB,CDpHhB,sBAEA,kCACA,YACA,gBACA,mBC8UF,gDACE,iBDxVA,CC0VF,gDACE,gBD3VA,CCoYF,gDACE,yBDpYA,CCsYF,gDACE,wBDvYA,CCqZF,gDACE,4BDrZA,CCuZF,gDACE,2BDxZA,CCyXF,sDACE,wBDhXE,CCkXJ,sDACE,yBDnXE,CCiYJ,sDACE,2BDjYE,CCmYJ,sDACE,4BDpYE","sources":["webpack:///./Money.scss","webpack:///../../../../../packages/craftcms-sass/_mixins.scss"],"sourcesContent":["@import '@craftcms/sass/mixins';\n\n.money-container {\n display: inline-flex;\n align-items: center;\n flex-wrap: nowrap;\n gap: 0;\n\n .money-currency-label {\n @include input-styles;\n @include border-right(none);\n @include border-top-right-radius(0);\n @include border-bottom-right-radius(0);\n align-items: center;\n box-sizing: border-box;\n background: transparent;\n display: flex;\n height: 100%;\n padding: 6px 9px;\n white-space: nowrap;\n\n & + .text {\n @include border-top-left-radius(0);\n @include border-bottom-left-radius(0);\n }\n }\n}\n","$white: #fff;\n$black: #000;\n\n$grey050: hsl(212, 60%, 97%);\n$grey100: hsl(212, 50%, 93%);\n$grey200: hsl(212, 30%, 85%);\n$grey300: hsl(211, 13%, 65%);\n$grey350: hsl(211, 11%, 59%);\n$grey400: hsl(210, 10%, 53%);\n$grey500: hsl(211, 12%, 43%);\n$grey550: hsl(210, 13%, 40%);\n$grey600: hsl(209, 14%, 37%);\n$grey700: hsl(209, 18%, 30%);\n$grey800: hsl(209, 20%, 25%);\n$grey900: hsl(210, 24%, 16%);\n$grey1000: hsl(210, 24%, 10%);\n\n$blue050: #e3f8ff;\n$blue100: #b3ecff;\n$blue200: #81defd;\n$blue300: #5ed0fa;\n$blue400: #40c3f7;\n$blue500: #2bb0ed;\n$blue600: #1992d4;\n$blue700: #127fbf;\n$blue800: #0b69a3;\n$blue900: #035388;\n\n$cyan050: #e0fcff;\n$cyan100: #bef8fd;\n$cyan200: #87eaf2;\n$cyan300: #54d1db;\n$cyan400: #38bec9;\n$cyan500: #2cb1bc;\n$cyan600: #14919b;\n$cyan700: #0e7c86;\n$cyan800: #0a6c74;\n$cyan900: #044e54;\n\n$pink050: #ffe3ec;\n$pink100: #ffb8d2;\n$pink200: #ff8cba;\n$pink300: #f364a2;\n$pink400: #e8368f;\n$pink500: #da127d;\n$pink600: #bc0a6f;\n$pink700: #a30664;\n$pink800: #870557;\n$pink900: #620042;\n\n$red050: #ffe3e3;\n$red100: #ffbdbd;\n$red200: #ff9b9b;\n$red300: #f86a6a;\n$red400: #ef4e4e;\n$red500: #e12d39;\n$red600: #cf1124;\n$red700: #ab091e;\n$red800: #8a041a;\n$red900: #610316;\n\n$yellow050: #fffbea;\n$yellow100: #fff3c4;\n$yellow200: #fce588;\n$yellow300: #fadb5f;\n$yellow400: #f7c948;\n$yellow500: #f0b429;\n$yellow600: #de911d;\n$yellow700: #cb6e17;\n$yellow800: #b44d12;\n$yellow900: #8d2b0b;\n\n$teal050: #effcf6;\n$teal100: #c6f7e2;\n$teal200: #8eedc7;\n$teal300: #65d6ad;\n$teal400: #3ebd93;\n$teal500: #27ab83;\n$teal600: #199473;\n$teal700: #147d64;\n$teal800: #0c6b58;\n$teal900: #014d40;\n\n// submit button colors\n$primaryColor: $red500;\n$secondaryColor: $grey500;\n\n$inputColor: hsl(212, 25%, 50%);\n\n// text colors\n$textColor: $grey700;\n$mediumDarkTextColor: $grey550;\n$mediumTextColor: $grey550;\n$lightTextColor: $grey500;\n$linkColor: #2563eb;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $white;\n$menuOptionActiveBackgroundColor: $grey500;\n\n// hairline colors\n$hairlineColor: transparentize($grey800, 0.9);\n$mediumHairlineColor: transparentize($grey600, 0.75);\n$darkHairlineColor: transparentize($grey400, 0.5);\n\n// focus colors\n$lightFocusColor: $blue300;\n$mediumFocusColor: $blue500;\n$darkFocusColor: #0f74b1;\n\n// focus rings\n$lightFocusRing: 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing: 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing: 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey600;\n\n// alert/notice colors\n$errorColor: $red600;\n$warningColor: $yellow800;\n$successColor: $teal500;\n$noticeColor: $blue800;\n\n// UI element styles\n$smallBorderRadius: 3px;\n$mediumBorderRadius: 4px;\n$largeBorderRadius: 5px;\n\n$menuBorderRadius: $mediumBorderRadius;\n$checkboxSize: 16px;\n$radioSize: 16px;\n\n@mixin sans-serif-font {\n font-family: system-ui, BlinkMacSystemFont, -apple-system, 'Segoe UI',\n 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',\n 'Helvetica Neue', sans-serif;\n}\n\n@mixin fixed-width-font {\n font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier,\n monospace;\n font-size: 0.9em !important;\n}\n\n@function toRem($values...) {\n $max: length($values);\n $remValues: '';\n\n @for $i from 1 through $max {\n $remValues: #{$remValues + calc(nth($values, $i) / 16)}rem;\n\n @if $i < $max {\n $remValues: #{$remValues + ' '};\n }\n }\n\n @return $remValues;\n}\n\n@mixin fontSize($size) {\n font-size: toRem($size);\n}\n\n// Other\n\n@mixin focus-styles {\n body:not(.reduce-focus-visibility) &:focus,\n body.reduce-focus-visibility &.focus-visible {\n @content;\n }\n}\n\n@mixin svg-mask($color) {\n rect,\n circle,\n ellipse,\n line,\n polyline,\n polygon,\n path,\n text {\n fill: $color;\n stroke-width: 0;\n }\n}\n\n@mixin icon {\n font-family: 'Craft';\n speak: none;\n -webkit-font-feature-settings: 'liga', 'dlig';\n -moz-font-feature-settings: 'liga=1, dlig=1';\n -moz-font-feature-settings: 'liga', 'dlig';\n -ms-font-feature-settings: 'liga', 'dlig';\n -o-font-feature-settings: 'liga', 'dlig';\n font-feature-settings: 'liga', 'dlig';\n text-rendering: optimizeLegibility;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n direction: ltr; // Fixes a rendering issue in Chrome/Win\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n\n display: inline-block;\n text-align: center;\n font-style: normal;\n vertical-align: middle;\n word-wrap: normal !important;\n user-select: none;\n\n opacity: var(--icon-opacity);\n}\n\n@mixin angle($dir: down, $color: currentColor, $width: 2px) {\n display: block;\n content: '';\n font-size: 0;\n width: 7px;\n height: 7px;\n border: solid $color;\n border-width: 0 $width $width 0;\n opacity: 0.8;\n\n @if $dir == up {\n transform: rotate(225deg);\n } @else if $dir == down {\n transform: rotate(45deg);\n } @else if $dir == left {\n body.ltr & {\n transform: rotate(135deg);\n }\n body.rtl & {\n transform: rotate(-45deg);\n }\n } @else if $dir == right {\n body.ltr & {\n transform: rotate(-45deg);\n }\n body.rtl & {\n transform: rotate(135deg);\n }\n }\n}\n\n@mixin clearafter {\n content: '';\n display: block;\n height: 0;\n clear: both;\n visibility: hidden;\n}\n\n@mixin shadow {\n box-shadow: 0 1px 5px -1px transparentize($grey900, 0.8);\n}\n\n@mixin pane {\n background: $white;\n box-shadow: 0 0 0 1px $grey200, 0 2px 12px transparentize($grey200, 0.5);\n\n &:focus {\n box-shadow: var(--focus-ring);\n }\n}\n\n@mixin modal {\n border-radius: $largeBorderRadius;\n background-color: $white;\n box-shadow: 0 25px 100px transparentize($grey900, 0.5);\n}\n\n@mixin light-on-dark-text() {\n // Make light on dark text sharp on Macs\n // (sub-pixel antialiasing looks too bold/blurry with light text on dark background)\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-weight: 500;\n}\n\n@mixin light-focus-ring() {\n --focus-ring: 0 0 0 1px hsl(var(--light-focus-hsl)),\n 0 0 0 3px hsla(var(--light-focus-hsl), 0.7);\n}\n\n@mixin two-color-focus-ring($light-button: true) {\n // Creates a two-color focus ring, with a white\n // If button is light, the dark box shadow is adjacent to the button\n // Else the light box shadow is adjacent to the button\n --light-color: var(--white);\n --dark-color: var(--gray-800);\n\n @if $light-button {\n --focus-ring: 0 0 0 3px var(--dark-color), 0 0 0 6px var(--light-color);\n } @else {\n --focus-ring: 0 0 0 3px var(--light-color), 0 0 0 6px var(--dark-color);\n }\n}\n\n// RTL stuff\n\n@mixin left($left) {\n body.ltr & {\n left: $left;\n }\n body.rtl & {\n right: $left;\n }\n}\n\n@mixin right($right) {\n body.ltr & {\n right: $right;\n }\n body.rtl & {\n left: $right;\n }\n}\n\n@mixin alignleft {\n body.ltr & {\n text-align: left;\n }\n body.rtl & {\n text-align: right;\n }\n}\n\n@mixin alignright {\n body.ltr & {\n text-align: right;\n }\n body.rtl & {\n text-align: left;\n }\n}\n\n@mixin border-left($params...) {\n body.ltr & {\n border-left: $params;\n }\n body.rtl & {\n border-right: $params;\n }\n}\n\n@mixin border-right($params...) {\n body.ltr & {\n border-right: $params;\n }\n body.rtl & {\n border-left: $params;\n }\n}\n\n@mixin border-left-width($param) {\n body.ltr & {\n border-left-width: $param;\n }\n body.rtl & {\n border-right-width: $param;\n }\n}\n\n@mixin border-right-width($param) {\n body.ltr & {\n border-right-width: $param;\n }\n body.rtl & {\n border-left-width: $param;\n }\n}\n\n@mixin border-radius($tl, $tr, $br, $bl) {\n body.ltr & {\n border-radius: $tl $tr $br $bl;\n }\n body.rtl & {\n border-radius: $tr $tl $bl $br;\n }\n}\n\n@mixin border-top-left-radius($params...) {\n body.ltr & {\n border-top-left-radius: $params;\n }\n body.rtl & {\n border-top-right-radius: $params;\n }\n}\n\n@mixin border-top-right-radius($params...) {\n body.ltr & {\n border-top-right-radius: $params;\n }\n body.rtl & {\n border-top-left-radius: $params;\n }\n}\n\n@mixin border-bottom-left-radius($params...) {\n body.ltr & {\n border-bottom-left-radius: $params;\n }\n body.rtl & {\n border-bottom-right-radius: $params;\n }\n}\n\n@mixin border-bottom-right-radius($params...) {\n body.ltr & {\n border-bottom-right-radius: $params;\n }\n body.rtl & {\n border-bottom-left-radius: $params;\n }\n}\n\n@mixin floatleft {\n body.ltr & {\n float: left;\n }\n body.rtl & {\n float: right;\n }\n}\n\n@mixin floatright {\n body.ltr & {\n float: right;\n }\n body.rtl & {\n float: left;\n }\n}\n\n@mixin margin($t, $r, $b, $l, $important: '') {\n body.ltr & {\n margin: $t $r $b $l unquote($important);\n }\n body.rtl & {\n margin: $t $l $b $r unquote($important);\n }\n}\n\n@mixin margin-left($margin...) {\n body.ltr & {\n margin-left: $margin;\n }\n body.rtl & {\n margin-right: $margin;\n }\n}\n\n@mixin margin-right($margin...) {\n body.ltr & {\n margin-right: $margin;\n }\n body.rtl & {\n margin-left: $margin;\n }\n}\n\n@mixin padding($t, $r, $b, $l, $important: '') {\n body.ltr & {\n padding: $t $r $b $l unquote($important);\n }\n body.rtl & {\n padding: $t $l $b $r unquote($important);\n }\n}\n\n@mixin padding-left($padding...) {\n body.ltr & {\n padding-left: $padding;\n }\n body.rtl & {\n padding-right: $padding;\n }\n}\n\n@mixin padding-right($padding...) {\n body.ltr & {\n padding-right: $padding;\n }\n body.rtl & {\n padding-left: $padding;\n }\n}\n\n// Misc\n\n@mixin dark-inputs {\n @include placeholder-styles($grey400);\n\n .btn,\n .select:not(.selectize) select {\n background-color: $grey200;\n\n &:focus,\n &:hover {\n background-color: darken($grey200, 5%);\n }\n\n &:active,\n &.active {\n background-color: darken($grey200, 10%);\n }\n }\n\n .text {\n background-color: $grey200;\n\n &:focus {\n background-color: darken($grey200, 5%);\n }\n }\n}\n\n@mixin header-btn {\n width: 30px;\n height: 30px;\n padding-left: 0;\n padding-right: 0;\n\n &:not(:hover):not(:active):not(.active) {\n background-color: transparent;\n }\n &:not(:active):not(.active):hover {\n background-color: transparentize($grey300, 0.85);\n }\n}\n\n@mixin h6-styles {\n margin: 14px 0 3px;\n font-size: 11px;\n line-height: 1.2;\n color: $lightTextColor;\n text-transform: uppercase;\n}\n\n@mixin token-styles {\n display: inline-block;\n border-radius: $smallBorderRadius;\n padding: 3px 7px;\n font-size: 12px;\n line-height: 14px;\n color: $textColor;\n background-color: $grey100;\n}\n\n@mixin active-token-styles {\n background-color: $grey200;\n}\n\n@mixin menu-styles {\n z-index: 100;\n border-radius: $menuBorderRadius;\n padding: 0 14px;\n overflow: auto;\n background: $white;\n user-select: none;\n box-shadow: 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-option-styles {\n margin: 0 -14px;\n padding: 10px 14px;\n color: $menuOptionColor;\n text-decoration: none;\n white-space: nowrap;\n}\n\n@mixin menu-option-active-styles {\n color: $menuOptionActiveColor;\n background-color: $menuOptionActiveBackgroundColor;\n}\n\n@mixin disclosure-link-hover-styles {\n color: $menuOptionColor;\n background-color: $grey050;\n}\n\n@mixin input-styles {\n border-radius: $smallBorderRadius;\n border: 1px solid transparentize($inputColor, 0.75);\n background-color: hsl(212, 50%, 99%);\n background-clip: padding-box;\n}\n\n@mixin input-focused-styles {\n box-shadow: var(--focus-ring);\n}\n\n@mixin placeholder-styles($color) {\n input::-webkit-input-placeholder,\n textarea::-webkit-input-placeholder {\n color: $color;\n }\n\n input:-ms-input-placeholder,\n textarea:-ms-input-placeholder {\n color: $color;\n }\n\n input::-ms-input-placeholder,\n textarea::-ms-input-placeholder {\n color: $color;\n }\n\n input:-moz-placeholder,\n textarea:-moz-placeholder {\n color: $color;\n }\n\n input::-moz-placeholder,\n textarea::-moz-placeholder {\n color: $color;\n }\n\n input::placeholder,\n textarea::placeholder {\n color: $color;\n }\n}\n\n@mixin select-styles {\n position: relative;\n border-radius: $largeBorderRadius;\n white-space: nowrap;\n}\n\n@mixin select-container-styles {\n max-width: 100%;\n position: relative;\n :not(.flex) > & {\n display: inline-block;\n }\n}\n\n@mixin select-arrow-styles {\n @include angle;\n position: absolute;\n z-index: 1;\n top: calc(50% - 5px);\n @include right(9px);\n user-select: none;\n pointer-events: none;\n}\n\n@mixin select-input-styles {\n display: block;\n position: relative;\n max-width: 100%;\n border: none;\n @include padding(7px, 22px, 7px, 10px);\n font-size: 14px;\n line-height: 20px;\n color: $textColor;\n background-color: hsl(212, 25%, 90%);\n appearance: none;\n // from https://stackoverflow.com/a/15933790/1688568\n &::-ms-expand {\n display: none;\n }\n}\n\n@mixin select-input-fullwidth-styles {\n min-width: 100%;\n}\n\n@mixin select-input-focused-styles {\n outline-color: transparent;\n background-color: hsl(212, 25%, 85%);\n box-shadow: var(--focus-ring);\n}\n\n@mixin touch-target {\n height: var(--touch-target-size);\n width: var(--touch-target-size);\n}\n\n@mixin visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: 0;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\n@mixin readable {\n font-size: 16px;\n line-height: 22px;\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6 {\n font-size: 13.6px;\n line-height: 17px;\n color: $mediumTextColor;\n }\n\n ul,\n ol {\n margin: 1em 0;\n @include padding-left(2em);\n }\n\n ul li {\n list-style-type: disc;\n }\n\n li + li {\n margin-top: 0.25em;\n }\n\n blockquote {\n margin: 16px 0;\n\n &:not(.note) {\n padding: 0 16px;\n color: $mediumTextColor;\n @include border-left(4px solid $hairlineColor);\n }\n\n &.note {\n position: relative;\n border-radius: 4px;\n padding: 1em;\n @include padding-left(56px);\n border: 1px solid;\n\n &:not(.tip):not(.warning) {\n border-color: $errorColor;\n color: #bf503f;\n\n &:before {\n content: 'alert';\n color: $errorColor;\n }\n }\n\n &.tip {\n border-color: $linkColor;\n color: $mediumTextColor;\n\n &:before {\n content: 'lightbulb';\n color: $linkColor;\n }\n }\n\n &.warning {\n border-color: $warningColor;\n color: #cf783a;\n\n &:before {\n content: 'alert';\n color: $warningColor;\n }\n }\n\n &:before {\n @include icon;\n position: absolute;\n top: 12px;\n @include left(16px);\n font-size: 30px;\n width: 24px;\n }\n }\n }\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/src/web/assets/plugins/dist/css/PluginManager.css.map b/src/web/assets/plugins/dist/css/PluginManager.css.map
index b7d96ed5680..cc03da8d1e3 100644
--- a/src/web/assets/plugins/dist/css/PluginManager.css.map
+++ b/src/web/assets/plugins/dist/css/PluginManager.css.map
@@ -1 +1 @@
-{"version":3,"file":"css/PluginManager.css","mappings":"AAKI,oCAGE,oBADA,gBACA,CAGF,6BAEE,cADA,eACA,CAEA,gFAEE,mBAGF,mCACE,cAGA,kBAFA,kBAEA,CC2aN,4CACE,iBD7aI,CC+aN,4CACE,gBDhbI,CAGA,qCACE,cACA,cAGF,8EAEE,cAEA,YADA,UACA,CAGF,uDAOE,qFACA,2BAPA,cAKA,YAJA,kBACA,SAEA,UAGA,iEC4PR,SACE,iEAEF,UACE,8DD9PM,8CACE,8CAKN,qBACE,yDAGE,4BACA,sBAFF,oBACE,cAIA,sBACA,gBAJA,aACA,CADA,gBACA,kBAGA,4DAEA,iFAQE,yCACA,mBACA,2BACA,iCAPF,kBACE,SAMA,qCAEA,oCARA,wBAGA,iBAKA,2EC4WV,0FAGA,gLD7WU,cAEE,CACA,eACA,CAFA,gBACA,CAHF,aAKE,gFAGF,mCACE,qBACA,mBACA,wBACA,+BACA,6GAIA,mCACA,CACA,yBACA,CAFA,kBACA,CACA,kBACA,CALF,kBAKE,wBACA,oCACA,yICmVZ,uHAGA,wHAwBA,wHAGA,kBACE,qGDtWY,kBAGA,CANA,WAFF,cAEE,WAEA,CACA,SALF,iBACE,CACA,MAMA,qCACA,oCALA,OAKA,+GAIE,yEACA,CAHF,yBAEE,CAFF,SAGE,+GAMA,yEACA,CAHF,yBAEE,CAFF,UAGE,yEAQN,8BACA,CAFF,oBAEE,uFAEA,uBACE,wFAGF,4BACE,sHAOI,oCACA,CAHF,yBAEE,CAFF,SAGE,sHAGF,mCACE,kEAMR,8BACE,gBACA,2ECmRV,2FAGA,kBACE,qGDlRI,oEAQE,6BACA,CAJF,oBACE,cACA,sBACA,gBAFA,kBAGA,0DAGE,0BACA,oBAFF,oBACE,aACA,qFCiQV,qGAGA,kBACE,uIAvQF,sDAEA,wCAGA,uCACA,oCACA,kCACA,CAIA,kCAEA,kCACA,CAKA,0BACA,CAGA,qBDVc,CCHd,aACA,CAGA,oBAEA,CDPY,iBCVZ,CAkBA,kBATA,mBACA,CAFA,eACA,CAEA,cAaA,gBAFA,2BAEA,CAPA,kBAPA,mBACA,CAUA,wBACA,kBAHA,qBDLc,0JC8Pd,0KAGA,qLD1Pc,kBACE,6EAKN,+FAIA,kBACE,2DAKN,+EAII,+BAEA,0CACA,CAJF,oBAIE,4EAEA,wBAEE,CAFF,gBAGE,YACA,CAFA,mBACA,WACA,mIAKJ,+DAMF,4EAQA","sources":["webpack:///./plugins.scss","webpack:///../../../../../packages/craftcms-sass/_mixins.scss"],"sourcesContent":["@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\n#plugins {\n tbody {\n th,\n td {\n padding-top: 20px;\n padding-bottom: 20px;\n }\n\n .plugin-infos {\n font-weight: normal;\n display: table;\n\n .icon,\n .plugin-details {\n display: table-cell;\n }\n\n .icon {\n display: block;\n vertical-align: top;\n @include margin-right(14px);\n position: relative;\n\n a {\n display: block;\n line-height: 0;\n }\n\n svg,\n img {\n display: block;\n width: 44px;\n height: 44px;\n }\n\n .license-key-status {\n display: block;\n position: absolute;\n top: 26px;\n @include left(26px);\n width: 20px;\n height: 20px;\n background: no-repeat 0 0 url(images/invalid-icon.svg);\n background-size: 100% 100%;\n\n &.valid {\n background-image: url(images/valid-icon.svg);\n }\n }\n }\n\n .plugin-details {\n vertical-align: middle;\n\n .plugin-id {\n display: flex;\n align-items: baseline;\n margin-bottom: 0;\n font-size: 1em;\n white-space: nowrap;\n flex-wrap: wrap;\n\n h2 {\n margin-bottom: 0;\n }\n\n .edition {\n position: relative;\n top: -1px;\n @include margin-left(7px);\n user-select: none;\n border: 1px solid var(--medium-text-color);\n border-radius: 3px;\n display: inline-flex;\n height: 18px;\n transition: border-color linear 100ms;\n\n & > .edition-name,\n & > .edition-trial {\n padding: 0 6px;\n font-size: 11px;\n line-height: 16px;\n font-weight: normal;\n }\n\n & > .edition-name {\n color: var(--medium-dark-text-color);\n letter-spacing: 1.5px;\n padding-right: 5px;\n text-transform: uppercase;\n transition: color linear 100ms;\n }\n\n & > .edition-trial {\n position: relative;\n background: var(--medium-text-color);\n color: var(--white);\n border-radius: 0 1px 1px 0;\n letter-spacing: 1px;\n text-transform: lowercase;\n transition: background linear 100ms;\n }\n\n & .edition-name + .edition-trial {\n @include margin-left(4px);\n @include padding-left(4px);\n\n &:before {\n display: block;\n position: absolute;\n top: 0;\n content: '';\n font-size: 0;\n width: 0;\n height: 0;\n border-style: solid;\n transition: border-color linear 100ms;\n\n body.ltr & {\n left: -7px;\n border-width: 0 7px 16px 0;\n border-color: transparent var(--medium-text-color) transparent\n transparent;\n }\n\n body.rtl & {\n right: -7px;\n border-width: 0 0 16px 7px;\n border-color: transparent transparent transparent\n var(--medium-text-color);\n }\n }\n }\n }\n\n a.edition:hover {\n text-decoration: none;\n border-color: var(--link-color);\n\n & > .edition-name {\n color: var(--link-color);\n }\n\n & > .edition-trial {\n background: var(--link-color);\n }\n\n & .edition-name + .edition-trial {\n &:before {\n body.ltr & {\n left: -7px;\n border-width: 0 7px 16px 0;\n border-right-color: var(--link-color);\n }\n\n body.rtl & {\n border-left-color: var(--link-color);\n }\n }\n }\n }\n\n .version {\n color: var(--medium-text-color);\n font-weight: normal;\n @include margin-left(14px);\n }\n }\n\n p,\n ul.links {\n margin: 0.2em 0;\n }\n\n ul.links {\n display: flex;\n white-space: nowrap;\n flex-wrap: wrap;\n color: var(--light-text-color);\n\n li {\n display: flex;\n align-items: center;\n\n &:not(:first-child) {\n @include margin-left(14px);\n }\n\n a,\n span {\n &:before {\n @include icon;\n @include margin-right(4px);\n margin-top: -3px;\n color: var(--gray-300);\n }\n }\n\n &.link-developer {\n a,\n span {\n &:before {\n content: 'building';\n }\n }\n }\n\n &.link-docs a:before {\n content: 'book';\n }\n\n &.link-settings a:before {\n content: 'settings';\n }\n }\n }\n\n .license-key {\n margin-top: 1em;\n\n .pane {\n margin: 0;\n padding: 3px;\n background: transparentize($inputColor, 0.75);\n border-radius: var(--medium-border-radius);\n\n input.text {\n font-weight: bold;\n font-size: 11px !important;\n padding: 3px 7px 1px;\n width: 19em;\n min-height: 0;\n }\n }\n\n .btn,\n .spinner {\n margin: 0;\n }\n }\n\n .expired {\n margin-top: 1em;\n }\n }\n }\n\n &:not(.collapsed) {\n .plugin-infos {\n .plugin-details {\n min-width: 150px;\n }\n }\n }\n }\n}\n","$white: #fff;\n$black: #000;\n\n$grey050: hsl(212, 60%, 97%);\n$grey100: hsl(212, 50%, 93%);\n$grey200: hsl(212, 30%, 85%);\n$grey300: hsl(211, 13%, 65%);\n$grey350: hsl(211, 11%, 59%);\n$grey400: hsl(210, 10%, 53%);\n$grey500: hsl(211, 12%, 43%);\n$grey550: hsl(210, 13%, 40%);\n$grey600: hsl(209, 14%, 37%);\n$grey700: hsl(209, 18%, 30%);\n$grey800: hsl(209, 20%, 25%);\n$grey900: hsl(210, 24%, 16%);\n$grey1000: hsl(210, 24%, 10%);\n\n$blue050: #e3f8ff;\n$blue100: #b3ecff;\n$blue200: #81defd;\n$blue300: #5ed0fa;\n$blue400: #40c3f7;\n$blue500: #2bb0ed;\n$blue600: #1992d4;\n$blue700: #127fbf;\n$blue800: #0b69a3;\n$blue900: #035388;\n\n$cyan050: #e0fcff;\n$cyan100: #bef8fd;\n$cyan200: #87eaf2;\n$cyan300: #54d1db;\n$cyan400: #38bec9;\n$cyan500: #2cb1bc;\n$cyan600: #14919b;\n$cyan700: #0e7c86;\n$cyan800: #0a6c74;\n$cyan900: #044e54;\n\n$pink050: #ffe3ec;\n$pink100: #ffb8d2;\n$pink200: #ff8cba;\n$pink300: #f364a2;\n$pink400: #e8368f;\n$pink500: #da127d;\n$pink600: #bc0a6f;\n$pink700: #a30664;\n$pink800: #870557;\n$pink900: #620042;\n\n$red050: #ffe3e3;\n$red100: #ffbdbd;\n$red200: #ff9b9b;\n$red300: #f86a6a;\n$red400: #ef4e4e;\n$red500: #e12d39;\n$red600: #cf1124;\n$red700: #ab091e;\n$red800: #8a041a;\n$red900: #610316;\n\n$yellow050: #fffbea;\n$yellow100: #fff3c4;\n$yellow200: #fce588;\n$yellow300: #fadb5f;\n$yellow400: #f7c948;\n$yellow500: #f0b429;\n$yellow600: #de911d;\n$yellow700: #cb6e17;\n$yellow800: #b44d12;\n$yellow900: #8d2b0b;\n\n$teal050: #effcf6;\n$teal100: #c6f7e2;\n$teal200: #8eedc7;\n$teal300: #65d6ad;\n$teal400: #3ebd93;\n$teal500: #27ab83;\n$teal600: #199473;\n$teal700: #147d64;\n$teal800: #0c6b58;\n$teal900: #014d40;\n\n// submit button colors\n$primaryColor: $red500;\n$secondaryColor: $grey500;\n\n$inputColor: hsl(212, 25%, 50%);\n\n// text colors\n$textColor: $grey700;\n$mediumDarkTextColor: $grey550;\n$mediumTextColor: $grey550;\n$lightTextColor: $grey500;\n$linkColor: #2563eb;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $white;\n$menuOptionActiveBackgroundColor: $grey500;\n\n// hairline colors\n$hairlineColor: transparentize($grey800, 0.9);\n$mediumHairlineColor: transparentize($grey600, 0.75);\n$darkHairlineColor: transparentize($grey400, 0.5);\n\n// focus colors\n$lightFocusColor: $blue300;\n$mediumFocusColor: $blue500;\n$darkFocusColor: #0f74b1;\n\n// focus rings\n$lightFocusRing: 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing: 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing: 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey600;\n\n// alert/notice colors\n$errorColor: $red600;\n$warningColor: $yellow800;\n$successColor: $teal500;\n$noticeColor: $blue800;\n\n// UI element styles\n$smallBorderRadius: 3px;\n$mediumBorderRadius: 4px;\n$largeBorderRadius: 5px;\n\n$menuBorderRadius: $mediumBorderRadius;\n$checkboxSize: 16px;\n$radioSize: 16px;\n\n@mixin sans-serif-font {\n font-family: system-ui, BlinkMacSystemFont, -apple-system, 'Segoe UI',\n 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',\n 'Helvetica Neue', sans-serif;\n}\n\n@mixin fixed-width-font {\n font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier,\n monospace;\n font-size: 0.9em !important;\n}\n\n@function toRem($size) {\n $remValue: calc($size / 16) + rem;\n @return $remValue;\n}\n\n@mixin fontSize($size) {\n font-size: toRem($size);\n}\n\n// Other\n\n@mixin focus-styles {\n body:not(.reduce-focus-visibility) &:focus,\n body.reduce-focus-visibility &.focus-visible {\n @content;\n }\n}\n\n@mixin svg-mask($color) {\n rect,\n circle,\n ellipse,\n line,\n polyline,\n polygon,\n path,\n text {\n fill: $color;\n stroke-width: 0;\n }\n}\n\n@mixin icon {\n font-family: 'Craft';\n speak: none;\n -webkit-font-feature-settings: 'liga', 'dlig';\n -moz-font-feature-settings: 'liga=1, dlig=1';\n -moz-font-feature-settings: 'liga', 'dlig';\n -ms-font-feature-settings: 'liga', 'dlig';\n -o-font-feature-settings: 'liga', 'dlig';\n font-feature-settings: 'liga', 'dlig';\n text-rendering: optimizeLegibility;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n direction: ltr; // Fixes a rendering issue in Chrome/Win\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n\n display: inline-block;\n text-align: center;\n font-style: normal;\n vertical-align: middle;\n word-wrap: normal !important;\n user-select: none;\n\n opacity: var(--icon-opacity);\n}\n\n@mixin angle($dir: down, $color: currentColor, $width: 2px) {\n display: block;\n content: '';\n font-size: 0;\n width: 7px;\n height: 7px;\n border: solid $color;\n border-width: 0 $width $width 0;\n opacity: 0.8;\n\n @if $dir == up {\n transform: rotate(225deg);\n } @else if $dir == down {\n transform: rotate(45deg);\n } @else if $dir == left {\n body.ltr & {\n transform: rotate(135deg);\n }\n body.rtl & {\n transform: rotate(-45deg);\n }\n } @else if $dir == right {\n body.ltr & {\n transform: rotate(-45deg);\n }\n body.rtl & {\n transform: rotate(135deg);\n }\n }\n}\n\n@mixin clearafter {\n content: '';\n display: block;\n height: 0;\n clear: both;\n visibility: hidden;\n}\n\n@mixin shadow {\n box-shadow: 0 1px 5px -1px transparentize($grey900, 0.8);\n}\n\n@mixin pane {\n background: $white;\n box-shadow: 0 0 0 1px $grey200, 0 2px 12px transparentize($grey200, 0.5);\n\n &:focus {\n box-shadow: var(--focus-ring);\n }\n}\n\n@mixin modal {\n border-radius: $largeBorderRadius;\n background-color: $white;\n box-shadow: 0 25px 100px transparentize($grey900, 0.5);\n}\n\n@mixin light-on-dark-text() {\n // Make light on dark text sharp on Macs\n // (sub-pixel antialiasing looks too bold/blurry with light text on dark background)\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-weight: 500;\n}\n\n@mixin light-focus-ring() {\n --focus-ring: 0 0 0 1px hsl(var(--light-focus-hsl)),\n 0 0 0 3px hsla(var(--light-focus-hsl), 0.7);\n}\n\n@mixin two-color-focus-ring($light-button: true) {\n // Creates a two-color focus ring, with a white\n // If button is light, the dark box shadow is adjacent to the button\n // Else the light box shadow is adjacent to the button\n --light-color: var(--white);\n --dark-color: var(--gray-800);\n\n @if $light-button {\n --focus-ring: 0 0 0 3px var(--dark-color), 0 0 0 6px var(--light-color);\n } @else {\n --focus-ring: 0 0 0 3px var(--light-color), 0 0 0 6px var(--dark-color);\n }\n}\n\n// RTL stuff\n\n@mixin left($left) {\n body.ltr & {\n left: $left;\n }\n body.rtl & {\n right: $left;\n }\n}\n\n@mixin right($right) {\n body.ltr & {\n right: $right;\n }\n body.rtl & {\n left: $right;\n }\n}\n\n@mixin alignleft {\n body.ltr & {\n text-align: left;\n }\n body.rtl & {\n text-align: right;\n }\n}\n\n@mixin alignright {\n body.ltr & {\n text-align: right;\n }\n body.rtl & {\n text-align: left;\n }\n}\n\n@mixin border-left($params...) {\n body.ltr & {\n border-left: $params;\n }\n body.rtl & {\n border-right: $params;\n }\n}\n\n@mixin border-right($params...) {\n body.ltr & {\n border-right: $params;\n }\n body.rtl & {\n border-left: $params;\n }\n}\n\n@mixin border-left-width($param) {\n body.ltr & {\n border-left-width: $param;\n }\n body.rtl & {\n border-right-width: $param;\n }\n}\n\n@mixin border-right-width($param) {\n body.ltr & {\n border-right-width: $param;\n }\n body.rtl & {\n border-left-width: $param;\n }\n}\n\n@mixin border-radius($tl, $tr, $br, $bl) {\n body.ltr & {\n border-radius: $tl $tr $br $bl;\n }\n body.rtl & {\n border-radius: $tr $tl $bl $br;\n }\n}\n\n@mixin border-top-left-radius($params...) {\n body.ltr & {\n border-top-left-radius: $params;\n }\n body.rtl & {\n border-top-right-radius: $params;\n }\n}\n\n@mixin border-top-right-radius($params...) {\n body.ltr & {\n border-top-right-radius: $params;\n }\n body.rtl & {\n border-top-left-radius: $params;\n }\n}\n\n@mixin border-bottom-left-radius($params...) {\n body.ltr & {\n border-bottom-left-radius: $params;\n }\n body.rtl & {\n border-bottom-right-radius: $params;\n }\n}\n\n@mixin border-bottom-right-radius($params...) {\n body.ltr & {\n border-bottom-right-radius: $params;\n }\n body.rtl & {\n border-bottom-left-radius: $params;\n }\n}\n\n@mixin floatleft {\n body.ltr & {\n float: left;\n }\n body.rtl & {\n float: right;\n }\n}\n\n@mixin floatright {\n body.ltr & {\n float: right;\n }\n body.rtl & {\n float: left;\n }\n}\n\n@mixin margin($t, $r, $b, $l, $important: '') {\n body.ltr & {\n margin: $t $r $b $l unquote($important);\n }\n body.rtl & {\n margin: $t $l $b $r unquote($important);\n }\n}\n\n@mixin margin-left($margin...) {\n body.ltr & {\n margin-left: $margin;\n }\n body.rtl & {\n margin-right: $margin;\n }\n}\n\n@mixin margin-right($margin...) {\n body.ltr & {\n margin-right: $margin;\n }\n body.rtl & {\n margin-left: $margin;\n }\n}\n\n@mixin padding($t, $r, $b, $l, $important: '') {\n body.ltr & {\n padding: $t $r $b $l unquote($important);\n }\n body.rtl & {\n padding: $t $l $b $r unquote($important);\n }\n}\n\n@mixin padding-left($padding...) {\n body.ltr & {\n padding-left: $padding;\n }\n body.rtl & {\n padding-right: $padding;\n }\n}\n\n@mixin padding-right($padding...) {\n body.ltr & {\n padding-right: $padding;\n }\n body.rtl & {\n padding-left: $padding;\n }\n}\n\n// Misc\n\n@mixin dark-inputs {\n @include placeholder-styles($grey400);\n\n .btn,\n .select:not(.selectize) select {\n background-color: $grey200;\n\n &:focus,\n &:hover {\n background-color: darken($grey200, 5%);\n }\n\n &:active,\n &.active {\n background-color: darken($grey200, 10%);\n }\n }\n\n .text {\n background-color: $grey200;\n\n &:focus {\n background-color: darken($grey200, 5%);\n }\n }\n}\n\n@mixin header-btn {\n width: 30px;\n height: 30px;\n padding-left: 0;\n padding-right: 0;\n\n &:not(:hover):not(:active):not(.active) {\n background-color: transparent;\n }\n &:not(:active):not(.active):hover {\n background-color: transparentize($grey300, 0.85);\n }\n}\n\n@mixin h6-styles {\n margin: 14px 0 3px;\n font-size: 11px;\n line-height: 1.2;\n color: $lightTextColor;\n text-transform: uppercase;\n}\n\n@mixin token-styles {\n display: inline-block;\n border-radius: $smallBorderRadius;\n padding: 3px 7px;\n font-size: 12px;\n line-height: 14px;\n color: $textColor;\n background-color: $grey100;\n}\n\n@mixin active-token-styles {\n background-color: $grey200;\n}\n\n@mixin menu-styles {\n z-index: 100;\n border-radius: $menuBorderRadius;\n padding: 0 14px;\n overflow: auto;\n background: $white;\n user-select: none;\n box-shadow: 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-option-styles {\n margin: 0 -14px;\n padding: 10px 14px;\n color: $menuOptionColor;\n text-decoration: none;\n white-space: nowrap;\n}\n\n@mixin menu-option-active-styles {\n color: $menuOptionActiveColor;\n background-color: $menuOptionActiveBackgroundColor;\n}\n\n@mixin disclosure-link-hover-styles {\n color: $menuOptionColor;\n background-color: $grey050;\n}\n\n@mixin input-styles {\n border-radius: $smallBorderRadius;\n border: 1px solid transparentize($inputColor, 0.75);\n background-color: hsl(212, 50%, 99%);\n background-clip: padding-box;\n}\n\n@mixin input-focused-styles {\n box-shadow: var(--focus-ring);\n}\n\n@mixin placeholder-styles($color) {\n ::-webkit-input-placeholder {\n color: $color;\n }\n\n input:-ms-input-placeholder {\n color: $color;\n }\n\n ::-ms-input-placeholder {\n color: $color;\n }\n\n :-moz-placeholder {\n color: $color;\n }\n\n ::-moz-placeholder {\n color: $color;\n }\n\n ::placeholder {\n color: $color;\n }\n}\n\n@mixin select-styles {\n position: relative;\n border-radius: $largeBorderRadius;\n white-space: nowrap;\n}\n\n@mixin select-container-styles {\n max-width: 100%;\n position: relative;\n :not(.flex) > & {\n display: inline-block;\n }\n}\n\n@mixin select-arrow-styles {\n @include angle;\n position: absolute;\n z-index: 1;\n top: calc(50% - 5px);\n @include right(9px);\n user-select: none;\n pointer-events: none;\n}\n\n@mixin select-input-styles {\n display: block;\n position: relative;\n max-width: 100%;\n border: none;\n @include padding(7px, 22px, 7px, 10px);\n font-size: 14px;\n line-height: 20px;\n color: $textColor;\n background-color: hsl(212, 25%, 90%);\n appearance: none;\n // from https://stackoverflow.com/a/15933790/1688568\n &::-ms-expand {\n display: none;\n }\n}\n\n@mixin select-input-fullwidth-styles {\n min-width: 100%;\n}\n\n@mixin select-input-focused-styles {\n outline-color: transparent;\n background-color: hsl(212, 25%, 85%);\n box-shadow: var(--focus-ring);\n}\n\n@mixin touch-target {\n height: var(--touch-target-size);\n width: var(--touch-target-size);\n}\n\n@mixin visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: 0;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\n@mixin readable {\n font-size: 16px;\n line-height: 22px;\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6 {\n font-size: 13.6px;\n line-height: 17px;\n color: $mediumTextColor;\n }\n\n ul,\n ol {\n margin: 1em 0;\n @include padding-left(2em);\n }\n\n ul li {\n list-style-type: disc;\n }\n\n li + li {\n margin-top: 0.25em;\n }\n\n blockquote {\n margin: 16px 0;\n\n &:not(.note) {\n padding: 0 16px;\n color: $mediumTextColor;\n @include border-left(4px solid $hairlineColor);\n }\n\n &.note {\n position: relative;\n border-radius: 4px;\n padding: 1em;\n @include padding-left(56px);\n border: 1px solid;\n\n &:not(.tip):not(.warning) {\n border-color: $errorColor;\n color: #bf503f;\n\n &:before {\n content: 'alert';\n color: $errorColor;\n }\n }\n\n &.tip {\n border-color: $linkColor;\n color: $mediumTextColor;\n\n &:before {\n content: 'lightbulb';\n color: $linkColor;\n }\n }\n\n &.warning {\n border-color: $warningColor;\n color: #cf783a;\n\n &:before {\n content: 'alert';\n color: $warningColor;\n }\n }\n\n &:before {\n @include icon;\n position: absolute;\n top: 12px;\n @include left(16px);\n font-size: 30px;\n width: 24px;\n }\n }\n }\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"css/PluginManager.css","mappings":"AAKI,oCAGE,oBADA,gBACA,CAGF,6BAEE,cADA,eACA,CAEA,gFAEE,mBAGF,mCACE,cAGA,kBAFA,kBAEA,CCqbN,4CACE,iBDvbI,CCybN,4CACE,gBD1bI,CAGA,qCACE,cACA,cAGF,8EAEE,cAEA,YADA,UACA,CAGF,uDAOE,qFACA,2BAPA,cAKA,YAJA,kBACA,SAEA,UAGA,iECsQR,SACE,iEAEF,UACE,8DDxQM,8CACE,8CAKN,qBACE,yDAGE,4BACA,sBAFF,oBACE,cAIA,sBACA,gBAJA,aACA,CADA,gBACA,kBAGA,4DAEA,iFAQE,yCACA,mBACA,2BACA,iCAPF,kBACE,SAMA,qCAEA,oCARA,wBAGA,iBAKA,2ECsXV,0FAGA,gLDvXU,cAEE,CACA,eACA,CAFA,gBACA,CAHF,aAKE,gFAGF,mCACE,qBACA,mBACA,wBACA,+BACA,6GAIA,mCACA,CACA,yBACA,CAFA,kBACA,CACA,kBACA,CALF,kBAKE,wBACA,oCACA,yIC6VZ,uHAGA,wHAwBA,wHAGA,kBACE,qGDhXY,kBAGA,CANA,WAFF,cAEE,WAEA,CACA,SALF,iBACE,CACA,MAMA,qCACA,oCALA,OAKA,+GAIE,yEACA,CAHF,yBAEE,CAFF,SAGE,+GAMA,yEACA,CAHF,yBAEE,CAFF,UAGE,yEAQN,8BACA,CAFF,oBAEE,uFAEA,uBACE,wFAGF,4BACE,sHAOI,oCACA,CAHF,yBAEE,CAFF,SAGE,sHAGF,mCACE,kEAMR,8BACE,gBACA,2EC6RV,2FAGA,kBACE,qGD5RI,oEAQE,6BACA,CAJF,oBACE,cACA,sBACA,gBAFA,kBAGA,0DAGE,0BACA,oBAFF,oBACE,aACA,qFC2QV,qGAGA,kBACE,uIDvQU,sDCEZ,wCAGA,uCACA,oCACA,kCACA,CAIA,kCAEA,kCACA,CAKA,0BACA,CAGA,qBDpBc,CCOd,aACA,CAGA,oBAEA,CDjBY,kBCkBZ,kBATA,mBACA,CAFA,eACA,CAEA,cAaA,gBAFA,2BAEA,CAPA,kBAPA,mBACA,CAUA,wBACA,kBAHA,qBDfc,0JCwQd,0KAGA,qLDpQc,kBACE,6EAKN,+FAIA,kBACE,2DAKN,+EAII,+BAEA,0CACA,CAJF,oBAIE,4EAEA,wBAEE,CAFF,gBAGE,YACA,CAFA,mBACA,WACA,mIAKJ,+DAMF,4EAQA","sources":["webpack:///./plugins.scss","webpack:///../../../../../packages/craftcms-sass/_mixins.scss"],"sourcesContent":["@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\n#plugins {\n tbody {\n th,\n td {\n padding-top: 20px;\n padding-bottom: 20px;\n }\n\n .plugin-infos {\n font-weight: normal;\n display: table;\n\n .icon,\n .plugin-details {\n display: table-cell;\n }\n\n .icon {\n display: block;\n vertical-align: top;\n @include margin-right(14px);\n position: relative;\n\n a {\n display: block;\n line-height: 0;\n }\n\n svg,\n img {\n display: block;\n width: 44px;\n height: 44px;\n }\n\n .license-key-status {\n display: block;\n position: absolute;\n top: 26px;\n @include left(26px);\n width: 20px;\n height: 20px;\n background: no-repeat 0 0 url(images/invalid-icon.svg);\n background-size: 100% 100%;\n\n &.valid {\n background-image: url(images/valid-icon.svg);\n }\n }\n }\n\n .plugin-details {\n vertical-align: middle;\n\n .plugin-id {\n display: flex;\n align-items: baseline;\n margin-bottom: 0;\n font-size: 1em;\n white-space: nowrap;\n flex-wrap: wrap;\n\n h2 {\n margin-bottom: 0;\n }\n\n .edition {\n position: relative;\n top: -1px;\n @include margin-left(7px);\n user-select: none;\n border: 1px solid var(--medium-text-color);\n border-radius: 3px;\n display: inline-flex;\n height: 18px;\n transition: border-color linear 100ms;\n\n & > .edition-name,\n & > .edition-trial {\n padding: 0 6px;\n font-size: 11px;\n line-height: 16px;\n font-weight: normal;\n }\n\n & > .edition-name {\n color: var(--medium-dark-text-color);\n letter-spacing: 1.5px;\n padding-right: 5px;\n text-transform: uppercase;\n transition: color linear 100ms;\n }\n\n & > .edition-trial {\n position: relative;\n background: var(--medium-text-color);\n color: var(--white);\n border-radius: 0 1px 1px 0;\n letter-spacing: 1px;\n text-transform: lowercase;\n transition: background linear 100ms;\n }\n\n & .edition-name + .edition-trial {\n @include margin-left(4px);\n @include padding-left(4px);\n\n &:before {\n display: block;\n position: absolute;\n top: 0;\n content: '';\n font-size: 0;\n width: 0;\n height: 0;\n border-style: solid;\n transition: border-color linear 100ms;\n\n body.ltr & {\n left: -7px;\n border-width: 0 7px 16px 0;\n border-color: transparent var(--medium-text-color) transparent\n transparent;\n }\n\n body.rtl & {\n right: -7px;\n border-width: 0 0 16px 7px;\n border-color: transparent transparent transparent\n var(--medium-text-color);\n }\n }\n }\n }\n\n a.edition:hover {\n text-decoration: none;\n border-color: var(--link-color);\n\n & > .edition-name {\n color: var(--link-color);\n }\n\n & > .edition-trial {\n background: var(--link-color);\n }\n\n & .edition-name + .edition-trial {\n &:before {\n body.ltr & {\n left: -7px;\n border-width: 0 7px 16px 0;\n border-right-color: var(--link-color);\n }\n\n body.rtl & {\n border-left-color: var(--link-color);\n }\n }\n }\n }\n\n .version {\n color: var(--medium-text-color);\n font-weight: normal;\n @include margin-left(14px);\n }\n }\n\n p,\n ul.links {\n margin: 0.2em 0;\n }\n\n ul.links {\n display: flex;\n white-space: nowrap;\n flex-wrap: wrap;\n color: var(--light-text-color);\n\n li {\n display: flex;\n align-items: center;\n\n &:not(:first-child) {\n @include margin-left(14px);\n }\n\n a,\n span {\n &:before {\n @include icon;\n @include margin-right(4px);\n margin-top: -3px;\n color: var(--gray-300);\n }\n }\n\n &.link-developer {\n a,\n span {\n &:before {\n content: 'building';\n }\n }\n }\n\n &.link-docs a:before {\n content: 'book';\n }\n\n &.link-settings a:before {\n content: 'settings';\n }\n }\n }\n\n .license-key {\n margin-top: 1em;\n\n .pane {\n margin: 0;\n padding: 3px;\n background: transparentize($inputColor, 0.75);\n border-radius: var(--medium-border-radius);\n\n input.text {\n font-weight: bold;\n font-size: 11px !important;\n padding: 3px 7px 1px;\n width: 19em;\n min-height: 0;\n }\n }\n\n .btn,\n .spinner {\n margin: 0;\n }\n }\n\n .expired {\n margin-top: 1em;\n }\n }\n }\n\n &:not(.collapsed) {\n .plugin-infos {\n .plugin-details {\n min-width: 150px;\n }\n }\n }\n }\n}\n","$white: #fff;\n$black: #000;\n\n$grey050: hsl(212, 60%, 97%);\n$grey100: hsl(212, 50%, 93%);\n$grey200: hsl(212, 30%, 85%);\n$grey300: hsl(211, 13%, 65%);\n$grey350: hsl(211, 11%, 59%);\n$grey400: hsl(210, 10%, 53%);\n$grey500: hsl(211, 12%, 43%);\n$grey550: hsl(210, 13%, 40%);\n$grey600: hsl(209, 14%, 37%);\n$grey700: hsl(209, 18%, 30%);\n$grey800: hsl(209, 20%, 25%);\n$grey900: hsl(210, 24%, 16%);\n$grey1000: hsl(210, 24%, 10%);\n\n$blue050: #e3f8ff;\n$blue100: #b3ecff;\n$blue200: #81defd;\n$blue300: #5ed0fa;\n$blue400: #40c3f7;\n$blue500: #2bb0ed;\n$blue600: #1992d4;\n$blue700: #127fbf;\n$blue800: #0b69a3;\n$blue900: #035388;\n\n$cyan050: #e0fcff;\n$cyan100: #bef8fd;\n$cyan200: #87eaf2;\n$cyan300: #54d1db;\n$cyan400: #38bec9;\n$cyan500: #2cb1bc;\n$cyan600: #14919b;\n$cyan700: #0e7c86;\n$cyan800: #0a6c74;\n$cyan900: #044e54;\n\n$pink050: #ffe3ec;\n$pink100: #ffb8d2;\n$pink200: #ff8cba;\n$pink300: #f364a2;\n$pink400: #e8368f;\n$pink500: #da127d;\n$pink600: #bc0a6f;\n$pink700: #a30664;\n$pink800: #870557;\n$pink900: #620042;\n\n$red050: #ffe3e3;\n$red100: #ffbdbd;\n$red200: #ff9b9b;\n$red300: #f86a6a;\n$red400: #ef4e4e;\n$red500: #e12d39;\n$red600: #cf1124;\n$red700: #ab091e;\n$red800: #8a041a;\n$red900: #610316;\n\n$yellow050: #fffbea;\n$yellow100: #fff3c4;\n$yellow200: #fce588;\n$yellow300: #fadb5f;\n$yellow400: #f7c948;\n$yellow500: #f0b429;\n$yellow600: #de911d;\n$yellow700: #cb6e17;\n$yellow800: #b44d12;\n$yellow900: #8d2b0b;\n\n$teal050: #effcf6;\n$teal100: #c6f7e2;\n$teal200: #8eedc7;\n$teal300: #65d6ad;\n$teal400: #3ebd93;\n$teal500: #27ab83;\n$teal600: #199473;\n$teal700: #147d64;\n$teal800: #0c6b58;\n$teal900: #014d40;\n\n// submit button colors\n$primaryColor: $red500;\n$secondaryColor: $grey500;\n\n$inputColor: hsl(212, 25%, 50%);\n\n// text colors\n$textColor: $grey700;\n$mediumDarkTextColor: $grey550;\n$mediumTextColor: $grey550;\n$lightTextColor: $grey500;\n$linkColor: #2563eb;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $white;\n$menuOptionActiveBackgroundColor: $grey500;\n\n// hairline colors\n$hairlineColor: transparentize($grey800, 0.9);\n$mediumHairlineColor: transparentize($grey600, 0.75);\n$darkHairlineColor: transparentize($grey400, 0.5);\n\n// focus colors\n$lightFocusColor: $blue300;\n$mediumFocusColor: $blue500;\n$darkFocusColor: #0f74b1;\n\n// focus rings\n$lightFocusRing: 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing: 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing: 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey600;\n\n// alert/notice colors\n$errorColor: $red600;\n$warningColor: $yellow800;\n$successColor: $teal500;\n$noticeColor: $blue800;\n\n// UI element styles\n$smallBorderRadius: 3px;\n$mediumBorderRadius: 4px;\n$largeBorderRadius: 5px;\n\n$menuBorderRadius: $mediumBorderRadius;\n$checkboxSize: 16px;\n$radioSize: 16px;\n\n@mixin sans-serif-font {\n font-family: system-ui, BlinkMacSystemFont, -apple-system, 'Segoe UI',\n 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',\n 'Helvetica Neue', sans-serif;\n}\n\n@mixin fixed-width-font {\n font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier,\n monospace;\n font-size: 0.9em !important;\n}\n\n@function toRem($values...) {\n $max: length($values);\n $remValues: '';\n\n @for $i from 1 through $max {\n $remValues: #{$remValues + calc(nth($values, $i) / 16)}rem;\n\n @if $i < $max {\n $remValues: #{$remValues + ' '};\n }\n }\n\n @return $remValues;\n}\n\n@mixin fontSize($size) {\n font-size: toRem($size);\n}\n\n// Other\n\n@mixin focus-styles {\n body:not(.reduce-focus-visibility) &:focus,\n body.reduce-focus-visibility &.focus-visible {\n @content;\n }\n}\n\n@mixin svg-mask($color) {\n rect,\n circle,\n ellipse,\n line,\n polyline,\n polygon,\n path,\n text {\n fill: $color;\n stroke-width: 0;\n }\n}\n\n@mixin icon {\n font-family: 'Craft';\n speak: none;\n -webkit-font-feature-settings: 'liga', 'dlig';\n -moz-font-feature-settings: 'liga=1, dlig=1';\n -moz-font-feature-settings: 'liga', 'dlig';\n -ms-font-feature-settings: 'liga', 'dlig';\n -o-font-feature-settings: 'liga', 'dlig';\n font-feature-settings: 'liga', 'dlig';\n text-rendering: optimizeLegibility;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n direction: ltr; // Fixes a rendering issue in Chrome/Win\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n\n display: inline-block;\n text-align: center;\n font-style: normal;\n vertical-align: middle;\n word-wrap: normal !important;\n user-select: none;\n\n opacity: var(--icon-opacity);\n}\n\n@mixin angle($dir: down, $color: currentColor, $width: 2px) {\n display: block;\n content: '';\n font-size: 0;\n width: 7px;\n height: 7px;\n border: solid $color;\n border-width: 0 $width $width 0;\n opacity: 0.8;\n\n @if $dir == up {\n transform: rotate(225deg);\n } @else if $dir == down {\n transform: rotate(45deg);\n } @else if $dir == left {\n body.ltr & {\n transform: rotate(135deg);\n }\n body.rtl & {\n transform: rotate(-45deg);\n }\n } @else if $dir == right {\n body.ltr & {\n transform: rotate(-45deg);\n }\n body.rtl & {\n transform: rotate(135deg);\n }\n }\n}\n\n@mixin clearafter {\n content: '';\n display: block;\n height: 0;\n clear: both;\n visibility: hidden;\n}\n\n@mixin shadow {\n box-shadow: 0 1px 5px -1px transparentize($grey900, 0.8);\n}\n\n@mixin pane {\n background: $white;\n box-shadow: 0 0 0 1px $grey200, 0 2px 12px transparentize($grey200, 0.5);\n\n &:focus {\n box-shadow: var(--focus-ring);\n }\n}\n\n@mixin modal {\n border-radius: $largeBorderRadius;\n background-color: $white;\n box-shadow: 0 25px 100px transparentize($grey900, 0.5);\n}\n\n@mixin light-on-dark-text() {\n // Make light on dark text sharp on Macs\n // (sub-pixel antialiasing looks too bold/blurry with light text on dark background)\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-weight: 500;\n}\n\n@mixin light-focus-ring() {\n --focus-ring: 0 0 0 1px hsl(var(--light-focus-hsl)),\n 0 0 0 3px hsla(var(--light-focus-hsl), 0.7);\n}\n\n@mixin two-color-focus-ring($light-button: true) {\n // Creates a two-color focus ring, with a white\n // If button is light, the dark box shadow is adjacent to the button\n // Else the light box shadow is adjacent to the button\n --light-color: var(--white);\n --dark-color: var(--gray-800);\n\n @if $light-button {\n --focus-ring: 0 0 0 3px var(--dark-color), 0 0 0 6px var(--light-color);\n } @else {\n --focus-ring: 0 0 0 3px var(--light-color), 0 0 0 6px var(--dark-color);\n }\n}\n\n// RTL stuff\n\n@mixin left($left) {\n body.ltr & {\n left: $left;\n }\n body.rtl & {\n right: $left;\n }\n}\n\n@mixin right($right) {\n body.ltr & {\n right: $right;\n }\n body.rtl & {\n left: $right;\n }\n}\n\n@mixin alignleft {\n body.ltr & {\n text-align: left;\n }\n body.rtl & {\n text-align: right;\n }\n}\n\n@mixin alignright {\n body.ltr & {\n text-align: right;\n }\n body.rtl & {\n text-align: left;\n }\n}\n\n@mixin border-left($params...) {\n body.ltr & {\n border-left: $params;\n }\n body.rtl & {\n border-right: $params;\n }\n}\n\n@mixin border-right($params...) {\n body.ltr & {\n border-right: $params;\n }\n body.rtl & {\n border-left: $params;\n }\n}\n\n@mixin border-left-width($param) {\n body.ltr & {\n border-left-width: $param;\n }\n body.rtl & {\n border-right-width: $param;\n }\n}\n\n@mixin border-right-width($param) {\n body.ltr & {\n border-right-width: $param;\n }\n body.rtl & {\n border-left-width: $param;\n }\n}\n\n@mixin border-radius($tl, $tr, $br, $bl) {\n body.ltr & {\n border-radius: $tl $tr $br $bl;\n }\n body.rtl & {\n border-radius: $tr $tl $bl $br;\n }\n}\n\n@mixin border-top-left-radius($params...) {\n body.ltr & {\n border-top-left-radius: $params;\n }\n body.rtl & {\n border-top-right-radius: $params;\n }\n}\n\n@mixin border-top-right-radius($params...) {\n body.ltr & {\n border-top-right-radius: $params;\n }\n body.rtl & {\n border-top-left-radius: $params;\n }\n}\n\n@mixin border-bottom-left-radius($params...) {\n body.ltr & {\n border-bottom-left-radius: $params;\n }\n body.rtl & {\n border-bottom-right-radius: $params;\n }\n}\n\n@mixin border-bottom-right-radius($params...) {\n body.ltr & {\n border-bottom-right-radius: $params;\n }\n body.rtl & {\n border-bottom-left-radius: $params;\n }\n}\n\n@mixin floatleft {\n body.ltr & {\n float: left;\n }\n body.rtl & {\n float: right;\n }\n}\n\n@mixin floatright {\n body.ltr & {\n float: right;\n }\n body.rtl & {\n float: left;\n }\n}\n\n@mixin margin($t, $r, $b, $l, $important: '') {\n body.ltr & {\n margin: $t $r $b $l unquote($important);\n }\n body.rtl & {\n margin: $t $l $b $r unquote($important);\n }\n}\n\n@mixin margin-left($margin...) {\n body.ltr & {\n margin-left: $margin;\n }\n body.rtl & {\n margin-right: $margin;\n }\n}\n\n@mixin margin-right($margin...) {\n body.ltr & {\n margin-right: $margin;\n }\n body.rtl & {\n margin-left: $margin;\n }\n}\n\n@mixin padding($t, $r, $b, $l, $important: '') {\n body.ltr & {\n padding: $t $r $b $l unquote($important);\n }\n body.rtl & {\n padding: $t $l $b $r unquote($important);\n }\n}\n\n@mixin padding-left($padding...) {\n body.ltr & {\n padding-left: $padding;\n }\n body.rtl & {\n padding-right: $padding;\n }\n}\n\n@mixin padding-right($padding...) {\n body.ltr & {\n padding-right: $padding;\n }\n body.rtl & {\n padding-left: $padding;\n }\n}\n\n// Misc\n\n@mixin dark-inputs {\n @include placeholder-styles($grey400);\n\n .btn,\n .select:not(.selectize) select {\n background-color: $grey200;\n\n &:focus,\n &:hover {\n background-color: darken($grey200, 5%);\n }\n\n &:active,\n &.active {\n background-color: darken($grey200, 10%);\n }\n }\n\n .text {\n background-color: $grey200;\n\n &:focus {\n background-color: darken($grey200, 5%);\n }\n }\n}\n\n@mixin header-btn {\n width: 30px;\n height: 30px;\n padding-left: 0;\n padding-right: 0;\n\n &:not(:hover):not(:active):not(.active) {\n background-color: transparent;\n }\n &:not(:active):not(.active):hover {\n background-color: transparentize($grey300, 0.85);\n }\n}\n\n@mixin h6-styles {\n margin: 14px 0 3px;\n font-size: 11px;\n line-height: 1.2;\n color: $lightTextColor;\n text-transform: uppercase;\n}\n\n@mixin token-styles {\n display: inline-block;\n border-radius: $smallBorderRadius;\n padding: 3px 7px;\n font-size: 12px;\n line-height: 14px;\n color: $textColor;\n background-color: $grey100;\n}\n\n@mixin active-token-styles {\n background-color: $grey200;\n}\n\n@mixin menu-styles {\n z-index: 100;\n border-radius: $menuBorderRadius;\n padding: 0 14px;\n overflow: auto;\n background: $white;\n user-select: none;\n box-shadow: 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-option-styles {\n margin: 0 -14px;\n padding: 10px 14px;\n color: $menuOptionColor;\n text-decoration: none;\n white-space: nowrap;\n}\n\n@mixin menu-option-active-styles {\n color: $menuOptionActiveColor;\n background-color: $menuOptionActiveBackgroundColor;\n}\n\n@mixin disclosure-link-hover-styles {\n color: $menuOptionColor;\n background-color: $grey050;\n}\n\n@mixin input-styles {\n border-radius: $smallBorderRadius;\n border: 1px solid transparentize($inputColor, 0.75);\n background-color: hsl(212, 50%, 99%);\n background-clip: padding-box;\n}\n\n@mixin input-focused-styles {\n box-shadow: var(--focus-ring);\n}\n\n@mixin placeholder-styles($color) {\n input::-webkit-input-placeholder,\n textarea::-webkit-input-placeholder {\n color: $color;\n }\n\n input:-ms-input-placeholder,\n textarea:-ms-input-placeholder {\n color: $color;\n }\n\n input::-ms-input-placeholder,\n textarea::-ms-input-placeholder {\n color: $color;\n }\n\n input:-moz-placeholder,\n textarea:-moz-placeholder {\n color: $color;\n }\n\n input::-moz-placeholder,\n textarea::-moz-placeholder {\n color: $color;\n }\n\n input::placeholder,\n textarea::placeholder {\n color: $color;\n }\n}\n\n@mixin select-styles {\n position: relative;\n border-radius: $largeBorderRadius;\n white-space: nowrap;\n}\n\n@mixin select-container-styles {\n max-width: 100%;\n position: relative;\n :not(.flex) > & {\n display: inline-block;\n }\n}\n\n@mixin select-arrow-styles {\n @include angle;\n position: absolute;\n z-index: 1;\n top: calc(50% - 5px);\n @include right(9px);\n user-select: none;\n pointer-events: none;\n}\n\n@mixin select-input-styles {\n display: block;\n position: relative;\n max-width: 100%;\n border: none;\n @include padding(7px, 22px, 7px, 10px);\n font-size: 14px;\n line-height: 20px;\n color: $textColor;\n background-color: hsl(212, 25%, 90%);\n appearance: none;\n // from https://stackoverflow.com/a/15933790/1688568\n &::-ms-expand {\n display: none;\n }\n}\n\n@mixin select-input-fullwidth-styles {\n min-width: 100%;\n}\n\n@mixin select-input-focused-styles {\n outline-color: transparent;\n background-color: hsl(212, 25%, 85%);\n box-shadow: var(--focus-ring);\n}\n\n@mixin touch-target {\n height: var(--touch-target-size);\n width: var(--touch-target-size);\n}\n\n@mixin visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: 0;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\n@mixin readable {\n font-size: 16px;\n line-height: 22px;\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6 {\n font-size: 13.6px;\n line-height: 17px;\n color: $mediumTextColor;\n }\n\n ul,\n ol {\n margin: 1em 0;\n @include padding-left(2em);\n }\n\n ul li {\n list-style-type: disc;\n }\n\n li + li {\n margin-top: 0.25em;\n }\n\n blockquote {\n margin: 16px 0;\n\n &:not(.note) {\n padding: 0 16px;\n color: $mediumTextColor;\n @include border-left(4px solid $hairlineColor);\n }\n\n &.note {\n position: relative;\n border-radius: 4px;\n padding: 1em;\n @include padding-left(56px);\n border: 1px solid;\n\n &:not(.tip):not(.warning) {\n border-color: $errorColor;\n color: #bf503f;\n\n &:before {\n content: 'alert';\n color: $errorColor;\n }\n }\n\n &.tip {\n border-color: $linkColor;\n color: $mediumTextColor;\n\n &:before {\n content: 'lightbulb';\n color: $linkColor;\n }\n }\n\n &.warning {\n border-color: $warningColor;\n color: #cf783a;\n\n &:before {\n content: 'alert';\n color: $warningColor;\n }\n }\n\n &:before {\n @include icon;\n position: absolute;\n top: 12px;\n @include left(16px);\n font-size: 30px;\n width: 24px;\n }\n }\n }\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/src/web/assets/pluginstore/dist/css/app.css.map b/src/web/assets/pluginstore/dist/css/app.css.map
index 0ef1c3ed90a..6ca374d6baa 100644
--- a/src/web/assets/pluginstore/dist/css/app.css.map
+++ b/src/web/assets/pluginstore/dist/css/app.css.map
@@ -1 +1 @@
-{"version":3,"file":"css/app.css","mappings":"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","sources":["webpack:///./js/components/EditionBadge.vue","webpack:///./js/components/PluginCard.vue","webpack:///../../../../../packages/craftcms-sass/_mixins.scss","webpack:///./js/components/InfoHud.vue","webpack:///./js/components/LicenseStatus.vue","webpack:///./js/components/upgradecraft/CmsEdition.vue","webpack:///./js/components/StatusMessage.vue","webpack:///./js/components/PluginActions.vue","webpack:///./js/components/ActiveInstallsChart.vue","webpack:///./js/components/ChangelogRelease.vue","webpack:///./js/components/modal/Modal.vue","webpack:///./js/components/CategorySelector.vue","webpack:///./js/components/ScreenshotModal.vue","webpack:///./sass/main.scss","webpack:///./sass/_tailwind.scss","webpack:///./sass/_layout.scss","webpack:///./sass/_general.scss","webpack:///./sass/_nav-items.scss","webpack:///./sass/_tooltip.scss","webpack:///./sass/_readable.scss","webpack:///","webpack:///./App.vue","webpack:///../../../../../node_modules/swiper/css/swiper.css","webpack:///./js/components/ui/CBtn.vue","webpack:///./js/components/ui/CDropdown.vue","webpack:///./js/components/ui/CSpinner.vue"],"sourcesContent":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import '@craftcms/sass/mixins';\n\n.edition-badge {\n @apply tw-inline-block;\n\n &.is-block {\n @apply tw-block;\n }\n\n &:not(.is-block) {\n @apply tw-relative;\n }\n\n &.is-big {\n .edition-badge-name {\n @apply tw-text-base tw-px-3 tw-py-1;\n }\n }\n\n .edition-badge-name {\n @apply tw-inline-block tw-uppercase tw-border tw-border-solid tw-border-gray-400 tw-px-2 tw-py-1 tw-text-gray-500 tw-rounded tw-text-xs;\n letter-spacing: 1.5px;\n }\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import '@craftcms/sass/mixins';\n\n.plugin-details-header {\n @apply tw-leading-normal tw-overflow-hidden tw-mb-1;\n max-height: 4.75em;\n\n .plugin-name {\n @apply tw-flex tw-mb-1;\n\n .edition-badge {\n @apply tw-ml-2;\n }\n }\n}\n\na.plugin-card {\n box-sizing: border-box;\n @apply tw-text-gray-900;\n\n &:hover {\n @apply tw-text-gray-900;\n\n strong {\n @apply tw-text-blue-600;\n }\n }\n\n .installed {\n @apply tw-absolute;\n top: 14px;\n @include right(18px);\n color: #ccc;\n }\n}\n\n.ps-grid-plugins {\n .plugin-card {\n @apply tw-h-full;\n }\n}\n","$white: #fff;\n$black: #000;\n\n$grey050: hsl(212, 60%, 97%);\n$grey100: hsl(212, 50%, 93%);\n$grey200: hsl(212, 30%, 85%);\n$grey300: hsl(211, 13%, 65%);\n$grey350: hsl(211, 11%, 59%);\n$grey400: hsl(210, 10%, 53%);\n$grey500: hsl(211, 12%, 43%);\n$grey550: hsl(210, 13%, 40%);\n$grey600: hsl(209, 14%, 37%);\n$grey700: hsl(209, 18%, 30%);\n$grey800: hsl(209, 20%, 25%);\n$grey900: hsl(210, 24%, 16%);\n$grey1000: hsl(210, 24%, 10%);\n\n$blue050: #e3f8ff;\n$blue100: #b3ecff;\n$blue200: #81defd;\n$blue300: #5ed0fa;\n$blue400: #40c3f7;\n$blue500: #2bb0ed;\n$blue600: #1992d4;\n$blue700: #127fbf;\n$blue800: #0b69a3;\n$blue900: #035388;\n\n$cyan050: #e0fcff;\n$cyan100: #bef8fd;\n$cyan200: #87eaf2;\n$cyan300: #54d1db;\n$cyan400: #38bec9;\n$cyan500: #2cb1bc;\n$cyan600: #14919b;\n$cyan700: #0e7c86;\n$cyan800: #0a6c74;\n$cyan900: #044e54;\n\n$pink050: #ffe3ec;\n$pink100: #ffb8d2;\n$pink200: #ff8cba;\n$pink300: #f364a2;\n$pink400: #e8368f;\n$pink500: #da127d;\n$pink600: #bc0a6f;\n$pink700: #a30664;\n$pink800: #870557;\n$pink900: #620042;\n\n$red050: #ffe3e3;\n$red100: #ffbdbd;\n$red200: #ff9b9b;\n$red300: #f86a6a;\n$red400: #ef4e4e;\n$red500: #e12d39;\n$red600: #cf1124;\n$red700: #ab091e;\n$red800: #8a041a;\n$red900: #610316;\n\n$yellow050: #fffbea;\n$yellow100: #fff3c4;\n$yellow200: #fce588;\n$yellow300: #fadb5f;\n$yellow400: #f7c948;\n$yellow500: #f0b429;\n$yellow600: #de911d;\n$yellow700: #cb6e17;\n$yellow800: #b44d12;\n$yellow900: #8d2b0b;\n\n$teal050: #effcf6;\n$teal100: #c6f7e2;\n$teal200: #8eedc7;\n$teal300: #65d6ad;\n$teal400: #3ebd93;\n$teal500: #27ab83;\n$teal600: #199473;\n$teal700: #147d64;\n$teal800: #0c6b58;\n$teal900: #014d40;\n\n// submit button colors\n$primaryColor: $red500;\n$secondaryColor: $grey500;\n\n$inputColor: hsl(212, 25%, 50%);\n\n// text colors\n$textColor: $grey700;\n$mediumDarkTextColor: $grey550;\n$mediumTextColor: $grey550;\n$lightTextColor: $grey500;\n$linkColor: #2563eb;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $white;\n$menuOptionActiveBackgroundColor: $grey500;\n\n// hairline colors\n$hairlineColor: transparentize($grey800, 0.9);\n$mediumHairlineColor: transparentize($grey600, 0.75);\n$darkHairlineColor: transparentize($grey400, 0.5);\n\n// focus colors\n$lightFocusColor: $blue300;\n$mediumFocusColor: $blue500;\n$darkFocusColor: #0f74b1;\n\n// focus rings\n$lightFocusRing: 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing: 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing: 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey600;\n\n// alert/notice colors\n$errorColor: $red600;\n$warningColor: $yellow800;\n$successColor: $teal500;\n$noticeColor: $blue800;\n\n// UI element styles\n$smallBorderRadius: 3px;\n$mediumBorderRadius: 4px;\n$largeBorderRadius: 5px;\n\n$menuBorderRadius: $mediumBorderRadius;\n$checkboxSize: 16px;\n$radioSize: 16px;\n\n@mixin sans-serif-font {\n font-family: system-ui, BlinkMacSystemFont, -apple-system, 'Segoe UI',\n 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',\n 'Helvetica Neue', sans-serif;\n}\n\n@mixin fixed-width-font {\n font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier,\n monospace;\n font-size: 0.9em !important;\n}\n\n@function toRem($size) {\n $remValue: calc($size / 16) + rem;\n @return $remValue;\n}\n\n@mixin fontSize($size) {\n font-size: toRem($size);\n}\n\n// Other\n\n@mixin focus-styles {\n body:not(.reduce-focus-visibility) &:focus,\n body.reduce-focus-visibility &.focus-visible {\n @content;\n }\n}\n\n@mixin svg-mask($color) {\n rect,\n circle,\n ellipse,\n line,\n polyline,\n polygon,\n path,\n text {\n fill: $color;\n stroke-width: 0;\n }\n}\n\n@mixin icon {\n font-family: 'Craft';\n speak: none;\n -webkit-font-feature-settings: 'liga', 'dlig';\n -moz-font-feature-settings: 'liga=1, dlig=1';\n -moz-font-feature-settings: 'liga', 'dlig';\n -ms-font-feature-settings: 'liga', 'dlig';\n -o-font-feature-settings: 'liga', 'dlig';\n font-feature-settings: 'liga', 'dlig';\n text-rendering: optimizeLegibility;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n direction: ltr; // Fixes a rendering issue in Chrome/Win\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n\n display: inline-block;\n text-align: center;\n font-style: normal;\n vertical-align: middle;\n word-wrap: normal !important;\n user-select: none;\n\n opacity: var(--icon-opacity);\n}\n\n@mixin angle($dir: down, $color: currentColor, $width: 2px) {\n display: block;\n content: '';\n font-size: 0;\n width: 7px;\n height: 7px;\n border: solid $color;\n border-width: 0 $width $width 0;\n opacity: 0.8;\n\n @if $dir == up {\n transform: rotate(225deg);\n } @else if $dir == down {\n transform: rotate(45deg);\n } @else if $dir == left {\n body.ltr & {\n transform: rotate(135deg);\n }\n body.rtl & {\n transform: rotate(-45deg);\n }\n } @else if $dir == right {\n body.ltr & {\n transform: rotate(-45deg);\n }\n body.rtl & {\n transform: rotate(135deg);\n }\n }\n}\n\n@mixin clearafter {\n content: '';\n display: block;\n height: 0;\n clear: both;\n visibility: hidden;\n}\n\n@mixin shadow {\n box-shadow: 0 1px 5px -1px transparentize($grey900, 0.8);\n}\n\n@mixin pane {\n background: $white;\n box-shadow: 0 0 0 1px $grey200, 0 2px 12px transparentize($grey200, 0.5);\n\n &:focus {\n box-shadow: var(--focus-ring);\n }\n}\n\n@mixin modal {\n border-radius: $largeBorderRadius;\n background-color: $white;\n box-shadow: 0 25px 100px transparentize($grey900, 0.5);\n}\n\n@mixin light-on-dark-text() {\n // Make light on dark text sharp on Macs\n // (sub-pixel antialiasing looks too bold/blurry with light text on dark background)\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-weight: 500;\n}\n\n@mixin light-focus-ring() {\n --focus-ring: 0 0 0 1px hsl(var(--light-focus-hsl)),\n 0 0 0 3px hsla(var(--light-focus-hsl), 0.7);\n}\n\n@mixin two-color-focus-ring($light-button: true) {\n // Creates a two-color focus ring, with a white\n // If button is light, the dark box shadow is adjacent to the button\n // Else the light box shadow is adjacent to the button\n --light-color: var(--white);\n --dark-color: var(--gray-800);\n\n @if $light-button {\n --focus-ring: 0 0 0 3px var(--dark-color), 0 0 0 6px var(--light-color);\n } @else {\n --focus-ring: 0 0 0 3px var(--light-color), 0 0 0 6px var(--dark-color);\n }\n}\n\n// RTL stuff\n\n@mixin left($left) {\n body.ltr & {\n left: $left;\n }\n body.rtl & {\n right: $left;\n }\n}\n\n@mixin right($right) {\n body.ltr & {\n right: $right;\n }\n body.rtl & {\n left: $right;\n }\n}\n\n@mixin alignleft {\n body.ltr & {\n text-align: left;\n }\n body.rtl & {\n text-align: right;\n }\n}\n\n@mixin alignright {\n body.ltr & {\n text-align: right;\n }\n body.rtl & {\n text-align: left;\n }\n}\n\n@mixin border-left($params...) {\n body.ltr & {\n border-left: $params;\n }\n body.rtl & {\n border-right: $params;\n }\n}\n\n@mixin border-right($params...) {\n body.ltr & {\n border-right: $params;\n }\n body.rtl & {\n border-left: $params;\n }\n}\n\n@mixin border-left-width($param) {\n body.ltr & {\n border-left-width: $param;\n }\n body.rtl & {\n border-right-width: $param;\n }\n}\n\n@mixin border-right-width($param) {\n body.ltr & {\n border-right-width: $param;\n }\n body.rtl & {\n border-left-width: $param;\n }\n}\n\n@mixin border-radius($tl, $tr, $br, $bl) {\n body.ltr & {\n border-radius: $tl $tr $br $bl;\n }\n body.rtl & {\n border-radius: $tr $tl $bl $br;\n }\n}\n\n@mixin border-top-left-radius($params...) {\n body.ltr & {\n border-top-left-radius: $params;\n }\n body.rtl & {\n border-top-right-radius: $params;\n }\n}\n\n@mixin border-top-right-radius($params...) {\n body.ltr & {\n border-top-right-radius: $params;\n }\n body.rtl & {\n border-top-left-radius: $params;\n }\n}\n\n@mixin border-bottom-left-radius($params...) {\n body.ltr & {\n border-bottom-left-radius: $params;\n }\n body.rtl & {\n border-bottom-right-radius: $params;\n }\n}\n\n@mixin border-bottom-right-radius($params...) {\n body.ltr & {\n border-bottom-right-radius: $params;\n }\n body.rtl & {\n border-bottom-left-radius: $params;\n }\n}\n\n@mixin floatleft {\n body.ltr & {\n float: left;\n }\n body.rtl & {\n float: right;\n }\n}\n\n@mixin floatright {\n body.ltr & {\n float: right;\n }\n body.rtl & {\n float: left;\n }\n}\n\n@mixin margin($t, $r, $b, $l, $important: '') {\n body.ltr & {\n margin: $t $r $b $l unquote($important);\n }\n body.rtl & {\n margin: $t $l $b $r unquote($important);\n }\n}\n\n@mixin margin-left($margin...) {\n body.ltr & {\n margin-left: $margin;\n }\n body.rtl & {\n margin-right: $margin;\n }\n}\n\n@mixin margin-right($margin...) {\n body.ltr & {\n margin-right: $margin;\n }\n body.rtl & {\n margin-left: $margin;\n }\n}\n\n@mixin padding($t, $r, $b, $l, $important: '') {\n body.ltr & {\n padding: $t $r $b $l unquote($important);\n }\n body.rtl & {\n padding: $t $l $b $r unquote($important);\n }\n}\n\n@mixin padding-left($padding...) {\n body.ltr & {\n padding-left: $padding;\n }\n body.rtl & {\n padding-right: $padding;\n }\n}\n\n@mixin padding-right($padding...) {\n body.ltr & {\n padding-right: $padding;\n }\n body.rtl & {\n padding-left: $padding;\n }\n}\n\n// Misc\n\n@mixin dark-inputs {\n @include placeholder-styles($grey400);\n\n .btn,\n .select:not(.selectize) select {\n background-color: $grey200;\n\n &:focus,\n &:hover {\n background-color: darken($grey200, 5%);\n }\n\n &:active,\n &.active {\n background-color: darken($grey200, 10%);\n }\n }\n\n .text {\n background-color: $grey200;\n\n &:focus {\n background-color: darken($grey200, 5%);\n }\n }\n}\n\n@mixin header-btn {\n width: 30px;\n height: 30px;\n padding-left: 0;\n padding-right: 0;\n\n &:not(:hover):not(:active):not(.active) {\n background-color: transparent;\n }\n &:not(:active):not(.active):hover {\n background-color: transparentize($grey300, 0.85);\n }\n}\n\n@mixin h6-styles {\n margin: 14px 0 3px;\n font-size: 11px;\n line-height: 1.2;\n color: $lightTextColor;\n text-transform: uppercase;\n}\n\n@mixin token-styles {\n display: inline-block;\n border-radius: $smallBorderRadius;\n padding: 3px 7px;\n font-size: 12px;\n line-height: 14px;\n color: $textColor;\n background-color: $grey100;\n}\n\n@mixin active-token-styles {\n background-color: $grey200;\n}\n\n@mixin menu-styles {\n z-index: 100;\n border-radius: $menuBorderRadius;\n padding: 0 14px;\n overflow: auto;\n background: $white;\n user-select: none;\n box-shadow: 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-option-styles {\n margin: 0 -14px;\n padding: 10px 14px;\n color: $menuOptionColor;\n text-decoration: none;\n white-space: nowrap;\n}\n\n@mixin menu-option-active-styles {\n color: $menuOptionActiveColor;\n background-color: $menuOptionActiveBackgroundColor;\n}\n\n@mixin disclosure-link-hover-styles {\n color: $menuOptionColor;\n background-color: $grey050;\n}\n\n@mixin input-styles {\n border-radius: $smallBorderRadius;\n border: 1px solid transparentize($inputColor, 0.75);\n background-color: hsl(212, 50%, 99%);\n background-clip: padding-box;\n}\n\n@mixin input-focused-styles {\n box-shadow: var(--focus-ring);\n}\n\n@mixin placeholder-styles($color) {\n ::-webkit-input-placeholder {\n color: $color;\n }\n\n input:-ms-input-placeholder {\n color: $color;\n }\n\n ::-ms-input-placeholder {\n color: $color;\n }\n\n :-moz-placeholder {\n color: $color;\n }\n\n ::-moz-placeholder {\n color: $color;\n }\n\n ::placeholder {\n color: $color;\n }\n}\n\n@mixin select-styles {\n position: relative;\n border-radius: $largeBorderRadius;\n white-space: nowrap;\n}\n\n@mixin select-container-styles {\n max-width: 100%;\n position: relative;\n :not(.flex) > & {\n display: inline-block;\n }\n}\n\n@mixin select-arrow-styles {\n @include angle;\n position: absolute;\n z-index: 1;\n top: calc(50% - 5px);\n @include right(9px);\n user-select: none;\n pointer-events: none;\n}\n\n@mixin select-input-styles {\n display: block;\n position: relative;\n max-width: 100%;\n border: none;\n @include padding(7px, 22px, 7px, 10px);\n font-size: 14px;\n line-height: 20px;\n color: $textColor;\n background-color: hsl(212, 25%, 90%);\n appearance: none;\n // from https://stackoverflow.com/a/15933790/1688568\n &::-ms-expand {\n display: none;\n }\n}\n\n@mixin select-input-fullwidth-styles {\n min-width: 100%;\n}\n\n@mixin select-input-focused-styles {\n outline-color: transparent;\n background-color: hsl(212, 25%, 85%);\n box-shadow: var(--focus-ring);\n}\n\n@mixin touch-target {\n height: var(--touch-target-size);\n width: var(--touch-target-size);\n}\n\n@mixin visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: 0;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\n@mixin readable {\n font-size: 16px;\n line-height: 22px;\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6 {\n font-size: 13.6px;\n line-height: 17px;\n color: $mediumTextColor;\n }\n\n ul,\n ol {\n margin: 1em 0;\n @include padding-left(2em);\n }\n\n ul li {\n list-style-type: disc;\n }\n\n li + li {\n margin-top: 0.25em;\n }\n\n blockquote {\n margin: 16px 0;\n\n &:not(.note) {\n padding: 0 16px;\n color: $mediumTextColor;\n @include border-left(4px solid $hairlineColor);\n }\n\n &.note {\n position: relative;\n border-radius: 4px;\n padding: 1em;\n @include padding-left(56px);\n border: 1px solid;\n\n &:not(.tip):not(.warning) {\n border-color: $errorColor;\n color: #bf503f;\n\n &:before {\n content: 'alert';\n color: $errorColor;\n }\n }\n\n &.tip {\n border-color: $linkColor;\n color: $mediumTextColor;\n\n &:before {\n content: 'lightbulb';\n color: $linkColor;\n }\n }\n\n &.warning {\n border-color: $warningColor;\n color: #cf783a;\n\n &:before {\n content: 'alert';\n color: $warningColor;\n }\n }\n\n &:before {\n @include icon;\n position: absolute;\n top: 12px;\n @include left(16px);\n font-size: 30px;\n width: 24px;\n }\n }\n }\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import '@craftcms/sass/mixins';\n\n.info-hud {\n @apply tw-inline-block;\n\n .v-popover {\n @apply tw-text-gray-400;\n display: inline-block;\n line-height: 0;\n\n &:hover,\n &.open {\n @apply tw-cursor-pointer tw-text-blue-600;\n }\n\n & > span {\n outline: none;\n }\n }\n}\n\n.tooltip {\n max-width: 250px;\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import '@craftcms/sass/mixins';\n\n.license-status {\n &.license-status {\n &:hover {\n cursor: default;\n }\n\n &.installed {\n @apply tw-text-green-700 tw-border-green-700;\n }\n\n &.licensed {\n @apply tw-text-blue-600 tw-border-blue-600;\n }\n }\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n.cms-editions-edition {\n @apply tw-border tw-border-gray-200 tw-border-solid tw-p-8 tw-rounded tw-text-center tw-flex tw-flex-col;\n\n .description {\n @apply tw-flex-1;\n\n .edition-name {\n @apply tw-border-b tw-border-gray-200 tw-border-solid tw-text-gray-700 tw-inline-block tw-py-1 tw-uppercase tw-text-lg tw-font-bold;\n }\n\n .edition-description {\n @apply tw-text-lg tw-my-6 tw-leading-normal;\n }\n\n .price {\n @apply tw-text-3xl tw-font-bold tw-my-8;\n }\n\n ul {\n @apply tw-text-left tw-mb-8;\n\n li {\n @apply tw-py-2 tw-border-b tw-border-gray-200 tw-border-solid;\n\n &:first-child {\n @apply tw-border-t;\n }\n }\n }\n }\n\n .cms-edition-actions {\n position: relative;\n\n .c-spinner {\n position: absolute;\n bottom: -30px;\n left: 50%;\n margin-left: -11px;\n }\n\n .c-btn {\n @apply tw-mt-3;\n }\n }\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n.status-message {\n @apply tw-flex-1 tw-flex tw-items-center tw-justify-center tw-text-center;\n\n div {\n .c-spinner {\n @apply tw-mb-6;\n }\n\n .c-icon {\n @apply tw-mb-6;\n\n width: 48px;\n height: 48px;\n }\n\n .message {\n @apply tw-text-center;\n }\n }\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n.plugin-actions {\n .c-spinner {\n @apply tw-absolute tw-left-1/2;\n bottom: -32px;\n }\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nbody {\n --chart-fill-color: #dbeafe;\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import '@craftcms/sass/mixins';\n\n.changelog-release {\n @apply tw-pt-2 tw-pb-4 tw-border-b tw-border-gray-200 tw-border-solid;\n @apply md:tw-flex;\n\n .version {\n @apply tw-relative;\n @apply md:tw-w-48;\n\n .anchor {\n @apply tw-absolute tw-text-white tw-p-1 tw-rounded-full;\n @include left(-24px);\n @apply tw-top-5;\n font-size: 14px;\n transform: rotate(45deg);\n\n &:hover {\n @apply tw-text-black;\n }\n }\n\n &:hover {\n .anchor {\n @apply tw-text-black;\n }\n }\n\n h2 {\n @apply tw-mt-6 tw-mb-2 tw-text-lg;\n }\n\n .date {\n @apply tw-text-gray-600;\n }\n\n .critical {\n @apply tw-uppercase tw-text-red-600 tw-border tw-border-red-600 tw-border-solid tw-inline-block tw-px-1 tw-py-0 tw-rounded tw-text-sm tw-mt-2;\n }\n }\n\n .details {\n @apply tw-p-0 tw-pt-6;\n @apply md:tw-flex-1;\n\n h3 {\n @apply tw-mt-6 tw-mb-4 tw-text-base;\n }\n\n ul {\n @apply tw-mb-4 tw-ml-6 tw-leading-normal;\n list-style-type: disc;\n\n li:not(:first-child) {\n @apply tw-mt-1;\n }\n }\n }\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import '@craftcms/sass/mixins';\n\n#pluginstore-modal {\n @apply tw-absolute tw-top-0 tw-left-0;\n max-width: 850px;\n max-height: 650px;\n z-index: 100;\n\n .pluginstore-modal-flex {\n @apply tw-absolute tw-inset-0 tw-flex tw-flex-col;\n\n header {\n .btn-left {\n @apply tw-absolute;\n top: 28px;\n @include left(24px);\n }\n\n h1 {\n @apply tw-text-center;\n }\n }\n\n .pluginstore-modal-main {\n @apply tw-relative tw-flex tw-flex-grow tw-mb-0 tw-min-h-0;\n\n .pluginstore-modal-content {\n @apply tw-overflow-auto tw-flex-grow;\n padding: 24px;\n }\n }\n }\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import '@craftcms/sass/mixins';\n\n/* Category Selector Btn */\n\n.category-selector-btn {\n @apply tw-block tw-relative;\n @apply lg:tw-hidden;\n background: $grey050;\n border: 1px solid $hairlineColor;\n padding: 10px 20px;\n border-radius: 4px;\n color: $secondaryColor;\n\n &:before {\n @include icon;\n @apply tw-absolute tw-right-0;\n top: calc(50% - 10px);\n font-size: 16px;\n width: 43px;\n line-height: 20px;\n content: 'downangle';\n }\n\n &:hover {\n @apply tw-no-underline;\n }\n}\n\n/* Category Selector */\n\n.category-selector {\n @apply lg:tw-flex tw-flex-col tw-fixed tw-top-0 tw-left-0 tw-bg-white tw-z-20;\n @apply tw-hidden;\n width: 100vw;\n height: 100vh;\n box-sizing: border-box;\n\n .category-selector-body {\n @apply tw-overflow-auto tw-h-full tw-p-6;\n box-sizing: border-box;\n\n .nav-items {\n ul {\n li {\n &:first-child a {\n border-top: 0;\n }\n\n &:first-child:before {\n @apply tw-hidden;\n }\n\n &:before,\n &:after {\n left: 1rem;\n right: 1rem;\n }\n\n a {\n padding-left: 55px;\n\n img {\n left: 24px;\n }\n }\n }\n }\n }\n }\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n#screenshot-modal {\n @apply tw-fixed tw-inset-0 tw-bg-gray-100 tw-overflow-hidden;\n z-index: 101;\n\n .screenshot-modal-button {\n @apply tw-bg-gray-300/30 hover:tw-bg-gray-300/80;\n @apply tw-text-gray-700 tw-text-3xl;\n @apply tw-rounded tw-px-2 tw-py-2;\n }\n\n .close {\n @apply tw-inline-block tw-text-center tw-z-30;\n @apply tw-absolute tw-top-4 tw-left-4;\n\n &:hover {\n @apply tw-no-underline;\n color: rgba(0, 0, 0, 0.8);\n }\n }\n\n .carousel {\n @apply tw-absolute tw-flex tw-inset-0;\n @apply tw-absolute tw-flex tw-inset-0;\n\n .swiper-container {\n @apply tw-flex;\n\n .swiper-wrapper {\n @apply tw-flex-1 tw-flex tw-w-auto tw-h-auto;\n\n .swiper-slide {\n @apply tw-flex-1 tw-flex tw-text-center tw-justify-center tw-items-center;\n\n .screenshot {\n @apply tw-flex tw-flex-1 tw-justify-center tw-items-center tw-h-full;\n box-sizing: border-box;\n\n .swiper-zoom-container {\n @apply tw-w-full tw-h-full tw-flex tw-text-center tw-justify-center tw-items-center;\n\n img {\n @apply tw-max-w-full tw-max-h-full;\n }\n }\n }\n }\n }\n }\n\n .ps-swiper-button-prev,\n .ps-swiper-button-next {\n @apply tw-absolute tw-flex tw-justify-center tw-items-center tw-w-auto tw--mt-12 tw-z-10 tw-top-1/2;\n background-image: none;\n\n &.swiper-button-disabled {\n @apply tw-hidden;\n }\n\n .c-icon {\n @apply tw-flex-1 tw-top-0;\n }\n }\n\n .ps-swiper-button-prev {\n @apply tw-left-0 tw-ml-4;\n\n .c-icon {\n left: -2px;\n }\n }\n\n .ps-swiper-button-next {\n @apply tw-rounded tw-px-2 tw-py-2 tw-right-0 tw-mr-4 tw-h-auto;\n }\n\n .pagination-wrapper {\n @apply tw-w-full tw-absolute tw-bottom-0 tw-py-0 tw-flex tw-z-10 tw-h-2;\n bottom: 40px;\n\n .pagination-content {\n @apply tw-flex tw-flex-1 tw-px-8 tw-max-w-xs tw-mx-auto;\n\n .swiper-pagination {\n @apply tw-relative tw-flex tw-flex-1 tw-bg-gray-200 tw-p-0 tw-rounded-full;\n\n .swiper-pagination-bullet {\n @apply tw-flex-1 tw-rounded-full tw-bg-gray-200 tw-h-2;\n &.swiper-pagination-bullet-active {\n @apply tw-bg-gray-600;\n }\n }\n }\n }\n }\n }\n}\n\n@media (min-width: 700px) {\n .carousel {\n .swiper-container {\n .swiper-wrapper {\n .swiper-slide {\n .screenshot {\n .swiper-zoom-container {\n img {\n padding-left: 100px;\n padding-right: 100px;\n }\n }\n }\n }\n }\n }\n }\n}\n\n@media (min-height: 700px) {\n .carousel {\n .swiper-container {\n .swiper-wrapper {\n .swiper-slide {\n .screenshot {\n .swiper-zoom-container {\n img {\n padding-top: 100px;\n padding-bottom: 100px;\n }\n }\n }\n }\n }\n }\n }\n}\n","@tailwind base;\n\n@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n@import 'tailwind';\n@import 'layout';\n@import 'general';\n@import 'nav-items';\n@import 'tooltip';\n@import 'readable';\n\n@tailwind components;\n@tailwind utilities;\n","/* Add stuff that’s missing because we’re not using preflight */\n\nhtml {\n @apply tw-box-border;\n}\n\n*,\n:after,\n:before {\n -moz-box-sizing: inherit;\n box-sizing: inherit;\n}\n\nimg {\n @apply tw-max-w-full tw-h-auto;\n}\n","@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\n#main-container #main #main-content #content-container #content {\n display: flex;\n padding: 0;\n min-height: 400px;\n}\n\na {\n @apply tw-text-blue-600;\n}\n\n.ps-wrapper {\n @apply tw-flex tw-flex-1 tw-flex-col;\n @apply lg:tw-flex-row;\n padding-bottom: 0 !important;\n\n .ps-sidebar {\n @apply tw-px-6 tw-py-6 tw-w-full;\n background-color: var(--gray-050);\n @include border-radius(\n var(--large-border-radius),\n 0,\n 0,\n var(--large-border-radius)\n );\n @apply lg:tw-border-b-0 lg:tw-border-r lg:tw-overflow-auto lg:tw-w-64;\n\n .categories {\n @apply lg:tw-block;\n }\n }\n\n .ps-main {\n @apply tw-flex-1 tw-overflow-auto;\n\n .ps-container {\n @apply tw-flex-1 tw-max-w-screen-xl tw-mx-auto;\n }\n }\n}\n\n.ps-container {\n @apply tw-px-10 tw-py-6;\n}\n","@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\n/* Basics */\n\nhtml,\nbody,\ndiv,\nspan,\nobject,\niframe,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\ndel,\ndfn,\nem,\nfont,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\narticle,\nmain,\nnav,\nins {\n min-width: 0;\n}\n\nhr {\n @apply tw-border-gray-200;\n}\n\nh1 {\n @apply tw-mb-0;\n font-size: 18px;\n}\n\nh2 {\n @apply tw-mt-8 tw-mb-4;\n}\n\np {\n @apply tw-mb-4;\n}\n\npre {\n @apply tw-bg-gray-200 tw-p-4 tw-mb-4 tw-overflow-auto tw-max-w-full tw-min-w-0;\n}\n\ncode {\n @apply tw-bg-gray-200 tw-p-1;\n}\n\n/* Classes */\n\n.no-line-height {\n line-height: 0;\n}\n\n.input.success input {\n border-color: var(--success-color);\n}\n\n.input.errors .select:not(.selectize) select {\n box-shadow: inset 0 0 0 1px transparent, 0 0 0 1px var(--error-color),\n 0 1px 1px rgba(0, 0, 0, 0.1);\n}\n\ninput.error {\n @apply tw-border-red-600;\n}\n\n/* Header */\n\n.ps-header {\n @apply tw-border-b tw-border-solid tw-border-gray-200 tw-py-2 tw-flex tw-justify-between;\n}\n\n/* Swiper */\n\n.swiper-wrapper {\n min-width: auto;\n}\n\n/* Craft tweaks */\n\n#header h1 {\n cursor: pointer;\n}\n\n#main-container {\n @apply tw-relative;\n}\n\n#main-content #content {\n @apply tw-relative;\n}\n\n#container {\n position: static !important; /* #container hack required for modal overlays */\n}\n\n/* Plugin Store actions */\n\n#pluginstore-actions {\n @apply tw-flex tw-justify-between tw-items-center;\n\n & > * {\n @include margin-left(18px);\n }\n\n #cart-button {\n svg {\n @apply tw-inline-block;\n width: 18px;\n height: 18px;\n vertical-align: middle;\n line-height: 0;\n margin-right: 3px;\n }\n\n svg {\n @include svg-mask(var(--secondary-color));\n }\n\n &:hover svg {\n @include svg-mask(darken($secondaryColor, 5%));\n }\n\n .badge {\n @include margin(0, 0, 0, -6px);\n @apply tw-relative tw-inline-block tw-flex-shrink tw-text-white;\n top: -1px;\n padding: 0 6px;\n font-size: 11px;\n line-height: 16px;\n border-radius: 1em;\n background: var(--primary-color);\n }\n }\n\n #craftid-account {\n &:hover {\n @apply tw-no-underline;\n }\n\n .photo {\n svg {\n @apply tw-align-middle;\n @include margin-right(7px);\n width: 22px;\n height: 22px;\n border-radius: 100%;\n }\n }\n\n &:hover .label {\n @apply tw-no-underline;\n }\n }\n\n #craftid-connect-form {\n .ssl-status {\n @apply tw-inline-block;\n }\n }\n}\n",".nav-items {\n ul {\n @apply tw--mx-6;\n\n li {\n position: relative;\n\n &:before,\n &:last-child:after {\n @apply tw-absolute tw-left-0 tw-right-0;\n content: '';\n }\n\n &:before {\n @apply tw-top-0;\n }\n\n &:last-child:after {\n @apply tw-bottom-0;\n }\n\n a {\n @apply tw-relative tw-px-6 tw-py-2 tw-text-gray-900 tw-flex tw-items-center;\n\n svg,\n img {\n @apply tw-align-middle tw-mr-3 tw-text-blue-600 tw-w-6 tw-h-6;\n }\n\n &:hover {\n @apply tw-no-underline tw-z-10;\n background-color: var(--gray-100);\n }\n\n &.router-link-exact-active {\n background-color: var(--gray-200);\n }\n }\n }\n }\n}\n","@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\n.tooltip {\n display: block !important;\n z-index: 10000;\n background: var(--white);\n box-shadow: 0 25px 100px rgba(0, 0, 0, 0.5);\n padding: 24px;\n\n .tooltip-arrow {\n width: 0;\n height: 0;\n border-style: solid;\n position: absolute;\n margin: 12px;\n border-color: white;\n }\n\n &[x-placement^='top'] {\n margin-bottom: 12px;\n\n .tooltip-arrow {\n border-width: 12px 12px 0 12px;\n border-left-color: transparent !important;\n border-right-color: transparent !important;\n border-bottom-color: transparent !important;\n bottom: -12px;\n left: calc(50% - 12px);\n margin-top: 0;\n margin-bottom: 0;\n }\n }\n\n &[x-placement^='bottom'] {\n margin-top: 12px;\n\n .tooltip-arrow {\n border-width: 0 12px 12px 12px;\n border-left-color: transparent !important;\n border-right-color: transparent !important;\n border-top-color: transparent !important;\n top: -12px;\n left: calc(50% - 12px);\n margin-top: 0;\n margin-bottom: 0;\n }\n }\n\n &[x-placement^='right'] {\n margin-left: 12px;\n\n .tooltip-arrow {\n border-width: 12px 12px 12px 0;\n border-left-color: transparent !important;\n border-top-color: transparent !important;\n border-bottom-color: transparent !important;\n left: -12px;\n top: calc(50% - 12px);\n margin-left: 0;\n margin-right: 0;\n }\n }\n\n &[x-placement^='left'] {\n margin-right: 12px;\n\n .tooltip-arrow {\n border-width: 12px 0 12px 12px;\n border-top-color: transparent !important;\n border-right-color: transparent !important;\n border-bottom-color: transparent !important;\n right: -12px;\n top: calc(50% - 12px);\n margin-left: 0;\n margin-right: 0;\n }\n }\n\n &[aria-hidden='true'] {\n visibility: hidden;\n opacity: 0;\n transition: opacity 0.15s, visibility 0.15s;\n }\n\n &[aria-hidden='false'] {\n visibility: visible;\n opacity: 1;\n transition: opacity 0.15s;\n }\n}\n","/* Readable overrides */\n\n.readable {\n /* Tables */\n table {\n display: block;\n overflow: auto;\n width: 100%;\n\n th {\n font-weight: 600;\n }\n\n td,\n th {\n border: 1px solid #dfe2e5;\n padding: 6px 13px;\n }\n\n tr {\n background-color: var(--white);\n border-top: 1px solid #c6cbd1;\n }\n\n tr:nth-child(2n) {\n background-color: var(--gray-050);\n }\n\n img {\n background-color: transparent;\n }\n }\n}\n",null,"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n.fade-enter-active,\n.fade-leave-active {\n transition: opacity 0.3s;\n}\n\n.fade-enter,\n.fade-leave-to {\n opacity: 0;\n}\n","/**\n * Swiper 5.4.5\n * Most modern mobile touch slider and framework with hardware accelerated transitions\n * http://swiperjs.com\n *\n * Copyright 2014-2020 Vladimir Kharlampidi\n *\n * Released under the MIT License\n *\n * Released on: June 16, 2020\n */\n\n@font-face {\n font-family: 'swiper-icons';\n src: url(\"data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA\") format(\"woff\");\n font-weight: 400;\n font-style: normal;\n}\n:root {\n --swiper-theme-color: #007aff;\n}\n.swiper-container {\n margin-left: auto;\n margin-right: auto;\n position: relative;\n overflow: hidden;\n list-style: none;\n padding: 0;\n /* Fix of Webkit flickering */\n z-index: 1;\n}\n.swiper-container-vertical > .swiper-wrapper {\n flex-direction: column;\n}\n.swiper-wrapper {\n position: relative;\n width: 100%;\n height: 100%;\n z-index: 1;\n display: flex;\n transition-property: transform;\n box-sizing: content-box;\n}\n.swiper-container-android .swiper-slide,\n.swiper-wrapper {\n transform: translate3d(0px, 0, 0);\n}\n.swiper-container-multirow > .swiper-wrapper {\n flex-wrap: wrap;\n}\n.swiper-container-multirow-column > .swiper-wrapper {\n flex-wrap: wrap;\n flex-direction: column;\n}\n.swiper-container-free-mode > .swiper-wrapper {\n transition-timing-function: ease-out;\n margin: 0 auto;\n}\n.swiper-slide {\n flex-shrink: 0;\n width: 100%;\n height: 100%;\n position: relative;\n transition-property: transform;\n}\n.swiper-slide-invisible-blank {\n visibility: hidden;\n}\n/* Auto Height */\n.swiper-container-autoheight,\n.swiper-container-autoheight .swiper-slide {\n height: auto;\n}\n.swiper-container-autoheight .swiper-wrapper {\n align-items: flex-start;\n transition-property: transform, height;\n}\n/* 3D Effects */\n.swiper-container-3d {\n perspective: 1200px;\n}\n.swiper-container-3d .swiper-wrapper,\n.swiper-container-3d .swiper-slide,\n.swiper-container-3d .swiper-slide-shadow-left,\n.swiper-container-3d .swiper-slide-shadow-right,\n.swiper-container-3d .swiper-slide-shadow-top,\n.swiper-container-3d .swiper-slide-shadow-bottom,\n.swiper-container-3d .swiper-cube-shadow {\n transform-style: preserve-3d;\n}\n.swiper-container-3d .swiper-slide-shadow-left,\n.swiper-container-3d .swiper-slide-shadow-right,\n.swiper-container-3d .swiper-slide-shadow-top,\n.swiper-container-3d .swiper-slide-shadow-bottom {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n z-index: 10;\n}\n.swiper-container-3d .swiper-slide-shadow-left {\n background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n.swiper-container-3d .swiper-slide-shadow-right {\n background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n.swiper-container-3d .swiper-slide-shadow-top {\n background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n.swiper-container-3d .swiper-slide-shadow-bottom {\n background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n/* CSS Mode */\n.swiper-container-css-mode > .swiper-wrapper {\n overflow: auto;\n scrollbar-width: none;\n /* For Firefox */\n -ms-overflow-style: none;\n /* For Internet Explorer and Edge */\n}\n.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {\n display: none;\n}\n.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {\n scroll-snap-align: start start;\n}\n.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {\n scroll-snap-type: x mandatory;\n}\n.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {\n scroll-snap-type: y mandatory;\n}\n:root {\n --swiper-navigation-size: 44px;\n /*\n --swiper-navigation-color: var(--swiper-theme-color);\n */\n}\n.swiper-button-prev,\n.swiper-button-next {\n position: absolute;\n top: 50%;\n width: calc(var(--swiper-navigation-size) / 44 * 27);\n height: var(--swiper-navigation-size);\n margin-top: calc(-1 * var(--swiper-navigation-size) / 2);\n z-index: 10;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--swiper-navigation-color, var(--swiper-theme-color));\n}\n.swiper-button-prev.swiper-button-disabled,\n.swiper-button-next.swiper-button-disabled {\n opacity: 0.35;\n cursor: auto;\n pointer-events: none;\n}\n.swiper-button-prev:after,\n.swiper-button-next:after {\n font-family: swiper-icons;\n font-size: var(--swiper-navigation-size);\n text-transform: none !important;\n letter-spacing: 0;\n text-transform: none;\n font-variant: initial;\n line-height: 1;\n}\n.swiper-button-prev,\n.swiper-container-rtl .swiper-button-next {\n left: 10px;\n right: auto;\n}\n.swiper-button-prev:after,\n.swiper-container-rtl .swiper-button-next:after {\n content: 'prev';\n}\n.swiper-button-next,\n.swiper-container-rtl .swiper-button-prev {\n right: 10px;\n left: auto;\n}\n.swiper-button-next:after,\n.swiper-container-rtl .swiper-button-prev:after {\n content: 'next';\n}\n.swiper-button-prev.swiper-button-white,\n.swiper-button-next.swiper-button-white {\n --swiper-navigation-color: #ffffff;\n}\n.swiper-button-prev.swiper-button-black,\n.swiper-button-next.swiper-button-black {\n --swiper-navigation-color: #000000;\n}\n.swiper-button-lock {\n display: none;\n}\n:root {\n /*\n --swiper-pagination-color: var(--swiper-theme-color);\n */\n}\n.swiper-pagination {\n position: absolute;\n text-align: center;\n transition: 300ms opacity;\n transform: translate3d(0, 0, 0);\n z-index: 10;\n}\n.swiper-pagination.swiper-pagination-hidden {\n opacity: 0;\n}\n/* Common Styles */\n.swiper-pagination-fraction,\n.swiper-pagination-custom,\n.swiper-container-horizontal > .swiper-pagination-bullets {\n bottom: 10px;\n left: 0;\n width: 100%;\n}\n/* Bullets */\n.swiper-pagination-bullets-dynamic {\n overflow: hidden;\n font-size: 0;\n}\n.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {\n transform: scale(0.33);\n position: relative;\n}\n.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {\n transform: scale(1);\n}\n.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {\n transform: scale(1);\n}\n.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {\n transform: scale(0.66);\n}\n.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {\n transform: scale(0.33);\n}\n.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {\n transform: scale(0.66);\n}\n.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {\n transform: scale(0.33);\n}\n.swiper-pagination-bullet {\n width: 8px;\n height: 8px;\n display: inline-block;\n border-radius: 100%;\n background: #000;\n opacity: 0.2;\n}\nbutton.swiper-pagination-bullet {\n border: none;\n margin: 0;\n padding: 0;\n box-shadow: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n}\n.swiper-pagination-clickable .swiper-pagination-bullet {\n cursor: pointer;\n}\n.swiper-pagination-bullet-active {\n opacity: 1;\n background: var(--swiper-pagination-color, var(--swiper-theme-color));\n}\n.swiper-container-vertical > .swiper-pagination-bullets {\n right: 10px;\n top: 50%;\n transform: translate3d(0px, -50%, 0);\n}\n.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {\n margin: 6px 0;\n display: block;\n}\n.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {\n top: 50%;\n transform: translateY(-50%);\n width: 8px;\n}\n.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {\n display: inline-block;\n transition: 200ms transform, 200ms top;\n}\n.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {\n margin: 0 4px;\n}\n.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {\n left: 50%;\n transform: translateX(-50%);\n white-space: nowrap;\n}\n.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {\n transition: 200ms transform, 200ms left;\n}\n.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {\n transition: 200ms transform, 200ms right;\n}\n/* Progress */\n.swiper-pagination-progressbar {\n background: rgba(0, 0, 0, 0.25);\n position: absolute;\n}\n.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {\n background: var(--swiper-pagination-color, var(--swiper-theme-color));\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n transform: scale(0);\n transform-origin: left top;\n}\n.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {\n transform-origin: right top;\n}\n.swiper-container-horizontal > .swiper-pagination-progressbar,\n.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {\n width: 100%;\n height: 4px;\n left: 0;\n top: 0;\n}\n.swiper-container-vertical > .swiper-pagination-progressbar,\n.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {\n width: 4px;\n height: 100%;\n left: 0;\n top: 0;\n}\n.swiper-pagination-white {\n --swiper-pagination-color: #ffffff;\n}\n.swiper-pagination-black {\n --swiper-pagination-color: #000000;\n}\n.swiper-pagination-lock {\n display: none;\n}\n/* Scrollbar */\n.swiper-scrollbar {\n border-radius: 10px;\n position: relative;\n -ms-touch-action: none;\n background: rgba(0, 0, 0, 0.1);\n}\n.swiper-container-horizontal > .swiper-scrollbar {\n position: absolute;\n left: 1%;\n bottom: 3px;\n z-index: 50;\n height: 5px;\n width: 98%;\n}\n.swiper-container-vertical > .swiper-scrollbar {\n position: absolute;\n right: 3px;\n top: 1%;\n z-index: 50;\n width: 5px;\n height: 98%;\n}\n.swiper-scrollbar-drag {\n height: 100%;\n width: 100%;\n position: relative;\n background: rgba(0, 0, 0, 0.5);\n border-radius: 10px;\n left: 0;\n top: 0;\n}\n.swiper-scrollbar-cursor-drag {\n cursor: move;\n}\n.swiper-scrollbar-lock {\n display: none;\n}\n.swiper-zoom-container {\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n text-align: center;\n}\n.swiper-zoom-container > img,\n.swiper-zoom-container > svg,\n.swiper-zoom-container > canvas {\n max-width: 100%;\n max-height: 100%;\n object-fit: contain;\n}\n.swiper-slide-zoomed {\n cursor: move;\n}\n/* Preloader */\n:root {\n /*\n --swiper-preloader-color: var(--swiper-theme-color);\n */\n}\n.swiper-lazy-preloader {\n width: 42px;\n height: 42px;\n position: absolute;\n left: 50%;\n top: 50%;\n margin-left: -21px;\n margin-top: -21px;\n z-index: 10;\n transform-origin: 50%;\n animation: swiper-preloader-spin 1s infinite linear;\n box-sizing: border-box;\n border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));\n border-radius: 50%;\n border-top-color: transparent;\n}\n.swiper-lazy-preloader-white {\n --swiper-preloader-color: #fff;\n}\n.swiper-lazy-preloader-black {\n --swiper-preloader-color: #000;\n}\n@keyframes swiper-preloader-spin {\n 100% {\n transform: rotate(360deg);\n }\n}\n/* a11y */\n.swiper-container .swiper-notification {\n position: absolute;\n left: 0;\n top: 0;\n pointer-events: none;\n opacity: 0;\n z-index: -1000;\n}\n.swiper-container-fade.swiper-container-free-mode .swiper-slide {\n transition-timing-function: ease-out;\n}\n.swiper-container-fade .swiper-slide {\n pointer-events: none;\n transition-property: opacity;\n}\n.swiper-container-fade .swiper-slide .swiper-slide {\n pointer-events: none;\n}\n.swiper-container-fade .swiper-slide-active,\n.swiper-container-fade .swiper-slide-active .swiper-slide-active {\n pointer-events: auto;\n}\n.swiper-container-cube {\n overflow: visible;\n}\n.swiper-container-cube .swiper-slide {\n pointer-events: none;\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n z-index: 1;\n visibility: hidden;\n transform-origin: 0 0;\n width: 100%;\n height: 100%;\n}\n.swiper-container-cube .swiper-slide .swiper-slide {\n pointer-events: none;\n}\n.swiper-container-cube.swiper-container-rtl .swiper-slide {\n transform-origin: 100% 0;\n}\n.swiper-container-cube .swiper-slide-active,\n.swiper-container-cube .swiper-slide-active .swiper-slide-active {\n pointer-events: auto;\n}\n.swiper-container-cube .swiper-slide-active,\n.swiper-container-cube .swiper-slide-next,\n.swiper-container-cube .swiper-slide-prev,\n.swiper-container-cube .swiper-slide-next + .swiper-slide {\n pointer-events: auto;\n visibility: visible;\n}\n.swiper-container-cube .swiper-slide-shadow-top,\n.swiper-container-cube .swiper-slide-shadow-bottom,\n.swiper-container-cube .swiper-slide-shadow-left,\n.swiper-container-cube .swiper-slide-shadow-right {\n z-index: 0;\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n}\n.swiper-container-cube .swiper-cube-shadow {\n position: absolute;\n left: 0;\n bottom: 0px;\n width: 100%;\n height: 100%;\n background: #000;\n opacity: 0.6;\n -webkit-filter: blur(50px);\n filter: blur(50px);\n z-index: 0;\n}\n.swiper-container-flip {\n overflow: visible;\n}\n.swiper-container-flip .swiper-slide {\n pointer-events: none;\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n z-index: 1;\n}\n.swiper-container-flip .swiper-slide .swiper-slide {\n pointer-events: none;\n}\n.swiper-container-flip .swiper-slide-active,\n.swiper-container-flip .swiper-slide-active .swiper-slide-active {\n pointer-events: auto;\n}\n.swiper-container-flip .swiper-slide-shadow-top,\n.swiper-container-flip .swiper-slide-shadow-bottom,\n.swiper-container-flip .swiper-slide-shadow-left,\n.swiper-container-flip .swiper-slide-shadow-right {\n z-index: 0;\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import '@craftcms/sass/mixins';\n\n.c-btn,\na.c-btn,\nbutton.c-btn {\n &:focus {\n @apply tw-outline-none tw-ring;\n }\n\n &.block {\n @apply tw-w-full;\n }\n\n &.small {\n @apply tw-px-3 tw-leading-4;\n\n .c-icon {\n width: 12px;\n height: 12px;\n }\n }\n\n &.large {\n @apply tw-text-base tw-leading-6;\n }\n\n &.outline {\n .c-icon {\n @apply tw-fill-current;\n }\n }\n\n &.loading {\n @apply tw-relative;\n\n .c-spinner {\n @apply tw-absolute tw-inset-0 tw-flex tw-justify-center tw-items-center;\n }\n\n .c-btn-content {\n @apply tw-invisible;\n }\n }\n\n .c-icon {\n @apply tw-align-middle;\n }\n\n &:not(.c-btn-icon) {\n .c-icon {\n @include margin-right(1rem);\n }\n }\n\n .c-btn-content {\n @apply tw-flex tw-items-center tw-justify-center;\n }\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import '@craftcms/sass/mixins';\n\n.c-dropdown {\n display: inline-block;\n position: relative;\n\n &.disabled {\n @apply tw-opacity-50;\n }\n\n select {\n @apply tw-border-gray-200;\n\n /*\n TODO\n\n @include ltr() {\n background-position: right 0.5rem center;\n }\n\n @include rtl() {\n background-position: left 0.5rem center;\n }\n */\n }\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n.c-spinner {\n & > .animation {\n animation: rotator 0.7s linear infinite;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n border-width: 2px;\n border-style: solid;\n border-top-color: transparent !important;\n border-left-color: transparent !important;\n }\n\n &.sm {\n & > .animation {\n width: 16px;\n height: 16px;\n }\n }\n\n &.lg {\n & > .animation {\n width: 32px;\n height: 32px;\n border-width: 3px;\n }\n }\n}\n\n@keyframes rotator {\n 0% {\n transform: rotate(0);\n }\n\n to {\n transform: rotate(1turn);\n }\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"css/app.css","mappings":"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","sources":["webpack:///./js/components/EditionBadge.vue","webpack:///./js/components/PluginCard.vue","webpack:///../../../../../packages/craftcms-sass/_mixins.scss","webpack:///./js/components/InfoHud.vue","webpack:///./js/components/LicenseStatus.vue","webpack:///./js/components/upgradecraft/CmsEdition.vue","webpack:///./js/components/StatusMessage.vue","webpack:///./js/components/PluginActions.vue","webpack:///./js/components/ActiveInstallsChart.vue","webpack:///./js/components/ChangelogRelease.vue","webpack:///./js/components/modal/Modal.vue","webpack:///./js/components/CategorySelector.vue","webpack:///./js/components/ScreenshotModal.vue","webpack:///./sass/main.scss","webpack:///./sass/_tailwind.scss","webpack:///./sass/_layout.scss","webpack:///./sass/_general.scss","webpack:///./sass/_nav-items.scss","webpack:///./sass/_tooltip.scss","webpack:///./sass/_readable.scss","webpack:///","webpack:///./App.vue","webpack:///../../../../../node_modules/swiper/css/swiper.css","webpack:///./js/components/ui/CBtn.vue","webpack:///./js/components/ui/CDropdown.vue","webpack:///./js/components/ui/CSpinner.vue"],"sourcesContent":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import '@craftcms/sass/mixins';\n\n.edition-badge {\n @apply tw-inline-block;\n\n &.is-block {\n @apply tw-block;\n }\n\n &:not(.is-block) {\n @apply tw-relative;\n }\n\n &.is-big {\n .edition-badge-name {\n @apply tw-text-base tw-px-3 tw-py-1;\n }\n }\n\n .edition-badge-name {\n @apply tw-inline-block tw-uppercase tw-border tw-border-solid tw-border-gray-400 tw-px-2 tw-py-1 tw-text-gray-500 tw-rounded tw-text-xs;\n letter-spacing: 1.5px;\n }\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import '@craftcms/sass/mixins';\n\n.plugin-details-header {\n @apply tw-leading-normal tw-overflow-hidden tw-mb-1;\n max-height: 4.75em;\n\n .plugin-name {\n @apply tw-flex tw-mb-1;\n\n .edition-badge {\n @apply tw-ml-2;\n }\n }\n}\n\na.plugin-card {\n box-sizing: border-box;\n @apply tw-text-gray-900;\n\n &:hover {\n @apply tw-text-gray-900;\n\n strong {\n @apply tw-text-blue-600;\n }\n }\n\n .installed {\n @apply tw-absolute;\n top: 14px;\n @include right(18px);\n color: #ccc;\n }\n}\n\n.ps-grid-plugins {\n .plugin-card {\n @apply tw-h-full;\n }\n}\n","$white: #fff;\n$black: #000;\n\n$grey050: hsl(212, 60%, 97%);\n$grey100: hsl(212, 50%, 93%);\n$grey200: hsl(212, 30%, 85%);\n$grey300: hsl(211, 13%, 65%);\n$grey350: hsl(211, 11%, 59%);\n$grey400: hsl(210, 10%, 53%);\n$grey500: hsl(211, 12%, 43%);\n$grey550: hsl(210, 13%, 40%);\n$grey600: hsl(209, 14%, 37%);\n$grey700: hsl(209, 18%, 30%);\n$grey800: hsl(209, 20%, 25%);\n$grey900: hsl(210, 24%, 16%);\n$grey1000: hsl(210, 24%, 10%);\n\n$blue050: #e3f8ff;\n$blue100: #b3ecff;\n$blue200: #81defd;\n$blue300: #5ed0fa;\n$blue400: #40c3f7;\n$blue500: #2bb0ed;\n$blue600: #1992d4;\n$blue700: #127fbf;\n$blue800: #0b69a3;\n$blue900: #035388;\n\n$cyan050: #e0fcff;\n$cyan100: #bef8fd;\n$cyan200: #87eaf2;\n$cyan300: #54d1db;\n$cyan400: #38bec9;\n$cyan500: #2cb1bc;\n$cyan600: #14919b;\n$cyan700: #0e7c86;\n$cyan800: #0a6c74;\n$cyan900: #044e54;\n\n$pink050: #ffe3ec;\n$pink100: #ffb8d2;\n$pink200: #ff8cba;\n$pink300: #f364a2;\n$pink400: #e8368f;\n$pink500: #da127d;\n$pink600: #bc0a6f;\n$pink700: #a30664;\n$pink800: #870557;\n$pink900: #620042;\n\n$red050: #ffe3e3;\n$red100: #ffbdbd;\n$red200: #ff9b9b;\n$red300: #f86a6a;\n$red400: #ef4e4e;\n$red500: #e12d39;\n$red600: #cf1124;\n$red700: #ab091e;\n$red800: #8a041a;\n$red900: #610316;\n\n$yellow050: #fffbea;\n$yellow100: #fff3c4;\n$yellow200: #fce588;\n$yellow300: #fadb5f;\n$yellow400: #f7c948;\n$yellow500: #f0b429;\n$yellow600: #de911d;\n$yellow700: #cb6e17;\n$yellow800: #b44d12;\n$yellow900: #8d2b0b;\n\n$teal050: #effcf6;\n$teal100: #c6f7e2;\n$teal200: #8eedc7;\n$teal300: #65d6ad;\n$teal400: #3ebd93;\n$teal500: #27ab83;\n$teal600: #199473;\n$teal700: #147d64;\n$teal800: #0c6b58;\n$teal900: #014d40;\n\n// submit button colors\n$primaryColor: $red500;\n$secondaryColor: $grey500;\n\n$inputColor: hsl(212, 25%, 50%);\n\n// text colors\n$textColor: $grey700;\n$mediumDarkTextColor: $grey550;\n$mediumTextColor: $grey550;\n$lightTextColor: $grey500;\n$linkColor: #2563eb;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $white;\n$menuOptionActiveBackgroundColor: $grey500;\n\n// hairline colors\n$hairlineColor: transparentize($grey800, 0.9);\n$mediumHairlineColor: transparentize($grey600, 0.75);\n$darkHairlineColor: transparentize($grey400, 0.5);\n\n// focus colors\n$lightFocusColor: $blue300;\n$mediumFocusColor: $blue500;\n$darkFocusColor: #0f74b1;\n\n// focus rings\n$lightFocusRing: 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing: 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing: 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey600;\n\n// alert/notice colors\n$errorColor: $red600;\n$warningColor: $yellow800;\n$successColor: $teal500;\n$noticeColor: $blue800;\n\n// UI element styles\n$smallBorderRadius: 3px;\n$mediumBorderRadius: 4px;\n$largeBorderRadius: 5px;\n\n$menuBorderRadius: $mediumBorderRadius;\n$checkboxSize: 16px;\n$radioSize: 16px;\n\n@mixin sans-serif-font {\n font-family: system-ui, BlinkMacSystemFont, -apple-system, 'Segoe UI',\n 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',\n 'Helvetica Neue', sans-serif;\n}\n\n@mixin fixed-width-font {\n font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier,\n monospace;\n font-size: 0.9em !important;\n}\n\n@function toRem($values...) {\n $max: length($values);\n $remValues: '';\n\n @for $i from 1 through $max {\n $remValues: #{$remValues + calc(nth($values, $i) / 16)}rem;\n\n @if $i < $max {\n $remValues: #{$remValues + ' '};\n }\n }\n\n @return $remValues;\n}\n\n@mixin fontSize($size) {\n font-size: toRem($size);\n}\n\n// Other\n\n@mixin focus-styles {\n body:not(.reduce-focus-visibility) &:focus,\n body.reduce-focus-visibility &.focus-visible {\n @content;\n }\n}\n\n@mixin svg-mask($color) {\n rect,\n circle,\n ellipse,\n line,\n polyline,\n polygon,\n path,\n text {\n fill: $color;\n stroke-width: 0;\n }\n}\n\n@mixin icon {\n font-family: 'Craft';\n speak: none;\n -webkit-font-feature-settings: 'liga', 'dlig';\n -moz-font-feature-settings: 'liga=1, dlig=1';\n -moz-font-feature-settings: 'liga', 'dlig';\n -ms-font-feature-settings: 'liga', 'dlig';\n -o-font-feature-settings: 'liga', 'dlig';\n font-feature-settings: 'liga', 'dlig';\n text-rendering: optimizeLegibility;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n direction: ltr; // Fixes a rendering issue in Chrome/Win\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n\n display: inline-block;\n text-align: center;\n font-style: normal;\n vertical-align: middle;\n word-wrap: normal !important;\n user-select: none;\n\n opacity: var(--icon-opacity);\n}\n\n@mixin angle($dir: down, $color: currentColor, $width: 2px) {\n display: block;\n content: '';\n font-size: 0;\n width: 7px;\n height: 7px;\n border: solid $color;\n border-width: 0 $width $width 0;\n opacity: 0.8;\n\n @if $dir == up {\n transform: rotate(225deg);\n } @else if $dir == down {\n transform: rotate(45deg);\n } @else if $dir == left {\n body.ltr & {\n transform: rotate(135deg);\n }\n body.rtl & {\n transform: rotate(-45deg);\n }\n } @else if $dir == right {\n body.ltr & {\n transform: rotate(-45deg);\n }\n body.rtl & {\n transform: rotate(135deg);\n }\n }\n}\n\n@mixin clearafter {\n content: '';\n display: block;\n height: 0;\n clear: both;\n visibility: hidden;\n}\n\n@mixin shadow {\n box-shadow: 0 1px 5px -1px transparentize($grey900, 0.8);\n}\n\n@mixin pane {\n background: $white;\n box-shadow: 0 0 0 1px $grey200, 0 2px 12px transparentize($grey200, 0.5);\n\n &:focus {\n box-shadow: var(--focus-ring);\n }\n}\n\n@mixin modal {\n border-radius: $largeBorderRadius;\n background-color: $white;\n box-shadow: 0 25px 100px transparentize($grey900, 0.5);\n}\n\n@mixin light-on-dark-text() {\n // Make light on dark text sharp on Macs\n // (sub-pixel antialiasing looks too bold/blurry with light text on dark background)\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-weight: 500;\n}\n\n@mixin light-focus-ring() {\n --focus-ring: 0 0 0 1px hsl(var(--light-focus-hsl)),\n 0 0 0 3px hsla(var(--light-focus-hsl), 0.7);\n}\n\n@mixin two-color-focus-ring($light-button: true) {\n // Creates a two-color focus ring, with a white\n // If button is light, the dark box shadow is adjacent to the button\n // Else the light box shadow is adjacent to the button\n --light-color: var(--white);\n --dark-color: var(--gray-800);\n\n @if $light-button {\n --focus-ring: 0 0 0 3px var(--dark-color), 0 0 0 6px var(--light-color);\n } @else {\n --focus-ring: 0 0 0 3px var(--light-color), 0 0 0 6px var(--dark-color);\n }\n}\n\n// RTL stuff\n\n@mixin left($left) {\n body.ltr & {\n left: $left;\n }\n body.rtl & {\n right: $left;\n }\n}\n\n@mixin right($right) {\n body.ltr & {\n right: $right;\n }\n body.rtl & {\n left: $right;\n }\n}\n\n@mixin alignleft {\n body.ltr & {\n text-align: left;\n }\n body.rtl & {\n text-align: right;\n }\n}\n\n@mixin alignright {\n body.ltr & {\n text-align: right;\n }\n body.rtl & {\n text-align: left;\n }\n}\n\n@mixin border-left($params...) {\n body.ltr & {\n border-left: $params;\n }\n body.rtl & {\n border-right: $params;\n }\n}\n\n@mixin border-right($params...) {\n body.ltr & {\n border-right: $params;\n }\n body.rtl & {\n border-left: $params;\n }\n}\n\n@mixin border-left-width($param) {\n body.ltr & {\n border-left-width: $param;\n }\n body.rtl & {\n border-right-width: $param;\n }\n}\n\n@mixin border-right-width($param) {\n body.ltr & {\n border-right-width: $param;\n }\n body.rtl & {\n border-left-width: $param;\n }\n}\n\n@mixin border-radius($tl, $tr, $br, $bl) {\n body.ltr & {\n border-radius: $tl $tr $br $bl;\n }\n body.rtl & {\n border-radius: $tr $tl $bl $br;\n }\n}\n\n@mixin border-top-left-radius($params...) {\n body.ltr & {\n border-top-left-radius: $params;\n }\n body.rtl & {\n border-top-right-radius: $params;\n }\n}\n\n@mixin border-top-right-radius($params...) {\n body.ltr & {\n border-top-right-radius: $params;\n }\n body.rtl & {\n border-top-left-radius: $params;\n }\n}\n\n@mixin border-bottom-left-radius($params...) {\n body.ltr & {\n border-bottom-left-radius: $params;\n }\n body.rtl & {\n border-bottom-right-radius: $params;\n }\n}\n\n@mixin border-bottom-right-radius($params...) {\n body.ltr & {\n border-bottom-right-radius: $params;\n }\n body.rtl & {\n border-bottom-left-radius: $params;\n }\n}\n\n@mixin floatleft {\n body.ltr & {\n float: left;\n }\n body.rtl & {\n float: right;\n }\n}\n\n@mixin floatright {\n body.ltr & {\n float: right;\n }\n body.rtl & {\n float: left;\n }\n}\n\n@mixin margin($t, $r, $b, $l, $important: '') {\n body.ltr & {\n margin: $t $r $b $l unquote($important);\n }\n body.rtl & {\n margin: $t $l $b $r unquote($important);\n }\n}\n\n@mixin margin-left($margin...) {\n body.ltr & {\n margin-left: $margin;\n }\n body.rtl & {\n margin-right: $margin;\n }\n}\n\n@mixin margin-right($margin...) {\n body.ltr & {\n margin-right: $margin;\n }\n body.rtl & {\n margin-left: $margin;\n }\n}\n\n@mixin padding($t, $r, $b, $l, $important: '') {\n body.ltr & {\n padding: $t $r $b $l unquote($important);\n }\n body.rtl & {\n padding: $t $l $b $r unquote($important);\n }\n}\n\n@mixin padding-left($padding...) {\n body.ltr & {\n padding-left: $padding;\n }\n body.rtl & {\n padding-right: $padding;\n }\n}\n\n@mixin padding-right($padding...) {\n body.ltr & {\n padding-right: $padding;\n }\n body.rtl & {\n padding-left: $padding;\n }\n}\n\n// Misc\n\n@mixin dark-inputs {\n @include placeholder-styles($grey400);\n\n .btn,\n .select:not(.selectize) select {\n background-color: $grey200;\n\n &:focus,\n &:hover {\n background-color: darken($grey200, 5%);\n }\n\n &:active,\n &.active {\n background-color: darken($grey200, 10%);\n }\n }\n\n .text {\n background-color: $grey200;\n\n &:focus {\n background-color: darken($grey200, 5%);\n }\n }\n}\n\n@mixin header-btn {\n width: 30px;\n height: 30px;\n padding-left: 0;\n padding-right: 0;\n\n &:not(:hover):not(:active):not(.active) {\n background-color: transparent;\n }\n &:not(:active):not(.active):hover {\n background-color: transparentize($grey300, 0.85);\n }\n}\n\n@mixin h6-styles {\n margin: 14px 0 3px;\n font-size: 11px;\n line-height: 1.2;\n color: $lightTextColor;\n text-transform: uppercase;\n}\n\n@mixin token-styles {\n display: inline-block;\n border-radius: $smallBorderRadius;\n padding: 3px 7px;\n font-size: 12px;\n line-height: 14px;\n color: $textColor;\n background-color: $grey100;\n}\n\n@mixin active-token-styles {\n background-color: $grey200;\n}\n\n@mixin menu-styles {\n z-index: 100;\n border-radius: $menuBorderRadius;\n padding: 0 14px;\n overflow: auto;\n background: $white;\n user-select: none;\n box-shadow: 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-option-styles {\n margin: 0 -14px;\n padding: 10px 14px;\n color: $menuOptionColor;\n text-decoration: none;\n white-space: nowrap;\n}\n\n@mixin menu-option-active-styles {\n color: $menuOptionActiveColor;\n background-color: $menuOptionActiveBackgroundColor;\n}\n\n@mixin disclosure-link-hover-styles {\n color: $menuOptionColor;\n background-color: $grey050;\n}\n\n@mixin input-styles {\n border-radius: $smallBorderRadius;\n border: 1px solid transparentize($inputColor, 0.75);\n background-color: hsl(212, 50%, 99%);\n background-clip: padding-box;\n}\n\n@mixin input-focused-styles {\n box-shadow: var(--focus-ring);\n}\n\n@mixin placeholder-styles($color) {\n input::-webkit-input-placeholder,\n textarea::-webkit-input-placeholder {\n color: $color;\n }\n\n input:-ms-input-placeholder,\n textarea:-ms-input-placeholder {\n color: $color;\n }\n\n input::-ms-input-placeholder,\n textarea::-ms-input-placeholder {\n color: $color;\n }\n\n input:-moz-placeholder,\n textarea:-moz-placeholder {\n color: $color;\n }\n\n input::-moz-placeholder,\n textarea::-moz-placeholder {\n color: $color;\n }\n\n input::placeholder,\n textarea::placeholder {\n color: $color;\n }\n}\n\n@mixin select-styles {\n position: relative;\n border-radius: $largeBorderRadius;\n white-space: nowrap;\n}\n\n@mixin select-container-styles {\n max-width: 100%;\n position: relative;\n :not(.flex) > & {\n display: inline-block;\n }\n}\n\n@mixin select-arrow-styles {\n @include angle;\n position: absolute;\n z-index: 1;\n top: calc(50% - 5px);\n @include right(9px);\n user-select: none;\n pointer-events: none;\n}\n\n@mixin select-input-styles {\n display: block;\n position: relative;\n max-width: 100%;\n border: none;\n @include padding(7px, 22px, 7px, 10px);\n font-size: 14px;\n line-height: 20px;\n color: $textColor;\n background-color: hsl(212, 25%, 90%);\n appearance: none;\n // from https://stackoverflow.com/a/15933790/1688568\n &::-ms-expand {\n display: none;\n }\n}\n\n@mixin select-input-fullwidth-styles {\n min-width: 100%;\n}\n\n@mixin select-input-focused-styles {\n outline-color: transparent;\n background-color: hsl(212, 25%, 85%);\n box-shadow: var(--focus-ring);\n}\n\n@mixin touch-target {\n height: var(--touch-target-size);\n width: var(--touch-target-size);\n}\n\n@mixin visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: 0;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\n@mixin readable {\n font-size: 16px;\n line-height: 22px;\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6 {\n font-size: 13.6px;\n line-height: 17px;\n color: $mediumTextColor;\n }\n\n ul,\n ol {\n margin: 1em 0;\n @include padding-left(2em);\n }\n\n ul li {\n list-style-type: disc;\n }\n\n li + li {\n margin-top: 0.25em;\n }\n\n blockquote {\n margin: 16px 0;\n\n &:not(.note) {\n padding: 0 16px;\n color: $mediumTextColor;\n @include border-left(4px solid $hairlineColor);\n }\n\n &.note {\n position: relative;\n border-radius: 4px;\n padding: 1em;\n @include padding-left(56px);\n border: 1px solid;\n\n &:not(.tip):not(.warning) {\n border-color: $errorColor;\n color: #bf503f;\n\n &:before {\n content: 'alert';\n color: $errorColor;\n }\n }\n\n &.tip {\n border-color: $linkColor;\n color: $mediumTextColor;\n\n &:before {\n content: 'lightbulb';\n color: $linkColor;\n }\n }\n\n &.warning {\n border-color: $warningColor;\n color: #cf783a;\n\n &:before {\n content: 'alert';\n color: $warningColor;\n }\n }\n\n &:before {\n @include icon;\n position: absolute;\n top: 12px;\n @include left(16px);\n font-size: 30px;\n width: 24px;\n }\n }\n }\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import '@craftcms/sass/mixins';\n\n.info-hud {\n @apply tw-inline-block;\n\n .v-popover {\n @apply tw-text-gray-400;\n display: inline-block;\n line-height: 0;\n\n &:hover,\n &.open {\n @apply tw-cursor-pointer tw-text-blue-600;\n }\n\n & > span {\n outline: none;\n }\n }\n}\n\n.tooltip {\n max-width: 250px;\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import '@craftcms/sass/mixins';\n\n.license-status {\n &.license-status {\n &:hover {\n cursor: default;\n }\n\n &.installed {\n @apply tw-text-green-700 tw-border-green-700;\n }\n\n &.licensed {\n @apply tw-text-blue-600 tw-border-blue-600;\n }\n }\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n.cms-editions-edition {\n @apply tw-border tw-border-gray-200 tw-border-solid tw-p-8 tw-rounded tw-text-center tw-flex tw-flex-col;\n\n .description {\n @apply tw-flex-1;\n\n .edition-name {\n @apply tw-border-b tw-border-gray-200 tw-border-solid tw-text-gray-700 tw-inline-block tw-py-1 tw-uppercase tw-text-lg tw-font-bold;\n }\n\n .edition-description {\n @apply tw-text-lg tw-my-6 tw-leading-normal;\n }\n\n .price {\n @apply tw-text-3xl tw-font-bold tw-my-8;\n }\n\n ul {\n @apply tw-text-left tw-mb-8;\n\n li {\n @apply tw-py-2 tw-border-b tw-border-gray-200 tw-border-solid;\n\n &:first-child {\n @apply tw-border-t;\n }\n }\n }\n }\n\n .cms-edition-actions {\n position: relative;\n\n .c-spinner {\n position: absolute;\n bottom: -30px;\n left: 50%;\n margin-left: -11px;\n }\n\n .c-btn {\n @apply tw-mt-3;\n }\n }\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n.status-message {\n @apply tw-flex-1 tw-flex tw-items-center tw-justify-center tw-text-center;\n\n div {\n .c-spinner {\n @apply tw-mb-6;\n }\n\n .c-icon {\n @apply tw-mb-6;\n\n width: 48px;\n height: 48px;\n }\n\n .message {\n @apply tw-text-center;\n }\n }\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n.plugin-actions {\n .c-spinner {\n @apply tw-absolute tw-left-1/2;\n bottom: -32px;\n }\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nbody {\n --chart-fill-color: #dbeafe;\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import '@craftcms/sass/mixins';\n\n.changelog-release {\n @apply tw-pt-2 tw-pb-4 tw-border-b tw-border-gray-200 tw-border-solid;\n @apply md:tw-flex;\n\n .version {\n @apply tw-relative;\n @apply md:tw-w-48;\n\n .anchor {\n @apply tw-absolute tw-text-white tw-p-1 tw-rounded-full;\n @include left(-24px);\n @apply tw-top-5;\n font-size: 14px;\n transform: rotate(45deg);\n\n &:hover {\n @apply tw-text-black;\n }\n }\n\n &:hover {\n .anchor {\n @apply tw-text-black;\n }\n }\n\n h2 {\n @apply tw-mt-6 tw-mb-2 tw-text-lg;\n }\n\n .date {\n @apply tw-text-gray-600;\n }\n\n .critical {\n @apply tw-uppercase tw-text-red-600 tw-border tw-border-red-600 tw-border-solid tw-inline-block tw-px-1 tw-py-0 tw-rounded tw-text-sm tw-mt-2;\n }\n }\n\n .details {\n @apply tw-p-0 tw-pt-6;\n @apply md:tw-flex-1;\n\n h3 {\n @apply tw-mt-6 tw-mb-4 tw-text-base;\n }\n\n ul {\n @apply tw-mb-4 tw-ml-6 tw-leading-normal;\n list-style-type: disc;\n\n li:not(:first-child) {\n @apply tw-mt-1;\n }\n }\n }\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import '@craftcms/sass/mixins';\n\n#pluginstore-modal {\n @apply tw-absolute tw-top-0 tw-left-0;\n max-width: 850px;\n max-height: 650px;\n z-index: 100;\n\n .pluginstore-modal-flex {\n @apply tw-absolute tw-inset-0 tw-flex tw-flex-col;\n\n header {\n .btn-left {\n @apply tw-absolute;\n top: 28px;\n @include left(24px);\n }\n\n h1 {\n @apply tw-text-center;\n }\n }\n\n .pluginstore-modal-main {\n @apply tw-relative tw-flex tw-flex-grow tw-mb-0 tw-min-h-0;\n\n .pluginstore-modal-content {\n @apply tw-overflow-auto tw-flex-grow;\n padding: 24px;\n }\n }\n }\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import '@craftcms/sass/mixins';\n\n/* Category Selector Btn */\n\n.category-selector-btn {\n @apply tw-block tw-relative;\n @apply lg:tw-hidden;\n background: $grey050;\n border: 1px solid $hairlineColor;\n padding: 10px 20px;\n border-radius: 4px;\n color: $secondaryColor;\n\n &:before {\n @include icon;\n @apply tw-absolute tw-right-0;\n top: calc(50% - 10px);\n font-size: 16px;\n width: 43px;\n line-height: 20px;\n content: 'downangle';\n }\n\n &:hover {\n @apply tw-no-underline;\n }\n}\n\n/* Category Selector */\n\n.category-selector {\n @apply lg:tw-flex tw-flex-col tw-fixed tw-top-0 tw-left-0 tw-bg-white tw-z-20;\n @apply tw-hidden;\n width: 100vw;\n height: 100vh;\n box-sizing: border-box;\n\n .category-selector-body {\n @apply tw-overflow-auto tw-h-full tw-p-6;\n box-sizing: border-box;\n\n .nav-items {\n ul {\n li {\n &:first-child a {\n border-top: 0;\n }\n\n &:first-child:before {\n @apply tw-hidden;\n }\n\n &:before,\n &:after {\n left: 1rem;\n right: 1rem;\n }\n\n a {\n padding-left: 55px;\n\n img {\n left: 24px;\n }\n }\n }\n }\n }\n }\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n#screenshot-modal {\n @apply tw-fixed tw-inset-0 tw-bg-gray-100 tw-overflow-hidden;\n z-index: 101;\n\n .screenshot-modal-button {\n @apply tw-bg-gray-300/30 hover:tw-bg-gray-300/80;\n @apply tw-text-gray-700 tw-text-3xl;\n @apply tw-rounded tw-px-2 tw-py-2;\n }\n\n .close {\n @apply tw-inline-block tw-text-center tw-z-30;\n @apply tw-absolute tw-top-4 tw-left-4;\n\n &:hover {\n @apply tw-no-underline;\n color: rgba(0, 0, 0, 0.8);\n }\n }\n\n .carousel {\n @apply tw-absolute tw-flex tw-inset-0;\n @apply tw-absolute tw-flex tw-inset-0;\n\n .swiper-container {\n @apply tw-flex;\n\n .swiper-wrapper {\n @apply tw-flex-1 tw-flex tw-w-auto tw-h-auto;\n\n .swiper-slide {\n @apply tw-flex-1 tw-flex tw-text-center tw-justify-center tw-items-center;\n\n .screenshot {\n @apply tw-flex tw-flex-1 tw-justify-center tw-items-center tw-h-full;\n box-sizing: border-box;\n\n .swiper-zoom-container {\n @apply tw-w-full tw-h-full tw-flex tw-text-center tw-justify-center tw-items-center;\n\n img {\n @apply tw-max-w-full tw-max-h-full;\n }\n }\n }\n }\n }\n }\n\n .ps-swiper-button-prev,\n .ps-swiper-button-next {\n @apply tw-absolute tw-flex tw-justify-center tw-items-center tw-w-auto tw--mt-12 tw-z-10 tw-top-1/2;\n background-image: none;\n\n &.swiper-button-disabled {\n @apply tw-hidden;\n }\n\n .c-icon {\n @apply tw-flex-1 tw-top-0;\n }\n }\n\n .ps-swiper-button-prev {\n @apply tw-left-0 tw-ml-4;\n\n .c-icon {\n left: -2px;\n }\n }\n\n .ps-swiper-button-next {\n @apply tw-rounded tw-px-2 tw-py-2 tw-right-0 tw-mr-4 tw-h-auto;\n }\n\n .pagination-wrapper {\n @apply tw-w-full tw-absolute tw-bottom-0 tw-py-0 tw-flex tw-z-10 tw-h-2;\n bottom: 40px;\n\n .pagination-content {\n @apply tw-flex tw-flex-1 tw-px-8 tw-max-w-xs tw-mx-auto;\n\n .swiper-pagination {\n @apply tw-relative tw-flex tw-flex-1 tw-bg-gray-200 tw-p-0 tw-rounded-full;\n\n .swiper-pagination-bullet {\n @apply tw-flex-1 tw-rounded-full tw-bg-gray-200 tw-h-2;\n &.swiper-pagination-bullet-active {\n @apply tw-bg-gray-600;\n }\n }\n }\n }\n }\n }\n}\n\n@media (min-width: 700px) {\n .carousel {\n .swiper-container {\n .swiper-wrapper {\n .swiper-slide {\n .screenshot {\n .swiper-zoom-container {\n img {\n padding-left: 100px;\n padding-right: 100px;\n }\n }\n }\n }\n }\n }\n }\n}\n\n@media (min-height: 700px) {\n .carousel {\n .swiper-container {\n .swiper-wrapper {\n .swiper-slide {\n .screenshot {\n .swiper-zoom-container {\n img {\n padding-top: 100px;\n padding-bottom: 100px;\n }\n }\n }\n }\n }\n }\n }\n}\n","@tailwind base;\n\n@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n@import 'tailwind';\n@import 'layout';\n@import 'general';\n@import 'nav-items';\n@import 'tooltip';\n@import 'readable';\n\n@tailwind components;\n@tailwind utilities;\n","/* Add stuff that’s missing because we’re not using preflight */\n\nhtml {\n @apply tw-box-border;\n}\n\n*,\n:after,\n:before {\n -moz-box-sizing: inherit;\n box-sizing: inherit;\n}\n\nimg {\n @apply tw-max-w-full tw-h-auto;\n}\n","@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\n#main-container #main #main-content #content-container #content {\n display: flex;\n padding: 0;\n min-height: 400px;\n}\n\na {\n @apply tw-text-blue-600;\n}\n\n.ps-wrapper {\n @apply tw-flex tw-flex-1 tw-flex-col;\n @apply lg:tw-flex-row;\n padding-bottom: 0 !important;\n\n .ps-sidebar {\n @apply tw-px-6 tw-py-6 tw-w-full;\n background-color: var(--gray-050);\n @include border-radius(\n var(--large-border-radius),\n 0,\n 0,\n var(--large-border-radius)\n );\n @apply lg:tw-border-b-0 lg:tw-border-r lg:tw-overflow-auto lg:tw-w-64;\n\n .categories {\n @apply lg:tw-block;\n }\n }\n\n .ps-main {\n @apply tw-flex-1 tw-overflow-auto;\n\n .ps-container {\n @apply tw-flex-1 tw-max-w-screen-xl tw-mx-auto;\n }\n }\n}\n\n.ps-container {\n @apply tw-px-10 tw-py-6;\n}\n","@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\n/* Basics */\n\nhtml,\nbody,\ndiv,\nspan,\nobject,\niframe,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\ndel,\ndfn,\nem,\nfont,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\narticle,\nmain,\nnav,\nins {\n min-width: 0;\n}\n\nhr {\n @apply tw-border-gray-200;\n}\n\nh1 {\n @apply tw-mb-0;\n font-size: 18px;\n}\n\nh2 {\n @apply tw-mt-8 tw-mb-4;\n}\n\np {\n @apply tw-mb-4;\n}\n\npre {\n @apply tw-bg-gray-200 tw-p-4 tw-mb-4 tw-overflow-auto tw-max-w-full tw-min-w-0;\n}\n\ncode {\n @apply tw-bg-gray-200 tw-p-1;\n}\n\n/* Classes */\n\n.no-line-height {\n line-height: 0;\n}\n\n.input.success input {\n border-color: var(--success-color);\n}\n\n.input.errors .select:not(.selectize) select {\n box-shadow: inset 0 0 0 1px transparent, 0 0 0 1px var(--error-color),\n 0 1px 1px rgba(0, 0, 0, 0.1);\n}\n\ninput.error {\n @apply tw-border-red-600;\n}\n\n/* Header */\n\n.ps-header {\n @apply tw-border-b tw-border-solid tw-border-gray-200 tw-py-2 tw-flex tw-justify-between;\n}\n\n/* Swiper */\n\n.swiper-wrapper {\n min-width: auto;\n}\n\n/* Craft tweaks */\n\n#header h1 {\n cursor: pointer;\n}\n\n#main-container {\n @apply tw-relative;\n}\n\n#main-content #content {\n @apply tw-relative;\n}\n\n#container {\n position: static !important; /* #container hack required for modal overlays */\n}\n\n/* Plugin Store actions */\n\n#pluginstore-actions {\n @apply tw-flex tw-justify-between tw-items-center;\n\n & > * {\n @include margin-left(18px);\n }\n\n #cart-button {\n svg {\n @apply tw-inline-block;\n width: 18px;\n height: 18px;\n vertical-align: middle;\n line-height: 0;\n margin-right: 3px;\n }\n\n svg {\n @include svg-mask(var(--secondary-color));\n }\n\n &:hover svg {\n @include svg-mask(darken($secondaryColor, 5%));\n }\n\n .badge {\n @include margin(0, 0, 0, -6px);\n @apply tw-relative tw-inline-block tw-flex-shrink tw-text-white;\n top: -1px;\n padding: 0 6px;\n font-size: 11px;\n line-height: 16px;\n border-radius: 1em;\n background: var(--primary-color);\n }\n }\n\n #craftid-account {\n &:hover {\n @apply tw-no-underline;\n }\n\n .photo {\n svg {\n @apply tw-align-middle;\n @include margin-right(7px);\n width: 22px;\n height: 22px;\n border-radius: 100%;\n }\n }\n\n &:hover .label {\n @apply tw-no-underline;\n }\n }\n\n #craftid-connect-form {\n .ssl-status {\n @apply tw-inline-block;\n }\n }\n}\n",".nav-items {\n ul {\n @apply tw--mx-6;\n\n li {\n position: relative;\n\n &:before,\n &:last-child:after {\n @apply tw-absolute tw-left-0 tw-right-0;\n content: '';\n }\n\n &:before {\n @apply tw-top-0;\n }\n\n &:last-child:after {\n @apply tw-bottom-0;\n }\n\n a {\n @apply tw-relative tw-px-6 tw-py-2 tw-text-gray-900 tw-flex tw-items-center;\n\n svg,\n img {\n @apply tw-align-middle tw-mr-3 tw-text-blue-600 tw-w-6 tw-h-6;\n }\n\n &:hover {\n @apply tw-no-underline tw-z-10;\n background-color: var(--gray-100);\n }\n\n &.router-link-exact-active {\n background-color: var(--gray-200);\n }\n }\n }\n }\n}\n","@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\n.tooltip {\n display: block !important;\n z-index: 10000;\n background: var(--white);\n box-shadow: 0 25px 100px rgba(0, 0, 0, 0.5);\n padding: 24px;\n\n .tooltip-arrow {\n width: 0;\n height: 0;\n border-style: solid;\n position: absolute;\n margin: 12px;\n border-color: white;\n }\n\n &[x-placement^='top'] {\n margin-bottom: 12px;\n\n .tooltip-arrow {\n border-width: 12px 12px 0 12px;\n border-left-color: transparent !important;\n border-right-color: transparent !important;\n border-bottom-color: transparent !important;\n bottom: -12px;\n left: calc(50% - 12px);\n margin-top: 0;\n margin-bottom: 0;\n }\n }\n\n &[x-placement^='bottom'] {\n margin-top: 12px;\n\n .tooltip-arrow {\n border-width: 0 12px 12px 12px;\n border-left-color: transparent !important;\n border-right-color: transparent !important;\n border-top-color: transparent !important;\n top: -12px;\n left: calc(50% - 12px);\n margin-top: 0;\n margin-bottom: 0;\n }\n }\n\n &[x-placement^='right'] {\n margin-left: 12px;\n\n .tooltip-arrow {\n border-width: 12px 12px 12px 0;\n border-left-color: transparent !important;\n border-top-color: transparent !important;\n border-bottom-color: transparent !important;\n left: -12px;\n top: calc(50% - 12px);\n margin-left: 0;\n margin-right: 0;\n }\n }\n\n &[x-placement^='left'] {\n margin-right: 12px;\n\n .tooltip-arrow {\n border-width: 12px 0 12px 12px;\n border-top-color: transparent !important;\n border-right-color: transparent !important;\n border-bottom-color: transparent !important;\n right: -12px;\n top: calc(50% - 12px);\n margin-left: 0;\n margin-right: 0;\n }\n }\n\n &[aria-hidden='true'] {\n visibility: hidden;\n opacity: 0;\n transition: opacity 0.15s, visibility 0.15s;\n }\n\n &[aria-hidden='false'] {\n visibility: visible;\n opacity: 1;\n transition: opacity 0.15s;\n }\n}\n","/* Readable overrides */\n\n.readable {\n /* Tables */\n table {\n display: block;\n overflow: auto;\n width: 100%;\n\n th {\n font-weight: 600;\n }\n\n td,\n th {\n border: 1px solid #dfe2e5;\n padding: 6px 13px;\n }\n\n tr {\n background-color: var(--white);\n border-top: 1px solid #c6cbd1;\n }\n\n tr:nth-child(2n) {\n background-color: var(--gray-050);\n }\n\n img {\n background-color: transparent;\n }\n }\n}\n",null,"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n.fade-enter-active,\n.fade-leave-active {\n transition: opacity 0.3s;\n}\n\n.fade-enter,\n.fade-leave-to {\n opacity: 0;\n}\n","/**\n * Swiper 5.4.5\n * Most modern mobile touch slider and framework with hardware accelerated transitions\n * http://swiperjs.com\n *\n * Copyright 2014-2020 Vladimir Kharlampidi\n *\n * Released under the MIT License\n *\n * Released on: June 16, 2020\n */\n\n@font-face {\n font-family: 'swiper-icons';\n src: url(\"data:application/font-woff;charset=utf-8;base64, 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\") format(\"woff\");\n font-weight: 400;\n font-style: normal;\n}\n:root {\n --swiper-theme-color: #007aff;\n}\n.swiper-container {\n margin-left: auto;\n margin-right: auto;\n position: relative;\n overflow: hidden;\n list-style: none;\n padding: 0;\n /* Fix of Webkit flickering */\n z-index: 1;\n}\n.swiper-container-vertical > .swiper-wrapper {\n flex-direction: column;\n}\n.swiper-wrapper {\n position: relative;\n width: 100%;\n height: 100%;\n z-index: 1;\n display: flex;\n transition-property: transform;\n box-sizing: content-box;\n}\n.swiper-container-android .swiper-slide,\n.swiper-wrapper {\n transform: translate3d(0px, 0, 0);\n}\n.swiper-container-multirow > .swiper-wrapper {\n flex-wrap: wrap;\n}\n.swiper-container-multirow-column > .swiper-wrapper {\n flex-wrap: wrap;\n flex-direction: column;\n}\n.swiper-container-free-mode > .swiper-wrapper {\n transition-timing-function: ease-out;\n margin: 0 auto;\n}\n.swiper-slide {\n flex-shrink: 0;\n width: 100%;\n height: 100%;\n position: relative;\n transition-property: transform;\n}\n.swiper-slide-invisible-blank {\n visibility: hidden;\n}\n/* Auto Height */\n.swiper-container-autoheight,\n.swiper-container-autoheight .swiper-slide {\n height: auto;\n}\n.swiper-container-autoheight .swiper-wrapper {\n align-items: flex-start;\n transition-property: transform, height;\n}\n/* 3D Effects */\n.swiper-container-3d {\n perspective: 1200px;\n}\n.swiper-container-3d .swiper-wrapper,\n.swiper-container-3d .swiper-slide,\n.swiper-container-3d .swiper-slide-shadow-left,\n.swiper-container-3d .swiper-slide-shadow-right,\n.swiper-container-3d .swiper-slide-shadow-top,\n.swiper-container-3d .swiper-slide-shadow-bottom,\n.swiper-container-3d .swiper-cube-shadow {\n transform-style: preserve-3d;\n}\n.swiper-container-3d .swiper-slide-shadow-left,\n.swiper-container-3d .swiper-slide-shadow-right,\n.swiper-container-3d .swiper-slide-shadow-top,\n.swiper-container-3d .swiper-slide-shadow-bottom {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n z-index: 10;\n}\n.swiper-container-3d .swiper-slide-shadow-left {\n background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n.swiper-container-3d .swiper-slide-shadow-right {\n background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n.swiper-container-3d .swiper-slide-shadow-top {\n background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n.swiper-container-3d .swiper-slide-shadow-bottom {\n background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n/* CSS Mode */\n.swiper-container-css-mode > .swiper-wrapper {\n overflow: auto;\n scrollbar-width: none;\n /* For Firefox */\n -ms-overflow-style: none;\n /* For Internet Explorer and Edge */\n}\n.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {\n display: none;\n}\n.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {\n scroll-snap-align: start start;\n}\n.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {\n scroll-snap-type: x mandatory;\n}\n.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {\n scroll-snap-type: y mandatory;\n}\n:root {\n --swiper-navigation-size: 44px;\n /*\n --swiper-navigation-color: var(--swiper-theme-color);\n */\n}\n.swiper-button-prev,\n.swiper-button-next {\n position: absolute;\n top: 50%;\n width: calc(var(--swiper-navigation-size) / 44 * 27);\n height: var(--swiper-navigation-size);\n margin-top: calc(-1 * var(--swiper-navigation-size) / 2);\n z-index: 10;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--swiper-navigation-color, var(--swiper-theme-color));\n}\n.swiper-button-prev.swiper-button-disabled,\n.swiper-button-next.swiper-button-disabled {\n opacity: 0.35;\n cursor: auto;\n pointer-events: none;\n}\n.swiper-button-prev:after,\n.swiper-button-next:after {\n font-family: swiper-icons;\n font-size: var(--swiper-navigation-size);\n text-transform: none !important;\n letter-spacing: 0;\n text-transform: none;\n font-variant: initial;\n line-height: 1;\n}\n.swiper-button-prev,\n.swiper-container-rtl .swiper-button-next {\n left: 10px;\n right: auto;\n}\n.swiper-button-prev:after,\n.swiper-container-rtl .swiper-button-next:after {\n content: 'prev';\n}\n.swiper-button-next,\n.swiper-container-rtl .swiper-button-prev {\n right: 10px;\n left: auto;\n}\n.swiper-button-next:after,\n.swiper-container-rtl .swiper-button-prev:after {\n content: 'next';\n}\n.swiper-button-prev.swiper-button-white,\n.swiper-button-next.swiper-button-white {\n --swiper-navigation-color: #ffffff;\n}\n.swiper-button-prev.swiper-button-black,\n.swiper-button-next.swiper-button-black {\n --swiper-navigation-color: #000000;\n}\n.swiper-button-lock {\n display: none;\n}\n:root {\n /*\n --swiper-pagination-color: var(--swiper-theme-color);\n */\n}\n.swiper-pagination {\n position: absolute;\n text-align: center;\n transition: 300ms opacity;\n transform: translate3d(0, 0, 0);\n z-index: 10;\n}\n.swiper-pagination.swiper-pagination-hidden {\n opacity: 0;\n}\n/* Common Styles */\n.swiper-pagination-fraction,\n.swiper-pagination-custom,\n.swiper-container-horizontal > .swiper-pagination-bullets {\n bottom: 10px;\n left: 0;\n width: 100%;\n}\n/* Bullets */\n.swiper-pagination-bullets-dynamic {\n overflow: hidden;\n font-size: 0;\n}\n.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {\n transform: scale(0.33);\n position: relative;\n}\n.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {\n transform: scale(1);\n}\n.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {\n transform: scale(1);\n}\n.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {\n transform: scale(0.66);\n}\n.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {\n transform: scale(0.33);\n}\n.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {\n transform: scale(0.66);\n}\n.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {\n transform: scale(0.33);\n}\n.swiper-pagination-bullet {\n width: 8px;\n height: 8px;\n display: inline-block;\n border-radius: 100%;\n background: #000;\n opacity: 0.2;\n}\nbutton.swiper-pagination-bullet {\n border: none;\n margin: 0;\n padding: 0;\n box-shadow: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n}\n.swiper-pagination-clickable .swiper-pagination-bullet {\n cursor: pointer;\n}\n.swiper-pagination-bullet-active {\n opacity: 1;\n background: var(--swiper-pagination-color, var(--swiper-theme-color));\n}\n.swiper-container-vertical > .swiper-pagination-bullets {\n right: 10px;\n top: 50%;\n transform: translate3d(0px, -50%, 0);\n}\n.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {\n margin: 6px 0;\n display: block;\n}\n.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {\n top: 50%;\n transform: translateY(-50%);\n width: 8px;\n}\n.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {\n display: inline-block;\n transition: 200ms transform, 200ms top;\n}\n.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {\n margin: 0 4px;\n}\n.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {\n left: 50%;\n transform: translateX(-50%);\n white-space: nowrap;\n}\n.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {\n transition: 200ms transform, 200ms left;\n}\n.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {\n transition: 200ms transform, 200ms right;\n}\n/* Progress */\n.swiper-pagination-progressbar {\n background: rgba(0, 0, 0, 0.25);\n position: absolute;\n}\n.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {\n background: var(--swiper-pagination-color, var(--swiper-theme-color));\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n transform: scale(0);\n transform-origin: left top;\n}\n.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {\n transform-origin: right top;\n}\n.swiper-container-horizontal > .swiper-pagination-progressbar,\n.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {\n width: 100%;\n height: 4px;\n left: 0;\n top: 0;\n}\n.swiper-container-vertical > .swiper-pagination-progressbar,\n.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {\n width: 4px;\n height: 100%;\n left: 0;\n top: 0;\n}\n.swiper-pagination-white {\n --swiper-pagination-color: #ffffff;\n}\n.swiper-pagination-black {\n --swiper-pagination-color: #000000;\n}\n.swiper-pagination-lock {\n display: none;\n}\n/* Scrollbar */\n.swiper-scrollbar {\n border-radius: 10px;\n position: relative;\n -ms-touch-action: none;\n background: rgba(0, 0, 0, 0.1);\n}\n.swiper-container-horizontal > .swiper-scrollbar {\n position: absolute;\n left: 1%;\n bottom: 3px;\n z-index: 50;\n height: 5px;\n width: 98%;\n}\n.swiper-container-vertical > .swiper-scrollbar {\n position: absolute;\n right: 3px;\n top: 1%;\n z-index: 50;\n width: 5px;\n height: 98%;\n}\n.swiper-scrollbar-drag {\n height: 100%;\n width: 100%;\n position: relative;\n background: rgba(0, 0, 0, 0.5);\n border-radius: 10px;\n left: 0;\n top: 0;\n}\n.swiper-scrollbar-cursor-drag {\n cursor: move;\n}\n.swiper-scrollbar-lock {\n display: none;\n}\n.swiper-zoom-container {\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n text-align: center;\n}\n.swiper-zoom-container > img,\n.swiper-zoom-container > svg,\n.swiper-zoom-container > canvas {\n max-width: 100%;\n max-height: 100%;\n object-fit: contain;\n}\n.swiper-slide-zoomed {\n cursor: move;\n}\n/* Preloader */\n:root {\n /*\n --swiper-preloader-color: var(--swiper-theme-color);\n */\n}\n.swiper-lazy-preloader {\n width: 42px;\n height: 42px;\n position: absolute;\n left: 50%;\n top: 50%;\n margin-left: -21px;\n margin-top: -21px;\n z-index: 10;\n transform-origin: 50%;\n animation: swiper-preloader-spin 1s infinite linear;\n box-sizing: border-box;\n border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));\n border-radius: 50%;\n border-top-color: transparent;\n}\n.swiper-lazy-preloader-white {\n --swiper-preloader-color: #fff;\n}\n.swiper-lazy-preloader-black {\n --swiper-preloader-color: #000;\n}\n@keyframes swiper-preloader-spin {\n 100% {\n transform: rotate(360deg);\n }\n}\n/* a11y */\n.swiper-container .swiper-notification {\n position: absolute;\n left: 0;\n top: 0;\n pointer-events: none;\n opacity: 0;\n z-index: -1000;\n}\n.swiper-container-fade.swiper-container-free-mode .swiper-slide {\n transition-timing-function: ease-out;\n}\n.swiper-container-fade .swiper-slide {\n pointer-events: none;\n transition-property: opacity;\n}\n.swiper-container-fade .swiper-slide .swiper-slide {\n pointer-events: none;\n}\n.swiper-container-fade .swiper-slide-active,\n.swiper-container-fade .swiper-slide-active .swiper-slide-active {\n pointer-events: auto;\n}\n.swiper-container-cube {\n overflow: visible;\n}\n.swiper-container-cube .swiper-slide {\n pointer-events: none;\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n z-index: 1;\n visibility: hidden;\n transform-origin: 0 0;\n width: 100%;\n height: 100%;\n}\n.swiper-container-cube .swiper-slide .swiper-slide {\n pointer-events: none;\n}\n.swiper-container-cube.swiper-container-rtl .swiper-slide {\n transform-origin: 100% 0;\n}\n.swiper-container-cube .swiper-slide-active,\n.swiper-container-cube .swiper-slide-active .swiper-slide-active {\n pointer-events: auto;\n}\n.swiper-container-cube .swiper-slide-active,\n.swiper-container-cube .swiper-slide-next,\n.swiper-container-cube .swiper-slide-prev,\n.swiper-container-cube .swiper-slide-next + .swiper-slide {\n pointer-events: auto;\n visibility: visible;\n}\n.swiper-container-cube .swiper-slide-shadow-top,\n.swiper-container-cube .swiper-slide-shadow-bottom,\n.swiper-container-cube .swiper-slide-shadow-left,\n.swiper-container-cube .swiper-slide-shadow-right {\n z-index: 0;\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n}\n.swiper-container-cube .swiper-cube-shadow {\n position: absolute;\n left: 0;\n bottom: 0px;\n width: 100%;\n height: 100%;\n background: #000;\n opacity: 0.6;\n -webkit-filter: blur(50px);\n filter: blur(50px);\n z-index: 0;\n}\n.swiper-container-flip {\n overflow: visible;\n}\n.swiper-container-flip .swiper-slide {\n pointer-events: none;\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n z-index: 1;\n}\n.swiper-container-flip .swiper-slide .swiper-slide {\n pointer-events: none;\n}\n.swiper-container-flip .swiper-slide-active,\n.swiper-container-flip .swiper-slide-active .swiper-slide-active {\n pointer-events: auto;\n}\n.swiper-container-flip .swiper-slide-shadow-top,\n.swiper-container-flip .swiper-slide-shadow-bottom,\n.swiper-container-flip .swiper-slide-shadow-left,\n.swiper-container-flip .swiper-slide-shadow-right {\n z-index: 0;\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import '@craftcms/sass/mixins';\n\n.c-btn,\na.c-btn,\nbutton.c-btn {\n &:focus {\n @apply tw-outline-none tw-ring;\n }\n\n &.block {\n @apply tw-w-full;\n }\n\n &.small {\n @apply tw-px-3 tw-leading-4;\n\n .c-icon {\n width: 12px;\n height: 12px;\n }\n }\n\n &.large {\n @apply tw-text-base tw-leading-6;\n }\n\n &.outline {\n .c-icon {\n @apply tw-fill-current;\n }\n }\n\n &.loading {\n @apply tw-relative;\n\n .c-spinner {\n @apply tw-absolute tw-inset-0 tw-flex tw-justify-center tw-items-center;\n }\n\n .c-btn-content {\n @apply tw-invisible;\n }\n }\n\n .c-icon {\n @apply tw-align-middle;\n }\n\n &:not(.c-btn-icon) {\n .c-icon {\n @include margin-right(1rem);\n }\n }\n\n .c-btn-content {\n @apply tw-flex tw-items-center tw-justify-center;\n }\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import '@craftcms/sass/mixins';\n\n.c-dropdown {\n display: inline-block;\n position: relative;\n\n &.disabled {\n @apply tw-opacity-50;\n }\n\n select {\n @apply tw-border-gray-200;\n\n /*\n TODO\n\n @include ltr() {\n background-position: right 0.5rem center;\n }\n\n @include rtl() {\n background-position: left 0.5rem center;\n }\n */\n }\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n.c-spinner {\n & > .animation {\n animation: rotator 0.7s linear infinite;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n border-width: 2px;\n border-style: solid;\n border-top-color: transparent !important;\n border-left-color: transparent !important;\n }\n\n &.sm {\n & > .animation {\n width: 16px;\n height: 16px;\n }\n }\n\n &.lg {\n & > .animation {\n width: 32px;\n height: 32px;\n border-width: 3px;\n }\n }\n}\n\n@keyframes rotator {\n 0% {\n transform: rotate(0);\n }\n\n to {\n transform: rotate(1turn);\n }\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/src/web/assets/pluginstoreoauth/dist/css/PluginStoreOauthCallback.css.map b/src/web/assets/pluginstoreoauth/dist/css/PluginStoreOauthCallback.css.map
index bdd82f2f590..fd96d02349f 100644
--- a/src/web/assets/pluginstoreoauth/dist/css/PluginStoreOauthCallback.css.map
+++ b/src/web/assets/pluginstoreoauth/dist/css/PluginStoreOauthCallback.css.map
@@ -1 +1 @@
-{"version":3,"file":"css/PluginStoreOauthCallback.css","mappings":"AAGA,SAOE,4BADA,4BALA,cAGA,SAFA,kBACA,OAIA,CCuaA,kBACE,uBAEF,kBACE,uBDxaJ,eACE,2DAGF,2CACE,SASA,qBACA,CAHA,cACA,iBACA,CANF,eACE,CAJA,kBAKA,iBAEA,CAPA,OAGF,CACE,UAMA,gBAKA,sCAEA,CAHF,iBACE,CAJA,gBAGF,CAME,iBAHA,2BAEA,CACA,aACA,CAJA,aAIA,eACA,CALA,WAKA,qPAIF,2DAOI,iCADA,4CAIA,CAHA,+DAGA","sources":["webpack:///./pluginstore-oauth-callback.scss","webpack:///../../../../../packages/craftcms-sass/_mixins.scss"],"sourcesContent":["@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\n#graphic {\n display: block;\n position: absolute;\n top: 50%;\n left: 50%;\n @include margin(-48px, 0, 0, -24px);\n background-repeat: no-repeat;\n background-position: 50% 50%;\n}\n\n#graphic.error {\n background-image: url(images/error.png);\n}\n\n#graphic.success {\n background-image: url(images/success.png);\n}\n\n#status {\n position: absolute;\n top: 50%;\n margin-top: 20px;\n width: 100%;\n text-align: center;\n font-size: 16px;\n line-height: 20px;\n color: var(--gray-500);\n}\n\n#status #error {\n margin: 24px auto;\n border-radius: 3px;\n border: 1px solid var(--hairline-color);\n padding: 24px;\n width: 600px;\n max-width: calc(100% - 96px);\n max-height: 100px;\n overflow: auto;\n text-align: left;\n}\n\n@media only screen and (-webkit-min-device-pixel-ratio: 1.5),\n only screen and (-moz-min-device-pixel-ratio: 1.5),\n only screen and (-o-min-device-pixel-ratio: 3/2),\n only screen and (min-device-pixel-ratio: 1.5),\n only screen and (min-resolution: 1.5dppx) {\n #graphic.error {\n background-image: url(images/error_2x.png);\n background-size: 48px;\n }\n #graphic.success {\n background-image: url(images/success_2x.png);\n background-size: 48px;\n }\n}\n","$white: #fff;\n$black: #000;\n\n$grey050: hsl(212, 60%, 97%);\n$grey100: hsl(212, 50%, 93%);\n$grey200: hsl(212, 30%, 85%);\n$grey300: hsl(211, 13%, 65%);\n$grey350: hsl(211, 11%, 59%);\n$grey400: hsl(210, 10%, 53%);\n$grey500: hsl(211, 12%, 43%);\n$grey550: hsl(210, 13%, 40%);\n$grey600: hsl(209, 14%, 37%);\n$grey700: hsl(209, 18%, 30%);\n$grey800: hsl(209, 20%, 25%);\n$grey900: hsl(210, 24%, 16%);\n$grey1000: hsl(210, 24%, 10%);\n\n$blue050: #e3f8ff;\n$blue100: #b3ecff;\n$blue200: #81defd;\n$blue300: #5ed0fa;\n$blue400: #40c3f7;\n$blue500: #2bb0ed;\n$blue600: #1992d4;\n$blue700: #127fbf;\n$blue800: #0b69a3;\n$blue900: #035388;\n\n$cyan050: #e0fcff;\n$cyan100: #bef8fd;\n$cyan200: #87eaf2;\n$cyan300: #54d1db;\n$cyan400: #38bec9;\n$cyan500: #2cb1bc;\n$cyan600: #14919b;\n$cyan700: #0e7c86;\n$cyan800: #0a6c74;\n$cyan900: #044e54;\n\n$pink050: #ffe3ec;\n$pink100: #ffb8d2;\n$pink200: #ff8cba;\n$pink300: #f364a2;\n$pink400: #e8368f;\n$pink500: #da127d;\n$pink600: #bc0a6f;\n$pink700: #a30664;\n$pink800: #870557;\n$pink900: #620042;\n\n$red050: #ffe3e3;\n$red100: #ffbdbd;\n$red200: #ff9b9b;\n$red300: #f86a6a;\n$red400: #ef4e4e;\n$red500: #e12d39;\n$red600: #cf1124;\n$red700: #ab091e;\n$red800: #8a041a;\n$red900: #610316;\n\n$yellow050: #fffbea;\n$yellow100: #fff3c4;\n$yellow200: #fce588;\n$yellow300: #fadb5f;\n$yellow400: #f7c948;\n$yellow500: #f0b429;\n$yellow600: #de911d;\n$yellow700: #cb6e17;\n$yellow800: #b44d12;\n$yellow900: #8d2b0b;\n\n$teal050: #effcf6;\n$teal100: #c6f7e2;\n$teal200: #8eedc7;\n$teal300: #65d6ad;\n$teal400: #3ebd93;\n$teal500: #27ab83;\n$teal600: #199473;\n$teal700: #147d64;\n$teal800: #0c6b58;\n$teal900: #014d40;\n\n// submit button colors\n$primaryColor: $red500;\n$secondaryColor: $grey500;\n\n$inputColor: hsl(212, 25%, 50%);\n\n// text colors\n$textColor: $grey700;\n$mediumDarkTextColor: $grey550;\n$mediumTextColor: $grey550;\n$lightTextColor: $grey500;\n$linkColor: #2563eb;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $white;\n$menuOptionActiveBackgroundColor: $grey500;\n\n// hairline colors\n$hairlineColor: transparentize($grey800, 0.9);\n$mediumHairlineColor: transparentize($grey600, 0.75);\n$darkHairlineColor: transparentize($grey400, 0.5);\n\n// focus colors\n$lightFocusColor: $blue300;\n$mediumFocusColor: $blue500;\n$darkFocusColor: #0f74b1;\n\n// focus rings\n$lightFocusRing: 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing: 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing: 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey600;\n\n// alert/notice colors\n$errorColor: $red600;\n$warningColor: $yellow800;\n$successColor: $teal500;\n$noticeColor: $blue800;\n\n// UI element styles\n$smallBorderRadius: 3px;\n$mediumBorderRadius: 4px;\n$largeBorderRadius: 5px;\n\n$menuBorderRadius: $mediumBorderRadius;\n$checkboxSize: 16px;\n$radioSize: 16px;\n\n@mixin sans-serif-font {\n font-family: system-ui, BlinkMacSystemFont, -apple-system, 'Segoe UI',\n 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',\n 'Helvetica Neue', sans-serif;\n}\n\n@mixin fixed-width-font {\n font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier,\n monospace;\n font-size: 0.9em !important;\n}\n\n@function toRem($size) {\n $remValue: calc($size / 16) + rem;\n @return $remValue;\n}\n\n@mixin fontSize($size) {\n font-size: toRem($size);\n}\n\n// Other\n\n@mixin focus-styles {\n body:not(.reduce-focus-visibility) &:focus,\n body.reduce-focus-visibility &.focus-visible {\n @content;\n }\n}\n\n@mixin svg-mask($color) {\n rect,\n circle,\n ellipse,\n line,\n polyline,\n polygon,\n path,\n text {\n fill: $color;\n stroke-width: 0;\n }\n}\n\n@mixin icon {\n font-family: 'Craft';\n speak: none;\n -webkit-font-feature-settings: 'liga', 'dlig';\n -moz-font-feature-settings: 'liga=1, dlig=1';\n -moz-font-feature-settings: 'liga', 'dlig';\n -ms-font-feature-settings: 'liga', 'dlig';\n -o-font-feature-settings: 'liga', 'dlig';\n font-feature-settings: 'liga', 'dlig';\n text-rendering: optimizeLegibility;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n direction: ltr; // Fixes a rendering issue in Chrome/Win\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n\n display: inline-block;\n text-align: center;\n font-style: normal;\n vertical-align: middle;\n word-wrap: normal !important;\n user-select: none;\n\n opacity: var(--icon-opacity);\n}\n\n@mixin angle($dir: down, $color: currentColor, $width: 2px) {\n display: block;\n content: '';\n font-size: 0;\n width: 7px;\n height: 7px;\n border: solid $color;\n border-width: 0 $width $width 0;\n opacity: 0.8;\n\n @if $dir == up {\n transform: rotate(225deg);\n } @else if $dir == down {\n transform: rotate(45deg);\n } @else if $dir == left {\n body.ltr & {\n transform: rotate(135deg);\n }\n body.rtl & {\n transform: rotate(-45deg);\n }\n } @else if $dir == right {\n body.ltr & {\n transform: rotate(-45deg);\n }\n body.rtl & {\n transform: rotate(135deg);\n }\n }\n}\n\n@mixin clearafter {\n content: '';\n display: block;\n height: 0;\n clear: both;\n visibility: hidden;\n}\n\n@mixin shadow {\n box-shadow: 0 1px 5px -1px transparentize($grey900, 0.8);\n}\n\n@mixin pane {\n background: $white;\n box-shadow: 0 0 0 1px $grey200, 0 2px 12px transparentize($grey200, 0.5);\n\n &:focus {\n box-shadow: var(--focus-ring);\n }\n}\n\n@mixin modal {\n border-radius: $largeBorderRadius;\n background-color: $white;\n box-shadow: 0 25px 100px transparentize($grey900, 0.5);\n}\n\n@mixin light-on-dark-text() {\n // Make light on dark text sharp on Macs\n // (sub-pixel antialiasing looks too bold/blurry with light text on dark background)\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-weight: 500;\n}\n\n@mixin light-focus-ring() {\n --focus-ring: 0 0 0 1px hsl(var(--light-focus-hsl)),\n 0 0 0 3px hsla(var(--light-focus-hsl), 0.7);\n}\n\n@mixin two-color-focus-ring($light-button: true) {\n // Creates a two-color focus ring, with a white\n // If button is light, the dark box shadow is adjacent to the button\n // Else the light box shadow is adjacent to the button\n --light-color: var(--white);\n --dark-color: var(--gray-800);\n\n @if $light-button {\n --focus-ring: 0 0 0 3px var(--dark-color), 0 0 0 6px var(--light-color);\n } @else {\n --focus-ring: 0 0 0 3px var(--light-color), 0 0 0 6px var(--dark-color);\n }\n}\n\n// RTL stuff\n\n@mixin left($left) {\n body.ltr & {\n left: $left;\n }\n body.rtl & {\n right: $left;\n }\n}\n\n@mixin right($right) {\n body.ltr & {\n right: $right;\n }\n body.rtl & {\n left: $right;\n }\n}\n\n@mixin alignleft {\n body.ltr & {\n text-align: left;\n }\n body.rtl & {\n text-align: right;\n }\n}\n\n@mixin alignright {\n body.ltr & {\n text-align: right;\n }\n body.rtl & {\n text-align: left;\n }\n}\n\n@mixin border-left($params...) {\n body.ltr & {\n border-left: $params;\n }\n body.rtl & {\n border-right: $params;\n }\n}\n\n@mixin border-right($params...) {\n body.ltr & {\n border-right: $params;\n }\n body.rtl & {\n border-left: $params;\n }\n}\n\n@mixin border-left-width($param) {\n body.ltr & {\n border-left-width: $param;\n }\n body.rtl & {\n border-right-width: $param;\n }\n}\n\n@mixin border-right-width($param) {\n body.ltr & {\n border-right-width: $param;\n }\n body.rtl & {\n border-left-width: $param;\n }\n}\n\n@mixin border-radius($tl, $tr, $br, $bl) {\n body.ltr & {\n border-radius: $tl $tr $br $bl;\n }\n body.rtl & {\n border-radius: $tr $tl $bl $br;\n }\n}\n\n@mixin border-top-left-radius($params...) {\n body.ltr & {\n border-top-left-radius: $params;\n }\n body.rtl & {\n border-top-right-radius: $params;\n }\n}\n\n@mixin border-top-right-radius($params...) {\n body.ltr & {\n border-top-right-radius: $params;\n }\n body.rtl & {\n border-top-left-radius: $params;\n }\n}\n\n@mixin border-bottom-left-radius($params...) {\n body.ltr & {\n border-bottom-left-radius: $params;\n }\n body.rtl & {\n border-bottom-right-radius: $params;\n }\n}\n\n@mixin border-bottom-right-radius($params...) {\n body.ltr & {\n border-bottom-right-radius: $params;\n }\n body.rtl & {\n border-bottom-left-radius: $params;\n }\n}\n\n@mixin floatleft {\n body.ltr & {\n float: left;\n }\n body.rtl & {\n float: right;\n }\n}\n\n@mixin floatright {\n body.ltr & {\n float: right;\n }\n body.rtl & {\n float: left;\n }\n}\n\n@mixin margin($t, $r, $b, $l, $important: '') {\n body.ltr & {\n margin: $t $r $b $l unquote($important);\n }\n body.rtl & {\n margin: $t $l $b $r unquote($important);\n }\n}\n\n@mixin margin-left($margin...) {\n body.ltr & {\n margin-left: $margin;\n }\n body.rtl & {\n margin-right: $margin;\n }\n}\n\n@mixin margin-right($margin...) {\n body.ltr & {\n margin-right: $margin;\n }\n body.rtl & {\n margin-left: $margin;\n }\n}\n\n@mixin padding($t, $r, $b, $l, $important: '') {\n body.ltr & {\n padding: $t $r $b $l unquote($important);\n }\n body.rtl & {\n padding: $t $l $b $r unquote($important);\n }\n}\n\n@mixin padding-left($padding...) {\n body.ltr & {\n padding-left: $padding;\n }\n body.rtl & {\n padding-right: $padding;\n }\n}\n\n@mixin padding-right($padding...) {\n body.ltr & {\n padding-right: $padding;\n }\n body.rtl & {\n padding-left: $padding;\n }\n}\n\n// Misc\n\n@mixin dark-inputs {\n @include placeholder-styles($grey400);\n\n .btn,\n .select:not(.selectize) select {\n background-color: $grey200;\n\n &:focus,\n &:hover {\n background-color: darken($grey200, 5%);\n }\n\n &:active,\n &.active {\n background-color: darken($grey200, 10%);\n }\n }\n\n .text {\n background-color: $grey200;\n\n &:focus {\n background-color: darken($grey200, 5%);\n }\n }\n}\n\n@mixin header-btn {\n width: 30px;\n height: 30px;\n padding-left: 0;\n padding-right: 0;\n\n &:not(:hover):not(:active):not(.active) {\n background-color: transparent;\n }\n &:not(:active):not(.active):hover {\n background-color: transparentize($grey300, 0.85);\n }\n}\n\n@mixin h6-styles {\n margin: 14px 0 3px;\n font-size: 11px;\n line-height: 1.2;\n color: $lightTextColor;\n text-transform: uppercase;\n}\n\n@mixin token-styles {\n display: inline-block;\n border-radius: $smallBorderRadius;\n padding: 3px 7px;\n font-size: 12px;\n line-height: 14px;\n color: $textColor;\n background-color: $grey100;\n}\n\n@mixin active-token-styles {\n background-color: $grey200;\n}\n\n@mixin menu-styles {\n z-index: 100;\n border-radius: $menuBorderRadius;\n padding: 0 14px;\n overflow: auto;\n background: $white;\n user-select: none;\n box-shadow: 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-option-styles {\n margin: 0 -14px;\n padding: 10px 14px;\n color: $menuOptionColor;\n text-decoration: none;\n white-space: nowrap;\n}\n\n@mixin menu-option-active-styles {\n color: $menuOptionActiveColor;\n background-color: $menuOptionActiveBackgroundColor;\n}\n\n@mixin disclosure-link-hover-styles {\n color: $menuOptionColor;\n background-color: $grey050;\n}\n\n@mixin input-styles {\n border-radius: $smallBorderRadius;\n border: 1px solid transparentize($inputColor, 0.75);\n background-color: hsl(212, 50%, 99%);\n background-clip: padding-box;\n}\n\n@mixin input-focused-styles {\n box-shadow: var(--focus-ring);\n}\n\n@mixin placeholder-styles($color) {\n ::-webkit-input-placeholder {\n color: $color;\n }\n\n input:-ms-input-placeholder {\n color: $color;\n }\n\n ::-ms-input-placeholder {\n color: $color;\n }\n\n :-moz-placeholder {\n color: $color;\n }\n\n ::-moz-placeholder {\n color: $color;\n }\n\n ::placeholder {\n color: $color;\n }\n}\n\n@mixin select-styles {\n position: relative;\n border-radius: $largeBorderRadius;\n white-space: nowrap;\n}\n\n@mixin select-container-styles {\n max-width: 100%;\n position: relative;\n :not(.flex) > & {\n display: inline-block;\n }\n}\n\n@mixin select-arrow-styles {\n @include angle;\n position: absolute;\n z-index: 1;\n top: calc(50% - 5px);\n @include right(9px);\n user-select: none;\n pointer-events: none;\n}\n\n@mixin select-input-styles {\n display: block;\n position: relative;\n max-width: 100%;\n border: none;\n @include padding(7px, 22px, 7px, 10px);\n font-size: 14px;\n line-height: 20px;\n color: $textColor;\n background-color: hsl(212, 25%, 90%);\n appearance: none;\n // from https://stackoverflow.com/a/15933790/1688568\n &::-ms-expand {\n display: none;\n }\n}\n\n@mixin select-input-fullwidth-styles {\n min-width: 100%;\n}\n\n@mixin select-input-focused-styles {\n outline-color: transparent;\n background-color: hsl(212, 25%, 85%);\n box-shadow: var(--focus-ring);\n}\n\n@mixin touch-target {\n height: var(--touch-target-size);\n width: var(--touch-target-size);\n}\n\n@mixin visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: 0;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\n@mixin readable {\n font-size: 16px;\n line-height: 22px;\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6 {\n font-size: 13.6px;\n line-height: 17px;\n color: $mediumTextColor;\n }\n\n ul,\n ol {\n margin: 1em 0;\n @include padding-left(2em);\n }\n\n ul li {\n list-style-type: disc;\n }\n\n li + li {\n margin-top: 0.25em;\n }\n\n blockquote {\n margin: 16px 0;\n\n &:not(.note) {\n padding: 0 16px;\n color: $mediumTextColor;\n @include border-left(4px solid $hairlineColor);\n }\n\n &.note {\n position: relative;\n border-radius: 4px;\n padding: 1em;\n @include padding-left(56px);\n border: 1px solid;\n\n &:not(.tip):not(.warning) {\n border-color: $errorColor;\n color: #bf503f;\n\n &:before {\n content: 'alert';\n color: $errorColor;\n }\n }\n\n &.tip {\n border-color: $linkColor;\n color: $mediumTextColor;\n\n &:before {\n content: 'lightbulb';\n color: $linkColor;\n }\n }\n\n &.warning {\n border-color: $warningColor;\n color: #cf783a;\n\n &:before {\n content: 'alert';\n color: $warningColor;\n }\n }\n\n &:before {\n @include icon;\n position: absolute;\n top: 12px;\n @include left(16px);\n font-size: 30px;\n width: 24px;\n }\n }\n }\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"css/PluginStoreOauthCallback.css","mappings":"AAGA,SAOE,4BADA,4BALA,cAGA,SAFA,kBACA,OAIA,CCibA,kBACE,uBAEF,kBACE,uBDlbJ,eACE,2DAGF,2CACE,SASA,qBACA,CAHA,cACA,iBACA,CANF,eACE,CAJA,kBAKA,iBAEA,CAPA,OAGF,CACE,UAMA,gBAKA,sCAEA,CAHF,iBACE,CAJA,gBAGF,CAME,iBAHA,2BAEA,CACA,aACA,CAJA,aAIA,eACA,CALA,WAKA,qPAIF,2DAOI,iCADA,4CAIA,CAHA,+DAGA","sources":["webpack:///./pluginstore-oauth-callback.scss","webpack:///../../../../../packages/craftcms-sass/_mixins.scss"],"sourcesContent":["@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\n#graphic {\n display: block;\n position: absolute;\n top: 50%;\n left: 50%;\n @include margin(-48px, 0, 0, -24px);\n background-repeat: no-repeat;\n background-position: 50% 50%;\n}\n\n#graphic.error {\n background-image: url(images/error.png);\n}\n\n#graphic.success {\n background-image: url(images/success.png);\n}\n\n#status {\n position: absolute;\n top: 50%;\n margin-top: 20px;\n width: 100%;\n text-align: center;\n font-size: 16px;\n line-height: 20px;\n color: var(--gray-500);\n}\n\n#status #error {\n margin: 24px auto;\n border-radius: 3px;\n border: 1px solid var(--hairline-color);\n padding: 24px;\n width: 600px;\n max-width: calc(100% - 96px);\n max-height: 100px;\n overflow: auto;\n text-align: left;\n}\n\n@media only screen and (-webkit-min-device-pixel-ratio: 1.5),\n only screen and (-moz-min-device-pixel-ratio: 1.5),\n only screen and (-o-min-device-pixel-ratio: 3/2),\n only screen and (min-device-pixel-ratio: 1.5),\n only screen and (min-resolution: 1.5dppx) {\n #graphic.error {\n background-image: url(images/error_2x.png);\n background-size: 48px;\n }\n #graphic.success {\n background-image: url(images/success_2x.png);\n background-size: 48px;\n }\n}\n","$white: #fff;\n$black: #000;\n\n$grey050: hsl(212, 60%, 97%);\n$grey100: hsl(212, 50%, 93%);\n$grey200: hsl(212, 30%, 85%);\n$grey300: hsl(211, 13%, 65%);\n$grey350: hsl(211, 11%, 59%);\n$grey400: hsl(210, 10%, 53%);\n$grey500: hsl(211, 12%, 43%);\n$grey550: hsl(210, 13%, 40%);\n$grey600: hsl(209, 14%, 37%);\n$grey700: hsl(209, 18%, 30%);\n$grey800: hsl(209, 20%, 25%);\n$grey900: hsl(210, 24%, 16%);\n$grey1000: hsl(210, 24%, 10%);\n\n$blue050: #e3f8ff;\n$blue100: #b3ecff;\n$blue200: #81defd;\n$blue300: #5ed0fa;\n$blue400: #40c3f7;\n$blue500: #2bb0ed;\n$blue600: #1992d4;\n$blue700: #127fbf;\n$blue800: #0b69a3;\n$blue900: #035388;\n\n$cyan050: #e0fcff;\n$cyan100: #bef8fd;\n$cyan200: #87eaf2;\n$cyan300: #54d1db;\n$cyan400: #38bec9;\n$cyan500: #2cb1bc;\n$cyan600: #14919b;\n$cyan700: #0e7c86;\n$cyan800: #0a6c74;\n$cyan900: #044e54;\n\n$pink050: #ffe3ec;\n$pink100: #ffb8d2;\n$pink200: #ff8cba;\n$pink300: #f364a2;\n$pink400: #e8368f;\n$pink500: #da127d;\n$pink600: #bc0a6f;\n$pink700: #a30664;\n$pink800: #870557;\n$pink900: #620042;\n\n$red050: #ffe3e3;\n$red100: #ffbdbd;\n$red200: #ff9b9b;\n$red300: #f86a6a;\n$red400: #ef4e4e;\n$red500: #e12d39;\n$red600: #cf1124;\n$red700: #ab091e;\n$red800: #8a041a;\n$red900: #610316;\n\n$yellow050: #fffbea;\n$yellow100: #fff3c4;\n$yellow200: #fce588;\n$yellow300: #fadb5f;\n$yellow400: #f7c948;\n$yellow500: #f0b429;\n$yellow600: #de911d;\n$yellow700: #cb6e17;\n$yellow800: #b44d12;\n$yellow900: #8d2b0b;\n\n$teal050: #effcf6;\n$teal100: #c6f7e2;\n$teal200: #8eedc7;\n$teal300: #65d6ad;\n$teal400: #3ebd93;\n$teal500: #27ab83;\n$teal600: #199473;\n$teal700: #147d64;\n$teal800: #0c6b58;\n$teal900: #014d40;\n\n// submit button colors\n$primaryColor: $red500;\n$secondaryColor: $grey500;\n\n$inputColor: hsl(212, 25%, 50%);\n\n// text colors\n$textColor: $grey700;\n$mediumDarkTextColor: $grey550;\n$mediumTextColor: $grey550;\n$lightTextColor: $grey500;\n$linkColor: #2563eb;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $white;\n$menuOptionActiveBackgroundColor: $grey500;\n\n// hairline colors\n$hairlineColor: transparentize($grey800, 0.9);\n$mediumHairlineColor: transparentize($grey600, 0.75);\n$darkHairlineColor: transparentize($grey400, 0.5);\n\n// focus colors\n$lightFocusColor: $blue300;\n$mediumFocusColor: $blue500;\n$darkFocusColor: #0f74b1;\n\n// focus rings\n$lightFocusRing: 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing: 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing: 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey600;\n\n// alert/notice colors\n$errorColor: $red600;\n$warningColor: $yellow800;\n$successColor: $teal500;\n$noticeColor: $blue800;\n\n// UI element styles\n$smallBorderRadius: 3px;\n$mediumBorderRadius: 4px;\n$largeBorderRadius: 5px;\n\n$menuBorderRadius: $mediumBorderRadius;\n$checkboxSize: 16px;\n$radioSize: 16px;\n\n@mixin sans-serif-font {\n font-family: system-ui, BlinkMacSystemFont, -apple-system, 'Segoe UI',\n 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',\n 'Helvetica Neue', sans-serif;\n}\n\n@mixin fixed-width-font {\n font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier,\n monospace;\n font-size: 0.9em !important;\n}\n\n@function toRem($values...) {\n $max: length($values);\n $remValues: '';\n\n @for $i from 1 through $max {\n $remValues: #{$remValues + calc(nth($values, $i) / 16)}rem;\n\n @if $i < $max {\n $remValues: #{$remValues + ' '};\n }\n }\n\n @return $remValues;\n}\n\n@mixin fontSize($size) {\n font-size: toRem($size);\n}\n\n// Other\n\n@mixin focus-styles {\n body:not(.reduce-focus-visibility) &:focus,\n body.reduce-focus-visibility &.focus-visible {\n @content;\n }\n}\n\n@mixin svg-mask($color) {\n rect,\n circle,\n ellipse,\n line,\n polyline,\n polygon,\n path,\n text {\n fill: $color;\n stroke-width: 0;\n }\n}\n\n@mixin icon {\n font-family: 'Craft';\n speak: none;\n -webkit-font-feature-settings: 'liga', 'dlig';\n -moz-font-feature-settings: 'liga=1, dlig=1';\n -moz-font-feature-settings: 'liga', 'dlig';\n -ms-font-feature-settings: 'liga', 'dlig';\n -o-font-feature-settings: 'liga', 'dlig';\n font-feature-settings: 'liga', 'dlig';\n text-rendering: optimizeLegibility;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n direction: ltr; // Fixes a rendering issue in Chrome/Win\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n\n display: inline-block;\n text-align: center;\n font-style: normal;\n vertical-align: middle;\n word-wrap: normal !important;\n user-select: none;\n\n opacity: var(--icon-opacity);\n}\n\n@mixin angle($dir: down, $color: currentColor, $width: 2px) {\n display: block;\n content: '';\n font-size: 0;\n width: 7px;\n height: 7px;\n border: solid $color;\n border-width: 0 $width $width 0;\n opacity: 0.8;\n\n @if $dir == up {\n transform: rotate(225deg);\n } @else if $dir == down {\n transform: rotate(45deg);\n } @else if $dir == left {\n body.ltr & {\n transform: rotate(135deg);\n }\n body.rtl & {\n transform: rotate(-45deg);\n }\n } @else if $dir == right {\n body.ltr & {\n transform: rotate(-45deg);\n }\n body.rtl & {\n transform: rotate(135deg);\n }\n }\n}\n\n@mixin clearafter {\n content: '';\n display: block;\n height: 0;\n clear: both;\n visibility: hidden;\n}\n\n@mixin shadow {\n box-shadow: 0 1px 5px -1px transparentize($grey900, 0.8);\n}\n\n@mixin pane {\n background: $white;\n box-shadow: 0 0 0 1px $grey200, 0 2px 12px transparentize($grey200, 0.5);\n\n &:focus {\n box-shadow: var(--focus-ring);\n }\n}\n\n@mixin modal {\n border-radius: $largeBorderRadius;\n background-color: $white;\n box-shadow: 0 25px 100px transparentize($grey900, 0.5);\n}\n\n@mixin light-on-dark-text() {\n // Make light on dark text sharp on Macs\n // (sub-pixel antialiasing looks too bold/blurry with light text on dark background)\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-weight: 500;\n}\n\n@mixin light-focus-ring() {\n --focus-ring: 0 0 0 1px hsl(var(--light-focus-hsl)),\n 0 0 0 3px hsla(var(--light-focus-hsl), 0.7);\n}\n\n@mixin two-color-focus-ring($light-button: true) {\n // Creates a two-color focus ring, with a white\n // If button is light, the dark box shadow is adjacent to the button\n // Else the light box shadow is adjacent to the button\n --light-color: var(--white);\n --dark-color: var(--gray-800);\n\n @if $light-button {\n --focus-ring: 0 0 0 3px var(--dark-color), 0 0 0 6px var(--light-color);\n } @else {\n --focus-ring: 0 0 0 3px var(--light-color), 0 0 0 6px var(--dark-color);\n }\n}\n\n// RTL stuff\n\n@mixin left($left) {\n body.ltr & {\n left: $left;\n }\n body.rtl & {\n right: $left;\n }\n}\n\n@mixin right($right) {\n body.ltr & {\n right: $right;\n }\n body.rtl & {\n left: $right;\n }\n}\n\n@mixin alignleft {\n body.ltr & {\n text-align: left;\n }\n body.rtl & {\n text-align: right;\n }\n}\n\n@mixin alignright {\n body.ltr & {\n text-align: right;\n }\n body.rtl & {\n text-align: left;\n }\n}\n\n@mixin border-left($params...) {\n body.ltr & {\n border-left: $params;\n }\n body.rtl & {\n border-right: $params;\n }\n}\n\n@mixin border-right($params...) {\n body.ltr & {\n border-right: $params;\n }\n body.rtl & {\n border-left: $params;\n }\n}\n\n@mixin border-left-width($param) {\n body.ltr & {\n border-left-width: $param;\n }\n body.rtl & {\n border-right-width: $param;\n }\n}\n\n@mixin border-right-width($param) {\n body.ltr & {\n border-right-width: $param;\n }\n body.rtl & {\n border-left-width: $param;\n }\n}\n\n@mixin border-radius($tl, $tr, $br, $bl) {\n body.ltr & {\n border-radius: $tl $tr $br $bl;\n }\n body.rtl & {\n border-radius: $tr $tl $bl $br;\n }\n}\n\n@mixin border-top-left-radius($params...) {\n body.ltr & {\n border-top-left-radius: $params;\n }\n body.rtl & {\n border-top-right-radius: $params;\n }\n}\n\n@mixin border-top-right-radius($params...) {\n body.ltr & {\n border-top-right-radius: $params;\n }\n body.rtl & {\n border-top-left-radius: $params;\n }\n}\n\n@mixin border-bottom-left-radius($params...) {\n body.ltr & {\n border-bottom-left-radius: $params;\n }\n body.rtl & {\n border-bottom-right-radius: $params;\n }\n}\n\n@mixin border-bottom-right-radius($params...) {\n body.ltr & {\n border-bottom-right-radius: $params;\n }\n body.rtl & {\n border-bottom-left-radius: $params;\n }\n}\n\n@mixin floatleft {\n body.ltr & {\n float: left;\n }\n body.rtl & {\n float: right;\n }\n}\n\n@mixin floatright {\n body.ltr & {\n float: right;\n }\n body.rtl & {\n float: left;\n }\n}\n\n@mixin margin($t, $r, $b, $l, $important: '') {\n body.ltr & {\n margin: $t $r $b $l unquote($important);\n }\n body.rtl & {\n margin: $t $l $b $r unquote($important);\n }\n}\n\n@mixin margin-left($margin...) {\n body.ltr & {\n margin-left: $margin;\n }\n body.rtl & {\n margin-right: $margin;\n }\n}\n\n@mixin margin-right($margin...) {\n body.ltr & {\n margin-right: $margin;\n }\n body.rtl & {\n margin-left: $margin;\n }\n}\n\n@mixin padding($t, $r, $b, $l, $important: '') {\n body.ltr & {\n padding: $t $r $b $l unquote($important);\n }\n body.rtl & {\n padding: $t $l $b $r unquote($important);\n }\n}\n\n@mixin padding-left($padding...) {\n body.ltr & {\n padding-left: $padding;\n }\n body.rtl & {\n padding-right: $padding;\n }\n}\n\n@mixin padding-right($padding...) {\n body.ltr & {\n padding-right: $padding;\n }\n body.rtl & {\n padding-left: $padding;\n }\n}\n\n// Misc\n\n@mixin dark-inputs {\n @include placeholder-styles($grey400);\n\n .btn,\n .select:not(.selectize) select {\n background-color: $grey200;\n\n &:focus,\n &:hover {\n background-color: darken($grey200, 5%);\n }\n\n &:active,\n &.active {\n background-color: darken($grey200, 10%);\n }\n }\n\n .text {\n background-color: $grey200;\n\n &:focus {\n background-color: darken($grey200, 5%);\n }\n }\n}\n\n@mixin header-btn {\n width: 30px;\n height: 30px;\n padding-left: 0;\n padding-right: 0;\n\n &:not(:hover):not(:active):not(.active) {\n background-color: transparent;\n }\n &:not(:active):not(.active):hover {\n background-color: transparentize($grey300, 0.85);\n }\n}\n\n@mixin h6-styles {\n margin: 14px 0 3px;\n font-size: 11px;\n line-height: 1.2;\n color: $lightTextColor;\n text-transform: uppercase;\n}\n\n@mixin token-styles {\n display: inline-block;\n border-radius: $smallBorderRadius;\n padding: 3px 7px;\n font-size: 12px;\n line-height: 14px;\n color: $textColor;\n background-color: $grey100;\n}\n\n@mixin active-token-styles {\n background-color: $grey200;\n}\n\n@mixin menu-styles {\n z-index: 100;\n border-radius: $menuBorderRadius;\n padding: 0 14px;\n overflow: auto;\n background: $white;\n user-select: none;\n box-shadow: 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-option-styles {\n margin: 0 -14px;\n padding: 10px 14px;\n color: $menuOptionColor;\n text-decoration: none;\n white-space: nowrap;\n}\n\n@mixin menu-option-active-styles {\n color: $menuOptionActiveColor;\n background-color: $menuOptionActiveBackgroundColor;\n}\n\n@mixin disclosure-link-hover-styles {\n color: $menuOptionColor;\n background-color: $grey050;\n}\n\n@mixin input-styles {\n border-radius: $smallBorderRadius;\n border: 1px solid transparentize($inputColor, 0.75);\n background-color: hsl(212, 50%, 99%);\n background-clip: padding-box;\n}\n\n@mixin input-focused-styles {\n box-shadow: var(--focus-ring);\n}\n\n@mixin placeholder-styles($color) {\n input::-webkit-input-placeholder,\n textarea::-webkit-input-placeholder {\n color: $color;\n }\n\n input:-ms-input-placeholder,\n textarea:-ms-input-placeholder {\n color: $color;\n }\n\n input::-ms-input-placeholder,\n textarea::-ms-input-placeholder {\n color: $color;\n }\n\n input:-moz-placeholder,\n textarea:-moz-placeholder {\n color: $color;\n }\n\n input::-moz-placeholder,\n textarea::-moz-placeholder {\n color: $color;\n }\n\n input::placeholder,\n textarea::placeholder {\n color: $color;\n }\n}\n\n@mixin select-styles {\n position: relative;\n border-radius: $largeBorderRadius;\n white-space: nowrap;\n}\n\n@mixin select-container-styles {\n max-width: 100%;\n position: relative;\n :not(.flex) > & {\n display: inline-block;\n }\n}\n\n@mixin select-arrow-styles {\n @include angle;\n position: absolute;\n z-index: 1;\n top: calc(50% - 5px);\n @include right(9px);\n user-select: none;\n pointer-events: none;\n}\n\n@mixin select-input-styles {\n display: block;\n position: relative;\n max-width: 100%;\n border: none;\n @include padding(7px, 22px, 7px, 10px);\n font-size: 14px;\n line-height: 20px;\n color: $textColor;\n background-color: hsl(212, 25%, 90%);\n appearance: none;\n // from https://stackoverflow.com/a/15933790/1688568\n &::-ms-expand {\n display: none;\n }\n}\n\n@mixin select-input-fullwidth-styles {\n min-width: 100%;\n}\n\n@mixin select-input-focused-styles {\n outline-color: transparent;\n background-color: hsl(212, 25%, 85%);\n box-shadow: var(--focus-ring);\n}\n\n@mixin touch-target {\n height: var(--touch-target-size);\n width: var(--touch-target-size);\n}\n\n@mixin visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: 0;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\n@mixin readable {\n font-size: 16px;\n line-height: 22px;\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6 {\n font-size: 13.6px;\n line-height: 17px;\n color: $mediumTextColor;\n }\n\n ul,\n ol {\n margin: 1em 0;\n @include padding-left(2em);\n }\n\n ul li {\n list-style-type: disc;\n }\n\n li + li {\n margin-top: 0.25em;\n }\n\n blockquote {\n margin: 16px 0;\n\n &:not(.note) {\n padding: 0 16px;\n color: $mediumTextColor;\n @include border-left(4px solid $hairlineColor);\n }\n\n &.note {\n position: relative;\n border-radius: 4px;\n padding: 1em;\n @include padding-left(56px);\n border: 1px solid;\n\n &:not(.tip):not(.warning) {\n border-color: $errorColor;\n color: #bf503f;\n\n &:before {\n content: 'alert';\n color: $errorColor;\n }\n }\n\n &.tip {\n border-color: $linkColor;\n color: $mediumTextColor;\n\n &:before {\n content: 'lightbulb';\n color: $linkColor;\n }\n }\n\n &.warning {\n border-color: $warningColor;\n color: #cf783a;\n\n &:before {\n content: 'alert';\n color: $warningColor;\n }\n }\n\n &:before {\n @include icon;\n position: absolute;\n top: 12px;\n @include left(16px);\n font-size: 30px;\n width: 24px;\n }\n }\n }\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/src/web/assets/routes/dist/css/routes.css.map b/src/web/assets/routes/dist/css/routes.css.map
index fc787508e69..49e5b67ef77 100644
--- a/src/web/assets/routes/dist/css/routes.css.map
+++ b/src/web/assets/routes/dist/css/routes.css.map
@@ -1 +1 @@
-{"version":3,"file":"css/routes.css","mappings":"AAGA,QACE,kBAGF,OCuPE,eA9PM,CDaN,iCADA,yCCmPA,6DDjPA,eAJA,cACA,UAFA,iBAKA,CCmPA,aACE,6BDlPF,mBCwKA,WACA,4CAGA,wCACA,uCACA,oCACA,kCAMA,mCACA,kCAMA,2BDtLE,wBADA,eC+KF,cAIA,qBAjBA,kBAmBA,kBATA,oBADA,gBAGA,cAYA,4BD9LE,kBCwLF,kBAPA,oBDhLE,QC2LF,0CAFA,qBDrLE,CC6RF,4BACE,SDjSe,CCmSjB,4BACE,QDpSe,CAMjB,uCAGE,iBACA,gBAFA,gBAEA,CAGF,sBAYE,wBADA,wBAVA,iBAWA,CCuZF,+BACE,iBDlaA,CCoaF,+BACE,gBDraA,CC4bF,+BACE,kBD5bA,CC8bF,+BACE,iBD/bA,CC+UF,+BACE,wEAEF,+BACE,wEAyCF,+BACE,WAEF,+BACE,YDrXA,4BAUE,4BARA,WADA,cAQA,YALA,gBACA,kBAFA,kBAGA,MAEA,UAEA,CC2PJ,qCACE,WD/PiB,CCiQnB,qCACE,UDlQiB,CAIf,qCACE,kFAEF,gDACE,6BAOF,0BAEA,CAJA,wCAEA,CAEA,gDACA,+BACA,CAPF,oBACE,CAEA,eAIA,sCCyWJ,sBACE,sCAEF,sBACE,mCD1WA,mCACE,8BAKF,yBCsGF,sDAEA,wCAGA,uCACA,oCACA,kCACA,CAIA,kCAEA,kCACA,CAKA,0BACA,CAGA,mBAbA,aACA,CAGA,oBAEA,CDrHE,kBCqHF,iBACA,CAVA,mBACA,CADA,gBAGA,cAWA,2BAEA,CAPA,kBAPA,oBAWA,wBACA,kBAJA,qBAMA,kCAkOA,kDAGA,iCDvVA,2BACA,qBAHF,6BAEE,uBCwVE,WDvVF,uBAEA,yBACE,0CAGA,WACE,CADF,UACE,6CAGA,kDAIA,uDAGE,4BACE,6BAMR,wCAEE,wCAEA,CAJF,gBAEE,iBAEA,gCAEA,mCACE,oCAIF,2DCgTF,+DAGA,2CD5SE,2BAGA,CAJF,4BAIE,kCCoRF,4CAGA,gQDnRF,4BAKE,4BACE,gEACA,+CACE,sCAEF,mDACE","sources":["webpack:///./routes.scss","webpack:///../../../../../packages/craftcms-sass/_mixins.scss"],"sourcesContent":["@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\n#routes {\n margin: 0 1px 25px;\n}\n\n.route {\n @include pane;\n position: relative;\n margin: 14px 0;\n padding: 0;\n border-radius: var(--large-border-radius);\n background-color: var(--gray-050);\n cursor: pointer;\n\n &:hover:after {\n position: absolute;\n top: 9px;\n @include right(5px);\n @include icon;\n content: 'edit';\n color: var(--link-color);\n }\n\n .uri-container,\n .template {\n padding: 7px 14px;\n line-height: 18px;\n min-height: 18px;\n }\n\n .uri-container {\n position: relative;\n @include margin-right(20px);\n @include padding-right(10px);\n @include border-radius(\n var(--large-border-radius),\n 0,\n 0,\n var(--large-border-radius)\n );\n @include floatleft;\n color: var(--link-color);\n background: var(--white);\n\n &:after {\n display: block;\n content: '';\n text-indent: -100%;\n overflow: hidden;\n position: absolute;\n top: 0;\n @include right(-15px);\n width: 15px;\n height: 32px;\n background-repeat: no-repeat;\n body.ltr & {\n background-image: url(images/route-bg.png);\n }\n body.rtl & {\n background-image: url(images/route-bg_rtl.png);\n }\n }\n\n .site {\n display: inline-block;\n @include margin(-1px, 8px, -1px, 0);\n border-radius: var(--small-border-radius);\n padding: 1px 5px;\n background: var(--gray-050);\n box-shadow: inset 0 0 0 1px var(--hairline-color);\n color: var(--medium-text-color);\n }\n\n .uri .token {\n margin: 0 3px -1px;\n }\n }\n\n .template {\n color: var(--medium-text-color);\n\n &:before {\n @include icon;\n @include margin(0, 5px, 0, 0);\n content: 'template';\n }\n }\n}\n\n.route-settings {\n width: 500px;\n flex-direction: column;\n align-items: stretch;\n\n .body {\n height: calc(100% - 119px);\n overflow: auto;\n\n .uri {\n width: auto;\n cursor: text;\n\n input[type='text'] {\n box-shadow: none;\n }\n\n .token {\n cursor: default;\n\n &:focus {\n box-shadow: var(--focus-ring);\n }\n }\n }\n }\n\n .uri-tokens {\n margin-top: 10px;\n border-radius: var(--large-border-radius);\n padding: 15px 25px;\n box-shadow: inset 0 1px 3px -1px darken($grey100, 10%);\n\n h4 {\n margin-bottom: 5px;\n text-align: center;\n }\n\n .token {\n @include margin(5px, 5px, 0, 0);\n cursor: pointer;\n }\n }\n\n .delete {\n display: block;\n @include floatleft;\n margin-top: 7px;\n color: var(--disabled-color);\n }\n}\n\n@media only screen and (-webkit-min-device-pixel-ratio: 1.5),\n only screen and (-moz-min-device-pixel-ratio: 1.5),\n only screen and (-o-min-device-pixel-ratio: 3/2),\n only screen and (min-device-pixel-ratio: 1.5),\n only screen and (min-resolution: 1.5dppx) {\n .route .uri-container:after {\n background-size: 15px 32px;\n body.ltr & {\n background-image: url(images/route-bg_2x.png);\n }\n body.rtl & {\n background-image: url(images/route-bg_rtl_2x.png);\n }\n }\n}\n","$white: #fff;\n$black: #000;\n\n$grey050: hsl(212, 60%, 97%);\n$grey100: hsl(212, 50%, 93%);\n$grey200: hsl(212, 30%, 85%);\n$grey300: hsl(211, 13%, 65%);\n$grey350: hsl(211, 11%, 59%);\n$grey400: hsl(210, 10%, 53%);\n$grey500: hsl(211, 12%, 43%);\n$grey550: hsl(210, 13%, 40%);\n$grey600: hsl(209, 14%, 37%);\n$grey700: hsl(209, 18%, 30%);\n$grey800: hsl(209, 20%, 25%);\n$grey900: hsl(210, 24%, 16%);\n$grey1000: hsl(210, 24%, 10%);\n\n$blue050: #e3f8ff;\n$blue100: #b3ecff;\n$blue200: #81defd;\n$blue300: #5ed0fa;\n$blue400: #40c3f7;\n$blue500: #2bb0ed;\n$blue600: #1992d4;\n$blue700: #127fbf;\n$blue800: #0b69a3;\n$blue900: #035388;\n\n$cyan050: #e0fcff;\n$cyan100: #bef8fd;\n$cyan200: #87eaf2;\n$cyan300: #54d1db;\n$cyan400: #38bec9;\n$cyan500: #2cb1bc;\n$cyan600: #14919b;\n$cyan700: #0e7c86;\n$cyan800: #0a6c74;\n$cyan900: #044e54;\n\n$pink050: #ffe3ec;\n$pink100: #ffb8d2;\n$pink200: #ff8cba;\n$pink300: #f364a2;\n$pink400: #e8368f;\n$pink500: #da127d;\n$pink600: #bc0a6f;\n$pink700: #a30664;\n$pink800: #870557;\n$pink900: #620042;\n\n$red050: #ffe3e3;\n$red100: #ffbdbd;\n$red200: #ff9b9b;\n$red300: #f86a6a;\n$red400: #ef4e4e;\n$red500: #e12d39;\n$red600: #cf1124;\n$red700: #ab091e;\n$red800: #8a041a;\n$red900: #610316;\n\n$yellow050: #fffbea;\n$yellow100: #fff3c4;\n$yellow200: #fce588;\n$yellow300: #fadb5f;\n$yellow400: #f7c948;\n$yellow500: #f0b429;\n$yellow600: #de911d;\n$yellow700: #cb6e17;\n$yellow800: #b44d12;\n$yellow900: #8d2b0b;\n\n$teal050: #effcf6;\n$teal100: #c6f7e2;\n$teal200: #8eedc7;\n$teal300: #65d6ad;\n$teal400: #3ebd93;\n$teal500: #27ab83;\n$teal600: #199473;\n$teal700: #147d64;\n$teal800: #0c6b58;\n$teal900: #014d40;\n\n// submit button colors\n$primaryColor: $red500;\n$secondaryColor: $grey500;\n\n$inputColor: hsl(212, 25%, 50%);\n\n// text colors\n$textColor: $grey700;\n$mediumDarkTextColor: $grey550;\n$mediumTextColor: $grey550;\n$lightTextColor: $grey500;\n$linkColor: #2563eb;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $white;\n$menuOptionActiveBackgroundColor: $grey500;\n\n// hairline colors\n$hairlineColor: transparentize($grey800, 0.9);\n$mediumHairlineColor: transparentize($grey600, 0.75);\n$darkHairlineColor: transparentize($grey400, 0.5);\n\n// focus colors\n$lightFocusColor: $blue300;\n$mediumFocusColor: $blue500;\n$darkFocusColor: #0f74b1;\n\n// focus rings\n$lightFocusRing: 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing: 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing: 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey600;\n\n// alert/notice colors\n$errorColor: $red600;\n$warningColor: $yellow800;\n$successColor: $teal500;\n$noticeColor: $blue800;\n\n// UI element styles\n$smallBorderRadius: 3px;\n$mediumBorderRadius: 4px;\n$largeBorderRadius: 5px;\n\n$menuBorderRadius: $mediumBorderRadius;\n$checkboxSize: 16px;\n$radioSize: 16px;\n\n@mixin sans-serif-font {\n font-family: system-ui, BlinkMacSystemFont, -apple-system, 'Segoe UI',\n 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',\n 'Helvetica Neue', sans-serif;\n}\n\n@mixin fixed-width-font {\n font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier,\n monospace;\n font-size: 0.9em !important;\n}\n\n@function toRem($size) {\n $remValue: calc($size / 16) + rem;\n @return $remValue;\n}\n\n@mixin fontSize($size) {\n font-size: toRem($size);\n}\n\n// Other\n\n@mixin focus-styles {\n body:not(.reduce-focus-visibility) &:focus,\n body.reduce-focus-visibility &.focus-visible {\n @content;\n }\n}\n\n@mixin svg-mask($color) {\n rect,\n circle,\n ellipse,\n line,\n polyline,\n polygon,\n path,\n text {\n fill: $color;\n stroke-width: 0;\n }\n}\n\n@mixin icon {\n font-family: 'Craft';\n speak: none;\n -webkit-font-feature-settings: 'liga', 'dlig';\n -moz-font-feature-settings: 'liga=1, dlig=1';\n -moz-font-feature-settings: 'liga', 'dlig';\n -ms-font-feature-settings: 'liga', 'dlig';\n -o-font-feature-settings: 'liga', 'dlig';\n font-feature-settings: 'liga', 'dlig';\n text-rendering: optimizeLegibility;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n direction: ltr; // Fixes a rendering issue in Chrome/Win\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n\n display: inline-block;\n text-align: center;\n font-style: normal;\n vertical-align: middle;\n word-wrap: normal !important;\n user-select: none;\n\n opacity: var(--icon-opacity);\n}\n\n@mixin angle($dir: down, $color: currentColor, $width: 2px) {\n display: block;\n content: '';\n font-size: 0;\n width: 7px;\n height: 7px;\n border: solid $color;\n border-width: 0 $width $width 0;\n opacity: 0.8;\n\n @if $dir == up {\n transform: rotate(225deg);\n } @else if $dir == down {\n transform: rotate(45deg);\n } @else if $dir == left {\n body.ltr & {\n transform: rotate(135deg);\n }\n body.rtl & {\n transform: rotate(-45deg);\n }\n } @else if $dir == right {\n body.ltr & {\n transform: rotate(-45deg);\n }\n body.rtl & {\n transform: rotate(135deg);\n }\n }\n}\n\n@mixin clearafter {\n content: '';\n display: block;\n height: 0;\n clear: both;\n visibility: hidden;\n}\n\n@mixin shadow {\n box-shadow: 0 1px 5px -1px transparentize($grey900, 0.8);\n}\n\n@mixin pane {\n background: $white;\n box-shadow: 0 0 0 1px $grey200, 0 2px 12px transparentize($grey200, 0.5);\n\n &:focus {\n box-shadow: var(--focus-ring);\n }\n}\n\n@mixin modal {\n border-radius: $largeBorderRadius;\n background-color: $white;\n box-shadow: 0 25px 100px transparentize($grey900, 0.5);\n}\n\n@mixin light-on-dark-text() {\n // Make light on dark text sharp on Macs\n // (sub-pixel antialiasing looks too bold/blurry with light text on dark background)\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-weight: 500;\n}\n\n@mixin light-focus-ring() {\n --focus-ring: 0 0 0 1px hsl(var(--light-focus-hsl)),\n 0 0 0 3px hsla(var(--light-focus-hsl), 0.7);\n}\n\n@mixin two-color-focus-ring($light-button: true) {\n // Creates a two-color focus ring, with a white\n // If button is light, the dark box shadow is adjacent to the button\n // Else the light box shadow is adjacent to the button\n --light-color: var(--white);\n --dark-color: var(--gray-800);\n\n @if $light-button {\n --focus-ring: 0 0 0 3px var(--dark-color), 0 0 0 6px var(--light-color);\n } @else {\n --focus-ring: 0 0 0 3px var(--light-color), 0 0 0 6px var(--dark-color);\n }\n}\n\n// RTL stuff\n\n@mixin left($left) {\n body.ltr & {\n left: $left;\n }\n body.rtl & {\n right: $left;\n }\n}\n\n@mixin right($right) {\n body.ltr & {\n right: $right;\n }\n body.rtl & {\n left: $right;\n }\n}\n\n@mixin alignleft {\n body.ltr & {\n text-align: left;\n }\n body.rtl & {\n text-align: right;\n }\n}\n\n@mixin alignright {\n body.ltr & {\n text-align: right;\n }\n body.rtl & {\n text-align: left;\n }\n}\n\n@mixin border-left($params...) {\n body.ltr & {\n border-left: $params;\n }\n body.rtl & {\n border-right: $params;\n }\n}\n\n@mixin border-right($params...) {\n body.ltr & {\n border-right: $params;\n }\n body.rtl & {\n border-left: $params;\n }\n}\n\n@mixin border-left-width($param) {\n body.ltr & {\n border-left-width: $param;\n }\n body.rtl & {\n border-right-width: $param;\n }\n}\n\n@mixin border-right-width($param) {\n body.ltr & {\n border-right-width: $param;\n }\n body.rtl & {\n border-left-width: $param;\n }\n}\n\n@mixin border-radius($tl, $tr, $br, $bl) {\n body.ltr & {\n border-radius: $tl $tr $br $bl;\n }\n body.rtl & {\n border-radius: $tr $tl $bl $br;\n }\n}\n\n@mixin border-top-left-radius($params...) {\n body.ltr & {\n border-top-left-radius: $params;\n }\n body.rtl & {\n border-top-right-radius: $params;\n }\n}\n\n@mixin border-top-right-radius($params...) {\n body.ltr & {\n border-top-right-radius: $params;\n }\n body.rtl & {\n border-top-left-radius: $params;\n }\n}\n\n@mixin border-bottom-left-radius($params...) {\n body.ltr & {\n border-bottom-left-radius: $params;\n }\n body.rtl & {\n border-bottom-right-radius: $params;\n }\n}\n\n@mixin border-bottom-right-radius($params...) {\n body.ltr & {\n border-bottom-right-radius: $params;\n }\n body.rtl & {\n border-bottom-left-radius: $params;\n }\n}\n\n@mixin floatleft {\n body.ltr & {\n float: left;\n }\n body.rtl & {\n float: right;\n }\n}\n\n@mixin floatright {\n body.ltr & {\n float: right;\n }\n body.rtl & {\n float: left;\n }\n}\n\n@mixin margin($t, $r, $b, $l, $important: '') {\n body.ltr & {\n margin: $t $r $b $l unquote($important);\n }\n body.rtl & {\n margin: $t $l $b $r unquote($important);\n }\n}\n\n@mixin margin-left($margin...) {\n body.ltr & {\n margin-left: $margin;\n }\n body.rtl & {\n margin-right: $margin;\n }\n}\n\n@mixin margin-right($margin...) {\n body.ltr & {\n margin-right: $margin;\n }\n body.rtl & {\n margin-left: $margin;\n }\n}\n\n@mixin padding($t, $r, $b, $l, $important: '') {\n body.ltr & {\n padding: $t $r $b $l unquote($important);\n }\n body.rtl & {\n padding: $t $l $b $r unquote($important);\n }\n}\n\n@mixin padding-left($padding...) {\n body.ltr & {\n padding-left: $padding;\n }\n body.rtl & {\n padding-right: $padding;\n }\n}\n\n@mixin padding-right($padding...) {\n body.ltr & {\n padding-right: $padding;\n }\n body.rtl & {\n padding-left: $padding;\n }\n}\n\n// Misc\n\n@mixin dark-inputs {\n @include placeholder-styles($grey400);\n\n .btn,\n .select:not(.selectize) select {\n background-color: $grey200;\n\n &:focus,\n &:hover {\n background-color: darken($grey200, 5%);\n }\n\n &:active,\n &.active {\n background-color: darken($grey200, 10%);\n }\n }\n\n .text {\n background-color: $grey200;\n\n &:focus {\n background-color: darken($grey200, 5%);\n }\n }\n}\n\n@mixin header-btn {\n width: 30px;\n height: 30px;\n padding-left: 0;\n padding-right: 0;\n\n &:not(:hover):not(:active):not(.active) {\n background-color: transparent;\n }\n &:not(:active):not(.active):hover {\n background-color: transparentize($grey300, 0.85);\n }\n}\n\n@mixin h6-styles {\n margin: 14px 0 3px;\n font-size: 11px;\n line-height: 1.2;\n color: $lightTextColor;\n text-transform: uppercase;\n}\n\n@mixin token-styles {\n display: inline-block;\n border-radius: $smallBorderRadius;\n padding: 3px 7px;\n font-size: 12px;\n line-height: 14px;\n color: $textColor;\n background-color: $grey100;\n}\n\n@mixin active-token-styles {\n background-color: $grey200;\n}\n\n@mixin menu-styles {\n z-index: 100;\n border-radius: $menuBorderRadius;\n padding: 0 14px;\n overflow: auto;\n background: $white;\n user-select: none;\n box-shadow: 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-option-styles {\n margin: 0 -14px;\n padding: 10px 14px;\n color: $menuOptionColor;\n text-decoration: none;\n white-space: nowrap;\n}\n\n@mixin menu-option-active-styles {\n color: $menuOptionActiveColor;\n background-color: $menuOptionActiveBackgroundColor;\n}\n\n@mixin disclosure-link-hover-styles {\n color: $menuOptionColor;\n background-color: $grey050;\n}\n\n@mixin input-styles {\n border-radius: $smallBorderRadius;\n border: 1px solid transparentize($inputColor, 0.75);\n background-color: hsl(212, 50%, 99%);\n background-clip: padding-box;\n}\n\n@mixin input-focused-styles {\n box-shadow: var(--focus-ring);\n}\n\n@mixin placeholder-styles($color) {\n ::-webkit-input-placeholder {\n color: $color;\n }\n\n input:-ms-input-placeholder {\n color: $color;\n }\n\n ::-ms-input-placeholder {\n color: $color;\n }\n\n :-moz-placeholder {\n color: $color;\n }\n\n ::-moz-placeholder {\n color: $color;\n }\n\n ::placeholder {\n color: $color;\n }\n}\n\n@mixin select-styles {\n position: relative;\n border-radius: $largeBorderRadius;\n white-space: nowrap;\n}\n\n@mixin select-container-styles {\n max-width: 100%;\n position: relative;\n :not(.flex) > & {\n display: inline-block;\n }\n}\n\n@mixin select-arrow-styles {\n @include angle;\n position: absolute;\n z-index: 1;\n top: calc(50% - 5px);\n @include right(9px);\n user-select: none;\n pointer-events: none;\n}\n\n@mixin select-input-styles {\n display: block;\n position: relative;\n max-width: 100%;\n border: none;\n @include padding(7px, 22px, 7px, 10px);\n font-size: 14px;\n line-height: 20px;\n color: $textColor;\n background-color: hsl(212, 25%, 90%);\n appearance: none;\n // from https://stackoverflow.com/a/15933790/1688568\n &::-ms-expand {\n display: none;\n }\n}\n\n@mixin select-input-fullwidth-styles {\n min-width: 100%;\n}\n\n@mixin select-input-focused-styles {\n outline-color: transparent;\n background-color: hsl(212, 25%, 85%);\n box-shadow: var(--focus-ring);\n}\n\n@mixin touch-target {\n height: var(--touch-target-size);\n width: var(--touch-target-size);\n}\n\n@mixin visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: 0;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\n@mixin readable {\n font-size: 16px;\n line-height: 22px;\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6 {\n font-size: 13.6px;\n line-height: 17px;\n color: $mediumTextColor;\n }\n\n ul,\n ol {\n margin: 1em 0;\n @include padding-left(2em);\n }\n\n ul li {\n list-style-type: disc;\n }\n\n li + li {\n margin-top: 0.25em;\n }\n\n blockquote {\n margin: 16px 0;\n\n &:not(.note) {\n padding: 0 16px;\n color: $mediumTextColor;\n @include border-left(4px solid $hairlineColor);\n }\n\n &.note {\n position: relative;\n border-radius: 4px;\n padding: 1em;\n @include padding-left(56px);\n border: 1px solid;\n\n &:not(.tip):not(.warning) {\n border-color: $errorColor;\n color: #bf503f;\n\n &:before {\n content: 'alert';\n color: $errorColor;\n }\n }\n\n &.tip {\n border-color: $linkColor;\n color: $mediumTextColor;\n\n &:before {\n content: 'lightbulb';\n color: $linkColor;\n }\n }\n\n &.warning {\n border-color: $warningColor;\n color: #cf783a;\n\n &:before {\n content: 'alert';\n color: $warningColor;\n }\n }\n\n &:before {\n @include icon;\n position: absolute;\n top: 12px;\n @include left(16px);\n font-size: 30px;\n width: 24px;\n }\n }\n }\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"css/routes.css","mappings":"AAGA,QACE,kBAGF,OCiQE,eAxQM,CDaN,iCADA,yCC6PA,6DD3PA,eAJA,cACA,UAFA,iBAKA,CC6PA,aACE,6BD5PF,mBCkLA,WACA,4CAGA,wCACA,uCACA,oCACA,kCAMA,mCACA,kCAMA,2BDhME,wBADA,eCyLF,cAIA,qBAjBA,kBAmBA,kBATA,oBADA,gBAGA,cAYA,4BDxME,kBCkMF,kBAPA,oBD1LE,QCqMF,0CAFA,qBD/LE,CCuSF,4BACE,SD3Se,CC6SjB,4BACE,QD9Se,CAMjB,uCAGE,iBACA,gBAFA,gBAEA,CAGF,sBAYE,wBADA,wBAVA,iBAWA,CCiaF,+BACE,iBD5aA,CC8aF,+BACE,gBD/aA,CCscF,+BACE,kBDtcA,CCwcF,+BACE,iBDzcA,CCyVF,+BACE,wEAEF,+BACE,wEAyCF,+BACE,WAEF,+BACE,YD/XA,4BAUE,4BARA,WADA,cAQA,YALA,gBACA,kBAFA,kBAGA,MAEA,UAEA,CCqQJ,qCACE,WDzQiB,CC2QnB,qCACE,UD5QiB,CAIf,qCACE,kFAEF,gDACE,6BAOF,0BAEA,CAJA,wCAEA,CAEA,gDACA,+BACA,CAPF,oBACE,CAEA,eAIA,sCCmXJ,sBACE,sCAEF,sBACE,mCDpXA,mCACE,8BAKF,yBCgHF,sDAEA,wCAGA,uCACA,oCACA,kCACA,CAIA,kCAEA,kCACA,CAKA,0BACA,CAGA,mBAbA,aACA,CAGA,oBAEA,CD/HE,kBC+HF,iBACA,CAVA,mBACA,CADA,gBAGA,cAWA,2BAEA,CAPA,kBAPA,oBAWA,wBACA,kBAJA,qBAMA,kCAkOA,kDAGA,iCDjWA,2BACA,qBAHF,6BAEE,uBCkWE,WDjWF,uBAEA,yBACE,0CAGA,WACE,CADF,UACE,6CAGA,kDAIA,uDAGE,4BACE,6BAMR,wCAEE,wCAEA,CAJF,gBAEE,iBAEA,gCAEA,mCACE,oCAIF,2DC0TF,+DAGA,2CDtTE,2BAGA,CAJF,4BAIE,kCC8RF,4CAGA,gQD7RF,4BAKE,4BACE,gEACA,+CACE,sCAEF,mDACE","sources":["webpack:///./routes.scss","webpack:///../../../../../packages/craftcms-sass/_mixins.scss"],"sourcesContent":["@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\n#routes {\n margin: 0 1px 25px;\n}\n\n.route {\n @include pane;\n position: relative;\n margin: 14px 0;\n padding: 0;\n border-radius: var(--large-border-radius);\n background-color: var(--gray-050);\n cursor: pointer;\n\n &:hover:after {\n position: absolute;\n top: 9px;\n @include right(5px);\n @include icon;\n content: 'edit';\n color: var(--link-color);\n }\n\n .uri-container,\n .template {\n padding: 7px 14px;\n line-height: 18px;\n min-height: 18px;\n }\n\n .uri-container {\n position: relative;\n @include margin-right(20px);\n @include padding-right(10px);\n @include border-radius(\n var(--large-border-radius),\n 0,\n 0,\n var(--large-border-radius)\n );\n @include floatleft;\n color: var(--link-color);\n background: var(--white);\n\n &:after {\n display: block;\n content: '';\n text-indent: -100%;\n overflow: hidden;\n position: absolute;\n top: 0;\n @include right(-15px);\n width: 15px;\n height: 32px;\n background-repeat: no-repeat;\n body.ltr & {\n background-image: url(images/route-bg.png);\n }\n body.rtl & {\n background-image: url(images/route-bg_rtl.png);\n }\n }\n\n .site {\n display: inline-block;\n @include margin(-1px, 8px, -1px, 0);\n border-radius: var(--small-border-radius);\n padding: 1px 5px;\n background: var(--gray-050);\n box-shadow: inset 0 0 0 1px var(--hairline-color);\n color: var(--medium-text-color);\n }\n\n .uri .token {\n margin: 0 3px -1px;\n }\n }\n\n .template {\n color: var(--medium-text-color);\n\n &:before {\n @include icon;\n @include margin(0, 5px, 0, 0);\n content: 'template';\n }\n }\n}\n\n.route-settings {\n width: 500px;\n flex-direction: column;\n align-items: stretch;\n\n .body {\n height: calc(100% - 119px);\n overflow: auto;\n\n .uri {\n width: auto;\n cursor: text;\n\n input[type='text'] {\n box-shadow: none;\n }\n\n .token {\n cursor: default;\n\n &:focus {\n box-shadow: var(--focus-ring);\n }\n }\n }\n }\n\n .uri-tokens {\n margin-top: 10px;\n border-radius: var(--large-border-radius);\n padding: 15px 25px;\n box-shadow: inset 0 1px 3px -1px darken($grey100, 10%);\n\n h4 {\n margin-bottom: 5px;\n text-align: center;\n }\n\n .token {\n @include margin(5px, 5px, 0, 0);\n cursor: pointer;\n }\n }\n\n .delete {\n display: block;\n @include floatleft;\n margin-top: 7px;\n color: var(--disabled-color);\n }\n}\n\n@media only screen and (-webkit-min-device-pixel-ratio: 1.5),\n only screen and (-moz-min-device-pixel-ratio: 1.5),\n only screen and (-o-min-device-pixel-ratio: 3/2),\n only screen and (min-device-pixel-ratio: 1.5),\n only screen and (min-resolution: 1.5dppx) {\n .route .uri-container:after {\n background-size: 15px 32px;\n body.ltr & {\n background-image: url(images/route-bg_2x.png);\n }\n body.rtl & {\n background-image: url(images/route-bg_rtl_2x.png);\n }\n }\n}\n","$white: #fff;\n$black: #000;\n\n$grey050: hsl(212, 60%, 97%);\n$grey100: hsl(212, 50%, 93%);\n$grey200: hsl(212, 30%, 85%);\n$grey300: hsl(211, 13%, 65%);\n$grey350: hsl(211, 11%, 59%);\n$grey400: hsl(210, 10%, 53%);\n$grey500: hsl(211, 12%, 43%);\n$grey550: hsl(210, 13%, 40%);\n$grey600: hsl(209, 14%, 37%);\n$grey700: hsl(209, 18%, 30%);\n$grey800: hsl(209, 20%, 25%);\n$grey900: hsl(210, 24%, 16%);\n$grey1000: hsl(210, 24%, 10%);\n\n$blue050: #e3f8ff;\n$blue100: #b3ecff;\n$blue200: #81defd;\n$blue300: #5ed0fa;\n$blue400: #40c3f7;\n$blue500: #2bb0ed;\n$blue600: #1992d4;\n$blue700: #127fbf;\n$blue800: #0b69a3;\n$blue900: #035388;\n\n$cyan050: #e0fcff;\n$cyan100: #bef8fd;\n$cyan200: #87eaf2;\n$cyan300: #54d1db;\n$cyan400: #38bec9;\n$cyan500: #2cb1bc;\n$cyan600: #14919b;\n$cyan700: #0e7c86;\n$cyan800: #0a6c74;\n$cyan900: #044e54;\n\n$pink050: #ffe3ec;\n$pink100: #ffb8d2;\n$pink200: #ff8cba;\n$pink300: #f364a2;\n$pink400: #e8368f;\n$pink500: #da127d;\n$pink600: #bc0a6f;\n$pink700: #a30664;\n$pink800: #870557;\n$pink900: #620042;\n\n$red050: #ffe3e3;\n$red100: #ffbdbd;\n$red200: #ff9b9b;\n$red300: #f86a6a;\n$red400: #ef4e4e;\n$red500: #e12d39;\n$red600: #cf1124;\n$red700: #ab091e;\n$red800: #8a041a;\n$red900: #610316;\n\n$yellow050: #fffbea;\n$yellow100: #fff3c4;\n$yellow200: #fce588;\n$yellow300: #fadb5f;\n$yellow400: #f7c948;\n$yellow500: #f0b429;\n$yellow600: #de911d;\n$yellow700: #cb6e17;\n$yellow800: #b44d12;\n$yellow900: #8d2b0b;\n\n$teal050: #effcf6;\n$teal100: #c6f7e2;\n$teal200: #8eedc7;\n$teal300: #65d6ad;\n$teal400: #3ebd93;\n$teal500: #27ab83;\n$teal600: #199473;\n$teal700: #147d64;\n$teal800: #0c6b58;\n$teal900: #014d40;\n\n// submit button colors\n$primaryColor: $red500;\n$secondaryColor: $grey500;\n\n$inputColor: hsl(212, 25%, 50%);\n\n// text colors\n$textColor: $grey700;\n$mediumDarkTextColor: $grey550;\n$mediumTextColor: $grey550;\n$lightTextColor: $grey500;\n$linkColor: #2563eb;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $white;\n$menuOptionActiveBackgroundColor: $grey500;\n\n// hairline colors\n$hairlineColor: transparentize($grey800, 0.9);\n$mediumHairlineColor: transparentize($grey600, 0.75);\n$darkHairlineColor: transparentize($grey400, 0.5);\n\n// focus colors\n$lightFocusColor: $blue300;\n$mediumFocusColor: $blue500;\n$darkFocusColor: #0f74b1;\n\n// focus rings\n$lightFocusRing: 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing: 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing: 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey600;\n\n// alert/notice colors\n$errorColor: $red600;\n$warningColor: $yellow800;\n$successColor: $teal500;\n$noticeColor: $blue800;\n\n// UI element styles\n$smallBorderRadius: 3px;\n$mediumBorderRadius: 4px;\n$largeBorderRadius: 5px;\n\n$menuBorderRadius: $mediumBorderRadius;\n$checkboxSize: 16px;\n$radioSize: 16px;\n\n@mixin sans-serif-font {\n font-family: system-ui, BlinkMacSystemFont, -apple-system, 'Segoe UI',\n 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',\n 'Helvetica Neue', sans-serif;\n}\n\n@mixin fixed-width-font {\n font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier,\n monospace;\n font-size: 0.9em !important;\n}\n\n@function toRem($values...) {\n $max: length($values);\n $remValues: '';\n\n @for $i from 1 through $max {\n $remValues: #{$remValues + calc(nth($values, $i) / 16)}rem;\n\n @if $i < $max {\n $remValues: #{$remValues + ' '};\n }\n }\n\n @return $remValues;\n}\n\n@mixin fontSize($size) {\n font-size: toRem($size);\n}\n\n// Other\n\n@mixin focus-styles {\n body:not(.reduce-focus-visibility) &:focus,\n body.reduce-focus-visibility &.focus-visible {\n @content;\n }\n}\n\n@mixin svg-mask($color) {\n rect,\n circle,\n ellipse,\n line,\n polyline,\n polygon,\n path,\n text {\n fill: $color;\n stroke-width: 0;\n }\n}\n\n@mixin icon {\n font-family: 'Craft';\n speak: none;\n -webkit-font-feature-settings: 'liga', 'dlig';\n -moz-font-feature-settings: 'liga=1, dlig=1';\n -moz-font-feature-settings: 'liga', 'dlig';\n -ms-font-feature-settings: 'liga', 'dlig';\n -o-font-feature-settings: 'liga', 'dlig';\n font-feature-settings: 'liga', 'dlig';\n text-rendering: optimizeLegibility;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n direction: ltr; // Fixes a rendering issue in Chrome/Win\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n\n display: inline-block;\n text-align: center;\n font-style: normal;\n vertical-align: middle;\n word-wrap: normal !important;\n user-select: none;\n\n opacity: var(--icon-opacity);\n}\n\n@mixin angle($dir: down, $color: currentColor, $width: 2px) {\n display: block;\n content: '';\n font-size: 0;\n width: 7px;\n height: 7px;\n border: solid $color;\n border-width: 0 $width $width 0;\n opacity: 0.8;\n\n @if $dir == up {\n transform: rotate(225deg);\n } @else if $dir == down {\n transform: rotate(45deg);\n } @else if $dir == left {\n body.ltr & {\n transform: rotate(135deg);\n }\n body.rtl & {\n transform: rotate(-45deg);\n }\n } @else if $dir == right {\n body.ltr & {\n transform: rotate(-45deg);\n }\n body.rtl & {\n transform: rotate(135deg);\n }\n }\n}\n\n@mixin clearafter {\n content: '';\n display: block;\n height: 0;\n clear: both;\n visibility: hidden;\n}\n\n@mixin shadow {\n box-shadow: 0 1px 5px -1px transparentize($grey900, 0.8);\n}\n\n@mixin pane {\n background: $white;\n box-shadow: 0 0 0 1px $grey200, 0 2px 12px transparentize($grey200, 0.5);\n\n &:focus {\n box-shadow: var(--focus-ring);\n }\n}\n\n@mixin modal {\n border-radius: $largeBorderRadius;\n background-color: $white;\n box-shadow: 0 25px 100px transparentize($grey900, 0.5);\n}\n\n@mixin light-on-dark-text() {\n // Make light on dark text sharp on Macs\n // (sub-pixel antialiasing looks too bold/blurry with light text on dark background)\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-weight: 500;\n}\n\n@mixin light-focus-ring() {\n --focus-ring: 0 0 0 1px hsl(var(--light-focus-hsl)),\n 0 0 0 3px hsla(var(--light-focus-hsl), 0.7);\n}\n\n@mixin two-color-focus-ring($light-button: true) {\n // Creates a two-color focus ring, with a white\n // If button is light, the dark box shadow is adjacent to the button\n // Else the light box shadow is adjacent to the button\n --light-color: var(--white);\n --dark-color: var(--gray-800);\n\n @if $light-button {\n --focus-ring: 0 0 0 3px var(--dark-color), 0 0 0 6px var(--light-color);\n } @else {\n --focus-ring: 0 0 0 3px var(--light-color), 0 0 0 6px var(--dark-color);\n }\n}\n\n// RTL stuff\n\n@mixin left($left) {\n body.ltr & {\n left: $left;\n }\n body.rtl & {\n right: $left;\n }\n}\n\n@mixin right($right) {\n body.ltr & {\n right: $right;\n }\n body.rtl & {\n left: $right;\n }\n}\n\n@mixin alignleft {\n body.ltr & {\n text-align: left;\n }\n body.rtl & {\n text-align: right;\n }\n}\n\n@mixin alignright {\n body.ltr & {\n text-align: right;\n }\n body.rtl & {\n text-align: left;\n }\n}\n\n@mixin border-left($params...) {\n body.ltr & {\n border-left: $params;\n }\n body.rtl & {\n border-right: $params;\n }\n}\n\n@mixin border-right($params...) {\n body.ltr & {\n border-right: $params;\n }\n body.rtl & {\n border-left: $params;\n }\n}\n\n@mixin border-left-width($param) {\n body.ltr & {\n border-left-width: $param;\n }\n body.rtl & {\n border-right-width: $param;\n }\n}\n\n@mixin border-right-width($param) {\n body.ltr & {\n border-right-width: $param;\n }\n body.rtl & {\n border-left-width: $param;\n }\n}\n\n@mixin border-radius($tl, $tr, $br, $bl) {\n body.ltr & {\n border-radius: $tl $tr $br $bl;\n }\n body.rtl & {\n border-radius: $tr $tl $bl $br;\n }\n}\n\n@mixin border-top-left-radius($params...) {\n body.ltr & {\n border-top-left-radius: $params;\n }\n body.rtl & {\n border-top-right-radius: $params;\n }\n}\n\n@mixin border-top-right-radius($params...) {\n body.ltr & {\n border-top-right-radius: $params;\n }\n body.rtl & {\n border-top-left-radius: $params;\n }\n}\n\n@mixin border-bottom-left-radius($params...) {\n body.ltr & {\n border-bottom-left-radius: $params;\n }\n body.rtl & {\n border-bottom-right-radius: $params;\n }\n}\n\n@mixin border-bottom-right-radius($params...) {\n body.ltr & {\n border-bottom-right-radius: $params;\n }\n body.rtl & {\n border-bottom-left-radius: $params;\n }\n}\n\n@mixin floatleft {\n body.ltr & {\n float: left;\n }\n body.rtl & {\n float: right;\n }\n}\n\n@mixin floatright {\n body.ltr & {\n float: right;\n }\n body.rtl & {\n float: left;\n }\n}\n\n@mixin margin($t, $r, $b, $l, $important: '') {\n body.ltr & {\n margin: $t $r $b $l unquote($important);\n }\n body.rtl & {\n margin: $t $l $b $r unquote($important);\n }\n}\n\n@mixin margin-left($margin...) {\n body.ltr & {\n margin-left: $margin;\n }\n body.rtl & {\n margin-right: $margin;\n }\n}\n\n@mixin margin-right($margin...) {\n body.ltr & {\n margin-right: $margin;\n }\n body.rtl & {\n margin-left: $margin;\n }\n}\n\n@mixin padding($t, $r, $b, $l, $important: '') {\n body.ltr & {\n padding: $t $r $b $l unquote($important);\n }\n body.rtl & {\n padding: $t $l $b $r unquote($important);\n }\n}\n\n@mixin padding-left($padding...) {\n body.ltr & {\n padding-left: $padding;\n }\n body.rtl & {\n padding-right: $padding;\n }\n}\n\n@mixin padding-right($padding...) {\n body.ltr & {\n padding-right: $padding;\n }\n body.rtl & {\n padding-left: $padding;\n }\n}\n\n// Misc\n\n@mixin dark-inputs {\n @include placeholder-styles($grey400);\n\n .btn,\n .select:not(.selectize) select {\n background-color: $grey200;\n\n &:focus,\n &:hover {\n background-color: darken($grey200, 5%);\n }\n\n &:active,\n &.active {\n background-color: darken($grey200, 10%);\n }\n }\n\n .text {\n background-color: $grey200;\n\n &:focus {\n background-color: darken($grey200, 5%);\n }\n }\n}\n\n@mixin header-btn {\n width: 30px;\n height: 30px;\n padding-left: 0;\n padding-right: 0;\n\n &:not(:hover):not(:active):not(.active) {\n background-color: transparent;\n }\n &:not(:active):not(.active):hover {\n background-color: transparentize($grey300, 0.85);\n }\n}\n\n@mixin h6-styles {\n margin: 14px 0 3px;\n font-size: 11px;\n line-height: 1.2;\n color: $lightTextColor;\n text-transform: uppercase;\n}\n\n@mixin token-styles {\n display: inline-block;\n border-radius: $smallBorderRadius;\n padding: 3px 7px;\n font-size: 12px;\n line-height: 14px;\n color: $textColor;\n background-color: $grey100;\n}\n\n@mixin active-token-styles {\n background-color: $grey200;\n}\n\n@mixin menu-styles {\n z-index: 100;\n border-radius: $menuBorderRadius;\n padding: 0 14px;\n overflow: auto;\n background: $white;\n user-select: none;\n box-shadow: 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-option-styles {\n margin: 0 -14px;\n padding: 10px 14px;\n color: $menuOptionColor;\n text-decoration: none;\n white-space: nowrap;\n}\n\n@mixin menu-option-active-styles {\n color: $menuOptionActiveColor;\n background-color: $menuOptionActiveBackgroundColor;\n}\n\n@mixin disclosure-link-hover-styles {\n color: $menuOptionColor;\n background-color: $grey050;\n}\n\n@mixin input-styles {\n border-radius: $smallBorderRadius;\n border: 1px solid transparentize($inputColor, 0.75);\n background-color: hsl(212, 50%, 99%);\n background-clip: padding-box;\n}\n\n@mixin input-focused-styles {\n box-shadow: var(--focus-ring);\n}\n\n@mixin placeholder-styles($color) {\n input::-webkit-input-placeholder,\n textarea::-webkit-input-placeholder {\n color: $color;\n }\n\n input:-ms-input-placeholder,\n textarea:-ms-input-placeholder {\n color: $color;\n }\n\n input::-ms-input-placeholder,\n textarea::-ms-input-placeholder {\n color: $color;\n }\n\n input:-moz-placeholder,\n textarea:-moz-placeholder {\n color: $color;\n }\n\n input::-moz-placeholder,\n textarea::-moz-placeholder {\n color: $color;\n }\n\n input::placeholder,\n textarea::placeholder {\n color: $color;\n }\n}\n\n@mixin select-styles {\n position: relative;\n border-radius: $largeBorderRadius;\n white-space: nowrap;\n}\n\n@mixin select-container-styles {\n max-width: 100%;\n position: relative;\n :not(.flex) > & {\n display: inline-block;\n }\n}\n\n@mixin select-arrow-styles {\n @include angle;\n position: absolute;\n z-index: 1;\n top: calc(50% - 5px);\n @include right(9px);\n user-select: none;\n pointer-events: none;\n}\n\n@mixin select-input-styles {\n display: block;\n position: relative;\n max-width: 100%;\n border: none;\n @include padding(7px, 22px, 7px, 10px);\n font-size: 14px;\n line-height: 20px;\n color: $textColor;\n background-color: hsl(212, 25%, 90%);\n appearance: none;\n // from https://stackoverflow.com/a/15933790/1688568\n &::-ms-expand {\n display: none;\n }\n}\n\n@mixin select-input-fullwidth-styles {\n min-width: 100%;\n}\n\n@mixin select-input-focused-styles {\n outline-color: transparent;\n background-color: hsl(212, 25%, 85%);\n box-shadow: var(--focus-ring);\n}\n\n@mixin touch-target {\n height: var(--touch-target-size);\n width: var(--touch-target-size);\n}\n\n@mixin visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: 0;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\n@mixin readable {\n font-size: 16px;\n line-height: 22px;\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6 {\n font-size: 13.6px;\n line-height: 17px;\n color: $mediumTextColor;\n }\n\n ul,\n ol {\n margin: 1em 0;\n @include padding-left(2em);\n }\n\n ul li {\n list-style-type: disc;\n }\n\n li + li {\n margin-top: 0.25em;\n }\n\n blockquote {\n margin: 16px 0;\n\n &:not(.note) {\n padding: 0 16px;\n color: $mediumTextColor;\n @include border-left(4px solid $hairlineColor);\n }\n\n &.note {\n position: relative;\n border-radius: 4px;\n padding: 1em;\n @include padding-left(56px);\n border: 1px solid;\n\n &:not(.tip):not(.warning) {\n border-color: $errorColor;\n color: #bf503f;\n\n &:before {\n content: 'alert';\n color: $errorColor;\n }\n }\n\n &.tip {\n border-color: $linkColor;\n color: $mediumTextColor;\n\n &:before {\n content: 'lightbulb';\n color: $linkColor;\n }\n }\n\n &.warning {\n border-color: $warningColor;\n color: #cf783a;\n\n &:before {\n content: 'alert';\n color: $warningColor;\n }\n }\n\n &:before {\n @include icon;\n position: absolute;\n top: 12px;\n @include left(16px);\n font-size: 30px;\n width: 24px;\n }\n }\n }\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/src/web/assets/systemmessages/dist/css/system_messages.css.map b/src/web/assets/systemmessages/dist/css/system_messages.css.map
index 53f8ddac607..37486ebca7c 100644
--- a/src/web/assets/systemmessages/dist/css/system_messages.css.map
+++ b/src/web/assets/systemmessages/dist/css/system_messages.css.map
@@ -1 +1 @@
-{"version":3,"file":"css/system_messages.css","mappings":"AAGA,SAEE,eADA,iBACA,CCydA,wBACE,kBDvdA,CCydF,wBACE,iBD1dA,CAEA,qBC8KF,WACA,4CAGA,wCACA,uCACA,oCACA,kCAMA,mCACA,kCAMA,2BD5LI,wBADA,eCqLJ,cAIA,qBAjBA,kBAmBA,kBATA,oBADA,gBAGA,cAYA,4BDpMI,kBC8LJ,kBAPA,oBDtLI,SCiMJ,0CAFA,qBD3LI,CCmSJ,8BACE,UDvSiB,CCySnB,8BACE,SD1SiB,CAOnB,kBAEE,gCACA,mBAFA,mBAEA,CAGF,eAIE,+BADA,8BAFA,eACA,gBAEA,CAIJ,kBACE,YAEA,iCACE,SAGF,wBACE,0BACA","sources":["webpack:///./system_messages.scss","webpack:///../../../../../packages/craftcms-sass/_mixins.scss"],"sourcesContent":["@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\n.message {\n position: relative;\n cursor: pointer;\n\n &:hover {\n @include padding-right(26px);\n\n &:after {\n position: absolute;\n top: 18px;\n @include right(15px);\n @include icon;\n content: 'edit';\n color: var(--link-color);\n }\n }\n\n .subject {\n padding-bottom: 15px;\n border-bottom: 1px solid #dbdbdb;\n margin-bottom: 15px;\n }\n\n .body {\n font-size: 12px;\n line-height: 16px;\n font-family: Courier, monospace;\n color: var(--medium-text-color);\n }\n}\n\n.message-settings {\n width: 500px;\n\n .header .right {\n top: 12px;\n }\n\n .body {\n height: calc(100% - 131px);\n overflow: auto;\n }\n}\n","$white: #fff;\n$black: #000;\n\n$grey050: hsl(212, 60%, 97%);\n$grey100: hsl(212, 50%, 93%);\n$grey200: hsl(212, 30%, 85%);\n$grey300: hsl(211, 13%, 65%);\n$grey350: hsl(211, 11%, 59%);\n$grey400: hsl(210, 10%, 53%);\n$grey500: hsl(211, 12%, 43%);\n$grey550: hsl(210, 13%, 40%);\n$grey600: hsl(209, 14%, 37%);\n$grey700: hsl(209, 18%, 30%);\n$grey800: hsl(209, 20%, 25%);\n$grey900: hsl(210, 24%, 16%);\n$grey1000: hsl(210, 24%, 10%);\n\n$blue050: #e3f8ff;\n$blue100: #b3ecff;\n$blue200: #81defd;\n$blue300: #5ed0fa;\n$blue400: #40c3f7;\n$blue500: #2bb0ed;\n$blue600: #1992d4;\n$blue700: #127fbf;\n$blue800: #0b69a3;\n$blue900: #035388;\n\n$cyan050: #e0fcff;\n$cyan100: #bef8fd;\n$cyan200: #87eaf2;\n$cyan300: #54d1db;\n$cyan400: #38bec9;\n$cyan500: #2cb1bc;\n$cyan600: #14919b;\n$cyan700: #0e7c86;\n$cyan800: #0a6c74;\n$cyan900: #044e54;\n\n$pink050: #ffe3ec;\n$pink100: #ffb8d2;\n$pink200: #ff8cba;\n$pink300: #f364a2;\n$pink400: #e8368f;\n$pink500: #da127d;\n$pink600: #bc0a6f;\n$pink700: #a30664;\n$pink800: #870557;\n$pink900: #620042;\n\n$red050: #ffe3e3;\n$red100: #ffbdbd;\n$red200: #ff9b9b;\n$red300: #f86a6a;\n$red400: #ef4e4e;\n$red500: #e12d39;\n$red600: #cf1124;\n$red700: #ab091e;\n$red800: #8a041a;\n$red900: #610316;\n\n$yellow050: #fffbea;\n$yellow100: #fff3c4;\n$yellow200: #fce588;\n$yellow300: #fadb5f;\n$yellow400: #f7c948;\n$yellow500: #f0b429;\n$yellow600: #de911d;\n$yellow700: #cb6e17;\n$yellow800: #b44d12;\n$yellow900: #8d2b0b;\n\n$teal050: #effcf6;\n$teal100: #c6f7e2;\n$teal200: #8eedc7;\n$teal300: #65d6ad;\n$teal400: #3ebd93;\n$teal500: #27ab83;\n$teal600: #199473;\n$teal700: #147d64;\n$teal800: #0c6b58;\n$teal900: #014d40;\n\n// submit button colors\n$primaryColor: $red500;\n$secondaryColor: $grey500;\n\n$inputColor: hsl(212, 25%, 50%);\n\n// text colors\n$textColor: $grey700;\n$mediumDarkTextColor: $grey550;\n$mediumTextColor: $grey550;\n$lightTextColor: $grey500;\n$linkColor: #2563eb;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $white;\n$menuOptionActiveBackgroundColor: $grey500;\n\n// hairline colors\n$hairlineColor: transparentize($grey800, 0.9);\n$mediumHairlineColor: transparentize($grey600, 0.75);\n$darkHairlineColor: transparentize($grey400, 0.5);\n\n// focus colors\n$lightFocusColor: $blue300;\n$mediumFocusColor: $blue500;\n$darkFocusColor: #0f74b1;\n\n// focus rings\n$lightFocusRing: 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing: 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing: 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey600;\n\n// alert/notice colors\n$errorColor: $red600;\n$warningColor: $yellow800;\n$successColor: $teal500;\n$noticeColor: $blue800;\n\n// UI element styles\n$smallBorderRadius: 3px;\n$mediumBorderRadius: 4px;\n$largeBorderRadius: 5px;\n\n$menuBorderRadius: $mediumBorderRadius;\n$checkboxSize: 16px;\n$radioSize: 16px;\n\n@mixin sans-serif-font {\n font-family: system-ui, BlinkMacSystemFont, -apple-system, 'Segoe UI',\n 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',\n 'Helvetica Neue', sans-serif;\n}\n\n@mixin fixed-width-font {\n font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier,\n monospace;\n font-size: 0.9em !important;\n}\n\n@function toRem($size) {\n $remValue: calc($size / 16) + rem;\n @return $remValue;\n}\n\n@mixin fontSize($size) {\n font-size: toRem($size);\n}\n\n// Other\n\n@mixin focus-styles {\n body:not(.reduce-focus-visibility) &:focus,\n body.reduce-focus-visibility &.focus-visible {\n @content;\n }\n}\n\n@mixin svg-mask($color) {\n rect,\n circle,\n ellipse,\n line,\n polyline,\n polygon,\n path,\n text {\n fill: $color;\n stroke-width: 0;\n }\n}\n\n@mixin icon {\n font-family: 'Craft';\n speak: none;\n -webkit-font-feature-settings: 'liga', 'dlig';\n -moz-font-feature-settings: 'liga=1, dlig=1';\n -moz-font-feature-settings: 'liga', 'dlig';\n -ms-font-feature-settings: 'liga', 'dlig';\n -o-font-feature-settings: 'liga', 'dlig';\n font-feature-settings: 'liga', 'dlig';\n text-rendering: optimizeLegibility;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n direction: ltr; // Fixes a rendering issue in Chrome/Win\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n\n display: inline-block;\n text-align: center;\n font-style: normal;\n vertical-align: middle;\n word-wrap: normal !important;\n user-select: none;\n\n opacity: var(--icon-opacity);\n}\n\n@mixin angle($dir: down, $color: currentColor, $width: 2px) {\n display: block;\n content: '';\n font-size: 0;\n width: 7px;\n height: 7px;\n border: solid $color;\n border-width: 0 $width $width 0;\n opacity: 0.8;\n\n @if $dir == up {\n transform: rotate(225deg);\n } @else if $dir == down {\n transform: rotate(45deg);\n } @else if $dir == left {\n body.ltr & {\n transform: rotate(135deg);\n }\n body.rtl & {\n transform: rotate(-45deg);\n }\n } @else if $dir == right {\n body.ltr & {\n transform: rotate(-45deg);\n }\n body.rtl & {\n transform: rotate(135deg);\n }\n }\n}\n\n@mixin clearafter {\n content: '';\n display: block;\n height: 0;\n clear: both;\n visibility: hidden;\n}\n\n@mixin shadow {\n box-shadow: 0 1px 5px -1px transparentize($grey900, 0.8);\n}\n\n@mixin pane {\n background: $white;\n box-shadow: 0 0 0 1px $grey200, 0 2px 12px transparentize($grey200, 0.5);\n\n &:focus {\n box-shadow: var(--focus-ring);\n }\n}\n\n@mixin modal {\n border-radius: $largeBorderRadius;\n background-color: $white;\n box-shadow: 0 25px 100px transparentize($grey900, 0.5);\n}\n\n@mixin light-on-dark-text() {\n // Make light on dark text sharp on Macs\n // (sub-pixel antialiasing looks too bold/blurry with light text on dark background)\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-weight: 500;\n}\n\n@mixin light-focus-ring() {\n --focus-ring: 0 0 0 1px hsl(var(--light-focus-hsl)),\n 0 0 0 3px hsla(var(--light-focus-hsl), 0.7);\n}\n\n@mixin two-color-focus-ring($light-button: true) {\n // Creates a two-color focus ring, with a white\n // If button is light, the dark box shadow is adjacent to the button\n // Else the light box shadow is adjacent to the button\n --light-color: var(--white);\n --dark-color: var(--gray-800);\n\n @if $light-button {\n --focus-ring: 0 0 0 3px var(--dark-color), 0 0 0 6px var(--light-color);\n } @else {\n --focus-ring: 0 0 0 3px var(--light-color), 0 0 0 6px var(--dark-color);\n }\n}\n\n// RTL stuff\n\n@mixin left($left) {\n body.ltr & {\n left: $left;\n }\n body.rtl & {\n right: $left;\n }\n}\n\n@mixin right($right) {\n body.ltr & {\n right: $right;\n }\n body.rtl & {\n left: $right;\n }\n}\n\n@mixin alignleft {\n body.ltr & {\n text-align: left;\n }\n body.rtl & {\n text-align: right;\n }\n}\n\n@mixin alignright {\n body.ltr & {\n text-align: right;\n }\n body.rtl & {\n text-align: left;\n }\n}\n\n@mixin border-left($params...) {\n body.ltr & {\n border-left: $params;\n }\n body.rtl & {\n border-right: $params;\n }\n}\n\n@mixin border-right($params...) {\n body.ltr & {\n border-right: $params;\n }\n body.rtl & {\n border-left: $params;\n }\n}\n\n@mixin border-left-width($param) {\n body.ltr & {\n border-left-width: $param;\n }\n body.rtl & {\n border-right-width: $param;\n }\n}\n\n@mixin border-right-width($param) {\n body.ltr & {\n border-right-width: $param;\n }\n body.rtl & {\n border-left-width: $param;\n }\n}\n\n@mixin border-radius($tl, $tr, $br, $bl) {\n body.ltr & {\n border-radius: $tl $tr $br $bl;\n }\n body.rtl & {\n border-radius: $tr $tl $bl $br;\n }\n}\n\n@mixin border-top-left-radius($params...) {\n body.ltr & {\n border-top-left-radius: $params;\n }\n body.rtl & {\n border-top-right-radius: $params;\n }\n}\n\n@mixin border-top-right-radius($params...) {\n body.ltr & {\n border-top-right-radius: $params;\n }\n body.rtl & {\n border-top-left-radius: $params;\n }\n}\n\n@mixin border-bottom-left-radius($params...) {\n body.ltr & {\n border-bottom-left-radius: $params;\n }\n body.rtl & {\n border-bottom-right-radius: $params;\n }\n}\n\n@mixin border-bottom-right-radius($params...) {\n body.ltr & {\n border-bottom-right-radius: $params;\n }\n body.rtl & {\n border-bottom-left-radius: $params;\n }\n}\n\n@mixin floatleft {\n body.ltr & {\n float: left;\n }\n body.rtl & {\n float: right;\n }\n}\n\n@mixin floatright {\n body.ltr & {\n float: right;\n }\n body.rtl & {\n float: left;\n }\n}\n\n@mixin margin($t, $r, $b, $l, $important: '') {\n body.ltr & {\n margin: $t $r $b $l unquote($important);\n }\n body.rtl & {\n margin: $t $l $b $r unquote($important);\n }\n}\n\n@mixin margin-left($margin...) {\n body.ltr & {\n margin-left: $margin;\n }\n body.rtl & {\n margin-right: $margin;\n }\n}\n\n@mixin margin-right($margin...) {\n body.ltr & {\n margin-right: $margin;\n }\n body.rtl & {\n margin-left: $margin;\n }\n}\n\n@mixin padding($t, $r, $b, $l, $important: '') {\n body.ltr & {\n padding: $t $r $b $l unquote($important);\n }\n body.rtl & {\n padding: $t $l $b $r unquote($important);\n }\n}\n\n@mixin padding-left($padding...) {\n body.ltr & {\n padding-left: $padding;\n }\n body.rtl & {\n padding-right: $padding;\n }\n}\n\n@mixin padding-right($padding...) {\n body.ltr & {\n padding-right: $padding;\n }\n body.rtl & {\n padding-left: $padding;\n }\n}\n\n// Misc\n\n@mixin dark-inputs {\n @include placeholder-styles($grey400);\n\n .btn,\n .select:not(.selectize) select {\n background-color: $grey200;\n\n &:focus,\n &:hover {\n background-color: darken($grey200, 5%);\n }\n\n &:active,\n &.active {\n background-color: darken($grey200, 10%);\n }\n }\n\n .text {\n background-color: $grey200;\n\n &:focus {\n background-color: darken($grey200, 5%);\n }\n }\n}\n\n@mixin header-btn {\n width: 30px;\n height: 30px;\n padding-left: 0;\n padding-right: 0;\n\n &:not(:hover):not(:active):not(.active) {\n background-color: transparent;\n }\n &:not(:active):not(.active):hover {\n background-color: transparentize($grey300, 0.85);\n }\n}\n\n@mixin h6-styles {\n margin: 14px 0 3px;\n font-size: 11px;\n line-height: 1.2;\n color: $lightTextColor;\n text-transform: uppercase;\n}\n\n@mixin token-styles {\n display: inline-block;\n border-radius: $smallBorderRadius;\n padding: 3px 7px;\n font-size: 12px;\n line-height: 14px;\n color: $textColor;\n background-color: $grey100;\n}\n\n@mixin active-token-styles {\n background-color: $grey200;\n}\n\n@mixin menu-styles {\n z-index: 100;\n border-radius: $menuBorderRadius;\n padding: 0 14px;\n overflow: auto;\n background: $white;\n user-select: none;\n box-shadow: 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-option-styles {\n margin: 0 -14px;\n padding: 10px 14px;\n color: $menuOptionColor;\n text-decoration: none;\n white-space: nowrap;\n}\n\n@mixin menu-option-active-styles {\n color: $menuOptionActiveColor;\n background-color: $menuOptionActiveBackgroundColor;\n}\n\n@mixin disclosure-link-hover-styles {\n color: $menuOptionColor;\n background-color: $grey050;\n}\n\n@mixin input-styles {\n border-radius: $smallBorderRadius;\n border: 1px solid transparentize($inputColor, 0.75);\n background-color: hsl(212, 50%, 99%);\n background-clip: padding-box;\n}\n\n@mixin input-focused-styles {\n box-shadow: var(--focus-ring);\n}\n\n@mixin placeholder-styles($color) {\n ::-webkit-input-placeholder {\n color: $color;\n }\n\n input:-ms-input-placeholder {\n color: $color;\n }\n\n ::-ms-input-placeholder {\n color: $color;\n }\n\n :-moz-placeholder {\n color: $color;\n }\n\n ::-moz-placeholder {\n color: $color;\n }\n\n ::placeholder {\n color: $color;\n }\n}\n\n@mixin select-styles {\n position: relative;\n border-radius: $largeBorderRadius;\n white-space: nowrap;\n}\n\n@mixin select-container-styles {\n max-width: 100%;\n position: relative;\n :not(.flex) > & {\n display: inline-block;\n }\n}\n\n@mixin select-arrow-styles {\n @include angle;\n position: absolute;\n z-index: 1;\n top: calc(50% - 5px);\n @include right(9px);\n user-select: none;\n pointer-events: none;\n}\n\n@mixin select-input-styles {\n display: block;\n position: relative;\n max-width: 100%;\n border: none;\n @include padding(7px, 22px, 7px, 10px);\n font-size: 14px;\n line-height: 20px;\n color: $textColor;\n background-color: hsl(212, 25%, 90%);\n appearance: none;\n // from https://stackoverflow.com/a/15933790/1688568\n &::-ms-expand {\n display: none;\n }\n}\n\n@mixin select-input-fullwidth-styles {\n min-width: 100%;\n}\n\n@mixin select-input-focused-styles {\n outline-color: transparent;\n background-color: hsl(212, 25%, 85%);\n box-shadow: var(--focus-ring);\n}\n\n@mixin touch-target {\n height: var(--touch-target-size);\n width: var(--touch-target-size);\n}\n\n@mixin visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: 0;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\n@mixin readable {\n font-size: 16px;\n line-height: 22px;\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6 {\n font-size: 13.6px;\n line-height: 17px;\n color: $mediumTextColor;\n }\n\n ul,\n ol {\n margin: 1em 0;\n @include padding-left(2em);\n }\n\n ul li {\n list-style-type: disc;\n }\n\n li + li {\n margin-top: 0.25em;\n }\n\n blockquote {\n margin: 16px 0;\n\n &:not(.note) {\n padding: 0 16px;\n color: $mediumTextColor;\n @include border-left(4px solid $hairlineColor);\n }\n\n &.note {\n position: relative;\n border-radius: 4px;\n padding: 1em;\n @include padding-left(56px);\n border: 1px solid;\n\n &:not(.tip):not(.warning) {\n border-color: $errorColor;\n color: #bf503f;\n\n &:before {\n content: 'alert';\n color: $errorColor;\n }\n }\n\n &.tip {\n border-color: $linkColor;\n color: $mediumTextColor;\n\n &:before {\n content: 'lightbulb';\n color: $linkColor;\n }\n }\n\n &.warning {\n border-color: $warningColor;\n color: #cf783a;\n\n &:before {\n content: 'alert';\n color: $warningColor;\n }\n }\n\n &:before {\n @include icon;\n position: absolute;\n top: 12px;\n @include left(16px);\n font-size: 30px;\n width: 24px;\n }\n }\n }\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"css/system_messages.css","mappings":"AAGA,SAEE,eADA,iBACA,CCmeA,wBACE,kBDjeA,CCmeF,wBACE,iBDpeA,CAEA,qBCwLF,WACA,4CAGA,wCACA,uCACA,oCACA,kCAMA,mCACA,kCAMA,2BDtMI,wBADA,eC+LJ,cAIA,qBAjBA,kBAmBA,kBATA,oBADA,gBAGA,cAYA,4BD9MI,kBCwMJ,kBAPA,oBDhMI,SC2MJ,0CAFA,qBDrMI,CC6SJ,8BACE,UDjTiB,CCmTnB,8BACE,SDpTiB,CAOnB,kBAEE,gCACA,mBAFA,mBAEA,CAGF,eAIE,+BADA,8BAFA,eACA,gBAEA,CAIJ,kBACE,YAEA,iCACE,SAGF,wBACE,0BACA","sources":["webpack:///./system_messages.scss","webpack:///../../../../../packages/craftcms-sass/_mixins.scss"],"sourcesContent":["@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\n.message {\n position: relative;\n cursor: pointer;\n\n &:hover {\n @include padding-right(26px);\n\n &:after {\n position: absolute;\n top: 18px;\n @include right(15px);\n @include icon;\n content: 'edit';\n color: var(--link-color);\n }\n }\n\n .subject {\n padding-bottom: 15px;\n border-bottom: 1px solid #dbdbdb;\n margin-bottom: 15px;\n }\n\n .body {\n font-size: 12px;\n line-height: 16px;\n font-family: Courier, monospace;\n color: var(--medium-text-color);\n }\n}\n\n.message-settings {\n width: 500px;\n\n .header .right {\n top: 12px;\n }\n\n .body {\n height: calc(100% - 131px);\n overflow: auto;\n }\n}\n","$white: #fff;\n$black: #000;\n\n$grey050: hsl(212, 60%, 97%);\n$grey100: hsl(212, 50%, 93%);\n$grey200: hsl(212, 30%, 85%);\n$grey300: hsl(211, 13%, 65%);\n$grey350: hsl(211, 11%, 59%);\n$grey400: hsl(210, 10%, 53%);\n$grey500: hsl(211, 12%, 43%);\n$grey550: hsl(210, 13%, 40%);\n$grey600: hsl(209, 14%, 37%);\n$grey700: hsl(209, 18%, 30%);\n$grey800: hsl(209, 20%, 25%);\n$grey900: hsl(210, 24%, 16%);\n$grey1000: hsl(210, 24%, 10%);\n\n$blue050: #e3f8ff;\n$blue100: #b3ecff;\n$blue200: #81defd;\n$blue300: #5ed0fa;\n$blue400: #40c3f7;\n$blue500: #2bb0ed;\n$blue600: #1992d4;\n$blue700: #127fbf;\n$blue800: #0b69a3;\n$blue900: #035388;\n\n$cyan050: #e0fcff;\n$cyan100: #bef8fd;\n$cyan200: #87eaf2;\n$cyan300: #54d1db;\n$cyan400: #38bec9;\n$cyan500: #2cb1bc;\n$cyan600: #14919b;\n$cyan700: #0e7c86;\n$cyan800: #0a6c74;\n$cyan900: #044e54;\n\n$pink050: #ffe3ec;\n$pink100: #ffb8d2;\n$pink200: #ff8cba;\n$pink300: #f364a2;\n$pink400: #e8368f;\n$pink500: #da127d;\n$pink600: #bc0a6f;\n$pink700: #a30664;\n$pink800: #870557;\n$pink900: #620042;\n\n$red050: #ffe3e3;\n$red100: #ffbdbd;\n$red200: #ff9b9b;\n$red300: #f86a6a;\n$red400: #ef4e4e;\n$red500: #e12d39;\n$red600: #cf1124;\n$red700: #ab091e;\n$red800: #8a041a;\n$red900: #610316;\n\n$yellow050: #fffbea;\n$yellow100: #fff3c4;\n$yellow200: #fce588;\n$yellow300: #fadb5f;\n$yellow400: #f7c948;\n$yellow500: #f0b429;\n$yellow600: #de911d;\n$yellow700: #cb6e17;\n$yellow800: #b44d12;\n$yellow900: #8d2b0b;\n\n$teal050: #effcf6;\n$teal100: #c6f7e2;\n$teal200: #8eedc7;\n$teal300: #65d6ad;\n$teal400: #3ebd93;\n$teal500: #27ab83;\n$teal600: #199473;\n$teal700: #147d64;\n$teal800: #0c6b58;\n$teal900: #014d40;\n\n// submit button colors\n$primaryColor: $red500;\n$secondaryColor: $grey500;\n\n$inputColor: hsl(212, 25%, 50%);\n\n// text colors\n$textColor: $grey700;\n$mediumDarkTextColor: $grey550;\n$mediumTextColor: $grey550;\n$lightTextColor: $grey500;\n$linkColor: #2563eb;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $white;\n$menuOptionActiveBackgroundColor: $grey500;\n\n// hairline colors\n$hairlineColor: transparentize($grey800, 0.9);\n$mediumHairlineColor: transparentize($grey600, 0.75);\n$darkHairlineColor: transparentize($grey400, 0.5);\n\n// focus colors\n$lightFocusColor: $blue300;\n$mediumFocusColor: $blue500;\n$darkFocusColor: #0f74b1;\n\n// focus rings\n$lightFocusRing: 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing: 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing: 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey600;\n\n// alert/notice colors\n$errorColor: $red600;\n$warningColor: $yellow800;\n$successColor: $teal500;\n$noticeColor: $blue800;\n\n// UI element styles\n$smallBorderRadius: 3px;\n$mediumBorderRadius: 4px;\n$largeBorderRadius: 5px;\n\n$menuBorderRadius: $mediumBorderRadius;\n$checkboxSize: 16px;\n$radioSize: 16px;\n\n@mixin sans-serif-font {\n font-family: system-ui, BlinkMacSystemFont, -apple-system, 'Segoe UI',\n 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',\n 'Helvetica Neue', sans-serif;\n}\n\n@mixin fixed-width-font {\n font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier,\n monospace;\n font-size: 0.9em !important;\n}\n\n@function toRem($values...) {\n $max: length($values);\n $remValues: '';\n\n @for $i from 1 through $max {\n $remValues: #{$remValues + calc(nth($values, $i) / 16)}rem;\n\n @if $i < $max {\n $remValues: #{$remValues + ' '};\n }\n }\n\n @return $remValues;\n}\n\n@mixin fontSize($size) {\n font-size: toRem($size);\n}\n\n// Other\n\n@mixin focus-styles {\n body:not(.reduce-focus-visibility) &:focus,\n body.reduce-focus-visibility &.focus-visible {\n @content;\n }\n}\n\n@mixin svg-mask($color) {\n rect,\n circle,\n ellipse,\n line,\n polyline,\n polygon,\n path,\n text {\n fill: $color;\n stroke-width: 0;\n }\n}\n\n@mixin icon {\n font-family: 'Craft';\n speak: none;\n -webkit-font-feature-settings: 'liga', 'dlig';\n -moz-font-feature-settings: 'liga=1, dlig=1';\n -moz-font-feature-settings: 'liga', 'dlig';\n -ms-font-feature-settings: 'liga', 'dlig';\n -o-font-feature-settings: 'liga', 'dlig';\n font-feature-settings: 'liga', 'dlig';\n text-rendering: optimizeLegibility;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n direction: ltr; // Fixes a rendering issue in Chrome/Win\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n\n display: inline-block;\n text-align: center;\n font-style: normal;\n vertical-align: middle;\n word-wrap: normal !important;\n user-select: none;\n\n opacity: var(--icon-opacity);\n}\n\n@mixin angle($dir: down, $color: currentColor, $width: 2px) {\n display: block;\n content: '';\n font-size: 0;\n width: 7px;\n height: 7px;\n border: solid $color;\n border-width: 0 $width $width 0;\n opacity: 0.8;\n\n @if $dir == up {\n transform: rotate(225deg);\n } @else if $dir == down {\n transform: rotate(45deg);\n } @else if $dir == left {\n body.ltr & {\n transform: rotate(135deg);\n }\n body.rtl & {\n transform: rotate(-45deg);\n }\n } @else if $dir == right {\n body.ltr & {\n transform: rotate(-45deg);\n }\n body.rtl & {\n transform: rotate(135deg);\n }\n }\n}\n\n@mixin clearafter {\n content: '';\n display: block;\n height: 0;\n clear: both;\n visibility: hidden;\n}\n\n@mixin shadow {\n box-shadow: 0 1px 5px -1px transparentize($grey900, 0.8);\n}\n\n@mixin pane {\n background: $white;\n box-shadow: 0 0 0 1px $grey200, 0 2px 12px transparentize($grey200, 0.5);\n\n &:focus {\n box-shadow: var(--focus-ring);\n }\n}\n\n@mixin modal {\n border-radius: $largeBorderRadius;\n background-color: $white;\n box-shadow: 0 25px 100px transparentize($grey900, 0.5);\n}\n\n@mixin light-on-dark-text() {\n // Make light on dark text sharp on Macs\n // (sub-pixel antialiasing looks too bold/blurry with light text on dark background)\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-weight: 500;\n}\n\n@mixin light-focus-ring() {\n --focus-ring: 0 0 0 1px hsl(var(--light-focus-hsl)),\n 0 0 0 3px hsla(var(--light-focus-hsl), 0.7);\n}\n\n@mixin two-color-focus-ring($light-button: true) {\n // Creates a two-color focus ring, with a white\n // If button is light, the dark box shadow is adjacent to the button\n // Else the light box shadow is adjacent to the button\n --light-color: var(--white);\n --dark-color: var(--gray-800);\n\n @if $light-button {\n --focus-ring: 0 0 0 3px var(--dark-color), 0 0 0 6px var(--light-color);\n } @else {\n --focus-ring: 0 0 0 3px var(--light-color), 0 0 0 6px var(--dark-color);\n }\n}\n\n// RTL stuff\n\n@mixin left($left) {\n body.ltr & {\n left: $left;\n }\n body.rtl & {\n right: $left;\n }\n}\n\n@mixin right($right) {\n body.ltr & {\n right: $right;\n }\n body.rtl & {\n left: $right;\n }\n}\n\n@mixin alignleft {\n body.ltr & {\n text-align: left;\n }\n body.rtl & {\n text-align: right;\n }\n}\n\n@mixin alignright {\n body.ltr & {\n text-align: right;\n }\n body.rtl & {\n text-align: left;\n }\n}\n\n@mixin border-left($params...) {\n body.ltr & {\n border-left: $params;\n }\n body.rtl & {\n border-right: $params;\n }\n}\n\n@mixin border-right($params...) {\n body.ltr & {\n border-right: $params;\n }\n body.rtl & {\n border-left: $params;\n }\n}\n\n@mixin border-left-width($param) {\n body.ltr & {\n border-left-width: $param;\n }\n body.rtl & {\n border-right-width: $param;\n }\n}\n\n@mixin border-right-width($param) {\n body.ltr & {\n border-right-width: $param;\n }\n body.rtl & {\n border-left-width: $param;\n }\n}\n\n@mixin border-radius($tl, $tr, $br, $bl) {\n body.ltr & {\n border-radius: $tl $tr $br $bl;\n }\n body.rtl & {\n border-radius: $tr $tl $bl $br;\n }\n}\n\n@mixin border-top-left-radius($params...) {\n body.ltr & {\n border-top-left-radius: $params;\n }\n body.rtl & {\n border-top-right-radius: $params;\n }\n}\n\n@mixin border-top-right-radius($params...) {\n body.ltr & {\n border-top-right-radius: $params;\n }\n body.rtl & {\n border-top-left-radius: $params;\n }\n}\n\n@mixin border-bottom-left-radius($params...) {\n body.ltr & {\n border-bottom-left-radius: $params;\n }\n body.rtl & {\n border-bottom-right-radius: $params;\n }\n}\n\n@mixin border-bottom-right-radius($params...) {\n body.ltr & {\n border-bottom-right-radius: $params;\n }\n body.rtl & {\n border-bottom-left-radius: $params;\n }\n}\n\n@mixin floatleft {\n body.ltr & {\n float: left;\n }\n body.rtl & {\n float: right;\n }\n}\n\n@mixin floatright {\n body.ltr & {\n float: right;\n }\n body.rtl & {\n float: left;\n }\n}\n\n@mixin margin($t, $r, $b, $l, $important: '') {\n body.ltr & {\n margin: $t $r $b $l unquote($important);\n }\n body.rtl & {\n margin: $t $l $b $r unquote($important);\n }\n}\n\n@mixin margin-left($margin...) {\n body.ltr & {\n margin-left: $margin;\n }\n body.rtl & {\n margin-right: $margin;\n }\n}\n\n@mixin margin-right($margin...) {\n body.ltr & {\n margin-right: $margin;\n }\n body.rtl & {\n margin-left: $margin;\n }\n}\n\n@mixin padding($t, $r, $b, $l, $important: '') {\n body.ltr & {\n padding: $t $r $b $l unquote($important);\n }\n body.rtl & {\n padding: $t $l $b $r unquote($important);\n }\n}\n\n@mixin padding-left($padding...) {\n body.ltr & {\n padding-left: $padding;\n }\n body.rtl & {\n padding-right: $padding;\n }\n}\n\n@mixin padding-right($padding...) {\n body.ltr & {\n padding-right: $padding;\n }\n body.rtl & {\n padding-left: $padding;\n }\n}\n\n// Misc\n\n@mixin dark-inputs {\n @include placeholder-styles($grey400);\n\n .btn,\n .select:not(.selectize) select {\n background-color: $grey200;\n\n &:focus,\n &:hover {\n background-color: darken($grey200, 5%);\n }\n\n &:active,\n &.active {\n background-color: darken($grey200, 10%);\n }\n }\n\n .text {\n background-color: $grey200;\n\n &:focus {\n background-color: darken($grey200, 5%);\n }\n }\n}\n\n@mixin header-btn {\n width: 30px;\n height: 30px;\n padding-left: 0;\n padding-right: 0;\n\n &:not(:hover):not(:active):not(.active) {\n background-color: transparent;\n }\n &:not(:active):not(.active):hover {\n background-color: transparentize($grey300, 0.85);\n }\n}\n\n@mixin h6-styles {\n margin: 14px 0 3px;\n font-size: 11px;\n line-height: 1.2;\n color: $lightTextColor;\n text-transform: uppercase;\n}\n\n@mixin token-styles {\n display: inline-block;\n border-radius: $smallBorderRadius;\n padding: 3px 7px;\n font-size: 12px;\n line-height: 14px;\n color: $textColor;\n background-color: $grey100;\n}\n\n@mixin active-token-styles {\n background-color: $grey200;\n}\n\n@mixin menu-styles {\n z-index: 100;\n border-radius: $menuBorderRadius;\n padding: 0 14px;\n overflow: auto;\n background: $white;\n user-select: none;\n box-shadow: 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-option-styles {\n margin: 0 -14px;\n padding: 10px 14px;\n color: $menuOptionColor;\n text-decoration: none;\n white-space: nowrap;\n}\n\n@mixin menu-option-active-styles {\n color: $menuOptionActiveColor;\n background-color: $menuOptionActiveBackgroundColor;\n}\n\n@mixin disclosure-link-hover-styles {\n color: $menuOptionColor;\n background-color: $grey050;\n}\n\n@mixin input-styles {\n border-radius: $smallBorderRadius;\n border: 1px solid transparentize($inputColor, 0.75);\n background-color: hsl(212, 50%, 99%);\n background-clip: padding-box;\n}\n\n@mixin input-focused-styles {\n box-shadow: var(--focus-ring);\n}\n\n@mixin placeholder-styles($color) {\n input::-webkit-input-placeholder,\n textarea::-webkit-input-placeholder {\n color: $color;\n }\n\n input:-ms-input-placeholder,\n textarea:-ms-input-placeholder {\n color: $color;\n }\n\n input::-ms-input-placeholder,\n textarea::-ms-input-placeholder {\n color: $color;\n }\n\n input:-moz-placeholder,\n textarea:-moz-placeholder {\n color: $color;\n }\n\n input::-moz-placeholder,\n textarea::-moz-placeholder {\n color: $color;\n }\n\n input::placeholder,\n textarea::placeholder {\n color: $color;\n }\n}\n\n@mixin select-styles {\n position: relative;\n border-radius: $largeBorderRadius;\n white-space: nowrap;\n}\n\n@mixin select-container-styles {\n max-width: 100%;\n position: relative;\n :not(.flex) > & {\n display: inline-block;\n }\n}\n\n@mixin select-arrow-styles {\n @include angle;\n position: absolute;\n z-index: 1;\n top: calc(50% - 5px);\n @include right(9px);\n user-select: none;\n pointer-events: none;\n}\n\n@mixin select-input-styles {\n display: block;\n position: relative;\n max-width: 100%;\n border: none;\n @include padding(7px, 22px, 7px, 10px);\n font-size: 14px;\n line-height: 20px;\n color: $textColor;\n background-color: hsl(212, 25%, 90%);\n appearance: none;\n // from https://stackoverflow.com/a/15933790/1688568\n &::-ms-expand {\n display: none;\n }\n}\n\n@mixin select-input-fullwidth-styles {\n min-width: 100%;\n}\n\n@mixin select-input-focused-styles {\n outline-color: transparent;\n background-color: hsl(212, 25%, 85%);\n box-shadow: var(--focus-ring);\n}\n\n@mixin touch-target {\n height: var(--touch-target-size);\n width: var(--touch-target-size);\n}\n\n@mixin visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: 0;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\n@mixin readable {\n font-size: 16px;\n line-height: 22px;\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6 {\n font-size: 13.6px;\n line-height: 17px;\n color: $mediumTextColor;\n }\n\n ul,\n ol {\n margin: 1em 0;\n @include padding-left(2em);\n }\n\n ul li {\n list-style-type: disc;\n }\n\n li + li {\n margin-top: 0.25em;\n }\n\n blockquote {\n margin: 16px 0;\n\n &:not(.note) {\n padding: 0 16px;\n color: $mediumTextColor;\n @include border-left(4px solid $hairlineColor);\n }\n\n &.note {\n position: relative;\n border-radius: 4px;\n padding: 1em;\n @include padding-left(56px);\n border: 1px solid;\n\n &:not(.tip):not(.warning) {\n border-color: $errorColor;\n color: #bf503f;\n\n &:before {\n content: 'alert';\n color: $errorColor;\n }\n }\n\n &.tip {\n border-color: $linkColor;\n color: $mediumTextColor;\n\n &:before {\n content: 'lightbulb';\n color: $linkColor;\n }\n }\n\n &.warning {\n border-color: $warningColor;\n color: #cf783a;\n\n &:before {\n content: 'alert';\n color: $warningColor;\n }\n }\n\n &:before {\n @include icon;\n position: absolute;\n top: 12px;\n @include left(16px);\n font-size: 30px;\n width: 24px;\n }\n }\n }\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/src/web/assets/updater/dist/css/Updater.css.map b/src/web/assets/updater/dist/css/Updater.css.map
index 7d2aca724e4..343728595a3 100644
--- a/src/web/assets/updater/dist/css/Updater.css.map
+++ b/src/web/assets/updater/dist/css/Updater.css.map
@@ -1 +1 @@
-{"version":3,"file":"css/Updater.css","mappings":"AAGA,SASE,4BADA,4BAPA,cAMA,YAHA,SAFA,kBACA,QAGA,UAGA,CCqaA,kBACE,uBAEF,kBACE,uBDvaF,eACE,2DAGF,2CACE,SAUF,qBACA,CAHA,cACA,iBACA,CANF,eACE,CALE,kBAMF,iBAEA,CARE,OAIJ,CACE,UAMA,gBAIE,sCAEA,CAHF,iBACE,CAHF,gBAEA,CAME,iBAHA,2BAEA,CACA,aACA,CAJA,aAIA,eACA,CALA,WAKA,UACA,2BAKF,CACA,oBAPE,QAOF,mCAEA,qPAKF,2DAQM,iCADA,4CAIA,CAHA,+DAGA","sources":["webpack:///./update.scss","webpack:///../../../../../packages/craftcms-sass/_mixins.scss"],"sourcesContent":["@charset \"UTF-8\";\n@import '../../../../../packages/craftcms-sass/mixins';\n\n#graphic {\n display: block;\n position: absolute;\n top: 50%;\n left: 50%;\n @include margin(-48px, 0, 0, -24px);\n width: 48px;\n height: 48px;\n background-repeat: no-repeat;\n background-position: 50% 50%;\n\n &.error {\n background-image: url(images/error.png);\n }\n\n &.success {\n background-image: url(images/success.png);\n }\n}\n\n#status {\n position: absolute;\n top: 50%;\n margin-top: 20px;\n width: 100%;\n text-align: center;\n font-size: 16px;\n line-height: 20px;\n color: var(--gray-500);\n\n #error {\n margin: 24px auto;\n border-radius: 3px;\n border: 1px solid var(--hairline-color);\n padding: 24px;\n width: 600px;\n max-width: calc(100% - 96px);\n max-height: 100px;\n overflow: auto;\n text-align: left;\n }\n}\n\n#options {\n margin: 0;\n display: inline-flex;\n\n .btn {\n float: none !important;\n }\n}\n\n@media only screen and (-webkit-min-device-pixel-ratio: 1.5),\n only screen and (-moz-min-device-pixel-ratio: 1.5),\n only screen and (-o-min-device-pixel-ratio: 3/2),\n only screen and (min-device-pixel-ratio: 1.5),\n only screen and (min-resolution: 1.5dppx) {\n #graphic {\n &.error {\n background-image: url(images/error_2x.png);\n background-size: 48px;\n }\n &.success {\n background-image: url(images/success_2x.png);\n background-size: 48px;\n }\n }\n}\n","$white: #fff;\n$black: #000;\n\n$grey050: hsl(212, 60%, 97%);\n$grey100: hsl(212, 50%, 93%);\n$grey200: hsl(212, 30%, 85%);\n$grey300: hsl(211, 13%, 65%);\n$grey350: hsl(211, 11%, 59%);\n$grey400: hsl(210, 10%, 53%);\n$grey500: hsl(211, 12%, 43%);\n$grey550: hsl(210, 13%, 40%);\n$grey600: hsl(209, 14%, 37%);\n$grey700: hsl(209, 18%, 30%);\n$grey800: hsl(209, 20%, 25%);\n$grey900: hsl(210, 24%, 16%);\n$grey1000: hsl(210, 24%, 10%);\n\n$blue050: #e3f8ff;\n$blue100: #b3ecff;\n$blue200: #81defd;\n$blue300: #5ed0fa;\n$blue400: #40c3f7;\n$blue500: #2bb0ed;\n$blue600: #1992d4;\n$blue700: #127fbf;\n$blue800: #0b69a3;\n$blue900: #035388;\n\n$cyan050: #e0fcff;\n$cyan100: #bef8fd;\n$cyan200: #87eaf2;\n$cyan300: #54d1db;\n$cyan400: #38bec9;\n$cyan500: #2cb1bc;\n$cyan600: #14919b;\n$cyan700: #0e7c86;\n$cyan800: #0a6c74;\n$cyan900: #044e54;\n\n$pink050: #ffe3ec;\n$pink100: #ffb8d2;\n$pink200: #ff8cba;\n$pink300: #f364a2;\n$pink400: #e8368f;\n$pink500: #da127d;\n$pink600: #bc0a6f;\n$pink700: #a30664;\n$pink800: #870557;\n$pink900: #620042;\n\n$red050: #ffe3e3;\n$red100: #ffbdbd;\n$red200: #ff9b9b;\n$red300: #f86a6a;\n$red400: #ef4e4e;\n$red500: #e12d39;\n$red600: #cf1124;\n$red700: #ab091e;\n$red800: #8a041a;\n$red900: #610316;\n\n$yellow050: #fffbea;\n$yellow100: #fff3c4;\n$yellow200: #fce588;\n$yellow300: #fadb5f;\n$yellow400: #f7c948;\n$yellow500: #f0b429;\n$yellow600: #de911d;\n$yellow700: #cb6e17;\n$yellow800: #b44d12;\n$yellow900: #8d2b0b;\n\n$teal050: #effcf6;\n$teal100: #c6f7e2;\n$teal200: #8eedc7;\n$teal300: #65d6ad;\n$teal400: #3ebd93;\n$teal500: #27ab83;\n$teal600: #199473;\n$teal700: #147d64;\n$teal800: #0c6b58;\n$teal900: #014d40;\n\n// submit button colors\n$primaryColor: $red500;\n$secondaryColor: $grey500;\n\n$inputColor: hsl(212, 25%, 50%);\n\n// text colors\n$textColor: $grey700;\n$mediumDarkTextColor: $grey550;\n$mediumTextColor: $grey550;\n$lightTextColor: $grey500;\n$linkColor: #2563eb;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $white;\n$menuOptionActiveBackgroundColor: $grey500;\n\n// hairline colors\n$hairlineColor: transparentize($grey800, 0.9);\n$mediumHairlineColor: transparentize($grey600, 0.75);\n$darkHairlineColor: transparentize($grey400, 0.5);\n\n// focus colors\n$lightFocusColor: $blue300;\n$mediumFocusColor: $blue500;\n$darkFocusColor: #0f74b1;\n\n// focus rings\n$lightFocusRing: 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing: 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing: 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey600;\n\n// alert/notice colors\n$errorColor: $red600;\n$warningColor: $yellow800;\n$successColor: $teal500;\n$noticeColor: $blue800;\n\n// UI element styles\n$smallBorderRadius: 3px;\n$mediumBorderRadius: 4px;\n$largeBorderRadius: 5px;\n\n$menuBorderRadius: $mediumBorderRadius;\n$checkboxSize: 16px;\n$radioSize: 16px;\n\n@mixin sans-serif-font {\n font-family: system-ui, BlinkMacSystemFont, -apple-system, 'Segoe UI',\n 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',\n 'Helvetica Neue', sans-serif;\n}\n\n@mixin fixed-width-font {\n font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier,\n monospace;\n font-size: 0.9em !important;\n}\n\n@function toRem($size) {\n $remValue: calc($size / 16) + rem;\n @return $remValue;\n}\n\n@mixin fontSize($size) {\n font-size: toRem($size);\n}\n\n// Other\n\n@mixin focus-styles {\n body:not(.reduce-focus-visibility) &:focus,\n body.reduce-focus-visibility &.focus-visible {\n @content;\n }\n}\n\n@mixin svg-mask($color) {\n rect,\n circle,\n ellipse,\n line,\n polyline,\n polygon,\n path,\n text {\n fill: $color;\n stroke-width: 0;\n }\n}\n\n@mixin icon {\n font-family: 'Craft';\n speak: none;\n -webkit-font-feature-settings: 'liga', 'dlig';\n -moz-font-feature-settings: 'liga=1, dlig=1';\n -moz-font-feature-settings: 'liga', 'dlig';\n -ms-font-feature-settings: 'liga', 'dlig';\n -o-font-feature-settings: 'liga', 'dlig';\n font-feature-settings: 'liga', 'dlig';\n text-rendering: optimizeLegibility;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n direction: ltr; // Fixes a rendering issue in Chrome/Win\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n\n display: inline-block;\n text-align: center;\n font-style: normal;\n vertical-align: middle;\n word-wrap: normal !important;\n user-select: none;\n\n opacity: var(--icon-opacity);\n}\n\n@mixin angle($dir: down, $color: currentColor, $width: 2px) {\n display: block;\n content: '';\n font-size: 0;\n width: 7px;\n height: 7px;\n border: solid $color;\n border-width: 0 $width $width 0;\n opacity: 0.8;\n\n @if $dir == up {\n transform: rotate(225deg);\n } @else if $dir == down {\n transform: rotate(45deg);\n } @else if $dir == left {\n body.ltr & {\n transform: rotate(135deg);\n }\n body.rtl & {\n transform: rotate(-45deg);\n }\n } @else if $dir == right {\n body.ltr & {\n transform: rotate(-45deg);\n }\n body.rtl & {\n transform: rotate(135deg);\n }\n }\n}\n\n@mixin clearafter {\n content: '';\n display: block;\n height: 0;\n clear: both;\n visibility: hidden;\n}\n\n@mixin shadow {\n box-shadow: 0 1px 5px -1px transparentize($grey900, 0.8);\n}\n\n@mixin pane {\n background: $white;\n box-shadow: 0 0 0 1px $grey200, 0 2px 12px transparentize($grey200, 0.5);\n\n &:focus {\n box-shadow: var(--focus-ring);\n }\n}\n\n@mixin modal {\n border-radius: $largeBorderRadius;\n background-color: $white;\n box-shadow: 0 25px 100px transparentize($grey900, 0.5);\n}\n\n@mixin light-on-dark-text() {\n // Make light on dark text sharp on Macs\n // (sub-pixel antialiasing looks too bold/blurry with light text on dark background)\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-weight: 500;\n}\n\n@mixin light-focus-ring() {\n --focus-ring: 0 0 0 1px hsl(var(--light-focus-hsl)),\n 0 0 0 3px hsla(var(--light-focus-hsl), 0.7);\n}\n\n@mixin two-color-focus-ring($light-button: true) {\n // Creates a two-color focus ring, with a white\n // If button is light, the dark box shadow is adjacent to the button\n // Else the light box shadow is adjacent to the button\n --light-color: var(--white);\n --dark-color: var(--gray-800);\n\n @if $light-button {\n --focus-ring: 0 0 0 3px var(--dark-color), 0 0 0 6px var(--light-color);\n } @else {\n --focus-ring: 0 0 0 3px var(--light-color), 0 0 0 6px var(--dark-color);\n }\n}\n\n// RTL stuff\n\n@mixin left($left) {\n body.ltr & {\n left: $left;\n }\n body.rtl & {\n right: $left;\n }\n}\n\n@mixin right($right) {\n body.ltr & {\n right: $right;\n }\n body.rtl & {\n left: $right;\n }\n}\n\n@mixin alignleft {\n body.ltr & {\n text-align: left;\n }\n body.rtl & {\n text-align: right;\n }\n}\n\n@mixin alignright {\n body.ltr & {\n text-align: right;\n }\n body.rtl & {\n text-align: left;\n }\n}\n\n@mixin border-left($params...) {\n body.ltr & {\n border-left: $params;\n }\n body.rtl & {\n border-right: $params;\n }\n}\n\n@mixin border-right($params...) {\n body.ltr & {\n border-right: $params;\n }\n body.rtl & {\n border-left: $params;\n }\n}\n\n@mixin border-left-width($param) {\n body.ltr & {\n border-left-width: $param;\n }\n body.rtl & {\n border-right-width: $param;\n }\n}\n\n@mixin border-right-width($param) {\n body.ltr & {\n border-right-width: $param;\n }\n body.rtl & {\n border-left-width: $param;\n }\n}\n\n@mixin border-radius($tl, $tr, $br, $bl) {\n body.ltr & {\n border-radius: $tl $tr $br $bl;\n }\n body.rtl & {\n border-radius: $tr $tl $bl $br;\n }\n}\n\n@mixin border-top-left-radius($params...) {\n body.ltr & {\n border-top-left-radius: $params;\n }\n body.rtl & {\n border-top-right-radius: $params;\n }\n}\n\n@mixin border-top-right-radius($params...) {\n body.ltr & {\n border-top-right-radius: $params;\n }\n body.rtl & {\n border-top-left-radius: $params;\n }\n}\n\n@mixin border-bottom-left-radius($params...) {\n body.ltr & {\n border-bottom-left-radius: $params;\n }\n body.rtl & {\n border-bottom-right-radius: $params;\n }\n}\n\n@mixin border-bottom-right-radius($params...) {\n body.ltr & {\n border-bottom-right-radius: $params;\n }\n body.rtl & {\n border-bottom-left-radius: $params;\n }\n}\n\n@mixin floatleft {\n body.ltr & {\n float: left;\n }\n body.rtl & {\n float: right;\n }\n}\n\n@mixin floatright {\n body.ltr & {\n float: right;\n }\n body.rtl & {\n float: left;\n }\n}\n\n@mixin margin($t, $r, $b, $l, $important: '') {\n body.ltr & {\n margin: $t $r $b $l unquote($important);\n }\n body.rtl & {\n margin: $t $l $b $r unquote($important);\n }\n}\n\n@mixin margin-left($margin...) {\n body.ltr & {\n margin-left: $margin;\n }\n body.rtl & {\n margin-right: $margin;\n }\n}\n\n@mixin margin-right($margin...) {\n body.ltr & {\n margin-right: $margin;\n }\n body.rtl & {\n margin-left: $margin;\n }\n}\n\n@mixin padding($t, $r, $b, $l, $important: '') {\n body.ltr & {\n padding: $t $r $b $l unquote($important);\n }\n body.rtl & {\n padding: $t $l $b $r unquote($important);\n }\n}\n\n@mixin padding-left($padding...) {\n body.ltr & {\n padding-left: $padding;\n }\n body.rtl & {\n padding-right: $padding;\n }\n}\n\n@mixin padding-right($padding...) {\n body.ltr & {\n padding-right: $padding;\n }\n body.rtl & {\n padding-left: $padding;\n }\n}\n\n// Misc\n\n@mixin dark-inputs {\n @include placeholder-styles($grey400);\n\n .btn,\n .select:not(.selectize) select {\n background-color: $grey200;\n\n &:focus,\n &:hover {\n background-color: darken($grey200, 5%);\n }\n\n &:active,\n &.active {\n background-color: darken($grey200, 10%);\n }\n }\n\n .text {\n background-color: $grey200;\n\n &:focus {\n background-color: darken($grey200, 5%);\n }\n }\n}\n\n@mixin header-btn {\n width: 30px;\n height: 30px;\n padding-left: 0;\n padding-right: 0;\n\n &:not(:hover):not(:active):not(.active) {\n background-color: transparent;\n }\n &:not(:active):not(.active):hover {\n background-color: transparentize($grey300, 0.85);\n }\n}\n\n@mixin h6-styles {\n margin: 14px 0 3px;\n font-size: 11px;\n line-height: 1.2;\n color: $lightTextColor;\n text-transform: uppercase;\n}\n\n@mixin token-styles {\n display: inline-block;\n border-radius: $smallBorderRadius;\n padding: 3px 7px;\n font-size: 12px;\n line-height: 14px;\n color: $textColor;\n background-color: $grey100;\n}\n\n@mixin active-token-styles {\n background-color: $grey200;\n}\n\n@mixin menu-styles {\n z-index: 100;\n border-radius: $menuBorderRadius;\n padding: 0 14px;\n overflow: auto;\n background: $white;\n user-select: none;\n box-shadow: 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-option-styles {\n margin: 0 -14px;\n padding: 10px 14px;\n color: $menuOptionColor;\n text-decoration: none;\n white-space: nowrap;\n}\n\n@mixin menu-option-active-styles {\n color: $menuOptionActiveColor;\n background-color: $menuOptionActiveBackgroundColor;\n}\n\n@mixin disclosure-link-hover-styles {\n color: $menuOptionColor;\n background-color: $grey050;\n}\n\n@mixin input-styles {\n border-radius: $smallBorderRadius;\n border: 1px solid transparentize($inputColor, 0.75);\n background-color: hsl(212, 50%, 99%);\n background-clip: padding-box;\n}\n\n@mixin input-focused-styles {\n box-shadow: var(--focus-ring);\n}\n\n@mixin placeholder-styles($color) {\n ::-webkit-input-placeholder {\n color: $color;\n }\n\n input:-ms-input-placeholder {\n color: $color;\n }\n\n ::-ms-input-placeholder {\n color: $color;\n }\n\n :-moz-placeholder {\n color: $color;\n }\n\n ::-moz-placeholder {\n color: $color;\n }\n\n ::placeholder {\n color: $color;\n }\n}\n\n@mixin select-styles {\n position: relative;\n border-radius: $largeBorderRadius;\n white-space: nowrap;\n}\n\n@mixin select-container-styles {\n max-width: 100%;\n position: relative;\n :not(.flex) > & {\n display: inline-block;\n }\n}\n\n@mixin select-arrow-styles {\n @include angle;\n position: absolute;\n z-index: 1;\n top: calc(50% - 5px);\n @include right(9px);\n user-select: none;\n pointer-events: none;\n}\n\n@mixin select-input-styles {\n display: block;\n position: relative;\n max-width: 100%;\n border: none;\n @include padding(7px, 22px, 7px, 10px);\n font-size: 14px;\n line-height: 20px;\n color: $textColor;\n background-color: hsl(212, 25%, 90%);\n appearance: none;\n // from https://stackoverflow.com/a/15933790/1688568\n &::-ms-expand {\n display: none;\n }\n}\n\n@mixin select-input-fullwidth-styles {\n min-width: 100%;\n}\n\n@mixin select-input-focused-styles {\n outline-color: transparent;\n background-color: hsl(212, 25%, 85%);\n box-shadow: var(--focus-ring);\n}\n\n@mixin touch-target {\n height: var(--touch-target-size);\n width: var(--touch-target-size);\n}\n\n@mixin visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: 0;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\n@mixin readable {\n font-size: 16px;\n line-height: 22px;\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6 {\n font-size: 13.6px;\n line-height: 17px;\n color: $mediumTextColor;\n }\n\n ul,\n ol {\n margin: 1em 0;\n @include padding-left(2em);\n }\n\n ul li {\n list-style-type: disc;\n }\n\n li + li {\n margin-top: 0.25em;\n }\n\n blockquote {\n margin: 16px 0;\n\n &:not(.note) {\n padding: 0 16px;\n color: $mediumTextColor;\n @include border-left(4px solid $hairlineColor);\n }\n\n &.note {\n position: relative;\n border-radius: 4px;\n padding: 1em;\n @include padding-left(56px);\n border: 1px solid;\n\n &:not(.tip):not(.warning) {\n border-color: $errorColor;\n color: #bf503f;\n\n &:before {\n content: 'alert';\n color: $errorColor;\n }\n }\n\n &.tip {\n border-color: $linkColor;\n color: $mediumTextColor;\n\n &:before {\n content: 'lightbulb';\n color: $linkColor;\n }\n }\n\n &.warning {\n border-color: $warningColor;\n color: #cf783a;\n\n &:before {\n content: 'alert';\n color: $warningColor;\n }\n }\n\n &:before {\n @include icon;\n position: absolute;\n top: 12px;\n @include left(16px);\n font-size: 30px;\n width: 24px;\n }\n }\n }\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"css/Updater.css","mappings":"AAGA,SASE,4BADA,4BAPA,cAMA,YAHA,SAFA,kBACA,QAGA,UAGA,CC+aA,kBACE,uBAEF,kBACE,uBDjbF,eACE,2DAGF,2CACE,SAUF,qBACA,CAHA,cACA,iBACA,CANF,eACE,CALE,kBAMF,iBAEA,CARE,OAIJ,CACE,UAMA,gBAIE,sCAEA,CAHF,iBACE,CAHF,gBAEA,CAME,iBAHA,2BAEA,CACA,aACA,CAJA,aAIA,eACA,CALA,WAKA,UACA,2BAKF,CACA,oBAPE,QAOF,mCAEA,qPAKF,2DAQM,iCADA,4CAIA,CAHA,+DAGA","sources":["webpack:///./update.scss","webpack:///../../../../../packages/craftcms-sass/_mixins.scss"],"sourcesContent":["@charset \"UTF-8\";\n@import '../../../../../packages/craftcms-sass/mixins';\n\n#graphic {\n display: block;\n position: absolute;\n top: 50%;\n left: 50%;\n @include margin(-48px, 0, 0, -24px);\n width: 48px;\n height: 48px;\n background-repeat: no-repeat;\n background-position: 50% 50%;\n\n &.error {\n background-image: url(images/error.png);\n }\n\n &.success {\n background-image: url(images/success.png);\n }\n}\n\n#status {\n position: absolute;\n top: 50%;\n margin-top: 20px;\n width: 100%;\n text-align: center;\n font-size: 16px;\n line-height: 20px;\n color: var(--gray-500);\n\n #error {\n margin: 24px auto;\n border-radius: 3px;\n border: 1px solid var(--hairline-color);\n padding: 24px;\n width: 600px;\n max-width: calc(100% - 96px);\n max-height: 100px;\n overflow: auto;\n text-align: left;\n }\n}\n\n#options {\n margin: 0;\n display: inline-flex;\n\n .btn {\n float: none !important;\n }\n}\n\n@media only screen and (-webkit-min-device-pixel-ratio: 1.5),\n only screen and (-moz-min-device-pixel-ratio: 1.5),\n only screen and (-o-min-device-pixel-ratio: 3/2),\n only screen and (min-device-pixel-ratio: 1.5),\n only screen and (min-resolution: 1.5dppx) {\n #graphic {\n &.error {\n background-image: url(images/error_2x.png);\n background-size: 48px;\n }\n &.success {\n background-image: url(images/success_2x.png);\n background-size: 48px;\n }\n }\n}\n","$white: #fff;\n$black: #000;\n\n$grey050: hsl(212, 60%, 97%);\n$grey100: hsl(212, 50%, 93%);\n$grey200: hsl(212, 30%, 85%);\n$grey300: hsl(211, 13%, 65%);\n$grey350: hsl(211, 11%, 59%);\n$grey400: hsl(210, 10%, 53%);\n$grey500: hsl(211, 12%, 43%);\n$grey550: hsl(210, 13%, 40%);\n$grey600: hsl(209, 14%, 37%);\n$grey700: hsl(209, 18%, 30%);\n$grey800: hsl(209, 20%, 25%);\n$grey900: hsl(210, 24%, 16%);\n$grey1000: hsl(210, 24%, 10%);\n\n$blue050: #e3f8ff;\n$blue100: #b3ecff;\n$blue200: #81defd;\n$blue300: #5ed0fa;\n$blue400: #40c3f7;\n$blue500: #2bb0ed;\n$blue600: #1992d4;\n$blue700: #127fbf;\n$blue800: #0b69a3;\n$blue900: #035388;\n\n$cyan050: #e0fcff;\n$cyan100: #bef8fd;\n$cyan200: #87eaf2;\n$cyan300: #54d1db;\n$cyan400: #38bec9;\n$cyan500: #2cb1bc;\n$cyan600: #14919b;\n$cyan700: #0e7c86;\n$cyan800: #0a6c74;\n$cyan900: #044e54;\n\n$pink050: #ffe3ec;\n$pink100: #ffb8d2;\n$pink200: #ff8cba;\n$pink300: #f364a2;\n$pink400: #e8368f;\n$pink500: #da127d;\n$pink600: #bc0a6f;\n$pink700: #a30664;\n$pink800: #870557;\n$pink900: #620042;\n\n$red050: #ffe3e3;\n$red100: #ffbdbd;\n$red200: #ff9b9b;\n$red300: #f86a6a;\n$red400: #ef4e4e;\n$red500: #e12d39;\n$red600: #cf1124;\n$red700: #ab091e;\n$red800: #8a041a;\n$red900: #610316;\n\n$yellow050: #fffbea;\n$yellow100: #fff3c4;\n$yellow200: #fce588;\n$yellow300: #fadb5f;\n$yellow400: #f7c948;\n$yellow500: #f0b429;\n$yellow600: #de911d;\n$yellow700: #cb6e17;\n$yellow800: #b44d12;\n$yellow900: #8d2b0b;\n\n$teal050: #effcf6;\n$teal100: #c6f7e2;\n$teal200: #8eedc7;\n$teal300: #65d6ad;\n$teal400: #3ebd93;\n$teal500: #27ab83;\n$teal600: #199473;\n$teal700: #147d64;\n$teal800: #0c6b58;\n$teal900: #014d40;\n\n// submit button colors\n$primaryColor: $red500;\n$secondaryColor: $grey500;\n\n$inputColor: hsl(212, 25%, 50%);\n\n// text colors\n$textColor: $grey700;\n$mediumDarkTextColor: $grey550;\n$mediumTextColor: $grey550;\n$lightTextColor: $grey500;\n$linkColor: #2563eb;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $white;\n$menuOptionActiveBackgroundColor: $grey500;\n\n// hairline colors\n$hairlineColor: transparentize($grey800, 0.9);\n$mediumHairlineColor: transparentize($grey600, 0.75);\n$darkHairlineColor: transparentize($grey400, 0.5);\n\n// focus colors\n$lightFocusColor: $blue300;\n$mediumFocusColor: $blue500;\n$darkFocusColor: #0f74b1;\n\n// focus rings\n$lightFocusRing: 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing: 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing: 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey600;\n\n// alert/notice colors\n$errorColor: $red600;\n$warningColor: $yellow800;\n$successColor: $teal500;\n$noticeColor: $blue800;\n\n// UI element styles\n$smallBorderRadius: 3px;\n$mediumBorderRadius: 4px;\n$largeBorderRadius: 5px;\n\n$menuBorderRadius: $mediumBorderRadius;\n$checkboxSize: 16px;\n$radioSize: 16px;\n\n@mixin sans-serif-font {\n font-family: system-ui, BlinkMacSystemFont, -apple-system, 'Segoe UI',\n 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',\n 'Helvetica Neue', sans-serif;\n}\n\n@mixin fixed-width-font {\n font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier,\n monospace;\n font-size: 0.9em !important;\n}\n\n@function toRem($values...) {\n $max: length($values);\n $remValues: '';\n\n @for $i from 1 through $max {\n $remValues: #{$remValues + calc(nth($values, $i) / 16)}rem;\n\n @if $i < $max {\n $remValues: #{$remValues + ' '};\n }\n }\n\n @return $remValues;\n}\n\n@mixin fontSize($size) {\n font-size: toRem($size);\n}\n\n// Other\n\n@mixin focus-styles {\n body:not(.reduce-focus-visibility) &:focus,\n body.reduce-focus-visibility &.focus-visible {\n @content;\n }\n}\n\n@mixin svg-mask($color) {\n rect,\n circle,\n ellipse,\n line,\n polyline,\n polygon,\n path,\n text {\n fill: $color;\n stroke-width: 0;\n }\n}\n\n@mixin icon {\n font-family: 'Craft';\n speak: none;\n -webkit-font-feature-settings: 'liga', 'dlig';\n -moz-font-feature-settings: 'liga=1, dlig=1';\n -moz-font-feature-settings: 'liga', 'dlig';\n -ms-font-feature-settings: 'liga', 'dlig';\n -o-font-feature-settings: 'liga', 'dlig';\n font-feature-settings: 'liga', 'dlig';\n text-rendering: optimizeLegibility;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n direction: ltr; // Fixes a rendering issue in Chrome/Win\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n\n display: inline-block;\n text-align: center;\n font-style: normal;\n vertical-align: middle;\n word-wrap: normal !important;\n user-select: none;\n\n opacity: var(--icon-opacity);\n}\n\n@mixin angle($dir: down, $color: currentColor, $width: 2px) {\n display: block;\n content: '';\n font-size: 0;\n width: 7px;\n height: 7px;\n border: solid $color;\n border-width: 0 $width $width 0;\n opacity: 0.8;\n\n @if $dir == up {\n transform: rotate(225deg);\n } @else if $dir == down {\n transform: rotate(45deg);\n } @else if $dir == left {\n body.ltr & {\n transform: rotate(135deg);\n }\n body.rtl & {\n transform: rotate(-45deg);\n }\n } @else if $dir == right {\n body.ltr & {\n transform: rotate(-45deg);\n }\n body.rtl & {\n transform: rotate(135deg);\n }\n }\n}\n\n@mixin clearafter {\n content: '';\n display: block;\n height: 0;\n clear: both;\n visibility: hidden;\n}\n\n@mixin shadow {\n box-shadow: 0 1px 5px -1px transparentize($grey900, 0.8);\n}\n\n@mixin pane {\n background: $white;\n box-shadow: 0 0 0 1px $grey200, 0 2px 12px transparentize($grey200, 0.5);\n\n &:focus {\n box-shadow: var(--focus-ring);\n }\n}\n\n@mixin modal {\n border-radius: $largeBorderRadius;\n background-color: $white;\n box-shadow: 0 25px 100px transparentize($grey900, 0.5);\n}\n\n@mixin light-on-dark-text() {\n // Make light on dark text sharp on Macs\n // (sub-pixel antialiasing looks too bold/blurry with light text on dark background)\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-weight: 500;\n}\n\n@mixin light-focus-ring() {\n --focus-ring: 0 0 0 1px hsl(var(--light-focus-hsl)),\n 0 0 0 3px hsla(var(--light-focus-hsl), 0.7);\n}\n\n@mixin two-color-focus-ring($light-button: true) {\n // Creates a two-color focus ring, with a white\n // If button is light, the dark box shadow is adjacent to the button\n // Else the light box shadow is adjacent to the button\n --light-color: var(--white);\n --dark-color: var(--gray-800);\n\n @if $light-button {\n --focus-ring: 0 0 0 3px var(--dark-color), 0 0 0 6px var(--light-color);\n } @else {\n --focus-ring: 0 0 0 3px var(--light-color), 0 0 0 6px var(--dark-color);\n }\n}\n\n// RTL stuff\n\n@mixin left($left) {\n body.ltr & {\n left: $left;\n }\n body.rtl & {\n right: $left;\n }\n}\n\n@mixin right($right) {\n body.ltr & {\n right: $right;\n }\n body.rtl & {\n left: $right;\n }\n}\n\n@mixin alignleft {\n body.ltr & {\n text-align: left;\n }\n body.rtl & {\n text-align: right;\n }\n}\n\n@mixin alignright {\n body.ltr & {\n text-align: right;\n }\n body.rtl & {\n text-align: left;\n }\n}\n\n@mixin border-left($params...) {\n body.ltr & {\n border-left: $params;\n }\n body.rtl & {\n border-right: $params;\n }\n}\n\n@mixin border-right($params...) {\n body.ltr & {\n border-right: $params;\n }\n body.rtl & {\n border-left: $params;\n }\n}\n\n@mixin border-left-width($param) {\n body.ltr & {\n border-left-width: $param;\n }\n body.rtl & {\n border-right-width: $param;\n }\n}\n\n@mixin border-right-width($param) {\n body.ltr & {\n border-right-width: $param;\n }\n body.rtl & {\n border-left-width: $param;\n }\n}\n\n@mixin border-radius($tl, $tr, $br, $bl) {\n body.ltr & {\n border-radius: $tl $tr $br $bl;\n }\n body.rtl & {\n border-radius: $tr $tl $bl $br;\n }\n}\n\n@mixin border-top-left-radius($params...) {\n body.ltr & {\n border-top-left-radius: $params;\n }\n body.rtl & {\n border-top-right-radius: $params;\n }\n}\n\n@mixin border-top-right-radius($params...) {\n body.ltr & {\n border-top-right-radius: $params;\n }\n body.rtl & {\n border-top-left-radius: $params;\n }\n}\n\n@mixin border-bottom-left-radius($params...) {\n body.ltr & {\n border-bottom-left-radius: $params;\n }\n body.rtl & {\n border-bottom-right-radius: $params;\n }\n}\n\n@mixin border-bottom-right-radius($params...) {\n body.ltr & {\n border-bottom-right-radius: $params;\n }\n body.rtl & {\n border-bottom-left-radius: $params;\n }\n}\n\n@mixin floatleft {\n body.ltr & {\n float: left;\n }\n body.rtl & {\n float: right;\n }\n}\n\n@mixin floatright {\n body.ltr & {\n float: right;\n }\n body.rtl & {\n float: left;\n }\n}\n\n@mixin margin($t, $r, $b, $l, $important: '') {\n body.ltr & {\n margin: $t $r $b $l unquote($important);\n }\n body.rtl & {\n margin: $t $l $b $r unquote($important);\n }\n}\n\n@mixin margin-left($margin...) {\n body.ltr & {\n margin-left: $margin;\n }\n body.rtl & {\n margin-right: $margin;\n }\n}\n\n@mixin margin-right($margin...) {\n body.ltr & {\n margin-right: $margin;\n }\n body.rtl & {\n margin-left: $margin;\n }\n}\n\n@mixin padding($t, $r, $b, $l, $important: '') {\n body.ltr & {\n padding: $t $r $b $l unquote($important);\n }\n body.rtl & {\n padding: $t $l $b $r unquote($important);\n }\n}\n\n@mixin padding-left($padding...) {\n body.ltr & {\n padding-left: $padding;\n }\n body.rtl & {\n padding-right: $padding;\n }\n}\n\n@mixin padding-right($padding...) {\n body.ltr & {\n padding-right: $padding;\n }\n body.rtl & {\n padding-left: $padding;\n }\n}\n\n// Misc\n\n@mixin dark-inputs {\n @include placeholder-styles($grey400);\n\n .btn,\n .select:not(.selectize) select {\n background-color: $grey200;\n\n &:focus,\n &:hover {\n background-color: darken($grey200, 5%);\n }\n\n &:active,\n &.active {\n background-color: darken($grey200, 10%);\n }\n }\n\n .text {\n background-color: $grey200;\n\n &:focus {\n background-color: darken($grey200, 5%);\n }\n }\n}\n\n@mixin header-btn {\n width: 30px;\n height: 30px;\n padding-left: 0;\n padding-right: 0;\n\n &:not(:hover):not(:active):not(.active) {\n background-color: transparent;\n }\n &:not(:active):not(.active):hover {\n background-color: transparentize($grey300, 0.85);\n }\n}\n\n@mixin h6-styles {\n margin: 14px 0 3px;\n font-size: 11px;\n line-height: 1.2;\n color: $lightTextColor;\n text-transform: uppercase;\n}\n\n@mixin token-styles {\n display: inline-block;\n border-radius: $smallBorderRadius;\n padding: 3px 7px;\n font-size: 12px;\n line-height: 14px;\n color: $textColor;\n background-color: $grey100;\n}\n\n@mixin active-token-styles {\n background-color: $grey200;\n}\n\n@mixin menu-styles {\n z-index: 100;\n border-radius: $menuBorderRadius;\n padding: 0 14px;\n overflow: auto;\n background: $white;\n user-select: none;\n box-shadow: 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-option-styles {\n margin: 0 -14px;\n padding: 10px 14px;\n color: $menuOptionColor;\n text-decoration: none;\n white-space: nowrap;\n}\n\n@mixin menu-option-active-styles {\n color: $menuOptionActiveColor;\n background-color: $menuOptionActiveBackgroundColor;\n}\n\n@mixin disclosure-link-hover-styles {\n color: $menuOptionColor;\n background-color: $grey050;\n}\n\n@mixin input-styles {\n border-radius: $smallBorderRadius;\n border: 1px solid transparentize($inputColor, 0.75);\n background-color: hsl(212, 50%, 99%);\n background-clip: padding-box;\n}\n\n@mixin input-focused-styles {\n box-shadow: var(--focus-ring);\n}\n\n@mixin placeholder-styles($color) {\n input::-webkit-input-placeholder,\n textarea::-webkit-input-placeholder {\n color: $color;\n }\n\n input:-ms-input-placeholder,\n textarea:-ms-input-placeholder {\n color: $color;\n }\n\n input::-ms-input-placeholder,\n textarea::-ms-input-placeholder {\n color: $color;\n }\n\n input:-moz-placeholder,\n textarea:-moz-placeholder {\n color: $color;\n }\n\n input::-moz-placeholder,\n textarea::-moz-placeholder {\n color: $color;\n }\n\n input::placeholder,\n textarea::placeholder {\n color: $color;\n }\n}\n\n@mixin select-styles {\n position: relative;\n border-radius: $largeBorderRadius;\n white-space: nowrap;\n}\n\n@mixin select-container-styles {\n max-width: 100%;\n position: relative;\n :not(.flex) > & {\n display: inline-block;\n }\n}\n\n@mixin select-arrow-styles {\n @include angle;\n position: absolute;\n z-index: 1;\n top: calc(50% - 5px);\n @include right(9px);\n user-select: none;\n pointer-events: none;\n}\n\n@mixin select-input-styles {\n display: block;\n position: relative;\n max-width: 100%;\n border: none;\n @include padding(7px, 22px, 7px, 10px);\n font-size: 14px;\n line-height: 20px;\n color: $textColor;\n background-color: hsl(212, 25%, 90%);\n appearance: none;\n // from https://stackoverflow.com/a/15933790/1688568\n &::-ms-expand {\n display: none;\n }\n}\n\n@mixin select-input-fullwidth-styles {\n min-width: 100%;\n}\n\n@mixin select-input-focused-styles {\n outline-color: transparent;\n background-color: hsl(212, 25%, 85%);\n box-shadow: var(--focus-ring);\n}\n\n@mixin touch-target {\n height: var(--touch-target-size);\n width: var(--touch-target-size);\n}\n\n@mixin visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: 0;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\n@mixin readable {\n font-size: 16px;\n line-height: 22px;\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6 {\n font-size: 13.6px;\n line-height: 17px;\n color: $mediumTextColor;\n }\n\n ul,\n ol {\n margin: 1em 0;\n @include padding-left(2em);\n }\n\n ul li {\n list-style-type: disc;\n }\n\n li + li {\n margin-top: 0.25em;\n }\n\n blockquote {\n margin: 16px 0;\n\n &:not(.note) {\n padding: 0 16px;\n color: $mediumTextColor;\n @include border-left(4px solid $hairlineColor);\n }\n\n &.note {\n position: relative;\n border-radius: 4px;\n padding: 1em;\n @include padding-left(56px);\n border: 1px solid;\n\n &:not(.tip):not(.warning) {\n border-color: $errorColor;\n color: #bf503f;\n\n &:before {\n content: 'alert';\n color: $errorColor;\n }\n }\n\n &.tip {\n border-color: $linkColor;\n color: $mediumTextColor;\n\n &:before {\n content: 'lightbulb';\n color: $linkColor;\n }\n }\n\n &.warning {\n border-color: $warningColor;\n color: #cf783a;\n\n &:before {\n content: 'alert';\n color: $warningColor;\n }\n }\n\n &:before {\n @include icon;\n position: absolute;\n top: 12px;\n @include left(16px);\n font-size: 30px;\n width: 24px;\n }\n }\n }\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/src/web/assets/updates/dist/css/UpdatesUtility.css.map b/src/web/assets/updates/dist/css/UpdatesUtility.css.map
index 090991f191f..3b59b095785 100644
--- a/src/web/assets/updates/dist/css/UpdatesUtility.css.map
+++ b/src/web/assets/updates/dist/css/UpdatesUtility.css.map
@@ -1 +1 @@
-{"version":3,"file":"css/UpdatesUtility.css","mappings":"AAIE,kBACE,kCAGA,YAFA,oBACA,UACA,CAEA,0BACE,oEAGF,yCACE,kBAOF,qBACA,CAHA,cACA,iBACA,CAPE,sBAIJ,kBAIE,0BACA,eAIA,iCAKE,6CACA,8CAEA,CAJF,iCACE,CAGA,mBAFA,mBAEA,2CAGA,+BACE,mDAIF,uDAKF,yCACE,iBAGF,qCAGE,0DAII,4EAYE,yBACA,CARA,iBACA,CAIA,kBACA,CAPF,qBAIE,cACA,CAEA,eACA,CAHA,gBACA,CAJA,aAEA,CAKA,wBACA,CAVF,0BAUE,iECgXV,gFAGA,mED9WM,iCACE,mGCqYR,yFAGA,wFDjYU,qCAGE,CAHF,QAGE,+ECgNZ,wFAGA,gED/MQ,kFAQE,6BAEA,CALF,+BACE,gCAIA,kECkVV,kFAGA,qEDjVM,iCAEE,qPAQV,wEAQQ,6CACA,qEAIA","sources":["webpack:///./updates.scss","webpack:///../../../../../packages/craftcms-sass/_mixins.scss"],"sourcesContent":["@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\n#content {\n #graphic {\n display: flex;\n margin: 200px auto 0;\n width: 48px;\n height: 48px;\n\n &.success {\n background-image: url(images/success.png);\n }\n\n &.error {\n background-image: url(images/error.png);\n }\n }\n\n #status {\n margin: 20px auto 250px;\n text-align: center;\n font-size: 16px;\n line-height: 20px;\n color: var(--gray-500);\n }\n\n .update {\n & + .update {\n margin-top: 24px;\n }\n\n .update-header {\n display: flex;\n align-items: center;\n padding-bottom: 10px;\n border-bottom: 1px solid var(--hairline-color);\n margin-bottom: 16px;\n\n .readable {\n flex-grow: 1;\n margin: 0;\n }\n\n .buttons {\n margin: 0;\n }\n }\n\n blockquote.ineligible:before {\n content: 'ban';\n }\n\n .releases {\n position: relative;\n\n .release {\n padding: 0;\n\n &.critical {\n h2 {\n color: var(--red-600);\n }\n\n .critical {\n display: inline-block;\n vertical-align: text-bottom;\n @include margin-left(7px);\n border-radius: 3px;\n padding: 0 5px;\n font-size: 14px;\n line-height: 24px;\n color: var(--white);\n font-weight: normal;\n background: var(--red-500);\n text-transform: uppercase;\n }\n }\n\n .release-info {\n display: flex;\n margin: 0;\n padding: 20px 24px;\n\n &.fieldtoggle {\n @include padding-left(44px);\n\n &:before {\n @include left(20px);\n top: 29px;\n border-color: var(--medium-text-color);\n }\n }\n\n h2 {\n margin: 0;\n line-height: 24px;\n }\n\n .date {\n flex-grow: 1;\n @include margin-left(14px);\n font-size: 24px;\n line-height: 24px;\n color: var(--light-text-color);\n }\n }\n\n .release-notes {\n // Keep this LTR since the actual release notes are only LTR\n direction: ltr;\n padding: 0 24px 20px;\n }\n }\n }\n }\n}\n\n@media only screen and (-webkit-min-device-pixel-ratio: 1.5),\n only screen and (-moz-min-device-pixel-ratio: 1.5),\n only screen and (-o-min-device-pixel-ratio: 3/2),\n only screen and (min-device-pixel-ratio: 1.5),\n only screen and (min-resolution: 1.5dppx) {\n #content {\n #graphic {\n &.success {\n background-image: url(images/success_2x.png);\n background-size: 48px;\n }\n\n &.error {\n background-image: url(images/error_2x.png);\n background-size: 48px;\n }\n }\n }\n}\n","$white: #fff;\n$black: #000;\n\n$grey050: hsl(212, 60%, 97%);\n$grey100: hsl(212, 50%, 93%);\n$grey200: hsl(212, 30%, 85%);\n$grey300: hsl(211, 13%, 65%);\n$grey350: hsl(211, 11%, 59%);\n$grey400: hsl(210, 10%, 53%);\n$grey500: hsl(211, 12%, 43%);\n$grey550: hsl(210, 13%, 40%);\n$grey600: hsl(209, 14%, 37%);\n$grey700: hsl(209, 18%, 30%);\n$grey800: hsl(209, 20%, 25%);\n$grey900: hsl(210, 24%, 16%);\n$grey1000: hsl(210, 24%, 10%);\n\n$blue050: #e3f8ff;\n$blue100: #b3ecff;\n$blue200: #81defd;\n$blue300: #5ed0fa;\n$blue400: #40c3f7;\n$blue500: #2bb0ed;\n$blue600: #1992d4;\n$blue700: #127fbf;\n$blue800: #0b69a3;\n$blue900: #035388;\n\n$cyan050: #e0fcff;\n$cyan100: #bef8fd;\n$cyan200: #87eaf2;\n$cyan300: #54d1db;\n$cyan400: #38bec9;\n$cyan500: #2cb1bc;\n$cyan600: #14919b;\n$cyan700: #0e7c86;\n$cyan800: #0a6c74;\n$cyan900: #044e54;\n\n$pink050: #ffe3ec;\n$pink100: #ffb8d2;\n$pink200: #ff8cba;\n$pink300: #f364a2;\n$pink400: #e8368f;\n$pink500: #da127d;\n$pink600: #bc0a6f;\n$pink700: #a30664;\n$pink800: #870557;\n$pink900: #620042;\n\n$red050: #ffe3e3;\n$red100: #ffbdbd;\n$red200: #ff9b9b;\n$red300: #f86a6a;\n$red400: #ef4e4e;\n$red500: #e12d39;\n$red600: #cf1124;\n$red700: #ab091e;\n$red800: #8a041a;\n$red900: #610316;\n\n$yellow050: #fffbea;\n$yellow100: #fff3c4;\n$yellow200: #fce588;\n$yellow300: #fadb5f;\n$yellow400: #f7c948;\n$yellow500: #f0b429;\n$yellow600: #de911d;\n$yellow700: #cb6e17;\n$yellow800: #b44d12;\n$yellow900: #8d2b0b;\n\n$teal050: #effcf6;\n$teal100: #c6f7e2;\n$teal200: #8eedc7;\n$teal300: #65d6ad;\n$teal400: #3ebd93;\n$teal500: #27ab83;\n$teal600: #199473;\n$teal700: #147d64;\n$teal800: #0c6b58;\n$teal900: #014d40;\n\n// submit button colors\n$primaryColor: $red500;\n$secondaryColor: $grey500;\n\n$inputColor: hsl(212, 25%, 50%);\n\n// text colors\n$textColor: $grey700;\n$mediumDarkTextColor: $grey550;\n$mediumTextColor: $grey550;\n$lightTextColor: $grey500;\n$linkColor: #2563eb;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $white;\n$menuOptionActiveBackgroundColor: $grey500;\n\n// hairline colors\n$hairlineColor: transparentize($grey800, 0.9);\n$mediumHairlineColor: transparentize($grey600, 0.75);\n$darkHairlineColor: transparentize($grey400, 0.5);\n\n// focus colors\n$lightFocusColor: $blue300;\n$mediumFocusColor: $blue500;\n$darkFocusColor: #0f74b1;\n\n// focus rings\n$lightFocusRing: 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing: 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing: 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey600;\n\n// alert/notice colors\n$errorColor: $red600;\n$warningColor: $yellow800;\n$successColor: $teal500;\n$noticeColor: $blue800;\n\n// UI element styles\n$smallBorderRadius: 3px;\n$mediumBorderRadius: 4px;\n$largeBorderRadius: 5px;\n\n$menuBorderRadius: $mediumBorderRadius;\n$checkboxSize: 16px;\n$radioSize: 16px;\n\n@mixin sans-serif-font {\n font-family: system-ui, BlinkMacSystemFont, -apple-system, 'Segoe UI',\n 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',\n 'Helvetica Neue', sans-serif;\n}\n\n@mixin fixed-width-font {\n font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier,\n monospace;\n font-size: 0.9em !important;\n}\n\n@function toRem($size) {\n $remValue: calc($size / 16) + rem;\n @return $remValue;\n}\n\n@mixin fontSize($size) {\n font-size: toRem($size);\n}\n\n// Other\n\n@mixin focus-styles {\n body:not(.reduce-focus-visibility) &:focus,\n body.reduce-focus-visibility &.focus-visible {\n @content;\n }\n}\n\n@mixin svg-mask($color) {\n rect,\n circle,\n ellipse,\n line,\n polyline,\n polygon,\n path,\n text {\n fill: $color;\n stroke-width: 0;\n }\n}\n\n@mixin icon {\n font-family: 'Craft';\n speak: none;\n -webkit-font-feature-settings: 'liga', 'dlig';\n -moz-font-feature-settings: 'liga=1, dlig=1';\n -moz-font-feature-settings: 'liga', 'dlig';\n -ms-font-feature-settings: 'liga', 'dlig';\n -o-font-feature-settings: 'liga', 'dlig';\n font-feature-settings: 'liga', 'dlig';\n text-rendering: optimizeLegibility;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n direction: ltr; // Fixes a rendering issue in Chrome/Win\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n\n display: inline-block;\n text-align: center;\n font-style: normal;\n vertical-align: middle;\n word-wrap: normal !important;\n user-select: none;\n\n opacity: var(--icon-opacity);\n}\n\n@mixin angle($dir: down, $color: currentColor, $width: 2px) {\n display: block;\n content: '';\n font-size: 0;\n width: 7px;\n height: 7px;\n border: solid $color;\n border-width: 0 $width $width 0;\n opacity: 0.8;\n\n @if $dir == up {\n transform: rotate(225deg);\n } @else if $dir == down {\n transform: rotate(45deg);\n } @else if $dir == left {\n body.ltr & {\n transform: rotate(135deg);\n }\n body.rtl & {\n transform: rotate(-45deg);\n }\n } @else if $dir == right {\n body.ltr & {\n transform: rotate(-45deg);\n }\n body.rtl & {\n transform: rotate(135deg);\n }\n }\n}\n\n@mixin clearafter {\n content: '';\n display: block;\n height: 0;\n clear: both;\n visibility: hidden;\n}\n\n@mixin shadow {\n box-shadow: 0 1px 5px -1px transparentize($grey900, 0.8);\n}\n\n@mixin pane {\n background: $white;\n box-shadow: 0 0 0 1px $grey200, 0 2px 12px transparentize($grey200, 0.5);\n\n &:focus {\n box-shadow: var(--focus-ring);\n }\n}\n\n@mixin modal {\n border-radius: $largeBorderRadius;\n background-color: $white;\n box-shadow: 0 25px 100px transparentize($grey900, 0.5);\n}\n\n@mixin light-on-dark-text() {\n // Make light on dark text sharp on Macs\n // (sub-pixel antialiasing looks too bold/blurry with light text on dark background)\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-weight: 500;\n}\n\n@mixin light-focus-ring() {\n --focus-ring: 0 0 0 1px hsl(var(--light-focus-hsl)),\n 0 0 0 3px hsla(var(--light-focus-hsl), 0.7);\n}\n\n@mixin two-color-focus-ring($light-button: true) {\n // Creates a two-color focus ring, with a white\n // If button is light, the dark box shadow is adjacent to the button\n // Else the light box shadow is adjacent to the button\n --light-color: var(--white);\n --dark-color: var(--gray-800);\n\n @if $light-button {\n --focus-ring: 0 0 0 3px var(--dark-color), 0 0 0 6px var(--light-color);\n } @else {\n --focus-ring: 0 0 0 3px var(--light-color), 0 0 0 6px var(--dark-color);\n }\n}\n\n// RTL stuff\n\n@mixin left($left) {\n body.ltr & {\n left: $left;\n }\n body.rtl & {\n right: $left;\n }\n}\n\n@mixin right($right) {\n body.ltr & {\n right: $right;\n }\n body.rtl & {\n left: $right;\n }\n}\n\n@mixin alignleft {\n body.ltr & {\n text-align: left;\n }\n body.rtl & {\n text-align: right;\n }\n}\n\n@mixin alignright {\n body.ltr & {\n text-align: right;\n }\n body.rtl & {\n text-align: left;\n }\n}\n\n@mixin border-left($params...) {\n body.ltr & {\n border-left: $params;\n }\n body.rtl & {\n border-right: $params;\n }\n}\n\n@mixin border-right($params...) {\n body.ltr & {\n border-right: $params;\n }\n body.rtl & {\n border-left: $params;\n }\n}\n\n@mixin border-left-width($param) {\n body.ltr & {\n border-left-width: $param;\n }\n body.rtl & {\n border-right-width: $param;\n }\n}\n\n@mixin border-right-width($param) {\n body.ltr & {\n border-right-width: $param;\n }\n body.rtl & {\n border-left-width: $param;\n }\n}\n\n@mixin border-radius($tl, $tr, $br, $bl) {\n body.ltr & {\n border-radius: $tl $tr $br $bl;\n }\n body.rtl & {\n border-radius: $tr $tl $bl $br;\n }\n}\n\n@mixin border-top-left-radius($params...) {\n body.ltr & {\n border-top-left-radius: $params;\n }\n body.rtl & {\n border-top-right-radius: $params;\n }\n}\n\n@mixin border-top-right-radius($params...) {\n body.ltr & {\n border-top-right-radius: $params;\n }\n body.rtl & {\n border-top-left-radius: $params;\n }\n}\n\n@mixin border-bottom-left-radius($params...) {\n body.ltr & {\n border-bottom-left-radius: $params;\n }\n body.rtl & {\n border-bottom-right-radius: $params;\n }\n}\n\n@mixin border-bottom-right-radius($params...) {\n body.ltr & {\n border-bottom-right-radius: $params;\n }\n body.rtl & {\n border-bottom-left-radius: $params;\n }\n}\n\n@mixin floatleft {\n body.ltr & {\n float: left;\n }\n body.rtl & {\n float: right;\n }\n}\n\n@mixin floatright {\n body.ltr & {\n float: right;\n }\n body.rtl & {\n float: left;\n }\n}\n\n@mixin margin($t, $r, $b, $l, $important: '') {\n body.ltr & {\n margin: $t $r $b $l unquote($important);\n }\n body.rtl & {\n margin: $t $l $b $r unquote($important);\n }\n}\n\n@mixin margin-left($margin...) {\n body.ltr & {\n margin-left: $margin;\n }\n body.rtl & {\n margin-right: $margin;\n }\n}\n\n@mixin margin-right($margin...) {\n body.ltr & {\n margin-right: $margin;\n }\n body.rtl & {\n margin-left: $margin;\n }\n}\n\n@mixin padding($t, $r, $b, $l, $important: '') {\n body.ltr & {\n padding: $t $r $b $l unquote($important);\n }\n body.rtl & {\n padding: $t $l $b $r unquote($important);\n }\n}\n\n@mixin padding-left($padding...) {\n body.ltr & {\n padding-left: $padding;\n }\n body.rtl & {\n padding-right: $padding;\n }\n}\n\n@mixin padding-right($padding...) {\n body.ltr & {\n padding-right: $padding;\n }\n body.rtl & {\n padding-left: $padding;\n }\n}\n\n// Misc\n\n@mixin dark-inputs {\n @include placeholder-styles($grey400);\n\n .btn,\n .select:not(.selectize) select {\n background-color: $grey200;\n\n &:focus,\n &:hover {\n background-color: darken($grey200, 5%);\n }\n\n &:active,\n &.active {\n background-color: darken($grey200, 10%);\n }\n }\n\n .text {\n background-color: $grey200;\n\n &:focus {\n background-color: darken($grey200, 5%);\n }\n }\n}\n\n@mixin header-btn {\n width: 30px;\n height: 30px;\n padding-left: 0;\n padding-right: 0;\n\n &:not(:hover):not(:active):not(.active) {\n background-color: transparent;\n }\n &:not(:active):not(.active):hover {\n background-color: transparentize($grey300, 0.85);\n }\n}\n\n@mixin h6-styles {\n margin: 14px 0 3px;\n font-size: 11px;\n line-height: 1.2;\n color: $lightTextColor;\n text-transform: uppercase;\n}\n\n@mixin token-styles {\n display: inline-block;\n border-radius: $smallBorderRadius;\n padding: 3px 7px;\n font-size: 12px;\n line-height: 14px;\n color: $textColor;\n background-color: $grey100;\n}\n\n@mixin active-token-styles {\n background-color: $grey200;\n}\n\n@mixin menu-styles {\n z-index: 100;\n border-radius: $menuBorderRadius;\n padding: 0 14px;\n overflow: auto;\n background: $white;\n user-select: none;\n box-shadow: 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-option-styles {\n margin: 0 -14px;\n padding: 10px 14px;\n color: $menuOptionColor;\n text-decoration: none;\n white-space: nowrap;\n}\n\n@mixin menu-option-active-styles {\n color: $menuOptionActiveColor;\n background-color: $menuOptionActiveBackgroundColor;\n}\n\n@mixin disclosure-link-hover-styles {\n color: $menuOptionColor;\n background-color: $grey050;\n}\n\n@mixin input-styles {\n border-radius: $smallBorderRadius;\n border: 1px solid transparentize($inputColor, 0.75);\n background-color: hsl(212, 50%, 99%);\n background-clip: padding-box;\n}\n\n@mixin input-focused-styles {\n box-shadow: var(--focus-ring);\n}\n\n@mixin placeholder-styles($color) {\n ::-webkit-input-placeholder {\n color: $color;\n }\n\n input:-ms-input-placeholder {\n color: $color;\n }\n\n ::-ms-input-placeholder {\n color: $color;\n }\n\n :-moz-placeholder {\n color: $color;\n }\n\n ::-moz-placeholder {\n color: $color;\n }\n\n ::placeholder {\n color: $color;\n }\n}\n\n@mixin select-styles {\n position: relative;\n border-radius: $largeBorderRadius;\n white-space: nowrap;\n}\n\n@mixin select-container-styles {\n max-width: 100%;\n position: relative;\n :not(.flex) > & {\n display: inline-block;\n }\n}\n\n@mixin select-arrow-styles {\n @include angle;\n position: absolute;\n z-index: 1;\n top: calc(50% - 5px);\n @include right(9px);\n user-select: none;\n pointer-events: none;\n}\n\n@mixin select-input-styles {\n display: block;\n position: relative;\n max-width: 100%;\n border: none;\n @include padding(7px, 22px, 7px, 10px);\n font-size: 14px;\n line-height: 20px;\n color: $textColor;\n background-color: hsl(212, 25%, 90%);\n appearance: none;\n // from https://stackoverflow.com/a/15933790/1688568\n &::-ms-expand {\n display: none;\n }\n}\n\n@mixin select-input-fullwidth-styles {\n min-width: 100%;\n}\n\n@mixin select-input-focused-styles {\n outline-color: transparent;\n background-color: hsl(212, 25%, 85%);\n box-shadow: var(--focus-ring);\n}\n\n@mixin touch-target {\n height: var(--touch-target-size);\n width: var(--touch-target-size);\n}\n\n@mixin visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: 0;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\n@mixin readable {\n font-size: 16px;\n line-height: 22px;\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6 {\n font-size: 13.6px;\n line-height: 17px;\n color: $mediumTextColor;\n }\n\n ul,\n ol {\n margin: 1em 0;\n @include padding-left(2em);\n }\n\n ul li {\n list-style-type: disc;\n }\n\n li + li {\n margin-top: 0.25em;\n }\n\n blockquote {\n margin: 16px 0;\n\n &:not(.note) {\n padding: 0 16px;\n color: $mediumTextColor;\n @include border-left(4px solid $hairlineColor);\n }\n\n &.note {\n position: relative;\n border-radius: 4px;\n padding: 1em;\n @include padding-left(56px);\n border: 1px solid;\n\n &:not(.tip):not(.warning) {\n border-color: $errorColor;\n color: #bf503f;\n\n &:before {\n content: 'alert';\n color: $errorColor;\n }\n }\n\n &.tip {\n border-color: $linkColor;\n color: $mediumTextColor;\n\n &:before {\n content: 'lightbulb';\n color: $linkColor;\n }\n }\n\n &.warning {\n border-color: $warningColor;\n color: #cf783a;\n\n &:before {\n content: 'alert';\n color: $warningColor;\n }\n }\n\n &:before {\n @include icon;\n position: absolute;\n top: 12px;\n @include left(16px);\n font-size: 30px;\n width: 24px;\n }\n }\n }\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"css/UpdatesUtility.css","mappings":"AAIE,kBACE,kCAGA,YAFA,oBACA,UACA,CAEA,0BACE,oEAGF,yCACE,kBAOF,qBACA,CAHA,cACA,iBACA,CAPE,sBAIJ,kBAIE,0BACA,eAIA,iCAKE,6CACA,8CAEA,CAJF,iCACE,CAGA,mBAFA,mBAEA,2CAGA,+BACE,mDAIF,uDAKF,yCACE,iBAGF,qCAGE,0DAII,4EAYE,yBACA,CARA,iBACA,CAIA,kBACA,CAPF,qBAIE,cACA,CAEA,eACA,CAHA,gBACA,CAJA,aAEA,CAKA,wBACA,CAVF,0BAUE,iEC0XV,gFAGA,mEDxXM,iCACE,mGC+YR,yFAGA,wFD3YU,qCAGE,CAHF,QAGE,+EC0NZ,wFAGA,gEDzNQ,kFAQE,6BAEA,CALF,+BACE,gCAIA,kEC4VV,kFAGA,qED3VM,iCAEE,qPAQV,wEAQQ,6CACA,qEAIA","sources":["webpack:///./updates.scss","webpack:///../../../../../packages/craftcms-sass/_mixins.scss"],"sourcesContent":["@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\n#content {\n #graphic {\n display: flex;\n margin: 200px auto 0;\n width: 48px;\n height: 48px;\n\n &.success {\n background-image: url(images/success.png);\n }\n\n &.error {\n background-image: url(images/error.png);\n }\n }\n\n #status {\n margin: 20px auto 250px;\n text-align: center;\n font-size: 16px;\n line-height: 20px;\n color: var(--gray-500);\n }\n\n .update {\n & + .update {\n margin-top: 24px;\n }\n\n .update-header {\n display: flex;\n align-items: center;\n padding-bottom: 10px;\n border-bottom: 1px solid var(--hairline-color);\n margin-bottom: 16px;\n\n .readable {\n flex-grow: 1;\n margin: 0;\n }\n\n .buttons {\n margin: 0;\n }\n }\n\n blockquote.ineligible:before {\n content: 'ban';\n }\n\n .releases {\n position: relative;\n\n .release {\n padding: 0;\n\n &.critical {\n h2 {\n color: var(--red-600);\n }\n\n .critical {\n display: inline-block;\n vertical-align: text-bottom;\n @include margin-left(7px);\n border-radius: 3px;\n padding: 0 5px;\n font-size: 14px;\n line-height: 24px;\n color: var(--white);\n font-weight: normal;\n background: var(--red-500);\n text-transform: uppercase;\n }\n }\n\n .release-info {\n display: flex;\n margin: 0;\n padding: 20px 24px;\n\n &.fieldtoggle {\n @include padding-left(44px);\n\n &:before {\n @include left(20px);\n top: 29px;\n border-color: var(--medium-text-color);\n }\n }\n\n h2 {\n margin: 0;\n line-height: 24px;\n }\n\n .date {\n flex-grow: 1;\n @include margin-left(14px);\n font-size: 24px;\n line-height: 24px;\n color: var(--light-text-color);\n }\n }\n\n .release-notes {\n // Keep this LTR since the actual release notes are only LTR\n direction: ltr;\n padding: 0 24px 20px;\n }\n }\n }\n }\n}\n\n@media only screen and (-webkit-min-device-pixel-ratio: 1.5),\n only screen and (-moz-min-device-pixel-ratio: 1.5),\n only screen and (-o-min-device-pixel-ratio: 3/2),\n only screen and (min-device-pixel-ratio: 1.5),\n only screen and (min-resolution: 1.5dppx) {\n #content {\n #graphic {\n &.success {\n background-image: url(images/success_2x.png);\n background-size: 48px;\n }\n\n &.error {\n background-image: url(images/error_2x.png);\n background-size: 48px;\n }\n }\n }\n}\n","$white: #fff;\n$black: #000;\n\n$grey050: hsl(212, 60%, 97%);\n$grey100: hsl(212, 50%, 93%);\n$grey200: hsl(212, 30%, 85%);\n$grey300: hsl(211, 13%, 65%);\n$grey350: hsl(211, 11%, 59%);\n$grey400: hsl(210, 10%, 53%);\n$grey500: hsl(211, 12%, 43%);\n$grey550: hsl(210, 13%, 40%);\n$grey600: hsl(209, 14%, 37%);\n$grey700: hsl(209, 18%, 30%);\n$grey800: hsl(209, 20%, 25%);\n$grey900: hsl(210, 24%, 16%);\n$grey1000: hsl(210, 24%, 10%);\n\n$blue050: #e3f8ff;\n$blue100: #b3ecff;\n$blue200: #81defd;\n$blue300: #5ed0fa;\n$blue400: #40c3f7;\n$blue500: #2bb0ed;\n$blue600: #1992d4;\n$blue700: #127fbf;\n$blue800: #0b69a3;\n$blue900: #035388;\n\n$cyan050: #e0fcff;\n$cyan100: #bef8fd;\n$cyan200: #87eaf2;\n$cyan300: #54d1db;\n$cyan400: #38bec9;\n$cyan500: #2cb1bc;\n$cyan600: #14919b;\n$cyan700: #0e7c86;\n$cyan800: #0a6c74;\n$cyan900: #044e54;\n\n$pink050: #ffe3ec;\n$pink100: #ffb8d2;\n$pink200: #ff8cba;\n$pink300: #f364a2;\n$pink400: #e8368f;\n$pink500: #da127d;\n$pink600: #bc0a6f;\n$pink700: #a30664;\n$pink800: #870557;\n$pink900: #620042;\n\n$red050: #ffe3e3;\n$red100: #ffbdbd;\n$red200: #ff9b9b;\n$red300: #f86a6a;\n$red400: #ef4e4e;\n$red500: #e12d39;\n$red600: #cf1124;\n$red700: #ab091e;\n$red800: #8a041a;\n$red900: #610316;\n\n$yellow050: #fffbea;\n$yellow100: #fff3c4;\n$yellow200: #fce588;\n$yellow300: #fadb5f;\n$yellow400: #f7c948;\n$yellow500: #f0b429;\n$yellow600: #de911d;\n$yellow700: #cb6e17;\n$yellow800: #b44d12;\n$yellow900: #8d2b0b;\n\n$teal050: #effcf6;\n$teal100: #c6f7e2;\n$teal200: #8eedc7;\n$teal300: #65d6ad;\n$teal400: #3ebd93;\n$teal500: #27ab83;\n$teal600: #199473;\n$teal700: #147d64;\n$teal800: #0c6b58;\n$teal900: #014d40;\n\n// submit button colors\n$primaryColor: $red500;\n$secondaryColor: $grey500;\n\n$inputColor: hsl(212, 25%, 50%);\n\n// text colors\n$textColor: $grey700;\n$mediumDarkTextColor: $grey550;\n$mediumTextColor: $grey550;\n$lightTextColor: $grey500;\n$linkColor: #2563eb;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $white;\n$menuOptionActiveBackgroundColor: $grey500;\n\n// hairline colors\n$hairlineColor: transparentize($grey800, 0.9);\n$mediumHairlineColor: transparentize($grey600, 0.75);\n$darkHairlineColor: transparentize($grey400, 0.5);\n\n// focus colors\n$lightFocusColor: $blue300;\n$mediumFocusColor: $blue500;\n$darkFocusColor: #0f74b1;\n\n// focus rings\n$lightFocusRing: 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing: 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing: 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey600;\n\n// alert/notice colors\n$errorColor: $red600;\n$warningColor: $yellow800;\n$successColor: $teal500;\n$noticeColor: $blue800;\n\n// UI element styles\n$smallBorderRadius: 3px;\n$mediumBorderRadius: 4px;\n$largeBorderRadius: 5px;\n\n$menuBorderRadius: $mediumBorderRadius;\n$checkboxSize: 16px;\n$radioSize: 16px;\n\n@mixin sans-serif-font {\n font-family: system-ui, BlinkMacSystemFont, -apple-system, 'Segoe UI',\n 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',\n 'Helvetica Neue', sans-serif;\n}\n\n@mixin fixed-width-font {\n font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier,\n monospace;\n font-size: 0.9em !important;\n}\n\n@function toRem($values...) {\n $max: length($values);\n $remValues: '';\n\n @for $i from 1 through $max {\n $remValues: #{$remValues + calc(nth($values, $i) / 16)}rem;\n\n @if $i < $max {\n $remValues: #{$remValues + ' '};\n }\n }\n\n @return $remValues;\n}\n\n@mixin fontSize($size) {\n font-size: toRem($size);\n}\n\n// Other\n\n@mixin focus-styles {\n body:not(.reduce-focus-visibility) &:focus,\n body.reduce-focus-visibility &.focus-visible {\n @content;\n }\n}\n\n@mixin svg-mask($color) {\n rect,\n circle,\n ellipse,\n line,\n polyline,\n polygon,\n path,\n text {\n fill: $color;\n stroke-width: 0;\n }\n}\n\n@mixin icon {\n font-family: 'Craft';\n speak: none;\n -webkit-font-feature-settings: 'liga', 'dlig';\n -moz-font-feature-settings: 'liga=1, dlig=1';\n -moz-font-feature-settings: 'liga', 'dlig';\n -ms-font-feature-settings: 'liga', 'dlig';\n -o-font-feature-settings: 'liga', 'dlig';\n font-feature-settings: 'liga', 'dlig';\n text-rendering: optimizeLegibility;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n direction: ltr; // Fixes a rendering issue in Chrome/Win\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n\n display: inline-block;\n text-align: center;\n font-style: normal;\n vertical-align: middle;\n word-wrap: normal !important;\n user-select: none;\n\n opacity: var(--icon-opacity);\n}\n\n@mixin angle($dir: down, $color: currentColor, $width: 2px) {\n display: block;\n content: '';\n font-size: 0;\n width: 7px;\n height: 7px;\n border: solid $color;\n border-width: 0 $width $width 0;\n opacity: 0.8;\n\n @if $dir == up {\n transform: rotate(225deg);\n } @else if $dir == down {\n transform: rotate(45deg);\n } @else if $dir == left {\n body.ltr & {\n transform: rotate(135deg);\n }\n body.rtl & {\n transform: rotate(-45deg);\n }\n } @else if $dir == right {\n body.ltr & {\n transform: rotate(-45deg);\n }\n body.rtl & {\n transform: rotate(135deg);\n }\n }\n}\n\n@mixin clearafter {\n content: '';\n display: block;\n height: 0;\n clear: both;\n visibility: hidden;\n}\n\n@mixin shadow {\n box-shadow: 0 1px 5px -1px transparentize($grey900, 0.8);\n}\n\n@mixin pane {\n background: $white;\n box-shadow: 0 0 0 1px $grey200, 0 2px 12px transparentize($grey200, 0.5);\n\n &:focus {\n box-shadow: var(--focus-ring);\n }\n}\n\n@mixin modal {\n border-radius: $largeBorderRadius;\n background-color: $white;\n box-shadow: 0 25px 100px transparentize($grey900, 0.5);\n}\n\n@mixin light-on-dark-text() {\n // Make light on dark text sharp on Macs\n // (sub-pixel antialiasing looks too bold/blurry with light text on dark background)\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-weight: 500;\n}\n\n@mixin light-focus-ring() {\n --focus-ring: 0 0 0 1px hsl(var(--light-focus-hsl)),\n 0 0 0 3px hsla(var(--light-focus-hsl), 0.7);\n}\n\n@mixin two-color-focus-ring($light-button: true) {\n // Creates a two-color focus ring, with a white\n // If button is light, the dark box shadow is adjacent to the button\n // Else the light box shadow is adjacent to the button\n --light-color: var(--white);\n --dark-color: var(--gray-800);\n\n @if $light-button {\n --focus-ring: 0 0 0 3px var(--dark-color), 0 0 0 6px var(--light-color);\n } @else {\n --focus-ring: 0 0 0 3px var(--light-color), 0 0 0 6px var(--dark-color);\n }\n}\n\n// RTL stuff\n\n@mixin left($left) {\n body.ltr & {\n left: $left;\n }\n body.rtl & {\n right: $left;\n }\n}\n\n@mixin right($right) {\n body.ltr & {\n right: $right;\n }\n body.rtl & {\n left: $right;\n }\n}\n\n@mixin alignleft {\n body.ltr & {\n text-align: left;\n }\n body.rtl & {\n text-align: right;\n }\n}\n\n@mixin alignright {\n body.ltr & {\n text-align: right;\n }\n body.rtl & {\n text-align: left;\n }\n}\n\n@mixin border-left($params...) {\n body.ltr & {\n border-left: $params;\n }\n body.rtl & {\n border-right: $params;\n }\n}\n\n@mixin border-right($params...) {\n body.ltr & {\n border-right: $params;\n }\n body.rtl & {\n border-left: $params;\n }\n}\n\n@mixin border-left-width($param) {\n body.ltr & {\n border-left-width: $param;\n }\n body.rtl & {\n border-right-width: $param;\n }\n}\n\n@mixin border-right-width($param) {\n body.ltr & {\n border-right-width: $param;\n }\n body.rtl & {\n border-left-width: $param;\n }\n}\n\n@mixin border-radius($tl, $tr, $br, $bl) {\n body.ltr & {\n border-radius: $tl $tr $br $bl;\n }\n body.rtl & {\n border-radius: $tr $tl $bl $br;\n }\n}\n\n@mixin border-top-left-radius($params...) {\n body.ltr & {\n border-top-left-radius: $params;\n }\n body.rtl & {\n border-top-right-radius: $params;\n }\n}\n\n@mixin border-top-right-radius($params...) {\n body.ltr & {\n border-top-right-radius: $params;\n }\n body.rtl & {\n border-top-left-radius: $params;\n }\n}\n\n@mixin border-bottom-left-radius($params...) {\n body.ltr & {\n border-bottom-left-radius: $params;\n }\n body.rtl & {\n border-bottom-right-radius: $params;\n }\n}\n\n@mixin border-bottom-right-radius($params...) {\n body.ltr & {\n border-bottom-right-radius: $params;\n }\n body.rtl & {\n border-bottom-left-radius: $params;\n }\n}\n\n@mixin floatleft {\n body.ltr & {\n float: left;\n }\n body.rtl & {\n float: right;\n }\n}\n\n@mixin floatright {\n body.ltr & {\n float: right;\n }\n body.rtl & {\n float: left;\n }\n}\n\n@mixin margin($t, $r, $b, $l, $important: '') {\n body.ltr & {\n margin: $t $r $b $l unquote($important);\n }\n body.rtl & {\n margin: $t $l $b $r unquote($important);\n }\n}\n\n@mixin margin-left($margin...) {\n body.ltr & {\n margin-left: $margin;\n }\n body.rtl & {\n margin-right: $margin;\n }\n}\n\n@mixin margin-right($margin...) {\n body.ltr & {\n margin-right: $margin;\n }\n body.rtl & {\n margin-left: $margin;\n }\n}\n\n@mixin padding($t, $r, $b, $l, $important: '') {\n body.ltr & {\n padding: $t $r $b $l unquote($important);\n }\n body.rtl & {\n padding: $t $l $b $r unquote($important);\n }\n}\n\n@mixin padding-left($padding...) {\n body.ltr & {\n padding-left: $padding;\n }\n body.rtl & {\n padding-right: $padding;\n }\n}\n\n@mixin padding-right($padding...) {\n body.ltr & {\n padding-right: $padding;\n }\n body.rtl & {\n padding-left: $padding;\n }\n}\n\n// Misc\n\n@mixin dark-inputs {\n @include placeholder-styles($grey400);\n\n .btn,\n .select:not(.selectize) select {\n background-color: $grey200;\n\n &:focus,\n &:hover {\n background-color: darken($grey200, 5%);\n }\n\n &:active,\n &.active {\n background-color: darken($grey200, 10%);\n }\n }\n\n .text {\n background-color: $grey200;\n\n &:focus {\n background-color: darken($grey200, 5%);\n }\n }\n}\n\n@mixin header-btn {\n width: 30px;\n height: 30px;\n padding-left: 0;\n padding-right: 0;\n\n &:not(:hover):not(:active):not(.active) {\n background-color: transparent;\n }\n &:not(:active):not(.active):hover {\n background-color: transparentize($grey300, 0.85);\n }\n}\n\n@mixin h6-styles {\n margin: 14px 0 3px;\n font-size: 11px;\n line-height: 1.2;\n color: $lightTextColor;\n text-transform: uppercase;\n}\n\n@mixin token-styles {\n display: inline-block;\n border-radius: $smallBorderRadius;\n padding: 3px 7px;\n font-size: 12px;\n line-height: 14px;\n color: $textColor;\n background-color: $grey100;\n}\n\n@mixin active-token-styles {\n background-color: $grey200;\n}\n\n@mixin menu-styles {\n z-index: 100;\n border-radius: $menuBorderRadius;\n padding: 0 14px;\n overflow: auto;\n background: $white;\n user-select: none;\n box-shadow: 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-option-styles {\n margin: 0 -14px;\n padding: 10px 14px;\n color: $menuOptionColor;\n text-decoration: none;\n white-space: nowrap;\n}\n\n@mixin menu-option-active-styles {\n color: $menuOptionActiveColor;\n background-color: $menuOptionActiveBackgroundColor;\n}\n\n@mixin disclosure-link-hover-styles {\n color: $menuOptionColor;\n background-color: $grey050;\n}\n\n@mixin input-styles {\n border-radius: $smallBorderRadius;\n border: 1px solid transparentize($inputColor, 0.75);\n background-color: hsl(212, 50%, 99%);\n background-clip: padding-box;\n}\n\n@mixin input-focused-styles {\n box-shadow: var(--focus-ring);\n}\n\n@mixin placeholder-styles($color) {\n input::-webkit-input-placeholder,\n textarea::-webkit-input-placeholder {\n color: $color;\n }\n\n input:-ms-input-placeholder,\n textarea:-ms-input-placeholder {\n color: $color;\n }\n\n input::-ms-input-placeholder,\n textarea::-ms-input-placeholder {\n color: $color;\n }\n\n input:-moz-placeholder,\n textarea:-moz-placeholder {\n color: $color;\n }\n\n input::-moz-placeholder,\n textarea::-moz-placeholder {\n color: $color;\n }\n\n input::placeholder,\n textarea::placeholder {\n color: $color;\n }\n}\n\n@mixin select-styles {\n position: relative;\n border-radius: $largeBorderRadius;\n white-space: nowrap;\n}\n\n@mixin select-container-styles {\n max-width: 100%;\n position: relative;\n :not(.flex) > & {\n display: inline-block;\n }\n}\n\n@mixin select-arrow-styles {\n @include angle;\n position: absolute;\n z-index: 1;\n top: calc(50% - 5px);\n @include right(9px);\n user-select: none;\n pointer-events: none;\n}\n\n@mixin select-input-styles {\n display: block;\n position: relative;\n max-width: 100%;\n border: none;\n @include padding(7px, 22px, 7px, 10px);\n font-size: 14px;\n line-height: 20px;\n color: $textColor;\n background-color: hsl(212, 25%, 90%);\n appearance: none;\n // from https://stackoverflow.com/a/15933790/1688568\n &::-ms-expand {\n display: none;\n }\n}\n\n@mixin select-input-fullwidth-styles {\n min-width: 100%;\n}\n\n@mixin select-input-focused-styles {\n outline-color: transparent;\n background-color: hsl(212, 25%, 85%);\n box-shadow: var(--focus-ring);\n}\n\n@mixin touch-target {\n height: var(--touch-target-size);\n width: var(--touch-target-size);\n}\n\n@mixin visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: 0;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\n@mixin readable {\n font-size: 16px;\n line-height: 22px;\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6 {\n font-size: 13.6px;\n line-height: 17px;\n color: $mediumTextColor;\n }\n\n ul,\n ol {\n margin: 1em 0;\n @include padding-left(2em);\n }\n\n ul li {\n list-style-type: disc;\n }\n\n li + li {\n margin-top: 0.25em;\n }\n\n blockquote {\n margin: 16px 0;\n\n &:not(.note) {\n padding: 0 16px;\n color: $mediumTextColor;\n @include border-left(4px solid $hairlineColor);\n }\n\n &.note {\n position: relative;\n border-radius: 4px;\n padding: 1em;\n @include padding-left(56px);\n border: 1px solid;\n\n &:not(.tip):not(.warning) {\n border-color: $errorColor;\n color: #bf503f;\n\n &:before {\n content: 'alert';\n color: $errorColor;\n }\n }\n\n &.tip {\n border-color: $linkColor;\n color: $mediumTextColor;\n\n &:before {\n content: 'lightbulb';\n color: $linkColor;\n }\n }\n\n &.warning {\n border-color: $warningColor;\n color: #cf783a;\n\n &:before {\n content: 'alert';\n color: $warningColor;\n }\n }\n\n &:before {\n @include icon;\n position: absolute;\n top: 12px;\n @include left(16px);\n font-size: 30px;\n width: 24px;\n }\n }\n }\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/src/web/assets/upgrade/dist/css/UpgradeUtility.css.map b/src/web/assets/upgrade/dist/css/UpgradeUtility.css.map
index 7ba54ce4fac..3312377639f 100644
--- a/src/web/assets/upgrade/dist/css/UpgradeUtility.css.map
+++ b/src/web/assets/upgrade/dist/css/UpgradeUtility.css.map
@@ -1 +1 @@
-{"version":3,"file":"css/UpgradeUtility.css","mappings":"AAME,kBACE,cACA,oBAEA,0BACE,oEAGF,yCACE,kBAMF,cADA,cACA,CANE,sBAIJ,kBAGE,sCAIF,kCACE,eAGF,4BAKM,WACA,CAFF,iBACE,CAJJ,iBAKI,yCAKE,WACA,CAHF,SACE,CADF,2BACE,UAEA,6CAIA,yBACE,CADF,UACE,2CAON,gEAEE,UC+HN,4CAEA,wCAGA,uCACA,oCACA,kCACA,CAIA,kCAEA,kCACA,CAIA,0BACA,CDjJQ,aACA,CCoJR,mBAbA,cAIA,qBD9IM,kBCgJN,iBACA,CAVA,mBACA,CADA,gBAEA,aACA,CAaA,eDrJQ,CCmJR,4BAPA,iBAEA,CARA,mBACA,CAWA,yCACA,CAJA,qBD9IQ,2DCwYR,2EAGA,sGDtYM,+FAMF,wBAEE,kBACA,CAHF,qBAGE,iBACA,wCAKA,oCAEA,CAJF,aAEE,CAFF,wBAIE,iDCkXN,iEAGA,oEDlXQ,qCAEA,CAHF,kCAGE,yDAIA,qCAEA,CAHF,kCAGE,yDAIA,oCAEA,CAHF,kCAGE,sCAIJ,4BACE,qPAOR,wEAQQ,6CACA,qEAIA","sources":["webpack:///./upgrade.scss","webpack:///../../../../../packages/craftcms-sass/_mixins.scss"],"sourcesContent":["@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\n$iconSize: 46px;\n\n#content {\n #graphic {\n display: block;\n margin: 200px auto 0;\n\n &.success {\n background-image: url(images/success.png);\n }\n\n &.error {\n background-image: url(images/error.png);\n }\n }\n\n #status {\n margin: 20px auto 250px;\n text-align: center;\n font-size: 16px;\n color: $grey500;\n }\n\n .readable:not(:first-child) {\n margin-top: 24px;\n }\n\n #plugins {\n margin-top: 24px;\n\n tbody {\n th {\n position: relative;\n padding-left: $iconSize + 12 + 12;\n height: $iconSize + 20;\n\n .plugin-icon {\n position: absolute;\n top: 10px;\n left: 12px;\n width: $iconSize;\n height: $iconSize;\n\n svg {\n display: block;\n width: $iconSize;\n height: $iconSize;\n }\n }\n }\n\n .plugin-developer {\n margin-top: 3px;\n &:before {\n @include icon;\n content: 'building';\n margin-top: -3px;\n @include margin-right(4px);\n color: $grey300;\n }\n\n &,\n a {\n font-weight: normal;\n }\n }\n\n .plugin-status,\n .plugin-version {\n display: inline-block;\n border: 1px solid $grey600;\n border-radius: $smallBorderRadius;\n padding: 0 7px 1px;\n }\n .plugin-status {\n @include margin-right(5px);\n text-transform: uppercase;\n color: $grey600;\n background-color: transparentize($grey600, 0.95);\n\n &.plugin-ready {\n border-color: $teal600;\n color: $teal600;\n background-color: transparentize($teal600, 0.95);\n }\n\n &.plugin-not-ready {\n border-color: $yellow600;\n color: $yellow600;\n background-color: transparentize($yellow600, 0.95);\n }\n\n &.plugin-abandoned {\n border-color: $red600;\n color: $red600;\n background-color: transparentize($red600, 0.95);\n }\n }\n\n .plugin-note {\n margin-top: 3px;\n color: $lightTextColor;\n }\n }\n }\n}\n\n@media only screen and (-webkit-min-device-pixel-ratio: 1.5),\n only screen and (-moz-min-device-pixel-ratio: 1.5),\n only screen and (-o-min-device-pixel-ratio: 3/2),\n only screen and (min-device-pixel-ratio: 1.5),\n only screen and (min-resolution: 1.5dppx) {\n #content {\n #graphic {\n &.success {\n background-image: url(images/success_2x.png);\n background-size: 48px;\n }\n\n &.error {\n background-image: url(images/error_2x.png);\n background-size: 48px;\n }\n }\n }\n}\n","$white: #fff;\n$black: #000;\n\n$grey050: hsl(212, 60%, 97%);\n$grey100: hsl(212, 50%, 93%);\n$grey200: hsl(212, 30%, 85%);\n$grey300: hsl(211, 13%, 65%);\n$grey350: hsl(211, 11%, 59%);\n$grey400: hsl(210, 10%, 53%);\n$grey500: hsl(211, 12%, 43%);\n$grey550: hsl(210, 13%, 40%);\n$grey600: hsl(209, 14%, 37%);\n$grey700: hsl(209, 18%, 30%);\n$grey800: hsl(209, 20%, 25%);\n$grey900: hsl(210, 24%, 16%);\n$grey1000: hsl(210, 24%, 10%);\n\n$blue050: #e3f8ff;\n$blue100: #b3ecff;\n$blue200: #81defd;\n$blue300: #5ed0fa;\n$blue400: #40c3f7;\n$blue500: #2bb0ed;\n$blue600: #1992d4;\n$blue700: #127fbf;\n$blue800: #0b69a3;\n$blue900: #035388;\n\n$cyan050: #e0fcff;\n$cyan100: #bef8fd;\n$cyan200: #87eaf2;\n$cyan300: #54d1db;\n$cyan400: #38bec9;\n$cyan500: #2cb1bc;\n$cyan600: #14919b;\n$cyan700: #0e7c86;\n$cyan800: #0a6c74;\n$cyan900: #044e54;\n\n$pink050: #ffe3ec;\n$pink100: #ffb8d2;\n$pink200: #ff8cba;\n$pink300: #f364a2;\n$pink400: #e8368f;\n$pink500: #da127d;\n$pink600: #bc0a6f;\n$pink700: #a30664;\n$pink800: #870557;\n$pink900: #620042;\n\n$red050: #ffe3e3;\n$red100: #ffbdbd;\n$red200: #ff9b9b;\n$red300: #f86a6a;\n$red400: #ef4e4e;\n$red500: #e12d39;\n$red600: #cf1124;\n$red700: #ab091e;\n$red800: #8a041a;\n$red900: #610316;\n\n$yellow050: #fffbea;\n$yellow100: #fff3c4;\n$yellow200: #fce588;\n$yellow300: #fadb5f;\n$yellow400: #f7c948;\n$yellow500: #f0b429;\n$yellow600: #de911d;\n$yellow700: #cb6e17;\n$yellow800: #b44d12;\n$yellow900: #8d2b0b;\n\n$teal050: #effcf6;\n$teal100: #c6f7e2;\n$teal200: #8eedc7;\n$teal300: #65d6ad;\n$teal400: #3ebd93;\n$teal500: #27ab83;\n$teal600: #199473;\n$teal700: #147d64;\n$teal800: #0c6b58;\n$teal900: #014d40;\n\n// submit button colors\n$primaryColor: $red500;\n$secondaryColor: $grey500;\n\n$inputColor: hsl(212, 25%, 50%);\n\n// text colors\n$textColor: $grey700;\n$mediumDarkTextColor: $grey550;\n$mediumTextColor: $grey550;\n$lightTextColor: $grey500;\n$linkColor: #2563eb;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $white;\n$menuOptionActiveBackgroundColor: $grey500;\n\n// hairline colors\n$hairlineColor: transparentize($grey800, 0.9);\n$mediumHairlineColor: transparentize($grey600, 0.75);\n$darkHairlineColor: transparentize($grey400, 0.5);\n\n// focus colors\n$lightFocusColor: $blue300;\n$mediumFocusColor: $blue500;\n$darkFocusColor: #0f74b1;\n\n// focus rings\n$lightFocusRing: 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing: 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing: 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey600;\n\n// alert/notice colors\n$errorColor: $red600;\n$warningColor: $yellow800;\n$successColor: $teal500;\n$noticeColor: $blue800;\n\n// UI element styles\n$smallBorderRadius: 3px;\n$mediumBorderRadius: 4px;\n$largeBorderRadius: 5px;\n\n$menuBorderRadius: $mediumBorderRadius;\n$checkboxSize: 16px;\n$radioSize: 16px;\n\n@mixin sans-serif-font {\n font-family: system-ui, BlinkMacSystemFont, -apple-system, 'Segoe UI',\n 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',\n 'Helvetica Neue', sans-serif;\n}\n\n@mixin fixed-width-font {\n font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier,\n monospace;\n font-size: 0.9em !important;\n}\n\n@function toRem($size) {\n $remValue: calc($size / 16) + rem;\n @return $remValue;\n}\n\n@mixin fontSize($size) {\n font-size: toRem($size);\n}\n\n// Other\n\n@mixin focus-styles {\n body:not(.reduce-focus-visibility) &:focus,\n body.reduce-focus-visibility &.focus-visible {\n @content;\n }\n}\n\n@mixin svg-mask($color) {\n rect,\n circle,\n ellipse,\n line,\n polyline,\n polygon,\n path,\n text {\n fill: $color;\n stroke-width: 0;\n }\n}\n\n@mixin icon {\n font-family: 'Craft';\n speak: none;\n -webkit-font-feature-settings: 'liga', 'dlig';\n -moz-font-feature-settings: 'liga=1, dlig=1';\n -moz-font-feature-settings: 'liga', 'dlig';\n -ms-font-feature-settings: 'liga', 'dlig';\n -o-font-feature-settings: 'liga', 'dlig';\n font-feature-settings: 'liga', 'dlig';\n text-rendering: optimizeLegibility;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n direction: ltr; // Fixes a rendering issue in Chrome/Win\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n\n display: inline-block;\n text-align: center;\n font-style: normal;\n vertical-align: middle;\n word-wrap: normal !important;\n user-select: none;\n\n opacity: var(--icon-opacity);\n}\n\n@mixin angle($dir: down, $color: currentColor, $width: 2px) {\n display: block;\n content: '';\n font-size: 0;\n width: 7px;\n height: 7px;\n border: solid $color;\n border-width: 0 $width $width 0;\n opacity: 0.8;\n\n @if $dir == up {\n transform: rotate(225deg);\n } @else if $dir == down {\n transform: rotate(45deg);\n } @else if $dir == left {\n body.ltr & {\n transform: rotate(135deg);\n }\n body.rtl & {\n transform: rotate(-45deg);\n }\n } @else if $dir == right {\n body.ltr & {\n transform: rotate(-45deg);\n }\n body.rtl & {\n transform: rotate(135deg);\n }\n }\n}\n\n@mixin clearafter {\n content: '';\n display: block;\n height: 0;\n clear: both;\n visibility: hidden;\n}\n\n@mixin shadow {\n box-shadow: 0 1px 5px -1px transparentize($grey900, 0.8);\n}\n\n@mixin pane {\n background: $white;\n box-shadow: 0 0 0 1px $grey200, 0 2px 12px transparentize($grey200, 0.5);\n\n &:focus {\n box-shadow: var(--focus-ring);\n }\n}\n\n@mixin modal {\n border-radius: $largeBorderRadius;\n background-color: $white;\n box-shadow: 0 25px 100px transparentize($grey900, 0.5);\n}\n\n@mixin light-on-dark-text() {\n // Make light on dark text sharp on Macs\n // (sub-pixel antialiasing looks too bold/blurry with light text on dark background)\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-weight: 500;\n}\n\n@mixin light-focus-ring() {\n --focus-ring: 0 0 0 1px hsl(var(--light-focus-hsl)),\n 0 0 0 3px hsla(var(--light-focus-hsl), 0.7);\n}\n\n@mixin two-color-focus-ring($light-button: true) {\n // Creates a two-color focus ring, with a white\n // If button is light, the dark box shadow is adjacent to the button\n // Else the light box shadow is adjacent to the button\n --light-color: var(--white);\n --dark-color: var(--gray-800);\n\n @if $light-button {\n --focus-ring: 0 0 0 3px var(--dark-color), 0 0 0 6px var(--light-color);\n } @else {\n --focus-ring: 0 0 0 3px var(--light-color), 0 0 0 6px var(--dark-color);\n }\n}\n\n// RTL stuff\n\n@mixin left($left) {\n body.ltr & {\n left: $left;\n }\n body.rtl & {\n right: $left;\n }\n}\n\n@mixin right($right) {\n body.ltr & {\n right: $right;\n }\n body.rtl & {\n left: $right;\n }\n}\n\n@mixin alignleft {\n body.ltr & {\n text-align: left;\n }\n body.rtl & {\n text-align: right;\n }\n}\n\n@mixin alignright {\n body.ltr & {\n text-align: right;\n }\n body.rtl & {\n text-align: left;\n }\n}\n\n@mixin border-left($params...) {\n body.ltr & {\n border-left: $params;\n }\n body.rtl & {\n border-right: $params;\n }\n}\n\n@mixin border-right($params...) {\n body.ltr & {\n border-right: $params;\n }\n body.rtl & {\n border-left: $params;\n }\n}\n\n@mixin border-left-width($param) {\n body.ltr & {\n border-left-width: $param;\n }\n body.rtl & {\n border-right-width: $param;\n }\n}\n\n@mixin border-right-width($param) {\n body.ltr & {\n border-right-width: $param;\n }\n body.rtl & {\n border-left-width: $param;\n }\n}\n\n@mixin border-radius($tl, $tr, $br, $bl) {\n body.ltr & {\n border-radius: $tl $tr $br $bl;\n }\n body.rtl & {\n border-radius: $tr $tl $bl $br;\n }\n}\n\n@mixin border-top-left-radius($params...) {\n body.ltr & {\n border-top-left-radius: $params;\n }\n body.rtl & {\n border-top-right-radius: $params;\n }\n}\n\n@mixin border-top-right-radius($params...) {\n body.ltr & {\n border-top-right-radius: $params;\n }\n body.rtl & {\n border-top-left-radius: $params;\n }\n}\n\n@mixin border-bottom-left-radius($params...) {\n body.ltr & {\n border-bottom-left-radius: $params;\n }\n body.rtl & {\n border-bottom-right-radius: $params;\n }\n}\n\n@mixin border-bottom-right-radius($params...) {\n body.ltr & {\n border-bottom-right-radius: $params;\n }\n body.rtl & {\n border-bottom-left-radius: $params;\n }\n}\n\n@mixin floatleft {\n body.ltr & {\n float: left;\n }\n body.rtl & {\n float: right;\n }\n}\n\n@mixin floatright {\n body.ltr & {\n float: right;\n }\n body.rtl & {\n float: left;\n }\n}\n\n@mixin margin($t, $r, $b, $l, $important: '') {\n body.ltr & {\n margin: $t $r $b $l unquote($important);\n }\n body.rtl & {\n margin: $t $l $b $r unquote($important);\n }\n}\n\n@mixin margin-left($margin...) {\n body.ltr & {\n margin-left: $margin;\n }\n body.rtl & {\n margin-right: $margin;\n }\n}\n\n@mixin margin-right($margin...) {\n body.ltr & {\n margin-right: $margin;\n }\n body.rtl & {\n margin-left: $margin;\n }\n}\n\n@mixin padding($t, $r, $b, $l, $important: '') {\n body.ltr & {\n padding: $t $r $b $l unquote($important);\n }\n body.rtl & {\n padding: $t $l $b $r unquote($important);\n }\n}\n\n@mixin padding-left($padding...) {\n body.ltr & {\n padding-left: $padding;\n }\n body.rtl & {\n padding-right: $padding;\n }\n}\n\n@mixin padding-right($padding...) {\n body.ltr & {\n padding-right: $padding;\n }\n body.rtl & {\n padding-left: $padding;\n }\n}\n\n// Misc\n\n@mixin dark-inputs {\n @include placeholder-styles($grey400);\n\n .btn,\n .select:not(.selectize) select {\n background-color: $grey200;\n\n &:focus,\n &:hover {\n background-color: darken($grey200, 5%);\n }\n\n &:active,\n &.active {\n background-color: darken($grey200, 10%);\n }\n }\n\n .text {\n background-color: $grey200;\n\n &:focus {\n background-color: darken($grey200, 5%);\n }\n }\n}\n\n@mixin header-btn {\n width: 30px;\n height: 30px;\n padding-left: 0;\n padding-right: 0;\n\n &:not(:hover):not(:active):not(.active) {\n background-color: transparent;\n }\n &:not(:active):not(.active):hover {\n background-color: transparentize($grey300, 0.85);\n }\n}\n\n@mixin h6-styles {\n margin: 14px 0 3px;\n font-size: 11px;\n line-height: 1.2;\n color: $lightTextColor;\n text-transform: uppercase;\n}\n\n@mixin token-styles {\n display: inline-block;\n border-radius: $smallBorderRadius;\n padding: 3px 7px;\n font-size: 12px;\n line-height: 14px;\n color: $textColor;\n background-color: $grey100;\n}\n\n@mixin active-token-styles {\n background-color: $grey200;\n}\n\n@mixin menu-styles {\n z-index: 100;\n border-radius: $menuBorderRadius;\n padding: 0 14px;\n overflow: auto;\n background: $white;\n user-select: none;\n box-shadow: 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-option-styles {\n margin: 0 -14px;\n padding: 10px 14px;\n color: $menuOptionColor;\n text-decoration: none;\n white-space: nowrap;\n}\n\n@mixin menu-option-active-styles {\n color: $menuOptionActiveColor;\n background-color: $menuOptionActiveBackgroundColor;\n}\n\n@mixin disclosure-link-hover-styles {\n color: $menuOptionColor;\n background-color: $grey050;\n}\n\n@mixin input-styles {\n border-radius: $smallBorderRadius;\n border: 1px solid transparentize($inputColor, 0.75);\n background-color: hsl(212, 50%, 99%);\n background-clip: padding-box;\n}\n\n@mixin input-focused-styles {\n box-shadow: var(--focus-ring);\n}\n\n@mixin placeholder-styles($color) {\n ::-webkit-input-placeholder {\n color: $color;\n }\n\n input:-ms-input-placeholder {\n color: $color;\n }\n\n ::-ms-input-placeholder {\n color: $color;\n }\n\n :-moz-placeholder {\n color: $color;\n }\n\n ::-moz-placeholder {\n color: $color;\n }\n\n ::placeholder {\n color: $color;\n }\n}\n\n@mixin select-styles {\n position: relative;\n border-radius: $largeBorderRadius;\n white-space: nowrap;\n}\n\n@mixin select-container-styles {\n max-width: 100%;\n position: relative;\n :not(.flex) > & {\n display: inline-block;\n }\n}\n\n@mixin select-arrow-styles {\n @include angle;\n position: absolute;\n z-index: 1;\n top: calc(50% - 5px);\n @include right(9px);\n user-select: none;\n pointer-events: none;\n}\n\n@mixin select-input-styles {\n display: block;\n position: relative;\n max-width: 100%;\n border: none;\n @include padding(7px, 22px, 7px, 10px);\n font-size: 14px;\n line-height: 20px;\n color: $textColor;\n background-color: hsl(212, 25%, 90%);\n appearance: none;\n // from https://stackoverflow.com/a/15933790/1688568\n &::-ms-expand {\n display: none;\n }\n}\n\n@mixin select-input-fullwidth-styles {\n min-width: 100%;\n}\n\n@mixin select-input-focused-styles {\n outline-color: transparent;\n background-color: hsl(212, 25%, 85%);\n box-shadow: var(--focus-ring);\n}\n\n@mixin touch-target {\n height: var(--touch-target-size);\n width: var(--touch-target-size);\n}\n\n@mixin visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: 0;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\n@mixin readable {\n font-size: 16px;\n line-height: 22px;\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6 {\n font-size: 13.6px;\n line-height: 17px;\n color: $mediumTextColor;\n }\n\n ul,\n ol {\n margin: 1em 0;\n @include padding-left(2em);\n }\n\n ul li {\n list-style-type: disc;\n }\n\n li + li {\n margin-top: 0.25em;\n }\n\n blockquote {\n margin: 16px 0;\n\n &:not(.note) {\n padding: 0 16px;\n color: $mediumTextColor;\n @include border-left(4px solid $hairlineColor);\n }\n\n &.note {\n position: relative;\n border-radius: 4px;\n padding: 1em;\n @include padding-left(56px);\n border: 1px solid;\n\n &:not(.tip):not(.warning) {\n border-color: $errorColor;\n color: #bf503f;\n\n &:before {\n content: 'alert';\n color: $errorColor;\n }\n }\n\n &.tip {\n border-color: $linkColor;\n color: $mediumTextColor;\n\n &:before {\n content: 'lightbulb';\n color: $linkColor;\n }\n }\n\n &.warning {\n border-color: $warningColor;\n color: #cf783a;\n\n &:before {\n content: 'alert';\n color: $warningColor;\n }\n }\n\n &:before {\n @include icon;\n position: absolute;\n top: 12px;\n @include left(16px);\n font-size: 30px;\n width: 24px;\n }\n }\n }\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"css/UpgradeUtility.css","mappings":"AAME,kBACE,cACA,oBAEA,0BACE,oEAGF,yCACE,kBAMF,cADA,cACA,CANE,sBAIJ,kBAGE,sCAIF,kCACE,eAGF,4BAKM,WACA,CAFF,iBACE,CAJJ,iBAKI,yCAKE,WACA,CAHF,SACE,CADF,2BACE,UAEA,6CAIA,yBACE,CADF,UACE,2CAON,gEAEE,UCyIN,4CAEA,wCAGA,uCACA,oCACA,kCACA,CAIA,kCAEA,kCACA,CAIA,0BACA,CD3JQ,aACA,CC8JR,mBAbA,cAIA,qBDxJM,kBC0JN,iBACA,CAVA,mBACA,CADA,gBAEA,aACA,CAaA,eD/JQ,CC6JR,4BAPA,iBAEA,CARA,mBACA,CAWA,yCACA,CAJA,qBDxJQ,2DCkZR,2EAGA,sGDhZM,+FAMF,wBAEE,kBACA,CAHF,qBAGE,iBACA,wCAKA,oCAEA,CAJF,aAEE,CAFF,wBAIE,iDC4XN,iEAGA,oED5XQ,qCAEA,CAHF,kCAGE,yDAIA,qCAEA,CAHF,kCAGE,yDAIA,oCAEA,CAHF,kCAGE,sCAIJ,4BACE,qPAOR,wEAQQ,6CACA,qEAIA","sources":["webpack:///./upgrade.scss","webpack:///../../../../../packages/craftcms-sass/_mixins.scss"],"sourcesContent":["@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\n$iconSize: 46px;\n\n#content {\n #graphic {\n display: block;\n margin: 200px auto 0;\n\n &.success {\n background-image: url(images/success.png);\n }\n\n &.error {\n background-image: url(images/error.png);\n }\n }\n\n #status {\n margin: 20px auto 250px;\n text-align: center;\n font-size: 16px;\n color: $grey500;\n }\n\n .readable:not(:first-child) {\n margin-top: 24px;\n }\n\n #plugins {\n margin-top: 24px;\n\n tbody {\n th {\n position: relative;\n padding-left: $iconSize + 12 + 12;\n height: $iconSize + 20;\n\n .plugin-icon {\n position: absolute;\n top: 10px;\n left: 12px;\n width: $iconSize;\n height: $iconSize;\n\n svg {\n display: block;\n width: $iconSize;\n height: $iconSize;\n }\n }\n }\n\n .plugin-developer {\n margin-top: 3px;\n &:before {\n @include icon;\n content: 'building';\n margin-top: -3px;\n @include margin-right(4px);\n color: $grey300;\n }\n\n &,\n a {\n font-weight: normal;\n }\n }\n\n .plugin-status,\n .plugin-version {\n display: inline-block;\n border: 1px solid $grey600;\n border-radius: $smallBorderRadius;\n padding: 0 7px 1px;\n }\n .plugin-status {\n @include margin-right(5px);\n text-transform: uppercase;\n color: $grey600;\n background-color: transparentize($grey600, 0.95);\n\n &.plugin-ready {\n border-color: $teal600;\n color: $teal600;\n background-color: transparentize($teal600, 0.95);\n }\n\n &.plugin-not-ready {\n border-color: $yellow600;\n color: $yellow600;\n background-color: transparentize($yellow600, 0.95);\n }\n\n &.plugin-abandoned {\n border-color: $red600;\n color: $red600;\n background-color: transparentize($red600, 0.95);\n }\n }\n\n .plugin-note {\n margin-top: 3px;\n color: $lightTextColor;\n }\n }\n }\n}\n\n@media only screen and (-webkit-min-device-pixel-ratio: 1.5),\n only screen and (-moz-min-device-pixel-ratio: 1.5),\n only screen and (-o-min-device-pixel-ratio: 3/2),\n only screen and (min-device-pixel-ratio: 1.5),\n only screen and (min-resolution: 1.5dppx) {\n #content {\n #graphic {\n &.success {\n background-image: url(images/success_2x.png);\n background-size: 48px;\n }\n\n &.error {\n background-image: url(images/error_2x.png);\n background-size: 48px;\n }\n }\n }\n}\n","$white: #fff;\n$black: #000;\n\n$grey050: hsl(212, 60%, 97%);\n$grey100: hsl(212, 50%, 93%);\n$grey200: hsl(212, 30%, 85%);\n$grey300: hsl(211, 13%, 65%);\n$grey350: hsl(211, 11%, 59%);\n$grey400: hsl(210, 10%, 53%);\n$grey500: hsl(211, 12%, 43%);\n$grey550: hsl(210, 13%, 40%);\n$grey600: hsl(209, 14%, 37%);\n$grey700: hsl(209, 18%, 30%);\n$grey800: hsl(209, 20%, 25%);\n$grey900: hsl(210, 24%, 16%);\n$grey1000: hsl(210, 24%, 10%);\n\n$blue050: #e3f8ff;\n$blue100: #b3ecff;\n$blue200: #81defd;\n$blue300: #5ed0fa;\n$blue400: #40c3f7;\n$blue500: #2bb0ed;\n$blue600: #1992d4;\n$blue700: #127fbf;\n$blue800: #0b69a3;\n$blue900: #035388;\n\n$cyan050: #e0fcff;\n$cyan100: #bef8fd;\n$cyan200: #87eaf2;\n$cyan300: #54d1db;\n$cyan400: #38bec9;\n$cyan500: #2cb1bc;\n$cyan600: #14919b;\n$cyan700: #0e7c86;\n$cyan800: #0a6c74;\n$cyan900: #044e54;\n\n$pink050: #ffe3ec;\n$pink100: #ffb8d2;\n$pink200: #ff8cba;\n$pink300: #f364a2;\n$pink400: #e8368f;\n$pink500: #da127d;\n$pink600: #bc0a6f;\n$pink700: #a30664;\n$pink800: #870557;\n$pink900: #620042;\n\n$red050: #ffe3e3;\n$red100: #ffbdbd;\n$red200: #ff9b9b;\n$red300: #f86a6a;\n$red400: #ef4e4e;\n$red500: #e12d39;\n$red600: #cf1124;\n$red700: #ab091e;\n$red800: #8a041a;\n$red900: #610316;\n\n$yellow050: #fffbea;\n$yellow100: #fff3c4;\n$yellow200: #fce588;\n$yellow300: #fadb5f;\n$yellow400: #f7c948;\n$yellow500: #f0b429;\n$yellow600: #de911d;\n$yellow700: #cb6e17;\n$yellow800: #b44d12;\n$yellow900: #8d2b0b;\n\n$teal050: #effcf6;\n$teal100: #c6f7e2;\n$teal200: #8eedc7;\n$teal300: #65d6ad;\n$teal400: #3ebd93;\n$teal500: #27ab83;\n$teal600: #199473;\n$teal700: #147d64;\n$teal800: #0c6b58;\n$teal900: #014d40;\n\n// submit button colors\n$primaryColor: $red500;\n$secondaryColor: $grey500;\n\n$inputColor: hsl(212, 25%, 50%);\n\n// text colors\n$textColor: $grey700;\n$mediumDarkTextColor: $grey550;\n$mediumTextColor: $grey550;\n$lightTextColor: $grey500;\n$linkColor: #2563eb;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $white;\n$menuOptionActiveBackgroundColor: $grey500;\n\n// hairline colors\n$hairlineColor: transparentize($grey800, 0.9);\n$mediumHairlineColor: transparentize($grey600, 0.75);\n$darkHairlineColor: transparentize($grey400, 0.5);\n\n// focus colors\n$lightFocusColor: $blue300;\n$mediumFocusColor: $blue500;\n$darkFocusColor: #0f74b1;\n\n// focus rings\n$lightFocusRing: 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing: 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing: 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey600;\n\n// alert/notice colors\n$errorColor: $red600;\n$warningColor: $yellow800;\n$successColor: $teal500;\n$noticeColor: $blue800;\n\n// UI element styles\n$smallBorderRadius: 3px;\n$mediumBorderRadius: 4px;\n$largeBorderRadius: 5px;\n\n$menuBorderRadius: $mediumBorderRadius;\n$checkboxSize: 16px;\n$radioSize: 16px;\n\n@mixin sans-serif-font {\n font-family: system-ui, BlinkMacSystemFont, -apple-system, 'Segoe UI',\n 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',\n 'Helvetica Neue', sans-serif;\n}\n\n@mixin fixed-width-font {\n font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier,\n monospace;\n font-size: 0.9em !important;\n}\n\n@function toRem($values...) {\n $max: length($values);\n $remValues: '';\n\n @for $i from 1 through $max {\n $remValues: #{$remValues + calc(nth($values, $i) / 16)}rem;\n\n @if $i < $max {\n $remValues: #{$remValues + ' '};\n }\n }\n\n @return $remValues;\n}\n\n@mixin fontSize($size) {\n font-size: toRem($size);\n}\n\n// Other\n\n@mixin focus-styles {\n body:not(.reduce-focus-visibility) &:focus,\n body.reduce-focus-visibility &.focus-visible {\n @content;\n }\n}\n\n@mixin svg-mask($color) {\n rect,\n circle,\n ellipse,\n line,\n polyline,\n polygon,\n path,\n text {\n fill: $color;\n stroke-width: 0;\n }\n}\n\n@mixin icon {\n font-family: 'Craft';\n speak: none;\n -webkit-font-feature-settings: 'liga', 'dlig';\n -moz-font-feature-settings: 'liga=1, dlig=1';\n -moz-font-feature-settings: 'liga', 'dlig';\n -ms-font-feature-settings: 'liga', 'dlig';\n -o-font-feature-settings: 'liga', 'dlig';\n font-feature-settings: 'liga', 'dlig';\n text-rendering: optimizeLegibility;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n direction: ltr; // Fixes a rendering issue in Chrome/Win\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n\n display: inline-block;\n text-align: center;\n font-style: normal;\n vertical-align: middle;\n word-wrap: normal !important;\n user-select: none;\n\n opacity: var(--icon-opacity);\n}\n\n@mixin angle($dir: down, $color: currentColor, $width: 2px) {\n display: block;\n content: '';\n font-size: 0;\n width: 7px;\n height: 7px;\n border: solid $color;\n border-width: 0 $width $width 0;\n opacity: 0.8;\n\n @if $dir == up {\n transform: rotate(225deg);\n } @else if $dir == down {\n transform: rotate(45deg);\n } @else if $dir == left {\n body.ltr & {\n transform: rotate(135deg);\n }\n body.rtl & {\n transform: rotate(-45deg);\n }\n } @else if $dir == right {\n body.ltr & {\n transform: rotate(-45deg);\n }\n body.rtl & {\n transform: rotate(135deg);\n }\n }\n}\n\n@mixin clearafter {\n content: '';\n display: block;\n height: 0;\n clear: both;\n visibility: hidden;\n}\n\n@mixin shadow {\n box-shadow: 0 1px 5px -1px transparentize($grey900, 0.8);\n}\n\n@mixin pane {\n background: $white;\n box-shadow: 0 0 0 1px $grey200, 0 2px 12px transparentize($grey200, 0.5);\n\n &:focus {\n box-shadow: var(--focus-ring);\n }\n}\n\n@mixin modal {\n border-radius: $largeBorderRadius;\n background-color: $white;\n box-shadow: 0 25px 100px transparentize($grey900, 0.5);\n}\n\n@mixin light-on-dark-text() {\n // Make light on dark text sharp on Macs\n // (sub-pixel antialiasing looks too bold/blurry with light text on dark background)\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-weight: 500;\n}\n\n@mixin light-focus-ring() {\n --focus-ring: 0 0 0 1px hsl(var(--light-focus-hsl)),\n 0 0 0 3px hsla(var(--light-focus-hsl), 0.7);\n}\n\n@mixin two-color-focus-ring($light-button: true) {\n // Creates a two-color focus ring, with a white\n // If button is light, the dark box shadow is adjacent to the button\n // Else the light box shadow is adjacent to the button\n --light-color: var(--white);\n --dark-color: var(--gray-800);\n\n @if $light-button {\n --focus-ring: 0 0 0 3px var(--dark-color), 0 0 0 6px var(--light-color);\n } @else {\n --focus-ring: 0 0 0 3px var(--light-color), 0 0 0 6px var(--dark-color);\n }\n}\n\n// RTL stuff\n\n@mixin left($left) {\n body.ltr & {\n left: $left;\n }\n body.rtl & {\n right: $left;\n }\n}\n\n@mixin right($right) {\n body.ltr & {\n right: $right;\n }\n body.rtl & {\n left: $right;\n }\n}\n\n@mixin alignleft {\n body.ltr & {\n text-align: left;\n }\n body.rtl & {\n text-align: right;\n }\n}\n\n@mixin alignright {\n body.ltr & {\n text-align: right;\n }\n body.rtl & {\n text-align: left;\n }\n}\n\n@mixin border-left($params...) {\n body.ltr & {\n border-left: $params;\n }\n body.rtl & {\n border-right: $params;\n }\n}\n\n@mixin border-right($params...) {\n body.ltr & {\n border-right: $params;\n }\n body.rtl & {\n border-left: $params;\n }\n}\n\n@mixin border-left-width($param) {\n body.ltr & {\n border-left-width: $param;\n }\n body.rtl & {\n border-right-width: $param;\n }\n}\n\n@mixin border-right-width($param) {\n body.ltr & {\n border-right-width: $param;\n }\n body.rtl & {\n border-left-width: $param;\n }\n}\n\n@mixin border-radius($tl, $tr, $br, $bl) {\n body.ltr & {\n border-radius: $tl $tr $br $bl;\n }\n body.rtl & {\n border-radius: $tr $tl $bl $br;\n }\n}\n\n@mixin border-top-left-radius($params...) {\n body.ltr & {\n border-top-left-radius: $params;\n }\n body.rtl & {\n border-top-right-radius: $params;\n }\n}\n\n@mixin border-top-right-radius($params...) {\n body.ltr & {\n border-top-right-radius: $params;\n }\n body.rtl & {\n border-top-left-radius: $params;\n }\n}\n\n@mixin border-bottom-left-radius($params...) {\n body.ltr & {\n border-bottom-left-radius: $params;\n }\n body.rtl & {\n border-bottom-right-radius: $params;\n }\n}\n\n@mixin border-bottom-right-radius($params...) {\n body.ltr & {\n border-bottom-right-radius: $params;\n }\n body.rtl & {\n border-bottom-left-radius: $params;\n }\n}\n\n@mixin floatleft {\n body.ltr & {\n float: left;\n }\n body.rtl & {\n float: right;\n }\n}\n\n@mixin floatright {\n body.ltr & {\n float: right;\n }\n body.rtl & {\n float: left;\n }\n}\n\n@mixin margin($t, $r, $b, $l, $important: '') {\n body.ltr & {\n margin: $t $r $b $l unquote($important);\n }\n body.rtl & {\n margin: $t $l $b $r unquote($important);\n }\n}\n\n@mixin margin-left($margin...) {\n body.ltr & {\n margin-left: $margin;\n }\n body.rtl & {\n margin-right: $margin;\n }\n}\n\n@mixin margin-right($margin...) {\n body.ltr & {\n margin-right: $margin;\n }\n body.rtl & {\n margin-left: $margin;\n }\n}\n\n@mixin padding($t, $r, $b, $l, $important: '') {\n body.ltr & {\n padding: $t $r $b $l unquote($important);\n }\n body.rtl & {\n padding: $t $l $b $r unquote($important);\n }\n}\n\n@mixin padding-left($padding...) {\n body.ltr & {\n padding-left: $padding;\n }\n body.rtl & {\n padding-right: $padding;\n }\n}\n\n@mixin padding-right($padding...) {\n body.ltr & {\n padding-right: $padding;\n }\n body.rtl & {\n padding-left: $padding;\n }\n}\n\n// Misc\n\n@mixin dark-inputs {\n @include placeholder-styles($grey400);\n\n .btn,\n .select:not(.selectize) select {\n background-color: $grey200;\n\n &:focus,\n &:hover {\n background-color: darken($grey200, 5%);\n }\n\n &:active,\n &.active {\n background-color: darken($grey200, 10%);\n }\n }\n\n .text {\n background-color: $grey200;\n\n &:focus {\n background-color: darken($grey200, 5%);\n }\n }\n}\n\n@mixin header-btn {\n width: 30px;\n height: 30px;\n padding-left: 0;\n padding-right: 0;\n\n &:not(:hover):not(:active):not(.active) {\n background-color: transparent;\n }\n &:not(:active):not(.active):hover {\n background-color: transparentize($grey300, 0.85);\n }\n}\n\n@mixin h6-styles {\n margin: 14px 0 3px;\n font-size: 11px;\n line-height: 1.2;\n color: $lightTextColor;\n text-transform: uppercase;\n}\n\n@mixin token-styles {\n display: inline-block;\n border-radius: $smallBorderRadius;\n padding: 3px 7px;\n font-size: 12px;\n line-height: 14px;\n color: $textColor;\n background-color: $grey100;\n}\n\n@mixin active-token-styles {\n background-color: $grey200;\n}\n\n@mixin menu-styles {\n z-index: 100;\n border-radius: $menuBorderRadius;\n padding: 0 14px;\n overflow: auto;\n background: $white;\n user-select: none;\n box-shadow: 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-option-styles {\n margin: 0 -14px;\n padding: 10px 14px;\n color: $menuOptionColor;\n text-decoration: none;\n white-space: nowrap;\n}\n\n@mixin menu-option-active-styles {\n color: $menuOptionActiveColor;\n background-color: $menuOptionActiveBackgroundColor;\n}\n\n@mixin disclosure-link-hover-styles {\n color: $menuOptionColor;\n background-color: $grey050;\n}\n\n@mixin input-styles {\n border-radius: $smallBorderRadius;\n border: 1px solid transparentize($inputColor, 0.75);\n background-color: hsl(212, 50%, 99%);\n background-clip: padding-box;\n}\n\n@mixin input-focused-styles {\n box-shadow: var(--focus-ring);\n}\n\n@mixin placeholder-styles($color) {\n input::-webkit-input-placeholder,\n textarea::-webkit-input-placeholder {\n color: $color;\n }\n\n input:-ms-input-placeholder,\n textarea:-ms-input-placeholder {\n color: $color;\n }\n\n input::-ms-input-placeholder,\n textarea::-ms-input-placeholder {\n color: $color;\n }\n\n input:-moz-placeholder,\n textarea:-moz-placeholder {\n color: $color;\n }\n\n input::-moz-placeholder,\n textarea::-moz-placeholder {\n color: $color;\n }\n\n input::placeholder,\n textarea::placeholder {\n color: $color;\n }\n}\n\n@mixin select-styles {\n position: relative;\n border-radius: $largeBorderRadius;\n white-space: nowrap;\n}\n\n@mixin select-container-styles {\n max-width: 100%;\n position: relative;\n :not(.flex) > & {\n display: inline-block;\n }\n}\n\n@mixin select-arrow-styles {\n @include angle;\n position: absolute;\n z-index: 1;\n top: calc(50% - 5px);\n @include right(9px);\n user-select: none;\n pointer-events: none;\n}\n\n@mixin select-input-styles {\n display: block;\n position: relative;\n max-width: 100%;\n border: none;\n @include padding(7px, 22px, 7px, 10px);\n font-size: 14px;\n line-height: 20px;\n color: $textColor;\n background-color: hsl(212, 25%, 90%);\n appearance: none;\n // from https://stackoverflow.com/a/15933790/1688568\n &::-ms-expand {\n display: none;\n }\n}\n\n@mixin select-input-fullwidth-styles {\n min-width: 100%;\n}\n\n@mixin select-input-focused-styles {\n outline-color: transparent;\n background-color: hsl(212, 25%, 85%);\n box-shadow: var(--focus-ring);\n}\n\n@mixin touch-target {\n height: var(--touch-target-size);\n width: var(--touch-target-size);\n}\n\n@mixin visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: 0;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\n@mixin readable {\n font-size: 16px;\n line-height: 22px;\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6 {\n font-size: 13.6px;\n line-height: 17px;\n color: $mediumTextColor;\n }\n\n ul,\n ol {\n margin: 1em 0;\n @include padding-left(2em);\n }\n\n ul li {\n list-style-type: disc;\n }\n\n li + li {\n margin-top: 0.25em;\n }\n\n blockquote {\n margin: 16px 0;\n\n &:not(.note) {\n padding: 0 16px;\n color: $mediumTextColor;\n @include border-left(4px solid $hairlineColor);\n }\n\n &.note {\n position: relative;\n border-radius: 4px;\n padding: 1em;\n @include padding-left(56px);\n border: 1px solid;\n\n &:not(.tip):not(.warning) {\n border-color: $errorColor;\n color: #bf503f;\n\n &:before {\n content: 'alert';\n color: $errorColor;\n }\n }\n\n &.tip {\n border-color: $linkColor;\n color: $mediumTextColor;\n\n &:before {\n content: 'lightbulb';\n color: $linkColor;\n }\n }\n\n &.warning {\n border-color: $warningColor;\n color: #cf783a;\n\n &:before {\n content: 'alert';\n color: $warningColor;\n }\n }\n\n &:before {\n @include icon;\n position: absolute;\n top: 12px;\n @include left(16px);\n font-size: 30px;\n width: 24px;\n }\n }\n }\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/src/web/assets/userpermissions/dist/css/UserPermissions.css.map b/src/web/assets/userpermissions/dist/css/UserPermissions.css.map
index a79178c41d0..6210e3b7d7a 100644
--- a/src/web/assets/userpermissions/dist/css/UserPermissions.css.map
+++ b/src/web/assets/userpermissions/dist/css/UserPermissions.css.map
@@ -1 +1 @@
-{"version":3,"file":"css/UserPermissions.css","mappings":"AAGA,kBACE,kBAGF,iCACE,0BAGF,8BAGE,wBACA,eAHA,eACA,aAEA,CAGF,oCACE,0BAGF,4BACE,kBACA,QAGF,gDACE,WAGF,sGAEE,WC6bA,8BACE,kBD1bF,CC4bA,8BACE,iBD7bF,CCkTA,8BACE,2BDlTF,CCoTA,8BACE,0BDrTF,CC6ZA,8BACE,iBD7ZF,CC+ZA,8BACE,gBDhaF,CCwXA,qEACE,WAEF,qEACE,YDpXJ,qBACE,WAGF,kCAQE,0BAJA,WAHA,cAIA,YAEA,SAJA,eADA,kBAIA,UAEA,CC+OA,2CACE,SD/OY,CCiPd,2CACE,UDlPY,CAGhB,qCACE,WAGF,wCACE,WAGF,2CACE,WAGF,8CACE,WAGF,iDACE,WCqYA,oDACE,iBDlYF,CCoYA,oDACE,kBDrYF,CCiYA,uDACE,iBD9XF,CCgYA,uDACE,kBDjYF,CC6XA,0DACE,iBD1XF,CC4XA,0DACE,kBD7XF,CCyXA,6DACE,iBDtXF,CCwXA,6DACE,kBDzXF,CCqXA,gEACE,kBDlXF,CCoXA,gEACE,mBDrXF","sources":["webpack:///./user-permissions.scss","webpack:///../../../../../packages/craftcms-sass/_mixins.scss"],"sourcesContent":["@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\n.user-permissions {\n position: relative;\n}\n\n.user-permissions h3:first-child {\n margin-top: 14px !important;\n}\n\n.user-permissions .select-all {\n font-size: 0.9em;\n margin: 13px 0;\n color: var(--link-color);\n cursor: pointer;\n}\n\n.user-permissions .select-all:hover {\n text-decoration: underline;\n}\n\n.user-permissions .checkbox {\n position: absolute;\n right: 0;\n}\n\n.user-permissions input.checkbox:disabled + label {\n opacity: 0.5;\n}\n\n.user-permissions input.checkbox:disabled + label:before,\n.user-permissions div.checkbox.disabled:before {\n opacity: 0.5;\n}\n\n.user-permissions h3 {\n @include padding-right(0.5em);\n @include border-right(1px solid #eee);\n @include margin-right(0.5em);\n}\n\n.user-permissions h3,\n.user-permissions .select-all {\n @include floatleft;\n}\n\n.user-permissions ul {\n clear: both;\n}\n\n.user-permissions ul ul li:before {\n display: block;\n position: absolute;\n margin-top: 8px;\n content: '';\n font-size: 0;\n width: 10px;\n height: 0;\n border-top: 1px solid #eee;\n @include left(20px);\n}\n\n.user-permissions ul ul ul li:before {\n width: 30px;\n}\n\n.user-permissions ul ul ul ul li:before {\n width: 45px;\n}\n\n.user-permissions ul ul ul ul ul li:before {\n width: 60px;\n}\n\n.user-permissions ul ul ul ul ul ul li:before {\n width: 75px;\n}\n\n.user-permissions ul ul ul ul ul ul ul li:before {\n width: 90px;\n}\n\n.user-permissions ul ul li .checkbox + label {\n @include padding-left(35px);\n}\n\n.user-permissions ul ul ul li .checkbox + label {\n @include padding-left(55px);\n}\n\n.user-permissions ul ul ul ul li .checkbox + label {\n @include padding-left(70px);\n}\n\n.user-permissions ul ul ul ul ul li .checkbox + label {\n @include padding-left(85px);\n}\n\n.user-permissions ul ul ul ul ul ul li .checkbox + label {\n @include padding-left(100px);\n}\n","$white: #fff;\n$black: #000;\n\n$grey050: hsl(212, 60%, 97%);\n$grey100: hsl(212, 50%, 93%);\n$grey200: hsl(212, 30%, 85%);\n$grey300: hsl(211, 13%, 65%);\n$grey350: hsl(211, 11%, 59%);\n$grey400: hsl(210, 10%, 53%);\n$grey500: hsl(211, 12%, 43%);\n$grey550: hsl(210, 13%, 40%);\n$grey600: hsl(209, 14%, 37%);\n$grey700: hsl(209, 18%, 30%);\n$grey800: hsl(209, 20%, 25%);\n$grey900: hsl(210, 24%, 16%);\n$grey1000: hsl(210, 24%, 10%);\n\n$blue050: #e3f8ff;\n$blue100: #b3ecff;\n$blue200: #81defd;\n$blue300: #5ed0fa;\n$blue400: #40c3f7;\n$blue500: #2bb0ed;\n$blue600: #1992d4;\n$blue700: #127fbf;\n$blue800: #0b69a3;\n$blue900: #035388;\n\n$cyan050: #e0fcff;\n$cyan100: #bef8fd;\n$cyan200: #87eaf2;\n$cyan300: #54d1db;\n$cyan400: #38bec9;\n$cyan500: #2cb1bc;\n$cyan600: #14919b;\n$cyan700: #0e7c86;\n$cyan800: #0a6c74;\n$cyan900: #044e54;\n\n$pink050: #ffe3ec;\n$pink100: #ffb8d2;\n$pink200: #ff8cba;\n$pink300: #f364a2;\n$pink400: #e8368f;\n$pink500: #da127d;\n$pink600: #bc0a6f;\n$pink700: #a30664;\n$pink800: #870557;\n$pink900: #620042;\n\n$red050: #ffe3e3;\n$red100: #ffbdbd;\n$red200: #ff9b9b;\n$red300: #f86a6a;\n$red400: #ef4e4e;\n$red500: #e12d39;\n$red600: #cf1124;\n$red700: #ab091e;\n$red800: #8a041a;\n$red900: #610316;\n\n$yellow050: #fffbea;\n$yellow100: #fff3c4;\n$yellow200: #fce588;\n$yellow300: #fadb5f;\n$yellow400: #f7c948;\n$yellow500: #f0b429;\n$yellow600: #de911d;\n$yellow700: #cb6e17;\n$yellow800: #b44d12;\n$yellow900: #8d2b0b;\n\n$teal050: #effcf6;\n$teal100: #c6f7e2;\n$teal200: #8eedc7;\n$teal300: #65d6ad;\n$teal400: #3ebd93;\n$teal500: #27ab83;\n$teal600: #199473;\n$teal700: #147d64;\n$teal800: #0c6b58;\n$teal900: #014d40;\n\n// submit button colors\n$primaryColor: $red500;\n$secondaryColor: $grey500;\n\n$inputColor: hsl(212, 25%, 50%);\n\n// text colors\n$textColor: $grey700;\n$mediumDarkTextColor: $grey550;\n$mediumTextColor: $grey550;\n$lightTextColor: $grey500;\n$linkColor: #2563eb;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $white;\n$menuOptionActiveBackgroundColor: $grey500;\n\n// hairline colors\n$hairlineColor: transparentize($grey800, 0.9);\n$mediumHairlineColor: transparentize($grey600, 0.75);\n$darkHairlineColor: transparentize($grey400, 0.5);\n\n// focus colors\n$lightFocusColor: $blue300;\n$mediumFocusColor: $blue500;\n$darkFocusColor: #0f74b1;\n\n// focus rings\n$lightFocusRing: 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing: 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing: 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey600;\n\n// alert/notice colors\n$errorColor: $red600;\n$warningColor: $yellow800;\n$successColor: $teal500;\n$noticeColor: $blue800;\n\n// UI element styles\n$smallBorderRadius: 3px;\n$mediumBorderRadius: 4px;\n$largeBorderRadius: 5px;\n\n$menuBorderRadius: $mediumBorderRadius;\n$checkboxSize: 16px;\n$radioSize: 16px;\n\n@mixin sans-serif-font {\n font-family: system-ui, BlinkMacSystemFont, -apple-system, 'Segoe UI',\n 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',\n 'Helvetica Neue', sans-serif;\n}\n\n@mixin fixed-width-font {\n font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier,\n monospace;\n font-size: 0.9em !important;\n}\n\n@function toRem($size) {\n $remValue: calc($size / 16) + rem;\n @return $remValue;\n}\n\n@mixin fontSize($size) {\n font-size: toRem($size);\n}\n\n// Other\n\n@mixin focus-styles {\n body:not(.reduce-focus-visibility) &:focus,\n body.reduce-focus-visibility &.focus-visible {\n @content;\n }\n}\n\n@mixin svg-mask($color) {\n rect,\n circle,\n ellipse,\n line,\n polyline,\n polygon,\n path,\n text {\n fill: $color;\n stroke-width: 0;\n }\n}\n\n@mixin icon {\n font-family: 'Craft';\n speak: none;\n -webkit-font-feature-settings: 'liga', 'dlig';\n -moz-font-feature-settings: 'liga=1, dlig=1';\n -moz-font-feature-settings: 'liga', 'dlig';\n -ms-font-feature-settings: 'liga', 'dlig';\n -o-font-feature-settings: 'liga', 'dlig';\n font-feature-settings: 'liga', 'dlig';\n text-rendering: optimizeLegibility;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n direction: ltr; // Fixes a rendering issue in Chrome/Win\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n\n display: inline-block;\n text-align: center;\n font-style: normal;\n vertical-align: middle;\n word-wrap: normal !important;\n user-select: none;\n\n opacity: var(--icon-opacity);\n}\n\n@mixin angle($dir: down, $color: currentColor, $width: 2px) {\n display: block;\n content: '';\n font-size: 0;\n width: 7px;\n height: 7px;\n border: solid $color;\n border-width: 0 $width $width 0;\n opacity: 0.8;\n\n @if $dir == up {\n transform: rotate(225deg);\n } @else if $dir == down {\n transform: rotate(45deg);\n } @else if $dir == left {\n body.ltr & {\n transform: rotate(135deg);\n }\n body.rtl & {\n transform: rotate(-45deg);\n }\n } @else if $dir == right {\n body.ltr & {\n transform: rotate(-45deg);\n }\n body.rtl & {\n transform: rotate(135deg);\n }\n }\n}\n\n@mixin clearafter {\n content: '';\n display: block;\n height: 0;\n clear: both;\n visibility: hidden;\n}\n\n@mixin shadow {\n box-shadow: 0 1px 5px -1px transparentize($grey900, 0.8);\n}\n\n@mixin pane {\n background: $white;\n box-shadow: 0 0 0 1px $grey200, 0 2px 12px transparentize($grey200, 0.5);\n\n &:focus {\n box-shadow: var(--focus-ring);\n }\n}\n\n@mixin modal {\n border-radius: $largeBorderRadius;\n background-color: $white;\n box-shadow: 0 25px 100px transparentize($grey900, 0.5);\n}\n\n@mixin light-on-dark-text() {\n // Make light on dark text sharp on Macs\n // (sub-pixel antialiasing looks too bold/blurry with light text on dark background)\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-weight: 500;\n}\n\n@mixin light-focus-ring() {\n --focus-ring: 0 0 0 1px hsl(var(--light-focus-hsl)),\n 0 0 0 3px hsla(var(--light-focus-hsl), 0.7);\n}\n\n@mixin two-color-focus-ring($light-button: true) {\n // Creates a two-color focus ring, with a white\n // If button is light, the dark box shadow is adjacent to the button\n // Else the light box shadow is adjacent to the button\n --light-color: var(--white);\n --dark-color: var(--gray-800);\n\n @if $light-button {\n --focus-ring: 0 0 0 3px var(--dark-color), 0 0 0 6px var(--light-color);\n } @else {\n --focus-ring: 0 0 0 3px var(--light-color), 0 0 0 6px var(--dark-color);\n }\n}\n\n// RTL stuff\n\n@mixin left($left) {\n body.ltr & {\n left: $left;\n }\n body.rtl & {\n right: $left;\n }\n}\n\n@mixin right($right) {\n body.ltr & {\n right: $right;\n }\n body.rtl & {\n left: $right;\n }\n}\n\n@mixin alignleft {\n body.ltr & {\n text-align: left;\n }\n body.rtl & {\n text-align: right;\n }\n}\n\n@mixin alignright {\n body.ltr & {\n text-align: right;\n }\n body.rtl & {\n text-align: left;\n }\n}\n\n@mixin border-left($params...) {\n body.ltr & {\n border-left: $params;\n }\n body.rtl & {\n border-right: $params;\n }\n}\n\n@mixin border-right($params...) {\n body.ltr & {\n border-right: $params;\n }\n body.rtl & {\n border-left: $params;\n }\n}\n\n@mixin border-left-width($param) {\n body.ltr & {\n border-left-width: $param;\n }\n body.rtl & {\n border-right-width: $param;\n }\n}\n\n@mixin border-right-width($param) {\n body.ltr & {\n border-right-width: $param;\n }\n body.rtl & {\n border-left-width: $param;\n }\n}\n\n@mixin border-radius($tl, $tr, $br, $bl) {\n body.ltr & {\n border-radius: $tl $tr $br $bl;\n }\n body.rtl & {\n border-radius: $tr $tl $bl $br;\n }\n}\n\n@mixin border-top-left-radius($params...) {\n body.ltr & {\n border-top-left-radius: $params;\n }\n body.rtl & {\n border-top-right-radius: $params;\n }\n}\n\n@mixin border-top-right-radius($params...) {\n body.ltr & {\n border-top-right-radius: $params;\n }\n body.rtl & {\n border-top-left-radius: $params;\n }\n}\n\n@mixin border-bottom-left-radius($params...) {\n body.ltr & {\n border-bottom-left-radius: $params;\n }\n body.rtl & {\n border-bottom-right-radius: $params;\n }\n}\n\n@mixin border-bottom-right-radius($params...) {\n body.ltr & {\n border-bottom-right-radius: $params;\n }\n body.rtl & {\n border-bottom-left-radius: $params;\n }\n}\n\n@mixin floatleft {\n body.ltr & {\n float: left;\n }\n body.rtl & {\n float: right;\n }\n}\n\n@mixin floatright {\n body.ltr & {\n float: right;\n }\n body.rtl & {\n float: left;\n }\n}\n\n@mixin margin($t, $r, $b, $l, $important: '') {\n body.ltr & {\n margin: $t $r $b $l unquote($important);\n }\n body.rtl & {\n margin: $t $l $b $r unquote($important);\n }\n}\n\n@mixin margin-left($margin...) {\n body.ltr & {\n margin-left: $margin;\n }\n body.rtl & {\n margin-right: $margin;\n }\n}\n\n@mixin margin-right($margin...) {\n body.ltr & {\n margin-right: $margin;\n }\n body.rtl & {\n margin-left: $margin;\n }\n}\n\n@mixin padding($t, $r, $b, $l, $important: '') {\n body.ltr & {\n padding: $t $r $b $l unquote($important);\n }\n body.rtl & {\n padding: $t $l $b $r unquote($important);\n }\n}\n\n@mixin padding-left($padding...) {\n body.ltr & {\n padding-left: $padding;\n }\n body.rtl & {\n padding-right: $padding;\n }\n}\n\n@mixin padding-right($padding...) {\n body.ltr & {\n padding-right: $padding;\n }\n body.rtl & {\n padding-left: $padding;\n }\n}\n\n// Misc\n\n@mixin dark-inputs {\n @include placeholder-styles($grey400);\n\n .btn,\n .select:not(.selectize) select {\n background-color: $grey200;\n\n &:focus,\n &:hover {\n background-color: darken($grey200, 5%);\n }\n\n &:active,\n &.active {\n background-color: darken($grey200, 10%);\n }\n }\n\n .text {\n background-color: $grey200;\n\n &:focus {\n background-color: darken($grey200, 5%);\n }\n }\n}\n\n@mixin header-btn {\n width: 30px;\n height: 30px;\n padding-left: 0;\n padding-right: 0;\n\n &:not(:hover):not(:active):not(.active) {\n background-color: transparent;\n }\n &:not(:active):not(.active):hover {\n background-color: transparentize($grey300, 0.85);\n }\n}\n\n@mixin h6-styles {\n margin: 14px 0 3px;\n font-size: 11px;\n line-height: 1.2;\n color: $lightTextColor;\n text-transform: uppercase;\n}\n\n@mixin token-styles {\n display: inline-block;\n border-radius: $smallBorderRadius;\n padding: 3px 7px;\n font-size: 12px;\n line-height: 14px;\n color: $textColor;\n background-color: $grey100;\n}\n\n@mixin active-token-styles {\n background-color: $grey200;\n}\n\n@mixin menu-styles {\n z-index: 100;\n border-radius: $menuBorderRadius;\n padding: 0 14px;\n overflow: auto;\n background: $white;\n user-select: none;\n box-shadow: 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-option-styles {\n margin: 0 -14px;\n padding: 10px 14px;\n color: $menuOptionColor;\n text-decoration: none;\n white-space: nowrap;\n}\n\n@mixin menu-option-active-styles {\n color: $menuOptionActiveColor;\n background-color: $menuOptionActiveBackgroundColor;\n}\n\n@mixin disclosure-link-hover-styles {\n color: $menuOptionColor;\n background-color: $grey050;\n}\n\n@mixin input-styles {\n border-radius: $smallBorderRadius;\n border: 1px solid transparentize($inputColor, 0.75);\n background-color: hsl(212, 50%, 99%);\n background-clip: padding-box;\n}\n\n@mixin input-focused-styles {\n box-shadow: var(--focus-ring);\n}\n\n@mixin placeholder-styles($color) {\n ::-webkit-input-placeholder {\n color: $color;\n }\n\n input:-ms-input-placeholder {\n color: $color;\n }\n\n ::-ms-input-placeholder {\n color: $color;\n }\n\n :-moz-placeholder {\n color: $color;\n }\n\n ::-moz-placeholder {\n color: $color;\n }\n\n ::placeholder {\n color: $color;\n }\n}\n\n@mixin select-styles {\n position: relative;\n border-radius: $largeBorderRadius;\n white-space: nowrap;\n}\n\n@mixin select-container-styles {\n max-width: 100%;\n position: relative;\n :not(.flex) > & {\n display: inline-block;\n }\n}\n\n@mixin select-arrow-styles {\n @include angle;\n position: absolute;\n z-index: 1;\n top: calc(50% - 5px);\n @include right(9px);\n user-select: none;\n pointer-events: none;\n}\n\n@mixin select-input-styles {\n display: block;\n position: relative;\n max-width: 100%;\n border: none;\n @include padding(7px, 22px, 7px, 10px);\n font-size: 14px;\n line-height: 20px;\n color: $textColor;\n background-color: hsl(212, 25%, 90%);\n appearance: none;\n // from https://stackoverflow.com/a/15933790/1688568\n &::-ms-expand {\n display: none;\n }\n}\n\n@mixin select-input-fullwidth-styles {\n min-width: 100%;\n}\n\n@mixin select-input-focused-styles {\n outline-color: transparent;\n background-color: hsl(212, 25%, 85%);\n box-shadow: var(--focus-ring);\n}\n\n@mixin touch-target {\n height: var(--touch-target-size);\n width: var(--touch-target-size);\n}\n\n@mixin visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: 0;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\n@mixin readable {\n font-size: 16px;\n line-height: 22px;\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6 {\n font-size: 13.6px;\n line-height: 17px;\n color: $mediumTextColor;\n }\n\n ul,\n ol {\n margin: 1em 0;\n @include padding-left(2em);\n }\n\n ul li {\n list-style-type: disc;\n }\n\n li + li {\n margin-top: 0.25em;\n }\n\n blockquote {\n margin: 16px 0;\n\n &:not(.note) {\n padding: 0 16px;\n color: $mediumTextColor;\n @include border-left(4px solid $hairlineColor);\n }\n\n &.note {\n position: relative;\n border-radius: 4px;\n padding: 1em;\n @include padding-left(56px);\n border: 1px solid;\n\n &:not(.tip):not(.warning) {\n border-color: $errorColor;\n color: #bf503f;\n\n &:before {\n content: 'alert';\n color: $errorColor;\n }\n }\n\n &.tip {\n border-color: $linkColor;\n color: $mediumTextColor;\n\n &:before {\n content: 'lightbulb';\n color: $linkColor;\n }\n }\n\n &.warning {\n border-color: $warningColor;\n color: #cf783a;\n\n &:before {\n content: 'alert';\n color: $warningColor;\n }\n }\n\n &:before {\n @include icon;\n position: absolute;\n top: 12px;\n @include left(16px);\n font-size: 30px;\n width: 24px;\n }\n }\n }\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"css/UserPermissions.css","mappings":"AAGA,kBACE,kBAGF,iCACE,0BAGF,8BAGE,wBACA,eAHA,eACA,aAEA,CAGF,oCACE,0BAGF,4BACE,kBACA,QAGF,gDACE,WAGF,sGAEE,WCucA,8BACE,kBDpcF,CCscA,8BACE,iBDvcF,CC4TA,8BACE,2BD5TF,CC8TA,8BACE,0BD/TF,CCuaA,8BACE,iBDvaF,CCyaA,8BACE,gBD1aF,CCkYA,qEACE,WAEF,qEACE,YD9XJ,qBACE,WAGF,kCAQE,0BAJA,WAHA,cAIA,YAEA,SAJA,eADA,kBAIA,UAEA,CCyPA,2CACE,SDzPY,CC2Pd,2CACE,UD5PY,CAGhB,qCACE,WAGF,wCACE,WAGF,2CACE,WAGF,8CACE,WAGF,iDACE,WC+YA,oDACE,iBD5YF,CC8YA,oDACE,kBD/YF,CC2YA,uDACE,iBDxYF,CC0YA,uDACE,kBD3YF,CCuYA,0DACE,iBDpYF,CCsYA,0DACE,kBDvYF,CCmYA,6DACE,iBDhYF,CCkYA,6DACE,kBDnYF,CC+XA,gEACE,kBD5XF,CC8XA,gEACE,mBD/XF","sources":["webpack:///./user-permissions.scss","webpack:///../../../../../packages/craftcms-sass/_mixins.scss"],"sourcesContent":["@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\n.user-permissions {\n position: relative;\n}\n\n.user-permissions h3:first-child {\n margin-top: 14px !important;\n}\n\n.user-permissions .select-all {\n font-size: 0.9em;\n margin: 13px 0;\n color: var(--link-color);\n cursor: pointer;\n}\n\n.user-permissions .select-all:hover {\n text-decoration: underline;\n}\n\n.user-permissions .checkbox {\n position: absolute;\n right: 0;\n}\n\n.user-permissions input.checkbox:disabled + label {\n opacity: 0.5;\n}\n\n.user-permissions input.checkbox:disabled + label:before,\n.user-permissions div.checkbox.disabled:before {\n opacity: 0.5;\n}\n\n.user-permissions h3 {\n @include padding-right(0.5em);\n @include border-right(1px solid #eee);\n @include margin-right(0.5em);\n}\n\n.user-permissions h3,\n.user-permissions .select-all {\n @include floatleft;\n}\n\n.user-permissions ul {\n clear: both;\n}\n\n.user-permissions ul ul li:before {\n display: block;\n position: absolute;\n margin-top: 8px;\n content: '';\n font-size: 0;\n width: 10px;\n height: 0;\n border-top: 1px solid #eee;\n @include left(20px);\n}\n\n.user-permissions ul ul ul li:before {\n width: 30px;\n}\n\n.user-permissions ul ul ul ul li:before {\n width: 45px;\n}\n\n.user-permissions ul ul ul ul ul li:before {\n width: 60px;\n}\n\n.user-permissions ul ul ul ul ul ul li:before {\n width: 75px;\n}\n\n.user-permissions ul ul ul ul ul ul ul li:before {\n width: 90px;\n}\n\n.user-permissions ul ul li .checkbox + label {\n @include padding-left(35px);\n}\n\n.user-permissions ul ul ul li .checkbox + label {\n @include padding-left(55px);\n}\n\n.user-permissions ul ul ul ul li .checkbox + label {\n @include padding-left(70px);\n}\n\n.user-permissions ul ul ul ul ul li .checkbox + label {\n @include padding-left(85px);\n}\n\n.user-permissions ul ul ul ul ul ul li .checkbox + label {\n @include padding-left(100px);\n}\n","$white: #fff;\n$black: #000;\n\n$grey050: hsl(212, 60%, 97%);\n$grey100: hsl(212, 50%, 93%);\n$grey200: hsl(212, 30%, 85%);\n$grey300: hsl(211, 13%, 65%);\n$grey350: hsl(211, 11%, 59%);\n$grey400: hsl(210, 10%, 53%);\n$grey500: hsl(211, 12%, 43%);\n$grey550: hsl(210, 13%, 40%);\n$grey600: hsl(209, 14%, 37%);\n$grey700: hsl(209, 18%, 30%);\n$grey800: hsl(209, 20%, 25%);\n$grey900: hsl(210, 24%, 16%);\n$grey1000: hsl(210, 24%, 10%);\n\n$blue050: #e3f8ff;\n$blue100: #b3ecff;\n$blue200: #81defd;\n$blue300: #5ed0fa;\n$blue400: #40c3f7;\n$blue500: #2bb0ed;\n$blue600: #1992d4;\n$blue700: #127fbf;\n$blue800: #0b69a3;\n$blue900: #035388;\n\n$cyan050: #e0fcff;\n$cyan100: #bef8fd;\n$cyan200: #87eaf2;\n$cyan300: #54d1db;\n$cyan400: #38bec9;\n$cyan500: #2cb1bc;\n$cyan600: #14919b;\n$cyan700: #0e7c86;\n$cyan800: #0a6c74;\n$cyan900: #044e54;\n\n$pink050: #ffe3ec;\n$pink100: #ffb8d2;\n$pink200: #ff8cba;\n$pink300: #f364a2;\n$pink400: #e8368f;\n$pink500: #da127d;\n$pink600: #bc0a6f;\n$pink700: #a30664;\n$pink800: #870557;\n$pink900: #620042;\n\n$red050: #ffe3e3;\n$red100: #ffbdbd;\n$red200: #ff9b9b;\n$red300: #f86a6a;\n$red400: #ef4e4e;\n$red500: #e12d39;\n$red600: #cf1124;\n$red700: #ab091e;\n$red800: #8a041a;\n$red900: #610316;\n\n$yellow050: #fffbea;\n$yellow100: #fff3c4;\n$yellow200: #fce588;\n$yellow300: #fadb5f;\n$yellow400: #f7c948;\n$yellow500: #f0b429;\n$yellow600: #de911d;\n$yellow700: #cb6e17;\n$yellow800: #b44d12;\n$yellow900: #8d2b0b;\n\n$teal050: #effcf6;\n$teal100: #c6f7e2;\n$teal200: #8eedc7;\n$teal300: #65d6ad;\n$teal400: #3ebd93;\n$teal500: #27ab83;\n$teal600: #199473;\n$teal700: #147d64;\n$teal800: #0c6b58;\n$teal900: #014d40;\n\n// submit button colors\n$primaryColor: $red500;\n$secondaryColor: $grey500;\n\n$inputColor: hsl(212, 25%, 50%);\n\n// text colors\n$textColor: $grey700;\n$mediumDarkTextColor: $grey550;\n$mediumTextColor: $grey550;\n$lightTextColor: $grey500;\n$linkColor: #2563eb;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $white;\n$menuOptionActiveBackgroundColor: $grey500;\n\n// hairline colors\n$hairlineColor: transparentize($grey800, 0.9);\n$mediumHairlineColor: transparentize($grey600, 0.75);\n$darkHairlineColor: transparentize($grey400, 0.5);\n\n// focus colors\n$lightFocusColor: $blue300;\n$mediumFocusColor: $blue500;\n$darkFocusColor: #0f74b1;\n\n// focus rings\n$lightFocusRing: 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing: 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing: 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey600;\n\n// alert/notice colors\n$errorColor: $red600;\n$warningColor: $yellow800;\n$successColor: $teal500;\n$noticeColor: $blue800;\n\n// UI element styles\n$smallBorderRadius: 3px;\n$mediumBorderRadius: 4px;\n$largeBorderRadius: 5px;\n\n$menuBorderRadius: $mediumBorderRadius;\n$checkboxSize: 16px;\n$radioSize: 16px;\n\n@mixin sans-serif-font {\n font-family: system-ui, BlinkMacSystemFont, -apple-system, 'Segoe UI',\n 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',\n 'Helvetica Neue', sans-serif;\n}\n\n@mixin fixed-width-font {\n font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier,\n monospace;\n font-size: 0.9em !important;\n}\n\n@function toRem($values...) {\n $max: length($values);\n $remValues: '';\n\n @for $i from 1 through $max {\n $remValues: #{$remValues + calc(nth($values, $i) / 16)}rem;\n\n @if $i < $max {\n $remValues: #{$remValues + ' '};\n }\n }\n\n @return $remValues;\n}\n\n@mixin fontSize($size) {\n font-size: toRem($size);\n}\n\n// Other\n\n@mixin focus-styles {\n body:not(.reduce-focus-visibility) &:focus,\n body.reduce-focus-visibility &.focus-visible {\n @content;\n }\n}\n\n@mixin svg-mask($color) {\n rect,\n circle,\n ellipse,\n line,\n polyline,\n polygon,\n path,\n text {\n fill: $color;\n stroke-width: 0;\n }\n}\n\n@mixin icon {\n font-family: 'Craft';\n speak: none;\n -webkit-font-feature-settings: 'liga', 'dlig';\n -moz-font-feature-settings: 'liga=1, dlig=1';\n -moz-font-feature-settings: 'liga', 'dlig';\n -ms-font-feature-settings: 'liga', 'dlig';\n -o-font-feature-settings: 'liga', 'dlig';\n font-feature-settings: 'liga', 'dlig';\n text-rendering: optimizeLegibility;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n direction: ltr; // Fixes a rendering issue in Chrome/Win\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n\n display: inline-block;\n text-align: center;\n font-style: normal;\n vertical-align: middle;\n word-wrap: normal !important;\n user-select: none;\n\n opacity: var(--icon-opacity);\n}\n\n@mixin angle($dir: down, $color: currentColor, $width: 2px) {\n display: block;\n content: '';\n font-size: 0;\n width: 7px;\n height: 7px;\n border: solid $color;\n border-width: 0 $width $width 0;\n opacity: 0.8;\n\n @if $dir == up {\n transform: rotate(225deg);\n } @else if $dir == down {\n transform: rotate(45deg);\n } @else if $dir == left {\n body.ltr & {\n transform: rotate(135deg);\n }\n body.rtl & {\n transform: rotate(-45deg);\n }\n } @else if $dir == right {\n body.ltr & {\n transform: rotate(-45deg);\n }\n body.rtl & {\n transform: rotate(135deg);\n }\n }\n}\n\n@mixin clearafter {\n content: '';\n display: block;\n height: 0;\n clear: both;\n visibility: hidden;\n}\n\n@mixin shadow {\n box-shadow: 0 1px 5px -1px transparentize($grey900, 0.8);\n}\n\n@mixin pane {\n background: $white;\n box-shadow: 0 0 0 1px $grey200, 0 2px 12px transparentize($grey200, 0.5);\n\n &:focus {\n box-shadow: var(--focus-ring);\n }\n}\n\n@mixin modal {\n border-radius: $largeBorderRadius;\n background-color: $white;\n box-shadow: 0 25px 100px transparentize($grey900, 0.5);\n}\n\n@mixin light-on-dark-text() {\n // Make light on dark text sharp on Macs\n // (sub-pixel antialiasing looks too bold/blurry with light text on dark background)\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-weight: 500;\n}\n\n@mixin light-focus-ring() {\n --focus-ring: 0 0 0 1px hsl(var(--light-focus-hsl)),\n 0 0 0 3px hsla(var(--light-focus-hsl), 0.7);\n}\n\n@mixin two-color-focus-ring($light-button: true) {\n // Creates a two-color focus ring, with a white\n // If button is light, the dark box shadow is adjacent to the button\n // Else the light box shadow is adjacent to the button\n --light-color: var(--white);\n --dark-color: var(--gray-800);\n\n @if $light-button {\n --focus-ring: 0 0 0 3px var(--dark-color), 0 0 0 6px var(--light-color);\n } @else {\n --focus-ring: 0 0 0 3px var(--light-color), 0 0 0 6px var(--dark-color);\n }\n}\n\n// RTL stuff\n\n@mixin left($left) {\n body.ltr & {\n left: $left;\n }\n body.rtl & {\n right: $left;\n }\n}\n\n@mixin right($right) {\n body.ltr & {\n right: $right;\n }\n body.rtl & {\n left: $right;\n }\n}\n\n@mixin alignleft {\n body.ltr & {\n text-align: left;\n }\n body.rtl & {\n text-align: right;\n }\n}\n\n@mixin alignright {\n body.ltr & {\n text-align: right;\n }\n body.rtl & {\n text-align: left;\n }\n}\n\n@mixin border-left($params...) {\n body.ltr & {\n border-left: $params;\n }\n body.rtl & {\n border-right: $params;\n }\n}\n\n@mixin border-right($params...) {\n body.ltr & {\n border-right: $params;\n }\n body.rtl & {\n border-left: $params;\n }\n}\n\n@mixin border-left-width($param) {\n body.ltr & {\n border-left-width: $param;\n }\n body.rtl & {\n border-right-width: $param;\n }\n}\n\n@mixin border-right-width($param) {\n body.ltr & {\n border-right-width: $param;\n }\n body.rtl & {\n border-left-width: $param;\n }\n}\n\n@mixin border-radius($tl, $tr, $br, $bl) {\n body.ltr & {\n border-radius: $tl $tr $br $bl;\n }\n body.rtl & {\n border-radius: $tr $tl $bl $br;\n }\n}\n\n@mixin border-top-left-radius($params...) {\n body.ltr & {\n border-top-left-radius: $params;\n }\n body.rtl & {\n border-top-right-radius: $params;\n }\n}\n\n@mixin border-top-right-radius($params...) {\n body.ltr & {\n border-top-right-radius: $params;\n }\n body.rtl & {\n border-top-left-radius: $params;\n }\n}\n\n@mixin border-bottom-left-radius($params...) {\n body.ltr & {\n border-bottom-left-radius: $params;\n }\n body.rtl & {\n border-bottom-right-radius: $params;\n }\n}\n\n@mixin border-bottom-right-radius($params...) {\n body.ltr & {\n border-bottom-right-radius: $params;\n }\n body.rtl & {\n border-bottom-left-radius: $params;\n }\n}\n\n@mixin floatleft {\n body.ltr & {\n float: left;\n }\n body.rtl & {\n float: right;\n }\n}\n\n@mixin floatright {\n body.ltr & {\n float: right;\n }\n body.rtl & {\n float: left;\n }\n}\n\n@mixin margin($t, $r, $b, $l, $important: '') {\n body.ltr & {\n margin: $t $r $b $l unquote($important);\n }\n body.rtl & {\n margin: $t $l $b $r unquote($important);\n }\n}\n\n@mixin margin-left($margin...) {\n body.ltr & {\n margin-left: $margin;\n }\n body.rtl & {\n margin-right: $margin;\n }\n}\n\n@mixin margin-right($margin...) {\n body.ltr & {\n margin-right: $margin;\n }\n body.rtl & {\n margin-left: $margin;\n }\n}\n\n@mixin padding($t, $r, $b, $l, $important: '') {\n body.ltr & {\n padding: $t $r $b $l unquote($important);\n }\n body.rtl & {\n padding: $t $l $b $r unquote($important);\n }\n}\n\n@mixin padding-left($padding...) {\n body.ltr & {\n padding-left: $padding;\n }\n body.rtl & {\n padding-right: $padding;\n }\n}\n\n@mixin padding-right($padding...) {\n body.ltr & {\n padding-right: $padding;\n }\n body.rtl & {\n padding-left: $padding;\n }\n}\n\n// Misc\n\n@mixin dark-inputs {\n @include placeholder-styles($grey400);\n\n .btn,\n .select:not(.selectize) select {\n background-color: $grey200;\n\n &:focus,\n &:hover {\n background-color: darken($grey200, 5%);\n }\n\n &:active,\n &.active {\n background-color: darken($grey200, 10%);\n }\n }\n\n .text {\n background-color: $grey200;\n\n &:focus {\n background-color: darken($grey200, 5%);\n }\n }\n}\n\n@mixin header-btn {\n width: 30px;\n height: 30px;\n padding-left: 0;\n padding-right: 0;\n\n &:not(:hover):not(:active):not(.active) {\n background-color: transparent;\n }\n &:not(:active):not(.active):hover {\n background-color: transparentize($grey300, 0.85);\n }\n}\n\n@mixin h6-styles {\n margin: 14px 0 3px;\n font-size: 11px;\n line-height: 1.2;\n color: $lightTextColor;\n text-transform: uppercase;\n}\n\n@mixin token-styles {\n display: inline-block;\n border-radius: $smallBorderRadius;\n padding: 3px 7px;\n font-size: 12px;\n line-height: 14px;\n color: $textColor;\n background-color: $grey100;\n}\n\n@mixin active-token-styles {\n background-color: $grey200;\n}\n\n@mixin menu-styles {\n z-index: 100;\n border-radius: $menuBorderRadius;\n padding: 0 14px;\n overflow: auto;\n background: $white;\n user-select: none;\n box-shadow: 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-option-styles {\n margin: 0 -14px;\n padding: 10px 14px;\n color: $menuOptionColor;\n text-decoration: none;\n white-space: nowrap;\n}\n\n@mixin menu-option-active-styles {\n color: $menuOptionActiveColor;\n background-color: $menuOptionActiveBackgroundColor;\n}\n\n@mixin disclosure-link-hover-styles {\n color: $menuOptionColor;\n background-color: $grey050;\n}\n\n@mixin input-styles {\n border-radius: $smallBorderRadius;\n border: 1px solid transparentize($inputColor, 0.75);\n background-color: hsl(212, 50%, 99%);\n background-clip: padding-box;\n}\n\n@mixin input-focused-styles {\n box-shadow: var(--focus-ring);\n}\n\n@mixin placeholder-styles($color) {\n input::-webkit-input-placeholder,\n textarea::-webkit-input-placeholder {\n color: $color;\n }\n\n input:-ms-input-placeholder,\n textarea:-ms-input-placeholder {\n color: $color;\n }\n\n input::-ms-input-placeholder,\n textarea::-ms-input-placeholder {\n color: $color;\n }\n\n input:-moz-placeholder,\n textarea:-moz-placeholder {\n color: $color;\n }\n\n input::-moz-placeholder,\n textarea::-moz-placeholder {\n color: $color;\n }\n\n input::placeholder,\n textarea::placeholder {\n color: $color;\n }\n}\n\n@mixin select-styles {\n position: relative;\n border-radius: $largeBorderRadius;\n white-space: nowrap;\n}\n\n@mixin select-container-styles {\n max-width: 100%;\n position: relative;\n :not(.flex) > & {\n display: inline-block;\n }\n}\n\n@mixin select-arrow-styles {\n @include angle;\n position: absolute;\n z-index: 1;\n top: calc(50% - 5px);\n @include right(9px);\n user-select: none;\n pointer-events: none;\n}\n\n@mixin select-input-styles {\n display: block;\n position: relative;\n max-width: 100%;\n border: none;\n @include padding(7px, 22px, 7px, 10px);\n font-size: 14px;\n line-height: 20px;\n color: $textColor;\n background-color: hsl(212, 25%, 90%);\n appearance: none;\n // from https://stackoverflow.com/a/15933790/1688568\n &::-ms-expand {\n display: none;\n }\n}\n\n@mixin select-input-fullwidth-styles {\n min-width: 100%;\n}\n\n@mixin select-input-focused-styles {\n outline-color: transparent;\n background-color: hsl(212, 25%, 85%);\n box-shadow: var(--focus-ring);\n}\n\n@mixin touch-target {\n height: var(--touch-target-size);\n width: var(--touch-target-size);\n}\n\n@mixin visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: 0;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\n@mixin readable {\n font-size: 16px;\n line-height: 22px;\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6 {\n font-size: 13.6px;\n line-height: 17px;\n color: $mediumTextColor;\n }\n\n ul,\n ol {\n margin: 1em 0;\n @include padding-left(2em);\n }\n\n ul li {\n list-style-type: disc;\n }\n\n li + li {\n margin-top: 0.25em;\n }\n\n blockquote {\n margin: 16px 0;\n\n &:not(.note) {\n padding: 0 16px;\n color: $mediumTextColor;\n @include border-left(4px solid $hairlineColor);\n }\n\n &.note {\n position: relative;\n border-radius: 4px;\n padding: 1em;\n @include padding-left(56px);\n border: 1px solid;\n\n &:not(.tip):not(.warning) {\n border-color: $errorColor;\n color: #bf503f;\n\n &:before {\n content: 'alert';\n color: $errorColor;\n }\n }\n\n &.tip {\n border-color: $linkColor;\n color: $mediumTextColor;\n\n &:before {\n content: 'lightbulb';\n color: $linkColor;\n }\n }\n\n &.warning {\n border-color: $warningColor;\n color: #cf783a;\n\n &:before {\n content: 'alert';\n color: $warningColor;\n }\n }\n\n &:before {\n @include icon;\n position: absolute;\n top: 12px;\n @include left(16px);\n font-size: 30px;\n width: 24px;\n }\n }\n }\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/src/web/assets/utilities/dist/css/utilities.css.map b/src/web/assets/utilities/dist/css/utilities.css.map
index 8ee2b32c200..31a7ab1ddec 100644
--- a/src/web/assets/utilities/dist/css/utilities.css.map
+++ b/src/web/assets/utilities/dist/css/utilities.css.map
@@ -1 +1 @@
-{"version":3,"file":"css/utilities.css","mappings":"AAIA,6BACE,cAIA,YAFA,kBACA,WACA,CCsZA,sCACE,WAEF,sCACE,YAuBF,sCACE,gBDjbF,CCmbA,sCACE,iBDpbF,CAGF,sCACE,gBACA,UAGF,0CAIE,SAAQ,CAFR,SADA,UAGA,CCoRA,mDACE,MDtRY,CCwRd,mDACE,ODzRY,CAIhB,qDACE,QAGF,iDAIE,+BADA,eAFA,gBAIA,kBCwQA,0DACE,MD5QY,CC8Qd,0DACE,OD/QY,CCsbd,0DACE,iBDnbF,CCqbA,0DACE,kBDtbF,CAIF,oBACE,iBACA","sources":["webpack:///./utilities.scss","webpack:///../../../../../packages/craftcms-sass/_mixins.scss"],"sourcesContent":["@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\n/* Utilities */\nform.utility .utility-status {\n display: block;\n @include floatleft;\n position: relative;\n width: 100px;\n height: 40px;\n @include margin-left(10px);\n}\n\nform.utility .utility-status .alldone {\n margin-top: 11px;\n opacity: 0;\n}\n\nform.utility .utility-status .progressbar {\n width: 100%;\n top: 14px;\n @include left(0);\n opacity: 0;\n}\n\nform.utility .utility-status .progressbar.has-status {\n top: 6px;\n}\n\nform.utility .utility-status .progressbar-status {\n margin-top: 17px;\n @include left(0);\n font-size: 12px;\n color: var(--medium-text-color);\n text-align: center;\n @include padding-left(10px);\n}\n\n/* Asset Index */\n.confirmmodal .body {\n max-height: 400px;\n overflow: auto;\n}\n","$white: #fff;\n$black: #000;\n\n$grey050: hsl(212, 60%, 97%);\n$grey100: hsl(212, 50%, 93%);\n$grey200: hsl(212, 30%, 85%);\n$grey300: hsl(211, 13%, 65%);\n$grey350: hsl(211, 11%, 59%);\n$grey400: hsl(210, 10%, 53%);\n$grey500: hsl(211, 12%, 43%);\n$grey550: hsl(210, 13%, 40%);\n$grey600: hsl(209, 14%, 37%);\n$grey700: hsl(209, 18%, 30%);\n$grey800: hsl(209, 20%, 25%);\n$grey900: hsl(210, 24%, 16%);\n$grey1000: hsl(210, 24%, 10%);\n\n$blue050: #e3f8ff;\n$blue100: #b3ecff;\n$blue200: #81defd;\n$blue300: #5ed0fa;\n$blue400: #40c3f7;\n$blue500: #2bb0ed;\n$blue600: #1992d4;\n$blue700: #127fbf;\n$blue800: #0b69a3;\n$blue900: #035388;\n\n$cyan050: #e0fcff;\n$cyan100: #bef8fd;\n$cyan200: #87eaf2;\n$cyan300: #54d1db;\n$cyan400: #38bec9;\n$cyan500: #2cb1bc;\n$cyan600: #14919b;\n$cyan700: #0e7c86;\n$cyan800: #0a6c74;\n$cyan900: #044e54;\n\n$pink050: #ffe3ec;\n$pink100: #ffb8d2;\n$pink200: #ff8cba;\n$pink300: #f364a2;\n$pink400: #e8368f;\n$pink500: #da127d;\n$pink600: #bc0a6f;\n$pink700: #a30664;\n$pink800: #870557;\n$pink900: #620042;\n\n$red050: #ffe3e3;\n$red100: #ffbdbd;\n$red200: #ff9b9b;\n$red300: #f86a6a;\n$red400: #ef4e4e;\n$red500: #e12d39;\n$red600: #cf1124;\n$red700: #ab091e;\n$red800: #8a041a;\n$red900: #610316;\n\n$yellow050: #fffbea;\n$yellow100: #fff3c4;\n$yellow200: #fce588;\n$yellow300: #fadb5f;\n$yellow400: #f7c948;\n$yellow500: #f0b429;\n$yellow600: #de911d;\n$yellow700: #cb6e17;\n$yellow800: #b44d12;\n$yellow900: #8d2b0b;\n\n$teal050: #effcf6;\n$teal100: #c6f7e2;\n$teal200: #8eedc7;\n$teal300: #65d6ad;\n$teal400: #3ebd93;\n$teal500: #27ab83;\n$teal600: #199473;\n$teal700: #147d64;\n$teal800: #0c6b58;\n$teal900: #014d40;\n\n// submit button colors\n$primaryColor: $red500;\n$secondaryColor: $grey500;\n\n$inputColor: hsl(212, 25%, 50%);\n\n// text colors\n$textColor: $grey700;\n$mediumDarkTextColor: $grey550;\n$mediumTextColor: $grey550;\n$lightTextColor: $grey500;\n$linkColor: #2563eb;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $white;\n$menuOptionActiveBackgroundColor: $grey500;\n\n// hairline colors\n$hairlineColor: transparentize($grey800, 0.9);\n$mediumHairlineColor: transparentize($grey600, 0.75);\n$darkHairlineColor: transparentize($grey400, 0.5);\n\n// focus colors\n$lightFocusColor: $blue300;\n$mediumFocusColor: $blue500;\n$darkFocusColor: #0f74b1;\n\n// focus rings\n$lightFocusRing: 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing: 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing: 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey600;\n\n// alert/notice colors\n$errorColor: $red600;\n$warningColor: $yellow800;\n$successColor: $teal500;\n$noticeColor: $blue800;\n\n// UI element styles\n$smallBorderRadius: 3px;\n$mediumBorderRadius: 4px;\n$largeBorderRadius: 5px;\n\n$menuBorderRadius: $mediumBorderRadius;\n$checkboxSize: 16px;\n$radioSize: 16px;\n\n@mixin sans-serif-font {\n font-family: system-ui, BlinkMacSystemFont, -apple-system, 'Segoe UI',\n 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',\n 'Helvetica Neue', sans-serif;\n}\n\n@mixin fixed-width-font {\n font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier,\n monospace;\n font-size: 0.9em !important;\n}\n\n@function toRem($size) {\n $remValue: calc($size / 16) + rem;\n @return $remValue;\n}\n\n@mixin fontSize($size) {\n font-size: toRem($size);\n}\n\n// Other\n\n@mixin focus-styles {\n body:not(.reduce-focus-visibility) &:focus,\n body.reduce-focus-visibility &.focus-visible {\n @content;\n }\n}\n\n@mixin svg-mask($color) {\n rect,\n circle,\n ellipse,\n line,\n polyline,\n polygon,\n path,\n text {\n fill: $color;\n stroke-width: 0;\n }\n}\n\n@mixin icon {\n font-family: 'Craft';\n speak: none;\n -webkit-font-feature-settings: 'liga', 'dlig';\n -moz-font-feature-settings: 'liga=1, dlig=1';\n -moz-font-feature-settings: 'liga', 'dlig';\n -ms-font-feature-settings: 'liga', 'dlig';\n -o-font-feature-settings: 'liga', 'dlig';\n font-feature-settings: 'liga', 'dlig';\n text-rendering: optimizeLegibility;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n direction: ltr; // Fixes a rendering issue in Chrome/Win\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n\n display: inline-block;\n text-align: center;\n font-style: normal;\n vertical-align: middle;\n word-wrap: normal !important;\n user-select: none;\n\n opacity: var(--icon-opacity);\n}\n\n@mixin angle($dir: down, $color: currentColor, $width: 2px) {\n display: block;\n content: '';\n font-size: 0;\n width: 7px;\n height: 7px;\n border: solid $color;\n border-width: 0 $width $width 0;\n opacity: 0.8;\n\n @if $dir == up {\n transform: rotate(225deg);\n } @else if $dir == down {\n transform: rotate(45deg);\n } @else if $dir == left {\n body.ltr & {\n transform: rotate(135deg);\n }\n body.rtl & {\n transform: rotate(-45deg);\n }\n } @else if $dir == right {\n body.ltr & {\n transform: rotate(-45deg);\n }\n body.rtl & {\n transform: rotate(135deg);\n }\n }\n}\n\n@mixin clearafter {\n content: '';\n display: block;\n height: 0;\n clear: both;\n visibility: hidden;\n}\n\n@mixin shadow {\n box-shadow: 0 1px 5px -1px transparentize($grey900, 0.8);\n}\n\n@mixin pane {\n background: $white;\n box-shadow: 0 0 0 1px $grey200, 0 2px 12px transparentize($grey200, 0.5);\n\n &:focus {\n box-shadow: var(--focus-ring);\n }\n}\n\n@mixin modal {\n border-radius: $largeBorderRadius;\n background-color: $white;\n box-shadow: 0 25px 100px transparentize($grey900, 0.5);\n}\n\n@mixin light-on-dark-text() {\n // Make light on dark text sharp on Macs\n // (sub-pixel antialiasing looks too bold/blurry with light text on dark background)\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-weight: 500;\n}\n\n@mixin light-focus-ring() {\n --focus-ring: 0 0 0 1px hsl(var(--light-focus-hsl)),\n 0 0 0 3px hsla(var(--light-focus-hsl), 0.7);\n}\n\n@mixin two-color-focus-ring($light-button: true) {\n // Creates a two-color focus ring, with a white\n // If button is light, the dark box shadow is adjacent to the button\n // Else the light box shadow is adjacent to the button\n --light-color: var(--white);\n --dark-color: var(--gray-800);\n\n @if $light-button {\n --focus-ring: 0 0 0 3px var(--dark-color), 0 0 0 6px var(--light-color);\n } @else {\n --focus-ring: 0 0 0 3px var(--light-color), 0 0 0 6px var(--dark-color);\n }\n}\n\n// RTL stuff\n\n@mixin left($left) {\n body.ltr & {\n left: $left;\n }\n body.rtl & {\n right: $left;\n }\n}\n\n@mixin right($right) {\n body.ltr & {\n right: $right;\n }\n body.rtl & {\n left: $right;\n }\n}\n\n@mixin alignleft {\n body.ltr & {\n text-align: left;\n }\n body.rtl & {\n text-align: right;\n }\n}\n\n@mixin alignright {\n body.ltr & {\n text-align: right;\n }\n body.rtl & {\n text-align: left;\n }\n}\n\n@mixin border-left($params...) {\n body.ltr & {\n border-left: $params;\n }\n body.rtl & {\n border-right: $params;\n }\n}\n\n@mixin border-right($params...) {\n body.ltr & {\n border-right: $params;\n }\n body.rtl & {\n border-left: $params;\n }\n}\n\n@mixin border-left-width($param) {\n body.ltr & {\n border-left-width: $param;\n }\n body.rtl & {\n border-right-width: $param;\n }\n}\n\n@mixin border-right-width($param) {\n body.ltr & {\n border-right-width: $param;\n }\n body.rtl & {\n border-left-width: $param;\n }\n}\n\n@mixin border-radius($tl, $tr, $br, $bl) {\n body.ltr & {\n border-radius: $tl $tr $br $bl;\n }\n body.rtl & {\n border-radius: $tr $tl $bl $br;\n }\n}\n\n@mixin border-top-left-radius($params...) {\n body.ltr & {\n border-top-left-radius: $params;\n }\n body.rtl & {\n border-top-right-radius: $params;\n }\n}\n\n@mixin border-top-right-radius($params...) {\n body.ltr & {\n border-top-right-radius: $params;\n }\n body.rtl & {\n border-top-left-radius: $params;\n }\n}\n\n@mixin border-bottom-left-radius($params...) {\n body.ltr & {\n border-bottom-left-radius: $params;\n }\n body.rtl & {\n border-bottom-right-radius: $params;\n }\n}\n\n@mixin border-bottom-right-radius($params...) {\n body.ltr & {\n border-bottom-right-radius: $params;\n }\n body.rtl & {\n border-bottom-left-radius: $params;\n }\n}\n\n@mixin floatleft {\n body.ltr & {\n float: left;\n }\n body.rtl & {\n float: right;\n }\n}\n\n@mixin floatright {\n body.ltr & {\n float: right;\n }\n body.rtl & {\n float: left;\n }\n}\n\n@mixin margin($t, $r, $b, $l, $important: '') {\n body.ltr & {\n margin: $t $r $b $l unquote($important);\n }\n body.rtl & {\n margin: $t $l $b $r unquote($important);\n }\n}\n\n@mixin margin-left($margin...) {\n body.ltr & {\n margin-left: $margin;\n }\n body.rtl & {\n margin-right: $margin;\n }\n}\n\n@mixin margin-right($margin...) {\n body.ltr & {\n margin-right: $margin;\n }\n body.rtl & {\n margin-left: $margin;\n }\n}\n\n@mixin padding($t, $r, $b, $l, $important: '') {\n body.ltr & {\n padding: $t $r $b $l unquote($important);\n }\n body.rtl & {\n padding: $t $l $b $r unquote($important);\n }\n}\n\n@mixin padding-left($padding...) {\n body.ltr & {\n padding-left: $padding;\n }\n body.rtl & {\n padding-right: $padding;\n }\n}\n\n@mixin padding-right($padding...) {\n body.ltr & {\n padding-right: $padding;\n }\n body.rtl & {\n padding-left: $padding;\n }\n}\n\n// Misc\n\n@mixin dark-inputs {\n @include placeholder-styles($grey400);\n\n .btn,\n .select:not(.selectize) select {\n background-color: $grey200;\n\n &:focus,\n &:hover {\n background-color: darken($grey200, 5%);\n }\n\n &:active,\n &.active {\n background-color: darken($grey200, 10%);\n }\n }\n\n .text {\n background-color: $grey200;\n\n &:focus {\n background-color: darken($grey200, 5%);\n }\n }\n}\n\n@mixin header-btn {\n width: 30px;\n height: 30px;\n padding-left: 0;\n padding-right: 0;\n\n &:not(:hover):not(:active):not(.active) {\n background-color: transparent;\n }\n &:not(:active):not(.active):hover {\n background-color: transparentize($grey300, 0.85);\n }\n}\n\n@mixin h6-styles {\n margin: 14px 0 3px;\n font-size: 11px;\n line-height: 1.2;\n color: $lightTextColor;\n text-transform: uppercase;\n}\n\n@mixin token-styles {\n display: inline-block;\n border-radius: $smallBorderRadius;\n padding: 3px 7px;\n font-size: 12px;\n line-height: 14px;\n color: $textColor;\n background-color: $grey100;\n}\n\n@mixin active-token-styles {\n background-color: $grey200;\n}\n\n@mixin menu-styles {\n z-index: 100;\n border-radius: $menuBorderRadius;\n padding: 0 14px;\n overflow: auto;\n background: $white;\n user-select: none;\n box-shadow: 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-option-styles {\n margin: 0 -14px;\n padding: 10px 14px;\n color: $menuOptionColor;\n text-decoration: none;\n white-space: nowrap;\n}\n\n@mixin menu-option-active-styles {\n color: $menuOptionActiveColor;\n background-color: $menuOptionActiveBackgroundColor;\n}\n\n@mixin disclosure-link-hover-styles {\n color: $menuOptionColor;\n background-color: $grey050;\n}\n\n@mixin input-styles {\n border-radius: $smallBorderRadius;\n border: 1px solid transparentize($inputColor, 0.75);\n background-color: hsl(212, 50%, 99%);\n background-clip: padding-box;\n}\n\n@mixin input-focused-styles {\n box-shadow: var(--focus-ring);\n}\n\n@mixin placeholder-styles($color) {\n ::-webkit-input-placeholder {\n color: $color;\n }\n\n input:-ms-input-placeholder {\n color: $color;\n }\n\n ::-ms-input-placeholder {\n color: $color;\n }\n\n :-moz-placeholder {\n color: $color;\n }\n\n ::-moz-placeholder {\n color: $color;\n }\n\n ::placeholder {\n color: $color;\n }\n}\n\n@mixin select-styles {\n position: relative;\n border-radius: $largeBorderRadius;\n white-space: nowrap;\n}\n\n@mixin select-container-styles {\n max-width: 100%;\n position: relative;\n :not(.flex) > & {\n display: inline-block;\n }\n}\n\n@mixin select-arrow-styles {\n @include angle;\n position: absolute;\n z-index: 1;\n top: calc(50% - 5px);\n @include right(9px);\n user-select: none;\n pointer-events: none;\n}\n\n@mixin select-input-styles {\n display: block;\n position: relative;\n max-width: 100%;\n border: none;\n @include padding(7px, 22px, 7px, 10px);\n font-size: 14px;\n line-height: 20px;\n color: $textColor;\n background-color: hsl(212, 25%, 90%);\n appearance: none;\n // from https://stackoverflow.com/a/15933790/1688568\n &::-ms-expand {\n display: none;\n }\n}\n\n@mixin select-input-fullwidth-styles {\n min-width: 100%;\n}\n\n@mixin select-input-focused-styles {\n outline-color: transparent;\n background-color: hsl(212, 25%, 85%);\n box-shadow: var(--focus-ring);\n}\n\n@mixin touch-target {\n height: var(--touch-target-size);\n width: var(--touch-target-size);\n}\n\n@mixin visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: 0;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\n@mixin readable {\n font-size: 16px;\n line-height: 22px;\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6 {\n font-size: 13.6px;\n line-height: 17px;\n color: $mediumTextColor;\n }\n\n ul,\n ol {\n margin: 1em 0;\n @include padding-left(2em);\n }\n\n ul li {\n list-style-type: disc;\n }\n\n li + li {\n margin-top: 0.25em;\n }\n\n blockquote {\n margin: 16px 0;\n\n &:not(.note) {\n padding: 0 16px;\n color: $mediumTextColor;\n @include border-left(4px solid $hairlineColor);\n }\n\n &.note {\n position: relative;\n border-radius: 4px;\n padding: 1em;\n @include padding-left(56px);\n border: 1px solid;\n\n &:not(.tip):not(.warning) {\n border-color: $errorColor;\n color: #bf503f;\n\n &:before {\n content: 'alert';\n color: $errorColor;\n }\n }\n\n &.tip {\n border-color: $linkColor;\n color: $mediumTextColor;\n\n &:before {\n content: 'lightbulb';\n color: $linkColor;\n }\n }\n\n &.warning {\n border-color: $warningColor;\n color: #cf783a;\n\n &:before {\n content: 'alert';\n color: $warningColor;\n }\n }\n\n &:before {\n @include icon;\n position: absolute;\n top: 12px;\n @include left(16px);\n font-size: 30px;\n width: 24px;\n }\n }\n }\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"css/utilities.css","mappings":"AAIA,6BACE,cAIA,YAFA,kBACA,WACA,CCgaA,sCACE,WAEF,sCACE,YAuBF,sCACE,gBD3bF,CC6bA,sCACE,iBD9bF,CAGF,sCACE,gBACA,UAGF,0CAIE,SAAQ,CAFR,SADA,UAGA,CC8RA,mDACE,MDhSY,CCkSd,mDACE,ODnSY,CAIhB,qDACE,QAGF,iDAIE,+BADA,eAFA,gBAIA,kBCkRA,0DACE,MDtRY,CCwRd,0DACE,ODzRY,CCgcd,0DACE,iBD7bF,CC+bA,0DACE,kBDhcF,CAIF,oBACE,iBACA","sources":["webpack:///./utilities.scss","webpack:///../../../../../packages/craftcms-sass/_mixins.scss"],"sourcesContent":["@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\n/* Utilities */\nform.utility .utility-status {\n display: block;\n @include floatleft;\n position: relative;\n width: 100px;\n height: 40px;\n @include margin-left(10px);\n}\n\nform.utility .utility-status .alldone {\n margin-top: 11px;\n opacity: 0;\n}\n\nform.utility .utility-status .progressbar {\n width: 100%;\n top: 14px;\n @include left(0);\n opacity: 0;\n}\n\nform.utility .utility-status .progressbar.has-status {\n top: 6px;\n}\n\nform.utility .utility-status .progressbar-status {\n margin-top: 17px;\n @include left(0);\n font-size: 12px;\n color: var(--medium-text-color);\n text-align: center;\n @include padding-left(10px);\n}\n\n/* Asset Index */\n.confirmmodal .body {\n max-height: 400px;\n overflow: auto;\n}\n","$white: #fff;\n$black: #000;\n\n$grey050: hsl(212, 60%, 97%);\n$grey100: hsl(212, 50%, 93%);\n$grey200: hsl(212, 30%, 85%);\n$grey300: hsl(211, 13%, 65%);\n$grey350: hsl(211, 11%, 59%);\n$grey400: hsl(210, 10%, 53%);\n$grey500: hsl(211, 12%, 43%);\n$grey550: hsl(210, 13%, 40%);\n$grey600: hsl(209, 14%, 37%);\n$grey700: hsl(209, 18%, 30%);\n$grey800: hsl(209, 20%, 25%);\n$grey900: hsl(210, 24%, 16%);\n$grey1000: hsl(210, 24%, 10%);\n\n$blue050: #e3f8ff;\n$blue100: #b3ecff;\n$blue200: #81defd;\n$blue300: #5ed0fa;\n$blue400: #40c3f7;\n$blue500: #2bb0ed;\n$blue600: #1992d4;\n$blue700: #127fbf;\n$blue800: #0b69a3;\n$blue900: #035388;\n\n$cyan050: #e0fcff;\n$cyan100: #bef8fd;\n$cyan200: #87eaf2;\n$cyan300: #54d1db;\n$cyan400: #38bec9;\n$cyan500: #2cb1bc;\n$cyan600: #14919b;\n$cyan700: #0e7c86;\n$cyan800: #0a6c74;\n$cyan900: #044e54;\n\n$pink050: #ffe3ec;\n$pink100: #ffb8d2;\n$pink200: #ff8cba;\n$pink300: #f364a2;\n$pink400: #e8368f;\n$pink500: #da127d;\n$pink600: #bc0a6f;\n$pink700: #a30664;\n$pink800: #870557;\n$pink900: #620042;\n\n$red050: #ffe3e3;\n$red100: #ffbdbd;\n$red200: #ff9b9b;\n$red300: #f86a6a;\n$red400: #ef4e4e;\n$red500: #e12d39;\n$red600: #cf1124;\n$red700: #ab091e;\n$red800: #8a041a;\n$red900: #610316;\n\n$yellow050: #fffbea;\n$yellow100: #fff3c4;\n$yellow200: #fce588;\n$yellow300: #fadb5f;\n$yellow400: #f7c948;\n$yellow500: #f0b429;\n$yellow600: #de911d;\n$yellow700: #cb6e17;\n$yellow800: #b44d12;\n$yellow900: #8d2b0b;\n\n$teal050: #effcf6;\n$teal100: #c6f7e2;\n$teal200: #8eedc7;\n$teal300: #65d6ad;\n$teal400: #3ebd93;\n$teal500: #27ab83;\n$teal600: #199473;\n$teal700: #147d64;\n$teal800: #0c6b58;\n$teal900: #014d40;\n\n// submit button colors\n$primaryColor: $red500;\n$secondaryColor: $grey500;\n\n$inputColor: hsl(212, 25%, 50%);\n\n// text colors\n$textColor: $grey700;\n$mediumDarkTextColor: $grey550;\n$mediumTextColor: $grey550;\n$lightTextColor: $grey500;\n$linkColor: #2563eb;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $white;\n$menuOptionActiveBackgroundColor: $grey500;\n\n// hairline colors\n$hairlineColor: transparentize($grey800, 0.9);\n$mediumHairlineColor: transparentize($grey600, 0.75);\n$darkHairlineColor: transparentize($grey400, 0.5);\n\n// focus colors\n$lightFocusColor: $blue300;\n$mediumFocusColor: $blue500;\n$darkFocusColor: #0f74b1;\n\n// focus rings\n$lightFocusRing: 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing: 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing: 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey600;\n\n// alert/notice colors\n$errorColor: $red600;\n$warningColor: $yellow800;\n$successColor: $teal500;\n$noticeColor: $blue800;\n\n// UI element styles\n$smallBorderRadius: 3px;\n$mediumBorderRadius: 4px;\n$largeBorderRadius: 5px;\n\n$menuBorderRadius: $mediumBorderRadius;\n$checkboxSize: 16px;\n$radioSize: 16px;\n\n@mixin sans-serif-font {\n font-family: system-ui, BlinkMacSystemFont, -apple-system, 'Segoe UI',\n 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',\n 'Helvetica Neue', sans-serif;\n}\n\n@mixin fixed-width-font {\n font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier,\n monospace;\n font-size: 0.9em !important;\n}\n\n@function toRem($values...) {\n $max: length($values);\n $remValues: '';\n\n @for $i from 1 through $max {\n $remValues: #{$remValues + calc(nth($values, $i) / 16)}rem;\n\n @if $i < $max {\n $remValues: #{$remValues + ' '};\n }\n }\n\n @return $remValues;\n}\n\n@mixin fontSize($size) {\n font-size: toRem($size);\n}\n\n// Other\n\n@mixin focus-styles {\n body:not(.reduce-focus-visibility) &:focus,\n body.reduce-focus-visibility &.focus-visible {\n @content;\n }\n}\n\n@mixin svg-mask($color) {\n rect,\n circle,\n ellipse,\n line,\n polyline,\n polygon,\n path,\n text {\n fill: $color;\n stroke-width: 0;\n }\n}\n\n@mixin icon {\n font-family: 'Craft';\n speak: none;\n -webkit-font-feature-settings: 'liga', 'dlig';\n -moz-font-feature-settings: 'liga=1, dlig=1';\n -moz-font-feature-settings: 'liga', 'dlig';\n -ms-font-feature-settings: 'liga', 'dlig';\n -o-font-feature-settings: 'liga', 'dlig';\n font-feature-settings: 'liga', 'dlig';\n text-rendering: optimizeLegibility;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n direction: ltr; // Fixes a rendering issue in Chrome/Win\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n\n display: inline-block;\n text-align: center;\n font-style: normal;\n vertical-align: middle;\n word-wrap: normal !important;\n user-select: none;\n\n opacity: var(--icon-opacity);\n}\n\n@mixin angle($dir: down, $color: currentColor, $width: 2px) {\n display: block;\n content: '';\n font-size: 0;\n width: 7px;\n height: 7px;\n border: solid $color;\n border-width: 0 $width $width 0;\n opacity: 0.8;\n\n @if $dir == up {\n transform: rotate(225deg);\n } @else if $dir == down {\n transform: rotate(45deg);\n } @else if $dir == left {\n body.ltr & {\n transform: rotate(135deg);\n }\n body.rtl & {\n transform: rotate(-45deg);\n }\n } @else if $dir == right {\n body.ltr & {\n transform: rotate(-45deg);\n }\n body.rtl & {\n transform: rotate(135deg);\n }\n }\n}\n\n@mixin clearafter {\n content: '';\n display: block;\n height: 0;\n clear: both;\n visibility: hidden;\n}\n\n@mixin shadow {\n box-shadow: 0 1px 5px -1px transparentize($grey900, 0.8);\n}\n\n@mixin pane {\n background: $white;\n box-shadow: 0 0 0 1px $grey200, 0 2px 12px transparentize($grey200, 0.5);\n\n &:focus {\n box-shadow: var(--focus-ring);\n }\n}\n\n@mixin modal {\n border-radius: $largeBorderRadius;\n background-color: $white;\n box-shadow: 0 25px 100px transparentize($grey900, 0.5);\n}\n\n@mixin light-on-dark-text() {\n // Make light on dark text sharp on Macs\n // (sub-pixel antialiasing looks too bold/blurry with light text on dark background)\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-weight: 500;\n}\n\n@mixin light-focus-ring() {\n --focus-ring: 0 0 0 1px hsl(var(--light-focus-hsl)),\n 0 0 0 3px hsla(var(--light-focus-hsl), 0.7);\n}\n\n@mixin two-color-focus-ring($light-button: true) {\n // Creates a two-color focus ring, with a white\n // If button is light, the dark box shadow is adjacent to the button\n // Else the light box shadow is adjacent to the button\n --light-color: var(--white);\n --dark-color: var(--gray-800);\n\n @if $light-button {\n --focus-ring: 0 0 0 3px var(--dark-color), 0 0 0 6px var(--light-color);\n } @else {\n --focus-ring: 0 0 0 3px var(--light-color), 0 0 0 6px var(--dark-color);\n }\n}\n\n// RTL stuff\n\n@mixin left($left) {\n body.ltr & {\n left: $left;\n }\n body.rtl & {\n right: $left;\n }\n}\n\n@mixin right($right) {\n body.ltr & {\n right: $right;\n }\n body.rtl & {\n left: $right;\n }\n}\n\n@mixin alignleft {\n body.ltr & {\n text-align: left;\n }\n body.rtl & {\n text-align: right;\n }\n}\n\n@mixin alignright {\n body.ltr & {\n text-align: right;\n }\n body.rtl & {\n text-align: left;\n }\n}\n\n@mixin border-left($params...) {\n body.ltr & {\n border-left: $params;\n }\n body.rtl & {\n border-right: $params;\n }\n}\n\n@mixin border-right($params...) {\n body.ltr & {\n border-right: $params;\n }\n body.rtl & {\n border-left: $params;\n }\n}\n\n@mixin border-left-width($param) {\n body.ltr & {\n border-left-width: $param;\n }\n body.rtl & {\n border-right-width: $param;\n }\n}\n\n@mixin border-right-width($param) {\n body.ltr & {\n border-right-width: $param;\n }\n body.rtl & {\n border-left-width: $param;\n }\n}\n\n@mixin border-radius($tl, $tr, $br, $bl) {\n body.ltr & {\n border-radius: $tl $tr $br $bl;\n }\n body.rtl & {\n border-radius: $tr $tl $bl $br;\n }\n}\n\n@mixin border-top-left-radius($params...) {\n body.ltr & {\n border-top-left-radius: $params;\n }\n body.rtl & {\n border-top-right-radius: $params;\n }\n}\n\n@mixin border-top-right-radius($params...) {\n body.ltr & {\n border-top-right-radius: $params;\n }\n body.rtl & {\n border-top-left-radius: $params;\n }\n}\n\n@mixin border-bottom-left-radius($params...) {\n body.ltr & {\n border-bottom-left-radius: $params;\n }\n body.rtl & {\n border-bottom-right-radius: $params;\n }\n}\n\n@mixin border-bottom-right-radius($params...) {\n body.ltr & {\n border-bottom-right-radius: $params;\n }\n body.rtl & {\n border-bottom-left-radius: $params;\n }\n}\n\n@mixin floatleft {\n body.ltr & {\n float: left;\n }\n body.rtl & {\n float: right;\n }\n}\n\n@mixin floatright {\n body.ltr & {\n float: right;\n }\n body.rtl & {\n float: left;\n }\n}\n\n@mixin margin($t, $r, $b, $l, $important: '') {\n body.ltr & {\n margin: $t $r $b $l unquote($important);\n }\n body.rtl & {\n margin: $t $l $b $r unquote($important);\n }\n}\n\n@mixin margin-left($margin...) {\n body.ltr & {\n margin-left: $margin;\n }\n body.rtl & {\n margin-right: $margin;\n }\n}\n\n@mixin margin-right($margin...) {\n body.ltr & {\n margin-right: $margin;\n }\n body.rtl & {\n margin-left: $margin;\n }\n}\n\n@mixin padding($t, $r, $b, $l, $important: '') {\n body.ltr & {\n padding: $t $r $b $l unquote($important);\n }\n body.rtl & {\n padding: $t $l $b $r unquote($important);\n }\n}\n\n@mixin padding-left($padding...) {\n body.ltr & {\n padding-left: $padding;\n }\n body.rtl & {\n padding-right: $padding;\n }\n}\n\n@mixin padding-right($padding...) {\n body.ltr & {\n padding-right: $padding;\n }\n body.rtl & {\n padding-left: $padding;\n }\n}\n\n// Misc\n\n@mixin dark-inputs {\n @include placeholder-styles($grey400);\n\n .btn,\n .select:not(.selectize) select {\n background-color: $grey200;\n\n &:focus,\n &:hover {\n background-color: darken($grey200, 5%);\n }\n\n &:active,\n &.active {\n background-color: darken($grey200, 10%);\n }\n }\n\n .text {\n background-color: $grey200;\n\n &:focus {\n background-color: darken($grey200, 5%);\n }\n }\n}\n\n@mixin header-btn {\n width: 30px;\n height: 30px;\n padding-left: 0;\n padding-right: 0;\n\n &:not(:hover):not(:active):not(.active) {\n background-color: transparent;\n }\n &:not(:active):not(.active):hover {\n background-color: transparentize($grey300, 0.85);\n }\n}\n\n@mixin h6-styles {\n margin: 14px 0 3px;\n font-size: 11px;\n line-height: 1.2;\n color: $lightTextColor;\n text-transform: uppercase;\n}\n\n@mixin token-styles {\n display: inline-block;\n border-radius: $smallBorderRadius;\n padding: 3px 7px;\n font-size: 12px;\n line-height: 14px;\n color: $textColor;\n background-color: $grey100;\n}\n\n@mixin active-token-styles {\n background-color: $grey200;\n}\n\n@mixin menu-styles {\n z-index: 100;\n border-radius: $menuBorderRadius;\n padding: 0 14px;\n overflow: auto;\n background: $white;\n user-select: none;\n box-shadow: 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-option-styles {\n margin: 0 -14px;\n padding: 10px 14px;\n color: $menuOptionColor;\n text-decoration: none;\n white-space: nowrap;\n}\n\n@mixin menu-option-active-styles {\n color: $menuOptionActiveColor;\n background-color: $menuOptionActiveBackgroundColor;\n}\n\n@mixin disclosure-link-hover-styles {\n color: $menuOptionColor;\n background-color: $grey050;\n}\n\n@mixin input-styles {\n border-radius: $smallBorderRadius;\n border: 1px solid transparentize($inputColor, 0.75);\n background-color: hsl(212, 50%, 99%);\n background-clip: padding-box;\n}\n\n@mixin input-focused-styles {\n box-shadow: var(--focus-ring);\n}\n\n@mixin placeholder-styles($color) {\n input::-webkit-input-placeholder,\n textarea::-webkit-input-placeholder {\n color: $color;\n }\n\n input:-ms-input-placeholder,\n textarea:-ms-input-placeholder {\n color: $color;\n }\n\n input::-ms-input-placeholder,\n textarea::-ms-input-placeholder {\n color: $color;\n }\n\n input:-moz-placeholder,\n textarea:-moz-placeholder {\n color: $color;\n }\n\n input::-moz-placeholder,\n textarea::-moz-placeholder {\n color: $color;\n }\n\n input::placeholder,\n textarea::placeholder {\n color: $color;\n }\n}\n\n@mixin select-styles {\n position: relative;\n border-radius: $largeBorderRadius;\n white-space: nowrap;\n}\n\n@mixin select-container-styles {\n max-width: 100%;\n position: relative;\n :not(.flex) > & {\n display: inline-block;\n }\n}\n\n@mixin select-arrow-styles {\n @include angle;\n position: absolute;\n z-index: 1;\n top: calc(50% - 5px);\n @include right(9px);\n user-select: none;\n pointer-events: none;\n}\n\n@mixin select-input-styles {\n display: block;\n position: relative;\n max-width: 100%;\n border: none;\n @include padding(7px, 22px, 7px, 10px);\n font-size: 14px;\n line-height: 20px;\n color: $textColor;\n background-color: hsl(212, 25%, 90%);\n appearance: none;\n // from https://stackoverflow.com/a/15933790/1688568\n &::-ms-expand {\n display: none;\n }\n}\n\n@mixin select-input-fullwidth-styles {\n min-width: 100%;\n}\n\n@mixin select-input-focused-styles {\n outline-color: transparent;\n background-color: hsl(212, 25%, 85%);\n box-shadow: var(--focus-ring);\n}\n\n@mixin touch-target {\n height: var(--touch-target-size);\n width: var(--touch-target-size);\n}\n\n@mixin visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: 0;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\n@mixin readable {\n font-size: 16px;\n line-height: 22px;\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6 {\n font-size: 13.6px;\n line-height: 17px;\n color: $mediumTextColor;\n }\n\n ul,\n ol {\n margin: 1em 0;\n @include padding-left(2em);\n }\n\n ul li {\n list-style-type: disc;\n }\n\n li + li {\n margin-top: 0.25em;\n }\n\n blockquote {\n margin: 16px 0;\n\n &:not(.note) {\n padding: 0 16px;\n color: $mediumTextColor;\n @include border-left(4px solid $hairlineColor);\n }\n\n &.note {\n position: relative;\n border-radius: 4px;\n padding: 1em;\n @include padding-left(56px);\n border: 1px solid;\n\n &:not(.tip):not(.warning) {\n border-color: $errorColor;\n color: #bf503f;\n\n &:before {\n content: 'alert';\n color: $errorColor;\n }\n }\n\n &.tip {\n border-color: $linkColor;\n color: $mediumTextColor;\n\n &:before {\n content: 'lightbulb';\n color: $linkColor;\n }\n }\n\n &.warning {\n border-color: $warningColor;\n color: #cf783a;\n\n &:before {\n content: 'alert';\n color: $warningColor;\n }\n }\n\n &:before {\n @include icon;\n position: absolute;\n top: 12px;\n @include left(16px);\n font-size: 30px;\n width: 24px;\n }\n }\n }\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
|