From e3ae7c0321e44f945acb984fffb79f3394180649 Mon Sep 17 00:00:00 2001 From: Lupe Camacho Date: Fri, 9 Feb 2024 14:00:16 -0800 Subject: [PATCH 01/71] Update sizes in global sidebar to use rem where appropriate; introduce gutter width variable --- src/base/Utility.php | 2 +- .../authmethodsetup/dist/css/auth.css.map | 2 +- src/web/assets/cp/dist/css/cp.css | 2 +- src/web/assets/cp/dist/css/cp.css.map | 2 +- src/web/assets/cp/src/css/_cp.scss | 13 +++++----- .../assets/cp/src/css/_global-sidebar.scss | 26 ++++++++++++------- .../dist/css/CraftSupportWidget.css.map | 2 +- .../dashboard/dist/css/Dashboard.css.map | 2 +- .../edittransform/dist/css/transforms.css.map | 2 +- .../generalsettings/dist/css/rebrand.css.map | 2 +- .../assets/graphiql/dist/css/graphiql.css.map | 2 +- .../assets/installer/dist/css/install.css.map | 2 +- src/web/assets/money/dist/css/Money.css.map | 2 +- .../plugins/dist/css/PluginManager.css.map | 2 +- .../assets/pluginstore/dist/css/app.css.map | 2 +- src/web/assets/routes/dist/css/routes.css.map | 2 +- .../dist/css/system_messages.css.map | 2 +- .../assets/updater/dist/css/Updater.css.map | 2 +- .../updates/dist/css/UpdatesUtility.css.map | 2 +- .../upgrade/dist/css/UpgradeUtility.css.map | 2 +- .../dist/css/UserPermissions.css.map | 2 +- .../userphoto/dist/css/UserPhotoInput.css.map | 2 +- .../utilities/dist/css/utilities.css.map | 2 +- 23 files changed, 44 insertions(+), 37 deletions(-) diff --git a/src/base/Utility.php b/src/base/Utility.php index eead5463c9a..f04e6712e1c 100644 --- a/src/base/Utility.php +++ b/src/base/Utility.php @@ -29,7 +29,7 @@ public static function icon(): ?string public static function badgeCount(): int { // 0 = no badge - return 0; + return 1; } /** diff --git a/src/web/assets/authmethodsetup/dist/css/auth.css.map b/src/web/assets/authmethodsetup/dist/css/auth.css.map index 0856d1c0b5d..bc4f0b94335 100644 --- a/src/web/assets/authmethodsetup/dist/css/auth.css.map +++ b/src/web/assets/authmethodsetup/dist/css/auth.css.map @@ -1 +1 @@ -{"version":3,"file":"css/auth.css","mappings":"AAKE,gCAGE,mBAFA,aACA,mBAEA,iBAEA,aADA,6BACA,CAEA,mCACE,wBAGF,oDAEE,aACA,mBACA,cAHA,mBAGA,CAEA,iIAGE,+CADA,+BACA,CAIJ,oDAIE,mBAGA,sCANA,oBACA,mBACA,iBAKA,gBAHA,aAGA,CCqeJ,6DACE,yBAEF,6DACE,yBDveE,gEAIE,sCADA,qDADA,4CAGA,kBAJA,0CAIA,CAEA,uEAGE,mBACA,SAAQ,CAHR,kBACA,QAEA,CAOV,2BAIE,mBAHA,aACA,sBAGA,aAFA,sBAEA,CAEA,8DAIE,sCADA,kBADA,YAGA,kBAJA,UAIA,CAEA,qEAEE,mBAEA,eACA,iBAFA,UAFA,iBAIA,CAIJ,gEACE,6BAIJ,mCACE,YAAa,CACb,cAAe,CACf,aCqGA,4EAEA,yBDpGA,yBAGA,sBAFA,gDACA,4CAHA,cADA,uCCsGA,CD9FA,sCACE,kBAIJ,qCACE,aACA","sources":["webpack:///./css/auth.scss","webpack:///../../../../../packages/craftcms-sass/_mixins.scss"],"sourcesContent":["@charset \"UTF-8\";\n\n@import '@craftcms/sass/mixins';\n\n#auth-method-setup {\n .auth-method {\n display: flex;\n flex-direction: row;\n align-items: center;\n flex-wrap: nowrap;\n justify-content: space-between;\n gap: var(--l);\n\n h3 {\n margin-bottom: var(--xs);\n }\n\n .auth-method-footer {\n margin-top: var(--s);\n display: flex;\n flex-direction: row;\n gap: var(--xs);\n\n .auth-method-active,\n .btn {\n height: var(--touch-target-size);\n border-radius: calc(var(--touch-target-size) / 2);\n }\n }\n\n .auth-method-active {\n display: inline-flex;\n flex-direction: row;\n flex-wrap: nowrap;\n align-items: center;\n gap: var(--xs);\n @include padding(0, var(--s), 0, 1px);\n border: 1px solid var(--enabled-color);\n font-weight: 500;\n\n [data-icon] {\n width: calc(var(--touch-target-size) - 4px);\n height: calc(var(--touch-target-size) - 4px);\n border-radius: calc(var(--touch-target-size) / 2 - 2px);\n background-color: var(--enabled-color);\n text-align: center;\n\n &:before {\n position: relative;\n top: -2px;\n color: var(--white);\n opacity: 1;\n }\n }\n }\n }\n}\n\n.auth-method-setup-success {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: var(--s);\n\n .auth-method-setup-success-graphic {\n width: 50px;\n height: 50px;\n border-radius: 50%;\n background-color: var(--enabled-color);\n text-align: center;\n\n &:before {\n position: relative;\n color: var(--white);\n opacity: 1;\n font-size: 34px;\n line-height: 50px;\n }\n }\n\n h1.auth-method-setup-success-message {\n border-bottom: none !important;\n }\n}\n\nul.auth-method-recovery-codes-list {\n --width: 12em;\n --gap: var(--s);\n display: grid;\n width: calc(var(--width) * 2 + var(--gap));\n margin: 0 auto;\n gap: var(--gap) !important;\n grid-template-columns: var(--width) var(--width);\n grid-template-rows: auto auto auto auto auto;\n grid-auto-flow: column;\n @include fixed-width-font;\n\n li {\n text-align: center;\n }\n}\n\n.auth-method-recovery-codes-download {\n display: flex;\n justify-content: center;\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$red050: #fef2f2;\n$red100: #fee2e2;\n$red200: #fecaca;\n$red300: #fca5a5;\n$red400: #f87171;\n$red500: #ef4444;\n$red600: #dc2626;\n$red700: #b91c1c;\n$red800: #991b1b;\n$red900: #7f1d1d;\n\n$orange050: #fff7ed;\n$orange100: #ffedd5;\n$orange200: #fed7aa;\n$orange300: #fdba74;\n$orange400: #fb923c;\n$orange500: #f97316;\n$orange600: #ea580c;\n$orange700: #c2410c;\n$orange800: #9a3412;\n$orange900: #7c2d12;\n\n$yellow050: #fefce8;\n$yellow100: #fef9c3;\n$yellow200: #fef08a;\n$yellow300: #fde047;\n$yellow400: #facc15;\n$yellow500: #eab308;\n$yellow600: #ca8a04;\n$yellow700: #a16207;\n$yellow800: #854d0e;\n$yellow900: #713f12;\n\n$green050: #f0fdf4;\n$green100: #dcfce7;\n$green200: #bbf7d0;\n$green300: #86efac;\n$green400: #4ade80;\n$green500: #22c55e;\n$green600: #16a34a;\n$green700: #15803d;\n$green800: #166534;\n$green900: #14532d;\n\n$teal050: #f0fdfa;\n$teal100: #ccfbf1;\n$teal200: #99f6e4;\n$teal300: #5eead4;\n$teal400: #2dd4bf;\n$teal500: #14b8a6;\n$teal550: #11a697;\n$teal600: #0d9488;\n$teal700: #0f766e;\n$teal800: #115e59;\n$teal900: #134e4a;\n\n$cyan050: #ecfeff;\n$cyan100: #cffafe;\n$cyan200: #a5f3fc;\n$cyan300: #67e8f9;\n$cyan400: #22d3ee;\n$cyan500: #06b6d4;\n$cyan600: #0891b2;\n$cyan700: #0e7490;\n$cyan800: #155e75;\n$cyan900: #164e63;\n\n$blue050: #eff6ff;\n$blue100: #dbeafe;\n$blue200: #bfdbfe;\n$blue300: #93c5fd;\n$blue400: #60a5fa;\n$blue500: #3b82f6;\n$blue600: #2563eb;\n$blue700: #1d4ed8;\n$blue800: #1e40af;\n$blue900: #1e3a8a;\n\n$violet050: #f5f3ff;\n$violet100: #ede9fe;\n$violet200: #ddd6fe;\n$violet300: #c4b5fd;\n$violet400: #a78bfa;\n$violet500: #8b5cf6;\n$violet600: #7c3aed;\n$violet700: #6d28d9;\n$violet800: #5b21b6;\n$violet900: #4c1d95;\n\n$pink050: #fdf2f8;\n$pink100: #fce7f3;\n$pink200: #fbcfe8;\n$pink300: #f9a8d4;\n$pink400: #f472b6;\n$pink500: #ec4899;\n$pink600: #db2777;\n$pink700: #be185d;\n$pink800: #9d174d;\n$pink900: #831843;\n\n// submit button colors\n$primaryColor: $red600;\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: #1f5fea;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $textColor;\n$menuOptionActiveBackgroundColor: $grey050;\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:\n 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing:\n 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing:\n 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey500;\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\n@mixin sans-serif-font {\n font-family:\n system-ui,\n BlinkMacSystemFont,\n -apple-system,\n 'Segoe UI',\n 'Roboto',\n 'Oxygen',\n 'Ubuntu',\n 'Cantarell',\n 'Fira Sans',\n 'Droid Sans',\n 'Helvetica Neue',\n 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: never;\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\n@mixin angle($dir: down, $color: currentColor, $width: calc(2rem / 16)) {\n display: block;\n content: '';\n font-size: 0;\n width: calc(7rem / 16);\n height: calc(7rem / 16);\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:\n 0 0 0 1px $grey200,\n 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) !important;\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 custom-color-focus-ring($primary, $secondary: null) {\n @if $secondary != null {\n --focus-ring: 0 0 0 1px #{$primary}, 0 0 0 3px #{$secondary};\n } @else {\n --focus-ring: 0 0 0 3px #{$primary};\n }\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: calc(30rem / 16);\n height: calc(30rem / 16);\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:\n 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-item-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-item-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 color: var(--ui-control-color);\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 .h1,\n h2,\n .h2,\n h3,\n .h3,\n h4,\n .h4,\n h5,\n .h5,\n h6,\n .h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1,\n .h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2,\n .h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3,\n .h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4,\n .h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5,\n .h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6,\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 .tip-dismiss-btn {\n position: absolute;\n top: 12px;\n @include right(12px);\n\n & + p {\n margin-top: 0;\n }\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(50px);\n border: 1px solid;\n\n &.dismissible {\n @include padding-right(36px);\n }\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: $linkColor;\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 opacity: 1;\n position: absolute;\n top: 15px;\n @include left(16px);\n font-size: 24px;\n width: 24px;\n }\n\n a[href] {\n color: currentColor;\n text-decoration: underline;\n }\n }\n }\n\n .go:after {\n font-size: 14px;\n }\n}\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(\n 45deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 135deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 45deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n ),\n linear-gradient(\n 135deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n );\n background-size: $size $size;\n background-position:\n 0 0,\n $halfSize 0,\n $halfSize -#{$halfSize},\n 0 $halfSize;\n}\n"],"names":[],"sourceRoot":""} \ No newline at end of file +{"version":3,"file":"css/auth.css","mappings":"AAKE,gCAGE,mBAFA,aACA,mBAEA,iBAEA,aADA,6BACA,CAEA,mCACE,wBAGF,oDAEE,aACA,mBACA,cAHA,mBAGA,CAEA,iIAGE,+CADA,+BACA,CAIJ,oDAIE,mBAGA,sCANA,oBACA,mBACA,iBAKA,gBAHA,aAGA,CCueJ,6DACE,yBAEF,6DACE,yBDzeE,gEAIE,sCADA,qDADA,4CAGA,kBAJA,0CAIA,CAEA,uEAGE,mBACA,SAAQ,CAHR,kBACA,QAEA,CAOV,2BAIE,mBAHA,aACA,sBAGA,aAFA,sBAEA,CAEA,8DAIE,sCADA,kBADA,YAGA,kBAJA,UAIA,CAEA,qEAEE,mBAEA,eACA,iBAFA,UAFA,iBAIA,CAIJ,gEACE,6BAIJ,mCACE,YAAa,CACb,cAAe,CACf,aCqGA,4EAEA,yBDpGA,yBAGA,sBAFA,gDACA,4CAHA,cADA,uCCsGA,CD9FA,sCACE,kBAIJ,qCACE,aACA","sources":["webpack:///./css/auth.scss","webpack:///../../../../../packages/craftcms-sass/_mixins.scss"],"sourcesContent":["@charset \"UTF-8\";\n\n@import '@craftcms/sass/mixins';\n\n#auth-method-setup {\n .auth-method {\n display: flex;\n flex-direction: row;\n align-items: center;\n flex-wrap: nowrap;\n justify-content: space-between;\n gap: var(--l);\n\n h3 {\n margin-bottom: var(--xs);\n }\n\n .auth-method-footer {\n margin-top: var(--s);\n display: flex;\n flex-direction: row;\n gap: var(--xs);\n\n .auth-method-active,\n .btn {\n height: var(--touch-target-size);\n border-radius: calc(var(--touch-target-size) / 2);\n }\n }\n\n .auth-method-active {\n display: inline-flex;\n flex-direction: row;\n flex-wrap: nowrap;\n align-items: center;\n gap: var(--xs);\n @include padding(0, var(--s), 0, 1px);\n border: 1px solid var(--enabled-color);\n font-weight: 500;\n\n [data-icon] {\n width: calc(var(--touch-target-size) - 4px);\n height: calc(var(--touch-target-size) - 4px);\n border-radius: calc(var(--touch-target-size) / 2 - 2px);\n background-color: var(--enabled-color);\n text-align: center;\n\n &:before {\n position: relative;\n top: -2px;\n color: var(--white);\n opacity: 1;\n }\n }\n }\n }\n}\n\n.auth-method-setup-success {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: var(--s);\n\n .auth-method-setup-success-graphic {\n width: 50px;\n height: 50px;\n border-radius: 50%;\n background-color: var(--enabled-color);\n text-align: center;\n\n &:before {\n position: relative;\n color: var(--white);\n opacity: 1;\n font-size: 34px;\n line-height: 50px;\n }\n }\n\n h1.auth-method-setup-success-message {\n border-bottom: none !important;\n }\n}\n\nul.auth-method-recovery-codes-list {\n --width: 12em;\n --gap: var(--s);\n display: grid;\n width: calc(var(--width) * 2 + var(--gap));\n margin: 0 auto;\n gap: var(--gap) !important;\n grid-template-columns: var(--width) var(--width);\n grid-template-rows: auto auto auto auto auto;\n grid-auto-flow: column;\n @include fixed-width-font;\n\n li {\n text-align: center;\n }\n}\n\n.auth-method-recovery-codes-download {\n display: flex;\n justify-content: center;\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$red050: #fef2f2;\n$red100: #fee2e2;\n$red200: #fecaca;\n$red300: #fca5a5;\n$red400: #f87171;\n$red500: #ef4444;\n$red600: #dc2626;\n$red700: #b91c1c;\n$red800: #991b1b;\n$red900: #7f1d1d;\n\n$orange050: #fff7ed;\n$orange100: #ffedd5;\n$orange200: #fed7aa;\n$orange300: #fdba74;\n$orange400: #fb923c;\n$orange500: #f97316;\n$orange600: #ea580c;\n$orange700: #c2410c;\n$orange800: #9a3412;\n$orange900: #7c2d12;\n\n$yellow050: #fefce8;\n$yellow100: #fef9c3;\n$yellow200: #fef08a;\n$yellow300: #fde047;\n$yellow400: #facc15;\n$yellow500: #eab308;\n$yellow600: #ca8a04;\n$yellow700: #a16207;\n$yellow800: #854d0e;\n$yellow900: #713f12;\n\n$green050: #f0fdf4;\n$green100: #dcfce7;\n$green200: #bbf7d0;\n$green300: #86efac;\n$green400: #4ade80;\n$green500: #22c55e;\n$green600: #16a34a;\n$green700: #15803d;\n$green800: #166534;\n$green900: #14532d;\n\n$teal050: #f0fdfa;\n$teal100: #ccfbf1;\n$teal200: #99f6e4;\n$teal300: #5eead4;\n$teal400: #2dd4bf;\n$teal500: #14b8a6;\n$teal550: #11a697;\n$teal600: #0d9488;\n$teal700: #0f766e;\n$teal800: #115e59;\n$teal900: #134e4a;\n\n$cyan050: #ecfeff;\n$cyan100: #cffafe;\n$cyan200: #a5f3fc;\n$cyan300: #67e8f9;\n$cyan400: #22d3ee;\n$cyan500: #06b6d4;\n$cyan600: #0891b2;\n$cyan700: #0e7490;\n$cyan800: #155e75;\n$cyan900: #164e63;\n\n$blue050: #eff6ff;\n$blue100: #dbeafe;\n$blue200: #bfdbfe;\n$blue300: #93c5fd;\n$blue400: #60a5fa;\n$blue500: #3b82f6;\n$blue600: #2563eb;\n$blue700: #1d4ed8;\n$blue800: #1e40af;\n$blue900: #1e3a8a;\n\n$violet050: #f5f3ff;\n$violet100: #ede9fe;\n$violet200: #ddd6fe;\n$violet300: #c4b5fd;\n$violet400: #a78bfa;\n$violet500: #8b5cf6;\n$violet600: #7c3aed;\n$violet700: #6d28d9;\n$violet800: #5b21b6;\n$violet900: #4c1d95;\n\n$pink050: #fdf2f8;\n$pink100: #fce7f3;\n$pink200: #fbcfe8;\n$pink300: #f9a8d4;\n$pink400: #f472b6;\n$pink500: #ec4899;\n$pink600: #db2777;\n$pink700: #be185d;\n$pink800: #9d174d;\n$pink900: #831843;\n\n// submit button colors\n$primaryColor: $red600;\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: #1f5fea;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $textColor;\n$menuOptionActiveBackgroundColor: $grey050;\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:\n 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing:\n 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing:\n 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey500;\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\n@mixin sans-serif-font {\n font-family:\n system-ui,\n BlinkMacSystemFont,\n -apple-system,\n 'Segoe UI',\n 'Roboto',\n 'Oxygen',\n 'Ubuntu',\n 'Cantarell',\n 'Fira Sans',\n 'Droid Sans',\n 'Helvetica Neue',\n 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: never;\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\n@mixin angle($dir: down, $color: currentColor, $width: calc(2rem / 16)) {\n display: block;\n content: '';\n font-size: 0;\n width: calc(7rem / 16);\n height: calc(7rem / 16);\n border: solid $color;\n border-width: 0 $width $width 0;\n opacity: 0.8;\n position: relative;\n\n @if $dir == up {\n transform: rotate(225deg);\n top: 2px;\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:\n 0 0 0 1px $grey200,\n 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) !important;\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 custom-color-focus-ring($primary, $secondary: null) {\n @if $secondary != null {\n --focus-ring: 0 0 0 1px #{$primary}, 0 0 0 3px #{$secondary};\n } @else {\n --focus-ring: 0 0 0 3px #{$primary};\n }\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: calc(30rem / 16);\n height: calc(30rem / 16);\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:\n 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-item-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-item-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 color: var(--ui-control-color);\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// https://tailwindcss.com/docs/screen-readers#undoing-screen-reader-only-elements\n@mixin visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n\n@mixin not-visually-hidden {\n position: static;\n width: auto;\n height: auto;\n padding: 0;\n margin: 0;\n overflow: visible;\n clip: auto;\n white-space: normal;\n}\n\n@mixin readable {\n font-size: 16px;\n line-height: 22px;\n\n h1,\n .h1,\n h2,\n .h2,\n h3,\n .h3,\n h4,\n .h4,\n h5,\n .h5,\n h6,\n .h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1,\n .h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2,\n .h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3,\n .h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4,\n .h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5,\n .h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6,\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 .tip-dismiss-btn {\n position: absolute;\n top: 12px;\n @include right(12px);\n\n & + p {\n margin-top: 0;\n }\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(50px);\n border: 1px solid;\n\n &.dismissible {\n @include padding-right(36px);\n }\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: $linkColor;\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 opacity: 1;\n position: absolute;\n top: 15px;\n @include left(16px);\n font-size: 24px;\n width: 24px;\n }\n\n a[href] {\n color: currentColor;\n text-decoration: underline;\n }\n }\n }\n\n .go:after {\n font-size: 14px;\n }\n}\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(\n 45deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 135deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 45deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n ),\n linear-gradient(\n 135deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n );\n background-size: $size $size;\n background-position:\n 0 0,\n $halfSize 0,\n $halfSize -#{$halfSize},\n 0 $halfSize;\n}\n"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/src/web/assets/cp/dist/css/cp.css b/src/web/assets/cp/dist/css/cp.css index 3f5eca72029..fa45ca8c489 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-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%;--gray-050:hsl(var(--gray-050-hsl));--gray-100:hsl(var(--gray-100-hsl));--gray-200:hsl(var(--gray-200-hsl));--gray-300:hsl(var(--gray-300-hsl));--gray-350:hsl(var(--gray-350-hsl));--gray-400:hsl(var(--gray-400-hsl));--gray-500:hsl(var(--gray-500-hsl));--gray-550:hsl(var(--gray-550-hsl));--gray-600:hsl(var(--gray-600-hsl));--gray-700:hsl(var(--gray-700-hsl));--gray-800:hsl(var(--gray-800-hsl));--gray-900:hsl(var(--gray-900-hsl));--gray-1000:hsl(var(--gray-1000-hsl));--red-050:#fef2f2;--red-100:#fee2e2;--red-200:#fecaca;--red-300:#fca5a5;--red-400:#f87171;--red-500:#ef4444;--red-600:#dc2626;--red-700:#b91c1c;--red-800:#991b1b;--red-900:#7f1d1d;--red-950:#450a0a;--orange-050:#fff7ed;--orange-100:#ffedd5;--orange-200:#fed7aa;--orange-300:#fdba74;--orange-400:#fb923c;--orange-500:#f97316;--orange-600:#ea580c;--orange-700:#c2410c;--orange-800:#9a3412;--orange-900:#7c2d12;--orange-950:#431407;--amber-050:#fffbeb;--amber-100:#fef3c7;--amber-200:#fde68a;--amber-300:#fcd34d;--amber-400:#fbbf24;--amber-500:#f59e0b;--amber-600:#d97706;--amber-700:#b45309;--amber-800:#92400e;--amber-900:#78350f;--amber-950:#451a03;--yellow-050:#fefce8;--yellow-100:#fef9c3;--yellow-200:#fef08a;--yellow-300:#fde047;--yellow-400:#facc15;--yellow-500:#eab308;--yellow-600:#ca8a04;--yellow-700:#a16207;--yellow-750:#93580b;--yellow-800:#854d0e;--yellow-900:#713f12;--yellow-950:#422006;--lime-050:#f7fee7;--lime-100:#ecfccb;--lime-200:#d9f99d;--lime-300:#bef264;--lime-400:#a3e635;--lime-500:#84cc16;--lime-600:#65a30d;--lime-700:#4d7c0f;--lime-800:#3f6212;--lime-900:#365314;--lime-950:#1a2e05;--green-050:#f0fdf4;--green-100:#dcfce7;--green-200:#bbf7d0;--green-300:#86efac;--green-400:#4ade80;--green-500:#22c55e;--green-600:#16a34a;--green-700:#15803d;--green-800:#166534;--green-900:#14532d;--green-950:#052e16;--emerald-050:#ecfdf5;--emerald-100:#d1fae5;--emerald-200:#a7f3d0;--emerald-300:#6ee7b7;--emerald-400:#34d399;--emerald-500:#10b981;--emerald-600:#059669;--emerald-700:#047857;--emerald-800:#065f46;--emerald-900:#064e3b;--emerald-950:#022c22;--teal-050:#f0fdfa;--teal-100:#ccfbf1;--teal-200:#99f6e4;--teal-300:#5eead4;--teal-400:#2dd4bf;--teal-500:#14b8a6;--teal-550:#11a697;--teal-600:#0d9488;--teal-700:#0f766e;--teal-800:#115e59;--teal-900:#134e4a;--teal-950:#042f2e;--cyan-050:#ecfeff;--cyan-100:#cffafe;--cyan-200:#a5f3fc;--cyan-300:#67e8f9;--cyan-400:#22d3ee;--cyan-500:#06b6d4;--cyan-600:#0891b2;--cyan-700:#0e7490;--cyan-800:#155e75;--cyan-900:#164e63;--cyan-950:#083344;--sky-050:#f0f9ff;--sky-100:#e0f2fe;--sky-200:#bae6fd;--sky-300:#7dd3fc;--sky-400:#38bdf8;--sky-500:#0ea5e9;--sky-600:#0284c7;--sky-700:#0369a1;--sky-800:#075985;--sky-900:#0c4a6e;--sky-950:#082f49;--blue-050:#eff6ff;--blue-100:#dbeafe;--blue-200:#bfdbfe;--blue-300:#93c5fd;--blue-400:#60a5fa;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-700:#1d4ed8;--blue-800:#1e40af;--blue-900:#1e3a8a;--blue-950:#172554;--indigo-050:#eef2ff;--indigo-100:#e0e7ff;--indigo-200:#c7d2fe;--indigo-300:#a5b4fc;--indigo-400:#818cf8;--indigo-500:#6366f1;--indigo-600:#4f46e5;--indigo-700:#4338ca;--indigo-800:#3730a3;--indigo-900:#312e81;--indigo-950:#1e1b4b;--violet-050:#f5f3ff;--violet-100:#ede9fe;--violet-200:#ddd6fe;--violet-300:#c4b5fd;--violet-400:#a78bfa;--violet-500:#8b5cf6;--violet-600:#7c3aed;--violet-700:#6d28d9;--violet-800:#5b21b6;--violet-900:#4c1d95;--violet-950:#2e1065;--purple-050:#faf5ff;--purple-100:#f3e8ff;--purple-200:#e9d5ff;--purple-300:#d8b4fe;--purple-400:#c084fc;--purple-500:#a855f7;--purple-600:#9333ea;--purple-700:#7e22ce;--purple-800:#6b21a8;--purple-900:#581c87;--purple-950:#3b0764;--fuchsia-050:#fdf4ff;--fuchsia-100:#fae8ff;--fuchsia-200:#f5d0fe;--fuchsia-300:#f0abfc;--fuchsia-400:#e879f9;--fuchsia-500:#d946ef;--fuchsia-600:#c026d3;--fuchsia-700:#a21caf;--fuchsia-800:#86198f;--fuchsia-900:#701a75;--fuchsia-950:#4a044e;--pink-050:#fdf2f8;--pink-100:#fce7f3;--pink-200:#fbcfe8;--pink-300:#f9a8d4;--pink-400:#f472b6;--pink-500:#ec4899;--pink-600:#db2777;--pink-700:#be185d;--pink-800:#9d174d;--pink-900:#831843;--pink-950:#500724;--rose-050:#fff1f2;--rose-100:#ffe4e6;--rose-200:#fecdd3;--rose-300:#fda4af;--rose-400:#fb7185;--rose-500:#f43f5e;--rose-600:#e11d48;--rose-700:#be123c;--rose-800:#9f1239;--rose-900:#881337;--rose-950:#4c0519;--bg-color:$grey100;--bg-color-hsl:212deg,50%,93%;--primary-color:var(--red-600);--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:#1f5fea;--font-weight-bold:700;--hairline-color:rgba(51,64,77,.1);--medium-hairline-color:#cfd8e3;--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-500);--error-color:#d81e23;--warning-color:var(--amber-700);--success-color:var(--teal-700);--notice-color:var(--sky-700);--enabled-color:var(--teal-550);--pending-color:var(--orange-400);--disabled-color:var(--red-600);--indicator-border-color:var(--amber-600);--indicator-icon-color:var(--amber-700);--small-border-radius:3px;--medium-border-radius:4px;--large-border-radius:5px;--menu-border-radius:var(--medium-border-radius);--checkbox-size:1rem;--radio-size:1rem;--ui-control-color:var(--gray-550);--ui-control-hover-color:var(--gray-600);--ui-control-active-color:var(--gray-700);--ui-control-static-bg-color:rgba(96,125,159,.25);--ui-control-bg-color:var(--ui-control-static-bg-color);--ui-control-hover-bg-color:rgba(96,125,159,.3);--ui-control-active-bg-color:rgba(96,125,159,.5);--ui-control-border-radius:var(--large-border-radius);--ui-control-height:2.125rem;--ui-control-height--small:1.875rem;--light-focus-hsl:211.6981132075deg,96.3636363636%,78.431372549%;--medium-focus-hsl:217.2192513369deg,91.2195121951%,59.8039215686%;--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:1.5rem;--thumb-size:1.25rem;--icon-size:1rem;--elements-busy-top-position:calc(50% - var(--size, 20px)/2);--lh:1.42em}@font-face{font-display:block;font-family:Craft;font-style:normal;font-weight:400;src:url(../fonts/Craft.woff2) format("woff2"),url(../fonts/Craft.woff) format("woff"),url(../fonts/Craft.ttf) format("truetype"),url(../fonts/Craft.svg#Craft) format("svg")}body,html{background-color:var(--gray-100);box-shadow:var(--light-focus-ring)}body{color:var(--text-color);font-size:.875rem;line-height:var(--lh);overflow-x:hidden;width:100vw;-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}.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}.mt-0{margin-top:0!important}.mt-xs{margin-top:var(--xs)!important}.mt-s{margin-top:var(--s)!important}.mt-m{margin-top:var(--m)!important}.mt-l{margin-top:var(--l)!important}.mt-xl{margin-top:var(--xl)!important}.mb-0{margin-bottom:0!important}.mb-xs{margin-bottom:var(--xs)!important}.mb-s{margin-bottom:var(--s)!important}.mb-m{margin-bottom:var(--m)!important}.mb-l{margin-bottom:var(--l)!important}.mb-xl{margin-bottom:var(--xl)!important}.ml-0{margin-left:0!important}.ml-xs{margin-left:var(--xs)!important}.ml-s{margin-left:var(--s)!important}.ml-m{margin-left:var(--m)!important}.ml-l{margin-left:var(--l)!important}.ml-xl{margin-left:var(--xl)!important}.mr-0{margin-right:0!important}.mr-xs{margin-right:var(--xs)!important}.mr-s{margin-right:var(--s)!important}.mr-m{margin-right:var(--m)!important}.mr-l{margin-right:var(--l)!important}.mr-xl{margin-right:var(--xl)!important}.mx-0{margin-left:0!important;margin-right:0!important}.mx-xs{margin-left:var(--xs)!important;margin-right:var(--xs)!important}.mx-s{margin-left:var(--s)!important;margin-right:var(--s)!important}.mx-m{margin-left:var(--m)!important;margin-right:var(--m)!important}.mx-l{margin-left:var(--l)!important;margin-right:var(--l)!important}.mx-xl{margin-left:var(--xl)!important;margin-right:var(--xl)!important}.my-0{margin-bottom:0!important;margin-top:0!important}.my-xs{margin-bottom:var(--xs)!important;margin-top:var(--xs)!important}.my-s{margin-bottom:var(--s)!important;margin-top:var(--s)!important}.my-m{margin-bottom:var(--m)!important;margin-top:var(--m)!important}.my-l{margin-bottom:var(--l)!important;margin-top:var(--l)!important}.my-xl{margin-bottom:var(--xl)!important;margin-top:var(--xl)!important}.no-scroll{overflow:hidden!important}.draghelper{box-sizing:border-box;list-style-type:none}.offset-drag-helper{transition:margin .2s linear,padding .2s linear}body.dragging.ltr .offset-drag-helper{margin:-50px 0 0 -50px;padding:60px 0 0 60px}body.dragging.rtl .offset-drag-helper{margin:-50px -50px 0 0;padding:60px 60px 0 0}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,.action-btn:before,.go:after,.icon:before,.insecure:before,.menu .flex.padded.sel:before,.menu ul.padded li .menu-item.sel:before,.menu ul.padded li .menu-option.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{font-family:Craft;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.badge-icon{align-items:center;border:1px solid var(--indicator-border-color);border-radius:var(--small-border-radius);box-sizing:border-box;color:var(--indicator-icon-color);display:inline-flex;font-size:9px;height:1rem;justify-content:center;position:relative;top:-1px;width:1rem}.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)}[data-icon-size=large][data-icon-after]:after,[data-icon-size=large][data-icon]:before{font-size:20px}[data-icon-size=small][data-icon-after]:after,[data-icon-size=small][data-icon]:before{font-size:14px}[data-icon-size=puny][data-icon-after]:after,[data-icon-size=puny][data-icon]:before{font-size:12px}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"}.action-btn:before{content:"ellipsis"}.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[aria-current]{cursor:default}a:hover,body.underline-links a{text-decoration:underline}a .cp-icon svg circle,a .cp-icon svg ellipse,a .cp-icon svg line,a .cp-icon svg path,a .cp-icon svg polygon,a .cp-icon svg polyline,a .cp-icon svg rect,a .cp-icon svg text{fill:var(--link-color);stroke-width:0}a:not([href]){color:inherit;cursor:inherit}a:not([href]):hover,body.underline-links a:not([href]){text-decoration:none}a.iconlink:before{width:1rem}body.ltr a.iconlink:before{margin-right:var(--xs)}body.rtl a.iconlink:before{margin-left:var(--xs)}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"}body.ltr a [data-icon=external]{margin-left:var(--xs)}body.rtl a [data-icon=external]{margin-right:var(--xs)}button{cursor:pointer}.alert-icon,.checkmark-icon{border-radius:20px;cursor:pointer;line-height:10px;margin-bottom:0!important;padding:5px}.alert-icon:before,.checkmark-icon:before{font-family:Craft;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.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"}.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{align-content:stretch;align-items:center;color:var(--blue-800);display:flex;gap:var(--s);justify-content:center}#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(37,99,235,.2),rgba(37,99,235,0) 50%)}body.rtl .so-notice>.draft-notice{background-image:linear-gradient(270deg,rgba(37,99,235,.2),rgba(37,99,235,0))}.draft-notice p{flex:1;margin:0}.draft-notice .draft-icon{align-items:center;border:2px solid rgba(30,64,175,.2);border-radius:100%;box-shadow:0 1px 1px 1px var(--white);box-sizing:border-box;display:flex;flex-shrink:0;height:34px;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(30,58,138,.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:#1555e2}.draft-notice .discard-changes-btn:active{border-color:#134cca}.revision-notice{align-content:stretch;align-items:center;color:var(--gray-600);display:flex;gap:var(--s);justify-content:center}#content-notice .revision-notice{display:inline-flex;justify-content:flex-start}.revision-notice p{flex:1;margin:0}.revision-notice .revision-icon{align-items:center;border:2px solid rgba(51,64,77,.2);border-radius:100%;box-shadow:0 1px 1px 1px var(--white);box-sizing:border-box;display:flex;flex-shrink:0;height:34px;justify-content:center;position:relative;width:34px}.revision-notice .revision-icon:before{color:var(--grey-800)!important;font-size:18px;left:1px;position:relative}.revision-notice .revision-icon:after{border-radius:100%;bottom:-2px;box-shadow:inset 0 2px 0 rgba(30,58,138,.2);content:"";font-size:0;left:-2px;position:absolute;right:-2px;top:-2px}button.toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;color:inherit;padding:0}.toggle:before,a.fieldtoggle:before{border:solid;border-width:0 .125rem .125rem 0;content:"";display:block;font-size:0;height:.4375rem;opacity:.8;position:relative;transition:transform .1s linear;width:.4375rem}body.ltr .toggle:before,body.ltr a.fieldtoggle:before{transform:rotate(-45deg)}body.rtl .toggle:before,body.rtl a.fieldtoggle:before{transform:rotate(135deg)}.sidebar nav li.expanded>.toggle:before,.structure li:not(.collapsed)>.row>.toggle:before,.toggle.expanded:before,a.fieldtoggle.expanded:before{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}ul.errors em{font-style:normal}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,.readable h1,.readable h2,.readable h3,.readable h4,.readable h5,.readable h6{font-weight:600;margin:24px 0 16px}.readable .h1,.readable h1{color:#000;font-size:32px;line-height:40px}.readable .h2,.readable h2{font-size:24px;line-height:30px}.readable .h3,.readable h3{font-size:20px;line-height:24px}.readable .h4,.readable h4{font-size:16px;line-height:20px}.readable .h5,.readable h5{font-size:14px;line-height:18px}.readable .h6,.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 .tip-dismiss-btn{position:absolute;top:12px}body.ltr .readable .tip-dismiss-btn{right:12px}body.rtl .readable .tip-dismiss-btn{left:12px}.readable .tip-dismiss-btn+p{margin-top:0}.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:50px}body.rtl .readable blockquote.note{padding-right:50px}body.ltr .readable blockquote.note.dismissible{padding-right:36px}body.rtl .readable blockquote.note.dismissible{padding-left:36px}.readable blockquote.note:not(.tip):not(.warning){border-color:#dc2626;color:#bf503f}.readable blockquote.note:not(.tip):not(.warning):before{color:#dc2626;content:"alert"}.readable blockquote.note.tip{border-color:#1f5fea;color:#1f5fea}.readable blockquote.note.tip:before{color:#1f5fea;content:"lightbulb"}.readable blockquote.note.warning{border-color:#854d0e;color:#cf783a}.readable blockquote.note.warning:before{color:#854d0e;content:"alert"}.readable blockquote.note:before{font-family:Craft;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;font-size:24px;opacity:1;position:absolute;top:15px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:24px}body.ltr .readable blockquote.note:before{left:16px}body.rtl .readable blockquote.note:before{right:16px}.readable blockquote.note a[href]{color:currentColor;text-decoration:underline}.readable .go:after{font-size:14px}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(--rose-500);content:"asterisk";font-size:12px}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{font-family:Craft;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;content:"asterisk";display:block;font-size:9px;left:0;line-height:17px;position:absolute;text-indent:0;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;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{font-family:Craft;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;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{align-items:flex-start;display:flex;flex-wrap:nowrap}.notice.has-icon .icon,.warning.has-icon .icon{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:not(.disabled){cursor:move}.icon.move:before{color:var(--custom-text-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{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.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{font-family:Craft;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;vertical-align:middle;word-wrap:normal!important;color:var(--ui-control-color);line-height:1.375;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;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}.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}body.ltr .customize-sources-modal.sidebar-hidden{padding-left:0}body.rtl .customize-sources-modal.sidebar-hidden{padding-right:0}.customize-sources-modal.sidebar-hidden>.cs-sidebar{display:none}.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{--selected-item-color:var(--white);align-items:center;background-color:var(--gray-100);border:solid var(--hairline-color);border-width:1px 0;box-sizing:border-box;cursor:default;display:flex;margin-top:-1px;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-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{--focus-ring:0 0 0 1px hsl(var(--light-focus-hsl)),0 0 0 3px hsla(var(--light-focus-hsl),0.7);--ui-control-color:var(--selected-item-color);background-color:var(--dark-sel-color);color:var(--selected-item-color);z-index:1}.customize-sources-item .label{flex:1}.customize-sources-item.heading .label{color:var(--light-text-color);font-size:12px;font-weight:700;text-transform:uppercase}.customize-sources-item.heading.sel .label{color:var(--selected-item-color)}.customize-sources-item__move{align-items:center;justify-content:center;position:absolute;top:50%;transform:translate(-50%,-50%)}body.ltr .customize-sources-item__move{right:0}body.rtl .customize-sources-item__move{left:0}.customize-sources-item__move.icon{display:flex;text-decoration:none}.customize-sources-item__btn{margin:3px;padding:8px 14px}body.ltr .customize-sources-item__btn{padding-right:30px}body.rtl .customize-sources-item__btn{padding-left:30px}.checkbox-select-item{align-content:stretch;align-items:flex-start;display:flex;margin-bottom:4px}.checkbox-select-item .move{margin-top:-3px;position:relative;z-index:1}body.ltr .checkbox-select-item .move{margin-right:10px}body.rtl .checkbox-select-item .move{margin-left:10px}ul.path{align-items:stretch;display:flex;flex-direction:row;flex-wrap:wrap}ul.path li{align-items:center;display:inline-flex}ul.path li:not(:last-child):after{border:solid var(--light-text-color);border-width:0 .0625rem .0625rem 0;content:"";display:block;font-size:0;height:.4375rem;opacity:.8;position:relative;width:.4375rem}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{display:flex;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:var(--s);min-height:34px;position:relative}.toolbar .flex,.toolbar.flex{align-items:flex-start}.toolbar .text{border-radius:var(--large-border-radius)!important}.flex{align-content:stretch;align-items:center;display:flex;gap:var(--s)}.flex.flex-gap-xs{gap:var(--xs)}.flex.flex-gap-m{gap:var(--m)}.flex.flex-gap-l{gap:var(--l)}.flex.flex-gap-xl{gap:var(--xl)}.flex:not(.flex-nowrap){flex-wrap:wrap}.flex>.label{white-space:nowrap}.centeralign .flex{justify-content:center}.inline-flex{align-content:stretch;align-items:center;display:inline-flex!important;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;max-width:100%}.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{align-items:center;display:flex;gap:7px;margin:24px 0;position:relative}.footer>.buttons,.hud-footer>.buttons{margin:0}.btn{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--ui-control-bg-color);border:none;border-radius:var(--ui-control-border-radius);box-sizing:border-box;color:currentColor;display:inline-flex;font-size:inherit;justify-content:center;padding:7px 10px;position:relative;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.btn:not([aria-current]){cursor:pointer}.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.hairline{background-color:transparent;border:1px solid var(--medium-hairline-color)}.btn.hairline:active,.btn.hairline:hover,.btn.hairline[aria-expanded=true]{border-color:var(--dark-hairline-color)}.btn.hairline:active,.btn.hairline[aria-expanded=true]{background-color:var(--ui-control-static-bg-color)}.btn.wrap{height:auto;min-height:34px;text-align:left;white-space:normal}.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]).focus,.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]):focus,.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]):hover{--ui-control-bg-color:var(--ui-control-hover-bg-color)}.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]).active,.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]):active,.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current])[aria-expanded=true]{--ui-control-bg-color:var(--ui-control-active-bg-color)}.btn[type=color]{padding:6px!important;width:36px}.btn.active,.btn.loading{cursor:default}.btn:hover{text-decoration:none}.btn.btn-empty,.btn:empty{padding-left:12px;padding-right:12px}body.ltr .btn.icon:not(:empty):not(.btn-empty):before,body.ltr .btn.menubtn:not(.action-btn).icon.btn-empty:before,body.ltr .btn.menubtn:not(.action-btn).icon:empty:before,body.ltr .btn.menubtn:not(.action-btn)[data-icon].btn-empty:before,body.ltr .btn.menubtn:not(.action-btn)[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:not(.action-btn).icon.btn-empty:before,body.rtl .btn.menubtn:not(.action-btn).icon:empty:before,body.rtl .btn.menubtn:not(.action-btn)[data-icon].btn-empty:before,body.rtl .btn.menubtn:not(.action-btn)[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}.btn [data-icon]{margin-top:-3px}body.ltr .btn [data-icon]{margin-right:5px}body.rtl .btn [data-icon]{margin-left:5px}.btn [data-icon].light:before{color:var(--gray-300)}.disabled{opacity:.25;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.noteditable,.noteditable .element,.noteditable .lightswitch-container,.noteditable+.colorhex{cursor:not-allowed}.btn,.spinner{height:var(--ui-control-height)}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(.action-btn).icon:after,body.ltr .menubtn:not(.action-btn):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:not(.action-btn).icon:after,body.rtl .menubtn:not(.action-btn):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{align-items:center;border-radius:var(--large-border-radius);display:flex;position:relative;white-space:nowrap;z-index:1}.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-bottom-left-radius:0;border-top-left-radius:0}body.ltr .btngroup .btn:not(:last-child):not(.btngroup-btn-last),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}.btngroup--exclusive .btn[aria-pressed=true]:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]){background-color:var(--gray-500);color:var(--white)}.copytext{align-items:center;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{align-items:center;border:1px solid var(--hairline-color);border-radius:var(--small-border-radius);color:var(--medium-text-color);cursor:pointer;display:inline-flex;flex-wrap:nowrap;padding:0 9px}.copytextbtn .copytextbtn__icon{background:none;color:var(--light-text-color);margin-top:-3px;padding:0;width:13px}body.ltr .copytextbtn .copytextbtn__icon{margin-left:5px}body.rtl .copytextbtn .copytextbtn__icon{margin-right:5px}.copytextbtn:focus,.copytextbtn:hover{border-color:var(--medium-hairline-color);color:var(--text-color)}.copytextbtn:focus .copytextbtn__value,.copytextbtn:hover .copytextbtn__value{color:var(--text-color)}.copytextbtn.small{padding:0 5px}.copytextbtn.small .copytextbtn__value{font-size:.6875rem}.menu-toggle,.menubtn:not(.action-btn){align-items:center;display:inline-flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.menu-toggle:after,.menubtn:not(.action-btn):after{border:solid;border-width:0 .125rem .125rem 0;content:"";display:block;font-size:0;height:.4375rem;opacity:.8;position:relative;transform:rotate(45deg);width:.4375rem}.menu-toggle.btn:after,.menubtn:not(.action-btn).btn:after{top:-1px}.menu-toggle.btn:not(.disabled):not(.inactive).active:after,.menu-toggle.btn:not(.disabled):not(.inactive):active:after,.menubtn:not(.action-btn).btn:not(.disabled):not(.inactive).active:after,.menubtn:not(.action-btn).btn:not(.disabled):not(.inactive):active:after{border-color:var(--ui-control-active-color)}.menu-toggle.btn.submit:after,.menubtn:not(.action-btn).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:not(.action-btn).btn.submit:not(.disabled):not(.inactive).active:after,.menubtn:not(.action-btn).btn.submit:not(.disabled):not(.inactive).hover:after,.menubtn:not(.action-btn).btn.submit:not(.disabled):not(.inactive):active:after,.menubtn:not(.action-btn).btn.submit:not(.disabled):not(.inactive):hover:after{opacity:1}.menu-toggle:not(.btn):not(.icon),.menubtn:not(.action-btn):not(.btn):not(.icon){height:17px}.menu-toggle:not(.btn):not(.icon):after,.menubtn:not(.action-btn):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:not(.action-btn).btn-empty,body.ltr .menubtn:not(.action-btn):empty{padding-left:8px}body.ltr .menu-toggle.btn-empty,body.ltr .menu-toggle:empty,body.ltr .menubtn:not(.action-btn).btn-empty,body.ltr .menubtn:not(.action-btn):empty,body.rtl .menu-toggle.btn-empty,body.rtl .menu-toggle:empty,body.rtl .menubtn:not(.action-btn).btn-empty,body.rtl .menubtn:not(.action-btn):empty{padding-right:8px}body.rtl .menu-toggle.btn-empty,body.rtl .menu-toggle:empty,body.rtl .menubtn:not(.action-btn).btn-empty,body.rtl .menubtn:not(.action-btn):empty{padding-left:8px}@keyframes rotator{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.spinner{align-items:center;display:inline-flex;height:var(--size,34px);justify-content:center;width:var(--size,24px)}.spinner:before{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:var(--elements-busy-top-position);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 var(--s)!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.huge{height:48px;line-height:48px;padding:var(--l)}.btn.secondary,.btn.submit{color:var(--white)!important;--ui-control-active-color:var(--white);-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):focus,.btn.submit:not(.disabled):not(.inactive):not(.loading):hover{background-color:#c82020!important}.btn.submit:not(.disabled):not(.inactive):not(.loading).active,.btn.submit:not(.disabled):not(.inactive):not(.loading):active,.btn.submit:not(.disabled):not(.inactive):not(.loading)[aria-expanded=true]{background-color:#b21d1d!important}.btn.caution{background-color:var(--red-050)!important;color:var(--error-color)}.btn.caution.hover,.btn.caution:focus,.btn.caution:hover{background-color:#fcdada!important}.btn.caution.active,.btn.caution:active,.btn.caution[aria-expanded=true]{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,.btn.secondary:not(.disabled):not(.inactive):not(.loading)[aria-expanded=true],.secondary-buttons .btn.submit: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)[aria-expanded=true]{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,.btn.dashed:not(.disabled)[aria-expanded=true]{background-color:rgba(205,216,228,.25)}.chevron-btns{display:flex;justify-content:flex-start}.chevron-btns .btn{background-color:transparent;border-radius:0;padding:0;position:relative}.chevron-btns .btn.active-drop-target,.chevron-btns .btn.current-step{color:var(--white);--text-color:var(--white);--ui-control-color:var(--white);--ui-control-bg-color:var(--gray-500);--ui-control-hover-bg-color:#55616d;--ui-control-active-bg-color:#4a545e}.chevron-btns .btn.current-step{-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)}.chevron-btns .btn:focus{box-shadow:none;z-index:1}.chevron-btns .btn:focus .label{box-shadow:var(--focus-ring);z-index:1}.reduce-focus-visibility .chevron-btns .btn:focus:not(:focus-visible) .label{box-shadow:none}.reduce-focus-visibility .chevron-btns .btn:focus-visible .label{box-shadow:var(--focus-ring)}body.ltr .chevron-btns .btn:not(.has-action-menu){padding-right:calc(var(--ui-control-height)/2)}body.rtl .chevron-btns .btn:not(.has-action-menu){padding-left:calc(var(--ui-control-height)/2)}body.ltr .chevron-btns .btn:not(.has-action-menu){margin-right:2.8px}body.rtl .chevron-btns .btn:not(.has-action-menu){margin-left:2.8px}body.ltr .chevron-btns .btn:not(.has-action-menu):not(.current-step[data-disclosure-trigger]) .btn-body{padding-right:5px}body.rtl .chevron-btns .btn:not(.has-action-menu):not(.current-step[data-disclosure-trigger]) .btn-body{padding-left:5px}body.ltr .chevron-btns .btn.current-step[data-disclosure-trigger] .btn-body{padding-left:8px}body.rtl .chevron-btns .btn.current-step[data-disclosure-trigger] .btn-body{padding-right:8px}.chevron-btns .btn.current-step[data-disclosure-trigger] .btn-body .label{padding:3px}.chevron-btns .btn.current-step[data-disclosure-trigger] .btn-body .label:after{border:solid;border-width:0 .125rem .125rem 0;content:"";display:block;font-size:0;height:.4375rem;opacity:.8;position:relative;transform:rotate(45deg);width:.4375rem}.chevron-btns .btn .btn-body{align-items:center;background-color:var(--ui-control-bg-color);display:inline-flex;height:var(--ui-control-height);justify-content:center}.chevron-btns .btn .btn-body [data-icon]{--ui-control-height:0.8125rem;text-align:center}body.ltr .chevron-btns .btn .btn-body [data-icon]{margin-right:0}body.rtl .chevron-btns .btn .btn-body [data-icon]{margin-left:0}.chevron-btns .btn .label{align-items:center;display:inline-flex;overflow:hidden;text-overflow:ellipsis}body.ltr .chevron-btns .btn.has-action-menu .btn-body{padding-right:1px}body.rtl .chevron-btns .btn.has-action-menu .btn-body{padding-left:1px}body.ltr .chevron-btns .btn.has-action-menu .btn-body{margin-right:0}body.rtl .chevron-btns .btn.has-action-menu .btn-body{margin-left:0}.chevron-btns .btn .chevron-left,.chevron-btns .btn .chevron-right{height:100%;position:absolute;top:0;width:calc(var(--ui-control-height)/2)}.chevron-btns .btn .chevron-left{border-top:calc(var(--ui-control-height)/2) solid var(--ui-control-bg-color)}body.ltr .chevron-btns .btn .chevron-left{left:0}body.rtl .chevron-btns .btn .chevron-left{right:0}body.ltr .chevron-btns .btn .chevron-left{border-left:calc(var(--ui-control-height)/2) solid transparent}body.rtl .chevron-btns .btn .chevron-left{border-right:calc(var(--ui-control-height)/2) solid transparent}.chevron-btns .btn .chevron-left:after{border-bottom:calc(var(--ui-control-height)/2) solid var(--ui-control-bg-color);bottom:0;content:"";display:block;font-size:0;position:absolute}body.ltr .chevron-btns .btn .chevron-left:after{right:0}body.rtl .chevron-btns .btn .chevron-left:after{left:0}body.ltr .chevron-btns .btn .chevron-left:after{border-left:calc(var(--ui-control-height)/2) solid transparent}body.rtl .chevron-btns .btn .chevron-left:after{border-right:calc(var(--ui-control-height)/2) solid transparent}.chevron-btns .btn .chevron-right{border-bottom:calc(var(--ui-control-height)/2) solid transparent;border-top:calc(var(--ui-control-height)/2) solid transparent}body.ltr .chevron-btns .btn .chevron-right{right:0}body.rtl .chevron-btns .btn .chevron-right{left:0}body.ltr .chevron-btns .btn .chevron-right{border-left:calc(var(--ui-control-height)/2) solid var(--ui-control-bg-color)}body.rtl .chevron-btns .btn .chevron-right{border-right:calc(var(--ui-control-height)/2) solid var(--ui-control-bg-color)}.chevron-btns ol{display:flex;list-style-type:none;position:relative}body.ltr .chevron-btns ol{padding-left:0}body.rtl .chevron-btns ol{padding-right:0}body.ltr .chevron-btns ol li.first-step .btn .btn-body{padding-left:14px}body.rtl .chevron-btns ol li.first-step .btn .btn-body{padding-right:14px}body.ltr .chevron-btns ol li.first-step .btn .btn-body{border-radius:var(--ui-control-border-radius) 0 0 var(--ui-control-border-radius)}body.rtl .chevron-btns ol li.first-step .btn .btn-body{border-radius:0 var(--ui-control-border-radius) var(--ui-control-border-radius) 0}.chevron-btns ol li.first-step .btn .chevron-left{display:none}body.ltr .chevron-btns ol li:not(.first-step) .btn{margin-left:calc(var(--ui-control-height)*-1/2)}body.rtl .chevron-btns ol li:not(.first-step) .btn{margin-right:calc(var(--ui-control-height)*-1/2)}body.ltr .chevron-btns ol li:not(.first-step) .btn{padding-left:calc(var(--ui-control-height)/2)}body.rtl .chevron-btns ol li:not(.first-step) .btn{padding-right:calc(var(--ui-control-height)/2)}body.ltr .chevron-btns ol li:not(.first-step) .btn .btn-body{padding-left:7px}body.rtl .chevron-btns ol li:not(.first-step) .btn .btn-body{padding-right:7px}.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;-moz-user-select:none;-ms-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):not(.noteditable){cursor:pointer}.color:not(.small){background-position:0 0,8.5px 0,8.5px -8.5px,0 8.5px;background-size:17px 17px}.color.small,.color:not(.small){background-image:linear-gradient(45deg,rgba(154,165,177,.25) 25%,transparent 0),linear-gradient(135deg,rgba(154,165,177,.25) 25%,transparent 0),linear-gradient(45deg,transparent 75%,rgba(154,165,177,.25) 0),linear-gradient(135deg,transparent 75%,rgba(154,165,177,.25) 0)}.color.small{background-position:0 0,4px 0,4px -4px,0 4px;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:flex}.lightswitch-outer-container .lightswitch-inner-container{align-items:center;border:1px solid var(--hairline-color);border-radius:var(--small-border-radius);display:flex;max-width:100%;padding-left:7px;padding-right:7px}.lightswitch-outer-container .lightswitch-inner-container span{color:var(--medium-text-color);cursor:default;flex-grow:1;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:auto;overflow-wrap:break-word;padding:7px 0}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}.lightswitch-outer-container .lightswitch-inner-container span[data-toggle=off]{text-align:right}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;text-align:left}.lightswitch{background-image:linear-gradient(to right,var(--gray-400),var(--gray-400));border:none!important;cursor:pointer;display:block;overflow:hidden;position:relative;transition:background-image .1s linear;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.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{height:100%;position:relative}.lightswitch .lightswitch-container .handle{background-color:var(--white);position:absolute;top:1px}.lightswitch:not(.small){border-radius:11px;height:22px;min-width:34px;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{align-items:center;border-radius:var(--medium-border-radius);display:flex;height:1.875rem;justify-content:center;width:1.875rem}.pagination .page-link:after{position:relative;transition:border-color .1s linear}.pagination .page-link.prev-page:after{border:solid var(--light-text-color);border-width:0 .125rem .125rem 0;content:"";display:block;font-size:0;height:.4375rem;opacity:.8;position:relative;width:.4375rem}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{border:solid var(--light-text-color);border-width:0 .125rem .125rem 0;content:"";display:block;font-size:0;height:.4375rem;opacity:.8;position:relative;width:.4375rem}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){box-shadow:inset 0 0 0 1px var(--hairline-color);cursor:pointer;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)}body.reduce-focus-visibility .pagination .page-link:not(.disabled):focus-visible,body:not(.reduce-focus-visibility) .pagination .page-link:not(.disabled):focus{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{--pane-y-padding-default:calc(var(--xl) - 2px);--pane-x-padding-default:calc(var(--padding) - 2px);margin:calc(var(--pane-padding, var(--pane-y-padding-default))*-1) calc(var(--pane-padding, var(--pane-x-padding-default))*-1) calc(var(--pane-padding, var(--padding))*-1 + var(--pane-padding, var(--m)));overflow-x:auto;padding:0!important}body.ltr .tablepane table.data td:first-child,body.ltr .tablepane table.data th:first-child{padding-left:var(--m)}body.rtl .tablepane table.data td:first-child,body.rtl .tablepane table.data th:first-child{padding-right:var(--m)}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% - .5rem)}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(--border-radius,var(--small-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(--border-radius,var(--small-border-radius))}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-bottom-left-radius:var(--border-radius,var(--small-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-bottom-right-radius:var(--border-radius,var(--small-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(--border-radius,var(--small-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(--border-radius,var(--small-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-bottom-right-radius:var(--border-radius,var(--small-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-bottom-left-radius:var(--border-radius,var(--small-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:var(--s);padding-top:var(--s)}table.data thead th{vertical-align:middle;white-space:nowrap}table.data thead th.orderable{padding:0!important;position:relative}body:not(.dragging) 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 .125rem .125rem 0;content:"";display:block;font-size:0;height:.4375rem;opacity:.8;position:relative;position:absolute;top:2px;top:calc(50% - 3px);transform:rotate(225deg);width:.4375rem}body.ltr table.data thead th.orderable.ordered:not(.loading) button:after{right:var(--m)}body.rtl table.data thead th.orderable.ordered:not(.loading) button:after{left:var(--m)}table.data thead th.orderable.ordered:not(.loading).desc button:after{transform:rotate(45deg)}table.data thead th.orderable button{font:inherit;padding:var(--pane-padding,var(--m)) var(--m);position:relative;width:100%}body.ltr table.data thead th.orderable button{padding-right:35px}body.rtl table.data thead th.orderable button{padding-left:35px}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{--hover-bg-color:var(--gray-050);--selected-bg-color:var(--dark-sel-color)}table.data tbody tr:not(.disabled):hover td,table.data tbody tr:not(.disabled):hover th{background-color:var(--hover-bg-color)}table.data tbody tr:not(.disabled):focus{position:relative;z-index:1}table.data tbody tr:not(.disabled).active-drop-target,table.data tbody tr:not(.disabled).sel{--text-color:var(--white);--medium-dark-text-color:var(--white);--medium-text-color:var(--white);--light-text-color:var(--white);--link-color:var(--white);--ui-control-color:var(--white);--focus-ring:0 0 0 3px hsl(var(--light-focus-hsl))}table.data tbody tr:not(.disabled).active-drop-target td,table.data tbody tr:not(.disabled).active-drop-target th,table.data tbody tr:not(.disabled).sel td,table.data tbody tr:not(.disabled).sel th{background-color:var(--selected-bg-color);color:var(--white)}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.data tr.sel:not(.draggee)+tr.sel:not(.draggee) td,table.data tr.sel:not(.draggee)+tr.sel:not(.draggee) th{border-top-color:var(--gray-300)}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{background-color:var(--white);box-shadow:0 1px 5px -1px rgba(31,41,51,.2)}.datatablesorthelper,.datatablesorthelper .chip,.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}.card,.chip{background-color:var(--custom-bg-color,var(--gray-050));color:var(--custom-text-color,var(--text-color))}.chip{align-items:center;border-radius:var(--large-border-radius);cursor:default;display:inline-flex;font-weight:400;gap:var(--xs);max-width:100%;padding:var(--xs) var(--s);position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.chip.small{flex-direction:row;height:calc(1.625rem + 8px);--thumb-size:1.875rem}.chip.small>.thumb{margin:calc(var(--xs)*-1 + 2px) calc(var(--s)*-1 + 2px)}body.ltr .chip.small>.thumb{margin-right:2px}body.rtl .chip.small>.thumb{margin-left:2px}.chip.small>.thumb.cp-icon{--thumb-size:1rem}body.ltr .chip.small>.thumb.cp-icon{margin-left:-2px}body.rtl .chip.small>.thumb.cp-icon{margin-right:-2px}.chip.large{flex-direction:column;--thumb-size:120px;min-width:calc(var(--s)*2 + var(--thumb-size))}.chip.large .chip-content{width:100%}.chip .chip-content{align-items:center;display:flex;flex-direction:row;gap:var(--s);max-width:100%}body.ltr .chip .chip-content .icon,body.ltr .chip .chip-content .status{margin-right:0}body.rtl .chip .chip-content .icon,body.rtl .chip .chip-content .status{margin-left:0}.chip .chip-content .icon{margin:-4px -1px 0}.chip.sel,li.active-drop-target .chip,li.sel .chip{--text-color:var(--white);--custom-text-color:var(--white)!important;--medium-dark-text-color:var(--white);--medium-text-color:var(--white);--light-text-color:var(--white);--link-color:var(--white);--ui-control-color:var(--white);--focus-ring:0 0 0 3px hsl(var(--light-focus-hsl));background-color:var(--custom-sel-bg-color,var(--dark-sel-color))!important;color:var(--white)}.chip.sel .cp-icon,li.active-drop-target .chip .cp-icon,li.sel .chip .cp-icon{--icon-color:var(--white)!important}.chip.sel,.sel .chip{cursor:default}.chip.sel .thumb,.sel .chip .thumb{filter:brightness(.85)}.chip.sel .thumb img,.sel .chip .thumb img{box-shadow:0 0 0 1px rgba(96,109,123,.1),0 6px 4px -4px rgba(96,109,123,.2)}.offset-drag-helper .chip{background-color:var(--gray-050);box-shadow:0 1px 5px -1px rgba(31,41,51,.2)}.chip>.thumb{align-items:center;display:flex;height:var(--thumb-size);justify-content:center;position:relative;width:var(--thumb-size)}.chip>.thumb.rounded img,.chip>.thumb.rounded svg{border:var(--xs) solid transparent;border-radius:50%}.chip>.thumb.checkered img{background-image:linear-gradient(45deg,rgba(154,165,177,.25) 25%,transparent 0),linear-gradient(135deg,rgba(154,165,177,.25) 25%,transparent 0),linear-gradient(45deg,transparent 75%,rgba(154,165,177,.25) 0),linear-gradient(135deg,transparent 75%,rgba(154,165,177,.25) 0);background-position:0 0,4px 0,4px -4px,0 4px;background-size:8px 8px}.chip>.thumb img,.chip>.thumb svg{border-radius:var(--small-border-radius);display:block;flex-shrink:0;max-height:100%;max-width:100%}.cp-icon{align-items:center;display:flex;justify-content:center;max-width:var(--icon-size)}.cp-icon,.cp-icon svg{height:var(--icon-size);width:var(--icon-size)}.cp-icon svg{max-height:var(--icon-size)!important;max-width:var(--icon-size)!important}.cp-icon svg circle,.cp-icon svg ellipse,.cp-icon svg line,.cp-icon svg path,.cp-icon svg polygon,.cp-icon svg polyline,.cp-icon svg rect,.cp-icon svg text{fill:var(--icon-color,var(--ui-control-color));stroke-width:0}.cp-icon.large{--icon-size:1.25rem}.cp-icon.small{--icon-size:0.875rem}.cp-icon.puny{--icon-size:0.75rem}.cards,.chips{display:flex;--custom-bg-color:initial;--custom-text-color:initial;--custom-sel-bg-color:initial}.cards:not(.inline-chips),.chips:not(.inline-chips){flex-direction:column}.cards li,.chips li{max-width:100%}.cards{gap:var(--s)}.chips{align-items:flex-start;gap:var(--xs)}.inline-chips{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--xs)}.inline-chips .chip{margin:0!important}.card{align-items:stretch;cursor:default;display:flex;flex-direction:row;gap:var(--m);padding:var(--m);position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.card,.card:after{border-radius:var(--large-border-radius)}.card.sel,li.sel .card{--text-color:var(--white);--custom-text-color:var(--white)!important;--medium-dark-text-color:var(--white);--medium-text-color:var(--white);--light-text-color:var(--white);--link-color:var(--white);--ui-control-color:var(--white);--focus-ring:0 0 0 3px hsl(var(--light-focus-hsl));background-color:var(--custom-sel-bg-color,var(--dark-sel-color))!important;color:var(--white)}.card.sel>.thumb,li.sel .card>.thumb{background-color:var(--dark-sel-color)!important;filter:brightness(.85)}.card>.thumb{align-items:stretch;background-color:var(--gray-100);display:flex;margin:calc(var(--m)*-1);min-height:calc(var(--m)*2 + var(--lh)*3 + var(--xs));min-width:120px;overflow:hidden;position:relative;width:120px}body.ltr .card>.thumb{margin-right:0}body.rtl .card>.thumb{margin-left:0}.card>.thumb:after{bottom:0;box-shadow:0 1px 5px -1px rgba(31,41,51,.2);content:"";display:block;font-size:0;position:absolute;top:0;width:10px}body.ltr .card>.thumb:after{right:-10px}body.rtl .card>.thumb:after{left:-10px}body.ltr .card>.thumb,body.ltr .card>.thumb:after{border-radius:var(--large-border-radius) 0 0 var(--large-border-radius)}body.rtl .card>.thumb,body.rtl .card>.thumb:after{border-radius:0 var(--large-border-radius) var(--large-border-radius) 0}.card>.thumb img,.card>.thumb svg{max-height:120px;-o-object-fit:cover;object-fit:cover;width:100%}body.ltr .card>.cp-icon{margin:0 -4px 0 -2px}body.rtl .card>.cp-icon{margin:0 -2px 0 -4px}.card .card-content,.card .card-content .card-body{display:flex;flex:1;flex-direction:column;gap:var(--xs)}.card .card-content{flex:1 0 0!important;margin:calc((1rem - var(--lh))/2) 0;overflow:hidden;position:relative;--focus-ring:var(--inner-focus-ring)}.card .card-content .card-heading{align-items:center;display:flex;flex-direction:row;gap:5px}.card .card-content .card-heading .status{flex:0 0 10px;margin:0}.card .card-content .card-heading .label{font-weight:600}.card .card-content .card-body:empty{display:none}.card .card-content .card-body>*{--max-lines:2;margin:0;max-height:calc(var(--lh)*var(--max-lines));overflow:hidden;text-wrap:pretty}.card>.card-actions-container{align-items:flex-start!important;display:flex;position:relative}.card-grid{display:grid!important;gap:var(--s)!important;grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.card-grid>li{border-radius:var(--large-border-radius)}.card-grid>li>.card{height:100%;margin:0!important}.context-label,.context-menu-container{align-items:center;border:1px solid var(--medium-hairline-color);border-radius:calc(var(--touch-target-size)/2);color:var(--light-text-color);display:inline-flex;font-size:11px;font-weight:400;height:var(--touch-target-size);padding:0 var(--s);text-decoration:none!important}body.ltr .context-label,body.ltr .context-menu-container{margin-left:var(--xs)}body.rtl .context-label,body.rtl .context-menu-container{margin-right:var(--xs)}body.ltr .context-menu-container{padding-right:0}body.rtl .context-menu-container{padding-left:0}body.ltr .context-menu-container .menubtn:not(.action-btn){margin:0 -1px 0 0}body.rtl .context-menu-container .menubtn:not(.action-btn){margin:0 0 0 -1px}body.ltr .context-menu-container .menubtn:not(.action-btn){padding-right:2px!important}body.rtl .context-menu-container .menubtn:not(.action-btn){padding-left:2px!important}body.ltr .context-menu-container .menubtn:not(.action-btn){border-left:1px solid var(--medium-hairline-color)}body.rtl .context-menu-container .menubtn:not(.action-btn){border-right:1px solid var(--medium-hairline-color)}body.ltr .context-menu-container .menubtn:not(.action-btn){border-radius:0 calc(var(--touch-target-size)/2) calc(var(--touch-target-size)/2) 0}body.rtl .context-menu-container .menubtn:not(.action-btn){border-radius:calc(var(--touch-target-size)/2) 0 0 calc(var(--touch-target-size)/2)}.context-menu-container .menubtn:not(.action-btn):hover{border-color:var(--dark-hairline-color)!important}.context-menu-container>*{display:inline-block}body.ltr .context-menu-container>*{padding-right:var(--s)}body.rtl .context-menu-container>*{padding-left:var(--s)}.context-menu-container .menubtn:not(.action-btn):only-child,.context-menu-container .visually-hidden:first-child+.menubtn:not(.action-btn):last-child{border-left:none!important;border-radius:calc(var(--touch-target-size)/2)!important;margin:0 calc(var(--s)*-1)}.card .checkbox:before,.chip .checkbox:before{box-shadow:none!important}.card .label,.chip .label{align-items:center;display:flex;gap:var(--xs);overflow:hidden}.card .label .label-link,.chip .label .label-link{flex:1 1 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card .label .label-link:focus,.chip .label .label-link:focus{box-shadow:var(--inner-focus-ring)}.card .label .segment:after,.chip .label .segment:after{border:solid var(--light-text-color);border-width:0 .0625rem .0625rem 0;content:"";display:inline-flex!important;display:block;font-size:0;height:.4375rem;opacity:.8;position:relative;top:-2px;width:.4375rem}body.ltr .card .label .segment:after,body.ltr .chip .label .segment:after{margin:0 5px 0 2px}body.rtl .card .label .segment:after,body.rtl .chip .label .segment:after{margin:0 2px 0 5px}body.ltr .card .label .segment:after,body.ltr .chip .label .segment:after{transform:rotate(-45deg)}body.rtl .card .label .segment:after,body.rtl .chip .label .segment:after{transform:rotate(135deg)}.sel .card .label .segment:after,.sel .chip .label .segment:after{border:solid var(--white);border-width:0 .0625rem .0625rem 0;content:"";display:block;font-size:0;height:.4375rem;opacity:.8;position:relative;width:.4375rem}body.ltr .sel .card .label .segment:after,body.ltr .sel .chip .label .segment:after{transform:rotate(-45deg)}body.rtl .sel .card .label .segment:after,body.rtl .sel .chip .label .segment:after{transform:rotate(135deg)}.card>.card-actions-container>.card-actions,.card>.chip-content>.chip-actions,.chip>.card-actions-container>.card-actions,.chip>.chip-content>.chip-actions{align-items:center;display:flex;flex-direction:row;gap:var(--s);min-height:1rem}.card>.card-actions-container>.card-actions:empty,.card>.chip-content>.chip-actions:empty,.chip>.card-actions-container>.card-actions:empty,.chip>.chip-content>.chip-actions:empty{display:none}.card>.card-actions-container>.card-actions>.status,.card>.chip-content>.chip-actions>.status,.chip>.card-actions-container>.card-actions>.status,.chip>.chip-content>.chip-actions>.status{margin:0}.card>.card-actions-container>.card-actions>.action-btn,.card>.card-actions-container>.card-actions>.move,.card>.chip-content>.chip-actions>.action-btn,.card>.chip-content>.chip-actions>.move,.chip>.card-actions-container>.card-actions>.action-btn,.chip>.card-actions-container>.card-actions>.move,.chip>.chip-content>.chip-actions>.action-btn,.chip>.chip-content>.chip-actions>.move{height:var(--touch-target-size);margin:0 -4px;width:var(--touch-target-size)}.card>.card-actions-container>.card-actions>.action-btn:before,.card>.card-actions-container>.card-actions>.move:before,.card>.chip-content>.chip-actions>.action-btn:before,.card>.chip-content>.chip-actions>.move:before,.chip>.card-actions-container>.card-actions>.action-btn:before,.chip>.card-actions-container>.card-actions>.move:before,.chip>.chip-content>.chip-actions>.action-btn:before,.chip>.chip-content>.chip-actions>.move:before{color:var(--custom-text-color,var(--ui-control-color))}.card>.card-actions-container>.card-actions .action-btn,.card>.chip-content>.chip-actions .action-btn,.chip>.card-actions-container>.card-actions .action-btn,.chip>.chip-content>.chip-actions .action-btn{background-color:transparent}body.ltr .card>.card-actions-container>.card-actions .action-btn:before,body.ltr .card>.chip-content>.chip-actions .action-btn:before,body.ltr .chip>.card-actions-container>.card-actions .action-btn:before,body.ltr .chip>.chip-content>.chip-actions .action-btn:before{margin-right:0!important}body.rtl .card>.card-actions-container>.card-actions .action-btn:before,body.rtl .card>.chip-content>.chip-actions .action-btn:before,body.rtl .chip>.card-actions-container>.card-actions .action-btn:before,body.rtl .chip>.chip-content>.chip-actions .action-btn:before{margin-left:0!important}.card>.card-actions-container>.card-actions .action-btn:active,.card>.card-actions-container>.card-actions .action-btn:hover,.card>.card-actions-container>.card-actions .action-btn[aria-expanded=true],.card>.chip-content>.chip-actions .action-btn:active,.card>.chip-content>.chip-actions .action-btn:hover,.card>.chip-content>.chip-actions .action-btn[aria-expanded=true],.chip>.card-actions-container>.card-actions .action-btn:active,.chip>.card-actions-container>.card-actions .action-btn:hover,.chip>.card-actions-container>.card-actions .action-btn[aria-expanded=true],.chip>.chip-content>.chip-actions .action-btn:active,.chip>.chip-content>.chip-actions .action-btn:hover,.chip>.chip-content>.chip-actions .action-btn[aria-expanded=true]{-webkit-backdrop-filter:brightness(90%);backdrop-filter:brightness(90%)}.card>.card-actions-container>.card-actions .move,.card>.chip-content>.chip-actions .move,.chip>.card-actions-container>.card-actions .move,.chip>.chip-content>.chip-actions .move{margin-top:-3px!important}.card.error .label .label-link,.chip.error .label .label-link{color:var(--error-color)}.element-index .source-path{background-color:var(--gray-050);border-radius:3px;--ui-control-bg-color:var(--light-sel-color);--ui-control-hover-bg-color:#bdcbdb;--ui-control-active-bg-color:#acbed2}.element-index .source-path .chevron-btns{background:#fff;display:inline-flex;position:relative;--ui-control-height:1.875rem}.element-index .source-path .chevron-btns:before{border-top:calc(var(--ui-control-height)/2) solid #f3f7fc;content:"";display:block;font-size:0;height:0;position:absolute;top:0;width:0}body.ltr .element-index .source-path .chevron-btns:before{right:0}body.rtl .element-index .source-path .chevron-btns:before{left:0}body.ltr .element-index .source-path .chevron-btns:before{border-left:calc(var(--ui-control-height)/2) solid transparent}body.rtl .element-index .source-path .chevron-btns:before{border-right:calc(var(--ui-control-height)/2) solid transparent}.element-index .source-path .chevron-btns:after{border-bottom:calc(var(--ui-control-height)/2) solid #f3f7fc;content:"";display:block;font-size:0;position:absolute;top:calc(var(--ui-control-height)/2)}body.ltr .element-index .source-path .chevron-btns:after{right:0}body.rtl .element-index .source-path .chevron-btns:after{left:0}body.ltr .element-index .source-path .chevron-btns:after{border-left:calc(var(--ui-control-height)/2) solid transparent}body.rtl .element-index .source-path .chevron-btns:after{border-right:calc(var(--ui-control-height)/2) solid transparent}.element-index .source-path .chevron-btns .btn{--ui-control-border-radius:3px}.element-index .source-path .btn.settings{box-shadow:0 0 0 2px var(--white)}.element-index.main .source-path{margin:-22px calc(var(--padding)*-1 + 2px) 24px}.elementselectormodal .element-index .source-path{margin-bottom:2px}.element-index.pane .toolbar{background-color:var(--gray-050);border-radius:calc(var(--large-border-radius) - 1px) calc(var(--large-border-radius) - 1px) 0 0;box-shadow:0 1px 0 var(--hairline-color);margin:calc(var(--pane-padding)*-1) calc(var(--pane-padding)*-1) var(--pane-padding)!important;padding:var(--pane-padding);position:relative;z-index:2}.element-index.pane .header{background-color:transparent;border-bottom:1px solid var(--hairline-color);padding-bottom:var(--pane-padding);padding-top:var(--pane-padding)}.element-index.pane .elements{--border-radius:0}.element-index.pane .elements .tableview table.data thead td,.element-index.pane .elements .tableview table.data thead th{border-bottom:1px solid var(--hairline-color)}.element-index.pane .elements .tableview table.data thead td:not(.ordered),.element-index.pane .elements .tableview table.data thead th:not(.ordered){background-color:transparent}.element-index.pane .footer{background:transparent;border-radius:0 0 calc(var(--large-border-radius) - 1px) calc(var(--large-border-radius) - 1px)!important;border-top:1px solid var(--hairline-color);box-shadow:none}.elements{position:relative}.elements:not(.busy) .update-spinner{display:none}.elements.busy{min-height:72px}.elements.busy:after{background:hsla(0,0%,100%,.75);border-radius:var(--large-border-radius);content:"";display:block;font-size:0;height:100%;left:calc(var(--pane-padding, 24px)*-1);position:absolute;top:0;width:calc(100% + var(--pane-padding, 24px) + var(--pane-padding, 24px));z-index:100}.elements.busy .update-spinner{z-index:101}.elements .header{background-color:var(--gray-050);border-radius:var(--border-radius,var(--small-border-radius));box-shadow:none;margin:calc(var(--xl)*-1 + 2px) calc(var(--padding)*-1 + 2px) var(--xl);padding:var(--s)}.elements .header:after{content:""}.elements .header .selectallcontainer{align-items:center;cursor:default;display:flex;gap:5px}.elements .tableview tr.draggee td,.elements .tableview tr.draggee th,.elements .thumbsview li.draggee{opacity:.25}.elements .tableview th .move,.elements .tableview th .toggle{align-items:center;display:flex;height:var(--touch-target-size);justify-content:center;position:absolute;top:50%;transform:translateY(-50%);width:var(--touch-target-size)}body.ltr .elements .tableview th .move,body.ltr .elements .tableview th .toggle{margin-left:calc(var(--touch-target-size)*-1)}body.rtl .elements .tableview th .move,body.rtl .elements .tableview th .toggle{margin-right:calc(var(--touch-target-size)*-1)}.elements .tableview th .move{font-size:11px;text-decoration:none}.elements .tableview th .toggle{border-radius:50%;padding:4px;text-align:center}body.ltr .elements .tableview th .move+.toggle{margin-left:calc(var(--touch-target-size)*-2)}body.rtl .elements .tableview th .move+.toggle{margin-right:calc(var(--touch-target-size)*-2)}.elements .tableview th .enabled-label{margin-left:var(--xs)}.elements .tableview .chip{background-color:transparent}.elements .thumbsview{display:grid;gap:var(--xs);grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.elements .thumbsview li{border-radius:var(--large-border-radius);max-width:226px;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 .chip{background-color:var(--gray-050)}.elements .thumbsview li.sel a{cursor:pointer!important}.elements .thumbsview li.sel a:hover{text-decoration:underline}.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}.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;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(--gray-200)}body.rtl .structure ul li:not(:last-child):not(.last){border-right:1px solid var(--gray-200)}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 .chip{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)}.componentselect .components:not(:empty)+.flex,.elementselect .elements:not(:empty)+.flex{margin-top:var(--s)}.elementselect{min-height:34px;position:relative}.elementselect .btn,.elementselect .flex{clear:both}.elementselect .chip{z-index:1}.elementselect .structure .chip{margin-top:var(--xs)}body.ltr .elementselect .structure>li{padding-left:0}body.rtl .elementselect .structure>li{padding-right:0}body.ltr .elementselect .structure ul{margin-left:14px}body.rtl .elementselect .structure ul{margin-right:14px}.elementselect .structure ul li{background-position:0 6px!important}.nested-element-cards{display:flex;flex-direction:column;gap:var(--s)}.nested-element-cards>.pane{margin:0}table.editable{border:1px solid var(--gray-200);border-radius:var(--large-border-radius)}table.editable td.action,table.editable td.heading,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:calc(var(--large-border-radius) - 1px)}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:calc(var(--large-border-radius) - 1px)}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 .editable-table-preview{white-space:pre-wrap}body.ltr table.editable tbody tr td.textual .editable-table-preview{text-align:left}body.rtl table.editable tbody tr td.textual .editable-table-preview{text-align:right}table.editable tbody tr td.textual .editable-table-preview+textarea{height:0;min-height:0;opacity:0;padding-bottom:0;padding-top: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;-moz-user-select:none;-ms-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 .editable-table-preview,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;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:calc(100% - 29px)}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{background-clip:border-box;border:1px solid transparent;border-radius:100%;box-sizing:border-box;display:inline-block;height:.75rem;position:relative;width:.75rem}body.ltr .status{margin-right:10px}body.rtl .status{margin-left:10px}body.use-shapes .status.all{background-image:linear-gradient(30deg,#184cef,#e5422b);rotate:45deg}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.all,body.use-shapes .status.expired,body.use-shapes .status.off,body.use-shapes .status.suspended{border-radius:2px;transform:scale(90%)}.status:not(.on):not(.live):not(.active):not(.enabled):not(.all):not(.pending):not(.warning):not(.off):not(.suspended):not(.expired):not(.light):not(.gray):not(.red):not(.orange):not(.amber):not(.yellow):not(.lime):not(.green):not(.emerald):not(.teal):not(.cyan):not(.sky):not(.blue):not(.indigo):not(.violet):not(.purple):not(.fuchsia):not(.pink):not(.rose):not(.grey):not(.black){border-color:var(--ui-control-color)}.status.all{background-image:linear-gradient(60deg,#184cef,#e5422b);background-origin:border-box}.status.active,.status.enabled,.status.live,.status.on{background-color:var(--enabled-color)}.bg-red,.status.expired,.status.off,.status.red,.status.suspended{background-color:var(--disabled-color)}.status.warning{background-color:var(--warning-color)}.bg-orange,.status.orange,.status.pending{background-color:var(--pending-color)}.bg-amber,.status.amber{background-color:var(--amber-500)}.bg-yellow,.status.yellow{background-color:var(--yellow-500)}.bg-lime,.status.lime{background-color:var(--lime-500)}.bg-green,.status.green{background-color:var(--green-600)}.bg-emerald,.status.emerald{background-color:var(--emerald-500)}.bg-teal,.bg-turquoise,.status.teal,.status.turquoise{background-color:var(--teal-500)}.bg-cyan,.status.cyan{background-color:var(--cyan-500)}.bg-sky,.status.sky{background-color:var(--sky-500)}.bg-blue,.status.blue{background-color:var(--blue-600)}.bg-indigo,.status.indigo{background-color:var(--indigo-500)}.bg-violet,.status.violet{background-color:var(--violet-500)}.bg-purple,.status.purple{background-color:var(--purple-500)}.bg-fuchsia,.status.fuchsia{background-color:var(--fuchsia-500)}.bg-pink,.status.pink{background-color:var(--pink-500)}.bg-rose,.status.rose{background-color:var(--rose-500)}.status.light{background-color:var(--gray-100)}.bg-white,.status.white{background-color:var(--white)}.bg-black,.status.black{background-color:var(--gray-800)}.bg-gray,.bg-grey,.status.gray,.status.grey{background-color:var(--gray-300)}.status.disabled,.status.white{opacity:1}.cp-icon.warning,.icon.warning,[data-icon-after].warning,[data-icon].warning{--icon-color:var(--warning-color)}.cp-icon.red,.icon.red,[data-icon-after].red,[data-icon].red{--icon-color:var(--disabled-color)}.cp-icon.orange,.icon.orange,[data-icon-after].orange,[data-icon].orange{--icon-color:var(--pending-color)}.cp-icon.amber,.icon.amber,[data-icon-after].amber,[data-icon].amber{--icon-color:var(--amber-500)}.cp-icon.yellow,.icon.yellow,[data-icon-after].yellow,[data-icon].yellow{--icon-color:var(--yellow-500)}.cp-icon.lime,.icon.lime,[data-icon-after].lime,[data-icon].lime{--icon-color:var(--lime-500)}.cp-icon.green,.icon.green,[data-icon-after].green,[data-icon].green{--icon-color:var(--green-500)}.cp-icon.emerald,.icon.emerald,[data-icon-after].emerald,[data-icon].emerald{--icon-color:var(--emerald-500)}.cp-icon.teal,.icon.teal,[data-icon-after].teal,[data-icon].teal{--icon-color:var(--teal-500)}.cp-icon.cyan,.icon.cyan,[data-icon-after].cyan,[data-icon].cyan{--icon-color:var(--cyan-500)}.cp-icon.sky,.icon.sky,[data-icon-after].sky,[data-icon].sky{--icon-color:var(--sky-500)}.cp-icon.blue,.icon.blue,[data-icon-after].blue,[data-icon].blue{--icon-color:var(--blue-600)}.cp-icon.indigo,.icon.indigo,[data-icon-after].indigo,[data-icon].indigo{--icon-color:var(--indigo-500)}.cp-icon.violet,.icon.violet,[data-icon-after].violet,[data-icon].violet{--icon-color:var(--violet-500)}.cp-icon.purple,.icon.purple,[data-icon-after].purple,[data-icon].purple{--icon-color:var(--purple-500)}.cp-icon.fuchsia,.icon.fuchsia,[data-icon-after].fuchsia,[data-icon].fuchsia{--icon-color:var(--fuchsia-500)}.cp-icon.pink,.icon.pink,[data-icon-after].pink,[data-icon].pink{--icon-color:var(--pink-500)}.cp-icon.rose,.icon.rose,[data-icon-after].rose,[data-icon].rose{--icon-color:var(--rose-500)}.cp-icon.white,.icon.white,[data-icon-after].white,[data-icon].white{--icon-color:var(--white)}.cp-icon.black,.icon.black,[data-icon-after].black,[data-icon].black{--icon-color:var(--gray-800)}.cp-icon.gray,.icon.gray,[data-icon-after].gray,[data-icon].gray{--icon-color:var(--gray-300)}.amber[data-icon-after]:after,.amber[data-icon]:before,.black[data-icon-after]:after,.black[data-icon]:before,.blue[data-icon-after]:after,.blue[data-icon]:before,.cyan[data-icon-after]:after,.cyan[data-icon]:before,.emerald[data-icon-after]:after,.emerald[data-icon]:before,.fuchsia[data-icon-after]:after,.fuchsia[data-icon]:before,.gray[data-icon-after]:after,.gray[data-icon]:before,.green[data-icon-after]:after,.green[data-icon]:before,.indigo[data-icon-after]:after,.indigo[data-icon]:before,.lime[data-icon-after]:after,.lime[data-icon]:before,.orange[data-icon-after]:after,.orange[data-icon]:before,.pink[data-icon-after]:after,.pink[data-icon]:before,.purple[data-icon-after]:after,.purple[data-icon]:before,.red[data-icon-after]:after,.red[data-icon]:before,.rose[data-icon-after]:after,.rose[data-icon]:before,.sky[data-icon-after]:after,.sky[data-icon]:before,.teal[data-icon-after]:after,.teal[data-icon]:before,.violet[data-icon-after]:after,.violet[data-icon]:before,.warning[data-icon-after]:after,.warning[data-icon]:before,.white[data-icon-after]:after,.white[data-icon]:before,.yellow[data-icon-after]:after,.yellow[data-icon]:before{color:var(--icon-color)!important}.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{transition:width .1s linear;width:0}.progressbar.pending .progressbar-inner{animation-duration:.25s;animation-iteration-count:infinite;animation-timing-function:linear}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{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{flex:1;margin:8px 0!important}.missing-component .install-plugin .btn{margin:0}.pane{--pane-padding:var(--xl);--border:1px solid var(--hairline-color);background:#fff;border-radius:var(--large-border-radius);box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);margin:14px 0;padding:var(--pane-padding);position:relative;word-wrap:break-word;box-sizing:border-box}.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.dashed{border:1px dashed var(--medium-hairline-color)!important}.pane.dashed,.pane.hairline{background-color:transparent!important;box-shadow:none}.pane.hairline{border:1px solid rgba(96,125,159,.25)!important}.pane.no-border{border:none!important}.pane.padding-xs{--pane-padding:var(--xs)}.pane.padding-s{--pane-padding:var(--s)}.pane.padding-m{--pane-padding:var(--m)}.pane.padding-l{--pane-padding:var(--l)}.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:1.875rem;margin:2px 0;padding-left:0;padding-right:0;width:1.875rem}.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{align-items:center;display:flex;flex-direction:row;margin:calc(var(--s)*-1) calc(var(--padding)*-1)}.pane-tabs:first-child{border-radius:var(--large-border-radius) var(--large-border-radius) 0 0;overflow:hidden}.pane-tabs [role=tablist]{display:flex;flex:1;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]{--tab-label-color:var(--light-text-color)}.pane-tabs [role=tablist] [role=tab].error{--highlight-color:var(--error-color)!important;--tab-label-color:var(--error-color)!important}.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{align-items:center;display:flex;flex-direction:row;height:50px;padding:0 var(--padding);position:relative;white-space:nowrap}.pane-tabs [role=tablist] [role=tab]:hover{text-decoration:none}body.reduce-focus-visibility .pane-tabs [role=tablist] [role=tab]:focus-visible,body:not(.reduce-focus-visibility) .pane-tabs [role=tablist] [role=tab]:focus{box-shadow:none}body.reduce-focus-visibility .pane-tabs [role=tablist] [role=tab]:focus-visible .tab-label,body:not(.reduce-focus-visibility) .pane-tabs [role=tablist] [role=tab]:focus .tab-label{box-shadow:var(--inner-focus-ring)}.pane-tabs [role=tablist] [role=tab]:not(.sel){color:var(--custom-text-color,var(--tab-label-color))}.pane-tabs [role=tablist] [role=tab]:not(.sel):hover{-webkit-backdrop-filter:brightness(95%);backdrop-filter:brightness(95%)}.pane-tabs [role=tablist] [role=tab].sel{--highlight-color:var(--gray-500);--tab-label-color:var(--text-color);background-color:var(--white)!important;box-shadow:inset 0 2px 0 var(--custom-text-color,var(--highlight-color)),0 0 0 1px rgba(51,64,77,.1),0 2px 12px var(--custom-sel-tab-shadow-color,var(--gray-200));color:var(--tab-label-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#tabs:first-child [role=tablist] [role=tab]:first-child,body.ltr .pane-tabs#tabs:first-child [role=tablist] [role=tab]:first-child .tab-label{border-top-left-radius:var(--large-border-radius)}body.rtl .pane-tabs#tabs:first-child [role=tablist] [role=tab]:first-child,body.rtl .pane-tabs#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)}.pane-tabs .menubtn.error span[data-icon]{margin-right:2px}.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{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:#fcd815}.details .meta.warning .btn:active,.details .meta.warning .btn[aria-expanded=true]{background-color:#f5ce03}.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::-moz-placeholder{color:var(--gray-500)}.details .meta .text:-ms-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::-moz-placeholder,.details textarea::-moz-placeholder{color:var(--gray-500)}.details input:-ms-input-placeholder,.details textarea:-ms-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{align-items:center;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 var(--neg-padding)!important;min-height:50px;padding:0 var(--padding);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{font-family:Craft;position:absolute;width:31px;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;color:var(--light-text-color);content:"plus";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}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{margin:0}@media screen and (min-width:400px){.meta>.data>.heading,.meta>.field>.heading,.meta>.flex-fields>.data>.heading,.meta>.flex-fields>.field>.heading{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-right:var(--s)}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-left: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{flex:1}.meta>.data>.input .flex,.meta>.field>.input .flex,.meta>.flex-fields>.data>.input .flex,.meta>.flex-fields>.field>.input .flex{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-top:var(--s)}@media screen and (min-width:400px){.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:100%}@media screen and (min-width:400px){.meta>.data>.value,.meta>.field>.input,.meta>.flex-fields>.data>.value,.meta>.flex-fields>.field>.input{width:calc(100% - 112px)}}.meta>.data>.value,.meta>.flex-fields>.data>.value{align-items:center;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{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,.meta>.flex-fields>.field>.input>.datetimewrapper{gap: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):not(.first-child),.meta>.flex-fields+.field:not(.first-child){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}.meta>.field>.input>.custom-select{background-color:transparent;border-radius:0;box-shadow:none;display:block;margin:calc(var(--s)*-1) 0;width:100%}.meta>.field>.input>.custom-select .menubtn:not(.action-btn){background-color:transparent;justify-content:start;width:100%}body.ltr .meta>.field>.input>.custom-select .menubtn:not(.action-btn){padding-left:0}body.rtl .meta>.field>.input>.custom-select .menubtn:not(.action-btn){padding-right:0}.meta>.field>.input>.custom-select .menubtn:not(.action-btn):after{position:absolute;top:calc(50% - 5px)}body.ltr .meta>.field>.input>.custom-select .menubtn:not(.action-btn):after{right:0}body.rtl .meta>.field>.input>.custom-select .menubtn:not(.action-btn):after{left:0}.meta>.field>.input>.custom-select .label{max-width:100%;overflow:hidden;text-overflow:ellipsis}.body{position:relative}.hud,.modal,.slideout,.slideout-container{box-sizing:border-box;z-index:100}.hud,.modal{background-color:#fff;border-radius:5px;box-shadow:0 25px 100px rgba(31,41,51,.5)!important}.slideout-shade{opacity:0;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-container.so-lp{height:calc(100vh - var(--m)*2);left:var(--m);position:absolute;top:var(--m);width:calc(100% - var(--m)*2)}body.has-debug-toolbar .slideout-container{height:calc(100vh - 42px)}.slideout{background-color:var(--white);box-shadow:0 0 0 1px rgba(123,135,147,.25),0 25px 100px rgba(31,41,51,.5)!important;container-type:inline-size;display:flex;flex-direction:column;overflow:hidden;padding:24px var(--padding);pointer-events:all;position:absolute}.slideout.so-lp,.slideout.so-mobile{height:100%!important;left:0;transition:top .25s linear;width:100%!important;will-change:top}.slideout.so-mobile{--padding:14px;--neg-padding:-14px}.slideout:not(.so-mobile){border-radius:var(--large-border-radius)}.slideout:not(.so-mobile):not(.so-lp){height:calc(100% - 16px);top:8px;width:calc(50% - 8px)}@media screen and (prefers-reduced-motion:no-preference){body.ltr .slideout:not(.so-mobile):not(.so-lp){transition:left .25s linear;will-change:left}body.rtl .slideout:not(.so-mobile):not(.so-lp){transition:right .25s linear;will-change:right}}.slideout>.pane-header{padding-left:var(--padding);padding-right:var(--padding);z-index:2}.slideout>.pane-header>.so-toolbar{align-items:center;display:flex;flex-direction:row;gap:var(--xs);min-height:34px}.slideout>.pane-header>.so-toolbar>.pane-tabs{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-body{flex:1;margin:-24px var(--neg-padding);overflow:hidden auto;position:relative}.slideout>.so-body:not(:last-child){margin-bottom:0}.slideout>.so-body>h1:not(:last-child){border-bottom:1px solid var(--hairline-color);padding-bottom:var(--s)}.slideout>.so-body.so-full-details,.slideout>.so-body>.so-sidebar{background-color:var(--gray-100)!important}.slideout>.so-body:not(.so-full-details){padding:24px var(--padding)}.slideout>.so-body.so-full-details>.so-content>.details,.slideout>.so-body>.so-sidebar{box-sizing:border-box;padding:0 var(--padding) var(--spacing)}.slideout>.so-body.so-full-details>.so-content>.details>.preview-thumb-container,.slideout>.so-body>.so-sidebar>.preview-thumb-container{height:auto;margin:0 var(--neg-padding);min-height:54px}.slideout>.so-body.so-full-details>.so-content>.details>.preview-thumb-container+.pane-header,.slideout>.so-body>.so-sidebar>.preview-thumb-container+.pane-header{border-radius:0}.slideout>.so-body.so-full-details>.so-content>.details .image-actions.is-mobile,.slideout>.so-body>.so-sidebar .image-actions.is-mobile{margin:calc(var(--spacing)/2) 0 var(--spacing)}.slideout>.so-body.so-full-details>.so-content>.details>.meta.read-only:first-child,.slideout>.so-body>.so-sidebar>.meta.read-only:first-child{margin-top:var(--padding)}.slideout>.so-body.so-full-details>.so-content>.details>.meta.warning,.slideout>.so-body>.so-sidebar>.meta.warning{border-bottom:1px solid var(--yellow-300);box-shadow:none}.slideout>.so-body.so-full-details>.so-content>.details>.field>.input>.text.fullwidth,.slideout>.so-body>.so-sidebar>.field>.input>.text.fullwidth{border-radius:0}.slideout>.so-body.so-full-details>.so-content>.details .notes,.slideout>.so-body>.so-sidebar .notes{padding-bottom:var(--m);padding-top:var(--m)}.slideout>.so-body>.so-sidebar{background:#fff;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);height:100%;max-width:100%;overflow:hidden auto;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{transition:right .25s linear}body.rtl .slideout>.so-body>.so-sidebar{transition:left .25s linear}.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:flex;flex-wrap:wrap;gap:8px;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);flex:0 0 100%;margin:0 var(--neg-padding);padding:0 var(--padding) 8px}@container (width > 700px){.slideout.has-sidebar .pane-header:not(.so-visible),.slideout.has-sidebar .sidebar-btn{display:none}.slideout.has-sidebar .so-body{display:flex;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;flex:auto 0 1;margin:0;padding:0}}.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:5px var(--pane-padding,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:calc(var(--pane-padding, 24px)*-1) calc(var(--pane-padding, 24px)*-1) var(--pane-padding,24px)}.modal .body .footer,.pane .footer{margin:var(--pane-padding,24px) calc(var(--pane-padding, 24px)*-1) calc(var(--pane-padding, 24px)*-1)}.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-shade.blurred,.slideout-shade.blurred{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.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{font-family:Craft;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;color:var(--light-text-color);content:"alert";font-size:40px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}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:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;color:var(--light-text-color);content:"secure";font-size:58px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}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.tooltip-hud{display:block}.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-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{align-items:center;background-color:var(--gray-900);display:flex;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:linear-gradient(45deg,rgba(154,165,177,.25) 25%,transparent 0),linear-gradient(135deg,rgba(154,165,177,.25) 25%,transparent 0),linear-gradient(45deg,transparent 75%,rgba(154,165,177,.25) 0),linear-gradient(135deg,transparent 75%,rgba(154,165,177,.25) 0);background-position:0 0,8.5px 0,8.5px -8.5px,0 8.5px;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{align-items:center;display:flex;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;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);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:focus-within .buttons,.button-fade:hover .buttons{opacity:1}.elementselectormodal{--content-padding:24px;padding-bottom:50px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.elementselectormodal>.header{padding-bottom:14px;padding-top:14px;text-align:center}.elementselectormodal>.header+.body{height:calc(100% - 48px)!important}.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 .header{margin:0 0 var(--m)}.elementselectormodal .body .content .main .elements .tableview table tr td,.elementselectormodal .body .content .main .elements .tableview table tr th{cursor:default}.elementselectormodal .body .content .main .elements .tableview table tr .checkbox:before{box-shadow:none!important}.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}.customize-sources-modal .main-header,.elementselectormodal .main-header{align-items:center;display:flex;margin-bottom:var(--s)}.customize-sources-modal .main-heading,.elementselectormodal .main-heading{margin-bottom:0}.customize-sources-modal .nav-toggle,.elementselectormodal .nav-toggle{color:var(--ui-control-color);height:var(--touch-target-size);width:var(--touch-target-size)}body.ltr .customize-sources-modal .nav-toggle,body.ltr .elementselectormodal .nav-toggle{margin-left:4px}body.rtl .customize-sources-modal .nav-toggle,body.rtl .elementselectormodal .nav-toggle{margin-right:4px}.customize-sources-modal .nav-toggle:hover,.elementselectormodal .nav-toggle:hover{color:var(--gray-500)}.customize-sources-modal .sidebar-header,.elementselectormodal .sidebar-header{display:flex;justify-content:flex-end;margin-bottom:var(--s);padding:0 var(--s)}.customize-sources-modal .nav-close,.elementselectormodal .nav-close{height:var(--touch-target-size);width:var(--touch-target-size)}.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}body.ltr .activity-container:not(:last-child){margin-right:var(--s)}body.rtl .activity-container:not(:last-child){margin-left:var(--s)}.activity-container ul{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--xs)}.activity-container ul li .activity-btn{border-radius:50%;display:block;height:30px;width:30px}.activity-container ul li .activity-btn .elementthumb{background:var(--gray-050);border:2px solid var(--white);border-radius:50px;box-shadow:0 1px 2px 1px rgba(31,41,51,.1);height:100%;overflow:hidden;position:relative;width:100%}.activity-container ul li .activity-btn .elementthumb img,.activity-container ul li .activity-btn .elementthumb svg{display:block;height:100%;width:100%}body.ltr .activity-container ul li:not(:last-child){margin-right:-10px}body.rtl .activity-container ul li:not(:last-child){margin-left:-10px}.element-index-view-menu{max-width:calc(100% - 20px);padding:0!important;width:400px}.element-index-view-menu .meta{padding-bottom:var(--s);padding-top:var(--s)}.element-index-view-menu .table-columns-field{align-items:flex-start}.element-index-view-menu .table-columns-field .input{padding:13px 0}.element-index-view-menu .menu-footer{background-color:var(--gray-050);margin:0!important;padding:var(--s) var(--xl)!important}.element-index-view-menu-table-column{align-content:stretch;align-items:flex-start;display:flex;margin-bottom:4px}.element-index-view-menu-table-column .icon.move{position:relative;z-index:1}body.ltr .element-index-view-menu-table-column .icon.move{margin-right:10px}body.rtl .element-index-view-menu-table-column .icon.move{margin-left:10px}.sort-field .input .flex .btngroup .btn{width:42px}.sort-field .input .flex .flex-grow{max-width:calc(100% - 85px - var(--s))}@media screen and (max-width:350px){.sort-field .input .flex{flex-direction:column}.sort-field .input .flex>*{width:100%}.sort-field .input .flex .flex-grow{max-width:none}}.element-filter-hud.loading .body{align-items:center;display:flex;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))}.so-content .address-cards{grid-template-columns:repeat(1,minmax(0,1fr))!important}.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))}.so-content .address-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@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: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;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}#elevatedsessionmodal,#logoutwarningmodal,.login-modal,.login-modal-shade,.logoutwarningmodalshade,.prompt{z-index:1001}#elevatedsessionmodal,#logoutwarningmodal,.prompt{width:500px}.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}.deleteusermodal div.elements{list-style:none}.dropdownsettingsmodal{height:auto;max-width:400px;min-height:0;min-width:0;width:auto}.dropdownsettingsmodal .body{max-height:100%;overflow-y:auto}.previewmodal.zilch{align-items:center;display:flex;justify-content:center;padding:100px 0}.video-transcript{background-color:var(--gray-050);font-size:1rem;overflow-y:scroll;position:relative}body.reduce-focus-visibility .video-transcript:focus-visible,body:not(.reduce-focus-visibility) .video-transcript:focus{background-color:var(--gray-800);box-shadow:none;color:var(--white)}.video-transcript__inner{margin-left:auto;margin-right:auto;max-width:550px;padding:var(--xl)}.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;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:100}.ui-datepicker,.ui-timepicker-list{padding:0}.menu{display:none;position:absolute}.menu.padded{padding:var(--s) calc(var(--m) + var(--s))}.menu.padded hr{margin:var(--s) calc((var(--m) + var(--s))*-1)}.menu.padded ul li{margin:0 calc(var(--m)*-1);padding:0 var(--m)}.menu.padded ul li a{border-radius:var(--large-border-radius)}.menu.padded .extralight{margin-top:2px}.menu .h6:first-child,.menu h6:first-child{margin-top:14px!important}body.ltr .menu ul.padded li .menu-item,body.ltr .menu ul.padded li .menu-option,body.ltr .menu ul.padded li a{padding-left:calc(var(--m) + 1.125rem)}body.rtl .menu ul.padded li .menu-item,body.rtl .menu ul.padded li .menu-option,body.rtl .menu ul.padded li a{padding-right:calc(var(--m) + 1.125rem)}.menu ul.padded li .menu-item.sel:not([data-icon]):before,.menu ul.padded li .menu-option.sel:not([data-icon]):before,.menu ul.padded li a.sel:not([data-icon]):before{color:var(--ui-control-color);content:"check";font-size:14px;margin-top:3px!important;width:14px}body.ltr .menu ul.padded li .menu-item.sel:not([data-icon]):before,body.ltr .menu ul.padded li .menu-option.sel:not([data-icon]):before,body.ltr .menu ul.padded li a.sel:not([data-icon]):before{float:left}body.rtl .menu ul.padded li .menu-item.sel:not([data-icon]):before,body.rtl .menu ul.padded li .menu-option.sel:not([data-icon]):before,body.rtl .menu ul.padded li a.sel:not([data-icon]):before{float:right}body.ltr .menu ul.padded li .menu-item.sel:not([data-icon]):before,body.ltr .menu ul.padded li .menu-option.sel:not([data-icon]):before,body.ltr .menu ul.padded li a.sel:not([data-icon]):before{margin:4px 0 0 calc(-1.125rem - 4px)}body.rtl .menu ul.padded li .menu-item.sel:not([data-icon]):before,body.rtl .menu ul.padded li .menu-option.sel:not([data-icon]):before,body.rtl .menu ul.padded li a.sel:not([data-icon]):before{margin:4px calc(-1.125rem - 4px) 0 0}.menu ul li .menu-item,.menu ul li .menu-option,.menu ul li a{-webkit-appearance:none;font-size:14px;margin:0 -14px;padding:10px 14px;white-space:nowrap}body.ltr .menu ul li .menu-item:not(:last-child),body.ltr .menu ul li .menu-option:not(:last-child),body.ltr .menu ul li a:not(:last-child){margin-right:0}body.rtl .menu ul li .menu-item:not(:last-child),body.rtl .menu ul li .menu-option:not(:last-child),body.rtl .menu ul li a:not(:last-child){margin-left:0}.menu ul li .menu-item:not(.flex):not(.hidden),.menu ul li .menu-option:not(.flex):not(.hidden),.menu ul li a:not(.flex):not(.hidden){display:block;width:calc(100% + 28px)}body.ltr .menu ul li .menu-item:not(.flex):not(.hidden),body.ltr .menu ul li .menu-option:not(.flex):not(.hidden),body.ltr .menu ul li a:not(.flex):not(.hidden){text-align:left}body.rtl .menu ul li .menu-item:not(.flex):not(.hidden),body.rtl .menu ul li .menu-option:not(.flex):not(.hidden),body.rtl .menu ul li a:not(.flex):not(.hidden){text-align:right}.menu ul li .menu-item.flex [data-icon],.menu ul li .menu-option.flex [data-icon],.menu ul li a.flex [data-icon]{margin-top:-2px}.menu ul li .menu-item.sel,.menu ul li .menu-option.sel,.menu ul li a.sel{cursor:default}.menu ul li .menu-item .shortcut,.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-item .shortcut,body.ltr .menu ul li .menu-option .shortcut,body.ltr .menu ul li a .shortcut{float:right}body.rtl .menu ul li .menu-item .shortcut,body.rtl .menu ul li .menu-option .shortcut,body.rtl .menu ul li a .shortcut{float:left}body.ltr .menu ul li .menu-item .shortcut,body.ltr .menu ul li .menu-option .shortcut,body.ltr .menu ul li a .shortcut{margin-left:14px}body.rtl .menu ul li .menu-item .shortcut,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 .go:after{color:inherit}.menu ul li .menu-item,.menu ul li .menu-option,.menu:not(.menu--disclosure) ul li a{color:#3f4d5a;cursor:default;text-decoration:none}.menu li>a [data-icon]:before,.menu li>a span.icon:not([data-icon]),.menu li>a[data-icon]:before,.menu li>button [data-icon]:before,.menu li>button span.icon:not([data-icon]),.menu li>button[data-icon]:before{display:inline-block;height:.875rem;width:.875rem}body.ltr .menu li>a [data-icon]:before,body.ltr .menu li>a span.icon:not([data-icon]),body.ltr .menu li>a[data-icon]:before,body.ltr .menu li>button [data-icon]:before,body.ltr .menu li>button span.icon:not([data-icon]),body.ltr .menu li>button[data-icon]:before{margin-left:-1px}body.rtl .menu li>a [data-icon]:before,body.rtl .menu li>a span.icon:not([data-icon]),body.rtl .menu li>a[data-icon]:before,body.rtl .menu li>button [data-icon]:before,body.rtl .menu li>button span.icon:not([data-icon]),body.rtl .menu li>button[data-icon]:before{margin-right:-1px}body.ltr .menu li>a [data-icon]:before,body.ltr .menu li>a span.icon:not([data-icon]),body.ltr .menu li>a[data-icon]:before,body.ltr .menu li>button [data-icon]:before,body.ltr .menu li>button span.icon:not([data-icon]),body.ltr .menu li>button[data-icon]:before{margin-right:9px}body.rtl .menu li>a [data-icon]:before,body.rtl .menu li>a span.icon:not([data-icon]),body.rtl .menu li>a[data-icon]:before,body.rtl .menu li>button [data-icon]:before,body.rtl .menu li>button span.icon:not([data-icon]),body.rtl .menu li>button[data-icon]:before{margin-left:9px}.menu li>a [data-icon]:before,.menu li>a[data-icon]:before,.menu li>button [data-icon]:before,.menu li>button[data-icon]:before{color:var(--ui-control-color);font-size:14px;position:relative;text-align:center;top:-2px}.menu li>a span.icon:not([data-icon]) svg,.menu li>button span.icon:not([data-icon]) svg{display:block;height:100%;position:relative;top:1px;width:100%}.menu li>a span.icon:not([data-icon]) svg circle,.menu li>a span.icon:not([data-icon]) svg ellipse,.menu li>a span.icon:not([data-icon]) svg line,.menu li>a span.icon:not([data-icon]) svg path,.menu li>a span.icon:not([data-icon]) svg polygon,.menu li>a span.icon:not([data-icon]) svg polyline,.menu li>a span.icon:not([data-icon]) svg rect,.menu li>a span.icon:not([data-icon]) svg text,.menu li>button span.icon:not([data-icon]) svg circle,.menu li>button span.icon:not([data-icon]) svg ellipse,.menu li>button span.icon:not([data-icon]) svg line,.menu li>button span.icon:not([data-icon]) svg path,.menu li>button span.icon:not([data-icon]) svg polygon,.menu li>button span.icon:not([data-icon]) svg polyline,.menu li>button span.icon:not([data-icon]) svg rect,.menu li>button span.icon:not([data-icon]) svg text{fill:var(--icon-color,var(--ui-control-color));stroke-width:0}.menu li>a.error [data-icon]:before,.menu li>a.error[data-icon]:before,.menu li>button.error [data-icon]:before,.menu li>button.error[data-icon]:before{color:var(--error-color)}.menu li>a.error span.icon:not([data-icon]) svg circle,.menu li>a.error span.icon:not([data-icon]) svg ellipse,.menu li>a.error span.icon:not([data-icon]) svg line,.menu li>a.error span.icon:not([data-icon]) svg path,.menu li>a.error span.icon:not([data-icon]) svg polygon,.menu li>a.error span.icon:not([data-icon]) svg polyline,.menu li>a.error span.icon:not([data-icon]) svg rect,.menu li>a.error span.icon:not([data-icon]) svg text,.menu li>button.error span.icon:not([data-icon]) svg circle,.menu li>button.error span.icon:not([data-icon]) svg ellipse,.menu li>button.error span.icon:not([data-icon]) svg line,.menu li>button.error span.icon:not([data-icon]) svg path,.menu li>button.error span.icon:not([data-icon]) svg polygon,.menu li>button.error span.icon:not([data-icon]) svg polyline,.menu li>button.error span.icon:not([data-icon]) svg rect,.menu li>button.error span.icon:not([data-icon]) svg text{fill:var(--error-color);stroke-width:0}.menu:not(.menu--disclosure) ul li .menu-item:not(.sel):not(.disabled):hover,.menu:not(.menu--disclosure) ul li .menu-option:not(.sel):not(.disabled):hover,.menu:not(.menu--disclosure) ul li a:not(.sel):not(.disabled):hover,.menu:not(.menu--disclosure):not(:hover) ul li .menu-item:not(.sel):not(.disabled).hover,.menu:not(.menu--disclosure):not(:hover) ul li .menu-option:not(.sel):not(.disabled).hover,.menu:not(.menu--disclosure):not(:hover) ul li a:not(.sel):not(.disabled).hover{background-color:#f3f7fc;color:#3f4d5a}body.ltr .menu .h6.padded,body.ltr .menu h6.padded,body.ltr .menu hr.padded{margin-left:20px}body.rtl .menu .h6.padded,body.rtl .menu h6.padded,body.rtl .menu hr.padded{margin-right:20px}.menu--disclosure ul li>.menu-item:hover,.menu--disclosure ul li>.menu-option:hover,.menu--disclosure ul li>a:not(.crumb-link):hover{background-color:#f3f7fc;color:#3f4d5a}body.reduce-focus-visibility .menu--disclosure ul li>.menu-item:focus-visible,body.reduce-focus-visibility .menu--disclosure ul li>.menu-option:focus-visible,body.reduce-focus-visibility .menu--disclosure ul li>a:not(.crumb-link):focus-visible,body:not(.reduce-focus-visibility) .menu--disclosure ul li>.menu-item:focus,body:not(.reduce-focus-visibility) .menu--disclosure ul li>.menu-option:focus,body:not(.reduce-focus-visibility) .menu--disclosure ul li>a:not(.crumb-link):focus{box-shadow:inset 0 0 0 3px hsla(var(--dark-focus-hsl),.7)}.tagselect .elements{display:inline}.tagselect .chip.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 .chip,body.rtl .tagselect.elementselect .chip{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}.selectize-control.single .selectize-input:not(.no-arrow):after{display:none}.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:calc(var(--large-border-radius) - 1px)}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:calc(var(--large-border-radius) - 1px)}.border-box,.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;-moz-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.ltr .multitext .multitextrow:first-child .text:last-child,body.rtl .multitext .multitextrow:first-child .text:first-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.ltr .multitext .multitextrow:last-child .text:last-child,body.rtl .multitext .multitextrow:last-child .text:first-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:-1.6875rem 7px 0 0}body.rtl .chars-left{margin:-1.6875rem 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{border-radius:1px;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);box-shadow:0 0 5px rgba(36,99,235,.15)}.field>.status-badge.outdated{background-color:var(--pending-color);box-shadow:0 0 5px rgba(251,146,60,.15)}.field>.heading{align-items:center;display:flex;flex-wrap:wrap;margin-bottom:5px;margin-top:-5px;position:relative}.field>.heading>label,.field>.heading>legend{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);position:relative;top:-.0625rem}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{margin:5px 0 0}.field>.input input:disabled,.field>.input textarea:disabled{cursor:not-allowed}.field>.notice,.field>.warning{margin:5px 0 0}.checkboxfield .instructions,.field>.heading>.instructions,.field>.instructions{color:var(--custom-text-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;line-height:1rem;min-height:1rem;position:relative}body.ltr div.checkbox,body.ltr input.checkbox+label{padding-left:calc(1rem + 5px)}body.rtl div.checkbox,body.rtl input.checkbox+label{padding-right:calc(1rem + 5px)}div.checkbox,div.checkbox:before,input.checkbox+label,input.checkbox+label:before{border-radius:var(--small-border-radius)}div.checkbox:before,input.checkbox+label:before{background-clip:padding-box;background-color:#fbfcfe;border:1px solid rgba(96,125,159,.4);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}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 .info,input.checkbox+label .info{height:16px}.disabled div.checkbox,input.checkbox:disabled+label{cursor:not-allowed}.elementselectormodal .body .content .main .elements .disabled .checkbox:before,.sel div.checkbox:before,div.checkbox.checked:before,div.checkbox.indeterminate:before,input.checkbox:checked+label:before,input.checkbox:indeterminate+label:before{font-family:Craft;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;color:var(--gray-900);line-height:var(--checkbox-size);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.elementselectormodal .body .content .main .elements .disabled .checkbox:before,.sel.matrixblock>.actions div.checkbox:not(.indeterminate):before,.sel:not(.matrixblock) div.checkbox:not(.indeterminate):before,div.checkbox.checked:not(.indeterminate):before,input.checkbox:checked:not(:indeterminate)+label:before{content:"check";font-size:14px}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)}.checkbox-icon{background-color:var(--enabled-color);border-radius:var(--small-border-radius);color:var(--white);display:inline-flex;padding:3px}.checkbox-icon:before{--checkbox-size:14px;font-family:Craft;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;content:"check";font-size:var(--checkbox-size);line-height:var(--checkbox-size);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body.reduce-focus-visibility .monaco-mouse-cursor-text:focus-visible,body:not(.reduce-focus-visibility) .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:calc(1rem + 5px)}body.rtl .checkboxfield .instructions,body.rtl .checkboxfield .notice,body.rtl .checkboxfield .warning{padding-right:calc(1rem + 5px)}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:calc(1rem + 5px)}body.rtl div.radio,body.rtl input.radio+label{padding-right:calc(1rem + 5px)}.disabled div.radio,input.radio:disabled+label{cursor:not-allowed}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;top:50%;transform:translateY(-50%);width:var(--radio-size)}div.radio:after,input.radio+label:after{height:calc(var(--radio-size) - 8px);left:4px;top:50%;transform:translateY(-50%);width:calc(var(--radio-size) - 8px)}.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;-moz-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:2.125rem}.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,td.errors .text{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:calc(50% - .4375rem)}body.ltr .texticon.icon:before{left:9px}body.rtl .texticon.icon:before{right:9px}.texticon .texticon-icon{align-items:center;display:flex;justify-content:center;position:absolute;top:1.0625rem;transform:translateY(-50%)}body.ltr .texticon .texticon-icon{left:9px}body.rtl .texticon .texticon-icon{right:9px}body.ltr .texticon .text{padding-left:1.625rem}body.rtl .texticon .text{padding-right:1.625rem}.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:1.0625rem;transform:translateY(-50%)}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:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;color:var(--medium-text-color);content:"filter";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.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,.texticon.has-filter-btn .filter-btn[aria-expanded=true]{background-color:var(--gray-350)}.texticon.has-filter-btn .filter-btn.active:before,.texticon.has-filter-btn .filter-btn:active:before,.texticon.has-filter-btn .filter-btn[aria-expanded=true]:before{color:var(--white)}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{flex-direction:row;flex-wrap:nowrap;gap:5px}.clear-btn,.datetimewrapper{align-items:center;display:flex}.clear-btn{background:transparent;border:none;color:var(--ui-control-color);cursor:pointer;justify-content:center;padding:0;width:24px}.clear-btn:before{font-family:Craft;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;content:"remove";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.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%;position:absolute;top:50%;width:2px}.close-btn:before{transform:translate(-50%,-50%) rotate(-45deg)}.close-btn:after{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:-moz-placeholder-shown+div[data-icon],.timewrapper .text:-moz-placeholder-shown+div[data-icon]{color:var(--light-text-color);display:block;position:absolute;top:calc(50% - 12px);z-index:0}.datewrapper .text:-ms-input-placeholder+div[data-icon],.timewrapper .text:-ms-input-placeholder+div[data-icon]{color:var(--light-text-color);display:block;position:absolute;top:calc(50% - 12px);z-index:0}.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:-moz-placeholder-shown+div[data-icon],body.ltr .timewrapper .text:-moz-placeholder-shown+div[data-icon]{left:14px}body.ltr .datewrapper .text:-ms-input-placeholder+div[data-icon],body.ltr .timewrapper .text:-ms-input-placeholder+div[data-icon]{left:14px}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:-moz-placeholder-shown+div[data-icon],body.rtl .timewrapper .text:-moz-placeholder-shown+div[data-icon]{right:14px}body.rtl .datewrapper .text:-ms-input-placeholder+div[data-icon],body.rtl .timewrapper .text:-ms-input-placeholder+div[data-icon]{right: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:-moz-placeholder-shown+div[data-icon],.datewrapper .text:-moz-placeholder-shown+div[data-icon]:before,.timewrapper .text:-moz-placeholder-shown+div[data-icon],.timewrapper .text:-moz-placeholder-shown+div[data-icon]:before{pointer-events:none;-moz-user-select:none;user-select:none;z-index:1}.datewrapper .text:-ms-input-placeholder+div[data-icon],.datewrapper .text:-ms-input-placeholder+div[data-icon]:before,.timewrapper .text:-ms-input-placeholder+div[data-icon],.timewrapper .text:-ms-input-placeholder+div[data-icon]:before{pointer-events:none;-ms-user-select:none;user-select:none;z-index:1}.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;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1}.datewrapper{width:8em}.timewrapper{width:7em}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--gray-400)}input:-ms-input-placeholder,textarea:-ms-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{align-items:center;display:flex;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 .125rem .125rem 0;color:var(--ui-control-color);content:"";display:block;font-size:0;height:.4375rem;opacity:.8;pointer-events:none;position:relative;position:absolute;top:calc(50% - 5px);transform:rotate(45deg);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:.4375rem;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;-moz-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}.custom-select.disabled,.selectize-control .selectize-input.disabled{cursor:not-allowed!important;opacity:1;pointer-events:auto!important}.custom-select.disabled *,.selectize-control .selectize-input.disabled *{cursor:not-allowed!important;pointer-events:auto!important}.selectize .selectize-input{background-color:transparent;border-color:inherit;box-shadow:none;display:block}.selectize .selectize-input .item{max-width:100%}.selectize .selectize-input .item span{overflow:hidden;text-overflow:ellipsis}.selectize.select .selectize-input:after{display:none}body .selectize-dropdown{border:none;z-index:101}.selectize.select{height:34px}.selectize.select input::-moz-placeholder,.selectize.select textarea::-moz-placeholder{color:var(--gray-700)}.selectize.select input:-ms-input-placeholder,.selectize.select textarea:-ms-input-placeholder{color:var(--gray-700)}.selectize.select input::placeholder,.selectize.select textarea::placeholder{color:var(--gray-700)}.selectize.select:not(.fullwidth){max-width:100%;width:25em}.datetimewrapper .selectize.select:not(.fullwidth){max-width:calc(100% - 29px)}.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 .125rem .125rem 0;color:var(--ui-control-color);content:"";display:block;font-size:0;height:.4375rem;opacity:.8;pointer-events:none;position:relative;position:absolute;top:calc(50% - 5px);transform:rotate(45deg);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:.4375rem;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;-moz-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:inline-flex;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{font-family:Craft;font-size:14px;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;content:"remove";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body .selectize-dropdown{margin-top:1px}body .selectize-dropdown .optgroup-header,body .selectize-dropdown .option,body .selectize-dropdown [data-selectable]{color:#3f4d5a;margin:0 -14px;padding:10px 14px;text-decoration:none;white-space:nowrap}body .selectize-dropdown .optgroup{padding-top:5px}body .selectize-dropdown .optgroup:not(:first-child){border-top:1px solid var(--hairline-color)}body .selectize-dropdown .optgroup .option{padding-left:24px}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:not(.selected),body .selectize-dropdown .option:hover{background-color:var(--gray-100)}body .selectize-dropdown .selected{background-color:#f3f7fc;color:#3f4d5a;cursor:default!important}body .selectize-dropdown .selected .light{color:inherit!important}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);max-height:70vh;overflow:auto;padding:0 14px;-webkit-user-select:none;-moz-user-select:none;-ms-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{font-family:Craft;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;content:"plus";margin-right:5px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body .selectize-dropdown-content>div[data-value=new]:after{content:"…"}body.no-scroll .selectize-dropdown-content{max-height:200px}.ui-datepicker{position:fixed;top:-300px;-padding:10px;height:242px;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{align-items:center;display:flex;height:20px;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 .125rem .125rem 0;content:"";display:block;font-size:0;height:.4375rem;opacity:.8;position:relative;width:.4375rem}body.ltr .ui-datepicker-prev:after{transform:rotate(135deg)}body.rtl .ui-datepicker-prev:after{transform:rotate(-45deg)}.ui-datepicker-next:after{border:solid;border-width:0 .125rem .125rem 0;content:"";display:block;font-size:0;height:.4375rem;opacity:.8;position:relative;width:.4375rem}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 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{background-color:var(--dark-sel-color);color:var(--white);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;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{background-color:var(--dark-sel-color);color:var(--white);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;cursor:default;font-weight:500}.slide-picker{display:flex;height:1rem;white-space:nowrap}.slide-picker a{background-image:none;border:1px solid var(--hairline-color);box-sizing:border-box;cursor:pointer;height:calc(1rem - 2px);margin-bottom:1px;margin-left:0;margin-top:1px;position:relative;width:calc(.5rem - 1px)}body.ltr .slide-picker a{border-left:none}body.rtl .slide-picker a{border-right:none}.slide-picker a:first-child{width:.5rem}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 a:before{content:"";height:var(--touch-target-size);left:-1px;position:absolute;top:calc(-.25rem - 1px);width:calc(100% + 2px)}.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:1rem;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)}.icon-picker{align-items:center;display:flex;flex-direction:row;gap:var(--xs)}.icon-picker--icon{align-items:center;background-clip:padding-box;background-color:#fbfcfe;background:var(--gray-050);border:1px solid rgba(96,125,159,.25);border-radius:3px;border-radius:var(--ui-control-border-radius);display:flex;height:var(--ui-control-height);justify-content:center;width:var(--ui-control-height)}.icon-picker--icon svg{height:1.25rem;width:1.25rem}.icon-picker--icon svg circle,.icon-picker--icon svg ellipse,.icon-picker--icon svg line,.icon-picker--icon svg path,.icon-picker--icon svg polygon,.icon-picker--icon svg polyline,.icon-picker--icon svg rect,.icon-picker--icon svg text{fill:var(--ui-control-color);stroke-width:0}.icon-picker-modal{--width:calc(var(--ui-control-height)*10 + var(--s)*9 + var(--xl)*2);max-width:calc(100% - 20px)!important;min-width:0!important;width:var(--width)!important}.icon-picker-modal .body{display:flex;flex-direction:column;gap:var(--l);height:100%}.icon-picker-modal .body .icon-picker-modal--list{flex:1;overflow:hidden;position:relative}.icon-picker-modal .body .icon-picker-modal--list:not(.loading) .spinner{display:none}.icon-picker-modal .body .icon-picker-modal--list.loading:after{background-color:hsla(0,0%,100%,.75);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.icon-picker-modal .body .icon-picker-modal--list.loading .spinner{top:calc(50% - 10px);z-index:1}.icon-picker-modal .body .icon-picker-modal--list ul{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--s);justify-content:start;max-height:100%;overflow:auto}.icon-picker-modal .body .icon-picker-modal--list ul .icon-picker--icon{--focus-ring:var(--inner-focus-ring)}.icon-picker-modal .body .icon-picker-modal--list ul .icon-picker--icon:hover{background-color:var(--blue-100);border-color:var(--link-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}body.setup-2fa{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100%}body.setup-2fa #setup-2fa{display:flex;flex-direction:column;gap:var(--l);max-width:100%;padding:var(--padding);width:550px}body.setup-2fa #setup-2fa #setup-2fa-intro{text-align:center}body.setup-2fa #setup-2fa #setup-2fa-btn{display:flex;justify-content:center}.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;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:#f3f7fc;color:#3f4d5a;cursor:pointer}.matrix>.buttons{margin-top:10px}.matrixblock{background-color:var(--white);border:2px solid var(--gray-100);border-radius:var(--large-border-radius);margin-bottom:10px;padding:0 var(--m) var(--m);position:relative}.matrixblock.static .titlebar{margin-bottom:14px}body.ltr .matrixblock.static .titlebar{padding-right:0}body.rtl .matrixblock.static .titlebar{padding-left:0}body.ltr .matrixblock.static .titlebar{padding-left:14px}body.rtl .matrixblock.static .titlebar{padding-right:14px}.matrixblock>.actions .action-btn,.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn){background-color:transparent;color:var(--custom-text-color,var(--ui-control-color));height:var(--touch-target-size);padding:0;width:var(--touch-target-size)}.matrixblock>.actions .action-btn:hover,.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn):hover{-webkit-backdrop-filter:brightness(90%);backdrop-filter:brightness(90%)}.matrixblock>.actions .action-btn:active,.matrixblock>.actions .action-btn[aria-expanded=true],.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn):active,.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn)[aria-expanded=true]{-webkit-backdrop-filter:brightness(85%);backdrop-filter:brightness(85%)}.matrixblock .flex-fields{--row-gap:var(--m)!important}.matrixblock>.titlebar{align-items:center;border-radius:calc(var(--large-border-radius) - 2px) calc(var(--large-border-radius) - 2px) 0 0;box-sizing:border-box;color:var(--custom-text-color,var(--light-text-color));display:grid;gap:var(--m);grid-template-columns:auto 1fr;margin:0 calc(var(--m)*-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;background-color:var(--gray-050);cursor:default;min-height:calc(var(--lh) + 10px);position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body.ltr .matrixblock>.titlebar{padding:5px calc(var(--m) + 70px) 5px var(--m)}body.rtl .matrixblock>.titlebar{padding:5px var(--m) 5px calc(var(--m) + 70px)}.matrixblock>.titlebar>.preview{flex-grow:1;min-width:0;opacity:0;overflow:hidden;transition:opacity .1s linear}.matrixblock>.titlebar>.preview:empty{display:none}body.ltr .matrixblock>.titlebar>.preview{-webkit-mask-image:linear-gradient(270deg,transparent,#000 12px);mask-image:linear-gradient(270deg,transparent,#000 12px)}body.rtl .matrixblock>.titlebar>.preview{-webkit-mask-image:linear-gradient(90deg,transparent,#000 12px);mask-image:linear-gradient(90deg,transparent,#000 12px)}.matrixblock>.titlebar>.preview span{opacity:.5}.matrixblock>.titlebar>.matrixblock-tabs{flex:1;margin:-5px 0;min-width:0}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs{margin:0}body.ltr .matrixblock>.titlebar>.matrixblock-tabs .pane-tabs{padding-right:3px}body.rtl .matrixblock>.titlebar>.matrixblock-tabs .pane-tabs{padding-left:3px}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs [role=tablist]{padding:0 12px}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs [role=tablist].scrollable{-webkit-mask-image:linear-gradient(90deg,transparent,#000 12px,#000 calc(100% - 12px),transparent);mask-image:linear-gradient(90deg,transparent,#000 12px,#000 calc(100% - 12px),transparent)}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs [role=tablist] [role=tab]{background-color:transparent}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs [role=tablist] [role=tab] .tab-label{height:calc(var(--lh) + 10px);padding:0 var(--m)}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn){margin-left:0;margin-right:0}body.ltr .matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn):not(:empty):not(.btn-empty):after{margin-left:0}body.rtl .matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn):not(:empty):not(.btn-empty):after{margin-right:0}body.ltr .matrixblock>.titlebar>.preview:first-child:empty+.matrixblock-tabs{margin-left:calc((var(--m) + 12px)*-1)}body.rtl .matrixblock>.titlebar>.preview:first-child:empty+.matrixblock-tabs{margin-right:calc((var(--m) + 12px)*-1)}body.ltr .matrixblock>.titlebar>.preview:first-child:empty+.matrixblock-tabs [role=tab]:first-child,body.ltr .matrixblock>.titlebar>.preview:first-child:empty+.matrixblock-tabs [role=tab]:first-child .tab-label{border-top-left-radius:calc(var(--large-border-radius) - 2px)}body.rtl .matrixblock>.titlebar>.preview:first-child:empty+.matrixblock-tabs [role=tab]:first-child,body.rtl .matrixblock>.titlebar>.preview:first-child:empty+.matrixblock-tabs [role=tab]:first-child .tab-label{border-top-right-radius:calc(var(--large-border-radius) - 2px)}body.ltr .matrixblock.disabled-entry>.titlebar{padding-right:100px}body.rtl .matrixblock.disabled-entry>.titlebar{padding-left:100px}.matrixblock.disabled-entry>.actions>.status.off{display:block}.matrixblock.collapsed>.titlebar{border-radius:calc(var(--large-border-radius) - 2px)}.matrixblock.collapsed>.titlebar>.preview{opacity:1}.matrixblock>.actions{align-items:center;cursor:default;display:flex;gap:var(--xs);min-height:calc(var(--lh) + 10px);position:absolute;top:0}body.ltr .matrixblock>.actions{right:var(--m)}body.rtl .matrixblock>.actions{left:var(--m)}.matrixblock>.actions>*{margin:0!important}.matrixblock>.actions>.status.off{display:none}.matrixblock>.actions a:not([data-action]){color:var(--dark-hairline-color);height:var(--touch-target-size);padding:0;text-align:center;transform:color linear .1s}.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:var(--l)}.matrixblock>.fields>.flex-fields>.field:before{display:none}body.ltr .matrixblock>.fields>.flex-fields>.field>.status-badge{left:-2px}body.rtl .matrixblock>.fields>.flex-fields>.field>.status-badge{right:-2px}.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}body.sitepicker #main-content{align-items: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 (-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{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);--sidebar-width:226px;--global-sidebar-width:226px}html{-webkit-text-size-adjust:100%}body,html{min-height:100vh}body.dragging *{cursor:move!important;cursor:grabbing!important}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:flex;min-height:100vh;position:relative}@media screen and (prefers-reduced-motion:no-preference){body.ltr #global-container{transition:left .1s cubic-bezier(.33,1,.68,1)}body.rtl #global-container{transition:right .1s cubic-bezier(.33,1,.68,1)}}#system-info{align-items:center;background-clip:padding-box;border-bottom:1px solid var(--hairline-color);color:currentColor;display:grid;flex:0 0 2.8125rem;flex-direction:row;gap:10px;grid-template-columns:30px auto;height:2.8125rem;padding:0 10px;position:relative}#system-info:after{display:none}#system-info:focus,#system-info:hover{background-color:var(--gray-200);text-decoration:none}#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{display:-webkit-box;margin:0;max-height:40px;overflow:hidden;position:relative;width:100%;-webkit-box-orient:vertical;-webkit-line-clamp:2}@media only screen and (min-width:1200px){[data-sidebar=collapsed] #system-info:hover #system-name{opacity:1;transform:translateY(-50%) translateX(0)}[data-sidebar=collapsed] #system-name{background:#fff;border-radius:var(--medium-border-radius);box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);color:var(--text-color);left:calc(100% + var(--s)*2);opacity:0;padding:var(--xs) var(--s);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%) translateX(-5px);white-space:nowrap}[data-sidebar=collapsed] #system-name:focus{box-shadow:var(--focus-ring)}}@media only screen and (min-width:1200px)and (prefers-reduced-motion:no-preference){[data-sidebar=collapsed] #system-name{transition:opacity 50ms cubic-bezier(.33,1,.68,1),transform .15s cubic-bezier(.33,1,.68,1)}}#global-footer{align-items:center;display:flex;flex-direction:column;gap:var(--m);padding:var(--m) var(--m) var(--xl)}body.has-debug-toolbar #global-footer{padding-bottom:calc(var(--xl) + 42px)}#global-footer a{white-space:nowrap}#app-info{display:flex;flex-direction:row;gap:var(--m);justify-content:center}#trial-info{background-color:#dbe5f0;border-radius:var(--large-border-radius);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.5),0 0 0 1px #bdcbdb,0 2px 12px rgba(205,216,228,.5);padding:16px var(--xl);text-align:center}#app-version{align-items:center;color:var(--gray-600);display:flex;font-size:12px;gap:var(--s);justify-content:center;text-align:center}#app-version a{text-decoration:underline}#app-version a,#app-version a.go:hover:after{color:var(--gray-600)}#edition-logo{border:1px solid var(--gray-600);border-radius:3px;box-sizing:content-box;display:inline-flex;font-size:11px;font-weight:600;letter-spacing:1.7px;line-height:8px;padding:6px 5px 6px 7px;position:relative;text-transform:uppercase;top:-1px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#devmode{background:url(../images/dev-mode.svg) repeat-x 21px 0;cursor:help;flex:0 0 4px;margin-top:auto;min-height:4px;width:100%}#page-container{display:flex;flex-direction:column;flex-grow:1}#alerts{background-color:var(--red-050);border-left:6px solid var(--error-color);color:var(--error-color);position:relative}#alerts>li{box-shadow:inset 0 -1px 0 0 var(--red-100);padding:10px 24px}#alerts>li .resolvable-alert-buttons{margin-top:var(--m)}#alerts>li .btn,#alerts>li a.go{align-items:center;border:1px solid rgba(220,38,38,.5);border-radius:var(--medium-border-radius);color:var(--error-color);display:inline-flex;height:1.875rem;margin:0 2px;padding:4px 5px}.flex #alerts>li .btn,.flex #alerts>li a.go{margin:0}#alerts>li .btn:hover,#alerts>li a.go:hover{border-color:var(--error-color)}#alerts>li a:not(.btn){color:var(--error-color);text-decoration:underline}#alerts>li a:not(.btn).go{text-decoration:none;white-space:nowrap}#alerts>li a:not(.btn).go:after{color:var(--error-color);font-size:15px;margin-top:1px}#alerts>li .btn{background-color:transparent}#global-header .btn.menubtn,.btn.action-btn,li.crumb .btn.menubtn{height:var(--touch-target-size);padding:0;width:var(--touch-target-size)}#global-header .btn.menubtn:not(:hover):not(:active):not([aria-expanded=true]),.btn.action-btn:not(:hover):not(:active):not([aria-expanded=true]),li.crumb .btn.menubtn:not(:hover):not(:active):not([aria-expanded=true]){background-color:transparent}#global-header{border-bottom:1px solid var(--hairline-color);margin-bottom:var(--m);width:100%}#global-header .flex{align-items:center;height:2.75rem}#global-header .btn{--ui-control-color:var(--gray-400);--ui-control-hover-color:var(--gray-800);--ui-control-active-color:var(--gray-700)}#global-header .btn:hover{color:var(--ui-control-hover-color)}.nav-toggle{align-items:center;border-right:1px solid var(--medium-hairline-color);color:currentColor;display:flex;height:2.75rem;justify-content:center;line-height:26px;min-width:44px;text-align:center;width:44px}.nav-toggle:before{font-family:Craft;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;content:"menu";font-size:16px;line-height:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.nav-toggle:hover{color:var(--link-color)}#crumbs{align-items:center;display:flex;flex-direction:row;font-size:13px;margin:0!important;max-width:100%;overflow:hidden}#crumbs.empty{display:none}#crumbs nav{margin:0}#primary-nav-toggle:focus-visible{box-shadow:var(--inner-focus-ring)}#crumb-list{align-items:stretch;display:flex;flex-direction:row;flex-wrap:nowrap;height:2.75rem;max-width:100%;--arrow-padding:10;--arrow-height:22;--arrow-angle:35;--arrow-width:17.1111;--arrow-c:27.871}body.rtl #crumb-list{--arrow-angle:-35;--arrow-width:-19.4444}#crumb-list li.crumb{color:var(--light-text-color);cursor:default;position:relative}body.ltr #crumb-list li.crumb{padding-left:calc(var(--arrow-width)*.5rem/16)}body.rtl #crumb-list li.crumb{padding-right:calc(var(--arrow-width)*.5rem/16)}body.ltr #crumb-list li.crumb:not(.current){padding-right:calc(var(--arrow-width)*1rem/16)}body.rtl #crumb-list li.crumb:not(.current){padding-left:calc(var(--arrow-width)*1rem/16)}#crumb-list li.crumb:not(.current):after,#crumb-list li.crumb:not(.current):before{background:var(--medium-hairline-color);content:"";display:block;height:calc(var(--arrow-c)*1rem/16);pointer-events:none;position:absolute;width:1px}body.ltr #crumb-list li.crumb:not(.current):after,body.ltr #crumb-list li.crumb:not(.current):before{right:calc(var(--arrow-width)*.5rem/16)}body.rtl #crumb-list li.crumb:not(.current):after,body.rtl #crumb-list li.crumb:not(.current):before{left:calc(var(--arrow-width)*.5rem/16)}#crumb-list li.crumb:not(.current):before{top:calc((var(--arrow-height) - var(--arrow-c))/2*1rem/16);transform:rotate(calc(var(--arrow-angle)*-1deg))}#crumb-list li.crumb:not(.current):after{bottom:calc((var(--arrow-height) - var(--arrow-c))/2*1rem/16);transform:rotate(calc(var(--arrow-angle)*1deg))}#crumb-list .menu--disclosure li{display:block}#crumb-list .menu--disclosure li:after{content:none}#crumb-menu-trigger{min-width:var(--touch-target-size)}#crumb-menu-trigger:before{width:100%}#crumb-menu .chip{min-height:44px}li.crumb{align-items:center;display:flex;flex-wrap:nowrap;gap:var(--xs)}li.crumb [data-icon]{position:relative;top:-1px}li.crumb .menubtn{margin:0 calc(var(--xs)*-1/2);position:relative}li.crumb [data-icon=ellipsis]:before{font-size:17px;margin-top:3px}li.crumb .chip{background-color:transparent;padding:0;--custom-bg-color:initial!important;--custom-text-color:initial!important;--custom-sel-bg-color:initial!important}li.crumb .chip .label-link{max-width:15em}li.crumb .chip .label-link:focus-visible{box-shadow:var(--inner-focus-ring)}li.crumb .chip .label-link span:not(.context-label){display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}li.crumb:has(.menubtn)>a{margin-right:0!important;padding-right:var(--xs)!important}li.crumb>a{align-items:center;display:flex!important;flex:1;flex-wrap:nowrap;gap:var(--xs);white-space:nowrap}.menu--disclosure li.crumb>a{min-height:34px}li.crumb a,li.crumb button{align-items:center;display:inline-flex;min-height:var(--touch-target-size)}li.crumb a:not(:hover),li.crumb button:not(:hover){color:var(--text-color)}li.crumb a:hover,li.crumb button:hover{text-decoration:none}li.crumb a{position:relative}li.crumb button{cursor:pointer}li.breadcrumb-toggle-wrapper:after{content:none}#account-menu ul li a{max-width:calc(100% + 28px)!important}#announcements-btn{height:1.875rem;padding-left:0;padding-right:0;position:relative;width:1.875rem;width:calc(1.75rem + 10px)}#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:50%;content:"";display:block;height:.4375rem;position:absolute;top:.1875rem;width:.4375rem}body.ltr #announcements-btn.unread:after{right:5px}body.rtl #announcements-btn.unread:after{left:5px}#announcements-btn svg{height:1rem;width:1rem}#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(--ui-control-active-color);stroke-width:0}#announcements{max-width:350px}#announcements .announcement:not(:first-child){margin-top:20px}#announcements .announcement .announcement-label-container{align-items:center;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.unread .announcement__heading: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 .announcement__heading:after{left:-13px}body.rtl #announcements .announcement.unread .announcement__heading:after{right:-13px}#announcements .announcement p{margin:0}#announcements .announcement__header{display:grid}#announcements .announcement__heading{margin:0 0 3px;order:1;position:relative}#user-info{align-items:center;background-color:transparent;border-radius:0;display:flex;flex-direction:row;height:100%;padding-bottom:5px;padding-top:5px}body.ltr #user-info{padding-left:var(--s)}body.rtl #user-info{padding-right:var(--s)}body.ltr #user-info{padding-right:calc(var(--padding) + 1px)}body.rtl #user-info{padding-left:calc(var(--padding) + 1px)}#user-info:after{border-color:var(--ui-control-color);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 img,.header-photo svg{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:1.875rem;max-width:none;transition:box-shadow .15s linear;width:1.875rem}#user-info:hover .header-photo img,#user-info:hover .header-photo svg{box-shadow:0 0 0 1px rgba(31,41,51,.05),0 2px 10px -2px rgba(31,41,51,.3)}#main-container{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}body.has-debug-toolbar #notifications{bottom:50px}@media only screen and (min-width:974px){#notifications{width:350px}}#notifications .notification{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:flex;padding:10px 14px;position:relative;--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{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:flex;flex:1}#notifications .notification .notification-body .notification-message{font-weight:700;overflow-wrap:anywhere;word-break:normal}#notifications .notification .notification-body .notification-details{margin-top:var(--xs)}#notifications .notification .notification-body .notification-details .chip{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)}@media only screen and (min-width:1200px){#primary-nav-toggle{display:none}body.ltr #crumbs.empty+.context-menu-container,body.ltr #crumbs:not(.empty) #primary-nav-toggle+nav ul li:first-child{margin-left:var(--padding)}body.rtl #crumbs.empty+.context-menu-container,body.rtl #crumbs:not(.empty) #primary-nav-toggle+nav ul li:first-child{margin-right:var(--padding)}body.ltr #crumbs.empty+.context-menu-container,body.ltr #crumbs:not(.empty) #primary-nav-toggle+nav ul li:first-child{padding-left:0}body.rtl #crumbs.empty+.context-menu-container,body.rtl #crumbs:not(.empty) #primary-nav-toggle+nav ul li:first-child{padding-right:0}}#global-header .flex,#header .flex{max-width:100%}#global-header .flex.flex-nowrap,#header .flex.flex-nowrap{min-width:0}#header{align-content:stretch;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:flex;flex-wrap:nowrap;gap:var(--s);justify-content:space-between;padding:5px var(--padding);position:relative;transition:background-color .1s linear,box-shadow .1s linear;z-index:2}body.fixed-header #header{background-color:var(--gray-100);box-shadow: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;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{align-items:flex-start;flex:1;justify-content:space-between}#toolbar .icon:before,#toolbar .menubtn:after,#toolbar .texticon:before,#toolbar [data-icon-after]:after,#toolbar [data-icon]:before{color:currentColor;opacity:.8}#toolbar .text{border-radius:var(--large-border-radius)}#toolbar .text:-ms-input-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}@media only screen and (max-width:400px){#action-buttons .btngroup .btn:first-child{flex-basis:100%}}@media only screen and (max-width:973px){#action-buttons{margin-top:10px}}#main-content{align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:row;padding:0 var(--padding) 48px}#main-content>.grid:only-child{flex:1}#sidebar-toggle-container{display:none}#sidebar-container{box-sizing:border-box;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 var(--m);position:relative;width:226px}#sidebar.fixed{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{flex:1 1 auto;width:400px}#content-heading{margin-top:var(--xl)!important}@media only screen and (min-width:974px){#content-heading{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}}.content-pane{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) var(--padding);position:relative;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,.footer{line-height:2rem;min-height:44px;padding:6px var(--pane-padding,var(--xl))}#footer .buttons,.footer .buttons{align-items:center;display:flex;height:32px}#footer .btn,.footer .btn{height:var(--ui-control-height--small);padding-bottom:4px;padding-top:4px}#footer{background-color:var(--gray-050);border-radius:var(--small-border-radius);bottom:0;box-sizing:border-box;margin:calc(var(--xl) + 1px) calc(var(--padding)*-1 + 2px) calc(var(--xl)*-1 + 2px);position:sticky;z-index:1}#footer:empty{display:none}#footer.stuck{border-radius:0}@supports((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){#footer.stuck{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(228,237,246,.75)}}.has-debug-toolbar #footer{transition:padding .1s linear}.has-debug-toolbar #footer.stuck{padding-bottom:52px}#footer .flex>*,#footer>*{margin-bottom:0}#details-container{box-sizing:border-box;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;z-index:1}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}#details .details{padding-bottom:calc(var(--xl) + 11.5em)}#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:var(--large-border-radius);padding-bottom:var(--m);padding-top:var(--m)}@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,#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}#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}#details .details{margin-bottom:auto}}@media only screen and (max-width:767px){:root{--padding:var(--s);--neg-padding:calc(var(--s)*-1)}#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}.card-grid{display:flex!important;flex-direction:column}}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:0 var(--xl);position:relative}.sidebar .heading:not(:first-child){margin-top:var(--m)}.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 .heading>ul{margin:2px calc(var(--xl)*-1)}.sidebar nav{padding:0 var(--s)}body.ltr .sidebar nav>ul>li.heading>ul>li>a,body.ltr .sidebar nav>ul>li:not(.heading)>a{padding-left:24px}body.rtl .sidebar nav>ul>li.heading>ul>li>a,body.rtl .sidebar nav>ul>li:not(.heading)>a{padding-right:24px}body.ltr .sidebar nav>ul>li.heading>ul>li>.toggle,body.ltr .sidebar nav>ul>li:not(.heading)>.toggle{left:calc(var(--m)*0)}body.rtl .sidebar nav>ul>li.heading>ul>li>.toggle,body.rtl .sidebar nav>ul>li:not(.heading)>.toggle{right:calc(var(--m)*0)}body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>a,body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>a{padding-left:38px}body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>a,body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>a{padding-right:38px}body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>.toggle,body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>.toggle{left:calc(var(--m)*1)}body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>.toggle,body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>.toggle{right:calc(var(--m)*1)}body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>a,body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>a{padding-left:52px}body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>a,body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>a{padding-right:52px}body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>.toggle,body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>.toggle{left:calc(var(--m)*2)}body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>.toggle,body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>.toggle{right:calc(var(--m)*2)}body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>a,body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>a{padding-left:66px}body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>a,body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>a{padding-right:66px}body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle,body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>.toggle{left:calc(var(--m)*3)}body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle,body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>.toggle{right:calc(var(--m)*3)}body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>a,body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>a{padding-left:80px}body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>a,body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>a{padding-right:80px}body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle,body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle{left:calc(var(--m)*4)}body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle,body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>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}.sidebar nav li:not(.has-subnav)>a.active-drop-target,.sidebar nav li:not(.has-subnav)>a.sel{background-color:var(--gray-500);cursor:default}.sidebar nav li:not(.has-subnav)>a.active-drop-target,.sidebar nav li:not(.has-subnav)>a.active-drop-target+.toggle,.sidebar nav li:not(.has-subnav)>a.sel,.sidebar nav li:not(.has-subnav)>a.sel+.toggle{color:var(--white)}.sidebar nav li:not(.has-subnav)>a.sel{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:500}.sidebar nav li a{align-items:center;border-radius:var(--large-border-radius);box-sizing:border-box;color:var(--text-color);display:flex;flex-direction:row;margin-bottom:1px;min-height:var(--xl);padding:7px var(--xl);position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;word-break:break-word}.sidebar nav li a .status{flex-shrink:1}.sidebar nav li a .icon{flex-shrink:1;height:1.125rem;opacity:.85;position:relative;top:1px;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:1rem;width:1rem}.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{background-color:var(--medium-text-color);border-radius:var(--s);color:var(--white);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{align-items:center;display:flex;height:34px;justify-content:center;position:absolute;top:0;width:var(--xl);z-index:1}.sidebar nav li ul{display:none}.sidebar nav li.expanded>ul,.sidebar nav li.heading>ul{display:block}.error-summary{background-color:var(--gray-050);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-bottom:var(--l);padding:var(--l) var(--xl) var(--xl)}.error-summary .notification-icon{color:var(--error-color);float:left;margin:-2px 6px 0 0}.error-summary h2{margin-top:var(--xs)}.error-summary>ul.errors li,.error-summary>ul.errors li a{color:var(--text-color)}.error-summary>ul.errors li a em,.error-summary>ul.errors li em{font-weight:600}.error-summary>ul.errors li a:hover,.error-summary>ul.errors li:hover{color:var(--link-color)}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,.draghelper .flex-fields,.so-content .flex-fields{--row-gap:var(--xl);align-content:flex-start;display:flex;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>*,.draghelper .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,.draghelper .flex-fields>h2,.so-content .flex-fields>h2{flex:4 0 100%}#content :not(.meta)>.flex-fields>h2:not(:nth-child(-n+1 of :not(.hidden))),#content>.flex-fields>h2:not(:nth-child(-n+1 of :not(.hidden))),.draghelper .flex-fields>h2:not(:nth-child(-n+1 of :not(.hidden))),.so-content .flex-fields>h2:not(:nth-child(-n+1 of :not(.hidden))){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,.draghelper .flex-fields>.line-break,.draghelper .flex-fields>hr,.so-content .flex-fields>.line-break,.so-content .flex-fields>hr{flex:4 0 100%}#content :not(.meta)>.flex-fields>.line-break:not(:first-child),#content>.flex-fields>.line-break:not(:first-child),.draghelper .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,.draghelper .flex-fields>:not(h2):not(hr):not(.line-break),.draghelper .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,.draghelper .flex-fields>:not(h2):not(hr):not(.line-break):before,.draghelper .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 .draghelper .flex-fields>:not(h2):not(hr):not(.line-break):before,body.ltr .draghelper .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 .draghelper .flex-fields>:not(h2):not(hr):not(.line-break):before,body.rtl .draghelper .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,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-25,.draghelper.drag-in-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,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-50,.draghelper.drag-in-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,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-75,.draghelper.drag-in-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,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-25,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-50,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50{width:50%}}@media only screen and (min-width:1200px){.draghelper.drag-in-slideout .flex-fields>:not(h2):not(hr):not(.line-break).width-25,.draghelper.drag-in-slideout .flex-fields>:not(h2):not(hr):not(.line-break).width-50,.draghelper.drag-in-slideout .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25,.draghelper.drag-in-slideout .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50,.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%}}.global-sidebar{--is-always-visible:true;--prefix-size:30px;--prefix-ratio:1;display:flex;flex-direction:column;height:100vh;padding:0;position:sticky;top:0;z-index:100;-webkit-overflow-scrolling:touch;background-color:transparent;border-right:1px solid var(--hairline-color);width:var(--global-sidebar-width)}.global-sidebar a{text-decoration:none}.global-sidebar :not(.has-subnav)>a:not([href]),.global-sidebar>a:not([href]){background-color:transparent;cursor:default}@media only screen and (max-width:1199px){.global-sidebar{--is-always-visible:false}}.global-sidebar__nav{padding:var(--s) 0}.global-sidebar__footer{display:grid;gap:var(--s);margin-block-start:auto}.global-nav>ul{display:flex;flex-direction:column;gap:var(--s)}.global-nav>ul>li{position:relative}.nav-icon{align-items:center;aspect-ratio:1;display:inline-flex;flex-direction:column;justify-content:center;line-height:0;width:1rem;--thumb-size:1rem}.nav-icon>svg{height:100%;width:100%}.nav-icon>svg circle,.nav-icon>svg ellipse,.nav-icon>svg line,.nav-icon>svg path,.nav-icon>svg polygon,.nav-icon>svg polyline,.nav-icon>svg rect,.nav-icon>svg text{fill:currentColor;stroke-width:0}.nav-item{align-items:center;display:grid;grid-template-areas:". action trigger ." "subnav subnav subnav subnav";grid-template-columns:10px 1fr var(--prefix-size) 10px;width:100%}.nav-item>.sidebar-action{grid-area:action}[data-sidebar=collapsed] .nav-item{grid-template-areas:". action ." ". trigger ." "subnav subnav subnav";grid-template-columns:10px var(--prefix-size) 10px}.nav-item__trigger{--icon-size:10px;--trigger-size:var(--touch-target-size);display:flex;grid-area:trigger;z-index:1}.nav-item__trigger .menubtn{align-items:center;border:transparent;flex-direction:column;height:var(--trigger-size);justify-content:center;padding:0;width:var(--trigger-size)}.nav-item__trigger .menubtn:hover{background-color:var(--ui-control-bg-color)}.nav-item__trigger .menubtn[aria-expanded=true]:not(:hover){background-color:transparent}.nav-item__trigger .menubtn[aria-expanded=true]:after{border:solid;border-width:0 .125rem .125rem 0;content:"";display:block;font-size:0;height:.4375rem;opacity:.8;position:relative;top:2px;transform:rotate(225deg);width:.4375rem}.nav-item__trigger .menubtn:after{margin-left:0!important}.nav-item__subnav{--prefix-ratio:4/3;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;grid-area:subnav;white-space:nowrap}.nav-item__subnav.is-open{height:auto;margin:0;overflow:visible;padding:0;position:static;width:auto;clip:auto;white-space:normal}.badge{background-color:var(--medium-text-color);border-radius:var(--s);color:var(--white);display:inline-flex;flex-shrink:1;font-size:11px;height:1rem;justify-content:center;line-height:1rem;text-align:center;width:1.1rem}.sidebar-actions{padding:10px}.sidebar-action{--thumb-size:0.75rem;align-items:center;border-radius:var(--medium-border-radius);color:currentColor;cursor:pointer;display:flex;gap:7px;min-height:30px;position:relative;text-align:left;width:100%}.sidebar-action:before{content:"";height:80%;left:-10px;position:absolute;top:50%;transform:translateY(-50%);width:var(--xs)}.sidebar-action:focus-visible,.sidebar-action:hover{background-color:var(--gray-200)}.sidebar-action.sel:before{--indicator-size:6px;background-color:currentColor}.sidebar-action--sub{--indicator-size:4px;font-size:.9em;min-height:26px}.sidebar-action--sub:before{background-color:var(--gray-300);border-radius:100%;height:var(--indicator-size);left:calc(15px - var(--indicator-size)/2);top:50%;width:var(--indicator-size)}.sidebar-action--job{align-items:flex-start}.sidebar-action--job .sidebar-action__label{padding-block:var(--xs)}.sidebar-action--job[href]:hover{background-color:transparent}.sidebar-action--job[href]:hover .icon>span.icon>canvas#job-icon-hover{opacity:1}.sidebar-action--job .label{white-space:normal}.sidebar-action--job .progress-label{color:var(--gray-300);display:block;font-size:11px;line-height:1.5}.sidebar-action--job .nav-icon{display:block;height:16px;position:relative;width:16px}.sidebar-action--job .nav-icon>canvas{display:block;height:16px;position:absolute;width:16px}.sidebar-action--job .nav-icon>canvas#job-icon-hover{opacity:0}.sidebar-action__prefix{align-items:center;aspect-ratio:var(--prefix-ratio);display:flex;flex-shrink:0;justify-content:center;line-height:0;width:var(--prefix-size)}.sidebar-action__label{align-items:center;display:inline-flex;flex-grow:1;gap:var(--s);overflow:hidden;padding:0 var(--xs);text-overflow:ellipsis;white-space:nowrap}.sidebar-action__badge{display:flex;flex-direction:column;justify-content:center;margin-left:auto;padding:0 var(--s)}@media only screen and (min-width:1200px){[data-sidebar=collapsed] .global-sidebar{--global-sidebar-width:50px}[data-sidebar=collapsed] .nav-item__indicator{right:-1px}[data-sidebar=collapsed] .sidebar-action{min-height:30px;width:30px}[data-sidebar=collapsed] .sidebar-action:focus-visible .sidebar-action__label,[data-sidebar=collapsed] .sidebar-action:hover .sidebar-action__label{opacity:1;transform:translateY(-50%) translateX(0)}[data-sidebar=collapsed] .nav-item__trigger .menubtn{height:auto;padding-block:2px var(--xs);width:100%}[data-sidebar=collapsed] .sidebar-action__label{background:#fff;border-radius:var(--medium-border-radius);box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);color:var(--text-color);left:calc(100% + var(--xs)*2);opacity:0;padding:var(--xs) var(--s);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%) translateX(-5px);z-index:10}[data-sidebar=collapsed] .sidebar-action__label:focus{box-shadow:var(--focus-ring)}}@media only screen and (min-width:1200px)and (prefers-reduced-motion:no-preference){[data-sidebar=collapsed] .sidebar-action__label{transition:opacity 50ms cubic-bezier(.33,1,.68,1),transform .15s cubic-bezier(.33,1,.68,1)}}@media only screen and (min-width:1200px){[data-sidebar=collapsed] .sidebar-action__badge{bottom:var(--xs);padding:0;position:absolute;right:calc(var(--xs)*-1);transform:translateY(25%);z-index:100}[data-sidebar=collapsed] .sidebar-action--sub{min-height:26px}[data-sidebar=collapsed] .sidebar-action--sub:before{left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}[data-sidebar=collapsed] .global-nav>ul>li+li{--separator-width:28px}[data-sidebar=collapsed] .global-nav>ul>li+li:before{background-color:var(--hairline-color);content:"";height:1px;left:calc((var(--global-sidebar-width) - var(--separator-width))/2);margin:0 auto;position:absolute;top:calc(var(--s)/-2);width:var(--separator-width)}[data-sidebar=expanded] #sidebar-toggle-icon{transform:rotate(180deg)}}#sidebar-trigger{display:none}@media only screen and (min-width:1200px){#sidebar-trigger{display:flex}}.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:5px 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:68px}}.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:flex;flex-direction:column}.lp-editor-container .lp-editor{box-sizing:border-box;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}body.ltr .lp-editor-container .lp-editor .matrixblock>.fields>.flex-fields>.field>.status-badge{left:calc(var(--m)*-1)}body.rtl .lp-editor-container .lp-editor .matrixblock>.fields>.flex-fields>.field>.status-badge{right:calc(var(--m)*-1)}.lp-editor-container .lp-draghandle{cursor:col-resize;height:100%;position:absolute;top:0;width:4px;z-index:101}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:flex;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: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:44px}}.lp-preview-container .lp-preview-header .lp-device-type .btn:before{background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:block;height:22px;transition-duration:.3s;width:27px}.lp-preview-container .lp-preview-header .lp-device-type .btn.lp-device-type-btn--phone:before{background-image:url(../images/preview/icon-phone.svg)}.lp-preview-container .lp-preview-header .lp-device-type .btn.lp-device-type-btn--tablet:before{background-image:url(../images/preview/icon-tablet.svg)}.lp-preview-container .lp-preview-header .lp-device-type .btn.lp-device-type-btn--desktop:before{background-image:url(../images/preview/icon-desktop.svg)}.lp-preview-container .lp-device-type__label:before{background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:block;height:22px;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-preview-container__bumper-link{bottom:0;top:unset}.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;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;transform:none!important;width:auto!important}.lp-preview-container .lp-iframe-container--has-device-preview{background-color:var(--gray-100);flex:none;height:calc(100% - 44px);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:44px}}.lp-preview-container .lp-iframe-container--has-device-preview .lp-device-preview-container{left:50%;opacity:1;overflow:auto;position:absolute;top:50%;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;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{transition-duration:.3s;transition-property:transform}.lp-preview-container .lp-iframe-container--rotating .lp-device-preview-container{opacity:0;transition:opacity 0s}}.login-container .login-form-container{background-color:var(--gray-050)}.login-container .login-form input[readonly]{cursor:not-allowed}.login-container .login-form>.btn,.login-container .login-form>.field{margin-top:var(--l)}.login-container .login-form>.btn:not(:last-child):not(.last),.login-container .login-form>.field:not(:last-child):not(.last){margin-bottom:var(--l)}.login-container .login-form .btn{display:flex}.login-container .alternative-login-methods{margin-top:var(--m)}.login-container .alternative-login-methods .btn{width:100%}.login-container .login-alt-container button,.login-container .login-forgot-password{color:var(--medium-text-color);cursor:pointer!important;font-size:11px}.login-container .login-alt-container{margin:calc(var(--s) - var(--xl)) 0}.login-container .login-alt-container button{background-color:transparent;display:inline-flex;height:auto;min-height:var(--touch-target-size);padding:0;width:auto}.login-container .login-alt-container button:focus,.login-container .login-alt-container button:hover,.login-container .login-forgot-password:focus,.login-container .login-forgot-password:hover{color:var(--link-color)}.login-container .login-errors{color:var(--error-color);margin-top:1em;text-align:center}.login-alt-menu{z-index:1001}body.login{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100%}body.login main{max-width:100%;padding:var(--padding);width:calc(300px + var(--padding)*2)}body.login main h1{font-size:32px;line-height:40px;text-align:center;word-wrap:break-word}body.login main h1 #login-logo{height:auto;max-height:300px;width:100%}body.login #poweredby{display:block;margin-bottom:48px;margin-top:70px;opacity:.8;text-align:center}body.login #poweredby:active,body.login #poweredby:focus,body.login #poweredby:hover{opacity:1}body.login #poweredby>svg{display:inline-block}.modal.email-sent{width:300px}body.ltr .modal.email-sent .body{padding-left:68px}body.rtl .modal.email-sent .body{padding-right:68px}.modal.email-sent .body:before{font-family:Craft;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;color:var(--link-color);content:"mail";display:block;font-size:30px;position:absolute;top:24px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body.ltr .modal.email-sent .body:before{left:24px}body.rtl .modal.email-sent .body:before{right:24px}.login-modal{background:var(--gray-100);border-radius:var(--large-border-radius);max-width:calc(100% - 20px);width:calc(600px + var(--l)*2)}.login-modal .body{display:flex;flex-direction:row;padding:var(--l)}.login-modal .body .login-modal-form,.login-modal .body .login-modal-intro{max-width:100%;width:300px}.login-modal .body .login-modal-intro{padding:var(--m)}@media screen and (max-width:656px){.login-modal{border-radius:var(--large-border-radius)}.login-modal .body{flex-direction:column;gap:var(--m);overflow:auto;padding:var(--m)}.login-modal .body .login-modal-intro{padding:var(--xs) var(--xl)}.login-modal .body .login-modal-form{border-radius:0}}.layoutdesigner{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:flex;min-height:500px;overflow:hidden;position:relative}body.ltr .layoutdesigner{padding-right:265px}body.rtl .layoutdesigner{padding-left:265px}.errors>.layoutdesigner{border:1px solid var(--error-color)!important}.layoutdesigner .fld-workspace{background-color:var(--gray-050);background-image:linear-gradient(90deg,#ecf2f9 1px,transparent 0),linear-gradient(180deg,#ecf2f9 1px,transparent 0);background-position:-1px -1px;background-size:24px 24px;box-shadow:inset 0 1px 3px -1px #acbed2;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{align-items:flex-start;display:flex;flex-wrap:wrap}.layoutdesigner .fld-sidebar{display:flex;flex-direction:column;height:100%;padding:14px;position:absolute;top:0;width:265px}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{flex:1;margin:-3px;min-height:0;overflow:auto;padding:3px}.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)}.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:288px}body.ltr .fld-tab{padding:0 25px 24px 0}body.rtl .fld-tab{padding:0 0 24px 25px}.fld-tab .tabs{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:flex;gap:var(--xs);max-width:calc(100% - 10px);padding:8px 14px}body:not(.dragging) .fld-tab .tabs .tab.draggable{cursor:move;cursor:grab}.fld-tab .tabs .tab span{overflow:hidden;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:linear-gradient(90deg,#ecf2f9 1px,transparent 0),linear-gradient(180deg,#ecf2f9 1px,transparent 0);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-element{align-items:center;background-color:var(--white);border-radius:var(--medium-border-radius);box-shadow:inset 0 0 0 1px var(--hairline-color);display:flex;gap:var(--s);padding:var(--s);position:relative}body:not(.dragging) .fld-element{cursor:move;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:not(.draghelper){box-shadow:none}.fld-element.fld-field .field-name{display:flex;flex-direction:column;gap:var(--xs)}.fld-element .fld-element-icon{text-align:center}.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{flex:1;overflow:hidden}.fld-element .field-name .fld-attribute,.fld-element .field-name .fld-element-label{align-items:center;display:flex;flex:1}.fld-element .field-name .fld-attribute .smalltext,.fld-element .field-name .fld-element-label h4{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fld-element .field-name .fld-element-label h4{color:var(--text-color);font-weight:400;margin:0}.fld-br,.fld-hr{display:flex;flex:1;justify-content:center;position:relative}.fld-br:before,.fld-hr:before{border-radius:2px;content:"";display:block;font-size:0;height:4px;left:0;position:absolute;top:calc(50% - 2px);width:100%}.fld-br .smalltext,.fld-hr .smalltext{align-items:center;background-color:var(--gray-100);border-radius:var(--large-border-radius);display:flex;height:var(--touch-target-size);justify-content:center;padding:0 var(--s);position:relative}.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;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:flex;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{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{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;-webkit-user-select:none;-moz-user-select:none;-ms-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;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: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{align-items:stretch;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:flex;flex-direction:column;flex-grow:1;overflow:hidden;position:relative}.modal.imageeditor .body .image-container .image{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%}body.has-debug-toolbar .modal.imageeditor .footer{padding-bottom:50px}.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:calc(1rem + 5px)}body.rtl .modal.imageeditor .body .views .crop .custom{padding-right:calc(1rem + 5px)}.modal.imageeditor .body .views .crop .orientation{align-items:center;display:flex;justify-content:center}.modal.imageeditor .body .views .crop .orientation input{-webkit-appearance:none;-moz-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{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{border-bottom:1px solid #000;border-top:1px solid #000;display:flex;flex-direction:row;width:100%}.vertical.imageeditor .body .tabs ul li{border:0;border-right:1px solid #000;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:flex;flex-wrap:wrap;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;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: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{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)}.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;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1000000} +: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%;--gray-050:hsl(var(--gray-050-hsl));--gray-100:hsl(var(--gray-100-hsl));--gray-200:hsl(var(--gray-200-hsl));--gray-300:hsl(var(--gray-300-hsl));--gray-350:hsl(var(--gray-350-hsl));--gray-400:hsl(var(--gray-400-hsl));--gray-500:hsl(var(--gray-500-hsl));--gray-550:hsl(var(--gray-550-hsl));--gray-600:hsl(var(--gray-600-hsl));--gray-700:hsl(var(--gray-700-hsl));--gray-800:hsl(var(--gray-800-hsl));--gray-900:hsl(var(--gray-900-hsl));--gray-1000:hsl(var(--gray-1000-hsl));--red-050:#fef2f2;--red-100:#fee2e2;--red-200:#fecaca;--red-300:#fca5a5;--red-400:#f87171;--red-500:#ef4444;--red-600:#dc2626;--red-700:#b91c1c;--red-800:#991b1b;--red-900:#7f1d1d;--red-950:#450a0a;--orange-050:#fff7ed;--orange-100:#ffedd5;--orange-200:#fed7aa;--orange-300:#fdba74;--orange-400:#fb923c;--orange-500:#f97316;--orange-600:#ea580c;--orange-700:#c2410c;--orange-800:#9a3412;--orange-900:#7c2d12;--orange-950:#431407;--amber-050:#fffbeb;--amber-100:#fef3c7;--amber-200:#fde68a;--amber-300:#fcd34d;--amber-400:#fbbf24;--amber-500:#f59e0b;--amber-600:#d97706;--amber-700:#b45309;--amber-800:#92400e;--amber-900:#78350f;--amber-950:#451a03;--yellow-050:#fefce8;--yellow-100:#fef9c3;--yellow-200:#fef08a;--yellow-300:#fde047;--yellow-400:#facc15;--yellow-500:#eab308;--yellow-600:#ca8a04;--yellow-700:#a16207;--yellow-750:#93580b;--yellow-800:#854d0e;--yellow-900:#713f12;--yellow-950:#422006;--lime-050:#f7fee7;--lime-100:#ecfccb;--lime-200:#d9f99d;--lime-300:#bef264;--lime-400:#a3e635;--lime-500:#84cc16;--lime-600:#65a30d;--lime-700:#4d7c0f;--lime-800:#3f6212;--lime-900:#365314;--lime-950:#1a2e05;--green-050:#f0fdf4;--green-100:#dcfce7;--green-200:#bbf7d0;--green-300:#86efac;--green-400:#4ade80;--green-500:#22c55e;--green-600:#16a34a;--green-700:#15803d;--green-800:#166534;--green-900:#14532d;--green-950:#052e16;--emerald-050:#ecfdf5;--emerald-100:#d1fae5;--emerald-200:#a7f3d0;--emerald-300:#6ee7b7;--emerald-400:#34d399;--emerald-500:#10b981;--emerald-600:#059669;--emerald-700:#047857;--emerald-800:#065f46;--emerald-900:#064e3b;--emerald-950:#022c22;--teal-050:#f0fdfa;--teal-100:#ccfbf1;--teal-200:#99f6e4;--teal-300:#5eead4;--teal-400:#2dd4bf;--teal-500:#14b8a6;--teal-550:#11a697;--teal-600:#0d9488;--teal-700:#0f766e;--teal-800:#115e59;--teal-900:#134e4a;--teal-950:#042f2e;--cyan-050:#ecfeff;--cyan-100:#cffafe;--cyan-200:#a5f3fc;--cyan-300:#67e8f9;--cyan-400:#22d3ee;--cyan-500:#06b6d4;--cyan-600:#0891b2;--cyan-700:#0e7490;--cyan-800:#155e75;--cyan-900:#164e63;--cyan-950:#083344;--sky-050:#f0f9ff;--sky-100:#e0f2fe;--sky-200:#bae6fd;--sky-300:#7dd3fc;--sky-400:#38bdf8;--sky-500:#0ea5e9;--sky-600:#0284c7;--sky-700:#0369a1;--sky-800:#075985;--sky-900:#0c4a6e;--sky-950:#082f49;--blue-050:#eff6ff;--blue-100:#dbeafe;--blue-200:#bfdbfe;--blue-300:#93c5fd;--blue-400:#60a5fa;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-700:#1d4ed8;--blue-800:#1e40af;--blue-900:#1e3a8a;--blue-950:#172554;--indigo-050:#eef2ff;--indigo-100:#e0e7ff;--indigo-200:#c7d2fe;--indigo-300:#a5b4fc;--indigo-400:#818cf8;--indigo-500:#6366f1;--indigo-600:#4f46e5;--indigo-700:#4338ca;--indigo-800:#3730a3;--indigo-900:#312e81;--indigo-950:#1e1b4b;--violet-050:#f5f3ff;--violet-100:#ede9fe;--violet-200:#ddd6fe;--violet-300:#c4b5fd;--violet-400:#a78bfa;--violet-500:#8b5cf6;--violet-600:#7c3aed;--violet-700:#6d28d9;--violet-800:#5b21b6;--violet-900:#4c1d95;--violet-950:#2e1065;--purple-050:#faf5ff;--purple-100:#f3e8ff;--purple-200:#e9d5ff;--purple-300:#d8b4fe;--purple-400:#c084fc;--purple-500:#a855f7;--purple-600:#9333ea;--purple-700:#7e22ce;--purple-800:#6b21a8;--purple-900:#581c87;--purple-950:#3b0764;--fuchsia-050:#fdf4ff;--fuchsia-100:#fae8ff;--fuchsia-200:#f5d0fe;--fuchsia-300:#f0abfc;--fuchsia-400:#e879f9;--fuchsia-500:#d946ef;--fuchsia-600:#c026d3;--fuchsia-700:#a21caf;--fuchsia-800:#86198f;--fuchsia-900:#701a75;--fuchsia-950:#4a044e;--pink-050:#fdf2f8;--pink-100:#fce7f3;--pink-200:#fbcfe8;--pink-300:#f9a8d4;--pink-400:#f472b6;--pink-500:#ec4899;--pink-600:#db2777;--pink-700:#be185d;--pink-800:#9d174d;--pink-900:#831843;--pink-950:#500724;--rose-050:#fff1f2;--rose-100:#ffe4e6;--rose-200:#fecdd3;--rose-300:#fda4af;--rose-400:#fb7185;--rose-500:#f43f5e;--rose-600:#e11d48;--rose-700:#be123c;--rose-800:#9f1239;--rose-900:#881337;--rose-950:#4c0519;--bg-color:$grey100;--bg-color-hsl:212deg,50%,93%;--primary-color:var(--red-600);--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:#1f5fea;--font-weight-bold:700;--hairline-color:rgba(51,64,77,.1);--medium-hairline-color:#cfd8e3;--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-500);--error-color:#d81e23;--warning-color:var(--amber-700);--success-color:var(--teal-700);--notice-color:var(--sky-700);--enabled-color:var(--teal-550);--pending-color:var(--orange-400);--disabled-color:var(--red-600);--indicator-border-color:var(--amber-600);--indicator-icon-color:var(--amber-700);--small-border-radius:3px;--medium-border-radius:4px;--large-border-radius:5px;--menu-border-radius:var(--medium-border-radius);--checkbox-size:1rem;--radio-size:1rem;--ui-control-color:var(--gray-550);--ui-control-hover-color:var(--gray-600);--ui-control-active-color:var(--gray-700);--ui-control-static-bg-color:rgba(96,125,159,.25);--ui-control-bg-color:var(--ui-control-static-bg-color);--ui-control-hover-bg-color:rgba(96,125,159,.3);--ui-control-active-bg-color:rgba(96,125,159,.5);--ui-control-border-radius:var(--large-border-radius);--ui-control-height:2.125rem;--ui-control-height--small:1.875rem;--light-focus-hsl:211.6981132075deg,96.3636363636%,78.431372549%;--medium-focus-hsl:217.2192513369deg,91.2195121951%,59.8039215686%;--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:1.5rem;--thumb-size:1.25rem;--icon-size:1rem;--elements-busy-top-position:calc(50% - var(--size, 20px)/2);--lh:1.42em}@font-face{font-display:block;font-family:Craft;font-style:normal;font-weight:400;src:url(../fonts/Craft.woff2) format("woff2"),url(../fonts/Craft.woff) format("woff"),url(../fonts/Craft.ttf) format("truetype"),url(../fonts/Craft.svg#Craft) format("svg")}body,html{background-color:var(--gray-100);box-shadow:var(--light-focus-ring)}body{color:var(--text-color);font-size:.875rem;line-height:var(--lh);overflow-x:hidden;width:100vw;-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}.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}.mt-0{margin-top:0!important}.mt-xs{margin-top:var(--xs)!important}.mt-s{margin-top:var(--s)!important}.mt-m{margin-top:var(--m)!important}.mt-l{margin-top:var(--l)!important}.mt-xl{margin-top:var(--xl)!important}.mb-0{margin-bottom:0!important}.mb-xs{margin-bottom:var(--xs)!important}.mb-s{margin-bottom:var(--s)!important}.mb-m{margin-bottom:var(--m)!important}.mb-l{margin-bottom:var(--l)!important}.mb-xl{margin-bottom:var(--xl)!important}.ml-0{margin-left:0!important}.ml-xs{margin-left:var(--xs)!important}.ml-s{margin-left:var(--s)!important}.ml-m{margin-left:var(--m)!important}.ml-l{margin-left:var(--l)!important}.ml-xl{margin-left:var(--xl)!important}.mr-0{margin-right:0!important}.mr-xs{margin-right:var(--xs)!important}.mr-s{margin-right:var(--s)!important}.mr-m{margin-right:var(--m)!important}.mr-l{margin-right:var(--l)!important}.mr-xl{margin-right:var(--xl)!important}.mx-0{margin-left:0!important;margin-right:0!important}.mx-xs{margin-left:var(--xs)!important;margin-right:var(--xs)!important}.mx-s{margin-left:var(--s)!important;margin-right:var(--s)!important}.mx-m{margin-left:var(--m)!important;margin-right:var(--m)!important}.mx-l{margin-left:var(--l)!important;margin-right:var(--l)!important}.mx-xl{margin-left:var(--xl)!important;margin-right:var(--xl)!important}.my-0{margin-bottom:0!important;margin-top:0!important}.my-xs{margin-bottom:var(--xs)!important;margin-top:var(--xs)!important}.my-s{margin-bottom:var(--s)!important;margin-top:var(--s)!important}.my-m{margin-bottom:var(--m)!important;margin-top:var(--m)!important}.my-l{margin-bottom:var(--l)!important;margin-top:var(--l)!important}.my-xl{margin-bottom:var(--xl)!important;margin-top:var(--xl)!important}.no-scroll{overflow:hidden!important}.draghelper{box-sizing:border-box;list-style-type:none}.offset-drag-helper{transition:margin .2s linear,padding .2s linear}body.dragging.ltr .offset-drag-helper{margin:-50px 0 0 -50px;padding:60px 0 0 60px}body.dragging.rtl .offset-drag-helper{margin:-50px -50px 0 0;padding:60px 60px 0 0}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,.action-btn:before,.go:after,.icon:before,.insecure:before,.menu .flex.padded.sel:before,.menu ul.padded li .menu-item.sel:before,.menu ul.padded li .menu-option.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{font-family:Craft;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.badge-icon{align-items:center;border:1px solid var(--indicator-border-color);border-radius:var(--small-border-radius);box-sizing:border-box;color:var(--indicator-icon-color);display:inline-flex;font-size:9px;height:1rem;justify-content:center;position:relative;top:-1px;width:1rem}.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)}[data-icon-size=large][data-icon-after]:after,[data-icon-size=large][data-icon]:before{font-size:20px}[data-icon-size=small][data-icon-after]:after,[data-icon-size=small][data-icon]:before{font-size:14px}[data-icon-size=puny][data-icon-after]:after,[data-icon-size=puny][data-icon]:before{font-size:12px}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"}.action-btn:before{content:"ellipsis"}.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[aria-current]{cursor:default}a:hover,body.underline-links a{text-decoration:underline}a .cp-icon svg circle,a .cp-icon svg ellipse,a .cp-icon svg line,a .cp-icon svg path,a .cp-icon svg polygon,a .cp-icon svg polyline,a .cp-icon svg rect,a .cp-icon svg text{fill:var(--link-color);stroke-width:0}a:not([href]){color:inherit;cursor:inherit}a:not([href]):hover,body.underline-links a:not([href]){text-decoration:none}a.iconlink:before{width:1rem}body.ltr a.iconlink:before{margin-right:var(--xs)}body.rtl a.iconlink:before{margin-left:var(--xs)}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"}body.ltr a [data-icon=external]{margin-left:var(--xs)}body.rtl a [data-icon=external]{margin-right:var(--xs)}button{cursor:pointer}.alert-icon,.checkmark-icon{border-radius:20px;cursor:pointer;line-height:10px;margin-bottom:0!important;padding:5px}.alert-icon:before,.checkmark-icon:before{font-family:Craft;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.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"}.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{align-content:stretch;align-items:center;color:var(--blue-800);display:flex;gap:var(--s);justify-content:center}#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(37,99,235,.2),rgba(37,99,235,0) 50%)}body.rtl .so-notice>.draft-notice{background-image:linear-gradient(270deg,rgba(37,99,235,.2),rgba(37,99,235,0))}.draft-notice p{flex:1;margin:0}.draft-notice .draft-icon{align-items:center;border:2px solid rgba(30,64,175,.2);border-radius:100%;box-shadow:0 1px 1px 1px var(--white);box-sizing:border-box;display:flex;flex-shrink:0;height:34px;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(30,58,138,.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:#1555e2}.draft-notice .discard-changes-btn:active{border-color:#134cca}.revision-notice{align-content:stretch;align-items:center;color:var(--gray-600);display:flex;gap:var(--s);justify-content:center}#content-notice .revision-notice{display:inline-flex;justify-content:flex-start}.revision-notice p{flex:1;margin:0}.revision-notice .revision-icon{align-items:center;border:2px solid rgba(51,64,77,.2);border-radius:100%;box-shadow:0 1px 1px 1px var(--white);box-sizing:border-box;display:flex;flex-shrink:0;height:34px;justify-content:center;position:relative;width:34px}.revision-notice .revision-icon:before{color:var(--grey-800)!important;font-size:18px;left:1px;position:relative}.revision-notice .revision-icon:after{border-radius:100%;bottom:-2px;box-shadow:inset 0 2px 0 rgba(30,58,138,.2);content:"";font-size:0;left:-2px;position:absolute;right:-2px;top:-2px}button.toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;color:inherit;padding:0}.toggle:before,a.fieldtoggle:before{border:solid;border-width:0 .125rem .125rem 0;content:"";display:block;font-size:0;height:.4375rem;opacity:.8;position:relative;transition:transform .1s linear;width:.4375rem}body.ltr .toggle:before,body.ltr a.fieldtoggle:before{transform:rotate(-45deg)}body.rtl .toggle:before,body.rtl a.fieldtoggle:before{transform:rotate(135deg)}.sidebar nav li.expanded>.toggle:before,.structure li:not(.collapsed)>.row>.toggle:before,.toggle.expanded:before,a.fieldtoggle.expanded:before{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}ul.errors em{font-style:normal}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,.readable h1,.readable h2,.readable h3,.readable h4,.readable h5,.readable h6{font-weight:600;margin:24px 0 16px}.readable .h1,.readable h1{color:#000;font-size:32px;line-height:40px}.readable .h2,.readable h2{font-size:24px;line-height:30px}.readable .h3,.readable h3{font-size:20px;line-height:24px}.readable .h4,.readable h4{font-size:16px;line-height:20px}.readable .h5,.readable h5{font-size:14px;line-height:18px}.readable .h6,.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 .tip-dismiss-btn{position:absolute;top:12px}body.ltr .readable .tip-dismiss-btn{right:12px}body.rtl .readable .tip-dismiss-btn{left:12px}.readable .tip-dismiss-btn+p{margin-top:0}.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:50px}body.rtl .readable blockquote.note{padding-right:50px}body.ltr .readable blockquote.note.dismissible{padding-right:36px}body.rtl .readable blockquote.note.dismissible{padding-left:36px}.readable blockquote.note:not(.tip):not(.warning){border-color:#dc2626;color:#bf503f}.readable blockquote.note:not(.tip):not(.warning):before{color:#dc2626;content:"alert"}.readable blockquote.note.tip{border-color:#1f5fea;color:#1f5fea}.readable blockquote.note.tip:before{color:#1f5fea;content:"lightbulb"}.readable blockquote.note.warning{border-color:#854d0e;color:#cf783a}.readable blockquote.note.warning:before{color:#854d0e;content:"alert"}.readable blockquote.note:before{font-family:Craft;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;font-size:24px;opacity:1;position:absolute;top:15px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:24px}body.ltr .readable blockquote.note:before{left:16px}body.rtl .readable blockquote.note:before{right:16px}.readable blockquote.note a[href]{color:currentColor;text-decoration:underline}.readable .go:after{font-size:14px}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(--rose-500);content:"asterisk";font-size:12px}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{font-family:Craft;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;content:"asterisk";display:block;font-size:9px;left:0;line-height:17px;position:absolute;text-indent:0;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;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{font-family:Craft;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;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{align-items:flex-start;display:flex;flex-wrap:nowrap}.notice.has-icon .icon,.warning.has-icon .icon{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:not(.disabled){cursor:move}.icon.move:before{color:var(--custom-text-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{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.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{font-family:Craft;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;vertical-align:middle;word-wrap:normal!important;color:var(--ui-control-color);line-height:1.375;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;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}.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}body.ltr .customize-sources-modal.sidebar-hidden{padding-left:0}body.rtl .customize-sources-modal.sidebar-hidden{padding-right:0}.customize-sources-modal.sidebar-hidden>.cs-sidebar{display:none}.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{--selected-item-color:var(--white);align-items:center;background-color:var(--gray-100);border:solid var(--hairline-color);border-width:1px 0;box-sizing:border-box;cursor:default;display:flex;margin-top:-1px;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-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{--focus-ring:0 0 0 1px hsl(var(--light-focus-hsl)),0 0 0 3px hsla(var(--light-focus-hsl),0.7);--ui-control-color:var(--selected-item-color);background-color:var(--dark-sel-color);color:var(--selected-item-color);z-index:1}.customize-sources-item .label{flex:1}.customize-sources-item.heading .label{color:var(--light-text-color);font-size:12px;font-weight:700;text-transform:uppercase}.customize-sources-item.heading.sel .label{color:var(--selected-item-color)}.customize-sources-item__move{align-items:center;justify-content:center;position:absolute;top:50%;transform:translate(-50%,-50%)}body.ltr .customize-sources-item__move{right:0}body.rtl .customize-sources-item__move{left:0}.customize-sources-item__move.icon{display:flex;text-decoration:none}.customize-sources-item__btn{margin:3px;padding:8px 14px}body.ltr .customize-sources-item__btn{padding-right:30px}body.rtl .customize-sources-item__btn{padding-left:30px}.checkbox-select-item{align-content:stretch;align-items:flex-start;display:flex;margin-bottom:4px}.checkbox-select-item .move{margin-top:-3px;position:relative;z-index:1}body.ltr .checkbox-select-item .move{margin-right:10px}body.rtl .checkbox-select-item .move{margin-left:10px}ul.path{align-items:stretch;display:flex;flex-direction:row;flex-wrap:wrap}ul.path li{align-items:center;display:inline-flex}ul.path li:not(:last-child):after{border:solid var(--light-text-color);border-width:0 .0625rem .0625rem 0;content:"";display:block;font-size:0;height:.4375rem;opacity:.8;position:relative;width:.4375rem}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{display:flex;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:var(--s);min-height:34px;position:relative}.toolbar .flex,.toolbar.flex{align-items:flex-start}.toolbar .text{border-radius:var(--large-border-radius)!important}.flex{align-content:stretch;align-items:center;display:flex;gap:var(--s)}.flex.flex-gap-xs{gap:var(--xs)}.flex.flex-gap-m{gap:var(--m)}.flex.flex-gap-l{gap:var(--l)}.flex.flex-gap-xl{gap:var(--xl)}.flex:not(.flex-nowrap){flex-wrap:wrap}.flex>.label{white-space:nowrap}.centeralign .flex{justify-content:center}.inline-flex{align-content:stretch;align-items:center;display:inline-flex!important;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;max-width:100%}.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{align-items:center;display:flex;gap:7px;margin:24px 0;position:relative}.footer>.buttons,.hud-footer>.buttons{margin:0}.btn{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--ui-control-bg-color);border:none;border-radius:var(--ui-control-border-radius);box-sizing:border-box;color:currentColor;display:inline-flex;font-size:inherit;justify-content:center;padding:7px 10px;position:relative;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.btn:not([aria-current]){cursor:pointer}.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.hairline{background-color:transparent;border:1px solid var(--medium-hairline-color)}.btn.hairline:active,.btn.hairline:hover,.btn.hairline[aria-expanded=true]{border-color:var(--dark-hairline-color)}.btn.hairline:active,.btn.hairline[aria-expanded=true]{background-color:var(--ui-control-static-bg-color)}.btn.wrap{height:auto;min-height:34px;text-align:left;white-space:normal}.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]).focus,.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]):focus,.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]):hover{--ui-control-bg-color:var(--ui-control-hover-bg-color)}.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]).active,.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]):active,.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current])[aria-expanded=true]{--ui-control-bg-color:var(--ui-control-active-bg-color)}.btn[type=color]{padding:6px!important;width:36px}.btn.active,.btn.loading{cursor:default}.btn:hover{text-decoration:none}.btn.btn-empty,.btn:empty{padding-left:12px;padding-right:12px}body.ltr .btn.icon:not(:empty):not(.btn-empty):before,body.ltr .btn.menubtn:not(.action-btn).icon.btn-empty:before,body.ltr .btn.menubtn:not(.action-btn).icon:empty:before,body.ltr .btn.menubtn:not(.action-btn)[data-icon].btn-empty:before,body.ltr .btn.menubtn:not(.action-btn)[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:not(.action-btn).icon.btn-empty:before,body.rtl .btn.menubtn:not(.action-btn).icon:empty:before,body.rtl .btn.menubtn:not(.action-btn)[data-icon].btn-empty:before,body.rtl .btn.menubtn:not(.action-btn)[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}.btn [data-icon]{margin-top:-3px}body.ltr .btn [data-icon]{margin-right:5px}body.rtl .btn [data-icon]{margin-left:5px}.btn [data-icon].light:before{color:var(--gray-300)}.disabled{opacity:.25;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.noteditable,.noteditable .element,.noteditable .lightswitch-container,.noteditable+.colorhex{cursor:not-allowed}.btn,.spinner{height:var(--ui-control-height)}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(.action-btn).icon:after,body.ltr .menubtn:not(.action-btn):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:not(.action-btn).icon:after,body.rtl .menubtn:not(.action-btn):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{align-items:center;border-radius:var(--large-border-radius);display:flex;position:relative;white-space:nowrap;z-index:1}.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-bottom-left-radius:0;border-top-left-radius:0}body.ltr .btngroup .btn:not(:last-child):not(.btngroup-btn-last),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}.btngroup--exclusive .btn[aria-pressed=true]:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]){background-color:var(--gray-500);color:var(--white)}.copytext{align-items:center;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{align-items:center;border:1px solid var(--hairline-color);border-radius:var(--small-border-radius);color:var(--medium-text-color);cursor:pointer;display:inline-flex;flex-wrap:nowrap;padding:0 9px}.copytextbtn .copytextbtn__icon{background:none;color:var(--light-text-color);margin-top:-3px;padding:0;width:13px}body.ltr .copytextbtn .copytextbtn__icon{margin-left:5px}body.rtl .copytextbtn .copytextbtn__icon{margin-right:5px}.copytextbtn:focus,.copytextbtn:hover{border-color:var(--medium-hairline-color);color:var(--text-color)}.copytextbtn:focus .copytextbtn__value,.copytextbtn:hover .copytextbtn__value{color:var(--text-color)}.copytextbtn.small{padding:0 5px}.copytextbtn.small .copytextbtn__value{font-size:.6875rem}.menu-toggle,.menubtn:not(.action-btn){align-items:center;display:inline-flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.menu-toggle:after,.menubtn:not(.action-btn):after{border:solid;border-width:0 .125rem .125rem 0;content:"";display:block;font-size:0;height:.4375rem;opacity:.8;position:relative;transform:rotate(45deg);width:.4375rem}.menu-toggle.btn:after,.menubtn:not(.action-btn).btn:after{top:-1px}.menu-toggle.btn:not(.disabled):not(.inactive).active:after,.menu-toggle.btn:not(.disabled):not(.inactive):active:after,.menubtn:not(.action-btn).btn:not(.disabled):not(.inactive).active:after,.menubtn:not(.action-btn).btn:not(.disabled):not(.inactive):active:after{border-color:var(--ui-control-active-color)}.menu-toggle.btn.submit:after,.menubtn:not(.action-btn).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:not(.action-btn).btn.submit:not(.disabled):not(.inactive).active:after,.menubtn:not(.action-btn).btn.submit:not(.disabled):not(.inactive).hover:after,.menubtn:not(.action-btn).btn.submit:not(.disabled):not(.inactive):active:after,.menubtn:not(.action-btn).btn.submit:not(.disabled):not(.inactive):hover:after{opacity:1}.menu-toggle:not(.btn):not(.icon),.menubtn:not(.action-btn):not(.btn):not(.icon){height:17px}.menu-toggle:not(.btn):not(.icon):after,.menubtn:not(.action-btn):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:not(.action-btn).btn-empty,body.ltr .menubtn:not(.action-btn):empty{padding-left:8px}body.ltr .menu-toggle.btn-empty,body.ltr .menu-toggle:empty,body.ltr .menubtn:not(.action-btn).btn-empty,body.ltr .menubtn:not(.action-btn):empty,body.rtl .menu-toggle.btn-empty,body.rtl .menu-toggle:empty,body.rtl .menubtn:not(.action-btn).btn-empty,body.rtl .menubtn:not(.action-btn):empty{padding-right:8px}body.rtl .menu-toggle.btn-empty,body.rtl .menu-toggle:empty,body.rtl .menubtn:not(.action-btn).btn-empty,body.rtl .menubtn:not(.action-btn):empty{padding-left:8px}@keyframes rotator{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.spinner{align-items:center;display:inline-flex;height:var(--size,34px);justify-content:center;width:var(--size,24px)}.spinner:before{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:var(--elements-busy-top-position);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 var(--s)!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.huge{height:48px;line-height:48px;padding:var(--l)}.btn.secondary,.btn.submit{color:var(--white)!important;--ui-control-active-color:var(--white);-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):focus,.btn.submit:not(.disabled):not(.inactive):not(.loading):hover{background-color:#c82020!important}.btn.submit:not(.disabled):not(.inactive):not(.loading).active,.btn.submit:not(.disabled):not(.inactive):not(.loading):active,.btn.submit:not(.disabled):not(.inactive):not(.loading)[aria-expanded=true]{background-color:#b21d1d!important}.btn.caution{background-color:var(--red-050)!important;color:var(--error-color)}.btn.caution.hover,.btn.caution:focus,.btn.caution:hover{background-color:#fcdada!important}.btn.caution.active,.btn.caution:active,.btn.caution[aria-expanded=true]{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,.btn.secondary:not(.disabled):not(.inactive):not(.loading)[aria-expanded=true],.secondary-buttons .btn.submit: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)[aria-expanded=true]{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,.btn.dashed:not(.disabled)[aria-expanded=true]{background-color:rgba(205,216,228,.25)}.chevron-btns{display:flex;justify-content:flex-start}.chevron-btns .btn{background-color:transparent;border-radius:0;padding:0;position:relative}.chevron-btns .btn.active-drop-target,.chevron-btns .btn.current-step{color:var(--white);--text-color:var(--white);--ui-control-color:var(--white);--ui-control-bg-color:var(--gray-500);--ui-control-hover-bg-color:#55616d;--ui-control-active-bg-color:#4a545e}.chevron-btns .btn.current-step{-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)}.chevron-btns .btn:focus{box-shadow:none;z-index:1}.chevron-btns .btn:focus .label{box-shadow:var(--focus-ring);z-index:1}.reduce-focus-visibility .chevron-btns .btn:focus:not(:focus-visible) .label{box-shadow:none}.reduce-focus-visibility .chevron-btns .btn:focus-visible .label{box-shadow:var(--focus-ring)}body.ltr .chevron-btns .btn:not(.has-action-menu){padding-right:calc(var(--ui-control-height)/2)}body.rtl .chevron-btns .btn:not(.has-action-menu){padding-left:calc(var(--ui-control-height)/2)}body.ltr .chevron-btns .btn:not(.has-action-menu){margin-right:2.8px}body.rtl .chevron-btns .btn:not(.has-action-menu){margin-left:2.8px}body.ltr .chevron-btns .btn:not(.has-action-menu):not(.current-step[data-disclosure-trigger]) .btn-body{padding-right:5px}body.rtl .chevron-btns .btn:not(.has-action-menu):not(.current-step[data-disclosure-trigger]) .btn-body{padding-left:5px}body.ltr .chevron-btns .btn.current-step[data-disclosure-trigger] .btn-body{padding-left:8px}body.rtl .chevron-btns .btn.current-step[data-disclosure-trigger] .btn-body{padding-right:8px}.chevron-btns .btn.current-step[data-disclosure-trigger] .btn-body .label{padding:3px}.chevron-btns .btn.current-step[data-disclosure-trigger] .btn-body .label:after{border:solid;border-width:0 .125rem .125rem 0;content:"";display:block;font-size:0;height:.4375rem;opacity:.8;position:relative;transform:rotate(45deg);width:.4375rem}.chevron-btns .btn .btn-body{align-items:center;background-color:var(--ui-control-bg-color);display:inline-flex;height:var(--ui-control-height);justify-content:center}.chevron-btns .btn .btn-body [data-icon]{--ui-control-height:0.8125rem;text-align:center}body.ltr .chevron-btns .btn .btn-body [data-icon]{margin-right:0}body.rtl .chevron-btns .btn .btn-body [data-icon]{margin-left:0}.chevron-btns .btn .label{align-items:center;display:inline-flex;overflow:hidden;text-overflow:ellipsis}body.ltr .chevron-btns .btn.has-action-menu .btn-body{padding-right:1px}body.rtl .chevron-btns .btn.has-action-menu .btn-body{padding-left:1px}body.ltr .chevron-btns .btn.has-action-menu .btn-body{margin-right:0}body.rtl .chevron-btns .btn.has-action-menu .btn-body{margin-left:0}.chevron-btns .btn .chevron-left,.chevron-btns .btn .chevron-right{height:100%;position:absolute;top:0;width:calc(var(--ui-control-height)/2)}.chevron-btns .btn .chevron-left{border-top:calc(var(--ui-control-height)/2) solid var(--ui-control-bg-color)}body.ltr .chevron-btns .btn .chevron-left{left:0}body.rtl .chevron-btns .btn .chevron-left{right:0}body.ltr .chevron-btns .btn .chevron-left{border-left:calc(var(--ui-control-height)/2) solid transparent}body.rtl .chevron-btns .btn .chevron-left{border-right:calc(var(--ui-control-height)/2) solid transparent}.chevron-btns .btn .chevron-left:after{border-bottom:calc(var(--ui-control-height)/2) solid var(--ui-control-bg-color);bottom:0;content:"";display:block;font-size:0;position:absolute}body.ltr .chevron-btns .btn .chevron-left:after{right:0}body.rtl .chevron-btns .btn .chevron-left:after{left:0}body.ltr .chevron-btns .btn .chevron-left:after{border-left:calc(var(--ui-control-height)/2) solid transparent}body.rtl .chevron-btns .btn .chevron-left:after{border-right:calc(var(--ui-control-height)/2) solid transparent}.chevron-btns .btn .chevron-right{border-bottom:calc(var(--ui-control-height)/2) solid transparent;border-top:calc(var(--ui-control-height)/2) solid transparent}body.ltr .chevron-btns .btn .chevron-right{right:0}body.rtl .chevron-btns .btn .chevron-right{left:0}body.ltr .chevron-btns .btn .chevron-right{border-left:calc(var(--ui-control-height)/2) solid var(--ui-control-bg-color)}body.rtl .chevron-btns .btn .chevron-right{border-right:calc(var(--ui-control-height)/2) solid var(--ui-control-bg-color)}.chevron-btns ol{display:flex;list-style-type:none;position:relative}body.ltr .chevron-btns ol{padding-left:0}body.rtl .chevron-btns ol{padding-right:0}body.ltr .chevron-btns ol li.first-step .btn .btn-body{padding-left:14px}body.rtl .chevron-btns ol li.first-step .btn .btn-body{padding-right:14px}body.ltr .chevron-btns ol li.first-step .btn .btn-body{border-radius:var(--ui-control-border-radius) 0 0 var(--ui-control-border-radius)}body.rtl .chevron-btns ol li.first-step .btn .btn-body{border-radius:0 var(--ui-control-border-radius) var(--ui-control-border-radius) 0}.chevron-btns ol li.first-step .btn .chevron-left{display:none}body.ltr .chevron-btns ol li:not(.first-step) .btn{margin-left:calc(var(--ui-control-height)*-1/2)}body.rtl .chevron-btns ol li:not(.first-step) .btn{margin-right:calc(var(--ui-control-height)*-1/2)}body.ltr .chevron-btns ol li:not(.first-step) .btn{padding-left:calc(var(--ui-control-height)/2)}body.rtl .chevron-btns ol li:not(.first-step) .btn{padding-right:calc(var(--ui-control-height)/2)}body.ltr .chevron-btns ol li:not(.first-step) .btn .btn-body{padding-left:7px}body.rtl .chevron-btns ol li:not(.first-step) .btn .btn-body{padding-right:7px}.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;-moz-user-select:none;-ms-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):not(.noteditable){cursor:pointer}.color:not(.small){background-position:0 0,8.5px 0,8.5px -8.5px,0 8.5px;background-size:17px 17px}.color.small,.color:not(.small){background-image:linear-gradient(45deg,rgba(154,165,177,.25) 25%,transparent 0),linear-gradient(135deg,rgba(154,165,177,.25) 25%,transparent 0),linear-gradient(45deg,transparent 75%,rgba(154,165,177,.25) 0),linear-gradient(135deg,transparent 75%,rgba(154,165,177,.25) 0)}.color.small{background-position:0 0,4px 0,4px -4px,0 4px;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:flex}.lightswitch-outer-container .lightswitch-inner-container{align-items:center;border:1px solid var(--hairline-color);border-radius:var(--small-border-radius);display:flex;max-width:100%;padding-left:7px;padding-right:7px}.lightswitch-outer-container .lightswitch-inner-container span{color:var(--medium-text-color);cursor:default;flex-grow:1;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:auto;overflow-wrap:break-word;padding:7px 0}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}.lightswitch-outer-container .lightswitch-inner-container span[data-toggle=off]{text-align:right}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;text-align:left}.lightswitch{background-image:linear-gradient(to right,var(--gray-400),var(--gray-400));border:none!important;cursor:pointer;display:block;overflow:hidden;position:relative;transition:background-image .1s linear;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.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{height:100%;position:relative}.lightswitch .lightswitch-container .handle{background-color:var(--white);position:absolute;top:1px}.lightswitch:not(.small){border-radius:11px;height:22px;min-width:34px;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{align-items:center;border-radius:var(--medium-border-radius);display:flex;height:1.875rem;justify-content:center;width:1.875rem}.pagination .page-link:after{position:relative;transition:border-color .1s linear}.pagination .page-link.prev-page:after{border:solid var(--light-text-color);border-width:0 .125rem .125rem 0;content:"";display:block;font-size:0;height:.4375rem;opacity:.8;position:relative;width:.4375rem}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{border:solid var(--light-text-color);border-width:0 .125rem .125rem 0;content:"";display:block;font-size:0;height:.4375rem;opacity:.8;position:relative;width:.4375rem}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){box-shadow:inset 0 0 0 1px var(--hairline-color);cursor:pointer;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)}body.reduce-focus-visibility .pagination .page-link:not(.disabled):focus-visible,body:not(.reduce-focus-visibility) .pagination .page-link:not(.disabled):focus{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{--pane-y-padding-default:calc(var(--xl) - 2px);--pane-x-padding-default:calc(var(--padding) - 2px);margin:calc(var(--pane-padding, var(--pane-y-padding-default))*-1) calc(var(--pane-padding, var(--pane-x-padding-default))*-1) calc(var(--pane-padding, var(--padding))*-1 + var(--pane-padding, var(--m)));overflow-x:auto;padding:0!important}body.ltr .tablepane table.data td:first-child,body.ltr .tablepane table.data th:first-child{padding-left:var(--m)}body.rtl .tablepane table.data td:first-child,body.rtl .tablepane table.data th:first-child{padding-right:var(--m)}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% - .5rem)}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(--border-radius,var(--small-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(--border-radius,var(--small-border-radius))}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-bottom-left-radius:var(--border-radius,var(--small-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-bottom-right-radius:var(--border-radius,var(--small-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(--border-radius,var(--small-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(--border-radius,var(--small-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-bottom-right-radius:var(--border-radius,var(--small-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-bottom-left-radius:var(--border-radius,var(--small-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:var(--s);padding-top:var(--s)}table.data thead th{vertical-align:middle;white-space:nowrap}table.data thead th.orderable{padding:0!important;position:relative}body:not(.dragging) 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 .125rem .125rem 0;content:"";display:block;font-size:0;height:.4375rem;opacity:.8;position:relative;position:absolute;top:2px;top:calc(50% - 3px);transform:rotate(225deg);width:.4375rem}body.ltr table.data thead th.orderable.ordered:not(.loading) button:after{right:var(--m)}body.rtl table.data thead th.orderable.ordered:not(.loading) button:after{left:var(--m)}table.data thead th.orderable.ordered:not(.loading).desc button:after{transform:rotate(45deg)}table.data thead th.orderable button{font:inherit;padding:var(--pane-padding,var(--m)) var(--m);position:relative;width:100%}body.ltr table.data thead th.orderable button{padding-right:35px}body.rtl table.data thead th.orderable button{padding-left:35px}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{--hover-bg-color:var(--gray-050);--selected-bg-color:var(--dark-sel-color)}table.data tbody tr:not(.disabled):hover td,table.data tbody tr:not(.disabled):hover th{background-color:var(--hover-bg-color)}table.data tbody tr:not(.disabled):focus{position:relative;z-index:1}table.data tbody tr:not(.disabled).active-drop-target,table.data tbody tr:not(.disabled).sel{--text-color:var(--white);--medium-dark-text-color:var(--white);--medium-text-color:var(--white);--light-text-color:var(--white);--link-color:var(--white);--ui-control-color:var(--white);--focus-ring:0 0 0 3px hsl(var(--light-focus-hsl))}table.data tbody tr:not(.disabled).active-drop-target td,table.data tbody tr:not(.disabled).active-drop-target th,table.data tbody tr:not(.disabled).sel td,table.data tbody tr:not(.disabled).sel th{background-color:var(--selected-bg-color);color:var(--white)}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.data tr.sel:not(.draggee)+tr.sel:not(.draggee) td,table.data tr.sel:not(.draggee)+tr.sel:not(.draggee) th{border-top-color:var(--gray-300)}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{background-color:var(--white);box-shadow:0 1px 5px -1px rgba(31,41,51,.2)}.datatablesorthelper,.datatablesorthelper .chip,.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}.card,.chip{background-color:var(--custom-bg-color,var(--gray-050));color:var(--custom-text-color,var(--text-color))}.chip{align-items:center;border-radius:var(--large-border-radius);cursor:default;display:inline-flex;font-weight:400;gap:var(--xs);max-width:100%;padding:var(--xs) var(--s);position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.chip.small{flex-direction:row;height:calc(1.625rem + 8px);--thumb-size:1.875rem}.chip.small>.thumb{margin:calc(var(--xs)*-1 + 2px) calc(var(--s)*-1 + 2px)}body.ltr .chip.small>.thumb{margin-right:2px}body.rtl .chip.small>.thumb{margin-left:2px}.chip.small>.thumb.cp-icon{--thumb-size:1rem}body.ltr .chip.small>.thumb.cp-icon{margin-left:-2px}body.rtl .chip.small>.thumb.cp-icon{margin-right:-2px}.chip.large{flex-direction:column;--thumb-size:120px;min-width:calc(var(--s)*2 + var(--thumb-size))}.chip.large .chip-content{width:100%}.chip .chip-content{align-items:center;display:flex;flex-direction:row;gap:var(--s);max-width:100%}body.ltr .chip .chip-content .icon,body.ltr .chip .chip-content .status{margin-right:0}body.rtl .chip .chip-content .icon,body.rtl .chip .chip-content .status{margin-left:0}.chip .chip-content .icon{margin:-4px -1px 0}.chip.sel,li.active-drop-target .chip,li.sel .chip{--text-color:var(--white);--custom-text-color:var(--white)!important;--medium-dark-text-color:var(--white);--medium-text-color:var(--white);--light-text-color:var(--white);--link-color:var(--white);--ui-control-color:var(--white);--focus-ring:0 0 0 3px hsl(var(--light-focus-hsl));background-color:var(--custom-sel-bg-color,var(--dark-sel-color))!important;color:var(--white)}.chip.sel .cp-icon,li.active-drop-target .chip .cp-icon,li.sel .chip .cp-icon{--icon-color:var(--white)!important}.chip.sel,.sel .chip{cursor:default}.chip.sel .thumb,.sel .chip .thumb{filter:brightness(.85)}.chip.sel .thumb img,.sel .chip .thumb img{box-shadow:0 0 0 1px rgba(96,109,123,.1),0 6px 4px -4px rgba(96,109,123,.2)}.offset-drag-helper .chip{background-color:var(--gray-050);box-shadow:0 1px 5px -1px rgba(31,41,51,.2)}.chip>.thumb{align-items:center;display:flex;height:var(--thumb-size);justify-content:center;position:relative;width:var(--thumb-size)}.chip>.thumb.rounded img,.chip>.thumb.rounded svg{border:var(--xs) solid transparent;border-radius:50%}.chip>.thumb.checkered img{background-image:linear-gradient(45deg,rgba(154,165,177,.25) 25%,transparent 0),linear-gradient(135deg,rgba(154,165,177,.25) 25%,transparent 0),linear-gradient(45deg,transparent 75%,rgba(154,165,177,.25) 0),linear-gradient(135deg,transparent 75%,rgba(154,165,177,.25) 0);background-position:0 0,4px 0,4px -4px,0 4px;background-size:8px 8px}.chip>.thumb img,.chip>.thumb svg{border-radius:var(--small-border-radius);display:block;flex-shrink:0;max-height:100%;max-width:100%}.cp-icon{align-items:center;display:flex;justify-content:center;max-width:var(--icon-size)}.cp-icon,.cp-icon svg{height:var(--icon-size);width:var(--icon-size)}.cp-icon svg{max-height:var(--icon-size)!important;max-width:var(--icon-size)!important}.cp-icon svg circle,.cp-icon svg ellipse,.cp-icon svg line,.cp-icon svg path,.cp-icon svg polygon,.cp-icon svg polyline,.cp-icon svg rect,.cp-icon svg text{fill:var(--icon-color,var(--ui-control-color));stroke-width:0}.cp-icon.large{--icon-size:1.25rem}.cp-icon.small{--icon-size:0.875rem}.cp-icon.puny{--icon-size:0.75rem}.cards,.chips{display:flex;--custom-bg-color:initial;--custom-text-color:initial;--custom-sel-bg-color:initial}.cards:not(.inline-chips),.chips:not(.inline-chips){flex-direction:column}.cards li,.chips li{max-width:100%}.cards{gap:var(--s)}.chips{align-items:flex-start;gap:var(--xs)}.inline-chips{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--xs)}.inline-chips .chip{margin:0!important}.card{align-items:stretch;cursor:default;display:flex;flex-direction:row;gap:var(--m);padding:var(--m);position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.card,.card:after{border-radius:var(--large-border-radius)}.card.sel,li.sel .card{--text-color:var(--white);--custom-text-color:var(--white)!important;--medium-dark-text-color:var(--white);--medium-text-color:var(--white);--light-text-color:var(--white);--link-color:var(--white);--ui-control-color:var(--white);--focus-ring:0 0 0 3px hsl(var(--light-focus-hsl));background-color:var(--custom-sel-bg-color,var(--dark-sel-color))!important;color:var(--white)}.card.sel>.thumb,li.sel .card>.thumb{background-color:var(--dark-sel-color)!important;filter:brightness(.85)}.card>.thumb{align-items:stretch;background-color:var(--gray-100);display:flex;margin:calc(var(--m)*-1);min-height:calc(var(--m)*2 + var(--lh)*3 + var(--xs));min-width:120px;overflow:hidden;position:relative;width:120px}body.ltr .card>.thumb{margin-right:0}body.rtl .card>.thumb{margin-left:0}.card>.thumb:after{bottom:0;box-shadow:0 1px 5px -1px rgba(31,41,51,.2);content:"";display:block;font-size:0;position:absolute;top:0;width:10px}body.ltr .card>.thumb:after{right:-10px}body.rtl .card>.thumb:after{left:-10px}body.ltr .card>.thumb,body.ltr .card>.thumb:after{border-radius:var(--large-border-radius) 0 0 var(--large-border-radius)}body.rtl .card>.thumb,body.rtl .card>.thumb:after{border-radius:0 var(--large-border-radius) var(--large-border-radius) 0}.card>.thumb img,.card>.thumb svg{max-height:120px;-o-object-fit:cover;object-fit:cover;width:100%}body.ltr .card>.cp-icon{margin:0 -4px 0 -2px}body.rtl .card>.cp-icon{margin:0 -2px 0 -4px}.card .card-content,.card .card-content .card-body{display:flex;flex:1;flex-direction:column;gap:var(--xs)}.card .card-content{flex:1 0 0!important;margin:calc((1rem - var(--lh))/2) 0;overflow:hidden;position:relative;--focus-ring:var(--inner-focus-ring)}.card .card-content .card-heading{align-items:center;display:flex;flex-direction:row;gap:5px}.card .card-content .card-heading .status{flex:0 0 10px;margin:0}.card .card-content .card-heading .label{font-weight:600}.card .card-content .card-body:empty{display:none}.card .card-content .card-body>*{--max-lines:2;margin:0;max-height:calc(var(--lh)*var(--max-lines));overflow:hidden;text-wrap:pretty}.card>.card-actions-container{align-items:flex-start!important;display:flex;position:relative}.card-grid{display:grid!important;gap:var(--s)!important;grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.card-grid>li{border-radius:var(--large-border-radius)}.card-grid>li>.card{height:100%;margin:0!important}.context-label,.context-menu-container{align-items:center;border:1px solid var(--medium-hairline-color);border-radius:calc(var(--touch-target-size)/2);color:var(--light-text-color);display:inline-flex;font-size:11px;font-weight:400;height:var(--touch-target-size);padding:0 var(--s);text-decoration:none!important}body.ltr .context-label,body.ltr .context-menu-container{margin-left:var(--xs)}body.rtl .context-label,body.rtl .context-menu-container{margin-right:var(--xs)}body.ltr .context-menu-container{padding-right:0}body.rtl .context-menu-container{padding-left:0}body.ltr .context-menu-container .menubtn:not(.action-btn){margin:0 -1px 0 0}body.rtl .context-menu-container .menubtn:not(.action-btn){margin:0 0 0 -1px}body.ltr .context-menu-container .menubtn:not(.action-btn){padding-right:2px!important}body.rtl .context-menu-container .menubtn:not(.action-btn){padding-left:2px!important}body.ltr .context-menu-container .menubtn:not(.action-btn){border-left:1px solid var(--medium-hairline-color)}body.rtl .context-menu-container .menubtn:not(.action-btn){border-right:1px solid var(--medium-hairline-color)}body.ltr .context-menu-container .menubtn:not(.action-btn){border-radius:0 calc(var(--touch-target-size)/2) calc(var(--touch-target-size)/2) 0}body.rtl .context-menu-container .menubtn:not(.action-btn){border-radius:calc(var(--touch-target-size)/2) 0 0 calc(var(--touch-target-size)/2)}.context-menu-container .menubtn:not(.action-btn):hover{border-color:var(--dark-hairline-color)!important}.context-menu-container>*{display:inline-block}body.ltr .context-menu-container>*{padding-right:var(--s)}body.rtl .context-menu-container>*{padding-left:var(--s)}.context-menu-container .menubtn:not(.action-btn):only-child,.context-menu-container .visually-hidden:first-child+.menubtn:not(.action-btn):last-child{border-left:none!important;border-radius:calc(var(--touch-target-size)/2)!important;margin:0 calc(var(--s)*-1)}.card .checkbox:before,.chip .checkbox:before{box-shadow:none!important}.card .label,.chip .label{align-items:center;display:flex;gap:var(--xs);overflow:hidden}.card .label .label-link,.chip .label .label-link{flex:1 1 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card .label .label-link:focus,.chip .label .label-link:focus{box-shadow:var(--inner-focus-ring)}.card .label .segment:after,.chip .label .segment:after{border:solid var(--light-text-color);border-width:0 .0625rem .0625rem 0;content:"";display:inline-flex!important;display:block;font-size:0;height:.4375rem;opacity:.8;position:relative;top:-2px;width:.4375rem}body.ltr .card .label .segment:after,body.ltr .chip .label .segment:after{margin:0 5px 0 2px}body.rtl .card .label .segment:after,body.rtl .chip .label .segment:after{margin:0 2px 0 5px}body.ltr .card .label .segment:after,body.ltr .chip .label .segment:after{transform:rotate(-45deg)}body.rtl .card .label .segment:after,body.rtl .chip .label .segment:after{transform:rotate(135deg)}.sel .card .label .segment:after,.sel .chip .label .segment:after{border:solid var(--white);border-width:0 .0625rem .0625rem 0;content:"";display:block;font-size:0;height:.4375rem;opacity:.8;position:relative;width:.4375rem}body.ltr .sel .card .label .segment:after,body.ltr .sel .chip .label .segment:after{transform:rotate(-45deg)}body.rtl .sel .card .label .segment:after,body.rtl .sel .chip .label .segment:after{transform:rotate(135deg)}.card>.card-actions-container>.card-actions,.card>.chip-content>.chip-actions,.chip>.card-actions-container>.card-actions,.chip>.chip-content>.chip-actions{align-items:center;display:flex;flex-direction:row;gap:var(--s);min-height:1rem}.card>.card-actions-container>.card-actions:empty,.card>.chip-content>.chip-actions:empty,.chip>.card-actions-container>.card-actions:empty,.chip>.chip-content>.chip-actions:empty{display:none}.card>.card-actions-container>.card-actions>.status,.card>.chip-content>.chip-actions>.status,.chip>.card-actions-container>.card-actions>.status,.chip>.chip-content>.chip-actions>.status{margin:0}.card>.card-actions-container>.card-actions>.action-btn,.card>.card-actions-container>.card-actions>.move,.card>.chip-content>.chip-actions>.action-btn,.card>.chip-content>.chip-actions>.move,.chip>.card-actions-container>.card-actions>.action-btn,.chip>.card-actions-container>.card-actions>.move,.chip>.chip-content>.chip-actions>.action-btn,.chip>.chip-content>.chip-actions>.move{height:var(--touch-target-size);margin:0 -4px;width:var(--touch-target-size)}.card>.card-actions-container>.card-actions>.action-btn:before,.card>.card-actions-container>.card-actions>.move:before,.card>.chip-content>.chip-actions>.action-btn:before,.card>.chip-content>.chip-actions>.move:before,.chip>.card-actions-container>.card-actions>.action-btn:before,.chip>.card-actions-container>.card-actions>.move:before,.chip>.chip-content>.chip-actions>.action-btn:before,.chip>.chip-content>.chip-actions>.move:before{color:var(--custom-text-color,var(--ui-control-color))}.card>.card-actions-container>.card-actions .action-btn,.card>.chip-content>.chip-actions .action-btn,.chip>.card-actions-container>.card-actions .action-btn,.chip>.chip-content>.chip-actions .action-btn{background-color:transparent}body.ltr .card>.card-actions-container>.card-actions .action-btn:before,body.ltr .card>.chip-content>.chip-actions .action-btn:before,body.ltr .chip>.card-actions-container>.card-actions .action-btn:before,body.ltr .chip>.chip-content>.chip-actions .action-btn:before{margin-right:0!important}body.rtl .card>.card-actions-container>.card-actions .action-btn:before,body.rtl .card>.chip-content>.chip-actions .action-btn:before,body.rtl .chip>.card-actions-container>.card-actions .action-btn:before,body.rtl .chip>.chip-content>.chip-actions .action-btn:before{margin-left:0!important}.card>.card-actions-container>.card-actions .action-btn:active,.card>.card-actions-container>.card-actions .action-btn:hover,.card>.card-actions-container>.card-actions .action-btn[aria-expanded=true],.card>.chip-content>.chip-actions .action-btn:active,.card>.chip-content>.chip-actions .action-btn:hover,.card>.chip-content>.chip-actions .action-btn[aria-expanded=true],.chip>.card-actions-container>.card-actions .action-btn:active,.chip>.card-actions-container>.card-actions .action-btn:hover,.chip>.card-actions-container>.card-actions .action-btn[aria-expanded=true],.chip>.chip-content>.chip-actions .action-btn:active,.chip>.chip-content>.chip-actions .action-btn:hover,.chip>.chip-content>.chip-actions .action-btn[aria-expanded=true]{-webkit-backdrop-filter:brightness(90%);backdrop-filter:brightness(90%)}.card>.card-actions-container>.card-actions .move,.card>.chip-content>.chip-actions .move,.chip>.card-actions-container>.card-actions .move,.chip>.chip-content>.chip-actions .move{margin-top:-3px!important}.card.error .label .label-link,.chip.error .label .label-link{color:var(--error-color)}.element-index .source-path{background-color:var(--gray-050);border-radius:3px;--ui-control-bg-color:var(--light-sel-color);--ui-control-hover-bg-color:#bdcbdb;--ui-control-active-bg-color:#acbed2}.element-index .source-path .chevron-btns{background:#fff;display:inline-flex;position:relative;--ui-control-height:1.875rem}.element-index .source-path .chevron-btns:before{border-top:calc(var(--ui-control-height)/2) solid #f3f7fc;content:"";display:block;font-size:0;height:0;position:absolute;top:0;width:0}body.ltr .element-index .source-path .chevron-btns:before{right:0}body.rtl .element-index .source-path .chevron-btns:before{left:0}body.ltr .element-index .source-path .chevron-btns:before{border-left:calc(var(--ui-control-height)/2) solid transparent}body.rtl .element-index .source-path .chevron-btns:before{border-right:calc(var(--ui-control-height)/2) solid transparent}.element-index .source-path .chevron-btns:after{border-bottom:calc(var(--ui-control-height)/2) solid #f3f7fc;content:"";display:block;font-size:0;position:absolute;top:calc(var(--ui-control-height)/2)}body.ltr .element-index .source-path .chevron-btns:after{right:0}body.rtl .element-index .source-path .chevron-btns:after{left:0}body.ltr .element-index .source-path .chevron-btns:after{border-left:calc(var(--ui-control-height)/2) solid transparent}body.rtl .element-index .source-path .chevron-btns:after{border-right:calc(var(--ui-control-height)/2) solid transparent}.element-index .source-path .chevron-btns .btn{--ui-control-border-radius:3px}.element-index .source-path .btn.settings{box-shadow:0 0 0 2px var(--white)}.element-index.main .source-path{margin:-22px calc(var(--padding)*-1 + 2px) 24px}.elementselectormodal .element-index .source-path{margin-bottom:2px}.element-index.pane .toolbar{background-color:var(--gray-050);border-radius:calc(var(--large-border-radius) - 1px) calc(var(--large-border-radius) - 1px) 0 0;box-shadow:0 1px 0 var(--hairline-color);margin:calc(var(--pane-padding)*-1) calc(var(--pane-padding)*-1) var(--pane-padding)!important;padding:var(--pane-padding);position:relative;z-index:2}.element-index.pane .header{background-color:transparent;border-bottom:1px solid var(--hairline-color);padding-bottom:var(--pane-padding);padding-top:var(--pane-padding)}.element-index.pane .elements{--border-radius:0}.element-index.pane .elements .tableview table.data thead td,.element-index.pane .elements .tableview table.data thead th{border-bottom:1px solid var(--hairline-color)}.element-index.pane .elements .tableview table.data thead td:not(.ordered),.element-index.pane .elements .tableview table.data thead th:not(.ordered){background-color:transparent}.element-index.pane .footer{background:transparent;border-radius:0 0 calc(var(--large-border-radius) - 1px) calc(var(--large-border-radius) - 1px)!important;border-top:1px solid var(--hairline-color);box-shadow:none}.elements{position:relative}.elements:not(.busy) .update-spinner{display:none}.elements.busy{min-height:72px}.elements.busy:after{background:hsla(0,0%,100%,.75);border-radius:var(--large-border-radius);content:"";display:block;font-size:0;height:100%;left:calc(var(--pane-padding, 24px)*-1);position:absolute;top:0;width:calc(100% + var(--pane-padding, 24px) + var(--pane-padding, 24px));z-index:100}.elements.busy .update-spinner{z-index:101}.elements .header{background-color:var(--gray-050);border-radius:var(--border-radius,var(--small-border-radius));box-shadow:none;margin:calc(var(--xl)*-1 + 2px) calc(var(--padding)*-1 + 2px) var(--xl);padding:var(--s)}.elements .header:after{content:""}.elements .header .selectallcontainer{align-items:center;cursor:default;display:flex;gap:5px}.elements .tableview tr.draggee td,.elements .tableview tr.draggee th,.elements .thumbsview li.draggee{opacity:.25}.elements .tableview th .move,.elements .tableview th .toggle{align-items:center;display:flex;height:var(--touch-target-size);justify-content:center;position:absolute;top:50%;transform:translateY(-50%);width:var(--touch-target-size)}body.ltr .elements .tableview th .move,body.ltr .elements .tableview th .toggle{margin-left:calc(var(--touch-target-size)*-1)}body.rtl .elements .tableview th .move,body.rtl .elements .tableview th .toggle{margin-right:calc(var(--touch-target-size)*-1)}.elements .tableview th .move{font-size:11px;text-decoration:none}.elements .tableview th .toggle{border-radius:50%;padding:4px;text-align:center}body.ltr .elements .tableview th .move+.toggle{margin-left:calc(var(--touch-target-size)*-2)}body.rtl .elements .tableview th .move+.toggle{margin-right:calc(var(--touch-target-size)*-2)}.elements .tableview th .enabled-label{margin-left:var(--xs)}.elements .tableview .chip{background-color:transparent}.elements .thumbsview{display:grid;gap:var(--xs);grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.elements .thumbsview li{border-radius:var(--large-border-radius);max-width:226px;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 .chip{background-color:var(--gray-050)}.elements .thumbsview li.sel a{cursor:pointer!important}.elements .thumbsview li.sel a:hover{text-decoration:underline}.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}.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;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(--gray-200)}body.rtl .structure ul li:not(:last-child):not(.last){border-right:1px solid var(--gray-200)}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 .chip{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)}.componentselect .components:not(:empty)+.flex,.elementselect .elements:not(:empty)+.flex{margin-top:var(--s)}.elementselect{min-height:34px;position:relative}.elementselect .btn,.elementselect .flex{clear:both}.elementselect .chip{z-index:1}.elementselect .structure .chip{margin-top:var(--xs)}body.ltr .elementselect .structure>li{padding-left:0}body.rtl .elementselect .structure>li{padding-right:0}body.ltr .elementselect .structure ul{margin-left:14px}body.rtl .elementselect .structure ul{margin-right:14px}.elementselect .structure ul li{background-position:0 6px!important}.nested-element-cards{display:flex;flex-direction:column;gap:var(--s)}.nested-element-cards>.pane{margin:0}table.editable{border:1px solid var(--gray-200);border-radius:var(--large-border-radius)}table.editable td.action,table.editable td.heading,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:calc(var(--large-border-radius) - 1px)}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:calc(var(--large-border-radius) - 1px)}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 .editable-table-preview{white-space:pre-wrap}body.ltr table.editable tbody tr td.textual .editable-table-preview{text-align:left}body.rtl table.editable tbody tr td.textual .editable-table-preview{text-align:right}table.editable tbody tr td.textual .editable-table-preview+textarea{height:0;min-height:0;opacity:0;padding-bottom:0;padding-top: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;-moz-user-select:none;-ms-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 .editable-table-preview,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;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:calc(100% - 29px)}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{background-clip:border-box;border:1px solid transparent;border-radius:100%;box-sizing:border-box;display:inline-block;height:.75rem;position:relative;width:.75rem}body.ltr .status{margin-right:10px}body.rtl .status{margin-left:10px}body.use-shapes .status.all{background-image:linear-gradient(30deg,#184cef,#e5422b);rotate:45deg}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.all,body.use-shapes .status.expired,body.use-shapes .status.off,body.use-shapes .status.suspended{border-radius:2px;transform:scale(90%)}.status:not(.on):not(.live):not(.active):not(.enabled):not(.all):not(.pending):not(.warning):not(.off):not(.suspended):not(.expired):not(.light):not(.gray):not(.red):not(.orange):not(.amber):not(.yellow):not(.lime):not(.green):not(.emerald):not(.teal):not(.cyan):not(.sky):not(.blue):not(.indigo):not(.violet):not(.purple):not(.fuchsia):not(.pink):not(.rose):not(.grey):not(.black){border-color:var(--ui-control-color)}.status.all{background-image:linear-gradient(60deg,#184cef,#e5422b);background-origin:border-box}.status.active,.status.enabled,.status.live,.status.on{background-color:var(--enabled-color)}.bg-red,.status.expired,.status.off,.status.red,.status.suspended{background-color:var(--disabled-color)}.status.warning{background-color:var(--warning-color)}.bg-orange,.status.orange,.status.pending{background-color:var(--pending-color)}.bg-amber,.status.amber{background-color:var(--amber-500)}.bg-yellow,.status.yellow{background-color:var(--yellow-500)}.bg-lime,.status.lime{background-color:var(--lime-500)}.bg-green,.status.green{background-color:var(--green-600)}.bg-emerald,.status.emerald{background-color:var(--emerald-500)}.bg-teal,.bg-turquoise,.status.teal,.status.turquoise{background-color:var(--teal-500)}.bg-cyan,.status.cyan{background-color:var(--cyan-500)}.bg-sky,.status.sky{background-color:var(--sky-500)}.bg-blue,.status.blue{background-color:var(--blue-600)}.bg-indigo,.status.indigo{background-color:var(--indigo-500)}.bg-violet,.status.violet{background-color:var(--violet-500)}.bg-purple,.status.purple{background-color:var(--purple-500)}.bg-fuchsia,.status.fuchsia{background-color:var(--fuchsia-500)}.bg-pink,.status.pink{background-color:var(--pink-500)}.bg-rose,.status.rose{background-color:var(--rose-500)}.status.light{background-color:var(--gray-100)}.bg-white,.status.white{background-color:var(--white)}.bg-black,.status.black{background-color:var(--gray-800)}.bg-gray,.bg-grey,.status.gray,.status.grey{background-color:var(--gray-300)}.status.disabled,.status.white{opacity:1}.cp-icon.warning,.icon.warning,[data-icon-after].warning,[data-icon].warning{--icon-color:var(--warning-color)}.cp-icon.red,.icon.red,[data-icon-after].red,[data-icon].red{--icon-color:var(--disabled-color)}.cp-icon.orange,.icon.orange,[data-icon-after].orange,[data-icon].orange{--icon-color:var(--pending-color)}.cp-icon.amber,.icon.amber,[data-icon-after].amber,[data-icon].amber{--icon-color:var(--amber-500)}.cp-icon.yellow,.icon.yellow,[data-icon-after].yellow,[data-icon].yellow{--icon-color:var(--yellow-500)}.cp-icon.lime,.icon.lime,[data-icon-after].lime,[data-icon].lime{--icon-color:var(--lime-500)}.cp-icon.green,.icon.green,[data-icon-after].green,[data-icon].green{--icon-color:var(--green-500)}.cp-icon.emerald,.icon.emerald,[data-icon-after].emerald,[data-icon].emerald{--icon-color:var(--emerald-500)}.cp-icon.teal,.icon.teal,[data-icon-after].teal,[data-icon].teal{--icon-color:var(--teal-500)}.cp-icon.cyan,.icon.cyan,[data-icon-after].cyan,[data-icon].cyan{--icon-color:var(--cyan-500)}.cp-icon.sky,.icon.sky,[data-icon-after].sky,[data-icon].sky{--icon-color:var(--sky-500)}.cp-icon.blue,.icon.blue,[data-icon-after].blue,[data-icon].blue{--icon-color:var(--blue-600)}.cp-icon.indigo,.icon.indigo,[data-icon-after].indigo,[data-icon].indigo{--icon-color:var(--indigo-500)}.cp-icon.violet,.icon.violet,[data-icon-after].violet,[data-icon].violet{--icon-color:var(--violet-500)}.cp-icon.purple,.icon.purple,[data-icon-after].purple,[data-icon].purple{--icon-color:var(--purple-500)}.cp-icon.fuchsia,.icon.fuchsia,[data-icon-after].fuchsia,[data-icon].fuchsia{--icon-color:var(--fuchsia-500)}.cp-icon.pink,.icon.pink,[data-icon-after].pink,[data-icon].pink{--icon-color:var(--pink-500)}.cp-icon.rose,.icon.rose,[data-icon-after].rose,[data-icon].rose{--icon-color:var(--rose-500)}.cp-icon.white,.icon.white,[data-icon-after].white,[data-icon].white{--icon-color:var(--white)}.cp-icon.black,.icon.black,[data-icon-after].black,[data-icon].black{--icon-color:var(--gray-800)}.cp-icon.gray,.icon.gray,[data-icon-after].gray,[data-icon].gray{--icon-color:var(--gray-300)}.amber[data-icon-after]:after,.amber[data-icon]:before,.black[data-icon-after]:after,.black[data-icon]:before,.blue[data-icon-after]:after,.blue[data-icon]:before,.cyan[data-icon-after]:after,.cyan[data-icon]:before,.emerald[data-icon-after]:after,.emerald[data-icon]:before,.fuchsia[data-icon-after]:after,.fuchsia[data-icon]:before,.gray[data-icon-after]:after,.gray[data-icon]:before,.green[data-icon-after]:after,.green[data-icon]:before,.indigo[data-icon-after]:after,.indigo[data-icon]:before,.lime[data-icon-after]:after,.lime[data-icon]:before,.orange[data-icon-after]:after,.orange[data-icon]:before,.pink[data-icon-after]:after,.pink[data-icon]:before,.purple[data-icon-after]:after,.purple[data-icon]:before,.red[data-icon-after]:after,.red[data-icon]:before,.rose[data-icon-after]:after,.rose[data-icon]:before,.sky[data-icon-after]:after,.sky[data-icon]:before,.teal[data-icon-after]:after,.teal[data-icon]:before,.violet[data-icon-after]:after,.violet[data-icon]:before,.warning[data-icon-after]:after,.warning[data-icon]:before,.white[data-icon-after]:after,.white[data-icon]:before,.yellow[data-icon-after]:after,.yellow[data-icon]:before{color:var(--icon-color)!important}.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{transition:width .1s linear;width:0}.progressbar.pending .progressbar-inner{animation-duration:.25s;animation-iteration-count:infinite;animation-timing-function:linear}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{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{flex:1;margin:8px 0!important}.missing-component .install-plugin .btn{margin:0}.pane{--pane-padding:var(--xl);--border:1px solid var(--hairline-color);background:#fff;border-radius:var(--large-border-radius);box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);margin:14px 0;padding:var(--pane-padding);position:relative;word-wrap:break-word;box-sizing:border-box}.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.dashed{border:1px dashed var(--medium-hairline-color)!important}.pane.dashed,.pane.hairline{background-color:transparent!important;box-shadow:none}.pane.hairline{border:1px solid rgba(96,125,159,.25)!important}.pane.no-border{border:none!important}.pane.padding-xs{--pane-padding:var(--xs)}.pane.padding-s{--pane-padding:var(--s)}.pane.padding-m{--pane-padding:var(--m)}.pane.padding-l{--pane-padding:var(--l)}.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:1.875rem;margin:2px 0;padding-left:0;padding-right:0;width:1.875rem}.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{align-items:center;display:flex;flex-direction:row;margin:calc(var(--s)*-1) calc(var(--padding)*-1)}.pane-tabs:first-child{border-radius:var(--large-border-radius) var(--large-border-radius) 0 0;overflow:hidden}.pane-tabs [role=tablist]{display:flex;flex:1;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]{--tab-label-color:var(--light-text-color)}.pane-tabs [role=tablist] [role=tab].error{--highlight-color:var(--error-color)!important;--tab-label-color:var(--error-color)!important}.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{align-items:center;display:flex;flex-direction:row;height:50px;padding:0 var(--padding);position:relative;white-space:nowrap}.pane-tabs [role=tablist] [role=tab]:hover{text-decoration:none}body.reduce-focus-visibility .pane-tabs [role=tablist] [role=tab]:focus-visible,body:not(.reduce-focus-visibility) .pane-tabs [role=tablist] [role=tab]:focus{box-shadow:none}body.reduce-focus-visibility .pane-tabs [role=tablist] [role=tab]:focus-visible .tab-label,body:not(.reduce-focus-visibility) .pane-tabs [role=tablist] [role=tab]:focus .tab-label{box-shadow:var(--inner-focus-ring)}.pane-tabs [role=tablist] [role=tab]:not(.sel){color:var(--custom-text-color,var(--tab-label-color))}.pane-tabs [role=tablist] [role=tab]:not(.sel):hover{-webkit-backdrop-filter:brightness(95%);backdrop-filter:brightness(95%)}.pane-tabs [role=tablist] [role=tab].sel{--highlight-color:var(--gray-500);--tab-label-color:var(--text-color);background-color:var(--white)!important;box-shadow:inset 0 2px 0 var(--custom-text-color,var(--highlight-color)),0 0 0 1px rgba(51,64,77,.1),0 2px 12px var(--custom-sel-tab-shadow-color,var(--gray-200));color:var(--tab-label-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#tabs:first-child [role=tablist] [role=tab]:first-child,body.ltr .pane-tabs#tabs:first-child [role=tablist] [role=tab]:first-child .tab-label{border-top-left-radius:var(--large-border-radius)}body.rtl .pane-tabs#tabs:first-child [role=tablist] [role=tab]:first-child,body.rtl .pane-tabs#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)}.pane-tabs .menubtn.error span[data-icon]{margin-right:2px}.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{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:#fcd815}.details .meta.warning .btn:active,.details .meta.warning .btn[aria-expanded=true]{background-color:#f5ce03}.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::-moz-placeholder{color:var(--gray-500)}.details .meta .text:-ms-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::-moz-placeholder,.details textarea::-moz-placeholder{color:var(--gray-500)}.details input:-ms-input-placeholder,.details textarea:-ms-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{align-items:center;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 var(--neg-padding)!important;min-height:50px;padding:0 var(--padding);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{font-family:Craft;position:absolute;width:31px;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;color:var(--light-text-color);content:"plus";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}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{margin:0}@media screen and (min-width:400px){.meta>.data>.heading,.meta>.field>.heading,.meta>.flex-fields>.data>.heading,.meta>.flex-fields>.field>.heading{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-right:var(--s)}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-left: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{flex:1}.meta>.data>.input .flex,.meta>.field>.input .flex,.meta>.flex-fields>.data>.input .flex,.meta>.flex-fields>.field>.input .flex{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-top:var(--s)}@media screen and (min-width:400px){.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:100%}@media screen and (min-width:400px){.meta>.data>.value,.meta>.field>.input,.meta>.flex-fields>.data>.value,.meta>.flex-fields>.field>.input{width:calc(100% - 112px)}}.meta>.data>.value,.meta>.flex-fields>.data>.value{align-items:center;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{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,.meta>.flex-fields>.field>.input>.datetimewrapper{gap: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):not(.first-child),.meta>.flex-fields+.field:not(.first-child){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}.meta>.field>.input>.custom-select{background-color:transparent;border-radius:0;box-shadow:none;display:block;margin:calc(var(--s)*-1) 0;width:100%}.meta>.field>.input>.custom-select .menubtn:not(.action-btn){background-color:transparent;justify-content:start;width:100%}body.ltr .meta>.field>.input>.custom-select .menubtn:not(.action-btn){padding-left:0}body.rtl .meta>.field>.input>.custom-select .menubtn:not(.action-btn){padding-right:0}.meta>.field>.input>.custom-select .menubtn:not(.action-btn):after{position:absolute;top:calc(50% - 5px)}body.ltr .meta>.field>.input>.custom-select .menubtn:not(.action-btn):after{right:0}body.rtl .meta>.field>.input>.custom-select .menubtn:not(.action-btn):after{left:0}.meta>.field>.input>.custom-select .label{max-width:100%;overflow:hidden;text-overflow:ellipsis}.body{position:relative}.hud,.modal,.slideout,.slideout-container{box-sizing:border-box;z-index:100}.hud,.modal{background-color:#fff;border-radius:5px;box-shadow:0 25px 100px rgba(31,41,51,.5)!important}.slideout-shade{opacity:0;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-container.so-lp{height:calc(100vh - var(--m)*2);left:var(--m);position:absolute;top:var(--m);width:calc(100% - var(--m)*2)}body.has-debug-toolbar .slideout-container{height:calc(100vh - 42px)}.slideout{background-color:var(--white);box-shadow:0 0 0 1px rgba(123,135,147,.25),0 25px 100px rgba(31,41,51,.5)!important;container-type:inline-size;display:flex;flex-direction:column;overflow:hidden;padding:24px var(--padding);pointer-events:all;position:absolute}.slideout.so-lp,.slideout.so-mobile{height:100%!important;left:0;transition:top .25s linear;width:100%!important;will-change:top}.slideout.so-mobile{--padding:14px;--neg-padding:-14px}.slideout:not(.so-mobile){border-radius:var(--large-border-radius)}.slideout:not(.so-mobile):not(.so-lp){height:calc(100% - 16px);top:8px;width:calc(50% - 8px)}@media screen and (prefers-reduced-motion:no-preference){body.ltr .slideout:not(.so-mobile):not(.so-lp){transition:left .25s linear;will-change:left}body.rtl .slideout:not(.so-mobile):not(.so-lp){transition:right .25s linear;will-change:right}}.slideout>.pane-header{padding-left:var(--padding);padding-right:var(--padding);z-index:2}.slideout>.pane-header>.so-toolbar{align-items:center;display:flex;flex-direction:row;gap:var(--xs);min-height:34px}.slideout>.pane-header>.so-toolbar>.pane-tabs{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-body{flex:1;margin:-24px var(--neg-padding);overflow:hidden auto;position:relative}.slideout>.so-body:not(:last-child){margin-bottom:0}.slideout>.so-body>h1:not(:last-child){border-bottom:1px solid var(--hairline-color);padding-bottom:var(--s)}.slideout>.so-body.so-full-details,.slideout>.so-body>.so-sidebar{background-color:var(--gray-100)!important}.slideout>.so-body:not(.so-full-details){padding:24px var(--padding)}.slideout>.so-body.so-full-details>.so-content>.details,.slideout>.so-body>.so-sidebar{box-sizing:border-box;padding:0 var(--padding) var(--spacing)}.slideout>.so-body.so-full-details>.so-content>.details>.preview-thumb-container,.slideout>.so-body>.so-sidebar>.preview-thumb-container{height:auto;margin:0 var(--neg-padding);min-height:54px}.slideout>.so-body.so-full-details>.so-content>.details>.preview-thumb-container+.pane-header,.slideout>.so-body>.so-sidebar>.preview-thumb-container+.pane-header{border-radius:0}.slideout>.so-body.so-full-details>.so-content>.details .image-actions.is-mobile,.slideout>.so-body>.so-sidebar .image-actions.is-mobile{margin:calc(var(--spacing)/2) 0 var(--spacing)}.slideout>.so-body.so-full-details>.so-content>.details>.meta.read-only:first-child,.slideout>.so-body>.so-sidebar>.meta.read-only:first-child{margin-top:var(--padding)}.slideout>.so-body.so-full-details>.so-content>.details>.meta.warning,.slideout>.so-body>.so-sidebar>.meta.warning{border-bottom:1px solid var(--yellow-300);box-shadow:none}.slideout>.so-body.so-full-details>.so-content>.details>.field>.input>.text.fullwidth,.slideout>.so-body>.so-sidebar>.field>.input>.text.fullwidth{border-radius:0}.slideout>.so-body.so-full-details>.so-content>.details .notes,.slideout>.so-body>.so-sidebar .notes{padding-bottom:var(--m);padding-top:var(--m)}.slideout>.so-body>.so-sidebar{background:#fff;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);height:100%;max-width:100%;overflow:hidden auto;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{transition:right .25s linear}body.rtl .slideout>.so-body>.so-sidebar{transition:left .25s linear}.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:flex;flex-wrap:wrap;gap:8px;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);flex:0 0 100%;margin:0 var(--neg-padding);padding:0 var(--padding) 8px}@container (width > 700px){.slideout.has-sidebar .pane-header:not(.so-visible),.slideout.has-sidebar .sidebar-btn{display:none}.slideout.has-sidebar .so-body{display:flex;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;flex:auto 0 1;margin:0;padding:0}}.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:5px var(--pane-padding,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:calc(var(--pane-padding, 24px)*-1) calc(var(--pane-padding, 24px)*-1) var(--pane-padding,24px)}.modal .body .footer,.pane .footer{margin:var(--pane-padding,24px) calc(var(--pane-padding, 24px)*-1) calc(var(--pane-padding, 24px)*-1)}.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-shade.blurred,.slideout-shade.blurred{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.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{font-family:Craft;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;color:var(--light-text-color);content:"alert";font-size:40px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}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:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;color:var(--light-text-color);content:"secure";font-size:58px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}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.tooltip-hud{display:block}.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-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{align-items:center;background-color:var(--gray-900);display:flex;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:linear-gradient(45deg,rgba(154,165,177,.25) 25%,transparent 0),linear-gradient(135deg,rgba(154,165,177,.25) 25%,transparent 0),linear-gradient(45deg,transparent 75%,rgba(154,165,177,.25) 0),linear-gradient(135deg,transparent 75%,rgba(154,165,177,.25) 0);background-position:0 0,8.5px 0,8.5px -8.5px,0 8.5px;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{align-items:center;display:flex;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;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);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:focus-within .buttons,.button-fade:hover .buttons{opacity:1}.elementselectormodal{--content-padding:24px;padding-bottom:50px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.elementselectormodal>.header{padding-bottom:14px;padding-top:14px;text-align:center}.elementselectormodal>.header+.body{height:calc(100% - 48px)!important}.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 .header{margin:0 0 var(--m)}.elementselectormodal .body .content .main .elements .tableview table tr td,.elementselectormodal .body .content .main .elements .tableview table tr th{cursor:default}.elementselectormodal .body .content .main .elements .tableview table tr .checkbox:before{box-shadow:none!important}.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}.customize-sources-modal .main-header,.elementselectormodal .main-header{align-items:center;display:flex;margin-bottom:var(--s)}.customize-sources-modal .main-heading,.elementselectormodal .main-heading{margin-bottom:0}.customize-sources-modal .nav-toggle,.elementselectormodal .nav-toggle{color:var(--ui-control-color);height:var(--touch-target-size);width:var(--touch-target-size)}body.ltr .customize-sources-modal .nav-toggle,body.ltr .elementselectormodal .nav-toggle{margin-left:4px}body.rtl .customize-sources-modal .nav-toggle,body.rtl .elementselectormodal .nav-toggle{margin-right:4px}.customize-sources-modal .nav-toggle:hover,.elementselectormodal .nav-toggle:hover{color:var(--gray-500)}.customize-sources-modal .sidebar-header,.elementselectormodal .sidebar-header{display:flex;justify-content:flex-end;margin-bottom:var(--s);padding:0 var(--s)}.customize-sources-modal .nav-close,.elementselectormodal .nav-close{height:var(--touch-target-size);width:var(--touch-target-size)}.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}body.ltr .activity-container:not(:last-child){margin-right:var(--s)}body.rtl .activity-container:not(:last-child){margin-left:var(--s)}.activity-container ul{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--xs)}.activity-container ul li .activity-btn{border-radius:50%;display:block;height:30px;width:30px}.activity-container ul li .activity-btn .elementthumb{background:var(--gray-050);border:2px solid var(--white);border-radius:50px;box-shadow:0 1px 2px 1px rgba(31,41,51,.1);height:100%;overflow:hidden;position:relative;width:100%}.activity-container ul li .activity-btn .elementthumb img,.activity-container ul li .activity-btn .elementthumb svg{display:block;height:100%;width:100%}body.ltr .activity-container ul li:not(:last-child){margin-right:-10px}body.rtl .activity-container ul li:not(:last-child){margin-left:-10px}.element-index-view-menu{max-width:calc(100% - 20px);padding:0!important;width:400px}.element-index-view-menu .meta{padding-bottom:var(--s);padding-top:var(--s)}.element-index-view-menu .table-columns-field{align-items:flex-start}.element-index-view-menu .table-columns-field .input{padding:13px 0}.element-index-view-menu .menu-footer{background-color:var(--gray-050);margin:0!important;padding:var(--s) var(--xl)!important}.element-index-view-menu-table-column{align-content:stretch;align-items:flex-start;display:flex;margin-bottom:4px}.element-index-view-menu-table-column .icon.move{position:relative;z-index:1}body.ltr .element-index-view-menu-table-column .icon.move{margin-right:10px}body.rtl .element-index-view-menu-table-column .icon.move{margin-left:10px}.sort-field .input .flex .btngroup .btn{width:42px}.sort-field .input .flex .flex-grow{max-width:calc(100% - 85px - var(--s))}@media screen and (max-width:350px){.sort-field .input .flex{flex-direction:column}.sort-field .input .flex>*{width:100%}.sort-field .input .flex .flex-grow{max-width:none}}.element-filter-hud.loading .body{align-items:center;display:flex;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))}.so-content .address-cards{grid-template-columns:repeat(1,minmax(0,1fr))!important}.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))}.so-content .address-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@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: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;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}#elevatedsessionmodal,#logoutwarningmodal,.login-modal,.login-modal-shade,.logoutwarningmodalshade,.prompt{z-index:1001}#elevatedsessionmodal,#logoutwarningmodal,.prompt{width:500px}.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}.deleteusermodal div.elements{list-style:none}.dropdownsettingsmodal{height:auto;max-width:400px;min-height:0;min-width:0;width:auto}.dropdownsettingsmodal .body{max-height:100%;overflow-y:auto}.previewmodal.zilch{align-items:center;display:flex;justify-content:center;padding:100px 0}.video-transcript{background-color:var(--gray-050);font-size:1rem;overflow-y:scroll;position:relative}body.reduce-focus-visibility .video-transcript:focus-visible,body:not(.reduce-focus-visibility) .video-transcript:focus{background-color:var(--gray-800);box-shadow:none;color:var(--white)}.video-transcript__inner{margin-left:auto;margin-right:auto;max-width:550px;padding:var(--xl)}.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;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:100}.ui-datepicker,.ui-timepicker-list{padding:0}.menu{display:none;position:absolute}.menu.padded{padding:var(--s) calc(var(--m) + var(--s))}.menu.padded hr{margin:var(--s) calc((var(--m) + var(--s))*-1)}.menu.padded ul li{margin:0 calc(var(--m)*-1);padding:0 var(--m)}.menu.padded ul li a{border-radius:var(--large-border-radius)}.menu.padded .extralight{margin-top:2px}.menu .h6:first-child,.menu h6:first-child{margin-top:14px!important}body.ltr .menu ul.padded li .menu-item,body.ltr .menu ul.padded li .menu-option,body.ltr .menu ul.padded li a{padding-left:calc(var(--m) + 1.125rem)}body.rtl .menu ul.padded li .menu-item,body.rtl .menu ul.padded li .menu-option,body.rtl .menu ul.padded li a{padding-right:calc(var(--m) + 1.125rem)}.menu ul.padded li .menu-item.sel:not([data-icon]):before,.menu ul.padded li .menu-option.sel:not([data-icon]):before,.menu ul.padded li a.sel:not([data-icon]):before{color:var(--ui-control-color);content:"check";font-size:14px;margin-top:3px!important;width:14px}body.ltr .menu ul.padded li .menu-item.sel:not([data-icon]):before,body.ltr .menu ul.padded li .menu-option.sel:not([data-icon]):before,body.ltr .menu ul.padded li a.sel:not([data-icon]):before{float:left}body.rtl .menu ul.padded li .menu-item.sel:not([data-icon]):before,body.rtl .menu ul.padded li .menu-option.sel:not([data-icon]):before,body.rtl .menu ul.padded li a.sel:not([data-icon]):before{float:right}body.ltr .menu ul.padded li .menu-item.sel:not([data-icon]):before,body.ltr .menu ul.padded li .menu-option.sel:not([data-icon]):before,body.ltr .menu ul.padded li a.sel:not([data-icon]):before{margin:4px 0 0 calc(-1.125rem - 4px)}body.rtl .menu ul.padded li .menu-item.sel:not([data-icon]):before,body.rtl .menu ul.padded li .menu-option.sel:not([data-icon]):before,body.rtl .menu ul.padded li a.sel:not([data-icon]):before{margin:4px calc(-1.125rem - 4px) 0 0}.menu ul li .menu-item,.menu ul li .menu-option,.menu ul li a{-webkit-appearance:none;font-size:14px;margin:0 -14px;padding:10px 14px;white-space:nowrap}body.ltr .menu ul li .menu-item:not(:last-child),body.ltr .menu ul li .menu-option:not(:last-child),body.ltr .menu ul li a:not(:last-child){margin-right:0}body.rtl .menu ul li .menu-item:not(:last-child),body.rtl .menu ul li .menu-option:not(:last-child),body.rtl .menu ul li a:not(:last-child){margin-left:0}.menu ul li .menu-item:not(.flex):not(.hidden),.menu ul li .menu-option:not(.flex):not(.hidden),.menu ul li a:not(.flex):not(.hidden){display:block;width:calc(100% + 28px)}body.ltr .menu ul li .menu-item:not(.flex):not(.hidden),body.ltr .menu ul li .menu-option:not(.flex):not(.hidden),body.ltr .menu ul li a:not(.flex):not(.hidden){text-align:left}body.rtl .menu ul li .menu-item:not(.flex):not(.hidden),body.rtl .menu ul li .menu-option:not(.flex):not(.hidden),body.rtl .menu ul li a:not(.flex):not(.hidden){text-align:right}.menu ul li .menu-item.flex [data-icon],.menu ul li .menu-option.flex [data-icon],.menu ul li a.flex [data-icon]{margin-top:-2px}.menu ul li .menu-item.sel,.menu ul li .menu-option.sel,.menu ul li a.sel{cursor:default}.menu ul li .menu-item .shortcut,.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-item .shortcut,body.ltr .menu ul li .menu-option .shortcut,body.ltr .menu ul li a .shortcut{float:right}body.rtl .menu ul li .menu-item .shortcut,body.rtl .menu ul li .menu-option .shortcut,body.rtl .menu ul li a .shortcut{float:left}body.ltr .menu ul li .menu-item .shortcut,body.ltr .menu ul li .menu-option .shortcut,body.ltr .menu ul li a .shortcut{margin-left:14px}body.rtl .menu ul li .menu-item .shortcut,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 .go:after{color:inherit}.menu ul li .menu-item,.menu ul li .menu-option,.menu:not(.menu--disclosure) ul li a{color:#3f4d5a;cursor:default;text-decoration:none}.menu li>a [data-icon]:before,.menu li>a span.icon:not([data-icon]),.menu li>a[data-icon]:before,.menu li>button [data-icon]:before,.menu li>button span.icon:not([data-icon]),.menu li>button[data-icon]:before{display:inline-block;height:.875rem;width:.875rem}body.ltr .menu li>a [data-icon]:before,body.ltr .menu li>a span.icon:not([data-icon]),body.ltr .menu li>a[data-icon]:before,body.ltr .menu li>button [data-icon]:before,body.ltr .menu li>button span.icon:not([data-icon]),body.ltr .menu li>button[data-icon]:before{margin-left:-1px}body.rtl .menu li>a [data-icon]:before,body.rtl .menu li>a span.icon:not([data-icon]),body.rtl .menu li>a[data-icon]:before,body.rtl .menu li>button [data-icon]:before,body.rtl .menu li>button span.icon:not([data-icon]),body.rtl .menu li>button[data-icon]:before{margin-right:-1px}body.ltr .menu li>a [data-icon]:before,body.ltr .menu li>a span.icon:not([data-icon]),body.ltr .menu li>a[data-icon]:before,body.ltr .menu li>button [data-icon]:before,body.ltr .menu li>button span.icon:not([data-icon]),body.ltr .menu li>button[data-icon]:before{margin-right:9px}body.rtl .menu li>a [data-icon]:before,body.rtl .menu li>a span.icon:not([data-icon]),body.rtl .menu li>a[data-icon]:before,body.rtl .menu li>button [data-icon]:before,body.rtl .menu li>button span.icon:not([data-icon]),body.rtl .menu li>button[data-icon]:before{margin-left:9px}.menu li>a [data-icon]:before,.menu li>a[data-icon]:before,.menu li>button [data-icon]:before,.menu li>button[data-icon]:before{color:var(--ui-control-color);font-size:14px;position:relative;text-align:center;top:-2px}.menu li>a span.icon:not([data-icon]) svg,.menu li>button span.icon:not([data-icon]) svg{display:block;height:100%;position:relative;top:1px;width:100%}.menu li>a span.icon:not([data-icon]) svg circle,.menu li>a span.icon:not([data-icon]) svg ellipse,.menu li>a span.icon:not([data-icon]) svg line,.menu li>a span.icon:not([data-icon]) svg path,.menu li>a span.icon:not([data-icon]) svg polygon,.menu li>a span.icon:not([data-icon]) svg polyline,.menu li>a span.icon:not([data-icon]) svg rect,.menu li>a span.icon:not([data-icon]) svg text,.menu li>button span.icon:not([data-icon]) svg circle,.menu li>button span.icon:not([data-icon]) svg ellipse,.menu li>button span.icon:not([data-icon]) svg line,.menu li>button span.icon:not([data-icon]) svg path,.menu li>button span.icon:not([data-icon]) svg polygon,.menu li>button span.icon:not([data-icon]) svg polyline,.menu li>button span.icon:not([data-icon]) svg rect,.menu li>button span.icon:not([data-icon]) svg text{fill:var(--icon-color,var(--ui-control-color));stroke-width:0}.menu li>a.error [data-icon]:before,.menu li>a.error[data-icon]:before,.menu li>button.error [data-icon]:before,.menu li>button.error[data-icon]:before{color:var(--error-color)}.menu li>a.error span.icon:not([data-icon]) svg circle,.menu li>a.error span.icon:not([data-icon]) svg ellipse,.menu li>a.error span.icon:not([data-icon]) svg line,.menu li>a.error span.icon:not([data-icon]) svg path,.menu li>a.error span.icon:not([data-icon]) svg polygon,.menu li>a.error span.icon:not([data-icon]) svg polyline,.menu li>a.error span.icon:not([data-icon]) svg rect,.menu li>a.error span.icon:not([data-icon]) svg text,.menu li>button.error span.icon:not([data-icon]) svg circle,.menu li>button.error span.icon:not([data-icon]) svg ellipse,.menu li>button.error span.icon:not([data-icon]) svg line,.menu li>button.error span.icon:not([data-icon]) svg path,.menu li>button.error span.icon:not([data-icon]) svg polygon,.menu li>button.error span.icon:not([data-icon]) svg polyline,.menu li>button.error span.icon:not([data-icon]) svg rect,.menu li>button.error span.icon:not([data-icon]) svg text{fill:var(--error-color);stroke-width:0}.menu:not(.menu--disclosure) ul li .menu-item:not(.sel):not(.disabled):hover,.menu:not(.menu--disclosure) ul li .menu-option:not(.sel):not(.disabled):hover,.menu:not(.menu--disclosure) ul li a:not(.sel):not(.disabled):hover,.menu:not(.menu--disclosure):not(:hover) ul li .menu-item:not(.sel):not(.disabled).hover,.menu:not(.menu--disclosure):not(:hover) ul li .menu-option:not(.sel):not(.disabled).hover,.menu:not(.menu--disclosure):not(:hover) ul li a:not(.sel):not(.disabled).hover{background-color:#f3f7fc;color:#3f4d5a}body.ltr .menu .h6.padded,body.ltr .menu h6.padded,body.ltr .menu hr.padded{margin-left:20px}body.rtl .menu .h6.padded,body.rtl .menu h6.padded,body.rtl .menu hr.padded{margin-right:20px}.menu--disclosure ul li>.menu-item:hover,.menu--disclosure ul li>.menu-option:hover,.menu--disclosure ul li>a:not(.crumb-link):hover{background-color:#f3f7fc;color:#3f4d5a}body.reduce-focus-visibility .menu--disclosure ul li>.menu-item:focus-visible,body.reduce-focus-visibility .menu--disclosure ul li>.menu-option:focus-visible,body.reduce-focus-visibility .menu--disclosure ul li>a:not(.crumb-link):focus-visible,body:not(.reduce-focus-visibility) .menu--disclosure ul li>.menu-item:focus,body:not(.reduce-focus-visibility) .menu--disclosure ul li>.menu-option:focus,body:not(.reduce-focus-visibility) .menu--disclosure ul li>a:not(.crumb-link):focus{box-shadow:inset 0 0 0 3px hsla(var(--dark-focus-hsl),.7)}.tagselect .elements{display:inline}.tagselect .chip.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 .chip,body.rtl .tagselect.elementselect .chip{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}.selectize-control.single .selectize-input:not(.no-arrow):after{display:none}.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:calc(var(--large-border-radius) - 1px)}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:calc(var(--large-border-radius) - 1px)}.border-box,.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;-moz-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.ltr .multitext .multitextrow:first-child .text:last-child,body.rtl .multitext .multitextrow:first-child .text:first-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.ltr .multitext .multitextrow:last-child .text:last-child,body.rtl .multitext .multitextrow:last-child .text:first-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:-1.6875rem 7px 0 0}body.rtl .chars-left{margin:-1.6875rem 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{border-radius:1px;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);box-shadow:0 0 5px rgba(36,99,235,.15)}.field>.status-badge.outdated{background-color:var(--pending-color);box-shadow:0 0 5px rgba(251,146,60,.15)}.field>.heading{align-items:center;display:flex;flex-wrap:wrap;margin-bottom:5px;margin-top:-5px;position:relative}.field>.heading>label,.field>.heading>legend{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);position:relative;top:-.0625rem}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{margin:5px 0 0}.field>.input input:disabled,.field>.input textarea:disabled{cursor:not-allowed}.field>.notice,.field>.warning{margin:5px 0 0}.checkboxfield .instructions,.field>.heading>.instructions,.field>.instructions{color:var(--custom-text-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;line-height:1rem;min-height:1rem;position:relative}body.ltr div.checkbox,body.ltr input.checkbox+label{padding-left:calc(1rem + 5px)}body.rtl div.checkbox,body.rtl input.checkbox+label{padding-right:calc(1rem + 5px)}div.checkbox,div.checkbox:before,input.checkbox+label,input.checkbox+label:before{border-radius:var(--small-border-radius)}div.checkbox:before,input.checkbox+label:before{background-clip:padding-box;background-color:#fbfcfe;border:1px solid rgba(96,125,159,.4);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}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 .info,input.checkbox+label .info{height:16px}.disabled div.checkbox,input.checkbox:disabled+label{cursor:not-allowed}.elementselectormodal .body .content .main .elements .disabled .checkbox:before,.sel div.checkbox:before,div.checkbox.checked:before,div.checkbox.indeterminate:before,input.checkbox:checked+label:before,input.checkbox:indeterminate+label:before{font-family:Craft;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;color:var(--gray-900);line-height:var(--checkbox-size);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.elementselectormodal .body .content .main .elements .disabled .checkbox:before,.sel.matrixblock>.actions div.checkbox:not(.indeterminate):before,.sel:not(.matrixblock) div.checkbox:not(.indeterminate):before,div.checkbox.checked:not(.indeterminate):before,input.checkbox:checked:not(:indeterminate)+label:before{content:"check";font-size:14px}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)}.checkbox-icon{background-color:var(--enabled-color);border-radius:var(--small-border-radius);color:var(--white);display:inline-flex;padding:3px}.checkbox-icon:before{--checkbox-size:14px;font-family:Craft;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;content:"check";font-size:var(--checkbox-size);line-height:var(--checkbox-size);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body.reduce-focus-visibility .monaco-mouse-cursor-text:focus-visible,body:not(.reduce-focus-visibility) .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:calc(1rem + 5px)}body.rtl .checkboxfield .instructions,body.rtl .checkboxfield .notice,body.rtl .checkboxfield .warning{padding-right:calc(1rem + 5px)}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:calc(1rem + 5px)}body.rtl div.radio,body.rtl input.radio+label{padding-right:calc(1rem + 5px)}.disabled div.radio,input.radio:disabled+label{cursor:not-allowed}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;top:50%;transform:translateY(-50%);width:var(--radio-size)}div.radio:after,input.radio+label:after{height:calc(var(--radio-size) - 8px);left:4px;top:50%;transform:translateY(-50%);width:calc(var(--radio-size) - 8px)}.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;-moz-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:2.125rem}.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,td.errors .text{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:calc(50% - .4375rem)}body.ltr .texticon.icon:before{left:9px}body.rtl .texticon.icon:before{right:9px}.texticon .texticon-icon{align-items:center;display:flex;justify-content:center;position:absolute;top:1.0625rem;transform:translateY(-50%)}body.ltr .texticon .texticon-icon{left:9px}body.rtl .texticon .texticon-icon{right:9px}body.ltr .texticon .text{padding-left:1.625rem}body.rtl .texticon .text{padding-right:1.625rem}.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:1.0625rem;transform:translateY(-50%)}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:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;color:var(--medium-text-color);content:"filter";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.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,.texticon.has-filter-btn .filter-btn[aria-expanded=true]{background-color:var(--gray-350)}.texticon.has-filter-btn .filter-btn.active:before,.texticon.has-filter-btn .filter-btn:active:before,.texticon.has-filter-btn .filter-btn[aria-expanded=true]:before{color:var(--white)}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{flex-direction:row;flex-wrap:nowrap;gap:5px}.clear-btn,.datetimewrapper{align-items:center;display:flex}.clear-btn{background:transparent;border:none;color:var(--ui-control-color);cursor:pointer;justify-content:center;padding:0;width:24px}.clear-btn:before{font-family:Craft;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;content:"remove";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.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%;position:absolute;top:50%;width:2px}.close-btn:before{transform:translate(-50%,-50%) rotate(-45deg)}.close-btn:after{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:-moz-placeholder-shown+div[data-icon],.timewrapper .text:-moz-placeholder-shown+div[data-icon]{color:var(--light-text-color);display:block;position:absolute;top:calc(50% - 12px);z-index:0}.datewrapper .text:-ms-input-placeholder+div[data-icon],.timewrapper .text:-ms-input-placeholder+div[data-icon]{color:var(--light-text-color);display:block;position:absolute;top:calc(50% - 12px);z-index:0}.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:-moz-placeholder-shown+div[data-icon],body.ltr .timewrapper .text:-moz-placeholder-shown+div[data-icon]{left:14px}body.ltr .datewrapper .text:-ms-input-placeholder+div[data-icon],body.ltr .timewrapper .text:-ms-input-placeholder+div[data-icon]{left:14px}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:-moz-placeholder-shown+div[data-icon],body.rtl .timewrapper .text:-moz-placeholder-shown+div[data-icon]{right:14px}body.rtl .datewrapper .text:-ms-input-placeholder+div[data-icon],body.rtl .timewrapper .text:-ms-input-placeholder+div[data-icon]{right: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:-moz-placeholder-shown+div[data-icon],.datewrapper .text:-moz-placeholder-shown+div[data-icon]:before,.timewrapper .text:-moz-placeholder-shown+div[data-icon],.timewrapper .text:-moz-placeholder-shown+div[data-icon]:before{pointer-events:none;-moz-user-select:none;user-select:none;z-index:1}.datewrapper .text:-ms-input-placeholder+div[data-icon],.datewrapper .text:-ms-input-placeholder+div[data-icon]:before,.timewrapper .text:-ms-input-placeholder+div[data-icon],.timewrapper .text:-ms-input-placeholder+div[data-icon]:before{pointer-events:none;-ms-user-select:none;user-select:none;z-index:1}.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;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1}.datewrapper{width:8em}.timewrapper{width:7em}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--gray-400)}input:-ms-input-placeholder,textarea:-ms-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{align-items:center;display:flex;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 .125rem .125rem 0;color:var(--ui-control-color);content:"";display:block;font-size:0;height:.4375rem;opacity:.8;pointer-events:none;position:relative;position:absolute;top:calc(50% - 5px);transform:rotate(45deg);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:.4375rem;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;-moz-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}.custom-select.disabled,.selectize-control .selectize-input.disabled{cursor:not-allowed!important;opacity:1;pointer-events:auto!important}.custom-select.disabled *,.selectize-control .selectize-input.disabled *{cursor:not-allowed!important;pointer-events:auto!important}.selectize .selectize-input{background-color:transparent;border-color:inherit;box-shadow:none;display:block}.selectize .selectize-input .item{max-width:100%}.selectize .selectize-input .item span{overflow:hidden;text-overflow:ellipsis}.selectize.select .selectize-input:after{display:none}body .selectize-dropdown{border:none;z-index:101}.selectize.select{height:34px}.selectize.select input::-moz-placeholder,.selectize.select textarea::-moz-placeholder{color:var(--gray-700)}.selectize.select input:-ms-input-placeholder,.selectize.select textarea:-ms-input-placeholder{color:var(--gray-700)}.selectize.select input::placeholder,.selectize.select textarea::placeholder{color:var(--gray-700)}.selectize.select:not(.fullwidth){max-width:100%;width:25em}.datetimewrapper .selectize.select:not(.fullwidth){max-width:calc(100% - 29px)}.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 .125rem .125rem 0;color:var(--ui-control-color);content:"";display:block;font-size:0;height:.4375rem;opacity:.8;pointer-events:none;position:relative;position:absolute;top:calc(50% - 5px);transform:rotate(45deg);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:.4375rem;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;-moz-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:inline-flex;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{font-family:Craft;font-size:14px;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;content:"remove";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body .selectize-dropdown{margin-top:1px}body .selectize-dropdown .optgroup-header,body .selectize-dropdown .option,body .selectize-dropdown [data-selectable]{color:#3f4d5a;margin:0 -14px;padding:10px 14px;text-decoration:none;white-space:nowrap}body .selectize-dropdown .optgroup{padding-top:5px}body .selectize-dropdown .optgroup:not(:first-child){border-top:1px solid var(--hairline-color)}body .selectize-dropdown .optgroup .option{padding-left:24px}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:not(.selected),body .selectize-dropdown .option:hover{background-color:var(--gray-100)}body .selectize-dropdown .selected{background-color:#f3f7fc;color:#3f4d5a;cursor:default!important}body .selectize-dropdown .selected .light{color:inherit!important}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);max-height:70vh;overflow:auto;padding:0 14px;-webkit-user-select:none;-moz-user-select:none;-ms-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{font-family:Craft;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;content:"plus";margin-right:5px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body .selectize-dropdown-content>div[data-value=new]:after{content:"…"}body.no-scroll .selectize-dropdown-content{max-height:200px}.ui-datepicker{position:fixed;top:-300px;-padding:10px;height:242px;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{align-items:center;display:flex;height:20px;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 .125rem .125rem 0;content:"";display:block;font-size:0;height:.4375rem;opacity:.8;position:relative;width:.4375rem}body.ltr .ui-datepicker-prev:after{transform:rotate(135deg)}body.rtl .ui-datepicker-prev:after{transform:rotate(-45deg)}.ui-datepicker-next:after{border:solid;border-width:0 .125rem .125rem 0;content:"";display:block;font-size:0;height:.4375rem;opacity:.8;position:relative;width:.4375rem}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 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{background-color:var(--dark-sel-color);color:var(--white);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;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{background-color:var(--dark-sel-color);color:var(--white);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;cursor:default;font-weight:500}.slide-picker{display:flex;height:1rem;white-space:nowrap}.slide-picker a{background-image:none;border:1px solid var(--hairline-color);box-sizing:border-box;cursor:pointer;height:calc(1rem - 2px);margin-bottom:1px;margin-left:0;margin-top:1px;position:relative;width:calc(.5rem - 1px)}body.ltr .slide-picker a{border-left:none}body.rtl .slide-picker a{border-right:none}.slide-picker a:first-child{width:.5rem}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 a:before{content:"";height:var(--touch-target-size);left:-1px;position:absolute;top:calc(-.25rem - 1px);width:calc(100% + 2px)}.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:1rem;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)}.icon-picker{align-items:center;display:flex;flex-direction:row;gap:var(--xs)}.icon-picker--icon{align-items:center;background-clip:padding-box;background-color:#fbfcfe;background:var(--gray-050);border:1px solid rgba(96,125,159,.25);border-radius:3px;border-radius:var(--ui-control-border-radius);display:flex;height:var(--ui-control-height);justify-content:center;width:var(--ui-control-height)}.icon-picker--icon svg{height:1.25rem;width:1.25rem}.icon-picker--icon svg circle,.icon-picker--icon svg ellipse,.icon-picker--icon svg line,.icon-picker--icon svg path,.icon-picker--icon svg polygon,.icon-picker--icon svg polyline,.icon-picker--icon svg rect,.icon-picker--icon svg text{fill:var(--ui-control-color);stroke-width:0}.icon-picker-modal{--width:calc(var(--ui-control-height)*10 + var(--s)*9 + var(--xl)*2);max-width:calc(100% - 20px)!important;min-width:0!important;width:var(--width)!important}.icon-picker-modal .body{display:flex;flex-direction:column;gap:var(--l);height:100%}.icon-picker-modal .body .icon-picker-modal--list{flex:1;overflow:hidden;position:relative}.icon-picker-modal .body .icon-picker-modal--list:not(.loading) .spinner{display:none}.icon-picker-modal .body .icon-picker-modal--list.loading:after{background-color:hsla(0,0%,100%,.75);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.icon-picker-modal .body .icon-picker-modal--list.loading .spinner{top:calc(50% - 10px);z-index:1}.icon-picker-modal .body .icon-picker-modal--list ul{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--s);justify-content:start;max-height:100%;overflow:auto}.icon-picker-modal .body .icon-picker-modal--list ul .icon-picker--icon{--focus-ring:var(--inner-focus-ring)}.icon-picker-modal .body .icon-picker-modal--list ul .icon-picker--icon:hover{background-color:var(--blue-100);border-color:var(--link-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}body.setup-2fa{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100%}body.setup-2fa #setup-2fa{display:flex;flex-direction:column;gap:var(--l);max-width:100%;padding:var(--padding);width:550px}body.setup-2fa #setup-2fa #setup-2fa-intro{text-align:center}body.setup-2fa #setup-2fa #setup-2fa-btn{display:flex;justify-content:center}.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;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:#f3f7fc;color:#3f4d5a;cursor:pointer}.matrix>.buttons{margin-top:10px}.matrixblock{background-color:var(--white);border:2px solid var(--gray-100);border-radius:var(--large-border-radius);margin-bottom:10px;padding:0 var(--m) var(--m);position:relative}.matrixblock.static .titlebar{margin-bottom:14px}body.ltr .matrixblock.static .titlebar{padding-right:0}body.rtl .matrixblock.static .titlebar{padding-left:0}body.ltr .matrixblock.static .titlebar{padding-left:14px}body.rtl .matrixblock.static .titlebar{padding-right:14px}.matrixblock>.actions .action-btn,.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn){background-color:transparent;color:var(--custom-text-color,var(--ui-control-color));height:var(--touch-target-size);padding:0;width:var(--touch-target-size)}.matrixblock>.actions .action-btn:hover,.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn):hover{-webkit-backdrop-filter:brightness(90%);backdrop-filter:brightness(90%)}.matrixblock>.actions .action-btn:active,.matrixblock>.actions .action-btn[aria-expanded=true],.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn):active,.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn)[aria-expanded=true]{-webkit-backdrop-filter:brightness(85%);backdrop-filter:brightness(85%)}.matrixblock .flex-fields{--row-gap:var(--m)!important}.matrixblock>.titlebar{align-items:center;border-radius:calc(var(--large-border-radius) - 2px) calc(var(--large-border-radius) - 2px) 0 0;box-sizing:border-box;color:var(--custom-text-color,var(--light-text-color));display:grid;gap:var(--m);grid-template-columns:auto 1fr;margin:0 calc(var(--m)*-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;background-color:var(--gray-050);cursor:default;min-height:calc(var(--lh) + 10px);position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body.ltr .matrixblock>.titlebar{padding:5px calc(var(--m) + 70px) 5px var(--m)}body.rtl .matrixblock>.titlebar{padding:5px var(--m) 5px calc(var(--m) + 70px)}.matrixblock>.titlebar>.preview{flex-grow:1;min-width:0;opacity:0;overflow:hidden;transition:opacity .1s linear}.matrixblock>.titlebar>.preview:empty{display:none}body.ltr .matrixblock>.titlebar>.preview{-webkit-mask-image:linear-gradient(270deg,transparent,#000 12px);mask-image:linear-gradient(270deg,transparent,#000 12px)}body.rtl .matrixblock>.titlebar>.preview{-webkit-mask-image:linear-gradient(90deg,transparent,#000 12px);mask-image:linear-gradient(90deg,transparent,#000 12px)}.matrixblock>.titlebar>.preview span{opacity:.5}.matrixblock>.titlebar>.matrixblock-tabs{flex:1;margin:-5px 0;min-width:0}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs{margin:0}body.ltr .matrixblock>.titlebar>.matrixblock-tabs .pane-tabs{padding-right:3px}body.rtl .matrixblock>.titlebar>.matrixblock-tabs .pane-tabs{padding-left:3px}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs [role=tablist]{padding:0 12px}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs [role=tablist].scrollable{-webkit-mask-image:linear-gradient(90deg,transparent,#000 12px,#000 calc(100% - 12px),transparent);mask-image:linear-gradient(90deg,transparent,#000 12px,#000 calc(100% - 12px),transparent)}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs [role=tablist] [role=tab]{background-color:transparent}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs [role=tablist] [role=tab] .tab-label{height:calc(var(--lh) + 10px);padding:0 var(--m)}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn){margin-left:0;margin-right:0}body.ltr .matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn):not(:empty):not(.btn-empty):after{margin-left:0}body.rtl .matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn):not(:empty):not(.btn-empty):after{margin-right:0}body.ltr .matrixblock>.titlebar>.preview:first-child:empty+.matrixblock-tabs{margin-left:calc((var(--m) + 12px)*-1)}body.rtl .matrixblock>.titlebar>.preview:first-child:empty+.matrixblock-tabs{margin-right:calc((var(--m) + 12px)*-1)}body.ltr .matrixblock>.titlebar>.preview:first-child:empty+.matrixblock-tabs [role=tab]:first-child,body.ltr .matrixblock>.titlebar>.preview:first-child:empty+.matrixblock-tabs [role=tab]:first-child .tab-label{border-top-left-radius:calc(var(--large-border-radius) - 2px)}body.rtl .matrixblock>.titlebar>.preview:first-child:empty+.matrixblock-tabs [role=tab]:first-child,body.rtl .matrixblock>.titlebar>.preview:first-child:empty+.matrixblock-tabs [role=tab]:first-child .tab-label{border-top-right-radius:calc(var(--large-border-radius) - 2px)}body.ltr .matrixblock.disabled-entry>.titlebar{padding-right:100px}body.rtl .matrixblock.disabled-entry>.titlebar{padding-left:100px}.matrixblock.disabled-entry>.actions>.status.off{display:block}.matrixblock.collapsed>.titlebar{border-radius:calc(var(--large-border-radius) - 2px)}.matrixblock.collapsed>.titlebar>.preview{opacity:1}.matrixblock>.actions{align-items:center;cursor:default;display:flex;gap:var(--xs);min-height:calc(var(--lh) + 10px);position:absolute;top:0}body.ltr .matrixblock>.actions{right:var(--m)}body.rtl .matrixblock>.actions{left:var(--m)}.matrixblock>.actions>*{margin:0!important}.matrixblock>.actions>.status.off{display:none}.matrixblock>.actions a:not([data-action]){color:var(--dark-hairline-color);height:var(--touch-target-size);padding:0;text-align:center;transform:color linear .1s}.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:var(--l)}.matrixblock>.fields>.flex-fields>.field:before{display:none}body.ltr .matrixblock>.fields>.flex-fields>.field>.status-badge{left:-2px}body.rtl .matrixblock>.fields>.flex-fields>.field>.status-badge{right:-2px}.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}body.sitepicker #main-content{align-items: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 (-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{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);--sidebar-width:226px;--global-sidebar-width:226px}html{-webkit-text-size-adjust:100%}body,html{min-height:100vh}body.dragging *{cursor:move!important;cursor:grabbing!important}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:flex;min-height:100vh;position:relative}@media screen and (prefers-reduced-motion:no-preference){body.ltr #global-container{transition:left .1s cubic-bezier(.33,1,.68,1)}body.rtl #global-container{transition:right .1s cubic-bezier(.33,1,.68,1)}}#system-info{align-items:center;background-clip:padding-box;border-bottom:1px solid var(--hairline-color);color:currentColor;display:grid;flex:0 0 2.8125rem;flex-direction:row;gap:10px;grid-template-columns:var(--prefix-width) auto;height:2.8125rem;padding:0 var(--gutter-width);position:relative}#system-info:after{display:none}#system-info:focus,#system-info:hover{background-color:var(--gray-200);text-decoration:none}#site-icon{--size:var(--prefix-width);height:var(--size)}#site-icon img,#site-icon svg{border-radius:4px;display:block;height:var(--size);width:var(--size)}#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{display:-webkit-box;margin:0;max-height:40px;overflow:hidden;position:relative;width:100%;-webkit-box-orient:vertical;-webkit-line-clamp:2}@media only screen and (min-width:1200px){[data-sidebar=collapsed] #system-info:hover #system-name{opacity:1;transform:translateY(-50%) translateX(0)}[data-sidebar=collapsed] #system-name{background:#fff;border-radius:var(--medium-border-radius);box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);color:var(--text-color);left:calc(100% + var(--s)*2);opacity:0;padding:var(--xs) var(--s);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%) translateX(-5px);white-space:nowrap}[data-sidebar=collapsed] #system-name:focus{box-shadow:var(--focus-ring)}}@media only screen and (min-width:1200px)and (prefers-reduced-motion:no-preference){[data-sidebar=collapsed] #system-name{transition:opacity 50ms cubic-bezier(.33,1,.68,1),transform .15s cubic-bezier(.33,1,.68,1)}}#global-footer{align-items:center;display:flex;flex-direction:column;gap:var(--m);padding:var(--m) var(--m) var(--xl)}body.has-debug-toolbar #global-footer{padding-bottom:calc(var(--xl) + 42px)}#global-footer a{white-space:nowrap}#app-info{display:flex;flex-direction:row;gap:var(--m);justify-content:center}#trial-info{background-color:#dbe5f0;border-radius:var(--large-border-radius);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.5),0 0 0 1px #bdcbdb,0 2px 12px rgba(205,216,228,.5);padding:16px var(--xl);text-align:center}#app-version{align-items:center;color:var(--gray-600);display:flex;font-size:12px;gap:var(--s);justify-content:center;text-align:center}#app-version a{text-decoration:underline}#app-version a,#app-version a.go:hover:after{color:var(--gray-600)}#edition-logo{border:1px solid var(--gray-600);border-radius:3px;box-sizing:content-box;display:inline-flex;font-size:11px;font-weight:600;letter-spacing:1.7px;line-height:8px;padding:6px 5px 6px 7px;position:relative;text-transform:uppercase;top:-1px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#devmode{background:url(../images/dev-mode.svg) repeat-x 21px 0;cursor:help;flex:0 0 4px;margin-top:auto;min-height:4px;width:100%}#page-container{display:flex;flex-direction:column;flex-grow:1}#alerts{background-color:var(--red-050);border-left:6px solid var(--error-color);color:var(--error-color);position:relative}#alerts>li{box-shadow:inset 0 -1px 0 0 var(--red-100);padding:10px 24px}#alerts>li .resolvable-alert-buttons{margin-top:var(--m)}#alerts>li .btn,#alerts>li a.go{align-items:center;border:1px solid rgba(220,38,38,.5);border-radius:var(--medium-border-radius);color:var(--error-color);display:inline-flex;height:1.875rem;margin:0 2px;padding:4px 5px}.flex #alerts>li .btn,.flex #alerts>li a.go{margin:0}#alerts>li .btn:hover,#alerts>li a.go:hover{border-color:var(--error-color)}#alerts>li a:not(.btn){color:var(--error-color);text-decoration:underline}#alerts>li a:not(.btn).go{text-decoration:none;white-space:nowrap}#alerts>li a:not(.btn).go:after{color:var(--error-color);font-size:15px;margin-top:1px}#alerts>li .btn{background-color:transparent}#global-header .btn.menubtn,.btn.action-btn,li.crumb .btn.menubtn{height:var(--touch-target-size);padding:0;width:var(--touch-target-size)}#global-header .btn.menubtn:not(:hover):not(:active):not([aria-expanded=true]),.btn.action-btn:not(:hover):not(:active):not([aria-expanded=true]),li.crumb .btn.menubtn:not(:hover):not(:active):not([aria-expanded=true]){background-color:transparent}#global-header{border-bottom:1px solid var(--hairline-color);margin-bottom:var(--m);width:100%}#global-header .flex{align-items:center;height:2.75rem}#global-header .btn{--ui-control-color:var(--gray-400);--ui-control-hover-color:var(--gray-800);--ui-control-active-color:var(--gray-700)}#global-header .btn:hover{color:var(--ui-control-hover-color)}.nav-toggle{align-items:center;border-right:1px solid var(--medium-hairline-color);color:currentColor;display:flex;height:2.75rem;justify-content:center;line-height:26px;min-width:44px;text-align:center;width:44px}.nav-toggle:before{font-family:Craft;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;content:"menu";font-size:16px;line-height:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.nav-toggle:hover{color:var(--link-color)}#crumbs{align-items:center;display:flex;flex-direction:row;font-size:13px;margin:0!important;max-width:100%;overflow:hidden}#crumbs.empty{display:none}#crumbs nav{margin:0}#primary-nav-toggle:focus-visible{box-shadow:var(--inner-focus-ring)}#crumb-list{align-items:stretch;display:flex;flex-direction:row;flex-wrap:nowrap;height:2.75rem;max-width:100%;--arrow-padding:10;--arrow-height:22;--arrow-angle:35;--arrow-width:17.1111;--arrow-c:27.871}body.rtl #crumb-list{--arrow-angle:-35;--arrow-width:-19.4444}#crumb-list li.crumb{color:var(--light-text-color);cursor:default;position:relative}body.ltr #crumb-list li.crumb{padding-left:calc(var(--arrow-width)*.5rem/16)}body.rtl #crumb-list li.crumb{padding-right:calc(var(--arrow-width)*.5rem/16)}body.ltr #crumb-list li.crumb:not(.current){padding-right:calc(var(--arrow-width)*1rem/16)}body.rtl #crumb-list li.crumb:not(.current){padding-left:calc(var(--arrow-width)*1rem/16)}#crumb-list li.crumb:not(.current):after,#crumb-list li.crumb:not(.current):before{background:var(--medium-hairline-color);content:"";display:block;height:calc(var(--arrow-c)*1rem/16);pointer-events:none;position:absolute;width:1px}body.ltr #crumb-list li.crumb:not(.current):after,body.ltr #crumb-list li.crumb:not(.current):before{right:calc(var(--arrow-width)*.5rem/16)}body.rtl #crumb-list li.crumb:not(.current):after,body.rtl #crumb-list li.crumb:not(.current):before{left:calc(var(--arrow-width)*.5rem/16)}#crumb-list li.crumb:not(.current):before{top:calc((var(--arrow-height) - var(--arrow-c))/2*1rem/16);transform:rotate(calc(var(--arrow-angle)*-1deg))}#crumb-list li.crumb:not(.current):after{bottom:calc((var(--arrow-height) - var(--arrow-c))/2*1rem/16);transform:rotate(calc(var(--arrow-angle)*1deg))}#crumb-list .menu--disclosure li{display:block}#crumb-list .menu--disclosure li:after{content:none}#crumb-menu-trigger{min-width:var(--touch-target-size)}#crumb-menu-trigger:before{width:100%}#crumb-menu .chip{min-height:44px}li.crumb{align-items:center;display:flex;flex-wrap:nowrap;gap:var(--xs)}li.crumb [data-icon]{position:relative;top:-1px}li.crumb .menubtn{margin:0 calc(var(--xs)*-1/2);position:relative}li.crumb [data-icon=ellipsis]:before{font-size:17px;margin-top:3px}li.crumb .chip{background-color:transparent;padding:0;--custom-bg-color:initial!important;--custom-text-color:initial!important;--custom-sel-bg-color:initial!important}li.crumb .chip .label-link{max-width:15em}li.crumb .chip .label-link:focus-visible{box-shadow:var(--inner-focus-ring)}li.crumb .chip .label-link span:not(.context-label){display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}li.crumb:has(.menubtn)>a{margin-right:0!important;padding-right:var(--xs)!important}li.crumb>a{align-items:center;display:flex!important;flex:1;flex-wrap:nowrap;gap:var(--xs);white-space:nowrap}.menu--disclosure li.crumb>a{min-height:34px}li.crumb a,li.crumb button{align-items:center;display:inline-flex;min-height:var(--touch-target-size)}li.crumb a:not(:hover),li.crumb button:not(:hover){color:var(--text-color)}li.crumb a:hover,li.crumb button:hover{text-decoration:none}li.crumb a{position:relative}li.crumb button{cursor:pointer}li.breadcrumb-toggle-wrapper:after{content:none}#account-menu ul li a{max-width:calc(100% + 28px)!important}#announcements-btn{height:1.875rem;padding-left:0;padding-right:0;position:relative;width:1.875rem;width:calc(1.75rem + 10px)}#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:50%;content:"";display:block;height:.4375rem;position:absolute;top:.1875rem;width:.4375rem}body.ltr #announcements-btn.unread:after{right:5px}body.rtl #announcements-btn.unread:after{left:5px}#announcements-btn svg{height:1rem;width:1rem}#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(--ui-control-active-color);stroke-width:0}#announcements{max-width:350px}#announcements .announcement:not(:first-child){margin-top:20px}#announcements .announcement .announcement-label-container{align-items:center;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.unread .announcement__heading: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 .announcement__heading:after{left:-13px}body.rtl #announcements .announcement.unread .announcement__heading:after{right:-13px}#announcements .announcement p{margin:0}#announcements .announcement__header{display:grid}#announcements .announcement__heading{margin:0 0 3px;order:1;position:relative}#user-info{align-items:center;background-color:transparent;border-radius:0;display:flex;flex-direction:row;height:100%;padding-bottom:5px;padding-top:5px}body.ltr #user-info{padding-left:var(--s)}body.rtl #user-info{padding-right:var(--s)}body.ltr #user-info{padding-right:calc(var(--padding) + 1px)}body.rtl #user-info{padding-left:calc(var(--padding) + 1px)}#user-info:after{border-color:var(--ui-control-color);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 img,.header-photo svg{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:1.875rem;max-width:none;transition:box-shadow .15s linear;width:1.875rem}#user-info:hover .header-photo img,#user-info:hover .header-photo svg{box-shadow:0 0 0 1px rgba(31,41,51,.05),0 2px 10px -2px rgba(31,41,51,.3)}#main-container{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}body.has-debug-toolbar #notifications{bottom:50px}@media only screen and (min-width:974px){#notifications{width:350px}}#notifications .notification{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:flex;padding:10px 14px;position:relative;--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{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:flex;flex:1}#notifications .notification .notification-body .notification-message{font-weight:700;overflow-wrap:anywhere;word-break:normal}#notifications .notification .notification-body .notification-details{margin-top:var(--xs)}#notifications .notification .notification-body .notification-details .chip{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)}@media only screen and (min-width:1200px){#primary-nav-toggle{display:none}body.ltr #crumbs.empty+.context-menu-container,body.ltr #crumbs:not(.empty) #primary-nav-toggle+nav ul li:first-child{margin-left:var(--padding)}body.rtl #crumbs.empty+.context-menu-container,body.rtl #crumbs:not(.empty) #primary-nav-toggle+nav ul li:first-child{margin-right:var(--padding)}body.ltr #crumbs.empty+.context-menu-container,body.ltr #crumbs:not(.empty) #primary-nav-toggle+nav ul li:first-child{padding-left:0}body.rtl #crumbs.empty+.context-menu-container,body.rtl #crumbs:not(.empty) #primary-nav-toggle+nav ul li:first-child{padding-right:0}}#global-header .flex,#header .flex{max-width:100%}#global-header .flex.flex-nowrap,#header .flex.flex-nowrap{min-width:0}#header{align-content:stretch;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:flex;flex-wrap:nowrap;gap:var(--s);justify-content:space-between;padding:5px var(--padding);position:relative;transition:background-color .1s linear,box-shadow .1s linear;z-index:2}body.fixed-header #header{background-color:var(--gray-100);box-shadow: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;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{align-items:flex-start;flex:1;justify-content:space-between}#toolbar .icon:before,#toolbar .menubtn:after,#toolbar .texticon:before,#toolbar [data-icon-after]:after,#toolbar [data-icon]:before{color:currentColor;opacity:.8}#toolbar .text{border-radius:var(--large-border-radius)}#toolbar .text:-ms-input-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}@media only screen and (max-width:400px){#action-buttons .btngroup .btn:first-child{flex-basis:100%}}@media only screen and (max-width:973px){#action-buttons{margin-top:10px}}#main-content{align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:row;padding:0 var(--padding) 48px}#main-content>.grid:only-child{flex:1}#sidebar-toggle-container{display:none}#sidebar-container{box-sizing:border-box;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 var(--m);position:relative;width:226px}#sidebar.fixed{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{flex:1 1 auto;width:400px}#content-heading{margin-top:var(--xl)!important}@media only screen and (min-width:974px){#content-heading{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}}.content-pane{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) var(--padding);position:relative;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,.footer{line-height:2rem;min-height:44px;padding:6px var(--pane-padding,var(--xl))}#footer .buttons,.footer .buttons{align-items:center;display:flex;height:32px}#footer .btn,.footer .btn{height:var(--ui-control-height--small);padding-bottom:4px;padding-top:4px}#footer{background-color:var(--gray-050);border-radius:var(--small-border-radius);bottom:0;box-sizing:border-box;margin:calc(var(--xl) + 1px) calc(var(--padding)*-1 + 2px) calc(var(--xl)*-1 + 2px);position:sticky;z-index:1}#footer:empty{display:none}#footer.stuck{border-radius:0}@supports((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){#footer.stuck{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(228,237,246,.75)}}.has-debug-toolbar #footer{transition:padding .1s linear}.has-debug-toolbar #footer.stuck{padding-bottom:52px}#footer .flex>*,#footer>*{margin-bottom:0}#details-container{box-sizing:border-box;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;z-index:1}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}#details .details{padding-bottom:calc(var(--xl) + 11.5em)}#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:var(--large-border-radius);padding-bottom:var(--m);padding-top:var(--m)}@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,#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}#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}#details .details{margin-bottom:auto}}@media only screen and (max-width:767px){:root{--padding:var(--s);--neg-padding:calc(var(--s)*-1)}#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}.card-grid{display:flex!important;flex-direction:column}}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:0 var(--xl);position:relative}.sidebar .heading:not(:first-child){margin-top:var(--m)}.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 .heading>ul{margin:2px calc(var(--xl)*-1)}.sidebar nav{padding:0 var(--s)}body.ltr .sidebar nav>ul>li.heading>ul>li>a,body.ltr .sidebar nav>ul>li:not(.heading)>a{padding-left:24px}body.rtl .sidebar nav>ul>li.heading>ul>li>a,body.rtl .sidebar nav>ul>li:not(.heading)>a{padding-right:24px}body.ltr .sidebar nav>ul>li.heading>ul>li>.toggle,body.ltr .sidebar nav>ul>li:not(.heading)>.toggle{left:calc(var(--m)*0)}body.rtl .sidebar nav>ul>li.heading>ul>li>.toggle,body.rtl .sidebar nav>ul>li:not(.heading)>.toggle{right:calc(var(--m)*0)}body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>a,body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>a{padding-left:38px}body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>a,body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>a{padding-right:38px}body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>.toggle,body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>.toggle{left:calc(var(--m)*1)}body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>.toggle,body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>.toggle{right:calc(var(--m)*1)}body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>a,body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>a{padding-left:52px}body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>a,body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>a{padding-right:52px}body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>.toggle,body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>.toggle{left:calc(var(--m)*2)}body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>.toggle,body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>.toggle{right:calc(var(--m)*2)}body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>a,body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>a{padding-left:66px}body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>a,body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>a{padding-right:66px}body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle,body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>.toggle{left:calc(var(--m)*3)}body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle,body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>.toggle{right:calc(var(--m)*3)}body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>a,body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>a{padding-left:80px}body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>a,body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>a{padding-right:80px}body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle,body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle{left:calc(var(--m)*4)}body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle,body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>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}.sidebar nav li:not(.has-subnav)>a.active-drop-target,.sidebar nav li:not(.has-subnav)>a.sel{background-color:var(--gray-500);cursor:default}.sidebar nav li:not(.has-subnav)>a.active-drop-target,.sidebar nav li:not(.has-subnav)>a.active-drop-target+.toggle,.sidebar nav li:not(.has-subnav)>a.sel,.sidebar nav li:not(.has-subnav)>a.sel+.toggle{color:var(--white)}.sidebar nav li:not(.has-subnav)>a.sel{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:500}.sidebar nav li a{align-items:center;border-radius:var(--large-border-radius);box-sizing:border-box;color:var(--text-color);display:flex;flex-direction:row;margin-bottom:1px;min-height:var(--xl);padding:7px var(--xl);position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;word-break:break-word}.sidebar nav li a .status{flex-shrink:1}.sidebar nav li a .icon{flex-shrink:1;height:1.125rem;opacity:.85;position:relative;top:1px;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:1rem;width:1rem}.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{background-color:var(--medium-text-color);border-radius:var(--s);color:var(--white);flex-shrink:1;font-size:.6875rem;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{align-items:center;display:flex;height:34px;justify-content:center;position:absolute;top:0;width:var(--xl);z-index:1}.sidebar nav li ul{display:none}.sidebar nav li.expanded>ul,.sidebar nav li.heading>ul{display:block}.error-summary{background-color:var(--gray-050);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-bottom:var(--l);padding:var(--l) var(--xl) var(--xl)}.error-summary .notification-icon{color:var(--error-color);float:left;margin:-2px 6px 0 0}.error-summary h2{margin-top:var(--xs)}.error-summary>ul.errors li,.error-summary>ul.errors li a{color:var(--text-color)}.error-summary>ul.errors li a em,.error-summary>ul.errors li em{font-weight:600}.error-summary>ul.errors li a:hover,.error-summary>ul.errors li:hover{color:var(--link-color)}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,.draghelper .flex-fields,.so-content .flex-fields{--row-gap:var(--xl);align-content:flex-start;display:flex;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>*,.draghelper .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,.draghelper .flex-fields>h2,.so-content .flex-fields>h2{flex:4 0 100%}#content :not(.meta)>.flex-fields>h2:not(:nth-child(-n+1 of :not(.hidden))),#content>.flex-fields>h2:not(:nth-child(-n+1 of :not(.hidden))),.draghelper .flex-fields>h2:not(:nth-child(-n+1 of :not(.hidden))),.so-content .flex-fields>h2:not(:nth-child(-n+1 of :not(.hidden))){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,.draghelper .flex-fields>.line-break,.draghelper .flex-fields>hr,.so-content .flex-fields>.line-break,.so-content .flex-fields>hr{flex:4 0 100%}#content :not(.meta)>.flex-fields>.line-break:not(:first-child),#content>.flex-fields>.line-break:not(:first-child),.draghelper .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,.draghelper .flex-fields>:not(h2):not(hr):not(.line-break),.draghelper .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,.draghelper .flex-fields>:not(h2):not(hr):not(.line-break):before,.draghelper .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 .draghelper .flex-fields>:not(h2):not(hr):not(.line-break):before,body.ltr .draghelper .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 .draghelper .flex-fields>:not(h2):not(hr):not(.line-break):before,body.rtl .draghelper .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,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-25,.draghelper.drag-in-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,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-50,.draghelper.drag-in-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,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-75,.draghelper.drag-in-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,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-25,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-50,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50{width:50%}}@media only screen and (min-width:1200px){.draghelper.drag-in-slideout .flex-fields>:not(h2):not(hr):not(.line-break).width-25,.draghelper.drag-in-slideout .flex-fields>:not(h2):not(hr):not(.line-break).width-50,.draghelper.drag-in-slideout .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25,.draghelper.drag-in-slideout .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50,.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%}}.global-sidebar{--is-always-visible:true;--prefix-width:1.875rem;--prefix-ratio:1;--gutter-width:0.625rem;display:flex;flex-direction:column;height:100vh;padding:0;position:sticky;top:0;z-index:100;-webkit-overflow-scrolling:touch;background-color:transparent;border-right:1px solid var(--hairline-color);width:var(--global-sidebar-width)}.global-sidebar a{text-decoration:none}.global-sidebar :not(.has-subnav)>a:not([href]),.global-sidebar>a:not([href]){background-color:transparent;cursor:default}@media only screen and (max-width:1199px){.global-sidebar{--is-always-visible:false}}.global-sidebar__nav{padding:var(--s) 0}.global-sidebar__footer{display:grid;gap:var(--s);margin-block-start:auto}.global-nav>ul{display:flex;flex-direction:column;gap:var(--s)}.global-nav>ul>li{position:relative}.nav-icon{align-items:center;aspect-ratio:1;display:inline-flex;flex-direction:column;justify-content:center;line-height:0;width:1rem;--thumb-size:1rem}.nav-icon>svg{height:100%;width:100%}.nav-icon>svg circle,.nav-icon>svg ellipse,.nav-icon>svg line,.nav-icon>svg path,.nav-icon>svg polygon,.nav-icon>svg polyline,.nav-icon>svg rect,.nav-icon>svg text{fill:currentColor;stroke-width:0}.nav-item{--gutter-width:0.625rem;align-items:center;display:grid;grid-template-areas:". action trigger ." "subnav subnav subnav subnav";grid-template-columns:var(--gutter-width) 1fr var(--prefix-width) var(--gutter-width);width:100%}.nav-item>.sidebar-action{grid-area:action}[data-sidebar=collapsed] .nav-item{grid-template-areas:". action ." ". trigger ." "subnav subnav subnav";grid-template-columns:var(--gutter-width) var(--prefix-width) var(--gutter-width)}.nav-item__trigger{--icon-size:10px;--trigger-size:var(--touch-target-size);display:flex;grid-area:trigger;z-index:1}.nav-item__trigger .menubtn{align-items:center;border:transparent;flex-direction:column;height:var(--trigger-size);justify-content:center;padding:0;width:var(--trigger-size)}.nav-item__trigger .menubtn:hover{background-color:var(--ui-control-bg-color)}.nav-item__trigger .menubtn[aria-expanded=true]:not(:hover){background-color:transparent}.nav-item__trigger .menubtn[aria-expanded=true]:after{border:solid;border-width:0 .125rem .125rem 0;content:"";display:block;font-size:0;height:.4375rem;opacity:.8;position:relative;top:2px;transform:rotate(225deg);width:.4375rem}.nav-item__trigger .menubtn:after{margin-left:0!important}.nav-item__subnav{--prefix-ratio:4/3;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;grid-area:subnav;white-space:nowrap}.nav-item__subnav.is-open{height:auto;margin:0;overflow:visible;padding:0;position:static;width:auto;clip:auto;white-space:normal}.badge{background-color:var(--medium-text-color);border-radius:var(--s);color:var(--white);display:inline-flex;flex-shrink:1;font-size:11px;height:1rem;justify-content:center;line-height:1rem;text-align:center;width:1.1rem}.sidebar-actions{padding:10px var(--gutter-width)}.sidebar-action{--thumb-size:0.75rem;align-items:center;border-radius:var(--medium-border-radius);color:currentColor;cursor:pointer;display:flex;gap:7px;min-height:30px;position:relative;text-align:left;width:100%}.sidebar-action:before{content:"";height:80%;left:-.625rem;position:absolute;top:50%;transform:translateY(-50%);width:var(--xs)}.sidebar-action:focus-visible,.sidebar-action:hover{background-color:var(--gray-200)}.sidebar-action.sel:before{--indicator-size:6px;background-color:currentColor}.sidebar-action--sub{--indicator-size:4px;font-size:.9em;min-height:26px}.sidebar-action--sub:before{background-color:var(--gray-300);border-radius:100%;height:var(--indicator-size);left:calc(15px - var(--indicator-size)/2);top:50%;width:var(--indicator-size)}.sidebar-action--job{align-items:flex-start}.sidebar-action--job .sidebar-action__label{padding-block:var(--xs)}.sidebar-action--job[href]:hover{background-color:transparent}.sidebar-action--job[href]:hover .icon>span.icon>canvas#job-icon-hover{opacity:1}.sidebar-action--job .label{white-space:normal}.sidebar-action--job .progress-label{color:var(--gray-300);display:block;font-size:11px;line-height:1.5}.sidebar-action--job .nav-icon{display:block;height:16px;position:relative;width:16px}.sidebar-action--job .nav-icon>canvas{display:block;height:16px;position:absolute;width:16px}.sidebar-action--job .nav-icon>canvas#job-icon-hover{opacity:0}.sidebar-action__prefix{align-items:center;aspect-ratio:var(--prefix-ratio);display:flex;flex-shrink:0;justify-content:center;line-height:0;width:var(--prefix-width)}.sidebar-action__label{align-items:center;display:inline-flex;flex-grow:1;gap:var(--s);overflow:hidden;padding:0 var(--xs);text-overflow:ellipsis;white-space:nowrap}.sidebar-action__badge{display:flex;flex-direction:column;justify-content:center;margin-left:auto;padding:0 var(--s)}@media only screen and (min-width:1200px){[data-sidebar=collapsed] .global-sidebar{--global-sidebar-width:3.125rem}[data-sidebar=collapsed] .nav-item__indicator{right:-1px}[data-sidebar=collapsed] .sidebar-action{min-height:var(--prefix-width);width:var(--prefix-width)}[data-sidebar=collapsed] .sidebar-action:focus-visible .sidebar-action__label,[data-sidebar=collapsed] .sidebar-action:hover .sidebar-action__label{opacity:1;transform:translateY(-50%) translateX(0)}[data-sidebar=collapsed] .nav-item__trigger .menubtn{height:auto;padding-block:2px var(--xs);width:100%}[data-sidebar=collapsed] .sidebar-action__label{background:#fff;border-radius:var(--medium-border-radius);box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);color:var(--text-color);left:calc(100% + var(--xs)*2);opacity:0;padding:var(--xs) var(--s);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%) translateX(-5px);z-index:10}[data-sidebar=collapsed] .sidebar-action__label:focus{box-shadow:var(--focus-ring)}}@media only screen and (min-width:1200px)and (prefers-reduced-motion:no-preference){[data-sidebar=collapsed] .sidebar-action__label{transition:opacity 50ms cubic-bezier(.33,1,.68,1),transform .15s cubic-bezier(.33,1,.68,1)}}@media only screen and (min-width:1200px){[data-sidebar=collapsed] .sidebar-action__badge{bottom:var(--xs);padding:0;position:absolute;right:calc(var(--xs)*-1);transform:translateY(25%);z-index:100}[data-sidebar=collapsed] .sidebar-action--sub{min-height:26px}[data-sidebar=collapsed] .sidebar-action--sub:before{left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}[data-sidebar=collapsed] .global-nav>ul>li+li{--separator-width:1.75rem}[data-sidebar=collapsed] .global-nav>ul>li+li:before{background-color:var(--hairline-color);content:"";height:1px;left:calc((var(--global-sidebar-width) - var(--separator-width))/2);margin:0 auto;position:absolute;top:calc(var(--s)/-2);width:var(--separator-width)}[data-sidebar=expanded] #sidebar-toggle-icon{transform:rotate(180deg)}}#sidebar-trigger{display:none}@media only screen and (min-width:1200px){#sidebar-trigger{display:flex}}.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:5px 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:68px}}.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:flex;flex-direction:column}.lp-editor-container .lp-editor{box-sizing:border-box;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}body.ltr .lp-editor-container .lp-editor .matrixblock>.fields>.flex-fields>.field>.status-badge{left:calc(var(--m)*-1)}body.rtl .lp-editor-container .lp-editor .matrixblock>.fields>.flex-fields>.field>.status-badge{right:calc(var(--m)*-1)}.lp-editor-container .lp-draghandle{cursor:col-resize;height:100%;position:absolute;top:0;width:4px;z-index:101}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:flex;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: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:44px}}.lp-preview-container .lp-preview-header .lp-device-type .btn:before{background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:block;height:22px;transition-duration:.3s;width:27px}.lp-preview-container .lp-preview-header .lp-device-type .btn.lp-device-type-btn--phone:before{background-image:url(../images/preview/icon-phone.svg)}.lp-preview-container .lp-preview-header .lp-device-type .btn.lp-device-type-btn--tablet:before{background-image:url(../images/preview/icon-tablet.svg)}.lp-preview-container .lp-preview-header .lp-device-type .btn.lp-device-type-btn--desktop:before{background-image:url(../images/preview/icon-desktop.svg)}.lp-preview-container .lp-device-type__label:before{background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:block;height:22px;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-preview-container__bumper-link{bottom:0;top:unset}.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;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;transform:none!important;width:auto!important}.lp-preview-container .lp-iframe-container--has-device-preview{background-color:var(--gray-100);flex:none;height:calc(100% - 44px);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:44px}}.lp-preview-container .lp-iframe-container--has-device-preview .lp-device-preview-container{left:50%;opacity:1;overflow:auto;position:absolute;top:50%;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;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{transition-duration:.3s;transition-property:transform}.lp-preview-container .lp-iframe-container--rotating .lp-device-preview-container{opacity:0;transition:opacity 0s}}.login-container .login-form-container{background-color:var(--gray-050)}.login-container .login-form input[readonly]{cursor:not-allowed}.login-container .login-form>.btn,.login-container .login-form>.field{margin-top:var(--l)}.login-container .login-form>.btn:not(:last-child):not(.last),.login-container .login-form>.field:not(:last-child):not(.last){margin-bottom:var(--l)}.login-container .login-form .btn{display:flex}.login-container .alternative-login-methods{margin-top:var(--m)}.login-container .alternative-login-methods .btn{width:100%}.login-container .login-alt-container button,.login-container .login-forgot-password{color:var(--medium-text-color);cursor:pointer!important;font-size:11px}.login-container .login-alt-container{margin:calc(var(--s) - var(--xl)) 0}.login-container .login-alt-container button{background-color:transparent;display:inline-flex;height:auto;min-height:var(--touch-target-size);padding:0;width:auto}.login-container .login-alt-container button:focus,.login-container .login-alt-container button:hover,.login-container .login-forgot-password:focus,.login-container .login-forgot-password:hover{color:var(--link-color)}.login-container .login-errors{color:var(--error-color);margin-top:1em;text-align:center}.login-alt-menu{z-index:1001}body.login{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100%}body.login main{max-width:100%;padding:var(--padding);width:calc(300px + var(--padding)*2)}body.login main h1{font-size:32px;line-height:40px;text-align:center;word-wrap:break-word}body.login main h1 #login-logo{height:auto;max-height:300px;width:100%}body.login #poweredby{display:block;margin-bottom:48px;margin-top:70px;opacity:.8;text-align:center}body.login #poweredby:active,body.login #poweredby:focus,body.login #poweredby:hover{opacity:1}body.login #poweredby>svg{display:inline-block}.modal.email-sent{width:300px}body.ltr .modal.email-sent .body{padding-left:68px}body.rtl .modal.email-sent .body{padding-right:68px}.modal.email-sent .body:before{font-family:Craft;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;color:var(--link-color);content:"mail";display:block;font-size:30px;position:absolute;top:24px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body.ltr .modal.email-sent .body:before{left:24px}body.rtl .modal.email-sent .body:before{right:24px}.login-modal{background:var(--gray-100);border-radius:var(--large-border-radius);max-width:calc(100% - 20px);width:calc(600px + var(--l)*2)}.login-modal .body{display:flex;flex-direction:row;padding:var(--l)}.login-modal .body .login-modal-form,.login-modal .body .login-modal-intro{max-width:100%;width:300px}.login-modal .body .login-modal-intro{padding:var(--m)}@media screen and (max-width:656px){.login-modal{border-radius:var(--large-border-radius)}.login-modal .body{flex-direction:column;gap:var(--m);overflow:auto;padding:var(--m)}.login-modal .body .login-modal-intro{padding:var(--xs) var(--xl)}.login-modal .body .login-modal-form{border-radius:0}}.layoutdesigner{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:flex;min-height:500px;overflow:hidden;position:relative}body.ltr .layoutdesigner{padding-right:265px}body.rtl .layoutdesigner{padding-left:265px}.errors>.layoutdesigner{border:1px solid var(--error-color)!important}.layoutdesigner .fld-workspace{background-color:var(--gray-050);background-image:linear-gradient(90deg,#ecf2f9 1px,transparent 0),linear-gradient(180deg,#ecf2f9 1px,transparent 0);background-position:-1px -1px;background-size:24px 24px;box-shadow:inset 0 1px 3px -1px #acbed2;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{align-items:flex-start;display:flex;flex-wrap:wrap}.layoutdesigner .fld-sidebar{display:flex;flex-direction:column;height:100%;padding:14px;position:absolute;top:0;width:265px}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{flex:1;margin:-3px;min-height:0;overflow:auto;padding:3px}.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)}.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:288px}body.ltr .fld-tab{padding:0 25px 24px 0}body.rtl .fld-tab{padding:0 0 24px 25px}.fld-tab .tabs{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:flex;gap:var(--xs);max-width:calc(100% - 10px);padding:8px 14px}body:not(.dragging) .fld-tab .tabs .tab.draggable{cursor:move;cursor:grab}.fld-tab .tabs .tab span{overflow:hidden;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:linear-gradient(90deg,#ecf2f9 1px,transparent 0),linear-gradient(180deg,#ecf2f9 1px,transparent 0);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-element{align-items:center;background-color:var(--white);border-radius:var(--medium-border-radius);box-shadow:inset 0 0 0 1px var(--hairline-color);display:flex;gap:var(--s);padding:var(--s);position:relative}body:not(.dragging) .fld-element{cursor:move;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:not(.draghelper){box-shadow:none}.fld-element.fld-field .field-name{display:flex;flex-direction:column;gap:var(--xs)}.fld-element .fld-element-icon{text-align:center}.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{flex:1;overflow:hidden}.fld-element .field-name .fld-attribute,.fld-element .field-name .fld-element-label{align-items:center;display:flex;flex:1}.fld-element .field-name .fld-attribute .smalltext,.fld-element .field-name .fld-element-label h4{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fld-element .field-name .fld-element-label h4{color:var(--text-color);font-weight:400;margin:0}.fld-br,.fld-hr{display:flex;flex:1;justify-content:center;position:relative}.fld-br:before,.fld-hr:before{border-radius:2px;content:"";display:block;font-size:0;height:4px;left:0;position:absolute;top:calc(50% - 2px);width:100%}.fld-br .smalltext,.fld-hr .smalltext{align-items:center;background-color:var(--gray-100);border-radius:var(--large-border-radius);display:flex;height:var(--touch-target-size);justify-content:center;padding:0 var(--s);position:relative}.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;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:flex;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{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{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;-webkit-user-select:none;-moz-user-select:none;-ms-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;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: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{align-items:stretch;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:flex;flex-direction:column;flex-grow:1;overflow:hidden;position:relative}.modal.imageeditor .body .image-container .image{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%}body.has-debug-toolbar .modal.imageeditor .footer{padding-bottom:50px}.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:calc(1rem + 5px)}body.rtl .modal.imageeditor .body .views .crop .custom{padding-right:calc(1rem + 5px)}.modal.imageeditor .body .views .crop .orientation{align-items:center;display:flex;justify-content:center}.modal.imageeditor .body .views .crop .orientation input{-webkit-appearance:none;-moz-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{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{border-bottom:1px solid #000;border-top:1px solid #000;display:flex;flex-direction:row;width:100%}.vertical.imageeditor .body .tabs ul li{border:0;border-right:1px solid #000;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:flex;flex-wrap:wrap;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;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: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{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)}.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;-moz-user-select:none;-ms-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 5d36f84de02..f40b8d9e05e 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,2BAEA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,4BACA,oCAEA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,sCACA,kBAEA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,qBAEA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,oBAEA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,qBAEA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,mBAEA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,oBAEA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,sBAEA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,mBAEA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBAEA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,kBAEA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,mBAEA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,qBAEA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBAEA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBAEA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,sBAEA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,mBAEA,mBACA,mBACA,mBAC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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/_global-sidebar.scss","webpack:///./css/_preview.scss","webpack:///./css/_login.scss","webpack:///../../../../../node_modules/@craftcms/sass/_mixins.scss","webpack:///./css/_fld.scss","webpack:///./css/_image_editor.scss","webpack:///./css/_shame.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%;--gray-050: hsl(var(--gray-050-hsl));--gray-100: hsl(var(--gray-100-hsl));--gray-200: hsl(var(--gray-200-hsl));--gray-300: hsl(var(--gray-300-hsl));--gray-350: hsl(var(--gray-350-hsl));--gray-400: hsl(var(--gray-400-hsl));--gray-500: hsl(var(--gray-500-hsl));--gray-550: hsl(var(--gray-550-hsl));--gray-600: hsl(var(--gray-600-hsl));--gray-700: hsl(var(--gray-700-hsl));--gray-800: hsl(var(--gray-800-hsl));--gray-900: hsl(var(--gray-900-hsl));--gray-1000: hsl(var(--gray-1000-hsl));--red-050: #fef2f2;--red-100: #fee2e2;--red-200: #fecaca;--red-300: #fca5a5;--red-400: #f87171;--red-500: #ef4444;--red-600: #dc2626;--red-700: #b91c1c;--red-800: #991b1b;--red-900: #7f1d1d;--red-950: #450a0a;--orange-050: #fff7ed;--orange-100: #ffedd5;--orange-200: #fed7aa;--orange-300: #fdba74;--orange-400: #fb923c;--orange-500: #f97316;--orange-600: #ea580c;--orange-700: #c2410c;--orange-800: #9a3412;--orange-900: #7c2d12;--orange-950: #431407;--amber-050: #fffbeb;--amber-100: #fef3c7;--amber-200: #fde68a;--amber-300: #fcd34d;--amber-400: #fbbf24;--amber-500: #f59e0b;--amber-600: #d97706;--amber-700: #b45309;--amber-800: #92400e;--amber-900: #78350f;--amber-950: #451a03;--yellow-050: #fefce8;--yellow-100: #fef9c3;--yellow-200: #fef08a;--yellow-300: #fde047;--yellow-400: #facc15;--yellow-500: #eab308;--yellow-600: #ca8a04;--yellow-700: #a16207;--yellow-750: #93580b;--yellow-800: #854d0e;--yellow-900: #713f12;--yellow-950: #422006;--lime-050: #f7fee7;--lime-100: #ecfccb;--lime-200: #d9f99d;--lime-300: #bef264;--lime-400: #a3e635;--lime-500: #84cc16;--lime-600: #65a30d;--lime-700: #4d7c0f;--lime-800: #3f6212;--lime-900: #365314;--lime-950: #1a2e05;--green-050: #f0fdf4;--green-100: #dcfce7;--green-200: #bbf7d0;--green-300: #86efac;--green-400: #4ade80;--green-500: #22c55e;--green-600: #16a34a;--green-700: #15803d;--green-800: #166534;--green-900: #14532d;--green-950: #052e16;--emerald-050: #ecfdf5;--emerald-100: #d1fae5;--emerald-200: #a7f3d0;--emerald-300: #6ee7b7;--emerald-400: #34d399;--emerald-500: #10b981;--emerald-600: #059669;--emerald-700: #047857;--emerald-800: #065f46;--emerald-900: #064e3b;--emerald-950: #022c22;--teal-050: #f0fdfa;--teal-100: #ccfbf1;--teal-200: #99f6e4;--teal-300: #5eead4;--teal-400: #2dd4bf;--teal-500: #14b8a6;--teal-550: #11a697;--teal-600: #0d9488;--teal-700: #0f766e;--teal-800: #115e59;--teal-900: #134e4a;--teal-950: #042f2e;--cyan-050: #ecfeff;--cyan-100: #cffafe;--cyan-200: #a5f3fc;--cyan-300: #67e8f9;--cyan-400: #22d3ee;--cyan-500: #06b6d4;--cyan-600: #0891b2;--cyan-700: #0e7490;--cyan-800: #155e75;--cyan-900: #164e63;--cyan-950: #083344;--sky-050: #f0f9ff;--sky-100: #e0f2fe;--sky-200: #bae6fd;--sky-300: #7dd3fc;--sky-400: #38bdf8;--sky-500: #0ea5e9;--sky-600: #0284c7;--sky-700: #0369a1;--sky-800: #075985;--sky-900: #0c4a6e;--sky-950: #082f49;--blue-050: #eff6ff;--blue-100: #dbeafe;--blue-200: #bfdbfe;--blue-300: #93c5fd;--blue-400: #60a5fa;--blue-500: #3b82f6;--blue-600: #2563eb;--blue-700: #1d4ed8;--blue-800: #1e40af;--blue-900: #1e3a8a;--blue-950: #172554;--indigo-050: #eef2ff;--indigo-100: #e0e7ff;--indigo-200: #c7d2fe;--indigo-300: #a5b4fc;--indigo-400: #818cf8;--indigo-500: #6366f1;--indigo-600: #4f46e5;--indigo-700: #4338ca;--indigo-800: #3730a3;--indigo-900: #312e81;--indigo-950: #1e1b4b;--violet-050: #f5f3ff;--violet-100: #ede9fe;--violet-200: #ddd6fe;--violet-300: #c4b5fd;--violet-400: #a78bfa;--violet-500: #8b5cf6;--violet-600: #7c3aed;--violet-700: #6d28d9;--violet-800: #5b21b6;--violet-900: #4c1d95;--violet-950: #2e1065;--purple-050: #faf5ff;--purple-100: #f3e8ff;--purple-200: #e9d5ff;--purple-300: #d8b4fe;--purple-400: #c084fc;--purple-500: #a855f7;--purple-600: #9333ea;--purple-700: #7e22ce;--purple-800: #6b21a8;--purple-900: #581c87;--purple-950: #3b0764;--fuchsia-050: #fdf4ff;--fuchsia-100: #fae8ff;--fuchsia-200: #f5d0fe;--fuchsia-300: #f0abfc;--fuchsia-400: #e879f9;--fuchsia-500: #d946ef;--fuchsia-600: #c026d3;--fuchsia-700: #a21caf;--fuchsia-800: #86198f;--fuchsia-900: #701a75;--fuchsia-950: #4a044e;--pink-050: #fdf2f8;--pink-100: #fce7f3;--pink-200: #fbcfe8;--pink-300: #f9a8d4;--pink-400: #f472b6;--pink-500: #ec4899;--pink-600: #db2777;--pink-700: #be185d;--pink-800: #9d174d;--pink-900: #831843;--pink-950: #500724;--rose-050: #fff1f2;--rose-100: #ffe4e6;--rose-200: #fecdd3;--rose-300: #fda4af;--rose-400: #fb7185;--rose-500: #f43f5e;--rose-600: #e11d48;--rose-700: #be123c;--rose-800: #9f1239;--rose-900: #881337;--rose-950: #4c0519}:root{--bg-color: $grey100;--bg-color-hsl: 212deg, 50%, 93%;--primary-color: var(--red-600);--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: #1f5fea;--font-weight-bold: 700;--hairline-color: rgba(51, 64, 77, 0.1);--medium-hairline-color: #cfd8e3;--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-500);--error-color: #d81e23;--warning-color: var(--amber-700);--success-color: var(--teal-700);--notice-color: var(--sky-700);--enabled-color: var(--teal-550);--pending-color: var(--orange-400);--disabled-color: var(--red-600);--indicator-border-color: var(--amber-600);--indicator-icon-color: var(--amber-700);--small-border-radius: 3px;--medium-border-radius: 4px;--large-border-radius: 5px;--menu-border-radius: var(--medium-border-radius);--checkbox-size: 1rem;--radio-size: 1rem}@font-face{font-family:\"Craft\";src:url(\"../fonts/Craft.woff2\") format(\"woff2\"),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;font-display:block}:root{--ui-control-color: var(--gray-550);--ui-control-hover-color: var(--gray-600);--ui-control-active-color: var(--gray-700);--ui-control-static-bg-color: rgba(96, 125, 159, 0.25);--ui-control-bg-color: var(--ui-control-static-bg-color);--ui-control-hover-bg-color: rgba(96, 125, 159, 0.3);--ui-control-active-bg-color: rgba(96, 125, 159, 0.5);--ui-control-border-radius: var(--large-border-radius);--ui-control-height: calc(34rem / 16);--ui-control-height--small: calc(30rem / 16);--light-focus-hsl: 211.6981132075deg, 96.3636363636%, 78.431372549%;--medium-focus-hsl: 217.2192513369deg, 91.2195121951%, 59.8039215686%;--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: calc( 24rem / 16 );--thumb-size: calc(20rem / 16);--icon-size: 1rem;--elements-busy-top-position: calc(50% - var(--size, 20px) / 2);--lh: 1.42em}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:var(--lh);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}.mt-0{margin-top:0 !important}.mt-xs{margin-top:var(--xs) !important}.mt-s{margin-top:var(--s) !important}.mt-m{margin-top:var(--m) !important}.mt-l{margin-top:var(--l) !important}.mt-xl{margin-top:var(--xl) !important}.mb-0{margin-bottom:0 !important}.mb-xs{margin-bottom:var(--xs) !important}.mb-s{margin-bottom:var(--s) !important}.mb-m{margin-bottom:var(--m) !important}.mb-l{margin-bottom:var(--l) !important}.mb-xl{margin-bottom:var(--xl) !important}.ml-0{margin-left:0 !important}.ml-xs{margin-left:var(--xs) !important}.ml-s{margin-left:var(--s) !important}.ml-m{margin-left:var(--m) !important}.ml-l{margin-left:var(--l) !important}.ml-xl{margin-left:var(--xl) !important}.mr-0{margin-right:0 !important}.mr-xs{margin-right:var(--xs) !important}.mr-s{margin-right:var(--s) !important}.mr-m{margin-right:var(--m) !important}.mr-l{margin-right:var(--l) !important}.mr-xl{margin-right:var(--xl) !important}.mx-0{margin-left:0 !important;margin-right:0 !important}.mx-xs{margin-left:var(--xs) !important;margin-right:var(--xs) !important}.mx-s{margin-left:var(--s) !important;margin-right:var(--s) !important}.mx-m{margin-left:var(--m) !important;margin-right:var(--m) !important}.mx-l{margin-left:var(--l) !important;margin-right:var(--l) !important}.mx-xl{margin-left:var(--xl) !important;margin-right:var(--xl) !important}.my-0{margin-top:0 !important;margin-bottom:0 !important}.my-xs{margin-top:var(--xs) !important;margin-bottom:var(--xs) !important}.my-s{margin-top:var(--s) !important;margin-bottom:var(--s) !important}.my-m{margin-top:var(--m) !important;margin-bottom:var(--m) !important}.my-l{margin-top:var(--l) !important;margin-bottom:var(--l) !important}.my-xl{margin-top:var(--xl) !important;margin-bottom:var(--xl) !important}.no-scroll{overflow:hidden !important}.draghelper{box-sizing:border-box;list-style-type:none}.offset-drag-helper{transition:margin linear 200ms,padding linear 200ms}body.dragging.ltr .offset-drag-helper{margin:-50px 0 0 -50px;padding:60px 0 0 60px}body.dragging.rtl .offset-drag-helper{margin:-50px -50px 0 0;padding:60px 60px 0 0}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 ul.padded li .menu-item.sel:before,.menu ul.padded li .menu-option.sel:before,.menu .flex.padded.sel:before,.texticon:before,#help:before,.secure:before,.insecure:before,.go:after,.required:after,.preview-btn:before,.view-btn:before,.action-btn:before,[data-icon]:before,[data-icon-after]:after{font-family:\"Craft\";speak:never;-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}.badge-icon{position:relative;top:-1px;display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;box-sizing:border-box;border:1px solid var(--indicator-border-color);border-radius:var(--small-border-radius);color:var(--indicator-icon-color);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)}[data-icon-size=large][data-icon]:before,[data-icon-size=large][data-icon-after]:after{font-size:20px}[data-icon-size=small][data-icon]:before,[data-icon-size=small][data-icon-after]:after{font-size:14px}[data-icon-size=puny][data-icon]:before,[data-icon-size=puny][data-icon-after]:after{font-size:12px}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\"}.action-btn:before{content:\"ellipsis\"}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}a[aria-current]{cursor:default}body.underline-links a,a:hover{text-decoration:underline}a .cp-icon svg rect,a .cp-icon svg circle,a .cp-icon svg ellipse,a .cp-icon svg line,a .cp-icon svg polyline,a .cp-icon svg polygon,a .cp-icon svg path,a .cp-icon svg text{fill:var(--link-color);stroke-width:0}a:not([href]){color:inherit;cursor:inherit}body.underline-links a:not([href]),a:not([href]):hover{text-decoration:none}a.iconlink:before{width:1rem}body.ltr a.iconlink:before{margin-right:var(--xs)}body.rtl a.iconlink:before{margin-left:var(--xs)}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\"}body.ltr a [data-icon=external]{margin-left:var(--xs)}body.rtl a [data-icon=external]{margin-right:var(--xs)}button{cursor:pointer}.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:never;-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}.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)}.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(37, 99, 235, 0.2), rgba(37, 99, 235, 0) 50%)}body.rtl .so-notice>.draft-notice{background-image:linear-gradient(to left, rgba(37, 99, 235, 0.2), rgba(37, 99, 235, 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(30,64,175,.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(30,58,138,.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:#1555e2}.draft-notice .discard-changes-btn:active{border-color:#134cca}.revision-notice{display:flex;align-items:center;align-content:stretch;justify-content:center;gap:var(--s);color:var(--gray-600)}#content-notice .revision-notice{display:inline-flex;justify-content:flex-start}.revision-notice p{flex:1;margin:0}.revision-notice .revision-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(51,64,77,.2);box-sizing:border-box;box-shadow:0 1px 1px 1px var(--white)}.revision-notice .revision-icon:before{position:relative;left:1px;color:var(--grey-800) !important;font-size:18px}.revision-notice .revision-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(30,58,138,.2)}button.toggle{appearance:none;color:inherit;background:none;border:none;padding:0}.toggle:before,a.fieldtoggle:before{display:block;content:\"\";font-size:0;width:.4375rem;height:.4375rem;border:solid currentColor;border-width:0 .125rem .125rem 0;opacity:.8;position:relative;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}ul.errors em{font-style:normal}strong,b,i em{font-weight:bold}.readable{font-size:16px;line-height:22px}.readable h1,.readable .h1,.readable h2,.readable .h2,.readable h3,.readable .h3,.readable h4,.readable .h4,.readable h5,.readable .h5,.readable h6,.readable .h6{margin:24px 0 16px;font-weight:600}.readable h1,.readable .h1{font-size:32px;line-height:40px;color:#000}.readable h2,.readable .h2{font-size:24px;line-height:30px}.readable h3,.readable .h3{font-size:20px;line-height:24px}.readable h4,.readable .h4{font-size:16px;line-height:20px}.readable h5,.readable .h5{font-size:14px;line-height:18px}.readable h6,.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 .tip-dismiss-btn{position:absolute;top:12px}body.ltr .readable .tip-dismiss-btn{right:12px}body.rtl .readable .tip-dismiss-btn{left:12px}.readable .tip-dismiss-btn+p{margin-top:0}.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:50px}body.rtl .readable blockquote.note{padding-right:50px}body.ltr .readable blockquote.note.dismissible{padding-right:36px}body.rtl .readable blockquote.note.dismissible{padding-left:36px}.readable blockquote.note:not(.tip):not(.warning){border-color:#dc2626;color:#bf503f}.readable blockquote.note:not(.tip):not(.warning):before{content:\"alert\";color:#dc2626}.readable blockquote.note.tip{border-color:#1f5fea;color:#1f5fea}.readable blockquote.note.tip:before{content:\"lightbulb\";color:#1f5fea}.readable blockquote.note.warning{border-color:#854d0e;color:#cf783a}.readable blockquote.note.warning:before{content:\"alert\";color:#854d0e}.readable blockquote.note:before{font-family:\"Craft\";speak:never;-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:1;position:absolute;top:15px;font-size:24px;width:24px}body.ltr .readable blockquote.note:before{left:16px}body.rtl .readable blockquote.note:before{right:16px}.readable blockquote.note a[href]{color:currentColor;text-decoration:underline}.readable .go:after{font-size:14px}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:12px;color:var(--rose-500)}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:never;-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;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:never;-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;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:not(.disabled){cursor:move}.icon.move:before{content:\"move\";color:var(--custom-text-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:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width: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:never;-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;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}.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}body.ltr .customize-sources-modal.sidebar-hidden{padding-left:0}body.rtl .customize-sources-modal.sidebar-hidden{padding-right:0}.customize-sources-modal.sidebar-hidden>.cs-sidebar{display:none}.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{--selected-item-color: var(--white);display:flex;width:calc(100% - 1px);box-sizing:border-box;align-items:center;position:relative;margin-top:-1px;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{--focus-ring: 0 0 0 1px hsl(var(--light-focus-hsl)), 0 0 0 3px hsla(var(--light-focus-hsl), 0.7);--ui-control-color: var(--selected-item-color);background-color:var(--dark-sel-color);color:var(--selected-item-color);z-index:1}.customize-sources-item .label{flex:1}.customize-sources-item.heading .label{text-transform:uppercase;color:var(--light-text-color);font-size:12px;font-weight:bold}.customize-sources-item.heading.sel .label{color:var(--selected-item-color)}.customize-sources-item__move{position:absolute;top:50%;transform:translate(-50%, -50%);justify-content:center;align-items:center}body.ltr .customize-sources-item__move{right:0}body.rtl .customize-sources-item__move{left:0}.customize-sources-item__move.icon{display:flex;text-decoration:none}.customize-sources-item__btn{padding:8px 14px;margin:3px}body.ltr .customize-sources-item__btn{padding-right:30px}body.rtl .customize-sources-item__btn{padding-left:30px}.checkbox-select-item{display:flex;align-items:flex-start;align-content:stretch;margin-bottom:4px}.checkbox-select-item .move{margin-top:-3px;position:relative;z-index:1}body.ltr .checkbox-select-item .move{margin-right:10px}body.rtl .checkbox-select-item .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:.4375rem;height:.4375rem;border:solid var(--light-text-color);border-width:0 .0625rem .0625rem 0;opacity:.8;position:relative}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:var(--s);min-height:34px}.toolbar.flex,.toolbar .flex{align-items:flex-start}.toolbar .text{border-radius:var(--large-border-radius) !important}.flex{display:flex;align-items:center;align-content:stretch;gap:var(--s)}.flex.flex-gap-xs{gap:var(--xs)}.flex.flex-gap-m{gap:var(--m)}.flex.flex-gap-l{gap:var(--l)}.flex.flex-gap-xl{gap:var(--xl)}.flex:not(.flex-nowrap){flex-wrap:wrap}.flex>*.label{white-space:nowrap}.centeralign .flex{justify-content:center}.inline-flex{display:inline-flex !important;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;max-width:100%}.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(--ui-control-border-radius);padding:7px 10px;border:none;text-align:center;white-space:nowrap;user-select:none;box-sizing:border-box;appearance:none;color:currentColor;font-size:inherit;background-color:var(--ui-control-bg-color)}.btn:not([aria-current]){cursor:pointer}.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.hairline{border:1px solid var(--medium-hairline-color);background-color:rgba(0,0,0,0)}.btn.hairline:hover,.btn.hairline:active,.btn.hairline[aria-expanded=true]{border-color:var(--dark-hairline-color)}.btn.hairline:active,.btn.hairline[aria-expanded=true]{background-color:var(--ui-control-static-bg-color)}.btn.wrap{height:auto;min-height:34px;white-space:initial;text-align:left}.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]):focus,.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]).focus,.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]):hover{--ui-control-bg-color: var(--ui-control-hover-bg-color)}.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]):active,.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]).active,.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current])[aria-expanded=true]{--ui-control-bg-color: var(--ui-control-active-bg-color)}.btn[type=color]{padding:6px !important;width:36px}.btn.active,.btn.loading{cursor:default}.btn:hover{text-decoration:none}.btn:empty,.btn.btn-empty{padding-left:12px;padding-right:12px}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:not(.action-btn)[data-icon]:empty:before,body.ltr .btn.menubtn:not(.action-btn)[data-icon].btn-empty:before,body.ltr .btn.menubtn:not(.action-btn).icon:empty:before,body.ltr .btn.menubtn:not(.action-btn).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:not(.action-btn)[data-icon]:empty:before,body.rtl .btn.menubtn:not(.action-btn)[data-icon].btn-empty:before,body.rtl .btn.menubtn:not(.action-btn).icon:empty:before,body.rtl .btn.menubtn:not(.action-btn).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}.btn [data-icon]{margin-top:-3px}body.ltr .btn [data-icon]{margin-right:5px}body.rtl .btn [data-icon]{margin-left:5px}.btn [data-icon].light:before{color:var(--gray-300)}.disabled{opacity:.25;pointer-events:none;user-select:none}.noteditable{cursor:not-allowed}.noteditable .element,.noteditable .lightswitch-container,.noteditable+.colorhex{cursor:not-allowed}.btn,.spinner{height:var(--ui-control-height)}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(.action-btn):not(:empty):not(.btn-empty):after,body.ltr .menubtn:not(.action-btn).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(.action-btn):not(:empty):not(.btn-empty):after,body.rtl .menubtn:not(.action-btn).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;border-radius:var(--large-border-radius)}.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}.btngroup--exclusive .btn[aria-pressed=true]:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]){background-color:var(--gray-500);color:var(--white)}.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 .copytextbtn__icon{padding:0;width:13px;background:none;margin-top:-3px;color:var(--light-text-color)}body.ltr .copytextbtn .copytextbtn__icon{margin-left:5px}body.rtl .copytextbtn .copytextbtn__icon{margin-right:5px}.copytextbtn:hover,.copytextbtn:focus{border-color:var(--medium-hairline-color);color:var(--text-color)}.copytextbtn:hover .copytextbtn__value,.copytextbtn:focus .copytextbtn__value{color:var(--text-color)}.copytextbtn.small{padding:0 5px}.copytextbtn.small .copytextbtn__value{font-size:.6875rem}.menu-toggle,.menubtn:not(.action-btn){display:inline-flex;align-items:center;user-select:none}.menu-toggle:after,.menubtn:not(.action-btn):after{display:block;content:\"\";font-size:0;width:.4375rem;height:.4375rem;border:solid currentColor;border-width:0 .125rem .125rem 0;opacity:.8;position:relative;transform:rotate(45deg);position:relative}.menu-toggle.btn:after,.menubtn:not(.action-btn).btn:after{top:-1px}.menu-toggle.btn:not(.disabled):not(.inactive):active:after,.menu-toggle.btn:not(.disabled):not(.inactive).active:after,.menubtn:not(.action-btn).btn:not(.disabled):not(.inactive):active:after,.menubtn:not(.action-btn).btn:not(.disabled):not(.inactive).active:after{border-color:var(--ui-control-active-color)}.menu-toggle.btn.submit:after,.menubtn:not(.action-btn).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:not(.action-btn).btn.submit:not(.disabled):not(.inactive):hover:after,.menubtn:not(.action-btn).btn.submit:not(.disabled):not(.inactive).hover:after,.menubtn:not(.action-btn).btn.submit:not(.disabled):not(.inactive):active:after,.menubtn:not(.action-btn).btn.submit:not(.disabled):not(.inactive).active:after{opacity:1}.menu-toggle:not(.btn):not(.icon),.menubtn:not(.action-btn):not(.btn):not(.icon){height:17px}.menu-toggle:not(.btn):not(.icon):after,.menubtn:not(.action-btn):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:not(.action-btn):empty,body.ltr .menubtn:not(.action-btn).btn-empty{padding-left:8px}body.rtl .menu-toggle:empty,body.rtl .menu-toggle.btn-empty,body.rtl .menubtn:not(.action-btn):empty,body.rtl .menubtn:not(.action-btn).btn-empty{padding-right:8px}body.ltr .menu-toggle:empty,body.ltr .menu-toggle.btn-empty,body.ltr .menubtn:not(.action-btn):empty,body.ltr .menubtn:not(.action-btn).btn-empty{padding-right:8px}body.rtl .menu-toggle:empty,body.rtl .menu-toggle.btn-empty,body.rtl .menubtn:not(.action-btn):empty,body.rtl .menubtn:not(.action-btn).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:var(--elements-busy-top-position);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 var(--s) !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.huge{padding:var(--l);line-height:48px;height:48px}.btn.submit,.btn.secondary{color:var(--white) !important;--ui-control-active-color: var(--white);-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:#c82020 !important}.btn.submit:not(.disabled):not(.inactive):not(.loading):active,.btn.submit:not(.disabled):not(.inactive):not(.loading).active,.btn.submit:not(.disabled):not(.inactive):not(.loading)[aria-expanded=true]{background-color:#b21d1d !important}.btn.caution{background-color:var(--red-050) !important;color:var(--error-color)}.btn.caution:hover,.btn.caution.hover,.btn.caution:focus{background-color:#fcdada !important}.btn.caution:active,.btn.caution.active,.btn.caution[aria-expanded=true]{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,.secondary-buttons .btn.submit:not(.disabled):not(.inactive):not(.loading)[aria-expanded=true],.btn.secondary:not(.disabled):not(.inactive):not(.loading):active,.btn.secondary:not(.disabled):not(.inactive):not(.loading).active,.btn.secondary:not(.disabled):not(.inactive):not(.loading)[aria-expanded=true]{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,.btn.dashed:not(.disabled)[aria-expanded=true]{background-color:rgba(205,216,228,.25)}.chevron-btns{display:flex;justify-content:flex-start}.chevron-btns .btn{position:relative;padding:0;border-radius:0;background-color:rgba(0,0,0,0)}.chevron-btns .btn.current-step,.chevron-btns .btn.active-drop-target{color:var(--white);--text-color: var(--white);--ui-control-color: var(--white);--ui-control-bg-color: var(--gray-500);--ui-control-hover-bg-color: #55616d;--ui-control-active-bg-color: #4a545e}.chevron-btns .btn.current-step{-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)}.chevron-btns .btn:focus{z-index:1;box-shadow:none}.chevron-btns .btn:focus .label{z-index:1;box-shadow:var(--focus-ring)}.reduce-focus-visibility .chevron-btns .btn:focus:not(:focus-visible) .label{box-shadow:none}.reduce-focus-visibility .chevron-btns .btn:focus-visible .label{box-shadow:var(--focus-ring)}body.ltr .chevron-btns .btn:not(.has-action-menu){padding-right:calc(var(--ui-control-height)/2)}body.rtl .chevron-btns .btn:not(.has-action-menu){padding-left:calc(var(--ui-control-height)/2)}body.ltr .chevron-btns .btn:not(.has-action-menu){margin-right:2.8px}body.rtl .chevron-btns .btn:not(.has-action-menu){margin-left:2.8px}body.ltr .chevron-btns .btn:not(.has-action-menu):not(.current-step[data-disclosure-trigger]) .btn-body{padding-right:5px}body.rtl .chevron-btns .btn:not(.has-action-menu):not(.current-step[data-disclosure-trigger]) .btn-body{padding-left:5px}body.ltr .chevron-btns .btn.current-step[data-disclosure-trigger] .btn-body{padding-left:8px}body.rtl .chevron-btns .btn.current-step[data-disclosure-trigger] .btn-body{padding-right:8px}.chevron-btns .btn.current-step[data-disclosure-trigger] .btn-body .label{padding:3px}.chevron-btns .btn.current-step[data-disclosure-trigger] .btn-body .label:after{display:block;content:\"\";font-size:0;width:.4375rem;height:.4375rem;border:solid currentColor;border-width:0 .125rem .125rem 0;opacity:.8;position:relative;transform:rotate(45deg);position:relative}.chevron-btns .btn .btn-body{display:inline-flex;align-items:center;justify-content:center;height:var(--ui-control-height);background-color:var(--ui-control-bg-color)}.chevron-btns .btn .btn-body [data-icon]{--ui-control-height: calc((13rem / 16));text-align:center}body.ltr .chevron-btns .btn .btn-body [data-icon]{margin-right:0}body.rtl .chevron-btns .btn .btn-body [data-icon]{margin-left:0}.chevron-btns .btn .label{display:inline-flex;align-items:center;overflow:hidden;text-overflow:ellipsis}body.ltr .chevron-btns .btn.has-action-menu .btn-body{padding-right:1px}body.rtl .chevron-btns .btn.has-action-menu .btn-body{padding-left:1px}body.ltr .chevron-btns .btn.has-action-menu .btn-body{margin-right:0}body.rtl .chevron-btns .btn.has-action-menu .btn-body{margin-left:0}.chevron-btns .btn .chevron-right,.chevron-btns .btn .chevron-left{position:absolute;top:0;height:100%;width:calc(var(--ui-control-height)/2)}.chevron-btns .btn .chevron-left{border-top:calc(var(--ui-control-height)/2) solid var(--ui-control-bg-color)}body.ltr .chevron-btns .btn .chevron-left{left:0}body.rtl .chevron-btns .btn .chevron-left{right:0}body.ltr .chevron-btns .btn .chevron-left{border-left:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0)}body.rtl .chevron-btns .btn .chevron-left{border-right:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0)}.chevron-btns .btn .chevron-left:after{display:block;content:\"\";font-size:0;position:absolute;bottom:0;border-bottom:calc(var(--ui-control-height)/2) solid var(--ui-control-bg-color)}body.ltr .chevron-btns .btn .chevron-left:after{right:0}body.rtl .chevron-btns .btn .chevron-left:after{left:0}body.ltr .chevron-btns .btn .chevron-left:after{border-left:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0)}body.rtl .chevron-btns .btn .chevron-left:after{border-right:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0)}.chevron-btns .btn .chevron-right{border-top:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0);border-bottom:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0)}body.ltr .chevron-btns .btn .chevron-right{right:0}body.rtl .chevron-btns .btn .chevron-right{left:0}body.ltr .chevron-btns .btn .chevron-right{border-left:calc(var(--ui-control-height)/2) solid var(--ui-control-bg-color)}body.rtl .chevron-btns .btn .chevron-right{border-right:calc(var(--ui-control-height)/2) solid var(--ui-control-bg-color)}.chevron-btns ol{position:relative;list-style-type:none;display:flex}body.ltr .chevron-btns ol{padding-left:0}body.rtl .chevron-btns ol{padding-right:0}body.ltr .chevron-btns ol li.first-step .btn .btn-body{padding-left:14px}body.rtl .chevron-btns ol li.first-step .btn .btn-body{padding-right:14px}body.ltr .chevron-btns ol li.first-step .btn .btn-body{border-radius:var(--ui-control-border-radius) 0 0 var(--ui-control-border-radius)}body.rtl .chevron-btns ol li.first-step .btn .btn-body{border-radius:0 var(--ui-control-border-radius) var(--ui-control-border-radius) 0}.chevron-btns ol li.first-step .btn .chevron-left{display:none}body.ltr .chevron-btns ol li:not(.first-step) .btn{margin-left:calc(-1*var(--ui-control-height)/2)}body.rtl .chevron-btns ol li:not(.first-step) .btn{margin-right:calc(-1*var(--ui-control-height)/2)}body.ltr .chevron-btns ol li:not(.first-step) .btn{padding-left:calc(var(--ui-control-height)/2)}body.rtl .chevron-btns ol li:not(.first-step) .btn{padding-right:calc(var(--ui-control-height)/2)}body.ltr .chevron-btns ol li:not(.first-step) .btn .btn-body{padding-left:7px}body.rtl .chevron-btns ol li:not(.first-step) .btn .btn-body{padding-right:7px}.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):not(.noteditable){cursor:pointer}.color:not(.small){background-image:linear-gradient(45deg, rgba(154, 165, 177, 0.25) 25%, transparent 25%),linear-gradient(135deg, rgba(154, 165, 177, 0.25) 25%, transparent 25%),linear-gradient(45deg, transparent 75%, rgba(154, 165, 177, 0.25) 75%),linear-gradient(135deg, transparent 75%, rgba(154, 165, 177, 0.25) 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, rgba(154, 165, 177, 0.25) 25%, transparent 25%),linear-gradient(135deg, rgba(154, 165, 177, 0.25) 25%, transparent 25%),linear-gradient(45deg, transparent 75%, rgba(154, 165, 177, 0.25) 75%),linear-gradient(135deg, transparent 75%, rgba(154, 165, 177, 0.25) 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;max-width:100%;padding-left:7px;padding-right:7px}.lightswitch-outer-container .lightswitch-inner-container span{flex-grow:1;padding:7px 0;color:var(--medium-text-color);cursor:default;overflow:auto;overflow-wrap:break-word;hyphens:auto}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}.lightswitch-outer-container .lightswitch-inner-container span[data-toggle=off]{text-align:right}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}body.rtl .lightswitch-outer-container .lightswitch-inner-container span[data-toggle=off]{text-align:left}.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;min-width:34px;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:1.875rem;height:1.875rem;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:.4375rem;height:.4375rem;border:solid var(--light-text-color);border-width:0 .125rem .125rem 0;opacity:.8;position:relative}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:.4375rem;height:.4375rem;border:solid var(--light-text-color);border-width:0 .125rem .125rem 0;opacity:.8;position:relative}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)}body:not(.reduce-focus-visibility) .pagination .page-link:not(.disabled):focus,body.reduce-focus-visibility .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{--pane-y-padding-default: calc(var(--xl) - 2px);--pane-x-padding-default: calc(var(--padding) - 2px);margin:calc(var(--pane-padding, var(--pane-y-padding-default))*-1) calc(var(--pane-padding, var(--pane-x-padding-default))*-1) calc(var(--pane-padding, var(--padding))*-1 + var(--pane-padding, var(--m)));padding:0 !important;overflow-x:auto}body.ltr .tablepane table.data th:first-child,body.ltr .tablepane table.data td:first-child{padding-left:var(--m)}body.rtl .tablepane table.data th:first-child,body.rtl .tablepane table.data td:first-child{padding-right:var(--m)}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% - .5rem)}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(--border-radius, var(--small-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(--border-radius, var(--small-border-radius))}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-bottom-left-radius:var(--border-radius, var(--small-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-bottom-right-radius:var(--border-radius, var(--small-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(--border-radius, var(--small-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(--border-radius, var(--small-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-bottom-right-radius:var(--border-radius, var(--small-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-bottom-left-radius:var(--border-radius, var(--small-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:var(--s);padding-bottom:var(--s)}table.data thead th{white-space:nowrap;vertical-align:middle}table.data thead th.orderable{position:relative;padding:0 !important}body:not(.dragging) 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:.4375rem;height:.4375rem;border:solid currentColor;border-width:0 .125rem .125rem 0;opacity:.8;position:relative;transform:rotate(225deg);top:2px;position:absolute;top:calc(50% - 3px)}body.ltr table.data thead th.orderable.ordered:not(.loading) button:after{right:var(--m)}body.rtl table.data thead th.orderable.ordered:not(.loading) button:after{left:var(--m)}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:var(--pane-padding, var(--m)) var(--m)}body.ltr table.data thead th.orderable button{padding-right:35px}body.rtl table.data thead th.orderable button{padding-left:35px}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{--hover-bg-color: var(--gray-050);--selected-bg-color: var(--dark-sel-color)}table.data tbody tr:not(.disabled):hover th,table.data tbody tr:not(.disabled):hover td{background-color:var(--hover-bg-color)}table.data tbody tr:not(.disabled):focus{position:relative;z-index:1}table.data tbody tr:not(.disabled).sel,table.data tbody tr:not(.disabled).active-drop-target{--text-color: var(--white);--medium-dark-text-color: var(--white);--medium-text-color: var(--white);--light-text-color: var(--white);--link-color: var(--white);--ui-control-color: var(--white);--focus-ring: 0 0 0 3px hsl(var(--light-focus-hsl))}table.data tbody tr:not(.disabled).sel th,table.data tbody tr:not(.disabled).sel td,table.data tbody tr:not(.disabled).active-drop-target th,table.data tbody tr:not(.disabled).active-drop-target td{color:var(--white);background-color:var(--selected-bg-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.data tr.sel:not(.draggee)+tr.sel:not(.draggee) th,table.data tr.sel:not(.draggee)+tr.sel:not(.draggee) td{border-top-color:var(--gray-300)}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{background-color:var(--white);box-shadow:0 1px 5px -1px rgba(31,41,51,.2)}.datatablesorthelper,.datatablesorthelper .chip,.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}.chip,.card{color:var(--custom-text-color, var(--text-color));background-color:var(--custom-bg-color, var(--gray-050))}.chip{position:relative;display:inline-flex;align-items:center;cursor:default;user-select:none;font-weight:normal;padding:var(--xs) var(--s);max-width:100%;gap:var(--xs);border-radius:var(--large-border-radius)}.chip.small{flex-direction:row;height:calc(1.625rem + 8px);--thumb-size: calc(30rem / 16)}.chip.small>.thumb{margin:calc(var(--xs)*-1 + 2px) calc(var(--s)*-1 + 2px)}body.ltr .chip.small>.thumb{margin-right:2px}body.rtl .chip.small>.thumb{margin-left:2px}.chip.small>.thumb.cp-icon{--thumb-size: 1rem}body.ltr .chip.small>.thumb.cp-icon{margin-left:-2px}body.rtl .chip.small>.thumb.cp-icon{margin-right:-2px}.chip.large{flex-direction:column;--thumb-size: 120px;min-width:calc(var(--s)*2 + var(--thumb-size))}.chip.large .chip-content{width:100%}.chip .chip-content{display:flex;flex-direction:row;align-items:center;gap:var(--s);max-width:100%}body.ltr .chip .chip-content .status,body.ltr .chip .chip-content .icon{margin-right:0}body.rtl .chip .chip-content .status,body.rtl .chip .chip-content .icon{margin-left:0}.chip .chip-content .icon{margin:-4px -1px 0}.chip.sel,li.sel .chip,li.active-drop-target .chip{--text-color: var(--white);--custom-text-color: var(--white) !important;--medium-dark-text-color: var(--white);--medium-text-color: var(--white);--light-text-color: var(--white);--link-color: var(--white);--ui-control-color: var(--white);--focus-ring: 0 0 0 3px hsl(var(--light-focus-hsl));color:var(--white);background-color:var(--custom-sel-bg-color, var(--dark-sel-color)) !important}.chip.sel .cp-icon,li.sel .chip .cp-icon,li.active-drop-target .chip .cp-icon{--icon-color: var(--white) !important}.chip.sel,.sel .chip{cursor:default}.chip.sel .thumb,.sel .chip .thumb{filter:brightness(0.85)}.chip.sel .thumb img,.sel .chip .thumb img{box-shadow:0 0 0 1px rgba(96,109,123,.1),0 6px 4px -4px rgba(96,109,123,.2)}.offset-drag-helper .chip{background-color:var(--gray-050);box-shadow:0 1px 5px -1px rgba(31,41,51,.2)}.chip>.thumb{position:relative;display:flex;align-items:center;justify-content:center;width:var(--thumb-size);height:var(--thumb-size)}.chip>.thumb.rounded img,.chip>.thumb.rounded svg{border:var(--xs) solid rgba(0,0,0,0);border-radius:50%}.chip>.thumb.checkered img{background-image:linear-gradient(45deg, rgba(154, 165, 177, 0.25) 25%, transparent 25%),linear-gradient(135deg, rgba(154, 165, 177, 0.25) 25%, transparent 25%),linear-gradient(45deg, transparent 75%, rgba(154, 165, 177, 0.25) 75%),linear-gradient(135deg, transparent 75%, rgba(154, 165, 177, 0.25) 75%);background-size:8px 8px;background-position:0 0,4px 0,4px -4px,0 4px}.chip>.thumb img,.chip>.thumb svg{display:block;flex-shrink:0;border-radius:var(--small-border-radius);max-width:100%;max-height:100%}.cp-icon{display:flex;align-items:center;justify-content:center;width:var(--icon-size);height:var(--icon-size);max-width:var(--icon-size)}.cp-icon svg{width:var(--icon-size);height:var(--icon-size);max-width:var(--icon-size) !important;max-height:var(--icon-size) !important}.cp-icon svg rect,.cp-icon svg circle,.cp-icon svg ellipse,.cp-icon svg line,.cp-icon svg polyline,.cp-icon svg polygon,.cp-icon svg path,.cp-icon svg text{fill:var(--icon-color, var(--ui-control-color));stroke-width:0}.cp-icon.large{--icon-size: calc(20rem / 16)}.cp-icon.small{--icon-size: calc(14rem / 16)}.cp-icon.puny{--icon-size: calc(12rem / 16)}.chips,.cards{display:flex;--custom-bg-color: initial;--custom-text-color: initial;--custom-sel-bg-color: initial}.chips:not(.inline-chips),.cards:not(.inline-chips){flex-direction:column}.chips li,.cards li{max-width:100%}.cards{gap:var(--s)}.chips{align-items:flex-start;gap:var(--xs)}.inline-chips{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--xs)}.inline-chips .chip{margin:0 !important}.card{position:relative;display:flex;flex-direction:row;align-items:stretch;padding:var(--m);gap:var(--m);border-radius:var(--large-border-radius);cursor:default;user-select:none;width:100%}.card:after{border-radius:var(--large-border-radius)}.card.sel,li.sel .card{--text-color: var(--white);--custom-text-color: var(--white) !important;--medium-dark-text-color: var(--white);--medium-text-color: var(--white);--light-text-color: var(--white);--link-color: var(--white);--ui-control-color: var(--white);--focus-ring: 0 0 0 3px hsl(var(--light-focus-hsl));color:var(--white);background-color:var(--custom-sel-bg-color, var(--dark-sel-color)) !important}.card.sel>.thumb,li.sel .card>.thumb{background-color:var(--dark-sel-color) !important;filter:brightness(0.85)}.card>.thumb{position:relative;display:flex;align-items:stretch;margin:calc(var(--m)*-1);width:120px;min-width:120px;min-height:calc(var(--m)*2 + var(--lh)*3 + var(--xs));background-color:var(--gray-100);overflow:hidden}body.ltr .card>.thumb{margin-right:0}body.rtl .card>.thumb{margin-left:0}.card>.thumb:after{display:block;content:\"\";font-size:0;position:absolute;top:0;bottom:0;box-shadow:0 1px 5px -1px rgba(31,41,51,.2);width:10px}body.ltr .card>.thumb:after{right:-10px}body.rtl .card>.thumb:after{left:-10px}body.ltr .card>.thumb,body.ltr .card>.thumb:after{border-radius:var(--large-border-radius) 0 0 var(--large-border-radius)}body.rtl .card>.thumb,body.rtl .card>.thumb:after{border-radius:0 var(--large-border-radius) var(--large-border-radius) 0}.card>.thumb img,.card>.thumb svg{width:100%;max-height:120px;object-fit:cover}body.ltr .card>.cp-icon{margin:0 -4px 0 -2px}body.rtl .card>.cp-icon{margin:0 -2px 0 -4px}.card .card-content,.card .card-content .card-body{display:flex;flex-direction:column;gap:var(--xs);flex:1}.card .card-content{margin:calc((1rem - var(--lh))/2) 0;flex:1 0 0 !important;overflow:hidden;position:relative;--focus-ring: var(--inner-focus-ring)}.card .card-content .card-heading{display:flex;flex-direction:row;align-items:center;gap:5px}.card .card-content .card-heading .status{margin:0;flex:0 0 10px}.card .card-content .card-heading .label{font-weight:600}.card .card-content .card-body:empty{display:none}.card .card-content .card-body>*{--max-lines: 2;margin:0;max-height:calc(var(--lh)*var(--max-lines));overflow:hidden;text-wrap:pretty}.card>.card-actions-container{display:flex;align-items:flex-start !important;position:relative}.card-grid{display:grid !important;gap:var(--s) !important;grid-template-columns:repeat(auto-fill, minmax(360px, 1fr))}.card-grid>li{border-radius:var(--large-border-radius)}.card-grid>li>.card{margin:0 !important;height:100%}.context-label,.context-menu-container{display:inline-flex;align-items:center;height:var(--touch-target-size);padding:0 var(--s);font-size:11px;font-weight:normal;text-decoration:none !important;color:var(--light-text-color);border-radius:calc(var(--touch-target-size)/2);border:1px solid var(--medium-hairline-color)}body.ltr .context-label,body.ltr .context-menu-container{margin-left:var(--xs)}body.rtl .context-label,body.rtl .context-menu-container{margin-right:var(--xs)}body.ltr .context-menu-container{padding-right:0}body.rtl .context-menu-container{padding-left:0}body.ltr .context-menu-container .menubtn:not(.action-btn){margin:0 -1px 0 0}body.rtl .context-menu-container .menubtn:not(.action-btn){margin:0 0 0 -1px}body.ltr .context-menu-container .menubtn:not(.action-btn){padding-right:2px !important}body.rtl .context-menu-container .menubtn:not(.action-btn){padding-left:2px !important}body.ltr .context-menu-container .menubtn:not(.action-btn){border-left:1px solid var(--medium-hairline-color)}body.rtl .context-menu-container .menubtn:not(.action-btn){border-right:1px solid var(--medium-hairline-color)}body.ltr .context-menu-container .menubtn:not(.action-btn){border-radius:0 calc(var(--touch-target-size)/2) calc(var(--touch-target-size)/2) 0}body.rtl .context-menu-container .menubtn:not(.action-btn){border-radius:calc(var(--touch-target-size)/2) 0 0 calc(var(--touch-target-size)/2)}.context-menu-container .menubtn:not(.action-btn):hover{border-color:var(--dark-hairline-color) !important}.context-menu-container>*{display:inline-block}body.ltr .context-menu-container>*{padding-right:var(--s)}body.rtl .context-menu-container>*{padding-left:var(--s)}.context-menu-container .menubtn:not(.action-btn):only-child,.context-menu-container .visually-hidden:first-child+.menubtn:not(.action-btn):last-child{margin:0 calc(var(--s)*-1);border-left:none !important;border-radius:calc(var(--touch-target-size)/2) !important}.chip .checkbox:before,.card .checkbox:before{box-shadow:none !important}.chip .label,.card .label{display:flex;align-items:center;gap:var(--xs);overflow:hidden}.chip .label .label-link,.card .label .label-link{flex:1 1 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chip .label .label-link:focus,.card .label .label-link:focus{box-shadow:var(--inner-focus-ring)}.chip .label .segment:after,.card .label .segment:after{display:inline-flex !important;position:relative;top:-2px;display:block;content:\"\";font-size:0;width:.4375rem;height:.4375rem;border:solid var(--light-text-color);border-width:0 .0625rem .0625rem 0;opacity:.8;position:relative}body.ltr .chip .label .segment:after,body.ltr .card .label .segment:after{margin:0 5px 0 2px}body.rtl .chip .label .segment:after,body.rtl .card .label .segment:after{margin:0 2px 0 5px}body.ltr .chip .label .segment:after,body.ltr .card .label .segment:after{transform:rotate(-45deg)}body.rtl .chip .label .segment:after,body.rtl .card .label .segment:after{transform:rotate(135deg)}.sel .chip .label .segment:after,.sel .card .label .segment:after{display:block;content:\"\";font-size:0;width:.4375rem;height:.4375rem;border:solid var(--white);border-width:0 .0625rem .0625rem 0;opacity:.8;position:relative}body.ltr .sel .chip .label .segment:after,body.ltr .sel .card .label .segment:after{transform:rotate(-45deg)}body.rtl .sel .chip .label .segment:after,body.rtl .sel .card .label .segment:after{transform:rotate(135deg)}.chip>.chip-content>.chip-actions,.chip>.card-actions-container>.card-actions,.card>.chip-content>.chip-actions,.card>.card-actions-container>.card-actions{display:flex;flex-direction:row;align-items:center;gap:var(--s);min-height:1rem}.chip>.chip-content>.chip-actions:empty,.chip>.card-actions-container>.card-actions:empty,.card>.chip-content>.chip-actions:empty,.card>.card-actions-container>.card-actions:empty{display:none}.chip>.chip-content>.chip-actions>.status,.chip>.card-actions-container>.card-actions>.status,.card>.chip-content>.chip-actions>.status,.card>.card-actions-container>.card-actions>.status{margin:0}.chip>.chip-content>.chip-actions>.action-btn,.chip>.chip-content>.chip-actions>.move,.chip>.card-actions-container>.card-actions>.action-btn,.chip>.card-actions-container>.card-actions>.move,.card>.chip-content>.chip-actions>.action-btn,.card>.chip-content>.chip-actions>.move,.card>.card-actions-container>.card-actions>.action-btn,.card>.card-actions-container>.card-actions>.move{height:var(--touch-target-size);width:var(--touch-target-size);margin:0 -4px}.chip>.chip-content>.chip-actions>.action-btn:before,.chip>.chip-content>.chip-actions>.move:before,.chip>.card-actions-container>.card-actions>.action-btn:before,.chip>.card-actions-container>.card-actions>.move:before,.card>.chip-content>.chip-actions>.action-btn:before,.card>.chip-content>.chip-actions>.move:before,.card>.card-actions-container>.card-actions>.action-btn:before,.card>.card-actions-container>.card-actions>.move:before{color:var(--custom-text-color, var(--ui-control-color))}.chip>.chip-content>.chip-actions .action-btn,.chip>.card-actions-container>.card-actions .action-btn,.card>.chip-content>.chip-actions .action-btn,.card>.card-actions-container>.card-actions .action-btn{background-color:rgba(0,0,0,0)}body.ltr .chip>.chip-content>.chip-actions .action-btn:before,body.ltr .chip>.card-actions-container>.card-actions .action-btn:before,body.ltr .card>.chip-content>.chip-actions .action-btn:before,body.ltr .card>.card-actions-container>.card-actions .action-btn:before{margin-right:0 !important}body.rtl .chip>.chip-content>.chip-actions .action-btn:before,body.rtl .chip>.card-actions-container>.card-actions .action-btn:before,body.rtl .card>.chip-content>.chip-actions .action-btn:before,body.rtl .card>.card-actions-container>.card-actions .action-btn:before{margin-left:0 !important}.chip>.chip-content>.chip-actions .action-btn:hover,.chip>.chip-content>.chip-actions .action-btn:active,.chip>.chip-content>.chip-actions .action-btn[aria-expanded=true],.chip>.card-actions-container>.card-actions .action-btn:hover,.chip>.card-actions-container>.card-actions .action-btn:active,.chip>.card-actions-container>.card-actions .action-btn[aria-expanded=true],.card>.chip-content>.chip-actions .action-btn:hover,.card>.chip-content>.chip-actions .action-btn:active,.card>.chip-content>.chip-actions .action-btn[aria-expanded=true],.card>.card-actions-container>.card-actions .action-btn:hover,.card>.card-actions-container>.card-actions .action-btn:active,.card>.card-actions-container>.card-actions .action-btn[aria-expanded=true]{backdrop-filter:brightness(90%)}.chip>.chip-content>.chip-actions .move,.chip>.card-actions-container>.card-actions .move,.card>.chip-content>.chip-actions .move,.card>.card-actions-container>.card-actions .move{margin-top:-3px !important}.chip.error .label .label-link,.card.error .label .label-link{color:var(--error-color)}.element-index .source-path{background-color:var(--gray-050);border-radius:3px;--ui-control-bg-color: var(--light-sel-color);--ui-control-hover-bg-color: #bdcbdb;--ui-control-active-bg-color: #acbed2}.element-index .source-path .chevron-btns{display:inline-flex;position:relative;background:#fff;--ui-control-height: calc((30rem / 16))}.element-index .source-path .chevron-btns:before{display:block;content:\"\";font-size:0;position:absolute;top:0;width:0;height:0;border-top:calc(var(--ui-control-height)/2) solid #f3f7fc}body.ltr .element-index .source-path .chevron-btns:before{right:0}body.rtl .element-index .source-path .chevron-btns:before{left:0}body.ltr .element-index .source-path .chevron-btns:before{border-left:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0)}body.rtl .element-index .source-path .chevron-btns:before{border-right:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0)}.element-index .source-path .chevron-btns:after{display:block;content:\"\";font-size:0;position:absolute;top:calc(var(--ui-control-height)/2);border-bottom:calc(var(--ui-control-height)/2) solid #f3f7fc}body.ltr .element-index .source-path .chevron-btns:after{right:0}body.rtl .element-index .source-path .chevron-btns:after{left:0}body.ltr .element-index .source-path .chevron-btns:after{border-left:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0)}body.rtl .element-index .source-path .chevron-btns:after{border-right:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0)}.element-index .source-path .chevron-btns .btn{--ui-control-border-radius: 3px}.element-index .source-path .btn.settings{box-shadow:0 0 0 2px var(--white)}.element-index.main .source-path{margin:-22px calc(var(--padding)*-1 + 2px) 24px}.elementselectormodal .element-index .source-path{margin-bottom:2px}.element-index.pane .toolbar{position:relative;z-index:2;margin:calc(var(--pane-padding)*-1) calc(var(--pane-padding)*-1) var(--pane-padding) !important;border-radius:calc(var(--large-border-radius) - 1px) calc(var(--large-border-radius) - 1px) 0 0;padding:var(--pane-padding);box-shadow:0 1px 0 var(--hairline-color);background-color:var(--gray-050)}.element-index.pane .header{padding-top:var(--pane-padding);padding-bottom:var(--pane-padding);background-color:rgba(0,0,0,0);border-bottom:1px solid var(--hairline-color)}.element-index.pane .elements{--border-radius: 0}.element-index.pane .elements .tableview table.data thead th,.element-index.pane .elements .tableview table.data thead td{border-bottom:1px solid var(--hairline-color)}.element-index.pane .elements .tableview table.data thead th:not(.ordered),.element-index.pane .elements .tableview table.data thead td:not(.ordered){background-color:rgba(0,0,0,0)}.element-index.pane .footer{border-radius:0 0 calc(var(--large-border-radius) - 1px) calc(var(--large-border-radius) - 1px) !important;box-shadow:none;border-top:1px solid var(--hairline-color);background:rgba(0,0,0,0)}.elements{position:relative}.elements:not(.busy) .update-spinner{display:none}.elements.busy{min-height:72px}.elements.busy:after{display:block;content:\"\";font-size:0;position:absolute;z-index:100;top:0;left:calc(var(--pane-padding, 24px)*-1);width:calc(100% + var(--pane-padding, 24px) + var(--pane-padding, 24px));height:100%;background:rgba(255,255,255,.75);border-radius:var(--large-border-radius)}.elements.busy .update-spinner{z-index:101}.elements .header{margin:calc(var(--xl)*-1 + 2px) calc(var(--padding)*-1 + 2px) var(--xl);padding:var(--s);background-color:var(--gray-050);box-shadow:none;border-radius:var(--border-radius, var(--small-border-radius))}.elements .header:after{content:\"\"}.elements .header .selectallcontainer{display:flex;align-items:center;gap:5px;cursor:default}.elements .tableview tr.draggee th,.elements .tableview tr.draggee td,.elements .thumbsview li.draggee{opacity:.25}.elements .tableview th .move,.elements .tableview th .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 th .move,body.ltr .elements .tableview th .toggle{margin-left:calc(var(--touch-target-size)*-1)}body.rtl .elements .tableview th .move,body.rtl .elements .tableview th .toggle{margin-right:calc(var(--touch-target-size)*-1)}.elements .tableview th .move{font-size:11px;text-decoration:none}.elements .tableview th .toggle{text-align:center;padding:4px;border-radius:50%}body.ltr .elements .tableview th .move+.toggle{margin-left:calc(var(--touch-target-size)*-2)}body.rtl .elements .tableview th .move+.toggle{margin-right:calc(var(--touch-target-size)*-2)}.elements .tableview th .enabled-label{margin-left:var(--xs)}.elements .tableview .chip{background-color:rgba(0,0,0,0)}.elements .thumbsview{display:grid;gap:var(--xs);grid-template-columns:repeat(auto-fill, minmax(180px, 1fr))}.elements .thumbsview li{position:relative;max-width:226px;border-radius:var(--large-border-radius)}body.ltr .elements .thumbsview li{margin:0 1px 1px 0}body.rtl .elements .thumbsview li{margin:0 0 1px 1px}.elements .thumbsview li:hover .chip{background-color:var(--gray-050)}.elements .thumbsview li.sel a{cursor:pointer !important}.elements .thumbsview li.sel a:hover{text-decoration:underline}.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}.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(--gray-200)}body.rtl .structure ul li:not(:last-child):not(.last){border-right:1px solid var(--gray-200)}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 .chip{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 .elements:not(:empty)+.flex,.componentselect .components:not(:empty)+.flex{margin-top:var(--s)}.elementselect{position:relative;min-height:34px}.elementselect .flex,.elementselect .btn{clear:both}.elementselect .chip{z-index:1}.elementselect .structure .chip{margin-top:var(--xs)}body.ltr .elementselect .structure>li{padding-left:0}body.rtl .elementselect .structure>li{padding-right:0}body.ltr .elementselect .structure ul{margin-left:14px}body.rtl .elementselect .structure ul{margin-right:14px}.elementselect .structure ul li{background-position:0 6px !important}.nested-element-cards{display:flex;flex-direction:column;gap:var(--s)}.nested-element-cards>.pane{margin:0}table.editable{border-radius:var(--large-border-radius);border:1px solid var(--gray-200)}table.editable th,table.editable td.heading,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:calc(var(--large-border-radius) - 1px)}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:calc(var(--large-border-radius) - 1px)}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 .editable-table-preview{white-space:pre-wrap}body.ltr table.editable tbody tr td.textual .editable-table-preview{text-align:left}body.rtl table.editable tbody tr td.textual .editable-table-preview{text-align:right}table.editable tbody tr td.textual .editable-table-preview+textarea{opacity:0;height:0;min-height:0;padding-top:0;padding-bottom: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,table.editable tbody .editable-table-preview{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:calc(100% - 29px)}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;position:relative;width:.75rem;height:.75rem;border:1px solid rgba(0,0,0,0);border-radius:100%;box-sizing:border-box;background-clip:border-box}body.ltr .status{margin-right:10px}body.rtl .status{margin-left:10px}body.use-shapes .status.all{rotate:45deg;background-image:linear-gradient(30deg, #184cef, #e5422b)}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.all,body.use-shapes .status.off,body.use-shapes .status.suspended,body.use-shapes .status.expired{border-radius:2px;transform:scale(90%)}.status:not(.on):not(.live):not(.active):not(.enabled):not(.all):not(.pending):not(.warning):not(.off):not(.suspended):not(.expired):not(.light):not(.gray):not(.red):not(.orange):not(.amber):not(.yellow):not(.lime):not(.green):not(.emerald):not(.teal):not(.cyan):not(.sky):not(.blue):not(.indigo):not(.violet):not(.purple):not(.fuchsia):not(.pink):not(.rose):not(.grey):not(.black){border-color:var(--ui-control-color)}.status.all{background-image:linear-gradient(60deg, #184cef, #e5422b);background-origin:border-box}.status.on,.status.live,.status.active,.status.enabled{background-color:var(--enabled-color)}.status.red,.bg-red,.status.off,.status.suspended,.status.expired{background-color:var(--disabled-color)}.status.warning{background-color:var(--warning-color)}.status.orange,.bg-orange,.status.pending{background-color:var(--pending-color)}.status.amber,.bg-amber{background-color:var(--amber-500)}.status.yellow,.bg-yellow{background-color:var(--yellow-500)}.status.lime,.bg-lime{background-color:var(--lime-500)}.status.green,.bg-green{background-color:var(--green-600)}.status.emerald,.bg-emerald{background-color:var(--emerald-500)}.status.teal,.bg-teal,.status.turquoise,.bg-turquoise{background-color:var(--teal-500)}.status.cyan,.bg-cyan{background-color:var(--cyan-500)}.status.sky,.bg-sky{background-color:var(--sky-500)}.status.blue,.bg-blue{background-color:var(--blue-600)}.status.indigo,.bg-indigo{background-color:var(--indigo-500)}.status.violet,.bg-violet{background-color:var(--violet-500)}.status.purple,.bg-purple{background-color:var(--purple-500)}.status.fuchsia,.bg-fuchsia{background-color:var(--fuchsia-500)}.status.pink,.bg-pink{background-color:var(--pink-500)}.status.rose,.bg-rose{background-color:var(--rose-500)}.status.light{background-color:var(--gray-100)}.status.white,.bg-white{background-color:var(--white)}.status.black,.bg-black{background-color:var(--gray-800)}.status.gray,.bg-gray,.status.grey,.bg-grey{background-color:var(--gray-300)}.status.white,.status.disabled{opacity:1}.icon.warning,.cp-icon.warning,[data-icon].warning,[data-icon-after].warning{--icon-color: var(--warning-color)}.icon.red,.cp-icon.red,[data-icon].red,[data-icon-after].red{--icon-color: var(--disabled-color)}.icon.orange,.cp-icon.orange,[data-icon].orange,[data-icon-after].orange{--icon-color: var(--pending-color)}.icon.amber,.cp-icon.amber,[data-icon].amber,[data-icon-after].amber{--icon-color: var(--amber-500)}.icon.yellow,.cp-icon.yellow,[data-icon].yellow,[data-icon-after].yellow{--icon-color: var(--yellow-500)}.icon.lime,.cp-icon.lime,[data-icon].lime,[data-icon-after].lime{--icon-color: var(--lime-500)}.icon.green,.cp-icon.green,[data-icon].green,[data-icon-after].green{--icon-color: var(--green-500)}.icon.emerald,.cp-icon.emerald,[data-icon].emerald,[data-icon-after].emerald{--icon-color: var(--emerald-500)}.icon.teal,.cp-icon.teal,[data-icon].teal,[data-icon-after].teal{--icon-color: var(--teal-500)}.icon.cyan,.cp-icon.cyan,[data-icon].cyan,[data-icon-after].cyan{--icon-color: var(--cyan-500)}.icon.sky,.cp-icon.sky,[data-icon].sky,[data-icon-after].sky{--icon-color: var(--sky-500)}.icon.blue,.cp-icon.blue,[data-icon].blue,[data-icon-after].blue{--icon-color: var(--blue-600)}.icon.indigo,.cp-icon.indigo,[data-icon].indigo,[data-icon-after].indigo{--icon-color: var(--indigo-500)}.icon.violet,.cp-icon.violet,[data-icon].violet,[data-icon-after].violet{--icon-color: var(--violet-500)}.icon.purple,.cp-icon.purple,[data-icon].purple,[data-icon-after].purple{--icon-color: var(--purple-500)}.icon.fuchsia,.cp-icon.fuchsia,[data-icon].fuchsia,[data-icon-after].fuchsia{--icon-color: var(--fuchsia-500)}.icon.pink,.cp-icon.pink,[data-icon].pink,[data-icon-after].pink{--icon-color: var(--pink-500)}.icon.rose,.cp-icon.rose,[data-icon].rose,[data-icon-after].rose{--icon-color: var(--rose-500)}.icon.white,.cp-icon.white,[data-icon].white,[data-icon-after].white{--icon-color: var(--white)}.icon.black,.cp-icon.black,[data-icon].black,[data-icon-after].black{--icon-color: var(--gray-800)}.icon.gray,.cp-icon.gray,[data-icon].gray,[data-icon-after].gray{--icon-color: var(--gray-300)}.warning[data-icon]:before,.warning[data-icon-after]:after,.red[data-icon]:before,.red[data-icon-after]:after,.orange[data-icon]:before,.orange[data-icon-after]:after,.amber[data-icon]:before,.amber[data-icon-after]:after,.yellow[data-icon]:before,.yellow[data-icon-after]:after,.lime[data-icon]:before,.lime[data-icon-after]:after,.green[data-icon]:before,.green[data-icon-after]:after,.emerald[data-icon]:before,.emerald[data-icon-after]:after,.teal[data-icon]:before,.teal[data-icon-after]:after,.cyan[data-icon]:before,.cyan[data-icon-after]:after,.sky[data-icon]:before,.sky[data-icon-after]:after,.blue[data-icon]:before,.blue[data-icon-after]:after,.indigo[data-icon]:before,.indigo[data-icon-after]:after,.violet[data-icon]:before,.violet[data-icon-after]:after,.purple[data-icon]:before,.purple[data-icon-after]:after,.fuchsia[data-icon]:before,.fuchsia[data-icon-after]:after,.pink[data-icon]:before,.pink[data-icon-after]:after,.rose[data-icon]:before,.rose[data-icon-after]:after,.white[data-icon]:before,.white[data-icon-after]:after,.black[data-icon]:before,.black[data-icon-after]:after,.gray[data-icon]:before,.gray[data-icon-after]:after{color:var(--icon-color) !important}.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{--pane-padding: var(--xl);--border: 1px solid var(--hairline-color);background:#fff;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);position:relative;margin:14px 0;padding:var(--pane-padding);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.dashed{background-color:rgba(0,0,0,0) !important;box-shadow:none;border:1px dashed var(--medium-hairline-color) !important}.pane.hairline{background-color:rgba(0,0,0,0) !important;box-shadow:none;border:1px solid rgba(96, 125, 159, 0.25) !important}.pane.no-border{border:none !important}.pane.padding-xs{--pane-padding: var(--xs)}.pane.padding-s{--pane-padding: var(--s)}.pane.padding-m{--pane-padding: var(--m)}.pane.padding-l{--pane-padding: var(--l)}.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:1.875rem;height:1.875rem;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(--padding)*-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]{--tab-label-color: var(--light-text-color)}.pane-tabs [role=tablist] [role=tab].error{--highlight-color: var(--error-color) !important;--tab-label-color: var(--error-color) !important}.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 var(--padding);white-space:nowrap;height:50px}.pane-tabs [role=tablist] [role=tab]:hover{text-decoration:none}body:not(.reduce-focus-visibility) .pane-tabs [role=tablist] [role=tab]:focus,body.reduce-focus-visibility .pane-tabs [role=tablist] [role=tab]:focus-visible{box-shadow:none}body:not(.reduce-focus-visibility) .pane-tabs [role=tablist] [role=tab]:focus .tab-label,body.reduce-focus-visibility .pane-tabs [role=tablist] [role=tab]:focus-visible .tab-label{box-shadow:var(--inner-focus-ring)}.pane-tabs [role=tablist] [role=tab]:not(.sel){color:var(--custom-text-color, var(--tab-label-color))}.pane-tabs [role=tablist] [role=tab]:not(.sel):hover{backdrop-filter:brightness(95%)}.pane-tabs [role=tablist] [role=tab].sel{--highlight-color: var(--gray-500);--tab-label-color: var(--text-color);position:relative;z-index:1;cursor:default;box-shadow:inset 0 2px 0 var(--custom-text-color, var(--highlight-color)),0 0 0 1px rgba(51,64,77,.1),0 2px 12px var(--custom-sel-tab-shadow-color, var(--gray-200));color:var(--tab-label-color);background-color:var(--white) !important}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#tabs:first-child [role=tablist] [role=tab]:first-child,body.ltr .pane-tabs#tabs:first-child [role=tablist] [role=tab]:first-child .tab-label{border-top-left-radius:var(--large-border-radius)}body.rtl .pane-tabs#tabs:first-child [role=tablist] [role=tab]:first-child,body.rtl .pane-tabs#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)}.pane-tabs .menubtn.error span[data-icon]{margin-right:2px}.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:#fcd815}.details .meta.warning .btn:active,.details .meta.warning .btn[aria-expanded=true]{background-color:#f5ce03}.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:never;-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;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{margin:0}@media screen and (min-width: 400px){.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-right:var(--s)}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-left: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-top:var(--s)}@media screen and (min-width: 400px){.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:100%}@media screen and (min-width: 400px){.meta>.field>.input,.meta>.data>.value,.meta>.flex-fields>.field>.input,.meta>.flex-fields>.data>.value{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,.meta>.flex-fields>.field>.input>.datetimewrapper{gap: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):not(.first-child),.meta>.flex-fields+.field:not(.first-child){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}.meta>.field>.input>.custom-select{display:block;margin:calc(var(--s)*-1) 0;width:100%;border-radius:0;box-shadow:none;background-color:rgba(0,0,0,0)}.meta>.field>.input>.custom-select .menubtn:not(.action-btn){justify-content:start;width:100%;background-color:rgba(0,0,0,0)}body.ltr .meta>.field>.input>.custom-select .menubtn:not(.action-btn){padding-left:0}body.rtl .meta>.field>.input>.custom-select .menubtn:not(.action-btn){padding-right:0}.meta>.field>.input>.custom-select .menubtn:not(.action-btn):after{position:absolute;top:calc(50% - 5px)}body.ltr .meta>.field>.input>.custom-select .menubtn:not(.action-btn):after{right:0}body.rtl .meta>.field>.input>.custom-select .menubtn:not(.action-btn):after{left:0}.meta>.field>.input>.custom-select .label{max-width:100%;overflow:hidden;text-overflow:ellipsis}.body{position:relative}.slideout-container,.slideout,.modal,.hud{z-index:100;box-sizing:border-box}.modal,.hud{border-radius:5px;background-color:#fff;box-shadow:0 25px 100px rgba(31,41,51,.5) !important}.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-container.so-lp{position:absolute;top:var(--m);left:var(--m);width:calc(100% - var(--m)*2);height:calc(100vh - var(--m)*2)}body.has-debug-toolbar .slideout-container{height:calc(100vh - 42px)}.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) !important;display:flex;flex-direction:column;overflow:hidden;padding:24px var(--padding);pointer-events:all;container-type:inline-size}.slideout.so-mobile,.slideout.so-lp{width:100% !important;height:100% !important;left:0;transition:top linear 250ms;will-change:top}.slideout.so-mobile{--padding: 14px;--neg-padding: -14px}.slideout:not(.so-mobile){border-radius:var(--large-border-radius)}.slideout:not(.so-mobile):not(.so-lp){top:8px;width:calc(50% - 8px);height:calc(100% - 16px)}@media screen and (prefers-reduced-motion: no-preference){body.ltr .slideout:not(.so-mobile):not(.so-lp){transition:left linear 250ms;will-change:left}body.rtl .slideout:not(.so-mobile):not(.so-lp){transition:right linear 250ms;will-change:right}}.slideout>.pane-header{padding-left:var(--padding);padding-right:var(--padding);z-index:2}.slideout>.pane-header>.so-toolbar{display:flex;flex-direction:row;align-items:center;gap:var(--xs);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-body{flex:1;margin:-24px var(--neg-padding);overflow:hidden auto;position:relative}.slideout>.so-body:not(:last-child){margin-bottom:0}.slideout>.so-body>h1:not(:last-child){padding-bottom:var(--s);border-bottom:1px solid var(--hairline-color)}.slideout>.so-body.so-full-details,.slideout>.so-body>.so-sidebar{background-color:var(--gray-100) !important}.slideout>.so-body:not(.so-full-details){padding:24px var(--padding)}.slideout>.so-body>.so-sidebar,.slideout>.so-body.so-full-details>.so-content>.details{box-sizing:border-box;padding:0 var(--padding) var(--spacing)}.slideout>.so-body>.so-sidebar>.preview-thumb-container,.slideout>.so-body.so-full-details>.so-content>.details>.preview-thumb-container{margin:0 var(--neg-padding);height:auto;min-height:54px}.slideout>.so-body>.so-sidebar>.preview-thumb-container+.pane-header,.slideout>.so-body.so-full-details>.so-content>.details>.preview-thumb-container+.pane-header{border-radius:0}.slideout>.so-body>.so-sidebar .image-actions.is-mobile,.slideout>.so-body.so-full-details>.so-content>.details .image-actions.is-mobile{margin:calc(var(--spacing)/2) 0 var(--spacing)}.slideout>.so-body>.so-sidebar>.meta.read-only:first-child,.slideout>.so-body.so-full-details>.so-content>.details>.meta.read-only:first-child{margin-top:var(--padding)}.slideout>.so-body>.so-sidebar>.meta.warning,.slideout>.so-body.so-full-details>.so-content>.details>.meta.warning{box-shadow:none;border-bottom:1px solid var(--yellow-300)}.slideout>.so-body>.so-sidebar>.field>.input>.text.fullwidth,.slideout>.so-body.so-full-details>.so-content>.details>.field>.input>.text.fullwidth{border-radius:0}.slideout>.so-body>.so-sidebar .notes,.slideout>.so-body.so-full-details>.so-content>.details .notes{padding-top:var(--m);padding-bottom:var(--m)}.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%;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-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)}@container (width > 700px){.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,.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:5px var(--pane-padding, 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:calc(var(--pane-padding, 24px)*-1) calc(var(--pane-padding, 24px)*-1) var(--pane-padding, 24px)}.pane .footer,.modal .body .footer{margin:var(--pane-padding, 24px) calc(var(--pane-padding, 24px)*-1) calc(var(--pane-padding, 24px)*-1)}.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}.slideout-shade.blurred,.modal-shade.blurred{backdrop-filter:blur(10px)}.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:never;-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;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:never;-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;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.tooltip-hud{display:block}.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)}.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, rgba(154, 165, 177, 0.25) 25%, transparent 25%),linear-gradient(135deg, rgba(154, 165, 177, 0.25) 25%, transparent 25%),linear-gradient(45deg, transparent 75%, rgba(154, 165, 177, 0.25) 75%),linear-gradient(135deg, transparent 75%, rgba(154, 165, 177, 0.25) 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>.header{padding-top:14px;padding-bottom:14px;text-align:center}.elementselectormodal>.header+.body{height:calc(100% - 48px) !important}.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 .header{margin:0 0 var(--m)}.elementselectormodal .body .content .main .elements .tableview table tr th,.elementselectormodal .body .content .main .elements .tableview table tr td{cursor:default}.elementselectormodal .body .content .main .elements .tableview table tr .checkbox:before{box-shadow:none !important}.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}.elementselectormodal .main-header,.customize-sources-modal .main-header{display:flex;align-items:center;margin-bottom:var(--s)}.elementselectormodal .main-heading,.customize-sources-modal .main-heading{margin-bottom:0}.elementselectormodal .nav-toggle,.customize-sources-modal .nav-toggle{height:var(--touch-target-size);width:var(--touch-target-size);color:var(--ui-control-color)}body.ltr .elementselectormodal .nav-toggle,body.ltr .customize-sources-modal .nav-toggle{margin-left:4px}body.rtl .elementselectormodal .nav-toggle,body.rtl .customize-sources-modal .nav-toggle{margin-right:4px}.elementselectormodal .nav-toggle:hover,.customize-sources-modal .nav-toggle:hover{color:var(--gray-500)}.elementselectormodal .sidebar-header,.customize-sources-modal .sidebar-header{display:flex;justify-content:flex-end;padding:0 var(--s);margin-bottom:var(--s)}.elementselectormodal .nav-close,.customize-sources-modal .nav-close{height:var(--touch-target-size);width:var(--touch-target-size)}.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}body.ltr .activity-container:not(:last-child){margin-right:var(--s)}body.rtl .activity-container:not(:last-child){margin-left:var(--s)}.activity-container ul{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--xs)}.activity-container ul li .activity-btn{width:30px;height:30px;border-radius:50%;display:block}.activity-container ul li .activity-btn .elementthumb{position:relative;width:100%;height:100%;border-radius:50px;background:var(--gray-050);overflow:hidden;border:2px solid var(--white);box-shadow:0 1px 2px 1px rgba(31,41,51,.1)}.activity-container ul li .activity-btn .elementthumb img,.activity-container ul li .activity-btn .elementthumb svg{display:block;width:100%;height:100%}body.ltr .activity-container ul li:not(:last-child){margin-right:-10px}body.rtl .activity-container ul li:not(:last-child){margin-left:-10px}.element-index-view-menu{width:400px;max-width:calc(100% - 20px);padding:0 !important}.element-index-view-menu .meta{padding-top:var(--s);padding-bottom:var(--s)}.element-index-view-menu .table-columns-field{align-items:flex-start}.element-index-view-menu .table-columns-field .input{padding:13px 0}.element-index-view-menu .menu-footer{margin:0 !important;padding:var(--s) var(--xl) !important;background-color:var(--gray-050)}.element-index-view-menu-table-column{display:flex;align-items:flex-start;align-content:stretch;margin-bottom:4px}.element-index-view-menu-table-column .icon.move{position:relative;z-index:1}body.ltr .element-index-view-menu-table-column .icon.move{margin-right:10px}body.rtl .element-index-view-menu-table-column .icon.move{margin-left:10px}.sort-field .input .flex .btngroup .btn{width:42px}.sort-field .input .flex .flex-grow{max-width:calc(100% - 85px - var(--s))}@media screen and (max-width: 350px){.sort-field .input .flex{flex-direction:column}.sort-field .input .flex>*{width:100%}.sort-field .input .flex .flex-grow{max-width:none}}.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)}.so-content .address-cards{grid-template-columns:repeat(1, minmax(0, 1fr)) !important}.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))}.so-content .address-cards{grid-template-columns:repeat(2, minmax(0, 1fr)) !important}}@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,.login-modal-shade,#logoutwarningmodal,.login-modal,#elevatedsessionmodal,.prompt{z-index:1001}#logoutwarningmodal,#elevatedsessionmodal,.prompt{width:500px}.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}.deleteusermodal div.elements{list-style:none}.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}.video-transcript{background-color:var(--gray-050);overflow-y:scroll;font-size:1rem;position:relative}body:not(.reduce-focus-visibility) .video-transcript:focus,body.reduce-focus-visibility .video-transcript:focus-visible{box-shadow:none;color:var(--white);background-color:var(--gray-800)}.video-transcript__inner{margin-left:auto;margin-right:auto;max-width:550px;padding:var(--xl)}.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.padded{padding:var(--s) calc(var(--m) + var(--s))}.menu.padded hr{margin:var(--s) calc((var(--m) + var(--s))*-1)}.menu.padded ul li{margin:0 calc(var(--m)*-1);padding:0 var(--m)}.menu.padded ul li a{border-radius:var(--large-border-radius)}.menu.padded .extralight{margin-top:2px}.menu h6:first-child,.menu .h6:first-child{margin-top:14px !important}body.ltr .menu ul.padded li a,body.ltr .menu ul.padded li .menu-item,body.ltr .menu ul.padded li .menu-option{padding-left:calc(var(--m) + 1.125rem)}body.rtl .menu ul.padded li a,body.rtl .menu ul.padded li .menu-item,body.rtl .menu ul.padded li .menu-option{padding-right:calc(var(--m) + 1.125rem)}.menu ul.padded li a.sel:not([data-icon]):before,.menu ul.padded li .menu-item.sel:not([data-icon]):before,.menu ul.padded li .menu-option.sel:not([data-icon]):before{font-size:14px;width:14px;content:\"check\";color:var(--ui-control-color);margin-top:3px !important}body.ltr .menu ul.padded li a.sel:not([data-icon]):before,body.ltr .menu ul.padded li .menu-item.sel:not([data-icon]):before,body.ltr .menu ul.padded li .menu-option.sel:not([data-icon]):before{float:left}body.rtl .menu ul.padded li a.sel:not([data-icon]):before,body.rtl .menu ul.padded li .menu-item.sel:not([data-icon]):before,body.rtl .menu ul.padded li .menu-option.sel:not([data-icon]):before{float:right}body.ltr .menu ul.padded li a.sel:not([data-icon]):before,body.ltr .menu ul.padded li .menu-item.sel:not([data-icon]):before,body.ltr .menu ul.padded li .menu-option.sel:not([data-icon]):before{margin:4px 0 0 calc(-1.125rem - 4px)}body.rtl .menu ul.padded li a.sel:not([data-icon]):before,body.rtl .menu ul.padded li .menu-item.sel:not([data-icon]):before,body.rtl .menu ul.padded li .menu-option.sel:not([data-icon]):before{margin:4px calc(-1.125rem - 4px) 0 0}.menu ul li a,.menu ul li .menu-item,.menu ul li .menu-option{margin:0 -14px;padding:10px 14px;white-space:nowrap;font-size:14px;-webkit-appearance:none}body.ltr .menu ul li a:not(:last-child),body.ltr .menu ul li .menu-item:not(:last-child),body.ltr .menu ul li .menu-option:not(:last-child){margin-right:0}body.rtl .menu ul li a:not(:last-child),body.rtl .menu ul li .menu-item:not(:last-child),body.rtl .menu ul li .menu-option:not(:last-child){margin-left:0}.menu ul li a:not(.flex):not(.hidden),.menu ul li .menu-item:not(.flex):not(.hidden),.menu ul li .menu-option:not(.flex):not(.hidden){display:block;width:calc(100% + 28px)}body.ltr .menu ul li a:not(.flex):not(.hidden),body.ltr .menu ul li .menu-item:not(.flex):not(.hidden),body.ltr .menu ul li .menu-option:not(.flex):not(.hidden){text-align:left}body.rtl .menu ul li a:not(.flex):not(.hidden),body.rtl .menu ul li .menu-item:not(.flex):not(.hidden),body.rtl .menu ul li .menu-option:not(.flex):not(.hidden){text-align:right}.menu ul li a.flex [data-icon],.menu ul li .menu-item.flex [data-icon],.menu ul li .menu-option.flex [data-icon]{margin-top:-2px}.menu ul li a.sel,.menu ul li .menu-item.sel,.menu ul li .menu-option.sel{cursor:default}.menu ul li a .shortcut,.menu ul li .menu-item .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-item .shortcut,body.ltr .menu ul li .menu-option .shortcut{float:right}body.rtl .menu ul li a .shortcut,body.rtl .menu ul li .menu-item .shortcut,body.rtl .menu ul li .menu-option .shortcut{float:left}body.ltr .menu ul li a .shortcut,body.ltr .menu ul li .menu-item .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-item .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}.menu .go:after{color:inherit}.menu:not(.menu--disclosure) ul li a,.menu ul li .menu-item,.menu ul li .menu-option{color:#3f4d5a;text-decoration:none;cursor:default}.menu li>a[data-icon]:before,.menu li>a [data-icon]:before,.menu li>a span.icon:not([data-icon]),.menu li>button[data-icon]:before,.menu li>button [data-icon]:before,.menu li>button span.icon:not([data-icon]){display:inline-block;width:.875rem;height:.875rem}body.ltr .menu li>a[data-icon]:before,body.ltr .menu li>a [data-icon]:before,body.ltr .menu li>a span.icon:not([data-icon]),body.ltr .menu li>button[data-icon]:before,body.ltr .menu li>button [data-icon]:before,body.ltr .menu li>button span.icon:not([data-icon]){margin-left:-1px}body.rtl .menu li>a[data-icon]:before,body.rtl .menu li>a [data-icon]:before,body.rtl .menu li>a span.icon:not([data-icon]),body.rtl .menu li>button[data-icon]:before,body.rtl .menu li>button [data-icon]:before,body.rtl .menu li>button span.icon:not([data-icon]){margin-right:-1px}body.ltr .menu li>a[data-icon]:before,body.ltr .menu li>a [data-icon]:before,body.ltr .menu li>a span.icon:not([data-icon]),body.ltr .menu li>button[data-icon]:before,body.ltr .menu li>button [data-icon]:before,body.ltr .menu li>button span.icon:not([data-icon]){margin-right:9px}body.rtl .menu li>a[data-icon]:before,body.rtl .menu li>a [data-icon]:before,body.rtl .menu li>a span.icon:not([data-icon]),body.rtl .menu li>button[data-icon]:before,body.rtl .menu li>button [data-icon]:before,body.rtl .menu li>button span.icon:not([data-icon]){margin-left:9px}.menu li>a[data-icon]:before,.menu li>a [data-icon]:before,.menu li>button[data-icon]:before,.menu li>button [data-icon]:before{position:relative;top:-2px;text-align:center;font-size:14px;color:var(--ui-control-color)}.menu li>a span.icon:not([data-icon]) svg,.menu li>button span.icon:not([data-icon]) svg{display:block;position:relative;top:1px;width:100%;height:100%}.menu li>a span.icon:not([data-icon]) svg rect,.menu li>a span.icon:not([data-icon]) svg circle,.menu li>a span.icon:not([data-icon]) svg ellipse,.menu li>a span.icon:not([data-icon]) svg line,.menu li>a span.icon:not([data-icon]) svg polyline,.menu li>a span.icon:not([data-icon]) svg polygon,.menu li>a span.icon:not([data-icon]) svg path,.menu li>a span.icon:not([data-icon]) svg text,.menu li>button span.icon:not([data-icon]) svg rect,.menu li>button span.icon:not([data-icon]) svg circle,.menu li>button span.icon:not([data-icon]) svg ellipse,.menu li>button span.icon:not([data-icon]) svg line,.menu li>button span.icon:not([data-icon]) svg polyline,.menu li>button span.icon:not([data-icon]) svg polygon,.menu li>button span.icon:not([data-icon]) svg path,.menu li>button span.icon:not([data-icon]) svg text{fill:var(--icon-color, var(--ui-control-color));stroke-width:0}.menu li>a.error[data-icon]:before,.menu li>a.error [data-icon]:before,.menu li>button.error[data-icon]:before,.menu li>button.error [data-icon]:before{color:var(--error-color)}.menu li>a.error span.icon:not([data-icon]) svg rect,.menu li>a.error span.icon:not([data-icon]) svg circle,.menu li>a.error span.icon:not([data-icon]) svg ellipse,.menu li>a.error span.icon:not([data-icon]) svg line,.menu li>a.error span.icon:not([data-icon]) svg polyline,.menu li>a.error span.icon:not([data-icon]) svg polygon,.menu li>a.error span.icon:not([data-icon]) svg path,.menu li>a.error span.icon:not([data-icon]) svg text,.menu li>button.error span.icon:not([data-icon]) svg rect,.menu li>button.error span.icon:not([data-icon]) svg circle,.menu li>button.error span.icon:not([data-icon]) svg ellipse,.menu li>button.error span.icon:not([data-icon]) svg line,.menu li>button.error span.icon:not([data-icon]) svg polyline,.menu li>button.error span.icon:not([data-icon]) svg polygon,.menu li>button.error span.icon:not([data-icon]) svg path,.menu li>button.error span.icon:not([data-icon]) svg text{fill:var(--error-color);stroke-width:0}.menu:not(.menu--disclosure) ul li a:not(.sel):not(.disabled):hover,.menu:not(.menu--disclosure) ul li .menu-item:not(.sel):not(.disabled):hover,.menu:not(.menu--disclosure) ul li .menu-option:not(.sel):not(.disabled):hover,.menu:not(.menu--disclosure):not(:hover) ul li a:not(.sel):not(.disabled).hover,.menu:not(.menu--disclosure):not(:hover) ul li .menu-item:not(.sel):not(.disabled).hover,.menu:not(.menu--disclosure):not(:hover) ul li .menu-option:not(.sel):not(.disabled).hover{color:#3f4d5a;background-color:#f3f7fc}body.ltr .menu hr.padded,body.ltr .menu .h6.padded,body.ltr .menu h6.padded{margin-left:20px}body.rtl .menu hr.padded,body.rtl .menu .h6.padded,body.rtl .menu h6.padded{margin-right:20px}.menu--disclosure ul li>a:not(.crumb-link):hover,.menu--disclosure ul li>.menu-item:hover,.menu--disclosure ul li>.menu-option:hover{color:#3f4d5a;background-color:#f3f7fc}body:not(.reduce-focus-visibility) .menu--disclosure ul li>a:not(.crumb-link):focus,body.reduce-focus-visibility .menu--disclosure ul li>a:not(.crumb-link):focus-visible,body:not(.reduce-focus-visibility) .menu--disclosure ul li>.menu-item:focus,body.reduce-focus-visibility .menu--disclosure ul li>.menu-item: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 .chip.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 .chip,body.rtl .tagselect.elementselect .chip{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}.selectize-control.single .selectize-input:not(.no-arrow)::after{display:none}.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:calc(var(--large-border-radius) - 1px)}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:calc(var(--large-border-radius) - 1px)}.text,.passwordwrapper,.border-box,.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:-1.6875rem 7px 0 0}body.rtl .chars-left{margin:-1.6875rem 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%;border-radius:1px;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);box-shadow:0 0 5px rgba(36,99,235,.15)}.field>.status-badge.outdated{background-color:var(--pending-color);box-shadow:0 0 5px rgba(251,146,60,.15)}.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}.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{position:relative;top:-0.0625rem;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>.input input:disabled,.field>.input textarea:disabled{cursor:not-allowed}.field>.notice,.field>.warning{margin:5px 0 0}.field>.instructions,.field>.heading>.instructions,.checkboxfield .instructions{color:var(--custom-text-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:1rem;min-height:1rem;cursor:pointer}body.ltr input.checkbox+label,body.ltr div.checkbox{padding-left:calc(1rem + 5px)}body.rtl input.checkbox+label,body.rtl div.checkbox{padding-right:calc(1rem + 5px)}input.checkbox+label,input.checkbox+label:before,div.checkbox,div.checkbox:before{border-radius:var(--small-border-radius)}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}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}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 .info,div.checkbox .info{height:16px}input.checkbox:disabled+label,.disabled div.checkbox{cursor:not-allowed}input.checkbox:checked+label:before,div.checkbox.checked:before,.sel div.checkbox:before,input.checkbox:indeterminate+label:before,div.checkbox.indeterminate:before,.elementselectormodal .body .content .main .elements .disabled .checkbox:before{font-family:\"Craft\";speak:never;-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;line-height:var(--checkbox-size);color:var(--gray-900)}input.checkbox:checked:not(:indeterminate)+label:before,div.checkbox.checked:not(.indeterminate):before,.sel:not(.matrixblock) div.checkbox:not(.indeterminate):before,.sel.matrixblock>.actions div.checkbox:not(.indeterminate):before,.elementselectormodal .body .content .main .elements .disabled .checkbox:before{content:\"check\";font-size:14px}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)}.checkbox-icon{display:inline-flex;padding:3px;background-color:var(--enabled-color);color:var(--white);border-radius:var(--small-border-radius)}.checkbox-icon:before{--checkbox-size: 14px;font-family:\"Craft\";speak:never;-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;content:\"check\";line-height:var(--checkbox-size);font-size:var(--checkbox-size)}body:not(.reduce-focus-visibility) .monaco-mouse-cursor-text:focus,body.reduce-focus-visibility .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:calc(1rem + 5px)}body.rtl .checkboxfield .instructions,body.rtl .checkboxfield .notice,body.rtl .checkboxfield .warning{padding-right:calc(1rem + 5px)}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:calc(1rem + 5px)}body.rtl input.radio+label,body.rtl div.radio{padding-right:calc(1rem + 5px)}input.radio:disabled+label,.disabled div.radio{cursor:not-allowed}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: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:2.125rem}.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)}td.errors .text,.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:calc(50% - .4375rem);color:var(--ui-control-color)}body.ltr .texticon.icon:before{left:9px}body.rtl .texticon.icon:before{right:9px}.texticon .texticon-icon{position:absolute;top:1.0625rem;transform:translateY(-50%);display:flex;justify-content:center;align-items:center}body.ltr .texticon .texticon-icon{left:9px}body.rtl .texticon .texticon-icon{right:9px}body.ltr .texticon .text{padding-left:1.625rem}body.rtl .texticon .text{padding-right:1.625rem}.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:1.0625rem;transform:translateY(-50%);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:never;-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;content:\"filter\";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,.texticon.has-filter-btn .filter-btn[aria-expanded=true]{background-color:var(--gray-350)}.texticon.has-filter-btn .filter-btn:active:before,.texticon.has-filter-btn .filter-btn.active:before,.texticon.has-filter-btn .filter-btn[aria-expanded=true]:before{color:var(--white)}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-wrap:nowrap;flex-direction:row;align-items:center;gap: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:never;-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;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)}.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:.4375rem;height:.4375rem;border:solid currentColor;border-width:0 .125rem .125rem 0;opacity:.8;position:relative;transform:rotate(45deg);position:absolute;z-index:1;top:calc(50% - 5px);user-select:none;pointer-events:none;color:var(--ui-control-color)}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-control .selectize-input.disabled,.custom-select.disabled{opacity:1;cursor:not-allowed !important;pointer-events:auto !important}.selectize-control .selectize-input.disabled *,.custom-select.disabled *{cursor:not-allowed !important;pointer-events:auto !important}.selectize .selectize-input{display:block;border-color:inherit;box-shadow:none;background-color:rgba(0,0,0,0)}.selectize .selectize-input .item{max-width:100%}.selectize .selectize-input .item span{overflow:hidden;text-overflow:ellipsis}.selectize.select .selectize-input:after{display:none}body .selectize-dropdown{border:none;z-index:101}.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){width:25em;max-width:100%}.datetimewrapper .selectize.select:not(.fullwidth){max-width:calc(100% - 29px)}.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:.4375rem;height:.4375rem;border:solid currentColor;border-width:0 .125rem .125rem 0;opacity:.8;position:relative;transform:rotate(45deg);position:absolute;z-index:1;top:calc(50% - 5px);user-select:none;pointer-events:none;color:var(--ui-control-color)}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:never;-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;content:\"remove\"}body .selectize-dropdown{margin-top:1px}body .selectize-dropdown [data-selectable],body .selectize-dropdown .option,body .selectize-dropdown .optgroup-header{margin:0 -14px;padding:10px 14px;color:#3f4d5a;text-decoration:none;white-space:nowrap}body .selectize-dropdown .optgroup{padding-top:5px}body .selectize-dropdown .optgroup:not(:first-child){border-top:1px solid var(--hairline-color)}body .selectize-dropdown .optgroup .option{padding-left:24px}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:not(.selected),body .selectize-dropdown .option:hover{background-color:var(--gray-100)}body .selectize-dropdown .selected{color:#3f4d5a;background-color:#f3f7fc;cursor:default !important}body .selectize-dropdown .selected .light{color:inherit !important}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);max-height:70vh}body .selectize-dropdown-content .option{min-height:18px}body .selectize-dropdown-content>div[data-value=new]:before{font-family:\"Craft\";speak:never;-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;content:\"plus\";margin-right:5px}body .selectize-dropdown-content>div[data-value=new]:after{content:\"…\"}body.no-scroll .selectize-dropdown-content{max-height:200px}.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:.4375rem;height:.4375rem;border:solid currentColor;border-width:0 .125rem .125rem 0;opacity:.8;position:relative}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:.4375rem;height:.4375rem;border:solid currentColor;border-width:0 .125rem .125rem 0;opacity:.8;position:relative}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:1rem;white-space:nowrap}.slide-picker a{position:relative;border:1px solid var(--hairline-color);background-image:none;width:calc(.5rem - 1px);height:calc(1rem - 2px);margin-left:0;margin-top:1px;margin-bottom:1px;box-sizing:border-box;cursor:pointer}body.ltr .slide-picker a{border-left:none}body.rtl .slide-picker a{border-right:none}.slide-picker a:first-child{width:.5rem}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 a:before{content:\"\";position:absolute;top:calc(-0.25rem - 1px);left:-1px;width:calc(100% + 2px);height:var(--touch-target-size)}.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:1rem;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)}.icon-picker{display:flex;flex-direction:row;align-items:center;gap:var(--xs)}.icon-picker--icon{display:flex;align-items:center;justify-content:center;border-radius:3px;border:1px solid rgba(96,125,159,.25);background-color:#fbfcfe;background-clip:padding-box;border-radius:var(--ui-control-border-radius);width:var(--ui-control-height);height:var(--ui-control-height);background:var(--gray-050)}.icon-picker--icon svg{width:1.25rem;height:1.25rem}.icon-picker--icon svg rect,.icon-picker--icon svg circle,.icon-picker--icon svg ellipse,.icon-picker--icon svg line,.icon-picker--icon svg polyline,.icon-picker--icon svg polygon,.icon-picker--icon svg path,.icon-picker--icon svg text{fill:var(--ui-control-color);stroke-width:0}.icon-picker-modal{--width: calc(var(--ui-control-height) * 10 + var(--s) * 9 + var(--xl) * 2);width:var(--width) !important;min-width:0 !important;max-width:calc(100% - 20px) !important}.icon-picker-modal .body{height:100%;display:flex;flex-direction:column;gap:var(--l)}.icon-picker-modal .body .icon-picker-modal--list{flex:1;position:relative;overflow:hidden}.icon-picker-modal .body .icon-picker-modal--list:not(.loading) .spinner{display:none}.icon-picker-modal .body .icon-picker-modal--list.loading:after{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";background-color:rgba(255,255,255,.75)}.icon-picker-modal .body .icon-picker-modal--list.loading .spinner{top:calc(50% - 10px);z-index:1}.icon-picker-modal .body .icon-picker-modal--list ul{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:start;gap:var(--s);max-height:100%;overflow:auto}.icon-picker-modal .body .icon-picker-modal--list ul .icon-picker--icon{--focus-ring: var(--inner-focus-ring)}.icon-picker-modal .body .icon-picker-modal--list ul .icon-picker--icon:hover{border-color:var(--link-color);background-color:var(--blue-100)}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)}body.setup-2fa{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%}body.setup-2fa #setup-2fa{display:flex;flex-direction:column;gap:var(--l);width:550px;max-width:100%;padding:var(--padding)}body.setup-2fa #setup-2fa #setup-2fa-intro{text-align:center}body.setup-2fa #setup-2fa #setup-2fa-btn{display:flex;justify-content:center}.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:#3f4d5a;background-color:#f3f7fc;cursor:pointer}.matrix>.buttons{margin-top:10px}.matrixblock{position:relative;margin-bottom:10px;padding:0 var(--m) var(--m);border-radius:var(--large-border-radius);border:2px solid var(--gray-100);background-color:var(--white)}.matrixblock.static .titlebar{margin-bottom:14px}body.ltr .matrixblock.static .titlebar{padding-right:0}body.rtl .matrixblock.static .titlebar{padding-left:0}body.ltr .matrixblock.static .titlebar{padding-left:14px}body.rtl .matrixblock.static .titlebar{padding-right:14px}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn),.matrixblock>.actions .action-btn{padding:0;width:var(--touch-target-size);height:var(--touch-target-size);color:var(--custom-text-color, var(--ui-control-color));background-color:rgba(0,0,0,0)}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn):hover,.matrixblock>.actions .action-btn:hover{backdrop-filter:brightness(90%)}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn):active,.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn)[aria-expanded=true],.matrixblock>.actions .action-btn:active,.matrixblock>.actions .action-btn[aria-expanded=true]{backdrop-filter:brightness(85%)}.matrixblock .flex-fields{--row-gap: var(--m) !important}.matrixblock>.titlebar{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:var(--m);margin:0 calc(var(--m)*-1);box-sizing:border-box;border-radius:calc(var(--large-border-radius) - 2px) calc(var(--large-border-radius) - 2px) 0 0;color:var(--custom-text-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:var(--gray-050);min-height:calc(var(--lh) + 10px)}body.ltr .matrixblock>.titlebar{padding:5px calc(var(--m) + 70px) 5px var(--m)}body.rtl .matrixblock>.titlebar{padding:5px var(--m) 5px calc(var(--m) + 70px)}.matrixblock>.titlebar>.preview{flex-grow:1;min-width:0;opacity:0;transition:opacity linear 100ms;overflow:hidden}.matrixblock>.titlebar>.preview:empty{display:none}body.ltr .matrixblock>.titlebar>.preview{mask-image:linear-gradient(to left, rgba(0, 0, 0, 0), rgb(0, 0, 0) 12px)}body.rtl .matrixblock>.titlebar>.preview{mask-image:linear-gradient(to right, rgba(0, 0, 0, 0), rgb(0, 0, 0) 12px)}.matrixblock>.titlebar>.preview span{opacity:.5}.matrixblock>.titlebar>.matrixblock-tabs{flex:1;min-width:0;margin:-5px 0}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs{margin:0}body.ltr .matrixblock>.titlebar>.matrixblock-tabs .pane-tabs{padding-right:3px}body.rtl .matrixblock>.titlebar>.matrixblock-tabs .pane-tabs{padding-left:3px}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs [role=tablist]{padding:0 12px}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs [role=tablist].scrollable{mask-image:linear-gradient(to right, rgba(0, 0, 0, 0), rgb(0, 0, 0) 12px, rgb(0, 0, 0) calc(100% - 12px), rgba(0, 0, 0, 0) 100%)}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs [role=tablist] [role=tab]{background-color:rgba(0,0,0,0)}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs [role=tablist] [role=tab] .tab-label{height:calc(var(--lh) + 10px);padding:0 var(--m)}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn){margin-left:0;margin-right:0}body.ltr .matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn):not(:empty):not(.btn-empty)::after{margin-left:0px}body.rtl .matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn):not(:empty):not(.btn-empty)::after{margin-right:0px}body.ltr .matrixblock>.titlebar>.preview:first-child:empty+.matrixblock-tabs{margin-left:calc((var(--m) + 12px)*-1)}body.rtl .matrixblock>.titlebar>.preview:first-child:empty+.matrixblock-tabs{margin-right:calc((var(--m) + 12px)*-1)}body.ltr .matrixblock>.titlebar>.preview:first-child:empty+.matrixblock-tabs [role=tab]:first-child,body.ltr .matrixblock>.titlebar>.preview:first-child:empty+.matrixblock-tabs [role=tab]:first-child .tab-label{border-top-left-radius:calc(var(--large-border-radius) - 2px)}body.rtl .matrixblock>.titlebar>.preview:first-child:empty+.matrixblock-tabs [role=tab]:first-child,body.rtl .matrixblock>.titlebar>.preview:first-child:empty+.matrixblock-tabs [role=tab]:first-child .tab-label{border-top-right-radius:calc(var(--large-border-radius) - 2px)}body.ltr .matrixblock.disabled-entry>.titlebar{padding-right:100px}body.rtl .matrixblock.disabled-entry>.titlebar{padding-left:100px}.matrixblock.disabled-entry>.actions>.status.off{display:block}.matrixblock.collapsed>.titlebar{border-radius:calc(var(--large-border-radius) - 2px)}.matrixblock.collapsed>.titlebar>.preview{opacity:1}.matrixblock>.actions{display:flex;align-items:center;gap:var(--xs);position:absolute;top:0;cursor:default;min-height:calc(var(--lh) + 10px)}body.ltr .matrixblock>.actions{right:var(--m)}body.rtl .matrixblock>.actions{left:var(--m)}.matrixblock>.actions>*{margin:0 !important}.matrixblock>.actions>.status.off{display:none}.matrixblock>.actions a:not([data-action]){padding:0;height:var(--touch-target-size);text-align:center;color:var(--dark-hairline-color);transform:color linear 100ms}.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:var(--l)}.matrixblock>.fields>.flex-fields>.field:before{display:none}body.ltr .matrixblock>.fields>.flex-fields>.field>.status-badge{left:-2px}body.rtl .matrixblock>.fields>.flex-fields>.field>.status-badge{right:-2px}.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}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);--sidebar-width: 226px;--global-sidebar-width: 226px}html{-webkit-text-size-adjust:100%;min-height:100vh}body{min-height:100vh}body.dragging *{cursor:move !important;cursor:grabbing !important}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;min-height:100vh}@media screen and (prefers-reduced-motion: no-preference){body.ltr #global-container{transition:left 100ms cubic-bezier(0.33, 1, 0.68, 1)}body.rtl #global-container{transition:right 100ms cubic-bezier(0.33, 1, 0.68, 1)}}#system-info{display:grid;grid-template-columns:30px auto;gap:10px;height:2.8125rem;padding:0 10px;position:relative;flex:0 0 2.8125rem;flex-direction:row;align-items:center;color:currentColor;border-bottom:1px solid var(--hairline-color);background-clip:padding-box}#system-info:after{display:none}#system-info:focus,#system-info:hover{text-decoration:none;background-color:var(--gray-200)}#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}@media only screen and (min-width: 1200px){[data-sidebar=collapsed] #system-info:hover #system-name{opacity:1;transform:translateY(-50%) translateX(0)}[data-sidebar=collapsed] #system-name{position:absolute;left:calc(100% + var(--s)*2);top:50%;transform:translateY(-50%) translateX(-5px);opacity:0;background:#fff;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);color:var(--text-color);border-radius:var(--medium-border-radius);padding:var(--xs) var(--s);white-space:nowrap;pointer-events:none}[data-sidebar=collapsed] #system-name:focus{box-shadow:var(--focus-ring)}}@media only screen and (min-width: 1200px)and (prefers-reduced-motion: no-preference){[data-sidebar=collapsed] #system-name{transition:opacity 50ms cubic-bezier(0.33, 1, 0.68, 1),transform 150ms cubic-bezier(0.33, 1, 0.68, 1)}}#global-footer{display:flex;flex-direction:column;align-items:center;padding:var(--m) var(--m) var(--xl);gap:var(--m)}body.has-debug-toolbar #global-footer{padding-bottom:calc(var(--xl) + 42px)}#global-footer a{white-space:nowrap}#app-info{display:flex;flex-direction:row;justify-content:center;gap:var(--m)}#trial-info{padding:16px var(--xl);border-radius:var(--large-border-radius);background-color:#dbe5f0;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 0 0 1px #bdcbdb,0 2px 12px rgba(205,216,228,.5);text-align:center}#app-version{display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--gray-600);text-align:center;gap:var(--s)}#app-version a{color:var(--gray-600);text-decoration:underline}#app-version a.go:hover:after{color:var(--gray-600)}#edition-logo{position:relative;top:-1px;user-select:none;border:1px solid var(--gray-600);border-radius:3px;display:inline-flex;box-sizing:content-box;font-size:11px;padding:6px 7px;line-height:8px;font-weight:600;letter-spacing:1.7px;padding-right:5px;text-transform:uppercase}#devmode{margin-top:auto;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}#alerts{position:relative;background-color:var(--red-050);border-left:6px solid var(--error-color);color:var(--error-color)}#alerts>li{padding:10px 24px;box-shadow:inset 0 -1px 0 0 var(--red-100)}#alerts>li .resolvable-alert-buttons{margin-top:var(--m)}#alerts>li .btn,#alerts>li a.go{display:inline-flex;align-items:center;border:1px solid rgba(220,38,38,.5);border-radius:var(--medium-border-radius);padding:4px 5px;margin:0 2px;color:var(--error-color);height:1.875rem}.flex #alerts>li .btn,.flex #alerts>li a.go{margin:0}#alerts>li .btn:hover,#alerts>li a.go:hover{border-color:var(--error-color)}#alerts>li a:not(.btn){color:var(--error-color);text-decoration:underline}#alerts>li a:not(.btn).go{text-decoration:none;white-space:nowrap}#alerts>li a:not(.btn).go:after{color:var(--error-color);font-size:15px;margin-top:1px}#alerts>li .btn{background-color:rgba(0,0,0,0)}#global-header .btn.menubtn,li.crumb .btn.menubtn,.btn.action-btn{padding:0;width:var(--touch-target-size);height:var(--touch-target-size)}#global-header .btn.menubtn:not(:hover):not(:active):not([aria-expanded=true]),li.crumb .btn.menubtn:not(:hover):not(:active):not([aria-expanded=true]),.btn.action-btn:not(:hover):not(:active):not([aria-expanded=true]){background-color:rgba(0,0,0,0)}#global-header{width:100%;margin-bottom:var(--m);border-bottom:1px solid var(--hairline-color)}#global-header .flex{height:2.75rem;align-items:center}#global-header .btn{--ui-control-color: var(--gray-400);--ui-control-hover-color: var(--gray-800);--ui-control-active-color: var(--gray-700)}#global-header .btn:hover{color:var(--ui-control-hover-color)}.nav-toggle{display:flex;align-items:center;justify-content:center;width:44px;min-width:44px;height:2.75rem;border-right:1px solid var(--medium-hairline-color);line-height:26px;color:currentColor;text-align:center}.nav-toggle:before{font-family:\"Craft\";speak:never;-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;content:\"menu\";font-size:16px;line-height:0}.nav-toggle:hover{color:var(--link-color)}#crumbs{display:flex;flex-direction:row;align-items:center;font-size:13px;margin:0 !important;max-width:100%;overflow:hidden}#crumbs.empty{display:none}#crumbs nav{margin:0}#primary-nav-toggle:focus-visible{box-shadow:var(--inner-focus-ring)}#crumb-list{display:flex;flex-direction:row;align-items:stretch;flex-wrap:nowrap;max-width:100%;height:2.75rem;--arrow-padding: 10;--arrow-height: 22;--arrow-angle: 35;--arrow-width: 17.1111;--arrow-c: 27.871}body.rtl #crumb-list{--arrow-angle: -35;--arrow-width: -19.4444}#crumb-list li.crumb{position:relative;cursor:default;color:var(--light-text-color)}body.ltr #crumb-list li.crumb{padding-left:calc(var(--arrow-width)*.5rem/16)}body.rtl #crumb-list li.crumb{padding-right:calc(var(--arrow-width)*.5rem/16)}body.ltr #crumb-list li.crumb:not(.current){padding-right:calc(var(--arrow-width)*1rem/16)}body.rtl #crumb-list li.crumb:not(.current){padding-left:calc(var(--arrow-width)*1rem/16)}#crumb-list li.crumb:not(.current):before,#crumb-list li.crumb:not(.current):after{display:block;content:\"\";width:1px;height:calc(var(--arrow-c)*1rem/16);position:absolute;background:var(--medium-hairline-color);pointer-events:none}body.ltr #crumb-list li.crumb:not(.current):before,body.ltr #crumb-list li.crumb:not(.current):after{right:calc(var(--arrow-width)*.5rem/16)}body.rtl #crumb-list li.crumb:not(.current):before,body.rtl #crumb-list li.crumb:not(.current):after{left:calc(var(--arrow-width)*.5rem/16)}#crumb-list li.crumb:not(.current):before{top:calc((var(--arrow-height) - var(--arrow-c))/2*1rem/16);transform:rotate(calc(var(--arrow-angle) * -1deg))}#crumb-list li.crumb:not(.current):after{bottom:calc((var(--arrow-height) - var(--arrow-c))/2*1rem/16);transform:rotate(calc(var(--arrow-angle) * 1deg))}#crumb-list .menu--disclosure li{display:block}#crumb-list .menu--disclosure li::after{content:none}#crumb-menu-trigger{min-width:var(--touch-target-size)}#crumb-menu-trigger:before{width:100%}#crumb-menu .chip{min-height:44px}li.crumb{display:flex;align-items:center;flex-wrap:nowrap;gap:var(--xs)}li.crumb [data-icon]{position:relative;top:-1px}li.crumb .menubtn{position:relative;margin:0 calc(var(--xs)*-1/2)}li.crumb [data-icon=ellipsis]:before{margin-top:3px;font-size:17px}li.crumb .chip{padding:0;background-color:rgba(0,0,0,0);--custom-bg-color: initial !important;--custom-text-color: initial !important;--custom-sel-bg-color: initial !important}li.crumb .chip .label-link{max-width:15em}li.crumb .chip .label-link:focus-visible{box-shadow:var(--inner-focus-ring)}li.crumb .chip .label-link span:not(.context-label){display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}li.crumb:has(.menubtn)>a{margin-right:0 !important;padding-right:var(--xs) !important}li.crumb>a{flex:1;display:flex !important;align-items:center;flex-wrap:nowrap;gap:var(--xs);white-space:nowrap}.menu--disclosure li.crumb>a{min-height:34px}li.crumb a,li.crumb button{display:inline-flex;align-items:center;min-height:var(--touch-target-size)}li.crumb a:not(:hover),li.crumb button:not(:hover){color:var(--text-color)}li.crumb a:hover,li.crumb button:hover{text-decoration:none}li.crumb a{position:relative}li.crumb button{cursor:pointer}li.breadcrumb-toggle-wrapper::after{content:none}#account-menu ul li a{max-width:calc(100% + 28px) !important}#announcements-btn{width:1.875rem;height:1.875rem;padding-left:0;padding-right:0;width:calc(1.75rem + 10px);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:.1875rem;width:.4375rem;height:.4375rem;border-radius:50%;background-color:var(--blue-600)}body.ltr #announcements-btn.unread:after{right:5px}body.rtl #announcements-btn.unread:after{left:5px}#announcements-btn svg{width:1rem;height:1rem}#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(--ui-control-active-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.unread .announcement__heading: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 .announcement__heading:after{left:-13px}body.rtl #announcements .announcement.unread .announcement__heading:after{right:-13px}#announcements .announcement p{margin:0}#announcements .announcement__header{display:grid}#announcements .announcement__heading{position:relative;margin:0 0 3px;order:1}#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-left:var(--s)}body.rtl #user-info{padding-right:var(--s)}body.ltr #user-info{padding-right:calc(var(--padding) + 1px)}body.rtl #user-info{padding-left:calc(var(--padding) + 1px)}#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 img,.header-photo svg{display:block;width:1.875rem;height:1.875rem;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,#user-info:hover .header-photo svg{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}body.has-debug-toolbar #notifications{bottom:50px}@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;word-break:normal;overflow-wrap:anywhere}#notifications .notification .notification-body .notification-details{margin-top:var(--xs)}#notifications .notification .notification-body .notification-details .chip{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)}@media only screen and (min-width: 1200px){#primary-nav-toggle{display:none}body.ltr #crumbs:not(.empty) #primary-nav-toggle+nav ul li:first-child,body.ltr #crumbs.empty+.context-menu-container{margin-left:var(--padding)}body.rtl #crumbs:not(.empty) #primary-nav-toggle+nav ul li:first-child,body.rtl #crumbs.empty+.context-menu-container{margin-right:var(--padding)}body.ltr #crumbs:not(.empty) #primary-nav-toggle+nav ul li:first-child,body.ltr #crumbs.empty+.context-menu-container{padding-left:0}body.rtl #crumbs:not(.empty) #primary-nav-toggle+nav ul li:first-child,body.rtl #crumbs.empty+.context-menu-container{padding-right:0}}#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:5px var(--padding);position:relative;z-index:2;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: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;justify-content:space-between}#toolbar .icon:before,#toolbar .texticon:before,#toolbar .menubtn:after,#toolbar [data-icon]:before,#toolbar [data-icon-after]:after{color:currentColor;opacity:.8}#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}@media only screen and (max-width: 400px){#action-buttons .btngroup .btn:first-child{flex-basis:100%}}@media only screen and (max-width: 973px){#action-buttons{margin-top:10px}}#main-content{display:flex;flex-direction:row;align-items:flex-start;padding:0 var(--padding) 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{position:relative;box-sizing:border-box;padding:0 31px var(--m);width:226px;background-color:rgba(0,0,0,0)}#sidebar.fixed{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{flex:1 1 auto;width:400px}#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:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width: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) var(--padding);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,.footer{padding:6px var(--pane-padding, var(--xl));min-height:44px;line-height:2rem}#footer .buttons,.footer .buttons{height:32px;display:flex;align-items:center}#footer .btn,.footer .btn{padding-top:4px;padding-bottom:4px;height:var(--ui-control-height--small)}#footer{position:sticky;bottom:0;z-index:1;margin:calc(var(--xl) + 1px) calc(var(--padding)*-1 + 2px) calc(var(--xl)*-1 + 2px);background-color:var(--gray-050);border-radius:var(--small-border-radius);box-sizing:border-box}#footer:empty{display:none}#footer.stuck{border-radius:0}@supports(backdrop-filter: blur(10px)){#footer.stuck{background-color:rgba(228,237,246,.75);backdrop-filter:blur(10px)}}.has-debug-toolbar #footer{transition:padding linear 100ms}.has-debug-toolbar #footer.stuck{padding-bottom:52px}#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;z-index:1}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}#details .details{padding-bottom:calc(var(--xl) + 11.5em)}#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:var(--large-border-radius);padding-top:var(--m);padding-bottom:var(--m)}@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)}#details .details{margin-bottom:auto}}@media only screen and (max-width: 767px){:root{--padding: var(--s);--neg-padding: calc(var(--s) * -1)}#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}.card-grid{display:flex !important;flex-direction:column}}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:0 var(--xl)}.sidebar .heading:not(:first-child){margin-top:var(--m)}.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 .heading>ul{margin:2px calc(var(--xl)*-1)}.sidebar nav{padding:0 var(--s)}body.ltr .sidebar nav>ul>li:not(.heading)>a,body.ltr .sidebar nav>ul>li.heading>ul>li>a{padding-left:24px}body.rtl .sidebar nav>ul>li:not(.heading)>a,body.rtl .sidebar nav>ul>li.heading>ul>li>a{padding-right:24px}body.ltr .sidebar nav>ul>li:not(.heading)>.toggle,body.ltr .sidebar nav>ul>li.heading>ul>li>.toggle{left:calc(var(--m)*0)}body.rtl .sidebar nav>ul>li:not(.heading)>.toggle,body.rtl .sidebar nav>ul>li.heading>ul>li>.toggle{right:calc(var(--m)*0)}body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>a,body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>a{padding-left:38px}body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>a,body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>a{padding-right:38px}body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>.toggle,body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>.toggle{left:calc(var(--m)*1)}body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>.toggle,body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>.toggle{right:calc(var(--m)*1)}body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>a,body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>a{padding-left:52px}body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>a,body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>a{padding-right:52px}body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>.toggle,body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>.toggle{left:calc(var(--m)*2)}body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>.toggle,body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>.toggle{right:calc(var(--m)*2)}body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>a,body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>a{padding-left:66px}body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>a,body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>a{padding-right:66px}body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>.toggle,body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle{left:calc(var(--m)*3)}body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>.toggle,body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle{right:calc(var(--m)*3)}body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>a,body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>a{padding-left:80px}body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>a,body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>a{padding-right:80px}body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle,body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle{left:calc(var(--m)*4)}body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle,body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>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}.sidebar nav li:not(.has-subnav)>a.sel,.sidebar nav li:not(.has-subnav)>a.active-drop-target{cursor:default;background-color:var(--gray-500)}.sidebar nav li:not(.has-subnav)>a.sel,.sidebar nav li:not(.has-subnav)>a.sel+.toggle,.sidebar nav li:not(.has-subnav)>a.active-drop-target,.sidebar nav li:not(.has-subnav)>a.active-drop-target+.toggle{color:var(--white)}.sidebar nav li:not(.has-subnav)>a.sel{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:500}.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{position:relative;top:1px;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:1rem;height:1rem}.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.heading>ul,.sidebar nav li.expanded>ul{display:block}.error-summary{margin-bottom:var(--l);padding:var(--l) var(--xl) var(--xl);box-sizing:border-box;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);border-radius:var(--large-border-radius);background-color:var(--gray-050)}.error-summary .notification-icon{color:var(--error-color);margin:-2px 6px 0 0;float:left}.error-summary h2{margin-top:var(--xs)}.error-summary>ul.errors li,.error-summary>ul.errors li a{color:var(--text-color)}.error-summary>ul.errors li em,.error-summary>ul.errors li a em{font-weight:600}.error-summary>ul.errors li:hover,.error-summary>ul.errors li a:hover{color:var(--link-color)}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,.draghelper .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>*,.draghelper .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,.draghelper .flex-fields>h2{flex:4 0 100%}#content :not(.meta)>.flex-fields>h2:not(:nth-child(-n+1 of :not(.hidden))),#content>.flex-fields>h2:not(:nth-child(-n+1 of :not(.hidden))),.so-content .flex-fields>h2:not(:nth-child(-n+1 of :not(.hidden))),.draghelper .flex-fields>h2:not(:nth-child(-n+1 of :not(.hidden))){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,.draghelper .flex-fields>hr,.draghelper .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),.draghelper .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,.draghelper .flex-fields>:not(h2):not(hr):not(.line-break),.draghelper .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,.draghelper .flex-fields>:not(h2):not(hr):not(.line-break):before,.draghelper .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,body.ltr .draghelper .flex-fields>:not(h2):not(hr):not(.line-break):before,body.ltr .draghelper .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,body.rtl .draghelper .flex-fields>:not(h2):not(hr):not(.line-break):before,body.rtl .draghelper .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,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-25,.draghelper.drag-in-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,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-50,.draghelper.drag-in-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,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-75,.draghelper.drag-in-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,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-25,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-50,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25,.draghelper.drag-in-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,.draghelper.drag-in-slideout .flex-fields>:not(h2):not(hr):not(.line-break).width-25,.draghelper.drag-in-slideout .flex-fields>:not(h2):not(hr):not(.line-break).width-50,.draghelper.drag-in-slideout .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25,.draghelper.drag-in-slideout .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50{width:50%}}.global-sidebar{--is-always-visible: true;--prefix-size: 30px;--prefix-ratio: 1;position:sticky;top:0;z-index:100;display:flex;flex-direction:column;height:100vh;padding:0;-webkit-overflow-scrolling:touch;background-color:rgba(0,0,0,0);border-right:1px solid var(--hairline-color);width:var(--global-sidebar-width)}.global-sidebar a{text-decoration:none}.global-sidebar>a:not([href]),.global-sidebar *:not(.has-subnav)>a:not([href]){cursor:default;background-color:rgba(0,0,0,0)}@media only screen and (max-width: 1199px){.global-sidebar{--is-always-visible: false}}.global-sidebar__nav{padding:var(--s) 0}.global-sidebar__footer{margin-block-start:auto;display:grid;gap:var(--s)}.global-nav>ul{display:flex;flex-direction:column;gap:var(--s)}.global-nav>ul>li{position:relative}.nav-icon{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;width:1rem;aspect-ratio:1;line-height:0;--thumb-size: 1rem}.nav-icon>svg{width:100%;height:100%}.nav-icon>svg rect,.nav-icon>svg circle,.nav-icon>svg ellipse,.nav-icon>svg line,.nav-icon>svg polyline,.nav-icon>svg polygon,.nav-icon>svg path,.nav-icon>svg text{fill:currentColor;stroke-width:0}.nav-item{display:grid;grid-template-columns:10px 1fr var(--prefix-size) 10px;grid-template-areas:\". action trigger .\" \"subnav subnav subnav subnav\";align-items:center;width:100%}.nav-item>.sidebar-action{grid-area:action}[data-sidebar=collapsed] .nav-item{grid-template-areas:\". action .\" \". trigger .\" \"subnav subnav subnav\";grid-template-columns:10px var(--prefix-size) 10px}.nav-item__trigger{--icon-size: 10px;--trigger-size: var(--touch-target-size);grid-area:trigger;display:flex;z-index:1}.nav-item__trigger .menubtn{padding:0;flex-direction:column;justify-content:center;align-items:center;width:var(--trigger-size);height:var(--trigger-size);border:rgba(0,0,0,0)}.nav-item__trigger .menubtn:hover{background-color:var(--ui-control-bg-color)}.nav-item__trigger .menubtn[aria-expanded=true]:not(:hover){background-color:rgba(0,0,0,0)}.nav-item__trigger .menubtn[aria-expanded=true]:after{display:block;content:\"\";font-size:0;width:.4375rem;height:.4375rem;border:solid currentColor;border-width:0 .125rem .125rem 0;opacity:.8;position:relative;transform:rotate(225deg);top:2px}.nav-item__trigger .menubtn:after{margin-left:0 !important}.nav-item__subnav{--prefix-ratio: 4/3;position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;grid-area:subnav}.nav-item__subnav.is-open{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.badge{display:inline-flex;justify-content:center;text-align:center;flex-shrink:1;font-size:11px;line-height:1rem;width:1.1rem;height:1rem;border-radius:var(--s);background-color:var(--medium-text-color);color:var(--white)}.sidebar-actions{padding:10px}.sidebar-action{--thumb-size: 0.75rem;display:flex;width:100%;align-items:center;position:relative;text-align:left;border-radius:var(--medium-border-radius);color:currentColor;cursor:pointer;gap:7px;min-height:30px}.sidebar-action:before{content:\"\";position:absolute;left:-10px;top:50%;height:80%;transform:translateY(-50%);width:var(--xs)}.sidebar-action:focus-visible,.sidebar-action:hover{background-color:var(--gray-200)}.sidebar-action.sel:before{--indicator-size: 6px;background-color:currentColor}.sidebar-action--sub{--indicator-size: 4px;font-size:.9em;min-height:26px}.sidebar-action--sub:before{width:var(--indicator-size);height:var(--indicator-size);border-radius:100%;left:calc(15px - var(--indicator-size)/2);top:50%;background-color:var(--gray-300)}.sidebar-action--job{align-items:flex-start}.sidebar-action--job .sidebar-action__label{padding-block:var(--xs)}.sidebar-action--job[href]:hover{background-color:rgba(0,0,0,0)}.sidebar-action--job[href]:hover .icon>span.icon>canvas#job-icon-hover{opacity:1}.sidebar-action--job .label{white-space:normal}.sidebar-action--job .progress-label{display:block;color:var(--gray-300);font-size:11px;line-height:1.5}.sidebar-action--job .nav-icon{display:block;position:relative;width:16px;height:16px}.sidebar-action--job .nav-icon>canvas{display:block;position:absolute;width:16px;height:16px}.sidebar-action--job .nav-icon>canvas#job-icon-hover{opacity:0}.sidebar-action__prefix{display:flex;align-items:center;justify-content:center;width:var(--prefix-size);aspect-ratio:var(--prefix-ratio);line-height:0;flex-shrink:0}.sidebar-action__label{display:inline-flex;gap:var(--s);align-items:center;padding:0 var(--xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-grow:1}.sidebar-action__badge{display:flex;flex-direction:column;justify-content:center;padding:0 var(--s);margin-left:auto}@media only screen and (min-width: 1200px){[data-sidebar=collapsed] .global-sidebar{--global-sidebar-width: 50px}[data-sidebar=collapsed] .nav-item__indicator{right:-1px}[data-sidebar=collapsed] .sidebar-action{width:30px;min-height:30px}[data-sidebar=collapsed] .sidebar-action:focus-visible .sidebar-action__label,[data-sidebar=collapsed] .sidebar-action:hover .sidebar-action__label{opacity:1;transform:translateY(-50%) translateX(0)}[data-sidebar=collapsed] .nav-item__trigger .menubtn{width:100%;height:auto;padding-block:2px var(--xs)}[data-sidebar=collapsed] .sidebar-action__label{position:absolute;z-index:10;left:calc(100% + var(--xs)*2);top:50%;transform:translateY(-50%) translateX(-5px);opacity:0;background:#fff;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);color:var(--text-color);border-radius:var(--medium-border-radius);padding:var(--xs) var(--s);pointer-events:none}[data-sidebar=collapsed] .sidebar-action__label:focus{box-shadow:var(--focus-ring)}}@media only screen and (min-width: 1200px)and (prefers-reduced-motion: no-preference){[data-sidebar=collapsed] .sidebar-action__label{transition:opacity 50ms cubic-bezier(0.33, 1, 0.68, 1),transform 150ms cubic-bezier(0.33, 1, 0.68, 1)}}@media only screen and (min-width: 1200px){[data-sidebar=collapsed] .sidebar-action__badge{z-index:100;position:absolute;right:calc(var(--xs)*-1);bottom:var(--xs);transform:translateY(25%);padding:0}[data-sidebar=collapsed] .sidebar-action--sub{min-height:26px}[data-sidebar=collapsed] .sidebar-action--sub:before{left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}[data-sidebar=collapsed] .global-nav>ul>li+li{--separator-width: 28px}[data-sidebar=collapsed] .global-nav>ul>li+li:before{position:absolute;top:calc(var(--s)/-2);left:calc((var(--global-sidebar-width) - var(--separator-width))/2);content:\"\";width:var(--separator-width);height:1px;margin:0 auto;background-color:var(--hairline-color)}[data-sidebar=expanded] #sidebar-toggle-icon{transform:rotate(180deg)}}#sidebar-trigger{display:none}@media only screen and (min-width: 1200px){#sidebar-trigger{display:flex}}.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:5px 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:68px}}.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}body.ltr .lp-editor-container .lp-editor .matrixblock>.fields>.flex-fields>.field>.status-badge{left:calc(var(--m)*-1)}body.rtl .lp-editor-container .lp-editor .matrixblock>.fields>.flex-fields>.field>.status-badge{right:calc(var(--m)*-1)}.lp-editor-container .lp-draghandle{position:absolute;z-index:101;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:44px}}.lp-preview-container .lp-preview-header .lp-device-type .btn::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-preview-header .lp-device-type .btn.lp-device-type-btn--phone::before{background-image:url(../images/preview/icon-phone.svg)}.lp-preview-container .lp-preview-header .lp-device-type .btn.lp-device-type-btn--tablet::before{background-image:url(../images/preview/icon-tablet.svg)}.lp-preview-container .lp-preview-header .lp-device-type .btn.lp-device-type-btn--desktop::before{background-image:url(../images/preview/icon-desktop.svg)}.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-preview-container__bumper-link{top:unset;bottom:0}.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% - 44px);width:100%;background-color:var(--gray-100)}@supports(backdrop-filter: blur(10px)){.lp-preview-container .lp-iframe-container--has-device-preview{top:44px}}.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}}.login-container .login-form-container{background-color:var(--gray-050)}.login-container .login-form input[readonly]{cursor:not-allowed}.login-container .login-form>.field,.login-container .login-form>.btn{margin-top:var(--l)}.login-container .login-form>.field:not(:last-child):not(.last),.login-container .login-form>.btn:not(:last-child):not(.last){margin-bottom:var(--l)}.login-container .login-form .btn{display:flex}.login-container .alternative-login-methods{margin-top:var(--m)}.login-container .alternative-login-methods .btn{width:100%}.login-container .login-forgot-password,.login-container .login-alt-container button{font-size:11px;color:var(--medium-text-color);cursor:pointer !important}.login-container .login-alt-container{margin:calc(var(--s) - var(--xl)) 0}.login-container .login-alt-container button{display:inline-flex;background-color:rgba(0,0,0,0);padding:0;width:auto;height:auto;min-height:var(--touch-target-size)}.login-container .login-forgot-password:hover,.login-container .login-forgot-password:focus,.login-container .login-alt-container button:hover,.login-container .login-alt-container button:focus{color:var(--link-color)}.login-container .login-errors{text-align:center;color:var(--error-color);margin-top:1em}.login-alt-menu{z-index:1001}body.login{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%}body.login main{padding:var(--padding);width:calc(300px + var(--padding)*2);max-width:100%}body.login main h1{text-align:center;font-size:32px;line-height:40px;word-wrap:break-word}body.login main h1 #login-logo{width:100%;height:auto;max-height:300px}body.login #poweredby{display:block;text-align:center;margin-top:70px;margin-bottom:48px;opacity:.8}body.login #poweredby:hover,body.login #poweredby:focus,body.login #poweredby:active{opacity:1}body.login #poweredby>svg{display:inline-block}.modal.email-sent{width:300px}body.ltr .modal.email-sent .body{padding-left:68px}body.rtl .modal.email-sent .body{padding-right:68px}.modal.email-sent .body:before{font-family:\"Craft\";speak:never;-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;display:block;position:absolute;top:24px;content:\"mail\";font-size:30px;color:var(--link-color)}body.ltr .modal.email-sent .body:before{left:24px}body.rtl .modal.email-sent .body:before{right:24px}.login-modal{width:calc(600px + var(--l)*2);max-width:calc(100% - 20px);background:var(--gray-100);border-radius:var(--large-border-radius)}.login-modal .body{display:flex;flex-direction:row;padding:var(--l)}.login-modal .body .login-modal-intro,.login-modal .body .login-modal-form{width:300px;max-width:100%}.login-modal .body .login-modal-intro{padding:var(--m)}@media screen and (max-width: 656px){.login-modal{border-radius:var(--large-border-radius)}.login-modal .body{padding:var(--m);flex-direction:column;gap:var(--m);overflow:auto}.login-modal .body .login-modal-intro{padding:var(--xs) var(--xl)}.login-modal .body .login-modal-form{border-radius:0}}.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:265px}body.rtl .layoutdesigner{padding-left:265px}.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(212, 50%, 95%) 1px, transparent 0px),linear-gradient(to bottom, hsl(212, 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:265px;padding:14px;display:flex;flex-direction:column}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{margin:-3px;padding:3px;flex:1;min-height:0;overflow:auto}.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)}.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:288px;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;gap:var(--xs);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(212, 50%, 95%) 1px, transparent 0px),linear-gradient(to bottom, hsl(212, 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-element{position:relative;display:flex;align-items:center;padding:var(--s);gap:var(--s);box-shadow:inset 0 0 0 1px var(--hairline-color);border-radius:var(--medium-border-radius);background-color:var(--white)}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:not(.draghelper){box-shadow:none}.fld-element.fld-field .field-name{display:flex;flex-direction:column;gap:var(--xs)}.fld-element .fld-element-icon{text-align:center}.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}.fld-hr,.fld-br{position:relative;flex:1;display:flex;justify-content:center}.fld-hr:before,.fld-br:before{position:absolute;display:block;top:calc(50% - 2px);left:0;width:100%;height:4px;content:\"\";font-size:0;border-radius:2px}.fld-hr .smalltext,.fld-br .smalltext{position:relative;display:flex;justify-content:center;align-items:center;background-color:var(--gray-100);border-radius:var(--large-border-radius);padding:0 var(--s);height:var(--touch-target-size)}.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-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}body.has-debug-toolbar .modal.imageeditor .footer{padding-bottom:50px}.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:calc(1rem + 5px)}body.rtl .modal.imageeditor .body .views .crop .custom{padding-right:calc(1rem + 5px)}.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 --gray-050: hsl(var(--gray-050-hsl));\n --gray-100: hsl(var(--gray-100-hsl));\n --gray-200: hsl(var(--gray-200-hsl));\n --gray-300: hsl(var(--gray-300-hsl));\n --gray-350: hsl(var(--gray-350-hsl));\n --gray-400: hsl(var(--gray-400-hsl));\n --gray-500: hsl(var(--gray-500-hsl));\n --gray-550: hsl(var(--gray-550-hsl));\n --gray-600: hsl(var(--gray-600-hsl));\n --gray-700: hsl(var(--gray-700-hsl));\n --gray-800: hsl(var(--gray-800-hsl));\n --gray-900: hsl(var(--gray-900-hsl));\n --gray-1000: hsl(var(--gray-1000-hsl));\n\n --red-050: #fef2f2;\n --red-100: #fee2e2;\n --red-200: #fecaca;\n --red-300: #fca5a5;\n --red-400: #f87171;\n --red-500: #ef4444;\n --red-600: #dc2626;\n --red-700: #b91c1c;\n --red-800: #991b1b;\n --red-900: #7f1d1d;\n --red-950: #450a0a;\n\n --orange-050: #fff7ed;\n --orange-100: #ffedd5;\n --orange-200: #fed7aa;\n --orange-300: #fdba74;\n --orange-400: #fb923c;\n --orange-500: #f97316;\n --orange-600: #ea580c;\n --orange-700: #c2410c;\n --orange-800: #9a3412;\n --orange-900: #7c2d12;\n --orange-950: #431407;\n\n --amber-050: #fffbeb;\n --amber-100: #fef3c7;\n --amber-200: #fde68a;\n --amber-300: #fcd34d;\n --amber-400: #fbbf24;\n --amber-500: #f59e0b;\n --amber-600: #d97706;\n --amber-700: #b45309;\n --amber-800: #92400e;\n --amber-900: #78350f;\n --amber-950: #451a03;\n\n --yellow-050: #fefce8;\n --yellow-100: #fef9c3;\n --yellow-200: #fef08a;\n --yellow-300: #fde047;\n --yellow-400: #facc15;\n --yellow-500: #eab308;\n --yellow-600: #ca8a04;\n --yellow-700: #a16207;\n --yellow-750: #93580b;\n --yellow-800: #854d0e;\n --yellow-900: #713f12;\n --yellow-950: #422006;\n\n --lime-050: #f7fee7;\n --lime-100: #ecfccb;\n --lime-200: #d9f99d;\n --lime-300: #bef264;\n --lime-400: #a3e635;\n --lime-500: #84cc16;\n --lime-600: #65a30d;\n --lime-700: #4d7c0f;\n --lime-800: #3f6212;\n --lime-900: #365314;\n --lime-950: #1a2e05;\n\n --green-050: #f0fdf4;\n --green-100: #dcfce7;\n --green-200: #bbf7d0;\n --green-300: #86efac;\n --green-400: #4ade80;\n --green-500: #22c55e;\n --green-600: #16a34a;\n --green-700: #15803d;\n --green-800: #166534;\n --green-900: #14532d;\n --green-950: #052e16;\n\n --emerald-050: #ecfdf5;\n --emerald-100: #d1fae5;\n --emerald-200: #a7f3d0;\n --emerald-300: #6ee7b7;\n --emerald-400: #34d399;\n --emerald-500: #10b981;\n --emerald-600: #059669;\n --emerald-700: #047857;\n --emerald-800: #065f46;\n --emerald-900: #064e3b;\n --emerald-950: #022c22;\n\n --teal-050: #f0fdfa;\n --teal-100: #ccfbf1;\n --teal-200: #99f6e4;\n --teal-300: #5eead4;\n --teal-400: #2dd4bf;\n --teal-500: #14b8a6;\n --teal-550: #11a697;\n --teal-600: #0d9488;\n --teal-700: #0f766e;\n --teal-800: #115e59;\n --teal-900: #134e4a;\n --teal-950: #042f2e;\n\n --cyan-050: #ecfeff;\n --cyan-100: #cffafe;\n --cyan-200: #a5f3fc;\n --cyan-300: #67e8f9;\n --cyan-400: #22d3ee;\n --cyan-500: #06b6d4;\n --cyan-600: #0891b2;\n --cyan-700: #0e7490;\n --cyan-800: #155e75;\n --cyan-900: #164e63;\n --cyan-950: #083344;\n\n --sky-050: #f0f9ff;\n --sky-100: #e0f2fe;\n --sky-200: #bae6fd;\n --sky-300: #7dd3fc;\n --sky-400: #38bdf8;\n --sky-500: #0ea5e9;\n --sky-600: #0284c7;\n --sky-700: #0369a1;\n --sky-800: #075985;\n --sky-900: #0c4a6e;\n --sky-950: #082f49;\n\n --blue-050: #eff6ff;\n --blue-100: #dbeafe;\n --blue-200: #bfdbfe;\n --blue-300: #93c5fd;\n --blue-400: #60a5fa;\n --blue-500: #3b82f6;\n --blue-600: #2563eb;\n --blue-700: #1d4ed8;\n --blue-800: #1e40af;\n --blue-900: #1e3a8a;\n --blue-950: #172554;\n\n --indigo-050: #eef2ff;\n --indigo-100: #e0e7ff;\n --indigo-200: #c7d2fe;\n --indigo-300: #a5b4fc;\n --indigo-400: #818cf8;\n --indigo-500: #6366f1;\n --indigo-600: #4f46e5;\n --indigo-700: #4338ca;\n --indigo-800: #3730a3;\n --indigo-900: #312e81;\n --indigo-950: #1e1b4b;\n\n --violet-050: #f5f3ff;\n --violet-100: #ede9fe;\n --violet-200: #ddd6fe;\n --violet-300: #c4b5fd;\n --violet-400: #a78bfa;\n --violet-500: #8b5cf6;\n --violet-600: #7c3aed;\n --violet-700: #6d28d9;\n --violet-800: #5b21b6;\n --violet-900: #4c1d95;\n --violet-950: #2e1065;\n\n --purple-050: #faf5ff;\n --purple-100: #f3e8ff;\n --purple-200: #e9d5ff;\n --purple-300: #d8b4fe;\n --purple-400: #c084fc;\n --purple-500: #a855f7;\n --purple-600: #9333ea;\n --purple-700: #7e22ce;\n --purple-800: #6b21a8;\n --purple-900: #581c87;\n --purple-950: #3b0764;\n\n --fuchsia-050: #fdf4ff;\n --fuchsia-100: #fae8ff;\n --fuchsia-200: #f5d0fe;\n --fuchsia-300: #f0abfc;\n --fuchsia-400: #e879f9;\n --fuchsia-500: #d946ef;\n --fuchsia-600: #c026d3;\n --fuchsia-700: #a21caf;\n --fuchsia-800: #86198f;\n --fuchsia-900: #701a75;\n --fuchsia-950: #4a044e;\n\n --pink-050: #fdf2f8;\n --pink-100: #fce7f3;\n --pink-200: #fbcfe8;\n --pink-300: #f9a8d4;\n --pink-400: #f472b6;\n --pink-500: #ec4899;\n --pink-600: #db2777;\n --pink-700: #be185d;\n --pink-800: #9d174d;\n --pink-900: #831843;\n --pink-950: #500724;\n\n --rose-050: #fff1f2;\n --rose-100: #ffe4e6;\n --rose-200: #fecdd3;\n --rose-300: #fda4af;\n --rose-400: #fb7185;\n --rose-500: #f43f5e;\n --rose-600: #e11d48;\n --rose-700: #be123c;\n --rose-800: #9f1239;\n --rose-900: #881337;\n --rose-950: #4c0519;\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-600);\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: #1f5fea;\n\n // font styles\n --font-weight-bold: 700;\n\n // hairline colors\n --hairline-color: #{transparentize(hsl(209, 20%, 25%), 0.9)};\n --medium-hairline-color: #cfd8e3; // matches shadow below global header;\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-500);\n\n // alert/notice colors\n --error-color: #d81e23;\n --warning-color: var(--amber-700);\n --success-color: var(--teal-700);\n --notice-color: var(--sky-700);\n\n // status colors\n --enabled-color: var(--teal-550);\n --pending-color: var(--orange-400);\n --disabled-color: var(--red-600);\n\n // misc colors\n --indicator-border-color: var(--amber-600);\n --indicator-icon-color: var(--amber-700);\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: 1rem;\n --radio-size: 1rem;\n}\n","@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\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:\n url('../fonts/Craft.woff2') format('woff2'),\n 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 font-display: block;\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 --ui-control-static-bg-color: #{transparentize($inputColor, 0.75)};\n --ui-control-bg-color: var(--ui-control-static-bg-color);\n --ui-control-hover-bg-color: #{transparentize($inputColor, 0.7)};\n --ui-control-active-bg-color: #{transparentize($inputColor, 0.5)};\n --ui-control-border-radius: var(--large-border-radius);\n --ui-control-height: calc(34rem / 16);\n --ui-control-height--small: calc(30rem / 16);\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: calc(\n 24rem / 16\n ); /* Minimum recommended touch target size */\n --thumb-size: calc(20rem / 16);\n --icon-size: 1rem;\n --elements-busy-top-position: calc(50% - var(--size, 20px) / 2);\n --lh: 1.42em;\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: var(--lh);\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.mt-0 {\n margin-top: 0 !important;\n}\n.mt-xs {\n margin-top: var(--xs) !important;\n}\n.mt-s {\n margin-top: var(--s) !important;\n}\n.mt-m {\n margin-top: var(--m) !important;\n}\n.mt-l {\n margin-top: var(--l) !important;\n}\n.mt-xl {\n margin-top: var(--xl) !important;\n}\n\n.mb-0 {\n margin-bottom: 0 !important;\n}\n.mb-xs {\n margin-bottom: var(--xs) !important;\n}\n.mb-s {\n margin-bottom: var(--s) !important;\n}\n.mb-m {\n margin-bottom: var(--m) !important;\n}\n.mb-l {\n margin-bottom: var(--l) !important;\n}\n.mb-xl {\n margin-bottom: var(--xl) !important;\n}\n\n.ml-0 {\n margin-left: 0 !important;\n}\n.ml-xs {\n margin-left: var(--xs) !important;\n}\n.ml-s {\n margin-left: var(--s) !important;\n}\n.ml-m {\n margin-left: var(--m) !important;\n}\n.ml-l {\n margin-left: var(--l) !important;\n}\n.ml-xl {\n margin-left: var(--xl) !important;\n}\n\n.mr-0 {\n margin-right: 0 !important;\n}\n.mr-xs {\n margin-right: var(--xs) !important;\n}\n.mr-s {\n margin-right: var(--s) !important;\n}\n.mr-m {\n margin-right: var(--m) !important;\n}\n.mr-l {\n margin-right: var(--l) !important;\n}\n.mr-xl {\n margin-right: var(--xl) !important;\n}\n\n.mx-0 {\n margin-left: 0 !important;\n margin-right: 0 !important;\n}\n.mx-xs {\n margin-left: var(--xs) !important;\n margin-right: var(--xs) !important;\n}\n.mx-s {\n margin-left: var(--s) !important;\n margin-right: var(--s) !important;\n}\n.mx-m {\n margin-left: var(--m) !important;\n margin-right: var(--m) !important;\n}\n.mx-l {\n margin-left: var(--l) !important;\n margin-right: var(--l) !important;\n}\n.mx-xl {\n margin-left: var(--xl) !important;\n margin-right: var(--xl) !important;\n}\n\n.my-0 {\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n}\n.my-xs {\n margin-top: var(--xs) !important;\n margin-bottom: var(--xs) !important;\n}\n.my-s {\n margin-top: var(--s) !important;\n margin-bottom: var(--s) !important;\n}\n.my-m {\n margin-top: var(--m) !important;\n margin-bottom: var(--m) !important;\n}\n.my-l {\n margin-top: var(--l) !important;\n margin-bottom: var(--l) !important;\n}\n.my-xl {\n margin-top: var(--xl) !important;\n margin-bottom: var(--xl) !important;\n}\n\n.no-scroll {\n overflow: hidden !important;\n}\n\n.draghelper {\n box-sizing: border-box;\n list-style-type: none;\n}\n\n.offset-drag-helper {\n transition:\n margin linear 200ms,\n padding linear 200ms;\n}\n\nbody.dragging.ltr .offset-drag-helper {\n margin: -50px 0 0 -50px;\n padding: 60px 0 0 60px;\n}\n\nbody.dragging.rtl .offset-drag-helper {\n margin: -50px -50px 0 0;\n padding: 60px 60px 0 0;\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 ul.padded li .menu-item.sel:before,\n.menu ul.padded li .menu-option.sel:before,\n.menu .flex.padded.sel:before,\n.texticon: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.action-btn:before,\n[data-icon]:before,\n[data-icon-after]:after {\n @include icon;\n}\n\n.badge-icon {\n position: relative;\n top: -1px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 1rem;\n height: 1rem;\n box-sizing: border-box;\n border: 1px solid var(--indicator-border-color);\n border-radius: var(--small-border-radius);\n color: var(--indicator-icon-color);\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\n[data-icon-size='large'] {\n &[data-icon]:before,\n &[data-icon-after]:after {\n font-size: 20px;\n }\n}\n\n[data-icon-size='small'] {\n &[data-icon]:before,\n &[data-icon-after]:after {\n font-size: 14px;\n }\n}\n\n[data-icon-size='puny'] {\n &[data-icon]:before,\n &[data-icon-after]:after {\n font-size: 12px;\n }\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.action-btn:before {\n content: 'ellipsis';\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 &[aria-current] {\n cursor: default;\n }\n\n body.underline-links &,\n &:hover {\n text-decoration: underline;\n }\n\n .cp-icon svg {\n @include svg-mask(var(--link-color));\n }\n}\n\na:not([href]) {\n color: inherit;\n cursor: inherit;\n\n body.underline-links &,\n &:hover {\n text-decoration: none;\n }\n}\n\na.iconlink {\n &:before {\n width: 1rem;\n @include margin-right(var(--xs));\n }\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\na [data-icon='external'] {\n @include margin-left(var(--xs));\n}\n\nbutton {\n cursor: pointer;\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.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.revision-notice {\n display: flex;\n align-items: center;\n align-content: stretch;\n justify-content: center;\n gap: var(--s);\n color: var(--gray-600);\n\n #content-notice & {\n display: inline-flex;\n justify-content: flex-start;\n }\n\n p {\n flex: 1;\n margin: 0;\n }\n\n .revision-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($grey800, 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(--grey-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\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}\nul.errors em {\n font-style: normal;\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: 12px;\n color: var(--rose-500);\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:not(.disabled) {\n cursor: move;\n}\n\n.icon.move:before {\n content: 'move';\n color: var(--custom-text-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-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 &.sidebar-hidden {\n @include padding-left(0);\n\n & > .cs-sidebar {\n display: none;\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 --selected-item-color: var(--white);\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 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 @include light-focus-ring;\n --ui-control-color: var(--selected-item-color);\n background-color: var(--dark-sel-color);\n color: var(--selected-item-color);\n z-index: 1;\n }\n\n .label {\n flex: 1;\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 &.sel .label {\n color: var(--selected-item-color);\n }\n }\n}\n\n.customize-sources-item__move {\n position: absolute;\n top: 50%;\n @include right(0);\n transform: translate(-50%, -50%);\n justify-content: center;\n align-items: center;\n\n &.icon {\n display: flex;\n text-decoration: none;\n }\n}\n\n.customize-sources-item__btn {\n padding: 8px 14px;\n @include padding-right(30px);\n margin: 3px;\n}\n\n.checkbox-select-item {\n display: flex;\n align-items: flex-start;\n align-content: stretch;\n margin-bottom: 4px;\n\n .move {\n margin-top: -3px;\n @include margin-right(10px);\n position: relative;\n z-index: 1;\n }\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), calc(1rem / 16));\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: var(--s);\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 }\n}\n\n.flex {\n display: flex;\n align-items: center;\n align-content: stretch;\n gap: var(--s);\n\n &.flex-gap-xs {\n gap: var(--xs);\n }\n &.flex-gap-m {\n gap: var(--m);\n }\n &.flex-gap-l {\n gap: var(--l);\n }\n &.flex-gap-xl {\n gap: var(--xl);\n }\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 !important;\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 max-width: 100%;\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(--ui-control-border-radius);\n padding: 7px 10px;\n border: none;\n text-align: center;\n white-space: nowrap;\n user-select: none;\n box-sizing: border-box;\n appearance: none;\n color: currentColor;\n font-size: inherit;\n background-color: var(--ui-control-bg-color);\n\n &:not([aria-current]) {\n cursor: pointer;\n }\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 &.hairline {\n border: 1px solid var(--medium-hairline-color);\n background-color: transparent;\n\n &:hover,\n &:active,\n &[aria-expanded='true'] {\n border-color: var(--dark-hairline-color);\n }\n\n &:active,\n &[aria-expanded='true'] {\n background-color: var(--ui-control-static-bg-color);\n }\n }\n\n &.wrap {\n height: auto;\n min-height: 34px;\n white-space: initial;\n text-align: left;\n }\n\n &:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not(\n [aria-current]\n ) {\n &:focus,\n &.focus,\n &:hover {\n --ui-control-bg-color: var(--ui-control-hover-bg-color);\n }\n\n &:active,\n &.active,\n &[aria-expanded='true'] {\n --ui-control-bg-color: var(--ui-control-active-bg-color);\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 &:empty,\n &.btn-empty {\n padding-left: 12px;\n padding-right: 12px;\n }\n\n &[data-icon]:not(:empty):not(.btn-empty):before,\n &.icon:not(:empty):not(.btn-empty):before,\n &.menubtn:not(.action-btn)[data-icon]:empty:before,\n &.menubtn:not(.action-btn)[data-icon].btn-empty:before,\n &.menubtn:not(.action-btn).icon:empty:before,\n &.menubtn:not(.action-btn).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 [data-icon] {\n margin-top: -3px;\n @include margin-right(5px);\n\n &.light:before {\n color: var(--gray-300);\n }\n }\n}\n\n.disabled {\n opacity: 0.25;\n pointer-events: none;\n user-select: none;\n}\n\n.noteditable {\n cursor: not-allowed;\n\n .element,\n .lightswitch-container,\n & + .colorhex {\n cursor: not-allowed;\n }\n}\n\n.btn,\n.spinner {\n height: var(--ui-control-height);\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(.action-btn):not(:empty):not(.btn-empty):after,\n.menubtn:not(.action-btn).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 border-radius: var(--large-border-radius);\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.btngroup--exclusive {\n .btn[aria-pressed='true']:not(.disabled):not(.loading):not(.dashed):not(\n [aria-disabled]\n ) {\n background-color: var(--gray-500);\n color: var(--white);\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 .copytextbtn__icon {\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 .copytextbtn__value {\n color: var(--text-color);\n }\n }\n\n &.small {\n padding: 0 5px;\n\n .copytextbtn__value {\n font-size: calc(11rem / 16);\n }\n }\n}\n\n/* menu buttons */\n.menu-toggle,\n.menubtn:not(.action-btn) {\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: var(--elements-busy-top-position);\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 var(--s) !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/* huge buttons */\n.btn.huge {\n padding: var(--l);\n line-height: 48px;\n height: 48px;\n}\n\n/* special buttons */\n.btn {\n &.submit,\n &.secondary {\n color: var(--white) !important;\n --ui-control-active-color: var(--white);\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 &[aria-expanded='true'] {\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 &[aria-expanded='true'] {\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.secondary-buttons\n .btn.submit:not(.disabled):not(.inactive):not(.loading)[aria-expanded='true'],\n.btn.secondary: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(\n .loading\n )[aria-expanded='true'] {\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 &[aria-expanded='true'] {\n background-color: transparentize($grey200, 0.75);\n }\n }\n}\n\n/* chevron buttons */\n.chevron-btns {\n display: flex;\n justify-content: flex-start;\n\n .btn {\n position: relative;\n padding: 0;\n border-radius: 0;\n background-color: transparent;\n\n &.current-step,\n &.active-drop-target {\n color: var(--white);\n --text-color: var(--white);\n --ui-control-color: var(--white);\n --ui-control-bg-color: var(--gray-500);\n --ui-control-hover-bg-color: #{darken($grey500, 5%)};\n --ui-control-active-bg-color: #{darken($grey500, 10%)};\n }\n\n &.current-step {\n @include light-on-dark-text;\n @include light-focus-ring;\n }\n\n &:focus {\n z-index: 1;\n box-shadow: none;\n\n .label {\n z-index: 1;\n box-shadow: var(--focus-ring);\n }\n\n .reduce-focus-visibility &:not(:focus-visible) .label {\n box-shadow: none;\n }\n }\n\n .reduce-focus-visibility &:focus-visible .label {\n box-shadow: var(--focus-ring);\n }\n\n &:not(.has-action-menu) {\n @include padding-right(calc(var(--ui-control-height) / 2));\n @include margin-right(2.8px);\n\n &:not(.current-step[data-disclosure-trigger]) .btn-body {\n @include padding-right(5px);\n }\n }\n\n &.current-step[data-disclosure-trigger] .btn-body {\n @include padding-left(8px);\n\n .label {\n padding: 3px;\n\n &:after {\n @include angle;\n position: relative;\n }\n }\n }\n\n .btn-body {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n height: var(--ui-control-height);\n background-color: var(--ui-control-bg-color);\n\n [data-icon] {\n --ui-control-height: calc((13rem / 16)); // 1rem == 16px\n text-align: center;\n @include margin-right(0);\n }\n }\n\n .label {\n display: inline-flex;\n align-items: center;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n &.has-action-menu .btn-body {\n @include padding-right(1px);\n @include margin-right(0);\n }\n\n .chevron-right,\n .chevron-left {\n position: absolute;\n top: 0;\n height: 100%;\n width: calc(var(--ui-control-height) / 2);\n }\n\n .chevron-left {\n @include left(0);\n border-top: calc(var(--ui-control-height) / 2) solid\n var(--ui-control-bg-color);\n @include border-left(\n calc(var(--ui-control-height) / 2) solid transparent\n );\n\n &:after {\n display: block;\n content: '';\n font-size: 0;\n position: absolute;\n bottom: 0;\n @include right(0);\n border-bottom: calc(var(--ui-control-height) / 2) solid\n var(--ui-control-bg-color);\n @include border-left(\n calc(var(--ui-control-height) / 2) solid transparent\n );\n }\n }\n\n .chevron-right {\n @include right(0);\n border-top: calc(var(--ui-control-height) / 2) solid transparent;\n border-bottom: calc(var(--ui-control-height) / 2) solid transparent;\n @include border-left(\n calc(var(--ui-control-height) / 2) solid var(--ui-control-bg-color)\n );\n }\n }\n\n ol {\n position: relative;\n @include padding-left(0);\n list-style-type: none;\n display: flex;\n\n li {\n &.first-step .btn {\n .btn-body {\n @include padding-left(14px);\n @include border-radius(\n var(--ui-control-border-radius),\n 0,\n 0,\n var(--ui-control-border-radius)\n );\n }\n\n .chevron-left {\n display: none;\n }\n }\n\n &:not(.first-step) .btn {\n @include margin-left(calc(-1 * (var(--ui-control-height) / 2)));\n @include padding-left(calc(var(--ui-control-height) / 2));\n\n .btn-body {\n @include padding-left(7px);\n }\n }\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):not(.noteditable) {\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 max-width: 100%;\n padding-left: 7px;\n padding-right: 7px;\n\n span {\n flex-grow: 1;\n padding: 7px 0;\n color: var(--medium-text-color);\n cursor: default;\n overflow: auto;\n overflow-wrap: break-word;\n hyphens: auto;\n\n &[data-toggle='on'] {\n @include margin-left(7px);\n }\n\n &[data-toggle='off'] {\n @include margin-right(7px);\n text-align: right;\n\n body.rtl & {\n text-align: left;\n }\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 min-width: 34px;\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: calc(30rem / 16);\n height: calc(30rem / 16);\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 @include focus-styles {\n box-shadow:\n inset 0 0 0 1px var(--hairline-color),\n 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 --pane-y-padding-default: calc(var(--xl) - 2px);\n --pane-x-padding-default: calc(var(--padding) - 2px);\n margin: calc(var(--pane-padding, var(--pane-y-padding-default)) * -1)\n calc(var(--pane-padding, var(--pane-x-padding-default)) * -1)\n calc(\n var(--pane-padding, var(--padding)) * -1 + var(--pane-padding, var(--m))\n );\n padding: 0 !important;\n overflow-x: auto;\n\n table.data {\n th,\n td {\n &:first-child {\n @include padding-left(var(--m));\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% - 8rem / 16);\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(\n var(--border-radius, var(--small-border-radius))\n );\n @include border-bottom-left-radius(\n var(--border-radius, var(--small-border-radius))\n );\n }\n &:last-child {\n @include border-top-right-radius(\n var(--border-radius, var(--small-border-radius))\n );\n @include border-bottom-right-radius(\n var(--border-radius, var(--small-border-radius))\n );\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: var(--s);\n padding-bottom: var(--s);\n }\n\n th {\n white-space: nowrap;\n vertical-align: middle;\n\n &.orderable {\n position: relative;\n padding: 0 !important;\n\n body:not(.dragging) &: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(var(--m));\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(35px);\n font: inherit;\n width: 100%;\n padding: var(--pane-padding, var(--m)) var(--m);\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 --hover-bg-color: var(--gray-050);\n --selected-bg-color: var(--dark-sel-color);\n\n &:not(.disabled) {\n &:hover {\n th,\n td {\n background-color: var(--hover-bg-color);\n }\n }\n\n &:focus {\n position: relative;\n z-index: 1;\n }\n\n &.sel,\n &.active-drop-target {\n --text-color: var(--white);\n --medium-dark-text-color: var(--white);\n --medium-text-color: var(--white);\n --light-text-color: var(--white);\n --link-color: var(--white);\n --ui-control-color: var(--white);\n @include custom-color-focus-ring(hsl(var(--light-focus-hsl)));\n\n th,\n td {\n color: var(--white);\n background-color: var(--selected-bg-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 tr.sel:not(.draggee) + tr.sel:not(.draggee) {\n th,\n td {\n border-top-color: var(--gray-300);\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 background-color: var(--white);\n @include shadow;\n}\n\n.datatablesorthelper,\n.datatablesorthelper .chip,\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.chip,\n.card {\n color: var(--custom-text-color, var(--text-color));\n background-color: var(--custom-bg-color, var(--gray-050));\n}\n\n/* chips */\n.chip {\n position: relative;\n display: inline-flex;\n align-items: center;\n cursor: default;\n user-select: none;\n font-weight: normal;\n padding: var(--xs) var(--s);\n max-width: 100%;\n gap: var(--xs);\n border-radius: var(--large-border-radius);\n\n &.small {\n flex-direction: row;\n height: calc(26rem / 16 + 8px);\n --thumb-size: calc(30rem / 16);\n\n & > .thumb {\n margin: calc(var(--xs) * -1 + 2px) calc(var(--s) * -1 + 2px);\n @include margin-right(2px);\n\n &.cp-icon {\n @include margin-left(-2px);\n --thumb-size: 1rem; // 16px\n }\n }\n }\n\n &.large {\n flex-direction: column;\n --thumb-size: 120px;\n min-width: calc(var(--s) * 2 + var(--thumb-size));\n\n .chip-content {\n width: 100%;\n }\n }\n\n .chip-content {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: var(--s);\n max-width: 100%;\n\n .status,\n .icon {\n @include margin-right(0);\n }\n\n .icon {\n margin: -4px -1px 0;\n }\n }\n\n &.sel,\n li.sel &,\n li.active-drop-target & {\n --text-color: var(--white);\n --custom-text-color: var(--white) !important;\n --medium-dark-text-color: var(--white);\n --medium-text-color: var(--white);\n --light-text-color: var(--white);\n --link-color: var(--white);\n --ui-control-color: var(--white);\n @include custom-color-focus-ring(hsl(var(--light-focus-hsl)));\n color: var(--white);\n background-color: var(\n --custom-sel-bg-color,\n var(--dark-sel-color)\n ) !important;\n\n .cp-icon {\n --icon-color: var(--white) !important;\n }\n }\n\n &.sel,\n .sel & {\n cursor: default;\n\n .thumb {\n filter: brightness(0.85);\n\n img {\n box-shadow:\n 0 0 0 1px transparentize($darkSelColor, 0.9),\n 0 6px 4px -4px transparentize($darkSelColor, 0.8);\n }\n }\n }\n\n .offset-drag-helper & {\n background-color: var(--gray-050);\n @include shadow;\n }\n\n & > .thumb {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n width: var(--thumb-size);\n height: var(--thumb-size);\n\n &.rounded {\n img,\n svg {\n border: var(--xs) solid transparent;\n border-radius: 50%;\n }\n }\n\n &.checkered img {\n @include checkered-bg(8px);\n }\n\n img,\n svg {\n display: block;\n flex-shrink: 0;\n border-radius: var(--small-border-radius);\n max-width: 100%;\n max-height: 100%;\n }\n }\n}\n\n.cp-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: var(--icon-size);\n height: var(--icon-size);\n max-width: var(--icon-size);\n\n svg {\n width: var(--icon-size);\n height: var(--icon-size);\n max-width: var(--icon-size) !important;\n max-height: var(--icon-size) !important;\n @include svg-mask(var(--icon-color, var(--ui-control-color)));\n }\n\n &.large {\n --icon-size: calc(20rem / 16);\n }\n\n &.small {\n --icon-size: calc(14rem / 16);\n }\n\n &.puny {\n --icon-size: calc(12rem / 16);\n }\n}\n\n.chips,\n.cards {\n display: flex;\n --custom-bg-color: initial;\n --custom-text-color: initial;\n --custom-sel-bg-color: initial;\n\n &:not(.inline-chips) {\n flex-direction: column;\n }\n\n li {\n max-width: 100%;\n }\n}\n\n.cards {\n gap: var(--s);\n}\n\n.chips {\n align-items: flex-start;\n gap: var(--xs);\n}\n\n.inline-chips {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n align-items: center;\n gap: var(--xs);\n\n .chip {\n margin: 0 !important;\n }\n}\n\n/** cards */\n.card {\n position: relative;\n display: flex;\n flex-direction: row;\n align-items: stretch;\n padding: var(--m);\n gap: var(--m);\n border-radius: var(--large-border-radius);\n cursor: default;\n user-select: none;\n width: 100%;\n\n &:after {\n border-radius: var(--large-border-radius);\n }\n\n &.sel,\n li.sel & {\n --text-color: var(--white);\n --custom-text-color: var(--white) !important;\n --medium-dark-text-color: var(--white);\n --medium-text-color: var(--white);\n --light-text-color: var(--white);\n --link-color: var(--white);\n --ui-control-color: var(--white);\n @include custom-color-focus-ring(hsl(var(--light-focus-hsl)));\n color: var(--white);\n background-color: var(\n --custom-sel-bg-color,\n var(--dark-sel-color)\n ) !important;\n\n & > .thumb {\n background-color: var(--dark-sel-color) !important;\n filter: brightness(0.85);\n }\n }\n\n & > .thumb {\n position: relative;\n display: flex;\n align-items: stretch;\n margin: calc(var(--m) * -1);\n @include margin-right(0);\n width: 120px;\n min-width: 120px; // needed for flex\n min-height: calc(var(--m) * 2 + var(--lh) * 3 + var(--xs));\n background-color: var(--gray-100);\n overflow: hidden;\n\n &:after {\n display: block;\n content: '';\n font-size: 0;\n position: absolute;\n top: 0;\n bottom: 0;\n @include shadow();\n width: 10px;\n\n body.ltr & {\n right: -10px;\n }\n\n body.rtl & {\n left: -10px;\n }\n }\n\n &,\n &:after {\n @include border-radius(\n var(--large-border-radius),\n 0,\n 0,\n var(--large-border-radius)\n );\n }\n\n img,\n svg {\n width: 100%;\n max-height: 120px;\n object-fit: cover;\n }\n }\n\n & > .cp-icon {\n @include margin(0, -4px, 0, -2px);\n }\n\n .card-content,\n .card-content .card-body {\n display: flex;\n flex-direction: column;\n gap: var(--xs);\n flex: 1;\n }\n\n .card-content {\n margin: calc((1rem - var(--lh)) / 2) 0;\n flex: 1 0 0 !important;\n overflow: hidden;\n position: relative;\n --focus-ring: var(--inner-focus-ring);\n\n .card-heading {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 5px;\n\n .status {\n margin: 0;\n flex: 0 0 10px;\n }\n\n .label {\n font-weight: 600;\n }\n }\n\n .card-body {\n &:empty {\n display: none;\n }\n\n & > * {\n --max-lines: 2;\n margin: 0;\n max-height: calc(var(--lh) * var(--max-lines));\n overflow: hidden;\n text-wrap: pretty;\n }\n }\n }\n\n & > .card-actions-container {\n display: flex;\n align-items: flex-start !important;\n position: relative;\n }\n}\n\n.card-grid {\n display: grid !important;\n gap: var(--s) !important;\n grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));\n\n & > li {\n border-radius: var(--large-border-radius);\n\n & > .card {\n margin: 0 !important;\n height: 100%;\n }\n }\n}\n\n.context-label,\n.context-menu-container {\n display: inline-flex;\n align-items: center;\n @include margin-left(var(--xs));\n height: var(--touch-target-size);\n padding: 0 var(--s);\n font-size: 11px;\n font-weight: normal;\n text-decoration: none !important;\n color: var(--light-text-color);\n border-radius: calc(var(--touch-target-size) / 2);\n border: 1px solid var(--medium-hairline-color);\n}\n\n.context-menu-container {\n @include padding-right(0);\n\n .menubtn:not(.action-btn) {\n @include margin(0, -1px, 0, 0);\n @include padding-right(2px !important);\n @include border-left(1px solid var(--medium-hairline-color));\n @include border-radius(\n 0,\n calc(var(--touch-target-size) / 2),\n calc(var(--touch-target-size) / 2),\n 0\n );\n\n &:hover {\n border-color: var(--dark-hairline-color) !important;\n }\n }\n\n > * {\n display: inline-block;\n @include padding-right(var(--s));\n }\n}\n\n// fix for context menus that are only children\n.context-menu-container .menubtn:not(.action-btn):only-child,\n.context-menu-container\n .visually-hidden:first-child\n + .menubtn:not(.action-btn):last-child {\n margin: 0 calc(var(--s) * -1);\n border-left: none !important;\n border-radius: calc(var(--touch-target-size) / 2) !important;\n}\n\n.chip,\n.card {\n // prevent double focus ring (chip/card already gets it)\n .checkbox:before {\n box-shadow: none !important;\n }\n\n .label {\n display: flex;\n align-items: center;\n gap: var(--xs);\n overflow: hidden;\n\n .label-link {\n flex: 1 1 0;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n\n &:focus {\n box-shadow: var(--inner-focus-ring);\n }\n }\n\n .segment:after {\n display: inline-flex !important;\n position: relative;\n top: -2px;\n @include margin(0, 5px, 0, 2px);\n @include angle(right, var(--light-text-color), calc(1rem / 16));\n\n .sel & {\n @include angle(right, var(--white), calc(1rem / 16));\n }\n }\n }\n\n & > .chip-content > .chip-actions,\n & > .card-actions-container > .card-actions {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: var(--s);\n min-height: 1rem;\n\n &:empty {\n display: none;\n }\n\n & > .status {\n margin: 0;\n }\n\n & > .action-btn,\n & > .move {\n @include touch-target;\n margin: 0 -4px;\n &:before {\n color: var(--custom-text-color, var(--ui-control-color));\n }\n }\n\n .action-btn {\n background-color: transparent;\n\n &:before {\n @include margin-right(0 !important);\n }\n\n &:hover,\n &:active,\n &[aria-expanded='true'] {\n backdrop-filter: brightness(90%);\n }\n }\n\n .move {\n margin-top: -3px !important;\n }\n }\n\n &.error .label .label-link {\n color: var(--error-color);\n }\n}\n\n.element-index {\n .source-path {\n background-color: var(--gray-050);\n border-radius: 3px;\n --ui-control-bg-color: var(--light-sel-color);\n --ui-control-hover-bg-color: #{darken($lightSelColor, 5%)};\n --ui-control-active-bg-color: #{darken($lightSelColor, 10%)};\n\n .chevron-btns {\n display: inline-flex;\n position: relative;\n background: $white;\n --ui-control-height: calc((30rem / 16)); // 1rem == 16px\n\n &:before {\n display: block;\n content: '';\n font-size: 0;\n position: absolute;\n top: 0;\n width: 0;\n height: 0;\n @include right(0);\n border-top: calc(var(--ui-control-height) / 2) solid $grey050;\n @include border-left(\n calc(var(--ui-control-height) / 2) solid transparent\n );\n }\n\n &:after {\n display: block;\n content: '';\n font-size: 0;\n position: absolute;\n top: calc(var(--ui-control-height) / 2);\n @include right(0);\n border-bottom: calc(var(--ui-control-height) / 2) solid $grey050;\n @include border-left(\n calc(var(--ui-control-height) / 2) solid transparent\n );\n }\n\n .btn {\n --ui-control-border-radius: 3px;\n }\n }\n\n .btn.settings {\n box-shadow: 0 0 0 2px var(--white);\n }\n }\n\n &.main {\n .source-path {\n margin: -22px calc(var(--padding) * -1 + 2px) 24px;\n }\n }\n\n .elementselectormodal & {\n .source-path {\n margin-bottom: 2px;\n }\n }\n\n &.pane {\n .toolbar {\n position: relative;\n z-index: 2;\n margin: calc(var(--pane-padding) * -1) calc(var(--pane-padding) * -1)\n var(--pane-padding) !important;\n border-radius: calc(var(--large-border-radius) - 1px)\n calc(var(--large-border-radius) - 1px) 0 0;\n padding: var(--pane-padding);\n box-shadow: 0 1px 0 var(--hairline-color);\n background-color: var(--gray-050);\n }\n\n .header {\n padding-top: var(--pane-padding);\n padding-bottom: var(--pane-padding);\n background-color: transparent;\n border-bottom: 1px solid var(--hairline-color);\n }\n\n .elements {\n --border-radius: 0;\n\n .tableview table.data thead {\n th,\n td {\n border-bottom: 1px solid var(--hairline-color);\n &:not(.ordered) {\n background-color: transparent;\n }\n }\n }\n }\n\n .footer {\n border-radius: 0 0 calc(var(--large-border-radius) - 1px)\n calc(var(--large-border-radius) - 1px) !important;\n box-shadow: none;\n border-top: 1px solid var(--hairline-color);\n background: transparent;\n }\n }\n}\n\n.elements {\n position: relative;\n\n &:not(.busy) {\n .update-spinner {\n display: none;\n }\n }\n\n &.busy {\n min-height: 72px;\n\n &:after {\n display: block;\n content: '';\n font-size: 0;\n position: absolute;\n z-index: 100;\n top: 0;\n left: calc(var(--pane-padding, 24px) * -1);\n width: calc(100% + var(--pane-padding, 24px) + var(--pane-padding, 24px));\n height: 100%;\n background: transparentize($white, 0.25);\n border-radius: var(--large-border-radius);\n }\n\n .update-spinner {\n z-index: 101;\n }\n }\n\n .header {\n margin: calc(var(--xl) * -1 + 2px) calc(var(--padding) * -1 + 2px) var(--xl);\n padding: var(--s);\n background-color: var(--gray-050);\n box-shadow: none;\n border-radius: var(--border-radius, var(--small-border-radius));\n\n &:after {\n content: '';\n }\n\n .selectallcontainer {\n display: flex;\n align-items: center;\n gap: 5px;\n cursor: default;\n }\n }\n\n .tableview tr.draggee th,\n .tableview tr.draggee td,\n .thumbsview li.draggee {\n opacity: 0.25;\n }\n\n // table views\n .tableview {\n th {\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 .enabled-label {\n margin-left: var(--xs);\n }\n }\n\n .chip {\n background-color: transparent;\n }\n }\n\n // thumbs views\n .thumbsview {\n display: grid;\n gap: var(--xs);\n grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));\n\n li {\n position: relative;\n @include margin(0, 1px, 1px, 0);\n max-width: 226px;\n border-radius: var(--large-border-radius);\n\n &:hover {\n .chip {\n background-color: var(--gray-050);\n }\n }\n\n &.sel {\n a {\n cursor: pointer !important;\n\n &:hover {\n text-decoration: underline;\n }\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/* 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(--gray-200));\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 .chip {\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.elementselect .elements:not(:empty),\n.componentselect .components:not(:empty) {\n & + .flex {\n margin-top: var(--s);\n }\n}\n\n/* element select fields */\n.elementselect {\n position: relative;\n min-height: 34px;\n\n .flex,\n .btn {\n clear: both;\n }\n\n .chip {\n z-index: 1;\n }\n\n .structure {\n .chip {\n margin-top: var(--xs);\n }\n\n & > li {\n @include padding-left(0);\n }\n\n ul {\n @include margin-left(14px);\n\n li {\n background-position: 0 6px !important;\n }\n }\n }\n}\n\n/* nested element cards */\n.nested-element-cards {\n display: flex;\n flex-direction: column;\n gap: var(--s);\n\n & > .pane {\n margin: 0;\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.heading,\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(\n calc(var(--large-border-radius) - 1px)\n );\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 .editable-table-preview {\n @include alignleft;\n white-space: pre-wrap;\n\n & + textarea {\n opacity: 0;\n height: 0;\n min-height: 0;\n padding-top: 0;\n padding-bottom: 0;\n }\n }\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 .editable-table-preview {\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: calc(100% - 29px);\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 position: relative;\n @include margin-right(10px);\n width: calc(12rem / 16);\n height: calc(12rem / 16);\n border: 1px solid transparent;\n border-radius: 100%;\n box-sizing: border-box;\n background-clip: border-box;\n\n body.use-shapes & {\n &.all {\n rotate: 45deg;\n background-image: linear-gradient(30deg, #184cef, #e5422b);\n }\n\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 &.all,\n &.off,\n &.suspended,\n &.expired {\n border-radius: 2px;\n transform: scale(90%);\n }\n }\n}\n\n.status:not(.on):not(.live):not(.active):not(.enabled):not(.all) {\n &:not(.pending):not(.warning):not(.off):not(.suspended):not(.expired) {\n &:not(.light):not(.gray):not(.red):not(.orange):not(.amber):not(.yellow) {\n &:not(.lime):not(.green):not(.emerald):not(.teal):not(.cyan):not(.sky) {\n &:not(.blue):not(.indigo):not(.violet):not(.purple):not(.fuchsia) {\n &:not(.pink):not(.rose):not(.grey):not(.black) {\n border-color: var(--ui-control-color);\n }\n }\n }\n }\n }\n}\n\n.status.all {\n background-image: linear-gradient(60deg, #184cef, #e5422b);\n background-origin: border-box;\n}\n.status.on,\n.status.live,\n.status.active,\n.status.enabled {\n background-color: var(--enabled-color);\n}\n.status.red,\n.bg-red,\n.status.off,\n.status.suspended,\n.status.expired {\n background-color: var(--disabled-color);\n}\n.status.warning {\n background-color: var(--warning-color);\n}\n.status.orange,\n.bg-orange,\n.status.pending {\n background-color: var(--pending-color);\n}\n.status.amber,\n.bg-amber {\n background-color: var(--amber-500);\n}\n.status.yellow,\n.bg-yellow {\n background-color: var(--yellow-500);\n}\n.status.lime,\n.bg-lime {\n background-color: var(--lime-500);\n}\n.status.green,\n.bg-green {\n background-color: var(--green-600);\n}\n.status.emerald,\n.bg-emerald {\n background-color: var(--emerald-500);\n}\n.status.teal,\n.bg-teal,\n.status.turquoise,\n.bg-turquoise {\n background-color: var(--teal-500);\n}\n.status.cyan,\n.bg-cyan {\n background-color: var(--cyan-500);\n}\n.status.sky,\n.bg-sky {\n background-color: var(--sky-500);\n}\n.status.blue,\n.bg-blue {\n background-color: var(--blue-600);\n}\n.status.indigo,\n.bg-indigo {\n background-color: var(--indigo-500);\n}\n.status.violet,\n.bg-violet {\n background-color: var(--violet-500);\n}\n.status.purple,\n.bg-purple {\n background-color: var(--purple-500);\n}\n.status.fuchsia,\n.bg-fuchsia {\n background-color: var(--fuchsia-500);\n}\n.status.pink,\n.bg-pink {\n background-color: var(--pink-500);\n}\n.status.rose,\n.bg-rose {\n background-color: var(--rose-500);\n}\n.status.light {\n background-color: var(--gray-100);\n}\n.status.white,\n.bg-white {\n background-color: var(--white);\n}\n.status.black,\n.bg-black {\n background-color: var(--gray-800);\n}\n.status.gray,\n.bg-gray,\n.status.grey,\n.bg-grey {\n background-color: var(--gray-300);\n}\n\n.status.white,\n.status.disabled {\n opacity: 1;\n}\n\n.icon,\n.cp-icon,\n[data-icon],\n[data-icon-after] {\n &.warning {\n --icon-color: var(--warning-color);\n }\n &.red {\n --icon-color: var(--disabled-color);\n }\n &.orange {\n --icon-color: var(--pending-color);\n }\n &.amber {\n --icon-color: var(--amber-500);\n }\n &.yellow {\n --icon-color: var(--yellow-500);\n }\n &.lime {\n --icon-color: var(--lime-500);\n }\n &.green {\n --icon-color: var(--green-500);\n }\n &.emerald {\n --icon-color: var(--emerald-500);\n }\n &.teal {\n --icon-color: var(--teal-500);\n }\n &.cyan {\n --icon-color: var(--cyan-500);\n }\n &.sky {\n --icon-color: var(--sky-500);\n }\n &.blue {\n --icon-color: var(--blue-600);\n }\n &.indigo {\n --icon-color: var(--indigo-500);\n }\n &.violet {\n --icon-color: var(--violet-500);\n }\n &.purple {\n --icon-color: var(--purple-500);\n }\n &.fuchsia {\n --icon-color: var(--fuchsia-500);\n }\n &.pink {\n --icon-color: var(--pink-500);\n }\n &.rose {\n --icon-color: var(--rose-500);\n }\n &.white {\n --icon-color: var(--white);\n }\n &.black {\n --icon-color: var(--gray-800);\n }\n &.gray {\n --icon-color: var(--gray-300);\n }\n}\n\n.warning,\n.red,\n.orange,\n.amber,\n.yellow,\n.lime,\n.green,\n.emerald,\n.teal,\n.cyan,\n.sky,\n.blue,\n.indigo,\n.violet,\n.purple,\n.fuchsia,\n.pink,\n.rose,\n.white,\n.black,\n.gray {\n &[data-icon]:before,\n &[data-icon-after]:after {\n color: var(--icon-color) !important;\n }\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 --pane-padding: var(--xl);\n --border: 1px solid var(--hairline-color);\n @include pane;\n position: relative;\n margin: 14px 0;\n padding: var(--pane-padding);\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 &.dashed {\n background-color: transparent !important;\n box-shadow: none;\n border: 1px dashed var(--medium-hairline-color) !important;\n }\n\n &.hairline {\n background-color: transparent !important;\n box-shadow: none;\n border: 1px solid #{transparentize($inputColor, 0.75)} !important;\n }\n\n &.no-border {\n border: none !important;\n }\n\n &.padding-xs {\n --pane-padding: var(--xs);\n }\n &.padding-s {\n --pane-padding: var(--s);\n }\n &.padding-m {\n --pane-padding: var(--m);\n }\n &.padding-l {\n --pane-padding: var(--l);\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(--padding) * -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 --tab-label-color: var(--light-text-color);\n\n &.error {\n --highlight-color: var(--error-color) !important;\n --tab-label-color: var(--error-color) !important;\n }\n\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 var(--padding);\n white-space: nowrap;\n height: 50px;\n }\n\n &:hover {\n text-decoration: none;\n }\n\n @include focus-styles {\n box-shadow: none;\n\n .tab-label {\n box-shadow: var(--inner-focus-ring);\n }\n }\n\n &:not(.sel) {\n color: var(--custom-text-color, var(--tab-label-color));\n\n &:hover {\n backdrop-filter: brightness(95%);\n }\n }\n\n &.sel {\n --highlight-color: var(--gray-500);\n --tab-label-color: var(--text-color);\n position: relative;\n z-index: 1;\n cursor: default;\n box-shadow:\n inset 0 2px 0 var(--custom-text-color, var(--highlight-color)),\n 0 0 0 1px $hairlineColor,\n 0 2px 12px var(--custom-sel-tab-shadow-color, var(--gray-200));\n color: var(--tab-label-color);\n background-color: var(--white) !important;\n }\n\n span[data-icon] {\n @include margin-left(4px);\n }\n }\n }\n\n &#tabs: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 &.error {\n span[data-icon] {\n margin-right: 2px;\n }\n }\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:\n 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 &[aria-expanded='true'] {\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$min2ColWidth: 400px;\n\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:\n padding-left linear 100ms,\n 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 margin: 0;\n\n @media screen and (min-width: $min2ColWidth) {\n flex: 0 0 104px;\n @include margin-right(var(--s));\n line-height: 18px;\n }\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-top: var(--s);\n\n @media screen and (min-width: $min2ColWidth) {\n padding: 14px 0;\n }\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: 100%;\n\n @media screen and (min-width: $min2ColWidth) {\n width: calc(100% - 112px);\n }\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 gap: 0;\n\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):not(.first-child),\n & > .flex-fields + .field:not(.first-child) {\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.meta > .field > .input > .custom-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 .menubtn:not(.action-btn) {\n @include padding-left(0);\n justify-content: start;\n width: 100%;\n background-color: transparent;\n\n &:after {\n position: absolute;\n top: calc(50% - 5px);\n @include right(0);\n }\n }\n\n .label {\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\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 {\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 &.so-lp {\n position: absolute;\n top: var(--m);\n left: var(--m);\n width: calc(100% - var(--m) * 2);\n height: calc(100vh - var(--m) * 2);\n }\n\n body.has-debug-toolbar & {\n height: calc(100vh - 42px);\n }\n}\n\n.slideout {\n position: absolute;\n background-color: var(--white);\n box-shadow:\n 0 0 0 1px transparentize($grey400, 0.75),\n 0 25px 100px transparentize($grey900, 0.5) !important;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n padding: 24px var(--padding);\n pointer-events: all;\n container-type: inline-size;\n\n &.so-mobile,\n &.so-lp {\n width: 100% !important;\n height: 100% !important;\n left: 0;\n transition: top linear 250ms;\n will-change: top;\n }\n\n &.so-mobile {\n --padding: 14px;\n --neg-padding: -14px;\n }\n\n &:not(.so-mobile) {\n border-radius: var(--large-border-radius);\n }\n\n &:not(.so-mobile):not(.so-lp) {\n top: 8px;\n width: calc(50% - 8px);\n height: calc(100% - 16px);\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 padding-left: var(--padding);\n padding-right: var(--padding);\n z-index: 2;\n\n & > .so-toolbar {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: var(--xs);\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-body {\n flex: 1;\n margin: -24px var(--neg-padding);\n overflow: hidden auto;\n position: relative;\n\n &:not(:last-child) {\n margin-bottom: 0;\n }\n\n & > h1:not(:last-child) {\n padding-bottom: var(--s);\n border-bottom: 1px solid var(--hairline-color);\n }\n\n &.so-full-details,\n & > .so-sidebar {\n background-color: var(--gray-100) !important;\n }\n\n &:not(.so-full-details) {\n padding: 24px var(--padding);\n }\n\n & > .so-sidebar,\n &.so-full-details > .so-content > .details {\n box-sizing: border-box;\n padding: 0 var(--padding) var(--spacing);\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 .notes {\n padding-top: var(--m);\n padding-bottom: var(--m);\n }\n }\n\n & > .so-sidebar {\n position: absolute;\n top: 0;\n @include pane();\n width: 350px;\n height: 100%;\n max-width: 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 }\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@container (width > 700px) {\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 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: 5px var(--pane-padding, 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: calc(var(--pane-padding, 24px) * -1)\n calc(var(--pane-padding, 24px) * -1) var(--pane-padding, 24px);\n }\n\n .footer {\n margin: var(--pane-padding, 24px) calc(var(--pane-padding, 24px) * -1)\n calc(var(--pane-padding, 24px) * -1);\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 &.blurred {\n backdrop-filter: blur(10px);\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 &.tooltip-hud {\n display: block;\n }\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 }\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 & > .header {\n padding-top: 14px;\n padding-bottom: 14px;\n text-align: center;\n\n & + .body {\n height: calc(100% - 48px) !important;\n }\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 .header {\n margin: 0 0 var(--m);\n }\n\n .tableview table {\n tr {\n th,\n td {\n cursor: default;\n }\n\n // prevent double focus ring (the row already gets it)\n .checkbox:before {\n box-shadow: none !important;\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 selector modals & customize sources modal */\n.elementselectormodal,\n.customize-sources-modal {\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\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/* recent activity container */\n.activity-container {\n &:not(:last-child) {\n @include margin-right(var(--s));\n }\n\n ul {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n gap: var(--xs);\n\n li {\n .activity-btn {\n width: 30px;\n height: 30px;\n border-radius: 50%;\n display: block;\n\n .elementthumb {\n position: relative;\n width: 100%;\n height: 100%;\n border-radius: 50px;\n background: var(--gray-050);\n overflow: hidden;\n border: 2px solid var(--white);\n box-shadow: 0 1px 2px 1px transparentize($grey900, 0.9);\n\n img,\n svg {\n display: block;\n width: 100%;\n height: 100%;\n }\n }\n }\n\n &:not(:last-child) {\n @include margin-right(-10px);\n }\n }\n }\n}\n\n/* element index view menu */\n.element-index-view-menu {\n width: 400px;\n max-width: calc(100% - 20px);\n padding: 0 !important;\n\n .meta {\n padding-top: var(--s);\n padding-bottom: var(--s);\n }\n\n .table-columns-field {\n align-items: flex-start;\n\n .input {\n padding: 13px 0;\n }\n }\n\n .menu-footer {\n margin: 0 !important;\n padding: var(--s) var(--xl) !important;\n background-color: var(--gray-050);\n }\n}\n\n.element-index-view-menu-table-column {\n display: flex;\n align-items: flex-start;\n align-content: stretch;\n margin-bottom: 4px;\n\n .icon.move {\n @include margin-right(10px);\n position: relative;\n z-index: 1;\n }\n}\n\n/* sort fields */\n.sort-field {\n .input {\n .flex {\n .btngroup {\n .btn {\n width: 42px;\n }\n }\n\n .flex-grow {\n max-width: calc(100% - 85px - var(--s));\n }\n\n @media screen and (max-width: 350px) {\n flex-direction: column;\n\n & > * {\n width: 100%;\n }\n\n .flex-grow {\n max-width: none;\n }\n }\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 .so-content & {\n grid-template-columns: repeat(1, minmax(0, 1fr)) !important;\n }\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 .so-content & {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n }\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.login-modal-shade,\n#logoutwarningmodal,\n.login-modal,\n#elevatedsessionmodal,\n.prompt {\n z-index: 1001;\n}\n\n#logoutwarningmodal,\n#elevatedsessionmodal,\n.prompt {\n width: 500px;\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 div.elements {\n list-style: none;\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/* Alternative Text\n/* ----------------------------------------*/\n.video-transcript {\n background-color: var(--gray-050);\n overflow-y: scroll;\n font-size: 1rem;\n position: relative;\n\n @include focus-styles {\n // Unset default\n box-shadow: none;\n color: var(--white);\n background-color: var(--gray-800);\n }\n}\n\n.video-transcript__inner {\n margin-left: auto;\n margin-right: auto;\n max-width: 550px;\n padding: var(--xl);\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 &.padded {\n padding: var(--s) calc(var(--m) + var(--s));\n\n hr {\n margin: var(--s) calc((var(--m) + var(--s)) * -1);\n }\n\n ul {\n li {\n margin: 0 calc(var(--m) * -1);\n padding: 0 var(--m);\n\n a {\n border-radius: var(--large-border-radius);\n }\n }\n }\n\n .extralight {\n margin-top: 2px;\n }\n }\n\n h6,\n .h6 {\n &:first-child {\n margin-top: 14px !important;\n }\n }\n\n ul {\n &.padded {\n li {\n a,\n .menu-item,\n .menu-option {\n @include padding-left(calc(var(--m) + 18rem / 16));\n\n &.sel {\n &:not([data-icon]):before {\n @include floatleft;\n @include margin(4px, 0, 0, calc(-18rem / 16 - 4px));\n font-size: 14px;\n width: 14px;\n content: 'check';\n color: var(--ui-control-color);\n margin-top: 3px !important;\n }\n }\n }\n }\n }\n\n li {\n a,\n .menu-item,\n .menu-option {\n margin: 0 -14px;\n padding: 10px 14px;\n white-space: nowrap;\n font-size: 14px;\n -webkit-appearance: none;\n\n &:not(:last-child) {\n @include margin-right(0);\n }\n\n &:not(.flex):not(.hidden) {\n display: block;\n width: calc(100% + 28px);\n @include alignleft;\n }\n\n &.flex {\n [data-icon] {\n margin-top: -2px;\n }\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:\n 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 .go:after {\n color: inherit;\n }\n\n &:not(.menu--disclosure) ul li a,\n ul li .menu-item,\n ul li .menu-option {\n color: $menuOptionColor;\n text-decoration: none;\n cursor: default;\n }\n}\n\n.menu li {\n & > a,\n & > button {\n &[data-icon]:before,\n [data-icon]:before,\n span.icon:not([data-icon]) {\n display: inline-block;\n width: calc(14rem / 16);\n height: calc(14rem / 16);\n @include margin-left(-1px);\n @include margin-right(9px);\n }\n\n &[data-icon]:before,\n [data-icon]:before {\n position: relative;\n top: -2px;\n text-align: center;\n font-size: 14px;\n color: var(--ui-control-color);\n }\n\n span.icon:not([data-icon]) svg {\n display: block;\n position: relative;\n top: 1px;\n width: 100%;\n height: 100%;\n @include svg-mask(var(--icon-color, var(--ui-control-color)));\n }\n\n &.error {\n &[data-icon]:before,\n [data-icon]:before {\n color: var(--error-color);\n }\n\n span.icon:not([data-icon]) svg {\n @include svg-mask(var(--error-color));\n }\n }\n }\n}\n\n.menu:not(.menu--disclosure) ul li a:not(.sel):not(.disabled):hover,\n.menu:not(.menu--disclosure) ul li .menu-item:not(.sel):not(.disabled):hover,\n.menu:not(.menu--disclosure) ul li .menu-option:not(.sel):not(.disabled):hover,\n.menu:not(.menu--disclosure):not(:hover) ul li a:not(.sel):not(.disabled).hover,\n.menu:not(.menu--disclosure):not(:hover)\n ul\n li\n .menu-item:not(.sel):not(.disabled).hover,\n.menu:not(.menu--disclosure):not(:hover)\n ul\n li\n .menu-option:not(.sel):not(.disabled).hover {\n @include menu-item-active-styles;\n}\n.menu {\n hr.padded,\n .h6.padded,\n h6.padded {\n @include margin-left(20px);\n }\n}\n\n.menu--disclosure ul li {\n & > a:not(.crumb-link),\n & > .menu-item,\n & > .menu-option {\n &:hover {\n @include disclosure-link-hover-styles;\n }\n\n @include focus-styles {\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 .chip.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 .chip {\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.selectize-control.single .selectize-input:not(.no-arrow)::after {\n display: none;\n}\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: calc(var(--large-border-radius) - 1px);\n }\n }\n th:last-child,\n td:last-child {\n &,\n &.disabled:after {\n border-bottom-right-radius: calc(var(--large-border-radius) - 1px);\n }\n }\n }\n }\n}\n\n.text,\n.passwordwrapper,\n.border-box,\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 @include focus-styles {\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(calc(-27rem / 16), 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 border-radius: 1px;\n content: '';\n cursor: help;\n\n &.modified {\n background-color: var(--blue-600);\n box-shadow: 0 0 5px hsl(221, 83%, 53%, 15%);\n }\n\n &.outdated {\n background-color: var(--pending-color);\n box-shadow: 0 0 5px hsl(27, 96%, 61%, 15%);\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\n code {\n font-size: 1em !important;\n }\n\n .info {\n @include margin-left(5px);\n }\n }\n\n .t9n-indicator {\n position: relative;\n top: calc(-1rem / 16);\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 input:disabled,\n textarea:disabled {\n cursor: not-allowed;\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(--custom-text-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(calc(1rem + 5px));\n line-height: 1rem;\n min-height: 1rem;\n cursor: pointer;\n\n &,\n &:before {\n // set the border radius on the container too, for (some) focus rings\n border-radius: var(--small-border-radius);\n }\n\n &: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 }\n\n &:empty {\n @include padding-left(var(--checkbox-size));\n\n &:after {\n content: '';\n font-size: 0;\n }\n }\n\n .info {\n height: 16px;\n }\n}\n\ninput.checkbox:disabled + label,\n.disabled div.checkbox {\n cursor: not-allowed;\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.elementselectormodal\n .body\n .content\n .main\n .elements\n .disabled\n .checkbox: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:not(.matrixblock) div.checkbox:not(.indeterminate):before,\n.sel.matrixblock > .actions div.checkbox:not(.indeterminate):before,\n.elementselectormodal\n .body\n .content\n .main\n .elements\n .disabled\n .checkbox:before {\n content: 'check';\n font-size: 14px;\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.checkbox-icon {\n display: inline-flex;\n padding: 3px;\n background-color: var(--enabled-color);\n color: var(--white);\n border-radius: var(--small-border-radius);\n\n &:before {\n --checkbox-size: 14px;\n @include icon;\n content: 'check';\n line-height: var(--checkbox-size);\n font-size: var(--checkbox-size);\n }\n}\n\n.monaco-mouse-cursor-text {\n @include focus-styles {\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(calc(1rem + 5px));\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(calc(1rem + 5px));\n line-height: calc(24 / 14);\n cursor: pointer;\n}\n\ninput.radio:disabled + label,\n.disabled div.radio {\n cursor: not-allowed;\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: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 @include focus-styles {\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: calc(34rem / 16);\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\ntd.errors .text,\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: calc(50% - 7rem / 16);\n @include left(9px);\n color: var(--ui-control-color);\n }\n }\n\n .texticon-icon {\n position: absolute;\n top: calc((34rem / 16) / 2);\n transform: translateY(-50%);\n display: flex;\n justify-content: center;\n align-items: center;\n @include left(9px);\n }\n\n .text {\n @include padding-left(calc(26rem / 16));\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: calc((34rem / 16) / 2);\n transform: translateY(-50%);\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: 'filter';\n color: var(--medium-text-color);\n }\n\n &:hover {\n background-color: var(--gray-100);\n }\n\n &:active,\n &.active,\n &[aria-expanded='true'] {\n background-color: var(--gray-350);\n\n &:before {\n color: var(--white);\n }\n }\n }\n\n .text {\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-wrap: nowrap;\n flex-direction: row;\n align-items: center;\n gap: 5px;\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 }\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 @include focus-styles {\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-control .selectize-input.disabled,\n.custom-select.disabled {\n opacity: 1;\n cursor: not-allowed !important;\n pointer-events: auto !important;\n\n * {\n cursor: not-allowed !important;\n pointer-events: auto !important;\n }\n}\n\n.selectize .selectize-input {\n display: block;\n border-color: inherit;\n box-shadow: none;\n background-color: transparent;\n\n .item {\n max-width: 100%;\n\n span {\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n}\n\n.selectize.select .selectize-input:after {\n display: none;\n}\n\nbody .selectize-dropdown {\n border: none;\n z-index: 101;\n}\n\n/* single select styles */\n.selectize.select {\n @include placeholder-styles(var(--gray-700));\n height: 34px;\n\n &:not(.fullwidth) {\n width: 25em;\n max-width: 100%;\n }\n}\n\n.datetimewrapper .selectize.select:not(.fullwidth) {\n max-width: calc(100% - 29px);\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 {\n .selectize-dropdown {\n margin-top: 1px;\n\n [data-selectable],\n .option,\n .optgroup-header {\n @include menu-item-styles;\n }\n\n .optgroup {\n &:not(:first-child) {\n border-top: 1px solid var(--hairline-color);\n }\n padding-top: 5px;\n\n .option {\n padding-left: 24px;\n }\n }\n\n .optgroup-header {\n @include h6-styles;\n margin: 0;\n padding: 4px 0;\n }\n\n .active:not(.selected),\n .option:hover {\n background-color: var(--gray-100);\n }\n\n .selected {\n @include menu-item-active-styles;\n cursor: default !important;\n\n .light {\n color: inherit !important;\n }\n }\n }\n\n .selectize-dropdown-content {\n @include menu-styles;\n max-height: 70vh;\n\n .option {\n min-height: 18px;\n }\n\n & > div[data-value='new'] {\n &:before {\n @include icon;\n content: 'plus';\n margin-right: 5px;\n }\n\n &:after {\n content: '…';\n }\n }\n }\n\n &.no-scroll .selectize-dropdown-content {\n max-height: 200px; // default for selectize\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: 1rem;\n white-space: nowrap;\n\n a {\n position: relative;\n border: 1px solid var(--hairline-color);\n @include border-left(none);\n background-image: none;\n width: calc(8rem / 16 - 1px);\n height: calc(1rem - 2px);\n margin-left: 0;\n margin-top: 1px;\n margin-bottom: 1px;\n box-sizing: border-box;\n cursor: pointer;\n\n &:first-child {\n width: calc(8rem / 16);\n @include border-left(1px solid var(--gray-400) !important);\n }\n\n &:before {\n content: '';\n position: absolute;\n top: calc(-4rem / 16 - 1px);\n left: -1px;\n width: calc(100% + 2px);\n height: var(--touch-target-size);\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: 1rem;\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/* icon picker */\n.icon-picker {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: var(--xs);\n}\n\n.icon-picker--icon {\n display: flex;\n align-items: center;\n justify-content: center;\n @include input-styles;\n border-radius: var(--ui-control-border-radius);\n width: var(--ui-control-height);\n height: var(--ui-control-height);\n background: var(--gray-050);\n\n svg {\n width: calc(20rem / 16);\n height: calc(20rem / 16);\n @include svg-mask(var(--ui-control-color));\n }\n}\n\n.icon-picker-modal {\n --width: calc(var(--ui-control-height) * 10 + var(--s) * 9 + var(--xl) * 2);\n width: var(--width) !important;\n min-width: 0 !important;\n max-width: calc(100% - 20px) !important;\n\n .body {\n height: 100%;\n display: flex;\n flex-direction: column;\n gap: var(--l);\n\n .icon-picker-modal--list {\n flex: 1;\n position: relative;\n overflow: hidden;\n\n &:not(.loading) {\n .spinner {\n display: none;\n }\n }\n\n &.loading {\n &:after {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n content: '';\n background-color: rgba(255, 255, 255, 0.75);\n }\n\n .spinner {\n top: calc(50% - 10px);\n z-index: 1;\n }\n }\n\n ul {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: start;\n gap: var(--s);\n max-height: 100%;\n overflow: auto;\n\n .icon-picker--icon {\n --focus-ring: var(--inner-focus-ring);\n\n &:hover {\n border-color: var(--link-color);\n background-color: var(--blue-100);\n }\n }\n }\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/* 2FA setup page */\nbody.setup-2fa {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n min-height: 100%;\n\n #setup-2fa {\n display: flex;\n flex-direction: column;\n gap: var(--l);\n width: 550px;\n max-width: 100%;\n padding: var(--padding);\n\n #setup-2fa-intro {\n text-align: center;\n }\n\n #setup-2fa-btn {\n display: flex;\n justify-content: center;\n }\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-item-styles;\n overflow: hidden;\n text-overflow: ellipsis;\n\n &:hover,\n &.autosuggest__results-item--highlighted {\n @include menu-item-active-styles;\n cursor: pointer;\n }\n }\n}\n\n/* ----------------------------------------\n/* Matrix\n/* ----------------------------------------*/\n\n/* Matrix fields */\n.matrix {\n & > .buttons {\n margin-top: 10px;\n }\n}\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: 2px solid var(--gray-100);\n background-color: var(--white);\n\n &.static {\n .titlebar {\n @include padding-right(0);\n @include padding-left(14px);\n margin-bottom: 14px;\n }\n }\n\n & > .titlebar > .matrixblock-tabs .pane-tabs .menubtn:not(.action-btn),\n & > .actions .action-btn {\n padding: 0;\n width: var(--touch-target-size);\n height: var(--touch-target-size);\n color: var(--custom-text-color, var(--ui-control-color));\n background-color: transparent;\n\n &:hover {\n backdrop-filter: brightness(90%);\n }\n\n &:active,\n &[aria-expanded='true'] {\n backdrop-filter: brightness(85%);\n }\n }\n\n .flex-fields {\n --row-gap: var(--m) !important;\n }\n\n & > .titlebar {\n display: grid;\n grid-template-columns: auto 1fr;\n align-items: center;\n gap: var(--m);\n margin: 0 calc(var(--m) * -1);\n box-sizing: border-box;\n border-radius: calc(var(--large-border-radius) - 2px)\n calc(var(--large-border-radius) - 2px) 0 0;\n @include padding(5px, calc(var(--m) + 70px), 5px, var(--m));\n color: var(--custom-text-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: var(--gray-050);\n min-height: calc(var(--lh) + 10px);\n\n & > .preview {\n flex-grow: 1;\n min-width: 0;\n opacity: 0;\n transition: opacity linear 100ms;\n overflow: hidden;\n\n &:empty {\n display: none;\n }\n\n body.ltr & {\n mask-image: linear-gradient(\n to left,\n rgba(0, 0, 0, 0),\n rgba(0, 0, 0, 1) 12px\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) 12px\n );\n }\n\n span {\n opacity: 0.5;\n }\n }\n\n & > .matrixblock-tabs {\n flex: 1;\n min-width: 0;\n margin: -5px 0;\n\n .pane-tabs {\n margin: 0;\n @include padding-right(3px);\n\n [role='tablist'] {\n padding: 0 12px;\n\n &.scrollable {\n mask-image: linear-gradient(\n to right,\n rgba(0, 0, 0, 0),\n rgba(0, 0, 0) 12px,\n rgba(0, 0, 0) calc(100% - 12px),\n rgba(0, 0, 0, 0) 100%\n );\n }\n\n [role='tab'] {\n background-color: transparent;\n\n .tab-label {\n height: calc(var(--lh) + 10px);\n padding: 0 var(--m);\n }\n }\n }\n\n .menubtn:not(.action-btn) {\n margin-left: 0;\n margin-right: 0;\n\n &:not(:empty):not(.btn-empty)::after {\n @include margin-left(0px);\n }\n }\n }\n }\n\n & > .preview:first-child:empty + .matrixblock-tabs {\n @include margin-left(calc((var(--m) + 12px) * -1));\n\n [role='tab']:first-child {\n &,\n .tab-label {\n @include border-top-left-radius(\n calc(var(--large-border-radius) - 2px)\n );\n }\n }\n }\n }\n\n &.disabled-entry {\n & > .titlebar {\n @include padding-right(100px);\n }\n\n & > .actions {\n & > .status {\n &.off {\n display: block;\n }\n }\n }\n }\n\n &.collapsed {\n & > .titlebar {\n border-radius: calc(var(--large-border-radius) - 2px);\n\n & > .preview {\n opacity: 1;\n }\n }\n }\n\n & > .actions {\n display: flex;\n align-items: center;\n gap: var(--xs);\n position: absolute;\n top: 0;\n @include right(var(--m));\n cursor: default;\n min-height: calc(var(--lh) + 10px);\n\n & > * {\n margin: 0 !important;\n }\n\n & > .status {\n &.off {\n display: none;\n }\n }\n\n a:not([data-action]) {\n padding: 0;\n height: var(--touch-target-size);\n text-align: center;\n color: var(--dark-hairline-color);\n transform: color linear 100ms;\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: var(--l);\n }\n }\n\n & > .fields > .flex-fields > .field {\n &:before {\n display: none;\n }\n\n & > .status-badge {\n @include left(-2px);\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/* 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$red050: #fef2f2;\n$red100: #fee2e2;\n$red200: #fecaca;\n$red300: #fca5a5;\n$red400: #f87171;\n$red500: #ef4444;\n$red600: #dc2626;\n$red700: #b91c1c;\n$red800: #991b1b;\n$red900: #7f1d1d;\n\n$orange050: #fff7ed;\n$orange100: #ffedd5;\n$orange200: #fed7aa;\n$orange300: #fdba74;\n$orange400: #fb923c;\n$orange500: #f97316;\n$orange600: #ea580c;\n$orange700: #c2410c;\n$orange800: #9a3412;\n$orange900: #7c2d12;\n\n$yellow050: #fefce8;\n$yellow100: #fef9c3;\n$yellow200: #fef08a;\n$yellow300: #fde047;\n$yellow400: #facc15;\n$yellow500: #eab308;\n$yellow600: #ca8a04;\n$yellow700: #a16207;\n$yellow800: #854d0e;\n$yellow900: #713f12;\n\n$green050: #f0fdf4;\n$green100: #dcfce7;\n$green200: #bbf7d0;\n$green300: #86efac;\n$green400: #4ade80;\n$green500: #22c55e;\n$green600: #16a34a;\n$green700: #15803d;\n$green800: #166534;\n$green900: #14532d;\n\n$teal050: #f0fdfa;\n$teal100: #ccfbf1;\n$teal200: #99f6e4;\n$teal300: #5eead4;\n$teal400: #2dd4bf;\n$teal500: #14b8a6;\n$teal550: #11a697;\n$teal600: #0d9488;\n$teal700: #0f766e;\n$teal800: #115e59;\n$teal900: #134e4a;\n\n$cyan050: #ecfeff;\n$cyan100: #cffafe;\n$cyan200: #a5f3fc;\n$cyan300: #67e8f9;\n$cyan400: #22d3ee;\n$cyan500: #06b6d4;\n$cyan600: #0891b2;\n$cyan700: #0e7490;\n$cyan800: #155e75;\n$cyan900: #164e63;\n\n$blue050: #eff6ff;\n$blue100: #dbeafe;\n$blue200: #bfdbfe;\n$blue300: #93c5fd;\n$blue400: #60a5fa;\n$blue500: #3b82f6;\n$blue600: #2563eb;\n$blue700: #1d4ed8;\n$blue800: #1e40af;\n$blue900: #1e3a8a;\n\n$violet050: #f5f3ff;\n$violet100: #ede9fe;\n$violet200: #ddd6fe;\n$violet300: #c4b5fd;\n$violet400: #a78bfa;\n$violet500: #8b5cf6;\n$violet600: #7c3aed;\n$violet700: #6d28d9;\n$violet800: #5b21b6;\n$violet900: #4c1d95;\n\n$pink050: #fdf2f8;\n$pink100: #fce7f3;\n$pink200: #fbcfe8;\n$pink300: #f9a8d4;\n$pink400: #f472b6;\n$pink500: #ec4899;\n$pink600: #db2777;\n$pink700: #be185d;\n$pink800: #9d174d;\n$pink900: #831843;\n\n// submit button colors\n$primaryColor: $red600;\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: #1f5fea;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $textColor;\n$menuOptionActiveBackgroundColor: $grey050;\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:\n 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing:\n 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing:\n 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey500;\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\n@mixin sans-serif-font {\n font-family:\n system-ui,\n BlinkMacSystemFont,\n -apple-system,\n 'Segoe UI',\n 'Roboto',\n 'Oxygen',\n 'Ubuntu',\n 'Cantarell',\n 'Fira Sans',\n 'Droid Sans',\n 'Helvetica Neue',\n 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: never;\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\n@mixin angle($dir: down, $color: currentColor, $width: calc(2rem / 16)) {\n display: block;\n content: '';\n font-size: 0;\n width: calc(7rem / 16);\n height: calc(7rem / 16);\n border: solid $color;\n border-width: 0 $width $width 0;\n opacity: 0.8;\n position: relative;\n\n @if $dir == up {\n transform: rotate(225deg);\n top: 2px;\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:\n 0 0 0 1px $grey200,\n 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) !important;\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 custom-color-focus-ring($primary, $secondary: null) {\n @if $secondary != null {\n --focus-ring: 0 0 0 1px #{$primary}, 0 0 0 3px #{$secondary};\n } @else {\n --focus-ring: 0 0 0 3px #{$primary};\n }\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: calc(30rem / 16);\n height: calc(30rem / 16);\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:\n 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-item-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-item-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 color: var(--ui-control-color);\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// https://tailwindcss.com/docs/screen-readers#undoing-screen-reader-only-elements\n@mixin visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n\n@mixin not-visually-hidden {\n position: static;\n width: auto;\n height: auto;\n padding: 0;\n margin: 0;\n overflow: visible;\n clip: auto;\n white-space: normal;\n}\n\n@mixin readable {\n font-size: 16px;\n line-height: 22px;\n\n h1,\n .h1,\n h2,\n .h2,\n h3,\n .h3,\n h4,\n .h4,\n h5,\n .h5,\n h6,\n .h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1,\n .h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2,\n .h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3,\n .h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4,\n .h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5,\n .h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6,\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 .tip-dismiss-btn {\n position: absolute;\n top: 12px;\n @include right(12px);\n\n & + p {\n margin-top: 0;\n }\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(50px);\n border: 1px solid;\n\n &.dismissible {\n @include padding-right(36px);\n }\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: $linkColor;\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 opacity: 1;\n position: absolute;\n top: 15px;\n @include left(16px);\n font-size: 24px;\n width: 24px;\n }\n\n a[href] {\n color: currentColor;\n text-decoration: underline;\n }\n }\n }\n\n .go:after {\n font-size: 14px;\n }\n}\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(\n 45deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 135deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 45deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n ),\n linear-gradient(\n 135deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n );\n background-size: $size $size;\n background-position:\n 0 0,\n $halfSize 0,\n $halfSize -#{$halfSize},\n 0 $halfSize;\n}\n","@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\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\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 --sidebar-width: #{$sidebarWidth};\n --global-sidebar-width: #{$sidebarWidth};\n}\n\nhtml {\n -webkit-text-size-adjust: 100%;\n min-height: 100vh;\n}\n\nbody {\n min-height: 100vh;\n\n &.dragging * {\n cursor: move !important;\n cursor: grabbing !important;\n }\n\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 min-height: 100vh;\n\n @media screen and (prefers-reduced-motion: no-preference) {\n body.ltr & {\n transition: left 100ms cubic-bezier(0.33, 1, 0.68, 1);\n }\n\n body.rtl & {\n transition: right 100ms cubic-bezier(0.33, 1, 0.68, 1);\n }\n }\n}\n\n/* global sidebar */\n$sidebarLinkStaticColor: var(--gray-100);\n$sidebarLinkSecondaryColor: var(--gray-200);\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 gap: 10px;\n height: calc(45rem / 16);\n padding: 0 10px;\n position: relative;\n flex: 0 0 calc(45rem / 16);\n flex-direction: row;\n align-items: center;\n color: currentColor;\n border-bottom: 1px solid var(--hairline-color);\n background-clip: padding-box;\n\n &:after {\n display: none;\n }\n\n &:focus,\n &:hover {\n text-decoration: none;\n background-color: var(--gray-200);\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}\n\n@media only screen and (min-width: $minFullUiWidth) {\n [data-sidebar='collapsed'] {\n #system-info:hover #system-name {\n opacity: 1;\n transform: translateY(-50%) translateX(0);\n }\n\n #system-name {\n position: absolute;\n left: calc(100% + (var(--s) * 2));\n top: 50%;\n transform: translateY(-50%) translateX(-5px);\n opacity: 0;\n @include pane;\n color: var(--text-color);\n border-radius: var(--medium-border-radius);\n padding: var(--xs) var(--s);\n white-space: nowrap;\n pointer-events: none;\n\n @media screen and (prefers-reduced-motion: no-preference) {\n transition:\n opacity 50ms cubic-bezier(0.33, 1, 0.68, 1),\n transform 150ms cubic-bezier(0.33, 1, 0.68, 1);\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 gap: var(--m);\n\n body.has-debug-toolbar & {\n padding-bottom: calc(var(--xl) + 42px);\n }\n\n a {\n white-space: nowrap;\n }\n}\n\n#app-info {\n display: flex;\n flex-direction: row;\n justify-content: center;\n gap: var(--m);\n}\n\n#trial-info {\n padding: 16px var(--xl);\n border-radius: var(--large-border-radius);\n background-color: hsl(212, 40%, 90%);\n box-shadow:\n inset 0 1px 0 rgba(255, 255, 255, 0.5),\n 0 0 0 1px hsl(212, 30%, 80%),\n 0 2px 12px transparentize($grey200, 0.5);\n text-align: center;\n}\n\n#app-version {\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 position: relative;\n top: -1px;\n user-select: none;\n border: 1px solid var(--gray-600);\n border-radius: 3px;\n display: inline-flex;\n box-sizing: content-box;\n font-size: 11px;\n padding: 6px 7px;\n line-height: 8px;\n font-weight: 600;\n letter-spacing: 1.7px;\n padding-right: 5px;\n text-transform: uppercase;\n}\n\n#devmode {\n margin-top: auto;\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 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: 6px solid var(--error-color);\n color: var(--error-color);\n\n & > li {\n padding: 10px 24px;\n box-shadow: inset 0 -1px 0 0 var(--red-100);\n\n .resolvable-alert-buttons {\n margin-top: var(--m);\n }\n\n .btn,\n a.go {\n display: inline-flex;\n align-items: center;\n border: 1px solid transparentize($errorColor, 0.5);\n border-radius: var(--medium-border-radius);\n padding: 4px 5px;\n margin: 0 2px;\n color: var(--error-color);\n height: calc(30rem / 16);\n\n .flex & {\n margin: 0;\n }\n\n &:hover {\n border-color: var(--error-color);\n }\n }\n\n a:not(.btn) {\n color: var(--error-color);\n text-decoration: underline;\n\n &.go {\n text-decoration: none;\n white-space: nowrap;\n\n &:after {\n color: var(--error-color);\n font-size: 15px;\n margin-top: 1px;\n }\n }\n }\n\n .btn {\n background-color: transparent;\n }\n }\n}\n\n#global-header .btn.menubtn,\nli.crumb .btn.menubtn,\n.btn.action-btn {\n padding: 0;\n width: var(--touch-target-size);\n height: var(--touch-target-size);\n\n &:not(:hover):not(:active):not([aria-expanded='true']) {\n background-color: transparent;\n }\n}\n\n#global-header {\n width: 100%;\n margin-bottom: var(--m);\n border-bottom: 1px solid var(--hairline-color);\n\n .flex {\n height: calc(44rem / 16);\n align-items: center;\n }\n\n .btn {\n --ui-control-color: var(--gray-400);\n --ui-control-hover-color: var(--gray-800);\n --ui-control-active-color: var(--gray-700);\n\n &:hover {\n color: var(--ui-control-hover-color);\n }\n }\n}\n\n.nav-toggle {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 44px;\n min-width: 44px;\n height: calc(44rem / 16);\n border-right: 1px solid var(--medium-hairline-color);\n line-height: 26px;\n color: currentColor;\n text-align: center;\n\n &:before {\n @include icon;\n content: 'menu';\n font-size: 16px;\n line-height: 0;\n }\n\n &:hover {\n color: var(--link-color);\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 max-width: 100%;\n overflow: hidden;\n\n &.empty {\n display: none;\n }\n\n nav {\n margin: 0;\n }\n}\n\n#primary-nav-toggle {\n &:focus-visible {\n box-shadow: var(--inner-focus-ring);\n }\n}\n\n#crumb-list {\n display: flex;\n flex-direction: row;\n align-items: stretch;\n flex-wrap: nowrap;\n max-width: 100%;\n height: calc(44rem / 16);\n\n --arrow-padding: 10;\n --arrow-height: 22;\n --arrow-angle: 35;\n --arrow-width: 17.1111; // height/(45/angle)\n --arrow-c: 27.871; // sqrt(height^2+width^2)\n\n body.rtl & {\n --arrow-angle: -35;\n --arrow-width: -19.4444;\n }\n\n li.crumb {\n position: relative;\n @include padding-left(calc(var(--arrow-width) * 0.5rem / 16));\n cursor: default;\n color: var(--light-text-color);\n\n &:not(.current) {\n @include padding-right(calc(var(--arrow-width) * 1rem / 16));\n\n &:before,\n &:after {\n display: block;\n content: '';\n width: 1px;\n height: calc(var(--arrow-c) * 1rem / 16);\n position: absolute;\n @include right(calc(var(--arrow-width) * 0.5rem / 16));\n background: var(--medium-hairline-color);\n pointer-events: none;\n }\n\n &:before {\n top: calc((var(--arrow-height) - var(--arrow-c)) / 2 * 1rem / 16);\n transform: rotate(calc(var(--arrow-angle) * -1deg));\n }\n\n &:after {\n bottom: calc((var(--arrow-height) - var(--arrow-c)) / 2 * 1rem / 16);\n transform: rotate(calc(var(--arrow-angle) * 1deg));\n }\n }\n }\n\n & .menu--disclosure {\n li {\n display: block;\n\n &::after {\n content: none;\n }\n }\n }\n}\n\n#crumb-menu-trigger {\n min-width: var(--touch-target-size);\n\n &:before {\n width: 100%;\n }\n}\n\n#crumb-menu {\n .chip {\n min-height: 44px;\n }\n}\n\nli.crumb {\n display: flex;\n align-items: center;\n flex-wrap: nowrap;\n gap: var(--xs);\n\n [data-icon] {\n position: relative;\n top: -1px;\n }\n\n .menubtn {\n position: relative;\n margin: 0 calc(var(--xs) * -1 / 2);\n }\n\n [data-icon='ellipsis']:before {\n margin-top: 3px;\n font-size: 17px;\n }\n\n .chip {\n padding: 0;\n background-color: transparent;\n --custom-bg-color: initial !important;\n --custom-text-color: initial !important;\n --custom-sel-bg-color: initial !important;\n\n .label-link {\n max-width: 15em;\n\n &:focus-visible {\n box-shadow: var(--inner-focus-ring);\n }\n\n span:not(.context-label) {\n display: block;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n }\n\n &:has(.menubtn) > a {\n margin-right: 0 !important;\n padding-right: var(--xs) !important;\n }\n\n & > a {\n flex: 1;\n display: flex !important;\n align-items: center;\n flex-wrap: nowrap;\n gap: var(--xs);\n white-space: nowrap;\n\n .menu--disclosure & {\n min-height: 34px;\n }\n }\n\n a,\n button {\n display: inline-flex;\n align-items: center;\n min-height: var(--touch-target-size);\n\n &:not(:hover) {\n color: var(--text-color);\n }\n\n &:hover {\n text-decoration: none;\n }\n }\n\n a {\n position: relative;\n }\n\n button {\n cursor: pointer;\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: calc(28rem / 16 + 10px);\n position: relative;\n\n &.unread:after {\n content: '';\n display: block;\n position: absolute;\n top: calc(3rem / 16);\n @include right(5px);\n width: calc(7rem / 16);\n height: calc(7rem / 16);\n border-radius: 50%;\n background-color: var(--blue-600);\n }\n\n svg {\n width: 1rem;\n height: 1rem;\n @include svg-mask(var(--ui-control-color));\n }\n\n &:hover,\n &:active,\n &.active {\n svg {\n @include svg-mask(var(--ui-control-active-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 &.unread .announcement__heading: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 .announcement__header {\n display: grid;\n }\n\n .announcement__heading {\n position: relative;\n margin: 0 0 3px;\n order: 1;\n }\n}\n\n#user-info {\n display: flex;\n flex-direction: row;\n align-items: center;\n @include padding-left(var(--s));\n @include padding-right(calc(var(--padding) + 1px));\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 img,\n svg {\n display: block;\n width: calc(30rem / 16);\n height: calc(30rem / 16);\n max-width: none;\n border-radius: 50%;\n box-shadow:\n 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:\n 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#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 body.has-debug-toolbar & {\n bottom: 50px;\n }\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:\n 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 word-break: normal;\n overflow-wrap: anywhere;\n }\n\n .notification-details {\n margin-top: var(--xs);\n\n .chip {\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@media only screen and (min-width: $minFullUiWidth) {\n #primary-nav-toggle {\n display: none;\n }\n\n #crumbs:not(.empty) #primary-nav-toggle + nav ul li:first-child,\n #crumbs.empty + .context-menu-container {\n @include margin-left(var(--padding));\n @include padding-left(0);\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: 5px var(--padding);\n position: relative;\n z-index: 2;\n box-sizing: border-box;\n background-color: transparentize($grey300, 1);\n box-shadow: 0 1px 0 transparentize($grey800, 1);\n transition:\n background-color linear 100ms,\n 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: 0 1px 0 transparentize($grey700, 0.9);\n }\n\n @supports (backdrop-filter: blur(10px)) {\n & {\n transition:\n background-color linear 100ms,\n 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 justify-content: space-between;\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 .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#action-buttons {\n @media only screen and (max-width: 400px) {\n .btngroup .btn:first-child {\n flex-basis: 100%;\n }\n }\n\n @media only screen and (max-width: $minHorizontalUiWidth - 1px) {\n margin-top: 10px;\n }\n}\n\n#main-content {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n padding: 0 var(--padding) 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 position: relative;\n box-sizing: border-box;\n padding: 0 31px var(--m);\n width: $sidebarWidth;\n background-color: transparent;\n\n &.fixed {\n position: fixed;\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\n &:not(.sel) {\n &:hover {\n background-color: var(--gray-200);\n }\n }\n }\n }\n }\n}\n\n#content-container {\n flex: 1 1 auto;\n /*\n Admittedly I'm not totally sure why this is necessary, but it seems to be.\n We have to give #content-container some kind of \"hard\" width for it to properly\n clip the content when table cells are long.\n */\n width: 400px;\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) var(--padding);\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.footer {\n padding: 6px var(--pane-padding, var(--xl));\n min-height: 44px;\n line-height: calc(32rem / 16);\n\n .buttons {\n height: 32px;\n display: flex;\n align-items: center;\n }\n\n .btn {\n padding-top: 4px;\n padding-bottom: 4px;\n height: var(--ui-control-height--small);\n }\n}\n\n#footer {\n position: sticky;\n bottom: 0;\n z-index: 1;\n margin: calc(var(--xl) + 1px) calc(var(--padding) * -1 + 2px)\n calc(var(--xl) * -1 + 2px);\n background-color: var(--gray-050);\n border-radius: var(--small-border-radius);\n box-sizing: border-box;\n\n &:empty {\n display: none;\n }\n\n &.stuck {\n border-radius: 0;\n\n @supports (backdrop-filter: blur(10px)) {\n & {\n background-color: transparentize($grey100, 0.25);\n backdrop-filter: blur(10px);\n }\n }\n }\n\n .has-debug-toolbar & {\n transition: padding linear 100ms;\n\n &.stuck {\n padding-bottom: 52px;\n }\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 z-index: 1;\n\n &.fixed {\n position: fixed;\n }\n\n .details {\n padding-bottom: calc(var(--xl) + 11.5em);\n\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\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\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: var(--large-border-radius);\n padding-top: var(--m);\n padding-bottom: var(--m);\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 .details {\n margin-bottom: auto;\n }\n }\n}\n\n// Tighten up the padding at < 768\n@media only screen and (max-width: 767px) {\n :root {\n --padding: var(--s);\n --neg-padding: calc(var(--s) * -1);\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 .card-grid {\n display: flex !important;\n flex-direction: column;\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: 0 var(--xl);\n\n &:not(:first-child) {\n margin-top: var(--m);\n }\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 & > ul {\n margin: 2px calc(var(--xl) * -1);\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 {\n & > li:not(.heading),\n & > li.heading > ul > li {\n @include nav-level(0);\n\n & > ul.nested > li {\n @include nav-level(1);\n\n & > ul.nested > li {\n @include nav-level(2);\n\n & > ul.nested > li {\n @include nav-level(3);\n\n & > ul.nested > li {\n @include nav-level(4);\n }\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 }\n\n &.sel,\n &.active-drop-target {\n cursor: default;\n background-color: var(--gray-500);\n\n &,\n & + .toggle {\n color: var(--white);\n }\n }\n\n &.sel {\n @include light-on-dark-text;\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 position: relative;\n top: 1px;\n @include margin-right(10px);\n flex-shrink: 1;\n width: toRem(18);\n height: toRem(18);\n word-break: normal;\n transition:\n margin-left linear 150ms,\n 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: 1rem;\n height: 1rem;\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 &.heading,\n &.expanded {\n & > ul {\n display: block;\n }\n }\n }\n }\n}\n\n.error-summary {\n margin-bottom: var(--l);\n padding: var(--l) var(--xl) var(--xl);\n box-sizing: border-box;\n box-shadow:\n 0 0 0 1px #cdd8e4,\n 0 2px 12px rgba(205, 216, 228, 0.5);\n border-radius: var(--large-border-radius);\n background-color: var(--gray-050);\n\n .notification-icon {\n color: var(--error-color);\n margin: -2px 6px 0 0;\n float: left;\n }\n\n h2 {\n margin-top: var(--xs);\n }\n\n & > ul.errors li,\n & > ul.errors li a {\n color: var(--text-color);\n\n em {\n font-weight: 600;\n }\n\n &:hover {\n color: var(--link-color);\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.draghelper .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(:nth-child(-n + 1 of :not(.hidden))) {\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.draghelper.drag-in-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.draghelper.drag-in-slideout .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",".global-sidebar {\n --is-always-visible: true;\n --prefix-size: 30px;\n --prefix-ratio: 1;\n\n position: sticky;\n top: 0;\n z-index: $sidebarZIndex;\n display: flex;\n flex-direction: column;\n height: 100vh;\n padding: 0;\n -webkit-overflow-scrolling: touch;\n background-color: transparent;\n border-right: 1px solid var(--hairline-color);\n width: var(--global-sidebar-width);\n\n a {\n text-decoration: none;\n }\n\n & > a,\n *:not(.has-subnav) > a {\n &:not([href]) {\n cursor: default;\n background-color: transparent;\n }\n }\n\n @media only screen and (max-width: $minFullUiWidth - 1px) {\n --is-always-visible: false;\n }\n}\n\n.global-sidebar__nav {\n padding: var(--s) 0;\n}\n\n.global-sidebar__footer {\n margin-block-start: auto;\n display: grid;\n gap: var(--s);\n}\n\n.global-nav > ul {\n display: flex;\n flex-direction: column;\n gap: var(--s);\n}\n\n.global-nav > ul > li {\n position: relative;\n}\n\n.global-nav > ul > li.sel {\n}\n\n.nav-icon {\n display: inline-flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 1rem;\n aspect-ratio: 1;\n line-height: 0;\n\n --thumb-size: 1rem;\n\n > svg {\n @include svg-mask(currentColor);\n width: 100%;\n height: 100%;\n }\n}\n\n.nav-item {\n display: grid;\n grid-template-columns: 10px 1fr var(--prefix-size) 10px;\n grid-template-areas: '. action trigger .' 'subnav subnav subnav subnav';\n align-items: center;\n width: 100%;\n\n > .sidebar-action {\n grid-area: action;\n }\n\n [data-sidebar='collapsed'] & {\n grid-template-areas: '. action .' '. trigger .' 'subnav subnav subnav';\n grid-template-columns: 10px var(--prefix-size) 10px;\n }\n}\n\n.nav-item__trigger {\n --icon-size: 10px;\n --trigger-size: var(--touch-target-size);\n grid-area: trigger;\n display: flex;\n z-index: 1;\n\n .menubtn {\n padding: 0;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: var(--trigger-size);\n height: var(--trigger-size);\n border: transparent;\n\n &:hover {\n background-color: var(--ui-control-bg-color);\n }\n\n &[aria-expanded='true']:not(:hover) {\n background-color: transparent;\n }\n\n &[aria-expanded='true']:after {\n @include angle(up);\n }\n\n &:after {\n margin-left: 0 !important;\n }\n }\n}\n\n.nav-item__subnav {\n --prefix-ratio: 4/3;\n @include visually-hidden;\n grid-area: subnav;\n\n &.is-open {\n @include not-visually-hidden;\n }\n}\n\n.badge {\n display: inline-flex;\n justify-content: center;\n text-align: center;\n flex-shrink: 1;\n font-size: 11px;\n line-height: 1rem;\n width: 1.1rem;\n height: 1rem;\n border-radius: var(--s);\n background-color: var(--medium-text-color);\n color: var(--white);\n}\n\n.sidebar-actions {\n padding: 10px; // match padding of #system-info\n}\n\n.sidebar-action {\n --thumb-size: 0.75rem;\n display: flex;\n width: 100%;\n align-items: center;\n position: relative;\n text-align: left;\n border-radius: var(--medium-border-radius);\n color: currentColor;\n cursor: pointer;\n gap: 7px; // magic number to align with system name\n min-height: 30px;\n\n &:before {\n content: '';\n position: absolute;\n left: calc(10px * -1); // match #system-name\n top: 50%;\n height: 80%;\n transform: translateY(-50%);\n width: var(--xs);\n }\n\n &:focus-visible,\n &:hover {\n background-color: var(--gray-200);\n }\n\n &.sel {\n &:before {\n --indicator-size: 6px;\n background-color: currentColor;\n }\n }\n}\n\n.sidebar-action--sub {\n --indicator-size: 4px;\n font-size: 0.9em;\n min-height: 26px;\n\n &:before {\n width: var(--indicator-size);\n height: var(--indicator-size);\n border-radius: 100%;\n left: calc((30px / 2) - (var(--indicator-size) / 2));\n top: 50%;\n background-color: var(--gray-300);\n }\n}\n\n.sidebar-action--job {\n align-items: flex-start;\n\n .sidebar-action__label {\n padding-block: var(--xs);\n }\n\n &[href]:hover {\n background-color: transparent;\n\n .icon > span.icon > canvas#job-icon-hover {\n opacity: 1;\n }\n }\n\n .label {\n white-space: normal;\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 .nav-icon {\n display: block;\n position: relative;\n width: 16px;\n height: 16px;\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\n.sidebar-action__prefix {\n display: flex;\n align-items: center;\n justify-content: center;\n width: var(--prefix-size);\n aspect-ratio: var(--prefix-ratio);\n line-height: 0;\n flex-shrink: 0;\n}\n\n.sidebar-action__label {\n display: inline-flex;\n gap: var(--s);\n align-items: center;\n padding: 0 var(--xs);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n flex-grow: 1;\n}\n\n.sidebar-action__badge {\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: 0 var(--s);\n margin-left: auto;\n}\n\n/**\nStates\n */\n@media only screen and (min-width: $minFullUiWidth) {\n [data-sidebar='collapsed'] {\n .global-sidebar {\n --global-sidebar-width: 50px;\n }\n\n .nav-item__indicator {\n right: -1px;\n }\n\n .sidebar-action {\n width: 30px;\n min-height: 30px;\n\n &:focus-visible,\n &:hover {\n .sidebar-action__label {\n opacity: 1;\n transform: translateY(-50%) translateX(0);\n }\n }\n }\n\n .nav-item__trigger {\n .menubtn {\n width: 100%;\n height: auto;\n padding-block: 2px var(--xs);\n }\n }\n\n .sidebar-action__label {\n position: absolute;\n z-index: 10;\n left: calc(100% + (var(--xs) * 2));\n top: 50%;\n transform: translateY(-50%) translateX(-5px);\n opacity: 0;\n @include pane;\n color: var(--text-color);\n border-radius: var(--medium-border-radius);\n padding: var(--xs) var(--s);\n pointer-events: none;\n\n @media screen and (prefers-reduced-motion: no-preference) {\n transition:\n opacity 50ms cubic-bezier(0.33, 1, 0.68, 1),\n transform 150ms cubic-bezier(0.33, 1, 0.68, 1);\n }\n }\n\n .sidebar-action__badge {\n z-index: 100;\n position: absolute;\n right: calc(var(--xs) * -1);\n bottom: var(--xs);\n transform: translateY(25%);\n padding: 0;\n }\n\n .sidebar-action--sub {\n min-height: 26px;\n\n &:before {\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n }\n }\n\n .global-nav > ul > li + li {\n --separator-width: 28px;\n\n &:before {\n position: absolute;\n top: calc(var(--s) / -2);\n left: calc((var(--global-sidebar-width) - var(--separator-width)) / 2);\n content: '';\n width: var(--separator-width);\n height: 1px;\n margin: 0 auto;\n background-color: var(--hairline-color);\n }\n }\n }\n\n [data-sidebar='expanded'] {\n #sidebar-toggle-icon {\n transform: rotate(180deg);\n }\n }\n}\n\n#sidebar-trigger {\n display: none;\n\n @media only screen and (min-width: $minFullUiWidth) {\n display: flex;\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: 5px 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: #{44 + 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 .matrixblock > .fields > .flex-fields > .field > .status-badge {\n @include left(calc(var(--m) * -1));\n }\n }\n\n .lp-draghandle {\n position: absolute;\n z-index: 101;\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: 44px;\n }\n }\n\n .lp-device-type {\n .btn {\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-btn--phone::before {\n background-image: url(../images/preview/icon-phone.svg);\n }\n &.lp-device-type-btn--tablet::before {\n background-image: url(../images/preview/icon-tablet.svg);\n }\n &.lp-device-type-btn--desktop::before {\n background-image: url(../images/preview/icon-desktop.svg);\n }\n }\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-preview-container__bumper-link {\n top: unset;\n bottom: 0;\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% - 44px);\n width: 100%;\n background-color: var(--gray-100);\n\n @supports (backdrop-filter: blur(10px)) {\n top: 44px;\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:\n top center,\n 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 '../../../../../../node_modules/@craftcms/sass/mixins';\n\n.login-container {\n .login-form-container {\n background-color: var(--gray-050);\n }\n\n .login-form {\n input[readonly] {\n cursor: not-allowed;\n }\n\n & > .field,\n & > .btn {\n margin-top: var(--l);\n\n &:not(:last-child):not(.last) {\n margin-bottom: var(--l);\n }\n }\n\n .btn {\n display: flex;\n }\n }\n\n .alternative-login-methods {\n margin-top: var(--m);\n\n .btn {\n width: 100%;\n }\n }\n\n .login-forgot-password,\n .login-alt-container button {\n font-size: 11px;\n color: var(--medium-text-color);\n cursor: pointer !important;\n }\n\n .login-alt-container {\n margin: calc(var(--s) - var(--xl)) 0;\n\n button {\n display: inline-flex;\n background-color: transparent;\n padding: 0;\n width: auto;\n height: auto;\n min-height: var(--touch-target-size);\n }\n }\n\n .login-forgot-password:hover,\n .login-forgot-password:focus,\n .login-alt-container button:hover,\n .login-alt-container button:focus {\n color: var(--link-color);\n }\n\n .login-errors {\n text-align: center;\n color: var(--error-color);\n margin-top: 1em;\n }\n}\n\n.login-alt-menu {\n z-index: 1001;\n}\n\nbody.login {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n min-height: 100%;\n\n main {\n padding: var(--padding);\n width: calc(300px + var(--padding) * 2);\n max-width: 100%;\n\n h1 {\n text-align: center;\n font-size: 32px;\n line-height: 40px;\n word-wrap: break-word;\n\n #login-logo {\n width: 100%;\n height: auto;\n max-height: 300px;\n }\n }\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 &:hover,\n &:focus,\n &:active {\n opacity: 1;\n }\n\n > svg {\n display: inline-block;\n }\n }\n}\n\n.modal.email-sent {\n width: 300px;\n\n .body {\n @include padding-left(68px);\n\n &: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 }\n}\n\n.login-modal {\n width: calc(600px + var(--l) * 2);\n max-width: calc(100% - 20px);\n background: var(--gray-100);\n border-radius: var(--large-border-radius);\n\n .body {\n display: flex;\n flex-direction: row;\n padding: var(--l);\n\n .login-modal-intro,\n .login-modal-form {\n width: 300px;\n max-width: 100%;\n }\n\n .login-modal-intro {\n padding: var(--m);\n }\n }\n\n @media screen and (max-width: 656px) {\n border-radius: var(--large-border-radius);\n\n .body {\n padding: var(--m);\n flex-direction: column;\n gap: var(--m);\n overflow: auto;\n\n .login-modal-intro {\n padding: var(--xs) var(--xl);\n }\n\n .login-modal-form {\n border-radius: 0;\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$red050: #fef2f2;\n$red100: #fee2e2;\n$red200: #fecaca;\n$red300: #fca5a5;\n$red400: #f87171;\n$red500: #ef4444;\n$red600: #dc2626;\n$red700: #b91c1c;\n$red800: #991b1b;\n$red900: #7f1d1d;\n\n$orange050: #fff7ed;\n$orange100: #ffedd5;\n$orange200: #fed7aa;\n$orange300: #fdba74;\n$orange400: #fb923c;\n$orange500: #f97316;\n$orange600: #ea580c;\n$orange700: #c2410c;\n$orange800: #9a3412;\n$orange900: #7c2d12;\n\n$yellow050: #fefce8;\n$yellow100: #fef9c3;\n$yellow200: #fef08a;\n$yellow300: #fde047;\n$yellow400: #facc15;\n$yellow500: #eab308;\n$yellow600: #ca8a04;\n$yellow700: #a16207;\n$yellow800: #854d0e;\n$yellow900: #713f12;\n\n$green050: #f0fdf4;\n$green100: #dcfce7;\n$green200: #bbf7d0;\n$green300: #86efac;\n$green400: #4ade80;\n$green500: #22c55e;\n$green600: #16a34a;\n$green700: #15803d;\n$green800: #166534;\n$green900: #14532d;\n\n$teal050: #f0fdfa;\n$teal100: #ccfbf1;\n$teal200: #99f6e4;\n$teal300: #5eead4;\n$teal400: #2dd4bf;\n$teal500: #14b8a6;\n$teal550: #11a697;\n$teal600: #0d9488;\n$teal700: #0f766e;\n$teal800: #115e59;\n$teal900: #134e4a;\n\n$cyan050: #ecfeff;\n$cyan100: #cffafe;\n$cyan200: #a5f3fc;\n$cyan300: #67e8f9;\n$cyan400: #22d3ee;\n$cyan500: #06b6d4;\n$cyan600: #0891b2;\n$cyan700: #0e7490;\n$cyan800: #155e75;\n$cyan900: #164e63;\n\n$blue050: #eff6ff;\n$blue100: #dbeafe;\n$blue200: #bfdbfe;\n$blue300: #93c5fd;\n$blue400: #60a5fa;\n$blue500: #3b82f6;\n$blue600: #2563eb;\n$blue700: #1d4ed8;\n$blue800: #1e40af;\n$blue900: #1e3a8a;\n\n$violet050: #f5f3ff;\n$violet100: #ede9fe;\n$violet200: #ddd6fe;\n$violet300: #c4b5fd;\n$violet400: #a78bfa;\n$violet500: #8b5cf6;\n$violet600: #7c3aed;\n$violet700: #6d28d9;\n$violet800: #5b21b6;\n$violet900: #4c1d95;\n\n$pink050: #fdf2f8;\n$pink100: #fce7f3;\n$pink200: #fbcfe8;\n$pink300: #f9a8d4;\n$pink400: #f472b6;\n$pink500: #ec4899;\n$pink600: #db2777;\n$pink700: #be185d;\n$pink800: #9d174d;\n$pink900: #831843;\n\n// submit button colors\n$primaryColor: $red600;\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: #1f5fea;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $textColor;\n$menuOptionActiveBackgroundColor: $grey050;\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:\n 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing:\n 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing:\n 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey500;\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\n@mixin sans-serif-font {\n font-family:\n system-ui,\n BlinkMacSystemFont,\n -apple-system,\n 'Segoe UI',\n 'Roboto',\n 'Oxygen',\n 'Ubuntu',\n 'Cantarell',\n 'Fira Sans',\n 'Droid Sans',\n 'Helvetica Neue',\n 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: never;\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\n@mixin angle($dir: down, $color: currentColor, $width: calc(2rem / 16)) {\n display: block;\n content: '';\n font-size: 0;\n width: calc(7rem / 16);\n height: calc(7rem / 16);\n border: solid $color;\n border-width: 0 $width $width 0;\n opacity: 0.8;\n position: relative;\n\n @if $dir == up {\n transform: rotate(225deg);\n top: 2px;\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:\n 0 0 0 1px $grey200,\n 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) !important;\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 custom-color-focus-ring($primary, $secondary: null) {\n @if $secondary != null {\n --focus-ring: 0 0 0 1px #{$primary}, 0 0 0 3px #{$secondary};\n } @else {\n --focus-ring: 0 0 0 3px #{$primary};\n }\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: calc(30rem / 16);\n height: calc(30rem / 16);\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:\n 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-item-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-item-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 color: var(--ui-control-color);\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// https://tailwindcss.com/docs/screen-readers#undoing-screen-reader-only-elements\n@mixin visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n\n@mixin not-visually-hidden {\n position: static;\n width: auto;\n height: auto;\n padding: 0;\n margin: 0;\n overflow: visible;\n clip: auto;\n white-space: normal;\n}\n\n@mixin readable {\n font-size: 16px;\n line-height: 22px;\n\n h1,\n .h1,\n h2,\n .h2,\n h3,\n .h3,\n h4,\n .h4,\n h5,\n .h5,\n h6,\n .h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1,\n .h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2,\n .h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3,\n .h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4,\n .h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5,\n .h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6,\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 .tip-dismiss-btn {\n position: absolute;\n top: 12px;\n @include right(12px);\n\n & + p {\n margin-top: 0;\n }\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(50px);\n border: 1px solid;\n\n &.dismissible {\n @include padding-right(36px);\n }\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: $linkColor;\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 opacity: 1;\n position: absolute;\n top: 15px;\n @include left(16px);\n font-size: 24px;\n width: 24px;\n }\n\n a[href] {\n color: currentColor;\n text-decoration: underline;\n }\n }\n }\n\n .go:after {\n font-size: 14px;\n }\n}\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(\n 45deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 135deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 45deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n ),\n linear-gradient(\n 135deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n );\n background-size: $size $size;\n background-position:\n 0 0,\n $halfSize 0,\n $halfSize -#{$halfSize},\n 0 $halfSize;\n}\n","@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\n$base: 24px;\n$tabPadding: 14px;\n$tabWidth: $base * 11;\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 display: flex;\n flex-direction: column;\n\n .btngroup {\n margin-bottom: $tabPadding;\n }\n\n .fld-field-library {\n margin: -3px;\n padding: 3px;\n flex: 1;\n min-height: 0;\n overflow: auto;\n\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:\n 0 0 0 1px transparentize($grey900, 0.9),\n 0 2px 5px -2px transparentize($grey900, 0.8);\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 gap: var(--xs);\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-element {\n position: relative;\n display: flex;\n align-items: center;\n padding: var(--s);\n gap: var(--s);\n box-shadow: inset 0 0 0 1px var(--hairline-color);\n border-radius: var(--medium-border-radius);\n background-color: 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 background-color: var(--gray-100);\n\n &:not(.draghelper) {\n box-shadow: none;\n }\n\n .field-name {\n display: flex;\n flex-direction: column;\n gap: var(--xs);\n }\n }\n\n .fld-element-icon {\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\n.fld-hr,\n.fld-br {\n position: relative;\n flex: 1;\n display: flex;\n justify-content: center;\n\n &:before {\n position: absolute;\n display: block;\n top: calc(50% - 2px);\n left: 0;\n width: 100%;\n height: 4px;\n content: '';\n font-size: 0;\n border-radius: 2px;\n }\n\n .smalltext {\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: var(--gray-100);\n border-radius: var(--large-border-radius);\n padding: 0 var(--s);\n height: var(--touch-target-size);\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-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 body.has-debug-toolbar & {\n padding-bottom: calc(8px + 42px);\n }\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(calc(1rem + 5px));\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","@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,2BAEA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,4BACA,oCAEA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,sCACA,kBAEA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,qBAEA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,oBAEA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,qBAEA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,mBAEA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,oBAEA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,sBAEA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,mBAEA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBAEA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,kBAEA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,mBAEA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,qBAEA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBAEA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBAEA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,sBAEA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,mBAEA,mBACA,mBACA,mBAC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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/_global-sidebar.scss","webpack:///./css/_preview.scss","webpack:///./css/_login.scss","webpack:///../../../../../node_modules/@craftcms/sass/_mixins.scss","webpack:///./css/_fld.scss","webpack:///./css/_image_editor.scss","webpack:///./css/_shame.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%;--gray-050: hsl(var(--gray-050-hsl));--gray-100: hsl(var(--gray-100-hsl));--gray-200: hsl(var(--gray-200-hsl));--gray-300: hsl(var(--gray-300-hsl));--gray-350: hsl(var(--gray-350-hsl));--gray-400: hsl(var(--gray-400-hsl));--gray-500: hsl(var(--gray-500-hsl));--gray-550: hsl(var(--gray-550-hsl));--gray-600: hsl(var(--gray-600-hsl));--gray-700: hsl(var(--gray-700-hsl));--gray-800: hsl(var(--gray-800-hsl));--gray-900: hsl(var(--gray-900-hsl));--gray-1000: hsl(var(--gray-1000-hsl));--red-050: #fef2f2;--red-100: #fee2e2;--red-200: #fecaca;--red-300: #fca5a5;--red-400: #f87171;--red-500: #ef4444;--red-600: #dc2626;--red-700: #b91c1c;--red-800: #991b1b;--red-900: #7f1d1d;--red-950: #450a0a;--orange-050: #fff7ed;--orange-100: #ffedd5;--orange-200: #fed7aa;--orange-300: #fdba74;--orange-400: #fb923c;--orange-500: #f97316;--orange-600: #ea580c;--orange-700: #c2410c;--orange-800: #9a3412;--orange-900: #7c2d12;--orange-950: #431407;--amber-050: #fffbeb;--amber-100: #fef3c7;--amber-200: #fde68a;--amber-300: #fcd34d;--amber-400: #fbbf24;--amber-500: #f59e0b;--amber-600: #d97706;--amber-700: #b45309;--amber-800: #92400e;--amber-900: #78350f;--amber-950: #451a03;--yellow-050: #fefce8;--yellow-100: #fef9c3;--yellow-200: #fef08a;--yellow-300: #fde047;--yellow-400: #facc15;--yellow-500: #eab308;--yellow-600: #ca8a04;--yellow-700: #a16207;--yellow-750: #93580b;--yellow-800: #854d0e;--yellow-900: #713f12;--yellow-950: #422006;--lime-050: #f7fee7;--lime-100: #ecfccb;--lime-200: #d9f99d;--lime-300: #bef264;--lime-400: #a3e635;--lime-500: #84cc16;--lime-600: #65a30d;--lime-700: #4d7c0f;--lime-800: #3f6212;--lime-900: #365314;--lime-950: #1a2e05;--green-050: #f0fdf4;--green-100: #dcfce7;--green-200: #bbf7d0;--green-300: #86efac;--green-400: #4ade80;--green-500: #22c55e;--green-600: #16a34a;--green-700: #15803d;--green-800: #166534;--green-900: #14532d;--green-950: #052e16;--emerald-050: #ecfdf5;--emerald-100: #d1fae5;--emerald-200: #a7f3d0;--emerald-300: #6ee7b7;--emerald-400: #34d399;--emerald-500: #10b981;--emerald-600: #059669;--emerald-700: #047857;--emerald-800: #065f46;--emerald-900: #064e3b;--emerald-950: #022c22;--teal-050: #f0fdfa;--teal-100: #ccfbf1;--teal-200: #99f6e4;--teal-300: #5eead4;--teal-400: #2dd4bf;--teal-500: #14b8a6;--teal-550: #11a697;--teal-600: #0d9488;--teal-700: #0f766e;--teal-800: #115e59;--teal-900: #134e4a;--teal-950: #042f2e;--cyan-050: #ecfeff;--cyan-100: #cffafe;--cyan-200: #a5f3fc;--cyan-300: #67e8f9;--cyan-400: #22d3ee;--cyan-500: #06b6d4;--cyan-600: #0891b2;--cyan-700: #0e7490;--cyan-800: #155e75;--cyan-900: #164e63;--cyan-950: #083344;--sky-050: #f0f9ff;--sky-100: #e0f2fe;--sky-200: #bae6fd;--sky-300: #7dd3fc;--sky-400: #38bdf8;--sky-500: #0ea5e9;--sky-600: #0284c7;--sky-700: #0369a1;--sky-800: #075985;--sky-900: #0c4a6e;--sky-950: #082f49;--blue-050: #eff6ff;--blue-100: #dbeafe;--blue-200: #bfdbfe;--blue-300: #93c5fd;--blue-400: #60a5fa;--blue-500: #3b82f6;--blue-600: #2563eb;--blue-700: #1d4ed8;--blue-800: #1e40af;--blue-900: #1e3a8a;--blue-950: #172554;--indigo-050: #eef2ff;--indigo-100: #e0e7ff;--indigo-200: #c7d2fe;--indigo-300: #a5b4fc;--indigo-400: #818cf8;--indigo-500: #6366f1;--indigo-600: #4f46e5;--indigo-700: #4338ca;--indigo-800: #3730a3;--indigo-900: #312e81;--indigo-950: #1e1b4b;--violet-050: #f5f3ff;--violet-100: #ede9fe;--violet-200: #ddd6fe;--violet-300: #c4b5fd;--violet-400: #a78bfa;--violet-500: #8b5cf6;--violet-600: #7c3aed;--violet-700: #6d28d9;--violet-800: #5b21b6;--violet-900: #4c1d95;--violet-950: #2e1065;--purple-050: #faf5ff;--purple-100: #f3e8ff;--purple-200: #e9d5ff;--purple-300: #d8b4fe;--purple-400: #c084fc;--purple-500: #a855f7;--purple-600: #9333ea;--purple-700: #7e22ce;--purple-800: #6b21a8;--purple-900: #581c87;--purple-950: #3b0764;--fuchsia-050: #fdf4ff;--fuchsia-100: #fae8ff;--fuchsia-200: #f5d0fe;--fuchsia-300: #f0abfc;--fuchsia-400: #e879f9;--fuchsia-500: #d946ef;--fuchsia-600: #c026d3;--fuchsia-700: #a21caf;--fuchsia-800: #86198f;--fuchsia-900: #701a75;--fuchsia-950: #4a044e;--pink-050: #fdf2f8;--pink-100: #fce7f3;--pink-200: #fbcfe8;--pink-300: #f9a8d4;--pink-400: #f472b6;--pink-500: #ec4899;--pink-600: #db2777;--pink-700: #be185d;--pink-800: #9d174d;--pink-900: #831843;--pink-950: #500724;--rose-050: #fff1f2;--rose-100: #ffe4e6;--rose-200: #fecdd3;--rose-300: #fda4af;--rose-400: #fb7185;--rose-500: #f43f5e;--rose-600: #e11d48;--rose-700: #be123c;--rose-800: #9f1239;--rose-900: #881337;--rose-950: #4c0519}:root{--bg-color: $grey100;--bg-color-hsl: 212deg, 50%, 93%;--primary-color: var(--red-600);--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: #1f5fea;--font-weight-bold: 700;--hairline-color: rgba(51, 64, 77, 0.1);--medium-hairline-color: #cfd8e3;--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-500);--error-color: #d81e23;--warning-color: var(--amber-700);--success-color: var(--teal-700);--notice-color: var(--sky-700);--enabled-color: var(--teal-550);--pending-color: var(--orange-400);--disabled-color: var(--red-600);--indicator-border-color: var(--amber-600);--indicator-icon-color: var(--amber-700);--small-border-radius: 3px;--medium-border-radius: 4px;--large-border-radius: 5px;--menu-border-radius: var(--medium-border-radius);--checkbox-size: 1rem;--radio-size: 1rem}@font-face{font-family:\"Craft\";src:url(\"../fonts/Craft.woff2\") format(\"woff2\"),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;font-display:block}:root{--ui-control-color: var(--gray-550);--ui-control-hover-color: var(--gray-600);--ui-control-active-color: var(--gray-700);--ui-control-static-bg-color: rgba(96, 125, 159, 0.25);--ui-control-bg-color: var(--ui-control-static-bg-color);--ui-control-hover-bg-color: rgba(96, 125, 159, 0.3);--ui-control-active-bg-color: rgba(96, 125, 159, 0.5);--ui-control-border-radius: var(--large-border-radius);--ui-control-height: calc(34rem / 16);--ui-control-height--small: calc(30rem / 16);--light-focus-hsl: 211.6981132075deg, 96.3636363636%, 78.431372549%;--medium-focus-hsl: 217.2192513369deg, 91.2195121951%, 59.8039215686%;--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: calc( 24rem / 16 );--thumb-size: calc(20rem / 16);--icon-size: 1rem;--elements-busy-top-position: calc(50% - var(--size, 20px) / 2);--lh: 1.42em}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:var(--lh);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}.mt-0{margin-top:0 !important}.mt-xs{margin-top:var(--xs) !important}.mt-s{margin-top:var(--s) !important}.mt-m{margin-top:var(--m) !important}.mt-l{margin-top:var(--l) !important}.mt-xl{margin-top:var(--xl) !important}.mb-0{margin-bottom:0 !important}.mb-xs{margin-bottom:var(--xs) !important}.mb-s{margin-bottom:var(--s) !important}.mb-m{margin-bottom:var(--m) !important}.mb-l{margin-bottom:var(--l) !important}.mb-xl{margin-bottom:var(--xl) !important}.ml-0{margin-left:0 !important}.ml-xs{margin-left:var(--xs) !important}.ml-s{margin-left:var(--s) !important}.ml-m{margin-left:var(--m) !important}.ml-l{margin-left:var(--l) !important}.ml-xl{margin-left:var(--xl) !important}.mr-0{margin-right:0 !important}.mr-xs{margin-right:var(--xs) !important}.mr-s{margin-right:var(--s) !important}.mr-m{margin-right:var(--m) !important}.mr-l{margin-right:var(--l) !important}.mr-xl{margin-right:var(--xl) !important}.mx-0{margin-left:0 !important;margin-right:0 !important}.mx-xs{margin-left:var(--xs) !important;margin-right:var(--xs) !important}.mx-s{margin-left:var(--s) !important;margin-right:var(--s) !important}.mx-m{margin-left:var(--m) !important;margin-right:var(--m) !important}.mx-l{margin-left:var(--l) !important;margin-right:var(--l) !important}.mx-xl{margin-left:var(--xl) !important;margin-right:var(--xl) !important}.my-0{margin-top:0 !important;margin-bottom:0 !important}.my-xs{margin-top:var(--xs) !important;margin-bottom:var(--xs) !important}.my-s{margin-top:var(--s) !important;margin-bottom:var(--s) !important}.my-m{margin-top:var(--m) !important;margin-bottom:var(--m) !important}.my-l{margin-top:var(--l) !important;margin-bottom:var(--l) !important}.my-xl{margin-top:var(--xl) !important;margin-bottom:var(--xl) !important}.no-scroll{overflow:hidden !important}.draghelper{box-sizing:border-box;list-style-type:none}.offset-drag-helper{transition:margin linear 200ms,padding linear 200ms}body.dragging.ltr .offset-drag-helper{margin:-50px 0 0 -50px;padding:60px 0 0 60px}body.dragging.rtl .offset-drag-helper{margin:-50px -50px 0 0;padding:60px 60px 0 0}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 ul.padded li .menu-item.sel:before,.menu ul.padded li .menu-option.sel:before,.menu .flex.padded.sel:before,.texticon:before,#help:before,.secure:before,.insecure:before,.go:after,.required:after,.preview-btn:before,.view-btn:before,.action-btn:before,[data-icon]:before,[data-icon-after]:after{font-family:\"Craft\";speak:never;-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}.badge-icon{position:relative;top:-1px;display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;box-sizing:border-box;border:1px solid var(--indicator-border-color);border-radius:var(--small-border-radius);color:var(--indicator-icon-color);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)}[data-icon-size=large][data-icon]:before,[data-icon-size=large][data-icon-after]:after{font-size:20px}[data-icon-size=small][data-icon]:before,[data-icon-size=small][data-icon-after]:after{font-size:14px}[data-icon-size=puny][data-icon]:before,[data-icon-size=puny][data-icon-after]:after{font-size:12px}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\"}.action-btn:before{content:\"ellipsis\"}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}a[aria-current]{cursor:default}body.underline-links a,a:hover{text-decoration:underline}a .cp-icon svg rect,a .cp-icon svg circle,a .cp-icon svg ellipse,a .cp-icon svg line,a .cp-icon svg polyline,a .cp-icon svg polygon,a .cp-icon svg path,a .cp-icon svg text{fill:var(--link-color);stroke-width:0}a:not([href]){color:inherit;cursor:inherit}body.underline-links a:not([href]),a:not([href]):hover{text-decoration:none}a.iconlink:before{width:1rem}body.ltr a.iconlink:before{margin-right:var(--xs)}body.rtl a.iconlink:before{margin-left:var(--xs)}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\"}body.ltr a [data-icon=external]{margin-left:var(--xs)}body.rtl a [data-icon=external]{margin-right:var(--xs)}button{cursor:pointer}.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:never;-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}.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)}.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(37, 99, 235, 0.2), rgba(37, 99, 235, 0) 50%)}body.rtl .so-notice>.draft-notice{background-image:linear-gradient(to left, rgba(37, 99, 235, 0.2), rgba(37, 99, 235, 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(30,64,175,.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(30,58,138,.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:#1555e2}.draft-notice .discard-changes-btn:active{border-color:#134cca}.revision-notice{display:flex;align-items:center;align-content:stretch;justify-content:center;gap:var(--s);color:var(--gray-600)}#content-notice .revision-notice{display:inline-flex;justify-content:flex-start}.revision-notice p{flex:1;margin:0}.revision-notice .revision-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(51,64,77,.2);box-sizing:border-box;box-shadow:0 1px 1px 1px var(--white)}.revision-notice .revision-icon:before{position:relative;left:1px;color:var(--grey-800) !important;font-size:18px}.revision-notice .revision-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(30,58,138,.2)}button.toggle{appearance:none;color:inherit;background:none;border:none;padding:0}.toggle:before,a.fieldtoggle:before{display:block;content:\"\";font-size:0;width:.4375rem;height:.4375rem;border:solid currentColor;border-width:0 .125rem .125rem 0;opacity:.8;position:relative;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}ul.errors em{font-style:normal}strong,b,i em{font-weight:bold}.readable{font-size:16px;line-height:22px}.readable h1,.readable .h1,.readable h2,.readable .h2,.readable h3,.readable .h3,.readable h4,.readable .h4,.readable h5,.readable .h5,.readable h6,.readable .h6{margin:24px 0 16px;font-weight:600}.readable h1,.readable .h1{font-size:32px;line-height:40px;color:#000}.readable h2,.readable .h2{font-size:24px;line-height:30px}.readable h3,.readable .h3{font-size:20px;line-height:24px}.readable h4,.readable .h4{font-size:16px;line-height:20px}.readable h5,.readable .h5{font-size:14px;line-height:18px}.readable h6,.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 .tip-dismiss-btn{position:absolute;top:12px}body.ltr .readable .tip-dismiss-btn{right:12px}body.rtl .readable .tip-dismiss-btn{left:12px}.readable .tip-dismiss-btn+p{margin-top:0}.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:50px}body.rtl .readable blockquote.note{padding-right:50px}body.ltr .readable blockquote.note.dismissible{padding-right:36px}body.rtl .readable blockquote.note.dismissible{padding-left:36px}.readable blockquote.note:not(.tip):not(.warning){border-color:#dc2626;color:#bf503f}.readable blockquote.note:not(.tip):not(.warning):before{content:\"alert\";color:#dc2626}.readable blockquote.note.tip{border-color:#1f5fea;color:#1f5fea}.readable blockquote.note.tip:before{content:\"lightbulb\";color:#1f5fea}.readable blockquote.note.warning{border-color:#854d0e;color:#cf783a}.readable blockquote.note.warning:before{content:\"alert\";color:#854d0e}.readable blockquote.note:before{font-family:\"Craft\";speak:never;-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:1;position:absolute;top:15px;font-size:24px;width:24px}body.ltr .readable blockquote.note:before{left:16px}body.rtl .readable blockquote.note:before{right:16px}.readable blockquote.note a[href]{color:currentColor;text-decoration:underline}.readable .go:after{font-size:14px}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:12px;color:var(--rose-500)}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:never;-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;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:never;-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;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:not(.disabled){cursor:move}.icon.move:before{content:\"move\";color:var(--custom-text-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:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width: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:never;-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;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}.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}body.ltr .customize-sources-modal.sidebar-hidden{padding-left:0}body.rtl .customize-sources-modal.sidebar-hidden{padding-right:0}.customize-sources-modal.sidebar-hidden>.cs-sidebar{display:none}.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{--selected-item-color: var(--white);display:flex;width:calc(100% - 1px);box-sizing:border-box;align-items:center;position:relative;margin-top:-1px;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{--focus-ring: 0 0 0 1px hsl(var(--light-focus-hsl)), 0 0 0 3px hsla(var(--light-focus-hsl), 0.7);--ui-control-color: var(--selected-item-color);background-color:var(--dark-sel-color);color:var(--selected-item-color);z-index:1}.customize-sources-item .label{flex:1}.customize-sources-item.heading .label{text-transform:uppercase;color:var(--light-text-color);font-size:12px;font-weight:bold}.customize-sources-item.heading.sel .label{color:var(--selected-item-color)}.customize-sources-item__move{position:absolute;top:50%;transform:translate(-50%, -50%);justify-content:center;align-items:center}body.ltr .customize-sources-item__move{right:0}body.rtl .customize-sources-item__move{left:0}.customize-sources-item__move.icon{display:flex;text-decoration:none}.customize-sources-item__btn{padding:8px 14px;margin:3px}body.ltr .customize-sources-item__btn{padding-right:30px}body.rtl .customize-sources-item__btn{padding-left:30px}.checkbox-select-item{display:flex;align-items:flex-start;align-content:stretch;margin-bottom:4px}.checkbox-select-item .move{margin-top:-3px;position:relative;z-index:1}body.ltr .checkbox-select-item .move{margin-right:10px}body.rtl .checkbox-select-item .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:.4375rem;height:.4375rem;border:solid var(--light-text-color);border-width:0 .0625rem .0625rem 0;opacity:.8;position:relative}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:var(--s);min-height:34px}.toolbar.flex,.toolbar .flex{align-items:flex-start}.toolbar .text{border-radius:var(--large-border-radius) !important}.flex{display:flex;align-items:center;align-content:stretch;gap:var(--s)}.flex.flex-gap-xs{gap:var(--xs)}.flex.flex-gap-m{gap:var(--m)}.flex.flex-gap-l{gap:var(--l)}.flex.flex-gap-xl{gap:var(--xl)}.flex:not(.flex-nowrap){flex-wrap:wrap}.flex>*.label{white-space:nowrap}.centeralign .flex{justify-content:center}.inline-flex{display:inline-flex !important;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;max-width:100%}.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(--ui-control-border-radius);padding:7px 10px;border:none;text-align:center;white-space:nowrap;user-select:none;box-sizing:border-box;appearance:none;color:currentColor;font-size:inherit;background-color:var(--ui-control-bg-color)}.btn:not([aria-current]){cursor:pointer}.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.hairline{border:1px solid var(--medium-hairline-color);background-color:rgba(0,0,0,0)}.btn.hairline:hover,.btn.hairline:active,.btn.hairline[aria-expanded=true]{border-color:var(--dark-hairline-color)}.btn.hairline:active,.btn.hairline[aria-expanded=true]{background-color:var(--ui-control-static-bg-color)}.btn.wrap{height:auto;min-height:34px;white-space:initial;text-align:left}.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]):focus,.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]).focus,.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]):hover{--ui-control-bg-color: var(--ui-control-hover-bg-color)}.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]):active,.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]).active,.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current])[aria-expanded=true]{--ui-control-bg-color: var(--ui-control-active-bg-color)}.btn[type=color]{padding:6px !important;width:36px}.btn.active,.btn.loading{cursor:default}.btn:hover{text-decoration:none}.btn:empty,.btn.btn-empty{padding-left:12px;padding-right:12px}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:not(.action-btn)[data-icon]:empty:before,body.ltr .btn.menubtn:not(.action-btn)[data-icon].btn-empty:before,body.ltr .btn.menubtn:not(.action-btn).icon:empty:before,body.ltr .btn.menubtn:not(.action-btn).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:not(.action-btn)[data-icon]:empty:before,body.rtl .btn.menubtn:not(.action-btn)[data-icon].btn-empty:before,body.rtl .btn.menubtn:not(.action-btn).icon:empty:before,body.rtl .btn.menubtn:not(.action-btn).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}.btn [data-icon]{margin-top:-3px}body.ltr .btn [data-icon]{margin-right:5px}body.rtl .btn [data-icon]{margin-left:5px}.btn [data-icon].light:before{color:var(--gray-300)}.disabled{opacity:.25;pointer-events:none;user-select:none}.noteditable{cursor:not-allowed}.noteditable .element,.noteditable .lightswitch-container,.noteditable+.colorhex{cursor:not-allowed}.btn,.spinner{height:var(--ui-control-height)}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(.action-btn):not(:empty):not(.btn-empty):after,body.ltr .menubtn:not(.action-btn).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(.action-btn):not(:empty):not(.btn-empty):after,body.rtl .menubtn:not(.action-btn).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;border-radius:var(--large-border-radius)}.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}.btngroup--exclusive .btn[aria-pressed=true]:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]){background-color:var(--gray-500);color:var(--white)}.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 .copytextbtn__icon{padding:0;width:13px;background:none;margin-top:-3px;color:var(--light-text-color)}body.ltr .copytextbtn .copytextbtn__icon{margin-left:5px}body.rtl .copytextbtn .copytextbtn__icon{margin-right:5px}.copytextbtn:hover,.copytextbtn:focus{border-color:var(--medium-hairline-color);color:var(--text-color)}.copytextbtn:hover .copytextbtn__value,.copytextbtn:focus .copytextbtn__value{color:var(--text-color)}.copytextbtn.small{padding:0 5px}.copytextbtn.small .copytextbtn__value{font-size:.6875rem}.menu-toggle,.menubtn:not(.action-btn){display:inline-flex;align-items:center;user-select:none}.menu-toggle:after,.menubtn:not(.action-btn):after{display:block;content:\"\";font-size:0;width:.4375rem;height:.4375rem;border:solid currentColor;border-width:0 .125rem .125rem 0;opacity:.8;position:relative;transform:rotate(45deg);position:relative}.menu-toggle.btn:after,.menubtn:not(.action-btn).btn:after{top:-1px}.menu-toggle.btn:not(.disabled):not(.inactive):active:after,.menu-toggle.btn:not(.disabled):not(.inactive).active:after,.menubtn:not(.action-btn).btn:not(.disabled):not(.inactive):active:after,.menubtn:not(.action-btn).btn:not(.disabled):not(.inactive).active:after{border-color:var(--ui-control-active-color)}.menu-toggle.btn.submit:after,.menubtn:not(.action-btn).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:not(.action-btn).btn.submit:not(.disabled):not(.inactive):hover:after,.menubtn:not(.action-btn).btn.submit:not(.disabled):not(.inactive).hover:after,.menubtn:not(.action-btn).btn.submit:not(.disabled):not(.inactive):active:after,.menubtn:not(.action-btn).btn.submit:not(.disabled):not(.inactive).active:after{opacity:1}.menu-toggle:not(.btn):not(.icon),.menubtn:not(.action-btn):not(.btn):not(.icon){height:17px}.menu-toggle:not(.btn):not(.icon):after,.menubtn:not(.action-btn):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:not(.action-btn):empty,body.ltr .menubtn:not(.action-btn).btn-empty{padding-left:8px}body.rtl .menu-toggle:empty,body.rtl .menu-toggle.btn-empty,body.rtl .menubtn:not(.action-btn):empty,body.rtl .menubtn:not(.action-btn).btn-empty{padding-right:8px}body.ltr .menu-toggle:empty,body.ltr .menu-toggle.btn-empty,body.ltr .menubtn:not(.action-btn):empty,body.ltr .menubtn:not(.action-btn).btn-empty{padding-right:8px}body.rtl .menu-toggle:empty,body.rtl .menu-toggle.btn-empty,body.rtl .menubtn:not(.action-btn):empty,body.rtl .menubtn:not(.action-btn).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:var(--elements-busy-top-position);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 var(--s) !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.huge{padding:var(--l);line-height:48px;height:48px}.btn.submit,.btn.secondary{color:var(--white) !important;--ui-control-active-color: var(--white);-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:#c82020 !important}.btn.submit:not(.disabled):not(.inactive):not(.loading):active,.btn.submit:not(.disabled):not(.inactive):not(.loading).active,.btn.submit:not(.disabled):not(.inactive):not(.loading)[aria-expanded=true]{background-color:#b21d1d !important}.btn.caution{background-color:var(--red-050) !important;color:var(--error-color)}.btn.caution:hover,.btn.caution.hover,.btn.caution:focus{background-color:#fcdada !important}.btn.caution:active,.btn.caution.active,.btn.caution[aria-expanded=true]{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,.secondary-buttons .btn.submit:not(.disabled):not(.inactive):not(.loading)[aria-expanded=true],.btn.secondary:not(.disabled):not(.inactive):not(.loading):active,.btn.secondary:not(.disabled):not(.inactive):not(.loading).active,.btn.secondary:not(.disabled):not(.inactive):not(.loading)[aria-expanded=true]{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,.btn.dashed:not(.disabled)[aria-expanded=true]{background-color:rgba(205,216,228,.25)}.chevron-btns{display:flex;justify-content:flex-start}.chevron-btns .btn{position:relative;padding:0;border-radius:0;background-color:rgba(0,0,0,0)}.chevron-btns .btn.current-step,.chevron-btns .btn.active-drop-target{color:var(--white);--text-color: var(--white);--ui-control-color: var(--white);--ui-control-bg-color: var(--gray-500);--ui-control-hover-bg-color: #55616d;--ui-control-active-bg-color: #4a545e}.chevron-btns .btn.current-step{-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)}.chevron-btns .btn:focus{z-index:1;box-shadow:none}.chevron-btns .btn:focus .label{z-index:1;box-shadow:var(--focus-ring)}.reduce-focus-visibility .chevron-btns .btn:focus:not(:focus-visible) .label{box-shadow:none}.reduce-focus-visibility .chevron-btns .btn:focus-visible .label{box-shadow:var(--focus-ring)}body.ltr .chevron-btns .btn:not(.has-action-menu){padding-right:calc(var(--ui-control-height)/2)}body.rtl .chevron-btns .btn:not(.has-action-menu){padding-left:calc(var(--ui-control-height)/2)}body.ltr .chevron-btns .btn:not(.has-action-menu){margin-right:2.8px}body.rtl .chevron-btns .btn:not(.has-action-menu){margin-left:2.8px}body.ltr .chevron-btns .btn:not(.has-action-menu):not(.current-step[data-disclosure-trigger]) .btn-body{padding-right:5px}body.rtl .chevron-btns .btn:not(.has-action-menu):not(.current-step[data-disclosure-trigger]) .btn-body{padding-left:5px}body.ltr .chevron-btns .btn.current-step[data-disclosure-trigger] .btn-body{padding-left:8px}body.rtl .chevron-btns .btn.current-step[data-disclosure-trigger] .btn-body{padding-right:8px}.chevron-btns .btn.current-step[data-disclosure-trigger] .btn-body .label{padding:3px}.chevron-btns .btn.current-step[data-disclosure-trigger] .btn-body .label:after{display:block;content:\"\";font-size:0;width:.4375rem;height:.4375rem;border:solid currentColor;border-width:0 .125rem .125rem 0;opacity:.8;position:relative;transform:rotate(45deg);position:relative}.chevron-btns .btn .btn-body{display:inline-flex;align-items:center;justify-content:center;height:var(--ui-control-height);background-color:var(--ui-control-bg-color)}.chevron-btns .btn .btn-body [data-icon]{--ui-control-height: calc((13rem / 16));text-align:center}body.ltr .chevron-btns .btn .btn-body [data-icon]{margin-right:0}body.rtl .chevron-btns .btn .btn-body [data-icon]{margin-left:0}.chevron-btns .btn .label{display:inline-flex;align-items:center;overflow:hidden;text-overflow:ellipsis}body.ltr .chevron-btns .btn.has-action-menu .btn-body{padding-right:1px}body.rtl .chevron-btns .btn.has-action-menu .btn-body{padding-left:1px}body.ltr .chevron-btns .btn.has-action-menu .btn-body{margin-right:0}body.rtl .chevron-btns .btn.has-action-menu .btn-body{margin-left:0}.chevron-btns .btn .chevron-right,.chevron-btns .btn .chevron-left{position:absolute;top:0;height:100%;width:calc(var(--ui-control-height)/2)}.chevron-btns .btn .chevron-left{border-top:calc(var(--ui-control-height)/2) solid var(--ui-control-bg-color)}body.ltr .chevron-btns .btn .chevron-left{left:0}body.rtl .chevron-btns .btn .chevron-left{right:0}body.ltr .chevron-btns .btn .chevron-left{border-left:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0)}body.rtl .chevron-btns .btn .chevron-left{border-right:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0)}.chevron-btns .btn .chevron-left:after{display:block;content:\"\";font-size:0;position:absolute;bottom:0;border-bottom:calc(var(--ui-control-height)/2) solid var(--ui-control-bg-color)}body.ltr .chevron-btns .btn .chevron-left:after{right:0}body.rtl .chevron-btns .btn .chevron-left:after{left:0}body.ltr .chevron-btns .btn .chevron-left:after{border-left:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0)}body.rtl .chevron-btns .btn .chevron-left:after{border-right:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0)}.chevron-btns .btn .chevron-right{border-top:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0);border-bottom:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0)}body.ltr .chevron-btns .btn .chevron-right{right:0}body.rtl .chevron-btns .btn .chevron-right{left:0}body.ltr .chevron-btns .btn .chevron-right{border-left:calc(var(--ui-control-height)/2) solid var(--ui-control-bg-color)}body.rtl .chevron-btns .btn .chevron-right{border-right:calc(var(--ui-control-height)/2) solid var(--ui-control-bg-color)}.chevron-btns ol{position:relative;list-style-type:none;display:flex}body.ltr .chevron-btns ol{padding-left:0}body.rtl .chevron-btns ol{padding-right:0}body.ltr .chevron-btns ol li.first-step .btn .btn-body{padding-left:14px}body.rtl .chevron-btns ol li.first-step .btn .btn-body{padding-right:14px}body.ltr .chevron-btns ol li.first-step .btn .btn-body{border-radius:var(--ui-control-border-radius) 0 0 var(--ui-control-border-radius)}body.rtl .chevron-btns ol li.first-step .btn .btn-body{border-radius:0 var(--ui-control-border-radius) var(--ui-control-border-radius) 0}.chevron-btns ol li.first-step .btn .chevron-left{display:none}body.ltr .chevron-btns ol li:not(.first-step) .btn{margin-left:calc(-1*var(--ui-control-height)/2)}body.rtl .chevron-btns ol li:not(.first-step) .btn{margin-right:calc(-1*var(--ui-control-height)/2)}body.ltr .chevron-btns ol li:not(.first-step) .btn{padding-left:calc(var(--ui-control-height)/2)}body.rtl .chevron-btns ol li:not(.first-step) .btn{padding-right:calc(var(--ui-control-height)/2)}body.ltr .chevron-btns ol li:not(.first-step) .btn .btn-body{padding-left:7px}body.rtl .chevron-btns ol li:not(.first-step) .btn .btn-body{padding-right:7px}.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):not(.noteditable){cursor:pointer}.color:not(.small){background-image:linear-gradient(45deg, rgba(154, 165, 177, 0.25) 25%, transparent 25%),linear-gradient(135deg, rgba(154, 165, 177, 0.25) 25%, transparent 25%),linear-gradient(45deg, transparent 75%, rgba(154, 165, 177, 0.25) 75%),linear-gradient(135deg, transparent 75%, rgba(154, 165, 177, 0.25) 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, rgba(154, 165, 177, 0.25) 25%, transparent 25%),linear-gradient(135deg, rgba(154, 165, 177, 0.25) 25%, transparent 25%),linear-gradient(45deg, transparent 75%, rgba(154, 165, 177, 0.25) 75%),linear-gradient(135deg, transparent 75%, rgba(154, 165, 177, 0.25) 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;max-width:100%;padding-left:7px;padding-right:7px}.lightswitch-outer-container .lightswitch-inner-container span{flex-grow:1;padding:7px 0;color:var(--medium-text-color);cursor:default;overflow:auto;overflow-wrap:break-word;hyphens:auto}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}.lightswitch-outer-container .lightswitch-inner-container span[data-toggle=off]{text-align:right}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}body.rtl .lightswitch-outer-container .lightswitch-inner-container span[data-toggle=off]{text-align:left}.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;min-width:34px;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:1.875rem;height:1.875rem;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:.4375rem;height:.4375rem;border:solid var(--light-text-color);border-width:0 .125rem .125rem 0;opacity:.8;position:relative}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:.4375rem;height:.4375rem;border:solid var(--light-text-color);border-width:0 .125rem .125rem 0;opacity:.8;position:relative}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)}body:not(.reduce-focus-visibility) .pagination .page-link:not(.disabled):focus,body.reduce-focus-visibility .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{--pane-y-padding-default: calc(var(--xl) - 2px);--pane-x-padding-default: calc(var(--padding) - 2px);margin:calc(var(--pane-padding, var(--pane-y-padding-default))*-1) calc(var(--pane-padding, var(--pane-x-padding-default))*-1) calc(var(--pane-padding, var(--padding))*-1 + var(--pane-padding, var(--m)));padding:0 !important;overflow-x:auto}body.ltr .tablepane table.data th:first-child,body.ltr .tablepane table.data td:first-child{padding-left:var(--m)}body.rtl .tablepane table.data th:first-child,body.rtl .tablepane table.data td:first-child{padding-right:var(--m)}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% - .5rem)}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(--border-radius, var(--small-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(--border-radius, var(--small-border-radius))}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-bottom-left-radius:var(--border-radius, var(--small-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-bottom-right-radius:var(--border-radius, var(--small-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(--border-radius, var(--small-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(--border-radius, var(--small-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-bottom-right-radius:var(--border-radius, var(--small-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-bottom-left-radius:var(--border-radius, var(--small-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:var(--s);padding-bottom:var(--s)}table.data thead th{white-space:nowrap;vertical-align:middle}table.data thead th.orderable{position:relative;padding:0 !important}body:not(.dragging) 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:.4375rem;height:.4375rem;border:solid currentColor;border-width:0 .125rem .125rem 0;opacity:.8;position:relative;transform:rotate(225deg);top:2px;position:absolute;top:calc(50% - 3px)}body.ltr table.data thead th.orderable.ordered:not(.loading) button:after{right:var(--m)}body.rtl table.data thead th.orderable.ordered:not(.loading) button:after{left:var(--m)}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:var(--pane-padding, var(--m)) var(--m)}body.ltr table.data thead th.orderable button{padding-right:35px}body.rtl table.data thead th.orderable button{padding-left:35px}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{--hover-bg-color: var(--gray-050);--selected-bg-color: var(--dark-sel-color)}table.data tbody tr:not(.disabled):hover th,table.data tbody tr:not(.disabled):hover td{background-color:var(--hover-bg-color)}table.data tbody tr:not(.disabled):focus{position:relative;z-index:1}table.data tbody tr:not(.disabled).sel,table.data tbody tr:not(.disabled).active-drop-target{--text-color: var(--white);--medium-dark-text-color: var(--white);--medium-text-color: var(--white);--light-text-color: var(--white);--link-color: var(--white);--ui-control-color: var(--white);--focus-ring: 0 0 0 3px hsl(var(--light-focus-hsl))}table.data tbody tr:not(.disabled).sel th,table.data tbody tr:not(.disabled).sel td,table.data tbody tr:not(.disabled).active-drop-target th,table.data tbody tr:not(.disabled).active-drop-target td{color:var(--white);background-color:var(--selected-bg-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.data tr.sel:not(.draggee)+tr.sel:not(.draggee) th,table.data tr.sel:not(.draggee)+tr.sel:not(.draggee) td{border-top-color:var(--gray-300)}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{background-color:var(--white);box-shadow:0 1px 5px -1px rgba(31,41,51,.2)}.datatablesorthelper,.datatablesorthelper .chip,.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}.chip,.card{color:var(--custom-text-color, var(--text-color));background-color:var(--custom-bg-color, var(--gray-050))}.chip{position:relative;display:inline-flex;align-items:center;cursor:default;user-select:none;font-weight:normal;padding:var(--xs) var(--s);max-width:100%;gap:var(--xs);border-radius:var(--large-border-radius)}.chip.small{flex-direction:row;height:calc(1.625rem + 8px);--thumb-size: calc(30rem / 16)}.chip.small>.thumb{margin:calc(var(--xs)*-1 + 2px) calc(var(--s)*-1 + 2px)}body.ltr .chip.small>.thumb{margin-right:2px}body.rtl .chip.small>.thumb{margin-left:2px}.chip.small>.thumb.cp-icon{--thumb-size: 1rem}body.ltr .chip.small>.thumb.cp-icon{margin-left:-2px}body.rtl .chip.small>.thumb.cp-icon{margin-right:-2px}.chip.large{flex-direction:column;--thumb-size: 120px;min-width:calc(var(--s)*2 + var(--thumb-size))}.chip.large .chip-content{width:100%}.chip .chip-content{display:flex;flex-direction:row;align-items:center;gap:var(--s);max-width:100%}body.ltr .chip .chip-content .status,body.ltr .chip .chip-content .icon{margin-right:0}body.rtl .chip .chip-content .status,body.rtl .chip .chip-content .icon{margin-left:0}.chip .chip-content .icon{margin:-4px -1px 0}.chip.sel,li.sel .chip,li.active-drop-target .chip{--text-color: var(--white);--custom-text-color: var(--white) !important;--medium-dark-text-color: var(--white);--medium-text-color: var(--white);--light-text-color: var(--white);--link-color: var(--white);--ui-control-color: var(--white);--focus-ring: 0 0 0 3px hsl(var(--light-focus-hsl));color:var(--white);background-color:var(--custom-sel-bg-color, var(--dark-sel-color)) !important}.chip.sel .cp-icon,li.sel .chip .cp-icon,li.active-drop-target .chip .cp-icon{--icon-color: var(--white) !important}.chip.sel,.sel .chip{cursor:default}.chip.sel .thumb,.sel .chip .thumb{filter:brightness(0.85)}.chip.sel .thumb img,.sel .chip .thumb img{box-shadow:0 0 0 1px rgba(96,109,123,.1),0 6px 4px -4px rgba(96,109,123,.2)}.offset-drag-helper .chip{background-color:var(--gray-050);box-shadow:0 1px 5px -1px rgba(31,41,51,.2)}.chip>.thumb{position:relative;display:flex;align-items:center;justify-content:center;width:var(--thumb-size);height:var(--thumb-size)}.chip>.thumb.rounded img,.chip>.thumb.rounded svg{border:var(--xs) solid rgba(0,0,0,0);border-radius:50%}.chip>.thumb.checkered img{background-image:linear-gradient(45deg, rgba(154, 165, 177, 0.25) 25%, transparent 25%),linear-gradient(135deg, rgba(154, 165, 177, 0.25) 25%, transparent 25%),linear-gradient(45deg, transparent 75%, rgba(154, 165, 177, 0.25) 75%),linear-gradient(135deg, transparent 75%, rgba(154, 165, 177, 0.25) 75%);background-size:8px 8px;background-position:0 0,4px 0,4px -4px,0 4px}.chip>.thumb img,.chip>.thumb svg{display:block;flex-shrink:0;border-radius:var(--small-border-radius);max-width:100%;max-height:100%}.cp-icon{display:flex;align-items:center;justify-content:center;width:var(--icon-size);height:var(--icon-size);max-width:var(--icon-size)}.cp-icon svg{width:var(--icon-size);height:var(--icon-size);max-width:var(--icon-size) !important;max-height:var(--icon-size) !important}.cp-icon svg rect,.cp-icon svg circle,.cp-icon svg ellipse,.cp-icon svg line,.cp-icon svg polyline,.cp-icon svg polygon,.cp-icon svg path,.cp-icon svg text{fill:var(--icon-color, var(--ui-control-color));stroke-width:0}.cp-icon.large{--icon-size: calc(20rem / 16)}.cp-icon.small{--icon-size: calc(14rem / 16)}.cp-icon.puny{--icon-size: calc(12rem / 16)}.chips,.cards{display:flex;--custom-bg-color: initial;--custom-text-color: initial;--custom-sel-bg-color: initial}.chips:not(.inline-chips),.cards:not(.inline-chips){flex-direction:column}.chips li,.cards li{max-width:100%}.cards{gap:var(--s)}.chips{align-items:flex-start;gap:var(--xs)}.inline-chips{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--xs)}.inline-chips .chip{margin:0 !important}.card{position:relative;display:flex;flex-direction:row;align-items:stretch;padding:var(--m);gap:var(--m);border-radius:var(--large-border-radius);cursor:default;user-select:none;width:100%}.card:after{border-radius:var(--large-border-radius)}.card.sel,li.sel .card{--text-color: var(--white);--custom-text-color: var(--white) !important;--medium-dark-text-color: var(--white);--medium-text-color: var(--white);--light-text-color: var(--white);--link-color: var(--white);--ui-control-color: var(--white);--focus-ring: 0 0 0 3px hsl(var(--light-focus-hsl));color:var(--white);background-color:var(--custom-sel-bg-color, var(--dark-sel-color)) !important}.card.sel>.thumb,li.sel .card>.thumb{background-color:var(--dark-sel-color) !important;filter:brightness(0.85)}.card>.thumb{position:relative;display:flex;align-items:stretch;margin:calc(var(--m)*-1);width:120px;min-width:120px;min-height:calc(var(--m)*2 + var(--lh)*3 + var(--xs));background-color:var(--gray-100);overflow:hidden}body.ltr .card>.thumb{margin-right:0}body.rtl .card>.thumb{margin-left:0}.card>.thumb:after{display:block;content:\"\";font-size:0;position:absolute;top:0;bottom:0;box-shadow:0 1px 5px -1px rgba(31,41,51,.2);width:10px}body.ltr .card>.thumb:after{right:-10px}body.rtl .card>.thumb:after{left:-10px}body.ltr .card>.thumb,body.ltr .card>.thumb:after{border-radius:var(--large-border-radius) 0 0 var(--large-border-radius)}body.rtl .card>.thumb,body.rtl .card>.thumb:after{border-radius:0 var(--large-border-radius) var(--large-border-radius) 0}.card>.thumb img,.card>.thumb svg{width:100%;max-height:120px;object-fit:cover}body.ltr .card>.cp-icon{margin:0 -4px 0 -2px}body.rtl .card>.cp-icon{margin:0 -2px 0 -4px}.card .card-content,.card .card-content .card-body{display:flex;flex-direction:column;gap:var(--xs);flex:1}.card .card-content{margin:calc((1rem - var(--lh))/2) 0;flex:1 0 0 !important;overflow:hidden;position:relative;--focus-ring: var(--inner-focus-ring)}.card .card-content .card-heading{display:flex;flex-direction:row;align-items:center;gap:5px}.card .card-content .card-heading .status{margin:0;flex:0 0 10px}.card .card-content .card-heading .label{font-weight:600}.card .card-content .card-body:empty{display:none}.card .card-content .card-body>*{--max-lines: 2;margin:0;max-height:calc(var(--lh)*var(--max-lines));overflow:hidden;text-wrap:pretty}.card>.card-actions-container{display:flex;align-items:flex-start !important;position:relative}.card-grid{display:grid !important;gap:var(--s) !important;grid-template-columns:repeat(auto-fill, minmax(360px, 1fr))}.card-grid>li{border-radius:var(--large-border-radius)}.card-grid>li>.card{margin:0 !important;height:100%}.context-label,.context-menu-container{display:inline-flex;align-items:center;height:var(--touch-target-size);padding:0 var(--s);font-size:11px;font-weight:normal;text-decoration:none !important;color:var(--light-text-color);border-radius:calc(var(--touch-target-size)/2);border:1px solid var(--medium-hairline-color)}body.ltr .context-label,body.ltr .context-menu-container{margin-left:var(--xs)}body.rtl .context-label,body.rtl .context-menu-container{margin-right:var(--xs)}body.ltr .context-menu-container{padding-right:0}body.rtl .context-menu-container{padding-left:0}body.ltr .context-menu-container .menubtn:not(.action-btn){margin:0 -1px 0 0}body.rtl .context-menu-container .menubtn:not(.action-btn){margin:0 0 0 -1px}body.ltr .context-menu-container .menubtn:not(.action-btn){padding-right:2px !important}body.rtl .context-menu-container .menubtn:not(.action-btn){padding-left:2px !important}body.ltr .context-menu-container .menubtn:not(.action-btn){border-left:1px solid var(--medium-hairline-color)}body.rtl .context-menu-container .menubtn:not(.action-btn){border-right:1px solid var(--medium-hairline-color)}body.ltr .context-menu-container .menubtn:not(.action-btn){border-radius:0 calc(var(--touch-target-size)/2) calc(var(--touch-target-size)/2) 0}body.rtl .context-menu-container .menubtn:not(.action-btn){border-radius:calc(var(--touch-target-size)/2) 0 0 calc(var(--touch-target-size)/2)}.context-menu-container .menubtn:not(.action-btn):hover{border-color:var(--dark-hairline-color) !important}.context-menu-container>*{display:inline-block}body.ltr .context-menu-container>*{padding-right:var(--s)}body.rtl .context-menu-container>*{padding-left:var(--s)}.context-menu-container .menubtn:not(.action-btn):only-child,.context-menu-container .visually-hidden:first-child+.menubtn:not(.action-btn):last-child{margin:0 calc(var(--s)*-1);border-left:none !important;border-radius:calc(var(--touch-target-size)/2) !important}.chip .checkbox:before,.card .checkbox:before{box-shadow:none !important}.chip .label,.card .label{display:flex;align-items:center;gap:var(--xs);overflow:hidden}.chip .label .label-link,.card .label .label-link{flex:1 1 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chip .label .label-link:focus,.card .label .label-link:focus{box-shadow:var(--inner-focus-ring)}.chip .label .segment:after,.card .label .segment:after{display:inline-flex !important;position:relative;top:-2px;display:block;content:\"\";font-size:0;width:.4375rem;height:.4375rem;border:solid var(--light-text-color);border-width:0 .0625rem .0625rem 0;opacity:.8;position:relative}body.ltr .chip .label .segment:after,body.ltr .card .label .segment:after{margin:0 5px 0 2px}body.rtl .chip .label .segment:after,body.rtl .card .label .segment:after{margin:0 2px 0 5px}body.ltr .chip .label .segment:after,body.ltr .card .label .segment:after{transform:rotate(-45deg)}body.rtl .chip .label .segment:after,body.rtl .card .label .segment:after{transform:rotate(135deg)}.sel .chip .label .segment:after,.sel .card .label .segment:after{display:block;content:\"\";font-size:0;width:.4375rem;height:.4375rem;border:solid var(--white);border-width:0 .0625rem .0625rem 0;opacity:.8;position:relative}body.ltr .sel .chip .label .segment:after,body.ltr .sel .card .label .segment:after{transform:rotate(-45deg)}body.rtl .sel .chip .label .segment:after,body.rtl .sel .card .label .segment:after{transform:rotate(135deg)}.chip>.chip-content>.chip-actions,.chip>.card-actions-container>.card-actions,.card>.chip-content>.chip-actions,.card>.card-actions-container>.card-actions{display:flex;flex-direction:row;align-items:center;gap:var(--s);min-height:1rem}.chip>.chip-content>.chip-actions:empty,.chip>.card-actions-container>.card-actions:empty,.card>.chip-content>.chip-actions:empty,.card>.card-actions-container>.card-actions:empty{display:none}.chip>.chip-content>.chip-actions>.status,.chip>.card-actions-container>.card-actions>.status,.card>.chip-content>.chip-actions>.status,.card>.card-actions-container>.card-actions>.status{margin:0}.chip>.chip-content>.chip-actions>.action-btn,.chip>.chip-content>.chip-actions>.move,.chip>.card-actions-container>.card-actions>.action-btn,.chip>.card-actions-container>.card-actions>.move,.card>.chip-content>.chip-actions>.action-btn,.card>.chip-content>.chip-actions>.move,.card>.card-actions-container>.card-actions>.action-btn,.card>.card-actions-container>.card-actions>.move{height:var(--touch-target-size);width:var(--touch-target-size);margin:0 -4px}.chip>.chip-content>.chip-actions>.action-btn:before,.chip>.chip-content>.chip-actions>.move:before,.chip>.card-actions-container>.card-actions>.action-btn:before,.chip>.card-actions-container>.card-actions>.move:before,.card>.chip-content>.chip-actions>.action-btn:before,.card>.chip-content>.chip-actions>.move:before,.card>.card-actions-container>.card-actions>.action-btn:before,.card>.card-actions-container>.card-actions>.move:before{color:var(--custom-text-color, var(--ui-control-color))}.chip>.chip-content>.chip-actions .action-btn,.chip>.card-actions-container>.card-actions .action-btn,.card>.chip-content>.chip-actions .action-btn,.card>.card-actions-container>.card-actions .action-btn{background-color:rgba(0,0,0,0)}body.ltr .chip>.chip-content>.chip-actions .action-btn:before,body.ltr .chip>.card-actions-container>.card-actions .action-btn:before,body.ltr .card>.chip-content>.chip-actions .action-btn:before,body.ltr .card>.card-actions-container>.card-actions .action-btn:before{margin-right:0 !important}body.rtl .chip>.chip-content>.chip-actions .action-btn:before,body.rtl .chip>.card-actions-container>.card-actions .action-btn:before,body.rtl .card>.chip-content>.chip-actions .action-btn:before,body.rtl .card>.card-actions-container>.card-actions .action-btn:before{margin-left:0 !important}.chip>.chip-content>.chip-actions .action-btn:hover,.chip>.chip-content>.chip-actions .action-btn:active,.chip>.chip-content>.chip-actions .action-btn[aria-expanded=true],.chip>.card-actions-container>.card-actions .action-btn:hover,.chip>.card-actions-container>.card-actions .action-btn:active,.chip>.card-actions-container>.card-actions .action-btn[aria-expanded=true],.card>.chip-content>.chip-actions .action-btn:hover,.card>.chip-content>.chip-actions .action-btn:active,.card>.chip-content>.chip-actions .action-btn[aria-expanded=true],.card>.card-actions-container>.card-actions .action-btn:hover,.card>.card-actions-container>.card-actions .action-btn:active,.card>.card-actions-container>.card-actions .action-btn[aria-expanded=true]{backdrop-filter:brightness(90%)}.chip>.chip-content>.chip-actions .move,.chip>.card-actions-container>.card-actions .move,.card>.chip-content>.chip-actions .move,.card>.card-actions-container>.card-actions .move{margin-top:-3px !important}.chip.error .label .label-link,.card.error .label .label-link{color:var(--error-color)}.element-index .source-path{background-color:var(--gray-050);border-radius:3px;--ui-control-bg-color: var(--light-sel-color);--ui-control-hover-bg-color: #bdcbdb;--ui-control-active-bg-color: #acbed2}.element-index .source-path .chevron-btns{display:inline-flex;position:relative;background:#fff;--ui-control-height: calc((30rem / 16))}.element-index .source-path .chevron-btns:before{display:block;content:\"\";font-size:0;position:absolute;top:0;width:0;height:0;border-top:calc(var(--ui-control-height)/2) solid #f3f7fc}body.ltr .element-index .source-path .chevron-btns:before{right:0}body.rtl .element-index .source-path .chevron-btns:before{left:0}body.ltr .element-index .source-path .chevron-btns:before{border-left:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0)}body.rtl .element-index .source-path .chevron-btns:before{border-right:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0)}.element-index .source-path .chevron-btns:after{display:block;content:\"\";font-size:0;position:absolute;top:calc(var(--ui-control-height)/2);border-bottom:calc(var(--ui-control-height)/2) solid #f3f7fc}body.ltr .element-index .source-path .chevron-btns:after{right:0}body.rtl .element-index .source-path .chevron-btns:after{left:0}body.ltr .element-index .source-path .chevron-btns:after{border-left:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0)}body.rtl .element-index .source-path .chevron-btns:after{border-right:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0)}.element-index .source-path .chevron-btns .btn{--ui-control-border-radius: 3px}.element-index .source-path .btn.settings{box-shadow:0 0 0 2px var(--white)}.element-index.main .source-path{margin:-22px calc(var(--padding)*-1 + 2px) 24px}.elementselectormodal .element-index .source-path{margin-bottom:2px}.element-index.pane .toolbar{position:relative;z-index:2;margin:calc(var(--pane-padding)*-1) calc(var(--pane-padding)*-1) var(--pane-padding) !important;border-radius:calc(var(--large-border-radius) - 1px) calc(var(--large-border-radius) - 1px) 0 0;padding:var(--pane-padding);box-shadow:0 1px 0 var(--hairline-color);background-color:var(--gray-050)}.element-index.pane .header{padding-top:var(--pane-padding);padding-bottom:var(--pane-padding);background-color:rgba(0,0,0,0);border-bottom:1px solid var(--hairline-color)}.element-index.pane .elements{--border-radius: 0}.element-index.pane .elements .tableview table.data thead th,.element-index.pane .elements .tableview table.data thead td{border-bottom:1px solid var(--hairline-color)}.element-index.pane .elements .tableview table.data thead th:not(.ordered),.element-index.pane .elements .tableview table.data thead td:not(.ordered){background-color:rgba(0,0,0,0)}.element-index.pane .footer{border-radius:0 0 calc(var(--large-border-radius) - 1px) calc(var(--large-border-radius) - 1px) !important;box-shadow:none;border-top:1px solid var(--hairline-color);background:rgba(0,0,0,0)}.elements{position:relative}.elements:not(.busy) .update-spinner{display:none}.elements.busy{min-height:72px}.elements.busy:after{display:block;content:\"\";font-size:0;position:absolute;z-index:100;top:0;left:calc(var(--pane-padding, 24px)*-1);width:calc(100% + var(--pane-padding, 24px) + var(--pane-padding, 24px));height:100%;background:rgba(255,255,255,.75);border-radius:var(--large-border-radius)}.elements.busy .update-spinner{z-index:101}.elements .header{margin:calc(var(--xl)*-1 + 2px) calc(var(--padding)*-1 + 2px) var(--xl);padding:var(--s);background-color:var(--gray-050);box-shadow:none;border-radius:var(--border-radius, var(--small-border-radius))}.elements .header:after{content:\"\"}.elements .header .selectallcontainer{display:flex;align-items:center;gap:5px;cursor:default}.elements .tableview tr.draggee th,.elements .tableview tr.draggee td,.elements .thumbsview li.draggee{opacity:.25}.elements .tableview th .move,.elements .tableview th .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 th .move,body.ltr .elements .tableview th .toggle{margin-left:calc(var(--touch-target-size)*-1)}body.rtl .elements .tableview th .move,body.rtl .elements .tableview th .toggle{margin-right:calc(var(--touch-target-size)*-1)}.elements .tableview th .move{font-size:11px;text-decoration:none}.elements .tableview th .toggle{text-align:center;padding:4px;border-radius:50%}body.ltr .elements .tableview th .move+.toggle{margin-left:calc(var(--touch-target-size)*-2)}body.rtl .elements .tableview th .move+.toggle{margin-right:calc(var(--touch-target-size)*-2)}.elements .tableview th .enabled-label{margin-left:var(--xs)}.elements .tableview .chip{background-color:rgba(0,0,0,0)}.elements .thumbsview{display:grid;gap:var(--xs);grid-template-columns:repeat(auto-fill, minmax(180px, 1fr))}.elements .thumbsview li{position:relative;max-width:226px;border-radius:var(--large-border-radius)}body.ltr .elements .thumbsview li{margin:0 1px 1px 0}body.rtl .elements .thumbsview li{margin:0 0 1px 1px}.elements .thumbsview li:hover .chip{background-color:var(--gray-050)}.elements .thumbsview li.sel a{cursor:pointer !important}.elements .thumbsview li.sel a:hover{text-decoration:underline}.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}.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(--gray-200)}body.rtl .structure ul li:not(:last-child):not(.last){border-right:1px solid var(--gray-200)}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 .chip{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 .elements:not(:empty)+.flex,.componentselect .components:not(:empty)+.flex{margin-top:var(--s)}.elementselect{position:relative;min-height:34px}.elementselect .flex,.elementselect .btn{clear:both}.elementselect .chip{z-index:1}.elementselect .structure .chip{margin-top:var(--xs)}body.ltr .elementselect .structure>li{padding-left:0}body.rtl .elementselect .structure>li{padding-right:0}body.ltr .elementselect .structure ul{margin-left:14px}body.rtl .elementselect .structure ul{margin-right:14px}.elementselect .structure ul li{background-position:0 6px !important}.nested-element-cards{display:flex;flex-direction:column;gap:var(--s)}.nested-element-cards>.pane{margin:0}table.editable{border-radius:var(--large-border-radius);border:1px solid var(--gray-200)}table.editable th,table.editable td.heading,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:calc(var(--large-border-radius) - 1px)}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:calc(var(--large-border-radius) - 1px)}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 .editable-table-preview{white-space:pre-wrap}body.ltr table.editable tbody tr td.textual .editable-table-preview{text-align:left}body.rtl table.editable tbody tr td.textual .editable-table-preview{text-align:right}table.editable tbody tr td.textual .editable-table-preview+textarea{opacity:0;height:0;min-height:0;padding-top:0;padding-bottom: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,table.editable tbody .editable-table-preview{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:calc(100% - 29px)}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;position:relative;width:.75rem;height:.75rem;border:1px solid rgba(0,0,0,0);border-radius:100%;box-sizing:border-box;background-clip:border-box}body.ltr .status{margin-right:10px}body.rtl .status{margin-left:10px}body.use-shapes .status.all{rotate:45deg;background-image:linear-gradient(30deg, #184cef, #e5422b)}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.all,body.use-shapes .status.off,body.use-shapes .status.suspended,body.use-shapes .status.expired{border-radius:2px;transform:scale(90%)}.status:not(.on):not(.live):not(.active):not(.enabled):not(.all):not(.pending):not(.warning):not(.off):not(.suspended):not(.expired):not(.light):not(.gray):not(.red):not(.orange):not(.amber):not(.yellow):not(.lime):not(.green):not(.emerald):not(.teal):not(.cyan):not(.sky):not(.blue):not(.indigo):not(.violet):not(.purple):not(.fuchsia):not(.pink):not(.rose):not(.grey):not(.black){border-color:var(--ui-control-color)}.status.all{background-image:linear-gradient(60deg, #184cef, #e5422b);background-origin:border-box}.status.on,.status.live,.status.active,.status.enabled{background-color:var(--enabled-color)}.status.red,.bg-red,.status.off,.status.suspended,.status.expired{background-color:var(--disabled-color)}.status.warning{background-color:var(--warning-color)}.status.orange,.bg-orange,.status.pending{background-color:var(--pending-color)}.status.amber,.bg-amber{background-color:var(--amber-500)}.status.yellow,.bg-yellow{background-color:var(--yellow-500)}.status.lime,.bg-lime{background-color:var(--lime-500)}.status.green,.bg-green{background-color:var(--green-600)}.status.emerald,.bg-emerald{background-color:var(--emerald-500)}.status.teal,.bg-teal,.status.turquoise,.bg-turquoise{background-color:var(--teal-500)}.status.cyan,.bg-cyan{background-color:var(--cyan-500)}.status.sky,.bg-sky{background-color:var(--sky-500)}.status.blue,.bg-blue{background-color:var(--blue-600)}.status.indigo,.bg-indigo{background-color:var(--indigo-500)}.status.violet,.bg-violet{background-color:var(--violet-500)}.status.purple,.bg-purple{background-color:var(--purple-500)}.status.fuchsia,.bg-fuchsia{background-color:var(--fuchsia-500)}.status.pink,.bg-pink{background-color:var(--pink-500)}.status.rose,.bg-rose{background-color:var(--rose-500)}.status.light{background-color:var(--gray-100)}.status.white,.bg-white{background-color:var(--white)}.status.black,.bg-black{background-color:var(--gray-800)}.status.gray,.bg-gray,.status.grey,.bg-grey{background-color:var(--gray-300)}.status.white,.status.disabled{opacity:1}.icon.warning,.cp-icon.warning,[data-icon].warning,[data-icon-after].warning{--icon-color: var(--warning-color)}.icon.red,.cp-icon.red,[data-icon].red,[data-icon-after].red{--icon-color: var(--disabled-color)}.icon.orange,.cp-icon.orange,[data-icon].orange,[data-icon-after].orange{--icon-color: var(--pending-color)}.icon.amber,.cp-icon.amber,[data-icon].amber,[data-icon-after].amber{--icon-color: var(--amber-500)}.icon.yellow,.cp-icon.yellow,[data-icon].yellow,[data-icon-after].yellow{--icon-color: var(--yellow-500)}.icon.lime,.cp-icon.lime,[data-icon].lime,[data-icon-after].lime{--icon-color: var(--lime-500)}.icon.green,.cp-icon.green,[data-icon].green,[data-icon-after].green{--icon-color: var(--green-500)}.icon.emerald,.cp-icon.emerald,[data-icon].emerald,[data-icon-after].emerald{--icon-color: var(--emerald-500)}.icon.teal,.cp-icon.teal,[data-icon].teal,[data-icon-after].teal{--icon-color: var(--teal-500)}.icon.cyan,.cp-icon.cyan,[data-icon].cyan,[data-icon-after].cyan{--icon-color: var(--cyan-500)}.icon.sky,.cp-icon.sky,[data-icon].sky,[data-icon-after].sky{--icon-color: var(--sky-500)}.icon.blue,.cp-icon.blue,[data-icon].blue,[data-icon-after].blue{--icon-color: var(--blue-600)}.icon.indigo,.cp-icon.indigo,[data-icon].indigo,[data-icon-after].indigo{--icon-color: var(--indigo-500)}.icon.violet,.cp-icon.violet,[data-icon].violet,[data-icon-after].violet{--icon-color: var(--violet-500)}.icon.purple,.cp-icon.purple,[data-icon].purple,[data-icon-after].purple{--icon-color: var(--purple-500)}.icon.fuchsia,.cp-icon.fuchsia,[data-icon].fuchsia,[data-icon-after].fuchsia{--icon-color: var(--fuchsia-500)}.icon.pink,.cp-icon.pink,[data-icon].pink,[data-icon-after].pink{--icon-color: var(--pink-500)}.icon.rose,.cp-icon.rose,[data-icon].rose,[data-icon-after].rose{--icon-color: var(--rose-500)}.icon.white,.cp-icon.white,[data-icon].white,[data-icon-after].white{--icon-color: var(--white)}.icon.black,.cp-icon.black,[data-icon].black,[data-icon-after].black{--icon-color: var(--gray-800)}.icon.gray,.cp-icon.gray,[data-icon].gray,[data-icon-after].gray{--icon-color: var(--gray-300)}.warning[data-icon]:before,.warning[data-icon-after]:after,.red[data-icon]:before,.red[data-icon-after]:after,.orange[data-icon]:before,.orange[data-icon-after]:after,.amber[data-icon]:before,.amber[data-icon-after]:after,.yellow[data-icon]:before,.yellow[data-icon-after]:after,.lime[data-icon]:before,.lime[data-icon-after]:after,.green[data-icon]:before,.green[data-icon-after]:after,.emerald[data-icon]:before,.emerald[data-icon-after]:after,.teal[data-icon]:before,.teal[data-icon-after]:after,.cyan[data-icon]:before,.cyan[data-icon-after]:after,.sky[data-icon]:before,.sky[data-icon-after]:after,.blue[data-icon]:before,.blue[data-icon-after]:after,.indigo[data-icon]:before,.indigo[data-icon-after]:after,.violet[data-icon]:before,.violet[data-icon-after]:after,.purple[data-icon]:before,.purple[data-icon-after]:after,.fuchsia[data-icon]:before,.fuchsia[data-icon-after]:after,.pink[data-icon]:before,.pink[data-icon-after]:after,.rose[data-icon]:before,.rose[data-icon-after]:after,.white[data-icon]:before,.white[data-icon-after]:after,.black[data-icon]:before,.black[data-icon-after]:after,.gray[data-icon]:before,.gray[data-icon-after]:after{color:var(--icon-color) !important}.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{--pane-padding: var(--xl);--border: 1px solid var(--hairline-color);background:#fff;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);position:relative;margin:14px 0;padding:var(--pane-padding);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.dashed{background-color:rgba(0,0,0,0) !important;box-shadow:none;border:1px dashed var(--medium-hairline-color) !important}.pane.hairline{background-color:rgba(0,0,0,0) !important;box-shadow:none;border:1px solid rgba(96, 125, 159, 0.25) !important}.pane.no-border{border:none !important}.pane.padding-xs{--pane-padding: var(--xs)}.pane.padding-s{--pane-padding: var(--s)}.pane.padding-m{--pane-padding: var(--m)}.pane.padding-l{--pane-padding: var(--l)}.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:1.875rem;height:1.875rem;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(--padding)*-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]{--tab-label-color: var(--light-text-color)}.pane-tabs [role=tablist] [role=tab].error{--highlight-color: var(--error-color) !important;--tab-label-color: var(--error-color) !important}.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 var(--padding);white-space:nowrap;height:50px}.pane-tabs [role=tablist] [role=tab]:hover{text-decoration:none}body:not(.reduce-focus-visibility) .pane-tabs [role=tablist] [role=tab]:focus,body.reduce-focus-visibility .pane-tabs [role=tablist] [role=tab]:focus-visible{box-shadow:none}body:not(.reduce-focus-visibility) .pane-tabs [role=tablist] [role=tab]:focus .tab-label,body.reduce-focus-visibility .pane-tabs [role=tablist] [role=tab]:focus-visible .tab-label{box-shadow:var(--inner-focus-ring)}.pane-tabs [role=tablist] [role=tab]:not(.sel){color:var(--custom-text-color, var(--tab-label-color))}.pane-tabs [role=tablist] [role=tab]:not(.sel):hover{backdrop-filter:brightness(95%)}.pane-tabs [role=tablist] [role=tab].sel{--highlight-color: var(--gray-500);--tab-label-color: var(--text-color);position:relative;z-index:1;cursor:default;box-shadow:inset 0 2px 0 var(--custom-text-color, var(--highlight-color)),0 0 0 1px rgba(51,64,77,.1),0 2px 12px var(--custom-sel-tab-shadow-color, var(--gray-200));color:var(--tab-label-color);background-color:var(--white) !important}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#tabs:first-child [role=tablist] [role=tab]:first-child,body.ltr .pane-tabs#tabs:first-child [role=tablist] [role=tab]:first-child .tab-label{border-top-left-radius:var(--large-border-radius)}body.rtl .pane-tabs#tabs:first-child [role=tablist] [role=tab]:first-child,body.rtl .pane-tabs#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)}.pane-tabs .menubtn.error span[data-icon]{margin-right:2px}.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:#fcd815}.details .meta.warning .btn:active,.details .meta.warning .btn[aria-expanded=true]{background-color:#f5ce03}.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:never;-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;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{margin:0}@media screen and (min-width: 400px){.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-right:var(--s)}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-left: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-top:var(--s)}@media screen and (min-width: 400px){.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:100%}@media screen and (min-width: 400px){.meta>.field>.input,.meta>.data>.value,.meta>.flex-fields>.field>.input,.meta>.flex-fields>.data>.value{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,.meta>.flex-fields>.field>.input>.datetimewrapper{gap: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):not(.first-child),.meta>.flex-fields+.field:not(.first-child){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}.meta>.field>.input>.custom-select{display:block;margin:calc(var(--s)*-1) 0;width:100%;border-radius:0;box-shadow:none;background-color:rgba(0,0,0,0)}.meta>.field>.input>.custom-select .menubtn:not(.action-btn){justify-content:start;width:100%;background-color:rgba(0,0,0,0)}body.ltr .meta>.field>.input>.custom-select .menubtn:not(.action-btn){padding-left:0}body.rtl .meta>.field>.input>.custom-select .menubtn:not(.action-btn){padding-right:0}.meta>.field>.input>.custom-select .menubtn:not(.action-btn):after{position:absolute;top:calc(50% - 5px)}body.ltr .meta>.field>.input>.custom-select .menubtn:not(.action-btn):after{right:0}body.rtl .meta>.field>.input>.custom-select .menubtn:not(.action-btn):after{left:0}.meta>.field>.input>.custom-select .label{max-width:100%;overflow:hidden;text-overflow:ellipsis}.body{position:relative}.slideout-container,.slideout,.modal,.hud{z-index:100;box-sizing:border-box}.modal,.hud{border-radius:5px;background-color:#fff;box-shadow:0 25px 100px rgba(31,41,51,.5) !important}.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-container.so-lp{position:absolute;top:var(--m);left:var(--m);width:calc(100% - var(--m)*2);height:calc(100vh - var(--m)*2)}body.has-debug-toolbar .slideout-container{height:calc(100vh - 42px)}.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) !important;display:flex;flex-direction:column;overflow:hidden;padding:24px var(--padding);pointer-events:all;container-type:inline-size}.slideout.so-mobile,.slideout.so-lp{width:100% !important;height:100% !important;left:0;transition:top linear 250ms;will-change:top}.slideout.so-mobile{--padding: 14px;--neg-padding: -14px}.slideout:not(.so-mobile){border-radius:var(--large-border-radius)}.slideout:not(.so-mobile):not(.so-lp){top:8px;width:calc(50% - 8px);height:calc(100% - 16px)}@media screen and (prefers-reduced-motion: no-preference){body.ltr .slideout:not(.so-mobile):not(.so-lp){transition:left linear 250ms;will-change:left}body.rtl .slideout:not(.so-mobile):not(.so-lp){transition:right linear 250ms;will-change:right}}.slideout>.pane-header{padding-left:var(--padding);padding-right:var(--padding);z-index:2}.slideout>.pane-header>.so-toolbar{display:flex;flex-direction:row;align-items:center;gap:var(--xs);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-body{flex:1;margin:-24px var(--neg-padding);overflow:hidden auto;position:relative}.slideout>.so-body:not(:last-child){margin-bottom:0}.slideout>.so-body>h1:not(:last-child){padding-bottom:var(--s);border-bottom:1px solid var(--hairline-color)}.slideout>.so-body.so-full-details,.slideout>.so-body>.so-sidebar{background-color:var(--gray-100) !important}.slideout>.so-body:not(.so-full-details){padding:24px var(--padding)}.slideout>.so-body>.so-sidebar,.slideout>.so-body.so-full-details>.so-content>.details{box-sizing:border-box;padding:0 var(--padding) var(--spacing)}.slideout>.so-body>.so-sidebar>.preview-thumb-container,.slideout>.so-body.so-full-details>.so-content>.details>.preview-thumb-container{margin:0 var(--neg-padding);height:auto;min-height:54px}.slideout>.so-body>.so-sidebar>.preview-thumb-container+.pane-header,.slideout>.so-body.so-full-details>.so-content>.details>.preview-thumb-container+.pane-header{border-radius:0}.slideout>.so-body>.so-sidebar .image-actions.is-mobile,.slideout>.so-body.so-full-details>.so-content>.details .image-actions.is-mobile{margin:calc(var(--spacing)/2) 0 var(--spacing)}.slideout>.so-body>.so-sidebar>.meta.read-only:first-child,.slideout>.so-body.so-full-details>.so-content>.details>.meta.read-only:first-child{margin-top:var(--padding)}.slideout>.so-body>.so-sidebar>.meta.warning,.slideout>.so-body.so-full-details>.so-content>.details>.meta.warning{box-shadow:none;border-bottom:1px solid var(--yellow-300)}.slideout>.so-body>.so-sidebar>.field>.input>.text.fullwidth,.slideout>.so-body.so-full-details>.so-content>.details>.field>.input>.text.fullwidth{border-radius:0}.slideout>.so-body>.so-sidebar .notes,.slideout>.so-body.so-full-details>.so-content>.details .notes{padding-top:var(--m);padding-bottom:var(--m)}.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%;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-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)}@container (width > 700px){.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,.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:5px var(--pane-padding, 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:calc(var(--pane-padding, 24px)*-1) calc(var(--pane-padding, 24px)*-1) var(--pane-padding, 24px)}.pane .footer,.modal .body .footer{margin:var(--pane-padding, 24px) calc(var(--pane-padding, 24px)*-1) calc(var(--pane-padding, 24px)*-1)}.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}.slideout-shade.blurred,.modal-shade.blurred{backdrop-filter:blur(10px)}.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:never;-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;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:never;-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;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.tooltip-hud{display:block}.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)}.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, rgba(154, 165, 177, 0.25) 25%, transparent 25%),linear-gradient(135deg, rgba(154, 165, 177, 0.25) 25%, transparent 25%),linear-gradient(45deg, transparent 75%, rgba(154, 165, 177, 0.25) 75%),linear-gradient(135deg, transparent 75%, rgba(154, 165, 177, 0.25) 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>.header{padding-top:14px;padding-bottom:14px;text-align:center}.elementselectormodal>.header+.body{height:calc(100% - 48px) !important}.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 .header{margin:0 0 var(--m)}.elementselectormodal .body .content .main .elements .tableview table tr th,.elementselectormodal .body .content .main .elements .tableview table tr td{cursor:default}.elementselectormodal .body .content .main .elements .tableview table tr .checkbox:before{box-shadow:none !important}.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}.elementselectormodal .main-header,.customize-sources-modal .main-header{display:flex;align-items:center;margin-bottom:var(--s)}.elementselectormodal .main-heading,.customize-sources-modal .main-heading{margin-bottom:0}.elementselectormodal .nav-toggle,.customize-sources-modal .nav-toggle{height:var(--touch-target-size);width:var(--touch-target-size);color:var(--ui-control-color)}body.ltr .elementselectormodal .nav-toggle,body.ltr .customize-sources-modal .nav-toggle{margin-left:4px}body.rtl .elementselectormodal .nav-toggle,body.rtl .customize-sources-modal .nav-toggle{margin-right:4px}.elementselectormodal .nav-toggle:hover,.customize-sources-modal .nav-toggle:hover{color:var(--gray-500)}.elementselectormodal .sidebar-header,.customize-sources-modal .sidebar-header{display:flex;justify-content:flex-end;padding:0 var(--s);margin-bottom:var(--s)}.elementselectormodal .nav-close,.customize-sources-modal .nav-close{height:var(--touch-target-size);width:var(--touch-target-size)}.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}body.ltr .activity-container:not(:last-child){margin-right:var(--s)}body.rtl .activity-container:not(:last-child){margin-left:var(--s)}.activity-container ul{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--xs)}.activity-container ul li .activity-btn{width:30px;height:30px;border-radius:50%;display:block}.activity-container ul li .activity-btn .elementthumb{position:relative;width:100%;height:100%;border-radius:50px;background:var(--gray-050);overflow:hidden;border:2px solid var(--white);box-shadow:0 1px 2px 1px rgba(31,41,51,.1)}.activity-container ul li .activity-btn .elementthumb img,.activity-container ul li .activity-btn .elementthumb svg{display:block;width:100%;height:100%}body.ltr .activity-container ul li:not(:last-child){margin-right:-10px}body.rtl .activity-container ul li:not(:last-child){margin-left:-10px}.element-index-view-menu{width:400px;max-width:calc(100% - 20px);padding:0 !important}.element-index-view-menu .meta{padding-top:var(--s);padding-bottom:var(--s)}.element-index-view-menu .table-columns-field{align-items:flex-start}.element-index-view-menu .table-columns-field .input{padding:13px 0}.element-index-view-menu .menu-footer{margin:0 !important;padding:var(--s) var(--xl) !important;background-color:var(--gray-050)}.element-index-view-menu-table-column{display:flex;align-items:flex-start;align-content:stretch;margin-bottom:4px}.element-index-view-menu-table-column .icon.move{position:relative;z-index:1}body.ltr .element-index-view-menu-table-column .icon.move{margin-right:10px}body.rtl .element-index-view-menu-table-column .icon.move{margin-left:10px}.sort-field .input .flex .btngroup .btn{width:42px}.sort-field .input .flex .flex-grow{max-width:calc(100% - 85px - var(--s))}@media screen and (max-width: 350px){.sort-field .input .flex{flex-direction:column}.sort-field .input .flex>*{width:100%}.sort-field .input .flex .flex-grow{max-width:none}}.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)}.so-content .address-cards{grid-template-columns:repeat(1, minmax(0, 1fr)) !important}.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))}.so-content .address-cards{grid-template-columns:repeat(2, minmax(0, 1fr)) !important}}@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,.login-modal-shade,#logoutwarningmodal,.login-modal,#elevatedsessionmodal,.prompt{z-index:1001}#logoutwarningmodal,#elevatedsessionmodal,.prompt{width:500px}.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}.deleteusermodal div.elements{list-style:none}.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}.video-transcript{background-color:var(--gray-050);overflow-y:scroll;font-size:1rem;position:relative}body:not(.reduce-focus-visibility) .video-transcript:focus,body.reduce-focus-visibility .video-transcript:focus-visible{box-shadow:none;color:var(--white);background-color:var(--gray-800)}.video-transcript__inner{margin-left:auto;margin-right:auto;max-width:550px;padding:var(--xl)}.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.padded{padding:var(--s) calc(var(--m) + var(--s))}.menu.padded hr{margin:var(--s) calc((var(--m) + var(--s))*-1)}.menu.padded ul li{margin:0 calc(var(--m)*-1);padding:0 var(--m)}.menu.padded ul li a{border-radius:var(--large-border-radius)}.menu.padded .extralight{margin-top:2px}.menu h6:first-child,.menu .h6:first-child{margin-top:14px !important}body.ltr .menu ul.padded li a,body.ltr .menu ul.padded li .menu-item,body.ltr .menu ul.padded li .menu-option{padding-left:calc(var(--m) + 1.125rem)}body.rtl .menu ul.padded li a,body.rtl .menu ul.padded li .menu-item,body.rtl .menu ul.padded li .menu-option{padding-right:calc(var(--m) + 1.125rem)}.menu ul.padded li a.sel:not([data-icon]):before,.menu ul.padded li .menu-item.sel:not([data-icon]):before,.menu ul.padded li .menu-option.sel:not([data-icon]):before{font-size:14px;width:14px;content:\"check\";color:var(--ui-control-color);margin-top:3px !important}body.ltr .menu ul.padded li a.sel:not([data-icon]):before,body.ltr .menu ul.padded li .menu-item.sel:not([data-icon]):before,body.ltr .menu ul.padded li .menu-option.sel:not([data-icon]):before{float:left}body.rtl .menu ul.padded li a.sel:not([data-icon]):before,body.rtl .menu ul.padded li .menu-item.sel:not([data-icon]):before,body.rtl .menu ul.padded li .menu-option.sel:not([data-icon]):before{float:right}body.ltr .menu ul.padded li a.sel:not([data-icon]):before,body.ltr .menu ul.padded li .menu-item.sel:not([data-icon]):before,body.ltr .menu ul.padded li .menu-option.sel:not([data-icon]):before{margin:4px 0 0 calc(-1.125rem - 4px)}body.rtl .menu ul.padded li a.sel:not([data-icon]):before,body.rtl .menu ul.padded li .menu-item.sel:not([data-icon]):before,body.rtl .menu ul.padded li .menu-option.sel:not([data-icon]):before{margin:4px calc(-1.125rem - 4px) 0 0}.menu ul li a,.menu ul li .menu-item,.menu ul li .menu-option{margin:0 -14px;padding:10px 14px;white-space:nowrap;font-size:14px;-webkit-appearance:none}body.ltr .menu ul li a:not(:last-child),body.ltr .menu ul li .menu-item:not(:last-child),body.ltr .menu ul li .menu-option:not(:last-child){margin-right:0}body.rtl .menu ul li a:not(:last-child),body.rtl .menu ul li .menu-item:not(:last-child),body.rtl .menu ul li .menu-option:not(:last-child){margin-left:0}.menu ul li a:not(.flex):not(.hidden),.menu ul li .menu-item:not(.flex):not(.hidden),.menu ul li .menu-option:not(.flex):not(.hidden){display:block;width:calc(100% + 28px)}body.ltr .menu ul li a:not(.flex):not(.hidden),body.ltr .menu ul li .menu-item:not(.flex):not(.hidden),body.ltr .menu ul li .menu-option:not(.flex):not(.hidden){text-align:left}body.rtl .menu ul li a:not(.flex):not(.hidden),body.rtl .menu ul li .menu-item:not(.flex):not(.hidden),body.rtl .menu ul li .menu-option:not(.flex):not(.hidden){text-align:right}.menu ul li a.flex [data-icon],.menu ul li .menu-item.flex [data-icon],.menu ul li .menu-option.flex [data-icon]{margin-top:-2px}.menu ul li a.sel,.menu ul li .menu-item.sel,.menu ul li .menu-option.sel{cursor:default}.menu ul li a .shortcut,.menu ul li .menu-item .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-item .shortcut,body.ltr .menu ul li .menu-option .shortcut{float:right}body.rtl .menu ul li a .shortcut,body.rtl .menu ul li .menu-item .shortcut,body.rtl .menu ul li .menu-option .shortcut{float:left}body.ltr .menu ul li a .shortcut,body.ltr .menu ul li .menu-item .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-item .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}.menu .go:after{color:inherit}.menu:not(.menu--disclosure) ul li a,.menu ul li .menu-item,.menu ul li .menu-option{color:#3f4d5a;text-decoration:none;cursor:default}.menu li>a[data-icon]:before,.menu li>a [data-icon]:before,.menu li>a span.icon:not([data-icon]),.menu li>button[data-icon]:before,.menu li>button [data-icon]:before,.menu li>button span.icon:not([data-icon]){display:inline-block;width:.875rem;height:.875rem}body.ltr .menu li>a[data-icon]:before,body.ltr .menu li>a [data-icon]:before,body.ltr .menu li>a span.icon:not([data-icon]),body.ltr .menu li>button[data-icon]:before,body.ltr .menu li>button [data-icon]:before,body.ltr .menu li>button span.icon:not([data-icon]){margin-left:-1px}body.rtl .menu li>a[data-icon]:before,body.rtl .menu li>a [data-icon]:before,body.rtl .menu li>a span.icon:not([data-icon]),body.rtl .menu li>button[data-icon]:before,body.rtl .menu li>button [data-icon]:before,body.rtl .menu li>button span.icon:not([data-icon]){margin-right:-1px}body.ltr .menu li>a[data-icon]:before,body.ltr .menu li>a [data-icon]:before,body.ltr .menu li>a span.icon:not([data-icon]),body.ltr .menu li>button[data-icon]:before,body.ltr .menu li>button [data-icon]:before,body.ltr .menu li>button span.icon:not([data-icon]){margin-right:9px}body.rtl .menu li>a[data-icon]:before,body.rtl .menu li>a [data-icon]:before,body.rtl .menu li>a span.icon:not([data-icon]),body.rtl .menu li>button[data-icon]:before,body.rtl .menu li>button [data-icon]:before,body.rtl .menu li>button span.icon:not([data-icon]){margin-left:9px}.menu li>a[data-icon]:before,.menu li>a [data-icon]:before,.menu li>button[data-icon]:before,.menu li>button [data-icon]:before{position:relative;top:-2px;text-align:center;font-size:14px;color:var(--ui-control-color)}.menu li>a span.icon:not([data-icon]) svg,.menu li>button span.icon:not([data-icon]) svg{display:block;position:relative;top:1px;width:100%;height:100%}.menu li>a span.icon:not([data-icon]) svg rect,.menu li>a span.icon:not([data-icon]) svg circle,.menu li>a span.icon:not([data-icon]) svg ellipse,.menu li>a span.icon:not([data-icon]) svg line,.menu li>a span.icon:not([data-icon]) svg polyline,.menu li>a span.icon:not([data-icon]) svg polygon,.menu li>a span.icon:not([data-icon]) svg path,.menu li>a span.icon:not([data-icon]) svg text,.menu li>button span.icon:not([data-icon]) svg rect,.menu li>button span.icon:not([data-icon]) svg circle,.menu li>button span.icon:not([data-icon]) svg ellipse,.menu li>button span.icon:not([data-icon]) svg line,.menu li>button span.icon:not([data-icon]) svg polyline,.menu li>button span.icon:not([data-icon]) svg polygon,.menu li>button span.icon:not([data-icon]) svg path,.menu li>button span.icon:not([data-icon]) svg text{fill:var(--icon-color, var(--ui-control-color));stroke-width:0}.menu li>a.error[data-icon]:before,.menu li>a.error [data-icon]:before,.menu li>button.error[data-icon]:before,.menu li>button.error [data-icon]:before{color:var(--error-color)}.menu li>a.error span.icon:not([data-icon]) svg rect,.menu li>a.error span.icon:not([data-icon]) svg circle,.menu li>a.error span.icon:not([data-icon]) svg ellipse,.menu li>a.error span.icon:not([data-icon]) svg line,.menu li>a.error span.icon:not([data-icon]) svg polyline,.menu li>a.error span.icon:not([data-icon]) svg polygon,.menu li>a.error span.icon:not([data-icon]) svg path,.menu li>a.error span.icon:not([data-icon]) svg text,.menu li>button.error span.icon:not([data-icon]) svg rect,.menu li>button.error span.icon:not([data-icon]) svg circle,.menu li>button.error span.icon:not([data-icon]) svg ellipse,.menu li>button.error span.icon:not([data-icon]) svg line,.menu li>button.error span.icon:not([data-icon]) svg polyline,.menu li>button.error span.icon:not([data-icon]) svg polygon,.menu li>button.error span.icon:not([data-icon]) svg path,.menu li>button.error span.icon:not([data-icon]) svg text{fill:var(--error-color);stroke-width:0}.menu:not(.menu--disclosure) ul li a:not(.sel):not(.disabled):hover,.menu:not(.menu--disclosure) ul li .menu-item:not(.sel):not(.disabled):hover,.menu:not(.menu--disclosure) ul li .menu-option:not(.sel):not(.disabled):hover,.menu:not(.menu--disclosure):not(:hover) ul li a:not(.sel):not(.disabled).hover,.menu:not(.menu--disclosure):not(:hover) ul li .menu-item:not(.sel):not(.disabled).hover,.menu:not(.menu--disclosure):not(:hover) ul li .menu-option:not(.sel):not(.disabled).hover{color:#3f4d5a;background-color:#f3f7fc}body.ltr .menu hr.padded,body.ltr .menu .h6.padded,body.ltr .menu h6.padded{margin-left:20px}body.rtl .menu hr.padded,body.rtl .menu .h6.padded,body.rtl .menu h6.padded{margin-right:20px}.menu--disclosure ul li>a:not(.crumb-link):hover,.menu--disclosure ul li>.menu-item:hover,.menu--disclosure ul li>.menu-option:hover{color:#3f4d5a;background-color:#f3f7fc}body:not(.reduce-focus-visibility) .menu--disclosure ul li>a:not(.crumb-link):focus,body.reduce-focus-visibility .menu--disclosure ul li>a:not(.crumb-link):focus-visible,body:not(.reduce-focus-visibility) .menu--disclosure ul li>.menu-item:focus,body.reduce-focus-visibility .menu--disclosure ul li>.menu-item: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 .chip.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 .chip,body.rtl .tagselect.elementselect .chip{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}.selectize-control.single .selectize-input:not(.no-arrow)::after{display:none}.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:calc(var(--large-border-radius) - 1px)}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:calc(var(--large-border-radius) - 1px)}.text,.passwordwrapper,.border-box,.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:-1.6875rem 7px 0 0}body.rtl .chars-left{margin:-1.6875rem 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%;border-radius:1px;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);box-shadow:0 0 5px rgba(36,99,235,.15)}.field>.status-badge.outdated{background-color:var(--pending-color);box-shadow:0 0 5px rgba(251,146,60,.15)}.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}.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{position:relative;top:-0.0625rem;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>.input input:disabled,.field>.input textarea:disabled{cursor:not-allowed}.field>.notice,.field>.warning{margin:5px 0 0}.field>.instructions,.field>.heading>.instructions,.checkboxfield .instructions{color:var(--custom-text-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:1rem;min-height:1rem;cursor:pointer}body.ltr input.checkbox+label,body.ltr div.checkbox{padding-left:calc(1rem + 5px)}body.rtl input.checkbox+label,body.rtl div.checkbox{padding-right:calc(1rem + 5px)}input.checkbox+label,input.checkbox+label:before,div.checkbox,div.checkbox:before{border-radius:var(--small-border-radius)}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}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}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 .info,div.checkbox .info{height:16px}input.checkbox:disabled+label,.disabled div.checkbox{cursor:not-allowed}input.checkbox:checked+label:before,div.checkbox.checked:before,.sel div.checkbox:before,input.checkbox:indeterminate+label:before,div.checkbox.indeterminate:before,.elementselectormodal .body .content .main .elements .disabled .checkbox:before{font-family:\"Craft\";speak:never;-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;line-height:var(--checkbox-size);color:var(--gray-900)}input.checkbox:checked:not(:indeterminate)+label:before,div.checkbox.checked:not(.indeterminate):before,.sel:not(.matrixblock) div.checkbox:not(.indeterminate):before,.sel.matrixblock>.actions div.checkbox:not(.indeterminate):before,.elementselectormodal .body .content .main .elements .disabled .checkbox:before{content:\"check\";font-size:14px}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)}.checkbox-icon{display:inline-flex;padding:3px;background-color:var(--enabled-color);color:var(--white);border-radius:var(--small-border-radius)}.checkbox-icon:before{--checkbox-size: 14px;font-family:\"Craft\";speak:never;-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;content:\"check\";line-height:var(--checkbox-size);font-size:var(--checkbox-size)}body:not(.reduce-focus-visibility) .monaco-mouse-cursor-text:focus,body.reduce-focus-visibility .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:calc(1rem + 5px)}body.rtl .checkboxfield .instructions,body.rtl .checkboxfield .notice,body.rtl .checkboxfield .warning{padding-right:calc(1rem + 5px)}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:calc(1rem + 5px)}body.rtl input.radio+label,body.rtl div.radio{padding-right:calc(1rem + 5px)}input.radio:disabled+label,.disabled div.radio{cursor:not-allowed}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: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:2.125rem}.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)}td.errors .text,.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:calc(50% - .4375rem);color:var(--ui-control-color)}body.ltr .texticon.icon:before{left:9px}body.rtl .texticon.icon:before{right:9px}.texticon .texticon-icon{position:absolute;top:1.0625rem;transform:translateY(-50%);display:flex;justify-content:center;align-items:center}body.ltr .texticon .texticon-icon{left:9px}body.rtl .texticon .texticon-icon{right:9px}body.ltr .texticon .text{padding-left:1.625rem}body.rtl .texticon .text{padding-right:1.625rem}.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:1.0625rem;transform:translateY(-50%);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:never;-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;content:\"filter\";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,.texticon.has-filter-btn .filter-btn[aria-expanded=true]{background-color:var(--gray-350)}.texticon.has-filter-btn .filter-btn:active:before,.texticon.has-filter-btn .filter-btn.active:before,.texticon.has-filter-btn .filter-btn[aria-expanded=true]:before{color:var(--white)}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-wrap:nowrap;flex-direction:row;align-items:center;gap: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:never;-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;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)}.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:.4375rem;height:.4375rem;border:solid currentColor;border-width:0 .125rem .125rem 0;opacity:.8;position:relative;transform:rotate(45deg);position:absolute;z-index:1;top:calc(50% - 5px);user-select:none;pointer-events:none;color:var(--ui-control-color)}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-control .selectize-input.disabled,.custom-select.disabled{opacity:1;cursor:not-allowed !important;pointer-events:auto !important}.selectize-control .selectize-input.disabled *,.custom-select.disabled *{cursor:not-allowed !important;pointer-events:auto !important}.selectize .selectize-input{display:block;border-color:inherit;box-shadow:none;background-color:rgba(0,0,0,0)}.selectize .selectize-input .item{max-width:100%}.selectize .selectize-input .item span{overflow:hidden;text-overflow:ellipsis}.selectize.select .selectize-input:after{display:none}body .selectize-dropdown{border:none;z-index:101}.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){width:25em;max-width:100%}.datetimewrapper .selectize.select:not(.fullwidth){max-width:calc(100% - 29px)}.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:.4375rem;height:.4375rem;border:solid currentColor;border-width:0 .125rem .125rem 0;opacity:.8;position:relative;transform:rotate(45deg);position:absolute;z-index:1;top:calc(50% - 5px);user-select:none;pointer-events:none;color:var(--ui-control-color)}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:never;-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;content:\"remove\"}body .selectize-dropdown{margin-top:1px}body .selectize-dropdown [data-selectable],body .selectize-dropdown .option,body .selectize-dropdown .optgroup-header{margin:0 -14px;padding:10px 14px;color:#3f4d5a;text-decoration:none;white-space:nowrap}body .selectize-dropdown .optgroup{padding-top:5px}body .selectize-dropdown .optgroup:not(:first-child){border-top:1px solid var(--hairline-color)}body .selectize-dropdown .optgroup .option{padding-left:24px}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:not(.selected),body .selectize-dropdown .option:hover{background-color:var(--gray-100)}body .selectize-dropdown .selected{color:#3f4d5a;background-color:#f3f7fc;cursor:default !important}body .selectize-dropdown .selected .light{color:inherit !important}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);max-height:70vh}body .selectize-dropdown-content .option{min-height:18px}body .selectize-dropdown-content>div[data-value=new]:before{font-family:\"Craft\";speak:never;-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;content:\"plus\";margin-right:5px}body .selectize-dropdown-content>div[data-value=new]:after{content:\"…\"}body.no-scroll .selectize-dropdown-content{max-height:200px}.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:.4375rem;height:.4375rem;border:solid currentColor;border-width:0 .125rem .125rem 0;opacity:.8;position:relative}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:.4375rem;height:.4375rem;border:solid currentColor;border-width:0 .125rem .125rem 0;opacity:.8;position:relative}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:1rem;white-space:nowrap}.slide-picker a{position:relative;border:1px solid var(--hairline-color);background-image:none;width:calc(.5rem - 1px);height:calc(1rem - 2px);margin-left:0;margin-top:1px;margin-bottom:1px;box-sizing:border-box;cursor:pointer}body.ltr .slide-picker a{border-left:none}body.rtl .slide-picker a{border-right:none}.slide-picker a:first-child{width:.5rem}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 a:before{content:\"\";position:absolute;top:calc(-0.25rem - 1px);left:-1px;width:calc(100% + 2px);height:var(--touch-target-size)}.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:1rem;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)}.icon-picker{display:flex;flex-direction:row;align-items:center;gap:var(--xs)}.icon-picker--icon{display:flex;align-items:center;justify-content:center;border-radius:3px;border:1px solid rgba(96,125,159,.25);background-color:#fbfcfe;background-clip:padding-box;border-radius:var(--ui-control-border-radius);width:var(--ui-control-height);height:var(--ui-control-height);background:var(--gray-050)}.icon-picker--icon svg{width:1.25rem;height:1.25rem}.icon-picker--icon svg rect,.icon-picker--icon svg circle,.icon-picker--icon svg ellipse,.icon-picker--icon svg line,.icon-picker--icon svg polyline,.icon-picker--icon svg polygon,.icon-picker--icon svg path,.icon-picker--icon svg text{fill:var(--ui-control-color);stroke-width:0}.icon-picker-modal{--width: calc(var(--ui-control-height) * 10 + var(--s) * 9 + var(--xl) * 2);width:var(--width) !important;min-width:0 !important;max-width:calc(100% - 20px) !important}.icon-picker-modal .body{height:100%;display:flex;flex-direction:column;gap:var(--l)}.icon-picker-modal .body .icon-picker-modal--list{flex:1;position:relative;overflow:hidden}.icon-picker-modal .body .icon-picker-modal--list:not(.loading) .spinner{display:none}.icon-picker-modal .body .icon-picker-modal--list.loading:after{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";background-color:rgba(255,255,255,.75)}.icon-picker-modal .body .icon-picker-modal--list.loading .spinner{top:calc(50% - 10px);z-index:1}.icon-picker-modal .body .icon-picker-modal--list ul{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:start;gap:var(--s);max-height:100%;overflow:auto}.icon-picker-modal .body .icon-picker-modal--list ul .icon-picker--icon{--focus-ring: var(--inner-focus-ring)}.icon-picker-modal .body .icon-picker-modal--list ul .icon-picker--icon:hover{border-color:var(--link-color);background-color:var(--blue-100)}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)}body.setup-2fa{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%}body.setup-2fa #setup-2fa{display:flex;flex-direction:column;gap:var(--l);width:550px;max-width:100%;padding:var(--padding)}body.setup-2fa #setup-2fa #setup-2fa-intro{text-align:center}body.setup-2fa #setup-2fa #setup-2fa-btn{display:flex;justify-content:center}.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:#3f4d5a;background-color:#f3f7fc;cursor:pointer}.matrix>.buttons{margin-top:10px}.matrixblock{position:relative;margin-bottom:10px;padding:0 var(--m) var(--m);border-radius:var(--large-border-radius);border:2px solid var(--gray-100);background-color:var(--white)}.matrixblock.static .titlebar{margin-bottom:14px}body.ltr .matrixblock.static .titlebar{padding-right:0}body.rtl .matrixblock.static .titlebar{padding-left:0}body.ltr .matrixblock.static .titlebar{padding-left:14px}body.rtl .matrixblock.static .titlebar{padding-right:14px}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn),.matrixblock>.actions .action-btn{padding:0;width:var(--touch-target-size);height:var(--touch-target-size);color:var(--custom-text-color, var(--ui-control-color));background-color:rgba(0,0,0,0)}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn):hover,.matrixblock>.actions .action-btn:hover{backdrop-filter:brightness(90%)}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn):active,.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn)[aria-expanded=true],.matrixblock>.actions .action-btn:active,.matrixblock>.actions .action-btn[aria-expanded=true]{backdrop-filter:brightness(85%)}.matrixblock .flex-fields{--row-gap: var(--m) !important}.matrixblock>.titlebar{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:var(--m);margin:0 calc(var(--m)*-1);box-sizing:border-box;border-radius:calc(var(--large-border-radius) - 2px) calc(var(--large-border-radius) - 2px) 0 0;color:var(--custom-text-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:var(--gray-050);min-height:calc(var(--lh) + 10px)}body.ltr .matrixblock>.titlebar{padding:5px calc(var(--m) + 70px) 5px var(--m)}body.rtl .matrixblock>.titlebar{padding:5px var(--m) 5px calc(var(--m) + 70px)}.matrixblock>.titlebar>.preview{flex-grow:1;min-width:0;opacity:0;transition:opacity linear 100ms;overflow:hidden}.matrixblock>.titlebar>.preview:empty{display:none}body.ltr .matrixblock>.titlebar>.preview{mask-image:linear-gradient(to left, rgba(0, 0, 0, 0), rgb(0, 0, 0) 12px)}body.rtl .matrixblock>.titlebar>.preview{mask-image:linear-gradient(to right, rgba(0, 0, 0, 0), rgb(0, 0, 0) 12px)}.matrixblock>.titlebar>.preview span{opacity:.5}.matrixblock>.titlebar>.matrixblock-tabs{flex:1;min-width:0;margin:-5px 0}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs{margin:0}body.ltr .matrixblock>.titlebar>.matrixblock-tabs .pane-tabs{padding-right:3px}body.rtl .matrixblock>.titlebar>.matrixblock-tabs .pane-tabs{padding-left:3px}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs [role=tablist]{padding:0 12px}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs [role=tablist].scrollable{mask-image:linear-gradient(to right, rgba(0, 0, 0, 0), rgb(0, 0, 0) 12px, rgb(0, 0, 0) calc(100% - 12px), rgba(0, 0, 0, 0) 100%)}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs [role=tablist] [role=tab]{background-color:rgba(0,0,0,0)}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs [role=tablist] [role=tab] .tab-label{height:calc(var(--lh) + 10px);padding:0 var(--m)}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn){margin-left:0;margin-right:0}body.ltr .matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn):not(:empty):not(.btn-empty)::after{margin-left:0px}body.rtl .matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn):not(:empty):not(.btn-empty)::after{margin-right:0px}body.ltr .matrixblock>.titlebar>.preview:first-child:empty+.matrixblock-tabs{margin-left:calc((var(--m) + 12px)*-1)}body.rtl .matrixblock>.titlebar>.preview:first-child:empty+.matrixblock-tabs{margin-right:calc((var(--m) + 12px)*-1)}body.ltr .matrixblock>.titlebar>.preview:first-child:empty+.matrixblock-tabs [role=tab]:first-child,body.ltr .matrixblock>.titlebar>.preview:first-child:empty+.matrixblock-tabs [role=tab]:first-child .tab-label{border-top-left-radius:calc(var(--large-border-radius) - 2px)}body.rtl .matrixblock>.titlebar>.preview:first-child:empty+.matrixblock-tabs [role=tab]:first-child,body.rtl .matrixblock>.titlebar>.preview:first-child:empty+.matrixblock-tabs [role=tab]:first-child .tab-label{border-top-right-radius:calc(var(--large-border-radius) - 2px)}body.ltr .matrixblock.disabled-entry>.titlebar{padding-right:100px}body.rtl .matrixblock.disabled-entry>.titlebar{padding-left:100px}.matrixblock.disabled-entry>.actions>.status.off{display:block}.matrixblock.collapsed>.titlebar{border-radius:calc(var(--large-border-radius) - 2px)}.matrixblock.collapsed>.titlebar>.preview{opacity:1}.matrixblock>.actions{display:flex;align-items:center;gap:var(--xs);position:absolute;top:0;cursor:default;min-height:calc(var(--lh) + 10px)}body.ltr .matrixblock>.actions{right:var(--m)}body.rtl .matrixblock>.actions{left:var(--m)}.matrixblock>.actions>*{margin:0 !important}.matrixblock>.actions>.status.off{display:none}.matrixblock>.actions a:not([data-action]){padding:0;height:var(--touch-target-size);text-align:center;color:var(--dark-hairline-color);transform:color linear 100ms}.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:var(--l)}.matrixblock>.fields>.flex-fields>.field:before{display:none}body.ltr .matrixblock>.fields>.flex-fields>.field>.status-badge{left:-2px}body.rtl .matrixblock>.fields>.flex-fields>.field>.status-badge{right:-2px}.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}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);--sidebar-width: 226px;--global-sidebar-width: 226px}html{-webkit-text-size-adjust:100%;min-height:100vh}body{min-height:100vh}body.dragging *{cursor:move !important;cursor:grabbing !important}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;min-height:100vh}@media screen and (prefers-reduced-motion: no-preference){body.ltr #global-container{transition:left 100ms cubic-bezier(0.33, 1, 0.68, 1)}body.rtl #global-container{transition:right 100ms cubic-bezier(0.33, 1, 0.68, 1)}}#system-info{display:grid;grid-template-columns:var(--prefix-width) auto;gap:10px;height:2.8125rem;padding:0 var(--gutter-width);position:relative;flex:0 0 2.8125rem;flex-direction:row;align-items:center;color:currentColor;border-bottom:1px solid var(--hairline-color);background-clip:padding-box}#system-info:after{display:none}#system-info:focus,#system-info:hover{text-decoration:none;background-color:var(--gray-200)}#site-icon{--size: var(--prefix-width);height:var(--size)}#site-icon img,#site-icon svg{display:block;width:var(--size);height:var(--size);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}@media only screen and (min-width: 1200px){[data-sidebar=collapsed] #system-info:hover #system-name{opacity:1;transform:translateY(-50%) translateX(0)}[data-sidebar=collapsed] #system-name{position:absolute;left:calc(100% + var(--s)*2);top:50%;transform:translateY(-50%) translateX(-5px);opacity:0;background:#fff;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);color:var(--text-color);border-radius:var(--medium-border-radius);padding:var(--xs) var(--s);white-space:nowrap;pointer-events:none}[data-sidebar=collapsed] #system-name:focus{box-shadow:var(--focus-ring)}}@media only screen and (min-width: 1200px)and (prefers-reduced-motion: no-preference){[data-sidebar=collapsed] #system-name{transition:opacity 50ms cubic-bezier(0.33, 1, 0.68, 1),transform 150ms cubic-bezier(0.33, 1, 0.68, 1)}}#global-footer{display:flex;flex-direction:column;align-items:center;padding:var(--m) var(--m) var(--xl);gap:var(--m)}body.has-debug-toolbar #global-footer{padding-bottom:calc(var(--xl) + 42px)}#global-footer a{white-space:nowrap}#app-info{display:flex;flex-direction:row;justify-content:center;gap:var(--m)}#trial-info{padding:16px var(--xl);border-radius:var(--large-border-radius);background-color:#dbe5f0;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 0 0 1px #bdcbdb,0 2px 12px rgba(205,216,228,.5);text-align:center}#app-version{display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--gray-600);text-align:center;gap:var(--s)}#app-version a{color:var(--gray-600);text-decoration:underline}#app-version a.go:hover:after{color:var(--gray-600)}#edition-logo{position:relative;top:-1px;user-select:none;border:1px solid var(--gray-600);border-radius:3px;display:inline-flex;box-sizing:content-box;font-size:11px;padding:6px 7px;line-height:8px;font-weight:600;letter-spacing:1.7px;padding-right:5px;text-transform:uppercase}#devmode{margin-top:auto;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}#alerts{position:relative;background-color:var(--red-050);border-left:6px solid var(--error-color);color:var(--error-color)}#alerts>li{padding:10px 24px;box-shadow:inset 0 -1px 0 0 var(--red-100)}#alerts>li .resolvable-alert-buttons{margin-top:var(--m)}#alerts>li .btn,#alerts>li a.go{display:inline-flex;align-items:center;border:1px solid rgba(220,38,38,.5);border-radius:var(--medium-border-radius);padding:4px 5px;margin:0 2px;color:var(--error-color);height:1.875rem}.flex #alerts>li .btn,.flex #alerts>li a.go{margin:0}#alerts>li .btn:hover,#alerts>li a.go:hover{border-color:var(--error-color)}#alerts>li a:not(.btn){color:var(--error-color);text-decoration:underline}#alerts>li a:not(.btn).go{text-decoration:none;white-space:nowrap}#alerts>li a:not(.btn).go:after{color:var(--error-color);font-size:15px;margin-top:1px}#alerts>li .btn{background-color:rgba(0,0,0,0)}#global-header .btn.menubtn,li.crumb .btn.menubtn,.btn.action-btn{padding:0;width:var(--touch-target-size);height:var(--touch-target-size)}#global-header .btn.menubtn:not(:hover):not(:active):not([aria-expanded=true]),li.crumb .btn.menubtn:not(:hover):not(:active):not([aria-expanded=true]),.btn.action-btn:not(:hover):not(:active):not([aria-expanded=true]){background-color:rgba(0,0,0,0)}#global-header{width:100%;margin-bottom:var(--m);border-bottom:1px solid var(--hairline-color)}#global-header .flex{height:2.75rem;align-items:center}#global-header .btn{--ui-control-color: var(--gray-400);--ui-control-hover-color: var(--gray-800);--ui-control-active-color: var(--gray-700)}#global-header .btn:hover{color:var(--ui-control-hover-color)}.nav-toggle{display:flex;align-items:center;justify-content:center;width:44px;min-width:44px;height:2.75rem;border-right:1px solid var(--medium-hairline-color);line-height:26px;color:currentColor;text-align:center}.nav-toggle:before{font-family:\"Craft\";speak:never;-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;content:\"menu\";font-size:16px;line-height:0}.nav-toggle:hover{color:var(--link-color)}#crumbs{display:flex;flex-direction:row;align-items:center;font-size:13px;margin:0 !important;max-width:100%;overflow:hidden}#crumbs.empty{display:none}#crumbs nav{margin:0}#primary-nav-toggle:focus-visible{box-shadow:var(--inner-focus-ring)}#crumb-list{display:flex;flex-direction:row;align-items:stretch;flex-wrap:nowrap;max-width:100%;height:2.75rem;--arrow-padding: 10;--arrow-height: 22;--arrow-angle: 35;--arrow-width: 17.1111;--arrow-c: 27.871}body.rtl #crumb-list{--arrow-angle: -35;--arrow-width: -19.4444}#crumb-list li.crumb{position:relative;cursor:default;color:var(--light-text-color)}body.ltr #crumb-list li.crumb{padding-left:calc(var(--arrow-width)*.5rem/16)}body.rtl #crumb-list li.crumb{padding-right:calc(var(--arrow-width)*.5rem/16)}body.ltr #crumb-list li.crumb:not(.current){padding-right:calc(var(--arrow-width)*1rem/16)}body.rtl #crumb-list li.crumb:not(.current){padding-left:calc(var(--arrow-width)*1rem/16)}#crumb-list li.crumb:not(.current):before,#crumb-list li.crumb:not(.current):after{display:block;content:\"\";width:1px;height:calc(var(--arrow-c)*1rem/16);position:absolute;background:var(--medium-hairline-color);pointer-events:none}body.ltr #crumb-list li.crumb:not(.current):before,body.ltr #crumb-list li.crumb:not(.current):after{right:calc(var(--arrow-width)*.5rem/16)}body.rtl #crumb-list li.crumb:not(.current):before,body.rtl #crumb-list li.crumb:not(.current):after{left:calc(var(--arrow-width)*.5rem/16)}#crumb-list li.crumb:not(.current):before{top:calc((var(--arrow-height) - var(--arrow-c))/2*1rem/16);transform:rotate(calc(var(--arrow-angle) * -1deg))}#crumb-list li.crumb:not(.current):after{bottom:calc((var(--arrow-height) - var(--arrow-c))/2*1rem/16);transform:rotate(calc(var(--arrow-angle) * 1deg))}#crumb-list .menu--disclosure li{display:block}#crumb-list .menu--disclosure li::after{content:none}#crumb-menu-trigger{min-width:var(--touch-target-size)}#crumb-menu-trigger:before{width:100%}#crumb-menu .chip{min-height:44px}li.crumb{display:flex;align-items:center;flex-wrap:nowrap;gap:var(--xs)}li.crumb [data-icon]{position:relative;top:-1px}li.crumb .menubtn{position:relative;margin:0 calc(var(--xs)*-1/2)}li.crumb [data-icon=ellipsis]:before{margin-top:3px;font-size:17px}li.crumb .chip{padding:0;background-color:rgba(0,0,0,0);--custom-bg-color: initial !important;--custom-text-color: initial !important;--custom-sel-bg-color: initial !important}li.crumb .chip .label-link{max-width:15em}li.crumb .chip .label-link:focus-visible{box-shadow:var(--inner-focus-ring)}li.crumb .chip .label-link span:not(.context-label){display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}li.crumb:has(.menubtn)>a{margin-right:0 !important;padding-right:var(--xs) !important}li.crumb>a{flex:1;display:flex !important;align-items:center;flex-wrap:nowrap;gap:var(--xs);white-space:nowrap}.menu--disclosure li.crumb>a{min-height:34px}li.crumb a,li.crumb button{display:inline-flex;align-items:center;min-height:var(--touch-target-size)}li.crumb a:not(:hover),li.crumb button:not(:hover){color:var(--text-color)}li.crumb a:hover,li.crumb button:hover{text-decoration:none}li.crumb a{position:relative}li.crumb button{cursor:pointer}li.breadcrumb-toggle-wrapper::after{content:none}#account-menu ul li a{max-width:calc(100% + 28px) !important}#announcements-btn{width:1.875rem;height:1.875rem;padding-left:0;padding-right:0;width:calc(1.75rem + 10px);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:.1875rem;width:.4375rem;height:.4375rem;border-radius:50%;background-color:var(--blue-600)}body.ltr #announcements-btn.unread:after{right:5px}body.rtl #announcements-btn.unread:after{left:5px}#announcements-btn svg{width:1rem;height:1rem}#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(--ui-control-active-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.unread .announcement__heading: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 .announcement__heading:after{left:-13px}body.rtl #announcements .announcement.unread .announcement__heading:after{right:-13px}#announcements .announcement p{margin:0}#announcements .announcement__header{display:grid}#announcements .announcement__heading{position:relative;margin:0 0 3px;order:1}#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-left:var(--s)}body.rtl #user-info{padding-right:var(--s)}body.ltr #user-info{padding-right:calc(var(--padding) + 1px)}body.rtl #user-info{padding-left:calc(var(--padding) + 1px)}#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 img,.header-photo svg{display:block;width:1.875rem;height:1.875rem;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,#user-info:hover .header-photo svg{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}body.has-debug-toolbar #notifications{bottom:50px}@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;word-break:normal;overflow-wrap:anywhere}#notifications .notification .notification-body .notification-details{margin-top:var(--xs)}#notifications .notification .notification-body .notification-details .chip{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)}@media only screen and (min-width: 1200px){#primary-nav-toggle{display:none}body.ltr #crumbs:not(.empty) #primary-nav-toggle+nav ul li:first-child,body.ltr #crumbs.empty+.context-menu-container{margin-left:var(--padding)}body.rtl #crumbs:not(.empty) #primary-nav-toggle+nav ul li:first-child,body.rtl #crumbs.empty+.context-menu-container{margin-right:var(--padding)}body.ltr #crumbs:not(.empty) #primary-nav-toggle+nav ul li:first-child,body.ltr #crumbs.empty+.context-menu-container{padding-left:0}body.rtl #crumbs:not(.empty) #primary-nav-toggle+nav ul li:first-child,body.rtl #crumbs.empty+.context-menu-container{padding-right:0}}#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:5px var(--padding);position:relative;z-index:2;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: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;justify-content:space-between}#toolbar .icon:before,#toolbar .texticon:before,#toolbar .menubtn:after,#toolbar [data-icon]:before,#toolbar [data-icon-after]:after{color:currentColor;opacity:.8}#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}@media only screen and (max-width: 400px){#action-buttons .btngroup .btn:first-child{flex-basis:100%}}@media only screen and (max-width: 973px){#action-buttons{margin-top:10px}}#main-content{display:flex;flex-direction:row;align-items:flex-start;padding:0 var(--padding) 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{position:relative;box-sizing:border-box;padding:0 31px var(--m);width:226px;background-color:rgba(0,0,0,0)}#sidebar.fixed{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{flex:1 1 auto;width:400px}#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:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width: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) var(--padding);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,.footer{padding:6px var(--pane-padding, var(--xl));min-height:44px;line-height:2rem}#footer .buttons,.footer .buttons{height:32px;display:flex;align-items:center}#footer .btn,.footer .btn{padding-top:4px;padding-bottom:4px;height:var(--ui-control-height--small)}#footer{position:sticky;bottom:0;z-index:1;margin:calc(var(--xl) + 1px) calc(var(--padding)*-1 + 2px) calc(var(--xl)*-1 + 2px);background-color:var(--gray-050);border-radius:var(--small-border-radius);box-sizing:border-box}#footer:empty{display:none}#footer.stuck{border-radius:0}@supports(backdrop-filter: blur(10px)){#footer.stuck{background-color:rgba(228,237,246,.75);backdrop-filter:blur(10px)}}.has-debug-toolbar #footer{transition:padding linear 100ms}.has-debug-toolbar #footer.stuck{padding-bottom:52px}#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;z-index:1}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}#details .details{padding-bottom:calc(var(--xl) + 11.5em)}#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:var(--large-border-radius);padding-top:var(--m);padding-bottom:var(--m)}@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)}#details .details{margin-bottom:auto}}@media only screen and (max-width: 767px){:root{--padding: var(--s);--neg-padding: calc(var(--s) * -1)}#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}.card-grid{display:flex !important;flex-direction:column}}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:0 var(--xl)}.sidebar .heading:not(:first-child){margin-top:var(--m)}.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 .heading>ul{margin:2px calc(var(--xl)*-1)}.sidebar nav{padding:0 var(--s)}body.ltr .sidebar nav>ul>li:not(.heading)>a,body.ltr .sidebar nav>ul>li.heading>ul>li>a{padding-left:24px}body.rtl .sidebar nav>ul>li:not(.heading)>a,body.rtl .sidebar nav>ul>li.heading>ul>li>a{padding-right:24px}body.ltr .sidebar nav>ul>li:not(.heading)>.toggle,body.ltr .sidebar nav>ul>li.heading>ul>li>.toggle{left:calc(var(--m)*0)}body.rtl .sidebar nav>ul>li:not(.heading)>.toggle,body.rtl .sidebar nav>ul>li.heading>ul>li>.toggle{right:calc(var(--m)*0)}body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>a,body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>a{padding-left:38px}body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>a,body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>a{padding-right:38px}body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>.toggle,body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>.toggle{left:calc(var(--m)*1)}body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>.toggle,body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>.toggle{right:calc(var(--m)*1)}body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>a,body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>a{padding-left:52px}body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>a,body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>a{padding-right:52px}body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>.toggle,body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>.toggle{left:calc(var(--m)*2)}body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>.toggle,body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>.toggle{right:calc(var(--m)*2)}body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>a,body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>a{padding-left:66px}body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>a,body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>a{padding-right:66px}body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>.toggle,body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle{left:calc(var(--m)*3)}body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>.toggle,body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle{right:calc(var(--m)*3)}body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>a,body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>a{padding-left:80px}body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>a,body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>a{padding-right:80px}body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle,body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle{left:calc(var(--m)*4)}body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle,body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>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}.sidebar nav li:not(.has-subnav)>a.sel,.sidebar nav li:not(.has-subnav)>a.active-drop-target{cursor:default;background-color:var(--gray-500)}.sidebar nav li:not(.has-subnav)>a.sel,.sidebar nav li:not(.has-subnav)>a.sel+.toggle,.sidebar nav li:not(.has-subnav)>a.active-drop-target,.sidebar nav li:not(.has-subnav)>a.active-drop-target+.toggle{color:var(--white)}.sidebar nav li:not(.has-subnav)>a.sel{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:500}.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{position:relative;top:1px;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:1rem;height:1rem}.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:.6875rem;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.heading>ul,.sidebar nav li.expanded>ul{display:block}.error-summary{margin-bottom:var(--l);padding:var(--l) var(--xl) var(--xl);box-sizing:border-box;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);border-radius:var(--large-border-radius);background-color:var(--gray-050)}.error-summary .notification-icon{color:var(--error-color);margin:-2px 6px 0 0;float:left}.error-summary h2{margin-top:var(--xs)}.error-summary>ul.errors li,.error-summary>ul.errors li a{color:var(--text-color)}.error-summary>ul.errors li em,.error-summary>ul.errors li a em{font-weight:600}.error-summary>ul.errors li:hover,.error-summary>ul.errors li a:hover{color:var(--link-color)}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,.draghelper .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>*,.draghelper .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,.draghelper .flex-fields>h2{flex:4 0 100%}#content :not(.meta)>.flex-fields>h2:not(:nth-child(-n+1 of :not(.hidden))),#content>.flex-fields>h2:not(:nth-child(-n+1 of :not(.hidden))),.so-content .flex-fields>h2:not(:nth-child(-n+1 of :not(.hidden))),.draghelper .flex-fields>h2:not(:nth-child(-n+1 of :not(.hidden))){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,.draghelper .flex-fields>hr,.draghelper .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),.draghelper .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,.draghelper .flex-fields>:not(h2):not(hr):not(.line-break),.draghelper .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,.draghelper .flex-fields>:not(h2):not(hr):not(.line-break):before,.draghelper .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,body.ltr .draghelper .flex-fields>:not(h2):not(hr):not(.line-break):before,body.ltr .draghelper .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,body.rtl .draghelper .flex-fields>:not(h2):not(hr):not(.line-break):before,body.rtl .draghelper .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,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-25,.draghelper.drag-in-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,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-50,.draghelper.drag-in-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,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-75,.draghelper.drag-in-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,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-25,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-50,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25,.draghelper.drag-in-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,.draghelper.drag-in-slideout .flex-fields>:not(h2):not(hr):not(.line-break).width-25,.draghelper.drag-in-slideout .flex-fields>:not(h2):not(hr):not(.line-break).width-50,.draghelper.drag-in-slideout .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25,.draghelper.drag-in-slideout .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50{width:50%}}.global-sidebar{--is-always-visible: true;--prefix-width: calc(30rem / 16);--prefix-ratio: 1;--gutter-width: calc(10rem / 16);position:sticky;top:0;z-index:100;display:flex;flex-direction:column;height:100vh;padding:0;-webkit-overflow-scrolling:touch;background-color:rgba(0,0,0,0);border-right:1px solid var(--hairline-color);width:var(--global-sidebar-width)}.global-sidebar a{text-decoration:none}.global-sidebar>a:not([href]),.global-sidebar *:not(.has-subnav)>a:not([href]){cursor:default;background-color:rgba(0,0,0,0)}@media only screen and (max-width: 1199px){.global-sidebar{--is-always-visible: false}}.global-sidebar__nav{padding:var(--s) 0}.global-sidebar__footer{margin-block-start:auto;display:grid;gap:var(--s)}.global-nav>ul{display:flex;flex-direction:column;gap:var(--s)}.global-nav>ul>li{position:relative}.nav-icon{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;width:1rem;aspect-ratio:1;line-height:0;--thumb-size: 1rem}.nav-icon>svg{width:100%;height:100%}.nav-icon>svg rect,.nav-icon>svg circle,.nav-icon>svg ellipse,.nav-icon>svg line,.nav-icon>svg polyline,.nav-icon>svg polygon,.nav-icon>svg path,.nav-icon>svg text{fill:currentColor;stroke-width:0}.nav-item{--gutter-width: calc(10rem / 16);display:grid;grid-template-columns:var(--gutter-width) 1fr var(--prefix-width) var(--gutter-width);grid-template-areas:\". action trigger .\" \"subnav subnav subnav subnav\";align-items:center;width:100%}.nav-item>.sidebar-action{grid-area:action}[data-sidebar=collapsed] .nav-item{grid-template-areas:\". action .\" \". trigger .\" \"subnav subnav subnav\";grid-template-columns:var(--gutter-width) var(--prefix-width) var(--gutter-width)}.nav-item__trigger{--icon-size: 10px;--trigger-size: var(--touch-target-size);grid-area:trigger;display:flex;z-index:1}.nav-item__trigger .menubtn{padding:0;flex-direction:column;justify-content:center;align-items:center;width:var(--trigger-size);height:var(--trigger-size);border:rgba(0,0,0,0)}.nav-item__trigger .menubtn:hover{background-color:var(--ui-control-bg-color)}.nav-item__trigger .menubtn[aria-expanded=true]:not(:hover){background-color:rgba(0,0,0,0)}.nav-item__trigger .menubtn[aria-expanded=true]:after{display:block;content:\"\";font-size:0;width:.4375rem;height:.4375rem;border:solid currentColor;border-width:0 .125rem .125rem 0;opacity:.8;position:relative;transform:rotate(225deg);top:2px}.nav-item__trigger .menubtn:after{margin-left:0 !important}.nav-item__subnav{--prefix-ratio: 4/3;position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;grid-area:subnav}.nav-item__subnav.is-open{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.badge{display:inline-flex;justify-content:center;text-align:center;flex-shrink:1;font-size:11px;line-height:1rem;width:1.1rem;height:1rem;border-radius:var(--s);background-color:var(--medium-text-color);color:var(--white)}.sidebar-actions{padding:10px var(--gutter-width)}.sidebar-action{--thumb-size: 0.75rem;display:flex;width:100%;align-items:center;position:relative;text-align:left;border-radius:var(--medium-border-radius);color:currentColor;cursor:pointer;gap:7px;min-height:30px}.sidebar-action:before{content:\"\";position:absolute;left:-0.625rem;top:50%;height:80%;transform:translateY(-50%);width:var(--xs)}.sidebar-action:focus-visible,.sidebar-action:hover{background-color:var(--gray-200)}.sidebar-action.sel:before{--indicator-size: 6px;background-color:currentColor}.sidebar-action--sub{--indicator-size: 4px;font-size:.9em;min-height:26px}.sidebar-action--sub:before{width:var(--indicator-size);height:var(--indicator-size);border-radius:100%;left:calc(15px - var(--indicator-size)/2);top:50%;background-color:var(--gray-300)}.sidebar-action--job{align-items:flex-start}.sidebar-action--job .sidebar-action__label{padding-block:var(--xs)}.sidebar-action--job[href]:hover{background-color:rgba(0,0,0,0)}.sidebar-action--job[href]:hover .icon>span.icon>canvas#job-icon-hover{opacity:1}.sidebar-action--job .label{white-space:normal}.sidebar-action--job .progress-label{display:block;color:var(--gray-300);font-size:11px;line-height:1.5}.sidebar-action--job .nav-icon{display:block;position:relative;width:16px;height:16px}.sidebar-action--job .nav-icon>canvas{display:block;position:absolute;width:16px;height:16px}.sidebar-action--job .nav-icon>canvas#job-icon-hover{opacity:0}.sidebar-action__prefix{display:flex;align-items:center;justify-content:center;width:var(--prefix-width);aspect-ratio:var(--prefix-ratio);line-height:0;flex-shrink:0}.sidebar-action__label{display:inline-flex;gap:var(--s);align-items:center;padding:0 var(--xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-grow:1}.sidebar-action__badge{display:flex;flex-direction:column;justify-content:center;padding:0 var(--s);margin-left:auto}@media only screen and (min-width: 1200px){[data-sidebar=collapsed] .global-sidebar{--global-sidebar-width: calc(50rem / 16)}[data-sidebar=collapsed] .nav-item__indicator{right:-1px}[data-sidebar=collapsed] .sidebar-action{width:var(--prefix-width);min-height:var(--prefix-width)}[data-sidebar=collapsed] .sidebar-action:focus-visible .sidebar-action__label,[data-sidebar=collapsed] .sidebar-action:hover .sidebar-action__label{opacity:1;transform:translateY(-50%) translateX(0)}[data-sidebar=collapsed] .nav-item__trigger .menubtn{width:100%;height:auto;padding-block:2px var(--xs)}[data-sidebar=collapsed] .sidebar-action__label{position:absolute;z-index:10;left:calc(100% + var(--xs)*2);top:50%;transform:translateY(-50%) translateX(-5px);opacity:0;background:#fff;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);color:var(--text-color);border-radius:var(--medium-border-radius);padding:var(--xs) var(--s);pointer-events:none}[data-sidebar=collapsed] .sidebar-action__label:focus{box-shadow:var(--focus-ring)}}@media only screen and (min-width: 1200px)and (prefers-reduced-motion: no-preference){[data-sidebar=collapsed] .sidebar-action__label{transition:opacity 50ms cubic-bezier(0.33, 1, 0.68, 1),transform 150ms cubic-bezier(0.33, 1, 0.68, 1)}}@media only screen and (min-width: 1200px){[data-sidebar=collapsed] .sidebar-action__badge{z-index:100;position:absolute;right:calc(var(--xs)*-1);bottom:var(--xs);transform:translateY(25%);padding:0}[data-sidebar=collapsed] .sidebar-action--sub{min-height:26px}[data-sidebar=collapsed] .sidebar-action--sub:before{left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}[data-sidebar=collapsed] .global-nav>ul>li+li{--separator-width: calc(28rem / 16)}[data-sidebar=collapsed] .global-nav>ul>li+li:before{position:absolute;top:calc(var(--s)/-2);left:calc((var(--global-sidebar-width) - var(--separator-width))/2);content:\"\";width:var(--separator-width);height:1px;margin:0 auto;background-color:var(--hairline-color)}[data-sidebar=expanded] #sidebar-toggle-icon{transform:rotate(180deg)}}#sidebar-trigger{display:none}@media only screen and (min-width: 1200px){#sidebar-trigger{display:flex}}.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:5px 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:68px}}.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}body.ltr .lp-editor-container .lp-editor .matrixblock>.fields>.flex-fields>.field>.status-badge{left:calc(var(--m)*-1)}body.rtl .lp-editor-container .lp-editor .matrixblock>.fields>.flex-fields>.field>.status-badge{right:calc(var(--m)*-1)}.lp-editor-container .lp-draghandle{position:absolute;z-index:101;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:44px}}.lp-preview-container .lp-preview-header .lp-device-type .btn::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-preview-header .lp-device-type .btn.lp-device-type-btn--phone::before{background-image:url(../images/preview/icon-phone.svg)}.lp-preview-container .lp-preview-header .lp-device-type .btn.lp-device-type-btn--tablet::before{background-image:url(../images/preview/icon-tablet.svg)}.lp-preview-container .lp-preview-header .lp-device-type .btn.lp-device-type-btn--desktop::before{background-image:url(../images/preview/icon-desktop.svg)}.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-preview-container__bumper-link{top:unset;bottom:0}.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% - 44px);width:100%;background-color:var(--gray-100)}@supports(backdrop-filter: blur(10px)){.lp-preview-container .lp-iframe-container--has-device-preview{top:44px}}.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}}.login-container .login-form-container{background-color:var(--gray-050)}.login-container .login-form input[readonly]{cursor:not-allowed}.login-container .login-form>.field,.login-container .login-form>.btn{margin-top:var(--l)}.login-container .login-form>.field:not(:last-child):not(.last),.login-container .login-form>.btn:not(:last-child):not(.last){margin-bottom:var(--l)}.login-container .login-form .btn{display:flex}.login-container .alternative-login-methods{margin-top:var(--m)}.login-container .alternative-login-methods .btn{width:100%}.login-container .login-forgot-password,.login-container .login-alt-container button{font-size:11px;color:var(--medium-text-color);cursor:pointer !important}.login-container .login-alt-container{margin:calc(var(--s) - var(--xl)) 0}.login-container .login-alt-container button{display:inline-flex;background-color:rgba(0,0,0,0);padding:0;width:auto;height:auto;min-height:var(--touch-target-size)}.login-container .login-forgot-password:hover,.login-container .login-forgot-password:focus,.login-container .login-alt-container button:hover,.login-container .login-alt-container button:focus{color:var(--link-color)}.login-container .login-errors{text-align:center;color:var(--error-color);margin-top:1em}.login-alt-menu{z-index:1001}body.login{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%}body.login main{padding:var(--padding);width:calc(300px + var(--padding)*2);max-width:100%}body.login main h1{text-align:center;font-size:32px;line-height:40px;word-wrap:break-word}body.login main h1 #login-logo{width:100%;height:auto;max-height:300px}body.login #poweredby{display:block;text-align:center;margin-top:70px;margin-bottom:48px;opacity:.8}body.login #poweredby:hover,body.login #poweredby:focus,body.login #poweredby:active{opacity:1}body.login #poweredby>svg{display:inline-block}.modal.email-sent{width:300px}body.ltr .modal.email-sent .body{padding-left:68px}body.rtl .modal.email-sent .body{padding-right:68px}.modal.email-sent .body:before{font-family:\"Craft\";speak:never;-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;display:block;position:absolute;top:24px;content:\"mail\";font-size:30px;color:var(--link-color)}body.ltr .modal.email-sent .body:before{left:24px}body.rtl .modal.email-sent .body:before{right:24px}.login-modal{width:calc(600px + var(--l)*2);max-width:calc(100% - 20px);background:var(--gray-100);border-radius:var(--large-border-radius)}.login-modal .body{display:flex;flex-direction:row;padding:var(--l)}.login-modal .body .login-modal-intro,.login-modal .body .login-modal-form{width:300px;max-width:100%}.login-modal .body .login-modal-intro{padding:var(--m)}@media screen and (max-width: 656px){.login-modal{border-radius:var(--large-border-radius)}.login-modal .body{padding:var(--m);flex-direction:column;gap:var(--m);overflow:auto}.login-modal .body .login-modal-intro{padding:var(--xs) var(--xl)}.login-modal .body .login-modal-form{border-radius:0}}.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:265px}body.rtl .layoutdesigner{padding-left:265px}.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(212, 50%, 95%) 1px, transparent 0px),linear-gradient(to bottom, hsl(212, 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:265px;padding:14px;display:flex;flex-direction:column}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{margin:-3px;padding:3px;flex:1;min-height:0;overflow:auto}.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)}.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:288px;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;gap:var(--xs);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(212, 50%, 95%) 1px, transparent 0px),linear-gradient(to bottom, hsl(212, 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-element{position:relative;display:flex;align-items:center;padding:var(--s);gap:var(--s);box-shadow:inset 0 0 0 1px var(--hairline-color);border-radius:var(--medium-border-radius);background-color:var(--white)}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:not(.draghelper){box-shadow:none}.fld-element.fld-field .field-name{display:flex;flex-direction:column;gap:var(--xs)}.fld-element .fld-element-icon{text-align:center}.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}.fld-hr,.fld-br{position:relative;flex:1;display:flex;justify-content:center}.fld-hr:before,.fld-br:before{position:absolute;display:block;top:calc(50% - 2px);left:0;width:100%;height:4px;content:\"\";font-size:0;border-radius:2px}.fld-hr .smalltext,.fld-br .smalltext{position:relative;display:flex;justify-content:center;align-items:center;background-color:var(--gray-100);border-radius:var(--large-border-radius);padding:0 var(--s);height:var(--touch-target-size)}.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-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}body.has-debug-toolbar .modal.imageeditor .footer{padding-bottom:50px}.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:calc(1rem + 5px)}body.rtl .modal.imageeditor .body .views .crop .custom{padding-right:calc(1rem + 5px)}.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 --gray-050: hsl(var(--gray-050-hsl));\n --gray-100: hsl(var(--gray-100-hsl));\n --gray-200: hsl(var(--gray-200-hsl));\n --gray-300: hsl(var(--gray-300-hsl));\n --gray-350: hsl(var(--gray-350-hsl));\n --gray-400: hsl(var(--gray-400-hsl));\n --gray-500: hsl(var(--gray-500-hsl));\n --gray-550: hsl(var(--gray-550-hsl));\n --gray-600: hsl(var(--gray-600-hsl));\n --gray-700: hsl(var(--gray-700-hsl));\n --gray-800: hsl(var(--gray-800-hsl));\n --gray-900: hsl(var(--gray-900-hsl));\n --gray-1000: hsl(var(--gray-1000-hsl));\n\n --red-050: #fef2f2;\n --red-100: #fee2e2;\n --red-200: #fecaca;\n --red-300: #fca5a5;\n --red-400: #f87171;\n --red-500: #ef4444;\n --red-600: #dc2626;\n --red-700: #b91c1c;\n --red-800: #991b1b;\n --red-900: #7f1d1d;\n --red-950: #450a0a;\n\n --orange-050: #fff7ed;\n --orange-100: #ffedd5;\n --orange-200: #fed7aa;\n --orange-300: #fdba74;\n --orange-400: #fb923c;\n --orange-500: #f97316;\n --orange-600: #ea580c;\n --orange-700: #c2410c;\n --orange-800: #9a3412;\n --orange-900: #7c2d12;\n --orange-950: #431407;\n\n --amber-050: #fffbeb;\n --amber-100: #fef3c7;\n --amber-200: #fde68a;\n --amber-300: #fcd34d;\n --amber-400: #fbbf24;\n --amber-500: #f59e0b;\n --amber-600: #d97706;\n --amber-700: #b45309;\n --amber-800: #92400e;\n --amber-900: #78350f;\n --amber-950: #451a03;\n\n --yellow-050: #fefce8;\n --yellow-100: #fef9c3;\n --yellow-200: #fef08a;\n --yellow-300: #fde047;\n --yellow-400: #facc15;\n --yellow-500: #eab308;\n --yellow-600: #ca8a04;\n --yellow-700: #a16207;\n --yellow-750: #93580b;\n --yellow-800: #854d0e;\n --yellow-900: #713f12;\n --yellow-950: #422006;\n\n --lime-050: #f7fee7;\n --lime-100: #ecfccb;\n --lime-200: #d9f99d;\n --lime-300: #bef264;\n --lime-400: #a3e635;\n --lime-500: #84cc16;\n --lime-600: #65a30d;\n --lime-700: #4d7c0f;\n --lime-800: #3f6212;\n --lime-900: #365314;\n --lime-950: #1a2e05;\n\n --green-050: #f0fdf4;\n --green-100: #dcfce7;\n --green-200: #bbf7d0;\n --green-300: #86efac;\n --green-400: #4ade80;\n --green-500: #22c55e;\n --green-600: #16a34a;\n --green-700: #15803d;\n --green-800: #166534;\n --green-900: #14532d;\n --green-950: #052e16;\n\n --emerald-050: #ecfdf5;\n --emerald-100: #d1fae5;\n --emerald-200: #a7f3d0;\n --emerald-300: #6ee7b7;\n --emerald-400: #34d399;\n --emerald-500: #10b981;\n --emerald-600: #059669;\n --emerald-700: #047857;\n --emerald-800: #065f46;\n --emerald-900: #064e3b;\n --emerald-950: #022c22;\n\n --teal-050: #f0fdfa;\n --teal-100: #ccfbf1;\n --teal-200: #99f6e4;\n --teal-300: #5eead4;\n --teal-400: #2dd4bf;\n --teal-500: #14b8a6;\n --teal-550: #11a697;\n --teal-600: #0d9488;\n --teal-700: #0f766e;\n --teal-800: #115e59;\n --teal-900: #134e4a;\n --teal-950: #042f2e;\n\n --cyan-050: #ecfeff;\n --cyan-100: #cffafe;\n --cyan-200: #a5f3fc;\n --cyan-300: #67e8f9;\n --cyan-400: #22d3ee;\n --cyan-500: #06b6d4;\n --cyan-600: #0891b2;\n --cyan-700: #0e7490;\n --cyan-800: #155e75;\n --cyan-900: #164e63;\n --cyan-950: #083344;\n\n --sky-050: #f0f9ff;\n --sky-100: #e0f2fe;\n --sky-200: #bae6fd;\n --sky-300: #7dd3fc;\n --sky-400: #38bdf8;\n --sky-500: #0ea5e9;\n --sky-600: #0284c7;\n --sky-700: #0369a1;\n --sky-800: #075985;\n --sky-900: #0c4a6e;\n --sky-950: #082f49;\n\n --blue-050: #eff6ff;\n --blue-100: #dbeafe;\n --blue-200: #bfdbfe;\n --blue-300: #93c5fd;\n --blue-400: #60a5fa;\n --blue-500: #3b82f6;\n --blue-600: #2563eb;\n --blue-700: #1d4ed8;\n --blue-800: #1e40af;\n --blue-900: #1e3a8a;\n --blue-950: #172554;\n\n --indigo-050: #eef2ff;\n --indigo-100: #e0e7ff;\n --indigo-200: #c7d2fe;\n --indigo-300: #a5b4fc;\n --indigo-400: #818cf8;\n --indigo-500: #6366f1;\n --indigo-600: #4f46e5;\n --indigo-700: #4338ca;\n --indigo-800: #3730a3;\n --indigo-900: #312e81;\n --indigo-950: #1e1b4b;\n\n --violet-050: #f5f3ff;\n --violet-100: #ede9fe;\n --violet-200: #ddd6fe;\n --violet-300: #c4b5fd;\n --violet-400: #a78bfa;\n --violet-500: #8b5cf6;\n --violet-600: #7c3aed;\n --violet-700: #6d28d9;\n --violet-800: #5b21b6;\n --violet-900: #4c1d95;\n --violet-950: #2e1065;\n\n --purple-050: #faf5ff;\n --purple-100: #f3e8ff;\n --purple-200: #e9d5ff;\n --purple-300: #d8b4fe;\n --purple-400: #c084fc;\n --purple-500: #a855f7;\n --purple-600: #9333ea;\n --purple-700: #7e22ce;\n --purple-800: #6b21a8;\n --purple-900: #581c87;\n --purple-950: #3b0764;\n\n --fuchsia-050: #fdf4ff;\n --fuchsia-100: #fae8ff;\n --fuchsia-200: #f5d0fe;\n --fuchsia-300: #f0abfc;\n --fuchsia-400: #e879f9;\n --fuchsia-500: #d946ef;\n --fuchsia-600: #c026d3;\n --fuchsia-700: #a21caf;\n --fuchsia-800: #86198f;\n --fuchsia-900: #701a75;\n --fuchsia-950: #4a044e;\n\n --pink-050: #fdf2f8;\n --pink-100: #fce7f3;\n --pink-200: #fbcfe8;\n --pink-300: #f9a8d4;\n --pink-400: #f472b6;\n --pink-500: #ec4899;\n --pink-600: #db2777;\n --pink-700: #be185d;\n --pink-800: #9d174d;\n --pink-900: #831843;\n --pink-950: #500724;\n\n --rose-050: #fff1f2;\n --rose-100: #ffe4e6;\n --rose-200: #fecdd3;\n --rose-300: #fda4af;\n --rose-400: #fb7185;\n --rose-500: #f43f5e;\n --rose-600: #e11d48;\n --rose-700: #be123c;\n --rose-800: #9f1239;\n --rose-900: #881337;\n --rose-950: #4c0519;\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-600);\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: #1f5fea;\n\n // font styles\n --font-weight-bold: 700;\n\n // hairline colors\n --hairline-color: #{transparentize(hsl(209, 20%, 25%), 0.9)};\n --medium-hairline-color: #cfd8e3; // matches shadow below global header;\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-500);\n\n // alert/notice colors\n --error-color: #d81e23;\n --warning-color: var(--amber-700);\n --success-color: var(--teal-700);\n --notice-color: var(--sky-700);\n\n // status colors\n --enabled-color: var(--teal-550);\n --pending-color: var(--orange-400);\n --disabled-color: var(--red-600);\n\n // misc colors\n --indicator-border-color: var(--amber-600);\n --indicator-icon-color: var(--amber-700);\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: 1rem;\n --radio-size: 1rem;\n}\n","@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\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:\n url('../fonts/Craft.woff2') format('woff2'),\n 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 font-display: block;\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 --ui-control-static-bg-color: #{transparentize($inputColor, 0.75)};\n --ui-control-bg-color: var(--ui-control-static-bg-color);\n --ui-control-hover-bg-color: #{transparentize($inputColor, 0.7)};\n --ui-control-active-bg-color: #{transparentize($inputColor, 0.5)};\n --ui-control-border-radius: var(--large-border-radius);\n --ui-control-height: calc(34rem / 16);\n --ui-control-height--small: calc(30rem / 16);\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: calc(\n 24rem / 16\n ); /* Minimum recommended touch target size */\n --thumb-size: calc(20rem / 16);\n --icon-size: 1rem;\n --elements-busy-top-position: calc(50% - var(--size, 20px) / 2);\n --lh: 1.42em;\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: var(--lh);\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.mt-0 {\n margin-top: 0 !important;\n}\n.mt-xs {\n margin-top: var(--xs) !important;\n}\n.mt-s {\n margin-top: var(--s) !important;\n}\n.mt-m {\n margin-top: var(--m) !important;\n}\n.mt-l {\n margin-top: var(--l) !important;\n}\n.mt-xl {\n margin-top: var(--xl) !important;\n}\n\n.mb-0 {\n margin-bottom: 0 !important;\n}\n.mb-xs {\n margin-bottom: var(--xs) !important;\n}\n.mb-s {\n margin-bottom: var(--s) !important;\n}\n.mb-m {\n margin-bottom: var(--m) !important;\n}\n.mb-l {\n margin-bottom: var(--l) !important;\n}\n.mb-xl {\n margin-bottom: var(--xl) !important;\n}\n\n.ml-0 {\n margin-left: 0 !important;\n}\n.ml-xs {\n margin-left: var(--xs) !important;\n}\n.ml-s {\n margin-left: var(--s) !important;\n}\n.ml-m {\n margin-left: var(--m) !important;\n}\n.ml-l {\n margin-left: var(--l) !important;\n}\n.ml-xl {\n margin-left: var(--xl) !important;\n}\n\n.mr-0 {\n margin-right: 0 !important;\n}\n.mr-xs {\n margin-right: var(--xs) !important;\n}\n.mr-s {\n margin-right: var(--s) !important;\n}\n.mr-m {\n margin-right: var(--m) !important;\n}\n.mr-l {\n margin-right: var(--l) !important;\n}\n.mr-xl {\n margin-right: var(--xl) !important;\n}\n\n.mx-0 {\n margin-left: 0 !important;\n margin-right: 0 !important;\n}\n.mx-xs {\n margin-left: var(--xs) !important;\n margin-right: var(--xs) !important;\n}\n.mx-s {\n margin-left: var(--s) !important;\n margin-right: var(--s) !important;\n}\n.mx-m {\n margin-left: var(--m) !important;\n margin-right: var(--m) !important;\n}\n.mx-l {\n margin-left: var(--l) !important;\n margin-right: var(--l) !important;\n}\n.mx-xl {\n margin-left: var(--xl) !important;\n margin-right: var(--xl) !important;\n}\n\n.my-0 {\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n}\n.my-xs {\n margin-top: var(--xs) !important;\n margin-bottom: var(--xs) !important;\n}\n.my-s {\n margin-top: var(--s) !important;\n margin-bottom: var(--s) !important;\n}\n.my-m {\n margin-top: var(--m) !important;\n margin-bottom: var(--m) !important;\n}\n.my-l {\n margin-top: var(--l) !important;\n margin-bottom: var(--l) !important;\n}\n.my-xl {\n margin-top: var(--xl) !important;\n margin-bottom: var(--xl) !important;\n}\n\n.no-scroll {\n overflow: hidden !important;\n}\n\n.draghelper {\n box-sizing: border-box;\n list-style-type: none;\n}\n\n.offset-drag-helper {\n transition:\n margin linear 200ms,\n padding linear 200ms;\n}\n\nbody.dragging.ltr .offset-drag-helper {\n margin: -50px 0 0 -50px;\n padding: 60px 0 0 60px;\n}\n\nbody.dragging.rtl .offset-drag-helper {\n margin: -50px -50px 0 0;\n padding: 60px 60px 0 0;\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 ul.padded li .menu-item.sel:before,\n.menu ul.padded li .menu-option.sel:before,\n.menu .flex.padded.sel:before,\n.texticon: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.action-btn:before,\n[data-icon]:before,\n[data-icon-after]:after {\n @include icon;\n}\n\n.badge-icon {\n position: relative;\n top: -1px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 1rem;\n height: 1rem;\n box-sizing: border-box;\n border: 1px solid var(--indicator-border-color);\n border-radius: var(--small-border-radius);\n color: var(--indicator-icon-color);\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\n[data-icon-size='large'] {\n &[data-icon]:before,\n &[data-icon-after]:after {\n font-size: 20px;\n }\n}\n\n[data-icon-size='small'] {\n &[data-icon]:before,\n &[data-icon-after]:after {\n font-size: 14px;\n }\n}\n\n[data-icon-size='puny'] {\n &[data-icon]:before,\n &[data-icon-after]:after {\n font-size: 12px;\n }\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.action-btn:before {\n content: 'ellipsis';\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 &[aria-current] {\n cursor: default;\n }\n\n body.underline-links &,\n &:hover {\n text-decoration: underline;\n }\n\n .cp-icon svg {\n @include svg-mask(var(--link-color));\n }\n}\n\na:not([href]) {\n color: inherit;\n cursor: inherit;\n\n body.underline-links &,\n &:hover {\n text-decoration: none;\n }\n}\n\na.iconlink {\n &:before {\n width: 1rem;\n @include margin-right(var(--xs));\n }\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\na [data-icon='external'] {\n @include margin-left(var(--xs));\n}\n\nbutton {\n cursor: pointer;\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.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.revision-notice {\n display: flex;\n align-items: center;\n align-content: stretch;\n justify-content: center;\n gap: var(--s);\n color: var(--gray-600);\n\n #content-notice & {\n display: inline-flex;\n justify-content: flex-start;\n }\n\n p {\n flex: 1;\n margin: 0;\n }\n\n .revision-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($grey800, 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(--grey-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\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}\nul.errors em {\n font-style: normal;\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: 12px;\n color: var(--rose-500);\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:not(.disabled) {\n cursor: move;\n}\n\n.icon.move:before {\n content: 'move';\n color: var(--custom-text-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-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 &.sidebar-hidden {\n @include padding-left(0);\n\n & > .cs-sidebar {\n display: none;\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 --selected-item-color: var(--white);\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 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 @include light-focus-ring;\n --ui-control-color: var(--selected-item-color);\n background-color: var(--dark-sel-color);\n color: var(--selected-item-color);\n z-index: 1;\n }\n\n .label {\n flex: 1;\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 &.sel .label {\n color: var(--selected-item-color);\n }\n }\n}\n\n.customize-sources-item__move {\n position: absolute;\n top: 50%;\n @include right(0);\n transform: translate(-50%, -50%);\n justify-content: center;\n align-items: center;\n\n &.icon {\n display: flex;\n text-decoration: none;\n }\n}\n\n.customize-sources-item__btn {\n padding: 8px 14px;\n @include padding-right(30px);\n margin: 3px;\n}\n\n.checkbox-select-item {\n display: flex;\n align-items: flex-start;\n align-content: stretch;\n margin-bottom: 4px;\n\n .move {\n margin-top: -3px;\n @include margin-right(10px);\n position: relative;\n z-index: 1;\n }\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), calc(1rem / 16));\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: var(--s);\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 }\n}\n\n.flex {\n display: flex;\n align-items: center;\n align-content: stretch;\n gap: var(--s);\n\n &.flex-gap-xs {\n gap: var(--xs);\n }\n &.flex-gap-m {\n gap: var(--m);\n }\n &.flex-gap-l {\n gap: var(--l);\n }\n &.flex-gap-xl {\n gap: var(--xl);\n }\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 !important;\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 max-width: 100%;\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(--ui-control-border-radius);\n padding: 7px 10px;\n border: none;\n text-align: center;\n white-space: nowrap;\n user-select: none;\n box-sizing: border-box;\n appearance: none;\n color: currentColor;\n font-size: inherit;\n background-color: var(--ui-control-bg-color);\n\n &:not([aria-current]) {\n cursor: pointer;\n }\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 &.hairline {\n border: 1px solid var(--medium-hairline-color);\n background-color: transparent;\n\n &:hover,\n &:active,\n &[aria-expanded='true'] {\n border-color: var(--dark-hairline-color);\n }\n\n &:active,\n &[aria-expanded='true'] {\n background-color: var(--ui-control-static-bg-color);\n }\n }\n\n &.wrap {\n height: auto;\n min-height: 34px;\n white-space: initial;\n text-align: left;\n }\n\n &:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not(\n [aria-current]\n ) {\n &:focus,\n &.focus,\n &:hover {\n --ui-control-bg-color: var(--ui-control-hover-bg-color);\n }\n\n &:active,\n &.active,\n &[aria-expanded='true'] {\n --ui-control-bg-color: var(--ui-control-active-bg-color);\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 &:empty,\n &.btn-empty {\n padding-left: 12px;\n padding-right: 12px;\n }\n\n &[data-icon]:not(:empty):not(.btn-empty):before,\n &.icon:not(:empty):not(.btn-empty):before,\n &.menubtn:not(.action-btn)[data-icon]:empty:before,\n &.menubtn:not(.action-btn)[data-icon].btn-empty:before,\n &.menubtn:not(.action-btn).icon:empty:before,\n &.menubtn:not(.action-btn).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 [data-icon] {\n margin-top: -3px;\n @include margin-right(5px);\n\n &.light:before {\n color: var(--gray-300);\n }\n }\n}\n\n.disabled {\n opacity: 0.25;\n pointer-events: none;\n user-select: none;\n}\n\n.noteditable {\n cursor: not-allowed;\n\n .element,\n .lightswitch-container,\n & + .colorhex {\n cursor: not-allowed;\n }\n}\n\n.btn,\n.spinner {\n height: var(--ui-control-height);\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(.action-btn):not(:empty):not(.btn-empty):after,\n.menubtn:not(.action-btn).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 border-radius: var(--large-border-radius);\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.btngroup--exclusive {\n .btn[aria-pressed='true']:not(.disabled):not(.loading):not(.dashed):not(\n [aria-disabled]\n ) {\n background-color: var(--gray-500);\n color: var(--white);\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 .copytextbtn__icon {\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 .copytextbtn__value {\n color: var(--text-color);\n }\n }\n\n &.small {\n padding: 0 5px;\n\n .copytextbtn__value {\n font-size: calc(11rem / 16);\n }\n }\n}\n\n/* menu buttons */\n.menu-toggle,\n.menubtn:not(.action-btn) {\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: var(--elements-busy-top-position);\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 var(--s) !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/* huge buttons */\n.btn.huge {\n padding: var(--l);\n line-height: 48px;\n height: 48px;\n}\n\n/* special buttons */\n.btn {\n &.submit,\n &.secondary {\n color: var(--white) !important;\n --ui-control-active-color: var(--white);\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 &[aria-expanded='true'] {\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 &[aria-expanded='true'] {\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.secondary-buttons\n .btn.submit:not(.disabled):not(.inactive):not(.loading)[aria-expanded='true'],\n.btn.secondary: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(\n .loading\n )[aria-expanded='true'] {\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 &[aria-expanded='true'] {\n background-color: transparentize($grey200, 0.75);\n }\n }\n}\n\n/* chevron buttons */\n.chevron-btns {\n display: flex;\n justify-content: flex-start;\n\n .btn {\n position: relative;\n padding: 0;\n border-radius: 0;\n background-color: transparent;\n\n &.current-step,\n &.active-drop-target {\n color: var(--white);\n --text-color: var(--white);\n --ui-control-color: var(--white);\n --ui-control-bg-color: var(--gray-500);\n --ui-control-hover-bg-color: #{darken($grey500, 5%)};\n --ui-control-active-bg-color: #{darken($grey500, 10%)};\n }\n\n &.current-step {\n @include light-on-dark-text;\n @include light-focus-ring;\n }\n\n &:focus {\n z-index: 1;\n box-shadow: none;\n\n .label {\n z-index: 1;\n box-shadow: var(--focus-ring);\n }\n\n .reduce-focus-visibility &:not(:focus-visible) .label {\n box-shadow: none;\n }\n }\n\n .reduce-focus-visibility &:focus-visible .label {\n box-shadow: var(--focus-ring);\n }\n\n &:not(.has-action-menu) {\n @include padding-right(calc(var(--ui-control-height) / 2));\n @include margin-right(2.8px);\n\n &:not(.current-step[data-disclosure-trigger]) .btn-body {\n @include padding-right(5px);\n }\n }\n\n &.current-step[data-disclosure-trigger] .btn-body {\n @include padding-left(8px);\n\n .label {\n padding: 3px;\n\n &:after {\n @include angle;\n position: relative;\n }\n }\n }\n\n .btn-body {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n height: var(--ui-control-height);\n background-color: var(--ui-control-bg-color);\n\n [data-icon] {\n --ui-control-height: calc((13rem / 16)); // 1rem == 16px\n text-align: center;\n @include margin-right(0);\n }\n }\n\n .label {\n display: inline-flex;\n align-items: center;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n &.has-action-menu .btn-body {\n @include padding-right(1px);\n @include margin-right(0);\n }\n\n .chevron-right,\n .chevron-left {\n position: absolute;\n top: 0;\n height: 100%;\n width: calc(var(--ui-control-height) / 2);\n }\n\n .chevron-left {\n @include left(0);\n border-top: calc(var(--ui-control-height) / 2) solid\n var(--ui-control-bg-color);\n @include border-left(\n calc(var(--ui-control-height) / 2) solid transparent\n );\n\n &:after {\n display: block;\n content: '';\n font-size: 0;\n position: absolute;\n bottom: 0;\n @include right(0);\n border-bottom: calc(var(--ui-control-height) / 2) solid\n var(--ui-control-bg-color);\n @include border-left(\n calc(var(--ui-control-height) / 2) solid transparent\n );\n }\n }\n\n .chevron-right {\n @include right(0);\n border-top: calc(var(--ui-control-height) / 2) solid transparent;\n border-bottom: calc(var(--ui-control-height) / 2) solid transparent;\n @include border-left(\n calc(var(--ui-control-height) / 2) solid var(--ui-control-bg-color)\n );\n }\n }\n\n ol {\n position: relative;\n @include padding-left(0);\n list-style-type: none;\n display: flex;\n\n li {\n &.first-step .btn {\n .btn-body {\n @include padding-left(14px);\n @include border-radius(\n var(--ui-control-border-radius),\n 0,\n 0,\n var(--ui-control-border-radius)\n );\n }\n\n .chevron-left {\n display: none;\n }\n }\n\n &:not(.first-step) .btn {\n @include margin-left(calc(-1 * (var(--ui-control-height) / 2)));\n @include padding-left(calc(var(--ui-control-height) / 2));\n\n .btn-body {\n @include padding-left(7px);\n }\n }\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):not(.noteditable) {\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 max-width: 100%;\n padding-left: 7px;\n padding-right: 7px;\n\n span {\n flex-grow: 1;\n padding: 7px 0;\n color: var(--medium-text-color);\n cursor: default;\n overflow: auto;\n overflow-wrap: break-word;\n hyphens: auto;\n\n &[data-toggle='on'] {\n @include margin-left(7px);\n }\n\n &[data-toggle='off'] {\n @include margin-right(7px);\n text-align: right;\n\n body.rtl & {\n text-align: left;\n }\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 min-width: 34px;\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: calc(30rem / 16);\n height: calc(30rem / 16);\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 @include focus-styles {\n box-shadow:\n inset 0 0 0 1px var(--hairline-color),\n 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 --pane-y-padding-default: calc(var(--xl) - 2px);\n --pane-x-padding-default: calc(var(--padding) - 2px);\n margin: calc(var(--pane-padding, var(--pane-y-padding-default)) * -1)\n calc(var(--pane-padding, var(--pane-x-padding-default)) * -1)\n calc(\n var(--pane-padding, var(--padding)) * -1 + var(--pane-padding, var(--m))\n );\n padding: 0 !important;\n overflow-x: auto;\n\n table.data {\n th,\n td {\n &:first-child {\n @include padding-left(var(--m));\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% - 8rem / 16);\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(\n var(--border-radius, var(--small-border-radius))\n );\n @include border-bottom-left-radius(\n var(--border-radius, var(--small-border-radius))\n );\n }\n &:last-child {\n @include border-top-right-radius(\n var(--border-radius, var(--small-border-radius))\n );\n @include border-bottom-right-radius(\n var(--border-radius, var(--small-border-radius))\n );\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: var(--s);\n padding-bottom: var(--s);\n }\n\n th {\n white-space: nowrap;\n vertical-align: middle;\n\n &.orderable {\n position: relative;\n padding: 0 !important;\n\n body:not(.dragging) &: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(var(--m));\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(35px);\n font: inherit;\n width: 100%;\n padding: var(--pane-padding, var(--m)) var(--m);\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 --hover-bg-color: var(--gray-050);\n --selected-bg-color: var(--dark-sel-color);\n\n &:not(.disabled) {\n &:hover {\n th,\n td {\n background-color: var(--hover-bg-color);\n }\n }\n\n &:focus {\n position: relative;\n z-index: 1;\n }\n\n &.sel,\n &.active-drop-target {\n --text-color: var(--white);\n --medium-dark-text-color: var(--white);\n --medium-text-color: var(--white);\n --light-text-color: var(--white);\n --link-color: var(--white);\n --ui-control-color: var(--white);\n @include custom-color-focus-ring(hsl(var(--light-focus-hsl)));\n\n th,\n td {\n color: var(--white);\n background-color: var(--selected-bg-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 tr.sel:not(.draggee) + tr.sel:not(.draggee) {\n th,\n td {\n border-top-color: var(--gray-300);\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 background-color: var(--white);\n @include shadow;\n}\n\n.datatablesorthelper,\n.datatablesorthelper .chip,\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.chip,\n.card {\n color: var(--custom-text-color, var(--text-color));\n background-color: var(--custom-bg-color, var(--gray-050));\n}\n\n/* chips */\n.chip {\n position: relative;\n display: inline-flex;\n align-items: center;\n cursor: default;\n user-select: none;\n font-weight: normal;\n padding: var(--xs) var(--s);\n max-width: 100%;\n gap: var(--xs);\n border-radius: var(--large-border-radius);\n\n &.small {\n flex-direction: row;\n height: calc(26rem / 16 + 8px);\n --thumb-size: calc(30rem / 16);\n\n & > .thumb {\n margin: calc(var(--xs) * -1 + 2px) calc(var(--s) * -1 + 2px);\n @include margin-right(2px);\n\n &.cp-icon {\n @include margin-left(-2px);\n --thumb-size: 1rem; // 16px\n }\n }\n }\n\n &.large {\n flex-direction: column;\n --thumb-size: 120px;\n min-width: calc(var(--s) * 2 + var(--thumb-size));\n\n .chip-content {\n width: 100%;\n }\n }\n\n .chip-content {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: var(--s);\n max-width: 100%;\n\n .status,\n .icon {\n @include margin-right(0);\n }\n\n .icon {\n margin: -4px -1px 0;\n }\n }\n\n &.sel,\n li.sel &,\n li.active-drop-target & {\n --text-color: var(--white);\n --custom-text-color: var(--white) !important;\n --medium-dark-text-color: var(--white);\n --medium-text-color: var(--white);\n --light-text-color: var(--white);\n --link-color: var(--white);\n --ui-control-color: var(--white);\n @include custom-color-focus-ring(hsl(var(--light-focus-hsl)));\n color: var(--white);\n background-color: var(\n --custom-sel-bg-color,\n var(--dark-sel-color)\n ) !important;\n\n .cp-icon {\n --icon-color: var(--white) !important;\n }\n }\n\n &.sel,\n .sel & {\n cursor: default;\n\n .thumb {\n filter: brightness(0.85);\n\n img {\n box-shadow:\n 0 0 0 1px transparentize($darkSelColor, 0.9),\n 0 6px 4px -4px transparentize($darkSelColor, 0.8);\n }\n }\n }\n\n .offset-drag-helper & {\n background-color: var(--gray-050);\n @include shadow;\n }\n\n & > .thumb {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n width: var(--thumb-size);\n height: var(--thumb-size);\n\n &.rounded {\n img,\n svg {\n border: var(--xs) solid transparent;\n border-radius: 50%;\n }\n }\n\n &.checkered img {\n @include checkered-bg(8px);\n }\n\n img,\n svg {\n display: block;\n flex-shrink: 0;\n border-radius: var(--small-border-radius);\n max-width: 100%;\n max-height: 100%;\n }\n }\n}\n\n.cp-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: var(--icon-size);\n height: var(--icon-size);\n max-width: var(--icon-size);\n\n svg {\n width: var(--icon-size);\n height: var(--icon-size);\n max-width: var(--icon-size) !important;\n max-height: var(--icon-size) !important;\n @include svg-mask(var(--icon-color, var(--ui-control-color)));\n }\n\n &.large {\n --icon-size: calc(20rem / 16);\n }\n\n &.small {\n --icon-size: calc(14rem / 16);\n }\n\n &.puny {\n --icon-size: calc(12rem / 16);\n }\n}\n\n.chips,\n.cards {\n display: flex;\n --custom-bg-color: initial;\n --custom-text-color: initial;\n --custom-sel-bg-color: initial;\n\n &:not(.inline-chips) {\n flex-direction: column;\n }\n\n li {\n max-width: 100%;\n }\n}\n\n.cards {\n gap: var(--s);\n}\n\n.chips {\n align-items: flex-start;\n gap: var(--xs);\n}\n\n.inline-chips {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n align-items: center;\n gap: var(--xs);\n\n .chip {\n margin: 0 !important;\n }\n}\n\n/** cards */\n.card {\n position: relative;\n display: flex;\n flex-direction: row;\n align-items: stretch;\n padding: var(--m);\n gap: var(--m);\n border-radius: var(--large-border-radius);\n cursor: default;\n user-select: none;\n width: 100%;\n\n &:after {\n border-radius: var(--large-border-radius);\n }\n\n &.sel,\n li.sel & {\n --text-color: var(--white);\n --custom-text-color: var(--white) !important;\n --medium-dark-text-color: var(--white);\n --medium-text-color: var(--white);\n --light-text-color: var(--white);\n --link-color: var(--white);\n --ui-control-color: var(--white);\n @include custom-color-focus-ring(hsl(var(--light-focus-hsl)));\n color: var(--white);\n background-color: var(\n --custom-sel-bg-color,\n var(--dark-sel-color)\n ) !important;\n\n & > .thumb {\n background-color: var(--dark-sel-color) !important;\n filter: brightness(0.85);\n }\n }\n\n & > .thumb {\n position: relative;\n display: flex;\n align-items: stretch;\n margin: calc(var(--m) * -1);\n @include margin-right(0);\n width: 120px;\n min-width: 120px; // needed for flex\n min-height: calc(var(--m) * 2 + var(--lh) * 3 + var(--xs));\n background-color: var(--gray-100);\n overflow: hidden;\n\n &:after {\n display: block;\n content: '';\n font-size: 0;\n position: absolute;\n top: 0;\n bottom: 0;\n @include shadow();\n width: 10px;\n\n body.ltr & {\n right: -10px;\n }\n\n body.rtl & {\n left: -10px;\n }\n }\n\n &,\n &:after {\n @include border-radius(\n var(--large-border-radius),\n 0,\n 0,\n var(--large-border-radius)\n );\n }\n\n img,\n svg {\n width: 100%;\n max-height: 120px;\n object-fit: cover;\n }\n }\n\n & > .cp-icon {\n @include margin(0, -4px, 0, -2px);\n }\n\n .card-content,\n .card-content .card-body {\n display: flex;\n flex-direction: column;\n gap: var(--xs);\n flex: 1;\n }\n\n .card-content {\n margin: calc((1rem - var(--lh)) / 2) 0;\n flex: 1 0 0 !important;\n overflow: hidden;\n position: relative;\n --focus-ring: var(--inner-focus-ring);\n\n .card-heading {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 5px;\n\n .status {\n margin: 0;\n flex: 0 0 10px;\n }\n\n .label {\n font-weight: 600;\n }\n }\n\n .card-body {\n &:empty {\n display: none;\n }\n\n & > * {\n --max-lines: 2;\n margin: 0;\n max-height: calc(var(--lh) * var(--max-lines));\n overflow: hidden;\n text-wrap: pretty;\n }\n }\n }\n\n & > .card-actions-container {\n display: flex;\n align-items: flex-start !important;\n position: relative;\n }\n}\n\n.card-grid {\n display: grid !important;\n gap: var(--s) !important;\n grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));\n\n & > li {\n border-radius: var(--large-border-radius);\n\n & > .card {\n margin: 0 !important;\n height: 100%;\n }\n }\n}\n\n.context-label,\n.context-menu-container {\n display: inline-flex;\n align-items: center;\n @include margin-left(var(--xs));\n height: var(--touch-target-size);\n padding: 0 var(--s);\n font-size: 11px;\n font-weight: normal;\n text-decoration: none !important;\n color: var(--light-text-color);\n border-radius: calc(var(--touch-target-size) / 2);\n border: 1px solid var(--medium-hairline-color);\n}\n\n.context-menu-container {\n @include padding-right(0);\n\n .menubtn:not(.action-btn) {\n @include margin(0, -1px, 0, 0);\n @include padding-right(2px !important);\n @include border-left(1px solid var(--medium-hairline-color));\n @include border-radius(\n 0,\n calc(var(--touch-target-size) / 2),\n calc(var(--touch-target-size) / 2),\n 0\n );\n\n &:hover {\n border-color: var(--dark-hairline-color) !important;\n }\n }\n\n > * {\n display: inline-block;\n @include padding-right(var(--s));\n }\n}\n\n// fix for context menus that are only children\n.context-menu-container .menubtn:not(.action-btn):only-child,\n.context-menu-container\n .visually-hidden:first-child\n + .menubtn:not(.action-btn):last-child {\n margin: 0 calc(var(--s) * -1);\n border-left: none !important;\n border-radius: calc(var(--touch-target-size) / 2) !important;\n}\n\n.chip,\n.card {\n // prevent double focus ring (chip/card already gets it)\n .checkbox:before {\n box-shadow: none !important;\n }\n\n .label {\n display: flex;\n align-items: center;\n gap: var(--xs);\n overflow: hidden;\n\n .label-link {\n flex: 1 1 0;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n\n &:focus {\n box-shadow: var(--inner-focus-ring);\n }\n }\n\n .segment:after {\n display: inline-flex !important;\n position: relative;\n top: -2px;\n @include margin(0, 5px, 0, 2px);\n @include angle(right, var(--light-text-color), calc(1rem / 16));\n\n .sel & {\n @include angle(right, var(--white), calc(1rem / 16));\n }\n }\n }\n\n & > .chip-content > .chip-actions,\n & > .card-actions-container > .card-actions {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: var(--s);\n min-height: 1rem;\n\n &:empty {\n display: none;\n }\n\n & > .status {\n margin: 0;\n }\n\n & > .action-btn,\n & > .move {\n @include touch-target;\n margin: 0 -4px;\n &:before {\n color: var(--custom-text-color, var(--ui-control-color));\n }\n }\n\n .action-btn {\n background-color: transparent;\n\n &:before {\n @include margin-right(0 !important);\n }\n\n &:hover,\n &:active,\n &[aria-expanded='true'] {\n backdrop-filter: brightness(90%);\n }\n }\n\n .move {\n margin-top: -3px !important;\n }\n }\n\n &.error .label .label-link {\n color: var(--error-color);\n }\n}\n\n.element-index {\n .source-path {\n background-color: var(--gray-050);\n border-radius: 3px;\n --ui-control-bg-color: var(--light-sel-color);\n --ui-control-hover-bg-color: #{darken($lightSelColor, 5%)};\n --ui-control-active-bg-color: #{darken($lightSelColor, 10%)};\n\n .chevron-btns {\n display: inline-flex;\n position: relative;\n background: $white;\n --ui-control-height: calc((30rem / 16)); // 1rem == 16px\n\n &:before {\n display: block;\n content: '';\n font-size: 0;\n position: absolute;\n top: 0;\n width: 0;\n height: 0;\n @include right(0);\n border-top: calc(var(--ui-control-height) / 2) solid $grey050;\n @include border-left(\n calc(var(--ui-control-height) / 2) solid transparent\n );\n }\n\n &:after {\n display: block;\n content: '';\n font-size: 0;\n position: absolute;\n top: calc(var(--ui-control-height) / 2);\n @include right(0);\n border-bottom: calc(var(--ui-control-height) / 2) solid $grey050;\n @include border-left(\n calc(var(--ui-control-height) / 2) solid transparent\n );\n }\n\n .btn {\n --ui-control-border-radius: 3px;\n }\n }\n\n .btn.settings {\n box-shadow: 0 0 0 2px var(--white);\n }\n }\n\n &.main {\n .source-path {\n margin: -22px calc(var(--padding) * -1 + 2px) 24px;\n }\n }\n\n .elementselectormodal & {\n .source-path {\n margin-bottom: 2px;\n }\n }\n\n &.pane {\n .toolbar {\n position: relative;\n z-index: 2;\n margin: calc(var(--pane-padding) * -1) calc(var(--pane-padding) * -1)\n var(--pane-padding) !important;\n border-radius: calc(var(--large-border-radius) - 1px)\n calc(var(--large-border-radius) - 1px) 0 0;\n padding: var(--pane-padding);\n box-shadow: 0 1px 0 var(--hairline-color);\n background-color: var(--gray-050);\n }\n\n .header {\n padding-top: var(--pane-padding);\n padding-bottom: var(--pane-padding);\n background-color: transparent;\n border-bottom: 1px solid var(--hairline-color);\n }\n\n .elements {\n --border-radius: 0;\n\n .tableview table.data thead {\n th,\n td {\n border-bottom: 1px solid var(--hairline-color);\n &:not(.ordered) {\n background-color: transparent;\n }\n }\n }\n }\n\n .footer {\n border-radius: 0 0 calc(var(--large-border-radius) - 1px)\n calc(var(--large-border-radius) - 1px) !important;\n box-shadow: none;\n border-top: 1px solid var(--hairline-color);\n background: transparent;\n }\n }\n}\n\n.elements {\n position: relative;\n\n &:not(.busy) {\n .update-spinner {\n display: none;\n }\n }\n\n &.busy {\n min-height: 72px;\n\n &:after {\n display: block;\n content: '';\n font-size: 0;\n position: absolute;\n z-index: 100;\n top: 0;\n left: calc(var(--pane-padding, 24px) * -1);\n width: calc(100% + var(--pane-padding, 24px) + var(--pane-padding, 24px));\n height: 100%;\n background: transparentize($white, 0.25);\n border-radius: var(--large-border-radius);\n }\n\n .update-spinner {\n z-index: 101;\n }\n }\n\n .header {\n margin: calc(var(--xl) * -1 + 2px) calc(var(--padding) * -1 + 2px) var(--xl);\n padding: var(--s);\n background-color: var(--gray-050);\n box-shadow: none;\n border-radius: var(--border-radius, var(--small-border-radius));\n\n &:after {\n content: '';\n }\n\n .selectallcontainer {\n display: flex;\n align-items: center;\n gap: 5px;\n cursor: default;\n }\n }\n\n .tableview tr.draggee th,\n .tableview tr.draggee td,\n .thumbsview li.draggee {\n opacity: 0.25;\n }\n\n // table views\n .tableview {\n th {\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 .enabled-label {\n margin-left: var(--xs);\n }\n }\n\n .chip {\n background-color: transparent;\n }\n }\n\n // thumbs views\n .thumbsview {\n display: grid;\n gap: var(--xs);\n grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));\n\n li {\n position: relative;\n @include margin(0, 1px, 1px, 0);\n max-width: 226px;\n border-radius: var(--large-border-radius);\n\n &:hover {\n .chip {\n background-color: var(--gray-050);\n }\n }\n\n &.sel {\n a {\n cursor: pointer !important;\n\n &:hover {\n text-decoration: underline;\n }\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/* 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(--gray-200));\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 .chip {\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.elementselect .elements:not(:empty),\n.componentselect .components:not(:empty) {\n & + .flex {\n margin-top: var(--s);\n }\n}\n\n/* element select fields */\n.elementselect {\n position: relative;\n min-height: 34px;\n\n .flex,\n .btn {\n clear: both;\n }\n\n .chip {\n z-index: 1;\n }\n\n .structure {\n .chip {\n margin-top: var(--xs);\n }\n\n & > li {\n @include padding-left(0);\n }\n\n ul {\n @include margin-left(14px);\n\n li {\n background-position: 0 6px !important;\n }\n }\n }\n}\n\n/* nested element cards */\n.nested-element-cards {\n display: flex;\n flex-direction: column;\n gap: var(--s);\n\n & > .pane {\n margin: 0;\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.heading,\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(\n calc(var(--large-border-radius) - 1px)\n );\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 .editable-table-preview {\n @include alignleft;\n white-space: pre-wrap;\n\n & + textarea {\n opacity: 0;\n height: 0;\n min-height: 0;\n padding-top: 0;\n padding-bottom: 0;\n }\n }\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 .editable-table-preview {\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: calc(100% - 29px);\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 position: relative;\n @include margin-right(10px);\n width: calc(12rem / 16);\n height: calc(12rem / 16);\n border: 1px solid transparent;\n border-radius: 100%;\n box-sizing: border-box;\n background-clip: border-box;\n\n body.use-shapes & {\n &.all {\n rotate: 45deg;\n background-image: linear-gradient(30deg, #184cef, #e5422b);\n }\n\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 &.all,\n &.off,\n &.suspended,\n &.expired {\n border-radius: 2px;\n transform: scale(90%);\n }\n }\n}\n\n.status:not(.on):not(.live):not(.active):not(.enabled):not(.all) {\n &:not(.pending):not(.warning):not(.off):not(.suspended):not(.expired) {\n &:not(.light):not(.gray):not(.red):not(.orange):not(.amber):not(.yellow) {\n &:not(.lime):not(.green):not(.emerald):not(.teal):not(.cyan):not(.sky) {\n &:not(.blue):not(.indigo):not(.violet):not(.purple):not(.fuchsia) {\n &:not(.pink):not(.rose):not(.grey):not(.black) {\n border-color: var(--ui-control-color);\n }\n }\n }\n }\n }\n}\n\n.status.all {\n background-image: linear-gradient(60deg, #184cef, #e5422b);\n background-origin: border-box;\n}\n.status.on,\n.status.live,\n.status.active,\n.status.enabled {\n background-color: var(--enabled-color);\n}\n.status.red,\n.bg-red,\n.status.off,\n.status.suspended,\n.status.expired {\n background-color: var(--disabled-color);\n}\n.status.warning {\n background-color: var(--warning-color);\n}\n.status.orange,\n.bg-orange,\n.status.pending {\n background-color: var(--pending-color);\n}\n.status.amber,\n.bg-amber {\n background-color: var(--amber-500);\n}\n.status.yellow,\n.bg-yellow {\n background-color: var(--yellow-500);\n}\n.status.lime,\n.bg-lime {\n background-color: var(--lime-500);\n}\n.status.green,\n.bg-green {\n background-color: var(--green-600);\n}\n.status.emerald,\n.bg-emerald {\n background-color: var(--emerald-500);\n}\n.status.teal,\n.bg-teal,\n.status.turquoise,\n.bg-turquoise {\n background-color: var(--teal-500);\n}\n.status.cyan,\n.bg-cyan {\n background-color: var(--cyan-500);\n}\n.status.sky,\n.bg-sky {\n background-color: var(--sky-500);\n}\n.status.blue,\n.bg-blue {\n background-color: var(--blue-600);\n}\n.status.indigo,\n.bg-indigo {\n background-color: var(--indigo-500);\n}\n.status.violet,\n.bg-violet {\n background-color: var(--violet-500);\n}\n.status.purple,\n.bg-purple {\n background-color: var(--purple-500);\n}\n.status.fuchsia,\n.bg-fuchsia {\n background-color: var(--fuchsia-500);\n}\n.status.pink,\n.bg-pink {\n background-color: var(--pink-500);\n}\n.status.rose,\n.bg-rose {\n background-color: var(--rose-500);\n}\n.status.light {\n background-color: var(--gray-100);\n}\n.status.white,\n.bg-white {\n background-color: var(--white);\n}\n.status.black,\n.bg-black {\n background-color: var(--gray-800);\n}\n.status.gray,\n.bg-gray,\n.status.grey,\n.bg-grey {\n background-color: var(--gray-300);\n}\n\n.status.white,\n.status.disabled {\n opacity: 1;\n}\n\n.icon,\n.cp-icon,\n[data-icon],\n[data-icon-after] {\n &.warning {\n --icon-color: var(--warning-color);\n }\n &.red {\n --icon-color: var(--disabled-color);\n }\n &.orange {\n --icon-color: var(--pending-color);\n }\n &.amber {\n --icon-color: var(--amber-500);\n }\n &.yellow {\n --icon-color: var(--yellow-500);\n }\n &.lime {\n --icon-color: var(--lime-500);\n }\n &.green {\n --icon-color: var(--green-500);\n }\n &.emerald {\n --icon-color: var(--emerald-500);\n }\n &.teal {\n --icon-color: var(--teal-500);\n }\n &.cyan {\n --icon-color: var(--cyan-500);\n }\n &.sky {\n --icon-color: var(--sky-500);\n }\n &.blue {\n --icon-color: var(--blue-600);\n }\n &.indigo {\n --icon-color: var(--indigo-500);\n }\n &.violet {\n --icon-color: var(--violet-500);\n }\n &.purple {\n --icon-color: var(--purple-500);\n }\n &.fuchsia {\n --icon-color: var(--fuchsia-500);\n }\n &.pink {\n --icon-color: var(--pink-500);\n }\n &.rose {\n --icon-color: var(--rose-500);\n }\n &.white {\n --icon-color: var(--white);\n }\n &.black {\n --icon-color: var(--gray-800);\n }\n &.gray {\n --icon-color: var(--gray-300);\n }\n}\n\n.warning,\n.red,\n.orange,\n.amber,\n.yellow,\n.lime,\n.green,\n.emerald,\n.teal,\n.cyan,\n.sky,\n.blue,\n.indigo,\n.violet,\n.purple,\n.fuchsia,\n.pink,\n.rose,\n.white,\n.black,\n.gray {\n &[data-icon]:before,\n &[data-icon-after]:after {\n color: var(--icon-color) !important;\n }\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 --pane-padding: var(--xl);\n --border: 1px solid var(--hairline-color);\n @include pane;\n position: relative;\n margin: 14px 0;\n padding: var(--pane-padding);\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 &.dashed {\n background-color: transparent !important;\n box-shadow: none;\n border: 1px dashed var(--medium-hairline-color) !important;\n }\n\n &.hairline {\n background-color: transparent !important;\n box-shadow: none;\n border: 1px solid #{transparentize($inputColor, 0.75)} !important;\n }\n\n &.no-border {\n border: none !important;\n }\n\n &.padding-xs {\n --pane-padding: var(--xs);\n }\n &.padding-s {\n --pane-padding: var(--s);\n }\n &.padding-m {\n --pane-padding: var(--m);\n }\n &.padding-l {\n --pane-padding: var(--l);\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(--padding) * -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 --tab-label-color: var(--light-text-color);\n\n &.error {\n --highlight-color: var(--error-color) !important;\n --tab-label-color: var(--error-color) !important;\n }\n\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 var(--padding);\n white-space: nowrap;\n height: 50px;\n }\n\n &:hover {\n text-decoration: none;\n }\n\n @include focus-styles {\n box-shadow: none;\n\n .tab-label {\n box-shadow: var(--inner-focus-ring);\n }\n }\n\n &:not(.sel) {\n color: var(--custom-text-color, var(--tab-label-color));\n\n &:hover {\n backdrop-filter: brightness(95%);\n }\n }\n\n &.sel {\n --highlight-color: var(--gray-500);\n --tab-label-color: var(--text-color);\n position: relative;\n z-index: 1;\n cursor: default;\n box-shadow:\n inset 0 2px 0 var(--custom-text-color, var(--highlight-color)),\n 0 0 0 1px $hairlineColor,\n 0 2px 12px var(--custom-sel-tab-shadow-color, var(--gray-200));\n color: var(--tab-label-color);\n background-color: var(--white) !important;\n }\n\n span[data-icon] {\n @include margin-left(4px);\n }\n }\n }\n\n &#tabs: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 &.error {\n span[data-icon] {\n margin-right: 2px;\n }\n }\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:\n 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 &[aria-expanded='true'] {\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$min2ColWidth: 400px;\n\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:\n padding-left linear 100ms,\n 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 margin: 0;\n\n @media screen and (min-width: $min2ColWidth) {\n flex: 0 0 104px;\n @include margin-right(var(--s));\n line-height: 18px;\n }\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-top: var(--s);\n\n @media screen and (min-width: $min2ColWidth) {\n padding: 14px 0;\n }\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: 100%;\n\n @media screen and (min-width: $min2ColWidth) {\n width: calc(100% - 112px);\n }\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 gap: 0;\n\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):not(.first-child),\n & > .flex-fields + .field:not(.first-child) {\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.meta > .field > .input > .custom-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 .menubtn:not(.action-btn) {\n @include padding-left(0);\n justify-content: start;\n width: 100%;\n background-color: transparent;\n\n &:after {\n position: absolute;\n top: calc(50% - 5px);\n @include right(0);\n }\n }\n\n .label {\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\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 {\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 &.so-lp {\n position: absolute;\n top: var(--m);\n left: var(--m);\n width: calc(100% - var(--m) * 2);\n height: calc(100vh - var(--m) * 2);\n }\n\n body.has-debug-toolbar & {\n height: calc(100vh - 42px);\n }\n}\n\n.slideout {\n position: absolute;\n background-color: var(--white);\n box-shadow:\n 0 0 0 1px transparentize($grey400, 0.75),\n 0 25px 100px transparentize($grey900, 0.5) !important;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n padding: 24px var(--padding);\n pointer-events: all;\n container-type: inline-size;\n\n &.so-mobile,\n &.so-lp {\n width: 100% !important;\n height: 100% !important;\n left: 0;\n transition: top linear 250ms;\n will-change: top;\n }\n\n &.so-mobile {\n --padding: 14px;\n --neg-padding: -14px;\n }\n\n &:not(.so-mobile) {\n border-radius: var(--large-border-radius);\n }\n\n &:not(.so-mobile):not(.so-lp) {\n top: 8px;\n width: calc(50% - 8px);\n height: calc(100% - 16px);\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 padding-left: var(--padding);\n padding-right: var(--padding);\n z-index: 2;\n\n & > .so-toolbar {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: var(--xs);\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-body {\n flex: 1;\n margin: -24px var(--neg-padding);\n overflow: hidden auto;\n position: relative;\n\n &:not(:last-child) {\n margin-bottom: 0;\n }\n\n & > h1:not(:last-child) {\n padding-bottom: var(--s);\n border-bottom: 1px solid var(--hairline-color);\n }\n\n &.so-full-details,\n & > .so-sidebar {\n background-color: var(--gray-100) !important;\n }\n\n &:not(.so-full-details) {\n padding: 24px var(--padding);\n }\n\n & > .so-sidebar,\n &.so-full-details > .so-content > .details {\n box-sizing: border-box;\n padding: 0 var(--padding) var(--spacing);\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 .notes {\n padding-top: var(--m);\n padding-bottom: var(--m);\n }\n }\n\n & > .so-sidebar {\n position: absolute;\n top: 0;\n @include pane();\n width: 350px;\n height: 100%;\n max-width: 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 }\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@container (width > 700px) {\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 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: 5px var(--pane-padding, 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: calc(var(--pane-padding, 24px) * -1)\n calc(var(--pane-padding, 24px) * -1) var(--pane-padding, 24px);\n }\n\n .footer {\n margin: var(--pane-padding, 24px) calc(var(--pane-padding, 24px) * -1)\n calc(var(--pane-padding, 24px) * -1);\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 &.blurred {\n backdrop-filter: blur(10px);\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 &.tooltip-hud {\n display: block;\n }\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 }\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 & > .header {\n padding-top: 14px;\n padding-bottom: 14px;\n text-align: center;\n\n & + .body {\n height: calc(100% - 48px) !important;\n }\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 .header {\n margin: 0 0 var(--m);\n }\n\n .tableview table {\n tr {\n th,\n td {\n cursor: default;\n }\n\n // prevent double focus ring (the row already gets it)\n .checkbox:before {\n box-shadow: none !important;\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 selector modals & customize sources modal */\n.elementselectormodal,\n.customize-sources-modal {\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\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/* recent activity container */\n.activity-container {\n &:not(:last-child) {\n @include margin-right(var(--s));\n }\n\n ul {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n gap: var(--xs);\n\n li {\n .activity-btn {\n width: 30px;\n height: 30px;\n border-radius: 50%;\n display: block;\n\n .elementthumb {\n position: relative;\n width: 100%;\n height: 100%;\n border-radius: 50px;\n background: var(--gray-050);\n overflow: hidden;\n border: 2px solid var(--white);\n box-shadow: 0 1px 2px 1px transparentize($grey900, 0.9);\n\n img,\n svg {\n display: block;\n width: 100%;\n height: 100%;\n }\n }\n }\n\n &:not(:last-child) {\n @include margin-right(-10px);\n }\n }\n }\n}\n\n/* element index view menu */\n.element-index-view-menu {\n width: 400px;\n max-width: calc(100% - 20px);\n padding: 0 !important;\n\n .meta {\n padding-top: var(--s);\n padding-bottom: var(--s);\n }\n\n .table-columns-field {\n align-items: flex-start;\n\n .input {\n padding: 13px 0;\n }\n }\n\n .menu-footer {\n margin: 0 !important;\n padding: var(--s) var(--xl) !important;\n background-color: var(--gray-050);\n }\n}\n\n.element-index-view-menu-table-column {\n display: flex;\n align-items: flex-start;\n align-content: stretch;\n margin-bottom: 4px;\n\n .icon.move {\n @include margin-right(10px);\n position: relative;\n z-index: 1;\n }\n}\n\n/* sort fields */\n.sort-field {\n .input {\n .flex {\n .btngroup {\n .btn {\n width: 42px;\n }\n }\n\n .flex-grow {\n max-width: calc(100% - 85px - var(--s));\n }\n\n @media screen and (max-width: 350px) {\n flex-direction: column;\n\n & > * {\n width: 100%;\n }\n\n .flex-grow {\n max-width: none;\n }\n }\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 .so-content & {\n grid-template-columns: repeat(1, minmax(0, 1fr)) !important;\n }\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 .so-content & {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n }\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.login-modal-shade,\n#logoutwarningmodal,\n.login-modal,\n#elevatedsessionmodal,\n.prompt {\n z-index: 1001;\n}\n\n#logoutwarningmodal,\n#elevatedsessionmodal,\n.prompt {\n width: 500px;\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 div.elements {\n list-style: none;\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/* Alternative Text\n/* ----------------------------------------*/\n.video-transcript {\n background-color: var(--gray-050);\n overflow-y: scroll;\n font-size: 1rem;\n position: relative;\n\n @include focus-styles {\n // Unset default\n box-shadow: none;\n color: var(--white);\n background-color: var(--gray-800);\n }\n}\n\n.video-transcript__inner {\n margin-left: auto;\n margin-right: auto;\n max-width: 550px;\n padding: var(--xl);\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 &.padded {\n padding: var(--s) calc(var(--m) + var(--s));\n\n hr {\n margin: var(--s) calc((var(--m) + var(--s)) * -1);\n }\n\n ul {\n li {\n margin: 0 calc(var(--m) * -1);\n padding: 0 var(--m);\n\n a {\n border-radius: var(--large-border-radius);\n }\n }\n }\n\n .extralight {\n margin-top: 2px;\n }\n }\n\n h6,\n .h6 {\n &:first-child {\n margin-top: 14px !important;\n }\n }\n\n ul {\n &.padded {\n li {\n a,\n .menu-item,\n .menu-option {\n @include padding-left(calc(var(--m) + 18rem / 16));\n\n &.sel {\n &:not([data-icon]):before {\n @include floatleft;\n @include margin(4px, 0, 0, calc(-18rem / 16 - 4px));\n font-size: 14px;\n width: 14px;\n content: 'check';\n color: var(--ui-control-color);\n margin-top: 3px !important;\n }\n }\n }\n }\n }\n\n li {\n a,\n .menu-item,\n .menu-option {\n margin: 0 -14px;\n padding: 10px 14px;\n white-space: nowrap;\n font-size: 14px;\n -webkit-appearance: none;\n\n &:not(:last-child) {\n @include margin-right(0);\n }\n\n &:not(.flex):not(.hidden) {\n display: block;\n width: calc(100% + 28px);\n @include alignleft;\n }\n\n &.flex {\n [data-icon] {\n margin-top: -2px;\n }\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:\n 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 .go:after {\n color: inherit;\n }\n\n &:not(.menu--disclosure) ul li a,\n ul li .menu-item,\n ul li .menu-option {\n color: $menuOptionColor;\n text-decoration: none;\n cursor: default;\n }\n}\n\n.menu li {\n & > a,\n & > button {\n &[data-icon]:before,\n [data-icon]:before,\n span.icon:not([data-icon]) {\n display: inline-block;\n width: calc(14rem / 16);\n height: calc(14rem / 16);\n @include margin-left(-1px);\n @include margin-right(9px);\n }\n\n &[data-icon]:before,\n [data-icon]:before {\n position: relative;\n top: -2px;\n text-align: center;\n font-size: 14px;\n color: var(--ui-control-color);\n }\n\n span.icon:not([data-icon]) svg {\n display: block;\n position: relative;\n top: 1px;\n width: 100%;\n height: 100%;\n @include svg-mask(var(--icon-color, var(--ui-control-color)));\n }\n\n &.error {\n &[data-icon]:before,\n [data-icon]:before {\n color: var(--error-color);\n }\n\n span.icon:not([data-icon]) svg {\n @include svg-mask(var(--error-color));\n }\n }\n }\n}\n\n.menu:not(.menu--disclosure) ul li a:not(.sel):not(.disabled):hover,\n.menu:not(.menu--disclosure) ul li .menu-item:not(.sel):not(.disabled):hover,\n.menu:not(.menu--disclosure) ul li .menu-option:not(.sel):not(.disabled):hover,\n.menu:not(.menu--disclosure):not(:hover) ul li a:not(.sel):not(.disabled).hover,\n.menu:not(.menu--disclosure):not(:hover)\n ul\n li\n .menu-item:not(.sel):not(.disabled).hover,\n.menu:not(.menu--disclosure):not(:hover)\n ul\n li\n .menu-option:not(.sel):not(.disabled).hover {\n @include menu-item-active-styles;\n}\n.menu {\n hr.padded,\n .h6.padded,\n h6.padded {\n @include margin-left(20px);\n }\n}\n\n.menu--disclosure ul li {\n & > a:not(.crumb-link),\n & > .menu-item,\n & > .menu-option {\n &:hover {\n @include disclosure-link-hover-styles;\n }\n\n @include focus-styles {\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 .chip.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 .chip {\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.selectize-control.single .selectize-input:not(.no-arrow)::after {\n display: none;\n}\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: calc(var(--large-border-radius) - 1px);\n }\n }\n th:last-child,\n td:last-child {\n &,\n &.disabled:after {\n border-bottom-right-radius: calc(var(--large-border-radius) - 1px);\n }\n }\n }\n }\n}\n\n.text,\n.passwordwrapper,\n.border-box,\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 @include focus-styles {\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(calc(-27rem / 16), 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 border-radius: 1px;\n content: '';\n cursor: help;\n\n &.modified {\n background-color: var(--blue-600);\n box-shadow: 0 0 5px hsl(221, 83%, 53%, 15%);\n }\n\n &.outdated {\n background-color: var(--pending-color);\n box-shadow: 0 0 5px hsl(27, 96%, 61%, 15%);\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\n code {\n font-size: 1em !important;\n }\n\n .info {\n @include margin-left(5px);\n }\n }\n\n .t9n-indicator {\n position: relative;\n top: calc(-1rem / 16);\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 input:disabled,\n textarea:disabled {\n cursor: not-allowed;\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(--custom-text-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(calc(1rem + 5px));\n line-height: 1rem;\n min-height: 1rem;\n cursor: pointer;\n\n &,\n &:before {\n // set the border radius on the container too, for (some) focus rings\n border-radius: var(--small-border-radius);\n }\n\n &: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 }\n\n &:empty {\n @include padding-left(var(--checkbox-size));\n\n &:after {\n content: '';\n font-size: 0;\n }\n }\n\n .info {\n height: 16px;\n }\n}\n\ninput.checkbox:disabled + label,\n.disabled div.checkbox {\n cursor: not-allowed;\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.elementselectormodal\n .body\n .content\n .main\n .elements\n .disabled\n .checkbox: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:not(.matrixblock) div.checkbox:not(.indeterminate):before,\n.sel.matrixblock > .actions div.checkbox:not(.indeterminate):before,\n.elementselectormodal\n .body\n .content\n .main\n .elements\n .disabled\n .checkbox:before {\n content: 'check';\n font-size: 14px;\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.checkbox-icon {\n display: inline-flex;\n padding: 3px;\n background-color: var(--enabled-color);\n color: var(--white);\n border-radius: var(--small-border-radius);\n\n &:before {\n --checkbox-size: 14px;\n @include icon;\n content: 'check';\n line-height: var(--checkbox-size);\n font-size: var(--checkbox-size);\n }\n}\n\n.monaco-mouse-cursor-text {\n @include focus-styles {\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(calc(1rem + 5px));\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(calc(1rem + 5px));\n line-height: calc(24 / 14);\n cursor: pointer;\n}\n\ninput.radio:disabled + label,\n.disabled div.radio {\n cursor: not-allowed;\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: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 @include focus-styles {\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: calc(34rem / 16);\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\ntd.errors .text,\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: calc(50% - 7rem / 16);\n @include left(9px);\n color: var(--ui-control-color);\n }\n }\n\n .texticon-icon {\n position: absolute;\n top: calc((34rem / 16) / 2);\n transform: translateY(-50%);\n display: flex;\n justify-content: center;\n align-items: center;\n @include left(9px);\n }\n\n .text {\n @include padding-left(calc(26rem / 16));\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: calc((34rem / 16) / 2);\n transform: translateY(-50%);\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: 'filter';\n color: var(--medium-text-color);\n }\n\n &:hover {\n background-color: var(--gray-100);\n }\n\n &:active,\n &.active,\n &[aria-expanded='true'] {\n background-color: var(--gray-350);\n\n &:before {\n color: var(--white);\n }\n }\n }\n\n .text {\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-wrap: nowrap;\n flex-direction: row;\n align-items: center;\n gap: 5px;\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 }\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 @include focus-styles {\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-control .selectize-input.disabled,\n.custom-select.disabled {\n opacity: 1;\n cursor: not-allowed !important;\n pointer-events: auto !important;\n\n * {\n cursor: not-allowed !important;\n pointer-events: auto !important;\n }\n}\n\n.selectize .selectize-input {\n display: block;\n border-color: inherit;\n box-shadow: none;\n background-color: transparent;\n\n .item {\n max-width: 100%;\n\n span {\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n}\n\n.selectize.select .selectize-input:after {\n display: none;\n}\n\nbody .selectize-dropdown {\n border: none;\n z-index: 101;\n}\n\n/* single select styles */\n.selectize.select {\n @include placeholder-styles(var(--gray-700));\n height: 34px;\n\n &:not(.fullwidth) {\n width: 25em;\n max-width: 100%;\n }\n}\n\n.datetimewrapper .selectize.select:not(.fullwidth) {\n max-width: calc(100% - 29px);\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 {\n .selectize-dropdown {\n margin-top: 1px;\n\n [data-selectable],\n .option,\n .optgroup-header {\n @include menu-item-styles;\n }\n\n .optgroup {\n &:not(:first-child) {\n border-top: 1px solid var(--hairline-color);\n }\n padding-top: 5px;\n\n .option {\n padding-left: 24px;\n }\n }\n\n .optgroup-header {\n @include h6-styles;\n margin: 0;\n padding: 4px 0;\n }\n\n .active:not(.selected),\n .option:hover {\n background-color: var(--gray-100);\n }\n\n .selected {\n @include menu-item-active-styles;\n cursor: default !important;\n\n .light {\n color: inherit !important;\n }\n }\n }\n\n .selectize-dropdown-content {\n @include menu-styles;\n max-height: 70vh;\n\n .option {\n min-height: 18px;\n }\n\n & > div[data-value='new'] {\n &:before {\n @include icon;\n content: 'plus';\n margin-right: 5px;\n }\n\n &:after {\n content: '…';\n }\n }\n }\n\n &.no-scroll .selectize-dropdown-content {\n max-height: 200px; // default for selectize\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: 1rem;\n white-space: nowrap;\n\n a {\n position: relative;\n border: 1px solid var(--hairline-color);\n @include border-left(none);\n background-image: none;\n width: calc(8rem / 16 - 1px);\n height: calc(1rem - 2px);\n margin-left: 0;\n margin-top: 1px;\n margin-bottom: 1px;\n box-sizing: border-box;\n cursor: pointer;\n\n &:first-child {\n width: calc(8rem / 16);\n @include border-left(1px solid var(--gray-400) !important);\n }\n\n &:before {\n content: '';\n position: absolute;\n top: calc(-4rem / 16 - 1px);\n left: -1px;\n width: calc(100% + 2px);\n height: var(--touch-target-size);\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: 1rem;\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/* icon picker */\n.icon-picker {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: var(--xs);\n}\n\n.icon-picker--icon {\n display: flex;\n align-items: center;\n justify-content: center;\n @include input-styles;\n border-radius: var(--ui-control-border-radius);\n width: var(--ui-control-height);\n height: var(--ui-control-height);\n background: var(--gray-050);\n\n svg {\n width: calc(20rem / 16);\n height: calc(20rem / 16);\n @include svg-mask(var(--ui-control-color));\n }\n}\n\n.icon-picker-modal {\n --width: calc(var(--ui-control-height) * 10 + var(--s) * 9 + var(--xl) * 2);\n width: var(--width) !important;\n min-width: 0 !important;\n max-width: calc(100% - 20px) !important;\n\n .body {\n height: 100%;\n display: flex;\n flex-direction: column;\n gap: var(--l);\n\n .icon-picker-modal--list {\n flex: 1;\n position: relative;\n overflow: hidden;\n\n &:not(.loading) {\n .spinner {\n display: none;\n }\n }\n\n &.loading {\n &:after {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n content: '';\n background-color: rgba(255, 255, 255, 0.75);\n }\n\n .spinner {\n top: calc(50% - 10px);\n z-index: 1;\n }\n }\n\n ul {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: start;\n gap: var(--s);\n max-height: 100%;\n overflow: auto;\n\n .icon-picker--icon {\n --focus-ring: var(--inner-focus-ring);\n\n &:hover {\n border-color: var(--link-color);\n background-color: var(--blue-100);\n }\n }\n }\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/* 2FA setup page */\nbody.setup-2fa {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n min-height: 100%;\n\n #setup-2fa {\n display: flex;\n flex-direction: column;\n gap: var(--l);\n width: 550px;\n max-width: 100%;\n padding: var(--padding);\n\n #setup-2fa-intro {\n text-align: center;\n }\n\n #setup-2fa-btn {\n display: flex;\n justify-content: center;\n }\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-item-styles;\n overflow: hidden;\n text-overflow: ellipsis;\n\n &:hover,\n &.autosuggest__results-item--highlighted {\n @include menu-item-active-styles;\n cursor: pointer;\n }\n }\n}\n\n/* ----------------------------------------\n/* Matrix\n/* ----------------------------------------*/\n\n/* Matrix fields */\n.matrix {\n & > .buttons {\n margin-top: 10px;\n }\n}\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: 2px solid var(--gray-100);\n background-color: var(--white);\n\n &.static {\n .titlebar {\n @include padding-right(0);\n @include padding-left(14px);\n margin-bottom: 14px;\n }\n }\n\n & > .titlebar > .matrixblock-tabs .pane-tabs .menubtn:not(.action-btn),\n & > .actions .action-btn {\n padding: 0;\n width: var(--touch-target-size);\n height: var(--touch-target-size);\n color: var(--custom-text-color, var(--ui-control-color));\n background-color: transparent;\n\n &:hover {\n backdrop-filter: brightness(90%);\n }\n\n &:active,\n &[aria-expanded='true'] {\n backdrop-filter: brightness(85%);\n }\n }\n\n .flex-fields {\n --row-gap: var(--m) !important;\n }\n\n & > .titlebar {\n display: grid;\n grid-template-columns: auto 1fr;\n align-items: center;\n gap: var(--m);\n margin: 0 calc(var(--m) * -1);\n box-sizing: border-box;\n border-radius: calc(var(--large-border-radius) - 2px)\n calc(var(--large-border-radius) - 2px) 0 0;\n @include padding(5px, calc(var(--m) + 70px), 5px, var(--m));\n color: var(--custom-text-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: var(--gray-050);\n min-height: calc(var(--lh) + 10px);\n\n & > .preview {\n flex-grow: 1;\n min-width: 0;\n opacity: 0;\n transition: opacity linear 100ms;\n overflow: hidden;\n\n &:empty {\n display: none;\n }\n\n body.ltr & {\n mask-image: linear-gradient(\n to left,\n rgba(0, 0, 0, 0),\n rgba(0, 0, 0, 1) 12px\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) 12px\n );\n }\n\n span {\n opacity: 0.5;\n }\n }\n\n & > .matrixblock-tabs {\n flex: 1;\n min-width: 0;\n margin: -5px 0;\n\n .pane-tabs {\n margin: 0;\n @include padding-right(3px);\n\n [role='tablist'] {\n padding: 0 12px;\n\n &.scrollable {\n mask-image: linear-gradient(\n to right,\n rgba(0, 0, 0, 0),\n rgba(0, 0, 0) 12px,\n rgba(0, 0, 0) calc(100% - 12px),\n rgba(0, 0, 0, 0) 100%\n );\n }\n\n [role='tab'] {\n background-color: transparent;\n\n .tab-label {\n height: calc(var(--lh) + 10px);\n padding: 0 var(--m);\n }\n }\n }\n\n .menubtn:not(.action-btn) {\n margin-left: 0;\n margin-right: 0;\n\n &:not(:empty):not(.btn-empty)::after {\n @include margin-left(0px);\n }\n }\n }\n }\n\n & > .preview:first-child:empty + .matrixblock-tabs {\n @include margin-left(calc((var(--m) + 12px) * -1));\n\n [role='tab']:first-child {\n &,\n .tab-label {\n @include border-top-left-radius(\n calc(var(--large-border-radius) - 2px)\n );\n }\n }\n }\n }\n\n &.disabled-entry {\n & > .titlebar {\n @include padding-right(100px);\n }\n\n & > .actions {\n & > .status {\n &.off {\n display: block;\n }\n }\n }\n }\n\n &.collapsed {\n & > .titlebar {\n border-radius: calc(var(--large-border-radius) - 2px);\n\n & > .preview {\n opacity: 1;\n }\n }\n }\n\n & > .actions {\n display: flex;\n align-items: center;\n gap: var(--xs);\n position: absolute;\n top: 0;\n @include right(var(--m));\n cursor: default;\n min-height: calc(var(--lh) + 10px);\n\n & > * {\n margin: 0 !important;\n }\n\n & > .status {\n &.off {\n display: none;\n }\n }\n\n a:not([data-action]) {\n padding: 0;\n height: var(--touch-target-size);\n text-align: center;\n color: var(--dark-hairline-color);\n transform: color linear 100ms;\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: var(--l);\n }\n }\n\n & > .fields > .flex-fields > .field {\n &:before {\n display: none;\n }\n\n & > .status-badge {\n @include left(-2px);\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/* 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$red050: #fef2f2;\n$red100: #fee2e2;\n$red200: #fecaca;\n$red300: #fca5a5;\n$red400: #f87171;\n$red500: #ef4444;\n$red600: #dc2626;\n$red700: #b91c1c;\n$red800: #991b1b;\n$red900: #7f1d1d;\n\n$orange050: #fff7ed;\n$orange100: #ffedd5;\n$orange200: #fed7aa;\n$orange300: #fdba74;\n$orange400: #fb923c;\n$orange500: #f97316;\n$orange600: #ea580c;\n$orange700: #c2410c;\n$orange800: #9a3412;\n$orange900: #7c2d12;\n\n$yellow050: #fefce8;\n$yellow100: #fef9c3;\n$yellow200: #fef08a;\n$yellow300: #fde047;\n$yellow400: #facc15;\n$yellow500: #eab308;\n$yellow600: #ca8a04;\n$yellow700: #a16207;\n$yellow800: #854d0e;\n$yellow900: #713f12;\n\n$green050: #f0fdf4;\n$green100: #dcfce7;\n$green200: #bbf7d0;\n$green300: #86efac;\n$green400: #4ade80;\n$green500: #22c55e;\n$green600: #16a34a;\n$green700: #15803d;\n$green800: #166534;\n$green900: #14532d;\n\n$teal050: #f0fdfa;\n$teal100: #ccfbf1;\n$teal200: #99f6e4;\n$teal300: #5eead4;\n$teal400: #2dd4bf;\n$teal500: #14b8a6;\n$teal550: #11a697;\n$teal600: #0d9488;\n$teal700: #0f766e;\n$teal800: #115e59;\n$teal900: #134e4a;\n\n$cyan050: #ecfeff;\n$cyan100: #cffafe;\n$cyan200: #a5f3fc;\n$cyan300: #67e8f9;\n$cyan400: #22d3ee;\n$cyan500: #06b6d4;\n$cyan600: #0891b2;\n$cyan700: #0e7490;\n$cyan800: #155e75;\n$cyan900: #164e63;\n\n$blue050: #eff6ff;\n$blue100: #dbeafe;\n$blue200: #bfdbfe;\n$blue300: #93c5fd;\n$blue400: #60a5fa;\n$blue500: #3b82f6;\n$blue600: #2563eb;\n$blue700: #1d4ed8;\n$blue800: #1e40af;\n$blue900: #1e3a8a;\n\n$violet050: #f5f3ff;\n$violet100: #ede9fe;\n$violet200: #ddd6fe;\n$violet300: #c4b5fd;\n$violet400: #a78bfa;\n$violet500: #8b5cf6;\n$violet600: #7c3aed;\n$violet700: #6d28d9;\n$violet800: #5b21b6;\n$violet900: #4c1d95;\n\n$pink050: #fdf2f8;\n$pink100: #fce7f3;\n$pink200: #fbcfe8;\n$pink300: #f9a8d4;\n$pink400: #f472b6;\n$pink500: #ec4899;\n$pink600: #db2777;\n$pink700: #be185d;\n$pink800: #9d174d;\n$pink900: #831843;\n\n// submit button colors\n$primaryColor: $red600;\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: #1f5fea;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $textColor;\n$menuOptionActiveBackgroundColor: $grey050;\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:\n 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing:\n 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing:\n 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey500;\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\n@mixin sans-serif-font {\n font-family:\n system-ui,\n BlinkMacSystemFont,\n -apple-system,\n 'Segoe UI',\n 'Roboto',\n 'Oxygen',\n 'Ubuntu',\n 'Cantarell',\n 'Fira Sans',\n 'Droid Sans',\n 'Helvetica Neue',\n 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: never;\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\n@mixin angle($dir: down, $color: currentColor, $width: calc(2rem / 16)) {\n display: block;\n content: '';\n font-size: 0;\n width: calc(7rem / 16);\n height: calc(7rem / 16);\n border: solid $color;\n border-width: 0 $width $width 0;\n opacity: 0.8;\n position: relative;\n\n @if $dir == up {\n transform: rotate(225deg);\n top: 2px;\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:\n 0 0 0 1px $grey200,\n 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) !important;\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 custom-color-focus-ring($primary, $secondary: null) {\n @if $secondary != null {\n --focus-ring: 0 0 0 1px #{$primary}, 0 0 0 3px #{$secondary};\n } @else {\n --focus-ring: 0 0 0 3px #{$primary};\n }\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: calc(30rem / 16);\n height: calc(30rem / 16);\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:\n 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-item-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-item-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 color: var(--ui-control-color);\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// https://tailwindcss.com/docs/screen-readers#undoing-screen-reader-only-elements\n@mixin visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n\n@mixin not-visually-hidden {\n position: static;\n width: auto;\n height: auto;\n padding: 0;\n margin: 0;\n overflow: visible;\n clip: auto;\n white-space: normal;\n}\n\n@mixin readable {\n font-size: 16px;\n line-height: 22px;\n\n h1,\n .h1,\n h2,\n .h2,\n h3,\n .h3,\n h4,\n .h4,\n h5,\n .h5,\n h6,\n .h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1,\n .h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2,\n .h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3,\n .h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4,\n .h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5,\n .h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6,\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 .tip-dismiss-btn {\n position: absolute;\n top: 12px;\n @include right(12px);\n\n & + p {\n margin-top: 0;\n }\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(50px);\n border: 1px solid;\n\n &.dismissible {\n @include padding-right(36px);\n }\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: $linkColor;\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 opacity: 1;\n position: absolute;\n top: 15px;\n @include left(16px);\n font-size: 24px;\n width: 24px;\n }\n\n a[href] {\n color: currentColor;\n text-decoration: underline;\n }\n }\n }\n\n .go:after {\n font-size: 14px;\n }\n}\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(\n 45deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 135deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 45deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n ),\n linear-gradient(\n 135deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n );\n background-size: $size $size;\n background-position:\n 0 0,\n $halfSize 0,\n $halfSize -#{$halfSize},\n 0 $halfSize;\n}\n","@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\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\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 --sidebar-width: #{$sidebarWidth};\n --global-sidebar-width: #{$sidebarWidth};\n}\n\nhtml {\n -webkit-text-size-adjust: 100%;\n min-height: 100vh;\n}\n\nbody {\n min-height: 100vh;\n\n &.dragging * {\n cursor: move !important;\n cursor: grabbing !important;\n }\n\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 min-height: 100vh;\n\n @media screen and (prefers-reduced-motion: no-preference) {\n body.ltr & {\n transition: left 100ms cubic-bezier(0.33, 1, 0.68, 1);\n }\n\n body.rtl & {\n transition: right 100ms cubic-bezier(0.33, 1, 0.68, 1);\n }\n }\n}\n\n/* global sidebar */\n$sidebarLinkStaticColor: var(--gray-100);\n$sidebarLinkSecondaryColor: var(--gray-200);\n\n$systemInfoBgColor: darken($grey800, 5%);\n$systemInfoHoverBgColor: darken($grey800, 10%);\n\n#system-info {\n display: grid;\n grid-template-columns: var(--prefix-width) auto;\n gap: 10px;\n height: calc(45rem / 16);\n padding: 0 var(--gutter-width);\n position: relative;\n flex: 0 0 calc(45rem / 16);\n flex-direction: row;\n align-items: center;\n color: currentColor;\n border-bottom: 1px solid var(--hairline-color);\n background-clip: padding-box;\n\n &:after {\n display: none;\n }\n\n &:focus,\n &:hover {\n text-decoration: none;\n background-color: var(--gray-200);\n }\n}\n\n#site-icon {\n --size: var(--prefix-width); // Matches .sidebar-action__prefix\n height: var(--size);\n\n img,\n svg {\n display: block;\n width: var(--size);\n height: var(--size);\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}\n\n@media only screen and (min-width: $minFullUiWidth) {\n [data-sidebar='collapsed'] {\n #system-info:hover #system-name {\n opacity: 1;\n transform: translateY(-50%) translateX(0);\n }\n\n #system-name {\n position: absolute;\n left: calc(100% + (var(--s) * 2));\n top: 50%;\n transform: translateY(-50%) translateX(-5px);\n opacity: 0;\n @include pane;\n color: var(--text-color);\n border-radius: var(--medium-border-radius);\n padding: var(--xs) var(--s);\n white-space: nowrap;\n pointer-events: none;\n\n @media screen and (prefers-reduced-motion: no-preference) {\n transition:\n opacity 50ms cubic-bezier(0.33, 1, 0.68, 1),\n transform 150ms cubic-bezier(0.33, 1, 0.68, 1);\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 gap: var(--m);\n\n body.has-debug-toolbar & {\n padding-bottom: calc(var(--xl) + 42px);\n }\n\n a {\n white-space: nowrap;\n }\n}\n\n#app-info {\n display: flex;\n flex-direction: row;\n justify-content: center;\n gap: var(--m);\n}\n\n#trial-info {\n padding: 16px var(--xl);\n border-radius: var(--large-border-radius);\n background-color: hsl(212, 40%, 90%);\n box-shadow:\n inset 0 1px 0 rgba(255, 255, 255, 0.5),\n 0 0 0 1px hsl(212, 30%, 80%),\n 0 2px 12px transparentize($grey200, 0.5);\n text-align: center;\n}\n\n#app-version {\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 position: relative;\n top: -1px;\n user-select: none;\n border: 1px solid var(--gray-600);\n border-radius: 3px;\n display: inline-flex;\n box-sizing: content-box;\n font-size: 11px;\n padding: 6px 7px;\n line-height: 8px;\n font-weight: 600;\n letter-spacing: 1.7px;\n padding-right: 5px;\n text-transform: uppercase;\n}\n\n#devmode {\n margin-top: auto;\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 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: 6px solid var(--error-color);\n color: var(--error-color);\n\n & > li {\n padding: 10px 24px;\n box-shadow: inset 0 -1px 0 0 var(--red-100);\n\n .resolvable-alert-buttons {\n margin-top: var(--m);\n }\n\n .btn,\n a.go {\n display: inline-flex;\n align-items: center;\n border: 1px solid transparentize($errorColor, 0.5);\n border-radius: var(--medium-border-radius);\n padding: 4px 5px;\n margin: 0 2px;\n color: var(--error-color);\n height: calc(30rem / 16);\n\n .flex & {\n margin: 0;\n }\n\n &:hover {\n border-color: var(--error-color);\n }\n }\n\n a:not(.btn) {\n color: var(--error-color);\n text-decoration: underline;\n\n &.go {\n text-decoration: none;\n white-space: nowrap;\n\n &:after {\n color: var(--error-color);\n font-size: 15px;\n margin-top: 1px;\n }\n }\n }\n\n .btn {\n background-color: transparent;\n }\n }\n}\n\n#global-header .btn.menubtn,\nli.crumb .btn.menubtn,\n.btn.action-btn {\n padding: 0;\n width: var(--touch-target-size);\n height: var(--touch-target-size);\n\n &:not(:hover):not(:active):not([aria-expanded='true']) {\n background-color: transparent;\n }\n}\n\n#global-header {\n width: 100%;\n margin-bottom: var(--m);\n border-bottom: 1px solid var(--hairline-color);\n\n .flex {\n height: calc(44rem / 16);\n align-items: center;\n }\n\n .btn {\n --ui-control-color: var(--gray-400);\n --ui-control-hover-color: var(--gray-800);\n --ui-control-active-color: var(--gray-700);\n\n &:hover {\n color: var(--ui-control-hover-color);\n }\n }\n}\n\n.nav-toggle {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 44px;\n min-width: 44px;\n height: calc(44rem / 16);\n border-right: 1px solid var(--medium-hairline-color);\n line-height: 26px;\n color: currentColor;\n text-align: center;\n\n &:before {\n @include icon;\n content: 'menu';\n font-size: 16px;\n line-height: 0;\n }\n\n &:hover {\n color: var(--link-color);\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 max-width: 100%;\n overflow: hidden;\n\n &.empty {\n display: none;\n }\n\n nav {\n margin: 0;\n }\n}\n\n#primary-nav-toggle {\n &:focus-visible {\n box-shadow: var(--inner-focus-ring);\n }\n}\n\n#crumb-list {\n display: flex;\n flex-direction: row;\n align-items: stretch;\n flex-wrap: nowrap;\n max-width: 100%;\n height: calc(44rem / 16);\n\n --arrow-padding: 10;\n --arrow-height: 22;\n --arrow-angle: 35;\n --arrow-width: 17.1111; // height/(45/angle)\n --arrow-c: 27.871; // sqrt(height^2+width^2)\n\n body.rtl & {\n --arrow-angle: -35;\n --arrow-width: -19.4444;\n }\n\n li.crumb {\n position: relative;\n @include padding-left(calc(var(--arrow-width) * 0.5rem / 16));\n cursor: default;\n color: var(--light-text-color);\n\n &:not(.current) {\n @include padding-right(calc(var(--arrow-width) * 1rem / 16));\n\n &:before,\n &:after {\n display: block;\n content: '';\n width: 1px;\n height: calc(var(--arrow-c) * 1rem / 16);\n position: absolute;\n @include right(calc(var(--arrow-width) * 0.5rem / 16));\n background: var(--medium-hairline-color);\n pointer-events: none;\n }\n\n &:before {\n top: calc((var(--arrow-height) - var(--arrow-c)) / 2 * 1rem / 16);\n transform: rotate(calc(var(--arrow-angle) * -1deg));\n }\n\n &:after {\n bottom: calc((var(--arrow-height) - var(--arrow-c)) / 2 * 1rem / 16);\n transform: rotate(calc(var(--arrow-angle) * 1deg));\n }\n }\n }\n\n & .menu--disclosure {\n li {\n display: block;\n\n &::after {\n content: none;\n }\n }\n }\n}\n\n#crumb-menu-trigger {\n min-width: var(--touch-target-size);\n\n &:before {\n width: 100%;\n }\n}\n\n#crumb-menu {\n .chip {\n min-height: 44px;\n }\n}\n\nli.crumb {\n display: flex;\n align-items: center;\n flex-wrap: nowrap;\n gap: var(--xs);\n\n [data-icon] {\n position: relative;\n top: -1px;\n }\n\n .menubtn {\n position: relative;\n margin: 0 calc(var(--xs) * -1 / 2);\n }\n\n [data-icon='ellipsis']:before {\n margin-top: 3px;\n font-size: 17px;\n }\n\n .chip {\n padding: 0;\n background-color: transparent;\n --custom-bg-color: initial !important;\n --custom-text-color: initial !important;\n --custom-sel-bg-color: initial !important;\n\n .label-link {\n max-width: 15em;\n\n &:focus-visible {\n box-shadow: var(--inner-focus-ring);\n }\n\n span:not(.context-label) {\n display: block;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n }\n\n &:has(.menubtn) > a {\n margin-right: 0 !important;\n padding-right: var(--xs) !important;\n }\n\n & > a {\n flex: 1;\n display: flex !important;\n align-items: center;\n flex-wrap: nowrap;\n gap: var(--xs);\n white-space: nowrap;\n\n .menu--disclosure & {\n min-height: 34px;\n }\n }\n\n a,\n button {\n display: inline-flex;\n align-items: center;\n min-height: var(--touch-target-size);\n\n &:not(:hover) {\n color: var(--text-color);\n }\n\n &:hover {\n text-decoration: none;\n }\n }\n\n a {\n position: relative;\n }\n\n button {\n cursor: pointer;\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: calc(28rem / 16 + 10px);\n position: relative;\n\n &.unread:after {\n content: '';\n display: block;\n position: absolute;\n top: calc(3rem / 16);\n @include right(5px);\n width: calc(7rem / 16);\n height: calc(7rem / 16);\n border-radius: 50%;\n background-color: var(--blue-600);\n }\n\n svg {\n width: 1rem;\n height: 1rem;\n @include svg-mask(var(--ui-control-color));\n }\n\n &:hover,\n &:active,\n &.active {\n svg {\n @include svg-mask(var(--ui-control-active-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 &.unread .announcement__heading: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 .announcement__header {\n display: grid;\n }\n\n .announcement__heading {\n position: relative;\n margin: 0 0 3px;\n order: 1;\n }\n}\n\n#user-info {\n display: flex;\n flex-direction: row;\n align-items: center;\n @include padding-left(var(--s));\n @include padding-right(calc(var(--padding) + 1px));\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 img,\n svg {\n display: block;\n width: calc(30rem / 16);\n height: calc(30rem / 16);\n max-width: none;\n border-radius: 50%;\n box-shadow:\n 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:\n 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#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 body.has-debug-toolbar & {\n bottom: 50px;\n }\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:\n 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 word-break: normal;\n overflow-wrap: anywhere;\n }\n\n .notification-details {\n margin-top: var(--xs);\n\n .chip {\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@media only screen and (min-width: $minFullUiWidth) {\n #primary-nav-toggle {\n display: none;\n }\n\n #crumbs:not(.empty) #primary-nav-toggle + nav ul li:first-child,\n #crumbs.empty + .context-menu-container {\n @include margin-left(var(--padding));\n @include padding-left(0);\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: 5px var(--padding);\n position: relative;\n z-index: 2;\n box-sizing: border-box;\n background-color: transparentize($grey300, 1);\n box-shadow: 0 1px 0 transparentize($grey800, 1);\n transition:\n background-color linear 100ms,\n 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: 0 1px 0 transparentize($grey700, 0.9);\n }\n\n @supports (backdrop-filter: blur(10px)) {\n & {\n transition:\n background-color linear 100ms,\n 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 justify-content: space-between;\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 .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#action-buttons {\n @media only screen and (max-width: 400px) {\n .btngroup .btn:first-child {\n flex-basis: 100%;\n }\n }\n\n @media only screen and (max-width: $minHorizontalUiWidth - 1px) {\n margin-top: 10px;\n }\n}\n\n#main-content {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n padding: 0 var(--padding) 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 position: relative;\n box-sizing: border-box;\n padding: 0 31px var(--m);\n width: $sidebarWidth;\n background-color: transparent;\n\n &.fixed {\n position: fixed;\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\n &:not(.sel) {\n &:hover {\n background-color: var(--gray-200);\n }\n }\n }\n }\n }\n}\n\n#content-container {\n flex: 1 1 auto;\n /*\n Admittedly I'm not totally sure why this is necessary, but it seems to be.\n We have to give #content-container some kind of \"hard\" width for it to properly\n clip the content when table cells are long.\n */\n width: 400px;\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) var(--padding);\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.footer {\n padding: 6px var(--pane-padding, var(--xl));\n min-height: 44px;\n line-height: calc(32rem / 16);\n\n .buttons {\n height: 32px;\n display: flex;\n align-items: center;\n }\n\n .btn {\n padding-top: 4px;\n padding-bottom: 4px;\n height: var(--ui-control-height--small);\n }\n}\n\n#footer {\n position: sticky;\n bottom: 0;\n z-index: 1;\n margin: calc(var(--xl) + 1px) calc(var(--padding) * -1 + 2px)\n calc(var(--xl) * -1 + 2px);\n background-color: var(--gray-050);\n border-radius: var(--small-border-radius);\n box-sizing: border-box;\n\n &:empty {\n display: none;\n }\n\n &.stuck {\n border-radius: 0;\n\n @supports (backdrop-filter: blur(10px)) {\n & {\n background-color: transparentize($grey100, 0.25);\n backdrop-filter: blur(10px);\n }\n }\n }\n\n .has-debug-toolbar & {\n transition: padding linear 100ms;\n\n &.stuck {\n padding-bottom: 52px;\n }\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 z-index: 1;\n\n &.fixed {\n position: fixed;\n }\n\n .details {\n padding-bottom: calc(var(--xl) + 11.5em);\n\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\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\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: var(--large-border-radius);\n padding-top: var(--m);\n padding-bottom: var(--m);\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 .details {\n margin-bottom: auto;\n }\n }\n}\n\n// Tighten up the padding at < 768\n@media only screen and (max-width: 767px) {\n :root {\n --padding: var(--s);\n --neg-padding: calc(var(--s) * -1);\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 .card-grid {\n display: flex !important;\n flex-direction: column;\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: 0 var(--xl);\n\n &:not(:first-child) {\n margin-top: var(--m);\n }\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 & > ul {\n margin: 2px calc(var(--xl) * -1);\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 {\n & > li:not(.heading),\n & > li.heading > ul > li {\n @include nav-level(0);\n\n & > ul.nested > li {\n @include nav-level(1);\n\n & > ul.nested > li {\n @include nav-level(2);\n\n & > ul.nested > li {\n @include nav-level(3);\n\n & > ul.nested > li {\n @include nav-level(4);\n }\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 }\n\n &.sel,\n &.active-drop-target {\n cursor: default;\n background-color: var(--gray-500);\n\n &,\n & + .toggle {\n color: var(--white);\n }\n }\n\n &.sel {\n @include light-on-dark-text;\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 position: relative;\n top: 1px;\n @include margin-right(10px);\n flex-shrink: 1;\n width: toRem(18);\n height: toRem(18);\n word-break: normal;\n transition:\n margin-left linear 150ms,\n 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: 1rem;\n height: 1rem;\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: calc(11rem / 16);\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 &.heading,\n &.expanded {\n & > ul {\n display: block;\n }\n }\n }\n }\n}\n\n.error-summary {\n margin-bottom: var(--l);\n padding: var(--l) var(--xl) var(--xl);\n box-sizing: border-box;\n box-shadow:\n 0 0 0 1px #cdd8e4,\n 0 2px 12px rgba(205, 216, 228, 0.5);\n border-radius: var(--large-border-radius);\n background-color: var(--gray-050);\n\n .notification-icon {\n color: var(--error-color);\n margin: -2px 6px 0 0;\n float: left;\n }\n\n h2 {\n margin-top: var(--xs);\n }\n\n & > ul.errors li,\n & > ul.errors li a {\n color: var(--text-color);\n\n em {\n font-weight: 600;\n }\n\n &:hover {\n color: var(--link-color);\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.draghelper .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(:nth-child(-n + 1 of :not(.hidden))) {\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.draghelper.drag-in-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.draghelper.drag-in-slideout .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",".global-sidebar {\n --is-always-visible: true;\n --prefix-width: calc(30rem / 16);\n --prefix-ratio: 1;\n --gutter-width: calc(10rem / 16); // Left and right padding\n\n position: sticky;\n top: 0;\n z-index: $sidebarZIndex;\n display: flex;\n flex-direction: column;\n height: 100vh;\n padding: 0;\n -webkit-overflow-scrolling: touch;\n background-color: transparent;\n border-right: 1px solid var(--hairline-color);\n width: var(--global-sidebar-width);\n\n a {\n text-decoration: none;\n }\n\n & > a,\n *:not(.has-subnav) > a {\n &:not([href]) {\n cursor: default;\n background-color: transparent;\n }\n }\n\n @media only screen and (max-width: $minFullUiWidth - 1px) {\n --is-always-visible: false;\n }\n}\n\n.global-sidebar__nav {\n padding: var(--s) 0;\n}\n\n.global-sidebar__footer {\n margin-block-start: auto;\n display: grid;\n gap: var(--s);\n}\n\n.global-nav > ul {\n display: flex;\n flex-direction: column;\n gap: var(--s);\n}\n\n.global-nav > ul > li {\n position: relative;\n}\n\n.global-nav > ul > li.sel {\n}\n\n.nav-icon {\n display: inline-flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 1rem;\n aspect-ratio: 1;\n line-height: 0;\n\n --thumb-size: 1rem;\n\n > svg {\n @include svg-mask(currentColor);\n width: 100%;\n height: 100%;\n }\n}\n\n.nav-item {\n --gutter-width: calc(10rem / 16);\n display: grid;\n grid-template-columns: var(--gutter-width) 1fr var(--prefix-width) var(\n --gutter-width\n );\n grid-template-areas: '. action trigger .' 'subnav subnav subnav subnav';\n align-items: center;\n width: 100%;\n\n > .sidebar-action {\n grid-area: action;\n }\n\n [data-sidebar='collapsed'] & {\n grid-template-areas: '. action .' '. trigger .' 'subnav subnav subnav';\n grid-template-columns: var(--gutter-width) var(--prefix-width) var(\n --gutter-width\n );\n }\n}\n\n.nav-item__trigger {\n --icon-size: 10px;\n --trigger-size: var(--touch-target-size);\n grid-area: trigger;\n display: flex;\n z-index: 1;\n\n .menubtn {\n padding: 0;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: var(--trigger-size);\n height: var(--trigger-size);\n border: transparent;\n\n &:hover {\n background-color: var(--ui-control-bg-color);\n }\n\n &[aria-expanded='true']:not(:hover) {\n background-color: transparent;\n }\n\n &[aria-expanded='true']:after {\n @include angle(up);\n }\n\n &:after {\n margin-left: 0 !important;\n }\n }\n}\n\n.nav-item__subnav {\n --prefix-ratio: 4/3;\n @include visually-hidden;\n grid-area: subnav;\n\n &.is-open {\n @include not-visually-hidden;\n }\n}\n\n.badge {\n display: inline-flex;\n justify-content: center;\n text-align: center;\n flex-shrink: 1;\n font-size: 11px;\n line-height: 1rem;\n width: 1.1rem;\n height: 1rem;\n border-radius: var(--s);\n background-color: var(--medium-text-color);\n color: var(--white);\n}\n\n.sidebar-actions {\n padding: 10px var(--gutter-width); // match padding of #system-info\n}\n\n.sidebar-action {\n --thumb-size: 0.75rem;\n display: flex;\n width: 100%;\n align-items: center;\n position: relative;\n text-align: left;\n border-radius: var(--medium-border-radius);\n color: currentColor;\n cursor: pointer;\n gap: 7px; // magic number to align with system name\n min-height: 30px;\n\n &:before {\n content: '';\n position: absolute;\n left: calc((10rem / 16) * -1); // match #system-name\n top: 50%;\n height: 80%;\n transform: translateY(-50%);\n width: var(--xs);\n }\n\n &:focus-visible,\n &:hover {\n background-color: var(--gray-200);\n }\n\n &.sel {\n &:before {\n --indicator-size: 6px;\n background-color: currentColor;\n }\n }\n}\n\n.sidebar-action--sub {\n --indicator-size: 4px;\n font-size: 0.9em;\n min-height: 26px;\n\n &:before {\n width: var(--indicator-size);\n height: var(--indicator-size);\n border-radius: 100%;\n left: calc((30px / 2) - (var(--indicator-size) / 2));\n top: 50%;\n background-color: var(--gray-300);\n }\n}\n\n.sidebar-action--job {\n align-items: flex-start;\n\n .sidebar-action__label {\n padding-block: var(--xs);\n }\n\n &[href]:hover {\n background-color: transparent;\n\n .icon > span.icon > canvas#job-icon-hover {\n opacity: 1;\n }\n }\n\n .label {\n white-space: normal;\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 .nav-icon {\n display: block;\n position: relative;\n width: 16px;\n height: 16px;\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\n.sidebar-action__prefix {\n display: flex;\n align-items: center;\n justify-content: center;\n width: var(--prefix-width);\n aspect-ratio: var(--prefix-ratio);\n line-height: 0;\n flex-shrink: 0;\n}\n\n.sidebar-action__label {\n display: inline-flex;\n gap: var(--s);\n align-items: center;\n padding: 0 var(--xs);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n flex-grow: 1;\n}\n\n.sidebar-action__badge {\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: 0 var(--s);\n margin-left: auto;\n}\n\n/**\nStates\n */\n@media only screen and (min-width: $minFullUiWidth) {\n [data-sidebar='collapsed'] {\n .global-sidebar {\n --global-sidebar-width: calc(50rem / 16);\n }\n\n .nav-item__indicator {\n right: -1px;\n }\n\n .sidebar-action {\n width: var(--prefix-width);\n min-height: var(--prefix-width);\n\n &:focus-visible,\n &:hover {\n .sidebar-action__label {\n opacity: 1;\n transform: translateY(-50%) translateX(0);\n }\n }\n }\n\n .nav-item__trigger {\n .menubtn {\n width: 100%;\n height: auto;\n padding-block: 2px var(--xs);\n }\n }\n\n .sidebar-action__label {\n position: absolute;\n z-index: 10;\n left: calc(100% + (var(--xs) * 2));\n top: 50%;\n transform: translateY(-50%) translateX(-5px);\n opacity: 0;\n @include pane;\n color: var(--text-color);\n border-radius: var(--medium-border-radius);\n padding: var(--xs) var(--s);\n pointer-events: none;\n\n @media screen and (prefers-reduced-motion: no-preference) {\n transition:\n opacity 50ms cubic-bezier(0.33, 1, 0.68, 1),\n transform 150ms cubic-bezier(0.33, 1, 0.68, 1);\n }\n }\n\n .sidebar-action__badge {\n z-index: 100;\n position: absolute;\n right: calc(var(--xs) * -1);\n bottom: var(--xs);\n transform: translateY(25%);\n padding: 0;\n }\n\n .sidebar-action--sub {\n min-height: 26px;\n\n &:before {\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n }\n }\n\n .global-nav > ul > li + li {\n --separator-width: calc(28rem / 16);\n\n &:before {\n position: absolute;\n top: calc(var(--s) / -2);\n left: calc((var(--global-sidebar-width) - var(--separator-width)) / 2);\n content: '';\n width: var(--separator-width);\n height: 1px;\n margin: 0 auto;\n background-color: var(--hairline-color);\n }\n }\n }\n\n [data-sidebar='expanded'] {\n #sidebar-toggle-icon {\n transform: rotate(180deg);\n }\n }\n}\n\n#sidebar-trigger {\n display: none;\n\n @media only screen and (min-width: $minFullUiWidth) {\n display: flex;\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: 5px 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: #{44 + 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 .matrixblock > .fields > .flex-fields > .field > .status-badge {\n @include left(calc(var(--m) * -1));\n }\n }\n\n .lp-draghandle {\n position: absolute;\n z-index: 101;\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: 44px;\n }\n }\n\n .lp-device-type {\n .btn {\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-btn--phone::before {\n background-image: url(../images/preview/icon-phone.svg);\n }\n &.lp-device-type-btn--tablet::before {\n background-image: url(../images/preview/icon-tablet.svg);\n }\n &.lp-device-type-btn--desktop::before {\n background-image: url(../images/preview/icon-desktop.svg);\n }\n }\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-preview-container__bumper-link {\n top: unset;\n bottom: 0;\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% - 44px);\n width: 100%;\n background-color: var(--gray-100);\n\n @supports (backdrop-filter: blur(10px)) {\n top: 44px;\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:\n top center,\n 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 '../../../../../../node_modules/@craftcms/sass/mixins';\n\n.login-container {\n .login-form-container {\n background-color: var(--gray-050);\n }\n\n .login-form {\n input[readonly] {\n cursor: not-allowed;\n }\n\n & > .field,\n & > .btn {\n margin-top: var(--l);\n\n &:not(:last-child):not(.last) {\n margin-bottom: var(--l);\n }\n }\n\n .btn {\n display: flex;\n }\n }\n\n .alternative-login-methods {\n margin-top: var(--m);\n\n .btn {\n width: 100%;\n }\n }\n\n .login-forgot-password,\n .login-alt-container button {\n font-size: 11px;\n color: var(--medium-text-color);\n cursor: pointer !important;\n }\n\n .login-alt-container {\n margin: calc(var(--s) - var(--xl)) 0;\n\n button {\n display: inline-flex;\n background-color: transparent;\n padding: 0;\n width: auto;\n height: auto;\n min-height: var(--touch-target-size);\n }\n }\n\n .login-forgot-password:hover,\n .login-forgot-password:focus,\n .login-alt-container button:hover,\n .login-alt-container button:focus {\n color: var(--link-color);\n }\n\n .login-errors {\n text-align: center;\n color: var(--error-color);\n margin-top: 1em;\n }\n}\n\n.login-alt-menu {\n z-index: 1001;\n}\n\nbody.login {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n min-height: 100%;\n\n main {\n padding: var(--padding);\n width: calc(300px + var(--padding) * 2);\n max-width: 100%;\n\n h1 {\n text-align: center;\n font-size: 32px;\n line-height: 40px;\n word-wrap: break-word;\n\n #login-logo {\n width: 100%;\n height: auto;\n max-height: 300px;\n }\n }\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 &:hover,\n &:focus,\n &:active {\n opacity: 1;\n }\n\n > svg {\n display: inline-block;\n }\n }\n}\n\n.modal.email-sent {\n width: 300px;\n\n .body {\n @include padding-left(68px);\n\n &: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 }\n}\n\n.login-modal {\n width: calc(600px + var(--l) * 2);\n max-width: calc(100% - 20px);\n background: var(--gray-100);\n border-radius: var(--large-border-radius);\n\n .body {\n display: flex;\n flex-direction: row;\n padding: var(--l);\n\n .login-modal-intro,\n .login-modal-form {\n width: 300px;\n max-width: 100%;\n }\n\n .login-modal-intro {\n padding: var(--m);\n }\n }\n\n @media screen and (max-width: 656px) {\n border-radius: var(--large-border-radius);\n\n .body {\n padding: var(--m);\n flex-direction: column;\n gap: var(--m);\n overflow: auto;\n\n .login-modal-intro {\n padding: var(--xs) var(--xl);\n }\n\n .login-modal-form {\n border-radius: 0;\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$red050: #fef2f2;\n$red100: #fee2e2;\n$red200: #fecaca;\n$red300: #fca5a5;\n$red400: #f87171;\n$red500: #ef4444;\n$red600: #dc2626;\n$red700: #b91c1c;\n$red800: #991b1b;\n$red900: #7f1d1d;\n\n$orange050: #fff7ed;\n$orange100: #ffedd5;\n$orange200: #fed7aa;\n$orange300: #fdba74;\n$orange400: #fb923c;\n$orange500: #f97316;\n$orange600: #ea580c;\n$orange700: #c2410c;\n$orange800: #9a3412;\n$orange900: #7c2d12;\n\n$yellow050: #fefce8;\n$yellow100: #fef9c3;\n$yellow200: #fef08a;\n$yellow300: #fde047;\n$yellow400: #facc15;\n$yellow500: #eab308;\n$yellow600: #ca8a04;\n$yellow700: #a16207;\n$yellow800: #854d0e;\n$yellow900: #713f12;\n\n$green050: #f0fdf4;\n$green100: #dcfce7;\n$green200: #bbf7d0;\n$green300: #86efac;\n$green400: #4ade80;\n$green500: #22c55e;\n$green600: #16a34a;\n$green700: #15803d;\n$green800: #166534;\n$green900: #14532d;\n\n$teal050: #f0fdfa;\n$teal100: #ccfbf1;\n$teal200: #99f6e4;\n$teal300: #5eead4;\n$teal400: #2dd4bf;\n$teal500: #14b8a6;\n$teal550: #11a697;\n$teal600: #0d9488;\n$teal700: #0f766e;\n$teal800: #115e59;\n$teal900: #134e4a;\n\n$cyan050: #ecfeff;\n$cyan100: #cffafe;\n$cyan200: #a5f3fc;\n$cyan300: #67e8f9;\n$cyan400: #22d3ee;\n$cyan500: #06b6d4;\n$cyan600: #0891b2;\n$cyan700: #0e7490;\n$cyan800: #155e75;\n$cyan900: #164e63;\n\n$blue050: #eff6ff;\n$blue100: #dbeafe;\n$blue200: #bfdbfe;\n$blue300: #93c5fd;\n$blue400: #60a5fa;\n$blue500: #3b82f6;\n$blue600: #2563eb;\n$blue700: #1d4ed8;\n$blue800: #1e40af;\n$blue900: #1e3a8a;\n\n$violet050: #f5f3ff;\n$violet100: #ede9fe;\n$violet200: #ddd6fe;\n$violet300: #c4b5fd;\n$violet400: #a78bfa;\n$violet500: #8b5cf6;\n$violet600: #7c3aed;\n$violet700: #6d28d9;\n$violet800: #5b21b6;\n$violet900: #4c1d95;\n\n$pink050: #fdf2f8;\n$pink100: #fce7f3;\n$pink200: #fbcfe8;\n$pink300: #f9a8d4;\n$pink400: #f472b6;\n$pink500: #ec4899;\n$pink600: #db2777;\n$pink700: #be185d;\n$pink800: #9d174d;\n$pink900: #831843;\n\n// submit button colors\n$primaryColor: $red600;\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: #1f5fea;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $textColor;\n$menuOptionActiveBackgroundColor: $grey050;\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:\n 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing:\n 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing:\n 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey500;\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\n@mixin sans-serif-font {\n font-family:\n system-ui,\n BlinkMacSystemFont,\n -apple-system,\n 'Segoe UI',\n 'Roboto',\n 'Oxygen',\n 'Ubuntu',\n 'Cantarell',\n 'Fira Sans',\n 'Droid Sans',\n 'Helvetica Neue',\n 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: never;\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\n@mixin angle($dir: down, $color: currentColor, $width: calc(2rem / 16)) {\n display: block;\n content: '';\n font-size: 0;\n width: calc(7rem / 16);\n height: calc(7rem / 16);\n border: solid $color;\n border-width: 0 $width $width 0;\n opacity: 0.8;\n position: relative;\n\n @if $dir == up {\n transform: rotate(225deg);\n top: 2px;\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:\n 0 0 0 1px $grey200,\n 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) !important;\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 custom-color-focus-ring($primary, $secondary: null) {\n @if $secondary != null {\n --focus-ring: 0 0 0 1px #{$primary}, 0 0 0 3px #{$secondary};\n } @else {\n --focus-ring: 0 0 0 3px #{$primary};\n }\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: calc(30rem / 16);\n height: calc(30rem / 16);\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:\n 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-item-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-item-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 color: var(--ui-control-color);\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// https://tailwindcss.com/docs/screen-readers#undoing-screen-reader-only-elements\n@mixin visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n\n@mixin not-visually-hidden {\n position: static;\n width: auto;\n height: auto;\n padding: 0;\n margin: 0;\n overflow: visible;\n clip: auto;\n white-space: normal;\n}\n\n@mixin readable {\n font-size: 16px;\n line-height: 22px;\n\n h1,\n .h1,\n h2,\n .h2,\n h3,\n .h3,\n h4,\n .h4,\n h5,\n .h5,\n h6,\n .h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1,\n .h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2,\n .h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3,\n .h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4,\n .h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5,\n .h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6,\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 .tip-dismiss-btn {\n position: absolute;\n top: 12px;\n @include right(12px);\n\n & + p {\n margin-top: 0;\n }\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(50px);\n border: 1px solid;\n\n &.dismissible {\n @include padding-right(36px);\n }\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: $linkColor;\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 opacity: 1;\n position: absolute;\n top: 15px;\n @include left(16px);\n font-size: 24px;\n width: 24px;\n }\n\n a[href] {\n color: currentColor;\n text-decoration: underline;\n }\n }\n }\n\n .go:after {\n font-size: 14px;\n }\n}\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(\n 45deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 135deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 45deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n ),\n linear-gradient(\n 135deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n );\n background-size: $size $size;\n background-position:\n 0 0,\n $halfSize 0,\n $halfSize -#{$halfSize},\n 0 $halfSize;\n}\n","@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\n$base: 24px;\n$tabPadding: 14px;\n$tabWidth: $base * 11;\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 display: flex;\n flex-direction: column;\n\n .btngroup {\n margin-bottom: $tabPadding;\n }\n\n .fld-field-library {\n margin: -3px;\n padding: 3px;\n flex: 1;\n min-height: 0;\n overflow: auto;\n\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:\n 0 0 0 1px transparentize($grey900, 0.9),\n 0 2px 5px -2px transparentize($grey900, 0.8);\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 gap: var(--xs);\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-element {\n position: relative;\n display: flex;\n align-items: center;\n padding: var(--s);\n gap: var(--s);\n box-shadow: inset 0 0 0 1px var(--hairline-color);\n border-radius: var(--medium-border-radius);\n background-color: 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 background-color: var(--gray-100);\n\n &:not(.draghelper) {\n box-shadow: none;\n }\n\n .field-name {\n display: flex;\n flex-direction: column;\n gap: var(--xs);\n }\n }\n\n .fld-element-icon {\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\n.fld-hr,\n.fld-br {\n position: relative;\n flex: 1;\n display: flex;\n justify-content: center;\n\n &:before {\n position: absolute;\n display: block;\n top: calc(50% - 2px);\n left: 0;\n width: 100%;\n height: 4px;\n content: '';\n font-size: 0;\n border-radius: 2px;\n }\n\n .smalltext {\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: var(--gray-100);\n border-radius: var(--large-border-radius);\n padding: 0 var(--s);\n height: var(--touch-target-size);\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-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 body.has-debug-toolbar & {\n padding-bottom: calc(8px + 42px);\n }\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(calc(1rem + 5px));\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","@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 f30bac07d54..aaa97fe57e0 100644 --- a/src/web/assets/cp/src/css/_cp.scss +++ b/src/web/assets/cp/src/css/_cp.scss @@ -105,10 +105,10 @@ $systemInfoHoverBgColor: darken($grey800, 10%); #system-info { display: grid; - grid-template-columns: 30px auto; + grid-template-columns: var(--prefix-width) auto; gap: 10px; height: calc(45rem / 16); - padding: 0 10px; + padding: 0 var(--gutter-width); position: relative; flex: 0 0 calc(45rem / 16); flex-direction: row; @@ -129,13 +129,14 @@ $systemInfoHoverBgColor: darken($grey800, 10%); } #site-icon { - height: 30px; + --size: var(--prefix-width); // Matches .sidebar-action__prefix + height: var(--size); img, svg { display: block; - width: 30px; - height: 30px; + width: var(--size); + height: var(--size); border-radius: 4px; } @@ -1509,7 +1510,7 @@ li.breadcrumb-toggle-wrapper { @include margin(0, -4px, 0, 10px); flex-shrink: 1; padding: 0 6px; - font-size: 11px; + font-size: calc(11rem / 16); line-height: 16px; border-radius: var(--s); background-color: var(--medium-text-color); diff --git a/src/web/assets/cp/src/css/_global-sidebar.scss b/src/web/assets/cp/src/css/_global-sidebar.scss index 9bf09201f62..a257644eefa 100644 --- a/src/web/assets/cp/src/css/_global-sidebar.scss +++ b/src/web/assets/cp/src/css/_global-sidebar.scss @@ -1,7 +1,8 @@ .global-sidebar { --is-always-visible: true; - --prefix-size: 30px; + --prefix-width: calc(30rem / 16); --prefix-ratio: 1; + --gutter-width: calc(10rem / 16); // Left and right padding position: sticky; top: 0; @@ -74,8 +75,11 @@ } .nav-item { + --gutter-width: calc(10rem / 16); display: grid; - grid-template-columns: 10px 1fr var(--prefix-size) 10px; + grid-template-columns: var(--gutter-width) 1fr var(--prefix-width) var( + --gutter-width + ); grid-template-areas: '. action trigger .' 'subnav subnav subnav subnav'; align-items: center; width: 100%; @@ -86,7 +90,9 @@ [data-sidebar='collapsed'] & { grid-template-areas: '. action .' '. trigger .' 'subnav subnav subnav'; - grid-template-columns: 10px var(--prefix-size) 10px; + grid-template-columns: var(--gutter-width) var(--prefix-width) var( + --gutter-width + ); } } @@ -149,7 +155,7 @@ } .sidebar-actions { - padding: 10px; // match padding of #system-info + padding: 10px var(--gutter-width); // match padding of #system-info } .sidebar-action { @@ -168,7 +174,7 @@ &:before { content: ''; position: absolute; - left: calc(10px * -1); // match #system-name + left: calc((10rem / 16) * -1); // match #system-name top: 50%; height: 80%; transform: translateY(-50%); @@ -252,7 +258,7 @@ display: flex; align-items: center; justify-content: center; - width: var(--prefix-size); + width: var(--prefix-width); aspect-ratio: var(--prefix-ratio); line-height: 0; flex-shrink: 0; @@ -283,7 +289,7 @@ States @media only screen and (min-width: $minFullUiWidth) { [data-sidebar='collapsed'] { .global-sidebar { - --global-sidebar-width: 50px; + --global-sidebar-width: calc(50rem / 16); } .nav-item__indicator { @@ -291,8 +297,8 @@ States } .sidebar-action { - width: 30px; - min-height: 30px; + width: var(--prefix-width); + min-height: var(--prefix-width); &:focus-visible, &:hover { @@ -351,7 +357,7 @@ States } .global-nav > ul > li + li { - --separator-width: 28px; + --separator-width: calc(28rem / 16); &:before { position: absolute; diff --git a/src/web/assets/craftsupport/dist/css/CraftSupportWidget.css.map b/src/web/assets/craftsupport/dist/css/CraftSupportWidget.css.map index 81e0219fcda..e2c099c6a18 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,CCyMV,oqBAQE,oBDhN0B,CCiN1B,eD3MI,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,iBAOE,CAGF,4GACE,iBAEA,gHACE,cAGA,YAFA,cACA,UACA,CAKN,0FAIE,+BAFA,gBADA,kBAEA,iBACA,CAGF,kFAEE,eADA,iBACA,CAEA,oFACE,cACA,kBC4ZV,6FACE,uBAEF,6FACE,uBD7ZQ,4FACE,kBACA,QCqPZ,qGACE,MDrPwB,CCuP1B,qGACE,ODxPwB,CAKpB,yEACE,kBAEA,4FACE,aACA,aAGF,kKAEE,cACA,cACA,gBAIJ,+EACE,kCAEA,iFACE,SACA,kBAGF,kGACE,aACA,eACA,uBAEA,oGAEE,sBAEA,8BADA,iBAFA,SAGA,CAEA,0GACE,wBACA,qBAGF,uGAEE,eAAc,CADd,iBACA,CAEA,2GAEE,YADA,WACA,CAIJ,sGACE,aAKN,oGAGE,mBAFA,aACA,sBACA,CAGF,kGAIE,aACA,uBAHA,gBACA,iBAFA,iBAIA,CAEA,yGAUE,iCARA,WADA,cAEA,YAMA,WAHA,SACA,eAHA,kBACA,MAGA,UAEA,CCgTZ,+GACE,gBD7SU,CC+SZ,+GACE,iBDhTU,CAGF,oGAEE,mBADA,YACA,CAEA,wGAEE,YADA,UACA,CCUd,o3BAQE,4BDjB8B,CCkB9B,eAgRF,kHACE,eD/RY,CCiSd,kHACE,gBDlSY,CAON,4FACE,iBAKF,wFACE,iCAGF,sHACE,gBAGF,yFAEE,QAAO,CADP,iBACA,CCgIV,kGACE,WDhIuB,CCkIzB,kGACE,UDnIuB","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:\n 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: 1rem;\n height: 1rem;\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$red050: #fef2f2;\n$red100: #fee2e2;\n$red200: #fecaca;\n$red300: #fca5a5;\n$red400: #f87171;\n$red500: #ef4444;\n$red600: #dc2626;\n$red700: #b91c1c;\n$red800: #991b1b;\n$red900: #7f1d1d;\n\n$orange050: #fff7ed;\n$orange100: #ffedd5;\n$orange200: #fed7aa;\n$orange300: #fdba74;\n$orange400: #fb923c;\n$orange500: #f97316;\n$orange600: #ea580c;\n$orange700: #c2410c;\n$orange800: #9a3412;\n$orange900: #7c2d12;\n\n$yellow050: #fefce8;\n$yellow100: #fef9c3;\n$yellow200: #fef08a;\n$yellow300: #fde047;\n$yellow400: #facc15;\n$yellow500: #eab308;\n$yellow600: #ca8a04;\n$yellow700: #a16207;\n$yellow800: #854d0e;\n$yellow900: #713f12;\n\n$green050: #f0fdf4;\n$green100: #dcfce7;\n$green200: #bbf7d0;\n$green300: #86efac;\n$green400: #4ade80;\n$green500: #22c55e;\n$green600: #16a34a;\n$green700: #15803d;\n$green800: #166534;\n$green900: #14532d;\n\n$teal050: #f0fdfa;\n$teal100: #ccfbf1;\n$teal200: #99f6e4;\n$teal300: #5eead4;\n$teal400: #2dd4bf;\n$teal500: #14b8a6;\n$teal550: #11a697;\n$teal600: #0d9488;\n$teal700: #0f766e;\n$teal800: #115e59;\n$teal900: #134e4a;\n\n$cyan050: #ecfeff;\n$cyan100: #cffafe;\n$cyan200: #a5f3fc;\n$cyan300: #67e8f9;\n$cyan400: #22d3ee;\n$cyan500: #06b6d4;\n$cyan600: #0891b2;\n$cyan700: #0e7490;\n$cyan800: #155e75;\n$cyan900: #164e63;\n\n$blue050: #eff6ff;\n$blue100: #dbeafe;\n$blue200: #bfdbfe;\n$blue300: #93c5fd;\n$blue400: #60a5fa;\n$blue500: #3b82f6;\n$blue600: #2563eb;\n$blue700: #1d4ed8;\n$blue800: #1e40af;\n$blue900: #1e3a8a;\n\n$violet050: #f5f3ff;\n$violet100: #ede9fe;\n$violet200: #ddd6fe;\n$violet300: #c4b5fd;\n$violet400: #a78bfa;\n$violet500: #8b5cf6;\n$violet600: #7c3aed;\n$violet700: #6d28d9;\n$violet800: #5b21b6;\n$violet900: #4c1d95;\n\n$pink050: #fdf2f8;\n$pink100: #fce7f3;\n$pink200: #fbcfe8;\n$pink300: #f9a8d4;\n$pink400: #f472b6;\n$pink500: #ec4899;\n$pink600: #db2777;\n$pink700: #be185d;\n$pink800: #9d174d;\n$pink900: #831843;\n\n// submit button colors\n$primaryColor: $red600;\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: #1f5fea;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $textColor;\n$menuOptionActiveBackgroundColor: $grey050;\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:\n 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing:\n 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing:\n 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey500;\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\n@mixin sans-serif-font {\n font-family:\n system-ui,\n BlinkMacSystemFont,\n -apple-system,\n 'Segoe UI',\n 'Roboto',\n 'Oxygen',\n 'Ubuntu',\n 'Cantarell',\n 'Fira Sans',\n 'Droid Sans',\n 'Helvetica Neue',\n 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: never;\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\n@mixin angle($dir: down, $color: currentColor, $width: calc(2rem / 16)) {\n display: block;\n content: '';\n font-size: 0;\n width: calc(7rem / 16);\n height: calc(7rem / 16);\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:\n 0 0 0 1px $grey200,\n 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) !important;\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 custom-color-focus-ring($primary, $secondary: null) {\n @if $secondary != null {\n --focus-ring: 0 0 0 1px #{$primary}, 0 0 0 3px #{$secondary};\n } @else {\n --focus-ring: 0 0 0 3px #{$primary};\n }\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: calc(30rem / 16);\n height: calc(30rem / 16);\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:\n 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-item-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-item-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 color: var(--ui-control-color);\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 .h1,\n h2,\n .h2,\n h3,\n .h3,\n h4,\n .h4,\n h5,\n .h5,\n h6,\n .h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1,\n .h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2,\n .h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3,\n .h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4,\n .h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5,\n .h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6,\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 .tip-dismiss-btn {\n position: absolute;\n top: 12px;\n @include right(12px);\n\n & + p {\n margin-top: 0;\n }\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(50px);\n border: 1px solid;\n\n &.dismissible {\n @include padding-right(36px);\n }\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: $linkColor;\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 opacity: 1;\n position: absolute;\n top: 15px;\n @include left(16px);\n font-size: 24px;\n width: 24px;\n }\n\n a[href] {\n color: currentColor;\n text-decoration: underline;\n }\n }\n }\n\n .go:after {\n font-size: 14px;\n }\n}\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(\n 45deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 135deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 45deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n ),\n linear-gradient(\n 135deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n );\n background-size: $size $size;\n background-position:\n 0 0,\n $halfSize 0,\n $halfSize -#{$halfSize},\n 0 $halfSize;\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,CCyMV,oqBAQE,oBDhN0B,CCiN1B,eD3MI,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,iBAOE,CAGF,4GACE,iBAEA,gHACE,cAGA,YAFA,cACA,UACA,CAKN,0FAIE,+BAFA,gBADA,kBAEA,iBACA,CAGF,kFAEE,eADA,iBACA,CAEA,oFACE,cACA,kBC8ZV,6FACE,uBAEF,6FACE,uBD/ZQ,4FACE,kBACA,QCuPZ,qGACE,MDvPwB,CCyP1B,qGACE,OD1PwB,CAKpB,yEACE,kBAEA,4FACE,aACA,aAGF,kKAEE,cACA,cACA,gBAIJ,+EACE,kCAEA,iFACE,SACA,kBAGF,kGACE,aACA,eACA,uBAEA,oGAEE,sBAEA,8BADA,iBAFA,SAGA,CAEA,0GACE,wBACA,qBAGF,uGAEE,eAAc,CADd,iBACA,CAEA,2GAEE,YADA,WACA,CAIJ,sGACE,aAKN,oGAGE,mBAFA,aACA,sBACA,CAGF,kGAIE,aACA,uBAHA,gBACA,iBAFA,iBAIA,CAEA,yGAUE,iCARA,WADA,cAEA,YAMA,WAHA,SACA,eAHA,kBACA,MAGA,UAEA,CCkTZ,+GACE,gBD/SU,CCiTZ,+GACE,iBDlTU,CAGF,oGAEE,mBADA,YACA,CAEA,wGAEE,YADA,UACA,CCUd,o3BAQE,4BDjB8B,CCkB9B,eAkRF,kHACE,eDjSY,CCmSd,kHACE,gBDpSY,CAON,4FACE,iBAKF,wFACE,iCAGF,sHACE,gBAGF,yFAEE,QAAO,CADP,iBACA,CCkIV,kGACE,WDlIuB,CCoIzB,kGACE,UDrIuB","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:\n 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: 1rem;\n height: 1rem;\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$red050: #fef2f2;\n$red100: #fee2e2;\n$red200: #fecaca;\n$red300: #fca5a5;\n$red400: #f87171;\n$red500: #ef4444;\n$red600: #dc2626;\n$red700: #b91c1c;\n$red800: #991b1b;\n$red900: #7f1d1d;\n\n$orange050: #fff7ed;\n$orange100: #ffedd5;\n$orange200: #fed7aa;\n$orange300: #fdba74;\n$orange400: #fb923c;\n$orange500: #f97316;\n$orange600: #ea580c;\n$orange700: #c2410c;\n$orange800: #9a3412;\n$orange900: #7c2d12;\n\n$yellow050: #fefce8;\n$yellow100: #fef9c3;\n$yellow200: #fef08a;\n$yellow300: #fde047;\n$yellow400: #facc15;\n$yellow500: #eab308;\n$yellow600: #ca8a04;\n$yellow700: #a16207;\n$yellow800: #854d0e;\n$yellow900: #713f12;\n\n$green050: #f0fdf4;\n$green100: #dcfce7;\n$green200: #bbf7d0;\n$green300: #86efac;\n$green400: #4ade80;\n$green500: #22c55e;\n$green600: #16a34a;\n$green700: #15803d;\n$green800: #166534;\n$green900: #14532d;\n\n$teal050: #f0fdfa;\n$teal100: #ccfbf1;\n$teal200: #99f6e4;\n$teal300: #5eead4;\n$teal400: #2dd4bf;\n$teal500: #14b8a6;\n$teal550: #11a697;\n$teal600: #0d9488;\n$teal700: #0f766e;\n$teal800: #115e59;\n$teal900: #134e4a;\n\n$cyan050: #ecfeff;\n$cyan100: #cffafe;\n$cyan200: #a5f3fc;\n$cyan300: #67e8f9;\n$cyan400: #22d3ee;\n$cyan500: #06b6d4;\n$cyan600: #0891b2;\n$cyan700: #0e7490;\n$cyan800: #155e75;\n$cyan900: #164e63;\n\n$blue050: #eff6ff;\n$blue100: #dbeafe;\n$blue200: #bfdbfe;\n$blue300: #93c5fd;\n$blue400: #60a5fa;\n$blue500: #3b82f6;\n$blue600: #2563eb;\n$blue700: #1d4ed8;\n$blue800: #1e40af;\n$blue900: #1e3a8a;\n\n$violet050: #f5f3ff;\n$violet100: #ede9fe;\n$violet200: #ddd6fe;\n$violet300: #c4b5fd;\n$violet400: #a78bfa;\n$violet500: #8b5cf6;\n$violet600: #7c3aed;\n$violet700: #6d28d9;\n$violet800: #5b21b6;\n$violet900: #4c1d95;\n\n$pink050: #fdf2f8;\n$pink100: #fce7f3;\n$pink200: #fbcfe8;\n$pink300: #f9a8d4;\n$pink400: #f472b6;\n$pink500: #ec4899;\n$pink600: #db2777;\n$pink700: #be185d;\n$pink800: #9d174d;\n$pink900: #831843;\n\n// submit button colors\n$primaryColor: $red600;\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: #1f5fea;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $textColor;\n$menuOptionActiveBackgroundColor: $grey050;\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:\n 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing:\n 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing:\n 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey500;\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\n@mixin sans-serif-font {\n font-family:\n system-ui,\n BlinkMacSystemFont,\n -apple-system,\n 'Segoe UI',\n 'Roboto',\n 'Oxygen',\n 'Ubuntu',\n 'Cantarell',\n 'Fira Sans',\n 'Droid Sans',\n 'Helvetica Neue',\n 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: never;\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\n@mixin angle($dir: down, $color: currentColor, $width: calc(2rem / 16)) {\n display: block;\n content: '';\n font-size: 0;\n width: calc(7rem / 16);\n height: calc(7rem / 16);\n border: solid $color;\n border-width: 0 $width $width 0;\n opacity: 0.8;\n position: relative;\n\n @if $dir == up {\n transform: rotate(225deg);\n top: 2px;\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:\n 0 0 0 1px $grey200,\n 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) !important;\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 custom-color-focus-ring($primary, $secondary: null) {\n @if $secondary != null {\n --focus-ring: 0 0 0 1px #{$primary}, 0 0 0 3px #{$secondary};\n } @else {\n --focus-ring: 0 0 0 3px #{$primary};\n }\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: calc(30rem / 16);\n height: calc(30rem / 16);\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:\n 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-item-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-item-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 color: var(--ui-control-color);\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// https://tailwindcss.com/docs/screen-readers#undoing-screen-reader-only-elements\n@mixin visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n\n@mixin not-visually-hidden {\n position: static;\n width: auto;\n height: auto;\n padding: 0;\n margin: 0;\n overflow: visible;\n clip: auto;\n white-space: normal;\n}\n\n@mixin readable {\n font-size: 16px;\n line-height: 22px;\n\n h1,\n .h1,\n h2,\n .h2,\n h3,\n .h3,\n h4,\n .h4,\n h5,\n .h5,\n h6,\n .h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1,\n .h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2,\n .h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3,\n .h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4,\n .h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5,\n .h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6,\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 .tip-dismiss-btn {\n position: absolute;\n top: 12px;\n @include right(12px);\n\n & + p {\n margin-top: 0;\n }\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(50px);\n border: 1px solid;\n\n &.dismissible {\n @include padding-right(36px);\n }\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: $linkColor;\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 opacity: 1;\n position: absolute;\n top: 15px;\n @include left(16px);\n font-size: 24px;\n width: 24px;\n }\n\n a[href] {\n color: currentColor;\n text-decoration: underline;\n }\n }\n }\n\n .go:after {\n font-size: 14px;\n }\n}\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(\n 45deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 135deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 45deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n ),\n linear-gradient(\n 135deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n );\n background-size: $size $size;\n background-position:\n 0 0,\n $halfSize 0,\n $halfSize -#{$halfSize},\n 0 $halfSize;\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 d3842253a20..9f34f5e5000 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,QAME,mBAJA,mBADA,kBAEA,kDAGA,CAEA,iBACE,UACA,oBAGF,6BAEE,2BACA,eAIA,6BACE,wBAEA,wDACE,oBAGJ,4BACE,2BAOF,gHACE,WAKF,uBACE,0BAEF,sBACE,wBAIJ,mDAEE,UAKE,oCAGE,mBAEA,eAJA,aASA,gCARA,uBAEA,UAKA,kBAFA,SACA,8BAGA,+BC2SN,6CACE,UDjTmB,CCmTrB,6CACE,SDpTmB,CAQjB,2CACE,aAKN,cAGE,OAFA,kBACA,MAEA,WAEA,oBACE,2BAEA,4BACE,gBAQA,mDACE,cCoYR,4DACE,YAEF,4DACE,WAcF,4DACE,gBDrZM,CCuZR,4DACE,iBDxZM,CAQJ,qCACE,aAEA,2DACE,cAGA,sBAFA,kBACA,oBACA,CAMR,wBACE,mBAEA,2BACE,kBAEF,2BACE,aAIJ,qBACE,gBAKJ,qBACE,qBACA,SACA,UAGF,mBACE,cAEA,6CACE,UAKJ,4CACE,mBAIF,iCACE,aACA,SAIF,uBACE,kBC8WA,gCACE,yCD9WF,CCgXA,gCACE,0CDjXF,CAEA,6BACE,kBACA,SAEA,WC4LF,sCACE,aD9Lc,CCgMhB,sCACE,cDjMc,CAKlB,4DAGE,YADA,UACA,CC4CA,wkBAQE,4BDnDgB,CCoDhB,eDhDJ,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:\n opacity linear 200ms,\n 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/* widget lists */\nbody ol.widget__list {\n list-style-type: none;\n margin: 0;\n padding: 0;\n}\n\n.widget__list-item {\n padding: 7px 0;\n\n .craft\\\\widgets\\\\mydrafts & {\n padding: 0;\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(calc(var(--m) + 10px + 1rem));\n\n .icon {\n position: absolute;\n top: 11px;\n @include left(var(--m));\n width: 1rem;\n }\n}\n\n.newwidgetmenu ul li a .icon svg,\n.widgetmanagerhud-icon svg {\n width: 1rem;\n height: 1rem;\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$red050: #fef2f2;\n$red100: #fee2e2;\n$red200: #fecaca;\n$red300: #fca5a5;\n$red400: #f87171;\n$red500: #ef4444;\n$red600: #dc2626;\n$red700: #b91c1c;\n$red800: #991b1b;\n$red900: #7f1d1d;\n\n$orange050: #fff7ed;\n$orange100: #ffedd5;\n$orange200: #fed7aa;\n$orange300: #fdba74;\n$orange400: #fb923c;\n$orange500: #f97316;\n$orange600: #ea580c;\n$orange700: #c2410c;\n$orange800: #9a3412;\n$orange900: #7c2d12;\n\n$yellow050: #fefce8;\n$yellow100: #fef9c3;\n$yellow200: #fef08a;\n$yellow300: #fde047;\n$yellow400: #facc15;\n$yellow500: #eab308;\n$yellow600: #ca8a04;\n$yellow700: #a16207;\n$yellow800: #854d0e;\n$yellow900: #713f12;\n\n$green050: #f0fdf4;\n$green100: #dcfce7;\n$green200: #bbf7d0;\n$green300: #86efac;\n$green400: #4ade80;\n$green500: #22c55e;\n$green600: #16a34a;\n$green700: #15803d;\n$green800: #166534;\n$green900: #14532d;\n\n$teal050: #f0fdfa;\n$teal100: #ccfbf1;\n$teal200: #99f6e4;\n$teal300: #5eead4;\n$teal400: #2dd4bf;\n$teal500: #14b8a6;\n$teal550: #11a697;\n$teal600: #0d9488;\n$teal700: #0f766e;\n$teal800: #115e59;\n$teal900: #134e4a;\n\n$cyan050: #ecfeff;\n$cyan100: #cffafe;\n$cyan200: #a5f3fc;\n$cyan300: #67e8f9;\n$cyan400: #22d3ee;\n$cyan500: #06b6d4;\n$cyan600: #0891b2;\n$cyan700: #0e7490;\n$cyan800: #155e75;\n$cyan900: #164e63;\n\n$blue050: #eff6ff;\n$blue100: #dbeafe;\n$blue200: #bfdbfe;\n$blue300: #93c5fd;\n$blue400: #60a5fa;\n$blue500: #3b82f6;\n$blue600: #2563eb;\n$blue700: #1d4ed8;\n$blue800: #1e40af;\n$blue900: #1e3a8a;\n\n$violet050: #f5f3ff;\n$violet100: #ede9fe;\n$violet200: #ddd6fe;\n$violet300: #c4b5fd;\n$violet400: #a78bfa;\n$violet500: #8b5cf6;\n$violet600: #7c3aed;\n$violet700: #6d28d9;\n$violet800: #5b21b6;\n$violet900: #4c1d95;\n\n$pink050: #fdf2f8;\n$pink100: #fce7f3;\n$pink200: #fbcfe8;\n$pink300: #f9a8d4;\n$pink400: #f472b6;\n$pink500: #ec4899;\n$pink600: #db2777;\n$pink700: #be185d;\n$pink800: #9d174d;\n$pink900: #831843;\n\n// submit button colors\n$primaryColor: $red600;\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: #1f5fea;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $textColor;\n$menuOptionActiveBackgroundColor: $grey050;\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:\n 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing:\n 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing:\n 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey500;\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\n@mixin sans-serif-font {\n font-family:\n system-ui,\n BlinkMacSystemFont,\n -apple-system,\n 'Segoe UI',\n 'Roboto',\n 'Oxygen',\n 'Ubuntu',\n 'Cantarell',\n 'Fira Sans',\n 'Droid Sans',\n 'Helvetica Neue',\n 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: never;\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\n@mixin angle($dir: down, $color: currentColor, $width: calc(2rem / 16)) {\n display: block;\n content: '';\n font-size: 0;\n width: calc(7rem / 16);\n height: calc(7rem / 16);\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:\n 0 0 0 1px $grey200,\n 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) !important;\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 custom-color-focus-ring($primary, $secondary: null) {\n @if $secondary != null {\n --focus-ring: 0 0 0 1px #{$primary}, 0 0 0 3px #{$secondary};\n } @else {\n --focus-ring: 0 0 0 3px #{$primary};\n }\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: calc(30rem / 16);\n height: calc(30rem / 16);\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:\n 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-item-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-item-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 color: var(--ui-control-color);\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 .h1,\n h2,\n .h2,\n h3,\n .h3,\n h4,\n .h4,\n h5,\n .h5,\n h6,\n .h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1,\n .h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2,\n .h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3,\n .h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4,\n .h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5,\n .h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6,\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 .tip-dismiss-btn {\n position: absolute;\n top: 12px;\n @include right(12px);\n\n & + p {\n margin-top: 0;\n }\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(50px);\n border: 1px solid;\n\n &.dismissible {\n @include padding-right(36px);\n }\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: $linkColor;\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 opacity: 1;\n position: absolute;\n top: 15px;\n @include left(16px);\n font-size: 24px;\n width: 24px;\n }\n\n a[href] {\n color: currentColor;\n text-decoration: underline;\n }\n }\n }\n\n .go:after {\n font-size: 14px;\n }\n}\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(\n 45deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 135deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 45deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n ),\n linear-gradient(\n 135deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n );\n background-size: $size $size;\n background-position:\n 0 0,\n $halfSize 0,\n $halfSize -#{$halfSize},\n 0 $halfSize;\n}\n"],"names":[],"sourceRoot":""} \ No newline at end of file +{"version":3,"file":"css/Dashboard.css","mappings":"AAIA,QAME,mBAJA,mBADA,kBAEA,kDAGA,CAEA,iBACE,UACA,oBAGF,6BAEE,2BACA,eAIA,6BACE,wBAEA,wDACE,oBAGJ,4BACE,2BAOF,gHACE,WAKF,uBACE,0BAEF,sBACE,wBAIJ,mDAEE,UAKE,oCAGE,mBAEA,eAJA,aASA,gCARA,uBAEA,UAKA,kBAFA,SACA,8BAGA,+BC6SN,6CACE,UDnTmB,CCqTrB,6CACE,SDtTmB,CAQjB,2CACE,aAKN,cAGE,OAFA,kBACA,MAEA,WAEA,oBACE,2BAEA,4BACE,gBAQA,mDACE,cCsYR,4DACE,YAEF,4DACE,WAcF,4DACE,gBDvZM,CCyZR,4DACE,iBD1ZM,CAQJ,qCACE,aAEA,2DACE,cAGA,sBAFA,kBACA,oBACA,CAMR,wBACE,mBAEA,2BACE,kBAEF,2BACE,aAIJ,qBACE,gBAKJ,qBACE,qBACA,SACA,UAGF,mBACE,cAEA,6CACE,UAKJ,4CACE,mBAIF,iCACE,aACA,SAIF,uBACE,kBCgXA,gCACE,yCDhXF,CCkXA,gCACE,0CDnXF,CAEA,6BACE,kBACA,SAEA,WC8LF,sCACE,aDhMc,CCkMhB,sCACE,cDnMc,CAKlB,4DAGE,YADA,UACA,CC4CA,wkBAQE,4BDnDgB,CCoDhB,eDhDJ,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:\n opacity linear 200ms,\n 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/* widget lists */\nbody ol.widget__list {\n list-style-type: none;\n margin: 0;\n padding: 0;\n}\n\n.widget__list-item {\n padding: 7px 0;\n\n .craft\\\\widgets\\\\mydrafts & {\n padding: 0;\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(calc(var(--m) + 10px + 1rem));\n\n .icon {\n position: absolute;\n top: 11px;\n @include left(var(--m));\n width: 1rem;\n }\n}\n\n.newwidgetmenu ul li a .icon svg,\n.widgetmanagerhud-icon svg {\n width: 1rem;\n height: 1rem;\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$red050: #fef2f2;\n$red100: #fee2e2;\n$red200: #fecaca;\n$red300: #fca5a5;\n$red400: #f87171;\n$red500: #ef4444;\n$red600: #dc2626;\n$red700: #b91c1c;\n$red800: #991b1b;\n$red900: #7f1d1d;\n\n$orange050: #fff7ed;\n$orange100: #ffedd5;\n$orange200: #fed7aa;\n$orange300: #fdba74;\n$orange400: #fb923c;\n$orange500: #f97316;\n$orange600: #ea580c;\n$orange700: #c2410c;\n$orange800: #9a3412;\n$orange900: #7c2d12;\n\n$yellow050: #fefce8;\n$yellow100: #fef9c3;\n$yellow200: #fef08a;\n$yellow300: #fde047;\n$yellow400: #facc15;\n$yellow500: #eab308;\n$yellow600: #ca8a04;\n$yellow700: #a16207;\n$yellow800: #854d0e;\n$yellow900: #713f12;\n\n$green050: #f0fdf4;\n$green100: #dcfce7;\n$green200: #bbf7d0;\n$green300: #86efac;\n$green400: #4ade80;\n$green500: #22c55e;\n$green600: #16a34a;\n$green700: #15803d;\n$green800: #166534;\n$green900: #14532d;\n\n$teal050: #f0fdfa;\n$teal100: #ccfbf1;\n$teal200: #99f6e4;\n$teal300: #5eead4;\n$teal400: #2dd4bf;\n$teal500: #14b8a6;\n$teal550: #11a697;\n$teal600: #0d9488;\n$teal700: #0f766e;\n$teal800: #115e59;\n$teal900: #134e4a;\n\n$cyan050: #ecfeff;\n$cyan100: #cffafe;\n$cyan200: #a5f3fc;\n$cyan300: #67e8f9;\n$cyan400: #22d3ee;\n$cyan500: #06b6d4;\n$cyan600: #0891b2;\n$cyan700: #0e7490;\n$cyan800: #155e75;\n$cyan900: #164e63;\n\n$blue050: #eff6ff;\n$blue100: #dbeafe;\n$blue200: #bfdbfe;\n$blue300: #93c5fd;\n$blue400: #60a5fa;\n$blue500: #3b82f6;\n$blue600: #2563eb;\n$blue700: #1d4ed8;\n$blue800: #1e40af;\n$blue900: #1e3a8a;\n\n$violet050: #f5f3ff;\n$violet100: #ede9fe;\n$violet200: #ddd6fe;\n$violet300: #c4b5fd;\n$violet400: #a78bfa;\n$violet500: #8b5cf6;\n$violet600: #7c3aed;\n$violet700: #6d28d9;\n$violet800: #5b21b6;\n$violet900: #4c1d95;\n\n$pink050: #fdf2f8;\n$pink100: #fce7f3;\n$pink200: #fbcfe8;\n$pink300: #f9a8d4;\n$pink400: #f472b6;\n$pink500: #ec4899;\n$pink600: #db2777;\n$pink700: #be185d;\n$pink800: #9d174d;\n$pink900: #831843;\n\n// submit button colors\n$primaryColor: $red600;\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: #1f5fea;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $textColor;\n$menuOptionActiveBackgroundColor: $grey050;\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:\n 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing:\n 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing:\n 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey500;\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\n@mixin sans-serif-font {\n font-family:\n system-ui,\n BlinkMacSystemFont,\n -apple-system,\n 'Segoe UI',\n 'Roboto',\n 'Oxygen',\n 'Ubuntu',\n 'Cantarell',\n 'Fira Sans',\n 'Droid Sans',\n 'Helvetica Neue',\n 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: never;\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\n@mixin angle($dir: down, $color: currentColor, $width: calc(2rem / 16)) {\n display: block;\n content: '';\n font-size: 0;\n width: calc(7rem / 16);\n height: calc(7rem / 16);\n border: solid $color;\n border-width: 0 $width $width 0;\n opacity: 0.8;\n position: relative;\n\n @if $dir == up {\n transform: rotate(225deg);\n top: 2px;\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:\n 0 0 0 1px $grey200,\n 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) !important;\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 custom-color-focus-ring($primary, $secondary: null) {\n @if $secondary != null {\n --focus-ring: 0 0 0 1px #{$primary}, 0 0 0 3px #{$secondary};\n } @else {\n --focus-ring: 0 0 0 3px #{$primary};\n }\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: calc(30rem / 16);\n height: calc(30rem / 16);\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:\n 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-item-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-item-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 color: var(--ui-control-color);\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// https://tailwindcss.com/docs/screen-readers#undoing-screen-reader-only-elements\n@mixin visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n\n@mixin not-visually-hidden {\n position: static;\n width: auto;\n height: auto;\n padding: 0;\n margin: 0;\n overflow: visible;\n clip: auto;\n white-space: normal;\n}\n\n@mixin readable {\n font-size: 16px;\n line-height: 22px;\n\n h1,\n .h1,\n h2,\n .h2,\n h3,\n .h3,\n h4,\n .h4,\n h5,\n .h5,\n h6,\n .h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1,\n .h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2,\n .h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3,\n .h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4,\n .h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5,\n .h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6,\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 .tip-dismiss-btn {\n position: absolute;\n top: 12px;\n @include right(12px);\n\n & + p {\n margin-top: 0;\n }\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(50px);\n border: 1px solid;\n\n &.dismissible {\n @include padding-right(36px);\n }\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: $linkColor;\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 opacity: 1;\n position: absolute;\n top: 15px;\n @include left(16px);\n font-size: 24px;\n width: 24px;\n }\n\n a[href] {\n color: currentColor;\n text-decoration: underline;\n }\n }\n }\n\n .go:after {\n font-size: 14px;\n }\n}\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(\n 45deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 135deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 45deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n ),\n linear-gradient(\n 135deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n );\n background-size: $size $size;\n background-position:\n 0 0,\n $halfSize 0,\n $halfSize -#{$halfSize},\n 0 $halfSize;\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 c240178f089..c946d9a5149 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,YCuSE,WAHA,WACA,cACA,SAEA,kBDpSF,YAOE,2BANA,cAEA,gBAEA,iBACA,kBAFA,WAGA,CCgdA,qBACE,WAEF,qBACE,YDjdJ,sBACE,8DAGF,uCACE,yEAIA,qEAGF,CACE,oMAGF,mGAQE,sBACE,oEAEF,8CACE,4BAEF,gDACE","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-letterbox {\n background-image: url(images/letterbox.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 #mode label#mode-letterbox {\n background-image: url(images/letterbox_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$red050: #fef2f2;\n$red100: #fee2e2;\n$red200: #fecaca;\n$red300: #fca5a5;\n$red400: #f87171;\n$red500: #ef4444;\n$red600: #dc2626;\n$red700: #b91c1c;\n$red800: #991b1b;\n$red900: #7f1d1d;\n\n$orange050: #fff7ed;\n$orange100: #ffedd5;\n$orange200: #fed7aa;\n$orange300: #fdba74;\n$orange400: #fb923c;\n$orange500: #f97316;\n$orange600: #ea580c;\n$orange700: #c2410c;\n$orange800: #9a3412;\n$orange900: #7c2d12;\n\n$yellow050: #fefce8;\n$yellow100: #fef9c3;\n$yellow200: #fef08a;\n$yellow300: #fde047;\n$yellow400: #facc15;\n$yellow500: #eab308;\n$yellow600: #ca8a04;\n$yellow700: #a16207;\n$yellow800: #854d0e;\n$yellow900: #713f12;\n\n$green050: #f0fdf4;\n$green100: #dcfce7;\n$green200: #bbf7d0;\n$green300: #86efac;\n$green400: #4ade80;\n$green500: #22c55e;\n$green600: #16a34a;\n$green700: #15803d;\n$green800: #166534;\n$green900: #14532d;\n\n$teal050: #f0fdfa;\n$teal100: #ccfbf1;\n$teal200: #99f6e4;\n$teal300: #5eead4;\n$teal400: #2dd4bf;\n$teal500: #14b8a6;\n$teal550: #11a697;\n$teal600: #0d9488;\n$teal700: #0f766e;\n$teal800: #115e59;\n$teal900: #134e4a;\n\n$cyan050: #ecfeff;\n$cyan100: #cffafe;\n$cyan200: #a5f3fc;\n$cyan300: #67e8f9;\n$cyan400: #22d3ee;\n$cyan500: #06b6d4;\n$cyan600: #0891b2;\n$cyan700: #0e7490;\n$cyan800: #155e75;\n$cyan900: #164e63;\n\n$blue050: #eff6ff;\n$blue100: #dbeafe;\n$blue200: #bfdbfe;\n$blue300: #93c5fd;\n$blue400: #60a5fa;\n$blue500: #3b82f6;\n$blue600: #2563eb;\n$blue700: #1d4ed8;\n$blue800: #1e40af;\n$blue900: #1e3a8a;\n\n$violet050: #f5f3ff;\n$violet100: #ede9fe;\n$violet200: #ddd6fe;\n$violet300: #c4b5fd;\n$violet400: #a78bfa;\n$violet500: #8b5cf6;\n$violet600: #7c3aed;\n$violet700: #6d28d9;\n$violet800: #5b21b6;\n$violet900: #4c1d95;\n\n$pink050: #fdf2f8;\n$pink100: #fce7f3;\n$pink200: #fbcfe8;\n$pink300: #f9a8d4;\n$pink400: #f472b6;\n$pink500: #ec4899;\n$pink600: #db2777;\n$pink700: #be185d;\n$pink800: #9d174d;\n$pink900: #831843;\n\n// submit button colors\n$primaryColor: $red600;\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: #1f5fea;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $textColor;\n$menuOptionActiveBackgroundColor: $grey050;\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:\n 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing:\n 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing:\n 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey500;\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\n@mixin sans-serif-font {\n font-family:\n system-ui,\n BlinkMacSystemFont,\n -apple-system,\n 'Segoe UI',\n 'Roboto',\n 'Oxygen',\n 'Ubuntu',\n 'Cantarell',\n 'Fira Sans',\n 'Droid Sans',\n 'Helvetica Neue',\n 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: never;\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\n@mixin angle($dir: down, $color: currentColor, $width: calc(2rem / 16)) {\n display: block;\n content: '';\n font-size: 0;\n width: calc(7rem / 16);\n height: calc(7rem / 16);\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:\n 0 0 0 1px $grey200,\n 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) !important;\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 custom-color-focus-ring($primary, $secondary: null) {\n @if $secondary != null {\n --focus-ring: 0 0 0 1px #{$primary}, 0 0 0 3px #{$secondary};\n } @else {\n --focus-ring: 0 0 0 3px #{$primary};\n }\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: calc(30rem / 16);\n height: calc(30rem / 16);\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:\n 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-item-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-item-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 color: var(--ui-control-color);\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 .h1,\n h2,\n .h2,\n h3,\n .h3,\n h4,\n .h4,\n h5,\n .h5,\n h6,\n .h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1,\n .h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2,\n .h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3,\n .h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4,\n .h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5,\n .h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6,\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 .tip-dismiss-btn {\n position: absolute;\n top: 12px;\n @include right(12px);\n\n & + p {\n margin-top: 0;\n }\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(50px);\n border: 1px solid;\n\n &.dismissible {\n @include padding-right(36px);\n }\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: $linkColor;\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 opacity: 1;\n position: absolute;\n top: 15px;\n @include left(16px);\n font-size: 24px;\n width: 24px;\n }\n\n a[href] {\n color: currentColor;\n text-decoration: underline;\n }\n }\n }\n\n .go:after {\n font-size: 14px;\n }\n}\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(\n 45deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 135deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 45deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n ),\n linear-gradient(\n 135deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n );\n background-size: $size $size;\n background-position:\n 0 0,\n $halfSize 0,\n $halfSize -#{$halfSize},\n 0 $halfSize;\n}\n"],"names":[],"sourceRoot":""} \ No newline at end of file +{"version":3,"file":"css/transforms.css","mappings":"AAGA,YCySE,WAHA,WACA,cACA,SAEA,kBDtSF,YAOE,2BANA,cAEA,gBAEA,iBACA,kBAFA,WAGA,CCkdA,qBACE,WAEF,qBACE,YDndJ,sBACE,8DAGF,uCACE,yEAIA,qEAGF,CACE,oMAGF,mGAQE,sBACE,oEAEF,8CACE,4BAEF,gDACE","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-letterbox {\n background-image: url(images/letterbox.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 #mode label#mode-letterbox {\n background-image: url(images/letterbox_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$red050: #fef2f2;\n$red100: #fee2e2;\n$red200: #fecaca;\n$red300: #fca5a5;\n$red400: #f87171;\n$red500: #ef4444;\n$red600: #dc2626;\n$red700: #b91c1c;\n$red800: #991b1b;\n$red900: #7f1d1d;\n\n$orange050: #fff7ed;\n$orange100: #ffedd5;\n$orange200: #fed7aa;\n$orange300: #fdba74;\n$orange400: #fb923c;\n$orange500: #f97316;\n$orange600: #ea580c;\n$orange700: #c2410c;\n$orange800: #9a3412;\n$orange900: #7c2d12;\n\n$yellow050: #fefce8;\n$yellow100: #fef9c3;\n$yellow200: #fef08a;\n$yellow300: #fde047;\n$yellow400: #facc15;\n$yellow500: #eab308;\n$yellow600: #ca8a04;\n$yellow700: #a16207;\n$yellow800: #854d0e;\n$yellow900: #713f12;\n\n$green050: #f0fdf4;\n$green100: #dcfce7;\n$green200: #bbf7d0;\n$green300: #86efac;\n$green400: #4ade80;\n$green500: #22c55e;\n$green600: #16a34a;\n$green700: #15803d;\n$green800: #166534;\n$green900: #14532d;\n\n$teal050: #f0fdfa;\n$teal100: #ccfbf1;\n$teal200: #99f6e4;\n$teal300: #5eead4;\n$teal400: #2dd4bf;\n$teal500: #14b8a6;\n$teal550: #11a697;\n$teal600: #0d9488;\n$teal700: #0f766e;\n$teal800: #115e59;\n$teal900: #134e4a;\n\n$cyan050: #ecfeff;\n$cyan100: #cffafe;\n$cyan200: #a5f3fc;\n$cyan300: #67e8f9;\n$cyan400: #22d3ee;\n$cyan500: #06b6d4;\n$cyan600: #0891b2;\n$cyan700: #0e7490;\n$cyan800: #155e75;\n$cyan900: #164e63;\n\n$blue050: #eff6ff;\n$blue100: #dbeafe;\n$blue200: #bfdbfe;\n$blue300: #93c5fd;\n$blue400: #60a5fa;\n$blue500: #3b82f6;\n$blue600: #2563eb;\n$blue700: #1d4ed8;\n$blue800: #1e40af;\n$blue900: #1e3a8a;\n\n$violet050: #f5f3ff;\n$violet100: #ede9fe;\n$violet200: #ddd6fe;\n$violet300: #c4b5fd;\n$violet400: #a78bfa;\n$violet500: #8b5cf6;\n$violet600: #7c3aed;\n$violet700: #6d28d9;\n$violet800: #5b21b6;\n$violet900: #4c1d95;\n\n$pink050: #fdf2f8;\n$pink100: #fce7f3;\n$pink200: #fbcfe8;\n$pink300: #f9a8d4;\n$pink400: #f472b6;\n$pink500: #ec4899;\n$pink600: #db2777;\n$pink700: #be185d;\n$pink800: #9d174d;\n$pink900: #831843;\n\n// submit button colors\n$primaryColor: $red600;\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: #1f5fea;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $textColor;\n$menuOptionActiveBackgroundColor: $grey050;\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:\n 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing:\n 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing:\n 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey500;\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\n@mixin sans-serif-font {\n font-family:\n system-ui,\n BlinkMacSystemFont,\n -apple-system,\n 'Segoe UI',\n 'Roboto',\n 'Oxygen',\n 'Ubuntu',\n 'Cantarell',\n 'Fira Sans',\n 'Droid Sans',\n 'Helvetica Neue',\n 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: never;\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\n@mixin angle($dir: down, $color: currentColor, $width: calc(2rem / 16)) {\n display: block;\n content: '';\n font-size: 0;\n width: calc(7rem / 16);\n height: calc(7rem / 16);\n border: solid $color;\n border-width: 0 $width $width 0;\n opacity: 0.8;\n position: relative;\n\n @if $dir == up {\n transform: rotate(225deg);\n top: 2px;\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:\n 0 0 0 1px $grey200,\n 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) !important;\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 custom-color-focus-ring($primary, $secondary: null) {\n @if $secondary != null {\n --focus-ring: 0 0 0 1px #{$primary}, 0 0 0 3px #{$secondary};\n } @else {\n --focus-ring: 0 0 0 3px #{$primary};\n }\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: calc(30rem / 16);\n height: calc(30rem / 16);\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:\n 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-item-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-item-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 color: var(--ui-control-color);\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// https://tailwindcss.com/docs/screen-readers#undoing-screen-reader-only-elements\n@mixin visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n\n@mixin not-visually-hidden {\n position: static;\n width: auto;\n height: auto;\n padding: 0;\n margin: 0;\n overflow: visible;\n clip: auto;\n white-space: normal;\n}\n\n@mixin readable {\n font-size: 16px;\n line-height: 22px;\n\n h1,\n .h1,\n h2,\n .h2,\n h3,\n .h3,\n h4,\n .h4,\n h5,\n .h5,\n h6,\n .h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1,\n .h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2,\n .h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3,\n .h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4,\n .h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5,\n .h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6,\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 .tip-dismiss-btn {\n position: absolute;\n top: 12px;\n @include right(12px);\n\n & + p {\n margin-top: 0;\n }\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(50px);\n border: 1px solid;\n\n &.dismissible {\n @include padding-right(36px);\n }\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: $linkColor;\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 opacity: 1;\n position: absolute;\n top: 15px;\n @include left(16px);\n font-size: 24px;\n width: 24px;\n }\n\n a[href] {\n color: currentColor;\n text-decoration: underline;\n }\n }\n }\n\n .go:after {\n font-size: 14px;\n }\n}\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(\n 45deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 135deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 45deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n ),\n linear-gradient(\n 135deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n );\n background-size: $size $size;\n background-position:\n 0 0,\n $halfSize 0,\n $halfSize -#{$halfSize},\n 0 $halfSize;\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 7086c07b787..920724081cb 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,aACA,eACA,SAGF,kBAIE,qBAHA,yCAIA,iDAFA,aADA,WAGA,CAEA,4BACE,8BC+3BF,+QAqBA,oDACE,CDn5BA,yBCi5BF,yBDj5BE,CAIJ,mBACE,aACA,sBACA,SAGF,mCACE,8BAMA,aAJA,YACA,kBACA,MAHA,UAKA,CCqUA,4CACE,MDvUY,CCyUd,4CACE,OD1UY,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 &.checkered {\n background-color: var(--white);\n @include checkered-bg(17px);\n background-repeat: repeat;\n }\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$red050: #fef2f2;\n$red100: #fee2e2;\n$red200: #fecaca;\n$red300: #fca5a5;\n$red400: #f87171;\n$red500: #ef4444;\n$red600: #dc2626;\n$red700: #b91c1c;\n$red800: #991b1b;\n$red900: #7f1d1d;\n\n$orange050: #fff7ed;\n$orange100: #ffedd5;\n$orange200: #fed7aa;\n$orange300: #fdba74;\n$orange400: #fb923c;\n$orange500: #f97316;\n$orange600: #ea580c;\n$orange700: #c2410c;\n$orange800: #9a3412;\n$orange900: #7c2d12;\n\n$yellow050: #fefce8;\n$yellow100: #fef9c3;\n$yellow200: #fef08a;\n$yellow300: #fde047;\n$yellow400: #facc15;\n$yellow500: #eab308;\n$yellow600: #ca8a04;\n$yellow700: #a16207;\n$yellow800: #854d0e;\n$yellow900: #713f12;\n\n$green050: #f0fdf4;\n$green100: #dcfce7;\n$green200: #bbf7d0;\n$green300: #86efac;\n$green400: #4ade80;\n$green500: #22c55e;\n$green600: #16a34a;\n$green700: #15803d;\n$green800: #166534;\n$green900: #14532d;\n\n$teal050: #f0fdfa;\n$teal100: #ccfbf1;\n$teal200: #99f6e4;\n$teal300: #5eead4;\n$teal400: #2dd4bf;\n$teal500: #14b8a6;\n$teal550: #11a697;\n$teal600: #0d9488;\n$teal700: #0f766e;\n$teal800: #115e59;\n$teal900: #134e4a;\n\n$cyan050: #ecfeff;\n$cyan100: #cffafe;\n$cyan200: #a5f3fc;\n$cyan300: #67e8f9;\n$cyan400: #22d3ee;\n$cyan500: #06b6d4;\n$cyan600: #0891b2;\n$cyan700: #0e7490;\n$cyan800: #155e75;\n$cyan900: #164e63;\n\n$blue050: #eff6ff;\n$blue100: #dbeafe;\n$blue200: #bfdbfe;\n$blue300: #93c5fd;\n$blue400: #60a5fa;\n$blue500: #3b82f6;\n$blue600: #2563eb;\n$blue700: #1d4ed8;\n$blue800: #1e40af;\n$blue900: #1e3a8a;\n\n$violet050: #f5f3ff;\n$violet100: #ede9fe;\n$violet200: #ddd6fe;\n$violet300: #c4b5fd;\n$violet400: #a78bfa;\n$violet500: #8b5cf6;\n$violet600: #7c3aed;\n$violet700: #6d28d9;\n$violet800: #5b21b6;\n$violet900: #4c1d95;\n\n$pink050: #fdf2f8;\n$pink100: #fce7f3;\n$pink200: #fbcfe8;\n$pink300: #f9a8d4;\n$pink400: #f472b6;\n$pink500: #ec4899;\n$pink600: #db2777;\n$pink700: #be185d;\n$pink800: #9d174d;\n$pink900: #831843;\n\n// submit button colors\n$primaryColor: $red600;\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: #1f5fea;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $textColor;\n$menuOptionActiveBackgroundColor: $grey050;\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:\n 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing:\n 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing:\n 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey500;\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\n@mixin sans-serif-font {\n font-family:\n system-ui,\n BlinkMacSystemFont,\n -apple-system,\n 'Segoe UI',\n 'Roboto',\n 'Oxygen',\n 'Ubuntu',\n 'Cantarell',\n 'Fira Sans',\n 'Droid Sans',\n 'Helvetica Neue',\n 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: never;\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\n@mixin angle($dir: down, $color: currentColor, $width: calc(2rem / 16)) {\n display: block;\n content: '';\n font-size: 0;\n width: calc(7rem / 16);\n height: calc(7rem / 16);\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:\n 0 0 0 1px $grey200,\n 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) !important;\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 custom-color-focus-ring($primary, $secondary: null) {\n @if $secondary != null {\n --focus-ring: 0 0 0 1px #{$primary}, 0 0 0 3px #{$secondary};\n } @else {\n --focus-ring: 0 0 0 3px #{$primary};\n }\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: calc(30rem / 16);\n height: calc(30rem / 16);\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:\n 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-item-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-item-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 color: var(--ui-control-color);\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 .h1,\n h2,\n .h2,\n h3,\n .h3,\n h4,\n .h4,\n h5,\n .h5,\n h6,\n .h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1,\n .h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2,\n .h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3,\n .h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4,\n .h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5,\n .h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6,\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 .tip-dismiss-btn {\n position: absolute;\n top: 12px;\n @include right(12px);\n\n & + p {\n margin-top: 0;\n }\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(50px);\n border: 1px solid;\n\n &.dismissible {\n @include padding-right(36px);\n }\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: $linkColor;\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 opacity: 1;\n position: absolute;\n top: 15px;\n @include left(16px);\n font-size: 24px;\n width: 24px;\n }\n\n a[href] {\n color: currentColor;\n text-decoration: underline;\n }\n }\n }\n\n .go:after {\n font-size: 14px;\n }\n}\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(\n 45deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 135deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 45deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n ),\n linear-gradient(\n 135deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n );\n background-size: $size $size;\n background-position:\n 0 0,\n $halfSize 0,\n $halfSize -#{$halfSize},\n 0 $halfSize;\n}\n"],"names":[],"sourceRoot":""} \ No newline at end of file +{"version":3,"file":"css/rebrand.css","mappings":"AAGA,UACE,aACA,eACA,SAGF,kBAIE,qBAHA,yCAIA,iDAFA,aADA,WAGA,CAEA,4BACE,8BC84BF,+QAqBA,oDACE,CDl6BA,yBCg6BF,yBDh6BE,CAIJ,mBACE,aACA,sBACA,SAGF,mCACE,8BAMA,aAJA,YACA,kBACA,MAHA,UAKA,CCuUA,4CACE,MDzUY,CC2Ud,4CACE,OD5UY,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 &.checkered {\n background-color: var(--white);\n @include checkered-bg(17px);\n background-repeat: repeat;\n }\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$red050: #fef2f2;\n$red100: #fee2e2;\n$red200: #fecaca;\n$red300: #fca5a5;\n$red400: #f87171;\n$red500: #ef4444;\n$red600: #dc2626;\n$red700: #b91c1c;\n$red800: #991b1b;\n$red900: #7f1d1d;\n\n$orange050: #fff7ed;\n$orange100: #ffedd5;\n$orange200: #fed7aa;\n$orange300: #fdba74;\n$orange400: #fb923c;\n$orange500: #f97316;\n$orange600: #ea580c;\n$orange700: #c2410c;\n$orange800: #9a3412;\n$orange900: #7c2d12;\n\n$yellow050: #fefce8;\n$yellow100: #fef9c3;\n$yellow200: #fef08a;\n$yellow300: #fde047;\n$yellow400: #facc15;\n$yellow500: #eab308;\n$yellow600: #ca8a04;\n$yellow700: #a16207;\n$yellow800: #854d0e;\n$yellow900: #713f12;\n\n$green050: #f0fdf4;\n$green100: #dcfce7;\n$green200: #bbf7d0;\n$green300: #86efac;\n$green400: #4ade80;\n$green500: #22c55e;\n$green600: #16a34a;\n$green700: #15803d;\n$green800: #166534;\n$green900: #14532d;\n\n$teal050: #f0fdfa;\n$teal100: #ccfbf1;\n$teal200: #99f6e4;\n$teal300: #5eead4;\n$teal400: #2dd4bf;\n$teal500: #14b8a6;\n$teal550: #11a697;\n$teal600: #0d9488;\n$teal700: #0f766e;\n$teal800: #115e59;\n$teal900: #134e4a;\n\n$cyan050: #ecfeff;\n$cyan100: #cffafe;\n$cyan200: #a5f3fc;\n$cyan300: #67e8f9;\n$cyan400: #22d3ee;\n$cyan500: #06b6d4;\n$cyan600: #0891b2;\n$cyan700: #0e7490;\n$cyan800: #155e75;\n$cyan900: #164e63;\n\n$blue050: #eff6ff;\n$blue100: #dbeafe;\n$blue200: #bfdbfe;\n$blue300: #93c5fd;\n$blue400: #60a5fa;\n$blue500: #3b82f6;\n$blue600: #2563eb;\n$blue700: #1d4ed8;\n$blue800: #1e40af;\n$blue900: #1e3a8a;\n\n$violet050: #f5f3ff;\n$violet100: #ede9fe;\n$violet200: #ddd6fe;\n$violet300: #c4b5fd;\n$violet400: #a78bfa;\n$violet500: #8b5cf6;\n$violet600: #7c3aed;\n$violet700: #6d28d9;\n$violet800: #5b21b6;\n$violet900: #4c1d95;\n\n$pink050: #fdf2f8;\n$pink100: #fce7f3;\n$pink200: #fbcfe8;\n$pink300: #f9a8d4;\n$pink400: #f472b6;\n$pink500: #ec4899;\n$pink600: #db2777;\n$pink700: #be185d;\n$pink800: #9d174d;\n$pink900: #831843;\n\n// submit button colors\n$primaryColor: $red600;\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: #1f5fea;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $textColor;\n$menuOptionActiveBackgroundColor: $grey050;\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:\n 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing:\n 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing:\n 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey500;\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\n@mixin sans-serif-font {\n font-family:\n system-ui,\n BlinkMacSystemFont,\n -apple-system,\n 'Segoe UI',\n 'Roboto',\n 'Oxygen',\n 'Ubuntu',\n 'Cantarell',\n 'Fira Sans',\n 'Droid Sans',\n 'Helvetica Neue',\n 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: never;\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\n@mixin angle($dir: down, $color: currentColor, $width: calc(2rem / 16)) {\n display: block;\n content: '';\n font-size: 0;\n width: calc(7rem / 16);\n height: calc(7rem / 16);\n border: solid $color;\n border-width: 0 $width $width 0;\n opacity: 0.8;\n position: relative;\n\n @if $dir == up {\n transform: rotate(225deg);\n top: 2px;\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:\n 0 0 0 1px $grey200,\n 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) !important;\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 custom-color-focus-ring($primary, $secondary: null) {\n @if $secondary != null {\n --focus-ring: 0 0 0 1px #{$primary}, 0 0 0 3px #{$secondary};\n } @else {\n --focus-ring: 0 0 0 3px #{$primary};\n }\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: calc(30rem / 16);\n height: calc(30rem / 16);\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:\n 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-item-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-item-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 color: var(--ui-control-color);\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// https://tailwindcss.com/docs/screen-readers#undoing-screen-reader-only-elements\n@mixin visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n\n@mixin not-visually-hidden {\n position: static;\n width: auto;\n height: auto;\n padding: 0;\n margin: 0;\n overflow: visible;\n clip: auto;\n white-space: normal;\n}\n\n@mixin readable {\n font-size: 16px;\n line-height: 22px;\n\n h1,\n .h1,\n h2,\n .h2,\n h3,\n .h3,\n h4,\n .h4,\n h5,\n .h5,\n h6,\n .h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1,\n .h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2,\n .h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3,\n .h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4,\n .h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5,\n .h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6,\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 .tip-dismiss-btn {\n position: absolute;\n top: 12px;\n @include right(12px);\n\n & + p {\n margin-top: 0;\n }\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(50px);\n border: 1px solid;\n\n &.dismissible {\n @include padding-right(36px);\n }\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: $linkColor;\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 opacity: 1;\n position: absolute;\n top: 15px;\n @include left(16px);\n font-size: 24px;\n width: 24px;\n }\n\n a[href] {\n color: currentColor;\n text-decoration: underline;\n }\n }\n }\n\n .go:after {\n font-size: 14px;\n }\n}\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(\n 45deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 135deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 45deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n ),\n linear-gradient(\n 135deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n );\n background-size: $size $size;\n background-position:\n 0 0,\n $halfSize 0,\n $halfSize -#{$halfSize},\n 0 $halfSize;\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 6416c631e3e..d55c47d102e 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,YACE,mBACA,YACA,SACA,gBACA,WACA,iCAGF,YACE,CACA,MACA,CAFA,qBACA,CACA,iBACA,4BAGF,cACE,+BAGF,mBACE,eACA,CAKA,4DAFF,YACE,mBAeA,CAdA,4BAGF,kBACE,4CACA,gCACA,eACA,CAEA,MACA,YACA,mBACA,qBACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,8BAIA,aADF,kBAEE,uEAGF,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,yBACA,UACA,gCAGF,YACE,CACA,MACA,CAFA,kBACA,CACA,eACA,CAMA,+DAHF,YACE,CACA,OADA,qBAWA,CATA,gCAGF,6BACE,CAGA,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,MACE,kBACA,uCAGF,YACE,sBACA,YACA,kBACA,6CAGF,eACE,gCACA,6BACA,WACA,wBACA,gBACA,mBACA,iBACA,uBACA,yBACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,CAMA,uEAGF,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,4CACA,SACA,kBACA,sFACA,WAEA,eACA,qBACA,aACA,CAIA,gBAJA,oBACA,qBACA,uBACA,mBAEA,4CAGF,2CACE,sIACA,2CAKF,2CACE,WACA,2CAGF,YACE,mBACA,6CAGF,QACE,6DAIA,6BADF,yBAEE,8DAIA,2BACA,CAFF,wBACE,CACA,gBACA,0CAGF,WACE,qBACA,kBACA,qCAGF,2CACE,CACA,gCACA,CAFA,kBACA,CACA,uBACA,eACA,UACA,YACA,SACA,UACA,WACA,yCAGF,mBACE,4CAGF,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,oDAGF,cACE,UACA,oBACA,oBACA,sBACA,6KAGF,SAGE,wCAGF,wBACE,iCAGF,aACE,kEACA,eACA,YACA,OACA,kBACA,MACA,WACA,uCAGF,cACE,uCAGF,mBACE,cACA,aACA,qJACA,eAGA,aACA,iBACA,gBACA,gBACA,mCACA,qDAGF,YACE,oDAGF,eACE,wCAGF,aACE,eACA,eACA,kBACA,+BAGF,qBACE,6BACA,0CACA,kBACA,sBACA,oBACA,0BAGF,MACE,4BAEE,+BACA,SAGF,kBAEE,qBACA,8BAIJ,qBACE,CACA,QACA,CAFA,iBACA,CAEA,oCACA,CAFA,aACA,CACA,cACA,iBACA,gBACA,UACA,iBACA,wBACA,qBACA,+BAGF,iBACE,iCAGF,eACE,iDAKA,WAFF,cACE,qBAEA,wDAGF,UACE,4CAMA,eACA,4CACA,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,uCACE,SACA,WACA,kBAGF,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,qBACE,CADF,oBACE,CADF,gBACE,mBAGF,WACE,eACA,iBAGF,yCACE,uBAEA,gBACA,eACA,cACA,oBACA,kBACA,4BACA,oBACA,SACA,iBACA,kBACA,gBACA,iBACA,UACA,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,wBACA,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,qBACA,CADA,oBACA,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,uBACA,qBACA,YACA,2DAEF,0BAEE,2BACA,6BAEF,gTAWE,+BAEA,4UAYA,+DAEF,uBAEE,4BAEF,gDACE,wCACA,4EAGA,uBAKI,CAAJ,2BAEA,gFAMF,gTASE,CACA,iEAQA,oWAqBF,kCAGE,oNAeA,8BAEA,4BAEA,+DAGF,WACE,2BACA,QACA,+BAGF,WACE,yCACA,sCACA,CAIA,mCAEA,CANA,mBAIA,kCAEA,qBAEA,YACA,mDAGF,qBACE,GACA,sBACA,IACA,wBACA,oBACA,eACA,qCAEA,iFACA,2CAIA,0CAGF,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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:\n 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-item-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$red050: #fef2f2;\n$red100: #fee2e2;\n$red200: #fecaca;\n$red300: #fca5a5;\n$red400: #f87171;\n$red500: #ef4444;\n$red600: #dc2626;\n$red700: #b91c1c;\n$red800: #991b1b;\n$red900: #7f1d1d;\n\n$orange050: #fff7ed;\n$orange100: #ffedd5;\n$orange200: #fed7aa;\n$orange300: #fdba74;\n$orange400: #fb923c;\n$orange500: #f97316;\n$orange600: #ea580c;\n$orange700: #c2410c;\n$orange800: #9a3412;\n$orange900: #7c2d12;\n\n$yellow050: #fefce8;\n$yellow100: #fef9c3;\n$yellow200: #fef08a;\n$yellow300: #fde047;\n$yellow400: #facc15;\n$yellow500: #eab308;\n$yellow600: #ca8a04;\n$yellow700: #a16207;\n$yellow800: #854d0e;\n$yellow900: #713f12;\n\n$green050: #f0fdf4;\n$green100: #dcfce7;\n$green200: #bbf7d0;\n$green300: #86efac;\n$green400: #4ade80;\n$green500: #22c55e;\n$green600: #16a34a;\n$green700: #15803d;\n$green800: #166534;\n$green900: #14532d;\n\n$teal050: #f0fdfa;\n$teal100: #ccfbf1;\n$teal200: #99f6e4;\n$teal300: #5eead4;\n$teal400: #2dd4bf;\n$teal500: #14b8a6;\n$teal550: #11a697;\n$teal600: #0d9488;\n$teal700: #0f766e;\n$teal800: #115e59;\n$teal900: #134e4a;\n\n$cyan050: #ecfeff;\n$cyan100: #cffafe;\n$cyan200: #a5f3fc;\n$cyan300: #67e8f9;\n$cyan400: #22d3ee;\n$cyan500: #06b6d4;\n$cyan600: #0891b2;\n$cyan700: #0e7490;\n$cyan800: #155e75;\n$cyan900: #164e63;\n\n$blue050: #eff6ff;\n$blue100: #dbeafe;\n$blue200: #bfdbfe;\n$blue300: #93c5fd;\n$blue400: #60a5fa;\n$blue500: #3b82f6;\n$blue600: #2563eb;\n$blue700: #1d4ed8;\n$blue800: #1e40af;\n$blue900: #1e3a8a;\n\n$violet050: #f5f3ff;\n$violet100: #ede9fe;\n$violet200: #ddd6fe;\n$violet300: #c4b5fd;\n$violet400: #a78bfa;\n$violet500: #8b5cf6;\n$violet600: #7c3aed;\n$violet700: #6d28d9;\n$violet800: #5b21b6;\n$violet900: #4c1d95;\n\n$pink050: #fdf2f8;\n$pink100: #fce7f3;\n$pink200: #fbcfe8;\n$pink300: #f9a8d4;\n$pink400: #f472b6;\n$pink500: #ec4899;\n$pink600: #db2777;\n$pink700: #be185d;\n$pink800: #9d174d;\n$pink900: #831843;\n\n// submit button colors\n$primaryColor: $red600;\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: #1f5fea;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $textColor;\n$menuOptionActiveBackgroundColor: $grey050;\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:\n 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing:\n 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing:\n 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey500;\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\n@mixin sans-serif-font {\n font-family:\n system-ui,\n BlinkMacSystemFont,\n -apple-system,\n 'Segoe UI',\n 'Roboto',\n 'Oxygen',\n 'Ubuntu',\n 'Cantarell',\n 'Fira Sans',\n 'Droid Sans',\n 'Helvetica Neue',\n 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: never;\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\n@mixin angle($dir: down, $color: currentColor, $width: calc(2rem / 16)) {\n display: block;\n content: '';\n font-size: 0;\n width: calc(7rem / 16);\n height: calc(7rem / 16);\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:\n 0 0 0 1px $grey200,\n 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) !important;\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 custom-color-focus-ring($primary, $secondary: null) {\n @if $secondary != null {\n --focus-ring: 0 0 0 1px #{$primary}, 0 0 0 3px #{$secondary};\n } @else {\n --focus-ring: 0 0 0 3px #{$primary};\n }\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: calc(30rem / 16);\n height: calc(30rem / 16);\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:\n 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-item-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-item-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 color: var(--ui-control-color);\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 .h1,\n h2,\n .h2,\n h3,\n .h3,\n h4,\n .h4,\n h5,\n .h5,\n h6,\n .h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1,\n .h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2,\n .h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3,\n .h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4,\n .h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5,\n .h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6,\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 .tip-dismiss-btn {\n position: absolute;\n top: 12px;\n @include right(12px);\n\n & + p {\n margin-top: 0;\n }\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(50px);\n border: 1px solid;\n\n &.dismissible {\n @include padding-right(36px);\n }\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: $linkColor;\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 opacity: 1;\n position: absolute;\n top: 15px;\n @include left(16px);\n font-size: 24px;\n width: 24px;\n }\n\n a[href] {\n color: currentColor;\n text-decoration: underline;\n }\n }\n }\n\n .go:after {\n font-size: 14px;\n }\n}\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(\n 45deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 135deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 45deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n ),\n linear-gradient(\n 135deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n );\n background-size: $size $size;\n background-position:\n 0 0,\n $halfSize 0,\n $halfSize -#{$halfSize},\n 0 $halfSize;\n}\n"],"names":[],"sourceRoot":""} \ No newline at end of file +{"version":3,"file":"css/graphiql.css","mappings":"AAAA,sFAGE,qJACA,eAGA,qBAGF,YACE,mBACA,YACA,SACA,gBACA,WACA,iCAGF,YACE,CACA,MACA,CAFA,qBACA,CACA,iBACA,4BAGF,cACE,+BAGF,mBACE,eACA,CAKA,4DAFF,YACE,mBAeA,CAdA,4BAGF,kBACE,4CACA,gCACA,eACA,CAEA,MACA,YACA,mBACA,qBACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,8BAIA,aADF,kBAEE,uEAGF,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,yBACA,UACA,gCAGF,YACE,CACA,MACA,CAFA,kBACA,CACA,eACA,CAMA,+DAHF,YACE,CACA,OADA,qBAWA,CATA,gCAGF,6BACE,CAGA,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,MACE,kBACA,uCAGF,YACE,sBACA,YACA,kBACA,6CAGF,eACE,gCACA,6BACA,WACA,wBACA,gBACA,mBACA,iBACA,uBACA,yBACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,CAMA,uEAGF,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,4CACA,SACA,kBACA,sFACA,WAEA,eACA,qBACA,aACA,CAIA,gBAJA,oBACA,qBACA,uBACA,mBAEA,4CAGF,2CACE,sIACA,2CAKF,2CACE,WACA,2CAGF,YACE,mBACA,6CAGF,QACE,6DAIA,6BADF,yBAEE,8DAIA,2BACA,CAFF,wBACE,CACA,gBACA,0CAGF,WACE,qBACA,kBACA,qCAGF,2CACE,CACA,gCACA,CAFA,kBACA,CACA,uBACA,eACA,UACA,YACA,SACA,UACA,WACA,yCAGF,mBACE,4CAGF,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,oDAGF,cACE,UACA,oBACA,oBACA,sBACA,6KAGF,SAGE,wCAGF,wBACE,iCAGF,aACE,kEACA,eACA,YACA,OACA,kBACA,MACA,WACA,uCAGF,cACE,uCAGF,mBACE,cACA,aACA,qJACA,eAGA,aACA,iBACA,gBACA,gBACA,mCACA,qDAGF,YACE,oDAGF,eACE,wCAGF,aACE,eACA,eACA,kBACA,+BAGF,qBACE,6BACA,0CACA,kBACA,sBACA,oBACA,0BAGF,MACE,4BAEE,+BACA,SAGF,kBAEE,qBACA,8BAIJ,qBACE,CACA,QACA,CAFA,iBACA,CAEA,oCACA,CAFA,aACA,CACA,cACA,iBACA,gBACA,UACA,iBACA,wBACA,qBACA,+BAGF,iBACE,iCAGF,eACE,iDAKA,WAFF,cACE,qBAEA,wDAGF,UACE,4CAMA,eACA,4CACA,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,uCACE,SACA,WACA,kBAGF,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,qBACE,CADF,oBACE,CADF,gBACE,mBAGF,WACE,eACA,iBAGF,yCACE,uBAEA,gBACA,eACA,cACA,oBACA,kBACA,4BACA,oBACA,SACA,iBACA,kBACA,gBACA,iBACA,UACA,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,wBACA,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,qBACA,CADA,oBACA,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,uBACA,qBACA,YACA,2DAEF,0BAEE,2BACA,6BAEF,gTAWE,+BAEA,4UAYA,+DAEF,uBAEE,4BAEF,gDACE,wCACA,4EAGA,uBAKI,CAAJ,2BAEA,gFAMF,gTASE,CACA,iEAQA,oWAqBF,kCAGE,oNAeA,8BAEA,4BAEA,+DAGF,WACE,2BACA,QACA,+BAGF,WACE,yCACA,sCACA,CAIA,mCAEA,CANA,mBAIA,kCAEA,qBAEA,YACA,mDAGF,qBACE,GACA,sBACA,IACA,wBACA,oBACA,eACA,qCAEA,iFACA,2CAIA,0CAGF,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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:\n 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-item-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$red050: #fef2f2;\n$red100: #fee2e2;\n$red200: #fecaca;\n$red300: #fca5a5;\n$red400: #f87171;\n$red500: #ef4444;\n$red600: #dc2626;\n$red700: #b91c1c;\n$red800: #991b1b;\n$red900: #7f1d1d;\n\n$orange050: #fff7ed;\n$orange100: #ffedd5;\n$orange200: #fed7aa;\n$orange300: #fdba74;\n$orange400: #fb923c;\n$orange500: #f97316;\n$orange600: #ea580c;\n$orange700: #c2410c;\n$orange800: #9a3412;\n$orange900: #7c2d12;\n\n$yellow050: #fefce8;\n$yellow100: #fef9c3;\n$yellow200: #fef08a;\n$yellow300: #fde047;\n$yellow400: #facc15;\n$yellow500: #eab308;\n$yellow600: #ca8a04;\n$yellow700: #a16207;\n$yellow800: #854d0e;\n$yellow900: #713f12;\n\n$green050: #f0fdf4;\n$green100: #dcfce7;\n$green200: #bbf7d0;\n$green300: #86efac;\n$green400: #4ade80;\n$green500: #22c55e;\n$green600: #16a34a;\n$green700: #15803d;\n$green800: #166534;\n$green900: #14532d;\n\n$teal050: #f0fdfa;\n$teal100: #ccfbf1;\n$teal200: #99f6e4;\n$teal300: #5eead4;\n$teal400: #2dd4bf;\n$teal500: #14b8a6;\n$teal550: #11a697;\n$teal600: #0d9488;\n$teal700: #0f766e;\n$teal800: #115e59;\n$teal900: #134e4a;\n\n$cyan050: #ecfeff;\n$cyan100: #cffafe;\n$cyan200: #a5f3fc;\n$cyan300: #67e8f9;\n$cyan400: #22d3ee;\n$cyan500: #06b6d4;\n$cyan600: #0891b2;\n$cyan700: #0e7490;\n$cyan800: #155e75;\n$cyan900: #164e63;\n\n$blue050: #eff6ff;\n$blue100: #dbeafe;\n$blue200: #bfdbfe;\n$blue300: #93c5fd;\n$blue400: #60a5fa;\n$blue500: #3b82f6;\n$blue600: #2563eb;\n$blue700: #1d4ed8;\n$blue800: #1e40af;\n$blue900: #1e3a8a;\n\n$violet050: #f5f3ff;\n$violet100: #ede9fe;\n$violet200: #ddd6fe;\n$violet300: #c4b5fd;\n$violet400: #a78bfa;\n$violet500: #8b5cf6;\n$violet600: #7c3aed;\n$violet700: #6d28d9;\n$violet800: #5b21b6;\n$violet900: #4c1d95;\n\n$pink050: #fdf2f8;\n$pink100: #fce7f3;\n$pink200: #fbcfe8;\n$pink300: #f9a8d4;\n$pink400: #f472b6;\n$pink500: #ec4899;\n$pink600: #db2777;\n$pink700: #be185d;\n$pink800: #9d174d;\n$pink900: #831843;\n\n// submit button colors\n$primaryColor: $red600;\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: #1f5fea;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $textColor;\n$menuOptionActiveBackgroundColor: $grey050;\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:\n 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing:\n 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing:\n 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey500;\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\n@mixin sans-serif-font {\n font-family:\n system-ui,\n BlinkMacSystemFont,\n -apple-system,\n 'Segoe UI',\n 'Roboto',\n 'Oxygen',\n 'Ubuntu',\n 'Cantarell',\n 'Fira Sans',\n 'Droid Sans',\n 'Helvetica Neue',\n 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: never;\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\n@mixin angle($dir: down, $color: currentColor, $width: calc(2rem / 16)) {\n display: block;\n content: '';\n font-size: 0;\n width: calc(7rem / 16);\n height: calc(7rem / 16);\n border: solid $color;\n border-width: 0 $width $width 0;\n opacity: 0.8;\n position: relative;\n\n @if $dir == up {\n transform: rotate(225deg);\n top: 2px;\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:\n 0 0 0 1px $grey200,\n 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) !important;\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 custom-color-focus-ring($primary, $secondary: null) {\n @if $secondary != null {\n --focus-ring: 0 0 0 1px #{$primary}, 0 0 0 3px #{$secondary};\n } @else {\n --focus-ring: 0 0 0 3px #{$primary};\n }\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: calc(30rem / 16);\n height: calc(30rem / 16);\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:\n 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-item-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-item-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 color: var(--ui-control-color);\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// https://tailwindcss.com/docs/screen-readers#undoing-screen-reader-only-elements\n@mixin visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n\n@mixin not-visually-hidden {\n position: static;\n width: auto;\n height: auto;\n padding: 0;\n margin: 0;\n overflow: visible;\n clip: auto;\n white-space: normal;\n}\n\n@mixin readable {\n font-size: 16px;\n line-height: 22px;\n\n h1,\n .h1,\n h2,\n .h2,\n h3,\n .h3,\n h4,\n .h4,\n h5,\n .h5,\n h6,\n .h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1,\n .h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2,\n .h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3,\n .h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4,\n .h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5,\n .h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6,\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 .tip-dismiss-btn {\n position: absolute;\n top: 12px;\n @include right(12px);\n\n & + p {\n margin-top: 0;\n }\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(50px);\n border: 1px solid;\n\n &.dismissible {\n @include padding-right(36px);\n }\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: $linkColor;\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 opacity: 1;\n position: absolute;\n top: 15px;\n @include left(16px);\n font-size: 24px;\n width: 24px;\n }\n\n a[href] {\n color: currentColor;\n text-decoration: underline;\n }\n }\n }\n\n .go:after {\n font-size: 14px;\n }\n}\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(\n 45deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 135deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 45deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n ),\n linear-gradient(\n 135deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n );\n background-size: $size $size;\n background-position:\n 0 0,\n $halfSize 0,\n $halfSize -#{$halfSize},\n 0 $halfSize;\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 15384a47f3a..c2d7cb860f8 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,kGACA,CAFA,eAEA,oBAKA,gBACA,CAHF,iBACE,CAGA,iBACA,CAJA,QAEA,UAEA,WAIA,wCACA,CAGA,yLACA,CANF,oBACE,CACA,cACA,YACA,eAEA,iBAQA,eACE,gBAKF,YACA,UACA,CAHF,WAGE,yDAKI,WACA,CAHF,UAGE,iCAKA,0BACA,4BACA,CAHA,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,uCCkZJ,gBD/YM,CCkZN,6BD/YI,+BACE,CC8YN,iCD9YM,yBACA,CADA,eACA,UAON,WACA,CARM,iBAQN,mBAGF,UACE,mBACA,SCsPA,wBACE,kBAEF,wBAwKA,iBACE,qBAEF,iBACE,aA1SF,aACA,CAySE,uCAnTF,uCAKA,oCACA,CACA,mBACA,CADA,gBAEA,cAHA,iCACA,CACA,mBACA,CACA,kCAEA,kCAEA,sBACA,iBAEA,CAFA,kBAEA,qBACA,2BACA,CAGA,4CAHA,wBACA,sBACA,qBACA,6BD/HI,6BAEA,mBACA,8BCwWJ,mBACE,8BAEF,cACE,8BD3WE,cACE,cAEF,2BACE,UAON,iBACA,CARM,mBAQN,2BAIA,kBACA,0EAMI,2DAEE,uCAEA,gBAGF,0CAKF,oCAJI,eAIJ,aACE,iBACA,gBACA,0BAMJ,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:\n inset 0 1px #ffffff33,\n inset 0 -1px #00000022,\n 0 0 0 1px #21377066,\n 0 0 1px 2px #21377055,\n 0 10px 10px -10px #213770,\n 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$red050: #fef2f2;\n$red100: #fee2e2;\n$red200: #fecaca;\n$red300: #fca5a5;\n$red400: #f87171;\n$red500: #ef4444;\n$red600: #dc2626;\n$red700: #b91c1c;\n$red800: #991b1b;\n$red900: #7f1d1d;\n\n$orange050: #fff7ed;\n$orange100: #ffedd5;\n$orange200: #fed7aa;\n$orange300: #fdba74;\n$orange400: #fb923c;\n$orange500: #f97316;\n$orange600: #ea580c;\n$orange700: #c2410c;\n$orange800: #9a3412;\n$orange900: #7c2d12;\n\n$yellow050: #fefce8;\n$yellow100: #fef9c3;\n$yellow200: #fef08a;\n$yellow300: #fde047;\n$yellow400: #facc15;\n$yellow500: #eab308;\n$yellow600: #ca8a04;\n$yellow700: #a16207;\n$yellow800: #854d0e;\n$yellow900: #713f12;\n\n$green050: #f0fdf4;\n$green100: #dcfce7;\n$green200: #bbf7d0;\n$green300: #86efac;\n$green400: #4ade80;\n$green500: #22c55e;\n$green600: #16a34a;\n$green700: #15803d;\n$green800: #166534;\n$green900: #14532d;\n\n$teal050: #f0fdfa;\n$teal100: #ccfbf1;\n$teal200: #99f6e4;\n$teal300: #5eead4;\n$teal400: #2dd4bf;\n$teal500: #14b8a6;\n$teal550: #11a697;\n$teal600: #0d9488;\n$teal700: #0f766e;\n$teal800: #115e59;\n$teal900: #134e4a;\n\n$cyan050: #ecfeff;\n$cyan100: #cffafe;\n$cyan200: #a5f3fc;\n$cyan300: #67e8f9;\n$cyan400: #22d3ee;\n$cyan500: #06b6d4;\n$cyan600: #0891b2;\n$cyan700: #0e7490;\n$cyan800: #155e75;\n$cyan900: #164e63;\n\n$blue050: #eff6ff;\n$blue100: #dbeafe;\n$blue200: #bfdbfe;\n$blue300: #93c5fd;\n$blue400: #60a5fa;\n$blue500: #3b82f6;\n$blue600: #2563eb;\n$blue700: #1d4ed8;\n$blue800: #1e40af;\n$blue900: #1e3a8a;\n\n$violet050: #f5f3ff;\n$violet100: #ede9fe;\n$violet200: #ddd6fe;\n$violet300: #c4b5fd;\n$violet400: #a78bfa;\n$violet500: #8b5cf6;\n$violet600: #7c3aed;\n$violet700: #6d28d9;\n$violet800: #5b21b6;\n$violet900: #4c1d95;\n\n$pink050: #fdf2f8;\n$pink100: #fce7f3;\n$pink200: #fbcfe8;\n$pink300: #f9a8d4;\n$pink400: #f472b6;\n$pink500: #ec4899;\n$pink600: #db2777;\n$pink700: #be185d;\n$pink800: #9d174d;\n$pink900: #831843;\n\n// submit button colors\n$primaryColor: $red600;\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: #1f5fea;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $textColor;\n$menuOptionActiveBackgroundColor: $grey050;\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:\n 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing:\n 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing:\n 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey500;\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\n@mixin sans-serif-font {\n font-family:\n system-ui,\n BlinkMacSystemFont,\n -apple-system,\n 'Segoe UI',\n 'Roboto',\n 'Oxygen',\n 'Ubuntu',\n 'Cantarell',\n 'Fira Sans',\n 'Droid Sans',\n 'Helvetica Neue',\n 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: never;\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\n@mixin angle($dir: down, $color: currentColor, $width: calc(2rem / 16)) {\n display: block;\n content: '';\n font-size: 0;\n width: calc(7rem / 16);\n height: calc(7rem / 16);\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:\n 0 0 0 1px $grey200,\n 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) !important;\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 custom-color-focus-ring($primary, $secondary: null) {\n @if $secondary != null {\n --focus-ring: 0 0 0 1px #{$primary}, 0 0 0 3px #{$secondary};\n } @else {\n --focus-ring: 0 0 0 3px #{$primary};\n }\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: calc(30rem / 16);\n height: calc(30rem / 16);\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:\n 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-item-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-item-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 color: var(--ui-control-color);\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 .h1,\n h2,\n .h2,\n h3,\n .h3,\n h4,\n .h4,\n h5,\n .h5,\n h6,\n .h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1,\n .h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2,\n .h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3,\n .h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4,\n .h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5,\n .h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6,\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 .tip-dismiss-btn {\n position: absolute;\n top: 12px;\n @include right(12px);\n\n & + p {\n margin-top: 0;\n }\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(50px);\n border: 1px solid;\n\n &.dismissible {\n @include padding-right(36px);\n }\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: $linkColor;\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 opacity: 1;\n position: absolute;\n top: 15px;\n @include left(16px);\n font-size: 24px;\n width: 24px;\n }\n\n a[href] {\n color: currentColor;\n text-decoration: underline;\n }\n }\n }\n\n .go:after {\n font-size: 14px;\n }\n}\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(\n 45deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 135deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 45deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n ),\n linear-gradient(\n 135deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n );\n background-size: $size $size;\n background-position:\n 0 0,\n $halfSize 0,\n $halfSize -#{$halfSize},\n 0 $halfSize;\n}\n"],"names":[],"sourceRoot":""} \ No newline at end of file +{"version":3,"file":"css/install.css","mappings":"AAGA,UAEE,YAGF,KAEE,kGACA,CAFA,eAEA,oBAKA,gBACA,CAHF,iBACE,CAGA,iBACA,CAJA,QAEA,UAEA,WAIA,wCACA,CAGA,yLACA,CANF,oBACE,CACA,cACA,YACA,eAEA,iBAQA,eACE,gBAKF,YACA,UACA,CAHF,WAGE,yDAKI,WACA,CAHF,UAGE,iCAKA,0BACA,4BACA,CAHA,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,uCCoZJ,gBDjZM,CCoZN,6BDjZI,+BACE,CCgZN,iCDhZM,yBACA,CADA,eACA,UAON,WACA,CARM,iBAQN,mBAGF,UACE,mBACA,SCwPA,wBACE,kBAEF,wBAwKA,iBACE,qBAEF,iBACE,aA5SF,aACA,CA2SE,uCArTF,uCAKA,oCACA,CACA,mBACA,CADA,gBAEA,cAHA,iCACA,CACA,mBACA,CACA,kCAEA,kCAEA,sBACA,iBAEA,CAFA,kBAEA,qBACA,2BACA,CAGA,4CAHA,wBACA,sBACA,qBACA,6BD/HI,6BAEA,mBACA,8BC0WJ,mBACE,8BAEF,cACE,8BD7WE,cACE,cAEF,2BACE,UAON,iBACA,CARM,mBAQN,2BAIA,kBACA,0EAMI,2DAEE,uCAEA,gBAGF,0CAKF,oCAJI,eAIJ,aACE,iBACA,gBACA,0BAMJ,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:\n inset 0 1px #ffffff33,\n inset 0 -1px #00000022,\n 0 0 0 1px #21377066,\n 0 0 1px 2px #21377055,\n 0 10px 10px -10px #213770,\n 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$red050: #fef2f2;\n$red100: #fee2e2;\n$red200: #fecaca;\n$red300: #fca5a5;\n$red400: #f87171;\n$red500: #ef4444;\n$red600: #dc2626;\n$red700: #b91c1c;\n$red800: #991b1b;\n$red900: #7f1d1d;\n\n$orange050: #fff7ed;\n$orange100: #ffedd5;\n$orange200: #fed7aa;\n$orange300: #fdba74;\n$orange400: #fb923c;\n$orange500: #f97316;\n$orange600: #ea580c;\n$orange700: #c2410c;\n$orange800: #9a3412;\n$orange900: #7c2d12;\n\n$yellow050: #fefce8;\n$yellow100: #fef9c3;\n$yellow200: #fef08a;\n$yellow300: #fde047;\n$yellow400: #facc15;\n$yellow500: #eab308;\n$yellow600: #ca8a04;\n$yellow700: #a16207;\n$yellow800: #854d0e;\n$yellow900: #713f12;\n\n$green050: #f0fdf4;\n$green100: #dcfce7;\n$green200: #bbf7d0;\n$green300: #86efac;\n$green400: #4ade80;\n$green500: #22c55e;\n$green600: #16a34a;\n$green700: #15803d;\n$green800: #166534;\n$green900: #14532d;\n\n$teal050: #f0fdfa;\n$teal100: #ccfbf1;\n$teal200: #99f6e4;\n$teal300: #5eead4;\n$teal400: #2dd4bf;\n$teal500: #14b8a6;\n$teal550: #11a697;\n$teal600: #0d9488;\n$teal700: #0f766e;\n$teal800: #115e59;\n$teal900: #134e4a;\n\n$cyan050: #ecfeff;\n$cyan100: #cffafe;\n$cyan200: #a5f3fc;\n$cyan300: #67e8f9;\n$cyan400: #22d3ee;\n$cyan500: #06b6d4;\n$cyan600: #0891b2;\n$cyan700: #0e7490;\n$cyan800: #155e75;\n$cyan900: #164e63;\n\n$blue050: #eff6ff;\n$blue100: #dbeafe;\n$blue200: #bfdbfe;\n$blue300: #93c5fd;\n$blue400: #60a5fa;\n$blue500: #3b82f6;\n$blue600: #2563eb;\n$blue700: #1d4ed8;\n$blue800: #1e40af;\n$blue900: #1e3a8a;\n\n$violet050: #f5f3ff;\n$violet100: #ede9fe;\n$violet200: #ddd6fe;\n$violet300: #c4b5fd;\n$violet400: #a78bfa;\n$violet500: #8b5cf6;\n$violet600: #7c3aed;\n$violet700: #6d28d9;\n$violet800: #5b21b6;\n$violet900: #4c1d95;\n\n$pink050: #fdf2f8;\n$pink100: #fce7f3;\n$pink200: #fbcfe8;\n$pink300: #f9a8d4;\n$pink400: #f472b6;\n$pink500: #ec4899;\n$pink600: #db2777;\n$pink700: #be185d;\n$pink800: #9d174d;\n$pink900: #831843;\n\n// submit button colors\n$primaryColor: $red600;\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: #1f5fea;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $textColor;\n$menuOptionActiveBackgroundColor: $grey050;\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:\n 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing:\n 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing:\n 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey500;\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\n@mixin sans-serif-font {\n font-family:\n system-ui,\n BlinkMacSystemFont,\n -apple-system,\n 'Segoe UI',\n 'Roboto',\n 'Oxygen',\n 'Ubuntu',\n 'Cantarell',\n 'Fira Sans',\n 'Droid Sans',\n 'Helvetica Neue',\n 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: never;\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\n@mixin angle($dir: down, $color: currentColor, $width: calc(2rem / 16)) {\n display: block;\n content: '';\n font-size: 0;\n width: calc(7rem / 16);\n height: calc(7rem / 16);\n border: solid $color;\n border-width: 0 $width $width 0;\n opacity: 0.8;\n position: relative;\n\n @if $dir == up {\n transform: rotate(225deg);\n top: 2px;\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:\n 0 0 0 1px $grey200,\n 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) !important;\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 custom-color-focus-ring($primary, $secondary: null) {\n @if $secondary != null {\n --focus-ring: 0 0 0 1px #{$primary}, 0 0 0 3px #{$secondary};\n } @else {\n --focus-ring: 0 0 0 3px #{$primary};\n }\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: calc(30rem / 16);\n height: calc(30rem / 16);\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:\n 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-item-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-item-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 color: var(--ui-control-color);\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// https://tailwindcss.com/docs/screen-readers#undoing-screen-reader-only-elements\n@mixin visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n\n@mixin not-visually-hidden {\n position: static;\n width: auto;\n height: auto;\n padding: 0;\n margin: 0;\n overflow: visible;\n clip: auto;\n white-space: normal;\n}\n\n@mixin readable {\n font-size: 16px;\n line-height: 22px;\n\n h1,\n .h1,\n h2,\n .h2,\n h3,\n .h3,\n h4,\n .h4,\n h5,\n .h5,\n h6,\n .h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1,\n .h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2,\n .h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3,\n .h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4,\n .h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5,\n .h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6,\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 .tip-dismiss-btn {\n position: absolute;\n top: 12px;\n @include right(12px);\n\n & + p {\n margin-top: 0;\n }\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(50px);\n border: 1px solid;\n\n &.dismissible {\n @include padding-right(36px);\n }\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: $linkColor;\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 opacity: 1;\n position: absolute;\n top: 15px;\n @include left(16px);\n font-size: 24px;\n width: 24px;\n }\n\n a[href] {\n color: currentColor;\n text-decoration: underline;\n }\n }\n }\n\n .go:after {\n font-size: 14px;\n }\n}\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(\n 45deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 135deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 45deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n ),\n linear-gradient(\n 135deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n );\n background-size: $size $size;\n background-position:\n 0 0,\n $halfSize 0,\n $halfSize -#{$halfSize},\n 0 $halfSize;\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 13dee9e41ae..c530ff20600 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,mBADA,oBAEA,iBACA,MAEA,uCAKE,mBC2nBF,4BADA,yBDxnBE,uBCunBF,sCADA,iBA9dkB,CDzJhB,sBAEA,aACA,YACA,gBACA,mBCmYF,gDACE,iBD7YA,CC+YF,gDACE,gBDhZA,CCybF,gDACE,yBDzbA,CC2bF,gDACE,wBD5bA,CC0cF,gDACE,4BD1cA,CC4cF,gDACE,2BD7cA,CC8aF,sDACE,wBDraE,CCuaJ,sDACE,yBDxaE,CCsbJ,sDACE,2BDtbE,CCwbJ,sDACE,4BDzbE,CAGJ,oCACE","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 .money-placeholder {\n color: var(--light-sel-color);\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$red050: #fef2f2;\n$red100: #fee2e2;\n$red200: #fecaca;\n$red300: #fca5a5;\n$red400: #f87171;\n$red500: #ef4444;\n$red600: #dc2626;\n$red700: #b91c1c;\n$red800: #991b1b;\n$red900: #7f1d1d;\n\n$orange050: #fff7ed;\n$orange100: #ffedd5;\n$orange200: #fed7aa;\n$orange300: #fdba74;\n$orange400: #fb923c;\n$orange500: #f97316;\n$orange600: #ea580c;\n$orange700: #c2410c;\n$orange800: #9a3412;\n$orange900: #7c2d12;\n\n$yellow050: #fefce8;\n$yellow100: #fef9c3;\n$yellow200: #fef08a;\n$yellow300: #fde047;\n$yellow400: #facc15;\n$yellow500: #eab308;\n$yellow600: #ca8a04;\n$yellow700: #a16207;\n$yellow800: #854d0e;\n$yellow900: #713f12;\n\n$green050: #f0fdf4;\n$green100: #dcfce7;\n$green200: #bbf7d0;\n$green300: #86efac;\n$green400: #4ade80;\n$green500: #22c55e;\n$green600: #16a34a;\n$green700: #15803d;\n$green800: #166534;\n$green900: #14532d;\n\n$teal050: #f0fdfa;\n$teal100: #ccfbf1;\n$teal200: #99f6e4;\n$teal300: #5eead4;\n$teal400: #2dd4bf;\n$teal500: #14b8a6;\n$teal550: #11a697;\n$teal600: #0d9488;\n$teal700: #0f766e;\n$teal800: #115e59;\n$teal900: #134e4a;\n\n$cyan050: #ecfeff;\n$cyan100: #cffafe;\n$cyan200: #a5f3fc;\n$cyan300: #67e8f9;\n$cyan400: #22d3ee;\n$cyan500: #06b6d4;\n$cyan600: #0891b2;\n$cyan700: #0e7490;\n$cyan800: #155e75;\n$cyan900: #164e63;\n\n$blue050: #eff6ff;\n$blue100: #dbeafe;\n$blue200: #bfdbfe;\n$blue300: #93c5fd;\n$blue400: #60a5fa;\n$blue500: #3b82f6;\n$blue600: #2563eb;\n$blue700: #1d4ed8;\n$blue800: #1e40af;\n$blue900: #1e3a8a;\n\n$violet050: #f5f3ff;\n$violet100: #ede9fe;\n$violet200: #ddd6fe;\n$violet300: #c4b5fd;\n$violet400: #a78bfa;\n$violet500: #8b5cf6;\n$violet600: #7c3aed;\n$violet700: #6d28d9;\n$violet800: #5b21b6;\n$violet900: #4c1d95;\n\n$pink050: #fdf2f8;\n$pink100: #fce7f3;\n$pink200: #fbcfe8;\n$pink300: #f9a8d4;\n$pink400: #f472b6;\n$pink500: #ec4899;\n$pink600: #db2777;\n$pink700: #be185d;\n$pink800: #9d174d;\n$pink900: #831843;\n\n// submit button colors\n$primaryColor: $red600;\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: #1f5fea;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $textColor;\n$menuOptionActiveBackgroundColor: $grey050;\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:\n 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing:\n 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing:\n 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey500;\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\n@mixin sans-serif-font {\n font-family:\n system-ui,\n BlinkMacSystemFont,\n -apple-system,\n 'Segoe UI',\n 'Roboto',\n 'Oxygen',\n 'Ubuntu',\n 'Cantarell',\n 'Fira Sans',\n 'Droid Sans',\n 'Helvetica Neue',\n 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: never;\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\n@mixin angle($dir: down, $color: currentColor, $width: calc(2rem / 16)) {\n display: block;\n content: '';\n font-size: 0;\n width: calc(7rem / 16);\n height: calc(7rem / 16);\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:\n 0 0 0 1px $grey200,\n 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) !important;\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 custom-color-focus-ring($primary, $secondary: null) {\n @if $secondary != null {\n --focus-ring: 0 0 0 1px #{$primary}, 0 0 0 3px #{$secondary};\n } @else {\n --focus-ring: 0 0 0 3px #{$primary};\n }\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: calc(30rem / 16);\n height: calc(30rem / 16);\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:\n 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-item-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-item-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 color: var(--ui-control-color);\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 .h1,\n h2,\n .h2,\n h3,\n .h3,\n h4,\n .h4,\n h5,\n .h5,\n h6,\n .h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1,\n .h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2,\n .h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3,\n .h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4,\n .h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5,\n .h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6,\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 .tip-dismiss-btn {\n position: absolute;\n top: 12px;\n @include right(12px);\n\n & + p {\n margin-top: 0;\n }\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(50px);\n border: 1px solid;\n\n &.dismissible {\n @include padding-right(36px);\n }\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: $linkColor;\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 opacity: 1;\n position: absolute;\n top: 15px;\n @include left(16px);\n font-size: 24px;\n width: 24px;\n }\n\n a[href] {\n color: currentColor;\n text-decoration: underline;\n }\n }\n }\n\n .go:after {\n font-size: 14px;\n }\n}\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(\n 45deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 135deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 45deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n ),\n linear-gradient(\n 135deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n );\n background-size: $size $size;\n background-position:\n 0 0,\n $halfSize 0,\n $halfSize -#{$halfSize},\n 0 $halfSize;\n}\n"],"names":[],"sourceRoot":""} \ No newline at end of file +{"version":3,"file":"css/Money.css","mappings":"AAEA,iBAEE,mBADA,oBAEA,iBACA,MAEA,uCAKE,mBC6nBF,4BADA,yBD1nBE,uBCynBF,sCADA,iBAhekB,CDzJhB,sBAEA,aACA,YACA,gBACA,mBCqYF,gDACE,iBD/YA,CCiZF,gDACE,gBDlZA,CC2bF,gDACE,yBD3bA,CC6bF,gDACE,wBD9bA,CC4cF,gDACE,4BD5cA,CC8cF,gDACE,2BD/cA,CCgbF,sDACE,wBDvaE,CCyaJ,sDACE,yBD1aE,CCwbJ,sDACE,2BDxbE,CC0bJ,sDACE,4BD3bE,CAGJ,oCACE","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 .money-placeholder {\n color: var(--light-sel-color);\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$red050: #fef2f2;\n$red100: #fee2e2;\n$red200: #fecaca;\n$red300: #fca5a5;\n$red400: #f87171;\n$red500: #ef4444;\n$red600: #dc2626;\n$red700: #b91c1c;\n$red800: #991b1b;\n$red900: #7f1d1d;\n\n$orange050: #fff7ed;\n$orange100: #ffedd5;\n$orange200: #fed7aa;\n$orange300: #fdba74;\n$orange400: #fb923c;\n$orange500: #f97316;\n$orange600: #ea580c;\n$orange700: #c2410c;\n$orange800: #9a3412;\n$orange900: #7c2d12;\n\n$yellow050: #fefce8;\n$yellow100: #fef9c3;\n$yellow200: #fef08a;\n$yellow300: #fde047;\n$yellow400: #facc15;\n$yellow500: #eab308;\n$yellow600: #ca8a04;\n$yellow700: #a16207;\n$yellow800: #854d0e;\n$yellow900: #713f12;\n\n$green050: #f0fdf4;\n$green100: #dcfce7;\n$green200: #bbf7d0;\n$green300: #86efac;\n$green400: #4ade80;\n$green500: #22c55e;\n$green600: #16a34a;\n$green700: #15803d;\n$green800: #166534;\n$green900: #14532d;\n\n$teal050: #f0fdfa;\n$teal100: #ccfbf1;\n$teal200: #99f6e4;\n$teal300: #5eead4;\n$teal400: #2dd4bf;\n$teal500: #14b8a6;\n$teal550: #11a697;\n$teal600: #0d9488;\n$teal700: #0f766e;\n$teal800: #115e59;\n$teal900: #134e4a;\n\n$cyan050: #ecfeff;\n$cyan100: #cffafe;\n$cyan200: #a5f3fc;\n$cyan300: #67e8f9;\n$cyan400: #22d3ee;\n$cyan500: #06b6d4;\n$cyan600: #0891b2;\n$cyan700: #0e7490;\n$cyan800: #155e75;\n$cyan900: #164e63;\n\n$blue050: #eff6ff;\n$blue100: #dbeafe;\n$blue200: #bfdbfe;\n$blue300: #93c5fd;\n$blue400: #60a5fa;\n$blue500: #3b82f6;\n$blue600: #2563eb;\n$blue700: #1d4ed8;\n$blue800: #1e40af;\n$blue900: #1e3a8a;\n\n$violet050: #f5f3ff;\n$violet100: #ede9fe;\n$violet200: #ddd6fe;\n$violet300: #c4b5fd;\n$violet400: #a78bfa;\n$violet500: #8b5cf6;\n$violet600: #7c3aed;\n$violet700: #6d28d9;\n$violet800: #5b21b6;\n$violet900: #4c1d95;\n\n$pink050: #fdf2f8;\n$pink100: #fce7f3;\n$pink200: #fbcfe8;\n$pink300: #f9a8d4;\n$pink400: #f472b6;\n$pink500: #ec4899;\n$pink600: #db2777;\n$pink700: #be185d;\n$pink800: #9d174d;\n$pink900: #831843;\n\n// submit button colors\n$primaryColor: $red600;\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: #1f5fea;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $textColor;\n$menuOptionActiveBackgroundColor: $grey050;\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:\n 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing:\n 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing:\n 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey500;\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\n@mixin sans-serif-font {\n font-family:\n system-ui,\n BlinkMacSystemFont,\n -apple-system,\n 'Segoe UI',\n 'Roboto',\n 'Oxygen',\n 'Ubuntu',\n 'Cantarell',\n 'Fira Sans',\n 'Droid Sans',\n 'Helvetica Neue',\n 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: never;\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\n@mixin angle($dir: down, $color: currentColor, $width: calc(2rem / 16)) {\n display: block;\n content: '';\n font-size: 0;\n width: calc(7rem / 16);\n height: calc(7rem / 16);\n border: solid $color;\n border-width: 0 $width $width 0;\n opacity: 0.8;\n position: relative;\n\n @if $dir == up {\n transform: rotate(225deg);\n top: 2px;\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:\n 0 0 0 1px $grey200,\n 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) !important;\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 custom-color-focus-ring($primary, $secondary: null) {\n @if $secondary != null {\n --focus-ring: 0 0 0 1px #{$primary}, 0 0 0 3px #{$secondary};\n } @else {\n --focus-ring: 0 0 0 3px #{$primary};\n }\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: calc(30rem / 16);\n height: calc(30rem / 16);\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:\n 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-item-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-item-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 color: var(--ui-control-color);\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// https://tailwindcss.com/docs/screen-readers#undoing-screen-reader-only-elements\n@mixin visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n\n@mixin not-visually-hidden {\n position: static;\n width: auto;\n height: auto;\n padding: 0;\n margin: 0;\n overflow: visible;\n clip: auto;\n white-space: normal;\n}\n\n@mixin readable {\n font-size: 16px;\n line-height: 22px;\n\n h1,\n .h1,\n h2,\n .h2,\n h3,\n .h3,\n h4,\n .h4,\n h5,\n .h5,\n h6,\n .h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1,\n .h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2,\n .h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3,\n .h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4,\n .h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5,\n .h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6,\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 .tip-dismiss-btn {\n position: absolute;\n top: 12px;\n @include right(12px);\n\n & + p {\n margin-top: 0;\n }\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(50px);\n border: 1px solid;\n\n &.dismissible {\n @include padding-right(36px);\n }\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: $linkColor;\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 opacity: 1;\n position: absolute;\n top: 15px;\n @include left(16px);\n font-size: 24px;\n width: 24px;\n }\n\n a[href] {\n color: currentColor;\n text-decoration: underline;\n }\n }\n }\n\n .go:after {\n font-size: 14px;\n }\n}\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(\n 45deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 135deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 45deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n ),\n linear-gradient(\n 135deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n );\n background-size: $size $size;\n background-position:\n 0 0,\n $halfSize 0,\n $halfSize -#{$halfSize},\n 0 $halfSize;\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 b5869b1367b..802863253d0 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,CC0eN,4CACE,iBD5eI,CC8eN,4CACE,gBD/eI,CAGA,qCACE,cACA,cAGF,8EAEE,cAEA,YADA,UACA,CAGF,uDAOE,kFACA,CAPA,cAKA,YAJA,kBACA,SAEA,UAGA,iEC2TR,SACE,iEAEF,UACE,8DD7TM,8CACE,8CAKN,qBACE,yDAEA,oBAEE,CAFF,aAKE,eAHA,aACA,CADA,gBACA,kBAEA,4DAGA,iFAQE,yCACA,mBACA,mBACA,aAPF,kBACE,SAMA,kCAEA,CARA,wBAGA,4DAKA,2EC2aV,0FAGA,gLD5aU,cAEE,CACA,eACA,CAFA,gBACA,CAHF,aAKE,gFAGF,mCACE,qBACA,mBACA,wBACA,4BACA,iFAIA,mCACA,CACA,yBACA,CAFA,kBACA,CACA,kBACA,CALF,kBAKE,wBACA,iCACA,wGCkZZ,uHAGA,wHAwBA,wHAGA,kBACE,qGDraY,kBAGA,CANA,WAFF,cAEE,WAEA,CACA,SALF,iBACE,CACA,MAMA,kCACA,CALA,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,2ECkVV,2FAGA,kBACE,qGDjVI,oEAOE,6BAEA,CAJF,aAEE,eAFF,kBAIE,0DAEA,kBACE,CADF,YAEE,qFCgUV,qGAGA,kBACE,uID5TU,iBC6CZ,aAWA,aACA,CAZA,uCAKA,uCACA,oCACA,CAEA,mBACA,CAFA,eACA,CAEA,cAJA,iCACA,CAEA,mBACA,CACA,kCAEA,kCACA,qBAEA,CACA,kBADA,kBAEA,qBACA,2BACA,CACA,qBD/Dc,CC+Dd,gBADA,wBACA,4DD/Dc,0JC6Td,0KAGA,qLDzTc,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$red050: #fef2f2;\n$red100: #fee2e2;\n$red200: #fecaca;\n$red300: #fca5a5;\n$red400: #f87171;\n$red500: #ef4444;\n$red600: #dc2626;\n$red700: #b91c1c;\n$red800: #991b1b;\n$red900: #7f1d1d;\n\n$orange050: #fff7ed;\n$orange100: #ffedd5;\n$orange200: #fed7aa;\n$orange300: #fdba74;\n$orange400: #fb923c;\n$orange500: #f97316;\n$orange600: #ea580c;\n$orange700: #c2410c;\n$orange800: #9a3412;\n$orange900: #7c2d12;\n\n$yellow050: #fefce8;\n$yellow100: #fef9c3;\n$yellow200: #fef08a;\n$yellow300: #fde047;\n$yellow400: #facc15;\n$yellow500: #eab308;\n$yellow600: #ca8a04;\n$yellow700: #a16207;\n$yellow800: #854d0e;\n$yellow900: #713f12;\n\n$green050: #f0fdf4;\n$green100: #dcfce7;\n$green200: #bbf7d0;\n$green300: #86efac;\n$green400: #4ade80;\n$green500: #22c55e;\n$green600: #16a34a;\n$green700: #15803d;\n$green800: #166534;\n$green900: #14532d;\n\n$teal050: #f0fdfa;\n$teal100: #ccfbf1;\n$teal200: #99f6e4;\n$teal300: #5eead4;\n$teal400: #2dd4bf;\n$teal500: #14b8a6;\n$teal550: #11a697;\n$teal600: #0d9488;\n$teal700: #0f766e;\n$teal800: #115e59;\n$teal900: #134e4a;\n\n$cyan050: #ecfeff;\n$cyan100: #cffafe;\n$cyan200: #a5f3fc;\n$cyan300: #67e8f9;\n$cyan400: #22d3ee;\n$cyan500: #06b6d4;\n$cyan600: #0891b2;\n$cyan700: #0e7490;\n$cyan800: #155e75;\n$cyan900: #164e63;\n\n$blue050: #eff6ff;\n$blue100: #dbeafe;\n$blue200: #bfdbfe;\n$blue300: #93c5fd;\n$blue400: #60a5fa;\n$blue500: #3b82f6;\n$blue600: #2563eb;\n$blue700: #1d4ed8;\n$blue800: #1e40af;\n$blue900: #1e3a8a;\n\n$violet050: #f5f3ff;\n$violet100: #ede9fe;\n$violet200: #ddd6fe;\n$violet300: #c4b5fd;\n$violet400: #a78bfa;\n$violet500: #8b5cf6;\n$violet600: #7c3aed;\n$violet700: #6d28d9;\n$violet800: #5b21b6;\n$violet900: #4c1d95;\n\n$pink050: #fdf2f8;\n$pink100: #fce7f3;\n$pink200: #fbcfe8;\n$pink300: #f9a8d4;\n$pink400: #f472b6;\n$pink500: #ec4899;\n$pink600: #db2777;\n$pink700: #be185d;\n$pink800: #9d174d;\n$pink900: #831843;\n\n// submit button colors\n$primaryColor: $red600;\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: #1f5fea;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $textColor;\n$menuOptionActiveBackgroundColor: $grey050;\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:\n 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing:\n 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing:\n 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey500;\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\n@mixin sans-serif-font {\n font-family:\n system-ui,\n BlinkMacSystemFont,\n -apple-system,\n 'Segoe UI',\n 'Roboto',\n 'Oxygen',\n 'Ubuntu',\n 'Cantarell',\n 'Fira Sans',\n 'Droid Sans',\n 'Helvetica Neue',\n 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: never;\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\n@mixin angle($dir: down, $color: currentColor, $width: calc(2rem / 16)) {\n display: block;\n content: '';\n font-size: 0;\n width: calc(7rem / 16);\n height: calc(7rem / 16);\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:\n 0 0 0 1px $grey200,\n 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) !important;\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 custom-color-focus-ring($primary, $secondary: null) {\n @if $secondary != null {\n --focus-ring: 0 0 0 1px #{$primary}, 0 0 0 3px #{$secondary};\n } @else {\n --focus-ring: 0 0 0 3px #{$primary};\n }\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: calc(30rem / 16);\n height: calc(30rem / 16);\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:\n 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-item-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-item-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 color: var(--ui-control-color);\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// https://tailwindcss.com/docs/screen-readers#undoing-screen-reader-only-elements\n@mixin visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n\n@mixin not-visually-hidden {\n position: static;\n width: auto;\n height: auto;\n padding: 0;\n margin: 0;\n overflow: visible;\n clip: auto;\n white-space: normal;\n}\n\n@mixin readable {\n font-size: 16px;\n line-height: 22px;\n\n h1,\n .h1,\n h2,\n .h2,\n h3,\n .h3,\n h4,\n .h4,\n h5,\n .h5,\n h6,\n .h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1,\n .h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2,\n .h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3,\n .h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4,\n .h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5,\n .h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6,\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 .tip-dismiss-btn {\n position: absolute;\n top: 12px;\n @include right(12px);\n\n & + p {\n margin-top: 0;\n }\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(50px);\n border: 1px solid;\n\n &.dismissible {\n @include padding-right(36px);\n }\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: $linkColor;\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 opacity: 1;\n position: absolute;\n top: 15px;\n @include left(16px);\n font-size: 24px;\n width: 24px;\n }\n\n a[href] {\n color: currentColor;\n text-decoration: underline;\n }\n }\n }\n\n .go:after {\n font-size: 14px;\n }\n}\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(\n 45deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 135deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 45deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n ),\n linear-gradient(\n 135deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n );\n background-size: $size $size;\n background-position:\n 0 0,\n $halfSize 0,\n $halfSize -#{$halfSize},\n 0 $halfSize;\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,CC4eN,4CACE,iBD9eI,CCgfN,4CACE,gBDjfI,CAGA,qCACE,cACA,cAGF,8EAEE,cAEA,YADA,UACA,CAGF,uDAOE,kFACA,CAPA,cAKA,YAJA,kBACA,SAEA,UAGA,iEC6TR,SACE,iEAEF,UACE,8DD/TM,8CACE,8CAKN,qBACE,yDAEA,oBAEE,CAFF,aAKE,eAHA,aACA,CADA,gBACA,kBAEA,4DAGA,iFAQE,yCACA,mBACA,mBACA,aAPF,kBACE,SAMA,kCAEA,CARA,wBAGA,4DAKA,2EC6aV,0FAGA,gLD9aU,cAEE,CACA,eACA,CAFA,gBACA,CAHF,aAKE,gFAGF,mCACE,qBACA,mBACA,wBACA,4BACA,iFAIA,mCACA,CACA,yBACA,CAFA,kBACA,CACA,kBACA,CALF,kBAKE,wBACA,iCACA,wGCoZZ,uHAGA,wHAwBA,wHAGA,kBACE,qGDvaY,kBAGA,CANA,WAFF,cAEE,WAEA,CACA,SALF,iBACE,CACA,MAMA,kCACA,CALA,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,2ECoVV,2FAGA,kBACE,qGDnVI,oEAOE,6BAEA,CAJF,aAEE,eAFF,kBAIE,0DAEA,kBACE,CADF,YAEE,qFCkUV,qGAGA,kBACE,uID9TU,iBC6CZ,aAWA,aACA,CAZA,uCAKA,uCACA,oCACA,CAEA,mBACA,CAFA,eACA,CAEA,cAJA,iCACA,CAEA,mBACA,CACA,kCAEA,kCACA,qBAEA,CACA,kBADA,kBAEA,qBACA,2BACA,CACA,qBD/Dc,CC+Dd,gBADA,wBACA,4DD/Dc,0JC+Td,0KAGA,qLD3Tc,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$red050: #fef2f2;\n$red100: #fee2e2;\n$red200: #fecaca;\n$red300: #fca5a5;\n$red400: #f87171;\n$red500: #ef4444;\n$red600: #dc2626;\n$red700: #b91c1c;\n$red800: #991b1b;\n$red900: #7f1d1d;\n\n$orange050: #fff7ed;\n$orange100: #ffedd5;\n$orange200: #fed7aa;\n$orange300: #fdba74;\n$orange400: #fb923c;\n$orange500: #f97316;\n$orange600: #ea580c;\n$orange700: #c2410c;\n$orange800: #9a3412;\n$orange900: #7c2d12;\n\n$yellow050: #fefce8;\n$yellow100: #fef9c3;\n$yellow200: #fef08a;\n$yellow300: #fde047;\n$yellow400: #facc15;\n$yellow500: #eab308;\n$yellow600: #ca8a04;\n$yellow700: #a16207;\n$yellow800: #854d0e;\n$yellow900: #713f12;\n\n$green050: #f0fdf4;\n$green100: #dcfce7;\n$green200: #bbf7d0;\n$green300: #86efac;\n$green400: #4ade80;\n$green500: #22c55e;\n$green600: #16a34a;\n$green700: #15803d;\n$green800: #166534;\n$green900: #14532d;\n\n$teal050: #f0fdfa;\n$teal100: #ccfbf1;\n$teal200: #99f6e4;\n$teal300: #5eead4;\n$teal400: #2dd4bf;\n$teal500: #14b8a6;\n$teal550: #11a697;\n$teal600: #0d9488;\n$teal700: #0f766e;\n$teal800: #115e59;\n$teal900: #134e4a;\n\n$cyan050: #ecfeff;\n$cyan100: #cffafe;\n$cyan200: #a5f3fc;\n$cyan300: #67e8f9;\n$cyan400: #22d3ee;\n$cyan500: #06b6d4;\n$cyan600: #0891b2;\n$cyan700: #0e7490;\n$cyan800: #155e75;\n$cyan900: #164e63;\n\n$blue050: #eff6ff;\n$blue100: #dbeafe;\n$blue200: #bfdbfe;\n$blue300: #93c5fd;\n$blue400: #60a5fa;\n$blue500: #3b82f6;\n$blue600: #2563eb;\n$blue700: #1d4ed8;\n$blue800: #1e40af;\n$blue900: #1e3a8a;\n\n$violet050: #f5f3ff;\n$violet100: #ede9fe;\n$violet200: #ddd6fe;\n$violet300: #c4b5fd;\n$violet400: #a78bfa;\n$violet500: #8b5cf6;\n$violet600: #7c3aed;\n$violet700: #6d28d9;\n$violet800: #5b21b6;\n$violet900: #4c1d95;\n\n$pink050: #fdf2f8;\n$pink100: #fce7f3;\n$pink200: #fbcfe8;\n$pink300: #f9a8d4;\n$pink400: #f472b6;\n$pink500: #ec4899;\n$pink600: #db2777;\n$pink700: #be185d;\n$pink800: #9d174d;\n$pink900: #831843;\n\n// submit button colors\n$primaryColor: $red600;\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: #1f5fea;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $textColor;\n$menuOptionActiveBackgroundColor: $grey050;\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:\n 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing:\n 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing:\n 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey500;\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\n@mixin sans-serif-font {\n font-family:\n system-ui,\n BlinkMacSystemFont,\n -apple-system,\n 'Segoe UI',\n 'Roboto',\n 'Oxygen',\n 'Ubuntu',\n 'Cantarell',\n 'Fira Sans',\n 'Droid Sans',\n 'Helvetica Neue',\n 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: never;\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\n@mixin angle($dir: down, $color: currentColor, $width: calc(2rem / 16)) {\n display: block;\n content: '';\n font-size: 0;\n width: calc(7rem / 16);\n height: calc(7rem / 16);\n border: solid $color;\n border-width: 0 $width $width 0;\n opacity: 0.8;\n position: relative;\n\n @if $dir == up {\n transform: rotate(225deg);\n top: 2px;\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:\n 0 0 0 1px $grey200,\n 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) !important;\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 custom-color-focus-ring($primary, $secondary: null) {\n @if $secondary != null {\n --focus-ring: 0 0 0 1px #{$primary}, 0 0 0 3px #{$secondary};\n } @else {\n --focus-ring: 0 0 0 3px #{$primary};\n }\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: calc(30rem / 16);\n height: calc(30rem / 16);\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:\n 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-item-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-item-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 color: var(--ui-control-color);\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// https://tailwindcss.com/docs/screen-readers#undoing-screen-reader-only-elements\n@mixin visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n\n@mixin not-visually-hidden {\n position: static;\n width: auto;\n height: auto;\n padding: 0;\n margin: 0;\n overflow: visible;\n clip: auto;\n white-space: normal;\n}\n\n@mixin readable {\n font-size: 16px;\n line-height: 22px;\n\n h1,\n .h1,\n h2,\n .h2,\n h3,\n .h3,\n h4,\n .h4,\n h5,\n .h5,\n h6,\n .h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1,\n .h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2,\n .h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3,\n .h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4,\n .h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5,\n .h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6,\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 .tip-dismiss-btn {\n position: absolute;\n top: 12px;\n @include right(12px);\n\n & + p {\n margin-top: 0;\n }\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(50px);\n border: 1px solid;\n\n &.dismissible {\n @include padding-right(36px);\n }\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: $linkColor;\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 opacity: 1;\n position: absolute;\n top: 15px;\n @include left(16px);\n font-size: 24px;\n width: 24px;\n }\n\n a[href] {\n color: currentColor;\n text-decoration: underline;\n }\n }\n }\n\n .go:after {\n font-size: 14px;\n }\n}\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(\n 45deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 135deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 45deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n ),\n linear-gradient(\n 135deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n );\n background-size: $size $size;\n background-position:\n 0 0,\n $halfSize 0,\n $halfSize -#{$halfSize},\n 0 $halfSize;\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 a4caabf6138..4727f2023dc 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:///./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","webpack:///./js/components/ui/CLightswitch.vue"],"sourcesContent":["\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@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$red050: #fef2f2;\n$red100: #fee2e2;\n$red200: #fecaca;\n$red300: #fca5a5;\n$red400: #f87171;\n$red500: #ef4444;\n$red600: #dc2626;\n$red700: #b91c1c;\n$red800: #991b1b;\n$red900: #7f1d1d;\n\n$orange050: #fff7ed;\n$orange100: #ffedd5;\n$orange200: #fed7aa;\n$orange300: #fdba74;\n$orange400: #fb923c;\n$orange500: #f97316;\n$orange600: #ea580c;\n$orange700: #c2410c;\n$orange800: #9a3412;\n$orange900: #7c2d12;\n\n$yellow050: #fefce8;\n$yellow100: #fef9c3;\n$yellow200: #fef08a;\n$yellow300: #fde047;\n$yellow400: #facc15;\n$yellow500: #eab308;\n$yellow600: #ca8a04;\n$yellow700: #a16207;\n$yellow800: #854d0e;\n$yellow900: #713f12;\n\n$green050: #f0fdf4;\n$green100: #dcfce7;\n$green200: #bbf7d0;\n$green300: #86efac;\n$green400: #4ade80;\n$green500: #22c55e;\n$green600: #16a34a;\n$green700: #15803d;\n$green800: #166534;\n$green900: #14532d;\n\n$teal050: #f0fdfa;\n$teal100: #ccfbf1;\n$teal200: #99f6e4;\n$teal300: #5eead4;\n$teal400: #2dd4bf;\n$teal500: #14b8a6;\n$teal550: #11a697;\n$teal600: #0d9488;\n$teal700: #0f766e;\n$teal800: #115e59;\n$teal900: #134e4a;\n\n$cyan050: #ecfeff;\n$cyan100: #cffafe;\n$cyan200: #a5f3fc;\n$cyan300: #67e8f9;\n$cyan400: #22d3ee;\n$cyan500: #06b6d4;\n$cyan600: #0891b2;\n$cyan700: #0e7490;\n$cyan800: #155e75;\n$cyan900: #164e63;\n\n$blue050: #eff6ff;\n$blue100: #dbeafe;\n$blue200: #bfdbfe;\n$blue300: #93c5fd;\n$blue400: #60a5fa;\n$blue500: #3b82f6;\n$blue600: #2563eb;\n$blue700: #1d4ed8;\n$blue800: #1e40af;\n$blue900: #1e3a8a;\n\n$violet050: #f5f3ff;\n$violet100: #ede9fe;\n$violet200: #ddd6fe;\n$violet300: #c4b5fd;\n$violet400: #a78bfa;\n$violet500: #8b5cf6;\n$violet600: #7c3aed;\n$violet700: #6d28d9;\n$violet800: #5b21b6;\n$violet900: #4c1d95;\n\n$pink050: #fdf2f8;\n$pink100: #fce7f3;\n$pink200: #fbcfe8;\n$pink300: #f9a8d4;\n$pink400: #f472b6;\n$pink500: #ec4899;\n$pink600: #db2777;\n$pink700: #be185d;\n$pink800: #9d174d;\n$pink900: #831843;\n\n// submit button colors\n$primaryColor: $red600;\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: #1f5fea;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $textColor;\n$menuOptionActiveBackgroundColor: $grey050;\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:\n 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing:\n 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing:\n 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey500;\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\n@mixin sans-serif-font {\n font-family:\n system-ui,\n BlinkMacSystemFont,\n -apple-system,\n 'Segoe UI',\n 'Roboto',\n 'Oxygen',\n 'Ubuntu',\n 'Cantarell',\n 'Fira Sans',\n 'Droid Sans',\n 'Helvetica Neue',\n 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: never;\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\n@mixin angle($dir: down, $color: currentColor, $width: calc(2rem / 16)) {\n display: block;\n content: '';\n font-size: 0;\n width: calc(7rem / 16);\n height: calc(7rem / 16);\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:\n 0 0 0 1px $grey200,\n 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) !important;\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 custom-color-focus-ring($primary, $secondary: null) {\n @if $secondary != null {\n --focus-ring: 0 0 0 1px #{$primary}, 0 0 0 3px #{$secondary};\n } @else {\n --focus-ring: 0 0 0 3px #{$primary};\n }\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: calc(30rem / 16);\n height: calc(30rem / 16);\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:\n 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-item-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-item-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 color: var(--ui-control-color);\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 .h1,\n h2,\n .h2,\n h3,\n .h3,\n h4,\n .h4,\n h5,\n .h5,\n h6,\n .h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1,\n .h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2,\n .h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3,\n .h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4,\n .h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5,\n .h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6,\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 .tip-dismiss-btn {\n position: absolute;\n top: 12px;\n @include right(12px);\n\n & + p {\n margin-top: 0;\n }\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(50px);\n border: 1px solid;\n\n &.dismissible {\n @include padding-right(36px);\n }\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: $linkColor;\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 opacity: 1;\n position: absolute;\n top: 15px;\n @include left(16px);\n font-size: 24px;\n width: 24px;\n }\n\n a[href] {\n color: currentColor;\n text-decoration: underline;\n }\n }\n }\n\n .go:after {\n font-size: 14px;\n }\n}\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(\n 45deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 135deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 45deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n ),\n linear-gradient(\n 135deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n );\n background-size: $size $size;\n background-position:\n 0 0,\n $halfSize 0,\n $halfSize -#{$halfSize},\n 0 $halfSize;\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@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.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.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.plugin-actions {\n .c-spinner {\n @apply tw-absolute tw-left-1/2;\n bottom: -32px;\n }\n}\n","\nbody {\n --chart-fill-color: #dbeafe;\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@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@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#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:\n inset 0 0 0 1px transparent,\n 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:\n opacity 0.15s,\n 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","\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@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@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.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","\n.c-lightswitch {\n .c-lightswitch-input {\n label {\n @apply tw-relative tw-block tw-select-none;\n width: 34px;\n height: 22px;\n\n input {\n @apply tw-absolute tw-opacity-0;\n }\n\n .slider {\n @apply tw-absolute tw-inset-0 tw-cursor-pointer tw-bg-gray-400;\n -webkit-transition: 0.4s;\n transition: 0.4s;\n }\n\n .slider:before {\n @apply tw-absolute tw-bg-white;\n content: '';\n height: 20px;\n width: 20px;\n left: 1px;\n bottom: 1px;\n -webkit-transition: 0.1s;\n transition: 0.1s;\n\n -webkit-transform: translateX(0px);\n -ms-transform: translateX(0px);\n transform: translateX(0px);\n }\n\n input:checked + .slider {\n background-color: #38c172;\n }\n\n input:focus + .slider {\n @apply tw-ring-2 tw-ring-blue-500 tw-ring-opacity-100;\n }\n\n input:checked + .slider:before {\n -webkit-transform: translateX(12px);\n -ms-transform: translateX(12px);\n transform: translateX(12px);\n }\n\n .slider.round {\n border-radius: 34px;\n }\n\n .slider.round:before {\n border-radius: 50%;\n }\n\n &.disabled {\n opacity: 0.4;\n\n .slider {\n @apply tw-cursor-default;\n }\n }\n }\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:///./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","webpack:///./js/components/ui/CLightswitch.vue"],"sourcesContent":["\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@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$red050: #fef2f2;\n$red100: #fee2e2;\n$red200: #fecaca;\n$red300: #fca5a5;\n$red400: #f87171;\n$red500: #ef4444;\n$red600: #dc2626;\n$red700: #b91c1c;\n$red800: #991b1b;\n$red900: #7f1d1d;\n\n$orange050: #fff7ed;\n$orange100: #ffedd5;\n$orange200: #fed7aa;\n$orange300: #fdba74;\n$orange400: #fb923c;\n$orange500: #f97316;\n$orange600: #ea580c;\n$orange700: #c2410c;\n$orange800: #9a3412;\n$orange900: #7c2d12;\n\n$yellow050: #fefce8;\n$yellow100: #fef9c3;\n$yellow200: #fef08a;\n$yellow300: #fde047;\n$yellow400: #facc15;\n$yellow500: #eab308;\n$yellow600: #ca8a04;\n$yellow700: #a16207;\n$yellow800: #854d0e;\n$yellow900: #713f12;\n\n$green050: #f0fdf4;\n$green100: #dcfce7;\n$green200: #bbf7d0;\n$green300: #86efac;\n$green400: #4ade80;\n$green500: #22c55e;\n$green600: #16a34a;\n$green700: #15803d;\n$green800: #166534;\n$green900: #14532d;\n\n$teal050: #f0fdfa;\n$teal100: #ccfbf1;\n$teal200: #99f6e4;\n$teal300: #5eead4;\n$teal400: #2dd4bf;\n$teal500: #14b8a6;\n$teal550: #11a697;\n$teal600: #0d9488;\n$teal700: #0f766e;\n$teal800: #115e59;\n$teal900: #134e4a;\n\n$cyan050: #ecfeff;\n$cyan100: #cffafe;\n$cyan200: #a5f3fc;\n$cyan300: #67e8f9;\n$cyan400: #22d3ee;\n$cyan500: #06b6d4;\n$cyan600: #0891b2;\n$cyan700: #0e7490;\n$cyan800: #155e75;\n$cyan900: #164e63;\n\n$blue050: #eff6ff;\n$blue100: #dbeafe;\n$blue200: #bfdbfe;\n$blue300: #93c5fd;\n$blue400: #60a5fa;\n$blue500: #3b82f6;\n$blue600: #2563eb;\n$blue700: #1d4ed8;\n$blue800: #1e40af;\n$blue900: #1e3a8a;\n\n$violet050: #f5f3ff;\n$violet100: #ede9fe;\n$violet200: #ddd6fe;\n$violet300: #c4b5fd;\n$violet400: #a78bfa;\n$violet500: #8b5cf6;\n$violet600: #7c3aed;\n$violet700: #6d28d9;\n$violet800: #5b21b6;\n$violet900: #4c1d95;\n\n$pink050: #fdf2f8;\n$pink100: #fce7f3;\n$pink200: #fbcfe8;\n$pink300: #f9a8d4;\n$pink400: #f472b6;\n$pink500: #ec4899;\n$pink600: #db2777;\n$pink700: #be185d;\n$pink800: #9d174d;\n$pink900: #831843;\n\n// submit button colors\n$primaryColor: $red600;\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: #1f5fea;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $textColor;\n$menuOptionActiveBackgroundColor: $grey050;\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:\n 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing:\n 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing:\n 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey500;\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\n@mixin sans-serif-font {\n font-family:\n system-ui,\n BlinkMacSystemFont,\n -apple-system,\n 'Segoe UI',\n 'Roboto',\n 'Oxygen',\n 'Ubuntu',\n 'Cantarell',\n 'Fira Sans',\n 'Droid Sans',\n 'Helvetica Neue',\n 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: never;\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\n@mixin angle($dir: down, $color: currentColor, $width: calc(2rem / 16)) {\n display: block;\n content: '';\n font-size: 0;\n width: calc(7rem / 16);\n height: calc(7rem / 16);\n border: solid $color;\n border-width: 0 $width $width 0;\n opacity: 0.8;\n position: relative;\n\n @if $dir == up {\n transform: rotate(225deg);\n top: 2px;\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:\n 0 0 0 1px $grey200,\n 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) !important;\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 custom-color-focus-ring($primary, $secondary: null) {\n @if $secondary != null {\n --focus-ring: 0 0 0 1px #{$primary}, 0 0 0 3px #{$secondary};\n } @else {\n --focus-ring: 0 0 0 3px #{$primary};\n }\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: calc(30rem / 16);\n height: calc(30rem / 16);\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:\n 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-item-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-item-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 color: var(--ui-control-color);\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// https://tailwindcss.com/docs/screen-readers#undoing-screen-reader-only-elements\n@mixin visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n\n@mixin not-visually-hidden {\n position: static;\n width: auto;\n height: auto;\n padding: 0;\n margin: 0;\n overflow: visible;\n clip: auto;\n white-space: normal;\n}\n\n@mixin readable {\n font-size: 16px;\n line-height: 22px;\n\n h1,\n .h1,\n h2,\n .h2,\n h3,\n .h3,\n h4,\n .h4,\n h5,\n .h5,\n h6,\n .h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1,\n .h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2,\n .h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3,\n .h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4,\n .h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5,\n .h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6,\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 .tip-dismiss-btn {\n position: absolute;\n top: 12px;\n @include right(12px);\n\n & + p {\n margin-top: 0;\n }\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(50px);\n border: 1px solid;\n\n &.dismissible {\n @include padding-right(36px);\n }\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: $linkColor;\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 opacity: 1;\n position: absolute;\n top: 15px;\n @include left(16px);\n font-size: 24px;\n width: 24px;\n }\n\n a[href] {\n color: currentColor;\n text-decoration: underline;\n }\n }\n }\n\n .go:after {\n font-size: 14px;\n }\n}\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(\n 45deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 135deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 45deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n ),\n linear-gradient(\n 135deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n );\n background-size: $size $size;\n background-position:\n 0 0,\n $halfSize 0,\n $halfSize -#{$halfSize},\n 0 $halfSize;\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@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.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.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.plugin-actions {\n .c-spinner {\n @apply tw-absolute tw-left-1/2;\n bottom: -32px;\n }\n}\n","\nbody {\n --chart-fill-color: #dbeafe;\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@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@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#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:\n inset 0 0 0 1px transparent,\n 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:\n opacity 0.15s,\n 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","\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@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@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.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","\n.c-lightswitch {\n .c-lightswitch-input {\n label {\n @apply tw-relative tw-block tw-select-none;\n width: 34px;\n height: 22px;\n\n input {\n @apply tw-absolute tw-opacity-0;\n }\n\n .slider {\n @apply tw-absolute tw-inset-0 tw-cursor-pointer tw-bg-gray-400;\n -webkit-transition: 0.4s;\n transition: 0.4s;\n }\n\n .slider:before {\n @apply tw-absolute tw-bg-white;\n content: '';\n height: 20px;\n width: 20px;\n left: 1px;\n bottom: 1px;\n -webkit-transition: 0.1s;\n transition: 0.1s;\n\n -webkit-transform: translateX(0px);\n -ms-transform: translateX(0px);\n transform: translateX(0px);\n }\n\n input:checked + .slider {\n background-color: #38c172;\n }\n\n input:focus + .slider {\n @apply tw-ring-2 tw-ring-blue-500 tw-ring-opacity-100;\n }\n\n input:checked + .slider:before {\n -webkit-transform: translateX(12px);\n -ms-transform: translateX(12px);\n transform: translateX(12px);\n }\n\n .slider.round {\n border-radius: 34px;\n }\n\n .slider.round:before {\n border-radius: 50%;\n }\n\n &.disabled {\n opacity: 0.4;\n\n .slider {\n @apply tw-cursor-default;\n }\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 47551a48e02..a6e9db3a8b7 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,OC4SE,eAnTM,CDaN,iCADA,yCCwSA,4DACE,CDvSF,eAJA,cACA,UAFA,iBAKA,CC0SA,aACE,6BDzSF,mBC8NA,kBD7NE,kBACA,QC6NF,YAYA,cARA,wCACA,uCACA,oCAGA,oBADA,gBAGA,cAJA,kCAGA,oBAGA,mCACA,kCAEA,qBAEA,kBADA,kBAEA,sBACA,2BD7OE,wBADA,eC+OF,oFD9OE,CC4VF,4BACE,SDhWe,CCkWjB,4BACE,QDnWe,CAMjB,uCAGE,iBACA,gBAFA,gBAEA,CAGF,sBAYE,wBADA,wBAVA,iBAWA,CCsdF,+BACE,iBDjeA,CCmeF,+BACE,gBDpeA,CC2fF,+BACE,kBD3fA,CC6fF,+BACE,iBD9fA,CC8YF,+BACE,wEAEF,+BACE,wEAyCF,+BACE,WAEF,+BACE,YDpbA,4BAUE,4BARA,WADA,cAQA,YALA,gBACA,kBAFA,kBAGA,MAEA,UAEA,CC0TJ,qCACE,WD9TiB,CCgUnB,qCACE,UDjUiB,CAIf,qCACE,kFAEF,gDACE,6BAOF,0BAEA,CAJA,wCAEA,CAEA,gDACA,+BACA,CAPF,oBACE,CAEA,eAIA,sCCwaJ,sBACE,sCAEF,sBACE,mCDzaA,mCACE,8BAKF,yBAEA,kBC2JF,YAWA,aACA,CAZA,uCAKA,uCACA,oCACA,CACA,mBACA,CADA,gBAGA,cAJA,iCACA,CAEA,oBAEA,kCAEA,kCACA,qBAEA,kBACA,CADA,kBACA,qBAEA,2BACA,CACA,mBADA,wBACA,8FA4OA,kDAGA,iCDtZA,oBAFF,qBAEE,CCuZE,WDvZF,CACA,sBAEA,yBACE,0CAGA,WACE,CADF,UACE,6CAGA,kDAIA,uDAGE,4BACE,6BAMR,wCAEE,wCAEA,CAJF,gBAEE,iBAEA,gCAEA,mCACE,oCAIF,2DC+WF,+DAGA,2CD3WE,2BAGA,CAJF,4BAIE,kCCmVF,4CAGA,gNDlVF,4BAKE,yBACE,sCACA,+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$red050: #fef2f2;\n$red100: #fee2e2;\n$red200: #fecaca;\n$red300: #fca5a5;\n$red400: #f87171;\n$red500: #ef4444;\n$red600: #dc2626;\n$red700: #b91c1c;\n$red800: #991b1b;\n$red900: #7f1d1d;\n\n$orange050: #fff7ed;\n$orange100: #ffedd5;\n$orange200: #fed7aa;\n$orange300: #fdba74;\n$orange400: #fb923c;\n$orange500: #f97316;\n$orange600: #ea580c;\n$orange700: #c2410c;\n$orange800: #9a3412;\n$orange900: #7c2d12;\n\n$yellow050: #fefce8;\n$yellow100: #fef9c3;\n$yellow200: #fef08a;\n$yellow300: #fde047;\n$yellow400: #facc15;\n$yellow500: #eab308;\n$yellow600: #ca8a04;\n$yellow700: #a16207;\n$yellow800: #854d0e;\n$yellow900: #713f12;\n\n$green050: #f0fdf4;\n$green100: #dcfce7;\n$green200: #bbf7d0;\n$green300: #86efac;\n$green400: #4ade80;\n$green500: #22c55e;\n$green600: #16a34a;\n$green700: #15803d;\n$green800: #166534;\n$green900: #14532d;\n\n$teal050: #f0fdfa;\n$teal100: #ccfbf1;\n$teal200: #99f6e4;\n$teal300: #5eead4;\n$teal400: #2dd4bf;\n$teal500: #14b8a6;\n$teal550: #11a697;\n$teal600: #0d9488;\n$teal700: #0f766e;\n$teal800: #115e59;\n$teal900: #134e4a;\n\n$cyan050: #ecfeff;\n$cyan100: #cffafe;\n$cyan200: #a5f3fc;\n$cyan300: #67e8f9;\n$cyan400: #22d3ee;\n$cyan500: #06b6d4;\n$cyan600: #0891b2;\n$cyan700: #0e7490;\n$cyan800: #155e75;\n$cyan900: #164e63;\n\n$blue050: #eff6ff;\n$blue100: #dbeafe;\n$blue200: #bfdbfe;\n$blue300: #93c5fd;\n$blue400: #60a5fa;\n$blue500: #3b82f6;\n$blue600: #2563eb;\n$blue700: #1d4ed8;\n$blue800: #1e40af;\n$blue900: #1e3a8a;\n\n$violet050: #f5f3ff;\n$violet100: #ede9fe;\n$violet200: #ddd6fe;\n$violet300: #c4b5fd;\n$violet400: #a78bfa;\n$violet500: #8b5cf6;\n$violet600: #7c3aed;\n$violet700: #6d28d9;\n$violet800: #5b21b6;\n$violet900: #4c1d95;\n\n$pink050: #fdf2f8;\n$pink100: #fce7f3;\n$pink200: #fbcfe8;\n$pink300: #f9a8d4;\n$pink400: #f472b6;\n$pink500: #ec4899;\n$pink600: #db2777;\n$pink700: #be185d;\n$pink800: #9d174d;\n$pink900: #831843;\n\n// submit button colors\n$primaryColor: $red600;\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: #1f5fea;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $textColor;\n$menuOptionActiveBackgroundColor: $grey050;\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:\n 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing:\n 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing:\n 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey500;\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\n@mixin sans-serif-font {\n font-family:\n system-ui,\n BlinkMacSystemFont,\n -apple-system,\n 'Segoe UI',\n 'Roboto',\n 'Oxygen',\n 'Ubuntu',\n 'Cantarell',\n 'Fira Sans',\n 'Droid Sans',\n 'Helvetica Neue',\n 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: never;\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\n@mixin angle($dir: down, $color: currentColor, $width: calc(2rem / 16)) {\n display: block;\n content: '';\n font-size: 0;\n width: calc(7rem / 16);\n height: calc(7rem / 16);\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:\n 0 0 0 1px $grey200,\n 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) !important;\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 custom-color-focus-ring($primary, $secondary: null) {\n @if $secondary != null {\n --focus-ring: 0 0 0 1px #{$primary}, 0 0 0 3px #{$secondary};\n } @else {\n --focus-ring: 0 0 0 3px #{$primary};\n }\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: calc(30rem / 16);\n height: calc(30rem / 16);\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:\n 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-item-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-item-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 color: var(--ui-control-color);\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 .h1,\n h2,\n .h2,\n h3,\n .h3,\n h4,\n .h4,\n h5,\n .h5,\n h6,\n .h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1,\n .h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2,\n .h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3,\n .h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4,\n .h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5,\n .h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6,\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 .tip-dismiss-btn {\n position: absolute;\n top: 12px;\n @include right(12px);\n\n & + p {\n margin-top: 0;\n }\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(50px);\n border: 1px solid;\n\n &.dismissible {\n @include padding-right(36px);\n }\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: $linkColor;\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 opacity: 1;\n position: absolute;\n top: 15px;\n @include left(16px);\n font-size: 24px;\n width: 24px;\n }\n\n a[href] {\n color: currentColor;\n text-decoration: underline;\n }\n }\n }\n\n .go:after {\n font-size: 14px;\n }\n}\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(\n 45deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 135deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 45deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n ),\n linear-gradient(\n 135deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n );\n background-size: $size $size;\n background-position:\n 0 0,\n $halfSize 0,\n $halfSize -#{$halfSize},\n 0 $halfSize;\n}\n"],"names":[],"sourceRoot":""} \ No newline at end of file +{"version":3,"file":"css/routes.css","mappings":"AAGA,QACE,kBAGF,OC8SE,eArTM,CDaN,iCADA,yCC0SA,4DACE,CDzSF,eAJA,cACA,UAFA,iBAKA,CC4SA,aACE,6BD3SF,mBC8NA,kBD7NE,kBACA,QC6NF,YAYA,cARA,wCACA,uCACA,oCAGA,oBADA,gBAGA,cAJA,kCAGA,oBAGA,mCACA,kCAEA,qBAEA,kBADA,kBAEA,sBACA,2BD7OE,wBADA,eC+OF,oFD9OE,CC8VF,4BACE,SDlWe,CCoWjB,4BACE,QDrWe,CAMjB,uCAGE,iBACA,gBAFA,gBAEA,CAGF,sBAYE,wBADA,wBAVA,iBAWA,CCwdF,+BACE,iBDneA,CCqeF,+BACE,gBDteA,CC6fF,+BACE,kBD7fA,CC+fF,+BACE,iBDhgBA,CCgZF,+BACE,wEAEF,+BACE,wEAyCF,+BACE,WAEF,+BACE,YDtbA,4BAUE,4BARA,WADA,cAQA,YALA,gBACA,kBAFA,kBAGA,MAEA,UAEA,CC4TJ,qCACE,WDhUiB,CCkUnB,qCACE,UDnUiB,CAIf,qCACE,kFAEF,gDACE,6BAOF,0BAEA,CAJA,wCAEA,CAEA,gDACA,+BACA,CAPF,oBACE,CAEA,eAIA,sCC0aJ,sBACE,sCAEF,sBACE,mCD3aA,mCACE,8BAKF,yBAEA,kBC2JF,YAWA,aACA,CAZA,uCAKA,uCACA,oCACA,CACA,mBACA,CADA,gBAGA,cAJA,iCACA,CAEA,oBAEA,kCAEA,kCACA,qBAEA,kBACA,CADA,kBACA,qBAEA,2BACA,CACA,mBADA,wBACA,8FA8OA,kDAGA,iCDxZA,oBAFF,qBAEE,CCyZE,WDzZF,CACA,sBAEA,yBACE,0CAGA,WACE,CADF,UACE,6CAGA,kDAIA,uDAGE,4BACE,6BAMR,wCAEE,wCAEA,CAJF,gBAEE,iBAEA,gCAEA,mCACE,oCAIF,2DCiXF,+DAGA,2CD7WE,2BAGA,CAJF,4BAIE,kCCqVF,4CAGA,gNDpVF,4BAKE,yBACE,sCACA,+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$red050: #fef2f2;\n$red100: #fee2e2;\n$red200: #fecaca;\n$red300: #fca5a5;\n$red400: #f87171;\n$red500: #ef4444;\n$red600: #dc2626;\n$red700: #b91c1c;\n$red800: #991b1b;\n$red900: #7f1d1d;\n\n$orange050: #fff7ed;\n$orange100: #ffedd5;\n$orange200: #fed7aa;\n$orange300: #fdba74;\n$orange400: #fb923c;\n$orange500: #f97316;\n$orange600: #ea580c;\n$orange700: #c2410c;\n$orange800: #9a3412;\n$orange900: #7c2d12;\n\n$yellow050: #fefce8;\n$yellow100: #fef9c3;\n$yellow200: #fef08a;\n$yellow300: #fde047;\n$yellow400: #facc15;\n$yellow500: #eab308;\n$yellow600: #ca8a04;\n$yellow700: #a16207;\n$yellow800: #854d0e;\n$yellow900: #713f12;\n\n$green050: #f0fdf4;\n$green100: #dcfce7;\n$green200: #bbf7d0;\n$green300: #86efac;\n$green400: #4ade80;\n$green500: #22c55e;\n$green600: #16a34a;\n$green700: #15803d;\n$green800: #166534;\n$green900: #14532d;\n\n$teal050: #f0fdfa;\n$teal100: #ccfbf1;\n$teal200: #99f6e4;\n$teal300: #5eead4;\n$teal400: #2dd4bf;\n$teal500: #14b8a6;\n$teal550: #11a697;\n$teal600: #0d9488;\n$teal700: #0f766e;\n$teal800: #115e59;\n$teal900: #134e4a;\n\n$cyan050: #ecfeff;\n$cyan100: #cffafe;\n$cyan200: #a5f3fc;\n$cyan300: #67e8f9;\n$cyan400: #22d3ee;\n$cyan500: #06b6d4;\n$cyan600: #0891b2;\n$cyan700: #0e7490;\n$cyan800: #155e75;\n$cyan900: #164e63;\n\n$blue050: #eff6ff;\n$blue100: #dbeafe;\n$blue200: #bfdbfe;\n$blue300: #93c5fd;\n$blue400: #60a5fa;\n$blue500: #3b82f6;\n$blue600: #2563eb;\n$blue700: #1d4ed8;\n$blue800: #1e40af;\n$blue900: #1e3a8a;\n\n$violet050: #f5f3ff;\n$violet100: #ede9fe;\n$violet200: #ddd6fe;\n$violet300: #c4b5fd;\n$violet400: #a78bfa;\n$violet500: #8b5cf6;\n$violet600: #7c3aed;\n$violet700: #6d28d9;\n$violet800: #5b21b6;\n$violet900: #4c1d95;\n\n$pink050: #fdf2f8;\n$pink100: #fce7f3;\n$pink200: #fbcfe8;\n$pink300: #f9a8d4;\n$pink400: #f472b6;\n$pink500: #ec4899;\n$pink600: #db2777;\n$pink700: #be185d;\n$pink800: #9d174d;\n$pink900: #831843;\n\n// submit button colors\n$primaryColor: $red600;\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: #1f5fea;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $textColor;\n$menuOptionActiveBackgroundColor: $grey050;\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:\n 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing:\n 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing:\n 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey500;\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\n@mixin sans-serif-font {\n font-family:\n system-ui,\n BlinkMacSystemFont,\n -apple-system,\n 'Segoe UI',\n 'Roboto',\n 'Oxygen',\n 'Ubuntu',\n 'Cantarell',\n 'Fira Sans',\n 'Droid Sans',\n 'Helvetica Neue',\n 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: never;\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\n@mixin angle($dir: down, $color: currentColor, $width: calc(2rem / 16)) {\n display: block;\n content: '';\n font-size: 0;\n width: calc(7rem / 16);\n height: calc(7rem / 16);\n border: solid $color;\n border-width: 0 $width $width 0;\n opacity: 0.8;\n position: relative;\n\n @if $dir == up {\n transform: rotate(225deg);\n top: 2px;\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:\n 0 0 0 1px $grey200,\n 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) !important;\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 custom-color-focus-ring($primary, $secondary: null) {\n @if $secondary != null {\n --focus-ring: 0 0 0 1px #{$primary}, 0 0 0 3px #{$secondary};\n } @else {\n --focus-ring: 0 0 0 3px #{$primary};\n }\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: calc(30rem / 16);\n height: calc(30rem / 16);\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:\n 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-item-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-item-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 color: var(--ui-control-color);\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// https://tailwindcss.com/docs/screen-readers#undoing-screen-reader-only-elements\n@mixin visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n\n@mixin not-visually-hidden {\n position: static;\n width: auto;\n height: auto;\n padding: 0;\n margin: 0;\n overflow: visible;\n clip: auto;\n white-space: normal;\n}\n\n@mixin readable {\n font-size: 16px;\n line-height: 22px;\n\n h1,\n .h1,\n h2,\n .h2,\n h3,\n .h3,\n h4,\n .h4,\n h5,\n .h5,\n h6,\n .h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1,\n .h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2,\n .h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3,\n .h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4,\n .h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5,\n .h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6,\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 .tip-dismiss-btn {\n position: absolute;\n top: 12px;\n @include right(12px);\n\n & + p {\n margin-top: 0;\n }\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(50px);\n border: 1px solid;\n\n &.dismissible {\n @include padding-right(36px);\n }\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: $linkColor;\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 opacity: 1;\n position: absolute;\n top: 15px;\n @include left(16px);\n font-size: 24px;\n width: 24px;\n }\n\n a[href] {\n color: currentColor;\n text-decoration: underline;\n }\n }\n }\n\n .go:after {\n font-size: 14px;\n }\n}\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(\n 45deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 135deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 45deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n ),\n linear-gradient(\n 135deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n );\n background-size: $size $size;\n background-position:\n 0 0,\n $halfSize 0,\n $halfSize -#{$halfSize},\n 0 $halfSize;\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 3a9048d11ab..1cadeadcb63 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,CCwhBA,wBACE,kBDthBA,CCwhBF,wBACE,iBDzhBA,CAEA,qBCoOF,kBDnOI,kBACA,SCmOJ,YAYA,cARA,wCACA,uCACA,oCAGA,oBADA,gBAGA,cAJA,kCAGA,oBAGA,mCACA,kCAEA,qBAEA,kBADA,kBAEA,sBACA,2BDnPI,wBADA,eCqPJ,oFDpPI,CCkWJ,8BACE,UDtWiB,CCwWnB,8BACE,SDzWiB,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$red050: #fef2f2;\n$red100: #fee2e2;\n$red200: #fecaca;\n$red300: #fca5a5;\n$red400: #f87171;\n$red500: #ef4444;\n$red600: #dc2626;\n$red700: #b91c1c;\n$red800: #991b1b;\n$red900: #7f1d1d;\n\n$orange050: #fff7ed;\n$orange100: #ffedd5;\n$orange200: #fed7aa;\n$orange300: #fdba74;\n$orange400: #fb923c;\n$orange500: #f97316;\n$orange600: #ea580c;\n$orange700: #c2410c;\n$orange800: #9a3412;\n$orange900: #7c2d12;\n\n$yellow050: #fefce8;\n$yellow100: #fef9c3;\n$yellow200: #fef08a;\n$yellow300: #fde047;\n$yellow400: #facc15;\n$yellow500: #eab308;\n$yellow600: #ca8a04;\n$yellow700: #a16207;\n$yellow800: #854d0e;\n$yellow900: #713f12;\n\n$green050: #f0fdf4;\n$green100: #dcfce7;\n$green200: #bbf7d0;\n$green300: #86efac;\n$green400: #4ade80;\n$green500: #22c55e;\n$green600: #16a34a;\n$green700: #15803d;\n$green800: #166534;\n$green900: #14532d;\n\n$teal050: #f0fdfa;\n$teal100: #ccfbf1;\n$teal200: #99f6e4;\n$teal300: #5eead4;\n$teal400: #2dd4bf;\n$teal500: #14b8a6;\n$teal550: #11a697;\n$teal600: #0d9488;\n$teal700: #0f766e;\n$teal800: #115e59;\n$teal900: #134e4a;\n\n$cyan050: #ecfeff;\n$cyan100: #cffafe;\n$cyan200: #a5f3fc;\n$cyan300: #67e8f9;\n$cyan400: #22d3ee;\n$cyan500: #06b6d4;\n$cyan600: #0891b2;\n$cyan700: #0e7490;\n$cyan800: #155e75;\n$cyan900: #164e63;\n\n$blue050: #eff6ff;\n$blue100: #dbeafe;\n$blue200: #bfdbfe;\n$blue300: #93c5fd;\n$blue400: #60a5fa;\n$blue500: #3b82f6;\n$blue600: #2563eb;\n$blue700: #1d4ed8;\n$blue800: #1e40af;\n$blue900: #1e3a8a;\n\n$violet050: #f5f3ff;\n$violet100: #ede9fe;\n$violet200: #ddd6fe;\n$violet300: #c4b5fd;\n$violet400: #a78bfa;\n$violet500: #8b5cf6;\n$violet600: #7c3aed;\n$violet700: #6d28d9;\n$violet800: #5b21b6;\n$violet900: #4c1d95;\n\n$pink050: #fdf2f8;\n$pink100: #fce7f3;\n$pink200: #fbcfe8;\n$pink300: #f9a8d4;\n$pink400: #f472b6;\n$pink500: #ec4899;\n$pink600: #db2777;\n$pink700: #be185d;\n$pink800: #9d174d;\n$pink900: #831843;\n\n// submit button colors\n$primaryColor: $red600;\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: #1f5fea;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $textColor;\n$menuOptionActiveBackgroundColor: $grey050;\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:\n 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing:\n 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing:\n 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey500;\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\n@mixin sans-serif-font {\n font-family:\n system-ui,\n BlinkMacSystemFont,\n -apple-system,\n 'Segoe UI',\n 'Roboto',\n 'Oxygen',\n 'Ubuntu',\n 'Cantarell',\n 'Fira Sans',\n 'Droid Sans',\n 'Helvetica Neue',\n 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: never;\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\n@mixin angle($dir: down, $color: currentColor, $width: calc(2rem / 16)) {\n display: block;\n content: '';\n font-size: 0;\n width: calc(7rem / 16);\n height: calc(7rem / 16);\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:\n 0 0 0 1px $grey200,\n 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) !important;\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 custom-color-focus-ring($primary, $secondary: null) {\n @if $secondary != null {\n --focus-ring: 0 0 0 1px #{$primary}, 0 0 0 3px #{$secondary};\n } @else {\n --focus-ring: 0 0 0 3px #{$primary};\n }\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: calc(30rem / 16);\n height: calc(30rem / 16);\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:\n 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-item-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-item-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 color: var(--ui-control-color);\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 .h1,\n h2,\n .h2,\n h3,\n .h3,\n h4,\n .h4,\n h5,\n .h5,\n h6,\n .h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1,\n .h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2,\n .h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3,\n .h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4,\n .h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5,\n .h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6,\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 .tip-dismiss-btn {\n position: absolute;\n top: 12px;\n @include right(12px);\n\n & + p {\n margin-top: 0;\n }\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(50px);\n border: 1px solid;\n\n &.dismissible {\n @include padding-right(36px);\n }\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: $linkColor;\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 opacity: 1;\n position: absolute;\n top: 15px;\n @include left(16px);\n font-size: 24px;\n width: 24px;\n }\n\n a[href] {\n color: currentColor;\n text-decoration: underline;\n }\n }\n }\n\n .go:after {\n font-size: 14px;\n }\n}\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(\n 45deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 135deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 45deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n ),\n linear-gradient(\n 135deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n );\n background-size: $size $size;\n background-position:\n 0 0,\n $halfSize 0,\n $halfSize -#{$halfSize},\n 0 $halfSize;\n}\n"],"names":[],"sourceRoot":""} \ No newline at end of file +{"version":3,"file":"css/system_messages.css","mappings":"AAGA,SAEE,eADA,iBACA,CC0hBA,wBACE,kBDxhBA,CC0hBF,wBACE,iBD3hBA,CAEA,qBCoOF,kBDnOI,kBACA,SCmOJ,YAYA,cARA,wCACA,uCACA,oCAGA,oBADA,gBAGA,cAJA,kCAGA,oBAGA,mCACA,kCAEA,qBAEA,kBADA,kBAEA,sBACA,2BDnPI,wBADA,eCqPJ,oFDpPI,CCoWJ,8BACE,UDxWiB,CC0WnB,8BACE,SD3WiB,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$red050: #fef2f2;\n$red100: #fee2e2;\n$red200: #fecaca;\n$red300: #fca5a5;\n$red400: #f87171;\n$red500: #ef4444;\n$red600: #dc2626;\n$red700: #b91c1c;\n$red800: #991b1b;\n$red900: #7f1d1d;\n\n$orange050: #fff7ed;\n$orange100: #ffedd5;\n$orange200: #fed7aa;\n$orange300: #fdba74;\n$orange400: #fb923c;\n$orange500: #f97316;\n$orange600: #ea580c;\n$orange700: #c2410c;\n$orange800: #9a3412;\n$orange900: #7c2d12;\n\n$yellow050: #fefce8;\n$yellow100: #fef9c3;\n$yellow200: #fef08a;\n$yellow300: #fde047;\n$yellow400: #facc15;\n$yellow500: #eab308;\n$yellow600: #ca8a04;\n$yellow700: #a16207;\n$yellow800: #854d0e;\n$yellow900: #713f12;\n\n$green050: #f0fdf4;\n$green100: #dcfce7;\n$green200: #bbf7d0;\n$green300: #86efac;\n$green400: #4ade80;\n$green500: #22c55e;\n$green600: #16a34a;\n$green700: #15803d;\n$green800: #166534;\n$green900: #14532d;\n\n$teal050: #f0fdfa;\n$teal100: #ccfbf1;\n$teal200: #99f6e4;\n$teal300: #5eead4;\n$teal400: #2dd4bf;\n$teal500: #14b8a6;\n$teal550: #11a697;\n$teal600: #0d9488;\n$teal700: #0f766e;\n$teal800: #115e59;\n$teal900: #134e4a;\n\n$cyan050: #ecfeff;\n$cyan100: #cffafe;\n$cyan200: #a5f3fc;\n$cyan300: #67e8f9;\n$cyan400: #22d3ee;\n$cyan500: #06b6d4;\n$cyan600: #0891b2;\n$cyan700: #0e7490;\n$cyan800: #155e75;\n$cyan900: #164e63;\n\n$blue050: #eff6ff;\n$blue100: #dbeafe;\n$blue200: #bfdbfe;\n$blue300: #93c5fd;\n$blue400: #60a5fa;\n$blue500: #3b82f6;\n$blue600: #2563eb;\n$blue700: #1d4ed8;\n$blue800: #1e40af;\n$blue900: #1e3a8a;\n\n$violet050: #f5f3ff;\n$violet100: #ede9fe;\n$violet200: #ddd6fe;\n$violet300: #c4b5fd;\n$violet400: #a78bfa;\n$violet500: #8b5cf6;\n$violet600: #7c3aed;\n$violet700: #6d28d9;\n$violet800: #5b21b6;\n$violet900: #4c1d95;\n\n$pink050: #fdf2f8;\n$pink100: #fce7f3;\n$pink200: #fbcfe8;\n$pink300: #f9a8d4;\n$pink400: #f472b6;\n$pink500: #ec4899;\n$pink600: #db2777;\n$pink700: #be185d;\n$pink800: #9d174d;\n$pink900: #831843;\n\n// submit button colors\n$primaryColor: $red600;\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: #1f5fea;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $textColor;\n$menuOptionActiveBackgroundColor: $grey050;\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:\n 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing:\n 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing:\n 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey500;\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\n@mixin sans-serif-font {\n font-family:\n system-ui,\n BlinkMacSystemFont,\n -apple-system,\n 'Segoe UI',\n 'Roboto',\n 'Oxygen',\n 'Ubuntu',\n 'Cantarell',\n 'Fira Sans',\n 'Droid Sans',\n 'Helvetica Neue',\n 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: never;\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\n@mixin angle($dir: down, $color: currentColor, $width: calc(2rem / 16)) {\n display: block;\n content: '';\n font-size: 0;\n width: calc(7rem / 16);\n height: calc(7rem / 16);\n border: solid $color;\n border-width: 0 $width $width 0;\n opacity: 0.8;\n position: relative;\n\n @if $dir == up {\n transform: rotate(225deg);\n top: 2px;\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:\n 0 0 0 1px $grey200,\n 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) !important;\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 custom-color-focus-ring($primary, $secondary: null) {\n @if $secondary != null {\n --focus-ring: 0 0 0 1px #{$primary}, 0 0 0 3px #{$secondary};\n } @else {\n --focus-ring: 0 0 0 3px #{$primary};\n }\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: calc(30rem / 16);\n height: calc(30rem / 16);\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:\n 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-item-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-item-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 color: var(--ui-control-color);\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// https://tailwindcss.com/docs/screen-readers#undoing-screen-reader-only-elements\n@mixin visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n\n@mixin not-visually-hidden {\n position: static;\n width: auto;\n height: auto;\n padding: 0;\n margin: 0;\n overflow: visible;\n clip: auto;\n white-space: normal;\n}\n\n@mixin readable {\n font-size: 16px;\n line-height: 22px;\n\n h1,\n .h1,\n h2,\n .h2,\n h3,\n .h3,\n h4,\n .h4,\n h5,\n .h5,\n h6,\n .h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1,\n .h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2,\n .h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3,\n .h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4,\n .h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5,\n .h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6,\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 .tip-dismiss-btn {\n position: absolute;\n top: 12px;\n @include right(12px);\n\n & + p {\n margin-top: 0;\n }\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(50px);\n border: 1px solid;\n\n &.dismissible {\n @include padding-right(36px);\n }\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: $linkColor;\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 opacity: 1;\n position: absolute;\n top: 15px;\n @include left(16px);\n font-size: 24px;\n width: 24px;\n }\n\n a[href] {\n color: currentColor;\n text-decoration: underline;\n }\n }\n }\n\n .go:after {\n font-size: 14px;\n }\n}\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(\n 45deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 135deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 45deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n ),\n linear-gradient(\n 135deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n );\n background-size: $size $size;\n background-position:\n 0 0,\n $halfSize 0,\n $halfSize -#{$halfSize},\n 0 $halfSize;\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 89e7a0459c0..1fcdbd220b5 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,CCoeA,kBACE,uBAEF,kBACE,uBDteF,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,mBAIJ,CALI,QAMF,eACA,oBAEA,qMAKF,2DAOM,qFAIA","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$red050: #fef2f2;\n$red100: #fee2e2;\n$red200: #fecaca;\n$red300: #fca5a5;\n$red400: #f87171;\n$red500: #ef4444;\n$red600: #dc2626;\n$red700: #b91c1c;\n$red800: #991b1b;\n$red900: #7f1d1d;\n\n$orange050: #fff7ed;\n$orange100: #ffedd5;\n$orange200: #fed7aa;\n$orange300: #fdba74;\n$orange400: #fb923c;\n$orange500: #f97316;\n$orange600: #ea580c;\n$orange700: #c2410c;\n$orange800: #9a3412;\n$orange900: #7c2d12;\n\n$yellow050: #fefce8;\n$yellow100: #fef9c3;\n$yellow200: #fef08a;\n$yellow300: #fde047;\n$yellow400: #facc15;\n$yellow500: #eab308;\n$yellow600: #ca8a04;\n$yellow700: #a16207;\n$yellow800: #854d0e;\n$yellow900: #713f12;\n\n$green050: #f0fdf4;\n$green100: #dcfce7;\n$green200: #bbf7d0;\n$green300: #86efac;\n$green400: #4ade80;\n$green500: #22c55e;\n$green600: #16a34a;\n$green700: #15803d;\n$green800: #166534;\n$green900: #14532d;\n\n$teal050: #f0fdfa;\n$teal100: #ccfbf1;\n$teal200: #99f6e4;\n$teal300: #5eead4;\n$teal400: #2dd4bf;\n$teal500: #14b8a6;\n$teal550: #11a697;\n$teal600: #0d9488;\n$teal700: #0f766e;\n$teal800: #115e59;\n$teal900: #134e4a;\n\n$cyan050: #ecfeff;\n$cyan100: #cffafe;\n$cyan200: #a5f3fc;\n$cyan300: #67e8f9;\n$cyan400: #22d3ee;\n$cyan500: #06b6d4;\n$cyan600: #0891b2;\n$cyan700: #0e7490;\n$cyan800: #155e75;\n$cyan900: #164e63;\n\n$blue050: #eff6ff;\n$blue100: #dbeafe;\n$blue200: #bfdbfe;\n$blue300: #93c5fd;\n$blue400: #60a5fa;\n$blue500: #3b82f6;\n$blue600: #2563eb;\n$blue700: #1d4ed8;\n$blue800: #1e40af;\n$blue900: #1e3a8a;\n\n$violet050: #f5f3ff;\n$violet100: #ede9fe;\n$violet200: #ddd6fe;\n$violet300: #c4b5fd;\n$violet400: #a78bfa;\n$violet500: #8b5cf6;\n$violet600: #7c3aed;\n$violet700: #6d28d9;\n$violet800: #5b21b6;\n$violet900: #4c1d95;\n\n$pink050: #fdf2f8;\n$pink100: #fce7f3;\n$pink200: #fbcfe8;\n$pink300: #f9a8d4;\n$pink400: #f472b6;\n$pink500: #ec4899;\n$pink600: #db2777;\n$pink700: #be185d;\n$pink800: #9d174d;\n$pink900: #831843;\n\n// submit button colors\n$primaryColor: $red600;\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: #1f5fea;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $textColor;\n$menuOptionActiveBackgroundColor: $grey050;\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:\n 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing:\n 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing:\n 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey500;\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\n@mixin sans-serif-font {\n font-family:\n system-ui,\n BlinkMacSystemFont,\n -apple-system,\n 'Segoe UI',\n 'Roboto',\n 'Oxygen',\n 'Ubuntu',\n 'Cantarell',\n 'Fira Sans',\n 'Droid Sans',\n 'Helvetica Neue',\n 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: never;\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\n@mixin angle($dir: down, $color: currentColor, $width: calc(2rem / 16)) {\n display: block;\n content: '';\n font-size: 0;\n width: calc(7rem / 16);\n height: calc(7rem / 16);\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:\n 0 0 0 1px $grey200,\n 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) !important;\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 custom-color-focus-ring($primary, $secondary: null) {\n @if $secondary != null {\n --focus-ring: 0 0 0 1px #{$primary}, 0 0 0 3px #{$secondary};\n } @else {\n --focus-ring: 0 0 0 3px #{$primary};\n }\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: calc(30rem / 16);\n height: calc(30rem / 16);\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:\n 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-item-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-item-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 color: var(--ui-control-color);\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 .h1,\n h2,\n .h2,\n h3,\n .h3,\n h4,\n .h4,\n h5,\n .h5,\n h6,\n .h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1,\n .h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2,\n .h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3,\n .h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4,\n .h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5,\n .h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6,\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 .tip-dismiss-btn {\n position: absolute;\n top: 12px;\n @include right(12px);\n\n & + p {\n margin-top: 0;\n }\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(50px);\n border: 1px solid;\n\n &.dismissible {\n @include padding-right(36px);\n }\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: $linkColor;\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 opacity: 1;\n position: absolute;\n top: 15px;\n @include left(16px);\n font-size: 24px;\n width: 24px;\n }\n\n a[href] {\n color: currentColor;\n text-decoration: underline;\n }\n }\n }\n\n .go:after {\n font-size: 14px;\n }\n}\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(\n 45deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 135deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 45deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n ),\n linear-gradient(\n 135deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n );\n background-size: $size $size;\n background-position:\n 0 0,\n $halfSize 0,\n $halfSize -#{$halfSize},\n 0 $halfSize;\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,CCseA,kBACE,uBAEF,kBACE,uBDxeF,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,mBAIJ,CALI,QAMF,eACA,oBAEA,qMAKF,2DAOM,qFAIA","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$red050: #fef2f2;\n$red100: #fee2e2;\n$red200: #fecaca;\n$red300: #fca5a5;\n$red400: #f87171;\n$red500: #ef4444;\n$red600: #dc2626;\n$red700: #b91c1c;\n$red800: #991b1b;\n$red900: #7f1d1d;\n\n$orange050: #fff7ed;\n$orange100: #ffedd5;\n$orange200: #fed7aa;\n$orange300: #fdba74;\n$orange400: #fb923c;\n$orange500: #f97316;\n$orange600: #ea580c;\n$orange700: #c2410c;\n$orange800: #9a3412;\n$orange900: #7c2d12;\n\n$yellow050: #fefce8;\n$yellow100: #fef9c3;\n$yellow200: #fef08a;\n$yellow300: #fde047;\n$yellow400: #facc15;\n$yellow500: #eab308;\n$yellow600: #ca8a04;\n$yellow700: #a16207;\n$yellow800: #854d0e;\n$yellow900: #713f12;\n\n$green050: #f0fdf4;\n$green100: #dcfce7;\n$green200: #bbf7d0;\n$green300: #86efac;\n$green400: #4ade80;\n$green500: #22c55e;\n$green600: #16a34a;\n$green700: #15803d;\n$green800: #166534;\n$green900: #14532d;\n\n$teal050: #f0fdfa;\n$teal100: #ccfbf1;\n$teal200: #99f6e4;\n$teal300: #5eead4;\n$teal400: #2dd4bf;\n$teal500: #14b8a6;\n$teal550: #11a697;\n$teal600: #0d9488;\n$teal700: #0f766e;\n$teal800: #115e59;\n$teal900: #134e4a;\n\n$cyan050: #ecfeff;\n$cyan100: #cffafe;\n$cyan200: #a5f3fc;\n$cyan300: #67e8f9;\n$cyan400: #22d3ee;\n$cyan500: #06b6d4;\n$cyan600: #0891b2;\n$cyan700: #0e7490;\n$cyan800: #155e75;\n$cyan900: #164e63;\n\n$blue050: #eff6ff;\n$blue100: #dbeafe;\n$blue200: #bfdbfe;\n$blue300: #93c5fd;\n$blue400: #60a5fa;\n$blue500: #3b82f6;\n$blue600: #2563eb;\n$blue700: #1d4ed8;\n$blue800: #1e40af;\n$blue900: #1e3a8a;\n\n$violet050: #f5f3ff;\n$violet100: #ede9fe;\n$violet200: #ddd6fe;\n$violet300: #c4b5fd;\n$violet400: #a78bfa;\n$violet500: #8b5cf6;\n$violet600: #7c3aed;\n$violet700: #6d28d9;\n$violet800: #5b21b6;\n$violet900: #4c1d95;\n\n$pink050: #fdf2f8;\n$pink100: #fce7f3;\n$pink200: #fbcfe8;\n$pink300: #f9a8d4;\n$pink400: #f472b6;\n$pink500: #ec4899;\n$pink600: #db2777;\n$pink700: #be185d;\n$pink800: #9d174d;\n$pink900: #831843;\n\n// submit button colors\n$primaryColor: $red600;\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: #1f5fea;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $textColor;\n$menuOptionActiveBackgroundColor: $grey050;\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:\n 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing:\n 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing:\n 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey500;\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\n@mixin sans-serif-font {\n font-family:\n system-ui,\n BlinkMacSystemFont,\n -apple-system,\n 'Segoe UI',\n 'Roboto',\n 'Oxygen',\n 'Ubuntu',\n 'Cantarell',\n 'Fira Sans',\n 'Droid Sans',\n 'Helvetica Neue',\n 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: never;\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\n@mixin angle($dir: down, $color: currentColor, $width: calc(2rem / 16)) {\n display: block;\n content: '';\n font-size: 0;\n width: calc(7rem / 16);\n height: calc(7rem / 16);\n border: solid $color;\n border-width: 0 $width $width 0;\n opacity: 0.8;\n position: relative;\n\n @if $dir == up {\n transform: rotate(225deg);\n top: 2px;\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:\n 0 0 0 1px $grey200,\n 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) !important;\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 custom-color-focus-ring($primary, $secondary: null) {\n @if $secondary != null {\n --focus-ring: 0 0 0 1px #{$primary}, 0 0 0 3px #{$secondary};\n } @else {\n --focus-ring: 0 0 0 3px #{$primary};\n }\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: calc(30rem / 16);\n height: calc(30rem / 16);\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:\n 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-item-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-item-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 color: var(--ui-control-color);\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// https://tailwindcss.com/docs/screen-readers#undoing-screen-reader-only-elements\n@mixin visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n\n@mixin not-visually-hidden {\n position: static;\n width: auto;\n height: auto;\n padding: 0;\n margin: 0;\n overflow: visible;\n clip: auto;\n white-space: normal;\n}\n\n@mixin readable {\n font-size: 16px;\n line-height: 22px;\n\n h1,\n .h1,\n h2,\n .h2,\n h3,\n .h3,\n h4,\n .h4,\n h5,\n .h5,\n h6,\n .h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1,\n .h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2,\n .h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3,\n .h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4,\n .h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5,\n .h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6,\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 .tip-dismiss-btn {\n position: absolute;\n top: 12px;\n @include right(12px);\n\n & + p {\n margin-top: 0;\n }\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(50px);\n border: 1px solid;\n\n &.dismissible {\n @include padding-right(36px);\n }\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: $linkColor;\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 opacity: 1;\n position: absolute;\n top: 15px;\n @include left(16px);\n font-size: 24px;\n width: 24px;\n }\n\n a[href] {\n color: currentColor;\n text-decoration: underline;\n }\n }\n }\n\n .go:after {\n font-size: 14px;\n }\n}\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(\n 45deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 135deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 45deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n ),\n linear-gradient(\n 135deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n );\n background-size: $size $size;\n background-position:\n 0 0,\n $halfSize 0,\n $halfSize -#{$halfSize},\n 0 $halfSize;\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 236d26dc2c7..70b41bb51cf 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,aAGA,YAFA,oBACA,UACA,CAEA,0BACE,oEAGF,yCACE,kBAOF,qBACA,CAHA,cACA,iBACA,CAPE,sBAIJ,kBAIE,0BACA,eAIA,iCAIA,kBACE,CACA,6CAEA,CAJF,aAIE,mBAHA,mBAGA,2CAGA,8DAKA,uDAKF,yCACE,iBAGF,qCAGE,4DAII,wCAGA,CAJF,uCAIE,wECqdR,yFAGA,wFDndU,qCAGE,CAHF,QAGE,+ECkSZ,wFAGA,gEDjSQ,6EAMF,iCAEE,6DAMF,kFAYE,yBACA,CARA,iBACA,CAIA,kBACA,CAPF,qBAIE,cACA,CAEA,eACA,CAHA,gBACA,CAJA,aAEA,CAKA,wBACA,CAVF,0BAUE,uECkZR,sFAGA,kFD/YE,+BAEE,mCAIF,wCAIA,6BAGE,CAHF,WAGE,yCC+XJ,yDAGA,sND7XF,wEAQQ,8CACA,4CAIA","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 .release-info {\n display: flex;\n margin: 0;\n padding: 20px 24px;\n border-radius: var(--large-border-radius);\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\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 .release--critical {\n .release-info {\n color: var(--red-600);\n }\n\n .release-badge {\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\n .release-heading,\n .release-date {\n font-size: 24px;\n line-height: 24px;\n }\n\n .release-heading {\n margin: 0;\n }\n\n .release-date {\n flex-grow: 1;\n @include margin-left(14px);\n color: var(--light-text-color);\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$red050: #fef2f2;\n$red100: #fee2e2;\n$red200: #fecaca;\n$red300: #fca5a5;\n$red400: #f87171;\n$red500: #ef4444;\n$red600: #dc2626;\n$red700: #b91c1c;\n$red800: #991b1b;\n$red900: #7f1d1d;\n\n$orange050: #fff7ed;\n$orange100: #ffedd5;\n$orange200: #fed7aa;\n$orange300: #fdba74;\n$orange400: #fb923c;\n$orange500: #f97316;\n$orange600: #ea580c;\n$orange700: #c2410c;\n$orange800: #9a3412;\n$orange900: #7c2d12;\n\n$yellow050: #fefce8;\n$yellow100: #fef9c3;\n$yellow200: #fef08a;\n$yellow300: #fde047;\n$yellow400: #facc15;\n$yellow500: #eab308;\n$yellow600: #ca8a04;\n$yellow700: #a16207;\n$yellow800: #854d0e;\n$yellow900: #713f12;\n\n$green050: #f0fdf4;\n$green100: #dcfce7;\n$green200: #bbf7d0;\n$green300: #86efac;\n$green400: #4ade80;\n$green500: #22c55e;\n$green600: #16a34a;\n$green700: #15803d;\n$green800: #166534;\n$green900: #14532d;\n\n$teal050: #f0fdfa;\n$teal100: #ccfbf1;\n$teal200: #99f6e4;\n$teal300: #5eead4;\n$teal400: #2dd4bf;\n$teal500: #14b8a6;\n$teal550: #11a697;\n$teal600: #0d9488;\n$teal700: #0f766e;\n$teal800: #115e59;\n$teal900: #134e4a;\n\n$cyan050: #ecfeff;\n$cyan100: #cffafe;\n$cyan200: #a5f3fc;\n$cyan300: #67e8f9;\n$cyan400: #22d3ee;\n$cyan500: #06b6d4;\n$cyan600: #0891b2;\n$cyan700: #0e7490;\n$cyan800: #155e75;\n$cyan900: #164e63;\n\n$blue050: #eff6ff;\n$blue100: #dbeafe;\n$blue200: #bfdbfe;\n$blue300: #93c5fd;\n$blue400: #60a5fa;\n$blue500: #3b82f6;\n$blue600: #2563eb;\n$blue700: #1d4ed8;\n$blue800: #1e40af;\n$blue900: #1e3a8a;\n\n$violet050: #f5f3ff;\n$violet100: #ede9fe;\n$violet200: #ddd6fe;\n$violet300: #c4b5fd;\n$violet400: #a78bfa;\n$violet500: #8b5cf6;\n$violet600: #7c3aed;\n$violet700: #6d28d9;\n$violet800: #5b21b6;\n$violet900: #4c1d95;\n\n$pink050: #fdf2f8;\n$pink100: #fce7f3;\n$pink200: #fbcfe8;\n$pink300: #f9a8d4;\n$pink400: #f472b6;\n$pink500: #ec4899;\n$pink600: #db2777;\n$pink700: #be185d;\n$pink800: #9d174d;\n$pink900: #831843;\n\n// submit button colors\n$primaryColor: $red600;\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: #1f5fea;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $textColor;\n$menuOptionActiveBackgroundColor: $grey050;\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:\n 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing:\n 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing:\n 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey500;\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\n@mixin sans-serif-font {\n font-family:\n system-ui,\n BlinkMacSystemFont,\n -apple-system,\n 'Segoe UI',\n 'Roboto',\n 'Oxygen',\n 'Ubuntu',\n 'Cantarell',\n 'Fira Sans',\n 'Droid Sans',\n 'Helvetica Neue',\n 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: never;\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\n@mixin angle($dir: down, $color: currentColor, $width: calc(2rem / 16)) {\n display: block;\n content: '';\n font-size: 0;\n width: calc(7rem / 16);\n height: calc(7rem / 16);\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:\n 0 0 0 1px $grey200,\n 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) !important;\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 custom-color-focus-ring($primary, $secondary: null) {\n @if $secondary != null {\n --focus-ring: 0 0 0 1px #{$primary}, 0 0 0 3px #{$secondary};\n } @else {\n --focus-ring: 0 0 0 3px #{$primary};\n }\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: calc(30rem / 16);\n height: calc(30rem / 16);\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:\n 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-item-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-item-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 color: var(--ui-control-color);\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 .h1,\n h2,\n .h2,\n h3,\n .h3,\n h4,\n .h4,\n h5,\n .h5,\n h6,\n .h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1,\n .h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2,\n .h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3,\n .h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4,\n .h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5,\n .h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6,\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 .tip-dismiss-btn {\n position: absolute;\n top: 12px;\n @include right(12px);\n\n & + p {\n margin-top: 0;\n }\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(50px);\n border: 1px solid;\n\n &.dismissible {\n @include padding-right(36px);\n }\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: $linkColor;\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 opacity: 1;\n position: absolute;\n top: 15px;\n @include left(16px);\n font-size: 24px;\n width: 24px;\n }\n\n a[href] {\n color: currentColor;\n text-decoration: underline;\n }\n }\n }\n\n .go:after {\n font-size: 14px;\n }\n}\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(\n 45deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 135deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 45deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n ),\n linear-gradient(\n 135deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n );\n background-size: $size $size;\n background-position:\n 0 0,\n $halfSize 0,\n $halfSize -#{$halfSize},\n 0 $halfSize;\n}\n"],"names":[],"sourceRoot":""} \ No newline at end of file +{"version":3,"file":"css/UpdatesUtility.css","mappings":"AAIE,kBACE,aAGA,YAFA,oBACA,UACA,CAEA,0BACE,oEAGF,yCACE,kBAOF,qBACA,CAHA,cACA,iBACA,CAPE,sBAIJ,kBAIE,0BACA,eAIA,iCAIA,kBACE,CACA,6CAEA,CAJF,aAIE,mBAHA,mBAGA,2CAGA,8DAKA,uDAKF,yCACE,iBAGF,qCAGE,4DAII,wCAGA,CAJF,uCAIE,wECudR,yFAGA,wFDrdU,qCAGE,CAHF,QAGE,+ECoSZ,wFAGA,gEDnSQ,6EAMF,iCAEE,6DAMF,kFAYE,yBACA,CARA,iBACA,CAIA,kBACA,CAPF,qBAIE,cACA,CAEA,eACA,CAHA,gBACA,CAJA,aAEA,CAKA,wBACA,CAVF,0BAUE,uECoZR,sFAGA,kFDjZE,+BAEE,mCAIF,wCAIA,6BAGE,CAHF,WAGE,yCCiYJ,yDAGA,sND/XF,wEAQQ,8CACA,4CAIA","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 .release-info {\n display: flex;\n margin: 0;\n padding: 20px 24px;\n border-radius: var(--large-border-radius);\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\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 .release--critical {\n .release-info {\n color: var(--red-600);\n }\n\n .release-badge {\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\n .release-heading,\n .release-date {\n font-size: 24px;\n line-height: 24px;\n }\n\n .release-heading {\n margin: 0;\n }\n\n .release-date {\n flex-grow: 1;\n @include margin-left(14px);\n color: var(--light-text-color);\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$red050: #fef2f2;\n$red100: #fee2e2;\n$red200: #fecaca;\n$red300: #fca5a5;\n$red400: #f87171;\n$red500: #ef4444;\n$red600: #dc2626;\n$red700: #b91c1c;\n$red800: #991b1b;\n$red900: #7f1d1d;\n\n$orange050: #fff7ed;\n$orange100: #ffedd5;\n$orange200: #fed7aa;\n$orange300: #fdba74;\n$orange400: #fb923c;\n$orange500: #f97316;\n$orange600: #ea580c;\n$orange700: #c2410c;\n$orange800: #9a3412;\n$orange900: #7c2d12;\n\n$yellow050: #fefce8;\n$yellow100: #fef9c3;\n$yellow200: #fef08a;\n$yellow300: #fde047;\n$yellow400: #facc15;\n$yellow500: #eab308;\n$yellow600: #ca8a04;\n$yellow700: #a16207;\n$yellow800: #854d0e;\n$yellow900: #713f12;\n\n$green050: #f0fdf4;\n$green100: #dcfce7;\n$green200: #bbf7d0;\n$green300: #86efac;\n$green400: #4ade80;\n$green500: #22c55e;\n$green600: #16a34a;\n$green700: #15803d;\n$green800: #166534;\n$green900: #14532d;\n\n$teal050: #f0fdfa;\n$teal100: #ccfbf1;\n$teal200: #99f6e4;\n$teal300: #5eead4;\n$teal400: #2dd4bf;\n$teal500: #14b8a6;\n$teal550: #11a697;\n$teal600: #0d9488;\n$teal700: #0f766e;\n$teal800: #115e59;\n$teal900: #134e4a;\n\n$cyan050: #ecfeff;\n$cyan100: #cffafe;\n$cyan200: #a5f3fc;\n$cyan300: #67e8f9;\n$cyan400: #22d3ee;\n$cyan500: #06b6d4;\n$cyan600: #0891b2;\n$cyan700: #0e7490;\n$cyan800: #155e75;\n$cyan900: #164e63;\n\n$blue050: #eff6ff;\n$blue100: #dbeafe;\n$blue200: #bfdbfe;\n$blue300: #93c5fd;\n$blue400: #60a5fa;\n$blue500: #3b82f6;\n$blue600: #2563eb;\n$blue700: #1d4ed8;\n$blue800: #1e40af;\n$blue900: #1e3a8a;\n\n$violet050: #f5f3ff;\n$violet100: #ede9fe;\n$violet200: #ddd6fe;\n$violet300: #c4b5fd;\n$violet400: #a78bfa;\n$violet500: #8b5cf6;\n$violet600: #7c3aed;\n$violet700: #6d28d9;\n$violet800: #5b21b6;\n$violet900: #4c1d95;\n\n$pink050: #fdf2f8;\n$pink100: #fce7f3;\n$pink200: #fbcfe8;\n$pink300: #f9a8d4;\n$pink400: #f472b6;\n$pink500: #ec4899;\n$pink600: #db2777;\n$pink700: #be185d;\n$pink800: #9d174d;\n$pink900: #831843;\n\n// submit button colors\n$primaryColor: $red600;\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: #1f5fea;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $textColor;\n$menuOptionActiveBackgroundColor: $grey050;\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:\n 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing:\n 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing:\n 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey500;\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\n@mixin sans-serif-font {\n font-family:\n system-ui,\n BlinkMacSystemFont,\n -apple-system,\n 'Segoe UI',\n 'Roboto',\n 'Oxygen',\n 'Ubuntu',\n 'Cantarell',\n 'Fira Sans',\n 'Droid Sans',\n 'Helvetica Neue',\n 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: never;\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\n@mixin angle($dir: down, $color: currentColor, $width: calc(2rem / 16)) {\n display: block;\n content: '';\n font-size: 0;\n width: calc(7rem / 16);\n height: calc(7rem / 16);\n border: solid $color;\n border-width: 0 $width $width 0;\n opacity: 0.8;\n position: relative;\n\n @if $dir == up {\n transform: rotate(225deg);\n top: 2px;\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:\n 0 0 0 1px $grey200,\n 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) !important;\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 custom-color-focus-ring($primary, $secondary: null) {\n @if $secondary != null {\n --focus-ring: 0 0 0 1px #{$primary}, 0 0 0 3px #{$secondary};\n } @else {\n --focus-ring: 0 0 0 3px #{$primary};\n }\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: calc(30rem / 16);\n height: calc(30rem / 16);\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:\n 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-item-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-item-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 color: var(--ui-control-color);\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// https://tailwindcss.com/docs/screen-readers#undoing-screen-reader-only-elements\n@mixin visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n\n@mixin not-visually-hidden {\n position: static;\n width: auto;\n height: auto;\n padding: 0;\n margin: 0;\n overflow: visible;\n clip: auto;\n white-space: normal;\n}\n\n@mixin readable {\n font-size: 16px;\n line-height: 22px;\n\n h1,\n .h1,\n h2,\n .h2,\n h3,\n .h3,\n h4,\n .h4,\n h5,\n .h5,\n h6,\n .h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1,\n .h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2,\n .h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3,\n .h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4,\n .h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5,\n .h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6,\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 .tip-dismiss-btn {\n position: absolute;\n top: 12px;\n @include right(12px);\n\n & + p {\n margin-top: 0;\n }\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(50px);\n border: 1px solid;\n\n &.dismissible {\n @include padding-right(36px);\n }\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: $linkColor;\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 opacity: 1;\n position: absolute;\n top: 15px;\n @include left(16px);\n font-size: 24px;\n width: 24px;\n }\n\n a[href] {\n color: currentColor;\n text-decoration: underline;\n }\n }\n }\n\n .go:after {\n font-size: 14px;\n }\n}\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(\n 45deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 135deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 45deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n ),\n linear-gradient(\n 135deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n );\n background-size: $size $size;\n background-position:\n 0 0,\n $halfSize 0,\n $halfSize -#{$halfSize},\n 0 $halfSize;\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 10402ac2df5..ada6a99ed64 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,CAIF,uDACE,eAGF,4BAKM,WACA,CAFF,iBACE,CAJJ,iBAKI,yCAKE,WACA,CAHF,SACE,CADF,2BACE,UAEA,6CAIA,yBACE,CADF,UACE,2CAON,gEAEE,6BCsLN,CAWA,cAXA,uCAKA,uCACA,oCACA,CACA,mBACA,CADA,gBAEA,aACA,CAJA,iCACA,CACA,mBACA,CAEA,kCAEA,kCACA,sBAEA,iBACA,CAHA,iBAEA,CACA,qBACA,2BACA,CDxMQ,aACA,CCyMR,kCD1MQ,CCyMR,8CACA,sCDzMQ,2DCucR,2EAGA,sGDrcM,+FAMF,wBAEE,kBACA,CAHF,qBAGE,iBACA,wCAKA,oCAEA,CAJF,aAEE,CAFF,wBAIE,iDCibN,iEAGA,oEDjbQ,qCAEA,CAHF,kCAGE,yDAIA,oCAEA,CAHF,kCAGE,yDAIA,oCAEA,CAHF,kCAGE,sCAIJ,4BACE,qMAOR,wEAQQ,8CACA,4CAIA","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$red050: #fef2f2;\n$red100: #fee2e2;\n$red200: #fecaca;\n$red300: #fca5a5;\n$red400: #f87171;\n$red500: #ef4444;\n$red600: #dc2626;\n$red700: #b91c1c;\n$red800: #991b1b;\n$red900: #7f1d1d;\n\n$orange050: #fff7ed;\n$orange100: #ffedd5;\n$orange200: #fed7aa;\n$orange300: #fdba74;\n$orange400: #fb923c;\n$orange500: #f97316;\n$orange600: #ea580c;\n$orange700: #c2410c;\n$orange800: #9a3412;\n$orange900: #7c2d12;\n\n$yellow050: #fefce8;\n$yellow100: #fef9c3;\n$yellow200: #fef08a;\n$yellow300: #fde047;\n$yellow400: #facc15;\n$yellow500: #eab308;\n$yellow600: #ca8a04;\n$yellow700: #a16207;\n$yellow800: #854d0e;\n$yellow900: #713f12;\n\n$green050: #f0fdf4;\n$green100: #dcfce7;\n$green200: #bbf7d0;\n$green300: #86efac;\n$green400: #4ade80;\n$green500: #22c55e;\n$green600: #16a34a;\n$green700: #15803d;\n$green800: #166534;\n$green900: #14532d;\n\n$teal050: #f0fdfa;\n$teal100: #ccfbf1;\n$teal200: #99f6e4;\n$teal300: #5eead4;\n$teal400: #2dd4bf;\n$teal500: #14b8a6;\n$teal550: #11a697;\n$teal600: #0d9488;\n$teal700: #0f766e;\n$teal800: #115e59;\n$teal900: #134e4a;\n\n$cyan050: #ecfeff;\n$cyan100: #cffafe;\n$cyan200: #a5f3fc;\n$cyan300: #67e8f9;\n$cyan400: #22d3ee;\n$cyan500: #06b6d4;\n$cyan600: #0891b2;\n$cyan700: #0e7490;\n$cyan800: #155e75;\n$cyan900: #164e63;\n\n$blue050: #eff6ff;\n$blue100: #dbeafe;\n$blue200: #bfdbfe;\n$blue300: #93c5fd;\n$blue400: #60a5fa;\n$blue500: #3b82f6;\n$blue600: #2563eb;\n$blue700: #1d4ed8;\n$blue800: #1e40af;\n$blue900: #1e3a8a;\n\n$violet050: #f5f3ff;\n$violet100: #ede9fe;\n$violet200: #ddd6fe;\n$violet300: #c4b5fd;\n$violet400: #a78bfa;\n$violet500: #8b5cf6;\n$violet600: #7c3aed;\n$violet700: #6d28d9;\n$violet800: #5b21b6;\n$violet900: #4c1d95;\n\n$pink050: #fdf2f8;\n$pink100: #fce7f3;\n$pink200: #fbcfe8;\n$pink300: #f9a8d4;\n$pink400: #f472b6;\n$pink500: #ec4899;\n$pink600: #db2777;\n$pink700: #be185d;\n$pink800: #9d174d;\n$pink900: #831843;\n\n// submit button colors\n$primaryColor: $red600;\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: #1f5fea;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $textColor;\n$menuOptionActiveBackgroundColor: $grey050;\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:\n 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing:\n 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing:\n 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey500;\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\n@mixin sans-serif-font {\n font-family:\n system-ui,\n BlinkMacSystemFont,\n -apple-system,\n 'Segoe UI',\n 'Roboto',\n 'Oxygen',\n 'Ubuntu',\n 'Cantarell',\n 'Fira Sans',\n 'Droid Sans',\n 'Helvetica Neue',\n 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: never;\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\n@mixin angle($dir: down, $color: currentColor, $width: calc(2rem / 16)) {\n display: block;\n content: '';\n font-size: 0;\n width: calc(7rem / 16);\n height: calc(7rem / 16);\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:\n 0 0 0 1px $grey200,\n 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) !important;\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 custom-color-focus-ring($primary, $secondary: null) {\n @if $secondary != null {\n --focus-ring: 0 0 0 1px #{$primary}, 0 0 0 3px #{$secondary};\n } @else {\n --focus-ring: 0 0 0 3px #{$primary};\n }\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: calc(30rem / 16);\n height: calc(30rem / 16);\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:\n 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-item-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-item-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 color: var(--ui-control-color);\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 .h1,\n h2,\n .h2,\n h3,\n .h3,\n h4,\n .h4,\n h5,\n .h5,\n h6,\n .h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1,\n .h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2,\n .h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3,\n .h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4,\n .h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5,\n .h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6,\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 .tip-dismiss-btn {\n position: absolute;\n top: 12px;\n @include right(12px);\n\n & + p {\n margin-top: 0;\n }\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(50px);\n border: 1px solid;\n\n &.dismissible {\n @include padding-right(36px);\n }\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: $linkColor;\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 opacity: 1;\n position: absolute;\n top: 15px;\n @include left(16px);\n font-size: 24px;\n width: 24px;\n }\n\n a[href] {\n color: currentColor;\n text-decoration: underline;\n }\n }\n }\n\n .go:after {\n font-size: 14px;\n }\n}\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(\n 45deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 135deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 45deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n ),\n linear-gradient(\n 135deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n );\n background-size: $size $size;\n background-position:\n 0 0,\n $halfSize 0,\n $halfSize -#{$halfSize},\n 0 $halfSize;\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,CAIF,uDACE,eAGF,4BAKM,WACA,CAFF,iBACE,CAJJ,iBAKI,yCAKE,WACA,CAHF,SACE,CADF,2BACE,UAEA,6CAIA,yBACE,CADF,UACE,2CAON,gEAEE,6BCsLN,CAWA,cAXA,uCAKA,uCACA,oCACA,CACA,mBACA,CADA,gBAEA,aACA,CAJA,iCACA,CACA,mBACA,CAEA,kCAEA,kCACA,sBAEA,iBACA,CAHA,iBAEA,CACA,qBACA,2BACA,CDxMQ,aACA,CCyMR,kCD1MQ,CCyMR,8CACA,sCDzMQ,2DCycR,2EAGA,sGDvcM,+FAMF,wBAEE,kBACA,CAHF,qBAGE,iBACA,wCAKA,oCAEA,CAJF,aAEE,CAFF,wBAIE,iDCmbN,iEAGA,oEDnbQ,qCAEA,CAHF,kCAGE,yDAIA,oCAEA,CAHF,kCAGE,yDAIA,oCAEA,CAHF,kCAGE,sCAIJ,4BACE,qMAOR,wEAQQ,8CACA,4CAIA","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$red050: #fef2f2;\n$red100: #fee2e2;\n$red200: #fecaca;\n$red300: #fca5a5;\n$red400: #f87171;\n$red500: #ef4444;\n$red600: #dc2626;\n$red700: #b91c1c;\n$red800: #991b1b;\n$red900: #7f1d1d;\n\n$orange050: #fff7ed;\n$orange100: #ffedd5;\n$orange200: #fed7aa;\n$orange300: #fdba74;\n$orange400: #fb923c;\n$orange500: #f97316;\n$orange600: #ea580c;\n$orange700: #c2410c;\n$orange800: #9a3412;\n$orange900: #7c2d12;\n\n$yellow050: #fefce8;\n$yellow100: #fef9c3;\n$yellow200: #fef08a;\n$yellow300: #fde047;\n$yellow400: #facc15;\n$yellow500: #eab308;\n$yellow600: #ca8a04;\n$yellow700: #a16207;\n$yellow800: #854d0e;\n$yellow900: #713f12;\n\n$green050: #f0fdf4;\n$green100: #dcfce7;\n$green200: #bbf7d0;\n$green300: #86efac;\n$green400: #4ade80;\n$green500: #22c55e;\n$green600: #16a34a;\n$green700: #15803d;\n$green800: #166534;\n$green900: #14532d;\n\n$teal050: #f0fdfa;\n$teal100: #ccfbf1;\n$teal200: #99f6e4;\n$teal300: #5eead4;\n$teal400: #2dd4bf;\n$teal500: #14b8a6;\n$teal550: #11a697;\n$teal600: #0d9488;\n$teal700: #0f766e;\n$teal800: #115e59;\n$teal900: #134e4a;\n\n$cyan050: #ecfeff;\n$cyan100: #cffafe;\n$cyan200: #a5f3fc;\n$cyan300: #67e8f9;\n$cyan400: #22d3ee;\n$cyan500: #06b6d4;\n$cyan600: #0891b2;\n$cyan700: #0e7490;\n$cyan800: #155e75;\n$cyan900: #164e63;\n\n$blue050: #eff6ff;\n$blue100: #dbeafe;\n$blue200: #bfdbfe;\n$blue300: #93c5fd;\n$blue400: #60a5fa;\n$blue500: #3b82f6;\n$blue600: #2563eb;\n$blue700: #1d4ed8;\n$blue800: #1e40af;\n$blue900: #1e3a8a;\n\n$violet050: #f5f3ff;\n$violet100: #ede9fe;\n$violet200: #ddd6fe;\n$violet300: #c4b5fd;\n$violet400: #a78bfa;\n$violet500: #8b5cf6;\n$violet600: #7c3aed;\n$violet700: #6d28d9;\n$violet800: #5b21b6;\n$violet900: #4c1d95;\n\n$pink050: #fdf2f8;\n$pink100: #fce7f3;\n$pink200: #fbcfe8;\n$pink300: #f9a8d4;\n$pink400: #f472b6;\n$pink500: #ec4899;\n$pink600: #db2777;\n$pink700: #be185d;\n$pink800: #9d174d;\n$pink900: #831843;\n\n// submit button colors\n$primaryColor: $red600;\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: #1f5fea;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $textColor;\n$menuOptionActiveBackgroundColor: $grey050;\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:\n 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing:\n 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing:\n 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey500;\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\n@mixin sans-serif-font {\n font-family:\n system-ui,\n BlinkMacSystemFont,\n -apple-system,\n 'Segoe UI',\n 'Roboto',\n 'Oxygen',\n 'Ubuntu',\n 'Cantarell',\n 'Fira Sans',\n 'Droid Sans',\n 'Helvetica Neue',\n 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: never;\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\n@mixin angle($dir: down, $color: currentColor, $width: calc(2rem / 16)) {\n display: block;\n content: '';\n font-size: 0;\n width: calc(7rem / 16);\n height: calc(7rem / 16);\n border: solid $color;\n border-width: 0 $width $width 0;\n opacity: 0.8;\n position: relative;\n\n @if $dir == up {\n transform: rotate(225deg);\n top: 2px;\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:\n 0 0 0 1px $grey200,\n 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) !important;\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 custom-color-focus-ring($primary, $secondary: null) {\n @if $secondary != null {\n --focus-ring: 0 0 0 1px #{$primary}, 0 0 0 3px #{$secondary};\n } @else {\n --focus-ring: 0 0 0 3px #{$primary};\n }\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: calc(30rem / 16);\n height: calc(30rem / 16);\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:\n 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-item-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-item-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 color: var(--ui-control-color);\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// https://tailwindcss.com/docs/screen-readers#undoing-screen-reader-only-elements\n@mixin visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n\n@mixin not-visually-hidden {\n position: static;\n width: auto;\n height: auto;\n padding: 0;\n margin: 0;\n overflow: visible;\n clip: auto;\n white-space: normal;\n}\n\n@mixin readable {\n font-size: 16px;\n line-height: 22px;\n\n h1,\n .h1,\n h2,\n .h2,\n h3,\n .h3,\n h4,\n .h4,\n h5,\n .h5,\n h6,\n .h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1,\n .h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2,\n .h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3,\n .h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4,\n .h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5,\n .h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6,\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 .tip-dismiss-btn {\n position: absolute;\n top: 12px;\n @include right(12px);\n\n & + p {\n margin-top: 0;\n }\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(50px);\n border: 1px solid;\n\n &.dismissible {\n @include padding-right(36px);\n }\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: $linkColor;\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 opacity: 1;\n position: absolute;\n top: 15px;\n @include left(16px);\n font-size: 24px;\n width: 24px;\n }\n\n a[href] {\n color: currentColor;\n text-decoration: underline;\n }\n }\n }\n\n .go:after {\n font-size: 14px;\n }\n}\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(\n 45deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 135deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 45deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n ),\n linear-gradient(\n 135deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n );\n background-size: $size $size;\n background-position:\n 0 0,\n $halfSize 0,\n $halfSize -#{$halfSize},\n 0 $halfSize;\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 c5ceb9b774c..cf255e73e68 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,QAOF,sJAEE,WC4fA,8BACE,kBDzfF,CC2fA,8BACE,iBD5fF,CCiXA,8BACE,2BDjXF,CCmXA,8BACE,0BDpXF,CC4dA,8BACE,iBD5dF,CC8dA,8BACE,gBD/dF,CCubA,qEACE,WAEF,qEACE,YDnbJ,qBACE,WAGF,kCAQE,0BAJA,WAHA,cAIA,YAEA,SAJA,eADA,kBAIA,UAEA,CC8SA,2CACE,SD9SY,CCgTd,2CACE,UDjTY,CAGhB,qCACE,WAGF,wCACE,WAGF,2CACE,WAGF,8CACE,WAGF,iDACE,WCocA,oDACE,iBDjcF,CCmcA,oDACE,kBDpcF,CCgcA,uDACE,iBD7bF,CC+bA,uDACE,kBDhcF,CC4bA,0DACE,iBDzbF,CC2bA,0DACE,kBD5bF,CCwbA,6DACE,iBDrbF,CCubA,6DACE,kBDxbF,CCobA,gEACE,kBDjbF,CCmbA,gEACE,mBDpbF","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$red050: #fef2f2;\n$red100: #fee2e2;\n$red200: #fecaca;\n$red300: #fca5a5;\n$red400: #f87171;\n$red500: #ef4444;\n$red600: #dc2626;\n$red700: #b91c1c;\n$red800: #991b1b;\n$red900: #7f1d1d;\n\n$orange050: #fff7ed;\n$orange100: #ffedd5;\n$orange200: #fed7aa;\n$orange300: #fdba74;\n$orange400: #fb923c;\n$orange500: #f97316;\n$orange600: #ea580c;\n$orange700: #c2410c;\n$orange800: #9a3412;\n$orange900: #7c2d12;\n\n$yellow050: #fefce8;\n$yellow100: #fef9c3;\n$yellow200: #fef08a;\n$yellow300: #fde047;\n$yellow400: #facc15;\n$yellow500: #eab308;\n$yellow600: #ca8a04;\n$yellow700: #a16207;\n$yellow800: #854d0e;\n$yellow900: #713f12;\n\n$green050: #f0fdf4;\n$green100: #dcfce7;\n$green200: #bbf7d0;\n$green300: #86efac;\n$green400: #4ade80;\n$green500: #22c55e;\n$green600: #16a34a;\n$green700: #15803d;\n$green800: #166534;\n$green900: #14532d;\n\n$teal050: #f0fdfa;\n$teal100: #ccfbf1;\n$teal200: #99f6e4;\n$teal300: #5eead4;\n$teal400: #2dd4bf;\n$teal500: #14b8a6;\n$teal550: #11a697;\n$teal600: #0d9488;\n$teal700: #0f766e;\n$teal800: #115e59;\n$teal900: #134e4a;\n\n$cyan050: #ecfeff;\n$cyan100: #cffafe;\n$cyan200: #a5f3fc;\n$cyan300: #67e8f9;\n$cyan400: #22d3ee;\n$cyan500: #06b6d4;\n$cyan600: #0891b2;\n$cyan700: #0e7490;\n$cyan800: #155e75;\n$cyan900: #164e63;\n\n$blue050: #eff6ff;\n$blue100: #dbeafe;\n$blue200: #bfdbfe;\n$blue300: #93c5fd;\n$blue400: #60a5fa;\n$blue500: #3b82f6;\n$blue600: #2563eb;\n$blue700: #1d4ed8;\n$blue800: #1e40af;\n$blue900: #1e3a8a;\n\n$violet050: #f5f3ff;\n$violet100: #ede9fe;\n$violet200: #ddd6fe;\n$violet300: #c4b5fd;\n$violet400: #a78bfa;\n$violet500: #8b5cf6;\n$violet600: #7c3aed;\n$violet700: #6d28d9;\n$violet800: #5b21b6;\n$violet900: #4c1d95;\n\n$pink050: #fdf2f8;\n$pink100: #fce7f3;\n$pink200: #fbcfe8;\n$pink300: #f9a8d4;\n$pink400: #f472b6;\n$pink500: #ec4899;\n$pink600: #db2777;\n$pink700: #be185d;\n$pink800: #9d174d;\n$pink900: #831843;\n\n// submit button colors\n$primaryColor: $red600;\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: #1f5fea;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $textColor;\n$menuOptionActiveBackgroundColor: $grey050;\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:\n 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing:\n 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing:\n 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey500;\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\n@mixin sans-serif-font {\n font-family:\n system-ui,\n BlinkMacSystemFont,\n -apple-system,\n 'Segoe UI',\n 'Roboto',\n 'Oxygen',\n 'Ubuntu',\n 'Cantarell',\n 'Fira Sans',\n 'Droid Sans',\n 'Helvetica Neue',\n 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: never;\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\n@mixin angle($dir: down, $color: currentColor, $width: calc(2rem / 16)) {\n display: block;\n content: '';\n font-size: 0;\n width: calc(7rem / 16);\n height: calc(7rem / 16);\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:\n 0 0 0 1px $grey200,\n 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) !important;\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 custom-color-focus-ring($primary, $secondary: null) {\n @if $secondary != null {\n --focus-ring: 0 0 0 1px #{$primary}, 0 0 0 3px #{$secondary};\n } @else {\n --focus-ring: 0 0 0 3px #{$primary};\n }\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: calc(30rem / 16);\n height: calc(30rem / 16);\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:\n 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-item-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-item-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 color: var(--ui-control-color);\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 .h1,\n h2,\n .h2,\n h3,\n .h3,\n h4,\n .h4,\n h5,\n .h5,\n h6,\n .h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1,\n .h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2,\n .h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3,\n .h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4,\n .h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5,\n .h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6,\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 .tip-dismiss-btn {\n position: absolute;\n top: 12px;\n @include right(12px);\n\n & + p {\n margin-top: 0;\n }\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(50px);\n border: 1px solid;\n\n &.dismissible {\n @include padding-right(36px);\n }\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: $linkColor;\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 opacity: 1;\n position: absolute;\n top: 15px;\n @include left(16px);\n font-size: 24px;\n width: 24px;\n }\n\n a[href] {\n color: currentColor;\n text-decoration: underline;\n }\n }\n }\n\n .go:after {\n font-size: 14px;\n }\n}\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(\n 45deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 135deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 45deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n ),\n linear-gradient(\n 135deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n );\n background-size: $size $size;\n background-position:\n 0 0,\n $halfSize 0,\n $halfSize -#{$halfSize},\n 0 $halfSize;\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,QAOF,sJAEE,WC8fA,8BACE,kBD3fF,CC6fA,8BACE,iBD9fF,CCmXA,8BACE,2BDnXF,CCqXA,8BACE,0BDtXF,CC8dA,8BACE,iBD9dF,CCgeA,8BACE,gBDjeF,CCybA,qEACE,WAEF,qEACE,YDrbJ,qBACE,WAGF,kCAQE,0BAJA,WAHA,cAIA,YAEA,SAJA,eADA,kBAIA,UAEA,CCgTA,2CACE,SDhTY,CCkTd,2CACE,UDnTY,CAGhB,qCACE,WAGF,wCACE,WAGF,2CACE,WAGF,8CACE,WAGF,iDACE,WCscA,oDACE,iBDncF,CCqcA,oDACE,kBDtcF,CCkcA,uDACE,iBD/bF,CCicA,uDACE,kBDlcF,CC8bA,0DACE,iBD3bF,CC6bA,0DACE,kBD9bF,CC0bA,6DACE,iBDvbF,CCybA,6DACE,kBD1bF,CCsbA,gEACE,kBDnbF,CCqbA,gEACE,mBDtbF","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$red050: #fef2f2;\n$red100: #fee2e2;\n$red200: #fecaca;\n$red300: #fca5a5;\n$red400: #f87171;\n$red500: #ef4444;\n$red600: #dc2626;\n$red700: #b91c1c;\n$red800: #991b1b;\n$red900: #7f1d1d;\n\n$orange050: #fff7ed;\n$orange100: #ffedd5;\n$orange200: #fed7aa;\n$orange300: #fdba74;\n$orange400: #fb923c;\n$orange500: #f97316;\n$orange600: #ea580c;\n$orange700: #c2410c;\n$orange800: #9a3412;\n$orange900: #7c2d12;\n\n$yellow050: #fefce8;\n$yellow100: #fef9c3;\n$yellow200: #fef08a;\n$yellow300: #fde047;\n$yellow400: #facc15;\n$yellow500: #eab308;\n$yellow600: #ca8a04;\n$yellow700: #a16207;\n$yellow800: #854d0e;\n$yellow900: #713f12;\n\n$green050: #f0fdf4;\n$green100: #dcfce7;\n$green200: #bbf7d0;\n$green300: #86efac;\n$green400: #4ade80;\n$green500: #22c55e;\n$green600: #16a34a;\n$green700: #15803d;\n$green800: #166534;\n$green900: #14532d;\n\n$teal050: #f0fdfa;\n$teal100: #ccfbf1;\n$teal200: #99f6e4;\n$teal300: #5eead4;\n$teal400: #2dd4bf;\n$teal500: #14b8a6;\n$teal550: #11a697;\n$teal600: #0d9488;\n$teal700: #0f766e;\n$teal800: #115e59;\n$teal900: #134e4a;\n\n$cyan050: #ecfeff;\n$cyan100: #cffafe;\n$cyan200: #a5f3fc;\n$cyan300: #67e8f9;\n$cyan400: #22d3ee;\n$cyan500: #06b6d4;\n$cyan600: #0891b2;\n$cyan700: #0e7490;\n$cyan800: #155e75;\n$cyan900: #164e63;\n\n$blue050: #eff6ff;\n$blue100: #dbeafe;\n$blue200: #bfdbfe;\n$blue300: #93c5fd;\n$blue400: #60a5fa;\n$blue500: #3b82f6;\n$blue600: #2563eb;\n$blue700: #1d4ed8;\n$blue800: #1e40af;\n$blue900: #1e3a8a;\n\n$violet050: #f5f3ff;\n$violet100: #ede9fe;\n$violet200: #ddd6fe;\n$violet300: #c4b5fd;\n$violet400: #a78bfa;\n$violet500: #8b5cf6;\n$violet600: #7c3aed;\n$violet700: #6d28d9;\n$violet800: #5b21b6;\n$violet900: #4c1d95;\n\n$pink050: #fdf2f8;\n$pink100: #fce7f3;\n$pink200: #fbcfe8;\n$pink300: #f9a8d4;\n$pink400: #f472b6;\n$pink500: #ec4899;\n$pink600: #db2777;\n$pink700: #be185d;\n$pink800: #9d174d;\n$pink900: #831843;\n\n// submit button colors\n$primaryColor: $red600;\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: #1f5fea;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $textColor;\n$menuOptionActiveBackgroundColor: $grey050;\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:\n 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing:\n 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing:\n 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey500;\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\n@mixin sans-serif-font {\n font-family:\n system-ui,\n BlinkMacSystemFont,\n -apple-system,\n 'Segoe UI',\n 'Roboto',\n 'Oxygen',\n 'Ubuntu',\n 'Cantarell',\n 'Fira Sans',\n 'Droid Sans',\n 'Helvetica Neue',\n 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: never;\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\n@mixin angle($dir: down, $color: currentColor, $width: calc(2rem / 16)) {\n display: block;\n content: '';\n font-size: 0;\n width: calc(7rem / 16);\n height: calc(7rem / 16);\n border: solid $color;\n border-width: 0 $width $width 0;\n opacity: 0.8;\n position: relative;\n\n @if $dir == up {\n transform: rotate(225deg);\n top: 2px;\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:\n 0 0 0 1px $grey200,\n 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) !important;\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 custom-color-focus-ring($primary, $secondary: null) {\n @if $secondary != null {\n --focus-ring: 0 0 0 1px #{$primary}, 0 0 0 3px #{$secondary};\n } @else {\n --focus-ring: 0 0 0 3px #{$primary};\n }\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: calc(30rem / 16);\n height: calc(30rem / 16);\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:\n 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-item-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-item-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 color: var(--ui-control-color);\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// https://tailwindcss.com/docs/screen-readers#undoing-screen-reader-only-elements\n@mixin visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n\n@mixin not-visually-hidden {\n position: static;\n width: auto;\n height: auto;\n padding: 0;\n margin: 0;\n overflow: visible;\n clip: auto;\n white-space: normal;\n}\n\n@mixin readable {\n font-size: 16px;\n line-height: 22px;\n\n h1,\n .h1,\n h2,\n .h2,\n h3,\n .h3,\n h4,\n .h4,\n h5,\n .h5,\n h6,\n .h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1,\n .h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2,\n .h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3,\n .h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4,\n .h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5,\n .h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6,\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 .tip-dismiss-btn {\n position: absolute;\n top: 12px;\n @include right(12px);\n\n & + p {\n margin-top: 0;\n }\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(50px);\n border: 1px solid;\n\n &.dismissible {\n @include padding-right(36px);\n }\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: $linkColor;\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 opacity: 1;\n position: absolute;\n top: 15px;\n @include left(16px);\n font-size: 24px;\n width: 24px;\n }\n\n a[href] {\n color: currentColor;\n text-decoration: underline;\n }\n }\n }\n\n .go:after {\n font-size: 14px;\n }\n}\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(\n 45deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 135deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 45deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n ),\n linear-gradient(\n 135deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n );\n background-size: $size $size;\n background-position:\n 0 0,\n $halfSize 0,\n $halfSize -#{$halfSize},\n 0 $halfSize;\n}\n"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/src/web/assets/userphoto/dist/css/UserPhotoInput.css.map b/src/web/assets/userphoto/dist/css/UserPhotoInput.css.map index d42bc56d277..5d61483c571 100644 --- a/src/web/assets/userphoto/dist/css/UserPhotoInput.css.map +++ b/src/web/assets/userphoto/dist/css/UserPhotoInput.css.map @@ -1 +1 @@ -{"version":3,"file":"css/UserPhotoInput.css","mappings":"AAGA,eACE,aACA,eACA,SAGF,8BAGE,aAFA,kBACA,WACA,CAGF,oCASE,yCACA,iDALA,WADA,cAEA,YAEA,YALA,OAFA,kBACA,MAKA,UAGA,CAIA,oEAKE,yCADA,cADA,iBADA,eAGA,CAIJ,uCACE,aACA,sBACA,SACA,kBAGF,wCACE,8BAMA,aAJA,YACA,kBACA,MAHA,UAKA,CCqTA,iDACE,MDvTY,CCyTd,iDACE,OD1TY,CAIhB,kDACE,cAGF,wDACE,aAGF,4DACE,qBAGF,wBACE","sources":["webpack:///./user-photo-input.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 width: 100px;\n height: 100px;\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 {\n img,\n svg {\n max-width: 100px;\n max-height: 100px;\n display: block;\n border-radius: var(--large-border-radius);\n }\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$red050: #fef2f2;\n$red100: #fee2e2;\n$red200: #fecaca;\n$red300: #fca5a5;\n$red400: #f87171;\n$red500: #ef4444;\n$red600: #dc2626;\n$red700: #b91c1c;\n$red800: #991b1b;\n$red900: #7f1d1d;\n\n$orange050: #fff7ed;\n$orange100: #ffedd5;\n$orange200: #fed7aa;\n$orange300: #fdba74;\n$orange400: #fb923c;\n$orange500: #f97316;\n$orange600: #ea580c;\n$orange700: #c2410c;\n$orange800: #9a3412;\n$orange900: #7c2d12;\n\n$yellow050: #fefce8;\n$yellow100: #fef9c3;\n$yellow200: #fef08a;\n$yellow300: #fde047;\n$yellow400: #facc15;\n$yellow500: #eab308;\n$yellow600: #ca8a04;\n$yellow700: #a16207;\n$yellow800: #854d0e;\n$yellow900: #713f12;\n\n$green050: #f0fdf4;\n$green100: #dcfce7;\n$green200: #bbf7d0;\n$green300: #86efac;\n$green400: #4ade80;\n$green500: #22c55e;\n$green600: #16a34a;\n$green700: #15803d;\n$green800: #166534;\n$green900: #14532d;\n\n$teal050: #f0fdfa;\n$teal100: #ccfbf1;\n$teal200: #99f6e4;\n$teal300: #5eead4;\n$teal400: #2dd4bf;\n$teal500: #14b8a6;\n$teal550: #11a697;\n$teal600: #0d9488;\n$teal700: #0f766e;\n$teal800: #115e59;\n$teal900: #134e4a;\n\n$cyan050: #ecfeff;\n$cyan100: #cffafe;\n$cyan200: #a5f3fc;\n$cyan300: #67e8f9;\n$cyan400: #22d3ee;\n$cyan500: #06b6d4;\n$cyan600: #0891b2;\n$cyan700: #0e7490;\n$cyan800: #155e75;\n$cyan900: #164e63;\n\n$blue050: #eff6ff;\n$blue100: #dbeafe;\n$blue200: #bfdbfe;\n$blue300: #93c5fd;\n$blue400: #60a5fa;\n$blue500: #3b82f6;\n$blue600: #2563eb;\n$blue700: #1d4ed8;\n$blue800: #1e40af;\n$blue900: #1e3a8a;\n\n$violet050: #f5f3ff;\n$violet100: #ede9fe;\n$violet200: #ddd6fe;\n$violet300: #c4b5fd;\n$violet400: #a78bfa;\n$violet500: #8b5cf6;\n$violet600: #7c3aed;\n$violet700: #6d28d9;\n$violet800: #5b21b6;\n$violet900: #4c1d95;\n\n$pink050: #fdf2f8;\n$pink100: #fce7f3;\n$pink200: #fbcfe8;\n$pink300: #f9a8d4;\n$pink400: #f472b6;\n$pink500: #ec4899;\n$pink600: #db2777;\n$pink700: #be185d;\n$pink800: #9d174d;\n$pink900: #831843;\n\n// submit button colors\n$primaryColor: $red600;\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: #1f5fea;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $textColor;\n$menuOptionActiveBackgroundColor: $grey050;\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:\n 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing:\n 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing:\n 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey500;\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\n@mixin sans-serif-font {\n font-family:\n system-ui,\n BlinkMacSystemFont,\n -apple-system,\n 'Segoe UI',\n 'Roboto',\n 'Oxygen',\n 'Ubuntu',\n 'Cantarell',\n 'Fira Sans',\n 'Droid Sans',\n 'Helvetica Neue',\n 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: never;\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\n@mixin angle($dir: down, $color: currentColor, $width: calc(2rem / 16)) {\n display: block;\n content: '';\n font-size: 0;\n width: calc(7rem / 16);\n height: calc(7rem / 16);\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:\n 0 0 0 1px $grey200,\n 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) !important;\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 custom-color-focus-ring($primary, $secondary: null) {\n @if $secondary != null {\n --focus-ring: 0 0 0 1px #{$primary}, 0 0 0 3px #{$secondary};\n } @else {\n --focus-ring: 0 0 0 3px #{$primary};\n }\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: calc(30rem / 16);\n height: calc(30rem / 16);\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:\n 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-item-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-item-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 color: var(--ui-control-color);\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 .h1,\n h2,\n .h2,\n h3,\n .h3,\n h4,\n .h4,\n h5,\n .h5,\n h6,\n .h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1,\n .h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2,\n .h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3,\n .h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4,\n .h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5,\n .h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6,\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 .tip-dismiss-btn {\n position: absolute;\n top: 12px;\n @include right(12px);\n\n & + p {\n margin-top: 0;\n }\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(50px);\n border: 1px solid;\n\n &.dismissible {\n @include padding-right(36px);\n }\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: $linkColor;\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 opacity: 1;\n position: absolute;\n top: 15px;\n @include left(16px);\n font-size: 24px;\n width: 24px;\n }\n\n a[href] {\n color: currentColor;\n text-decoration: underline;\n }\n }\n }\n\n .go:after {\n font-size: 14px;\n }\n}\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(\n 45deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 135deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 45deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n ),\n linear-gradient(\n 135deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n );\n background-size: $size $size;\n background-position:\n 0 0,\n $halfSize 0,\n $halfSize -#{$halfSize},\n 0 $halfSize;\n}\n"],"names":[],"sourceRoot":""} \ No newline at end of file +{"version":3,"file":"css/UserPhotoInput.css","mappings":"AAGA,eACE,aACA,eACA,SAGF,8BAGE,aAFA,kBACA,WACA,CAGF,oCASE,yCACA,iDALA,WADA,cAEA,YAEA,YALA,OAFA,kBACA,MAKA,UAGA,CAIA,oEAKE,yCADA,cADA,iBADA,eAGA,CAIJ,uCACE,aACA,sBACA,SACA,kBAGF,wCACE,8BAMA,aAJA,YACA,kBACA,MAHA,UAKA,CCuTA,iDACE,MDzTY,CC2Td,iDACE,OD5TY,CAIhB,kDACE,cAGF,wDACE,aAGF,4DACE,qBAGF,wBACE","sources":["webpack:///./user-photo-input.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 width: 100px;\n height: 100px;\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 {\n img,\n svg {\n max-width: 100px;\n max-height: 100px;\n display: block;\n border-radius: var(--large-border-radius);\n }\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$red050: #fef2f2;\n$red100: #fee2e2;\n$red200: #fecaca;\n$red300: #fca5a5;\n$red400: #f87171;\n$red500: #ef4444;\n$red600: #dc2626;\n$red700: #b91c1c;\n$red800: #991b1b;\n$red900: #7f1d1d;\n\n$orange050: #fff7ed;\n$orange100: #ffedd5;\n$orange200: #fed7aa;\n$orange300: #fdba74;\n$orange400: #fb923c;\n$orange500: #f97316;\n$orange600: #ea580c;\n$orange700: #c2410c;\n$orange800: #9a3412;\n$orange900: #7c2d12;\n\n$yellow050: #fefce8;\n$yellow100: #fef9c3;\n$yellow200: #fef08a;\n$yellow300: #fde047;\n$yellow400: #facc15;\n$yellow500: #eab308;\n$yellow600: #ca8a04;\n$yellow700: #a16207;\n$yellow800: #854d0e;\n$yellow900: #713f12;\n\n$green050: #f0fdf4;\n$green100: #dcfce7;\n$green200: #bbf7d0;\n$green300: #86efac;\n$green400: #4ade80;\n$green500: #22c55e;\n$green600: #16a34a;\n$green700: #15803d;\n$green800: #166534;\n$green900: #14532d;\n\n$teal050: #f0fdfa;\n$teal100: #ccfbf1;\n$teal200: #99f6e4;\n$teal300: #5eead4;\n$teal400: #2dd4bf;\n$teal500: #14b8a6;\n$teal550: #11a697;\n$teal600: #0d9488;\n$teal700: #0f766e;\n$teal800: #115e59;\n$teal900: #134e4a;\n\n$cyan050: #ecfeff;\n$cyan100: #cffafe;\n$cyan200: #a5f3fc;\n$cyan300: #67e8f9;\n$cyan400: #22d3ee;\n$cyan500: #06b6d4;\n$cyan600: #0891b2;\n$cyan700: #0e7490;\n$cyan800: #155e75;\n$cyan900: #164e63;\n\n$blue050: #eff6ff;\n$blue100: #dbeafe;\n$blue200: #bfdbfe;\n$blue300: #93c5fd;\n$blue400: #60a5fa;\n$blue500: #3b82f6;\n$blue600: #2563eb;\n$blue700: #1d4ed8;\n$blue800: #1e40af;\n$blue900: #1e3a8a;\n\n$violet050: #f5f3ff;\n$violet100: #ede9fe;\n$violet200: #ddd6fe;\n$violet300: #c4b5fd;\n$violet400: #a78bfa;\n$violet500: #8b5cf6;\n$violet600: #7c3aed;\n$violet700: #6d28d9;\n$violet800: #5b21b6;\n$violet900: #4c1d95;\n\n$pink050: #fdf2f8;\n$pink100: #fce7f3;\n$pink200: #fbcfe8;\n$pink300: #f9a8d4;\n$pink400: #f472b6;\n$pink500: #ec4899;\n$pink600: #db2777;\n$pink700: #be185d;\n$pink800: #9d174d;\n$pink900: #831843;\n\n// submit button colors\n$primaryColor: $red600;\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: #1f5fea;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $textColor;\n$menuOptionActiveBackgroundColor: $grey050;\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:\n 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing:\n 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing:\n 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey500;\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\n@mixin sans-serif-font {\n font-family:\n system-ui,\n BlinkMacSystemFont,\n -apple-system,\n 'Segoe UI',\n 'Roboto',\n 'Oxygen',\n 'Ubuntu',\n 'Cantarell',\n 'Fira Sans',\n 'Droid Sans',\n 'Helvetica Neue',\n 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: never;\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\n@mixin angle($dir: down, $color: currentColor, $width: calc(2rem / 16)) {\n display: block;\n content: '';\n font-size: 0;\n width: calc(7rem / 16);\n height: calc(7rem / 16);\n border: solid $color;\n border-width: 0 $width $width 0;\n opacity: 0.8;\n position: relative;\n\n @if $dir == up {\n transform: rotate(225deg);\n top: 2px;\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:\n 0 0 0 1px $grey200,\n 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) !important;\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 custom-color-focus-ring($primary, $secondary: null) {\n @if $secondary != null {\n --focus-ring: 0 0 0 1px #{$primary}, 0 0 0 3px #{$secondary};\n } @else {\n --focus-ring: 0 0 0 3px #{$primary};\n }\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: calc(30rem / 16);\n height: calc(30rem / 16);\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:\n 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-item-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-item-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 color: var(--ui-control-color);\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// https://tailwindcss.com/docs/screen-readers#undoing-screen-reader-only-elements\n@mixin visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n\n@mixin not-visually-hidden {\n position: static;\n width: auto;\n height: auto;\n padding: 0;\n margin: 0;\n overflow: visible;\n clip: auto;\n white-space: normal;\n}\n\n@mixin readable {\n font-size: 16px;\n line-height: 22px;\n\n h1,\n .h1,\n h2,\n .h2,\n h3,\n .h3,\n h4,\n .h4,\n h5,\n .h5,\n h6,\n .h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1,\n .h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2,\n .h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3,\n .h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4,\n .h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5,\n .h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6,\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 .tip-dismiss-btn {\n position: absolute;\n top: 12px;\n @include right(12px);\n\n & + p {\n margin-top: 0;\n }\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(50px);\n border: 1px solid;\n\n &.dismissible {\n @include padding-right(36px);\n }\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: $linkColor;\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 opacity: 1;\n position: absolute;\n top: 15px;\n @include left(16px);\n font-size: 24px;\n width: 24px;\n }\n\n a[href] {\n color: currentColor;\n text-decoration: underline;\n }\n }\n }\n\n .go:after {\n font-size: 14px;\n }\n}\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(\n 45deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 135deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 45deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n ),\n linear-gradient(\n 135deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n );\n background-size: $size $size;\n background-position:\n 0 0,\n $halfSize 0,\n $halfSize -#{$halfSize},\n 0 $halfSize;\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 c2fe8014021..eafc0ebafae 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,CCqdA,sCACE,WAEF,sCACE,YAuBF,sCACE,gBDhfF,CCkfA,sCACE,iBDnfF,CAGF,sCACE,gBACA,UAGF,0CAIE,SAAQ,CAFR,SADA,UAGA,CCmVA,mDACE,MDrVY,CCuVd,mDACE,ODxVY,CAIhB,qDACE,QAGF,iDAIE,+BADA,eAFA,gBAIA,kBCuUA,0DACE,MD3UY,CC6Ud,0DACE,OD9UY,CCqfd,0DACE,iBDlfF,CCofA,0DACE,kBDrfF,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$red050: #fef2f2;\n$red100: #fee2e2;\n$red200: #fecaca;\n$red300: #fca5a5;\n$red400: #f87171;\n$red500: #ef4444;\n$red600: #dc2626;\n$red700: #b91c1c;\n$red800: #991b1b;\n$red900: #7f1d1d;\n\n$orange050: #fff7ed;\n$orange100: #ffedd5;\n$orange200: #fed7aa;\n$orange300: #fdba74;\n$orange400: #fb923c;\n$orange500: #f97316;\n$orange600: #ea580c;\n$orange700: #c2410c;\n$orange800: #9a3412;\n$orange900: #7c2d12;\n\n$yellow050: #fefce8;\n$yellow100: #fef9c3;\n$yellow200: #fef08a;\n$yellow300: #fde047;\n$yellow400: #facc15;\n$yellow500: #eab308;\n$yellow600: #ca8a04;\n$yellow700: #a16207;\n$yellow800: #854d0e;\n$yellow900: #713f12;\n\n$green050: #f0fdf4;\n$green100: #dcfce7;\n$green200: #bbf7d0;\n$green300: #86efac;\n$green400: #4ade80;\n$green500: #22c55e;\n$green600: #16a34a;\n$green700: #15803d;\n$green800: #166534;\n$green900: #14532d;\n\n$teal050: #f0fdfa;\n$teal100: #ccfbf1;\n$teal200: #99f6e4;\n$teal300: #5eead4;\n$teal400: #2dd4bf;\n$teal500: #14b8a6;\n$teal550: #11a697;\n$teal600: #0d9488;\n$teal700: #0f766e;\n$teal800: #115e59;\n$teal900: #134e4a;\n\n$cyan050: #ecfeff;\n$cyan100: #cffafe;\n$cyan200: #a5f3fc;\n$cyan300: #67e8f9;\n$cyan400: #22d3ee;\n$cyan500: #06b6d4;\n$cyan600: #0891b2;\n$cyan700: #0e7490;\n$cyan800: #155e75;\n$cyan900: #164e63;\n\n$blue050: #eff6ff;\n$blue100: #dbeafe;\n$blue200: #bfdbfe;\n$blue300: #93c5fd;\n$blue400: #60a5fa;\n$blue500: #3b82f6;\n$blue600: #2563eb;\n$blue700: #1d4ed8;\n$blue800: #1e40af;\n$blue900: #1e3a8a;\n\n$violet050: #f5f3ff;\n$violet100: #ede9fe;\n$violet200: #ddd6fe;\n$violet300: #c4b5fd;\n$violet400: #a78bfa;\n$violet500: #8b5cf6;\n$violet600: #7c3aed;\n$violet700: #6d28d9;\n$violet800: #5b21b6;\n$violet900: #4c1d95;\n\n$pink050: #fdf2f8;\n$pink100: #fce7f3;\n$pink200: #fbcfe8;\n$pink300: #f9a8d4;\n$pink400: #f472b6;\n$pink500: #ec4899;\n$pink600: #db2777;\n$pink700: #be185d;\n$pink800: #9d174d;\n$pink900: #831843;\n\n// submit button colors\n$primaryColor: $red600;\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: #1f5fea;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $textColor;\n$menuOptionActiveBackgroundColor: $grey050;\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:\n 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing:\n 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing:\n 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey500;\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\n@mixin sans-serif-font {\n font-family:\n system-ui,\n BlinkMacSystemFont,\n -apple-system,\n 'Segoe UI',\n 'Roboto',\n 'Oxygen',\n 'Ubuntu',\n 'Cantarell',\n 'Fira Sans',\n 'Droid Sans',\n 'Helvetica Neue',\n 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: never;\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\n@mixin angle($dir: down, $color: currentColor, $width: calc(2rem / 16)) {\n display: block;\n content: '';\n font-size: 0;\n width: calc(7rem / 16);\n height: calc(7rem / 16);\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:\n 0 0 0 1px $grey200,\n 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) !important;\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 custom-color-focus-ring($primary, $secondary: null) {\n @if $secondary != null {\n --focus-ring: 0 0 0 1px #{$primary}, 0 0 0 3px #{$secondary};\n } @else {\n --focus-ring: 0 0 0 3px #{$primary};\n }\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: calc(30rem / 16);\n height: calc(30rem / 16);\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:\n 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-item-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-item-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 color: var(--ui-control-color);\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 .h1,\n h2,\n .h2,\n h3,\n .h3,\n h4,\n .h4,\n h5,\n .h5,\n h6,\n .h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1,\n .h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2,\n .h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3,\n .h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4,\n .h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5,\n .h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6,\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 .tip-dismiss-btn {\n position: absolute;\n top: 12px;\n @include right(12px);\n\n & + p {\n margin-top: 0;\n }\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(50px);\n border: 1px solid;\n\n &.dismissible {\n @include padding-right(36px);\n }\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: $linkColor;\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 opacity: 1;\n position: absolute;\n top: 15px;\n @include left(16px);\n font-size: 24px;\n width: 24px;\n }\n\n a[href] {\n color: currentColor;\n text-decoration: underline;\n }\n }\n }\n\n .go:after {\n font-size: 14px;\n }\n}\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(\n 45deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 135deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 45deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n ),\n linear-gradient(\n 135deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n );\n background-size: $size $size;\n background-position:\n 0 0,\n $halfSize 0,\n $halfSize -#{$halfSize},\n 0 $halfSize;\n}\n"],"names":[],"sourceRoot":""} \ No newline at end of file +{"version":3,"file":"css/utilities.css","mappings":"AAIA,6BACE,cAIA,YAFA,kBACA,WACA,CCudA,sCACE,WAEF,sCACE,YAuBF,sCACE,gBDlfF,CCofA,sCACE,iBDrfF,CAGF,sCACE,gBACA,UAGF,0CAIE,SAAQ,CAFR,SADA,UAGA,CCqVA,mDACE,MDvVY,CCyVd,mDACE,OD1VY,CAIhB,qDACE,QAGF,iDAIE,+BADA,eAFA,gBAIA,kBCyUA,0DACE,MD7UY,CC+Ud,0DACE,ODhVY,CCufd,0DACE,iBDpfF,CCsfA,0DACE,kBDvfF,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$red050: #fef2f2;\n$red100: #fee2e2;\n$red200: #fecaca;\n$red300: #fca5a5;\n$red400: #f87171;\n$red500: #ef4444;\n$red600: #dc2626;\n$red700: #b91c1c;\n$red800: #991b1b;\n$red900: #7f1d1d;\n\n$orange050: #fff7ed;\n$orange100: #ffedd5;\n$orange200: #fed7aa;\n$orange300: #fdba74;\n$orange400: #fb923c;\n$orange500: #f97316;\n$orange600: #ea580c;\n$orange700: #c2410c;\n$orange800: #9a3412;\n$orange900: #7c2d12;\n\n$yellow050: #fefce8;\n$yellow100: #fef9c3;\n$yellow200: #fef08a;\n$yellow300: #fde047;\n$yellow400: #facc15;\n$yellow500: #eab308;\n$yellow600: #ca8a04;\n$yellow700: #a16207;\n$yellow800: #854d0e;\n$yellow900: #713f12;\n\n$green050: #f0fdf4;\n$green100: #dcfce7;\n$green200: #bbf7d0;\n$green300: #86efac;\n$green400: #4ade80;\n$green500: #22c55e;\n$green600: #16a34a;\n$green700: #15803d;\n$green800: #166534;\n$green900: #14532d;\n\n$teal050: #f0fdfa;\n$teal100: #ccfbf1;\n$teal200: #99f6e4;\n$teal300: #5eead4;\n$teal400: #2dd4bf;\n$teal500: #14b8a6;\n$teal550: #11a697;\n$teal600: #0d9488;\n$teal700: #0f766e;\n$teal800: #115e59;\n$teal900: #134e4a;\n\n$cyan050: #ecfeff;\n$cyan100: #cffafe;\n$cyan200: #a5f3fc;\n$cyan300: #67e8f9;\n$cyan400: #22d3ee;\n$cyan500: #06b6d4;\n$cyan600: #0891b2;\n$cyan700: #0e7490;\n$cyan800: #155e75;\n$cyan900: #164e63;\n\n$blue050: #eff6ff;\n$blue100: #dbeafe;\n$blue200: #bfdbfe;\n$blue300: #93c5fd;\n$blue400: #60a5fa;\n$blue500: #3b82f6;\n$blue600: #2563eb;\n$blue700: #1d4ed8;\n$blue800: #1e40af;\n$blue900: #1e3a8a;\n\n$violet050: #f5f3ff;\n$violet100: #ede9fe;\n$violet200: #ddd6fe;\n$violet300: #c4b5fd;\n$violet400: #a78bfa;\n$violet500: #8b5cf6;\n$violet600: #7c3aed;\n$violet700: #6d28d9;\n$violet800: #5b21b6;\n$violet900: #4c1d95;\n\n$pink050: #fdf2f8;\n$pink100: #fce7f3;\n$pink200: #fbcfe8;\n$pink300: #f9a8d4;\n$pink400: #f472b6;\n$pink500: #ec4899;\n$pink600: #db2777;\n$pink700: #be185d;\n$pink800: #9d174d;\n$pink900: #831843;\n\n// submit button colors\n$primaryColor: $red600;\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: #1f5fea;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $textColor;\n$menuOptionActiveBackgroundColor: $grey050;\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:\n 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing:\n 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing:\n 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey500;\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\n@mixin sans-serif-font {\n font-family:\n system-ui,\n BlinkMacSystemFont,\n -apple-system,\n 'Segoe UI',\n 'Roboto',\n 'Oxygen',\n 'Ubuntu',\n 'Cantarell',\n 'Fira Sans',\n 'Droid Sans',\n 'Helvetica Neue',\n 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: never;\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\n@mixin angle($dir: down, $color: currentColor, $width: calc(2rem / 16)) {\n display: block;\n content: '';\n font-size: 0;\n width: calc(7rem / 16);\n height: calc(7rem / 16);\n border: solid $color;\n border-width: 0 $width $width 0;\n opacity: 0.8;\n position: relative;\n\n @if $dir == up {\n transform: rotate(225deg);\n top: 2px;\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:\n 0 0 0 1px $grey200,\n 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) !important;\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 custom-color-focus-ring($primary, $secondary: null) {\n @if $secondary != null {\n --focus-ring: 0 0 0 1px #{$primary}, 0 0 0 3px #{$secondary};\n } @else {\n --focus-ring: 0 0 0 3px #{$primary};\n }\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: calc(30rem / 16);\n height: calc(30rem / 16);\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:\n 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-item-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-item-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 color: var(--ui-control-color);\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// https://tailwindcss.com/docs/screen-readers#undoing-screen-reader-only-elements\n@mixin visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n\n@mixin not-visually-hidden {\n position: static;\n width: auto;\n height: auto;\n padding: 0;\n margin: 0;\n overflow: visible;\n clip: auto;\n white-space: normal;\n}\n\n@mixin readable {\n font-size: 16px;\n line-height: 22px;\n\n h1,\n .h1,\n h2,\n .h2,\n h3,\n .h3,\n h4,\n .h4,\n h5,\n .h5,\n h6,\n .h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1,\n .h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2,\n .h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3,\n .h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4,\n .h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5,\n .h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6,\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 .tip-dismiss-btn {\n position: absolute;\n top: 12px;\n @include right(12px);\n\n & + p {\n margin-top: 0;\n }\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(50px);\n border: 1px solid;\n\n &.dismissible {\n @include padding-right(36px);\n }\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: $linkColor;\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 opacity: 1;\n position: absolute;\n top: 15px;\n @include left(16px);\n font-size: 24px;\n width: 24px;\n }\n\n a[href] {\n color: currentColor;\n text-decoration: underline;\n }\n }\n }\n\n .go:after {\n font-size: 14px;\n }\n}\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(\n 45deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 135deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 45deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n ),\n linear-gradient(\n 135deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n );\n background-size: $size $size;\n background-position:\n 0 0,\n $halfSize 0,\n $halfSize -#{$halfSize},\n 0 $halfSize;\n}\n"],"names":[],"sourceRoot":""} \ No newline at end of file From aefbe41b8438ff8c7324a603404c5cd069a7978d Mon Sep 17 00:00:00 2001 From: Lupe Camacho Date: Fri, 9 Feb 2024 14:39:44 -0800 Subject: [PATCH 02/71] Update media queries for layout to use rem instead of px; --- src/web/assets/cp/dist/css/cp.css | 2 +- src/web/assets/cp/dist/css/cp.css.map | 2 +- src/web/assets/cp/src/css/_cp.scss | 14 +++++++------- src/web/assets/cp/src/css/_global-sidebar.scss | 2 +- 4 files changed, 10 insertions(+), 10 deletions(-) diff --git a/src/web/assets/cp/dist/css/cp.css b/src/web/assets/cp/dist/css/cp.css index fa45ca8c489..b427bf73386 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-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%;--gray-050:hsl(var(--gray-050-hsl));--gray-100:hsl(var(--gray-100-hsl));--gray-200:hsl(var(--gray-200-hsl));--gray-300:hsl(var(--gray-300-hsl));--gray-350:hsl(var(--gray-350-hsl));--gray-400:hsl(var(--gray-400-hsl));--gray-500:hsl(var(--gray-500-hsl));--gray-550:hsl(var(--gray-550-hsl));--gray-600:hsl(var(--gray-600-hsl));--gray-700:hsl(var(--gray-700-hsl));--gray-800:hsl(var(--gray-800-hsl));--gray-900:hsl(var(--gray-900-hsl));--gray-1000:hsl(var(--gray-1000-hsl));--red-050:#fef2f2;--red-100:#fee2e2;--red-200:#fecaca;--red-300:#fca5a5;--red-400:#f87171;--red-500:#ef4444;--red-600:#dc2626;--red-700:#b91c1c;--red-800:#991b1b;--red-900:#7f1d1d;--red-950:#450a0a;--orange-050:#fff7ed;--orange-100:#ffedd5;--orange-200:#fed7aa;--orange-300:#fdba74;--orange-400:#fb923c;--orange-500:#f97316;--orange-600:#ea580c;--orange-700:#c2410c;--orange-800:#9a3412;--orange-900:#7c2d12;--orange-950:#431407;--amber-050:#fffbeb;--amber-100:#fef3c7;--amber-200:#fde68a;--amber-300:#fcd34d;--amber-400:#fbbf24;--amber-500:#f59e0b;--amber-600:#d97706;--amber-700:#b45309;--amber-800:#92400e;--amber-900:#78350f;--amber-950:#451a03;--yellow-050:#fefce8;--yellow-100:#fef9c3;--yellow-200:#fef08a;--yellow-300:#fde047;--yellow-400:#facc15;--yellow-500:#eab308;--yellow-600:#ca8a04;--yellow-700:#a16207;--yellow-750:#93580b;--yellow-800:#854d0e;--yellow-900:#713f12;--yellow-950:#422006;--lime-050:#f7fee7;--lime-100:#ecfccb;--lime-200:#d9f99d;--lime-300:#bef264;--lime-400:#a3e635;--lime-500:#84cc16;--lime-600:#65a30d;--lime-700:#4d7c0f;--lime-800:#3f6212;--lime-900:#365314;--lime-950:#1a2e05;--green-050:#f0fdf4;--green-100:#dcfce7;--green-200:#bbf7d0;--green-300:#86efac;--green-400:#4ade80;--green-500:#22c55e;--green-600:#16a34a;--green-700:#15803d;--green-800:#166534;--green-900:#14532d;--green-950:#052e16;--emerald-050:#ecfdf5;--emerald-100:#d1fae5;--emerald-200:#a7f3d0;--emerald-300:#6ee7b7;--emerald-400:#34d399;--emerald-500:#10b981;--emerald-600:#059669;--emerald-700:#047857;--emerald-800:#065f46;--emerald-900:#064e3b;--emerald-950:#022c22;--teal-050:#f0fdfa;--teal-100:#ccfbf1;--teal-200:#99f6e4;--teal-300:#5eead4;--teal-400:#2dd4bf;--teal-500:#14b8a6;--teal-550:#11a697;--teal-600:#0d9488;--teal-700:#0f766e;--teal-800:#115e59;--teal-900:#134e4a;--teal-950:#042f2e;--cyan-050:#ecfeff;--cyan-100:#cffafe;--cyan-200:#a5f3fc;--cyan-300:#67e8f9;--cyan-400:#22d3ee;--cyan-500:#06b6d4;--cyan-600:#0891b2;--cyan-700:#0e7490;--cyan-800:#155e75;--cyan-900:#164e63;--cyan-950:#083344;--sky-050:#f0f9ff;--sky-100:#e0f2fe;--sky-200:#bae6fd;--sky-300:#7dd3fc;--sky-400:#38bdf8;--sky-500:#0ea5e9;--sky-600:#0284c7;--sky-700:#0369a1;--sky-800:#075985;--sky-900:#0c4a6e;--sky-950:#082f49;--blue-050:#eff6ff;--blue-100:#dbeafe;--blue-200:#bfdbfe;--blue-300:#93c5fd;--blue-400:#60a5fa;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-700:#1d4ed8;--blue-800:#1e40af;--blue-900:#1e3a8a;--blue-950:#172554;--indigo-050:#eef2ff;--indigo-100:#e0e7ff;--indigo-200:#c7d2fe;--indigo-300:#a5b4fc;--indigo-400:#818cf8;--indigo-500:#6366f1;--indigo-600:#4f46e5;--indigo-700:#4338ca;--indigo-800:#3730a3;--indigo-900:#312e81;--indigo-950:#1e1b4b;--violet-050:#f5f3ff;--violet-100:#ede9fe;--violet-200:#ddd6fe;--violet-300:#c4b5fd;--violet-400:#a78bfa;--violet-500:#8b5cf6;--violet-600:#7c3aed;--violet-700:#6d28d9;--violet-800:#5b21b6;--violet-900:#4c1d95;--violet-950:#2e1065;--purple-050:#faf5ff;--purple-100:#f3e8ff;--purple-200:#e9d5ff;--purple-300:#d8b4fe;--purple-400:#c084fc;--purple-500:#a855f7;--purple-600:#9333ea;--purple-700:#7e22ce;--purple-800:#6b21a8;--purple-900:#581c87;--purple-950:#3b0764;--fuchsia-050:#fdf4ff;--fuchsia-100:#fae8ff;--fuchsia-200:#f5d0fe;--fuchsia-300:#f0abfc;--fuchsia-400:#e879f9;--fuchsia-500:#d946ef;--fuchsia-600:#c026d3;--fuchsia-700:#a21caf;--fuchsia-800:#86198f;--fuchsia-900:#701a75;--fuchsia-950:#4a044e;--pink-050:#fdf2f8;--pink-100:#fce7f3;--pink-200:#fbcfe8;--pink-300:#f9a8d4;--pink-400:#f472b6;--pink-500:#ec4899;--pink-600:#db2777;--pink-700:#be185d;--pink-800:#9d174d;--pink-900:#831843;--pink-950:#500724;--rose-050:#fff1f2;--rose-100:#ffe4e6;--rose-200:#fecdd3;--rose-300:#fda4af;--rose-400:#fb7185;--rose-500:#f43f5e;--rose-600:#e11d48;--rose-700:#be123c;--rose-800:#9f1239;--rose-900:#881337;--rose-950:#4c0519;--bg-color:$grey100;--bg-color-hsl:212deg,50%,93%;--primary-color:var(--red-600);--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:#1f5fea;--font-weight-bold:700;--hairline-color:rgba(51,64,77,.1);--medium-hairline-color:#cfd8e3;--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-500);--error-color:#d81e23;--warning-color:var(--amber-700);--success-color:var(--teal-700);--notice-color:var(--sky-700);--enabled-color:var(--teal-550);--pending-color:var(--orange-400);--disabled-color:var(--red-600);--indicator-border-color:var(--amber-600);--indicator-icon-color:var(--amber-700);--small-border-radius:3px;--medium-border-radius:4px;--large-border-radius:5px;--menu-border-radius:var(--medium-border-radius);--checkbox-size:1rem;--radio-size:1rem;--ui-control-color:var(--gray-550);--ui-control-hover-color:var(--gray-600);--ui-control-active-color:var(--gray-700);--ui-control-static-bg-color:rgba(96,125,159,.25);--ui-control-bg-color:var(--ui-control-static-bg-color);--ui-control-hover-bg-color:rgba(96,125,159,.3);--ui-control-active-bg-color:rgba(96,125,159,.5);--ui-control-border-radius:var(--large-border-radius);--ui-control-height:2.125rem;--ui-control-height--small:1.875rem;--light-focus-hsl:211.6981132075deg,96.3636363636%,78.431372549%;--medium-focus-hsl:217.2192513369deg,91.2195121951%,59.8039215686%;--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:1.5rem;--thumb-size:1.25rem;--icon-size:1rem;--elements-busy-top-position:calc(50% - var(--size, 20px)/2);--lh:1.42em}@font-face{font-display:block;font-family:Craft;font-style:normal;font-weight:400;src:url(../fonts/Craft.woff2) format("woff2"),url(../fonts/Craft.woff) format("woff"),url(../fonts/Craft.ttf) format("truetype"),url(../fonts/Craft.svg#Craft) format("svg")}body,html{background-color:var(--gray-100);box-shadow:var(--light-focus-ring)}body{color:var(--text-color);font-size:.875rem;line-height:var(--lh);overflow-x:hidden;width:100vw;-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}.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}.mt-0{margin-top:0!important}.mt-xs{margin-top:var(--xs)!important}.mt-s{margin-top:var(--s)!important}.mt-m{margin-top:var(--m)!important}.mt-l{margin-top:var(--l)!important}.mt-xl{margin-top:var(--xl)!important}.mb-0{margin-bottom:0!important}.mb-xs{margin-bottom:var(--xs)!important}.mb-s{margin-bottom:var(--s)!important}.mb-m{margin-bottom:var(--m)!important}.mb-l{margin-bottom:var(--l)!important}.mb-xl{margin-bottom:var(--xl)!important}.ml-0{margin-left:0!important}.ml-xs{margin-left:var(--xs)!important}.ml-s{margin-left:var(--s)!important}.ml-m{margin-left:var(--m)!important}.ml-l{margin-left:var(--l)!important}.ml-xl{margin-left:var(--xl)!important}.mr-0{margin-right:0!important}.mr-xs{margin-right:var(--xs)!important}.mr-s{margin-right:var(--s)!important}.mr-m{margin-right:var(--m)!important}.mr-l{margin-right:var(--l)!important}.mr-xl{margin-right:var(--xl)!important}.mx-0{margin-left:0!important;margin-right:0!important}.mx-xs{margin-left:var(--xs)!important;margin-right:var(--xs)!important}.mx-s{margin-left:var(--s)!important;margin-right:var(--s)!important}.mx-m{margin-left:var(--m)!important;margin-right:var(--m)!important}.mx-l{margin-left:var(--l)!important;margin-right:var(--l)!important}.mx-xl{margin-left:var(--xl)!important;margin-right:var(--xl)!important}.my-0{margin-bottom:0!important;margin-top:0!important}.my-xs{margin-bottom:var(--xs)!important;margin-top:var(--xs)!important}.my-s{margin-bottom:var(--s)!important;margin-top:var(--s)!important}.my-m{margin-bottom:var(--m)!important;margin-top:var(--m)!important}.my-l{margin-bottom:var(--l)!important;margin-top:var(--l)!important}.my-xl{margin-bottom:var(--xl)!important;margin-top:var(--xl)!important}.no-scroll{overflow:hidden!important}.draghelper{box-sizing:border-box;list-style-type:none}.offset-drag-helper{transition:margin .2s linear,padding .2s linear}body.dragging.ltr .offset-drag-helper{margin:-50px 0 0 -50px;padding:60px 0 0 60px}body.dragging.rtl .offset-drag-helper{margin:-50px -50px 0 0;padding:60px 60px 0 0}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,.action-btn:before,.go:after,.icon:before,.insecure:before,.menu .flex.padded.sel:before,.menu ul.padded li .menu-item.sel:before,.menu ul.padded li .menu-option.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{font-family:Craft;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.badge-icon{align-items:center;border:1px solid var(--indicator-border-color);border-radius:var(--small-border-radius);box-sizing:border-box;color:var(--indicator-icon-color);display:inline-flex;font-size:9px;height:1rem;justify-content:center;position:relative;top:-1px;width:1rem}.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)}[data-icon-size=large][data-icon-after]:after,[data-icon-size=large][data-icon]:before{font-size:20px}[data-icon-size=small][data-icon-after]:after,[data-icon-size=small][data-icon]:before{font-size:14px}[data-icon-size=puny][data-icon-after]:after,[data-icon-size=puny][data-icon]:before{font-size:12px}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"}.action-btn:before{content:"ellipsis"}.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[aria-current]{cursor:default}a:hover,body.underline-links a{text-decoration:underline}a .cp-icon svg circle,a .cp-icon svg ellipse,a .cp-icon svg line,a .cp-icon svg path,a .cp-icon svg polygon,a .cp-icon svg polyline,a .cp-icon svg rect,a .cp-icon svg text{fill:var(--link-color);stroke-width:0}a:not([href]){color:inherit;cursor:inherit}a:not([href]):hover,body.underline-links a:not([href]){text-decoration:none}a.iconlink:before{width:1rem}body.ltr a.iconlink:before{margin-right:var(--xs)}body.rtl a.iconlink:before{margin-left:var(--xs)}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"}body.ltr a [data-icon=external]{margin-left:var(--xs)}body.rtl a [data-icon=external]{margin-right:var(--xs)}button{cursor:pointer}.alert-icon,.checkmark-icon{border-radius:20px;cursor:pointer;line-height:10px;margin-bottom:0!important;padding:5px}.alert-icon:before,.checkmark-icon:before{font-family:Craft;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.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"}.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{align-content:stretch;align-items:center;color:var(--blue-800);display:flex;gap:var(--s);justify-content:center}#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(37,99,235,.2),rgba(37,99,235,0) 50%)}body.rtl .so-notice>.draft-notice{background-image:linear-gradient(270deg,rgba(37,99,235,.2),rgba(37,99,235,0))}.draft-notice p{flex:1;margin:0}.draft-notice .draft-icon{align-items:center;border:2px solid rgba(30,64,175,.2);border-radius:100%;box-shadow:0 1px 1px 1px var(--white);box-sizing:border-box;display:flex;flex-shrink:0;height:34px;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(30,58,138,.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:#1555e2}.draft-notice .discard-changes-btn:active{border-color:#134cca}.revision-notice{align-content:stretch;align-items:center;color:var(--gray-600);display:flex;gap:var(--s);justify-content:center}#content-notice .revision-notice{display:inline-flex;justify-content:flex-start}.revision-notice p{flex:1;margin:0}.revision-notice .revision-icon{align-items:center;border:2px solid rgba(51,64,77,.2);border-radius:100%;box-shadow:0 1px 1px 1px var(--white);box-sizing:border-box;display:flex;flex-shrink:0;height:34px;justify-content:center;position:relative;width:34px}.revision-notice .revision-icon:before{color:var(--grey-800)!important;font-size:18px;left:1px;position:relative}.revision-notice .revision-icon:after{border-radius:100%;bottom:-2px;box-shadow:inset 0 2px 0 rgba(30,58,138,.2);content:"";font-size:0;left:-2px;position:absolute;right:-2px;top:-2px}button.toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;color:inherit;padding:0}.toggle:before,a.fieldtoggle:before{border:solid;border-width:0 .125rem .125rem 0;content:"";display:block;font-size:0;height:.4375rem;opacity:.8;position:relative;transition:transform .1s linear;width:.4375rem}body.ltr .toggle:before,body.ltr a.fieldtoggle:before{transform:rotate(-45deg)}body.rtl .toggle:before,body.rtl a.fieldtoggle:before{transform:rotate(135deg)}.sidebar nav li.expanded>.toggle:before,.structure li:not(.collapsed)>.row>.toggle:before,.toggle.expanded:before,a.fieldtoggle.expanded:before{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}ul.errors em{font-style:normal}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,.readable h1,.readable h2,.readable h3,.readable h4,.readable h5,.readable h6{font-weight:600;margin:24px 0 16px}.readable .h1,.readable h1{color:#000;font-size:32px;line-height:40px}.readable .h2,.readable h2{font-size:24px;line-height:30px}.readable .h3,.readable h3{font-size:20px;line-height:24px}.readable .h4,.readable h4{font-size:16px;line-height:20px}.readable .h5,.readable h5{font-size:14px;line-height:18px}.readable .h6,.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 .tip-dismiss-btn{position:absolute;top:12px}body.ltr .readable .tip-dismiss-btn{right:12px}body.rtl .readable .tip-dismiss-btn{left:12px}.readable .tip-dismiss-btn+p{margin-top:0}.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:50px}body.rtl .readable blockquote.note{padding-right:50px}body.ltr .readable blockquote.note.dismissible{padding-right:36px}body.rtl .readable blockquote.note.dismissible{padding-left:36px}.readable blockquote.note:not(.tip):not(.warning){border-color:#dc2626;color:#bf503f}.readable blockquote.note:not(.tip):not(.warning):before{color:#dc2626;content:"alert"}.readable blockquote.note.tip{border-color:#1f5fea;color:#1f5fea}.readable blockquote.note.tip:before{color:#1f5fea;content:"lightbulb"}.readable blockquote.note.warning{border-color:#854d0e;color:#cf783a}.readable blockquote.note.warning:before{color:#854d0e;content:"alert"}.readable blockquote.note:before{font-family:Craft;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;font-size:24px;opacity:1;position:absolute;top:15px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:24px}body.ltr .readable blockquote.note:before{left:16px}body.rtl .readable blockquote.note:before{right:16px}.readable blockquote.note a[href]{color:currentColor;text-decoration:underline}.readable .go:after{font-size:14px}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(--rose-500);content:"asterisk";font-size:12px}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{font-family:Craft;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;content:"asterisk";display:block;font-size:9px;left:0;line-height:17px;position:absolute;text-indent:0;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;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{font-family:Craft;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;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{align-items:flex-start;display:flex;flex-wrap:nowrap}.notice.has-icon .icon,.warning.has-icon .icon{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:not(.disabled){cursor:move}.icon.move:before{color:var(--custom-text-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{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.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{font-family:Craft;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;vertical-align:middle;word-wrap:normal!important;color:var(--ui-control-color);line-height:1.375;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;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}.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}body.ltr .customize-sources-modal.sidebar-hidden{padding-left:0}body.rtl .customize-sources-modal.sidebar-hidden{padding-right:0}.customize-sources-modal.sidebar-hidden>.cs-sidebar{display:none}.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{--selected-item-color:var(--white);align-items:center;background-color:var(--gray-100);border:solid var(--hairline-color);border-width:1px 0;box-sizing:border-box;cursor:default;display:flex;margin-top:-1px;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-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{--focus-ring:0 0 0 1px hsl(var(--light-focus-hsl)),0 0 0 3px hsla(var(--light-focus-hsl),0.7);--ui-control-color:var(--selected-item-color);background-color:var(--dark-sel-color);color:var(--selected-item-color);z-index:1}.customize-sources-item .label{flex:1}.customize-sources-item.heading .label{color:var(--light-text-color);font-size:12px;font-weight:700;text-transform:uppercase}.customize-sources-item.heading.sel .label{color:var(--selected-item-color)}.customize-sources-item__move{align-items:center;justify-content:center;position:absolute;top:50%;transform:translate(-50%,-50%)}body.ltr .customize-sources-item__move{right:0}body.rtl .customize-sources-item__move{left:0}.customize-sources-item__move.icon{display:flex;text-decoration:none}.customize-sources-item__btn{margin:3px;padding:8px 14px}body.ltr .customize-sources-item__btn{padding-right:30px}body.rtl .customize-sources-item__btn{padding-left:30px}.checkbox-select-item{align-content:stretch;align-items:flex-start;display:flex;margin-bottom:4px}.checkbox-select-item .move{margin-top:-3px;position:relative;z-index:1}body.ltr .checkbox-select-item .move{margin-right:10px}body.rtl .checkbox-select-item .move{margin-left:10px}ul.path{align-items:stretch;display:flex;flex-direction:row;flex-wrap:wrap}ul.path li{align-items:center;display:inline-flex}ul.path li:not(:last-child):after{border:solid var(--light-text-color);border-width:0 .0625rem .0625rem 0;content:"";display:block;font-size:0;height:.4375rem;opacity:.8;position:relative;width:.4375rem}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{display:flex;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:var(--s);min-height:34px;position:relative}.toolbar .flex,.toolbar.flex{align-items:flex-start}.toolbar .text{border-radius:var(--large-border-radius)!important}.flex{align-content:stretch;align-items:center;display:flex;gap:var(--s)}.flex.flex-gap-xs{gap:var(--xs)}.flex.flex-gap-m{gap:var(--m)}.flex.flex-gap-l{gap:var(--l)}.flex.flex-gap-xl{gap:var(--xl)}.flex:not(.flex-nowrap){flex-wrap:wrap}.flex>.label{white-space:nowrap}.centeralign .flex{justify-content:center}.inline-flex{align-content:stretch;align-items:center;display:inline-flex!important;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;max-width:100%}.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{align-items:center;display:flex;gap:7px;margin:24px 0;position:relative}.footer>.buttons,.hud-footer>.buttons{margin:0}.btn{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--ui-control-bg-color);border:none;border-radius:var(--ui-control-border-radius);box-sizing:border-box;color:currentColor;display:inline-flex;font-size:inherit;justify-content:center;padding:7px 10px;position:relative;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.btn:not([aria-current]){cursor:pointer}.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.hairline{background-color:transparent;border:1px solid var(--medium-hairline-color)}.btn.hairline:active,.btn.hairline:hover,.btn.hairline[aria-expanded=true]{border-color:var(--dark-hairline-color)}.btn.hairline:active,.btn.hairline[aria-expanded=true]{background-color:var(--ui-control-static-bg-color)}.btn.wrap{height:auto;min-height:34px;text-align:left;white-space:normal}.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]).focus,.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]):focus,.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]):hover{--ui-control-bg-color:var(--ui-control-hover-bg-color)}.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]).active,.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]):active,.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current])[aria-expanded=true]{--ui-control-bg-color:var(--ui-control-active-bg-color)}.btn[type=color]{padding:6px!important;width:36px}.btn.active,.btn.loading{cursor:default}.btn:hover{text-decoration:none}.btn.btn-empty,.btn:empty{padding-left:12px;padding-right:12px}body.ltr .btn.icon:not(:empty):not(.btn-empty):before,body.ltr .btn.menubtn:not(.action-btn).icon.btn-empty:before,body.ltr .btn.menubtn:not(.action-btn).icon:empty:before,body.ltr .btn.menubtn:not(.action-btn)[data-icon].btn-empty:before,body.ltr .btn.menubtn:not(.action-btn)[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:not(.action-btn).icon.btn-empty:before,body.rtl .btn.menubtn:not(.action-btn).icon:empty:before,body.rtl .btn.menubtn:not(.action-btn)[data-icon].btn-empty:before,body.rtl .btn.menubtn:not(.action-btn)[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}.btn [data-icon]{margin-top:-3px}body.ltr .btn [data-icon]{margin-right:5px}body.rtl .btn [data-icon]{margin-left:5px}.btn [data-icon].light:before{color:var(--gray-300)}.disabled{opacity:.25;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.noteditable,.noteditable .element,.noteditable .lightswitch-container,.noteditable+.colorhex{cursor:not-allowed}.btn,.spinner{height:var(--ui-control-height)}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(.action-btn).icon:after,body.ltr .menubtn:not(.action-btn):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:not(.action-btn).icon:after,body.rtl .menubtn:not(.action-btn):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{align-items:center;border-radius:var(--large-border-radius);display:flex;position:relative;white-space:nowrap;z-index:1}.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-bottom-left-radius:0;border-top-left-radius:0}body.ltr .btngroup .btn:not(:last-child):not(.btngroup-btn-last),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}.btngroup--exclusive .btn[aria-pressed=true]:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]){background-color:var(--gray-500);color:var(--white)}.copytext{align-items:center;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{align-items:center;border:1px solid var(--hairline-color);border-radius:var(--small-border-radius);color:var(--medium-text-color);cursor:pointer;display:inline-flex;flex-wrap:nowrap;padding:0 9px}.copytextbtn .copytextbtn__icon{background:none;color:var(--light-text-color);margin-top:-3px;padding:0;width:13px}body.ltr .copytextbtn .copytextbtn__icon{margin-left:5px}body.rtl .copytextbtn .copytextbtn__icon{margin-right:5px}.copytextbtn:focus,.copytextbtn:hover{border-color:var(--medium-hairline-color);color:var(--text-color)}.copytextbtn:focus .copytextbtn__value,.copytextbtn:hover .copytextbtn__value{color:var(--text-color)}.copytextbtn.small{padding:0 5px}.copytextbtn.small .copytextbtn__value{font-size:.6875rem}.menu-toggle,.menubtn:not(.action-btn){align-items:center;display:inline-flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.menu-toggle:after,.menubtn:not(.action-btn):after{border:solid;border-width:0 .125rem .125rem 0;content:"";display:block;font-size:0;height:.4375rem;opacity:.8;position:relative;transform:rotate(45deg);width:.4375rem}.menu-toggle.btn:after,.menubtn:not(.action-btn).btn:after{top:-1px}.menu-toggle.btn:not(.disabled):not(.inactive).active:after,.menu-toggle.btn:not(.disabled):not(.inactive):active:after,.menubtn:not(.action-btn).btn:not(.disabled):not(.inactive).active:after,.menubtn:not(.action-btn).btn:not(.disabled):not(.inactive):active:after{border-color:var(--ui-control-active-color)}.menu-toggle.btn.submit:after,.menubtn:not(.action-btn).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:not(.action-btn).btn.submit:not(.disabled):not(.inactive).active:after,.menubtn:not(.action-btn).btn.submit:not(.disabled):not(.inactive).hover:after,.menubtn:not(.action-btn).btn.submit:not(.disabled):not(.inactive):active:after,.menubtn:not(.action-btn).btn.submit:not(.disabled):not(.inactive):hover:after{opacity:1}.menu-toggle:not(.btn):not(.icon),.menubtn:not(.action-btn):not(.btn):not(.icon){height:17px}.menu-toggle:not(.btn):not(.icon):after,.menubtn:not(.action-btn):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:not(.action-btn).btn-empty,body.ltr .menubtn:not(.action-btn):empty{padding-left:8px}body.ltr .menu-toggle.btn-empty,body.ltr .menu-toggle:empty,body.ltr .menubtn:not(.action-btn).btn-empty,body.ltr .menubtn:not(.action-btn):empty,body.rtl .menu-toggle.btn-empty,body.rtl .menu-toggle:empty,body.rtl .menubtn:not(.action-btn).btn-empty,body.rtl .menubtn:not(.action-btn):empty{padding-right:8px}body.rtl .menu-toggle.btn-empty,body.rtl .menu-toggle:empty,body.rtl .menubtn:not(.action-btn).btn-empty,body.rtl .menubtn:not(.action-btn):empty{padding-left:8px}@keyframes rotator{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.spinner{align-items:center;display:inline-flex;height:var(--size,34px);justify-content:center;width:var(--size,24px)}.spinner:before{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:var(--elements-busy-top-position);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 var(--s)!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.huge{height:48px;line-height:48px;padding:var(--l)}.btn.secondary,.btn.submit{color:var(--white)!important;--ui-control-active-color:var(--white);-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):focus,.btn.submit:not(.disabled):not(.inactive):not(.loading):hover{background-color:#c82020!important}.btn.submit:not(.disabled):not(.inactive):not(.loading).active,.btn.submit:not(.disabled):not(.inactive):not(.loading):active,.btn.submit:not(.disabled):not(.inactive):not(.loading)[aria-expanded=true]{background-color:#b21d1d!important}.btn.caution{background-color:var(--red-050)!important;color:var(--error-color)}.btn.caution.hover,.btn.caution:focus,.btn.caution:hover{background-color:#fcdada!important}.btn.caution.active,.btn.caution:active,.btn.caution[aria-expanded=true]{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,.btn.secondary:not(.disabled):not(.inactive):not(.loading)[aria-expanded=true],.secondary-buttons .btn.submit: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)[aria-expanded=true]{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,.btn.dashed:not(.disabled)[aria-expanded=true]{background-color:rgba(205,216,228,.25)}.chevron-btns{display:flex;justify-content:flex-start}.chevron-btns .btn{background-color:transparent;border-radius:0;padding:0;position:relative}.chevron-btns .btn.active-drop-target,.chevron-btns .btn.current-step{color:var(--white);--text-color:var(--white);--ui-control-color:var(--white);--ui-control-bg-color:var(--gray-500);--ui-control-hover-bg-color:#55616d;--ui-control-active-bg-color:#4a545e}.chevron-btns .btn.current-step{-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)}.chevron-btns .btn:focus{box-shadow:none;z-index:1}.chevron-btns .btn:focus .label{box-shadow:var(--focus-ring);z-index:1}.reduce-focus-visibility .chevron-btns .btn:focus:not(:focus-visible) .label{box-shadow:none}.reduce-focus-visibility .chevron-btns .btn:focus-visible .label{box-shadow:var(--focus-ring)}body.ltr .chevron-btns .btn:not(.has-action-menu){padding-right:calc(var(--ui-control-height)/2)}body.rtl .chevron-btns .btn:not(.has-action-menu){padding-left:calc(var(--ui-control-height)/2)}body.ltr .chevron-btns .btn:not(.has-action-menu){margin-right:2.8px}body.rtl .chevron-btns .btn:not(.has-action-menu){margin-left:2.8px}body.ltr .chevron-btns .btn:not(.has-action-menu):not(.current-step[data-disclosure-trigger]) .btn-body{padding-right:5px}body.rtl .chevron-btns .btn:not(.has-action-menu):not(.current-step[data-disclosure-trigger]) .btn-body{padding-left:5px}body.ltr .chevron-btns .btn.current-step[data-disclosure-trigger] .btn-body{padding-left:8px}body.rtl .chevron-btns .btn.current-step[data-disclosure-trigger] .btn-body{padding-right:8px}.chevron-btns .btn.current-step[data-disclosure-trigger] .btn-body .label{padding:3px}.chevron-btns .btn.current-step[data-disclosure-trigger] .btn-body .label:after{border:solid;border-width:0 .125rem .125rem 0;content:"";display:block;font-size:0;height:.4375rem;opacity:.8;position:relative;transform:rotate(45deg);width:.4375rem}.chevron-btns .btn .btn-body{align-items:center;background-color:var(--ui-control-bg-color);display:inline-flex;height:var(--ui-control-height);justify-content:center}.chevron-btns .btn .btn-body [data-icon]{--ui-control-height:0.8125rem;text-align:center}body.ltr .chevron-btns .btn .btn-body [data-icon]{margin-right:0}body.rtl .chevron-btns .btn .btn-body [data-icon]{margin-left:0}.chevron-btns .btn .label{align-items:center;display:inline-flex;overflow:hidden;text-overflow:ellipsis}body.ltr .chevron-btns .btn.has-action-menu .btn-body{padding-right:1px}body.rtl .chevron-btns .btn.has-action-menu .btn-body{padding-left:1px}body.ltr .chevron-btns .btn.has-action-menu .btn-body{margin-right:0}body.rtl .chevron-btns .btn.has-action-menu .btn-body{margin-left:0}.chevron-btns .btn .chevron-left,.chevron-btns .btn .chevron-right{height:100%;position:absolute;top:0;width:calc(var(--ui-control-height)/2)}.chevron-btns .btn .chevron-left{border-top:calc(var(--ui-control-height)/2) solid var(--ui-control-bg-color)}body.ltr .chevron-btns .btn .chevron-left{left:0}body.rtl .chevron-btns .btn .chevron-left{right:0}body.ltr .chevron-btns .btn .chevron-left{border-left:calc(var(--ui-control-height)/2) solid transparent}body.rtl .chevron-btns .btn .chevron-left{border-right:calc(var(--ui-control-height)/2) solid transparent}.chevron-btns .btn .chevron-left:after{border-bottom:calc(var(--ui-control-height)/2) solid var(--ui-control-bg-color);bottom:0;content:"";display:block;font-size:0;position:absolute}body.ltr .chevron-btns .btn .chevron-left:after{right:0}body.rtl .chevron-btns .btn .chevron-left:after{left:0}body.ltr .chevron-btns .btn .chevron-left:after{border-left:calc(var(--ui-control-height)/2) solid transparent}body.rtl .chevron-btns .btn .chevron-left:after{border-right:calc(var(--ui-control-height)/2) solid transparent}.chevron-btns .btn .chevron-right{border-bottom:calc(var(--ui-control-height)/2) solid transparent;border-top:calc(var(--ui-control-height)/2) solid transparent}body.ltr .chevron-btns .btn .chevron-right{right:0}body.rtl .chevron-btns .btn .chevron-right{left:0}body.ltr .chevron-btns .btn .chevron-right{border-left:calc(var(--ui-control-height)/2) solid var(--ui-control-bg-color)}body.rtl .chevron-btns .btn .chevron-right{border-right:calc(var(--ui-control-height)/2) solid var(--ui-control-bg-color)}.chevron-btns ol{display:flex;list-style-type:none;position:relative}body.ltr .chevron-btns ol{padding-left:0}body.rtl .chevron-btns ol{padding-right:0}body.ltr .chevron-btns ol li.first-step .btn .btn-body{padding-left:14px}body.rtl .chevron-btns ol li.first-step .btn .btn-body{padding-right:14px}body.ltr .chevron-btns ol li.first-step .btn .btn-body{border-radius:var(--ui-control-border-radius) 0 0 var(--ui-control-border-radius)}body.rtl .chevron-btns ol li.first-step .btn .btn-body{border-radius:0 var(--ui-control-border-radius) var(--ui-control-border-radius) 0}.chevron-btns ol li.first-step .btn .chevron-left{display:none}body.ltr .chevron-btns ol li:not(.first-step) .btn{margin-left:calc(var(--ui-control-height)*-1/2)}body.rtl .chevron-btns ol li:not(.first-step) .btn{margin-right:calc(var(--ui-control-height)*-1/2)}body.ltr .chevron-btns ol li:not(.first-step) .btn{padding-left:calc(var(--ui-control-height)/2)}body.rtl .chevron-btns ol li:not(.first-step) .btn{padding-right:calc(var(--ui-control-height)/2)}body.ltr .chevron-btns ol li:not(.first-step) .btn .btn-body{padding-left:7px}body.rtl .chevron-btns ol li:not(.first-step) .btn .btn-body{padding-right:7px}.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;-moz-user-select:none;-ms-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):not(.noteditable){cursor:pointer}.color:not(.small){background-position:0 0,8.5px 0,8.5px -8.5px,0 8.5px;background-size:17px 17px}.color.small,.color:not(.small){background-image:linear-gradient(45deg,rgba(154,165,177,.25) 25%,transparent 0),linear-gradient(135deg,rgba(154,165,177,.25) 25%,transparent 0),linear-gradient(45deg,transparent 75%,rgba(154,165,177,.25) 0),linear-gradient(135deg,transparent 75%,rgba(154,165,177,.25) 0)}.color.small{background-position:0 0,4px 0,4px -4px,0 4px;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:flex}.lightswitch-outer-container .lightswitch-inner-container{align-items:center;border:1px solid var(--hairline-color);border-radius:var(--small-border-radius);display:flex;max-width:100%;padding-left:7px;padding-right:7px}.lightswitch-outer-container .lightswitch-inner-container span{color:var(--medium-text-color);cursor:default;flex-grow:1;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:auto;overflow-wrap:break-word;padding:7px 0}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}.lightswitch-outer-container .lightswitch-inner-container span[data-toggle=off]{text-align:right}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;text-align:left}.lightswitch{background-image:linear-gradient(to right,var(--gray-400),var(--gray-400));border:none!important;cursor:pointer;display:block;overflow:hidden;position:relative;transition:background-image .1s linear;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.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{height:100%;position:relative}.lightswitch .lightswitch-container .handle{background-color:var(--white);position:absolute;top:1px}.lightswitch:not(.small){border-radius:11px;height:22px;min-width:34px;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{align-items:center;border-radius:var(--medium-border-radius);display:flex;height:1.875rem;justify-content:center;width:1.875rem}.pagination .page-link:after{position:relative;transition:border-color .1s linear}.pagination .page-link.prev-page:after{border:solid var(--light-text-color);border-width:0 .125rem .125rem 0;content:"";display:block;font-size:0;height:.4375rem;opacity:.8;position:relative;width:.4375rem}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{border:solid var(--light-text-color);border-width:0 .125rem .125rem 0;content:"";display:block;font-size:0;height:.4375rem;opacity:.8;position:relative;width:.4375rem}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){box-shadow:inset 0 0 0 1px var(--hairline-color);cursor:pointer;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)}body.reduce-focus-visibility .pagination .page-link:not(.disabled):focus-visible,body:not(.reduce-focus-visibility) .pagination .page-link:not(.disabled):focus{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{--pane-y-padding-default:calc(var(--xl) - 2px);--pane-x-padding-default:calc(var(--padding) - 2px);margin:calc(var(--pane-padding, var(--pane-y-padding-default))*-1) calc(var(--pane-padding, var(--pane-x-padding-default))*-1) calc(var(--pane-padding, var(--padding))*-1 + var(--pane-padding, var(--m)));overflow-x:auto;padding:0!important}body.ltr .tablepane table.data td:first-child,body.ltr .tablepane table.data th:first-child{padding-left:var(--m)}body.rtl .tablepane table.data td:first-child,body.rtl .tablepane table.data th:first-child{padding-right:var(--m)}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% - .5rem)}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(--border-radius,var(--small-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(--border-radius,var(--small-border-radius))}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-bottom-left-radius:var(--border-radius,var(--small-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-bottom-right-radius:var(--border-radius,var(--small-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(--border-radius,var(--small-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(--border-radius,var(--small-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-bottom-right-radius:var(--border-radius,var(--small-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-bottom-left-radius:var(--border-radius,var(--small-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:var(--s);padding-top:var(--s)}table.data thead th{vertical-align:middle;white-space:nowrap}table.data thead th.orderable{padding:0!important;position:relative}body:not(.dragging) 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 .125rem .125rem 0;content:"";display:block;font-size:0;height:.4375rem;opacity:.8;position:relative;position:absolute;top:2px;top:calc(50% - 3px);transform:rotate(225deg);width:.4375rem}body.ltr table.data thead th.orderable.ordered:not(.loading) button:after{right:var(--m)}body.rtl table.data thead th.orderable.ordered:not(.loading) button:after{left:var(--m)}table.data thead th.orderable.ordered:not(.loading).desc button:after{transform:rotate(45deg)}table.data thead th.orderable button{font:inherit;padding:var(--pane-padding,var(--m)) var(--m);position:relative;width:100%}body.ltr table.data thead th.orderable button{padding-right:35px}body.rtl table.data thead th.orderable button{padding-left:35px}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{--hover-bg-color:var(--gray-050);--selected-bg-color:var(--dark-sel-color)}table.data tbody tr:not(.disabled):hover td,table.data tbody tr:not(.disabled):hover th{background-color:var(--hover-bg-color)}table.data tbody tr:not(.disabled):focus{position:relative;z-index:1}table.data tbody tr:not(.disabled).active-drop-target,table.data tbody tr:not(.disabled).sel{--text-color:var(--white);--medium-dark-text-color:var(--white);--medium-text-color:var(--white);--light-text-color:var(--white);--link-color:var(--white);--ui-control-color:var(--white);--focus-ring:0 0 0 3px hsl(var(--light-focus-hsl))}table.data tbody tr:not(.disabled).active-drop-target td,table.data tbody tr:not(.disabled).active-drop-target th,table.data tbody tr:not(.disabled).sel td,table.data tbody tr:not(.disabled).sel th{background-color:var(--selected-bg-color);color:var(--white)}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.data tr.sel:not(.draggee)+tr.sel:not(.draggee) td,table.data tr.sel:not(.draggee)+tr.sel:not(.draggee) th{border-top-color:var(--gray-300)}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{background-color:var(--white);box-shadow:0 1px 5px -1px rgba(31,41,51,.2)}.datatablesorthelper,.datatablesorthelper .chip,.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}.card,.chip{background-color:var(--custom-bg-color,var(--gray-050));color:var(--custom-text-color,var(--text-color))}.chip{align-items:center;border-radius:var(--large-border-radius);cursor:default;display:inline-flex;font-weight:400;gap:var(--xs);max-width:100%;padding:var(--xs) var(--s);position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.chip.small{flex-direction:row;height:calc(1.625rem + 8px);--thumb-size:1.875rem}.chip.small>.thumb{margin:calc(var(--xs)*-1 + 2px) calc(var(--s)*-1 + 2px)}body.ltr .chip.small>.thumb{margin-right:2px}body.rtl .chip.small>.thumb{margin-left:2px}.chip.small>.thumb.cp-icon{--thumb-size:1rem}body.ltr .chip.small>.thumb.cp-icon{margin-left:-2px}body.rtl .chip.small>.thumb.cp-icon{margin-right:-2px}.chip.large{flex-direction:column;--thumb-size:120px;min-width:calc(var(--s)*2 + var(--thumb-size))}.chip.large .chip-content{width:100%}.chip .chip-content{align-items:center;display:flex;flex-direction:row;gap:var(--s);max-width:100%}body.ltr .chip .chip-content .icon,body.ltr .chip .chip-content .status{margin-right:0}body.rtl .chip .chip-content .icon,body.rtl .chip .chip-content .status{margin-left:0}.chip .chip-content .icon{margin:-4px -1px 0}.chip.sel,li.active-drop-target .chip,li.sel .chip{--text-color:var(--white);--custom-text-color:var(--white)!important;--medium-dark-text-color:var(--white);--medium-text-color:var(--white);--light-text-color:var(--white);--link-color:var(--white);--ui-control-color:var(--white);--focus-ring:0 0 0 3px hsl(var(--light-focus-hsl));background-color:var(--custom-sel-bg-color,var(--dark-sel-color))!important;color:var(--white)}.chip.sel .cp-icon,li.active-drop-target .chip .cp-icon,li.sel .chip .cp-icon{--icon-color:var(--white)!important}.chip.sel,.sel .chip{cursor:default}.chip.sel .thumb,.sel .chip .thumb{filter:brightness(.85)}.chip.sel .thumb img,.sel .chip .thumb img{box-shadow:0 0 0 1px rgba(96,109,123,.1),0 6px 4px -4px rgba(96,109,123,.2)}.offset-drag-helper .chip{background-color:var(--gray-050);box-shadow:0 1px 5px -1px rgba(31,41,51,.2)}.chip>.thumb{align-items:center;display:flex;height:var(--thumb-size);justify-content:center;position:relative;width:var(--thumb-size)}.chip>.thumb.rounded img,.chip>.thumb.rounded svg{border:var(--xs) solid transparent;border-radius:50%}.chip>.thumb.checkered img{background-image:linear-gradient(45deg,rgba(154,165,177,.25) 25%,transparent 0),linear-gradient(135deg,rgba(154,165,177,.25) 25%,transparent 0),linear-gradient(45deg,transparent 75%,rgba(154,165,177,.25) 0),linear-gradient(135deg,transparent 75%,rgba(154,165,177,.25) 0);background-position:0 0,4px 0,4px -4px,0 4px;background-size:8px 8px}.chip>.thumb img,.chip>.thumb svg{border-radius:var(--small-border-radius);display:block;flex-shrink:0;max-height:100%;max-width:100%}.cp-icon{align-items:center;display:flex;justify-content:center;max-width:var(--icon-size)}.cp-icon,.cp-icon svg{height:var(--icon-size);width:var(--icon-size)}.cp-icon svg{max-height:var(--icon-size)!important;max-width:var(--icon-size)!important}.cp-icon svg circle,.cp-icon svg ellipse,.cp-icon svg line,.cp-icon svg path,.cp-icon svg polygon,.cp-icon svg polyline,.cp-icon svg rect,.cp-icon svg text{fill:var(--icon-color,var(--ui-control-color));stroke-width:0}.cp-icon.large{--icon-size:1.25rem}.cp-icon.small{--icon-size:0.875rem}.cp-icon.puny{--icon-size:0.75rem}.cards,.chips{display:flex;--custom-bg-color:initial;--custom-text-color:initial;--custom-sel-bg-color:initial}.cards:not(.inline-chips),.chips:not(.inline-chips){flex-direction:column}.cards li,.chips li{max-width:100%}.cards{gap:var(--s)}.chips{align-items:flex-start;gap:var(--xs)}.inline-chips{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--xs)}.inline-chips .chip{margin:0!important}.card{align-items:stretch;cursor:default;display:flex;flex-direction:row;gap:var(--m);padding:var(--m);position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.card,.card:after{border-radius:var(--large-border-radius)}.card.sel,li.sel .card{--text-color:var(--white);--custom-text-color:var(--white)!important;--medium-dark-text-color:var(--white);--medium-text-color:var(--white);--light-text-color:var(--white);--link-color:var(--white);--ui-control-color:var(--white);--focus-ring:0 0 0 3px hsl(var(--light-focus-hsl));background-color:var(--custom-sel-bg-color,var(--dark-sel-color))!important;color:var(--white)}.card.sel>.thumb,li.sel .card>.thumb{background-color:var(--dark-sel-color)!important;filter:brightness(.85)}.card>.thumb{align-items:stretch;background-color:var(--gray-100);display:flex;margin:calc(var(--m)*-1);min-height:calc(var(--m)*2 + var(--lh)*3 + var(--xs));min-width:120px;overflow:hidden;position:relative;width:120px}body.ltr .card>.thumb{margin-right:0}body.rtl .card>.thumb{margin-left:0}.card>.thumb:after{bottom:0;box-shadow:0 1px 5px -1px rgba(31,41,51,.2);content:"";display:block;font-size:0;position:absolute;top:0;width:10px}body.ltr .card>.thumb:after{right:-10px}body.rtl .card>.thumb:after{left:-10px}body.ltr .card>.thumb,body.ltr .card>.thumb:after{border-radius:var(--large-border-radius) 0 0 var(--large-border-radius)}body.rtl .card>.thumb,body.rtl .card>.thumb:after{border-radius:0 var(--large-border-radius) var(--large-border-radius) 0}.card>.thumb img,.card>.thumb svg{max-height:120px;-o-object-fit:cover;object-fit:cover;width:100%}body.ltr .card>.cp-icon{margin:0 -4px 0 -2px}body.rtl .card>.cp-icon{margin:0 -2px 0 -4px}.card .card-content,.card .card-content .card-body{display:flex;flex:1;flex-direction:column;gap:var(--xs)}.card .card-content{flex:1 0 0!important;margin:calc((1rem - var(--lh))/2) 0;overflow:hidden;position:relative;--focus-ring:var(--inner-focus-ring)}.card .card-content .card-heading{align-items:center;display:flex;flex-direction:row;gap:5px}.card .card-content .card-heading .status{flex:0 0 10px;margin:0}.card .card-content .card-heading .label{font-weight:600}.card .card-content .card-body:empty{display:none}.card .card-content .card-body>*{--max-lines:2;margin:0;max-height:calc(var(--lh)*var(--max-lines));overflow:hidden;text-wrap:pretty}.card>.card-actions-container{align-items:flex-start!important;display:flex;position:relative}.card-grid{display:grid!important;gap:var(--s)!important;grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.card-grid>li{border-radius:var(--large-border-radius)}.card-grid>li>.card{height:100%;margin:0!important}.context-label,.context-menu-container{align-items:center;border:1px solid var(--medium-hairline-color);border-radius:calc(var(--touch-target-size)/2);color:var(--light-text-color);display:inline-flex;font-size:11px;font-weight:400;height:var(--touch-target-size);padding:0 var(--s);text-decoration:none!important}body.ltr .context-label,body.ltr .context-menu-container{margin-left:var(--xs)}body.rtl .context-label,body.rtl .context-menu-container{margin-right:var(--xs)}body.ltr .context-menu-container{padding-right:0}body.rtl .context-menu-container{padding-left:0}body.ltr .context-menu-container .menubtn:not(.action-btn){margin:0 -1px 0 0}body.rtl .context-menu-container .menubtn:not(.action-btn){margin:0 0 0 -1px}body.ltr .context-menu-container .menubtn:not(.action-btn){padding-right:2px!important}body.rtl .context-menu-container .menubtn:not(.action-btn){padding-left:2px!important}body.ltr .context-menu-container .menubtn:not(.action-btn){border-left:1px solid var(--medium-hairline-color)}body.rtl .context-menu-container .menubtn:not(.action-btn){border-right:1px solid var(--medium-hairline-color)}body.ltr .context-menu-container .menubtn:not(.action-btn){border-radius:0 calc(var(--touch-target-size)/2) calc(var(--touch-target-size)/2) 0}body.rtl .context-menu-container .menubtn:not(.action-btn){border-radius:calc(var(--touch-target-size)/2) 0 0 calc(var(--touch-target-size)/2)}.context-menu-container .menubtn:not(.action-btn):hover{border-color:var(--dark-hairline-color)!important}.context-menu-container>*{display:inline-block}body.ltr .context-menu-container>*{padding-right:var(--s)}body.rtl .context-menu-container>*{padding-left:var(--s)}.context-menu-container .menubtn:not(.action-btn):only-child,.context-menu-container .visually-hidden:first-child+.menubtn:not(.action-btn):last-child{border-left:none!important;border-radius:calc(var(--touch-target-size)/2)!important;margin:0 calc(var(--s)*-1)}.card .checkbox:before,.chip .checkbox:before{box-shadow:none!important}.card .label,.chip .label{align-items:center;display:flex;gap:var(--xs);overflow:hidden}.card .label .label-link,.chip .label .label-link{flex:1 1 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card .label .label-link:focus,.chip .label .label-link:focus{box-shadow:var(--inner-focus-ring)}.card .label .segment:after,.chip .label .segment:after{border:solid var(--light-text-color);border-width:0 .0625rem .0625rem 0;content:"";display:inline-flex!important;display:block;font-size:0;height:.4375rem;opacity:.8;position:relative;top:-2px;width:.4375rem}body.ltr .card .label .segment:after,body.ltr .chip .label .segment:after{margin:0 5px 0 2px}body.rtl .card .label .segment:after,body.rtl .chip .label .segment:after{margin:0 2px 0 5px}body.ltr .card .label .segment:after,body.ltr .chip .label .segment:after{transform:rotate(-45deg)}body.rtl .card .label .segment:after,body.rtl .chip .label .segment:after{transform:rotate(135deg)}.sel .card .label .segment:after,.sel .chip .label .segment:after{border:solid var(--white);border-width:0 .0625rem .0625rem 0;content:"";display:block;font-size:0;height:.4375rem;opacity:.8;position:relative;width:.4375rem}body.ltr .sel .card .label .segment:after,body.ltr .sel .chip .label .segment:after{transform:rotate(-45deg)}body.rtl .sel .card .label .segment:after,body.rtl .sel .chip .label .segment:after{transform:rotate(135deg)}.card>.card-actions-container>.card-actions,.card>.chip-content>.chip-actions,.chip>.card-actions-container>.card-actions,.chip>.chip-content>.chip-actions{align-items:center;display:flex;flex-direction:row;gap:var(--s);min-height:1rem}.card>.card-actions-container>.card-actions:empty,.card>.chip-content>.chip-actions:empty,.chip>.card-actions-container>.card-actions:empty,.chip>.chip-content>.chip-actions:empty{display:none}.card>.card-actions-container>.card-actions>.status,.card>.chip-content>.chip-actions>.status,.chip>.card-actions-container>.card-actions>.status,.chip>.chip-content>.chip-actions>.status{margin:0}.card>.card-actions-container>.card-actions>.action-btn,.card>.card-actions-container>.card-actions>.move,.card>.chip-content>.chip-actions>.action-btn,.card>.chip-content>.chip-actions>.move,.chip>.card-actions-container>.card-actions>.action-btn,.chip>.card-actions-container>.card-actions>.move,.chip>.chip-content>.chip-actions>.action-btn,.chip>.chip-content>.chip-actions>.move{height:var(--touch-target-size);margin:0 -4px;width:var(--touch-target-size)}.card>.card-actions-container>.card-actions>.action-btn:before,.card>.card-actions-container>.card-actions>.move:before,.card>.chip-content>.chip-actions>.action-btn:before,.card>.chip-content>.chip-actions>.move:before,.chip>.card-actions-container>.card-actions>.action-btn:before,.chip>.card-actions-container>.card-actions>.move:before,.chip>.chip-content>.chip-actions>.action-btn:before,.chip>.chip-content>.chip-actions>.move:before{color:var(--custom-text-color,var(--ui-control-color))}.card>.card-actions-container>.card-actions .action-btn,.card>.chip-content>.chip-actions .action-btn,.chip>.card-actions-container>.card-actions .action-btn,.chip>.chip-content>.chip-actions .action-btn{background-color:transparent}body.ltr .card>.card-actions-container>.card-actions .action-btn:before,body.ltr .card>.chip-content>.chip-actions .action-btn:before,body.ltr .chip>.card-actions-container>.card-actions .action-btn:before,body.ltr .chip>.chip-content>.chip-actions .action-btn:before{margin-right:0!important}body.rtl .card>.card-actions-container>.card-actions .action-btn:before,body.rtl .card>.chip-content>.chip-actions .action-btn:before,body.rtl .chip>.card-actions-container>.card-actions .action-btn:before,body.rtl .chip>.chip-content>.chip-actions .action-btn:before{margin-left:0!important}.card>.card-actions-container>.card-actions .action-btn:active,.card>.card-actions-container>.card-actions .action-btn:hover,.card>.card-actions-container>.card-actions .action-btn[aria-expanded=true],.card>.chip-content>.chip-actions .action-btn:active,.card>.chip-content>.chip-actions .action-btn:hover,.card>.chip-content>.chip-actions .action-btn[aria-expanded=true],.chip>.card-actions-container>.card-actions .action-btn:active,.chip>.card-actions-container>.card-actions .action-btn:hover,.chip>.card-actions-container>.card-actions .action-btn[aria-expanded=true],.chip>.chip-content>.chip-actions .action-btn:active,.chip>.chip-content>.chip-actions .action-btn:hover,.chip>.chip-content>.chip-actions .action-btn[aria-expanded=true]{-webkit-backdrop-filter:brightness(90%);backdrop-filter:brightness(90%)}.card>.card-actions-container>.card-actions .move,.card>.chip-content>.chip-actions .move,.chip>.card-actions-container>.card-actions .move,.chip>.chip-content>.chip-actions .move{margin-top:-3px!important}.card.error .label .label-link,.chip.error .label .label-link{color:var(--error-color)}.element-index .source-path{background-color:var(--gray-050);border-radius:3px;--ui-control-bg-color:var(--light-sel-color);--ui-control-hover-bg-color:#bdcbdb;--ui-control-active-bg-color:#acbed2}.element-index .source-path .chevron-btns{background:#fff;display:inline-flex;position:relative;--ui-control-height:1.875rem}.element-index .source-path .chevron-btns:before{border-top:calc(var(--ui-control-height)/2) solid #f3f7fc;content:"";display:block;font-size:0;height:0;position:absolute;top:0;width:0}body.ltr .element-index .source-path .chevron-btns:before{right:0}body.rtl .element-index .source-path .chevron-btns:before{left:0}body.ltr .element-index .source-path .chevron-btns:before{border-left:calc(var(--ui-control-height)/2) solid transparent}body.rtl .element-index .source-path .chevron-btns:before{border-right:calc(var(--ui-control-height)/2) solid transparent}.element-index .source-path .chevron-btns:after{border-bottom:calc(var(--ui-control-height)/2) solid #f3f7fc;content:"";display:block;font-size:0;position:absolute;top:calc(var(--ui-control-height)/2)}body.ltr .element-index .source-path .chevron-btns:after{right:0}body.rtl .element-index .source-path .chevron-btns:after{left:0}body.ltr .element-index .source-path .chevron-btns:after{border-left:calc(var(--ui-control-height)/2) solid transparent}body.rtl .element-index .source-path .chevron-btns:after{border-right:calc(var(--ui-control-height)/2) solid transparent}.element-index .source-path .chevron-btns .btn{--ui-control-border-radius:3px}.element-index .source-path .btn.settings{box-shadow:0 0 0 2px var(--white)}.element-index.main .source-path{margin:-22px calc(var(--padding)*-1 + 2px) 24px}.elementselectormodal .element-index .source-path{margin-bottom:2px}.element-index.pane .toolbar{background-color:var(--gray-050);border-radius:calc(var(--large-border-radius) - 1px) calc(var(--large-border-radius) - 1px) 0 0;box-shadow:0 1px 0 var(--hairline-color);margin:calc(var(--pane-padding)*-1) calc(var(--pane-padding)*-1) var(--pane-padding)!important;padding:var(--pane-padding);position:relative;z-index:2}.element-index.pane .header{background-color:transparent;border-bottom:1px solid var(--hairline-color);padding-bottom:var(--pane-padding);padding-top:var(--pane-padding)}.element-index.pane .elements{--border-radius:0}.element-index.pane .elements .tableview table.data thead td,.element-index.pane .elements .tableview table.data thead th{border-bottom:1px solid var(--hairline-color)}.element-index.pane .elements .tableview table.data thead td:not(.ordered),.element-index.pane .elements .tableview table.data thead th:not(.ordered){background-color:transparent}.element-index.pane .footer{background:transparent;border-radius:0 0 calc(var(--large-border-radius) - 1px) calc(var(--large-border-radius) - 1px)!important;border-top:1px solid var(--hairline-color);box-shadow:none}.elements{position:relative}.elements:not(.busy) .update-spinner{display:none}.elements.busy{min-height:72px}.elements.busy:after{background:hsla(0,0%,100%,.75);border-radius:var(--large-border-radius);content:"";display:block;font-size:0;height:100%;left:calc(var(--pane-padding, 24px)*-1);position:absolute;top:0;width:calc(100% + var(--pane-padding, 24px) + var(--pane-padding, 24px));z-index:100}.elements.busy .update-spinner{z-index:101}.elements .header{background-color:var(--gray-050);border-radius:var(--border-radius,var(--small-border-radius));box-shadow:none;margin:calc(var(--xl)*-1 + 2px) calc(var(--padding)*-1 + 2px) var(--xl);padding:var(--s)}.elements .header:after{content:""}.elements .header .selectallcontainer{align-items:center;cursor:default;display:flex;gap:5px}.elements .tableview tr.draggee td,.elements .tableview tr.draggee th,.elements .thumbsview li.draggee{opacity:.25}.elements .tableview th .move,.elements .tableview th .toggle{align-items:center;display:flex;height:var(--touch-target-size);justify-content:center;position:absolute;top:50%;transform:translateY(-50%);width:var(--touch-target-size)}body.ltr .elements .tableview th .move,body.ltr .elements .tableview th .toggle{margin-left:calc(var(--touch-target-size)*-1)}body.rtl .elements .tableview th .move,body.rtl .elements .tableview th .toggle{margin-right:calc(var(--touch-target-size)*-1)}.elements .tableview th .move{font-size:11px;text-decoration:none}.elements .tableview th .toggle{border-radius:50%;padding:4px;text-align:center}body.ltr .elements .tableview th .move+.toggle{margin-left:calc(var(--touch-target-size)*-2)}body.rtl .elements .tableview th .move+.toggle{margin-right:calc(var(--touch-target-size)*-2)}.elements .tableview th .enabled-label{margin-left:var(--xs)}.elements .tableview .chip{background-color:transparent}.elements .thumbsview{display:grid;gap:var(--xs);grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.elements .thumbsview li{border-radius:var(--large-border-radius);max-width:226px;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 .chip{background-color:var(--gray-050)}.elements .thumbsview li.sel a{cursor:pointer!important}.elements .thumbsview li.sel a:hover{text-decoration:underline}.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}.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;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(--gray-200)}body.rtl .structure ul li:not(:last-child):not(.last){border-right:1px solid var(--gray-200)}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 .chip{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)}.componentselect .components:not(:empty)+.flex,.elementselect .elements:not(:empty)+.flex{margin-top:var(--s)}.elementselect{min-height:34px;position:relative}.elementselect .btn,.elementselect .flex{clear:both}.elementselect .chip{z-index:1}.elementselect .structure .chip{margin-top:var(--xs)}body.ltr .elementselect .structure>li{padding-left:0}body.rtl .elementselect .structure>li{padding-right:0}body.ltr .elementselect .structure ul{margin-left:14px}body.rtl .elementselect .structure ul{margin-right:14px}.elementselect .structure ul li{background-position:0 6px!important}.nested-element-cards{display:flex;flex-direction:column;gap:var(--s)}.nested-element-cards>.pane{margin:0}table.editable{border:1px solid var(--gray-200);border-radius:var(--large-border-radius)}table.editable td.action,table.editable td.heading,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:calc(var(--large-border-radius) - 1px)}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:calc(var(--large-border-radius) - 1px)}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 .editable-table-preview{white-space:pre-wrap}body.ltr table.editable tbody tr td.textual .editable-table-preview{text-align:left}body.rtl table.editable tbody tr td.textual .editable-table-preview{text-align:right}table.editable tbody tr td.textual .editable-table-preview+textarea{height:0;min-height:0;opacity:0;padding-bottom:0;padding-top: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;-moz-user-select:none;-ms-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 .editable-table-preview,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;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:calc(100% - 29px)}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{background-clip:border-box;border:1px solid transparent;border-radius:100%;box-sizing:border-box;display:inline-block;height:.75rem;position:relative;width:.75rem}body.ltr .status{margin-right:10px}body.rtl .status{margin-left:10px}body.use-shapes .status.all{background-image:linear-gradient(30deg,#184cef,#e5422b);rotate:45deg}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.all,body.use-shapes .status.expired,body.use-shapes .status.off,body.use-shapes .status.suspended{border-radius:2px;transform:scale(90%)}.status:not(.on):not(.live):not(.active):not(.enabled):not(.all):not(.pending):not(.warning):not(.off):not(.suspended):not(.expired):not(.light):not(.gray):not(.red):not(.orange):not(.amber):not(.yellow):not(.lime):not(.green):not(.emerald):not(.teal):not(.cyan):not(.sky):not(.blue):not(.indigo):not(.violet):not(.purple):not(.fuchsia):not(.pink):not(.rose):not(.grey):not(.black){border-color:var(--ui-control-color)}.status.all{background-image:linear-gradient(60deg,#184cef,#e5422b);background-origin:border-box}.status.active,.status.enabled,.status.live,.status.on{background-color:var(--enabled-color)}.bg-red,.status.expired,.status.off,.status.red,.status.suspended{background-color:var(--disabled-color)}.status.warning{background-color:var(--warning-color)}.bg-orange,.status.orange,.status.pending{background-color:var(--pending-color)}.bg-amber,.status.amber{background-color:var(--amber-500)}.bg-yellow,.status.yellow{background-color:var(--yellow-500)}.bg-lime,.status.lime{background-color:var(--lime-500)}.bg-green,.status.green{background-color:var(--green-600)}.bg-emerald,.status.emerald{background-color:var(--emerald-500)}.bg-teal,.bg-turquoise,.status.teal,.status.turquoise{background-color:var(--teal-500)}.bg-cyan,.status.cyan{background-color:var(--cyan-500)}.bg-sky,.status.sky{background-color:var(--sky-500)}.bg-blue,.status.blue{background-color:var(--blue-600)}.bg-indigo,.status.indigo{background-color:var(--indigo-500)}.bg-violet,.status.violet{background-color:var(--violet-500)}.bg-purple,.status.purple{background-color:var(--purple-500)}.bg-fuchsia,.status.fuchsia{background-color:var(--fuchsia-500)}.bg-pink,.status.pink{background-color:var(--pink-500)}.bg-rose,.status.rose{background-color:var(--rose-500)}.status.light{background-color:var(--gray-100)}.bg-white,.status.white{background-color:var(--white)}.bg-black,.status.black{background-color:var(--gray-800)}.bg-gray,.bg-grey,.status.gray,.status.grey{background-color:var(--gray-300)}.status.disabled,.status.white{opacity:1}.cp-icon.warning,.icon.warning,[data-icon-after].warning,[data-icon].warning{--icon-color:var(--warning-color)}.cp-icon.red,.icon.red,[data-icon-after].red,[data-icon].red{--icon-color:var(--disabled-color)}.cp-icon.orange,.icon.orange,[data-icon-after].orange,[data-icon].orange{--icon-color:var(--pending-color)}.cp-icon.amber,.icon.amber,[data-icon-after].amber,[data-icon].amber{--icon-color:var(--amber-500)}.cp-icon.yellow,.icon.yellow,[data-icon-after].yellow,[data-icon].yellow{--icon-color:var(--yellow-500)}.cp-icon.lime,.icon.lime,[data-icon-after].lime,[data-icon].lime{--icon-color:var(--lime-500)}.cp-icon.green,.icon.green,[data-icon-after].green,[data-icon].green{--icon-color:var(--green-500)}.cp-icon.emerald,.icon.emerald,[data-icon-after].emerald,[data-icon].emerald{--icon-color:var(--emerald-500)}.cp-icon.teal,.icon.teal,[data-icon-after].teal,[data-icon].teal{--icon-color:var(--teal-500)}.cp-icon.cyan,.icon.cyan,[data-icon-after].cyan,[data-icon].cyan{--icon-color:var(--cyan-500)}.cp-icon.sky,.icon.sky,[data-icon-after].sky,[data-icon].sky{--icon-color:var(--sky-500)}.cp-icon.blue,.icon.blue,[data-icon-after].blue,[data-icon].blue{--icon-color:var(--blue-600)}.cp-icon.indigo,.icon.indigo,[data-icon-after].indigo,[data-icon].indigo{--icon-color:var(--indigo-500)}.cp-icon.violet,.icon.violet,[data-icon-after].violet,[data-icon].violet{--icon-color:var(--violet-500)}.cp-icon.purple,.icon.purple,[data-icon-after].purple,[data-icon].purple{--icon-color:var(--purple-500)}.cp-icon.fuchsia,.icon.fuchsia,[data-icon-after].fuchsia,[data-icon].fuchsia{--icon-color:var(--fuchsia-500)}.cp-icon.pink,.icon.pink,[data-icon-after].pink,[data-icon].pink{--icon-color:var(--pink-500)}.cp-icon.rose,.icon.rose,[data-icon-after].rose,[data-icon].rose{--icon-color:var(--rose-500)}.cp-icon.white,.icon.white,[data-icon-after].white,[data-icon].white{--icon-color:var(--white)}.cp-icon.black,.icon.black,[data-icon-after].black,[data-icon].black{--icon-color:var(--gray-800)}.cp-icon.gray,.icon.gray,[data-icon-after].gray,[data-icon].gray{--icon-color:var(--gray-300)}.amber[data-icon-after]:after,.amber[data-icon]:before,.black[data-icon-after]:after,.black[data-icon]:before,.blue[data-icon-after]:after,.blue[data-icon]:before,.cyan[data-icon-after]:after,.cyan[data-icon]:before,.emerald[data-icon-after]:after,.emerald[data-icon]:before,.fuchsia[data-icon-after]:after,.fuchsia[data-icon]:before,.gray[data-icon-after]:after,.gray[data-icon]:before,.green[data-icon-after]:after,.green[data-icon]:before,.indigo[data-icon-after]:after,.indigo[data-icon]:before,.lime[data-icon-after]:after,.lime[data-icon]:before,.orange[data-icon-after]:after,.orange[data-icon]:before,.pink[data-icon-after]:after,.pink[data-icon]:before,.purple[data-icon-after]:after,.purple[data-icon]:before,.red[data-icon-after]:after,.red[data-icon]:before,.rose[data-icon-after]:after,.rose[data-icon]:before,.sky[data-icon-after]:after,.sky[data-icon]:before,.teal[data-icon-after]:after,.teal[data-icon]:before,.violet[data-icon-after]:after,.violet[data-icon]:before,.warning[data-icon-after]:after,.warning[data-icon]:before,.white[data-icon-after]:after,.white[data-icon]:before,.yellow[data-icon-after]:after,.yellow[data-icon]:before{color:var(--icon-color)!important}.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{transition:width .1s linear;width:0}.progressbar.pending .progressbar-inner{animation-duration:.25s;animation-iteration-count:infinite;animation-timing-function:linear}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{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{flex:1;margin:8px 0!important}.missing-component .install-plugin .btn{margin:0}.pane{--pane-padding:var(--xl);--border:1px solid var(--hairline-color);background:#fff;border-radius:var(--large-border-radius);box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);margin:14px 0;padding:var(--pane-padding);position:relative;word-wrap:break-word;box-sizing:border-box}.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.dashed{border:1px dashed var(--medium-hairline-color)!important}.pane.dashed,.pane.hairline{background-color:transparent!important;box-shadow:none}.pane.hairline{border:1px solid rgba(96,125,159,.25)!important}.pane.no-border{border:none!important}.pane.padding-xs{--pane-padding:var(--xs)}.pane.padding-s{--pane-padding:var(--s)}.pane.padding-m{--pane-padding:var(--m)}.pane.padding-l{--pane-padding:var(--l)}.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:1.875rem;margin:2px 0;padding-left:0;padding-right:0;width:1.875rem}.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{align-items:center;display:flex;flex-direction:row;margin:calc(var(--s)*-1) calc(var(--padding)*-1)}.pane-tabs:first-child{border-radius:var(--large-border-radius) var(--large-border-radius) 0 0;overflow:hidden}.pane-tabs [role=tablist]{display:flex;flex:1;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]{--tab-label-color:var(--light-text-color)}.pane-tabs [role=tablist] [role=tab].error{--highlight-color:var(--error-color)!important;--tab-label-color:var(--error-color)!important}.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{align-items:center;display:flex;flex-direction:row;height:50px;padding:0 var(--padding);position:relative;white-space:nowrap}.pane-tabs [role=tablist] [role=tab]:hover{text-decoration:none}body.reduce-focus-visibility .pane-tabs [role=tablist] [role=tab]:focus-visible,body:not(.reduce-focus-visibility) .pane-tabs [role=tablist] [role=tab]:focus{box-shadow:none}body.reduce-focus-visibility .pane-tabs [role=tablist] [role=tab]:focus-visible .tab-label,body:not(.reduce-focus-visibility) .pane-tabs [role=tablist] [role=tab]:focus .tab-label{box-shadow:var(--inner-focus-ring)}.pane-tabs [role=tablist] [role=tab]:not(.sel){color:var(--custom-text-color,var(--tab-label-color))}.pane-tabs [role=tablist] [role=tab]:not(.sel):hover{-webkit-backdrop-filter:brightness(95%);backdrop-filter:brightness(95%)}.pane-tabs [role=tablist] [role=tab].sel{--highlight-color:var(--gray-500);--tab-label-color:var(--text-color);background-color:var(--white)!important;box-shadow:inset 0 2px 0 var(--custom-text-color,var(--highlight-color)),0 0 0 1px rgba(51,64,77,.1),0 2px 12px var(--custom-sel-tab-shadow-color,var(--gray-200));color:var(--tab-label-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#tabs:first-child [role=tablist] [role=tab]:first-child,body.ltr .pane-tabs#tabs:first-child [role=tablist] [role=tab]:first-child .tab-label{border-top-left-radius:var(--large-border-radius)}body.rtl .pane-tabs#tabs:first-child [role=tablist] [role=tab]:first-child,body.rtl .pane-tabs#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)}.pane-tabs .menubtn.error span[data-icon]{margin-right:2px}.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{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:#fcd815}.details .meta.warning .btn:active,.details .meta.warning .btn[aria-expanded=true]{background-color:#f5ce03}.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::-moz-placeholder{color:var(--gray-500)}.details .meta .text:-ms-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::-moz-placeholder,.details textarea::-moz-placeholder{color:var(--gray-500)}.details input:-ms-input-placeholder,.details textarea:-ms-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{align-items:center;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 var(--neg-padding)!important;min-height:50px;padding:0 var(--padding);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{font-family:Craft;position:absolute;width:31px;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;color:var(--light-text-color);content:"plus";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}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{margin:0}@media screen and (min-width:400px){.meta>.data>.heading,.meta>.field>.heading,.meta>.flex-fields>.data>.heading,.meta>.flex-fields>.field>.heading{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-right:var(--s)}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-left: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{flex:1}.meta>.data>.input .flex,.meta>.field>.input .flex,.meta>.flex-fields>.data>.input .flex,.meta>.flex-fields>.field>.input .flex{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-top:var(--s)}@media screen and (min-width:400px){.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:100%}@media screen and (min-width:400px){.meta>.data>.value,.meta>.field>.input,.meta>.flex-fields>.data>.value,.meta>.flex-fields>.field>.input{width:calc(100% - 112px)}}.meta>.data>.value,.meta>.flex-fields>.data>.value{align-items:center;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{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,.meta>.flex-fields>.field>.input>.datetimewrapper{gap: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):not(.first-child),.meta>.flex-fields+.field:not(.first-child){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}.meta>.field>.input>.custom-select{background-color:transparent;border-radius:0;box-shadow:none;display:block;margin:calc(var(--s)*-1) 0;width:100%}.meta>.field>.input>.custom-select .menubtn:not(.action-btn){background-color:transparent;justify-content:start;width:100%}body.ltr .meta>.field>.input>.custom-select .menubtn:not(.action-btn){padding-left:0}body.rtl .meta>.field>.input>.custom-select .menubtn:not(.action-btn){padding-right:0}.meta>.field>.input>.custom-select .menubtn:not(.action-btn):after{position:absolute;top:calc(50% - 5px)}body.ltr .meta>.field>.input>.custom-select .menubtn:not(.action-btn):after{right:0}body.rtl .meta>.field>.input>.custom-select .menubtn:not(.action-btn):after{left:0}.meta>.field>.input>.custom-select .label{max-width:100%;overflow:hidden;text-overflow:ellipsis}.body{position:relative}.hud,.modal,.slideout,.slideout-container{box-sizing:border-box;z-index:100}.hud,.modal{background-color:#fff;border-radius:5px;box-shadow:0 25px 100px rgba(31,41,51,.5)!important}.slideout-shade{opacity:0;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-container.so-lp{height:calc(100vh - var(--m)*2);left:var(--m);position:absolute;top:var(--m);width:calc(100% - var(--m)*2)}body.has-debug-toolbar .slideout-container{height:calc(100vh - 42px)}.slideout{background-color:var(--white);box-shadow:0 0 0 1px rgba(123,135,147,.25),0 25px 100px rgba(31,41,51,.5)!important;container-type:inline-size;display:flex;flex-direction:column;overflow:hidden;padding:24px var(--padding);pointer-events:all;position:absolute}.slideout.so-lp,.slideout.so-mobile{height:100%!important;left:0;transition:top .25s linear;width:100%!important;will-change:top}.slideout.so-mobile{--padding:14px;--neg-padding:-14px}.slideout:not(.so-mobile){border-radius:var(--large-border-radius)}.slideout:not(.so-mobile):not(.so-lp){height:calc(100% - 16px);top:8px;width:calc(50% - 8px)}@media screen and (prefers-reduced-motion:no-preference){body.ltr .slideout:not(.so-mobile):not(.so-lp){transition:left .25s linear;will-change:left}body.rtl .slideout:not(.so-mobile):not(.so-lp){transition:right .25s linear;will-change:right}}.slideout>.pane-header{padding-left:var(--padding);padding-right:var(--padding);z-index:2}.slideout>.pane-header>.so-toolbar{align-items:center;display:flex;flex-direction:row;gap:var(--xs);min-height:34px}.slideout>.pane-header>.so-toolbar>.pane-tabs{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-body{flex:1;margin:-24px var(--neg-padding);overflow:hidden auto;position:relative}.slideout>.so-body:not(:last-child){margin-bottom:0}.slideout>.so-body>h1:not(:last-child){border-bottom:1px solid var(--hairline-color);padding-bottom:var(--s)}.slideout>.so-body.so-full-details,.slideout>.so-body>.so-sidebar{background-color:var(--gray-100)!important}.slideout>.so-body:not(.so-full-details){padding:24px var(--padding)}.slideout>.so-body.so-full-details>.so-content>.details,.slideout>.so-body>.so-sidebar{box-sizing:border-box;padding:0 var(--padding) var(--spacing)}.slideout>.so-body.so-full-details>.so-content>.details>.preview-thumb-container,.slideout>.so-body>.so-sidebar>.preview-thumb-container{height:auto;margin:0 var(--neg-padding);min-height:54px}.slideout>.so-body.so-full-details>.so-content>.details>.preview-thumb-container+.pane-header,.slideout>.so-body>.so-sidebar>.preview-thumb-container+.pane-header{border-radius:0}.slideout>.so-body.so-full-details>.so-content>.details .image-actions.is-mobile,.slideout>.so-body>.so-sidebar .image-actions.is-mobile{margin:calc(var(--spacing)/2) 0 var(--spacing)}.slideout>.so-body.so-full-details>.so-content>.details>.meta.read-only:first-child,.slideout>.so-body>.so-sidebar>.meta.read-only:first-child{margin-top:var(--padding)}.slideout>.so-body.so-full-details>.so-content>.details>.meta.warning,.slideout>.so-body>.so-sidebar>.meta.warning{border-bottom:1px solid var(--yellow-300);box-shadow:none}.slideout>.so-body.so-full-details>.so-content>.details>.field>.input>.text.fullwidth,.slideout>.so-body>.so-sidebar>.field>.input>.text.fullwidth{border-radius:0}.slideout>.so-body.so-full-details>.so-content>.details .notes,.slideout>.so-body>.so-sidebar .notes{padding-bottom:var(--m);padding-top:var(--m)}.slideout>.so-body>.so-sidebar{background:#fff;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);height:100%;max-width:100%;overflow:hidden auto;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{transition:right .25s linear}body.rtl .slideout>.so-body>.so-sidebar{transition:left .25s linear}.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:flex;flex-wrap:wrap;gap:8px;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);flex:0 0 100%;margin:0 var(--neg-padding);padding:0 var(--padding) 8px}@container (width > 700px){.slideout.has-sidebar .pane-header:not(.so-visible),.slideout.has-sidebar .sidebar-btn{display:none}.slideout.has-sidebar .so-body{display:flex;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;flex:auto 0 1;margin:0;padding:0}}.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:5px var(--pane-padding,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:calc(var(--pane-padding, 24px)*-1) calc(var(--pane-padding, 24px)*-1) var(--pane-padding,24px)}.modal .body .footer,.pane .footer{margin:var(--pane-padding,24px) calc(var(--pane-padding, 24px)*-1) calc(var(--pane-padding, 24px)*-1)}.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-shade.blurred,.slideout-shade.blurred{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.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{font-family:Craft;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;color:var(--light-text-color);content:"alert";font-size:40px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}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:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;color:var(--light-text-color);content:"secure";font-size:58px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}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.tooltip-hud{display:block}.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-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{align-items:center;background-color:var(--gray-900);display:flex;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:linear-gradient(45deg,rgba(154,165,177,.25) 25%,transparent 0),linear-gradient(135deg,rgba(154,165,177,.25) 25%,transparent 0),linear-gradient(45deg,transparent 75%,rgba(154,165,177,.25) 0),linear-gradient(135deg,transparent 75%,rgba(154,165,177,.25) 0);background-position:0 0,8.5px 0,8.5px -8.5px,0 8.5px;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{align-items:center;display:flex;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;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);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:focus-within .buttons,.button-fade:hover .buttons{opacity:1}.elementselectormodal{--content-padding:24px;padding-bottom:50px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.elementselectormodal>.header{padding-bottom:14px;padding-top:14px;text-align:center}.elementselectormodal>.header+.body{height:calc(100% - 48px)!important}.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 .header{margin:0 0 var(--m)}.elementselectormodal .body .content .main .elements .tableview table tr td,.elementselectormodal .body .content .main .elements .tableview table tr th{cursor:default}.elementselectormodal .body .content .main .elements .tableview table tr .checkbox:before{box-shadow:none!important}.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}.customize-sources-modal .main-header,.elementselectormodal .main-header{align-items:center;display:flex;margin-bottom:var(--s)}.customize-sources-modal .main-heading,.elementselectormodal .main-heading{margin-bottom:0}.customize-sources-modal .nav-toggle,.elementselectormodal .nav-toggle{color:var(--ui-control-color);height:var(--touch-target-size);width:var(--touch-target-size)}body.ltr .customize-sources-modal .nav-toggle,body.ltr .elementselectormodal .nav-toggle{margin-left:4px}body.rtl .customize-sources-modal .nav-toggle,body.rtl .elementselectormodal .nav-toggle{margin-right:4px}.customize-sources-modal .nav-toggle:hover,.elementselectormodal .nav-toggle:hover{color:var(--gray-500)}.customize-sources-modal .sidebar-header,.elementselectormodal .sidebar-header{display:flex;justify-content:flex-end;margin-bottom:var(--s);padding:0 var(--s)}.customize-sources-modal .nav-close,.elementselectormodal .nav-close{height:var(--touch-target-size);width:var(--touch-target-size)}.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}body.ltr .activity-container:not(:last-child){margin-right:var(--s)}body.rtl .activity-container:not(:last-child){margin-left:var(--s)}.activity-container ul{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--xs)}.activity-container ul li .activity-btn{border-radius:50%;display:block;height:30px;width:30px}.activity-container ul li .activity-btn .elementthumb{background:var(--gray-050);border:2px solid var(--white);border-radius:50px;box-shadow:0 1px 2px 1px rgba(31,41,51,.1);height:100%;overflow:hidden;position:relative;width:100%}.activity-container ul li .activity-btn .elementthumb img,.activity-container ul li .activity-btn .elementthumb svg{display:block;height:100%;width:100%}body.ltr .activity-container ul li:not(:last-child){margin-right:-10px}body.rtl .activity-container ul li:not(:last-child){margin-left:-10px}.element-index-view-menu{max-width:calc(100% - 20px);padding:0!important;width:400px}.element-index-view-menu .meta{padding-bottom:var(--s);padding-top:var(--s)}.element-index-view-menu .table-columns-field{align-items:flex-start}.element-index-view-menu .table-columns-field .input{padding:13px 0}.element-index-view-menu .menu-footer{background-color:var(--gray-050);margin:0!important;padding:var(--s) var(--xl)!important}.element-index-view-menu-table-column{align-content:stretch;align-items:flex-start;display:flex;margin-bottom:4px}.element-index-view-menu-table-column .icon.move{position:relative;z-index:1}body.ltr .element-index-view-menu-table-column .icon.move{margin-right:10px}body.rtl .element-index-view-menu-table-column .icon.move{margin-left:10px}.sort-field .input .flex .btngroup .btn{width:42px}.sort-field .input .flex .flex-grow{max-width:calc(100% - 85px - var(--s))}@media screen and (max-width:350px){.sort-field .input .flex{flex-direction:column}.sort-field .input .flex>*{width:100%}.sort-field .input .flex .flex-grow{max-width:none}}.element-filter-hud.loading .body{align-items:center;display:flex;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))}.so-content .address-cards{grid-template-columns:repeat(1,minmax(0,1fr))!important}.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))}.so-content .address-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@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: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;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}#elevatedsessionmodal,#logoutwarningmodal,.login-modal,.login-modal-shade,.logoutwarningmodalshade,.prompt{z-index:1001}#elevatedsessionmodal,#logoutwarningmodal,.prompt{width:500px}.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}.deleteusermodal div.elements{list-style:none}.dropdownsettingsmodal{height:auto;max-width:400px;min-height:0;min-width:0;width:auto}.dropdownsettingsmodal .body{max-height:100%;overflow-y:auto}.previewmodal.zilch{align-items:center;display:flex;justify-content:center;padding:100px 0}.video-transcript{background-color:var(--gray-050);font-size:1rem;overflow-y:scroll;position:relative}body.reduce-focus-visibility .video-transcript:focus-visible,body:not(.reduce-focus-visibility) .video-transcript:focus{background-color:var(--gray-800);box-shadow:none;color:var(--white)}.video-transcript__inner{margin-left:auto;margin-right:auto;max-width:550px;padding:var(--xl)}.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;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:100}.ui-datepicker,.ui-timepicker-list{padding:0}.menu{display:none;position:absolute}.menu.padded{padding:var(--s) calc(var(--m) + var(--s))}.menu.padded hr{margin:var(--s) calc((var(--m) + var(--s))*-1)}.menu.padded ul li{margin:0 calc(var(--m)*-1);padding:0 var(--m)}.menu.padded ul li a{border-radius:var(--large-border-radius)}.menu.padded .extralight{margin-top:2px}.menu .h6:first-child,.menu h6:first-child{margin-top:14px!important}body.ltr .menu ul.padded li .menu-item,body.ltr .menu ul.padded li .menu-option,body.ltr .menu ul.padded li a{padding-left:calc(var(--m) + 1.125rem)}body.rtl .menu ul.padded li .menu-item,body.rtl .menu ul.padded li .menu-option,body.rtl .menu ul.padded li a{padding-right:calc(var(--m) + 1.125rem)}.menu ul.padded li .menu-item.sel:not([data-icon]):before,.menu ul.padded li .menu-option.sel:not([data-icon]):before,.menu ul.padded li a.sel:not([data-icon]):before{color:var(--ui-control-color);content:"check";font-size:14px;margin-top:3px!important;width:14px}body.ltr .menu ul.padded li .menu-item.sel:not([data-icon]):before,body.ltr .menu ul.padded li .menu-option.sel:not([data-icon]):before,body.ltr .menu ul.padded li a.sel:not([data-icon]):before{float:left}body.rtl .menu ul.padded li .menu-item.sel:not([data-icon]):before,body.rtl .menu ul.padded li .menu-option.sel:not([data-icon]):before,body.rtl .menu ul.padded li a.sel:not([data-icon]):before{float:right}body.ltr .menu ul.padded li .menu-item.sel:not([data-icon]):before,body.ltr .menu ul.padded li .menu-option.sel:not([data-icon]):before,body.ltr .menu ul.padded li a.sel:not([data-icon]):before{margin:4px 0 0 calc(-1.125rem - 4px)}body.rtl .menu ul.padded li .menu-item.sel:not([data-icon]):before,body.rtl .menu ul.padded li .menu-option.sel:not([data-icon]):before,body.rtl .menu ul.padded li a.sel:not([data-icon]):before{margin:4px calc(-1.125rem - 4px) 0 0}.menu ul li .menu-item,.menu ul li .menu-option,.menu ul li a{-webkit-appearance:none;font-size:14px;margin:0 -14px;padding:10px 14px;white-space:nowrap}body.ltr .menu ul li .menu-item:not(:last-child),body.ltr .menu ul li .menu-option:not(:last-child),body.ltr .menu ul li a:not(:last-child){margin-right:0}body.rtl .menu ul li .menu-item:not(:last-child),body.rtl .menu ul li .menu-option:not(:last-child),body.rtl .menu ul li a:not(:last-child){margin-left:0}.menu ul li .menu-item:not(.flex):not(.hidden),.menu ul li .menu-option:not(.flex):not(.hidden),.menu ul li a:not(.flex):not(.hidden){display:block;width:calc(100% + 28px)}body.ltr .menu ul li .menu-item:not(.flex):not(.hidden),body.ltr .menu ul li .menu-option:not(.flex):not(.hidden),body.ltr .menu ul li a:not(.flex):not(.hidden){text-align:left}body.rtl .menu ul li .menu-item:not(.flex):not(.hidden),body.rtl .menu ul li .menu-option:not(.flex):not(.hidden),body.rtl .menu ul li a:not(.flex):not(.hidden){text-align:right}.menu ul li .menu-item.flex [data-icon],.menu ul li .menu-option.flex [data-icon],.menu ul li a.flex [data-icon]{margin-top:-2px}.menu ul li .menu-item.sel,.menu ul li .menu-option.sel,.menu ul li a.sel{cursor:default}.menu ul li .menu-item .shortcut,.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-item .shortcut,body.ltr .menu ul li .menu-option .shortcut,body.ltr .menu ul li a .shortcut{float:right}body.rtl .menu ul li .menu-item .shortcut,body.rtl .menu ul li .menu-option .shortcut,body.rtl .menu ul li a .shortcut{float:left}body.ltr .menu ul li .menu-item .shortcut,body.ltr .menu ul li .menu-option .shortcut,body.ltr .menu ul li a .shortcut{margin-left:14px}body.rtl .menu ul li .menu-item .shortcut,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 .go:after{color:inherit}.menu ul li .menu-item,.menu ul li .menu-option,.menu:not(.menu--disclosure) ul li a{color:#3f4d5a;cursor:default;text-decoration:none}.menu li>a [data-icon]:before,.menu li>a span.icon:not([data-icon]),.menu li>a[data-icon]:before,.menu li>button [data-icon]:before,.menu li>button span.icon:not([data-icon]),.menu li>button[data-icon]:before{display:inline-block;height:.875rem;width:.875rem}body.ltr .menu li>a [data-icon]:before,body.ltr .menu li>a span.icon:not([data-icon]),body.ltr .menu li>a[data-icon]:before,body.ltr .menu li>button [data-icon]:before,body.ltr .menu li>button span.icon:not([data-icon]),body.ltr .menu li>button[data-icon]:before{margin-left:-1px}body.rtl .menu li>a [data-icon]:before,body.rtl .menu li>a span.icon:not([data-icon]),body.rtl .menu li>a[data-icon]:before,body.rtl .menu li>button [data-icon]:before,body.rtl .menu li>button span.icon:not([data-icon]),body.rtl .menu li>button[data-icon]:before{margin-right:-1px}body.ltr .menu li>a [data-icon]:before,body.ltr .menu li>a span.icon:not([data-icon]),body.ltr .menu li>a[data-icon]:before,body.ltr .menu li>button [data-icon]:before,body.ltr .menu li>button span.icon:not([data-icon]),body.ltr .menu li>button[data-icon]:before{margin-right:9px}body.rtl .menu li>a [data-icon]:before,body.rtl .menu li>a span.icon:not([data-icon]),body.rtl .menu li>a[data-icon]:before,body.rtl .menu li>button [data-icon]:before,body.rtl .menu li>button span.icon:not([data-icon]),body.rtl .menu li>button[data-icon]:before{margin-left:9px}.menu li>a [data-icon]:before,.menu li>a[data-icon]:before,.menu li>button [data-icon]:before,.menu li>button[data-icon]:before{color:var(--ui-control-color);font-size:14px;position:relative;text-align:center;top:-2px}.menu li>a span.icon:not([data-icon]) svg,.menu li>button span.icon:not([data-icon]) svg{display:block;height:100%;position:relative;top:1px;width:100%}.menu li>a span.icon:not([data-icon]) svg circle,.menu li>a span.icon:not([data-icon]) svg ellipse,.menu li>a span.icon:not([data-icon]) svg line,.menu li>a span.icon:not([data-icon]) svg path,.menu li>a span.icon:not([data-icon]) svg polygon,.menu li>a span.icon:not([data-icon]) svg polyline,.menu li>a span.icon:not([data-icon]) svg rect,.menu li>a span.icon:not([data-icon]) svg text,.menu li>button span.icon:not([data-icon]) svg circle,.menu li>button span.icon:not([data-icon]) svg ellipse,.menu li>button span.icon:not([data-icon]) svg line,.menu li>button span.icon:not([data-icon]) svg path,.menu li>button span.icon:not([data-icon]) svg polygon,.menu li>button span.icon:not([data-icon]) svg polyline,.menu li>button span.icon:not([data-icon]) svg rect,.menu li>button span.icon:not([data-icon]) svg text{fill:var(--icon-color,var(--ui-control-color));stroke-width:0}.menu li>a.error [data-icon]:before,.menu li>a.error[data-icon]:before,.menu li>button.error [data-icon]:before,.menu li>button.error[data-icon]:before{color:var(--error-color)}.menu li>a.error span.icon:not([data-icon]) svg circle,.menu li>a.error span.icon:not([data-icon]) svg ellipse,.menu li>a.error span.icon:not([data-icon]) svg line,.menu li>a.error span.icon:not([data-icon]) svg path,.menu li>a.error span.icon:not([data-icon]) svg polygon,.menu li>a.error span.icon:not([data-icon]) svg polyline,.menu li>a.error span.icon:not([data-icon]) svg rect,.menu li>a.error span.icon:not([data-icon]) svg text,.menu li>button.error span.icon:not([data-icon]) svg circle,.menu li>button.error span.icon:not([data-icon]) svg ellipse,.menu li>button.error span.icon:not([data-icon]) svg line,.menu li>button.error span.icon:not([data-icon]) svg path,.menu li>button.error span.icon:not([data-icon]) svg polygon,.menu li>button.error span.icon:not([data-icon]) svg polyline,.menu li>button.error span.icon:not([data-icon]) svg rect,.menu li>button.error span.icon:not([data-icon]) svg text{fill:var(--error-color);stroke-width:0}.menu:not(.menu--disclosure) ul li .menu-item:not(.sel):not(.disabled):hover,.menu:not(.menu--disclosure) ul li .menu-option:not(.sel):not(.disabled):hover,.menu:not(.menu--disclosure) ul li a:not(.sel):not(.disabled):hover,.menu:not(.menu--disclosure):not(:hover) ul li .menu-item:not(.sel):not(.disabled).hover,.menu:not(.menu--disclosure):not(:hover) ul li .menu-option:not(.sel):not(.disabled).hover,.menu:not(.menu--disclosure):not(:hover) ul li a:not(.sel):not(.disabled).hover{background-color:#f3f7fc;color:#3f4d5a}body.ltr .menu .h6.padded,body.ltr .menu h6.padded,body.ltr .menu hr.padded{margin-left:20px}body.rtl .menu .h6.padded,body.rtl .menu h6.padded,body.rtl .menu hr.padded{margin-right:20px}.menu--disclosure ul li>.menu-item:hover,.menu--disclosure ul li>.menu-option:hover,.menu--disclosure ul li>a:not(.crumb-link):hover{background-color:#f3f7fc;color:#3f4d5a}body.reduce-focus-visibility .menu--disclosure ul li>.menu-item:focus-visible,body.reduce-focus-visibility .menu--disclosure ul li>.menu-option:focus-visible,body.reduce-focus-visibility .menu--disclosure ul li>a:not(.crumb-link):focus-visible,body:not(.reduce-focus-visibility) .menu--disclosure ul li>.menu-item:focus,body:not(.reduce-focus-visibility) .menu--disclosure ul li>.menu-option:focus,body:not(.reduce-focus-visibility) .menu--disclosure ul li>a:not(.crumb-link):focus{box-shadow:inset 0 0 0 3px hsla(var(--dark-focus-hsl),.7)}.tagselect .elements{display:inline}.tagselect .chip.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 .chip,body.rtl .tagselect.elementselect .chip{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}.selectize-control.single .selectize-input:not(.no-arrow):after{display:none}.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:calc(var(--large-border-radius) - 1px)}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:calc(var(--large-border-radius) - 1px)}.border-box,.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;-moz-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.ltr .multitext .multitextrow:first-child .text:last-child,body.rtl .multitext .multitextrow:first-child .text:first-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.ltr .multitext .multitextrow:last-child .text:last-child,body.rtl .multitext .multitextrow:last-child .text:first-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:-1.6875rem 7px 0 0}body.rtl .chars-left{margin:-1.6875rem 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{border-radius:1px;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);box-shadow:0 0 5px rgba(36,99,235,.15)}.field>.status-badge.outdated{background-color:var(--pending-color);box-shadow:0 0 5px rgba(251,146,60,.15)}.field>.heading{align-items:center;display:flex;flex-wrap:wrap;margin-bottom:5px;margin-top:-5px;position:relative}.field>.heading>label,.field>.heading>legend{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);position:relative;top:-.0625rem}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{margin:5px 0 0}.field>.input input:disabled,.field>.input textarea:disabled{cursor:not-allowed}.field>.notice,.field>.warning{margin:5px 0 0}.checkboxfield .instructions,.field>.heading>.instructions,.field>.instructions{color:var(--custom-text-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;line-height:1rem;min-height:1rem;position:relative}body.ltr div.checkbox,body.ltr input.checkbox+label{padding-left:calc(1rem + 5px)}body.rtl div.checkbox,body.rtl input.checkbox+label{padding-right:calc(1rem + 5px)}div.checkbox,div.checkbox:before,input.checkbox+label,input.checkbox+label:before{border-radius:var(--small-border-radius)}div.checkbox:before,input.checkbox+label:before{background-clip:padding-box;background-color:#fbfcfe;border:1px solid rgba(96,125,159,.4);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}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 .info,input.checkbox+label .info{height:16px}.disabled div.checkbox,input.checkbox:disabled+label{cursor:not-allowed}.elementselectormodal .body .content .main .elements .disabled .checkbox:before,.sel div.checkbox:before,div.checkbox.checked:before,div.checkbox.indeterminate:before,input.checkbox:checked+label:before,input.checkbox:indeterminate+label:before{font-family:Craft;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;color:var(--gray-900);line-height:var(--checkbox-size);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.elementselectormodal .body .content .main .elements .disabled .checkbox:before,.sel.matrixblock>.actions div.checkbox:not(.indeterminate):before,.sel:not(.matrixblock) div.checkbox:not(.indeterminate):before,div.checkbox.checked:not(.indeterminate):before,input.checkbox:checked:not(:indeterminate)+label:before{content:"check";font-size:14px}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)}.checkbox-icon{background-color:var(--enabled-color);border-radius:var(--small-border-radius);color:var(--white);display:inline-flex;padding:3px}.checkbox-icon:before{--checkbox-size:14px;font-family:Craft;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;content:"check";font-size:var(--checkbox-size);line-height:var(--checkbox-size);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body.reduce-focus-visibility .monaco-mouse-cursor-text:focus-visible,body:not(.reduce-focus-visibility) .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:calc(1rem + 5px)}body.rtl .checkboxfield .instructions,body.rtl .checkboxfield .notice,body.rtl .checkboxfield .warning{padding-right:calc(1rem + 5px)}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:calc(1rem + 5px)}body.rtl div.radio,body.rtl input.radio+label{padding-right:calc(1rem + 5px)}.disabled div.radio,input.radio:disabled+label{cursor:not-allowed}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;top:50%;transform:translateY(-50%);width:var(--radio-size)}div.radio:after,input.radio+label:after{height:calc(var(--radio-size) - 8px);left:4px;top:50%;transform:translateY(-50%);width:calc(var(--radio-size) - 8px)}.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;-moz-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:2.125rem}.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,td.errors .text{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:calc(50% - .4375rem)}body.ltr .texticon.icon:before{left:9px}body.rtl .texticon.icon:before{right:9px}.texticon .texticon-icon{align-items:center;display:flex;justify-content:center;position:absolute;top:1.0625rem;transform:translateY(-50%)}body.ltr .texticon .texticon-icon{left:9px}body.rtl .texticon .texticon-icon{right:9px}body.ltr .texticon .text{padding-left:1.625rem}body.rtl .texticon .text{padding-right:1.625rem}.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:1.0625rem;transform:translateY(-50%)}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:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;color:var(--medium-text-color);content:"filter";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.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,.texticon.has-filter-btn .filter-btn[aria-expanded=true]{background-color:var(--gray-350)}.texticon.has-filter-btn .filter-btn.active:before,.texticon.has-filter-btn .filter-btn:active:before,.texticon.has-filter-btn .filter-btn[aria-expanded=true]:before{color:var(--white)}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{flex-direction:row;flex-wrap:nowrap;gap:5px}.clear-btn,.datetimewrapper{align-items:center;display:flex}.clear-btn{background:transparent;border:none;color:var(--ui-control-color);cursor:pointer;justify-content:center;padding:0;width:24px}.clear-btn:before{font-family:Craft;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;content:"remove";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.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%;position:absolute;top:50%;width:2px}.close-btn:before{transform:translate(-50%,-50%) rotate(-45deg)}.close-btn:after{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:-moz-placeholder-shown+div[data-icon],.timewrapper .text:-moz-placeholder-shown+div[data-icon]{color:var(--light-text-color);display:block;position:absolute;top:calc(50% - 12px);z-index:0}.datewrapper .text:-ms-input-placeholder+div[data-icon],.timewrapper .text:-ms-input-placeholder+div[data-icon]{color:var(--light-text-color);display:block;position:absolute;top:calc(50% - 12px);z-index:0}.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:-moz-placeholder-shown+div[data-icon],body.ltr .timewrapper .text:-moz-placeholder-shown+div[data-icon]{left:14px}body.ltr .datewrapper .text:-ms-input-placeholder+div[data-icon],body.ltr .timewrapper .text:-ms-input-placeholder+div[data-icon]{left:14px}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:-moz-placeholder-shown+div[data-icon],body.rtl .timewrapper .text:-moz-placeholder-shown+div[data-icon]{right:14px}body.rtl .datewrapper .text:-ms-input-placeholder+div[data-icon],body.rtl .timewrapper .text:-ms-input-placeholder+div[data-icon]{right: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:-moz-placeholder-shown+div[data-icon],.datewrapper .text:-moz-placeholder-shown+div[data-icon]:before,.timewrapper .text:-moz-placeholder-shown+div[data-icon],.timewrapper .text:-moz-placeholder-shown+div[data-icon]:before{pointer-events:none;-moz-user-select:none;user-select:none;z-index:1}.datewrapper .text:-ms-input-placeholder+div[data-icon],.datewrapper .text:-ms-input-placeholder+div[data-icon]:before,.timewrapper .text:-ms-input-placeholder+div[data-icon],.timewrapper .text:-ms-input-placeholder+div[data-icon]:before{pointer-events:none;-ms-user-select:none;user-select:none;z-index:1}.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;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1}.datewrapper{width:8em}.timewrapper{width:7em}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--gray-400)}input:-ms-input-placeholder,textarea:-ms-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{align-items:center;display:flex;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 .125rem .125rem 0;color:var(--ui-control-color);content:"";display:block;font-size:0;height:.4375rem;opacity:.8;pointer-events:none;position:relative;position:absolute;top:calc(50% - 5px);transform:rotate(45deg);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:.4375rem;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;-moz-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}.custom-select.disabled,.selectize-control .selectize-input.disabled{cursor:not-allowed!important;opacity:1;pointer-events:auto!important}.custom-select.disabled *,.selectize-control .selectize-input.disabled *{cursor:not-allowed!important;pointer-events:auto!important}.selectize .selectize-input{background-color:transparent;border-color:inherit;box-shadow:none;display:block}.selectize .selectize-input .item{max-width:100%}.selectize .selectize-input .item span{overflow:hidden;text-overflow:ellipsis}.selectize.select .selectize-input:after{display:none}body .selectize-dropdown{border:none;z-index:101}.selectize.select{height:34px}.selectize.select input::-moz-placeholder,.selectize.select textarea::-moz-placeholder{color:var(--gray-700)}.selectize.select input:-ms-input-placeholder,.selectize.select textarea:-ms-input-placeholder{color:var(--gray-700)}.selectize.select input::placeholder,.selectize.select textarea::placeholder{color:var(--gray-700)}.selectize.select:not(.fullwidth){max-width:100%;width:25em}.datetimewrapper .selectize.select:not(.fullwidth){max-width:calc(100% - 29px)}.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 .125rem .125rem 0;color:var(--ui-control-color);content:"";display:block;font-size:0;height:.4375rem;opacity:.8;pointer-events:none;position:relative;position:absolute;top:calc(50% - 5px);transform:rotate(45deg);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:.4375rem;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;-moz-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:inline-flex;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{font-family:Craft;font-size:14px;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;content:"remove";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body .selectize-dropdown{margin-top:1px}body .selectize-dropdown .optgroup-header,body .selectize-dropdown .option,body .selectize-dropdown [data-selectable]{color:#3f4d5a;margin:0 -14px;padding:10px 14px;text-decoration:none;white-space:nowrap}body .selectize-dropdown .optgroup{padding-top:5px}body .selectize-dropdown .optgroup:not(:first-child){border-top:1px solid var(--hairline-color)}body .selectize-dropdown .optgroup .option{padding-left:24px}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:not(.selected),body .selectize-dropdown .option:hover{background-color:var(--gray-100)}body .selectize-dropdown .selected{background-color:#f3f7fc;color:#3f4d5a;cursor:default!important}body .selectize-dropdown .selected .light{color:inherit!important}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);max-height:70vh;overflow:auto;padding:0 14px;-webkit-user-select:none;-moz-user-select:none;-ms-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{font-family:Craft;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;content:"plus";margin-right:5px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body .selectize-dropdown-content>div[data-value=new]:after{content:"…"}body.no-scroll .selectize-dropdown-content{max-height:200px}.ui-datepicker{position:fixed;top:-300px;-padding:10px;height:242px;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{align-items:center;display:flex;height:20px;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 .125rem .125rem 0;content:"";display:block;font-size:0;height:.4375rem;opacity:.8;position:relative;width:.4375rem}body.ltr .ui-datepicker-prev:after{transform:rotate(135deg)}body.rtl .ui-datepicker-prev:after{transform:rotate(-45deg)}.ui-datepicker-next:after{border:solid;border-width:0 .125rem .125rem 0;content:"";display:block;font-size:0;height:.4375rem;opacity:.8;position:relative;width:.4375rem}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 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{background-color:var(--dark-sel-color);color:var(--white);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;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{background-color:var(--dark-sel-color);color:var(--white);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;cursor:default;font-weight:500}.slide-picker{display:flex;height:1rem;white-space:nowrap}.slide-picker a{background-image:none;border:1px solid var(--hairline-color);box-sizing:border-box;cursor:pointer;height:calc(1rem - 2px);margin-bottom:1px;margin-left:0;margin-top:1px;position:relative;width:calc(.5rem - 1px)}body.ltr .slide-picker a{border-left:none}body.rtl .slide-picker a{border-right:none}.slide-picker a:first-child{width:.5rem}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 a:before{content:"";height:var(--touch-target-size);left:-1px;position:absolute;top:calc(-.25rem - 1px);width:calc(100% + 2px)}.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:1rem;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)}.icon-picker{align-items:center;display:flex;flex-direction:row;gap:var(--xs)}.icon-picker--icon{align-items:center;background-clip:padding-box;background-color:#fbfcfe;background:var(--gray-050);border:1px solid rgba(96,125,159,.25);border-radius:3px;border-radius:var(--ui-control-border-radius);display:flex;height:var(--ui-control-height);justify-content:center;width:var(--ui-control-height)}.icon-picker--icon svg{height:1.25rem;width:1.25rem}.icon-picker--icon svg circle,.icon-picker--icon svg ellipse,.icon-picker--icon svg line,.icon-picker--icon svg path,.icon-picker--icon svg polygon,.icon-picker--icon svg polyline,.icon-picker--icon svg rect,.icon-picker--icon svg text{fill:var(--ui-control-color);stroke-width:0}.icon-picker-modal{--width:calc(var(--ui-control-height)*10 + var(--s)*9 + var(--xl)*2);max-width:calc(100% - 20px)!important;min-width:0!important;width:var(--width)!important}.icon-picker-modal .body{display:flex;flex-direction:column;gap:var(--l);height:100%}.icon-picker-modal .body .icon-picker-modal--list{flex:1;overflow:hidden;position:relative}.icon-picker-modal .body .icon-picker-modal--list:not(.loading) .spinner{display:none}.icon-picker-modal .body .icon-picker-modal--list.loading:after{background-color:hsla(0,0%,100%,.75);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.icon-picker-modal .body .icon-picker-modal--list.loading .spinner{top:calc(50% - 10px);z-index:1}.icon-picker-modal .body .icon-picker-modal--list ul{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--s);justify-content:start;max-height:100%;overflow:auto}.icon-picker-modal .body .icon-picker-modal--list ul .icon-picker--icon{--focus-ring:var(--inner-focus-ring)}.icon-picker-modal .body .icon-picker-modal--list ul .icon-picker--icon:hover{background-color:var(--blue-100);border-color:var(--link-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}body.setup-2fa{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100%}body.setup-2fa #setup-2fa{display:flex;flex-direction:column;gap:var(--l);max-width:100%;padding:var(--padding);width:550px}body.setup-2fa #setup-2fa #setup-2fa-intro{text-align:center}body.setup-2fa #setup-2fa #setup-2fa-btn{display:flex;justify-content:center}.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;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:#f3f7fc;color:#3f4d5a;cursor:pointer}.matrix>.buttons{margin-top:10px}.matrixblock{background-color:var(--white);border:2px solid var(--gray-100);border-radius:var(--large-border-radius);margin-bottom:10px;padding:0 var(--m) var(--m);position:relative}.matrixblock.static .titlebar{margin-bottom:14px}body.ltr .matrixblock.static .titlebar{padding-right:0}body.rtl .matrixblock.static .titlebar{padding-left:0}body.ltr .matrixblock.static .titlebar{padding-left:14px}body.rtl .matrixblock.static .titlebar{padding-right:14px}.matrixblock>.actions .action-btn,.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn){background-color:transparent;color:var(--custom-text-color,var(--ui-control-color));height:var(--touch-target-size);padding:0;width:var(--touch-target-size)}.matrixblock>.actions .action-btn:hover,.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn):hover{-webkit-backdrop-filter:brightness(90%);backdrop-filter:brightness(90%)}.matrixblock>.actions .action-btn:active,.matrixblock>.actions .action-btn[aria-expanded=true],.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn):active,.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn)[aria-expanded=true]{-webkit-backdrop-filter:brightness(85%);backdrop-filter:brightness(85%)}.matrixblock .flex-fields{--row-gap:var(--m)!important}.matrixblock>.titlebar{align-items:center;border-radius:calc(var(--large-border-radius) - 2px) calc(var(--large-border-radius) - 2px) 0 0;box-sizing:border-box;color:var(--custom-text-color,var(--light-text-color));display:grid;gap:var(--m);grid-template-columns:auto 1fr;margin:0 calc(var(--m)*-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;background-color:var(--gray-050);cursor:default;min-height:calc(var(--lh) + 10px);position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body.ltr .matrixblock>.titlebar{padding:5px calc(var(--m) + 70px) 5px var(--m)}body.rtl .matrixblock>.titlebar{padding:5px var(--m) 5px calc(var(--m) + 70px)}.matrixblock>.titlebar>.preview{flex-grow:1;min-width:0;opacity:0;overflow:hidden;transition:opacity .1s linear}.matrixblock>.titlebar>.preview:empty{display:none}body.ltr .matrixblock>.titlebar>.preview{-webkit-mask-image:linear-gradient(270deg,transparent,#000 12px);mask-image:linear-gradient(270deg,transparent,#000 12px)}body.rtl .matrixblock>.titlebar>.preview{-webkit-mask-image:linear-gradient(90deg,transparent,#000 12px);mask-image:linear-gradient(90deg,transparent,#000 12px)}.matrixblock>.titlebar>.preview span{opacity:.5}.matrixblock>.titlebar>.matrixblock-tabs{flex:1;margin:-5px 0;min-width:0}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs{margin:0}body.ltr .matrixblock>.titlebar>.matrixblock-tabs .pane-tabs{padding-right:3px}body.rtl .matrixblock>.titlebar>.matrixblock-tabs .pane-tabs{padding-left:3px}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs [role=tablist]{padding:0 12px}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs [role=tablist].scrollable{-webkit-mask-image:linear-gradient(90deg,transparent,#000 12px,#000 calc(100% - 12px),transparent);mask-image:linear-gradient(90deg,transparent,#000 12px,#000 calc(100% - 12px),transparent)}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs [role=tablist] [role=tab]{background-color:transparent}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs [role=tablist] [role=tab] .tab-label{height:calc(var(--lh) + 10px);padding:0 var(--m)}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn){margin-left:0;margin-right:0}body.ltr .matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn):not(:empty):not(.btn-empty):after{margin-left:0}body.rtl .matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn):not(:empty):not(.btn-empty):after{margin-right:0}body.ltr .matrixblock>.titlebar>.preview:first-child:empty+.matrixblock-tabs{margin-left:calc((var(--m) + 12px)*-1)}body.rtl .matrixblock>.titlebar>.preview:first-child:empty+.matrixblock-tabs{margin-right:calc((var(--m) + 12px)*-1)}body.ltr .matrixblock>.titlebar>.preview:first-child:empty+.matrixblock-tabs [role=tab]:first-child,body.ltr .matrixblock>.titlebar>.preview:first-child:empty+.matrixblock-tabs [role=tab]:first-child .tab-label{border-top-left-radius:calc(var(--large-border-radius) - 2px)}body.rtl .matrixblock>.titlebar>.preview:first-child:empty+.matrixblock-tabs [role=tab]:first-child,body.rtl .matrixblock>.titlebar>.preview:first-child:empty+.matrixblock-tabs [role=tab]:first-child .tab-label{border-top-right-radius:calc(var(--large-border-radius) - 2px)}body.ltr .matrixblock.disabled-entry>.titlebar{padding-right:100px}body.rtl .matrixblock.disabled-entry>.titlebar{padding-left:100px}.matrixblock.disabled-entry>.actions>.status.off{display:block}.matrixblock.collapsed>.titlebar{border-radius:calc(var(--large-border-radius) - 2px)}.matrixblock.collapsed>.titlebar>.preview{opacity:1}.matrixblock>.actions{align-items:center;cursor:default;display:flex;gap:var(--xs);min-height:calc(var(--lh) + 10px);position:absolute;top:0}body.ltr .matrixblock>.actions{right:var(--m)}body.rtl .matrixblock>.actions{left:var(--m)}.matrixblock>.actions>*{margin:0!important}.matrixblock>.actions>.status.off{display:none}.matrixblock>.actions a:not([data-action]){color:var(--dark-hairline-color);height:var(--touch-target-size);padding:0;text-align:center;transform:color linear .1s}.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:var(--l)}.matrixblock>.fields>.flex-fields>.field:before{display:none}body.ltr .matrixblock>.fields>.flex-fields>.field>.status-badge{left:-2px}body.rtl .matrixblock>.fields>.flex-fields>.field>.status-badge{right:-2px}.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}body.sitepicker #main-content{align-items: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 (-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{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);--sidebar-width:226px;--global-sidebar-width:226px}html{-webkit-text-size-adjust:100%}body,html{min-height:100vh}body.dragging *{cursor:move!important;cursor:grabbing!important}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:flex;min-height:100vh;position:relative}@media screen and (prefers-reduced-motion:no-preference){body.ltr #global-container{transition:left .1s cubic-bezier(.33,1,.68,1)}body.rtl #global-container{transition:right .1s cubic-bezier(.33,1,.68,1)}}#system-info{align-items:center;background-clip:padding-box;border-bottom:1px solid var(--hairline-color);color:currentColor;display:grid;flex:0 0 2.8125rem;flex-direction:row;gap:10px;grid-template-columns:var(--prefix-width) auto;height:2.8125rem;padding:0 var(--gutter-width);position:relative}#system-info:after{display:none}#system-info:focus,#system-info:hover{background-color:var(--gray-200);text-decoration:none}#site-icon{--size:var(--prefix-width);height:var(--size)}#site-icon img,#site-icon svg{border-radius:4px;display:block;height:var(--size);width:var(--size)}#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{display:-webkit-box;margin:0;max-height:40px;overflow:hidden;position:relative;width:100%;-webkit-box-orient:vertical;-webkit-line-clamp:2}@media only screen and (min-width:1200px){[data-sidebar=collapsed] #system-info:hover #system-name{opacity:1;transform:translateY(-50%) translateX(0)}[data-sidebar=collapsed] #system-name{background:#fff;border-radius:var(--medium-border-radius);box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);color:var(--text-color);left:calc(100% + var(--s)*2);opacity:0;padding:var(--xs) var(--s);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%) translateX(-5px);white-space:nowrap}[data-sidebar=collapsed] #system-name:focus{box-shadow:var(--focus-ring)}}@media only screen and (min-width:1200px)and (prefers-reduced-motion:no-preference){[data-sidebar=collapsed] #system-name{transition:opacity 50ms cubic-bezier(.33,1,.68,1),transform .15s cubic-bezier(.33,1,.68,1)}}#global-footer{align-items:center;display:flex;flex-direction:column;gap:var(--m);padding:var(--m) var(--m) var(--xl)}body.has-debug-toolbar #global-footer{padding-bottom:calc(var(--xl) + 42px)}#global-footer a{white-space:nowrap}#app-info{display:flex;flex-direction:row;gap:var(--m);justify-content:center}#trial-info{background-color:#dbe5f0;border-radius:var(--large-border-radius);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.5),0 0 0 1px #bdcbdb,0 2px 12px rgba(205,216,228,.5);padding:16px var(--xl);text-align:center}#app-version{align-items:center;color:var(--gray-600);display:flex;font-size:12px;gap:var(--s);justify-content:center;text-align:center}#app-version a{text-decoration:underline}#app-version a,#app-version a.go:hover:after{color:var(--gray-600)}#edition-logo{border:1px solid var(--gray-600);border-radius:3px;box-sizing:content-box;display:inline-flex;font-size:11px;font-weight:600;letter-spacing:1.7px;line-height:8px;padding:6px 5px 6px 7px;position:relative;text-transform:uppercase;top:-1px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#devmode{background:url(../images/dev-mode.svg) repeat-x 21px 0;cursor:help;flex:0 0 4px;margin-top:auto;min-height:4px;width:100%}#page-container{display:flex;flex-direction:column;flex-grow:1}#alerts{background-color:var(--red-050);border-left:6px solid var(--error-color);color:var(--error-color);position:relative}#alerts>li{box-shadow:inset 0 -1px 0 0 var(--red-100);padding:10px 24px}#alerts>li .resolvable-alert-buttons{margin-top:var(--m)}#alerts>li .btn,#alerts>li a.go{align-items:center;border:1px solid rgba(220,38,38,.5);border-radius:var(--medium-border-radius);color:var(--error-color);display:inline-flex;height:1.875rem;margin:0 2px;padding:4px 5px}.flex #alerts>li .btn,.flex #alerts>li a.go{margin:0}#alerts>li .btn:hover,#alerts>li a.go:hover{border-color:var(--error-color)}#alerts>li a:not(.btn){color:var(--error-color);text-decoration:underline}#alerts>li a:not(.btn).go{text-decoration:none;white-space:nowrap}#alerts>li a:not(.btn).go:after{color:var(--error-color);font-size:15px;margin-top:1px}#alerts>li .btn{background-color:transparent}#global-header .btn.menubtn,.btn.action-btn,li.crumb .btn.menubtn{height:var(--touch-target-size);padding:0;width:var(--touch-target-size)}#global-header .btn.menubtn:not(:hover):not(:active):not([aria-expanded=true]),.btn.action-btn:not(:hover):not(:active):not([aria-expanded=true]),li.crumb .btn.menubtn:not(:hover):not(:active):not([aria-expanded=true]){background-color:transparent}#global-header{border-bottom:1px solid var(--hairline-color);margin-bottom:var(--m);width:100%}#global-header .flex{align-items:center;height:2.75rem}#global-header .btn{--ui-control-color:var(--gray-400);--ui-control-hover-color:var(--gray-800);--ui-control-active-color:var(--gray-700)}#global-header .btn:hover{color:var(--ui-control-hover-color)}.nav-toggle{align-items:center;border-right:1px solid var(--medium-hairline-color);color:currentColor;display:flex;height:2.75rem;justify-content:center;line-height:26px;min-width:44px;text-align:center;width:44px}.nav-toggle:before{font-family:Craft;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;content:"menu";font-size:16px;line-height:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.nav-toggle:hover{color:var(--link-color)}#crumbs{align-items:center;display:flex;flex-direction:row;font-size:13px;margin:0!important;max-width:100%;overflow:hidden}#crumbs.empty{display:none}#crumbs nav{margin:0}#primary-nav-toggle:focus-visible{box-shadow:var(--inner-focus-ring)}#crumb-list{align-items:stretch;display:flex;flex-direction:row;flex-wrap:nowrap;height:2.75rem;max-width:100%;--arrow-padding:10;--arrow-height:22;--arrow-angle:35;--arrow-width:17.1111;--arrow-c:27.871}body.rtl #crumb-list{--arrow-angle:-35;--arrow-width:-19.4444}#crumb-list li.crumb{color:var(--light-text-color);cursor:default;position:relative}body.ltr #crumb-list li.crumb{padding-left:calc(var(--arrow-width)*.5rem/16)}body.rtl #crumb-list li.crumb{padding-right:calc(var(--arrow-width)*.5rem/16)}body.ltr #crumb-list li.crumb:not(.current){padding-right:calc(var(--arrow-width)*1rem/16)}body.rtl #crumb-list li.crumb:not(.current){padding-left:calc(var(--arrow-width)*1rem/16)}#crumb-list li.crumb:not(.current):after,#crumb-list li.crumb:not(.current):before{background:var(--medium-hairline-color);content:"";display:block;height:calc(var(--arrow-c)*1rem/16);pointer-events:none;position:absolute;width:1px}body.ltr #crumb-list li.crumb:not(.current):after,body.ltr #crumb-list li.crumb:not(.current):before{right:calc(var(--arrow-width)*.5rem/16)}body.rtl #crumb-list li.crumb:not(.current):after,body.rtl #crumb-list li.crumb:not(.current):before{left:calc(var(--arrow-width)*.5rem/16)}#crumb-list li.crumb:not(.current):before{top:calc((var(--arrow-height) - var(--arrow-c))/2*1rem/16);transform:rotate(calc(var(--arrow-angle)*-1deg))}#crumb-list li.crumb:not(.current):after{bottom:calc((var(--arrow-height) - var(--arrow-c))/2*1rem/16);transform:rotate(calc(var(--arrow-angle)*1deg))}#crumb-list .menu--disclosure li{display:block}#crumb-list .menu--disclosure li:after{content:none}#crumb-menu-trigger{min-width:var(--touch-target-size)}#crumb-menu-trigger:before{width:100%}#crumb-menu .chip{min-height:44px}li.crumb{align-items:center;display:flex;flex-wrap:nowrap;gap:var(--xs)}li.crumb [data-icon]{position:relative;top:-1px}li.crumb .menubtn{margin:0 calc(var(--xs)*-1/2);position:relative}li.crumb [data-icon=ellipsis]:before{font-size:17px;margin-top:3px}li.crumb .chip{background-color:transparent;padding:0;--custom-bg-color:initial!important;--custom-text-color:initial!important;--custom-sel-bg-color:initial!important}li.crumb .chip .label-link{max-width:15em}li.crumb .chip .label-link:focus-visible{box-shadow:var(--inner-focus-ring)}li.crumb .chip .label-link span:not(.context-label){display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}li.crumb:has(.menubtn)>a{margin-right:0!important;padding-right:var(--xs)!important}li.crumb>a{align-items:center;display:flex!important;flex:1;flex-wrap:nowrap;gap:var(--xs);white-space:nowrap}.menu--disclosure li.crumb>a{min-height:34px}li.crumb a,li.crumb button{align-items:center;display:inline-flex;min-height:var(--touch-target-size)}li.crumb a:not(:hover),li.crumb button:not(:hover){color:var(--text-color)}li.crumb a:hover,li.crumb button:hover{text-decoration:none}li.crumb a{position:relative}li.crumb button{cursor:pointer}li.breadcrumb-toggle-wrapper:after{content:none}#account-menu ul li a{max-width:calc(100% + 28px)!important}#announcements-btn{height:1.875rem;padding-left:0;padding-right:0;position:relative;width:1.875rem;width:calc(1.75rem + 10px)}#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:50%;content:"";display:block;height:.4375rem;position:absolute;top:.1875rem;width:.4375rem}body.ltr #announcements-btn.unread:after{right:5px}body.rtl #announcements-btn.unread:after{left:5px}#announcements-btn svg{height:1rem;width:1rem}#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(--ui-control-active-color);stroke-width:0}#announcements{max-width:350px}#announcements .announcement:not(:first-child){margin-top:20px}#announcements .announcement .announcement-label-container{align-items:center;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.unread .announcement__heading: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 .announcement__heading:after{left:-13px}body.rtl #announcements .announcement.unread .announcement__heading:after{right:-13px}#announcements .announcement p{margin:0}#announcements .announcement__header{display:grid}#announcements .announcement__heading{margin:0 0 3px;order:1;position:relative}#user-info{align-items:center;background-color:transparent;border-radius:0;display:flex;flex-direction:row;height:100%;padding-bottom:5px;padding-top:5px}body.ltr #user-info{padding-left:var(--s)}body.rtl #user-info{padding-right:var(--s)}body.ltr #user-info{padding-right:calc(var(--padding) + 1px)}body.rtl #user-info{padding-left:calc(var(--padding) + 1px)}#user-info:after{border-color:var(--ui-control-color);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 img,.header-photo svg{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:1.875rem;max-width:none;transition:box-shadow .15s linear;width:1.875rem}#user-info:hover .header-photo img,#user-info:hover .header-photo svg{box-shadow:0 0 0 1px rgba(31,41,51,.05),0 2px 10px -2px rgba(31,41,51,.3)}#main-container{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}body.has-debug-toolbar #notifications{bottom:50px}@media only screen and (min-width:974px){#notifications{width:350px}}#notifications .notification{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:flex;padding:10px 14px;position:relative;--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{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:flex;flex:1}#notifications .notification .notification-body .notification-message{font-weight:700;overflow-wrap:anywhere;word-break:normal}#notifications .notification .notification-body .notification-details{margin-top:var(--xs)}#notifications .notification .notification-body .notification-details .chip{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)}@media only screen and (min-width:1200px){#primary-nav-toggle{display:none}body.ltr #crumbs.empty+.context-menu-container,body.ltr #crumbs:not(.empty) #primary-nav-toggle+nav ul li:first-child{margin-left:var(--padding)}body.rtl #crumbs.empty+.context-menu-container,body.rtl #crumbs:not(.empty) #primary-nav-toggle+nav ul li:first-child{margin-right:var(--padding)}body.ltr #crumbs.empty+.context-menu-container,body.ltr #crumbs:not(.empty) #primary-nav-toggle+nav ul li:first-child{padding-left:0}body.rtl #crumbs.empty+.context-menu-container,body.rtl #crumbs:not(.empty) #primary-nav-toggle+nav ul li:first-child{padding-right:0}}#global-header .flex,#header .flex{max-width:100%}#global-header .flex.flex-nowrap,#header .flex.flex-nowrap{min-width:0}#header{align-content:stretch;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:flex;flex-wrap:nowrap;gap:var(--s);justify-content:space-between;padding:5px var(--padding);position:relative;transition:background-color .1s linear,box-shadow .1s linear;z-index:2}body.fixed-header #header{background-color:var(--gray-100);box-shadow: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;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{align-items:flex-start;flex:1;justify-content:space-between}#toolbar .icon:before,#toolbar .menubtn:after,#toolbar .texticon:before,#toolbar [data-icon-after]:after,#toolbar [data-icon]:before{color:currentColor;opacity:.8}#toolbar .text{border-radius:var(--large-border-radius)}#toolbar .text:-ms-input-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}@media only screen and (max-width:400px){#action-buttons .btngroup .btn:first-child{flex-basis:100%}}@media only screen and (max-width:973px){#action-buttons{margin-top:10px}}#main-content{align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:row;padding:0 var(--padding) 48px}#main-content>.grid:only-child{flex:1}#sidebar-toggle-container{display:none}#sidebar-container{box-sizing:border-box;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 var(--m);position:relative;width:226px}#sidebar.fixed{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{flex:1 1 auto;width:400px}#content-heading{margin-top:var(--xl)!important}@media only screen and (min-width:974px){#content-heading{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}}.content-pane{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) var(--padding);position:relative;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,.footer{line-height:2rem;min-height:44px;padding:6px var(--pane-padding,var(--xl))}#footer .buttons,.footer .buttons{align-items:center;display:flex;height:32px}#footer .btn,.footer .btn{height:var(--ui-control-height--small);padding-bottom:4px;padding-top:4px}#footer{background-color:var(--gray-050);border-radius:var(--small-border-radius);bottom:0;box-sizing:border-box;margin:calc(var(--xl) + 1px) calc(var(--padding)*-1 + 2px) calc(var(--xl)*-1 + 2px);position:sticky;z-index:1}#footer:empty{display:none}#footer.stuck{border-radius:0}@supports((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){#footer.stuck{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(228,237,246,.75)}}.has-debug-toolbar #footer{transition:padding .1s linear}.has-debug-toolbar #footer.stuck{padding-bottom:52px}#footer .flex>*,#footer>*{margin-bottom:0}#details-container{box-sizing:border-box;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;z-index:1}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}#details .details{padding-bottom:calc(var(--xl) + 11.5em)}#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:var(--large-border-radius);padding-bottom:var(--m);padding-top:var(--m)}@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,#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}#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}#details .details{margin-bottom:auto}}@media only screen and (max-width:767px){:root{--padding:var(--s);--neg-padding:calc(var(--s)*-1)}#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}.card-grid{display:flex!important;flex-direction:column}}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:0 var(--xl);position:relative}.sidebar .heading:not(:first-child){margin-top:var(--m)}.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 .heading>ul{margin:2px calc(var(--xl)*-1)}.sidebar nav{padding:0 var(--s)}body.ltr .sidebar nav>ul>li.heading>ul>li>a,body.ltr .sidebar nav>ul>li:not(.heading)>a{padding-left:24px}body.rtl .sidebar nav>ul>li.heading>ul>li>a,body.rtl .sidebar nav>ul>li:not(.heading)>a{padding-right:24px}body.ltr .sidebar nav>ul>li.heading>ul>li>.toggle,body.ltr .sidebar nav>ul>li:not(.heading)>.toggle{left:calc(var(--m)*0)}body.rtl .sidebar nav>ul>li.heading>ul>li>.toggle,body.rtl .sidebar nav>ul>li:not(.heading)>.toggle{right:calc(var(--m)*0)}body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>a,body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>a{padding-left:38px}body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>a,body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>a{padding-right:38px}body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>.toggle,body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>.toggle{left:calc(var(--m)*1)}body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>.toggle,body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>.toggle{right:calc(var(--m)*1)}body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>a,body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>a{padding-left:52px}body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>a,body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>a{padding-right:52px}body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>.toggle,body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>.toggle{left:calc(var(--m)*2)}body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>.toggle,body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>.toggle{right:calc(var(--m)*2)}body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>a,body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>a{padding-left:66px}body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>a,body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>a{padding-right:66px}body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle,body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>.toggle{left:calc(var(--m)*3)}body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle,body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>.toggle{right:calc(var(--m)*3)}body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>a,body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>a{padding-left:80px}body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>a,body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>a{padding-right:80px}body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle,body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle{left:calc(var(--m)*4)}body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle,body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>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}.sidebar nav li:not(.has-subnav)>a.active-drop-target,.sidebar nav li:not(.has-subnav)>a.sel{background-color:var(--gray-500);cursor:default}.sidebar nav li:not(.has-subnav)>a.active-drop-target,.sidebar nav li:not(.has-subnav)>a.active-drop-target+.toggle,.sidebar nav li:not(.has-subnav)>a.sel,.sidebar nav li:not(.has-subnav)>a.sel+.toggle{color:var(--white)}.sidebar nav li:not(.has-subnav)>a.sel{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:500}.sidebar nav li a{align-items:center;border-radius:var(--large-border-radius);box-sizing:border-box;color:var(--text-color);display:flex;flex-direction:row;margin-bottom:1px;min-height:var(--xl);padding:7px var(--xl);position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;word-break:break-word}.sidebar nav li a .status{flex-shrink:1}.sidebar nav li a .icon{flex-shrink:1;height:1.125rem;opacity:.85;position:relative;top:1px;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:1rem;width:1rem}.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{background-color:var(--medium-text-color);border-radius:var(--s);color:var(--white);flex-shrink:1;font-size:.6875rem;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{align-items:center;display:flex;height:34px;justify-content:center;position:absolute;top:0;width:var(--xl);z-index:1}.sidebar nav li ul{display:none}.sidebar nav li.expanded>ul,.sidebar nav li.heading>ul{display:block}.error-summary{background-color:var(--gray-050);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-bottom:var(--l);padding:var(--l) var(--xl) var(--xl)}.error-summary .notification-icon{color:var(--error-color);float:left;margin:-2px 6px 0 0}.error-summary h2{margin-top:var(--xs)}.error-summary>ul.errors li,.error-summary>ul.errors li a{color:var(--text-color)}.error-summary>ul.errors li a em,.error-summary>ul.errors li em{font-weight:600}.error-summary>ul.errors li a:hover,.error-summary>ul.errors li:hover{color:var(--link-color)}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,.draghelper .flex-fields,.so-content .flex-fields{--row-gap:var(--xl);align-content:flex-start;display:flex;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>*,.draghelper .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,.draghelper .flex-fields>h2,.so-content .flex-fields>h2{flex:4 0 100%}#content :not(.meta)>.flex-fields>h2:not(:nth-child(-n+1 of :not(.hidden))),#content>.flex-fields>h2:not(:nth-child(-n+1 of :not(.hidden))),.draghelper .flex-fields>h2:not(:nth-child(-n+1 of :not(.hidden))),.so-content .flex-fields>h2:not(:nth-child(-n+1 of :not(.hidden))){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,.draghelper .flex-fields>.line-break,.draghelper .flex-fields>hr,.so-content .flex-fields>.line-break,.so-content .flex-fields>hr{flex:4 0 100%}#content :not(.meta)>.flex-fields>.line-break:not(:first-child),#content>.flex-fields>.line-break:not(:first-child),.draghelper .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,.draghelper .flex-fields>:not(h2):not(hr):not(.line-break),.draghelper .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,.draghelper .flex-fields>:not(h2):not(hr):not(.line-break):before,.draghelper .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 .draghelper .flex-fields>:not(h2):not(hr):not(.line-break):before,body.ltr .draghelper .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 .draghelper .flex-fields>:not(h2):not(hr):not(.line-break):before,body.rtl .draghelper .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,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-25,.draghelper.drag-in-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,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-50,.draghelper.drag-in-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,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-75,.draghelper.drag-in-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,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-25,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-50,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50{width:50%}}@media only screen and (min-width:1200px){.draghelper.drag-in-slideout .flex-fields>:not(h2):not(hr):not(.line-break).width-25,.draghelper.drag-in-slideout .flex-fields>:not(h2):not(hr):not(.line-break).width-50,.draghelper.drag-in-slideout .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25,.draghelper.drag-in-slideout .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50,.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%}}.global-sidebar{--is-always-visible:true;--prefix-width:1.875rem;--prefix-ratio:1;--gutter-width:0.625rem;display:flex;flex-direction:column;height:100vh;padding:0;position:sticky;top:0;z-index:100;-webkit-overflow-scrolling:touch;background-color:transparent;border-right:1px solid var(--hairline-color);width:var(--global-sidebar-width)}.global-sidebar a{text-decoration:none}.global-sidebar :not(.has-subnav)>a:not([href]),.global-sidebar>a:not([href]){background-color:transparent;cursor:default}@media only screen and (max-width:1199px){.global-sidebar{--is-always-visible:false}}.global-sidebar__nav{padding:var(--s) 0}.global-sidebar__footer{display:grid;gap:var(--s);margin-block-start:auto}.global-nav>ul{display:flex;flex-direction:column;gap:var(--s)}.global-nav>ul>li{position:relative}.nav-icon{align-items:center;aspect-ratio:1;display:inline-flex;flex-direction:column;justify-content:center;line-height:0;width:1rem;--thumb-size:1rem}.nav-icon>svg{height:100%;width:100%}.nav-icon>svg circle,.nav-icon>svg ellipse,.nav-icon>svg line,.nav-icon>svg path,.nav-icon>svg polygon,.nav-icon>svg polyline,.nav-icon>svg rect,.nav-icon>svg text{fill:currentColor;stroke-width:0}.nav-item{--gutter-width:0.625rem;align-items:center;display:grid;grid-template-areas:". action trigger ." "subnav subnav subnav subnav";grid-template-columns:var(--gutter-width) 1fr var(--prefix-width) var(--gutter-width);width:100%}.nav-item>.sidebar-action{grid-area:action}[data-sidebar=collapsed] .nav-item{grid-template-areas:". action ." ". trigger ." "subnav subnav subnav";grid-template-columns:var(--gutter-width) var(--prefix-width) var(--gutter-width)}.nav-item__trigger{--icon-size:10px;--trigger-size:var(--touch-target-size);display:flex;grid-area:trigger;z-index:1}.nav-item__trigger .menubtn{align-items:center;border:transparent;flex-direction:column;height:var(--trigger-size);justify-content:center;padding:0;width:var(--trigger-size)}.nav-item__trigger .menubtn:hover{background-color:var(--ui-control-bg-color)}.nav-item__trigger .menubtn[aria-expanded=true]:not(:hover){background-color:transparent}.nav-item__trigger .menubtn[aria-expanded=true]:after{border:solid;border-width:0 .125rem .125rem 0;content:"";display:block;font-size:0;height:.4375rem;opacity:.8;position:relative;top:2px;transform:rotate(225deg);width:.4375rem}.nav-item__trigger .menubtn:after{margin-left:0!important}.nav-item__subnav{--prefix-ratio:4/3;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;grid-area:subnav;white-space:nowrap}.nav-item__subnav.is-open{height:auto;margin:0;overflow:visible;padding:0;position:static;width:auto;clip:auto;white-space:normal}.badge{background-color:var(--medium-text-color);border-radius:var(--s);color:var(--white);display:inline-flex;flex-shrink:1;font-size:11px;height:1rem;justify-content:center;line-height:1rem;text-align:center;width:1.1rem}.sidebar-actions{padding:10px var(--gutter-width)}.sidebar-action{--thumb-size:0.75rem;align-items:center;border-radius:var(--medium-border-radius);color:currentColor;cursor:pointer;display:flex;gap:7px;min-height:30px;position:relative;text-align:left;width:100%}.sidebar-action:before{content:"";height:80%;left:-.625rem;position:absolute;top:50%;transform:translateY(-50%);width:var(--xs)}.sidebar-action:focus-visible,.sidebar-action:hover{background-color:var(--gray-200)}.sidebar-action.sel:before{--indicator-size:6px;background-color:currentColor}.sidebar-action--sub{--indicator-size:4px;font-size:.9em;min-height:26px}.sidebar-action--sub:before{background-color:var(--gray-300);border-radius:100%;height:var(--indicator-size);left:calc(15px - var(--indicator-size)/2);top:50%;width:var(--indicator-size)}.sidebar-action--job{align-items:flex-start}.sidebar-action--job .sidebar-action__label{padding-block:var(--xs)}.sidebar-action--job[href]:hover{background-color:transparent}.sidebar-action--job[href]:hover .icon>span.icon>canvas#job-icon-hover{opacity:1}.sidebar-action--job .label{white-space:normal}.sidebar-action--job .progress-label{color:var(--gray-300);display:block;font-size:11px;line-height:1.5}.sidebar-action--job .nav-icon{display:block;height:16px;position:relative;width:16px}.sidebar-action--job .nav-icon>canvas{display:block;height:16px;position:absolute;width:16px}.sidebar-action--job .nav-icon>canvas#job-icon-hover{opacity:0}.sidebar-action__prefix{align-items:center;aspect-ratio:var(--prefix-ratio);display:flex;flex-shrink:0;justify-content:center;line-height:0;width:var(--prefix-width)}.sidebar-action__label{align-items:center;display:inline-flex;flex-grow:1;gap:var(--s);overflow:hidden;padding:0 var(--xs);text-overflow:ellipsis;white-space:nowrap}.sidebar-action__badge{display:flex;flex-direction:column;justify-content:center;margin-left:auto;padding:0 var(--s)}@media only screen and (min-width:1200px){[data-sidebar=collapsed] .global-sidebar{--global-sidebar-width:3.125rem}[data-sidebar=collapsed] .nav-item__indicator{right:-1px}[data-sidebar=collapsed] .sidebar-action{min-height:var(--prefix-width);width:var(--prefix-width)}[data-sidebar=collapsed] .sidebar-action:focus-visible .sidebar-action__label,[data-sidebar=collapsed] .sidebar-action:hover .sidebar-action__label{opacity:1;transform:translateY(-50%) translateX(0)}[data-sidebar=collapsed] .nav-item__trigger .menubtn{height:auto;padding-block:2px var(--xs);width:100%}[data-sidebar=collapsed] .sidebar-action__label{background:#fff;border-radius:var(--medium-border-radius);box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);color:var(--text-color);left:calc(100% + var(--xs)*2);opacity:0;padding:var(--xs) var(--s);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%) translateX(-5px);z-index:10}[data-sidebar=collapsed] .sidebar-action__label:focus{box-shadow:var(--focus-ring)}}@media only screen and (min-width:1200px)and (prefers-reduced-motion:no-preference){[data-sidebar=collapsed] .sidebar-action__label{transition:opacity 50ms cubic-bezier(.33,1,.68,1),transform .15s cubic-bezier(.33,1,.68,1)}}@media only screen and (min-width:1200px){[data-sidebar=collapsed] .sidebar-action__badge{bottom:var(--xs);padding:0;position:absolute;right:calc(var(--xs)*-1);transform:translateY(25%);z-index:100}[data-sidebar=collapsed] .sidebar-action--sub{min-height:26px}[data-sidebar=collapsed] .sidebar-action--sub:before{left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}[data-sidebar=collapsed] .global-nav>ul>li+li{--separator-width:1.75rem}[data-sidebar=collapsed] .global-nav>ul>li+li:before{background-color:var(--hairline-color);content:"";height:1px;left:calc((var(--global-sidebar-width) - var(--separator-width))/2);margin:0 auto;position:absolute;top:calc(var(--s)/-2);width:var(--separator-width)}[data-sidebar=expanded] #sidebar-toggle-icon{transform:rotate(180deg)}}#sidebar-trigger{display:none}@media only screen and (min-width:1200px){#sidebar-trigger{display:flex}}.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:5px 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:68px}}.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:flex;flex-direction:column}.lp-editor-container .lp-editor{box-sizing:border-box;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}body.ltr .lp-editor-container .lp-editor .matrixblock>.fields>.flex-fields>.field>.status-badge{left:calc(var(--m)*-1)}body.rtl .lp-editor-container .lp-editor .matrixblock>.fields>.flex-fields>.field>.status-badge{right:calc(var(--m)*-1)}.lp-editor-container .lp-draghandle{cursor:col-resize;height:100%;position:absolute;top:0;width:4px;z-index:101}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:flex;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: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:44px}}.lp-preview-container .lp-preview-header .lp-device-type .btn:before{background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:block;height:22px;transition-duration:.3s;width:27px}.lp-preview-container .lp-preview-header .lp-device-type .btn.lp-device-type-btn--phone:before{background-image:url(../images/preview/icon-phone.svg)}.lp-preview-container .lp-preview-header .lp-device-type .btn.lp-device-type-btn--tablet:before{background-image:url(../images/preview/icon-tablet.svg)}.lp-preview-container .lp-preview-header .lp-device-type .btn.lp-device-type-btn--desktop:before{background-image:url(../images/preview/icon-desktop.svg)}.lp-preview-container .lp-device-type__label:before{background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:block;height:22px;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-preview-container__bumper-link{bottom:0;top:unset}.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;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;transform:none!important;width:auto!important}.lp-preview-container .lp-iframe-container--has-device-preview{background-color:var(--gray-100);flex:none;height:calc(100% - 44px);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:44px}}.lp-preview-container .lp-iframe-container--has-device-preview .lp-device-preview-container{left:50%;opacity:1;overflow:auto;position:absolute;top:50%;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;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{transition-duration:.3s;transition-property:transform}.lp-preview-container .lp-iframe-container--rotating .lp-device-preview-container{opacity:0;transition:opacity 0s}}.login-container .login-form-container{background-color:var(--gray-050)}.login-container .login-form input[readonly]{cursor:not-allowed}.login-container .login-form>.btn,.login-container .login-form>.field{margin-top:var(--l)}.login-container .login-form>.btn:not(:last-child):not(.last),.login-container .login-form>.field:not(:last-child):not(.last){margin-bottom:var(--l)}.login-container .login-form .btn{display:flex}.login-container .alternative-login-methods{margin-top:var(--m)}.login-container .alternative-login-methods .btn{width:100%}.login-container .login-alt-container button,.login-container .login-forgot-password{color:var(--medium-text-color);cursor:pointer!important;font-size:11px}.login-container .login-alt-container{margin:calc(var(--s) - var(--xl)) 0}.login-container .login-alt-container button{background-color:transparent;display:inline-flex;height:auto;min-height:var(--touch-target-size);padding:0;width:auto}.login-container .login-alt-container button:focus,.login-container .login-alt-container button:hover,.login-container .login-forgot-password:focus,.login-container .login-forgot-password:hover{color:var(--link-color)}.login-container .login-errors{color:var(--error-color);margin-top:1em;text-align:center}.login-alt-menu{z-index:1001}body.login{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100%}body.login main{max-width:100%;padding:var(--padding);width:calc(300px + var(--padding)*2)}body.login main h1{font-size:32px;line-height:40px;text-align:center;word-wrap:break-word}body.login main h1 #login-logo{height:auto;max-height:300px;width:100%}body.login #poweredby{display:block;margin-bottom:48px;margin-top:70px;opacity:.8;text-align:center}body.login #poweredby:active,body.login #poweredby:focus,body.login #poweredby:hover{opacity:1}body.login #poweredby>svg{display:inline-block}.modal.email-sent{width:300px}body.ltr .modal.email-sent .body{padding-left:68px}body.rtl .modal.email-sent .body{padding-right:68px}.modal.email-sent .body:before{font-family:Craft;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;color:var(--link-color);content:"mail";display:block;font-size:30px;position:absolute;top:24px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body.ltr .modal.email-sent .body:before{left:24px}body.rtl .modal.email-sent .body:before{right:24px}.login-modal{background:var(--gray-100);border-radius:var(--large-border-radius);max-width:calc(100% - 20px);width:calc(600px + var(--l)*2)}.login-modal .body{display:flex;flex-direction:row;padding:var(--l)}.login-modal .body .login-modal-form,.login-modal .body .login-modal-intro{max-width:100%;width:300px}.login-modal .body .login-modal-intro{padding:var(--m)}@media screen and (max-width:656px){.login-modal{border-radius:var(--large-border-radius)}.login-modal .body{flex-direction:column;gap:var(--m);overflow:auto;padding:var(--m)}.login-modal .body .login-modal-intro{padding:var(--xs) var(--xl)}.login-modal .body .login-modal-form{border-radius:0}}.layoutdesigner{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:flex;min-height:500px;overflow:hidden;position:relative}body.ltr .layoutdesigner{padding-right:265px}body.rtl .layoutdesigner{padding-left:265px}.errors>.layoutdesigner{border:1px solid var(--error-color)!important}.layoutdesigner .fld-workspace{background-color:var(--gray-050);background-image:linear-gradient(90deg,#ecf2f9 1px,transparent 0),linear-gradient(180deg,#ecf2f9 1px,transparent 0);background-position:-1px -1px;background-size:24px 24px;box-shadow:inset 0 1px 3px -1px #acbed2;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{align-items:flex-start;display:flex;flex-wrap:wrap}.layoutdesigner .fld-sidebar{display:flex;flex-direction:column;height:100%;padding:14px;position:absolute;top:0;width:265px}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{flex:1;margin:-3px;min-height:0;overflow:auto;padding:3px}.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)}.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:288px}body.ltr .fld-tab{padding:0 25px 24px 0}body.rtl .fld-tab{padding:0 0 24px 25px}.fld-tab .tabs{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:flex;gap:var(--xs);max-width:calc(100% - 10px);padding:8px 14px}body:not(.dragging) .fld-tab .tabs .tab.draggable{cursor:move;cursor:grab}.fld-tab .tabs .tab span{overflow:hidden;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:linear-gradient(90deg,#ecf2f9 1px,transparent 0),linear-gradient(180deg,#ecf2f9 1px,transparent 0);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-element{align-items:center;background-color:var(--white);border-radius:var(--medium-border-radius);box-shadow:inset 0 0 0 1px var(--hairline-color);display:flex;gap:var(--s);padding:var(--s);position:relative}body:not(.dragging) .fld-element{cursor:move;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:not(.draghelper){box-shadow:none}.fld-element.fld-field .field-name{display:flex;flex-direction:column;gap:var(--xs)}.fld-element .fld-element-icon{text-align:center}.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{flex:1;overflow:hidden}.fld-element .field-name .fld-attribute,.fld-element .field-name .fld-element-label{align-items:center;display:flex;flex:1}.fld-element .field-name .fld-attribute .smalltext,.fld-element .field-name .fld-element-label h4{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fld-element .field-name .fld-element-label h4{color:var(--text-color);font-weight:400;margin:0}.fld-br,.fld-hr{display:flex;flex:1;justify-content:center;position:relative}.fld-br:before,.fld-hr:before{border-radius:2px;content:"";display:block;font-size:0;height:4px;left:0;position:absolute;top:calc(50% - 2px);width:100%}.fld-br .smalltext,.fld-hr .smalltext{align-items:center;background-color:var(--gray-100);border-radius:var(--large-border-radius);display:flex;height:var(--touch-target-size);justify-content:center;padding:0 var(--s);position:relative}.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;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:flex;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{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{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;-webkit-user-select:none;-moz-user-select:none;-ms-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;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: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{align-items:stretch;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:flex;flex-direction:column;flex-grow:1;overflow:hidden;position:relative}.modal.imageeditor .body .image-container .image{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%}body.has-debug-toolbar .modal.imageeditor .footer{padding-bottom:50px}.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:calc(1rem + 5px)}body.rtl .modal.imageeditor .body .views .crop .custom{padding-right:calc(1rem + 5px)}.modal.imageeditor .body .views .crop .orientation{align-items:center;display:flex;justify-content:center}.modal.imageeditor .body .views .crop .orientation input{-webkit-appearance:none;-moz-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{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{border-bottom:1px solid #000;border-top:1px solid #000;display:flex;flex-direction:row;width:100%}.vertical.imageeditor .body .tabs ul li{border:0;border-right:1px solid #000;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:flex;flex-wrap:wrap;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;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: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{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)}.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;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1000000} +: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%;--gray-050:hsl(var(--gray-050-hsl));--gray-100:hsl(var(--gray-100-hsl));--gray-200:hsl(var(--gray-200-hsl));--gray-300:hsl(var(--gray-300-hsl));--gray-350:hsl(var(--gray-350-hsl));--gray-400:hsl(var(--gray-400-hsl));--gray-500:hsl(var(--gray-500-hsl));--gray-550:hsl(var(--gray-550-hsl));--gray-600:hsl(var(--gray-600-hsl));--gray-700:hsl(var(--gray-700-hsl));--gray-800:hsl(var(--gray-800-hsl));--gray-900:hsl(var(--gray-900-hsl));--gray-1000:hsl(var(--gray-1000-hsl));--red-050:#fef2f2;--red-100:#fee2e2;--red-200:#fecaca;--red-300:#fca5a5;--red-400:#f87171;--red-500:#ef4444;--red-600:#dc2626;--red-700:#b91c1c;--red-800:#991b1b;--red-900:#7f1d1d;--red-950:#450a0a;--orange-050:#fff7ed;--orange-100:#ffedd5;--orange-200:#fed7aa;--orange-300:#fdba74;--orange-400:#fb923c;--orange-500:#f97316;--orange-600:#ea580c;--orange-700:#c2410c;--orange-800:#9a3412;--orange-900:#7c2d12;--orange-950:#431407;--amber-050:#fffbeb;--amber-100:#fef3c7;--amber-200:#fde68a;--amber-300:#fcd34d;--amber-400:#fbbf24;--amber-500:#f59e0b;--amber-600:#d97706;--amber-700:#b45309;--amber-800:#92400e;--amber-900:#78350f;--amber-950:#451a03;--yellow-050:#fefce8;--yellow-100:#fef9c3;--yellow-200:#fef08a;--yellow-300:#fde047;--yellow-400:#facc15;--yellow-500:#eab308;--yellow-600:#ca8a04;--yellow-700:#a16207;--yellow-750:#93580b;--yellow-800:#854d0e;--yellow-900:#713f12;--yellow-950:#422006;--lime-050:#f7fee7;--lime-100:#ecfccb;--lime-200:#d9f99d;--lime-300:#bef264;--lime-400:#a3e635;--lime-500:#84cc16;--lime-600:#65a30d;--lime-700:#4d7c0f;--lime-800:#3f6212;--lime-900:#365314;--lime-950:#1a2e05;--green-050:#f0fdf4;--green-100:#dcfce7;--green-200:#bbf7d0;--green-300:#86efac;--green-400:#4ade80;--green-500:#22c55e;--green-600:#16a34a;--green-700:#15803d;--green-800:#166534;--green-900:#14532d;--green-950:#052e16;--emerald-050:#ecfdf5;--emerald-100:#d1fae5;--emerald-200:#a7f3d0;--emerald-300:#6ee7b7;--emerald-400:#34d399;--emerald-500:#10b981;--emerald-600:#059669;--emerald-700:#047857;--emerald-800:#065f46;--emerald-900:#064e3b;--emerald-950:#022c22;--teal-050:#f0fdfa;--teal-100:#ccfbf1;--teal-200:#99f6e4;--teal-300:#5eead4;--teal-400:#2dd4bf;--teal-500:#14b8a6;--teal-550:#11a697;--teal-600:#0d9488;--teal-700:#0f766e;--teal-800:#115e59;--teal-900:#134e4a;--teal-950:#042f2e;--cyan-050:#ecfeff;--cyan-100:#cffafe;--cyan-200:#a5f3fc;--cyan-300:#67e8f9;--cyan-400:#22d3ee;--cyan-500:#06b6d4;--cyan-600:#0891b2;--cyan-700:#0e7490;--cyan-800:#155e75;--cyan-900:#164e63;--cyan-950:#083344;--sky-050:#f0f9ff;--sky-100:#e0f2fe;--sky-200:#bae6fd;--sky-300:#7dd3fc;--sky-400:#38bdf8;--sky-500:#0ea5e9;--sky-600:#0284c7;--sky-700:#0369a1;--sky-800:#075985;--sky-900:#0c4a6e;--sky-950:#082f49;--blue-050:#eff6ff;--blue-100:#dbeafe;--blue-200:#bfdbfe;--blue-300:#93c5fd;--blue-400:#60a5fa;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-700:#1d4ed8;--blue-800:#1e40af;--blue-900:#1e3a8a;--blue-950:#172554;--indigo-050:#eef2ff;--indigo-100:#e0e7ff;--indigo-200:#c7d2fe;--indigo-300:#a5b4fc;--indigo-400:#818cf8;--indigo-500:#6366f1;--indigo-600:#4f46e5;--indigo-700:#4338ca;--indigo-800:#3730a3;--indigo-900:#312e81;--indigo-950:#1e1b4b;--violet-050:#f5f3ff;--violet-100:#ede9fe;--violet-200:#ddd6fe;--violet-300:#c4b5fd;--violet-400:#a78bfa;--violet-500:#8b5cf6;--violet-600:#7c3aed;--violet-700:#6d28d9;--violet-800:#5b21b6;--violet-900:#4c1d95;--violet-950:#2e1065;--purple-050:#faf5ff;--purple-100:#f3e8ff;--purple-200:#e9d5ff;--purple-300:#d8b4fe;--purple-400:#c084fc;--purple-500:#a855f7;--purple-600:#9333ea;--purple-700:#7e22ce;--purple-800:#6b21a8;--purple-900:#581c87;--purple-950:#3b0764;--fuchsia-050:#fdf4ff;--fuchsia-100:#fae8ff;--fuchsia-200:#f5d0fe;--fuchsia-300:#f0abfc;--fuchsia-400:#e879f9;--fuchsia-500:#d946ef;--fuchsia-600:#c026d3;--fuchsia-700:#a21caf;--fuchsia-800:#86198f;--fuchsia-900:#701a75;--fuchsia-950:#4a044e;--pink-050:#fdf2f8;--pink-100:#fce7f3;--pink-200:#fbcfe8;--pink-300:#f9a8d4;--pink-400:#f472b6;--pink-500:#ec4899;--pink-600:#db2777;--pink-700:#be185d;--pink-800:#9d174d;--pink-900:#831843;--pink-950:#500724;--rose-050:#fff1f2;--rose-100:#ffe4e6;--rose-200:#fecdd3;--rose-300:#fda4af;--rose-400:#fb7185;--rose-500:#f43f5e;--rose-600:#e11d48;--rose-700:#be123c;--rose-800:#9f1239;--rose-900:#881337;--rose-950:#4c0519;--bg-color:$grey100;--bg-color-hsl:212deg,50%,93%;--primary-color:var(--red-600);--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:#1f5fea;--font-weight-bold:700;--hairline-color:rgba(51,64,77,.1);--medium-hairline-color:#cfd8e3;--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-500);--error-color:#d81e23;--warning-color:var(--amber-700);--success-color:var(--teal-700);--notice-color:var(--sky-700);--enabled-color:var(--teal-550);--pending-color:var(--orange-400);--disabled-color:var(--red-600);--indicator-border-color:var(--amber-600);--indicator-icon-color:var(--amber-700);--small-border-radius:3px;--medium-border-radius:4px;--large-border-radius:5px;--menu-border-radius:var(--medium-border-radius);--checkbox-size:1rem;--radio-size:1rem;--ui-control-color:var(--gray-550);--ui-control-hover-color:var(--gray-600);--ui-control-active-color:var(--gray-700);--ui-control-static-bg-color:rgba(96,125,159,.25);--ui-control-bg-color:var(--ui-control-static-bg-color);--ui-control-hover-bg-color:rgba(96,125,159,.3);--ui-control-active-bg-color:rgba(96,125,159,.5);--ui-control-border-radius:var(--large-border-radius);--ui-control-height:2.125rem;--ui-control-height--small:1.875rem;--light-focus-hsl:211.6981132075deg,96.3636363636%,78.431372549%;--medium-focus-hsl:217.2192513369deg,91.2195121951%,59.8039215686%;--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:1.5rem;--thumb-size:1.25rem;--icon-size:1rem;--elements-busy-top-position:calc(50% - var(--size, 20px)/2);--lh:1.42em}@font-face{font-display:block;font-family:Craft;font-style:normal;font-weight:400;src:url(../fonts/Craft.woff2) format("woff2"),url(../fonts/Craft.woff) format("woff"),url(../fonts/Craft.ttf) format("truetype"),url(../fonts/Craft.svg#Craft) format("svg")}body,html{background-color:var(--gray-100);box-shadow:var(--light-focus-ring)}body{color:var(--text-color);font-size:.875rem;line-height:var(--lh);overflow-x:hidden;width:100vw;-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}.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}.mt-0{margin-top:0!important}.mt-xs{margin-top:var(--xs)!important}.mt-s{margin-top:var(--s)!important}.mt-m{margin-top:var(--m)!important}.mt-l{margin-top:var(--l)!important}.mt-xl{margin-top:var(--xl)!important}.mb-0{margin-bottom:0!important}.mb-xs{margin-bottom:var(--xs)!important}.mb-s{margin-bottom:var(--s)!important}.mb-m{margin-bottom:var(--m)!important}.mb-l{margin-bottom:var(--l)!important}.mb-xl{margin-bottom:var(--xl)!important}.ml-0{margin-left:0!important}.ml-xs{margin-left:var(--xs)!important}.ml-s{margin-left:var(--s)!important}.ml-m{margin-left:var(--m)!important}.ml-l{margin-left:var(--l)!important}.ml-xl{margin-left:var(--xl)!important}.mr-0{margin-right:0!important}.mr-xs{margin-right:var(--xs)!important}.mr-s{margin-right:var(--s)!important}.mr-m{margin-right:var(--m)!important}.mr-l{margin-right:var(--l)!important}.mr-xl{margin-right:var(--xl)!important}.mx-0{margin-left:0!important;margin-right:0!important}.mx-xs{margin-left:var(--xs)!important;margin-right:var(--xs)!important}.mx-s{margin-left:var(--s)!important;margin-right:var(--s)!important}.mx-m{margin-left:var(--m)!important;margin-right:var(--m)!important}.mx-l{margin-left:var(--l)!important;margin-right:var(--l)!important}.mx-xl{margin-left:var(--xl)!important;margin-right:var(--xl)!important}.my-0{margin-bottom:0!important;margin-top:0!important}.my-xs{margin-bottom:var(--xs)!important;margin-top:var(--xs)!important}.my-s{margin-bottom:var(--s)!important;margin-top:var(--s)!important}.my-m{margin-bottom:var(--m)!important;margin-top:var(--m)!important}.my-l{margin-bottom:var(--l)!important;margin-top:var(--l)!important}.my-xl{margin-bottom:var(--xl)!important;margin-top:var(--xl)!important}.no-scroll{overflow:hidden!important}.draghelper{box-sizing:border-box;list-style-type:none}.offset-drag-helper{transition:margin .2s linear,padding .2s linear}body.dragging.ltr .offset-drag-helper{margin:-50px 0 0 -50px;padding:60px 0 0 60px}body.dragging.rtl .offset-drag-helper{margin:-50px -50px 0 0;padding:60px 60px 0 0}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,.action-btn:before,.go:after,.icon:before,.insecure:before,.menu .flex.padded.sel:before,.menu ul.padded li .menu-item.sel:before,.menu ul.padded li .menu-option.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{font-family:Craft;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.badge-icon{align-items:center;border:1px solid var(--indicator-border-color);border-radius:var(--small-border-radius);box-sizing:border-box;color:var(--indicator-icon-color);display:inline-flex;font-size:9px;height:1rem;justify-content:center;position:relative;top:-1px;width:1rem}.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)}[data-icon-size=large][data-icon-after]:after,[data-icon-size=large][data-icon]:before{font-size:20px}[data-icon-size=small][data-icon-after]:after,[data-icon-size=small][data-icon]:before{font-size:14px}[data-icon-size=puny][data-icon-after]:after,[data-icon-size=puny][data-icon]:before{font-size:12px}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"}.action-btn:before{content:"ellipsis"}.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[aria-current]{cursor:default}a:hover,body.underline-links a{text-decoration:underline}a .cp-icon svg circle,a .cp-icon svg ellipse,a .cp-icon svg line,a .cp-icon svg path,a .cp-icon svg polygon,a .cp-icon svg polyline,a .cp-icon svg rect,a .cp-icon svg text{fill:var(--link-color);stroke-width:0}a:not([href]){color:inherit;cursor:inherit}a:not([href]):hover,body.underline-links a:not([href]){text-decoration:none}a.iconlink:before{width:1rem}body.ltr a.iconlink:before{margin-right:var(--xs)}body.rtl a.iconlink:before{margin-left:var(--xs)}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"}body.ltr a [data-icon=external]{margin-left:var(--xs)}body.rtl a [data-icon=external]{margin-right:var(--xs)}button{cursor:pointer}.alert-icon,.checkmark-icon{border-radius:20px;cursor:pointer;line-height:10px;margin-bottom:0!important;padding:5px}.alert-icon:before,.checkmark-icon:before{font-family:Craft;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.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"}.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{align-content:stretch;align-items:center;color:var(--blue-800);display:flex;gap:var(--s);justify-content:center}#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(37,99,235,.2),rgba(37,99,235,0) 50%)}body.rtl .so-notice>.draft-notice{background-image:linear-gradient(270deg,rgba(37,99,235,.2),rgba(37,99,235,0))}.draft-notice p{flex:1;margin:0}.draft-notice .draft-icon{align-items:center;border:2px solid rgba(30,64,175,.2);border-radius:100%;box-shadow:0 1px 1px 1px var(--white);box-sizing:border-box;display:flex;flex-shrink:0;height:34px;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(30,58,138,.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:#1555e2}.draft-notice .discard-changes-btn:active{border-color:#134cca}.revision-notice{align-content:stretch;align-items:center;color:var(--gray-600);display:flex;gap:var(--s);justify-content:center}#content-notice .revision-notice{display:inline-flex;justify-content:flex-start}.revision-notice p{flex:1;margin:0}.revision-notice .revision-icon{align-items:center;border:2px solid rgba(51,64,77,.2);border-radius:100%;box-shadow:0 1px 1px 1px var(--white);box-sizing:border-box;display:flex;flex-shrink:0;height:34px;justify-content:center;position:relative;width:34px}.revision-notice .revision-icon:before{color:var(--grey-800)!important;font-size:18px;left:1px;position:relative}.revision-notice .revision-icon:after{border-radius:100%;bottom:-2px;box-shadow:inset 0 2px 0 rgba(30,58,138,.2);content:"";font-size:0;left:-2px;position:absolute;right:-2px;top:-2px}button.toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;color:inherit;padding:0}.toggle:before,a.fieldtoggle:before{border:solid;border-width:0 .125rem .125rem 0;content:"";display:block;font-size:0;height:.4375rem;opacity:.8;position:relative;transition:transform .1s linear;width:.4375rem}body.ltr .toggle:before,body.ltr a.fieldtoggle:before{transform:rotate(-45deg)}body.rtl .toggle:before,body.rtl a.fieldtoggle:before{transform:rotate(135deg)}.sidebar nav li.expanded>.toggle:before,.structure li:not(.collapsed)>.row>.toggle:before,.toggle.expanded:before,a.fieldtoggle.expanded:before{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}ul.errors em{font-style:normal}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,.readable h1,.readable h2,.readable h3,.readable h4,.readable h5,.readable h6{font-weight:600;margin:24px 0 16px}.readable .h1,.readable h1{color:#000;font-size:32px;line-height:40px}.readable .h2,.readable h2{font-size:24px;line-height:30px}.readable .h3,.readable h3{font-size:20px;line-height:24px}.readable .h4,.readable h4{font-size:16px;line-height:20px}.readable .h5,.readable h5{font-size:14px;line-height:18px}.readable .h6,.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 .tip-dismiss-btn{position:absolute;top:12px}body.ltr .readable .tip-dismiss-btn{right:12px}body.rtl .readable .tip-dismiss-btn{left:12px}.readable .tip-dismiss-btn+p{margin-top:0}.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:50px}body.rtl .readable blockquote.note{padding-right:50px}body.ltr .readable blockquote.note.dismissible{padding-right:36px}body.rtl .readable blockquote.note.dismissible{padding-left:36px}.readable blockquote.note:not(.tip):not(.warning){border-color:#dc2626;color:#bf503f}.readable blockquote.note:not(.tip):not(.warning):before{color:#dc2626;content:"alert"}.readable blockquote.note.tip{border-color:#1f5fea;color:#1f5fea}.readable blockquote.note.tip:before{color:#1f5fea;content:"lightbulb"}.readable blockquote.note.warning{border-color:#854d0e;color:#cf783a}.readable blockquote.note.warning:before{color:#854d0e;content:"alert"}.readable blockquote.note:before{font-family:Craft;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;font-size:24px;opacity:1;position:absolute;top:15px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:24px}body.ltr .readable blockquote.note:before{left:16px}body.rtl .readable blockquote.note:before{right:16px}.readable blockquote.note a[href]{color:currentColor;text-decoration:underline}.readable .go:after{font-size:14px}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(--rose-500);content:"asterisk";font-size:12px}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{font-family:Craft;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;content:"asterisk";display:block;font-size:9px;left:0;line-height:17px;position:absolute;text-indent:0;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;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{font-family:Craft;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;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{align-items:flex-start;display:flex;flex-wrap:nowrap}.notice.has-icon .icon,.warning.has-icon .icon{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:not(.disabled){cursor:move}.icon.move:before{color:var(--custom-text-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{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.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{font-family:Craft;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;vertical-align:middle;word-wrap:normal!important;color:var(--ui-control-color);line-height:1.375;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;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}.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}body.ltr .customize-sources-modal.sidebar-hidden{padding-left:0}body.rtl .customize-sources-modal.sidebar-hidden{padding-right:0}.customize-sources-modal.sidebar-hidden>.cs-sidebar{display:none}.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{--selected-item-color:var(--white);align-items:center;background-color:var(--gray-100);border:solid var(--hairline-color);border-width:1px 0;box-sizing:border-box;cursor:default;display:flex;margin-top:-1px;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-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{--focus-ring:0 0 0 1px hsl(var(--light-focus-hsl)),0 0 0 3px hsla(var(--light-focus-hsl),0.7);--ui-control-color:var(--selected-item-color);background-color:var(--dark-sel-color);color:var(--selected-item-color);z-index:1}.customize-sources-item .label{flex:1}.customize-sources-item.heading .label{color:var(--light-text-color);font-size:12px;font-weight:700;text-transform:uppercase}.customize-sources-item.heading.sel .label{color:var(--selected-item-color)}.customize-sources-item__move{align-items:center;justify-content:center;position:absolute;top:50%;transform:translate(-50%,-50%)}body.ltr .customize-sources-item__move{right:0}body.rtl .customize-sources-item__move{left:0}.customize-sources-item__move.icon{display:flex;text-decoration:none}.customize-sources-item__btn{margin:3px;padding:8px 14px}body.ltr .customize-sources-item__btn{padding-right:30px}body.rtl .customize-sources-item__btn{padding-left:30px}.checkbox-select-item{align-content:stretch;align-items:flex-start;display:flex;margin-bottom:4px}.checkbox-select-item .move{margin-top:-3px;position:relative;z-index:1}body.ltr .checkbox-select-item .move{margin-right:10px}body.rtl .checkbox-select-item .move{margin-left:10px}ul.path{align-items:stretch;display:flex;flex-direction:row;flex-wrap:wrap}ul.path li{align-items:center;display:inline-flex}ul.path li:not(:last-child):after{border:solid var(--light-text-color);border-width:0 .0625rem .0625rem 0;content:"";display:block;font-size:0;height:.4375rem;opacity:.8;position:relative;width:.4375rem}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{display:flex;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:var(--s);min-height:34px;position:relative}.toolbar .flex,.toolbar.flex{align-items:flex-start}.toolbar .text{border-radius:var(--large-border-radius)!important}.flex{align-content:stretch;align-items:center;display:flex;gap:var(--s)}.flex.flex-gap-xs{gap:var(--xs)}.flex.flex-gap-m{gap:var(--m)}.flex.flex-gap-l{gap:var(--l)}.flex.flex-gap-xl{gap:var(--xl)}.flex:not(.flex-nowrap){flex-wrap:wrap}.flex>.label{white-space:nowrap}.centeralign .flex{justify-content:center}.inline-flex{align-content:stretch;align-items:center;display:inline-flex!important;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;max-width:100%}.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{align-items:center;display:flex;gap:7px;margin:24px 0;position:relative}.footer>.buttons,.hud-footer>.buttons{margin:0}.btn{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--ui-control-bg-color);border:none;border-radius:var(--ui-control-border-radius);box-sizing:border-box;color:currentColor;display:inline-flex;font-size:inherit;justify-content:center;padding:7px 10px;position:relative;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.btn:not([aria-current]){cursor:pointer}.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.hairline{background-color:transparent;border:1px solid var(--medium-hairline-color)}.btn.hairline:active,.btn.hairline:hover,.btn.hairline[aria-expanded=true]{border-color:var(--dark-hairline-color)}.btn.hairline:active,.btn.hairline[aria-expanded=true]{background-color:var(--ui-control-static-bg-color)}.btn.wrap{height:auto;min-height:34px;text-align:left;white-space:normal}.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]).focus,.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]):focus,.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]):hover{--ui-control-bg-color:var(--ui-control-hover-bg-color)}.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]).active,.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]):active,.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current])[aria-expanded=true]{--ui-control-bg-color:var(--ui-control-active-bg-color)}.btn[type=color]{padding:6px!important;width:36px}.btn.active,.btn.loading{cursor:default}.btn:hover{text-decoration:none}.btn.btn-empty,.btn:empty{padding-left:12px;padding-right:12px}body.ltr .btn.icon:not(:empty):not(.btn-empty):before,body.ltr .btn.menubtn:not(.action-btn).icon.btn-empty:before,body.ltr .btn.menubtn:not(.action-btn).icon:empty:before,body.ltr .btn.menubtn:not(.action-btn)[data-icon].btn-empty:before,body.ltr .btn.menubtn:not(.action-btn)[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:not(.action-btn).icon.btn-empty:before,body.rtl .btn.menubtn:not(.action-btn).icon:empty:before,body.rtl .btn.menubtn:not(.action-btn)[data-icon].btn-empty:before,body.rtl .btn.menubtn:not(.action-btn)[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}.btn [data-icon]{margin-top:-3px}body.ltr .btn [data-icon]{margin-right:5px}body.rtl .btn [data-icon]{margin-left:5px}.btn [data-icon].light:before{color:var(--gray-300)}.disabled{opacity:.25;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.noteditable,.noteditable .element,.noteditable .lightswitch-container,.noteditable+.colorhex{cursor:not-allowed}.btn,.spinner{height:var(--ui-control-height)}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(.action-btn).icon:after,body.ltr .menubtn:not(.action-btn):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:not(.action-btn).icon:after,body.rtl .menubtn:not(.action-btn):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{align-items:center;border-radius:var(--large-border-radius);display:flex;position:relative;white-space:nowrap;z-index:1}.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-bottom-left-radius:0;border-top-left-radius:0}body.ltr .btngroup .btn:not(:last-child):not(.btngroup-btn-last),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}.btngroup--exclusive .btn[aria-pressed=true]:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]){background-color:var(--gray-500);color:var(--white)}.copytext{align-items:center;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{align-items:center;border:1px solid var(--hairline-color);border-radius:var(--small-border-radius);color:var(--medium-text-color);cursor:pointer;display:inline-flex;flex-wrap:nowrap;padding:0 9px}.copytextbtn .copytextbtn__icon{background:none;color:var(--light-text-color);margin-top:-3px;padding:0;width:13px}body.ltr .copytextbtn .copytextbtn__icon{margin-left:5px}body.rtl .copytextbtn .copytextbtn__icon{margin-right:5px}.copytextbtn:focus,.copytextbtn:hover{border-color:var(--medium-hairline-color);color:var(--text-color)}.copytextbtn:focus .copytextbtn__value,.copytextbtn:hover .copytextbtn__value{color:var(--text-color)}.copytextbtn.small{padding:0 5px}.copytextbtn.small .copytextbtn__value{font-size:.6875rem}.menu-toggle,.menubtn:not(.action-btn){align-items:center;display:inline-flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.menu-toggle:after,.menubtn:not(.action-btn):after{border:solid;border-width:0 .125rem .125rem 0;content:"";display:block;font-size:0;height:.4375rem;opacity:.8;position:relative;transform:rotate(45deg);width:.4375rem}.menu-toggle.btn:after,.menubtn:not(.action-btn).btn:after{top:-1px}.menu-toggle.btn:not(.disabled):not(.inactive).active:after,.menu-toggle.btn:not(.disabled):not(.inactive):active:after,.menubtn:not(.action-btn).btn:not(.disabled):not(.inactive).active:after,.menubtn:not(.action-btn).btn:not(.disabled):not(.inactive):active:after{border-color:var(--ui-control-active-color)}.menu-toggle.btn.submit:after,.menubtn:not(.action-btn).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:not(.action-btn).btn.submit:not(.disabled):not(.inactive).active:after,.menubtn:not(.action-btn).btn.submit:not(.disabled):not(.inactive).hover:after,.menubtn:not(.action-btn).btn.submit:not(.disabled):not(.inactive):active:after,.menubtn:not(.action-btn).btn.submit:not(.disabled):not(.inactive):hover:after{opacity:1}.menu-toggle:not(.btn):not(.icon),.menubtn:not(.action-btn):not(.btn):not(.icon){height:17px}.menu-toggle:not(.btn):not(.icon):after,.menubtn:not(.action-btn):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:not(.action-btn).btn-empty,body.ltr .menubtn:not(.action-btn):empty{padding-left:8px}body.ltr .menu-toggle.btn-empty,body.ltr .menu-toggle:empty,body.ltr .menubtn:not(.action-btn).btn-empty,body.ltr .menubtn:not(.action-btn):empty,body.rtl .menu-toggle.btn-empty,body.rtl .menu-toggle:empty,body.rtl .menubtn:not(.action-btn).btn-empty,body.rtl .menubtn:not(.action-btn):empty{padding-right:8px}body.rtl .menu-toggle.btn-empty,body.rtl .menu-toggle:empty,body.rtl .menubtn:not(.action-btn).btn-empty,body.rtl .menubtn:not(.action-btn):empty{padding-left:8px}@keyframes rotator{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.spinner{align-items:center;display:inline-flex;height:var(--size,34px);justify-content:center;width:var(--size,24px)}.spinner:before{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:var(--elements-busy-top-position);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 var(--s)!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.huge{height:48px;line-height:48px;padding:var(--l)}.btn.secondary,.btn.submit{color:var(--white)!important;--ui-control-active-color:var(--white);-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):focus,.btn.submit:not(.disabled):not(.inactive):not(.loading):hover{background-color:#c82020!important}.btn.submit:not(.disabled):not(.inactive):not(.loading).active,.btn.submit:not(.disabled):not(.inactive):not(.loading):active,.btn.submit:not(.disabled):not(.inactive):not(.loading)[aria-expanded=true]{background-color:#b21d1d!important}.btn.caution{background-color:var(--red-050)!important;color:var(--error-color)}.btn.caution.hover,.btn.caution:focus,.btn.caution:hover{background-color:#fcdada!important}.btn.caution.active,.btn.caution:active,.btn.caution[aria-expanded=true]{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,.btn.secondary:not(.disabled):not(.inactive):not(.loading)[aria-expanded=true],.secondary-buttons .btn.submit: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)[aria-expanded=true]{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,.btn.dashed:not(.disabled)[aria-expanded=true]{background-color:rgba(205,216,228,.25)}.chevron-btns{display:flex;justify-content:flex-start}.chevron-btns .btn{background-color:transparent;border-radius:0;padding:0;position:relative}.chevron-btns .btn.active-drop-target,.chevron-btns .btn.current-step{color:var(--white);--text-color:var(--white);--ui-control-color:var(--white);--ui-control-bg-color:var(--gray-500);--ui-control-hover-bg-color:#55616d;--ui-control-active-bg-color:#4a545e}.chevron-btns .btn.current-step{-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)}.chevron-btns .btn:focus{box-shadow:none;z-index:1}.chevron-btns .btn:focus .label{box-shadow:var(--focus-ring);z-index:1}.reduce-focus-visibility .chevron-btns .btn:focus:not(:focus-visible) .label{box-shadow:none}.reduce-focus-visibility .chevron-btns .btn:focus-visible .label{box-shadow:var(--focus-ring)}body.ltr .chevron-btns .btn:not(.has-action-menu){padding-right:calc(var(--ui-control-height)/2)}body.rtl .chevron-btns .btn:not(.has-action-menu){padding-left:calc(var(--ui-control-height)/2)}body.ltr .chevron-btns .btn:not(.has-action-menu){margin-right:2.8px}body.rtl .chevron-btns .btn:not(.has-action-menu){margin-left:2.8px}body.ltr .chevron-btns .btn:not(.has-action-menu):not(.current-step[data-disclosure-trigger]) .btn-body{padding-right:5px}body.rtl .chevron-btns .btn:not(.has-action-menu):not(.current-step[data-disclosure-trigger]) .btn-body{padding-left:5px}body.ltr .chevron-btns .btn.current-step[data-disclosure-trigger] .btn-body{padding-left:8px}body.rtl .chevron-btns .btn.current-step[data-disclosure-trigger] .btn-body{padding-right:8px}.chevron-btns .btn.current-step[data-disclosure-trigger] .btn-body .label{padding:3px}.chevron-btns .btn.current-step[data-disclosure-trigger] .btn-body .label:after{border:solid;border-width:0 .125rem .125rem 0;content:"";display:block;font-size:0;height:.4375rem;opacity:.8;position:relative;transform:rotate(45deg);width:.4375rem}.chevron-btns .btn .btn-body{align-items:center;background-color:var(--ui-control-bg-color);display:inline-flex;height:var(--ui-control-height);justify-content:center}.chevron-btns .btn .btn-body [data-icon]{--ui-control-height:0.8125rem;text-align:center}body.ltr .chevron-btns .btn .btn-body [data-icon]{margin-right:0}body.rtl .chevron-btns .btn .btn-body [data-icon]{margin-left:0}.chevron-btns .btn .label{align-items:center;display:inline-flex;overflow:hidden;text-overflow:ellipsis}body.ltr .chevron-btns .btn.has-action-menu .btn-body{padding-right:1px}body.rtl .chevron-btns .btn.has-action-menu .btn-body{padding-left:1px}body.ltr .chevron-btns .btn.has-action-menu .btn-body{margin-right:0}body.rtl .chevron-btns .btn.has-action-menu .btn-body{margin-left:0}.chevron-btns .btn .chevron-left,.chevron-btns .btn .chevron-right{height:100%;position:absolute;top:0;width:calc(var(--ui-control-height)/2)}.chevron-btns .btn .chevron-left{border-top:calc(var(--ui-control-height)/2) solid var(--ui-control-bg-color)}body.ltr .chevron-btns .btn .chevron-left{left:0}body.rtl .chevron-btns .btn .chevron-left{right:0}body.ltr .chevron-btns .btn .chevron-left{border-left:calc(var(--ui-control-height)/2) solid transparent}body.rtl .chevron-btns .btn .chevron-left{border-right:calc(var(--ui-control-height)/2) solid transparent}.chevron-btns .btn .chevron-left:after{border-bottom:calc(var(--ui-control-height)/2) solid var(--ui-control-bg-color);bottom:0;content:"";display:block;font-size:0;position:absolute}body.ltr .chevron-btns .btn .chevron-left:after{right:0}body.rtl .chevron-btns .btn .chevron-left:after{left:0}body.ltr .chevron-btns .btn .chevron-left:after{border-left:calc(var(--ui-control-height)/2) solid transparent}body.rtl .chevron-btns .btn .chevron-left:after{border-right:calc(var(--ui-control-height)/2) solid transparent}.chevron-btns .btn .chevron-right{border-bottom:calc(var(--ui-control-height)/2) solid transparent;border-top:calc(var(--ui-control-height)/2) solid transparent}body.ltr .chevron-btns .btn .chevron-right{right:0}body.rtl .chevron-btns .btn .chevron-right{left:0}body.ltr .chevron-btns .btn .chevron-right{border-left:calc(var(--ui-control-height)/2) solid var(--ui-control-bg-color)}body.rtl .chevron-btns .btn .chevron-right{border-right:calc(var(--ui-control-height)/2) solid var(--ui-control-bg-color)}.chevron-btns ol{display:flex;list-style-type:none;position:relative}body.ltr .chevron-btns ol{padding-left:0}body.rtl .chevron-btns ol{padding-right:0}body.ltr .chevron-btns ol li.first-step .btn .btn-body{padding-left:14px}body.rtl .chevron-btns ol li.first-step .btn .btn-body{padding-right:14px}body.ltr .chevron-btns ol li.first-step .btn .btn-body{border-radius:var(--ui-control-border-radius) 0 0 var(--ui-control-border-radius)}body.rtl .chevron-btns ol li.first-step .btn .btn-body{border-radius:0 var(--ui-control-border-radius) var(--ui-control-border-radius) 0}.chevron-btns ol li.first-step .btn .chevron-left{display:none}body.ltr .chevron-btns ol li:not(.first-step) .btn{margin-left:calc(var(--ui-control-height)*-1/2)}body.rtl .chevron-btns ol li:not(.first-step) .btn{margin-right:calc(var(--ui-control-height)*-1/2)}body.ltr .chevron-btns ol li:not(.first-step) .btn{padding-left:calc(var(--ui-control-height)/2)}body.rtl .chevron-btns ol li:not(.first-step) .btn{padding-right:calc(var(--ui-control-height)/2)}body.ltr .chevron-btns ol li:not(.first-step) .btn .btn-body{padding-left:7px}body.rtl .chevron-btns ol li:not(.first-step) .btn .btn-body{padding-right:7px}.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;-moz-user-select:none;-ms-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):not(.noteditable){cursor:pointer}.color:not(.small){background-position:0 0,8.5px 0,8.5px -8.5px,0 8.5px;background-size:17px 17px}.color.small,.color:not(.small){background-image:linear-gradient(45deg,rgba(154,165,177,.25) 25%,transparent 0),linear-gradient(135deg,rgba(154,165,177,.25) 25%,transparent 0),linear-gradient(45deg,transparent 75%,rgba(154,165,177,.25) 0),linear-gradient(135deg,transparent 75%,rgba(154,165,177,.25) 0)}.color.small{background-position:0 0,4px 0,4px -4px,0 4px;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:flex}.lightswitch-outer-container .lightswitch-inner-container{align-items:center;border:1px solid var(--hairline-color);border-radius:var(--small-border-radius);display:flex;max-width:100%;padding-left:7px;padding-right:7px}.lightswitch-outer-container .lightswitch-inner-container span{color:var(--medium-text-color);cursor:default;flex-grow:1;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:auto;overflow-wrap:break-word;padding:7px 0}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}.lightswitch-outer-container .lightswitch-inner-container span[data-toggle=off]{text-align:right}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;text-align:left}.lightswitch{background-image:linear-gradient(to right,var(--gray-400),var(--gray-400));border:none!important;cursor:pointer;display:block;overflow:hidden;position:relative;transition:background-image .1s linear;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.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{height:100%;position:relative}.lightswitch .lightswitch-container .handle{background-color:var(--white);position:absolute;top:1px}.lightswitch:not(.small){border-radius:11px;height:22px;min-width:34px;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{align-items:center;border-radius:var(--medium-border-radius);display:flex;height:1.875rem;justify-content:center;width:1.875rem}.pagination .page-link:after{position:relative;transition:border-color .1s linear}.pagination .page-link.prev-page:after{border:solid var(--light-text-color);border-width:0 .125rem .125rem 0;content:"";display:block;font-size:0;height:.4375rem;opacity:.8;position:relative;width:.4375rem}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{border:solid var(--light-text-color);border-width:0 .125rem .125rem 0;content:"";display:block;font-size:0;height:.4375rem;opacity:.8;position:relative;width:.4375rem}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){box-shadow:inset 0 0 0 1px var(--hairline-color);cursor:pointer;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)}body.reduce-focus-visibility .pagination .page-link:not(.disabled):focus-visible,body:not(.reduce-focus-visibility) .pagination .page-link:not(.disabled):focus{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{--pane-y-padding-default:calc(var(--xl) - 2px);--pane-x-padding-default:calc(var(--padding) - 2px);margin:calc(var(--pane-padding, var(--pane-y-padding-default))*-1) calc(var(--pane-padding, var(--pane-x-padding-default))*-1) calc(var(--pane-padding, var(--padding))*-1 + var(--pane-padding, var(--m)));overflow-x:auto;padding:0!important}body.ltr .tablepane table.data td:first-child,body.ltr .tablepane table.data th:first-child{padding-left:var(--m)}body.rtl .tablepane table.data td:first-child,body.rtl .tablepane table.data th:first-child{padding-right:var(--m)}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% - .5rem)}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(--border-radius,var(--small-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(--border-radius,var(--small-border-radius))}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-bottom-left-radius:var(--border-radius,var(--small-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-bottom-right-radius:var(--border-radius,var(--small-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(--border-radius,var(--small-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(--border-radius,var(--small-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-bottom-right-radius:var(--border-radius,var(--small-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-bottom-left-radius:var(--border-radius,var(--small-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:var(--s);padding-top:var(--s)}table.data thead th{vertical-align:middle;white-space:nowrap}table.data thead th.orderable{padding:0!important;position:relative}body:not(.dragging) 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 .125rem .125rem 0;content:"";display:block;font-size:0;height:.4375rem;opacity:.8;position:relative;position:absolute;top:2px;top:calc(50% - 3px);transform:rotate(225deg);width:.4375rem}body.ltr table.data thead th.orderable.ordered:not(.loading) button:after{right:var(--m)}body.rtl table.data thead th.orderable.ordered:not(.loading) button:after{left:var(--m)}table.data thead th.orderable.ordered:not(.loading).desc button:after{transform:rotate(45deg)}table.data thead th.orderable button{font:inherit;padding:var(--pane-padding,var(--m)) var(--m);position:relative;width:100%}body.ltr table.data thead th.orderable button{padding-right:35px}body.rtl table.data thead th.orderable button{padding-left:35px}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{--hover-bg-color:var(--gray-050);--selected-bg-color:var(--dark-sel-color)}table.data tbody tr:not(.disabled):hover td,table.data tbody tr:not(.disabled):hover th{background-color:var(--hover-bg-color)}table.data tbody tr:not(.disabled):focus{position:relative;z-index:1}table.data tbody tr:not(.disabled).active-drop-target,table.data tbody tr:not(.disabled).sel{--text-color:var(--white);--medium-dark-text-color:var(--white);--medium-text-color:var(--white);--light-text-color:var(--white);--link-color:var(--white);--ui-control-color:var(--white);--focus-ring:0 0 0 3px hsl(var(--light-focus-hsl))}table.data tbody tr:not(.disabled).active-drop-target td,table.data tbody tr:not(.disabled).active-drop-target th,table.data tbody tr:not(.disabled).sel td,table.data tbody tr:not(.disabled).sel th{background-color:var(--selected-bg-color);color:var(--white)}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.data tr.sel:not(.draggee)+tr.sel:not(.draggee) td,table.data tr.sel:not(.draggee)+tr.sel:not(.draggee) th{border-top-color:var(--gray-300)}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{background-color:var(--white);box-shadow:0 1px 5px -1px rgba(31,41,51,.2)}.datatablesorthelper,.datatablesorthelper .chip,.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}.card,.chip{background-color:var(--custom-bg-color,var(--gray-050));color:var(--custom-text-color,var(--text-color))}.chip{align-items:center;border-radius:var(--large-border-radius);cursor:default;display:inline-flex;font-weight:400;gap:var(--xs);max-width:100%;padding:var(--xs) var(--s);position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.chip.small{flex-direction:row;height:calc(1.625rem + 8px);--thumb-size:1.875rem}.chip.small>.thumb{margin:calc(var(--xs)*-1 + 2px) calc(var(--s)*-1 + 2px)}body.ltr .chip.small>.thumb{margin-right:2px}body.rtl .chip.small>.thumb{margin-left:2px}.chip.small>.thumb.cp-icon{--thumb-size:1rem}body.ltr .chip.small>.thumb.cp-icon{margin-left:-2px}body.rtl .chip.small>.thumb.cp-icon{margin-right:-2px}.chip.large{flex-direction:column;--thumb-size:120px;min-width:calc(var(--s)*2 + var(--thumb-size))}.chip.large .chip-content{width:100%}.chip .chip-content{align-items:center;display:flex;flex-direction:row;gap:var(--s);max-width:100%}body.ltr .chip .chip-content .icon,body.ltr .chip .chip-content .status{margin-right:0}body.rtl .chip .chip-content .icon,body.rtl .chip .chip-content .status{margin-left:0}.chip .chip-content .icon{margin:-4px -1px 0}.chip.sel,li.active-drop-target .chip,li.sel .chip{--text-color:var(--white);--custom-text-color:var(--white)!important;--medium-dark-text-color:var(--white);--medium-text-color:var(--white);--light-text-color:var(--white);--link-color:var(--white);--ui-control-color:var(--white);--focus-ring:0 0 0 3px hsl(var(--light-focus-hsl));background-color:var(--custom-sel-bg-color,var(--dark-sel-color))!important;color:var(--white)}.chip.sel .cp-icon,li.active-drop-target .chip .cp-icon,li.sel .chip .cp-icon{--icon-color:var(--white)!important}.chip.sel,.sel .chip{cursor:default}.chip.sel .thumb,.sel .chip .thumb{filter:brightness(.85)}.chip.sel .thumb img,.sel .chip .thumb img{box-shadow:0 0 0 1px rgba(96,109,123,.1),0 6px 4px -4px rgba(96,109,123,.2)}.offset-drag-helper .chip{background-color:var(--gray-050);box-shadow:0 1px 5px -1px rgba(31,41,51,.2)}.chip>.thumb{align-items:center;display:flex;height:var(--thumb-size);justify-content:center;position:relative;width:var(--thumb-size)}.chip>.thumb.rounded img,.chip>.thumb.rounded svg{border:var(--xs) solid transparent;border-radius:50%}.chip>.thumb.checkered img{background-image:linear-gradient(45deg,rgba(154,165,177,.25) 25%,transparent 0),linear-gradient(135deg,rgba(154,165,177,.25) 25%,transparent 0),linear-gradient(45deg,transparent 75%,rgba(154,165,177,.25) 0),linear-gradient(135deg,transparent 75%,rgba(154,165,177,.25) 0);background-position:0 0,4px 0,4px -4px,0 4px;background-size:8px 8px}.chip>.thumb img,.chip>.thumb svg{border-radius:var(--small-border-radius);display:block;flex-shrink:0;max-height:100%;max-width:100%}.cp-icon{align-items:center;display:flex;justify-content:center;max-width:var(--icon-size)}.cp-icon,.cp-icon svg{height:var(--icon-size);width:var(--icon-size)}.cp-icon svg{max-height:var(--icon-size)!important;max-width:var(--icon-size)!important}.cp-icon svg circle,.cp-icon svg ellipse,.cp-icon svg line,.cp-icon svg path,.cp-icon svg polygon,.cp-icon svg polyline,.cp-icon svg rect,.cp-icon svg text{fill:var(--icon-color,var(--ui-control-color));stroke-width:0}.cp-icon.large{--icon-size:1.25rem}.cp-icon.small{--icon-size:0.875rem}.cp-icon.puny{--icon-size:0.75rem}.cards,.chips{display:flex;--custom-bg-color:initial;--custom-text-color:initial;--custom-sel-bg-color:initial}.cards:not(.inline-chips),.chips:not(.inline-chips){flex-direction:column}.cards li,.chips li{max-width:100%}.cards{gap:var(--s)}.chips{align-items:flex-start;gap:var(--xs)}.inline-chips{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--xs)}.inline-chips .chip{margin:0!important}.card{align-items:stretch;cursor:default;display:flex;flex-direction:row;gap:var(--m);padding:var(--m);position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.card,.card:after{border-radius:var(--large-border-radius)}.card.sel,li.sel .card{--text-color:var(--white);--custom-text-color:var(--white)!important;--medium-dark-text-color:var(--white);--medium-text-color:var(--white);--light-text-color:var(--white);--link-color:var(--white);--ui-control-color:var(--white);--focus-ring:0 0 0 3px hsl(var(--light-focus-hsl));background-color:var(--custom-sel-bg-color,var(--dark-sel-color))!important;color:var(--white)}.card.sel>.thumb,li.sel .card>.thumb{background-color:var(--dark-sel-color)!important;filter:brightness(.85)}.card>.thumb{align-items:stretch;background-color:var(--gray-100);display:flex;margin:calc(var(--m)*-1);min-height:calc(var(--m)*2 + var(--lh)*3 + var(--xs));min-width:120px;overflow:hidden;position:relative;width:120px}body.ltr .card>.thumb{margin-right:0}body.rtl .card>.thumb{margin-left:0}.card>.thumb:after{bottom:0;box-shadow:0 1px 5px -1px rgba(31,41,51,.2);content:"";display:block;font-size:0;position:absolute;top:0;width:10px}body.ltr .card>.thumb:after{right:-10px}body.rtl .card>.thumb:after{left:-10px}body.ltr .card>.thumb,body.ltr .card>.thumb:after{border-radius:var(--large-border-radius) 0 0 var(--large-border-radius)}body.rtl .card>.thumb,body.rtl .card>.thumb:after{border-radius:0 var(--large-border-radius) var(--large-border-radius) 0}.card>.thumb img,.card>.thumb svg{max-height:120px;-o-object-fit:cover;object-fit:cover;width:100%}body.ltr .card>.cp-icon{margin:0 -4px 0 -2px}body.rtl .card>.cp-icon{margin:0 -2px 0 -4px}.card .card-content,.card .card-content .card-body{display:flex;flex:1;flex-direction:column;gap:var(--xs)}.card .card-content{flex:1 0 0!important;margin:calc((1rem - var(--lh))/2) 0;overflow:hidden;position:relative;--focus-ring:var(--inner-focus-ring)}.card .card-content .card-heading{align-items:center;display:flex;flex-direction:row;gap:5px}.card .card-content .card-heading .status{flex:0 0 10px;margin:0}.card .card-content .card-heading .label{font-weight:600}.card .card-content .card-body:empty{display:none}.card .card-content .card-body>*{--max-lines:2;margin:0;max-height:calc(var(--lh)*var(--max-lines));overflow:hidden;text-wrap:pretty}.card>.card-actions-container{align-items:flex-start!important;display:flex;position:relative}.card-grid{display:grid!important;gap:var(--s)!important;grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.card-grid>li{border-radius:var(--large-border-radius)}.card-grid>li>.card{height:100%;margin:0!important}.context-label,.context-menu-container{align-items:center;border:1px solid var(--medium-hairline-color);border-radius:calc(var(--touch-target-size)/2);color:var(--light-text-color);display:inline-flex;font-size:11px;font-weight:400;height:var(--touch-target-size);padding:0 var(--s);text-decoration:none!important}body.ltr .context-label,body.ltr .context-menu-container{margin-left:var(--xs)}body.rtl .context-label,body.rtl .context-menu-container{margin-right:var(--xs)}body.ltr .context-menu-container{padding-right:0}body.rtl .context-menu-container{padding-left:0}body.ltr .context-menu-container .menubtn:not(.action-btn){margin:0 -1px 0 0}body.rtl .context-menu-container .menubtn:not(.action-btn){margin:0 0 0 -1px}body.ltr .context-menu-container .menubtn:not(.action-btn){padding-right:2px!important}body.rtl .context-menu-container .menubtn:not(.action-btn){padding-left:2px!important}body.ltr .context-menu-container .menubtn:not(.action-btn){border-left:1px solid var(--medium-hairline-color)}body.rtl .context-menu-container .menubtn:not(.action-btn){border-right:1px solid var(--medium-hairline-color)}body.ltr .context-menu-container .menubtn:not(.action-btn){border-radius:0 calc(var(--touch-target-size)/2) calc(var(--touch-target-size)/2) 0}body.rtl .context-menu-container .menubtn:not(.action-btn){border-radius:calc(var(--touch-target-size)/2) 0 0 calc(var(--touch-target-size)/2)}.context-menu-container .menubtn:not(.action-btn):hover{border-color:var(--dark-hairline-color)!important}.context-menu-container>*{display:inline-block}body.ltr .context-menu-container>*{padding-right:var(--s)}body.rtl .context-menu-container>*{padding-left:var(--s)}.context-menu-container .menubtn:not(.action-btn):only-child,.context-menu-container .visually-hidden:first-child+.menubtn:not(.action-btn):last-child{border-left:none!important;border-radius:calc(var(--touch-target-size)/2)!important;margin:0 calc(var(--s)*-1)}.card .checkbox:before,.chip .checkbox:before{box-shadow:none!important}.card .label,.chip .label{align-items:center;display:flex;gap:var(--xs);overflow:hidden}.card .label .label-link,.chip .label .label-link{flex:1 1 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card .label .label-link:focus,.chip .label .label-link:focus{box-shadow:var(--inner-focus-ring)}.card .label .segment:after,.chip .label .segment:after{border:solid var(--light-text-color);border-width:0 .0625rem .0625rem 0;content:"";display:inline-flex!important;display:block;font-size:0;height:.4375rem;opacity:.8;position:relative;top:-2px;width:.4375rem}body.ltr .card .label .segment:after,body.ltr .chip .label .segment:after{margin:0 5px 0 2px}body.rtl .card .label .segment:after,body.rtl .chip .label .segment:after{margin:0 2px 0 5px}body.ltr .card .label .segment:after,body.ltr .chip .label .segment:after{transform:rotate(-45deg)}body.rtl .card .label .segment:after,body.rtl .chip .label .segment:after{transform:rotate(135deg)}.sel .card .label .segment:after,.sel .chip .label .segment:after{border:solid var(--white);border-width:0 .0625rem .0625rem 0;content:"";display:block;font-size:0;height:.4375rem;opacity:.8;position:relative;width:.4375rem}body.ltr .sel .card .label .segment:after,body.ltr .sel .chip .label .segment:after{transform:rotate(-45deg)}body.rtl .sel .card .label .segment:after,body.rtl .sel .chip .label .segment:after{transform:rotate(135deg)}.card>.card-actions-container>.card-actions,.card>.chip-content>.chip-actions,.chip>.card-actions-container>.card-actions,.chip>.chip-content>.chip-actions{align-items:center;display:flex;flex-direction:row;gap:var(--s);min-height:1rem}.card>.card-actions-container>.card-actions:empty,.card>.chip-content>.chip-actions:empty,.chip>.card-actions-container>.card-actions:empty,.chip>.chip-content>.chip-actions:empty{display:none}.card>.card-actions-container>.card-actions>.status,.card>.chip-content>.chip-actions>.status,.chip>.card-actions-container>.card-actions>.status,.chip>.chip-content>.chip-actions>.status{margin:0}.card>.card-actions-container>.card-actions>.action-btn,.card>.card-actions-container>.card-actions>.move,.card>.chip-content>.chip-actions>.action-btn,.card>.chip-content>.chip-actions>.move,.chip>.card-actions-container>.card-actions>.action-btn,.chip>.card-actions-container>.card-actions>.move,.chip>.chip-content>.chip-actions>.action-btn,.chip>.chip-content>.chip-actions>.move{height:var(--touch-target-size);margin:0 -4px;width:var(--touch-target-size)}.card>.card-actions-container>.card-actions>.action-btn:before,.card>.card-actions-container>.card-actions>.move:before,.card>.chip-content>.chip-actions>.action-btn:before,.card>.chip-content>.chip-actions>.move:before,.chip>.card-actions-container>.card-actions>.action-btn:before,.chip>.card-actions-container>.card-actions>.move:before,.chip>.chip-content>.chip-actions>.action-btn:before,.chip>.chip-content>.chip-actions>.move:before{color:var(--custom-text-color,var(--ui-control-color))}.card>.card-actions-container>.card-actions .action-btn,.card>.chip-content>.chip-actions .action-btn,.chip>.card-actions-container>.card-actions .action-btn,.chip>.chip-content>.chip-actions .action-btn{background-color:transparent}body.ltr .card>.card-actions-container>.card-actions .action-btn:before,body.ltr .card>.chip-content>.chip-actions .action-btn:before,body.ltr .chip>.card-actions-container>.card-actions .action-btn:before,body.ltr .chip>.chip-content>.chip-actions .action-btn:before{margin-right:0!important}body.rtl .card>.card-actions-container>.card-actions .action-btn:before,body.rtl .card>.chip-content>.chip-actions .action-btn:before,body.rtl .chip>.card-actions-container>.card-actions .action-btn:before,body.rtl .chip>.chip-content>.chip-actions .action-btn:before{margin-left:0!important}.card>.card-actions-container>.card-actions .action-btn:active,.card>.card-actions-container>.card-actions .action-btn:hover,.card>.card-actions-container>.card-actions .action-btn[aria-expanded=true],.card>.chip-content>.chip-actions .action-btn:active,.card>.chip-content>.chip-actions .action-btn:hover,.card>.chip-content>.chip-actions .action-btn[aria-expanded=true],.chip>.card-actions-container>.card-actions .action-btn:active,.chip>.card-actions-container>.card-actions .action-btn:hover,.chip>.card-actions-container>.card-actions .action-btn[aria-expanded=true],.chip>.chip-content>.chip-actions .action-btn:active,.chip>.chip-content>.chip-actions .action-btn:hover,.chip>.chip-content>.chip-actions .action-btn[aria-expanded=true]{-webkit-backdrop-filter:brightness(90%);backdrop-filter:brightness(90%)}.card>.card-actions-container>.card-actions .move,.card>.chip-content>.chip-actions .move,.chip>.card-actions-container>.card-actions .move,.chip>.chip-content>.chip-actions .move{margin-top:-3px!important}.card.error .label .label-link,.chip.error .label .label-link{color:var(--error-color)}.element-index .source-path{background-color:var(--gray-050);border-radius:3px;--ui-control-bg-color:var(--light-sel-color);--ui-control-hover-bg-color:#bdcbdb;--ui-control-active-bg-color:#acbed2}.element-index .source-path .chevron-btns{background:#fff;display:inline-flex;position:relative;--ui-control-height:1.875rem}.element-index .source-path .chevron-btns:before{border-top:calc(var(--ui-control-height)/2) solid #f3f7fc;content:"";display:block;font-size:0;height:0;position:absolute;top:0;width:0}body.ltr .element-index .source-path .chevron-btns:before{right:0}body.rtl .element-index .source-path .chevron-btns:before{left:0}body.ltr .element-index .source-path .chevron-btns:before{border-left:calc(var(--ui-control-height)/2) solid transparent}body.rtl .element-index .source-path .chevron-btns:before{border-right:calc(var(--ui-control-height)/2) solid transparent}.element-index .source-path .chevron-btns:after{border-bottom:calc(var(--ui-control-height)/2) solid #f3f7fc;content:"";display:block;font-size:0;position:absolute;top:calc(var(--ui-control-height)/2)}body.ltr .element-index .source-path .chevron-btns:after{right:0}body.rtl .element-index .source-path .chevron-btns:after{left:0}body.ltr .element-index .source-path .chevron-btns:after{border-left:calc(var(--ui-control-height)/2) solid transparent}body.rtl .element-index .source-path .chevron-btns:after{border-right:calc(var(--ui-control-height)/2) solid transparent}.element-index .source-path .chevron-btns .btn{--ui-control-border-radius:3px}.element-index .source-path .btn.settings{box-shadow:0 0 0 2px var(--white)}.element-index.main .source-path{margin:-22px calc(var(--padding)*-1 + 2px) 24px}.elementselectormodal .element-index .source-path{margin-bottom:2px}.element-index.pane .toolbar{background-color:var(--gray-050);border-radius:calc(var(--large-border-radius) - 1px) calc(var(--large-border-radius) - 1px) 0 0;box-shadow:0 1px 0 var(--hairline-color);margin:calc(var(--pane-padding)*-1) calc(var(--pane-padding)*-1) var(--pane-padding)!important;padding:var(--pane-padding);position:relative;z-index:2}.element-index.pane .header{background-color:transparent;border-bottom:1px solid var(--hairline-color);padding-bottom:var(--pane-padding);padding-top:var(--pane-padding)}.element-index.pane .elements{--border-radius:0}.element-index.pane .elements .tableview table.data thead td,.element-index.pane .elements .tableview table.data thead th{border-bottom:1px solid var(--hairline-color)}.element-index.pane .elements .tableview table.data thead td:not(.ordered),.element-index.pane .elements .tableview table.data thead th:not(.ordered){background-color:transparent}.element-index.pane .footer{background:transparent;border-radius:0 0 calc(var(--large-border-radius) - 1px) calc(var(--large-border-radius) - 1px)!important;border-top:1px solid var(--hairline-color);box-shadow:none}.elements{position:relative}.elements:not(.busy) .update-spinner{display:none}.elements.busy{min-height:72px}.elements.busy:after{background:hsla(0,0%,100%,.75);border-radius:var(--large-border-radius);content:"";display:block;font-size:0;height:100%;left:calc(var(--pane-padding, 24px)*-1);position:absolute;top:0;width:calc(100% + var(--pane-padding, 24px) + var(--pane-padding, 24px));z-index:100}.elements.busy .update-spinner{z-index:101}.elements .header{background-color:var(--gray-050);border-radius:var(--border-radius,var(--small-border-radius));box-shadow:none;margin:calc(var(--xl)*-1 + 2px) calc(var(--padding)*-1 + 2px) var(--xl);padding:var(--s)}.elements .header:after{content:""}.elements .header .selectallcontainer{align-items:center;cursor:default;display:flex;gap:5px}.elements .tableview tr.draggee td,.elements .tableview tr.draggee th,.elements .thumbsview li.draggee{opacity:.25}.elements .tableview th .move,.elements .tableview th .toggle{align-items:center;display:flex;height:var(--touch-target-size);justify-content:center;position:absolute;top:50%;transform:translateY(-50%);width:var(--touch-target-size)}body.ltr .elements .tableview th .move,body.ltr .elements .tableview th .toggle{margin-left:calc(var(--touch-target-size)*-1)}body.rtl .elements .tableview th .move,body.rtl .elements .tableview th .toggle{margin-right:calc(var(--touch-target-size)*-1)}.elements .tableview th .move{font-size:11px;text-decoration:none}.elements .tableview th .toggle{border-radius:50%;padding:4px;text-align:center}body.ltr .elements .tableview th .move+.toggle{margin-left:calc(var(--touch-target-size)*-2)}body.rtl .elements .tableview th .move+.toggle{margin-right:calc(var(--touch-target-size)*-2)}.elements .tableview th .enabled-label{margin-left:var(--xs)}.elements .tableview .chip{background-color:transparent}.elements .thumbsview{display:grid;gap:var(--xs);grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.elements .thumbsview li{border-radius:var(--large-border-radius);max-width:226px;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 .chip{background-color:var(--gray-050)}.elements .thumbsview li.sel a{cursor:pointer!important}.elements .thumbsview li.sel a:hover{text-decoration:underline}.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}.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;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(--gray-200)}body.rtl .structure ul li:not(:last-child):not(.last){border-right:1px solid var(--gray-200)}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 .chip{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)}.componentselect .components:not(:empty)+.flex,.elementselect .elements:not(:empty)+.flex{margin-top:var(--s)}.elementselect{min-height:34px;position:relative}.elementselect .btn,.elementselect .flex{clear:both}.elementselect .chip{z-index:1}.elementselect .structure .chip{margin-top:var(--xs)}body.ltr .elementselect .structure>li{padding-left:0}body.rtl .elementselect .structure>li{padding-right:0}body.ltr .elementselect .structure ul{margin-left:14px}body.rtl .elementselect .structure ul{margin-right:14px}.elementselect .structure ul li{background-position:0 6px!important}.nested-element-cards{display:flex;flex-direction:column;gap:var(--s)}.nested-element-cards>.pane{margin:0}table.editable{border:1px solid var(--gray-200);border-radius:var(--large-border-radius)}table.editable td.action,table.editable td.heading,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:calc(var(--large-border-radius) - 1px)}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:calc(var(--large-border-radius) - 1px)}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 .editable-table-preview{white-space:pre-wrap}body.ltr table.editable tbody tr td.textual .editable-table-preview{text-align:left}body.rtl table.editable tbody tr td.textual .editable-table-preview{text-align:right}table.editable tbody tr td.textual .editable-table-preview+textarea{height:0;min-height:0;opacity:0;padding-bottom:0;padding-top: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;-moz-user-select:none;-ms-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 .editable-table-preview,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;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:calc(100% - 29px)}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{background-clip:border-box;border:1px solid transparent;border-radius:100%;box-sizing:border-box;display:inline-block;height:.75rem;position:relative;width:.75rem}body.ltr .status{margin-right:10px}body.rtl .status{margin-left:10px}body.use-shapes .status.all{background-image:linear-gradient(30deg,#184cef,#e5422b);rotate:45deg}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.all,body.use-shapes .status.expired,body.use-shapes .status.off,body.use-shapes .status.suspended{border-radius:2px;transform:scale(90%)}.status:not(.on):not(.live):not(.active):not(.enabled):not(.all):not(.pending):not(.warning):not(.off):not(.suspended):not(.expired):not(.light):not(.gray):not(.red):not(.orange):not(.amber):not(.yellow):not(.lime):not(.green):not(.emerald):not(.teal):not(.cyan):not(.sky):not(.blue):not(.indigo):not(.violet):not(.purple):not(.fuchsia):not(.pink):not(.rose):not(.grey):not(.black){border-color:var(--ui-control-color)}.status.all{background-image:linear-gradient(60deg,#184cef,#e5422b);background-origin:border-box}.status.active,.status.enabled,.status.live,.status.on{background-color:var(--enabled-color)}.bg-red,.status.expired,.status.off,.status.red,.status.suspended{background-color:var(--disabled-color)}.status.warning{background-color:var(--warning-color)}.bg-orange,.status.orange,.status.pending{background-color:var(--pending-color)}.bg-amber,.status.amber{background-color:var(--amber-500)}.bg-yellow,.status.yellow{background-color:var(--yellow-500)}.bg-lime,.status.lime{background-color:var(--lime-500)}.bg-green,.status.green{background-color:var(--green-600)}.bg-emerald,.status.emerald{background-color:var(--emerald-500)}.bg-teal,.bg-turquoise,.status.teal,.status.turquoise{background-color:var(--teal-500)}.bg-cyan,.status.cyan{background-color:var(--cyan-500)}.bg-sky,.status.sky{background-color:var(--sky-500)}.bg-blue,.status.blue{background-color:var(--blue-600)}.bg-indigo,.status.indigo{background-color:var(--indigo-500)}.bg-violet,.status.violet{background-color:var(--violet-500)}.bg-purple,.status.purple{background-color:var(--purple-500)}.bg-fuchsia,.status.fuchsia{background-color:var(--fuchsia-500)}.bg-pink,.status.pink{background-color:var(--pink-500)}.bg-rose,.status.rose{background-color:var(--rose-500)}.status.light{background-color:var(--gray-100)}.bg-white,.status.white{background-color:var(--white)}.bg-black,.status.black{background-color:var(--gray-800)}.bg-gray,.bg-grey,.status.gray,.status.grey{background-color:var(--gray-300)}.status.disabled,.status.white{opacity:1}.cp-icon.warning,.icon.warning,[data-icon-after].warning,[data-icon].warning{--icon-color:var(--warning-color)}.cp-icon.red,.icon.red,[data-icon-after].red,[data-icon].red{--icon-color:var(--disabled-color)}.cp-icon.orange,.icon.orange,[data-icon-after].orange,[data-icon].orange{--icon-color:var(--pending-color)}.cp-icon.amber,.icon.amber,[data-icon-after].amber,[data-icon].amber{--icon-color:var(--amber-500)}.cp-icon.yellow,.icon.yellow,[data-icon-after].yellow,[data-icon].yellow{--icon-color:var(--yellow-500)}.cp-icon.lime,.icon.lime,[data-icon-after].lime,[data-icon].lime{--icon-color:var(--lime-500)}.cp-icon.green,.icon.green,[data-icon-after].green,[data-icon].green{--icon-color:var(--green-500)}.cp-icon.emerald,.icon.emerald,[data-icon-after].emerald,[data-icon].emerald{--icon-color:var(--emerald-500)}.cp-icon.teal,.icon.teal,[data-icon-after].teal,[data-icon].teal{--icon-color:var(--teal-500)}.cp-icon.cyan,.icon.cyan,[data-icon-after].cyan,[data-icon].cyan{--icon-color:var(--cyan-500)}.cp-icon.sky,.icon.sky,[data-icon-after].sky,[data-icon].sky{--icon-color:var(--sky-500)}.cp-icon.blue,.icon.blue,[data-icon-after].blue,[data-icon].blue{--icon-color:var(--blue-600)}.cp-icon.indigo,.icon.indigo,[data-icon-after].indigo,[data-icon].indigo{--icon-color:var(--indigo-500)}.cp-icon.violet,.icon.violet,[data-icon-after].violet,[data-icon].violet{--icon-color:var(--violet-500)}.cp-icon.purple,.icon.purple,[data-icon-after].purple,[data-icon].purple{--icon-color:var(--purple-500)}.cp-icon.fuchsia,.icon.fuchsia,[data-icon-after].fuchsia,[data-icon].fuchsia{--icon-color:var(--fuchsia-500)}.cp-icon.pink,.icon.pink,[data-icon-after].pink,[data-icon].pink{--icon-color:var(--pink-500)}.cp-icon.rose,.icon.rose,[data-icon-after].rose,[data-icon].rose{--icon-color:var(--rose-500)}.cp-icon.white,.icon.white,[data-icon-after].white,[data-icon].white{--icon-color:var(--white)}.cp-icon.black,.icon.black,[data-icon-after].black,[data-icon].black{--icon-color:var(--gray-800)}.cp-icon.gray,.icon.gray,[data-icon-after].gray,[data-icon].gray{--icon-color:var(--gray-300)}.amber[data-icon-after]:after,.amber[data-icon]:before,.black[data-icon-after]:after,.black[data-icon]:before,.blue[data-icon-after]:after,.blue[data-icon]:before,.cyan[data-icon-after]:after,.cyan[data-icon]:before,.emerald[data-icon-after]:after,.emerald[data-icon]:before,.fuchsia[data-icon-after]:after,.fuchsia[data-icon]:before,.gray[data-icon-after]:after,.gray[data-icon]:before,.green[data-icon-after]:after,.green[data-icon]:before,.indigo[data-icon-after]:after,.indigo[data-icon]:before,.lime[data-icon-after]:after,.lime[data-icon]:before,.orange[data-icon-after]:after,.orange[data-icon]:before,.pink[data-icon-after]:after,.pink[data-icon]:before,.purple[data-icon-after]:after,.purple[data-icon]:before,.red[data-icon-after]:after,.red[data-icon]:before,.rose[data-icon-after]:after,.rose[data-icon]:before,.sky[data-icon-after]:after,.sky[data-icon]:before,.teal[data-icon-after]:after,.teal[data-icon]:before,.violet[data-icon-after]:after,.violet[data-icon]:before,.warning[data-icon-after]:after,.warning[data-icon]:before,.white[data-icon-after]:after,.white[data-icon]:before,.yellow[data-icon-after]:after,.yellow[data-icon]:before{color:var(--icon-color)!important}.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{transition:width .1s linear;width:0}.progressbar.pending .progressbar-inner{animation-duration:.25s;animation-iteration-count:infinite;animation-timing-function:linear}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{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{flex:1;margin:8px 0!important}.missing-component .install-plugin .btn{margin:0}.pane{--pane-padding:var(--xl);--border:1px solid var(--hairline-color);background:#fff;border-radius:var(--large-border-radius);box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);margin:14px 0;padding:var(--pane-padding);position:relative;word-wrap:break-word;box-sizing:border-box}.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.dashed{border:1px dashed var(--medium-hairline-color)!important}.pane.dashed,.pane.hairline{background-color:transparent!important;box-shadow:none}.pane.hairline{border:1px solid rgba(96,125,159,.25)!important}.pane.no-border{border:none!important}.pane.padding-xs{--pane-padding:var(--xs)}.pane.padding-s{--pane-padding:var(--s)}.pane.padding-m{--pane-padding:var(--m)}.pane.padding-l{--pane-padding:var(--l)}.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:1.875rem;margin:2px 0;padding-left:0;padding-right:0;width:1.875rem}.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{align-items:center;display:flex;flex-direction:row;margin:calc(var(--s)*-1) calc(var(--padding)*-1)}.pane-tabs:first-child{border-radius:var(--large-border-radius) var(--large-border-radius) 0 0;overflow:hidden}.pane-tabs [role=tablist]{display:flex;flex:1;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]{--tab-label-color:var(--light-text-color)}.pane-tabs [role=tablist] [role=tab].error{--highlight-color:var(--error-color)!important;--tab-label-color:var(--error-color)!important}.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{align-items:center;display:flex;flex-direction:row;height:50px;padding:0 var(--padding);position:relative;white-space:nowrap}.pane-tabs [role=tablist] [role=tab]:hover{text-decoration:none}body.reduce-focus-visibility .pane-tabs [role=tablist] [role=tab]:focus-visible,body:not(.reduce-focus-visibility) .pane-tabs [role=tablist] [role=tab]:focus{box-shadow:none}body.reduce-focus-visibility .pane-tabs [role=tablist] [role=tab]:focus-visible .tab-label,body:not(.reduce-focus-visibility) .pane-tabs [role=tablist] [role=tab]:focus .tab-label{box-shadow:var(--inner-focus-ring)}.pane-tabs [role=tablist] [role=tab]:not(.sel){color:var(--custom-text-color,var(--tab-label-color))}.pane-tabs [role=tablist] [role=tab]:not(.sel):hover{-webkit-backdrop-filter:brightness(95%);backdrop-filter:brightness(95%)}.pane-tabs [role=tablist] [role=tab].sel{--highlight-color:var(--gray-500);--tab-label-color:var(--text-color);background-color:var(--white)!important;box-shadow:inset 0 2px 0 var(--custom-text-color,var(--highlight-color)),0 0 0 1px rgba(51,64,77,.1),0 2px 12px var(--custom-sel-tab-shadow-color,var(--gray-200));color:var(--tab-label-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#tabs:first-child [role=tablist] [role=tab]:first-child,body.ltr .pane-tabs#tabs:first-child [role=tablist] [role=tab]:first-child .tab-label{border-top-left-radius:var(--large-border-radius)}body.rtl .pane-tabs#tabs:first-child [role=tablist] [role=tab]:first-child,body.rtl .pane-tabs#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)}.pane-tabs .menubtn.error span[data-icon]{margin-right:2px}.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{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:#fcd815}.details .meta.warning .btn:active,.details .meta.warning .btn[aria-expanded=true]{background-color:#f5ce03}.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::-moz-placeholder{color:var(--gray-500)}.details .meta .text:-ms-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::-moz-placeholder,.details textarea::-moz-placeholder{color:var(--gray-500)}.details input:-ms-input-placeholder,.details textarea:-ms-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{align-items:center;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 var(--neg-padding)!important;min-height:50px;padding:0 var(--padding);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{font-family:Craft;position:absolute;width:31px;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;color:var(--light-text-color);content:"plus";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}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{margin:0}@media screen and (min-width:400px){.meta>.data>.heading,.meta>.field>.heading,.meta>.flex-fields>.data>.heading,.meta>.flex-fields>.field>.heading{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-right:var(--s)}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-left: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{flex:1}.meta>.data>.input .flex,.meta>.field>.input .flex,.meta>.flex-fields>.data>.input .flex,.meta>.flex-fields>.field>.input .flex{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-top:var(--s)}@media screen and (min-width:400px){.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:100%}@media screen and (min-width:400px){.meta>.data>.value,.meta>.field>.input,.meta>.flex-fields>.data>.value,.meta>.flex-fields>.field>.input{width:calc(100% - 112px)}}.meta>.data>.value,.meta>.flex-fields>.data>.value{align-items:center;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{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,.meta>.flex-fields>.field>.input>.datetimewrapper{gap: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):not(.first-child),.meta>.flex-fields+.field:not(.first-child){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}.meta>.field>.input>.custom-select{background-color:transparent;border-radius:0;box-shadow:none;display:block;margin:calc(var(--s)*-1) 0;width:100%}.meta>.field>.input>.custom-select .menubtn:not(.action-btn){background-color:transparent;justify-content:start;width:100%}body.ltr .meta>.field>.input>.custom-select .menubtn:not(.action-btn){padding-left:0}body.rtl .meta>.field>.input>.custom-select .menubtn:not(.action-btn){padding-right:0}.meta>.field>.input>.custom-select .menubtn:not(.action-btn):after{position:absolute;top:calc(50% - 5px)}body.ltr .meta>.field>.input>.custom-select .menubtn:not(.action-btn):after{right:0}body.rtl .meta>.field>.input>.custom-select .menubtn:not(.action-btn):after{left:0}.meta>.field>.input>.custom-select .label{max-width:100%;overflow:hidden;text-overflow:ellipsis}.body{position:relative}.hud,.modal,.slideout,.slideout-container{box-sizing:border-box;z-index:100}.hud,.modal{background-color:#fff;border-radius:5px;box-shadow:0 25px 100px rgba(31,41,51,.5)!important}.slideout-shade{opacity:0;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-container.so-lp{height:calc(100vh - var(--m)*2);left:var(--m);position:absolute;top:var(--m);width:calc(100% - var(--m)*2)}body.has-debug-toolbar .slideout-container{height:calc(100vh - 42px)}.slideout{background-color:var(--white);box-shadow:0 0 0 1px rgba(123,135,147,.25),0 25px 100px rgba(31,41,51,.5)!important;container-type:inline-size;display:flex;flex-direction:column;overflow:hidden;padding:24px var(--padding);pointer-events:all;position:absolute}.slideout.so-lp,.slideout.so-mobile{height:100%!important;left:0;transition:top .25s linear;width:100%!important;will-change:top}.slideout.so-mobile{--padding:14px;--neg-padding:-14px}.slideout:not(.so-mobile){border-radius:var(--large-border-radius)}.slideout:not(.so-mobile):not(.so-lp){height:calc(100% - 16px);top:8px;width:calc(50% - 8px)}@media screen and (prefers-reduced-motion:no-preference){body.ltr .slideout:not(.so-mobile):not(.so-lp){transition:left .25s linear;will-change:left}body.rtl .slideout:not(.so-mobile):not(.so-lp){transition:right .25s linear;will-change:right}}.slideout>.pane-header{padding-left:var(--padding);padding-right:var(--padding);z-index:2}.slideout>.pane-header>.so-toolbar{align-items:center;display:flex;flex-direction:row;gap:var(--xs);min-height:34px}.slideout>.pane-header>.so-toolbar>.pane-tabs{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-body{flex:1;margin:-24px var(--neg-padding);overflow:hidden auto;position:relative}.slideout>.so-body:not(:last-child){margin-bottom:0}.slideout>.so-body>h1:not(:last-child){border-bottom:1px solid var(--hairline-color);padding-bottom:var(--s)}.slideout>.so-body.so-full-details,.slideout>.so-body>.so-sidebar{background-color:var(--gray-100)!important}.slideout>.so-body:not(.so-full-details){padding:24px var(--padding)}.slideout>.so-body.so-full-details>.so-content>.details,.slideout>.so-body>.so-sidebar{box-sizing:border-box;padding:0 var(--padding) var(--spacing)}.slideout>.so-body.so-full-details>.so-content>.details>.preview-thumb-container,.slideout>.so-body>.so-sidebar>.preview-thumb-container{height:auto;margin:0 var(--neg-padding);min-height:54px}.slideout>.so-body.so-full-details>.so-content>.details>.preview-thumb-container+.pane-header,.slideout>.so-body>.so-sidebar>.preview-thumb-container+.pane-header{border-radius:0}.slideout>.so-body.so-full-details>.so-content>.details .image-actions.is-mobile,.slideout>.so-body>.so-sidebar .image-actions.is-mobile{margin:calc(var(--spacing)/2) 0 var(--spacing)}.slideout>.so-body.so-full-details>.so-content>.details>.meta.read-only:first-child,.slideout>.so-body>.so-sidebar>.meta.read-only:first-child{margin-top:var(--padding)}.slideout>.so-body.so-full-details>.so-content>.details>.meta.warning,.slideout>.so-body>.so-sidebar>.meta.warning{border-bottom:1px solid var(--yellow-300);box-shadow:none}.slideout>.so-body.so-full-details>.so-content>.details>.field>.input>.text.fullwidth,.slideout>.so-body>.so-sidebar>.field>.input>.text.fullwidth{border-radius:0}.slideout>.so-body.so-full-details>.so-content>.details .notes,.slideout>.so-body>.so-sidebar .notes{padding-bottom:var(--m);padding-top:var(--m)}.slideout>.so-body>.so-sidebar{background:#fff;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);height:100%;max-width:100%;overflow:hidden auto;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{transition:right .25s linear}body.rtl .slideout>.so-body>.so-sidebar{transition:left .25s linear}.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:flex;flex-wrap:wrap;gap:8px;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);flex:0 0 100%;margin:0 var(--neg-padding);padding:0 var(--padding) 8px}@container (width > 700px){.slideout.has-sidebar .pane-header:not(.so-visible),.slideout.has-sidebar .sidebar-btn{display:none}.slideout.has-sidebar .so-body{display:flex;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;flex:auto 0 1;margin:0;padding:0}}.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:5px var(--pane-padding,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:calc(var(--pane-padding, 24px)*-1) calc(var(--pane-padding, 24px)*-1) var(--pane-padding,24px)}.modal .body .footer,.pane .footer{margin:var(--pane-padding,24px) calc(var(--pane-padding, 24px)*-1) calc(var(--pane-padding, 24px)*-1)}.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-shade.blurred,.slideout-shade.blurred{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.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{font-family:Craft;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;color:var(--light-text-color);content:"alert";font-size:40px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}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:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;color:var(--light-text-color);content:"secure";font-size:58px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}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.tooltip-hud{display:block}.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-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{align-items:center;background-color:var(--gray-900);display:flex;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:linear-gradient(45deg,rgba(154,165,177,.25) 25%,transparent 0),linear-gradient(135deg,rgba(154,165,177,.25) 25%,transparent 0),linear-gradient(45deg,transparent 75%,rgba(154,165,177,.25) 0),linear-gradient(135deg,transparent 75%,rgba(154,165,177,.25) 0);background-position:0 0,8.5px 0,8.5px -8.5px,0 8.5px;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{align-items:center;display:flex;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;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);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:focus-within .buttons,.button-fade:hover .buttons{opacity:1}.elementselectormodal{--content-padding:24px;padding-bottom:50px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.elementselectormodal>.header{padding-bottom:14px;padding-top:14px;text-align:center}.elementselectormodal>.header+.body{height:calc(100% - 48px)!important}.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 .header{margin:0 0 var(--m)}.elementselectormodal .body .content .main .elements .tableview table tr td,.elementselectormodal .body .content .main .elements .tableview table tr th{cursor:default}.elementselectormodal .body .content .main .elements .tableview table tr .checkbox:before{box-shadow:none!important}.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}.customize-sources-modal .main-header,.elementselectormodal .main-header{align-items:center;display:flex;margin-bottom:var(--s)}.customize-sources-modal .main-heading,.elementselectormodal .main-heading{margin-bottom:0}.customize-sources-modal .nav-toggle,.elementselectormodal .nav-toggle{color:var(--ui-control-color);height:var(--touch-target-size);width:var(--touch-target-size)}body.ltr .customize-sources-modal .nav-toggle,body.ltr .elementselectormodal .nav-toggle{margin-left:4px}body.rtl .customize-sources-modal .nav-toggle,body.rtl .elementselectormodal .nav-toggle{margin-right:4px}.customize-sources-modal .nav-toggle:hover,.elementselectormodal .nav-toggle:hover{color:var(--gray-500)}.customize-sources-modal .sidebar-header,.elementselectormodal .sidebar-header{display:flex;justify-content:flex-end;margin-bottom:var(--s);padding:0 var(--s)}.customize-sources-modal .nav-close,.elementselectormodal .nav-close{height:var(--touch-target-size);width:var(--touch-target-size)}.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}body.ltr .activity-container:not(:last-child){margin-right:var(--s)}body.rtl .activity-container:not(:last-child){margin-left:var(--s)}.activity-container ul{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--xs)}.activity-container ul li .activity-btn{border-radius:50%;display:block;height:30px;width:30px}.activity-container ul li .activity-btn .elementthumb{background:var(--gray-050);border:2px solid var(--white);border-radius:50px;box-shadow:0 1px 2px 1px rgba(31,41,51,.1);height:100%;overflow:hidden;position:relative;width:100%}.activity-container ul li .activity-btn .elementthumb img,.activity-container ul li .activity-btn .elementthumb svg{display:block;height:100%;width:100%}body.ltr .activity-container ul li:not(:last-child){margin-right:-10px}body.rtl .activity-container ul li:not(:last-child){margin-left:-10px}.element-index-view-menu{max-width:calc(100% - 20px);padding:0!important;width:400px}.element-index-view-menu .meta{padding-bottom:var(--s);padding-top:var(--s)}.element-index-view-menu .table-columns-field{align-items:flex-start}.element-index-view-menu .table-columns-field .input{padding:13px 0}.element-index-view-menu .menu-footer{background-color:var(--gray-050);margin:0!important;padding:var(--s) var(--xl)!important}.element-index-view-menu-table-column{align-content:stretch;align-items:flex-start;display:flex;margin-bottom:4px}.element-index-view-menu-table-column .icon.move{position:relative;z-index:1}body.ltr .element-index-view-menu-table-column .icon.move{margin-right:10px}body.rtl .element-index-view-menu-table-column .icon.move{margin-left:10px}.sort-field .input .flex .btngroup .btn{width:42px}.sort-field .input .flex .flex-grow{max-width:calc(100% - 85px - var(--s))}@media screen and (max-width:350px){.sort-field .input .flex{flex-direction:column}.sort-field .input .flex>*{width:100%}.sort-field .input .flex .flex-grow{max-width:none}}.element-filter-hud.loading .body{align-items:center;display:flex;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))}.so-content .address-cards{grid-template-columns:repeat(1,minmax(0,1fr))!important}.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))}.so-content .address-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@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: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;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}#elevatedsessionmodal,#logoutwarningmodal,.login-modal,.login-modal-shade,.logoutwarningmodalshade,.prompt{z-index:1001}#elevatedsessionmodal,#logoutwarningmodal,.prompt{width:500px}.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}.deleteusermodal div.elements{list-style:none}.dropdownsettingsmodal{height:auto;max-width:400px;min-height:0;min-width:0;width:auto}.dropdownsettingsmodal .body{max-height:100%;overflow-y:auto}.previewmodal.zilch{align-items:center;display:flex;justify-content:center;padding:100px 0}.video-transcript{background-color:var(--gray-050);font-size:1rem;overflow-y:scroll;position:relative}body.reduce-focus-visibility .video-transcript:focus-visible,body:not(.reduce-focus-visibility) .video-transcript:focus{background-color:var(--gray-800);box-shadow:none;color:var(--white)}.video-transcript__inner{margin-left:auto;margin-right:auto;max-width:550px;padding:var(--xl)}.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;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:100}.ui-datepicker,.ui-timepicker-list{padding:0}.menu{display:none;position:absolute}.menu.padded{padding:var(--s) calc(var(--m) + var(--s))}.menu.padded hr{margin:var(--s) calc((var(--m) + var(--s))*-1)}.menu.padded ul li{margin:0 calc(var(--m)*-1);padding:0 var(--m)}.menu.padded ul li a{border-radius:var(--large-border-radius)}.menu.padded .extralight{margin-top:2px}.menu .h6:first-child,.menu h6:first-child{margin-top:14px!important}body.ltr .menu ul.padded li .menu-item,body.ltr .menu ul.padded li .menu-option,body.ltr .menu ul.padded li a{padding-left:calc(var(--m) + 1.125rem)}body.rtl .menu ul.padded li .menu-item,body.rtl .menu ul.padded li .menu-option,body.rtl .menu ul.padded li a{padding-right:calc(var(--m) + 1.125rem)}.menu ul.padded li .menu-item.sel:not([data-icon]):before,.menu ul.padded li .menu-option.sel:not([data-icon]):before,.menu ul.padded li a.sel:not([data-icon]):before{color:var(--ui-control-color);content:"check";font-size:14px;margin-top:3px!important;width:14px}body.ltr .menu ul.padded li .menu-item.sel:not([data-icon]):before,body.ltr .menu ul.padded li .menu-option.sel:not([data-icon]):before,body.ltr .menu ul.padded li a.sel:not([data-icon]):before{float:left}body.rtl .menu ul.padded li .menu-item.sel:not([data-icon]):before,body.rtl .menu ul.padded li .menu-option.sel:not([data-icon]):before,body.rtl .menu ul.padded li a.sel:not([data-icon]):before{float:right}body.ltr .menu ul.padded li .menu-item.sel:not([data-icon]):before,body.ltr .menu ul.padded li .menu-option.sel:not([data-icon]):before,body.ltr .menu ul.padded li a.sel:not([data-icon]):before{margin:4px 0 0 calc(-1.125rem - 4px)}body.rtl .menu ul.padded li .menu-item.sel:not([data-icon]):before,body.rtl .menu ul.padded li .menu-option.sel:not([data-icon]):before,body.rtl .menu ul.padded li a.sel:not([data-icon]):before{margin:4px calc(-1.125rem - 4px) 0 0}.menu ul li .menu-item,.menu ul li .menu-option,.menu ul li a{-webkit-appearance:none;font-size:14px;margin:0 -14px;padding:10px 14px;white-space:nowrap}body.ltr .menu ul li .menu-item:not(:last-child),body.ltr .menu ul li .menu-option:not(:last-child),body.ltr .menu ul li a:not(:last-child){margin-right:0}body.rtl .menu ul li .menu-item:not(:last-child),body.rtl .menu ul li .menu-option:not(:last-child),body.rtl .menu ul li a:not(:last-child){margin-left:0}.menu ul li .menu-item:not(.flex):not(.hidden),.menu ul li .menu-option:not(.flex):not(.hidden),.menu ul li a:not(.flex):not(.hidden){display:block;width:calc(100% + 28px)}body.ltr .menu ul li .menu-item:not(.flex):not(.hidden),body.ltr .menu ul li .menu-option:not(.flex):not(.hidden),body.ltr .menu ul li a:not(.flex):not(.hidden){text-align:left}body.rtl .menu ul li .menu-item:not(.flex):not(.hidden),body.rtl .menu ul li .menu-option:not(.flex):not(.hidden),body.rtl .menu ul li a:not(.flex):not(.hidden){text-align:right}.menu ul li .menu-item.flex [data-icon],.menu ul li .menu-option.flex [data-icon],.menu ul li a.flex [data-icon]{margin-top:-2px}.menu ul li .menu-item.sel,.menu ul li .menu-option.sel,.menu ul li a.sel{cursor:default}.menu ul li .menu-item .shortcut,.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-item .shortcut,body.ltr .menu ul li .menu-option .shortcut,body.ltr .menu ul li a .shortcut{float:right}body.rtl .menu ul li .menu-item .shortcut,body.rtl .menu ul li .menu-option .shortcut,body.rtl .menu ul li a .shortcut{float:left}body.ltr .menu ul li .menu-item .shortcut,body.ltr .menu ul li .menu-option .shortcut,body.ltr .menu ul li a .shortcut{margin-left:14px}body.rtl .menu ul li .menu-item .shortcut,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 .go:after{color:inherit}.menu ul li .menu-item,.menu ul li .menu-option,.menu:not(.menu--disclosure) ul li a{color:#3f4d5a;cursor:default;text-decoration:none}.menu li>a [data-icon]:before,.menu li>a span.icon:not([data-icon]),.menu li>a[data-icon]:before,.menu li>button [data-icon]:before,.menu li>button span.icon:not([data-icon]),.menu li>button[data-icon]:before{display:inline-block;height:.875rem;width:.875rem}body.ltr .menu li>a [data-icon]:before,body.ltr .menu li>a span.icon:not([data-icon]),body.ltr .menu li>a[data-icon]:before,body.ltr .menu li>button [data-icon]:before,body.ltr .menu li>button span.icon:not([data-icon]),body.ltr .menu li>button[data-icon]:before{margin-left:-1px}body.rtl .menu li>a [data-icon]:before,body.rtl .menu li>a span.icon:not([data-icon]),body.rtl .menu li>a[data-icon]:before,body.rtl .menu li>button [data-icon]:before,body.rtl .menu li>button span.icon:not([data-icon]),body.rtl .menu li>button[data-icon]:before{margin-right:-1px}body.ltr .menu li>a [data-icon]:before,body.ltr .menu li>a span.icon:not([data-icon]),body.ltr .menu li>a[data-icon]:before,body.ltr .menu li>button [data-icon]:before,body.ltr .menu li>button span.icon:not([data-icon]),body.ltr .menu li>button[data-icon]:before{margin-right:9px}body.rtl .menu li>a [data-icon]:before,body.rtl .menu li>a span.icon:not([data-icon]),body.rtl .menu li>a[data-icon]:before,body.rtl .menu li>button [data-icon]:before,body.rtl .menu li>button span.icon:not([data-icon]),body.rtl .menu li>button[data-icon]:before{margin-left:9px}.menu li>a [data-icon]:before,.menu li>a[data-icon]:before,.menu li>button [data-icon]:before,.menu li>button[data-icon]:before{color:var(--ui-control-color);font-size:14px;position:relative;text-align:center;top:-2px}.menu li>a span.icon:not([data-icon]) svg,.menu li>button span.icon:not([data-icon]) svg{display:block;height:100%;position:relative;top:1px;width:100%}.menu li>a span.icon:not([data-icon]) svg circle,.menu li>a span.icon:not([data-icon]) svg ellipse,.menu li>a span.icon:not([data-icon]) svg line,.menu li>a span.icon:not([data-icon]) svg path,.menu li>a span.icon:not([data-icon]) svg polygon,.menu li>a span.icon:not([data-icon]) svg polyline,.menu li>a span.icon:not([data-icon]) svg rect,.menu li>a span.icon:not([data-icon]) svg text,.menu li>button span.icon:not([data-icon]) svg circle,.menu li>button span.icon:not([data-icon]) svg ellipse,.menu li>button span.icon:not([data-icon]) svg line,.menu li>button span.icon:not([data-icon]) svg path,.menu li>button span.icon:not([data-icon]) svg polygon,.menu li>button span.icon:not([data-icon]) svg polyline,.menu li>button span.icon:not([data-icon]) svg rect,.menu li>button span.icon:not([data-icon]) svg text{fill:var(--icon-color,var(--ui-control-color));stroke-width:0}.menu li>a.error [data-icon]:before,.menu li>a.error[data-icon]:before,.menu li>button.error [data-icon]:before,.menu li>button.error[data-icon]:before{color:var(--error-color)}.menu li>a.error span.icon:not([data-icon]) svg circle,.menu li>a.error span.icon:not([data-icon]) svg ellipse,.menu li>a.error span.icon:not([data-icon]) svg line,.menu li>a.error span.icon:not([data-icon]) svg path,.menu li>a.error span.icon:not([data-icon]) svg polygon,.menu li>a.error span.icon:not([data-icon]) svg polyline,.menu li>a.error span.icon:not([data-icon]) svg rect,.menu li>a.error span.icon:not([data-icon]) svg text,.menu li>button.error span.icon:not([data-icon]) svg circle,.menu li>button.error span.icon:not([data-icon]) svg ellipse,.menu li>button.error span.icon:not([data-icon]) svg line,.menu li>button.error span.icon:not([data-icon]) svg path,.menu li>button.error span.icon:not([data-icon]) svg polygon,.menu li>button.error span.icon:not([data-icon]) svg polyline,.menu li>button.error span.icon:not([data-icon]) svg rect,.menu li>button.error span.icon:not([data-icon]) svg text{fill:var(--error-color);stroke-width:0}.menu:not(.menu--disclosure) ul li .menu-item:not(.sel):not(.disabled):hover,.menu:not(.menu--disclosure) ul li .menu-option:not(.sel):not(.disabled):hover,.menu:not(.menu--disclosure) ul li a:not(.sel):not(.disabled):hover,.menu:not(.menu--disclosure):not(:hover) ul li .menu-item:not(.sel):not(.disabled).hover,.menu:not(.menu--disclosure):not(:hover) ul li .menu-option:not(.sel):not(.disabled).hover,.menu:not(.menu--disclosure):not(:hover) ul li a:not(.sel):not(.disabled).hover{background-color:#f3f7fc;color:#3f4d5a}body.ltr .menu .h6.padded,body.ltr .menu h6.padded,body.ltr .menu hr.padded{margin-left:20px}body.rtl .menu .h6.padded,body.rtl .menu h6.padded,body.rtl .menu hr.padded{margin-right:20px}.menu--disclosure ul li>.menu-item:hover,.menu--disclosure ul li>.menu-option:hover,.menu--disclosure ul li>a:not(.crumb-link):hover{background-color:#f3f7fc;color:#3f4d5a}body.reduce-focus-visibility .menu--disclosure ul li>.menu-item:focus-visible,body.reduce-focus-visibility .menu--disclosure ul li>.menu-option:focus-visible,body.reduce-focus-visibility .menu--disclosure ul li>a:not(.crumb-link):focus-visible,body:not(.reduce-focus-visibility) .menu--disclosure ul li>.menu-item:focus,body:not(.reduce-focus-visibility) .menu--disclosure ul li>.menu-option:focus,body:not(.reduce-focus-visibility) .menu--disclosure ul li>a:not(.crumb-link):focus{box-shadow:inset 0 0 0 3px hsla(var(--dark-focus-hsl),.7)}.tagselect .elements{display:inline}.tagselect .chip.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 .chip,body.rtl .tagselect.elementselect .chip{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}.selectize-control.single .selectize-input:not(.no-arrow):after{display:none}.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:calc(var(--large-border-radius) - 1px)}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:calc(var(--large-border-radius) - 1px)}.border-box,.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;-moz-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.ltr .multitext .multitextrow:first-child .text:last-child,body.rtl .multitext .multitextrow:first-child .text:first-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.ltr .multitext .multitextrow:last-child .text:last-child,body.rtl .multitext .multitextrow:last-child .text:first-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:-1.6875rem 7px 0 0}body.rtl .chars-left{margin:-1.6875rem 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{border-radius:1px;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);box-shadow:0 0 5px rgba(36,99,235,.15)}.field>.status-badge.outdated{background-color:var(--pending-color);box-shadow:0 0 5px rgba(251,146,60,.15)}.field>.heading{align-items:center;display:flex;flex-wrap:wrap;margin-bottom:5px;margin-top:-5px;position:relative}.field>.heading>label,.field>.heading>legend{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);position:relative;top:-.0625rem}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{margin:5px 0 0}.field>.input input:disabled,.field>.input textarea:disabled{cursor:not-allowed}.field>.notice,.field>.warning{margin:5px 0 0}.checkboxfield .instructions,.field>.heading>.instructions,.field>.instructions{color:var(--custom-text-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;line-height:1rem;min-height:1rem;position:relative}body.ltr div.checkbox,body.ltr input.checkbox+label{padding-left:calc(1rem + 5px)}body.rtl div.checkbox,body.rtl input.checkbox+label{padding-right:calc(1rem + 5px)}div.checkbox,div.checkbox:before,input.checkbox+label,input.checkbox+label:before{border-radius:var(--small-border-radius)}div.checkbox:before,input.checkbox+label:before{background-clip:padding-box;background-color:#fbfcfe;border:1px solid rgba(96,125,159,.4);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}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 .info,input.checkbox+label .info{height:16px}.disabled div.checkbox,input.checkbox:disabled+label{cursor:not-allowed}.elementselectormodal .body .content .main .elements .disabled .checkbox:before,.sel div.checkbox:before,div.checkbox.checked:before,div.checkbox.indeterminate:before,input.checkbox:checked+label:before,input.checkbox:indeterminate+label:before{font-family:Craft;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;color:var(--gray-900);line-height:var(--checkbox-size);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.elementselectormodal .body .content .main .elements .disabled .checkbox:before,.sel.matrixblock>.actions div.checkbox:not(.indeterminate):before,.sel:not(.matrixblock) div.checkbox:not(.indeterminate):before,div.checkbox.checked:not(.indeterminate):before,input.checkbox:checked:not(:indeterminate)+label:before{content:"check";font-size:14px}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)}.checkbox-icon{background-color:var(--enabled-color);border-radius:var(--small-border-radius);color:var(--white);display:inline-flex;padding:3px}.checkbox-icon:before{--checkbox-size:14px;font-family:Craft;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;content:"check";font-size:var(--checkbox-size);line-height:var(--checkbox-size);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body.reduce-focus-visibility .monaco-mouse-cursor-text:focus-visible,body:not(.reduce-focus-visibility) .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:calc(1rem + 5px)}body.rtl .checkboxfield .instructions,body.rtl .checkboxfield .notice,body.rtl .checkboxfield .warning{padding-right:calc(1rem + 5px)}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:calc(1rem + 5px)}body.rtl div.radio,body.rtl input.radio+label{padding-right:calc(1rem + 5px)}.disabled div.radio,input.radio:disabled+label{cursor:not-allowed}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;top:50%;transform:translateY(-50%);width:var(--radio-size)}div.radio:after,input.radio+label:after{height:calc(var(--radio-size) - 8px);left:4px;top:50%;transform:translateY(-50%);width:calc(var(--radio-size) - 8px)}.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;-moz-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:2.125rem}.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,td.errors .text{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:calc(50% - .4375rem)}body.ltr .texticon.icon:before{left:9px}body.rtl .texticon.icon:before{right:9px}.texticon .texticon-icon{align-items:center;display:flex;justify-content:center;position:absolute;top:1.0625rem;transform:translateY(-50%)}body.ltr .texticon .texticon-icon{left:9px}body.rtl .texticon .texticon-icon{right:9px}body.ltr .texticon .text{padding-left:1.625rem}body.rtl .texticon .text{padding-right:1.625rem}.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:1.0625rem;transform:translateY(-50%)}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:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;color:var(--medium-text-color);content:"filter";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.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,.texticon.has-filter-btn .filter-btn[aria-expanded=true]{background-color:var(--gray-350)}.texticon.has-filter-btn .filter-btn.active:before,.texticon.has-filter-btn .filter-btn:active:before,.texticon.has-filter-btn .filter-btn[aria-expanded=true]:before{color:var(--white)}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{flex-direction:row;flex-wrap:nowrap;gap:5px}.clear-btn,.datetimewrapper{align-items:center;display:flex}.clear-btn{background:transparent;border:none;color:var(--ui-control-color);cursor:pointer;justify-content:center;padding:0;width:24px}.clear-btn:before{font-family:Craft;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;content:"remove";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.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%;position:absolute;top:50%;width:2px}.close-btn:before{transform:translate(-50%,-50%) rotate(-45deg)}.close-btn:after{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:-moz-placeholder-shown+div[data-icon],.timewrapper .text:-moz-placeholder-shown+div[data-icon]{color:var(--light-text-color);display:block;position:absolute;top:calc(50% - 12px);z-index:0}.datewrapper .text:-ms-input-placeholder+div[data-icon],.timewrapper .text:-ms-input-placeholder+div[data-icon]{color:var(--light-text-color);display:block;position:absolute;top:calc(50% - 12px);z-index:0}.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:-moz-placeholder-shown+div[data-icon],body.ltr .timewrapper .text:-moz-placeholder-shown+div[data-icon]{left:14px}body.ltr .datewrapper .text:-ms-input-placeholder+div[data-icon],body.ltr .timewrapper .text:-ms-input-placeholder+div[data-icon]{left:14px}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:-moz-placeholder-shown+div[data-icon],body.rtl .timewrapper .text:-moz-placeholder-shown+div[data-icon]{right:14px}body.rtl .datewrapper .text:-ms-input-placeholder+div[data-icon],body.rtl .timewrapper .text:-ms-input-placeholder+div[data-icon]{right: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:-moz-placeholder-shown+div[data-icon],.datewrapper .text:-moz-placeholder-shown+div[data-icon]:before,.timewrapper .text:-moz-placeholder-shown+div[data-icon],.timewrapper .text:-moz-placeholder-shown+div[data-icon]:before{pointer-events:none;-moz-user-select:none;user-select:none;z-index:1}.datewrapper .text:-ms-input-placeholder+div[data-icon],.datewrapper .text:-ms-input-placeholder+div[data-icon]:before,.timewrapper .text:-ms-input-placeholder+div[data-icon],.timewrapper .text:-ms-input-placeholder+div[data-icon]:before{pointer-events:none;-ms-user-select:none;user-select:none;z-index:1}.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;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1}.datewrapper{width:8em}.timewrapper{width:7em}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--gray-400)}input:-ms-input-placeholder,textarea:-ms-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{align-items:center;display:flex;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 .125rem .125rem 0;color:var(--ui-control-color);content:"";display:block;font-size:0;height:.4375rem;opacity:.8;pointer-events:none;position:relative;position:absolute;top:calc(50% - 5px);transform:rotate(45deg);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:.4375rem;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;-moz-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}.custom-select.disabled,.selectize-control .selectize-input.disabled{cursor:not-allowed!important;opacity:1;pointer-events:auto!important}.custom-select.disabled *,.selectize-control .selectize-input.disabled *{cursor:not-allowed!important;pointer-events:auto!important}.selectize .selectize-input{background-color:transparent;border-color:inherit;box-shadow:none;display:block}.selectize .selectize-input .item{max-width:100%}.selectize .selectize-input .item span{overflow:hidden;text-overflow:ellipsis}.selectize.select .selectize-input:after{display:none}body .selectize-dropdown{border:none;z-index:101}.selectize.select{height:34px}.selectize.select input::-moz-placeholder,.selectize.select textarea::-moz-placeholder{color:var(--gray-700)}.selectize.select input:-ms-input-placeholder,.selectize.select textarea:-ms-input-placeholder{color:var(--gray-700)}.selectize.select input::placeholder,.selectize.select textarea::placeholder{color:var(--gray-700)}.selectize.select:not(.fullwidth){max-width:100%;width:25em}.datetimewrapper .selectize.select:not(.fullwidth){max-width:calc(100% - 29px)}.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 .125rem .125rem 0;color:var(--ui-control-color);content:"";display:block;font-size:0;height:.4375rem;opacity:.8;pointer-events:none;position:relative;position:absolute;top:calc(50% - 5px);transform:rotate(45deg);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:.4375rem;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;-moz-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:inline-flex;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{font-family:Craft;font-size:14px;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;content:"remove";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body .selectize-dropdown{margin-top:1px}body .selectize-dropdown .optgroup-header,body .selectize-dropdown .option,body .selectize-dropdown [data-selectable]{color:#3f4d5a;margin:0 -14px;padding:10px 14px;text-decoration:none;white-space:nowrap}body .selectize-dropdown .optgroup{padding-top:5px}body .selectize-dropdown .optgroup:not(:first-child){border-top:1px solid var(--hairline-color)}body .selectize-dropdown .optgroup .option{padding-left:24px}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:not(.selected),body .selectize-dropdown .option:hover{background-color:var(--gray-100)}body .selectize-dropdown .selected{background-color:#f3f7fc;color:#3f4d5a;cursor:default!important}body .selectize-dropdown .selected .light{color:inherit!important}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);max-height:70vh;overflow:auto;padding:0 14px;-webkit-user-select:none;-moz-user-select:none;-ms-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{font-family:Craft;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;content:"plus";margin-right:5px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body .selectize-dropdown-content>div[data-value=new]:after{content:"…"}body.no-scroll .selectize-dropdown-content{max-height:200px}.ui-datepicker{position:fixed;top:-300px;-padding:10px;height:242px;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{align-items:center;display:flex;height:20px;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 .125rem .125rem 0;content:"";display:block;font-size:0;height:.4375rem;opacity:.8;position:relative;width:.4375rem}body.ltr .ui-datepicker-prev:after{transform:rotate(135deg)}body.rtl .ui-datepicker-prev:after{transform:rotate(-45deg)}.ui-datepicker-next:after{border:solid;border-width:0 .125rem .125rem 0;content:"";display:block;font-size:0;height:.4375rem;opacity:.8;position:relative;width:.4375rem}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 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{background-color:var(--dark-sel-color);color:var(--white);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;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{background-color:var(--dark-sel-color);color:var(--white);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;cursor:default;font-weight:500}.slide-picker{display:flex;height:1rem;white-space:nowrap}.slide-picker a{background-image:none;border:1px solid var(--hairline-color);box-sizing:border-box;cursor:pointer;height:calc(1rem - 2px);margin-bottom:1px;margin-left:0;margin-top:1px;position:relative;width:calc(.5rem - 1px)}body.ltr .slide-picker a{border-left:none}body.rtl .slide-picker a{border-right:none}.slide-picker a:first-child{width:.5rem}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 a:before{content:"";height:var(--touch-target-size);left:-1px;position:absolute;top:calc(-.25rem - 1px);width:calc(100% + 2px)}.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:1rem;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)}.icon-picker{align-items:center;display:flex;flex-direction:row;gap:var(--xs)}.icon-picker--icon{align-items:center;background-clip:padding-box;background-color:#fbfcfe;background:var(--gray-050);border:1px solid rgba(96,125,159,.25);border-radius:3px;border-radius:var(--ui-control-border-radius);display:flex;height:var(--ui-control-height);justify-content:center;width:var(--ui-control-height)}.icon-picker--icon svg{height:1.25rem;width:1.25rem}.icon-picker--icon svg circle,.icon-picker--icon svg ellipse,.icon-picker--icon svg line,.icon-picker--icon svg path,.icon-picker--icon svg polygon,.icon-picker--icon svg polyline,.icon-picker--icon svg rect,.icon-picker--icon svg text{fill:var(--ui-control-color);stroke-width:0}.icon-picker-modal{--width:calc(var(--ui-control-height)*10 + var(--s)*9 + var(--xl)*2);max-width:calc(100% - 20px)!important;min-width:0!important;width:var(--width)!important}.icon-picker-modal .body{display:flex;flex-direction:column;gap:var(--l);height:100%}.icon-picker-modal .body .icon-picker-modal--list{flex:1;overflow:hidden;position:relative}.icon-picker-modal .body .icon-picker-modal--list:not(.loading) .spinner{display:none}.icon-picker-modal .body .icon-picker-modal--list.loading:after{background-color:hsla(0,0%,100%,.75);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.icon-picker-modal .body .icon-picker-modal--list.loading .spinner{top:calc(50% - 10px);z-index:1}.icon-picker-modal .body .icon-picker-modal--list ul{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--s);justify-content:start;max-height:100%;overflow:auto}.icon-picker-modal .body .icon-picker-modal--list ul .icon-picker--icon{--focus-ring:var(--inner-focus-ring)}.icon-picker-modal .body .icon-picker-modal--list ul .icon-picker--icon:hover{background-color:var(--blue-100);border-color:var(--link-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}body.setup-2fa{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100%}body.setup-2fa #setup-2fa{display:flex;flex-direction:column;gap:var(--l);max-width:100%;padding:var(--padding);width:550px}body.setup-2fa #setup-2fa #setup-2fa-intro{text-align:center}body.setup-2fa #setup-2fa #setup-2fa-btn{display:flex;justify-content:center}.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;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:#f3f7fc;color:#3f4d5a;cursor:pointer}.matrix>.buttons{margin-top:10px}.matrixblock{background-color:var(--white);border:2px solid var(--gray-100);border-radius:var(--large-border-radius);margin-bottom:10px;padding:0 var(--m) var(--m);position:relative}.matrixblock.static .titlebar{margin-bottom:14px}body.ltr .matrixblock.static .titlebar{padding-right:0}body.rtl .matrixblock.static .titlebar{padding-left:0}body.ltr .matrixblock.static .titlebar{padding-left:14px}body.rtl .matrixblock.static .titlebar{padding-right:14px}.matrixblock>.actions .action-btn,.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn){background-color:transparent;color:var(--custom-text-color,var(--ui-control-color));height:var(--touch-target-size);padding:0;width:var(--touch-target-size)}.matrixblock>.actions .action-btn:hover,.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn):hover{-webkit-backdrop-filter:brightness(90%);backdrop-filter:brightness(90%)}.matrixblock>.actions .action-btn:active,.matrixblock>.actions .action-btn[aria-expanded=true],.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn):active,.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn)[aria-expanded=true]{-webkit-backdrop-filter:brightness(85%);backdrop-filter:brightness(85%)}.matrixblock .flex-fields{--row-gap:var(--m)!important}.matrixblock>.titlebar{align-items:center;border-radius:calc(var(--large-border-radius) - 2px) calc(var(--large-border-radius) - 2px) 0 0;box-sizing:border-box;color:var(--custom-text-color,var(--light-text-color));display:grid;gap:var(--m);grid-template-columns:auto 1fr;margin:0 calc(var(--m)*-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;background-color:var(--gray-050);cursor:default;min-height:calc(var(--lh) + 10px);position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body.ltr .matrixblock>.titlebar{padding:5px calc(var(--m) + 70px) 5px var(--m)}body.rtl .matrixblock>.titlebar{padding:5px var(--m) 5px calc(var(--m) + 70px)}.matrixblock>.titlebar>.preview{flex-grow:1;min-width:0;opacity:0;overflow:hidden;transition:opacity .1s linear}.matrixblock>.titlebar>.preview:empty{display:none}body.ltr .matrixblock>.titlebar>.preview{-webkit-mask-image:linear-gradient(270deg,transparent,#000 12px);mask-image:linear-gradient(270deg,transparent,#000 12px)}body.rtl .matrixblock>.titlebar>.preview{-webkit-mask-image:linear-gradient(90deg,transparent,#000 12px);mask-image:linear-gradient(90deg,transparent,#000 12px)}.matrixblock>.titlebar>.preview span{opacity:.5}.matrixblock>.titlebar>.matrixblock-tabs{flex:1;margin:-5px 0;min-width:0}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs{margin:0}body.ltr .matrixblock>.titlebar>.matrixblock-tabs .pane-tabs{padding-right:3px}body.rtl .matrixblock>.titlebar>.matrixblock-tabs .pane-tabs{padding-left:3px}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs [role=tablist]{padding:0 12px}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs [role=tablist].scrollable{-webkit-mask-image:linear-gradient(90deg,transparent,#000 12px,#000 calc(100% - 12px),transparent);mask-image:linear-gradient(90deg,transparent,#000 12px,#000 calc(100% - 12px),transparent)}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs [role=tablist] [role=tab]{background-color:transparent}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs [role=tablist] [role=tab] .tab-label{height:calc(var(--lh) + 10px);padding:0 var(--m)}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn){margin-left:0;margin-right:0}body.ltr .matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn):not(:empty):not(.btn-empty):after{margin-left:0}body.rtl .matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn):not(:empty):not(.btn-empty):after{margin-right:0}body.ltr .matrixblock>.titlebar>.preview:first-child:empty+.matrixblock-tabs{margin-left:calc((var(--m) + 12px)*-1)}body.rtl .matrixblock>.titlebar>.preview:first-child:empty+.matrixblock-tabs{margin-right:calc((var(--m) + 12px)*-1)}body.ltr .matrixblock>.titlebar>.preview:first-child:empty+.matrixblock-tabs [role=tab]:first-child,body.ltr .matrixblock>.titlebar>.preview:first-child:empty+.matrixblock-tabs [role=tab]:first-child .tab-label{border-top-left-radius:calc(var(--large-border-radius) - 2px)}body.rtl .matrixblock>.titlebar>.preview:first-child:empty+.matrixblock-tabs [role=tab]:first-child,body.rtl .matrixblock>.titlebar>.preview:first-child:empty+.matrixblock-tabs [role=tab]:first-child .tab-label{border-top-right-radius:calc(var(--large-border-radius) - 2px)}body.ltr .matrixblock.disabled-entry>.titlebar{padding-right:100px}body.rtl .matrixblock.disabled-entry>.titlebar{padding-left:100px}.matrixblock.disabled-entry>.actions>.status.off{display:block}.matrixblock.collapsed>.titlebar{border-radius:calc(var(--large-border-radius) - 2px)}.matrixblock.collapsed>.titlebar>.preview{opacity:1}.matrixblock>.actions{align-items:center;cursor:default;display:flex;gap:var(--xs);min-height:calc(var(--lh) + 10px);position:absolute;top:0}body.ltr .matrixblock>.actions{right:var(--m)}body.rtl .matrixblock>.actions{left:var(--m)}.matrixblock>.actions>*{margin:0!important}.matrixblock>.actions>.status.off{display:none}.matrixblock>.actions a:not([data-action]){color:var(--dark-hairline-color);height:var(--touch-target-size);padding:0;text-align:center;transform:color linear .1s}.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:var(--l)}.matrixblock>.fields>.flex-fields>.field:before{display:none}body.ltr .matrixblock>.fields>.flex-fields>.field>.status-badge{left:-2px}body.rtl .matrixblock>.fields>.flex-fields>.field>.status-badge{right:-2px}.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}body.sitepicker #main-content{align-items: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 (-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{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);--sidebar-width:14.125rem;--global-sidebar-width:14.125rem}html{-webkit-text-size-adjust:100%}body,html{min-height:100vh}body.dragging *{cursor:move!important;cursor:grabbing!important}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:75rem){#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:flex;min-height:100vh;position:relative}@media screen and (prefers-reduced-motion:no-preference){body.ltr #global-container{transition:left .1s cubic-bezier(.33,1,.68,1)}body.rtl #global-container{transition:right .1s cubic-bezier(.33,1,.68,1)}}#system-info{align-items:center;background-clip:padding-box;border-bottom:1px solid var(--hairline-color);color:currentColor;display:grid;flex:0 0 2.8125rem;flex-direction:row;gap:10px;grid-template-columns:var(--prefix-width) auto;height:2.8125rem;padding:0 var(--gutter-width);position:relative}#system-info:after{display:none}#system-info:focus,#system-info:hover{background-color:var(--gray-200);text-decoration:none}#site-icon{--size:var(--prefix-width);height:var(--size)}#site-icon img,#site-icon svg{border-radius:4px;display:block;height:var(--size);width:var(--size)}#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{display:-webkit-box;margin:0;max-height:40px;overflow:hidden;position:relative;width:100%;-webkit-box-orient:vertical;-webkit-line-clamp:2}@media only screen and (min-width:75rem){[data-sidebar=collapsed] #system-info:hover #system-name{opacity:1;transform:translateY(-50%) translateX(0)}[data-sidebar=collapsed] #system-name{background:#fff;border-radius:var(--medium-border-radius);box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);color:var(--text-color);left:calc(100% + var(--s)*2);opacity:0;padding:var(--xs) var(--s);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%) translateX(-5px);white-space:nowrap}[data-sidebar=collapsed] #system-name:focus{box-shadow:var(--focus-ring)}}@media only screen and (min-width:75rem)and (prefers-reduced-motion:no-preference){[data-sidebar=collapsed] #system-name{transition:opacity 50ms cubic-bezier(.33,1,.68,1),transform .15s cubic-bezier(.33,1,.68,1)}}#global-footer{align-items:center;display:flex;flex-direction:column;gap:var(--m);padding:var(--m) var(--m) var(--xl)}body.has-debug-toolbar #global-footer{padding-bottom:calc(var(--xl) + 42px)}#global-footer a{white-space:nowrap}#app-info{display:flex;flex-direction:row;gap:var(--m);justify-content:center}#trial-info{background-color:#dbe5f0;border-radius:var(--large-border-radius);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.5),0 0 0 1px #bdcbdb,0 2px 12px rgba(205,216,228,.5);padding:16px var(--xl);text-align:center}#app-version{align-items:center;color:var(--gray-600);display:flex;font-size:12px;gap:var(--s);justify-content:center;text-align:center}#app-version a{text-decoration:underline}#app-version a,#app-version a.go:hover:after{color:var(--gray-600)}#edition-logo{border:1px solid var(--gray-600);border-radius:3px;box-sizing:content-box;display:inline-flex;font-size:11px;font-weight:600;letter-spacing:1.7px;line-height:8px;padding:6px 5px 6px 7px;position:relative;text-transform:uppercase;top:-1px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#devmode{background:url(../images/dev-mode.svg) repeat-x 21px 0;cursor:help;flex:0 0 4px;margin-top:auto;min-height:4px;width:100%}#page-container{display:flex;flex-direction:column;flex-grow:1}#alerts{background-color:var(--red-050);border-left:6px solid var(--error-color);color:var(--error-color);position:relative}#alerts>li{box-shadow:inset 0 -1px 0 0 var(--red-100);padding:10px 24px}#alerts>li .resolvable-alert-buttons{margin-top:var(--m)}#alerts>li .btn,#alerts>li a.go{align-items:center;border:1px solid rgba(220,38,38,.5);border-radius:var(--medium-border-radius);color:var(--error-color);display:inline-flex;height:1.875rem;margin:0 2px;padding:4px 5px}.flex #alerts>li .btn,.flex #alerts>li a.go{margin:0}#alerts>li .btn:hover,#alerts>li a.go:hover{border-color:var(--error-color)}#alerts>li a:not(.btn){color:var(--error-color);text-decoration:underline}#alerts>li a:not(.btn).go{text-decoration:none;white-space:nowrap}#alerts>li a:not(.btn).go:after{color:var(--error-color);font-size:15px;margin-top:1px}#alerts>li .btn{background-color:transparent}#global-header .btn.menubtn,.btn.action-btn,li.crumb .btn.menubtn{height:var(--touch-target-size);padding:0;width:var(--touch-target-size)}#global-header .btn.menubtn:not(:hover):not(:active):not([aria-expanded=true]),.btn.action-btn:not(:hover):not(:active):not([aria-expanded=true]),li.crumb .btn.menubtn:not(:hover):not(:active):not([aria-expanded=true]){background-color:transparent}#global-header{border-bottom:1px solid var(--hairline-color);margin-bottom:var(--m);width:100%}#global-header .flex{align-items:center;height:2.75rem}#global-header .btn{--ui-control-color:var(--gray-400);--ui-control-hover-color:var(--gray-800);--ui-control-active-color:var(--gray-700)}#global-header .btn:hover{color:var(--ui-control-hover-color)}.nav-toggle{align-items:center;border-right:1px solid var(--medium-hairline-color);color:currentColor;display:flex;height:2.75rem;justify-content:center;line-height:26px;min-width:44px;text-align:center;width:44px}.nav-toggle:before{font-family:Craft;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;content:"menu";font-size:16px;line-height:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.nav-toggle:hover{color:var(--link-color)}#crumbs{align-items:center;display:flex;flex-direction:row;font-size:13px;margin:0!important;max-width:100%;overflow:hidden}#crumbs.empty{display:none}#crumbs nav{margin:0}#primary-nav-toggle:focus-visible{box-shadow:var(--inner-focus-ring)}#crumb-list{align-items:stretch;display:flex;flex-direction:row;flex-wrap:nowrap;height:2.75rem;max-width:100%;--arrow-padding:10;--arrow-height:22;--arrow-angle:35;--arrow-width:17.1111;--arrow-c:27.871}body.rtl #crumb-list{--arrow-angle:-35;--arrow-width:-19.4444}#crumb-list li.crumb{color:var(--light-text-color);cursor:default;position:relative}body.ltr #crumb-list li.crumb{padding-left:calc(var(--arrow-width)*.5rem/16)}body.rtl #crumb-list li.crumb{padding-right:calc(var(--arrow-width)*.5rem/16)}body.ltr #crumb-list li.crumb:not(.current){padding-right:calc(var(--arrow-width)*1rem/16)}body.rtl #crumb-list li.crumb:not(.current){padding-left:calc(var(--arrow-width)*1rem/16)}#crumb-list li.crumb:not(.current):after,#crumb-list li.crumb:not(.current):before{background:var(--medium-hairline-color);content:"";display:block;height:calc(var(--arrow-c)*1rem/16);pointer-events:none;position:absolute;width:1px}body.ltr #crumb-list li.crumb:not(.current):after,body.ltr #crumb-list li.crumb:not(.current):before{right:calc(var(--arrow-width)*.5rem/16)}body.rtl #crumb-list li.crumb:not(.current):after,body.rtl #crumb-list li.crumb:not(.current):before{left:calc(var(--arrow-width)*.5rem/16)}#crumb-list li.crumb:not(.current):before{top:calc((var(--arrow-height) - var(--arrow-c))/2*1rem/16);transform:rotate(calc(var(--arrow-angle)*-1deg))}#crumb-list li.crumb:not(.current):after{bottom:calc((var(--arrow-height) - var(--arrow-c))/2*1rem/16);transform:rotate(calc(var(--arrow-angle)*1deg))}#crumb-list .menu--disclosure li{display:block}#crumb-list .menu--disclosure li:after{content:none}#crumb-menu-trigger{min-width:var(--touch-target-size)}#crumb-menu-trigger:before{width:100%}#crumb-menu .chip{min-height:44px}li.crumb{align-items:center;display:flex;flex-wrap:nowrap;gap:var(--xs)}li.crumb [data-icon]{position:relative;top:-1px}li.crumb .menubtn{margin:0 calc(var(--xs)*-1/2);position:relative}li.crumb [data-icon=ellipsis]:before{font-size:17px;margin-top:3px}li.crumb .chip{background-color:transparent;padding:0;--custom-bg-color:initial!important;--custom-text-color:initial!important;--custom-sel-bg-color:initial!important}li.crumb .chip .label-link{max-width:15em}li.crumb .chip .label-link:focus-visible{box-shadow:var(--inner-focus-ring)}li.crumb .chip .label-link span:not(.context-label){display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}li.crumb:has(.menubtn)>a{margin-right:0!important;padding-right:var(--xs)!important}li.crumb>a{align-items:center;display:flex!important;flex:1;flex-wrap:nowrap;gap:var(--xs);white-space:nowrap}.menu--disclosure li.crumb>a{min-height:34px}li.crumb a,li.crumb button{align-items:center;display:inline-flex;min-height:var(--touch-target-size)}li.crumb a:not(:hover),li.crumb button:not(:hover){color:var(--text-color)}li.crumb a:hover,li.crumb button:hover{text-decoration:none}li.crumb a{position:relative}li.crumb button{cursor:pointer}li.breadcrumb-toggle-wrapper:after{content:none}#account-menu ul li a{max-width:calc(100% + 28px)!important}#announcements-btn{height:1.875rem;padding-left:0;padding-right:0;position:relative;width:1.875rem;width:calc(1.75rem + 10px)}#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:50%;content:"";display:block;height:.4375rem;position:absolute;top:.1875rem;width:.4375rem}body.ltr #announcements-btn.unread:after{right:5px}body.rtl #announcements-btn.unread:after{left:5px}#announcements-btn svg{height:1rem;width:1rem}#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(--ui-control-active-color);stroke-width:0}#announcements{max-width:350px}#announcements .announcement:not(:first-child){margin-top:20px}#announcements .announcement .announcement-label-container{align-items:center;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.unread .announcement__heading: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 .announcement__heading:after{left:-13px}body.rtl #announcements .announcement.unread .announcement__heading:after{right:-13px}#announcements .announcement p{margin:0}#announcements .announcement__header{display:grid}#announcements .announcement__heading{margin:0 0 3px;order:1;position:relative}#user-info{align-items:center;background-color:transparent;border-radius:0;display:flex;flex-direction:row;height:100%;padding-bottom:5px;padding-top:5px}body.ltr #user-info{padding-left:var(--s)}body.rtl #user-info{padding-right:var(--s)}body.ltr #user-info{padding-right:calc(var(--padding) + 1px)}body.rtl #user-info{padding-left:calc(var(--padding) + 1px)}#user-info:after{border-color:var(--ui-control-color);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 img,.header-photo svg{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:1.875rem;max-width:none;transition:box-shadow .15s linear;width:1.875rem}#user-info:hover .header-photo img,#user-info:hover .header-photo svg{box-shadow:0 0 0 1px rgba(31,41,51,.05),0 2px 10px -2px rgba(31,41,51,.3)}#main-container{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}body.has-debug-toolbar #notifications{bottom:50px}@media only screen and (min-width:60.875rem){#notifications{width:350px}}#notifications .notification{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:flex;padding:10px 14px;position:relative;--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{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:flex;flex:1}#notifications .notification .notification-body .notification-message{font-weight:700;overflow-wrap:anywhere;word-break:normal}#notifications .notification .notification-body .notification-details{margin-top:var(--xs)}#notifications .notification .notification-body .notification-details .chip{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)}@media only screen and (min-width:75rem){#primary-nav-toggle{display:none}body.ltr #crumbs.empty+.context-menu-container,body.ltr #crumbs:not(.empty) #primary-nav-toggle+nav ul li:first-child{margin-left:var(--padding)}body.rtl #crumbs.empty+.context-menu-container,body.rtl #crumbs:not(.empty) #primary-nav-toggle+nav ul li:first-child{margin-right:var(--padding)}body.ltr #crumbs.empty+.context-menu-container,body.ltr #crumbs:not(.empty) #primary-nav-toggle+nav ul li:first-child{padding-left:0}body.rtl #crumbs.empty+.context-menu-container,body.rtl #crumbs:not(.empty) #primary-nav-toggle+nav ul li:first-child{padding-right:0}}#global-header .flex,#header .flex{max-width:100%}#global-header .flex.flex-nowrap,#header .flex.flex-nowrap{min-width:0}#header{align-content:stretch;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:flex;flex-wrap:nowrap;gap:var(--s);justify-content:space-between;padding:5px var(--padding);position:relative;transition:background-color .1s linear,box-shadow .1s linear;z-index:2}body.fixed-header #header{background-color:var(--gray-100);box-shadow: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;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:60.875rem){#page-title.has-toolbar{min-width:calc(14.125rem - var(--xl) - var(--s))!important}}#toolbar{align-items:flex-start;flex:1;justify-content:space-between}#toolbar .icon:before,#toolbar .menubtn:after,#toolbar .texticon:before,#toolbar [data-icon-after]:after,#toolbar [data-icon]:before{color:currentColor;opacity:.8}#toolbar .text{border-radius:var(--large-border-radius)}#toolbar .text:-ms-input-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}@media only screen and (max-width:400px){#action-buttons .btngroup .btn:first-child{flex-basis:100%}}@media only screen and (max-width:60.8125rem){#action-buttons{margin-top:10px}}#main-content{align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:row;padding:0 var(--padding) 48px}#main-content>.grid:only-child{flex:1}#sidebar-toggle-container{display:none}#sidebar-container{box-sizing:border-box;flex:0 0 14.125rem;width:14.125rem}@media only screen and (min-width:75rem){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 var(--m);position:relative;width:14.125rem}#sidebar.fixed{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{flex:1 1 auto;width:400px}#content-heading{margin-top:var(--xl)!important}@media only screen and (min-width:60.875rem){#content-heading{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}}.content-pane{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) var(--padding);position:relative;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,.footer{line-height:2rem;min-height:44px;padding:6px var(--pane-padding,var(--xl))}#footer .buttons,.footer .buttons{align-items:center;display:flex;height:32px}#footer .btn,.footer .btn{height:var(--ui-control-height--small);padding-bottom:4px;padding-top:4px}#footer{background-color:var(--gray-050);border-radius:var(--small-border-radius);bottom:0;box-sizing:border-box;margin:calc(var(--xl) + 1px) calc(var(--padding)*-1 + 2px) calc(var(--xl)*-1 + 2px);position:sticky;z-index:1}#footer:empty{display:none}#footer.stuck{border-radius:0}@supports((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){#footer.stuck{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(228,237,246,.75)}}.has-debug-toolbar #footer{transition:padding .1s linear}.has-debug-toolbar #footer.stuck{padding-bottom:52px}#footer .flex>*,#footer>*{margin-bottom:0}#details-container{box-sizing:border-box;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;z-index:1}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}#details .details{padding-bottom:calc(var(--xl) + 11.5em)}#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:var(--large-border-radius);padding-bottom:var(--m);padding-top:var(--m)}@media only screen and (max-width:74.9375rem){#global-container{width:calc(100vw + 14.125rem)}body.ltr #global-container{left:-14.125rem}body.rtl #global-container{right:-14.125rem}body.ltr.showing-nav #global-container{left:0}body.rtl.showing-nav #global-container{right:0}#crumbs{display:flex!important}#header,#main-content{width:100vw}}@media only screen and (max-width:60.8125rem){#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}#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}#details .details{margin-bottom:auto}}@media only screen and (max-width:767px){:root{--padding:var(--s);--neg-padding:calc(var(--s)*-1)}#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}.card-grid{display:flex!important;flex-direction:column}}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:14.125rem}.sidebar:not(.drag-helper){background-color:var(--gray-050);padding:var(--m) 0}.sidebar .heading{margin:0 var(--xl);position:relative}.sidebar .heading:not(:first-child){margin-top:var(--m)}.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 .heading>ul{margin:2px calc(var(--xl)*-1)}.sidebar nav{padding:0 var(--s)}body.ltr .sidebar nav>ul>li.heading>ul>li>a,body.ltr .sidebar nav>ul>li:not(.heading)>a{padding-left:24px}body.rtl .sidebar nav>ul>li.heading>ul>li>a,body.rtl .sidebar nav>ul>li:not(.heading)>a{padding-right:24px}body.ltr .sidebar nav>ul>li.heading>ul>li>.toggle,body.ltr .sidebar nav>ul>li:not(.heading)>.toggle{left:calc(var(--m)*0)}body.rtl .sidebar nav>ul>li.heading>ul>li>.toggle,body.rtl .sidebar nav>ul>li:not(.heading)>.toggle{right:calc(var(--m)*0)}body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>a,body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>a{padding-left:38px}body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>a,body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>a{padding-right:38px}body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>.toggle,body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>.toggle{left:calc(var(--m)*1)}body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>.toggle,body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>.toggle{right:calc(var(--m)*1)}body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>a,body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>a{padding-left:52px}body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>a,body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>a{padding-right:52px}body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>.toggle,body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>.toggle{left:calc(var(--m)*2)}body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>.toggle,body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>.toggle{right:calc(var(--m)*2)}body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>a,body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>a{padding-left:66px}body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>a,body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>a{padding-right:66px}body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle,body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>.toggle{left:calc(var(--m)*3)}body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle,body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>.toggle{right:calc(var(--m)*3)}body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>a,body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>a{padding-left:80px}body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>a,body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>a{padding-right:80px}body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle,body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle{left:calc(var(--m)*4)}body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle,body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>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}.sidebar nav li:not(.has-subnav)>a.active-drop-target,.sidebar nav li:not(.has-subnav)>a.sel{background-color:var(--gray-500);cursor:default}.sidebar nav li:not(.has-subnav)>a.active-drop-target,.sidebar nav li:not(.has-subnav)>a.active-drop-target+.toggle,.sidebar nav li:not(.has-subnav)>a.sel,.sidebar nav li:not(.has-subnav)>a.sel+.toggle{color:var(--white)}.sidebar nav li:not(.has-subnav)>a.sel{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:500}.sidebar nav li a{align-items:center;border-radius:var(--large-border-radius);box-sizing:border-box;color:var(--text-color);display:flex;flex-direction:row;margin-bottom:1px;min-height:var(--xl);padding:7px var(--xl);position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;word-break:break-word}.sidebar nav li a .status{flex-shrink:1}.sidebar nav li a .icon{flex-shrink:1;height:1.125rem;opacity:.85;position:relative;top:1px;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:1rem;width:1rem}.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{background-color:var(--medium-text-color);border-radius:var(--s);color:var(--white);flex-shrink:1;font-size:.6875rem;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{align-items:center;display:flex;height:34px;justify-content:center;position:absolute;top:0;width:var(--xl);z-index:1}.sidebar nav li ul{display:none}.sidebar nav li.expanded>ul,.sidebar nav li.heading>ul{display:block}.error-summary{background-color:var(--gray-050);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-bottom:var(--l);padding:var(--l) var(--xl) var(--xl)}.error-summary .notification-icon{color:var(--error-color);float:left;margin:-2px 6px 0 0}.error-summary h2{margin-top:var(--xs)}.error-summary>ul.errors li,.error-summary>ul.errors li a{color:var(--text-color)}.error-summary>ul.errors li a em,.error-summary>ul.errors li em{font-weight:600}.error-summary>ul.errors li a:hover,.error-summary>ul.errors li:hover{color:var(--link-color)}body.ltr .content.has-sidebar:not(.hiding-sidebar){margin-left:14.125rem}body.rtl .content.has-sidebar:not(.hiding-sidebar){margin-right:14.125rem}#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,.draghelper .flex-fields,.so-content .flex-fields{--row-gap:var(--xl);align-content:flex-start;display:flex;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>*,.draghelper .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,.draghelper .flex-fields>h2,.so-content .flex-fields>h2{flex:4 0 100%}#content :not(.meta)>.flex-fields>h2:not(:nth-child(-n+1 of :not(.hidden))),#content>.flex-fields>h2:not(:nth-child(-n+1 of :not(.hidden))),.draghelper .flex-fields>h2:not(:nth-child(-n+1 of :not(.hidden))),.so-content .flex-fields>h2:not(:nth-child(-n+1 of :not(.hidden))){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,.draghelper .flex-fields>.line-break,.draghelper .flex-fields>hr,.so-content .flex-fields>.line-break,.so-content .flex-fields>hr{flex:4 0 100%}#content :not(.meta)>.flex-fields>.line-break:not(:first-child),#content>.flex-fields>.line-break:not(:first-child),.draghelper .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,.draghelper .flex-fields>:not(h2):not(hr):not(.line-break),.draghelper .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,.draghelper .flex-fields>:not(h2):not(hr):not(.line-break):before,.draghelper .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 .draghelper .flex-fields>:not(h2):not(hr):not(.line-break):before,body.ltr .draghelper .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 .draghelper .flex-fields>:not(h2):not(hr):not(.line-break):before,body.rtl .draghelper .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:96rem){#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,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-25,.draghelper.drag-in-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,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-50,.draghelper.drag-in-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,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-75,.draghelper.drag-in-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:95.9375rem){#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,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-25,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-50,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50{width:50%}}@media only screen and (min-width:1200px){.draghelper.drag-in-slideout .flex-fields>:not(h2):not(hr):not(.line-break).width-25,.draghelper.drag-in-slideout .flex-fields>:not(h2):not(hr):not(.line-break).width-50,.draghelper.drag-in-slideout .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25,.draghelper.drag-in-slideout .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50,.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%}}.global-sidebar{--is-always-visible:true;--prefix-width:1.875rem;--prefix-ratio:1;--gutter-width:0.625rem;display:flex;flex-direction:column;height:100vh;padding:0;position:sticky;top:0;z-index:100;-webkit-overflow-scrolling:touch;background-color:transparent;border-right:1px solid var(--hairline-color);width:var(--global-sidebar-width)}.global-sidebar a{text-decoration:none}.global-sidebar :not(.has-subnav)>a:not([href]),.global-sidebar>a:not([href]){background-color:transparent;cursor:default}@media only screen and (max-width:74.9375rem){.global-sidebar{--is-always-visible:false}}.global-sidebar__nav{padding:var(--s) 0}.global-sidebar__footer{display:grid;gap:var(--s);margin-block-start:auto}.global-nav>ul{display:flex;flex-direction:column;gap:var(--s)}.global-nav>ul>li{position:relative}.nav-icon{align-items:center;aspect-ratio:1;display:inline-flex;flex-direction:column;justify-content:center;line-height:0;width:1rem;--thumb-size:1rem}.nav-icon>svg{height:100%;width:100%}.nav-icon>svg circle,.nav-icon>svg ellipse,.nav-icon>svg line,.nav-icon>svg path,.nav-icon>svg polygon,.nav-icon>svg polyline,.nav-icon>svg rect,.nav-icon>svg text{fill:currentColor;stroke-width:0}.nav-item{--gutter-width:0.625rem;align-items:center;display:grid;grid-template-areas:". action trigger ." "subnav subnav subnav subnav";grid-template-columns:var(--gutter-width) 1fr var(--prefix-width) var(--gutter-width);width:100%}.nav-item>.sidebar-action{grid-area:action}[data-sidebar=collapsed] .nav-item{grid-template-areas:". action ." ". trigger ." "subnav subnav subnav";grid-template-columns:var(--gutter-width) var(--prefix-width) var(--gutter-width)}.nav-item__trigger{--icon-size:10px;--trigger-size:var(--touch-target-size);display:flex;grid-area:trigger;z-index:1}.nav-item__trigger .menubtn{align-items:center;border:transparent;flex-direction:column;height:var(--trigger-size);justify-content:center;padding:0;width:var(--trigger-size)}.nav-item__trigger .menubtn:hover{background-color:var(--ui-control-bg-color)}.nav-item__trigger .menubtn[aria-expanded=true]:not(:hover){background-color:transparent}.nav-item__trigger .menubtn[aria-expanded=true]:after{border:solid;border-width:0 .125rem .125rem 0;content:"";display:block;font-size:0;height:.4375rem;opacity:.8;position:relative;top:2px;transform:rotate(225deg);width:.4375rem}.nav-item__trigger .menubtn:after{margin-left:0!important}.nav-item__subnav{--prefix-ratio:4/3;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;grid-area:subnav;white-space:nowrap}.nav-item__subnav.is-open{height:auto;margin:0;overflow:visible;padding:0;position:static;width:auto;clip:auto;white-space:normal}.badge{background-color:var(--medium-text-color);border-radius:var(--s);color:var(--white);display:inline-flex;flex-shrink:1;font-size:11px;height:1rem;justify-content:center;line-height:1rem;text-align:center;width:1.1rem}.sidebar-actions{padding:10px var(--gutter-width)}.sidebar-action{--thumb-size:0.75rem;align-items:center;border-radius:var(--medium-border-radius);color:currentColor;cursor:pointer;display:flex;gap:7px;min-height:30px;position:relative;text-align:left;width:100%}.sidebar-action:before{content:"";height:80%;left:-.625rem;position:absolute;top:50%;transform:translateY(-50%);width:var(--xs)}.sidebar-action:focus-visible,.sidebar-action:hover{background-color:var(--gray-200)}.sidebar-action.sel:before{--indicator-size:6px;background-color:currentColor}.sidebar-action--sub{--indicator-size:4px;font-size:.9em;min-height:26px}.sidebar-action--sub:before{background-color:var(--gray-300);border-radius:100%;height:var(--indicator-size);left:calc(15px - var(--indicator-size)/2);top:50%;width:var(--indicator-size)}.sidebar-action--job{align-items:flex-start}.sidebar-action--job .sidebar-action__label{padding-block:var(--xs)}.sidebar-action--job[href]:hover{background-color:transparent}.sidebar-action--job[href]:hover .icon>span.icon>canvas#job-icon-hover{opacity:1}.sidebar-action--job .label{white-space:normal}.sidebar-action--job .progress-label{color:var(--gray-300);display:block;font-size:11px;line-height:1.5}.sidebar-action--job .nav-icon{display:block;height:16px;position:relative;width:16px}.sidebar-action--job .nav-icon>canvas{display:block;height:16px;position:absolute;width:16px}.sidebar-action--job .nav-icon>canvas#job-icon-hover{opacity:0}.sidebar-action__prefix{align-items:center;aspect-ratio:var(--prefix-ratio);display:flex;flex-shrink:0;justify-content:center;line-height:0;width:var(--prefix-width)}.sidebar-action__label{align-items:center;display:inline-flex;flex-grow:1;gap:var(--s);overflow:hidden;padding:0 var(--xs);text-overflow:ellipsis;white-space:nowrap}.sidebar-action__badge{display:flex;flex-direction:column;justify-content:center;margin-left:auto;padding:0 var(--s)}@media only screen and (min-width:75rem){[data-sidebar=collapsed] .global-sidebar{--global-sidebar-width:3.125rem}[data-sidebar=collapsed] .nav-item__indicator{right:-1px}[data-sidebar=collapsed] .sidebar-action{min-height:var(--prefix-width);width:var(--prefix-width)}[data-sidebar=collapsed] .sidebar-action:focus-visible .sidebar-action__label,[data-sidebar=collapsed] .sidebar-action:hover .sidebar-action__label{opacity:1;transform:translateY(-50%) translateX(0)}[data-sidebar=collapsed] .nav-item__trigger .menubtn{height:auto;padding-block:2px var(--xs);width:100%}[data-sidebar=collapsed] .sidebar-action__label{background:#fff;border-radius:var(--medium-border-radius);box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);color:var(--text-color);left:calc(100% + var(--xs)*2);opacity:0;padding:var(--xs) var(--s);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%) translateX(-5px);z-index:10}[data-sidebar=collapsed] .sidebar-action__label:focus{box-shadow:var(--focus-ring)}}@media only screen and (min-width:75rem)and (prefers-reduced-motion:no-preference){[data-sidebar=collapsed] .sidebar-action__label{transition:opacity 50ms cubic-bezier(.33,1,.68,1),transform .15s cubic-bezier(.33,1,.68,1)}}@media only screen and (min-width:75rem){[data-sidebar=collapsed] .sidebar-action__badge{bottom:var(--xs);padding:0;position:absolute;right:calc(var(--xs)*-1);transform:translateY(25%);z-index:100}[data-sidebar=collapsed] .sidebar-action--sub{min-height:26px}[data-sidebar=collapsed] .sidebar-action--sub:before{left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}[data-sidebar=collapsed] .global-nav>ul>li+li{--separator-width:1.75rem}[data-sidebar=collapsed] .global-nav>ul>li+li:before{background-color:var(--hairline-color);content:"";height:1px;left:calc((var(--global-sidebar-width) - var(--separator-width))/2);margin:0 auto;position:absolute;top:calc(var(--s)/-2);width:var(--separator-width)}[data-sidebar=expanded] #sidebar-toggle-icon{transform:rotate(180deg)}}#sidebar-trigger{display:none}@media only screen and (min-width:75rem){#sidebar-trigger{display:flex}}.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:5px 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:68px}}.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:flex;flex-direction:column}.lp-editor-container .lp-editor{box-sizing:border-box;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}body.ltr .lp-editor-container .lp-editor .matrixblock>.fields>.flex-fields>.field>.status-badge{left:calc(var(--m)*-1)}body.rtl .lp-editor-container .lp-editor .matrixblock>.fields>.flex-fields>.field>.status-badge{right:calc(var(--m)*-1)}.lp-editor-container .lp-draghandle{cursor:col-resize;height:100%;position:absolute;top:0;width:4px;z-index:101}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:flex;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: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:44px}}.lp-preview-container .lp-preview-header .lp-device-type .btn:before{background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:block;height:22px;transition-duration:.3s;width:27px}.lp-preview-container .lp-preview-header .lp-device-type .btn.lp-device-type-btn--phone:before{background-image:url(../images/preview/icon-phone.svg)}.lp-preview-container .lp-preview-header .lp-device-type .btn.lp-device-type-btn--tablet:before{background-image:url(../images/preview/icon-tablet.svg)}.lp-preview-container .lp-preview-header .lp-device-type .btn.lp-device-type-btn--desktop:before{background-image:url(../images/preview/icon-desktop.svg)}.lp-preview-container .lp-device-type__label:before{background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:block;height:22px;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-preview-container__bumper-link{bottom:0;top:unset}.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;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;transform:none!important;width:auto!important}.lp-preview-container .lp-iframe-container--has-device-preview{background-color:var(--gray-100);flex:none;height:calc(100% - 44px);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:44px}}.lp-preview-container .lp-iframe-container--has-device-preview .lp-device-preview-container{left:50%;opacity:1;overflow:auto;position:absolute;top:50%;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;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{transition-duration:.3s;transition-property:transform}.lp-preview-container .lp-iframe-container--rotating .lp-device-preview-container{opacity:0;transition:opacity 0s}}.login-container .login-form-container{background-color:var(--gray-050)}.login-container .login-form input[readonly]{cursor:not-allowed}.login-container .login-form>.btn,.login-container .login-form>.field{margin-top:var(--l)}.login-container .login-form>.btn:not(:last-child):not(.last),.login-container .login-form>.field:not(:last-child):not(.last){margin-bottom:var(--l)}.login-container .login-form .btn{display:flex}.login-container .alternative-login-methods{margin-top:var(--m)}.login-container .alternative-login-methods .btn{width:100%}.login-container .login-alt-container button,.login-container .login-forgot-password{color:var(--medium-text-color);cursor:pointer!important;font-size:11px}.login-container .login-alt-container{margin:calc(var(--s) - var(--xl)) 0}.login-container .login-alt-container button{background-color:transparent;display:inline-flex;height:auto;min-height:var(--touch-target-size);padding:0;width:auto}.login-container .login-alt-container button:focus,.login-container .login-alt-container button:hover,.login-container .login-forgot-password:focus,.login-container .login-forgot-password:hover{color:var(--link-color)}.login-container .login-errors{color:var(--error-color);margin-top:1em;text-align:center}.login-alt-menu{z-index:1001}body.login{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100%}body.login main{max-width:100%;padding:var(--padding);width:calc(300px + var(--padding)*2)}body.login main h1{font-size:32px;line-height:40px;text-align:center;word-wrap:break-word}body.login main h1 #login-logo{height:auto;max-height:300px;width:100%}body.login #poweredby{display:block;margin-bottom:48px;margin-top:70px;opacity:.8;text-align:center}body.login #poweredby:active,body.login #poweredby:focus,body.login #poweredby:hover{opacity:1}body.login #poweredby>svg{display:inline-block}.modal.email-sent{width:300px}body.ltr .modal.email-sent .body{padding-left:68px}body.rtl .modal.email-sent .body{padding-right:68px}.modal.email-sent .body:before{font-family:Craft;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;color:var(--link-color);content:"mail";display:block;font-size:30px;position:absolute;top:24px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body.ltr .modal.email-sent .body:before{left:24px}body.rtl .modal.email-sent .body:before{right:24px}.login-modal{background:var(--gray-100);border-radius:var(--large-border-radius);max-width:calc(100% - 20px);width:calc(600px + var(--l)*2)}.login-modal .body{display:flex;flex-direction:row;padding:var(--l)}.login-modal .body .login-modal-form,.login-modal .body .login-modal-intro{max-width:100%;width:300px}.login-modal .body .login-modal-intro{padding:var(--m)}@media screen and (max-width:656px){.login-modal{border-radius:var(--large-border-radius)}.login-modal .body{flex-direction:column;gap:var(--m);overflow:auto;padding:var(--m)}.login-modal .body .login-modal-intro{padding:var(--xs) var(--xl)}.login-modal .body .login-modal-form{border-radius:0}}.layoutdesigner{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:flex;min-height:500px;overflow:hidden;position:relative}body.ltr .layoutdesigner{padding-right:265px}body.rtl .layoutdesigner{padding-left:265px}.errors>.layoutdesigner{border:1px solid var(--error-color)!important}.layoutdesigner .fld-workspace{background-color:var(--gray-050);background-image:linear-gradient(90deg,#ecf2f9 1px,transparent 0),linear-gradient(180deg,#ecf2f9 1px,transparent 0);background-position:-1px -1px;background-size:24px 24px;box-shadow:inset 0 1px 3px -1px #acbed2;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{align-items:flex-start;display:flex;flex-wrap:wrap}.layoutdesigner .fld-sidebar{display:flex;flex-direction:column;height:100%;padding:14px;position:absolute;top:0;width:265px}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{flex:1;margin:-3px;min-height:0;overflow:auto;padding:3px}.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)}.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:288px}body.ltr .fld-tab{padding:0 25px 24px 0}body.rtl .fld-tab{padding:0 0 24px 25px}.fld-tab .tabs{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:flex;gap:var(--xs);max-width:calc(100% - 10px);padding:8px 14px}body:not(.dragging) .fld-tab .tabs .tab.draggable{cursor:move;cursor:grab}.fld-tab .tabs .tab span{overflow:hidden;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:linear-gradient(90deg,#ecf2f9 1px,transparent 0),linear-gradient(180deg,#ecf2f9 1px,transparent 0);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-element{align-items:center;background-color:var(--white);border-radius:var(--medium-border-radius);box-shadow:inset 0 0 0 1px var(--hairline-color);display:flex;gap:var(--s);padding:var(--s);position:relative}body:not(.dragging) .fld-element{cursor:move;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:not(.draghelper){box-shadow:none}.fld-element.fld-field .field-name{display:flex;flex-direction:column;gap:var(--xs)}.fld-element .fld-element-icon{text-align:center}.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{flex:1;overflow:hidden}.fld-element .field-name .fld-attribute,.fld-element .field-name .fld-element-label{align-items:center;display:flex;flex:1}.fld-element .field-name .fld-attribute .smalltext,.fld-element .field-name .fld-element-label h4{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fld-element .field-name .fld-element-label h4{color:var(--text-color);font-weight:400;margin:0}.fld-br,.fld-hr{display:flex;flex:1;justify-content:center;position:relative}.fld-br:before,.fld-hr:before{border-radius:2px;content:"";display:block;font-size:0;height:4px;left:0;position:absolute;top:calc(50% - 2px);width:100%}.fld-br .smalltext,.fld-hr .smalltext{align-items:center;background-color:var(--gray-100);border-radius:var(--large-border-radius);display:flex;height:var(--touch-target-size);justify-content:center;padding:0 var(--s);position:relative}.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;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:flex;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{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{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;-webkit-user-select:none;-moz-user-select:none;-ms-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;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: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{align-items:stretch;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:flex;flex-direction:column;flex-grow:1;overflow:hidden;position:relative}.modal.imageeditor .body .image-container .image{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%}body.has-debug-toolbar .modal.imageeditor .footer{padding-bottom:50px}.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:calc(1rem + 5px)}body.rtl .modal.imageeditor .body .views .crop .custom{padding-right:calc(1rem + 5px)}.modal.imageeditor .body .views .crop .orientation{align-items:center;display:flex;justify-content:center}.modal.imageeditor .body .views .crop .orientation input{-webkit-appearance:none;-moz-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{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{border-bottom:1px solid #000;border-top:1px solid #000;display:flex;flex-direction:row;width:100%}.vertical.imageeditor .body .tabs ul li{border:0;border-right:1px solid #000;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:flex;flex-wrap:wrap;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;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: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{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)}.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;-moz-user-select:none;-ms-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 f40b8d9e05e..eb07aeca1a6 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,2BAEA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,4BACA,oCAEA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,sCACA,kBAEA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,qBAEA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,oBAEA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,qBAEA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,mBAEA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,oBAEA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,sBAEA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,mBAEA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBAEA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,kBAEA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,mBAEA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,qBAEA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBAEA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBAEA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,sBAEA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,mBAEA,mBACA,mBACA,mBAC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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/_global-sidebar.scss","webpack:///./css/_preview.scss","webpack:///./css/_login.scss","webpack:///../../../../../node_modules/@craftcms/sass/_mixins.scss","webpack:///./css/_fld.scss","webpack:///./css/_image_editor.scss","webpack:///./css/_shame.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%;--gray-050: hsl(var(--gray-050-hsl));--gray-100: hsl(var(--gray-100-hsl));--gray-200: hsl(var(--gray-200-hsl));--gray-300: hsl(var(--gray-300-hsl));--gray-350: hsl(var(--gray-350-hsl));--gray-400: hsl(var(--gray-400-hsl));--gray-500: hsl(var(--gray-500-hsl));--gray-550: hsl(var(--gray-550-hsl));--gray-600: hsl(var(--gray-600-hsl));--gray-700: hsl(var(--gray-700-hsl));--gray-800: hsl(var(--gray-800-hsl));--gray-900: hsl(var(--gray-900-hsl));--gray-1000: hsl(var(--gray-1000-hsl));--red-050: #fef2f2;--red-100: #fee2e2;--red-200: #fecaca;--red-300: #fca5a5;--red-400: #f87171;--red-500: #ef4444;--red-600: #dc2626;--red-700: #b91c1c;--red-800: #991b1b;--red-900: #7f1d1d;--red-950: #450a0a;--orange-050: #fff7ed;--orange-100: #ffedd5;--orange-200: #fed7aa;--orange-300: #fdba74;--orange-400: #fb923c;--orange-500: #f97316;--orange-600: #ea580c;--orange-700: #c2410c;--orange-800: #9a3412;--orange-900: #7c2d12;--orange-950: #431407;--amber-050: #fffbeb;--amber-100: #fef3c7;--amber-200: #fde68a;--amber-300: #fcd34d;--amber-400: #fbbf24;--amber-500: #f59e0b;--amber-600: #d97706;--amber-700: #b45309;--amber-800: #92400e;--amber-900: #78350f;--amber-950: #451a03;--yellow-050: #fefce8;--yellow-100: #fef9c3;--yellow-200: #fef08a;--yellow-300: #fde047;--yellow-400: #facc15;--yellow-500: #eab308;--yellow-600: #ca8a04;--yellow-700: #a16207;--yellow-750: #93580b;--yellow-800: #854d0e;--yellow-900: #713f12;--yellow-950: #422006;--lime-050: #f7fee7;--lime-100: #ecfccb;--lime-200: #d9f99d;--lime-300: #bef264;--lime-400: #a3e635;--lime-500: #84cc16;--lime-600: #65a30d;--lime-700: #4d7c0f;--lime-800: #3f6212;--lime-900: #365314;--lime-950: #1a2e05;--green-050: #f0fdf4;--green-100: #dcfce7;--green-200: #bbf7d0;--green-300: #86efac;--green-400: #4ade80;--green-500: #22c55e;--green-600: #16a34a;--green-700: #15803d;--green-800: #166534;--green-900: #14532d;--green-950: #052e16;--emerald-050: #ecfdf5;--emerald-100: #d1fae5;--emerald-200: #a7f3d0;--emerald-300: #6ee7b7;--emerald-400: #34d399;--emerald-500: #10b981;--emerald-600: #059669;--emerald-700: #047857;--emerald-800: #065f46;--emerald-900: #064e3b;--emerald-950: #022c22;--teal-050: #f0fdfa;--teal-100: #ccfbf1;--teal-200: #99f6e4;--teal-300: #5eead4;--teal-400: #2dd4bf;--teal-500: #14b8a6;--teal-550: #11a697;--teal-600: #0d9488;--teal-700: #0f766e;--teal-800: #115e59;--teal-900: #134e4a;--teal-950: #042f2e;--cyan-050: #ecfeff;--cyan-100: #cffafe;--cyan-200: #a5f3fc;--cyan-300: #67e8f9;--cyan-400: #22d3ee;--cyan-500: #06b6d4;--cyan-600: #0891b2;--cyan-700: #0e7490;--cyan-800: #155e75;--cyan-900: #164e63;--cyan-950: #083344;--sky-050: #f0f9ff;--sky-100: #e0f2fe;--sky-200: #bae6fd;--sky-300: #7dd3fc;--sky-400: #38bdf8;--sky-500: #0ea5e9;--sky-600: #0284c7;--sky-700: #0369a1;--sky-800: #075985;--sky-900: #0c4a6e;--sky-950: #082f49;--blue-050: #eff6ff;--blue-100: #dbeafe;--blue-200: #bfdbfe;--blue-300: #93c5fd;--blue-400: #60a5fa;--blue-500: #3b82f6;--blue-600: #2563eb;--blue-700: #1d4ed8;--blue-800: #1e40af;--blue-900: #1e3a8a;--blue-950: #172554;--indigo-050: #eef2ff;--indigo-100: #e0e7ff;--indigo-200: #c7d2fe;--indigo-300: #a5b4fc;--indigo-400: #818cf8;--indigo-500: #6366f1;--indigo-600: #4f46e5;--indigo-700: #4338ca;--indigo-800: #3730a3;--indigo-900: #312e81;--indigo-950: #1e1b4b;--violet-050: #f5f3ff;--violet-100: #ede9fe;--violet-200: #ddd6fe;--violet-300: #c4b5fd;--violet-400: #a78bfa;--violet-500: #8b5cf6;--violet-600: #7c3aed;--violet-700: #6d28d9;--violet-800: #5b21b6;--violet-900: #4c1d95;--violet-950: #2e1065;--purple-050: #faf5ff;--purple-100: #f3e8ff;--purple-200: #e9d5ff;--purple-300: #d8b4fe;--purple-400: #c084fc;--purple-500: #a855f7;--purple-600: #9333ea;--purple-700: #7e22ce;--purple-800: #6b21a8;--purple-900: #581c87;--purple-950: #3b0764;--fuchsia-050: #fdf4ff;--fuchsia-100: #fae8ff;--fuchsia-200: #f5d0fe;--fuchsia-300: #f0abfc;--fuchsia-400: #e879f9;--fuchsia-500: #d946ef;--fuchsia-600: #c026d3;--fuchsia-700: #a21caf;--fuchsia-800: #86198f;--fuchsia-900: #701a75;--fuchsia-950: #4a044e;--pink-050: #fdf2f8;--pink-100: #fce7f3;--pink-200: #fbcfe8;--pink-300: #f9a8d4;--pink-400: #f472b6;--pink-500: #ec4899;--pink-600: #db2777;--pink-700: #be185d;--pink-800: #9d174d;--pink-900: #831843;--pink-950: #500724;--rose-050: #fff1f2;--rose-100: #ffe4e6;--rose-200: #fecdd3;--rose-300: #fda4af;--rose-400: #fb7185;--rose-500: #f43f5e;--rose-600: #e11d48;--rose-700: #be123c;--rose-800: #9f1239;--rose-900: #881337;--rose-950: #4c0519}:root{--bg-color: $grey100;--bg-color-hsl: 212deg, 50%, 93%;--primary-color: var(--red-600);--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: #1f5fea;--font-weight-bold: 700;--hairline-color: rgba(51, 64, 77, 0.1);--medium-hairline-color: #cfd8e3;--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-500);--error-color: #d81e23;--warning-color: var(--amber-700);--success-color: var(--teal-700);--notice-color: var(--sky-700);--enabled-color: var(--teal-550);--pending-color: var(--orange-400);--disabled-color: var(--red-600);--indicator-border-color: var(--amber-600);--indicator-icon-color: var(--amber-700);--small-border-radius: 3px;--medium-border-radius: 4px;--large-border-radius: 5px;--menu-border-radius: var(--medium-border-radius);--checkbox-size: 1rem;--radio-size: 1rem}@font-face{font-family:\"Craft\";src:url(\"../fonts/Craft.woff2\") format(\"woff2\"),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;font-display:block}:root{--ui-control-color: var(--gray-550);--ui-control-hover-color: var(--gray-600);--ui-control-active-color: var(--gray-700);--ui-control-static-bg-color: rgba(96, 125, 159, 0.25);--ui-control-bg-color: var(--ui-control-static-bg-color);--ui-control-hover-bg-color: rgba(96, 125, 159, 0.3);--ui-control-active-bg-color: rgba(96, 125, 159, 0.5);--ui-control-border-radius: var(--large-border-radius);--ui-control-height: calc(34rem / 16);--ui-control-height--small: calc(30rem / 16);--light-focus-hsl: 211.6981132075deg, 96.3636363636%, 78.431372549%;--medium-focus-hsl: 217.2192513369deg, 91.2195121951%, 59.8039215686%;--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: calc( 24rem / 16 );--thumb-size: calc(20rem / 16);--icon-size: 1rem;--elements-busy-top-position: calc(50% - var(--size, 20px) / 2);--lh: 1.42em}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:var(--lh);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}.mt-0{margin-top:0 !important}.mt-xs{margin-top:var(--xs) !important}.mt-s{margin-top:var(--s) !important}.mt-m{margin-top:var(--m) !important}.mt-l{margin-top:var(--l) !important}.mt-xl{margin-top:var(--xl) !important}.mb-0{margin-bottom:0 !important}.mb-xs{margin-bottom:var(--xs) !important}.mb-s{margin-bottom:var(--s) !important}.mb-m{margin-bottom:var(--m) !important}.mb-l{margin-bottom:var(--l) !important}.mb-xl{margin-bottom:var(--xl) !important}.ml-0{margin-left:0 !important}.ml-xs{margin-left:var(--xs) !important}.ml-s{margin-left:var(--s) !important}.ml-m{margin-left:var(--m) !important}.ml-l{margin-left:var(--l) !important}.ml-xl{margin-left:var(--xl) !important}.mr-0{margin-right:0 !important}.mr-xs{margin-right:var(--xs) !important}.mr-s{margin-right:var(--s) !important}.mr-m{margin-right:var(--m) !important}.mr-l{margin-right:var(--l) !important}.mr-xl{margin-right:var(--xl) !important}.mx-0{margin-left:0 !important;margin-right:0 !important}.mx-xs{margin-left:var(--xs) !important;margin-right:var(--xs) !important}.mx-s{margin-left:var(--s) !important;margin-right:var(--s) !important}.mx-m{margin-left:var(--m) !important;margin-right:var(--m) !important}.mx-l{margin-left:var(--l) !important;margin-right:var(--l) !important}.mx-xl{margin-left:var(--xl) !important;margin-right:var(--xl) !important}.my-0{margin-top:0 !important;margin-bottom:0 !important}.my-xs{margin-top:var(--xs) !important;margin-bottom:var(--xs) !important}.my-s{margin-top:var(--s) !important;margin-bottom:var(--s) !important}.my-m{margin-top:var(--m) !important;margin-bottom:var(--m) !important}.my-l{margin-top:var(--l) !important;margin-bottom:var(--l) !important}.my-xl{margin-top:var(--xl) !important;margin-bottom:var(--xl) !important}.no-scroll{overflow:hidden !important}.draghelper{box-sizing:border-box;list-style-type:none}.offset-drag-helper{transition:margin linear 200ms,padding linear 200ms}body.dragging.ltr .offset-drag-helper{margin:-50px 0 0 -50px;padding:60px 0 0 60px}body.dragging.rtl .offset-drag-helper{margin:-50px -50px 0 0;padding:60px 60px 0 0}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 ul.padded li .menu-item.sel:before,.menu ul.padded li .menu-option.sel:before,.menu .flex.padded.sel:before,.texticon:before,#help:before,.secure:before,.insecure:before,.go:after,.required:after,.preview-btn:before,.view-btn:before,.action-btn:before,[data-icon]:before,[data-icon-after]:after{font-family:\"Craft\";speak:never;-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}.badge-icon{position:relative;top:-1px;display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;box-sizing:border-box;border:1px solid var(--indicator-border-color);border-radius:var(--small-border-radius);color:var(--indicator-icon-color);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)}[data-icon-size=large][data-icon]:before,[data-icon-size=large][data-icon-after]:after{font-size:20px}[data-icon-size=small][data-icon]:before,[data-icon-size=small][data-icon-after]:after{font-size:14px}[data-icon-size=puny][data-icon]:before,[data-icon-size=puny][data-icon-after]:after{font-size:12px}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\"}.action-btn:before{content:\"ellipsis\"}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}a[aria-current]{cursor:default}body.underline-links a,a:hover{text-decoration:underline}a .cp-icon svg rect,a .cp-icon svg circle,a .cp-icon svg ellipse,a .cp-icon svg line,a .cp-icon svg polyline,a .cp-icon svg polygon,a .cp-icon svg path,a .cp-icon svg text{fill:var(--link-color);stroke-width:0}a:not([href]){color:inherit;cursor:inherit}body.underline-links a:not([href]),a:not([href]):hover{text-decoration:none}a.iconlink:before{width:1rem}body.ltr a.iconlink:before{margin-right:var(--xs)}body.rtl a.iconlink:before{margin-left:var(--xs)}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\"}body.ltr a [data-icon=external]{margin-left:var(--xs)}body.rtl a [data-icon=external]{margin-right:var(--xs)}button{cursor:pointer}.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:never;-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}.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)}.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(37, 99, 235, 0.2), rgba(37, 99, 235, 0) 50%)}body.rtl .so-notice>.draft-notice{background-image:linear-gradient(to left, rgba(37, 99, 235, 0.2), rgba(37, 99, 235, 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(30,64,175,.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(30,58,138,.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:#1555e2}.draft-notice .discard-changes-btn:active{border-color:#134cca}.revision-notice{display:flex;align-items:center;align-content:stretch;justify-content:center;gap:var(--s);color:var(--gray-600)}#content-notice .revision-notice{display:inline-flex;justify-content:flex-start}.revision-notice p{flex:1;margin:0}.revision-notice .revision-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(51,64,77,.2);box-sizing:border-box;box-shadow:0 1px 1px 1px var(--white)}.revision-notice .revision-icon:before{position:relative;left:1px;color:var(--grey-800) !important;font-size:18px}.revision-notice .revision-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(30,58,138,.2)}button.toggle{appearance:none;color:inherit;background:none;border:none;padding:0}.toggle:before,a.fieldtoggle:before{display:block;content:\"\";font-size:0;width:.4375rem;height:.4375rem;border:solid currentColor;border-width:0 .125rem .125rem 0;opacity:.8;position:relative;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}ul.errors em{font-style:normal}strong,b,i em{font-weight:bold}.readable{font-size:16px;line-height:22px}.readable h1,.readable .h1,.readable h2,.readable .h2,.readable h3,.readable .h3,.readable h4,.readable .h4,.readable h5,.readable .h5,.readable h6,.readable .h6{margin:24px 0 16px;font-weight:600}.readable h1,.readable .h1{font-size:32px;line-height:40px;color:#000}.readable h2,.readable .h2{font-size:24px;line-height:30px}.readable h3,.readable .h3{font-size:20px;line-height:24px}.readable h4,.readable .h4{font-size:16px;line-height:20px}.readable h5,.readable .h5{font-size:14px;line-height:18px}.readable h6,.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 .tip-dismiss-btn{position:absolute;top:12px}body.ltr .readable .tip-dismiss-btn{right:12px}body.rtl .readable .tip-dismiss-btn{left:12px}.readable .tip-dismiss-btn+p{margin-top:0}.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:50px}body.rtl .readable blockquote.note{padding-right:50px}body.ltr .readable blockquote.note.dismissible{padding-right:36px}body.rtl .readable blockquote.note.dismissible{padding-left:36px}.readable blockquote.note:not(.tip):not(.warning){border-color:#dc2626;color:#bf503f}.readable blockquote.note:not(.tip):not(.warning):before{content:\"alert\";color:#dc2626}.readable blockquote.note.tip{border-color:#1f5fea;color:#1f5fea}.readable blockquote.note.tip:before{content:\"lightbulb\";color:#1f5fea}.readable blockquote.note.warning{border-color:#854d0e;color:#cf783a}.readable blockquote.note.warning:before{content:\"alert\";color:#854d0e}.readable blockquote.note:before{font-family:\"Craft\";speak:never;-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:1;position:absolute;top:15px;font-size:24px;width:24px}body.ltr .readable blockquote.note:before{left:16px}body.rtl .readable blockquote.note:before{right:16px}.readable blockquote.note a[href]{color:currentColor;text-decoration:underline}.readable .go:after{font-size:14px}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:12px;color:var(--rose-500)}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:never;-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;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:never;-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;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:not(.disabled){cursor:move}.icon.move:before{content:\"move\";color:var(--custom-text-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:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width: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:never;-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;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}.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}body.ltr .customize-sources-modal.sidebar-hidden{padding-left:0}body.rtl .customize-sources-modal.sidebar-hidden{padding-right:0}.customize-sources-modal.sidebar-hidden>.cs-sidebar{display:none}.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{--selected-item-color: var(--white);display:flex;width:calc(100% - 1px);box-sizing:border-box;align-items:center;position:relative;margin-top:-1px;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{--focus-ring: 0 0 0 1px hsl(var(--light-focus-hsl)), 0 0 0 3px hsla(var(--light-focus-hsl), 0.7);--ui-control-color: var(--selected-item-color);background-color:var(--dark-sel-color);color:var(--selected-item-color);z-index:1}.customize-sources-item .label{flex:1}.customize-sources-item.heading .label{text-transform:uppercase;color:var(--light-text-color);font-size:12px;font-weight:bold}.customize-sources-item.heading.sel .label{color:var(--selected-item-color)}.customize-sources-item__move{position:absolute;top:50%;transform:translate(-50%, -50%);justify-content:center;align-items:center}body.ltr .customize-sources-item__move{right:0}body.rtl .customize-sources-item__move{left:0}.customize-sources-item__move.icon{display:flex;text-decoration:none}.customize-sources-item__btn{padding:8px 14px;margin:3px}body.ltr .customize-sources-item__btn{padding-right:30px}body.rtl .customize-sources-item__btn{padding-left:30px}.checkbox-select-item{display:flex;align-items:flex-start;align-content:stretch;margin-bottom:4px}.checkbox-select-item .move{margin-top:-3px;position:relative;z-index:1}body.ltr .checkbox-select-item .move{margin-right:10px}body.rtl .checkbox-select-item .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:.4375rem;height:.4375rem;border:solid var(--light-text-color);border-width:0 .0625rem .0625rem 0;opacity:.8;position:relative}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:var(--s);min-height:34px}.toolbar.flex,.toolbar .flex{align-items:flex-start}.toolbar .text{border-radius:var(--large-border-radius) !important}.flex{display:flex;align-items:center;align-content:stretch;gap:var(--s)}.flex.flex-gap-xs{gap:var(--xs)}.flex.flex-gap-m{gap:var(--m)}.flex.flex-gap-l{gap:var(--l)}.flex.flex-gap-xl{gap:var(--xl)}.flex:not(.flex-nowrap){flex-wrap:wrap}.flex>*.label{white-space:nowrap}.centeralign .flex{justify-content:center}.inline-flex{display:inline-flex !important;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;max-width:100%}.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(--ui-control-border-radius);padding:7px 10px;border:none;text-align:center;white-space:nowrap;user-select:none;box-sizing:border-box;appearance:none;color:currentColor;font-size:inherit;background-color:var(--ui-control-bg-color)}.btn:not([aria-current]){cursor:pointer}.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.hairline{border:1px solid var(--medium-hairline-color);background-color:rgba(0,0,0,0)}.btn.hairline:hover,.btn.hairline:active,.btn.hairline[aria-expanded=true]{border-color:var(--dark-hairline-color)}.btn.hairline:active,.btn.hairline[aria-expanded=true]{background-color:var(--ui-control-static-bg-color)}.btn.wrap{height:auto;min-height:34px;white-space:initial;text-align:left}.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]):focus,.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]).focus,.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]):hover{--ui-control-bg-color: var(--ui-control-hover-bg-color)}.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]):active,.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]).active,.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current])[aria-expanded=true]{--ui-control-bg-color: var(--ui-control-active-bg-color)}.btn[type=color]{padding:6px !important;width:36px}.btn.active,.btn.loading{cursor:default}.btn:hover{text-decoration:none}.btn:empty,.btn.btn-empty{padding-left:12px;padding-right:12px}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:not(.action-btn)[data-icon]:empty:before,body.ltr .btn.menubtn:not(.action-btn)[data-icon].btn-empty:before,body.ltr .btn.menubtn:not(.action-btn).icon:empty:before,body.ltr .btn.menubtn:not(.action-btn).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:not(.action-btn)[data-icon]:empty:before,body.rtl .btn.menubtn:not(.action-btn)[data-icon].btn-empty:before,body.rtl .btn.menubtn:not(.action-btn).icon:empty:before,body.rtl .btn.menubtn:not(.action-btn).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}.btn [data-icon]{margin-top:-3px}body.ltr .btn [data-icon]{margin-right:5px}body.rtl .btn [data-icon]{margin-left:5px}.btn [data-icon].light:before{color:var(--gray-300)}.disabled{opacity:.25;pointer-events:none;user-select:none}.noteditable{cursor:not-allowed}.noteditable .element,.noteditable .lightswitch-container,.noteditable+.colorhex{cursor:not-allowed}.btn,.spinner{height:var(--ui-control-height)}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(.action-btn):not(:empty):not(.btn-empty):after,body.ltr .menubtn:not(.action-btn).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(.action-btn):not(:empty):not(.btn-empty):after,body.rtl .menubtn:not(.action-btn).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;border-radius:var(--large-border-radius)}.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}.btngroup--exclusive .btn[aria-pressed=true]:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]){background-color:var(--gray-500);color:var(--white)}.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 .copytextbtn__icon{padding:0;width:13px;background:none;margin-top:-3px;color:var(--light-text-color)}body.ltr .copytextbtn .copytextbtn__icon{margin-left:5px}body.rtl .copytextbtn .copytextbtn__icon{margin-right:5px}.copytextbtn:hover,.copytextbtn:focus{border-color:var(--medium-hairline-color);color:var(--text-color)}.copytextbtn:hover .copytextbtn__value,.copytextbtn:focus .copytextbtn__value{color:var(--text-color)}.copytextbtn.small{padding:0 5px}.copytextbtn.small .copytextbtn__value{font-size:.6875rem}.menu-toggle,.menubtn:not(.action-btn){display:inline-flex;align-items:center;user-select:none}.menu-toggle:after,.menubtn:not(.action-btn):after{display:block;content:\"\";font-size:0;width:.4375rem;height:.4375rem;border:solid currentColor;border-width:0 .125rem .125rem 0;opacity:.8;position:relative;transform:rotate(45deg);position:relative}.menu-toggle.btn:after,.menubtn:not(.action-btn).btn:after{top:-1px}.menu-toggle.btn:not(.disabled):not(.inactive):active:after,.menu-toggle.btn:not(.disabled):not(.inactive).active:after,.menubtn:not(.action-btn).btn:not(.disabled):not(.inactive):active:after,.menubtn:not(.action-btn).btn:not(.disabled):not(.inactive).active:after{border-color:var(--ui-control-active-color)}.menu-toggle.btn.submit:after,.menubtn:not(.action-btn).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:not(.action-btn).btn.submit:not(.disabled):not(.inactive):hover:after,.menubtn:not(.action-btn).btn.submit:not(.disabled):not(.inactive).hover:after,.menubtn:not(.action-btn).btn.submit:not(.disabled):not(.inactive):active:after,.menubtn:not(.action-btn).btn.submit:not(.disabled):not(.inactive).active:after{opacity:1}.menu-toggle:not(.btn):not(.icon),.menubtn:not(.action-btn):not(.btn):not(.icon){height:17px}.menu-toggle:not(.btn):not(.icon):after,.menubtn:not(.action-btn):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:not(.action-btn):empty,body.ltr .menubtn:not(.action-btn).btn-empty{padding-left:8px}body.rtl .menu-toggle:empty,body.rtl .menu-toggle.btn-empty,body.rtl .menubtn:not(.action-btn):empty,body.rtl .menubtn:not(.action-btn).btn-empty{padding-right:8px}body.ltr .menu-toggle:empty,body.ltr .menu-toggle.btn-empty,body.ltr .menubtn:not(.action-btn):empty,body.ltr .menubtn:not(.action-btn).btn-empty{padding-right:8px}body.rtl .menu-toggle:empty,body.rtl .menu-toggle.btn-empty,body.rtl .menubtn:not(.action-btn):empty,body.rtl .menubtn:not(.action-btn).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:var(--elements-busy-top-position);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 var(--s) !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.huge{padding:var(--l);line-height:48px;height:48px}.btn.submit,.btn.secondary{color:var(--white) !important;--ui-control-active-color: var(--white);-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:#c82020 !important}.btn.submit:not(.disabled):not(.inactive):not(.loading):active,.btn.submit:not(.disabled):not(.inactive):not(.loading).active,.btn.submit:not(.disabled):not(.inactive):not(.loading)[aria-expanded=true]{background-color:#b21d1d !important}.btn.caution{background-color:var(--red-050) !important;color:var(--error-color)}.btn.caution:hover,.btn.caution.hover,.btn.caution:focus{background-color:#fcdada !important}.btn.caution:active,.btn.caution.active,.btn.caution[aria-expanded=true]{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,.secondary-buttons .btn.submit:not(.disabled):not(.inactive):not(.loading)[aria-expanded=true],.btn.secondary:not(.disabled):not(.inactive):not(.loading):active,.btn.secondary:not(.disabled):not(.inactive):not(.loading).active,.btn.secondary:not(.disabled):not(.inactive):not(.loading)[aria-expanded=true]{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,.btn.dashed:not(.disabled)[aria-expanded=true]{background-color:rgba(205,216,228,.25)}.chevron-btns{display:flex;justify-content:flex-start}.chevron-btns .btn{position:relative;padding:0;border-radius:0;background-color:rgba(0,0,0,0)}.chevron-btns .btn.current-step,.chevron-btns .btn.active-drop-target{color:var(--white);--text-color: var(--white);--ui-control-color: var(--white);--ui-control-bg-color: var(--gray-500);--ui-control-hover-bg-color: #55616d;--ui-control-active-bg-color: #4a545e}.chevron-btns .btn.current-step{-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)}.chevron-btns .btn:focus{z-index:1;box-shadow:none}.chevron-btns .btn:focus .label{z-index:1;box-shadow:var(--focus-ring)}.reduce-focus-visibility .chevron-btns .btn:focus:not(:focus-visible) .label{box-shadow:none}.reduce-focus-visibility .chevron-btns .btn:focus-visible .label{box-shadow:var(--focus-ring)}body.ltr .chevron-btns .btn:not(.has-action-menu){padding-right:calc(var(--ui-control-height)/2)}body.rtl .chevron-btns .btn:not(.has-action-menu){padding-left:calc(var(--ui-control-height)/2)}body.ltr .chevron-btns .btn:not(.has-action-menu){margin-right:2.8px}body.rtl .chevron-btns .btn:not(.has-action-menu){margin-left:2.8px}body.ltr .chevron-btns .btn:not(.has-action-menu):not(.current-step[data-disclosure-trigger]) .btn-body{padding-right:5px}body.rtl .chevron-btns .btn:not(.has-action-menu):not(.current-step[data-disclosure-trigger]) .btn-body{padding-left:5px}body.ltr .chevron-btns .btn.current-step[data-disclosure-trigger] .btn-body{padding-left:8px}body.rtl .chevron-btns .btn.current-step[data-disclosure-trigger] .btn-body{padding-right:8px}.chevron-btns .btn.current-step[data-disclosure-trigger] .btn-body .label{padding:3px}.chevron-btns .btn.current-step[data-disclosure-trigger] .btn-body .label:after{display:block;content:\"\";font-size:0;width:.4375rem;height:.4375rem;border:solid currentColor;border-width:0 .125rem .125rem 0;opacity:.8;position:relative;transform:rotate(45deg);position:relative}.chevron-btns .btn .btn-body{display:inline-flex;align-items:center;justify-content:center;height:var(--ui-control-height);background-color:var(--ui-control-bg-color)}.chevron-btns .btn .btn-body [data-icon]{--ui-control-height: calc((13rem / 16));text-align:center}body.ltr .chevron-btns .btn .btn-body [data-icon]{margin-right:0}body.rtl .chevron-btns .btn .btn-body [data-icon]{margin-left:0}.chevron-btns .btn .label{display:inline-flex;align-items:center;overflow:hidden;text-overflow:ellipsis}body.ltr .chevron-btns .btn.has-action-menu .btn-body{padding-right:1px}body.rtl .chevron-btns .btn.has-action-menu .btn-body{padding-left:1px}body.ltr .chevron-btns .btn.has-action-menu .btn-body{margin-right:0}body.rtl .chevron-btns .btn.has-action-menu .btn-body{margin-left:0}.chevron-btns .btn .chevron-right,.chevron-btns .btn .chevron-left{position:absolute;top:0;height:100%;width:calc(var(--ui-control-height)/2)}.chevron-btns .btn .chevron-left{border-top:calc(var(--ui-control-height)/2) solid var(--ui-control-bg-color)}body.ltr .chevron-btns .btn .chevron-left{left:0}body.rtl .chevron-btns .btn .chevron-left{right:0}body.ltr .chevron-btns .btn .chevron-left{border-left:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0)}body.rtl .chevron-btns .btn .chevron-left{border-right:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0)}.chevron-btns .btn .chevron-left:after{display:block;content:\"\";font-size:0;position:absolute;bottom:0;border-bottom:calc(var(--ui-control-height)/2) solid var(--ui-control-bg-color)}body.ltr .chevron-btns .btn .chevron-left:after{right:0}body.rtl .chevron-btns .btn .chevron-left:after{left:0}body.ltr .chevron-btns .btn .chevron-left:after{border-left:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0)}body.rtl .chevron-btns .btn .chevron-left:after{border-right:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0)}.chevron-btns .btn .chevron-right{border-top:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0);border-bottom:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0)}body.ltr .chevron-btns .btn .chevron-right{right:0}body.rtl .chevron-btns .btn .chevron-right{left:0}body.ltr .chevron-btns .btn .chevron-right{border-left:calc(var(--ui-control-height)/2) solid var(--ui-control-bg-color)}body.rtl .chevron-btns .btn .chevron-right{border-right:calc(var(--ui-control-height)/2) solid var(--ui-control-bg-color)}.chevron-btns ol{position:relative;list-style-type:none;display:flex}body.ltr .chevron-btns ol{padding-left:0}body.rtl .chevron-btns ol{padding-right:0}body.ltr .chevron-btns ol li.first-step .btn .btn-body{padding-left:14px}body.rtl .chevron-btns ol li.first-step .btn .btn-body{padding-right:14px}body.ltr .chevron-btns ol li.first-step .btn .btn-body{border-radius:var(--ui-control-border-radius) 0 0 var(--ui-control-border-radius)}body.rtl .chevron-btns ol li.first-step .btn .btn-body{border-radius:0 var(--ui-control-border-radius) var(--ui-control-border-radius) 0}.chevron-btns ol li.first-step .btn .chevron-left{display:none}body.ltr .chevron-btns ol li:not(.first-step) .btn{margin-left:calc(-1*var(--ui-control-height)/2)}body.rtl .chevron-btns ol li:not(.first-step) .btn{margin-right:calc(-1*var(--ui-control-height)/2)}body.ltr .chevron-btns ol li:not(.first-step) .btn{padding-left:calc(var(--ui-control-height)/2)}body.rtl .chevron-btns ol li:not(.first-step) .btn{padding-right:calc(var(--ui-control-height)/2)}body.ltr .chevron-btns ol li:not(.first-step) .btn .btn-body{padding-left:7px}body.rtl .chevron-btns ol li:not(.first-step) .btn .btn-body{padding-right:7px}.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):not(.noteditable){cursor:pointer}.color:not(.small){background-image:linear-gradient(45deg, rgba(154, 165, 177, 0.25) 25%, transparent 25%),linear-gradient(135deg, rgba(154, 165, 177, 0.25) 25%, transparent 25%),linear-gradient(45deg, transparent 75%, rgba(154, 165, 177, 0.25) 75%),linear-gradient(135deg, transparent 75%, rgba(154, 165, 177, 0.25) 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, rgba(154, 165, 177, 0.25) 25%, transparent 25%),linear-gradient(135deg, rgba(154, 165, 177, 0.25) 25%, transparent 25%),linear-gradient(45deg, transparent 75%, rgba(154, 165, 177, 0.25) 75%),linear-gradient(135deg, transparent 75%, rgba(154, 165, 177, 0.25) 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;max-width:100%;padding-left:7px;padding-right:7px}.lightswitch-outer-container .lightswitch-inner-container span{flex-grow:1;padding:7px 0;color:var(--medium-text-color);cursor:default;overflow:auto;overflow-wrap:break-word;hyphens:auto}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}.lightswitch-outer-container .lightswitch-inner-container span[data-toggle=off]{text-align:right}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}body.rtl .lightswitch-outer-container .lightswitch-inner-container span[data-toggle=off]{text-align:left}.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;min-width:34px;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:1.875rem;height:1.875rem;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:.4375rem;height:.4375rem;border:solid var(--light-text-color);border-width:0 .125rem .125rem 0;opacity:.8;position:relative}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:.4375rem;height:.4375rem;border:solid var(--light-text-color);border-width:0 .125rem .125rem 0;opacity:.8;position:relative}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)}body:not(.reduce-focus-visibility) .pagination .page-link:not(.disabled):focus,body.reduce-focus-visibility .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{--pane-y-padding-default: calc(var(--xl) - 2px);--pane-x-padding-default: calc(var(--padding) - 2px);margin:calc(var(--pane-padding, var(--pane-y-padding-default))*-1) calc(var(--pane-padding, var(--pane-x-padding-default))*-1) calc(var(--pane-padding, var(--padding))*-1 + var(--pane-padding, var(--m)));padding:0 !important;overflow-x:auto}body.ltr .tablepane table.data th:first-child,body.ltr .tablepane table.data td:first-child{padding-left:var(--m)}body.rtl .tablepane table.data th:first-child,body.rtl .tablepane table.data td:first-child{padding-right:var(--m)}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% - .5rem)}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(--border-radius, var(--small-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(--border-radius, var(--small-border-radius))}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-bottom-left-radius:var(--border-radius, var(--small-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-bottom-right-radius:var(--border-radius, var(--small-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(--border-radius, var(--small-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(--border-radius, var(--small-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-bottom-right-radius:var(--border-radius, var(--small-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-bottom-left-radius:var(--border-radius, var(--small-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:var(--s);padding-bottom:var(--s)}table.data thead th{white-space:nowrap;vertical-align:middle}table.data thead th.orderable{position:relative;padding:0 !important}body:not(.dragging) 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:.4375rem;height:.4375rem;border:solid currentColor;border-width:0 .125rem .125rem 0;opacity:.8;position:relative;transform:rotate(225deg);top:2px;position:absolute;top:calc(50% - 3px)}body.ltr table.data thead th.orderable.ordered:not(.loading) button:after{right:var(--m)}body.rtl table.data thead th.orderable.ordered:not(.loading) button:after{left:var(--m)}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:var(--pane-padding, var(--m)) var(--m)}body.ltr table.data thead th.orderable button{padding-right:35px}body.rtl table.data thead th.orderable button{padding-left:35px}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{--hover-bg-color: var(--gray-050);--selected-bg-color: var(--dark-sel-color)}table.data tbody tr:not(.disabled):hover th,table.data tbody tr:not(.disabled):hover td{background-color:var(--hover-bg-color)}table.data tbody tr:not(.disabled):focus{position:relative;z-index:1}table.data tbody tr:not(.disabled).sel,table.data tbody tr:not(.disabled).active-drop-target{--text-color: var(--white);--medium-dark-text-color: var(--white);--medium-text-color: var(--white);--light-text-color: var(--white);--link-color: var(--white);--ui-control-color: var(--white);--focus-ring: 0 0 0 3px hsl(var(--light-focus-hsl))}table.data tbody tr:not(.disabled).sel th,table.data tbody tr:not(.disabled).sel td,table.data tbody tr:not(.disabled).active-drop-target th,table.data tbody tr:not(.disabled).active-drop-target td{color:var(--white);background-color:var(--selected-bg-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.data tr.sel:not(.draggee)+tr.sel:not(.draggee) th,table.data tr.sel:not(.draggee)+tr.sel:not(.draggee) td{border-top-color:var(--gray-300)}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{background-color:var(--white);box-shadow:0 1px 5px -1px rgba(31,41,51,.2)}.datatablesorthelper,.datatablesorthelper .chip,.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}.chip,.card{color:var(--custom-text-color, var(--text-color));background-color:var(--custom-bg-color, var(--gray-050))}.chip{position:relative;display:inline-flex;align-items:center;cursor:default;user-select:none;font-weight:normal;padding:var(--xs) var(--s);max-width:100%;gap:var(--xs);border-radius:var(--large-border-radius)}.chip.small{flex-direction:row;height:calc(1.625rem + 8px);--thumb-size: calc(30rem / 16)}.chip.small>.thumb{margin:calc(var(--xs)*-1 + 2px) calc(var(--s)*-1 + 2px)}body.ltr .chip.small>.thumb{margin-right:2px}body.rtl .chip.small>.thumb{margin-left:2px}.chip.small>.thumb.cp-icon{--thumb-size: 1rem}body.ltr .chip.small>.thumb.cp-icon{margin-left:-2px}body.rtl .chip.small>.thumb.cp-icon{margin-right:-2px}.chip.large{flex-direction:column;--thumb-size: 120px;min-width:calc(var(--s)*2 + var(--thumb-size))}.chip.large .chip-content{width:100%}.chip .chip-content{display:flex;flex-direction:row;align-items:center;gap:var(--s);max-width:100%}body.ltr .chip .chip-content .status,body.ltr .chip .chip-content .icon{margin-right:0}body.rtl .chip .chip-content .status,body.rtl .chip .chip-content .icon{margin-left:0}.chip .chip-content .icon{margin:-4px -1px 0}.chip.sel,li.sel .chip,li.active-drop-target .chip{--text-color: var(--white);--custom-text-color: var(--white) !important;--medium-dark-text-color: var(--white);--medium-text-color: var(--white);--light-text-color: var(--white);--link-color: var(--white);--ui-control-color: var(--white);--focus-ring: 0 0 0 3px hsl(var(--light-focus-hsl));color:var(--white);background-color:var(--custom-sel-bg-color, var(--dark-sel-color)) !important}.chip.sel .cp-icon,li.sel .chip .cp-icon,li.active-drop-target .chip .cp-icon{--icon-color: var(--white) !important}.chip.sel,.sel .chip{cursor:default}.chip.sel .thumb,.sel .chip .thumb{filter:brightness(0.85)}.chip.sel .thumb img,.sel .chip .thumb img{box-shadow:0 0 0 1px rgba(96,109,123,.1),0 6px 4px -4px rgba(96,109,123,.2)}.offset-drag-helper .chip{background-color:var(--gray-050);box-shadow:0 1px 5px -1px rgba(31,41,51,.2)}.chip>.thumb{position:relative;display:flex;align-items:center;justify-content:center;width:var(--thumb-size);height:var(--thumb-size)}.chip>.thumb.rounded img,.chip>.thumb.rounded svg{border:var(--xs) solid rgba(0,0,0,0);border-radius:50%}.chip>.thumb.checkered img{background-image:linear-gradient(45deg, rgba(154, 165, 177, 0.25) 25%, transparent 25%),linear-gradient(135deg, rgba(154, 165, 177, 0.25) 25%, transparent 25%),linear-gradient(45deg, transparent 75%, rgba(154, 165, 177, 0.25) 75%),linear-gradient(135deg, transparent 75%, rgba(154, 165, 177, 0.25) 75%);background-size:8px 8px;background-position:0 0,4px 0,4px -4px,0 4px}.chip>.thumb img,.chip>.thumb svg{display:block;flex-shrink:0;border-radius:var(--small-border-radius);max-width:100%;max-height:100%}.cp-icon{display:flex;align-items:center;justify-content:center;width:var(--icon-size);height:var(--icon-size);max-width:var(--icon-size)}.cp-icon svg{width:var(--icon-size);height:var(--icon-size);max-width:var(--icon-size) !important;max-height:var(--icon-size) !important}.cp-icon svg rect,.cp-icon svg circle,.cp-icon svg ellipse,.cp-icon svg line,.cp-icon svg polyline,.cp-icon svg polygon,.cp-icon svg path,.cp-icon svg text{fill:var(--icon-color, var(--ui-control-color));stroke-width:0}.cp-icon.large{--icon-size: calc(20rem / 16)}.cp-icon.small{--icon-size: calc(14rem / 16)}.cp-icon.puny{--icon-size: calc(12rem / 16)}.chips,.cards{display:flex;--custom-bg-color: initial;--custom-text-color: initial;--custom-sel-bg-color: initial}.chips:not(.inline-chips),.cards:not(.inline-chips){flex-direction:column}.chips li,.cards li{max-width:100%}.cards{gap:var(--s)}.chips{align-items:flex-start;gap:var(--xs)}.inline-chips{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--xs)}.inline-chips .chip{margin:0 !important}.card{position:relative;display:flex;flex-direction:row;align-items:stretch;padding:var(--m);gap:var(--m);border-radius:var(--large-border-radius);cursor:default;user-select:none;width:100%}.card:after{border-radius:var(--large-border-radius)}.card.sel,li.sel .card{--text-color: var(--white);--custom-text-color: var(--white) !important;--medium-dark-text-color: var(--white);--medium-text-color: var(--white);--light-text-color: var(--white);--link-color: var(--white);--ui-control-color: var(--white);--focus-ring: 0 0 0 3px hsl(var(--light-focus-hsl));color:var(--white);background-color:var(--custom-sel-bg-color, var(--dark-sel-color)) !important}.card.sel>.thumb,li.sel .card>.thumb{background-color:var(--dark-sel-color) !important;filter:brightness(0.85)}.card>.thumb{position:relative;display:flex;align-items:stretch;margin:calc(var(--m)*-1);width:120px;min-width:120px;min-height:calc(var(--m)*2 + var(--lh)*3 + var(--xs));background-color:var(--gray-100);overflow:hidden}body.ltr .card>.thumb{margin-right:0}body.rtl .card>.thumb{margin-left:0}.card>.thumb:after{display:block;content:\"\";font-size:0;position:absolute;top:0;bottom:0;box-shadow:0 1px 5px -1px rgba(31,41,51,.2);width:10px}body.ltr .card>.thumb:after{right:-10px}body.rtl .card>.thumb:after{left:-10px}body.ltr .card>.thumb,body.ltr .card>.thumb:after{border-radius:var(--large-border-radius) 0 0 var(--large-border-radius)}body.rtl .card>.thumb,body.rtl .card>.thumb:after{border-radius:0 var(--large-border-radius) var(--large-border-radius) 0}.card>.thumb img,.card>.thumb svg{width:100%;max-height:120px;object-fit:cover}body.ltr .card>.cp-icon{margin:0 -4px 0 -2px}body.rtl .card>.cp-icon{margin:0 -2px 0 -4px}.card .card-content,.card .card-content .card-body{display:flex;flex-direction:column;gap:var(--xs);flex:1}.card .card-content{margin:calc((1rem - var(--lh))/2) 0;flex:1 0 0 !important;overflow:hidden;position:relative;--focus-ring: var(--inner-focus-ring)}.card .card-content .card-heading{display:flex;flex-direction:row;align-items:center;gap:5px}.card .card-content .card-heading .status{margin:0;flex:0 0 10px}.card .card-content .card-heading .label{font-weight:600}.card .card-content .card-body:empty{display:none}.card .card-content .card-body>*{--max-lines: 2;margin:0;max-height:calc(var(--lh)*var(--max-lines));overflow:hidden;text-wrap:pretty}.card>.card-actions-container{display:flex;align-items:flex-start !important;position:relative}.card-grid{display:grid !important;gap:var(--s) !important;grid-template-columns:repeat(auto-fill, minmax(360px, 1fr))}.card-grid>li{border-radius:var(--large-border-radius)}.card-grid>li>.card{margin:0 !important;height:100%}.context-label,.context-menu-container{display:inline-flex;align-items:center;height:var(--touch-target-size);padding:0 var(--s);font-size:11px;font-weight:normal;text-decoration:none !important;color:var(--light-text-color);border-radius:calc(var(--touch-target-size)/2);border:1px solid var(--medium-hairline-color)}body.ltr .context-label,body.ltr .context-menu-container{margin-left:var(--xs)}body.rtl .context-label,body.rtl .context-menu-container{margin-right:var(--xs)}body.ltr .context-menu-container{padding-right:0}body.rtl .context-menu-container{padding-left:0}body.ltr .context-menu-container .menubtn:not(.action-btn){margin:0 -1px 0 0}body.rtl .context-menu-container .menubtn:not(.action-btn){margin:0 0 0 -1px}body.ltr .context-menu-container .menubtn:not(.action-btn){padding-right:2px !important}body.rtl .context-menu-container .menubtn:not(.action-btn){padding-left:2px !important}body.ltr .context-menu-container .menubtn:not(.action-btn){border-left:1px solid var(--medium-hairline-color)}body.rtl .context-menu-container .menubtn:not(.action-btn){border-right:1px solid var(--medium-hairline-color)}body.ltr .context-menu-container .menubtn:not(.action-btn){border-radius:0 calc(var(--touch-target-size)/2) calc(var(--touch-target-size)/2) 0}body.rtl .context-menu-container .menubtn:not(.action-btn){border-radius:calc(var(--touch-target-size)/2) 0 0 calc(var(--touch-target-size)/2)}.context-menu-container .menubtn:not(.action-btn):hover{border-color:var(--dark-hairline-color) !important}.context-menu-container>*{display:inline-block}body.ltr .context-menu-container>*{padding-right:var(--s)}body.rtl .context-menu-container>*{padding-left:var(--s)}.context-menu-container .menubtn:not(.action-btn):only-child,.context-menu-container .visually-hidden:first-child+.menubtn:not(.action-btn):last-child{margin:0 calc(var(--s)*-1);border-left:none !important;border-radius:calc(var(--touch-target-size)/2) !important}.chip .checkbox:before,.card .checkbox:before{box-shadow:none !important}.chip .label,.card .label{display:flex;align-items:center;gap:var(--xs);overflow:hidden}.chip .label .label-link,.card .label .label-link{flex:1 1 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chip .label .label-link:focus,.card .label .label-link:focus{box-shadow:var(--inner-focus-ring)}.chip .label .segment:after,.card .label .segment:after{display:inline-flex !important;position:relative;top:-2px;display:block;content:\"\";font-size:0;width:.4375rem;height:.4375rem;border:solid var(--light-text-color);border-width:0 .0625rem .0625rem 0;opacity:.8;position:relative}body.ltr .chip .label .segment:after,body.ltr .card .label .segment:after{margin:0 5px 0 2px}body.rtl .chip .label .segment:after,body.rtl .card .label .segment:after{margin:0 2px 0 5px}body.ltr .chip .label .segment:after,body.ltr .card .label .segment:after{transform:rotate(-45deg)}body.rtl .chip .label .segment:after,body.rtl .card .label .segment:after{transform:rotate(135deg)}.sel .chip .label .segment:after,.sel .card .label .segment:after{display:block;content:\"\";font-size:0;width:.4375rem;height:.4375rem;border:solid var(--white);border-width:0 .0625rem .0625rem 0;opacity:.8;position:relative}body.ltr .sel .chip .label .segment:after,body.ltr .sel .card .label .segment:after{transform:rotate(-45deg)}body.rtl .sel .chip .label .segment:after,body.rtl .sel .card .label .segment:after{transform:rotate(135deg)}.chip>.chip-content>.chip-actions,.chip>.card-actions-container>.card-actions,.card>.chip-content>.chip-actions,.card>.card-actions-container>.card-actions{display:flex;flex-direction:row;align-items:center;gap:var(--s);min-height:1rem}.chip>.chip-content>.chip-actions:empty,.chip>.card-actions-container>.card-actions:empty,.card>.chip-content>.chip-actions:empty,.card>.card-actions-container>.card-actions:empty{display:none}.chip>.chip-content>.chip-actions>.status,.chip>.card-actions-container>.card-actions>.status,.card>.chip-content>.chip-actions>.status,.card>.card-actions-container>.card-actions>.status{margin:0}.chip>.chip-content>.chip-actions>.action-btn,.chip>.chip-content>.chip-actions>.move,.chip>.card-actions-container>.card-actions>.action-btn,.chip>.card-actions-container>.card-actions>.move,.card>.chip-content>.chip-actions>.action-btn,.card>.chip-content>.chip-actions>.move,.card>.card-actions-container>.card-actions>.action-btn,.card>.card-actions-container>.card-actions>.move{height:var(--touch-target-size);width:var(--touch-target-size);margin:0 -4px}.chip>.chip-content>.chip-actions>.action-btn:before,.chip>.chip-content>.chip-actions>.move:before,.chip>.card-actions-container>.card-actions>.action-btn:before,.chip>.card-actions-container>.card-actions>.move:before,.card>.chip-content>.chip-actions>.action-btn:before,.card>.chip-content>.chip-actions>.move:before,.card>.card-actions-container>.card-actions>.action-btn:before,.card>.card-actions-container>.card-actions>.move:before{color:var(--custom-text-color, var(--ui-control-color))}.chip>.chip-content>.chip-actions .action-btn,.chip>.card-actions-container>.card-actions .action-btn,.card>.chip-content>.chip-actions .action-btn,.card>.card-actions-container>.card-actions .action-btn{background-color:rgba(0,0,0,0)}body.ltr .chip>.chip-content>.chip-actions .action-btn:before,body.ltr .chip>.card-actions-container>.card-actions .action-btn:before,body.ltr .card>.chip-content>.chip-actions .action-btn:before,body.ltr .card>.card-actions-container>.card-actions .action-btn:before{margin-right:0 !important}body.rtl .chip>.chip-content>.chip-actions .action-btn:before,body.rtl .chip>.card-actions-container>.card-actions .action-btn:before,body.rtl .card>.chip-content>.chip-actions .action-btn:before,body.rtl .card>.card-actions-container>.card-actions .action-btn:before{margin-left:0 !important}.chip>.chip-content>.chip-actions .action-btn:hover,.chip>.chip-content>.chip-actions .action-btn:active,.chip>.chip-content>.chip-actions .action-btn[aria-expanded=true],.chip>.card-actions-container>.card-actions .action-btn:hover,.chip>.card-actions-container>.card-actions .action-btn:active,.chip>.card-actions-container>.card-actions .action-btn[aria-expanded=true],.card>.chip-content>.chip-actions .action-btn:hover,.card>.chip-content>.chip-actions .action-btn:active,.card>.chip-content>.chip-actions .action-btn[aria-expanded=true],.card>.card-actions-container>.card-actions .action-btn:hover,.card>.card-actions-container>.card-actions .action-btn:active,.card>.card-actions-container>.card-actions .action-btn[aria-expanded=true]{backdrop-filter:brightness(90%)}.chip>.chip-content>.chip-actions .move,.chip>.card-actions-container>.card-actions .move,.card>.chip-content>.chip-actions .move,.card>.card-actions-container>.card-actions .move{margin-top:-3px !important}.chip.error .label .label-link,.card.error .label .label-link{color:var(--error-color)}.element-index .source-path{background-color:var(--gray-050);border-radius:3px;--ui-control-bg-color: var(--light-sel-color);--ui-control-hover-bg-color: #bdcbdb;--ui-control-active-bg-color: #acbed2}.element-index .source-path .chevron-btns{display:inline-flex;position:relative;background:#fff;--ui-control-height: calc((30rem / 16))}.element-index .source-path .chevron-btns:before{display:block;content:\"\";font-size:0;position:absolute;top:0;width:0;height:0;border-top:calc(var(--ui-control-height)/2) solid #f3f7fc}body.ltr .element-index .source-path .chevron-btns:before{right:0}body.rtl .element-index .source-path .chevron-btns:before{left:0}body.ltr .element-index .source-path .chevron-btns:before{border-left:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0)}body.rtl .element-index .source-path .chevron-btns:before{border-right:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0)}.element-index .source-path .chevron-btns:after{display:block;content:\"\";font-size:0;position:absolute;top:calc(var(--ui-control-height)/2);border-bottom:calc(var(--ui-control-height)/2) solid #f3f7fc}body.ltr .element-index .source-path .chevron-btns:after{right:0}body.rtl .element-index .source-path .chevron-btns:after{left:0}body.ltr .element-index .source-path .chevron-btns:after{border-left:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0)}body.rtl .element-index .source-path .chevron-btns:after{border-right:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0)}.element-index .source-path .chevron-btns .btn{--ui-control-border-radius: 3px}.element-index .source-path .btn.settings{box-shadow:0 0 0 2px var(--white)}.element-index.main .source-path{margin:-22px calc(var(--padding)*-1 + 2px) 24px}.elementselectormodal .element-index .source-path{margin-bottom:2px}.element-index.pane .toolbar{position:relative;z-index:2;margin:calc(var(--pane-padding)*-1) calc(var(--pane-padding)*-1) var(--pane-padding) !important;border-radius:calc(var(--large-border-radius) - 1px) calc(var(--large-border-radius) - 1px) 0 0;padding:var(--pane-padding);box-shadow:0 1px 0 var(--hairline-color);background-color:var(--gray-050)}.element-index.pane .header{padding-top:var(--pane-padding);padding-bottom:var(--pane-padding);background-color:rgba(0,0,0,0);border-bottom:1px solid var(--hairline-color)}.element-index.pane .elements{--border-radius: 0}.element-index.pane .elements .tableview table.data thead th,.element-index.pane .elements .tableview table.data thead td{border-bottom:1px solid var(--hairline-color)}.element-index.pane .elements .tableview table.data thead th:not(.ordered),.element-index.pane .elements .tableview table.data thead td:not(.ordered){background-color:rgba(0,0,0,0)}.element-index.pane .footer{border-radius:0 0 calc(var(--large-border-radius) - 1px) calc(var(--large-border-radius) - 1px) !important;box-shadow:none;border-top:1px solid var(--hairline-color);background:rgba(0,0,0,0)}.elements{position:relative}.elements:not(.busy) .update-spinner{display:none}.elements.busy{min-height:72px}.elements.busy:after{display:block;content:\"\";font-size:0;position:absolute;z-index:100;top:0;left:calc(var(--pane-padding, 24px)*-1);width:calc(100% + var(--pane-padding, 24px) + var(--pane-padding, 24px));height:100%;background:rgba(255,255,255,.75);border-radius:var(--large-border-radius)}.elements.busy .update-spinner{z-index:101}.elements .header{margin:calc(var(--xl)*-1 + 2px) calc(var(--padding)*-1 + 2px) var(--xl);padding:var(--s);background-color:var(--gray-050);box-shadow:none;border-radius:var(--border-radius, var(--small-border-radius))}.elements .header:after{content:\"\"}.elements .header .selectallcontainer{display:flex;align-items:center;gap:5px;cursor:default}.elements .tableview tr.draggee th,.elements .tableview tr.draggee td,.elements .thumbsview li.draggee{opacity:.25}.elements .tableview th .move,.elements .tableview th .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 th .move,body.ltr .elements .tableview th .toggle{margin-left:calc(var(--touch-target-size)*-1)}body.rtl .elements .tableview th .move,body.rtl .elements .tableview th .toggle{margin-right:calc(var(--touch-target-size)*-1)}.elements .tableview th .move{font-size:11px;text-decoration:none}.elements .tableview th .toggle{text-align:center;padding:4px;border-radius:50%}body.ltr .elements .tableview th .move+.toggle{margin-left:calc(var(--touch-target-size)*-2)}body.rtl .elements .tableview th .move+.toggle{margin-right:calc(var(--touch-target-size)*-2)}.elements .tableview th .enabled-label{margin-left:var(--xs)}.elements .tableview .chip{background-color:rgba(0,0,0,0)}.elements .thumbsview{display:grid;gap:var(--xs);grid-template-columns:repeat(auto-fill, minmax(180px, 1fr))}.elements .thumbsview li{position:relative;max-width:226px;border-radius:var(--large-border-radius)}body.ltr .elements .thumbsview li{margin:0 1px 1px 0}body.rtl .elements .thumbsview li{margin:0 0 1px 1px}.elements .thumbsview li:hover .chip{background-color:var(--gray-050)}.elements .thumbsview li.sel a{cursor:pointer !important}.elements .thumbsview li.sel a:hover{text-decoration:underline}.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}.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(--gray-200)}body.rtl .structure ul li:not(:last-child):not(.last){border-right:1px solid var(--gray-200)}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 .chip{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 .elements:not(:empty)+.flex,.componentselect .components:not(:empty)+.flex{margin-top:var(--s)}.elementselect{position:relative;min-height:34px}.elementselect .flex,.elementselect .btn{clear:both}.elementselect .chip{z-index:1}.elementselect .structure .chip{margin-top:var(--xs)}body.ltr .elementselect .structure>li{padding-left:0}body.rtl .elementselect .structure>li{padding-right:0}body.ltr .elementselect .structure ul{margin-left:14px}body.rtl .elementselect .structure ul{margin-right:14px}.elementselect .structure ul li{background-position:0 6px !important}.nested-element-cards{display:flex;flex-direction:column;gap:var(--s)}.nested-element-cards>.pane{margin:0}table.editable{border-radius:var(--large-border-radius);border:1px solid var(--gray-200)}table.editable th,table.editable td.heading,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:calc(var(--large-border-radius) - 1px)}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:calc(var(--large-border-radius) - 1px)}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 .editable-table-preview{white-space:pre-wrap}body.ltr table.editable tbody tr td.textual .editable-table-preview{text-align:left}body.rtl table.editable tbody tr td.textual .editable-table-preview{text-align:right}table.editable tbody tr td.textual .editable-table-preview+textarea{opacity:0;height:0;min-height:0;padding-top:0;padding-bottom: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,table.editable tbody .editable-table-preview{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:calc(100% - 29px)}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;position:relative;width:.75rem;height:.75rem;border:1px solid rgba(0,0,0,0);border-radius:100%;box-sizing:border-box;background-clip:border-box}body.ltr .status{margin-right:10px}body.rtl .status{margin-left:10px}body.use-shapes .status.all{rotate:45deg;background-image:linear-gradient(30deg, #184cef, #e5422b)}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.all,body.use-shapes .status.off,body.use-shapes .status.suspended,body.use-shapes .status.expired{border-radius:2px;transform:scale(90%)}.status:not(.on):not(.live):not(.active):not(.enabled):not(.all):not(.pending):not(.warning):not(.off):not(.suspended):not(.expired):not(.light):not(.gray):not(.red):not(.orange):not(.amber):not(.yellow):not(.lime):not(.green):not(.emerald):not(.teal):not(.cyan):not(.sky):not(.blue):not(.indigo):not(.violet):not(.purple):not(.fuchsia):not(.pink):not(.rose):not(.grey):not(.black){border-color:var(--ui-control-color)}.status.all{background-image:linear-gradient(60deg, #184cef, #e5422b);background-origin:border-box}.status.on,.status.live,.status.active,.status.enabled{background-color:var(--enabled-color)}.status.red,.bg-red,.status.off,.status.suspended,.status.expired{background-color:var(--disabled-color)}.status.warning{background-color:var(--warning-color)}.status.orange,.bg-orange,.status.pending{background-color:var(--pending-color)}.status.amber,.bg-amber{background-color:var(--amber-500)}.status.yellow,.bg-yellow{background-color:var(--yellow-500)}.status.lime,.bg-lime{background-color:var(--lime-500)}.status.green,.bg-green{background-color:var(--green-600)}.status.emerald,.bg-emerald{background-color:var(--emerald-500)}.status.teal,.bg-teal,.status.turquoise,.bg-turquoise{background-color:var(--teal-500)}.status.cyan,.bg-cyan{background-color:var(--cyan-500)}.status.sky,.bg-sky{background-color:var(--sky-500)}.status.blue,.bg-blue{background-color:var(--blue-600)}.status.indigo,.bg-indigo{background-color:var(--indigo-500)}.status.violet,.bg-violet{background-color:var(--violet-500)}.status.purple,.bg-purple{background-color:var(--purple-500)}.status.fuchsia,.bg-fuchsia{background-color:var(--fuchsia-500)}.status.pink,.bg-pink{background-color:var(--pink-500)}.status.rose,.bg-rose{background-color:var(--rose-500)}.status.light{background-color:var(--gray-100)}.status.white,.bg-white{background-color:var(--white)}.status.black,.bg-black{background-color:var(--gray-800)}.status.gray,.bg-gray,.status.grey,.bg-grey{background-color:var(--gray-300)}.status.white,.status.disabled{opacity:1}.icon.warning,.cp-icon.warning,[data-icon].warning,[data-icon-after].warning{--icon-color: var(--warning-color)}.icon.red,.cp-icon.red,[data-icon].red,[data-icon-after].red{--icon-color: var(--disabled-color)}.icon.orange,.cp-icon.orange,[data-icon].orange,[data-icon-after].orange{--icon-color: var(--pending-color)}.icon.amber,.cp-icon.amber,[data-icon].amber,[data-icon-after].amber{--icon-color: var(--amber-500)}.icon.yellow,.cp-icon.yellow,[data-icon].yellow,[data-icon-after].yellow{--icon-color: var(--yellow-500)}.icon.lime,.cp-icon.lime,[data-icon].lime,[data-icon-after].lime{--icon-color: var(--lime-500)}.icon.green,.cp-icon.green,[data-icon].green,[data-icon-after].green{--icon-color: var(--green-500)}.icon.emerald,.cp-icon.emerald,[data-icon].emerald,[data-icon-after].emerald{--icon-color: var(--emerald-500)}.icon.teal,.cp-icon.teal,[data-icon].teal,[data-icon-after].teal{--icon-color: var(--teal-500)}.icon.cyan,.cp-icon.cyan,[data-icon].cyan,[data-icon-after].cyan{--icon-color: var(--cyan-500)}.icon.sky,.cp-icon.sky,[data-icon].sky,[data-icon-after].sky{--icon-color: var(--sky-500)}.icon.blue,.cp-icon.blue,[data-icon].blue,[data-icon-after].blue{--icon-color: var(--blue-600)}.icon.indigo,.cp-icon.indigo,[data-icon].indigo,[data-icon-after].indigo{--icon-color: var(--indigo-500)}.icon.violet,.cp-icon.violet,[data-icon].violet,[data-icon-after].violet{--icon-color: var(--violet-500)}.icon.purple,.cp-icon.purple,[data-icon].purple,[data-icon-after].purple{--icon-color: var(--purple-500)}.icon.fuchsia,.cp-icon.fuchsia,[data-icon].fuchsia,[data-icon-after].fuchsia{--icon-color: var(--fuchsia-500)}.icon.pink,.cp-icon.pink,[data-icon].pink,[data-icon-after].pink{--icon-color: var(--pink-500)}.icon.rose,.cp-icon.rose,[data-icon].rose,[data-icon-after].rose{--icon-color: var(--rose-500)}.icon.white,.cp-icon.white,[data-icon].white,[data-icon-after].white{--icon-color: var(--white)}.icon.black,.cp-icon.black,[data-icon].black,[data-icon-after].black{--icon-color: var(--gray-800)}.icon.gray,.cp-icon.gray,[data-icon].gray,[data-icon-after].gray{--icon-color: var(--gray-300)}.warning[data-icon]:before,.warning[data-icon-after]:after,.red[data-icon]:before,.red[data-icon-after]:after,.orange[data-icon]:before,.orange[data-icon-after]:after,.amber[data-icon]:before,.amber[data-icon-after]:after,.yellow[data-icon]:before,.yellow[data-icon-after]:after,.lime[data-icon]:before,.lime[data-icon-after]:after,.green[data-icon]:before,.green[data-icon-after]:after,.emerald[data-icon]:before,.emerald[data-icon-after]:after,.teal[data-icon]:before,.teal[data-icon-after]:after,.cyan[data-icon]:before,.cyan[data-icon-after]:after,.sky[data-icon]:before,.sky[data-icon-after]:after,.blue[data-icon]:before,.blue[data-icon-after]:after,.indigo[data-icon]:before,.indigo[data-icon-after]:after,.violet[data-icon]:before,.violet[data-icon-after]:after,.purple[data-icon]:before,.purple[data-icon-after]:after,.fuchsia[data-icon]:before,.fuchsia[data-icon-after]:after,.pink[data-icon]:before,.pink[data-icon-after]:after,.rose[data-icon]:before,.rose[data-icon-after]:after,.white[data-icon]:before,.white[data-icon-after]:after,.black[data-icon]:before,.black[data-icon-after]:after,.gray[data-icon]:before,.gray[data-icon-after]:after{color:var(--icon-color) !important}.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{--pane-padding: var(--xl);--border: 1px solid var(--hairline-color);background:#fff;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);position:relative;margin:14px 0;padding:var(--pane-padding);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.dashed{background-color:rgba(0,0,0,0) !important;box-shadow:none;border:1px dashed var(--medium-hairline-color) !important}.pane.hairline{background-color:rgba(0,0,0,0) !important;box-shadow:none;border:1px solid rgba(96, 125, 159, 0.25) !important}.pane.no-border{border:none !important}.pane.padding-xs{--pane-padding: var(--xs)}.pane.padding-s{--pane-padding: var(--s)}.pane.padding-m{--pane-padding: var(--m)}.pane.padding-l{--pane-padding: var(--l)}.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:1.875rem;height:1.875rem;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(--padding)*-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]{--tab-label-color: var(--light-text-color)}.pane-tabs [role=tablist] [role=tab].error{--highlight-color: var(--error-color) !important;--tab-label-color: var(--error-color) !important}.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 var(--padding);white-space:nowrap;height:50px}.pane-tabs [role=tablist] [role=tab]:hover{text-decoration:none}body:not(.reduce-focus-visibility) .pane-tabs [role=tablist] [role=tab]:focus,body.reduce-focus-visibility .pane-tabs [role=tablist] [role=tab]:focus-visible{box-shadow:none}body:not(.reduce-focus-visibility) .pane-tabs [role=tablist] [role=tab]:focus .tab-label,body.reduce-focus-visibility .pane-tabs [role=tablist] [role=tab]:focus-visible .tab-label{box-shadow:var(--inner-focus-ring)}.pane-tabs [role=tablist] [role=tab]:not(.sel){color:var(--custom-text-color, var(--tab-label-color))}.pane-tabs [role=tablist] [role=tab]:not(.sel):hover{backdrop-filter:brightness(95%)}.pane-tabs [role=tablist] [role=tab].sel{--highlight-color: var(--gray-500);--tab-label-color: var(--text-color);position:relative;z-index:1;cursor:default;box-shadow:inset 0 2px 0 var(--custom-text-color, var(--highlight-color)),0 0 0 1px rgba(51,64,77,.1),0 2px 12px var(--custom-sel-tab-shadow-color, var(--gray-200));color:var(--tab-label-color);background-color:var(--white) !important}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#tabs:first-child [role=tablist] [role=tab]:first-child,body.ltr .pane-tabs#tabs:first-child [role=tablist] [role=tab]:first-child .tab-label{border-top-left-radius:var(--large-border-radius)}body.rtl .pane-tabs#tabs:first-child [role=tablist] [role=tab]:first-child,body.rtl .pane-tabs#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)}.pane-tabs .menubtn.error span[data-icon]{margin-right:2px}.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:#fcd815}.details .meta.warning .btn:active,.details .meta.warning .btn[aria-expanded=true]{background-color:#f5ce03}.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:never;-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;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{margin:0}@media screen and (min-width: 400px){.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-right:var(--s)}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-left: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-top:var(--s)}@media screen and (min-width: 400px){.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:100%}@media screen and (min-width: 400px){.meta>.field>.input,.meta>.data>.value,.meta>.flex-fields>.field>.input,.meta>.flex-fields>.data>.value{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,.meta>.flex-fields>.field>.input>.datetimewrapper{gap: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):not(.first-child),.meta>.flex-fields+.field:not(.first-child){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}.meta>.field>.input>.custom-select{display:block;margin:calc(var(--s)*-1) 0;width:100%;border-radius:0;box-shadow:none;background-color:rgba(0,0,0,0)}.meta>.field>.input>.custom-select .menubtn:not(.action-btn){justify-content:start;width:100%;background-color:rgba(0,0,0,0)}body.ltr .meta>.field>.input>.custom-select .menubtn:not(.action-btn){padding-left:0}body.rtl .meta>.field>.input>.custom-select .menubtn:not(.action-btn){padding-right:0}.meta>.field>.input>.custom-select .menubtn:not(.action-btn):after{position:absolute;top:calc(50% - 5px)}body.ltr .meta>.field>.input>.custom-select .menubtn:not(.action-btn):after{right:0}body.rtl .meta>.field>.input>.custom-select .menubtn:not(.action-btn):after{left:0}.meta>.field>.input>.custom-select .label{max-width:100%;overflow:hidden;text-overflow:ellipsis}.body{position:relative}.slideout-container,.slideout,.modal,.hud{z-index:100;box-sizing:border-box}.modal,.hud{border-radius:5px;background-color:#fff;box-shadow:0 25px 100px rgba(31,41,51,.5) !important}.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-container.so-lp{position:absolute;top:var(--m);left:var(--m);width:calc(100% - var(--m)*2);height:calc(100vh - var(--m)*2)}body.has-debug-toolbar .slideout-container{height:calc(100vh - 42px)}.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) !important;display:flex;flex-direction:column;overflow:hidden;padding:24px var(--padding);pointer-events:all;container-type:inline-size}.slideout.so-mobile,.slideout.so-lp{width:100% !important;height:100% !important;left:0;transition:top linear 250ms;will-change:top}.slideout.so-mobile{--padding: 14px;--neg-padding: -14px}.slideout:not(.so-mobile){border-radius:var(--large-border-radius)}.slideout:not(.so-mobile):not(.so-lp){top:8px;width:calc(50% - 8px);height:calc(100% - 16px)}@media screen and (prefers-reduced-motion: no-preference){body.ltr .slideout:not(.so-mobile):not(.so-lp){transition:left linear 250ms;will-change:left}body.rtl .slideout:not(.so-mobile):not(.so-lp){transition:right linear 250ms;will-change:right}}.slideout>.pane-header{padding-left:var(--padding);padding-right:var(--padding);z-index:2}.slideout>.pane-header>.so-toolbar{display:flex;flex-direction:row;align-items:center;gap:var(--xs);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-body{flex:1;margin:-24px var(--neg-padding);overflow:hidden auto;position:relative}.slideout>.so-body:not(:last-child){margin-bottom:0}.slideout>.so-body>h1:not(:last-child){padding-bottom:var(--s);border-bottom:1px solid var(--hairline-color)}.slideout>.so-body.so-full-details,.slideout>.so-body>.so-sidebar{background-color:var(--gray-100) !important}.slideout>.so-body:not(.so-full-details){padding:24px var(--padding)}.slideout>.so-body>.so-sidebar,.slideout>.so-body.so-full-details>.so-content>.details{box-sizing:border-box;padding:0 var(--padding) var(--spacing)}.slideout>.so-body>.so-sidebar>.preview-thumb-container,.slideout>.so-body.so-full-details>.so-content>.details>.preview-thumb-container{margin:0 var(--neg-padding);height:auto;min-height:54px}.slideout>.so-body>.so-sidebar>.preview-thumb-container+.pane-header,.slideout>.so-body.so-full-details>.so-content>.details>.preview-thumb-container+.pane-header{border-radius:0}.slideout>.so-body>.so-sidebar .image-actions.is-mobile,.slideout>.so-body.so-full-details>.so-content>.details .image-actions.is-mobile{margin:calc(var(--spacing)/2) 0 var(--spacing)}.slideout>.so-body>.so-sidebar>.meta.read-only:first-child,.slideout>.so-body.so-full-details>.so-content>.details>.meta.read-only:first-child{margin-top:var(--padding)}.slideout>.so-body>.so-sidebar>.meta.warning,.slideout>.so-body.so-full-details>.so-content>.details>.meta.warning{box-shadow:none;border-bottom:1px solid var(--yellow-300)}.slideout>.so-body>.so-sidebar>.field>.input>.text.fullwidth,.slideout>.so-body.so-full-details>.so-content>.details>.field>.input>.text.fullwidth{border-radius:0}.slideout>.so-body>.so-sidebar .notes,.slideout>.so-body.so-full-details>.so-content>.details .notes{padding-top:var(--m);padding-bottom:var(--m)}.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%;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-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)}@container (width > 700px){.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,.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:5px var(--pane-padding, 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:calc(var(--pane-padding, 24px)*-1) calc(var(--pane-padding, 24px)*-1) var(--pane-padding, 24px)}.pane .footer,.modal .body .footer{margin:var(--pane-padding, 24px) calc(var(--pane-padding, 24px)*-1) calc(var(--pane-padding, 24px)*-1)}.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}.slideout-shade.blurred,.modal-shade.blurred{backdrop-filter:blur(10px)}.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:never;-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;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:never;-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;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.tooltip-hud{display:block}.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)}.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, rgba(154, 165, 177, 0.25) 25%, transparent 25%),linear-gradient(135deg, rgba(154, 165, 177, 0.25) 25%, transparent 25%),linear-gradient(45deg, transparent 75%, rgba(154, 165, 177, 0.25) 75%),linear-gradient(135deg, transparent 75%, rgba(154, 165, 177, 0.25) 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>.header{padding-top:14px;padding-bottom:14px;text-align:center}.elementselectormodal>.header+.body{height:calc(100% - 48px) !important}.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 .header{margin:0 0 var(--m)}.elementselectormodal .body .content .main .elements .tableview table tr th,.elementselectormodal .body .content .main .elements .tableview table tr td{cursor:default}.elementselectormodal .body .content .main .elements .tableview table tr .checkbox:before{box-shadow:none !important}.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}.elementselectormodal .main-header,.customize-sources-modal .main-header{display:flex;align-items:center;margin-bottom:var(--s)}.elementselectormodal .main-heading,.customize-sources-modal .main-heading{margin-bottom:0}.elementselectormodal .nav-toggle,.customize-sources-modal .nav-toggle{height:var(--touch-target-size);width:var(--touch-target-size);color:var(--ui-control-color)}body.ltr .elementselectormodal .nav-toggle,body.ltr .customize-sources-modal .nav-toggle{margin-left:4px}body.rtl .elementselectormodal .nav-toggle,body.rtl .customize-sources-modal .nav-toggle{margin-right:4px}.elementselectormodal .nav-toggle:hover,.customize-sources-modal .nav-toggle:hover{color:var(--gray-500)}.elementselectormodal .sidebar-header,.customize-sources-modal .sidebar-header{display:flex;justify-content:flex-end;padding:0 var(--s);margin-bottom:var(--s)}.elementselectormodal .nav-close,.customize-sources-modal .nav-close{height:var(--touch-target-size);width:var(--touch-target-size)}.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}body.ltr .activity-container:not(:last-child){margin-right:var(--s)}body.rtl .activity-container:not(:last-child){margin-left:var(--s)}.activity-container ul{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--xs)}.activity-container ul li .activity-btn{width:30px;height:30px;border-radius:50%;display:block}.activity-container ul li .activity-btn .elementthumb{position:relative;width:100%;height:100%;border-radius:50px;background:var(--gray-050);overflow:hidden;border:2px solid var(--white);box-shadow:0 1px 2px 1px rgba(31,41,51,.1)}.activity-container ul li .activity-btn .elementthumb img,.activity-container ul li .activity-btn .elementthumb svg{display:block;width:100%;height:100%}body.ltr .activity-container ul li:not(:last-child){margin-right:-10px}body.rtl .activity-container ul li:not(:last-child){margin-left:-10px}.element-index-view-menu{width:400px;max-width:calc(100% - 20px);padding:0 !important}.element-index-view-menu .meta{padding-top:var(--s);padding-bottom:var(--s)}.element-index-view-menu .table-columns-field{align-items:flex-start}.element-index-view-menu .table-columns-field .input{padding:13px 0}.element-index-view-menu .menu-footer{margin:0 !important;padding:var(--s) var(--xl) !important;background-color:var(--gray-050)}.element-index-view-menu-table-column{display:flex;align-items:flex-start;align-content:stretch;margin-bottom:4px}.element-index-view-menu-table-column .icon.move{position:relative;z-index:1}body.ltr .element-index-view-menu-table-column .icon.move{margin-right:10px}body.rtl .element-index-view-menu-table-column .icon.move{margin-left:10px}.sort-field .input .flex .btngroup .btn{width:42px}.sort-field .input .flex .flex-grow{max-width:calc(100% - 85px - var(--s))}@media screen and (max-width: 350px){.sort-field .input .flex{flex-direction:column}.sort-field .input .flex>*{width:100%}.sort-field .input .flex .flex-grow{max-width:none}}.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)}.so-content .address-cards{grid-template-columns:repeat(1, minmax(0, 1fr)) !important}.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))}.so-content .address-cards{grid-template-columns:repeat(2, minmax(0, 1fr)) !important}}@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,.login-modal-shade,#logoutwarningmodal,.login-modal,#elevatedsessionmodal,.prompt{z-index:1001}#logoutwarningmodal,#elevatedsessionmodal,.prompt{width:500px}.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}.deleteusermodal div.elements{list-style:none}.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}.video-transcript{background-color:var(--gray-050);overflow-y:scroll;font-size:1rem;position:relative}body:not(.reduce-focus-visibility) .video-transcript:focus,body.reduce-focus-visibility .video-transcript:focus-visible{box-shadow:none;color:var(--white);background-color:var(--gray-800)}.video-transcript__inner{margin-left:auto;margin-right:auto;max-width:550px;padding:var(--xl)}.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.padded{padding:var(--s) calc(var(--m) + var(--s))}.menu.padded hr{margin:var(--s) calc((var(--m) + var(--s))*-1)}.menu.padded ul li{margin:0 calc(var(--m)*-1);padding:0 var(--m)}.menu.padded ul li a{border-radius:var(--large-border-radius)}.menu.padded .extralight{margin-top:2px}.menu h6:first-child,.menu .h6:first-child{margin-top:14px !important}body.ltr .menu ul.padded li a,body.ltr .menu ul.padded li .menu-item,body.ltr .menu ul.padded li .menu-option{padding-left:calc(var(--m) + 1.125rem)}body.rtl .menu ul.padded li a,body.rtl .menu ul.padded li .menu-item,body.rtl .menu ul.padded li .menu-option{padding-right:calc(var(--m) + 1.125rem)}.menu ul.padded li a.sel:not([data-icon]):before,.menu ul.padded li .menu-item.sel:not([data-icon]):before,.menu ul.padded li .menu-option.sel:not([data-icon]):before{font-size:14px;width:14px;content:\"check\";color:var(--ui-control-color);margin-top:3px !important}body.ltr .menu ul.padded li a.sel:not([data-icon]):before,body.ltr .menu ul.padded li .menu-item.sel:not([data-icon]):before,body.ltr .menu ul.padded li .menu-option.sel:not([data-icon]):before{float:left}body.rtl .menu ul.padded li a.sel:not([data-icon]):before,body.rtl .menu ul.padded li .menu-item.sel:not([data-icon]):before,body.rtl .menu ul.padded li .menu-option.sel:not([data-icon]):before{float:right}body.ltr .menu ul.padded li a.sel:not([data-icon]):before,body.ltr .menu ul.padded li .menu-item.sel:not([data-icon]):before,body.ltr .menu ul.padded li .menu-option.sel:not([data-icon]):before{margin:4px 0 0 calc(-1.125rem - 4px)}body.rtl .menu ul.padded li a.sel:not([data-icon]):before,body.rtl .menu ul.padded li .menu-item.sel:not([data-icon]):before,body.rtl .menu ul.padded li .menu-option.sel:not([data-icon]):before{margin:4px calc(-1.125rem - 4px) 0 0}.menu ul li a,.menu ul li .menu-item,.menu ul li .menu-option{margin:0 -14px;padding:10px 14px;white-space:nowrap;font-size:14px;-webkit-appearance:none}body.ltr .menu ul li a:not(:last-child),body.ltr .menu ul li .menu-item:not(:last-child),body.ltr .menu ul li .menu-option:not(:last-child){margin-right:0}body.rtl .menu ul li a:not(:last-child),body.rtl .menu ul li .menu-item:not(:last-child),body.rtl .menu ul li .menu-option:not(:last-child){margin-left:0}.menu ul li a:not(.flex):not(.hidden),.menu ul li .menu-item:not(.flex):not(.hidden),.menu ul li .menu-option:not(.flex):not(.hidden){display:block;width:calc(100% + 28px)}body.ltr .menu ul li a:not(.flex):not(.hidden),body.ltr .menu ul li .menu-item:not(.flex):not(.hidden),body.ltr .menu ul li .menu-option:not(.flex):not(.hidden){text-align:left}body.rtl .menu ul li a:not(.flex):not(.hidden),body.rtl .menu ul li .menu-item:not(.flex):not(.hidden),body.rtl .menu ul li .menu-option:not(.flex):not(.hidden){text-align:right}.menu ul li a.flex [data-icon],.menu ul li .menu-item.flex [data-icon],.menu ul li .menu-option.flex [data-icon]{margin-top:-2px}.menu ul li a.sel,.menu ul li .menu-item.sel,.menu ul li .menu-option.sel{cursor:default}.menu ul li a .shortcut,.menu ul li .menu-item .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-item .shortcut,body.ltr .menu ul li .menu-option .shortcut{float:right}body.rtl .menu ul li a .shortcut,body.rtl .menu ul li .menu-item .shortcut,body.rtl .menu ul li .menu-option .shortcut{float:left}body.ltr .menu ul li a .shortcut,body.ltr .menu ul li .menu-item .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-item .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}.menu .go:after{color:inherit}.menu:not(.menu--disclosure) ul li a,.menu ul li .menu-item,.menu ul li .menu-option{color:#3f4d5a;text-decoration:none;cursor:default}.menu li>a[data-icon]:before,.menu li>a [data-icon]:before,.menu li>a span.icon:not([data-icon]),.menu li>button[data-icon]:before,.menu li>button [data-icon]:before,.menu li>button span.icon:not([data-icon]){display:inline-block;width:.875rem;height:.875rem}body.ltr .menu li>a[data-icon]:before,body.ltr .menu li>a [data-icon]:before,body.ltr .menu li>a span.icon:not([data-icon]),body.ltr .menu li>button[data-icon]:before,body.ltr .menu li>button [data-icon]:before,body.ltr .menu li>button span.icon:not([data-icon]){margin-left:-1px}body.rtl .menu li>a[data-icon]:before,body.rtl .menu li>a [data-icon]:before,body.rtl .menu li>a span.icon:not([data-icon]),body.rtl .menu li>button[data-icon]:before,body.rtl .menu li>button [data-icon]:before,body.rtl .menu li>button span.icon:not([data-icon]){margin-right:-1px}body.ltr .menu li>a[data-icon]:before,body.ltr .menu li>a [data-icon]:before,body.ltr .menu li>a span.icon:not([data-icon]),body.ltr .menu li>button[data-icon]:before,body.ltr .menu li>button [data-icon]:before,body.ltr .menu li>button span.icon:not([data-icon]){margin-right:9px}body.rtl .menu li>a[data-icon]:before,body.rtl .menu li>a [data-icon]:before,body.rtl .menu li>a span.icon:not([data-icon]),body.rtl .menu li>button[data-icon]:before,body.rtl .menu li>button [data-icon]:before,body.rtl .menu li>button span.icon:not([data-icon]){margin-left:9px}.menu li>a[data-icon]:before,.menu li>a [data-icon]:before,.menu li>button[data-icon]:before,.menu li>button [data-icon]:before{position:relative;top:-2px;text-align:center;font-size:14px;color:var(--ui-control-color)}.menu li>a span.icon:not([data-icon]) svg,.menu li>button span.icon:not([data-icon]) svg{display:block;position:relative;top:1px;width:100%;height:100%}.menu li>a span.icon:not([data-icon]) svg rect,.menu li>a span.icon:not([data-icon]) svg circle,.menu li>a span.icon:not([data-icon]) svg ellipse,.menu li>a span.icon:not([data-icon]) svg line,.menu li>a span.icon:not([data-icon]) svg polyline,.menu li>a span.icon:not([data-icon]) svg polygon,.menu li>a span.icon:not([data-icon]) svg path,.menu li>a span.icon:not([data-icon]) svg text,.menu li>button span.icon:not([data-icon]) svg rect,.menu li>button span.icon:not([data-icon]) svg circle,.menu li>button span.icon:not([data-icon]) svg ellipse,.menu li>button span.icon:not([data-icon]) svg line,.menu li>button span.icon:not([data-icon]) svg polyline,.menu li>button span.icon:not([data-icon]) svg polygon,.menu li>button span.icon:not([data-icon]) svg path,.menu li>button span.icon:not([data-icon]) svg text{fill:var(--icon-color, var(--ui-control-color));stroke-width:0}.menu li>a.error[data-icon]:before,.menu li>a.error [data-icon]:before,.menu li>button.error[data-icon]:before,.menu li>button.error [data-icon]:before{color:var(--error-color)}.menu li>a.error span.icon:not([data-icon]) svg rect,.menu li>a.error span.icon:not([data-icon]) svg circle,.menu li>a.error span.icon:not([data-icon]) svg ellipse,.menu li>a.error span.icon:not([data-icon]) svg line,.menu li>a.error span.icon:not([data-icon]) svg polyline,.menu li>a.error span.icon:not([data-icon]) svg polygon,.menu li>a.error span.icon:not([data-icon]) svg path,.menu li>a.error span.icon:not([data-icon]) svg text,.menu li>button.error span.icon:not([data-icon]) svg rect,.menu li>button.error span.icon:not([data-icon]) svg circle,.menu li>button.error span.icon:not([data-icon]) svg ellipse,.menu li>button.error span.icon:not([data-icon]) svg line,.menu li>button.error span.icon:not([data-icon]) svg polyline,.menu li>button.error span.icon:not([data-icon]) svg polygon,.menu li>button.error span.icon:not([data-icon]) svg path,.menu li>button.error span.icon:not([data-icon]) svg text{fill:var(--error-color);stroke-width:0}.menu:not(.menu--disclosure) ul li a:not(.sel):not(.disabled):hover,.menu:not(.menu--disclosure) ul li .menu-item:not(.sel):not(.disabled):hover,.menu:not(.menu--disclosure) ul li .menu-option:not(.sel):not(.disabled):hover,.menu:not(.menu--disclosure):not(:hover) ul li a:not(.sel):not(.disabled).hover,.menu:not(.menu--disclosure):not(:hover) ul li .menu-item:not(.sel):not(.disabled).hover,.menu:not(.menu--disclosure):not(:hover) ul li .menu-option:not(.sel):not(.disabled).hover{color:#3f4d5a;background-color:#f3f7fc}body.ltr .menu hr.padded,body.ltr .menu .h6.padded,body.ltr .menu h6.padded{margin-left:20px}body.rtl .menu hr.padded,body.rtl .menu .h6.padded,body.rtl .menu h6.padded{margin-right:20px}.menu--disclosure ul li>a:not(.crumb-link):hover,.menu--disclosure ul li>.menu-item:hover,.menu--disclosure ul li>.menu-option:hover{color:#3f4d5a;background-color:#f3f7fc}body:not(.reduce-focus-visibility) .menu--disclosure ul li>a:not(.crumb-link):focus,body.reduce-focus-visibility .menu--disclosure ul li>a:not(.crumb-link):focus-visible,body:not(.reduce-focus-visibility) .menu--disclosure ul li>.menu-item:focus,body.reduce-focus-visibility .menu--disclosure ul li>.menu-item: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 .chip.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 .chip,body.rtl .tagselect.elementselect .chip{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}.selectize-control.single .selectize-input:not(.no-arrow)::after{display:none}.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:calc(var(--large-border-radius) - 1px)}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:calc(var(--large-border-radius) - 1px)}.text,.passwordwrapper,.border-box,.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:-1.6875rem 7px 0 0}body.rtl .chars-left{margin:-1.6875rem 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%;border-radius:1px;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);box-shadow:0 0 5px rgba(36,99,235,.15)}.field>.status-badge.outdated{background-color:var(--pending-color);box-shadow:0 0 5px rgba(251,146,60,.15)}.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}.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{position:relative;top:-0.0625rem;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>.input input:disabled,.field>.input textarea:disabled{cursor:not-allowed}.field>.notice,.field>.warning{margin:5px 0 0}.field>.instructions,.field>.heading>.instructions,.checkboxfield .instructions{color:var(--custom-text-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:1rem;min-height:1rem;cursor:pointer}body.ltr input.checkbox+label,body.ltr div.checkbox{padding-left:calc(1rem + 5px)}body.rtl input.checkbox+label,body.rtl div.checkbox{padding-right:calc(1rem + 5px)}input.checkbox+label,input.checkbox+label:before,div.checkbox,div.checkbox:before{border-radius:var(--small-border-radius)}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}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}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 .info,div.checkbox .info{height:16px}input.checkbox:disabled+label,.disabled div.checkbox{cursor:not-allowed}input.checkbox:checked+label:before,div.checkbox.checked:before,.sel div.checkbox:before,input.checkbox:indeterminate+label:before,div.checkbox.indeterminate:before,.elementselectormodal .body .content .main .elements .disabled .checkbox:before{font-family:\"Craft\";speak:never;-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;line-height:var(--checkbox-size);color:var(--gray-900)}input.checkbox:checked:not(:indeterminate)+label:before,div.checkbox.checked:not(.indeterminate):before,.sel:not(.matrixblock) div.checkbox:not(.indeterminate):before,.sel.matrixblock>.actions div.checkbox:not(.indeterminate):before,.elementselectormodal .body .content .main .elements .disabled .checkbox:before{content:\"check\";font-size:14px}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)}.checkbox-icon{display:inline-flex;padding:3px;background-color:var(--enabled-color);color:var(--white);border-radius:var(--small-border-radius)}.checkbox-icon:before{--checkbox-size: 14px;font-family:\"Craft\";speak:never;-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;content:\"check\";line-height:var(--checkbox-size);font-size:var(--checkbox-size)}body:not(.reduce-focus-visibility) .monaco-mouse-cursor-text:focus,body.reduce-focus-visibility .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:calc(1rem + 5px)}body.rtl .checkboxfield .instructions,body.rtl .checkboxfield .notice,body.rtl .checkboxfield .warning{padding-right:calc(1rem + 5px)}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:calc(1rem + 5px)}body.rtl input.radio+label,body.rtl div.radio{padding-right:calc(1rem + 5px)}input.radio:disabled+label,.disabled div.radio{cursor:not-allowed}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: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:2.125rem}.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)}td.errors .text,.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:calc(50% - .4375rem);color:var(--ui-control-color)}body.ltr .texticon.icon:before{left:9px}body.rtl .texticon.icon:before{right:9px}.texticon .texticon-icon{position:absolute;top:1.0625rem;transform:translateY(-50%);display:flex;justify-content:center;align-items:center}body.ltr .texticon .texticon-icon{left:9px}body.rtl .texticon .texticon-icon{right:9px}body.ltr .texticon .text{padding-left:1.625rem}body.rtl .texticon .text{padding-right:1.625rem}.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:1.0625rem;transform:translateY(-50%);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:never;-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;content:\"filter\";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,.texticon.has-filter-btn .filter-btn[aria-expanded=true]{background-color:var(--gray-350)}.texticon.has-filter-btn .filter-btn:active:before,.texticon.has-filter-btn .filter-btn.active:before,.texticon.has-filter-btn .filter-btn[aria-expanded=true]:before{color:var(--white)}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-wrap:nowrap;flex-direction:row;align-items:center;gap: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:never;-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;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)}.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:.4375rem;height:.4375rem;border:solid currentColor;border-width:0 .125rem .125rem 0;opacity:.8;position:relative;transform:rotate(45deg);position:absolute;z-index:1;top:calc(50% - 5px);user-select:none;pointer-events:none;color:var(--ui-control-color)}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-control .selectize-input.disabled,.custom-select.disabled{opacity:1;cursor:not-allowed !important;pointer-events:auto !important}.selectize-control .selectize-input.disabled *,.custom-select.disabled *{cursor:not-allowed !important;pointer-events:auto !important}.selectize .selectize-input{display:block;border-color:inherit;box-shadow:none;background-color:rgba(0,0,0,0)}.selectize .selectize-input .item{max-width:100%}.selectize .selectize-input .item span{overflow:hidden;text-overflow:ellipsis}.selectize.select .selectize-input:after{display:none}body .selectize-dropdown{border:none;z-index:101}.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){width:25em;max-width:100%}.datetimewrapper .selectize.select:not(.fullwidth){max-width:calc(100% - 29px)}.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:.4375rem;height:.4375rem;border:solid currentColor;border-width:0 .125rem .125rem 0;opacity:.8;position:relative;transform:rotate(45deg);position:absolute;z-index:1;top:calc(50% - 5px);user-select:none;pointer-events:none;color:var(--ui-control-color)}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:never;-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;content:\"remove\"}body .selectize-dropdown{margin-top:1px}body .selectize-dropdown [data-selectable],body .selectize-dropdown .option,body .selectize-dropdown .optgroup-header{margin:0 -14px;padding:10px 14px;color:#3f4d5a;text-decoration:none;white-space:nowrap}body .selectize-dropdown .optgroup{padding-top:5px}body .selectize-dropdown .optgroup:not(:first-child){border-top:1px solid var(--hairline-color)}body .selectize-dropdown .optgroup .option{padding-left:24px}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:not(.selected),body .selectize-dropdown .option:hover{background-color:var(--gray-100)}body .selectize-dropdown .selected{color:#3f4d5a;background-color:#f3f7fc;cursor:default !important}body .selectize-dropdown .selected .light{color:inherit !important}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);max-height:70vh}body .selectize-dropdown-content .option{min-height:18px}body .selectize-dropdown-content>div[data-value=new]:before{font-family:\"Craft\";speak:never;-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;content:\"plus\";margin-right:5px}body .selectize-dropdown-content>div[data-value=new]:after{content:\"…\"}body.no-scroll .selectize-dropdown-content{max-height:200px}.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:.4375rem;height:.4375rem;border:solid currentColor;border-width:0 .125rem .125rem 0;opacity:.8;position:relative}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:.4375rem;height:.4375rem;border:solid currentColor;border-width:0 .125rem .125rem 0;opacity:.8;position:relative}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:1rem;white-space:nowrap}.slide-picker a{position:relative;border:1px solid var(--hairline-color);background-image:none;width:calc(.5rem - 1px);height:calc(1rem - 2px);margin-left:0;margin-top:1px;margin-bottom:1px;box-sizing:border-box;cursor:pointer}body.ltr .slide-picker a{border-left:none}body.rtl .slide-picker a{border-right:none}.slide-picker a:first-child{width:.5rem}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 a:before{content:\"\";position:absolute;top:calc(-0.25rem - 1px);left:-1px;width:calc(100% + 2px);height:var(--touch-target-size)}.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:1rem;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)}.icon-picker{display:flex;flex-direction:row;align-items:center;gap:var(--xs)}.icon-picker--icon{display:flex;align-items:center;justify-content:center;border-radius:3px;border:1px solid rgba(96,125,159,.25);background-color:#fbfcfe;background-clip:padding-box;border-radius:var(--ui-control-border-radius);width:var(--ui-control-height);height:var(--ui-control-height);background:var(--gray-050)}.icon-picker--icon svg{width:1.25rem;height:1.25rem}.icon-picker--icon svg rect,.icon-picker--icon svg circle,.icon-picker--icon svg ellipse,.icon-picker--icon svg line,.icon-picker--icon svg polyline,.icon-picker--icon svg polygon,.icon-picker--icon svg path,.icon-picker--icon svg text{fill:var(--ui-control-color);stroke-width:0}.icon-picker-modal{--width: calc(var(--ui-control-height) * 10 + var(--s) * 9 + var(--xl) * 2);width:var(--width) !important;min-width:0 !important;max-width:calc(100% - 20px) !important}.icon-picker-modal .body{height:100%;display:flex;flex-direction:column;gap:var(--l)}.icon-picker-modal .body .icon-picker-modal--list{flex:1;position:relative;overflow:hidden}.icon-picker-modal .body .icon-picker-modal--list:not(.loading) .spinner{display:none}.icon-picker-modal .body .icon-picker-modal--list.loading:after{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";background-color:rgba(255,255,255,.75)}.icon-picker-modal .body .icon-picker-modal--list.loading .spinner{top:calc(50% - 10px);z-index:1}.icon-picker-modal .body .icon-picker-modal--list ul{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:start;gap:var(--s);max-height:100%;overflow:auto}.icon-picker-modal .body .icon-picker-modal--list ul .icon-picker--icon{--focus-ring: var(--inner-focus-ring)}.icon-picker-modal .body .icon-picker-modal--list ul .icon-picker--icon:hover{border-color:var(--link-color);background-color:var(--blue-100)}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)}body.setup-2fa{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%}body.setup-2fa #setup-2fa{display:flex;flex-direction:column;gap:var(--l);width:550px;max-width:100%;padding:var(--padding)}body.setup-2fa #setup-2fa #setup-2fa-intro{text-align:center}body.setup-2fa #setup-2fa #setup-2fa-btn{display:flex;justify-content:center}.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:#3f4d5a;background-color:#f3f7fc;cursor:pointer}.matrix>.buttons{margin-top:10px}.matrixblock{position:relative;margin-bottom:10px;padding:0 var(--m) var(--m);border-radius:var(--large-border-radius);border:2px solid var(--gray-100);background-color:var(--white)}.matrixblock.static .titlebar{margin-bottom:14px}body.ltr .matrixblock.static .titlebar{padding-right:0}body.rtl .matrixblock.static .titlebar{padding-left:0}body.ltr .matrixblock.static .titlebar{padding-left:14px}body.rtl .matrixblock.static .titlebar{padding-right:14px}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn),.matrixblock>.actions .action-btn{padding:0;width:var(--touch-target-size);height:var(--touch-target-size);color:var(--custom-text-color, var(--ui-control-color));background-color:rgba(0,0,0,0)}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn):hover,.matrixblock>.actions .action-btn:hover{backdrop-filter:brightness(90%)}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn):active,.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn)[aria-expanded=true],.matrixblock>.actions .action-btn:active,.matrixblock>.actions .action-btn[aria-expanded=true]{backdrop-filter:brightness(85%)}.matrixblock .flex-fields{--row-gap: var(--m) !important}.matrixblock>.titlebar{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:var(--m);margin:0 calc(var(--m)*-1);box-sizing:border-box;border-radius:calc(var(--large-border-radius) - 2px) calc(var(--large-border-radius) - 2px) 0 0;color:var(--custom-text-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:var(--gray-050);min-height:calc(var(--lh) + 10px)}body.ltr .matrixblock>.titlebar{padding:5px calc(var(--m) + 70px) 5px var(--m)}body.rtl .matrixblock>.titlebar{padding:5px var(--m) 5px calc(var(--m) + 70px)}.matrixblock>.titlebar>.preview{flex-grow:1;min-width:0;opacity:0;transition:opacity linear 100ms;overflow:hidden}.matrixblock>.titlebar>.preview:empty{display:none}body.ltr .matrixblock>.titlebar>.preview{mask-image:linear-gradient(to left, rgba(0, 0, 0, 0), rgb(0, 0, 0) 12px)}body.rtl .matrixblock>.titlebar>.preview{mask-image:linear-gradient(to right, rgba(0, 0, 0, 0), rgb(0, 0, 0) 12px)}.matrixblock>.titlebar>.preview span{opacity:.5}.matrixblock>.titlebar>.matrixblock-tabs{flex:1;min-width:0;margin:-5px 0}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs{margin:0}body.ltr .matrixblock>.titlebar>.matrixblock-tabs .pane-tabs{padding-right:3px}body.rtl .matrixblock>.titlebar>.matrixblock-tabs .pane-tabs{padding-left:3px}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs [role=tablist]{padding:0 12px}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs [role=tablist].scrollable{mask-image:linear-gradient(to right, rgba(0, 0, 0, 0), rgb(0, 0, 0) 12px, rgb(0, 0, 0) calc(100% - 12px), rgba(0, 0, 0, 0) 100%)}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs [role=tablist] [role=tab]{background-color:rgba(0,0,0,0)}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs [role=tablist] [role=tab] .tab-label{height:calc(var(--lh) + 10px);padding:0 var(--m)}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn){margin-left:0;margin-right:0}body.ltr .matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn):not(:empty):not(.btn-empty)::after{margin-left:0px}body.rtl .matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn):not(:empty):not(.btn-empty)::after{margin-right:0px}body.ltr .matrixblock>.titlebar>.preview:first-child:empty+.matrixblock-tabs{margin-left:calc((var(--m) + 12px)*-1)}body.rtl .matrixblock>.titlebar>.preview:first-child:empty+.matrixblock-tabs{margin-right:calc((var(--m) + 12px)*-1)}body.ltr .matrixblock>.titlebar>.preview:first-child:empty+.matrixblock-tabs [role=tab]:first-child,body.ltr .matrixblock>.titlebar>.preview:first-child:empty+.matrixblock-tabs [role=tab]:first-child .tab-label{border-top-left-radius:calc(var(--large-border-radius) - 2px)}body.rtl .matrixblock>.titlebar>.preview:first-child:empty+.matrixblock-tabs [role=tab]:first-child,body.rtl .matrixblock>.titlebar>.preview:first-child:empty+.matrixblock-tabs [role=tab]:first-child .tab-label{border-top-right-radius:calc(var(--large-border-radius) - 2px)}body.ltr .matrixblock.disabled-entry>.titlebar{padding-right:100px}body.rtl .matrixblock.disabled-entry>.titlebar{padding-left:100px}.matrixblock.disabled-entry>.actions>.status.off{display:block}.matrixblock.collapsed>.titlebar{border-radius:calc(var(--large-border-radius) - 2px)}.matrixblock.collapsed>.titlebar>.preview{opacity:1}.matrixblock>.actions{display:flex;align-items:center;gap:var(--xs);position:absolute;top:0;cursor:default;min-height:calc(var(--lh) + 10px)}body.ltr .matrixblock>.actions{right:var(--m)}body.rtl .matrixblock>.actions{left:var(--m)}.matrixblock>.actions>*{margin:0 !important}.matrixblock>.actions>.status.off{display:none}.matrixblock>.actions a:not([data-action]){padding:0;height:var(--touch-target-size);text-align:center;color:var(--dark-hairline-color);transform:color linear 100ms}.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:var(--l)}.matrixblock>.fields>.flex-fields>.field:before{display:none}body.ltr .matrixblock>.fields>.flex-fields>.field>.status-badge{left:-2px}body.rtl .matrixblock>.fields>.flex-fields>.field>.status-badge{right:-2px}.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}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);--sidebar-width: 226px;--global-sidebar-width: 226px}html{-webkit-text-size-adjust:100%;min-height:100vh}body{min-height:100vh}body.dragging *{cursor:move !important;cursor:grabbing !important}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;min-height:100vh}@media screen and (prefers-reduced-motion: no-preference){body.ltr #global-container{transition:left 100ms cubic-bezier(0.33, 1, 0.68, 1)}body.rtl #global-container{transition:right 100ms cubic-bezier(0.33, 1, 0.68, 1)}}#system-info{display:grid;grid-template-columns:var(--prefix-width) auto;gap:10px;height:2.8125rem;padding:0 var(--gutter-width);position:relative;flex:0 0 2.8125rem;flex-direction:row;align-items:center;color:currentColor;border-bottom:1px solid var(--hairline-color);background-clip:padding-box}#system-info:after{display:none}#system-info:focus,#system-info:hover{text-decoration:none;background-color:var(--gray-200)}#site-icon{--size: var(--prefix-width);height:var(--size)}#site-icon img,#site-icon svg{display:block;width:var(--size);height:var(--size);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}@media only screen and (min-width: 1200px){[data-sidebar=collapsed] #system-info:hover #system-name{opacity:1;transform:translateY(-50%) translateX(0)}[data-sidebar=collapsed] #system-name{position:absolute;left:calc(100% + var(--s)*2);top:50%;transform:translateY(-50%) translateX(-5px);opacity:0;background:#fff;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);color:var(--text-color);border-radius:var(--medium-border-radius);padding:var(--xs) var(--s);white-space:nowrap;pointer-events:none}[data-sidebar=collapsed] #system-name:focus{box-shadow:var(--focus-ring)}}@media only screen and (min-width: 1200px)and (prefers-reduced-motion: no-preference){[data-sidebar=collapsed] #system-name{transition:opacity 50ms cubic-bezier(0.33, 1, 0.68, 1),transform 150ms cubic-bezier(0.33, 1, 0.68, 1)}}#global-footer{display:flex;flex-direction:column;align-items:center;padding:var(--m) var(--m) var(--xl);gap:var(--m)}body.has-debug-toolbar #global-footer{padding-bottom:calc(var(--xl) + 42px)}#global-footer a{white-space:nowrap}#app-info{display:flex;flex-direction:row;justify-content:center;gap:var(--m)}#trial-info{padding:16px var(--xl);border-radius:var(--large-border-radius);background-color:#dbe5f0;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 0 0 1px #bdcbdb,0 2px 12px rgba(205,216,228,.5);text-align:center}#app-version{display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--gray-600);text-align:center;gap:var(--s)}#app-version a{color:var(--gray-600);text-decoration:underline}#app-version a.go:hover:after{color:var(--gray-600)}#edition-logo{position:relative;top:-1px;user-select:none;border:1px solid var(--gray-600);border-radius:3px;display:inline-flex;box-sizing:content-box;font-size:11px;padding:6px 7px;line-height:8px;font-weight:600;letter-spacing:1.7px;padding-right:5px;text-transform:uppercase}#devmode{margin-top:auto;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}#alerts{position:relative;background-color:var(--red-050);border-left:6px solid var(--error-color);color:var(--error-color)}#alerts>li{padding:10px 24px;box-shadow:inset 0 -1px 0 0 var(--red-100)}#alerts>li .resolvable-alert-buttons{margin-top:var(--m)}#alerts>li .btn,#alerts>li a.go{display:inline-flex;align-items:center;border:1px solid rgba(220,38,38,.5);border-radius:var(--medium-border-radius);padding:4px 5px;margin:0 2px;color:var(--error-color);height:1.875rem}.flex #alerts>li .btn,.flex #alerts>li a.go{margin:0}#alerts>li .btn:hover,#alerts>li a.go:hover{border-color:var(--error-color)}#alerts>li a:not(.btn){color:var(--error-color);text-decoration:underline}#alerts>li a:not(.btn).go{text-decoration:none;white-space:nowrap}#alerts>li a:not(.btn).go:after{color:var(--error-color);font-size:15px;margin-top:1px}#alerts>li .btn{background-color:rgba(0,0,0,0)}#global-header .btn.menubtn,li.crumb .btn.menubtn,.btn.action-btn{padding:0;width:var(--touch-target-size);height:var(--touch-target-size)}#global-header .btn.menubtn:not(:hover):not(:active):not([aria-expanded=true]),li.crumb .btn.menubtn:not(:hover):not(:active):not([aria-expanded=true]),.btn.action-btn:not(:hover):not(:active):not([aria-expanded=true]){background-color:rgba(0,0,0,0)}#global-header{width:100%;margin-bottom:var(--m);border-bottom:1px solid var(--hairline-color)}#global-header .flex{height:2.75rem;align-items:center}#global-header .btn{--ui-control-color: var(--gray-400);--ui-control-hover-color: var(--gray-800);--ui-control-active-color: var(--gray-700)}#global-header .btn:hover{color:var(--ui-control-hover-color)}.nav-toggle{display:flex;align-items:center;justify-content:center;width:44px;min-width:44px;height:2.75rem;border-right:1px solid var(--medium-hairline-color);line-height:26px;color:currentColor;text-align:center}.nav-toggle:before{font-family:\"Craft\";speak:never;-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;content:\"menu\";font-size:16px;line-height:0}.nav-toggle:hover{color:var(--link-color)}#crumbs{display:flex;flex-direction:row;align-items:center;font-size:13px;margin:0 !important;max-width:100%;overflow:hidden}#crumbs.empty{display:none}#crumbs nav{margin:0}#primary-nav-toggle:focus-visible{box-shadow:var(--inner-focus-ring)}#crumb-list{display:flex;flex-direction:row;align-items:stretch;flex-wrap:nowrap;max-width:100%;height:2.75rem;--arrow-padding: 10;--arrow-height: 22;--arrow-angle: 35;--arrow-width: 17.1111;--arrow-c: 27.871}body.rtl #crumb-list{--arrow-angle: -35;--arrow-width: -19.4444}#crumb-list li.crumb{position:relative;cursor:default;color:var(--light-text-color)}body.ltr #crumb-list li.crumb{padding-left:calc(var(--arrow-width)*.5rem/16)}body.rtl #crumb-list li.crumb{padding-right:calc(var(--arrow-width)*.5rem/16)}body.ltr #crumb-list li.crumb:not(.current){padding-right:calc(var(--arrow-width)*1rem/16)}body.rtl #crumb-list li.crumb:not(.current){padding-left:calc(var(--arrow-width)*1rem/16)}#crumb-list li.crumb:not(.current):before,#crumb-list li.crumb:not(.current):after{display:block;content:\"\";width:1px;height:calc(var(--arrow-c)*1rem/16);position:absolute;background:var(--medium-hairline-color);pointer-events:none}body.ltr #crumb-list li.crumb:not(.current):before,body.ltr #crumb-list li.crumb:not(.current):after{right:calc(var(--arrow-width)*.5rem/16)}body.rtl #crumb-list li.crumb:not(.current):before,body.rtl #crumb-list li.crumb:not(.current):after{left:calc(var(--arrow-width)*.5rem/16)}#crumb-list li.crumb:not(.current):before{top:calc((var(--arrow-height) - var(--arrow-c))/2*1rem/16);transform:rotate(calc(var(--arrow-angle) * -1deg))}#crumb-list li.crumb:not(.current):after{bottom:calc((var(--arrow-height) - var(--arrow-c))/2*1rem/16);transform:rotate(calc(var(--arrow-angle) * 1deg))}#crumb-list .menu--disclosure li{display:block}#crumb-list .menu--disclosure li::after{content:none}#crumb-menu-trigger{min-width:var(--touch-target-size)}#crumb-menu-trigger:before{width:100%}#crumb-menu .chip{min-height:44px}li.crumb{display:flex;align-items:center;flex-wrap:nowrap;gap:var(--xs)}li.crumb [data-icon]{position:relative;top:-1px}li.crumb .menubtn{position:relative;margin:0 calc(var(--xs)*-1/2)}li.crumb [data-icon=ellipsis]:before{margin-top:3px;font-size:17px}li.crumb .chip{padding:0;background-color:rgba(0,0,0,0);--custom-bg-color: initial !important;--custom-text-color: initial !important;--custom-sel-bg-color: initial !important}li.crumb .chip .label-link{max-width:15em}li.crumb .chip .label-link:focus-visible{box-shadow:var(--inner-focus-ring)}li.crumb .chip .label-link span:not(.context-label){display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}li.crumb:has(.menubtn)>a{margin-right:0 !important;padding-right:var(--xs) !important}li.crumb>a{flex:1;display:flex !important;align-items:center;flex-wrap:nowrap;gap:var(--xs);white-space:nowrap}.menu--disclosure li.crumb>a{min-height:34px}li.crumb a,li.crumb button{display:inline-flex;align-items:center;min-height:var(--touch-target-size)}li.crumb a:not(:hover),li.crumb button:not(:hover){color:var(--text-color)}li.crumb a:hover,li.crumb button:hover{text-decoration:none}li.crumb a{position:relative}li.crumb button{cursor:pointer}li.breadcrumb-toggle-wrapper::after{content:none}#account-menu ul li a{max-width:calc(100% + 28px) !important}#announcements-btn{width:1.875rem;height:1.875rem;padding-left:0;padding-right:0;width:calc(1.75rem + 10px);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:.1875rem;width:.4375rem;height:.4375rem;border-radius:50%;background-color:var(--blue-600)}body.ltr #announcements-btn.unread:after{right:5px}body.rtl #announcements-btn.unread:after{left:5px}#announcements-btn svg{width:1rem;height:1rem}#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(--ui-control-active-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.unread .announcement__heading: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 .announcement__heading:after{left:-13px}body.rtl #announcements .announcement.unread .announcement__heading:after{right:-13px}#announcements .announcement p{margin:0}#announcements .announcement__header{display:grid}#announcements .announcement__heading{position:relative;margin:0 0 3px;order:1}#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-left:var(--s)}body.rtl #user-info{padding-right:var(--s)}body.ltr #user-info{padding-right:calc(var(--padding) + 1px)}body.rtl #user-info{padding-left:calc(var(--padding) + 1px)}#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 img,.header-photo svg{display:block;width:1.875rem;height:1.875rem;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,#user-info:hover .header-photo svg{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}body.has-debug-toolbar #notifications{bottom:50px}@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;word-break:normal;overflow-wrap:anywhere}#notifications .notification .notification-body .notification-details{margin-top:var(--xs)}#notifications .notification .notification-body .notification-details .chip{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)}@media only screen and (min-width: 1200px){#primary-nav-toggle{display:none}body.ltr #crumbs:not(.empty) #primary-nav-toggle+nav ul li:first-child,body.ltr #crumbs.empty+.context-menu-container{margin-left:var(--padding)}body.rtl #crumbs:not(.empty) #primary-nav-toggle+nav ul li:first-child,body.rtl #crumbs.empty+.context-menu-container{margin-right:var(--padding)}body.ltr #crumbs:not(.empty) #primary-nav-toggle+nav ul li:first-child,body.ltr #crumbs.empty+.context-menu-container{padding-left:0}body.rtl #crumbs:not(.empty) #primary-nav-toggle+nav ul li:first-child,body.rtl #crumbs.empty+.context-menu-container{padding-right:0}}#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:5px var(--padding);position:relative;z-index:2;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: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;justify-content:space-between}#toolbar .icon:before,#toolbar .texticon:before,#toolbar .menubtn:after,#toolbar [data-icon]:before,#toolbar [data-icon-after]:after{color:currentColor;opacity:.8}#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}@media only screen and (max-width: 400px){#action-buttons .btngroup .btn:first-child{flex-basis:100%}}@media only screen and (max-width: 973px){#action-buttons{margin-top:10px}}#main-content{display:flex;flex-direction:row;align-items:flex-start;padding:0 var(--padding) 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{position:relative;box-sizing:border-box;padding:0 31px var(--m);width:226px;background-color:rgba(0,0,0,0)}#sidebar.fixed{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{flex:1 1 auto;width:400px}#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:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width: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) var(--padding);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,.footer{padding:6px var(--pane-padding, var(--xl));min-height:44px;line-height:2rem}#footer .buttons,.footer .buttons{height:32px;display:flex;align-items:center}#footer .btn,.footer .btn{padding-top:4px;padding-bottom:4px;height:var(--ui-control-height--small)}#footer{position:sticky;bottom:0;z-index:1;margin:calc(var(--xl) + 1px) calc(var(--padding)*-1 + 2px) calc(var(--xl)*-1 + 2px);background-color:var(--gray-050);border-radius:var(--small-border-radius);box-sizing:border-box}#footer:empty{display:none}#footer.stuck{border-radius:0}@supports(backdrop-filter: blur(10px)){#footer.stuck{background-color:rgba(228,237,246,.75);backdrop-filter:blur(10px)}}.has-debug-toolbar #footer{transition:padding linear 100ms}.has-debug-toolbar #footer.stuck{padding-bottom:52px}#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;z-index:1}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}#details .details{padding-bottom:calc(var(--xl) + 11.5em)}#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:var(--large-border-radius);padding-top:var(--m);padding-bottom:var(--m)}@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)}#details .details{margin-bottom:auto}}@media only screen and (max-width: 767px){:root{--padding: var(--s);--neg-padding: calc(var(--s) * -1)}#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}.card-grid{display:flex !important;flex-direction:column}}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:0 var(--xl)}.sidebar .heading:not(:first-child){margin-top:var(--m)}.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 .heading>ul{margin:2px calc(var(--xl)*-1)}.sidebar nav{padding:0 var(--s)}body.ltr .sidebar nav>ul>li:not(.heading)>a,body.ltr .sidebar nav>ul>li.heading>ul>li>a{padding-left:24px}body.rtl .sidebar nav>ul>li:not(.heading)>a,body.rtl .sidebar nav>ul>li.heading>ul>li>a{padding-right:24px}body.ltr .sidebar nav>ul>li:not(.heading)>.toggle,body.ltr .sidebar nav>ul>li.heading>ul>li>.toggle{left:calc(var(--m)*0)}body.rtl .sidebar nav>ul>li:not(.heading)>.toggle,body.rtl .sidebar nav>ul>li.heading>ul>li>.toggle{right:calc(var(--m)*0)}body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>a,body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>a{padding-left:38px}body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>a,body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>a{padding-right:38px}body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>.toggle,body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>.toggle{left:calc(var(--m)*1)}body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>.toggle,body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>.toggle{right:calc(var(--m)*1)}body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>a,body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>a{padding-left:52px}body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>a,body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>a{padding-right:52px}body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>.toggle,body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>.toggle{left:calc(var(--m)*2)}body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>.toggle,body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>.toggle{right:calc(var(--m)*2)}body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>a,body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>a{padding-left:66px}body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>a,body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>a{padding-right:66px}body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>.toggle,body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle{left:calc(var(--m)*3)}body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>.toggle,body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle{right:calc(var(--m)*3)}body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>a,body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>a{padding-left:80px}body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>a,body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>a{padding-right:80px}body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle,body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle{left:calc(var(--m)*4)}body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle,body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>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}.sidebar nav li:not(.has-subnav)>a.sel,.sidebar nav li:not(.has-subnav)>a.active-drop-target{cursor:default;background-color:var(--gray-500)}.sidebar nav li:not(.has-subnav)>a.sel,.sidebar nav li:not(.has-subnav)>a.sel+.toggle,.sidebar nav li:not(.has-subnav)>a.active-drop-target,.sidebar nav li:not(.has-subnav)>a.active-drop-target+.toggle{color:var(--white)}.sidebar nav li:not(.has-subnav)>a.sel{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:500}.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{position:relative;top:1px;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:1rem;height:1rem}.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:.6875rem;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.heading>ul,.sidebar nav li.expanded>ul{display:block}.error-summary{margin-bottom:var(--l);padding:var(--l) var(--xl) var(--xl);box-sizing:border-box;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);border-radius:var(--large-border-radius);background-color:var(--gray-050)}.error-summary .notification-icon{color:var(--error-color);margin:-2px 6px 0 0;float:left}.error-summary h2{margin-top:var(--xs)}.error-summary>ul.errors li,.error-summary>ul.errors li a{color:var(--text-color)}.error-summary>ul.errors li em,.error-summary>ul.errors li a em{font-weight:600}.error-summary>ul.errors li:hover,.error-summary>ul.errors li a:hover{color:var(--link-color)}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,.draghelper .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>*,.draghelper .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,.draghelper .flex-fields>h2{flex:4 0 100%}#content :not(.meta)>.flex-fields>h2:not(:nth-child(-n+1 of :not(.hidden))),#content>.flex-fields>h2:not(:nth-child(-n+1 of :not(.hidden))),.so-content .flex-fields>h2:not(:nth-child(-n+1 of :not(.hidden))),.draghelper .flex-fields>h2:not(:nth-child(-n+1 of :not(.hidden))){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,.draghelper .flex-fields>hr,.draghelper .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),.draghelper .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,.draghelper .flex-fields>:not(h2):not(hr):not(.line-break),.draghelper .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,.draghelper .flex-fields>:not(h2):not(hr):not(.line-break):before,.draghelper .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,body.ltr .draghelper .flex-fields>:not(h2):not(hr):not(.line-break):before,body.ltr .draghelper .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,body.rtl .draghelper .flex-fields>:not(h2):not(hr):not(.line-break):before,body.rtl .draghelper .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,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-25,.draghelper.drag-in-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,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-50,.draghelper.drag-in-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,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-75,.draghelper.drag-in-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,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-25,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-50,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25,.draghelper.drag-in-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,.draghelper.drag-in-slideout .flex-fields>:not(h2):not(hr):not(.line-break).width-25,.draghelper.drag-in-slideout .flex-fields>:not(h2):not(hr):not(.line-break).width-50,.draghelper.drag-in-slideout .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25,.draghelper.drag-in-slideout .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50{width:50%}}.global-sidebar{--is-always-visible: true;--prefix-width: calc(30rem / 16);--prefix-ratio: 1;--gutter-width: calc(10rem / 16);position:sticky;top:0;z-index:100;display:flex;flex-direction:column;height:100vh;padding:0;-webkit-overflow-scrolling:touch;background-color:rgba(0,0,0,0);border-right:1px solid var(--hairline-color);width:var(--global-sidebar-width)}.global-sidebar a{text-decoration:none}.global-sidebar>a:not([href]),.global-sidebar *:not(.has-subnav)>a:not([href]){cursor:default;background-color:rgba(0,0,0,0)}@media only screen and (max-width: 1199px){.global-sidebar{--is-always-visible: false}}.global-sidebar__nav{padding:var(--s) 0}.global-sidebar__footer{margin-block-start:auto;display:grid;gap:var(--s)}.global-nav>ul{display:flex;flex-direction:column;gap:var(--s)}.global-nav>ul>li{position:relative}.nav-icon{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;width:1rem;aspect-ratio:1;line-height:0;--thumb-size: 1rem}.nav-icon>svg{width:100%;height:100%}.nav-icon>svg rect,.nav-icon>svg circle,.nav-icon>svg ellipse,.nav-icon>svg line,.nav-icon>svg polyline,.nav-icon>svg polygon,.nav-icon>svg path,.nav-icon>svg text{fill:currentColor;stroke-width:0}.nav-item{--gutter-width: calc(10rem / 16);display:grid;grid-template-columns:var(--gutter-width) 1fr var(--prefix-width) var(--gutter-width);grid-template-areas:\". action trigger .\" \"subnav subnav subnav subnav\";align-items:center;width:100%}.nav-item>.sidebar-action{grid-area:action}[data-sidebar=collapsed] .nav-item{grid-template-areas:\". action .\" \". trigger .\" \"subnav subnav subnav\";grid-template-columns:var(--gutter-width) var(--prefix-width) var(--gutter-width)}.nav-item__trigger{--icon-size: 10px;--trigger-size: var(--touch-target-size);grid-area:trigger;display:flex;z-index:1}.nav-item__trigger .menubtn{padding:0;flex-direction:column;justify-content:center;align-items:center;width:var(--trigger-size);height:var(--trigger-size);border:rgba(0,0,0,0)}.nav-item__trigger .menubtn:hover{background-color:var(--ui-control-bg-color)}.nav-item__trigger .menubtn[aria-expanded=true]:not(:hover){background-color:rgba(0,0,0,0)}.nav-item__trigger .menubtn[aria-expanded=true]:after{display:block;content:\"\";font-size:0;width:.4375rem;height:.4375rem;border:solid currentColor;border-width:0 .125rem .125rem 0;opacity:.8;position:relative;transform:rotate(225deg);top:2px}.nav-item__trigger .menubtn:after{margin-left:0 !important}.nav-item__subnav{--prefix-ratio: 4/3;position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;grid-area:subnav}.nav-item__subnav.is-open{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.badge{display:inline-flex;justify-content:center;text-align:center;flex-shrink:1;font-size:11px;line-height:1rem;width:1.1rem;height:1rem;border-radius:var(--s);background-color:var(--medium-text-color);color:var(--white)}.sidebar-actions{padding:10px var(--gutter-width)}.sidebar-action{--thumb-size: 0.75rem;display:flex;width:100%;align-items:center;position:relative;text-align:left;border-radius:var(--medium-border-radius);color:currentColor;cursor:pointer;gap:7px;min-height:30px}.sidebar-action:before{content:\"\";position:absolute;left:-0.625rem;top:50%;height:80%;transform:translateY(-50%);width:var(--xs)}.sidebar-action:focus-visible,.sidebar-action:hover{background-color:var(--gray-200)}.sidebar-action.sel:before{--indicator-size: 6px;background-color:currentColor}.sidebar-action--sub{--indicator-size: 4px;font-size:.9em;min-height:26px}.sidebar-action--sub:before{width:var(--indicator-size);height:var(--indicator-size);border-radius:100%;left:calc(15px - var(--indicator-size)/2);top:50%;background-color:var(--gray-300)}.sidebar-action--job{align-items:flex-start}.sidebar-action--job .sidebar-action__label{padding-block:var(--xs)}.sidebar-action--job[href]:hover{background-color:rgba(0,0,0,0)}.sidebar-action--job[href]:hover .icon>span.icon>canvas#job-icon-hover{opacity:1}.sidebar-action--job .label{white-space:normal}.sidebar-action--job .progress-label{display:block;color:var(--gray-300);font-size:11px;line-height:1.5}.sidebar-action--job .nav-icon{display:block;position:relative;width:16px;height:16px}.sidebar-action--job .nav-icon>canvas{display:block;position:absolute;width:16px;height:16px}.sidebar-action--job .nav-icon>canvas#job-icon-hover{opacity:0}.sidebar-action__prefix{display:flex;align-items:center;justify-content:center;width:var(--prefix-width);aspect-ratio:var(--prefix-ratio);line-height:0;flex-shrink:0}.sidebar-action__label{display:inline-flex;gap:var(--s);align-items:center;padding:0 var(--xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-grow:1}.sidebar-action__badge{display:flex;flex-direction:column;justify-content:center;padding:0 var(--s);margin-left:auto}@media only screen and (min-width: 1200px){[data-sidebar=collapsed] .global-sidebar{--global-sidebar-width: calc(50rem / 16)}[data-sidebar=collapsed] .nav-item__indicator{right:-1px}[data-sidebar=collapsed] .sidebar-action{width:var(--prefix-width);min-height:var(--prefix-width)}[data-sidebar=collapsed] .sidebar-action:focus-visible .sidebar-action__label,[data-sidebar=collapsed] .sidebar-action:hover .sidebar-action__label{opacity:1;transform:translateY(-50%) translateX(0)}[data-sidebar=collapsed] .nav-item__trigger .menubtn{width:100%;height:auto;padding-block:2px var(--xs)}[data-sidebar=collapsed] .sidebar-action__label{position:absolute;z-index:10;left:calc(100% + var(--xs)*2);top:50%;transform:translateY(-50%) translateX(-5px);opacity:0;background:#fff;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);color:var(--text-color);border-radius:var(--medium-border-radius);padding:var(--xs) var(--s);pointer-events:none}[data-sidebar=collapsed] .sidebar-action__label:focus{box-shadow:var(--focus-ring)}}@media only screen and (min-width: 1200px)and (prefers-reduced-motion: no-preference){[data-sidebar=collapsed] .sidebar-action__label{transition:opacity 50ms cubic-bezier(0.33, 1, 0.68, 1),transform 150ms cubic-bezier(0.33, 1, 0.68, 1)}}@media only screen and (min-width: 1200px){[data-sidebar=collapsed] .sidebar-action__badge{z-index:100;position:absolute;right:calc(var(--xs)*-1);bottom:var(--xs);transform:translateY(25%);padding:0}[data-sidebar=collapsed] .sidebar-action--sub{min-height:26px}[data-sidebar=collapsed] .sidebar-action--sub:before{left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}[data-sidebar=collapsed] .global-nav>ul>li+li{--separator-width: calc(28rem / 16)}[data-sidebar=collapsed] .global-nav>ul>li+li:before{position:absolute;top:calc(var(--s)/-2);left:calc((var(--global-sidebar-width) - var(--separator-width))/2);content:\"\";width:var(--separator-width);height:1px;margin:0 auto;background-color:var(--hairline-color)}[data-sidebar=expanded] #sidebar-toggle-icon{transform:rotate(180deg)}}#sidebar-trigger{display:none}@media only screen and (min-width: 1200px){#sidebar-trigger{display:flex}}.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:5px 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:68px}}.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}body.ltr .lp-editor-container .lp-editor .matrixblock>.fields>.flex-fields>.field>.status-badge{left:calc(var(--m)*-1)}body.rtl .lp-editor-container .lp-editor .matrixblock>.fields>.flex-fields>.field>.status-badge{right:calc(var(--m)*-1)}.lp-editor-container .lp-draghandle{position:absolute;z-index:101;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:44px}}.lp-preview-container .lp-preview-header .lp-device-type .btn::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-preview-header .lp-device-type .btn.lp-device-type-btn--phone::before{background-image:url(../images/preview/icon-phone.svg)}.lp-preview-container .lp-preview-header .lp-device-type .btn.lp-device-type-btn--tablet::before{background-image:url(../images/preview/icon-tablet.svg)}.lp-preview-container .lp-preview-header .lp-device-type .btn.lp-device-type-btn--desktop::before{background-image:url(../images/preview/icon-desktop.svg)}.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-preview-container__bumper-link{top:unset;bottom:0}.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% - 44px);width:100%;background-color:var(--gray-100)}@supports(backdrop-filter: blur(10px)){.lp-preview-container .lp-iframe-container--has-device-preview{top:44px}}.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}}.login-container .login-form-container{background-color:var(--gray-050)}.login-container .login-form input[readonly]{cursor:not-allowed}.login-container .login-form>.field,.login-container .login-form>.btn{margin-top:var(--l)}.login-container .login-form>.field:not(:last-child):not(.last),.login-container .login-form>.btn:not(:last-child):not(.last){margin-bottom:var(--l)}.login-container .login-form .btn{display:flex}.login-container .alternative-login-methods{margin-top:var(--m)}.login-container .alternative-login-methods .btn{width:100%}.login-container .login-forgot-password,.login-container .login-alt-container button{font-size:11px;color:var(--medium-text-color);cursor:pointer !important}.login-container .login-alt-container{margin:calc(var(--s) - var(--xl)) 0}.login-container .login-alt-container button{display:inline-flex;background-color:rgba(0,0,0,0);padding:0;width:auto;height:auto;min-height:var(--touch-target-size)}.login-container .login-forgot-password:hover,.login-container .login-forgot-password:focus,.login-container .login-alt-container button:hover,.login-container .login-alt-container button:focus{color:var(--link-color)}.login-container .login-errors{text-align:center;color:var(--error-color);margin-top:1em}.login-alt-menu{z-index:1001}body.login{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%}body.login main{padding:var(--padding);width:calc(300px + var(--padding)*2);max-width:100%}body.login main h1{text-align:center;font-size:32px;line-height:40px;word-wrap:break-word}body.login main h1 #login-logo{width:100%;height:auto;max-height:300px}body.login #poweredby{display:block;text-align:center;margin-top:70px;margin-bottom:48px;opacity:.8}body.login #poweredby:hover,body.login #poweredby:focus,body.login #poweredby:active{opacity:1}body.login #poweredby>svg{display:inline-block}.modal.email-sent{width:300px}body.ltr .modal.email-sent .body{padding-left:68px}body.rtl .modal.email-sent .body{padding-right:68px}.modal.email-sent .body:before{font-family:\"Craft\";speak:never;-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;display:block;position:absolute;top:24px;content:\"mail\";font-size:30px;color:var(--link-color)}body.ltr .modal.email-sent .body:before{left:24px}body.rtl .modal.email-sent .body:before{right:24px}.login-modal{width:calc(600px + var(--l)*2);max-width:calc(100% - 20px);background:var(--gray-100);border-radius:var(--large-border-radius)}.login-modal .body{display:flex;flex-direction:row;padding:var(--l)}.login-modal .body .login-modal-intro,.login-modal .body .login-modal-form{width:300px;max-width:100%}.login-modal .body .login-modal-intro{padding:var(--m)}@media screen and (max-width: 656px){.login-modal{border-radius:var(--large-border-radius)}.login-modal .body{padding:var(--m);flex-direction:column;gap:var(--m);overflow:auto}.login-modal .body .login-modal-intro{padding:var(--xs) var(--xl)}.login-modal .body .login-modal-form{border-radius:0}}.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:265px}body.rtl .layoutdesigner{padding-left:265px}.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(212, 50%, 95%) 1px, transparent 0px),linear-gradient(to bottom, hsl(212, 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:265px;padding:14px;display:flex;flex-direction:column}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{margin:-3px;padding:3px;flex:1;min-height:0;overflow:auto}.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)}.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:288px;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;gap:var(--xs);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(212, 50%, 95%) 1px, transparent 0px),linear-gradient(to bottom, hsl(212, 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-element{position:relative;display:flex;align-items:center;padding:var(--s);gap:var(--s);box-shadow:inset 0 0 0 1px var(--hairline-color);border-radius:var(--medium-border-radius);background-color:var(--white)}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:not(.draghelper){box-shadow:none}.fld-element.fld-field .field-name{display:flex;flex-direction:column;gap:var(--xs)}.fld-element .fld-element-icon{text-align:center}.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}.fld-hr,.fld-br{position:relative;flex:1;display:flex;justify-content:center}.fld-hr:before,.fld-br:before{position:absolute;display:block;top:calc(50% - 2px);left:0;width:100%;height:4px;content:\"\";font-size:0;border-radius:2px}.fld-hr .smalltext,.fld-br .smalltext{position:relative;display:flex;justify-content:center;align-items:center;background-color:var(--gray-100);border-radius:var(--large-border-radius);padding:0 var(--s);height:var(--touch-target-size)}.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-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}body.has-debug-toolbar .modal.imageeditor .footer{padding-bottom:50px}.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:calc(1rem + 5px)}body.rtl .modal.imageeditor .body .views .crop .custom{padding-right:calc(1rem + 5px)}.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 --gray-050: hsl(var(--gray-050-hsl));\n --gray-100: hsl(var(--gray-100-hsl));\n --gray-200: hsl(var(--gray-200-hsl));\n --gray-300: hsl(var(--gray-300-hsl));\n --gray-350: hsl(var(--gray-350-hsl));\n --gray-400: hsl(var(--gray-400-hsl));\n --gray-500: hsl(var(--gray-500-hsl));\n --gray-550: hsl(var(--gray-550-hsl));\n --gray-600: hsl(var(--gray-600-hsl));\n --gray-700: hsl(var(--gray-700-hsl));\n --gray-800: hsl(var(--gray-800-hsl));\n --gray-900: hsl(var(--gray-900-hsl));\n --gray-1000: hsl(var(--gray-1000-hsl));\n\n --red-050: #fef2f2;\n --red-100: #fee2e2;\n --red-200: #fecaca;\n --red-300: #fca5a5;\n --red-400: #f87171;\n --red-500: #ef4444;\n --red-600: #dc2626;\n --red-700: #b91c1c;\n --red-800: #991b1b;\n --red-900: #7f1d1d;\n --red-950: #450a0a;\n\n --orange-050: #fff7ed;\n --orange-100: #ffedd5;\n --orange-200: #fed7aa;\n --orange-300: #fdba74;\n --orange-400: #fb923c;\n --orange-500: #f97316;\n --orange-600: #ea580c;\n --orange-700: #c2410c;\n --orange-800: #9a3412;\n --orange-900: #7c2d12;\n --orange-950: #431407;\n\n --amber-050: #fffbeb;\n --amber-100: #fef3c7;\n --amber-200: #fde68a;\n --amber-300: #fcd34d;\n --amber-400: #fbbf24;\n --amber-500: #f59e0b;\n --amber-600: #d97706;\n --amber-700: #b45309;\n --amber-800: #92400e;\n --amber-900: #78350f;\n --amber-950: #451a03;\n\n --yellow-050: #fefce8;\n --yellow-100: #fef9c3;\n --yellow-200: #fef08a;\n --yellow-300: #fde047;\n --yellow-400: #facc15;\n --yellow-500: #eab308;\n --yellow-600: #ca8a04;\n --yellow-700: #a16207;\n --yellow-750: #93580b;\n --yellow-800: #854d0e;\n --yellow-900: #713f12;\n --yellow-950: #422006;\n\n --lime-050: #f7fee7;\n --lime-100: #ecfccb;\n --lime-200: #d9f99d;\n --lime-300: #bef264;\n --lime-400: #a3e635;\n --lime-500: #84cc16;\n --lime-600: #65a30d;\n --lime-700: #4d7c0f;\n --lime-800: #3f6212;\n --lime-900: #365314;\n --lime-950: #1a2e05;\n\n --green-050: #f0fdf4;\n --green-100: #dcfce7;\n --green-200: #bbf7d0;\n --green-300: #86efac;\n --green-400: #4ade80;\n --green-500: #22c55e;\n --green-600: #16a34a;\n --green-700: #15803d;\n --green-800: #166534;\n --green-900: #14532d;\n --green-950: #052e16;\n\n --emerald-050: #ecfdf5;\n --emerald-100: #d1fae5;\n --emerald-200: #a7f3d0;\n --emerald-300: #6ee7b7;\n --emerald-400: #34d399;\n --emerald-500: #10b981;\n --emerald-600: #059669;\n --emerald-700: #047857;\n --emerald-800: #065f46;\n --emerald-900: #064e3b;\n --emerald-950: #022c22;\n\n --teal-050: #f0fdfa;\n --teal-100: #ccfbf1;\n --teal-200: #99f6e4;\n --teal-300: #5eead4;\n --teal-400: #2dd4bf;\n --teal-500: #14b8a6;\n --teal-550: #11a697;\n --teal-600: #0d9488;\n --teal-700: #0f766e;\n --teal-800: #115e59;\n --teal-900: #134e4a;\n --teal-950: #042f2e;\n\n --cyan-050: #ecfeff;\n --cyan-100: #cffafe;\n --cyan-200: #a5f3fc;\n --cyan-300: #67e8f9;\n --cyan-400: #22d3ee;\n --cyan-500: #06b6d4;\n --cyan-600: #0891b2;\n --cyan-700: #0e7490;\n --cyan-800: #155e75;\n --cyan-900: #164e63;\n --cyan-950: #083344;\n\n --sky-050: #f0f9ff;\n --sky-100: #e0f2fe;\n --sky-200: #bae6fd;\n --sky-300: #7dd3fc;\n --sky-400: #38bdf8;\n --sky-500: #0ea5e9;\n --sky-600: #0284c7;\n --sky-700: #0369a1;\n --sky-800: #075985;\n --sky-900: #0c4a6e;\n --sky-950: #082f49;\n\n --blue-050: #eff6ff;\n --blue-100: #dbeafe;\n --blue-200: #bfdbfe;\n --blue-300: #93c5fd;\n --blue-400: #60a5fa;\n --blue-500: #3b82f6;\n --blue-600: #2563eb;\n --blue-700: #1d4ed8;\n --blue-800: #1e40af;\n --blue-900: #1e3a8a;\n --blue-950: #172554;\n\n --indigo-050: #eef2ff;\n --indigo-100: #e0e7ff;\n --indigo-200: #c7d2fe;\n --indigo-300: #a5b4fc;\n --indigo-400: #818cf8;\n --indigo-500: #6366f1;\n --indigo-600: #4f46e5;\n --indigo-700: #4338ca;\n --indigo-800: #3730a3;\n --indigo-900: #312e81;\n --indigo-950: #1e1b4b;\n\n --violet-050: #f5f3ff;\n --violet-100: #ede9fe;\n --violet-200: #ddd6fe;\n --violet-300: #c4b5fd;\n --violet-400: #a78bfa;\n --violet-500: #8b5cf6;\n --violet-600: #7c3aed;\n --violet-700: #6d28d9;\n --violet-800: #5b21b6;\n --violet-900: #4c1d95;\n --violet-950: #2e1065;\n\n --purple-050: #faf5ff;\n --purple-100: #f3e8ff;\n --purple-200: #e9d5ff;\n --purple-300: #d8b4fe;\n --purple-400: #c084fc;\n --purple-500: #a855f7;\n --purple-600: #9333ea;\n --purple-700: #7e22ce;\n --purple-800: #6b21a8;\n --purple-900: #581c87;\n --purple-950: #3b0764;\n\n --fuchsia-050: #fdf4ff;\n --fuchsia-100: #fae8ff;\n --fuchsia-200: #f5d0fe;\n --fuchsia-300: #f0abfc;\n --fuchsia-400: #e879f9;\n --fuchsia-500: #d946ef;\n --fuchsia-600: #c026d3;\n --fuchsia-700: #a21caf;\n --fuchsia-800: #86198f;\n --fuchsia-900: #701a75;\n --fuchsia-950: #4a044e;\n\n --pink-050: #fdf2f8;\n --pink-100: #fce7f3;\n --pink-200: #fbcfe8;\n --pink-300: #f9a8d4;\n --pink-400: #f472b6;\n --pink-500: #ec4899;\n --pink-600: #db2777;\n --pink-700: #be185d;\n --pink-800: #9d174d;\n --pink-900: #831843;\n --pink-950: #500724;\n\n --rose-050: #fff1f2;\n --rose-100: #ffe4e6;\n --rose-200: #fecdd3;\n --rose-300: #fda4af;\n --rose-400: #fb7185;\n --rose-500: #f43f5e;\n --rose-600: #e11d48;\n --rose-700: #be123c;\n --rose-800: #9f1239;\n --rose-900: #881337;\n --rose-950: #4c0519;\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-600);\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: #1f5fea;\n\n // font styles\n --font-weight-bold: 700;\n\n // hairline colors\n --hairline-color: #{transparentize(hsl(209, 20%, 25%), 0.9)};\n --medium-hairline-color: #cfd8e3; // matches shadow below global header;\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-500);\n\n // alert/notice colors\n --error-color: #d81e23;\n --warning-color: var(--amber-700);\n --success-color: var(--teal-700);\n --notice-color: var(--sky-700);\n\n // status colors\n --enabled-color: var(--teal-550);\n --pending-color: var(--orange-400);\n --disabled-color: var(--red-600);\n\n // misc colors\n --indicator-border-color: var(--amber-600);\n --indicator-icon-color: var(--amber-700);\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: 1rem;\n --radio-size: 1rem;\n}\n","@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\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:\n url('../fonts/Craft.woff2') format('woff2'),\n 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 font-display: block;\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 --ui-control-static-bg-color: #{transparentize($inputColor, 0.75)};\n --ui-control-bg-color: var(--ui-control-static-bg-color);\n --ui-control-hover-bg-color: #{transparentize($inputColor, 0.7)};\n --ui-control-active-bg-color: #{transparentize($inputColor, 0.5)};\n --ui-control-border-radius: var(--large-border-radius);\n --ui-control-height: calc(34rem / 16);\n --ui-control-height--small: calc(30rem / 16);\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: calc(\n 24rem / 16\n ); /* Minimum recommended touch target size */\n --thumb-size: calc(20rem / 16);\n --icon-size: 1rem;\n --elements-busy-top-position: calc(50% - var(--size, 20px) / 2);\n --lh: 1.42em;\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: var(--lh);\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.mt-0 {\n margin-top: 0 !important;\n}\n.mt-xs {\n margin-top: var(--xs) !important;\n}\n.mt-s {\n margin-top: var(--s) !important;\n}\n.mt-m {\n margin-top: var(--m) !important;\n}\n.mt-l {\n margin-top: var(--l) !important;\n}\n.mt-xl {\n margin-top: var(--xl) !important;\n}\n\n.mb-0 {\n margin-bottom: 0 !important;\n}\n.mb-xs {\n margin-bottom: var(--xs) !important;\n}\n.mb-s {\n margin-bottom: var(--s) !important;\n}\n.mb-m {\n margin-bottom: var(--m) !important;\n}\n.mb-l {\n margin-bottom: var(--l) !important;\n}\n.mb-xl {\n margin-bottom: var(--xl) !important;\n}\n\n.ml-0 {\n margin-left: 0 !important;\n}\n.ml-xs {\n margin-left: var(--xs) !important;\n}\n.ml-s {\n margin-left: var(--s) !important;\n}\n.ml-m {\n margin-left: var(--m) !important;\n}\n.ml-l {\n margin-left: var(--l) !important;\n}\n.ml-xl {\n margin-left: var(--xl) !important;\n}\n\n.mr-0 {\n margin-right: 0 !important;\n}\n.mr-xs {\n margin-right: var(--xs) !important;\n}\n.mr-s {\n margin-right: var(--s) !important;\n}\n.mr-m {\n margin-right: var(--m) !important;\n}\n.mr-l {\n margin-right: var(--l) !important;\n}\n.mr-xl {\n margin-right: var(--xl) !important;\n}\n\n.mx-0 {\n margin-left: 0 !important;\n margin-right: 0 !important;\n}\n.mx-xs {\n margin-left: var(--xs) !important;\n margin-right: var(--xs) !important;\n}\n.mx-s {\n margin-left: var(--s) !important;\n margin-right: var(--s) !important;\n}\n.mx-m {\n margin-left: var(--m) !important;\n margin-right: var(--m) !important;\n}\n.mx-l {\n margin-left: var(--l) !important;\n margin-right: var(--l) !important;\n}\n.mx-xl {\n margin-left: var(--xl) !important;\n margin-right: var(--xl) !important;\n}\n\n.my-0 {\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n}\n.my-xs {\n margin-top: var(--xs) !important;\n margin-bottom: var(--xs) !important;\n}\n.my-s {\n margin-top: var(--s) !important;\n margin-bottom: var(--s) !important;\n}\n.my-m {\n margin-top: var(--m) !important;\n margin-bottom: var(--m) !important;\n}\n.my-l {\n margin-top: var(--l) !important;\n margin-bottom: var(--l) !important;\n}\n.my-xl {\n margin-top: var(--xl) !important;\n margin-bottom: var(--xl) !important;\n}\n\n.no-scroll {\n overflow: hidden !important;\n}\n\n.draghelper {\n box-sizing: border-box;\n list-style-type: none;\n}\n\n.offset-drag-helper {\n transition:\n margin linear 200ms,\n padding linear 200ms;\n}\n\nbody.dragging.ltr .offset-drag-helper {\n margin: -50px 0 0 -50px;\n padding: 60px 0 0 60px;\n}\n\nbody.dragging.rtl .offset-drag-helper {\n margin: -50px -50px 0 0;\n padding: 60px 60px 0 0;\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 ul.padded li .menu-item.sel:before,\n.menu ul.padded li .menu-option.sel:before,\n.menu .flex.padded.sel:before,\n.texticon: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.action-btn:before,\n[data-icon]:before,\n[data-icon-after]:after {\n @include icon;\n}\n\n.badge-icon {\n position: relative;\n top: -1px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 1rem;\n height: 1rem;\n box-sizing: border-box;\n border: 1px solid var(--indicator-border-color);\n border-radius: var(--small-border-radius);\n color: var(--indicator-icon-color);\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\n[data-icon-size='large'] {\n &[data-icon]:before,\n &[data-icon-after]:after {\n font-size: 20px;\n }\n}\n\n[data-icon-size='small'] {\n &[data-icon]:before,\n &[data-icon-after]:after {\n font-size: 14px;\n }\n}\n\n[data-icon-size='puny'] {\n &[data-icon]:before,\n &[data-icon-after]:after {\n font-size: 12px;\n }\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.action-btn:before {\n content: 'ellipsis';\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 &[aria-current] {\n cursor: default;\n }\n\n body.underline-links &,\n &:hover {\n text-decoration: underline;\n }\n\n .cp-icon svg {\n @include svg-mask(var(--link-color));\n }\n}\n\na:not([href]) {\n color: inherit;\n cursor: inherit;\n\n body.underline-links &,\n &:hover {\n text-decoration: none;\n }\n}\n\na.iconlink {\n &:before {\n width: 1rem;\n @include margin-right(var(--xs));\n }\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\na [data-icon='external'] {\n @include margin-left(var(--xs));\n}\n\nbutton {\n cursor: pointer;\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.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.revision-notice {\n display: flex;\n align-items: center;\n align-content: stretch;\n justify-content: center;\n gap: var(--s);\n color: var(--gray-600);\n\n #content-notice & {\n display: inline-flex;\n justify-content: flex-start;\n }\n\n p {\n flex: 1;\n margin: 0;\n }\n\n .revision-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($grey800, 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(--grey-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\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}\nul.errors em {\n font-style: normal;\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: 12px;\n color: var(--rose-500);\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:not(.disabled) {\n cursor: move;\n}\n\n.icon.move:before {\n content: 'move';\n color: var(--custom-text-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-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 &.sidebar-hidden {\n @include padding-left(0);\n\n & > .cs-sidebar {\n display: none;\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 --selected-item-color: var(--white);\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 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 @include light-focus-ring;\n --ui-control-color: var(--selected-item-color);\n background-color: var(--dark-sel-color);\n color: var(--selected-item-color);\n z-index: 1;\n }\n\n .label {\n flex: 1;\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 &.sel .label {\n color: var(--selected-item-color);\n }\n }\n}\n\n.customize-sources-item__move {\n position: absolute;\n top: 50%;\n @include right(0);\n transform: translate(-50%, -50%);\n justify-content: center;\n align-items: center;\n\n &.icon {\n display: flex;\n text-decoration: none;\n }\n}\n\n.customize-sources-item__btn {\n padding: 8px 14px;\n @include padding-right(30px);\n margin: 3px;\n}\n\n.checkbox-select-item {\n display: flex;\n align-items: flex-start;\n align-content: stretch;\n margin-bottom: 4px;\n\n .move {\n margin-top: -3px;\n @include margin-right(10px);\n position: relative;\n z-index: 1;\n }\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), calc(1rem / 16));\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: var(--s);\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 }\n}\n\n.flex {\n display: flex;\n align-items: center;\n align-content: stretch;\n gap: var(--s);\n\n &.flex-gap-xs {\n gap: var(--xs);\n }\n &.flex-gap-m {\n gap: var(--m);\n }\n &.flex-gap-l {\n gap: var(--l);\n }\n &.flex-gap-xl {\n gap: var(--xl);\n }\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 !important;\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 max-width: 100%;\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(--ui-control-border-radius);\n padding: 7px 10px;\n border: none;\n text-align: center;\n white-space: nowrap;\n user-select: none;\n box-sizing: border-box;\n appearance: none;\n color: currentColor;\n font-size: inherit;\n background-color: var(--ui-control-bg-color);\n\n &:not([aria-current]) {\n cursor: pointer;\n }\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 &.hairline {\n border: 1px solid var(--medium-hairline-color);\n background-color: transparent;\n\n &:hover,\n &:active,\n &[aria-expanded='true'] {\n border-color: var(--dark-hairline-color);\n }\n\n &:active,\n &[aria-expanded='true'] {\n background-color: var(--ui-control-static-bg-color);\n }\n }\n\n &.wrap {\n height: auto;\n min-height: 34px;\n white-space: initial;\n text-align: left;\n }\n\n &:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not(\n [aria-current]\n ) {\n &:focus,\n &.focus,\n &:hover {\n --ui-control-bg-color: var(--ui-control-hover-bg-color);\n }\n\n &:active,\n &.active,\n &[aria-expanded='true'] {\n --ui-control-bg-color: var(--ui-control-active-bg-color);\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 &:empty,\n &.btn-empty {\n padding-left: 12px;\n padding-right: 12px;\n }\n\n &[data-icon]:not(:empty):not(.btn-empty):before,\n &.icon:not(:empty):not(.btn-empty):before,\n &.menubtn:not(.action-btn)[data-icon]:empty:before,\n &.menubtn:not(.action-btn)[data-icon].btn-empty:before,\n &.menubtn:not(.action-btn).icon:empty:before,\n &.menubtn:not(.action-btn).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 [data-icon] {\n margin-top: -3px;\n @include margin-right(5px);\n\n &.light:before {\n color: var(--gray-300);\n }\n }\n}\n\n.disabled {\n opacity: 0.25;\n pointer-events: none;\n user-select: none;\n}\n\n.noteditable {\n cursor: not-allowed;\n\n .element,\n .lightswitch-container,\n & + .colorhex {\n cursor: not-allowed;\n }\n}\n\n.btn,\n.spinner {\n height: var(--ui-control-height);\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(.action-btn):not(:empty):not(.btn-empty):after,\n.menubtn:not(.action-btn).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 border-radius: var(--large-border-radius);\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.btngroup--exclusive {\n .btn[aria-pressed='true']:not(.disabled):not(.loading):not(.dashed):not(\n [aria-disabled]\n ) {\n background-color: var(--gray-500);\n color: var(--white);\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 .copytextbtn__icon {\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 .copytextbtn__value {\n color: var(--text-color);\n }\n }\n\n &.small {\n padding: 0 5px;\n\n .copytextbtn__value {\n font-size: calc(11rem / 16);\n }\n }\n}\n\n/* menu buttons */\n.menu-toggle,\n.menubtn:not(.action-btn) {\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: var(--elements-busy-top-position);\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 var(--s) !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/* huge buttons */\n.btn.huge {\n padding: var(--l);\n line-height: 48px;\n height: 48px;\n}\n\n/* special buttons */\n.btn {\n &.submit,\n &.secondary {\n color: var(--white) !important;\n --ui-control-active-color: var(--white);\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 &[aria-expanded='true'] {\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 &[aria-expanded='true'] {\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.secondary-buttons\n .btn.submit:not(.disabled):not(.inactive):not(.loading)[aria-expanded='true'],\n.btn.secondary: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(\n .loading\n )[aria-expanded='true'] {\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 &[aria-expanded='true'] {\n background-color: transparentize($grey200, 0.75);\n }\n }\n}\n\n/* chevron buttons */\n.chevron-btns {\n display: flex;\n justify-content: flex-start;\n\n .btn {\n position: relative;\n padding: 0;\n border-radius: 0;\n background-color: transparent;\n\n &.current-step,\n &.active-drop-target {\n color: var(--white);\n --text-color: var(--white);\n --ui-control-color: var(--white);\n --ui-control-bg-color: var(--gray-500);\n --ui-control-hover-bg-color: #{darken($grey500, 5%)};\n --ui-control-active-bg-color: #{darken($grey500, 10%)};\n }\n\n &.current-step {\n @include light-on-dark-text;\n @include light-focus-ring;\n }\n\n &:focus {\n z-index: 1;\n box-shadow: none;\n\n .label {\n z-index: 1;\n box-shadow: var(--focus-ring);\n }\n\n .reduce-focus-visibility &:not(:focus-visible) .label {\n box-shadow: none;\n }\n }\n\n .reduce-focus-visibility &:focus-visible .label {\n box-shadow: var(--focus-ring);\n }\n\n &:not(.has-action-menu) {\n @include padding-right(calc(var(--ui-control-height) / 2));\n @include margin-right(2.8px);\n\n &:not(.current-step[data-disclosure-trigger]) .btn-body {\n @include padding-right(5px);\n }\n }\n\n &.current-step[data-disclosure-trigger] .btn-body {\n @include padding-left(8px);\n\n .label {\n padding: 3px;\n\n &:after {\n @include angle;\n position: relative;\n }\n }\n }\n\n .btn-body {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n height: var(--ui-control-height);\n background-color: var(--ui-control-bg-color);\n\n [data-icon] {\n --ui-control-height: calc((13rem / 16)); // 1rem == 16px\n text-align: center;\n @include margin-right(0);\n }\n }\n\n .label {\n display: inline-flex;\n align-items: center;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n &.has-action-menu .btn-body {\n @include padding-right(1px);\n @include margin-right(0);\n }\n\n .chevron-right,\n .chevron-left {\n position: absolute;\n top: 0;\n height: 100%;\n width: calc(var(--ui-control-height) / 2);\n }\n\n .chevron-left {\n @include left(0);\n border-top: calc(var(--ui-control-height) / 2) solid\n var(--ui-control-bg-color);\n @include border-left(\n calc(var(--ui-control-height) / 2) solid transparent\n );\n\n &:after {\n display: block;\n content: '';\n font-size: 0;\n position: absolute;\n bottom: 0;\n @include right(0);\n border-bottom: calc(var(--ui-control-height) / 2) solid\n var(--ui-control-bg-color);\n @include border-left(\n calc(var(--ui-control-height) / 2) solid transparent\n );\n }\n }\n\n .chevron-right {\n @include right(0);\n border-top: calc(var(--ui-control-height) / 2) solid transparent;\n border-bottom: calc(var(--ui-control-height) / 2) solid transparent;\n @include border-left(\n calc(var(--ui-control-height) / 2) solid var(--ui-control-bg-color)\n );\n }\n }\n\n ol {\n position: relative;\n @include padding-left(0);\n list-style-type: none;\n display: flex;\n\n li {\n &.first-step .btn {\n .btn-body {\n @include padding-left(14px);\n @include border-radius(\n var(--ui-control-border-radius),\n 0,\n 0,\n var(--ui-control-border-radius)\n );\n }\n\n .chevron-left {\n display: none;\n }\n }\n\n &:not(.first-step) .btn {\n @include margin-left(calc(-1 * (var(--ui-control-height) / 2)));\n @include padding-left(calc(var(--ui-control-height) / 2));\n\n .btn-body {\n @include padding-left(7px);\n }\n }\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):not(.noteditable) {\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 max-width: 100%;\n padding-left: 7px;\n padding-right: 7px;\n\n span {\n flex-grow: 1;\n padding: 7px 0;\n color: var(--medium-text-color);\n cursor: default;\n overflow: auto;\n overflow-wrap: break-word;\n hyphens: auto;\n\n &[data-toggle='on'] {\n @include margin-left(7px);\n }\n\n &[data-toggle='off'] {\n @include margin-right(7px);\n text-align: right;\n\n body.rtl & {\n text-align: left;\n }\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 min-width: 34px;\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: calc(30rem / 16);\n height: calc(30rem / 16);\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 @include focus-styles {\n box-shadow:\n inset 0 0 0 1px var(--hairline-color),\n 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 --pane-y-padding-default: calc(var(--xl) - 2px);\n --pane-x-padding-default: calc(var(--padding) - 2px);\n margin: calc(var(--pane-padding, var(--pane-y-padding-default)) * -1)\n calc(var(--pane-padding, var(--pane-x-padding-default)) * -1)\n calc(\n var(--pane-padding, var(--padding)) * -1 + var(--pane-padding, var(--m))\n );\n padding: 0 !important;\n overflow-x: auto;\n\n table.data {\n th,\n td {\n &:first-child {\n @include padding-left(var(--m));\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% - 8rem / 16);\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(\n var(--border-radius, var(--small-border-radius))\n );\n @include border-bottom-left-radius(\n var(--border-radius, var(--small-border-radius))\n );\n }\n &:last-child {\n @include border-top-right-radius(\n var(--border-radius, var(--small-border-radius))\n );\n @include border-bottom-right-radius(\n var(--border-radius, var(--small-border-radius))\n );\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: var(--s);\n padding-bottom: var(--s);\n }\n\n th {\n white-space: nowrap;\n vertical-align: middle;\n\n &.orderable {\n position: relative;\n padding: 0 !important;\n\n body:not(.dragging) &: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(var(--m));\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(35px);\n font: inherit;\n width: 100%;\n padding: var(--pane-padding, var(--m)) var(--m);\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 --hover-bg-color: var(--gray-050);\n --selected-bg-color: var(--dark-sel-color);\n\n &:not(.disabled) {\n &:hover {\n th,\n td {\n background-color: var(--hover-bg-color);\n }\n }\n\n &:focus {\n position: relative;\n z-index: 1;\n }\n\n &.sel,\n &.active-drop-target {\n --text-color: var(--white);\n --medium-dark-text-color: var(--white);\n --medium-text-color: var(--white);\n --light-text-color: var(--white);\n --link-color: var(--white);\n --ui-control-color: var(--white);\n @include custom-color-focus-ring(hsl(var(--light-focus-hsl)));\n\n th,\n td {\n color: var(--white);\n background-color: var(--selected-bg-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 tr.sel:not(.draggee) + tr.sel:not(.draggee) {\n th,\n td {\n border-top-color: var(--gray-300);\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 background-color: var(--white);\n @include shadow;\n}\n\n.datatablesorthelper,\n.datatablesorthelper .chip,\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.chip,\n.card {\n color: var(--custom-text-color, var(--text-color));\n background-color: var(--custom-bg-color, var(--gray-050));\n}\n\n/* chips */\n.chip {\n position: relative;\n display: inline-flex;\n align-items: center;\n cursor: default;\n user-select: none;\n font-weight: normal;\n padding: var(--xs) var(--s);\n max-width: 100%;\n gap: var(--xs);\n border-radius: var(--large-border-radius);\n\n &.small {\n flex-direction: row;\n height: calc(26rem / 16 + 8px);\n --thumb-size: calc(30rem / 16);\n\n & > .thumb {\n margin: calc(var(--xs) * -1 + 2px) calc(var(--s) * -1 + 2px);\n @include margin-right(2px);\n\n &.cp-icon {\n @include margin-left(-2px);\n --thumb-size: 1rem; // 16px\n }\n }\n }\n\n &.large {\n flex-direction: column;\n --thumb-size: 120px;\n min-width: calc(var(--s) * 2 + var(--thumb-size));\n\n .chip-content {\n width: 100%;\n }\n }\n\n .chip-content {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: var(--s);\n max-width: 100%;\n\n .status,\n .icon {\n @include margin-right(0);\n }\n\n .icon {\n margin: -4px -1px 0;\n }\n }\n\n &.sel,\n li.sel &,\n li.active-drop-target & {\n --text-color: var(--white);\n --custom-text-color: var(--white) !important;\n --medium-dark-text-color: var(--white);\n --medium-text-color: var(--white);\n --light-text-color: var(--white);\n --link-color: var(--white);\n --ui-control-color: var(--white);\n @include custom-color-focus-ring(hsl(var(--light-focus-hsl)));\n color: var(--white);\n background-color: var(\n --custom-sel-bg-color,\n var(--dark-sel-color)\n ) !important;\n\n .cp-icon {\n --icon-color: var(--white) !important;\n }\n }\n\n &.sel,\n .sel & {\n cursor: default;\n\n .thumb {\n filter: brightness(0.85);\n\n img {\n box-shadow:\n 0 0 0 1px transparentize($darkSelColor, 0.9),\n 0 6px 4px -4px transparentize($darkSelColor, 0.8);\n }\n }\n }\n\n .offset-drag-helper & {\n background-color: var(--gray-050);\n @include shadow;\n }\n\n & > .thumb {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n width: var(--thumb-size);\n height: var(--thumb-size);\n\n &.rounded {\n img,\n svg {\n border: var(--xs) solid transparent;\n border-radius: 50%;\n }\n }\n\n &.checkered img {\n @include checkered-bg(8px);\n }\n\n img,\n svg {\n display: block;\n flex-shrink: 0;\n border-radius: var(--small-border-radius);\n max-width: 100%;\n max-height: 100%;\n }\n }\n}\n\n.cp-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: var(--icon-size);\n height: var(--icon-size);\n max-width: var(--icon-size);\n\n svg {\n width: var(--icon-size);\n height: var(--icon-size);\n max-width: var(--icon-size) !important;\n max-height: var(--icon-size) !important;\n @include svg-mask(var(--icon-color, var(--ui-control-color)));\n }\n\n &.large {\n --icon-size: calc(20rem / 16);\n }\n\n &.small {\n --icon-size: calc(14rem / 16);\n }\n\n &.puny {\n --icon-size: calc(12rem / 16);\n }\n}\n\n.chips,\n.cards {\n display: flex;\n --custom-bg-color: initial;\n --custom-text-color: initial;\n --custom-sel-bg-color: initial;\n\n &:not(.inline-chips) {\n flex-direction: column;\n }\n\n li {\n max-width: 100%;\n }\n}\n\n.cards {\n gap: var(--s);\n}\n\n.chips {\n align-items: flex-start;\n gap: var(--xs);\n}\n\n.inline-chips {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n align-items: center;\n gap: var(--xs);\n\n .chip {\n margin: 0 !important;\n }\n}\n\n/** cards */\n.card {\n position: relative;\n display: flex;\n flex-direction: row;\n align-items: stretch;\n padding: var(--m);\n gap: var(--m);\n border-radius: var(--large-border-radius);\n cursor: default;\n user-select: none;\n width: 100%;\n\n &:after {\n border-radius: var(--large-border-radius);\n }\n\n &.sel,\n li.sel & {\n --text-color: var(--white);\n --custom-text-color: var(--white) !important;\n --medium-dark-text-color: var(--white);\n --medium-text-color: var(--white);\n --light-text-color: var(--white);\n --link-color: var(--white);\n --ui-control-color: var(--white);\n @include custom-color-focus-ring(hsl(var(--light-focus-hsl)));\n color: var(--white);\n background-color: var(\n --custom-sel-bg-color,\n var(--dark-sel-color)\n ) !important;\n\n & > .thumb {\n background-color: var(--dark-sel-color) !important;\n filter: brightness(0.85);\n }\n }\n\n & > .thumb {\n position: relative;\n display: flex;\n align-items: stretch;\n margin: calc(var(--m) * -1);\n @include margin-right(0);\n width: 120px;\n min-width: 120px; // needed for flex\n min-height: calc(var(--m) * 2 + var(--lh) * 3 + var(--xs));\n background-color: var(--gray-100);\n overflow: hidden;\n\n &:after {\n display: block;\n content: '';\n font-size: 0;\n position: absolute;\n top: 0;\n bottom: 0;\n @include shadow();\n width: 10px;\n\n body.ltr & {\n right: -10px;\n }\n\n body.rtl & {\n left: -10px;\n }\n }\n\n &,\n &:after {\n @include border-radius(\n var(--large-border-radius),\n 0,\n 0,\n var(--large-border-radius)\n );\n }\n\n img,\n svg {\n width: 100%;\n max-height: 120px;\n object-fit: cover;\n }\n }\n\n & > .cp-icon {\n @include margin(0, -4px, 0, -2px);\n }\n\n .card-content,\n .card-content .card-body {\n display: flex;\n flex-direction: column;\n gap: var(--xs);\n flex: 1;\n }\n\n .card-content {\n margin: calc((1rem - var(--lh)) / 2) 0;\n flex: 1 0 0 !important;\n overflow: hidden;\n position: relative;\n --focus-ring: var(--inner-focus-ring);\n\n .card-heading {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 5px;\n\n .status {\n margin: 0;\n flex: 0 0 10px;\n }\n\n .label {\n font-weight: 600;\n }\n }\n\n .card-body {\n &:empty {\n display: none;\n }\n\n & > * {\n --max-lines: 2;\n margin: 0;\n max-height: calc(var(--lh) * var(--max-lines));\n overflow: hidden;\n text-wrap: pretty;\n }\n }\n }\n\n & > .card-actions-container {\n display: flex;\n align-items: flex-start !important;\n position: relative;\n }\n}\n\n.card-grid {\n display: grid !important;\n gap: var(--s) !important;\n grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));\n\n & > li {\n border-radius: var(--large-border-radius);\n\n & > .card {\n margin: 0 !important;\n height: 100%;\n }\n }\n}\n\n.context-label,\n.context-menu-container {\n display: inline-flex;\n align-items: center;\n @include margin-left(var(--xs));\n height: var(--touch-target-size);\n padding: 0 var(--s);\n font-size: 11px;\n font-weight: normal;\n text-decoration: none !important;\n color: var(--light-text-color);\n border-radius: calc(var(--touch-target-size) / 2);\n border: 1px solid var(--medium-hairline-color);\n}\n\n.context-menu-container {\n @include padding-right(0);\n\n .menubtn:not(.action-btn) {\n @include margin(0, -1px, 0, 0);\n @include padding-right(2px !important);\n @include border-left(1px solid var(--medium-hairline-color));\n @include border-radius(\n 0,\n calc(var(--touch-target-size) / 2),\n calc(var(--touch-target-size) / 2),\n 0\n );\n\n &:hover {\n border-color: var(--dark-hairline-color) !important;\n }\n }\n\n > * {\n display: inline-block;\n @include padding-right(var(--s));\n }\n}\n\n// fix for context menus that are only children\n.context-menu-container .menubtn:not(.action-btn):only-child,\n.context-menu-container\n .visually-hidden:first-child\n + .menubtn:not(.action-btn):last-child {\n margin: 0 calc(var(--s) * -1);\n border-left: none !important;\n border-radius: calc(var(--touch-target-size) / 2) !important;\n}\n\n.chip,\n.card {\n // prevent double focus ring (chip/card already gets it)\n .checkbox:before {\n box-shadow: none !important;\n }\n\n .label {\n display: flex;\n align-items: center;\n gap: var(--xs);\n overflow: hidden;\n\n .label-link {\n flex: 1 1 0;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n\n &:focus {\n box-shadow: var(--inner-focus-ring);\n }\n }\n\n .segment:after {\n display: inline-flex !important;\n position: relative;\n top: -2px;\n @include margin(0, 5px, 0, 2px);\n @include angle(right, var(--light-text-color), calc(1rem / 16));\n\n .sel & {\n @include angle(right, var(--white), calc(1rem / 16));\n }\n }\n }\n\n & > .chip-content > .chip-actions,\n & > .card-actions-container > .card-actions {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: var(--s);\n min-height: 1rem;\n\n &:empty {\n display: none;\n }\n\n & > .status {\n margin: 0;\n }\n\n & > .action-btn,\n & > .move {\n @include touch-target;\n margin: 0 -4px;\n &:before {\n color: var(--custom-text-color, var(--ui-control-color));\n }\n }\n\n .action-btn {\n background-color: transparent;\n\n &:before {\n @include margin-right(0 !important);\n }\n\n &:hover,\n &:active,\n &[aria-expanded='true'] {\n backdrop-filter: brightness(90%);\n }\n }\n\n .move {\n margin-top: -3px !important;\n }\n }\n\n &.error .label .label-link {\n color: var(--error-color);\n }\n}\n\n.element-index {\n .source-path {\n background-color: var(--gray-050);\n border-radius: 3px;\n --ui-control-bg-color: var(--light-sel-color);\n --ui-control-hover-bg-color: #{darken($lightSelColor, 5%)};\n --ui-control-active-bg-color: #{darken($lightSelColor, 10%)};\n\n .chevron-btns {\n display: inline-flex;\n position: relative;\n background: $white;\n --ui-control-height: calc((30rem / 16)); // 1rem == 16px\n\n &:before {\n display: block;\n content: '';\n font-size: 0;\n position: absolute;\n top: 0;\n width: 0;\n height: 0;\n @include right(0);\n border-top: calc(var(--ui-control-height) / 2) solid $grey050;\n @include border-left(\n calc(var(--ui-control-height) / 2) solid transparent\n );\n }\n\n &:after {\n display: block;\n content: '';\n font-size: 0;\n position: absolute;\n top: calc(var(--ui-control-height) / 2);\n @include right(0);\n border-bottom: calc(var(--ui-control-height) / 2) solid $grey050;\n @include border-left(\n calc(var(--ui-control-height) / 2) solid transparent\n );\n }\n\n .btn {\n --ui-control-border-radius: 3px;\n }\n }\n\n .btn.settings {\n box-shadow: 0 0 0 2px var(--white);\n }\n }\n\n &.main {\n .source-path {\n margin: -22px calc(var(--padding) * -1 + 2px) 24px;\n }\n }\n\n .elementselectormodal & {\n .source-path {\n margin-bottom: 2px;\n }\n }\n\n &.pane {\n .toolbar {\n position: relative;\n z-index: 2;\n margin: calc(var(--pane-padding) * -1) calc(var(--pane-padding) * -1)\n var(--pane-padding) !important;\n border-radius: calc(var(--large-border-radius) - 1px)\n calc(var(--large-border-radius) - 1px) 0 0;\n padding: var(--pane-padding);\n box-shadow: 0 1px 0 var(--hairline-color);\n background-color: var(--gray-050);\n }\n\n .header {\n padding-top: var(--pane-padding);\n padding-bottom: var(--pane-padding);\n background-color: transparent;\n border-bottom: 1px solid var(--hairline-color);\n }\n\n .elements {\n --border-radius: 0;\n\n .tableview table.data thead {\n th,\n td {\n border-bottom: 1px solid var(--hairline-color);\n &:not(.ordered) {\n background-color: transparent;\n }\n }\n }\n }\n\n .footer {\n border-radius: 0 0 calc(var(--large-border-radius) - 1px)\n calc(var(--large-border-radius) - 1px) !important;\n box-shadow: none;\n border-top: 1px solid var(--hairline-color);\n background: transparent;\n }\n }\n}\n\n.elements {\n position: relative;\n\n &:not(.busy) {\n .update-spinner {\n display: none;\n }\n }\n\n &.busy {\n min-height: 72px;\n\n &:after {\n display: block;\n content: '';\n font-size: 0;\n position: absolute;\n z-index: 100;\n top: 0;\n left: calc(var(--pane-padding, 24px) * -1);\n width: calc(100% + var(--pane-padding, 24px) + var(--pane-padding, 24px));\n height: 100%;\n background: transparentize($white, 0.25);\n border-radius: var(--large-border-radius);\n }\n\n .update-spinner {\n z-index: 101;\n }\n }\n\n .header {\n margin: calc(var(--xl) * -1 + 2px) calc(var(--padding) * -1 + 2px) var(--xl);\n padding: var(--s);\n background-color: var(--gray-050);\n box-shadow: none;\n border-radius: var(--border-radius, var(--small-border-radius));\n\n &:after {\n content: '';\n }\n\n .selectallcontainer {\n display: flex;\n align-items: center;\n gap: 5px;\n cursor: default;\n }\n }\n\n .tableview tr.draggee th,\n .tableview tr.draggee td,\n .thumbsview li.draggee {\n opacity: 0.25;\n }\n\n // table views\n .tableview {\n th {\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 .enabled-label {\n margin-left: var(--xs);\n }\n }\n\n .chip {\n background-color: transparent;\n }\n }\n\n // thumbs views\n .thumbsview {\n display: grid;\n gap: var(--xs);\n grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));\n\n li {\n position: relative;\n @include margin(0, 1px, 1px, 0);\n max-width: 226px;\n border-radius: var(--large-border-radius);\n\n &:hover {\n .chip {\n background-color: var(--gray-050);\n }\n }\n\n &.sel {\n a {\n cursor: pointer !important;\n\n &:hover {\n text-decoration: underline;\n }\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/* 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(--gray-200));\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 .chip {\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.elementselect .elements:not(:empty),\n.componentselect .components:not(:empty) {\n & + .flex {\n margin-top: var(--s);\n }\n}\n\n/* element select fields */\n.elementselect {\n position: relative;\n min-height: 34px;\n\n .flex,\n .btn {\n clear: both;\n }\n\n .chip {\n z-index: 1;\n }\n\n .structure {\n .chip {\n margin-top: var(--xs);\n }\n\n & > li {\n @include padding-left(0);\n }\n\n ul {\n @include margin-left(14px);\n\n li {\n background-position: 0 6px !important;\n }\n }\n }\n}\n\n/* nested element cards */\n.nested-element-cards {\n display: flex;\n flex-direction: column;\n gap: var(--s);\n\n & > .pane {\n margin: 0;\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.heading,\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(\n calc(var(--large-border-radius) - 1px)\n );\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 .editable-table-preview {\n @include alignleft;\n white-space: pre-wrap;\n\n & + textarea {\n opacity: 0;\n height: 0;\n min-height: 0;\n padding-top: 0;\n padding-bottom: 0;\n }\n }\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 .editable-table-preview {\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: calc(100% - 29px);\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 position: relative;\n @include margin-right(10px);\n width: calc(12rem / 16);\n height: calc(12rem / 16);\n border: 1px solid transparent;\n border-radius: 100%;\n box-sizing: border-box;\n background-clip: border-box;\n\n body.use-shapes & {\n &.all {\n rotate: 45deg;\n background-image: linear-gradient(30deg, #184cef, #e5422b);\n }\n\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 &.all,\n &.off,\n &.suspended,\n &.expired {\n border-radius: 2px;\n transform: scale(90%);\n }\n }\n}\n\n.status:not(.on):not(.live):not(.active):not(.enabled):not(.all) {\n &:not(.pending):not(.warning):not(.off):not(.suspended):not(.expired) {\n &:not(.light):not(.gray):not(.red):not(.orange):not(.amber):not(.yellow) {\n &:not(.lime):not(.green):not(.emerald):not(.teal):not(.cyan):not(.sky) {\n &:not(.blue):not(.indigo):not(.violet):not(.purple):not(.fuchsia) {\n &:not(.pink):not(.rose):not(.grey):not(.black) {\n border-color: var(--ui-control-color);\n }\n }\n }\n }\n }\n}\n\n.status.all {\n background-image: linear-gradient(60deg, #184cef, #e5422b);\n background-origin: border-box;\n}\n.status.on,\n.status.live,\n.status.active,\n.status.enabled {\n background-color: var(--enabled-color);\n}\n.status.red,\n.bg-red,\n.status.off,\n.status.suspended,\n.status.expired {\n background-color: var(--disabled-color);\n}\n.status.warning {\n background-color: var(--warning-color);\n}\n.status.orange,\n.bg-orange,\n.status.pending {\n background-color: var(--pending-color);\n}\n.status.amber,\n.bg-amber {\n background-color: var(--amber-500);\n}\n.status.yellow,\n.bg-yellow {\n background-color: var(--yellow-500);\n}\n.status.lime,\n.bg-lime {\n background-color: var(--lime-500);\n}\n.status.green,\n.bg-green {\n background-color: var(--green-600);\n}\n.status.emerald,\n.bg-emerald {\n background-color: var(--emerald-500);\n}\n.status.teal,\n.bg-teal,\n.status.turquoise,\n.bg-turquoise {\n background-color: var(--teal-500);\n}\n.status.cyan,\n.bg-cyan {\n background-color: var(--cyan-500);\n}\n.status.sky,\n.bg-sky {\n background-color: var(--sky-500);\n}\n.status.blue,\n.bg-blue {\n background-color: var(--blue-600);\n}\n.status.indigo,\n.bg-indigo {\n background-color: var(--indigo-500);\n}\n.status.violet,\n.bg-violet {\n background-color: var(--violet-500);\n}\n.status.purple,\n.bg-purple {\n background-color: var(--purple-500);\n}\n.status.fuchsia,\n.bg-fuchsia {\n background-color: var(--fuchsia-500);\n}\n.status.pink,\n.bg-pink {\n background-color: var(--pink-500);\n}\n.status.rose,\n.bg-rose {\n background-color: var(--rose-500);\n}\n.status.light {\n background-color: var(--gray-100);\n}\n.status.white,\n.bg-white {\n background-color: var(--white);\n}\n.status.black,\n.bg-black {\n background-color: var(--gray-800);\n}\n.status.gray,\n.bg-gray,\n.status.grey,\n.bg-grey {\n background-color: var(--gray-300);\n}\n\n.status.white,\n.status.disabled {\n opacity: 1;\n}\n\n.icon,\n.cp-icon,\n[data-icon],\n[data-icon-after] {\n &.warning {\n --icon-color: var(--warning-color);\n }\n &.red {\n --icon-color: var(--disabled-color);\n }\n &.orange {\n --icon-color: var(--pending-color);\n }\n &.amber {\n --icon-color: var(--amber-500);\n }\n &.yellow {\n --icon-color: var(--yellow-500);\n }\n &.lime {\n --icon-color: var(--lime-500);\n }\n &.green {\n --icon-color: var(--green-500);\n }\n &.emerald {\n --icon-color: var(--emerald-500);\n }\n &.teal {\n --icon-color: var(--teal-500);\n }\n &.cyan {\n --icon-color: var(--cyan-500);\n }\n &.sky {\n --icon-color: var(--sky-500);\n }\n &.blue {\n --icon-color: var(--blue-600);\n }\n &.indigo {\n --icon-color: var(--indigo-500);\n }\n &.violet {\n --icon-color: var(--violet-500);\n }\n &.purple {\n --icon-color: var(--purple-500);\n }\n &.fuchsia {\n --icon-color: var(--fuchsia-500);\n }\n &.pink {\n --icon-color: var(--pink-500);\n }\n &.rose {\n --icon-color: var(--rose-500);\n }\n &.white {\n --icon-color: var(--white);\n }\n &.black {\n --icon-color: var(--gray-800);\n }\n &.gray {\n --icon-color: var(--gray-300);\n }\n}\n\n.warning,\n.red,\n.orange,\n.amber,\n.yellow,\n.lime,\n.green,\n.emerald,\n.teal,\n.cyan,\n.sky,\n.blue,\n.indigo,\n.violet,\n.purple,\n.fuchsia,\n.pink,\n.rose,\n.white,\n.black,\n.gray {\n &[data-icon]:before,\n &[data-icon-after]:after {\n color: var(--icon-color) !important;\n }\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 --pane-padding: var(--xl);\n --border: 1px solid var(--hairline-color);\n @include pane;\n position: relative;\n margin: 14px 0;\n padding: var(--pane-padding);\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 &.dashed {\n background-color: transparent !important;\n box-shadow: none;\n border: 1px dashed var(--medium-hairline-color) !important;\n }\n\n &.hairline {\n background-color: transparent !important;\n box-shadow: none;\n border: 1px solid #{transparentize($inputColor, 0.75)} !important;\n }\n\n &.no-border {\n border: none !important;\n }\n\n &.padding-xs {\n --pane-padding: var(--xs);\n }\n &.padding-s {\n --pane-padding: var(--s);\n }\n &.padding-m {\n --pane-padding: var(--m);\n }\n &.padding-l {\n --pane-padding: var(--l);\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(--padding) * -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 --tab-label-color: var(--light-text-color);\n\n &.error {\n --highlight-color: var(--error-color) !important;\n --tab-label-color: var(--error-color) !important;\n }\n\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 var(--padding);\n white-space: nowrap;\n height: 50px;\n }\n\n &:hover {\n text-decoration: none;\n }\n\n @include focus-styles {\n box-shadow: none;\n\n .tab-label {\n box-shadow: var(--inner-focus-ring);\n }\n }\n\n &:not(.sel) {\n color: var(--custom-text-color, var(--tab-label-color));\n\n &:hover {\n backdrop-filter: brightness(95%);\n }\n }\n\n &.sel {\n --highlight-color: var(--gray-500);\n --tab-label-color: var(--text-color);\n position: relative;\n z-index: 1;\n cursor: default;\n box-shadow:\n inset 0 2px 0 var(--custom-text-color, var(--highlight-color)),\n 0 0 0 1px $hairlineColor,\n 0 2px 12px var(--custom-sel-tab-shadow-color, var(--gray-200));\n color: var(--tab-label-color);\n background-color: var(--white) !important;\n }\n\n span[data-icon] {\n @include margin-left(4px);\n }\n }\n }\n\n &#tabs: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 &.error {\n span[data-icon] {\n margin-right: 2px;\n }\n }\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:\n 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 &[aria-expanded='true'] {\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$min2ColWidth: 400px;\n\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:\n padding-left linear 100ms,\n 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 margin: 0;\n\n @media screen and (min-width: $min2ColWidth) {\n flex: 0 0 104px;\n @include margin-right(var(--s));\n line-height: 18px;\n }\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-top: var(--s);\n\n @media screen and (min-width: $min2ColWidth) {\n padding: 14px 0;\n }\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: 100%;\n\n @media screen and (min-width: $min2ColWidth) {\n width: calc(100% - 112px);\n }\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 gap: 0;\n\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):not(.first-child),\n & > .flex-fields + .field:not(.first-child) {\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.meta > .field > .input > .custom-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 .menubtn:not(.action-btn) {\n @include padding-left(0);\n justify-content: start;\n width: 100%;\n background-color: transparent;\n\n &:after {\n position: absolute;\n top: calc(50% - 5px);\n @include right(0);\n }\n }\n\n .label {\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\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 {\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 &.so-lp {\n position: absolute;\n top: var(--m);\n left: var(--m);\n width: calc(100% - var(--m) * 2);\n height: calc(100vh - var(--m) * 2);\n }\n\n body.has-debug-toolbar & {\n height: calc(100vh - 42px);\n }\n}\n\n.slideout {\n position: absolute;\n background-color: var(--white);\n box-shadow:\n 0 0 0 1px transparentize($grey400, 0.75),\n 0 25px 100px transparentize($grey900, 0.5) !important;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n padding: 24px var(--padding);\n pointer-events: all;\n container-type: inline-size;\n\n &.so-mobile,\n &.so-lp {\n width: 100% !important;\n height: 100% !important;\n left: 0;\n transition: top linear 250ms;\n will-change: top;\n }\n\n &.so-mobile {\n --padding: 14px;\n --neg-padding: -14px;\n }\n\n &:not(.so-mobile) {\n border-radius: var(--large-border-radius);\n }\n\n &:not(.so-mobile):not(.so-lp) {\n top: 8px;\n width: calc(50% - 8px);\n height: calc(100% - 16px);\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 padding-left: var(--padding);\n padding-right: var(--padding);\n z-index: 2;\n\n & > .so-toolbar {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: var(--xs);\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-body {\n flex: 1;\n margin: -24px var(--neg-padding);\n overflow: hidden auto;\n position: relative;\n\n &:not(:last-child) {\n margin-bottom: 0;\n }\n\n & > h1:not(:last-child) {\n padding-bottom: var(--s);\n border-bottom: 1px solid var(--hairline-color);\n }\n\n &.so-full-details,\n & > .so-sidebar {\n background-color: var(--gray-100) !important;\n }\n\n &:not(.so-full-details) {\n padding: 24px var(--padding);\n }\n\n & > .so-sidebar,\n &.so-full-details > .so-content > .details {\n box-sizing: border-box;\n padding: 0 var(--padding) var(--spacing);\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 .notes {\n padding-top: var(--m);\n padding-bottom: var(--m);\n }\n }\n\n & > .so-sidebar {\n position: absolute;\n top: 0;\n @include pane();\n width: 350px;\n height: 100%;\n max-width: 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 }\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@container (width > 700px) {\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 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: 5px var(--pane-padding, 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: calc(var(--pane-padding, 24px) * -1)\n calc(var(--pane-padding, 24px) * -1) var(--pane-padding, 24px);\n }\n\n .footer {\n margin: var(--pane-padding, 24px) calc(var(--pane-padding, 24px) * -1)\n calc(var(--pane-padding, 24px) * -1);\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 &.blurred {\n backdrop-filter: blur(10px);\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 &.tooltip-hud {\n display: block;\n }\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 }\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 & > .header {\n padding-top: 14px;\n padding-bottom: 14px;\n text-align: center;\n\n & + .body {\n height: calc(100% - 48px) !important;\n }\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 .header {\n margin: 0 0 var(--m);\n }\n\n .tableview table {\n tr {\n th,\n td {\n cursor: default;\n }\n\n // prevent double focus ring (the row already gets it)\n .checkbox:before {\n box-shadow: none !important;\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 selector modals & customize sources modal */\n.elementselectormodal,\n.customize-sources-modal {\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\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/* recent activity container */\n.activity-container {\n &:not(:last-child) {\n @include margin-right(var(--s));\n }\n\n ul {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n gap: var(--xs);\n\n li {\n .activity-btn {\n width: 30px;\n height: 30px;\n border-radius: 50%;\n display: block;\n\n .elementthumb {\n position: relative;\n width: 100%;\n height: 100%;\n border-radius: 50px;\n background: var(--gray-050);\n overflow: hidden;\n border: 2px solid var(--white);\n box-shadow: 0 1px 2px 1px transparentize($grey900, 0.9);\n\n img,\n svg {\n display: block;\n width: 100%;\n height: 100%;\n }\n }\n }\n\n &:not(:last-child) {\n @include margin-right(-10px);\n }\n }\n }\n}\n\n/* element index view menu */\n.element-index-view-menu {\n width: 400px;\n max-width: calc(100% - 20px);\n padding: 0 !important;\n\n .meta {\n padding-top: var(--s);\n padding-bottom: var(--s);\n }\n\n .table-columns-field {\n align-items: flex-start;\n\n .input {\n padding: 13px 0;\n }\n }\n\n .menu-footer {\n margin: 0 !important;\n padding: var(--s) var(--xl) !important;\n background-color: var(--gray-050);\n }\n}\n\n.element-index-view-menu-table-column {\n display: flex;\n align-items: flex-start;\n align-content: stretch;\n margin-bottom: 4px;\n\n .icon.move {\n @include margin-right(10px);\n position: relative;\n z-index: 1;\n }\n}\n\n/* sort fields */\n.sort-field {\n .input {\n .flex {\n .btngroup {\n .btn {\n width: 42px;\n }\n }\n\n .flex-grow {\n max-width: calc(100% - 85px - var(--s));\n }\n\n @media screen and (max-width: 350px) {\n flex-direction: column;\n\n & > * {\n width: 100%;\n }\n\n .flex-grow {\n max-width: none;\n }\n }\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 .so-content & {\n grid-template-columns: repeat(1, minmax(0, 1fr)) !important;\n }\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 .so-content & {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n }\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.login-modal-shade,\n#logoutwarningmodal,\n.login-modal,\n#elevatedsessionmodal,\n.prompt {\n z-index: 1001;\n}\n\n#logoutwarningmodal,\n#elevatedsessionmodal,\n.prompt {\n width: 500px;\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 div.elements {\n list-style: none;\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/* Alternative Text\n/* ----------------------------------------*/\n.video-transcript {\n background-color: var(--gray-050);\n overflow-y: scroll;\n font-size: 1rem;\n position: relative;\n\n @include focus-styles {\n // Unset default\n box-shadow: none;\n color: var(--white);\n background-color: var(--gray-800);\n }\n}\n\n.video-transcript__inner {\n margin-left: auto;\n margin-right: auto;\n max-width: 550px;\n padding: var(--xl);\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 &.padded {\n padding: var(--s) calc(var(--m) + var(--s));\n\n hr {\n margin: var(--s) calc((var(--m) + var(--s)) * -1);\n }\n\n ul {\n li {\n margin: 0 calc(var(--m) * -1);\n padding: 0 var(--m);\n\n a {\n border-radius: var(--large-border-radius);\n }\n }\n }\n\n .extralight {\n margin-top: 2px;\n }\n }\n\n h6,\n .h6 {\n &:first-child {\n margin-top: 14px !important;\n }\n }\n\n ul {\n &.padded {\n li {\n a,\n .menu-item,\n .menu-option {\n @include padding-left(calc(var(--m) + 18rem / 16));\n\n &.sel {\n &:not([data-icon]):before {\n @include floatleft;\n @include margin(4px, 0, 0, calc(-18rem / 16 - 4px));\n font-size: 14px;\n width: 14px;\n content: 'check';\n color: var(--ui-control-color);\n margin-top: 3px !important;\n }\n }\n }\n }\n }\n\n li {\n a,\n .menu-item,\n .menu-option {\n margin: 0 -14px;\n padding: 10px 14px;\n white-space: nowrap;\n font-size: 14px;\n -webkit-appearance: none;\n\n &:not(:last-child) {\n @include margin-right(0);\n }\n\n &:not(.flex):not(.hidden) {\n display: block;\n width: calc(100% + 28px);\n @include alignleft;\n }\n\n &.flex {\n [data-icon] {\n margin-top: -2px;\n }\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:\n 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 .go:after {\n color: inherit;\n }\n\n &:not(.menu--disclosure) ul li a,\n ul li .menu-item,\n ul li .menu-option {\n color: $menuOptionColor;\n text-decoration: none;\n cursor: default;\n }\n}\n\n.menu li {\n & > a,\n & > button {\n &[data-icon]:before,\n [data-icon]:before,\n span.icon:not([data-icon]) {\n display: inline-block;\n width: calc(14rem / 16);\n height: calc(14rem / 16);\n @include margin-left(-1px);\n @include margin-right(9px);\n }\n\n &[data-icon]:before,\n [data-icon]:before {\n position: relative;\n top: -2px;\n text-align: center;\n font-size: 14px;\n color: var(--ui-control-color);\n }\n\n span.icon:not([data-icon]) svg {\n display: block;\n position: relative;\n top: 1px;\n width: 100%;\n height: 100%;\n @include svg-mask(var(--icon-color, var(--ui-control-color)));\n }\n\n &.error {\n &[data-icon]:before,\n [data-icon]:before {\n color: var(--error-color);\n }\n\n span.icon:not([data-icon]) svg {\n @include svg-mask(var(--error-color));\n }\n }\n }\n}\n\n.menu:not(.menu--disclosure) ul li a:not(.sel):not(.disabled):hover,\n.menu:not(.menu--disclosure) ul li .menu-item:not(.sel):not(.disabled):hover,\n.menu:not(.menu--disclosure) ul li .menu-option:not(.sel):not(.disabled):hover,\n.menu:not(.menu--disclosure):not(:hover) ul li a:not(.sel):not(.disabled).hover,\n.menu:not(.menu--disclosure):not(:hover)\n ul\n li\n .menu-item:not(.sel):not(.disabled).hover,\n.menu:not(.menu--disclosure):not(:hover)\n ul\n li\n .menu-option:not(.sel):not(.disabled).hover {\n @include menu-item-active-styles;\n}\n.menu {\n hr.padded,\n .h6.padded,\n h6.padded {\n @include margin-left(20px);\n }\n}\n\n.menu--disclosure ul li {\n & > a:not(.crumb-link),\n & > .menu-item,\n & > .menu-option {\n &:hover {\n @include disclosure-link-hover-styles;\n }\n\n @include focus-styles {\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 .chip.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 .chip {\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.selectize-control.single .selectize-input:not(.no-arrow)::after {\n display: none;\n}\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: calc(var(--large-border-radius) - 1px);\n }\n }\n th:last-child,\n td:last-child {\n &,\n &.disabled:after {\n border-bottom-right-radius: calc(var(--large-border-radius) - 1px);\n }\n }\n }\n }\n}\n\n.text,\n.passwordwrapper,\n.border-box,\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 @include focus-styles {\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(calc(-27rem / 16), 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 border-radius: 1px;\n content: '';\n cursor: help;\n\n &.modified {\n background-color: var(--blue-600);\n box-shadow: 0 0 5px hsl(221, 83%, 53%, 15%);\n }\n\n &.outdated {\n background-color: var(--pending-color);\n box-shadow: 0 0 5px hsl(27, 96%, 61%, 15%);\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\n code {\n font-size: 1em !important;\n }\n\n .info {\n @include margin-left(5px);\n }\n }\n\n .t9n-indicator {\n position: relative;\n top: calc(-1rem / 16);\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 input:disabled,\n textarea:disabled {\n cursor: not-allowed;\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(--custom-text-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(calc(1rem + 5px));\n line-height: 1rem;\n min-height: 1rem;\n cursor: pointer;\n\n &,\n &:before {\n // set the border radius on the container too, for (some) focus rings\n border-radius: var(--small-border-radius);\n }\n\n &: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 }\n\n &:empty {\n @include padding-left(var(--checkbox-size));\n\n &:after {\n content: '';\n font-size: 0;\n }\n }\n\n .info {\n height: 16px;\n }\n}\n\ninput.checkbox:disabled + label,\n.disabled div.checkbox {\n cursor: not-allowed;\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.elementselectormodal\n .body\n .content\n .main\n .elements\n .disabled\n .checkbox: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:not(.matrixblock) div.checkbox:not(.indeterminate):before,\n.sel.matrixblock > .actions div.checkbox:not(.indeterminate):before,\n.elementselectormodal\n .body\n .content\n .main\n .elements\n .disabled\n .checkbox:before {\n content: 'check';\n font-size: 14px;\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.checkbox-icon {\n display: inline-flex;\n padding: 3px;\n background-color: var(--enabled-color);\n color: var(--white);\n border-radius: var(--small-border-radius);\n\n &:before {\n --checkbox-size: 14px;\n @include icon;\n content: 'check';\n line-height: var(--checkbox-size);\n font-size: var(--checkbox-size);\n }\n}\n\n.monaco-mouse-cursor-text {\n @include focus-styles {\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(calc(1rem + 5px));\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(calc(1rem + 5px));\n line-height: calc(24 / 14);\n cursor: pointer;\n}\n\ninput.radio:disabled + label,\n.disabled div.radio {\n cursor: not-allowed;\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: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 @include focus-styles {\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: calc(34rem / 16);\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\ntd.errors .text,\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: calc(50% - 7rem / 16);\n @include left(9px);\n color: var(--ui-control-color);\n }\n }\n\n .texticon-icon {\n position: absolute;\n top: calc((34rem / 16) / 2);\n transform: translateY(-50%);\n display: flex;\n justify-content: center;\n align-items: center;\n @include left(9px);\n }\n\n .text {\n @include padding-left(calc(26rem / 16));\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: calc((34rem / 16) / 2);\n transform: translateY(-50%);\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: 'filter';\n color: var(--medium-text-color);\n }\n\n &:hover {\n background-color: var(--gray-100);\n }\n\n &:active,\n &.active,\n &[aria-expanded='true'] {\n background-color: var(--gray-350);\n\n &:before {\n color: var(--white);\n }\n }\n }\n\n .text {\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-wrap: nowrap;\n flex-direction: row;\n align-items: center;\n gap: 5px;\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 }\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 @include focus-styles {\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-control .selectize-input.disabled,\n.custom-select.disabled {\n opacity: 1;\n cursor: not-allowed !important;\n pointer-events: auto !important;\n\n * {\n cursor: not-allowed !important;\n pointer-events: auto !important;\n }\n}\n\n.selectize .selectize-input {\n display: block;\n border-color: inherit;\n box-shadow: none;\n background-color: transparent;\n\n .item {\n max-width: 100%;\n\n span {\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n}\n\n.selectize.select .selectize-input:after {\n display: none;\n}\n\nbody .selectize-dropdown {\n border: none;\n z-index: 101;\n}\n\n/* single select styles */\n.selectize.select {\n @include placeholder-styles(var(--gray-700));\n height: 34px;\n\n &:not(.fullwidth) {\n width: 25em;\n max-width: 100%;\n }\n}\n\n.datetimewrapper .selectize.select:not(.fullwidth) {\n max-width: calc(100% - 29px);\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 {\n .selectize-dropdown {\n margin-top: 1px;\n\n [data-selectable],\n .option,\n .optgroup-header {\n @include menu-item-styles;\n }\n\n .optgroup {\n &:not(:first-child) {\n border-top: 1px solid var(--hairline-color);\n }\n padding-top: 5px;\n\n .option {\n padding-left: 24px;\n }\n }\n\n .optgroup-header {\n @include h6-styles;\n margin: 0;\n padding: 4px 0;\n }\n\n .active:not(.selected),\n .option:hover {\n background-color: var(--gray-100);\n }\n\n .selected {\n @include menu-item-active-styles;\n cursor: default !important;\n\n .light {\n color: inherit !important;\n }\n }\n }\n\n .selectize-dropdown-content {\n @include menu-styles;\n max-height: 70vh;\n\n .option {\n min-height: 18px;\n }\n\n & > div[data-value='new'] {\n &:before {\n @include icon;\n content: 'plus';\n margin-right: 5px;\n }\n\n &:after {\n content: '…';\n }\n }\n }\n\n &.no-scroll .selectize-dropdown-content {\n max-height: 200px; // default for selectize\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: 1rem;\n white-space: nowrap;\n\n a {\n position: relative;\n border: 1px solid var(--hairline-color);\n @include border-left(none);\n background-image: none;\n width: calc(8rem / 16 - 1px);\n height: calc(1rem - 2px);\n margin-left: 0;\n margin-top: 1px;\n margin-bottom: 1px;\n box-sizing: border-box;\n cursor: pointer;\n\n &:first-child {\n width: calc(8rem / 16);\n @include border-left(1px solid var(--gray-400) !important);\n }\n\n &:before {\n content: '';\n position: absolute;\n top: calc(-4rem / 16 - 1px);\n left: -1px;\n width: calc(100% + 2px);\n height: var(--touch-target-size);\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: 1rem;\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/* icon picker */\n.icon-picker {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: var(--xs);\n}\n\n.icon-picker--icon {\n display: flex;\n align-items: center;\n justify-content: center;\n @include input-styles;\n border-radius: var(--ui-control-border-radius);\n width: var(--ui-control-height);\n height: var(--ui-control-height);\n background: var(--gray-050);\n\n svg {\n width: calc(20rem / 16);\n height: calc(20rem / 16);\n @include svg-mask(var(--ui-control-color));\n }\n}\n\n.icon-picker-modal {\n --width: calc(var(--ui-control-height) * 10 + var(--s) * 9 + var(--xl) * 2);\n width: var(--width) !important;\n min-width: 0 !important;\n max-width: calc(100% - 20px) !important;\n\n .body {\n height: 100%;\n display: flex;\n flex-direction: column;\n gap: var(--l);\n\n .icon-picker-modal--list {\n flex: 1;\n position: relative;\n overflow: hidden;\n\n &:not(.loading) {\n .spinner {\n display: none;\n }\n }\n\n &.loading {\n &:after {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n content: '';\n background-color: rgba(255, 255, 255, 0.75);\n }\n\n .spinner {\n top: calc(50% - 10px);\n z-index: 1;\n }\n }\n\n ul {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: start;\n gap: var(--s);\n max-height: 100%;\n overflow: auto;\n\n .icon-picker--icon {\n --focus-ring: var(--inner-focus-ring);\n\n &:hover {\n border-color: var(--link-color);\n background-color: var(--blue-100);\n }\n }\n }\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/* 2FA setup page */\nbody.setup-2fa {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n min-height: 100%;\n\n #setup-2fa {\n display: flex;\n flex-direction: column;\n gap: var(--l);\n width: 550px;\n max-width: 100%;\n padding: var(--padding);\n\n #setup-2fa-intro {\n text-align: center;\n }\n\n #setup-2fa-btn {\n display: flex;\n justify-content: center;\n }\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-item-styles;\n overflow: hidden;\n text-overflow: ellipsis;\n\n &:hover,\n &.autosuggest__results-item--highlighted {\n @include menu-item-active-styles;\n cursor: pointer;\n }\n }\n}\n\n/* ----------------------------------------\n/* Matrix\n/* ----------------------------------------*/\n\n/* Matrix fields */\n.matrix {\n & > .buttons {\n margin-top: 10px;\n }\n}\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: 2px solid var(--gray-100);\n background-color: var(--white);\n\n &.static {\n .titlebar {\n @include padding-right(0);\n @include padding-left(14px);\n margin-bottom: 14px;\n }\n }\n\n & > .titlebar > .matrixblock-tabs .pane-tabs .menubtn:not(.action-btn),\n & > .actions .action-btn {\n padding: 0;\n width: var(--touch-target-size);\n height: var(--touch-target-size);\n color: var(--custom-text-color, var(--ui-control-color));\n background-color: transparent;\n\n &:hover {\n backdrop-filter: brightness(90%);\n }\n\n &:active,\n &[aria-expanded='true'] {\n backdrop-filter: brightness(85%);\n }\n }\n\n .flex-fields {\n --row-gap: var(--m) !important;\n }\n\n & > .titlebar {\n display: grid;\n grid-template-columns: auto 1fr;\n align-items: center;\n gap: var(--m);\n margin: 0 calc(var(--m) * -1);\n box-sizing: border-box;\n border-radius: calc(var(--large-border-radius) - 2px)\n calc(var(--large-border-radius) - 2px) 0 0;\n @include padding(5px, calc(var(--m) + 70px), 5px, var(--m));\n color: var(--custom-text-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: var(--gray-050);\n min-height: calc(var(--lh) + 10px);\n\n & > .preview {\n flex-grow: 1;\n min-width: 0;\n opacity: 0;\n transition: opacity linear 100ms;\n overflow: hidden;\n\n &:empty {\n display: none;\n }\n\n body.ltr & {\n mask-image: linear-gradient(\n to left,\n rgba(0, 0, 0, 0),\n rgba(0, 0, 0, 1) 12px\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) 12px\n );\n }\n\n span {\n opacity: 0.5;\n }\n }\n\n & > .matrixblock-tabs {\n flex: 1;\n min-width: 0;\n margin: -5px 0;\n\n .pane-tabs {\n margin: 0;\n @include padding-right(3px);\n\n [role='tablist'] {\n padding: 0 12px;\n\n &.scrollable {\n mask-image: linear-gradient(\n to right,\n rgba(0, 0, 0, 0),\n rgba(0, 0, 0) 12px,\n rgba(0, 0, 0) calc(100% - 12px),\n rgba(0, 0, 0, 0) 100%\n );\n }\n\n [role='tab'] {\n background-color: transparent;\n\n .tab-label {\n height: calc(var(--lh) + 10px);\n padding: 0 var(--m);\n }\n }\n }\n\n .menubtn:not(.action-btn) {\n margin-left: 0;\n margin-right: 0;\n\n &:not(:empty):not(.btn-empty)::after {\n @include margin-left(0px);\n }\n }\n }\n }\n\n & > .preview:first-child:empty + .matrixblock-tabs {\n @include margin-left(calc((var(--m) + 12px) * -1));\n\n [role='tab']:first-child {\n &,\n .tab-label {\n @include border-top-left-radius(\n calc(var(--large-border-radius) - 2px)\n );\n }\n }\n }\n }\n\n &.disabled-entry {\n & > .titlebar {\n @include padding-right(100px);\n }\n\n & > .actions {\n & > .status {\n &.off {\n display: block;\n }\n }\n }\n }\n\n &.collapsed {\n & > .titlebar {\n border-radius: calc(var(--large-border-radius) - 2px);\n\n & > .preview {\n opacity: 1;\n }\n }\n }\n\n & > .actions {\n display: flex;\n align-items: center;\n gap: var(--xs);\n position: absolute;\n top: 0;\n @include right(var(--m));\n cursor: default;\n min-height: calc(var(--lh) + 10px);\n\n & > * {\n margin: 0 !important;\n }\n\n & > .status {\n &.off {\n display: none;\n }\n }\n\n a:not([data-action]) {\n padding: 0;\n height: var(--touch-target-size);\n text-align: center;\n color: var(--dark-hairline-color);\n transform: color linear 100ms;\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: var(--l);\n }\n }\n\n & > .fields > .flex-fields > .field {\n &:before {\n display: none;\n }\n\n & > .status-badge {\n @include left(-2px);\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/* 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$red050: #fef2f2;\n$red100: #fee2e2;\n$red200: #fecaca;\n$red300: #fca5a5;\n$red400: #f87171;\n$red500: #ef4444;\n$red600: #dc2626;\n$red700: #b91c1c;\n$red800: #991b1b;\n$red900: #7f1d1d;\n\n$orange050: #fff7ed;\n$orange100: #ffedd5;\n$orange200: #fed7aa;\n$orange300: #fdba74;\n$orange400: #fb923c;\n$orange500: #f97316;\n$orange600: #ea580c;\n$orange700: #c2410c;\n$orange800: #9a3412;\n$orange900: #7c2d12;\n\n$yellow050: #fefce8;\n$yellow100: #fef9c3;\n$yellow200: #fef08a;\n$yellow300: #fde047;\n$yellow400: #facc15;\n$yellow500: #eab308;\n$yellow600: #ca8a04;\n$yellow700: #a16207;\n$yellow800: #854d0e;\n$yellow900: #713f12;\n\n$green050: #f0fdf4;\n$green100: #dcfce7;\n$green200: #bbf7d0;\n$green300: #86efac;\n$green400: #4ade80;\n$green500: #22c55e;\n$green600: #16a34a;\n$green700: #15803d;\n$green800: #166534;\n$green900: #14532d;\n\n$teal050: #f0fdfa;\n$teal100: #ccfbf1;\n$teal200: #99f6e4;\n$teal300: #5eead4;\n$teal400: #2dd4bf;\n$teal500: #14b8a6;\n$teal550: #11a697;\n$teal600: #0d9488;\n$teal700: #0f766e;\n$teal800: #115e59;\n$teal900: #134e4a;\n\n$cyan050: #ecfeff;\n$cyan100: #cffafe;\n$cyan200: #a5f3fc;\n$cyan300: #67e8f9;\n$cyan400: #22d3ee;\n$cyan500: #06b6d4;\n$cyan600: #0891b2;\n$cyan700: #0e7490;\n$cyan800: #155e75;\n$cyan900: #164e63;\n\n$blue050: #eff6ff;\n$blue100: #dbeafe;\n$blue200: #bfdbfe;\n$blue300: #93c5fd;\n$blue400: #60a5fa;\n$blue500: #3b82f6;\n$blue600: #2563eb;\n$blue700: #1d4ed8;\n$blue800: #1e40af;\n$blue900: #1e3a8a;\n\n$violet050: #f5f3ff;\n$violet100: #ede9fe;\n$violet200: #ddd6fe;\n$violet300: #c4b5fd;\n$violet400: #a78bfa;\n$violet500: #8b5cf6;\n$violet600: #7c3aed;\n$violet700: #6d28d9;\n$violet800: #5b21b6;\n$violet900: #4c1d95;\n\n$pink050: #fdf2f8;\n$pink100: #fce7f3;\n$pink200: #fbcfe8;\n$pink300: #f9a8d4;\n$pink400: #f472b6;\n$pink500: #ec4899;\n$pink600: #db2777;\n$pink700: #be185d;\n$pink800: #9d174d;\n$pink900: #831843;\n\n// submit button colors\n$primaryColor: $red600;\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: #1f5fea;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $textColor;\n$menuOptionActiveBackgroundColor: $grey050;\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:\n 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing:\n 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing:\n 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey500;\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\n@mixin sans-serif-font {\n font-family:\n system-ui,\n BlinkMacSystemFont,\n -apple-system,\n 'Segoe UI',\n 'Roboto',\n 'Oxygen',\n 'Ubuntu',\n 'Cantarell',\n 'Fira Sans',\n 'Droid Sans',\n 'Helvetica Neue',\n 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: never;\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\n@mixin angle($dir: down, $color: currentColor, $width: calc(2rem / 16)) {\n display: block;\n content: '';\n font-size: 0;\n width: calc(7rem / 16);\n height: calc(7rem / 16);\n border: solid $color;\n border-width: 0 $width $width 0;\n opacity: 0.8;\n position: relative;\n\n @if $dir == up {\n transform: rotate(225deg);\n top: 2px;\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:\n 0 0 0 1px $grey200,\n 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) !important;\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 custom-color-focus-ring($primary, $secondary: null) {\n @if $secondary != null {\n --focus-ring: 0 0 0 1px #{$primary}, 0 0 0 3px #{$secondary};\n } @else {\n --focus-ring: 0 0 0 3px #{$primary};\n }\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: calc(30rem / 16);\n height: calc(30rem / 16);\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:\n 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-item-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-item-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 color: var(--ui-control-color);\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// https://tailwindcss.com/docs/screen-readers#undoing-screen-reader-only-elements\n@mixin visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n\n@mixin not-visually-hidden {\n position: static;\n width: auto;\n height: auto;\n padding: 0;\n margin: 0;\n overflow: visible;\n clip: auto;\n white-space: normal;\n}\n\n@mixin readable {\n font-size: 16px;\n line-height: 22px;\n\n h1,\n .h1,\n h2,\n .h2,\n h3,\n .h3,\n h4,\n .h4,\n h5,\n .h5,\n h6,\n .h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1,\n .h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2,\n .h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3,\n .h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4,\n .h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5,\n .h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6,\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 .tip-dismiss-btn {\n position: absolute;\n top: 12px;\n @include right(12px);\n\n & + p {\n margin-top: 0;\n }\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(50px);\n border: 1px solid;\n\n &.dismissible {\n @include padding-right(36px);\n }\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: $linkColor;\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 opacity: 1;\n position: absolute;\n top: 15px;\n @include left(16px);\n font-size: 24px;\n width: 24px;\n }\n\n a[href] {\n color: currentColor;\n text-decoration: underline;\n }\n }\n }\n\n .go:after {\n font-size: 14px;\n }\n}\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(\n 45deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 135deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 45deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n ),\n linear-gradient(\n 135deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n );\n background-size: $size $size;\n background-position:\n 0 0,\n $halfSize 0,\n $halfSize -#{$halfSize},\n 0 $halfSize;\n}\n","@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\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\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 --sidebar-width: #{$sidebarWidth};\n --global-sidebar-width: #{$sidebarWidth};\n}\n\nhtml {\n -webkit-text-size-adjust: 100%;\n min-height: 100vh;\n}\n\nbody {\n min-height: 100vh;\n\n &.dragging * {\n cursor: move !important;\n cursor: grabbing !important;\n }\n\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 min-height: 100vh;\n\n @media screen and (prefers-reduced-motion: no-preference) {\n body.ltr & {\n transition: left 100ms cubic-bezier(0.33, 1, 0.68, 1);\n }\n\n body.rtl & {\n transition: right 100ms cubic-bezier(0.33, 1, 0.68, 1);\n }\n }\n}\n\n/* global sidebar */\n$sidebarLinkStaticColor: var(--gray-100);\n$sidebarLinkSecondaryColor: var(--gray-200);\n\n$systemInfoBgColor: darken($grey800, 5%);\n$systemInfoHoverBgColor: darken($grey800, 10%);\n\n#system-info {\n display: grid;\n grid-template-columns: var(--prefix-width) auto;\n gap: 10px;\n height: calc(45rem / 16);\n padding: 0 var(--gutter-width);\n position: relative;\n flex: 0 0 calc(45rem / 16);\n flex-direction: row;\n align-items: center;\n color: currentColor;\n border-bottom: 1px solid var(--hairline-color);\n background-clip: padding-box;\n\n &:after {\n display: none;\n }\n\n &:focus,\n &:hover {\n text-decoration: none;\n background-color: var(--gray-200);\n }\n}\n\n#site-icon {\n --size: var(--prefix-width); // Matches .sidebar-action__prefix\n height: var(--size);\n\n img,\n svg {\n display: block;\n width: var(--size);\n height: var(--size);\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}\n\n@media only screen and (min-width: $minFullUiWidth) {\n [data-sidebar='collapsed'] {\n #system-info:hover #system-name {\n opacity: 1;\n transform: translateY(-50%) translateX(0);\n }\n\n #system-name {\n position: absolute;\n left: calc(100% + (var(--s) * 2));\n top: 50%;\n transform: translateY(-50%) translateX(-5px);\n opacity: 0;\n @include pane;\n color: var(--text-color);\n border-radius: var(--medium-border-radius);\n padding: var(--xs) var(--s);\n white-space: nowrap;\n pointer-events: none;\n\n @media screen and (prefers-reduced-motion: no-preference) {\n transition:\n opacity 50ms cubic-bezier(0.33, 1, 0.68, 1),\n transform 150ms cubic-bezier(0.33, 1, 0.68, 1);\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 gap: var(--m);\n\n body.has-debug-toolbar & {\n padding-bottom: calc(var(--xl) + 42px);\n }\n\n a {\n white-space: nowrap;\n }\n}\n\n#app-info {\n display: flex;\n flex-direction: row;\n justify-content: center;\n gap: var(--m);\n}\n\n#trial-info {\n padding: 16px var(--xl);\n border-radius: var(--large-border-radius);\n background-color: hsl(212, 40%, 90%);\n box-shadow:\n inset 0 1px 0 rgba(255, 255, 255, 0.5),\n 0 0 0 1px hsl(212, 30%, 80%),\n 0 2px 12px transparentize($grey200, 0.5);\n text-align: center;\n}\n\n#app-version {\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 position: relative;\n top: -1px;\n user-select: none;\n border: 1px solid var(--gray-600);\n border-radius: 3px;\n display: inline-flex;\n box-sizing: content-box;\n font-size: 11px;\n padding: 6px 7px;\n line-height: 8px;\n font-weight: 600;\n letter-spacing: 1.7px;\n padding-right: 5px;\n text-transform: uppercase;\n}\n\n#devmode {\n margin-top: auto;\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 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: 6px solid var(--error-color);\n color: var(--error-color);\n\n & > li {\n padding: 10px 24px;\n box-shadow: inset 0 -1px 0 0 var(--red-100);\n\n .resolvable-alert-buttons {\n margin-top: var(--m);\n }\n\n .btn,\n a.go {\n display: inline-flex;\n align-items: center;\n border: 1px solid transparentize($errorColor, 0.5);\n border-radius: var(--medium-border-radius);\n padding: 4px 5px;\n margin: 0 2px;\n color: var(--error-color);\n height: calc(30rem / 16);\n\n .flex & {\n margin: 0;\n }\n\n &:hover {\n border-color: var(--error-color);\n }\n }\n\n a:not(.btn) {\n color: var(--error-color);\n text-decoration: underline;\n\n &.go {\n text-decoration: none;\n white-space: nowrap;\n\n &:after {\n color: var(--error-color);\n font-size: 15px;\n margin-top: 1px;\n }\n }\n }\n\n .btn {\n background-color: transparent;\n }\n }\n}\n\n#global-header .btn.menubtn,\nli.crumb .btn.menubtn,\n.btn.action-btn {\n padding: 0;\n width: var(--touch-target-size);\n height: var(--touch-target-size);\n\n &:not(:hover):not(:active):not([aria-expanded='true']) {\n background-color: transparent;\n }\n}\n\n#global-header {\n width: 100%;\n margin-bottom: var(--m);\n border-bottom: 1px solid var(--hairline-color);\n\n .flex {\n height: calc(44rem / 16);\n align-items: center;\n }\n\n .btn {\n --ui-control-color: var(--gray-400);\n --ui-control-hover-color: var(--gray-800);\n --ui-control-active-color: var(--gray-700);\n\n &:hover {\n color: var(--ui-control-hover-color);\n }\n }\n}\n\n.nav-toggle {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 44px;\n min-width: 44px;\n height: calc(44rem / 16);\n border-right: 1px solid var(--medium-hairline-color);\n line-height: 26px;\n color: currentColor;\n text-align: center;\n\n &:before {\n @include icon;\n content: 'menu';\n font-size: 16px;\n line-height: 0;\n }\n\n &:hover {\n color: var(--link-color);\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 max-width: 100%;\n overflow: hidden;\n\n &.empty {\n display: none;\n }\n\n nav {\n margin: 0;\n }\n}\n\n#primary-nav-toggle {\n &:focus-visible {\n box-shadow: var(--inner-focus-ring);\n }\n}\n\n#crumb-list {\n display: flex;\n flex-direction: row;\n align-items: stretch;\n flex-wrap: nowrap;\n max-width: 100%;\n height: calc(44rem / 16);\n\n --arrow-padding: 10;\n --arrow-height: 22;\n --arrow-angle: 35;\n --arrow-width: 17.1111; // height/(45/angle)\n --arrow-c: 27.871; // sqrt(height^2+width^2)\n\n body.rtl & {\n --arrow-angle: -35;\n --arrow-width: -19.4444;\n }\n\n li.crumb {\n position: relative;\n @include padding-left(calc(var(--arrow-width) * 0.5rem / 16));\n cursor: default;\n color: var(--light-text-color);\n\n &:not(.current) {\n @include padding-right(calc(var(--arrow-width) * 1rem / 16));\n\n &:before,\n &:after {\n display: block;\n content: '';\n width: 1px;\n height: calc(var(--arrow-c) * 1rem / 16);\n position: absolute;\n @include right(calc(var(--arrow-width) * 0.5rem / 16));\n background: var(--medium-hairline-color);\n pointer-events: none;\n }\n\n &:before {\n top: calc((var(--arrow-height) - var(--arrow-c)) / 2 * 1rem / 16);\n transform: rotate(calc(var(--arrow-angle) * -1deg));\n }\n\n &:after {\n bottom: calc((var(--arrow-height) - var(--arrow-c)) / 2 * 1rem / 16);\n transform: rotate(calc(var(--arrow-angle) * 1deg));\n }\n }\n }\n\n & .menu--disclosure {\n li {\n display: block;\n\n &::after {\n content: none;\n }\n }\n }\n}\n\n#crumb-menu-trigger {\n min-width: var(--touch-target-size);\n\n &:before {\n width: 100%;\n }\n}\n\n#crumb-menu {\n .chip {\n min-height: 44px;\n }\n}\n\nli.crumb {\n display: flex;\n align-items: center;\n flex-wrap: nowrap;\n gap: var(--xs);\n\n [data-icon] {\n position: relative;\n top: -1px;\n }\n\n .menubtn {\n position: relative;\n margin: 0 calc(var(--xs) * -1 / 2);\n }\n\n [data-icon='ellipsis']:before {\n margin-top: 3px;\n font-size: 17px;\n }\n\n .chip {\n padding: 0;\n background-color: transparent;\n --custom-bg-color: initial !important;\n --custom-text-color: initial !important;\n --custom-sel-bg-color: initial !important;\n\n .label-link {\n max-width: 15em;\n\n &:focus-visible {\n box-shadow: var(--inner-focus-ring);\n }\n\n span:not(.context-label) {\n display: block;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n }\n\n &:has(.menubtn) > a {\n margin-right: 0 !important;\n padding-right: var(--xs) !important;\n }\n\n & > a {\n flex: 1;\n display: flex !important;\n align-items: center;\n flex-wrap: nowrap;\n gap: var(--xs);\n white-space: nowrap;\n\n .menu--disclosure & {\n min-height: 34px;\n }\n }\n\n a,\n button {\n display: inline-flex;\n align-items: center;\n min-height: var(--touch-target-size);\n\n &:not(:hover) {\n color: var(--text-color);\n }\n\n &:hover {\n text-decoration: none;\n }\n }\n\n a {\n position: relative;\n }\n\n button {\n cursor: pointer;\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: calc(28rem / 16 + 10px);\n position: relative;\n\n &.unread:after {\n content: '';\n display: block;\n position: absolute;\n top: calc(3rem / 16);\n @include right(5px);\n width: calc(7rem / 16);\n height: calc(7rem / 16);\n border-radius: 50%;\n background-color: var(--blue-600);\n }\n\n svg {\n width: 1rem;\n height: 1rem;\n @include svg-mask(var(--ui-control-color));\n }\n\n &:hover,\n &:active,\n &.active {\n svg {\n @include svg-mask(var(--ui-control-active-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 &.unread .announcement__heading: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 .announcement__header {\n display: grid;\n }\n\n .announcement__heading {\n position: relative;\n margin: 0 0 3px;\n order: 1;\n }\n}\n\n#user-info {\n display: flex;\n flex-direction: row;\n align-items: center;\n @include padding-left(var(--s));\n @include padding-right(calc(var(--padding) + 1px));\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 img,\n svg {\n display: block;\n width: calc(30rem / 16);\n height: calc(30rem / 16);\n max-width: none;\n border-radius: 50%;\n box-shadow:\n 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:\n 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#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 body.has-debug-toolbar & {\n bottom: 50px;\n }\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:\n 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 word-break: normal;\n overflow-wrap: anywhere;\n }\n\n .notification-details {\n margin-top: var(--xs);\n\n .chip {\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@media only screen and (min-width: $minFullUiWidth) {\n #primary-nav-toggle {\n display: none;\n }\n\n #crumbs:not(.empty) #primary-nav-toggle + nav ul li:first-child,\n #crumbs.empty + .context-menu-container {\n @include margin-left(var(--padding));\n @include padding-left(0);\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: 5px var(--padding);\n position: relative;\n z-index: 2;\n box-sizing: border-box;\n background-color: transparentize($grey300, 1);\n box-shadow: 0 1px 0 transparentize($grey800, 1);\n transition:\n background-color linear 100ms,\n 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: 0 1px 0 transparentize($grey700, 0.9);\n }\n\n @supports (backdrop-filter: blur(10px)) {\n & {\n transition:\n background-color linear 100ms,\n 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 justify-content: space-between;\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 .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#action-buttons {\n @media only screen and (max-width: 400px) {\n .btngroup .btn:first-child {\n flex-basis: 100%;\n }\n }\n\n @media only screen and (max-width: $minHorizontalUiWidth - 1px) {\n margin-top: 10px;\n }\n}\n\n#main-content {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n padding: 0 var(--padding) 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 position: relative;\n box-sizing: border-box;\n padding: 0 31px var(--m);\n width: $sidebarWidth;\n background-color: transparent;\n\n &.fixed {\n position: fixed;\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\n &:not(.sel) {\n &:hover {\n background-color: var(--gray-200);\n }\n }\n }\n }\n }\n}\n\n#content-container {\n flex: 1 1 auto;\n /*\n Admittedly I'm not totally sure why this is necessary, but it seems to be.\n We have to give #content-container some kind of \"hard\" width for it to properly\n clip the content when table cells are long.\n */\n width: 400px;\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) var(--padding);\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.footer {\n padding: 6px var(--pane-padding, var(--xl));\n min-height: 44px;\n line-height: calc(32rem / 16);\n\n .buttons {\n height: 32px;\n display: flex;\n align-items: center;\n }\n\n .btn {\n padding-top: 4px;\n padding-bottom: 4px;\n height: var(--ui-control-height--small);\n }\n}\n\n#footer {\n position: sticky;\n bottom: 0;\n z-index: 1;\n margin: calc(var(--xl) + 1px) calc(var(--padding) * -1 + 2px)\n calc(var(--xl) * -1 + 2px);\n background-color: var(--gray-050);\n border-radius: var(--small-border-radius);\n box-sizing: border-box;\n\n &:empty {\n display: none;\n }\n\n &.stuck {\n border-radius: 0;\n\n @supports (backdrop-filter: blur(10px)) {\n & {\n background-color: transparentize($grey100, 0.25);\n backdrop-filter: blur(10px);\n }\n }\n }\n\n .has-debug-toolbar & {\n transition: padding linear 100ms;\n\n &.stuck {\n padding-bottom: 52px;\n }\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 z-index: 1;\n\n &.fixed {\n position: fixed;\n }\n\n .details {\n padding-bottom: calc(var(--xl) + 11.5em);\n\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\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\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: var(--large-border-radius);\n padding-top: var(--m);\n padding-bottom: var(--m);\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 .details {\n margin-bottom: auto;\n }\n }\n}\n\n// Tighten up the padding at < 768\n@media only screen and (max-width: 767px) {\n :root {\n --padding: var(--s);\n --neg-padding: calc(var(--s) * -1);\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 .card-grid {\n display: flex !important;\n flex-direction: column;\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: 0 var(--xl);\n\n &:not(:first-child) {\n margin-top: var(--m);\n }\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 & > ul {\n margin: 2px calc(var(--xl) * -1);\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 {\n & > li:not(.heading),\n & > li.heading > ul > li {\n @include nav-level(0);\n\n & > ul.nested > li {\n @include nav-level(1);\n\n & > ul.nested > li {\n @include nav-level(2);\n\n & > ul.nested > li {\n @include nav-level(3);\n\n & > ul.nested > li {\n @include nav-level(4);\n }\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 }\n\n &.sel,\n &.active-drop-target {\n cursor: default;\n background-color: var(--gray-500);\n\n &,\n & + .toggle {\n color: var(--white);\n }\n }\n\n &.sel {\n @include light-on-dark-text;\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 position: relative;\n top: 1px;\n @include margin-right(10px);\n flex-shrink: 1;\n width: toRem(18);\n height: toRem(18);\n word-break: normal;\n transition:\n margin-left linear 150ms,\n 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: 1rem;\n height: 1rem;\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: calc(11rem / 16);\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 &.heading,\n &.expanded {\n & > ul {\n display: block;\n }\n }\n }\n }\n}\n\n.error-summary {\n margin-bottom: var(--l);\n padding: var(--l) var(--xl) var(--xl);\n box-sizing: border-box;\n box-shadow:\n 0 0 0 1px #cdd8e4,\n 0 2px 12px rgba(205, 216, 228, 0.5);\n border-radius: var(--large-border-radius);\n background-color: var(--gray-050);\n\n .notification-icon {\n color: var(--error-color);\n margin: -2px 6px 0 0;\n float: left;\n }\n\n h2 {\n margin-top: var(--xs);\n }\n\n & > ul.errors li,\n & > ul.errors li a {\n color: var(--text-color);\n\n em {\n font-weight: 600;\n }\n\n &:hover {\n color: var(--link-color);\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.draghelper .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(:nth-child(-n + 1 of :not(.hidden))) {\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.draghelper.drag-in-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.draghelper.drag-in-slideout .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",".global-sidebar {\n --is-always-visible: true;\n --prefix-width: calc(30rem / 16);\n --prefix-ratio: 1;\n --gutter-width: calc(10rem / 16); // Left and right padding\n\n position: sticky;\n top: 0;\n z-index: $sidebarZIndex;\n display: flex;\n flex-direction: column;\n height: 100vh;\n padding: 0;\n -webkit-overflow-scrolling: touch;\n background-color: transparent;\n border-right: 1px solid var(--hairline-color);\n width: var(--global-sidebar-width);\n\n a {\n text-decoration: none;\n }\n\n & > a,\n *:not(.has-subnav) > a {\n &:not([href]) {\n cursor: default;\n background-color: transparent;\n }\n }\n\n @media only screen and (max-width: $minFullUiWidth - 1px) {\n --is-always-visible: false;\n }\n}\n\n.global-sidebar__nav {\n padding: var(--s) 0;\n}\n\n.global-sidebar__footer {\n margin-block-start: auto;\n display: grid;\n gap: var(--s);\n}\n\n.global-nav > ul {\n display: flex;\n flex-direction: column;\n gap: var(--s);\n}\n\n.global-nav > ul > li {\n position: relative;\n}\n\n.global-nav > ul > li.sel {\n}\n\n.nav-icon {\n display: inline-flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 1rem;\n aspect-ratio: 1;\n line-height: 0;\n\n --thumb-size: 1rem;\n\n > svg {\n @include svg-mask(currentColor);\n width: 100%;\n height: 100%;\n }\n}\n\n.nav-item {\n --gutter-width: calc(10rem / 16);\n display: grid;\n grid-template-columns: var(--gutter-width) 1fr var(--prefix-width) var(\n --gutter-width\n );\n grid-template-areas: '. action trigger .' 'subnav subnav subnav subnav';\n align-items: center;\n width: 100%;\n\n > .sidebar-action {\n grid-area: action;\n }\n\n [data-sidebar='collapsed'] & {\n grid-template-areas: '. action .' '. trigger .' 'subnav subnav subnav';\n grid-template-columns: var(--gutter-width) var(--prefix-width) var(\n --gutter-width\n );\n }\n}\n\n.nav-item__trigger {\n --icon-size: 10px;\n --trigger-size: var(--touch-target-size);\n grid-area: trigger;\n display: flex;\n z-index: 1;\n\n .menubtn {\n padding: 0;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: var(--trigger-size);\n height: var(--trigger-size);\n border: transparent;\n\n &:hover {\n background-color: var(--ui-control-bg-color);\n }\n\n &[aria-expanded='true']:not(:hover) {\n background-color: transparent;\n }\n\n &[aria-expanded='true']:after {\n @include angle(up);\n }\n\n &:after {\n margin-left: 0 !important;\n }\n }\n}\n\n.nav-item__subnav {\n --prefix-ratio: 4/3;\n @include visually-hidden;\n grid-area: subnav;\n\n &.is-open {\n @include not-visually-hidden;\n }\n}\n\n.badge {\n display: inline-flex;\n justify-content: center;\n text-align: center;\n flex-shrink: 1;\n font-size: 11px;\n line-height: 1rem;\n width: 1.1rem;\n height: 1rem;\n border-radius: var(--s);\n background-color: var(--medium-text-color);\n color: var(--white);\n}\n\n.sidebar-actions {\n padding: 10px var(--gutter-width); // match padding of #system-info\n}\n\n.sidebar-action {\n --thumb-size: 0.75rem;\n display: flex;\n width: 100%;\n align-items: center;\n position: relative;\n text-align: left;\n border-radius: var(--medium-border-radius);\n color: currentColor;\n cursor: pointer;\n gap: 7px; // magic number to align with system name\n min-height: 30px;\n\n &:before {\n content: '';\n position: absolute;\n left: calc((10rem / 16) * -1); // match #system-name\n top: 50%;\n height: 80%;\n transform: translateY(-50%);\n width: var(--xs);\n }\n\n &:focus-visible,\n &:hover {\n background-color: var(--gray-200);\n }\n\n &.sel {\n &:before {\n --indicator-size: 6px;\n background-color: currentColor;\n }\n }\n}\n\n.sidebar-action--sub {\n --indicator-size: 4px;\n font-size: 0.9em;\n min-height: 26px;\n\n &:before {\n width: var(--indicator-size);\n height: var(--indicator-size);\n border-radius: 100%;\n left: calc((30px / 2) - (var(--indicator-size) / 2));\n top: 50%;\n background-color: var(--gray-300);\n }\n}\n\n.sidebar-action--job {\n align-items: flex-start;\n\n .sidebar-action__label {\n padding-block: var(--xs);\n }\n\n &[href]:hover {\n background-color: transparent;\n\n .icon > span.icon > canvas#job-icon-hover {\n opacity: 1;\n }\n }\n\n .label {\n white-space: normal;\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 .nav-icon {\n display: block;\n position: relative;\n width: 16px;\n height: 16px;\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\n.sidebar-action__prefix {\n display: flex;\n align-items: center;\n justify-content: center;\n width: var(--prefix-width);\n aspect-ratio: var(--prefix-ratio);\n line-height: 0;\n flex-shrink: 0;\n}\n\n.sidebar-action__label {\n display: inline-flex;\n gap: var(--s);\n align-items: center;\n padding: 0 var(--xs);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n flex-grow: 1;\n}\n\n.sidebar-action__badge {\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: 0 var(--s);\n margin-left: auto;\n}\n\n/**\nStates\n */\n@media only screen and (min-width: $minFullUiWidth) {\n [data-sidebar='collapsed'] {\n .global-sidebar {\n --global-sidebar-width: calc(50rem / 16);\n }\n\n .nav-item__indicator {\n right: -1px;\n }\n\n .sidebar-action {\n width: var(--prefix-width);\n min-height: var(--prefix-width);\n\n &:focus-visible,\n &:hover {\n .sidebar-action__label {\n opacity: 1;\n transform: translateY(-50%) translateX(0);\n }\n }\n }\n\n .nav-item__trigger {\n .menubtn {\n width: 100%;\n height: auto;\n padding-block: 2px var(--xs);\n }\n }\n\n .sidebar-action__label {\n position: absolute;\n z-index: 10;\n left: calc(100% + (var(--xs) * 2));\n top: 50%;\n transform: translateY(-50%) translateX(-5px);\n opacity: 0;\n @include pane;\n color: var(--text-color);\n border-radius: var(--medium-border-radius);\n padding: var(--xs) var(--s);\n pointer-events: none;\n\n @media screen and (prefers-reduced-motion: no-preference) {\n transition:\n opacity 50ms cubic-bezier(0.33, 1, 0.68, 1),\n transform 150ms cubic-bezier(0.33, 1, 0.68, 1);\n }\n }\n\n .sidebar-action__badge {\n z-index: 100;\n position: absolute;\n right: calc(var(--xs) * -1);\n bottom: var(--xs);\n transform: translateY(25%);\n padding: 0;\n }\n\n .sidebar-action--sub {\n min-height: 26px;\n\n &:before {\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n }\n }\n\n .global-nav > ul > li + li {\n --separator-width: calc(28rem / 16);\n\n &:before {\n position: absolute;\n top: calc(var(--s) / -2);\n left: calc((var(--global-sidebar-width) - var(--separator-width)) / 2);\n content: '';\n width: var(--separator-width);\n height: 1px;\n margin: 0 auto;\n background-color: var(--hairline-color);\n }\n }\n }\n\n [data-sidebar='expanded'] {\n #sidebar-toggle-icon {\n transform: rotate(180deg);\n }\n }\n}\n\n#sidebar-trigger {\n display: none;\n\n @media only screen and (min-width: $minFullUiWidth) {\n display: flex;\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: 5px 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: #{44 + 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 .matrixblock > .fields > .flex-fields > .field > .status-badge {\n @include left(calc(var(--m) * -1));\n }\n }\n\n .lp-draghandle {\n position: absolute;\n z-index: 101;\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: 44px;\n }\n }\n\n .lp-device-type {\n .btn {\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-btn--phone::before {\n background-image: url(../images/preview/icon-phone.svg);\n }\n &.lp-device-type-btn--tablet::before {\n background-image: url(../images/preview/icon-tablet.svg);\n }\n &.lp-device-type-btn--desktop::before {\n background-image: url(../images/preview/icon-desktop.svg);\n }\n }\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-preview-container__bumper-link {\n top: unset;\n bottom: 0;\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% - 44px);\n width: 100%;\n background-color: var(--gray-100);\n\n @supports (backdrop-filter: blur(10px)) {\n top: 44px;\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:\n top center,\n 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 '../../../../../../node_modules/@craftcms/sass/mixins';\n\n.login-container {\n .login-form-container {\n background-color: var(--gray-050);\n }\n\n .login-form {\n input[readonly] {\n cursor: not-allowed;\n }\n\n & > .field,\n & > .btn {\n margin-top: var(--l);\n\n &:not(:last-child):not(.last) {\n margin-bottom: var(--l);\n }\n }\n\n .btn {\n display: flex;\n }\n }\n\n .alternative-login-methods {\n margin-top: var(--m);\n\n .btn {\n width: 100%;\n }\n }\n\n .login-forgot-password,\n .login-alt-container button {\n font-size: 11px;\n color: var(--medium-text-color);\n cursor: pointer !important;\n }\n\n .login-alt-container {\n margin: calc(var(--s) - var(--xl)) 0;\n\n button {\n display: inline-flex;\n background-color: transparent;\n padding: 0;\n width: auto;\n height: auto;\n min-height: var(--touch-target-size);\n }\n }\n\n .login-forgot-password:hover,\n .login-forgot-password:focus,\n .login-alt-container button:hover,\n .login-alt-container button:focus {\n color: var(--link-color);\n }\n\n .login-errors {\n text-align: center;\n color: var(--error-color);\n margin-top: 1em;\n }\n}\n\n.login-alt-menu {\n z-index: 1001;\n}\n\nbody.login {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n min-height: 100%;\n\n main {\n padding: var(--padding);\n width: calc(300px + var(--padding) * 2);\n max-width: 100%;\n\n h1 {\n text-align: center;\n font-size: 32px;\n line-height: 40px;\n word-wrap: break-word;\n\n #login-logo {\n width: 100%;\n height: auto;\n max-height: 300px;\n }\n }\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 &:hover,\n &:focus,\n &:active {\n opacity: 1;\n }\n\n > svg {\n display: inline-block;\n }\n }\n}\n\n.modal.email-sent {\n width: 300px;\n\n .body {\n @include padding-left(68px);\n\n &: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 }\n}\n\n.login-modal {\n width: calc(600px + var(--l) * 2);\n max-width: calc(100% - 20px);\n background: var(--gray-100);\n border-radius: var(--large-border-radius);\n\n .body {\n display: flex;\n flex-direction: row;\n padding: var(--l);\n\n .login-modal-intro,\n .login-modal-form {\n width: 300px;\n max-width: 100%;\n }\n\n .login-modal-intro {\n padding: var(--m);\n }\n }\n\n @media screen and (max-width: 656px) {\n border-radius: var(--large-border-radius);\n\n .body {\n padding: var(--m);\n flex-direction: column;\n gap: var(--m);\n overflow: auto;\n\n .login-modal-intro {\n padding: var(--xs) var(--xl);\n }\n\n .login-modal-form {\n border-radius: 0;\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$red050: #fef2f2;\n$red100: #fee2e2;\n$red200: #fecaca;\n$red300: #fca5a5;\n$red400: #f87171;\n$red500: #ef4444;\n$red600: #dc2626;\n$red700: #b91c1c;\n$red800: #991b1b;\n$red900: #7f1d1d;\n\n$orange050: #fff7ed;\n$orange100: #ffedd5;\n$orange200: #fed7aa;\n$orange300: #fdba74;\n$orange400: #fb923c;\n$orange500: #f97316;\n$orange600: #ea580c;\n$orange700: #c2410c;\n$orange800: #9a3412;\n$orange900: #7c2d12;\n\n$yellow050: #fefce8;\n$yellow100: #fef9c3;\n$yellow200: #fef08a;\n$yellow300: #fde047;\n$yellow400: #facc15;\n$yellow500: #eab308;\n$yellow600: #ca8a04;\n$yellow700: #a16207;\n$yellow800: #854d0e;\n$yellow900: #713f12;\n\n$green050: #f0fdf4;\n$green100: #dcfce7;\n$green200: #bbf7d0;\n$green300: #86efac;\n$green400: #4ade80;\n$green500: #22c55e;\n$green600: #16a34a;\n$green700: #15803d;\n$green800: #166534;\n$green900: #14532d;\n\n$teal050: #f0fdfa;\n$teal100: #ccfbf1;\n$teal200: #99f6e4;\n$teal300: #5eead4;\n$teal400: #2dd4bf;\n$teal500: #14b8a6;\n$teal550: #11a697;\n$teal600: #0d9488;\n$teal700: #0f766e;\n$teal800: #115e59;\n$teal900: #134e4a;\n\n$cyan050: #ecfeff;\n$cyan100: #cffafe;\n$cyan200: #a5f3fc;\n$cyan300: #67e8f9;\n$cyan400: #22d3ee;\n$cyan500: #06b6d4;\n$cyan600: #0891b2;\n$cyan700: #0e7490;\n$cyan800: #155e75;\n$cyan900: #164e63;\n\n$blue050: #eff6ff;\n$blue100: #dbeafe;\n$blue200: #bfdbfe;\n$blue300: #93c5fd;\n$blue400: #60a5fa;\n$blue500: #3b82f6;\n$blue600: #2563eb;\n$blue700: #1d4ed8;\n$blue800: #1e40af;\n$blue900: #1e3a8a;\n\n$violet050: #f5f3ff;\n$violet100: #ede9fe;\n$violet200: #ddd6fe;\n$violet300: #c4b5fd;\n$violet400: #a78bfa;\n$violet500: #8b5cf6;\n$violet600: #7c3aed;\n$violet700: #6d28d9;\n$violet800: #5b21b6;\n$violet900: #4c1d95;\n\n$pink050: #fdf2f8;\n$pink100: #fce7f3;\n$pink200: #fbcfe8;\n$pink300: #f9a8d4;\n$pink400: #f472b6;\n$pink500: #ec4899;\n$pink600: #db2777;\n$pink700: #be185d;\n$pink800: #9d174d;\n$pink900: #831843;\n\n// submit button colors\n$primaryColor: $red600;\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: #1f5fea;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $textColor;\n$menuOptionActiveBackgroundColor: $grey050;\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:\n 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing:\n 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing:\n 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey500;\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\n@mixin sans-serif-font {\n font-family:\n system-ui,\n BlinkMacSystemFont,\n -apple-system,\n 'Segoe UI',\n 'Roboto',\n 'Oxygen',\n 'Ubuntu',\n 'Cantarell',\n 'Fira Sans',\n 'Droid Sans',\n 'Helvetica Neue',\n 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: never;\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\n@mixin angle($dir: down, $color: currentColor, $width: calc(2rem / 16)) {\n display: block;\n content: '';\n font-size: 0;\n width: calc(7rem / 16);\n height: calc(7rem / 16);\n border: solid $color;\n border-width: 0 $width $width 0;\n opacity: 0.8;\n position: relative;\n\n @if $dir == up {\n transform: rotate(225deg);\n top: 2px;\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:\n 0 0 0 1px $grey200,\n 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) !important;\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 custom-color-focus-ring($primary, $secondary: null) {\n @if $secondary != null {\n --focus-ring: 0 0 0 1px #{$primary}, 0 0 0 3px #{$secondary};\n } @else {\n --focus-ring: 0 0 0 3px #{$primary};\n }\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: calc(30rem / 16);\n height: calc(30rem / 16);\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:\n 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-item-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-item-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 color: var(--ui-control-color);\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// https://tailwindcss.com/docs/screen-readers#undoing-screen-reader-only-elements\n@mixin visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n\n@mixin not-visually-hidden {\n position: static;\n width: auto;\n height: auto;\n padding: 0;\n margin: 0;\n overflow: visible;\n clip: auto;\n white-space: normal;\n}\n\n@mixin readable {\n font-size: 16px;\n line-height: 22px;\n\n h1,\n .h1,\n h2,\n .h2,\n h3,\n .h3,\n h4,\n .h4,\n h5,\n .h5,\n h6,\n .h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1,\n .h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2,\n .h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3,\n .h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4,\n .h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5,\n .h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6,\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 .tip-dismiss-btn {\n position: absolute;\n top: 12px;\n @include right(12px);\n\n & + p {\n margin-top: 0;\n }\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(50px);\n border: 1px solid;\n\n &.dismissible {\n @include padding-right(36px);\n }\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: $linkColor;\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 opacity: 1;\n position: absolute;\n top: 15px;\n @include left(16px);\n font-size: 24px;\n width: 24px;\n }\n\n a[href] {\n color: currentColor;\n text-decoration: underline;\n }\n }\n }\n\n .go:after {\n font-size: 14px;\n }\n}\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(\n 45deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 135deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 45deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n ),\n linear-gradient(\n 135deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n );\n background-size: $size $size;\n background-position:\n 0 0,\n $halfSize 0,\n $halfSize -#{$halfSize},\n 0 $halfSize;\n}\n","@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\n$base: 24px;\n$tabPadding: 14px;\n$tabWidth: $base * 11;\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 display: flex;\n flex-direction: column;\n\n .btngroup {\n margin-bottom: $tabPadding;\n }\n\n .fld-field-library {\n margin: -3px;\n padding: 3px;\n flex: 1;\n min-height: 0;\n overflow: auto;\n\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:\n 0 0 0 1px transparentize($grey900, 0.9),\n 0 2px 5px -2px transparentize($grey900, 0.8);\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 gap: var(--xs);\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-element {\n position: relative;\n display: flex;\n align-items: center;\n padding: var(--s);\n gap: var(--s);\n box-shadow: inset 0 0 0 1px var(--hairline-color);\n border-radius: var(--medium-border-radius);\n background-color: 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 background-color: var(--gray-100);\n\n &:not(.draghelper) {\n box-shadow: none;\n }\n\n .field-name {\n display: flex;\n flex-direction: column;\n gap: var(--xs);\n }\n }\n\n .fld-element-icon {\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\n.fld-hr,\n.fld-br {\n position: relative;\n flex: 1;\n display: flex;\n justify-content: center;\n\n &:before {\n position: absolute;\n display: block;\n top: calc(50% - 2px);\n left: 0;\n width: 100%;\n height: 4px;\n content: '';\n font-size: 0;\n border-radius: 2px;\n }\n\n .smalltext {\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: var(--gray-100);\n border-radius: var(--large-border-radius);\n padding: 0 var(--s);\n height: var(--touch-target-size);\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-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 body.has-debug-toolbar & {\n padding-bottom: calc(8px + 42px);\n }\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(calc(1rem + 5px));\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","@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,2BAEA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,4BACA,oCAEA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,sCACA,kBAEA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,qBAEA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,oBAEA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,qBAEA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,mBAEA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,oBAEA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,sBAEA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,mBAEA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBAEA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,kBAEA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,mBAEA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,qBAEA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBAEA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBAEA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,sBAEA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,mBAEA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBAEA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,oBC3OF,mBACE,8BACA,+BAIA,kCACA,sBAEA,6BAGA,yCACA,oCACA,mCACA,qBACA,uBAGA,mCAGA,gCACA,2CACA,oCAGA,qCACA,2BACA,mEAGA,oEAEA,kEAEA,kCAIA,iCACA,sBAGA,iCACA,gCACA,8BACA,gCAGA,kCACA,gCACA,0CAGA,wCACA,0BAGA,2BACA,0BACA,iDAEA,qBACA,mBCtCE,kCAKF,yCAQF,0CACE,kDAEA,wDACA,iGACA,CACA,qDACA,iEACA,iEAEA,mEACA,0DAEA,4FAEA,8GAEA,gDAEA,8EAMA,YF4KA,CC3KA,WCzCA,kBAEE,CAHJ,iBACE,+MAEE,CAsCF,UACA,gCAIF,CALE,kCAKF,CAEE,KAUA,uBACA,CAVA,iBAGF,CAEE,qBAIA,CATA,8BAUA,2CAEA,uBACA,yKAQF,6SC+EI,qTDvDF,sDAGF,sCAoBA,oCAGA,oCAGA,oCAGA,sCAGA,gCAGA,yCAIA,uCAGA,uCAGA,uCAGA,yCAGA,8BAGA,uCAIA,qCAGA,qCAGA,qCAGA,uCAGA,+BAGA,wCAIA,sCAGA,sCAGA,sCAGA,wCAGA,8BAGA,yBACE,QAGF,+BACE,iCAGF,qCACE,gCAGF,qCACE,gCAGF,qCACE,gCAGF,uCACE,iCAGF,OACE,yBACA,CAFF,sBAEE,QAIA,iCAGF,CAJA,8BAIA,OACE,gCAGF,CAJA,6BAIA,OACE,gCAGF,CAJA,6BAIA,OACE,gCAGF,CAJA,6BAIA,QACE,iCAGF,CAJA,8BAIA,qCACE,kCAIF,qBACE,qBAGF,+CAEE,uCAGF,sBAEI,6DAKF,sBACA,yCAGF,2DAME,4GAOE,6YAKA,8BC5DF,cD4DE,uCAKJ,uCCtEE,oCACA,CACA,mBACA,CADA,gBAEA,cAHA,iCACA,CACA,mBACA,CACA,kCAEA,kCAEA,qBACA,kBACA,CADA,kBACA,qBAEA,2BACA,yBACA,sBACA,qBACA,8BACA,kBDuEF,CAIE,8CAGA,yCACA,CALA,qBACA,CAIA,iCACA,CCjFA,mBACA,CDgFA,cAPA,WACA,CAHF,sBAEE,CC1EA,2BD0EA,UAOA,iCAEA,cACA,CAFA,eAEA,2CAKA,yBACA,6BAGF,CACE,uFAIA,sGAME,oGAOA,sFAOA,mGAMF,2DAGF,uBAEE,kBAGF,kBACE,iCAGF,cACE,uBAIA,kBAGF,qBACE,gBAGF,qBACE,uCAIA,kBAGF,cACE,qBAGF,CAHE,cAGF,wDAME,8EAME,0CCwFF,eDxFE,eCwFF,2BDpFF,eACE,2BACA,mBAIA,oBACE,kBAEF,QACE,cAIJ,gBACE,gBAIF,CAVE,kBAUF,QAGE,cAKF,CAKE,qBAVA,eACA,gBAIF,CANE,aAuBA,CAZA,OAOA,8BAKA,QAEA,8BAIF,eAJE,gBADA,iBCoHA,CD/GF,OAIE,aAGF,CAJE,eAIF,wBCwGE,+BA3kBQ,mDA8kBR,oBArGA,sBACE,cAEF,+BACE,mBDDJ,+BAEE,mBCLA,IACE,sDDSF,kBACA,CADA,SCVA,aDWA,2BACA,eACA,kBACA,KAGF,oBASA,SAJA,iBASE,CALF,sBAKE,kBACA,gBAGF,kBACE,iBACA,UC5BA,sBDgCA,mBC7BA,iBDiCF,mBAEE,mBCXA,0BDUA,aCPA,iBDOA,aAIF,kBAEE,uCCbA,2EDiBF,wGC1WE,+DDgXA,0BAKF,eACE,iBAKF,8CAEE,yBAGE,6KAKA,iECrWF,eDyWoB,wDAMpB,6EAIE,sBAKF,4BACE,qBCrFF,gBDsFE,wBCnFF,qBDmFE,WAMF,uBACA,CAHF,8BAEE,CAIF,8BAEE,oCAGA,qCAFA,oBC9EA,oBD8EA,oBAGA,iCACE,qBAEF,CACE,sDAKF,mDAQF,kBAEE,gBANA,gBAIF,CALA,yBACE,CCzHA,WD+HA,2CAGA,iBACA,aC1YA,cD0YA,uCAEA,uCCjZA,oCACA,CACA,mBACA,CADA,gBAEA,cAHA,iCACA,CACA,mBACA,CACA,kCAEA,kCAEA,qBACA,kBACA,CADA,kBACA,qBAEA,2BACA,yBACA,sBACA,qBACA,kCACA,gCADA,mBACA,oBDoYF,wBACE,0BACE,CAGF,eAHE,aAKF,gCACE,oBAKJ,wBACE,CALE,eAKF,sBAEA,eACE,kCASA,gCACA,CAJF,sCAEA,CAPE,yCAKF,CAEA,6BACE,CACA,+BAEA,qBACA,CAFA,kBACA,CAOF,qBACA,CATE,aAOF,YACA,CANE,sBAOF,+BACA,mBACA,2BACA,mCAGE,+DCjMF,kGAGA,wEACE,mCAuBF,qCACE,mCAEF,oDACE,mCAnEF,qDDiPE,mCC9OF,0FDgPE,gHAOA,2DAgBA,kBAEA,CACA,mCAEA,CAHA,kBACA,CAGA,qCACA,CAFA,qBACA,CARF,aALA,aAEE,aAGF,sBAEE,CAfE,iBAQJ,CAEE,UAYA,kCAEA,+BAEA,eACG,CAJH,QACA,CADA,iBAIE,iCAQA,kBACA,CAFA,WACA,CACA,2CAIA,CAZA,UACA,YACA,UAGF,CAHE,kBAGF,UACE,CAJA,QAUA,oCACA,sCACA,CAIJ,gCAEE,CANE,+BAMF,6CACA,qBACA,6CChQF,sBD6PE,kJAKA,oBAEE,kBAGF,qBACE,CAJA,kBAGF,CAQF,qBACA,CAZI,aAUJ,YACA,CAPI,sBAQJ,kCAEA,8CACA,oBAEA,eACE,iCAWA,kBAEA,CACA,kCACA,CAFA,kBACA,CAGA,qCACA,CAFA,qBACA,CARF,aAJE,aACA,aAGF,sBAEE,CAVA,iBAIA,CACA,UAYA,wCAEA,+BAEA,eACG,CAHH,SADA,iBAIE,uCAQA,kBACA,CAFA,WACA,CACA,2CAIA,CAZA,UACA,YACA,UAGF,CAHE,kBAGF,UACE,CAJA,QAUA,eACA,4CACA,gBAMN,yFCnjBE,YAEA,CAFA,gCAEA,CDqjBA,UACA,CAFA,aACA,CACA,2BAGF,CCzjBE,4BACA,gCACA,CDojBA,cCpjBA,uDD0jBA,+ECxiBI,yKAGA,gDD4iBJ,uBAIA,CChjBI,aDwiBN,cAIE,CAJF,kBAQE,oBACA,wBACA,iBAEA,wBACA,kBClUA,sBDgUA,+BC7TA,QD6TA,+BAMA,wCAEA,gBCnfA,iBDofc,+BCjfd,CDifc,cAIhB,eAEE,WAEF,cACE,iBAGF,mKCvGE,8DAeE,WAbF,cAYE,iBACA,4BAKA,+BAEA,4BAGF,cAEE,iBACA,4BAGF,cAEE,iBACA,4BAGF,cAEE,iBACA,4BAMA,cAHF,gBAEE,iBACA,2BAKA,yDAKF,gBAEE,6CAxSF,iBAySE,sCAtSF,gCAsSE,4BAIA,iBAGF,UACE,oCAGF,UACE,qCACA,SAxdF,8BAydiB,gFAOjB,aACE,CALE,cAKF,0CAGE,uCA90BI,0CAqYR,wCA2cI,2CAGF,CA3cF,iBAwcI,aAxcJ,iBA2cE,oCAEE,iBACA,oCAEA,kBA5UJ,CA2UI,+CAxUJ,kBAwUI,gDAlUJ,iBAsUM,mDAnUN,oBAmUM,wEAKA,4DAEA,oBACE,cAt1BD,sCAyGG,cAkvBN,mBAlvBM,mCAsvBJ,oBAtvBI,wDA8vBJ,cA/0BI,eA+0BJ,kCAEA,iBACE,YAl1BE,CAwMV,cAxMU,uCAu1BN,uCAppBJ,oCACA,CACA,mBACA,CADA,gBAEA,cAHA,iCACA,CACA,mBACA,CACA,kCAEA,kCAEA,qBACA,kBACA,CADA,kBACA,qBAEA,2BACA,CAIA,cADA,sCAHA,wBACA,sBACA,qBACA,4BACA,2CAsoBM,SAEA,2CACA,UAliBN,mCAgiBoB,kBA7hBpB,0BA6hBoB,qBAKhB,cACE,qBACA,oCAMJ,2BA3hBF,kBACE,sBAEF,gBD2fF,sBACE,6BCtfA,2BAGA,2BD0fF,iCACE,QAGF,wCAIA,gBAIA,oDACE,YACA,cAGF,0CAIA,gBACE,QASF,6BAEE,CANA,cACA,iBAGF,CATE,eACA,kBAUA,cAEA,eADA,cACA,gCAGA,eACE,iBAKJ,qBACE,CALE,iCAQJ,0BACE,mBAEA,0BACA,mBCrcA,aACE,6BAEF,WDqcF,+BACE,WC1dE,iBAEF,UACE,4BAMA,yBAEF,eD0dF,CCzkBE,8EAIE,uED8kBA,iFAMA,gBAIJ,qCAEE,eCrlBA,QACE,iCAEF,sBDslBF,QCxzBoB,wBAublB,CDmYA,iBAIF,CC1YE,aApbkB,CDwzBpB,oBAEE,CAQF,+BC9YE,CD0YF,eCvYE,uBACA,iBAnlBQ,uCDi+BV,uCAEE,iBAGF,YACE,CC5vBA,cD4vBA,uCAGF,uCCpwBE,oCACA,CACA,mBACA,CADA,gBAEA,cAHA,iCACA,CACA,mBACA,CACA,kCAEA,kCAEA,qBACA,kBACA,CADA,kBACA,qBAEA,2BACA,CDyvBA,kBAEA,CCxvBA,cACA,aDovBA,CCrvBA,ODqvBA,gBACA,CCtvBA,kBDwvBA,aACA,CCzvBA,KACA,CAJA,wBACA,sBACA,qBACA,4BDyvBA,cACA,wBACA,mBAeE,sBACA,CAXJ,2BC9/BU,CDygCN,eACA,CAfF,cAGF,CC9/BU,iBDqgCN,oBACA,CCtgCM,UDsgCN,gBAIA,uCAEA,gBACA,+EAMA,2EAGE,+FAOJ,8BC3yBA,cD2yBA,uCAOE,uCCvzBF,oCACA,CACA,mBACA,CADA,gBAEA,cAHA,iCACA,CACA,mBACA,CACA,kCAEA,kCAEA,qBACA,kBACA,CADA,kBACA,qBAEA,2BACA,yBACA,sBACA,qBACA,8JDyyBI,sJCzjBF,uDAGA,uBADF,6BACE,gDD4jBA,aACA,4CAEA,WACE,yBAKN,+CAEE,mBACE,8CAKA,iDAMJ,eACE,0CAIE,2BAMJ,8BACE,sDAQA,CARA,cAQA,+DACA,kCAGF,qBACE,oBAIA,6BACA,CAFF,gBAEE,6BAGE,wDAIF,2BACE,2CAEA,oBACE,iDASN,UACE,YAIF,gBCpZE,CDgZA,UAPE,iBAMJ,WC/YE,kBAEA,CAEA,cACA,CAHA,kBAGA,6BACA,mBDkZF,UACE,CClZA,UACA,cDgZF,UACE,iBAGF,OAKE,cACA,CCj2BA,cD+1BF,CAEE,eACA,CCt2BA,qBAEA,CACA,SDm2BA,oBCp2BA,oBACA,CDg2BF,iBAWI,CARF,aACA,iBACA,YACA,CC35BA,cD25BA,uCAGA,uCCn6BA,oCACA,CACA,mBACA,CADA,gBAEA,cAHA,iCACA,CACA,mBACA,CACA,kCAEA,kCAEA,CACA,iBACA,sBAEA,2BACA,CAGA,6BDo5BE,CCp5BF,kBAHA,wBACA,sBACA,qBACA,oDDo5BE,4BAEA,gDACA,uBAKE,qCAEF,4BACE,0BAKF,CACE,+BAEF,gCACE,oBAMJ,WACE,yBAIF,kCAEE,sBAIJ,iBAEI,gBAWJ,UACE,CAXI,WACA,aASN,UACE,iBAGF,0BCl6BE,0BACA,mCDq6BF,qDAEE,mBC7rBA,CD4rBA,qCASE,gCAEA,CAXF,WAGA,CAQE,+CAEA,CANA,qBAEA,CALA,wBAGA,CAPF,SAWE,cAXF,eCzrBA,iBDyrBA,OAGA,WAUE,+CACA,qDACA,OCt3BF,CD62BgB,8IC5xBhB,kDDsyBE,2CCnyBF,aDmyBE,4EAIE,oBACA,oDCrvBJ,oBACE,kDAEF,cACE,kDAgCF,eDstBE,qDCntBF,YDmtBE,2CAGE,qBAIJ,CAJI,yBAKF,cADF,YACE,CANA,iBAMA,kCAGA,QACA,QAFA,iBACA,CACA,mCAGF,kCAIE,CAKF,kBACA,CACA,gCAEA,mCAEA,oBAPF,qBACE,CASA,eAdE,aAOF,gBADA,iBACA,CAKA,8CACA,qBACA,kBAdE,sBAcF,yDAEA,8EAII,uEAGF,6FAKF,qFC78BA,iCD+8BE,0CACA,8CAMA,8BAIA,8BACE,CATF,wBASE,4CAEA,gCACA,+BAWJ,mBAFF,sBAEE,CARE,yBACE,+BAOJ,wCAGA,+CACA,0CAHe,aCj8Bf,oBDi8Be,8BAMb,UACA,CAFF,gBAEE,uCAIJ,kBAGE,uCCvyBA,iBDsyBA,4CAIF,CAJE,oCAIF,iBACE,6BACA,eACA,kBACA,gDAGE,iBAGA,sCC/0BF,iBD60BE,QC10BF,mBD00BE,gCC10BF,CD00BE,cAMJ,CACE,WACA,kBACA,CAFA,mBAEA,mCCllCA,oCAEA,mCAEA,CDklCE,UACA,CAFF,aACE,CACA,2BAEA,CCrlCF,4BACA,CDklCE,cCllCF,4CAEA,kBACA,4CAkOA,kBACE,4CAEF,wBACE,4CAvNA,wBACE,sBAEF,gBAFE,eAEF,aD0kCJ,mBACE,eAWI,6BACA,CAFA,iBACA,CAHA,uBACA,CARJ,aACA,CAEA,qBACE,CAHF,iBAEA,CAGE,iBACE,CAHF,WAOE,sBACA,aACA,CAGA,cACE,CAHF,OAGE,gBACA,CALF,uBACA,WAIE,iDAKA,iCAME,CANF,2BADA,UAOE,qUAIA,0DAIkB,gCC1qCxB,6BD+qCI,CCxrCN,oBDwrCM,qXAEA,+EAGoB,cCprCxB,qDD2rCJ,cAEI,2CAKF,gBASF,CAdI,iBAcJ,8BACE,sBACA,gBACA,kDAIE,OAGF,qBACE,CADF,gCACE,YAIJ,CACE,+BACA,kBACA,YACA,kBAEA,YACE,mBAEF,aACE,yBAGA,4BAEF,kBACE,oBAGF,sBAKE,cAMA,qBAIJ,CALE,kBACE,CALE,6BAIJ,CAKF,aACE,qBACA,oBACA,oBACA,QAGF,YACE,SAGF,aACE,CAGF,iBACE,eAIA,eAGF,6BAKE,qBACA,0BAGF,mBACE,wBAGF,sBACE,sBAGF,aACE,sBAGF,+BACE,cAGF,kBACE,eAGF,mBACE,SAGF,oBASE,kBAIA,CAZA,YAGF,SAIA,aACE,CALF,iBASE,uCAGA,cACA,kBAQF,CASE,4CACA,gBACA,4CAEA,CATA,YAHA,6CAEA,CAMA,sBAEA,mBAnBA,oBAmBA,kBAXF,sBACE,CAEA,gBACA,CAbA,iBACA,CAYA,kBACA,wBAEA,sBACA,qBACA,kBALA,kBASA,0BACA,+BAGA,WACE,8FAHF,4BASE,8CAEA,yBAGE,eAKA,4BAIJ,CATI,6CASJ,4EAEE,+FAKE,6DAGF,4BAEE,eAIJ,CANE,kBAMF,2RAIE,sDAMA,2SAGE,uDAGF,4EAOF,0BACE,oBACA,2BAKA,iBAGF,mBACE,2WAMA,2XASA,wDCtpCF,4DD0pCE,oEAIA,eAGE,2BAKF,gBAGF,2BACE,eC7qCF,+BD8qCE,qBC3qCF,WD2qCE,+BAEA,yBAMJ,sBACE,qBACA,gHAKA,gEAEA,6OASA,4PAOA,6LAMA,yBAUF,kBACE,yCAGA,CAdA,YAGF,CAHE,kBAGF,kBAOA,CAVE,SAcA,0BACA,+BACA,oCAGE,wFASE,+FAIA,wIASA,oIAEE,uDAKF,iEAEE,iKAKA,8DAeR,kBACE,CANE,aAHF,kBAGE,kBAKJ,CARE,SASA,0BAGA,4BACA,CAFA,yBACA,CAIE,YAGE,iDAGA,2BACA,CAFF,wBAEE,yBAMA,4BACA,CAFF,yBAEE,CAEF,aACE,kBAMN,uCAEE,yCACA,CACA,8BACA,CADA,eAXE,mBACE,kBASJ,aAEA,iCAEA,eACA,8BAIE,CAJF,gBADA,oBAKE,0CAEA,eAEA,0CCn1CF,gBDk1CE,uCC/0CF,yCD+0CE,wBAIF,+EAGE,wDAEA,wCACE,kBAKF,wCAGE,mBADF,mBACE,yBAMN,sBAEE,qBACA,qEC9lDA,YAEA,CAFA,gCAEA,CD6lDA,WADA,aACA,4BAEA,CC/lDA,WACA,iBAEA,CAFA,wBD4lDA,cC1lDA,4DD8lDE,mRAKE,qHAOI,unBAQF,2FASI,yGAQR,0LAGE,iBAMF,wcACA,0DC13CF,2BD03CE,WAOA,kBAIA,CALA,mBACA,CAWF,uBACA,CARE,sBAMJ,uBAEE,iBAEA,qCAIE,CAQA,8DACA,CAJA,iBACA,CAEA,kBACA,CADA,gBACA,CATA,qBAEA,CANF,WADA,aACA,aAME,uBACA,yBACA,sBACA,CAIA,WAPA,sBAOA,gBACA,oCACA,CACA,0BAQA,uBAGF,CAEE,oCACA,CAXF,iBAIA,CAIA,qCAEE,CANF,sBAOE,wBACA,uCACA,gBCt9CF,sED29CA,mFAKA,2HCv9CA,8BD29CA,gEAIF,CC59CE,4BD49CF,0EAIE,wCAGF,cAIE,kBAPA,cAOA,4FAQA,4GAMA,yGAGF,WAIE,CAPA,gBAGF,CAHE,gBAOA,4BAKA,4BAEA,uCAKA,kCAEE,mCACA,6BC1sDF,+CAEA,2LD6sDE,6OAMI,yFAMA,yBAKN,0DAEE,4GAKE,wFAGF,iDAGE,ubAOJ,yfAYA,kDAGF,gBAHE,iBAGF,sBAeE,UADF,iBACE,aAMA,4BAIF,CATE,8CASF,yEAEE,2GAGE,oMACA,iGAGF,gEAEE,kKAGE,iEAKF,4BAGE,mBAQJ,4BAGE,CAJF,eACA,CADA,UADF,iBAKI,uEAGA,4EAIE,sCACA,oCACA,qCACA,iCACA,iCACA,mCAGF,8GC10DF,oFDg1DI,4BACA,CAFF,SAEE,8EAIE,iFAIA,+EAIJ,8CACE,mDCzoDJ,6CD6oDI,mDC1oDJ,kBD0oDI,mDCxqDJ,iBDyqDI,mOAGE,0LAKF,wLC36DJ,YAEA,CAFA,gCAEA,CD46DM,oDAEA,CC96DN,WACA,iBAEA,CAFA,wBD26DM,cCz6DN,8BAOE,kBDs6DM,CAOJ,2CACA,CCp7DJ,mBAME,CD26DA,+BAEE,CAPI,sBAQJ,0CACA,6BACA,kBAEA,mDACE,cACA,mDCtsDN,aDusDM,2BCpsDN,kBDosDM,oBCpsDN,CDosDM,gBAIJ,sBACE,uDAGA,wEAIA,4IACA,2JAKA,kCAEA,4EAIF,4FAEE,OC13DJ,2CDy3DkB,8DCr1DlB,0GAGA,wCDy1DI,+EAKE,CALF,SCz1DJ,UDq1DI,CCr1DJ,cDq1DI,6BASE,wDAEA,iDC93DN,MD63DqB,iDC13DrB,8DAwBA,gHAGA,mCDw2DE,gEAEE,CC12DJ,6DD02DI,+FACA,MCz4DJ,4CDu4DmB,6EC52DnB,0HAGA,kBD42DI,aC52DJ,oBD42DI,CC52DJ,iBD42DI,2BAOF,eAEA,0BACA,eClvDF,wDDgvDE,yEAOM,2JC11DR,wDACE,iFAEF,+DACE,oDD+1DI,+CACE,oDC5xDR,gDDiyDM,oDC9xDN,6CD8xDM,oDCtwDN,8CDuwDM,4IAGE,0DCvwDR,6CDgxDA,iBADF,iBACE,kBAEA,CAFA,MAEA,wBAIE,sBACA,qBACA,kBARF,SAQE,8DACA,sDCv8DF,SDm8DgB,yFAQlB,4ECxnEE,uBAEA,6BAsVA,QDsyDA,kBACA,CALA,oBC/xDA,CDkyDF,WACE,CACA,UCpyDA,uCDkyDF,WAEE,uCAGA,cACA,oBAOA,oDCz6CA,CDy6CA,yBCz6CA,iCDm6CA,8QCn6CA,cD+6CE,4CC/6CF,CD+6CE,wBC35CF,sBApBA,uBAsBE,kBD65CF,2CAKE,CCl6CA,YAFF,kCDo6CE,gCACA,sCACA,2CAJc,wEAUd,YCjtDF,qBDktDI,UCltDJ,SDitDE,CAJA,iBC7sDF,WDktDI,qDAMA,MACA,qDC5/DJ,ODs/DkB,WAWpB,8BACE,CAZkB,qCCn/DlB,qBD+/DA,8BAEA,uEASE,mBAHF,+EAEA,cACE,+BACA,kBACA,gEAIA,8BAEA,eACE,CAHF,YAKE,oBACA,iBACA,cAJA,aACA,0BAJF,aAOE,yFAEA,wGAGE,2MAKA,0GADA,6CAgBN,0EACA,CAdM,qBACE,CAQR,eAZM,cAWR,eACE,CAZM,iBAGA,CAcN,uCAJA,wBACA,sBACA,qBACA,iBACA,iBACA,oFAGA,2GAQA,qCACE,YADF,iBACE,6CASA,8BADA,iBACA,QAEA,0BAEE,mBACA,WAIJ,CALI,cACA,WAIJ,iDAGE,UACA,0DAIE,2EADA,+HAGA,CAHA,UAGA,oBACE,iBAEA,YACA,CADA,UACA,2CAOJ,8DAGA,iBAEE,oDC79DJ,kBD49DI,mDCz9DJ,iBDy9DI,iCAGA,CAHA,UAGA,oBACE,oBAEA,mBACA,iDAMJ,aACA,iDC1+DF,cD++DI,gKAOE,qKAKA,wDCx/DN,wBDigEE,kBAGF,CAEE,yCAEA,CAPA,aATI,eAQN,CAIA,sBAEE,CAdI,cAgBJ,8BACA,oDACA,CAEA,uCClwEF,oCAEA,iCAEA,CD+vEI,UACA,CADA,cACA,2BAGF,CCnwEF,4BACA,CD+vEI,cC/vEJ,iDAEA,wBACA,iDAQE,wBACE,iDAEF,UACE,iDAwFJ,SD6pEmB,wCCzwEnB,oCAEA,iCAEA,CA2GA,UD0pEmB,cC1pEnB,CD0pEmB,2BAGjB,CCxwEF,4BACA,CDowEmB,cCpwEnB,iDAEA,wBACA,iDAeE,wBACE,iDAEF,SACE,iDAwEJ,UD2qEsB,CAAJ,sFAGhB,eACE,CAJc,gCAId,6CAEA,4CAEA,CAHA,oBAGA,mDACE,8BACA,iKAGE,kEC10ER,iFDg1EQ,kCAMJ,8BACA,CACE,uCCxkEN,UACE,sBAEF,WACE,yBAZA,yCAGA,iBAuBF,aDskEA,8BCnkEA,gBDmkEA,YAGF,8CAKE,oDAOF,4MAEE,iIAOA,kHAMM,4DCtkEN,6BD6kEA,kBACE,CARI,oBAQJ,gBAGF,kCAEE,yBAKA,eACE,yBAEA,gBCvvEJ,yCAIE,mBADF,eACE,6ED4vEE,4FAGE,+CAUJ,qBAEE,CAVA,iBACE,oBAHA,iBAYF,yDAKA,uBAFA,8BAEA,CACE,kBAHF,oCAGE,qLAGA,qEAEA,yxBASF,sECpuEJ,yxBDivEU,uEC9uEV,yxBD8uEU,yEC/tEV,yxBDkuEU,0EC/tEV,6wBD+tEU,uEC3uEV,6wBDgvEU,sEC7uEV,6wBD6uEU,0EC9tEV,6wBDiuEU,yEC9tEV,yED8tEU,eASN,CCvuEJ,UDuuEI,yDAIE,iEAKA,qBACA,CAHF,kBAGE,+BAIA,mBACA,CAFF,iBAEE,uEAIE,uEAEA,uCACE,kEC78EV,YAEA,CAFA,gCAEA,CD+8EU,oDAGE,CCl9EZ,4BACA,CACA,iBACA,CADA,QACA,mBACA,CAHA,yBD88EU,cC38EV,2EDk9Ec,yFADe,iJAKf,0DAQJ,CATE,iBACE,WAQJ,+CACA,kBACA,+CCjtEV,iBD8sEU,+CC3sEV,eD2sEU,+CCh3EV,gBACE,4CAEF,qDACE,YDm3EU,+CAMJ,oBACE,mDAKF,SACA,uCAEA,QC/4ER,qBD84EuB,gCC34EvB,CD24EuB,yCAOnB,yFAEE,gFAII,iBAEE,wGAMF,+DAGF,iCAEE,gCACA,0BACA,gCACA,mDACA,uMC18ER,yCD88EQ,CC98ER,kBD88EQ,yCAGE,2BAMR,CANQ,mBADA,eAOR,+BAIE,6BAIA,CALA,wCAKA,wCAGE,gBACA,wCCn7ER,eACE,mGAGA,iJDw7EI,2DAKF,kHAUF,oCAEA,kBAKE,CAPF,oBAOE,+JAKA,8KC/9EF,6EAGA,8CDo+EE,CCp+EF,aDo+EE,gCAEE,WADA,wBACA,2BAEA,mDC7jFN,uBACA,gCDikFI,yDAME,cACE,6CCj3ER,aDs3EM,uFAEA,CCr3EN,gBDq3EM,yCAEE,oBACA,+CAGF,6BACE,4CAOV,wECzlFE,oGDkmFA,sGAKA,yCAKA,uDAKA,CAVA,gDAUA,yBAKF,CAME,wCACA,CAPF,eALE,oBASA,gBACA,aACA,CAFA,cACA,CADA,2BATA,kBAMA,wBACA,sBACA,qBACA,iBAIA,+BACA,4BACA,sBAGE,2EAIA,0EACE,eCr7EJ,4BDs7EI,iBCn7EJ,qCDq7EI,qDAEE,iBCn8EN,CDk8EM,oDC/7EN,CD+7EM,8CAOJ,2BACA,+BAGA,kBACE,CAHF,+BAEA,CACE,YAIJ,eACE,yEAIA,uFAIE,0DC/8EJ,oDDk9EE,yBACE,2CAIJ,sCAGE,iCACA,gCACA,0BACA,gCACA,mDACA,CACA,2EAEA,CAHA,kBAGA,+EACA,yDAKA,kDACE,sBAMF,4CAEA,2EAGE,2DAEI,4CAMR,cACE,kBCntFF,CDmtFE,aAMA,wBACA,CC1tFF,sBDwtFE,CALA,kBAKA,uBAEA,mDAEA,kCACA,mBAGE,ySAOF,6CCznEF,CDynEE,uBCznEF,mCAsBE,wCDymEE,CC3mEJ,2BAEE,CD0mEE,gBADA,cACA,4BAEA,CAFA,aAEA,sBACA,CAOJ,0BACA,uBAFA,uBACA,CAFF,sBAUI,CAPF,aAME,qCACA,CAJF,oCAIE,6JAEA,6DCn1FF,mCDo1FoB,gBC30FlB,oBD80FF,eACE,mBAGF,eACE,YAGF,2BACE,2BAMF,8BACA,qDACA,qBACA,mCAEA,oBACE,8BAGF,cAKF,eAME,kBAGF,CARE,YAGF,mBACE,eACA,CAGF,aACE,qBACA,kBACA,CACA,MAIE,mBAKJ,CAKE,cACA,CAdA,YAEA,mBACE,CAOF,aAFF,gBAEE,CAXA,iBACA,CAcA,8CACA,qBACA,+CANA,wCAOA,wBAGA,oEAIA,sCAEE,iCACA,gCACA,0BACA,gCACA,mDACA,CACA,2EAEA,CAHA,kBAGA,sFACA,uBAKA,cACE,mBACA,CAWF,iCAZE,aACA,wBAKF,CACA,qDAIA,CAJA,gBAKA,gBAbA,iBACE,CAMF,WAMA,uBACA,qCAEA,iCAEA,QACE,4CAGA,CAXF,UC9oFF,CD8oFE,cC9oFF,WD8oFE,mBAOA,MAIE,UAEA,qEAEA,6DAMA,uECvvFJ,0HAGA,mDACE,qCDkwFA,CCnwFF,UDmwFE,CAEE,wBACA,6CACA,oBC3sFJ,oDAGA,YACE,2CD+sFF,qBAKE,oBAGF,CANE,mCAGA,CAGF,iCACE,qCAEA,mCAEA,mBADA,+BACA,QAEA,2CAGE,aACA,CAFA,QAEA,0CAGE,eACA,kDAGF,kCACE,aAKF,SACE,4CAGF,gBAEE,gDAEA,gCACA,CAFA,YACA,CACA,iBAKN,YACE,6CAEA,0DAMF,uDACA,qBAEA,sEAKI,mBAcJ,6CACA,CAFA,8CACA,CAHA,6BAEA,CAfE,mBAEE,CAOJ,cACA,iBARI,+BAKN,mBAEE,CACA,8BAOA,0DAEA,+EARA,wDC/wFA,iDD+wFA,cC9uFA,4DD0vFA,6ECtyFE,6EAGA,uFDuyFA,oMACA,kMC32FF,4DACE,mFAEF,yDACE,4ED+2FA,wDAKF,sBACE,oCC7wFF,qBD8wFE,mLAKJ,wDAKE,CAVE,0BAUF,wEACA,2BAMA,kBACE,CAPF,YAMA,CACE,6BAGF,mDAGE,UACA,uCAGE,CAHF,kBAGE,+DAGA,2FCpkGJ,oCAEA,mCAEA,CDukGE,WAJI,8BAIJ,yBACE,CACA,eACA,CC1kGJ,4BACA,CDkkGM,QAIJ,CACE,cCvkGJ,2EAGA,6FAmOE,6FAGA,mGAtNE,2FAxBJ,yBAEA,mCAEA,CAuBI,oDDujGA,CC9kGJ,4BACA,CAsBI,cAtBJ,qFAGA,6GAgBI,qLAGA,+DD6jGJ,gBAEE,qLAIA,yMAGE,yYAIA,gCAGF,cAHE,8BAGF,ybAGE,sDACA,6MACE,ySAKF,qSAGE,u0BAGF,qLAGE,wFAKF,qFAKF,+DAMA,oCACA,qCACA,2CAEA,gBADA,mBACA,+CAIE,kDAKE,yDAMA,CATF,WC75GE,aD65GF,aAGE,SAHF,kBAEA,aAOE,2DAEA,kEADe,+HCxhGrB,2DD0hGM,+DCvhGN,iDD+hGM,4DAEA,CAVA,WCvhGN,aDuhGM,+BAKF,oCAKE,0DAEA,iEADe,8HCriGrB,0DDuiGM,+DCpiGN,8EDoiGM,2CAKF,iCACE,kCAIJ,+CACE,mDAKF,iBACE,8BAgBA,gCAEA,CALA,+FACA,yCAEA,CAVA,8FAOA,CACA,4BAdA,iBAKF,UAaE,6BAKF,4BACE,8CACA,CALA,kCAGF,CAJE,+BAMA,+BACA,4IAKA,oMAKI,yDASJ,sBAEA,CAVI,yGAON,2CACE,CADF,eAGE,kEAON,4BACE,qCAkBI,uEAEA,CAhBA,UAIJ,CALE,aACE,CAIJ,WACE,CASE,YANA,uCAGA,CANF,kBAEA,KACE,CAGA,wEAGA,CAPF,WASE,gCACA,8BASJ,iCACE,6DAGA,CAJF,eACE,CATE,uEAQJ,iBAIE,0EAGA,kBACE,gBAHF,YAEA,CACE,QAGF,uGAIE,0EAOF,kBAQI,CARJ,aAYI,+BACA,CAbJ,yCAQI,kCACA,CACA,8BAGA,iFAGA,8HAFA,6EClkGN,mCDkkGM,iCAOA,kBADA,WACA,CAFF,iBAEE,gDAKA,6CACA,gDCllGN,8CDslGM,wCCnlGN,qBDmlGM,wDAIA,mCAIJ,wEAQA,0BACA,wCAGE,CAJF,eACA,CADA,iBAIE,mCAEA,qDACA,kBCtnGJ,sCAGA,gCACE,gCDqnGI,wBACE,sCAKF,yBACE,+BAEA,uBASV,SATU,iBASV,gCAEE,2CAEE,sBC7wGF,iBD8wGiB,kDAKnB,wBAEE,iBCnnGA,4BDsnGE,YCnnGF,8FDsnGI,uDAGF,2CAGE,uBAMI,6BAIA,4CAMJ,kBAGA,CAVE,UACE,CAJA,iBAaJ,sCACA,sBAEA,sCCzrGJ,sBACE,sCAEF,oDACE,eAgCF,sCDipGI,gBC9oGJ,CD8oGI,sDAGA,uBCxxGJ,WDwxGI,kBCxxGJ,UDwxGI,gCAIF,UACE,CACA,+BAGA,2CCltGF,wBAGA,gCAcF,wBACE,0BAGA,WAHA,UAEF,uBACE,kBDgsGA,wCC14GF,uCACA,0DDi5GI,4EC3sGF,8ED8sGA,gCACE,CC5sGF,mBD4sGE,iFAIE,yDAGF,4CAEE,WC3uGN,kCACE,kBAEF,kCACE,kBAcF,wBACE,gBAEF,wBACE,iBAKF,kBD2tGE,2BCxtGF,2BDwtGE,iBAEA,2BAEE,kBCpsGJ,2BDmsGI,kEAGA,yEAEE,2BAGF,uDACE,wEACA,kBC7sGN,uDDitGM,4FCx1GN,sCDy1GM,uDCt1GN,0BDs1GM,uDAEA,sCACE,yCAGF,yDACE,kDAKF,mBCtvGN,4CDsvGM,sCAQA,iBACA,6CACA,2FAMF,8GAQF,UAKJ,sBACE,SACA,qDAIE,uCAIA,qDAKE,sDAIA,yGAIA,mCC1yGJ,uBD0yGI,kCAEA,0CACE,QAOR,gBAGE,gCAGE,CALF,wCAKE,sEAOF,gCAEA,CAHA,8BACA,gBAEA,uDAIE,4CACA,6CAME,8CAQA,4EACE,6BCtzGN,sCAGA,gBDszGQ,iBCtzGR,2FD2zGQ,sGASF,oDAEE,4DC15GR,qDDg6GQ,sVAIE,wUASJ,sGCz+GN,6BDy+GM,0DC5+GN,8BDq/GQ,4BCl/GR,6BDk/GQ,iBAIJ,CAJI,iBCl/GR,CDk/GQ,kBAIJ,kCAEE,gDAEA,CAFA,iBAEA,oCAGE,qEACA,oBAIC,CAAD,oEAEA,eAEE,qEC3hHV,gBACE,qEAGA,sBADF,UACE,2ED2hHU,WACA,wCAEA,qEAKF,eAGF,iDAEE,gBC5iHV,6CACE,kBAEF,CAFE,eAGA,0DD4iHI,aACE,cACA,0CAEA,mBACE,CAHF,gBAGE,CACA,2DAKF,cACA,YADA,kBACA,6CAEA,6CAIE,qCAIJ,sEAME,sCAIE,CATF,UAGF,aAEE,mBAFF,iBAEE,OAIE,wBAGA,sBAEA,sCACA,CAVF,UAUE,wGACA,gBAIJ,sDACE,iBC1kHR,sDD6kHU,cC1kHV,sDD0kHU,eCt8GV,oCDu8GU,uLAUR,4BAOE,CAZI,4CAcJ,qBACA,CAfI,cAYJ,eACA,CAbI,gBAKN,CAQE,eACA,CAdI,UAeJ,uCACA,aACA,kBACA,iGAMA,+EAEA,kBAEE,uDAGF,SACE,uDAGA,+ECvpHN,UDspHoB,8EAKA,uJCn/GpB,8BDu/GM,qECp/GN,aDo/GM,uIAOF,wIAGE,0IACc,sFC1qHpB,aD0qHoB,iDAWpB,yEAKA,CATI,kBASJ,2CACE,kDACA,oDAOA,4CAUF,+CC7jHA,oBD6jHA,SAYA,0BACA,CCnlHA,4BD8kHF,mBACE,sBAGA,CAZA,oBCzkHA,CAGA,cAHA,iBACE,aDqlHF,kBACA,iBACA,kBACA,6CCvkHA,uDDkkHA,CClkHA,YDkkHA,iCAUI,6BACA,qEAKA,kBACA,CAPA,kBACA,wBAMA,2HAEA,qaAQA,wGAUI,6BASV,wDACE,qCACA,mEAEF,sCAIE,sDAEF,2CAOA,qCACE,0DAEF,2BAGE,kCAEF,uBAEE,gCAEF,yBAEE,iCAEF,6BAEE,mCAEF,uDAIA,gCAEE,uDAEF,oDAMA,uDAIA,2BAEE,kCAEF,2BAEE,kCAEF,2BAEE,kCAEF,6BAEE,mCAEF,uBAEE,gCAEF,uDAIA,+CAIA,sDAIA,yBACE,gCAEF,6CAEE,gCAEF,gCAEE,uFASF,iCAEE,8DAOA,kCACE,0EAEF,iCACE,sEAEF,6BACE,0EAEF,8BACE,kEAEF,4BACE,sEAEF,6BACE,8EAEF,+BACE,kEAEF,4BACE,kEAEF,4BACE,8DAEF,2BACE,kEAEF,4BACE,0EAEF,8BACE,0EAEF,8BACE,0EAEF,8BACE,8EAEF,+BACE,kEAEF,4BACE,kEAEF,4BACE,sEAEF,yBACE,sEAEF,4BACE,kEAEF,4BACE,ooCAGA,uGAyBF,WAEE,iEASF,yCAWF,0CACE,wBACA,2BADA,kBACA,0CAGE,YACA,iBACA,gCAQJ,CARI,uCADA,QASJ,6BACE,iDACA,CACA,kDAEA,iCACE,4EACA,cAGF,yCACE,aAGF,CAHE,cAGF,uCAEE,eAIA,4CAEE,cAGF,CAHE,eAGF,cACE,gCAIA,CAJA,kBAcN,SAVM,6BAUN,UACE,iCAGA,gCAGA,CALA,iBACA,WAIA,+CAKA,2BACA,CADA,OACA,yCAIA,uBACA,mCAGF,CARE,gCAQF,kDASE,oJAj6IA,qMASA,oFACE,kDAg5IF,kCACE,wDAEF,4BACE,iCAQF,wBAGA,6BACE,iCAKF,mCAGA,CAKF,aAJI,8BAIJ,MALE,UAKF,yCAEE,MACA,yCAIA,iCCzlIA,iBDwlIc,iEAIhB,oBAIA,0CAOA,CAVE,eAGF,CAHE,0BAUF,2BACE,QACA,oCACA,0CAGE,CAJF,iBACA,CAGE,kBAGF,4CACE,wBACA,6CACA,wBCj9HF,0CACE,WAEF,kBACE,sBAHA,UAGA,mDDk9HE,OACA,kDACA,kGACc,0FAIZ,yCACA,QAIJ,OACE,wBACA,yCAGF,gBAUJ,CC9/IQ,wCDkgJN,CAJF,4DACE,CC//IM,0CD+/IN,iBC//IM,CDkgJN,oBACA,sBACA,yCACA,4BACA,gCC5sIA,uCACE,gBD8sIF,cAGE,wDAIF,6BAPA,sCAEE,gBAWF,CANA,eAEE,+CAIF,iBACE,qBACA,0CACA,iBAGF,uBACE,iBAGF,uBACE,iBAEF,uBACE,eAEF,qCAGA,WAFE,aAEF,YACE,CAOE,WACA,CAJF,WAJA,iBAGF,MACE,wBAIE,cAeJ,gCACA,CAHA,uEAEA,CAJF,iDAEE,CAFF,sBAVM,sDAIA,CAMN,gBANM,0BAWJ,0BACA,gBADA,aACA,cACA,iBAFA,cAEA,gEC7/HA,4BACA,0DAEA,sCACE,yCAEF,YACE,kBD6/HF,CC9/HA,+BACE,CD6/HF,gDAMA,wBACA,uEAEA,gBAEA,iEACE,gBACA,mEAMA,YACA,+CACA,gEAOE,uKAOA,uIACE,4CAQJ,8CACE,+CAEA,sFAEE,0EAKA,mBALA,YAGF,mBAEE,CAKA,YALA,wBAIA,CAJA,kBAIA,kBACA,4CAEA,oBACA,+JAMA,oMAIA,kFAEA,qDACE,sDAIJ,uCACE,0EAEA,qEACE,CASF,wCAJA,kKAIA,8BALF,cACE,CALE,iBAIJ,UAKE,+DAKA,gBACA,8EAIA,qXAWI,yFC7vIV,2CD6vIU,0BAOV,kBACE,wCAGE,4CASJ,8DACA,4CAEA,gCAGE,0CAIF,0BACE,8BAEA,gCACE,oBAGF,+FAKI,oHAIE,kHAME,wCAaR,4CAEE,uEACA,CAXI,iCAQN,CAbQ,uBAKF,CALE,oBAgBN,0BACA,gFAKA,qEAIA,wBACE,oFAIE,yGAKA,uIAOJ,uHAIE,+CAKY,sFAGhB,qIAHgB,+EAGhB,uCAGE,8BCvzIF,sCAEF,CAHA,uBAGA,CDk0I4B,qECjpI5B,qBDipI4B,+JC5oI5B,qBD4oI4B,uDC5oI5B,oEDgpIE,sBADA,eACA,CAFF,YAEE,4CAKA,0BACA,iBACA,iBAGF,yBACE,0BAEA,YACE,wCAWF,0CAEE,CAFF,YAPF,2BAGE,4BACE,6BAGF,CAEE,kDAEA,wDACA,6BACA,4BAIJ,gCACE,OACA,gBAEA,CAHA,wBAGA,6EAiBE,kBACA,CAPJ,sBADA,YACA,6CAMI,CACA,qCAEA,CATJ,gBASI,wBACA,4DAEA,6IAGE,8JAIA,gQAIA,2DC/oJN,aACA,CD8oJM,uCAGE,uCCxpJR,CAGA,oCAEA,oBADA,eACA,CACA,cAHA,iCACA,CACA,mBACA,CACA,kCAEA,kCAEA,qBACA,kBACA,CADA,kBACA,qBACA,2BAEA,CAIA,6CAJA,wBACA,sBACA,qBACA,iBACA,6JD0oJQ,mKALc,iVCjgJpB,wIAGA,2HDugJM,6JAOF,oLAGE,0KADA,qVAMF,yJAKE,6FAEA,CACE,6FAON,mGAGE,sFAGF,6HAMA,uIAKA,0KAQA,6EALF,kBAMI,CADF,YACE,wFAMF,yHAGE,0HACA,wLAIJ,6CAEE,sFAKE,oGAEA,oFAEE,0GAGF,4EACE,yBACA,6IAIA,qrBAOA,4BAaE,sBACA,CAdF,uEAcE,iYAIA,6oBAQF,unBAEgB,sNAKhB,2HAGE,yIAIA,kJAIA,oQAOF,qBAHF,QAEE,gBACA,2FAQF,+GAIA,gOAOJ,yBAFF,wBAEE,sDAME,WACA,CADA,eACA,uBACA,2CAcN,4BACE,CANI,+BAKN,CAXI,aAEE,2BAGF,WAOF,4CAGA,OACA,4CACA,4CAGiB,sCChuJjB,+CDmuJA,WACE,+CACA,8CACe,4BCtuJjB,CDsuJiB,UCtuJjB,6CDyuJA,gCAEE,6CACA,gCCtlJF,oCD0lJF,4BACE,CCvlJE,+BDslJJ,CCzlJI,aAEF,sCDwlJA,8DAKA,6BADA,qBACA,kFAKE,cACA,uEC7lJF,eD0lJE,oECvlJF,iBDulJE,iGAME,OACA,6ECnwJJ,MDowJmB,yECjwJnB,uBDiwJmB,mEAOjB,qBAIJ,CALI,WAKJ,aACE,qBAGF,CAHE,kBAGF,mDAQA,iBCt+JoB,SAzKZ,2DAkUN,UDk1JF,oBAEE,YAEA,8BAKF,CAPE,OAOF,mBAEE,CAVA,qBACA,WASA,2BAKA,+BAGE,CALF,aACA,CAFA,iBACA,cACA,6BAIE,4CAEA,yBACA,WACA,6BAGF,oFAOA,CAIA,0BACA,CALA,8EAEE,mBAEF,CAdE,iBAeF,qCAGA,qBACA,kCAEA,CAJA,oBACA,CAGA,oCAEE,cAEA,+CAEA,wCAIA,uCAIF,wBACE,CADF,6BACE,0DAKA,+CACA,4CAEA,gDACE,4BACE,kBACA,oDAGF,6BAEE,8CAMJ,kBAEA,CAHF,YACE,oBAEA,6BAEA,+CAGE,OADA,SAEA,wDACA,cAEA,wDAEE,aC9uJN,oBD+uJM,kHAMJ,eACA,wCAIA,6CACE,CAHF,uBAGE,mEAIA,0CACA,0CAGF,mHAME,uMAMA,2NAKE,yJAGE,8LAMA,6IAKF,6MAKA,qHAKE,4EAKF,4EAMF,CACA,WC5zKE,qCDgzKE,iBAIJ,MACE,CAMF,WACA,CC5zKE,+CD+zKF,4BACA,yCAEA,4BCxgKJ,yCACE,2BDygKE,sBAYF,eACA,CAEA,gCCn1KI,CDi1KJ,4DAEA,CAdI,YAEF,CACE,cAKN,CANI,qCACE,CAKN,iCAGE,4BAXI,kBCr0KA,iEAuTJ,gCAIA,6CD+hKE,CAHF,yCC7hKF,6BDgiKI,4BAGA,uFAKN,4CAIQ,gCAGF,eACE,CAJA,SAIA,4CAOA,qBAGE,CAHF,YAGE,oBAEA,CANF,YACA,CAHA,iBACA,CAEA,yBAFA,SAOE,qDAEA,sCAGA,qDCn+JR,qCDk+JQ,4CAKA,eACA,CCr+JR,uBD+9JQ,CAIF,WACE,CALA,mBAIF,CCn+JN,kBD+9JQ,6BAMA,gCAGA,YACA,cAFA,kBAEA,0CAiBV,gCAKE,CAZM,qBACA,CAJF,iBAEE,UAEA,CAWN,oBACA,uEAOA,CAGF,gDAHE,YAGF,2BAEE,QACA,4FAIE,CAIJ,8CAEE,CANE,yCAMF,mCACA,wCACA,qBAGE,CAHF,gBADA,YAIE,oCAMJ,qGASE,yIAKA,yCACE,yBADF,MACE,CADF,qBACE,WADF,WACE,oDAWF,gDAGA,wCAKA,4CACE,8CAGF,kCACE,mCAGF,gBAHE,cAGF,sCACE,UAIJ,CACE,gBACA,CAFF,eACE,CANA,SAOA,eAEA,WACE,CACA,aADA,WACA,CAJF,UAKE,mBAKA,eACA,CALA,WAGF,CAHE,UAKA,6BAEA,iBAGF,6BAEE,kBACA,2BC3+JF,iBD++JE,aChxKF,aACA,CD+wKE,8ECtxKF,CAGA,oCAEA,oBADA,eACA,CACA,cAHA,iCACA,CACA,mBACA,CACA,kCAEA,kCAEA,qBACA,kBACA,CADA,kBACA,qBACA,2BAEA,CAIA,6DAJA,wBACA,sBACA,qBACA,iBACA,CACA,mCDuwKI,qBACA,oCACA,sBC3hKJ,mCACE,8CAGA,yCAtBF,iBACE,8BAEF,kBACE,4BAkDF,iBD4/JE,aC7xKF,aACA,CD4xKE,8ECnyKF,CAGA,oCAEA,oBADA,eACA,CACA,cAHA,iCACA,CACA,mBACA,CACA,kCAEA,kCAEA,qBACA,kBACA,CADA,kBACA,qBACA,2BAEA,CAIA,8DAJA,wBACA,sBACA,qBACA,iBAEA,CADA,oCDqxKI,sBACA,qCACA,sBCxiKJ,qCACE,+CAGA,iCArBA,SAGA,mBADF,WACE,CD0jKF,kBC9jKA,iBACE,WAEF,CAFE,SD8jKA,+BAIA,sCAEA,iCACA,4BAJe,CAOb,uFAKE,CALF,sBAIA,CACE,oCAKF,6BAQJ,sDAKE,WAGF,yBAHE,iBAGF,4BAKE,+CAEA,CAHF,WACE,CAJA,WAGF,UAMA,eAGE,8CACA,CADA,YAFA,SACA,WAEA,iBAMA,iDADA,WACA,CAHF,WACE,WAGA,kBAMA,kDAHF,YACE,CACA,WACA,CAFA,UAEA,mCAKA,0BAEA,2DACA,uCAIJ,yCAKA,UACE,2CAEA,iDAII,+BAIA,CALF,4BACE,CAHF,iBAOE,sCAIJ,gCACE,0BAEA,kBAGF,iCACE,CALA,YACA,oBAGF,aACE,0CAQF,CAbE,iBAaF,wCAGA,4SAKE,gICtvJF,wCD2vJE,kCAIA,CC3uJF,wBAEE,CAFF,YDsuJA,WACE,QCruJA,kBDquJA,MCruJA,UDyuJA,CACE,0CAEA,kBAEA,UACA,mCAEA,wCACA,gBAGF,yCAMF,mBAJI,kCAIJ,CACE,WACA,CAFF,UAEE,6CAGF,aACE,CACA,iBADA,cACA,0BAME,YACA,8BACA,CALF,kEAKE,uBAMJ,2EAEE,gCACA,UAKF,gCAEE,SACA,CAEA,0DACA,sCAFe,sFAKb,iCACA,qDACA,mCACA,2CACA,6BACA,sECj5KJ,kCAoBA,8DACA,kODi4KM,oHAIA,sDAGE,mEAQN,qBACE,iBAMN,+BAEE,2FACA,kCAEA,6BAGE,YADA,iBACA,0CAGE,+BAIJ,CALE,iBACE,QAIJ,sCAEE,wBAEA,+CAIE,yBAGF,iCACE,CALA,iBACA,MAIA,wDAGE,kBAGA,wDAEA,+DC3xKN,qBDwxKM,YCxxKN,CDwxKM,sIAQA,4BAEA,8DAEA,4KAQI,kIAOI,mHAKA,8BAKN,CALM,gBADF,iBACE,WAKN,iDAQR,WACE,iDAIA,UACA,iDCh2KF,kBACE,iDAGA,2FDg2KE,kBCt0KJ,CDs0KI,aCt0KJ,sBDs0KI,4EASF,uFAMA,8BAJA,+BAGF,+BACE,0FCrnKF,yGD2nKE,gBCv2KF,oFDq2KE,qBCl2KF,gFDk2KE,qCAKE,gHAKF,+BAEA,+BACA,kFAGF,iBC1oKA,oDDipKA,WACE,8CAEA,UACE,+CACA,qBACe,+CCtgLnB,oBDsgLmB,oCCz3KnB,mBDi4KE,sEAGF,iBACE,cACA,CALA,WAGF,CAHE,UAKA,uDAQI,0BACA,8BAEA,CAJA,kBACA,CAIE,0CAEA,CAPF,YAEA,gBAPJ,iBAII,WASE,qHAIA,gKAME,2CC/5KV,2BDq6KM,qBANI,WAMJ,uDAQN,CARM,oBAQN,+CAEA,4EAIE,qDAIA,gCAGE,CAJJ,kBACE,qCAGE,uCAKF,qBACA,CADA,uBADF,YACE,CACA,mEAKJ,iBACE,UACA,2DAEA,4EAKE,yDAFA,0HAWI,yBACE,qBAIJ,sCACE,qCAGF,kDAGE,kBACE,CAHF,YAEA,CACE,sBAGF,CANA,YAMA,qDAUN,gBACE,gBACA,YACA,sBACA,6BAKA,CALA,6CAKA,4BAMF,uDAEA,yBACA,WAEA,CAFA,gBADA,YACA,CAEA,uDACE,2BAIJ,oBACE,CACA,yBAEA,4DAIA,2BAIA,4DAIA,4BACE,uDAKF,0CACE,6CAEA,qCACE,sBAKN,CACE,gBADF,YACE,qBACE,wBAIJ,CALE,iBACE,CAIJ,cACE,oCAEA,YACA,iBAGF,8BACE,4CAEA,aAGF,wBACE,mCAEA,mBAGF,oBACE,CAJA,cAIA,gBACA,CAGF,gBACE,oBACA,CAVA,qBAGF,CAEE,wBAKA,wCAEA,kBACA,wCAEA,kBACA,2GAMA,YACE,qIAcJ,gCAOE,CAVA,oCAUA,iCACA,oBAKA,iBACE,iCACA,oBACA,gEAME,0DAMF,iBACA,6CC1oLF,kBDwoLE,6CCroLF,iBDqoLE,8CC/nLF,wBDsoLI,4BCnoLJ,YDmoLI,YCnoLJ,CDmoLI,wCAKF,+BAIJ,qBAIE,kBACA,CAFA,YACA,CACA,sBAEA,CALA,eAKA,mBACE,gCAMF,CACE,cACA,CAFF,iBACE,CACA,iBACA,yHAYF,+HCv9LA,gBD29LE,kBACA,0CAQF,eACA,CAJF,iBACE,CChlLA,oEA3mBM,CD4rMN,aACA,CAFA,cACA,CAEA,8CAOF,qBC5lLE,iBAjcmB,CD8gMjB,WCtrMI,oDA8mBN,sFAEE,iBD2lLJ,8CAOE,oBAEA,6CACE,sBAEA,wCACE,0BAIA,cACE,4CAGA,wIAaJ,sCACE,+GCxtLJ,uCDkuLQ,2cAUI,6MCjyLV,8MAGA,uOAeA,mGAGA,wBADF,cACE,CAHA,gCAEF,mBACE,6ID2xLI,2JAGE,2VAKA,iLC35LN,kIAEF,eACE,sLDk6LI,yCACE,2EAMA,CAXE,aAWF,wHAGE,mICn0LR,kIAGA,wID4zLM,gIC3yLR,6BDszLA,kBACE,6BAEA,8CAGE,iDACA,8BCryLJ,eDqyLI,gBADA,0BACA,wCAGE,QACE,wCAIA,mCACA,oHAON,cAIA,eAJA,oBAIA,kNAQA,yTAYE,wRACA,ijBACA,mUAQA,cACA,YADA,iBACA,o0BAQA,sNC7oMF,y6BDopMI,2gBCppMJ,mIA7NM,6EATA,uJDs5MN,ygBCt5MM,qHAsNR,+CD6sMI,CC7sMJ,kBD6sMI,UAOJ,CCptMA,SDotMA,0BACE,kBAIA,0BAGF,kBAEE,gCAGA,kDCv8LA,iBAEF,0BACE,uBAyCF,mCD85LI,qIAMe,kIAOjB,kCAEE,4CASE,mGCp/LJ,oBAEF,iEAgBE,yBAGA,iCAHA,wCAGA,4CDm/LJ,yDACE,iBACA,qjDAOA,+kDAUQ,4oCAOA,yoCAYA,iKAOA,qDAFF,qCAEE,CAFF,iBAEE,oGC74LR,4BACA,ueAIA,wKDo6LF,qBAME,gBACA,CC36LA,4FD26LA,yCAEA,gBACA,sEAIF,WAHE,iCAGF,kBACE,iECxxMA,kDAGA,CDmyMI,kLChpMJ,CDgpMI,iHC1oMJ,gED8oMI,sDAMA,6HCxoMJ,sDDwoMI,+DCloMJ,qDDsoMI,iECnoMJ,gDDmoMI,sBCnoMJ,UDmoMI,2DAKF,gBAGF,2DAGE,wEAGE,qJAKE,2DAIA,wIASF,iBACA,uGAIJ,sBAEE,UACA,sBAKF,+CAGA,yBCnqME,wBAGA,qBAKF,2BACE,wBAEF,oBACE,0BDypMF,iCACE,wBACA,iBAIA,cADF,iBACE,6BACA,eAGF,CAHE,YAGF,yBAKF,sBAKE,iBAEE,WAIJ,aARE,WAEA,CAHA,iBACA,gBAQF,+BAGE,qCAIE,OACA,+BAEA,gCACA,uCALc,oEAOd,wCACE,iBAIF,mBAHE,2BAGF,CACE,kCADF,iBACE,CACA,6CAMF,uEAIA,mGAIE,gBAEA,2EACE,gDAIA,qHAIJ,yCAEE,+CAEA,eC/tMJ,+BD8tMI,gCC3tMJ,iBD2tMI,gCAIF,qBAME,WALA,wBAKA,2BAIJ,CACE,4BAGF,cACE,8DCh8MF,kBACA,gCDq8ME,cACE,iFAKA,uDAMF,sYAQF,2MAME,qPAKA,yPACA,oHCzvMF,oBDyvME,mGAGF,iBACE,2DAGF,wBACE,CAJA,iDAIA,6BAOF,eACA,6BACA,2CAEA,oCC1yMA,oBDoyMA,uBCjyMA,aDiyMA,2CASE,mBAMF,gBAKE,2BAGF,CARA,SACA,kBAEA,2BAKA,mCAOA,UACA,CAEA,eAJF,oBACE,CACA,gBACA,gBACA,CAFA,iBAEA,qDAMA,6BACA,qDAIA,iHAHA,yFAgBE,2BACA,CAJA,wBAEA,qCACA,CARA,qBAGF,WACE,CAZF,cAYE,WACA,CALA,4BARF,iBAKA,2CAYE,mEAIA,yEAEA,wEATc,oICh0MhB,2DD60ME,uBC10MF,8CD00ME,iEAGE,kBACA,sPAWJ,8BC9nNA,aACA,CD6nNA,kHCpoNA,CAKA,oBADA,eACA,CACA,cALA,iCAGA,CACA,mBACA,CACA,kCACA,kCAEA,qBACA,CACA,iBACA,CAFA,iBACA,CACA,gDACA,CAOA,sBAFA,gCAEA,CAPA,wBACA,sBAEA,CACA,oBACA,iBAEA,CACA,yTD+nNA,0HAGF,cAWE,kBACA,oIAOA,oKC3wMA,kFDsxMA,wCAMF,CC5xME,kBDsxMA,CCtxMA,+BD4xMF,uBAEE,sCACA,YACA,CC1rNA,aACA,CDyrNA,uCACA,uCAEA,oCCnsNA,CAKA,oBADA,eACA,CACA,cALA,iCAGA,CACA,mBACA,CACA,kCACA,kCAEA,qBACA,CACA,iBACA,CAFA,iBACA,CACA,gDACA,CAKA,eACA,CACA,+BADA,gCACA,CAPA,wBACA,sBAEA,CACA,oBACA,iBAEA,yIDmrNE,2IC7tNF,cDmuNE,wGAWF,6BAGE,wGCp7MF,8BDq7ME,qCCl7MF,CDk7ME,mDCl7MF,6BDw7MA,WAEA,cACA,CATE,oBAMF,CACA,wBACA,CAFA,iBAGA,+CAKA,6BAEA,+CAGA,8EAFA,sKAOA,+BC78MA,mFDk9MA,qEC/8MA,UD+8MA,cC/8MA,kBD+8MA,2CAaA,yBAGF,oCAGE,CAPA,wBACA,CAHA,OADA,OACA,2BACA,wBAQA,yCAKA,qCAHA,QACA,CADA,QACA,0BACA,oCAIF,8EAIE,0BACA,8HAOA,8JCj4MA,6FD44MA,gBC54MA,oKDs5MA,sHC30NA,mDAqbA,mBD65ME,sDAIJ,WAEE,gBAIA,+BAEA,CAHF,iBAGE,4BAEE,gBAGF,0BAIA,sCAEE,0BACA,qCAGE,aCviNJ,4BD4iNE,CC5iNF,YDuiNI,QCviNJ,UD4iNE,qJAOA,4HAUF,6BAIA,CAVF,0CAUE,gCAEA,wCAII,mCAEc,uDADd,iBAEA,yCADc,mCAOhB,2CAEA,mCACA,qBACA,0BACc,4CAId,+BAGF,CAPgB,gEAId,+BAGF,+BACE,sCACA,+CAKA,2DAFe,uDAUf,kBACE,CAJA,cAGF,CCxmNF,cDqmNI,mCCrmNJ,CD8lNiB,iBCjmNjB,cDwmNI,2BAIA,+CAEA,SAEA,+CAGA,qDACA,iBALe,aC15NnB,aACA,CDy5NmB,kHCh6NnB,CAKA,oBADA,eACA,CACA,cALA,iCAGA,CACA,mBACA,CACA,kCACA,kCAEA,qBACA,CACA,iBACA,CAFA,iBACA,CACA,gDACA,CAMA,8BACA,CAFA,gBACA,CANA,wBACA,sBAEA,CACA,oBACA,iBAEA,4EACA,kJDw5NM,uMAMA,wHAEA,mDACE,kDCtoNR,8CD6oNM,wDC1oNN,8BD0oNM,qCAKa,0CC7zNnB,iBD6zNmB,oBAKrB,kBACE,iBACA,4BAMA,uBADA,WACA,CAEA,gBAFA,kBAKF,mCAKI,SAJF,uBAGE,CACA,cACA,CAFA,uBAEA,4CACA,SAGF,4CAGE,QAEA,yCACA,yBAFe,kBC11NjB,kBD01NiB,iBC11NjB,CD01NiB,OAIf,6BAJe,+BAoBjB,CAhBE,WAeF,sBACA,CALA,WAGF,CALE,6BAEA,CAHA,cACA,CARI,sBAKN,CAQA,SACE,CARA,UASA,mBACA,iBACA,CACA,YCp/NA,aACA,CDm/NA,uCAEA,CACA,sCACA,oCC9/NA,CAKA,oBADA,eACA,CACA,cALA,iCAGA,CACA,mBACA,CACA,kCACA,kCAEA,qBACA,CACA,iBACA,CAFA,iBACA,CACA,gDACA,CAKA,gBACA,CANA,wBACA,sBAEA,CACA,oBACA,iBACA,kBACA,0FACA,YD4+NE,iBAGF,oCASF,wCACE,CANA,sBACE,CADF,SAHE,iBAGF,SACE,SAKF,mBAEA,6CAME,kBACA,4CACA,gDAGF,8CAIA,kDACE,+CAIA,2BAEE,6EAKF,iBAEE,sBAKN,oEAGE,YAEA,mHAMI,2OAUE,aAVF,udAWE,4gBAFc,whDAId,iCAmBoB,8PCjqN1B,uBDiqN0B,kFAU1B,kBACA,CANA,0CAKA,CAPF,UAQE,mEAMA,YADA,MACA,CADA,4BACA,SACA,uEAIA,iEAIA,sDAGF,yBACE,qECxrNA,oBAzgBkB,+BAkhBhB,YD4rNJ,CC5rNI,gCD4rNJ,CCrrNE,6BACA,CAXA,WD2rNF,aC3rNE,YACA,gBACA,CD6rNF,UC/mOE,CAybA,mBACA,CA1bA,iBAEA,CACA,iBACA,oBACA,CAHA,uBACA,CAEA,wBACA,CACA,qBACA,qBAME,kBAmaF,eA7aA,SAubA,iDAEA,CAFA,uCAGA,wCAKA,uBACA,qBAEA,gBAEA,CAZe,wBAOf,CAPe,0BAGf,cAHe,gCAhVf,cAgVe,CAGf,iBAnVA,CA4VA,eACA,yCAEA,kEACA,yBDyqNA,4CCh3NA,YACE,0CAEF,oDAuME,qDAKF,CA3ME,yBA2MF,mJAMA,oHAzgBA,6CAygBA,eADA,4BACA,CAFA,yBD8qNF,sEAKE,4BACA,CAFF,SACE,CACA,6BACA,0EAKA,4BACA,8BACA,6BAEA,4BACE,CAHF,oBAEA,iBAFA,aAGE,mCAKJ,cACE,wCAEA,sCACA,0CAGE,sCAEA,uBACE,mBACA,YCxxNJ,uFDwyN4B,qBCzxN5B,gGAKA,qBDoxN4B,mGCpxN5B,mCDoxN4B,6ECpxN5B,2BDoxN4B,sCAK1B,kFAKF,gEC9wNE,YDoxNF,CCpxNE,gCDoxNF,CC7wNA,6BACA,CAVA,WADA,aACA,aACA,gBDqxNA,UCvsOA,CAybA,mBACA,CA1bA,iBAEA,CACA,iBACA,oBACA,CAHA,uBACA,CAEA,wBACA,CACA,qBACA,qBAME,kBAmaF,eA7aA,SAubA,mHAGA,QACA,oCAnVA,iBAgVe,yFDgxNjB,oCCzwNE,uBACA,qBAEA,gBAEA,CDwwNE,wBC7wNF,CAvBA,WDmyNA,CACE,cC/yOgB,aA2gBlB,CDmyNA,+BACE,CCpyNF,gCA4BA,6CApsBQ,yBAusBR,sEACA,gDAtME,qFAGA,mDAsMA,iFD2wNF,2ECp1NA,wBDg2NA,CANA,kBC11NA,cD01NA,qBAMA,mBCn5NA,mBApbkB,CDm0OlB,cC51NA,kBD01NA,eAEA,CCn0OkB,yBAublB,sDA1lBQ,wBD4+ON,uDAEA,iBAEA,6BC/+OM,CD++ON,YAFA,SAEA,CAFA,eC7+OM,gEDs/OJ,sBAEA,gEACA,mFCzgOJ,4BACE,CAHA,mCAGA,8DD0gOE,iBACE,CADF,eACE,YC7wON,aACA,CD4wOM,uCACA,uCAGF,oCCvxOJ,CAKA,oBADA,eACA,CACA,cALA,iCAGA,CACA,mBACA,CACA,kCACA,kCAEA,qBACA,CACA,iBACA,CAFA,iBACA,CACA,gDACA,CAKA,gBACA,CANA,wBACA,sBAEA,CACA,oBACA,iBACA,0BACA,qID8wOE,0HAEA,eC95NF,sDAGA,0CACA,4CDo6NI,4DAFE,aAIF,CAJE,+BAKA,uBADF,wBACE,wFCvhPE,gCD8hPJ,mGAGF,2CAEE,uBChiPI,kCDuiPJ,gBChjPI,iBD8iPJ,CCt8NJ,oEA3mBM,iBDijPF,aAEA,CAFA,eAEA,wBACE,sBAKN,qBCh9NA,iBAjcmB,CArKX,WAHF,0CA8mBN,4ED68NE,8BCv0OF,aACA,CDs0OE,uCAGE,2ECh1OJ,CAKA,oBADA,eACA,CACA,cALA,iCAGA,CACA,mBACA,CACA,kCACA,kCAEA,qBACA,CACA,iBACA,CAFA,iBACA,CACA,gDACA,CAKA,cACA,iBACA,CAPA,wBACA,sBAEA,CACA,oBACA,iBAEA,mHDi0OM,gBACA,uDAGF,CACE,8CAKN,yBACE,eAKJ,yBAEE,gBAGA,uBACA,mBACA,8BChmOA,UD4lOA,2DAOF,WACE,8BC/nOA,UACE,mDAGA,qDASA,gCADF,WACE,uBD+nOF,CCloOE,UDkoOF,iEAMA,8BAEA,2BAIE,YAIJ,CAJI,gCAIJ,CAPE,oDAEA,CAKF,UCp3OE,kBAEA,CD22OA,cC32OA,oCAEA,wBACA,oCACA,wBAEA,2BAYI,YDo2ON,CCp2OM,gCDo2ON,CCx2OI,WARF,aAQE,YACE,gBAEF,CDq2OJ,UCx3OE,kBAEA,CAeI,cAfJ,oCAEA,wBACA,oCACA,wBAEA,uCAeE,uDAGA,qBACE,8DDu2OJ,wBALA,8BAGF,kBAEE,CALA,cAKA,iCAGF,8BAGE,gBACA,8BACA,iBACA,oCAGF,uCAEE,mEAIA,sCAGF,mBACE,kCACA,mCAGF,eACE,CADF,eACE,kDC71OA,oEDg2OA,wDAIA,aADF,eACE,mCACA,8BAIF,eACE,8BAKA,gBACA,wBAEA,cC/rOA,CD8rOA,kBC9rOA,iCD2rOA,sBCxrOA,iCD+rOF,sBAEE,8BACA,uCClrOE,+CAGA,sCDkrOJ,qDACE,mCAGF,eACE,CADF,eACE,2BACA,+BCj4OA,iBDu4OF,qBACE,CCv4OA,sCDs4OF,CAOI,qBAEA,gBANF,uBAEA,CACE,iBACA,CAFF,aACE,gBC74OF,iBACA,CDu4OA,uBAQE,0BACA,gBACA,0BAEA,iBACA,6BACA,WACA,sCARA,qFAWE,gDCn1OJ,kCDo1OI,CCj1OJ,+BDo1OE,CCp1OF,UDi1OI,yCCj1OJ,uBDo1OE,uEAKE,mCACA,CAFA,gCACA,CACA,yJASF,qCACA,iHCv2OF,sCD02OI,iHCv2OJ,iDDu2OI,iHC7zOJ,kDD8zOI,iHC3zOJ,oDD2zOI,iHC5yOJ,qDD6yOI,mGC1yOJ,sCD0yOI,mGCn2OJ,qCDy2OE,mGCt2OF,kDDs2OE,mGC5zOF,iDD6zOE,mGC1zOF,qDD0zOE,mGC3yOF,oDD4yOE,qECzyOF,gCDyyOE,CCzyOF,gCDyyOE,aAIA,sCACE,CAcJ,2BACA,CALA,wBAIA,CC7oOA,0BACA,CDsoOA,qCAEA,CAHA,iBACA,CAOA,6CChnPkB,CDgmPhB,aC/nOF,+BACA,CDqoOF,sBACE,CCxmPkB,8BAmelB,wBDgpOA,eChpOA,aDgpOA,6OAOE,mICjkPF,CDskPF,sCC7jPI,qBD6jPJ,CCtkPE,4BDskPF,0BACE,kCACA,aACA,CAFA,WAEA,mDACA,MAEA,CACE,eACA,CAFF,iBAEE,0EAEA,YAGE,iEAMI,gDADF,WACE,CAJJ,yCAII,oEAUA,oBACA,gEACA,gCAGF,eAEE,aAFF,qBAEE,uGAQF,oCAEA,+EAGA,gCACE,CADF,8BACE,oEAEA,iBACE,sCACA,cASZ,wBACE,oBC70OA,YD80OA,iBCj1OA,CDk1OA,gBC/0OA,CAHA,WDk1OA,6BAGF,mCAKA,qCAGE,kCAGA,0BAEA,yCAKE,CATY,kCAId,CAJc,mCAId,WAKE,gBAEA,kBACA,CAHA,YACA,sBACA,CACA,sBACA,2CAMJ,YACE,sBACA,cACA,cACA,uBACA,CAHA,WAGA,4CAGE,iBACA,0CAGA,aACA,8CAEA,iBACE,iCAWN,6BACE,CARI,wCAON,CACE,2CAKA,CACA,sBACA,6IAKA,yBANA,eAlBI,iBAGF,CAeF,eACA,CAfI,WADF,SAqBF,8DChwPE,aDkwPF,CAFA,cChwPE,iBDgwPF,kBAEA,8GC11OA,cAFA,cA5kBQ,CD46PN,gBC56PM,iBA8kBR,qBD81OE,uBAGF,CAHE,kBAGF,oKAGE,oGAsBF,6BACA,CANE,gCAKF,CC98PQ,wCDy8PN,CAfA,kBCj7PM,4BATA,CDw7PN,iBAuBF,+BACA,0DAEA,uDACA,cAGE,wCAGE,iBC77OJ,wCD27OI,kBCx7OJ,CDw7OI,gHAQF,4BACA,CARE,sDAOF,CAPE,gCCl8OJ,SDk8OI,+BAQF,6HAGA,8VAGE,8HAGF,wBAEE,kBAIJ,CAIA,+FAKE,CARA,qBAGF,CAKE,sDACA,CAhBA,aAMF,aANE,8BAEE,CAIJ,0BACE,CASA,0EACA,CAOA,gCACA,CARA,eAQA,kCAFA,iBACA,CAPA,yBAGA,qBACA,qBACA,iBAGA,iCACA,8CACA,iCACA,8CC3/OF,4CACE,uBAEF,gBAFE,6BAEF,uCD2/OE,YACE,0CAEA,gEAKE,yDAGF,yGACE,wDAMF,8GACE,CADF,WACE,qDAQA,sEAOF,+EAGE,oFACA,+LAKE,gSAUA,6BACE,kGAEA,4BACE,0HAQJ,uIAGE,gNCplPV,uCD2lPI,qeAKI,iIC5pPR,kED4pPQ,kDAUJ,8IAMI,gCAON,mBACE,cAEA,CAHF,0BACE,CAEA,iCAMJ,CARI,uBAQJ,gCAEE,cACA,gCAEA,aAEA,yBACA,qDAFe,wDASb,gCACE,CANJ,+BACE,CALa,SAIf,CACE,kBAKE,0BAIJ,kDAEE,uBACA,iEAEA,8BAEA,mCACE,qEAEA,YACE,iEAQJ,0EAMA,iCC7zPJ,WDi0PkB,CAJd,YAIc,iEC9zPlB,WD8zPkB,uCAKhB,UACA,uCAMF,kDAIA,iBC5tPA,sCACE,eAEF,6CACE,kBD0tPF,6CCvrPA,iBDurPA,uCC/pPA,iBDmqPA,sDChqPA,SDgqPA,gDAGF,QACE,+BAEe,mBADf,sBACe,CADf,aACe,oEAKf,0CAGE,wBACA,0BAGF,CALE,eAKF,sDAQI,4BACE,yCAEA,wDAEA,wBAQA,sCAKJ,0CAEE,CARA,qBACE,CAPE,cAcJ,cAEA,iBAhBI,iCAMJ,WAUA,iCACA,yBACA,iCACA,yBAGA,4CC3uPJ,CACE,QAEF,WAHA,iBACE,oBAEF,uCACE,UDyuPE,uCAEE,SACA,8BAGA,8BC54PN,qBD04PqB,uEAKjB,qMAgBJ,wIAYA,iDAEE,kEACE,0BAEF,gEAKF,8FAIA,gGAEE,0BAEF,sFAIA,oDACE,oBACA,sCAEF,2DEzyQA,mCAIA,WADA,gBAEA,sCACA,0BACA,aAKA,4BAIF,CALA,yBACE,CALA,mBASF,qDAII,wDAKA,4BACA,YACA,UAKF,CALE,yBAKF,eACE,CAPA,iBACA,iBAMA,6BAGF,0CAOA,CAPA,YAHE,UAGF,WAOA,2BAEA,MACA,2BAEA,OACA,0CAKE,kBACA,uDACA,sEAHc,oBAOlB,6BDkRE,CCjRA,iBDiRA,0DACA,wEC5QA,4BAEA,gDAEA,aAkBF,kBACE,CAGA,2BACA,CAJA,6CAGA,CAHA,mBAnBA,aAKE,kBACE,mBAYN,CAjBI,QACE,CAFJ,8CACE,CACE,8CAGF,kBAkBF,oBACA,YACA,uCAGA,iCADA,oBACA,YACA,0BACA,mBAEA,+BAME,kBALA,cAGF,kBAEE,CALA,iBAKA,6KAcA,iGDqFF,CCrFE,sEDqFF,2BCjFoB,qBD0FlB,0CClFA,yDAGA,kDAKA,uCAQE,eACA,CAKA,yCACA,CANA,4DAIA,wBACA,CATN,6BAGM,UAOA,0BAEA,CDhLE,oBCgKJ,iBAIJ,oDAGM,CASA,kBDhLE,6CAuTJ,4BCrIE,qFAGA,sCACA,0FDqIF,iBCnIE,kBAbF,CDgJA,YCnIE,uBAbF,4HAuBF,kBACA,mBACA,yCACA,CACA,aADA,sBACA,aAMA,wBAKF,CATE,wCAIA,CAKF,6FAQE,CAjBA,uBAiBA,+BACA,mBACA,sBAFA,YACA,CACA,4BADA,sBACA,kCAKA,yBAIA,8CAPE,qBAUF,eAOE,gCAEA,kBAMJ,CACE,sBACA,CAFF,mBACE,CACA,mDACA,CADA,gBACA,uBACA,CAnBA,iBACA,CAkBA,wBACA,CAnBA,QACA,yBAGA,sBACE,sBACA,gBAaF,UAGA,sDAIA,aANA,YACA,CAFA,eACA,CAEA,eADA,UAKA,iBACA,kCAIF,YACE,SAEA,+BACA,0CACA,wBACA,CAJA,iBAIA,YAIA,0CAKF,CANA,iBAMA,sCAEE,oDAEA,kBAEA,oCACE,0CACA,CAGE,yBARJ,mBACA,CAOI,eAGF,CAJA,YACE,CAHF,eAMA,6CAGE,qDACA,+BAEA,wBACA,wBAEA,qDAGE,wEAGF,wBACE,eAIJ,eACE,6CACA,mEAOI,+BAEA,CALF,SAEA,+BAGE,4NAgBR,mKAEA,CAFA,cAEA,uDAMA,yCACA,0CACA,CAEA,0BACE,mCAIF,+BACE,CACA,mDAGA,CACE,kBAKN,CAXE,aAEE,eADA,uBAIA,gBACE,CAJF,eASJ,iBACE,CAXE,UAWF,oBACA,iBAEA,aDhIA,cCgIA,uCAEA,uCACA,oCAEA,CD1IA,mBAIA,CCyIA,eD7IA,CAIA,aACA,CCqIA,iCAGA,CDzIA,oBACA,kCACA,kCACA,qBACA,CACA,kBADA,iBACA,CACA,qBACA,2BAEA,CAEA,cAEA,eACA,cACA,CANA,8CACA,qBACA,iBAIA,mBACA,gCACA,oFACA,eCyHE,gBACA,eACA,YAGF,wDAMA,kCAEA,aAGA,mBACA,CAHA,+BAEA,CACA,gBAEA,CACE,cAIA,CALF,cACE,CAIA,oCAKF,uCAKF,iBACE,sBACA,iBACA,uBAEA,sBAIA,6BACA,CAFA,cACA,CAHA,iBAIA,+BAEA,8CAGE,+BACA,+CAMA,6CACA,8CDgGF,6CAGA,6CCrGE,oFD8GF,uCCzGI,YDsGJ,aCtGI,oCDyGJ,CCzGI,oBDyGJ,kBCzGI,+GAOE,uCACA,sGAGA,sCDhFN,2CC8EqB,2GD3ErB,0CC2EqB,6DAKjB,gDACE,kCACA,qDAGF,mEACE,4BACA,6BAMJ,eACE,4BAEA,CAFA,aAEA,gBACE,cAMR,uCACE,4BAGE,6BAUJ,CAXE,iBAWF,sCAGE,cACA,CAFA,cAEA,gBAEA,4BAEE,CAFF,UAEE,mCAIA,sCACA,wCAKA,4BAIA,wDACA,kCACA,qDACA,aACA,CAEA,eACE,wBAHF,kBAGE,0BAEA,wBACE,8CAIA,kBACA,CAFF,sBACE,CAJA,MAGF,CAEE,gBACA,cACA,iDAMJ,2CAKA,kBACA,CALA,mBAIA,CACA,mCAEA,oDAEA,uBAGE,wCAIJ,oBAEE,YACA,kCACA,kDAEA,mCACE,qCAGF,oBAMA,gBAGF,cACE,iBAKF,iBACE,CAXF,cACE,CAIA,0BAMA,0DAQI,4BDPN,oDAGA,sCCaA,iCDRA,iCAFE,iBAEF,CCQA,wBDXA,CACE,gBADF,8BACE,eAEF,0CCUA,SACE,0CAGA,gCAGA,WACA,CADA,UACA,6OAMA,g5BD5XA,8NCyYJ,CALwB,YDpYpB,CCyYJ,iBACE,CDnZA,eCmZA,mFAII,yBAGF,CAHE,UAGF,gFAIE,6BAEA,CAFA,8BAEA,kEAQE,gCACA,CAFA,iBACA,CALA,yBAGF,UACE,CAJA,yBAGF,UAGE,2EAKF,UACA,2EAMA,2CACA,0DAJc,6DDpSlB,CCoSkB,iBDpSlB,YC2SE,kBACE,CAKF,4BAGF,gBACE,CAjBgB,+BAOhB,CAMA,YALE,kBAKF,CALE,eASF,qBAEA,qBAIJ,CACE,oBACA,sBACA,qBAGA,wCAEA,qBACA,uCD5JA,kBCuJA,uED9IA,wBC+IA,0CD5IA,sCCmJA,2CACE,qCAKA,gFAIA,CARA,cAGF,8BACE,CAIA,kCARA,cAaF,uEAKE,yEAGE,iBAEF,YAFE,iBAEF,iEAEA,sEAEI,gDASN,WAGF,8CAIE,eACA,0CAFc,gBAQd,wCACE,CATY,4DAKZ,CAIA,qED1uBI,CCiuBQ,YDnXd,CCwXE,iBAGF,CD3XA,iBCmXc,CDjuBR,+DCivBJ,6EACA,2EAIA,0BD5bF,4CACE,gECicA,mBAHE,cAGF,CAHE,0BAGF,0DAIA,iBACE,0DAIA,gBACA,iDAGA,0FAFA,gBDhQJ,sBCgQI,yFAOA,iGAIE,kCACA,sDAGF,iBACE,wEAEA,+EACE,iBAKN,mBAEE,gEDtSJ,oBCuSI,mIAMJ,0BAGF,uHAEI,kJAKA,yLD5RF,cC6RE,gFD1RF,qBC0RE,uBD1RF,CC0SA,oCACA,CACA,mCACA,CATI,qBAMJ,CAhBE,8BAOA,aAPA,6BAOA,6CAEA,CAUF,4DAGA,CAbE,SAaF,2BAGA,gCACA,qCACA,CAHA,cACA,iBAEA,iFAKA,QACE,+FAIA,wFAIA,uSAEI,2DAFJ,YAOI,sEAMN,0DAIE,iCAGF,CAHE,OAGF,6BAEE,sIAaF,kBACA,2BACA,6IAEA,6BAME,6BAGF,6BAII,4BAGF,0BACE,CAQA,yCAGF,2CACE,eAGF,gDAIA,+BACE,gBAMJ,uBAEI,sBARA,+BAMJ,8BAEI,gCAIJ,MAPF,2BAQI,YAIJ,oBAGE,sBAFA,kBACA,gBAEA,0CACA,4BAIE,8BAKF,6BAGF,+BAv8Be,WDwfb,4BCqdE,CAHF,6CAEA,CA58Ba,iBA08Bb,CAEA,eACE,8BDldF,+BCkdE,mBAIJ,mBACE,iBACA,yBACA,SAp9Ba,mCAs9Bb,gCAGE,oBAIA,yBACA,kBAGE,8BACE,8CAGE,iBAKE,UAQZ,YACE,gBAMA,CAPF,UATU,iBACE,WAeV,kBAGF,CACE,eADF,kBACE,+BAEA,CDhRA,2BAEA,CALA,wCAEA,CCiRA,4DDnRA,CAKA,gCApvBM,CAivBN,iBACA,CAlvBM,qEAuTJ,gDCmtBF,gCACA,iBDjtBA,iBCmtBA,eDntBA,CCitBA,yCDjtBA,mCCstBE,mBADF,YACE,CADF,WACE,2BAKJ,sCAIE,CAJF,kCAIE,SASE,gCACA,yCAMF,CAhBA,QAEA,CAcA,qBAEA,CAfE,mFAMA,CATF,gBAEA,SAgBA,0IAGA,cAIA,kCAIA,2BACE,CARF,sCAQE,2DAEA,iCACE,mBACE,8DACA,qBAKN,CALM,0BAKN,6BACE,+BAEA,6BACE,8BAMF,UAIJ,qBACE,YACA,6BAEA,uBD/kBA,yCC8kBA,mBD3kBA,qBC2kBA,mBAIF,sBACE,CAGA,eACA,cD5jBA,0DAGA,yBAZA,wCAGA,uDCqkBE,gBAGF,4DACE,6DAGE,+DDrmCE,sCAuTJ,CAvTI,8BAuTJ,sFAIA,kDCizBI,uMAYE,0LALA,mMAcA,iLALA,uDAEE,sDASN,wCDvoCE,wBAuTJ,CAvTI,oBAuTJ,+CAGF,kBACE,6BCi1BA,2CACE,4BACA,gBACA,8CAMN,wCACE,OAEE,+BD7yBF,CC4yBgB,sBDzyBhB,2DC4yBE,QACE,0CAIA,eAIJ,kCAKE,qCAIA,6CAMF,aACE,sDAOF,oCACE,CAEA,2BACE,yDAKF,wBAGF,sCAIA,kCAEE,4CAKE,uBACA,oBAEA,sBACE,uCAIJ,uCAII,yBAKN,CARI,4BAGE,CAHF,0BAQJ,oBACE,2DAKA,YAGF,6BAEE,2CACA,aACA,oBAKA,yBADF,oBACE,UAGE,oBAHF,mBAGE,mBAKF,6DAGF,wBACE,gCAIF,eACE,qBACA,uBAEA,yBACE,yCAOJ,iBACE,kCACA,sBAIA,iCACE,iBACA,gCAIA,mBD9xBJ,6BCkyBA,qDAEE,2DAQF,oBDjxBA,2BCixBA,WAEA,CAEE,gCD5zBF,CC0zBA,iBAEE,CAJF,UDxzBA,OACE,eADF,iBACE,aAGA,WAHA,UAEF,cACE,2BC4zBA,aACA,YAEA,sBAFA,qBAUF,CARE,SAOF,cACA,CARE,eAQF,4BDlhCA,gCAEA,CAHA,kBCyhCA,mBAEE,kBAKJ,CANI,iBAMJ,qCAEE,mBACA,wBASE,8BAEA,CATF,oBACE,CAQA,8BACE,CALJ,aACE,CAJA,aAGF,CAJE,kBAKA,wBACA,CANA,SASE,sBAGF,6BAEE,cACA,kBACA,yFAIA,iBACA,yFAmBF,uHATE,mQAIc,qRAJd,uTAIc,iBDrgClB,6ICqgCkB,kBD71BlB,yJCy1BI,qBDt1BJ,CCs1BI,8KAIc,uKDrgClB,iBCqgCkB,uKD71BlB,kBCy1BI,2XAIc,yaAJd,icAIc,8NA+Bd,iCADF,cACE,2MAUI,iKAIE,kBAIJ,CAUA,wCACA,CDvmCN,qBACA,wBCgmCI,CATM,gCAFF,iBAEE,CDxlCV,qBC4lCM,qBD5lCN,CColCQ,iBAEA,CAWJ,wBACE,sBACA,CACA,oBACA,kBAEA,qBACA,2BAEA,oDACA,gBAKE,YANF,0BAEA,2DAIE,CANF,cACA,kBAKE,kCAIA,iBACA,CAEA,iCAEA,gBACA,qWAJA,iMAYsB,cDjuC5B,6DCouCQ,0BACE,gCAUF,yCAGE,CAHF,uBAGE,kBAKN,CAZI,gCAGF,iBACE,CAJA,aAYJ,mCAIA,oBAGE,mCACA,oBACA,yBDv/BR,mBC0/BQ,aADA,YDz/BR,sBACE,CCu/BM,kBAEA,sBAFA,SDv/BN,oBAEF,oEC6/BM,aACA,gBAsBR,gCACE,CAdM,wCAaR,CAdM,4DACE,CAJA,qBAGF,CAPE,sBAEA,qCAoBN,mCACA,wBACA,kDAEE,+EAGF,uBAEA,iEAGE,eAGF,uEACE,uBAGF,CAEE,wEAEA,oDACE,uCAGF,2BACE,sDAMJ,6CD9iCA,uBC8iCA,CDjjCA,uBCijCA,2GAQE,oBACA,wBACA,CAFA,2BACA,CACA,+MAcF,sBAFA,mCACA,yBACA,uHAEA,aACE,mRAMA,iVAIE,gPAMF,0iBAIA,qmBAOE,+uBAUE,0pBALc,yhBAkBhB,+eAEI,+eAGA,whCAQJ,qsBAgBA,iIACE,CAEE,qBCzpDV,uBACE,CDqpDI,kCCrpDJ,gCACA,6BACA,6CAIA,kCAEA,mBACA,oBAEA,+EAEA,4BACA,CADA,cACA,+CAGA,gBACE,kEAKA,yBAEE,0BADA,uBACA,4BAIJ,sBA9BF,aA+BI,oCAIJ,WAOE,kBAGF,CACE,eAVA,mBAGF,sBACE,uBACA,CAKA,aACA,CAFF,UACE,CACA,iBACA,eAIA,WAMF,CAPA,UAOA,qKAaI,iBACA,kDAIJ,kBAEE,CANE,aFwJF,sEEpJF,CAJI,sFAMF,yFACA,qEAGA,kFAKE,oCAGF,yCACE,aADF,iBACE,uCAOJ,kBACE,CAEA,kBAEA,CAZE,qBACA,CAOF,0BAEA,CATE,sBAMJ,CAPI,UAQF,yBAIA,mCAEA,2CAEE,6DAGA,4BACA,uDAOA,YACE,CADF,gCACE,CALF,oCACE,iBAIA,6BAGF,QAHE,wBAGF,CAPE,cFqJJ,mCAEA,uBAEA,qCACA,CAEA,WACA,2BAGE,CAJF,SACA,CAHA,iBACA,UACA,CAKE,mBEtJA,+BACE,CFqJF,kBErJE,2BF8mBJ,WACA,CACA,yBACA,CAFA,SACA,CE1mBA,gBFumBA,UACA,CAIA,4BACA,QAYA,yCE/mBA,CF6mBA,sBAEA,CE/mBA,mBFmmBA,mBACA,CE5mBA,aAEA,eF+mBA,CAGA,WACA,CARA,sBE7mBA,CFknBA,gBACA,CEnnBA,kBFmnBA,YE3mBA,kBACA,gCAGA,iBACA,oBACA,CACA,kBACA,CACA,yCAIF,mBACE,gBARA,YACA,CAUF,uBACE,CAVA,iCACA,CAFA,UAWA,wBAEA,WAGA,WAFA,aACA,CAFA,iBACA,CACA,OACA,2CACA,qDAIA,gCAGE,4BAEA,oBAEA,8BACA,sBACA,mDAGF,6BAcA,gCAEA,CATI,kBACA,CAFF,4BACE,CACA,yCAMJ,SAZE,2BAcF,sBAEA,sBACE,6CACA,uBACA,kCAEA,4BACA,wEAKF,sCAEA,kBACE,sCAIA,sBADF,aACE,+DAGE,cAKF,YALE,iBAIJ,WACE,uCAIA,cAEA,WACA,CAHA,iBACA,WAEA,sDAIA,SACA,yBAEA,mBAKE,gCACA,CANF,aAME,cANF,sBAGE,CAGA,cAHA,yBAKA,wBAQJ,kBACA,CARM,mBAMR,CAKE,WACA,CANF,YACE,CAGA,gBAFA,mBACA,CACA,sBACA,CAFA,kBAGA,wBACA,YAGF,sBACE,uBACA,CACA,gBACA,CAFA,kBAEA,0CAEA,yCAKF,+BAEE,+CAEA,UACA,0CAMF,8BAEI,CAFJ,yBAEI,qJASE,kDACA,yJAcE,eACA,CAMF,yCAEA,CARE,4DAKF,wBACA,CAfI,8BAQF,UASF,0BACA,oBACA,CApBI,kBACA,mDAQF,CATE,UAoBJ,CFrUE,kFAuTJ,qFEkBE,gDACA,0FFfF,2CEiBE,gDAbF,iBAeM,UAfN,oEAeM,CAfN,WAeM,+CA9CV,qEAqDM,QACA,oDAGA,+CAGF,yBACE,sDAUA,sCAGE,CAJJ,WACE,WALE,mEAIJ,CACE,cANE,uCACA,CAIJ,4BAII,8CACA,yBACA,kBACA,sDAGA,+BACA,2CAOF,6BAMJ,CAPE,WACE,CAPE,cAMJ,OAOF,qEAGE,gCC9XJ,qCAIE,sBACA,CDyXE,iBCzXF,iBACA,2FAGE,yDAKA,kCAEA,4BAFA,uCADA,MACA,CAHA,iBACA,CACA,MACA,WAFA,SAIA,gFAMI,yPAKE,kNAQJ,4BAMJ,+DAKE,UACA,+DACA,WAGE,iGHqTJ,sBGhToB,6JAKF,8BH2SlB,kBG3SkB,yEH8SlB,wDG1SA,gCAME,qCACA,CALA,YAGA,sBAEA,sCAHe,WAOnB,YAPmB,qDAOnB,CACE,yCACA,kGAOE,yCAGA,sCAGF,oDACE,8EAEA,eAHF,sEAII,gBAGF,+DACE,aHqZJ,iFAGA,8DGrZM,iBAIJ,6FAII,CADF,2BAHF,CAGE,mCAFA,aAEA,CAFA,YAGE,wBAHF,UAGE,gGAWE,sDAEA,iGACA,uDAIF,kGACE,wDAEF,qDAGA,oDAFE,uBAEF,CAFE,qCAGA,wBAHA,UAGA,kFAWJ,sDAEA,mFAEA,uDAIF,oFACE,wDAEF,0DACE,iHAEF,oBACE,wDAIJ,aACE,CACA,gBADA,UACA,uHASA,qBAGE,CAEA,mBAFA,wBAEA,CALF,oBAKE,gEAOE,gCAEA,CATF,UAME,wBACA,CAPF,uBAKA,wBACE,CACA,UAEA,iFAKF,+DAIA,QACA,8FAGA,iCAFA,yBAEA,uBATF,CASE,SATF,gFA8BI,sBAbA,2GAIA,+BAKA,4BAGA,wBACA,0DApBA,cAKA,QACA,CANA,iBAIF,QACE,CACA,SAcA,4GAOA,6GAGA,+HAKA,qDACE,mFAON,+BAEI,yCACE,gCACA,gEAEF,uEC5PN,kJAMI,sBAGF,mCAEE,8HAEA,UACE,sFASN,8BACE,0BALE,cAOF,uCACE,iFAMF,4BAEA,CAFA,oBAEA,+CAGF,CAHE,oBAGF,mMASI,yJAIJ,kBAIE,CARE,kCAIJ,CAIE,sBAGF,gBACE,iBAUJ,cACE,CAXE,sBAEA,qCASF,oBAEA,+BACA,CAFA,iBACA,CACA,oBACA,gCAGE,4BACA,CADA,UACA,uBACA,aAEA,CAEE,kBACA,CAFA,eACA,CACA,UACA,CAJF,iBAIE,sFAKE,SAKN,2BAEE,oBACA,mBACA,WACA,qFAEA,kBAGE,gCAGF,iBACE,YAKN,CC6HE,cD5HA,uCC+ZA,uCD5ZE,qCCwHF,oBDtHE,eCsHF,CACA,cDzHE,iCAEA,CCsHF,mBACA,mCACA,kCACA,qBACA,CACA,iBACA,CAFA,iBACA,CACA,qBACA,2BAEA,CAOA,uBACA,CAFA,cACA,CAHA,aACA,CAEA,eAFA,iBACA,UANA,yBACA,0CACA,iBAMA,2FDrII,wBAMA,mEAHc,CAEd,2BACA,CAJA,8BACc,oBC6OlB,YD7OkB,mBAQpB,6FAGE,cACA,CADA,WACA,uCAGE,gBACA,qCACA,qDAEA,oBAGE,kCAGF,cACE,CALA,gBAKA,uCAIJ,2BAtBF,sCAyBI,eACE,kBACA,mBAEA,CAGE,2BAIA,CAJA,yBADF,qCACE,CAHF,kBEvJN,eACE,CFmJI,YACA,CEpJJ,gBACA,CF4JM,eE9JR,CFuJM,iBErJJ,0BACA,mBNqJkB,0BAielB,mBACA,qEMpnBA,gCN0gBA,gCMzgBA,oHAQE,CArBF,8BAqBE,yBArBF,yCAcA,MAdA,gHAGA,yCA2BE,uEN4YF,iEACE,yCAEF,kEACE,oCAsFF,4CAIE,kCMveA,CNseF,YACE,aAHA,uBAEF,YMteE,uCAEE,OACA,uCAIJ,MACE,wCAIA,kBAEA,iDAJe,OAKf,WN2TF,CMhUiB,0BNmUjB,CAHA,WAGA,kEMnXW,oFA8DP,iBAEA,6FAhEO,mIA4EP,qGAKF,yDAIJ,eAJI,eAIJ,WAKE,2IAMF,SAEE,UAEA,sBADA,WACA,gGAWA,aAXA,oBAGF,CAOA,eACE,CARF,mBAQE,qBAIA,yEAIE,CNqZF,qBACE,CAJF,0BACE,4BAEF,CMzZA,gBAME,mDAEE,WACA,sCAEA,mFACA,+CAGE,mGAOA,mCAzIK,mGN+aX,0EAGA,gCACE,oHMtRE,0BAxJJ,CN6aA,mEM7aA,wJACA,eAEA,cAwJE,mBAaJ,6BAEE,CAXI,yCASN,CAZM,gDAGA,CA5JJ,YAwJE,CACE,8BAzJJ,iBAuKA,kCAEA,YACA,oDACA,4BAME,gBALF,uCACA,0CAIE,gBAGF,CATA,qBASA,yBACE,2CAIA,wBACA,gCAEA,CAHA,8BAGA,yCAIF,mDNqGA,YMjGA,oCACE,gCACA,oFAMA,WACE,CAJA,UAIA,6UAYA,gLAIkB,mBNTtB,YMSsB,CNTtB,MMSsB,mGAMpB,eAEA,uBAGE,CALF,kBAKE,gDACA,iEAKA,YACA,CADA,OACA,sBACA,CAJF,iBAIE,+BAcJ,iBACA,CAJF,WARI,aACE,CAON,WAGE,CARI,UAKN,CANM,OALA,iBAGF,CACE,mBACA,CACA,UASJ,uCAKE,kBAEA,iCAGA,yCAEA,CATF,YACE,CAQA,+BAIA,CAZA,sBACA,CAOA,mBAXF,iBAgBE,gDAEA,sMAYJ,qKAcE,eACA,CAKA,gCAEA,CAPA,4DAIF,CAlBE,YAUF,mBACE,kCACA,uBACA,CAdF,iBACE,CAqBA,6CACA,4BNjUM,gGMoUN,eACA,4CNXA,gBACE,gDMaA,+EAIA,+BNkLF,kCMlLE,WNsKF,CMtKE,eNsKF,oDACE,qDAEF,CACE,kCOlfJ,gBAEE,8FAQA,mCP0TA,sBACA,qBACA,gGAIA,YO7TA,qFACA,mBAGF,2DAIA,gCACE,4DAIA,gCACA,iCAIA,WADF,oBACE,CADF,6BAHE,UAIA,6CAGF,4DAKE,8CAEA,6DAKF,6GAIA,iDACE,gEAGF,4CACE,8DAGF,6CACE,4DAGF,sCACE,2DAGF,uEAIA,mCAME,oBADF,sBAHE,WAIA,sCAOF,wCAEE,eACA,CANA,aADF,iBACE,kBAMA,6CAMA,6BACA,CAFA,WACA,YAHF,iBACE,MACA,QAEA,sDACA,MAEA,sDAME,sDACA,yBPgQF,qDOpQgB,SPuQhB,wCOhQA,uBACE,CARc,2BAOhB,CACE,mFAQJ,4DAEE,wDAEA,qDAGF,2DACE,wDAGF,4CACE,yBAGF,cAHE,CAGF,gCACE,2BAGF,0CACE,+DAIA,WAGF,gDAKA,kBACE,CAJA,iBAGF,CAHE,iBAIA,2DAIA,kEAKA,4BACA,uEAIA,mEAGF,cACE,6DAIF,yBACE,2CAGF,YACE,uBADF,YACE,eAGF,CAHE,iBAGF,kDAIA,WACE,CACA,WACA,CAFA,iBACA,CALA,iBAMA,yDAEA,MAGF,CAHE,uBAGF,wDAIE,wFAMA,2BAGF,CAHE,mCAGF,eACE,wDAGF,CAEE,yBAEA,CAJF,QACE,QAJA,kBAIA,UAGA,mDAIF,mBACE,yDAIA,6EAGA,mBACE,yDAKF,YACE,2EAIA,qFAIA,8BACA,oDAIA,mBP+RF,YO/RE,6HAIA,iBACA,uBACA,2CAEA,CAFA,YAEA,2EAIE,gFAGA,CAHA,YADA,UAIA,mFAIE,8EACA,0EAEA,+EAKF,CALE,sBAKF,kFAGE,6EAEA,sEACE,+FASN,sEAKF,8CAOF,eACE,6DAGE,6BACA,sCASF,4BACA,CANE,yBAKF,CANA,+BACE,WAMF,CACA,wCACA,QACA,6BADA,YACA,gBAGF,gDAIE,SADA,SACA,0EAME,yDAGF,UACE,4CACA,YAKF,0DAIA,sDAEA,iBACA,gDAIA,aAIA,oBACA,CALA,cAKA,YACA,kBACA,CAPA,kBAGF,CAJA,UAQE,mDAGA,oBACA,6BAGF,cACE,CAJA,iBAIA,mBACA,eAKF,yIAKI,uDAIA,0BACE,CAMA,SANA,iBAKF,UACE,2BAEA,CATF,aASE,qBAUJ,sCAIA,wCAEA,kCACA,CAPA,SANI,QAKN,CANM,mBACA,gBAFA,iBACA,CAOJ,QADF,SAQE,0BACA,WACA,mBADA,kBACA,6BAKA,UACA,CAFA,iBAEA,gCAGF,oBACE,cACA,6BAGF,sDAGE,QACA,uDAGF,qBACE,uDAIA,eADF,aACE,gDAIA,yBACA,uCAIA,kCAGF,CAJA,WAIA,WACE,CACA,OANF,iBACE,CAIA,KACA,uCAIA,YAGF,CAHE,UADA,iBACA,CAGF,iBACE,CAJA,SAHA,UAOA,oBAaA,0BACA,CAVA,QACA,CAGF,qBACE,CAPA,YACA,CAEA,SAOA,iBACA,CAJA,WACA,CAPA,iBACA,CAMA,UACA,CANA,SAUA,sBAMF,2HAME,CATA,iBAGF,CAJE,kBACA,QADA,MADA,SAWA,8EAYF,mCACE,oCP3KA,4BACA,mDO+KI,gCACE,6HAGE,qECzfR,iEAGF,CCFA,UAEE,YADA,SAEA,kBAGF,cAEE,YADA,UACA,CAGF,0CAEE,UACA,6BACA,2BAGF,sDAEE,UACA,YACA,2BAGF,kCACE,kBACA,eAGF,qBACE,oBASF,2DACE,uBACA,kBACA,2BAGF,0BACE,eAGF,SAGE,8BAFA,kBT0PA,4CSzPA,iBAMA,oBAJA,kBAGA,qFAFA,eAGA","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/_global-sidebar.scss","webpack:///./css/_preview.scss","webpack:///./css/_login.scss","webpack:///../../../../../node_modules/@craftcms/sass/_mixins.scss","webpack:///./css/_fld.scss","webpack:///./css/_image_editor.scss","webpack:///./css/_shame.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%;--gray-050: hsl(var(--gray-050-hsl));--gray-100: hsl(var(--gray-100-hsl));--gray-200: hsl(var(--gray-200-hsl));--gray-300: hsl(var(--gray-300-hsl));--gray-350: hsl(var(--gray-350-hsl));--gray-400: hsl(var(--gray-400-hsl));--gray-500: hsl(var(--gray-500-hsl));--gray-550: hsl(var(--gray-550-hsl));--gray-600: hsl(var(--gray-600-hsl));--gray-700: hsl(var(--gray-700-hsl));--gray-800: hsl(var(--gray-800-hsl));--gray-900: hsl(var(--gray-900-hsl));--gray-1000: hsl(var(--gray-1000-hsl));--red-050: #fef2f2;--red-100: #fee2e2;--red-200: #fecaca;--red-300: #fca5a5;--red-400: #f87171;--red-500: #ef4444;--red-600: #dc2626;--red-700: #b91c1c;--red-800: #991b1b;--red-900: #7f1d1d;--red-950: #450a0a;--orange-050: #fff7ed;--orange-100: #ffedd5;--orange-200: #fed7aa;--orange-300: #fdba74;--orange-400: #fb923c;--orange-500: #f97316;--orange-600: #ea580c;--orange-700: #c2410c;--orange-800: #9a3412;--orange-900: #7c2d12;--orange-950: #431407;--amber-050: #fffbeb;--amber-100: #fef3c7;--amber-200: #fde68a;--amber-300: #fcd34d;--amber-400: #fbbf24;--amber-500: #f59e0b;--amber-600: #d97706;--amber-700: #b45309;--amber-800: #92400e;--amber-900: #78350f;--amber-950: #451a03;--yellow-050: #fefce8;--yellow-100: #fef9c3;--yellow-200: #fef08a;--yellow-300: #fde047;--yellow-400: #facc15;--yellow-500: #eab308;--yellow-600: #ca8a04;--yellow-700: #a16207;--yellow-750: #93580b;--yellow-800: #854d0e;--yellow-900: #713f12;--yellow-950: #422006;--lime-050: #f7fee7;--lime-100: #ecfccb;--lime-200: #d9f99d;--lime-300: #bef264;--lime-400: #a3e635;--lime-500: #84cc16;--lime-600: #65a30d;--lime-700: #4d7c0f;--lime-800: #3f6212;--lime-900: #365314;--lime-950: #1a2e05;--green-050: #f0fdf4;--green-100: #dcfce7;--green-200: #bbf7d0;--green-300: #86efac;--green-400: #4ade80;--green-500: #22c55e;--green-600: #16a34a;--green-700: #15803d;--green-800: #166534;--green-900: #14532d;--green-950: #052e16;--emerald-050: #ecfdf5;--emerald-100: #d1fae5;--emerald-200: #a7f3d0;--emerald-300: #6ee7b7;--emerald-400: #34d399;--emerald-500: #10b981;--emerald-600: #059669;--emerald-700: #047857;--emerald-800: #065f46;--emerald-900: #064e3b;--emerald-950: #022c22;--teal-050: #f0fdfa;--teal-100: #ccfbf1;--teal-200: #99f6e4;--teal-300: #5eead4;--teal-400: #2dd4bf;--teal-500: #14b8a6;--teal-550: #11a697;--teal-600: #0d9488;--teal-700: #0f766e;--teal-800: #115e59;--teal-900: #134e4a;--teal-950: #042f2e;--cyan-050: #ecfeff;--cyan-100: #cffafe;--cyan-200: #a5f3fc;--cyan-300: #67e8f9;--cyan-400: #22d3ee;--cyan-500: #06b6d4;--cyan-600: #0891b2;--cyan-700: #0e7490;--cyan-800: #155e75;--cyan-900: #164e63;--cyan-950: #083344;--sky-050: #f0f9ff;--sky-100: #e0f2fe;--sky-200: #bae6fd;--sky-300: #7dd3fc;--sky-400: #38bdf8;--sky-500: #0ea5e9;--sky-600: #0284c7;--sky-700: #0369a1;--sky-800: #075985;--sky-900: #0c4a6e;--sky-950: #082f49;--blue-050: #eff6ff;--blue-100: #dbeafe;--blue-200: #bfdbfe;--blue-300: #93c5fd;--blue-400: #60a5fa;--blue-500: #3b82f6;--blue-600: #2563eb;--blue-700: #1d4ed8;--blue-800: #1e40af;--blue-900: #1e3a8a;--blue-950: #172554;--indigo-050: #eef2ff;--indigo-100: #e0e7ff;--indigo-200: #c7d2fe;--indigo-300: #a5b4fc;--indigo-400: #818cf8;--indigo-500: #6366f1;--indigo-600: #4f46e5;--indigo-700: #4338ca;--indigo-800: #3730a3;--indigo-900: #312e81;--indigo-950: #1e1b4b;--violet-050: #f5f3ff;--violet-100: #ede9fe;--violet-200: #ddd6fe;--violet-300: #c4b5fd;--violet-400: #a78bfa;--violet-500: #8b5cf6;--violet-600: #7c3aed;--violet-700: #6d28d9;--violet-800: #5b21b6;--violet-900: #4c1d95;--violet-950: #2e1065;--purple-050: #faf5ff;--purple-100: #f3e8ff;--purple-200: #e9d5ff;--purple-300: #d8b4fe;--purple-400: #c084fc;--purple-500: #a855f7;--purple-600: #9333ea;--purple-700: #7e22ce;--purple-800: #6b21a8;--purple-900: #581c87;--purple-950: #3b0764;--fuchsia-050: #fdf4ff;--fuchsia-100: #fae8ff;--fuchsia-200: #f5d0fe;--fuchsia-300: #f0abfc;--fuchsia-400: #e879f9;--fuchsia-500: #d946ef;--fuchsia-600: #c026d3;--fuchsia-700: #a21caf;--fuchsia-800: #86198f;--fuchsia-900: #701a75;--fuchsia-950: #4a044e;--pink-050: #fdf2f8;--pink-100: #fce7f3;--pink-200: #fbcfe8;--pink-300: #f9a8d4;--pink-400: #f472b6;--pink-500: #ec4899;--pink-600: #db2777;--pink-700: #be185d;--pink-800: #9d174d;--pink-900: #831843;--pink-950: #500724;--rose-050: #fff1f2;--rose-100: #ffe4e6;--rose-200: #fecdd3;--rose-300: #fda4af;--rose-400: #fb7185;--rose-500: #f43f5e;--rose-600: #e11d48;--rose-700: #be123c;--rose-800: #9f1239;--rose-900: #881337;--rose-950: #4c0519}:root{--bg-color: $grey100;--bg-color-hsl: 212deg, 50%, 93%;--primary-color: var(--red-600);--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: #1f5fea;--font-weight-bold: 700;--hairline-color: rgba(51, 64, 77, 0.1);--medium-hairline-color: #cfd8e3;--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-500);--error-color: #d81e23;--warning-color: var(--amber-700);--success-color: var(--teal-700);--notice-color: var(--sky-700);--enabled-color: var(--teal-550);--pending-color: var(--orange-400);--disabled-color: var(--red-600);--indicator-border-color: var(--amber-600);--indicator-icon-color: var(--amber-700);--small-border-radius: 3px;--medium-border-radius: 4px;--large-border-radius: 5px;--menu-border-radius: var(--medium-border-radius);--checkbox-size: 1rem;--radio-size: 1rem}@font-face{font-family:\"Craft\";src:url(\"../fonts/Craft.woff2\") format(\"woff2\"),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;font-display:block}:root{--ui-control-color: var(--gray-550);--ui-control-hover-color: var(--gray-600);--ui-control-active-color: var(--gray-700);--ui-control-static-bg-color: rgba(96, 125, 159, 0.25);--ui-control-bg-color: var(--ui-control-static-bg-color);--ui-control-hover-bg-color: rgba(96, 125, 159, 0.3);--ui-control-active-bg-color: rgba(96, 125, 159, 0.5);--ui-control-border-radius: var(--large-border-radius);--ui-control-height: calc(34rem / 16);--ui-control-height--small: calc(30rem / 16);--light-focus-hsl: 211.6981132075deg, 96.3636363636%, 78.431372549%;--medium-focus-hsl: 217.2192513369deg, 91.2195121951%, 59.8039215686%;--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: calc( 24rem / 16 );--thumb-size: calc(20rem / 16);--icon-size: 1rem;--elements-busy-top-position: calc(50% - var(--size, 20px) / 2);--lh: 1.42em}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:var(--lh);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}.mt-0{margin-top:0 !important}.mt-xs{margin-top:var(--xs) !important}.mt-s{margin-top:var(--s) !important}.mt-m{margin-top:var(--m) !important}.mt-l{margin-top:var(--l) !important}.mt-xl{margin-top:var(--xl) !important}.mb-0{margin-bottom:0 !important}.mb-xs{margin-bottom:var(--xs) !important}.mb-s{margin-bottom:var(--s) !important}.mb-m{margin-bottom:var(--m) !important}.mb-l{margin-bottom:var(--l) !important}.mb-xl{margin-bottom:var(--xl) !important}.ml-0{margin-left:0 !important}.ml-xs{margin-left:var(--xs) !important}.ml-s{margin-left:var(--s) !important}.ml-m{margin-left:var(--m) !important}.ml-l{margin-left:var(--l) !important}.ml-xl{margin-left:var(--xl) !important}.mr-0{margin-right:0 !important}.mr-xs{margin-right:var(--xs) !important}.mr-s{margin-right:var(--s) !important}.mr-m{margin-right:var(--m) !important}.mr-l{margin-right:var(--l) !important}.mr-xl{margin-right:var(--xl) !important}.mx-0{margin-left:0 !important;margin-right:0 !important}.mx-xs{margin-left:var(--xs) !important;margin-right:var(--xs) !important}.mx-s{margin-left:var(--s) !important;margin-right:var(--s) !important}.mx-m{margin-left:var(--m) !important;margin-right:var(--m) !important}.mx-l{margin-left:var(--l) !important;margin-right:var(--l) !important}.mx-xl{margin-left:var(--xl) !important;margin-right:var(--xl) !important}.my-0{margin-top:0 !important;margin-bottom:0 !important}.my-xs{margin-top:var(--xs) !important;margin-bottom:var(--xs) !important}.my-s{margin-top:var(--s) !important;margin-bottom:var(--s) !important}.my-m{margin-top:var(--m) !important;margin-bottom:var(--m) !important}.my-l{margin-top:var(--l) !important;margin-bottom:var(--l) !important}.my-xl{margin-top:var(--xl) !important;margin-bottom:var(--xl) !important}.no-scroll{overflow:hidden !important}.draghelper{box-sizing:border-box;list-style-type:none}.offset-drag-helper{transition:margin linear 200ms,padding linear 200ms}body.dragging.ltr .offset-drag-helper{margin:-50px 0 0 -50px;padding:60px 0 0 60px}body.dragging.rtl .offset-drag-helper{margin:-50px -50px 0 0;padding:60px 60px 0 0}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 ul.padded li .menu-item.sel:before,.menu ul.padded li .menu-option.sel:before,.menu .flex.padded.sel:before,.texticon:before,#help:before,.secure:before,.insecure:before,.go:after,.required:after,.preview-btn:before,.view-btn:before,.action-btn:before,[data-icon]:before,[data-icon-after]:after{font-family:\"Craft\";speak:never;-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}.badge-icon{position:relative;top:-1px;display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;box-sizing:border-box;border:1px solid var(--indicator-border-color);border-radius:var(--small-border-radius);color:var(--indicator-icon-color);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)}[data-icon-size=large][data-icon]:before,[data-icon-size=large][data-icon-after]:after{font-size:20px}[data-icon-size=small][data-icon]:before,[data-icon-size=small][data-icon-after]:after{font-size:14px}[data-icon-size=puny][data-icon]:before,[data-icon-size=puny][data-icon-after]:after{font-size:12px}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\"}.action-btn:before{content:\"ellipsis\"}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}a[aria-current]{cursor:default}body.underline-links a,a:hover{text-decoration:underline}a .cp-icon svg rect,a .cp-icon svg circle,a .cp-icon svg ellipse,a .cp-icon svg line,a .cp-icon svg polyline,a .cp-icon svg polygon,a .cp-icon svg path,a .cp-icon svg text{fill:var(--link-color);stroke-width:0}a:not([href]){color:inherit;cursor:inherit}body.underline-links a:not([href]),a:not([href]):hover{text-decoration:none}a.iconlink:before{width:1rem}body.ltr a.iconlink:before{margin-right:var(--xs)}body.rtl a.iconlink:before{margin-left:var(--xs)}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\"}body.ltr a [data-icon=external]{margin-left:var(--xs)}body.rtl a [data-icon=external]{margin-right:var(--xs)}button{cursor:pointer}.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:never;-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}.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)}.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(37, 99, 235, 0.2), rgba(37, 99, 235, 0) 50%)}body.rtl .so-notice>.draft-notice{background-image:linear-gradient(to left, rgba(37, 99, 235, 0.2), rgba(37, 99, 235, 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(30,64,175,.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(30,58,138,.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:#1555e2}.draft-notice .discard-changes-btn:active{border-color:#134cca}.revision-notice{display:flex;align-items:center;align-content:stretch;justify-content:center;gap:var(--s);color:var(--gray-600)}#content-notice .revision-notice{display:inline-flex;justify-content:flex-start}.revision-notice p{flex:1;margin:0}.revision-notice .revision-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(51,64,77,.2);box-sizing:border-box;box-shadow:0 1px 1px 1px var(--white)}.revision-notice .revision-icon:before{position:relative;left:1px;color:var(--grey-800) !important;font-size:18px}.revision-notice .revision-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(30,58,138,.2)}button.toggle{appearance:none;color:inherit;background:none;border:none;padding:0}.toggle:before,a.fieldtoggle:before{display:block;content:\"\";font-size:0;width:.4375rem;height:.4375rem;border:solid currentColor;border-width:0 .125rem .125rem 0;opacity:.8;position:relative;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}ul.errors em{font-style:normal}strong,b,i em{font-weight:bold}.readable{font-size:16px;line-height:22px}.readable h1,.readable .h1,.readable h2,.readable .h2,.readable h3,.readable .h3,.readable h4,.readable .h4,.readable h5,.readable .h5,.readable h6,.readable .h6{margin:24px 0 16px;font-weight:600}.readable h1,.readable .h1{font-size:32px;line-height:40px;color:#000}.readable h2,.readable .h2{font-size:24px;line-height:30px}.readable h3,.readable .h3{font-size:20px;line-height:24px}.readable h4,.readable .h4{font-size:16px;line-height:20px}.readable h5,.readable .h5{font-size:14px;line-height:18px}.readable h6,.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 .tip-dismiss-btn{position:absolute;top:12px}body.ltr .readable .tip-dismiss-btn{right:12px}body.rtl .readable .tip-dismiss-btn{left:12px}.readable .tip-dismiss-btn+p{margin-top:0}.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:50px}body.rtl .readable blockquote.note{padding-right:50px}body.ltr .readable blockquote.note.dismissible{padding-right:36px}body.rtl .readable blockquote.note.dismissible{padding-left:36px}.readable blockquote.note:not(.tip):not(.warning){border-color:#dc2626;color:#bf503f}.readable blockquote.note:not(.tip):not(.warning):before{content:\"alert\";color:#dc2626}.readable blockquote.note.tip{border-color:#1f5fea;color:#1f5fea}.readable blockquote.note.tip:before{content:\"lightbulb\";color:#1f5fea}.readable blockquote.note.warning{border-color:#854d0e;color:#cf783a}.readable blockquote.note.warning:before{content:\"alert\";color:#854d0e}.readable blockquote.note:before{font-family:\"Craft\";speak:never;-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:1;position:absolute;top:15px;font-size:24px;width:24px}body.ltr .readable blockquote.note:before{left:16px}body.rtl .readable blockquote.note:before{right:16px}.readable blockquote.note a[href]{color:currentColor;text-decoration:underline}.readable .go:after{font-size:14px}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:12px;color:var(--rose-500)}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:never;-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;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:never;-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;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:not(.disabled){cursor:move}.icon.move:before{content:\"move\";color:var(--custom-text-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:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width: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:never;-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;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}.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}body.ltr .customize-sources-modal.sidebar-hidden{padding-left:0}body.rtl .customize-sources-modal.sidebar-hidden{padding-right:0}.customize-sources-modal.sidebar-hidden>.cs-sidebar{display:none}.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{--selected-item-color: var(--white);display:flex;width:calc(100% - 1px);box-sizing:border-box;align-items:center;position:relative;margin-top:-1px;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{--focus-ring: 0 0 0 1px hsl(var(--light-focus-hsl)), 0 0 0 3px hsla(var(--light-focus-hsl), 0.7);--ui-control-color: var(--selected-item-color);background-color:var(--dark-sel-color);color:var(--selected-item-color);z-index:1}.customize-sources-item .label{flex:1}.customize-sources-item.heading .label{text-transform:uppercase;color:var(--light-text-color);font-size:12px;font-weight:bold}.customize-sources-item.heading.sel .label{color:var(--selected-item-color)}.customize-sources-item__move{position:absolute;top:50%;transform:translate(-50%, -50%);justify-content:center;align-items:center}body.ltr .customize-sources-item__move{right:0}body.rtl .customize-sources-item__move{left:0}.customize-sources-item__move.icon{display:flex;text-decoration:none}.customize-sources-item__btn{padding:8px 14px;margin:3px}body.ltr .customize-sources-item__btn{padding-right:30px}body.rtl .customize-sources-item__btn{padding-left:30px}.checkbox-select-item{display:flex;align-items:flex-start;align-content:stretch;margin-bottom:4px}.checkbox-select-item .move{margin-top:-3px;position:relative;z-index:1}body.ltr .checkbox-select-item .move{margin-right:10px}body.rtl .checkbox-select-item .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:.4375rem;height:.4375rem;border:solid var(--light-text-color);border-width:0 .0625rem .0625rem 0;opacity:.8;position:relative}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:var(--s);min-height:34px}.toolbar.flex,.toolbar .flex{align-items:flex-start}.toolbar .text{border-radius:var(--large-border-radius) !important}.flex{display:flex;align-items:center;align-content:stretch;gap:var(--s)}.flex.flex-gap-xs{gap:var(--xs)}.flex.flex-gap-m{gap:var(--m)}.flex.flex-gap-l{gap:var(--l)}.flex.flex-gap-xl{gap:var(--xl)}.flex:not(.flex-nowrap){flex-wrap:wrap}.flex>*.label{white-space:nowrap}.centeralign .flex{justify-content:center}.inline-flex{display:inline-flex !important;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;max-width:100%}.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(--ui-control-border-radius);padding:7px 10px;border:none;text-align:center;white-space:nowrap;user-select:none;box-sizing:border-box;appearance:none;color:currentColor;font-size:inherit;background-color:var(--ui-control-bg-color)}.btn:not([aria-current]){cursor:pointer}.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.hairline{border:1px solid var(--medium-hairline-color);background-color:rgba(0,0,0,0)}.btn.hairline:hover,.btn.hairline:active,.btn.hairline[aria-expanded=true]{border-color:var(--dark-hairline-color)}.btn.hairline:active,.btn.hairline[aria-expanded=true]{background-color:var(--ui-control-static-bg-color)}.btn.wrap{height:auto;min-height:34px;white-space:initial;text-align:left}.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]):focus,.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]).focus,.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]):hover{--ui-control-bg-color: var(--ui-control-hover-bg-color)}.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]):active,.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]).active,.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current])[aria-expanded=true]{--ui-control-bg-color: var(--ui-control-active-bg-color)}.btn[type=color]{padding:6px !important;width:36px}.btn.active,.btn.loading{cursor:default}.btn:hover{text-decoration:none}.btn:empty,.btn.btn-empty{padding-left:12px;padding-right:12px}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:not(.action-btn)[data-icon]:empty:before,body.ltr .btn.menubtn:not(.action-btn)[data-icon].btn-empty:before,body.ltr .btn.menubtn:not(.action-btn).icon:empty:before,body.ltr .btn.menubtn:not(.action-btn).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:not(.action-btn)[data-icon]:empty:before,body.rtl .btn.menubtn:not(.action-btn)[data-icon].btn-empty:before,body.rtl .btn.menubtn:not(.action-btn).icon:empty:before,body.rtl .btn.menubtn:not(.action-btn).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}.btn [data-icon]{margin-top:-3px}body.ltr .btn [data-icon]{margin-right:5px}body.rtl .btn [data-icon]{margin-left:5px}.btn [data-icon].light:before{color:var(--gray-300)}.disabled{opacity:.25;pointer-events:none;user-select:none}.noteditable{cursor:not-allowed}.noteditable .element,.noteditable .lightswitch-container,.noteditable+.colorhex{cursor:not-allowed}.btn,.spinner{height:var(--ui-control-height)}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(.action-btn):not(:empty):not(.btn-empty):after,body.ltr .menubtn:not(.action-btn).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(.action-btn):not(:empty):not(.btn-empty):after,body.rtl .menubtn:not(.action-btn).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;border-radius:var(--large-border-radius)}.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}.btngroup--exclusive .btn[aria-pressed=true]:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]){background-color:var(--gray-500);color:var(--white)}.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 .copytextbtn__icon{padding:0;width:13px;background:none;margin-top:-3px;color:var(--light-text-color)}body.ltr .copytextbtn .copytextbtn__icon{margin-left:5px}body.rtl .copytextbtn .copytextbtn__icon{margin-right:5px}.copytextbtn:hover,.copytextbtn:focus{border-color:var(--medium-hairline-color);color:var(--text-color)}.copytextbtn:hover .copytextbtn__value,.copytextbtn:focus .copytextbtn__value{color:var(--text-color)}.copytextbtn.small{padding:0 5px}.copytextbtn.small .copytextbtn__value{font-size:.6875rem}.menu-toggle,.menubtn:not(.action-btn){display:inline-flex;align-items:center;user-select:none}.menu-toggle:after,.menubtn:not(.action-btn):after{display:block;content:\"\";font-size:0;width:.4375rem;height:.4375rem;border:solid currentColor;border-width:0 .125rem .125rem 0;opacity:.8;position:relative;transform:rotate(45deg);position:relative}.menu-toggle.btn:after,.menubtn:not(.action-btn).btn:after{top:-1px}.menu-toggle.btn:not(.disabled):not(.inactive):active:after,.menu-toggle.btn:not(.disabled):not(.inactive).active:after,.menubtn:not(.action-btn).btn:not(.disabled):not(.inactive):active:after,.menubtn:not(.action-btn).btn:not(.disabled):not(.inactive).active:after{border-color:var(--ui-control-active-color)}.menu-toggle.btn.submit:after,.menubtn:not(.action-btn).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:not(.action-btn).btn.submit:not(.disabled):not(.inactive):hover:after,.menubtn:not(.action-btn).btn.submit:not(.disabled):not(.inactive).hover:after,.menubtn:not(.action-btn).btn.submit:not(.disabled):not(.inactive):active:after,.menubtn:not(.action-btn).btn.submit:not(.disabled):not(.inactive).active:after{opacity:1}.menu-toggle:not(.btn):not(.icon),.menubtn:not(.action-btn):not(.btn):not(.icon){height:17px}.menu-toggle:not(.btn):not(.icon):after,.menubtn:not(.action-btn):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:not(.action-btn):empty,body.ltr .menubtn:not(.action-btn).btn-empty{padding-left:8px}body.rtl .menu-toggle:empty,body.rtl .menu-toggle.btn-empty,body.rtl .menubtn:not(.action-btn):empty,body.rtl .menubtn:not(.action-btn).btn-empty{padding-right:8px}body.ltr .menu-toggle:empty,body.ltr .menu-toggle.btn-empty,body.ltr .menubtn:not(.action-btn):empty,body.ltr .menubtn:not(.action-btn).btn-empty{padding-right:8px}body.rtl .menu-toggle:empty,body.rtl .menu-toggle.btn-empty,body.rtl .menubtn:not(.action-btn):empty,body.rtl .menubtn:not(.action-btn).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:var(--elements-busy-top-position);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 var(--s) !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.huge{padding:var(--l);line-height:48px;height:48px}.btn.submit,.btn.secondary{color:var(--white) !important;--ui-control-active-color: var(--white);-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:#c82020 !important}.btn.submit:not(.disabled):not(.inactive):not(.loading):active,.btn.submit:not(.disabled):not(.inactive):not(.loading).active,.btn.submit:not(.disabled):not(.inactive):not(.loading)[aria-expanded=true]{background-color:#b21d1d !important}.btn.caution{background-color:var(--red-050) !important;color:var(--error-color)}.btn.caution:hover,.btn.caution.hover,.btn.caution:focus{background-color:#fcdada !important}.btn.caution:active,.btn.caution.active,.btn.caution[aria-expanded=true]{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,.secondary-buttons .btn.submit:not(.disabled):not(.inactive):not(.loading)[aria-expanded=true],.btn.secondary:not(.disabled):not(.inactive):not(.loading):active,.btn.secondary:not(.disabled):not(.inactive):not(.loading).active,.btn.secondary:not(.disabled):not(.inactive):not(.loading)[aria-expanded=true]{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,.btn.dashed:not(.disabled)[aria-expanded=true]{background-color:rgba(205,216,228,.25)}.chevron-btns{display:flex;justify-content:flex-start}.chevron-btns .btn{position:relative;padding:0;border-radius:0;background-color:rgba(0,0,0,0)}.chevron-btns .btn.current-step,.chevron-btns .btn.active-drop-target{color:var(--white);--text-color: var(--white);--ui-control-color: var(--white);--ui-control-bg-color: var(--gray-500);--ui-control-hover-bg-color: #55616d;--ui-control-active-bg-color: #4a545e}.chevron-btns .btn.current-step{-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)}.chevron-btns .btn:focus{z-index:1;box-shadow:none}.chevron-btns .btn:focus .label{z-index:1;box-shadow:var(--focus-ring)}.reduce-focus-visibility .chevron-btns .btn:focus:not(:focus-visible) .label{box-shadow:none}.reduce-focus-visibility .chevron-btns .btn:focus-visible .label{box-shadow:var(--focus-ring)}body.ltr .chevron-btns .btn:not(.has-action-menu){padding-right:calc(var(--ui-control-height)/2)}body.rtl .chevron-btns .btn:not(.has-action-menu){padding-left:calc(var(--ui-control-height)/2)}body.ltr .chevron-btns .btn:not(.has-action-menu){margin-right:2.8px}body.rtl .chevron-btns .btn:not(.has-action-menu){margin-left:2.8px}body.ltr .chevron-btns .btn:not(.has-action-menu):not(.current-step[data-disclosure-trigger]) .btn-body{padding-right:5px}body.rtl .chevron-btns .btn:not(.has-action-menu):not(.current-step[data-disclosure-trigger]) .btn-body{padding-left:5px}body.ltr .chevron-btns .btn.current-step[data-disclosure-trigger] .btn-body{padding-left:8px}body.rtl .chevron-btns .btn.current-step[data-disclosure-trigger] .btn-body{padding-right:8px}.chevron-btns .btn.current-step[data-disclosure-trigger] .btn-body .label{padding:3px}.chevron-btns .btn.current-step[data-disclosure-trigger] .btn-body .label:after{display:block;content:\"\";font-size:0;width:.4375rem;height:.4375rem;border:solid currentColor;border-width:0 .125rem .125rem 0;opacity:.8;position:relative;transform:rotate(45deg);position:relative}.chevron-btns .btn .btn-body{display:inline-flex;align-items:center;justify-content:center;height:var(--ui-control-height);background-color:var(--ui-control-bg-color)}.chevron-btns .btn .btn-body [data-icon]{--ui-control-height: calc((13rem / 16));text-align:center}body.ltr .chevron-btns .btn .btn-body [data-icon]{margin-right:0}body.rtl .chevron-btns .btn .btn-body [data-icon]{margin-left:0}.chevron-btns .btn .label{display:inline-flex;align-items:center;overflow:hidden;text-overflow:ellipsis}body.ltr .chevron-btns .btn.has-action-menu .btn-body{padding-right:1px}body.rtl .chevron-btns .btn.has-action-menu .btn-body{padding-left:1px}body.ltr .chevron-btns .btn.has-action-menu .btn-body{margin-right:0}body.rtl .chevron-btns .btn.has-action-menu .btn-body{margin-left:0}.chevron-btns .btn .chevron-right,.chevron-btns .btn .chevron-left{position:absolute;top:0;height:100%;width:calc(var(--ui-control-height)/2)}.chevron-btns .btn .chevron-left{border-top:calc(var(--ui-control-height)/2) solid var(--ui-control-bg-color)}body.ltr .chevron-btns .btn .chevron-left{left:0}body.rtl .chevron-btns .btn .chevron-left{right:0}body.ltr .chevron-btns .btn .chevron-left{border-left:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0)}body.rtl .chevron-btns .btn .chevron-left{border-right:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0)}.chevron-btns .btn .chevron-left:after{display:block;content:\"\";font-size:0;position:absolute;bottom:0;border-bottom:calc(var(--ui-control-height)/2) solid var(--ui-control-bg-color)}body.ltr .chevron-btns .btn .chevron-left:after{right:0}body.rtl .chevron-btns .btn .chevron-left:after{left:0}body.ltr .chevron-btns .btn .chevron-left:after{border-left:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0)}body.rtl .chevron-btns .btn .chevron-left:after{border-right:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0)}.chevron-btns .btn .chevron-right{border-top:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0);border-bottom:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0)}body.ltr .chevron-btns .btn .chevron-right{right:0}body.rtl .chevron-btns .btn .chevron-right{left:0}body.ltr .chevron-btns .btn .chevron-right{border-left:calc(var(--ui-control-height)/2) solid var(--ui-control-bg-color)}body.rtl .chevron-btns .btn .chevron-right{border-right:calc(var(--ui-control-height)/2) solid var(--ui-control-bg-color)}.chevron-btns ol{position:relative;list-style-type:none;display:flex}body.ltr .chevron-btns ol{padding-left:0}body.rtl .chevron-btns ol{padding-right:0}body.ltr .chevron-btns ol li.first-step .btn .btn-body{padding-left:14px}body.rtl .chevron-btns ol li.first-step .btn .btn-body{padding-right:14px}body.ltr .chevron-btns ol li.first-step .btn .btn-body{border-radius:var(--ui-control-border-radius) 0 0 var(--ui-control-border-radius)}body.rtl .chevron-btns ol li.first-step .btn .btn-body{border-radius:0 var(--ui-control-border-radius) var(--ui-control-border-radius) 0}.chevron-btns ol li.first-step .btn .chevron-left{display:none}body.ltr .chevron-btns ol li:not(.first-step) .btn{margin-left:calc(-1*var(--ui-control-height)/2)}body.rtl .chevron-btns ol li:not(.first-step) .btn{margin-right:calc(-1*var(--ui-control-height)/2)}body.ltr .chevron-btns ol li:not(.first-step) .btn{padding-left:calc(var(--ui-control-height)/2)}body.rtl .chevron-btns ol li:not(.first-step) .btn{padding-right:calc(var(--ui-control-height)/2)}body.ltr .chevron-btns ol li:not(.first-step) .btn .btn-body{padding-left:7px}body.rtl .chevron-btns ol li:not(.first-step) .btn .btn-body{padding-right:7px}.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):not(.noteditable){cursor:pointer}.color:not(.small){background-image:linear-gradient(45deg, rgba(154, 165, 177, 0.25) 25%, transparent 25%),linear-gradient(135deg, rgba(154, 165, 177, 0.25) 25%, transparent 25%),linear-gradient(45deg, transparent 75%, rgba(154, 165, 177, 0.25) 75%),linear-gradient(135deg, transparent 75%, rgba(154, 165, 177, 0.25) 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, rgba(154, 165, 177, 0.25) 25%, transparent 25%),linear-gradient(135deg, rgba(154, 165, 177, 0.25) 25%, transparent 25%),linear-gradient(45deg, transparent 75%, rgba(154, 165, 177, 0.25) 75%),linear-gradient(135deg, transparent 75%, rgba(154, 165, 177, 0.25) 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;max-width:100%;padding-left:7px;padding-right:7px}.lightswitch-outer-container .lightswitch-inner-container span{flex-grow:1;padding:7px 0;color:var(--medium-text-color);cursor:default;overflow:auto;overflow-wrap:break-word;hyphens:auto}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}.lightswitch-outer-container .lightswitch-inner-container span[data-toggle=off]{text-align:right}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}body.rtl .lightswitch-outer-container .lightswitch-inner-container span[data-toggle=off]{text-align:left}.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;min-width:34px;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:1.875rem;height:1.875rem;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:.4375rem;height:.4375rem;border:solid var(--light-text-color);border-width:0 .125rem .125rem 0;opacity:.8;position:relative}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:.4375rem;height:.4375rem;border:solid var(--light-text-color);border-width:0 .125rem .125rem 0;opacity:.8;position:relative}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)}body:not(.reduce-focus-visibility) .pagination .page-link:not(.disabled):focus,body.reduce-focus-visibility .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{--pane-y-padding-default: calc(var(--xl) - 2px);--pane-x-padding-default: calc(var(--padding) - 2px);margin:calc(var(--pane-padding, var(--pane-y-padding-default))*-1) calc(var(--pane-padding, var(--pane-x-padding-default))*-1) calc(var(--pane-padding, var(--padding))*-1 + var(--pane-padding, var(--m)));padding:0 !important;overflow-x:auto}body.ltr .tablepane table.data th:first-child,body.ltr .tablepane table.data td:first-child{padding-left:var(--m)}body.rtl .tablepane table.data th:first-child,body.rtl .tablepane table.data td:first-child{padding-right:var(--m)}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% - .5rem)}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(--border-radius, var(--small-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(--border-radius, var(--small-border-radius))}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-bottom-left-radius:var(--border-radius, var(--small-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-bottom-right-radius:var(--border-radius, var(--small-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(--border-radius, var(--small-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(--border-radius, var(--small-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-bottom-right-radius:var(--border-radius, var(--small-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-bottom-left-radius:var(--border-radius, var(--small-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:var(--s);padding-bottom:var(--s)}table.data thead th{white-space:nowrap;vertical-align:middle}table.data thead th.orderable{position:relative;padding:0 !important}body:not(.dragging) 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:.4375rem;height:.4375rem;border:solid currentColor;border-width:0 .125rem .125rem 0;opacity:.8;position:relative;transform:rotate(225deg);top:2px;position:absolute;top:calc(50% - 3px)}body.ltr table.data thead th.orderable.ordered:not(.loading) button:after{right:var(--m)}body.rtl table.data thead th.orderable.ordered:not(.loading) button:after{left:var(--m)}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:var(--pane-padding, var(--m)) var(--m)}body.ltr table.data thead th.orderable button{padding-right:35px}body.rtl table.data thead th.orderable button{padding-left:35px}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{--hover-bg-color: var(--gray-050);--selected-bg-color: var(--dark-sel-color)}table.data tbody tr:not(.disabled):hover th,table.data tbody tr:not(.disabled):hover td{background-color:var(--hover-bg-color)}table.data tbody tr:not(.disabled):focus{position:relative;z-index:1}table.data tbody tr:not(.disabled).sel,table.data tbody tr:not(.disabled).active-drop-target{--text-color: var(--white);--medium-dark-text-color: var(--white);--medium-text-color: var(--white);--light-text-color: var(--white);--link-color: var(--white);--ui-control-color: var(--white);--focus-ring: 0 0 0 3px hsl(var(--light-focus-hsl))}table.data tbody tr:not(.disabled).sel th,table.data tbody tr:not(.disabled).sel td,table.data tbody tr:not(.disabled).active-drop-target th,table.data tbody tr:not(.disabled).active-drop-target td{color:var(--white);background-color:var(--selected-bg-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.data tr.sel:not(.draggee)+tr.sel:not(.draggee) th,table.data tr.sel:not(.draggee)+tr.sel:not(.draggee) td{border-top-color:var(--gray-300)}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{background-color:var(--white);box-shadow:0 1px 5px -1px rgba(31,41,51,.2)}.datatablesorthelper,.datatablesorthelper .chip,.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}.chip,.card{color:var(--custom-text-color, var(--text-color));background-color:var(--custom-bg-color, var(--gray-050))}.chip{position:relative;display:inline-flex;align-items:center;cursor:default;user-select:none;font-weight:normal;padding:var(--xs) var(--s);max-width:100%;gap:var(--xs);border-radius:var(--large-border-radius)}.chip.small{flex-direction:row;height:calc(1.625rem + 8px);--thumb-size: calc(30rem / 16)}.chip.small>.thumb{margin:calc(var(--xs)*-1 + 2px) calc(var(--s)*-1 + 2px)}body.ltr .chip.small>.thumb{margin-right:2px}body.rtl .chip.small>.thumb{margin-left:2px}.chip.small>.thumb.cp-icon{--thumb-size: 1rem}body.ltr .chip.small>.thumb.cp-icon{margin-left:-2px}body.rtl .chip.small>.thumb.cp-icon{margin-right:-2px}.chip.large{flex-direction:column;--thumb-size: 120px;min-width:calc(var(--s)*2 + var(--thumb-size))}.chip.large .chip-content{width:100%}.chip .chip-content{display:flex;flex-direction:row;align-items:center;gap:var(--s);max-width:100%}body.ltr .chip .chip-content .status,body.ltr .chip .chip-content .icon{margin-right:0}body.rtl .chip .chip-content .status,body.rtl .chip .chip-content .icon{margin-left:0}.chip .chip-content .icon{margin:-4px -1px 0}.chip.sel,li.sel .chip,li.active-drop-target .chip{--text-color: var(--white);--custom-text-color: var(--white) !important;--medium-dark-text-color: var(--white);--medium-text-color: var(--white);--light-text-color: var(--white);--link-color: var(--white);--ui-control-color: var(--white);--focus-ring: 0 0 0 3px hsl(var(--light-focus-hsl));color:var(--white);background-color:var(--custom-sel-bg-color, var(--dark-sel-color)) !important}.chip.sel .cp-icon,li.sel .chip .cp-icon,li.active-drop-target .chip .cp-icon{--icon-color: var(--white) !important}.chip.sel,.sel .chip{cursor:default}.chip.sel .thumb,.sel .chip .thumb{filter:brightness(0.85)}.chip.sel .thumb img,.sel .chip .thumb img{box-shadow:0 0 0 1px rgba(96,109,123,.1),0 6px 4px -4px rgba(96,109,123,.2)}.offset-drag-helper .chip{background-color:var(--gray-050);box-shadow:0 1px 5px -1px rgba(31,41,51,.2)}.chip>.thumb{position:relative;display:flex;align-items:center;justify-content:center;width:var(--thumb-size);height:var(--thumb-size)}.chip>.thumb.rounded img,.chip>.thumb.rounded svg{border:var(--xs) solid rgba(0,0,0,0);border-radius:50%}.chip>.thumb.checkered img{background-image:linear-gradient(45deg, rgba(154, 165, 177, 0.25) 25%, transparent 25%),linear-gradient(135deg, rgba(154, 165, 177, 0.25) 25%, transparent 25%),linear-gradient(45deg, transparent 75%, rgba(154, 165, 177, 0.25) 75%),linear-gradient(135deg, transparent 75%, rgba(154, 165, 177, 0.25) 75%);background-size:8px 8px;background-position:0 0,4px 0,4px -4px,0 4px}.chip>.thumb img,.chip>.thumb svg{display:block;flex-shrink:0;border-radius:var(--small-border-radius);max-width:100%;max-height:100%}.cp-icon{display:flex;align-items:center;justify-content:center;width:var(--icon-size);height:var(--icon-size);max-width:var(--icon-size)}.cp-icon svg{width:var(--icon-size);height:var(--icon-size);max-width:var(--icon-size) !important;max-height:var(--icon-size) !important}.cp-icon svg rect,.cp-icon svg circle,.cp-icon svg ellipse,.cp-icon svg line,.cp-icon svg polyline,.cp-icon svg polygon,.cp-icon svg path,.cp-icon svg text{fill:var(--icon-color, var(--ui-control-color));stroke-width:0}.cp-icon.large{--icon-size: calc(20rem / 16)}.cp-icon.small{--icon-size: calc(14rem / 16)}.cp-icon.puny{--icon-size: calc(12rem / 16)}.chips,.cards{display:flex;--custom-bg-color: initial;--custom-text-color: initial;--custom-sel-bg-color: initial}.chips:not(.inline-chips),.cards:not(.inline-chips){flex-direction:column}.chips li,.cards li{max-width:100%}.cards{gap:var(--s)}.chips{align-items:flex-start;gap:var(--xs)}.inline-chips{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--xs)}.inline-chips .chip{margin:0 !important}.card{position:relative;display:flex;flex-direction:row;align-items:stretch;padding:var(--m);gap:var(--m);border-radius:var(--large-border-radius);cursor:default;user-select:none;width:100%}.card:after{border-radius:var(--large-border-radius)}.card.sel,li.sel .card{--text-color: var(--white);--custom-text-color: var(--white) !important;--medium-dark-text-color: var(--white);--medium-text-color: var(--white);--light-text-color: var(--white);--link-color: var(--white);--ui-control-color: var(--white);--focus-ring: 0 0 0 3px hsl(var(--light-focus-hsl));color:var(--white);background-color:var(--custom-sel-bg-color, var(--dark-sel-color)) !important}.card.sel>.thumb,li.sel .card>.thumb{background-color:var(--dark-sel-color) !important;filter:brightness(0.85)}.card>.thumb{position:relative;display:flex;align-items:stretch;margin:calc(var(--m)*-1);width:120px;min-width:120px;min-height:calc(var(--m)*2 + var(--lh)*3 + var(--xs));background-color:var(--gray-100);overflow:hidden}body.ltr .card>.thumb{margin-right:0}body.rtl .card>.thumb{margin-left:0}.card>.thumb:after{display:block;content:\"\";font-size:0;position:absolute;top:0;bottom:0;box-shadow:0 1px 5px -1px rgba(31,41,51,.2);width:10px}body.ltr .card>.thumb:after{right:-10px}body.rtl .card>.thumb:after{left:-10px}body.ltr .card>.thumb,body.ltr .card>.thumb:after{border-radius:var(--large-border-radius) 0 0 var(--large-border-radius)}body.rtl .card>.thumb,body.rtl .card>.thumb:after{border-radius:0 var(--large-border-radius) var(--large-border-radius) 0}.card>.thumb img,.card>.thumb svg{width:100%;max-height:120px;object-fit:cover}body.ltr .card>.cp-icon{margin:0 -4px 0 -2px}body.rtl .card>.cp-icon{margin:0 -2px 0 -4px}.card .card-content,.card .card-content .card-body{display:flex;flex-direction:column;gap:var(--xs);flex:1}.card .card-content{margin:calc((1rem - var(--lh))/2) 0;flex:1 0 0 !important;overflow:hidden;position:relative;--focus-ring: var(--inner-focus-ring)}.card .card-content .card-heading{display:flex;flex-direction:row;align-items:center;gap:5px}.card .card-content .card-heading .status{margin:0;flex:0 0 10px}.card .card-content .card-heading .label{font-weight:600}.card .card-content .card-body:empty{display:none}.card .card-content .card-body>*{--max-lines: 2;margin:0;max-height:calc(var(--lh)*var(--max-lines));overflow:hidden;text-wrap:pretty}.card>.card-actions-container{display:flex;align-items:flex-start !important;position:relative}.card-grid{display:grid !important;gap:var(--s) !important;grid-template-columns:repeat(auto-fill, minmax(360px, 1fr))}.card-grid>li{border-radius:var(--large-border-radius)}.card-grid>li>.card{margin:0 !important;height:100%}.context-label,.context-menu-container{display:inline-flex;align-items:center;height:var(--touch-target-size);padding:0 var(--s);font-size:11px;font-weight:normal;text-decoration:none !important;color:var(--light-text-color);border-radius:calc(var(--touch-target-size)/2);border:1px solid var(--medium-hairline-color)}body.ltr .context-label,body.ltr .context-menu-container{margin-left:var(--xs)}body.rtl .context-label,body.rtl .context-menu-container{margin-right:var(--xs)}body.ltr .context-menu-container{padding-right:0}body.rtl .context-menu-container{padding-left:0}body.ltr .context-menu-container .menubtn:not(.action-btn){margin:0 -1px 0 0}body.rtl .context-menu-container .menubtn:not(.action-btn){margin:0 0 0 -1px}body.ltr .context-menu-container .menubtn:not(.action-btn){padding-right:2px !important}body.rtl .context-menu-container .menubtn:not(.action-btn){padding-left:2px !important}body.ltr .context-menu-container .menubtn:not(.action-btn){border-left:1px solid var(--medium-hairline-color)}body.rtl .context-menu-container .menubtn:not(.action-btn){border-right:1px solid var(--medium-hairline-color)}body.ltr .context-menu-container .menubtn:not(.action-btn){border-radius:0 calc(var(--touch-target-size)/2) calc(var(--touch-target-size)/2) 0}body.rtl .context-menu-container .menubtn:not(.action-btn){border-radius:calc(var(--touch-target-size)/2) 0 0 calc(var(--touch-target-size)/2)}.context-menu-container .menubtn:not(.action-btn):hover{border-color:var(--dark-hairline-color) !important}.context-menu-container>*{display:inline-block}body.ltr .context-menu-container>*{padding-right:var(--s)}body.rtl .context-menu-container>*{padding-left:var(--s)}.context-menu-container .menubtn:not(.action-btn):only-child,.context-menu-container .visually-hidden:first-child+.menubtn:not(.action-btn):last-child{margin:0 calc(var(--s)*-1);border-left:none !important;border-radius:calc(var(--touch-target-size)/2) !important}.chip .checkbox:before,.card .checkbox:before{box-shadow:none !important}.chip .label,.card .label{display:flex;align-items:center;gap:var(--xs);overflow:hidden}.chip .label .label-link,.card .label .label-link{flex:1 1 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chip .label .label-link:focus,.card .label .label-link:focus{box-shadow:var(--inner-focus-ring)}.chip .label .segment:after,.card .label .segment:after{display:inline-flex !important;position:relative;top:-2px;display:block;content:\"\";font-size:0;width:.4375rem;height:.4375rem;border:solid var(--light-text-color);border-width:0 .0625rem .0625rem 0;opacity:.8;position:relative}body.ltr .chip .label .segment:after,body.ltr .card .label .segment:after{margin:0 5px 0 2px}body.rtl .chip .label .segment:after,body.rtl .card .label .segment:after{margin:0 2px 0 5px}body.ltr .chip .label .segment:after,body.ltr .card .label .segment:after{transform:rotate(-45deg)}body.rtl .chip .label .segment:after,body.rtl .card .label .segment:after{transform:rotate(135deg)}.sel .chip .label .segment:after,.sel .card .label .segment:after{display:block;content:\"\";font-size:0;width:.4375rem;height:.4375rem;border:solid var(--white);border-width:0 .0625rem .0625rem 0;opacity:.8;position:relative}body.ltr .sel .chip .label .segment:after,body.ltr .sel .card .label .segment:after{transform:rotate(-45deg)}body.rtl .sel .chip .label .segment:after,body.rtl .sel .card .label .segment:after{transform:rotate(135deg)}.chip>.chip-content>.chip-actions,.chip>.card-actions-container>.card-actions,.card>.chip-content>.chip-actions,.card>.card-actions-container>.card-actions{display:flex;flex-direction:row;align-items:center;gap:var(--s);min-height:1rem}.chip>.chip-content>.chip-actions:empty,.chip>.card-actions-container>.card-actions:empty,.card>.chip-content>.chip-actions:empty,.card>.card-actions-container>.card-actions:empty{display:none}.chip>.chip-content>.chip-actions>.status,.chip>.card-actions-container>.card-actions>.status,.card>.chip-content>.chip-actions>.status,.card>.card-actions-container>.card-actions>.status{margin:0}.chip>.chip-content>.chip-actions>.action-btn,.chip>.chip-content>.chip-actions>.move,.chip>.card-actions-container>.card-actions>.action-btn,.chip>.card-actions-container>.card-actions>.move,.card>.chip-content>.chip-actions>.action-btn,.card>.chip-content>.chip-actions>.move,.card>.card-actions-container>.card-actions>.action-btn,.card>.card-actions-container>.card-actions>.move{height:var(--touch-target-size);width:var(--touch-target-size);margin:0 -4px}.chip>.chip-content>.chip-actions>.action-btn:before,.chip>.chip-content>.chip-actions>.move:before,.chip>.card-actions-container>.card-actions>.action-btn:before,.chip>.card-actions-container>.card-actions>.move:before,.card>.chip-content>.chip-actions>.action-btn:before,.card>.chip-content>.chip-actions>.move:before,.card>.card-actions-container>.card-actions>.action-btn:before,.card>.card-actions-container>.card-actions>.move:before{color:var(--custom-text-color, var(--ui-control-color))}.chip>.chip-content>.chip-actions .action-btn,.chip>.card-actions-container>.card-actions .action-btn,.card>.chip-content>.chip-actions .action-btn,.card>.card-actions-container>.card-actions .action-btn{background-color:rgba(0,0,0,0)}body.ltr .chip>.chip-content>.chip-actions .action-btn:before,body.ltr .chip>.card-actions-container>.card-actions .action-btn:before,body.ltr .card>.chip-content>.chip-actions .action-btn:before,body.ltr .card>.card-actions-container>.card-actions .action-btn:before{margin-right:0 !important}body.rtl .chip>.chip-content>.chip-actions .action-btn:before,body.rtl .chip>.card-actions-container>.card-actions .action-btn:before,body.rtl .card>.chip-content>.chip-actions .action-btn:before,body.rtl .card>.card-actions-container>.card-actions .action-btn:before{margin-left:0 !important}.chip>.chip-content>.chip-actions .action-btn:hover,.chip>.chip-content>.chip-actions .action-btn:active,.chip>.chip-content>.chip-actions .action-btn[aria-expanded=true],.chip>.card-actions-container>.card-actions .action-btn:hover,.chip>.card-actions-container>.card-actions .action-btn:active,.chip>.card-actions-container>.card-actions .action-btn[aria-expanded=true],.card>.chip-content>.chip-actions .action-btn:hover,.card>.chip-content>.chip-actions .action-btn:active,.card>.chip-content>.chip-actions .action-btn[aria-expanded=true],.card>.card-actions-container>.card-actions .action-btn:hover,.card>.card-actions-container>.card-actions .action-btn:active,.card>.card-actions-container>.card-actions .action-btn[aria-expanded=true]{backdrop-filter:brightness(90%)}.chip>.chip-content>.chip-actions .move,.chip>.card-actions-container>.card-actions .move,.card>.chip-content>.chip-actions .move,.card>.card-actions-container>.card-actions .move{margin-top:-3px !important}.chip.error .label .label-link,.card.error .label .label-link{color:var(--error-color)}.element-index .source-path{background-color:var(--gray-050);border-radius:3px;--ui-control-bg-color: var(--light-sel-color);--ui-control-hover-bg-color: #bdcbdb;--ui-control-active-bg-color: #acbed2}.element-index .source-path .chevron-btns{display:inline-flex;position:relative;background:#fff;--ui-control-height: calc((30rem / 16))}.element-index .source-path .chevron-btns:before{display:block;content:\"\";font-size:0;position:absolute;top:0;width:0;height:0;border-top:calc(var(--ui-control-height)/2) solid #f3f7fc}body.ltr .element-index .source-path .chevron-btns:before{right:0}body.rtl .element-index .source-path .chevron-btns:before{left:0}body.ltr .element-index .source-path .chevron-btns:before{border-left:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0)}body.rtl .element-index .source-path .chevron-btns:before{border-right:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0)}.element-index .source-path .chevron-btns:after{display:block;content:\"\";font-size:0;position:absolute;top:calc(var(--ui-control-height)/2);border-bottom:calc(var(--ui-control-height)/2) solid #f3f7fc}body.ltr .element-index .source-path .chevron-btns:after{right:0}body.rtl .element-index .source-path .chevron-btns:after{left:0}body.ltr .element-index .source-path .chevron-btns:after{border-left:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0)}body.rtl .element-index .source-path .chevron-btns:after{border-right:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0)}.element-index .source-path .chevron-btns .btn{--ui-control-border-radius: 3px}.element-index .source-path .btn.settings{box-shadow:0 0 0 2px var(--white)}.element-index.main .source-path{margin:-22px calc(var(--padding)*-1 + 2px) 24px}.elementselectormodal .element-index .source-path{margin-bottom:2px}.element-index.pane .toolbar{position:relative;z-index:2;margin:calc(var(--pane-padding)*-1) calc(var(--pane-padding)*-1) var(--pane-padding) !important;border-radius:calc(var(--large-border-radius) - 1px) calc(var(--large-border-radius) - 1px) 0 0;padding:var(--pane-padding);box-shadow:0 1px 0 var(--hairline-color);background-color:var(--gray-050)}.element-index.pane .header{padding-top:var(--pane-padding);padding-bottom:var(--pane-padding);background-color:rgba(0,0,0,0);border-bottom:1px solid var(--hairline-color)}.element-index.pane .elements{--border-radius: 0}.element-index.pane .elements .tableview table.data thead th,.element-index.pane .elements .tableview table.data thead td{border-bottom:1px solid var(--hairline-color)}.element-index.pane .elements .tableview table.data thead th:not(.ordered),.element-index.pane .elements .tableview table.data thead td:not(.ordered){background-color:rgba(0,0,0,0)}.element-index.pane .footer{border-radius:0 0 calc(var(--large-border-radius) - 1px) calc(var(--large-border-radius) - 1px) !important;box-shadow:none;border-top:1px solid var(--hairline-color);background:rgba(0,0,0,0)}.elements{position:relative}.elements:not(.busy) .update-spinner{display:none}.elements.busy{min-height:72px}.elements.busy:after{display:block;content:\"\";font-size:0;position:absolute;z-index:100;top:0;left:calc(var(--pane-padding, 24px)*-1);width:calc(100% + var(--pane-padding, 24px) + var(--pane-padding, 24px));height:100%;background:rgba(255,255,255,.75);border-radius:var(--large-border-radius)}.elements.busy .update-spinner{z-index:101}.elements .header{margin:calc(var(--xl)*-1 + 2px) calc(var(--padding)*-1 + 2px) var(--xl);padding:var(--s);background-color:var(--gray-050);box-shadow:none;border-radius:var(--border-radius, var(--small-border-radius))}.elements .header:after{content:\"\"}.elements .header .selectallcontainer{display:flex;align-items:center;gap:5px;cursor:default}.elements .tableview tr.draggee th,.elements .tableview tr.draggee td,.elements .thumbsview li.draggee{opacity:.25}.elements .tableview th .move,.elements .tableview th .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 th .move,body.ltr .elements .tableview th .toggle{margin-left:calc(var(--touch-target-size)*-1)}body.rtl .elements .tableview th .move,body.rtl .elements .tableview th .toggle{margin-right:calc(var(--touch-target-size)*-1)}.elements .tableview th .move{font-size:11px;text-decoration:none}.elements .tableview th .toggle{text-align:center;padding:4px;border-radius:50%}body.ltr .elements .tableview th .move+.toggle{margin-left:calc(var(--touch-target-size)*-2)}body.rtl .elements .tableview th .move+.toggle{margin-right:calc(var(--touch-target-size)*-2)}.elements .tableview th .enabled-label{margin-left:var(--xs)}.elements .tableview .chip{background-color:rgba(0,0,0,0)}.elements .thumbsview{display:grid;gap:var(--xs);grid-template-columns:repeat(auto-fill, minmax(180px, 1fr))}.elements .thumbsview li{position:relative;max-width:226px;border-radius:var(--large-border-radius)}body.ltr .elements .thumbsview li{margin:0 1px 1px 0}body.rtl .elements .thumbsview li{margin:0 0 1px 1px}.elements .thumbsview li:hover .chip{background-color:var(--gray-050)}.elements .thumbsview li.sel a{cursor:pointer !important}.elements .thumbsview li.sel a:hover{text-decoration:underline}.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}.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(--gray-200)}body.rtl .structure ul li:not(:last-child):not(.last){border-right:1px solid var(--gray-200)}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 .chip{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 .elements:not(:empty)+.flex,.componentselect .components:not(:empty)+.flex{margin-top:var(--s)}.elementselect{position:relative;min-height:34px}.elementselect .flex,.elementselect .btn{clear:both}.elementselect .chip{z-index:1}.elementselect .structure .chip{margin-top:var(--xs)}body.ltr .elementselect .structure>li{padding-left:0}body.rtl .elementselect .structure>li{padding-right:0}body.ltr .elementselect .structure ul{margin-left:14px}body.rtl .elementselect .structure ul{margin-right:14px}.elementselect .structure ul li{background-position:0 6px !important}.nested-element-cards{display:flex;flex-direction:column;gap:var(--s)}.nested-element-cards>.pane{margin:0}table.editable{border-radius:var(--large-border-radius);border:1px solid var(--gray-200)}table.editable th,table.editable td.heading,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:calc(var(--large-border-radius) - 1px)}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:calc(var(--large-border-radius) - 1px)}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 .editable-table-preview{white-space:pre-wrap}body.ltr table.editable tbody tr td.textual .editable-table-preview{text-align:left}body.rtl table.editable tbody tr td.textual .editable-table-preview{text-align:right}table.editable tbody tr td.textual .editable-table-preview+textarea{opacity:0;height:0;min-height:0;padding-top:0;padding-bottom: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,table.editable tbody .editable-table-preview{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:calc(100% - 29px)}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;position:relative;width:.75rem;height:.75rem;border:1px solid rgba(0,0,0,0);border-radius:100%;box-sizing:border-box;background-clip:border-box}body.ltr .status{margin-right:10px}body.rtl .status{margin-left:10px}body.use-shapes .status.all{rotate:45deg;background-image:linear-gradient(30deg, #184cef, #e5422b)}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.all,body.use-shapes .status.off,body.use-shapes .status.suspended,body.use-shapes .status.expired{border-radius:2px;transform:scale(90%)}.status:not(.on):not(.live):not(.active):not(.enabled):not(.all):not(.pending):not(.warning):not(.off):not(.suspended):not(.expired):not(.light):not(.gray):not(.red):not(.orange):not(.amber):not(.yellow):not(.lime):not(.green):not(.emerald):not(.teal):not(.cyan):not(.sky):not(.blue):not(.indigo):not(.violet):not(.purple):not(.fuchsia):not(.pink):not(.rose):not(.grey):not(.black){border-color:var(--ui-control-color)}.status.all{background-image:linear-gradient(60deg, #184cef, #e5422b);background-origin:border-box}.status.on,.status.live,.status.active,.status.enabled{background-color:var(--enabled-color)}.status.red,.bg-red,.status.off,.status.suspended,.status.expired{background-color:var(--disabled-color)}.status.warning{background-color:var(--warning-color)}.status.orange,.bg-orange,.status.pending{background-color:var(--pending-color)}.status.amber,.bg-amber{background-color:var(--amber-500)}.status.yellow,.bg-yellow{background-color:var(--yellow-500)}.status.lime,.bg-lime{background-color:var(--lime-500)}.status.green,.bg-green{background-color:var(--green-600)}.status.emerald,.bg-emerald{background-color:var(--emerald-500)}.status.teal,.bg-teal,.status.turquoise,.bg-turquoise{background-color:var(--teal-500)}.status.cyan,.bg-cyan{background-color:var(--cyan-500)}.status.sky,.bg-sky{background-color:var(--sky-500)}.status.blue,.bg-blue{background-color:var(--blue-600)}.status.indigo,.bg-indigo{background-color:var(--indigo-500)}.status.violet,.bg-violet{background-color:var(--violet-500)}.status.purple,.bg-purple{background-color:var(--purple-500)}.status.fuchsia,.bg-fuchsia{background-color:var(--fuchsia-500)}.status.pink,.bg-pink{background-color:var(--pink-500)}.status.rose,.bg-rose{background-color:var(--rose-500)}.status.light{background-color:var(--gray-100)}.status.white,.bg-white{background-color:var(--white)}.status.black,.bg-black{background-color:var(--gray-800)}.status.gray,.bg-gray,.status.grey,.bg-grey{background-color:var(--gray-300)}.status.white,.status.disabled{opacity:1}.icon.warning,.cp-icon.warning,[data-icon].warning,[data-icon-after].warning{--icon-color: var(--warning-color)}.icon.red,.cp-icon.red,[data-icon].red,[data-icon-after].red{--icon-color: var(--disabled-color)}.icon.orange,.cp-icon.orange,[data-icon].orange,[data-icon-after].orange{--icon-color: var(--pending-color)}.icon.amber,.cp-icon.amber,[data-icon].amber,[data-icon-after].amber{--icon-color: var(--amber-500)}.icon.yellow,.cp-icon.yellow,[data-icon].yellow,[data-icon-after].yellow{--icon-color: var(--yellow-500)}.icon.lime,.cp-icon.lime,[data-icon].lime,[data-icon-after].lime{--icon-color: var(--lime-500)}.icon.green,.cp-icon.green,[data-icon].green,[data-icon-after].green{--icon-color: var(--green-500)}.icon.emerald,.cp-icon.emerald,[data-icon].emerald,[data-icon-after].emerald{--icon-color: var(--emerald-500)}.icon.teal,.cp-icon.teal,[data-icon].teal,[data-icon-after].teal{--icon-color: var(--teal-500)}.icon.cyan,.cp-icon.cyan,[data-icon].cyan,[data-icon-after].cyan{--icon-color: var(--cyan-500)}.icon.sky,.cp-icon.sky,[data-icon].sky,[data-icon-after].sky{--icon-color: var(--sky-500)}.icon.blue,.cp-icon.blue,[data-icon].blue,[data-icon-after].blue{--icon-color: var(--blue-600)}.icon.indigo,.cp-icon.indigo,[data-icon].indigo,[data-icon-after].indigo{--icon-color: var(--indigo-500)}.icon.violet,.cp-icon.violet,[data-icon].violet,[data-icon-after].violet{--icon-color: var(--violet-500)}.icon.purple,.cp-icon.purple,[data-icon].purple,[data-icon-after].purple{--icon-color: var(--purple-500)}.icon.fuchsia,.cp-icon.fuchsia,[data-icon].fuchsia,[data-icon-after].fuchsia{--icon-color: var(--fuchsia-500)}.icon.pink,.cp-icon.pink,[data-icon].pink,[data-icon-after].pink{--icon-color: var(--pink-500)}.icon.rose,.cp-icon.rose,[data-icon].rose,[data-icon-after].rose{--icon-color: var(--rose-500)}.icon.white,.cp-icon.white,[data-icon].white,[data-icon-after].white{--icon-color: var(--white)}.icon.black,.cp-icon.black,[data-icon].black,[data-icon-after].black{--icon-color: var(--gray-800)}.icon.gray,.cp-icon.gray,[data-icon].gray,[data-icon-after].gray{--icon-color: var(--gray-300)}.warning[data-icon]:before,.warning[data-icon-after]:after,.red[data-icon]:before,.red[data-icon-after]:after,.orange[data-icon]:before,.orange[data-icon-after]:after,.amber[data-icon]:before,.amber[data-icon-after]:after,.yellow[data-icon]:before,.yellow[data-icon-after]:after,.lime[data-icon]:before,.lime[data-icon-after]:after,.green[data-icon]:before,.green[data-icon-after]:after,.emerald[data-icon]:before,.emerald[data-icon-after]:after,.teal[data-icon]:before,.teal[data-icon-after]:after,.cyan[data-icon]:before,.cyan[data-icon-after]:after,.sky[data-icon]:before,.sky[data-icon-after]:after,.blue[data-icon]:before,.blue[data-icon-after]:after,.indigo[data-icon]:before,.indigo[data-icon-after]:after,.violet[data-icon]:before,.violet[data-icon-after]:after,.purple[data-icon]:before,.purple[data-icon-after]:after,.fuchsia[data-icon]:before,.fuchsia[data-icon-after]:after,.pink[data-icon]:before,.pink[data-icon-after]:after,.rose[data-icon]:before,.rose[data-icon-after]:after,.white[data-icon]:before,.white[data-icon-after]:after,.black[data-icon]:before,.black[data-icon-after]:after,.gray[data-icon]:before,.gray[data-icon-after]:after{color:var(--icon-color) !important}.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{--pane-padding: var(--xl);--border: 1px solid var(--hairline-color);background:#fff;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);position:relative;margin:14px 0;padding:var(--pane-padding);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.dashed{background-color:rgba(0,0,0,0) !important;box-shadow:none;border:1px dashed var(--medium-hairline-color) !important}.pane.hairline{background-color:rgba(0,0,0,0) !important;box-shadow:none;border:1px solid rgba(96, 125, 159, 0.25) !important}.pane.no-border{border:none !important}.pane.padding-xs{--pane-padding: var(--xs)}.pane.padding-s{--pane-padding: var(--s)}.pane.padding-m{--pane-padding: var(--m)}.pane.padding-l{--pane-padding: var(--l)}.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:1.875rem;height:1.875rem;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(--padding)*-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]{--tab-label-color: var(--light-text-color)}.pane-tabs [role=tablist] [role=tab].error{--highlight-color: var(--error-color) !important;--tab-label-color: var(--error-color) !important}.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 var(--padding);white-space:nowrap;height:50px}.pane-tabs [role=tablist] [role=tab]:hover{text-decoration:none}body:not(.reduce-focus-visibility) .pane-tabs [role=tablist] [role=tab]:focus,body.reduce-focus-visibility .pane-tabs [role=tablist] [role=tab]:focus-visible{box-shadow:none}body:not(.reduce-focus-visibility) .pane-tabs [role=tablist] [role=tab]:focus .tab-label,body.reduce-focus-visibility .pane-tabs [role=tablist] [role=tab]:focus-visible .tab-label{box-shadow:var(--inner-focus-ring)}.pane-tabs [role=tablist] [role=tab]:not(.sel){color:var(--custom-text-color, var(--tab-label-color))}.pane-tabs [role=tablist] [role=tab]:not(.sel):hover{backdrop-filter:brightness(95%)}.pane-tabs [role=tablist] [role=tab].sel{--highlight-color: var(--gray-500);--tab-label-color: var(--text-color);position:relative;z-index:1;cursor:default;box-shadow:inset 0 2px 0 var(--custom-text-color, var(--highlight-color)),0 0 0 1px rgba(51,64,77,.1),0 2px 12px var(--custom-sel-tab-shadow-color, var(--gray-200));color:var(--tab-label-color);background-color:var(--white) !important}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#tabs:first-child [role=tablist] [role=tab]:first-child,body.ltr .pane-tabs#tabs:first-child [role=tablist] [role=tab]:first-child .tab-label{border-top-left-radius:var(--large-border-radius)}body.rtl .pane-tabs#tabs:first-child [role=tablist] [role=tab]:first-child,body.rtl .pane-tabs#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)}.pane-tabs .menubtn.error span[data-icon]{margin-right:2px}.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:#fcd815}.details .meta.warning .btn:active,.details .meta.warning .btn[aria-expanded=true]{background-color:#f5ce03}.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:never;-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;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{margin:0}@media screen and (min-width: 400px){.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-right:var(--s)}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-left: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-top:var(--s)}@media screen and (min-width: 400px){.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:100%}@media screen and (min-width: 400px){.meta>.field>.input,.meta>.data>.value,.meta>.flex-fields>.field>.input,.meta>.flex-fields>.data>.value{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,.meta>.flex-fields>.field>.input>.datetimewrapper{gap: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):not(.first-child),.meta>.flex-fields+.field:not(.first-child){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}.meta>.field>.input>.custom-select{display:block;margin:calc(var(--s)*-1) 0;width:100%;border-radius:0;box-shadow:none;background-color:rgba(0,0,0,0)}.meta>.field>.input>.custom-select .menubtn:not(.action-btn){justify-content:start;width:100%;background-color:rgba(0,0,0,0)}body.ltr .meta>.field>.input>.custom-select .menubtn:not(.action-btn){padding-left:0}body.rtl .meta>.field>.input>.custom-select .menubtn:not(.action-btn){padding-right:0}.meta>.field>.input>.custom-select .menubtn:not(.action-btn):after{position:absolute;top:calc(50% - 5px)}body.ltr .meta>.field>.input>.custom-select .menubtn:not(.action-btn):after{right:0}body.rtl .meta>.field>.input>.custom-select .menubtn:not(.action-btn):after{left:0}.meta>.field>.input>.custom-select .label{max-width:100%;overflow:hidden;text-overflow:ellipsis}.body{position:relative}.slideout-container,.slideout,.modal,.hud{z-index:100;box-sizing:border-box}.modal,.hud{border-radius:5px;background-color:#fff;box-shadow:0 25px 100px rgba(31,41,51,.5) !important}.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-container.so-lp{position:absolute;top:var(--m);left:var(--m);width:calc(100% - var(--m)*2);height:calc(100vh - var(--m)*2)}body.has-debug-toolbar .slideout-container{height:calc(100vh - 42px)}.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) !important;display:flex;flex-direction:column;overflow:hidden;padding:24px var(--padding);pointer-events:all;container-type:inline-size}.slideout.so-mobile,.slideout.so-lp{width:100% !important;height:100% !important;left:0;transition:top linear 250ms;will-change:top}.slideout.so-mobile{--padding: 14px;--neg-padding: -14px}.slideout:not(.so-mobile){border-radius:var(--large-border-radius)}.slideout:not(.so-mobile):not(.so-lp){top:8px;width:calc(50% - 8px);height:calc(100% - 16px)}@media screen and (prefers-reduced-motion: no-preference){body.ltr .slideout:not(.so-mobile):not(.so-lp){transition:left linear 250ms;will-change:left}body.rtl .slideout:not(.so-mobile):not(.so-lp){transition:right linear 250ms;will-change:right}}.slideout>.pane-header{padding-left:var(--padding);padding-right:var(--padding);z-index:2}.slideout>.pane-header>.so-toolbar{display:flex;flex-direction:row;align-items:center;gap:var(--xs);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-body{flex:1;margin:-24px var(--neg-padding);overflow:hidden auto;position:relative}.slideout>.so-body:not(:last-child){margin-bottom:0}.slideout>.so-body>h1:not(:last-child){padding-bottom:var(--s);border-bottom:1px solid var(--hairline-color)}.slideout>.so-body.so-full-details,.slideout>.so-body>.so-sidebar{background-color:var(--gray-100) !important}.slideout>.so-body:not(.so-full-details){padding:24px var(--padding)}.slideout>.so-body>.so-sidebar,.slideout>.so-body.so-full-details>.so-content>.details{box-sizing:border-box;padding:0 var(--padding) var(--spacing)}.slideout>.so-body>.so-sidebar>.preview-thumb-container,.slideout>.so-body.so-full-details>.so-content>.details>.preview-thumb-container{margin:0 var(--neg-padding);height:auto;min-height:54px}.slideout>.so-body>.so-sidebar>.preview-thumb-container+.pane-header,.slideout>.so-body.so-full-details>.so-content>.details>.preview-thumb-container+.pane-header{border-radius:0}.slideout>.so-body>.so-sidebar .image-actions.is-mobile,.slideout>.so-body.so-full-details>.so-content>.details .image-actions.is-mobile{margin:calc(var(--spacing)/2) 0 var(--spacing)}.slideout>.so-body>.so-sidebar>.meta.read-only:first-child,.slideout>.so-body.so-full-details>.so-content>.details>.meta.read-only:first-child{margin-top:var(--padding)}.slideout>.so-body>.so-sidebar>.meta.warning,.slideout>.so-body.so-full-details>.so-content>.details>.meta.warning{box-shadow:none;border-bottom:1px solid var(--yellow-300)}.slideout>.so-body>.so-sidebar>.field>.input>.text.fullwidth,.slideout>.so-body.so-full-details>.so-content>.details>.field>.input>.text.fullwidth{border-radius:0}.slideout>.so-body>.so-sidebar .notes,.slideout>.so-body.so-full-details>.so-content>.details .notes{padding-top:var(--m);padding-bottom:var(--m)}.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%;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-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)}@container (width > 700px){.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,.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:5px var(--pane-padding, 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:calc(var(--pane-padding, 24px)*-1) calc(var(--pane-padding, 24px)*-1) var(--pane-padding, 24px)}.pane .footer,.modal .body .footer{margin:var(--pane-padding, 24px) calc(var(--pane-padding, 24px)*-1) calc(var(--pane-padding, 24px)*-1)}.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}.slideout-shade.blurred,.modal-shade.blurred{backdrop-filter:blur(10px)}.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:never;-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;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:never;-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;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.tooltip-hud{display:block}.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)}.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, rgba(154, 165, 177, 0.25) 25%, transparent 25%),linear-gradient(135deg, rgba(154, 165, 177, 0.25) 25%, transparent 25%),linear-gradient(45deg, transparent 75%, rgba(154, 165, 177, 0.25) 75%),linear-gradient(135deg, transparent 75%, rgba(154, 165, 177, 0.25) 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>.header{padding-top:14px;padding-bottom:14px;text-align:center}.elementselectormodal>.header+.body{height:calc(100% - 48px) !important}.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 .header{margin:0 0 var(--m)}.elementselectormodal .body .content .main .elements .tableview table tr th,.elementselectormodal .body .content .main .elements .tableview table tr td{cursor:default}.elementselectormodal .body .content .main .elements .tableview table tr .checkbox:before{box-shadow:none !important}.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}.elementselectormodal .main-header,.customize-sources-modal .main-header{display:flex;align-items:center;margin-bottom:var(--s)}.elementselectormodal .main-heading,.customize-sources-modal .main-heading{margin-bottom:0}.elementselectormodal .nav-toggle,.customize-sources-modal .nav-toggle{height:var(--touch-target-size);width:var(--touch-target-size);color:var(--ui-control-color)}body.ltr .elementselectormodal .nav-toggle,body.ltr .customize-sources-modal .nav-toggle{margin-left:4px}body.rtl .elementselectormodal .nav-toggle,body.rtl .customize-sources-modal .nav-toggle{margin-right:4px}.elementselectormodal .nav-toggle:hover,.customize-sources-modal .nav-toggle:hover{color:var(--gray-500)}.elementselectormodal .sidebar-header,.customize-sources-modal .sidebar-header{display:flex;justify-content:flex-end;padding:0 var(--s);margin-bottom:var(--s)}.elementselectormodal .nav-close,.customize-sources-modal .nav-close{height:var(--touch-target-size);width:var(--touch-target-size)}.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}body.ltr .activity-container:not(:last-child){margin-right:var(--s)}body.rtl .activity-container:not(:last-child){margin-left:var(--s)}.activity-container ul{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--xs)}.activity-container ul li .activity-btn{width:30px;height:30px;border-radius:50%;display:block}.activity-container ul li .activity-btn .elementthumb{position:relative;width:100%;height:100%;border-radius:50px;background:var(--gray-050);overflow:hidden;border:2px solid var(--white);box-shadow:0 1px 2px 1px rgba(31,41,51,.1)}.activity-container ul li .activity-btn .elementthumb img,.activity-container ul li .activity-btn .elementthumb svg{display:block;width:100%;height:100%}body.ltr .activity-container ul li:not(:last-child){margin-right:-10px}body.rtl .activity-container ul li:not(:last-child){margin-left:-10px}.element-index-view-menu{width:400px;max-width:calc(100% - 20px);padding:0 !important}.element-index-view-menu .meta{padding-top:var(--s);padding-bottom:var(--s)}.element-index-view-menu .table-columns-field{align-items:flex-start}.element-index-view-menu .table-columns-field .input{padding:13px 0}.element-index-view-menu .menu-footer{margin:0 !important;padding:var(--s) var(--xl) !important;background-color:var(--gray-050)}.element-index-view-menu-table-column{display:flex;align-items:flex-start;align-content:stretch;margin-bottom:4px}.element-index-view-menu-table-column .icon.move{position:relative;z-index:1}body.ltr .element-index-view-menu-table-column .icon.move{margin-right:10px}body.rtl .element-index-view-menu-table-column .icon.move{margin-left:10px}.sort-field .input .flex .btngroup .btn{width:42px}.sort-field .input .flex .flex-grow{max-width:calc(100% - 85px - var(--s))}@media screen and (max-width: 350px){.sort-field .input .flex{flex-direction:column}.sort-field .input .flex>*{width:100%}.sort-field .input .flex .flex-grow{max-width:none}}.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)}.so-content .address-cards{grid-template-columns:repeat(1, minmax(0, 1fr)) !important}.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))}.so-content .address-cards{grid-template-columns:repeat(2, minmax(0, 1fr)) !important}}@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,.login-modal-shade,#logoutwarningmodal,.login-modal,#elevatedsessionmodal,.prompt{z-index:1001}#logoutwarningmodal,#elevatedsessionmodal,.prompt{width:500px}.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}.deleteusermodal div.elements{list-style:none}.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}.video-transcript{background-color:var(--gray-050);overflow-y:scroll;font-size:1rem;position:relative}body:not(.reduce-focus-visibility) .video-transcript:focus,body.reduce-focus-visibility .video-transcript:focus-visible{box-shadow:none;color:var(--white);background-color:var(--gray-800)}.video-transcript__inner{margin-left:auto;margin-right:auto;max-width:550px;padding:var(--xl)}.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.padded{padding:var(--s) calc(var(--m) + var(--s))}.menu.padded hr{margin:var(--s) calc((var(--m) + var(--s))*-1)}.menu.padded ul li{margin:0 calc(var(--m)*-1);padding:0 var(--m)}.menu.padded ul li a{border-radius:var(--large-border-radius)}.menu.padded .extralight{margin-top:2px}.menu h6:first-child,.menu .h6:first-child{margin-top:14px !important}body.ltr .menu ul.padded li a,body.ltr .menu ul.padded li .menu-item,body.ltr .menu ul.padded li .menu-option{padding-left:calc(var(--m) + 1.125rem)}body.rtl .menu ul.padded li a,body.rtl .menu ul.padded li .menu-item,body.rtl .menu ul.padded li .menu-option{padding-right:calc(var(--m) + 1.125rem)}.menu ul.padded li a.sel:not([data-icon]):before,.menu ul.padded li .menu-item.sel:not([data-icon]):before,.menu ul.padded li .menu-option.sel:not([data-icon]):before{font-size:14px;width:14px;content:\"check\";color:var(--ui-control-color);margin-top:3px !important}body.ltr .menu ul.padded li a.sel:not([data-icon]):before,body.ltr .menu ul.padded li .menu-item.sel:not([data-icon]):before,body.ltr .menu ul.padded li .menu-option.sel:not([data-icon]):before{float:left}body.rtl .menu ul.padded li a.sel:not([data-icon]):before,body.rtl .menu ul.padded li .menu-item.sel:not([data-icon]):before,body.rtl .menu ul.padded li .menu-option.sel:not([data-icon]):before{float:right}body.ltr .menu ul.padded li a.sel:not([data-icon]):before,body.ltr .menu ul.padded li .menu-item.sel:not([data-icon]):before,body.ltr .menu ul.padded li .menu-option.sel:not([data-icon]):before{margin:4px 0 0 calc(-1.125rem - 4px)}body.rtl .menu ul.padded li a.sel:not([data-icon]):before,body.rtl .menu ul.padded li .menu-item.sel:not([data-icon]):before,body.rtl .menu ul.padded li .menu-option.sel:not([data-icon]):before{margin:4px calc(-1.125rem - 4px) 0 0}.menu ul li a,.menu ul li .menu-item,.menu ul li .menu-option{margin:0 -14px;padding:10px 14px;white-space:nowrap;font-size:14px;-webkit-appearance:none}body.ltr .menu ul li a:not(:last-child),body.ltr .menu ul li .menu-item:not(:last-child),body.ltr .menu ul li .menu-option:not(:last-child){margin-right:0}body.rtl .menu ul li a:not(:last-child),body.rtl .menu ul li .menu-item:not(:last-child),body.rtl .menu ul li .menu-option:not(:last-child){margin-left:0}.menu ul li a:not(.flex):not(.hidden),.menu ul li .menu-item:not(.flex):not(.hidden),.menu ul li .menu-option:not(.flex):not(.hidden){display:block;width:calc(100% + 28px)}body.ltr .menu ul li a:not(.flex):not(.hidden),body.ltr .menu ul li .menu-item:not(.flex):not(.hidden),body.ltr .menu ul li .menu-option:not(.flex):not(.hidden){text-align:left}body.rtl .menu ul li a:not(.flex):not(.hidden),body.rtl .menu ul li .menu-item:not(.flex):not(.hidden),body.rtl .menu ul li .menu-option:not(.flex):not(.hidden){text-align:right}.menu ul li a.flex [data-icon],.menu ul li .menu-item.flex [data-icon],.menu ul li .menu-option.flex [data-icon]{margin-top:-2px}.menu ul li a.sel,.menu ul li .menu-item.sel,.menu ul li .menu-option.sel{cursor:default}.menu ul li a .shortcut,.menu ul li .menu-item .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-item .shortcut,body.ltr .menu ul li .menu-option .shortcut{float:right}body.rtl .menu ul li a .shortcut,body.rtl .menu ul li .menu-item .shortcut,body.rtl .menu ul li .menu-option .shortcut{float:left}body.ltr .menu ul li a .shortcut,body.ltr .menu ul li .menu-item .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-item .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}.menu .go:after{color:inherit}.menu:not(.menu--disclosure) ul li a,.menu ul li .menu-item,.menu ul li .menu-option{color:#3f4d5a;text-decoration:none;cursor:default}.menu li>a[data-icon]:before,.menu li>a [data-icon]:before,.menu li>a span.icon:not([data-icon]),.menu li>button[data-icon]:before,.menu li>button [data-icon]:before,.menu li>button span.icon:not([data-icon]){display:inline-block;width:.875rem;height:.875rem}body.ltr .menu li>a[data-icon]:before,body.ltr .menu li>a [data-icon]:before,body.ltr .menu li>a span.icon:not([data-icon]),body.ltr .menu li>button[data-icon]:before,body.ltr .menu li>button [data-icon]:before,body.ltr .menu li>button span.icon:not([data-icon]){margin-left:-1px}body.rtl .menu li>a[data-icon]:before,body.rtl .menu li>a [data-icon]:before,body.rtl .menu li>a span.icon:not([data-icon]),body.rtl .menu li>button[data-icon]:before,body.rtl .menu li>button [data-icon]:before,body.rtl .menu li>button span.icon:not([data-icon]){margin-right:-1px}body.ltr .menu li>a[data-icon]:before,body.ltr .menu li>a [data-icon]:before,body.ltr .menu li>a span.icon:not([data-icon]),body.ltr .menu li>button[data-icon]:before,body.ltr .menu li>button [data-icon]:before,body.ltr .menu li>button span.icon:not([data-icon]){margin-right:9px}body.rtl .menu li>a[data-icon]:before,body.rtl .menu li>a [data-icon]:before,body.rtl .menu li>a span.icon:not([data-icon]),body.rtl .menu li>button[data-icon]:before,body.rtl .menu li>button [data-icon]:before,body.rtl .menu li>button span.icon:not([data-icon]){margin-left:9px}.menu li>a[data-icon]:before,.menu li>a [data-icon]:before,.menu li>button[data-icon]:before,.menu li>button [data-icon]:before{position:relative;top:-2px;text-align:center;font-size:14px;color:var(--ui-control-color)}.menu li>a span.icon:not([data-icon]) svg,.menu li>button span.icon:not([data-icon]) svg{display:block;position:relative;top:1px;width:100%;height:100%}.menu li>a span.icon:not([data-icon]) svg rect,.menu li>a span.icon:not([data-icon]) svg circle,.menu li>a span.icon:not([data-icon]) svg ellipse,.menu li>a span.icon:not([data-icon]) svg line,.menu li>a span.icon:not([data-icon]) svg polyline,.menu li>a span.icon:not([data-icon]) svg polygon,.menu li>a span.icon:not([data-icon]) svg path,.menu li>a span.icon:not([data-icon]) svg text,.menu li>button span.icon:not([data-icon]) svg rect,.menu li>button span.icon:not([data-icon]) svg circle,.menu li>button span.icon:not([data-icon]) svg ellipse,.menu li>button span.icon:not([data-icon]) svg line,.menu li>button span.icon:not([data-icon]) svg polyline,.menu li>button span.icon:not([data-icon]) svg polygon,.menu li>button span.icon:not([data-icon]) svg path,.menu li>button span.icon:not([data-icon]) svg text{fill:var(--icon-color, var(--ui-control-color));stroke-width:0}.menu li>a.error[data-icon]:before,.menu li>a.error [data-icon]:before,.menu li>button.error[data-icon]:before,.menu li>button.error [data-icon]:before{color:var(--error-color)}.menu li>a.error span.icon:not([data-icon]) svg rect,.menu li>a.error span.icon:not([data-icon]) svg circle,.menu li>a.error span.icon:not([data-icon]) svg ellipse,.menu li>a.error span.icon:not([data-icon]) svg line,.menu li>a.error span.icon:not([data-icon]) svg polyline,.menu li>a.error span.icon:not([data-icon]) svg polygon,.menu li>a.error span.icon:not([data-icon]) svg path,.menu li>a.error span.icon:not([data-icon]) svg text,.menu li>button.error span.icon:not([data-icon]) svg rect,.menu li>button.error span.icon:not([data-icon]) svg circle,.menu li>button.error span.icon:not([data-icon]) svg ellipse,.menu li>button.error span.icon:not([data-icon]) svg line,.menu li>button.error span.icon:not([data-icon]) svg polyline,.menu li>button.error span.icon:not([data-icon]) svg polygon,.menu li>button.error span.icon:not([data-icon]) svg path,.menu li>button.error span.icon:not([data-icon]) svg text{fill:var(--error-color);stroke-width:0}.menu:not(.menu--disclosure) ul li a:not(.sel):not(.disabled):hover,.menu:not(.menu--disclosure) ul li .menu-item:not(.sel):not(.disabled):hover,.menu:not(.menu--disclosure) ul li .menu-option:not(.sel):not(.disabled):hover,.menu:not(.menu--disclosure):not(:hover) ul li a:not(.sel):not(.disabled).hover,.menu:not(.menu--disclosure):not(:hover) ul li .menu-item:not(.sel):not(.disabled).hover,.menu:not(.menu--disclosure):not(:hover) ul li .menu-option:not(.sel):not(.disabled).hover{color:#3f4d5a;background-color:#f3f7fc}body.ltr .menu hr.padded,body.ltr .menu .h6.padded,body.ltr .menu h6.padded{margin-left:20px}body.rtl .menu hr.padded,body.rtl .menu .h6.padded,body.rtl .menu h6.padded{margin-right:20px}.menu--disclosure ul li>a:not(.crumb-link):hover,.menu--disclosure ul li>.menu-item:hover,.menu--disclosure ul li>.menu-option:hover{color:#3f4d5a;background-color:#f3f7fc}body:not(.reduce-focus-visibility) .menu--disclosure ul li>a:not(.crumb-link):focus,body.reduce-focus-visibility .menu--disclosure ul li>a:not(.crumb-link):focus-visible,body:not(.reduce-focus-visibility) .menu--disclosure ul li>.menu-item:focus,body.reduce-focus-visibility .menu--disclosure ul li>.menu-item: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 .chip.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 .chip,body.rtl .tagselect.elementselect .chip{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}.selectize-control.single .selectize-input:not(.no-arrow)::after{display:none}.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:calc(var(--large-border-radius) - 1px)}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:calc(var(--large-border-radius) - 1px)}.text,.passwordwrapper,.border-box,.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:-1.6875rem 7px 0 0}body.rtl .chars-left{margin:-1.6875rem 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%;border-radius:1px;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);box-shadow:0 0 5px rgba(36,99,235,.15)}.field>.status-badge.outdated{background-color:var(--pending-color);box-shadow:0 0 5px rgba(251,146,60,.15)}.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}.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{position:relative;top:-0.0625rem;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>.input input:disabled,.field>.input textarea:disabled{cursor:not-allowed}.field>.notice,.field>.warning{margin:5px 0 0}.field>.instructions,.field>.heading>.instructions,.checkboxfield .instructions{color:var(--custom-text-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:1rem;min-height:1rem;cursor:pointer}body.ltr input.checkbox+label,body.ltr div.checkbox{padding-left:calc(1rem + 5px)}body.rtl input.checkbox+label,body.rtl div.checkbox{padding-right:calc(1rem + 5px)}input.checkbox+label,input.checkbox+label:before,div.checkbox,div.checkbox:before{border-radius:var(--small-border-radius)}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}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}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 .info,div.checkbox .info{height:16px}input.checkbox:disabled+label,.disabled div.checkbox{cursor:not-allowed}input.checkbox:checked+label:before,div.checkbox.checked:before,.sel div.checkbox:before,input.checkbox:indeterminate+label:before,div.checkbox.indeterminate:before,.elementselectormodal .body .content .main .elements .disabled .checkbox:before{font-family:\"Craft\";speak:never;-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;line-height:var(--checkbox-size);color:var(--gray-900)}input.checkbox:checked:not(:indeterminate)+label:before,div.checkbox.checked:not(.indeterminate):before,.sel:not(.matrixblock) div.checkbox:not(.indeterminate):before,.sel.matrixblock>.actions div.checkbox:not(.indeterminate):before,.elementselectormodal .body .content .main .elements .disabled .checkbox:before{content:\"check\";font-size:14px}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)}.checkbox-icon{display:inline-flex;padding:3px;background-color:var(--enabled-color);color:var(--white);border-radius:var(--small-border-radius)}.checkbox-icon:before{--checkbox-size: 14px;font-family:\"Craft\";speak:never;-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;content:\"check\";line-height:var(--checkbox-size);font-size:var(--checkbox-size)}body:not(.reduce-focus-visibility) .monaco-mouse-cursor-text:focus,body.reduce-focus-visibility .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:calc(1rem + 5px)}body.rtl .checkboxfield .instructions,body.rtl .checkboxfield .notice,body.rtl .checkboxfield .warning{padding-right:calc(1rem + 5px)}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:calc(1rem + 5px)}body.rtl input.radio+label,body.rtl div.radio{padding-right:calc(1rem + 5px)}input.radio:disabled+label,.disabled div.radio{cursor:not-allowed}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: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:2.125rem}.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)}td.errors .text,.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:calc(50% - .4375rem);color:var(--ui-control-color)}body.ltr .texticon.icon:before{left:9px}body.rtl .texticon.icon:before{right:9px}.texticon .texticon-icon{position:absolute;top:1.0625rem;transform:translateY(-50%);display:flex;justify-content:center;align-items:center}body.ltr .texticon .texticon-icon{left:9px}body.rtl .texticon .texticon-icon{right:9px}body.ltr .texticon .text{padding-left:1.625rem}body.rtl .texticon .text{padding-right:1.625rem}.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:1.0625rem;transform:translateY(-50%);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:never;-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;content:\"filter\";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,.texticon.has-filter-btn .filter-btn[aria-expanded=true]{background-color:var(--gray-350)}.texticon.has-filter-btn .filter-btn:active:before,.texticon.has-filter-btn .filter-btn.active:before,.texticon.has-filter-btn .filter-btn[aria-expanded=true]:before{color:var(--white)}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-wrap:nowrap;flex-direction:row;align-items:center;gap: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:never;-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;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)}.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:.4375rem;height:.4375rem;border:solid currentColor;border-width:0 .125rem .125rem 0;opacity:.8;position:relative;transform:rotate(45deg);position:absolute;z-index:1;top:calc(50% - 5px);user-select:none;pointer-events:none;color:var(--ui-control-color)}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-control .selectize-input.disabled,.custom-select.disabled{opacity:1;cursor:not-allowed !important;pointer-events:auto !important}.selectize-control .selectize-input.disabled *,.custom-select.disabled *{cursor:not-allowed !important;pointer-events:auto !important}.selectize .selectize-input{display:block;border-color:inherit;box-shadow:none;background-color:rgba(0,0,0,0)}.selectize .selectize-input .item{max-width:100%}.selectize .selectize-input .item span{overflow:hidden;text-overflow:ellipsis}.selectize.select .selectize-input:after{display:none}body .selectize-dropdown{border:none;z-index:101}.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){width:25em;max-width:100%}.datetimewrapper .selectize.select:not(.fullwidth){max-width:calc(100% - 29px)}.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:.4375rem;height:.4375rem;border:solid currentColor;border-width:0 .125rem .125rem 0;opacity:.8;position:relative;transform:rotate(45deg);position:absolute;z-index:1;top:calc(50% - 5px);user-select:none;pointer-events:none;color:var(--ui-control-color)}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:never;-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;content:\"remove\"}body .selectize-dropdown{margin-top:1px}body .selectize-dropdown [data-selectable],body .selectize-dropdown .option,body .selectize-dropdown .optgroup-header{margin:0 -14px;padding:10px 14px;color:#3f4d5a;text-decoration:none;white-space:nowrap}body .selectize-dropdown .optgroup{padding-top:5px}body .selectize-dropdown .optgroup:not(:first-child){border-top:1px solid var(--hairline-color)}body .selectize-dropdown .optgroup .option{padding-left:24px}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:not(.selected),body .selectize-dropdown .option:hover{background-color:var(--gray-100)}body .selectize-dropdown .selected{color:#3f4d5a;background-color:#f3f7fc;cursor:default !important}body .selectize-dropdown .selected .light{color:inherit !important}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);max-height:70vh}body .selectize-dropdown-content .option{min-height:18px}body .selectize-dropdown-content>div[data-value=new]:before{font-family:\"Craft\";speak:never;-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;content:\"plus\";margin-right:5px}body .selectize-dropdown-content>div[data-value=new]:after{content:\"…\"}body.no-scroll .selectize-dropdown-content{max-height:200px}.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:.4375rem;height:.4375rem;border:solid currentColor;border-width:0 .125rem .125rem 0;opacity:.8;position:relative}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:.4375rem;height:.4375rem;border:solid currentColor;border-width:0 .125rem .125rem 0;opacity:.8;position:relative}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:1rem;white-space:nowrap}.slide-picker a{position:relative;border:1px solid var(--hairline-color);background-image:none;width:calc(.5rem - 1px);height:calc(1rem - 2px);margin-left:0;margin-top:1px;margin-bottom:1px;box-sizing:border-box;cursor:pointer}body.ltr .slide-picker a{border-left:none}body.rtl .slide-picker a{border-right:none}.slide-picker a:first-child{width:.5rem}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 a:before{content:\"\";position:absolute;top:calc(-0.25rem - 1px);left:-1px;width:calc(100% + 2px);height:var(--touch-target-size)}.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:1rem;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)}.icon-picker{display:flex;flex-direction:row;align-items:center;gap:var(--xs)}.icon-picker--icon{display:flex;align-items:center;justify-content:center;border-radius:3px;border:1px solid rgba(96,125,159,.25);background-color:#fbfcfe;background-clip:padding-box;border-radius:var(--ui-control-border-radius);width:var(--ui-control-height);height:var(--ui-control-height);background:var(--gray-050)}.icon-picker--icon svg{width:1.25rem;height:1.25rem}.icon-picker--icon svg rect,.icon-picker--icon svg circle,.icon-picker--icon svg ellipse,.icon-picker--icon svg line,.icon-picker--icon svg polyline,.icon-picker--icon svg polygon,.icon-picker--icon svg path,.icon-picker--icon svg text{fill:var(--ui-control-color);stroke-width:0}.icon-picker-modal{--width: calc(var(--ui-control-height) * 10 + var(--s) * 9 + var(--xl) * 2);width:var(--width) !important;min-width:0 !important;max-width:calc(100% - 20px) !important}.icon-picker-modal .body{height:100%;display:flex;flex-direction:column;gap:var(--l)}.icon-picker-modal .body .icon-picker-modal--list{flex:1;position:relative;overflow:hidden}.icon-picker-modal .body .icon-picker-modal--list:not(.loading) .spinner{display:none}.icon-picker-modal .body .icon-picker-modal--list.loading:after{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";background-color:rgba(255,255,255,.75)}.icon-picker-modal .body .icon-picker-modal--list.loading .spinner{top:calc(50% - 10px);z-index:1}.icon-picker-modal .body .icon-picker-modal--list ul{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:start;gap:var(--s);max-height:100%;overflow:auto}.icon-picker-modal .body .icon-picker-modal--list ul .icon-picker--icon{--focus-ring: var(--inner-focus-ring)}.icon-picker-modal .body .icon-picker-modal--list ul .icon-picker--icon:hover{border-color:var(--link-color);background-color:var(--blue-100)}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)}body.setup-2fa{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%}body.setup-2fa #setup-2fa{display:flex;flex-direction:column;gap:var(--l);width:550px;max-width:100%;padding:var(--padding)}body.setup-2fa #setup-2fa #setup-2fa-intro{text-align:center}body.setup-2fa #setup-2fa #setup-2fa-btn{display:flex;justify-content:center}.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:#3f4d5a;background-color:#f3f7fc;cursor:pointer}.matrix>.buttons{margin-top:10px}.matrixblock{position:relative;margin-bottom:10px;padding:0 var(--m) var(--m);border-radius:var(--large-border-radius);border:2px solid var(--gray-100);background-color:var(--white)}.matrixblock.static .titlebar{margin-bottom:14px}body.ltr .matrixblock.static .titlebar{padding-right:0}body.rtl .matrixblock.static .titlebar{padding-left:0}body.ltr .matrixblock.static .titlebar{padding-left:14px}body.rtl .matrixblock.static .titlebar{padding-right:14px}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn),.matrixblock>.actions .action-btn{padding:0;width:var(--touch-target-size);height:var(--touch-target-size);color:var(--custom-text-color, var(--ui-control-color));background-color:rgba(0,0,0,0)}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn):hover,.matrixblock>.actions .action-btn:hover{backdrop-filter:brightness(90%)}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn):active,.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn)[aria-expanded=true],.matrixblock>.actions .action-btn:active,.matrixblock>.actions .action-btn[aria-expanded=true]{backdrop-filter:brightness(85%)}.matrixblock .flex-fields{--row-gap: var(--m) !important}.matrixblock>.titlebar{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:var(--m);margin:0 calc(var(--m)*-1);box-sizing:border-box;border-radius:calc(var(--large-border-radius) - 2px) calc(var(--large-border-radius) - 2px) 0 0;color:var(--custom-text-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:var(--gray-050);min-height:calc(var(--lh) + 10px)}body.ltr .matrixblock>.titlebar{padding:5px calc(var(--m) + 70px) 5px var(--m)}body.rtl .matrixblock>.titlebar{padding:5px var(--m) 5px calc(var(--m) + 70px)}.matrixblock>.titlebar>.preview{flex-grow:1;min-width:0;opacity:0;transition:opacity linear 100ms;overflow:hidden}.matrixblock>.titlebar>.preview:empty{display:none}body.ltr .matrixblock>.titlebar>.preview{mask-image:linear-gradient(to left, rgba(0, 0, 0, 0), rgb(0, 0, 0) 12px)}body.rtl .matrixblock>.titlebar>.preview{mask-image:linear-gradient(to right, rgba(0, 0, 0, 0), rgb(0, 0, 0) 12px)}.matrixblock>.titlebar>.preview span{opacity:.5}.matrixblock>.titlebar>.matrixblock-tabs{flex:1;min-width:0;margin:-5px 0}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs{margin:0}body.ltr .matrixblock>.titlebar>.matrixblock-tabs .pane-tabs{padding-right:3px}body.rtl .matrixblock>.titlebar>.matrixblock-tabs .pane-tabs{padding-left:3px}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs [role=tablist]{padding:0 12px}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs [role=tablist].scrollable{mask-image:linear-gradient(to right, rgba(0, 0, 0, 0), rgb(0, 0, 0) 12px, rgb(0, 0, 0) calc(100% - 12px), rgba(0, 0, 0, 0) 100%)}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs [role=tablist] [role=tab]{background-color:rgba(0,0,0,0)}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs [role=tablist] [role=tab] .tab-label{height:calc(var(--lh) + 10px);padding:0 var(--m)}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn){margin-left:0;margin-right:0}body.ltr .matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn):not(:empty):not(.btn-empty)::after{margin-left:0px}body.rtl .matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn):not(:empty):not(.btn-empty)::after{margin-right:0px}body.ltr .matrixblock>.titlebar>.preview:first-child:empty+.matrixblock-tabs{margin-left:calc((var(--m) + 12px)*-1)}body.rtl .matrixblock>.titlebar>.preview:first-child:empty+.matrixblock-tabs{margin-right:calc((var(--m) + 12px)*-1)}body.ltr .matrixblock>.titlebar>.preview:first-child:empty+.matrixblock-tabs [role=tab]:first-child,body.ltr .matrixblock>.titlebar>.preview:first-child:empty+.matrixblock-tabs [role=tab]:first-child .tab-label{border-top-left-radius:calc(var(--large-border-radius) - 2px)}body.rtl .matrixblock>.titlebar>.preview:first-child:empty+.matrixblock-tabs [role=tab]:first-child,body.rtl .matrixblock>.titlebar>.preview:first-child:empty+.matrixblock-tabs [role=tab]:first-child .tab-label{border-top-right-radius:calc(var(--large-border-radius) - 2px)}body.ltr .matrixblock.disabled-entry>.titlebar{padding-right:100px}body.rtl .matrixblock.disabled-entry>.titlebar{padding-left:100px}.matrixblock.disabled-entry>.actions>.status.off{display:block}.matrixblock.collapsed>.titlebar{border-radius:calc(var(--large-border-radius) - 2px)}.matrixblock.collapsed>.titlebar>.preview{opacity:1}.matrixblock>.actions{display:flex;align-items:center;gap:var(--xs);position:absolute;top:0;cursor:default;min-height:calc(var(--lh) + 10px)}body.ltr .matrixblock>.actions{right:var(--m)}body.rtl .matrixblock>.actions{left:var(--m)}.matrixblock>.actions>*{margin:0 !important}.matrixblock>.actions>.status.off{display:none}.matrixblock>.actions a:not([data-action]){padding:0;height:var(--touch-target-size);text-align:center;color:var(--dark-hairline-color);transform:color linear 100ms}.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:var(--l)}.matrixblock>.fields>.flex-fields>.field:before{display:none}body.ltr .matrixblock>.fields>.flex-fields>.field>.status-badge{left:-2px}body.rtl .matrixblock>.fields>.flex-fields>.field>.status-badge{right:-2px}.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}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);--sidebar-width: 14.125rem;--global-sidebar-width: 14.125rem}html{-webkit-text-size-adjust:100%;min-height:100vh}body{min-height:100vh}body.dragging *{cursor:move !important;cursor:grabbing !important}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: 75rem){#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;min-height:100vh}@media screen and (prefers-reduced-motion: no-preference){body.ltr #global-container{transition:left 100ms cubic-bezier(0.33, 1, 0.68, 1)}body.rtl #global-container{transition:right 100ms cubic-bezier(0.33, 1, 0.68, 1)}}#system-info{display:grid;grid-template-columns:var(--prefix-width) auto;gap:10px;height:2.8125rem;padding:0 var(--gutter-width);position:relative;flex:0 0 2.8125rem;flex-direction:row;align-items:center;color:currentColor;border-bottom:1px solid var(--hairline-color);background-clip:padding-box}#system-info:after{display:none}#system-info:focus,#system-info:hover{text-decoration:none;background-color:var(--gray-200)}#site-icon{--size: var(--prefix-width);height:var(--size)}#site-icon img,#site-icon svg{display:block;width:var(--size);height:var(--size);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}@media only screen and (min-width: 75rem){[data-sidebar=collapsed] #system-info:hover #system-name{opacity:1;transform:translateY(-50%) translateX(0)}[data-sidebar=collapsed] #system-name{position:absolute;left:calc(100% + var(--s)*2);top:50%;transform:translateY(-50%) translateX(-5px);opacity:0;background:#fff;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);color:var(--text-color);border-radius:var(--medium-border-radius);padding:var(--xs) var(--s);white-space:nowrap;pointer-events:none}[data-sidebar=collapsed] #system-name:focus{box-shadow:var(--focus-ring)}}@media only screen and (min-width: 75rem)and (prefers-reduced-motion: no-preference){[data-sidebar=collapsed] #system-name{transition:opacity 50ms cubic-bezier(0.33, 1, 0.68, 1),transform 150ms cubic-bezier(0.33, 1, 0.68, 1)}}#global-footer{display:flex;flex-direction:column;align-items:center;padding:var(--m) var(--m) var(--xl);gap:var(--m)}body.has-debug-toolbar #global-footer{padding-bottom:calc(var(--xl) + 42px)}#global-footer a{white-space:nowrap}#app-info{display:flex;flex-direction:row;justify-content:center;gap:var(--m)}#trial-info{padding:16px var(--xl);border-radius:var(--large-border-radius);background-color:#dbe5f0;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 0 0 1px #bdcbdb,0 2px 12px rgba(205,216,228,.5);text-align:center}#app-version{display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--gray-600);text-align:center;gap:var(--s)}#app-version a{color:var(--gray-600);text-decoration:underline}#app-version a.go:hover:after{color:var(--gray-600)}#edition-logo{position:relative;top:-1px;user-select:none;border:1px solid var(--gray-600);border-radius:3px;display:inline-flex;box-sizing:content-box;font-size:11px;padding:6px 7px;line-height:8px;font-weight:600;letter-spacing:1.7px;padding-right:5px;text-transform:uppercase}#devmode{margin-top:auto;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}#alerts{position:relative;background-color:var(--red-050);border-left:6px solid var(--error-color);color:var(--error-color)}#alerts>li{padding:10px 24px;box-shadow:inset 0 -1px 0 0 var(--red-100)}#alerts>li .resolvable-alert-buttons{margin-top:var(--m)}#alerts>li .btn,#alerts>li a.go{display:inline-flex;align-items:center;border:1px solid rgba(220,38,38,.5);border-radius:var(--medium-border-radius);padding:4px 5px;margin:0 2px;color:var(--error-color);height:1.875rem}.flex #alerts>li .btn,.flex #alerts>li a.go{margin:0}#alerts>li .btn:hover,#alerts>li a.go:hover{border-color:var(--error-color)}#alerts>li a:not(.btn){color:var(--error-color);text-decoration:underline}#alerts>li a:not(.btn).go{text-decoration:none;white-space:nowrap}#alerts>li a:not(.btn).go:after{color:var(--error-color);font-size:15px;margin-top:1px}#alerts>li .btn{background-color:rgba(0,0,0,0)}#global-header .btn.menubtn,li.crumb .btn.menubtn,.btn.action-btn{padding:0;width:var(--touch-target-size);height:var(--touch-target-size)}#global-header .btn.menubtn:not(:hover):not(:active):not([aria-expanded=true]),li.crumb .btn.menubtn:not(:hover):not(:active):not([aria-expanded=true]),.btn.action-btn:not(:hover):not(:active):not([aria-expanded=true]){background-color:rgba(0,0,0,0)}#global-header{width:100%;margin-bottom:var(--m);border-bottom:1px solid var(--hairline-color)}#global-header .flex{height:2.75rem;align-items:center}#global-header .btn{--ui-control-color: var(--gray-400);--ui-control-hover-color: var(--gray-800);--ui-control-active-color: var(--gray-700)}#global-header .btn:hover{color:var(--ui-control-hover-color)}.nav-toggle{display:flex;align-items:center;justify-content:center;width:44px;min-width:44px;height:2.75rem;border-right:1px solid var(--medium-hairline-color);line-height:26px;color:currentColor;text-align:center}.nav-toggle:before{font-family:\"Craft\";speak:never;-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;content:\"menu\";font-size:16px;line-height:0}.nav-toggle:hover{color:var(--link-color)}#crumbs{display:flex;flex-direction:row;align-items:center;font-size:13px;margin:0 !important;max-width:100%;overflow:hidden}#crumbs.empty{display:none}#crumbs nav{margin:0}#primary-nav-toggle:focus-visible{box-shadow:var(--inner-focus-ring)}#crumb-list{display:flex;flex-direction:row;align-items:stretch;flex-wrap:nowrap;max-width:100%;height:2.75rem;--arrow-padding: 10;--arrow-height: 22;--arrow-angle: 35;--arrow-width: 17.1111;--arrow-c: 27.871}body.rtl #crumb-list{--arrow-angle: -35;--arrow-width: -19.4444}#crumb-list li.crumb{position:relative;cursor:default;color:var(--light-text-color)}body.ltr #crumb-list li.crumb{padding-left:calc(var(--arrow-width)*.5rem/16)}body.rtl #crumb-list li.crumb{padding-right:calc(var(--arrow-width)*.5rem/16)}body.ltr #crumb-list li.crumb:not(.current){padding-right:calc(var(--arrow-width)*1rem/16)}body.rtl #crumb-list li.crumb:not(.current){padding-left:calc(var(--arrow-width)*1rem/16)}#crumb-list li.crumb:not(.current):before,#crumb-list li.crumb:not(.current):after{display:block;content:\"\";width:1px;height:calc(var(--arrow-c)*1rem/16);position:absolute;background:var(--medium-hairline-color);pointer-events:none}body.ltr #crumb-list li.crumb:not(.current):before,body.ltr #crumb-list li.crumb:not(.current):after{right:calc(var(--arrow-width)*.5rem/16)}body.rtl #crumb-list li.crumb:not(.current):before,body.rtl #crumb-list li.crumb:not(.current):after{left:calc(var(--arrow-width)*.5rem/16)}#crumb-list li.crumb:not(.current):before{top:calc((var(--arrow-height) - var(--arrow-c))/2*1rem/16);transform:rotate(calc(var(--arrow-angle) * -1deg))}#crumb-list li.crumb:not(.current):after{bottom:calc((var(--arrow-height) - var(--arrow-c))/2*1rem/16);transform:rotate(calc(var(--arrow-angle) * 1deg))}#crumb-list .menu--disclosure li{display:block}#crumb-list .menu--disclosure li::after{content:none}#crumb-menu-trigger{min-width:var(--touch-target-size)}#crumb-menu-trigger:before{width:100%}#crumb-menu .chip{min-height:44px}li.crumb{display:flex;align-items:center;flex-wrap:nowrap;gap:var(--xs)}li.crumb [data-icon]{position:relative;top:-1px}li.crumb .menubtn{position:relative;margin:0 calc(var(--xs)*-1/2)}li.crumb [data-icon=ellipsis]:before{margin-top:3px;font-size:17px}li.crumb .chip{padding:0;background-color:rgba(0,0,0,0);--custom-bg-color: initial !important;--custom-text-color: initial !important;--custom-sel-bg-color: initial !important}li.crumb .chip .label-link{max-width:15em}li.crumb .chip .label-link:focus-visible{box-shadow:var(--inner-focus-ring)}li.crumb .chip .label-link span:not(.context-label){display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}li.crumb:has(.menubtn)>a{margin-right:0 !important;padding-right:var(--xs) !important}li.crumb>a{flex:1;display:flex !important;align-items:center;flex-wrap:nowrap;gap:var(--xs);white-space:nowrap}.menu--disclosure li.crumb>a{min-height:34px}li.crumb a,li.crumb button{display:inline-flex;align-items:center;min-height:var(--touch-target-size)}li.crumb a:not(:hover),li.crumb button:not(:hover){color:var(--text-color)}li.crumb a:hover,li.crumb button:hover{text-decoration:none}li.crumb a{position:relative}li.crumb button{cursor:pointer}li.breadcrumb-toggle-wrapper::after{content:none}#account-menu ul li a{max-width:calc(100% + 28px) !important}#announcements-btn{width:1.875rem;height:1.875rem;padding-left:0;padding-right:0;width:calc(1.75rem + 10px);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:.1875rem;width:.4375rem;height:.4375rem;border-radius:50%;background-color:var(--blue-600)}body.ltr #announcements-btn.unread:after{right:5px}body.rtl #announcements-btn.unread:after{left:5px}#announcements-btn svg{width:1rem;height:1rem}#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(--ui-control-active-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.unread .announcement__heading: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 .announcement__heading:after{left:-13px}body.rtl #announcements .announcement.unread .announcement__heading:after{right:-13px}#announcements .announcement p{margin:0}#announcements .announcement__header{display:grid}#announcements .announcement__heading{position:relative;margin:0 0 3px;order:1}#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-left:var(--s)}body.rtl #user-info{padding-right:var(--s)}body.ltr #user-info{padding-right:calc(var(--padding) + 1px)}body.rtl #user-info{padding-left:calc(var(--padding) + 1px)}#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 img,.header-photo svg{display:block;width:1.875rem;height:1.875rem;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,#user-info:hover .header-photo svg{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}body.has-debug-toolbar #notifications{bottom:50px}@media only screen and (min-width: 60.875rem){#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;word-break:normal;overflow-wrap:anywhere}#notifications .notification .notification-body .notification-details{margin-top:var(--xs)}#notifications .notification .notification-body .notification-details .chip{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)}@media only screen and (min-width: 75rem){#primary-nav-toggle{display:none}body.ltr #crumbs:not(.empty) #primary-nav-toggle+nav ul li:first-child,body.ltr #crumbs.empty+.context-menu-container{margin-left:var(--padding)}body.rtl #crumbs:not(.empty) #primary-nav-toggle+nav ul li:first-child,body.rtl #crumbs.empty+.context-menu-container{margin-right:var(--padding)}body.ltr #crumbs:not(.empty) #primary-nav-toggle+nav ul li:first-child,body.ltr #crumbs.empty+.context-menu-container{padding-left:0}body.rtl #crumbs:not(.empty) #primary-nav-toggle+nav ul li:first-child,body.rtl #crumbs.empty+.context-menu-container{padding-right:0}}#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:5px var(--padding);position:relative;z-index:2;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: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: 60.875rem){#page-title.has-toolbar{min-width:calc(14.125rem - var(--xl) - var(--s)) !important}}#toolbar{flex:1;align-items:flex-start;justify-content:space-between}#toolbar .icon:before,#toolbar .texticon:before,#toolbar .menubtn:after,#toolbar [data-icon]:before,#toolbar [data-icon-after]:after{color:currentColor;opacity:.8}#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}@media only screen and (max-width: 400px){#action-buttons .btngroup .btn:first-child{flex-basis:100%}}@media only screen and (max-width: 60.8125rem){#action-buttons{margin-top:10px}}#main-content{display:flex;flex-direction:row;align-items:flex-start;padding:0 var(--padding) 48px;box-sizing:border-box}#main-content>.grid:only-child{flex:1}#sidebar-toggle-container{display:none}#sidebar-container{flex:0 0 14.125rem;width:14.125rem;box-sizing:border-box}@media only screen and (min-width: 75rem){body.ltr #sidebar-container{margin-left:calc(var(--xl)*-1)}body.rtl #sidebar-container{margin-right:calc(var(--xl)*-1)}}#sidebar{position:relative;box-sizing:border-box;padding:0 31px var(--m);width:14.125rem;background-color:rgba(0,0,0,0)}#sidebar.fixed{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{flex:1 1 auto;width:400px}#content-heading{margin-top:var(--xl) !important}@media only screen and (min-width: 60.875rem){#content-heading{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width: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) var(--padding);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,.footer{padding:6px var(--pane-padding, var(--xl));min-height:44px;line-height:2rem}#footer .buttons,.footer .buttons{height:32px;display:flex;align-items:center}#footer .btn,.footer .btn{padding-top:4px;padding-bottom:4px;height:var(--ui-control-height--small)}#footer{position:sticky;bottom:0;z-index:1;margin:calc(var(--xl) + 1px) calc(var(--padding)*-1 + 2px) calc(var(--xl)*-1 + 2px);background-color:var(--gray-050);border-radius:var(--small-border-radius);box-sizing:border-box}#footer:empty{display:none}#footer.stuck{border-radius:0}@supports(backdrop-filter: blur(10px)){#footer.stuck{background-color:rgba(228,237,246,.75);backdrop-filter:blur(10px)}}.has-debug-toolbar #footer{transition:padding linear 100ms}.has-debug-toolbar #footer.stuck{padding-bottom:52px}#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;z-index:1}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}#details .details{padding-bottom:calc(var(--xl) + 11.5em)}#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:var(--large-border-radius);padding-top:var(--m);padding-bottom:var(--m)}@media only screen and (max-width: 74.9375rem){#global-container{width:calc(100vw + 14.125rem)}body.ltr #global-container{left:-14.125rem}body.rtl #global-container{right:-14.125rem}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: 60.8125rem){#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)}#details .details{margin-bottom:auto}}@media only screen and (max-width: 767px){:root{--padding: var(--s);--neg-padding: calc(var(--s) * -1)}#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}.card-grid{display:flex !important;flex-direction:column}}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:14.125rem;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:0 var(--xl)}.sidebar .heading:not(:first-child){margin-top:var(--m)}.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 .heading>ul{margin:2px calc(var(--xl)*-1)}.sidebar nav{padding:0 var(--s)}body.ltr .sidebar nav>ul>li:not(.heading)>a,body.ltr .sidebar nav>ul>li.heading>ul>li>a{padding-left:24px}body.rtl .sidebar nav>ul>li:not(.heading)>a,body.rtl .sidebar nav>ul>li.heading>ul>li>a{padding-right:24px}body.ltr .sidebar nav>ul>li:not(.heading)>.toggle,body.ltr .sidebar nav>ul>li.heading>ul>li>.toggle{left:calc(var(--m)*0)}body.rtl .sidebar nav>ul>li:not(.heading)>.toggle,body.rtl .sidebar nav>ul>li.heading>ul>li>.toggle{right:calc(var(--m)*0)}body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>a,body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>a{padding-left:38px}body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>a,body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>a{padding-right:38px}body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>.toggle,body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>.toggle{left:calc(var(--m)*1)}body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>.toggle,body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>.toggle{right:calc(var(--m)*1)}body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>a,body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>a{padding-left:52px}body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>a,body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>a{padding-right:52px}body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>.toggle,body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>.toggle{left:calc(var(--m)*2)}body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>.toggle,body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>.toggle{right:calc(var(--m)*2)}body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>a,body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>a{padding-left:66px}body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>a,body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>a{padding-right:66px}body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>.toggle,body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle{left:calc(var(--m)*3)}body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>.toggle,body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle{right:calc(var(--m)*3)}body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>a,body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>a{padding-left:80px}body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>a,body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>a{padding-right:80px}body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle,body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle{left:calc(var(--m)*4)}body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle,body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>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}.sidebar nav li:not(.has-subnav)>a.sel,.sidebar nav li:not(.has-subnav)>a.active-drop-target{cursor:default;background-color:var(--gray-500)}.sidebar nav li:not(.has-subnav)>a.sel,.sidebar nav li:not(.has-subnav)>a.sel+.toggle,.sidebar nav li:not(.has-subnav)>a.active-drop-target,.sidebar nav li:not(.has-subnav)>a.active-drop-target+.toggle{color:var(--white)}.sidebar nav li:not(.has-subnav)>a.sel{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:500}.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{position:relative;top:1px;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:1rem;height:1rem}.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:.6875rem;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.heading>ul,.sidebar nav li.expanded>ul{display:block}.error-summary{margin-bottom:var(--l);padding:var(--l) var(--xl) var(--xl);box-sizing:border-box;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);border-radius:var(--large-border-radius);background-color:var(--gray-050)}.error-summary .notification-icon{color:var(--error-color);margin:-2px 6px 0 0;float:left}.error-summary h2{margin-top:var(--xs)}.error-summary>ul.errors li,.error-summary>ul.errors li a{color:var(--text-color)}.error-summary>ul.errors li em,.error-summary>ul.errors li a em{font-weight:600}.error-summary>ul.errors li:hover,.error-summary>ul.errors li a:hover{color:var(--link-color)}body.ltr .content.has-sidebar:not(.hiding-sidebar){margin-left:14.125rem}body.rtl .content.has-sidebar:not(.hiding-sidebar){margin-right:14.125rem}#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,.draghelper .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>*,.draghelper .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,.draghelper .flex-fields>h2{flex:4 0 100%}#content :not(.meta)>.flex-fields>h2:not(:nth-child(-n+1 of :not(.hidden))),#content>.flex-fields>h2:not(:nth-child(-n+1 of :not(.hidden))),.so-content .flex-fields>h2:not(:nth-child(-n+1 of :not(.hidden))),.draghelper .flex-fields>h2:not(:nth-child(-n+1 of :not(.hidden))){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,.draghelper .flex-fields>hr,.draghelper .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),.draghelper .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,.draghelper .flex-fields>:not(h2):not(hr):not(.line-break),.draghelper .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,.draghelper .flex-fields>:not(h2):not(hr):not(.line-break):before,.draghelper .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,body.ltr .draghelper .flex-fields>:not(h2):not(hr):not(.line-break):before,body.ltr .draghelper .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,body.rtl .draghelper .flex-fields>:not(h2):not(hr):not(.line-break):before,body.rtl .draghelper .flex-fields>:not(h2):not(hr):not(.line-break):last-child:before{right:-1px}@media only screen and (min-width: 96rem){#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,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-25,.draghelper.drag-in-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,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-50,.draghelper.drag-in-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,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-75,.draghelper.drag-in-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: 95.9375rem){#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,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-25,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-50,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25,.draghelper.drag-in-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,.draghelper.drag-in-slideout .flex-fields>:not(h2):not(hr):not(.line-break).width-25,.draghelper.drag-in-slideout .flex-fields>:not(h2):not(hr):not(.line-break).width-50,.draghelper.drag-in-slideout .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25,.draghelper.drag-in-slideout .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50{width:50%}}.global-sidebar{--is-always-visible: true;--prefix-width: calc(30rem / 16);--prefix-ratio: 1;--gutter-width: calc(10rem / 16);position:sticky;top:0;z-index:100;display:flex;flex-direction:column;height:100vh;padding:0;-webkit-overflow-scrolling:touch;background-color:rgba(0,0,0,0);border-right:1px solid var(--hairline-color);width:var(--global-sidebar-width)}.global-sidebar a{text-decoration:none}.global-sidebar>a:not([href]),.global-sidebar *:not(.has-subnav)>a:not([href]){cursor:default;background-color:rgba(0,0,0,0)}@media only screen and (max-width: 74.9375rem){.global-sidebar{--is-always-visible: false}}.global-sidebar__nav{padding:var(--s) 0}.global-sidebar__footer{margin-block-start:auto;display:grid;gap:var(--s)}.global-nav>ul{display:flex;flex-direction:column;gap:var(--s)}.global-nav>ul>li{position:relative}.nav-icon{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;width:1rem;aspect-ratio:1;line-height:0;--thumb-size: 1rem}.nav-icon>svg{width:100%;height:100%}.nav-icon>svg rect,.nav-icon>svg circle,.nav-icon>svg ellipse,.nav-icon>svg line,.nav-icon>svg polyline,.nav-icon>svg polygon,.nav-icon>svg path,.nav-icon>svg text{fill:currentColor;stroke-width:0}.nav-item{--gutter-width: calc(10rem / 16);display:grid;grid-template-columns:var(--gutter-width) 1fr var(--prefix-width) var(--gutter-width);grid-template-areas:\". action trigger .\" \"subnav subnav subnav subnav\";align-items:center;width:100%}.nav-item>.sidebar-action{grid-area:action}[data-sidebar=collapsed] .nav-item{grid-template-areas:\". action .\" \". trigger .\" \"subnav subnav subnav\";grid-template-columns:var(--gutter-width) var(--prefix-width) var(--gutter-width)}.nav-item__trigger{--icon-size: 10px;--trigger-size: var(--touch-target-size);grid-area:trigger;display:flex;z-index:1}.nav-item__trigger .menubtn{padding:0;flex-direction:column;justify-content:center;align-items:center;width:var(--trigger-size);height:var(--trigger-size);border:rgba(0,0,0,0)}.nav-item__trigger .menubtn:hover{background-color:var(--ui-control-bg-color)}.nav-item__trigger .menubtn[aria-expanded=true]:not(:hover){background-color:rgba(0,0,0,0)}.nav-item__trigger .menubtn[aria-expanded=true]:after{display:block;content:\"\";font-size:0;width:.4375rem;height:.4375rem;border:solid currentColor;border-width:0 .125rem .125rem 0;opacity:.8;position:relative;transform:rotate(225deg);top:2px}.nav-item__trigger .menubtn:after{margin-left:0 !important}.nav-item__subnav{--prefix-ratio: 4/3;position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;grid-area:subnav}.nav-item__subnav.is-open{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.badge{display:inline-flex;justify-content:center;text-align:center;flex-shrink:1;font-size:11px;line-height:1rem;width:1.1rem;height:1rem;border-radius:var(--s);background-color:var(--medium-text-color);color:var(--white)}.sidebar-actions{padding:10px var(--gutter-width)}.sidebar-action{--thumb-size: 0.75rem;display:flex;width:100%;align-items:center;position:relative;text-align:left;border-radius:var(--medium-border-radius);color:currentColor;cursor:pointer;gap:7px;min-height:30px}.sidebar-action:before{content:\"\";position:absolute;left:-0.625rem;top:50%;height:80%;transform:translateY(-50%);width:var(--xs)}.sidebar-action:focus-visible,.sidebar-action:hover{background-color:var(--gray-200)}.sidebar-action.sel:before{--indicator-size: 6px;background-color:currentColor}.sidebar-action--sub{--indicator-size: 4px;font-size:.9em;min-height:26px}.sidebar-action--sub:before{width:var(--indicator-size);height:var(--indicator-size);border-radius:100%;left:calc(15px - var(--indicator-size)/2);top:50%;background-color:var(--gray-300)}.sidebar-action--job{align-items:flex-start}.sidebar-action--job .sidebar-action__label{padding-block:var(--xs)}.sidebar-action--job[href]:hover{background-color:rgba(0,0,0,0)}.sidebar-action--job[href]:hover .icon>span.icon>canvas#job-icon-hover{opacity:1}.sidebar-action--job .label{white-space:normal}.sidebar-action--job .progress-label{display:block;color:var(--gray-300);font-size:11px;line-height:1.5}.sidebar-action--job .nav-icon{display:block;position:relative;width:16px;height:16px}.sidebar-action--job .nav-icon>canvas{display:block;position:absolute;width:16px;height:16px}.sidebar-action--job .nav-icon>canvas#job-icon-hover{opacity:0}.sidebar-action__prefix{display:flex;align-items:center;justify-content:center;width:var(--prefix-width);aspect-ratio:var(--prefix-ratio);line-height:0;flex-shrink:0}.sidebar-action__label{display:inline-flex;gap:var(--s);align-items:center;padding:0 var(--xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-grow:1}.sidebar-action__badge{display:flex;flex-direction:column;justify-content:center;padding:0 var(--s);margin-left:auto}@media only screen and (min-width: 75rem){[data-sidebar=collapsed] .global-sidebar{--global-sidebar-width: calc(50rem / 16)}[data-sidebar=collapsed] .nav-item__indicator{right:-1px}[data-sidebar=collapsed] .sidebar-action{width:var(--prefix-width);min-height:var(--prefix-width)}[data-sidebar=collapsed] .sidebar-action:focus-visible .sidebar-action__label,[data-sidebar=collapsed] .sidebar-action:hover .sidebar-action__label{opacity:1;transform:translateY(-50%) translateX(0)}[data-sidebar=collapsed] .nav-item__trigger .menubtn{width:100%;height:auto;padding-block:2px var(--xs)}[data-sidebar=collapsed] .sidebar-action__label{position:absolute;z-index:10;left:calc(100% + var(--xs)*2);top:50%;transform:translateY(-50%) translateX(-5px);opacity:0;background:#fff;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);color:var(--text-color);border-radius:var(--medium-border-radius);padding:var(--xs) var(--s);pointer-events:none}[data-sidebar=collapsed] .sidebar-action__label:focus{box-shadow:var(--focus-ring)}}@media only screen and (min-width: 75rem)and (prefers-reduced-motion: no-preference){[data-sidebar=collapsed] .sidebar-action__label{transition:opacity 50ms cubic-bezier(0.33, 1, 0.68, 1),transform 150ms cubic-bezier(0.33, 1, 0.68, 1)}}@media only screen and (min-width: 75rem){[data-sidebar=collapsed] .sidebar-action__badge{z-index:100;position:absolute;right:calc(var(--xs)*-1);bottom:var(--xs);transform:translateY(25%);padding:0}[data-sidebar=collapsed] .sidebar-action--sub{min-height:26px}[data-sidebar=collapsed] .sidebar-action--sub:before{left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}[data-sidebar=collapsed] .global-nav>ul>li+li{--separator-width: calc(28rem / 16)}[data-sidebar=collapsed] .global-nav>ul>li+li:before{position:absolute;top:calc(var(--s)/-2);left:calc((var(--global-sidebar-width) - var(--separator-width))/2);content:\"\";width:var(--separator-width);height:1px;margin:0 auto;background-color:var(--hairline-color)}[data-sidebar=expanded] #sidebar-toggle-icon{transform:rotate(180deg)}}#sidebar-trigger{display:none}@media only screen and (min-width: 75rem){#sidebar-trigger{display:flex}}.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:5px 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:68px}}.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}body.ltr .lp-editor-container .lp-editor .matrixblock>.fields>.flex-fields>.field>.status-badge{left:calc(var(--m)*-1)}body.rtl .lp-editor-container .lp-editor .matrixblock>.fields>.flex-fields>.field>.status-badge{right:calc(var(--m)*-1)}.lp-editor-container .lp-draghandle{position:absolute;z-index:101;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:44px}}.lp-preview-container .lp-preview-header .lp-device-type .btn::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-preview-header .lp-device-type .btn.lp-device-type-btn--phone::before{background-image:url(../images/preview/icon-phone.svg)}.lp-preview-container .lp-preview-header .lp-device-type .btn.lp-device-type-btn--tablet::before{background-image:url(../images/preview/icon-tablet.svg)}.lp-preview-container .lp-preview-header .lp-device-type .btn.lp-device-type-btn--desktop::before{background-image:url(../images/preview/icon-desktop.svg)}.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-preview-container__bumper-link{top:unset;bottom:0}.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% - 44px);width:100%;background-color:var(--gray-100)}@supports(backdrop-filter: blur(10px)){.lp-preview-container .lp-iframe-container--has-device-preview{top:44px}}.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}}.login-container .login-form-container{background-color:var(--gray-050)}.login-container .login-form input[readonly]{cursor:not-allowed}.login-container .login-form>.field,.login-container .login-form>.btn{margin-top:var(--l)}.login-container .login-form>.field:not(:last-child):not(.last),.login-container .login-form>.btn:not(:last-child):not(.last){margin-bottom:var(--l)}.login-container .login-form .btn{display:flex}.login-container .alternative-login-methods{margin-top:var(--m)}.login-container .alternative-login-methods .btn{width:100%}.login-container .login-forgot-password,.login-container .login-alt-container button{font-size:11px;color:var(--medium-text-color);cursor:pointer !important}.login-container .login-alt-container{margin:calc(var(--s) - var(--xl)) 0}.login-container .login-alt-container button{display:inline-flex;background-color:rgba(0,0,0,0);padding:0;width:auto;height:auto;min-height:var(--touch-target-size)}.login-container .login-forgot-password:hover,.login-container .login-forgot-password:focus,.login-container .login-alt-container button:hover,.login-container .login-alt-container button:focus{color:var(--link-color)}.login-container .login-errors{text-align:center;color:var(--error-color);margin-top:1em}.login-alt-menu{z-index:1001}body.login{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%}body.login main{padding:var(--padding);width:calc(300px + var(--padding)*2);max-width:100%}body.login main h1{text-align:center;font-size:32px;line-height:40px;word-wrap:break-word}body.login main h1 #login-logo{width:100%;height:auto;max-height:300px}body.login #poweredby{display:block;text-align:center;margin-top:70px;margin-bottom:48px;opacity:.8}body.login #poweredby:hover,body.login #poweredby:focus,body.login #poweredby:active{opacity:1}body.login #poweredby>svg{display:inline-block}.modal.email-sent{width:300px}body.ltr .modal.email-sent .body{padding-left:68px}body.rtl .modal.email-sent .body{padding-right:68px}.modal.email-sent .body:before{font-family:\"Craft\";speak:never;-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;display:block;position:absolute;top:24px;content:\"mail\";font-size:30px;color:var(--link-color)}body.ltr .modal.email-sent .body:before{left:24px}body.rtl .modal.email-sent .body:before{right:24px}.login-modal{width:calc(600px + var(--l)*2);max-width:calc(100% - 20px);background:var(--gray-100);border-radius:var(--large-border-radius)}.login-modal .body{display:flex;flex-direction:row;padding:var(--l)}.login-modal .body .login-modal-intro,.login-modal .body .login-modal-form{width:300px;max-width:100%}.login-modal .body .login-modal-intro{padding:var(--m)}@media screen and (max-width: 656px){.login-modal{border-radius:var(--large-border-radius)}.login-modal .body{padding:var(--m);flex-direction:column;gap:var(--m);overflow:auto}.login-modal .body .login-modal-intro{padding:var(--xs) var(--xl)}.login-modal .body .login-modal-form{border-radius:0}}.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:265px}body.rtl .layoutdesigner{padding-left:265px}.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(212, 50%, 95%) 1px, transparent 0px),linear-gradient(to bottom, hsl(212, 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:265px;padding:14px;display:flex;flex-direction:column}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{margin:-3px;padding:3px;flex:1;min-height:0;overflow:auto}.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)}.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:288px;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;gap:var(--xs);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(212, 50%, 95%) 1px, transparent 0px),linear-gradient(to bottom, hsl(212, 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-element{position:relative;display:flex;align-items:center;padding:var(--s);gap:var(--s);box-shadow:inset 0 0 0 1px var(--hairline-color);border-radius:var(--medium-border-radius);background-color:var(--white)}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:not(.draghelper){box-shadow:none}.fld-element.fld-field .field-name{display:flex;flex-direction:column;gap:var(--xs)}.fld-element .fld-element-icon{text-align:center}.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}.fld-hr,.fld-br{position:relative;flex:1;display:flex;justify-content:center}.fld-hr:before,.fld-br:before{position:absolute;display:block;top:calc(50% - 2px);left:0;width:100%;height:4px;content:\"\";font-size:0;border-radius:2px}.fld-hr .smalltext,.fld-br .smalltext{position:relative;display:flex;justify-content:center;align-items:center;background-color:var(--gray-100);border-radius:var(--large-border-radius);padding:0 var(--s);height:var(--touch-target-size)}.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-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}body.has-debug-toolbar .modal.imageeditor .footer{padding-bottom:50px}.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:calc(1rem + 5px)}body.rtl .modal.imageeditor .body .views .crop .custom{padding-right:calc(1rem + 5px)}.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 --gray-050: hsl(var(--gray-050-hsl));\n --gray-100: hsl(var(--gray-100-hsl));\n --gray-200: hsl(var(--gray-200-hsl));\n --gray-300: hsl(var(--gray-300-hsl));\n --gray-350: hsl(var(--gray-350-hsl));\n --gray-400: hsl(var(--gray-400-hsl));\n --gray-500: hsl(var(--gray-500-hsl));\n --gray-550: hsl(var(--gray-550-hsl));\n --gray-600: hsl(var(--gray-600-hsl));\n --gray-700: hsl(var(--gray-700-hsl));\n --gray-800: hsl(var(--gray-800-hsl));\n --gray-900: hsl(var(--gray-900-hsl));\n --gray-1000: hsl(var(--gray-1000-hsl));\n\n --red-050: #fef2f2;\n --red-100: #fee2e2;\n --red-200: #fecaca;\n --red-300: #fca5a5;\n --red-400: #f87171;\n --red-500: #ef4444;\n --red-600: #dc2626;\n --red-700: #b91c1c;\n --red-800: #991b1b;\n --red-900: #7f1d1d;\n --red-950: #450a0a;\n\n --orange-050: #fff7ed;\n --orange-100: #ffedd5;\n --orange-200: #fed7aa;\n --orange-300: #fdba74;\n --orange-400: #fb923c;\n --orange-500: #f97316;\n --orange-600: #ea580c;\n --orange-700: #c2410c;\n --orange-800: #9a3412;\n --orange-900: #7c2d12;\n --orange-950: #431407;\n\n --amber-050: #fffbeb;\n --amber-100: #fef3c7;\n --amber-200: #fde68a;\n --amber-300: #fcd34d;\n --amber-400: #fbbf24;\n --amber-500: #f59e0b;\n --amber-600: #d97706;\n --amber-700: #b45309;\n --amber-800: #92400e;\n --amber-900: #78350f;\n --amber-950: #451a03;\n\n --yellow-050: #fefce8;\n --yellow-100: #fef9c3;\n --yellow-200: #fef08a;\n --yellow-300: #fde047;\n --yellow-400: #facc15;\n --yellow-500: #eab308;\n --yellow-600: #ca8a04;\n --yellow-700: #a16207;\n --yellow-750: #93580b;\n --yellow-800: #854d0e;\n --yellow-900: #713f12;\n --yellow-950: #422006;\n\n --lime-050: #f7fee7;\n --lime-100: #ecfccb;\n --lime-200: #d9f99d;\n --lime-300: #bef264;\n --lime-400: #a3e635;\n --lime-500: #84cc16;\n --lime-600: #65a30d;\n --lime-700: #4d7c0f;\n --lime-800: #3f6212;\n --lime-900: #365314;\n --lime-950: #1a2e05;\n\n --green-050: #f0fdf4;\n --green-100: #dcfce7;\n --green-200: #bbf7d0;\n --green-300: #86efac;\n --green-400: #4ade80;\n --green-500: #22c55e;\n --green-600: #16a34a;\n --green-700: #15803d;\n --green-800: #166534;\n --green-900: #14532d;\n --green-950: #052e16;\n\n --emerald-050: #ecfdf5;\n --emerald-100: #d1fae5;\n --emerald-200: #a7f3d0;\n --emerald-300: #6ee7b7;\n --emerald-400: #34d399;\n --emerald-500: #10b981;\n --emerald-600: #059669;\n --emerald-700: #047857;\n --emerald-800: #065f46;\n --emerald-900: #064e3b;\n --emerald-950: #022c22;\n\n --teal-050: #f0fdfa;\n --teal-100: #ccfbf1;\n --teal-200: #99f6e4;\n --teal-300: #5eead4;\n --teal-400: #2dd4bf;\n --teal-500: #14b8a6;\n --teal-550: #11a697;\n --teal-600: #0d9488;\n --teal-700: #0f766e;\n --teal-800: #115e59;\n --teal-900: #134e4a;\n --teal-950: #042f2e;\n\n --cyan-050: #ecfeff;\n --cyan-100: #cffafe;\n --cyan-200: #a5f3fc;\n --cyan-300: #67e8f9;\n --cyan-400: #22d3ee;\n --cyan-500: #06b6d4;\n --cyan-600: #0891b2;\n --cyan-700: #0e7490;\n --cyan-800: #155e75;\n --cyan-900: #164e63;\n --cyan-950: #083344;\n\n --sky-050: #f0f9ff;\n --sky-100: #e0f2fe;\n --sky-200: #bae6fd;\n --sky-300: #7dd3fc;\n --sky-400: #38bdf8;\n --sky-500: #0ea5e9;\n --sky-600: #0284c7;\n --sky-700: #0369a1;\n --sky-800: #075985;\n --sky-900: #0c4a6e;\n --sky-950: #082f49;\n\n --blue-050: #eff6ff;\n --blue-100: #dbeafe;\n --blue-200: #bfdbfe;\n --blue-300: #93c5fd;\n --blue-400: #60a5fa;\n --blue-500: #3b82f6;\n --blue-600: #2563eb;\n --blue-700: #1d4ed8;\n --blue-800: #1e40af;\n --blue-900: #1e3a8a;\n --blue-950: #172554;\n\n --indigo-050: #eef2ff;\n --indigo-100: #e0e7ff;\n --indigo-200: #c7d2fe;\n --indigo-300: #a5b4fc;\n --indigo-400: #818cf8;\n --indigo-500: #6366f1;\n --indigo-600: #4f46e5;\n --indigo-700: #4338ca;\n --indigo-800: #3730a3;\n --indigo-900: #312e81;\n --indigo-950: #1e1b4b;\n\n --violet-050: #f5f3ff;\n --violet-100: #ede9fe;\n --violet-200: #ddd6fe;\n --violet-300: #c4b5fd;\n --violet-400: #a78bfa;\n --violet-500: #8b5cf6;\n --violet-600: #7c3aed;\n --violet-700: #6d28d9;\n --violet-800: #5b21b6;\n --violet-900: #4c1d95;\n --violet-950: #2e1065;\n\n --purple-050: #faf5ff;\n --purple-100: #f3e8ff;\n --purple-200: #e9d5ff;\n --purple-300: #d8b4fe;\n --purple-400: #c084fc;\n --purple-500: #a855f7;\n --purple-600: #9333ea;\n --purple-700: #7e22ce;\n --purple-800: #6b21a8;\n --purple-900: #581c87;\n --purple-950: #3b0764;\n\n --fuchsia-050: #fdf4ff;\n --fuchsia-100: #fae8ff;\n --fuchsia-200: #f5d0fe;\n --fuchsia-300: #f0abfc;\n --fuchsia-400: #e879f9;\n --fuchsia-500: #d946ef;\n --fuchsia-600: #c026d3;\n --fuchsia-700: #a21caf;\n --fuchsia-800: #86198f;\n --fuchsia-900: #701a75;\n --fuchsia-950: #4a044e;\n\n --pink-050: #fdf2f8;\n --pink-100: #fce7f3;\n --pink-200: #fbcfe8;\n --pink-300: #f9a8d4;\n --pink-400: #f472b6;\n --pink-500: #ec4899;\n --pink-600: #db2777;\n --pink-700: #be185d;\n --pink-800: #9d174d;\n --pink-900: #831843;\n --pink-950: #500724;\n\n --rose-050: #fff1f2;\n --rose-100: #ffe4e6;\n --rose-200: #fecdd3;\n --rose-300: #fda4af;\n --rose-400: #fb7185;\n --rose-500: #f43f5e;\n --rose-600: #e11d48;\n --rose-700: #be123c;\n --rose-800: #9f1239;\n --rose-900: #881337;\n --rose-950: #4c0519;\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-600);\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: #1f5fea;\n\n // font styles\n --font-weight-bold: 700;\n\n // hairline colors\n --hairline-color: #{transparentize(hsl(209, 20%, 25%), 0.9)};\n --medium-hairline-color: #cfd8e3; // matches shadow below global header;\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-500);\n\n // alert/notice colors\n --error-color: #d81e23;\n --warning-color: var(--amber-700);\n --success-color: var(--teal-700);\n --notice-color: var(--sky-700);\n\n // status colors\n --enabled-color: var(--teal-550);\n --pending-color: var(--orange-400);\n --disabled-color: var(--red-600);\n\n // misc colors\n --indicator-border-color: var(--amber-600);\n --indicator-icon-color: var(--amber-700);\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: 1rem;\n --radio-size: 1rem;\n}\n","@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\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:\n url('../fonts/Craft.woff2') format('woff2'),\n 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 font-display: block;\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 --ui-control-static-bg-color: #{transparentize($inputColor, 0.75)};\n --ui-control-bg-color: var(--ui-control-static-bg-color);\n --ui-control-hover-bg-color: #{transparentize($inputColor, 0.7)};\n --ui-control-active-bg-color: #{transparentize($inputColor, 0.5)};\n --ui-control-border-radius: var(--large-border-radius);\n --ui-control-height: calc(34rem / 16);\n --ui-control-height--small: calc(30rem / 16);\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: calc(\n 24rem / 16\n ); /* Minimum recommended touch target size */\n --thumb-size: calc(20rem / 16);\n --icon-size: 1rem;\n --elements-busy-top-position: calc(50% - var(--size, 20px) / 2);\n --lh: 1.42em;\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: var(--lh);\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.mt-0 {\n margin-top: 0 !important;\n}\n.mt-xs {\n margin-top: var(--xs) !important;\n}\n.mt-s {\n margin-top: var(--s) !important;\n}\n.mt-m {\n margin-top: var(--m) !important;\n}\n.mt-l {\n margin-top: var(--l) !important;\n}\n.mt-xl {\n margin-top: var(--xl) !important;\n}\n\n.mb-0 {\n margin-bottom: 0 !important;\n}\n.mb-xs {\n margin-bottom: var(--xs) !important;\n}\n.mb-s {\n margin-bottom: var(--s) !important;\n}\n.mb-m {\n margin-bottom: var(--m) !important;\n}\n.mb-l {\n margin-bottom: var(--l) !important;\n}\n.mb-xl {\n margin-bottom: var(--xl) !important;\n}\n\n.ml-0 {\n margin-left: 0 !important;\n}\n.ml-xs {\n margin-left: var(--xs) !important;\n}\n.ml-s {\n margin-left: var(--s) !important;\n}\n.ml-m {\n margin-left: var(--m) !important;\n}\n.ml-l {\n margin-left: var(--l) !important;\n}\n.ml-xl {\n margin-left: var(--xl) !important;\n}\n\n.mr-0 {\n margin-right: 0 !important;\n}\n.mr-xs {\n margin-right: var(--xs) !important;\n}\n.mr-s {\n margin-right: var(--s) !important;\n}\n.mr-m {\n margin-right: var(--m) !important;\n}\n.mr-l {\n margin-right: var(--l) !important;\n}\n.mr-xl {\n margin-right: var(--xl) !important;\n}\n\n.mx-0 {\n margin-left: 0 !important;\n margin-right: 0 !important;\n}\n.mx-xs {\n margin-left: var(--xs) !important;\n margin-right: var(--xs) !important;\n}\n.mx-s {\n margin-left: var(--s) !important;\n margin-right: var(--s) !important;\n}\n.mx-m {\n margin-left: var(--m) !important;\n margin-right: var(--m) !important;\n}\n.mx-l {\n margin-left: var(--l) !important;\n margin-right: var(--l) !important;\n}\n.mx-xl {\n margin-left: var(--xl) !important;\n margin-right: var(--xl) !important;\n}\n\n.my-0 {\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n}\n.my-xs {\n margin-top: var(--xs) !important;\n margin-bottom: var(--xs) !important;\n}\n.my-s {\n margin-top: var(--s) !important;\n margin-bottom: var(--s) !important;\n}\n.my-m {\n margin-top: var(--m) !important;\n margin-bottom: var(--m) !important;\n}\n.my-l {\n margin-top: var(--l) !important;\n margin-bottom: var(--l) !important;\n}\n.my-xl {\n margin-top: var(--xl) !important;\n margin-bottom: var(--xl) !important;\n}\n\n.no-scroll {\n overflow: hidden !important;\n}\n\n.draghelper {\n box-sizing: border-box;\n list-style-type: none;\n}\n\n.offset-drag-helper {\n transition:\n margin linear 200ms,\n padding linear 200ms;\n}\n\nbody.dragging.ltr .offset-drag-helper {\n margin: -50px 0 0 -50px;\n padding: 60px 0 0 60px;\n}\n\nbody.dragging.rtl .offset-drag-helper {\n margin: -50px -50px 0 0;\n padding: 60px 60px 0 0;\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 ul.padded li .menu-item.sel:before,\n.menu ul.padded li .menu-option.sel:before,\n.menu .flex.padded.sel:before,\n.texticon: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.action-btn:before,\n[data-icon]:before,\n[data-icon-after]:after {\n @include icon;\n}\n\n.badge-icon {\n position: relative;\n top: -1px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 1rem;\n height: 1rem;\n box-sizing: border-box;\n border: 1px solid var(--indicator-border-color);\n border-radius: var(--small-border-radius);\n color: var(--indicator-icon-color);\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\n[data-icon-size='large'] {\n &[data-icon]:before,\n &[data-icon-after]:after {\n font-size: 20px;\n }\n}\n\n[data-icon-size='small'] {\n &[data-icon]:before,\n &[data-icon-after]:after {\n font-size: 14px;\n }\n}\n\n[data-icon-size='puny'] {\n &[data-icon]:before,\n &[data-icon-after]:after {\n font-size: 12px;\n }\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.action-btn:before {\n content: 'ellipsis';\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 &[aria-current] {\n cursor: default;\n }\n\n body.underline-links &,\n &:hover {\n text-decoration: underline;\n }\n\n .cp-icon svg {\n @include svg-mask(var(--link-color));\n }\n}\n\na:not([href]) {\n color: inherit;\n cursor: inherit;\n\n body.underline-links &,\n &:hover {\n text-decoration: none;\n }\n}\n\na.iconlink {\n &:before {\n width: 1rem;\n @include margin-right(var(--xs));\n }\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\na [data-icon='external'] {\n @include margin-left(var(--xs));\n}\n\nbutton {\n cursor: pointer;\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.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.revision-notice {\n display: flex;\n align-items: center;\n align-content: stretch;\n justify-content: center;\n gap: var(--s);\n color: var(--gray-600);\n\n #content-notice & {\n display: inline-flex;\n justify-content: flex-start;\n }\n\n p {\n flex: 1;\n margin: 0;\n }\n\n .revision-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($grey800, 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(--grey-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\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}\nul.errors em {\n font-style: normal;\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: 12px;\n color: var(--rose-500);\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:not(.disabled) {\n cursor: move;\n}\n\n.icon.move:before {\n content: 'move';\n color: var(--custom-text-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-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 &.sidebar-hidden {\n @include padding-left(0);\n\n & > .cs-sidebar {\n display: none;\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 --selected-item-color: var(--white);\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 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 @include light-focus-ring;\n --ui-control-color: var(--selected-item-color);\n background-color: var(--dark-sel-color);\n color: var(--selected-item-color);\n z-index: 1;\n }\n\n .label {\n flex: 1;\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 &.sel .label {\n color: var(--selected-item-color);\n }\n }\n}\n\n.customize-sources-item__move {\n position: absolute;\n top: 50%;\n @include right(0);\n transform: translate(-50%, -50%);\n justify-content: center;\n align-items: center;\n\n &.icon {\n display: flex;\n text-decoration: none;\n }\n}\n\n.customize-sources-item__btn {\n padding: 8px 14px;\n @include padding-right(30px);\n margin: 3px;\n}\n\n.checkbox-select-item {\n display: flex;\n align-items: flex-start;\n align-content: stretch;\n margin-bottom: 4px;\n\n .move {\n margin-top: -3px;\n @include margin-right(10px);\n position: relative;\n z-index: 1;\n }\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), calc(1rem / 16));\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: var(--s);\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 }\n}\n\n.flex {\n display: flex;\n align-items: center;\n align-content: stretch;\n gap: var(--s);\n\n &.flex-gap-xs {\n gap: var(--xs);\n }\n &.flex-gap-m {\n gap: var(--m);\n }\n &.flex-gap-l {\n gap: var(--l);\n }\n &.flex-gap-xl {\n gap: var(--xl);\n }\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 !important;\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 max-width: 100%;\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(--ui-control-border-radius);\n padding: 7px 10px;\n border: none;\n text-align: center;\n white-space: nowrap;\n user-select: none;\n box-sizing: border-box;\n appearance: none;\n color: currentColor;\n font-size: inherit;\n background-color: var(--ui-control-bg-color);\n\n &:not([aria-current]) {\n cursor: pointer;\n }\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 &.hairline {\n border: 1px solid var(--medium-hairline-color);\n background-color: transparent;\n\n &:hover,\n &:active,\n &[aria-expanded='true'] {\n border-color: var(--dark-hairline-color);\n }\n\n &:active,\n &[aria-expanded='true'] {\n background-color: var(--ui-control-static-bg-color);\n }\n }\n\n &.wrap {\n height: auto;\n min-height: 34px;\n white-space: initial;\n text-align: left;\n }\n\n &:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not(\n [aria-current]\n ) {\n &:focus,\n &.focus,\n &:hover {\n --ui-control-bg-color: var(--ui-control-hover-bg-color);\n }\n\n &:active,\n &.active,\n &[aria-expanded='true'] {\n --ui-control-bg-color: var(--ui-control-active-bg-color);\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 &:empty,\n &.btn-empty {\n padding-left: 12px;\n padding-right: 12px;\n }\n\n &[data-icon]:not(:empty):not(.btn-empty):before,\n &.icon:not(:empty):not(.btn-empty):before,\n &.menubtn:not(.action-btn)[data-icon]:empty:before,\n &.menubtn:not(.action-btn)[data-icon].btn-empty:before,\n &.menubtn:not(.action-btn).icon:empty:before,\n &.menubtn:not(.action-btn).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 [data-icon] {\n margin-top: -3px;\n @include margin-right(5px);\n\n &.light:before {\n color: var(--gray-300);\n }\n }\n}\n\n.disabled {\n opacity: 0.25;\n pointer-events: none;\n user-select: none;\n}\n\n.noteditable {\n cursor: not-allowed;\n\n .element,\n .lightswitch-container,\n & + .colorhex {\n cursor: not-allowed;\n }\n}\n\n.btn,\n.spinner {\n height: var(--ui-control-height);\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(.action-btn):not(:empty):not(.btn-empty):after,\n.menubtn:not(.action-btn).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 border-radius: var(--large-border-radius);\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.btngroup--exclusive {\n .btn[aria-pressed='true']:not(.disabled):not(.loading):not(.dashed):not(\n [aria-disabled]\n ) {\n background-color: var(--gray-500);\n color: var(--white);\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 .copytextbtn__icon {\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 .copytextbtn__value {\n color: var(--text-color);\n }\n }\n\n &.small {\n padding: 0 5px;\n\n .copytextbtn__value {\n font-size: calc(11rem / 16);\n }\n }\n}\n\n/* menu buttons */\n.menu-toggle,\n.menubtn:not(.action-btn) {\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: var(--elements-busy-top-position);\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 var(--s) !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/* huge buttons */\n.btn.huge {\n padding: var(--l);\n line-height: 48px;\n height: 48px;\n}\n\n/* special buttons */\n.btn {\n &.submit,\n &.secondary {\n color: var(--white) !important;\n --ui-control-active-color: var(--white);\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 &[aria-expanded='true'] {\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 &[aria-expanded='true'] {\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.secondary-buttons\n .btn.submit:not(.disabled):not(.inactive):not(.loading)[aria-expanded='true'],\n.btn.secondary: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(\n .loading\n )[aria-expanded='true'] {\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 &[aria-expanded='true'] {\n background-color: transparentize($grey200, 0.75);\n }\n }\n}\n\n/* chevron buttons */\n.chevron-btns {\n display: flex;\n justify-content: flex-start;\n\n .btn {\n position: relative;\n padding: 0;\n border-radius: 0;\n background-color: transparent;\n\n &.current-step,\n &.active-drop-target {\n color: var(--white);\n --text-color: var(--white);\n --ui-control-color: var(--white);\n --ui-control-bg-color: var(--gray-500);\n --ui-control-hover-bg-color: #{darken($grey500, 5%)};\n --ui-control-active-bg-color: #{darken($grey500, 10%)};\n }\n\n &.current-step {\n @include light-on-dark-text;\n @include light-focus-ring;\n }\n\n &:focus {\n z-index: 1;\n box-shadow: none;\n\n .label {\n z-index: 1;\n box-shadow: var(--focus-ring);\n }\n\n .reduce-focus-visibility &:not(:focus-visible) .label {\n box-shadow: none;\n }\n }\n\n .reduce-focus-visibility &:focus-visible .label {\n box-shadow: var(--focus-ring);\n }\n\n &:not(.has-action-menu) {\n @include padding-right(calc(var(--ui-control-height) / 2));\n @include margin-right(2.8px);\n\n &:not(.current-step[data-disclosure-trigger]) .btn-body {\n @include padding-right(5px);\n }\n }\n\n &.current-step[data-disclosure-trigger] .btn-body {\n @include padding-left(8px);\n\n .label {\n padding: 3px;\n\n &:after {\n @include angle;\n position: relative;\n }\n }\n }\n\n .btn-body {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n height: var(--ui-control-height);\n background-color: var(--ui-control-bg-color);\n\n [data-icon] {\n --ui-control-height: calc((13rem / 16)); // 1rem == 16px\n text-align: center;\n @include margin-right(0);\n }\n }\n\n .label {\n display: inline-flex;\n align-items: center;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n &.has-action-menu .btn-body {\n @include padding-right(1px);\n @include margin-right(0);\n }\n\n .chevron-right,\n .chevron-left {\n position: absolute;\n top: 0;\n height: 100%;\n width: calc(var(--ui-control-height) / 2);\n }\n\n .chevron-left {\n @include left(0);\n border-top: calc(var(--ui-control-height) / 2) solid\n var(--ui-control-bg-color);\n @include border-left(\n calc(var(--ui-control-height) / 2) solid transparent\n );\n\n &:after {\n display: block;\n content: '';\n font-size: 0;\n position: absolute;\n bottom: 0;\n @include right(0);\n border-bottom: calc(var(--ui-control-height) / 2) solid\n var(--ui-control-bg-color);\n @include border-left(\n calc(var(--ui-control-height) / 2) solid transparent\n );\n }\n }\n\n .chevron-right {\n @include right(0);\n border-top: calc(var(--ui-control-height) / 2) solid transparent;\n border-bottom: calc(var(--ui-control-height) / 2) solid transparent;\n @include border-left(\n calc(var(--ui-control-height) / 2) solid var(--ui-control-bg-color)\n );\n }\n }\n\n ol {\n position: relative;\n @include padding-left(0);\n list-style-type: none;\n display: flex;\n\n li {\n &.first-step .btn {\n .btn-body {\n @include padding-left(14px);\n @include border-radius(\n var(--ui-control-border-radius),\n 0,\n 0,\n var(--ui-control-border-radius)\n );\n }\n\n .chevron-left {\n display: none;\n }\n }\n\n &:not(.first-step) .btn {\n @include margin-left(calc(-1 * (var(--ui-control-height) / 2)));\n @include padding-left(calc(var(--ui-control-height) / 2));\n\n .btn-body {\n @include padding-left(7px);\n }\n }\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):not(.noteditable) {\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 max-width: 100%;\n padding-left: 7px;\n padding-right: 7px;\n\n span {\n flex-grow: 1;\n padding: 7px 0;\n color: var(--medium-text-color);\n cursor: default;\n overflow: auto;\n overflow-wrap: break-word;\n hyphens: auto;\n\n &[data-toggle='on'] {\n @include margin-left(7px);\n }\n\n &[data-toggle='off'] {\n @include margin-right(7px);\n text-align: right;\n\n body.rtl & {\n text-align: left;\n }\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 min-width: 34px;\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: calc(30rem / 16);\n height: calc(30rem / 16);\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 @include focus-styles {\n box-shadow:\n inset 0 0 0 1px var(--hairline-color),\n 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 --pane-y-padding-default: calc(var(--xl) - 2px);\n --pane-x-padding-default: calc(var(--padding) - 2px);\n margin: calc(var(--pane-padding, var(--pane-y-padding-default)) * -1)\n calc(var(--pane-padding, var(--pane-x-padding-default)) * -1)\n calc(\n var(--pane-padding, var(--padding)) * -1 + var(--pane-padding, var(--m))\n );\n padding: 0 !important;\n overflow-x: auto;\n\n table.data {\n th,\n td {\n &:first-child {\n @include padding-left(var(--m));\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% - 8rem / 16);\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(\n var(--border-radius, var(--small-border-radius))\n );\n @include border-bottom-left-radius(\n var(--border-radius, var(--small-border-radius))\n );\n }\n &:last-child {\n @include border-top-right-radius(\n var(--border-radius, var(--small-border-radius))\n );\n @include border-bottom-right-radius(\n var(--border-radius, var(--small-border-radius))\n );\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: var(--s);\n padding-bottom: var(--s);\n }\n\n th {\n white-space: nowrap;\n vertical-align: middle;\n\n &.orderable {\n position: relative;\n padding: 0 !important;\n\n body:not(.dragging) &: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(var(--m));\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(35px);\n font: inherit;\n width: 100%;\n padding: var(--pane-padding, var(--m)) var(--m);\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 --hover-bg-color: var(--gray-050);\n --selected-bg-color: var(--dark-sel-color);\n\n &:not(.disabled) {\n &:hover {\n th,\n td {\n background-color: var(--hover-bg-color);\n }\n }\n\n &:focus {\n position: relative;\n z-index: 1;\n }\n\n &.sel,\n &.active-drop-target {\n --text-color: var(--white);\n --medium-dark-text-color: var(--white);\n --medium-text-color: var(--white);\n --light-text-color: var(--white);\n --link-color: var(--white);\n --ui-control-color: var(--white);\n @include custom-color-focus-ring(hsl(var(--light-focus-hsl)));\n\n th,\n td {\n color: var(--white);\n background-color: var(--selected-bg-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 tr.sel:not(.draggee) + tr.sel:not(.draggee) {\n th,\n td {\n border-top-color: var(--gray-300);\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 background-color: var(--white);\n @include shadow;\n}\n\n.datatablesorthelper,\n.datatablesorthelper .chip,\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.chip,\n.card {\n color: var(--custom-text-color, var(--text-color));\n background-color: var(--custom-bg-color, var(--gray-050));\n}\n\n/* chips */\n.chip {\n position: relative;\n display: inline-flex;\n align-items: center;\n cursor: default;\n user-select: none;\n font-weight: normal;\n padding: var(--xs) var(--s);\n max-width: 100%;\n gap: var(--xs);\n border-radius: var(--large-border-radius);\n\n &.small {\n flex-direction: row;\n height: calc(26rem / 16 + 8px);\n --thumb-size: calc(30rem / 16);\n\n & > .thumb {\n margin: calc(var(--xs) * -1 + 2px) calc(var(--s) * -1 + 2px);\n @include margin-right(2px);\n\n &.cp-icon {\n @include margin-left(-2px);\n --thumb-size: 1rem; // 16px\n }\n }\n }\n\n &.large {\n flex-direction: column;\n --thumb-size: 120px;\n min-width: calc(var(--s) * 2 + var(--thumb-size));\n\n .chip-content {\n width: 100%;\n }\n }\n\n .chip-content {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: var(--s);\n max-width: 100%;\n\n .status,\n .icon {\n @include margin-right(0);\n }\n\n .icon {\n margin: -4px -1px 0;\n }\n }\n\n &.sel,\n li.sel &,\n li.active-drop-target & {\n --text-color: var(--white);\n --custom-text-color: var(--white) !important;\n --medium-dark-text-color: var(--white);\n --medium-text-color: var(--white);\n --light-text-color: var(--white);\n --link-color: var(--white);\n --ui-control-color: var(--white);\n @include custom-color-focus-ring(hsl(var(--light-focus-hsl)));\n color: var(--white);\n background-color: var(\n --custom-sel-bg-color,\n var(--dark-sel-color)\n ) !important;\n\n .cp-icon {\n --icon-color: var(--white) !important;\n }\n }\n\n &.sel,\n .sel & {\n cursor: default;\n\n .thumb {\n filter: brightness(0.85);\n\n img {\n box-shadow:\n 0 0 0 1px transparentize($darkSelColor, 0.9),\n 0 6px 4px -4px transparentize($darkSelColor, 0.8);\n }\n }\n }\n\n .offset-drag-helper & {\n background-color: var(--gray-050);\n @include shadow;\n }\n\n & > .thumb {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n width: var(--thumb-size);\n height: var(--thumb-size);\n\n &.rounded {\n img,\n svg {\n border: var(--xs) solid transparent;\n border-radius: 50%;\n }\n }\n\n &.checkered img {\n @include checkered-bg(8px);\n }\n\n img,\n svg {\n display: block;\n flex-shrink: 0;\n border-radius: var(--small-border-radius);\n max-width: 100%;\n max-height: 100%;\n }\n }\n}\n\n.cp-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: var(--icon-size);\n height: var(--icon-size);\n max-width: var(--icon-size);\n\n svg {\n width: var(--icon-size);\n height: var(--icon-size);\n max-width: var(--icon-size) !important;\n max-height: var(--icon-size) !important;\n @include svg-mask(var(--icon-color, var(--ui-control-color)));\n }\n\n &.large {\n --icon-size: calc(20rem / 16);\n }\n\n &.small {\n --icon-size: calc(14rem / 16);\n }\n\n &.puny {\n --icon-size: calc(12rem / 16);\n }\n}\n\n.chips,\n.cards {\n display: flex;\n --custom-bg-color: initial;\n --custom-text-color: initial;\n --custom-sel-bg-color: initial;\n\n &:not(.inline-chips) {\n flex-direction: column;\n }\n\n li {\n max-width: 100%;\n }\n}\n\n.cards {\n gap: var(--s);\n}\n\n.chips {\n align-items: flex-start;\n gap: var(--xs);\n}\n\n.inline-chips {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n align-items: center;\n gap: var(--xs);\n\n .chip {\n margin: 0 !important;\n }\n}\n\n/** cards */\n.card {\n position: relative;\n display: flex;\n flex-direction: row;\n align-items: stretch;\n padding: var(--m);\n gap: var(--m);\n border-radius: var(--large-border-radius);\n cursor: default;\n user-select: none;\n width: 100%;\n\n &:after {\n border-radius: var(--large-border-radius);\n }\n\n &.sel,\n li.sel & {\n --text-color: var(--white);\n --custom-text-color: var(--white) !important;\n --medium-dark-text-color: var(--white);\n --medium-text-color: var(--white);\n --light-text-color: var(--white);\n --link-color: var(--white);\n --ui-control-color: var(--white);\n @include custom-color-focus-ring(hsl(var(--light-focus-hsl)));\n color: var(--white);\n background-color: var(\n --custom-sel-bg-color,\n var(--dark-sel-color)\n ) !important;\n\n & > .thumb {\n background-color: var(--dark-sel-color) !important;\n filter: brightness(0.85);\n }\n }\n\n & > .thumb {\n position: relative;\n display: flex;\n align-items: stretch;\n margin: calc(var(--m) * -1);\n @include margin-right(0);\n width: 120px;\n min-width: 120px; // needed for flex\n min-height: calc(var(--m) * 2 + var(--lh) * 3 + var(--xs));\n background-color: var(--gray-100);\n overflow: hidden;\n\n &:after {\n display: block;\n content: '';\n font-size: 0;\n position: absolute;\n top: 0;\n bottom: 0;\n @include shadow();\n width: 10px;\n\n body.ltr & {\n right: -10px;\n }\n\n body.rtl & {\n left: -10px;\n }\n }\n\n &,\n &:after {\n @include border-radius(\n var(--large-border-radius),\n 0,\n 0,\n var(--large-border-radius)\n );\n }\n\n img,\n svg {\n width: 100%;\n max-height: 120px;\n object-fit: cover;\n }\n }\n\n & > .cp-icon {\n @include margin(0, -4px, 0, -2px);\n }\n\n .card-content,\n .card-content .card-body {\n display: flex;\n flex-direction: column;\n gap: var(--xs);\n flex: 1;\n }\n\n .card-content {\n margin: calc((1rem - var(--lh)) / 2) 0;\n flex: 1 0 0 !important;\n overflow: hidden;\n position: relative;\n --focus-ring: var(--inner-focus-ring);\n\n .card-heading {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 5px;\n\n .status {\n margin: 0;\n flex: 0 0 10px;\n }\n\n .label {\n font-weight: 600;\n }\n }\n\n .card-body {\n &:empty {\n display: none;\n }\n\n & > * {\n --max-lines: 2;\n margin: 0;\n max-height: calc(var(--lh) * var(--max-lines));\n overflow: hidden;\n text-wrap: pretty;\n }\n }\n }\n\n & > .card-actions-container {\n display: flex;\n align-items: flex-start !important;\n position: relative;\n }\n}\n\n.card-grid {\n display: grid !important;\n gap: var(--s) !important;\n grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));\n\n & > li {\n border-radius: var(--large-border-radius);\n\n & > .card {\n margin: 0 !important;\n height: 100%;\n }\n }\n}\n\n.context-label,\n.context-menu-container {\n display: inline-flex;\n align-items: center;\n @include margin-left(var(--xs));\n height: var(--touch-target-size);\n padding: 0 var(--s);\n font-size: 11px;\n font-weight: normal;\n text-decoration: none !important;\n color: var(--light-text-color);\n border-radius: calc(var(--touch-target-size) / 2);\n border: 1px solid var(--medium-hairline-color);\n}\n\n.context-menu-container {\n @include padding-right(0);\n\n .menubtn:not(.action-btn) {\n @include margin(0, -1px, 0, 0);\n @include padding-right(2px !important);\n @include border-left(1px solid var(--medium-hairline-color));\n @include border-radius(\n 0,\n calc(var(--touch-target-size) / 2),\n calc(var(--touch-target-size) / 2),\n 0\n );\n\n &:hover {\n border-color: var(--dark-hairline-color) !important;\n }\n }\n\n > * {\n display: inline-block;\n @include padding-right(var(--s));\n }\n}\n\n// fix for context menus that are only children\n.context-menu-container .menubtn:not(.action-btn):only-child,\n.context-menu-container\n .visually-hidden:first-child\n + .menubtn:not(.action-btn):last-child {\n margin: 0 calc(var(--s) * -1);\n border-left: none !important;\n border-radius: calc(var(--touch-target-size) / 2) !important;\n}\n\n.chip,\n.card {\n // prevent double focus ring (chip/card already gets it)\n .checkbox:before {\n box-shadow: none !important;\n }\n\n .label {\n display: flex;\n align-items: center;\n gap: var(--xs);\n overflow: hidden;\n\n .label-link {\n flex: 1 1 0;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n\n &:focus {\n box-shadow: var(--inner-focus-ring);\n }\n }\n\n .segment:after {\n display: inline-flex !important;\n position: relative;\n top: -2px;\n @include margin(0, 5px, 0, 2px);\n @include angle(right, var(--light-text-color), calc(1rem / 16));\n\n .sel & {\n @include angle(right, var(--white), calc(1rem / 16));\n }\n }\n }\n\n & > .chip-content > .chip-actions,\n & > .card-actions-container > .card-actions {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: var(--s);\n min-height: 1rem;\n\n &:empty {\n display: none;\n }\n\n & > .status {\n margin: 0;\n }\n\n & > .action-btn,\n & > .move {\n @include touch-target;\n margin: 0 -4px;\n &:before {\n color: var(--custom-text-color, var(--ui-control-color));\n }\n }\n\n .action-btn {\n background-color: transparent;\n\n &:before {\n @include margin-right(0 !important);\n }\n\n &:hover,\n &:active,\n &[aria-expanded='true'] {\n backdrop-filter: brightness(90%);\n }\n }\n\n .move {\n margin-top: -3px !important;\n }\n }\n\n &.error .label .label-link {\n color: var(--error-color);\n }\n}\n\n.element-index {\n .source-path {\n background-color: var(--gray-050);\n border-radius: 3px;\n --ui-control-bg-color: var(--light-sel-color);\n --ui-control-hover-bg-color: #{darken($lightSelColor, 5%)};\n --ui-control-active-bg-color: #{darken($lightSelColor, 10%)};\n\n .chevron-btns {\n display: inline-flex;\n position: relative;\n background: $white;\n --ui-control-height: calc((30rem / 16)); // 1rem == 16px\n\n &:before {\n display: block;\n content: '';\n font-size: 0;\n position: absolute;\n top: 0;\n width: 0;\n height: 0;\n @include right(0);\n border-top: calc(var(--ui-control-height) / 2) solid $grey050;\n @include border-left(\n calc(var(--ui-control-height) / 2) solid transparent\n );\n }\n\n &:after {\n display: block;\n content: '';\n font-size: 0;\n position: absolute;\n top: calc(var(--ui-control-height) / 2);\n @include right(0);\n border-bottom: calc(var(--ui-control-height) / 2) solid $grey050;\n @include border-left(\n calc(var(--ui-control-height) / 2) solid transparent\n );\n }\n\n .btn {\n --ui-control-border-radius: 3px;\n }\n }\n\n .btn.settings {\n box-shadow: 0 0 0 2px var(--white);\n }\n }\n\n &.main {\n .source-path {\n margin: -22px calc(var(--padding) * -1 + 2px) 24px;\n }\n }\n\n .elementselectormodal & {\n .source-path {\n margin-bottom: 2px;\n }\n }\n\n &.pane {\n .toolbar {\n position: relative;\n z-index: 2;\n margin: calc(var(--pane-padding) * -1) calc(var(--pane-padding) * -1)\n var(--pane-padding) !important;\n border-radius: calc(var(--large-border-radius) - 1px)\n calc(var(--large-border-radius) - 1px) 0 0;\n padding: var(--pane-padding);\n box-shadow: 0 1px 0 var(--hairline-color);\n background-color: var(--gray-050);\n }\n\n .header {\n padding-top: var(--pane-padding);\n padding-bottom: var(--pane-padding);\n background-color: transparent;\n border-bottom: 1px solid var(--hairline-color);\n }\n\n .elements {\n --border-radius: 0;\n\n .tableview table.data thead {\n th,\n td {\n border-bottom: 1px solid var(--hairline-color);\n &:not(.ordered) {\n background-color: transparent;\n }\n }\n }\n }\n\n .footer {\n border-radius: 0 0 calc(var(--large-border-radius) - 1px)\n calc(var(--large-border-radius) - 1px) !important;\n box-shadow: none;\n border-top: 1px solid var(--hairline-color);\n background: transparent;\n }\n }\n}\n\n.elements {\n position: relative;\n\n &:not(.busy) {\n .update-spinner {\n display: none;\n }\n }\n\n &.busy {\n min-height: 72px;\n\n &:after {\n display: block;\n content: '';\n font-size: 0;\n position: absolute;\n z-index: 100;\n top: 0;\n left: calc(var(--pane-padding, 24px) * -1);\n width: calc(100% + var(--pane-padding, 24px) + var(--pane-padding, 24px));\n height: 100%;\n background: transparentize($white, 0.25);\n border-radius: var(--large-border-radius);\n }\n\n .update-spinner {\n z-index: 101;\n }\n }\n\n .header {\n margin: calc(var(--xl) * -1 + 2px) calc(var(--padding) * -1 + 2px) var(--xl);\n padding: var(--s);\n background-color: var(--gray-050);\n box-shadow: none;\n border-radius: var(--border-radius, var(--small-border-radius));\n\n &:after {\n content: '';\n }\n\n .selectallcontainer {\n display: flex;\n align-items: center;\n gap: 5px;\n cursor: default;\n }\n }\n\n .tableview tr.draggee th,\n .tableview tr.draggee td,\n .thumbsview li.draggee {\n opacity: 0.25;\n }\n\n // table views\n .tableview {\n th {\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 .enabled-label {\n margin-left: var(--xs);\n }\n }\n\n .chip {\n background-color: transparent;\n }\n }\n\n // thumbs views\n .thumbsview {\n display: grid;\n gap: var(--xs);\n grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));\n\n li {\n position: relative;\n @include margin(0, 1px, 1px, 0);\n max-width: 226px;\n border-radius: var(--large-border-radius);\n\n &:hover {\n .chip {\n background-color: var(--gray-050);\n }\n }\n\n &.sel {\n a {\n cursor: pointer !important;\n\n &:hover {\n text-decoration: underline;\n }\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/* 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(--gray-200));\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 .chip {\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.elementselect .elements:not(:empty),\n.componentselect .components:not(:empty) {\n & + .flex {\n margin-top: var(--s);\n }\n}\n\n/* element select fields */\n.elementselect {\n position: relative;\n min-height: 34px;\n\n .flex,\n .btn {\n clear: both;\n }\n\n .chip {\n z-index: 1;\n }\n\n .structure {\n .chip {\n margin-top: var(--xs);\n }\n\n & > li {\n @include padding-left(0);\n }\n\n ul {\n @include margin-left(14px);\n\n li {\n background-position: 0 6px !important;\n }\n }\n }\n}\n\n/* nested element cards */\n.nested-element-cards {\n display: flex;\n flex-direction: column;\n gap: var(--s);\n\n & > .pane {\n margin: 0;\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.heading,\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(\n calc(var(--large-border-radius) - 1px)\n );\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 .editable-table-preview {\n @include alignleft;\n white-space: pre-wrap;\n\n & + textarea {\n opacity: 0;\n height: 0;\n min-height: 0;\n padding-top: 0;\n padding-bottom: 0;\n }\n }\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 .editable-table-preview {\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: calc(100% - 29px);\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 position: relative;\n @include margin-right(10px);\n width: calc(12rem / 16);\n height: calc(12rem / 16);\n border: 1px solid transparent;\n border-radius: 100%;\n box-sizing: border-box;\n background-clip: border-box;\n\n body.use-shapes & {\n &.all {\n rotate: 45deg;\n background-image: linear-gradient(30deg, #184cef, #e5422b);\n }\n\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 &.all,\n &.off,\n &.suspended,\n &.expired {\n border-radius: 2px;\n transform: scale(90%);\n }\n }\n}\n\n.status:not(.on):not(.live):not(.active):not(.enabled):not(.all) {\n &:not(.pending):not(.warning):not(.off):not(.suspended):not(.expired) {\n &:not(.light):not(.gray):not(.red):not(.orange):not(.amber):not(.yellow) {\n &:not(.lime):not(.green):not(.emerald):not(.teal):not(.cyan):not(.sky) {\n &:not(.blue):not(.indigo):not(.violet):not(.purple):not(.fuchsia) {\n &:not(.pink):not(.rose):not(.grey):not(.black) {\n border-color: var(--ui-control-color);\n }\n }\n }\n }\n }\n}\n\n.status.all {\n background-image: linear-gradient(60deg, #184cef, #e5422b);\n background-origin: border-box;\n}\n.status.on,\n.status.live,\n.status.active,\n.status.enabled {\n background-color: var(--enabled-color);\n}\n.status.red,\n.bg-red,\n.status.off,\n.status.suspended,\n.status.expired {\n background-color: var(--disabled-color);\n}\n.status.warning {\n background-color: var(--warning-color);\n}\n.status.orange,\n.bg-orange,\n.status.pending {\n background-color: var(--pending-color);\n}\n.status.amber,\n.bg-amber {\n background-color: var(--amber-500);\n}\n.status.yellow,\n.bg-yellow {\n background-color: var(--yellow-500);\n}\n.status.lime,\n.bg-lime {\n background-color: var(--lime-500);\n}\n.status.green,\n.bg-green {\n background-color: var(--green-600);\n}\n.status.emerald,\n.bg-emerald {\n background-color: var(--emerald-500);\n}\n.status.teal,\n.bg-teal,\n.status.turquoise,\n.bg-turquoise {\n background-color: var(--teal-500);\n}\n.status.cyan,\n.bg-cyan {\n background-color: var(--cyan-500);\n}\n.status.sky,\n.bg-sky {\n background-color: var(--sky-500);\n}\n.status.blue,\n.bg-blue {\n background-color: var(--blue-600);\n}\n.status.indigo,\n.bg-indigo {\n background-color: var(--indigo-500);\n}\n.status.violet,\n.bg-violet {\n background-color: var(--violet-500);\n}\n.status.purple,\n.bg-purple {\n background-color: var(--purple-500);\n}\n.status.fuchsia,\n.bg-fuchsia {\n background-color: var(--fuchsia-500);\n}\n.status.pink,\n.bg-pink {\n background-color: var(--pink-500);\n}\n.status.rose,\n.bg-rose {\n background-color: var(--rose-500);\n}\n.status.light {\n background-color: var(--gray-100);\n}\n.status.white,\n.bg-white {\n background-color: var(--white);\n}\n.status.black,\n.bg-black {\n background-color: var(--gray-800);\n}\n.status.gray,\n.bg-gray,\n.status.grey,\n.bg-grey {\n background-color: var(--gray-300);\n}\n\n.status.white,\n.status.disabled {\n opacity: 1;\n}\n\n.icon,\n.cp-icon,\n[data-icon],\n[data-icon-after] {\n &.warning {\n --icon-color: var(--warning-color);\n }\n &.red {\n --icon-color: var(--disabled-color);\n }\n &.orange {\n --icon-color: var(--pending-color);\n }\n &.amber {\n --icon-color: var(--amber-500);\n }\n &.yellow {\n --icon-color: var(--yellow-500);\n }\n &.lime {\n --icon-color: var(--lime-500);\n }\n &.green {\n --icon-color: var(--green-500);\n }\n &.emerald {\n --icon-color: var(--emerald-500);\n }\n &.teal {\n --icon-color: var(--teal-500);\n }\n &.cyan {\n --icon-color: var(--cyan-500);\n }\n &.sky {\n --icon-color: var(--sky-500);\n }\n &.blue {\n --icon-color: var(--blue-600);\n }\n &.indigo {\n --icon-color: var(--indigo-500);\n }\n &.violet {\n --icon-color: var(--violet-500);\n }\n &.purple {\n --icon-color: var(--purple-500);\n }\n &.fuchsia {\n --icon-color: var(--fuchsia-500);\n }\n &.pink {\n --icon-color: var(--pink-500);\n }\n &.rose {\n --icon-color: var(--rose-500);\n }\n &.white {\n --icon-color: var(--white);\n }\n &.black {\n --icon-color: var(--gray-800);\n }\n &.gray {\n --icon-color: var(--gray-300);\n }\n}\n\n.warning,\n.red,\n.orange,\n.amber,\n.yellow,\n.lime,\n.green,\n.emerald,\n.teal,\n.cyan,\n.sky,\n.blue,\n.indigo,\n.violet,\n.purple,\n.fuchsia,\n.pink,\n.rose,\n.white,\n.black,\n.gray {\n &[data-icon]:before,\n &[data-icon-after]:after {\n color: var(--icon-color) !important;\n }\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 --pane-padding: var(--xl);\n --border: 1px solid var(--hairline-color);\n @include pane;\n position: relative;\n margin: 14px 0;\n padding: var(--pane-padding);\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 &.dashed {\n background-color: transparent !important;\n box-shadow: none;\n border: 1px dashed var(--medium-hairline-color) !important;\n }\n\n &.hairline {\n background-color: transparent !important;\n box-shadow: none;\n border: 1px solid #{transparentize($inputColor, 0.75)} !important;\n }\n\n &.no-border {\n border: none !important;\n }\n\n &.padding-xs {\n --pane-padding: var(--xs);\n }\n &.padding-s {\n --pane-padding: var(--s);\n }\n &.padding-m {\n --pane-padding: var(--m);\n }\n &.padding-l {\n --pane-padding: var(--l);\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(--padding) * -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 --tab-label-color: var(--light-text-color);\n\n &.error {\n --highlight-color: var(--error-color) !important;\n --tab-label-color: var(--error-color) !important;\n }\n\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 var(--padding);\n white-space: nowrap;\n height: 50px;\n }\n\n &:hover {\n text-decoration: none;\n }\n\n @include focus-styles {\n box-shadow: none;\n\n .tab-label {\n box-shadow: var(--inner-focus-ring);\n }\n }\n\n &:not(.sel) {\n color: var(--custom-text-color, var(--tab-label-color));\n\n &:hover {\n backdrop-filter: brightness(95%);\n }\n }\n\n &.sel {\n --highlight-color: var(--gray-500);\n --tab-label-color: var(--text-color);\n position: relative;\n z-index: 1;\n cursor: default;\n box-shadow:\n inset 0 2px 0 var(--custom-text-color, var(--highlight-color)),\n 0 0 0 1px $hairlineColor,\n 0 2px 12px var(--custom-sel-tab-shadow-color, var(--gray-200));\n color: var(--tab-label-color);\n background-color: var(--white) !important;\n }\n\n span[data-icon] {\n @include margin-left(4px);\n }\n }\n }\n\n &#tabs: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 &.error {\n span[data-icon] {\n margin-right: 2px;\n }\n }\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:\n 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 &[aria-expanded='true'] {\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$min2ColWidth: 400px;\n\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:\n padding-left linear 100ms,\n 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 margin: 0;\n\n @media screen and (min-width: $min2ColWidth) {\n flex: 0 0 104px;\n @include margin-right(var(--s));\n line-height: 18px;\n }\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-top: var(--s);\n\n @media screen and (min-width: $min2ColWidth) {\n padding: 14px 0;\n }\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: 100%;\n\n @media screen and (min-width: $min2ColWidth) {\n width: calc(100% - 112px);\n }\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 gap: 0;\n\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):not(.first-child),\n & > .flex-fields + .field:not(.first-child) {\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.meta > .field > .input > .custom-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 .menubtn:not(.action-btn) {\n @include padding-left(0);\n justify-content: start;\n width: 100%;\n background-color: transparent;\n\n &:after {\n position: absolute;\n top: calc(50% - 5px);\n @include right(0);\n }\n }\n\n .label {\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\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 {\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 &.so-lp {\n position: absolute;\n top: var(--m);\n left: var(--m);\n width: calc(100% - var(--m) * 2);\n height: calc(100vh - var(--m) * 2);\n }\n\n body.has-debug-toolbar & {\n height: calc(100vh - 42px);\n }\n}\n\n.slideout {\n position: absolute;\n background-color: var(--white);\n box-shadow:\n 0 0 0 1px transparentize($grey400, 0.75),\n 0 25px 100px transparentize($grey900, 0.5) !important;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n padding: 24px var(--padding);\n pointer-events: all;\n container-type: inline-size;\n\n &.so-mobile,\n &.so-lp {\n width: 100% !important;\n height: 100% !important;\n left: 0;\n transition: top linear 250ms;\n will-change: top;\n }\n\n &.so-mobile {\n --padding: 14px;\n --neg-padding: -14px;\n }\n\n &:not(.so-mobile) {\n border-radius: var(--large-border-radius);\n }\n\n &:not(.so-mobile):not(.so-lp) {\n top: 8px;\n width: calc(50% - 8px);\n height: calc(100% - 16px);\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 padding-left: var(--padding);\n padding-right: var(--padding);\n z-index: 2;\n\n & > .so-toolbar {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: var(--xs);\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-body {\n flex: 1;\n margin: -24px var(--neg-padding);\n overflow: hidden auto;\n position: relative;\n\n &:not(:last-child) {\n margin-bottom: 0;\n }\n\n & > h1:not(:last-child) {\n padding-bottom: var(--s);\n border-bottom: 1px solid var(--hairline-color);\n }\n\n &.so-full-details,\n & > .so-sidebar {\n background-color: var(--gray-100) !important;\n }\n\n &:not(.so-full-details) {\n padding: 24px var(--padding);\n }\n\n & > .so-sidebar,\n &.so-full-details > .so-content > .details {\n box-sizing: border-box;\n padding: 0 var(--padding) var(--spacing);\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 .notes {\n padding-top: var(--m);\n padding-bottom: var(--m);\n }\n }\n\n & > .so-sidebar {\n position: absolute;\n top: 0;\n @include pane();\n width: 350px;\n height: 100%;\n max-width: 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 }\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@container (width > 700px) {\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 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: 5px var(--pane-padding, 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: calc(var(--pane-padding, 24px) * -1)\n calc(var(--pane-padding, 24px) * -1) var(--pane-padding, 24px);\n }\n\n .footer {\n margin: var(--pane-padding, 24px) calc(var(--pane-padding, 24px) * -1)\n calc(var(--pane-padding, 24px) * -1);\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 &.blurred {\n backdrop-filter: blur(10px);\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 &.tooltip-hud {\n display: block;\n }\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 }\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 & > .header {\n padding-top: 14px;\n padding-bottom: 14px;\n text-align: center;\n\n & + .body {\n height: calc(100% - 48px) !important;\n }\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 .header {\n margin: 0 0 var(--m);\n }\n\n .tableview table {\n tr {\n th,\n td {\n cursor: default;\n }\n\n // prevent double focus ring (the row already gets it)\n .checkbox:before {\n box-shadow: none !important;\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 selector modals & customize sources modal */\n.elementselectormodal,\n.customize-sources-modal {\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\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/* recent activity container */\n.activity-container {\n &:not(:last-child) {\n @include margin-right(var(--s));\n }\n\n ul {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n gap: var(--xs);\n\n li {\n .activity-btn {\n width: 30px;\n height: 30px;\n border-radius: 50%;\n display: block;\n\n .elementthumb {\n position: relative;\n width: 100%;\n height: 100%;\n border-radius: 50px;\n background: var(--gray-050);\n overflow: hidden;\n border: 2px solid var(--white);\n box-shadow: 0 1px 2px 1px transparentize($grey900, 0.9);\n\n img,\n svg {\n display: block;\n width: 100%;\n height: 100%;\n }\n }\n }\n\n &:not(:last-child) {\n @include margin-right(-10px);\n }\n }\n }\n}\n\n/* element index view menu */\n.element-index-view-menu {\n width: 400px;\n max-width: calc(100% - 20px);\n padding: 0 !important;\n\n .meta {\n padding-top: var(--s);\n padding-bottom: var(--s);\n }\n\n .table-columns-field {\n align-items: flex-start;\n\n .input {\n padding: 13px 0;\n }\n }\n\n .menu-footer {\n margin: 0 !important;\n padding: var(--s) var(--xl) !important;\n background-color: var(--gray-050);\n }\n}\n\n.element-index-view-menu-table-column {\n display: flex;\n align-items: flex-start;\n align-content: stretch;\n margin-bottom: 4px;\n\n .icon.move {\n @include margin-right(10px);\n position: relative;\n z-index: 1;\n }\n}\n\n/* sort fields */\n.sort-field {\n .input {\n .flex {\n .btngroup {\n .btn {\n width: 42px;\n }\n }\n\n .flex-grow {\n max-width: calc(100% - 85px - var(--s));\n }\n\n @media screen and (max-width: 350px) {\n flex-direction: column;\n\n & > * {\n width: 100%;\n }\n\n .flex-grow {\n max-width: none;\n }\n }\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 .so-content & {\n grid-template-columns: repeat(1, minmax(0, 1fr)) !important;\n }\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 .so-content & {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n }\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.login-modal-shade,\n#logoutwarningmodal,\n.login-modal,\n#elevatedsessionmodal,\n.prompt {\n z-index: 1001;\n}\n\n#logoutwarningmodal,\n#elevatedsessionmodal,\n.prompt {\n width: 500px;\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 div.elements {\n list-style: none;\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/* Alternative Text\n/* ----------------------------------------*/\n.video-transcript {\n background-color: var(--gray-050);\n overflow-y: scroll;\n font-size: 1rem;\n position: relative;\n\n @include focus-styles {\n // Unset default\n box-shadow: none;\n color: var(--white);\n background-color: var(--gray-800);\n }\n}\n\n.video-transcript__inner {\n margin-left: auto;\n margin-right: auto;\n max-width: 550px;\n padding: var(--xl);\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 &.padded {\n padding: var(--s) calc(var(--m) + var(--s));\n\n hr {\n margin: var(--s) calc((var(--m) + var(--s)) * -1);\n }\n\n ul {\n li {\n margin: 0 calc(var(--m) * -1);\n padding: 0 var(--m);\n\n a {\n border-radius: var(--large-border-radius);\n }\n }\n }\n\n .extralight {\n margin-top: 2px;\n }\n }\n\n h6,\n .h6 {\n &:first-child {\n margin-top: 14px !important;\n }\n }\n\n ul {\n &.padded {\n li {\n a,\n .menu-item,\n .menu-option {\n @include padding-left(calc(var(--m) + 18rem / 16));\n\n &.sel {\n &:not([data-icon]):before {\n @include floatleft;\n @include margin(4px, 0, 0, calc(-18rem / 16 - 4px));\n font-size: 14px;\n width: 14px;\n content: 'check';\n color: var(--ui-control-color);\n margin-top: 3px !important;\n }\n }\n }\n }\n }\n\n li {\n a,\n .menu-item,\n .menu-option {\n margin: 0 -14px;\n padding: 10px 14px;\n white-space: nowrap;\n font-size: 14px;\n -webkit-appearance: none;\n\n &:not(:last-child) {\n @include margin-right(0);\n }\n\n &:not(.flex):not(.hidden) {\n display: block;\n width: calc(100% + 28px);\n @include alignleft;\n }\n\n &.flex {\n [data-icon] {\n margin-top: -2px;\n }\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:\n 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 .go:after {\n color: inherit;\n }\n\n &:not(.menu--disclosure) ul li a,\n ul li .menu-item,\n ul li .menu-option {\n color: $menuOptionColor;\n text-decoration: none;\n cursor: default;\n }\n}\n\n.menu li {\n & > a,\n & > button {\n &[data-icon]:before,\n [data-icon]:before,\n span.icon:not([data-icon]) {\n display: inline-block;\n width: calc(14rem / 16);\n height: calc(14rem / 16);\n @include margin-left(-1px);\n @include margin-right(9px);\n }\n\n &[data-icon]:before,\n [data-icon]:before {\n position: relative;\n top: -2px;\n text-align: center;\n font-size: 14px;\n color: var(--ui-control-color);\n }\n\n span.icon:not([data-icon]) svg {\n display: block;\n position: relative;\n top: 1px;\n width: 100%;\n height: 100%;\n @include svg-mask(var(--icon-color, var(--ui-control-color)));\n }\n\n &.error {\n &[data-icon]:before,\n [data-icon]:before {\n color: var(--error-color);\n }\n\n span.icon:not([data-icon]) svg {\n @include svg-mask(var(--error-color));\n }\n }\n }\n}\n\n.menu:not(.menu--disclosure) ul li a:not(.sel):not(.disabled):hover,\n.menu:not(.menu--disclosure) ul li .menu-item:not(.sel):not(.disabled):hover,\n.menu:not(.menu--disclosure) ul li .menu-option:not(.sel):not(.disabled):hover,\n.menu:not(.menu--disclosure):not(:hover) ul li a:not(.sel):not(.disabled).hover,\n.menu:not(.menu--disclosure):not(:hover)\n ul\n li\n .menu-item:not(.sel):not(.disabled).hover,\n.menu:not(.menu--disclosure):not(:hover)\n ul\n li\n .menu-option:not(.sel):not(.disabled).hover {\n @include menu-item-active-styles;\n}\n.menu {\n hr.padded,\n .h6.padded,\n h6.padded {\n @include margin-left(20px);\n }\n}\n\n.menu--disclosure ul li {\n & > a:not(.crumb-link),\n & > .menu-item,\n & > .menu-option {\n &:hover {\n @include disclosure-link-hover-styles;\n }\n\n @include focus-styles {\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 .chip.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 .chip {\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.selectize-control.single .selectize-input:not(.no-arrow)::after {\n display: none;\n}\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: calc(var(--large-border-radius) - 1px);\n }\n }\n th:last-child,\n td:last-child {\n &,\n &.disabled:after {\n border-bottom-right-radius: calc(var(--large-border-radius) - 1px);\n }\n }\n }\n }\n}\n\n.text,\n.passwordwrapper,\n.border-box,\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 @include focus-styles {\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(calc(-27rem / 16), 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 border-radius: 1px;\n content: '';\n cursor: help;\n\n &.modified {\n background-color: var(--blue-600);\n box-shadow: 0 0 5px hsl(221, 83%, 53%, 15%);\n }\n\n &.outdated {\n background-color: var(--pending-color);\n box-shadow: 0 0 5px hsl(27, 96%, 61%, 15%);\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\n code {\n font-size: 1em !important;\n }\n\n .info {\n @include margin-left(5px);\n }\n }\n\n .t9n-indicator {\n position: relative;\n top: calc(-1rem / 16);\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 input:disabled,\n textarea:disabled {\n cursor: not-allowed;\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(--custom-text-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(calc(1rem + 5px));\n line-height: 1rem;\n min-height: 1rem;\n cursor: pointer;\n\n &,\n &:before {\n // set the border radius on the container too, for (some) focus rings\n border-radius: var(--small-border-radius);\n }\n\n &: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 }\n\n &:empty {\n @include padding-left(var(--checkbox-size));\n\n &:after {\n content: '';\n font-size: 0;\n }\n }\n\n .info {\n height: 16px;\n }\n}\n\ninput.checkbox:disabled + label,\n.disabled div.checkbox {\n cursor: not-allowed;\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.elementselectormodal\n .body\n .content\n .main\n .elements\n .disabled\n .checkbox: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:not(.matrixblock) div.checkbox:not(.indeterminate):before,\n.sel.matrixblock > .actions div.checkbox:not(.indeterminate):before,\n.elementselectormodal\n .body\n .content\n .main\n .elements\n .disabled\n .checkbox:before {\n content: 'check';\n font-size: 14px;\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.checkbox-icon {\n display: inline-flex;\n padding: 3px;\n background-color: var(--enabled-color);\n color: var(--white);\n border-radius: var(--small-border-radius);\n\n &:before {\n --checkbox-size: 14px;\n @include icon;\n content: 'check';\n line-height: var(--checkbox-size);\n font-size: var(--checkbox-size);\n }\n}\n\n.monaco-mouse-cursor-text {\n @include focus-styles {\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(calc(1rem + 5px));\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(calc(1rem + 5px));\n line-height: calc(24 / 14);\n cursor: pointer;\n}\n\ninput.radio:disabled + label,\n.disabled div.radio {\n cursor: not-allowed;\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: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 @include focus-styles {\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: calc(34rem / 16);\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\ntd.errors .text,\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: calc(50% - 7rem / 16);\n @include left(9px);\n color: var(--ui-control-color);\n }\n }\n\n .texticon-icon {\n position: absolute;\n top: calc((34rem / 16) / 2);\n transform: translateY(-50%);\n display: flex;\n justify-content: center;\n align-items: center;\n @include left(9px);\n }\n\n .text {\n @include padding-left(calc(26rem / 16));\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: calc((34rem / 16) / 2);\n transform: translateY(-50%);\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: 'filter';\n color: var(--medium-text-color);\n }\n\n &:hover {\n background-color: var(--gray-100);\n }\n\n &:active,\n &.active,\n &[aria-expanded='true'] {\n background-color: var(--gray-350);\n\n &:before {\n color: var(--white);\n }\n }\n }\n\n .text {\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-wrap: nowrap;\n flex-direction: row;\n align-items: center;\n gap: 5px;\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 }\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 @include focus-styles {\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-control .selectize-input.disabled,\n.custom-select.disabled {\n opacity: 1;\n cursor: not-allowed !important;\n pointer-events: auto !important;\n\n * {\n cursor: not-allowed !important;\n pointer-events: auto !important;\n }\n}\n\n.selectize .selectize-input {\n display: block;\n border-color: inherit;\n box-shadow: none;\n background-color: transparent;\n\n .item {\n max-width: 100%;\n\n span {\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n}\n\n.selectize.select .selectize-input:after {\n display: none;\n}\n\nbody .selectize-dropdown {\n border: none;\n z-index: 101;\n}\n\n/* single select styles */\n.selectize.select {\n @include placeholder-styles(var(--gray-700));\n height: 34px;\n\n &:not(.fullwidth) {\n width: 25em;\n max-width: 100%;\n }\n}\n\n.datetimewrapper .selectize.select:not(.fullwidth) {\n max-width: calc(100% - 29px);\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 {\n .selectize-dropdown {\n margin-top: 1px;\n\n [data-selectable],\n .option,\n .optgroup-header {\n @include menu-item-styles;\n }\n\n .optgroup {\n &:not(:first-child) {\n border-top: 1px solid var(--hairline-color);\n }\n padding-top: 5px;\n\n .option {\n padding-left: 24px;\n }\n }\n\n .optgroup-header {\n @include h6-styles;\n margin: 0;\n padding: 4px 0;\n }\n\n .active:not(.selected),\n .option:hover {\n background-color: var(--gray-100);\n }\n\n .selected {\n @include menu-item-active-styles;\n cursor: default !important;\n\n .light {\n color: inherit !important;\n }\n }\n }\n\n .selectize-dropdown-content {\n @include menu-styles;\n max-height: 70vh;\n\n .option {\n min-height: 18px;\n }\n\n & > div[data-value='new'] {\n &:before {\n @include icon;\n content: 'plus';\n margin-right: 5px;\n }\n\n &:after {\n content: '…';\n }\n }\n }\n\n &.no-scroll .selectize-dropdown-content {\n max-height: 200px; // default for selectize\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: 1rem;\n white-space: nowrap;\n\n a {\n position: relative;\n border: 1px solid var(--hairline-color);\n @include border-left(none);\n background-image: none;\n width: calc(8rem / 16 - 1px);\n height: calc(1rem - 2px);\n margin-left: 0;\n margin-top: 1px;\n margin-bottom: 1px;\n box-sizing: border-box;\n cursor: pointer;\n\n &:first-child {\n width: calc(8rem / 16);\n @include border-left(1px solid var(--gray-400) !important);\n }\n\n &:before {\n content: '';\n position: absolute;\n top: calc(-4rem / 16 - 1px);\n left: -1px;\n width: calc(100% + 2px);\n height: var(--touch-target-size);\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: 1rem;\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/* icon picker */\n.icon-picker {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: var(--xs);\n}\n\n.icon-picker--icon {\n display: flex;\n align-items: center;\n justify-content: center;\n @include input-styles;\n border-radius: var(--ui-control-border-radius);\n width: var(--ui-control-height);\n height: var(--ui-control-height);\n background: var(--gray-050);\n\n svg {\n width: calc(20rem / 16);\n height: calc(20rem / 16);\n @include svg-mask(var(--ui-control-color));\n }\n}\n\n.icon-picker-modal {\n --width: calc(var(--ui-control-height) * 10 + var(--s) * 9 + var(--xl) * 2);\n width: var(--width) !important;\n min-width: 0 !important;\n max-width: calc(100% - 20px) !important;\n\n .body {\n height: 100%;\n display: flex;\n flex-direction: column;\n gap: var(--l);\n\n .icon-picker-modal--list {\n flex: 1;\n position: relative;\n overflow: hidden;\n\n &:not(.loading) {\n .spinner {\n display: none;\n }\n }\n\n &.loading {\n &:after {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n content: '';\n background-color: rgba(255, 255, 255, 0.75);\n }\n\n .spinner {\n top: calc(50% - 10px);\n z-index: 1;\n }\n }\n\n ul {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: start;\n gap: var(--s);\n max-height: 100%;\n overflow: auto;\n\n .icon-picker--icon {\n --focus-ring: var(--inner-focus-ring);\n\n &:hover {\n border-color: var(--link-color);\n background-color: var(--blue-100);\n }\n }\n }\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/* 2FA setup page */\nbody.setup-2fa {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n min-height: 100%;\n\n #setup-2fa {\n display: flex;\n flex-direction: column;\n gap: var(--l);\n width: 550px;\n max-width: 100%;\n padding: var(--padding);\n\n #setup-2fa-intro {\n text-align: center;\n }\n\n #setup-2fa-btn {\n display: flex;\n justify-content: center;\n }\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-item-styles;\n overflow: hidden;\n text-overflow: ellipsis;\n\n &:hover,\n &.autosuggest__results-item--highlighted {\n @include menu-item-active-styles;\n cursor: pointer;\n }\n }\n}\n\n/* ----------------------------------------\n/* Matrix\n/* ----------------------------------------*/\n\n/* Matrix fields */\n.matrix {\n & > .buttons {\n margin-top: 10px;\n }\n}\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: 2px solid var(--gray-100);\n background-color: var(--white);\n\n &.static {\n .titlebar {\n @include padding-right(0);\n @include padding-left(14px);\n margin-bottom: 14px;\n }\n }\n\n & > .titlebar > .matrixblock-tabs .pane-tabs .menubtn:not(.action-btn),\n & > .actions .action-btn {\n padding: 0;\n width: var(--touch-target-size);\n height: var(--touch-target-size);\n color: var(--custom-text-color, var(--ui-control-color));\n background-color: transparent;\n\n &:hover {\n backdrop-filter: brightness(90%);\n }\n\n &:active,\n &[aria-expanded='true'] {\n backdrop-filter: brightness(85%);\n }\n }\n\n .flex-fields {\n --row-gap: var(--m) !important;\n }\n\n & > .titlebar {\n display: grid;\n grid-template-columns: auto 1fr;\n align-items: center;\n gap: var(--m);\n margin: 0 calc(var(--m) * -1);\n box-sizing: border-box;\n border-radius: calc(var(--large-border-radius) - 2px)\n calc(var(--large-border-radius) - 2px) 0 0;\n @include padding(5px, calc(var(--m) + 70px), 5px, var(--m));\n color: var(--custom-text-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: var(--gray-050);\n min-height: calc(var(--lh) + 10px);\n\n & > .preview {\n flex-grow: 1;\n min-width: 0;\n opacity: 0;\n transition: opacity linear 100ms;\n overflow: hidden;\n\n &:empty {\n display: none;\n }\n\n body.ltr & {\n mask-image: linear-gradient(\n to left,\n rgba(0, 0, 0, 0),\n rgba(0, 0, 0, 1) 12px\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) 12px\n );\n }\n\n span {\n opacity: 0.5;\n }\n }\n\n & > .matrixblock-tabs {\n flex: 1;\n min-width: 0;\n margin: -5px 0;\n\n .pane-tabs {\n margin: 0;\n @include padding-right(3px);\n\n [role='tablist'] {\n padding: 0 12px;\n\n &.scrollable {\n mask-image: linear-gradient(\n to right,\n rgba(0, 0, 0, 0),\n rgba(0, 0, 0) 12px,\n rgba(0, 0, 0) calc(100% - 12px),\n rgba(0, 0, 0, 0) 100%\n );\n }\n\n [role='tab'] {\n background-color: transparent;\n\n .tab-label {\n height: calc(var(--lh) + 10px);\n padding: 0 var(--m);\n }\n }\n }\n\n .menubtn:not(.action-btn) {\n margin-left: 0;\n margin-right: 0;\n\n &:not(:empty):not(.btn-empty)::after {\n @include margin-left(0px);\n }\n }\n }\n }\n\n & > .preview:first-child:empty + .matrixblock-tabs {\n @include margin-left(calc((var(--m) + 12px) * -1));\n\n [role='tab']:first-child {\n &,\n .tab-label {\n @include border-top-left-radius(\n calc(var(--large-border-radius) - 2px)\n );\n }\n }\n }\n }\n\n &.disabled-entry {\n & > .titlebar {\n @include padding-right(100px);\n }\n\n & > .actions {\n & > .status {\n &.off {\n display: block;\n }\n }\n }\n }\n\n &.collapsed {\n & > .titlebar {\n border-radius: calc(var(--large-border-radius) - 2px);\n\n & > .preview {\n opacity: 1;\n }\n }\n }\n\n & > .actions {\n display: flex;\n align-items: center;\n gap: var(--xs);\n position: absolute;\n top: 0;\n @include right(var(--m));\n cursor: default;\n min-height: calc(var(--lh) + 10px);\n\n & > * {\n margin: 0 !important;\n }\n\n & > .status {\n &.off {\n display: none;\n }\n }\n\n a:not([data-action]) {\n padding: 0;\n height: var(--touch-target-size);\n text-align: center;\n color: var(--dark-hairline-color);\n transform: color linear 100ms;\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: var(--l);\n }\n }\n\n & > .fields > .flex-fields > .field {\n &:before {\n display: none;\n }\n\n & > .status-badge {\n @include left(-2px);\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/* 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$red050: #fef2f2;\n$red100: #fee2e2;\n$red200: #fecaca;\n$red300: #fca5a5;\n$red400: #f87171;\n$red500: #ef4444;\n$red600: #dc2626;\n$red700: #b91c1c;\n$red800: #991b1b;\n$red900: #7f1d1d;\n\n$orange050: #fff7ed;\n$orange100: #ffedd5;\n$orange200: #fed7aa;\n$orange300: #fdba74;\n$orange400: #fb923c;\n$orange500: #f97316;\n$orange600: #ea580c;\n$orange700: #c2410c;\n$orange800: #9a3412;\n$orange900: #7c2d12;\n\n$yellow050: #fefce8;\n$yellow100: #fef9c3;\n$yellow200: #fef08a;\n$yellow300: #fde047;\n$yellow400: #facc15;\n$yellow500: #eab308;\n$yellow600: #ca8a04;\n$yellow700: #a16207;\n$yellow800: #854d0e;\n$yellow900: #713f12;\n\n$green050: #f0fdf4;\n$green100: #dcfce7;\n$green200: #bbf7d0;\n$green300: #86efac;\n$green400: #4ade80;\n$green500: #22c55e;\n$green600: #16a34a;\n$green700: #15803d;\n$green800: #166534;\n$green900: #14532d;\n\n$teal050: #f0fdfa;\n$teal100: #ccfbf1;\n$teal200: #99f6e4;\n$teal300: #5eead4;\n$teal400: #2dd4bf;\n$teal500: #14b8a6;\n$teal550: #11a697;\n$teal600: #0d9488;\n$teal700: #0f766e;\n$teal800: #115e59;\n$teal900: #134e4a;\n\n$cyan050: #ecfeff;\n$cyan100: #cffafe;\n$cyan200: #a5f3fc;\n$cyan300: #67e8f9;\n$cyan400: #22d3ee;\n$cyan500: #06b6d4;\n$cyan600: #0891b2;\n$cyan700: #0e7490;\n$cyan800: #155e75;\n$cyan900: #164e63;\n\n$blue050: #eff6ff;\n$blue100: #dbeafe;\n$blue200: #bfdbfe;\n$blue300: #93c5fd;\n$blue400: #60a5fa;\n$blue500: #3b82f6;\n$blue600: #2563eb;\n$blue700: #1d4ed8;\n$blue800: #1e40af;\n$blue900: #1e3a8a;\n\n$violet050: #f5f3ff;\n$violet100: #ede9fe;\n$violet200: #ddd6fe;\n$violet300: #c4b5fd;\n$violet400: #a78bfa;\n$violet500: #8b5cf6;\n$violet600: #7c3aed;\n$violet700: #6d28d9;\n$violet800: #5b21b6;\n$violet900: #4c1d95;\n\n$pink050: #fdf2f8;\n$pink100: #fce7f3;\n$pink200: #fbcfe8;\n$pink300: #f9a8d4;\n$pink400: #f472b6;\n$pink500: #ec4899;\n$pink600: #db2777;\n$pink700: #be185d;\n$pink800: #9d174d;\n$pink900: #831843;\n\n// submit button colors\n$primaryColor: $red600;\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: #1f5fea;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $textColor;\n$menuOptionActiveBackgroundColor: $grey050;\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:\n 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing:\n 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing:\n 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey500;\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\n@mixin sans-serif-font {\n font-family:\n system-ui,\n BlinkMacSystemFont,\n -apple-system,\n 'Segoe UI',\n 'Roboto',\n 'Oxygen',\n 'Ubuntu',\n 'Cantarell',\n 'Fira Sans',\n 'Droid Sans',\n 'Helvetica Neue',\n 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: never;\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\n@mixin angle($dir: down, $color: currentColor, $width: calc(2rem / 16)) {\n display: block;\n content: '';\n font-size: 0;\n width: calc(7rem / 16);\n height: calc(7rem / 16);\n border: solid $color;\n border-width: 0 $width $width 0;\n opacity: 0.8;\n position: relative;\n\n @if $dir == up {\n transform: rotate(225deg);\n top: 2px;\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:\n 0 0 0 1px $grey200,\n 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) !important;\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 custom-color-focus-ring($primary, $secondary: null) {\n @if $secondary != null {\n --focus-ring: 0 0 0 1px #{$primary}, 0 0 0 3px #{$secondary};\n } @else {\n --focus-ring: 0 0 0 3px #{$primary};\n }\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: calc(30rem / 16);\n height: calc(30rem / 16);\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:\n 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-item-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-item-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 color: var(--ui-control-color);\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// https://tailwindcss.com/docs/screen-readers#undoing-screen-reader-only-elements\n@mixin visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n\n@mixin not-visually-hidden {\n position: static;\n width: auto;\n height: auto;\n padding: 0;\n margin: 0;\n overflow: visible;\n clip: auto;\n white-space: normal;\n}\n\n@mixin readable {\n font-size: 16px;\n line-height: 22px;\n\n h1,\n .h1,\n h2,\n .h2,\n h3,\n .h3,\n h4,\n .h4,\n h5,\n .h5,\n h6,\n .h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1,\n .h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2,\n .h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3,\n .h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4,\n .h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5,\n .h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6,\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 .tip-dismiss-btn {\n position: absolute;\n top: 12px;\n @include right(12px);\n\n & + p {\n margin-top: 0;\n }\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(50px);\n border: 1px solid;\n\n &.dismissible {\n @include padding-right(36px);\n }\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: $linkColor;\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 opacity: 1;\n position: absolute;\n top: 15px;\n @include left(16px);\n font-size: 24px;\n width: 24px;\n }\n\n a[href] {\n color: currentColor;\n text-decoration: underline;\n }\n }\n }\n\n .go:after {\n font-size: 14px;\n }\n}\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(\n 45deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 135deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 45deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n ),\n linear-gradient(\n 135deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n );\n background-size: $size $size;\n background-position:\n 0 0,\n $halfSize 0,\n $halfSize -#{$halfSize},\n 0 $halfSize;\n}\n","@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\n$sidebarWidth: calc(226rem / 16);\n$sidebarZIndex: 100;\n$detailsWidth: 350px;\n$minFullUiWidth: calc(1200rem / 16);\n$minXlUiWidth: calc(1536rem / 16);\n$minDesktopWidth: 600px;\n$minHorizontalUiWidth: $minFullUiWidth - $sidebarWidth;\n\n// Colors\n$badgeBackgroundColor: var(--gray-200);\n$badgeColor: var(--gray-800);\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 --sidebar-width: #{$sidebarWidth};\n --global-sidebar-width: #{$sidebarWidth};\n}\n\nhtml {\n -webkit-text-size-adjust: 100%;\n min-height: 100vh;\n}\n\nbody {\n min-height: 100vh;\n\n &.dragging * {\n cursor: move !important;\n cursor: grabbing !important;\n }\n\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 min-height: 100vh;\n\n @media screen and (prefers-reduced-motion: no-preference) {\n body.ltr & {\n transition: left 100ms cubic-bezier(0.33, 1, 0.68, 1);\n }\n\n body.rtl & {\n transition: right 100ms cubic-bezier(0.33, 1, 0.68, 1);\n }\n }\n}\n\n/* global sidebar */\n$sidebarLinkStaticColor: var(--gray-100);\n$sidebarLinkSecondaryColor: var(--gray-200);\n\n$systemInfoBgColor: darken($grey800, 5%);\n$systemInfoHoverBgColor: darken($grey800, 10%);\n\n#system-info {\n display: grid;\n grid-template-columns: var(--prefix-width) auto;\n gap: 10px;\n height: calc(45rem / 16);\n padding: 0 var(--gutter-width);\n position: relative;\n flex: 0 0 calc(45rem / 16);\n flex-direction: row;\n align-items: center;\n color: currentColor;\n border-bottom: 1px solid var(--hairline-color);\n background-clip: padding-box;\n\n &:after {\n display: none;\n }\n\n &:focus,\n &:hover {\n text-decoration: none;\n background-color: var(--gray-200);\n }\n}\n\n#site-icon {\n --size: var(--prefix-width); // Matches .sidebar-action__prefix\n height: var(--size);\n\n img,\n svg {\n display: block;\n width: var(--size);\n height: var(--size);\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}\n\n@media only screen and (min-width: $minFullUiWidth) {\n [data-sidebar='collapsed'] {\n #system-info:hover #system-name {\n opacity: 1;\n transform: translateY(-50%) translateX(0);\n }\n\n #system-name {\n position: absolute;\n left: calc(100% + (var(--s) * 2));\n top: 50%;\n transform: translateY(-50%) translateX(-5px);\n opacity: 0;\n @include pane;\n color: var(--text-color);\n border-radius: var(--medium-border-radius);\n padding: var(--xs) var(--s);\n white-space: nowrap;\n pointer-events: none;\n\n @media screen and (prefers-reduced-motion: no-preference) {\n transition:\n opacity 50ms cubic-bezier(0.33, 1, 0.68, 1),\n transform 150ms cubic-bezier(0.33, 1, 0.68, 1);\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 gap: var(--m);\n\n body.has-debug-toolbar & {\n padding-bottom: calc(var(--xl) + 42px);\n }\n\n a {\n white-space: nowrap;\n }\n}\n\n#app-info {\n display: flex;\n flex-direction: row;\n justify-content: center;\n gap: var(--m);\n}\n\n#trial-info {\n padding: 16px var(--xl);\n border-radius: var(--large-border-radius);\n background-color: hsl(212, 40%, 90%);\n box-shadow:\n inset 0 1px 0 rgba(255, 255, 255, 0.5),\n 0 0 0 1px hsl(212, 30%, 80%),\n 0 2px 12px transparentize($grey200, 0.5);\n text-align: center;\n}\n\n#app-version {\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 position: relative;\n top: -1px;\n user-select: none;\n border: 1px solid var(--gray-600);\n border-radius: 3px;\n display: inline-flex;\n box-sizing: content-box;\n font-size: 11px;\n padding: 6px 7px;\n line-height: 8px;\n font-weight: 600;\n letter-spacing: 1.7px;\n padding-right: 5px;\n text-transform: uppercase;\n}\n\n#devmode {\n margin-top: auto;\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 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: 6px solid var(--error-color);\n color: var(--error-color);\n\n & > li {\n padding: 10px 24px;\n box-shadow: inset 0 -1px 0 0 var(--red-100);\n\n .resolvable-alert-buttons {\n margin-top: var(--m);\n }\n\n .btn,\n a.go {\n display: inline-flex;\n align-items: center;\n border: 1px solid transparentize($errorColor, 0.5);\n border-radius: var(--medium-border-radius);\n padding: 4px 5px;\n margin: 0 2px;\n color: var(--error-color);\n height: calc(30rem / 16);\n\n .flex & {\n margin: 0;\n }\n\n &:hover {\n border-color: var(--error-color);\n }\n }\n\n a:not(.btn) {\n color: var(--error-color);\n text-decoration: underline;\n\n &.go {\n text-decoration: none;\n white-space: nowrap;\n\n &:after {\n color: var(--error-color);\n font-size: 15px;\n margin-top: 1px;\n }\n }\n }\n\n .btn {\n background-color: transparent;\n }\n }\n}\n\n#global-header .btn.menubtn,\nli.crumb .btn.menubtn,\n.btn.action-btn {\n padding: 0;\n width: var(--touch-target-size);\n height: var(--touch-target-size);\n\n &:not(:hover):not(:active):not([aria-expanded='true']) {\n background-color: transparent;\n }\n}\n\n#global-header {\n width: 100%;\n margin-bottom: var(--m);\n border-bottom: 1px solid var(--hairline-color);\n\n .flex {\n height: calc(44rem / 16);\n align-items: center;\n }\n\n .btn {\n --ui-control-color: var(--gray-400);\n --ui-control-hover-color: var(--gray-800);\n --ui-control-active-color: var(--gray-700);\n\n &:hover {\n color: var(--ui-control-hover-color);\n }\n }\n}\n\n.nav-toggle {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 44px;\n min-width: 44px;\n height: calc(44rem / 16);\n border-right: 1px solid var(--medium-hairline-color);\n line-height: 26px;\n color: currentColor;\n text-align: center;\n\n &:before {\n @include icon;\n content: 'menu';\n font-size: 16px;\n line-height: 0;\n }\n\n &:hover {\n color: var(--link-color);\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 max-width: 100%;\n overflow: hidden;\n\n &.empty {\n display: none;\n }\n\n nav {\n margin: 0;\n }\n}\n\n#primary-nav-toggle {\n &:focus-visible {\n box-shadow: var(--inner-focus-ring);\n }\n}\n\n#crumb-list {\n display: flex;\n flex-direction: row;\n align-items: stretch;\n flex-wrap: nowrap;\n max-width: 100%;\n height: calc(44rem / 16);\n\n --arrow-padding: 10;\n --arrow-height: 22;\n --arrow-angle: 35;\n --arrow-width: 17.1111; // height/(45/angle)\n --arrow-c: 27.871; // sqrt(height^2+width^2)\n\n body.rtl & {\n --arrow-angle: -35;\n --arrow-width: -19.4444;\n }\n\n li.crumb {\n position: relative;\n @include padding-left(calc(var(--arrow-width) * 0.5rem / 16));\n cursor: default;\n color: var(--light-text-color);\n\n &:not(.current) {\n @include padding-right(calc(var(--arrow-width) * 1rem / 16));\n\n &:before,\n &:after {\n display: block;\n content: '';\n width: 1px;\n height: calc(var(--arrow-c) * 1rem / 16);\n position: absolute;\n @include right(calc(var(--arrow-width) * 0.5rem / 16));\n background: var(--medium-hairline-color);\n pointer-events: none;\n }\n\n &:before {\n top: calc((var(--arrow-height) - var(--arrow-c)) / 2 * 1rem / 16);\n transform: rotate(calc(var(--arrow-angle) * -1deg));\n }\n\n &:after {\n bottom: calc((var(--arrow-height) - var(--arrow-c)) / 2 * 1rem / 16);\n transform: rotate(calc(var(--arrow-angle) * 1deg));\n }\n }\n }\n\n & .menu--disclosure {\n li {\n display: block;\n\n &::after {\n content: none;\n }\n }\n }\n}\n\n#crumb-menu-trigger {\n min-width: var(--touch-target-size);\n\n &:before {\n width: 100%;\n }\n}\n\n#crumb-menu {\n .chip {\n min-height: 44px;\n }\n}\n\nli.crumb {\n display: flex;\n align-items: center;\n flex-wrap: nowrap;\n gap: var(--xs);\n\n [data-icon] {\n position: relative;\n top: -1px;\n }\n\n .menubtn {\n position: relative;\n margin: 0 calc(var(--xs) * -1 / 2);\n }\n\n [data-icon='ellipsis']:before {\n margin-top: 3px;\n font-size: 17px;\n }\n\n .chip {\n padding: 0;\n background-color: transparent;\n --custom-bg-color: initial !important;\n --custom-text-color: initial !important;\n --custom-sel-bg-color: initial !important;\n\n .label-link {\n max-width: 15em;\n\n &:focus-visible {\n box-shadow: var(--inner-focus-ring);\n }\n\n span:not(.context-label) {\n display: block;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n }\n\n &:has(.menubtn) > a {\n margin-right: 0 !important;\n padding-right: var(--xs) !important;\n }\n\n & > a {\n flex: 1;\n display: flex !important;\n align-items: center;\n flex-wrap: nowrap;\n gap: var(--xs);\n white-space: nowrap;\n\n .menu--disclosure & {\n min-height: 34px;\n }\n }\n\n a,\n button {\n display: inline-flex;\n align-items: center;\n min-height: var(--touch-target-size);\n\n &:not(:hover) {\n color: var(--text-color);\n }\n\n &:hover {\n text-decoration: none;\n }\n }\n\n a {\n position: relative;\n }\n\n button {\n cursor: pointer;\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: calc(28rem / 16 + 10px);\n position: relative;\n\n &.unread:after {\n content: '';\n display: block;\n position: absolute;\n top: calc(3rem / 16);\n @include right(5px);\n width: calc(7rem / 16);\n height: calc(7rem / 16);\n border-radius: 50%;\n background-color: var(--blue-600);\n }\n\n svg {\n width: 1rem;\n height: 1rem;\n @include svg-mask(var(--ui-control-color));\n }\n\n &:hover,\n &:active,\n &.active {\n svg {\n @include svg-mask(var(--ui-control-active-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 &.unread .announcement__heading: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 .announcement__header {\n display: grid;\n }\n\n .announcement__heading {\n position: relative;\n margin: 0 0 3px;\n order: 1;\n }\n}\n\n#user-info {\n display: flex;\n flex-direction: row;\n align-items: center;\n @include padding-left(var(--s));\n @include padding-right(calc(var(--padding) + 1px));\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 img,\n svg {\n display: block;\n width: calc(30rem / 16);\n height: calc(30rem / 16);\n max-width: none;\n border-radius: 50%;\n box-shadow:\n 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:\n 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#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 body.has-debug-toolbar & {\n bottom: 50px;\n }\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:\n 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 word-break: normal;\n overflow-wrap: anywhere;\n }\n\n .notification-details {\n margin-top: var(--xs);\n\n .chip {\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@media only screen and (min-width: $minFullUiWidth) {\n #primary-nav-toggle {\n display: none;\n }\n\n #crumbs:not(.empty) #primary-nav-toggle + nav ul li:first-child,\n #crumbs.empty + .context-menu-container {\n @include margin-left(var(--padding));\n @include padding-left(0);\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: 5px var(--padding);\n position: relative;\n z-index: 2;\n box-sizing: border-box;\n background-color: transparentize($grey300, 1);\n box-shadow: 0 1px 0 transparentize($grey800, 1);\n transition:\n background-color linear 100ms,\n 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: 0 1px 0 transparentize($grey700, 0.9);\n }\n\n @supports (backdrop-filter: blur(10px)) {\n & {\n transition:\n background-color linear 100ms,\n 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 justify-content: space-between;\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 .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#action-buttons {\n @media only screen and (max-width: 400px) {\n .btngroup .btn:first-child {\n flex-basis: 100%;\n }\n }\n\n @media only screen and (max-width: $minHorizontalUiWidth - calc(1rem/16)) {\n margin-top: 10px;\n }\n}\n\n#main-content {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n padding: 0 var(--padding) 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 position: relative;\n box-sizing: border-box;\n padding: 0 31px var(--m);\n width: $sidebarWidth;\n background-color: transparent;\n\n &.fixed {\n position: fixed;\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\n &:not(.sel) {\n &:hover {\n background-color: var(--gray-200);\n }\n }\n }\n }\n }\n}\n\n#content-container {\n flex: 1 1 auto;\n /*\n Admittedly I'm not totally sure why this is necessary, but it seems to be.\n We have to give #content-container some kind of \"hard\" width for it to properly\n clip the content when table cells are long.\n */\n width: 400px;\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) var(--padding);\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.footer {\n padding: 6px var(--pane-padding, var(--xl));\n min-height: 44px;\n line-height: calc(32rem / 16);\n\n .buttons {\n height: 32px;\n display: flex;\n align-items: center;\n }\n\n .btn {\n padding-top: 4px;\n padding-bottom: 4px;\n height: var(--ui-control-height--small);\n }\n}\n\n#footer {\n position: sticky;\n bottom: 0;\n z-index: 1;\n margin: calc(var(--xl) + 1px) calc(var(--padding) * -1 + 2px)\n calc(var(--xl) * -1 + 2px);\n background-color: var(--gray-050);\n border-radius: var(--small-border-radius);\n box-sizing: border-box;\n\n &:empty {\n display: none;\n }\n\n &.stuck {\n border-radius: 0;\n\n @supports (backdrop-filter: blur(10px)) {\n & {\n background-color: transparentize($grey100, 0.25);\n backdrop-filter: blur(10px);\n }\n }\n }\n\n .has-debug-toolbar & {\n transition: padding linear 100ms;\n\n &.stuck {\n padding-bottom: 52px;\n }\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 z-index: 1;\n\n &.fixed {\n position: fixed;\n }\n\n .details {\n padding-bottom: calc(var(--xl) + 11.5em);\n\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\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\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: var(--large-border-radius);\n padding-top: var(--m);\n padding-bottom: var(--m);\n }\n }\n}\n\n// Hide the sidebar at < 1200\n@media only screen and (max-width: $minFullUiWidth - calc(1rem/16)) {\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 - calc(1rem/16)) {\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 .details {\n margin-bottom: auto;\n }\n }\n}\n\n// Tighten up the padding at < 768\n@media only screen and (max-width: 767px) {\n :root {\n --padding: var(--s);\n --neg-padding: calc(var(--s) * -1);\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 .card-grid {\n display: flex !important;\n flex-direction: column;\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: 0 var(--xl);\n\n &:not(:first-child) {\n margin-top: var(--m);\n }\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 & > ul {\n margin: 2px calc(var(--xl) * -1);\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 {\n & > li:not(.heading),\n & > li.heading > ul > li {\n @include nav-level(0);\n\n & > ul.nested > li {\n @include nav-level(1);\n\n & > ul.nested > li {\n @include nav-level(2);\n\n & > ul.nested > li {\n @include nav-level(3);\n\n & > ul.nested > li {\n @include nav-level(4);\n }\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 }\n\n &.sel,\n &.active-drop-target {\n cursor: default;\n background-color: var(--gray-500);\n\n &,\n & + .toggle {\n color: var(--white);\n }\n }\n\n &.sel {\n @include light-on-dark-text;\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 position: relative;\n top: 1px;\n @include margin-right(10px);\n flex-shrink: 1;\n width: toRem(18);\n height: toRem(18);\n word-break: normal;\n transition:\n margin-left linear 150ms,\n 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: 1rem;\n height: 1rem;\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: calc(11rem / 16);\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 &.heading,\n &.expanded {\n & > ul {\n display: block;\n }\n }\n }\n }\n}\n\n.error-summary {\n margin-bottom: var(--l);\n padding: var(--l) var(--xl) var(--xl);\n box-sizing: border-box;\n box-shadow:\n 0 0 0 1px #cdd8e4,\n 0 2px 12px rgba(205, 216, 228, 0.5);\n border-radius: var(--large-border-radius);\n background-color: var(--gray-050);\n\n .notification-icon {\n color: var(--error-color);\n margin: -2px 6px 0 0;\n float: left;\n }\n\n h2 {\n margin-top: var(--xs);\n }\n\n & > ul.errors li,\n & > ul.errors li a {\n color: var(--text-color);\n\n em {\n font-weight: 600;\n }\n\n &:hover {\n color: var(--link-color);\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.draghelper .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(:nth-child(-n + 1 of :not(.hidden))) {\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.draghelper.drag-in-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 - calc(1rem/16)) {\n &.width-25,\n &.width-50 {\n width: 50%;\n }\n }\n }\n }\n}\n\n.so-content .flex-fields,\n.draghelper.drag-in-slideout .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",".global-sidebar {\n --is-always-visible: true;\n --prefix-width: calc(30rem / 16);\n --prefix-ratio: 1;\n --gutter-width: calc(10rem / 16); // Left and right padding\n\n position: sticky;\n top: 0;\n z-index: $sidebarZIndex;\n display: flex;\n flex-direction: column;\n height: 100vh;\n padding: 0;\n -webkit-overflow-scrolling: touch;\n background-color: transparent;\n border-right: 1px solid var(--hairline-color);\n width: var(--global-sidebar-width);\n\n a {\n text-decoration: none;\n }\n\n & > a,\n *:not(.has-subnav) > a {\n &:not([href]) {\n cursor: default;\n background-color: transparent;\n }\n }\n\n @media only screen and (max-width: $minFullUiWidth - calc(1rem/16)) {\n --is-always-visible: false;\n }\n}\n\n.global-sidebar__nav {\n padding: var(--s) 0;\n}\n\n.global-sidebar__footer {\n margin-block-start: auto;\n display: grid;\n gap: var(--s);\n}\n\n.global-nav > ul {\n display: flex;\n flex-direction: column;\n gap: var(--s);\n}\n\n.global-nav > ul > li {\n position: relative;\n}\n\n.global-nav > ul > li.sel {\n}\n\n.nav-icon {\n display: inline-flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 1rem;\n aspect-ratio: 1;\n line-height: 0;\n\n --thumb-size: 1rem;\n\n > svg {\n @include svg-mask(currentColor);\n width: 100%;\n height: 100%;\n }\n}\n\n.nav-item {\n --gutter-width: calc(10rem / 16);\n display: grid;\n grid-template-columns: var(--gutter-width) 1fr var(--prefix-width) var(\n --gutter-width\n );\n grid-template-areas: '. action trigger .' 'subnav subnav subnav subnav';\n align-items: center;\n width: 100%;\n\n > .sidebar-action {\n grid-area: action;\n }\n\n [data-sidebar='collapsed'] & {\n grid-template-areas: '. action .' '. trigger .' 'subnav subnav subnav';\n grid-template-columns: var(--gutter-width) var(--prefix-width) var(\n --gutter-width\n );\n }\n}\n\n.nav-item__trigger {\n --icon-size: 10px;\n --trigger-size: var(--touch-target-size);\n grid-area: trigger;\n display: flex;\n z-index: 1;\n\n .menubtn {\n padding: 0;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: var(--trigger-size);\n height: var(--trigger-size);\n border: transparent;\n\n &:hover {\n background-color: var(--ui-control-bg-color);\n }\n\n &[aria-expanded='true']:not(:hover) {\n background-color: transparent;\n }\n\n &[aria-expanded='true']:after {\n @include angle(up);\n }\n\n &:after {\n margin-left: 0 !important;\n }\n }\n}\n\n.nav-item__subnav {\n --prefix-ratio: 4/3;\n @include visually-hidden;\n grid-area: subnav;\n\n &.is-open {\n @include not-visually-hidden;\n }\n}\n\n.badge {\n display: inline-flex;\n justify-content: center;\n text-align: center;\n flex-shrink: 1;\n font-size: 11px;\n line-height: 1rem;\n width: 1.1rem;\n height: 1rem;\n border-radius: var(--s);\n background-color: var(--medium-text-color);\n color: var(--white);\n}\n\n.sidebar-actions {\n padding: 10px var(--gutter-width); // match padding of #system-info\n}\n\n.sidebar-action {\n --thumb-size: 0.75rem;\n display: flex;\n width: 100%;\n align-items: center;\n position: relative;\n text-align: left;\n border-radius: var(--medium-border-radius);\n color: currentColor;\n cursor: pointer;\n gap: 7px; // magic number to align with system name\n min-height: 30px;\n\n &:before {\n content: '';\n position: absolute;\n left: calc((10rem / 16) * -1); // match #system-name\n top: 50%;\n height: 80%;\n transform: translateY(-50%);\n width: var(--xs);\n }\n\n &:focus-visible,\n &:hover {\n background-color: var(--gray-200);\n }\n\n &.sel {\n &:before {\n --indicator-size: 6px;\n background-color: currentColor;\n }\n }\n}\n\n.sidebar-action--sub {\n --indicator-size: 4px;\n font-size: 0.9em;\n min-height: 26px;\n\n &:before {\n width: var(--indicator-size);\n height: var(--indicator-size);\n border-radius: 100%;\n left: calc((30px / 2) - (var(--indicator-size) / 2));\n top: 50%;\n background-color: var(--gray-300);\n }\n}\n\n.sidebar-action--job {\n align-items: flex-start;\n\n .sidebar-action__label {\n padding-block: var(--xs);\n }\n\n &[href]:hover {\n background-color: transparent;\n\n .icon > span.icon > canvas#job-icon-hover {\n opacity: 1;\n }\n }\n\n .label {\n white-space: normal;\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 .nav-icon {\n display: block;\n position: relative;\n width: 16px;\n height: 16px;\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\n.sidebar-action__prefix {\n display: flex;\n align-items: center;\n justify-content: center;\n width: var(--prefix-width);\n aspect-ratio: var(--prefix-ratio);\n line-height: 0;\n flex-shrink: 0;\n}\n\n.sidebar-action__label {\n display: inline-flex;\n gap: var(--s);\n align-items: center;\n padding: 0 var(--xs);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n flex-grow: 1;\n}\n\n.sidebar-action__badge {\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: 0 var(--s);\n margin-left: auto;\n}\n\n/**\nStates\n */\n@media only screen and (min-width: $minFullUiWidth) {\n [data-sidebar='collapsed'] {\n .global-sidebar {\n --global-sidebar-width: calc(50rem / 16);\n }\n\n .nav-item__indicator {\n right: -1px;\n }\n\n .sidebar-action {\n width: var(--prefix-width);\n min-height: var(--prefix-width);\n\n &:focus-visible,\n &:hover {\n .sidebar-action__label {\n opacity: 1;\n transform: translateY(-50%) translateX(0);\n }\n }\n }\n\n .nav-item__trigger {\n .menubtn {\n width: 100%;\n height: auto;\n padding-block: 2px var(--xs);\n }\n }\n\n .sidebar-action__label {\n position: absolute;\n z-index: 10;\n left: calc(100% + (var(--xs) * 2));\n top: 50%;\n transform: translateY(-50%) translateX(-5px);\n opacity: 0;\n @include pane;\n color: var(--text-color);\n border-radius: var(--medium-border-radius);\n padding: var(--xs) var(--s);\n pointer-events: none;\n\n @media screen and (prefers-reduced-motion: no-preference) {\n transition:\n opacity 50ms cubic-bezier(0.33, 1, 0.68, 1),\n transform 150ms cubic-bezier(0.33, 1, 0.68, 1);\n }\n }\n\n .sidebar-action__badge {\n z-index: 100;\n position: absolute;\n right: calc(var(--xs) * -1);\n bottom: var(--xs);\n transform: translateY(25%);\n padding: 0;\n }\n\n .sidebar-action--sub {\n min-height: 26px;\n\n &:before {\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n }\n }\n\n .global-nav > ul > li + li {\n --separator-width: calc(28rem / 16);\n\n &:before {\n position: absolute;\n top: calc(var(--s) / -2);\n left: calc((var(--global-sidebar-width) - var(--separator-width)) / 2);\n content: '';\n width: var(--separator-width);\n height: 1px;\n margin: 0 auto;\n background-color: var(--hairline-color);\n }\n }\n }\n\n [data-sidebar='expanded'] {\n #sidebar-toggle-icon {\n transform: rotate(180deg);\n }\n }\n}\n\n#sidebar-trigger {\n display: none;\n\n @media only screen and (min-width: $minFullUiWidth) {\n display: flex;\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: 5px 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: #{44 + 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 .matrixblock > .fields > .flex-fields > .field > .status-badge {\n @include left(calc(var(--m) * -1));\n }\n }\n\n .lp-draghandle {\n position: absolute;\n z-index: 101;\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: 44px;\n }\n }\n\n .lp-device-type {\n .btn {\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-btn--phone::before {\n background-image: url(../images/preview/icon-phone.svg);\n }\n &.lp-device-type-btn--tablet::before {\n background-image: url(../images/preview/icon-tablet.svg);\n }\n &.lp-device-type-btn--desktop::before {\n background-image: url(../images/preview/icon-desktop.svg);\n }\n }\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-preview-container__bumper-link {\n top: unset;\n bottom: 0;\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% - 44px);\n width: 100%;\n background-color: var(--gray-100);\n\n @supports (backdrop-filter: blur(10px)) {\n top: 44px;\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:\n top center,\n 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 '../../../../../../node_modules/@craftcms/sass/mixins';\n\n.login-container {\n .login-form-container {\n background-color: var(--gray-050);\n }\n\n .login-form {\n input[readonly] {\n cursor: not-allowed;\n }\n\n & > .field,\n & > .btn {\n margin-top: var(--l);\n\n &:not(:last-child):not(.last) {\n margin-bottom: var(--l);\n }\n }\n\n .btn {\n display: flex;\n }\n }\n\n .alternative-login-methods {\n margin-top: var(--m);\n\n .btn {\n width: 100%;\n }\n }\n\n .login-forgot-password,\n .login-alt-container button {\n font-size: 11px;\n color: var(--medium-text-color);\n cursor: pointer !important;\n }\n\n .login-alt-container {\n margin: calc(var(--s) - var(--xl)) 0;\n\n button {\n display: inline-flex;\n background-color: transparent;\n padding: 0;\n width: auto;\n height: auto;\n min-height: var(--touch-target-size);\n }\n }\n\n .login-forgot-password:hover,\n .login-forgot-password:focus,\n .login-alt-container button:hover,\n .login-alt-container button:focus {\n color: var(--link-color);\n }\n\n .login-errors {\n text-align: center;\n color: var(--error-color);\n margin-top: 1em;\n }\n}\n\n.login-alt-menu {\n z-index: 1001;\n}\n\nbody.login {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n min-height: 100%;\n\n main {\n padding: var(--padding);\n width: calc(300px + var(--padding) * 2);\n max-width: 100%;\n\n h1 {\n text-align: center;\n font-size: 32px;\n line-height: 40px;\n word-wrap: break-word;\n\n #login-logo {\n width: 100%;\n height: auto;\n max-height: 300px;\n }\n }\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 &:hover,\n &:focus,\n &:active {\n opacity: 1;\n }\n\n > svg {\n display: inline-block;\n }\n }\n}\n\n.modal.email-sent {\n width: 300px;\n\n .body {\n @include padding-left(68px);\n\n &: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 }\n}\n\n.login-modal {\n width: calc(600px + var(--l) * 2);\n max-width: calc(100% - 20px);\n background: var(--gray-100);\n border-radius: var(--large-border-radius);\n\n .body {\n display: flex;\n flex-direction: row;\n padding: var(--l);\n\n .login-modal-intro,\n .login-modal-form {\n width: 300px;\n max-width: 100%;\n }\n\n .login-modal-intro {\n padding: var(--m);\n }\n }\n\n @media screen and (max-width: 656px) {\n border-radius: var(--large-border-radius);\n\n .body {\n padding: var(--m);\n flex-direction: column;\n gap: var(--m);\n overflow: auto;\n\n .login-modal-intro {\n padding: var(--xs) var(--xl);\n }\n\n .login-modal-form {\n border-radius: 0;\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$red050: #fef2f2;\n$red100: #fee2e2;\n$red200: #fecaca;\n$red300: #fca5a5;\n$red400: #f87171;\n$red500: #ef4444;\n$red600: #dc2626;\n$red700: #b91c1c;\n$red800: #991b1b;\n$red900: #7f1d1d;\n\n$orange050: #fff7ed;\n$orange100: #ffedd5;\n$orange200: #fed7aa;\n$orange300: #fdba74;\n$orange400: #fb923c;\n$orange500: #f97316;\n$orange600: #ea580c;\n$orange700: #c2410c;\n$orange800: #9a3412;\n$orange900: #7c2d12;\n\n$yellow050: #fefce8;\n$yellow100: #fef9c3;\n$yellow200: #fef08a;\n$yellow300: #fde047;\n$yellow400: #facc15;\n$yellow500: #eab308;\n$yellow600: #ca8a04;\n$yellow700: #a16207;\n$yellow800: #854d0e;\n$yellow900: #713f12;\n\n$green050: #f0fdf4;\n$green100: #dcfce7;\n$green200: #bbf7d0;\n$green300: #86efac;\n$green400: #4ade80;\n$green500: #22c55e;\n$green600: #16a34a;\n$green700: #15803d;\n$green800: #166534;\n$green900: #14532d;\n\n$teal050: #f0fdfa;\n$teal100: #ccfbf1;\n$teal200: #99f6e4;\n$teal300: #5eead4;\n$teal400: #2dd4bf;\n$teal500: #14b8a6;\n$teal550: #11a697;\n$teal600: #0d9488;\n$teal700: #0f766e;\n$teal800: #115e59;\n$teal900: #134e4a;\n\n$cyan050: #ecfeff;\n$cyan100: #cffafe;\n$cyan200: #a5f3fc;\n$cyan300: #67e8f9;\n$cyan400: #22d3ee;\n$cyan500: #06b6d4;\n$cyan600: #0891b2;\n$cyan700: #0e7490;\n$cyan800: #155e75;\n$cyan900: #164e63;\n\n$blue050: #eff6ff;\n$blue100: #dbeafe;\n$blue200: #bfdbfe;\n$blue300: #93c5fd;\n$blue400: #60a5fa;\n$blue500: #3b82f6;\n$blue600: #2563eb;\n$blue700: #1d4ed8;\n$blue800: #1e40af;\n$blue900: #1e3a8a;\n\n$violet050: #f5f3ff;\n$violet100: #ede9fe;\n$violet200: #ddd6fe;\n$violet300: #c4b5fd;\n$violet400: #a78bfa;\n$violet500: #8b5cf6;\n$violet600: #7c3aed;\n$violet700: #6d28d9;\n$violet800: #5b21b6;\n$violet900: #4c1d95;\n\n$pink050: #fdf2f8;\n$pink100: #fce7f3;\n$pink200: #fbcfe8;\n$pink300: #f9a8d4;\n$pink400: #f472b6;\n$pink500: #ec4899;\n$pink600: #db2777;\n$pink700: #be185d;\n$pink800: #9d174d;\n$pink900: #831843;\n\n// submit button colors\n$primaryColor: $red600;\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: #1f5fea;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $textColor;\n$menuOptionActiveBackgroundColor: $grey050;\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:\n 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing:\n 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing:\n 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey500;\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\n@mixin sans-serif-font {\n font-family:\n system-ui,\n BlinkMacSystemFont,\n -apple-system,\n 'Segoe UI',\n 'Roboto',\n 'Oxygen',\n 'Ubuntu',\n 'Cantarell',\n 'Fira Sans',\n 'Droid Sans',\n 'Helvetica Neue',\n 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: never;\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\n@mixin angle($dir: down, $color: currentColor, $width: calc(2rem / 16)) {\n display: block;\n content: '';\n font-size: 0;\n width: calc(7rem / 16);\n height: calc(7rem / 16);\n border: solid $color;\n border-width: 0 $width $width 0;\n opacity: 0.8;\n position: relative;\n\n @if $dir == up {\n transform: rotate(225deg);\n top: 2px;\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:\n 0 0 0 1px $grey200,\n 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) !important;\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 custom-color-focus-ring($primary, $secondary: null) {\n @if $secondary != null {\n --focus-ring: 0 0 0 1px #{$primary}, 0 0 0 3px #{$secondary};\n } @else {\n --focus-ring: 0 0 0 3px #{$primary};\n }\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: calc(30rem / 16);\n height: calc(30rem / 16);\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:\n 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-item-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-item-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 color: var(--ui-control-color);\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// https://tailwindcss.com/docs/screen-readers#undoing-screen-reader-only-elements\n@mixin visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n\n@mixin not-visually-hidden {\n position: static;\n width: auto;\n height: auto;\n padding: 0;\n margin: 0;\n overflow: visible;\n clip: auto;\n white-space: normal;\n}\n\n@mixin readable {\n font-size: 16px;\n line-height: 22px;\n\n h1,\n .h1,\n h2,\n .h2,\n h3,\n .h3,\n h4,\n .h4,\n h5,\n .h5,\n h6,\n .h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1,\n .h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2,\n .h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3,\n .h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4,\n .h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5,\n .h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6,\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 .tip-dismiss-btn {\n position: absolute;\n top: 12px;\n @include right(12px);\n\n & + p {\n margin-top: 0;\n }\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(50px);\n border: 1px solid;\n\n &.dismissible {\n @include padding-right(36px);\n }\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: $linkColor;\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 opacity: 1;\n position: absolute;\n top: 15px;\n @include left(16px);\n font-size: 24px;\n width: 24px;\n }\n\n a[href] {\n color: currentColor;\n text-decoration: underline;\n }\n }\n }\n\n .go:after {\n font-size: 14px;\n }\n}\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(\n 45deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 135deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 45deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n ),\n linear-gradient(\n 135deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n );\n background-size: $size $size;\n background-position:\n 0 0,\n $halfSize 0,\n $halfSize -#{$halfSize},\n 0 $halfSize;\n}\n","@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\n$base: 24px;\n$tabPadding: 14px;\n$tabWidth: $base * 11;\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 display: flex;\n flex-direction: column;\n\n .btngroup {\n margin-bottom: $tabPadding;\n }\n\n .fld-field-library {\n margin: -3px;\n padding: 3px;\n flex: 1;\n min-height: 0;\n overflow: auto;\n\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:\n 0 0 0 1px transparentize($grey900, 0.9),\n 0 2px 5px -2px transparentize($grey900, 0.8);\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 gap: var(--xs);\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-element {\n position: relative;\n display: flex;\n align-items: center;\n padding: var(--s);\n gap: var(--s);\n box-shadow: inset 0 0 0 1px var(--hairline-color);\n border-radius: var(--medium-border-radius);\n background-color: 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 background-color: var(--gray-100);\n\n &:not(.draghelper) {\n box-shadow: none;\n }\n\n .field-name {\n display: flex;\n flex-direction: column;\n gap: var(--xs);\n }\n }\n\n .fld-element-icon {\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\n.fld-hr,\n.fld-br {\n position: relative;\n flex: 1;\n display: flex;\n justify-content: center;\n\n &:before {\n position: absolute;\n display: block;\n top: calc(50% - 2px);\n left: 0;\n width: 100%;\n height: 4px;\n content: '';\n font-size: 0;\n border-radius: 2px;\n }\n\n .smalltext {\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: var(--gray-100);\n border-radius: var(--large-border-radius);\n padding: 0 var(--s);\n height: var(--touch-target-size);\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-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 body.has-debug-toolbar & {\n padding-bottom: calc(8px + 42px);\n }\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(calc(1rem + 5px));\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","@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 aaa97fe57e0..991cfbccbaf 100644 --- a/src/web/assets/cp/src/css/_cp.scss +++ b/src/web/assets/cp/src/css/_cp.scss @@ -1,11 +1,11 @@ @charset "UTF-8"; @import '@craftcms/sass/mixins'; -$sidebarWidth: 226px; +$sidebarWidth: calc(226rem / 16); $sidebarZIndex: 100; $detailsWidth: 350px; -$minFullUiWidth: 1200px; -$minXlUiWidth: 1536px; +$minFullUiWidth: calc(1200rem / 16); +$minXlUiWidth: calc(1536rem / 16); $minDesktopWidth: 600px; $minHorizontalUiWidth: $minFullUiWidth - $sidebarWidth; @@ -946,7 +946,7 @@ li.breadcrumb-toggle-wrapper { } } - @media only screen and (max-width: $minHorizontalUiWidth - 1px) { + @media only screen and (max-width: $minHorizontalUiWidth - calc(1rem/16)) { margin-top: 10px; } } @@ -1171,7 +1171,7 @@ li.breadcrumb-toggle-wrapper { } // Hide the sidebar at < 1200 -@media only screen and (max-width: $minFullUiWidth - 1px) { +@media only screen and (max-width: $minFullUiWidth - calc(1rem/16)) { #global-container { @include left(-$sidebarWidth); width: calc(100vw + #{$sidebarWidth}); @@ -1199,7 +1199,7 @@ li.breadcrumb-toggle-wrapper { } // Rearrange #main-content to flow vertically at < 999 -@media only screen and (max-width: $minHorizontalUiWidth - 1px) { +@media only screen and (max-width: $minHorizontalUiWidth - calc(1rem/16)) { #header { display: block; @@ -1668,7 +1668,7 @@ li.breadcrumb-toggle-wrapper { } // 2 cols for 600 - 1535px - @media only screen and (min-width: $minDesktopWidth) and (max-width: $minXlUiWidth - 1px) { + @media only screen and (min-width: $minDesktopWidth) and (max-width: $minXlUiWidth - calc(1rem/16)) { &.width-25, &.width-50 { width: 50%; diff --git a/src/web/assets/cp/src/css/_global-sidebar.scss b/src/web/assets/cp/src/css/_global-sidebar.scss index a257644eefa..bb2ab248d56 100644 --- a/src/web/assets/cp/src/css/_global-sidebar.scss +++ b/src/web/assets/cp/src/css/_global-sidebar.scss @@ -28,7 +28,7 @@ } } - @media only screen and (max-width: $minFullUiWidth - 1px) { + @media only screen and (max-width: $minFullUiWidth - calc(1rem/16)) { --is-always-visible: false; } } From dd912ec3e269d46e78af6c7c5c44599a4372f726 Mon Sep 17 00:00:00 2001 From: Lupe Camacho Date: Fri, 9 Feb 2024 14:45:10 -0800 Subject: [PATCH 03/71] Make other breakpoint use rem as well --- src/web/assets/cp/src/css/_cp.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/web/assets/cp/src/css/_cp.scss b/src/web/assets/cp/src/css/_cp.scss index 991cfbccbaf..4ae793ea5b8 100644 --- a/src/web/assets/cp/src/css/_cp.scss +++ b/src/web/assets/cp/src/css/_cp.scss @@ -6,7 +6,7 @@ $sidebarZIndex: 100; $detailsWidth: 350px; $minFullUiWidth: calc(1200rem / 16); $minXlUiWidth: calc(1536rem / 16); -$minDesktopWidth: 600px; +$minDesktopWidth: calc(600rem / 16); $minHorizontalUiWidth: $minFullUiWidth - $sidebarWidth; // Colors From f62e9cb37222490c8302a74b789161c2f00b3488 Mon Sep 17 00:00:00 2001 From: Brian Hanson Date: Tue, 13 Feb 2024 14:08:51 -0600 Subject: [PATCH 04/71] Make sure nav items show when zoomed --- src/web/assets/cp/src/css/_global-sidebar.scss | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/src/web/assets/cp/src/css/_global-sidebar.scss b/src/web/assets/cp/src/css/_global-sidebar.scss index bb2ab248d56..60204f09c22 100644 --- a/src/web/assets/cp/src/css/_global-sidebar.scss +++ b/src/web/assets/cp/src/css/_global-sidebar.scss @@ -87,13 +87,6 @@ > .sidebar-action { grid-area: action; } - - [data-sidebar='collapsed'] & { - grid-template-areas: '. action .' '. trigger .' 'subnav subnav subnav'; - grid-template-columns: var(--gutter-width) var(--prefix-width) var( - --gutter-width - ); - } } .nav-item__trigger { @@ -292,6 +285,13 @@ States --global-sidebar-width: calc(50rem / 16); } + .nav-item { + grid-template-areas: '. action .' '. trigger .' 'subnav subnav subnav'; + grid-template-columns: var(--gutter-width) var(--prefix-width) var( + --gutter-width + ); + } + .nav-item__indicator { right: -1px; } From 169e6b615ddc54822cf6046bd3f589140bc9ab80 Mon Sep 17 00:00:00 2001 From: Brian Hanson Date: Tue, 13 Feb 2024 14:22:51 -0600 Subject: [PATCH 05/71] Build --- src/web/assets/cp/dist/css/cp.css | 2 +- src/web/assets/cp/dist/css/cp.css.map | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/src/web/assets/cp/dist/css/cp.css b/src/web/assets/cp/dist/css/cp.css index b427bf73386..ec2eb70c3e0 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-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%;--gray-050:hsl(var(--gray-050-hsl));--gray-100:hsl(var(--gray-100-hsl));--gray-200:hsl(var(--gray-200-hsl));--gray-300:hsl(var(--gray-300-hsl));--gray-350:hsl(var(--gray-350-hsl));--gray-400:hsl(var(--gray-400-hsl));--gray-500:hsl(var(--gray-500-hsl));--gray-550:hsl(var(--gray-550-hsl));--gray-600:hsl(var(--gray-600-hsl));--gray-700:hsl(var(--gray-700-hsl));--gray-800:hsl(var(--gray-800-hsl));--gray-900:hsl(var(--gray-900-hsl));--gray-1000:hsl(var(--gray-1000-hsl));--red-050:#fef2f2;--red-100:#fee2e2;--red-200:#fecaca;--red-300:#fca5a5;--red-400:#f87171;--red-500:#ef4444;--red-600:#dc2626;--red-700:#b91c1c;--red-800:#991b1b;--red-900:#7f1d1d;--red-950:#450a0a;--orange-050:#fff7ed;--orange-100:#ffedd5;--orange-200:#fed7aa;--orange-300:#fdba74;--orange-400:#fb923c;--orange-500:#f97316;--orange-600:#ea580c;--orange-700:#c2410c;--orange-800:#9a3412;--orange-900:#7c2d12;--orange-950:#431407;--amber-050:#fffbeb;--amber-100:#fef3c7;--amber-200:#fde68a;--amber-300:#fcd34d;--amber-400:#fbbf24;--amber-500:#f59e0b;--amber-600:#d97706;--amber-700:#b45309;--amber-800:#92400e;--amber-900:#78350f;--amber-950:#451a03;--yellow-050:#fefce8;--yellow-100:#fef9c3;--yellow-200:#fef08a;--yellow-300:#fde047;--yellow-400:#facc15;--yellow-500:#eab308;--yellow-600:#ca8a04;--yellow-700:#a16207;--yellow-750:#93580b;--yellow-800:#854d0e;--yellow-900:#713f12;--yellow-950:#422006;--lime-050:#f7fee7;--lime-100:#ecfccb;--lime-200:#d9f99d;--lime-300:#bef264;--lime-400:#a3e635;--lime-500:#84cc16;--lime-600:#65a30d;--lime-700:#4d7c0f;--lime-800:#3f6212;--lime-900:#365314;--lime-950:#1a2e05;--green-050:#f0fdf4;--green-100:#dcfce7;--green-200:#bbf7d0;--green-300:#86efac;--green-400:#4ade80;--green-500:#22c55e;--green-600:#16a34a;--green-700:#15803d;--green-800:#166534;--green-900:#14532d;--green-950:#052e16;--emerald-050:#ecfdf5;--emerald-100:#d1fae5;--emerald-200:#a7f3d0;--emerald-300:#6ee7b7;--emerald-400:#34d399;--emerald-500:#10b981;--emerald-600:#059669;--emerald-700:#047857;--emerald-800:#065f46;--emerald-900:#064e3b;--emerald-950:#022c22;--teal-050:#f0fdfa;--teal-100:#ccfbf1;--teal-200:#99f6e4;--teal-300:#5eead4;--teal-400:#2dd4bf;--teal-500:#14b8a6;--teal-550:#11a697;--teal-600:#0d9488;--teal-700:#0f766e;--teal-800:#115e59;--teal-900:#134e4a;--teal-950:#042f2e;--cyan-050:#ecfeff;--cyan-100:#cffafe;--cyan-200:#a5f3fc;--cyan-300:#67e8f9;--cyan-400:#22d3ee;--cyan-500:#06b6d4;--cyan-600:#0891b2;--cyan-700:#0e7490;--cyan-800:#155e75;--cyan-900:#164e63;--cyan-950:#083344;--sky-050:#f0f9ff;--sky-100:#e0f2fe;--sky-200:#bae6fd;--sky-300:#7dd3fc;--sky-400:#38bdf8;--sky-500:#0ea5e9;--sky-600:#0284c7;--sky-700:#0369a1;--sky-800:#075985;--sky-900:#0c4a6e;--sky-950:#082f49;--blue-050:#eff6ff;--blue-100:#dbeafe;--blue-200:#bfdbfe;--blue-300:#93c5fd;--blue-400:#60a5fa;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-700:#1d4ed8;--blue-800:#1e40af;--blue-900:#1e3a8a;--blue-950:#172554;--indigo-050:#eef2ff;--indigo-100:#e0e7ff;--indigo-200:#c7d2fe;--indigo-300:#a5b4fc;--indigo-400:#818cf8;--indigo-500:#6366f1;--indigo-600:#4f46e5;--indigo-700:#4338ca;--indigo-800:#3730a3;--indigo-900:#312e81;--indigo-950:#1e1b4b;--violet-050:#f5f3ff;--violet-100:#ede9fe;--violet-200:#ddd6fe;--violet-300:#c4b5fd;--violet-400:#a78bfa;--violet-500:#8b5cf6;--violet-600:#7c3aed;--violet-700:#6d28d9;--violet-800:#5b21b6;--violet-900:#4c1d95;--violet-950:#2e1065;--purple-050:#faf5ff;--purple-100:#f3e8ff;--purple-200:#e9d5ff;--purple-300:#d8b4fe;--purple-400:#c084fc;--purple-500:#a855f7;--purple-600:#9333ea;--purple-700:#7e22ce;--purple-800:#6b21a8;--purple-900:#581c87;--purple-950:#3b0764;--fuchsia-050:#fdf4ff;--fuchsia-100:#fae8ff;--fuchsia-200:#f5d0fe;--fuchsia-300:#f0abfc;--fuchsia-400:#e879f9;--fuchsia-500:#d946ef;--fuchsia-600:#c026d3;--fuchsia-700:#a21caf;--fuchsia-800:#86198f;--fuchsia-900:#701a75;--fuchsia-950:#4a044e;--pink-050:#fdf2f8;--pink-100:#fce7f3;--pink-200:#fbcfe8;--pink-300:#f9a8d4;--pink-400:#f472b6;--pink-500:#ec4899;--pink-600:#db2777;--pink-700:#be185d;--pink-800:#9d174d;--pink-900:#831843;--pink-950:#500724;--rose-050:#fff1f2;--rose-100:#ffe4e6;--rose-200:#fecdd3;--rose-300:#fda4af;--rose-400:#fb7185;--rose-500:#f43f5e;--rose-600:#e11d48;--rose-700:#be123c;--rose-800:#9f1239;--rose-900:#881337;--rose-950:#4c0519;--bg-color:$grey100;--bg-color-hsl:212deg,50%,93%;--primary-color:var(--red-600);--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:#1f5fea;--font-weight-bold:700;--hairline-color:rgba(51,64,77,.1);--medium-hairline-color:#cfd8e3;--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-500);--error-color:#d81e23;--warning-color:var(--amber-700);--success-color:var(--teal-700);--notice-color:var(--sky-700);--enabled-color:var(--teal-550);--pending-color:var(--orange-400);--disabled-color:var(--red-600);--indicator-border-color:var(--amber-600);--indicator-icon-color:var(--amber-700);--small-border-radius:3px;--medium-border-radius:4px;--large-border-radius:5px;--menu-border-radius:var(--medium-border-radius);--checkbox-size:1rem;--radio-size:1rem;--ui-control-color:var(--gray-550);--ui-control-hover-color:var(--gray-600);--ui-control-active-color:var(--gray-700);--ui-control-static-bg-color:rgba(96,125,159,.25);--ui-control-bg-color:var(--ui-control-static-bg-color);--ui-control-hover-bg-color:rgba(96,125,159,.3);--ui-control-active-bg-color:rgba(96,125,159,.5);--ui-control-border-radius:var(--large-border-radius);--ui-control-height:2.125rem;--ui-control-height--small:1.875rem;--light-focus-hsl:211.6981132075deg,96.3636363636%,78.431372549%;--medium-focus-hsl:217.2192513369deg,91.2195121951%,59.8039215686%;--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:1.5rem;--thumb-size:1.25rem;--icon-size:1rem;--elements-busy-top-position:calc(50% - var(--size, 20px)/2);--lh:1.42em}@font-face{font-display:block;font-family:Craft;font-style:normal;font-weight:400;src:url(../fonts/Craft.woff2) format("woff2"),url(../fonts/Craft.woff) format("woff"),url(../fonts/Craft.ttf) format("truetype"),url(../fonts/Craft.svg#Craft) format("svg")}body,html{background-color:var(--gray-100);box-shadow:var(--light-focus-ring)}body{color:var(--text-color);font-size:.875rem;line-height:var(--lh);overflow-x:hidden;width:100vw;-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}.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}.mt-0{margin-top:0!important}.mt-xs{margin-top:var(--xs)!important}.mt-s{margin-top:var(--s)!important}.mt-m{margin-top:var(--m)!important}.mt-l{margin-top:var(--l)!important}.mt-xl{margin-top:var(--xl)!important}.mb-0{margin-bottom:0!important}.mb-xs{margin-bottom:var(--xs)!important}.mb-s{margin-bottom:var(--s)!important}.mb-m{margin-bottom:var(--m)!important}.mb-l{margin-bottom:var(--l)!important}.mb-xl{margin-bottom:var(--xl)!important}.ml-0{margin-left:0!important}.ml-xs{margin-left:var(--xs)!important}.ml-s{margin-left:var(--s)!important}.ml-m{margin-left:var(--m)!important}.ml-l{margin-left:var(--l)!important}.ml-xl{margin-left:var(--xl)!important}.mr-0{margin-right:0!important}.mr-xs{margin-right:var(--xs)!important}.mr-s{margin-right:var(--s)!important}.mr-m{margin-right:var(--m)!important}.mr-l{margin-right:var(--l)!important}.mr-xl{margin-right:var(--xl)!important}.mx-0{margin-left:0!important;margin-right:0!important}.mx-xs{margin-left:var(--xs)!important;margin-right:var(--xs)!important}.mx-s{margin-left:var(--s)!important;margin-right:var(--s)!important}.mx-m{margin-left:var(--m)!important;margin-right:var(--m)!important}.mx-l{margin-left:var(--l)!important;margin-right:var(--l)!important}.mx-xl{margin-left:var(--xl)!important;margin-right:var(--xl)!important}.my-0{margin-bottom:0!important;margin-top:0!important}.my-xs{margin-bottom:var(--xs)!important;margin-top:var(--xs)!important}.my-s{margin-bottom:var(--s)!important;margin-top:var(--s)!important}.my-m{margin-bottom:var(--m)!important;margin-top:var(--m)!important}.my-l{margin-bottom:var(--l)!important;margin-top:var(--l)!important}.my-xl{margin-bottom:var(--xl)!important;margin-top:var(--xl)!important}.no-scroll{overflow:hidden!important}.draghelper{box-sizing:border-box;list-style-type:none}.offset-drag-helper{transition:margin .2s linear,padding .2s linear}body.dragging.ltr .offset-drag-helper{margin:-50px 0 0 -50px;padding:60px 0 0 60px}body.dragging.rtl .offset-drag-helper{margin:-50px -50px 0 0;padding:60px 60px 0 0}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,.action-btn:before,.go:after,.icon:before,.insecure:before,.menu .flex.padded.sel:before,.menu ul.padded li .menu-item.sel:before,.menu ul.padded li .menu-option.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{font-family:Craft;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.badge-icon{align-items:center;border:1px solid var(--indicator-border-color);border-radius:var(--small-border-radius);box-sizing:border-box;color:var(--indicator-icon-color);display:inline-flex;font-size:9px;height:1rem;justify-content:center;position:relative;top:-1px;width:1rem}.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)}[data-icon-size=large][data-icon-after]:after,[data-icon-size=large][data-icon]:before{font-size:20px}[data-icon-size=small][data-icon-after]:after,[data-icon-size=small][data-icon]:before{font-size:14px}[data-icon-size=puny][data-icon-after]:after,[data-icon-size=puny][data-icon]:before{font-size:12px}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"}.action-btn:before{content:"ellipsis"}.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[aria-current]{cursor:default}a:hover,body.underline-links a{text-decoration:underline}a .cp-icon svg circle,a .cp-icon svg ellipse,a .cp-icon svg line,a .cp-icon svg path,a .cp-icon svg polygon,a .cp-icon svg polyline,a .cp-icon svg rect,a .cp-icon svg text{fill:var(--link-color);stroke-width:0}a:not([href]){color:inherit;cursor:inherit}a:not([href]):hover,body.underline-links a:not([href]){text-decoration:none}a.iconlink:before{width:1rem}body.ltr a.iconlink:before{margin-right:var(--xs)}body.rtl a.iconlink:before{margin-left:var(--xs)}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"}body.ltr a [data-icon=external]{margin-left:var(--xs)}body.rtl a [data-icon=external]{margin-right:var(--xs)}button{cursor:pointer}.alert-icon,.checkmark-icon{border-radius:20px;cursor:pointer;line-height:10px;margin-bottom:0!important;padding:5px}.alert-icon:before,.checkmark-icon:before{font-family:Craft;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.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"}.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{align-content:stretch;align-items:center;color:var(--blue-800);display:flex;gap:var(--s);justify-content:center}#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(37,99,235,.2),rgba(37,99,235,0) 50%)}body.rtl .so-notice>.draft-notice{background-image:linear-gradient(270deg,rgba(37,99,235,.2),rgba(37,99,235,0))}.draft-notice p{flex:1;margin:0}.draft-notice .draft-icon{align-items:center;border:2px solid rgba(30,64,175,.2);border-radius:100%;box-shadow:0 1px 1px 1px var(--white);box-sizing:border-box;display:flex;flex-shrink:0;height:34px;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(30,58,138,.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:#1555e2}.draft-notice .discard-changes-btn:active{border-color:#134cca}.revision-notice{align-content:stretch;align-items:center;color:var(--gray-600);display:flex;gap:var(--s);justify-content:center}#content-notice .revision-notice{display:inline-flex;justify-content:flex-start}.revision-notice p{flex:1;margin:0}.revision-notice .revision-icon{align-items:center;border:2px solid rgba(51,64,77,.2);border-radius:100%;box-shadow:0 1px 1px 1px var(--white);box-sizing:border-box;display:flex;flex-shrink:0;height:34px;justify-content:center;position:relative;width:34px}.revision-notice .revision-icon:before{color:var(--grey-800)!important;font-size:18px;left:1px;position:relative}.revision-notice .revision-icon:after{border-radius:100%;bottom:-2px;box-shadow:inset 0 2px 0 rgba(30,58,138,.2);content:"";font-size:0;left:-2px;position:absolute;right:-2px;top:-2px}button.toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;color:inherit;padding:0}.toggle:before,a.fieldtoggle:before{border:solid;border-width:0 .125rem .125rem 0;content:"";display:block;font-size:0;height:.4375rem;opacity:.8;position:relative;transition:transform .1s linear;width:.4375rem}body.ltr .toggle:before,body.ltr a.fieldtoggle:before{transform:rotate(-45deg)}body.rtl .toggle:before,body.rtl a.fieldtoggle:before{transform:rotate(135deg)}.sidebar nav li.expanded>.toggle:before,.structure li:not(.collapsed)>.row>.toggle:before,.toggle.expanded:before,a.fieldtoggle.expanded:before{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}ul.errors em{font-style:normal}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,.readable h1,.readable h2,.readable h3,.readable h4,.readable h5,.readable h6{font-weight:600;margin:24px 0 16px}.readable .h1,.readable h1{color:#000;font-size:32px;line-height:40px}.readable .h2,.readable h2{font-size:24px;line-height:30px}.readable .h3,.readable h3{font-size:20px;line-height:24px}.readable .h4,.readable h4{font-size:16px;line-height:20px}.readable .h5,.readable h5{font-size:14px;line-height:18px}.readable .h6,.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 .tip-dismiss-btn{position:absolute;top:12px}body.ltr .readable .tip-dismiss-btn{right:12px}body.rtl .readable .tip-dismiss-btn{left:12px}.readable .tip-dismiss-btn+p{margin-top:0}.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:50px}body.rtl .readable blockquote.note{padding-right:50px}body.ltr .readable blockquote.note.dismissible{padding-right:36px}body.rtl .readable blockquote.note.dismissible{padding-left:36px}.readable blockquote.note:not(.tip):not(.warning){border-color:#dc2626;color:#bf503f}.readable blockquote.note:not(.tip):not(.warning):before{color:#dc2626;content:"alert"}.readable blockquote.note.tip{border-color:#1f5fea;color:#1f5fea}.readable blockquote.note.tip:before{color:#1f5fea;content:"lightbulb"}.readable blockquote.note.warning{border-color:#854d0e;color:#cf783a}.readable blockquote.note.warning:before{color:#854d0e;content:"alert"}.readable blockquote.note:before{font-family:Craft;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;font-size:24px;opacity:1;position:absolute;top:15px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:24px}body.ltr .readable blockquote.note:before{left:16px}body.rtl .readable blockquote.note:before{right:16px}.readable blockquote.note a[href]{color:currentColor;text-decoration:underline}.readable .go:after{font-size:14px}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(--rose-500);content:"asterisk";font-size:12px}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{font-family:Craft;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;content:"asterisk";display:block;font-size:9px;left:0;line-height:17px;position:absolute;text-indent:0;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;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{font-family:Craft;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;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{align-items:flex-start;display:flex;flex-wrap:nowrap}.notice.has-icon .icon,.warning.has-icon .icon{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:not(.disabled){cursor:move}.icon.move:before{color:var(--custom-text-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{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.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{font-family:Craft;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;vertical-align:middle;word-wrap:normal!important;color:var(--ui-control-color);line-height:1.375;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;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}.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}body.ltr .customize-sources-modal.sidebar-hidden{padding-left:0}body.rtl .customize-sources-modal.sidebar-hidden{padding-right:0}.customize-sources-modal.sidebar-hidden>.cs-sidebar{display:none}.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{--selected-item-color:var(--white);align-items:center;background-color:var(--gray-100);border:solid var(--hairline-color);border-width:1px 0;box-sizing:border-box;cursor:default;display:flex;margin-top:-1px;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-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{--focus-ring:0 0 0 1px hsl(var(--light-focus-hsl)),0 0 0 3px hsla(var(--light-focus-hsl),0.7);--ui-control-color:var(--selected-item-color);background-color:var(--dark-sel-color);color:var(--selected-item-color);z-index:1}.customize-sources-item .label{flex:1}.customize-sources-item.heading .label{color:var(--light-text-color);font-size:12px;font-weight:700;text-transform:uppercase}.customize-sources-item.heading.sel .label{color:var(--selected-item-color)}.customize-sources-item__move{align-items:center;justify-content:center;position:absolute;top:50%;transform:translate(-50%,-50%)}body.ltr .customize-sources-item__move{right:0}body.rtl .customize-sources-item__move{left:0}.customize-sources-item__move.icon{display:flex;text-decoration:none}.customize-sources-item__btn{margin:3px;padding:8px 14px}body.ltr .customize-sources-item__btn{padding-right:30px}body.rtl .customize-sources-item__btn{padding-left:30px}.checkbox-select-item{align-content:stretch;align-items:flex-start;display:flex;margin-bottom:4px}.checkbox-select-item .move{margin-top:-3px;position:relative;z-index:1}body.ltr .checkbox-select-item .move{margin-right:10px}body.rtl .checkbox-select-item .move{margin-left:10px}ul.path{align-items:stretch;display:flex;flex-direction:row;flex-wrap:wrap}ul.path li{align-items:center;display:inline-flex}ul.path li:not(:last-child):after{border:solid var(--light-text-color);border-width:0 .0625rem .0625rem 0;content:"";display:block;font-size:0;height:.4375rem;opacity:.8;position:relative;width:.4375rem}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{display:flex;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:var(--s);min-height:34px;position:relative}.toolbar .flex,.toolbar.flex{align-items:flex-start}.toolbar .text{border-radius:var(--large-border-radius)!important}.flex{align-content:stretch;align-items:center;display:flex;gap:var(--s)}.flex.flex-gap-xs{gap:var(--xs)}.flex.flex-gap-m{gap:var(--m)}.flex.flex-gap-l{gap:var(--l)}.flex.flex-gap-xl{gap:var(--xl)}.flex:not(.flex-nowrap){flex-wrap:wrap}.flex>.label{white-space:nowrap}.centeralign .flex{justify-content:center}.inline-flex{align-content:stretch;align-items:center;display:inline-flex!important;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;max-width:100%}.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{align-items:center;display:flex;gap:7px;margin:24px 0;position:relative}.footer>.buttons,.hud-footer>.buttons{margin:0}.btn{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--ui-control-bg-color);border:none;border-radius:var(--ui-control-border-radius);box-sizing:border-box;color:currentColor;display:inline-flex;font-size:inherit;justify-content:center;padding:7px 10px;position:relative;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.btn:not([aria-current]){cursor:pointer}.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.hairline{background-color:transparent;border:1px solid var(--medium-hairline-color)}.btn.hairline:active,.btn.hairline:hover,.btn.hairline[aria-expanded=true]{border-color:var(--dark-hairline-color)}.btn.hairline:active,.btn.hairline[aria-expanded=true]{background-color:var(--ui-control-static-bg-color)}.btn.wrap{height:auto;min-height:34px;text-align:left;white-space:normal}.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]).focus,.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]):focus,.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]):hover{--ui-control-bg-color:var(--ui-control-hover-bg-color)}.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]).active,.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]):active,.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current])[aria-expanded=true]{--ui-control-bg-color:var(--ui-control-active-bg-color)}.btn[type=color]{padding:6px!important;width:36px}.btn.active,.btn.loading{cursor:default}.btn:hover{text-decoration:none}.btn.btn-empty,.btn:empty{padding-left:12px;padding-right:12px}body.ltr .btn.icon:not(:empty):not(.btn-empty):before,body.ltr .btn.menubtn:not(.action-btn).icon.btn-empty:before,body.ltr .btn.menubtn:not(.action-btn).icon:empty:before,body.ltr .btn.menubtn:not(.action-btn)[data-icon].btn-empty:before,body.ltr .btn.menubtn:not(.action-btn)[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:not(.action-btn).icon.btn-empty:before,body.rtl .btn.menubtn:not(.action-btn).icon:empty:before,body.rtl .btn.menubtn:not(.action-btn)[data-icon].btn-empty:before,body.rtl .btn.menubtn:not(.action-btn)[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}.btn [data-icon]{margin-top:-3px}body.ltr .btn [data-icon]{margin-right:5px}body.rtl .btn [data-icon]{margin-left:5px}.btn [data-icon].light:before{color:var(--gray-300)}.disabled{opacity:.25;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.noteditable,.noteditable .element,.noteditable .lightswitch-container,.noteditable+.colorhex{cursor:not-allowed}.btn,.spinner{height:var(--ui-control-height)}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(.action-btn).icon:after,body.ltr .menubtn:not(.action-btn):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:not(.action-btn).icon:after,body.rtl .menubtn:not(.action-btn):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{align-items:center;border-radius:var(--large-border-radius);display:flex;position:relative;white-space:nowrap;z-index:1}.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-bottom-left-radius:0;border-top-left-radius:0}body.ltr .btngroup .btn:not(:last-child):not(.btngroup-btn-last),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}.btngroup--exclusive .btn[aria-pressed=true]:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]){background-color:var(--gray-500);color:var(--white)}.copytext{align-items:center;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{align-items:center;border:1px solid var(--hairline-color);border-radius:var(--small-border-radius);color:var(--medium-text-color);cursor:pointer;display:inline-flex;flex-wrap:nowrap;padding:0 9px}.copytextbtn .copytextbtn__icon{background:none;color:var(--light-text-color);margin-top:-3px;padding:0;width:13px}body.ltr .copytextbtn .copytextbtn__icon{margin-left:5px}body.rtl .copytextbtn .copytextbtn__icon{margin-right:5px}.copytextbtn:focus,.copytextbtn:hover{border-color:var(--medium-hairline-color);color:var(--text-color)}.copytextbtn:focus .copytextbtn__value,.copytextbtn:hover .copytextbtn__value{color:var(--text-color)}.copytextbtn.small{padding:0 5px}.copytextbtn.small .copytextbtn__value{font-size:.6875rem}.menu-toggle,.menubtn:not(.action-btn){align-items:center;display:inline-flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.menu-toggle:after,.menubtn:not(.action-btn):after{border:solid;border-width:0 .125rem .125rem 0;content:"";display:block;font-size:0;height:.4375rem;opacity:.8;position:relative;transform:rotate(45deg);width:.4375rem}.menu-toggle.btn:after,.menubtn:not(.action-btn).btn:after{top:-1px}.menu-toggle.btn:not(.disabled):not(.inactive).active:after,.menu-toggle.btn:not(.disabled):not(.inactive):active:after,.menubtn:not(.action-btn).btn:not(.disabled):not(.inactive).active:after,.menubtn:not(.action-btn).btn:not(.disabled):not(.inactive):active:after{border-color:var(--ui-control-active-color)}.menu-toggle.btn.submit:after,.menubtn:not(.action-btn).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:not(.action-btn).btn.submit:not(.disabled):not(.inactive).active:after,.menubtn:not(.action-btn).btn.submit:not(.disabled):not(.inactive).hover:after,.menubtn:not(.action-btn).btn.submit:not(.disabled):not(.inactive):active:after,.menubtn:not(.action-btn).btn.submit:not(.disabled):not(.inactive):hover:after{opacity:1}.menu-toggle:not(.btn):not(.icon),.menubtn:not(.action-btn):not(.btn):not(.icon){height:17px}.menu-toggle:not(.btn):not(.icon):after,.menubtn:not(.action-btn):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:not(.action-btn).btn-empty,body.ltr .menubtn:not(.action-btn):empty{padding-left:8px}body.ltr .menu-toggle.btn-empty,body.ltr .menu-toggle:empty,body.ltr .menubtn:not(.action-btn).btn-empty,body.ltr .menubtn:not(.action-btn):empty,body.rtl .menu-toggle.btn-empty,body.rtl .menu-toggle:empty,body.rtl .menubtn:not(.action-btn).btn-empty,body.rtl .menubtn:not(.action-btn):empty{padding-right:8px}body.rtl .menu-toggle.btn-empty,body.rtl .menu-toggle:empty,body.rtl .menubtn:not(.action-btn).btn-empty,body.rtl .menubtn:not(.action-btn):empty{padding-left:8px}@keyframes rotator{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.spinner{align-items:center;display:inline-flex;height:var(--size,34px);justify-content:center;width:var(--size,24px)}.spinner:before{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:var(--elements-busy-top-position);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 var(--s)!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.huge{height:48px;line-height:48px;padding:var(--l)}.btn.secondary,.btn.submit{color:var(--white)!important;--ui-control-active-color:var(--white);-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):focus,.btn.submit:not(.disabled):not(.inactive):not(.loading):hover{background-color:#c82020!important}.btn.submit:not(.disabled):not(.inactive):not(.loading).active,.btn.submit:not(.disabled):not(.inactive):not(.loading):active,.btn.submit:not(.disabled):not(.inactive):not(.loading)[aria-expanded=true]{background-color:#b21d1d!important}.btn.caution{background-color:var(--red-050)!important;color:var(--error-color)}.btn.caution.hover,.btn.caution:focus,.btn.caution:hover{background-color:#fcdada!important}.btn.caution.active,.btn.caution:active,.btn.caution[aria-expanded=true]{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,.btn.secondary:not(.disabled):not(.inactive):not(.loading)[aria-expanded=true],.secondary-buttons .btn.submit: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)[aria-expanded=true]{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,.btn.dashed:not(.disabled)[aria-expanded=true]{background-color:rgba(205,216,228,.25)}.chevron-btns{display:flex;justify-content:flex-start}.chevron-btns .btn{background-color:transparent;border-radius:0;padding:0;position:relative}.chevron-btns .btn.active-drop-target,.chevron-btns .btn.current-step{color:var(--white);--text-color:var(--white);--ui-control-color:var(--white);--ui-control-bg-color:var(--gray-500);--ui-control-hover-bg-color:#55616d;--ui-control-active-bg-color:#4a545e}.chevron-btns .btn.current-step{-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)}.chevron-btns .btn:focus{box-shadow:none;z-index:1}.chevron-btns .btn:focus .label{box-shadow:var(--focus-ring);z-index:1}.reduce-focus-visibility .chevron-btns .btn:focus:not(:focus-visible) .label{box-shadow:none}.reduce-focus-visibility .chevron-btns .btn:focus-visible .label{box-shadow:var(--focus-ring)}body.ltr .chevron-btns .btn:not(.has-action-menu){padding-right:calc(var(--ui-control-height)/2)}body.rtl .chevron-btns .btn:not(.has-action-menu){padding-left:calc(var(--ui-control-height)/2)}body.ltr .chevron-btns .btn:not(.has-action-menu){margin-right:2.8px}body.rtl .chevron-btns .btn:not(.has-action-menu){margin-left:2.8px}body.ltr .chevron-btns .btn:not(.has-action-menu):not(.current-step[data-disclosure-trigger]) .btn-body{padding-right:5px}body.rtl .chevron-btns .btn:not(.has-action-menu):not(.current-step[data-disclosure-trigger]) .btn-body{padding-left:5px}body.ltr .chevron-btns .btn.current-step[data-disclosure-trigger] .btn-body{padding-left:8px}body.rtl .chevron-btns .btn.current-step[data-disclosure-trigger] .btn-body{padding-right:8px}.chevron-btns .btn.current-step[data-disclosure-trigger] .btn-body .label{padding:3px}.chevron-btns .btn.current-step[data-disclosure-trigger] .btn-body .label:after{border:solid;border-width:0 .125rem .125rem 0;content:"";display:block;font-size:0;height:.4375rem;opacity:.8;position:relative;transform:rotate(45deg);width:.4375rem}.chevron-btns .btn .btn-body{align-items:center;background-color:var(--ui-control-bg-color);display:inline-flex;height:var(--ui-control-height);justify-content:center}.chevron-btns .btn .btn-body [data-icon]{--ui-control-height:0.8125rem;text-align:center}body.ltr .chevron-btns .btn .btn-body [data-icon]{margin-right:0}body.rtl .chevron-btns .btn .btn-body [data-icon]{margin-left:0}.chevron-btns .btn .label{align-items:center;display:inline-flex;overflow:hidden;text-overflow:ellipsis}body.ltr .chevron-btns .btn.has-action-menu .btn-body{padding-right:1px}body.rtl .chevron-btns .btn.has-action-menu .btn-body{padding-left:1px}body.ltr .chevron-btns .btn.has-action-menu .btn-body{margin-right:0}body.rtl .chevron-btns .btn.has-action-menu .btn-body{margin-left:0}.chevron-btns .btn .chevron-left,.chevron-btns .btn .chevron-right{height:100%;position:absolute;top:0;width:calc(var(--ui-control-height)/2)}.chevron-btns .btn .chevron-left{border-top:calc(var(--ui-control-height)/2) solid var(--ui-control-bg-color)}body.ltr .chevron-btns .btn .chevron-left{left:0}body.rtl .chevron-btns .btn .chevron-left{right:0}body.ltr .chevron-btns .btn .chevron-left{border-left:calc(var(--ui-control-height)/2) solid transparent}body.rtl .chevron-btns .btn .chevron-left{border-right:calc(var(--ui-control-height)/2) solid transparent}.chevron-btns .btn .chevron-left:after{border-bottom:calc(var(--ui-control-height)/2) solid var(--ui-control-bg-color);bottom:0;content:"";display:block;font-size:0;position:absolute}body.ltr .chevron-btns .btn .chevron-left:after{right:0}body.rtl .chevron-btns .btn .chevron-left:after{left:0}body.ltr .chevron-btns .btn .chevron-left:after{border-left:calc(var(--ui-control-height)/2) solid transparent}body.rtl .chevron-btns .btn .chevron-left:after{border-right:calc(var(--ui-control-height)/2) solid transparent}.chevron-btns .btn .chevron-right{border-bottom:calc(var(--ui-control-height)/2) solid transparent;border-top:calc(var(--ui-control-height)/2) solid transparent}body.ltr .chevron-btns .btn .chevron-right{right:0}body.rtl .chevron-btns .btn .chevron-right{left:0}body.ltr .chevron-btns .btn .chevron-right{border-left:calc(var(--ui-control-height)/2) solid var(--ui-control-bg-color)}body.rtl .chevron-btns .btn .chevron-right{border-right:calc(var(--ui-control-height)/2) solid var(--ui-control-bg-color)}.chevron-btns ol{display:flex;list-style-type:none;position:relative}body.ltr .chevron-btns ol{padding-left:0}body.rtl .chevron-btns ol{padding-right:0}body.ltr .chevron-btns ol li.first-step .btn .btn-body{padding-left:14px}body.rtl .chevron-btns ol li.first-step .btn .btn-body{padding-right:14px}body.ltr .chevron-btns ol li.first-step .btn .btn-body{border-radius:var(--ui-control-border-radius) 0 0 var(--ui-control-border-radius)}body.rtl .chevron-btns ol li.first-step .btn .btn-body{border-radius:0 var(--ui-control-border-radius) var(--ui-control-border-radius) 0}.chevron-btns ol li.first-step .btn .chevron-left{display:none}body.ltr .chevron-btns ol li:not(.first-step) .btn{margin-left:calc(var(--ui-control-height)*-1/2)}body.rtl .chevron-btns ol li:not(.first-step) .btn{margin-right:calc(var(--ui-control-height)*-1/2)}body.ltr .chevron-btns ol li:not(.first-step) .btn{padding-left:calc(var(--ui-control-height)/2)}body.rtl .chevron-btns ol li:not(.first-step) .btn{padding-right:calc(var(--ui-control-height)/2)}body.ltr .chevron-btns ol li:not(.first-step) .btn .btn-body{padding-left:7px}body.rtl .chevron-btns ol li:not(.first-step) .btn .btn-body{padding-right:7px}.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;-moz-user-select:none;-ms-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):not(.noteditable){cursor:pointer}.color:not(.small){background-position:0 0,8.5px 0,8.5px -8.5px,0 8.5px;background-size:17px 17px}.color.small,.color:not(.small){background-image:linear-gradient(45deg,rgba(154,165,177,.25) 25%,transparent 0),linear-gradient(135deg,rgba(154,165,177,.25) 25%,transparent 0),linear-gradient(45deg,transparent 75%,rgba(154,165,177,.25) 0),linear-gradient(135deg,transparent 75%,rgba(154,165,177,.25) 0)}.color.small{background-position:0 0,4px 0,4px -4px,0 4px;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:flex}.lightswitch-outer-container .lightswitch-inner-container{align-items:center;border:1px solid var(--hairline-color);border-radius:var(--small-border-radius);display:flex;max-width:100%;padding-left:7px;padding-right:7px}.lightswitch-outer-container .lightswitch-inner-container span{color:var(--medium-text-color);cursor:default;flex-grow:1;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:auto;overflow-wrap:break-word;padding:7px 0}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}.lightswitch-outer-container .lightswitch-inner-container span[data-toggle=off]{text-align:right}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;text-align:left}.lightswitch{background-image:linear-gradient(to right,var(--gray-400),var(--gray-400));border:none!important;cursor:pointer;display:block;overflow:hidden;position:relative;transition:background-image .1s linear;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.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{height:100%;position:relative}.lightswitch .lightswitch-container .handle{background-color:var(--white);position:absolute;top:1px}.lightswitch:not(.small){border-radius:11px;height:22px;min-width:34px;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{align-items:center;border-radius:var(--medium-border-radius);display:flex;height:1.875rem;justify-content:center;width:1.875rem}.pagination .page-link:after{position:relative;transition:border-color .1s linear}.pagination .page-link.prev-page:after{border:solid var(--light-text-color);border-width:0 .125rem .125rem 0;content:"";display:block;font-size:0;height:.4375rem;opacity:.8;position:relative;width:.4375rem}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{border:solid var(--light-text-color);border-width:0 .125rem .125rem 0;content:"";display:block;font-size:0;height:.4375rem;opacity:.8;position:relative;width:.4375rem}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){box-shadow:inset 0 0 0 1px var(--hairline-color);cursor:pointer;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)}body.reduce-focus-visibility .pagination .page-link:not(.disabled):focus-visible,body:not(.reduce-focus-visibility) .pagination .page-link:not(.disabled):focus{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{--pane-y-padding-default:calc(var(--xl) - 2px);--pane-x-padding-default:calc(var(--padding) - 2px);margin:calc(var(--pane-padding, var(--pane-y-padding-default))*-1) calc(var(--pane-padding, var(--pane-x-padding-default))*-1) calc(var(--pane-padding, var(--padding))*-1 + var(--pane-padding, var(--m)));overflow-x:auto;padding:0!important}body.ltr .tablepane table.data td:first-child,body.ltr .tablepane table.data th:first-child{padding-left:var(--m)}body.rtl .tablepane table.data td:first-child,body.rtl .tablepane table.data th:first-child{padding-right:var(--m)}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% - .5rem)}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(--border-radius,var(--small-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(--border-radius,var(--small-border-radius))}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-bottom-left-radius:var(--border-radius,var(--small-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-bottom-right-radius:var(--border-radius,var(--small-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(--border-radius,var(--small-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(--border-radius,var(--small-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-bottom-right-radius:var(--border-radius,var(--small-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-bottom-left-radius:var(--border-radius,var(--small-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:var(--s);padding-top:var(--s)}table.data thead th{vertical-align:middle;white-space:nowrap}table.data thead th.orderable{padding:0!important;position:relative}body:not(.dragging) 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 .125rem .125rem 0;content:"";display:block;font-size:0;height:.4375rem;opacity:.8;position:relative;position:absolute;top:2px;top:calc(50% - 3px);transform:rotate(225deg);width:.4375rem}body.ltr table.data thead th.orderable.ordered:not(.loading) button:after{right:var(--m)}body.rtl table.data thead th.orderable.ordered:not(.loading) button:after{left:var(--m)}table.data thead th.orderable.ordered:not(.loading).desc button:after{transform:rotate(45deg)}table.data thead th.orderable button{font:inherit;padding:var(--pane-padding,var(--m)) var(--m);position:relative;width:100%}body.ltr table.data thead th.orderable button{padding-right:35px}body.rtl table.data thead th.orderable button{padding-left:35px}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{--hover-bg-color:var(--gray-050);--selected-bg-color:var(--dark-sel-color)}table.data tbody tr:not(.disabled):hover td,table.data tbody tr:not(.disabled):hover th{background-color:var(--hover-bg-color)}table.data tbody tr:not(.disabled):focus{position:relative;z-index:1}table.data tbody tr:not(.disabled).active-drop-target,table.data tbody tr:not(.disabled).sel{--text-color:var(--white);--medium-dark-text-color:var(--white);--medium-text-color:var(--white);--light-text-color:var(--white);--link-color:var(--white);--ui-control-color:var(--white);--focus-ring:0 0 0 3px hsl(var(--light-focus-hsl))}table.data tbody tr:not(.disabled).active-drop-target td,table.data tbody tr:not(.disabled).active-drop-target th,table.data tbody tr:not(.disabled).sel td,table.data tbody tr:not(.disabled).sel th{background-color:var(--selected-bg-color);color:var(--white)}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.data tr.sel:not(.draggee)+tr.sel:not(.draggee) td,table.data tr.sel:not(.draggee)+tr.sel:not(.draggee) th{border-top-color:var(--gray-300)}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{background-color:var(--white);box-shadow:0 1px 5px -1px rgba(31,41,51,.2)}.datatablesorthelper,.datatablesorthelper .chip,.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}.card,.chip{background-color:var(--custom-bg-color,var(--gray-050));color:var(--custom-text-color,var(--text-color))}.chip{align-items:center;border-radius:var(--large-border-radius);cursor:default;display:inline-flex;font-weight:400;gap:var(--xs);max-width:100%;padding:var(--xs) var(--s);position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.chip.small{flex-direction:row;height:calc(1.625rem + 8px);--thumb-size:1.875rem}.chip.small>.thumb{margin:calc(var(--xs)*-1 + 2px) calc(var(--s)*-1 + 2px)}body.ltr .chip.small>.thumb{margin-right:2px}body.rtl .chip.small>.thumb{margin-left:2px}.chip.small>.thumb.cp-icon{--thumb-size:1rem}body.ltr .chip.small>.thumb.cp-icon{margin-left:-2px}body.rtl .chip.small>.thumb.cp-icon{margin-right:-2px}.chip.large{flex-direction:column;--thumb-size:120px;min-width:calc(var(--s)*2 + var(--thumb-size))}.chip.large .chip-content{width:100%}.chip .chip-content{align-items:center;display:flex;flex-direction:row;gap:var(--s);max-width:100%}body.ltr .chip .chip-content .icon,body.ltr .chip .chip-content .status{margin-right:0}body.rtl .chip .chip-content .icon,body.rtl .chip .chip-content .status{margin-left:0}.chip .chip-content .icon{margin:-4px -1px 0}.chip.sel,li.active-drop-target .chip,li.sel .chip{--text-color:var(--white);--custom-text-color:var(--white)!important;--medium-dark-text-color:var(--white);--medium-text-color:var(--white);--light-text-color:var(--white);--link-color:var(--white);--ui-control-color:var(--white);--focus-ring:0 0 0 3px hsl(var(--light-focus-hsl));background-color:var(--custom-sel-bg-color,var(--dark-sel-color))!important;color:var(--white)}.chip.sel .cp-icon,li.active-drop-target .chip .cp-icon,li.sel .chip .cp-icon{--icon-color:var(--white)!important}.chip.sel,.sel .chip{cursor:default}.chip.sel .thumb,.sel .chip .thumb{filter:brightness(.85)}.chip.sel .thumb img,.sel .chip .thumb img{box-shadow:0 0 0 1px rgba(96,109,123,.1),0 6px 4px -4px rgba(96,109,123,.2)}.offset-drag-helper .chip{background-color:var(--gray-050);box-shadow:0 1px 5px -1px rgba(31,41,51,.2)}.chip>.thumb{align-items:center;display:flex;height:var(--thumb-size);justify-content:center;position:relative;width:var(--thumb-size)}.chip>.thumb.rounded img,.chip>.thumb.rounded svg{border:var(--xs) solid transparent;border-radius:50%}.chip>.thumb.checkered img{background-image:linear-gradient(45deg,rgba(154,165,177,.25) 25%,transparent 0),linear-gradient(135deg,rgba(154,165,177,.25) 25%,transparent 0),linear-gradient(45deg,transparent 75%,rgba(154,165,177,.25) 0),linear-gradient(135deg,transparent 75%,rgba(154,165,177,.25) 0);background-position:0 0,4px 0,4px -4px,0 4px;background-size:8px 8px}.chip>.thumb img,.chip>.thumb svg{border-radius:var(--small-border-radius);display:block;flex-shrink:0;max-height:100%;max-width:100%}.cp-icon{align-items:center;display:flex;justify-content:center;max-width:var(--icon-size)}.cp-icon,.cp-icon svg{height:var(--icon-size);width:var(--icon-size)}.cp-icon svg{max-height:var(--icon-size)!important;max-width:var(--icon-size)!important}.cp-icon svg circle,.cp-icon svg ellipse,.cp-icon svg line,.cp-icon svg path,.cp-icon svg polygon,.cp-icon svg polyline,.cp-icon svg rect,.cp-icon svg text{fill:var(--icon-color,var(--ui-control-color));stroke-width:0}.cp-icon.large{--icon-size:1.25rem}.cp-icon.small{--icon-size:0.875rem}.cp-icon.puny{--icon-size:0.75rem}.cards,.chips{display:flex;--custom-bg-color:initial;--custom-text-color:initial;--custom-sel-bg-color:initial}.cards:not(.inline-chips),.chips:not(.inline-chips){flex-direction:column}.cards li,.chips li{max-width:100%}.cards{gap:var(--s)}.chips{align-items:flex-start;gap:var(--xs)}.inline-chips{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--xs)}.inline-chips .chip{margin:0!important}.card{align-items:stretch;cursor:default;display:flex;flex-direction:row;gap:var(--m);padding:var(--m);position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.card,.card:after{border-radius:var(--large-border-radius)}.card.sel,li.sel .card{--text-color:var(--white);--custom-text-color:var(--white)!important;--medium-dark-text-color:var(--white);--medium-text-color:var(--white);--light-text-color:var(--white);--link-color:var(--white);--ui-control-color:var(--white);--focus-ring:0 0 0 3px hsl(var(--light-focus-hsl));background-color:var(--custom-sel-bg-color,var(--dark-sel-color))!important;color:var(--white)}.card.sel>.thumb,li.sel .card>.thumb{background-color:var(--dark-sel-color)!important;filter:brightness(.85)}.card>.thumb{align-items:stretch;background-color:var(--gray-100);display:flex;margin:calc(var(--m)*-1);min-height:calc(var(--m)*2 + var(--lh)*3 + var(--xs));min-width:120px;overflow:hidden;position:relative;width:120px}body.ltr .card>.thumb{margin-right:0}body.rtl .card>.thumb{margin-left:0}.card>.thumb:after{bottom:0;box-shadow:0 1px 5px -1px rgba(31,41,51,.2);content:"";display:block;font-size:0;position:absolute;top:0;width:10px}body.ltr .card>.thumb:after{right:-10px}body.rtl .card>.thumb:after{left:-10px}body.ltr .card>.thumb,body.ltr .card>.thumb:after{border-radius:var(--large-border-radius) 0 0 var(--large-border-radius)}body.rtl .card>.thumb,body.rtl .card>.thumb:after{border-radius:0 var(--large-border-radius) var(--large-border-radius) 0}.card>.thumb img,.card>.thumb svg{max-height:120px;-o-object-fit:cover;object-fit:cover;width:100%}body.ltr .card>.cp-icon{margin:0 -4px 0 -2px}body.rtl .card>.cp-icon{margin:0 -2px 0 -4px}.card .card-content,.card .card-content .card-body{display:flex;flex:1;flex-direction:column;gap:var(--xs)}.card .card-content{flex:1 0 0!important;margin:calc((1rem - var(--lh))/2) 0;overflow:hidden;position:relative;--focus-ring:var(--inner-focus-ring)}.card .card-content .card-heading{align-items:center;display:flex;flex-direction:row;gap:5px}.card .card-content .card-heading .status{flex:0 0 10px;margin:0}.card .card-content .card-heading .label{font-weight:600}.card .card-content .card-body:empty{display:none}.card .card-content .card-body>*{--max-lines:2;margin:0;max-height:calc(var(--lh)*var(--max-lines));overflow:hidden;text-wrap:pretty}.card>.card-actions-container{align-items:flex-start!important;display:flex;position:relative}.card-grid{display:grid!important;gap:var(--s)!important;grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.card-grid>li{border-radius:var(--large-border-radius)}.card-grid>li>.card{height:100%;margin:0!important}.context-label,.context-menu-container{align-items:center;border:1px solid var(--medium-hairline-color);border-radius:calc(var(--touch-target-size)/2);color:var(--light-text-color);display:inline-flex;font-size:11px;font-weight:400;height:var(--touch-target-size);padding:0 var(--s);text-decoration:none!important}body.ltr .context-label,body.ltr .context-menu-container{margin-left:var(--xs)}body.rtl .context-label,body.rtl .context-menu-container{margin-right:var(--xs)}body.ltr .context-menu-container{padding-right:0}body.rtl .context-menu-container{padding-left:0}body.ltr .context-menu-container .menubtn:not(.action-btn){margin:0 -1px 0 0}body.rtl .context-menu-container .menubtn:not(.action-btn){margin:0 0 0 -1px}body.ltr .context-menu-container .menubtn:not(.action-btn){padding-right:2px!important}body.rtl .context-menu-container .menubtn:not(.action-btn){padding-left:2px!important}body.ltr .context-menu-container .menubtn:not(.action-btn){border-left:1px solid var(--medium-hairline-color)}body.rtl .context-menu-container .menubtn:not(.action-btn){border-right:1px solid var(--medium-hairline-color)}body.ltr .context-menu-container .menubtn:not(.action-btn){border-radius:0 calc(var(--touch-target-size)/2) calc(var(--touch-target-size)/2) 0}body.rtl .context-menu-container .menubtn:not(.action-btn){border-radius:calc(var(--touch-target-size)/2) 0 0 calc(var(--touch-target-size)/2)}.context-menu-container .menubtn:not(.action-btn):hover{border-color:var(--dark-hairline-color)!important}.context-menu-container>*{display:inline-block}body.ltr .context-menu-container>*{padding-right:var(--s)}body.rtl .context-menu-container>*{padding-left:var(--s)}.context-menu-container .menubtn:not(.action-btn):only-child,.context-menu-container .visually-hidden:first-child+.menubtn:not(.action-btn):last-child{border-left:none!important;border-radius:calc(var(--touch-target-size)/2)!important;margin:0 calc(var(--s)*-1)}.card .checkbox:before,.chip .checkbox:before{box-shadow:none!important}.card .label,.chip .label{align-items:center;display:flex;gap:var(--xs);overflow:hidden}.card .label .label-link,.chip .label .label-link{flex:1 1 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card .label .label-link:focus,.chip .label .label-link:focus{box-shadow:var(--inner-focus-ring)}.card .label .segment:after,.chip .label .segment:after{border:solid var(--light-text-color);border-width:0 .0625rem .0625rem 0;content:"";display:inline-flex!important;display:block;font-size:0;height:.4375rem;opacity:.8;position:relative;top:-2px;width:.4375rem}body.ltr .card .label .segment:after,body.ltr .chip .label .segment:after{margin:0 5px 0 2px}body.rtl .card .label .segment:after,body.rtl .chip .label .segment:after{margin:0 2px 0 5px}body.ltr .card .label .segment:after,body.ltr .chip .label .segment:after{transform:rotate(-45deg)}body.rtl .card .label .segment:after,body.rtl .chip .label .segment:after{transform:rotate(135deg)}.sel .card .label .segment:after,.sel .chip .label .segment:after{border:solid var(--white);border-width:0 .0625rem .0625rem 0;content:"";display:block;font-size:0;height:.4375rem;opacity:.8;position:relative;width:.4375rem}body.ltr .sel .card .label .segment:after,body.ltr .sel .chip .label .segment:after{transform:rotate(-45deg)}body.rtl .sel .card .label .segment:after,body.rtl .sel .chip .label .segment:after{transform:rotate(135deg)}.card>.card-actions-container>.card-actions,.card>.chip-content>.chip-actions,.chip>.card-actions-container>.card-actions,.chip>.chip-content>.chip-actions{align-items:center;display:flex;flex-direction:row;gap:var(--s);min-height:1rem}.card>.card-actions-container>.card-actions:empty,.card>.chip-content>.chip-actions:empty,.chip>.card-actions-container>.card-actions:empty,.chip>.chip-content>.chip-actions:empty{display:none}.card>.card-actions-container>.card-actions>.status,.card>.chip-content>.chip-actions>.status,.chip>.card-actions-container>.card-actions>.status,.chip>.chip-content>.chip-actions>.status{margin:0}.card>.card-actions-container>.card-actions>.action-btn,.card>.card-actions-container>.card-actions>.move,.card>.chip-content>.chip-actions>.action-btn,.card>.chip-content>.chip-actions>.move,.chip>.card-actions-container>.card-actions>.action-btn,.chip>.card-actions-container>.card-actions>.move,.chip>.chip-content>.chip-actions>.action-btn,.chip>.chip-content>.chip-actions>.move{height:var(--touch-target-size);margin:0 -4px;width:var(--touch-target-size)}.card>.card-actions-container>.card-actions>.action-btn:before,.card>.card-actions-container>.card-actions>.move:before,.card>.chip-content>.chip-actions>.action-btn:before,.card>.chip-content>.chip-actions>.move:before,.chip>.card-actions-container>.card-actions>.action-btn:before,.chip>.card-actions-container>.card-actions>.move:before,.chip>.chip-content>.chip-actions>.action-btn:before,.chip>.chip-content>.chip-actions>.move:before{color:var(--custom-text-color,var(--ui-control-color))}.card>.card-actions-container>.card-actions .action-btn,.card>.chip-content>.chip-actions .action-btn,.chip>.card-actions-container>.card-actions .action-btn,.chip>.chip-content>.chip-actions .action-btn{background-color:transparent}body.ltr .card>.card-actions-container>.card-actions .action-btn:before,body.ltr .card>.chip-content>.chip-actions .action-btn:before,body.ltr .chip>.card-actions-container>.card-actions .action-btn:before,body.ltr .chip>.chip-content>.chip-actions .action-btn:before{margin-right:0!important}body.rtl .card>.card-actions-container>.card-actions .action-btn:before,body.rtl .card>.chip-content>.chip-actions .action-btn:before,body.rtl .chip>.card-actions-container>.card-actions .action-btn:before,body.rtl .chip>.chip-content>.chip-actions .action-btn:before{margin-left:0!important}.card>.card-actions-container>.card-actions .action-btn:active,.card>.card-actions-container>.card-actions .action-btn:hover,.card>.card-actions-container>.card-actions .action-btn[aria-expanded=true],.card>.chip-content>.chip-actions .action-btn:active,.card>.chip-content>.chip-actions .action-btn:hover,.card>.chip-content>.chip-actions .action-btn[aria-expanded=true],.chip>.card-actions-container>.card-actions .action-btn:active,.chip>.card-actions-container>.card-actions .action-btn:hover,.chip>.card-actions-container>.card-actions .action-btn[aria-expanded=true],.chip>.chip-content>.chip-actions .action-btn:active,.chip>.chip-content>.chip-actions .action-btn:hover,.chip>.chip-content>.chip-actions .action-btn[aria-expanded=true]{-webkit-backdrop-filter:brightness(90%);backdrop-filter:brightness(90%)}.card>.card-actions-container>.card-actions .move,.card>.chip-content>.chip-actions .move,.chip>.card-actions-container>.card-actions .move,.chip>.chip-content>.chip-actions .move{margin-top:-3px!important}.card.error .label .label-link,.chip.error .label .label-link{color:var(--error-color)}.element-index .source-path{background-color:var(--gray-050);border-radius:3px;--ui-control-bg-color:var(--light-sel-color);--ui-control-hover-bg-color:#bdcbdb;--ui-control-active-bg-color:#acbed2}.element-index .source-path .chevron-btns{background:#fff;display:inline-flex;position:relative;--ui-control-height:1.875rem}.element-index .source-path .chevron-btns:before{border-top:calc(var(--ui-control-height)/2) solid #f3f7fc;content:"";display:block;font-size:0;height:0;position:absolute;top:0;width:0}body.ltr .element-index .source-path .chevron-btns:before{right:0}body.rtl .element-index .source-path .chevron-btns:before{left:0}body.ltr .element-index .source-path .chevron-btns:before{border-left:calc(var(--ui-control-height)/2) solid transparent}body.rtl .element-index .source-path .chevron-btns:before{border-right:calc(var(--ui-control-height)/2) solid transparent}.element-index .source-path .chevron-btns:after{border-bottom:calc(var(--ui-control-height)/2) solid #f3f7fc;content:"";display:block;font-size:0;position:absolute;top:calc(var(--ui-control-height)/2)}body.ltr .element-index .source-path .chevron-btns:after{right:0}body.rtl .element-index .source-path .chevron-btns:after{left:0}body.ltr .element-index .source-path .chevron-btns:after{border-left:calc(var(--ui-control-height)/2) solid transparent}body.rtl .element-index .source-path .chevron-btns:after{border-right:calc(var(--ui-control-height)/2) solid transparent}.element-index .source-path .chevron-btns .btn{--ui-control-border-radius:3px}.element-index .source-path .btn.settings{box-shadow:0 0 0 2px var(--white)}.element-index.main .source-path{margin:-22px calc(var(--padding)*-1 + 2px) 24px}.elementselectormodal .element-index .source-path{margin-bottom:2px}.element-index.pane .toolbar{background-color:var(--gray-050);border-radius:calc(var(--large-border-radius) - 1px) calc(var(--large-border-radius) - 1px) 0 0;box-shadow:0 1px 0 var(--hairline-color);margin:calc(var(--pane-padding)*-1) calc(var(--pane-padding)*-1) var(--pane-padding)!important;padding:var(--pane-padding);position:relative;z-index:2}.element-index.pane .header{background-color:transparent;border-bottom:1px solid var(--hairline-color);padding-bottom:var(--pane-padding);padding-top:var(--pane-padding)}.element-index.pane .elements{--border-radius:0}.element-index.pane .elements .tableview table.data thead td,.element-index.pane .elements .tableview table.data thead th{border-bottom:1px solid var(--hairline-color)}.element-index.pane .elements .tableview table.data thead td:not(.ordered),.element-index.pane .elements .tableview table.data thead th:not(.ordered){background-color:transparent}.element-index.pane .footer{background:transparent;border-radius:0 0 calc(var(--large-border-radius) - 1px) calc(var(--large-border-radius) - 1px)!important;border-top:1px solid var(--hairline-color);box-shadow:none}.elements{position:relative}.elements:not(.busy) .update-spinner{display:none}.elements.busy{min-height:72px}.elements.busy:after{background:hsla(0,0%,100%,.75);border-radius:var(--large-border-radius);content:"";display:block;font-size:0;height:100%;left:calc(var(--pane-padding, 24px)*-1);position:absolute;top:0;width:calc(100% + var(--pane-padding, 24px) + var(--pane-padding, 24px));z-index:100}.elements.busy .update-spinner{z-index:101}.elements .header{background-color:var(--gray-050);border-radius:var(--border-radius,var(--small-border-radius));box-shadow:none;margin:calc(var(--xl)*-1 + 2px) calc(var(--padding)*-1 + 2px) var(--xl);padding:var(--s)}.elements .header:after{content:""}.elements .header .selectallcontainer{align-items:center;cursor:default;display:flex;gap:5px}.elements .tableview tr.draggee td,.elements .tableview tr.draggee th,.elements .thumbsview li.draggee{opacity:.25}.elements .tableview th .move,.elements .tableview th .toggle{align-items:center;display:flex;height:var(--touch-target-size);justify-content:center;position:absolute;top:50%;transform:translateY(-50%);width:var(--touch-target-size)}body.ltr .elements .tableview th .move,body.ltr .elements .tableview th .toggle{margin-left:calc(var(--touch-target-size)*-1)}body.rtl .elements .tableview th .move,body.rtl .elements .tableview th .toggle{margin-right:calc(var(--touch-target-size)*-1)}.elements .tableview th .move{font-size:11px;text-decoration:none}.elements .tableview th .toggle{border-radius:50%;padding:4px;text-align:center}body.ltr .elements .tableview th .move+.toggle{margin-left:calc(var(--touch-target-size)*-2)}body.rtl .elements .tableview th .move+.toggle{margin-right:calc(var(--touch-target-size)*-2)}.elements .tableview th .enabled-label{margin-left:var(--xs)}.elements .tableview .chip{background-color:transparent}.elements .thumbsview{display:grid;gap:var(--xs);grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.elements .thumbsview li{border-radius:var(--large-border-radius);max-width:226px;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 .chip{background-color:var(--gray-050)}.elements .thumbsview li.sel a{cursor:pointer!important}.elements .thumbsview li.sel a:hover{text-decoration:underline}.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}.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;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(--gray-200)}body.rtl .structure ul li:not(:last-child):not(.last){border-right:1px solid var(--gray-200)}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 .chip{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)}.componentselect .components:not(:empty)+.flex,.elementselect .elements:not(:empty)+.flex{margin-top:var(--s)}.elementselect{min-height:34px;position:relative}.elementselect .btn,.elementselect .flex{clear:both}.elementselect .chip{z-index:1}.elementselect .structure .chip{margin-top:var(--xs)}body.ltr .elementselect .structure>li{padding-left:0}body.rtl .elementselect .structure>li{padding-right:0}body.ltr .elementselect .structure ul{margin-left:14px}body.rtl .elementselect .structure ul{margin-right:14px}.elementselect .structure ul li{background-position:0 6px!important}.nested-element-cards{display:flex;flex-direction:column;gap:var(--s)}.nested-element-cards>.pane{margin:0}table.editable{border:1px solid var(--gray-200);border-radius:var(--large-border-radius)}table.editable td.action,table.editable td.heading,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:calc(var(--large-border-radius) - 1px)}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:calc(var(--large-border-radius) - 1px)}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 .editable-table-preview{white-space:pre-wrap}body.ltr table.editable tbody tr td.textual .editable-table-preview{text-align:left}body.rtl table.editable tbody tr td.textual .editable-table-preview{text-align:right}table.editable tbody tr td.textual .editable-table-preview+textarea{height:0;min-height:0;opacity:0;padding-bottom:0;padding-top: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;-moz-user-select:none;-ms-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 .editable-table-preview,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;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:calc(100% - 29px)}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{background-clip:border-box;border:1px solid transparent;border-radius:100%;box-sizing:border-box;display:inline-block;height:.75rem;position:relative;width:.75rem}body.ltr .status{margin-right:10px}body.rtl .status{margin-left:10px}body.use-shapes .status.all{background-image:linear-gradient(30deg,#184cef,#e5422b);rotate:45deg}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.all,body.use-shapes .status.expired,body.use-shapes .status.off,body.use-shapes .status.suspended{border-radius:2px;transform:scale(90%)}.status:not(.on):not(.live):not(.active):not(.enabled):not(.all):not(.pending):not(.warning):not(.off):not(.suspended):not(.expired):not(.light):not(.gray):not(.red):not(.orange):not(.amber):not(.yellow):not(.lime):not(.green):not(.emerald):not(.teal):not(.cyan):not(.sky):not(.blue):not(.indigo):not(.violet):not(.purple):not(.fuchsia):not(.pink):not(.rose):not(.grey):not(.black){border-color:var(--ui-control-color)}.status.all{background-image:linear-gradient(60deg,#184cef,#e5422b);background-origin:border-box}.status.active,.status.enabled,.status.live,.status.on{background-color:var(--enabled-color)}.bg-red,.status.expired,.status.off,.status.red,.status.suspended{background-color:var(--disabled-color)}.status.warning{background-color:var(--warning-color)}.bg-orange,.status.orange,.status.pending{background-color:var(--pending-color)}.bg-amber,.status.amber{background-color:var(--amber-500)}.bg-yellow,.status.yellow{background-color:var(--yellow-500)}.bg-lime,.status.lime{background-color:var(--lime-500)}.bg-green,.status.green{background-color:var(--green-600)}.bg-emerald,.status.emerald{background-color:var(--emerald-500)}.bg-teal,.bg-turquoise,.status.teal,.status.turquoise{background-color:var(--teal-500)}.bg-cyan,.status.cyan{background-color:var(--cyan-500)}.bg-sky,.status.sky{background-color:var(--sky-500)}.bg-blue,.status.blue{background-color:var(--blue-600)}.bg-indigo,.status.indigo{background-color:var(--indigo-500)}.bg-violet,.status.violet{background-color:var(--violet-500)}.bg-purple,.status.purple{background-color:var(--purple-500)}.bg-fuchsia,.status.fuchsia{background-color:var(--fuchsia-500)}.bg-pink,.status.pink{background-color:var(--pink-500)}.bg-rose,.status.rose{background-color:var(--rose-500)}.status.light{background-color:var(--gray-100)}.bg-white,.status.white{background-color:var(--white)}.bg-black,.status.black{background-color:var(--gray-800)}.bg-gray,.bg-grey,.status.gray,.status.grey{background-color:var(--gray-300)}.status.disabled,.status.white{opacity:1}.cp-icon.warning,.icon.warning,[data-icon-after].warning,[data-icon].warning{--icon-color:var(--warning-color)}.cp-icon.red,.icon.red,[data-icon-after].red,[data-icon].red{--icon-color:var(--disabled-color)}.cp-icon.orange,.icon.orange,[data-icon-after].orange,[data-icon].orange{--icon-color:var(--pending-color)}.cp-icon.amber,.icon.amber,[data-icon-after].amber,[data-icon].amber{--icon-color:var(--amber-500)}.cp-icon.yellow,.icon.yellow,[data-icon-after].yellow,[data-icon].yellow{--icon-color:var(--yellow-500)}.cp-icon.lime,.icon.lime,[data-icon-after].lime,[data-icon].lime{--icon-color:var(--lime-500)}.cp-icon.green,.icon.green,[data-icon-after].green,[data-icon].green{--icon-color:var(--green-500)}.cp-icon.emerald,.icon.emerald,[data-icon-after].emerald,[data-icon].emerald{--icon-color:var(--emerald-500)}.cp-icon.teal,.icon.teal,[data-icon-after].teal,[data-icon].teal{--icon-color:var(--teal-500)}.cp-icon.cyan,.icon.cyan,[data-icon-after].cyan,[data-icon].cyan{--icon-color:var(--cyan-500)}.cp-icon.sky,.icon.sky,[data-icon-after].sky,[data-icon].sky{--icon-color:var(--sky-500)}.cp-icon.blue,.icon.blue,[data-icon-after].blue,[data-icon].blue{--icon-color:var(--blue-600)}.cp-icon.indigo,.icon.indigo,[data-icon-after].indigo,[data-icon].indigo{--icon-color:var(--indigo-500)}.cp-icon.violet,.icon.violet,[data-icon-after].violet,[data-icon].violet{--icon-color:var(--violet-500)}.cp-icon.purple,.icon.purple,[data-icon-after].purple,[data-icon].purple{--icon-color:var(--purple-500)}.cp-icon.fuchsia,.icon.fuchsia,[data-icon-after].fuchsia,[data-icon].fuchsia{--icon-color:var(--fuchsia-500)}.cp-icon.pink,.icon.pink,[data-icon-after].pink,[data-icon].pink{--icon-color:var(--pink-500)}.cp-icon.rose,.icon.rose,[data-icon-after].rose,[data-icon].rose{--icon-color:var(--rose-500)}.cp-icon.white,.icon.white,[data-icon-after].white,[data-icon].white{--icon-color:var(--white)}.cp-icon.black,.icon.black,[data-icon-after].black,[data-icon].black{--icon-color:var(--gray-800)}.cp-icon.gray,.icon.gray,[data-icon-after].gray,[data-icon].gray{--icon-color:var(--gray-300)}.amber[data-icon-after]:after,.amber[data-icon]:before,.black[data-icon-after]:after,.black[data-icon]:before,.blue[data-icon-after]:after,.blue[data-icon]:before,.cyan[data-icon-after]:after,.cyan[data-icon]:before,.emerald[data-icon-after]:after,.emerald[data-icon]:before,.fuchsia[data-icon-after]:after,.fuchsia[data-icon]:before,.gray[data-icon-after]:after,.gray[data-icon]:before,.green[data-icon-after]:after,.green[data-icon]:before,.indigo[data-icon-after]:after,.indigo[data-icon]:before,.lime[data-icon-after]:after,.lime[data-icon]:before,.orange[data-icon-after]:after,.orange[data-icon]:before,.pink[data-icon-after]:after,.pink[data-icon]:before,.purple[data-icon-after]:after,.purple[data-icon]:before,.red[data-icon-after]:after,.red[data-icon]:before,.rose[data-icon-after]:after,.rose[data-icon]:before,.sky[data-icon-after]:after,.sky[data-icon]:before,.teal[data-icon-after]:after,.teal[data-icon]:before,.violet[data-icon-after]:after,.violet[data-icon]:before,.warning[data-icon-after]:after,.warning[data-icon]:before,.white[data-icon-after]:after,.white[data-icon]:before,.yellow[data-icon-after]:after,.yellow[data-icon]:before{color:var(--icon-color)!important}.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{transition:width .1s linear;width:0}.progressbar.pending .progressbar-inner{animation-duration:.25s;animation-iteration-count:infinite;animation-timing-function:linear}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{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{flex:1;margin:8px 0!important}.missing-component .install-plugin .btn{margin:0}.pane{--pane-padding:var(--xl);--border:1px solid var(--hairline-color);background:#fff;border-radius:var(--large-border-radius);box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);margin:14px 0;padding:var(--pane-padding);position:relative;word-wrap:break-word;box-sizing:border-box}.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.dashed{border:1px dashed var(--medium-hairline-color)!important}.pane.dashed,.pane.hairline{background-color:transparent!important;box-shadow:none}.pane.hairline{border:1px solid rgba(96,125,159,.25)!important}.pane.no-border{border:none!important}.pane.padding-xs{--pane-padding:var(--xs)}.pane.padding-s{--pane-padding:var(--s)}.pane.padding-m{--pane-padding:var(--m)}.pane.padding-l{--pane-padding:var(--l)}.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:1.875rem;margin:2px 0;padding-left:0;padding-right:0;width:1.875rem}.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{align-items:center;display:flex;flex-direction:row;margin:calc(var(--s)*-1) calc(var(--padding)*-1)}.pane-tabs:first-child{border-radius:var(--large-border-radius) var(--large-border-radius) 0 0;overflow:hidden}.pane-tabs [role=tablist]{display:flex;flex:1;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]{--tab-label-color:var(--light-text-color)}.pane-tabs [role=tablist] [role=tab].error{--highlight-color:var(--error-color)!important;--tab-label-color:var(--error-color)!important}.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{align-items:center;display:flex;flex-direction:row;height:50px;padding:0 var(--padding);position:relative;white-space:nowrap}.pane-tabs [role=tablist] [role=tab]:hover{text-decoration:none}body.reduce-focus-visibility .pane-tabs [role=tablist] [role=tab]:focus-visible,body:not(.reduce-focus-visibility) .pane-tabs [role=tablist] [role=tab]:focus{box-shadow:none}body.reduce-focus-visibility .pane-tabs [role=tablist] [role=tab]:focus-visible .tab-label,body:not(.reduce-focus-visibility) .pane-tabs [role=tablist] [role=tab]:focus .tab-label{box-shadow:var(--inner-focus-ring)}.pane-tabs [role=tablist] [role=tab]:not(.sel){color:var(--custom-text-color,var(--tab-label-color))}.pane-tabs [role=tablist] [role=tab]:not(.sel):hover{-webkit-backdrop-filter:brightness(95%);backdrop-filter:brightness(95%)}.pane-tabs [role=tablist] [role=tab].sel{--highlight-color:var(--gray-500);--tab-label-color:var(--text-color);background-color:var(--white)!important;box-shadow:inset 0 2px 0 var(--custom-text-color,var(--highlight-color)),0 0 0 1px rgba(51,64,77,.1),0 2px 12px var(--custom-sel-tab-shadow-color,var(--gray-200));color:var(--tab-label-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#tabs:first-child [role=tablist] [role=tab]:first-child,body.ltr .pane-tabs#tabs:first-child [role=tablist] [role=tab]:first-child .tab-label{border-top-left-radius:var(--large-border-radius)}body.rtl .pane-tabs#tabs:first-child [role=tablist] [role=tab]:first-child,body.rtl .pane-tabs#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)}.pane-tabs .menubtn.error span[data-icon]{margin-right:2px}.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{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:#fcd815}.details .meta.warning .btn:active,.details .meta.warning .btn[aria-expanded=true]{background-color:#f5ce03}.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::-moz-placeholder{color:var(--gray-500)}.details .meta .text:-ms-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::-moz-placeholder,.details textarea::-moz-placeholder{color:var(--gray-500)}.details input:-ms-input-placeholder,.details textarea:-ms-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{align-items:center;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 var(--neg-padding)!important;min-height:50px;padding:0 var(--padding);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{font-family:Craft;position:absolute;width:31px;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;color:var(--light-text-color);content:"plus";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}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{margin:0}@media screen and (min-width:400px){.meta>.data>.heading,.meta>.field>.heading,.meta>.flex-fields>.data>.heading,.meta>.flex-fields>.field>.heading{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-right:var(--s)}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-left: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{flex:1}.meta>.data>.input .flex,.meta>.field>.input .flex,.meta>.flex-fields>.data>.input .flex,.meta>.flex-fields>.field>.input .flex{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-top:var(--s)}@media screen and (min-width:400px){.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:100%}@media screen and (min-width:400px){.meta>.data>.value,.meta>.field>.input,.meta>.flex-fields>.data>.value,.meta>.flex-fields>.field>.input{width:calc(100% - 112px)}}.meta>.data>.value,.meta>.flex-fields>.data>.value{align-items:center;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{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,.meta>.flex-fields>.field>.input>.datetimewrapper{gap: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):not(.first-child),.meta>.flex-fields+.field:not(.first-child){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}.meta>.field>.input>.custom-select{background-color:transparent;border-radius:0;box-shadow:none;display:block;margin:calc(var(--s)*-1) 0;width:100%}.meta>.field>.input>.custom-select .menubtn:not(.action-btn){background-color:transparent;justify-content:start;width:100%}body.ltr .meta>.field>.input>.custom-select .menubtn:not(.action-btn){padding-left:0}body.rtl .meta>.field>.input>.custom-select .menubtn:not(.action-btn){padding-right:0}.meta>.field>.input>.custom-select .menubtn:not(.action-btn):after{position:absolute;top:calc(50% - 5px)}body.ltr .meta>.field>.input>.custom-select .menubtn:not(.action-btn):after{right:0}body.rtl .meta>.field>.input>.custom-select .menubtn:not(.action-btn):after{left:0}.meta>.field>.input>.custom-select .label{max-width:100%;overflow:hidden;text-overflow:ellipsis}.body{position:relative}.hud,.modal,.slideout,.slideout-container{box-sizing:border-box;z-index:100}.hud,.modal{background-color:#fff;border-radius:5px;box-shadow:0 25px 100px rgba(31,41,51,.5)!important}.slideout-shade{opacity:0;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-container.so-lp{height:calc(100vh - var(--m)*2);left:var(--m);position:absolute;top:var(--m);width:calc(100% - var(--m)*2)}body.has-debug-toolbar .slideout-container{height:calc(100vh - 42px)}.slideout{background-color:var(--white);box-shadow:0 0 0 1px rgba(123,135,147,.25),0 25px 100px rgba(31,41,51,.5)!important;container-type:inline-size;display:flex;flex-direction:column;overflow:hidden;padding:24px var(--padding);pointer-events:all;position:absolute}.slideout.so-lp,.slideout.so-mobile{height:100%!important;left:0;transition:top .25s linear;width:100%!important;will-change:top}.slideout.so-mobile{--padding:14px;--neg-padding:-14px}.slideout:not(.so-mobile){border-radius:var(--large-border-radius)}.slideout:not(.so-mobile):not(.so-lp){height:calc(100% - 16px);top:8px;width:calc(50% - 8px)}@media screen and (prefers-reduced-motion:no-preference){body.ltr .slideout:not(.so-mobile):not(.so-lp){transition:left .25s linear;will-change:left}body.rtl .slideout:not(.so-mobile):not(.so-lp){transition:right .25s linear;will-change:right}}.slideout>.pane-header{padding-left:var(--padding);padding-right:var(--padding);z-index:2}.slideout>.pane-header>.so-toolbar{align-items:center;display:flex;flex-direction:row;gap:var(--xs);min-height:34px}.slideout>.pane-header>.so-toolbar>.pane-tabs{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-body{flex:1;margin:-24px var(--neg-padding);overflow:hidden auto;position:relative}.slideout>.so-body:not(:last-child){margin-bottom:0}.slideout>.so-body>h1:not(:last-child){border-bottom:1px solid var(--hairline-color);padding-bottom:var(--s)}.slideout>.so-body.so-full-details,.slideout>.so-body>.so-sidebar{background-color:var(--gray-100)!important}.slideout>.so-body:not(.so-full-details){padding:24px var(--padding)}.slideout>.so-body.so-full-details>.so-content>.details,.slideout>.so-body>.so-sidebar{box-sizing:border-box;padding:0 var(--padding) var(--spacing)}.slideout>.so-body.so-full-details>.so-content>.details>.preview-thumb-container,.slideout>.so-body>.so-sidebar>.preview-thumb-container{height:auto;margin:0 var(--neg-padding);min-height:54px}.slideout>.so-body.so-full-details>.so-content>.details>.preview-thumb-container+.pane-header,.slideout>.so-body>.so-sidebar>.preview-thumb-container+.pane-header{border-radius:0}.slideout>.so-body.so-full-details>.so-content>.details .image-actions.is-mobile,.slideout>.so-body>.so-sidebar .image-actions.is-mobile{margin:calc(var(--spacing)/2) 0 var(--spacing)}.slideout>.so-body.so-full-details>.so-content>.details>.meta.read-only:first-child,.slideout>.so-body>.so-sidebar>.meta.read-only:first-child{margin-top:var(--padding)}.slideout>.so-body.so-full-details>.so-content>.details>.meta.warning,.slideout>.so-body>.so-sidebar>.meta.warning{border-bottom:1px solid var(--yellow-300);box-shadow:none}.slideout>.so-body.so-full-details>.so-content>.details>.field>.input>.text.fullwidth,.slideout>.so-body>.so-sidebar>.field>.input>.text.fullwidth{border-radius:0}.slideout>.so-body.so-full-details>.so-content>.details .notes,.slideout>.so-body>.so-sidebar .notes{padding-bottom:var(--m);padding-top:var(--m)}.slideout>.so-body>.so-sidebar{background:#fff;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);height:100%;max-width:100%;overflow:hidden auto;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{transition:right .25s linear}body.rtl .slideout>.so-body>.so-sidebar{transition:left .25s linear}.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:flex;flex-wrap:wrap;gap:8px;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);flex:0 0 100%;margin:0 var(--neg-padding);padding:0 var(--padding) 8px}@container (width > 700px){.slideout.has-sidebar .pane-header:not(.so-visible),.slideout.has-sidebar .sidebar-btn{display:none}.slideout.has-sidebar .so-body{display:flex;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;flex:auto 0 1;margin:0;padding:0}}.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:5px var(--pane-padding,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:calc(var(--pane-padding, 24px)*-1) calc(var(--pane-padding, 24px)*-1) var(--pane-padding,24px)}.modal .body .footer,.pane .footer{margin:var(--pane-padding,24px) calc(var(--pane-padding, 24px)*-1) calc(var(--pane-padding, 24px)*-1)}.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-shade.blurred,.slideout-shade.blurred{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.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{font-family:Craft;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;color:var(--light-text-color);content:"alert";font-size:40px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}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:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;color:var(--light-text-color);content:"secure";font-size:58px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}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.tooltip-hud{display:block}.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-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{align-items:center;background-color:var(--gray-900);display:flex;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:linear-gradient(45deg,rgba(154,165,177,.25) 25%,transparent 0),linear-gradient(135deg,rgba(154,165,177,.25) 25%,transparent 0),linear-gradient(45deg,transparent 75%,rgba(154,165,177,.25) 0),linear-gradient(135deg,transparent 75%,rgba(154,165,177,.25) 0);background-position:0 0,8.5px 0,8.5px -8.5px,0 8.5px;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{align-items:center;display:flex;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;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);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:focus-within .buttons,.button-fade:hover .buttons{opacity:1}.elementselectormodal{--content-padding:24px;padding-bottom:50px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.elementselectormodal>.header{padding-bottom:14px;padding-top:14px;text-align:center}.elementselectormodal>.header+.body{height:calc(100% - 48px)!important}.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 .header{margin:0 0 var(--m)}.elementselectormodal .body .content .main .elements .tableview table tr td,.elementselectormodal .body .content .main .elements .tableview table tr th{cursor:default}.elementselectormodal .body .content .main .elements .tableview table tr .checkbox:before{box-shadow:none!important}.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}.customize-sources-modal .main-header,.elementselectormodal .main-header{align-items:center;display:flex;margin-bottom:var(--s)}.customize-sources-modal .main-heading,.elementselectormodal .main-heading{margin-bottom:0}.customize-sources-modal .nav-toggle,.elementselectormodal .nav-toggle{color:var(--ui-control-color);height:var(--touch-target-size);width:var(--touch-target-size)}body.ltr .customize-sources-modal .nav-toggle,body.ltr .elementselectormodal .nav-toggle{margin-left:4px}body.rtl .customize-sources-modal .nav-toggle,body.rtl .elementselectormodal .nav-toggle{margin-right:4px}.customize-sources-modal .nav-toggle:hover,.elementselectormodal .nav-toggle:hover{color:var(--gray-500)}.customize-sources-modal .sidebar-header,.elementselectormodal .sidebar-header{display:flex;justify-content:flex-end;margin-bottom:var(--s);padding:0 var(--s)}.customize-sources-modal .nav-close,.elementselectormodal .nav-close{height:var(--touch-target-size);width:var(--touch-target-size)}.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}body.ltr .activity-container:not(:last-child){margin-right:var(--s)}body.rtl .activity-container:not(:last-child){margin-left:var(--s)}.activity-container ul{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--xs)}.activity-container ul li .activity-btn{border-radius:50%;display:block;height:30px;width:30px}.activity-container ul li .activity-btn .elementthumb{background:var(--gray-050);border:2px solid var(--white);border-radius:50px;box-shadow:0 1px 2px 1px rgba(31,41,51,.1);height:100%;overflow:hidden;position:relative;width:100%}.activity-container ul li .activity-btn .elementthumb img,.activity-container ul li .activity-btn .elementthumb svg{display:block;height:100%;width:100%}body.ltr .activity-container ul li:not(:last-child){margin-right:-10px}body.rtl .activity-container ul li:not(:last-child){margin-left:-10px}.element-index-view-menu{max-width:calc(100% - 20px);padding:0!important;width:400px}.element-index-view-menu .meta{padding-bottom:var(--s);padding-top:var(--s)}.element-index-view-menu .table-columns-field{align-items:flex-start}.element-index-view-menu .table-columns-field .input{padding:13px 0}.element-index-view-menu .menu-footer{background-color:var(--gray-050);margin:0!important;padding:var(--s) var(--xl)!important}.element-index-view-menu-table-column{align-content:stretch;align-items:flex-start;display:flex;margin-bottom:4px}.element-index-view-menu-table-column .icon.move{position:relative;z-index:1}body.ltr .element-index-view-menu-table-column .icon.move{margin-right:10px}body.rtl .element-index-view-menu-table-column .icon.move{margin-left:10px}.sort-field .input .flex .btngroup .btn{width:42px}.sort-field .input .flex .flex-grow{max-width:calc(100% - 85px - var(--s))}@media screen and (max-width:350px){.sort-field .input .flex{flex-direction:column}.sort-field .input .flex>*{width:100%}.sort-field .input .flex .flex-grow{max-width:none}}.element-filter-hud.loading .body{align-items:center;display:flex;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))}.so-content .address-cards{grid-template-columns:repeat(1,minmax(0,1fr))!important}.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))}.so-content .address-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@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: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;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}#elevatedsessionmodal,#logoutwarningmodal,.login-modal,.login-modal-shade,.logoutwarningmodalshade,.prompt{z-index:1001}#elevatedsessionmodal,#logoutwarningmodal,.prompt{width:500px}.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}.deleteusermodal div.elements{list-style:none}.dropdownsettingsmodal{height:auto;max-width:400px;min-height:0;min-width:0;width:auto}.dropdownsettingsmodal .body{max-height:100%;overflow-y:auto}.previewmodal.zilch{align-items:center;display:flex;justify-content:center;padding:100px 0}.video-transcript{background-color:var(--gray-050);font-size:1rem;overflow-y:scroll;position:relative}body.reduce-focus-visibility .video-transcript:focus-visible,body:not(.reduce-focus-visibility) .video-transcript:focus{background-color:var(--gray-800);box-shadow:none;color:var(--white)}.video-transcript__inner{margin-left:auto;margin-right:auto;max-width:550px;padding:var(--xl)}.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;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:100}.ui-datepicker,.ui-timepicker-list{padding:0}.menu{display:none;position:absolute}.menu.padded{padding:var(--s) calc(var(--m) + var(--s))}.menu.padded hr{margin:var(--s) calc((var(--m) + var(--s))*-1)}.menu.padded ul li{margin:0 calc(var(--m)*-1);padding:0 var(--m)}.menu.padded ul li a{border-radius:var(--large-border-radius)}.menu.padded .extralight{margin-top:2px}.menu .h6:first-child,.menu h6:first-child{margin-top:14px!important}body.ltr .menu ul.padded li .menu-item,body.ltr .menu ul.padded li .menu-option,body.ltr .menu ul.padded li a{padding-left:calc(var(--m) + 1.125rem)}body.rtl .menu ul.padded li .menu-item,body.rtl .menu ul.padded li .menu-option,body.rtl .menu ul.padded li a{padding-right:calc(var(--m) + 1.125rem)}.menu ul.padded li .menu-item.sel:not([data-icon]):before,.menu ul.padded li .menu-option.sel:not([data-icon]):before,.menu ul.padded li a.sel:not([data-icon]):before{color:var(--ui-control-color);content:"check";font-size:14px;margin-top:3px!important;width:14px}body.ltr .menu ul.padded li .menu-item.sel:not([data-icon]):before,body.ltr .menu ul.padded li .menu-option.sel:not([data-icon]):before,body.ltr .menu ul.padded li a.sel:not([data-icon]):before{float:left}body.rtl .menu ul.padded li .menu-item.sel:not([data-icon]):before,body.rtl .menu ul.padded li .menu-option.sel:not([data-icon]):before,body.rtl .menu ul.padded li a.sel:not([data-icon]):before{float:right}body.ltr .menu ul.padded li .menu-item.sel:not([data-icon]):before,body.ltr .menu ul.padded li .menu-option.sel:not([data-icon]):before,body.ltr .menu ul.padded li a.sel:not([data-icon]):before{margin:4px 0 0 calc(-1.125rem - 4px)}body.rtl .menu ul.padded li .menu-item.sel:not([data-icon]):before,body.rtl .menu ul.padded li .menu-option.sel:not([data-icon]):before,body.rtl .menu ul.padded li a.sel:not([data-icon]):before{margin:4px calc(-1.125rem - 4px) 0 0}.menu ul li .menu-item,.menu ul li .menu-option,.menu ul li a{-webkit-appearance:none;font-size:14px;margin:0 -14px;padding:10px 14px;white-space:nowrap}body.ltr .menu ul li .menu-item:not(:last-child),body.ltr .menu ul li .menu-option:not(:last-child),body.ltr .menu ul li a:not(:last-child){margin-right:0}body.rtl .menu ul li .menu-item:not(:last-child),body.rtl .menu ul li .menu-option:not(:last-child),body.rtl .menu ul li a:not(:last-child){margin-left:0}.menu ul li .menu-item:not(.flex):not(.hidden),.menu ul li .menu-option:not(.flex):not(.hidden),.menu ul li a:not(.flex):not(.hidden){display:block;width:calc(100% + 28px)}body.ltr .menu ul li .menu-item:not(.flex):not(.hidden),body.ltr .menu ul li .menu-option:not(.flex):not(.hidden),body.ltr .menu ul li a:not(.flex):not(.hidden){text-align:left}body.rtl .menu ul li .menu-item:not(.flex):not(.hidden),body.rtl .menu ul li .menu-option:not(.flex):not(.hidden),body.rtl .menu ul li a:not(.flex):not(.hidden){text-align:right}.menu ul li .menu-item.flex [data-icon],.menu ul li .menu-option.flex [data-icon],.menu ul li a.flex [data-icon]{margin-top:-2px}.menu ul li .menu-item.sel,.menu ul li .menu-option.sel,.menu ul li a.sel{cursor:default}.menu ul li .menu-item .shortcut,.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-item .shortcut,body.ltr .menu ul li .menu-option .shortcut,body.ltr .menu ul li a .shortcut{float:right}body.rtl .menu ul li .menu-item .shortcut,body.rtl .menu ul li .menu-option .shortcut,body.rtl .menu ul li a .shortcut{float:left}body.ltr .menu ul li .menu-item .shortcut,body.ltr .menu ul li .menu-option .shortcut,body.ltr .menu ul li a .shortcut{margin-left:14px}body.rtl .menu ul li .menu-item .shortcut,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 .go:after{color:inherit}.menu ul li .menu-item,.menu ul li .menu-option,.menu:not(.menu--disclosure) ul li a{color:#3f4d5a;cursor:default;text-decoration:none}.menu li>a [data-icon]:before,.menu li>a span.icon:not([data-icon]),.menu li>a[data-icon]:before,.menu li>button [data-icon]:before,.menu li>button span.icon:not([data-icon]),.menu li>button[data-icon]:before{display:inline-block;height:.875rem;width:.875rem}body.ltr .menu li>a [data-icon]:before,body.ltr .menu li>a span.icon:not([data-icon]),body.ltr .menu li>a[data-icon]:before,body.ltr .menu li>button [data-icon]:before,body.ltr .menu li>button span.icon:not([data-icon]),body.ltr .menu li>button[data-icon]:before{margin-left:-1px}body.rtl .menu li>a [data-icon]:before,body.rtl .menu li>a span.icon:not([data-icon]),body.rtl .menu li>a[data-icon]:before,body.rtl .menu li>button [data-icon]:before,body.rtl .menu li>button span.icon:not([data-icon]),body.rtl .menu li>button[data-icon]:before{margin-right:-1px}body.ltr .menu li>a [data-icon]:before,body.ltr .menu li>a span.icon:not([data-icon]),body.ltr .menu li>a[data-icon]:before,body.ltr .menu li>button [data-icon]:before,body.ltr .menu li>button span.icon:not([data-icon]),body.ltr .menu li>button[data-icon]:before{margin-right:9px}body.rtl .menu li>a [data-icon]:before,body.rtl .menu li>a span.icon:not([data-icon]),body.rtl .menu li>a[data-icon]:before,body.rtl .menu li>button [data-icon]:before,body.rtl .menu li>button span.icon:not([data-icon]),body.rtl .menu li>button[data-icon]:before{margin-left:9px}.menu li>a [data-icon]:before,.menu li>a[data-icon]:before,.menu li>button [data-icon]:before,.menu li>button[data-icon]:before{color:var(--ui-control-color);font-size:14px;position:relative;text-align:center;top:-2px}.menu li>a span.icon:not([data-icon]) svg,.menu li>button span.icon:not([data-icon]) svg{display:block;height:100%;position:relative;top:1px;width:100%}.menu li>a span.icon:not([data-icon]) svg circle,.menu li>a span.icon:not([data-icon]) svg ellipse,.menu li>a span.icon:not([data-icon]) svg line,.menu li>a span.icon:not([data-icon]) svg path,.menu li>a span.icon:not([data-icon]) svg polygon,.menu li>a span.icon:not([data-icon]) svg polyline,.menu li>a span.icon:not([data-icon]) svg rect,.menu li>a span.icon:not([data-icon]) svg text,.menu li>button span.icon:not([data-icon]) svg circle,.menu li>button span.icon:not([data-icon]) svg ellipse,.menu li>button span.icon:not([data-icon]) svg line,.menu li>button span.icon:not([data-icon]) svg path,.menu li>button span.icon:not([data-icon]) svg polygon,.menu li>button span.icon:not([data-icon]) svg polyline,.menu li>button span.icon:not([data-icon]) svg rect,.menu li>button span.icon:not([data-icon]) svg text{fill:var(--icon-color,var(--ui-control-color));stroke-width:0}.menu li>a.error [data-icon]:before,.menu li>a.error[data-icon]:before,.menu li>button.error [data-icon]:before,.menu li>button.error[data-icon]:before{color:var(--error-color)}.menu li>a.error span.icon:not([data-icon]) svg circle,.menu li>a.error span.icon:not([data-icon]) svg ellipse,.menu li>a.error span.icon:not([data-icon]) svg line,.menu li>a.error span.icon:not([data-icon]) svg path,.menu li>a.error span.icon:not([data-icon]) svg polygon,.menu li>a.error span.icon:not([data-icon]) svg polyline,.menu li>a.error span.icon:not([data-icon]) svg rect,.menu li>a.error span.icon:not([data-icon]) svg text,.menu li>button.error span.icon:not([data-icon]) svg circle,.menu li>button.error span.icon:not([data-icon]) svg ellipse,.menu li>button.error span.icon:not([data-icon]) svg line,.menu li>button.error span.icon:not([data-icon]) svg path,.menu li>button.error span.icon:not([data-icon]) svg polygon,.menu li>button.error span.icon:not([data-icon]) svg polyline,.menu li>button.error span.icon:not([data-icon]) svg rect,.menu li>button.error span.icon:not([data-icon]) svg text{fill:var(--error-color);stroke-width:0}.menu:not(.menu--disclosure) ul li .menu-item:not(.sel):not(.disabled):hover,.menu:not(.menu--disclosure) ul li .menu-option:not(.sel):not(.disabled):hover,.menu:not(.menu--disclosure) ul li a:not(.sel):not(.disabled):hover,.menu:not(.menu--disclosure):not(:hover) ul li .menu-item:not(.sel):not(.disabled).hover,.menu:not(.menu--disclosure):not(:hover) ul li .menu-option:not(.sel):not(.disabled).hover,.menu:not(.menu--disclosure):not(:hover) ul li a:not(.sel):not(.disabled).hover{background-color:#f3f7fc;color:#3f4d5a}body.ltr .menu .h6.padded,body.ltr .menu h6.padded,body.ltr .menu hr.padded{margin-left:20px}body.rtl .menu .h6.padded,body.rtl .menu h6.padded,body.rtl .menu hr.padded{margin-right:20px}.menu--disclosure ul li>.menu-item:hover,.menu--disclosure ul li>.menu-option:hover,.menu--disclosure ul li>a:not(.crumb-link):hover{background-color:#f3f7fc;color:#3f4d5a}body.reduce-focus-visibility .menu--disclosure ul li>.menu-item:focus-visible,body.reduce-focus-visibility .menu--disclosure ul li>.menu-option:focus-visible,body.reduce-focus-visibility .menu--disclosure ul li>a:not(.crumb-link):focus-visible,body:not(.reduce-focus-visibility) .menu--disclosure ul li>.menu-item:focus,body:not(.reduce-focus-visibility) .menu--disclosure ul li>.menu-option:focus,body:not(.reduce-focus-visibility) .menu--disclosure ul li>a:not(.crumb-link):focus{box-shadow:inset 0 0 0 3px hsla(var(--dark-focus-hsl),.7)}.tagselect .elements{display:inline}.tagselect .chip.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 .chip,body.rtl .tagselect.elementselect .chip{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}.selectize-control.single .selectize-input:not(.no-arrow):after{display:none}.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:calc(var(--large-border-radius) - 1px)}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:calc(var(--large-border-radius) - 1px)}.border-box,.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;-moz-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.ltr .multitext .multitextrow:first-child .text:last-child,body.rtl .multitext .multitextrow:first-child .text:first-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.ltr .multitext .multitextrow:last-child .text:last-child,body.rtl .multitext .multitextrow:last-child .text:first-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:-1.6875rem 7px 0 0}body.rtl .chars-left{margin:-1.6875rem 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{border-radius:1px;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);box-shadow:0 0 5px rgba(36,99,235,.15)}.field>.status-badge.outdated{background-color:var(--pending-color);box-shadow:0 0 5px rgba(251,146,60,.15)}.field>.heading{align-items:center;display:flex;flex-wrap:wrap;margin-bottom:5px;margin-top:-5px;position:relative}.field>.heading>label,.field>.heading>legend{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);position:relative;top:-.0625rem}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{margin:5px 0 0}.field>.input input:disabled,.field>.input textarea:disabled{cursor:not-allowed}.field>.notice,.field>.warning{margin:5px 0 0}.checkboxfield .instructions,.field>.heading>.instructions,.field>.instructions{color:var(--custom-text-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;line-height:1rem;min-height:1rem;position:relative}body.ltr div.checkbox,body.ltr input.checkbox+label{padding-left:calc(1rem + 5px)}body.rtl div.checkbox,body.rtl input.checkbox+label{padding-right:calc(1rem + 5px)}div.checkbox,div.checkbox:before,input.checkbox+label,input.checkbox+label:before{border-radius:var(--small-border-radius)}div.checkbox:before,input.checkbox+label:before{background-clip:padding-box;background-color:#fbfcfe;border:1px solid rgba(96,125,159,.4);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}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 .info,input.checkbox+label .info{height:16px}.disabled div.checkbox,input.checkbox:disabled+label{cursor:not-allowed}.elementselectormodal .body .content .main .elements .disabled .checkbox:before,.sel div.checkbox:before,div.checkbox.checked:before,div.checkbox.indeterminate:before,input.checkbox:checked+label:before,input.checkbox:indeterminate+label:before{font-family:Craft;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;color:var(--gray-900);line-height:var(--checkbox-size);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.elementselectormodal .body .content .main .elements .disabled .checkbox:before,.sel.matrixblock>.actions div.checkbox:not(.indeterminate):before,.sel:not(.matrixblock) div.checkbox:not(.indeterminate):before,div.checkbox.checked:not(.indeterminate):before,input.checkbox:checked:not(:indeterminate)+label:before{content:"check";font-size:14px}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)}.checkbox-icon{background-color:var(--enabled-color);border-radius:var(--small-border-radius);color:var(--white);display:inline-flex;padding:3px}.checkbox-icon:before{--checkbox-size:14px;font-family:Craft;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;content:"check";font-size:var(--checkbox-size);line-height:var(--checkbox-size);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body.reduce-focus-visibility .monaco-mouse-cursor-text:focus-visible,body:not(.reduce-focus-visibility) .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:calc(1rem + 5px)}body.rtl .checkboxfield .instructions,body.rtl .checkboxfield .notice,body.rtl .checkboxfield .warning{padding-right:calc(1rem + 5px)}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:calc(1rem + 5px)}body.rtl div.radio,body.rtl input.radio+label{padding-right:calc(1rem + 5px)}.disabled div.radio,input.radio:disabled+label{cursor:not-allowed}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;top:50%;transform:translateY(-50%);width:var(--radio-size)}div.radio:after,input.radio+label:after{height:calc(var(--radio-size) - 8px);left:4px;top:50%;transform:translateY(-50%);width:calc(var(--radio-size) - 8px)}.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;-moz-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:2.125rem}.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,td.errors .text{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:calc(50% - .4375rem)}body.ltr .texticon.icon:before{left:9px}body.rtl .texticon.icon:before{right:9px}.texticon .texticon-icon{align-items:center;display:flex;justify-content:center;position:absolute;top:1.0625rem;transform:translateY(-50%)}body.ltr .texticon .texticon-icon{left:9px}body.rtl .texticon .texticon-icon{right:9px}body.ltr .texticon .text{padding-left:1.625rem}body.rtl .texticon .text{padding-right:1.625rem}.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:1.0625rem;transform:translateY(-50%)}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:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;color:var(--medium-text-color);content:"filter";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.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,.texticon.has-filter-btn .filter-btn[aria-expanded=true]{background-color:var(--gray-350)}.texticon.has-filter-btn .filter-btn.active:before,.texticon.has-filter-btn .filter-btn:active:before,.texticon.has-filter-btn .filter-btn[aria-expanded=true]:before{color:var(--white)}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{flex-direction:row;flex-wrap:nowrap;gap:5px}.clear-btn,.datetimewrapper{align-items:center;display:flex}.clear-btn{background:transparent;border:none;color:var(--ui-control-color);cursor:pointer;justify-content:center;padding:0;width:24px}.clear-btn:before{font-family:Craft;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;content:"remove";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.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%;position:absolute;top:50%;width:2px}.close-btn:before{transform:translate(-50%,-50%) rotate(-45deg)}.close-btn:after{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:-moz-placeholder-shown+div[data-icon],.timewrapper .text:-moz-placeholder-shown+div[data-icon]{color:var(--light-text-color);display:block;position:absolute;top:calc(50% - 12px);z-index:0}.datewrapper .text:-ms-input-placeholder+div[data-icon],.timewrapper .text:-ms-input-placeholder+div[data-icon]{color:var(--light-text-color);display:block;position:absolute;top:calc(50% - 12px);z-index:0}.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:-moz-placeholder-shown+div[data-icon],body.ltr .timewrapper .text:-moz-placeholder-shown+div[data-icon]{left:14px}body.ltr .datewrapper .text:-ms-input-placeholder+div[data-icon],body.ltr .timewrapper .text:-ms-input-placeholder+div[data-icon]{left:14px}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:-moz-placeholder-shown+div[data-icon],body.rtl .timewrapper .text:-moz-placeholder-shown+div[data-icon]{right:14px}body.rtl .datewrapper .text:-ms-input-placeholder+div[data-icon],body.rtl .timewrapper .text:-ms-input-placeholder+div[data-icon]{right: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:-moz-placeholder-shown+div[data-icon],.datewrapper .text:-moz-placeholder-shown+div[data-icon]:before,.timewrapper .text:-moz-placeholder-shown+div[data-icon],.timewrapper .text:-moz-placeholder-shown+div[data-icon]:before{pointer-events:none;-moz-user-select:none;user-select:none;z-index:1}.datewrapper .text:-ms-input-placeholder+div[data-icon],.datewrapper .text:-ms-input-placeholder+div[data-icon]:before,.timewrapper .text:-ms-input-placeholder+div[data-icon],.timewrapper .text:-ms-input-placeholder+div[data-icon]:before{pointer-events:none;-ms-user-select:none;user-select:none;z-index:1}.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;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1}.datewrapper{width:8em}.timewrapper{width:7em}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--gray-400)}input:-ms-input-placeholder,textarea:-ms-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{align-items:center;display:flex;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 .125rem .125rem 0;color:var(--ui-control-color);content:"";display:block;font-size:0;height:.4375rem;opacity:.8;pointer-events:none;position:relative;position:absolute;top:calc(50% - 5px);transform:rotate(45deg);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:.4375rem;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;-moz-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}.custom-select.disabled,.selectize-control .selectize-input.disabled{cursor:not-allowed!important;opacity:1;pointer-events:auto!important}.custom-select.disabled *,.selectize-control .selectize-input.disabled *{cursor:not-allowed!important;pointer-events:auto!important}.selectize .selectize-input{background-color:transparent;border-color:inherit;box-shadow:none;display:block}.selectize .selectize-input .item{max-width:100%}.selectize .selectize-input .item span{overflow:hidden;text-overflow:ellipsis}.selectize.select .selectize-input:after{display:none}body .selectize-dropdown{border:none;z-index:101}.selectize.select{height:34px}.selectize.select input::-moz-placeholder,.selectize.select textarea::-moz-placeholder{color:var(--gray-700)}.selectize.select input:-ms-input-placeholder,.selectize.select textarea:-ms-input-placeholder{color:var(--gray-700)}.selectize.select input::placeholder,.selectize.select textarea::placeholder{color:var(--gray-700)}.selectize.select:not(.fullwidth){max-width:100%;width:25em}.datetimewrapper .selectize.select:not(.fullwidth){max-width:calc(100% - 29px)}.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 .125rem .125rem 0;color:var(--ui-control-color);content:"";display:block;font-size:0;height:.4375rem;opacity:.8;pointer-events:none;position:relative;position:absolute;top:calc(50% - 5px);transform:rotate(45deg);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:.4375rem;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;-moz-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:inline-flex;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{font-family:Craft;font-size:14px;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;content:"remove";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body .selectize-dropdown{margin-top:1px}body .selectize-dropdown .optgroup-header,body .selectize-dropdown .option,body .selectize-dropdown [data-selectable]{color:#3f4d5a;margin:0 -14px;padding:10px 14px;text-decoration:none;white-space:nowrap}body .selectize-dropdown .optgroup{padding-top:5px}body .selectize-dropdown .optgroup:not(:first-child){border-top:1px solid var(--hairline-color)}body .selectize-dropdown .optgroup .option{padding-left:24px}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:not(.selected),body .selectize-dropdown .option:hover{background-color:var(--gray-100)}body .selectize-dropdown .selected{background-color:#f3f7fc;color:#3f4d5a;cursor:default!important}body .selectize-dropdown .selected .light{color:inherit!important}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);max-height:70vh;overflow:auto;padding:0 14px;-webkit-user-select:none;-moz-user-select:none;-ms-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{font-family:Craft;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;content:"plus";margin-right:5px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body .selectize-dropdown-content>div[data-value=new]:after{content:"…"}body.no-scroll .selectize-dropdown-content{max-height:200px}.ui-datepicker{position:fixed;top:-300px;-padding:10px;height:242px;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{align-items:center;display:flex;height:20px;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 .125rem .125rem 0;content:"";display:block;font-size:0;height:.4375rem;opacity:.8;position:relative;width:.4375rem}body.ltr .ui-datepicker-prev:after{transform:rotate(135deg)}body.rtl .ui-datepicker-prev:after{transform:rotate(-45deg)}.ui-datepicker-next:after{border:solid;border-width:0 .125rem .125rem 0;content:"";display:block;font-size:0;height:.4375rem;opacity:.8;position:relative;width:.4375rem}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 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{background-color:var(--dark-sel-color);color:var(--white);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;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{background-color:var(--dark-sel-color);color:var(--white);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;cursor:default;font-weight:500}.slide-picker{display:flex;height:1rem;white-space:nowrap}.slide-picker a{background-image:none;border:1px solid var(--hairline-color);box-sizing:border-box;cursor:pointer;height:calc(1rem - 2px);margin-bottom:1px;margin-left:0;margin-top:1px;position:relative;width:calc(.5rem - 1px)}body.ltr .slide-picker a{border-left:none}body.rtl .slide-picker a{border-right:none}.slide-picker a:first-child{width:.5rem}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 a:before{content:"";height:var(--touch-target-size);left:-1px;position:absolute;top:calc(-.25rem - 1px);width:calc(100% + 2px)}.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:1rem;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)}.icon-picker{align-items:center;display:flex;flex-direction:row;gap:var(--xs)}.icon-picker--icon{align-items:center;background-clip:padding-box;background-color:#fbfcfe;background:var(--gray-050);border:1px solid rgba(96,125,159,.25);border-radius:3px;border-radius:var(--ui-control-border-radius);display:flex;height:var(--ui-control-height);justify-content:center;width:var(--ui-control-height)}.icon-picker--icon svg{height:1.25rem;width:1.25rem}.icon-picker--icon svg circle,.icon-picker--icon svg ellipse,.icon-picker--icon svg line,.icon-picker--icon svg path,.icon-picker--icon svg polygon,.icon-picker--icon svg polyline,.icon-picker--icon svg rect,.icon-picker--icon svg text{fill:var(--ui-control-color);stroke-width:0}.icon-picker-modal{--width:calc(var(--ui-control-height)*10 + var(--s)*9 + var(--xl)*2);max-width:calc(100% - 20px)!important;min-width:0!important;width:var(--width)!important}.icon-picker-modal .body{display:flex;flex-direction:column;gap:var(--l);height:100%}.icon-picker-modal .body .icon-picker-modal--list{flex:1;overflow:hidden;position:relative}.icon-picker-modal .body .icon-picker-modal--list:not(.loading) .spinner{display:none}.icon-picker-modal .body .icon-picker-modal--list.loading:after{background-color:hsla(0,0%,100%,.75);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.icon-picker-modal .body .icon-picker-modal--list.loading .spinner{top:calc(50% - 10px);z-index:1}.icon-picker-modal .body .icon-picker-modal--list ul{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--s);justify-content:start;max-height:100%;overflow:auto}.icon-picker-modal .body .icon-picker-modal--list ul .icon-picker--icon{--focus-ring:var(--inner-focus-ring)}.icon-picker-modal .body .icon-picker-modal--list ul .icon-picker--icon:hover{background-color:var(--blue-100);border-color:var(--link-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}body.setup-2fa{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100%}body.setup-2fa #setup-2fa{display:flex;flex-direction:column;gap:var(--l);max-width:100%;padding:var(--padding);width:550px}body.setup-2fa #setup-2fa #setup-2fa-intro{text-align:center}body.setup-2fa #setup-2fa #setup-2fa-btn{display:flex;justify-content:center}.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;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:#f3f7fc;color:#3f4d5a;cursor:pointer}.matrix>.buttons{margin-top:10px}.matrixblock{background-color:var(--white);border:2px solid var(--gray-100);border-radius:var(--large-border-radius);margin-bottom:10px;padding:0 var(--m) var(--m);position:relative}.matrixblock.static .titlebar{margin-bottom:14px}body.ltr .matrixblock.static .titlebar{padding-right:0}body.rtl .matrixblock.static .titlebar{padding-left:0}body.ltr .matrixblock.static .titlebar{padding-left:14px}body.rtl .matrixblock.static .titlebar{padding-right:14px}.matrixblock>.actions .action-btn,.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn){background-color:transparent;color:var(--custom-text-color,var(--ui-control-color));height:var(--touch-target-size);padding:0;width:var(--touch-target-size)}.matrixblock>.actions .action-btn:hover,.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn):hover{-webkit-backdrop-filter:brightness(90%);backdrop-filter:brightness(90%)}.matrixblock>.actions .action-btn:active,.matrixblock>.actions .action-btn[aria-expanded=true],.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn):active,.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn)[aria-expanded=true]{-webkit-backdrop-filter:brightness(85%);backdrop-filter:brightness(85%)}.matrixblock .flex-fields{--row-gap:var(--m)!important}.matrixblock>.titlebar{align-items:center;border-radius:calc(var(--large-border-radius) - 2px) calc(var(--large-border-radius) - 2px) 0 0;box-sizing:border-box;color:var(--custom-text-color,var(--light-text-color));display:grid;gap:var(--m);grid-template-columns:auto 1fr;margin:0 calc(var(--m)*-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;background-color:var(--gray-050);cursor:default;min-height:calc(var(--lh) + 10px);position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body.ltr .matrixblock>.titlebar{padding:5px calc(var(--m) + 70px) 5px var(--m)}body.rtl .matrixblock>.titlebar{padding:5px var(--m) 5px calc(var(--m) + 70px)}.matrixblock>.titlebar>.preview{flex-grow:1;min-width:0;opacity:0;overflow:hidden;transition:opacity .1s linear}.matrixblock>.titlebar>.preview:empty{display:none}body.ltr .matrixblock>.titlebar>.preview{-webkit-mask-image:linear-gradient(270deg,transparent,#000 12px);mask-image:linear-gradient(270deg,transparent,#000 12px)}body.rtl .matrixblock>.titlebar>.preview{-webkit-mask-image:linear-gradient(90deg,transparent,#000 12px);mask-image:linear-gradient(90deg,transparent,#000 12px)}.matrixblock>.titlebar>.preview span{opacity:.5}.matrixblock>.titlebar>.matrixblock-tabs{flex:1;margin:-5px 0;min-width:0}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs{margin:0}body.ltr .matrixblock>.titlebar>.matrixblock-tabs .pane-tabs{padding-right:3px}body.rtl .matrixblock>.titlebar>.matrixblock-tabs .pane-tabs{padding-left:3px}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs [role=tablist]{padding:0 12px}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs [role=tablist].scrollable{-webkit-mask-image:linear-gradient(90deg,transparent,#000 12px,#000 calc(100% - 12px),transparent);mask-image:linear-gradient(90deg,transparent,#000 12px,#000 calc(100% - 12px),transparent)}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs [role=tablist] [role=tab]{background-color:transparent}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs [role=tablist] [role=tab] .tab-label{height:calc(var(--lh) + 10px);padding:0 var(--m)}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn){margin-left:0;margin-right:0}body.ltr .matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn):not(:empty):not(.btn-empty):after{margin-left:0}body.rtl .matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn):not(:empty):not(.btn-empty):after{margin-right:0}body.ltr .matrixblock>.titlebar>.preview:first-child:empty+.matrixblock-tabs{margin-left:calc((var(--m) + 12px)*-1)}body.rtl .matrixblock>.titlebar>.preview:first-child:empty+.matrixblock-tabs{margin-right:calc((var(--m) + 12px)*-1)}body.ltr .matrixblock>.titlebar>.preview:first-child:empty+.matrixblock-tabs [role=tab]:first-child,body.ltr .matrixblock>.titlebar>.preview:first-child:empty+.matrixblock-tabs [role=tab]:first-child .tab-label{border-top-left-radius:calc(var(--large-border-radius) - 2px)}body.rtl .matrixblock>.titlebar>.preview:first-child:empty+.matrixblock-tabs [role=tab]:first-child,body.rtl .matrixblock>.titlebar>.preview:first-child:empty+.matrixblock-tabs [role=tab]:first-child .tab-label{border-top-right-radius:calc(var(--large-border-radius) - 2px)}body.ltr .matrixblock.disabled-entry>.titlebar{padding-right:100px}body.rtl .matrixblock.disabled-entry>.titlebar{padding-left:100px}.matrixblock.disabled-entry>.actions>.status.off{display:block}.matrixblock.collapsed>.titlebar{border-radius:calc(var(--large-border-radius) - 2px)}.matrixblock.collapsed>.titlebar>.preview{opacity:1}.matrixblock>.actions{align-items:center;cursor:default;display:flex;gap:var(--xs);min-height:calc(var(--lh) + 10px);position:absolute;top:0}body.ltr .matrixblock>.actions{right:var(--m)}body.rtl .matrixblock>.actions{left:var(--m)}.matrixblock>.actions>*{margin:0!important}.matrixblock>.actions>.status.off{display:none}.matrixblock>.actions a:not([data-action]){color:var(--dark-hairline-color);height:var(--touch-target-size);padding:0;text-align:center;transform:color linear .1s}.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:var(--l)}.matrixblock>.fields>.flex-fields>.field:before{display:none}body.ltr .matrixblock>.fields>.flex-fields>.field>.status-badge{left:-2px}body.rtl .matrixblock>.fields>.flex-fields>.field>.status-badge{right:-2px}.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}body.sitepicker #main-content{align-items: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 (-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{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);--sidebar-width:14.125rem;--global-sidebar-width:14.125rem}html{-webkit-text-size-adjust:100%}body,html{min-height:100vh}body.dragging *{cursor:move!important;cursor:grabbing!important}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:75rem){#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:flex;min-height:100vh;position:relative}@media screen and (prefers-reduced-motion:no-preference){body.ltr #global-container{transition:left .1s cubic-bezier(.33,1,.68,1)}body.rtl #global-container{transition:right .1s cubic-bezier(.33,1,.68,1)}}#system-info{align-items:center;background-clip:padding-box;border-bottom:1px solid var(--hairline-color);color:currentColor;display:grid;flex:0 0 2.8125rem;flex-direction:row;gap:10px;grid-template-columns:var(--prefix-width) auto;height:2.8125rem;padding:0 var(--gutter-width);position:relative}#system-info:after{display:none}#system-info:focus,#system-info:hover{background-color:var(--gray-200);text-decoration:none}#site-icon{--size:var(--prefix-width);height:var(--size)}#site-icon img,#site-icon svg{border-radius:4px;display:block;height:var(--size);width:var(--size)}#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{display:-webkit-box;margin:0;max-height:40px;overflow:hidden;position:relative;width:100%;-webkit-box-orient:vertical;-webkit-line-clamp:2}@media only screen and (min-width:75rem){[data-sidebar=collapsed] #system-info:hover #system-name{opacity:1;transform:translateY(-50%) translateX(0)}[data-sidebar=collapsed] #system-name{background:#fff;border-radius:var(--medium-border-radius);box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);color:var(--text-color);left:calc(100% + var(--s)*2);opacity:0;padding:var(--xs) var(--s);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%) translateX(-5px);white-space:nowrap}[data-sidebar=collapsed] #system-name:focus{box-shadow:var(--focus-ring)}}@media only screen and (min-width:75rem)and (prefers-reduced-motion:no-preference){[data-sidebar=collapsed] #system-name{transition:opacity 50ms cubic-bezier(.33,1,.68,1),transform .15s cubic-bezier(.33,1,.68,1)}}#global-footer{align-items:center;display:flex;flex-direction:column;gap:var(--m);padding:var(--m) var(--m) var(--xl)}body.has-debug-toolbar #global-footer{padding-bottom:calc(var(--xl) + 42px)}#global-footer a{white-space:nowrap}#app-info{display:flex;flex-direction:row;gap:var(--m);justify-content:center}#trial-info{background-color:#dbe5f0;border-radius:var(--large-border-radius);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.5),0 0 0 1px #bdcbdb,0 2px 12px rgba(205,216,228,.5);padding:16px var(--xl);text-align:center}#app-version{align-items:center;color:var(--gray-600);display:flex;font-size:12px;gap:var(--s);justify-content:center;text-align:center}#app-version a{text-decoration:underline}#app-version a,#app-version a.go:hover:after{color:var(--gray-600)}#edition-logo{border:1px solid var(--gray-600);border-radius:3px;box-sizing:content-box;display:inline-flex;font-size:11px;font-weight:600;letter-spacing:1.7px;line-height:8px;padding:6px 5px 6px 7px;position:relative;text-transform:uppercase;top:-1px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#devmode{background:url(../images/dev-mode.svg) repeat-x 21px 0;cursor:help;flex:0 0 4px;margin-top:auto;min-height:4px;width:100%}#page-container{display:flex;flex-direction:column;flex-grow:1}#alerts{background-color:var(--red-050);border-left:6px solid var(--error-color);color:var(--error-color);position:relative}#alerts>li{box-shadow:inset 0 -1px 0 0 var(--red-100);padding:10px 24px}#alerts>li .resolvable-alert-buttons{margin-top:var(--m)}#alerts>li .btn,#alerts>li a.go{align-items:center;border:1px solid rgba(220,38,38,.5);border-radius:var(--medium-border-radius);color:var(--error-color);display:inline-flex;height:1.875rem;margin:0 2px;padding:4px 5px}.flex #alerts>li .btn,.flex #alerts>li a.go{margin:0}#alerts>li .btn:hover,#alerts>li a.go:hover{border-color:var(--error-color)}#alerts>li a:not(.btn){color:var(--error-color);text-decoration:underline}#alerts>li a:not(.btn).go{text-decoration:none;white-space:nowrap}#alerts>li a:not(.btn).go:after{color:var(--error-color);font-size:15px;margin-top:1px}#alerts>li .btn{background-color:transparent}#global-header .btn.menubtn,.btn.action-btn,li.crumb .btn.menubtn{height:var(--touch-target-size);padding:0;width:var(--touch-target-size)}#global-header .btn.menubtn:not(:hover):not(:active):not([aria-expanded=true]),.btn.action-btn:not(:hover):not(:active):not([aria-expanded=true]),li.crumb .btn.menubtn:not(:hover):not(:active):not([aria-expanded=true]){background-color:transparent}#global-header{border-bottom:1px solid var(--hairline-color);margin-bottom:var(--m);width:100%}#global-header .flex{align-items:center;height:2.75rem}#global-header .btn{--ui-control-color:var(--gray-400);--ui-control-hover-color:var(--gray-800);--ui-control-active-color:var(--gray-700)}#global-header .btn:hover{color:var(--ui-control-hover-color)}.nav-toggle{align-items:center;border-right:1px solid var(--medium-hairline-color);color:currentColor;display:flex;height:2.75rem;justify-content:center;line-height:26px;min-width:44px;text-align:center;width:44px}.nav-toggle:before{font-family:Craft;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;content:"menu";font-size:16px;line-height:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.nav-toggle:hover{color:var(--link-color)}#crumbs{align-items:center;display:flex;flex-direction:row;font-size:13px;margin:0!important;max-width:100%;overflow:hidden}#crumbs.empty{display:none}#crumbs nav{margin:0}#primary-nav-toggle:focus-visible{box-shadow:var(--inner-focus-ring)}#crumb-list{align-items:stretch;display:flex;flex-direction:row;flex-wrap:nowrap;height:2.75rem;max-width:100%;--arrow-padding:10;--arrow-height:22;--arrow-angle:35;--arrow-width:17.1111;--arrow-c:27.871}body.rtl #crumb-list{--arrow-angle:-35;--arrow-width:-19.4444}#crumb-list li.crumb{color:var(--light-text-color);cursor:default;position:relative}body.ltr #crumb-list li.crumb{padding-left:calc(var(--arrow-width)*.5rem/16)}body.rtl #crumb-list li.crumb{padding-right:calc(var(--arrow-width)*.5rem/16)}body.ltr #crumb-list li.crumb:not(.current){padding-right:calc(var(--arrow-width)*1rem/16)}body.rtl #crumb-list li.crumb:not(.current){padding-left:calc(var(--arrow-width)*1rem/16)}#crumb-list li.crumb:not(.current):after,#crumb-list li.crumb:not(.current):before{background:var(--medium-hairline-color);content:"";display:block;height:calc(var(--arrow-c)*1rem/16);pointer-events:none;position:absolute;width:1px}body.ltr #crumb-list li.crumb:not(.current):after,body.ltr #crumb-list li.crumb:not(.current):before{right:calc(var(--arrow-width)*.5rem/16)}body.rtl #crumb-list li.crumb:not(.current):after,body.rtl #crumb-list li.crumb:not(.current):before{left:calc(var(--arrow-width)*.5rem/16)}#crumb-list li.crumb:not(.current):before{top:calc((var(--arrow-height) - var(--arrow-c))/2*1rem/16);transform:rotate(calc(var(--arrow-angle)*-1deg))}#crumb-list li.crumb:not(.current):after{bottom:calc((var(--arrow-height) - var(--arrow-c))/2*1rem/16);transform:rotate(calc(var(--arrow-angle)*1deg))}#crumb-list .menu--disclosure li{display:block}#crumb-list .menu--disclosure li:after{content:none}#crumb-menu-trigger{min-width:var(--touch-target-size)}#crumb-menu-trigger:before{width:100%}#crumb-menu .chip{min-height:44px}li.crumb{align-items:center;display:flex;flex-wrap:nowrap;gap:var(--xs)}li.crumb [data-icon]{position:relative;top:-1px}li.crumb .menubtn{margin:0 calc(var(--xs)*-1/2);position:relative}li.crumb [data-icon=ellipsis]:before{font-size:17px;margin-top:3px}li.crumb .chip{background-color:transparent;padding:0;--custom-bg-color:initial!important;--custom-text-color:initial!important;--custom-sel-bg-color:initial!important}li.crumb .chip .label-link{max-width:15em}li.crumb .chip .label-link:focus-visible{box-shadow:var(--inner-focus-ring)}li.crumb .chip .label-link span:not(.context-label){display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}li.crumb:has(.menubtn)>a{margin-right:0!important;padding-right:var(--xs)!important}li.crumb>a{align-items:center;display:flex!important;flex:1;flex-wrap:nowrap;gap:var(--xs);white-space:nowrap}.menu--disclosure li.crumb>a{min-height:34px}li.crumb a,li.crumb button{align-items:center;display:inline-flex;min-height:var(--touch-target-size)}li.crumb a:not(:hover),li.crumb button:not(:hover){color:var(--text-color)}li.crumb a:hover,li.crumb button:hover{text-decoration:none}li.crumb a{position:relative}li.crumb button{cursor:pointer}li.breadcrumb-toggle-wrapper:after{content:none}#account-menu ul li a{max-width:calc(100% + 28px)!important}#announcements-btn{height:1.875rem;padding-left:0;padding-right:0;position:relative;width:1.875rem;width:calc(1.75rem + 10px)}#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:50%;content:"";display:block;height:.4375rem;position:absolute;top:.1875rem;width:.4375rem}body.ltr #announcements-btn.unread:after{right:5px}body.rtl #announcements-btn.unread:after{left:5px}#announcements-btn svg{height:1rem;width:1rem}#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(--ui-control-active-color);stroke-width:0}#announcements{max-width:350px}#announcements .announcement:not(:first-child){margin-top:20px}#announcements .announcement .announcement-label-container{align-items:center;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.unread .announcement__heading: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 .announcement__heading:after{left:-13px}body.rtl #announcements .announcement.unread .announcement__heading:after{right:-13px}#announcements .announcement p{margin:0}#announcements .announcement__header{display:grid}#announcements .announcement__heading{margin:0 0 3px;order:1;position:relative}#user-info{align-items:center;background-color:transparent;border-radius:0;display:flex;flex-direction:row;height:100%;padding-bottom:5px;padding-top:5px}body.ltr #user-info{padding-left:var(--s)}body.rtl #user-info{padding-right:var(--s)}body.ltr #user-info{padding-right:calc(var(--padding) + 1px)}body.rtl #user-info{padding-left:calc(var(--padding) + 1px)}#user-info:after{border-color:var(--ui-control-color);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 img,.header-photo svg{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:1.875rem;max-width:none;transition:box-shadow .15s linear;width:1.875rem}#user-info:hover .header-photo img,#user-info:hover .header-photo svg{box-shadow:0 0 0 1px rgba(31,41,51,.05),0 2px 10px -2px rgba(31,41,51,.3)}#main-container{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}body.has-debug-toolbar #notifications{bottom:50px}@media only screen and (min-width:60.875rem){#notifications{width:350px}}#notifications .notification{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:flex;padding:10px 14px;position:relative;--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{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:flex;flex:1}#notifications .notification .notification-body .notification-message{font-weight:700;overflow-wrap:anywhere;word-break:normal}#notifications .notification .notification-body .notification-details{margin-top:var(--xs)}#notifications .notification .notification-body .notification-details .chip{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)}@media only screen and (min-width:75rem){#primary-nav-toggle{display:none}body.ltr #crumbs.empty+.context-menu-container,body.ltr #crumbs:not(.empty) #primary-nav-toggle+nav ul li:first-child{margin-left:var(--padding)}body.rtl #crumbs.empty+.context-menu-container,body.rtl #crumbs:not(.empty) #primary-nav-toggle+nav ul li:first-child{margin-right:var(--padding)}body.ltr #crumbs.empty+.context-menu-container,body.ltr #crumbs:not(.empty) #primary-nav-toggle+nav ul li:first-child{padding-left:0}body.rtl #crumbs.empty+.context-menu-container,body.rtl #crumbs:not(.empty) #primary-nav-toggle+nav ul li:first-child{padding-right:0}}#global-header .flex,#header .flex{max-width:100%}#global-header .flex.flex-nowrap,#header .flex.flex-nowrap{min-width:0}#header{align-content:stretch;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:flex;flex-wrap:nowrap;gap:var(--s);justify-content:space-between;padding:5px var(--padding);position:relative;transition:background-color .1s linear,box-shadow .1s linear;z-index:2}body.fixed-header #header{background-color:var(--gray-100);box-shadow: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;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:60.875rem){#page-title.has-toolbar{min-width:calc(14.125rem - var(--xl) - var(--s))!important}}#toolbar{align-items:flex-start;flex:1;justify-content:space-between}#toolbar .icon:before,#toolbar .menubtn:after,#toolbar .texticon:before,#toolbar [data-icon-after]:after,#toolbar [data-icon]:before{color:currentColor;opacity:.8}#toolbar .text{border-radius:var(--large-border-radius)}#toolbar .text:-ms-input-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}@media only screen and (max-width:400px){#action-buttons .btngroup .btn:first-child{flex-basis:100%}}@media only screen and (max-width:60.8125rem){#action-buttons{margin-top:10px}}#main-content{align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:row;padding:0 var(--padding) 48px}#main-content>.grid:only-child{flex:1}#sidebar-toggle-container{display:none}#sidebar-container{box-sizing:border-box;flex:0 0 14.125rem;width:14.125rem}@media only screen and (min-width:75rem){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 var(--m);position:relative;width:14.125rem}#sidebar.fixed{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{flex:1 1 auto;width:400px}#content-heading{margin-top:var(--xl)!important}@media only screen and (min-width:60.875rem){#content-heading{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}}.content-pane{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) var(--padding);position:relative;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,.footer{line-height:2rem;min-height:44px;padding:6px var(--pane-padding,var(--xl))}#footer .buttons,.footer .buttons{align-items:center;display:flex;height:32px}#footer .btn,.footer .btn{height:var(--ui-control-height--small);padding-bottom:4px;padding-top:4px}#footer{background-color:var(--gray-050);border-radius:var(--small-border-radius);bottom:0;box-sizing:border-box;margin:calc(var(--xl) + 1px) calc(var(--padding)*-1 + 2px) calc(var(--xl)*-1 + 2px);position:sticky;z-index:1}#footer:empty{display:none}#footer.stuck{border-radius:0}@supports((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){#footer.stuck{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(228,237,246,.75)}}.has-debug-toolbar #footer{transition:padding .1s linear}.has-debug-toolbar #footer.stuck{padding-bottom:52px}#footer .flex>*,#footer>*{margin-bottom:0}#details-container{box-sizing:border-box;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;z-index:1}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}#details .details{padding-bottom:calc(var(--xl) + 11.5em)}#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:var(--large-border-radius);padding-bottom:var(--m);padding-top:var(--m)}@media only screen and (max-width:74.9375rem){#global-container{width:calc(100vw + 14.125rem)}body.ltr #global-container{left:-14.125rem}body.rtl #global-container{right:-14.125rem}body.ltr.showing-nav #global-container{left:0}body.rtl.showing-nav #global-container{right:0}#crumbs{display:flex!important}#header,#main-content{width:100vw}}@media only screen and (max-width:60.8125rem){#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}#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}#details .details{margin-bottom:auto}}@media only screen and (max-width:767px){:root{--padding:var(--s);--neg-padding:calc(var(--s)*-1)}#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}.card-grid{display:flex!important;flex-direction:column}}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:14.125rem}.sidebar:not(.drag-helper){background-color:var(--gray-050);padding:var(--m) 0}.sidebar .heading{margin:0 var(--xl);position:relative}.sidebar .heading:not(:first-child){margin-top:var(--m)}.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 .heading>ul{margin:2px calc(var(--xl)*-1)}.sidebar nav{padding:0 var(--s)}body.ltr .sidebar nav>ul>li.heading>ul>li>a,body.ltr .sidebar nav>ul>li:not(.heading)>a{padding-left:24px}body.rtl .sidebar nav>ul>li.heading>ul>li>a,body.rtl .sidebar nav>ul>li:not(.heading)>a{padding-right:24px}body.ltr .sidebar nav>ul>li.heading>ul>li>.toggle,body.ltr .sidebar nav>ul>li:not(.heading)>.toggle{left:calc(var(--m)*0)}body.rtl .sidebar nav>ul>li.heading>ul>li>.toggle,body.rtl .sidebar nav>ul>li:not(.heading)>.toggle{right:calc(var(--m)*0)}body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>a,body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>a{padding-left:38px}body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>a,body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>a{padding-right:38px}body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>.toggle,body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>.toggle{left:calc(var(--m)*1)}body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>.toggle,body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>.toggle{right:calc(var(--m)*1)}body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>a,body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>a{padding-left:52px}body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>a,body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>a{padding-right:52px}body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>.toggle,body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>.toggle{left:calc(var(--m)*2)}body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>.toggle,body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>.toggle{right:calc(var(--m)*2)}body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>a,body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>a{padding-left:66px}body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>a,body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>a{padding-right:66px}body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle,body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>.toggle{left:calc(var(--m)*3)}body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle,body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>.toggle{right:calc(var(--m)*3)}body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>a,body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>a{padding-left:80px}body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>a,body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>a{padding-right:80px}body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle,body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle{left:calc(var(--m)*4)}body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle,body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>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}.sidebar nav li:not(.has-subnav)>a.active-drop-target,.sidebar nav li:not(.has-subnav)>a.sel{background-color:var(--gray-500);cursor:default}.sidebar nav li:not(.has-subnav)>a.active-drop-target,.sidebar nav li:not(.has-subnav)>a.active-drop-target+.toggle,.sidebar nav li:not(.has-subnav)>a.sel,.sidebar nav li:not(.has-subnav)>a.sel+.toggle{color:var(--white)}.sidebar nav li:not(.has-subnav)>a.sel{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:500}.sidebar nav li a{align-items:center;border-radius:var(--large-border-radius);box-sizing:border-box;color:var(--text-color);display:flex;flex-direction:row;margin-bottom:1px;min-height:var(--xl);padding:7px var(--xl);position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;word-break:break-word}.sidebar nav li a .status{flex-shrink:1}.sidebar nav li a .icon{flex-shrink:1;height:1.125rem;opacity:.85;position:relative;top:1px;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:1rem;width:1rem}.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{background-color:var(--medium-text-color);border-radius:var(--s);color:var(--white);flex-shrink:1;font-size:.6875rem;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{align-items:center;display:flex;height:34px;justify-content:center;position:absolute;top:0;width:var(--xl);z-index:1}.sidebar nav li ul{display:none}.sidebar nav li.expanded>ul,.sidebar nav li.heading>ul{display:block}.error-summary{background-color:var(--gray-050);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-bottom:var(--l);padding:var(--l) var(--xl) var(--xl)}.error-summary .notification-icon{color:var(--error-color);float:left;margin:-2px 6px 0 0}.error-summary h2{margin-top:var(--xs)}.error-summary>ul.errors li,.error-summary>ul.errors li a{color:var(--text-color)}.error-summary>ul.errors li a em,.error-summary>ul.errors li em{font-weight:600}.error-summary>ul.errors li a:hover,.error-summary>ul.errors li:hover{color:var(--link-color)}body.ltr .content.has-sidebar:not(.hiding-sidebar){margin-left:14.125rem}body.rtl .content.has-sidebar:not(.hiding-sidebar){margin-right:14.125rem}#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,.draghelper .flex-fields,.so-content .flex-fields{--row-gap:var(--xl);align-content:flex-start;display:flex;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>*,.draghelper .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,.draghelper .flex-fields>h2,.so-content .flex-fields>h2{flex:4 0 100%}#content :not(.meta)>.flex-fields>h2:not(:nth-child(-n+1 of :not(.hidden))),#content>.flex-fields>h2:not(:nth-child(-n+1 of :not(.hidden))),.draghelper .flex-fields>h2:not(:nth-child(-n+1 of :not(.hidden))),.so-content .flex-fields>h2:not(:nth-child(-n+1 of :not(.hidden))){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,.draghelper .flex-fields>.line-break,.draghelper .flex-fields>hr,.so-content .flex-fields>.line-break,.so-content .flex-fields>hr{flex:4 0 100%}#content :not(.meta)>.flex-fields>.line-break:not(:first-child),#content>.flex-fields>.line-break:not(:first-child),.draghelper .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,.draghelper .flex-fields>:not(h2):not(hr):not(.line-break),.draghelper .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,.draghelper .flex-fields>:not(h2):not(hr):not(.line-break):before,.draghelper .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 .draghelper .flex-fields>:not(h2):not(hr):not(.line-break):before,body.ltr .draghelper .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 .draghelper .flex-fields>:not(h2):not(hr):not(.line-break):before,body.rtl .draghelper .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:96rem){#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,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-25,.draghelper.drag-in-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,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-50,.draghelper.drag-in-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,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-75,.draghelper.drag-in-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:95.9375rem){#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,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-25,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-50,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50{width:50%}}@media only screen and (min-width:1200px){.draghelper.drag-in-slideout .flex-fields>:not(h2):not(hr):not(.line-break).width-25,.draghelper.drag-in-slideout .flex-fields>:not(h2):not(hr):not(.line-break).width-50,.draghelper.drag-in-slideout .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25,.draghelper.drag-in-slideout .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50,.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%}}.global-sidebar{--is-always-visible:true;--prefix-width:1.875rem;--prefix-ratio:1;--gutter-width:0.625rem;display:flex;flex-direction:column;height:100vh;padding:0;position:sticky;top:0;z-index:100;-webkit-overflow-scrolling:touch;background-color:transparent;border-right:1px solid var(--hairline-color);width:var(--global-sidebar-width)}.global-sidebar a{text-decoration:none}.global-sidebar :not(.has-subnav)>a:not([href]),.global-sidebar>a:not([href]){background-color:transparent;cursor:default}@media only screen and (max-width:74.9375rem){.global-sidebar{--is-always-visible:false}}.global-sidebar__nav{padding:var(--s) 0}.global-sidebar__footer{display:grid;gap:var(--s);margin-block-start:auto}.global-nav>ul{display:flex;flex-direction:column;gap:var(--s)}.global-nav>ul>li{position:relative}.nav-icon{align-items:center;aspect-ratio:1;display:inline-flex;flex-direction:column;justify-content:center;line-height:0;width:1rem;--thumb-size:1rem}.nav-icon>svg{height:100%;width:100%}.nav-icon>svg circle,.nav-icon>svg ellipse,.nav-icon>svg line,.nav-icon>svg path,.nav-icon>svg polygon,.nav-icon>svg polyline,.nav-icon>svg rect,.nav-icon>svg text{fill:currentColor;stroke-width:0}.nav-item{--gutter-width:0.625rem;align-items:center;display:grid;grid-template-areas:". action trigger ." "subnav subnav subnav subnav";grid-template-columns:var(--gutter-width) 1fr var(--prefix-width) var(--gutter-width);width:100%}.nav-item>.sidebar-action{grid-area:action}[data-sidebar=collapsed] .nav-item{grid-template-areas:". action ." ". trigger ." "subnav subnav subnav";grid-template-columns:var(--gutter-width) var(--prefix-width) var(--gutter-width)}.nav-item__trigger{--icon-size:10px;--trigger-size:var(--touch-target-size);display:flex;grid-area:trigger;z-index:1}.nav-item__trigger .menubtn{align-items:center;border:transparent;flex-direction:column;height:var(--trigger-size);justify-content:center;padding:0;width:var(--trigger-size)}.nav-item__trigger .menubtn:hover{background-color:var(--ui-control-bg-color)}.nav-item__trigger .menubtn[aria-expanded=true]:not(:hover){background-color:transparent}.nav-item__trigger .menubtn[aria-expanded=true]:after{border:solid;border-width:0 .125rem .125rem 0;content:"";display:block;font-size:0;height:.4375rem;opacity:.8;position:relative;top:2px;transform:rotate(225deg);width:.4375rem}.nav-item__trigger .menubtn:after{margin-left:0!important}.nav-item__subnav{--prefix-ratio:4/3;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;grid-area:subnav;white-space:nowrap}.nav-item__subnav.is-open{height:auto;margin:0;overflow:visible;padding:0;position:static;width:auto;clip:auto;white-space:normal}.badge{background-color:var(--medium-text-color);border-radius:var(--s);color:var(--white);display:inline-flex;flex-shrink:1;font-size:11px;height:1rem;justify-content:center;line-height:1rem;text-align:center;width:1.1rem}.sidebar-actions{padding:10px var(--gutter-width)}.sidebar-action{--thumb-size:0.75rem;align-items:center;border-radius:var(--medium-border-radius);color:currentColor;cursor:pointer;display:flex;gap:7px;min-height:30px;position:relative;text-align:left;width:100%}.sidebar-action:before{content:"";height:80%;left:-.625rem;position:absolute;top:50%;transform:translateY(-50%);width:var(--xs)}.sidebar-action:focus-visible,.sidebar-action:hover{background-color:var(--gray-200)}.sidebar-action.sel:before{--indicator-size:6px;background-color:currentColor}.sidebar-action--sub{--indicator-size:4px;font-size:.9em;min-height:26px}.sidebar-action--sub:before{background-color:var(--gray-300);border-radius:100%;height:var(--indicator-size);left:calc(15px - var(--indicator-size)/2);top:50%;width:var(--indicator-size)}.sidebar-action--job{align-items:flex-start}.sidebar-action--job .sidebar-action__label{padding-block:var(--xs)}.sidebar-action--job[href]:hover{background-color:transparent}.sidebar-action--job[href]:hover .icon>span.icon>canvas#job-icon-hover{opacity:1}.sidebar-action--job .label{white-space:normal}.sidebar-action--job .progress-label{color:var(--gray-300);display:block;font-size:11px;line-height:1.5}.sidebar-action--job .nav-icon{display:block;height:16px;position:relative;width:16px}.sidebar-action--job .nav-icon>canvas{display:block;height:16px;position:absolute;width:16px}.sidebar-action--job .nav-icon>canvas#job-icon-hover{opacity:0}.sidebar-action__prefix{align-items:center;aspect-ratio:var(--prefix-ratio);display:flex;flex-shrink:0;justify-content:center;line-height:0;width:var(--prefix-width)}.sidebar-action__label{align-items:center;display:inline-flex;flex-grow:1;gap:var(--s);overflow:hidden;padding:0 var(--xs);text-overflow:ellipsis;white-space:nowrap}.sidebar-action__badge{display:flex;flex-direction:column;justify-content:center;margin-left:auto;padding:0 var(--s)}@media only screen and (min-width:75rem){[data-sidebar=collapsed] .global-sidebar{--global-sidebar-width:3.125rem}[data-sidebar=collapsed] .nav-item__indicator{right:-1px}[data-sidebar=collapsed] .sidebar-action{min-height:var(--prefix-width);width:var(--prefix-width)}[data-sidebar=collapsed] .sidebar-action:focus-visible .sidebar-action__label,[data-sidebar=collapsed] .sidebar-action:hover .sidebar-action__label{opacity:1;transform:translateY(-50%) translateX(0)}[data-sidebar=collapsed] .nav-item__trigger .menubtn{height:auto;padding-block:2px var(--xs);width:100%}[data-sidebar=collapsed] .sidebar-action__label{background:#fff;border-radius:var(--medium-border-radius);box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);color:var(--text-color);left:calc(100% + var(--xs)*2);opacity:0;padding:var(--xs) var(--s);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%) translateX(-5px);z-index:10}[data-sidebar=collapsed] .sidebar-action__label:focus{box-shadow:var(--focus-ring)}}@media only screen and (min-width:75rem)and (prefers-reduced-motion:no-preference){[data-sidebar=collapsed] .sidebar-action__label{transition:opacity 50ms cubic-bezier(.33,1,.68,1),transform .15s cubic-bezier(.33,1,.68,1)}}@media only screen and (min-width:75rem){[data-sidebar=collapsed] .sidebar-action__badge{bottom:var(--xs);padding:0;position:absolute;right:calc(var(--xs)*-1);transform:translateY(25%);z-index:100}[data-sidebar=collapsed] .sidebar-action--sub{min-height:26px}[data-sidebar=collapsed] .sidebar-action--sub:before{left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}[data-sidebar=collapsed] .global-nav>ul>li+li{--separator-width:1.75rem}[data-sidebar=collapsed] .global-nav>ul>li+li:before{background-color:var(--hairline-color);content:"";height:1px;left:calc((var(--global-sidebar-width) - var(--separator-width))/2);margin:0 auto;position:absolute;top:calc(var(--s)/-2);width:var(--separator-width)}[data-sidebar=expanded] #sidebar-toggle-icon{transform:rotate(180deg)}}#sidebar-trigger{display:none}@media only screen and (min-width:75rem){#sidebar-trigger{display:flex}}.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:5px 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:68px}}.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:flex;flex-direction:column}.lp-editor-container .lp-editor{box-sizing:border-box;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}body.ltr .lp-editor-container .lp-editor .matrixblock>.fields>.flex-fields>.field>.status-badge{left:calc(var(--m)*-1)}body.rtl .lp-editor-container .lp-editor .matrixblock>.fields>.flex-fields>.field>.status-badge{right:calc(var(--m)*-1)}.lp-editor-container .lp-draghandle{cursor:col-resize;height:100%;position:absolute;top:0;width:4px;z-index:101}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:flex;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: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:44px}}.lp-preview-container .lp-preview-header .lp-device-type .btn:before{background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:block;height:22px;transition-duration:.3s;width:27px}.lp-preview-container .lp-preview-header .lp-device-type .btn.lp-device-type-btn--phone:before{background-image:url(../images/preview/icon-phone.svg)}.lp-preview-container .lp-preview-header .lp-device-type .btn.lp-device-type-btn--tablet:before{background-image:url(../images/preview/icon-tablet.svg)}.lp-preview-container .lp-preview-header .lp-device-type .btn.lp-device-type-btn--desktop:before{background-image:url(../images/preview/icon-desktop.svg)}.lp-preview-container .lp-device-type__label:before{background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:block;height:22px;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-preview-container__bumper-link{bottom:0;top:unset}.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;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;transform:none!important;width:auto!important}.lp-preview-container .lp-iframe-container--has-device-preview{background-color:var(--gray-100);flex:none;height:calc(100% - 44px);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:44px}}.lp-preview-container .lp-iframe-container--has-device-preview .lp-device-preview-container{left:50%;opacity:1;overflow:auto;position:absolute;top:50%;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;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{transition-duration:.3s;transition-property:transform}.lp-preview-container .lp-iframe-container--rotating .lp-device-preview-container{opacity:0;transition:opacity 0s}}.login-container .login-form-container{background-color:var(--gray-050)}.login-container .login-form input[readonly]{cursor:not-allowed}.login-container .login-form>.btn,.login-container .login-form>.field{margin-top:var(--l)}.login-container .login-form>.btn:not(:last-child):not(.last),.login-container .login-form>.field:not(:last-child):not(.last){margin-bottom:var(--l)}.login-container .login-form .btn{display:flex}.login-container .alternative-login-methods{margin-top:var(--m)}.login-container .alternative-login-methods .btn{width:100%}.login-container .login-alt-container button,.login-container .login-forgot-password{color:var(--medium-text-color);cursor:pointer!important;font-size:11px}.login-container .login-alt-container{margin:calc(var(--s) - var(--xl)) 0}.login-container .login-alt-container button{background-color:transparent;display:inline-flex;height:auto;min-height:var(--touch-target-size);padding:0;width:auto}.login-container .login-alt-container button:focus,.login-container .login-alt-container button:hover,.login-container .login-forgot-password:focus,.login-container .login-forgot-password:hover{color:var(--link-color)}.login-container .login-errors{color:var(--error-color);margin-top:1em;text-align:center}.login-alt-menu{z-index:1001}body.login{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100%}body.login main{max-width:100%;padding:var(--padding);width:calc(300px + var(--padding)*2)}body.login main h1{font-size:32px;line-height:40px;text-align:center;word-wrap:break-word}body.login main h1 #login-logo{height:auto;max-height:300px;width:100%}body.login #poweredby{display:block;margin-bottom:48px;margin-top:70px;opacity:.8;text-align:center}body.login #poweredby:active,body.login #poweredby:focus,body.login #poweredby:hover{opacity:1}body.login #poweredby>svg{display:inline-block}.modal.email-sent{width:300px}body.ltr .modal.email-sent .body{padding-left:68px}body.rtl .modal.email-sent .body{padding-right:68px}.modal.email-sent .body:before{font-family:Craft;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;color:var(--link-color);content:"mail";display:block;font-size:30px;position:absolute;top:24px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body.ltr .modal.email-sent .body:before{left:24px}body.rtl .modal.email-sent .body:before{right:24px}.login-modal{background:var(--gray-100);border-radius:var(--large-border-radius);max-width:calc(100% - 20px);width:calc(600px + var(--l)*2)}.login-modal .body{display:flex;flex-direction:row;padding:var(--l)}.login-modal .body .login-modal-form,.login-modal .body .login-modal-intro{max-width:100%;width:300px}.login-modal .body .login-modal-intro{padding:var(--m)}@media screen and (max-width:656px){.login-modal{border-radius:var(--large-border-radius)}.login-modal .body{flex-direction:column;gap:var(--m);overflow:auto;padding:var(--m)}.login-modal .body .login-modal-intro{padding:var(--xs) var(--xl)}.login-modal .body .login-modal-form{border-radius:0}}.layoutdesigner{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:flex;min-height:500px;overflow:hidden;position:relative}body.ltr .layoutdesigner{padding-right:265px}body.rtl .layoutdesigner{padding-left:265px}.errors>.layoutdesigner{border:1px solid var(--error-color)!important}.layoutdesigner .fld-workspace{background-color:var(--gray-050);background-image:linear-gradient(90deg,#ecf2f9 1px,transparent 0),linear-gradient(180deg,#ecf2f9 1px,transparent 0);background-position:-1px -1px;background-size:24px 24px;box-shadow:inset 0 1px 3px -1px #acbed2;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{align-items:flex-start;display:flex;flex-wrap:wrap}.layoutdesigner .fld-sidebar{display:flex;flex-direction:column;height:100%;padding:14px;position:absolute;top:0;width:265px}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{flex:1;margin:-3px;min-height:0;overflow:auto;padding:3px}.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)}.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:288px}body.ltr .fld-tab{padding:0 25px 24px 0}body.rtl .fld-tab{padding:0 0 24px 25px}.fld-tab .tabs{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:flex;gap:var(--xs);max-width:calc(100% - 10px);padding:8px 14px}body:not(.dragging) .fld-tab .tabs .tab.draggable{cursor:move;cursor:grab}.fld-tab .tabs .tab span{overflow:hidden;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:linear-gradient(90deg,#ecf2f9 1px,transparent 0),linear-gradient(180deg,#ecf2f9 1px,transparent 0);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-element{align-items:center;background-color:var(--white);border-radius:var(--medium-border-radius);box-shadow:inset 0 0 0 1px var(--hairline-color);display:flex;gap:var(--s);padding:var(--s);position:relative}body:not(.dragging) .fld-element{cursor:move;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:not(.draghelper){box-shadow:none}.fld-element.fld-field .field-name{display:flex;flex-direction:column;gap:var(--xs)}.fld-element .fld-element-icon{text-align:center}.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{flex:1;overflow:hidden}.fld-element .field-name .fld-attribute,.fld-element .field-name .fld-element-label{align-items:center;display:flex;flex:1}.fld-element .field-name .fld-attribute .smalltext,.fld-element .field-name .fld-element-label h4{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fld-element .field-name .fld-element-label h4{color:var(--text-color);font-weight:400;margin:0}.fld-br,.fld-hr{display:flex;flex:1;justify-content:center;position:relative}.fld-br:before,.fld-hr:before{border-radius:2px;content:"";display:block;font-size:0;height:4px;left:0;position:absolute;top:calc(50% - 2px);width:100%}.fld-br .smalltext,.fld-hr .smalltext{align-items:center;background-color:var(--gray-100);border-radius:var(--large-border-radius);display:flex;height:var(--touch-target-size);justify-content:center;padding:0 var(--s);position:relative}.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;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:flex;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{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{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;-webkit-user-select:none;-moz-user-select:none;-ms-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;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: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{align-items:stretch;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:flex;flex-direction:column;flex-grow:1;overflow:hidden;position:relative}.modal.imageeditor .body .image-container .image{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%}body.has-debug-toolbar .modal.imageeditor .footer{padding-bottom:50px}.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:calc(1rem + 5px)}body.rtl .modal.imageeditor .body .views .crop .custom{padding-right:calc(1rem + 5px)}.modal.imageeditor .body .views .crop .orientation{align-items:center;display:flex;justify-content:center}.modal.imageeditor .body .views .crop .orientation input{-webkit-appearance:none;-moz-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{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{border-bottom:1px solid #000;border-top:1px solid #000;display:flex;flex-direction:row;width:100%}.vertical.imageeditor .body .tabs ul li{border:0;border-right:1px solid #000;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:flex;flex-wrap:wrap;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;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: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{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)}.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;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1000000} +: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%;--gray-050:hsl(var(--gray-050-hsl));--gray-100:hsl(var(--gray-100-hsl));--gray-200:hsl(var(--gray-200-hsl));--gray-300:hsl(var(--gray-300-hsl));--gray-350:hsl(var(--gray-350-hsl));--gray-400:hsl(var(--gray-400-hsl));--gray-500:hsl(var(--gray-500-hsl));--gray-550:hsl(var(--gray-550-hsl));--gray-600:hsl(var(--gray-600-hsl));--gray-700:hsl(var(--gray-700-hsl));--gray-800:hsl(var(--gray-800-hsl));--gray-900:hsl(var(--gray-900-hsl));--gray-1000:hsl(var(--gray-1000-hsl));--red-050:#fef2f2;--red-100:#fee2e2;--red-200:#fecaca;--red-300:#fca5a5;--red-400:#f87171;--red-500:#ef4444;--red-600:#dc2626;--red-700:#b91c1c;--red-800:#991b1b;--red-900:#7f1d1d;--red-950:#450a0a;--orange-050:#fff7ed;--orange-100:#ffedd5;--orange-200:#fed7aa;--orange-300:#fdba74;--orange-400:#fb923c;--orange-500:#f97316;--orange-600:#ea580c;--orange-700:#c2410c;--orange-800:#9a3412;--orange-900:#7c2d12;--orange-950:#431407;--amber-050:#fffbeb;--amber-100:#fef3c7;--amber-200:#fde68a;--amber-300:#fcd34d;--amber-400:#fbbf24;--amber-500:#f59e0b;--amber-600:#d97706;--amber-700:#b45309;--amber-800:#92400e;--amber-900:#78350f;--amber-950:#451a03;--yellow-050:#fefce8;--yellow-100:#fef9c3;--yellow-200:#fef08a;--yellow-300:#fde047;--yellow-400:#facc15;--yellow-500:#eab308;--yellow-600:#ca8a04;--yellow-700:#a16207;--yellow-750:#93580b;--yellow-800:#854d0e;--yellow-900:#713f12;--yellow-950:#422006;--lime-050:#f7fee7;--lime-100:#ecfccb;--lime-200:#d9f99d;--lime-300:#bef264;--lime-400:#a3e635;--lime-500:#84cc16;--lime-600:#65a30d;--lime-700:#4d7c0f;--lime-800:#3f6212;--lime-900:#365314;--lime-950:#1a2e05;--green-050:#f0fdf4;--green-100:#dcfce7;--green-200:#bbf7d0;--green-300:#86efac;--green-400:#4ade80;--green-500:#22c55e;--green-600:#16a34a;--green-700:#15803d;--green-800:#166534;--green-900:#14532d;--green-950:#052e16;--emerald-050:#ecfdf5;--emerald-100:#d1fae5;--emerald-200:#a7f3d0;--emerald-300:#6ee7b7;--emerald-400:#34d399;--emerald-500:#10b981;--emerald-600:#059669;--emerald-700:#047857;--emerald-800:#065f46;--emerald-900:#064e3b;--emerald-950:#022c22;--teal-050:#f0fdfa;--teal-100:#ccfbf1;--teal-200:#99f6e4;--teal-300:#5eead4;--teal-400:#2dd4bf;--teal-500:#14b8a6;--teal-550:#11a697;--teal-600:#0d9488;--teal-700:#0f766e;--teal-800:#115e59;--teal-900:#134e4a;--teal-950:#042f2e;--cyan-050:#ecfeff;--cyan-100:#cffafe;--cyan-200:#a5f3fc;--cyan-300:#67e8f9;--cyan-400:#22d3ee;--cyan-500:#06b6d4;--cyan-600:#0891b2;--cyan-700:#0e7490;--cyan-800:#155e75;--cyan-900:#164e63;--cyan-950:#083344;--sky-050:#f0f9ff;--sky-100:#e0f2fe;--sky-200:#bae6fd;--sky-300:#7dd3fc;--sky-400:#38bdf8;--sky-500:#0ea5e9;--sky-600:#0284c7;--sky-700:#0369a1;--sky-800:#075985;--sky-900:#0c4a6e;--sky-950:#082f49;--blue-050:#eff6ff;--blue-100:#dbeafe;--blue-200:#bfdbfe;--blue-300:#93c5fd;--blue-400:#60a5fa;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-700:#1d4ed8;--blue-800:#1e40af;--blue-900:#1e3a8a;--blue-950:#172554;--indigo-050:#eef2ff;--indigo-100:#e0e7ff;--indigo-200:#c7d2fe;--indigo-300:#a5b4fc;--indigo-400:#818cf8;--indigo-500:#6366f1;--indigo-600:#4f46e5;--indigo-700:#4338ca;--indigo-800:#3730a3;--indigo-900:#312e81;--indigo-950:#1e1b4b;--violet-050:#f5f3ff;--violet-100:#ede9fe;--violet-200:#ddd6fe;--violet-300:#c4b5fd;--violet-400:#a78bfa;--violet-500:#8b5cf6;--violet-600:#7c3aed;--violet-700:#6d28d9;--violet-800:#5b21b6;--violet-900:#4c1d95;--violet-950:#2e1065;--purple-050:#faf5ff;--purple-100:#f3e8ff;--purple-200:#e9d5ff;--purple-300:#d8b4fe;--purple-400:#c084fc;--purple-500:#a855f7;--purple-600:#9333ea;--purple-700:#7e22ce;--purple-800:#6b21a8;--purple-900:#581c87;--purple-950:#3b0764;--fuchsia-050:#fdf4ff;--fuchsia-100:#fae8ff;--fuchsia-200:#f5d0fe;--fuchsia-300:#f0abfc;--fuchsia-400:#e879f9;--fuchsia-500:#d946ef;--fuchsia-600:#c026d3;--fuchsia-700:#a21caf;--fuchsia-800:#86198f;--fuchsia-900:#701a75;--fuchsia-950:#4a044e;--pink-050:#fdf2f8;--pink-100:#fce7f3;--pink-200:#fbcfe8;--pink-300:#f9a8d4;--pink-400:#f472b6;--pink-500:#ec4899;--pink-600:#db2777;--pink-700:#be185d;--pink-800:#9d174d;--pink-900:#831843;--pink-950:#500724;--rose-050:#fff1f2;--rose-100:#ffe4e6;--rose-200:#fecdd3;--rose-300:#fda4af;--rose-400:#fb7185;--rose-500:#f43f5e;--rose-600:#e11d48;--rose-700:#be123c;--rose-800:#9f1239;--rose-900:#881337;--rose-950:#4c0519;--bg-color:$grey100;--bg-color-hsl:212deg,50%,93%;--primary-color:var(--red-600);--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:#1f5fea;--font-weight-bold:700;--hairline-color:rgba(51,64,77,.1);--medium-hairline-color:#cfd8e3;--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-500);--error-color:#d81e23;--warning-color:var(--amber-700);--success-color:var(--teal-700);--notice-color:var(--sky-700);--enabled-color:var(--teal-550);--pending-color:var(--orange-400);--disabled-color:var(--red-600);--indicator-border-color:var(--amber-600);--indicator-icon-color:var(--amber-700);--small-border-radius:3px;--medium-border-radius:4px;--large-border-radius:5px;--menu-border-radius:var(--medium-border-radius);--checkbox-size:1rem;--radio-size:1rem;--ui-control-color:var(--gray-550);--ui-control-hover-color:var(--gray-600);--ui-control-active-color:var(--gray-700);--ui-control-static-bg-color:rgba(96,125,159,.25);--ui-control-bg-color:var(--ui-control-static-bg-color);--ui-control-hover-bg-color:rgba(96,125,159,.3);--ui-control-active-bg-color:rgba(96,125,159,.5);--ui-control-border-radius:var(--large-border-radius);--ui-control-height:2.125rem;--ui-control-height--small:1.875rem;--light-focus-hsl:211.6981132075deg,96.3636363636%,78.431372549%;--medium-focus-hsl:217.2192513369deg,91.2195121951%,59.8039215686%;--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:1.5rem;--thumb-size:1.25rem;--icon-size:1rem;--elements-busy-top-position:calc(50% - var(--size, 20px)/2);--lh:1.42em}@font-face{font-display:block;font-family:Craft;font-style:normal;font-weight:400;src:url(../fonts/Craft.woff2) format("woff2"),url(../fonts/Craft.woff) format("woff"),url(../fonts/Craft.ttf) format("truetype"),url(../fonts/Craft.svg#Craft) format("svg")}body,html{background-color:var(--gray-100);box-shadow:var(--light-focus-ring)}body{color:var(--text-color);font-size:.875rem;line-height:var(--lh);overflow-x:hidden;width:100vw;-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}.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}.mt-0{margin-top:0!important}.mt-xs{margin-top:var(--xs)!important}.mt-s{margin-top:var(--s)!important}.mt-m{margin-top:var(--m)!important}.mt-l{margin-top:var(--l)!important}.mt-xl{margin-top:var(--xl)!important}.mb-0{margin-bottom:0!important}.mb-xs{margin-bottom:var(--xs)!important}.mb-s{margin-bottom:var(--s)!important}.mb-m{margin-bottom:var(--m)!important}.mb-l{margin-bottom:var(--l)!important}.mb-xl{margin-bottom:var(--xl)!important}.ml-0{margin-left:0!important}.ml-xs{margin-left:var(--xs)!important}.ml-s{margin-left:var(--s)!important}.ml-m{margin-left:var(--m)!important}.ml-l{margin-left:var(--l)!important}.ml-xl{margin-left:var(--xl)!important}.mr-0{margin-right:0!important}.mr-xs{margin-right:var(--xs)!important}.mr-s{margin-right:var(--s)!important}.mr-m{margin-right:var(--m)!important}.mr-l{margin-right:var(--l)!important}.mr-xl{margin-right:var(--xl)!important}.mx-0{margin-left:0!important;margin-right:0!important}.mx-xs{margin-left:var(--xs)!important;margin-right:var(--xs)!important}.mx-s{margin-left:var(--s)!important;margin-right:var(--s)!important}.mx-m{margin-left:var(--m)!important;margin-right:var(--m)!important}.mx-l{margin-left:var(--l)!important;margin-right:var(--l)!important}.mx-xl{margin-left:var(--xl)!important;margin-right:var(--xl)!important}.my-0{margin-bottom:0!important;margin-top:0!important}.my-xs{margin-bottom:var(--xs)!important;margin-top:var(--xs)!important}.my-s{margin-bottom:var(--s)!important;margin-top:var(--s)!important}.my-m{margin-bottom:var(--m)!important;margin-top:var(--m)!important}.my-l{margin-bottom:var(--l)!important;margin-top:var(--l)!important}.my-xl{margin-bottom:var(--xl)!important;margin-top:var(--xl)!important}.no-scroll{overflow:hidden!important}.draghelper{box-sizing:border-box;list-style-type:none}.offset-drag-helper{transition:margin .2s linear,padding .2s linear}body.dragging.ltr .offset-drag-helper{margin:-50px 0 0 -50px;padding:60px 0 0 60px}body.dragging.rtl .offset-drag-helper{margin:-50px -50px 0 0;padding:60px 60px 0 0}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,.action-btn:before,.go:after,.icon:before,.insecure:before,.menu .flex.padded.sel:before,.menu ul.padded li .menu-item.sel:before,.menu ul.padded li .menu-option.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{font-family:Craft;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.badge-icon{align-items:center;border:1px solid var(--indicator-border-color);border-radius:var(--small-border-radius);box-sizing:border-box;color:var(--indicator-icon-color);display:inline-flex;font-size:9px;height:1rem;justify-content:center;position:relative;top:-1px;width:1rem}.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)}[data-icon-size=large][data-icon-after]:after,[data-icon-size=large][data-icon]:before{font-size:20px}[data-icon-size=small][data-icon-after]:after,[data-icon-size=small][data-icon]:before{font-size:14px}[data-icon-size=puny][data-icon-after]:after,[data-icon-size=puny][data-icon]:before{font-size:12px}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"}.action-btn:before{content:"ellipsis"}.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[aria-current]{cursor:default}a:hover,body.underline-links a{text-decoration:underline}a .cp-icon svg circle,a .cp-icon svg ellipse,a .cp-icon svg line,a .cp-icon svg path,a .cp-icon svg polygon,a .cp-icon svg polyline,a .cp-icon svg rect,a .cp-icon svg text{fill:var(--link-color);stroke-width:0}a:not([href]){color:inherit;cursor:inherit}a:not([href]):hover,body.underline-links a:not([href]){text-decoration:none}a.iconlink:before{width:1rem}body.ltr a.iconlink:before{margin-right:var(--xs)}body.rtl a.iconlink:before{margin-left:var(--xs)}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"}body.ltr a [data-icon=external]{margin-left:var(--xs)}body.rtl a [data-icon=external]{margin-right:var(--xs)}button{cursor:pointer}.alert-icon,.checkmark-icon{border-radius:20px;cursor:pointer;line-height:10px;margin-bottom:0!important;padding:5px}.alert-icon:before,.checkmark-icon:before{font-family:Craft;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.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"}.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{align-content:stretch;align-items:center;color:var(--blue-800);display:flex;gap:var(--s);justify-content:center}#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(37,99,235,.2),rgba(37,99,235,0) 50%)}body.rtl .so-notice>.draft-notice{background-image:linear-gradient(270deg,rgba(37,99,235,.2),rgba(37,99,235,0))}.draft-notice p{flex:1;margin:0}.draft-notice .draft-icon{align-items:center;border:2px solid rgba(30,64,175,.2);border-radius:100%;box-shadow:0 1px 1px 1px var(--white);box-sizing:border-box;display:flex;flex-shrink:0;height:34px;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(30,58,138,.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:#1555e2}.draft-notice .discard-changes-btn:active{border-color:#134cca}.revision-notice{align-content:stretch;align-items:center;color:var(--gray-600);display:flex;gap:var(--s);justify-content:center}#content-notice .revision-notice{display:inline-flex;justify-content:flex-start}.revision-notice p{flex:1;margin:0}.revision-notice .revision-icon{align-items:center;border:2px solid rgba(51,64,77,.2);border-radius:100%;box-shadow:0 1px 1px 1px var(--white);box-sizing:border-box;display:flex;flex-shrink:0;height:34px;justify-content:center;position:relative;width:34px}.revision-notice .revision-icon:before{color:var(--grey-800)!important;font-size:18px;left:1px;position:relative}.revision-notice .revision-icon:after{border-radius:100%;bottom:-2px;box-shadow:inset 0 2px 0 rgba(30,58,138,.2);content:"";font-size:0;left:-2px;position:absolute;right:-2px;top:-2px}button.toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;color:inherit;padding:0}.toggle:before,a.fieldtoggle:before{border:solid;border-width:0 .125rem .125rem 0;content:"";display:block;font-size:0;height:.4375rem;opacity:.8;position:relative;transition:transform .1s linear;width:.4375rem}body.ltr .toggle:before,body.ltr a.fieldtoggle:before{transform:rotate(-45deg)}body.rtl .toggle:before,body.rtl a.fieldtoggle:before{transform:rotate(135deg)}.sidebar nav li.expanded>.toggle:before,.structure li:not(.collapsed)>.row>.toggle:before,.toggle.expanded:before,a.fieldtoggle.expanded:before{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}ul.errors em{font-style:normal}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,.readable h1,.readable h2,.readable h3,.readable h4,.readable h5,.readable h6{font-weight:600;margin:24px 0 16px}.readable .h1,.readable h1{color:#000;font-size:32px;line-height:40px}.readable .h2,.readable h2{font-size:24px;line-height:30px}.readable .h3,.readable h3{font-size:20px;line-height:24px}.readable .h4,.readable h4{font-size:16px;line-height:20px}.readable .h5,.readable h5{font-size:14px;line-height:18px}.readable .h6,.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 .tip-dismiss-btn{position:absolute;top:12px}body.ltr .readable .tip-dismiss-btn{right:12px}body.rtl .readable .tip-dismiss-btn{left:12px}.readable .tip-dismiss-btn+p{margin-top:0}.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:50px}body.rtl .readable blockquote.note{padding-right:50px}body.ltr .readable blockquote.note.dismissible{padding-right:36px}body.rtl .readable blockquote.note.dismissible{padding-left:36px}.readable blockquote.note:not(.tip):not(.warning){border-color:#dc2626;color:#bf503f}.readable blockquote.note:not(.tip):not(.warning):before{color:#dc2626;content:"alert"}.readable blockquote.note.tip{border-color:#1f5fea;color:#1f5fea}.readable blockquote.note.tip:before{color:#1f5fea;content:"lightbulb"}.readable blockquote.note.warning{border-color:#854d0e;color:#cf783a}.readable blockquote.note.warning:before{color:#854d0e;content:"alert"}.readable blockquote.note:before{font-family:Craft;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;font-size:24px;opacity:1;position:absolute;top:15px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:24px}body.ltr .readable blockquote.note:before{left:16px}body.rtl .readable blockquote.note:before{right:16px}.readable blockquote.note a[href]{color:currentColor;text-decoration:underline}.readable .go:after{font-size:14px}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(--rose-500);content:"asterisk";font-size:12px}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{font-family:Craft;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;content:"asterisk";display:block;font-size:9px;left:0;line-height:17px;position:absolute;text-indent:0;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;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{font-family:Craft;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;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{align-items:flex-start;display:flex;flex-wrap:nowrap}.notice.has-icon .icon,.warning.has-icon .icon{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:not(.disabled){cursor:move}.icon.move:before{color:var(--custom-text-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{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.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{font-family:Craft;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;vertical-align:middle;word-wrap:normal!important;color:var(--ui-control-color);line-height:1.375;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;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}.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}body.ltr .customize-sources-modal.sidebar-hidden{padding-left:0}body.rtl .customize-sources-modal.sidebar-hidden{padding-right:0}.customize-sources-modal.sidebar-hidden>.cs-sidebar{display:none}.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{--selected-item-color:var(--white);align-items:center;background-color:var(--gray-100);border:solid var(--hairline-color);border-width:1px 0;box-sizing:border-box;cursor:default;display:flex;margin-top:-1px;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-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{--focus-ring:0 0 0 1px hsl(var(--light-focus-hsl)),0 0 0 3px hsla(var(--light-focus-hsl),0.7);--ui-control-color:var(--selected-item-color);background-color:var(--dark-sel-color);color:var(--selected-item-color);z-index:1}.customize-sources-item .label{flex:1}.customize-sources-item.heading .label{color:var(--light-text-color);font-size:12px;font-weight:700;text-transform:uppercase}.customize-sources-item.heading.sel .label{color:var(--selected-item-color)}.customize-sources-item__move{align-items:center;justify-content:center;position:absolute;top:50%;transform:translate(-50%,-50%)}body.ltr .customize-sources-item__move{right:0}body.rtl .customize-sources-item__move{left:0}.customize-sources-item__move.icon{display:flex;text-decoration:none}.customize-sources-item__btn{margin:3px;padding:8px 14px}body.ltr .customize-sources-item__btn{padding-right:30px}body.rtl .customize-sources-item__btn{padding-left:30px}.checkbox-select-item{align-content:stretch;align-items:flex-start;display:flex;margin-bottom:4px}.checkbox-select-item .move{margin-top:-3px;position:relative;z-index:1}body.ltr .checkbox-select-item .move{margin-right:10px}body.rtl .checkbox-select-item .move{margin-left:10px}ul.path{align-items:stretch;display:flex;flex-direction:row;flex-wrap:wrap}ul.path li{align-items:center;display:inline-flex}ul.path li:not(:last-child):after{border:solid var(--light-text-color);border-width:0 .0625rem .0625rem 0;content:"";display:block;font-size:0;height:.4375rem;opacity:.8;position:relative;width:.4375rem}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{display:flex;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:var(--s);min-height:34px;position:relative}.toolbar .flex,.toolbar.flex{align-items:flex-start}.toolbar .text{border-radius:var(--large-border-radius)!important}.flex{align-content:stretch;align-items:center;display:flex;gap:var(--s)}.flex.flex-gap-xs{gap:var(--xs)}.flex.flex-gap-m{gap:var(--m)}.flex.flex-gap-l{gap:var(--l)}.flex.flex-gap-xl{gap:var(--xl)}.flex:not(.flex-nowrap){flex-wrap:wrap}.flex>.label{white-space:nowrap}.centeralign .flex{justify-content:center}.inline-flex{align-content:stretch;align-items:center;display:inline-flex!important;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;max-width:100%}.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{align-items:center;display:flex;gap:7px;margin:24px 0;position:relative}.footer>.buttons,.hud-footer>.buttons{margin:0}.btn{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--ui-control-bg-color);border:none;border-radius:var(--ui-control-border-radius);box-sizing:border-box;color:currentColor;display:inline-flex;font-size:inherit;justify-content:center;padding:7px 10px;position:relative;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.btn:not([aria-current]){cursor:pointer}.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.hairline{background-color:transparent;border:1px solid var(--medium-hairline-color)}.btn.hairline:active,.btn.hairline:hover,.btn.hairline[aria-expanded=true]{border-color:var(--dark-hairline-color)}.btn.hairline:active,.btn.hairline[aria-expanded=true]{background-color:var(--ui-control-static-bg-color)}.btn.wrap{height:auto;min-height:34px;text-align:left;white-space:normal}.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]).focus,.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]):focus,.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]):hover{--ui-control-bg-color:var(--ui-control-hover-bg-color)}.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]).active,.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]):active,.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current])[aria-expanded=true]{--ui-control-bg-color:var(--ui-control-active-bg-color)}.btn[type=color]{padding:6px!important;width:36px}.btn.active,.btn.loading{cursor:default}.btn:hover{text-decoration:none}.btn.btn-empty,.btn:empty{padding-left:12px;padding-right:12px}body.ltr .btn.icon:not(:empty):not(.btn-empty):before,body.ltr .btn.menubtn:not(.action-btn).icon.btn-empty:before,body.ltr .btn.menubtn:not(.action-btn).icon:empty:before,body.ltr .btn.menubtn:not(.action-btn)[data-icon].btn-empty:before,body.ltr .btn.menubtn:not(.action-btn)[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:not(.action-btn).icon.btn-empty:before,body.rtl .btn.menubtn:not(.action-btn).icon:empty:before,body.rtl .btn.menubtn:not(.action-btn)[data-icon].btn-empty:before,body.rtl .btn.menubtn:not(.action-btn)[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}.btn [data-icon]{margin-top:-3px}body.ltr .btn [data-icon]{margin-right:5px}body.rtl .btn [data-icon]{margin-left:5px}.btn [data-icon].light:before{color:var(--gray-300)}.disabled{opacity:.25;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.noteditable,.noteditable .element,.noteditable .lightswitch-container,.noteditable+.colorhex{cursor:not-allowed}.btn,.spinner{height:var(--ui-control-height)}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(.action-btn).icon:after,body.ltr .menubtn:not(.action-btn):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:not(.action-btn).icon:after,body.rtl .menubtn:not(.action-btn):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{align-items:center;border-radius:var(--large-border-radius);display:flex;position:relative;white-space:nowrap;z-index:1}.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-bottom-left-radius:0;border-top-left-radius:0}body.ltr .btngroup .btn:not(:last-child):not(.btngroup-btn-last),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}.btngroup--exclusive .btn[aria-pressed=true]:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]){background-color:var(--gray-500);color:var(--white)}.copytext{align-items:center;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{align-items:center;border:1px solid var(--hairline-color);border-radius:var(--small-border-radius);color:var(--medium-text-color);cursor:pointer;display:inline-flex;flex-wrap:nowrap;padding:0 9px}.copytextbtn .copytextbtn__icon{background:none;color:var(--light-text-color);margin-top:-3px;padding:0;width:13px}body.ltr .copytextbtn .copytextbtn__icon{margin-left:5px}body.rtl .copytextbtn .copytextbtn__icon{margin-right:5px}.copytextbtn:focus,.copytextbtn:hover{border-color:var(--medium-hairline-color);color:var(--text-color)}.copytextbtn:focus .copytextbtn__value,.copytextbtn:hover .copytextbtn__value{color:var(--text-color)}.copytextbtn.small{padding:0 5px}.copytextbtn.small .copytextbtn__value{font-size:.6875rem}.menu-toggle,.menubtn:not(.action-btn){align-items:center;display:inline-flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.menu-toggle:after,.menubtn:not(.action-btn):after{border:solid;border-width:0 .125rem .125rem 0;content:"";display:block;font-size:0;height:.4375rem;opacity:.8;position:relative;transform:rotate(45deg);width:.4375rem}.menu-toggle.btn:after,.menubtn:not(.action-btn).btn:after{top:-1px}.menu-toggle.btn:not(.disabled):not(.inactive).active:after,.menu-toggle.btn:not(.disabled):not(.inactive):active:after,.menubtn:not(.action-btn).btn:not(.disabled):not(.inactive).active:after,.menubtn:not(.action-btn).btn:not(.disabled):not(.inactive):active:after{border-color:var(--ui-control-active-color)}.menu-toggle.btn.submit:after,.menubtn:not(.action-btn).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:not(.action-btn).btn.submit:not(.disabled):not(.inactive).active:after,.menubtn:not(.action-btn).btn.submit:not(.disabled):not(.inactive).hover:after,.menubtn:not(.action-btn).btn.submit:not(.disabled):not(.inactive):active:after,.menubtn:not(.action-btn).btn.submit:not(.disabled):not(.inactive):hover:after{opacity:1}.menu-toggle:not(.btn):not(.icon),.menubtn:not(.action-btn):not(.btn):not(.icon){height:17px}.menu-toggle:not(.btn):not(.icon):after,.menubtn:not(.action-btn):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:not(.action-btn).btn-empty,body.ltr .menubtn:not(.action-btn):empty{padding-left:8px}body.ltr .menu-toggle.btn-empty,body.ltr .menu-toggle:empty,body.ltr .menubtn:not(.action-btn).btn-empty,body.ltr .menubtn:not(.action-btn):empty,body.rtl .menu-toggle.btn-empty,body.rtl .menu-toggle:empty,body.rtl .menubtn:not(.action-btn).btn-empty,body.rtl .menubtn:not(.action-btn):empty{padding-right:8px}body.rtl .menu-toggle.btn-empty,body.rtl .menu-toggle:empty,body.rtl .menubtn:not(.action-btn).btn-empty,body.rtl .menubtn:not(.action-btn):empty{padding-left:8px}@keyframes rotator{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.spinner{align-items:center;display:inline-flex;height:var(--size,34px);justify-content:center;width:var(--size,24px)}.spinner:before{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:var(--elements-busy-top-position);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 var(--s)!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.huge{height:48px;line-height:48px;padding:var(--l)}.btn.secondary,.btn.submit{color:var(--white)!important;--ui-control-active-color:var(--white);-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):focus,.btn.submit:not(.disabled):not(.inactive):not(.loading):hover{background-color:#c82020!important}.btn.submit:not(.disabled):not(.inactive):not(.loading).active,.btn.submit:not(.disabled):not(.inactive):not(.loading):active,.btn.submit:not(.disabled):not(.inactive):not(.loading)[aria-expanded=true]{background-color:#b21d1d!important}.btn.caution{background-color:var(--red-050)!important;color:var(--error-color)}.btn.caution.hover,.btn.caution:focus,.btn.caution:hover{background-color:#fcdada!important}.btn.caution.active,.btn.caution:active,.btn.caution[aria-expanded=true]{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,.btn.secondary:not(.disabled):not(.inactive):not(.loading)[aria-expanded=true],.secondary-buttons .btn.submit: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)[aria-expanded=true]{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,.btn.dashed:not(.disabled)[aria-expanded=true]{background-color:rgba(205,216,228,.25)}.chevron-btns{display:flex;justify-content:flex-start}.chevron-btns .btn{background-color:transparent;border-radius:0;padding:0;position:relative}.chevron-btns .btn.active-drop-target,.chevron-btns .btn.current-step{color:var(--white);--text-color:var(--white);--ui-control-color:var(--white);--ui-control-bg-color:var(--gray-500);--ui-control-hover-bg-color:#55616d;--ui-control-active-bg-color:#4a545e}.chevron-btns .btn.current-step{-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)}.chevron-btns .btn:focus{box-shadow:none;z-index:1}.chevron-btns .btn:focus .label{box-shadow:var(--focus-ring);z-index:1}.reduce-focus-visibility .chevron-btns .btn:focus:not(:focus-visible) .label{box-shadow:none}.reduce-focus-visibility .chevron-btns .btn:focus-visible .label{box-shadow:var(--focus-ring)}body.ltr .chevron-btns .btn:not(.has-action-menu){padding-right:calc(var(--ui-control-height)/2)}body.rtl .chevron-btns .btn:not(.has-action-menu){padding-left:calc(var(--ui-control-height)/2)}body.ltr .chevron-btns .btn:not(.has-action-menu){margin-right:2.8px}body.rtl .chevron-btns .btn:not(.has-action-menu){margin-left:2.8px}body.ltr .chevron-btns .btn:not(.has-action-menu):not(.current-step[data-disclosure-trigger]) .btn-body{padding-right:5px}body.rtl .chevron-btns .btn:not(.has-action-menu):not(.current-step[data-disclosure-trigger]) .btn-body{padding-left:5px}body.ltr .chevron-btns .btn.current-step[data-disclosure-trigger] .btn-body{padding-left:8px}body.rtl .chevron-btns .btn.current-step[data-disclosure-trigger] .btn-body{padding-right:8px}.chevron-btns .btn.current-step[data-disclosure-trigger] .btn-body .label{padding:3px}.chevron-btns .btn.current-step[data-disclosure-trigger] .btn-body .label:after{border:solid;border-width:0 .125rem .125rem 0;content:"";display:block;font-size:0;height:.4375rem;opacity:.8;position:relative;transform:rotate(45deg);width:.4375rem}.chevron-btns .btn .btn-body{align-items:center;background-color:var(--ui-control-bg-color);display:inline-flex;height:var(--ui-control-height);justify-content:center}.chevron-btns .btn .btn-body [data-icon]{--ui-control-height:0.8125rem;text-align:center}body.ltr .chevron-btns .btn .btn-body [data-icon]{margin-right:0}body.rtl .chevron-btns .btn .btn-body [data-icon]{margin-left:0}.chevron-btns .btn .label{align-items:center;display:inline-flex;overflow:hidden;text-overflow:ellipsis}body.ltr .chevron-btns .btn.has-action-menu .btn-body{padding-right:1px}body.rtl .chevron-btns .btn.has-action-menu .btn-body{padding-left:1px}body.ltr .chevron-btns .btn.has-action-menu .btn-body{margin-right:0}body.rtl .chevron-btns .btn.has-action-menu .btn-body{margin-left:0}.chevron-btns .btn .chevron-left,.chevron-btns .btn .chevron-right{height:100%;position:absolute;top:0;width:calc(var(--ui-control-height)/2)}.chevron-btns .btn .chevron-left{border-top:calc(var(--ui-control-height)/2) solid var(--ui-control-bg-color)}body.ltr .chevron-btns .btn .chevron-left{left:0}body.rtl .chevron-btns .btn .chevron-left{right:0}body.ltr .chevron-btns .btn .chevron-left{border-left:calc(var(--ui-control-height)/2) solid transparent}body.rtl .chevron-btns .btn .chevron-left{border-right:calc(var(--ui-control-height)/2) solid transparent}.chevron-btns .btn .chevron-left:after{border-bottom:calc(var(--ui-control-height)/2) solid var(--ui-control-bg-color);bottom:0;content:"";display:block;font-size:0;position:absolute}body.ltr .chevron-btns .btn .chevron-left:after{right:0}body.rtl .chevron-btns .btn .chevron-left:after{left:0}body.ltr .chevron-btns .btn .chevron-left:after{border-left:calc(var(--ui-control-height)/2) solid transparent}body.rtl .chevron-btns .btn .chevron-left:after{border-right:calc(var(--ui-control-height)/2) solid transparent}.chevron-btns .btn .chevron-right{border-bottom:calc(var(--ui-control-height)/2) solid transparent;border-top:calc(var(--ui-control-height)/2) solid transparent}body.ltr .chevron-btns .btn .chevron-right{right:0}body.rtl .chevron-btns .btn .chevron-right{left:0}body.ltr .chevron-btns .btn .chevron-right{border-left:calc(var(--ui-control-height)/2) solid var(--ui-control-bg-color)}body.rtl .chevron-btns .btn .chevron-right{border-right:calc(var(--ui-control-height)/2) solid var(--ui-control-bg-color)}.chevron-btns ol{display:flex;list-style-type:none;position:relative}body.ltr .chevron-btns ol{padding-left:0}body.rtl .chevron-btns ol{padding-right:0}body.ltr .chevron-btns ol li.first-step .btn .btn-body{padding-left:14px}body.rtl .chevron-btns ol li.first-step .btn .btn-body{padding-right:14px}body.ltr .chevron-btns ol li.first-step .btn .btn-body{border-radius:var(--ui-control-border-radius) 0 0 var(--ui-control-border-radius)}body.rtl .chevron-btns ol li.first-step .btn .btn-body{border-radius:0 var(--ui-control-border-radius) var(--ui-control-border-radius) 0}.chevron-btns ol li.first-step .btn .chevron-left{display:none}body.ltr .chevron-btns ol li:not(.first-step) .btn{margin-left:calc(var(--ui-control-height)*-1/2)}body.rtl .chevron-btns ol li:not(.first-step) .btn{margin-right:calc(var(--ui-control-height)*-1/2)}body.ltr .chevron-btns ol li:not(.first-step) .btn{padding-left:calc(var(--ui-control-height)/2)}body.rtl .chevron-btns ol li:not(.first-step) .btn{padding-right:calc(var(--ui-control-height)/2)}body.ltr .chevron-btns ol li:not(.first-step) .btn .btn-body{padding-left:7px}body.rtl .chevron-btns ol li:not(.first-step) .btn .btn-body{padding-right:7px}.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;-moz-user-select:none;-ms-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):not(.noteditable){cursor:pointer}.color:not(.small){background-position:0 0,8.5px 0,8.5px -8.5px,0 8.5px;background-size:17px 17px}.color.small,.color:not(.small){background-image:linear-gradient(45deg,rgba(154,165,177,.25) 25%,transparent 0),linear-gradient(135deg,rgba(154,165,177,.25) 25%,transparent 0),linear-gradient(45deg,transparent 75%,rgba(154,165,177,.25) 0),linear-gradient(135deg,transparent 75%,rgba(154,165,177,.25) 0)}.color.small{background-position:0 0,4px 0,4px -4px,0 4px;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:flex}.lightswitch-outer-container .lightswitch-inner-container{align-items:center;border:1px solid var(--hairline-color);border-radius:var(--small-border-radius);display:flex;max-width:100%;padding-left:7px;padding-right:7px}.lightswitch-outer-container .lightswitch-inner-container span{color:var(--medium-text-color);cursor:default;flex-grow:1;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:auto;overflow-wrap:break-word;padding:7px 0}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}.lightswitch-outer-container .lightswitch-inner-container span[data-toggle=off]{text-align:right}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;text-align:left}.lightswitch{background-image:linear-gradient(to right,var(--gray-400),var(--gray-400));border:none!important;cursor:pointer;display:block;overflow:hidden;position:relative;transition:background-image .1s linear;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.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{height:100%;position:relative}.lightswitch .lightswitch-container .handle{background-color:var(--white);position:absolute;top:1px}.lightswitch:not(.small){border-radius:11px;height:22px;min-width:34px;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{align-items:center;border-radius:var(--medium-border-radius);display:flex;height:1.875rem;justify-content:center;width:1.875rem}.pagination .page-link:after{position:relative;transition:border-color .1s linear}.pagination .page-link.prev-page:after{border:solid var(--light-text-color);border-width:0 .125rem .125rem 0;content:"";display:block;font-size:0;height:.4375rem;opacity:.8;position:relative;width:.4375rem}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{border:solid var(--light-text-color);border-width:0 .125rem .125rem 0;content:"";display:block;font-size:0;height:.4375rem;opacity:.8;position:relative;width:.4375rem}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){box-shadow:inset 0 0 0 1px var(--hairline-color);cursor:pointer;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)}body.reduce-focus-visibility .pagination .page-link:not(.disabled):focus-visible,body:not(.reduce-focus-visibility) .pagination .page-link:not(.disabled):focus{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{--pane-y-padding-default:calc(var(--xl) - 2px);--pane-x-padding-default:calc(var(--padding) - 2px);margin:calc(var(--pane-padding, var(--pane-y-padding-default))*-1) calc(var(--pane-padding, var(--pane-x-padding-default))*-1) calc(var(--pane-padding, var(--padding))*-1 + var(--pane-padding, var(--m)));overflow-x:auto;padding:0!important}body.ltr .tablepane table.data td:first-child,body.ltr .tablepane table.data th:first-child{padding-left:var(--m)}body.rtl .tablepane table.data td:first-child,body.rtl .tablepane table.data th:first-child{padding-right:var(--m)}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% - .5rem)}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(--border-radius,var(--small-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(--border-radius,var(--small-border-radius))}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-bottom-left-radius:var(--border-radius,var(--small-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-bottom-right-radius:var(--border-radius,var(--small-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(--border-radius,var(--small-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(--border-radius,var(--small-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-bottom-right-radius:var(--border-radius,var(--small-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-bottom-left-radius:var(--border-radius,var(--small-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:var(--s);padding-top:var(--s)}table.data thead th{vertical-align:middle;white-space:nowrap}table.data thead th.orderable{padding:0!important;position:relative}body:not(.dragging) 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 .125rem .125rem 0;content:"";display:block;font-size:0;height:.4375rem;opacity:.8;position:relative;position:absolute;top:2px;top:calc(50% - 3px);transform:rotate(225deg);width:.4375rem}body.ltr table.data thead th.orderable.ordered:not(.loading) button:after{right:var(--m)}body.rtl table.data thead th.orderable.ordered:not(.loading) button:after{left:var(--m)}table.data thead th.orderable.ordered:not(.loading).desc button:after{transform:rotate(45deg)}table.data thead th.orderable button{font:inherit;padding:var(--pane-padding,var(--m)) var(--m);position:relative;width:100%}body.ltr table.data thead th.orderable button{padding-right:35px}body.rtl table.data thead th.orderable button{padding-left:35px}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{--hover-bg-color:var(--gray-050);--selected-bg-color:var(--dark-sel-color)}table.data tbody tr:not(.disabled):hover td,table.data tbody tr:not(.disabled):hover th{background-color:var(--hover-bg-color)}table.data tbody tr:not(.disabled):focus{position:relative;z-index:1}table.data tbody tr:not(.disabled).active-drop-target,table.data tbody tr:not(.disabled).sel{--text-color:var(--white);--medium-dark-text-color:var(--white);--medium-text-color:var(--white);--light-text-color:var(--white);--link-color:var(--white);--ui-control-color:var(--white);--focus-ring:0 0 0 3px hsl(var(--light-focus-hsl))}table.data tbody tr:not(.disabled).active-drop-target td,table.data tbody tr:not(.disabled).active-drop-target th,table.data tbody tr:not(.disabled).sel td,table.data tbody tr:not(.disabled).sel th{background-color:var(--selected-bg-color);color:var(--white)}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.data tr.sel:not(.draggee)+tr.sel:not(.draggee) td,table.data tr.sel:not(.draggee)+tr.sel:not(.draggee) th{border-top-color:var(--gray-300)}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{background-color:var(--white);box-shadow:0 1px 5px -1px rgba(31,41,51,.2)}.datatablesorthelper,.datatablesorthelper .chip,.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}.card,.chip{background-color:var(--custom-bg-color,var(--gray-050));color:var(--custom-text-color,var(--text-color))}.chip{align-items:center;border-radius:var(--large-border-radius);cursor:default;display:inline-flex;font-weight:400;gap:var(--xs);max-width:100%;padding:var(--xs) var(--s);position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.chip.small{flex-direction:row;height:calc(1.625rem + 8px);--thumb-size:1.875rem}.chip.small>.thumb{margin:calc(var(--xs)*-1 + 2px) calc(var(--s)*-1 + 2px)}body.ltr .chip.small>.thumb{margin-right:2px}body.rtl .chip.small>.thumb{margin-left:2px}.chip.small>.thumb.cp-icon{--thumb-size:1rem}body.ltr .chip.small>.thumb.cp-icon{margin-left:-2px}body.rtl .chip.small>.thumb.cp-icon{margin-right:-2px}.chip.large{flex-direction:column;--thumb-size:120px;min-width:calc(var(--s)*2 + var(--thumb-size))}.chip.large .chip-content{width:100%}.chip .chip-content{align-items:center;display:flex;flex-direction:row;gap:var(--s);max-width:100%}body.ltr .chip .chip-content .icon,body.ltr .chip .chip-content .status{margin-right:0}body.rtl .chip .chip-content .icon,body.rtl .chip .chip-content .status{margin-left:0}.chip .chip-content .icon{margin:-4px -1px 0}.chip.sel,li.active-drop-target .chip,li.sel .chip{--text-color:var(--white);--custom-text-color:var(--white)!important;--medium-dark-text-color:var(--white);--medium-text-color:var(--white);--light-text-color:var(--white);--link-color:var(--white);--ui-control-color:var(--white);--focus-ring:0 0 0 3px hsl(var(--light-focus-hsl));background-color:var(--custom-sel-bg-color,var(--dark-sel-color))!important;color:var(--white)}.chip.sel .cp-icon,li.active-drop-target .chip .cp-icon,li.sel .chip .cp-icon{--icon-color:var(--white)!important}.chip.sel,.sel .chip{cursor:default}.chip.sel .thumb,.sel .chip .thumb{filter:brightness(.85)}.chip.sel .thumb img,.sel .chip .thumb img{box-shadow:0 0 0 1px rgba(96,109,123,.1),0 6px 4px -4px rgba(96,109,123,.2)}.offset-drag-helper .chip{background-color:var(--gray-050);box-shadow:0 1px 5px -1px rgba(31,41,51,.2)}.chip>.thumb{align-items:center;display:flex;height:var(--thumb-size);justify-content:center;position:relative;width:var(--thumb-size)}.chip>.thumb.rounded img,.chip>.thumb.rounded svg{border:var(--xs) solid transparent;border-radius:50%}.chip>.thumb.checkered img{background-image:linear-gradient(45deg,rgba(154,165,177,.25) 25%,transparent 0),linear-gradient(135deg,rgba(154,165,177,.25) 25%,transparent 0),linear-gradient(45deg,transparent 75%,rgba(154,165,177,.25) 0),linear-gradient(135deg,transparent 75%,rgba(154,165,177,.25) 0);background-position:0 0,4px 0,4px -4px,0 4px;background-size:8px 8px}.chip>.thumb img,.chip>.thumb svg{border-radius:var(--small-border-radius);display:block;flex-shrink:0;max-height:100%;max-width:100%}.cp-icon{align-items:center;display:flex;justify-content:center;max-width:var(--icon-size)}.cp-icon,.cp-icon svg{height:var(--icon-size);width:var(--icon-size)}.cp-icon svg{max-height:var(--icon-size)!important;max-width:var(--icon-size)!important}.cp-icon svg circle,.cp-icon svg ellipse,.cp-icon svg line,.cp-icon svg path,.cp-icon svg polygon,.cp-icon svg polyline,.cp-icon svg rect,.cp-icon svg text{fill:var(--icon-color,var(--ui-control-color));stroke-width:0}.cp-icon.large{--icon-size:1.25rem}.cp-icon.small{--icon-size:0.875rem}.cp-icon.puny{--icon-size:0.75rem}.cards,.chips{display:flex;--custom-bg-color:initial;--custom-text-color:initial;--custom-sel-bg-color:initial}.cards:not(.inline-chips),.chips:not(.inline-chips){flex-direction:column}.cards li,.chips li{max-width:100%}.cards{gap:var(--s)}.chips{align-items:flex-start;gap:var(--xs)}.inline-chips{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--xs)}.inline-chips .chip{margin:0!important}.card{align-items:stretch;cursor:default;display:flex;flex-direction:row;gap:var(--m);padding:var(--m);position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.card,.card:after{border-radius:var(--large-border-radius)}.card.sel,li.sel .card{--text-color:var(--white);--custom-text-color:var(--white)!important;--medium-dark-text-color:var(--white);--medium-text-color:var(--white);--light-text-color:var(--white);--link-color:var(--white);--ui-control-color:var(--white);--focus-ring:0 0 0 3px hsl(var(--light-focus-hsl));background-color:var(--custom-sel-bg-color,var(--dark-sel-color))!important;color:var(--white)}.card.sel>.thumb,li.sel .card>.thumb{background-color:var(--dark-sel-color)!important;filter:brightness(.85)}.card>.thumb{align-items:stretch;background-color:var(--gray-100);display:flex;margin:calc(var(--m)*-1);min-height:calc(var(--m)*2 + var(--lh)*3 + var(--xs));min-width:120px;overflow:hidden;position:relative;width:120px}body.ltr .card>.thumb{margin-right:0}body.rtl .card>.thumb{margin-left:0}.card>.thumb:after{bottom:0;box-shadow:0 1px 5px -1px rgba(31,41,51,.2);content:"";display:block;font-size:0;position:absolute;top:0;width:10px}body.ltr .card>.thumb:after{right:-10px}body.rtl .card>.thumb:after{left:-10px}body.ltr .card>.thumb,body.ltr .card>.thumb:after{border-radius:var(--large-border-radius) 0 0 var(--large-border-radius)}body.rtl .card>.thumb,body.rtl .card>.thumb:after{border-radius:0 var(--large-border-radius) var(--large-border-radius) 0}.card>.thumb img,.card>.thumb svg{max-height:120px;-o-object-fit:cover;object-fit:cover;width:100%}body.ltr .card>.cp-icon{margin:0 -4px 0 -2px}body.rtl .card>.cp-icon{margin:0 -2px 0 -4px}.card .card-content,.card .card-content .card-body{display:flex;flex:1;flex-direction:column;gap:var(--xs)}.card .card-content{flex:1 0 0!important;margin:calc((1rem - var(--lh))/2) 0;overflow:hidden;position:relative;--focus-ring:var(--inner-focus-ring)}.card .card-content .card-heading{align-items:center;display:flex;flex-direction:row;gap:5px}.card .card-content .card-heading .status{flex:0 0 10px;margin:0}.card .card-content .card-heading .label{font-weight:600}.card .card-content .card-body:empty{display:none}.card .card-content .card-body>*{--max-lines:2;margin:0;max-height:calc(var(--lh)*var(--max-lines));overflow:hidden;text-wrap:pretty}.card>.card-actions-container{align-items:flex-start!important;display:flex;position:relative}.card-grid{display:grid!important;gap:var(--s)!important;grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.card-grid>li{border-radius:var(--large-border-radius)}.card-grid>li>.card{height:100%;margin:0!important}.context-label,.context-menu-container{align-items:center;border:1px solid var(--medium-hairline-color);border-radius:calc(var(--touch-target-size)/2);color:var(--light-text-color);display:inline-flex;font-size:11px;font-weight:400;height:var(--touch-target-size);padding:0 var(--s);text-decoration:none!important}body.ltr .context-label,body.ltr .context-menu-container{margin-left:var(--xs)}body.rtl .context-label,body.rtl .context-menu-container{margin-right:var(--xs)}body.ltr .context-menu-container{padding-right:0}body.rtl .context-menu-container{padding-left:0}body.ltr .context-menu-container .menubtn:not(.action-btn){margin:0 -1px 0 0}body.rtl .context-menu-container .menubtn:not(.action-btn){margin:0 0 0 -1px}body.ltr .context-menu-container .menubtn:not(.action-btn){padding-right:2px!important}body.rtl .context-menu-container .menubtn:not(.action-btn){padding-left:2px!important}body.ltr .context-menu-container .menubtn:not(.action-btn){border-left:1px solid var(--medium-hairline-color)}body.rtl .context-menu-container .menubtn:not(.action-btn){border-right:1px solid var(--medium-hairline-color)}body.ltr .context-menu-container .menubtn:not(.action-btn){border-radius:0 calc(var(--touch-target-size)/2) calc(var(--touch-target-size)/2) 0}body.rtl .context-menu-container .menubtn:not(.action-btn){border-radius:calc(var(--touch-target-size)/2) 0 0 calc(var(--touch-target-size)/2)}.context-menu-container .menubtn:not(.action-btn):hover{border-color:var(--dark-hairline-color)!important}.context-menu-container>*{display:inline-block}body.ltr .context-menu-container>*{padding-right:var(--s)}body.rtl .context-menu-container>*{padding-left:var(--s)}.context-menu-container .menubtn:not(.action-btn):only-child,.context-menu-container .visually-hidden:first-child+.menubtn:not(.action-btn):last-child{border-left:none!important;border-radius:calc(var(--touch-target-size)/2)!important;margin:0 calc(var(--s)*-1)}.card .checkbox:before,.chip .checkbox:before{box-shadow:none!important}.card .label,.chip .label{align-items:center;display:flex;gap:var(--xs);overflow:hidden}.card .label .label-link,.chip .label .label-link{flex:1 1 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card .label .label-link:focus,.chip .label .label-link:focus{box-shadow:var(--inner-focus-ring)}.card .label .segment:after,.chip .label .segment:after{border:solid var(--light-text-color);border-width:0 .0625rem .0625rem 0;content:"";display:inline-flex!important;display:block;font-size:0;height:.4375rem;opacity:.8;position:relative;top:-2px;width:.4375rem}body.ltr .card .label .segment:after,body.ltr .chip .label .segment:after{margin:0 5px 0 2px}body.rtl .card .label .segment:after,body.rtl .chip .label .segment:after{margin:0 2px 0 5px}body.ltr .card .label .segment:after,body.ltr .chip .label .segment:after{transform:rotate(-45deg)}body.rtl .card .label .segment:after,body.rtl .chip .label .segment:after{transform:rotate(135deg)}.sel .card .label .segment:after,.sel .chip .label .segment:after{border:solid var(--white);border-width:0 .0625rem .0625rem 0;content:"";display:block;font-size:0;height:.4375rem;opacity:.8;position:relative;width:.4375rem}body.ltr .sel .card .label .segment:after,body.ltr .sel .chip .label .segment:after{transform:rotate(-45deg)}body.rtl .sel .card .label .segment:after,body.rtl .sel .chip .label .segment:after{transform:rotate(135deg)}.card>.card-actions-container>.card-actions,.card>.chip-content>.chip-actions,.chip>.card-actions-container>.card-actions,.chip>.chip-content>.chip-actions{align-items:center;display:flex;flex-direction:row;gap:var(--s);min-height:1rem}.card>.card-actions-container>.card-actions:empty,.card>.chip-content>.chip-actions:empty,.chip>.card-actions-container>.card-actions:empty,.chip>.chip-content>.chip-actions:empty{display:none}.card>.card-actions-container>.card-actions>.status,.card>.chip-content>.chip-actions>.status,.chip>.card-actions-container>.card-actions>.status,.chip>.chip-content>.chip-actions>.status{margin:0}.card>.card-actions-container>.card-actions>.action-btn,.card>.card-actions-container>.card-actions>.move,.card>.chip-content>.chip-actions>.action-btn,.card>.chip-content>.chip-actions>.move,.chip>.card-actions-container>.card-actions>.action-btn,.chip>.card-actions-container>.card-actions>.move,.chip>.chip-content>.chip-actions>.action-btn,.chip>.chip-content>.chip-actions>.move{height:var(--touch-target-size);margin:0 -4px;width:var(--touch-target-size)}.card>.card-actions-container>.card-actions>.action-btn:before,.card>.card-actions-container>.card-actions>.move:before,.card>.chip-content>.chip-actions>.action-btn:before,.card>.chip-content>.chip-actions>.move:before,.chip>.card-actions-container>.card-actions>.action-btn:before,.chip>.card-actions-container>.card-actions>.move:before,.chip>.chip-content>.chip-actions>.action-btn:before,.chip>.chip-content>.chip-actions>.move:before{color:var(--custom-text-color,var(--ui-control-color))}.card>.card-actions-container>.card-actions .action-btn,.card>.chip-content>.chip-actions .action-btn,.chip>.card-actions-container>.card-actions .action-btn,.chip>.chip-content>.chip-actions .action-btn{background-color:transparent}body.ltr .card>.card-actions-container>.card-actions .action-btn:before,body.ltr .card>.chip-content>.chip-actions .action-btn:before,body.ltr .chip>.card-actions-container>.card-actions .action-btn:before,body.ltr .chip>.chip-content>.chip-actions .action-btn:before{margin-right:0!important}body.rtl .card>.card-actions-container>.card-actions .action-btn:before,body.rtl .card>.chip-content>.chip-actions .action-btn:before,body.rtl .chip>.card-actions-container>.card-actions .action-btn:before,body.rtl .chip>.chip-content>.chip-actions .action-btn:before{margin-left:0!important}.card>.card-actions-container>.card-actions .action-btn:active,.card>.card-actions-container>.card-actions .action-btn:hover,.card>.card-actions-container>.card-actions .action-btn[aria-expanded=true],.card>.chip-content>.chip-actions .action-btn:active,.card>.chip-content>.chip-actions .action-btn:hover,.card>.chip-content>.chip-actions .action-btn[aria-expanded=true],.chip>.card-actions-container>.card-actions .action-btn:active,.chip>.card-actions-container>.card-actions .action-btn:hover,.chip>.card-actions-container>.card-actions .action-btn[aria-expanded=true],.chip>.chip-content>.chip-actions .action-btn:active,.chip>.chip-content>.chip-actions .action-btn:hover,.chip>.chip-content>.chip-actions .action-btn[aria-expanded=true]{-webkit-backdrop-filter:brightness(90%);backdrop-filter:brightness(90%)}.card>.card-actions-container>.card-actions .move,.card>.chip-content>.chip-actions .move,.chip>.card-actions-container>.card-actions .move,.chip>.chip-content>.chip-actions .move{margin-top:-3px!important}.card.error .label .label-link,.chip.error .label .label-link{color:var(--error-color)}.element-index .source-path{background-color:var(--gray-050);border-radius:3px;--ui-control-bg-color:var(--light-sel-color);--ui-control-hover-bg-color:#bdcbdb;--ui-control-active-bg-color:#acbed2}.element-index .source-path .chevron-btns{background:#fff;display:inline-flex;position:relative;--ui-control-height:1.875rem}.element-index .source-path .chevron-btns:before{border-top:calc(var(--ui-control-height)/2) solid #f3f7fc;content:"";display:block;font-size:0;height:0;position:absolute;top:0;width:0}body.ltr .element-index .source-path .chevron-btns:before{right:0}body.rtl .element-index .source-path .chevron-btns:before{left:0}body.ltr .element-index .source-path .chevron-btns:before{border-left:calc(var(--ui-control-height)/2) solid transparent}body.rtl .element-index .source-path .chevron-btns:before{border-right:calc(var(--ui-control-height)/2) solid transparent}.element-index .source-path .chevron-btns:after{border-bottom:calc(var(--ui-control-height)/2) solid #f3f7fc;content:"";display:block;font-size:0;position:absolute;top:calc(var(--ui-control-height)/2)}body.ltr .element-index .source-path .chevron-btns:after{right:0}body.rtl .element-index .source-path .chevron-btns:after{left:0}body.ltr .element-index .source-path .chevron-btns:after{border-left:calc(var(--ui-control-height)/2) solid transparent}body.rtl .element-index .source-path .chevron-btns:after{border-right:calc(var(--ui-control-height)/2) solid transparent}.element-index .source-path .chevron-btns .btn{--ui-control-border-radius:3px}.element-index .source-path .btn.settings{box-shadow:0 0 0 2px var(--white)}.element-index.main .source-path{margin:-22px calc(var(--padding)*-1 + 2px) 24px}.elementselectormodal .element-index .source-path{margin-bottom:2px}.element-index.pane .toolbar{background-color:var(--gray-050);border-radius:calc(var(--large-border-radius) - 1px) calc(var(--large-border-radius) - 1px) 0 0;box-shadow:0 1px 0 var(--hairline-color);margin:calc(var(--pane-padding)*-1) calc(var(--pane-padding)*-1) var(--pane-padding)!important;padding:var(--pane-padding);position:relative;z-index:2}.element-index.pane .header{background-color:transparent;border-bottom:1px solid var(--hairline-color);padding-bottom:var(--pane-padding);padding-top:var(--pane-padding)}.element-index.pane .elements{--border-radius:0}.element-index.pane .elements .tableview table.data thead td,.element-index.pane .elements .tableview table.data thead th{border-bottom:1px solid var(--hairline-color)}.element-index.pane .elements .tableview table.data thead td:not(.ordered),.element-index.pane .elements .tableview table.data thead th:not(.ordered){background-color:transparent}.element-index.pane .footer{background:transparent;border-radius:0 0 calc(var(--large-border-radius) - 1px) calc(var(--large-border-radius) - 1px)!important;border-top:1px solid var(--hairline-color);box-shadow:none}.elements{position:relative}.elements:not(.busy) .update-spinner{display:none}.elements.busy{min-height:72px}.elements.busy:after{background:hsla(0,0%,100%,.75);border-radius:var(--large-border-radius);content:"";display:block;font-size:0;height:100%;left:calc(var(--pane-padding, 24px)*-1);position:absolute;top:0;width:calc(100% + var(--pane-padding, 24px) + var(--pane-padding, 24px));z-index:100}.elements.busy .update-spinner{z-index:101}.elements .header{background-color:var(--gray-050);border-radius:var(--border-radius,var(--small-border-radius));box-shadow:none;margin:calc(var(--xl)*-1 + 2px) calc(var(--padding)*-1 + 2px) var(--xl);padding:var(--s)}.elements .header:after{content:""}.elements .header .selectallcontainer{align-items:center;cursor:default;display:flex;gap:5px}.elements .tableview tr.draggee td,.elements .tableview tr.draggee th,.elements .thumbsview li.draggee{opacity:.25}.elements .tableview th .move,.elements .tableview th .toggle{align-items:center;display:flex;height:var(--touch-target-size);justify-content:center;position:absolute;top:50%;transform:translateY(-50%);width:var(--touch-target-size)}body.ltr .elements .tableview th .move,body.ltr .elements .tableview th .toggle{margin-left:calc(var(--touch-target-size)*-1)}body.rtl .elements .tableview th .move,body.rtl .elements .tableview th .toggle{margin-right:calc(var(--touch-target-size)*-1)}.elements .tableview th .move{font-size:11px;text-decoration:none}.elements .tableview th .toggle{border-radius:50%;padding:4px;text-align:center}body.ltr .elements .tableview th .move+.toggle{margin-left:calc(var(--touch-target-size)*-2)}body.rtl .elements .tableview th .move+.toggle{margin-right:calc(var(--touch-target-size)*-2)}.elements .tableview th .enabled-label{margin-left:var(--xs)}.elements .tableview .chip{background-color:transparent}.elements .thumbsview{display:grid;gap:var(--xs);grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.elements .thumbsview li{border-radius:var(--large-border-radius);max-width:226px;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 .chip{background-color:var(--gray-050)}.elements .thumbsview li.sel a{cursor:pointer!important}.elements .thumbsview li.sel a:hover{text-decoration:underline}.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}.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;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(--gray-200)}body.rtl .structure ul li:not(:last-child):not(.last){border-right:1px solid var(--gray-200)}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 .chip{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)}.componentselect .components:not(:empty)+.flex,.elementselect .elements:not(:empty)+.flex{margin-top:var(--s)}.elementselect{min-height:34px;position:relative}.elementselect .btn,.elementselect .flex{clear:both}.elementselect .chip{z-index:1}.elementselect .structure .chip{margin-top:var(--xs)}body.ltr .elementselect .structure>li{padding-left:0}body.rtl .elementselect .structure>li{padding-right:0}body.ltr .elementselect .structure ul{margin-left:14px}body.rtl .elementselect .structure ul{margin-right:14px}.elementselect .structure ul li{background-position:0 6px!important}.nested-element-cards{display:flex;flex-direction:column;gap:var(--s)}.nested-element-cards>.pane{margin:0}table.editable{border:1px solid var(--gray-200);border-radius:var(--large-border-radius)}table.editable td.action,table.editable td.heading,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:calc(var(--large-border-radius) - 1px)}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:calc(var(--large-border-radius) - 1px)}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 .editable-table-preview{white-space:pre-wrap}body.ltr table.editable tbody tr td.textual .editable-table-preview{text-align:left}body.rtl table.editable tbody tr td.textual .editable-table-preview{text-align:right}table.editable tbody tr td.textual .editable-table-preview+textarea{height:0;min-height:0;opacity:0;padding-bottom:0;padding-top: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;-moz-user-select:none;-ms-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 .editable-table-preview,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;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:calc(100% - 29px)}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{background-clip:border-box;border:1px solid transparent;border-radius:100%;box-sizing:border-box;display:inline-block;height:.75rem;position:relative;width:.75rem}body.ltr .status{margin-right:10px}body.rtl .status{margin-left:10px}body.use-shapes .status.all{background-image:linear-gradient(30deg,#184cef,#e5422b);rotate:45deg}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.all,body.use-shapes .status.expired,body.use-shapes .status.off,body.use-shapes .status.suspended{border-radius:2px;transform:scale(90%)}.status:not(.on):not(.live):not(.active):not(.enabled):not(.all):not(.pending):not(.warning):not(.off):not(.suspended):not(.expired):not(.light):not(.gray):not(.red):not(.orange):not(.amber):not(.yellow):not(.lime):not(.green):not(.emerald):not(.teal):not(.cyan):not(.sky):not(.blue):not(.indigo):not(.violet):not(.purple):not(.fuchsia):not(.pink):not(.rose):not(.grey):not(.black){border-color:var(--ui-control-color)}.status.all{background-image:linear-gradient(60deg,#184cef,#e5422b);background-origin:border-box}.status.active,.status.enabled,.status.live,.status.on{background-color:var(--enabled-color)}.bg-red,.status.expired,.status.off,.status.red,.status.suspended{background-color:var(--disabled-color)}.status.warning{background-color:var(--warning-color)}.bg-orange,.status.orange,.status.pending{background-color:var(--pending-color)}.bg-amber,.status.amber{background-color:var(--amber-500)}.bg-yellow,.status.yellow{background-color:var(--yellow-500)}.bg-lime,.status.lime{background-color:var(--lime-500)}.bg-green,.status.green{background-color:var(--green-600)}.bg-emerald,.status.emerald{background-color:var(--emerald-500)}.bg-teal,.bg-turquoise,.status.teal,.status.turquoise{background-color:var(--teal-500)}.bg-cyan,.status.cyan{background-color:var(--cyan-500)}.bg-sky,.status.sky{background-color:var(--sky-500)}.bg-blue,.status.blue{background-color:var(--blue-600)}.bg-indigo,.status.indigo{background-color:var(--indigo-500)}.bg-violet,.status.violet{background-color:var(--violet-500)}.bg-purple,.status.purple{background-color:var(--purple-500)}.bg-fuchsia,.status.fuchsia{background-color:var(--fuchsia-500)}.bg-pink,.status.pink{background-color:var(--pink-500)}.bg-rose,.status.rose{background-color:var(--rose-500)}.status.light{background-color:var(--gray-100)}.bg-white,.status.white{background-color:var(--white)}.bg-black,.status.black{background-color:var(--gray-800)}.bg-gray,.bg-grey,.status.gray,.status.grey{background-color:var(--gray-300)}.status.disabled,.status.white{opacity:1}.cp-icon.warning,.icon.warning,[data-icon-after].warning,[data-icon].warning{--icon-color:var(--warning-color)}.cp-icon.red,.icon.red,[data-icon-after].red,[data-icon].red{--icon-color:var(--disabled-color)}.cp-icon.orange,.icon.orange,[data-icon-after].orange,[data-icon].orange{--icon-color:var(--pending-color)}.cp-icon.amber,.icon.amber,[data-icon-after].amber,[data-icon].amber{--icon-color:var(--amber-500)}.cp-icon.yellow,.icon.yellow,[data-icon-after].yellow,[data-icon].yellow{--icon-color:var(--yellow-500)}.cp-icon.lime,.icon.lime,[data-icon-after].lime,[data-icon].lime{--icon-color:var(--lime-500)}.cp-icon.green,.icon.green,[data-icon-after].green,[data-icon].green{--icon-color:var(--green-500)}.cp-icon.emerald,.icon.emerald,[data-icon-after].emerald,[data-icon].emerald{--icon-color:var(--emerald-500)}.cp-icon.teal,.icon.teal,[data-icon-after].teal,[data-icon].teal{--icon-color:var(--teal-500)}.cp-icon.cyan,.icon.cyan,[data-icon-after].cyan,[data-icon].cyan{--icon-color:var(--cyan-500)}.cp-icon.sky,.icon.sky,[data-icon-after].sky,[data-icon].sky{--icon-color:var(--sky-500)}.cp-icon.blue,.icon.blue,[data-icon-after].blue,[data-icon].blue{--icon-color:var(--blue-600)}.cp-icon.indigo,.icon.indigo,[data-icon-after].indigo,[data-icon].indigo{--icon-color:var(--indigo-500)}.cp-icon.violet,.icon.violet,[data-icon-after].violet,[data-icon].violet{--icon-color:var(--violet-500)}.cp-icon.purple,.icon.purple,[data-icon-after].purple,[data-icon].purple{--icon-color:var(--purple-500)}.cp-icon.fuchsia,.icon.fuchsia,[data-icon-after].fuchsia,[data-icon].fuchsia{--icon-color:var(--fuchsia-500)}.cp-icon.pink,.icon.pink,[data-icon-after].pink,[data-icon].pink{--icon-color:var(--pink-500)}.cp-icon.rose,.icon.rose,[data-icon-after].rose,[data-icon].rose{--icon-color:var(--rose-500)}.cp-icon.white,.icon.white,[data-icon-after].white,[data-icon].white{--icon-color:var(--white)}.cp-icon.black,.icon.black,[data-icon-after].black,[data-icon].black{--icon-color:var(--gray-800)}.cp-icon.gray,.icon.gray,[data-icon-after].gray,[data-icon].gray{--icon-color:var(--gray-300)}.amber[data-icon-after]:after,.amber[data-icon]:before,.black[data-icon-after]:after,.black[data-icon]:before,.blue[data-icon-after]:after,.blue[data-icon]:before,.cyan[data-icon-after]:after,.cyan[data-icon]:before,.emerald[data-icon-after]:after,.emerald[data-icon]:before,.fuchsia[data-icon-after]:after,.fuchsia[data-icon]:before,.gray[data-icon-after]:after,.gray[data-icon]:before,.green[data-icon-after]:after,.green[data-icon]:before,.indigo[data-icon-after]:after,.indigo[data-icon]:before,.lime[data-icon-after]:after,.lime[data-icon]:before,.orange[data-icon-after]:after,.orange[data-icon]:before,.pink[data-icon-after]:after,.pink[data-icon]:before,.purple[data-icon-after]:after,.purple[data-icon]:before,.red[data-icon-after]:after,.red[data-icon]:before,.rose[data-icon-after]:after,.rose[data-icon]:before,.sky[data-icon-after]:after,.sky[data-icon]:before,.teal[data-icon-after]:after,.teal[data-icon]:before,.violet[data-icon-after]:after,.violet[data-icon]:before,.warning[data-icon-after]:after,.warning[data-icon]:before,.white[data-icon-after]:after,.white[data-icon]:before,.yellow[data-icon-after]:after,.yellow[data-icon]:before{color:var(--icon-color)!important}.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{transition:width .1s linear;width:0}.progressbar.pending .progressbar-inner{animation-duration:.25s;animation-iteration-count:infinite;animation-timing-function:linear}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{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{flex:1;margin:8px 0!important}.missing-component .install-plugin .btn{margin:0}.pane{--pane-padding:var(--xl);--border:1px solid var(--hairline-color);background:#fff;border-radius:var(--large-border-radius);box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);margin:14px 0;padding:var(--pane-padding);position:relative;word-wrap:break-word;box-sizing:border-box}.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.dashed{border:1px dashed var(--medium-hairline-color)!important}.pane.dashed,.pane.hairline{background-color:transparent!important;box-shadow:none}.pane.hairline{border:1px solid rgba(96,125,159,.25)!important}.pane.no-border{border:none!important}.pane.padding-xs{--pane-padding:var(--xs)}.pane.padding-s{--pane-padding:var(--s)}.pane.padding-m{--pane-padding:var(--m)}.pane.padding-l{--pane-padding:var(--l)}.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:1.875rem;margin:2px 0;padding-left:0;padding-right:0;width:1.875rem}.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{align-items:center;display:flex;flex-direction:row;margin:calc(var(--s)*-1) calc(var(--padding)*-1)}.pane-tabs:first-child{border-radius:var(--large-border-radius) var(--large-border-radius) 0 0;overflow:hidden}.pane-tabs [role=tablist]{display:flex;flex:1;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]{--tab-label-color:var(--light-text-color)}.pane-tabs [role=tablist] [role=tab].error{--highlight-color:var(--error-color)!important;--tab-label-color:var(--error-color)!important}.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{align-items:center;display:flex;flex-direction:row;height:50px;padding:0 var(--padding);position:relative;white-space:nowrap}.pane-tabs [role=tablist] [role=tab]:hover{text-decoration:none}body.reduce-focus-visibility .pane-tabs [role=tablist] [role=tab]:focus-visible,body:not(.reduce-focus-visibility) .pane-tabs [role=tablist] [role=tab]:focus{box-shadow:none}body.reduce-focus-visibility .pane-tabs [role=tablist] [role=tab]:focus-visible .tab-label,body:not(.reduce-focus-visibility) .pane-tabs [role=tablist] [role=tab]:focus .tab-label{box-shadow:var(--inner-focus-ring)}.pane-tabs [role=tablist] [role=tab]:not(.sel){color:var(--custom-text-color,var(--tab-label-color))}.pane-tabs [role=tablist] [role=tab]:not(.sel):hover{-webkit-backdrop-filter:brightness(95%);backdrop-filter:brightness(95%)}.pane-tabs [role=tablist] [role=tab].sel{--highlight-color:var(--gray-500);--tab-label-color:var(--text-color);background-color:var(--white)!important;box-shadow:inset 0 2px 0 var(--custom-text-color,var(--highlight-color)),0 0 0 1px rgba(51,64,77,.1),0 2px 12px var(--custom-sel-tab-shadow-color,var(--gray-200));color:var(--tab-label-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#tabs:first-child [role=tablist] [role=tab]:first-child,body.ltr .pane-tabs#tabs:first-child [role=tablist] [role=tab]:first-child .tab-label{border-top-left-radius:var(--large-border-radius)}body.rtl .pane-tabs#tabs:first-child [role=tablist] [role=tab]:first-child,body.rtl .pane-tabs#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)}.pane-tabs .menubtn.error span[data-icon]{margin-right:2px}.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{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:#fcd815}.details .meta.warning .btn:active,.details .meta.warning .btn[aria-expanded=true]{background-color:#f5ce03}.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::-moz-placeholder{color:var(--gray-500)}.details .meta .text:-ms-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::-moz-placeholder,.details textarea::-moz-placeholder{color:var(--gray-500)}.details input:-ms-input-placeholder,.details textarea:-ms-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{align-items:center;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 var(--neg-padding)!important;min-height:50px;padding:0 var(--padding);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{font-family:Craft;position:absolute;width:31px;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;color:var(--light-text-color);content:"plus";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}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{margin:0}@media screen and (min-width:400px){.meta>.data>.heading,.meta>.field>.heading,.meta>.flex-fields>.data>.heading,.meta>.flex-fields>.field>.heading{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-right:var(--s)}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-left: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{flex:1}.meta>.data>.input .flex,.meta>.field>.input .flex,.meta>.flex-fields>.data>.input .flex,.meta>.flex-fields>.field>.input .flex{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-top:var(--s)}@media screen and (min-width:400px){.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:100%}@media screen and (min-width:400px){.meta>.data>.value,.meta>.field>.input,.meta>.flex-fields>.data>.value,.meta>.flex-fields>.field>.input{width:calc(100% - 112px)}}.meta>.data>.value,.meta>.flex-fields>.data>.value{align-items:center;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{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,.meta>.flex-fields>.field>.input>.datetimewrapper{gap: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):not(.first-child),.meta>.flex-fields+.field:not(.first-child){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}.meta>.field>.input>.custom-select{background-color:transparent;border-radius:0;box-shadow:none;display:block;margin:calc(var(--s)*-1) 0;width:100%}.meta>.field>.input>.custom-select .menubtn:not(.action-btn){background-color:transparent;justify-content:start;width:100%}body.ltr .meta>.field>.input>.custom-select .menubtn:not(.action-btn){padding-left:0}body.rtl .meta>.field>.input>.custom-select .menubtn:not(.action-btn){padding-right:0}.meta>.field>.input>.custom-select .menubtn:not(.action-btn):after{position:absolute;top:calc(50% - 5px)}body.ltr .meta>.field>.input>.custom-select .menubtn:not(.action-btn):after{right:0}body.rtl .meta>.field>.input>.custom-select .menubtn:not(.action-btn):after{left:0}.meta>.field>.input>.custom-select .label{max-width:100%;overflow:hidden;text-overflow:ellipsis}.body{position:relative}.hud,.modal,.slideout,.slideout-container{box-sizing:border-box;z-index:100}.hud,.modal{background-color:#fff;border-radius:5px;box-shadow:0 25px 100px rgba(31,41,51,.5)!important}.slideout-shade{opacity:0;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-container.so-lp{height:calc(100vh - var(--m)*2);left:var(--m);position:absolute;top:var(--m);width:calc(100% - var(--m)*2)}body.has-debug-toolbar .slideout-container{height:calc(100vh - 42px)}.slideout{background-color:var(--white);box-shadow:0 0 0 1px rgba(123,135,147,.25),0 25px 100px rgba(31,41,51,.5)!important;container-type:inline-size;display:flex;flex-direction:column;overflow:hidden;padding:24px var(--padding);pointer-events:all;position:absolute}.slideout.so-lp,.slideout.so-mobile{height:100%!important;left:0;transition:top .25s linear;width:100%!important;will-change:top}.slideout.so-mobile{--padding:14px;--neg-padding:-14px}.slideout:not(.so-mobile){border-radius:var(--large-border-radius)}.slideout:not(.so-mobile):not(.so-lp){height:calc(100% - 16px);top:8px;width:calc(50% - 8px)}@media screen and (prefers-reduced-motion:no-preference){body.ltr .slideout:not(.so-mobile):not(.so-lp){transition:left .25s linear;will-change:left}body.rtl .slideout:not(.so-mobile):not(.so-lp){transition:right .25s linear;will-change:right}}.slideout>.pane-header{padding-left:var(--padding);padding-right:var(--padding);z-index:2}.slideout>.pane-header>.so-toolbar{align-items:center;display:flex;flex-direction:row;gap:var(--xs);min-height:34px}.slideout>.pane-header>.so-toolbar>.pane-tabs{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-body{flex:1;margin:-24px var(--neg-padding);overflow:hidden auto;position:relative}.slideout>.so-body:not(:last-child){margin-bottom:0}.slideout>.so-body>h1:not(:last-child){border-bottom:1px solid var(--hairline-color);padding-bottom:var(--s)}.slideout>.so-body.so-full-details,.slideout>.so-body>.so-sidebar{background-color:var(--gray-100)!important}.slideout>.so-body:not(.so-full-details){padding:24px var(--padding)}.slideout>.so-body.so-full-details>.so-content>.details,.slideout>.so-body>.so-sidebar{box-sizing:border-box;padding:0 var(--padding) var(--spacing)}.slideout>.so-body.so-full-details>.so-content>.details>.preview-thumb-container,.slideout>.so-body>.so-sidebar>.preview-thumb-container{height:auto;margin:0 var(--neg-padding);min-height:54px}.slideout>.so-body.so-full-details>.so-content>.details>.preview-thumb-container+.pane-header,.slideout>.so-body>.so-sidebar>.preview-thumb-container+.pane-header{border-radius:0}.slideout>.so-body.so-full-details>.so-content>.details .image-actions.is-mobile,.slideout>.so-body>.so-sidebar .image-actions.is-mobile{margin:calc(var(--spacing)/2) 0 var(--spacing)}.slideout>.so-body.so-full-details>.so-content>.details>.meta.read-only:first-child,.slideout>.so-body>.so-sidebar>.meta.read-only:first-child{margin-top:var(--padding)}.slideout>.so-body.so-full-details>.so-content>.details>.meta.warning,.slideout>.so-body>.so-sidebar>.meta.warning{border-bottom:1px solid var(--yellow-300);box-shadow:none}.slideout>.so-body.so-full-details>.so-content>.details>.field>.input>.text.fullwidth,.slideout>.so-body>.so-sidebar>.field>.input>.text.fullwidth{border-radius:0}.slideout>.so-body.so-full-details>.so-content>.details .notes,.slideout>.so-body>.so-sidebar .notes{padding-bottom:var(--m);padding-top:var(--m)}.slideout>.so-body>.so-sidebar{background:#fff;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);height:100%;max-width:100%;overflow:hidden auto;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{transition:right .25s linear}body.rtl .slideout>.so-body>.so-sidebar{transition:left .25s linear}.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:flex;flex-wrap:wrap;gap:8px;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);flex:0 0 100%;margin:0 var(--neg-padding);padding:0 var(--padding) 8px}@container (width > 700px){.slideout.has-sidebar .pane-header:not(.so-visible),.slideout.has-sidebar .sidebar-btn{display:none}.slideout.has-sidebar .so-body{display:flex;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;flex:auto 0 1;margin:0;padding:0}}.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:5px var(--pane-padding,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:calc(var(--pane-padding, 24px)*-1) calc(var(--pane-padding, 24px)*-1) var(--pane-padding,24px)}.modal .body .footer,.pane .footer{margin:var(--pane-padding,24px) calc(var(--pane-padding, 24px)*-1) calc(var(--pane-padding, 24px)*-1)}.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-shade.blurred,.slideout-shade.blurred{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.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{font-family:Craft;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;color:var(--light-text-color);content:"alert";font-size:40px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}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:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;color:var(--light-text-color);content:"secure";font-size:58px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}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.tooltip-hud{display:block}.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-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{align-items:center;background-color:var(--gray-900);display:flex;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:linear-gradient(45deg,rgba(154,165,177,.25) 25%,transparent 0),linear-gradient(135deg,rgba(154,165,177,.25) 25%,transparent 0),linear-gradient(45deg,transparent 75%,rgba(154,165,177,.25) 0),linear-gradient(135deg,transparent 75%,rgba(154,165,177,.25) 0);background-position:0 0,8.5px 0,8.5px -8.5px,0 8.5px;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{align-items:center;display:flex;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;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);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:focus-within .buttons,.button-fade:hover .buttons{opacity:1}.elementselectormodal{--content-padding:24px;padding-bottom:50px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.elementselectormodal>.header{padding-bottom:14px;padding-top:14px;text-align:center}.elementselectormodal>.header+.body{height:calc(100% - 48px)!important}.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 .header{margin:0 0 var(--m)}.elementselectormodal .body .content .main .elements .tableview table tr td,.elementselectormodal .body .content .main .elements .tableview table tr th{cursor:default}.elementselectormodal .body .content .main .elements .tableview table tr .checkbox:before{box-shadow:none!important}.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}.customize-sources-modal .main-header,.elementselectormodal .main-header{align-items:center;display:flex;margin-bottom:var(--s)}.customize-sources-modal .main-heading,.elementselectormodal .main-heading{margin-bottom:0}.customize-sources-modal .nav-toggle,.elementselectormodal .nav-toggle{color:var(--ui-control-color);height:var(--touch-target-size);width:var(--touch-target-size)}body.ltr .customize-sources-modal .nav-toggle,body.ltr .elementselectormodal .nav-toggle{margin-left:4px}body.rtl .customize-sources-modal .nav-toggle,body.rtl .elementselectormodal .nav-toggle{margin-right:4px}.customize-sources-modal .nav-toggle:hover,.elementselectormodal .nav-toggle:hover{color:var(--gray-500)}.customize-sources-modal .sidebar-header,.elementselectormodal .sidebar-header{display:flex;justify-content:flex-end;margin-bottom:var(--s);padding:0 var(--s)}.customize-sources-modal .nav-close,.elementselectormodal .nav-close{height:var(--touch-target-size);width:var(--touch-target-size)}.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}body.ltr .activity-container:not(:last-child){margin-right:var(--s)}body.rtl .activity-container:not(:last-child){margin-left:var(--s)}.activity-container ul{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--xs)}.activity-container ul li .activity-btn{border-radius:50%;display:block;height:30px;width:30px}.activity-container ul li .activity-btn .elementthumb{background:var(--gray-050);border:2px solid var(--white);border-radius:50px;box-shadow:0 1px 2px 1px rgba(31,41,51,.1);height:100%;overflow:hidden;position:relative;width:100%}.activity-container ul li .activity-btn .elementthumb img,.activity-container ul li .activity-btn .elementthumb svg{display:block;height:100%;width:100%}body.ltr .activity-container ul li:not(:last-child){margin-right:-10px}body.rtl .activity-container ul li:not(:last-child){margin-left:-10px}.element-index-view-menu{max-width:calc(100% - 20px);padding:0!important;width:400px}.element-index-view-menu .meta{padding-bottom:var(--s);padding-top:var(--s)}.element-index-view-menu .table-columns-field{align-items:flex-start}.element-index-view-menu .table-columns-field .input{padding:13px 0}.element-index-view-menu .menu-footer{background-color:var(--gray-050);margin:0!important;padding:var(--s) var(--xl)!important}.element-index-view-menu-table-column{align-content:stretch;align-items:flex-start;display:flex;margin-bottom:4px}.element-index-view-menu-table-column .icon.move{position:relative;z-index:1}body.ltr .element-index-view-menu-table-column .icon.move{margin-right:10px}body.rtl .element-index-view-menu-table-column .icon.move{margin-left:10px}.sort-field .input .flex .btngroup .btn{width:42px}.sort-field .input .flex .flex-grow{max-width:calc(100% - 85px - var(--s))}@media screen and (max-width:350px){.sort-field .input .flex{flex-direction:column}.sort-field .input .flex>*{width:100%}.sort-field .input .flex .flex-grow{max-width:none}}.element-filter-hud.loading .body{align-items:center;display:flex;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))}.so-content .address-cards{grid-template-columns:repeat(1,minmax(0,1fr))!important}.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))}.so-content .address-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@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: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;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}#elevatedsessionmodal,#logoutwarningmodal,.login-modal,.login-modal-shade,.logoutwarningmodalshade,.prompt{z-index:1001}#elevatedsessionmodal,#logoutwarningmodal,.prompt{width:500px}.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}.deleteusermodal div.elements{list-style:none}.dropdownsettingsmodal{height:auto;max-width:400px;min-height:0;min-width:0;width:auto}.dropdownsettingsmodal .body{max-height:100%;overflow-y:auto}.previewmodal.zilch{align-items:center;display:flex;justify-content:center;padding:100px 0}.video-transcript{background-color:var(--gray-050);font-size:1rem;overflow-y:scroll;position:relative}body.reduce-focus-visibility .video-transcript:focus-visible,body:not(.reduce-focus-visibility) .video-transcript:focus{background-color:var(--gray-800);box-shadow:none;color:var(--white)}.video-transcript__inner{margin-left:auto;margin-right:auto;max-width:550px;padding:var(--xl)}.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;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:100}.ui-datepicker,.ui-timepicker-list{padding:0}.menu{display:none;position:absolute}.menu.padded{padding:var(--s) calc(var(--m) + var(--s))}.menu.padded hr{margin:var(--s) calc((var(--m) + var(--s))*-1)}.menu.padded ul li{margin:0 calc(var(--m)*-1);padding:0 var(--m)}.menu.padded ul li a{border-radius:var(--large-border-radius)}.menu.padded .extralight{margin-top:2px}.menu .h6:first-child,.menu h6:first-child{margin-top:14px!important}body.ltr .menu ul.padded li .menu-item,body.ltr .menu ul.padded li .menu-option,body.ltr .menu ul.padded li a{padding-left:calc(var(--m) + 1.125rem)}body.rtl .menu ul.padded li .menu-item,body.rtl .menu ul.padded li .menu-option,body.rtl .menu ul.padded li a{padding-right:calc(var(--m) + 1.125rem)}.menu ul.padded li .menu-item.sel:not([data-icon]):before,.menu ul.padded li .menu-option.sel:not([data-icon]):before,.menu ul.padded li a.sel:not([data-icon]):before{color:var(--ui-control-color);content:"check";font-size:14px;margin-top:3px!important;width:14px}body.ltr .menu ul.padded li .menu-item.sel:not([data-icon]):before,body.ltr .menu ul.padded li .menu-option.sel:not([data-icon]):before,body.ltr .menu ul.padded li a.sel:not([data-icon]):before{float:left}body.rtl .menu ul.padded li .menu-item.sel:not([data-icon]):before,body.rtl .menu ul.padded li .menu-option.sel:not([data-icon]):before,body.rtl .menu ul.padded li a.sel:not([data-icon]):before{float:right}body.ltr .menu ul.padded li .menu-item.sel:not([data-icon]):before,body.ltr .menu ul.padded li .menu-option.sel:not([data-icon]):before,body.ltr .menu ul.padded li a.sel:not([data-icon]):before{margin:4px 0 0 calc(-1.125rem - 4px)}body.rtl .menu ul.padded li .menu-item.sel:not([data-icon]):before,body.rtl .menu ul.padded li .menu-option.sel:not([data-icon]):before,body.rtl .menu ul.padded li a.sel:not([data-icon]):before{margin:4px calc(-1.125rem - 4px) 0 0}.menu ul li .menu-item,.menu ul li .menu-option,.menu ul li a{-webkit-appearance:none;font-size:14px;margin:0 -14px;padding:10px 14px;white-space:nowrap}body.ltr .menu ul li .menu-item:not(:last-child),body.ltr .menu ul li .menu-option:not(:last-child),body.ltr .menu ul li a:not(:last-child){margin-right:0}body.rtl .menu ul li .menu-item:not(:last-child),body.rtl .menu ul li .menu-option:not(:last-child),body.rtl .menu ul li a:not(:last-child){margin-left:0}.menu ul li .menu-item:not(.flex):not(.hidden),.menu ul li .menu-option:not(.flex):not(.hidden),.menu ul li a:not(.flex):not(.hidden){display:block;width:calc(100% + 28px)}body.ltr .menu ul li .menu-item:not(.flex):not(.hidden),body.ltr .menu ul li .menu-option:not(.flex):not(.hidden),body.ltr .menu ul li a:not(.flex):not(.hidden){text-align:left}body.rtl .menu ul li .menu-item:not(.flex):not(.hidden),body.rtl .menu ul li .menu-option:not(.flex):not(.hidden),body.rtl .menu ul li a:not(.flex):not(.hidden){text-align:right}.menu ul li .menu-item.flex [data-icon],.menu ul li .menu-option.flex [data-icon],.menu ul li a.flex [data-icon]{margin-top:-2px}.menu ul li .menu-item.sel,.menu ul li .menu-option.sel,.menu ul li a.sel{cursor:default}.menu ul li .menu-item .shortcut,.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-item .shortcut,body.ltr .menu ul li .menu-option .shortcut,body.ltr .menu ul li a .shortcut{float:right}body.rtl .menu ul li .menu-item .shortcut,body.rtl .menu ul li .menu-option .shortcut,body.rtl .menu ul li a .shortcut{float:left}body.ltr .menu ul li .menu-item .shortcut,body.ltr .menu ul li .menu-option .shortcut,body.ltr .menu ul li a .shortcut{margin-left:14px}body.rtl .menu ul li .menu-item .shortcut,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 .go:after{color:inherit}.menu ul li .menu-item,.menu ul li .menu-option,.menu:not(.menu--disclosure) ul li a{color:#3f4d5a;cursor:default;text-decoration:none}.menu li>a [data-icon]:before,.menu li>a span.icon:not([data-icon]),.menu li>a[data-icon]:before,.menu li>button [data-icon]:before,.menu li>button span.icon:not([data-icon]),.menu li>button[data-icon]:before{display:inline-block;height:.875rem;width:.875rem}body.ltr .menu li>a [data-icon]:before,body.ltr .menu li>a span.icon:not([data-icon]),body.ltr .menu li>a[data-icon]:before,body.ltr .menu li>button [data-icon]:before,body.ltr .menu li>button span.icon:not([data-icon]),body.ltr .menu li>button[data-icon]:before{margin-left:-1px}body.rtl .menu li>a [data-icon]:before,body.rtl .menu li>a span.icon:not([data-icon]),body.rtl .menu li>a[data-icon]:before,body.rtl .menu li>button [data-icon]:before,body.rtl .menu li>button span.icon:not([data-icon]),body.rtl .menu li>button[data-icon]:before{margin-right:-1px}body.ltr .menu li>a [data-icon]:before,body.ltr .menu li>a span.icon:not([data-icon]),body.ltr .menu li>a[data-icon]:before,body.ltr .menu li>button [data-icon]:before,body.ltr .menu li>button span.icon:not([data-icon]),body.ltr .menu li>button[data-icon]:before{margin-right:9px}body.rtl .menu li>a [data-icon]:before,body.rtl .menu li>a span.icon:not([data-icon]),body.rtl .menu li>a[data-icon]:before,body.rtl .menu li>button [data-icon]:before,body.rtl .menu li>button span.icon:not([data-icon]),body.rtl .menu li>button[data-icon]:before{margin-left:9px}.menu li>a [data-icon]:before,.menu li>a[data-icon]:before,.menu li>button [data-icon]:before,.menu li>button[data-icon]:before{color:var(--ui-control-color);font-size:14px;position:relative;text-align:center;top:-2px}.menu li>a span.icon:not([data-icon]) svg,.menu li>button span.icon:not([data-icon]) svg{display:block;height:100%;position:relative;top:1px;width:100%}.menu li>a span.icon:not([data-icon]) svg circle,.menu li>a span.icon:not([data-icon]) svg ellipse,.menu li>a span.icon:not([data-icon]) svg line,.menu li>a span.icon:not([data-icon]) svg path,.menu li>a span.icon:not([data-icon]) svg polygon,.menu li>a span.icon:not([data-icon]) svg polyline,.menu li>a span.icon:not([data-icon]) svg rect,.menu li>a span.icon:not([data-icon]) svg text,.menu li>button span.icon:not([data-icon]) svg circle,.menu li>button span.icon:not([data-icon]) svg ellipse,.menu li>button span.icon:not([data-icon]) svg line,.menu li>button span.icon:not([data-icon]) svg path,.menu li>button span.icon:not([data-icon]) svg polygon,.menu li>button span.icon:not([data-icon]) svg polyline,.menu li>button span.icon:not([data-icon]) svg rect,.menu li>button span.icon:not([data-icon]) svg text{fill:var(--icon-color,var(--ui-control-color));stroke-width:0}.menu li>a.error [data-icon]:before,.menu li>a.error[data-icon]:before,.menu li>button.error [data-icon]:before,.menu li>button.error[data-icon]:before{color:var(--error-color)}.menu li>a.error span.icon:not([data-icon]) svg circle,.menu li>a.error span.icon:not([data-icon]) svg ellipse,.menu li>a.error span.icon:not([data-icon]) svg line,.menu li>a.error span.icon:not([data-icon]) svg path,.menu li>a.error span.icon:not([data-icon]) svg polygon,.menu li>a.error span.icon:not([data-icon]) svg polyline,.menu li>a.error span.icon:not([data-icon]) svg rect,.menu li>a.error span.icon:not([data-icon]) svg text,.menu li>button.error span.icon:not([data-icon]) svg circle,.menu li>button.error span.icon:not([data-icon]) svg ellipse,.menu li>button.error span.icon:not([data-icon]) svg line,.menu li>button.error span.icon:not([data-icon]) svg path,.menu li>button.error span.icon:not([data-icon]) svg polygon,.menu li>button.error span.icon:not([data-icon]) svg polyline,.menu li>button.error span.icon:not([data-icon]) svg rect,.menu li>button.error span.icon:not([data-icon]) svg text{fill:var(--error-color);stroke-width:0}.menu:not(.menu--disclosure) ul li .menu-item:not(.sel):not(.disabled):hover,.menu:not(.menu--disclosure) ul li .menu-option:not(.sel):not(.disabled):hover,.menu:not(.menu--disclosure) ul li a:not(.sel):not(.disabled):hover,.menu:not(.menu--disclosure):not(:hover) ul li .menu-item:not(.sel):not(.disabled).hover,.menu:not(.menu--disclosure):not(:hover) ul li .menu-option:not(.sel):not(.disabled).hover,.menu:not(.menu--disclosure):not(:hover) ul li a:not(.sel):not(.disabled).hover{background-color:#f3f7fc;color:#3f4d5a}body.ltr .menu .h6.padded,body.ltr .menu h6.padded,body.ltr .menu hr.padded{margin-left:20px}body.rtl .menu .h6.padded,body.rtl .menu h6.padded,body.rtl .menu hr.padded{margin-right:20px}.menu--disclosure ul li>.menu-item:hover,.menu--disclosure ul li>.menu-option:hover,.menu--disclosure ul li>a:not(.crumb-link):hover{background-color:#f3f7fc;color:#3f4d5a}body.reduce-focus-visibility .menu--disclosure ul li>.menu-item:focus-visible,body.reduce-focus-visibility .menu--disclosure ul li>.menu-option:focus-visible,body.reduce-focus-visibility .menu--disclosure ul li>a:not(.crumb-link):focus-visible,body:not(.reduce-focus-visibility) .menu--disclosure ul li>.menu-item:focus,body:not(.reduce-focus-visibility) .menu--disclosure ul li>.menu-option:focus,body:not(.reduce-focus-visibility) .menu--disclosure ul li>a:not(.crumb-link):focus{box-shadow:inset 0 0 0 3px hsla(var(--dark-focus-hsl),.7)}.tagselect .elements{display:inline}.tagselect .chip.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 .chip,body.rtl .tagselect.elementselect .chip{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}.selectize-control.single .selectize-input:not(.no-arrow):after{display:none}.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:calc(var(--large-border-radius) - 1px)}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:calc(var(--large-border-radius) - 1px)}.border-box,.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;-moz-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.ltr .multitext .multitextrow:first-child .text:last-child,body.rtl .multitext .multitextrow:first-child .text:first-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.ltr .multitext .multitextrow:last-child .text:last-child,body.rtl .multitext .multitextrow:last-child .text:first-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:-1.6875rem 7px 0 0}body.rtl .chars-left{margin:-1.6875rem 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{border-radius:1px;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);box-shadow:0 0 5px rgba(36,99,235,.15)}.field>.status-badge.outdated{background-color:var(--pending-color);box-shadow:0 0 5px rgba(251,146,60,.15)}.field>.heading{align-items:center;display:flex;flex-wrap:wrap;margin-bottom:5px;margin-top:-5px;position:relative}.field>.heading>label,.field>.heading>legend{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);position:relative;top:-.0625rem}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{margin:5px 0 0}.field>.input input:disabled,.field>.input textarea:disabled{cursor:not-allowed}.field>.notice,.field>.warning{margin:5px 0 0}.checkboxfield .instructions,.field>.heading>.instructions,.field>.instructions{color:var(--custom-text-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;line-height:1rem;min-height:1rem;position:relative}body.ltr div.checkbox,body.ltr input.checkbox+label{padding-left:calc(1rem + 5px)}body.rtl div.checkbox,body.rtl input.checkbox+label{padding-right:calc(1rem + 5px)}div.checkbox,div.checkbox:before,input.checkbox+label,input.checkbox+label:before{border-radius:var(--small-border-radius)}div.checkbox:before,input.checkbox+label:before{background-clip:padding-box;background-color:#fbfcfe;border:1px solid rgba(96,125,159,.4);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}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 .info,input.checkbox+label .info{height:16px}.disabled div.checkbox,input.checkbox:disabled+label{cursor:not-allowed}.elementselectormodal .body .content .main .elements .disabled .checkbox:before,.sel div.checkbox:before,div.checkbox.checked:before,div.checkbox.indeterminate:before,input.checkbox:checked+label:before,input.checkbox:indeterminate+label:before{font-family:Craft;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;color:var(--gray-900);line-height:var(--checkbox-size);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.elementselectormodal .body .content .main .elements .disabled .checkbox:before,.sel.matrixblock>.actions div.checkbox:not(.indeterminate):before,.sel:not(.matrixblock) div.checkbox:not(.indeterminate):before,div.checkbox.checked:not(.indeterminate):before,input.checkbox:checked:not(:indeterminate)+label:before{content:"check";font-size:14px}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)}.checkbox-icon{background-color:var(--enabled-color);border-radius:var(--small-border-radius);color:var(--white);display:inline-flex;padding:3px}.checkbox-icon:before{--checkbox-size:14px;font-family:Craft;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;content:"check";font-size:var(--checkbox-size);line-height:var(--checkbox-size);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body.reduce-focus-visibility .monaco-mouse-cursor-text:focus-visible,body:not(.reduce-focus-visibility) .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:calc(1rem + 5px)}body.rtl .checkboxfield .instructions,body.rtl .checkboxfield .notice,body.rtl .checkboxfield .warning{padding-right:calc(1rem + 5px)}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:calc(1rem + 5px)}body.rtl div.radio,body.rtl input.radio+label{padding-right:calc(1rem + 5px)}.disabled div.radio,input.radio:disabled+label{cursor:not-allowed}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;top:50%;transform:translateY(-50%);width:var(--radio-size)}div.radio:after,input.radio+label:after{height:calc(var(--radio-size) - 8px);left:4px;top:50%;transform:translateY(-50%);width:calc(var(--radio-size) - 8px)}.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;-moz-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:2.125rem}.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,td.errors .text{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:calc(50% - .4375rem)}body.ltr .texticon.icon:before{left:9px}body.rtl .texticon.icon:before{right:9px}.texticon .texticon-icon{align-items:center;display:flex;justify-content:center;position:absolute;top:1.0625rem;transform:translateY(-50%)}body.ltr .texticon .texticon-icon{left:9px}body.rtl .texticon .texticon-icon{right:9px}body.ltr .texticon .text{padding-left:1.625rem}body.rtl .texticon .text{padding-right:1.625rem}.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:1.0625rem;transform:translateY(-50%)}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:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;color:var(--medium-text-color);content:"filter";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.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,.texticon.has-filter-btn .filter-btn[aria-expanded=true]{background-color:var(--gray-350)}.texticon.has-filter-btn .filter-btn.active:before,.texticon.has-filter-btn .filter-btn:active:before,.texticon.has-filter-btn .filter-btn[aria-expanded=true]:before{color:var(--white)}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{flex-direction:row;flex-wrap:nowrap;gap:5px}.clear-btn,.datetimewrapper{align-items:center;display:flex}.clear-btn{background:transparent;border:none;color:var(--ui-control-color);cursor:pointer;justify-content:center;padding:0;width:24px}.clear-btn:before{font-family:Craft;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;content:"remove";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.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%;position:absolute;top:50%;width:2px}.close-btn:before{transform:translate(-50%,-50%) rotate(-45deg)}.close-btn:after{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:-moz-placeholder-shown+div[data-icon],.timewrapper .text:-moz-placeholder-shown+div[data-icon]{color:var(--light-text-color);display:block;position:absolute;top:calc(50% - 12px);z-index:0}.datewrapper .text:-ms-input-placeholder+div[data-icon],.timewrapper .text:-ms-input-placeholder+div[data-icon]{color:var(--light-text-color);display:block;position:absolute;top:calc(50% - 12px);z-index:0}.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:-moz-placeholder-shown+div[data-icon],body.ltr .timewrapper .text:-moz-placeholder-shown+div[data-icon]{left:14px}body.ltr .datewrapper .text:-ms-input-placeholder+div[data-icon],body.ltr .timewrapper .text:-ms-input-placeholder+div[data-icon]{left:14px}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:-moz-placeholder-shown+div[data-icon],body.rtl .timewrapper .text:-moz-placeholder-shown+div[data-icon]{right:14px}body.rtl .datewrapper .text:-ms-input-placeholder+div[data-icon],body.rtl .timewrapper .text:-ms-input-placeholder+div[data-icon]{right: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:-moz-placeholder-shown+div[data-icon],.datewrapper .text:-moz-placeholder-shown+div[data-icon]:before,.timewrapper .text:-moz-placeholder-shown+div[data-icon],.timewrapper .text:-moz-placeholder-shown+div[data-icon]:before{pointer-events:none;-moz-user-select:none;user-select:none;z-index:1}.datewrapper .text:-ms-input-placeholder+div[data-icon],.datewrapper .text:-ms-input-placeholder+div[data-icon]:before,.timewrapper .text:-ms-input-placeholder+div[data-icon],.timewrapper .text:-ms-input-placeholder+div[data-icon]:before{pointer-events:none;-ms-user-select:none;user-select:none;z-index:1}.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;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1}.datewrapper{width:8em}.timewrapper{width:7em}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--gray-400)}input:-ms-input-placeholder,textarea:-ms-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{align-items:center;display:flex;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 .125rem .125rem 0;color:var(--ui-control-color);content:"";display:block;font-size:0;height:.4375rem;opacity:.8;pointer-events:none;position:relative;position:absolute;top:calc(50% - 5px);transform:rotate(45deg);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:.4375rem;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;-moz-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}.custom-select.disabled,.selectize-control .selectize-input.disabled{cursor:not-allowed!important;opacity:1;pointer-events:auto!important}.custom-select.disabled *,.selectize-control .selectize-input.disabled *{cursor:not-allowed!important;pointer-events:auto!important}.selectize .selectize-input{background-color:transparent;border-color:inherit;box-shadow:none;display:block}.selectize .selectize-input .item{max-width:100%}.selectize .selectize-input .item span{overflow:hidden;text-overflow:ellipsis}.selectize.select .selectize-input:after{display:none}body .selectize-dropdown{border:none;z-index:101}.selectize.select{height:34px}.selectize.select input::-moz-placeholder,.selectize.select textarea::-moz-placeholder{color:var(--gray-700)}.selectize.select input:-ms-input-placeholder,.selectize.select textarea:-ms-input-placeholder{color:var(--gray-700)}.selectize.select input::placeholder,.selectize.select textarea::placeholder{color:var(--gray-700)}.selectize.select:not(.fullwidth){max-width:100%;width:25em}.datetimewrapper .selectize.select:not(.fullwidth){max-width:calc(100% - 29px)}.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 .125rem .125rem 0;color:var(--ui-control-color);content:"";display:block;font-size:0;height:.4375rem;opacity:.8;pointer-events:none;position:relative;position:absolute;top:calc(50% - 5px);transform:rotate(45deg);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:.4375rem;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;-moz-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:inline-flex;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{font-family:Craft;font-size:14px;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;content:"remove";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body .selectize-dropdown{margin-top:1px}body .selectize-dropdown .optgroup-header,body .selectize-dropdown .option,body .selectize-dropdown [data-selectable]{color:#3f4d5a;margin:0 -14px;padding:10px 14px;text-decoration:none;white-space:nowrap}body .selectize-dropdown .optgroup{padding-top:5px}body .selectize-dropdown .optgroup:not(:first-child){border-top:1px solid var(--hairline-color)}body .selectize-dropdown .optgroup .option{padding-left:24px}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:not(.selected),body .selectize-dropdown .option:hover{background-color:var(--gray-100)}body .selectize-dropdown .selected{background-color:#f3f7fc;color:#3f4d5a;cursor:default!important}body .selectize-dropdown .selected .light{color:inherit!important}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);max-height:70vh;overflow:auto;padding:0 14px;-webkit-user-select:none;-moz-user-select:none;-ms-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{font-family:Craft;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;content:"plus";margin-right:5px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body .selectize-dropdown-content>div[data-value=new]:after{content:"…"}body.no-scroll .selectize-dropdown-content{max-height:200px}.ui-datepicker{position:fixed;top:-300px;-padding:10px;height:242px;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{align-items:center;display:flex;height:20px;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 .125rem .125rem 0;content:"";display:block;font-size:0;height:.4375rem;opacity:.8;position:relative;width:.4375rem}body.ltr .ui-datepicker-prev:after{transform:rotate(135deg)}body.rtl .ui-datepicker-prev:after{transform:rotate(-45deg)}.ui-datepicker-next:after{border:solid;border-width:0 .125rem .125rem 0;content:"";display:block;font-size:0;height:.4375rem;opacity:.8;position:relative;width:.4375rem}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 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{background-color:var(--dark-sel-color);color:var(--white);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;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{background-color:var(--dark-sel-color);color:var(--white);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;cursor:default;font-weight:500}.slide-picker{display:flex;height:1rem;white-space:nowrap}.slide-picker a{background-image:none;border:1px solid var(--hairline-color);box-sizing:border-box;cursor:pointer;height:calc(1rem - 2px);margin-bottom:1px;margin-left:0;margin-top:1px;position:relative;width:calc(.5rem - 1px)}body.ltr .slide-picker a{border-left:none}body.rtl .slide-picker a{border-right:none}.slide-picker a:first-child{width:.5rem}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 a:before{content:"";height:var(--touch-target-size);left:-1px;position:absolute;top:calc(-.25rem - 1px);width:calc(100% + 2px)}.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:1rem;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)}.icon-picker{align-items:center;display:flex;flex-direction:row;gap:var(--xs)}.icon-picker--icon{align-items:center;background-clip:padding-box;background-color:#fbfcfe;background:var(--gray-050);border:1px solid rgba(96,125,159,.25);border-radius:3px;border-radius:var(--ui-control-border-radius);display:flex;height:var(--ui-control-height);justify-content:center;width:var(--ui-control-height)}.icon-picker--icon svg{height:1.25rem;width:1.25rem}.icon-picker--icon svg circle,.icon-picker--icon svg ellipse,.icon-picker--icon svg line,.icon-picker--icon svg path,.icon-picker--icon svg polygon,.icon-picker--icon svg polyline,.icon-picker--icon svg rect,.icon-picker--icon svg text{fill:var(--ui-control-color);stroke-width:0}.icon-picker-modal{--width:calc(var(--ui-control-height)*10 + var(--s)*9 + var(--xl)*2);max-width:calc(100% - 20px)!important;min-width:0!important;width:var(--width)!important}.icon-picker-modal .body{display:flex;flex-direction:column;gap:var(--l);height:100%}.icon-picker-modal .body .icon-picker-modal--list{flex:1;overflow:hidden;position:relative}.icon-picker-modal .body .icon-picker-modal--list:not(.loading) .spinner{display:none}.icon-picker-modal .body .icon-picker-modal--list.loading:after{background-color:hsla(0,0%,100%,.75);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.icon-picker-modal .body .icon-picker-modal--list.loading .spinner{top:calc(50% - 10px);z-index:1}.icon-picker-modal .body .icon-picker-modal--list ul{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--s);justify-content:start;max-height:100%;overflow:auto}.icon-picker-modal .body .icon-picker-modal--list ul .icon-picker--icon{--focus-ring:var(--inner-focus-ring)}.icon-picker-modal .body .icon-picker-modal--list ul .icon-picker--icon:hover{background-color:var(--blue-100);border-color:var(--link-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}body.setup-2fa{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100%}body.setup-2fa #setup-2fa{display:flex;flex-direction:column;gap:var(--l);max-width:100%;padding:var(--padding);width:550px}body.setup-2fa #setup-2fa #setup-2fa-intro{text-align:center}body.setup-2fa #setup-2fa #setup-2fa-btn{display:flex;justify-content:center}.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;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:#f3f7fc;color:#3f4d5a;cursor:pointer}.matrix>.buttons{margin-top:10px}.matrixblock{background-color:var(--white);border:2px solid var(--gray-100);border-radius:var(--large-border-radius);margin-bottom:10px;padding:0 var(--m) var(--m);position:relative}.matrixblock.static .titlebar{margin-bottom:14px}body.ltr .matrixblock.static .titlebar{padding-right:0}body.rtl .matrixblock.static .titlebar{padding-left:0}body.ltr .matrixblock.static .titlebar{padding-left:14px}body.rtl .matrixblock.static .titlebar{padding-right:14px}.matrixblock>.actions .action-btn,.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn){background-color:transparent;color:var(--custom-text-color,var(--ui-control-color));height:var(--touch-target-size);padding:0;width:var(--touch-target-size)}.matrixblock>.actions .action-btn:hover,.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn):hover{-webkit-backdrop-filter:brightness(90%);backdrop-filter:brightness(90%)}.matrixblock>.actions .action-btn:active,.matrixblock>.actions .action-btn[aria-expanded=true],.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn):active,.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn)[aria-expanded=true]{-webkit-backdrop-filter:brightness(85%);backdrop-filter:brightness(85%)}.matrixblock .flex-fields{--row-gap:var(--m)!important}.matrixblock>.titlebar{align-items:center;border-radius:calc(var(--large-border-radius) - 2px) calc(var(--large-border-radius) - 2px) 0 0;box-sizing:border-box;color:var(--custom-text-color,var(--light-text-color));display:grid;gap:var(--m);grid-template-columns:auto 1fr;margin:0 calc(var(--m)*-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;background-color:var(--gray-050);cursor:default;min-height:calc(var(--lh) + 10px);position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body.ltr .matrixblock>.titlebar{padding:5px calc(var(--m) + 70px) 5px var(--m)}body.rtl .matrixblock>.titlebar{padding:5px var(--m) 5px calc(var(--m) + 70px)}.matrixblock>.titlebar>.preview{flex-grow:1;min-width:0;opacity:0;overflow:hidden;transition:opacity .1s linear}.matrixblock>.titlebar>.preview:empty{display:none}body.ltr .matrixblock>.titlebar>.preview{-webkit-mask-image:linear-gradient(270deg,transparent,#000 12px);mask-image:linear-gradient(270deg,transparent,#000 12px)}body.rtl .matrixblock>.titlebar>.preview{-webkit-mask-image:linear-gradient(90deg,transparent,#000 12px);mask-image:linear-gradient(90deg,transparent,#000 12px)}.matrixblock>.titlebar>.preview span{opacity:.5}.matrixblock>.titlebar>.matrixblock-tabs{flex:1;margin:-5px 0;min-width:0}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs{margin:0}body.ltr .matrixblock>.titlebar>.matrixblock-tabs .pane-tabs{padding-right:3px}body.rtl .matrixblock>.titlebar>.matrixblock-tabs .pane-tabs{padding-left:3px}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs [role=tablist]{padding:0 12px}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs [role=tablist].scrollable{-webkit-mask-image:linear-gradient(90deg,transparent,#000 12px,#000 calc(100% - 12px),transparent);mask-image:linear-gradient(90deg,transparent,#000 12px,#000 calc(100% - 12px),transparent)}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs [role=tablist] [role=tab]{background-color:transparent}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs [role=tablist] [role=tab] .tab-label{height:calc(var(--lh) + 10px);padding:0 var(--m)}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn){margin-left:0;margin-right:0}body.ltr .matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn):not(:empty):not(.btn-empty):after{margin-left:0}body.rtl .matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn):not(:empty):not(.btn-empty):after{margin-right:0}body.ltr .matrixblock>.titlebar>.preview:first-child:empty+.matrixblock-tabs{margin-left:calc((var(--m) + 12px)*-1)}body.rtl .matrixblock>.titlebar>.preview:first-child:empty+.matrixblock-tabs{margin-right:calc((var(--m) + 12px)*-1)}body.ltr .matrixblock>.titlebar>.preview:first-child:empty+.matrixblock-tabs [role=tab]:first-child,body.ltr .matrixblock>.titlebar>.preview:first-child:empty+.matrixblock-tabs [role=tab]:first-child .tab-label{border-top-left-radius:calc(var(--large-border-radius) - 2px)}body.rtl .matrixblock>.titlebar>.preview:first-child:empty+.matrixblock-tabs [role=tab]:first-child,body.rtl .matrixblock>.titlebar>.preview:first-child:empty+.matrixblock-tabs [role=tab]:first-child .tab-label{border-top-right-radius:calc(var(--large-border-radius) - 2px)}body.ltr .matrixblock.disabled-entry>.titlebar{padding-right:100px}body.rtl .matrixblock.disabled-entry>.titlebar{padding-left:100px}.matrixblock.disabled-entry>.actions>.status.off{display:block}.matrixblock.collapsed>.titlebar{border-radius:calc(var(--large-border-radius) - 2px)}.matrixblock.collapsed>.titlebar>.preview{opacity:1}.matrixblock>.actions{align-items:center;cursor:default;display:flex;gap:var(--xs);min-height:calc(var(--lh) + 10px);position:absolute;top:0}body.ltr .matrixblock>.actions{right:var(--m)}body.rtl .matrixblock>.actions{left:var(--m)}.matrixblock>.actions>*{margin:0!important}.matrixblock>.actions>.status.off{display:none}.matrixblock>.actions a:not([data-action]){color:var(--dark-hairline-color);height:var(--touch-target-size);padding:0;text-align:center;transform:color linear .1s}.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:var(--l)}.matrixblock>.fields>.flex-fields>.field:before{display:none}body.ltr .matrixblock>.fields>.flex-fields>.field>.status-badge{left:-2px}body.rtl .matrixblock>.fields>.flex-fields>.field>.status-badge{right:-2px}.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}body.sitepicker #main-content{align-items: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 (-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{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);--sidebar-width:14.125rem;--global-sidebar-width:14.125rem}html{-webkit-text-size-adjust:100%}body,html{min-height:100vh}body.dragging *{cursor:move!important;cursor:grabbing!important}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:75rem){#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:flex;min-height:100vh;position:relative}@media screen and (prefers-reduced-motion:no-preference){body.ltr #global-container{transition:left .1s cubic-bezier(.33,1,.68,1)}body.rtl #global-container{transition:right .1s cubic-bezier(.33,1,.68,1)}}#system-info{align-items:center;background-clip:padding-box;border-bottom:1px solid var(--hairline-color);color:currentColor;display:grid;flex:0 0 2.8125rem;flex-direction:row;gap:10px;grid-template-columns:var(--prefix-width) auto;height:2.8125rem;padding:0 var(--gutter-width);position:relative}#system-info:after{display:none}#system-info:focus,#system-info:hover{background-color:var(--gray-200);text-decoration:none}#site-icon{--size:var(--prefix-width);height:var(--size)}#site-icon img,#site-icon svg{border-radius:4px;display:block;height:var(--size);width:var(--size)}#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{display:-webkit-box;margin:0;max-height:40px;overflow:hidden;position:relative;width:100%;-webkit-box-orient:vertical;-webkit-line-clamp:2}@media only screen and (min-width:75rem){[data-sidebar=collapsed] #system-info:hover #system-name{opacity:1;transform:translateY(-50%) translateX(0)}[data-sidebar=collapsed] #system-name{background:#fff;border-radius:var(--medium-border-radius);box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);color:var(--text-color);left:calc(100% + var(--s)*2);opacity:0;padding:var(--xs) var(--s);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%) translateX(-5px);white-space:nowrap}[data-sidebar=collapsed] #system-name:focus{box-shadow:var(--focus-ring)}}@media only screen and (min-width:75rem)and (prefers-reduced-motion:no-preference){[data-sidebar=collapsed] #system-name{transition:opacity 50ms cubic-bezier(.33,1,.68,1),transform .15s cubic-bezier(.33,1,.68,1)}}#global-footer{align-items:center;display:flex;flex-direction:column;gap:var(--m);padding:var(--m) var(--m) var(--xl)}body.has-debug-toolbar #global-footer{padding-bottom:calc(var(--xl) + 42px)}#global-footer a{white-space:nowrap}#app-info{display:flex;flex-direction:row;gap:var(--m);justify-content:center}#trial-info{background-color:#dbe5f0;border-radius:var(--large-border-radius);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.5),0 0 0 1px #bdcbdb,0 2px 12px rgba(205,216,228,.5);padding:16px var(--xl);text-align:center}#app-version{align-items:center;color:var(--gray-600);display:flex;font-size:12px;gap:var(--s);justify-content:center;text-align:center}#app-version a{text-decoration:underline}#app-version a,#app-version a.go:hover:after{color:var(--gray-600)}#edition-logo{border:1px solid var(--gray-600);border-radius:3px;box-sizing:content-box;display:inline-flex;font-size:11px;font-weight:600;letter-spacing:1.7px;line-height:8px;padding:6px 5px 6px 7px;position:relative;text-transform:uppercase;top:-1px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#devmode{background:url(../images/dev-mode.svg) repeat-x 21px 0;cursor:help;flex:0 0 4px;margin-top:auto;min-height:4px;width:100%}#page-container{display:flex;flex-direction:column;flex-grow:1}#alerts{background-color:var(--red-050);border-left:6px solid var(--error-color);color:var(--error-color);position:relative}#alerts>li{box-shadow:inset 0 -1px 0 0 var(--red-100);padding:10px 24px}#alerts>li .resolvable-alert-buttons{margin-top:var(--m)}#alerts>li .btn,#alerts>li a.go{align-items:center;border:1px solid rgba(220,38,38,.5);border-radius:var(--medium-border-radius);color:var(--error-color);display:inline-flex;height:1.875rem;margin:0 2px;padding:4px 5px}.flex #alerts>li .btn,.flex #alerts>li a.go{margin:0}#alerts>li .btn:hover,#alerts>li a.go:hover{border-color:var(--error-color)}#alerts>li a:not(.btn){color:var(--error-color);text-decoration:underline}#alerts>li a:not(.btn).go{text-decoration:none;white-space:nowrap}#alerts>li a:not(.btn).go:after{color:var(--error-color);font-size:15px;margin-top:1px}#alerts>li .btn{background-color:transparent}#global-header .btn.menubtn,.btn.action-btn,li.crumb .btn.menubtn{height:var(--touch-target-size);padding:0;width:var(--touch-target-size)}#global-header .btn.menubtn:not(:hover):not(:active):not([aria-expanded=true]),.btn.action-btn:not(:hover):not(:active):not([aria-expanded=true]),li.crumb .btn.menubtn:not(:hover):not(:active):not([aria-expanded=true]){background-color:transparent}#global-header{border-bottom:1px solid var(--hairline-color);margin-bottom:var(--m);width:100%}#global-header .flex{align-items:center;height:2.75rem}#global-header .btn{--ui-control-color:var(--gray-400);--ui-control-hover-color:var(--gray-800);--ui-control-active-color:var(--gray-700)}#global-header .btn:hover{color:var(--ui-control-hover-color)}.nav-toggle{align-items:center;border-right:1px solid var(--medium-hairline-color);color:currentColor;display:flex;height:2.75rem;justify-content:center;line-height:26px;min-width:44px;text-align:center;width:44px}.nav-toggle:before{font-family:Craft;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;content:"menu";font-size:16px;line-height:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.nav-toggle:hover{color:var(--link-color)}#crumbs{align-items:center;display:flex;flex-direction:row;font-size:13px;margin:0!important;max-width:100%;overflow:hidden}#crumbs.empty{display:none}#crumbs nav{margin:0}#primary-nav-toggle:focus-visible{box-shadow:var(--inner-focus-ring)}#crumb-list{align-items:stretch;display:flex;flex-direction:row;flex-wrap:nowrap;height:2.75rem;max-width:100%;--arrow-padding:10;--arrow-height:22;--arrow-angle:35;--arrow-width:17.1111;--arrow-c:27.871}body.rtl #crumb-list{--arrow-angle:-35;--arrow-width:-19.4444}#crumb-list li.crumb{color:var(--light-text-color);cursor:default;position:relative}body.ltr #crumb-list li.crumb{padding-left:calc(var(--arrow-width)*.5rem/16)}body.rtl #crumb-list li.crumb{padding-right:calc(var(--arrow-width)*.5rem/16)}body.ltr #crumb-list li.crumb:not(.current){padding-right:calc(var(--arrow-width)*1rem/16)}body.rtl #crumb-list li.crumb:not(.current){padding-left:calc(var(--arrow-width)*1rem/16)}#crumb-list li.crumb:not(.current):after,#crumb-list li.crumb:not(.current):before{background:var(--medium-hairline-color);content:"";display:block;height:calc(var(--arrow-c)*1rem/16);pointer-events:none;position:absolute;width:1px}body.ltr #crumb-list li.crumb:not(.current):after,body.ltr #crumb-list li.crumb:not(.current):before{right:calc(var(--arrow-width)*.5rem/16)}body.rtl #crumb-list li.crumb:not(.current):after,body.rtl #crumb-list li.crumb:not(.current):before{left:calc(var(--arrow-width)*.5rem/16)}#crumb-list li.crumb:not(.current):before{top:calc((var(--arrow-height) - var(--arrow-c))/2*1rem/16);transform:rotate(calc(var(--arrow-angle)*-1deg))}#crumb-list li.crumb:not(.current):after{bottom:calc((var(--arrow-height) - var(--arrow-c))/2*1rem/16);transform:rotate(calc(var(--arrow-angle)*1deg))}#crumb-list .menu--disclosure li{display:block}#crumb-list .menu--disclosure li:after{content:none}#crumb-menu-trigger{min-width:var(--touch-target-size)}#crumb-menu-trigger:before{width:100%}#crumb-menu .chip{min-height:44px}li.crumb{align-items:center;display:flex;flex-wrap:nowrap;gap:var(--xs)}li.crumb [data-icon]{position:relative;top:-1px}li.crumb .menubtn{margin:0 calc(var(--xs)*-1/2);position:relative}li.crumb [data-icon=ellipsis]:before{font-size:17px;margin-top:3px}li.crumb .chip{background-color:transparent;padding:0;--custom-bg-color:initial!important;--custom-text-color:initial!important;--custom-sel-bg-color:initial!important}li.crumb .chip .label-link{max-width:15em}li.crumb .chip .label-link:focus-visible{box-shadow:var(--inner-focus-ring)}li.crumb .chip .label-link span:not(.context-label){display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}li.crumb:has(.menubtn)>a{margin-right:0!important;padding-right:var(--xs)!important}li.crumb>a{align-items:center;display:flex!important;flex:1;flex-wrap:nowrap;gap:var(--xs);white-space:nowrap}.menu--disclosure li.crumb>a{min-height:34px}li.crumb a,li.crumb button{align-items:center;display:inline-flex;min-height:var(--touch-target-size)}li.crumb a:not(:hover),li.crumb button:not(:hover){color:var(--text-color)}li.crumb a:hover,li.crumb button:hover{text-decoration:none}li.crumb a{position:relative}li.crumb button{cursor:pointer}li.breadcrumb-toggle-wrapper:after{content:none}#account-menu ul li a{max-width:calc(100% + 28px)!important}#announcements-btn{height:1.875rem;padding-left:0;padding-right:0;position:relative;width:1.875rem;width:calc(1.75rem + 10px)}#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:50%;content:"";display:block;height:.4375rem;position:absolute;top:.1875rem;width:.4375rem}body.ltr #announcements-btn.unread:after{right:5px}body.rtl #announcements-btn.unread:after{left:5px}#announcements-btn svg{height:1rem;width:1rem}#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(--ui-control-active-color);stroke-width:0}#announcements{max-width:350px}#announcements .announcement:not(:first-child){margin-top:20px}#announcements .announcement .announcement-label-container{align-items:center;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.unread .announcement__heading: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 .announcement__heading:after{left:-13px}body.rtl #announcements .announcement.unread .announcement__heading:after{right:-13px}#announcements .announcement p{margin:0}#announcements .announcement__header{display:grid}#announcements .announcement__heading{margin:0 0 3px;order:1;position:relative}#user-info{align-items:center;background-color:transparent;border-radius:0;display:flex;flex-direction:row;height:100%;padding-bottom:5px;padding-top:5px}body.ltr #user-info{padding-left:var(--s)}body.rtl #user-info{padding-right:var(--s)}body.ltr #user-info{padding-right:calc(var(--padding) + 1px)}body.rtl #user-info{padding-left:calc(var(--padding) + 1px)}#user-info:after{border-color:var(--ui-control-color);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 img,.header-photo svg{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:1.875rem;max-width:none;transition:box-shadow .15s linear;width:1.875rem}#user-info:hover .header-photo img,#user-info:hover .header-photo svg{box-shadow:0 0 0 1px rgba(31,41,51,.05),0 2px 10px -2px rgba(31,41,51,.3)}#main-container{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}body.has-debug-toolbar #notifications{bottom:50px}@media only screen and (min-width:60.875rem){#notifications{width:350px}}#notifications .notification{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:flex;padding:10px 14px;position:relative;--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{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:flex;flex:1}#notifications .notification .notification-body .notification-message{font-weight:700;overflow-wrap:anywhere;word-break:normal}#notifications .notification .notification-body .notification-details{margin-top:var(--xs)}#notifications .notification .notification-body .notification-details .chip{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)}@media only screen and (min-width:75rem){#primary-nav-toggle{display:none}body.ltr #crumbs.empty+.context-menu-container,body.ltr #crumbs:not(.empty) #primary-nav-toggle+nav ul li:first-child{margin-left:var(--padding)}body.rtl #crumbs.empty+.context-menu-container,body.rtl #crumbs:not(.empty) #primary-nav-toggle+nav ul li:first-child{margin-right:var(--padding)}body.ltr #crumbs.empty+.context-menu-container,body.ltr #crumbs:not(.empty) #primary-nav-toggle+nav ul li:first-child{padding-left:0}body.rtl #crumbs.empty+.context-menu-container,body.rtl #crumbs:not(.empty) #primary-nav-toggle+nav ul li:first-child{padding-right:0}}#global-header .flex,#header .flex{max-width:100%}#global-header .flex.flex-nowrap,#header .flex.flex-nowrap{min-width:0}#header{align-content:stretch;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:flex;flex-wrap:nowrap;gap:var(--s);justify-content:space-between;padding:5px var(--padding);position:relative;transition:background-color .1s linear,box-shadow .1s linear;z-index:2}body.fixed-header #header{background-color:var(--gray-100);box-shadow: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;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:60.875rem){#page-title.has-toolbar{min-width:calc(14.125rem - var(--xl) - var(--s))!important}}#toolbar{align-items:flex-start;flex:1;justify-content:space-between}#toolbar .icon:before,#toolbar .menubtn:after,#toolbar .texticon:before,#toolbar [data-icon-after]:after,#toolbar [data-icon]:before{color:currentColor;opacity:.8}#toolbar .text{border-radius:var(--large-border-radius)}#toolbar .text:-ms-input-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}@media only screen and (max-width:400px){#action-buttons .btngroup .btn:first-child{flex-basis:100%}}@media only screen and (max-width:60.8125rem){#action-buttons{margin-top:10px}}#main-content{align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:row;padding:0 var(--padding) 48px}#main-content>.grid:only-child{flex:1}#sidebar-toggle-container{display:none}#sidebar-container{box-sizing:border-box;flex:0 0 14.125rem;width:14.125rem}@media only screen and (min-width:75rem){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 var(--m);position:relative;width:14.125rem}#sidebar.fixed{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{flex:1 1 auto;width:400px}#content-heading{margin-top:var(--xl)!important}@media only screen and (min-width:60.875rem){#content-heading{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}}.content-pane{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) var(--padding);position:relative;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,.footer{line-height:2rem;min-height:44px;padding:6px var(--pane-padding,var(--xl))}#footer .buttons,.footer .buttons{align-items:center;display:flex;height:32px}#footer .btn,.footer .btn{height:var(--ui-control-height--small);padding-bottom:4px;padding-top:4px}#footer{background-color:var(--gray-050);border-radius:var(--small-border-radius);bottom:0;box-sizing:border-box;margin:calc(var(--xl) + 1px) calc(var(--padding)*-1 + 2px) calc(var(--xl)*-1 + 2px);position:sticky;z-index:1}#footer:empty{display:none}#footer.stuck{border-radius:0}@supports((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){#footer.stuck{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(228,237,246,.75)}}.has-debug-toolbar #footer{transition:padding .1s linear}.has-debug-toolbar #footer.stuck{padding-bottom:52px}#footer .flex>*,#footer>*{margin-bottom:0}#details-container{box-sizing:border-box;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;z-index:1}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}#details .details{padding-bottom:calc(var(--xl) + 11.5em)}#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:var(--large-border-radius);padding-bottom:var(--m);padding-top:var(--m)}@media only screen and (max-width:74.9375rem){#global-container{width:calc(100vw + 14.125rem)}body.ltr #global-container{left:-14.125rem}body.rtl #global-container{right:-14.125rem}body.ltr.showing-nav #global-container{left:0}body.rtl.showing-nav #global-container{right:0}#crumbs{display:flex!important}#header,#main-content{width:100vw}}@media only screen and (max-width:60.8125rem){#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}#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}#details .details{margin-bottom:auto}}@media only screen and (max-width:767px){:root{--padding:var(--s);--neg-padding:calc(var(--s)*-1)}#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}.card-grid{display:flex!important;flex-direction:column}}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:14.125rem}.sidebar:not(.drag-helper){background-color:var(--gray-050);padding:var(--m) 0}.sidebar .heading{margin:0 var(--xl);position:relative}.sidebar .heading:not(:first-child){margin-top:var(--m)}.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 .heading>ul{margin:2px calc(var(--xl)*-1)}.sidebar nav{padding:0 var(--s)}body.ltr .sidebar nav>ul>li.heading>ul>li>a,body.ltr .sidebar nav>ul>li:not(.heading)>a{padding-left:24px}body.rtl .sidebar nav>ul>li.heading>ul>li>a,body.rtl .sidebar nav>ul>li:not(.heading)>a{padding-right:24px}body.ltr .sidebar nav>ul>li.heading>ul>li>.toggle,body.ltr .sidebar nav>ul>li:not(.heading)>.toggle{left:calc(var(--m)*0)}body.rtl .sidebar nav>ul>li.heading>ul>li>.toggle,body.rtl .sidebar nav>ul>li:not(.heading)>.toggle{right:calc(var(--m)*0)}body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>a,body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>a{padding-left:38px}body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>a,body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>a{padding-right:38px}body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>.toggle,body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>.toggle{left:calc(var(--m)*1)}body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>.toggle,body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>.toggle{right:calc(var(--m)*1)}body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>a,body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>a{padding-left:52px}body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>a,body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>a{padding-right:52px}body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>.toggle,body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>.toggle{left:calc(var(--m)*2)}body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>.toggle,body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>.toggle{right:calc(var(--m)*2)}body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>a,body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>a{padding-left:66px}body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>a,body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>a{padding-right:66px}body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle,body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>.toggle{left:calc(var(--m)*3)}body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle,body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>.toggle{right:calc(var(--m)*3)}body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>a,body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>a{padding-left:80px}body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>a,body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>a{padding-right:80px}body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle,body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle{left:calc(var(--m)*4)}body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle,body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>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}.sidebar nav li:not(.has-subnav)>a.active-drop-target,.sidebar nav li:not(.has-subnav)>a.sel{background-color:var(--gray-500);cursor:default}.sidebar nav li:not(.has-subnav)>a.active-drop-target,.sidebar nav li:not(.has-subnav)>a.active-drop-target+.toggle,.sidebar nav li:not(.has-subnav)>a.sel,.sidebar nav li:not(.has-subnav)>a.sel+.toggle{color:var(--white)}.sidebar nav li:not(.has-subnav)>a.sel{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:500}.sidebar nav li a{align-items:center;border-radius:var(--large-border-radius);box-sizing:border-box;color:var(--text-color);display:flex;flex-direction:row;margin-bottom:1px;min-height:var(--xl);padding:7px var(--xl);position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;word-break:break-word}.sidebar nav li a .status{flex-shrink:1}.sidebar nav li a .icon{flex-shrink:1;height:1.125rem;opacity:.85;position:relative;top:1px;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:1rem;width:1rem}.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{background-color:var(--medium-text-color);border-radius:var(--s);color:var(--white);flex-shrink:1;font-size:.6875rem;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{align-items:center;display:flex;height:34px;justify-content:center;position:absolute;top:0;width:var(--xl);z-index:1}.sidebar nav li ul{display:none}.sidebar nav li.expanded>ul,.sidebar nav li.heading>ul{display:block}.error-summary{background-color:var(--gray-050);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-bottom:var(--l);padding:var(--l) var(--xl) var(--xl)}.error-summary .notification-icon{color:var(--error-color);float:left;margin:-2px 6px 0 0}.error-summary h2{margin-top:var(--xs)}.error-summary>ul.errors li,.error-summary>ul.errors li a{color:var(--text-color)}.error-summary>ul.errors li a em,.error-summary>ul.errors li em{font-weight:600}.error-summary>ul.errors li a:hover,.error-summary>ul.errors li:hover{color:var(--link-color)}body.ltr .content.has-sidebar:not(.hiding-sidebar){margin-left:14.125rem}body.rtl .content.has-sidebar:not(.hiding-sidebar){margin-right:14.125rem}#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,.draghelper .flex-fields,.so-content .flex-fields{--row-gap:var(--xl);align-content:flex-start;display:flex;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>*,.draghelper .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,.draghelper .flex-fields>h2,.so-content .flex-fields>h2{flex:4 0 100%}#content :not(.meta)>.flex-fields>h2:not(:nth-child(-n+1 of :not(.hidden))),#content>.flex-fields>h2:not(:nth-child(-n+1 of :not(.hidden))),.draghelper .flex-fields>h2:not(:nth-child(-n+1 of :not(.hidden))),.so-content .flex-fields>h2:not(:nth-child(-n+1 of :not(.hidden))){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,.draghelper .flex-fields>.line-break,.draghelper .flex-fields>hr,.so-content .flex-fields>.line-break,.so-content .flex-fields>hr{flex:4 0 100%}#content :not(.meta)>.flex-fields>.line-break:not(:first-child),#content>.flex-fields>.line-break:not(:first-child),.draghelper .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,.draghelper .flex-fields>:not(h2):not(hr):not(.line-break),.draghelper .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,.draghelper .flex-fields>:not(h2):not(hr):not(.line-break):before,.draghelper .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 .draghelper .flex-fields>:not(h2):not(hr):not(.line-break):before,body.ltr .draghelper .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 .draghelper .flex-fields>:not(h2):not(hr):not(.line-break):before,body.rtl .draghelper .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:96rem){#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,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-25,.draghelper.drag-in-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,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-50,.draghelper.drag-in-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,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-75,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-75{width:75%}}@media only screen and (min-width:37.5rem)and (max-width:95.9375rem){#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,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-25,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-50,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50{width:50%}}@media only screen and (min-width:75rem){.draghelper.drag-in-slideout .flex-fields>:not(h2):not(hr):not(.line-break).width-25,.draghelper.drag-in-slideout .flex-fields>:not(h2):not(hr):not(.line-break).width-50,.draghelper.drag-in-slideout .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25,.draghelper.drag-in-slideout .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50,.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%}}.global-sidebar{--is-always-visible:true;--prefix-width:1.875rem;--prefix-ratio:1;--gutter-width:0.625rem;display:flex;flex-direction:column;height:100vh;padding:0;position:sticky;top:0;z-index:100;-webkit-overflow-scrolling:touch;background-color:transparent;border-right:1px solid var(--hairline-color);width:var(--global-sidebar-width)}.global-sidebar a{text-decoration:none}.global-sidebar :not(.has-subnav)>a:not([href]),.global-sidebar>a:not([href]){background-color:transparent;cursor:default}@media only screen and (max-width:74.9375rem){.global-sidebar{--is-always-visible:false}}.global-sidebar__nav{padding:var(--s) 0}.global-sidebar__footer{display:grid;gap:var(--s);margin-block-start:auto}.global-nav>ul{display:flex;flex-direction:column;gap:var(--s)}.global-nav>ul>li{position:relative}.nav-icon{align-items:center;aspect-ratio:1;display:inline-flex;flex-direction:column;justify-content:center;line-height:0;width:1rem;--thumb-size:1rem}.nav-icon>svg{height:100%;width:100%}.nav-icon>svg circle,.nav-icon>svg ellipse,.nav-icon>svg line,.nav-icon>svg path,.nav-icon>svg polygon,.nav-icon>svg polyline,.nav-icon>svg rect,.nav-icon>svg text{fill:currentColor;stroke-width:0}.nav-item{--gutter-width:0.625rem;align-items:center;display:grid;grid-template-areas:". action trigger ." "subnav subnav subnav subnav";grid-template-columns:var(--gutter-width) 1fr var(--prefix-width) var(--gutter-width);width:100%}.nav-item>.sidebar-action{grid-area:action}.nav-item__trigger{--icon-size:10px;--trigger-size:var(--touch-target-size);display:flex;grid-area:trigger;z-index:1}.nav-item__trigger .menubtn{align-items:center;border:transparent;flex-direction:column;height:var(--trigger-size);justify-content:center;padding:0;width:var(--trigger-size)}.nav-item__trigger .menubtn:hover{background-color:var(--ui-control-bg-color)}.nav-item__trigger .menubtn[aria-expanded=true]:not(:hover){background-color:transparent}.nav-item__trigger .menubtn[aria-expanded=true]:after{border:solid;border-width:0 .125rem .125rem 0;content:"";display:block;font-size:0;height:.4375rem;opacity:.8;position:relative;top:2px;transform:rotate(225deg);width:.4375rem}.nav-item__trigger .menubtn:after{margin-left:0!important}.nav-item__subnav{--prefix-ratio:4/3;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;grid-area:subnav;white-space:nowrap}.nav-item__subnav.is-open{height:auto;margin:0;overflow:visible;padding:0;position:static;width:auto;clip:auto;white-space:normal}.badge{background-color:var(--medium-text-color);border-radius:var(--s);color:var(--white);display:inline-flex;flex-shrink:1;font-size:11px;height:1rem;justify-content:center;line-height:1rem;text-align:center;width:1.1rem}.sidebar-actions{padding:10px var(--gutter-width)}.sidebar-action{--thumb-size:0.75rem;align-items:center;border-radius:var(--medium-border-radius);color:currentColor;cursor:pointer;display:flex;gap:7px;min-height:30px;position:relative;text-align:left;width:100%}.sidebar-action:before{content:"";height:80%;left:-.625rem;position:absolute;top:50%;transform:translateY(-50%);width:var(--xs)}.sidebar-action:focus-visible,.sidebar-action:hover{background-color:var(--gray-200)}.sidebar-action.sel:before{--indicator-size:6px;background-color:currentColor}.sidebar-action--sub{--indicator-size:4px;font-size:.9em;min-height:26px}.sidebar-action--sub:before{background-color:var(--gray-300);border-radius:100%;height:var(--indicator-size);left:calc(15px - var(--indicator-size)/2);top:50%;width:var(--indicator-size)}.sidebar-action--job{align-items:flex-start}.sidebar-action--job .sidebar-action__label{padding-block:var(--xs)}.sidebar-action--job[href]:hover{background-color:transparent}.sidebar-action--job[href]:hover .icon>span.icon>canvas#job-icon-hover{opacity:1}.sidebar-action--job .label{white-space:normal}.sidebar-action--job .progress-label{color:var(--gray-300);display:block;font-size:11px;line-height:1.5}.sidebar-action--job .nav-icon{display:block;height:16px;position:relative;width:16px}.sidebar-action--job .nav-icon>canvas{display:block;height:16px;position:absolute;width:16px}.sidebar-action--job .nav-icon>canvas#job-icon-hover{opacity:0}.sidebar-action__prefix{align-items:center;aspect-ratio:var(--prefix-ratio);display:flex;flex-shrink:0;justify-content:center;line-height:0;width:var(--prefix-width)}.sidebar-action__label{align-items:center;display:inline-flex;flex-grow:1;gap:var(--s);overflow:hidden;padding:0 var(--xs);text-overflow:ellipsis;white-space:nowrap}.sidebar-action__badge{display:flex;flex-direction:column;justify-content:center;margin-left:auto;padding:0 var(--s)}@media only screen and (min-width:75rem){[data-sidebar=collapsed] .global-sidebar{--global-sidebar-width:3.125rem}[data-sidebar=collapsed] .nav-item{grid-template-areas:". action ." ". trigger ." "subnav subnav subnav";grid-template-columns:var(--gutter-width) var(--prefix-width) var(--gutter-width)}[data-sidebar=collapsed] .nav-item__indicator{right:-1px}[data-sidebar=collapsed] .sidebar-action{min-height:var(--prefix-width);width:var(--prefix-width)}[data-sidebar=collapsed] .sidebar-action:focus-visible .sidebar-action__label,[data-sidebar=collapsed] .sidebar-action:hover .sidebar-action__label{opacity:1;transform:translateY(-50%) translateX(0)}[data-sidebar=collapsed] .nav-item__trigger .menubtn{height:auto;padding-block:2px var(--xs);width:100%}[data-sidebar=collapsed] .sidebar-action__label{background:#fff;border-radius:var(--medium-border-radius);box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);color:var(--text-color);left:calc(100% + var(--xs)*2);opacity:0;padding:var(--xs) var(--s);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%) translateX(-5px);z-index:10}[data-sidebar=collapsed] .sidebar-action__label:focus{box-shadow:var(--focus-ring)}}@media only screen and (min-width:75rem)and (prefers-reduced-motion:no-preference){[data-sidebar=collapsed] .sidebar-action__label{transition:opacity 50ms cubic-bezier(.33,1,.68,1),transform .15s cubic-bezier(.33,1,.68,1)}}@media only screen and (min-width:75rem){[data-sidebar=collapsed] .sidebar-action__badge{bottom:var(--xs);padding:0;position:absolute;right:calc(var(--xs)*-1);transform:translateY(25%);z-index:100}[data-sidebar=collapsed] .sidebar-action--sub{min-height:26px}[data-sidebar=collapsed] .sidebar-action--sub:before{left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}[data-sidebar=collapsed] .global-nav>ul>li+li{--separator-width:1.75rem}[data-sidebar=collapsed] .global-nav>ul>li+li:before{background-color:var(--hairline-color);content:"";height:1px;left:calc((var(--global-sidebar-width) - var(--separator-width))/2);margin:0 auto;position:absolute;top:calc(var(--s)/-2);width:var(--separator-width)}[data-sidebar=expanded] #sidebar-toggle-icon{transform:rotate(180deg)}}#sidebar-trigger{display:none}@media only screen and (min-width:75rem){#sidebar-trigger{display:flex}}.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:5px 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:68px}}.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:flex;flex-direction:column}.lp-editor-container .lp-editor{box-sizing:border-box;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}body.ltr .lp-editor-container .lp-editor .matrixblock>.fields>.flex-fields>.field>.status-badge{left:calc(var(--m)*-1)}body.rtl .lp-editor-container .lp-editor .matrixblock>.fields>.flex-fields>.field>.status-badge{right:calc(var(--m)*-1)}.lp-editor-container .lp-draghandle{cursor:col-resize;height:100%;position:absolute;top:0;width:4px;z-index:101}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:flex;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: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:44px}}.lp-preview-container .lp-preview-header .lp-device-type .btn:before{background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:block;height:22px;transition-duration:.3s;width:27px}.lp-preview-container .lp-preview-header .lp-device-type .btn.lp-device-type-btn--phone:before{background-image:url(../images/preview/icon-phone.svg)}.lp-preview-container .lp-preview-header .lp-device-type .btn.lp-device-type-btn--tablet:before{background-image:url(../images/preview/icon-tablet.svg)}.lp-preview-container .lp-preview-header .lp-device-type .btn.lp-device-type-btn--desktop:before{background-image:url(../images/preview/icon-desktop.svg)}.lp-preview-container .lp-device-type__label:before{background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:block;height:22px;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-preview-container__bumper-link{bottom:0;top:unset}.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;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;transform:none!important;width:auto!important}.lp-preview-container .lp-iframe-container--has-device-preview{background-color:var(--gray-100);flex:none;height:calc(100% - 44px);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:44px}}.lp-preview-container .lp-iframe-container--has-device-preview .lp-device-preview-container{left:50%;opacity:1;overflow:auto;position:absolute;top:50%;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;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{transition-duration:.3s;transition-property:transform}.lp-preview-container .lp-iframe-container--rotating .lp-device-preview-container{opacity:0;transition:opacity 0s}}.login-container .login-form-container{background-color:var(--gray-050)}.login-container .login-form input[readonly]{cursor:not-allowed}.login-container .login-form>.btn,.login-container .login-form>.field{margin-top:var(--l)}.login-container .login-form>.btn:not(:last-child):not(.last),.login-container .login-form>.field:not(:last-child):not(.last){margin-bottom:var(--l)}.login-container .login-form .btn{display:flex}.login-container .alternative-login-methods{margin-top:var(--m)}.login-container .alternative-login-methods .btn{width:100%}.login-container .login-alt-container button,.login-container .login-forgot-password{color:var(--medium-text-color);cursor:pointer!important;font-size:11px}.login-container .login-alt-container{margin:calc(var(--s) - var(--xl)) 0}.login-container .login-alt-container button{background-color:transparent;display:inline-flex;height:auto;min-height:var(--touch-target-size);padding:0;width:auto}.login-container .login-alt-container button:focus,.login-container .login-alt-container button:hover,.login-container .login-forgot-password:focus,.login-container .login-forgot-password:hover{color:var(--link-color)}.login-container .login-errors{color:var(--error-color);margin-top:1em;text-align:center}.login-alt-menu{z-index:1001}body.login{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100%}body.login main{max-width:100%;padding:var(--padding);width:calc(300px + var(--padding)*2)}body.login main h1{font-size:32px;line-height:40px;text-align:center;word-wrap:break-word}body.login main h1 #login-logo{height:auto;max-height:300px;width:100%}body.login #poweredby{display:block;margin-bottom:48px;margin-top:70px;opacity:.8;text-align:center}body.login #poweredby:active,body.login #poweredby:focus,body.login #poweredby:hover{opacity:1}body.login #poweredby>svg{display:inline-block}.modal.email-sent{width:300px}body.ltr .modal.email-sent .body{padding-left:68px}body.rtl .modal.email-sent .body{padding-right:68px}.modal.email-sent .body:before{font-family:Craft;speak:never;direction:ltr;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";font-variant:normal;font-weight:400;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;text-align:center;vertical-align:middle;word-wrap:normal!important;color:var(--link-color);content:"mail";display:block;font-size:30px;position:absolute;top:24px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body.ltr .modal.email-sent .body:before{left:24px}body.rtl .modal.email-sent .body:before{right:24px}.login-modal{background:var(--gray-100);border-radius:var(--large-border-radius);max-width:calc(100% - 20px);width:calc(600px + var(--l)*2)}.login-modal .body{display:flex;flex-direction:row;padding:var(--l)}.login-modal .body .login-modal-form,.login-modal .body .login-modal-intro{max-width:100%;width:300px}.login-modal .body .login-modal-intro{padding:var(--m)}@media screen and (max-width:656px){.login-modal{border-radius:var(--large-border-radius)}.login-modal .body{flex-direction:column;gap:var(--m);overflow:auto;padding:var(--m)}.login-modal .body .login-modal-intro{padding:var(--xs) var(--xl)}.login-modal .body .login-modal-form{border-radius:0}}.layoutdesigner{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:flex;min-height:500px;overflow:hidden;position:relative}body.ltr .layoutdesigner{padding-right:265px}body.rtl .layoutdesigner{padding-left:265px}.errors>.layoutdesigner{border:1px solid var(--error-color)!important}.layoutdesigner .fld-workspace{background-color:var(--gray-050);background-image:linear-gradient(90deg,#ecf2f9 1px,transparent 0),linear-gradient(180deg,#ecf2f9 1px,transparent 0);background-position:-1px -1px;background-size:24px 24px;box-shadow:inset 0 1px 3px -1px #acbed2;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{align-items:flex-start;display:flex;flex-wrap:wrap}.layoutdesigner .fld-sidebar{display:flex;flex-direction:column;height:100%;padding:14px;position:absolute;top:0;width:265px}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{flex:1;margin:-3px;min-height:0;overflow:auto;padding:3px}.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)}.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:288px}body.ltr .fld-tab{padding:0 25px 24px 0}body.rtl .fld-tab{padding:0 0 24px 25px}.fld-tab .tabs{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:flex;gap:var(--xs);max-width:calc(100% - 10px);padding:8px 14px}body:not(.dragging) .fld-tab .tabs .tab.draggable{cursor:move;cursor:grab}.fld-tab .tabs .tab span{overflow:hidden;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:linear-gradient(90deg,#ecf2f9 1px,transparent 0),linear-gradient(180deg,#ecf2f9 1px,transparent 0);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-element{align-items:center;background-color:var(--white);border-radius:var(--medium-border-radius);box-shadow:inset 0 0 0 1px var(--hairline-color);display:flex;gap:var(--s);padding:var(--s);position:relative}body:not(.dragging) .fld-element{cursor:move;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:not(.draghelper){box-shadow:none}.fld-element.fld-field .field-name{display:flex;flex-direction:column;gap:var(--xs)}.fld-element .fld-element-icon{text-align:center}.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{flex:1;overflow:hidden}.fld-element .field-name .fld-attribute,.fld-element .field-name .fld-element-label{align-items:center;display:flex;flex:1}.fld-element .field-name .fld-attribute .smalltext,.fld-element .field-name .fld-element-label h4{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fld-element .field-name .fld-element-label h4{color:var(--text-color);font-weight:400;margin:0}.fld-br,.fld-hr{display:flex;flex:1;justify-content:center;position:relative}.fld-br:before,.fld-hr:before{border-radius:2px;content:"";display:block;font-size:0;height:4px;left:0;position:absolute;top:calc(50% - 2px);width:100%}.fld-br .smalltext,.fld-hr .smalltext{align-items:center;background-color:var(--gray-100);border-radius:var(--large-border-radius);display:flex;height:var(--touch-target-size);justify-content:center;padding:0 var(--s);position:relative}.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;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:flex;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{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{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;-webkit-user-select:none;-moz-user-select:none;-ms-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;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: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{align-items:stretch;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:flex;flex-direction:column;flex-grow:1;overflow:hidden;position:relative}.modal.imageeditor .body .image-container .image{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%}body.has-debug-toolbar .modal.imageeditor .footer{padding-bottom:50px}.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:calc(1rem + 5px)}body.rtl .modal.imageeditor .body .views .crop .custom{padding-right:calc(1rem + 5px)}.modal.imageeditor .body .views .crop .orientation{align-items:center;display:flex;justify-content:center}.modal.imageeditor .body .views .crop .orientation input{-webkit-appearance:none;-moz-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{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{border-bottom:1px solid #000;border-top:1px solid #000;display:flex;flex-direction:row;width:100%}.vertical.imageeditor .body .tabs ul li{border:0;border-right:1px solid #000;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:flex;flex-wrap:wrap;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;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: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{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)}.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;-moz-user-select:none;-ms-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 eb07aeca1a6..b6c41f82239 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,2BAEA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,4BACA,oCAEA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,sCACA,kBAEA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,qBAEA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,oBAEA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,qBAEA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,mBAEA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,oBAEA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,sBAEA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,mBAEA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBAEA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,kBAEA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,mBAEA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,qBAEA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBAEA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBAEA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,sBAEA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,mBAEA,mBACA,mBACA,mBAC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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/_global-sidebar.scss","webpack:///./css/_preview.scss","webpack:///./css/_login.scss","webpack:///../../../../../node_modules/@craftcms/sass/_mixins.scss","webpack:///./css/_fld.scss","webpack:///./css/_image_editor.scss","webpack:///./css/_shame.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%;--gray-050: hsl(var(--gray-050-hsl));--gray-100: hsl(var(--gray-100-hsl));--gray-200: hsl(var(--gray-200-hsl));--gray-300: hsl(var(--gray-300-hsl));--gray-350: hsl(var(--gray-350-hsl));--gray-400: hsl(var(--gray-400-hsl));--gray-500: hsl(var(--gray-500-hsl));--gray-550: hsl(var(--gray-550-hsl));--gray-600: hsl(var(--gray-600-hsl));--gray-700: hsl(var(--gray-700-hsl));--gray-800: hsl(var(--gray-800-hsl));--gray-900: hsl(var(--gray-900-hsl));--gray-1000: hsl(var(--gray-1000-hsl));--red-050: #fef2f2;--red-100: #fee2e2;--red-200: #fecaca;--red-300: #fca5a5;--red-400: #f87171;--red-500: #ef4444;--red-600: #dc2626;--red-700: #b91c1c;--red-800: #991b1b;--red-900: #7f1d1d;--red-950: #450a0a;--orange-050: #fff7ed;--orange-100: #ffedd5;--orange-200: #fed7aa;--orange-300: #fdba74;--orange-400: #fb923c;--orange-500: #f97316;--orange-600: #ea580c;--orange-700: #c2410c;--orange-800: #9a3412;--orange-900: #7c2d12;--orange-950: #431407;--amber-050: #fffbeb;--amber-100: #fef3c7;--amber-200: #fde68a;--amber-300: #fcd34d;--amber-400: #fbbf24;--amber-500: #f59e0b;--amber-600: #d97706;--amber-700: #b45309;--amber-800: #92400e;--amber-900: #78350f;--amber-950: #451a03;--yellow-050: #fefce8;--yellow-100: #fef9c3;--yellow-200: #fef08a;--yellow-300: #fde047;--yellow-400: #facc15;--yellow-500: #eab308;--yellow-600: #ca8a04;--yellow-700: #a16207;--yellow-750: #93580b;--yellow-800: #854d0e;--yellow-900: #713f12;--yellow-950: #422006;--lime-050: #f7fee7;--lime-100: #ecfccb;--lime-200: #d9f99d;--lime-300: #bef264;--lime-400: #a3e635;--lime-500: #84cc16;--lime-600: #65a30d;--lime-700: #4d7c0f;--lime-800: #3f6212;--lime-900: #365314;--lime-950: #1a2e05;--green-050: #f0fdf4;--green-100: #dcfce7;--green-200: #bbf7d0;--green-300: #86efac;--green-400: #4ade80;--green-500: #22c55e;--green-600: #16a34a;--green-700: #15803d;--green-800: #166534;--green-900: #14532d;--green-950: #052e16;--emerald-050: #ecfdf5;--emerald-100: #d1fae5;--emerald-200: #a7f3d0;--emerald-300: #6ee7b7;--emerald-400: #34d399;--emerald-500: #10b981;--emerald-600: #059669;--emerald-700: #047857;--emerald-800: #065f46;--emerald-900: #064e3b;--emerald-950: #022c22;--teal-050: #f0fdfa;--teal-100: #ccfbf1;--teal-200: #99f6e4;--teal-300: #5eead4;--teal-400: #2dd4bf;--teal-500: #14b8a6;--teal-550: #11a697;--teal-600: #0d9488;--teal-700: #0f766e;--teal-800: #115e59;--teal-900: #134e4a;--teal-950: #042f2e;--cyan-050: #ecfeff;--cyan-100: #cffafe;--cyan-200: #a5f3fc;--cyan-300: #67e8f9;--cyan-400: #22d3ee;--cyan-500: #06b6d4;--cyan-600: #0891b2;--cyan-700: #0e7490;--cyan-800: #155e75;--cyan-900: #164e63;--cyan-950: #083344;--sky-050: #f0f9ff;--sky-100: #e0f2fe;--sky-200: #bae6fd;--sky-300: #7dd3fc;--sky-400: #38bdf8;--sky-500: #0ea5e9;--sky-600: #0284c7;--sky-700: #0369a1;--sky-800: #075985;--sky-900: #0c4a6e;--sky-950: #082f49;--blue-050: #eff6ff;--blue-100: #dbeafe;--blue-200: #bfdbfe;--blue-300: #93c5fd;--blue-400: #60a5fa;--blue-500: #3b82f6;--blue-600: #2563eb;--blue-700: #1d4ed8;--blue-800: #1e40af;--blue-900: #1e3a8a;--blue-950: #172554;--indigo-050: #eef2ff;--indigo-100: #e0e7ff;--indigo-200: #c7d2fe;--indigo-300: #a5b4fc;--indigo-400: #818cf8;--indigo-500: #6366f1;--indigo-600: #4f46e5;--indigo-700: #4338ca;--indigo-800: #3730a3;--indigo-900: #312e81;--indigo-950: #1e1b4b;--violet-050: #f5f3ff;--violet-100: #ede9fe;--violet-200: #ddd6fe;--violet-300: #c4b5fd;--violet-400: #a78bfa;--violet-500: #8b5cf6;--violet-600: #7c3aed;--violet-700: #6d28d9;--violet-800: #5b21b6;--violet-900: #4c1d95;--violet-950: #2e1065;--purple-050: #faf5ff;--purple-100: #f3e8ff;--purple-200: #e9d5ff;--purple-300: #d8b4fe;--purple-400: #c084fc;--purple-500: #a855f7;--purple-600: #9333ea;--purple-700: #7e22ce;--purple-800: #6b21a8;--purple-900: #581c87;--purple-950: #3b0764;--fuchsia-050: #fdf4ff;--fuchsia-100: #fae8ff;--fuchsia-200: #f5d0fe;--fuchsia-300: #f0abfc;--fuchsia-400: #e879f9;--fuchsia-500: #d946ef;--fuchsia-600: #c026d3;--fuchsia-700: #a21caf;--fuchsia-800: #86198f;--fuchsia-900: #701a75;--fuchsia-950: #4a044e;--pink-050: #fdf2f8;--pink-100: #fce7f3;--pink-200: #fbcfe8;--pink-300: #f9a8d4;--pink-400: #f472b6;--pink-500: #ec4899;--pink-600: #db2777;--pink-700: #be185d;--pink-800: #9d174d;--pink-900: #831843;--pink-950: #500724;--rose-050: #fff1f2;--rose-100: #ffe4e6;--rose-200: #fecdd3;--rose-300: #fda4af;--rose-400: #fb7185;--rose-500: #f43f5e;--rose-600: #e11d48;--rose-700: #be123c;--rose-800: #9f1239;--rose-900: #881337;--rose-950: #4c0519}:root{--bg-color: $grey100;--bg-color-hsl: 212deg, 50%, 93%;--primary-color: var(--red-600);--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: #1f5fea;--font-weight-bold: 700;--hairline-color: rgba(51, 64, 77, 0.1);--medium-hairline-color: #cfd8e3;--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-500);--error-color: #d81e23;--warning-color: var(--amber-700);--success-color: var(--teal-700);--notice-color: var(--sky-700);--enabled-color: var(--teal-550);--pending-color: var(--orange-400);--disabled-color: var(--red-600);--indicator-border-color: var(--amber-600);--indicator-icon-color: var(--amber-700);--small-border-radius: 3px;--medium-border-radius: 4px;--large-border-radius: 5px;--menu-border-radius: var(--medium-border-radius);--checkbox-size: 1rem;--radio-size: 1rem}@font-face{font-family:\"Craft\";src:url(\"../fonts/Craft.woff2\") format(\"woff2\"),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;font-display:block}:root{--ui-control-color: var(--gray-550);--ui-control-hover-color: var(--gray-600);--ui-control-active-color: var(--gray-700);--ui-control-static-bg-color: rgba(96, 125, 159, 0.25);--ui-control-bg-color: var(--ui-control-static-bg-color);--ui-control-hover-bg-color: rgba(96, 125, 159, 0.3);--ui-control-active-bg-color: rgba(96, 125, 159, 0.5);--ui-control-border-radius: var(--large-border-radius);--ui-control-height: calc(34rem / 16);--ui-control-height--small: calc(30rem / 16);--light-focus-hsl: 211.6981132075deg, 96.3636363636%, 78.431372549%;--medium-focus-hsl: 217.2192513369deg, 91.2195121951%, 59.8039215686%;--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: calc( 24rem / 16 );--thumb-size: calc(20rem / 16);--icon-size: 1rem;--elements-busy-top-position: calc(50% - var(--size, 20px) / 2);--lh: 1.42em}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:var(--lh);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}.mt-0{margin-top:0 !important}.mt-xs{margin-top:var(--xs) !important}.mt-s{margin-top:var(--s) !important}.mt-m{margin-top:var(--m) !important}.mt-l{margin-top:var(--l) !important}.mt-xl{margin-top:var(--xl) !important}.mb-0{margin-bottom:0 !important}.mb-xs{margin-bottom:var(--xs) !important}.mb-s{margin-bottom:var(--s) !important}.mb-m{margin-bottom:var(--m) !important}.mb-l{margin-bottom:var(--l) !important}.mb-xl{margin-bottom:var(--xl) !important}.ml-0{margin-left:0 !important}.ml-xs{margin-left:var(--xs) !important}.ml-s{margin-left:var(--s) !important}.ml-m{margin-left:var(--m) !important}.ml-l{margin-left:var(--l) !important}.ml-xl{margin-left:var(--xl) !important}.mr-0{margin-right:0 !important}.mr-xs{margin-right:var(--xs) !important}.mr-s{margin-right:var(--s) !important}.mr-m{margin-right:var(--m) !important}.mr-l{margin-right:var(--l) !important}.mr-xl{margin-right:var(--xl) !important}.mx-0{margin-left:0 !important;margin-right:0 !important}.mx-xs{margin-left:var(--xs) !important;margin-right:var(--xs) !important}.mx-s{margin-left:var(--s) !important;margin-right:var(--s) !important}.mx-m{margin-left:var(--m) !important;margin-right:var(--m) !important}.mx-l{margin-left:var(--l) !important;margin-right:var(--l) !important}.mx-xl{margin-left:var(--xl) !important;margin-right:var(--xl) !important}.my-0{margin-top:0 !important;margin-bottom:0 !important}.my-xs{margin-top:var(--xs) !important;margin-bottom:var(--xs) !important}.my-s{margin-top:var(--s) !important;margin-bottom:var(--s) !important}.my-m{margin-top:var(--m) !important;margin-bottom:var(--m) !important}.my-l{margin-top:var(--l) !important;margin-bottom:var(--l) !important}.my-xl{margin-top:var(--xl) !important;margin-bottom:var(--xl) !important}.no-scroll{overflow:hidden !important}.draghelper{box-sizing:border-box;list-style-type:none}.offset-drag-helper{transition:margin linear 200ms,padding linear 200ms}body.dragging.ltr .offset-drag-helper{margin:-50px 0 0 -50px;padding:60px 0 0 60px}body.dragging.rtl .offset-drag-helper{margin:-50px -50px 0 0;padding:60px 60px 0 0}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 ul.padded li .menu-item.sel:before,.menu ul.padded li .menu-option.sel:before,.menu .flex.padded.sel:before,.texticon:before,#help:before,.secure:before,.insecure:before,.go:after,.required:after,.preview-btn:before,.view-btn:before,.action-btn:before,[data-icon]:before,[data-icon-after]:after{font-family:\"Craft\";speak:never;-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}.badge-icon{position:relative;top:-1px;display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;box-sizing:border-box;border:1px solid var(--indicator-border-color);border-radius:var(--small-border-radius);color:var(--indicator-icon-color);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)}[data-icon-size=large][data-icon]:before,[data-icon-size=large][data-icon-after]:after{font-size:20px}[data-icon-size=small][data-icon]:before,[data-icon-size=small][data-icon-after]:after{font-size:14px}[data-icon-size=puny][data-icon]:before,[data-icon-size=puny][data-icon-after]:after{font-size:12px}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\"}.action-btn:before{content:\"ellipsis\"}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}a[aria-current]{cursor:default}body.underline-links a,a:hover{text-decoration:underline}a .cp-icon svg rect,a .cp-icon svg circle,a .cp-icon svg ellipse,a .cp-icon svg line,a .cp-icon svg polyline,a .cp-icon svg polygon,a .cp-icon svg path,a .cp-icon svg text{fill:var(--link-color);stroke-width:0}a:not([href]){color:inherit;cursor:inherit}body.underline-links a:not([href]),a:not([href]):hover{text-decoration:none}a.iconlink:before{width:1rem}body.ltr a.iconlink:before{margin-right:var(--xs)}body.rtl a.iconlink:before{margin-left:var(--xs)}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\"}body.ltr a [data-icon=external]{margin-left:var(--xs)}body.rtl a [data-icon=external]{margin-right:var(--xs)}button{cursor:pointer}.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:never;-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}.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)}.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(37, 99, 235, 0.2), rgba(37, 99, 235, 0) 50%)}body.rtl .so-notice>.draft-notice{background-image:linear-gradient(to left, rgba(37, 99, 235, 0.2), rgba(37, 99, 235, 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(30,64,175,.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(30,58,138,.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:#1555e2}.draft-notice .discard-changes-btn:active{border-color:#134cca}.revision-notice{display:flex;align-items:center;align-content:stretch;justify-content:center;gap:var(--s);color:var(--gray-600)}#content-notice .revision-notice{display:inline-flex;justify-content:flex-start}.revision-notice p{flex:1;margin:0}.revision-notice .revision-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(51,64,77,.2);box-sizing:border-box;box-shadow:0 1px 1px 1px var(--white)}.revision-notice .revision-icon:before{position:relative;left:1px;color:var(--grey-800) !important;font-size:18px}.revision-notice .revision-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(30,58,138,.2)}button.toggle{appearance:none;color:inherit;background:none;border:none;padding:0}.toggle:before,a.fieldtoggle:before{display:block;content:\"\";font-size:0;width:.4375rem;height:.4375rem;border:solid currentColor;border-width:0 .125rem .125rem 0;opacity:.8;position:relative;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}ul.errors em{font-style:normal}strong,b,i em{font-weight:bold}.readable{font-size:16px;line-height:22px}.readable h1,.readable .h1,.readable h2,.readable .h2,.readable h3,.readable .h3,.readable h4,.readable .h4,.readable h5,.readable .h5,.readable h6,.readable .h6{margin:24px 0 16px;font-weight:600}.readable h1,.readable .h1{font-size:32px;line-height:40px;color:#000}.readable h2,.readable .h2{font-size:24px;line-height:30px}.readable h3,.readable .h3{font-size:20px;line-height:24px}.readable h4,.readable .h4{font-size:16px;line-height:20px}.readable h5,.readable .h5{font-size:14px;line-height:18px}.readable h6,.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 .tip-dismiss-btn{position:absolute;top:12px}body.ltr .readable .tip-dismiss-btn{right:12px}body.rtl .readable .tip-dismiss-btn{left:12px}.readable .tip-dismiss-btn+p{margin-top:0}.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:50px}body.rtl .readable blockquote.note{padding-right:50px}body.ltr .readable blockquote.note.dismissible{padding-right:36px}body.rtl .readable blockquote.note.dismissible{padding-left:36px}.readable blockquote.note:not(.tip):not(.warning){border-color:#dc2626;color:#bf503f}.readable blockquote.note:not(.tip):not(.warning):before{content:\"alert\";color:#dc2626}.readable blockquote.note.tip{border-color:#1f5fea;color:#1f5fea}.readable blockquote.note.tip:before{content:\"lightbulb\";color:#1f5fea}.readable blockquote.note.warning{border-color:#854d0e;color:#cf783a}.readable blockquote.note.warning:before{content:\"alert\";color:#854d0e}.readable blockquote.note:before{font-family:\"Craft\";speak:never;-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:1;position:absolute;top:15px;font-size:24px;width:24px}body.ltr .readable blockquote.note:before{left:16px}body.rtl .readable blockquote.note:before{right:16px}.readable blockquote.note a[href]{color:currentColor;text-decoration:underline}.readable .go:after{font-size:14px}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:12px;color:var(--rose-500)}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:never;-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;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:never;-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;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:not(.disabled){cursor:move}.icon.move:before{content:\"move\";color:var(--custom-text-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:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width: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:never;-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;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}.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}body.ltr .customize-sources-modal.sidebar-hidden{padding-left:0}body.rtl .customize-sources-modal.sidebar-hidden{padding-right:0}.customize-sources-modal.sidebar-hidden>.cs-sidebar{display:none}.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{--selected-item-color: var(--white);display:flex;width:calc(100% - 1px);box-sizing:border-box;align-items:center;position:relative;margin-top:-1px;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{--focus-ring: 0 0 0 1px hsl(var(--light-focus-hsl)), 0 0 0 3px hsla(var(--light-focus-hsl), 0.7);--ui-control-color: var(--selected-item-color);background-color:var(--dark-sel-color);color:var(--selected-item-color);z-index:1}.customize-sources-item .label{flex:1}.customize-sources-item.heading .label{text-transform:uppercase;color:var(--light-text-color);font-size:12px;font-weight:bold}.customize-sources-item.heading.sel .label{color:var(--selected-item-color)}.customize-sources-item__move{position:absolute;top:50%;transform:translate(-50%, -50%);justify-content:center;align-items:center}body.ltr .customize-sources-item__move{right:0}body.rtl .customize-sources-item__move{left:0}.customize-sources-item__move.icon{display:flex;text-decoration:none}.customize-sources-item__btn{padding:8px 14px;margin:3px}body.ltr .customize-sources-item__btn{padding-right:30px}body.rtl .customize-sources-item__btn{padding-left:30px}.checkbox-select-item{display:flex;align-items:flex-start;align-content:stretch;margin-bottom:4px}.checkbox-select-item .move{margin-top:-3px;position:relative;z-index:1}body.ltr .checkbox-select-item .move{margin-right:10px}body.rtl .checkbox-select-item .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:.4375rem;height:.4375rem;border:solid var(--light-text-color);border-width:0 .0625rem .0625rem 0;opacity:.8;position:relative}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:var(--s);min-height:34px}.toolbar.flex,.toolbar .flex{align-items:flex-start}.toolbar .text{border-radius:var(--large-border-radius) !important}.flex{display:flex;align-items:center;align-content:stretch;gap:var(--s)}.flex.flex-gap-xs{gap:var(--xs)}.flex.flex-gap-m{gap:var(--m)}.flex.flex-gap-l{gap:var(--l)}.flex.flex-gap-xl{gap:var(--xl)}.flex:not(.flex-nowrap){flex-wrap:wrap}.flex>*.label{white-space:nowrap}.centeralign .flex{justify-content:center}.inline-flex{display:inline-flex !important;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;max-width:100%}.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(--ui-control-border-radius);padding:7px 10px;border:none;text-align:center;white-space:nowrap;user-select:none;box-sizing:border-box;appearance:none;color:currentColor;font-size:inherit;background-color:var(--ui-control-bg-color)}.btn:not([aria-current]){cursor:pointer}.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.hairline{border:1px solid var(--medium-hairline-color);background-color:rgba(0,0,0,0)}.btn.hairline:hover,.btn.hairline:active,.btn.hairline[aria-expanded=true]{border-color:var(--dark-hairline-color)}.btn.hairline:active,.btn.hairline[aria-expanded=true]{background-color:var(--ui-control-static-bg-color)}.btn.wrap{height:auto;min-height:34px;white-space:initial;text-align:left}.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]):focus,.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]).focus,.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]):hover{--ui-control-bg-color: var(--ui-control-hover-bg-color)}.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]):active,.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]).active,.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current])[aria-expanded=true]{--ui-control-bg-color: var(--ui-control-active-bg-color)}.btn[type=color]{padding:6px !important;width:36px}.btn.active,.btn.loading{cursor:default}.btn:hover{text-decoration:none}.btn:empty,.btn.btn-empty{padding-left:12px;padding-right:12px}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:not(.action-btn)[data-icon]:empty:before,body.ltr .btn.menubtn:not(.action-btn)[data-icon].btn-empty:before,body.ltr .btn.menubtn:not(.action-btn).icon:empty:before,body.ltr .btn.menubtn:not(.action-btn).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:not(.action-btn)[data-icon]:empty:before,body.rtl .btn.menubtn:not(.action-btn)[data-icon].btn-empty:before,body.rtl .btn.menubtn:not(.action-btn).icon:empty:before,body.rtl .btn.menubtn:not(.action-btn).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}.btn [data-icon]{margin-top:-3px}body.ltr .btn [data-icon]{margin-right:5px}body.rtl .btn [data-icon]{margin-left:5px}.btn [data-icon].light:before{color:var(--gray-300)}.disabled{opacity:.25;pointer-events:none;user-select:none}.noteditable{cursor:not-allowed}.noteditable .element,.noteditable .lightswitch-container,.noteditable+.colorhex{cursor:not-allowed}.btn,.spinner{height:var(--ui-control-height)}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(.action-btn):not(:empty):not(.btn-empty):after,body.ltr .menubtn:not(.action-btn).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(.action-btn):not(:empty):not(.btn-empty):after,body.rtl .menubtn:not(.action-btn).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;border-radius:var(--large-border-radius)}.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}.btngroup--exclusive .btn[aria-pressed=true]:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]){background-color:var(--gray-500);color:var(--white)}.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 .copytextbtn__icon{padding:0;width:13px;background:none;margin-top:-3px;color:var(--light-text-color)}body.ltr .copytextbtn .copytextbtn__icon{margin-left:5px}body.rtl .copytextbtn .copytextbtn__icon{margin-right:5px}.copytextbtn:hover,.copytextbtn:focus{border-color:var(--medium-hairline-color);color:var(--text-color)}.copytextbtn:hover .copytextbtn__value,.copytextbtn:focus .copytextbtn__value{color:var(--text-color)}.copytextbtn.small{padding:0 5px}.copytextbtn.small .copytextbtn__value{font-size:.6875rem}.menu-toggle,.menubtn:not(.action-btn){display:inline-flex;align-items:center;user-select:none}.menu-toggle:after,.menubtn:not(.action-btn):after{display:block;content:\"\";font-size:0;width:.4375rem;height:.4375rem;border:solid currentColor;border-width:0 .125rem .125rem 0;opacity:.8;position:relative;transform:rotate(45deg);position:relative}.menu-toggle.btn:after,.menubtn:not(.action-btn).btn:after{top:-1px}.menu-toggle.btn:not(.disabled):not(.inactive):active:after,.menu-toggle.btn:not(.disabled):not(.inactive).active:after,.menubtn:not(.action-btn).btn:not(.disabled):not(.inactive):active:after,.menubtn:not(.action-btn).btn:not(.disabled):not(.inactive).active:after{border-color:var(--ui-control-active-color)}.menu-toggle.btn.submit:after,.menubtn:not(.action-btn).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:not(.action-btn).btn.submit:not(.disabled):not(.inactive):hover:after,.menubtn:not(.action-btn).btn.submit:not(.disabled):not(.inactive).hover:after,.menubtn:not(.action-btn).btn.submit:not(.disabled):not(.inactive):active:after,.menubtn:not(.action-btn).btn.submit:not(.disabled):not(.inactive).active:after{opacity:1}.menu-toggle:not(.btn):not(.icon),.menubtn:not(.action-btn):not(.btn):not(.icon){height:17px}.menu-toggle:not(.btn):not(.icon):after,.menubtn:not(.action-btn):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:not(.action-btn):empty,body.ltr .menubtn:not(.action-btn).btn-empty{padding-left:8px}body.rtl .menu-toggle:empty,body.rtl .menu-toggle.btn-empty,body.rtl .menubtn:not(.action-btn):empty,body.rtl .menubtn:not(.action-btn).btn-empty{padding-right:8px}body.ltr .menu-toggle:empty,body.ltr .menu-toggle.btn-empty,body.ltr .menubtn:not(.action-btn):empty,body.ltr .menubtn:not(.action-btn).btn-empty{padding-right:8px}body.rtl .menu-toggle:empty,body.rtl .menu-toggle.btn-empty,body.rtl .menubtn:not(.action-btn):empty,body.rtl .menubtn:not(.action-btn).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:var(--elements-busy-top-position);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 var(--s) !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.huge{padding:var(--l);line-height:48px;height:48px}.btn.submit,.btn.secondary{color:var(--white) !important;--ui-control-active-color: var(--white);-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:#c82020 !important}.btn.submit:not(.disabled):not(.inactive):not(.loading):active,.btn.submit:not(.disabled):not(.inactive):not(.loading).active,.btn.submit:not(.disabled):not(.inactive):not(.loading)[aria-expanded=true]{background-color:#b21d1d !important}.btn.caution{background-color:var(--red-050) !important;color:var(--error-color)}.btn.caution:hover,.btn.caution.hover,.btn.caution:focus{background-color:#fcdada !important}.btn.caution:active,.btn.caution.active,.btn.caution[aria-expanded=true]{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,.secondary-buttons .btn.submit:not(.disabled):not(.inactive):not(.loading)[aria-expanded=true],.btn.secondary:not(.disabled):not(.inactive):not(.loading):active,.btn.secondary:not(.disabled):not(.inactive):not(.loading).active,.btn.secondary:not(.disabled):not(.inactive):not(.loading)[aria-expanded=true]{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,.btn.dashed:not(.disabled)[aria-expanded=true]{background-color:rgba(205,216,228,.25)}.chevron-btns{display:flex;justify-content:flex-start}.chevron-btns .btn{position:relative;padding:0;border-radius:0;background-color:rgba(0,0,0,0)}.chevron-btns .btn.current-step,.chevron-btns .btn.active-drop-target{color:var(--white);--text-color: var(--white);--ui-control-color: var(--white);--ui-control-bg-color: var(--gray-500);--ui-control-hover-bg-color: #55616d;--ui-control-active-bg-color: #4a545e}.chevron-btns .btn.current-step{-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)}.chevron-btns .btn:focus{z-index:1;box-shadow:none}.chevron-btns .btn:focus .label{z-index:1;box-shadow:var(--focus-ring)}.reduce-focus-visibility .chevron-btns .btn:focus:not(:focus-visible) .label{box-shadow:none}.reduce-focus-visibility .chevron-btns .btn:focus-visible .label{box-shadow:var(--focus-ring)}body.ltr .chevron-btns .btn:not(.has-action-menu){padding-right:calc(var(--ui-control-height)/2)}body.rtl .chevron-btns .btn:not(.has-action-menu){padding-left:calc(var(--ui-control-height)/2)}body.ltr .chevron-btns .btn:not(.has-action-menu){margin-right:2.8px}body.rtl .chevron-btns .btn:not(.has-action-menu){margin-left:2.8px}body.ltr .chevron-btns .btn:not(.has-action-menu):not(.current-step[data-disclosure-trigger]) .btn-body{padding-right:5px}body.rtl .chevron-btns .btn:not(.has-action-menu):not(.current-step[data-disclosure-trigger]) .btn-body{padding-left:5px}body.ltr .chevron-btns .btn.current-step[data-disclosure-trigger] .btn-body{padding-left:8px}body.rtl .chevron-btns .btn.current-step[data-disclosure-trigger] .btn-body{padding-right:8px}.chevron-btns .btn.current-step[data-disclosure-trigger] .btn-body .label{padding:3px}.chevron-btns .btn.current-step[data-disclosure-trigger] .btn-body .label:after{display:block;content:\"\";font-size:0;width:.4375rem;height:.4375rem;border:solid currentColor;border-width:0 .125rem .125rem 0;opacity:.8;position:relative;transform:rotate(45deg);position:relative}.chevron-btns .btn .btn-body{display:inline-flex;align-items:center;justify-content:center;height:var(--ui-control-height);background-color:var(--ui-control-bg-color)}.chevron-btns .btn .btn-body [data-icon]{--ui-control-height: calc((13rem / 16));text-align:center}body.ltr .chevron-btns .btn .btn-body [data-icon]{margin-right:0}body.rtl .chevron-btns .btn .btn-body [data-icon]{margin-left:0}.chevron-btns .btn .label{display:inline-flex;align-items:center;overflow:hidden;text-overflow:ellipsis}body.ltr .chevron-btns .btn.has-action-menu .btn-body{padding-right:1px}body.rtl .chevron-btns .btn.has-action-menu .btn-body{padding-left:1px}body.ltr .chevron-btns .btn.has-action-menu .btn-body{margin-right:0}body.rtl .chevron-btns .btn.has-action-menu .btn-body{margin-left:0}.chevron-btns .btn .chevron-right,.chevron-btns .btn .chevron-left{position:absolute;top:0;height:100%;width:calc(var(--ui-control-height)/2)}.chevron-btns .btn .chevron-left{border-top:calc(var(--ui-control-height)/2) solid var(--ui-control-bg-color)}body.ltr .chevron-btns .btn .chevron-left{left:0}body.rtl .chevron-btns .btn .chevron-left{right:0}body.ltr .chevron-btns .btn .chevron-left{border-left:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0)}body.rtl .chevron-btns .btn .chevron-left{border-right:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0)}.chevron-btns .btn .chevron-left:after{display:block;content:\"\";font-size:0;position:absolute;bottom:0;border-bottom:calc(var(--ui-control-height)/2) solid var(--ui-control-bg-color)}body.ltr .chevron-btns .btn .chevron-left:after{right:0}body.rtl .chevron-btns .btn .chevron-left:after{left:0}body.ltr .chevron-btns .btn .chevron-left:after{border-left:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0)}body.rtl .chevron-btns .btn .chevron-left:after{border-right:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0)}.chevron-btns .btn .chevron-right{border-top:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0);border-bottom:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0)}body.ltr .chevron-btns .btn .chevron-right{right:0}body.rtl .chevron-btns .btn .chevron-right{left:0}body.ltr .chevron-btns .btn .chevron-right{border-left:calc(var(--ui-control-height)/2) solid var(--ui-control-bg-color)}body.rtl .chevron-btns .btn .chevron-right{border-right:calc(var(--ui-control-height)/2) solid var(--ui-control-bg-color)}.chevron-btns ol{position:relative;list-style-type:none;display:flex}body.ltr .chevron-btns ol{padding-left:0}body.rtl .chevron-btns ol{padding-right:0}body.ltr .chevron-btns ol li.first-step .btn .btn-body{padding-left:14px}body.rtl .chevron-btns ol li.first-step .btn .btn-body{padding-right:14px}body.ltr .chevron-btns ol li.first-step .btn .btn-body{border-radius:var(--ui-control-border-radius) 0 0 var(--ui-control-border-radius)}body.rtl .chevron-btns ol li.first-step .btn .btn-body{border-radius:0 var(--ui-control-border-radius) var(--ui-control-border-radius) 0}.chevron-btns ol li.first-step .btn .chevron-left{display:none}body.ltr .chevron-btns ol li:not(.first-step) .btn{margin-left:calc(-1*var(--ui-control-height)/2)}body.rtl .chevron-btns ol li:not(.first-step) .btn{margin-right:calc(-1*var(--ui-control-height)/2)}body.ltr .chevron-btns ol li:not(.first-step) .btn{padding-left:calc(var(--ui-control-height)/2)}body.rtl .chevron-btns ol li:not(.first-step) .btn{padding-right:calc(var(--ui-control-height)/2)}body.ltr .chevron-btns ol li:not(.first-step) .btn .btn-body{padding-left:7px}body.rtl .chevron-btns ol li:not(.first-step) .btn .btn-body{padding-right:7px}.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):not(.noteditable){cursor:pointer}.color:not(.small){background-image:linear-gradient(45deg, rgba(154, 165, 177, 0.25) 25%, transparent 25%),linear-gradient(135deg, rgba(154, 165, 177, 0.25) 25%, transparent 25%),linear-gradient(45deg, transparent 75%, rgba(154, 165, 177, 0.25) 75%),linear-gradient(135deg, transparent 75%, rgba(154, 165, 177, 0.25) 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, rgba(154, 165, 177, 0.25) 25%, transparent 25%),linear-gradient(135deg, rgba(154, 165, 177, 0.25) 25%, transparent 25%),linear-gradient(45deg, transparent 75%, rgba(154, 165, 177, 0.25) 75%),linear-gradient(135deg, transparent 75%, rgba(154, 165, 177, 0.25) 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;max-width:100%;padding-left:7px;padding-right:7px}.lightswitch-outer-container .lightswitch-inner-container span{flex-grow:1;padding:7px 0;color:var(--medium-text-color);cursor:default;overflow:auto;overflow-wrap:break-word;hyphens:auto}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}.lightswitch-outer-container .lightswitch-inner-container span[data-toggle=off]{text-align:right}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}body.rtl .lightswitch-outer-container .lightswitch-inner-container span[data-toggle=off]{text-align:left}.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;min-width:34px;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:1.875rem;height:1.875rem;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:.4375rem;height:.4375rem;border:solid var(--light-text-color);border-width:0 .125rem .125rem 0;opacity:.8;position:relative}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:.4375rem;height:.4375rem;border:solid var(--light-text-color);border-width:0 .125rem .125rem 0;opacity:.8;position:relative}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)}body:not(.reduce-focus-visibility) .pagination .page-link:not(.disabled):focus,body.reduce-focus-visibility .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{--pane-y-padding-default: calc(var(--xl) - 2px);--pane-x-padding-default: calc(var(--padding) - 2px);margin:calc(var(--pane-padding, var(--pane-y-padding-default))*-1) calc(var(--pane-padding, var(--pane-x-padding-default))*-1) calc(var(--pane-padding, var(--padding))*-1 + var(--pane-padding, var(--m)));padding:0 !important;overflow-x:auto}body.ltr .tablepane table.data th:first-child,body.ltr .tablepane table.data td:first-child{padding-left:var(--m)}body.rtl .tablepane table.data th:first-child,body.rtl .tablepane table.data td:first-child{padding-right:var(--m)}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% - .5rem)}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(--border-radius, var(--small-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(--border-radius, var(--small-border-radius))}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-bottom-left-radius:var(--border-radius, var(--small-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-bottom-right-radius:var(--border-radius, var(--small-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(--border-radius, var(--small-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(--border-radius, var(--small-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-bottom-right-radius:var(--border-radius, var(--small-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-bottom-left-radius:var(--border-radius, var(--small-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:var(--s);padding-bottom:var(--s)}table.data thead th{white-space:nowrap;vertical-align:middle}table.data thead th.orderable{position:relative;padding:0 !important}body:not(.dragging) 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:.4375rem;height:.4375rem;border:solid currentColor;border-width:0 .125rem .125rem 0;opacity:.8;position:relative;transform:rotate(225deg);top:2px;position:absolute;top:calc(50% - 3px)}body.ltr table.data thead th.orderable.ordered:not(.loading) button:after{right:var(--m)}body.rtl table.data thead th.orderable.ordered:not(.loading) button:after{left:var(--m)}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:var(--pane-padding, var(--m)) var(--m)}body.ltr table.data thead th.orderable button{padding-right:35px}body.rtl table.data thead th.orderable button{padding-left:35px}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{--hover-bg-color: var(--gray-050);--selected-bg-color: var(--dark-sel-color)}table.data tbody tr:not(.disabled):hover th,table.data tbody tr:not(.disabled):hover td{background-color:var(--hover-bg-color)}table.data tbody tr:not(.disabled):focus{position:relative;z-index:1}table.data tbody tr:not(.disabled).sel,table.data tbody tr:not(.disabled).active-drop-target{--text-color: var(--white);--medium-dark-text-color: var(--white);--medium-text-color: var(--white);--light-text-color: var(--white);--link-color: var(--white);--ui-control-color: var(--white);--focus-ring: 0 0 0 3px hsl(var(--light-focus-hsl))}table.data tbody tr:not(.disabled).sel th,table.data tbody tr:not(.disabled).sel td,table.data tbody tr:not(.disabled).active-drop-target th,table.data tbody tr:not(.disabled).active-drop-target td{color:var(--white);background-color:var(--selected-bg-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.data tr.sel:not(.draggee)+tr.sel:not(.draggee) th,table.data tr.sel:not(.draggee)+tr.sel:not(.draggee) td{border-top-color:var(--gray-300)}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{background-color:var(--white);box-shadow:0 1px 5px -1px rgba(31,41,51,.2)}.datatablesorthelper,.datatablesorthelper .chip,.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}.chip,.card{color:var(--custom-text-color, var(--text-color));background-color:var(--custom-bg-color, var(--gray-050))}.chip{position:relative;display:inline-flex;align-items:center;cursor:default;user-select:none;font-weight:normal;padding:var(--xs) var(--s);max-width:100%;gap:var(--xs);border-radius:var(--large-border-radius)}.chip.small{flex-direction:row;height:calc(1.625rem + 8px);--thumb-size: calc(30rem / 16)}.chip.small>.thumb{margin:calc(var(--xs)*-1 + 2px) calc(var(--s)*-1 + 2px)}body.ltr .chip.small>.thumb{margin-right:2px}body.rtl .chip.small>.thumb{margin-left:2px}.chip.small>.thumb.cp-icon{--thumb-size: 1rem}body.ltr .chip.small>.thumb.cp-icon{margin-left:-2px}body.rtl .chip.small>.thumb.cp-icon{margin-right:-2px}.chip.large{flex-direction:column;--thumb-size: 120px;min-width:calc(var(--s)*2 + var(--thumb-size))}.chip.large .chip-content{width:100%}.chip .chip-content{display:flex;flex-direction:row;align-items:center;gap:var(--s);max-width:100%}body.ltr .chip .chip-content .status,body.ltr .chip .chip-content .icon{margin-right:0}body.rtl .chip .chip-content .status,body.rtl .chip .chip-content .icon{margin-left:0}.chip .chip-content .icon{margin:-4px -1px 0}.chip.sel,li.sel .chip,li.active-drop-target .chip{--text-color: var(--white);--custom-text-color: var(--white) !important;--medium-dark-text-color: var(--white);--medium-text-color: var(--white);--light-text-color: var(--white);--link-color: var(--white);--ui-control-color: var(--white);--focus-ring: 0 0 0 3px hsl(var(--light-focus-hsl));color:var(--white);background-color:var(--custom-sel-bg-color, var(--dark-sel-color)) !important}.chip.sel .cp-icon,li.sel .chip .cp-icon,li.active-drop-target .chip .cp-icon{--icon-color: var(--white) !important}.chip.sel,.sel .chip{cursor:default}.chip.sel .thumb,.sel .chip .thumb{filter:brightness(0.85)}.chip.sel .thumb img,.sel .chip .thumb img{box-shadow:0 0 0 1px rgba(96,109,123,.1),0 6px 4px -4px rgba(96,109,123,.2)}.offset-drag-helper .chip{background-color:var(--gray-050);box-shadow:0 1px 5px -1px rgba(31,41,51,.2)}.chip>.thumb{position:relative;display:flex;align-items:center;justify-content:center;width:var(--thumb-size);height:var(--thumb-size)}.chip>.thumb.rounded img,.chip>.thumb.rounded svg{border:var(--xs) solid rgba(0,0,0,0);border-radius:50%}.chip>.thumb.checkered img{background-image:linear-gradient(45deg, rgba(154, 165, 177, 0.25) 25%, transparent 25%),linear-gradient(135deg, rgba(154, 165, 177, 0.25) 25%, transparent 25%),linear-gradient(45deg, transparent 75%, rgba(154, 165, 177, 0.25) 75%),linear-gradient(135deg, transparent 75%, rgba(154, 165, 177, 0.25) 75%);background-size:8px 8px;background-position:0 0,4px 0,4px -4px,0 4px}.chip>.thumb img,.chip>.thumb svg{display:block;flex-shrink:0;border-radius:var(--small-border-radius);max-width:100%;max-height:100%}.cp-icon{display:flex;align-items:center;justify-content:center;width:var(--icon-size);height:var(--icon-size);max-width:var(--icon-size)}.cp-icon svg{width:var(--icon-size);height:var(--icon-size);max-width:var(--icon-size) !important;max-height:var(--icon-size) !important}.cp-icon svg rect,.cp-icon svg circle,.cp-icon svg ellipse,.cp-icon svg line,.cp-icon svg polyline,.cp-icon svg polygon,.cp-icon svg path,.cp-icon svg text{fill:var(--icon-color, var(--ui-control-color));stroke-width:0}.cp-icon.large{--icon-size: calc(20rem / 16)}.cp-icon.small{--icon-size: calc(14rem / 16)}.cp-icon.puny{--icon-size: calc(12rem / 16)}.chips,.cards{display:flex;--custom-bg-color: initial;--custom-text-color: initial;--custom-sel-bg-color: initial}.chips:not(.inline-chips),.cards:not(.inline-chips){flex-direction:column}.chips li,.cards li{max-width:100%}.cards{gap:var(--s)}.chips{align-items:flex-start;gap:var(--xs)}.inline-chips{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--xs)}.inline-chips .chip{margin:0 !important}.card{position:relative;display:flex;flex-direction:row;align-items:stretch;padding:var(--m);gap:var(--m);border-radius:var(--large-border-radius);cursor:default;user-select:none;width:100%}.card:after{border-radius:var(--large-border-radius)}.card.sel,li.sel .card{--text-color: var(--white);--custom-text-color: var(--white) !important;--medium-dark-text-color: var(--white);--medium-text-color: var(--white);--light-text-color: var(--white);--link-color: var(--white);--ui-control-color: var(--white);--focus-ring: 0 0 0 3px hsl(var(--light-focus-hsl));color:var(--white);background-color:var(--custom-sel-bg-color, var(--dark-sel-color)) !important}.card.sel>.thumb,li.sel .card>.thumb{background-color:var(--dark-sel-color) !important;filter:brightness(0.85)}.card>.thumb{position:relative;display:flex;align-items:stretch;margin:calc(var(--m)*-1);width:120px;min-width:120px;min-height:calc(var(--m)*2 + var(--lh)*3 + var(--xs));background-color:var(--gray-100);overflow:hidden}body.ltr .card>.thumb{margin-right:0}body.rtl .card>.thumb{margin-left:0}.card>.thumb:after{display:block;content:\"\";font-size:0;position:absolute;top:0;bottom:0;box-shadow:0 1px 5px -1px rgba(31,41,51,.2);width:10px}body.ltr .card>.thumb:after{right:-10px}body.rtl .card>.thumb:after{left:-10px}body.ltr .card>.thumb,body.ltr .card>.thumb:after{border-radius:var(--large-border-radius) 0 0 var(--large-border-radius)}body.rtl .card>.thumb,body.rtl .card>.thumb:after{border-radius:0 var(--large-border-radius) var(--large-border-radius) 0}.card>.thumb img,.card>.thumb svg{width:100%;max-height:120px;object-fit:cover}body.ltr .card>.cp-icon{margin:0 -4px 0 -2px}body.rtl .card>.cp-icon{margin:0 -2px 0 -4px}.card .card-content,.card .card-content .card-body{display:flex;flex-direction:column;gap:var(--xs);flex:1}.card .card-content{margin:calc((1rem - var(--lh))/2) 0;flex:1 0 0 !important;overflow:hidden;position:relative;--focus-ring: var(--inner-focus-ring)}.card .card-content .card-heading{display:flex;flex-direction:row;align-items:center;gap:5px}.card .card-content .card-heading .status{margin:0;flex:0 0 10px}.card .card-content .card-heading .label{font-weight:600}.card .card-content .card-body:empty{display:none}.card .card-content .card-body>*{--max-lines: 2;margin:0;max-height:calc(var(--lh)*var(--max-lines));overflow:hidden;text-wrap:pretty}.card>.card-actions-container{display:flex;align-items:flex-start !important;position:relative}.card-grid{display:grid !important;gap:var(--s) !important;grid-template-columns:repeat(auto-fill, minmax(360px, 1fr))}.card-grid>li{border-radius:var(--large-border-radius)}.card-grid>li>.card{margin:0 !important;height:100%}.context-label,.context-menu-container{display:inline-flex;align-items:center;height:var(--touch-target-size);padding:0 var(--s);font-size:11px;font-weight:normal;text-decoration:none !important;color:var(--light-text-color);border-radius:calc(var(--touch-target-size)/2);border:1px solid var(--medium-hairline-color)}body.ltr .context-label,body.ltr .context-menu-container{margin-left:var(--xs)}body.rtl .context-label,body.rtl .context-menu-container{margin-right:var(--xs)}body.ltr .context-menu-container{padding-right:0}body.rtl .context-menu-container{padding-left:0}body.ltr .context-menu-container .menubtn:not(.action-btn){margin:0 -1px 0 0}body.rtl .context-menu-container .menubtn:not(.action-btn){margin:0 0 0 -1px}body.ltr .context-menu-container .menubtn:not(.action-btn){padding-right:2px !important}body.rtl .context-menu-container .menubtn:not(.action-btn){padding-left:2px !important}body.ltr .context-menu-container .menubtn:not(.action-btn){border-left:1px solid var(--medium-hairline-color)}body.rtl .context-menu-container .menubtn:not(.action-btn){border-right:1px solid var(--medium-hairline-color)}body.ltr .context-menu-container .menubtn:not(.action-btn){border-radius:0 calc(var(--touch-target-size)/2) calc(var(--touch-target-size)/2) 0}body.rtl .context-menu-container .menubtn:not(.action-btn){border-radius:calc(var(--touch-target-size)/2) 0 0 calc(var(--touch-target-size)/2)}.context-menu-container .menubtn:not(.action-btn):hover{border-color:var(--dark-hairline-color) !important}.context-menu-container>*{display:inline-block}body.ltr .context-menu-container>*{padding-right:var(--s)}body.rtl .context-menu-container>*{padding-left:var(--s)}.context-menu-container .menubtn:not(.action-btn):only-child,.context-menu-container .visually-hidden:first-child+.menubtn:not(.action-btn):last-child{margin:0 calc(var(--s)*-1);border-left:none !important;border-radius:calc(var(--touch-target-size)/2) !important}.chip .checkbox:before,.card .checkbox:before{box-shadow:none !important}.chip .label,.card .label{display:flex;align-items:center;gap:var(--xs);overflow:hidden}.chip .label .label-link,.card .label .label-link{flex:1 1 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chip .label .label-link:focus,.card .label .label-link:focus{box-shadow:var(--inner-focus-ring)}.chip .label .segment:after,.card .label .segment:after{display:inline-flex !important;position:relative;top:-2px;display:block;content:\"\";font-size:0;width:.4375rem;height:.4375rem;border:solid var(--light-text-color);border-width:0 .0625rem .0625rem 0;opacity:.8;position:relative}body.ltr .chip .label .segment:after,body.ltr .card .label .segment:after{margin:0 5px 0 2px}body.rtl .chip .label .segment:after,body.rtl .card .label .segment:after{margin:0 2px 0 5px}body.ltr .chip .label .segment:after,body.ltr .card .label .segment:after{transform:rotate(-45deg)}body.rtl .chip .label .segment:after,body.rtl .card .label .segment:after{transform:rotate(135deg)}.sel .chip .label .segment:after,.sel .card .label .segment:after{display:block;content:\"\";font-size:0;width:.4375rem;height:.4375rem;border:solid var(--white);border-width:0 .0625rem .0625rem 0;opacity:.8;position:relative}body.ltr .sel .chip .label .segment:after,body.ltr .sel .card .label .segment:after{transform:rotate(-45deg)}body.rtl .sel .chip .label .segment:after,body.rtl .sel .card .label .segment:after{transform:rotate(135deg)}.chip>.chip-content>.chip-actions,.chip>.card-actions-container>.card-actions,.card>.chip-content>.chip-actions,.card>.card-actions-container>.card-actions{display:flex;flex-direction:row;align-items:center;gap:var(--s);min-height:1rem}.chip>.chip-content>.chip-actions:empty,.chip>.card-actions-container>.card-actions:empty,.card>.chip-content>.chip-actions:empty,.card>.card-actions-container>.card-actions:empty{display:none}.chip>.chip-content>.chip-actions>.status,.chip>.card-actions-container>.card-actions>.status,.card>.chip-content>.chip-actions>.status,.card>.card-actions-container>.card-actions>.status{margin:0}.chip>.chip-content>.chip-actions>.action-btn,.chip>.chip-content>.chip-actions>.move,.chip>.card-actions-container>.card-actions>.action-btn,.chip>.card-actions-container>.card-actions>.move,.card>.chip-content>.chip-actions>.action-btn,.card>.chip-content>.chip-actions>.move,.card>.card-actions-container>.card-actions>.action-btn,.card>.card-actions-container>.card-actions>.move{height:var(--touch-target-size);width:var(--touch-target-size);margin:0 -4px}.chip>.chip-content>.chip-actions>.action-btn:before,.chip>.chip-content>.chip-actions>.move:before,.chip>.card-actions-container>.card-actions>.action-btn:before,.chip>.card-actions-container>.card-actions>.move:before,.card>.chip-content>.chip-actions>.action-btn:before,.card>.chip-content>.chip-actions>.move:before,.card>.card-actions-container>.card-actions>.action-btn:before,.card>.card-actions-container>.card-actions>.move:before{color:var(--custom-text-color, var(--ui-control-color))}.chip>.chip-content>.chip-actions .action-btn,.chip>.card-actions-container>.card-actions .action-btn,.card>.chip-content>.chip-actions .action-btn,.card>.card-actions-container>.card-actions .action-btn{background-color:rgba(0,0,0,0)}body.ltr .chip>.chip-content>.chip-actions .action-btn:before,body.ltr .chip>.card-actions-container>.card-actions .action-btn:before,body.ltr .card>.chip-content>.chip-actions .action-btn:before,body.ltr .card>.card-actions-container>.card-actions .action-btn:before{margin-right:0 !important}body.rtl .chip>.chip-content>.chip-actions .action-btn:before,body.rtl .chip>.card-actions-container>.card-actions .action-btn:before,body.rtl .card>.chip-content>.chip-actions .action-btn:before,body.rtl .card>.card-actions-container>.card-actions .action-btn:before{margin-left:0 !important}.chip>.chip-content>.chip-actions .action-btn:hover,.chip>.chip-content>.chip-actions .action-btn:active,.chip>.chip-content>.chip-actions .action-btn[aria-expanded=true],.chip>.card-actions-container>.card-actions .action-btn:hover,.chip>.card-actions-container>.card-actions .action-btn:active,.chip>.card-actions-container>.card-actions .action-btn[aria-expanded=true],.card>.chip-content>.chip-actions .action-btn:hover,.card>.chip-content>.chip-actions .action-btn:active,.card>.chip-content>.chip-actions .action-btn[aria-expanded=true],.card>.card-actions-container>.card-actions .action-btn:hover,.card>.card-actions-container>.card-actions .action-btn:active,.card>.card-actions-container>.card-actions .action-btn[aria-expanded=true]{backdrop-filter:brightness(90%)}.chip>.chip-content>.chip-actions .move,.chip>.card-actions-container>.card-actions .move,.card>.chip-content>.chip-actions .move,.card>.card-actions-container>.card-actions .move{margin-top:-3px !important}.chip.error .label .label-link,.card.error .label .label-link{color:var(--error-color)}.element-index .source-path{background-color:var(--gray-050);border-radius:3px;--ui-control-bg-color: var(--light-sel-color);--ui-control-hover-bg-color: #bdcbdb;--ui-control-active-bg-color: #acbed2}.element-index .source-path .chevron-btns{display:inline-flex;position:relative;background:#fff;--ui-control-height: calc((30rem / 16))}.element-index .source-path .chevron-btns:before{display:block;content:\"\";font-size:0;position:absolute;top:0;width:0;height:0;border-top:calc(var(--ui-control-height)/2) solid #f3f7fc}body.ltr .element-index .source-path .chevron-btns:before{right:0}body.rtl .element-index .source-path .chevron-btns:before{left:0}body.ltr .element-index .source-path .chevron-btns:before{border-left:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0)}body.rtl .element-index .source-path .chevron-btns:before{border-right:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0)}.element-index .source-path .chevron-btns:after{display:block;content:\"\";font-size:0;position:absolute;top:calc(var(--ui-control-height)/2);border-bottom:calc(var(--ui-control-height)/2) solid #f3f7fc}body.ltr .element-index .source-path .chevron-btns:after{right:0}body.rtl .element-index .source-path .chevron-btns:after{left:0}body.ltr .element-index .source-path .chevron-btns:after{border-left:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0)}body.rtl .element-index .source-path .chevron-btns:after{border-right:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0)}.element-index .source-path .chevron-btns .btn{--ui-control-border-radius: 3px}.element-index .source-path .btn.settings{box-shadow:0 0 0 2px var(--white)}.element-index.main .source-path{margin:-22px calc(var(--padding)*-1 + 2px) 24px}.elementselectormodal .element-index .source-path{margin-bottom:2px}.element-index.pane .toolbar{position:relative;z-index:2;margin:calc(var(--pane-padding)*-1) calc(var(--pane-padding)*-1) var(--pane-padding) !important;border-radius:calc(var(--large-border-radius) - 1px) calc(var(--large-border-radius) - 1px) 0 0;padding:var(--pane-padding);box-shadow:0 1px 0 var(--hairline-color);background-color:var(--gray-050)}.element-index.pane .header{padding-top:var(--pane-padding);padding-bottom:var(--pane-padding);background-color:rgba(0,0,0,0);border-bottom:1px solid var(--hairline-color)}.element-index.pane .elements{--border-radius: 0}.element-index.pane .elements .tableview table.data thead th,.element-index.pane .elements .tableview table.data thead td{border-bottom:1px solid var(--hairline-color)}.element-index.pane .elements .tableview table.data thead th:not(.ordered),.element-index.pane .elements .tableview table.data thead td:not(.ordered){background-color:rgba(0,0,0,0)}.element-index.pane .footer{border-radius:0 0 calc(var(--large-border-radius) - 1px) calc(var(--large-border-radius) - 1px) !important;box-shadow:none;border-top:1px solid var(--hairline-color);background:rgba(0,0,0,0)}.elements{position:relative}.elements:not(.busy) .update-spinner{display:none}.elements.busy{min-height:72px}.elements.busy:after{display:block;content:\"\";font-size:0;position:absolute;z-index:100;top:0;left:calc(var(--pane-padding, 24px)*-1);width:calc(100% + var(--pane-padding, 24px) + var(--pane-padding, 24px));height:100%;background:rgba(255,255,255,.75);border-radius:var(--large-border-radius)}.elements.busy .update-spinner{z-index:101}.elements .header{margin:calc(var(--xl)*-1 + 2px) calc(var(--padding)*-1 + 2px) var(--xl);padding:var(--s);background-color:var(--gray-050);box-shadow:none;border-radius:var(--border-radius, var(--small-border-radius))}.elements .header:after{content:\"\"}.elements .header .selectallcontainer{display:flex;align-items:center;gap:5px;cursor:default}.elements .tableview tr.draggee th,.elements .tableview tr.draggee td,.elements .thumbsview li.draggee{opacity:.25}.elements .tableview th .move,.elements .tableview th .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 th .move,body.ltr .elements .tableview th .toggle{margin-left:calc(var(--touch-target-size)*-1)}body.rtl .elements .tableview th .move,body.rtl .elements .tableview th .toggle{margin-right:calc(var(--touch-target-size)*-1)}.elements .tableview th .move{font-size:11px;text-decoration:none}.elements .tableview th .toggle{text-align:center;padding:4px;border-radius:50%}body.ltr .elements .tableview th .move+.toggle{margin-left:calc(var(--touch-target-size)*-2)}body.rtl .elements .tableview th .move+.toggle{margin-right:calc(var(--touch-target-size)*-2)}.elements .tableview th .enabled-label{margin-left:var(--xs)}.elements .tableview .chip{background-color:rgba(0,0,0,0)}.elements .thumbsview{display:grid;gap:var(--xs);grid-template-columns:repeat(auto-fill, minmax(180px, 1fr))}.elements .thumbsview li{position:relative;max-width:226px;border-radius:var(--large-border-radius)}body.ltr .elements .thumbsview li{margin:0 1px 1px 0}body.rtl .elements .thumbsview li{margin:0 0 1px 1px}.elements .thumbsview li:hover .chip{background-color:var(--gray-050)}.elements .thumbsview li.sel a{cursor:pointer !important}.elements .thumbsview li.sel a:hover{text-decoration:underline}.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}.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(--gray-200)}body.rtl .structure ul li:not(:last-child):not(.last){border-right:1px solid var(--gray-200)}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 .chip{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 .elements:not(:empty)+.flex,.componentselect .components:not(:empty)+.flex{margin-top:var(--s)}.elementselect{position:relative;min-height:34px}.elementselect .flex,.elementselect .btn{clear:both}.elementselect .chip{z-index:1}.elementselect .structure .chip{margin-top:var(--xs)}body.ltr .elementselect .structure>li{padding-left:0}body.rtl .elementselect .structure>li{padding-right:0}body.ltr .elementselect .structure ul{margin-left:14px}body.rtl .elementselect .structure ul{margin-right:14px}.elementselect .structure ul li{background-position:0 6px !important}.nested-element-cards{display:flex;flex-direction:column;gap:var(--s)}.nested-element-cards>.pane{margin:0}table.editable{border-radius:var(--large-border-radius);border:1px solid var(--gray-200)}table.editable th,table.editable td.heading,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:calc(var(--large-border-radius) - 1px)}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:calc(var(--large-border-radius) - 1px)}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 .editable-table-preview{white-space:pre-wrap}body.ltr table.editable tbody tr td.textual .editable-table-preview{text-align:left}body.rtl table.editable tbody tr td.textual .editable-table-preview{text-align:right}table.editable tbody tr td.textual .editable-table-preview+textarea{opacity:0;height:0;min-height:0;padding-top:0;padding-bottom: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,table.editable tbody .editable-table-preview{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:calc(100% - 29px)}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;position:relative;width:.75rem;height:.75rem;border:1px solid rgba(0,0,0,0);border-radius:100%;box-sizing:border-box;background-clip:border-box}body.ltr .status{margin-right:10px}body.rtl .status{margin-left:10px}body.use-shapes .status.all{rotate:45deg;background-image:linear-gradient(30deg, #184cef, #e5422b)}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.all,body.use-shapes .status.off,body.use-shapes .status.suspended,body.use-shapes .status.expired{border-radius:2px;transform:scale(90%)}.status:not(.on):not(.live):not(.active):not(.enabled):not(.all):not(.pending):not(.warning):not(.off):not(.suspended):not(.expired):not(.light):not(.gray):not(.red):not(.orange):not(.amber):not(.yellow):not(.lime):not(.green):not(.emerald):not(.teal):not(.cyan):not(.sky):not(.blue):not(.indigo):not(.violet):not(.purple):not(.fuchsia):not(.pink):not(.rose):not(.grey):not(.black){border-color:var(--ui-control-color)}.status.all{background-image:linear-gradient(60deg, #184cef, #e5422b);background-origin:border-box}.status.on,.status.live,.status.active,.status.enabled{background-color:var(--enabled-color)}.status.red,.bg-red,.status.off,.status.suspended,.status.expired{background-color:var(--disabled-color)}.status.warning{background-color:var(--warning-color)}.status.orange,.bg-orange,.status.pending{background-color:var(--pending-color)}.status.amber,.bg-amber{background-color:var(--amber-500)}.status.yellow,.bg-yellow{background-color:var(--yellow-500)}.status.lime,.bg-lime{background-color:var(--lime-500)}.status.green,.bg-green{background-color:var(--green-600)}.status.emerald,.bg-emerald{background-color:var(--emerald-500)}.status.teal,.bg-teal,.status.turquoise,.bg-turquoise{background-color:var(--teal-500)}.status.cyan,.bg-cyan{background-color:var(--cyan-500)}.status.sky,.bg-sky{background-color:var(--sky-500)}.status.blue,.bg-blue{background-color:var(--blue-600)}.status.indigo,.bg-indigo{background-color:var(--indigo-500)}.status.violet,.bg-violet{background-color:var(--violet-500)}.status.purple,.bg-purple{background-color:var(--purple-500)}.status.fuchsia,.bg-fuchsia{background-color:var(--fuchsia-500)}.status.pink,.bg-pink{background-color:var(--pink-500)}.status.rose,.bg-rose{background-color:var(--rose-500)}.status.light{background-color:var(--gray-100)}.status.white,.bg-white{background-color:var(--white)}.status.black,.bg-black{background-color:var(--gray-800)}.status.gray,.bg-gray,.status.grey,.bg-grey{background-color:var(--gray-300)}.status.white,.status.disabled{opacity:1}.icon.warning,.cp-icon.warning,[data-icon].warning,[data-icon-after].warning{--icon-color: var(--warning-color)}.icon.red,.cp-icon.red,[data-icon].red,[data-icon-after].red{--icon-color: var(--disabled-color)}.icon.orange,.cp-icon.orange,[data-icon].orange,[data-icon-after].orange{--icon-color: var(--pending-color)}.icon.amber,.cp-icon.amber,[data-icon].amber,[data-icon-after].amber{--icon-color: var(--amber-500)}.icon.yellow,.cp-icon.yellow,[data-icon].yellow,[data-icon-after].yellow{--icon-color: var(--yellow-500)}.icon.lime,.cp-icon.lime,[data-icon].lime,[data-icon-after].lime{--icon-color: var(--lime-500)}.icon.green,.cp-icon.green,[data-icon].green,[data-icon-after].green{--icon-color: var(--green-500)}.icon.emerald,.cp-icon.emerald,[data-icon].emerald,[data-icon-after].emerald{--icon-color: var(--emerald-500)}.icon.teal,.cp-icon.teal,[data-icon].teal,[data-icon-after].teal{--icon-color: var(--teal-500)}.icon.cyan,.cp-icon.cyan,[data-icon].cyan,[data-icon-after].cyan{--icon-color: var(--cyan-500)}.icon.sky,.cp-icon.sky,[data-icon].sky,[data-icon-after].sky{--icon-color: var(--sky-500)}.icon.blue,.cp-icon.blue,[data-icon].blue,[data-icon-after].blue{--icon-color: var(--blue-600)}.icon.indigo,.cp-icon.indigo,[data-icon].indigo,[data-icon-after].indigo{--icon-color: var(--indigo-500)}.icon.violet,.cp-icon.violet,[data-icon].violet,[data-icon-after].violet{--icon-color: var(--violet-500)}.icon.purple,.cp-icon.purple,[data-icon].purple,[data-icon-after].purple{--icon-color: var(--purple-500)}.icon.fuchsia,.cp-icon.fuchsia,[data-icon].fuchsia,[data-icon-after].fuchsia{--icon-color: var(--fuchsia-500)}.icon.pink,.cp-icon.pink,[data-icon].pink,[data-icon-after].pink{--icon-color: var(--pink-500)}.icon.rose,.cp-icon.rose,[data-icon].rose,[data-icon-after].rose{--icon-color: var(--rose-500)}.icon.white,.cp-icon.white,[data-icon].white,[data-icon-after].white{--icon-color: var(--white)}.icon.black,.cp-icon.black,[data-icon].black,[data-icon-after].black{--icon-color: var(--gray-800)}.icon.gray,.cp-icon.gray,[data-icon].gray,[data-icon-after].gray{--icon-color: var(--gray-300)}.warning[data-icon]:before,.warning[data-icon-after]:after,.red[data-icon]:before,.red[data-icon-after]:after,.orange[data-icon]:before,.orange[data-icon-after]:after,.amber[data-icon]:before,.amber[data-icon-after]:after,.yellow[data-icon]:before,.yellow[data-icon-after]:after,.lime[data-icon]:before,.lime[data-icon-after]:after,.green[data-icon]:before,.green[data-icon-after]:after,.emerald[data-icon]:before,.emerald[data-icon-after]:after,.teal[data-icon]:before,.teal[data-icon-after]:after,.cyan[data-icon]:before,.cyan[data-icon-after]:after,.sky[data-icon]:before,.sky[data-icon-after]:after,.blue[data-icon]:before,.blue[data-icon-after]:after,.indigo[data-icon]:before,.indigo[data-icon-after]:after,.violet[data-icon]:before,.violet[data-icon-after]:after,.purple[data-icon]:before,.purple[data-icon-after]:after,.fuchsia[data-icon]:before,.fuchsia[data-icon-after]:after,.pink[data-icon]:before,.pink[data-icon-after]:after,.rose[data-icon]:before,.rose[data-icon-after]:after,.white[data-icon]:before,.white[data-icon-after]:after,.black[data-icon]:before,.black[data-icon-after]:after,.gray[data-icon]:before,.gray[data-icon-after]:after{color:var(--icon-color) !important}.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{--pane-padding: var(--xl);--border: 1px solid var(--hairline-color);background:#fff;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);position:relative;margin:14px 0;padding:var(--pane-padding);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.dashed{background-color:rgba(0,0,0,0) !important;box-shadow:none;border:1px dashed var(--medium-hairline-color) !important}.pane.hairline{background-color:rgba(0,0,0,0) !important;box-shadow:none;border:1px solid rgba(96, 125, 159, 0.25) !important}.pane.no-border{border:none !important}.pane.padding-xs{--pane-padding: var(--xs)}.pane.padding-s{--pane-padding: var(--s)}.pane.padding-m{--pane-padding: var(--m)}.pane.padding-l{--pane-padding: var(--l)}.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:1.875rem;height:1.875rem;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(--padding)*-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]{--tab-label-color: var(--light-text-color)}.pane-tabs [role=tablist] [role=tab].error{--highlight-color: var(--error-color) !important;--tab-label-color: var(--error-color) !important}.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 var(--padding);white-space:nowrap;height:50px}.pane-tabs [role=tablist] [role=tab]:hover{text-decoration:none}body:not(.reduce-focus-visibility) .pane-tabs [role=tablist] [role=tab]:focus,body.reduce-focus-visibility .pane-tabs [role=tablist] [role=tab]:focus-visible{box-shadow:none}body:not(.reduce-focus-visibility) .pane-tabs [role=tablist] [role=tab]:focus .tab-label,body.reduce-focus-visibility .pane-tabs [role=tablist] [role=tab]:focus-visible .tab-label{box-shadow:var(--inner-focus-ring)}.pane-tabs [role=tablist] [role=tab]:not(.sel){color:var(--custom-text-color, var(--tab-label-color))}.pane-tabs [role=tablist] [role=tab]:not(.sel):hover{backdrop-filter:brightness(95%)}.pane-tabs [role=tablist] [role=tab].sel{--highlight-color: var(--gray-500);--tab-label-color: var(--text-color);position:relative;z-index:1;cursor:default;box-shadow:inset 0 2px 0 var(--custom-text-color, var(--highlight-color)),0 0 0 1px rgba(51,64,77,.1),0 2px 12px var(--custom-sel-tab-shadow-color, var(--gray-200));color:var(--tab-label-color);background-color:var(--white) !important}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#tabs:first-child [role=tablist] [role=tab]:first-child,body.ltr .pane-tabs#tabs:first-child [role=tablist] [role=tab]:first-child .tab-label{border-top-left-radius:var(--large-border-radius)}body.rtl .pane-tabs#tabs:first-child [role=tablist] [role=tab]:first-child,body.rtl .pane-tabs#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)}.pane-tabs .menubtn.error span[data-icon]{margin-right:2px}.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:#fcd815}.details .meta.warning .btn:active,.details .meta.warning .btn[aria-expanded=true]{background-color:#f5ce03}.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:never;-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;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{margin:0}@media screen and (min-width: 400px){.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-right:var(--s)}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-left: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-top:var(--s)}@media screen and (min-width: 400px){.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:100%}@media screen and (min-width: 400px){.meta>.field>.input,.meta>.data>.value,.meta>.flex-fields>.field>.input,.meta>.flex-fields>.data>.value{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,.meta>.flex-fields>.field>.input>.datetimewrapper{gap: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):not(.first-child),.meta>.flex-fields+.field:not(.first-child){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}.meta>.field>.input>.custom-select{display:block;margin:calc(var(--s)*-1) 0;width:100%;border-radius:0;box-shadow:none;background-color:rgba(0,0,0,0)}.meta>.field>.input>.custom-select .menubtn:not(.action-btn){justify-content:start;width:100%;background-color:rgba(0,0,0,0)}body.ltr .meta>.field>.input>.custom-select .menubtn:not(.action-btn){padding-left:0}body.rtl .meta>.field>.input>.custom-select .menubtn:not(.action-btn){padding-right:0}.meta>.field>.input>.custom-select .menubtn:not(.action-btn):after{position:absolute;top:calc(50% - 5px)}body.ltr .meta>.field>.input>.custom-select .menubtn:not(.action-btn):after{right:0}body.rtl .meta>.field>.input>.custom-select .menubtn:not(.action-btn):after{left:0}.meta>.field>.input>.custom-select .label{max-width:100%;overflow:hidden;text-overflow:ellipsis}.body{position:relative}.slideout-container,.slideout,.modal,.hud{z-index:100;box-sizing:border-box}.modal,.hud{border-radius:5px;background-color:#fff;box-shadow:0 25px 100px rgba(31,41,51,.5) !important}.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-container.so-lp{position:absolute;top:var(--m);left:var(--m);width:calc(100% - var(--m)*2);height:calc(100vh - var(--m)*2)}body.has-debug-toolbar .slideout-container{height:calc(100vh - 42px)}.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) !important;display:flex;flex-direction:column;overflow:hidden;padding:24px var(--padding);pointer-events:all;container-type:inline-size}.slideout.so-mobile,.slideout.so-lp{width:100% !important;height:100% !important;left:0;transition:top linear 250ms;will-change:top}.slideout.so-mobile{--padding: 14px;--neg-padding: -14px}.slideout:not(.so-mobile){border-radius:var(--large-border-radius)}.slideout:not(.so-mobile):not(.so-lp){top:8px;width:calc(50% - 8px);height:calc(100% - 16px)}@media screen and (prefers-reduced-motion: no-preference){body.ltr .slideout:not(.so-mobile):not(.so-lp){transition:left linear 250ms;will-change:left}body.rtl .slideout:not(.so-mobile):not(.so-lp){transition:right linear 250ms;will-change:right}}.slideout>.pane-header{padding-left:var(--padding);padding-right:var(--padding);z-index:2}.slideout>.pane-header>.so-toolbar{display:flex;flex-direction:row;align-items:center;gap:var(--xs);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-body{flex:1;margin:-24px var(--neg-padding);overflow:hidden auto;position:relative}.slideout>.so-body:not(:last-child){margin-bottom:0}.slideout>.so-body>h1:not(:last-child){padding-bottom:var(--s);border-bottom:1px solid var(--hairline-color)}.slideout>.so-body.so-full-details,.slideout>.so-body>.so-sidebar{background-color:var(--gray-100) !important}.slideout>.so-body:not(.so-full-details){padding:24px var(--padding)}.slideout>.so-body>.so-sidebar,.slideout>.so-body.so-full-details>.so-content>.details{box-sizing:border-box;padding:0 var(--padding) var(--spacing)}.slideout>.so-body>.so-sidebar>.preview-thumb-container,.slideout>.so-body.so-full-details>.so-content>.details>.preview-thumb-container{margin:0 var(--neg-padding);height:auto;min-height:54px}.slideout>.so-body>.so-sidebar>.preview-thumb-container+.pane-header,.slideout>.so-body.so-full-details>.so-content>.details>.preview-thumb-container+.pane-header{border-radius:0}.slideout>.so-body>.so-sidebar .image-actions.is-mobile,.slideout>.so-body.so-full-details>.so-content>.details .image-actions.is-mobile{margin:calc(var(--spacing)/2) 0 var(--spacing)}.slideout>.so-body>.so-sidebar>.meta.read-only:first-child,.slideout>.so-body.so-full-details>.so-content>.details>.meta.read-only:first-child{margin-top:var(--padding)}.slideout>.so-body>.so-sidebar>.meta.warning,.slideout>.so-body.so-full-details>.so-content>.details>.meta.warning{box-shadow:none;border-bottom:1px solid var(--yellow-300)}.slideout>.so-body>.so-sidebar>.field>.input>.text.fullwidth,.slideout>.so-body.so-full-details>.so-content>.details>.field>.input>.text.fullwidth{border-radius:0}.slideout>.so-body>.so-sidebar .notes,.slideout>.so-body.so-full-details>.so-content>.details .notes{padding-top:var(--m);padding-bottom:var(--m)}.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%;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-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)}@container (width > 700px){.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,.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:5px var(--pane-padding, 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:calc(var(--pane-padding, 24px)*-1) calc(var(--pane-padding, 24px)*-1) var(--pane-padding, 24px)}.pane .footer,.modal .body .footer{margin:var(--pane-padding, 24px) calc(var(--pane-padding, 24px)*-1) calc(var(--pane-padding, 24px)*-1)}.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}.slideout-shade.blurred,.modal-shade.blurred{backdrop-filter:blur(10px)}.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:never;-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;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:never;-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;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.tooltip-hud{display:block}.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)}.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, rgba(154, 165, 177, 0.25) 25%, transparent 25%),linear-gradient(135deg, rgba(154, 165, 177, 0.25) 25%, transparent 25%),linear-gradient(45deg, transparent 75%, rgba(154, 165, 177, 0.25) 75%),linear-gradient(135deg, transparent 75%, rgba(154, 165, 177, 0.25) 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>.header{padding-top:14px;padding-bottom:14px;text-align:center}.elementselectormodal>.header+.body{height:calc(100% - 48px) !important}.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 .header{margin:0 0 var(--m)}.elementselectormodal .body .content .main .elements .tableview table tr th,.elementselectormodal .body .content .main .elements .tableview table tr td{cursor:default}.elementselectormodal .body .content .main .elements .tableview table tr .checkbox:before{box-shadow:none !important}.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}.elementselectormodal .main-header,.customize-sources-modal .main-header{display:flex;align-items:center;margin-bottom:var(--s)}.elementselectormodal .main-heading,.customize-sources-modal .main-heading{margin-bottom:0}.elementselectormodal .nav-toggle,.customize-sources-modal .nav-toggle{height:var(--touch-target-size);width:var(--touch-target-size);color:var(--ui-control-color)}body.ltr .elementselectormodal .nav-toggle,body.ltr .customize-sources-modal .nav-toggle{margin-left:4px}body.rtl .elementselectormodal .nav-toggle,body.rtl .customize-sources-modal .nav-toggle{margin-right:4px}.elementselectormodal .nav-toggle:hover,.customize-sources-modal .nav-toggle:hover{color:var(--gray-500)}.elementselectormodal .sidebar-header,.customize-sources-modal .sidebar-header{display:flex;justify-content:flex-end;padding:0 var(--s);margin-bottom:var(--s)}.elementselectormodal .nav-close,.customize-sources-modal .nav-close{height:var(--touch-target-size);width:var(--touch-target-size)}.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}body.ltr .activity-container:not(:last-child){margin-right:var(--s)}body.rtl .activity-container:not(:last-child){margin-left:var(--s)}.activity-container ul{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--xs)}.activity-container ul li .activity-btn{width:30px;height:30px;border-radius:50%;display:block}.activity-container ul li .activity-btn .elementthumb{position:relative;width:100%;height:100%;border-radius:50px;background:var(--gray-050);overflow:hidden;border:2px solid var(--white);box-shadow:0 1px 2px 1px rgba(31,41,51,.1)}.activity-container ul li .activity-btn .elementthumb img,.activity-container ul li .activity-btn .elementthumb svg{display:block;width:100%;height:100%}body.ltr .activity-container ul li:not(:last-child){margin-right:-10px}body.rtl .activity-container ul li:not(:last-child){margin-left:-10px}.element-index-view-menu{width:400px;max-width:calc(100% - 20px);padding:0 !important}.element-index-view-menu .meta{padding-top:var(--s);padding-bottom:var(--s)}.element-index-view-menu .table-columns-field{align-items:flex-start}.element-index-view-menu .table-columns-field .input{padding:13px 0}.element-index-view-menu .menu-footer{margin:0 !important;padding:var(--s) var(--xl) !important;background-color:var(--gray-050)}.element-index-view-menu-table-column{display:flex;align-items:flex-start;align-content:stretch;margin-bottom:4px}.element-index-view-menu-table-column .icon.move{position:relative;z-index:1}body.ltr .element-index-view-menu-table-column .icon.move{margin-right:10px}body.rtl .element-index-view-menu-table-column .icon.move{margin-left:10px}.sort-field .input .flex .btngroup .btn{width:42px}.sort-field .input .flex .flex-grow{max-width:calc(100% - 85px - var(--s))}@media screen and (max-width: 350px){.sort-field .input .flex{flex-direction:column}.sort-field .input .flex>*{width:100%}.sort-field .input .flex .flex-grow{max-width:none}}.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)}.so-content .address-cards{grid-template-columns:repeat(1, minmax(0, 1fr)) !important}.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))}.so-content .address-cards{grid-template-columns:repeat(2, minmax(0, 1fr)) !important}}@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,.login-modal-shade,#logoutwarningmodal,.login-modal,#elevatedsessionmodal,.prompt{z-index:1001}#logoutwarningmodal,#elevatedsessionmodal,.prompt{width:500px}.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}.deleteusermodal div.elements{list-style:none}.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}.video-transcript{background-color:var(--gray-050);overflow-y:scroll;font-size:1rem;position:relative}body:not(.reduce-focus-visibility) .video-transcript:focus,body.reduce-focus-visibility .video-transcript:focus-visible{box-shadow:none;color:var(--white);background-color:var(--gray-800)}.video-transcript__inner{margin-left:auto;margin-right:auto;max-width:550px;padding:var(--xl)}.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.padded{padding:var(--s) calc(var(--m) + var(--s))}.menu.padded hr{margin:var(--s) calc((var(--m) + var(--s))*-1)}.menu.padded ul li{margin:0 calc(var(--m)*-1);padding:0 var(--m)}.menu.padded ul li a{border-radius:var(--large-border-radius)}.menu.padded .extralight{margin-top:2px}.menu h6:first-child,.menu .h6:first-child{margin-top:14px !important}body.ltr .menu ul.padded li a,body.ltr .menu ul.padded li .menu-item,body.ltr .menu ul.padded li .menu-option{padding-left:calc(var(--m) + 1.125rem)}body.rtl .menu ul.padded li a,body.rtl .menu ul.padded li .menu-item,body.rtl .menu ul.padded li .menu-option{padding-right:calc(var(--m) + 1.125rem)}.menu ul.padded li a.sel:not([data-icon]):before,.menu ul.padded li .menu-item.sel:not([data-icon]):before,.menu ul.padded li .menu-option.sel:not([data-icon]):before{font-size:14px;width:14px;content:\"check\";color:var(--ui-control-color);margin-top:3px !important}body.ltr .menu ul.padded li a.sel:not([data-icon]):before,body.ltr .menu ul.padded li .menu-item.sel:not([data-icon]):before,body.ltr .menu ul.padded li .menu-option.sel:not([data-icon]):before{float:left}body.rtl .menu ul.padded li a.sel:not([data-icon]):before,body.rtl .menu ul.padded li .menu-item.sel:not([data-icon]):before,body.rtl .menu ul.padded li .menu-option.sel:not([data-icon]):before{float:right}body.ltr .menu ul.padded li a.sel:not([data-icon]):before,body.ltr .menu ul.padded li .menu-item.sel:not([data-icon]):before,body.ltr .menu ul.padded li .menu-option.sel:not([data-icon]):before{margin:4px 0 0 calc(-1.125rem - 4px)}body.rtl .menu ul.padded li a.sel:not([data-icon]):before,body.rtl .menu ul.padded li .menu-item.sel:not([data-icon]):before,body.rtl .menu ul.padded li .menu-option.sel:not([data-icon]):before{margin:4px calc(-1.125rem - 4px) 0 0}.menu ul li a,.menu ul li .menu-item,.menu ul li .menu-option{margin:0 -14px;padding:10px 14px;white-space:nowrap;font-size:14px;-webkit-appearance:none}body.ltr .menu ul li a:not(:last-child),body.ltr .menu ul li .menu-item:not(:last-child),body.ltr .menu ul li .menu-option:not(:last-child){margin-right:0}body.rtl .menu ul li a:not(:last-child),body.rtl .menu ul li .menu-item:not(:last-child),body.rtl .menu ul li .menu-option:not(:last-child){margin-left:0}.menu ul li a:not(.flex):not(.hidden),.menu ul li .menu-item:not(.flex):not(.hidden),.menu ul li .menu-option:not(.flex):not(.hidden){display:block;width:calc(100% + 28px)}body.ltr .menu ul li a:not(.flex):not(.hidden),body.ltr .menu ul li .menu-item:not(.flex):not(.hidden),body.ltr .menu ul li .menu-option:not(.flex):not(.hidden){text-align:left}body.rtl .menu ul li a:not(.flex):not(.hidden),body.rtl .menu ul li .menu-item:not(.flex):not(.hidden),body.rtl .menu ul li .menu-option:not(.flex):not(.hidden){text-align:right}.menu ul li a.flex [data-icon],.menu ul li .menu-item.flex [data-icon],.menu ul li .menu-option.flex [data-icon]{margin-top:-2px}.menu ul li a.sel,.menu ul li .menu-item.sel,.menu ul li .menu-option.sel{cursor:default}.menu ul li a .shortcut,.menu ul li .menu-item .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-item .shortcut,body.ltr .menu ul li .menu-option .shortcut{float:right}body.rtl .menu ul li a .shortcut,body.rtl .menu ul li .menu-item .shortcut,body.rtl .menu ul li .menu-option .shortcut{float:left}body.ltr .menu ul li a .shortcut,body.ltr .menu ul li .menu-item .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-item .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}.menu .go:after{color:inherit}.menu:not(.menu--disclosure) ul li a,.menu ul li .menu-item,.menu ul li .menu-option{color:#3f4d5a;text-decoration:none;cursor:default}.menu li>a[data-icon]:before,.menu li>a [data-icon]:before,.menu li>a span.icon:not([data-icon]),.menu li>button[data-icon]:before,.menu li>button [data-icon]:before,.menu li>button span.icon:not([data-icon]){display:inline-block;width:.875rem;height:.875rem}body.ltr .menu li>a[data-icon]:before,body.ltr .menu li>a [data-icon]:before,body.ltr .menu li>a span.icon:not([data-icon]),body.ltr .menu li>button[data-icon]:before,body.ltr .menu li>button [data-icon]:before,body.ltr .menu li>button span.icon:not([data-icon]){margin-left:-1px}body.rtl .menu li>a[data-icon]:before,body.rtl .menu li>a [data-icon]:before,body.rtl .menu li>a span.icon:not([data-icon]),body.rtl .menu li>button[data-icon]:before,body.rtl .menu li>button [data-icon]:before,body.rtl .menu li>button span.icon:not([data-icon]){margin-right:-1px}body.ltr .menu li>a[data-icon]:before,body.ltr .menu li>a [data-icon]:before,body.ltr .menu li>a span.icon:not([data-icon]),body.ltr .menu li>button[data-icon]:before,body.ltr .menu li>button [data-icon]:before,body.ltr .menu li>button span.icon:not([data-icon]){margin-right:9px}body.rtl .menu li>a[data-icon]:before,body.rtl .menu li>a [data-icon]:before,body.rtl .menu li>a span.icon:not([data-icon]),body.rtl .menu li>button[data-icon]:before,body.rtl .menu li>button [data-icon]:before,body.rtl .menu li>button span.icon:not([data-icon]){margin-left:9px}.menu li>a[data-icon]:before,.menu li>a [data-icon]:before,.menu li>button[data-icon]:before,.menu li>button [data-icon]:before{position:relative;top:-2px;text-align:center;font-size:14px;color:var(--ui-control-color)}.menu li>a span.icon:not([data-icon]) svg,.menu li>button span.icon:not([data-icon]) svg{display:block;position:relative;top:1px;width:100%;height:100%}.menu li>a span.icon:not([data-icon]) svg rect,.menu li>a span.icon:not([data-icon]) svg circle,.menu li>a span.icon:not([data-icon]) svg ellipse,.menu li>a span.icon:not([data-icon]) svg line,.menu li>a span.icon:not([data-icon]) svg polyline,.menu li>a span.icon:not([data-icon]) svg polygon,.menu li>a span.icon:not([data-icon]) svg path,.menu li>a span.icon:not([data-icon]) svg text,.menu li>button span.icon:not([data-icon]) svg rect,.menu li>button span.icon:not([data-icon]) svg circle,.menu li>button span.icon:not([data-icon]) svg ellipse,.menu li>button span.icon:not([data-icon]) svg line,.menu li>button span.icon:not([data-icon]) svg polyline,.menu li>button span.icon:not([data-icon]) svg polygon,.menu li>button span.icon:not([data-icon]) svg path,.menu li>button span.icon:not([data-icon]) svg text{fill:var(--icon-color, var(--ui-control-color));stroke-width:0}.menu li>a.error[data-icon]:before,.menu li>a.error [data-icon]:before,.menu li>button.error[data-icon]:before,.menu li>button.error [data-icon]:before{color:var(--error-color)}.menu li>a.error span.icon:not([data-icon]) svg rect,.menu li>a.error span.icon:not([data-icon]) svg circle,.menu li>a.error span.icon:not([data-icon]) svg ellipse,.menu li>a.error span.icon:not([data-icon]) svg line,.menu li>a.error span.icon:not([data-icon]) svg polyline,.menu li>a.error span.icon:not([data-icon]) svg polygon,.menu li>a.error span.icon:not([data-icon]) svg path,.menu li>a.error span.icon:not([data-icon]) svg text,.menu li>button.error span.icon:not([data-icon]) svg rect,.menu li>button.error span.icon:not([data-icon]) svg circle,.menu li>button.error span.icon:not([data-icon]) svg ellipse,.menu li>button.error span.icon:not([data-icon]) svg line,.menu li>button.error span.icon:not([data-icon]) svg polyline,.menu li>button.error span.icon:not([data-icon]) svg polygon,.menu li>button.error span.icon:not([data-icon]) svg path,.menu li>button.error span.icon:not([data-icon]) svg text{fill:var(--error-color);stroke-width:0}.menu:not(.menu--disclosure) ul li a:not(.sel):not(.disabled):hover,.menu:not(.menu--disclosure) ul li .menu-item:not(.sel):not(.disabled):hover,.menu:not(.menu--disclosure) ul li .menu-option:not(.sel):not(.disabled):hover,.menu:not(.menu--disclosure):not(:hover) ul li a:not(.sel):not(.disabled).hover,.menu:not(.menu--disclosure):not(:hover) ul li .menu-item:not(.sel):not(.disabled).hover,.menu:not(.menu--disclosure):not(:hover) ul li .menu-option:not(.sel):not(.disabled).hover{color:#3f4d5a;background-color:#f3f7fc}body.ltr .menu hr.padded,body.ltr .menu .h6.padded,body.ltr .menu h6.padded{margin-left:20px}body.rtl .menu hr.padded,body.rtl .menu .h6.padded,body.rtl .menu h6.padded{margin-right:20px}.menu--disclosure ul li>a:not(.crumb-link):hover,.menu--disclosure ul li>.menu-item:hover,.menu--disclosure ul li>.menu-option:hover{color:#3f4d5a;background-color:#f3f7fc}body:not(.reduce-focus-visibility) .menu--disclosure ul li>a:not(.crumb-link):focus,body.reduce-focus-visibility .menu--disclosure ul li>a:not(.crumb-link):focus-visible,body:not(.reduce-focus-visibility) .menu--disclosure ul li>.menu-item:focus,body.reduce-focus-visibility .menu--disclosure ul li>.menu-item: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 .chip.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 .chip,body.rtl .tagselect.elementselect .chip{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}.selectize-control.single .selectize-input:not(.no-arrow)::after{display:none}.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:calc(var(--large-border-radius) - 1px)}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:calc(var(--large-border-radius) - 1px)}.text,.passwordwrapper,.border-box,.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:-1.6875rem 7px 0 0}body.rtl .chars-left{margin:-1.6875rem 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%;border-radius:1px;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);box-shadow:0 0 5px rgba(36,99,235,.15)}.field>.status-badge.outdated{background-color:var(--pending-color);box-shadow:0 0 5px rgba(251,146,60,.15)}.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}.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{position:relative;top:-0.0625rem;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>.input input:disabled,.field>.input textarea:disabled{cursor:not-allowed}.field>.notice,.field>.warning{margin:5px 0 0}.field>.instructions,.field>.heading>.instructions,.checkboxfield .instructions{color:var(--custom-text-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:1rem;min-height:1rem;cursor:pointer}body.ltr input.checkbox+label,body.ltr div.checkbox{padding-left:calc(1rem + 5px)}body.rtl input.checkbox+label,body.rtl div.checkbox{padding-right:calc(1rem + 5px)}input.checkbox+label,input.checkbox+label:before,div.checkbox,div.checkbox:before{border-radius:var(--small-border-radius)}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}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}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 .info,div.checkbox .info{height:16px}input.checkbox:disabled+label,.disabled div.checkbox{cursor:not-allowed}input.checkbox:checked+label:before,div.checkbox.checked:before,.sel div.checkbox:before,input.checkbox:indeterminate+label:before,div.checkbox.indeterminate:before,.elementselectormodal .body .content .main .elements .disabled .checkbox:before{font-family:\"Craft\";speak:never;-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;line-height:var(--checkbox-size);color:var(--gray-900)}input.checkbox:checked:not(:indeterminate)+label:before,div.checkbox.checked:not(.indeterminate):before,.sel:not(.matrixblock) div.checkbox:not(.indeterminate):before,.sel.matrixblock>.actions div.checkbox:not(.indeterminate):before,.elementselectormodal .body .content .main .elements .disabled .checkbox:before{content:\"check\";font-size:14px}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)}.checkbox-icon{display:inline-flex;padding:3px;background-color:var(--enabled-color);color:var(--white);border-radius:var(--small-border-radius)}.checkbox-icon:before{--checkbox-size: 14px;font-family:\"Craft\";speak:never;-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;content:\"check\";line-height:var(--checkbox-size);font-size:var(--checkbox-size)}body:not(.reduce-focus-visibility) .monaco-mouse-cursor-text:focus,body.reduce-focus-visibility .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:calc(1rem + 5px)}body.rtl .checkboxfield .instructions,body.rtl .checkboxfield .notice,body.rtl .checkboxfield .warning{padding-right:calc(1rem + 5px)}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:calc(1rem + 5px)}body.rtl input.radio+label,body.rtl div.radio{padding-right:calc(1rem + 5px)}input.radio:disabled+label,.disabled div.radio{cursor:not-allowed}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: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:2.125rem}.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)}td.errors .text,.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:calc(50% - .4375rem);color:var(--ui-control-color)}body.ltr .texticon.icon:before{left:9px}body.rtl .texticon.icon:before{right:9px}.texticon .texticon-icon{position:absolute;top:1.0625rem;transform:translateY(-50%);display:flex;justify-content:center;align-items:center}body.ltr .texticon .texticon-icon{left:9px}body.rtl .texticon .texticon-icon{right:9px}body.ltr .texticon .text{padding-left:1.625rem}body.rtl .texticon .text{padding-right:1.625rem}.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:1.0625rem;transform:translateY(-50%);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:never;-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;content:\"filter\";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,.texticon.has-filter-btn .filter-btn[aria-expanded=true]{background-color:var(--gray-350)}.texticon.has-filter-btn .filter-btn:active:before,.texticon.has-filter-btn .filter-btn.active:before,.texticon.has-filter-btn .filter-btn[aria-expanded=true]:before{color:var(--white)}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-wrap:nowrap;flex-direction:row;align-items:center;gap: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:never;-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;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)}.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:.4375rem;height:.4375rem;border:solid currentColor;border-width:0 .125rem .125rem 0;opacity:.8;position:relative;transform:rotate(45deg);position:absolute;z-index:1;top:calc(50% - 5px);user-select:none;pointer-events:none;color:var(--ui-control-color)}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-control .selectize-input.disabled,.custom-select.disabled{opacity:1;cursor:not-allowed !important;pointer-events:auto !important}.selectize-control .selectize-input.disabled *,.custom-select.disabled *{cursor:not-allowed !important;pointer-events:auto !important}.selectize .selectize-input{display:block;border-color:inherit;box-shadow:none;background-color:rgba(0,0,0,0)}.selectize .selectize-input .item{max-width:100%}.selectize .selectize-input .item span{overflow:hidden;text-overflow:ellipsis}.selectize.select .selectize-input:after{display:none}body .selectize-dropdown{border:none;z-index:101}.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){width:25em;max-width:100%}.datetimewrapper .selectize.select:not(.fullwidth){max-width:calc(100% - 29px)}.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:.4375rem;height:.4375rem;border:solid currentColor;border-width:0 .125rem .125rem 0;opacity:.8;position:relative;transform:rotate(45deg);position:absolute;z-index:1;top:calc(50% - 5px);user-select:none;pointer-events:none;color:var(--ui-control-color)}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:never;-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;content:\"remove\"}body .selectize-dropdown{margin-top:1px}body .selectize-dropdown [data-selectable],body .selectize-dropdown .option,body .selectize-dropdown .optgroup-header{margin:0 -14px;padding:10px 14px;color:#3f4d5a;text-decoration:none;white-space:nowrap}body .selectize-dropdown .optgroup{padding-top:5px}body .selectize-dropdown .optgroup:not(:first-child){border-top:1px solid var(--hairline-color)}body .selectize-dropdown .optgroup .option{padding-left:24px}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:not(.selected),body .selectize-dropdown .option:hover{background-color:var(--gray-100)}body .selectize-dropdown .selected{color:#3f4d5a;background-color:#f3f7fc;cursor:default !important}body .selectize-dropdown .selected .light{color:inherit !important}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);max-height:70vh}body .selectize-dropdown-content .option{min-height:18px}body .selectize-dropdown-content>div[data-value=new]:before{font-family:\"Craft\";speak:never;-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;content:\"plus\";margin-right:5px}body .selectize-dropdown-content>div[data-value=new]:after{content:\"…\"}body.no-scroll .selectize-dropdown-content{max-height:200px}.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:.4375rem;height:.4375rem;border:solid currentColor;border-width:0 .125rem .125rem 0;opacity:.8;position:relative}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:.4375rem;height:.4375rem;border:solid currentColor;border-width:0 .125rem .125rem 0;opacity:.8;position:relative}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:1rem;white-space:nowrap}.slide-picker a{position:relative;border:1px solid var(--hairline-color);background-image:none;width:calc(.5rem - 1px);height:calc(1rem - 2px);margin-left:0;margin-top:1px;margin-bottom:1px;box-sizing:border-box;cursor:pointer}body.ltr .slide-picker a{border-left:none}body.rtl .slide-picker a{border-right:none}.slide-picker a:first-child{width:.5rem}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 a:before{content:\"\";position:absolute;top:calc(-0.25rem - 1px);left:-1px;width:calc(100% + 2px);height:var(--touch-target-size)}.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:1rem;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)}.icon-picker{display:flex;flex-direction:row;align-items:center;gap:var(--xs)}.icon-picker--icon{display:flex;align-items:center;justify-content:center;border-radius:3px;border:1px solid rgba(96,125,159,.25);background-color:#fbfcfe;background-clip:padding-box;border-radius:var(--ui-control-border-radius);width:var(--ui-control-height);height:var(--ui-control-height);background:var(--gray-050)}.icon-picker--icon svg{width:1.25rem;height:1.25rem}.icon-picker--icon svg rect,.icon-picker--icon svg circle,.icon-picker--icon svg ellipse,.icon-picker--icon svg line,.icon-picker--icon svg polyline,.icon-picker--icon svg polygon,.icon-picker--icon svg path,.icon-picker--icon svg text{fill:var(--ui-control-color);stroke-width:0}.icon-picker-modal{--width: calc(var(--ui-control-height) * 10 + var(--s) * 9 + var(--xl) * 2);width:var(--width) !important;min-width:0 !important;max-width:calc(100% - 20px) !important}.icon-picker-modal .body{height:100%;display:flex;flex-direction:column;gap:var(--l)}.icon-picker-modal .body .icon-picker-modal--list{flex:1;position:relative;overflow:hidden}.icon-picker-modal .body .icon-picker-modal--list:not(.loading) .spinner{display:none}.icon-picker-modal .body .icon-picker-modal--list.loading:after{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";background-color:rgba(255,255,255,.75)}.icon-picker-modal .body .icon-picker-modal--list.loading .spinner{top:calc(50% - 10px);z-index:1}.icon-picker-modal .body .icon-picker-modal--list ul{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:start;gap:var(--s);max-height:100%;overflow:auto}.icon-picker-modal .body .icon-picker-modal--list ul .icon-picker--icon{--focus-ring: var(--inner-focus-ring)}.icon-picker-modal .body .icon-picker-modal--list ul .icon-picker--icon:hover{border-color:var(--link-color);background-color:var(--blue-100)}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)}body.setup-2fa{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%}body.setup-2fa #setup-2fa{display:flex;flex-direction:column;gap:var(--l);width:550px;max-width:100%;padding:var(--padding)}body.setup-2fa #setup-2fa #setup-2fa-intro{text-align:center}body.setup-2fa #setup-2fa #setup-2fa-btn{display:flex;justify-content:center}.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:#3f4d5a;background-color:#f3f7fc;cursor:pointer}.matrix>.buttons{margin-top:10px}.matrixblock{position:relative;margin-bottom:10px;padding:0 var(--m) var(--m);border-radius:var(--large-border-radius);border:2px solid var(--gray-100);background-color:var(--white)}.matrixblock.static .titlebar{margin-bottom:14px}body.ltr .matrixblock.static .titlebar{padding-right:0}body.rtl .matrixblock.static .titlebar{padding-left:0}body.ltr .matrixblock.static .titlebar{padding-left:14px}body.rtl .matrixblock.static .titlebar{padding-right:14px}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn),.matrixblock>.actions .action-btn{padding:0;width:var(--touch-target-size);height:var(--touch-target-size);color:var(--custom-text-color, var(--ui-control-color));background-color:rgba(0,0,0,0)}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn):hover,.matrixblock>.actions .action-btn:hover{backdrop-filter:brightness(90%)}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn):active,.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn)[aria-expanded=true],.matrixblock>.actions .action-btn:active,.matrixblock>.actions .action-btn[aria-expanded=true]{backdrop-filter:brightness(85%)}.matrixblock .flex-fields{--row-gap: var(--m) !important}.matrixblock>.titlebar{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:var(--m);margin:0 calc(var(--m)*-1);box-sizing:border-box;border-radius:calc(var(--large-border-radius) - 2px) calc(var(--large-border-radius) - 2px) 0 0;color:var(--custom-text-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:var(--gray-050);min-height:calc(var(--lh) + 10px)}body.ltr .matrixblock>.titlebar{padding:5px calc(var(--m) + 70px) 5px var(--m)}body.rtl .matrixblock>.titlebar{padding:5px var(--m) 5px calc(var(--m) + 70px)}.matrixblock>.titlebar>.preview{flex-grow:1;min-width:0;opacity:0;transition:opacity linear 100ms;overflow:hidden}.matrixblock>.titlebar>.preview:empty{display:none}body.ltr .matrixblock>.titlebar>.preview{mask-image:linear-gradient(to left, rgba(0, 0, 0, 0), rgb(0, 0, 0) 12px)}body.rtl .matrixblock>.titlebar>.preview{mask-image:linear-gradient(to right, rgba(0, 0, 0, 0), rgb(0, 0, 0) 12px)}.matrixblock>.titlebar>.preview span{opacity:.5}.matrixblock>.titlebar>.matrixblock-tabs{flex:1;min-width:0;margin:-5px 0}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs{margin:0}body.ltr .matrixblock>.titlebar>.matrixblock-tabs .pane-tabs{padding-right:3px}body.rtl .matrixblock>.titlebar>.matrixblock-tabs .pane-tabs{padding-left:3px}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs [role=tablist]{padding:0 12px}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs [role=tablist].scrollable{mask-image:linear-gradient(to right, rgba(0, 0, 0, 0), rgb(0, 0, 0) 12px, rgb(0, 0, 0) calc(100% - 12px), rgba(0, 0, 0, 0) 100%)}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs [role=tablist] [role=tab]{background-color:rgba(0,0,0,0)}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs [role=tablist] [role=tab] .tab-label{height:calc(var(--lh) + 10px);padding:0 var(--m)}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn){margin-left:0;margin-right:0}body.ltr .matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn):not(:empty):not(.btn-empty)::after{margin-left:0px}body.rtl .matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn):not(:empty):not(.btn-empty)::after{margin-right:0px}body.ltr .matrixblock>.titlebar>.preview:first-child:empty+.matrixblock-tabs{margin-left:calc((var(--m) + 12px)*-1)}body.rtl .matrixblock>.titlebar>.preview:first-child:empty+.matrixblock-tabs{margin-right:calc((var(--m) + 12px)*-1)}body.ltr .matrixblock>.titlebar>.preview:first-child:empty+.matrixblock-tabs [role=tab]:first-child,body.ltr .matrixblock>.titlebar>.preview:first-child:empty+.matrixblock-tabs [role=tab]:first-child .tab-label{border-top-left-radius:calc(var(--large-border-radius) - 2px)}body.rtl .matrixblock>.titlebar>.preview:first-child:empty+.matrixblock-tabs [role=tab]:first-child,body.rtl .matrixblock>.titlebar>.preview:first-child:empty+.matrixblock-tabs [role=tab]:first-child .tab-label{border-top-right-radius:calc(var(--large-border-radius) - 2px)}body.ltr .matrixblock.disabled-entry>.titlebar{padding-right:100px}body.rtl .matrixblock.disabled-entry>.titlebar{padding-left:100px}.matrixblock.disabled-entry>.actions>.status.off{display:block}.matrixblock.collapsed>.titlebar{border-radius:calc(var(--large-border-radius) - 2px)}.matrixblock.collapsed>.titlebar>.preview{opacity:1}.matrixblock>.actions{display:flex;align-items:center;gap:var(--xs);position:absolute;top:0;cursor:default;min-height:calc(var(--lh) + 10px)}body.ltr .matrixblock>.actions{right:var(--m)}body.rtl .matrixblock>.actions{left:var(--m)}.matrixblock>.actions>*{margin:0 !important}.matrixblock>.actions>.status.off{display:none}.matrixblock>.actions a:not([data-action]){padding:0;height:var(--touch-target-size);text-align:center;color:var(--dark-hairline-color);transform:color linear 100ms}.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:var(--l)}.matrixblock>.fields>.flex-fields>.field:before{display:none}body.ltr .matrixblock>.fields>.flex-fields>.field>.status-badge{left:-2px}body.rtl .matrixblock>.fields>.flex-fields>.field>.status-badge{right:-2px}.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}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);--sidebar-width: 14.125rem;--global-sidebar-width: 14.125rem}html{-webkit-text-size-adjust:100%;min-height:100vh}body{min-height:100vh}body.dragging *{cursor:move !important;cursor:grabbing !important}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: 75rem){#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;min-height:100vh}@media screen and (prefers-reduced-motion: no-preference){body.ltr #global-container{transition:left 100ms cubic-bezier(0.33, 1, 0.68, 1)}body.rtl #global-container{transition:right 100ms cubic-bezier(0.33, 1, 0.68, 1)}}#system-info{display:grid;grid-template-columns:var(--prefix-width) auto;gap:10px;height:2.8125rem;padding:0 var(--gutter-width);position:relative;flex:0 0 2.8125rem;flex-direction:row;align-items:center;color:currentColor;border-bottom:1px solid var(--hairline-color);background-clip:padding-box}#system-info:after{display:none}#system-info:focus,#system-info:hover{text-decoration:none;background-color:var(--gray-200)}#site-icon{--size: var(--prefix-width);height:var(--size)}#site-icon img,#site-icon svg{display:block;width:var(--size);height:var(--size);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}@media only screen and (min-width: 75rem){[data-sidebar=collapsed] #system-info:hover #system-name{opacity:1;transform:translateY(-50%) translateX(0)}[data-sidebar=collapsed] #system-name{position:absolute;left:calc(100% + var(--s)*2);top:50%;transform:translateY(-50%) translateX(-5px);opacity:0;background:#fff;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);color:var(--text-color);border-radius:var(--medium-border-radius);padding:var(--xs) var(--s);white-space:nowrap;pointer-events:none}[data-sidebar=collapsed] #system-name:focus{box-shadow:var(--focus-ring)}}@media only screen and (min-width: 75rem)and (prefers-reduced-motion: no-preference){[data-sidebar=collapsed] #system-name{transition:opacity 50ms cubic-bezier(0.33, 1, 0.68, 1),transform 150ms cubic-bezier(0.33, 1, 0.68, 1)}}#global-footer{display:flex;flex-direction:column;align-items:center;padding:var(--m) var(--m) var(--xl);gap:var(--m)}body.has-debug-toolbar #global-footer{padding-bottom:calc(var(--xl) + 42px)}#global-footer a{white-space:nowrap}#app-info{display:flex;flex-direction:row;justify-content:center;gap:var(--m)}#trial-info{padding:16px var(--xl);border-radius:var(--large-border-radius);background-color:#dbe5f0;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 0 0 1px #bdcbdb,0 2px 12px rgba(205,216,228,.5);text-align:center}#app-version{display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--gray-600);text-align:center;gap:var(--s)}#app-version a{color:var(--gray-600);text-decoration:underline}#app-version a.go:hover:after{color:var(--gray-600)}#edition-logo{position:relative;top:-1px;user-select:none;border:1px solid var(--gray-600);border-radius:3px;display:inline-flex;box-sizing:content-box;font-size:11px;padding:6px 7px;line-height:8px;font-weight:600;letter-spacing:1.7px;padding-right:5px;text-transform:uppercase}#devmode{margin-top:auto;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}#alerts{position:relative;background-color:var(--red-050);border-left:6px solid var(--error-color);color:var(--error-color)}#alerts>li{padding:10px 24px;box-shadow:inset 0 -1px 0 0 var(--red-100)}#alerts>li .resolvable-alert-buttons{margin-top:var(--m)}#alerts>li .btn,#alerts>li a.go{display:inline-flex;align-items:center;border:1px solid rgba(220,38,38,.5);border-radius:var(--medium-border-radius);padding:4px 5px;margin:0 2px;color:var(--error-color);height:1.875rem}.flex #alerts>li .btn,.flex #alerts>li a.go{margin:0}#alerts>li .btn:hover,#alerts>li a.go:hover{border-color:var(--error-color)}#alerts>li a:not(.btn){color:var(--error-color);text-decoration:underline}#alerts>li a:not(.btn).go{text-decoration:none;white-space:nowrap}#alerts>li a:not(.btn).go:after{color:var(--error-color);font-size:15px;margin-top:1px}#alerts>li .btn{background-color:rgba(0,0,0,0)}#global-header .btn.menubtn,li.crumb .btn.menubtn,.btn.action-btn{padding:0;width:var(--touch-target-size);height:var(--touch-target-size)}#global-header .btn.menubtn:not(:hover):not(:active):not([aria-expanded=true]),li.crumb .btn.menubtn:not(:hover):not(:active):not([aria-expanded=true]),.btn.action-btn:not(:hover):not(:active):not([aria-expanded=true]){background-color:rgba(0,0,0,0)}#global-header{width:100%;margin-bottom:var(--m);border-bottom:1px solid var(--hairline-color)}#global-header .flex{height:2.75rem;align-items:center}#global-header .btn{--ui-control-color: var(--gray-400);--ui-control-hover-color: var(--gray-800);--ui-control-active-color: var(--gray-700)}#global-header .btn:hover{color:var(--ui-control-hover-color)}.nav-toggle{display:flex;align-items:center;justify-content:center;width:44px;min-width:44px;height:2.75rem;border-right:1px solid var(--medium-hairline-color);line-height:26px;color:currentColor;text-align:center}.nav-toggle:before{font-family:\"Craft\";speak:never;-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;content:\"menu\";font-size:16px;line-height:0}.nav-toggle:hover{color:var(--link-color)}#crumbs{display:flex;flex-direction:row;align-items:center;font-size:13px;margin:0 !important;max-width:100%;overflow:hidden}#crumbs.empty{display:none}#crumbs nav{margin:0}#primary-nav-toggle:focus-visible{box-shadow:var(--inner-focus-ring)}#crumb-list{display:flex;flex-direction:row;align-items:stretch;flex-wrap:nowrap;max-width:100%;height:2.75rem;--arrow-padding: 10;--arrow-height: 22;--arrow-angle: 35;--arrow-width: 17.1111;--arrow-c: 27.871}body.rtl #crumb-list{--arrow-angle: -35;--arrow-width: -19.4444}#crumb-list li.crumb{position:relative;cursor:default;color:var(--light-text-color)}body.ltr #crumb-list li.crumb{padding-left:calc(var(--arrow-width)*.5rem/16)}body.rtl #crumb-list li.crumb{padding-right:calc(var(--arrow-width)*.5rem/16)}body.ltr #crumb-list li.crumb:not(.current){padding-right:calc(var(--arrow-width)*1rem/16)}body.rtl #crumb-list li.crumb:not(.current){padding-left:calc(var(--arrow-width)*1rem/16)}#crumb-list li.crumb:not(.current):before,#crumb-list li.crumb:not(.current):after{display:block;content:\"\";width:1px;height:calc(var(--arrow-c)*1rem/16);position:absolute;background:var(--medium-hairline-color);pointer-events:none}body.ltr #crumb-list li.crumb:not(.current):before,body.ltr #crumb-list li.crumb:not(.current):after{right:calc(var(--arrow-width)*.5rem/16)}body.rtl #crumb-list li.crumb:not(.current):before,body.rtl #crumb-list li.crumb:not(.current):after{left:calc(var(--arrow-width)*.5rem/16)}#crumb-list li.crumb:not(.current):before{top:calc((var(--arrow-height) - var(--arrow-c))/2*1rem/16);transform:rotate(calc(var(--arrow-angle) * -1deg))}#crumb-list li.crumb:not(.current):after{bottom:calc((var(--arrow-height) - var(--arrow-c))/2*1rem/16);transform:rotate(calc(var(--arrow-angle) * 1deg))}#crumb-list .menu--disclosure li{display:block}#crumb-list .menu--disclosure li::after{content:none}#crumb-menu-trigger{min-width:var(--touch-target-size)}#crumb-menu-trigger:before{width:100%}#crumb-menu .chip{min-height:44px}li.crumb{display:flex;align-items:center;flex-wrap:nowrap;gap:var(--xs)}li.crumb [data-icon]{position:relative;top:-1px}li.crumb .menubtn{position:relative;margin:0 calc(var(--xs)*-1/2)}li.crumb [data-icon=ellipsis]:before{margin-top:3px;font-size:17px}li.crumb .chip{padding:0;background-color:rgba(0,0,0,0);--custom-bg-color: initial !important;--custom-text-color: initial !important;--custom-sel-bg-color: initial !important}li.crumb .chip .label-link{max-width:15em}li.crumb .chip .label-link:focus-visible{box-shadow:var(--inner-focus-ring)}li.crumb .chip .label-link span:not(.context-label){display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}li.crumb:has(.menubtn)>a{margin-right:0 !important;padding-right:var(--xs) !important}li.crumb>a{flex:1;display:flex !important;align-items:center;flex-wrap:nowrap;gap:var(--xs);white-space:nowrap}.menu--disclosure li.crumb>a{min-height:34px}li.crumb a,li.crumb button{display:inline-flex;align-items:center;min-height:var(--touch-target-size)}li.crumb a:not(:hover),li.crumb button:not(:hover){color:var(--text-color)}li.crumb a:hover,li.crumb button:hover{text-decoration:none}li.crumb a{position:relative}li.crumb button{cursor:pointer}li.breadcrumb-toggle-wrapper::after{content:none}#account-menu ul li a{max-width:calc(100% + 28px) !important}#announcements-btn{width:1.875rem;height:1.875rem;padding-left:0;padding-right:0;width:calc(1.75rem + 10px);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:.1875rem;width:.4375rem;height:.4375rem;border-radius:50%;background-color:var(--blue-600)}body.ltr #announcements-btn.unread:after{right:5px}body.rtl #announcements-btn.unread:after{left:5px}#announcements-btn svg{width:1rem;height:1rem}#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(--ui-control-active-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.unread .announcement__heading: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 .announcement__heading:after{left:-13px}body.rtl #announcements .announcement.unread .announcement__heading:after{right:-13px}#announcements .announcement p{margin:0}#announcements .announcement__header{display:grid}#announcements .announcement__heading{position:relative;margin:0 0 3px;order:1}#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-left:var(--s)}body.rtl #user-info{padding-right:var(--s)}body.ltr #user-info{padding-right:calc(var(--padding) + 1px)}body.rtl #user-info{padding-left:calc(var(--padding) + 1px)}#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 img,.header-photo svg{display:block;width:1.875rem;height:1.875rem;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,#user-info:hover .header-photo svg{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}body.has-debug-toolbar #notifications{bottom:50px}@media only screen and (min-width: 60.875rem){#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;word-break:normal;overflow-wrap:anywhere}#notifications .notification .notification-body .notification-details{margin-top:var(--xs)}#notifications .notification .notification-body .notification-details .chip{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)}@media only screen and (min-width: 75rem){#primary-nav-toggle{display:none}body.ltr #crumbs:not(.empty) #primary-nav-toggle+nav ul li:first-child,body.ltr #crumbs.empty+.context-menu-container{margin-left:var(--padding)}body.rtl #crumbs:not(.empty) #primary-nav-toggle+nav ul li:first-child,body.rtl #crumbs.empty+.context-menu-container{margin-right:var(--padding)}body.ltr #crumbs:not(.empty) #primary-nav-toggle+nav ul li:first-child,body.ltr #crumbs.empty+.context-menu-container{padding-left:0}body.rtl #crumbs:not(.empty) #primary-nav-toggle+nav ul li:first-child,body.rtl #crumbs.empty+.context-menu-container{padding-right:0}}#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:5px var(--padding);position:relative;z-index:2;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: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: 60.875rem){#page-title.has-toolbar{min-width:calc(14.125rem - var(--xl) - var(--s)) !important}}#toolbar{flex:1;align-items:flex-start;justify-content:space-between}#toolbar .icon:before,#toolbar .texticon:before,#toolbar .menubtn:after,#toolbar [data-icon]:before,#toolbar [data-icon-after]:after{color:currentColor;opacity:.8}#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}@media only screen and (max-width: 400px){#action-buttons .btngroup .btn:first-child{flex-basis:100%}}@media only screen and (max-width: 60.8125rem){#action-buttons{margin-top:10px}}#main-content{display:flex;flex-direction:row;align-items:flex-start;padding:0 var(--padding) 48px;box-sizing:border-box}#main-content>.grid:only-child{flex:1}#sidebar-toggle-container{display:none}#sidebar-container{flex:0 0 14.125rem;width:14.125rem;box-sizing:border-box}@media only screen and (min-width: 75rem){body.ltr #sidebar-container{margin-left:calc(var(--xl)*-1)}body.rtl #sidebar-container{margin-right:calc(var(--xl)*-1)}}#sidebar{position:relative;box-sizing:border-box;padding:0 31px var(--m);width:14.125rem;background-color:rgba(0,0,0,0)}#sidebar.fixed{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{flex:1 1 auto;width:400px}#content-heading{margin-top:var(--xl) !important}@media only screen and (min-width: 60.875rem){#content-heading{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width: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) var(--padding);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,.footer{padding:6px var(--pane-padding, var(--xl));min-height:44px;line-height:2rem}#footer .buttons,.footer .buttons{height:32px;display:flex;align-items:center}#footer .btn,.footer .btn{padding-top:4px;padding-bottom:4px;height:var(--ui-control-height--small)}#footer{position:sticky;bottom:0;z-index:1;margin:calc(var(--xl) + 1px) calc(var(--padding)*-1 + 2px) calc(var(--xl)*-1 + 2px);background-color:var(--gray-050);border-radius:var(--small-border-radius);box-sizing:border-box}#footer:empty{display:none}#footer.stuck{border-radius:0}@supports(backdrop-filter: blur(10px)){#footer.stuck{background-color:rgba(228,237,246,.75);backdrop-filter:blur(10px)}}.has-debug-toolbar #footer{transition:padding linear 100ms}.has-debug-toolbar #footer.stuck{padding-bottom:52px}#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;z-index:1}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}#details .details{padding-bottom:calc(var(--xl) + 11.5em)}#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:var(--large-border-radius);padding-top:var(--m);padding-bottom:var(--m)}@media only screen and (max-width: 74.9375rem){#global-container{width:calc(100vw + 14.125rem)}body.ltr #global-container{left:-14.125rem}body.rtl #global-container{right:-14.125rem}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: 60.8125rem){#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)}#details .details{margin-bottom:auto}}@media only screen and (max-width: 767px){:root{--padding: var(--s);--neg-padding: calc(var(--s) * -1)}#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}.card-grid{display:flex !important;flex-direction:column}}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:14.125rem;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:0 var(--xl)}.sidebar .heading:not(:first-child){margin-top:var(--m)}.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 .heading>ul{margin:2px calc(var(--xl)*-1)}.sidebar nav{padding:0 var(--s)}body.ltr .sidebar nav>ul>li:not(.heading)>a,body.ltr .sidebar nav>ul>li.heading>ul>li>a{padding-left:24px}body.rtl .sidebar nav>ul>li:not(.heading)>a,body.rtl .sidebar nav>ul>li.heading>ul>li>a{padding-right:24px}body.ltr .sidebar nav>ul>li:not(.heading)>.toggle,body.ltr .sidebar nav>ul>li.heading>ul>li>.toggle{left:calc(var(--m)*0)}body.rtl .sidebar nav>ul>li:not(.heading)>.toggle,body.rtl .sidebar nav>ul>li.heading>ul>li>.toggle{right:calc(var(--m)*0)}body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>a,body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>a{padding-left:38px}body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>a,body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>a{padding-right:38px}body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>.toggle,body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>.toggle{left:calc(var(--m)*1)}body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>.toggle,body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>.toggle{right:calc(var(--m)*1)}body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>a,body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>a{padding-left:52px}body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>a,body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>a{padding-right:52px}body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>.toggle,body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>.toggle{left:calc(var(--m)*2)}body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>.toggle,body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>.toggle{right:calc(var(--m)*2)}body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>a,body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>a{padding-left:66px}body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>a,body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>a{padding-right:66px}body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>.toggle,body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle{left:calc(var(--m)*3)}body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>.toggle,body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle{right:calc(var(--m)*3)}body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>a,body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>a{padding-left:80px}body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>a,body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>a{padding-right:80px}body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle,body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle{left:calc(var(--m)*4)}body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle,body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>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}.sidebar nav li:not(.has-subnav)>a.sel,.sidebar nav li:not(.has-subnav)>a.active-drop-target{cursor:default;background-color:var(--gray-500)}.sidebar nav li:not(.has-subnav)>a.sel,.sidebar nav li:not(.has-subnav)>a.sel+.toggle,.sidebar nav li:not(.has-subnav)>a.active-drop-target,.sidebar nav li:not(.has-subnav)>a.active-drop-target+.toggle{color:var(--white)}.sidebar nav li:not(.has-subnav)>a.sel{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:500}.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{position:relative;top:1px;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:1rem;height:1rem}.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:.6875rem;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.heading>ul,.sidebar nav li.expanded>ul{display:block}.error-summary{margin-bottom:var(--l);padding:var(--l) var(--xl) var(--xl);box-sizing:border-box;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);border-radius:var(--large-border-radius);background-color:var(--gray-050)}.error-summary .notification-icon{color:var(--error-color);margin:-2px 6px 0 0;float:left}.error-summary h2{margin-top:var(--xs)}.error-summary>ul.errors li,.error-summary>ul.errors li a{color:var(--text-color)}.error-summary>ul.errors li em,.error-summary>ul.errors li a em{font-weight:600}.error-summary>ul.errors li:hover,.error-summary>ul.errors li a:hover{color:var(--link-color)}body.ltr .content.has-sidebar:not(.hiding-sidebar){margin-left:14.125rem}body.rtl .content.has-sidebar:not(.hiding-sidebar){margin-right:14.125rem}#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,.draghelper .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>*,.draghelper .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,.draghelper .flex-fields>h2{flex:4 0 100%}#content :not(.meta)>.flex-fields>h2:not(:nth-child(-n+1 of :not(.hidden))),#content>.flex-fields>h2:not(:nth-child(-n+1 of :not(.hidden))),.so-content .flex-fields>h2:not(:nth-child(-n+1 of :not(.hidden))),.draghelper .flex-fields>h2:not(:nth-child(-n+1 of :not(.hidden))){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,.draghelper .flex-fields>hr,.draghelper .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),.draghelper .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,.draghelper .flex-fields>:not(h2):not(hr):not(.line-break),.draghelper .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,.draghelper .flex-fields>:not(h2):not(hr):not(.line-break):before,.draghelper .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,body.ltr .draghelper .flex-fields>:not(h2):not(hr):not(.line-break):before,body.ltr .draghelper .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,body.rtl .draghelper .flex-fields>:not(h2):not(hr):not(.line-break):before,body.rtl .draghelper .flex-fields>:not(h2):not(hr):not(.line-break):last-child:before{right:-1px}@media only screen and (min-width: 96rem){#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,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-25,.draghelper.drag-in-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,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-50,.draghelper.drag-in-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,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-75,.draghelper.drag-in-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: 95.9375rem){#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,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-25,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-50,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25,.draghelper.drag-in-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,.draghelper.drag-in-slideout .flex-fields>:not(h2):not(hr):not(.line-break).width-25,.draghelper.drag-in-slideout .flex-fields>:not(h2):not(hr):not(.line-break).width-50,.draghelper.drag-in-slideout .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25,.draghelper.drag-in-slideout .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50{width:50%}}.global-sidebar{--is-always-visible: true;--prefix-width: calc(30rem / 16);--prefix-ratio: 1;--gutter-width: calc(10rem / 16);position:sticky;top:0;z-index:100;display:flex;flex-direction:column;height:100vh;padding:0;-webkit-overflow-scrolling:touch;background-color:rgba(0,0,0,0);border-right:1px solid var(--hairline-color);width:var(--global-sidebar-width)}.global-sidebar a{text-decoration:none}.global-sidebar>a:not([href]),.global-sidebar *:not(.has-subnav)>a:not([href]){cursor:default;background-color:rgba(0,0,0,0)}@media only screen and (max-width: 74.9375rem){.global-sidebar{--is-always-visible: false}}.global-sidebar__nav{padding:var(--s) 0}.global-sidebar__footer{margin-block-start:auto;display:grid;gap:var(--s)}.global-nav>ul{display:flex;flex-direction:column;gap:var(--s)}.global-nav>ul>li{position:relative}.nav-icon{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;width:1rem;aspect-ratio:1;line-height:0;--thumb-size: 1rem}.nav-icon>svg{width:100%;height:100%}.nav-icon>svg rect,.nav-icon>svg circle,.nav-icon>svg ellipse,.nav-icon>svg line,.nav-icon>svg polyline,.nav-icon>svg polygon,.nav-icon>svg path,.nav-icon>svg text{fill:currentColor;stroke-width:0}.nav-item{--gutter-width: calc(10rem / 16);display:grid;grid-template-columns:var(--gutter-width) 1fr var(--prefix-width) var(--gutter-width);grid-template-areas:\". action trigger .\" \"subnav subnav subnav subnav\";align-items:center;width:100%}.nav-item>.sidebar-action{grid-area:action}[data-sidebar=collapsed] .nav-item{grid-template-areas:\". action .\" \". trigger .\" \"subnav subnav subnav\";grid-template-columns:var(--gutter-width) var(--prefix-width) var(--gutter-width)}.nav-item__trigger{--icon-size: 10px;--trigger-size: var(--touch-target-size);grid-area:trigger;display:flex;z-index:1}.nav-item__trigger .menubtn{padding:0;flex-direction:column;justify-content:center;align-items:center;width:var(--trigger-size);height:var(--trigger-size);border:rgba(0,0,0,0)}.nav-item__trigger .menubtn:hover{background-color:var(--ui-control-bg-color)}.nav-item__trigger .menubtn[aria-expanded=true]:not(:hover){background-color:rgba(0,0,0,0)}.nav-item__trigger .menubtn[aria-expanded=true]:after{display:block;content:\"\";font-size:0;width:.4375rem;height:.4375rem;border:solid currentColor;border-width:0 .125rem .125rem 0;opacity:.8;position:relative;transform:rotate(225deg);top:2px}.nav-item__trigger .menubtn:after{margin-left:0 !important}.nav-item__subnav{--prefix-ratio: 4/3;position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;grid-area:subnav}.nav-item__subnav.is-open{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.badge{display:inline-flex;justify-content:center;text-align:center;flex-shrink:1;font-size:11px;line-height:1rem;width:1.1rem;height:1rem;border-radius:var(--s);background-color:var(--medium-text-color);color:var(--white)}.sidebar-actions{padding:10px var(--gutter-width)}.sidebar-action{--thumb-size: 0.75rem;display:flex;width:100%;align-items:center;position:relative;text-align:left;border-radius:var(--medium-border-radius);color:currentColor;cursor:pointer;gap:7px;min-height:30px}.sidebar-action:before{content:\"\";position:absolute;left:-0.625rem;top:50%;height:80%;transform:translateY(-50%);width:var(--xs)}.sidebar-action:focus-visible,.sidebar-action:hover{background-color:var(--gray-200)}.sidebar-action.sel:before{--indicator-size: 6px;background-color:currentColor}.sidebar-action--sub{--indicator-size: 4px;font-size:.9em;min-height:26px}.sidebar-action--sub:before{width:var(--indicator-size);height:var(--indicator-size);border-radius:100%;left:calc(15px - var(--indicator-size)/2);top:50%;background-color:var(--gray-300)}.sidebar-action--job{align-items:flex-start}.sidebar-action--job .sidebar-action__label{padding-block:var(--xs)}.sidebar-action--job[href]:hover{background-color:rgba(0,0,0,0)}.sidebar-action--job[href]:hover .icon>span.icon>canvas#job-icon-hover{opacity:1}.sidebar-action--job .label{white-space:normal}.sidebar-action--job .progress-label{display:block;color:var(--gray-300);font-size:11px;line-height:1.5}.sidebar-action--job .nav-icon{display:block;position:relative;width:16px;height:16px}.sidebar-action--job .nav-icon>canvas{display:block;position:absolute;width:16px;height:16px}.sidebar-action--job .nav-icon>canvas#job-icon-hover{opacity:0}.sidebar-action__prefix{display:flex;align-items:center;justify-content:center;width:var(--prefix-width);aspect-ratio:var(--prefix-ratio);line-height:0;flex-shrink:0}.sidebar-action__label{display:inline-flex;gap:var(--s);align-items:center;padding:0 var(--xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-grow:1}.sidebar-action__badge{display:flex;flex-direction:column;justify-content:center;padding:0 var(--s);margin-left:auto}@media only screen and (min-width: 75rem){[data-sidebar=collapsed] .global-sidebar{--global-sidebar-width: calc(50rem / 16)}[data-sidebar=collapsed] .nav-item__indicator{right:-1px}[data-sidebar=collapsed] .sidebar-action{width:var(--prefix-width);min-height:var(--prefix-width)}[data-sidebar=collapsed] .sidebar-action:focus-visible .sidebar-action__label,[data-sidebar=collapsed] .sidebar-action:hover .sidebar-action__label{opacity:1;transform:translateY(-50%) translateX(0)}[data-sidebar=collapsed] .nav-item__trigger .menubtn{width:100%;height:auto;padding-block:2px var(--xs)}[data-sidebar=collapsed] .sidebar-action__label{position:absolute;z-index:10;left:calc(100% + var(--xs)*2);top:50%;transform:translateY(-50%) translateX(-5px);opacity:0;background:#fff;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);color:var(--text-color);border-radius:var(--medium-border-radius);padding:var(--xs) var(--s);pointer-events:none}[data-sidebar=collapsed] .sidebar-action__label:focus{box-shadow:var(--focus-ring)}}@media only screen and (min-width: 75rem)and (prefers-reduced-motion: no-preference){[data-sidebar=collapsed] .sidebar-action__label{transition:opacity 50ms cubic-bezier(0.33, 1, 0.68, 1),transform 150ms cubic-bezier(0.33, 1, 0.68, 1)}}@media only screen and (min-width: 75rem){[data-sidebar=collapsed] .sidebar-action__badge{z-index:100;position:absolute;right:calc(var(--xs)*-1);bottom:var(--xs);transform:translateY(25%);padding:0}[data-sidebar=collapsed] .sidebar-action--sub{min-height:26px}[data-sidebar=collapsed] .sidebar-action--sub:before{left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}[data-sidebar=collapsed] .global-nav>ul>li+li{--separator-width: calc(28rem / 16)}[data-sidebar=collapsed] .global-nav>ul>li+li:before{position:absolute;top:calc(var(--s)/-2);left:calc((var(--global-sidebar-width) - var(--separator-width))/2);content:\"\";width:var(--separator-width);height:1px;margin:0 auto;background-color:var(--hairline-color)}[data-sidebar=expanded] #sidebar-toggle-icon{transform:rotate(180deg)}}#sidebar-trigger{display:none}@media only screen and (min-width: 75rem){#sidebar-trigger{display:flex}}.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:5px 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:68px}}.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}body.ltr .lp-editor-container .lp-editor .matrixblock>.fields>.flex-fields>.field>.status-badge{left:calc(var(--m)*-1)}body.rtl .lp-editor-container .lp-editor .matrixblock>.fields>.flex-fields>.field>.status-badge{right:calc(var(--m)*-1)}.lp-editor-container .lp-draghandle{position:absolute;z-index:101;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:44px}}.lp-preview-container .lp-preview-header .lp-device-type .btn::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-preview-header .lp-device-type .btn.lp-device-type-btn--phone::before{background-image:url(../images/preview/icon-phone.svg)}.lp-preview-container .lp-preview-header .lp-device-type .btn.lp-device-type-btn--tablet::before{background-image:url(../images/preview/icon-tablet.svg)}.lp-preview-container .lp-preview-header .lp-device-type .btn.lp-device-type-btn--desktop::before{background-image:url(../images/preview/icon-desktop.svg)}.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-preview-container__bumper-link{top:unset;bottom:0}.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% - 44px);width:100%;background-color:var(--gray-100)}@supports(backdrop-filter: blur(10px)){.lp-preview-container .lp-iframe-container--has-device-preview{top:44px}}.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}}.login-container .login-form-container{background-color:var(--gray-050)}.login-container .login-form input[readonly]{cursor:not-allowed}.login-container .login-form>.field,.login-container .login-form>.btn{margin-top:var(--l)}.login-container .login-form>.field:not(:last-child):not(.last),.login-container .login-form>.btn:not(:last-child):not(.last){margin-bottom:var(--l)}.login-container .login-form .btn{display:flex}.login-container .alternative-login-methods{margin-top:var(--m)}.login-container .alternative-login-methods .btn{width:100%}.login-container .login-forgot-password,.login-container .login-alt-container button{font-size:11px;color:var(--medium-text-color);cursor:pointer !important}.login-container .login-alt-container{margin:calc(var(--s) - var(--xl)) 0}.login-container .login-alt-container button{display:inline-flex;background-color:rgba(0,0,0,0);padding:0;width:auto;height:auto;min-height:var(--touch-target-size)}.login-container .login-forgot-password:hover,.login-container .login-forgot-password:focus,.login-container .login-alt-container button:hover,.login-container .login-alt-container button:focus{color:var(--link-color)}.login-container .login-errors{text-align:center;color:var(--error-color);margin-top:1em}.login-alt-menu{z-index:1001}body.login{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%}body.login main{padding:var(--padding);width:calc(300px + var(--padding)*2);max-width:100%}body.login main h1{text-align:center;font-size:32px;line-height:40px;word-wrap:break-word}body.login main h1 #login-logo{width:100%;height:auto;max-height:300px}body.login #poweredby{display:block;text-align:center;margin-top:70px;margin-bottom:48px;opacity:.8}body.login #poweredby:hover,body.login #poweredby:focus,body.login #poweredby:active{opacity:1}body.login #poweredby>svg{display:inline-block}.modal.email-sent{width:300px}body.ltr .modal.email-sent .body{padding-left:68px}body.rtl .modal.email-sent .body{padding-right:68px}.modal.email-sent .body:before{font-family:\"Craft\";speak:never;-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;display:block;position:absolute;top:24px;content:\"mail\";font-size:30px;color:var(--link-color)}body.ltr .modal.email-sent .body:before{left:24px}body.rtl .modal.email-sent .body:before{right:24px}.login-modal{width:calc(600px + var(--l)*2);max-width:calc(100% - 20px);background:var(--gray-100);border-radius:var(--large-border-radius)}.login-modal .body{display:flex;flex-direction:row;padding:var(--l)}.login-modal .body .login-modal-intro,.login-modal .body .login-modal-form{width:300px;max-width:100%}.login-modal .body .login-modal-intro{padding:var(--m)}@media screen and (max-width: 656px){.login-modal{border-radius:var(--large-border-radius)}.login-modal .body{padding:var(--m);flex-direction:column;gap:var(--m);overflow:auto}.login-modal .body .login-modal-intro{padding:var(--xs) var(--xl)}.login-modal .body .login-modal-form{border-radius:0}}.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:265px}body.rtl .layoutdesigner{padding-left:265px}.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(212, 50%, 95%) 1px, transparent 0px),linear-gradient(to bottom, hsl(212, 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:265px;padding:14px;display:flex;flex-direction:column}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{margin:-3px;padding:3px;flex:1;min-height:0;overflow:auto}.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)}.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:288px;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;gap:var(--xs);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(212, 50%, 95%) 1px, transparent 0px),linear-gradient(to bottom, hsl(212, 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-element{position:relative;display:flex;align-items:center;padding:var(--s);gap:var(--s);box-shadow:inset 0 0 0 1px var(--hairline-color);border-radius:var(--medium-border-radius);background-color:var(--white)}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:not(.draghelper){box-shadow:none}.fld-element.fld-field .field-name{display:flex;flex-direction:column;gap:var(--xs)}.fld-element .fld-element-icon{text-align:center}.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}.fld-hr,.fld-br{position:relative;flex:1;display:flex;justify-content:center}.fld-hr:before,.fld-br:before{position:absolute;display:block;top:calc(50% - 2px);left:0;width:100%;height:4px;content:\"\";font-size:0;border-radius:2px}.fld-hr .smalltext,.fld-br .smalltext{position:relative;display:flex;justify-content:center;align-items:center;background-color:var(--gray-100);border-radius:var(--large-border-radius);padding:0 var(--s);height:var(--touch-target-size)}.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-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}body.has-debug-toolbar .modal.imageeditor .footer{padding-bottom:50px}.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:calc(1rem + 5px)}body.rtl .modal.imageeditor .body .views .crop .custom{padding-right:calc(1rem + 5px)}.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 --gray-050: hsl(var(--gray-050-hsl));\n --gray-100: hsl(var(--gray-100-hsl));\n --gray-200: hsl(var(--gray-200-hsl));\n --gray-300: hsl(var(--gray-300-hsl));\n --gray-350: hsl(var(--gray-350-hsl));\n --gray-400: hsl(var(--gray-400-hsl));\n --gray-500: hsl(var(--gray-500-hsl));\n --gray-550: hsl(var(--gray-550-hsl));\n --gray-600: hsl(var(--gray-600-hsl));\n --gray-700: hsl(var(--gray-700-hsl));\n --gray-800: hsl(var(--gray-800-hsl));\n --gray-900: hsl(var(--gray-900-hsl));\n --gray-1000: hsl(var(--gray-1000-hsl));\n\n --red-050: #fef2f2;\n --red-100: #fee2e2;\n --red-200: #fecaca;\n --red-300: #fca5a5;\n --red-400: #f87171;\n --red-500: #ef4444;\n --red-600: #dc2626;\n --red-700: #b91c1c;\n --red-800: #991b1b;\n --red-900: #7f1d1d;\n --red-950: #450a0a;\n\n --orange-050: #fff7ed;\n --orange-100: #ffedd5;\n --orange-200: #fed7aa;\n --orange-300: #fdba74;\n --orange-400: #fb923c;\n --orange-500: #f97316;\n --orange-600: #ea580c;\n --orange-700: #c2410c;\n --orange-800: #9a3412;\n --orange-900: #7c2d12;\n --orange-950: #431407;\n\n --amber-050: #fffbeb;\n --amber-100: #fef3c7;\n --amber-200: #fde68a;\n --amber-300: #fcd34d;\n --amber-400: #fbbf24;\n --amber-500: #f59e0b;\n --amber-600: #d97706;\n --amber-700: #b45309;\n --amber-800: #92400e;\n --amber-900: #78350f;\n --amber-950: #451a03;\n\n --yellow-050: #fefce8;\n --yellow-100: #fef9c3;\n --yellow-200: #fef08a;\n --yellow-300: #fde047;\n --yellow-400: #facc15;\n --yellow-500: #eab308;\n --yellow-600: #ca8a04;\n --yellow-700: #a16207;\n --yellow-750: #93580b;\n --yellow-800: #854d0e;\n --yellow-900: #713f12;\n --yellow-950: #422006;\n\n --lime-050: #f7fee7;\n --lime-100: #ecfccb;\n --lime-200: #d9f99d;\n --lime-300: #bef264;\n --lime-400: #a3e635;\n --lime-500: #84cc16;\n --lime-600: #65a30d;\n --lime-700: #4d7c0f;\n --lime-800: #3f6212;\n --lime-900: #365314;\n --lime-950: #1a2e05;\n\n --green-050: #f0fdf4;\n --green-100: #dcfce7;\n --green-200: #bbf7d0;\n --green-300: #86efac;\n --green-400: #4ade80;\n --green-500: #22c55e;\n --green-600: #16a34a;\n --green-700: #15803d;\n --green-800: #166534;\n --green-900: #14532d;\n --green-950: #052e16;\n\n --emerald-050: #ecfdf5;\n --emerald-100: #d1fae5;\n --emerald-200: #a7f3d0;\n --emerald-300: #6ee7b7;\n --emerald-400: #34d399;\n --emerald-500: #10b981;\n --emerald-600: #059669;\n --emerald-700: #047857;\n --emerald-800: #065f46;\n --emerald-900: #064e3b;\n --emerald-950: #022c22;\n\n --teal-050: #f0fdfa;\n --teal-100: #ccfbf1;\n --teal-200: #99f6e4;\n --teal-300: #5eead4;\n --teal-400: #2dd4bf;\n --teal-500: #14b8a6;\n --teal-550: #11a697;\n --teal-600: #0d9488;\n --teal-700: #0f766e;\n --teal-800: #115e59;\n --teal-900: #134e4a;\n --teal-950: #042f2e;\n\n --cyan-050: #ecfeff;\n --cyan-100: #cffafe;\n --cyan-200: #a5f3fc;\n --cyan-300: #67e8f9;\n --cyan-400: #22d3ee;\n --cyan-500: #06b6d4;\n --cyan-600: #0891b2;\n --cyan-700: #0e7490;\n --cyan-800: #155e75;\n --cyan-900: #164e63;\n --cyan-950: #083344;\n\n --sky-050: #f0f9ff;\n --sky-100: #e0f2fe;\n --sky-200: #bae6fd;\n --sky-300: #7dd3fc;\n --sky-400: #38bdf8;\n --sky-500: #0ea5e9;\n --sky-600: #0284c7;\n --sky-700: #0369a1;\n --sky-800: #075985;\n --sky-900: #0c4a6e;\n --sky-950: #082f49;\n\n --blue-050: #eff6ff;\n --blue-100: #dbeafe;\n --blue-200: #bfdbfe;\n --blue-300: #93c5fd;\n --blue-400: #60a5fa;\n --blue-500: #3b82f6;\n --blue-600: #2563eb;\n --blue-700: #1d4ed8;\n --blue-800: #1e40af;\n --blue-900: #1e3a8a;\n --blue-950: #172554;\n\n --indigo-050: #eef2ff;\n --indigo-100: #e0e7ff;\n --indigo-200: #c7d2fe;\n --indigo-300: #a5b4fc;\n --indigo-400: #818cf8;\n --indigo-500: #6366f1;\n --indigo-600: #4f46e5;\n --indigo-700: #4338ca;\n --indigo-800: #3730a3;\n --indigo-900: #312e81;\n --indigo-950: #1e1b4b;\n\n --violet-050: #f5f3ff;\n --violet-100: #ede9fe;\n --violet-200: #ddd6fe;\n --violet-300: #c4b5fd;\n --violet-400: #a78bfa;\n --violet-500: #8b5cf6;\n --violet-600: #7c3aed;\n --violet-700: #6d28d9;\n --violet-800: #5b21b6;\n --violet-900: #4c1d95;\n --violet-950: #2e1065;\n\n --purple-050: #faf5ff;\n --purple-100: #f3e8ff;\n --purple-200: #e9d5ff;\n --purple-300: #d8b4fe;\n --purple-400: #c084fc;\n --purple-500: #a855f7;\n --purple-600: #9333ea;\n --purple-700: #7e22ce;\n --purple-800: #6b21a8;\n --purple-900: #581c87;\n --purple-950: #3b0764;\n\n --fuchsia-050: #fdf4ff;\n --fuchsia-100: #fae8ff;\n --fuchsia-200: #f5d0fe;\n --fuchsia-300: #f0abfc;\n --fuchsia-400: #e879f9;\n --fuchsia-500: #d946ef;\n --fuchsia-600: #c026d3;\n --fuchsia-700: #a21caf;\n --fuchsia-800: #86198f;\n --fuchsia-900: #701a75;\n --fuchsia-950: #4a044e;\n\n --pink-050: #fdf2f8;\n --pink-100: #fce7f3;\n --pink-200: #fbcfe8;\n --pink-300: #f9a8d4;\n --pink-400: #f472b6;\n --pink-500: #ec4899;\n --pink-600: #db2777;\n --pink-700: #be185d;\n --pink-800: #9d174d;\n --pink-900: #831843;\n --pink-950: #500724;\n\n --rose-050: #fff1f2;\n --rose-100: #ffe4e6;\n --rose-200: #fecdd3;\n --rose-300: #fda4af;\n --rose-400: #fb7185;\n --rose-500: #f43f5e;\n --rose-600: #e11d48;\n --rose-700: #be123c;\n --rose-800: #9f1239;\n --rose-900: #881337;\n --rose-950: #4c0519;\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-600);\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: #1f5fea;\n\n // font styles\n --font-weight-bold: 700;\n\n // hairline colors\n --hairline-color: #{transparentize(hsl(209, 20%, 25%), 0.9)};\n --medium-hairline-color: #cfd8e3; // matches shadow below global header;\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-500);\n\n // alert/notice colors\n --error-color: #d81e23;\n --warning-color: var(--amber-700);\n --success-color: var(--teal-700);\n --notice-color: var(--sky-700);\n\n // status colors\n --enabled-color: var(--teal-550);\n --pending-color: var(--orange-400);\n --disabled-color: var(--red-600);\n\n // misc colors\n --indicator-border-color: var(--amber-600);\n --indicator-icon-color: var(--amber-700);\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: 1rem;\n --radio-size: 1rem;\n}\n","@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\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:\n url('../fonts/Craft.woff2') format('woff2'),\n 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 font-display: block;\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 --ui-control-static-bg-color: #{transparentize($inputColor, 0.75)};\n --ui-control-bg-color: var(--ui-control-static-bg-color);\n --ui-control-hover-bg-color: #{transparentize($inputColor, 0.7)};\n --ui-control-active-bg-color: #{transparentize($inputColor, 0.5)};\n --ui-control-border-radius: var(--large-border-radius);\n --ui-control-height: calc(34rem / 16);\n --ui-control-height--small: calc(30rem / 16);\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: calc(\n 24rem / 16\n ); /* Minimum recommended touch target size */\n --thumb-size: calc(20rem / 16);\n --icon-size: 1rem;\n --elements-busy-top-position: calc(50% - var(--size, 20px) / 2);\n --lh: 1.42em;\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: var(--lh);\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.mt-0 {\n margin-top: 0 !important;\n}\n.mt-xs {\n margin-top: var(--xs) !important;\n}\n.mt-s {\n margin-top: var(--s) !important;\n}\n.mt-m {\n margin-top: var(--m) !important;\n}\n.mt-l {\n margin-top: var(--l) !important;\n}\n.mt-xl {\n margin-top: var(--xl) !important;\n}\n\n.mb-0 {\n margin-bottom: 0 !important;\n}\n.mb-xs {\n margin-bottom: var(--xs) !important;\n}\n.mb-s {\n margin-bottom: var(--s) !important;\n}\n.mb-m {\n margin-bottom: var(--m) !important;\n}\n.mb-l {\n margin-bottom: var(--l) !important;\n}\n.mb-xl {\n margin-bottom: var(--xl) !important;\n}\n\n.ml-0 {\n margin-left: 0 !important;\n}\n.ml-xs {\n margin-left: var(--xs) !important;\n}\n.ml-s {\n margin-left: var(--s) !important;\n}\n.ml-m {\n margin-left: var(--m) !important;\n}\n.ml-l {\n margin-left: var(--l) !important;\n}\n.ml-xl {\n margin-left: var(--xl) !important;\n}\n\n.mr-0 {\n margin-right: 0 !important;\n}\n.mr-xs {\n margin-right: var(--xs) !important;\n}\n.mr-s {\n margin-right: var(--s) !important;\n}\n.mr-m {\n margin-right: var(--m) !important;\n}\n.mr-l {\n margin-right: var(--l) !important;\n}\n.mr-xl {\n margin-right: var(--xl) !important;\n}\n\n.mx-0 {\n margin-left: 0 !important;\n margin-right: 0 !important;\n}\n.mx-xs {\n margin-left: var(--xs) !important;\n margin-right: var(--xs) !important;\n}\n.mx-s {\n margin-left: var(--s) !important;\n margin-right: var(--s) !important;\n}\n.mx-m {\n margin-left: var(--m) !important;\n margin-right: var(--m) !important;\n}\n.mx-l {\n margin-left: var(--l) !important;\n margin-right: var(--l) !important;\n}\n.mx-xl {\n margin-left: var(--xl) !important;\n margin-right: var(--xl) !important;\n}\n\n.my-0 {\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n}\n.my-xs {\n margin-top: var(--xs) !important;\n margin-bottom: var(--xs) !important;\n}\n.my-s {\n margin-top: var(--s) !important;\n margin-bottom: var(--s) !important;\n}\n.my-m {\n margin-top: var(--m) !important;\n margin-bottom: var(--m) !important;\n}\n.my-l {\n margin-top: var(--l) !important;\n margin-bottom: var(--l) !important;\n}\n.my-xl {\n margin-top: var(--xl) !important;\n margin-bottom: var(--xl) !important;\n}\n\n.no-scroll {\n overflow: hidden !important;\n}\n\n.draghelper {\n box-sizing: border-box;\n list-style-type: none;\n}\n\n.offset-drag-helper {\n transition:\n margin linear 200ms,\n padding linear 200ms;\n}\n\nbody.dragging.ltr .offset-drag-helper {\n margin: -50px 0 0 -50px;\n padding: 60px 0 0 60px;\n}\n\nbody.dragging.rtl .offset-drag-helper {\n margin: -50px -50px 0 0;\n padding: 60px 60px 0 0;\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 ul.padded li .menu-item.sel:before,\n.menu ul.padded li .menu-option.sel:before,\n.menu .flex.padded.sel:before,\n.texticon: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.action-btn:before,\n[data-icon]:before,\n[data-icon-after]:after {\n @include icon;\n}\n\n.badge-icon {\n position: relative;\n top: -1px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 1rem;\n height: 1rem;\n box-sizing: border-box;\n border: 1px solid var(--indicator-border-color);\n border-radius: var(--small-border-radius);\n color: var(--indicator-icon-color);\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\n[data-icon-size='large'] {\n &[data-icon]:before,\n &[data-icon-after]:after {\n font-size: 20px;\n }\n}\n\n[data-icon-size='small'] {\n &[data-icon]:before,\n &[data-icon-after]:after {\n font-size: 14px;\n }\n}\n\n[data-icon-size='puny'] {\n &[data-icon]:before,\n &[data-icon-after]:after {\n font-size: 12px;\n }\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.action-btn:before {\n content: 'ellipsis';\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 &[aria-current] {\n cursor: default;\n }\n\n body.underline-links &,\n &:hover {\n text-decoration: underline;\n }\n\n .cp-icon svg {\n @include svg-mask(var(--link-color));\n }\n}\n\na:not([href]) {\n color: inherit;\n cursor: inherit;\n\n body.underline-links &,\n &:hover {\n text-decoration: none;\n }\n}\n\na.iconlink {\n &:before {\n width: 1rem;\n @include margin-right(var(--xs));\n }\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\na [data-icon='external'] {\n @include margin-left(var(--xs));\n}\n\nbutton {\n cursor: pointer;\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.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.revision-notice {\n display: flex;\n align-items: center;\n align-content: stretch;\n justify-content: center;\n gap: var(--s);\n color: var(--gray-600);\n\n #content-notice & {\n display: inline-flex;\n justify-content: flex-start;\n }\n\n p {\n flex: 1;\n margin: 0;\n }\n\n .revision-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($grey800, 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(--grey-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\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}\nul.errors em {\n font-style: normal;\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: 12px;\n color: var(--rose-500);\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:not(.disabled) {\n cursor: move;\n}\n\n.icon.move:before {\n content: 'move';\n color: var(--custom-text-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-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 &.sidebar-hidden {\n @include padding-left(0);\n\n & > .cs-sidebar {\n display: none;\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 --selected-item-color: var(--white);\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 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 @include light-focus-ring;\n --ui-control-color: var(--selected-item-color);\n background-color: var(--dark-sel-color);\n color: var(--selected-item-color);\n z-index: 1;\n }\n\n .label {\n flex: 1;\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 &.sel .label {\n color: var(--selected-item-color);\n }\n }\n}\n\n.customize-sources-item__move {\n position: absolute;\n top: 50%;\n @include right(0);\n transform: translate(-50%, -50%);\n justify-content: center;\n align-items: center;\n\n &.icon {\n display: flex;\n text-decoration: none;\n }\n}\n\n.customize-sources-item__btn {\n padding: 8px 14px;\n @include padding-right(30px);\n margin: 3px;\n}\n\n.checkbox-select-item {\n display: flex;\n align-items: flex-start;\n align-content: stretch;\n margin-bottom: 4px;\n\n .move {\n margin-top: -3px;\n @include margin-right(10px);\n position: relative;\n z-index: 1;\n }\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), calc(1rem / 16));\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: var(--s);\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 }\n}\n\n.flex {\n display: flex;\n align-items: center;\n align-content: stretch;\n gap: var(--s);\n\n &.flex-gap-xs {\n gap: var(--xs);\n }\n &.flex-gap-m {\n gap: var(--m);\n }\n &.flex-gap-l {\n gap: var(--l);\n }\n &.flex-gap-xl {\n gap: var(--xl);\n }\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 !important;\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 max-width: 100%;\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(--ui-control-border-radius);\n padding: 7px 10px;\n border: none;\n text-align: center;\n white-space: nowrap;\n user-select: none;\n box-sizing: border-box;\n appearance: none;\n color: currentColor;\n font-size: inherit;\n background-color: var(--ui-control-bg-color);\n\n &:not([aria-current]) {\n cursor: pointer;\n }\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 &.hairline {\n border: 1px solid var(--medium-hairline-color);\n background-color: transparent;\n\n &:hover,\n &:active,\n &[aria-expanded='true'] {\n border-color: var(--dark-hairline-color);\n }\n\n &:active,\n &[aria-expanded='true'] {\n background-color: var(--ui-control-static-bg-color);\n }\n }\n\n &.wrap {\n height: auto;\n min-height: 34px;\n white-space: initial;\n text-align: left;\n }\n\n &:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not(\n [aria-current]\n ) {\n &:focus,\n &.focus,\n &:hover {\n --ui-control-bg-color: var(--ui-control-hover-bg-color);\n }\n\n &:active,\n &.active,\n &[aria-expanded='true'] {\n --ui-control-bg-color: var(--ui-control-active-bg-color);\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 &:empty,\n &.btn-empty {\n padding-left: 12px;\n padding-right: 12px;\n }\n\n &[data-icon]:not(:empty):not(.btn-empty):before,\n &.icon:not(:empty):not(.btn-empty):before,\n &.menubtn:not(.action-btn)[data-icon]:empty:before,\n &.menubtn:not(.action-btn)[data-icon].btn-empty:before,\n &.menubtn:not(.action-btn).icon:empty:before,\n &.menubtn:not(.action-btn).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 [data-icon] {\n margin-top: -3px;\n @include margin-right(5px);\n\n &.light:before {\n color: var(--gray-300);\n }\n }\n}\n\n.disabled {\n opacity: 0.25;\n pointer-events: none;\n user-select: none;\n}\n\n.noteditable {\n cursor: not-allowed;\n\n .element,\n .lightswitch-container,\n & + .colorhex {\n cursor: not-allowed;\n }\n}\n\n.btn,\n.spinner {\n height: var(--ui-control-height);\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(.action-btn):not(:empty):not(.btn-empty):after,\n.menubtn:not(.action-btn).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 border-radius: var(--large-border-radius);\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.btngroup--exclusive {\n .btn[aria-pressed='true']:not(.disabled):not(.loading):not(.dashed):not(\n [aria-disabled]\n ) {\n background-color: var(--gray-500);\n color: var(--white);\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 .copytextbtn__icon {\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 .copytextbtn__value {\n color: var(--text-color);\n }\n }\n\n &.small {\n padding: 0 5px;\n\n .copytextbtn__value {\n font-size: calc(11rem / 16);\n }\n }\n}\n\n/* menu buttons */\n.menu-toggle,\n.menubtn:not(.action-btn) {\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: var(--elements-busy-top-position);\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 var(--s) !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/* huge buttons */\n.btn.huge {\n padding: var(--l);\n line-height: 48px;\n height: 48px;\n}\n\n/* special buttons */\n.btn {\n &.submit,\n &.secondary {\n color: var(--white) !important;\n --ui-control-active-color: var(--white);\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 &[aria-expanded='true'] {\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 &[aria-expanded='true'] {\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.secondary-buttons\n .btn.submit:not(.disabled):not(.inactive):not(.loading)[aria-expanded='true'],\n.btn.secondary: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(\n .loading\n )[aria-expanded='true'] {\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 &[aria-expanded='true'] {\n background-color: transparentize($grey200, 0.75);\n }\n }\n}\n\n/* chevron buttons */\n.chevron-btns {\n display: flex;\n justify-content: flex-start;\n\n .btn {\n position: relative;\n padding: 0;\n border-radius: 0;\n background-color: transparent;\n\n &.current-step,\n &.active-drop-target {\n color: var(--white);\n --text-color: var(--white);\n --ui-control-color: var(--white);\n --ui-control-bg-color: var(--gray-500);\n --ui-control-hover-bg-color: #{darken($grey500, 5%)};\n --ui-control-active-bg-color: #{darken($grey500, 10%)};\n }\n\n &.current-step {\n @include light-on-dark-text;\n @include light-focus-ring;\n }\n\n &:focus {\n z-index: 1;\n box-shadow: none;\n\n .label {\n z-index: 1;\n box-shadow: var(--focus-ring);\n }\n\n .reduce-focus-visibility &:not(:focus-visible) .label {\n box-shadow: none;\n }\n }\n\n .reduce-focus-visibility &:focus-visible .label {\n box-shadow: var(--focus-ring);\n }\n\n &:not(.has-action-menu) {\n @include padding-right(calc(var(--ui-control-height) / 2));\n @include margin-right(2.8px);\n\n &:not(.current-step[data-disclosure-trigger]) .btn-body {\n @include padding-right(5px);\n }\n }\n\n &.current-step[data-disclosure-trigger] .btn-body {\n @include padding-left(8px);\n\n .label {\n padding: 3px;\n\n &:after {\n @include angle;\n position: relative;\n }\n }\n }\n\n .btn-body {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n height: var(--ui-control-height);\n background-color: var(--ui-control-bg-color);\n\n [data-icon] {\n --ui-control-height: calc((13rem / 16)); // 1rem == 16px\n text-align: center;\n @include margin-right(0);\n }\n }\n\n .label {\n display: inline-flex;\n align-items: center;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n &.has-action-menu .btn-body {\n @include padding-right(1px);\n @include margin-right(0);\n }\n\n .chevron-right,\n .chevron-left {\n position: absolute;\n top: 0;\n height: 100%;\n width: calc(var(--ui-control-height) / 2);\n }\n\n .chevron-left {\n @include left(0);\n border-top: calc(var(--ui-control-height) / 2) solid\n var(--ui-control-bg-color);\n @include border-left(\n calc(var(--ui-control-height) / 2) solid transparent\n );\n\n &:after {\n display: block;\n content: '';\n font-size: 0;\n position: absolute;\n bottom: 0;\n @include right(0);\n border-bottom: calc(var(--ui-control-height) / 2) solid\n var(--ui-control-bg-color);\n @include border-left(\n calc(var(--ui-control-height) / 2) solid transparent\n );\n }\n }\n\n .chevron-right {\n @include right(0);\n border-top: calc(var(--ui-control-height) / 2) solid transparent;\n border-bottom: calc(var(--ui-control-height) / 2) solid transparent;\n @include border-left(\n calc(var(--ui-control-height) / 2) solid var(--ui-control-bg-color)\n );\n }\n }\n\n ol {\n position: relative;\n @include padding-left(0);\n list-style-type: none;\n display: flex;\n\n li {\n &.first-step .btn {\n .btn-body {\n @include padding-left(14px);\n @include border-radius(\n var(--ui-control-border-radius),\n 0,\n 0,\n var(--ui-control-border-radius)\n );\n }\n\n .chevron-left {\n display: none;\n }\n }\n\n &:not(.first-step) .btn {\n @include margin-left(calc(-1 * (var(--ui-control-height) / 2)));\n @include padding-left(calc(var(--ui-control-height) / 2));\n\n .btn-body {\n @include padding-left(7px);\n }\n }\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):not(.noteditable) {\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 max-width: 100%;\n padding-left: 7px;\n padding-right: 7px;\n\n span {\n flex-grow: 1;\n padding: 7px 0;\n color: var(--medium-text-color);\n cursor: default;\n overflow: auto;\n overflow-wrap: break-word;\n hyphens: auto;\n\n &[data-toggle='on'] {\n @include margin-left(7px);\n }\n\n &[data-toggle='off'] {\n @include margin-right(7px);\n text-align: right;\n\n body.rtl & {\n text-align: left;\n }\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 min-width: 34px;\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: calc(30rem / 16);\n height: calc(30rem / 16);\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 @include focus-styles {\n box-shadow:\n inset 0 0 0 1px var(--hairline-color),\n 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 --pane-y-padding-default: calc(var(--xl) - 2px);\n --pane-x-padding-default: calc(var(--padding) - 2px);\n margin: calc(var(--pane-padding, var(--pane-y-padding-default)) * -1)\n calc(var(--pane-padding, var(--pane-x-padding-default)) * -1)\n calc(\n var(--pane-padding, var(--padding)) * -1 + var(--pane-padding, var(--m))\n );\n padding: 0 !important;\n overflow-x: auto;\n\n table.data {\n th,\n td {\n &:first-child {\n @include padding-left(var(--m));\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% - 8rem / 16);\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(\n var(--border-radius, var(--small-border-radius))\n );\n @include border-bottom-left-radius(\n var(--border-radius, var(--small-border-radius))\n );\n }\n &:last-child {\n @include border-top-right-radius(\n var(--border-radius, var(--small-border-radius))\n );\n @include border-bottom-right-radius(\n var(--border-radius, var(--small-border-radius))\n );\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: var(--s);\n padding-bottom: var(--s);\n }\n\n th {\n white-space: nowrap;\n vertical-align: middle;\n\n &.orderable {\n position: relative;\n padding: 0 !important;\n\n body:not(.dragging) &: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(var(--m));\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(35px);\n font: inherit;\n width: 100%;\n padding: var(--pane-padding, var(--m)) var(--m);\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 --hover-bg-color: var(--gray-050);\n --selected-bg-color: var(--dark-sel-color);\n\n &:not(.disabled) {\n &:hover {\n th,\n td {\n background-color: var(--hover-bg-color);\n }\n }\n\n &:focus {\n position: relative;\n z-index: 1;\n }\n\n &.sel,\n &.active-drop-target {\n --text-color: var(--white);\n --medium-dark-text-color: var(--white);\n --medium-text-color: var(--white);\n --light-text-color: var(--white);\n --link-color: var(--white);\n --ui-control-color: var(--white);\n @include custom-color-focus-ring(hsl(var(--light-focus-hsl)));\n\n th,\n td {\n color: var(--white);\n background-color: var(--selected-bg-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 tr.sel:not(.draggee) + tr.sel:not(.draggee) {\n th,\n td {\n border-top-color: var(--gray-300);\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 background-color: var(--white);\n @include shadow;\n}\n\n.datatablesorthelper,\n.datatablesorthelper .chip,\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.chip,\n.card {\n color: var(--custom-text-color, var(--text-color));\n background-color: var(--custom-bg-color, var(--gray-050));\n}\n\n/* chips */\n.chip {\n position: relative;\n display: inline-flex;\n align-items: center;\n cursor: default;\n user-select: none;\n font-weight: normal;\n padding: var(--xs) var(--s);\n max-width: 100%;\n gap: var(--xs);\n border-radius: var(--large-border-radius);\n\n &.small {\n flex-direction: row;\n height: calc(26rem / 16 + 8px);\n --thumb-size: calc(30rem / 16);\n\n & > .thumb {\n margin: calc(var(--xs) * -1 + 2px) calc(var(--s) * -1 + 2px);\n @include margin-right(2px);\n\n &.cp-icon {\n @include margin-left(-2px);\n --thumb-size: 1rem; // 16px\n }\n }\n }\n\n &.large {\n flex-direction: column;\n --thumb-size: 120px;\n min-width: calc(var(--s) * 2 + var(--thumb-size));\n\n .chip-content {\n width: 100%;\n }\n }\n\n .chip-content {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: var(--s);\n max-width: 100%;\n\n .status,\n .icon {\n @include margin-right(0);\n }\n\n .icon {\n margin: -4px -1px 0;\n }\n }\n\n &.sel,\n li.sel &,\n li.active-drop-target & {\n --text-color: var(--white);\n --custom-text-color: var(--white) !important;\n --medium-dark-text-color: var(--white);\n --medium-text-color: var(--white);\n --light-text-color: var(--white);\n --link-color: var(--white);\n --ui-control-color: var(--white);\n @include custom-color-focus-ring(hsl(var(--light-focus-hsl)));\n color: var(--white);\n background-color: var(\n --custom-sel-bg-color,\n var(--dark-sel-color)\n ) !important;\n\n .cp-icon {\n --icon-color: var(--white) !important;\n }\n }\n\n &.sel,\n .sel & {\n cursor: default;\n\n .thumb {\n filter: brightness(0.85);\n\n img {\n box-shadow:\n 0 0 0 1px transparentize($darkSelColor, 0.9),\n 0 6px 4px -4px transparentize($darkSelColor, 0.8);\n }\n }\n }\n\n .offset-drag-helper & {\n background-color: var(--gray-050);\n @include shadow;\n }\n\n & > .thumb {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n width: var(--thumb-size);\n height: var(--thumb-size);\n\n &.rounded {\n img,\n svg {\n border: var(--xs) solid transparent;\n border-radius: 50%;\n }\n }\n\n &.checkered img {\n @include checkered-bg(8px);\n }\n\n img,\n svg {\n display: block;\n flex-shrink: 0;\n border-radius: var(--small-border-radius);\n max-width: 100%;\n max-height: 100%;\n }\n }\n}\n\n.cp-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: var(--icon-size);\n height: var(--icon-size);\n max-width: var(--icon-size);\n\n svg {\n width: var(--icon-size);\n height: var(--icon-size);\n max-width: var(--icon-size) !important;\n max-height: var(--icon-size) !important;\n @include svg-mask(var(--icon-color, var(--ui-control-color)));\n }\n\n &.large {\n --icon-size: calc(20rem / 16);\n }\n\n &.small {\n --icon-size: calc(14rem / 16);\n }\n\n &.puny {\n --icon-size: calc(12rem / 16);\n }\n}\n\n.chips,\n.cards {\n display: flex;\n --custom-bg-color: initial;\n --custom-text-color: initial;\n --custom-sel-bg-color: initial;\n\n &:not(.inline-chips) {\n flex-direction: column;\n }\n\n li {\n max-width: 100%;\n }\n}\n\n.cards {\n gap: var(--s);\n}\n\n.chips {\n align-items: flex-start;\n gap: var(--xs);\n}\n\n.inline-chips {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n align-items: center;\n gap: var(--xs);\n\n .chip {\n margin: 0 !important;\n }\n}\n\n/** cards */\n.card {\n position: relative;\n display: flex;\n flex-direction: row;\n align-items: stretch;\n padding: var(--m);\n gap: var(--m);\n border-radius: var(--large-border-radius);\n cursor: default;\n user-select: none;\n width: 100%;\n\n &:after {\n border-radius: var(--large-border-radius);\n }\n\n &.sel,\n li.sel & {\n --text-color: var(--white);\n --custom-text-color: var(--white) !important;\n --medium-dark-text-color: var(--white);\n --medium-text-color: var(--white);\n --light-text-color: var(--white);\n --link-color: var(--white);\n --ui-control-color: var(--white);\n @include custom-color-focus-ring(hsl(var(--light-focus-hsl)));\n color: var(--white);\n background-color: var(\n --custom-sel-bg-color,\n var(--dark-sel-color)\n ) !important;\n\n & > .thumb {\n background-color: var(--dark-sel-color) !important;\n filter: brightness(0.85);\n }\n }\n\n & > .thumb {\n position: relative;\n display: flex;\n align-items: stretch;\n margin: calc(var(--m) * -1);\n @include margin-right(0);\n width: 120px;\n min-width: 120px; // needed for flex\n min-height: calc(var(--m) * 2 + var(--lh) * 3 + var(--xs));\n background-color: var(--gray-100);\n overflow: hidden;\n\n &:after {\n display: block;\n content: '';\n font-size: 0;\n position: absolute;\n top: 0;\n bottom: 0;\n @include shadow();\n width: 10px;\n\n body.ltr & {\n right: -10px;\n }\n\n body.rtl & {\n left: -10px;\n }\n }\n\n &,\n &:after {\n @include border-radius(\n var(--large-border-radius),\n 0,\n 0,\n var(--large-border-radius)\n );\n }\n\n img,\n svg {\n width: 100%;\n max-height: 120px;\n object-fit: cover;\n }\n }\n\n & > .cp-icon {\n @include margin(0, -4px, 0, -2px);\n }\n\n .card-content,\n .card-content .card-body {\n display: flex;\n flex-direction: column;\n gap: var(--xs);\n flex: 1;\n }\n\n .card-content {\n margin: calc((1rem - var(--lh)) / 2) 0;\n flex: 1 0 0 !important;\n overflow: hidden;\n position: relative;\n --focus-ring: var(--inner-focus-ring);\n\n .card-heading {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 5px;\n\n .status {\n margin: 0;\n flex: 0 0 10px;\n }\n\n .label {\n font-weight: 600;\n }\n }\n\n .card-body {\n &:empty {\n display: none;\n }\n\n & > * {\n --max-lines: 2;\n margin: 0;\n max-height: calc(var(--lh) * var(--max-lines));\n overflow: hidden;\n text-wrap: pretty;\n }\n }\n }\n\n & > .card-actions-container {\n display: flex;\n align-items: flex-start !important;\n position: relative;\n }\n}\n\n.card-grid {\n display: grid !important;\n gap: var(--s) !important;\n grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));\n\n & > li {\n border-radius: var(--large-border-radius);\n\n & > .card {\n margin: 0 !important;\n height: 100%;\n }\n }\n}\n\n.context-label,\n.context-menu-container {\n display: inline-flex;\n align-items: center;\n @include margin-left(var(--xs));\n height: var(--touch-target-size);\n padding: 0 var(--s);\n font-size: 11px;\n font-weight: normal;\n text-decoration: none !important;\n color: var(--light-text-color);\n border-radius: calc(var(--touch-target-size) / 2);\n border: 1px solid var(--medium-hairline-color);\n}\n\n.context-menu-container {\n @include padding-right(0);\n\n .menubtn:not(.action-btn) {\n @include margin(0, -1px, 0, 0);\n @include padding-right(2px !important);\n @include border-left(1px solid var(--medium-hairline-color));\n @include border-radius(\n 0,\n calc(var(--touch-target-size) / 2),\n calc(var(--touch-target-size) / 2),\n 0\n );\n\n &:hover {\n border-color: var(--dark-hairline-color) !important;\n }\n }\n\n > * {\n display: inline-block;\n @include padding-right(var(--s));\n }\n}\n\n// fix for context menus that are only children\n.context-menu-container .menubtn:not(.action-btn):only-child,\n.context-menu-container\n .visually-hidden:first-child\n + .menubtn:not(.action-btn):last-child {\n margin: 0 calc(var(--s) * -1);\n border-left: none !important;\n border-radius: calc(var(--touch-target-size) / 2) !important;\n}\n\n.chip,\n.card {\n // prevent double focus ring (chip/card already gets it)\n .checkbox:before {\n box-shadow: none !important;\n }\n\n .label {\n display: flex;\n align-items: center;\n gap: var(--xs);\n overflow: hidden;\n\n .label-link {\n flex: 1 1 0;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n\n &:focus {\n box-shadow: var(--inner-focus-ring);\n }\n }\n\n .segment:after {\n display: inline-flex !important;\n position: relative;\n top: -2px;\n @include margin(0, 5px, 0, 2px);\n @include angle(right, var(--light-text-color), calc(1rem / 16));\n\n .sel & {\n @include angle(right, var(--white), calc(1rem / 16));\n }\n }\n }\n\n & > .chip-content > .chip-actions,\n & > .card-actions-container > .card-actions {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: var(--s);\n min-height: 1rem;\n\n &:empty {\n display: none;\n }\n\n & > .status {\n margin: 0;\n }\n\n & > .action-btn,\n & > .move {\n @include touch-target;\n margin: 0 -4px;\n &:before {\n color: var(--custom-text-color, var(--ui-control-color));\n }\n }\n\n .action-btn {\n background-color: transparent;\n\n &:before {\n @include margin-right(0 !important);\n }\n\n &:hover,\n &:active,\n &[aria-expanded='true'] {\n backdrop-filter: brightness(90%);\n }\n }\n\n .move {\n margin-top: -3px !important;\n }\n }\n\n &.error .label .label-link {\n color: var(--error-color);\n }\n}\n\n.element-index {\n .source-path {\n background-color: var(--gray-050);\n border-radius: 3px;\n --ui-control-bg-color: var(--light-sel-color);\n --ui-control-hover-bg-color: #{darken($lightSelColor, 5%)};\n --ui-control-active-bg-color: #{darken($lightSelColor, 10%)};\n\n .chevron-btns {\n display: inline-flex;\n position: relative;\n background: $white;\n --ui-control-height: calc((30rem / 16)); // 1rem == 16px\n\n &:before {\n display: block;\n content: '';\n font-size: 0;\n position: absolute;\n top: 0;\n width: 0;\n height: 0;\n @include right(0);\n border-top: calc(var(--ui-control-height) / 2) solid $grey050;\n @include border-left(\n calc(var(--ui-control-height) / 2) solid transparent\n );\n }\n\n &:after {\n display: block;\n content: '';\n font-size: 0;\n position: absolute;\n top: calc(var(--ui-control-height) / 2);\n @include right(0);\n border-bottom: calc(var(--ui-control-height) / 2) solid $grey050;\n @include border-left(\n calc(var(--ui-control-height) / 2) solid transparent\n );\n }\n\n .btn {\n --ui-control-border-radius: 3px;\n }\n }\n\n .btn.settings {\n box-shadow: 0 0 0 2px var(--white);\n }\n }\n\n &.main {\n .source-path {\n margin: -22px calc(var(--padding) * -1 + 2px) 24px;\n }\n }\n\n .elementselectormodal & {\n .source-path {\n margin-bottom: 2px;\n }\n }\n\n &.pane {\n .toolbar {\n position: relative;\n z-index: 2;\n margin: calc(var(--pane-padding) * -1) calc(var(--pane-padding) * -1)\n var(--pane-padding) !important;\n border-radius: calc(var(--large-border-radius) - 1px)\n calc(var(--large-border-radius) - 1px) 0 0;\n padding: var(--pane-padding);\n box-shadow: 0 1px 0 var(--hairline-color);\n background-color: var(--gray-050);\n }\n\n .header {\n padding-top: var(--pane-padding);\n padding-bottom: var(--pane-padding);\n background-color: transparent;\n border-bottom: 1px solid var(--hairline-color);\n }\n\n .elements {\n --border-radius: 0;\n\n .tableview table.data thead {\n th,\n td {\n border-bottom: 1px solid var(--hairline-color);\n &:not(.ordered) {\n background-color: transparent;\n }\n }\n }\n }\n\n .footer {\n border-radius: 0 0 calc(var(--large-border-radius) - 1px)\n calc(var(--large-border-radius) - 1px) !important;\n box-shadow: none;\n border-top: 1px solid var(--hairline-color);\n background: transparent;\n }\n }\n}\n\n.elements {\n position: relative;\n\n &:not(.busy) {\n .update-spinner {\n display: none;\n }\n }\n\n &.busy {\n min-height: 72px;\n\n &:after {\n display: block;\n content: '';\n font-size: 0;\n position: absolute;\n z-index: 100;\n top: 0;\n left: calc(var(--pane-padding, 24px) * -1);\n width: calc(100% + var(--pane-padding, 24px) + var(--pane-padding, 24px));\n height: 100%;\n background: transparentize($white, 0.25);\n border-radius: var(--large-border-radius);\n }\n\n .update-spinner {\n z-index: 101;\n }\n }\n\n .header {\n margin: calc(var(--xl) * -1 + 2px) calc(var(--padding) * -1 + 2px) var(--xl);\n padding: var(--s);\n background-color: var(--gray-050);\n box-shadow: none;\n border-radius: var(--border-radius, var(--small-border-radius));\n\n &:after {\n content: '';\n }\n\n .selectallcontainer {\n display: flex;\n align-items: center;\n gap: 5px;\n cursor: default;\n }\n }\n\n .tableview tr.draggee th,\n .tableview tr.draggee td,\n .thumbsview li.draggee {\n opacity: 0.25;\n }\n\n // table views\n .tableview {\n th {\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 .enabled-label {\n margin-left: var(--xs);\n }\n }\n\n .chip {\n background-color: transparent;\n }\n }\n\n // thumbs views\n .thumbsview {\n display: grid;\n gap: var(--xs);\n grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));\n\n li {\n position: relative;\n @include margin(0, 1px, 1px, 0);\n max-width: 226px;\n border-radius: var(--large-border-radius);\n\n &:hover {\n .chip {\n background-color: var(--gray-050);\n }\n }\n\n &.sel {\n a {\n cursor: pointer !important;\n\n &:hover {\n text-decoration: underline;\n }\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/* 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(--gray-200));\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 .chip {\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.elementselect .elements:not(:empty),\n.componentselect .components:not(:empty) {\n & + .flex {\n margin-top: var(--s);\n }\n}\n\n/* element select fields */\n.elementselect {\n position: relative;\n min-height: 34px;\n\n .flex,\n .btn {\n clear: both;\n }\n\n .chip {\n z-index: 1;\n }\n\n .structure {\n .chip {\n margin-top: var(--xs);\n }\n\n & > li {\n @include padding-left(0);\n }\n\n ul {\n @include margin-left(14px);\n\n li {\n background-position: 0 6px !important;\n }\n }\n }\n}\n\n/* nested element cards */\n.nested-element-cards {\n display: flex;\n flex-direction: column;\n gap: var(--s);\n\n & > .pane {\n margin: 0;\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.heading,\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(\n calc(var(--large-border-radius) - 1px)\n );\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 .editable-table-preview {\n @include alignleft;\n white-space: pre-wrap;\n\n & + textarea {\n opacity: 0;\n height: 0;\n min-height: 0;\n padding-top: 0;\n padding-bottom: 0;\n }\n }\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 .editable-table-preview {\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: calc(100% - 29px);\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 position: relative;\n @include margin-right(10px);\n width: calc(12rem / 16);\n height: calc(12rem / 16);\n border: 1px solid transparent;\n border-radius: 100%;\n box-sizing: border-box;\n background-clip: border-box;\n\n body.use-shapes & {\n &.all {\n rotate: 45deg;\n background-image: linear-gradient(30deg, #184cef, #e5422b);\n }\n\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 &.all,\n &.off,\n &.suspended,\n &.expired {\n border-radius: 2px;\n transform: scale(90%);\n }\n }\n}\n\n.status:not(.on):not(.live):not(.active):not(.enabled):not(.all) {\n &:not(.pending):not(.warning):not(.off):not(.suspended):not(.expired) {\n &:not(.light):not(.gray):not(.red):not(.orange):not(.amber):not(.yellow) {\n &:not(.lime):not(.green):not(.emerald):not(.teal):not(.cyan):not(.sky) {\n &:not(.blue):not(.indigo):not(.violet):not(.purple):not(.fuchsia) {\n &:not(.pink):not(.rose):not(.grey):not(.black) {\n border-color: var(--ui-control-color);\n }\n }\n }\n }\n }\n}\n\n.status.all {\n background-image: linear-gradient(60deg, #184cef, #e5422b);\n background-origin: border-box;\n}\n.status.on,\n.status.live,\n.status.active,\n.status.enabled {\n background-color: var(--enabled-color);\n}\n.status.red,\n.bg-red,\n.status.off,\n.status.suspended,\n.status.expired {\n background-color: var(--disabled-color);\n}\n.status.warning {\n background-color: var(--warning-color);\n}\n.status.orange,\n.bg-orange,\n.status.pending {\n background-color: var(--pending-color);\n}\n.status.amber,\n.bg-amber {\n background-color: var(--amber-500);\n}\n.status.yellow,\n.bg-yellow {\n background-color: var(--yellow-500);\n}\n.status.lime,\n.bg-lime {\n background-color: var(--lime-500);\n}\n.status.green,\n.bg-green {\n background-color: var(--green-600);\n}\n.status.emerald,\n.bg-emerald {\n background-color: var(--emerald-500);\n}\n.status.teal,\n.bg-teal,\n.status.turquoise,\n.bg-turquoise {\n background-color: var(--teal-500);\n}\n.status.cyan,\n.bg-cyan {\n background-color: var(--cyan-500);\n}\n.status.sky,\n.bg-sky {\n background-color: var(--sky-500);\n}\n.status.blue,\n.bg-blue {\n background-color: var(--blue-600);\n}\n.status.indigo,\n.bg-indigo {\n background-color: var(--indigo-500);\n}\n.status.violet,\n.bg-violet {\n background-color: var(--violet-500);\n}\n.status.purple,\n.bg-purple {\n background-color: var(--purple-500);\n}\n.status.fuchsia,\n.bg-fuchsia {\n background-color: var(--fuchsia-500);\n}\n.status.pink,\n.bg-pink {\n background-color: var(--pink-500);\n}\n.status.rose,\n.bg-rose {\n background-color: var(--rose-500);\n}\n.status.light {\n background-color: var(--gray-100);\n}\n.status.white,\n.bg-white {\n background-color: var(--white);\n}\n.status.black,\n.bg-black {\n background-color: var(--gray-800);\n}\n.status.gray,\n.bg-gray,\n.status.grey,\n.bg-grey {\n background-color: var(--gray-300);\n}\n\n.status.white,\n.status.disabled {\n opacity: 1;\n}\n\n.icon,\n.cp-icon,\n[data-icon],\n[data-icon-after] {\n &.warning {\n --icon-color: var(--warning-color);\n }\n &.red {\n --icon-color: var(--disabled-color);\n }\n &.orange {\n --icon-color: var(--pending-color);\n }\n &.amber {\n --icon-color: var(--amber-500);\n }\n &.yellow {\n --icon-color: var(--yellow-500);\n }\n &.lime {\n --icon-color: var(--lime-500);\n }\n &.green {\n --icon-color: var(--green-500);\n }\n &.emerald {\n --icon-color: var(--emerald-500);\n }\n &.teal {\n --icon-color: var(--teal-500);\n }\n &.cyan {\n --icon-color: var(--cyan-500);\n }\n &.sky {\n --icon-color: var(--sky-500);\n }\n &.blue {\n --icon-color: var(--blue-600);\n }\n &.indigo {\n --icon-color: var(--indigo-500);\n }\n &.violet {\n --icon-color: var(--violet-500);\n }\n &.purple {\n --icon-color: var(--purple-500);\n }\n &.fuchsia {\n --icon-color: var(--fuchsia-500);\n }\n &.pink {\n --icon-color: var(--pink-500);\n }\n &.rose {\n --icon-color: var(--rose-500);\n }\n &.white {\n --icon-color: var(--white);\n }\n &.black {\n --icon-color: var(--gray-800);\n }\n &.gray {\n --icon-color: var(--gray-300);\n }\n}\n\n.warning,\n.red,\n.orange,\n.amber,\n.yellow,\n.lime,\n.green,\n.emerald,\n.teal,\n.cyan,\n.sky,\n.blue,\n.indigo,\n.violet,\n.purple,\n.fuchsia,\n.pink,\n.rose,\n.white,\n.black,\n.gray {\n &[data-icon]:before,\n &[data-icon-after]:after {\n color: var(--icon-color) !important;\n }\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 --pane-padding: var(--xl);\n --border: 1px solid var(--hairline-color);\n @include pane;\n position: relative;\n margin: 14px 0;\n padding: var(--pane-padding);\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 &.dashed {\n background-color: transparent !important;\n box-shadow: none;\n border: 1px dashed var(--medium-hairline-color) !important;\n }\n\n &.hairline {\n background-color: transparent !important;\n box-shadow: none;\n border: 1px solid #{transparentize($inputColor, 0.75)} !important;\n }\n\n &.no-border {\n border: none !important;\n }\n\n &.padding-xs {\n --pane-padding: var(--xs);\n }\n &.padding-s {\n --pane-padding: var(--s);\n }\n &.padding-m {\n --pane-padding: var(--m);\n }\n &.padding-l {\n --pane-padding: var(--l);\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(--padding) * -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 --tab-label-color: var(--light-text-color);\n\n &.error {\n --highlight-color: var(--error-color) !important;\n --tab-label-color: var(--error-color) !important;\n }\n\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 var(--padding);\n white-space: nowrap;\n height: 50px;\n }\n\n &:hover {\n text-decoration: none;\n }\n\n @include focus-styles {\n box-shadow: none;\n\n .tab-label {\n box-shadow: var(--inner-focus-ring);\n }\n }\n\n &:not(.sel) {\n color: var(--custom-text-color, var(--tab-label-color));\n\n &:hover {\n backdrop-filter: brightness(95%);\n }\n }\n\n &.sel {\n --highlight-color: var(--gray-500);\n --tab-label-color: var(--text-color);\n position: relative;\n z-index: 1;\n cursor: default;\n box-shadow:\n inset 0 2px 0 var(--custom-text-color, var(--highlight-color)),\n 0 0 0 1px $hairlineColor,\n 0 2px 12px var(--custom-sel-tab-shadow-color, var(--gray-200));\n color: var(--tab-label-color);\n background-color: var(--white) !important;\n }\n\n span[data-icon] {\n @include margin-left(4px);\n }\n }\n }\n\n &#tabs: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 &.error {\n span[data-icon] {\n margin-right: 2px;\n }\n }\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:\n 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 &[aria-expanded='true'] {\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$min2ColWidth: 400px;\n\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:\n padding-left linear 100ms,\n 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 margin: 0;\n\n @media screen and (min-width: $min2ColWidth) {\n flex: 0 0 104px;\n @include margin-right(var(--s));\n line-height: 18px;\n }\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-top: var(--s);\n\n @media screen and (min-width: $min2ColWidth) {\n padding: 14px 0;\n }\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: 100%;\n\n @media screen and (min-width: $min2ColWidth) {\n width: calc(100% - 112px);\n }\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 gap: 0;\n\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):not(.first-child),\n & > .flex-fields + .field:not(.first-child) {\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.meta > .field > .input > .custom-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 .menubtn:not(.action-btn) {\n @include padding-left(0);\n justify-content: start;\n width: 100%;\n background-color: transparent;\n\n &:after {\n position: absolute;\n top: calc(50% - 5px);\n @include right(0);\n }\n }\n\n .label {\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\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 {\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 &.so-lp {\n position: absolute;\n top: var(--m);\n left: var(--m);\n width: calc(100% - var(--m) * 2);\n height: calc(100vh - var(--m) * 2);\n }\n\n body.has-debug-toolbar & {\n height: calc(100vh - 42px);\n }\n}\n\n.slideout {\n position: absolute;\n background-color: var(--white);\n box-shadow:\n 0 0 0 1px transparentize($grey400, 0.75),\n 0 25px 100px transparentize($grey900, 0.5) !important;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n padding: 24px var(--padding);\n pointer-events: all;\n container-type: inline-size;\n\n &.so-mobile,\n &.so-lp {\n width: 100% !important;\n height: 100% !important;\n left: 0;\n transition: top linear 250ms;\n will-change: top;\n }\n\n &.so-mobile {\n --padding: 14px;\n --neg-padding: -14px;\n }\n\n &:not(.so-mobile) {\n border-radius: var(--large-border-radius);\n }\n\n &:not(.so-mobile):not(.so-lp) {\n top: 8px;\n width: calc(50% - 8px);\n height: calc(100% - 16px);\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 padding-left: var(--padding);\n padding-right: var(--padding);\n z-index: 2;\n\n & > .so-toolbar {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: var(--xs);\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-body {\n flex: 1;\n margin: -24px var(--neg-padding);\n overflow: hidden auto;\n position: relative;\n\n &:not(:last-child) {\n margin-bottom: 0;\n }\n\n & > h1:not(:last-child) {\n padding-bottom: var(--s);\n border-bottom: 1px solid var(--hairline-color);\n }\n\n &.so-full-details,\n & > .so-sidebar {\n background-color: var(--gray-100) !important;\n }\n\n &:not(.so-full-details) {\n padding: 24px var(--padding);\n }\n\n & > .so-sidebar,\n &.so-full-details > .so-content > .details {\n box-sizing: border-box;\n padding: 0 var(--padding) var(--spacing);\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 .notes {\n padding-top: var(--m);\n padding-bottom: var(--m);\n }\n }\n\n & > .so-sidebar {\n position: absolute;\n top: 0;\n @include pane();\n width: 350px;\n height: 100%;\n max-width: 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 }\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@container (width > 700px) {\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 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: 5px var(--pane-padding, 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: calc(var(--pane-padding, 24px) * -1)\n calc(var(--pane-padding, 24px) * -1) var(--pane-padding, 24px);\n }\n\n .footer {\n margin: var(--pane-padding, 24px) calc(var(--pane-padding, 24px) * -1)\n calc(var(--pane-padding, 24px) * -1);\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 &.blurred {\n backdrop-filter: blur(10px);\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 &.tooltip-hud {\n display: block;\n }\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 }\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 & > .header {\n padding-top: 14px;\n padding-bottom: 14px;\n text-align: center;\n\n & + .body {\n height: calc(100% - 48px) !important;\n }\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 .header {\n margin: 0 0 var(--m);\n }\n\n .tableview table {\n tr {\n th,\n td {\n cursor: default;\n }\n\n // prevent double focus ring (the row already gets it)\n .checkbox:before {\n box-shadow: none !important;\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 selector modals & customize sources modal */\n.elementselectormodal,\n.customize-sources-modal {\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\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/* recent activity container */\n.activity-container {\n &:not(:last-child) {\n @include margin-right(var(--s));\n }\n\n ul {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n gap: var(--xs);\n\n li {\n .activity-btn {\n width: 30px;\n height: 30px;\n border-radius: 50%;\n display: block;\n\n .elementthumb {\n position: relative;\n width: 100%;\n height: 100%;\n border-radius: 50px;\n background: var(--gray-050);\n overflow: hidden;\n border: 2px solid var(--white);\n box-shadow: 0 1px 2px 1px transparentize($grey900, 0.9);\n\n img,\n svg {\n display: block;\n width: 100%;\n height: 100%;\n }\n }\n }\n\n &:not(:last-child) {\n @include margin-right(-10px);\n }\n }\n }\n}\n\n/* element index view menu */\n.element-index-view-menu {\n width: 400px;\n max-width: calc(100% - 20px);\n padding: 0 !important;\n\n .meta {\n padding-top: var(--s);\n padding-bottom: var(--s);\n }\n\n .table-columns-field {\n align-items: flex-start;\n\n .input {\n padding: 13px 0;\n }\n }\n\n .menu-footer {\n margin: 0 !important;\n padding: var(--s) var(--xl) !important;\n background-color: var(--gray-050);\n }\n}\n\n.element-index-view-menu-table-column {\n display: flex;\n align-items: flex-start;\n align-content: stretch;\n margin-bottom: 4px;\n\n .icon.move {\n @include margin-right(10px);\n position: relative;\n z-index: 1;\n }\n}\n\n/* sort fields */\n.sort-field {\n .input {\n .flex {\n .btngroup {\n .btn {\n width: 42px;\n }\n }\n\n .flex-grow {\n max-width: calc(100% - 85px - var(--s));\n }\n\n @media screen and (max-width: 350px) {\n flex-direction: column;\n\n & > * {\n width: 100%;\n }\n\n .flex-grow {\n max-width: none;\n }\n }\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 .so-content & {\n grid-template-columns: repeat(1, minmax(0, 1fr)) !important;\n }\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 .so-content & {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n }\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.login-modal-shade,\n#logoutwarningmodal,\n.login-modal,\n#elevatedsessionmodal,\n.prompt {\n z-index: 1001;\n}\n\n#logoutwarningmodal,\n#elevatedsessionmodal,\n.prompt {\n width: 500px;\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 div.elements {\n list-style: none;\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/* Alternative Text\n/* ----------------------------------------*/\n.video-transcript {\n background-color: var(--gray-050);\n overflow-y: scroll;\n font-size: 1rem;\n position: relative;\n\n @include focus-styles {\n // Unset default\n box-shadow: none;\n color: var(--white);\n background-color: var(--gray-800);\n }\n}\n\n.video-transcript__inner {\n margin-left: auto;\n margin-right: auto;\n max-width: 550px;\n padding: var(--xl);\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 &.padded {\n padding: var(--s) calc(var(--m) + var(--s));\n\n hr {\n margin: var(--s) calc((var(--m) + var(--s)) * -1);\n }\n\n ul {\n li {\n margin: 0 calc(var(--m) * -1);\n padding: 0 var(--m);\n\n a {\n border-radius: var(--large-border-radius);\n }\n }\n }\n\n .extralight {\n margin-top: 2px;\n }\n }\n\n h6,\n .h6 {\n &:first-child {\n margin-top: 14px !important;\n }\n }\n\n ul {\n &.padded {\n li {\n a,\n .menu-item,\n .menu-option {\n @include padding-left(calc(var(--m) + 18rem / 16));\n\n &.sel {\n &:not([data-icon]):before {\n @include floatleft;\n @include margin(4px, 0, 0, calc(-18rem / 16 - 4px));\n font-size: 14px;\n width: 14px;\n content: 'check';\n color: var(--ui-control-color);\n margin-top: 3px !important;\n }\n }\n }\n }\n }\n\n li {\n a,\n .menu-item,\n .menu-option {\n margin: 0 -14px;\n padding: 10px 14px;\n white-space: nowrap;\n font-size: 14px;\n -webkit-appearance: none;\n\n &:not(:last-child) {\n @include margin-right(0);\n }\n\n &:not(.flex):not(.hidden) {\n display: block;\n width: calc(100% + 28px);\n @include alignleft;\n }\n\n &.flex {\n [data-icon] {\n margin-top: -2px;\n }\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:\n 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 .go:after {\n color: inherit;\n }\n\n &:not(.menu--disclosure) ul li a,\n ul li .menu-item,\n ul li .menu-option {\n color: $menuOptionColor;\n text-decoration: none;\n cursor: default;\n }\n}\n\n.menu li {\n & > a,\n & > button {\n &[data-icon]:before,\n [data-icon]:before,\n span.icon:not([data-icon]) {\n display: inline-block;\n width: calc(14rem / 16);\n height: calc(14rem / 16);\n @include margin-left(-1px);\n @include margin-right(9px);\n }\n\n &[data-icon]:before,\n [data-icon]:before {\n position: relative;\n top: -2px;\n text-align: center;\n font-size: 14px;\n color: var(--ui-control-color);\n }\n\n span.icon:not([data-icon]) svg {\n display: block;\n position: relative;\n top: 1px;\n width: 100%;\n height: 100%;\n @include svg-mask(var(--icon-color, var(--ui-control-color)));\n }\n\n &.error {\n &[data-icon]:before,\n [data-icon]:before {\n color: var(--error-color);\n }\n\n span.icon:not([data-icon]) svg {\n @include svg-mask(var(--error-color));\n }\n }\n }\n}\n\n.menu:not(.menu--disclosure) ul li a:not(.sel):not(.disabled):hover,\n.menu:not(.menu--disclosure) ul li .menu-item:not(.sel):not(.disabled):hover,\n.menu:not(.menu--disclosure) ul li .menu-option:not(.sel):not(.disabled):hover,\n.menu:not(.menu--disclosure):not(:hover) ul li a:not(.sel):not(.disabled).hover,\n.menu:not(.menu--disclosure):not(:hover)\n ul\n li\n .menu-item:not(.sel):not(.disabled).hover,\n.menu:not(.menu--disclosure):not(:hover)\n ul\n li\n .menu-option:not(.sel):not(.disabled).hover {\n @include menu-item-active-styles;\n}\n.menu {\n hr.padded,\n .h6.padded,\n h6.padded {\n @include margin-left(20px);\n }\n}\n\n.menu--disclosure ul li {\n & > a:not(.crumb-link),\n & > .menu-item,\n & > .menu-option {\n &:hover {\n @include disclosure-link-hover-styles;\n }\n\n @include focus-styles {\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 .chip.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 .chip {\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.selectize-control.single .selectize-input:not(.no-arrow)::after {\n display: none;\n}\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: calc(var(--large-border-radius) - 1px);\n }\n }\n th:last-child,\n td:last-child {\n &,\n &.disabled:after {\n border-bottom-right-radius: calc(var(--large-border-radius) - 1px);\n }\n }\n }\n }\n}\n\n.text,\n.passwordwrapper,\n.border-box,\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 @include focus-styles {\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(calc(-27rem / 16), 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 border-radius: 1px;\n content: '';\n cursor: help;\n\n &.modified {\n background-color: var(--blue-600);\n box-shadow: 0 0 5px hsl(221, 83%, 53%, 15%);\n }\n\n &.outdated {\n background-color: var(--pending-color);\n box-shadow: 0 0 5px hsl(27, 96%, 61%, 15%);\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\n code {\n font-size: 1em !important;\n }\n\n .info {\n @include margin-left(5px);\n }\n }\n\n .t9n-indicator {\n position: relative;\n top: calc(-1rem / 16);\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 input:disabled,\n textarea:disabled {\n cursor: not-allowed;\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(--custom-text-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(calc(1rem + 5px));\n line-height: 1rem;\n min-height: 1rem;\n cursor: pointer;\n\n &,\n &:before {\n // set the border radius on the container too, for (some) focus rings\n border-radius: var(--small-border-radius);\n }\n\n &: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 }\n\n &:empty {\n @include padding-left(var(--checkbox-size));\n\n &:after {\n content: '';\n font-size: 0;\n }\n }\n\n .info {\n height: 16px;\n }\n}\n\ninput.checkbox:disabled + label,\n.disabled div.checkbox {\n cursor: not-allowed;\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.elementselectormodal\n .body\n .content\n .main\n .elements\n .disabled\n .checkbox: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:not(.matrixblock) div.checkbox:not(.indeterminate):before,\n.sel.matrixblock > .actions div.checkbox:not(.indeterminate):before,\n.elementselectormodal\n .body\n .content\n .main\n .elements\n .disabled\n .checkbox:before {\n content: 'check';\n font-size: 14px;\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.checkbox-icon {\n display: inline-flex;\n padding: 3px;\n background-color: var(--enabled-color);\n color: var(--white);\n border-radius: var(--small-border-radius);\n\n &:before {\n --checkbox-size: 14px;\n @include icon;\n content: 'check';\n line-height: var(--checkbox-size);\n font-size: var(--checkbox-size);\n }\n}\n\n.monaco-mouse-cursor-text {\n @include focus-styles {\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(calc(1rem + 5px));\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(calc(1rem + 5px));\n line-height: calc(24 / 14);\n cursor: pointer;\n}\n\ninput.radio:disabled + label,\n.disabled div.radio {\n cursor: not-allowed;\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: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 @include focus-styles {\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: calc(34rem / 16);\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\ntd.errors .text,\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: calc(50% - 7rem / 16);\n @include left(9px);\n color: var(--ui-control-color);\n }\n }\n\n .texticon-icon {\n position: absolute;\n top: calc((34rem / 16) / 2);\n transform: translateY(-50%);\n display: flex;\n justify-content: center;\n align-items: center;\n @include left(9px);\n }\n\n .text {\n @include padding-left(calc(26rem / 16));\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: calc((34rem / 16) / 2);\n transform: translateY(-50%);\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: 'filter';\n color: var(--medium-text-color);\n }\n\n &:hover {\n background-color: var(--gray-100);\n }\n\n &:active,\n &.active,\n &[aria-expanded='true'] {\n background-color: var(--gray-350);\n\n &:before {\n color: var(--white);\n }\n }\n }\n\n .text {\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-wrap: nowrap;\n flex-direction: row;\n align-items: center;\n gap: 5px;\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 }\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 @include focus-styles {\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-control .selectize-input.disabled,\n.custom-select.disabled {\n opacity: 1;\n cursor: not-allowed !important;\n pointer-events: auto !important;\n\n * {\n cursor: not-allowed !important;\n pointer-events: auto !important;\n }\n}\n\n.selectize .selectize-input {\n display: block;\n border-color: inherit;\n box-shadow: none;\n background-color: transparent;\n\n .item {\n max-width: 100%;\n\n span {\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n}\n\n.selectize.select .selectize-input:after {\n display: none;\n}\n\nbody .selectize-dropdown {\n border: none;\n z-index: 101;\n}\n\n/* single select styles */\n.selectize.select {\n @include placeholder-styles(var(--gray-700));\n height: 34px;\n\n &:not(.fullwidth) {\n width: 25em;\n max-width: 100%;\n }\n}\n\n.datetimewrapper .selectize.select:not(.fullwidth) {\n max-width: calc(100% - 29px);\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 {\n .selectize-dropdown {\n margin-top: 1px;\n\n [data-selectable],\n .option,\n .optgroup-header {\n @include menu-item-styles;\n }\n\n .optgroup {\n &:not(:first-child) {\n border-top: 1px solid var(--hairline-color);\n }\n padding-top: 5px;\n\n .option {\n padding-left: 24px;\n }\n }\n\n .optgroup-header {\n @include h6-styles;\n margin: 0;\n padding: 4px 0;\n }\n\n .active:not(.selected),\n .option:hover {\n background-color: var(--gray-100);\n }\n\n .selected {\n @include menu-item-active-styles;\n cursor: default !important;\n\n .light {\n color: inherit !important;\n }\n }\n }\n\n .selectize-dropdown-content {\n @include menu-styles;\n max-height: 70vh;\n\n .option {\n min-height: 18px;\n }\n\n & > div[data-value='new'] {\n &:before {\n @include icon;\n content: 'plus';\n margin-right: 5px;\n }\n\n &:after {\n content: '…';\n }\n }\n }\n\n &.no-scroll .selectize-dropdown-content {\n max-height: 200px; // default for selectize\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: 1rem;\n white-space: nowrap;\n\n a {\n position: relative;\n border: 1px solid var(--hairline-color);\n @include border-left(none);\n background-image: none;\n width: calc(8rem / 16 - 1px);\n height: calc(1rem - 2px);\n margin-left: 0;\n margin-top: 1px;\n margin-bottom: 1px;\n box-sizing: border-box;\n cursor: pointer;\n\n &:first-child {\n width: calc(8rem / 16);\n @include border-left(1px solid var(--gray-400) !important);\n }\n\n &:before {\n content: '';\n position: absolute;\n top: calc(-4rem / 16 - 1px);\n left: -1px;\n width: calc(100% + 2px);\n height: var(--touch-target-size);\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: 1rem;\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/* icon picker */\n.icon-picker {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: var(--xs);\n}\n\n.icon-picker--icon {\n display: flex;\n align-items: center;\n justify-content: center;\n @include input-styles;\n border-radius: var(--ui-control-border-radius);\n width: var(--ui-control-height);\n height: var(--ui-control-height);\n background: var(--gray-050);\n\n svg {\n width: calc(20rem / 16);\n height: calc(20rem / 16);\n @include svg-mask(var(--ui-control-color));\n }\n}\n\n.icon-picker-modal {\n --width: calc(var(--ui-control-height) * 10 + var(--s) * 9 + var(--xl) * 2);\n width: var(--width) !important;\n min-width: 0 !important;\n max-width: calc(100% - 20px) !important;\n\n .body {\n height: 100%;\n display: flex;\n flex-direction: column;\n gap: var(--l);\n\n .icon-picker-modal--list {\n flex: 1;\n position: relative;\n overflow: hidden;\n\n &:not(.loading) {\n .spinner {\n display: none;\n }\n }\n\n &.loading {\n &:after {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n content: '';\n background-color: rgba(255, 255, 255, 0.75);\n }\n\n .spinner {\n top: calc(50% - 10px);\n z-index: 1;\n }\n }\n\n ul {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: start;\n gap: var(--s);\n max-height: 100%;\n overflow: auto;\n\n .icon-picker--icon {\n --focus-ring: var(--inner-focus-ring);\n\n &:hover {\n border-color: var(--link-color);\n background-color: var(--blue-100);\n }\n }\n }\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/* 2FA setup page */\nbody.setup-2fa {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n min-height: 100%;\n\n #setup-2fa {\n display: flex;\n flex-direction: column;\n gap: var(--l);\n width: 550px;\n max-width: 100%;\n padding: var(--padding);\n\n #setup-2fa-intro {\n text-align: center;\n }\n\n #setup-2fa-btn {\n display: flex;\n justify-content: center;\n }\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-item-styles;\n overflow: hidden;\n text-overflow: ellipsis;\n\n &:hover,\n &.autosuggest__results-item--highlighted {\n @include menu-item-active-styles;\n cursor: pointer;\n }\n }\n}\n\n/* ----------------------------------------\n/* Matrix\n/* ----------------------------------------*/\n\n/* Matrix fields */\n.matrix {\n & > .buttons {\n margin-top: 10px;\n }\n}\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: 2px solid var(--gray-100);\n background-color: var(--white);\n\n &.static {\n .titlebar {\n @include padding-right(0);\n @include padding-left(14px);\n margin-bottom: 14px;\n }\n }\n\n & > .titlebar > .matrixblock-tabs .pane-tabs .menubtn:not(.action-btn),\n & > .actions .action-btn {\n padding: 0;\n width: var(--touch-target-size);\n height: var(--touch-target-size);\n color: var(--custom-text-color, var(--ui-control-color));\n background-color: transparent;\n\n &:hover {\n backdrop-filter: brightness(90%);\n }\n\n &:active,\n &[aria-expanded='true'] {\n backdrop-filter: brightness(85%);\n }\n }\n\n .flex-fields {\n --row-gap: var(--m) !important;\n }\n\n & > .titlebar {\n display: grid;\n grid-template-columns: auto 1fr;\n align-items: center;\n gap: var(--m);\n margin: 0 calc(var(--m) * -1);\n box-sizing: border-box;\n border-radius: calc(var(--large-border-radius) - 2px)\n calc(var(--large-border-radius) - 2px) 0 0;\n @include padding(5px, calc(var(--m) + 70px), 5px, var(--m));\n color: var(--custom-text-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: var(--gray-050);\n min-height: calc(var(--lh) + 10px);\n\n & > .preview {\n flex-grow: 1;\n min-width: 0;\n opacity: 0;\n transition: opacity linear 100ms;\n overflow: hidden;\n\n &:empty {\n display: none;\n }\n\n body.ltr & {\n mask-image: linear-gradient(\n to left,\n rgba(0, 0, 0, 0),\n rgba(0, 0, 0, 1) 12px\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) 12px\n );\n }\n\n span {\n opacity: 0.5;\n }\n }\n\n & > .matrixblock-tabs {\n flex: 1;\n min-width: 0;\n margin: -5px 0;\n\n .pane-tabs {\n margin: 0;\n @include padding-right(3px);\n\n [role='tablist'] {\n padding: 0 12px;\n\n &.scrollable {\n mask-image: linear-gradient(\n to right,\n rgba(0, 0, 0, 0),\n rgba(0, 0, 0) 12px,\n rgba(0, 0, 0) calc(100% - 12px),\n rgba(0, 0, 0, 0) 100%\n );\n }\n\n [role='tab'] {\n background-color: transparent;\n\n .tab-label {\n height: calc(var(--lh) + 10px);\n padding: 0 var(--m);\n }\n }\n }\n\n .menubtn:not(.action-btn) {\n margin-left: 0;\n margin-right: 0;\n\n &:not(:empty):not(.btn-empty)::after {\n @include margin-left(0px);\n }\n }\n }\n }\n\n & > .preview:first-child:empty + .matrixblock-tabs {\n @include margin-left(calc((var(--m) + 12px) * -1));\n\n [role='tab']:first-child {\n &,\n .tab-label {\n @include border-top-left-radius(\n calc(var(--large-border-radius) - 2px)\n );\n }\n }\n }\n }\n\n &.disabled-entry {\n & > .titlebar {\n @include padding-right(100px);\n }\n\n & > .actions {\n & > .status {\n &.off {\n display: block;\n }\n }\n }\n }\n\n &.collapsed {\n & > .titlebar {\n border-radius: calc(var(--large-border-radius) - 2px);\n\n & > .preview {\n opacity: 1;\n }\n }\n }\n\n & > .actions {\n display: flex;\n align-items: center;\n gap: var(--xs);\n position: absolute;\n top: 0;\n @include right(var(--m));\n cursor: default;\n min-height: calc(var(--lh) + 10px);\n\n & > * {\n margin: 0 !important;\n }\n\n & > .status {\n &.off {\n display: none;\n }\n }\n\n a:not([data-action]) {\n padding: 0;\n height: var(--touch-target-size);\n text-align: center;\n color: var(--dark-hairline-color);\n transform: color linear 100ms;\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: var(--l);\n }\n }\n\n & > .fields > .flex-fields > .field {\n &:before {\n display: none;\n }\n\n & > .status-badge {\n @include left(-2px);\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/* 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$red050: #fef2f2;\n$red100: #fee2e2;\n$red200: #fecaca;\n$red300: #fca5a5;\n$red400: #f87171;\n$red500: #ef4444;\n$red600: #dc2626;\n$red700: #b91c1c;\n$red800: #991b1b;\n$red900: #7f1d1d;\n\n$orange050: #fff7ed;\n$orange100: #ffedd5;\n$orange200: #fed7aa;\n$orange300: #fdba74;\n$orange400: #fb923c;\n$orange500: #f97316;\n$orange600: #ea580c;\n$orange700: #c2410c;\n$orange800: #9a3412;\n$orange900: #7c2d12;\n\n$yellow050: #fefce8;\n$yellow100: #fef9c3;\n$yellow200: #fef08a;\n$yellow300: #fde047;\n$yellow400: #facc15;\n$yellow500: #eab308;\n$yellow600: #ca8a04;\n$yellow700: #a16207;\n$yellow800: #854d0e;\n$yellow900: #713f12;\n\n$green050: #f0fdf4;\n$green100: #dcfce7;\n$green200: #bbf7d0;\n$green300: #86efac;\n$green400: #4ade80;\n$green500: #22c55e;\n$green600: #16a34a;\n$green700: #15803d;\n$green800: #166534;\n$green900: #14532d;\n\n$teal050: #f0fdfa;\n$teal100: #ccfbf1;\n$teal200: #99f6e4;\n$teal300: #5eead4;\n$teal400: #2dd4bf;\n$teal500: #14b8a6;\n$teal550: #11a697;\n$teal600: #0d9488;\n$teal700: #0f766e;\n$teal800: #115e59;\n$teal900: #134e4a;\n\n$cyan050: #ecfeff;\n$cyan100: #cffafe;\n$cyan200: #a5f3fc;\n$cyan300: #67e8f9;\n$cyan400: #22d3ee;\n$cyan500: #06b6d4;\n$cyan600: #0891b2;\n$cyan700: #0e7490;\n$cyan800: #155e75;\n$cyan900: #164e63;\n\n$blue050: #eff6ff;\n$blue100: #dbeafe;\n$blue200: #bfdbfe;\n$blue300: #93c5fd;\n$blue400: #60a5fa;\n$blue500: #3b82f6;\n$blue600: #2563eb;\n$blue700: #1d4ed8;\n$blue800: #1e40af;\n$blue900: #1e3a8a;\n\n$violet050: #f5f3ff;\n$violet100: #ede9fe;\n$violet200: #ddd6fe;\n$violet300: #c4b5fd;\n$violet400: #a78bfa;\n$violet500: #8b5cf6;\n$violet600: #7c3aed;\n$violet700: #6d28d9;\n$violet800: #5b21b6;\n$violet900: #4c1d95;\n\n$pink050: #fdf2f8;\n$pink100: #fce7f3;\n$pink200: #fbcfe8;\n$pink300: #f9a8d4;\n$pink400: #f472b6;\n$pink500: #ec4899;\n$pink600: #db2777;\n$pink700: #be185d;\n$pink800: #9d174d;\n$pink900: #831843;\n\n// submit button colors\n$primaryColor: $red600;\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: #1f5fea;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $textColor;\n$menuOptionActiveBackgroundColor: $grey050;\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:\n 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing:\n 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing:\n 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey500;\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\n@mixin sans-serif-font {\n font-family:\n system-ui,\n BlinkMacSystemFont,\n -apple-system,\n 'Segoe UI',\n 'Roboto',\n 'Oxygen',\n 'Ubuntu',\n 'Cantarell',\n 'Fira Sans',\n 'Droid Sans',\n 'Helvetica Neue',\n 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: never;\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\n@mixin angle($dir: down, $color: currentColor, $width: calc(2rem / 16)) {\n display: block;\n content: '';\n font-size: 0;\n width: calc(7rem / 16);\n height: calc(7rem / 16);\n border: solid $color;\n border-width: 0 $width $width 0;\n opacity: 0.8;\n position: relative;\n\n @if $dir == up {\n transform: rotate(225deg);\n top: 2px;\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:\n 0 0 0 1px $grey200,\n 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) !important;\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 custom-color-focus-ring($primary, $secondary: null) {\n @if $secondary != null {\n --focus-ring: 0 0 0 1px #{$primary}, 0 0 0 3px #{$secondary};\n } @else {\n --focus-ring: 0 0 0 3px #{$primary};\n }\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: calc(30rem / 16);\n height: calc(30rem / 16);\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:\n 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-item-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-item-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 color: var(--ui-control-color);\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// https://tailwindcss.com/docs/screen-readers#undoing-screen-reader-only-elements\n@mixin visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n\n@mixin not-visually-hidden {\n position: static;\n width: auto;\n height: auto;\n padding: 0;\n margin: 0;\n overflow: visible;\n clip: auto;\n white-space: normal;\n}\n\n@mixin readable {\n font-size: 16px;\n line-height: 22px;\n\n h1,\n .h1,\n h2,\n .h2,\n h3,\n .h3,\n h4,\n .h4,\n h5,\n .h5,\n h6,\n .h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1,\n .h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2,\n .h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3,\n .h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4,\n .h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5,\n .h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6,\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 .tip-dismiss-btn {\n position: absolute;\n top: 12px;\n @include right(12px);\n\n & + p {\n margin-top: 0;\n }\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(50px);\n border: 1px solid;\n\n &.dismissible {\n @include padding-right(36px);\n }\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: $linkColor;\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 opacity: 1;\n position: absolute;\n top: 15px;\n @include left(16px);\n font-size: 24px;\n width: 24px;\n }\n\n a[href] {\n color: currentColor;\n text-decoration: underline;\n }\n }\n }\n\n .go:after {\n font-size: 14px;\n }\n}\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(\n 45deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 135deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 45deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n ),\n linear-gradient(\n 135deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n );\n background-size: $size $size;\n background-position:\n 0 0,\n $halfSize 0,\n $halfSize -#{$halfSize},\n 0 $halfSize;\n}\n","@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\n$sidebarWidth: calc(226rem / 16);\n$sidebarZIndex: 100;\n$detailsWidth: 350px;\n$minFullUiWidth: calc(1200rem / 16);\n$minXlUiWidth: calc(1536rem / 16);\n$minDesktopWidth: 600px;\n$minHorizontalUiWidth: $minFullUiWidth - $sidebarWidth;\n\n// Colors\n$badgeBackgroundColor: var(--gray-200);\n$badgeColor: var(--gray-800);\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 --sidebar-width: #{$sidebarWidth};\n --global-sidebar-width: #{$sidebarWidth};\n}\n\nhtml {\n -webkit-text-size-adjust: 100%;\n min-height: 100vh;\n}\n\nbody {\n min-height: 100vh;\n\n &.dragging * {\n cursor: move !important;\n cursor: grabbing !important;\n }\n\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 min-height: 100vh;\n\n @media screen and (prefers-reduced-motion: no-preference) {\n body.ltr & {\n transition: left 100ms cubic-bezier(0.33, 1, 0.68, 1);\n }\n\n body.rtl & {\n transition: right 100ms cubic-bezier(0.33, 1, 0.68, 1);\n }\n }\n}\n\n/* global sidebar */\n$sidebarLinkStaticColor: var(--gray-100);\n$sidebarLinkSecondaryColor: var(--gray-200);\n\n$systemInfoBgColor: darken($grey800, 5%);\n$systemInfoHoverBgColor: darken($grey800, 10%);\n\n#system-info {\n display: grid;\n grid-template-columns: var(--prefix-width) auto;\n gap: 10px;\n height: calc(45rem / 16);\n padding: 0 var(--gutter-width);\n position: relative;\n flex: 0 0 calc(45rem / 16);\n flex-direction: row;\n align-items: center;\n color: currentColor;\n border-bottom: 1px solid var(--hairline-color);\n background-clip: padding-box;\n\n &:after {\n display: none;\n }\n\n &:focus,\n &:hover {\n text-decoration: none;\n background-color: var(--gray-200);\n }\n}\n\n#site-icon {\n --size: var(--prefix-width); // Matches .sidebar-action__prefix\n height: var(--size);\n\n img,\n svg {\n display: block;\n width: var(--size);\n height: var(--size);\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}\n\n@media only screen and (min-width: $minFullUiWidth) {\n [data-sidebar='collapsed'] {\n #system-info:hover #system-name {\n opacity: 1;\n transform: translateY(-50%) translateX(0);\n }\n\n #system-name {\n position: absolute;\n left: calc(100% + (var(--s) * 2));\n top: 50%;\n transform: translateY(-50%) translateX(-5px);\n opacity: 0;\n @include pane;\n color: var(--text-color);\n border-radius: var(--medium-border-radius);\n padding: var(--xs) var(--s);\n white-space: nowrap;\n pointer-events: none;\n\n @media screen and (prefers-reduced-motion: no-preference) {\n transition:\n opacity 50ms cubic-bezier(0.33, 1, 0.68, 1),\n transform 150ms cubic-bezier(0.33, 1, 0.68, 1);\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 gap: var(--m);\n\n body.has-debug-toolbar & {\n padding-bottom: calc(var(--xl) + 42px);\n }\n\n a {\n white-space: nowrap;\n }\n}\n\n#app-info {\n display: flex;\n flex-direction: row;\n justify-content: center;\n gap: var(--m);\n}\n\n#trial-info {\n padding: 16px var(--xl);\n border-radius: var(--large-border-radius);\n background-color: hsl(212, 40%, 90%);\n box-shadow:\n inset 0 1px 0 rgba(255, 255, 255, 0.5),\n 0 0 0 1px hsl(212, 30%, 80%),\n 0 2px 12px transparentize($grey200, 0.5);\n text-align: center;\n}\n\n#app-version {\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 position: relative;\n top: -1px;\n user-select: none;\n border: 1px solid var(--gray-600);\n border-radius: 3px;\n display: inline-flex;\n box-sizing: content-box;\n font-size: 11px;\n padding: 6px 7px;\n line-height: 8px;\n font-weight: 600;\n letter-spacing: 1.7px;\n padding-right: 5px;\n text-transform: uppercase;\n}\n\n#devmode {\n margin-top: auto;\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 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: 6px solid var(--error-color);\n color: var(--error-color);\n\n & > li {\n padding: 10px 24px;\n box-shadow: inset 0 -1px 0 0 var(--red-100);\n\n .resolvable-alert-buttons {\n margin-top: var(--m);\n }\n\n .btn,\n a.go {\n display: inline-flex;\n align-items: center;\n border: 1px solid transparentize($errorColor, 0.5);\n border-radius: var(--medium-border-radius);\n padding: 4px 5px;\n margin: 0 2px;\n color: var(--error-color);\n height: calc(30rem / 16);\n\n .flex & {\n margin: 0;\n }\n\n &:hover {\n border-color: var(--error-color);\n }\n }\n\n a:not(.btn) {\n color: var(--error-color);\n text-decoration: underline;\n\n &.go {\n text-decoration: none;\n white-space: nowrap;\n\n &:after {\n color: var(--error-color);\n font-size: 15px;\n margin-top: 1px;\n }\n }\n }\n\n .btn {\n background-color: transparent;\n }\n }\n}\n\n#global-header .btn.menubtn,\nli.crumb .btn.menubtn,\n.btn.action-btn {\n padding: 0;\n width: var(--touch-target-size);\n height: var(--touch-target-size);\n\n &:not(:hover):not(:active):not([aria-expanded='true']) {\n background-color: transparent;\n }\n}\n\n#global-header {\n width: 100%;\n margin-bottom: var(--m);\n border-bottom: 1px solid var(--hairline-color);\n\n .flex {\n height: calc(44rem / 16);\n align-items: center;\n }\n\n .btn {\n --ui-control-color: var(--gray-400);\n --ui-control-hover-color: var(--gray-800);\n --ui-control-active-color: var(--gray-700);\n\n &:hover {\n color: var(--ui-control-hover-color);\n }\n }\n}\n\n.nav-toggle {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 44px;\n min-width: 44px;\n height: calc(44rem / 16);\n border-right: 1px solid var(--medium-hairline-color);\n line-height: 26px;\n color: currentColor;\n text-align: center;\n\n &:before {\n @include icon;\n content: 'menu';\n font-size: 16px;\n line-height: 0;\n }\n\n &:hover {\n color: var(--link-color);\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 max-width: 100%;\n overflow: hidden;\n\n &.empty {\n display: none;\n }\n\n nav {\n margin: 0;\n }\n}\n\n#primary-nav-toggle {\n &:focus-visible {\n box-shadow: var(--inner-focus-ring);\n }\n}\n\n#crumb-list {\n display: flex;\n flex-direction: row;\n align-items: stretch;\n flex-wrap: nowrap;\n max-width: 100%;\n height: calc(44rem / 16);\n\n --arrow-padding: 10;\n --arrow-height: 22;\n --arrow-angle: 35;\n --arrow-width: 17.1111; // height/(45/angle)\n --arrow-c: 27.871; // sqrt(height^2+width^2)\n\n body.rtl & {\n --arrow-angle: -35;\n --arrow-width: -19.4444;\n }\n\n li.crumb {\n position: relative;\n @include padding-left(calc(var(--arrow-width) * 0.5rem / 16));\n cursor: default;\n color: var(--light-text-color);\n\n &:not(.current) {\n @include padding-right(calc(var(--arrow-width) * 1rem / 16));\n\n &:before,\n &:after {\n display: block;\n content: '';\n width: 1px;\n height: calc(var(--arrow-c) * 1rem / 16);\n position: absolute;\n @include right(calc(var(--arrow-width) * 0.5rem / 16));\n background: var(--medium-hairline-color);\n pointer-events: none;\n }\n\n &:before {\n top: calc((var(--arrow-height) - var(--arrow-c)) / 2 * 1rem / 16);\n transform: rotate(calc(var(--arrow-angle) * -1deg));\n }\n\n &:after {\n bottom: calc((var(--arrow-height) - var(--arrow-c)) / 2 * 1rem / 16);\n transform: rotate(calc(var(--arrow-angle) * 1deg));\n }\n }\n }\n\n & .menu--disclosure {\n li {\n display: block;\n\n &::after {\n content: none;\n }\n }\n }\n}\n\n#crumb-menu-trigger {\n min-width: var(--touch-target-size);\n\n &:before {\n width: 100%;\n }\n}\n\n#crumb-menu {\n .chip {\n min-height: 44px;\n }\n}\n\nli.crumb {\n display: flex;\n align-items: center;\n flex-wrap: nowrap;\n gap: var(--xs);\n\n [data-icon] {\n position: relative;\n top: -1px;\n }\n\n .menubtn {\n position: relative;\n margin: 0 calc(var(--xs) * -1 / 2);\n }\n\n [data-icon='ellipsis']:before {\n margin-top: 3px;\n font-size: 17px;\n }\n\n .chip {\n padding: 0;\n background-color: transparent;\n --custom-bg-color: initial !important;\n --custom-text-color: initial !important;\n --custom-sel-bg-color: initial !important;\n\n .label-link {\n max-width: 15em;\n\n &:focus-visible {\n box-shadow: var(--inner-focus-ring);\n }\n\n span:not(.context-label) {\n display: block;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n }\n\n &:has(.menubtn) > a {\n margin-right: 0 !important;\n padding-right: var(--xs) !important;\n }\n\n & > a {\n flex: 1;\n display: flex !important;\n align-items: center;\n flex-wrap: nowrap;\n gap: var(--xs);\n white-space: nowrap;\n\n .menu--disclosure & {\n min-height: 34px;\n }\n }\n\n a,\n button {\n display: inline-flex;\n align-items: center;\n min-height: var(--touch-target-size);\n\n &:not(:hover) {\n color: var(--text-color);\n }\n\n &:hover {\n text-decoration: none;\n }\n }\n\n a {\n position: relative;\n }\n\n button {\n cursor: pointer;\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: calc(28rem / 16 + 10px);\n position: relative;\n\n &.unread:after {\n content: '';\n display: block;\n position: absolute;\n top: calc(3rem / 16);\n @include right(5px);\n width: calc(7rem / 16);\n height: calc(7rem / 16);\n border-radius: 50%;\n background-color: var(--blue-600);\n }\n\n svg {\n width: 1rem;\n height: 1rem;\n @include svg-mask(var(--ui-control-color));\n }\n\n &:hover,\n &:active,\n &.active {\n svg {\n @include svg-mask(var(--ui-control-active-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 &.unread .announcement__heading: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 .announcement__header {\n display: grid;\n }\n\n .announcement__heading {\n position: relative;\n margin: 0 0 3px;\n order: 1;\n }\n}\n\n#user-info {\n display: flex;\n flex-direction: row;\n align-items: center;\n @include padding-left(var(--s));\n @include padding-right(calc(var(--padding) + 1px));\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 img,\n svg {\n display: block;\n width: calc(30rem / 16);\n height: calc(30rem / 16);\n max-width: none;\n border-radius: 50%;\n box-shadow:\n 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:\n 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#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 body.has-debug-toolbar & {\n bottom: 50px;\n }\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:\n 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 word-break: normal;\n overflow-wrap: anywhere;\n }\n\n .notification-details {\n margin-top: var(--xs);\n\n .chip {\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@media only screen and (min-width: $minFullUiWidth) {\n #primary-nav-toggle {\n display: none;\n }\n\n #crumbs:not(.empty) #primary-nav-toggle + nav ul li:first-child,\n #crumbs.empty + .context-menu-container {\n @include margin-left(var(--padding));\n @include padding-left(0);\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: 5px var(--padding);\n position: relative;\n z-index: 2;\n box-sizing: border-box;\n background-color: transparentize($grey300, 1);\n box-shadow: 0 1px 0 transparentize($grey800, 1);\n transition:\n background-color linear 100ms,\n 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: 0 1px 0 transparentize($grey700, 0.9);\n }\n\n @supports (backdrop-filter: blur(10px)) {\n & {\n transition:\n background-color linear 100ms,\n 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 justify-content: space-between;\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 .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#action-buttons {\n @media only screen and (max-width: 400px) {\n .btngroup .btn:first-child {\n flex-basis: 100%;\n }\n }\n\n @media only screen and (max-width: $minHorizontalUiWidth - calc(1rem/16)) {\n margin-top: 10px;\n }\n}\n\n#main-content {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n padding: 0 var(--padding) 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 position: relative;\n box-sizing: border-box;\n padding: 0 31px var(--m);\n width: $sidebarWidth;\n background-color: transparent;\n\n &.fixed {\n position: fixed;\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\n &:not(.sel) {\n &:hover {\n background-color: var(--gray-200);\n }\n }\n }\n }\n }\n}\n\n#content-container {\n flex: 1 1 auto;\n /*\n Admittedly I'm not totally sure why this is necessary, but it seems to be.\n We have to give #content-container some kind of \"hard\" width for it to properly\n clip the content when table cells are long.\n */\n width: 400px;\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) var(--padding);\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.footer {\n padding: 6px var(--pane-padding, var(--xl));\n min-height: 44px;\n line-height: calc(32rem / 16);\n\n .buttons {\n height: 32px;\n display: flex;\n align-items: center;\n }\n\n .btn {\n padding-top: 4px;\n padding-bottom: 4px;\n height: var(--ui-control-height--small);\n }\n}\n\n#footer {\n position: sticky;\n bottom: 0;\n z-index: 1;\n margin: calc(var(--xl) + 1px) calc(var(--padding) * -1 + 2px)\n calc(var(--xl) * -1 + 2px);\n background-color: var(--gray-050);\n border-radius: var(--small-border-radius);\n box-sizing: border-box;\n\n &:empty {\n display: none;\n }\n\n &.stuck {\n border-radius: 0;\n\n @supports (backdrop-filter: blur(10px)) {\n & {\n background-color: transparentize($grey100, 0.25);\n backdrop-filter: blur(10px);\n }\n }\n }\n\n .has-debug-toolbar & {\n transition: padding linear 100ms;\n\n &.stuck {\n padding-bottom: 52px;\n }\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 z-index: 1;\n\n &.fixed {\n position: fixed;\n }\n\n .details {\n padding-bottom: calc(var(--xl) + 11.5em);\n\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\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\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: var(--large-border-radius);\n padding-top: var(--m);\n padding-bottom: var(--m);\n }\n }\n}\n\n// Hide the sidebar at < 1200\n@media only screen and (max-width: $minFullUiWidth - calc(1rem/16)) {\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 - calc(1rem/16)) {\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 .details {\n margin-bottom: auto;\n }\n }\n}\n\n// Tighten up the padding at < 768\n@media only screen and (max-width: 767px) {\n :root {\n --padding: var(--s);\n --neg-padding: calc(var(--s) * -1);\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 .card-grid {\n display: flex !important;\n flex-direction: column;\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: 0 var(--xl);\n\n &:not(:first-child) {\n margin-top: var(--m);\n }\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 & > ul {\n margin: 2px calc(var(--xl) * -1);\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 {\n & > li:not(.heading),\n & > li.heading > ul > li {\n @include nav-level(0);\n\n & > ul.nested > li {\n @include nav-level(1);\n\n & > ul.nested > li {\n @include nav-level(2);\n\n & > ul.nested > li {\n @include nav-level(3);\n\n & > ul.nested > li {\n @include nav-level(4);\n }\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 }\n\n &.sel,\n &.active-drop-target {\n cursor: default;\n background-color: var(--gray-500);\n\n &,\n & + .toggle {\n color: var(--white);\n }\n }\n\n &.sel {\n @include light-on-dark-text;\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 position: relative;\n top: 1px;\n @include margin-right(10px);\n flex-shrink: 1;\n width: toRem(18);\n height: toRem(18);\n word-break: normal;\n transition:\n margin-left linear 150ms,\n 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: 1rem;\n height: 1rem;\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: calc(11rem / 16);\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 &.heading,\n &.expanded {\n & > ul {\n display: block;\n }\n }\n }\n }\n}\n\n.error-summary {\n margin-bottom: var(--l);\n padding: var(--l) var(--xl) var(--xl);\n box-sizing: border-box;\n box-shadow:\n 0 0 0 1px #cdd8e4,\n 0 2px 12px rgba(205, 216, 228, 0.5);\n border-radius: var(--large-border-radius);\n background-color: var(--gray-050);\n\n .notification-icon {\n color: var(--error-color);\n margin: -2px 6px 0 0;\n float: left;\n }\n\n h2 {\n margin-top: var(--xs);\n }\n\n & > ul.errors li,\n & > ul.errors li a {\n color: var(--text-color);\n\n em {\n font-weight: 600;\n }\n\n &:hover {\n color: var(--link-color);\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.draghelper .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(:nth-child(-n + 1 of :not(.hidden))) {\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.draghelper.drag-in-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 - calc(1rem/16)) {\n &.width-25,\n &.width-50 {\n width: 50%;\n }\n }\n }\n }\n}\n\n.so-content .flex-fields,\n.draghelper.drag-in-slideout .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",".global-sidebar {\n --is-always-visible: true;\n --prefix-width: calc(30rem / 16);\n --prefix-ratio: 1;\n --gutter-width: calc(10rem / 16); // Left and right padding\n\n position: sticky;\n top: 0;\n z-index: $sidebarZIndex;\n display: flex;\n flex-direction: column;\n height: 100vh;\n padding: 0;\n -webkit-overflow-scrolling: touch;\n background-color: transparent;\n border-right: 1px solid var(--hairline-color);\n width: var(--global-sidebar-width);\n\n a {\n text-decoration: none;\n }\n\n & > a,\n *:not(.has-subnav) > a {\n &:not([href]) {\n cursor: default;\n background-color: transparent;\n }\n }\n\n @media only screen and (max-width: $minFullUiWidth - calc(1rem/16)) {\n --is-always-visible: false;\n }\n}\n\n.global-sidebar__nav {\n padding: var(--s) 0;\n}\n\n.global-sidebar__footer {\n margin-block-start: auto;\n display: grid;\n gap: var(--s);\n}\n\n.global-nav > ul {\n display: flex;\n flex-direction: column;\n gap: var(--s);\n}\n\n.global-nav > ul > li {\n position: relative;\n}\n\n.global-nav > ul > li.sel {\n}\n\n.nav-icon {\n display: inline-flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 1rem;\n aspect-ratio: 1;\n line-height: 0;\n\n --thumb-size: 1rem;\n\n > svg {\n @include svg-mask(currentColor);\n width: 100%;\n height: 100%;\n }\n}\n\n.nav-item {\n --gutter-width: calc(10rem / 16);\n display: grid;\n grid-template-columns: var(--gutter-width) 1fr var(--prefix-width) var(\n --gutter-width\n );\n grid-template-areas: '. action trigger .' 'subnav subnav subnav subnav';\n align-items: center;\n width: 100%;\n\n > .sidebar-action {\n grid-area: action;\n }\n\n [data-sidebar='collapsed'] & {\n grid-template-areas: '. action .' '. trigger .' 'subnav subnav subnav';\n grid-template-columns: var(--gutter-width) var(--prefix-width) var(\n --gutter-width\n );\n }\n}\n\n.nav-item__trigger {\n --icon-size: 10px;\n --trigger-size: var(--touch-target-size);\n grid-area: trigger;\n display: flex;\n z-index: 1;\n\n .menubtn {\n padding: 0;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: var(--trigger-size);\n height: var(--trigger-size);\n border: transparent;\n\n &:hover {\n background-color: var(--ui-control-bg-color);\n }\n\n &[aria-expanded='true']:not(:hover) {\n background-color: transparent;\n }\n\n &[aria-expanded='true']:after {\n @include angle(up);\n }\n\n &:after {\n margin-left: 0 !important;\n }\n }\n}\n\n.nav-item__subnav {\n --prefix-ratio: 4/3;\n @include visually-hidden;\n grid-area: subnav;\n\n &.is-open {\n @include not-visually-hidden;\n }\n}\n\n.badge {\n display: inline-flex;\n justify-content: center;\n text-align: center;\n flex-shrink: 1;\n font-size: 11px;\n line-height: 1rem;\n width: 1.1rem;\n height: 1rem;\n border-radius: var(--s);\n background-color: var(--medium-text-color);\n color: var(--white);\n}\n\n.sidebar-actions {\n padding: 10px var(--gutter-width); // match padding of #system-info\n}\n\n.sidebar-action {\n --thumb-size: 0.75rem;\n display: flex;\n width: 100%;\n align-items: center;\n position: relative;\n text-align: left;\n border-radius: var(--medium-border-radius);\n color: currentColor;\n cursor: pointer;\n gap: 7px; // magic number to align with system name\n min-height: 30px;\n\n &:before {\n content: '';\n position: absolute;\n left: calc((10rem / 16) * -1); // match #system-name\n top: 50%;\n height: 80%;\n transform: translateY(-50%);\n width: var(--xs);\n }\n\n &:focus-visible,\n &:hover {\n background-color: var(--gray-200);\n }\n\n &.sel {\n &:before {\n --indicator-size: 6px;\n background-color: currentColor;\n }\n }\n}\n\n.sidebar-action--sub {\n --indicator-size: 4px;\n font-size: 0.9em;\n min-height: 26px;\n\n &:before {\n width: var(--indicator-size);\n height: var(--indicator-size);\n border-radius: 100%;\n left: calc((30px / 2) - (var(--indicator-size) / 2));\n top: 50%;\n background-color: var(--gray-300);\n }\n}\n\n.sidebar-action--job {\n align-items: flex-start;\n\n .sidebar-action__label {\n padding-block: var(--xs);\n }\n\n &[href]:hover {\n background-color: transparent;\n\n .icon > span.icon > canvas#job-icon-hover {\n opacity: 1;\n }\n }\n\n .label {\n white-space: normal;\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 .nav-icon {\n display: block;\n position: relative;\n width: 16px;\n height: 16px;\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\n.sidebar-action__prefix {\n display: flex;\n align-items: center;\n justify-content: center;\n width: var(--prefix-width);\n aspect-ratio: var(--prefix-ratio);\n line-height: 0;\n flex-shrink: 0;\n}\n\n.sidebar-action__label {\n display: inline-flex;\n gap: var(--s);\n align-items: center;\n padding: 0 var(--xs);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n flex-grow: 1;\n}\n\n.sidebar-action__badge {\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: 0 var(--s);\n margin-left: auto;\n}\n\n/**\nStates\n */\n@media only screen and (min-width: $minFullUiWidth) {\n [data-sidebar='collapsed'] {\n .global-sidebar {\n --global-sidebar-width: calc(50rem / 16);\n }\n\n .nav-item__indicator {\n right: -1px;\n }\n\n .sidebar-action {\n width: var(--prefix-width);\n min-height: var(--prefix-width);\n\n &:focus-visible,\n &:hover {\n .sidebar-action__label {\n opacity: 1;\n transform: translateY(-50%) translateX(0);\n }\n }\n }\n\n .nav-item__trigger {\n .menubtn {\n width: 100%;\n height: auto;\n padding-block: 2px var(--xs);\n }\n }\n\n .sidebar-action__label {\n position: absolute;\n z-index: 10;\n left: calc(100% + (var(--xs) * 2));\n top: 50%;\n transform: translateY(-50%) translateX(-5px);\n opacity: 0;\n @include pane;\n color: var(--text-color);\n border-radius: var(--medium-border-radius);\n padding: var(--xs) var(--s);\n pointer-events: none;\n\n @media screen and (prefers-reduced-motion: no-preference) {\n transition:\n opacity 50ms cubic-bezier(0.33, 1, 0.68, 1),\n transform 150ms cubic-bezier(0.33, 1, 0.68, 1);\n }\n }\n\n .sidebar-action__badge {\n z-index: 100;\n position: absolute;\n right: calc(var(--xs) * -1);\n bottom: var(--xs);\n transform: translateY(25%);\n padding: 0;\n }\n\n .sidebar-action--sub {\n min-height: 26px;\n\n &:before {\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n }\n }\n\n .global-nav > ul > li + li {\n --separator-width: calc(28rem / 16);\n\n &:before {\n position: absolute;\n top: calc(var(--s) / -2);\n left: calc((var(--global-sidebar-width) - var(--separator-width)) / 2);\n content: '';\n width: var(--separator-width);\n height: 1px;\n margin: 0 auto;\n background-color: var(--hairline-color);\n }\n }\n }\n\n [data-sidebar='expanded'] {\n #sidebar-toggle-icon {\n transform: rotate(180deg);\n }\n }\n}\n\n#sidebar-trigger {\n display: none;\n\n @media only screen and (min-width: $minFullUiWidth) {\n display: flex;\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: 5px 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: #{44 + 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 .matrixblock > .fields > .flex-fields > .field > .status-badge {\n @include left(calc(var(--m) * -1));\n }\n }\n\n .lp-draghandle {\n position: absolute;\n z-index: 101;\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: 44px;\n }\n }\n\n .lp-device-type {\n .btn {\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-btn--phone::before {\n background-image: url(../images/preview/icon-phone.svg);\n }\n &.lp-device-type-btn--tablet::before {\n background-image: url(../images/preview/icon-tablet.svg);\n }\n &.lp-device-type-btn--desktop::before {\n background-image: url(../images/preview/icon-desktop.svg);\n }\n }\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-preview-container__bumper-link {\n top: unset;\n bottom: 0;\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% - 44px);\n width: 100%;\n background-color: var(--gray-100);\n\n @supports (backdrop-filter: blur(10px)) {\n top: 44px;\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:\n top center,\n 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 '../../../../../../node_modules/@craftcms/sass/mixins';\n\n.login-container {\n .login-form-container {\n background-color: var(--gray-050);\n }\n\n .login-form {\n input[readonly] {\n cursor: not-allowed;\n }\n\n & > .field,\n & > .btn {\n margin-top: var(--l);\n\n &:not(:last-child):not(.last) {\n margin-bottom: var(--l);\n }\n }\n\n .btn {\n display: flex;\n }\n }\n\n .alternative-login-methods {\n margin-top: var(--m);\n\n .btn {\n width: 100%;\n }\n }\n\n .login-forgot-password,\n .login-alt-container button {\n font-size: 11px;\n color: var(--medium-text-color);\n cursor: pointer !important;\n }\n\n .login-alt-container {\n margin: calc(var(--s) - var(--xl)) 0;\n\n button {\n display: inline-flex;\n background-color: transparent;\n padding: 0;\n width: auto;\n height: auto;\n min-height: var(--touch-target-size);\n }\n }\n\n .login-forgot-password:hover,\n .login-forgot-password:focus,\n .login-alt-container button:hover,\n .login-alt-container button:focus {\n color: var(--link-color);\n }\n\n .login-errors {\n text-align: center;\n color: var(--error-color);\n margin-top: 1em;\n }\n}\n\n.login-alt-menu {\n z-index: 1001;\n}\n\nbody.login {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n min-height: 100%;\n\n main {\n padding: var(--padding);\n width: calc(300px + var(--padding) * 2);\n max-width: 100%;\n\n h1 {\n text-align: center;\n font-size: 32px;\n line-height: 40px;\n word-wrap: break-word;\n\n #login-logo {\n width: 100%;\n height: auto;\n max-height: 300px;\n }\n }\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 &:hover,\n &:focus,\n &:active {\n opacity: 1;\n }\n\n > svg {\n display: inline-block;\n }\n }\n}\n\n.modal.email-sent {\n width: 300px;\n\n .body {\n @include padding-left(68px);\n\n &: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 }\n}\n\n.login-modal {\n width: calc(600px + var(--l) * 2);\n max-width: calc(100% - 20px);\n background: var(--gray-100);\n border-radius: var(--large-border-radius);\n\n .body {\n display: flex;\n flex-direction: row;\n padding: var(--l);\n\n .login-modal-intro,\n .login-modal-form {\n width: 300px;\n max-width: 100%;\n }\n\n .login-modal-intro {\n padding: var(--m);\n }\n }\n\n @media screen and (max-width: 656px) {\n border-radius: var(--large-border-radius);\n\n .body {\n padding: var(--m);\n flex-direction: column;\n gap: var(--m);\n overflow: auto;\n\n .login-modal-intro {\n padding: var(--xs) var(--xl);\n }\n\n .login-modal-form {\n border-radius: 0;\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$red050: #fef2f2;\n$red100: #fee2e2;\n$red200: #fecaca;\n$red300: #fca5a5;\n$red400: #f87171;\n$red500: #ef4444;\n$red600: #dc2626;\n$red700: #b91c1c;\n$red800: #991b1b;\n$red900: #7f1d1d;\n\n$orange050: #fff7ed;\n$orange100: #ffedd5;\n$orange200: #fed7aa;\n$orange300: #fdba74;\n$orange400: #fb923c;\n$orange500: #f97316;\n$orange600: #ea580c;\n$orange700: #c2410c;\n$orange800: #9a3412;\n$orange900: #7c2d12;\n\n$yellow050: #fefce8;\n$yellow100: #fef9c3;\n$yellow200: #fef08a;\n$yellow300: #fde047;\n$yellow400: #facc15;\n$yellow500: #eab308;\n$yellow600: #ca8a04;\n$yellow700: #a16207;\n$yellow800: #854d0e;\n$yellow900: #713f12;\n\n$green050: #f0fdf4;\n$green100: #dcfce7;\n$green200: #bbf7d0;\n$green300: #86efac;\n$green400: #4ade80;\n$green500: #22c55e;\n$green600: #16a34a;\n$green700: #15803d;\n$green800: #166534;\n$green900: #14532d;\n\n$teal050: #f0fdfa;\n$teal100: #ccfbf1;\n$teal200: #99f6e4;\n$teal300: #5eead4;\n$teal400: #2dd4bf;\n$teal500: #14b8a6;\n$teal550: #11a697;\n$teal600: #0d9488;\n$teal700: #0f766e;\n$teal800: #115e59;\n$teal900: #134e4a;\n\n$cyan050: #ecfeff;\n$cyan100: #cffafe;\n$cyan200: #a5f3fc;\n$cyan300: #67e8f9;\n$cyan400: #22d3ee;\n$cyan500: #06b6d4;\n$cyan600: #0891b2;\n$cyan700: #0e7490;\n$cyan800: #155e75;\n$cyan900: #164e63;\n\n$blue050: #eff6ff;\n$blue100: #dbeafe;\n$blue200: #bfdbfe;\n$blue300: #93c5fd;\n$blue400: #60a5fa;\n$blue500: #3b82f6;\n$blue600: #2563eb;\n$blue700: #1d4ed8;\n$blue800: #1e40af;\n$blue900: #1e3a8a;\n\n$violet050: #f5f3ff;\n$violet100: #ede9fe;\n$violet200: #ddd6fe;\n$violet300: #c4b5fd;\n$violet400: #a78bfa;\n$violet500: #8b5cf6;\n$violet600: #7c3aed;\n$violet700: #6d28d9;\n$violet800: #5b21b6;\n$violet900: #4c1d95;\n\n$pink050: #fdf2f8;\n$pink100: #fce7f3;\n$pink200: #fbcfe8;\n$pink300: #f9a8d4;\n$pink400: #f472b6;\n$pink500: #ec4899;\n$pink600: #db2777;\n$pink700: #be185d;\n$pink800: #9d174d;\n$pink900: #831843;\n\n// submit button colors\n$primaryColor: $red600;\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: #1f5fea;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $textColor;\n$menuOptionActiveBackgroundColor: $grey050;\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:\n 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing:\n 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing:\n 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey500;\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\n@mixin sans-serif-font {\n font-family:\n system-ui,\n BlinkMacSystemFont,\n -apple-system,\n 'Segoe UI',\n 'Roboto',\n 'Oxygen',\n 'Ubuntu',\n 'Cantarell',\n 'Fira Sans',\n 'Droid Sans',\n 'Helvetica Neue',\n 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: never;\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\n@mixin angle($dir: down, $color: currentColor, $width: calc(2rem / 16)) {\n display: block;\n content: '';\n font-size: 0;\n width: calc(7rem / 16);\n height: calc(7rem / 16);\n border: solid $color;\n border-width: 0 $width $width 0;\n opacity: 0.8;\n position: relative;\n\n @if $dir == up {\n transform: rotate(225deg);\n top: 2px;\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:\n 0 0 0 1px $grey200,\n 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) !important;\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 custom-color-focus-ring($primary, $secondary: null) {\n @if $secondary != null {\n --focus-ring: 0 0 0 1px #{$primary}, 0 0 0 3px #{$secondary};\n } @else {\n --focus-ring: 0 0 0 3px #{$primary};\n }\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: calc(30rem / 16);\n height: calc(30rem / 16);\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:\n 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-item-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-item-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 color: var(--ui-control-color);\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// https://tailwindcss.com/docs/screen-readers#undoing-screen-reader-only-elements\n@mixin visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n\n@mixin not-visually-hidden {\n position: static;\n width: auto;\n height: auto;\n padding: 0;\n margin: 0;\n overflow: visible;\n clip: auto;\n white-space: normal;\n}\n\n@mixin readable {\n font-size: 16px;\n line-height: 22px;\n\n h1,\n .h1,\n h2,\n .h2,\n h3,\n .h3,\n h4,\n .h4,\n h5,\n .h5,\n h6,\n .h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1,\n .h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2,\n .h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3,\n .h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4,\n .h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5,\n .h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6,\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 .tip-dismiss-btn {\n position: absolute;\n top: 12px;\n @include right(12px);\n\n & + p {\n margin-top: 0;\n }\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(50px);\n border: 1px solid;\n\n &.dismissible {\n @include padding-right(36px);\n }\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: $linkColor;\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 opacity: 1;\n position: absolute;\n top: 15px;\n @include left(16px);\n font-size: 24px;\n width: 24px;\n }\n\n a[href] {\n color: currentColor;\n text-decoration: underline;\n }\n }\n }\n\n .go:after {\n font-size: 14px;\n }\n}\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(\n 45deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 135deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 45deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n ),\n linear-gradient(\n 135deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n );\n background-size: $size $size;\n background-position:\n 0 0,\n $halfSize 0,\n $halfSize -#{$halfSize},\n 0 $halfSize;\n}\n","@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\n$base: 24px;\n$tabPadding: 14px;\n$tabWidth: $base * 11;\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 display: flex;\n flex-direction: column;\n\n .btngroup {\n margin-bottom: $tabPadding;\n }\n\n .fld-field-library {\n margin: -3px;\n padding: 3px;\n flex: 1;\n min-height: 0;\n overflow: auto;\n\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:\n 0 0 0 1px transparentize($grey900, 0.9),\n 0 2px 5px -2px transparentize($grey900, 0.8);\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 gap: var(--xs);\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-element {\n position: relative;\n display: flex;\n align-items: center;\n padding: var(--s);\n gap: var(--s);\n box-shadow: inset 0 0 0 1px var(--hairline-color);\n border-radius: var(--medium-border-radius);\n background-color: 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 background-color: var(--gray-100);\n\n &:not(.draghelper) {\n box-shadow: none;\n }\n\n .field-name {\n display: flex;\n flex-direction: column;\n gap: var(--xs);\n }\n }\n\n .fld-element-icon {\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\n.fld-hr,\n.fld-br {\n position: relative;\n flex: 1;\n display: flex;\n justify-content: center;\n\n &:before {\n position: absolute;\n display: block;\n top: calc(50% - 2px);\n left: 0;\n width: 100%;\n height: 4px;\n content: '';\n font-size: 0;\n border-radius: 2px;\n }\n\n .smalltext {\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: var(--gray-100);\n border-radius: var(--large-border-radius);\n padding: 0 var(--s);\n height: var(--touch-target-size);\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-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 body.has-debug-toolbar & {\n padding-bottom: calc(8px + 42px);\n }\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(calc(1rem + 5px));\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","@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,2BAEA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,4BACA,oCAEA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,sCACA,kBAEA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,qBAEA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,oBAEA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,qBAEA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,mBAEA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,oBAEA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,sBAEA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,mBAEA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBAEA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,kBAEA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,mBAEA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,qBAEA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBAEA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBAEA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,sBAEA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,mBAEA,mBACA,mBACA,mBAC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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/_global-sidebar.scss","webpack:///./css/_preview.scss","webpack:///./css/_login.scss","webpack:///../../../../../node_modules/@craftcms/sass/_mixins.scss","webpack:///./css/_fld.scss","webpack:///./css/_image_editor.scss","webpack:///./css/_shame.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%;--gray-050: hsl(var(--gray-050-hsl));--gray-100: hsl(var(--gray-100-hsl));--gray-200: hsl(var(--gray-200-hsl));--gray-300: hsl(var(--gray-300-hsl));--gray-350: hsl(var(--gray-350-hsl));--gray-400: hsl(var(--gray-400-hsl));--gray-500: hsl(var(--gray-500-hsl));--gray-550: hsl(var(--gray-550-hsl));--gray-600: hsl(var(--gray-600-hsl));--gray-700: hsl(var(--gray-700-hsl));--gray-800: hsl(var(--gray-800-hsl));--gray-900: hsl(var(--gray-900-hsl));--gray-1000: hsl(var(--gray-1000-hsl));--red-050: #fef2f2;--red-100: #fee2e2;--red-200: #fecaca;--red-300: #fca5a5;--red-400: #f87171;--red-500: #ef4444;--red-600: #dc2626;--red-700: #b91c1c;--red-800: #991b1b;--red-900: #7f1d1d;--red-950: #450a0a;--orange-050: #fff7ed;--orange-100: #ffedd5;--orange-200: #fed7aa;--orange-300: #fdba74;--orange-400: #fb923c;--orange-500: #f97316;--orange-600: #ea580c;--orange-700: #c2410c;--orange-800: #9a3412;--orange-900: #7c2d12;--orange-950: #431407;--amber-050: #fffbeb;--amber-100: #fef3c7;--amber-200: #fde68a;--amber-300: #fcd34d;--amber-400: #fbbf24;--amber-500: #f59e0b;--amber-600: #d97706;--amber-700: #b45309;--amber-800: #92400e;--amber-900: #78350f;--amber-950: #451a03;--yellow-050: #fefce8;--yellow-100: #fef9c3;--yellow-200: #fef08a;--yellow-300: #fde047;--yellow-400: #facc15;--yellow-500: #eab308;--yellow-600: #ca8a04;--yellow-700: #a16207;--yellow-750: #93580b;--yellow-800: #854d0e;--yellow-900: #713f12;--yellow-950: #422006;--lime-050: #f7fee7;--lime-100: #ecfccb;--lime-200: #d9f99d;--lime-300: #bef264;--lime-400: #a3e635;--lime-500: #84cc16;--lime-600: #65a30d;--lime-700: #4d7c0f;--lime-800: #3f6212;--lime-900: #365314;--lime-950: #1a2e05;--green-050: #f0fdf4;--green-100: #dcfce7;--green-200: #bbf7d0;--green-300: #86efac;--green-400: #4ade80;--green-500: #22c55e;--green-600: #16a34a;--green-700: #15803d;--green-800: #166534;--green-900: #14532d;--green-950: #052e16;--emerald-050: #ecfdf5;--emerald-100: #d1fae5;--emerald-200: #a7f3d0;--emerald-300: #6ee7b7;--emerald-400: #34d399;--emerald-500: #10b981;--emerald-600: #059669;--emerald-700: #047857;--emerald-800: #065f46;--emerald-900: #064e3b;--emerald-950: #022c22;--teal-050: #f0fdfa;--teal-100: #ccfbf1;--teal-200: #99f6e4;--teal-300: #5eead4;--teal-400: #2dd4bf;--teal-500: #14b8a6;--teal-550: #11a697;--teal-600: #0d9488;--teal-700: #0f766e;--teal-800: #115e59;--teal-900: #134e4a;--teal-950: #042f2e;--cyan-050: #ecfeff;--cyan-100: #cffafe;--cyan-200: #a5f3fc;--cyan-300: #67e8f9;--cyan-400: #22d3ee;--cyan-500: #06b6d4;--cyan-600: #0891b2;--cyan-700: #0e7490;--cyan-800: #155e75;--cyan-900: #164e63;--cyan-950: #083344;--sky-050: #f0f9ff;--sky-100: #e0f2fe;--sky-200: #bae6fd;--sky-300: #7dd3fc;--sky-400: #38bdf8;--sky-500: #0ea5e9;--sky-600: #0284c7;--sky-700: #0369a1;--sky-800: #075985;--sky-900: #0c4a6e;--sky-950: #082f49;--blue-050: #eff6ff;--blue-100: #dbeafe;--blue-200: #bfdbfe;--blue-300: #93c5fd;--blue-400: #60a5fa;--blue-500: #3b82f6;--blue-600: #2563eb;--blue-700: #1d4ed8;--blue-800: #1e40af;--blue-900: #1e3a8a;--blue-950: #172554;--indigo-050: #eef2ff;--indigo-100: #e0e7ff;--indigo-200: #c7d2fe;--indigo-300: #a5b4fc;--indigo-400: #818cf8;--indigo-500: #6366f1;--indigo-600: #4f46e5;--indigo-700: #4338ca;--indigo-800: #3730a3;--indigo-900: #312e81;--indigo-950: #1e1b4b;--violet-050: #f5f3ff;--violet-100: #ede9fe;--violet-200: #ddd6fe;--violet-300: #c4b5fd;--violet-400: #a78bfa;--violet-500: #8b5cf6;--violet-600: #7c3aed;--violet-700: #6d28d9;--violet-800: #5b21b6;--violet-900: #4c1d95;--violet-950: #2e1065;--purple-050: #faf5ff;--purple-100: #f3e8ff;--purple-200: #e9d5ff;--purple-300: #d8b4fe;--purple-400: #c084fc;--purple-500: #a855f7;--purple-600: #9333ea;--purple-700: #7e22ce;--purple-800: #6b21a8;--purple-900: #581c87;--purple-950: #3b0764;--fuchsia-050: #fdf4ff;--fuchsia-100: #fae8ff;--fuchsia-200: #f5d0fe;--fuchsia-300: #f0abfc;--fuchsia-400: #e879f9;--fuchsia-500: #d946ef;--fuchsia-600: #c026d3;--fuchsia-700: #a21caf;--fuchsia-800: #86198f;--fuchsia-900: #701a75;--fuchsia-950: #4a044e;--pink-050: #fdf2f8;--pink-100: #fce7f3;--pink-200: #fbcfe8;--pink-300: #f9a8d4;--pink-400: #f472b6;--pink-500: #ec4899;--pink-600: #db2777;--pink-700: #be185d;--pink-800: #9d174d;--pink-900: #831843;--pink-950: #500724;--rose-050: #fff1f2;--rose-100: #ffe4e6;--rose-200: #fecdd3;--rose-300: #fda4af;--rose-400: #fb7185;--rose-500: #f43f5e;--rose-600: #e11d48;--rose-700: #be123c;--rose-800: #9f1239;--rose-900: #881337;--rose-950: #4c0519}:root{--bg-color: $grey100;--bg-color-hsl: 212deg, 50%, 93%;--primary-color: var(--red-600);--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: #1f5fea;--font-weight-bold: 700;--hairline-color: rgba(51, 64, 77, 0.1);--medium-hairline-color: #cfd8e3;--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-500);--error-color: #d81e23;--warning-color: var(--amber-700);--success-color: var(--teal-700);--notice-color: var(--sky-700);--enabled-color: var(--teal-550);--pending-color: var(--orange-400);--disabled-color: var(--red-600);--indicator-border-color: var(--amber-600);--indicator-icon-color: var(--amber-700);--small-border-radius: 3px;--medium-border-radius: 4px;--large-border-radius: 5px;--menu-border-radius: var(--medium-border-radius);--checkbox-size: 1rem;--radio-size: 1rem}@font-face{font-family:\"Craft\";src:url(\"../fonts/Craft.woff2\") format(\"woff2\"),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;font-display:block}:root{--ui-control-color: var(--gray-550);--ui-control-hover-color: var(--gray-600);--ui-control-active-color: var(--gray-700);--ui-control-static-bg-color: rgba(96, 125, 159, 0.25);--ui-control-bg-color: var(--ui-control-static-bg-color);--ui-control-hover-bg-color: rgba(96, 125, 159, 0.3);--ui-control-active-bg-color: rgba(96, 125, 159, 0.5);--ui-control-border-radius: var(--large-border-radius);--ui-control-height: calc(34rem / 16);--ui-control-height--small: calc(30rem / 16);--light-focus-hsl: 211.6981132075deg, 96.3636363636%, 78.431372549%;--medium-focus-hsl: 217.2192513369deg, 91.2195121951%, 59.8039215686%;--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: calc( 24rem / 16 );--thumb-size: calc(20rem / 16);--icon-size: 1rem;--elements-busy-top-position: calc(50% - var(--size, 20px) / 2);--lh: 1.42em}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:var(--lh);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}.mt-0{margin-top:0 !important}.mt-xs{margin-top:var(--xs) !important}.mt-s{margin-top:var(--s) !important}.mt-m{margin-top:var(--m) !important}.mt-l{margin-top:var(--l) !important}.mt-xl{margin-top:var(--xl) !important}.mb-0{margin-bottom:0 !important}.mb-xs{margin-bottom:var(--xs) !important}.mb-s{margin-bottom:var(--s) !important}.mb-m{margin-bottom:var(--m) !important}.mb-l{margin-bottom:var(--l) !important}.mb-xl{margin-bottom:var(--xl) !important}.ml-0{margin-left:0 !important}.ml-xs{margin-left:var(--xs) !important}.ml-s{margin-left:var(--s) !important}.ml-m{margin-left:var(--m) !important}.ml-l{margin-left:var(--l) !important}.ml-xl{margin-left:var(--xl) !important}.mr-0{margin-right:0 !important}.mr-xs{margin-right:var(--xs) !important}.mr-s{margin-right:var(--s) !important}.mr-m{margin-right:var(--m) !important}.mr-l{margin-right:var(--l) !important}.mr-xl{margin-right:var(--xl) !important}.mx-0{margin-left:0 !important;margin-right:0 !important}.mx-xs{margin-left:var(--xs) !important;margin-right:var(--xs) !important}.mx-s{margin-left:var(--s) !important;margin-right:var(--s) !important}.mx-m{margin-left:var(--m) !important;margin-right:var(--m) !important}.mx-l{margin-left:var(--l) !important;margin-right:var(--l) !important}.mx-xl{margin-left:var(--xl) !important;margin-right:var(--xl) !important}.my-0{margin-top:0 !important;margin-bottom:0 !important}.my-xs{margin-top:var(--xs) !important;margin-bottom:var(--xs) !important}.my-s{margin-top:var(--s) !important;margin-bottom:var(--s) !important}.my-m{margin-top:var(--m) !important;margin-bottom:var(--m) !important}.my-l{margin-top:var(--l) !important;margin-bottom:var(--l) !important}.my-xl{margin-top:var(--xl) !important;margin-bottom:var(--xl) !important}.no-scroll{overflow:hidden !important}.draghelper{box-sizing:border-box;list-style-type:none}.offset-drag-helper{transition:margin linear 200ms,padding linear 200ms}body.dragging.ltr .offset-drag-helper{margin:-50px 0 0 -50px;padding:60px 0 0 60px}body.dragging.rtl .offset-drag-helper{margin:-50px -50px 0 0;padding:60px 60px 0 0}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 ul.padded li .menu-item.sel:before,.menu ul.padded li .menu-option.sel:before,.menu .flex.padded.sel:before,.texticon:before,#help:before,.secure:before,.insecure:before,.go:after,.required:after,.preview-btn:before,.view-btn:before,.action-btn:before,[data-icon]:before,[data-icon-after]:after{font-family:\"Craft\";speak:never;-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}.badge-icon{position:relative;top:-1px;display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;box-sizing:border-box;border:1px solid var(--indicator-border-color);border-radius:var(--small-border-radius);color:var(--indicator-icon-color);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)}[data-icon-size=large][data-icon]:before,[data-icon-size=large][data-icon-after]:after{font-size:20px}[data-icon-size=small][data-icon]:before,[data-icon-size=small][data-icon-after]:after{font-size:14px}[data-icon-size=puny][data-icon]:before,[data-icon-size=puny][data-icon-after]:after{font-size:12px}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\"}.action-btn:before{content:\"ellipsis\"}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}a[aria-current]{cursor:default}body.underline-links a,a:hover{text-decoration:underline}a .cp-icon svg rect,a .cp-icon svg circle,a .cp-icon svg ellipse,a .cp-icon svg line,a .cp-icon svg polyline,a .cp-icon svg polygon,a .cp-icon svg path,a .cp-icon svg text{fill:var(--link-color);stroke-width:0}a:not([href]){color:inherit;cursor:inherit}body.underline-links a:not([href]),a:not([href]):hover{text-decoration:none}a.iconlink:before{width:1rem}body.ltr a.iconlink:before{margin-right:var(--xs)}body.rtl a.iconlink:before{margin-left:var(--xs)}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\"}body.ltr a [data-icon=external]{margin-left:var(--xs)}body.rtl a [data-icon=external]{margin-right:var(--xs)}button{cursor:pointer}.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:never;-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}.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)}.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(37, 99, 235, 0.2), rgba(37, 99, 235, 0) 50%)}body.rtl .so-notice>.draft-notice{background-image:linear-gradient(to left, rgba(37, 99, 235, 0.2), rgba(37, 99, 235, 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(30,64,175,.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(30,58,138,.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:#1555e2}.draft-notice .discard-changes-btn:active{border-color:#134cca}.revision-notice{display:flex;align-items:center;align-content:stretch;justify-content:center;gap:var(--s);color:var(--gray-600)}#content-notice .revision-notice{display:inline-flex;justify-content:flex-start}.revision-notice p{flex:1;margin:0}.revision-notice .revision-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(51,64,77,.2);box-sizing:border-box;box-shadow:0 1px 1px 1px var(--white)}.revision-notice .revision-icon:before{position:relative;left:1px;color:var(--grey-800) !important;font-size:18px}.revision-notice .revision-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(30,58,138,.2)}button.toggle{appearance:none;color:inherit;background:none;border:none;padding:0}.toggle:before,a.fieldtoggle:before{display:block;content:\"\";font-size:0;width:.4375rem;height:.4375rem;border:solid currentColor;border-width:0 .125rem .125rem 0;opacity:.8;position:relative;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}ul.errors em{font-style:normal}strong,b,i em{font-weight:bold}.readable{font-size:16px;line-height:22px}.readable h1,.readable .h1,.readable h2,.readable .h2,.readable h3,.readable .h3,.readable h4,.readable .h4,.readable h5,.readable .h5,.readable h6,.readable .h6{margin:24px 0 16px;font-weight:600}.readable h1,.readable .h1{font-size:32px;line-height:40px;color:#000}.readable h2,.readable .h2{font-size:24px;line-height:30px}.readable h3,.readable .h3{font-size:20px;line-height:24px}.readable h4,.readable .h4{font-size:16px;line-height:20px}.readable h5,.readable .h5{font-size:14px;line-height:18px}.readable h6,.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 .tip-dismiss-btn{position:absolute;top:12px}body.ltr .readable .tip-dismiss-btn{right:12px}body.rtl .readable .tip-dismiss-btn{left:12px}.readable .tip-dismiss-btn+p{margin-top:0}.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:50px}body.rtl .readable blockquote.note{padding-right:50px}body.ltr .readable blockquote.note.dismissible{padding-right:36px}body.rtl .readable blockquote.note.dismissible{padding-left:36px}.readable blockquote.note:not(.tip):not(.warning){border-color:#dc2626;color:#bf503f}.readable blockquote.note:not(.tip):not(.warning):before{content:\"alert\";color:#dc2626}.readable blockquote.note.tip{border-color:#1f5fea;color:#1f5fea}.readable blockquote.note.tip:before{content:\"lightbulb\";color:#1f5fea}.readable blockquote.note.warning{border-color:#854d0e;color:#cf783a}.readable blockquote.note.warning:before{content:\"alert\";color:#854d0e}.readable blockquote.note:before{font-family:\"Craft\";speak:never;-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:1;position:absolute;top:15px;font-size:24px;width:24px}body.ltr .readable blockquote.note:before{left:16px}body.rtl .readable blockquote.note:before{right:16px}.readable blockquote.note a[href]{color:currentColor;text-decoration:underline}.readable .go:after{font-size:14px}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:12px;color:var(--rose-500)}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:never;-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;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:never;-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;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:not(.disabled){cursor:move}.icon.move:before{content:\"move\";color:var(--custom-text-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:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width: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:never;-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;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}.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}body.ltr .customize-sources-modal.sidebar-hidden{padding-left:0}body.rtl .customize-sources-modal.sidebar-hidden{padding-right:0}.customize-sources-modal.sidebar-hidden>.cs-sidebar{display:none}.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{--selected-item-color: var(--white);display:flex;width:calc(100% - 1px);box-sizing:border-box;align-items:center;position:relative;margin-top:-1px;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{--focus-ring: 0 0 0 1px hsl(var(--light-focus-hsl)), 0 0 0 3px hsla(var(--light-focus-hsl), 0.7);--ui-control-color: var(--selected-item-color);background-color:var(--dark-sel-color);color:var(--selected-item-color);z-index:1}.customize-sources-item .label{flex:1}.customize-sources-item.heading .label{text-transform:uppercase;color:var(--light-text-color);font-size:12px;font-weight:bold}.customize-sources-item.heading.sel .label{color:var(--selected-item-color)}.customize-sources-item__move{position:absolute;top:50%;transform:translate(-50%, -50%);justify-content:center;align-items:center}body.ltr .customize-sources-item__move{right:0}body.rtl .customize-sources-item__move{left:0}.customize-sources-item__move.icon{display:flex;text-decoration:none}.customize-sources-item__btn{padding:8px 14px;margin:3px}body.ltr .customize-sources-item__btn{padding-right:30px}body.rtl .customize-sources-item__btn{padding-left:30px}.checkbox-select-item{display:flex;align-items:flex-start;align-content:stretch;margin-bottom:4px}.checkbox-select-item .move{margin-top:-3px;position:relative;z-index:1}body.ltr .checkbox-select-item .move{margin-right:10px}body.rtl .checkbox-select-item .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:.4375rem;height:.4375rem;border:solid var(--light-text-color);border-width:0 .0625rem .0625rem 0;opacity:.8;position:relative}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:var(--s);min-height:34px}.toolbar.flex,.toolbar .flex{align-items:flex-start}.toolbar .text{border-radius:var(--large-border-radius) !important}.flex{display:flex;align-items:center;align-content:stretch;gap:var(--s)}.flex.flex-gap-xs{gap:var(--xs)}.flex.flex-gap-m{gap:var(--m)}.flex.flex-gap-l{gap:var(--l)}.flex.flex-gap-xl{gap:var(--xl)}.flex:not(.flex-nowrap){flex-wrap:wrap}.flex>*.label{white-space:nowrap}.centeralign .flex{justify-content:center}.inline-flex{display:inline-flex !important;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;max-width:100%}.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(--ui-control-border-radius);padding:7px 10px;border:none;text-align:center;white-space:nowrap;user-select:none;box-sizing:border-box;appearance:none;color:currentColor;font-size:inherit;background-color:var(--ui-control-bg-color)}.btn:not([aria-current]){cursor:pointer}.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.hairline{border:1px solid var(--medium-hairline-color);background-color:rgba(0,0,0,0)}.btn.hairline:hover,.btn.hairline:active,.btn.hairline[aria-expanded=true]{border-color:var(--dark-hairline-color)}.btn.hairline:active,.btn.hairline[aria-expanded=true]{background-color:var(--ui-control-static-bg-color)}.btn.wrap{height:auto;min-height:34px;white-space:initial;text-align:left}.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]):focus,.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]).focus,.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]):hover{--ui-control-bg-color: var(--ui-control-hover-bg-color)}.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]):active,.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]).active,.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current])[aria-expanded=true]{--ui-control-bg-color: var(--ui-control-active-bg-color)}.btn[type=color]{padding:6px !important;width:36px}.btn.active,.btn.loading{cursor:default}.btn:hover{text-decoration:none}.btn:empty,.btn.btn-empty{padding-left:12px;padding-right:12px}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:not(.action-btn)[data-icon]:empty:before,body.ltr .btn.menubtn:not(.action-btn)[data-icon].btn-empty:before,body.ltr .btn.menubtn:not(.action-btn).icon:empty:before,body.ltr .btn.menubtn:not(.action-btn).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:not(.action-btn)[data-icon]:empty:before,body.rtl .btn.menubtn:not(.action-btn)[data-icon].btn-empty:before,body.rtl .btn.menubtn:not(.action-btn).icon:empty:before,body.rtl .btn.menubtn:not(.action-btn).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}.btn [data-icon]{margin-top:-3px}body.ltr .btn [data-icon]{margin-right:5px}body.rtl .btn [data-icon]{margin-left:5px}.btn [data-icon].light:before{color:var(--gray-300)}.disabled{opacity:.25;pointer-events:none;user-select:none}.noteditable{cursor:not-allowed}.noteditable .element,.noteditable .lightswitch-container,.noteditable+.colorhex{cursor:not-allowed}.btn,.spinner{height:var(--ui-control-height)}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(.action-btn):not(:empty):not(.btn-empty):after,body.ltr .menubtn:not(.action-btn).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(.action-btn):not(:empty):not(.btn-empty):after,body.rtl .menubtn:not(.action-btn).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;border-radius:var(--large-border-radius)}.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}.btngroup--exclusive .btn[aria-pressed=true]:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]){background-color:var(--gray-500);color:var(--white)}.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 .copytextbtn__icon{padding:0;width:13px;background:none;margin-top:-3px;color:var(--light-text-color)}body.ltr .copytextbtn .copytextbtn__icon{margin-left:5px}body.rtl .copytextbtn .copytextbtn__icon{margin-right:5px}.copytextbtn:hover,.copytextbtn:focus{border-color:var(--medium-hairline-color);color:var(--text-color)}.copytextbtn:hover .copytextbtn__value,.copytextbtn:focus .copytextbtn__value{color:var(--text-color)}.copytextbtn.small{padding:0 5px}.copytextbtn.small .copytextbtn__value{font-size:.6875rem}.menu-toggle,.menubtn:not(.action-btn){display:inline-flex;align-items:center;user-select:none}.menu-toggle:after,.menubtn:not(.action-btn):after{display:block;content:\"\";font-size:0;width:.4375rem;height:.4375rem;border:solid currentColor;border-width:0 .125rem .125rem 0;opacity:.8;position:relative;transform:rotate(45deg);position:relative}.menu-toggle.btn:after,.menubtn:not(.action-btn).btn:after{top:-1px}.menu-toggle.btn:not(.disabled):not(.inactive):active:after,.menu-toggle.btn:not(.disabled):not(.inactive).active:after,.menubtn:not(.action-btn).btn:not(.disabled):not(.inactive):active:after,.menubtn:not(.action-btn).btn:not(.disabled):not(.inactive).active:after{border-color:var(--ui-control-active-color)}.menu-toggle.btn.submit:after,.menubtn:not(.action-btn).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:not(.action-btn).btn.submit:not(.disabled):not(.inactive):hover:after,.menubtn:not(.action-btn).btn.submit:not(.disabled):not(.inactive).hover:after,.menubtn:not(.action-btn).btn.submit:not(.disabled):not(.inactive):active:after,.menubtn:not(.action-btn).btn.submit:not(.disabled):not(.inactive).active:after{opacity:1}.menu-toggle:not(.btn):not(.icon),.menubtn:not(.action-btn):not(.btn):not(.icon){height:17px}.menu-toggle:not(.btn):not(.icon):after,.menubtn:not(.action-btn):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:not(.action-btn):empty,body.ltr .menubtn:not(.action-btn).btn-empty{padding-left:8px}body.rtl .menu-toggle:empty,body.rtl .menu-toggle.btn-empty,body.rtl .menubtn:not(.action-btn):empty,body.rtl .menubtn:not(.action-btn).btn-empty{padding-right:8px}body.ltr .menu-toggle:empty,body.ltr .menu-toggle.btn-empty,body.ltr .menubtn:not(.action-btn):empty,body.ltr .menubtn:not(.action-btn).btn-empty{padding-right:8px}body.rtl .menu-toggle:empty,body.rtl .menu-toggle.btn-empty,body.rtl .menubtn:not(.action-btn):empty,body.rtl .menubtn:not(.action-btn).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:var(--elements-busy-top-position);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 var(--s) !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.huge{padding:var(--l);line-height:48px;height:48px}.btn.submit,.btn.secondary{color:var(--white) !important;--ui-control-active-color: var(--white);-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:#c82020 !important}.btn.submit:not(.disabled):not(.inactive):not(.loading):active,.btn.submit:not(.disabled):not(.inactive):not(.loading).active,.btn.submit:not(.disabled):not(.inactive):not(.loading)[aria-expanded=true]{background-color:#b21d1d !important}.btn.caution{background-color:var(--red-050) !important;color:var(--error-color)}.btn.caution:hover,.btn.caution.hover,.btn.caution:focus{background-color:#fcdada !important}.btn.caution:active,.btn.caution.active,.btn.caution[aria-expanded=true]{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,.secondary-buttons .btn.submit:not(.disabled):not(.inactive):not(.loading)[aria-expanded=true],.btn.secondary:not(.disabled):not(.inactive):not(.loading):active,.btn.secondary:not(.disabled):not(.inactive):not(.loading).active,.btn.secondary:not(.disabled):not(.inactive):not(.loading)[aria-expanded=true]{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,.btn.dashed:not(.disabled)[aria-expanded=true]{background-color:rgba(205,216,228,.25)}.chevron-btns{display:flex;justify-content:flex-start}.chevron-btns .btn{position:relative;padding:0;border-radius:0;background-color:rgba(0,0,0,0)}.chevron-btns .btn.current-step,.chevron-btns .btn.active-drop-target{color:var(--white);--text-color: var(--white);--ui-control-color: var(--white);--ui-control-bg-color: var(--gray-500);--ui-control-hover-bg-color: #55616d;--ui-control-active-bg-color: #4a545e}.chevron-btns .btn.current-step{-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)}.chevron-btns .btn:focus{z-index:1;box-shadow:none}.chevron-btns .btn:focus .label{z-index:1;box-shadow:var(--focus-ring)}.reduce-focus-visibility .chevron-btns .btn:focus:not(:focus-visible) .label{box-shadow:none}.reduce-focus-visibility .chevron-btns .btn:focus-visible .label{box-shadow:var(--focus-ring)}body.ltr .chevron-btns .btn:not(.has-action-menu){padding-right:calc(var(--ui-control-height)/2)}body.rtl .chevron-btns .btn:not(.has-action-menu){padding-left:calc(var(--ui-control-height)/2)}body.ltr .chevron-btns .btn:not(.has-action-menu){margin-right:2.8px}body.rtl .chevron-btns .btn:not(.has-action-menu){margin-left:2.8px}body.ltr .chevron-btns .btn:not(.has-action-menu):not(.current-step[data-disclosure-trigger]) .btn-body{padding-right:5px}body.rtl .chevron-btns .btn:not(.has-action-menu):not(.current-step[data-disclosure-trigger]) .btn-body{padding-left:5px}body.ltr .chevron-btns .btn.current-step[data-disclosure-trigger] .btn-body{padding-left:8px}body.rtl .chevron-btns .btn.current-step[data-disclosure-trigger] .btn-body{padding-right:8px}.chevron-btns .btn.current-step[data-disclosure-trigger] .btn-body .label{padding:3px}.chevron-btns .btn.current-step[data-disclosure-trigger] .btn-body .label:after{display:block;content:\"\";font-size:0;width:.4375rem;height:.4375rem;border:solid currentColor;border-width:0 .125rem .125rem 0;opacity:.8;position:relative;transform:rotate(45deg);position:relative}.chevron-btns .btn .btn-body{display:inline-flex;align-items:center;justify-content:center;height:var(--ui-control-height);background-color:var(--ui-control-bg-color)}.chevron-btns .btn .btn-body [data-icon]{--ui-control-height: calc((13rem / 16));text-align:center}body.ltr .chevron-btns .btn .btn-body [data-icon]{margin-right:0}body.rtl .chevron-btns .btn .btn-body [data-icon]{margin-left:0}.chevron-btns .btn .label{display:inline-flex;align-items:center;overflow:hidden;text-overflow:ellipsis}body.ltr .chevron-btns .btn.has-action-menu .btn-body{padding-right:1px}body.rtl .chevron-btns .btn.has-action-menu .btn-body{padding-left:1px}body.ltr .chevron-btns .btn.has-action-menu .btn-body{margin-right:0}body.rtl .chevron-btns .btn.has-action-menu .btn-body{margin-left:0}.chevron-btns .btn .chevron-right,.chevron-btns .btn .chevron-left{position:absolute;top:0;height:100%;width:calc(var(--ui-control-height)/2)}.chevron-btns .btn .chevron-left{border-top:calc(var(--ui-control-height)/2) solid var(--ui-control-bg-color)}body.ltr .chevron-btns .btn .chevron-left{left:0}body.rtl .chevron-btns .btn .chevron-left{right:0}body.ltr .chevron-btns .btn .chevron-left{border-left:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0)}body.rtl .chevron-btns .btn .chevron-left{border-right:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0)}.chevron-btns .btn .chevron-left:after{display:block;content:\"\";font-size:0;position:absolute;bottom:0;border-bottom:calc(var(--ui-control-height)/2) solid var(--ui-control-bg-color)}body.ltr .chevron-btns .btn .chevron-left:after{right:0}body.rtl .chevron-btns .btn .chevron-left:after{left:0}body.ltr .chevron-btns .btn .chevron-left:after{border-left:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0)}body.rtl .chevron-btns .btn .chevron-left:after{border-right:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0)}.chevron-btns .btn .chevron-right{border-top:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0);border-bottom:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0)}body.ltr .chevron-btns .btn .chevron-right{right:0}body.rtl .chevron-btns .btn .chevron-right{left:0}body.ltr .chevron-btns .btn .chevron-right{border-left:calc(var(--ui-control-height)/2) solid var(--ui-control-bg-color)}body.rtl .chevron-btns .btn .chevron-right{border-right:calc(var(--ui-control-height)/2) solid var(--ui-control-bg-color)}.chevron-btns ol{position:relative;list-style-type:none;display:flex}body.ltr .chevron-btns ol{padding-left:0}body.rtl .chevron-btns ol{padding-right:0}body.ltr .chevron-btns ol li.first-step .btn .btn-body{padding-left:14px}body.rtl .chevron-btns ol li.first-step .btn .btn-body{padding-right:14px}body.ltr .chevron-btns ol li.first-step .btn .btn-body{border-radius:var(--ui-control-border-radius) 0 0 var(--ui-control-border-radius)}body.rtl .chevron-btns ol li.first-step .btn .btn-body{border-radius:0 var(--ui-control-border-radius) var(--ui-control-border-radius) 0}.chevron-btns ol li.first-step .btn .chevron-left{display:none}body.ltr .chevron-btns ol li:not(.first-step) .btn{margin-left:calc(-1*var(--ui-control-height)/2)}body.rtl .chevron-btns ol li:not(.first-step) .btn{margin-right:calc(-1*var(--ui-control-height)/2)}body.ltr .chevron-btns ol li:not(.first-step) .btn{padding-left:calc(var(--ui-control-height)/2)}body.rtl .chevron-btns ol li:not(.first-step) .btn{padding-right:calc(var(--ui-control-height)/2)}body.ltr .chevron-btns ol li:not(.first-step) .btn .btn-body{padding-left:7px}body.rtl .chevron-btns ol li:not(.first-step) .btn .btn-body{padding-right:7px}.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):not(.noteditable){cursor:pointer}.color:not(.small){background-image:linear-gradient(45deg, rgba(154, 165, 177, 0.25) 25%, transparent 25%),linear-gradient(135deg, rgba(154, 165, 177, 0.25) 25%, transparent 25%),linear-gradient(45deg, transparent 75%, rgba(154, 165, 177, 0.25) 75%),linear-gradient(135deg, transparent 75%, rgba(154, 165, 177, 0.25) 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, rgba(154, 165, 177, 0.25) 25%, transparent 25%),linear-gradient(135deg, rgba(154, 165, 177, 0.25) 25%, transparent 25%),linear-gradient(45deg, transparent 75%, rgba(154, 165, 177, 0.25) 75%),linear-gradient(135deg, transparent 75%, rgba(154, 165, 177, 0.25) 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;max-width:100%;padding-left:7px;padding-right:7px}.lightswitch-outer-container .lightswitch-inner-container span{flex-grow:1;padding:7px 0;color:var(--medium-text-color);cursor:default;overflow:auto;overflow-wrap:break-word;hyphens:auto}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}.lightswitch-outer-container .lightswitch-inner-container span[data-toggle=off]{text-align:right}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}body.rtl .lightswitch-outer-container .lightswitch-inner-container span[data-toggle=off]{text-align:left}.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;min-width:34px;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:1.875rem;height:1.875rem;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:.4375rem;height:.4375rem;border:solid var(--light-text-color);border-width:0 .125rem .125rem 0;opacity:.8;position:relative}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:.4375rem;height:.4375rem;border:solid var(--light-text-color);border-width:0 .125rem .125rem 0;opacity:.8;position:relative}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)}body:not(.reduce-focus-visibility) .pagination .page-link:not(.disabled):focus,body.reduce-focus-visibility .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{--pane-y-padding-default: calc(var(--xl) - 2px);--pane-x-padding-default: calc(var(--padding) - 2px);margin:calc(var(--pane-padding, var(--pane-y-padding-default))*-1) calc(var(--pane-padding, var(--pane-x-padding-default))*-1) calc(var(--pane-padding, var(--padding))*-1 + var(--pane-padding, var(--m)));padding:0 !important;overflow-x:auto}body.ltr .tablepane table.data th:first-child,body.ltr .tablepane table.data td:first-child{padding-left:var(--m)}body.rtl .tablepane table.data th:first-child,body.rtl .tablepane table.data td:first-child{padding-right:var(--m)}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% - .5rem)}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(--border-radius, var(--small-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(--border-radius, var(--small-border-radius))}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-bottom-left-radius:var(--border-radius, var(--small-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-bottom-right-radius:var(--border-radius, var(--small-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(--border-radius, var(--small-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(--border-radius, var(--small-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-bottom-right-radius:var(--border-radius, var(--small-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-bottom-left-radius:var(--border-radius, var(--small-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:var(--s);padding-bottom:var(--s)}table.data thead th{white-space:nowrap;vertical-align:middle}table.data thead th.orderable{position:relative;padding:0 !important}body:not(.dragging) 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:.4375rem;height:.4375rem;border:solid currentColor;border-width:0 .125rem .125rem 0;opacity:.8;position:relative;transform:rotate(225deg);top:2px;position:absolute;top:calc(50% - 3px)}body.ltr table.data thead th.orderable.ordered:not(.loading) button:after{right:var(--m)}body.rtl table.data thead th.orderable.ordered:not(.loading) button:after{left:var(--m)}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:var(--pane-padding, var(--m)) var(--m)}body.ltr table.data thead th.orderable button{padding-right:35px}body.rtl table.data thead th.orderable button{padding-left:35px}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{--hover-bg-color: var(--gray-050);--selected-bg-color: var(--dark-sel-color)}table.data tbody tr:not(.disabled):hover th,table.data tbody tr:not(.disabled):hover td{background-color:var(--hover-bg-color)}table.data tbody tr:not(.disabled):focus{position:relative;z-index:1}table.data tbody tr:not(.disabled).sel,table.data tbody tr:not(.disabled).active-drop-target{--text-color: var(--white);--medium-dark-text-color: var(--white);--medium-text-color: var(--white);--light-text-color: var(--white);--link-color: var(--white);--ui-control-color: var(--white);--focus-ring: 0 0 0 3px hsl(var(--light-focus-hsl))}table.data tbody tr:not(.disabled).sel th,table.data tbody tr:not(.disabled).sel td,table.data tbody tr:not(.disabled).active-drop-target th,table.data tbody tr:not(.disabled).active-drop-target td{color:var(--white);background-color:var(--selected-bg-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.data tr.sel:not(.draggee)+tr.sel:not(.draggee) th,table.data tr.sel:not(.draggee)+tr.sel:not(.draggee) td{border-top-color:var(--gray-300)}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{background-color:var(--white);box-shadow:0 1px 5px -1px rgba(31,41,51,.2)}.datatablesorthelper,.datatablesorthelper .chip,.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}.chip,.card{color:var(--custom-text-color, var(--text-color));background-color:var(--custom-bg-color, var(--gray-050))}.chip{position:relative;display:inline-flex;align-items:center;cursor:default;user-select:none;font-weight:normal;padding:var(--xs) var(--s);max-width:100%;gap:var(--xs);border-radius:var(--large-border-radius)}.chip.small{flex-direction:row;height:calc(1.625rem + 8px);--thumb-size: calc(30rem / 16)}.chip.small>.thumb{margin:calc(var(--xs)*-1 + 2px) calc(var(--s)*-1 + 2px)}body.ltr .chip.small>.thumb{margin-right:2px}body.rtl .chip.small>.thumb{margin-left:2px}.chip.small>.thumb.cp-icon{--thumb-size: 1rem}body.ltr .chip.small>.thumb.cp-icon{margin-left:-2px}body.rtl .chip.small>.thumb.cp-icon{margin-right:-2px}.chip.large{flex-direction:column;--thumb-size: 120px;min-width:calc(var(--s)*2 + var(--thumb-size))}.chip.large .chip-content{width:100%}.chip .chip-content{display:flex;flex-direction:row;align-items:center;gap:var(--s);max-width:100%}body.ltr .chip .chip-content .status,body.ltr .chip .chip-content .icon{margin-right:0}body.rtl .chip .chip-content .status,body.rtl .chip .chip-content .icon{margin-left:0}.chip .chip-content .icon{margin:-4px -1px 0}.chip.sel,li.sel .chip,li.active-drop-target .chip{--text-color: var(--white);--custom-text-color: var(--white) !important;--medium-dark-text-color: var(--white);--medium-text-color: var(--white);--light-text-color: var(--white);--link-color: var(--white);--ui-control-color: var(--white);--focus-ring: 0 0 0 3px hsl(var(--light-focus-hsl));color:var(--white);background-color:var(--custom-sel-bg-color, var(--dark-sel-color)) !important}.chip.sel .cp-icon,li.sel .chip .cp-icon,li.active-drop-target .chip .cp-icon{--icon-color: var(--white) !important}.chip.sel,.sel .chip{cursor:default}.chip.sel .thumb,.sel .chip .thumb{filter:brightness(0.85)}.chip.sel .thumb img,.sel .chip .thumb img{box-shadow:0 0 0 1px rgba(96,109,123,.1),0 6px 4px -4px rgba(96,109,123,.2)}.offset-drag-helper .chip{background-color:var(--gray-050);box-shadow:0 1px 5px -1px rgba(31,41,51,.2)}.chip>.thumb{position:relative;display:flex;align-items:center;justify-content:center;width:var(--thumb-size);height:var(--thumb-size)}.chip>.thumb.rounded img,.chip>.thumb.rounded svg{border:var(--xs) solid rgba(0,0,0,0);border-radius:50%}.chip>.thumb.checkered img{background-image:linear-gradient(45deg, rgba(154, 165, 177, 0.25) 25%, transparent 25%),linear-gradient(135deg, rgba(154, 165, 177, 0.25) 25%, transparent 25%),linear-gradient(45deg, transparent 75%, rgba(154, 165, 177, 0.25) 75%),linear-gradient(135deg, transparent 75%, rgba(154, 165, 177, 0.25) 75%);background-size:8px 8px;background-position:0 0,4px 0,4px -4px,0 4px}.chip>.thumb img,.chip>.thumb svg{display:block;flex-shrink:0;border-radius:var(--small-border-radius);max-width:100%;max-height:100%}.cp-icon{display:flex;align-items:center;justify-content:center;width:var(--icon-size);height:var(--icon-size);max-width:var(--icon-size)}.cp-icon svg{width:var(--icon-size);height:var(--icon-size);max-width:var(--icon-size) !important;max-height:var(--icon-size) !important}.cp-icon svg rect,.cp-icon svg circle,.cp-icon svg ellipse,.cp-icon svg line,.cp-icon svg polyline,.cp-icon svg polygon,.cp-icon svg path,.cp-icon svg text{fill:var(--icon-color, var(--ui-control-color));stroke-width:0}.cp-icon.large{--icon-size: calc(20rem / 16)}.cp-icon.small{--icon-size: calc(14rem / 16)}.cp-icon.puny{--icon-size: calc(12rem / 16)}.chips,.cards{display:flex;--custom-bg-color: initial;--custom-text-color: initial;--custom-sel-bg-color: initial}.chips:not(.inline-chips),.cards:not(.inline-chips){flex-direction:column}.chips li,.cards li{max-width:100%}.cards{gap:var(--s)}.chips{align-items:flex-start;gap:var(--xs)}.inline-chips{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--xs)}.inline-chips .chip{margin:0 !important}.card{position:relative;display:flex;flex-direction:row;align-items:stretch;padding:var(--m);gap:var(--m);border-radius:var(--large-border-radius);cursor:default;user-select:none;width:100%}.card:after{border-radius:var(--large-border-radius)}.card.sel,li.sel .card{--text-color: var(--white);--custom-text-color: var(--white) !important;--medium-dark-text-color: var(--white);--medium-text-color: var(--white);--light-text-color: var(--white);--link-color: var(--white);--ui-control-color: var(--white);--focus-ring: 0 0 0 3px hsl(var(--light-focus-hsl));color:var(--white);background-color:var(--custom-sel-bg-color, var(--dark-sel-color)) !important}.card.sel>.thumb,li.sel .card>.thumb{background-color:var(--dark-sel-color) !important;filter:brightness(0.85)}.card>.thumb{position:relative;display:flex;align-items:stretch;margin:calc(var(--m)*-1);width:120px;min-width:120px;min-height:calc(var(--m)*2 + var(--lh)*3 + var(--xs));background-color:var(--gray-100);overflow:hidden}body.ltr .card>.thumb{margin-right:0}body.rtl .card>.thumb{margin-left:0}.card>.thumb:after{display:block;content:\"\";font-size:0;position:absolute;top:0;bottom:0;box-shadow:0 1px 5px -1px rgba(31,41,51,.2);width:10px}body.ltr .card>.thumb:after{right:-10px}body.rtl .card>.thumb:after{left:-10px}body.ltr .card>.thumb,body.ltr .card>.thumb:after{border-radius:var(--large-border-radius) 0 0 var(--large-border-radius)}body.rtl .card>.thumb,body.rtl .card>.thumb:after{border-radius:0 var(--large-border-radius) var(--large-border-radius) 0}.card>.thumb img,.card>.thumb svg{width:100%;max-height:120px;object-fit:cover}body.ltr .card>.cp-icon{margin:0 -4px 0 -2px}body.rtl .card>.cp-icon{margin:0 -2px 0 -4px}.card .card-content,.card .card-content .card-body{display:flex;flex-direction:column;gap:var(--xs);flex:1}.card .card-content{margin:calc((1rem - var(--lh))/2) 0;flex:1 0 0 !important;overflow:hidden;position:relative;--focus-ring: var(--inner-focus-ring)}.card .card-content .card-heading{display:flex;flex-direction:row;align-items:center;gap:5px}.card .card-content .card-heading .status{margin:0;flex:0 0 10px}.card .card-content .card-heading .label{font-weight:600}.card .card-content .card-body:empty{display:none}.card .card-content .card-body>*{--max-lines: 2;margin:0;max-height:calc(var(--lh)*var(--max-lines));overflow:hidden;text-wrap:pretty}.card>.card-actions-container{display:flex;align-items:flex-start !important;position:relative}.card-grid{display:grid !important;gap:var(--s) !important;grid-template-columns:repeat(auto-fill, minmax(360px, 1fr))}.card-grid>li{border-radius:var(--large-border-radius)}.card-grid>li>.card{margin:0 !important;height:100%}.context-label,.context-menu-container{display:inline-flex;align-items:center;height:var(--touch-target-size);padding:0 var(--s);font-size:11px;font-weight:normal;text-decoration:none !important;color:var(--light-text-color);border-radius:calc(var(--touch-target-size)/2);border:1px solid var(--medium-hairline-color)}body.ltr .context-label,body.ltr .context-menu-container{margin-left:var(--xs)}body.rtl .context-label,body.rtl .context-menu-container{margin-right:var(--xs)}body.ltr .context-menu-container{padding-right:0}body.rtl .context-menu-container{padding-left:0}body.ltr .context-menu-container .menubtn:not(.action-btn){margin:0 -1px 0 0}body.rtl .context-menu-container .menubtn:not(.action-btn){margin:0 0 0 -1px}body.ltr .context-menu-container .menubtn:not(.action-btn){padding-right:2px !important}body.rtl .context-menu-container .menubtn:not(.action-btn){padding-left:2px !important}body.ltr .context-menu-container .menubtn:not(.action-btn){border-left:1px solid var(--medium-hairline-color)}body.rtl .context-menu-container .menubtn:not(.action-btn){border-right:1px solid var(--medium-hairline-color)}body.ltr .context-menu-container .menubtn:not(.action-btn){border-radius:0 calc(var(--touch-target-size)/2) calc(var(--touch-target-size)/2) 0}body.rtl .context-menu-container .menubtn:not(.action-btn){border-radius:calc(var(--touch-target-size)/2) 0 0 calc(var(--touch-target-size)/2)}.context-menu-container .menubtn:not(.action-btn):hover{border-color:var(--dark-hairline-color) !important}.context-menu-container>*{display:inline-block}body.ltr .context-menu-container>*{padding-right:var(--s)}body.rtl .context-menu-container>*{padding-left:var(--s)}.context-menu-container .menubtn:not(.action-btn):only-child,.context-menu-container .visually-hidden:first-child+.menubtn:not(.action-btn):last-child{margin:0 calc(var(--s)*-1);border-left:none !important;border-radius:calc(var(--touch-target-size)/2) !important}.chip .checkbox:before,.card .checkbox:before{box-shadow:none !important}.chip .label,.card .label{display:flex;align-items:center;gap:var(--xs);overflow:hidden}.chip .label .label-link,.card .label .label-link{flex:1 1 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chip .label .label-link:focus,.card .label .label-link:focus{box-shadow:var(--inner-focus-ring)}.chip .label .segment:after,.card .label .segment:after{display:inline-flex !important;position:relative;top:-2px;display:block;content:\"\";font-size:0;width:.4375rem;height:.4375rem;border:solid var(--light-text-color);border-width:0 .0625rem .0625rem 0;opacity:.8;position:relative}body.ltr .chip .label .segment:after,body.ltr .card .label .segment:after{margin:0 5px 0 2px}body.rtl .chip .label .segment:after,body.rtl .card .label .segment:after{margin:0 2px 0 5px}body.ltr .chip .label .segment:after,body.ltr .card .label .segment:after{transform:rotate(-45deg)}body.rtl .chip .label .segment:after,body.rtl .card .label .segment:after{transform:rotate(135deg)}.sel .chip .label .segment:after,.sel .card .label .segment:after{display:block;content:\"\";font-size:0;width:.4375rem;height:.4375rem;border:solid var(--white);border-width:0 .0625rem .0625rem 0;opacity:.8;position:relative}body.ltr .sel .chip .label .segment:after,body.ltr .sel .card .label .segment:after{transform:rotate(-45deg)}body.rtl .sel .chip .label .segment:after,body.rtl .sel .card .label .segment:after{transform:rotate(135deg)}.chip>.chip-content>.chip-actions,.chip>.card-actions-container>.card-actions,.card>.chip-content>.chip-actions,.card>.card-actions-container>.card-actions{display:flex;flex-direction:row;align-items:center;gap:var(--s);min-height:1rem}.chip>.chip-content>.chip-actions:empty,.chip>.card-actions-container>.card-actions:empty,.card>.chip-content>.chip-actions:empty,.card>.card-actions-container>.card-actions:empty{display:none}.chip>.chip-content>.chip-actions>.status,.chip>.card-actions-container>.card-actions>.status,.card>.chip-content>.chip-actions>.status,.card>.card-actions-container>.card-actions>.status{margin:0}.chip>.chip-content>.chip-actions>.action-btn,.chip>.chip-content>.chip-actions>.move,.chip>.card-actions-container>.card-actions>.action-btn,.chip>.card-actions-container>.card-actions>.move,.card>.chip-content>.chip-actions>.action-btn,.card>.chip-content>.chip-actions>.move,.card>.card-actions-container>.card-actions>.action-btn,.card>.card-actions-container>.card-actions>.move{height:var(--touch-target-size);width:var(--touch-target-size);margin:0 -4px}.chip>.chip-content>.chip-actions>.action-btn:before,.chip>.chip-content>.chip-actions>.move:before,.chip>.card-actions-container>.card-actions>.action-btn:before,.chip>.card-actions-container>.card-actions>.move:before,.card>.chip-content>.chip-actions>.action-btn:before,.card>.chip-content>.chip-actions>.move:before,.card>.card-actions-container>.card-actions>.action-btn:before,.card>.card-actions-container>.card-actions>.move:before{color:var(--custom-text-color, var(--ui-control-color))}.chip>.chip-content>.chip-actions .action-btn,.chip>.card-actions-container>.card-actions .action-btn,.card>.chip-content>.chip-actions .action-btn,.card>.card-actions-container>.card-actions .action-btn{background-color:rgba(0,0,0,0)}body.ltr .chip>.chip-content>.chip-actions .action-btn:before,body.ltr .chip>.card-actions-container>.card-actions .action-btn:before,body.ltr .card>.chip-content>.chip-actions .action-btn:before,body.ltr .card>.card-actions-container>.card-actions .action-btn:before{margin-right:0 !important}body.rtl .chip>.chip-content>.chip-actions .action-btn:before,body.rtl .chip>.card-actions-container>.card-actions .action-btn:before,body.rtl .card>.chip-content>.chip-actions .action-btn:before,body.rtl .card>.card-actions-container>.card-actions .action-btn:before{margin-left:0 !important}.chip>.chip-content>.chip-actions .action-btn:hover,.chip>.chip-content>.chip-actions .action-btn:active,.chip>.chip-content>.chip-actions .action-btn[aria-expanded=true],.chip>.card-actions-container>.card-actions .action-btn:hover,.chip>.card-actions-container>.card-actions .action-btn:active,.chip>.card-actions-container>.card-actions .action-btn[aria-expanded=true],.card>.chip-content>.chip-actions .action-btn:hover,.card>.chip-content>.chip-actions .action-btn:active,.card>.chip-content>.chip-actions .action-btn[aria-expanded=true],.card>.card-actions-container>.card-actions .action-btn:hover,.card>.card-actions-container>.card-actions .action-btn:active,.card>.card-actions-container>.card-actions .action-btn[aria-expanded=true]{backdrop-filter:brightness(90%)}.chip>.chip-content>.chip-actions .move,.chip>.card-actions-container>.card-actions .move,.card>.chip-content>.chip-actions .move,.card>.card-actions-container>.card-actions .move{margin-top:-3px !important}.chip.error .label .label-link,.card.error .label .label-link{color:var(--error-color)}.element-index .source-path{background-color:var(--gray-050);border-radius:3px;--ui-control-bg-color: var(--light-sel-color);--ui-control-hover-bg-color: #bdcbdb;--ui-control-active-bg-color: #acbed2}.element-index .source-path .chevron-btns{display:inline-flex;position:relative;background:#fff;--ui-control-height: calc((30rem / 16))}.element-index .source-path .chevron-btns:before{display:block;content:\"\";font-size:0;position:absolute;top:0;width:0;height:0;border-top:calc(var(--ui-control-height)/2) solid #f3f7fc}body.ltr .element-index .source-path .chevron-btns:before{right:0}body.rtl .element-index .source-path .chevron-btns:before{left:0}body.ltr .element-index .source-path .chevron-btns:before{border-left:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0)}body.rtl .element-index .source-path .chevron-btns:before{border-right:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0)}.element-index .source-path .chevron-btns:after{display:block;content:\"\";font-size:0;position:absolute;top:calc(var(--ui-control-height)/2);border-bottom:calc(var(--ui-control-height)/2) solid #f3f7fc}body.ltr .element-index .source-path .chevron-btns:after{right:0}body.rtl .element-index .source-path .chevron-btns:after{left:0}body.ltr .element-index .source-path .chevron-btns:after{border-left:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0)}body.rtl .element-index .source-path .chevron-btns:after{border-right:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0)}.element-index .source-path .chevron-btns .btn{--ui-control-border-radius: 3px}.element-index .source-path .btn.settings{box-shadow:0 0 0 2px var(--white)}.element-index.main .source-path{margin:-22px calc(var(--padding)*-1 + 2px) 24px}.elementselectormodal .element-index .source-path{margin-bottom:2px}.element-index.pane .toolbar{position:relative;z-index:2;margin:calc(var(--pane-padding)*-1) calc(var(--pane-padding)*-1) var(--pane-padding) !important;border-radius:calc(var(--large-border-radius) - 1px) calc(var(--large-border-radius) - 1px) 0 0;padding:var(--pane-padding);box-shadow:0 1px 0 var(--hairline-color);background-color:var(--gray-050)}.element-index.pane .header{padding-top:var(--pane-padding);padding-bottom:var(--pane-padding);background-color:rgba(0,0,0,0);border-bottom:1px solid var(--hairline-color)}.element-index.pane .elements{--border-radius: 0}.element-index.pane .elements .tableview table.data thead th,.element-index.pane .elements .tableview table.data thead td{border-bottom:1px solid var(--hairline-color)}.element-index.pane .elements .tableview table.data thead th:not(.ordered),.element-index.pane .elements .tableview table.data thead td:not(.ordered){background-color:rgba(0,0,0,0)}.element-index.pane .footer{border-radius:0 0 calc(var(--large-border-radius) - 1px) calc(var(--large-border-radius) - 1px) !important;box-shadow:none;border-top:1px solid var(--hairline-color);background:rgba(0,0,0,0)}.elements{position:relative}.elements:not(.busy) .update-spinner{display:none}.elements.busy{min-height:72px}.elements.busy:after{display:block;content:\"\";font-size:0;position:absolute;z-index:100;top:0;left:calc(var(--pane-padding, 24px)*-1);width:calc(100% + var(--pane-padding, 24px) + var(--pane-padding, 24px));height:100%;background:rgba(255,255,255,.75);border-radius:var(--large-border-radius)}.elements.busy .update-spinner{z-index:101}.elements .header{margin:calc(var(--xl)*-1 + 2px) calc(var(--padding)*-1 + 2px) var(--xl);padding:var(--s);background-color:var(--gray-050);box-shadow:none;border-radius:var(--border-radius, var(--small-border-radius))}.elements .header:after{content:\"\"}.elements .header .selectallcontainer{display:flex;align-items:center;gap:5px;cursor:default}.elements .tableview tr.draggee th,.elements .tableview tr.draggee td,.elements .thumbsview li.draggee{opacity:.25}.elements .tableview th .move,.elements .tableview th .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 th .move,body.ltr .elements .tableview th .toggle{margin-left:calc(var(--touch-target-size)*-1)}body.rtl .elements .tableview th .move,body.rtl .elements .tableview th .toggle{margin-right:calc(var(--touch-target-size)*-1)}.elements .tableview th .move{font-size:11px;text-decoration:none}.elements .tableview th .toggle{text-align:center;padding:4px;border-radius:50%}body.ltr .elements .tableview th .move+.toggle{margin-left:calc(var(--touch-target-size)*-2)}body.rtl .elements .tableview th .move+.toggle{margin-right:calc(var(--touch-target-size)*-2)}.elements .tableview th .enabled-label{margin-left:var(--xs)}.elements .tableview .chip{background-color:rgba(0,0,0,0)}.elements .thumbsview{display:grid;gap:var(--xs);grid-template-columns:repeat(auto-fill, minmax(180px, 1fr))}.elements .thumbsview li{position:relative;max-width:226px;border-radius:var(--large-border-radius)}body.ltr .elements .thumbsview li{margin:0 1px 1px 0}body.rtl .elements .thumbsview li{margin:0 0 1px 1px}.elements .thumbsview li:hover .chip{background-color:var(--gray-050)}.elements .thumbsview li.sel a{cursor:pointer !important}.elements .thumbsview li.sel a:hover{text-decoration:underline}.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}.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(--gray-200)}body.rtl .structure ul li:not(:last-child):not(.last){border-right:1px solid var(--gray-200)}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 .chip{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 .elements:not(:empty)+.flex,.componentselect .components:not(:empty)+.flex{margin-top:var(--s)}.elementselect{position:relative;min-height:34px}.elementselect .flex,.elementselect .btn{clear:both}.elementselect .chip{z-index:1}.elementselect .structure .chip{margin-top:var(--xs)}body.ltr .elementselect .structure>li{padding-left:0}body.rtl .elementselect .structure>li{padding-right:0}body.ltr .elementselect .structure ul{margin-left:14px}body.rtl .elementselect .structure ul{margin-right:14px}.elementselect .structure ul li{background-position:0 6px !important}.nested-element-cards{display:flex;flex-direction:column;gap:var(--s)}.nested-element-cards>.pane{margin:0}table.editable{border-radius:var(--large-border-radius);border:1px solid var(--gray-200)}table.editable th,table.editable td.heading,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:calc(var(--large-border-radius) - 1px)}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:calc(var(--large-border-radius) - 1px)}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 .editable-table-preview{white-space:pre-wrap}body.ltr table.editable tbody tr td.textual .editable-table-preview{text-align:left}body.rtl table.editable tbody tr td.textual .editable-table-preview{text-align:right}table.editable tbody tr td.textual .editable-table-preview+textarea{opacity:0;height:0;min-height:0;padding-top:0;padding-bottom: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,table.editable tbody .editable-table-preview{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:calc(100% - 29px)}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;position:relative;width:.75rem;height:.75rem;border:1px solid rgba(0,0,0,0);border-radius:100%;box-sizing:border-box;background-clip:border-box}body.ltr .status{margin-right:10px}body.rtl .status{margin-left:10px}body.use-shapes .status.all{rotate:45deg;background-image:linear-gradient(30deg, #184cef, #e5422b)}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.all,body.use-shapes .status.off,body.use-shapes .status.suspended,body.use-shapes .status.expired{border-radius:2px;transform:scale(90%)}.status:not(.on):not(.live):not(.active):not(.enabled):not(.all):not(.pending):not(.warning):not(.off):not(.suspended):not(.expired):not(.light):not(.gray):not(.red):not(.orange):not(.amber):not(.yellow):not(.lime):not(.green):not(.emerald):not(.teal):not(.cyan):not(.sky):not(.blue):not(.indigo):not(.violet):not(.purple):not(.fuchsia):not(.pink):not(.rose):not(.grey):not(.black){border-color:var(--ui-control-color)}.status.all{background-image:linear-gradient(60deg, #184cef, #e5422b);background-origin:border-box}.status.on,.status.live,.status.active,.status.enabled{background-color:var(--enabled-color)}.status.red,.bg-red,.status.off,.status.suspended,.status.expired{background-color:var(--disabled-color)}.status.warning{background-color:var(--warning-color)}.status.orange,.bg-orange,.status.pending{background-color:var(--pending-color)}.status.amber,.bg-amber{background-color:var(--amber-500)}.status.yellow,.bg-yellow{background-color:var(--yellow-500)}.status.lime,.bg-lime{background-color:var(--lime-500)}.status.green,.bg-green{background-color:var(--green-600)}.status.emerald,.bg-emerald{background-color:var(--emerald-500)}.status.teal,.bg-teal,.status.turquoise,.bg-turquoise{background-color:var(--teal-500)}.status.cyan,.bg-cyan{background-color:var(--cyan-500)}.status.sky,.bg-sky{background-color:var(--sky-500)}.status.blue,.bg-blue{background-color:var(--blue-600)}.status.indigo,.bg-indigo{background-color:var(--indigo-500)}.status.violet,.bg-violet{background-color:var(--violet-500)}.status.purple,.bg-purple{background-color:var(--purple-500)}.status.fuchsia,.bg-fuchsia{background-color:var(--fuchsia-500)}.status.pink,.bg-pink{background-color:var(--pink-500)}.status.rose,.bg-rose{background-color:var(--rose-500)}.status.light{background-color:var(--gray-100)}.status.white,.bg-white{background-color:var(--white)}.status.black,.bg-black{background-color:var(--gray-800)}.status.gray,.bg-gray,.status.grey,.bg-grey{background-color:var(--gray-300)}.status.white,.status.disabled{opacity:1}.icon.warning,.cp-icon.warning,[data-icon].warning,[data-icon-after].warning{--icon-color: var(--warning-color)}.icon.red,.cp-icon.red,[data-icon].red,[data-icon-after].red{--icon-color: var(--disabled-color)}.icon.orange,.cp-icon.orange,[data-icon].orange,[data-icon-after].orange{--icon-color: var(--pending-color)}.icon.amber,.cp-icon.amber,[data-icon].amber,[data-icon-after].amber{--icon-color: var(--amber-500)}.icon.yellow,.cp-icon.yellow,[data-icon].yellow,[data-icon-after].yellow{--icon-color: var(--yellow-500)}.icon.lime,.cp-icon.lime,[data-icon].lime,[data-icon-after].lime{--icon-color: var(--lime-500)}.icon.green,.cp-icon.green,[data-icon].green,[data-icon-after].green{--icon-color: var(--green-500)}.icon.emerald,.cp-icon.emerald,[data-icon].emerald,[data-icon-after].emerald{--icon-color: var(--emerald-500)}.icon.teal,.cp-icon.teal,[data-icon].teal,[data-icon-after].teal{--icon-color: var(--teal-500)}.icon.cyan,.cp-icon.cyan,[data-icon].cyan,[data-icon-after].cyan{--icon-color: var(--cyan-500)}.icon.sky,.cp-icon.sky,[data-icon].sky,[data-icon-after].sky{--icon-color: var(--sky-500)}.icon.blue,.cp-icon.blue,[data-icon].blue,[data-icon-after].blue{--icon-color: var(--blue-600)}.icon.indigo,.cp-icon.indigo,[data-icon].indigo,[data-icon-after].indigo{--icon-color: var(--indigo-500)}.icon.violet,.cp-icon.violet,[data-icon].violet,[data-icon-after].violet{--icon-color: var(--violet-500)}.icon.purple,.cp-icon.purple,[data-icon].purple,[data-icon-after].purple{--icon-color: var(--purple-500)}.icon.fuchsia,.cp-icon.fuchsia,[data-icon].fuchsia,[data-icon-after].fuchsia{--icon-color: var(--fuchsia-500)}.icon.pink,.cp-icon.pink,[data-icon].pink,[data-icon-after].pink{--icon-color: var(--pink-500)}.icon.rose,.cp-icon.rose,[data-icon].rose,[data-icon-after].rose{--icon-color: var(--rose-500)}.icon.white,.cp-icon.white,[data-icon].white,[data-icon-after].white{--icon-color: var(--white)}.icon.black,.cp-icon.black,[data-icon].black,[data-icon-after].black{--icon-color: var(--gray-800)}.icon.gray,.cp-icon.gray,[data-icon].gray,[data-icon-after].gray{--icon-color: var(--gray-300)}.warning[data-icon]:before,.warning[data-icon-after]:after,.red[data-icon]:before,.red[data-icon-after]:after,.orange[data-icon]:before,.orange[data-icon-after]:after,.amber[data-icon]:before,.amber[data-icon-after]:after,.yellow[data-icon]:before,.yellow[data-icon-after]:after,.lime[data-icon]:before,.lime[data-icon-after]:after,.green[data-icon]:before,.green[data-icon-after]:after,.emerald[data-icon]:before,.emerald[data-icon-after]:after,.teal[data-icon]:before,.teal[data-icon-after]:after,.cyan[data-icon]:before,.cyan[data-icon-after]:after,.sky[data-icon]:before,.sky[data-icon-after]:after,.blue[data-icon]:before,.blue[data-icon-after]:after,.indigo[data-icon]:before,.indigo[data-icon-after]:after,.violet[data-icon]:before,.violet[data-icon-after]:after,.purple[data-icon]:before,.purple[data-icon-after]:after,.fuchsia[data-icon]:before,.fuchsia[data-icon-after]:after,.pink[data-icon]:before,.pink[data-icon-after]:after,.rose[data-icon]:before,.rose[data-icon-after]:after,.white[data-icon]:before,.white[data-icon-after]:after,.black[data-icon]:before,.black[data-icon-after]:after,.gray[data-icon]:before,.gray[data-icon-after]:after{color:var(--icon-color) !important}.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{--pane-padding: var(--xl);--border: 1px solid var(--hairline-color);background:#fff;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);position:relative;margin:14px 0;padding:var(--pane-padding);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.dashed{background-color:rgba(0,0,0,0) !important;box-shadow:none;border:1px dashed var(--medium-hairline-color) !important}.pane.hairline{background-color:rgba(0,0,0,0) !important;box-shadow:none;border:1px solid rgba(96, 125, 159, 0.25) !important}.pane.no-border{border:none !important}.pane.padding-xs{--pane-padding: var(--xs)}.pane.padding-s{--pane-padding: var(--s)}.pane.padding-m{--pane-padding: var(--m)}.pane.padding-l{--pane-padding: var(--l)}.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:1.875rem;height:1.875rem;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(--padding)*-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]{--tab-label-color: var(--light-text-color)}.pane-tabs [role=tablist] [role=tab].error{--highlight-color: var(--error-color) !important;--tab-label-color: var(--error-color) !important}.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 var(--padding);white-space:nowrap;height:50px}.pane-tabs [role=tablist] [role=tab]:hover{text-decoration:none}body:not(.reduce-focus-visibility) .pane-tabs [role=tablist] [role=tab]:focus,body.reduce-focus-visibility .pane-tabs [role=tablist] [role=tab]:focus-visible{box-shadow:none}body:not(.reduce-focus-visibility) .pane-tabs [role=tablist] [role=tab]:focus .tab-label,body.reduce-focus-visibility .pane-tabs [role=tablist] [role=tab]:focus-visible .tab-label{box-shadow:var(--inner-focus-ring)}.pane-tabs [role=tablist] [role=tab]:not(.sel){color:var(--custom-text-color, var(--tab-label-color))}.pane-tabs [role=tablist] [role=tab]:not(.sel):hover{backdrop-filter:brightness(95%)}.pane-tabs [role=tablist] [role=tab].sel{--highlight-color: var(--gray-500);--tab-label-color: var(--text-color);position:relative;z-index:1;cursor:default;box-shadow:inset 0 2px 0 var(--custom-text-color, var(--highlight-color)),0 0 0 1px rgba(51,64,77,.1),0 2px 12px var(--custom-sel-tab-shadow-color, var(--gray-200));color:var(--tab-label-color);background-color:var(--white) !important}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#tabs:first-child [role=tablist] [role=tab]:first-child,body.ltr .pane-tabs#tabs:first-child [role=tablist] [role=tab]:first-child .tab-label{border-top-left-radius:var(--large-border-radius)}body.rtl .pane-tabs#tabs:first-child [role=tablist] [role=tab]:first-child,body.rtl .pane-tabs#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)}.pane-tabs .menubtn.error span[data-icon]{margin-right:2px}.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:#fcd815}.details .meta.warning .btn:active,.details .meta.warning .btn[aria-expanded=true]{background-color:#f5ce03}.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:never;-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;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{margin:0}@media screen and (min-width: 400px){.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-right:var(--s)}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-left: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-top:var(--s)}@media screen and (min-width: 400px){.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:100%}@media screen and (min-width: 400px){.meta>.field>.input,.meta>.data>.value,.meta>.flex-fields>.field>.input,.meta>.flex-fields>.data>.value{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,.meta>.flex-fields>.field>.input>.datetimewrapper{gap: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):not(.first-child),.meta>.flex-fields+.field:not(.first-child){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}.meta>.field>.input>.custom-select{display:block;margin:calc(var(--s)*-1) 0;width:100%;border-radius:0;box-shadow:none;background-color:rgba(0,0,0,0)}.meta>.field>.input>.custom-select .menubtn:not(.action-btn){justify-content:start;width:100%;background-color:rgba(0,0,0,0)}body.ltr .meta>.field>.input>.custom-select .menubtn:not(.action-btn){padding-left:0}body.rtl .meta>.field>.input>.custom-select .menubtn:not(.action-btn){padding-right:0}.meta>.field>.input>.custom-select .menubtn:not(.action-btn):after{position:absolute;top:calc(50% - 5px)}body.ltr .meta>.field>.input>.custom-select .menubtn:not(.action-btn):after{right:0}body.rtl .meta>.field>.input>.custom-select .menubtn:not(.action-btn):after{left:0}.meta>.field>.input>.custom-select .label{max-width:100%;overflow:hidden;text-overflow:ellipsis}.body{position:relative}.slideout-container,.slideout,.modal,.hud{z-index:100;box-sizing:border-box}.modal,.hud{border-radius:5px;background-color:#fff;box-shadow:0 25px 100px rgba(31,41,51,.5) !important}.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-container.so-lp{position:absolute;top:var(--m);left:var(--m);width:calc(100% - var(--m)*2);height:calc(100vh - var(--m)*2)}body.has-debug-toolbar .slideout-container{height:calc(100vh - 42px)}.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) !important;display:flex;flex-direction:column;overflow:hidden;padding:24px var(--padding);pointer-events:all;container-type:inline-size}.slideout.so-mobile,.slideout.so-lp{width:100% !important;height:100% !important;left:0;transition:top linear 250ms;will-change:top}.slideout.so-mobile{--padding: 14px;--neg-padding: -14px}.slideout:not(.so-mobile){border-radius:var(--large-border-radius)}.slideout:not(.so-mobile):not(.so-lp){top:8px;width:calc(50% - 8px);height:calc(100% - 16px)}@media screen and (prefers-reduced-motion: no-preference){body.ltr .slideout:not(.so-mobile):not(.so-lp){transition:left linear 250ms;will-change:left}body.rtl .slideout:not(.so-mobile):not(.so-lp){transition:right linear 250ms;will-change:right}}.slideout>.pane-header{padding-left:var(--padding);padding-right:var(--padding);z-index:2}.slideout>.pane-header>.so-toolbar{display:flex;flex-direction:row;align-items:center;gap:var(--xs);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-body{flex:1;margin:-24px var(--neg-padding);overflow:hidden auto;position:relative}.slideout>.so-body:not(:last-child){margin-bottom:0}.slideout>.so-body>h1:not(:last-child){padding-bottom:var(--s);border-bottom:1px solid var(--hairline-color)}.slideout>.so-body.so-full-details,.slideout>.so-body>.so-sidebar{background-color:var(--gray-100) !important}.slideout>.so-body:not(.so-full-details){padding:24px var(--padding)}.slideout>.so-body>.so-sidebar,.slideout>.so-body.so-full-details>.so-content>.details{box-sizing:border-box;padding:0 var(--padding) var(--spacing)}.slideout>.so-body>.so-sidebar>.preview-thumb-container,.slideout>.so-body.so-full-details>.so-content>.details>.preview-thumb-container{margin:0 var(--neg-padding);height:auto;min-height:54px}.slideout>.so-body>.so-sidebar>.preview-thumb-container+.pane-header,.slideout>.so-body.so-full-details>.so-content>.details>.preview-thumb-container+.pane-header{border-radius:0}.slideout>.so-body>.so-sidebar .image-actions.is-mobile,.slideout>.so-body.so-full-details>.so-content>.details .image-actions.is-mobile{margin:calc(var(--spacing)/2) 0 var(--spacing)}.slideout>.so-body>.so-sidebar>.meta.read-only:first-child,.slideout>.so-body.so-full-details>.so-content>.details>.meta.read-only:first-child{margin-top:var(--padding)}.slideout>.so-body>.so-sidebar>.meta.warning,.slideout>.so-body.so-full-details>.so-content>.details>.meta.warning{box-shadow:none;border-bottom:1px solid var(--yellow-300)}.slideout>.so-body>.so-sidebar>.field>.input>.text.fullwidth,.slideout>.so-body.so-full-details>.so-content>.details>.field>.input>.text.fullwidth{border-radius:0}.slideout>.so-body>.so-sidebar .notes,.slideout>.so-body.so-full-details>.so-content>.details .notes{padding-top:var(--m);padding-bottom:var(--m)}.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%;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-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)}@container (width > 700px){.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,.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:5px var(--pane-padding, 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:calc(var(--pane-padding, 24px)*-1) calc(var(--pane-padding, 24px)*-1) var(--pane-padding, 24px)}.pane .footer,.modal .body .footer{margin:var(--pane-padding, 24px) calc(var(--pane-padding, 24px)*-1) calc(var(--pane-padding, 24px)*-1)}.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}.slideout-shade.blurred,.modal-shade.blurred{backdrop-filter:blur(10px)}.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:never;-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;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:never;-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;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.tooltip-hud{display:block}.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)}.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, rgba(154, 165, 177, 0.25) 25%, transparent 25%),linear-gradient(135deg, rgba(154, 165, 177, 0.25) 25%, transparent 25%),linear-gradient(45deg, transparent 75%, rgba(154, 165, 177, 0.25) 75%),linear-gradient(135deg, transparent 75%, rgba(154, 165, 177, 0.25) 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>.header{padding-top:14px;padding-bottom:14px;text-align:center}.elementselectormodal>.header+.body{height:calc(100% - 48px) !important}.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 .header{margin:0 0 var(--m)}.elementselectormodal .body .content .main .elements .tableview table tr th,.elementselectormodal .body .content .main .elements .tableview table tr td{cursor:default}.elementselectormodal .body .content .main .elements .tableview table tr .checkbox:before{box-shadow:none !important}.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}.elementselectormodal .main-header,.customize-sources-modal .main-header{display:flex;align-items:center;margin-bottom:var(--s)}.elementselectormodal .main-heading,.customize-sources-modal .main-heading{margin-bottom:0}.elementselectormodal .nav-toggle,.customize-sources-modal .nav-toggle{height:var(--touch-target-size);width:var(--touch-target-size);color:var(--ui-control-color)}body.ltr .elementselectormodal .nav-toggle,body.ltr .customize-sources-modal .nav-toggle{margin-left:4px}body.rtl .elementselectormodal .nav-toggle,body.rtl .customize-sources-modal .nav-toggle{margin-right:4px}.elementselectormodal .nav-toggle:hover,.customize-sources-modal .nav-toggle:hover{color:var(--gray-500)}.elementselectormodal .sidebar-header,.customize-sources-modal .sidebar-header{display:flex;justify-content:flex-end;padding:0 var(--s);margin-bottom:var(--s)}.elementselectormodal .nav-close,.customize-sources-modal .nav-close{height:var(--touch-target-size);width:var(--touch-target-size)}.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}body.ltr .activity-container:not(:last-child){margin-right:var(--s)}body.rtl .activity-container:not(:last-child){margin-left:var(--s)}.activity-container ul{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--xs)}.activity-container ul li .activity-btn{width:30px;height:30px;border-radius:50%;display:block}.activity-container ul li .activity-btn .elementthumb{position:relative;width:100%;height:100%;border-radius:50px;background:var(--gray-050);overflow:hidden;border:2px solid var(--white);box-shadow:0 1px 2px 1px rgba(31,41,51,.1)}.activity-container ul li .activity-btn .elementthumb img,.activity-container ul li .activity-btn .elementthumb svg{display:block;width:100%;height:100%}body.ltr .activity-container ul li:not(:last-child){margin-right:-10px}body.rtl .activity-container ul li:not(:last-child){margin-left:-10px}.element-index-view-menu{width:400px;max-width:calc(100% - 20px);padding:0 !important}.element-index-view-menu .meta{padding-top:var(--s);padding-bottom:var(--s)}.element-index-view-menu .table-columns-field{align-items:flex-start}.element-index-view-menu .table-columns-field .input{padding:13px 0}.element-index-view-menu .menu-footer{margin:0 !important;padding:var(--s) var(--xl) !important;background-color:var(--gray-050)}.element-index-view-menu-table-column{display:flex;align-items:flex-start;align-content:stretch;margin-bottom:4px}.element-index-view-menu-table-column .icon.move{position:relative;z-index:1}body.ltr .element-index-view-menu-table-column .icon.move{margin-right:10px}body.rtl .element-index-view-menu-table-column .icon.move{margin-left:10px}.sort-field .input .flex .btngroup .btn{width:42px}.sort-field .input .flex .flex-grow{max-width:calc(100% - 85px - var(--s))}@media screen and (max-width: 350px){.sort-field .input .flex{flex-direction:column}.sort-field .input .flex>*{width:100%}.sort-field .input .flex .flex-grow{max-width:none}}.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)}.so-content .address-cards{grid-template-columns:repeat(1, minmax(0, 1fr)) !important}.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))}.so-content .address-cards{grid-template-columns:repeat(2, minmax(0, 1fr)) !important}}@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,.login-modal-shade,#logoutwarningmodal,.login-modal,#elevatedsessionmodal,.prompt{z-index:1001}#logoutwarningmodal,#elevatedsessionmodal,.prompt{width:500px}.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}.deleteusermodal div.elements{list-style:none}.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}.video-transcript{background-color:var(--gray-050);overflow-y:scroll;font-size:1rem;position:relative}body:not(.reduce-focus-visibility) .video-transcript:focus,body.reduce-focus-visibility .video-transcript:focus-visible{box-shadow:none;color:var(--white);background-color:var(--gray-800)}.video-transcript__inner{margin-left:auto;margin-right:auto;max-width:550px;padding:var(--xl)}.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.padded{padding:var(--s) calc(var(--m) + var(--s))}.menu.padded hr{margin:var(--s) calc((var(--m) + var(--s))*-1)}.menu.padded ul li{margin:0 calc(var(--m)*-1);padding:0 var(--m)}.menu.padded ul li a{border-radius:var(--large-border-radius)}.menu.padded .extralight{margin-top:2px}.menu h6:first-child,.menu .h6:first-child{margin-top:14px !important}body.ltr .menu ul.padded li a,body.ltr .menu ul.padded li .menu-item,body.ltr .menu ul.padded li .menu-option{padding-left:calc(var(--m) + 1.125rem)}body.rtl .menu ul.padded li a,body.rtl .menu ul.padded li .menu-item,body.rtl .menu ul.padded li .menu-option{padding-right:calc(var(--m) + 1.125rem)}.menu ul.padded li a.sel:not([data-icon]):before,.menu ul.padded li .menu-item.sel:not([data-icon]):before,.menu ul.padded li .menu-option.sel:not([data-icon]):before{font-size:14px;width:14px;content:\"check\";color:var(--ui-control-color);margin-top:3px !important}body.ltr .menu ul.padded li a.sel:not([data-icon]):before,body.ltr .menu ul.padded li .menu-item.sel:not([data-icon]):before,body.ltr .menu ul.padded li .menu-option.sel:not([data-icon]):before{float:left}body.rtl .menu ul.padded li a.sel:not([data-icon]):before,body.rtl .menu ul.padded li .menu-item.sel:not([data-icon]):before,body.rtl .menu ul.padded li .menu-option.sel:not([data-icon]):before{float:right}body.ltr .menu ul.padded li a.sel:not([data-icon]):before,body.ltr .menu ul.padded li .menu-item.sel:not([data-icon]):before,body.ltr .menu ul.padded li .menu-option.sel:not([data-icon]):before{margin:4px 0 0 calc(-1.125rem - 4px)}body.rtl .menu ul.padded li a.sel:not([data-icon]):before,body.rtl .menu ul.padded li .menu-item.sel:not([data-icon]):before,body.rtl .menu ul.padded li .menu-option.sel:not([data-icon]):before{margin:4px calc(-1.125rem - 4px) 0 0}.menu ul li a,.menu ul li .menu-item,.menu ul li .menu-option{margin:0 -14px;padding:10px 14px;white-space:nowrap;font-size:14px;-webkit-appearance:none}body.ltr .menu ul li a:not(:last-child),body.ltr .menu ul li .menu-item:not(:last-child),body.ltr .menu ul li .menu-option:not(:last-child){margin-right:0}body.rtl .menu ul li a:not(:last-child),body.rtl .menu ul li .menu-item:not(:last-child),body.rtl .menu ul li .menu-option:not(:last-child){margin-left:0}.menu ul li a:not(.flex):not(.hidden),.menu ul li .menu-item:not(.flex):not(.hidden),.menu ul li .menu-option:not(.flex):not(.hidden){display:block;width:calc(100% + 28px)}body.ltr .menu ul li a:not(.flex):not(.hidden),body.ltr .menu ul li .menu-item:not(.flex):not(.hidden),body.ltr .menu ul li .menu-option:not(.flex):not(.hidden){text-align:left}body.rtl .menu ul li a:not(.flex):not(.hidden),body.rtl .menu ul li .menu-item:not(.flex):not(.hidden),body.rtl .menu ul li .menu-option:not(.flex):not(.hidden){text-align:right}.menu ul li a.flex [data-icon],.menu ul li .menu-item.flex [data-icon],.menu ul li .menu-option.flex [data-icon]{margin-top:-2px}.menu ul li a.sel,.menu ul li .menu-item.sel,.menu ul li .menu-option.sel{cursor:default}.menu ul li a .shortcut,.menu ul li .menu-item .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-item .shortcut,body.ltr .menu ul li .menu-option .shortcut{float:right}body.rtl .menu ul li a .shortcut,body.rtl .menu ul li .menu-item .shortcut,body.rtl .menu ul li .menu-option .shortcut{float:left}body.ltr .menu ul li a .shortcut,body.ltr .menu ul li .menu-item .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-item .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}.menu .go:after{color:inherit}.menu:not(.menu--disclosure) ul li a,.menu ul li .menu-item,.menu ul li .menu-option{color:#3f4d5a;text-decoration:none;cursor:default}.menu li>a[data-icon]:before,.menu li>a [data-icon]:before,.menu li>a span.icon:not([data-icon]),.menu li>button[data-icon]:before,.menu li>button [data-icon]:before,.menu li>button span.icon:not([data-icon]){display:inline-block;width:.875rem;height:.875rem}body.ltr .menu li>a[data-icon]:before,body.ltr .menu li>a [data-icon]:before,body.ltr .menu li>a span.icon:not([data-icon]),body.ltr .menu li>button[data-icon]:before,body.ltr .menu li>button [data-icon]:before,body.ltr .menu li>button span.icon:not([data-icon]){margin-left:-1px}body.rtl .menu li>a[data-icon]:before,body.rtl .menu li>a [data-icon]:before,body.rtl .menu li>a span.icon:not([data-icon]),body.rtl .menu li>button[data-icon]:before,body.rtl .menu li>button [data-icon]:before,body.rtl .menu li>button span.icon:not([data-icon]){margin-right:-1px}body.ltr .menu li>a[data-icon]:before,body.ltr .menu li>a [data-icon]:before,body.ltr .menu li>a span.icon:not([data-icon]),body.ltr .menu li>button[data-icon]:before,body.ltr .menu li>button [data-icon]:before,body.ltr .menu li>button span.icon:not([data-icon]){margin-right:9px}body.rtl .menu li>a[data-icon]:before,body.rtl .menu li>a [data-icon]:before,body.rtl .menu li>a span.icon:not([data-icon]),body.rtl .menu li>button[data-icon]:before,body.rtl .menu li>button [data-icon]:before,body.rtl .menu li>button span.icon:not([data-icon]){margin-left:9px}.menu li>a[data-icon]:before,.menu li>a [data-icon]:before,.menu li>button[data-icon]:before,.menu li>button [data-icon]:before{position:relative;top:-2px;text-align:center;font-size:14px;color:var(--ui-control-color)}.menu li>a span.icon:not([data-icon]) svg,.menu li>button span.icon:not([data-icon]) svg{display:block;position:relative;top:1px;width:100%;height:100%}.menu li>a span.icon:not([data-icon]) svg rect,.menu li>a span.icon:not([data-icon]) svg circle,.menu li>a span.icon:not([data-icon]) svg ellipse,.menu li>a span.icon:not([data-icon]) svg line,.menu li>a span.icon:not([data-icon]) svg polyline,.menu li>a span.icon:not([data-icon]) svg polygon,.menu li>a span.icon:not([data-icon]) svg path,.menu li>a span.icon:not([data-icon]) svg text,.menu li>button span.icon:not([data-icon]) svg rect,.menu li>button span.icon:not([data-icon]) svg circle,.menu li>button span.icon:not([data-icon]) svg ellipse,.menu li>button span.icon:not([data-icon]) svg line,.menu li>button span.icon:not([data-icon]) svg polyline,.menu li>button span.icon:not([data-icon]) svg polygon,.menu li>button span.icon:not([data-icon]) svg path,.menu li>button span.icon:not([data-icon]) svg text{fill:var(--icon-color, var(--ui-control-color));stroke-width:0}.menu li>a.error[data-icon]:before,.menu li>a.error [data-icon]:before,.menu li>button.error[data-icon]:before,.menu li>button.error [data-icon]:before{color:var(--error-color)}.menu li>a.error span.icon:not([data-icon]) svg rect,.menu li>a.error span.icon:not([data-icon]) svg circle,.menu li>a.error span.icon:not([data-icon]) svg ellipse,.menu li>a.error span.icon:not([data-icon]) svg line,.menu li>a.error span.icon:not([data-icon]) svg polyline,.menu li>a.error span.icon:not([data-icon]) svg polygon,.menu li>a.error span.icon:not([data-icon]) svg path,.menu li>a.error span.icon:not([data-icon]) svg text,.menu li>button.error span.icon:not([data-icon]) svg rect,.menu li>button.error span.icon:not([data-icon]) svg circle,.menu li>button.error span.icon:not([data-icon]) svg ellipse,.menu li>button.error span.icon:not([data-icon]) svg line,.menu li>button.error span.icon:not([data-icon]) svg polyline,.menu li>button.error span.icon:not([data-icon]) svg polygon,.menu li>button.error span.icon:not([data-icon]) svg path,.menu li>button.error span.icon:not([data-icon]) svg text{fill:var(--error-color);stroke-width:0}.menu:not(.menu--disclosure) ul li a:not(.sel):not(.disabled):hover,.menu:not(.menu--disclosure) ul li .menu-item:not(.sel):not(.disabled):hover,.menu:not(.menu--disclosure) ul li .menu-option:not(.sel):not(.disabled):hover,.menu:not(.menu--disclosure):not(:hover) ul li a:not(.sel):not(.disabled).hover,.menu:not(.menu--disclosure):not(:hover) ul li .menu-item:not(.sel):not(.disabled).hover,.menu:not(.menu--disclosure):not(:hover) ul li .menu-option:not(.sel):not(.disabled).hover{color:#3f4d5a;background-color:#f3f7fc}body.ltr .menu hr.padded,body.ltr .menu .h6.padded,body.ltr .menu h6.padded{margin-left:20px}body.rtl .menu hr.padded,body.rtl .menu .h6.padded,body.rtl .menu h6.padded{margin-right:20px}.menu--disclosure ul li>a:not(.crumb-link):hover,.menu--disclosure ul li>.menu-item:hover,.menu--disclosure ul li>.menu-option:hover{color:#3f4d5a;background-color:#f3f7fc}body:not(.reduce-focus-visibility) .menu--disclosure ul li>a:not(.crumb-link):focus,body.reduce-focus-visibility .menu--disclosure ul li>a:not(.crumb-link):focus-visible,body:not(.reduce-focus-visibility) .menu--disclosure ul li>.menu-item:focus,body.reduce-focus-visibility .menu--disclosure ul li>.menu-item: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 .chip.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 .chip,body.rtl .tagselect.elementselect .chip{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}.selectize-control.single .selectize-input:not(.no-arrow)::after{display:none}.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:calc(var(--large-border-radius) - 1px)}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:calc(var(--large-border-radius) - 1px)}.text,.passwordwrapper,.border-box,.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:-1.6875rem 7px 0 0}body.rtl .chars-left{margin:-1.6875rem 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%;border-radius:1px;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);box-shadow:0 0 5px rgba(36,99,235,.15)}.field>.status-badge.outdated{background-color:var(--pending-color);box-shadow:0 0 5px rgba(251,146,60,.15)}.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}.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{position:relative;top:-0.0625rem;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>.input input:disabled,.field>.input textarea:disabled{cursor:not-allowed}.field>.notice,.field>.warning{margin:5px 0 0}.field>.instructions,.field>.heading>.instructions,.checkboxfield .instructions{color:var(--custom-text-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:1rem;min-height:1rem;cursor:pointer}body.ltr input.checkbox+label,body.ltr div.checkbox{padding-left:calc(1rem + 5px)}body.rtl input.checkbox+label,body.rtl div.checkbox{padding-right:calc(1rem + 5px)}input.checkbox+label,input.checkbox+label:before,div.checkbox,div.checkbox:before{border-radius:var(--small-border-radius)}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}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}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 .info,div.checkbox .info{height:16px}input.checkbox:disabled+label,.disabled div.checkbox{cursor:not-allowed}input.checkbox:checked+label:before,div.checkbox.checked:before,.sel div.checkbox:before,input.checkbox:indeterminate+label:before,div.checkbox.indeterminate:before,.elementselectormodal .body .content .main .elements .disabled .checkbox:before{font-family:\"Craft\";speak:never;-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;line-height:var(--checkbox-size);color:var(--gray-900)}input.checkbox:checked:not(:indeterminate)+label:before,div.checkbox.checked:not(.indeterminate):before,.sel:not(.matrixblock) div.checkbox:not(.indeterminate):before,.sel.matrixblock>.actions div.checkbox:not(.indeterminate):before,.elementselectormodal .body .content .main .elements .disabled .checkbox:before{content:\"check\";font-size:14px}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)}.checkbox-icon{display:inline-flex;padding:3px;background-color:var(--enabled-color);color:var(--white);border-radius:var(--small-border-radius)}.checkbox-icon:before{--checkbox-size: 14px;font-family:\"Craft\";speak:never;-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;content:\"check\";line-height:var(--checkbox-size);font-size:var(--checkbox-size)}body:not(.reduce-focus-visibility) .monaco-mouse-cursor-text:focus,body.reduce-focus-visibility .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:calc(1rem + 5px)}body.rtl .checkboxfield .instructions,body.rtl .checkboxfield .notice,body.rtl .checkboxfield .warning{padding-right:calc(1rem + 5px)}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:calc(1rem + 5px)}body.rtl input.radio+label,body.rtl div.radio{padding-right:calc(1rem + 5px)}input.radio:disabled+label,.disabled div.radio{cursor:not-allowed}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: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:2.125rem}.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)}td.errors .text,.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:calc(50% - .4375rem);color:var(--ui-control-color)}body.ltr .texticon.icon:before{left:9px}body.rtl .texticon.icon:before{right:9px}.texticon .texticon-icon{position:absolute;top:1.0625rem;transform:translateY(-50%);display:flex;justify-content:center;align-items:center}body.ltr .texticon .texticon-icon{left:9px}body.rtl .texticon .texticon-icon{right:9px}body.ltr .texticon .text{padding-left:1.625rem}body.rtl .texticon .text{padding-right:1.625rem}.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:1.0625rem;transform:translateY(-50%);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:never;-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;content:\"filter\";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,.texticon.has-filter-btn .filter-btn[aria-expanded=true]{background-color:var(--gray-350)}.texticon.has-filter-btn .filter-btn:active:before,.texticon.has-filter-btn .filter-btn.active:before,.texticon.has-filter-btn .filter-btn[aria-expanded=true]:before{color:var(--white)}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-wrap:nowrap;flex-direction:row;align-items:center;gap: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:never;-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;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)}.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:.4375rem;height:.4375rem;border:solid currentColor;border-width:0 .125rem .125rem 0;opacity:.8;position:relative;transform:rotate(45deg);position:absolute;z-index:1;top:calc(50% - 5px);user-select:none;pointer-events:none;color:var(--ui-control-color)}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-control .selectize-input.disabled,.custom-select.disabled{opacity:1;cursor:not-allowed !important;pointer-events:auto !important}.selectize-control .selectize-input.disabled *,.custom-select.disabled *{cursor:not-allowed !important;pointer-events:auto !important}.selectize .selectize-input{display:block;border-color:inherit;box-shadow:none;background-color:rgba(0,0,0,0)}.selectize .selectize-input .item{max-width:100%}.selectize .selectize-input .item span{overflow:hidden;text-overflow:ellipsis}.selectize.select .selectize-input:after{display:none}body .selectize-dropdown{border:none;z-index:101}.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){width:25em;max-width:100%}.datetimewrapper .selectize.select:not(.fullwidth){max-width:calc(100% - 29px)}.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:.4375rem;height:.4375rem;border:solid currentColor;border-width:0 .125rem .125rem 0;opacity:.8;position:relative;transform:rotate(45deg);position:absolute;z-index:1;top:calc(50% - 5px);user-select:none;pointer-events:none;color:var(--ui-control-color)}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:never;-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;content:\"remove\"}body .selectize-dropdown{margin-top:1px}body .selectize-dropdown [data-selectable],body .selectize-dropdown .option,body .selectize-dropdown .optgroup-header{margin:0 -14px;padding:10px 14px;color:#3f4d5a;text-decoration:none;white-space:nowrap}body .selectize-dropdown .optgroup{padding-top:5px}body .selectize-dropdown .optgroup:not(:first-child){border-top:1px solid var(--hairline-color)}body .selectize-dropdown .optgroup .option{padding-left:24px}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:not(.selected),body .selectize-dropdown .option:hover{background-color:var(--gray-100)}body .selectize-dropdown .selected{color:#3f4d5a;background-color:#f3f7fc;cursor:default !important}body .selectize-dropdown .selected .light{color:inherit !important}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);max-height:70vh}body .selectize-dropdown-content .option{min-height:18px}body .selectize-dropdown-content>div[data-value=new]:before{font-family:\"Craft\";speak:never;-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;content:\"plus\";margin-right:5px}body .selectize-dropdown-content>div[data-value=new]:after{content:\"…\"}body.no-scroll .selectize-dropdown-content{max-height:200px}.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:.4375rem;height:.4375rem;border:solid currentColor;border-width:0 .125rem .125rem 0;opacity:.8;position:relative}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:.4375rem;height:.4375rem;border:solid currentColor;border-width:0 .125rem .125rem 0;opacity:.8;position:relative}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:1rem;white-space:nowrap}.slide-picker a{position:relative;border:1px solid var(--hairline-color);background-image:none;width:calc(.5rem - 1px);height:calc(1rem - 2px);margin-left:0;margin-top:1px;margin-bottom:1px;box-sizing:border-box;cursor:pointer}body.ltr .slide-picker a{border-left:none}body.rtl .slide-picker a{border-right:none}.slide-picker a:first-child{width:.5rem}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 a:before{content:\"\";position:absolute;top:calc(-0.25rem - 1px);left:-1px;width:calc(100% + 2px);height:var(--touch-target-size)}.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:1rem;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)}.icon-picker{display:flex;flex-direction:row;align-items:center;gap:var(--xs)}.icon-picker--icon{display:flex;align-items:center;justify-content:center;border-radius:3px;border:1px solid rgba(96,125,159,.25);background-color:#fbfcfe;background-clip:padding-box;border-radius:var(--ui-control-border-radius);width:var(--ui-control-height);height:var(--ui-control-height);background:var(--gray-050)}.icon-picker--icon svg{width:1.25rem;height:1.25rem}.icon-picker--icon svg rect,.icon-picker--icon svg circle,.icon-picker--icon svg ellipse,.icon-picker--icon svg line,.icon-picker--icon svg polyline,.icon-picker--icon svg polygon,.icon-picker--icon svg path,.icon-picker--icon svg text{fill:var(--ui-control-color);stroke-width:0}.icon-picker-modal{--width: calc(var(--ui-control-height) * 10 + var(--s) * 9 + var(--xl) * 2);width:var(--width) !important;min-width:0 !important;max-width:calc(100% - 20px) !important}.icon-picker-modal .body{height:100%;display:flex;flex-direction:column;gap:var(--l)}.icon-picker-modal .body .icon-picker-modal--list{flex:1;position:relative;overflow:hidden}.icon-picker-modal .body .icon-picker-modal--list:not(.loading) .spinner{display:none}.icon-picker-modal .body .icon-picker-modal--list.loading:after{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";background-color:rgba(255,255,255,.75)}.icon-picker-modal .body .icon-picker-modal--list.loading .spinner{top:calc(50% - 10px);z-index:1}.icon-picker-modal .body .icon-picker-modal--list ul{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:start;gap:var(--s);max-height:100%;overflow:auto}.icon-picker-modal .body .icon-picker-modal--list ul .icon-picker--icon{--focus-ring: var(--inner-focus-ring)}.icon-picker-modal .body .icon-picker-modal--list ul .icon-picker--icon:hover{border-color:var(--link-color);background-color:var(--blue-100)}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)}body.setup-2fa{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%}body.setup-2fa #setup-2fa{display:flex;flex-direction:column;gap:var(--l);width:550px;max-width:100%;padding:var(--padding)}body.setup-2fa #setup-2fa #setup-2fa-intro{text-align:center}body.setup-2fa #setup-2fa #setup-2fa-btn{display:flex;justify-content:center}.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:#3f4d5a;background-color:#f3f7fc;cursor:pointer}.matrix>.buttons{margin-top:10px}.matrixblock{position:relative;margin-bottom:10px;padding:0 var(--m) var(--m);border-radius:var(--large-border-radius);border:2px solid var(--gray-100);background-color:var(--white)}.matrixblock.static .titlebar{margin-bottom:14px}body.ltr .matrixblock.static .titlebar{padding-right:0}body.rtl .matrixblock.static .titlebar{padding-left:0}body.ltr .matrixblock.static .titlebar{padding-left:14px}body.rtl .matrixblock.static .titlebar{padding-right:14px}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn),.matrixblock>.actions .action-btn{padding:0;width:var(--touch-target-size);height:var(--touch-target-size);color:var(--custom-text-color, var(--ui-control-color));background-color:rgba(0,0,0,0)}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn):hover,.matrixblock>.actions .action-btn:hover{backdrop-filter:brightness(90%)}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn):active,.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn)[aria-expanded=true],.matrixblock>.actions .action-btn:active,.matrixblock>.actions .action-btn[aria-expanded=true]{backdrop-filter:brightness(85%)}.matrixblock .flex-fields{--row-gap: var(--m) !important}.matrixblock>.titlebar{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:var(--m);margin:0 calc(var(--m)*-1);box-sizing:border-box;border-radius:calc(var(--large-border-radius) - 2px) calc(var(--large-border-radius) - 2px) 0 0;color:var(--custom-text-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:var(--gray-050);min-height:calc(var(--lh) + 10px)}body.ltr .matrixblock>.titlebar{padding:5px calc(var(--m) + 70px) 5px var(--m)}body.rtl .matrixblock>.titlebar{padding:5px var(--m) 5px calc(var(--m) + 70px)}.matrixblock>.titlebar>.preview{flex-grow:1;min-width:0;opacity:0;transition:opacity linear 100ms;overflow:hidden}.matrixblock>.titlebar>.preview:empty{display:none}body.ltr .matrixblock>.titlebar>.preview{mask-image:linear-gradient(to left, rgba(0, 0, 0, 0), rgb(0, 0, 0) 12px)}body.rtl .matrixblock>.titlebar>.preview{mask-image:linear-gradient(to right, rgba(0, 0, 0, 0), rgb(0, 0, 0) 12px)}.matrixblock>.titlebar>.preview span{opacity:.5}.matrixblock>.titlebar>.matrixblock-tabs{flex:1;min-width:0;margin:-5px 0}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs{margin:0}body.ltr .matrixblock>.titlebar>.matrixblock-tabs .pane-tabs{padding-right:3px}body.rtl .matrixblock>.titlebar>.matrixblock-tabs .pane-tabs{padding-left:3px}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs [role=tablist]{padding:0 12px}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs [role=tablist].scrollable{mask-image:linear-gradient(to right, rgba(0, 0, 0, 0), rgb(0, 0, 0) 12px, rgb(0, 0, 0) calc(100% - 12px), rgba(0, 0, 0, 0) 100%)}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs [role=tablist] [role=tab]{background-color:rgba(0,0,0,0)}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs [role=tablist] [role=tab] .tab-label{height:calc(var(--lh) + 10px);padding:0 var(--m)}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn){margin-left:0;margin-right:0}body.ltr .matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn):not(:empty):not(.btn-empty)::after{margin-left:0px}body.rtl .matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn):not(:empty):not(.btn-empty)::after{margin-right:0px}body.ltr .matrixblock>.titlebar>.preview:first-child:empty+.matrixblock-tabs{margin-left:calc((var(--m) + 12px)*-1)}body.rtl .matrixblock>.titlebar>.preview:first-child:empty+.matrixblock-tabs{margin-right:calc((var(--m) + 12px)*-1)}body.ltr .matrixblock>.titlebar>.preview:first-child:empty+.matrixblock-tabs [role=tab]:first-child,body.ltr .matrixblock>.titlebar>.preview:first-child:empty+.matrixblock-tabs [role=tab]:first-child .tab-label{border-top-left-radius:calc(var(--large-border-radius) - 2px)}body.rtl .matrixblock>.titlebar>.preview:first-child:empty+.matrixblock-tabs [role=tab]:first-child,body.rtl .matrixblock>.titlebar>.preview:first-child:empty+.matrixblock-tabs [role=tab]:first-child .tab-label{border-top-right-radius:calc(var(--large-border-radius) - 2px)}body.ltr .matrixblock.disabled-entry>.titlebar{padding-right:100px}body.rtl .matrixblock.disabled-entry>.titlebar{padding-left:100px}.matrixblock.disabled-entry>.actions>.status.off{display:block}.matrixblock.collapsed>.titlebar{border-radius:calc(var(--large-border-radius) - 2px)}.matrixblock.collapsed>.titlebar>.preview{opacity:1}.matrixblock>.actions{display:flex;align-items:center;gap:var(--xs);position:absolute;top:0;cursor:default;min-height:calc(var(--lh) + 10px)}body.ltr .matrixblock>.actions{right:var(--m)}body.rtl .matrixblock>.actions{left:var(--m)}.matrixblock>.actions>*{margin:0 !important}.matrixblock>.actions>.status.off{display:none}.matrixblock>.actions a:not([data-action]){padding:0;height:var(--touch-target-size);text-align:center;color:var(--dark-hairline-color);transform:color linear 100ms}.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:var(--l)}.matrixblock>.fields>.flex-fields>.field:before{display:none}body.ltr .matrixblock>.fields>.flex-fields>.field>.status-badge{left:-2px}body.rtl .matrixblock>.fields>.flex-fields>.field>.status-badge{right:-2px}.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}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);--sidebar-width: 14.125rem;--global-sidebar-width: 14.125rem}html{-webkit-text-size-adjust:100%;min-height:100vh}body{min-height:100vh}body.dragging *{cursor:move !important;cursor:grabbing !important}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: 75rem){#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;min-height:100vh}@media screen and (prefers-reduced-motion: no-preference){body.ltr #global-container{transition:left 100ms cubic-bezier(0.33, 1, 0.68, 1)}body.rtl #global-container{transition:right 100ms cubic-bezier(0.33, 1, 0.68, 1)}}#system-info{display:grid;grid-template-columns:var(--prefix-width) auto;gap:10px;height:2.8125rem;padding:0 var(--gutter-width);position:relative;flex:0 0 2.8125rem;flex-direction:row;align-items:center;color:currentColor;border-bottom:1px solid var(--hairline-color);background-clip:padding-box}#system-info:after{display:none}#system-info:focus,#system-info:hover{text-decoration:none;background-color:var(--gray-200)}#site-icon{--size: var(--prefix-width);height:var(--size)}#site-icon img,#site-icon svg{display:block;width:var(--size);height:var(--size);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}@media only screen and (min-width: 75rem){[data-sidebar=collapsed] #system-info:hover #system-name{opacity:1;transform:translateY(-50%) translateX(0)}[data-sidebar=collapsed] #system-name{position:absolute;left:calc(100% + var(--s)*2);top:50%;transform:translateY(-50%) translateX(-5px);opacity:0;background:#fff;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);color:var(--text-color);border-radius:var(--medium-border-radius);padding:var(--xs) var(--s);white-space:nowrap;pointer-events:none}[data-sidebar=collapsed] #system-name:focus{box-shadow:var(--focus-ring)}}@media only screen and (min-width: 75rem)and (prefers-reduced-motion: no-preference){[data-sidebar=collapsed] #system-name{transition:opacity 50ms cubic-bezier(0.33, 1, 0.68, 1),transform 150ms cubic-bezier(0.33, 1, 0.68, 1)}}#global-footer{display:flex;flex-direction:column;align-items:center;padding:var(--m) var(--m) var(--xl);gap:var(--m)}body.has-debug-toolbar #global-footer{padding-bottom:calc(var(--xl) + 42px)}#global-footer a{white-space:nowrap}#app-info{display:flex;flex-direction:row;justify-content:center;gap:var(--m)}#trial-info{padding:16px var(--xl);border-radius:var(--large-border-radius);background-color:#dbe5f0;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 0 0 1px #bdcbdb,0 2px 12px rgba(205,216,228,.5);text-align:center}#app-version{display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--gray-600);text-align:center;gap:var(--s)}#app-version a{color:var(--gray-600);text-decoration:underline}#app-version a.go:hover:after{color:var(--gray-600)}#edition-logo{position:relative;top:-1px;user-select:none;border:1px solid var(--gray-600);border-radius:3px;display:inline-flex;box-sizing:content-box;font-size:11px;padding:6px 7px;line-height:8px;font-weight:600;letter-spacing:1.7px;padding-right:5px;text-transform:uppercase}#devmode{margin-top:auto;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}#alerts{position:relative;background-color:var(--red-050);border-left:6px solid var(--error-color);color:var(--error-color)}#alerts>li{padding:10px 24px;box-shadow:inset 0 -1px 0 0 var(--red-100)}#alerts>li .resolvable-alert-buttons{margin-top:var(--m)}#alerts>li .btn,#alerts>li a.go{display:inline-flex;align-items:center;border:1px solid rgba(220,38,38,.5);border-radius:var(--medium-border-radius);padding:4px 5px;margin:0 2px;color:var(--error-color);height:1.875rem}.flex #alerts>li .btn,.flex #alerts>li a.go{margin:0}#alerts>li .btn:hover,#alerts>li a.go:hover{border-color:var(--error-color)}#alerts>li a:not(.btn){color:var(--error-color);text-decoration:underline}#alerts>li a:not(.btn).go{text-decoration:none;white-space:nowrap}#alerts>li a:not(.btn).go:after{color:var(--error-color);font-size:15px;margin-top:1px}#alerts>li .btn{background-color:rgba(0,0,0,0)}#global-header .btn.menubtn,li.crumb .btn.menubtn,.btn.action-btn{padding:0;width:var(--touch-target-size);height:var(--touch-target-size)}#global-header .btn.menubtn:not(:hover):not(:active):not([aria-expanded=true]),li.crumb .btn.menubtn:not(:hover):not(:active):not([aria-expanded=true]),.btn.action-btn:not(:hover):not(:active):not([aria-expanded=true]){background-color:rgba(0,0,0,0)}#global-header{width:100%;margin-bottom:var(--m);border-bottom:1px solid var(--hairline-color)}#global-header .flex{height:2.75rem;align-items:center}#global-header .btn{--ui-control-color: var(--gray-400);--ui-control-hover-color: var(--gray-800);--ui-control-active-color: var(--gray-700)}#global-header .btn:hover{color:var(--ui-control-hover-color)}.nav-toggle{display:flex;align-items:center;justify-content:center;width:44px;min-width:44px;height:2.75rem;border-right:1px solid var(--medium-hairline-color);line-height:26px;color:currentColor;text-align:center}.nav-toggle:before{font-family:\"Craft\";speak:never;-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;content:\"menu\";font-size:16px;line-height:0}.nav-toggle:hover{color:var(--link-color)}#crumbs{display:flex;flex-direction:row;align-items:center;font-size:13px;margin:0 !important;max-width:100%;overflow:hidden}#crumbs.empty{display:none}#crumbs nav{margin:0}#primary-nav-toggle:focus-visible{box-shadow:var(--inner-focus-ring)}#crumb-list{display:flex;flex-direction:row;align-items:stretch;flex-wrap:nowrap;max-width:100%;height:2.75rem;--arrow-padding: 10;--arrow-height: 22;--arrow-angle: 35;--arrow-width: 17.1111;--arrow-c: 27.871}body.rtl #crumb-list{--arrow-angle: -35;--arrow-width: -19.4444}#crumb-list li.crumb{position:relative;cursor:default;color:var(--light-text-color)}body.ltr #crumb-list li.crumb{padding-left:calc(var(--arrow-width)*.5rem/16)}body.rtl #crumb-list li.crumb{padding-right:calc(var(--arrow-width)*.5rem/16)}body.ltr #crumb-list li.crumb:not(.current){padding-right:calc(var(--arrow-width)*1rem/16)}body.rtl #crumb-list li.crumb:not(.current){padding-left:calc(var(--arrow-width)*1rem/16)}#crumb-list li.crumb:not(.current):before,#crumb-list li.crumb:not(.current):after{display:block;content:\"\";width:1px;height:calc(var(--arrow-c)*1rem/16);position:absolute;background:var(--medium-hairline-color);pointer-events:none}body.ltr #crumb-list li.crumb:not(.current):before,body.ltr #crumb-list li.crumb:not(.current):after{right:calc(var(--arrow-width)*.5rem/16)}body.rtl #crumb-list li.crumb:not(.current):before,body.rtl #crumb-list li.crumb:not(.current):after{left:calc(var(--arrow-width)*.5rem/16)}#crumb-list li.crumb:not(.current):before{top:calc((var(--arrow-height) - var(--arrow-c))/2*1rem/16);transform:rotate(calc(var(--arrow-angle) * -1deg))}#crumb-list li.crumb:not(.current):after{bottom:calc((var(--arrow-height) - var(--arrow-c))/2*1rem/16);transform:rotate(calc(var(--arrow-angle) * 1deg))}#crumb-list .menu--disclosure li{display:block}#crumb-list .menu--disclosure li::after{content:none}#crumb-menu-trigger{min-width:var(--touch-target-size)}#crumb-menu-trigger:before{width:100%}#crumb-menu .chip{min-height:44px}li.crumb{display:flex;align-items:center;flex-wrap:nowrap;gap:var(--xs)}li.crumb [data-icon]{position:relative;top:-1px}li.crumb .menubtn{position:relative;margin:0 calc(var(--xs)*-1/2)}li.crumb [data-icon=ellipsis]:before{margin-top:3px;font-size:17px}li.crumb .chip{padding:0;background-color:rgba(0,0,0,0);--custom-bg-color: initial !important;--custom-text-color: initial !important;--custom-sel-bg-color: initial !important}li.crumb .chip .label-link{max-width:15em}li.crumb .chip .label-link:focus-visible{box-shadow:var(--inner-focus-ring)}li.crumb .chip .label-link span:not(.context-label){display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}li.crumb:has(.menubtn)>a{margin-right:0 !important;padding-right:var(--xs) !important}li.crumb>a{flex:1;display:flex !important;align-items:center;flex-wrap:nowrap;gap:var(--xs);white-space:nowrap}.menu--disclosure li.crumb>a{min-height:34px}li.crumb a,li.crumb button{display:inline-flex;align-items:center;min-height:var(--touch-target-size)}li.crumb a:not(:hover),li.crumb button:not(:hover){color:var(--text-color)}li.crumb a:hover,li.crumb button:hover{text-decoration:none}li.crumb a{position:relative}li.crumb button{cursor:pointer}li.breadcrumb-toggle-wrapper::after{content:none}#account-menu ul li a{max-width:calc(100% + 28px) !important}#announcements-btn{width:1.875rem;height:1.875rem;padding-left:0;padding-right:0;width:calc(1.75rem + 10px);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:.1875rem;width:.4375rem;height:.4375rem;border-radius:50%;background-color:var(--blue-600)}body.ltr #announcements-btn.unread:after{right:5px}body.rtl #announcements-btn.unread:after{left:5px}#announcements-btn svg{width:1rem;height:1rem}#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(--ui-control-active-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.unread .announcement__heading: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 .announcement__heading:after{left:-13px}body.rtl #announcements .announcement.unread .announcement__heading:after{right:-13px}#announcements .announcement p{margin:0}#announcements .announcement__header{display:grid}#announcements .announcement__heading{position:relative;margin:0 0 3px;order:1}#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-left:var(--s)}body.rtl #user-info{padding-right:var(--s)}body.ltr #user-info{padding-right:calc(var(--padding) + 1px)}body.rtl #user-info{padding-left:calc(var(--padding) + 1px)}#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 img,.header-photo svg{display:block;width:1.875rem;height:1.875rem;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,#user-info:hover .header-photo svg{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}body.has-debug-toolbar #notifications{bottom:50px}@media only screen and (min-width: 60.875rem){#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;word-break:normal;overflow-wrap:anywhere}#notifications .notification .notification-body .notification-details{margin-top:var(--xs)}#notifications .notification .notification-body .notification-details .chip{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)}@media only screen and (min-width: 75rem){#primary-nav-toggle{display:none}body.ltr #crumbs:not(.empty) #primary-nav-toggle+nav ul li:first-child,body.ltr #crumbs.empty+.context-menu-container{margin-left:var(--padding)}body.rtl #crumbs:not(.empty) #primary-nav-toggle+nav ul li:first-child,body.rtl #crumbs.empty+.context-menu-container{margin-right:var(--padding)}body.ltr #crumbs:not(.empty) #primary-nav-toggle+nav ul li:first-child,body.ltr #crumbs.empty+.context-menu-container{padding-left:0}body.rtl #crumbs:not(.empty) #primary-nav-toggle+nav ul li:first-child,body.rtl #crumbs.empty+.context-menu-container{padding-right:0}}#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:5px var(--padding);position:relative;z-index:2;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: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: 60.875rem){#page-title.has-toolbar{min-width:calc(14.125rem - var(--xl) - var(--s)) !important}}#toolbar{flex:1;align-items:flex-start;justify-content:space-between}#toolbar .icon:before,#toolbar .texticon:before,#toolbar .menubtn:after,#toolbar [data-icon]:before,#toolbar [data-icon-after]:after{color:currentColor;opacity:.8}#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}@media only screen and (max-width: 400px){#action-buttons .btngroup .btn:first-child{flex-basis:100%}}@media only screen and (max-width: 60.8125rem){#action-buttons{margin-top:10px}}#main-content{display:flex;flex-direction:row;align-items:flex-start;padding:0 var(--padding) 48px;box-sizing:border-box}#main-content>.grid:only-child{flex:1}#sidebar-toggle-container{display:none}#sidebar-container{flex:0 0 14.125rem;width:14.125rem;box-sizing:border-box}@media only screen and (min-width: 75rem){body.ltr #sidebar-container{margin-left:calc(var(--xl)*-1)}body.rtl #sidebar-container{margin-right:calc(var(--xl)*-1)}}#sidebar{position:relative;box-sizing:border-box;padding:0 31px var(--m);width:14.125rem;background-color:rgba(0,0,0,0)}#sidebar.fixed{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{flex:1 1 auto;width:400px}#content-heading{margin-top:var(--xl) !important}@media only screen and (min-width: 60.875rem){#content-heading{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width: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) var(--padding);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,.footer{padding:6px var(--pane-padding, var(--xl));min-height:44px;line-height:2rem}#footer .buttons,.footer .buttons{height:32px;display:flex;align-items:center}#footer .btn,.footer .btn{padding-top:4px;padding-bottom:4px;height:var(--ui-control-height--small)}#footer{position:sticky;bottom:0;z-index:1;margin:calc(var(--xl) + 1px) calc(var(--padding)*-1 + 2px) calc(var(--xl)*-1 + 2px);background-color:var(--gray-050);border-radius:var(--small-border-radius);box-sizing:border-box}#footer:empty{display:none}#footer.stuck{border-radius:0}@supports(backdrop-filter: blur(10px)){#footer.stuck{background-color:rgba(228,237,246,.75);backdrop-filter:blur(10px)}}.has-debug-toolbar #footer{transition:padding linear 100ms}.has-debug-toolbar #footer.stuck{padding-bottom:52px}#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;z-index:1}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}#details .details{padding-bottom:calc(var(--xl) + 11.5em)}#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:var(--large-border-radius);padding-top:var(--m);padding-bottom:var(--m)}@media only screen and (max-width: 74.9375rem){#global-container{width:calc(100vw + 14.125rem)}body.ltr #global-container{left:-14.125rem}body.rtl #global-container{right:-14.125rem}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: 60.8125rem){#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)}#details .details{margin-bottom:auto}}@media only screen and (max-width: 767px){:root{--padding: var(--s);--neg-padding: calc(var(--s) * -1)}#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}.card-grid{display:flex !important;flex-direction:column}}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:14.125rem;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:0 var(--xl)}.sidebar .heading:not(:first-child){margin-top:var(--m)}.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 .heading>ul{margin:2px calc(var(--xl)*-1)}.sidebar nav{padding:0 var(--s)}body.ltr .sidebar nav>ul>li:not(.heading)>a,body.ltr .sidebar nav>ul>li.heading>ul>li>a{padding-left:24px}body.rtl .sidebar nav>ul>li:not(.heading)>a,body.rtl .sidebar nav>ul>li.heading>ul>li>a{padding-right:24px}body.ltr .sidebar nav>ul>li:not(.heading)>.toggle,body.ltr .sidebar nav>ul>li.heading>ul>li>.toggle{left:calc(var(--m)*0)}body.rtl .sidebar nav>ul>li:not(.heading)>.toggle,body.rtl .sidebar nav>ul>li.heading>ul>li>.toggle{right:calc(var(--m)*0)}body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>a,body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>a{padding-left:38px}body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>a,body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>a{padding-right:38px}body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>.toggle,body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>.toggle{left:calc(var(--m)*1)}body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>.toggle,body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>.toggle{right:calc(var(--m)*1)}body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>a,body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>a{padding-left:52px}body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>a,body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>a{padding-right:52px}body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>.toggle,body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>.toggle{left:calc(var(--m)*2)}body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>.toggle,body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>.toggle{right:calc(var(--m)*2)}body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>a,body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>a{padding-left:66px}body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>a,body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>a{padding-right:66px}body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>.toggle,body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle{left:calc(var(--m)*3)}body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>.toggle,body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle{right:calc(var(--m)*3)}body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>a,body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>a{padding-left:80px}body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>a,body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>a{padding-right:80px}body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle,body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle{left:calc(var(--m)*4)}body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle,body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>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}.sidebar nav li:not(.has-subnav)>a.sel,.sidebar nav li:not(.has-subnav)>a.active-drop-target{cursor:default;background-color:var(--gray-500)}.sidebar nav li:not(.has-subnav)>a.sel,.sidebar nav li:not(.has-subnav)>a.sel+.toggle,.sidebar nav li:not(.has-subnav)>a.active-drop-target,.sidebar nav li:not(.has-subnav)>a.active-drop-target+.toggle{color:var(--white)}.sidebar nav li:not(.has-subnav)>a.sel{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:500}.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{position:relative;top:1px;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:1rem;height:1rem}.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:.6875rem;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.heading>ul,.sidebar nav li.expanded>ul{display:block}.error-summary{margin-bottom:var(--l);padding:var(--l) var(--xl) var(--xl);box-sizing:border-box;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);border-radius:var(--large-border-radius);background-color:var(--gray-050)}.error-summary .notification-icon{color:var(--error-color);margin:-2px 6px 0 0;float:left}.error-summary h2{margin-top:var(--xs)}.error-summary>ul.errors li,.error-summary>ul.errors li a{color:var(--text-color)}.error-summary>ul.errors li em,.error-summary>ul.errors li a em{font-weight:600}.error-summary>ul.errors li:hover,.error-summary>ul.errors li a:hover{color:var(--link-color)}body.ltr .content.has-sidebar:not(.hiding-sidebar){margin-left:14.125rem}body.rtl .content.has-sidebar:not(.hiding-sidebar){margin-right:14.125rem}#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,.draghelper .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>*,.draghelper .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,.draghelper .flex-fields>h2{flex:4 0 100%}#content :not(.meta)>.flex-fields>h2:not(:nth-child(-n+1 of :not(.hidden))),#content>.flex-fields>h2:not(:nth-child(-n+1 of :not(.hidden))),.so-content .flex-fields>h2:not(:nth-child(-n+1 of :not(.hidden))),.draghelper .flex-fields>h2:not(:nth-child(-n+1 of :not(.hidden))){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,.draghelper .flex-fields>hr,.draghelper .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),.draghelper .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,.draghelper .flex-fields>:not(h2):not(hr):not(.line-break),.draghelper .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,.draghelper .flex-fields>:not(h2):not(hr):not(.line-break):before,.draghelper .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,body.ltr .draghelper .flex-fields>:not(h2):not(hr):not(.line-break):before,body.ltr .draghelper .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,body.rtl .draghelper .flex-fields>:not(h2):not(hr):not(.line-break):before,body.rtl .draghelper .flex-fields>:not(h2):not(hr):not(.line-break):last-child:before{right:-1px}@media only screen and (min-width: 96rem){#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,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-25,.draghelper.drag-in-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,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-50,.draghelper.drag-in-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,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-75,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-75{width:75%}}@media only screen and (min-width: 37.5rem)and (max-width: 95.9375rem){#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,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-25,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-50,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50{width:50%}}@media only screen and (min-width: 75rem){.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,.draghelper.drag-in-slideout .flex-fields>:not(h2):not(hr):not(.line-break).width-25,.draghelper.drag-in-slideout .flex-fields>:not(h2):not(hr):not(.line-break).width-50,.draghelper.drag-in-slideout .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25,.draghelper.drag-in-slideout .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50{width:50%}}.global-sidebar{--is-always-visible: true;--prefix-width: calc(30rem / 16);--prefix-ratio: 1;--gutter-width: calc(10rem / 16);position:sticky;top:0;z-index:100;display:flex;flex-direction:column;height:100vh;padding:0;-webkit-overflow-scrolling:touch;background-color:rgba(0,0,0,0);border-right:1px solid var(--hairline-color);width:var(--global-sidebar-width)}.global-sidebar a{text-decoration:none}.global-sidebar>a:not([href]),.global-sidebar *:not(.has-subnav)>a:not([href]){cursor:default;background-color:rgba(0,0,0,0)}@media only screen and (max-width: 74.9375rem){.global-sidebar{--is-always-visible: false}}.global-sidebar__nav{padding:var(--s) 0}.global-sidebar__footer{margin-block-start:auto;display:grid;gap:var(--s)}.global-nav>ul{display:flex;flex-direction:column;gap:var(--s)}.global-nav>ul>li{position:relative}.nav-icon{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;width:1rem;aspect-ratio:1;line-height:0;--thumb-size: 1rem}.nav-icon>svg{width:100%;height:100%}.nav-icon>svg rect,.nav-icon>svg circle,.nav-icon>svg ellipse,.nav-icon>svg line,.nav-icon>svg polyline,.nav-icon>svg polygon,.nav-icon>svg path,.nav-icon>svg text{fill:currentColor;stroke-width:0}.nav-item{--gutter-width: calc(10rem / 16);display:grid;grid-template-columns:var(--gutter-width) 1fr var(--prefix-width) var(--gutter-width);grid-template-areas:\". action trigger .\" \"subnav subnav subnav subnav\";align-items:center;width:100%}.nav-item>.sidebar-action{grid-area:action}.nav-item__trigger{--icon-size: 10px;--trigger-size: var(--touch-target-size);grid-area:trigger;display:flex;z-index:1}.nav-item__trigger .menubtn{padding:0;flex-direction:column;justify-content:center;align-items:center;width:var(--trigger-size);height:var(--trigger-size);border:rgba(0,0,0,0)}.nav-item__trigger .menubtn:hover{background-color:var(--ui-control-bg-color)}.nav-item__trigger .menubtn[aria-expanded=true]:not(:hover){background-color:rgba(0,0,0,0)}.nav-item__trigger .menubtn[aria-expanded=true]:after{display:block;content:\"\";font-size:0;width:.4375rem;height:.4375rem;border:solid currentColor;border-width:0 .125rem .125rem 0;opacity:.8;position:relative;transform:rotate(225deg);top:2px}.nav-item__trigger .menubtn:after{margin-left:0 !important}.nav-item__subnav{--prefix-ratio: 4/3;position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;grid-area:subnav}.nav-item__subnav.is-open{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.badge{display:inline-flex;justify-content:center;text-align:center;flex-shrink:1;font-size:11px;line-height:1rem;width:1.1rem;height:1rem;border-radius:var(--s);background-color:var(--medium-text-color);color:var(--white)}.sidebar-actions{padding:10px var(--gutter-width)}.sidebar-action{--thumb-size: 0.75rem;display:flex;width:100%;align-items:center;position:relative;text-align:left;border-radius:var(--medium-border-radius);color:currentColor;cursor:pointer;gap:7px;min-height:30px}.sidebar-action:before{content:\"\";position:absolute;left:-0.625rem;top:50%;height:80%;transform:translateY(-50%);width:var(--xs)}.sidebar-action:focus-visible,.sidebar-action:hover{background-color:var(--gray-200)}.sidebar-action.sel:before{--indicator-size: 6px;background-color:currentColor}.sidebar-action--sub{--indicator-size: 4px;font-size:.9em;min-height:26px}.sidebar-action--sub:before{width:var(--indicator-size);height:var(--indicator-size);border-radius:100%;left:calc(15px - var(--indicator-size)/2);top:50%;background-color:var(--gray-300)}.sidebar-action--job{align-items:flex-start}.sidebar-action--job .sidebar-action__label{padding-block:var(--xs)}.sidebar-action--job[href]:hover{background-color:rgba(0,0,0,0)}.sidebar-action--job[href]:hover .icon>span.icon>canvas#job-icon-hover{opacity:1}.sidebar-action--job .label{white-space:normal}.sidebar-action--job .progress-label{display:block;color:var(--gray-300);font-size:11px;line-height:1.5}.sidebar-action--job .nav-icon{display:block;position:relative;width:16px;height:16px}.sidebar-action--job .nav-icon>canvas{display:block;position:absolute;width:16px;height:16px}.sidebar-action--job .nav-icon>canvas#job-icon-hover{opacity:0}.sidebar-action__prefix{display:flex;align-items:center;justify-content:center;width:var(--prefix-width);aspect-ratio:var(--prefix-ratio);line-height:0;flex-shrink:0}.sidebar-action__label{display:inline-flex;gap:var(--s);align-items:center;padding:0 var(--xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-grow:1}.sidebar-action__badge{display:flex;flex-direction:column;justify-content:center;padding:0 var(--s);margin-left:auto}@media only screen and (min-width: 75rem){[data-sidebar=collapsed] .global-sidebar{--global-sidebar-width: calc(50rem / 16)}[data-sidebar=collapsed] .nav-item{grid-template-areas:\". action .\" \". trigger .\" \"subnav subnav subnav\";grid-template-columns:var(--gutter-width) var(--prefix-width) var(--gutter-width)}[data-sidebar=collapsed] .nav-item__indicator{right:-1px}[data-sidebar=collapsed] .sidebar-action{width:var(--prefix-width);min-height:var(--prefix-width)}[data-sidebar=collapsed] .sidebar-action:focus-visible .sidebar-action__label,[data-sidebar=collapsed] .sidebar-action:hover .sidebar-action__label{opacity:1;transform:translateY(-50%) translateX(0)}[data-sidebar=collapsed] .nav-item__trigger .menubtn{width:100%;height:auto;padding-block:2px var(--xs)}[data-sidebar=collapsed] .sidebar-action__label{position:absolute;z-index:10;left:calc(100% + var(--xs)*2);top:50%;transform:translateY(-50%) translateX(-5px);opacity:0;background:#fff;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);color:var(--text-color);border-radius:var(--medium-border-radius);padding:var(--xs) var(--s);pointer-events:none}[data-sidebar=collapsed] .sidebar-action__label:focus{box-shadow:var(--focus-ring)}}@media only screen and (min-width: 75rem)and (prefers-reduced-motion: no-preference){[data-sidebar=collapsed] .sidebar-action__label{transition:opacity 50ms cubic-bezier(0.33, 1, 0.68, 1),transform 150ms cubic-bezier(0.33, 1, 0.68, 1)}}@media only screen and (min-width: 75rem){[data-sidebar=collapsed] .sidebar-action__badge{z-index:100;position:absolute;right:calc(var(--xs)*-1);bottom:var(--xs);transform:translateY(25%);padding:0}[data-sidebar=collapsed] .sidebar-action--sub{min-height:26px}[data-sidebar=collapsed] .sidebar-action--sub:before{left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}[data-sidebar=collapsed] .global-nav>ul>li+li{--separator-width: calc(28rem / 16)}[data-sidebar=collapsed] .global-nav>ul>li+li:before{position:absolute;top:calc(var(--s)/-2);left:calc((var(--global-sidebar-width) - var(--separator-width))/2);content:\"\";width:var(--separator-width);height:1px;margin:0 auto;background-color:var(--hairline-color)}[data-sidebar=expanded] #sidebar-toggle-icon{transform:rotate(180deg)}}#sidebar-trigger{display:none}@media only screen and (min-width: 75rem){#sidebar-trigger{display:flex}}.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:5px 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:68px}}.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}body.ltr .lp-editor-container .lp-editor .matrixblock>.fields>.flex-fields>.field>.status-badge{left:calc(var(--m)*-1)}body.rtl .lp-editor-container .lp-editor .matrixblock>.fields>.flex-fields>.field>.status-badge{right:calc(var(--m)*-1)}.lp-editor-container .lp-draghandle{position:absolute;z-index:101;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:44px}}.lp-preview-container .lp-preview-header .lp-device-type .btn::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-preview-header .lp-device-type .btn.lp-device-type-btn--phone::before{background-image:url(../images/preview/icon-phone.svg)}.lp-preview-container .lp-preview-header .lp-device-type .btn.lp-device-type-btn--tablet::before{background-image:url(../images/preview/icon-tablet.svg)}.lp-preview-container .lp-preview-header .lp-device-type .btn.lp-device-type-btn--desktop::before{background-image:url(../images/preview/icon-desktop.svg)}.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-preview-container__bumper-link{top:unset;bottom:0}.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% - 44px);width:100%;background-color:var(--gray-100)}@supports(backdrop-filter: blur(10px)){.lp-preview-container .lp-iframe-container--has-device-preview{top:44px}}.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}}.login-container .login-form-container{background-color:var(--gray-050)}.login-container .login-form input[readonly]{cursor:not-allowed}.login-container .login-form>.field,.login-container .login-form>.btn{margin-top:var(--l)}.login-container .login-form>.field:not(:last-child):not(.last),.login-container .login-form>.btn:not(:last-child):not(.last){margin-bottom:var(--l)}.login-container .login-form .btn{display:flex}.login-container .alternative-login-methods{margin-top:var(--m)}.login-container .alternative-login-methods .btn{width:100%}.login-container .login-forgot-password,.login-container .login-alt-container button{font-size:11px;color:var(--medium-text-color);cursor:pointer !important}.login-container .login-alt-container{margin:calc(var(--s) - var(--xl)) 0}.login-container .login-alt-container button{display:inline-flex;background-color:rgba(0,0,0,0);padding:0;width:auto;height:auto;min-height:var(--touch-target-size)}.login-container .login-forgot-password:hover,.login-container .login-forgot-password:focus,.login-container .login-alt-container button:hover,.login-container .login-alt-container button:focus{color:var(--link-color)}.login-container .login-errors{text-align:center;color:var(--error-color);margin-top:1em}.login-alt-menu{z-index:1001}body.login{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%}body.login main{padding:var(--padding);width:calc(300px + var(--padding)*2);max-width:100%}body.login main h1{text-align:center;font-size:32px;line-height:40px;word-wrap:break-word}body.login main h1 #login-logo{width:100%;height:auto;max-height:300px}body.login #poweredby{display:block;text-align:center;margin-top:70px;margin-bottom:48px;opacity:.8}body.login #poweredby:hover,body.login #poweredby:focus,body.login #poweredby:active{opacity:1}body.login #poweredby>svg{display:inline-block}.modal.email-sent{width:300px}body.ltr .modal.email-sent .body{padding-left:68px}body.rtl .modal.email-sent .body{padding-right:68px}.modal.email-sent .body:before{font-family:\"Craft\";speak:never;-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;display:block;position:absolute;top:24px;content:\"mail\";font-size:30px;color:var(--link-color)}body.ltr .modal.email-sent .body:before{left:24px}body.rtl .modal.email-sent .body:before{right:24px}.login-modal{width:calc(600px + var(--l)*2);max-width:calc(100% - 20px);background:var(--gray-100);border-radius:var(--large-border-radius)}.login-modal .body{display:flex;flex-direction:row;padding:var(--l)}.login-modal .body .login-modal-intro,.login-modal .body .login-modal-form{width:300px;max-width:100%}.login-modal .body .login-modal-intro{padding:var(--m)}@media screen and (max-width: 656px){.login-modal{border-radius:var(--large-border-radius)}.login-modal .body{padding:var(--m);flex-direction:column;gap:var(--m);overflow:auto}.login-modal .body .login-modal-intro{padding:var(--xs) var(--xl)}.login-modal .body .login-modal-form{border-radius:0}}.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:265px}body.rtl .layoutdesigner{padding-left:265px}.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(212, 50%, 95%) 1px, transparent 0px),linear-gradient(to bottom, hsl(212, 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:265px;padding:14px;display:flex;flex-direction:column}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{margin:-3px;padding:3px;flex:1;min-height:0;overflow:auto}.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)}.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:288px;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;gap:var(--xs);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(212, 50%, 95%) 1px, transparent 0px),linear-gradient(to bottom, hsl(212, 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-element{position:relative;display:flex;align-items:center;padding:var(--s);gap:var(--s);box-shadow:inset 0 0 0 1px var(--hairline-color);border-radius:var(--medium-border-radius);background-color:var(--white)}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:not(.draghelper){box-shadow:none}.fld-element.fld-field .field-name{display:flex;flex-direction:column;gap:var(--xs)}.fld-element .fld-element-icon{text-align:center}.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}.fld-hr,.fld-br{position:relative;flex:1;display:flex;justify-content:center}.fld-hr:before,.fld-br:before{position:absolute;display:block;top:calc(50% - 2px);left:0;width:100%;height:4px;content:\"\";font-size:0;border-radius:2px}.fld-hr .smalltext,.fld-br .smalltext{position:relative;display:flex;justify-content:center;align-items:center;background-color:var(--gray-100);border-radius:var(--large-border-radius);padding:0 var(--s);height:var(--touch-target-size)}.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-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}body.has-debug-toolbar .modal.imageeditor .footer{padding-bottom:50px}.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:calc(1rem + 5px)}body.rtl .modal.imageeditor .body .views .crop .custom{padding-right:calc(1rem + 5px)}.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 --gray-050: hsl(var(--gray-050-hsl));\n --gray-100: hsl(var(--gray-100-hsl));\n --gray-200: hsl(var(--gray-200-hsl));\n --gray-300: hsl(var(--gray-300-hsl));\n --gray-350: hsl(var(--gray-350-hsl));\n --gray-400: hsl(var(--gray-400-hsl));\n --gray-500: hsl(var(--gray-500-hsl));\n --gray-550: hsl(var(--gray-550-hsl));\n --gray-600: hsl(var(--gray-600-hsl));\n --gray-700: hsl(var(--gray-700-hsl));\n --gray-800: hsl(var(--gray-800-hsl));\n --gray-900: hsl(var(--gray-900-hsl));\n --gray-1000: hsl(var(--gray-1000-hsl));\n\n --red-050: #fef2f2;\n --red-100: #fee2e2;\n --red-200: #fecaca;\n --red-300: #fca5a5;\n --red-400: #f87171;\n --red-500: #ef4444;\n --red-600: #dc2626;\n --red-700: #b91c1c;\n --red-800: #991b1b;\n --red-900: #7f1d1d;\n --red-950: #450a0a;\n\n --orange-050: #fff7ed;\n --orange-100: #ffedd5;\n --orange-200: #fed7aa;\n --orange-300: #fdba74;\n --orange-400: #fb923c;\n --orange-500: #f97316;\n --orange-600: #ea580c;\n --orange-700: #c2410c;\n --orange-800: #9a3412;\n --orange-900: #7c2d12;\n --orange-950: #431407;\n\n --amber-050: #fffbeb;\n --amber-100: #fef3c7;\n --amber-200: #fde68a;\n --amber-300: #fcd34d;\n --amber-400: #fbbf24;\n --amber-500: #f59e0b;\n --amber-600: #d97706;\n --amber-700: #b45309;\n --amber-800: #92400e;\n --amber-900: #78350f;\n --amber-950: #451a03;\n\n --yellow-050: #fefce8;\n --yellow-100: #fef9c3;\n --yellow-200: #fef08a;\n --yellow-300: #fde047;\n --yellow-400: #facc15;\n --yellow-500: #eab308;\n --yellow-600: #ca8a04;\n --yellow-700: #a16207;\n --yellow-750: #93580b;\n --yellow-800: #854d0e;\n --yellow-900: #713f12;\n --yellow-950: #422006;\n\n --lime-050: #f7fee7;\n --lime-100: #ecfccb;\n --lime-200: #d9f99d;\n --lime-300: #bef264;\n --lime-400: #a3e635;\n --lime-500: #84cc16;\n --lime-600: #65a30d;\n --lime-700: #4d7c0f;\n --lime-800: #3f6212;\n --lime-900: #365314;\n --lime-950: #1a2e05;\n\n --green-050: #f0fdf4;\n --green-100: #dcfce7;\n --green-200: #bbf7d0;\n --green-300: #86efac;\n --green-400: #4ade80;\n --green-500: #22c55e;\n --green-600: #16a34a;\n --green-700: #15803d;\n --green-800: #166534;\n --green-900: #14532d;\n --green-950: #052e16;\n\n --emerald-050: #ecfdf5;\n --emerald-100: #d1fae5;\n --emerald-200: #a7f3d0;\n --emerald-300: #6ee7b7;\n --emerald-400: #34d399;\n --emerald-500: #10b981;\n --emerald-600: #059669;\n --emerald-700: #047857;\n --emerald-800: #065f46;\n --emerald-900: #064e3b;\n --emerald-950: #022c22;\n\n --teal-050: #f0fdfa;\n --teal-100: #ccfbf1;\n --teal-200: #99f6e4;\n --teal-300: #5eead4;\n --teal-400: #2dd4bf;\n --teal-500: #14b8a6;\n --teal-550: #11a697;\n --teal-600: #0d9488;\n --teal-700: #0f766e;\n --teal-800: #115e59;\n --teal-900: #134e4a;\n --teal-950: #042f2e;\n\n --cyan-050: #ecfeff;\n --cyan-100: #cffafe;\n --cyan-200: #a5f3fc;\n --cyan-300: #67e8f9;\n --cyan-400: #22d3ee;\n --cyan-500: #06b6d4;\n --cyan-600: #0891b2;\n --cyan-700: #0e7490;\n --cyan-800: #155e75;\n --cyan-900: #164e63;\n --cyan-950: #083344;\n\n --sky-050: #f0f9ff;\n --sky-100: #e0f2fe;\n --sky-200: #bae6fd;\n --sky-300: #7dd3fc;\n --sky-400: #38bdf8;\n --sky-500: #0ea5e9;\n --sky-600: #0284c7;\n --sky-700: #0369a1;\n --sky-800: #075985;\n --sky-900: #0c4a6e;\n --sky-950: #082f49;\n\n --blue-050: #eff6ff;\n --blue-100: #dbeafe;\n --blue-200: #bfdbfe;\n --blue-300: #93c5fd;\n --blue-400: #60a5fa;\n --blue-500: #3b82f6;\n --blue-600: #2563eb;\n --blue-700: #1d4ed8;\n --blue-800: #1e40af;\n --blue-900: #1e3a8a;\n --blue-950: #172554;\n\n --indigo-050: #eef2ff;\n --indigo-100: #e0e7ff;\n --indigo-200: #c7d2fe;\n --indigo-300: #a5b4fc;\n --indigo-400: #818cf8;\n --indigo-500: #6366f1;\n --indigo-600: #4f46e5;\n --indigo-700: #4338ca;\n --indigo-800: #3730a3;\n --indigo-900: #312e81;\n --indigo-950: #1e1b4b;\n\n --violet-050: #f5f3ff;\n --violet-100: #ede9fe;\n --violet-200: #ddd6fe;\n --violet-300: #c4b5fd;\n --violet-400: #a78bfa;\n --violet-500: #8b5cf6;\n --violet-600: #7c3aed;\n --violet-700: #6d28d9;\n --violet-800: #5b21b6;\n --violet-900: #4c1d95;\n --violet-950: #2e1065;\n\n --purple-050: #faf5ff;\n --purple-100: #f3e8ff;\n --purple-200: #e9d5ff;\n --purple-300: #d8b4fe;\n --purple-400: #c084fc;\n --purple-500: #a855f7;\n --purple-600: #9333ea;\n --purple-700: #7e22ce;\n --purple-800: #6b21a8;\n --purple-900: #581c87;\n --purple-950: #3b0764;\n\n --fuchsia-050: #fdf4ff;\n --fuchsia-100: #fae8ff;\n --fuchsia-200: #f5d0fe;\n --fuchsia-300: #f0abfc;\n --fuchsia-400: #e879f9;\n --fuchsia-500: #d946ef;\n --fuchsia-600: #c026d3;\n --fuchsia-700: #a21caf;\n --fuchsia-800: #86198f;\n --fuchsia-900: #701a75;\n --fuchsia-950: #4a044e;\n\n --pink-050: #fdf2f8;\n --pink-100: #fce7f3;\n --pink-200: #fbcfe8;\n --pink-300: #f9a8d4;\n --pink-400: #f472b6;\n --pink-500: #ec4899;\n --pink-600: #db2777;\n --pink-700: #be185d;\n --pink-800: #9d174d;\n --pink-900: #831843;\n --pink-950: #500724;\n\n --rose-050: #fff1f2;\n --rose-100: #ffe4e6;\n --rose-200: #fecdd3;\n --rose-300: #fda4af;\n --rose-400: #fb7185;\n --rose-500: #f43f5e;\n --rose-600: #e11d48;\n --rose-700: #be123c;\n --rose-800: #9f1239;\n --rose-900: #881337;\n --rose-950: #4c0519;\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-600);\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: #1f5fea;\n\n // font styles\n --font-weight-bold: 700;\n\n // hairline colors\n --hairline-color: #{transparentize(hsl(209, 20%, 25%), 0.9)};\n --medium-hairline-color: #cfd8e3; // matches shadow below global header;\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-500);\n\n // alert/notice colors\n --error-color: #d81e23;\n --warning-color: var(--amber-700);\n --success-color: var(--teal-700);\n --notice-color: var(--sky-700);\n\n // status colors\n --enabled-color: var(--teal-550);\n --pending-color: var(--orange-400);\n --disabled-color: var(--red-600);\n\n // misc colors\n --indicator-border-color: var(--amber-600);\n --indicator-icon-color: var(--amber-700);\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: 1rem;\n --radio-size: 1rem;\n}\n","@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\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:\n url('../fonts/Craft.woff2') format('woff2'),\n 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 font-display: block;\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 --ui-control-static-bg-color: #{transparentize($inputColor, 0.75)};\n --ui-control-bg-color: var(--ui-control-static-bg-color);\n --ui-control-hover-bg-color: #{transparentize($inputColor, 0.7)};\n --ui-control-active-bg-color: #{transparentize($inputColor, 0.5)};\n --ui-control-border-radius: var(--large-border-radius);\n --ui-control-height: calc(34rem / 16);\n --ui-control-height--small: calc(30rem / 16);\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: calc(\n 24rem / 16\n ); /* Minimum recommended touch target size */\n --thumb-size: calc(20rem / 16);\n --icon-size: 1rem;\n --elements-busy-top-position: calc(50% - var(--size, 20px) / 2);\n --lh: 1.42em;\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: var(--lh);\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.mt-0 {\n margin-top: 0 !important;\n}\n.mt-xs {\n margin-top: var(--xs) !important;\n}\n.mt-s {\n margin-top: var(--s) !important;\n}\n.mt-m {\n margin-top: var(--m) !important;\n}\n.mt-l {\n margin-top: var(--l) !important;\n}\n.mt-xl {\n margin-top: var(--xl) !important;\n}\n\n.mb-0 {\n margin-bottom: 0 !important;\n}\n.mb-xs {\n margin-bottom: var(--xs) !important;\n}\n.mb-s {\n margin-bottom: var(--s) !important;\n}\n.mb-m {\n margin-bottom: var(--m) !important;\n}\n.mb-l {\n margin-bottom: var(--l) !important;\n}\n.mb-xl {\n margin-bottom: var(--xl) !important;\n}\n\n.ml-0 {\n margin-left: 0 !important;\n}\n.ml-xs {\n margin-left: var(--xs) !important;\n}\n.ml-s {\n margin-left: var(--s) !important;\n}\n.ml-m {\n margin-left: var(--m) !important;\n}\n.ml-l {\n margin-left: var(--l) !important;\n}\n.ml-xl {\n margin-left: var(--xl) !important;\n}\n\n.mr-0 {\n margin-right: 0 !important;\n}\n.mr-xs {\n margin-right: var(--xs) !important;\n}\n.mr-s {\n margin-right: var(--s) !important;\n}\n.mr-m {\n margin-right: var(--m) !important;\n}\n.mr-l {\n margin-right: var(--l) !important;\n}\n.mr-xl {\n margin-right: var(--xl) !important;\n}\n\n.mx-0 {\n margin-left: 0 !important;\n margin-right: 0 !important;\n}\n.mx-xs {\n margin-left: var(--xs) !important;\n margin-right: var(--xs) !important;\n}\n.mx-s {\n margin-left: var(--s) !important;\n margin-right: var(--s) !important;\n}\n.mx-m {\n margin-left: var(--m) !important;\n margin-right: var(--m) !important;\n}\n.mx-l {\n margin-left: var(--l) !important;\n margin-right: var(--l) !important;\n}\n.mx-xl {\n margin-left: var(--xl) !important;\n margin-right: var(--xl) !important;\n}\n\n.my-0 {\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n}\n.my-xs {\n margin-top: var(--xs) !important;\n margin-bottom: var(--xs) !important;\n}\n.my-s {\n margin-top: var(--s) !important;\n margin-bottom: var(--s) !important;\n}\n.my-m {\n margin-top: var(--m) !important;\n margin-bottom: var(--m) !important;\n}\n.my-l {\n margin-top: var(--l) !important;\n margin-bottom: var(--l) !important;\n}\n.my-xl {\n margin-top: var(--xl) !important;\n margin-bottom: var(--xl) !important;\n}\n\n.no-scroll {\n overflow: hidden !important;\n}\n\n.draghelper {\n box-sizing: border-box;\n list-style-type: none;\n}\n\n.offset-drag-helper {\n transition:\n margin linear 200ms,\n padding linear 200ms;\n}\n\nbody.dragging.ltr .offset-drag-helper {\n margin: -50px 0 0 -50px;\n padding: 60px 0 0 60px;\n}\n\nbody.dragging.rtl .offset-drag-helper {\n margin: -50px -50px 0 0;\n padding: 60px 60px 0 0;\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 ul.padded li .menu-item.sel:before,\n.menu ul.padded li .menu-option.sel:before,\n.menu .flex.padded.sel:before,\n.texticon: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.action-btn:before,\n[data-icon]:before,\n[data-icon-after]:after {\n @include icon;\n}\n\n.badge-icon {\n position: relative;\n top: -1px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 1rem;\n height: 1rem;\n box-sizing: border-box;\n border: 1px solid var(--indicator-border-color);\n border-radius: var(--small-border-radius);\n color: var(--indicator-icon-color);\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\n[data-icon-size='large'] {\n &[data-icon]:before,\n &[data-icon-after]:after {\n font-size: 20px;\n }\n}\n\n[data-icon-size='small'] {\n &[data-icon]:before,\n &[data-icon-after]:after {\n font-size: 14px;\n }\n}\n\n[data-icon-size='puny'] {\n &[data-icon]:before,\n &[data-icon-after]:after {\n font-size: 12px;\n }\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.action-btn:before {\n content: 'ellipsis';\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 &[aria-current] {\n cursor: default;\n }\n\n body.underline-links &,\n &:hover {\n text-decoration: underline;\n }\n\n .cp-icon svg {\n @include svg-mask(var(--link-color));\n }\n}\n\na:not([href]) {\n color: inherit;\n cursor: inherit;\n\n body.underline-links &,\n &:hover {\n text-decoration: none;\n }\n}\n\na.iconlink {\n &:before {\n width: 1rem;\n @include margin-right(var(--xs));\n }\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\na [data-icon='external'] {\n @include margin-left(var(--xs));\n}\n\nbutton {\n cursor: pointer;\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.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.revision-notice {\n display: flex;\n align-items: center;\n align-content: stretch;\n justify-content: center;\n gap: var(--s);\n color: var(--gray-600);\n\n #content-notice & {\n display: inline-flex;\n justify-content: flex-start;\n }\n\n p {\n flex: 1;\n margin: 0;\n }\n\n .revision-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($grey800, 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(--grey-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\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}\nul.errors em {\n font-style: normal;\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: 12px;\n color: var(--rose-500);\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:not(.disabled) {\n cursor: move;\n}\n\n.icon.move:before {\n content: 'move';\n color: var(--custom-text-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-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 &.sidebar-hidden {\n @include padding-left(0);\n\n & > .cs-sidebar {\n display: none;\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 --selected-item-color: var(--white);\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 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 @include light-focus-ring;\n --ui-control-color: var(--selected-item-color);\n background-color: var(--dark-sel-color);\n color: var(--selected-item-color);\n z-index: 1;\n }\n\n .label {\n flex: 1;\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 &.sel .label {\n color: var(--selected-item-color);\n }\n }\n}\n\n.customize-sources-item__move {\n position: absolute;\n top: 50%;\n @include right(0);\n transform: translate(-50%, -50%);\n justify-content: center;\n align-items: center;\n\n &.icon {\n display: flex;\n text-decoration: none;\n }\n}\n\n.customize-sources-item__btn {\n padding: 8px 14px;\n @include padding-right(30px);\n margin: 3px;\n}\n\n.checkbox-select-item {\n display: flex;\n align-items: flex-start;\n align-content: stretch;\n margin-bottom: 4px;\n\n .move {\n margin-top: -3px;\n @include margin-right(10px);\n position: relative;\n z-index: 1;\n }\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), calc(1rem / 16));\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: var(--s);\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 }\n}\n\n.flex {\n display: flex;\n align-items: center;\n align-content: stretch;\n gap: var(--s);\n\n &.flex-gap-xs {\n gap: var(--xs);\n }\n &.flex-gap-m {\n gap: var(--m);\n }\n &.flex-gap-l {\n gap: var(--l);\n }\n &.flex-gap-xl {\n gap: var(--xl);\n }\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 !important;\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 max-width: 100%;\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(--ui-control-border-radius);\n padding: 7px 10px;\n border: none;\n text-align: center;\n white-space: nowrap;\n user-select: none;\n box-sizing: border-box;\n appearance: none;\n color: currentColor;\n font-size: inherit;\n background-color: var(--ui-control-bg-color);\n\n &:not([aria-current]) {\n cursor: pointer;\n }\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 &.hairline {\n border: 1px solid var(--medium-hairline-color);\n background-color: transparent;\n\n &:hover,\n &:active,\n &[aria-expanded='true'] {\n border-color: var(--dark-hairline-color);\n }\n\n &:active,\n &[aria-expanded='true'] {\n background-color: var(--ui-control-static-bg-color);\n }\n }\n\n &.wrap {\n height: auto;\n min-height: 34px;\n white-space: initial;\n text-align: left;\n }\n\n &:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not(\n [aria-current]\n ) {\n &:focus,\n &.focus,\n &:hover {\n --ui-control-bg-color: var(--ui-control-hover-bg-color);\n }\n\n &:active,\n &.active,\n &[aria-expanded='true'] {\n --ui-control-bg-color: var(--ui-control-active-bg-color);\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 &:empty,\n &.btn-empty {\n padding-left: 12px;\n padding-right: 12px;\n }\n\n &[data-icon]:not(:empty):not(.btn-empty):before,\n &.icon:not(:empty):not(.btn-empty):before,\n &.menubtn:not(.action-btn)[data-icon]:empty:before,\n &.menubtn:not(.action-btn)[data-icon].btn-empty:before,\n &.menubtn:not(.action-btn).icon:empty:before,\n &.menubtn:not(.action-btn).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 [data-icon] {\n margin-top: -3px;\n @include margin-right(5px);\n\n &.light:before {\n color: var(--gray-300);\n }\n }\n}\n\n.disabled {\n opacity: 0.25;\n pointer-events: none;\n user-select: none;\n}\n\n.noteditable {\n cursor: not-allowed;\n\n .element,\n .lightswitch-container,\n & + .colorhex {\n cursor: not-allowed;\n }\n}\n\n.btn,\n.spinner {\n height: var(--ui-control-height);\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(.action-btn):not(:empty):not(.btn-empty):after,\n.menubtn:not(.action-btn).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 border-radius: var(--large-border-radius);\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.btngroup--exclusive {\n .btn[aria-pressed='true']:not(.disabled):not(.loading):not(.dashed):not(\n [aria-disabled]\n ) {\n background-color: var(--gray-500);\n color: var(--white);\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 .copytextbtn__icon {\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 .copytextbtn__value {\n color: var(--text-color);\n }\n }\n\n &.small {\n padding: 0 5px;\n\n .copytextbtn__value {\n font-size: calc(11rem / 16);\n }\n }\n}\n\n/* menu buttons */\n.menu-toggle,\n.menubtn:not(.action-btn) {\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: var(--elements-busy-top-position);\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 var(--s) !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/* huge buttons */\n.btn.huge {\n padding: var(--l);\n line-height: 48px;\n height: 48px;\n}\n\n/* special buttons */\n.btn {\n &.submit,\n &.secondary {\n color: var(--white) !important;\n --ui-control-active-color: var(--white);\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 &[aria-expanded='true'] {\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 &[aria-expanded='true'] {\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.secondary-buttons\n .btn.submit:not(.disabled):not(.inactive):not(.loading)[aria-expanded='true'],\n.btn.secondary: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(\n .loading\n )[aria-expanded='true'] {\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 &[aria-expanded='true'] {\n background-color: transparentize($grey200, 0.75);\n }\n }\n}\n\n/* chevron buttons */\n.chevron-btns {\n display: flex;\n justify-content: flex-start;\n\n .btn {\n position: relative;\n padding: 0;\n border-radius: 0;\n background-color: transparent;\n\n &.current-step,\n &.active-drop-target {\n color: var(--white);\n --text-color: var(--white);\n --ui-control-color: var(--white);\n --ui-control-bg-color: var(--gray-500);\n --ui-control-hover-bg-color: #{darken($grey500, 5%)};\n --ui-control-active-bg-color: #{darken($grey500, 10%)};\n }\n\n &.current-step {\n @include light-on-dark-text;\n @include light-focus-ring;\n }\n\n &:focus {\n z-index: 1;\n box-shadow: none;\n\n .label {\n z-index: 1;\n box-shadow: var(--focus-ring);\n }\n\n .reduce-focus-visibility &:not(:focus-visible) .label {\n box-shadow: none;\n }\n }\n\n .reduce-focus-visibility &:focus-visible .label {\n box-shadow: var(--focus-ring);\n }\n\n &:not(.has-action-menu) {\n @include padding-right(calc(var(--ui-control-height) / 2));\n @include margin-right(2.8px);\n\n &:not(.current-step[data-disclosure-trigger]) .btn-body {\n @include padding-right(5px);\n }\n }\n\n &.current-step[data-disclosure-trigger] .btn-body {\n @include padding-left(8px);\n\n .label {\n padding: 3px;\n\n &:after {\n @include angle;\n position: relative;\n }\n }\n }\n\n .btn-body {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n height: var(--ui-control-height);\n background-color: var(--ui-control-bg-color);\n\n [data-icon] {\n --ui-control-height: calc((13rem / 16)); // 1rem == 16px\n text-align: center;\n @include margin-right(0);\n }\n }\n\n .label {\n display: inline-flex;\n align-items: center;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n &.has-action-menu .btn-body {\n @include padding-right(1px);\n @include margin-right(0);\n }\n\n .chevron-right,\n .chevron-left {\n position: absolute;\n top: 0;\n height: 100%;\n width: calc(var(--ui-control-height) / 2);\n }\n\n .chevron-left {\n @include left(0);\n border-top: calc(var(--ui-control-height) / 2) solid\n var(--ui-control-bg-color);\n @include border-left(\n calc(var(--ui-control-height) / 2) solid transparent\n );\n\n &:after {\n display: block;\n content: '';\n font-size: 0;\n position: absolute;\n bottom: 0;\n @include right(0);\n border-bottom: calc(var(--ui-control-height) / 2) solid\n var(--ui-control-bg-color);\n @include border-left(\n calc(var(--ui-control-height) / 2) solid transparent\n );\n }\n }\n\n .chevron-right {\n @include right(0);\n border-top: calc(var(--ui-control-height) / 2) solid transparent;\n border-bottom: calc(var(--ui-control-height) / 2) solid transparent;\n @include border-left(\n calc(var(--ui-control-height) / 2) solid var(--ui-control-bg-color)\n );\n }\n }\n\n ol {\n position: relative;\n @include padding-left(0);\n list-style-type: none;\n display: flex;\n\n li {\n &.first-step .btn {\n .btn-body {\n @include padding-left(14px);\n @include border-radius(\n var(--ui-control-border-radius),\n 0,\n 0,\n var(--ui-control-border-radius)\n );\n }\n\n .chevron-left {\n display: none;\n }\n }\n\n &:not(.first-step) .btn {\n @include margin-left(calc(-1 * (var(--ui-control-height) / 2)));\n @include padding-left(calc(var(--ui-control-height) / 2));\n\n .btn-body {\n @include padding-left(7px);\n }\n }\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):not(.noteditable) {\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 max-width: 100%;\n padding-left: 7px;\n padding-right: 7px;\n\n span {\n flex-grow: 1;\n padding: 7px 0;\n color: var(--medium-text-color);\n cursor: default;\n overflow: auto;\n overflow-wrap: break-word;\n hyphens: auto;\n\n &[data-toggle='on'] {\n @include margin-left(7px);\n }\n\n &[data-toggle='off'] {\n @include margin-right(7px);\n text-align: right;\n\n body.rtl & {\n text-align: left;\n }\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 min-width: 34px;\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: calc(30rem / 16);\n height: calc(30rem / 16);\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 @include focus-styles {\n box-shadow:\n inset 0 0 0 1px var(--hairline-color),\n 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 --pane-y-padding-default: calc(var(--xl) - 2px);\n --pane-x-padding-default: calc(var(--padding) - 2px);\n margin: calc(var(--pane-padding, var(--pane-y-padding-default)) * -1)\n calc(var(--pane-padding, var(--pane-x-padding-default)) * -1)\n calc(\n var(--pane-padding, var(--padding)) * -1 + var(--pane-padding, var(--m))\n );\n padding: 0 !important;\n overflow-x: auto;\n\n table.data {\n th,\n td {\n &:first-child {\n @include padding-left(var(--m));\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% - 8rem / 16);\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(\n var(--border-radius, var(--small-border-radius))\n );\n @include border-bottom-left-radius(\n var(--border-radius, var(--small-border-radius))\n );\n }\n &:last-child {\n @include border-top-right-radius(\n var(--border-radius, var(--small-border-radius))\n );\n @include border-bottom-right-radius(\n var(--border-radius, var(--small-border-radius))\n );\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: var(--s);\n padding-bottom: var(--s);\n }\n\n th {\n white-space: nowrap;\n vertical-align: middle;\n\n &.orderable {\n position: relative;\n padding: 0 !important;\n\n body:not(.dragging) &: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(var(--m));\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(35px);\n font: inherit;\n width: 100%;\n padding: var(--pane-padding, var(--m)) var(--m);\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 --hover-bg-color: var(--gray-050);\n --selected-bg-color: var(--dark-sel-color);\n\n &:not(.disabled) {\n &:hover {\n th,\n td {\n background-color: var(--hover-bg-color);\n }\n }\n\n &:focus {\n position: relative;\n z-index: 1;\n }\n\n &.sel,\n &.active-drop-target {\n --text-color: var(--white);\n --medium-dark-text-color: var(--white);\n --medium-text-color: var(--white);\n --light-text-color: var(--white);\n --link-color: var(--white);\n --ui-control-color: var(--white);\n @include custom-color-focus-ring(hsl(var(--light-focus-hsl)));\n\n th,\n td {\n color: var(--white);\n background-color: var(--selected-bg-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 tr.sel:not(.draggee) + tr.sel:not(.draggee) {\n th,\n td {\n border-top-color: var(--gray-300);\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 background-color: var(--white);\n @include shadow;\n}\n\n.datatablesorthelper,\n.datatablesorthelper .chip,\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.chip,\n.card {\n color: var(--custom-text-color, var(--text-color));\n background-color: var(--custom-bg-color, var(--gray-050));\n}\n\n/* chips */\n.chip {\n position: relative;\n display: inline-flex;\n align-items: center;\n cursor: default;\n user-select: none;\n font-weight: normal;\n padding: var(--xs) var(--s);\n max-width: 100%;\n gap: var(--xs);\n border-radius: var(--large-border-radius);\n\n &.small {\n flex-direction: row;\n height: calc(26rem / 16 + 8px);\n --thumb-size: calc(30rem / 16);\n\n & > .thumb {\n margin: calc(var(--xs) * -1 + 2px) calc(var(--s) * -1 + 2px);\n @include margin-right(2px);\n\n &.cp-icon {\n @include margin-left(-2px);\n --thumb-size: 1rem; // 16px\n }\n }\n }\n\n &.large {\n flex-direction: column;\n --thumb-size: 120px;\n min-width: calc(var(--s) * 2 + var(--thumb-size));\n\n .chip-content {\n width: 100%;\n }\n }\n\n .chip-content {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: var(--s);\n max-width: 100%;\n\n .status,\n .icon {\n @include margin-right(0);\n }\n\n .icon {\n margin: -4px -1px 0;\n }\n }\n\n &.sel,\n li.sel &,\n li.active-drop-target & {\n --text-color: var(--white);\n --custom-text-color: var(--white) !important;\n --medium-dark-text-color: var(--white);\n --medium-text-color: var(--white);\n --light-text-color: var(--white);\n --link-color: var(--white);\n --ui-control-color: var(--white);\n @include custom-color-focus-ring(hsl(var(--light-focus-hsl)));\n color: var(--white);\n background-color: var(\n --custom-sel-bg-color,\n var(--dark-sel-color)\n ) !important;\n\n .cp-icon {\n --icon-color: var(--white) !important;\n }\n }\n\n &.sel,\n .sel & {\n cursor: default;\n\n .thumb {\n filter: brightness(0.85);\n\n img {\n box-shadow:\n 0 0 0 1px transparentize($darkSelColor, 0.9),\n 0 6px 4px -4px transparentize($darkSelColor, 0.8);\n }\n }\n }\n\n .offset-drag-helper & {\n background-color: var(--gray-050);\n @include shadow;\n }\n\n & > .thumb {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n width: var(--thumb-size);\n height: var(--thumb-size);\n\n &.rounded {\n img,\n svg {\n border: var(--xs) solid transparent;\n border-radius: 50%;\n }\n }\n\n &.checkered img {\n @include checkered-bg(8px);\n }\n\n img,\n svg {\n display: block;\n flex-shrink: 0;\n border-radius: var(--small-border-radius);\n max-width: 100%;\n max-height: 100%;\n }\n }\n}\n\n.cp-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: var(--icon-size);\n height: var(--icon-size);\n max-width: var(--icon-size);\n\n svg {\n width: var(--icon-size);\n height: var(--icon-size);\n max-width: var(--icon-size) !important;\n max-height: var(--icon-size) !important;\n @include svg-mask(var(--icon-color, var(--ui-control-color)));\n }\n\n &.large {\n --icon-size: calc(20rem / 16);\n }\n\n &.small {\n --icon-size: calc(14rem / 16);\n }\n\n &.puny {\n --icon-size: calc(12rem / 16);\n }\n}\n\n.chips,\n.cards {\n display: flex;\n --custom-bg-color: initial;\n --custom-text-color: initial;\n --custom-sel-bg-color: initial;\n\n &:not(.inline-chips) {\n flex-direction: column;\n }\n\n li {\n max-width: 100%;\n }\n}\n\n.cards {\n gap: var(--s);\n}\n\n.chips {\n align-items: flex-start;\n gap: var(--xs);\n}\n\n.inline-chips {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n align-items: center;\n gap: var(--xs);\n\n .chip {\n margin: 0 !important;\n }\n}\n\n/** cards */\n.card {\n position: relative;\n display: flex;\n flex-direction: row;\n align-items: stretch;\n padding: var(--m);\n gap: var(--m);\n border-radius: var(--large-border-radius);\n cursor: default;\n user-select: none;\n width: 100%;\n\n &:after {\n border-radius: var(--large-border-radius);\n }\n\n &.sel,\n li.sel & {\n --text-color: var(--white);\n --custom-text-color: var(--white) !important;\n --medium-dark-text-color: var(--white);\n --medium-text-color: var(--white);\n --light-text-color: var(--white);\n --link-color: var(--white);\n --ui-control-color: var(--white);\n @include custom-color-focus-ring(hsl(var(--light-focus-hsl)));\n color: var(--white);\n background-color: var(\n --custom-sel-bg-color,\n var(--dark-sel-color)\n ) !important;\n\n & > .thumb {\n background-color: var(--dark-sel-color) !important;\n filter: brightness(0.85);\n }\n }\n\n & > .thumb {\n position: relative;\n display: flex;\n align-items: stretch;\n margin: calc(var(--m) * -1);\n @include margin-right(0);\n width: 120px;\n min-width: 120px; // needed for flex\n min-height: calc(var(--m) * 2 + var(--lh) * 3 + var(--xs));\n background-color: var(--gray-100);\n overflow: hidden;\n\n &:after {\n display: block;\n content: '';\n font-size: 0;\n position: absolute;\n top: 0;\n bottom: 0;\n @include shadow();\n width: 10px;\n\n body.ltr & {\n right: -10px;\n }\n\n body.rtl & {\n left: -10px;\n }\n }\n\n &,\n &:after {\n @include border-radius(\n var(--large-border-radius),\n 0,\n 0,\n var(--large-border-radius)\n );\n }\n\n img,\n svg {\n width: 100%;\n max-height: 120px;\n object-fit: cover;\n }\n }\n\n & > .cp-icon {\n @include margin(0, -4px, 0, -2px);\n }\n\n .card-content,\n .card-content .card-body {\n display: flex;\n flex-direction: column;\n gap: var(--xs);\n flex: 1;\n }\n\n .card-content {\n margin: calc((1rem - var(--lh)) / 2) 0;\n flex: 1 0 0 !important;\n overflow: hidden;\n position: relative;\n --focus-ring: var(--inner-focus-ring);\n\n .card-heading {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 5px;\n\n .status {\n margin: 0;\n flex: 0 0 10px;\n }\n\n .label {\n font-weight: 600;\n }\n }\n\n .card-body {\n &:empty {\n display: none;\n }\n\n & > * {\n --max-lines: 2;\n margin: 0;\n max-height: calc(var(--lh) * var(--max-lines));\n overflow: hidden;\n text-wrap: pretty;\n }\n }\n }\n\n & > .card-actions-container {\n display: flex;\n align-items: flex-start !important;\n position: relative;\n }\n}\n\n.card-grid {\n display: grid !important;\n gap: var(--s) !important;\n grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));\n\n & > li {\n border-radius: var(--large-border-radius);\n\n & > .card {\n margin: 0 !important;\n height: 100%;\n }\n }\n}\n\n.context-label,\n.context-menu-container {\n display: inline-flex;\n align-items: center;\n @include margin-left(var(--xs));\n height: var(--touch-target-size);\n padding: 0 var(--s);\n font-size: 11px;\n font-weight: normal;\n text-decoration: none !important;\n color: var(--light-text-color);\n border-radius: calc(var(--touch-target-size) / 2);\n border: 1px solid var(--medium-hairline-color);\n}\n\n.context-menu-container {\n @include padding-right(0);\n\n .menubtn:not(.action-btn) {\n @include margin(0, -1px, 0, 0);\n @include padding-right(2px !important);\n @include border-left(1px solid var(--medium-hairline-color));\n @include border-radius(\n 0,\n calc(var(--touch-target-size) / 2),\n calc(var(--touch-target-size) / 2),\n 0\n );\n\n &:hover {\n border-color: var(--dark-hairline-color) !important;\n }\n }\n\n > * {\n display: inline-block;\n @include padding-right(var(--s));\n }\n}\n\n// fix for context menus that are only children\n.context-menu-container .menubtn:not(.action-btn):only-child,\n.context-menu-container\n .visually-hidden:first-child\n + .menubtn:not(.action-btn):last-child {\n margin: 0 calc(var(--s) * -1);\n border-left: none !important;\n border-radius: calc(var(--touch-target-size) / 2) !important;\n}\n\n.chip,\n.card {\n // prevent double focus ring (chip/card already gets it)\n .checkbox:before {\n box-shadow: none !important;\n }\n\n .label {\n display: flex;\n align-items: center;\n gap: var(--xs);\n overflow: hidden;\n\n .label-link {\n flex: 1 1 0;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n\n &:focus {\n box-shadow: var(--inner-focus-ring);\n }\n }\n\n .segment:after {\n display: inline-flex !important;\n position: relative;\n top: -2px;\n @include margin(0, 5px, 0, 2px);\n @include angle(right, var(--light-text-color), calc(1rem / 16));\n\n .sel & {\n @include angle(right, var(--white), calc(1rem / 16));\n }\n }\n }\n\n & > .chip-content > .chip-actions,\n & > .card-actions-container > .card-actions {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: var(--s);\n min-height: 1rem;\n\n &:empty {\n display: none;\n }\n\n & > .status {\n margin: 0;\n }\n\n & > .action-btn,\n & > .move {\n @include touch-target;\n margin: 0 -4px;\n &:before {\n color: var(--custom-text-color, var(--ui-control-color));\n }\n }\n\n .action-btn {\n background-color: transparent;\n\n &:before {\n @include margin-right(0 !important);\n }\n\n &:hover,\n &:active,\n &[aria-expanded='true'] {\n backdrop-filter: brightness(90%);\n }\n }\n\n .move {\n margin-top: -3px !important;\n }\n }\n\n &.error .label .label-link {\n color: var(--error-color);\n }\n}\n\n.element-index {\n .source-path {\n background-color: var(--gray-050);\n border-radius: 3px;\n --ui-control-bg-color: var(--light-sel-color);\n --ui-control-hover-bg-color: #{darken($lightSelColor, 5%)};\n --ui-control-active-bg-color: #{darken($lightSelColor, 10%)};\n\n .chevron-btns {\n display: inline-flex;\n position: relative;\n background: $white;\n --ui-control-height: calc((30rem / 16)); // 1rem == 16px\n\n &:before {\n display: block;\n content: '';\n font-size: 0;\n position: absolute;\n top: 0;\n width: 0;\n height: 0;\n @include right(0);\n border-top: calc(var(--ui-control-height) / 2) solid $grey050;\n @include border-left(\n calc(var(--ui-control-height) / 2) solid transparent\n );\n }\n\n &:after {\n display: block;\n content: '';\n font-size: 0;\n position: absolute;\n top: calc(var(--ui-control-height) / 2);\n @include right(0);\n border-bottom: calc(var(--ui-control-height) / 2) solid $grey050;\n @include border-left(\n calc(var(--ui-control-height) / 2) solid transparent\n );\n }\n\n .btn {\n --ui-control-border-radius: 3px;\n }\n }\n\n .btn.settings {\n box-shadow: 0 0 0 2px var(--white);\n }\n }\n\n &.main {\n .source-path {\n margin: -22px calc(var(--padding) * -1 + 2px) 24px;\n }\n }\n\n .elementselectormodal & {\n .source-path {\n margin-bottom: 2px;\n }\n }\n\n &.pane {\n .toolbar {\n position: relative;\n z-index: 2;\n margin: calc(var(--pane-padding) * -1) calc(var(--pane-padding) * -1)\n var(--pane-padding) !important;\n border-radius: calc(var(--large-border-radius) - 1px)\n calc(var(--large-border-radius) - 1px) 0 0;\n padding: var(--pane-padding);\n box-shadow: 0 1px 0 var(--hairline-color);\n background-color: var(--gray-050);\n }\n\n .header {\n padding-top: var(--pane-padding);\n padding-bottom: var(--pane-padding);\n background-color: transparent;\n border-bottom: 1px solid var(--hairline-color);\n }\n\n .elements {\n --border-radius: 0;\n\n .tableview table.data thead {\n th,\n td {\n border-bottom: 1px solid var(--hairline-color);\n &:not(.ordered) {\n background-color: transparent;\n }\n }\n }\n }\n\n .footer {\n border-radius: 0 0 calc(var(--large-border-radius) - 1px)\n calc(var(--large-border-radius) - 1px) !important;\n box-shadow: none;\n border-top: 1px solid var(--hairline-color);\n background: transparent;\n }\n }\n}\n\n.elements {\n position: relative;\n\n &:not(.busy) {\n .update-spinner {\n display: none;\n }\n }\n\n &.busy {\n min-height: 72px;\n\n &:after {\n display: block;\n content: '';\n font-size: 0;\n position: absolute;\n z-index: 100;\n top: 0;\n left: calc(var(--pane-padding, 24px) * -1);\n width: calc(100% + var(--pane-padding, 24px) + var(--pane-padding, 24px));\n height: 100%;\n background: transparentize($white, 0.25);\n border-radius: var(--large-border-radius);\n }\n\n .update-spinner {\n z-index: 101;\n }\n }\n\n .header {\n margin: calc(var(--xl) * -1 + 2px) calc(var(--padding) * -1 + 2px) var(--xl);\n padding: var(--s);\n background-color: var(--gray-050);\n box-shadow: none;\n border-radius: var(--border-radius, var(--small-border-radius));\n\n &:after {\n content: '';\n }\n\n .selectallcontainer {\n display: flex;\n align-items: center;\n gap: 5px;\n cursor: default;\n }\n }\n\n .tableview tr.draggee th,\n .tableview tr.draggee td,\n .thumbsview li.draggee {\n opacity: 0.25;\n }\n\n // table views\n .tableview {\n th {\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 .enabled-label {\n margin-left: var(--xs);\n }\n }\n\n .chip {\n background-color: transparent;\n }\n }\n\n // thumbs views\n .thumbsview {\n display: grid;\n gap: var(--xs);\n grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));\n\n li {\n position: relative;\n @include margin(0, 1px, 1px, 0);\n max-width: 226px;\n border-radius: var(--large-border-radius);\n\n &:hover {\n .chip {\n background-color: var(--gray-050);\n }\n }\n\n &.sel {\n a {\n cursor: pointer !important;\n\n &:hover {\n text-decoration: underline;\n }\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/* 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(--gray-200));\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 .chip {\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.elementselect .elements:not(:empty),\n.componentselect .components:not(:empty) {\n & + .flex {\n margin-top: var(--s);\n }\n}\n\n/* element select fields */\n.elementselect {\n position: relative;\n min-height: 34px;\n\n .flex,\n .btn {\n clear: both;\n }\n\n .chip {\n z-index: 1;\n }\n\n .structure {\n .chip {\n margin-top: var(--xs);\n }\n\n & > li {\n @include padding-left(0);\n }\n\n ul {\n @include margin-left(14px);\n\n li {\n background-position: 0 6px !important;\n }\n }\n }\n}\n\n/* nested element cards */\n.nested-element-cards {\n display: flex;\n flex-direction: column;\n gap: var(--s);\n\n & > .pane {\n margin: 0;\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.heading,\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(\n calc(var(--large-border-radius) - 1px)\n );\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 .editable-table-preview {\n @include alignleft;\n white-space: pre-wrap;\n\n & + textarea {\n opacity: 0;\n height: 0;\n min-height: 0;\n padding-top: 0;\n padding-bottom: 0;\n }\n }\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 .editable-table-preview {\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: calc(100% - 29px);\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 position: relative;\n @include margin-right(10px);\n width: calc(12rem / 16);\n height: calc(12rem / 16);\n border: 1px solid transparent;\n border-radius: 100%;\n box-sizing: border-box;\n background-clip: border-box;\n\n body.use-shapes & {\n &.all {\n rotate: 45deg;\n background-image: linear-gradient(30deg, #184cef, #e5422b);\n }\n\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 &.all,\n &.off,\n &.suspended,\n &.expired {\n border-radius: 2px;\n transform: scale(90%);\n }\n }\n}\n\n.status:not(.on):not(.live):not(.active):not(.enabled):not(.all) {\n &:not(.pending):not(.warning):not(.off):not(.suspended):not(.expired) {\n &:not(.light):not(.gray):not(.red):not(.orange):not(.amber):not(.yellow) {\n &:not(.lime):not(.green):not(.emerald):not(.teal):not(.cyan):not(.sky) {\n &:not(.blue):not(.indigo):not(.violet):not(.purple):not(.fuchsia) {\n &:not(.pink):not(.rose):not(.grey):not(.black) {\n border-color: var(--ui-control-color);\n }\n }\n }\n }\n }\n}\n\n.status.all {\n background-image: linear-gradient(60deg, #184cef, #e5422b);\n background-origin: border-box;\n}\n.status.on,\n.status.live,\n.status.active,\n.status.enabled {\n background-color: var(--enabled-color);\n}\n.status.red,\n.bg-red,\n.status.off,\n.status.suspended,\n.status.expired {\n background-color: var(--disabled-color);\n}\n.status.warning {\n background-color: var(--warning-color);\n}\n.status.orange,\n.bg-orange,\n.status.pending {\n background-color: var(--pending-color);\n}\n.status.amber,\n.bg-amber {\n background-color: var(--amber-500);\n}\n.status.yellow,\n.bg-yellow {\n background-color: var(--yellow-500);\n}\n.status.lime,\n.bg-lime {\n background-color: var(--lime-500);\n}\n.status.green,\n.bg-green {\n background-color: var(--green-600);\n}\n.status.emerald,\n.bg-emerald {\n background-color: var(--emerald-500);\n}\n.status.teal,\n.bg-teal,\n.status.turquoise,\n.bg-turquoise {\n background-color: var(--teal-500);\n}\n.status.cyan,\n.bg-cyan {\n background-color: var(--cyan-500);\n}\n.status.sky,\n.bg-sky {\n background-color: var(--sky-500);\n}\n.status.blue,\n.bg-blue {\n background-color: var(--blue-600);\n}\n.status.indigo,\n.bg-indigo {\n background-color: var(--indigo-500);\n}\n.status.violet,\n.bg-violet {\n background-color: var(--violet-500);\n}\n.status.purple,\n.bg-purple {\n background-color: var(--purple-500);\n}\n.status.fuchsia,\n.bg-fuchsia {\n background-color: var(--fuchsia-500);\n}\n.status.pink,\n.bg-pink {\n background-color: var(--pink-500);\n}\n.status.rose,\n.bg-rose {\n background-color: var(--rose-500);\n}\n.status.light {\n background-color: var(--gray-100);\n}\n.status.white,\n.bg-white {\n background-color: var(--white);\n}\n.status.black,\n.bg-black {\n background-color: var(--gray-800);\n}\n.status.gray,\n.bg-gray,\n.status.grey,\n.bg-grey {\n background-color: var(--gray-300);\n}\n\n.status.white,\n.status.disabled {\n opacity: 1;\n}\n\n.icon,\n.cp-icon,\n[data-icon],\n[data-icon-after] {\n &.warning {\n --icon-color: var(--warning-color);\n }\n &.red {\n --icon-color: var(--disabled-color);\n }\n &.orange {\n --icon-color: var(--pending-color);\n }\n &.amber {\n --icon-color: var(--amber-500);\n }\n &.yellow {\n --icon-color: var(--yellow-500);\n }\n &.lime {\n --icon-color: var(--lime-500);\n }\n &.green {\n --icon-color: var(--green-500);\n }\n &.emerald {\n --icon-color: var(--emerald-500);\n }\n &.teal {\n --icon-color: var(--teal-500);\n }\n &.cyan {\n --icon-color: var(--cyan-500);\n }\n &.sky {\n --icon-color: var(--sky-500);\n }\n &.blue {\n --icon-color: var(--blue-600);\n }\n &.indigo {\n --icon-color: var(--indigo-500);\n }\n &.violet {\n --icon-color: var(--violet-500);\n }\n &.purple {\n --icon-color: var(--purple-500);\n }\n &.fuchsia {\n --icon-color: var(--fuchsia-500);\n }\n &.pink {\n --icon-color: var(--pink-500);\n }\n &.rose {\n --icon-color: var(--rose-500);\n }\n &.white {\n --icon-color: var(--white);\n }\n &.black {\n --icon-color: var(--gray-800);\n }\n &.gray {\n --icon-color: var(--gray-300);\n }\n}\n\n.warning,\n.red,\n.orange,\n.amber,\n.yellow,\n.lime,\n.green,\n.emerald,\n.teal,\n.cyan,\n.sky,\n.blue,\n.indigo,\n.violet,\n.purple,\n.fuchsia,\n.pink,\n.rose,\n.white,\n.black,\n.gray {\n &[data-icon]:before,\n &[data-icon-after]:after {\n color: var(--icon-color) !important;\n }\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 --pane-padding: var(--xl);\n --border: 1px solid var(--hairline-color);\n @include pane;\n position: relative;\n margin: 14px 0;\n padding: var(--pane-padding);\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 &.dashed {\n background-color: transparent !important;\n box-shadow: none;\n border: 1px dashed var(--medium-hairline-color) !important;\n }\n\n &.hairline {\n background-color: transparent !important;\n box-shadow: none;\n border: 1px solid #{transparentize($inputColor, 0.75)} !important;\n }\n\n &.no-border {\n border: none !important;\n }\n\n &.padding-xs {\n --pane-padding: var(--xs);\n }\n &.padding-s {\n --pane-padding: var(--s);\n }\n &.padding-m {\n --pane-padding: var(--m);\n }\n &.padding-l {\n --pane-padding: var(--l);\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(--padding) * -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 --tab-label-color: var(--light-text-color);\n\n &.error {\n --highlight-color: var(--error-color) !important;\n --tab-label-color: var(--error-color) !important;\n }\n\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 var(--padding);\n white-space: nowrap;\n height: 50px;\n }\n\n &:hover {\n text-decoration: none;\n }\n\n @include focus-styles {\n box-shadow: none;\n\n .tab-label {\n box-shadow: var(--inner-focus-ring);\n }\n }\n\n &:not(.sel) {\n color: var(--custom-text-color, var(--tab-label-color));\n\n &:hover {\n backdrop-filter: brightness(95%);\n }\n }\n\n &.sel {\n --highlight-color: var(--gray-500);\n --tab-label-color: var(--text-color);\n position: relative;\n z-index: 1;\n cursor: default;\n box-shadow:\n inset 0 2px 0 var(--custom-text-color, var(--highlight-color)),\n 0 0 0 1px $hairlineColor,\n 0 2px 12px var(--custom-sel-tab-shadow-color, var(--gray-200));\n color: var(--tab-label-color);\n background-color: var(--white) !important;\n }\n\n span[data-icon] {\n @include margin-left(4px);\n }\n }\n }\n\n &#tabs: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 &.error {\n span[data-icon] {\n margin-right: 2px;\n }\n }\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:\n 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 &[aria-expanded='true'] {\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$min2ColWidth: 400px;\n\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:\n padding-left linear 100ms,\n 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 margin: 0;\n\n @media screen and (min-width: $min2ColWidth) {\n flex: 0 0 104px;\n @include margin-right(var(--s));\n line-height: 18px;\n }\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-top: var(--s);\n\n @media screen and (min-width: $min2ColWidth) {\n padding: 14px 0;\n }\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: 100%;\n\n @media screen and (min-width: $min2ColWidth) {\n width: calc(100% - 112px);\n }\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 gap: 0;\n\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):not(.first-child),\n & > .flex-fields + .field:not(.first-child) {\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.meta > .field > .input > .custom-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 .menubtn:not(.action-btn) {\n @include padding-left(0);\n justify-content: start;\n width: 100%;\n background-color: transparent;\n\n &:after {\n position: absolute;\n top: calc(50% - 5px);\n @include right(0);\n }\n }\n\n .label {\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\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 {\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 &.so-lp {\n position: absolute;\n top: var(--m);\n left: var(--m);\n width: calc(100% - var(--m) * 2);\n height: calc(100vh - var(--m) * 2);\n }\n\n body.has-debug-toolbar & {\n height: calc(100vh - 42px);\n }\n}\n\n.slideout {\n position: absolute;\n background-color: var(--white);\n box-shadow:\n 0 0 0 1px transparentize($grey400, 0.75),\n 0 25px 100px transparentize($grey900, 0.5) !important;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n padding: 24px var(--padding);\n pointer-events: all;\n container-type: inline-size;\n\n &.so-mobile,\n &.so-lp {\n width: 100% !important;\n height: 100% !important;\n left: 0;\n transition: top linear 250ms;\n will-change: top;\n }\n\n &.so-mobile {\n --padding: 14px;\n --neg-padding: -14px;\n }\n\n &:not(.so-mobile) {\n border-radius: var(--large-border-radius);\n }\n\n &:not(.so-mobile):not(.so-lp) {\n top: 8px;\n width: calc(50% - 8px);\n height: calc(100% - 16px);\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 padding-left: var(--padding);\n padding-right: var(--padding);\n z-index: 2;\n\n & > .so-toolbar {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: var(--xs);\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-body {\n flex: 1;\n margin: -24px var(--neg-padding);\n overflow: hidden auto;\n position: relative;\n\n &:not(:last-child) {\n margin-bottom: 0;\n }\n\n & > h1:not(:last-child) {\n padding-bottom: var(--s);\n border-bottom: 1px solid var(--hairline-color);\n }\n\n &.so-full-details,\n & > .so-sidebar {\n background-color: var(--gray-100) !important;\n }\n\n &:not(.so-full-details) {\n padding: 24px var(--padding);\n }\n\n & > .so-sidebar,\n &.so-full-details > .so-content > .details {\n box-sizing: border-box;\n padding: 0 var(--padding) var(--spacing);\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 .notes {\n padding-top: var(--m);\n padding-bottom: var(--m);\n }\n }\n\n & > .so-sidebar {\n position: absolute;\n top: 0;\n @include pane();\n width: 350px;\n height: 100%;\n max-width: 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 }\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@container (width > 700px) {\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 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: 5px var(--pane-padding, 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: calc(var(--pane-padding, 24px) * -1)\n calc(var(--pane-padding, 24px) * -1) var(--pane-padding, 24px);\n }\n\n .footer {\n margin: var(--pane-padding, 24px) calc(var(--pane-padding, 24px) * -1)\n calc(var(--pane-padding, 24px) * -1);\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 &.blurred {\n backdrop-filter: blur(10px);\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 &.tooltip-hud {\n display: block;\n }\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 }\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 & > .header {\n padding-top: 14px;\n padding-bottom: 14px;\n text-align: center;\n\n & + .body {\n height: calc(100% - 48px) !important;\n }\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 .header {\n margin: 0 0 var(--m);\n }\n\n .tableview table {\n tr {\n th,\n td {\n cursor: default;\n }\n\n // prevent double focus ring (the row already gets it)\n .checkbox:before {\n box-shadow: none !important;\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 selector modals & customize sources modal */\n.elementselectormodal,\n.customize-sources-modal {\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\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/* recent activity container */\n.activity-container {\n &:not(:last-child) {\n @include margin-right(var(--s));\n }\n\n ul {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n gap: var(--xs);\n\n li {\n .activity-btn {\n width: 30px;\n height: 30px;\n border-radius: 50%;\n display: block;\n\n .elementthumb {\n position: relative;\n width: 100%;\n height: 100%;\n border-radius: 50px;\n background: var(--gray-050);\n overflow: hidden;\n border: 2px solid var(--white);\n box-shadow: 0 1px 2px 1px transparentize($grey900, 0.9);\n\n img,\n svg {\n display: block;\n width: 100%;\n height: 100%;\n }\n }\n }\n\n &:not(:last-child) {\n @include margin-right(-10px);\n }\n }\n }\n}\n\n/* element index view menu */\n.element-index-view-menu {\n width: 400px;\n max-width: calc(100% - 20px);\n padding: 0 !important;\n\n .meta {\n padding-top: var(--s);\n padding-bottom: var(--s);\n }\n\n .table-columns-field {\n align-items: flex-start;\n\n .input {\n padding: 13px 0;\n }\n }\n\n .menu-footer {\n margin: 0 !important;\n padding: var(--s) var(--xl) !important;\n background-color: var(--gray-050);\n }\n}\n\n.element-index-view-menu-table-column {\n display: flex;\n align-items: flex-start;\n align-content: stretch;\n margin-bottom: 4px;\n\n .icon.move {\n @include margin-right(10px);\n position: relative;\n z-index: 1;\n }\n}\n\n/* sort fields */\n.sort-field {\n .input {\n .flex {\n .btngroup {\n .btn {\n width: 42px;\n }\n }\n\n .flex-grow {\n max-width: calc(100% - 85px - var(--s));\n }\n\n @media screen and (max-width: 350px) {\n flex-direction: column;\n\n & > * {\n width: 100%;\n }\n\n .flex-grow {\n max-width: none;\n }\n }\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 .so-content & {\n grid-template-columns: repeat(1, minmax(0, 1fr)) !important;\n }\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 .so-content & {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n }\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.login-modal-shade,\n#logoutwarningmodal,\n.login-modal,\n#elevatedsessionmodal,\n.prompt {\n z-index: 1001;\n}\n\n#logoutwarningmodal,\n#elevatedsessionmodal,\n.prompt {\n width: 500px;\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 div.elements {\n list-style: none;\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/* Alternative Text\n/* ----------------------------------------*/\n.video-transcript {\n background-color: var(--gray-050);\n overflow-y: scroll;\n font-size: 1rem;\n position: relative;\n\n @include focus-styles {\n // Unset default\n box-shadow: none;\n color: var(--white);\n background-color: var(--gray-800);\n }\n}\n\n.video-transcript__inner {\n margin-left: auto;\n margin-right: auto;\n max-width: 550px;\n padding: var(--xl);\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 &.padded {\n padding: var(--s) calc(var(--m) + var(--s));\n\n hr {\n margin: var(--s) calc((var(--m) + var(--s)) * -1);\n }\n\n ul {\n li {\n margin: 0 calc(var(--m) * -1);\n padding: 0 var(--m);\n\n a {\n border-radius: var(--large-border-radius);\n }\n }\n }\n\n .extralight {\n margin-top: 2px;\n }\n }\n\n h6,\n .h6 {\n &:first-child {\n margin-top: 14px !important;\n }\n }\n\n ul {\n &.padded {\n li {\n a,\n .menu-item,\n .menu-option {\n @include padding-left(calc(var(--m) + 18rem / 16));\n\n &.sel {\n &:not([data-icon]):before {\n @include floatleft;\n @include margin(4px, 0, 0, calc(-18rem / 16 - 4px));\n font-size: 14px;\n width: 14px;\n content: 'check';\n color: var(--ui-control-color);\n margin-top: 3px !important;\n }\n }\n }\n }\n }\n\n li {\n a,\n .menu-item,\n .menu-option {\n margin: 0 -14px;\n padding: 10px 14px;\n white-space: nowrap;\n font-size: 14px;\n -webkit-appearance: none;\n\n &:not(:last-child) {\n @include margin-right(0);\n }\n\n &:not(.flex):not(.hidden) {\n display: block;\n width: calc(100% + 28px);\n @include alignleft;\n }\n\n &.flex {\n [data-icon] {\n margin-top: -2px;\n }\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:\n 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 .go:after {\n color: inherit;\n }\n\n &:not(.menu--disclosure) ul li a,\n ul li .menu-item,\n ul li .menu-option {\n color: $menuOptionColor;\n text-decoration: none;\n cursor: default;\n }\n}\n\n.menu li {\n & > a,\n & > button {\n &[data-icon]:before,\n [data-icon]:before,\n span.icon:not([data-icon]) {\n display: inline-block;\n width: calc(14rem / 16);\n height: calc(14rem / 16);\n @include margin-left(-1px);\n @include margin-right(9px);\n }\n\n &[data-icon]:before,\n [data-icon]:before {\n position: relative;\n top: -2px;\n text-align: center;\n font-size: 14px;\n color: var(--ui-control-color);\n }\n\n span.icon:not([data-icon]) svg {\n display: block;\n position: relative;\n top: 1px;\n width: 100%;\n height: 100%;\n @include svg-mask(var(--icon-color, var(--ui-control-color)));\n }\n\n &.error {\n &[data-icon]:before,\n [data-icon]:before {\n color: var(--error-color);\n }\n\n span.icon:not([data-icon]) svg {\n @include svg-mask(var(--error-color));\n }\n }\n }\n}\n\n.menu:not(.menu--disclosure) ul li a:not(.sel):not(.disabled):hover,\n.menu:not(.menu--disclosure) ul li .menu-item:not(.sel):not(.disabled):hover,\n.menu:not(.menu--disclosure) ul li .menu-option:not(.sel):not(.disabled):hover,\n.menu:not(.menu--disclosure):not(:hover) ul li a:not(.sel):not(.disabled).hover,\n.menu:not(.menu--disclosure):not(:hover)\n ul\n li\n .menu-item:not(.sel):not(.disabled).hover,\n.menu:not(.menu--disclosure):not(:hover)\n ul\n li\n .menu-option:not(.sel):not(.disabled).hover {\n @include menu-item-active-styles;\n}\n.menu {\n hr.padded,\n .h6.padded,\n h6.padded {\n @include margin-left(20px);\n }\n}\n\n.menu--disclosure ul li {\n & > a:not(.crumb-link),\n & > .menu-item,\n & > .menu-option {\n &:hover {\n @include disclosure-link-hover-styles;\n }\n\n @include focus-styles {\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 .chip.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 .chip {\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.selectize-control.single .selectize-input:not(.no-arrow)::after {\n display: none;\n}\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: calc(var(--large-border-radius) - 1px);\n }\n }\n th:last-child,\n td:last-child {\n &,\n &.disabled:after {\n border-bottom-right-radius: calc(var(--large-border-radius) - 1px);\n }\n }\n }\n }\n}\n\n.text,\n.passwordwrapper,\n.border-box,\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 @include focus-styles {\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(calc(-27rem / 16), 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 border-radius: 1px;\n content: '';\n cursor: help;\n\n &.modified {\n background-color: var(--blue-600);\n box-shadow: 0 0 5px hsl(221, 83%, 53%, 15%);\n }\n\n &.outdated {\n background-color: var(--pending-color);\n box-shadow: 0 0 5px hsl(27, 96%, 61%, 15%);\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\n code {\n font-size: 1em !important;\n }\n\n .info {\n @include margin-left(5px);\n }\n }\n\n .t9n-indicator {\n position: relative;\n top: calc(-1rem / 16);\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 input:disabled,\n textarea:disabled {\n cursor: not-allowed;\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(--custom-text-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(calc(1rem + 5px));\n line-height: 1rem;\n min-height: 1rem;\n cursor: pointer;\n\n &,\n &:before {\n // set the border radius on the container too, for (some) focus rings\n border-radius: var(--small-border-radius);\n }\n\n &: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 }\n\n &:empty {\n @include padding-left(var(--checkbox-size));\n\n &:after {\n content: '';\n font-size: 0;\n }\n }\n\n .info {\n height: 16px;\n }\n}\n\ninput.checkbox:disabled + label,\n.disabled div.checkbox {\n cursor: not-allowed;\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.elementselectormodal\n .body\n .content\n .main\n .elements\n .disabled\n .checkbox: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:not(.matrixblock) div.checkbox:not(.indeterminate):before,\n.sel.matrixblock > .actions div.checkbox:not(.indeterminate):before,\n.elementselectormodal\n .body\n .content\n .main\n .elements\n .disabled\n .checkbox:before {\n content: 'check';\n font-size: 14px;\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.checkbox-icon {\n display: inline-flex;\n padding: 3px;\n background-color: var(--enabled-color);\n color: var(--white);\n border-radius: var(--small-border-radius);\n\n &:before {\n --checkbox-size: 14px;\n @include icon;\n content: 'check';\n line-height: var(--checkbox-size);\n font-size: var(--checkbox-size);\n }\n}\n\n.monaco-mouse-cursor-text {\n @include focus-styles {\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(calc(1rem + 5px));\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(calc(1rem + 5px));\n line-height: calc(24 / 14);\n cursor: pointer;\n}\n\ninput.radio:disabled + label,\n.disabled div.radio {\n cursor: not-allowed;\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: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 @include focus-styles {\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: calc(34rem / 16);\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\ntd.errors .text,\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: calc(50% - 7rem / 16);\n @include left(9px);\n color: var(--ui-control-color);\n }\n }\n\n .texticon-icon {\n position: absolute;\n top: calc((34rem / 16) / 2);\n transform: translateY(-50%);\n display: flex;\n justify-content: center;\n align-items: center;\n @include left(9px);\n }\n\n .text {\n @include padding-left(calc(26rem / 16));\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: calc((34rem / 16) / 2);\n transform: translateY(-50%);\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: 'filter';\n color: var(--medium-text-color);\n }\n\n &:hover {\n background-color: var(--gray-100);\n }\n\n &:active,\n &.active,\n &[aria-expanded='true'] {\n background-color: var(--gray-350);\n\n &:before {\n color: var(--white);\n }\n }\n }\n\n .text {\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-wrap: nowrap;\n flex-direction: row;\n align-items: center;\n gap: 5px;\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 }\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 @include focus-styles {\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-control .selectize-input.disabled,\n.custom-select.disabled {\n opacity: 1;\n cursor: not-allowed !important;\n pointer-events: auto !important;\n\n * {\n cursor: not-allowed !important;\n pointer-events: auto !important;\n }\n}\n\n.selectize .selectize-input {\n display: block;\n border-color: inherit;\n box-shadow: none;\n background-color: transparent;\n\n .item {\n max-width: 100%;\n\n span {\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n}\n\n.selectize.select .selectize-input:after {\n display: none;\n}\n\nbody .selectize-dropdown {\n border: none;\n z-index: 101;\n}\n\n/* single select styles */\n.selectize.select {\n @include placeholder-styles(var(--gray-700));\n height: 34px;\n\n &:not(.fullwidth) {\n width: 25em;\n max-width: 100%;\n }\n}\n\n.datetimewrapper .selectize.select:not(.fullwidth) {\n max-width: calc(100% - 29px);\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 {\n .selectize-dropdown {\n margin-top: 1px;\n\n [data-selectable],\n .option,\n .optgroup-header {\n @include menu-item-styles;\n }\n\n .optgroup {\n &:not(:first-child) {\n border-top: 1px solid var(--hairline-color);\n }\n padding-top: 5px;\n\n .option {\n padding-left: 24px;\n }\n }\n\n .optgroup-header {\n @include h6-styles;\n margin: 0;\n padding: 4px 0;\n }\n\n .active:not(.selected),\n .option:hover {\n background-color: var(--gray-100);\n }\n\n .selected {\n @include menu-item-active-styles;\n cursor: default !important;\n\n .light {\n color: inherit !important;\n }\n }\n }\n\n .selectize-dropdown-content {\n @include menu-styles;\n max-height: 70vh;\n\n .option {\n min-height: 18px;\n }\n\n & > div[data-value='new'] {\n &:before {\n @include icon;\n content: 'plus';\n margin-right: 5px;\n }\n\n &:after {\n content: '…';\n }\n }\n }\n\n &.no-scroll .selectize-dropdown-content {\n max-height: 200px; // default for selectize\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: 1rem;\n white-space: nowrap;\n\n a {\n position: relative;\n border: 1px solid var(--hairline-color);\n @include border-left(none);\n background-image: none;\n width: calc(8rem / 16 - 1px);\n height: calc(1rem - 2px);\n margin-left: 0;\n margin-top: 1px;\n margin-bottom: 1px;\n box-sizing: border-box;\n cursor: pointer;\n\n &:first-child {\n width: calc(8rem / 16);\n @include border-left(1px solid var(--gray-400) !important);\n }\n\n &:before {\n content: '';\n position: absolute;\n top: calc(-4rem / 16 - 1px);\n left: -1px;\n width: calc(100% + 2px);\n height: var(--touch-target-size);\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: 1rem;\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/* icon picker */\n.icon-picker {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: var(--xs);\n}\n\n.icon-picker--icon {\n display: flex;\n align-items: center;\n justify-content: center;\n @include input-styles;\n border-radius: var(--ui-control-border-radius);\n width: var(--ui-control-height);\n height: var(--ui-control-height);\n background: var(--gray-050);\n\n svg {\n width: calc(20rem / 16);\n height: calc(20rem / 16);\n @include svg-mask(var(--ui-control-color));\n }\n}\n\n.icon-picker-modal {\n --width: calc(var(--ui-control-height) * 10 + var(--s) * 9 + var(--xl) * 2);\n width: var(--width) !important;\n min-width: 0 !important;\n max-width: calc(100% - 20px) !important;\n\n .body {\n height: 100%;\n display: flex;\n flex-direction: column;\n gap: var(--l);\n\n .icon-picker-modal--list {\n flex: 1;\n position: relative;\n overflow: hidden;\n\n &:not(.loading) {\n .spinner {\n display: none;\n }\n }\n\n &.loading {\n &:after {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n content: '';\n background-color: rgba(255, 255, 255, 0.75);\n }\n\n .spinner {\n top: calc(50% - 10px);\n z-index: 1;\n }\n }\n\n ul {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: start;\n gap: var(--s);\n max-height: 100%;\n overflow: auto;\n\n .icon-picker--icon {\n --focus-ring: var(--inner-focus-ring);\n\n &:hover {\n border-color: var(--link-color);\n background-color: var(--blue-100);\n }\n }\n }\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/* 2FA setup page */\nbody.setup-2fa {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n min-height: 100%;\n\n #setup-2fa {\n display: flex;\n flex-direction: column;\n gap: var(--l);\n width: 550px;\n max-width: 100%;\n padding: var(--padding);\n\n #setup-2fa-intro {\n text-align: center;\n }\n\n #setup-2fa-btn {\n display: flex;\n justify-content: center;\n }\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-item-styles;\n overflow: hidden;\n text-overflow: ellipsis;\n\n &:hover,\n &.autosuggest__results-item--highlighted {\n @include menu-item-active-styles;\n cursor: pointer;\n }\n }\n}\n\n/* ----------------------------------------\n/* Matrix\n/* ----------------------------------------*/\n\n/* Matrix fields */\n.matrix {\n & > .buttons {\n margin-top: 10px;\n }\n}\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: 2px solid var(--gray-100);\n background-color: var(--white);\n\n &.static {\n .titlebar {\n @include padding-right(0);\n @include padding-left(14px);\n margin-bottom: 14px;\n }\n }\n\n & > .titlebar > .matrixblock-tabs .pane-tabs .menubtn:not(.action-btn),\n & > .actions .action-btn {\n padding: 0;\n width: var(--touch-target-size);\n height: var(--touch-target-size);\n color: var(--custom-text-color, var(--ui-control-color));\n background-color: transparent;\n\n &:hover {\n backdrop-filter: brightness(90%);\n }\n\n &:active,\n &[aria-expanded='true'] {\n backdrop-filter: brightness(85%);\n }\n }\n\n .flex-fields {\n --row-gap: var(--m) !important;\n }\n\n & > .titlebar {\n display: grid;\n grid-template-columns: auto 1fr;\n align-items: center;\n gap: var(--m);\n margin: 0 calc(var(--m) * -1);\n box-sizing: border-box;\n border-radius: calc(var(--large-border-radius) - 2px)\n calc(var(--large-border-radius) - 2px) 0 0;\n @include padding(5px, calc(var(--m) + 70px), 5px, var(--m));\n color: var(--custom-text-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: var(--gray-050);\n min-height: calc(var(--lh) + 10px);\n\n & > .preview {\n flex-grow: 1;\n min-width: 0;\n opacity: 0;\n transition: opacity linear 100ms;\n overflow: hidden;\n\n &:empty {\n display: none;\n }\n\n body.ltr & {\n mask-image: linear-gradient(\n to left,\n rgba(0, 0, 0, 0),\n rgba(0, 0, 0, 1) 12px\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) 12px\n );\n }\n\n span {\n opacity: 0.5;\n }\n }\n\n & > .matrixblock-tabs {\n flex: 1;\n min-width: 0;\n margin: -5px 0;\n\n .pane-tabs {\n margin: 0;\n @include padding-right(3px);\n\n [role='tablist'] {\n padding: 0 12px;\n\n &.scrollable {\n mask-image: linear-gradient(\n to right,\n rgba(0, 0, 0, 0),\n rgba(0, 0, 0) 12px,\n rgba(0, 0, 0) calc(100% - 12px),\n rgba(0, 0, 0, 0) 100%\n );\n }\n\n [role='tab'] {\n background-color: transparent;\n\n .tab-label {\n height: calc(var(--lh) + 10px);\n padding: 0 var(--m);\n }\n }\n }\n\n .menubtn:not(.action-btn) {\n margin-left: 0;\n margin-right: 0;\n\n &:not(:empty):not(.btn-empty)::after {\n @include margin-left(0px);\n }\n }\n }\n }\n\n & > .preview:first-child:empty + .matrixblock-tabs {\n @include margin-left(calc((var(--m) + 12px) * -1));\n\n [role='tab']:first-child {\n &,\n .tab-label {\n @include border-top-left-radius(\n calc(var(--large-border-radius) - 2px)\n );\n }\n }\n }\n }\n\n &.disabled-entry {\n & > .titlebar {\n @include padding-right(100px);\n }\n\n & > .actions {\n & > .status {\n &.off {\n display: block;\n }\n }\n }\n }\n\n &.collapsed {\n & > .titlebar {\n border-radius: calc(var(--large-border-radius) - 2px);\n\n & > .preview {\n opacity: 1;\n }\n }\n }\n\n & > .actions {\n display: flex;\n align-items: center;\n gap: var(--xs);\n position: absolute;\n top: 0;\n @include right(var(--m));\n cursor: default;\n min-height: calc(var(--lh) + 10px);\n\n & > * {\n margin: 0 !important;\n }\n\n & > .status {\n &.off {\n display: none;\n }\n }\n\n a:not([data-action]) {\n padding: 0;\n height: var(--touch-target-size);\n text-align: center;\n color: var(--dark-hairline-color);\n transform: color linear 100ms;\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: var(--l);\n }\n }\n\n & > .fields > .flex-fields > .field {\n &:before {\n display: none;\n }\n\n & > .status-badge {\n @include left(-2px);\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/* 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$red050: #fef2f2;\n$red100: #fee2e2;\n$red200: #fecaca;\n$red300: #fca5a5;\n$red400: #f87171;\n$red500: #ef4444;\n$red600: #dc2626;\n$red700: #b91c1c;\n$red800: #991b1b;\n$red900: #7f1d1d;\n\n$orange050: #fff7ed;\n$orange100: #ffedd5;\n$orange200: #fed7aa;\n$orange300: #fdba74;\n$orange400: #fb923c;\n$orange500: #f97316;\n$orange600: #ea580c;\n$orange700: #c2410c;\n$orange800: #9a3412;\n$orange900: #7c2d12;\n\n$yellow050: #fefce8;\n$yellow100: #fef9c3;\n$yellow200: #fef08a;\n$yellow300: #fde047;\n$yellow400: #facc15;\n$yellow500: #eab308;\n$yellow600: #ca8a04;\n$yellow700: #a16207;\n$yellow800: #854d0e;\n$yellow900: #713f12;\n\n$green050: #f0fdf4;\n$green100: #dcfce7;\n$green200: #bbf7d0;\n$green300: #86efac;\n$green400: #4ade80;\n$green500: #22c55e;\n$green600: #16a34a;\n$green700: #15803d;\n$green800: #166534;\n$green900: #14532d;\n\n$teal050: #f0fdfa;\n$teal100: #ccfbf1;\n$teal200: #99f6e4;\n$teal300: #5eead4;\n$teal400: #2dd4bf;\n$teal500: #14b8a6;\n$teal550: #11a697;\n$teal600: #0d9488;\n$teal700: #0f766e;\n$teal800: #115e59;\n$teal900: #134e4a;\n\n$cyan050: #ecfeff;\n$cyan100: #cffafe;\n$cyan200: #a5f3fc;\n$cyan300: #67e8f9;\n$cyan400: #22d3ee;\n$cyan500: #06b6d4;\n$cyan600: #0891b2;\n$cyan700: #0e7490;\n$cyan800: #155e75;\n$cyan900: #164e63;\n\n$blue050: #eff6ff;\n$blue100: #dbeafe;\n$blue200: #bfdbfe;\n$blue300: #93c5fd;\n$blue400: #60a5fa;\n$blue500: #3b82f6;\n$blue600: #2563eb;\n$blue700: #1d4ed8;\n$blue800: #1e40af;\n$blue900: #1e3a8a;\n\n$violet050: #f5f3ff;\n$violet100: #ede9fe;\n$violet200: #ddd6fe;\n$violet300: #c4b5fd;\n$violet400: #a78bfa;\n$violet500: #8b5cf6;\n$violet600: #7c3aed;\n$violet700: #6d28d9;\n$violet800: #5b21b6;\n$violet900: #4c1d95;\n\n$pink050: #fdf2f8;\n$pink100: #fce7f3;\n$pink200: #fbcfe8;\n$pink300: #f9a8d4;\n$pink400: #f472b6;\n$pink500: #ec4899;\n$pink600: #db2777;\n$pink700: #be185d;\n$pink800: #9d174d;\n$pink900: #831843;\n\n// submit button colors\n$primaryColor: $red600;\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: #1f5fea;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $textColor;\n$menuOptionActiveBackgroundColor: $grey050;\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:\n 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing:\n 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing:\n 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey500;\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\n@mixin sans-serif-font {\n font-family:\n system-ui,\n BlinkMacSystemFont,\n -apple-system,\n 'Segoe UI',\n 'Roboto',\n 'Oxygen',\n 'Ubuntu',\n 'Cantarell',\n 'Fira Sans',\n 'Droid Sans',\n 'Helvetica Neue',\n 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: never;\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\n@mixin angle($dir: down, $color: currentColor, $width: calc(2rem / 16)) {\n display: block;\n content: '';\n font-size: 0;\n width: calc(7rem / 16);\n height: calc(7rem / 16);\n border: solid $color;\n border-width: 0 $width $width 0;\n opacity: 0.8;\n position: relative;\n\n @if $dir == up {\n transform: rotate(225deg);\n top: 2px;\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:\n 0 0 0 1px $grey200,\n 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) !important;\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 custom-color-focus-ring($primary, $secondary: null) {\n @if $secondary != null {\n --focus-ring: 0 0 0 1px #{$primary}, 0 0 0 3px #{$secondary};\n } @else {\n --focus-ring: 0 0 0 3px #{$primary};\n }\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: calc(30rem / 16);\n height: calc(30rem / 16);\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:\n 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-item-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-item-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 color: var(--ui-control-color);\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// https://tailwindcss.com/docs/screen-readers#undoing-screen-reader-only-elements\n@mixin visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n\n@mixin not-visually-hidden {\n position: static;\n width: auto;\n height: auto;\n padding: 0;\n margin: 0;\n overflow: visible;\n clip: auto;\n white-space: normal;\n}\n\n@mixin readable {\n font-size: 16px;\n line-height: 22px;\n\n h1,\n .h1,\n h2,\n .h2,\n h3,\n .h3,\n h4,\n .h4,\n h5,\n .h5,\n h6,\n .h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1,\n .h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2,\n .h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3,\n .h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4,\n .h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5,\n .h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6,\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 .tip-dismiss-btn {\n position: absolute;\n top: 12px;\n @include right(12px);\n\n & + p {\n margin-top: 0;\n }\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(50px);\n border: 1px solid;\n\n &.dismissible {\n @include padding-right(36px);\n }\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: $linkColor;\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 opacity: 1;\n position: absolute;\n top: 15px;\n @include left(16px);\n font-size: 24px;\n width: 24px;\n }\n\n a[href] {\n color: currentColor;\n text-decoration: underline;\n }\n }\n }\n\n .go:after {\n font-size: 14px;\n }\n}\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(\n 45deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 135deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 45deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n ),\n linear-gradient(\n 135deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n );\n background-size: $size $size;\n background-position:\n 0 0,\n $halfSize 0,\n $halfSize -#{$halfSize},\n 0 $halfSize;\n}\n","@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\n$sidebarWidth: calc(226rem / 16);\n$sidebarZIndex: 100;\n$detailsWidth: 350px;\n$minFullUiWidth: calc(1200rem / 16);\n$minXlUiWidth: calc(1536rem / 16);\n$minDesktopWidth: calc(600rem / 16);\n$minHorizontalUiWidth: $minFullUiWidth - $sidebarWidth;\n\n// Colors\n$badgeBackgroundColor: var(--gray-200);\n$badgeColor: var(--gray-800);\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 --sidebar-width: #{$sidebarWidth};\n --global-sidebar-width: #{$sidebarWidth};\n}\n\nhtml {\n -webkit-text-size-adjust: 100%;\n min-height: 100vh;\n}\n\nbody {\n min-height: 100vh;\n\n &.dragging * {\n cursor: move !important;\n cursor: grabbing !important;\n }\n\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 min-height: 100vh;\n\n @media screen and (prefers-reduced-motion: no-preference) {\n body.ltr & {\n transition: left 100ms cubic-bezier(0.33, 1, 0.68, 1);\n }\n\n body.rtl & {\n transition: right 100ms cubic-bezier(0.33, 1, 0.68, 1);\n }\n }\n}\n\n/* global sidebar */\n$sidebarLinkStaticColor: var(--gray-100);\n$sidebarLinkSecondaryColor: var(--gray-200);\n\n$systemInfoBgColor: darken($grey800, 5%);\n$systemInfoHoverBgColor: darken($grey800, 10%);\n\n#system-info {\n display: grid;\n grid-template-columns: var(--prefix-width) auto;\n gap: 10px;\n height: calc(45rem / 16);\n padding: 0 var(--gutter-width);\n position: relative;\n flex: 0 0 calc(45rem / 16);\n flex-direction: row;\n align-items: center;\n color: currentColor;\n border-bottom: 1px solid var(--hairline-color);\n background-clip: padding-box;\n\n &:after {\n display: none;\n }\n\n &:focus,\n &:hover {\n text-decoration: none;\n background-color: var(--gray-200);\n }\n}\n\n#site-icon {\n --size: var(--prefix-width); // Matches .sidebar-action__prefix\n height: var(--size);\n\n img,\n svg {\n display: block;\n width: var(--size);\n height: var(--size);\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}\n\n@media only screen and (min-width: $minFullUiWidth) {\n [data-sidebar='collapsed'] {\n #system-info:hover #system-name {\n opacity: 1;\n transform: translateY(-50%) translateX(0);\n }\n\n #system-name {\n position: absolute;\n left: calc(100% + (var(--s) * 2));\n top: 50%;\n transform: translateY(-50%) translateX(-5px);\n opacity: 0;\n @include pane;\n color: var(--text-color);\n border-radius: var(--medium-border-radius);\n padding: var(--xs) var(--s);\n white-space: nowrap;\n pointer-events: none;\n\n @media screen and (prefers-reduced-motion: no-preference) {\n transition:\n opacity 50ms cubic-bezier(0.33, 1, 0.68, 1),\n transform 150ms cubic-bezier(0.33, 1, 0.68, 1);\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 gap: var(--m);\n\n body.has-debug-toolbar & {\n padding-bottom: calc(var(--xl) + 42px);\n }\n\n a {\n white-space: nowrap;\n }\n}\n\n#app-info {\n display: flex;\n flex-direction: row;\n justify-content: center;\n gap: var(--m);\n}\n\n#trial-info {\n padding: 16px var(--xl);\n border-radius: var(--large-border-radius);\n background-color: hsl(212, 40%, 90%);\n box-shadow:\n inset 0 1px 0 rgba(255, 255, 255, 0.5),\n 0 0 0 1px hsl(212, 30%, 80%),\n 0 2px 12px transparentize($grey200, 0.5);\n text-align: center;\n}\n\n#app-version {\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 position: relative;\n top: -1px;\n user-select: none;\n border: 1px solid var(--gray-600);\n border-radius: 3px;\n display: inline-flex;\n box-sizing: content-box;\n font-size: 11px;\n padding: 6px 7px;\n line-height: 8px;\n font-weight: 600;\n letter-spacing: 1.7px;\n padding-right: 5px;\n text-transform: uppercase;\n}\n\n#devmode {\n margin-top: auto;\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 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: 6px solid var(--error-color);\n color: var(--error-color);\n\n & > li {\n padding: 10px 24px;\n box-shadow: inset 0 -1px 0 0 var(--red-100);\n\n .resolvable-alert-buttons {\n margin-top: var(--m);\n }\n\n .btn,\n a.go {\n display: inline-flex;\n align-items: center;\n border: 1px solid transparentize($errorColor, 0.5);\n border-radius: var(--medium-border-radius);\n padding: 4px 5px;\n margin: 0 2px;\n color: var(--error-color);\n height: calc(30rem / 16);\n\n .flex & {\n margin: 0;\n }\n\n &:hover {\n border-color: var(--error-color);\n }\n }\n\n a:not(.btn) {\n color: var(--error-color);\n text-decoration: underline;\n\n &.go {\n text-decoration: none;\n white-space: nowrap;\n\n &:after {\n color: var(--error-color);\n font-size: 15px;\n margin-top: 1px;\n }\n }\n }\n\n .btn {\n background-color: transparent;\n }\n }\n}\n\n#global-header .btn.menubtn,\nli.crumb .btn.menubtn,\n.btn.action-btn {\n padding: 0;\n width: var(--touch-target-size);\n height: var(--touch-target-size);\n\n &:not(:hover):not(:active):not([aria-expanded='true']) {\n background-color: transparent;\n }\n}\n\n#global-header {\n width: 100%;\n margin-bottom: var(--m);\n border-bottom: 1px solid var(--hairline-color);\n\n .flex {\n height: calc(44rem / 16);\n align-items: center;\n }\n\n .btn {\n --ui-control-color: var(--gray-400);\n --ui-control-hover-color: var(--gray-800);\n --ui-control-active-color: var(--gray-700);\n\n &:hover {\n color: var(--ui-control-hover-color);\n }\n }\n}\n\n.nav-toggle {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 44px;\n min-width: 44px;\n height: calc(44rem / 16);\n border-right: 1px solid var(--medium-hairline-color);\n line-height: 26px;\n color: currentColor;\n text-align: center;\n\n &:before {\n @include icon;\n content: 'menu';\n font-size: 16px;\n line-height: 0;\n }\n\n &:hover {\n color: var(--link-color);\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 max-width: 100%;\n overflow: hidden;\n\n &.empty {\n display: none;\n }\n\n nav {\n margin: 0;\n }\n}\n\n#primary-nav-toggle {\n &:focus-visible {\n box-shadow: var(--inner-focus-ring);\n }\n}\n\n#crumb-list {\n display: flex;\n flex-direction: row;\n align-items: stretch;\n flex-wrap: nowrap;\n max-width: 100%;\n height: calc(44rem / 16);\n\n --arrow-padding: 10;\n --arrow-height: 22;\n --arrow-angle: 35;\n --arrow-width: 17.1111; // height/(45/angle)\n --arrow-c: 27.871; // sqrt(height^2+width^2)\n\n body.rtl & {\n --arrow-angle: -35;\n --arrow-width: -19.4444;\n }\n\n li.crumb {\n position: relative;\n @include padding-left(calc(var(--arrow-width) * 0.5rem / 16));\n cursor: default;\n color: var(--light-text-color);\n\n &:not(.current) {\n @include padding-right(calc(var(--arrow-width) * 1rem / 16));\n\n &:before,\n &:after {\n display: block;\n content: '';\n width: 1px;\n height: calc(var(--arrow-c) * 1rem / 16);\n position: absolute;\n @include right(calc(var(--arrow-width) * 0.5rem / 16));\n background: var(--medium-hairline-color);\n pointer-events: none;\n }\n\n &:before {\n top: calc((var(--arrow-height) - var(--arrow-c)) / 2 * 1rem / 16);\n transform: rotate(calc(var(--arrow-angle) * -1deg));\n }\n\n &:after {\n bottom: calc((var(--arrow-height) - var(--arrow-c)) / 2 * 1rem / 16);\n transform: rotate(calc(var(--arrow-angle) * 1deg));\n }\n }\n }\n\n & .menu--disclosure {\n li {\n display: block;\n\n &::after {\n content: none;\n }\n }\n }\n}\n\n#crumb-menu-trigger {\n min-width: var(--touch-target-size);\n\n &:before {\n width: 100%;\n }\n}\n\n#crumb-menu {\n .chip {\n min-height: 44px;\n }\n}\n\nli.crumb {\n display: flex;\n align-items: center;\n flex-wrap: nowrap;\n gap: var(--xs);\n\n [data-icon] {\n position: relative;\n top: -1px;\n }\n\n .menubtn {\n position: relative;\n margin: 0 calc(var(--xs) * -1 / 2);\n }\n\n [data-icon='ellipsis']:before {\n margin-top: 3px;\n font-size: 17px;\n }\n\n .chip {\n padding: 0;\n background-color: transparent;\n --custom-bg-color: initial !important;\n --custom-text-color: initial !important;\n --custom-sel-bg-color: initial !important;\n\n .label-link {\n max-width: 15em;\n\n &:focus-visible {\n box-shadow: var(--inner-focus-ring);\n }\n\n span:not(.context-label) {\n display: block;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n }\n\n &:has(.menubtn) > a {\n margin-right: 0 !important;\n padding-right: var(--xs) !important;\n }\n\n & > a {\n flex: 1;\n display: flex !important;\n align-items: center;\n flex-wrap: nowrap;\n gap: var(--xs);\n white-space: nowrap;\n\n .menu--disclosure & {\n min-height: 34px;\n }\n }\n\n a,\n button {\n display: inline-flex;\n align-items: center;\n min-height: var(--touch-target-size);\n\n &:not(:hover) {\n color: var(--text-color);\n }\n\n &:hover {\n text-decoration: none;\n }\n }\n\n a {\n position: relative;\n }\n\n button {\n cursor: pointer;\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: calc(28rem / 16 + 10px);\n position: relative;\n\n &.unread:after {\n content: '';\n display: block;\n position: absolute;\n top: calc(3rem / 16);\n @include right(5px);\n width: calc(7rem / 16);\n height: calc(7rem / 16);\n border-radius: 50%;\n background-color: var(--blue-600);\n }\n\n svg {\n width: 1rem;\n height: 1rem;\n @include svg-mask(var(--ui-control-color));\n }\n\n &:hover,\n &:active,\n &.active {\n svg {\n @include svg-mask(var(--ui-control-active-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 &.unread .announcement__heading: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 .announcement__header {\n display: grid;\n }\n\n .announcement__heading {\n position: relative;\n margin: 0 0 3px;\n order: 1;\n }\n}\n\n#user-info {\n display: flex;\n flex-direction: row;\n align-items: center;\n @include padding-left(var(--s));\n @include padding-right(calc(var(--padding) + 1px));\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 img,\n svg {\n display: block;\n width: calc(30rem / 16);\n height: calc(30rem / 16);\n max-width: none;\n border-radius: 50%;\n box-shadow:\n 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:\n 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#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 body.has-debug-toolbar & {\n bottom: 50px;\n }\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:\n 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 word-break: normal;\n overflow-wrap: anywhere;\n }\n\n .notification-details {\n margin-top: var(--xs);\n\n .chip {\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@media only screen and (min-width: $minFullUiWidth) {\n #primary-nav-toggle {\n display: none;\n }\n\n #crumbs:not(.empty) #primary-nav-toggle + nav ul li:first-child,\n #crumbs.empty + .context-menu-container {\n @include margin-left(var(--padding));\n @include padding-left(0);\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: 5px var(--padding);\n position: relative;\n z-index: 2;\n box-sizing: border-box;\n background-color: transparentize($grey300, 1);\n box-shadow: 0 1px 0 transparentize($grey800, 1);\n transition:\n background-color linear 100ms,\n 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: 0 1px 0 transparentize($grey700, 0.9);\n }\n\n @supports (backdrop-filter: blur(10px)) {\n & {\n transition:\n background-color linear 100ms,\n 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 justify-content: space-between;\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 .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#action-buttons {\n @media only screen and (max-width: 400px) {\n .btngroup .btn:first-child {\n flex-basis: 100%;\n }\n }\n\n @media only screen and (max-width: $minHorizontalUiWidth - calc(1rem/16)) {\n margin-top: 10px;\n }\n}\n\n#main-content {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n padding: 0 var(--padding) 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 position: relative;\n box-sizing: border-box;\n padding: 0 31px var(--m);\n width: $sidebarWidth;\n background-color: transparent;\n\n &.fixed {\n position: fixed;\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\n &:not(.sel) {\n &:hover {\n background-color: var(--gray-200);\n }\n }\n }\n }\n }\n}\n\n#content-container {\n flex: 1 1 auto;\n /*\n Admittedly I'm not totally sure why this is necessary, but it seems to be.\n We have to give #content-container some kind of \"hard\" width for it to properly\n clip the content when table cells are long.\n */\n width: 400px;\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) var(--padding);\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.footer {\n padding: 6px var(--pane-padding, var(--xl));\n min-height: 44px;\n line-height: calc(32rem / 16);\n\n .buttons {\n height: 32px;\n display: flex;\n align-items: center;\n }\n\n .btn {\n padding-top: 4px;\n padding-bottom: 4px;\n height: var(--ui-control-height--small);\n }\n}\n\n#footer {\n position: sticky;\n bottom: 0;\n z-index: 1;\n margin: calc(var(--xl) + 1px) calc(var(--padding) * -1 + 2px)\n calc(var(--xl) * -1 + 2px);\n background-color: var(--gray-050);\n border-radius: var(--small-border-radius);\n box-sizing: border-box;\n\n &:empty {\n display: none;\n }\n\n &.stuck {\n border-radius: 0;\n\n @supports (backdrop-filter: blur(10px)) {\n & {\n background-color: transparentize($grey100, 0.25);\n backdrop-filter: blur(10px);\n }\n }\n }\n\n .has-debug-toolbar & {\n transition: padding linear 100ms;\n\n &.stuck {\n padding-bottom: 52px;\n }\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 z-index: 1;\n\n &.fixed {\n position: fixed;\n }\n\n .details {\n padding-bottom: calc(var(--xl) + 11.5em);\n\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\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\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: var(--large-border-radius);\n padding-top: var(--m);\n padding-bottom: var(--m);\n }\n }\n}\n\n// Hide the sidebar at < 1200\n@media only screen and (max-width: $minFullUiWidth - calc(1rem/16)) {\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 - calc(1rem/16)) {\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 .details {\n margin-bottom: auto;\n }\n }\n}\n\n// Tighten up the padding at < 768\n@media only screen and (max-width: 767px) {\n :root {\n --padding: var(--s);\n --neg-padding: calc(var(--s) * -1);\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 .card-grid {\n display: flex !important;\n flex-direction: column;\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: 0 var(--xl);\n\n &:not(:first-child) {\n margin-top: var(--m);\n }\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 & > ul {\n margin: 2px calc(var(--xl) * -1);\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 {\n & > li:not(.heading),\n & > li.heading > ul > li {\n @include nav-level(0);\n\n & > ul.nested > li {\n @include nav-level(1);\n\n & > ul.nested > li {\n @include nav-level(2);\n\n & > ul.nested > li {\n @include nav-level(3);\n\n & > ul.nested > li {\n @include nav-level(4);\n }\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 }\n\n &.sel,\n &.active-drop-target {\n cursor: default;\n background-color: var(--gray-500);\n\n &,\n & + .toggle {\n color: var(--white);\n }\n }\n\n &.sel {\n @include light-on-dark-text;\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 position: relative;\n top: 1px;\n @include margin-right(10px);\n flex-shrink: 1;\n width: toRem(18);\n height: toRem(18);\n word-break: normal;\n transition:\n margin-left linear 150ms,\n 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: 1rem;\n height: 1rem;\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: calc(11rem / 16);\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 &.heading,\n &.expanded {\n & > ul {\n display: block;\n }\n }\n }\n }\n}\n\n.error-summary {\n margin-bottom: var(--l);\n padding: var(--l) var(--xl) var(--xl);\n box-sizing: border-box;\n box-shadow:\n 0 0 0 1px #cdd8e4,\n 0 2px 12px rgba(205, 216, 228, 0.5);\n border-radius: var(--large-border-radius);\n background-color: var(--gray-050);\n\n .notification-icon {\n color: var(--error-color);\n margin: -2px 6px 0 0;\n float: left;\n }\n\n h2 {\n margin-top: var(--xs);\n }\n\n & > ul.errors li,\n & > ul.errors li a {\n color: var(--text-color);\n\n em {\n font-weight: 600;\n }\n\n &:hover {\n color: var(--link-color);\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.draghelper .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(:nth-child(-n + 1 of :not(.hidden))) {\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.draghelper.drag-in-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 - calc(1rem/16)) {\n &.width-25,\n &.width-50 {\n width: 50%;\n }\n }\n }\n }\n}\n\n.so-content .flex-fields,\n.draghelper.drag-in-slideout .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",".global-sidebar {\n --is-always-visible: true;\n --prefix-width: calc(30rem / 16);\n --prefix-ratio: 1;\n --gutter-width: calc(10rem / 16); // Left and right padding\n\n position: sticky;\n top: 0;\n z-index: $sidebarZIndex;\n display: flex;\n flex-direction: column;\n height: 100vh;\n padding: 0;\n -webkit-overflow-scrolling: touch;\n background-color: transparent;\n border-right: 1px solid var(--hairline-color);\n width: var(--global-sidebar-width);\n\n a {\n text-decoration: none;\n }\n\n & > a,\n *:not(.has-subnav) > a {\n &:not([href]) {\n cursor: default;\n background-color: transparent;\n }\n }\n\n @media only screen and (max-width: $minFullUiWidth - calc(1rem/16)) {\n --is-always-visible: false;\n }\n}\n\n.global-sidebar__nav {\n padding: var(--s) 0;\n}\n\n.global-sidebar__footer {\n margin-block-start: auto;\n display: grid;\n gap: var(--s);\n}\n\n.global-nav > ul {\n display: flex;\n flex-direction: column;\n gap: var(--s);\n}\n\n.global-nav > ul > li {\n position: relative;\n}\n\n.global-nav > ul > li.sel {\n}\n\n.nav-icon {\n display: inline-flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 1rem;\n aspect-ratio: 1;\n line-height: 0;\n\n --thumb-size: 1rem;\n\n > svg {\n @include svg-mask(currentColor);\n width: 100%;\n height: 100%;\n }\n}\n\n.nav-item {\n --gutter-width: calc(10rem / 16);\n display: grid;\n grid-template-columns: var(--gutter-width) 1fr var(--prefix-width) var(\n --gutter-width\n );\n grid-template-areas: '. action trigger .' 'subnav subnav subnav subnav';\n align-items: center;\n width: 100%;\n\n > .sidebar-action {\n grid-area: action;\n }\n}\n\n.nav-item__trigger {\n --icon-size: 10px;\n --trigger-size: var(--touch-target-size);\n grid-area: trigger;\n display: flex;\n z-index: 1;\n\n .menubtn {\n padding: 0;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: var(--trigger-size);\n height: var(--trigger-size);\n border: transparent;\n\n &:hover {\n background-color: var(--ui-control-bg-color);\n }\n\n &[aria-expanded='true']:not(:hover) {\n background-color: transparent;\n }\n\n &[aria-expanded='true']:after {\n @include angle(up);\n }\n\n &:after {\n margin-left: 0 !important;\n }\n }\n}\n\n.nav-item__subnav {\n --prefix-ratio: 4/3;\n @include visually-hidden;\n grid-area: subnav;\n\n &.is-open {\n @include not-visually-hidden;\n }\n}\n\n.badge {\n display: inline-flex;\n justify-content: center;\n text-align: center;\n flex-shrink: 1;\n font-size: 11px;\n line-height: 1rem;\n width: 1.1rem;\n height: 1rem;\n border-radius: var(--s);\n background-color: var(--medium-text-color);\n color: var(--white);\n}\n\n.sidebar-actions {\n padding: 10px var(--gutter-width); // match padding of #system-info\n}\n\n.sidebar-action {\n --thumb-size: 0.75rem;\n display: flex;\n width: 100%;\n align-items: center;\n position: relative;\n text-align: left;\n border-radius: var(--medium-border-radius);\n color: currentColor;\n cursor: pointer;\n gap: 7px; // magic number to align with system name\n min-height: 30px;\n\n &:before {\n content: '';\n position: absolute;\n left: calc((10rem / 16) * -1); // match #system-name\n top: 50%;\n height: 80%;\n transform: translateY(-50%);\n width: var(--xs);\n }\n\n &:focus-visible,\n &:hover {\n background-color: var(--gray-200);\n }\n\n &.sel {\n &:before {\n --indicator-size: 6px;\n background-color: currentColor;\n }\n }\n}\n\n.sidebar-action--sub {\n --indicator-size: 4px;\n font-size: 0.9em;\n min-height: 26px;\n\n &:before {\n width: var(--indicator-size);\n height: var(--indicator-size);\n border-radius: 100%;\n left: calc((30px / 2) - (var(--indicator-size) / 2));\n top: 50%;\n background-color: var(--gray-300);\n }\n}\n\n.sidebar-action--job {\n align-items: flex-start;\n\n .sidebar-action__label {\n padding-block: var(--xs);\n }\n\n &[href]:hover {\n background-color: transparent;\n\n .icon > span.icon > canvas#job-icon-hover {\n opacity: 1;\n }\n }\n\n .label {\n white-space: normal;\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 .nav-icon {\n display: block;\n position: relative;\n width: 16px;\n height: 16px;\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\n.sidebar-action__prefix {\n display: flex;\n align-items: center;\n justify-content: center;\n width: var(--prefix-width);\n aspect-ratio: var(--prefix-ratio);\n line-height: 0;\n flex-shrink: 0;\n}\n\n.sidebar-action__label {\n display: inline-flex;\n gap: var(--s);\n align-items: center;\n padding: 0 var(--xs);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n flex-grow: 1;\n}\n\n.sidebar-action__badge {\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: 0 var(--s);\n margin-left: auto;\n}\n\n/**\nStates\n */\n@media only screen and (min-width: $minFullUiWidth) {\n [data-sidebar='collapsed'] {\n .global-sidebar {\n --global-sidebar-width: calc(50rem / 16);\n }\n\n .nav-item {\n grid-template-areas: '. action .' '. trigger .' 'subnav subnav subnav';\n grid-template-columns: var(--gutter-width) var(--prefix-width) var(\n --gutter-width\n );\n }\n\n .nav-item__indicator {\n right: -1px;\n }\n\n .sidebar-action {\n width: var(--prefix-width);\n min-height: var(--prefix-width);\n\n &:focus-visible,\n &:hover {\n .sidebar-action__label {\n opacity: 1;\n transform: translateY(-50%) translateX(0);\n }\n }\n }\n\n .nav-item__trigger {\n .menubtn {\n width: 100%;\n height: auto;\n padding-block: 2px var(--xs);\n }\n }\n\n .sidebar-action__label {\n position: absolute;\n z-index: 10;\n left: calc(100% + (var(--xs) * 2));\n top: 50%;\n transform: translateY(-50%) translateX(-5px);\n opacity: 0;\n @include pane;\n color: var(--text-color);\n border-radius: var(--medium-border-radius);\n padding: var(--xs) var(--s);\n pointer-events: none;\n\n @media screen and (prefers-reduced-motion: no-preference) {\n transition:\n opacity 50ms cubic-bezier(0.33, 1, 0.68, 1),\n transform 150ms cubic-bezier(0.33, 1, 0.68, 1);\n }\n }\n\n .sidebar-action__badge {\n z-index: 100;\n position: absolute;\n right: calc(var(--xs) * -1);\n bottom: var(--xs);\n transform: translateY(25%);\n padding: 0;\n }\n\n .sidebar-action--sub {\n min-height: 26px;\n\n &:before {\n left: 50%;\n top: 50%;\n transform: translateX(-50%) translateY(-50%);\n }\n }\n\n .global-nav > ul > li + li {\n --separator-width: calc(28rem / 16);\n\n &:before {\n position: absolute;\n top: calc(var(--s) / -2);\n left: calc((var(--global-sidebar-width) - var(--separator-width)) / 2);\n content: '';\n width: var(--separator-width);\n height: 1px;\n margin: 0 auto;\n background-color: var(--hairline-color);\n }\n }\n }\n\n [data-sidebar='expanded'] {\n #sidebar-toggle-icon {\n transform: rotate(180deg);\n }\n }\n}\n\n#sidebar-trigger {\n display: none;\n\n @media only screen and (min-width: $minFullUiWidth) {\n display: flex;\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: 5px 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: #{44 + 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 .matrixblock > .fields > .flex-fields > .field > .status-badge {\n @include left(calc(var(--m) * -1));\n }\n }\n\n .lp-draghandle {\n position: absolute;\n z-index: 101;\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: 44px;\n }\n }\n\n .lp-device-type {\n .btn {\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-btn--phone::before {\n background-image: url(../images/preview/icon-phone.svg);\n }\n &.lp-device-type-btn--tablet::before {\n background-image: url(../images/preview/icon-tablet.svg);\n }\n &.lp-device-type-btn--desktop::before {\n background-image: url(../images/preview/icon-desktop.svg);\n }\n }\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-preview-container__bumper-link {\n top: unset;\n bottom: 0;\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% - 44px);\n width: 100%;\n background-color: var(--gray-100);\n\n @supports (backdrop-filter: blur(10px)) {\n top: 44px;\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:\n top center,\n 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 '../../../../../../node_modules/@craftcms/sass/mixins';\n\n.login-container {\n .login-form-container {\n background-color: var(--gray-050);\n }\n\n .login-form {\n input[readonly] {\n cursor: not-allowed;\n }\n\n & > .field,\n & > .btn {\n margin-top: var(--l);\n\n &:not(:last-child):not(.last) {\n margin-bottom: var(--l);\n }\n }\n\n .btn {\n display: flex;\n }\n }\n\n .alternative-login-methods {\n margin-top: var(--m);\n\n .btn {\n width: 100%;\n }\n }\n\n .login-forgot-password,\n .login-alt-container button {\n font-size: 11px;\n color: var(--medium-text-color);\n cursor: pointer !important;\n }\n\n .login-alt-container {\n margin: calc(var(--s) - var(--xl)) 0;\n\n button {\n display: inline-flex;\n background-color: transparent;\n padding: 0;\n width: auto;\n height: auto;\n min-height: var(--touch-target-size);\n }\n }\n\n .login-forgot-password:hover,\n .login-forgot-password:focus,\n .login-alt-container button:hover,\n .login-alt-container button:focus {\n color: var(--link-color);\n }\n\n .login-errors {\n text-align: center;\n color: var(--error-color);\n margin-top: 1em;\n }\n}\n\n.login-alt-menu {\n z-index: 1001;\n}\n\nbody.login {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n min-height: 100%;\n\n main {\n padding: var(--padding);\n width: calc(300px + var(--padding) * 2);\n max-width: 100%;\n\n h1 {\n text-align: center;\n font-size: 32px;\n line-height: 40px;\n word-wrap: break-word;\n\n #login-logo {\n width: 100%;\n height: auto;\n max-height: 300px;\n }\n }\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 &:hover,\n &:focus,\n &:active {\n opacity: 1;\n }\n\n > svg {\n display: inline-block;\n }\n }\n}\n\n.modal.email-sent {\n width: 300px;\n\n .body {\n @include padding-left(68px);\n\n &: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 }\n}\n\n.login-modal {\n width: calc(600px + var(--l) * 2);\n max-width: calc(100% - 20px);\n background: var(--gray-100);\n border-radius: var(--large-border-radius);\n\n .body {\n display: flex;\n flex-direction: row;\n padding: var(--l);\n\n .login-modal-intro,\n .login-modal-form {\n width: 300px;\n max-width: 100%;\n }\n\n .login-modal-intro {\n padding: var(--m);\n }\n }\n\n @media screen and (max-width: 656px) {\n border-radius: var(--large-border-radius);\n\n .body {\n padding: var(--m);\n flex-direction: column;\n gap: var(--m);\n overflow: auto;\n\n .login-modal-intro {\n padding: var(--xs) var(--xl);\n }\n\n .login-modal-form {\n border-radius: 0;\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$red050: #fef2f2;\n$red100: #fee2e2;\n$red200: #fecaca;\n$red300: #fca5a5;\n$red400: #f87171;\n$red500: #ef4444;\n$red600: #dc2626;\n$red700: #b91c1c;\n$red800: #991b1b;\n$red900: #7f1d1d;\n\n$orange050: #fff7ed;\n$orange100: #ffedd5;\n$orange200: #fed7aa;\n$orange300: #fdba74;\n$orange400: #fb923c;\n$orange500: #f97316;\n$orange600: #ea580c;\n$orange700: #c2410c;\n$orange800: #9a3412;\n$orange900: #7c2d12;\n\n$yellow050: #fefce8;\n$yellow100: #fef9c3;\n$yellow200: #fef08a;\n$yellow300: #fde047;\n$yellow400: #facc15;\n$yellow500: #eab308;\n$yellow600: #ca8a04;\n$yellow700: #a16207;\n$yellow800: #854d0e;\n$yellow900: #713f12;\n\n$green050: #f0fdf4;\n$green100: #dcfce7;\n$green200: #bbf7d0;\n$green300: #86efac;\n$green400: #4ade80;\n$green500: #22c55e;\n$green600: #16a34a;\n$green700: #15803d;\n$green800: #166534;\n$green900: #14532d;\n\n$teal050: #f0fdfa;\n$teal100: #ccfbf1;\n$teal200: #99f6e4;\n$teal300: #5eead4;\n$teal400: #2dd4bf;\n$teal500: #14b8a6;\n$teal550: #11a697;\n$teal600: #0d9488;\n$teal700: #0f766e;\n$teal800: #115e59;\n$teal900: #134e4a;\n\n$cyan050: #ecfeff;\n$cyan100: #cffafe;\n$cyan200: #a5f3fc;\n$cyan300: #67e8f9;\n$cyan400: #22d3ee;\n$cyan500: #06b6d4;\n$cyan600: #0891b2;\n$cyan700: #0e7490;\n$cyan800: #155e75;\n$cyan900: #164e63;\n\n$blue050: #eff6ff;\n$blue100: #dbeafe;\n$blue200: #bfdbfe;\n$blue300: #93c5fd;\n$blue400: #60a5fa;\n$blue500: #3b82f6;\n$blue600: #2563eb;\n$blue700: #1d4ed8;\n$blue800: #1e40af;\n$blue900: #1e3a8a;\n\n$violet050: #f5f3ff;\n$violet100: #ede9fe;\n$violet200: #ddd6fe;\n$violet300: #c4b5fd;\n$violet400: #a78bfa;\n$violet500: #8b5cf6;\n$violet600: #7c3aed;\n$violet700: #6d28d9;\n$violet800: #5b21b6;\n$violet900: #4c1d95;\n\n$pink050: #fdf2f8;\n$pink100: #fce7f3;\n$pink200: #fbcfe8;\n$pink300: #f9a8d4;\n$pink400: #f472b6;\n$pink500: #ec4899;\n$pink600: #db2777;\n$pink700: #be185d;\n$pink800: #9d174d;\n$pink900: #831843;\n\n// submit button colors\n$primaryColor: $red600;\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: #1f5fea;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $textColor;\n$menuOptionActiveBackgroundColor: $grey050;\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:\n 0 0 0 1px $lightFocusColor,\n 0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing:\n 0 0 0 1px $mediumFocusColor,\n 0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing:\n 0 0 0 1px $darkFocusColor,\n 0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey500;\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\n@mixin sans-serif-font {\n font-family:\n system-ui,\n BlinkMacSystemFont,\n -apple-system,\n 'Segoe UI',\n 'Roboto',\n 'Oxygen',\n 'Ubuntu',\n 'Cantarell',\n 'Fira Sans',\n 'Droid Sans',\n 'Helvetica Neue',\n 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: never;\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\n@mixin angle($dir: down, $color: currentColor, $width: calc(2rem / 16)) {\n display: block;\n content: '';\n font-size: 0;\n width: calc(7rem / 16);\n height: calc(7rem / 16);\n border: solid $color;\n border-width: 0 $width $width 0;\n opacity: 0.8;\n position: relative;\n\n @if $dir == up {\n transform: rotate(225deg);\n top: 2px;\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:\n 0 0 0 1px $grey200,\n 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) !important;\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 custom-color-focus-ring($primary, $secondary: null) {\n @if $secondary != null {\n --focus-ring: 0 0 0 1px #{$primary}, 0 0 0 3px #{$secondary};\n } @else {\n --focus-ring: 0 0 0 3px #{$primary};\n }\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: calc(30rem / 16);\n height: calc(30rem / 16);\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:\n 0 0 0 1px transparentize($grey900, 0.9),\n 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-item-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-item-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 color: var(--ui-control-color);\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// https://tailwindcss.com/docs/screen-readers#undoing-screen-reader-only-elements\n@mixin visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n\n@mixin not-visually-hidden {\n position: static;\n width: auto;\n height: auto;\n padding: 0;\n margin: 0;\n overflow: visible;\n clip: auto;\n white-space: normal;\n}\n\n@mixin readable {\n font-size: 16px;\n line-height: 22px;\n\n h1,\n .h1,\n h2,\n .h2,\n h3,\n .h3,\n h4,\n .h4,\n h5,\n .h5,\n h6,\n .h6 {\n margin: 24px 0 16px;\n font-weight: 600;\n }\n\n h1,\n .h1 {\n font-size: 32px;\n line-height: 40px;\n color: #000;\n }\n\n h2,\n .h2 {\n font-size: 24px;\n line-height: 30px;\n }\n\n h3,\n .h3 {\n font-size: 20px;\n line-height: 24px;\n }\n\n h4,\n .h4 {\n font-size: 16px;\n line-height: 20px;\n }\n\n h5,\n .h5 {\n font-size: 14px;\n line-height: 18px;\n }\n\n h6,\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 .tip-dismiss-btn {\n position: absolute;\n top: 12px;\n @include right(12px);\n\n & + p {\n margin-top: 0;\n }\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(50px);\n border: 1px solid;\n\n &.dismissible {\n @include padding-right(36px);\n }\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: $linkColor;\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 opacity: 1;\n position: absolute;\n top: 15px;\n @include left(16px);\n font-size: 24px;\n width: 24px;\n }\n\n a[href] {\n color: currentColor;\n text-decoration: underline;\n }\n }\n }\n\n .go:after {\n font-size: 14px;\n }\n}\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(\n 45deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 135deg,\n #{transparentize($grey300, 0.75)} 25%,\n transparent 25%\n ),\n linear-gradient(\n 45deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n ),\n linear-gradient(\n 135deg,\n transparent 75%,\n #{transparentize($grey300, 0.75)} 75%\n );\n background-size: $size $size;\n background-position:\n 0 0,\n $halfSize 0,\n $halfSize -#{$halfSize},\n 0 $halfSize;\n}\n","@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\n$base: 24px;\n$tabPadding: 14px;\n$tabWidth: $base * 11;\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 display: flex;\n flex-direction: column;\n\n .btngroup {\n margin-bottom: $tabPadding;\n }\n\n .fld-field-library {\n margin: -3px;\n padding: 3px;\n flex: 1;\n min-height: 0;\n overflow: auto;\n\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:\n 0 0 0 1px transparentize($grey900, 0.9),\n 0 2px 5px -2px transparentize($grey900, 0.8);\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 gap: var(--xs);\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-element {\n position: relative;\n display: flex;\n align-items: center;\n padding: var(--s);\n gap: var(--s);\n box-shadow: inset 0 0 0 1px var(--hairline-color);\n border-radius: var(--medium-border-radius);\n background-color: 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 background-color: var(--gray-100);\n\n &:not(.draghelper) {\n box-shadow: none;\n }\n\n .field-name {\n display: flex;\n flex-direction: column;\n gap: var(--xs);\n }\n }\n\n .fld-element-icon {\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\n.fld-hr,\n.fld-br {\n position: relative;\n flex: 1;\n display: flex;\n justify-content: center;\n\n &:before {\n position: absolute;\n display: block;\n top: calc(50% - 2px);\n left: 0;\n width: 100%;\n height: 4px;\n content: '';\n font-size: 0;\n border-radius: 2px;\n }\n\n .smalltext {\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: var(--gray-100);\n border-radius: var(--large-border-radius);\n padding: 0 var(--s);\n height: var(--touch-target-size);\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-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 body.has-debug-toolbar & {\n padding-bottom: calc(8px + 42px);\n }\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(calc(1rem + 5px));\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","@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 From 8dd1d0500f30535f913d75d9e933b0c80676dd20 Mon Sep 17 00:00:00 2001 From: Iwona Just Date: Wed, 14 Feb 2024 08:21:49 +0000 Subject: [PATCH 06/71] adds aria-label to the Upload files button --- src/web/assets/cp/dist/cp.js | 2 +- src/web/assets/cp/dist/cp.js.map | 2 +- src/web/assets/cp/src/js/AssetIndex.js | 1 + 3 files changed, 3 insertions(+), 2 deletions(-) diff --git a/src/web/assets/cp/dist/cp.js b/src/web/assets/cp/dist/cp.js index e98eec41c76..69aba9489fa 100644 --- a/src/web/assets/cp/dist/cp.js +++ b/src/web/assets/cp/dist/cp.js @@ -1,3 +1,3 @@ /*! For license information please see cp.js.LICENSE.txt */ -(function(){var __webpack_modules__={463:function(){Craft.Accordion=Garnish.Base.extend({$trigger:null,targetSelector:null,_$target:null,init:function(t){var e=this;this.$trigger=$(t),this.$trigger.data("accordion")&&(console.warn("Double-instantiating an accordion trigger on an element"),this.$trigger.data("accordion").destroy()),this.$trigger.data("accordion",this),this.targetSelector=this.$trigger.attr("aria-controls")?"#".concat(this.$trigger.attr("aria-controls")):null,this.targetSelector&&(this._$target=$(this.targetSelector)),this.addListener(this.$trigger,"click","onTriggerClick"),this.addListener(this.$trigger,"keypress",(function(t){var i=t.keyCode;i!==Garnish.SPACE_KEY&&i!==Garnish.RETURN_KEY||(t.preventDefault(),e.onTriggerClick())}))},onTriggerClick:function(){"true"===this.$trigger.attr("aria-expanded")?this.hideTarget(this._$target):this.showTarget(this._$target)},showTarget:function(t){var e=this;if(t&&t.length){this.showTarget._currentHeight=t.height(),t.removeClass("hidden"),this.$trigger.removeClass("collapsed").addClass("expanded").attr("aria-expanded","true");for(var i=0;i .address-card");for(var s=0;s=this.settings.maxItems)){var e=$(t).appendTo(this.$tbody),i=e.find(".delete");this.settings.sortable&&this.sorter.addItems(e),this.$deleteBtns=this.$deleteBtns.add(i),this.addListener(i,"click","handleDeleteBtnClick"),this.totalItems++,this.updateUI()}},reorderItems:function(){var t=this;if(this.settings.sortable){for(var e=[],i=0;i=this.settings.maxItems?$(this.settings.newItemBtnSelector).addClass("hidden"):$(this.settings.newItemBtnSelector).removeClass("hidden"))}},{defaults:{tableSelector:null,noItemsSelector:null,newItemBtnSelector:null,idAttribute:"data-id",nameAttribute:"data-name",sortable:!1,allowDeleteAll:!0,minItems:0,maxItems:null,reorderAction:null,deleteAction:null,reorderSuccessMessage:Craft.t("app","New order saved."),reorderFailMessage:Craft.t("app","Couldn’t save new order."),confirmDeleteMessage:Craft.t("app","Are you sure you want to delete “{name}”?"),deleteSuccessMessage:Craft.t("app","“{name}” deleted."),deleteFailMessage:Craft.t("app","Couldn’t delete “{name}”."),onReorderItems:$.noop,onDeleteItem:$.noop}})},6872:function(){Craft.AssetImageEditor=Garnish.Modal.extend({$body:null,$footer:null,$imageTools:null,$buttons:null,$cancelBtn:null,$replaceBtn:null,$saveBtn:null,$focalPointBtn:null,$editorContainer:null,$straighten:null,$croppingCanvas:null,$spinner:null,$constraintContainer:null,$constraintRadioInputs:null,$customConstraints:null,canvas:null,image:null,viewport:null,focalPoint:null,grid:null,croppingCanvas:null,clipper:null,croppingRectangle:null,cropperHandles:null,cropperGrid:null,croppingShade:null,imageStraightenAngle:0,viewportRotation:0,originalWidth:0,originalHeight:0,imageVerticeCoords:null,zoomRatio:1,animationInProgress:!1,currentView:"",assetId:null,cacheBust:null,draggingCropper:!1,scalingCropper:!1,draggingFocal:!1,previousMouseX:0,previousMouseY:0,shiftKeyHeld:!1,editorHeight:0,editorWidth:0,cropperState:!1,scaleFactor:1,flipData:{},focalPointState:!1,maxImageSize:null,lastLoadedDimensions:null,imageIsLoading:!1,mouseMoveEvent:null,croppingConstraint:!1,constraintOrientation:"landscape",showingCustomConstraint:!1,saving:!1,renderImage:null,renderCropper:null,_queue:null,init:function(t,e){var i=this;this._queue=new Craft.Queue,this.cacheBust=Date.now(),this.setSettings(e,Craft.AssetImageEditor.defaults),null===this.settings.allowDegreeFractions&&(this.settings.allowDegreeFractions=Craft.isImagick),Garnish.prefersReducedMotion()&&(this.settings.animationDuration=1),this.assetId=t,this.flipData={x:0,y:0},this.$container=$('
').appendTo(Garnish.$bod),this.$body=$('
').appendTo(this.$container),this.$footer=$('
').appendTo(this.$container),this.base(this.$container,this.settings),this.$buttons=$('
').appendTo(this.$footer),this.$cancelBtn=$("